@brainfish-ai/devdoc 0.1.21

package/renderer/components/docs-viewer/agent/messages/types.ts

@@ -0,0 +1,61 @@
+import type { EndpointIndex, PrefillData } from '@/lib/api-docs/agent/types'
+import type { CardActions } from '../cards'
+
+export interface ToolInvocation {
+  toolCallId: string
+  toolName: string
+  args: Record<string, unknown>
+  result?: unknown
+  state: 'pending' | 'result' | 'error'
+}
+
+export interface MessageImage {
+  image: string // base64 data URL
+}
+
+export interface ChatMessageProps {
+  role: 'user' | 'assistant' | 'system'
+  content: string
+  messageId?: string
+  images?: MessageImage[]
+  toolInvocations?: ToolInvocation[]
+  isStreaming?: boolean
+  onDeleteMessage?: (messageId: string) => void
+  onNavigate?: (endpointId: string) => void
+  onNavigateToDocPage?: (slug: string) => void
+  onOpenFile?: (path: string) => void
+  cardActions?: CardActions
+}
+
+export interface UserMessageProps {
+  content: string
+  images?: MessageImage[]
+  cardActions?: CardActions
+}
+
+export interface AssistantMessageProps {
+  content: string
+  messageId?: string
+  toolInvocations?: ToolInvocation[]
+  isStreaming?: boolean
+  onDeleteMessage?: (messageId: string) => void
+  onNavigate?: (endpointId: string) => void
+  onNavigateToDocPage?: (slug: string) => void
+  onOpenFile?: (path: string) => void
+}
+
+export interface ToolCallDisplayProps {
+  tool: ToolInvocation
+  onNavigate?: (endpointId: string) => void
+  onNavigateToDocPage?: (slug: string) => void
+  onOpenFile?: (path: string) => void
+}
+
+export interface AssistantActionBarProps {
+  content: string
+  messageId?: string
+  onDeleteMessage?: (messageId: string) => void
+}
+
+// Re-export types for convenience
+export type { EndpointIndex, PrefillData, CardActions }

package/renderer/components/docs-viewer/agent/messages/typing-indicator.tsx

@@ -0,0 +1,24 @@
+'use client'
+
+import { cn } from '@/lib/utils'
+import { Spinner } from '@phosphor-icons/react'
+
+export function TypingIndicator() {
+  return (
+    <div 
+      className={cn(
+        "aui-assistant-message-root",
+        "fade-in animate-in duration-150",
+        "relative mx-auto w-full max-w-[var(--thread-max-width)] py-3"
+      )}
+      data-role="assistant"
+    >
+      <div className="aui-assistant-message-content px-2">
+        <div className="flex items-center gap-2 py-1 text-muted-foreground">
+          <Spinner size={16} className="animate-spin" />
+          <span className="text-sm">Thinking...</span>
+        </div>
+      </div>
+    </div>
+  )
+}

package/renderer/components/docs-viewer/agent/messages/user-message.tsx

@@ -0,0 +1,51 @@
+'use client'
+
+import { cn } from '@/lib/utils'
+import { CardRenderer, isCardMessage } from '../cards'
+import type { UserMessageProps } from './types'
+
+export function UserMessage({ content, images, cardActions }: UserMessageProps) {
+  if (isCardMessage(content)) {
+    return <CardRenderer content={content} actions={cardActions} />
+  }
+  
+  const hasImages = images && images.length > 0
+  
+  return (
+    <div 
+      className={cn(
+        "aui-user-message-root",
+        "fade-in slide-in-from-bottom-1 animate-in duration-150",
+        "mx-auto grid w-full max-w-[var(--thread-max-width)]",
+        "auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] content-start gap-y-2 px-2 py-3",
+        "[&:where(>*)]:col-start-2"
+      )}
+      data-role="user"
+    >
+      <div className="aui-user-message-content-wrapper relative col-start-2 min-w-0">
+        <div className="aui-user-message-content wrap-break-word rounded-2xl bg-muted px-4 py-2.5 text-foreground">
+          {/* Display images if present */}
+          {hasImages && (
+            <div className={cn(
+              "flex flex-wrap gap-2",
+              content && "mb-2"
+            )}>
+              {images.map((img, index) => (
+                <img
+                  key={index}
+                  src={img.image}
+                  alt={`Attached image ${index + 1}`}
+                  className="max-w-[200px] max-h-[200px] object-contain rounded-lg border border-border/50"
+                />
+              ))}
+            </div>
+          )}
+          {/* Display text content */}
+          {content && (
+            <p className="whitespace-pre-wrap break-words text-sm leading-relaxed">{content}</p>
+          )}
+        </div>
+      </div>
+    </div>
+  )
+}

package/renderer/components/docs-viewer/code-editor/index.tsx

@@ -0,0 +1,2 @@
+// Notes/Scratchpad components - simplified for brainstorming
+export { NotesMode } from './notes-mode'