Content Types

The content type registry is a plugin system that controls how different chat modes behave in Geoff’s UI. Each content type maps to a specific UI configuration — placeholder text, accepted file types, custom toolbar elements, and routing.

Built-in Content Types

ID	Label	Route	Accepted Files
`think`	Think	`/chat/[id]`	None
`music`	Music	`/chat/[id]`	Audio files
`image`	Image	`/chat/[id]`	Image files
`video`	Video	`/chat/[id]`	Video files
`code`	Code	`/codev3/chat/[id]`	Code files
`crypto`	Crypto	`/chat/[id]`	None
`agent`	Agent	`/claw/session/[id]`	Code files

Plugin Interface

Each content type implements the ContentTypePlugin interface:

interface ContentTypePlugin {
  id: string;                    // Unique key
  label: string;                 // Display name
  placeholders: string[];        // Cycling placeholder texts
  acceptedFileTypes: string;     // File input accept attribute
  renderToolbarExtras?(): JSX.Element;    // Custom toolbar UI
  renderBelowTextarea?(): JSX.Element;    // Custom input area UI
  enrichSubmitPayload?(payload): void;    // Add mode-specific data
  routePath(chatId: string): string;     // Where new chats route to
}

Registration

Adding a new content type is straightforward:

import { registerContentType } from '@/lib/content-types/registry';

registerContentType({
  id: 'my-mode',
  label: 'My Mode',
  placeholders: ['What would you like to create?', 'Describe your idea...'],
  acceptedFileTypes: '.json,.csv',
  routePath: (chatId) => `/my-mode/chat/${chatId}`,
});

Architecture

The registry is a simple Map<string, ContentTypePlugin> with helper functions:

registerContentType(plugin) — register a new type
getContentType(id) — look up by ID
getAllContentTypes() — list all registered types
getRoutePath(id, chatId) — resolve a chat’s URL