@vibe-forge/client 3.0.0-alpha.5 → 3.0.0-alpha.7

package/src/components/chat/sender/@types/sender-composer.ts

@@ -1,19 +0,0 @@
-export interface PendingImage {
-  id: string
-  url: string
-  name?: string
-  size?: number
-  mimeType?: string
-}
-
-export interface PendingContextFile {
-  path: string
-  name?: string
-  size?: number
-}
-
-export interface SenderComposerState {
-  input: string
-  pendingImages: PendingImage[]
-  pendingFiles: PendingContextFile[]
-}

package/src/components/chat/sender/@types/sender-editor.ts

@@ -1,12 +0,0 @@
-export interface SenderEditorSelection {
-  start: number
-  end: number
-}
-
-export interface SenderEditorHandle {
-  focus: () => void
-  setSelection: (selection: SenderEditorSelection) => void
-  getSelection: () => SenderEditorSelection | null
-  getValue: () => string
-  isDisabled: () => boolean
-}

package/src/components/chat/sender/@types/sender-props.ts

@@ -1,82 +0,0 @@
-import type { ReactNode } from 'react'
-
-import type {
-  AskUserQuestionParams,
-  ChatMessageContent,
-  SessionQueuedMessageMode,
-  SessionStatus
-} from '@vibe-forge/core'
-import type { SessionInfo } from '@vibe-forge/types'
-
-import type { ContextReferenceRequest } from '#~/components/workspace/context-file-types'
-import type { ChatSessionTargetDraft } from '#~/hooks/chat/chat-session-target'
-import type { ChatAdapterAccountOption } from '#~/hooks/chat/use-chat-adapter-account-selection'
-import type { ChatEffort } from '#~/hooks/chat/use-chat-effort'
-import type { ModelSelectMenuGroup, ModelSelectOption } from '#~/hooks/chat/use-chat-model-adapter-selection'
-import type { PermissionMode } from '#~/hooks/chat/use-chat-permission-mode'
-
-import type { SenderInitialContent, SenderSubmitResult, SenderVariant } from './sender-types'
-
-export interface SenderProps {
-  onSend: (text: string, mode?: SessionQueuedMessageMode) => SenderSubmitResult | Promise<SenderSubmitResult>
-  onSendContent: (
-    content: ChatMessageContent[],
-    mode?: SessionQueuedMessageMode
-  ) => SenderSubmitResult | Promise<SenderSubmitResult>
-  variant?: SenderVariant
-  adapterLocked?: boolean
-  sessionStatus?: SessionStatus
-  onInterrupt: () => void
-  onClear?: () => void
-  sessionId?: string
-  sessionInfo?: SessionInfo | null
-  interactionRequest?: { id: string; payload: AskUserQuestionParams } | null
-  onInteractionResponse?: (id: string, data: string | string[]) => void
-  interactionOptionNavigation?: {
-    optionCount: number
-    activeIndex: number
-    onMove: (delta: number) => void
-    onSubmit: () => void
-  }
-  placeholder?: string
-  initialContent?: SenderInitialContent
-  onInputChange?: (value: string) => void
-  onCancel?: () => void
-  submitLabel?: string
-  submitLoading?: boolean
-  forceEffortControl?: boolean
-  hideReferenceActions?: boolean
-  hideSubmitAction?: boolean
-  autoFocus?: boolean
-  modelMenuGroups?: ModelSelectMenuGroup[]
-  modelSearchOptions?: ModelSelectOption[]
-  recommendedModelOptions?: ModelSelectOption[]
-  servicePreviewModelOptions?: ModelSelectOption[]
-  onToggleRecommendedModel?: (option: ModelSelectOption) => void | Promise<void>
-  updatingRecommendedModelValue?: string
-  selectedModel?: string
-  onModelChange?: (model: string) => void
-  effort?: ChatEffort
-  effortOptions?: Array<{ value: ChatEffort; label: ReactNode }>
-  onEffortChange?: (effort: ChatEffort) => void
-  permissionMode?: PermissionMode
-  permissionModeOptions?: Array<{ value: PermissionMode; label: ReactNode }>
-  onPermissionModeChange?: (mode: PermissionMode) => void
-  selectedAdapter?: string
-  adapterOptions?: Array<{ value: string; label: ReactNode }>
-  onAdapterChange?: (adapter: string) => void
-  selectedAccount?: string
-  accountOptions?: ChatAdapterAccountOption[]
-  showAccountSelector?: boolean
-  onAccountChange?: (account: string) => void
-  modelUnavailable?: boolean
-  sessionTarget?: {
-    draft: ChatSessionTargetDraft
-    locked: boolean
-    disabled?: boolean
-    onChange: (target: ChatSessionTargetDraft) => void
-  }
-  queueMode?: SessionQueuedMessageMode
-  onQueueModeChange?: (mode: SessionQueuedMessageMode) => void
-  contextReferenceRequest?: ContextReferenceRequest | null
-}

package/src/components/chat/sender/@types/sender-toolbar-types.ts

@@ -1,101 +0,0 @@
-import type { ChangeEvent, KeyboardEvent, ReactNode, RefObject } from 'react'
-
-import type { SessionQueuedMessageMode } from '@vibe-forge/core'
-import type { RefSelectProps } from 'antd'
-
-import type { ChatAdapterAccountOption } from '#~/hooks/chat/use-chat-adapter-account-selection'
-import type { ChatEffort } from '#~/hooks/chat/use-chat-effort'
-import type { ModelSelectMenuGroup, ModelSelectOption } from '#~/hooks/chat/use-chat-model-adapter-selection'
-import type { PermissionMode } from '#~/hooks/chat/use-chat-permission-mode'
-import type { ReferenceMenuKey, RovingFocusNavigation } from './sender-types'
-
-export interface SenderToolbarShortcuts {
-  switchModel: string
-  switchEffort: string
-  switchPermissionMode: string
-  queueSteer: string
-  queueNext: string
-}
-
-export interface SenderToolbarState {
-  isInlineEdit: boolean
-  isThinking: boolean
-  modelUnavailable: boolean
-  sendBlocked: boolean
-  sendBlockedTooltip?: string
-  showConfirmInteractionAction: boolean
-  adapterLocked: boolean
-  submitLoading: boolean
-  supportsEffort: boolean
-  canOpenReferenceActions: boolean
-  showModelSelect: boolean
-  showEffortSelect: boolean
-  showReferenceActions: boolean
-  showPermissionActions: boolean
-  hideReferenceActions: boolean
-  hideSubmitAction: boolean
-  modelSearchValue: string
-  selectedModel?: string
-  effort: ChatEffort
-  permissionMode: PermissionMode
-  selectedAdapter?: string
-  selectedAccount?: string
-  showAccountSelector: boolean
-  isMac: boolean
-  resolvedSendShortcut: string
-  hasComposerContent: boolean
-  hasSendText: boolean
-  queueMode: SessionQueuedMessageMode
-  showQueueModeControl: boolean
-}
-
-export interface SenderToolbarData {
-  modelMenuGroups?: ModelSelectMenuGroup[]
-  modelSearchOptions?: ModelSelectOption[]
-  recommendedModelOptions?: ModelSelectOption[]
-  servicePreviewModelOptions?: ModelSelectOption[]
-  updatingRecommendedModelValue?: string
-  effortOptions: Array<{ value: ChatEffort; label: ReactNode }>
-  permissionModeOptions: Array<{ value: PermissionMode; label: ReactNode }>
-  adapterOptions?: Array<{ value: string; label: ReactNode }>
-  accountOptions?: ChatAdapterAccountOption[]
-  composerControlShortcuts: SenderToolbarShortcuts
-  submitLabel?: string
-  confirmInteractionLabel?: string
-}
-
-export interface SenderToolbarRefs {
-  fileInputRef: RefObject<HTMLInputElement>
-  modelSelectRef: RefObject<RefSelectProps>
-  effortSelectRef: RefObject<RefSelectProps>
-  referenceMenuNavigation: RovingFocusNavigation<ReferenceMenuKey>
-  permissionMenuNavigation: RovingFocusNavigation<PermissionMode>
-}
-
-export interface SenderToolbarHandlers {
-  onImageFileChange: (event: ChangeEvent<HTMLInputElement>) => void
-  onReferenceOpenChange: (nextOpen: boolean) => void
-  onShowModelSelectChange: (nextOpen: boolean) => void
-  onShowEffortSelectChange: (nextOpen: boolean) => void
-  onPermissionOpenChange: (nextOpen: boolean) => void
-  onModelSearchValueChange: (value: string) => void
-  onOpenContextPicker: () => void
-  onReferenceImageSelect: () => void
-  onSelectPermissionMode: (mode: PermissionMode) => void
-  onReferenceMenuKeyDown: (event: KeyboardEvent<HTMLButtonElement>, key: ReferenceMenuKey) => void
-  onPermissionMenuKeyDown: (event: KeyboardEvent<HTMLButtonElement>, key: PermissionMode) => void
-  onOpenModelSelector: () => void
-  onOpenEffortSelector: () => void
-  onQueueTextareaFocusRestore: () => void
-  onCloseReferenceActions: () => void
-  onModelChange?: (model: string) => void
-  onToggleRecommendedModel?: (option: ModelSelectOption) => void | Promise<void>
-  onEffortChange?: (effort: ChatEffort) => void
-  onAdapterChange?: (adapter: string) => void
-  onAccountChange?: (account: string) => void
-  onSend: (mode?: SessionQueuedMessageMode) => void
-  onInterrupt: () => void
-  onCancel?: () => void
-  onConfirmInteractionOption?: () => void
-  onQueueModeChange?: (mode: SessionQueuedMessageMode) => void
-}

package/src/components/chat/sender/@types/sender-types.ts

@@ -1,19 +0,0 @@
-import type { ChatMessageContent } from '@vibe-forge/core'
-
-export type SenderVariant = 'default' | 'inline-edit'
-
-export type SenderInitialContent = string | ChatMessageContent[] | undefined
-
-export type SenderSubmitResult = boolean | void
-
-export type ReferenceMenuKey = 'image' | 'file'
-
-export interface RovingFocusNavigation<T extends string> {
-  activeKey: T | null
-  setActiveKey: (key: T | null) => void
-  registerItem: (key: T) => (node: HTMLElement | null) => void
-  focusKey: (key: T | null) => void
-  moveFocus: (delta: number, fromKey?: T | null) => T | null
-  focusFirst: () => T | null
-  focusLast: () => T | null
-}

package/src/components/chat/sender/@utils/sender-completion.ts

@@ -1,164 +0,0 @@
-import type { SessionInfo } from '@vibe-forge/types'
-
-export type SenderCompletionTrigger = '/' | '@' | '#'
-
-export type SenderCompletionKind = 'command' | 'agent' | 'tool'
-
-export interface SenderCompletionItem {
-  kind: SenderCompletionKind
-  label: string
-  value: string
-}
-
-export interface SenderCompletionMatch {
-  trigger: SenderCompletionTrigger
-  kind: SenderCompletionKind
-  query: string
-  replaceStart: number
-  cursorOffset: number
-  items: SenderCompletionItem[]
-}
-
-export interface SenderTokenDecoration {
-  start: number
-  end: number
-  className: string
-}
-
-interface CompletionSource {
-  trigger: SenderCompletionTrigger
-  kind: SenderCompletionKind
-  values: string[]
-}
-
-const COMPLETION_MATCHER = /(^|\s)([@/#])([^\s@/#]*)$/
-
-const TOKEN_MATCHER = /(^|\s)([@/#])([^\s@/#]+)/g
-
-const DEMO_COMPLETION_SOURCES: CompletionSource[] = [
-  {
-    trigger: '/',
-    kind: 'command',
-    values: ['plan', 'summarize', 'review', 'fix', 'explain']
-  },
-  {
-    trigger: '@',
-    kind: 'agent',
-    values: ['solution-analyst', 'dev-planner', 'dev-implementer', 'dev-reviewer']
-  },
-  {
-    trigger: '#',
-    kind: 'tool',
-    values: ['ChromeDevtools', 'Bash', 'Read', 'Edit', 'Search']
-  }
-]
-
-const getCompletionSources = (sessionInfo?: SessionInfo | null): CompletionSource[] => {
-  if (sessionInfo?.type !== 'init') {
-    return DEMO_COMPLETION_SOURCES
-  }
-
-  const runtimeSources = [
-    { trigger: '/', kind: 'command', values: sessionInfo.slashCommands ?? [] },
-    { trigger: '@', kind: 'agent', values: sessionInfo.agents ?? [] },
-    { trigger: '#', kind: 'tool', values: sessionInfo.tools ?? [] }
-  ] satisfies CompletionSource[]
-
-  const hasRuntimeValues = runtimeSources.some(source => source.values.length > 0)
-
-  return hasRuntimeValues ? runtimeSources : DEMO_COMPLETION_SOURCES
-}
-
-const getDecorationClassName = (trigger: SenderCompletionTrigger) => {
-  if (trigger === '@') {
-    return 'chat-input-monaco__token--agent'
-  }
-
-  if (trigger === '#') {
-    return 'chat-input-monaco__token--tool'
-  }
-
-  return 'chat-input-monaco__token--command'
-}
-
-const sortCompletionItems = (items: SenderCompletionItem[], query: string) => {
-  const normalizedQuery = query.toLowerCase()
-
-  return items.toSorted((left, right) => {
-    const leftStartsWith = left.value.toLowerCase().startsWith(normalizedQuery)
-    const rightStartsWith = right.value.toLowerCase().startsWith(normalizedQuery)
-
-    if (leftStartsWith !== rightStartsWith) {
-      return leftStartsWith ? -1 : 1
-    }
-
-    return left.value.localeCompare(right.value)
-  })
-}
-
-export const resolveSenderCompletionMatch = (
-  value: string,
-  cursorOffset: number | null,
-  sessionInfo?: SessionInfo | null
-): SenderCompletionMatch | null => {
-  const resolvedCursorOffset = cursorOffset ?? value.length
-  const textBeforeCursor = value.slice(0, resolvedCursorOffset)
-  const match = COMPLETION_MATCHER.exec(textBeforeCursor)
-
-  if (match == null) {
-    return null
-  }
-
-  const trigger = match[2] as SenderCompletionTrigger
-  const query = match[3] ?? ''
-  const replaceStart = resolvedCursorOffset - query.length
-  const normalizedQuery = query.toLowerCase()
-  const source = getCompletionSources(sessionInfo).find(item => item.trigger === trigger)
-
-  if (source == null) {
-    return null
-  }
-
-  const items = source.values
-    .filter(item => normalizedQuery === '' || item.toLowerCase().includes(normalizedQuery))
-    .map(item => ({
-      kind: source.kind,
-      label: `${trigger}${item}`,
-      value: item
-    }))
-
-  return {
-    trigger,
-    kind: source.kind,
-    query,
-    replaceStart,
-    cursorOffset: resolvedCursorOffset,
-    items: sortCompletionItems(items, query)
-  }
-}
-
-export const resolveSenderTokenDecorations = (value: string): SenderTokenDecoration[] => {
-  const decorations: SenderTokenDecoration[] = []
-
-  for (const match of value.matchAll(TOKEN_MATCHER)) {
-    const leadingWhitespace = match[1] ?? ''
-    const trigger = match[2] as SenderCompletionTrigger | undefined
-    const token = match[3] ?? ''
-    const matchIndex = match.index
-
-    if (trigger == null || matchIndex == null || token === '') {
-      continue
-    }
-
-    const start = matchIndex + leadingWhitespace.length
-    const end = start + 1 + token.length
-
-    decorations.push({
-      start,
-      end,
-      className: getDecorationClassName(trigger)
-    })
-  }
-
-  return decorations
-}

package/src/components/chat/sender/@utils/sender-constants.ts

@@ -1,18 +0,0 @@
-import type { ChatEffort } from '#~/hooks/chat/use-chat-effort'
-import type { PermissionMode } from '#~/hooks/chat/use-chat-permission-mode'
-
-export const effortIconMap: Record<ChatEffort, string> = {
-  default: 'auto_awesome',
-  low: 'signal_cellular_alt_1_bar',
-  medium: 'signal_cellular_alt_2_bar',
-  high: 'signal_cellular_alt',
-  max: 'bolt'
-}
-
-export const permissionModeIconMap: Record<PermissionMode, string> = {
-  default: 'tune',
-  acceptEdits: 'edit_note',
-  plan: 'checklist',
-  dontAsk: 'verified_user',
-  bypassPermissions: 'gpp_bad'
-}

package/src/components/chat/sender/@utils/sender-utils.ts

@@ -1,45 +0,0 @@
-const CHAT_HISTORY_STORAGE_KEY = 'vf_chat_history'
-
-const reportHistoryError = (action: 'read' | 'write', error: unknown) => {
-  console.error(`Failed to ${action} chat history`, error)
-}
-
-export const isActivationKey = (key: string) => key === 'Enter' || key === ' '
-
-export const readFileAsDataUrl = (file: File) => {
-  return new Promise<string>((resolve, reject) => {
-    const reader = new FileReader()
-    reader.onload = () => {
-      resolve(typeof reader.result === 'string' ? reader.result : '')
-    }
-    reader.onerror = () => {
-      reject(new Error('read_failed'))
-    }
-    reader.readAsDataURL(file)
-  })
-}
-
-export const loadChatHistory = () => {
-  try {
-    const rawHistory = localStorage.getItem(CHAT_HISTORY_STORAGE_KEY)
-    const parsedHistory = rawHistory != null ? JSON.parse(rawHistory) : []
-    if (!Array.isArray(parsedHistory)) {
-      return []
-    }
-
-    return parsedHistory.filter((item): item is string => typeof item === 'string')
-  } catch (error) {
-    reportHistoryError('read', error)
-    return []
-  }
-}
-
-export const saveChatHistoryEntry = (input: string) => {
-  try {
-    const history = loadChatHistory()
-    const nextHistory = [input, ...history.filter(entry => entry !== input)].slice(0, 50)
-    localStorage.setItem(CHAT_HISTORY_STORAGE_KEY, JSON.stringify(nextHistory))
-  } catch (error) {
-    reportHistoryError('write', error)
-  }
-}