bingocode 1.0.3 → 1.0.4

package/desktop/src/api/skills.ts

@@ -1,19 +0,0 @@
-import { api } from './client'
-import type { SkillMeta, SkillDetail } from '../types/skill'
-
-export const skillsApi = {
-  list: (cwd?: string) => {
-    const query = cwd ? `?cwd=${encodeURIComponent(cwd)}` : ''
-    return api.get<{ skills: SkillMeta[] }>(`/api/skills${query}`)
-  },
-
-  detail: (source: string, name: string, cwd?: string) => {
-    const query = new URLSearchParams({
-      source,
-      name,
-    })
-    if (cwd) query.set('cwd', cwd)
-
-    return api.get<{ detail: SkillDetail }>(`/api/skills/detail?${query.toString()}`)
-  },
-}

package/desktop/src/api/tasks.ts

@@ -1,36 +0,0 @@
-import { api } from './client'
-import type { CronTask, CreateTaskInput, TaskRun } from '../types/task'
-
-type TasksResponse = { tasks: CronTask[] }
-type TaskResponse = { task: CronTask }
-type RunsResponse = { runs: TaskRun[] }
-
-export const tasksApi = {
-  list() {
-    return api.get<TasksResponse>('/api/scheduled-tasks')
-  },
-
-  create(input: CreateTaskInput) {
-    return api.post<TaskResponse>('/api/scheduled-tasks', input)
-  },
-
-  update(id: string, updates: Partial<CronTask>) {
-    return api.put<TaskResponse>(`/api/scheduled-tasks/${id}`, updates)
-  },
-
-  delete(id: string) {
-    return api.delete<{ ok: true }>(`/api/scheduled-tasks/${id}`)
-  },
-
-  runTask(id: string) {
-    return api.post<{ ok: true }>(`/api/scheduled-tasks/${id}/run`, {})
-  },
-
-  getRecentRuns(limit = 50) {
-    return api.get<RunsResponse>(`/api/scheduled-tasks/runs?limit=${limit}`)
-  },
-
-  getTaskRuns(taskId: string) {
-    return api.get<RunsResponse>(`/api/scheduled-tasks/${taskId}/runs`)
-  },
-}

package/desktop/src/api/teams.ts

@@ -1,44 +0,0 @@
-import { api } from './client'
-import type { TeamSummary, TeamDetail } from '../types/team'
-
-type TeamsResponse = { teams: TeamSummary[] }
-
-type TranscriptMessage = {
-  id: string
-  type: string
-  content: unknown
-  timestamp: string
-  model?: string
-  parentToolUseId?: string
-}
-
-type TranscriptResponse = { messages: TranscriptMessage[] }
-
-export type { TranscriptMessage }
-
-export const teamsApi = {
-  list() {
-    return api.get<TeamsResponse>('/api/teams')
-  },
-
-  get(name: string) {
-    return api.get<TeamDetail>(`/api/teams/${encodeURIComponent(name)}`)
-  },
-
-  getMemberTranscript(teamName: string, agentId: string) {
-    return api.get<TranscriptResponse>(
-      `/api/teams/${encodeURIComponent(teamName)}/members/${encodeURIComponent(agentId)}/transcript`,
-    )
-  },
-
-  sendMemberMessage(teamName: string, agentId: string, content: string) {
-    return api.post<{ ok: true }>(
-      `/api/teams/${encodeURIComponent(teamName)}/members/${encodeURIComponent(agentId)}/messages`,
-      { content },
-    )
-  },
-
-  delete(name: string) {
-    return api.delete<{ ok: true }>(`/api/teams/${encodeURIComponent(name)}`)
-  },
-}

package/desktop/src/api/websocket.ts

@@ -1,164 +0,0 @@
-import type { ClientMessage, ServerMessage } from '../types/chat'
-import { getBaseUrl } from './client'
-
-type MessageHandler = (msg: ServerMessage) => void
-
-type Connection = {
-  ws: WebSocket
-  handlers: Set<MessageHandler>
-  reconnectTimer: ReturnType<typeof setTimeout> | null
-  reconnectAttempt: number
-  pingInterval: ReturnType<typeof setInterval> | null
-  intentionalClose: boolean
-  pendingMessages: ClientMessage[]
-}
-
-class WebSocketManager {
-  private connections = new Map<string, Connection>()
-
-  isConnected(sessionId: string): boolean {
-    const conn = this.connections.get(sessionId)
-    return conn?.ws.readyState === WebSocket.OPEN
-  }
-
-  getConnectedSessionIds(): string[] {
-    return [...this.connections.keys()]
-  }
-
-  connect(sessionId: string) {
-    const existing = this.connections.get(sessionId)
-    if (existing && !existing.intentionalClose) return
-
-    const wsUrl = getBaseUrl().replace(/^http/, 'ws')
-    const ws = new WebSocket(`${wsUrl}/ws/${sessionId}`)
-
-    const conn: Connection = {
-      ws,
-      handlers: existing?.handlers ?? new Set(),
-      reconnectTimer: null,
-      reconnectAttempt: 0,
-      pingInterval: null,
-      intentionalClose: false,
-      pendingMessages: [],
-    }
-    this.connections.set(sessionId, conn)
-
-    ws.onopen = () => {
-      conn.reconnectAttempt = 0
-      this.startPingLoop(sessionId)
-      while (conn.pendingMessages.length > 0) {
-        const msg = conn.pendingMessages.shift()!
-        ws.send(JSON.stringify(msg))
-      }
-    }
-
-    ws.onmessage = (event) => {
-      try {
-        const msg = JSON.parse(event.data as string) as ServerMessage
-        for (const handler of conn.handlers) {
-          handler(msg)
-        }
-      } catch {
-        // Ignore malformed messages
-      }
-    }
-
-    ws.onclose = () => {
-      this.stopPingLoop(sessionId)
-      if (!conn.intentionalClose && this.connections.get(sessionId) === conn) {
-        this.scheduleReconnect(sessionId, conn)
-      }
-    }
-
-    ws.onerror = () => {
-      // onclose will fire after onerror
-    }
-  }
-
-  disconnect(sessionId: string) {
-    const conn = this.connections.get(sessionId)
-    if (!conn) return
-
-    conn.intentionalClose = true
-    this.stopPingLoop(sessionId)
-    if (conn.reconnectTimer) {
-      clearTimeout(conn.reconnectTimer)
-      conn.reconnectTimer = null
-    }
-    conn.pendingMessages = []
-
-    conn.ws.close()
-    this.connections.delete(sessionId)
-  }
-
-  disconnectAll() {
-    for (const sessionId of [...this.connections.keys()]) {
-      this.disconnect(sessionId)
-    }
-  }
-
-  send(sessionId: string, message: ClientMessage) {
-    const conn = this.connections.get(sessionId)
-    if (!conn) return
-
-    if (conn.ws.readyState === WebSocket.OPEN) {
-      conn.ws.send(JSON.stringify(message))
-    } else if (conn.ws.readyState === WebSocket.CONNECTING) {
-      conn.pendingMessages.push(message)
-    }
-  }
-
-  onMessage(sessionId: string, handler: MessageHandler): () => void {
-    const conn = this.connections.get(sessionId)
-    if (!conn) return () => {}
-    conn.handlers.add(handler)
-    return () => { conn.handlers.delete(handler) }
-  }
-
-  clearHandlers(sessionId: string) {
-    const conn = this.connections.get(sessionId)
-    if (conn) conn.handlers.clear()
-  }
-
-  private startPingLoop(sessionId: string) {
-    this.stopPingLoop(sessionId)
-    const conn = this.connections.get(sessionId)
-    if (!conn) return
-    conn.pingInterval = setInterval(() => {
-      this.send(sessionId, { type: 'ping' })
-    }, 30_000)
-  }
-
-  private stopPingLoop(sessionId: string) {
-    const conn = this.connections.get(sessionId)
-    if (conn?.pingInterval) {
-      clearInterval(conn.pingInterval)
-      conn.pingInterval = null
-    }
-  }
-
-  private scheduleReconnect(sessionId: string, conn: Connection) {
-    if (conn.reconnectTimer) {
-      clearTimeout(conn.reconnectTimer)
-    }
-
-    const delay = Math.min(1000 * 2 ** conn.reconnectAttempt, 30_000)
-    conn.reconnectAttempt++
-
-    conn.reconnectTimer = setTimeout(() => {
-      if (this.connections.get(sessionId) === conn && !conn.intentionalClose) {
-        this.connections.delete(sessionId)
-        this.connect(sessionId)
-        // Migrate handlers to new connection
-        const newConn = this.connections.get(sessionId)
-        if (newConn) {
-          for (const handler of conn.handlers) {
-            newConn.handlers.add(handler)
-          }
-        }
-      }
-    }, delay)
-  }
-}
-
-export const wsManager = new WebSocketManager()

package/desktop/src/components/chat/AskUserQuestion.tsx

@@ -1,268 +0,0 @@
-import { useState, useRef } from 'react'
-import { useChatStore } from '../../stores/chatStore'
-import { useTabStore } from '../../stores/tabStore'
-import { useTranslation } from '../../i18n'
-import { Button } from '../shared/Button'
-
-type QuestionOption = {
-  label: string
-  description?: string
-}
-
-type Question = {
-  question: string
-  header?: string
-  options?: QuestionOption[]
-}
-
-type AskUserInput = {
-  questions?: Question[]
-  question?: string
-  options?: QuestionOption[]
-}
-
-type Props = {
-  toolUseId: string
-  input: unknown
-}
-
-/**
- * Parse the AskUserQuestion input which may come in different shapes.
- */
-function parseInput(input: unknown): Question[] {
-  if (!input || typeof input !== 'object') return []
-  const obj = input as AskUserInput
-
-  // Shape 1: { questions: [...] }
-  if (Array.isArray(obj.questions)) {
-    return obj.questions
-  }
-
-  // Shape 2: { question: "...", options: [...] }
-  if (typeof obj.question === 'string') {
-    return [{ question: obj.question, options: obj.options }]
-  }
-
-  return []
-}
-
-export function AskUserQuestion({ toolUseId: _toolUseId, input }: Props) {
-  const { sendMessage } = useChatStore()
-  const activeTabId = useTabStore((s) => s.activeTabId)
-  const t = useTranslation()
-  const questions = parseInput(input)
-  const [activeTab, setActiveTab] = useState(0)
-  const [selections, setSelections] = useState<Record<number, string>>({})
-  const [freeText, setFreeText] = useState('')
-  const [submitted, setSubmitted] = useState(false)
-  const composingRef = useRef(false)
-
-  if (questions.length === 0) return null
-
-  const handleSelect = (qIndex: number, label: string) => {
-    if (submitted) return
-    setSelections((prev) => {
-      // Toggle: deselect if already selected
-      if (prev[qIndex] === label) {
-        const next = { ...prev }
-        delete next[qIndex]
-        return next
-      }
-      return { ...prev, [qIndex]: label }
-    })
-    setFreeText('')
-  }
-
-  const handleSubmit = () => {
-    if (submitted) return
-
-    const parts: string[] = []
-    for (let i = 0; i < questions.length; i++) {
-      const selected = selections[i]
-      if (selected) parts.push(selected)
-    }
-    const response = freeText.trim() || parts.join('; ') || ''
-    if (!response) return
-
-    setSubmitted(true)
-    if (!activeTabId) return
-    sendMessage(activeTabId, response)
-  }
-
-  // All questions must be answered (via selection or free text) to enable submit
-  const allAnswered = freeText.trim().length > 0 || questions.every((_, i) => selections[i] !== undefined)
-  const safeActiveTab = Math.min(activeTab, questions.length - 1)
-  const activeQuestion = questions[safeActiveTab]
-
-  if (!activeQuestion) return null
-
-  return (
-    <div className={`mb-4 ml-10 rounded-[var(--radius-lg)] border overflow-hidden ${
-      submitted
-        ? 'border-[var(--color-outline-variant)]/40 bg-[var(--color-surface-container-low)] opacity-70'
-        : 'border-[var(--color-secondary)] bg-[var(--color-surface-container-lowest)]'
-    }`}>
-      {/* Header */}
-      <div className={`flex items-center gap-3 px-4 py-3 ${
-        submitted
-          ? 'bg-[var(--color-surface-container-low)]'
-          : 'bg-[var(--color-surface-container)]'
-      }`}>
-        <div className="flex items-center justify-center w-8 h-8 rounded-[var(--radius-md)] bg-[var(--color-secondary)]/10">
-          <span className="material-symbols-outlined text-[18px] text-[var(--color-secondary)]">
-            help
-          </span>
-        </div>
-        <div className="flex-1 min-w-0">
-          <span className="text-sm font-semibold text-[var(--color-text-primary)]">
-            {t('question.needsInput')}
-          </span>
-          {submitted && (
-            <span className="ml-2 inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-bold uppercase tracking-wider bg-[var(--color-surface-container-high)] text-[var(--color-text-tertiary)]">
-              {t('question.answered')}
-            </span>
-          )}
-        </div>
-      </div>
-
-      {/* Question tabs — horizontal tab bar (only show when multiple questions) */}
-      {questions.length > 1 && (
-        <div className="flex px-4 border-b border-[var(--color-outline-variant)]/20 bg-[var(--color-surface-container-low)] overflow-x-auto">
-          {questions.map((q, i) => {
-            const isActive = safeActiveTab === i
-            const isAnswered = selections[i] !== undefined
-            const tabLabel = q.header || `Q${i + 1}`
-            return (
-              <button
-                key={i}
-                onClick={() => setActiveTab(i)}
-                className={`relative flex items-center gap-1.5 px-4 py-2.5 text-xs font-medium whitespace-nowrap transition-colors ${
-                  isActive
-                    ? 'text-[var(--color-secondary)]'
-                    : 'text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)]'
-                }`}
-              >
-                {isAnswered && (
-                  <span className="material-symbols-outlined text-[14px] text-[var(--color-success)]">check_circle</span>
-                )}
-                {tabLabel}
-                {isActive && (
-                  <div className="absolute bottom-0 left-2 right-2 h-[2px] bg-[var(--color-secondary)] rounded-t" />
-                )}
-              </button>
-            )
-          })}
-        </div>
-      )}
-
-      {/* Active question content */}
-      <div className="px-4 py-3">
-        <p className="text-sm font-medium text-[var(--color-text-primary)] mb-3">
-          {activeQuestion.question}
-        </p>
-
-        {/* Option cards */}
-        {activeQuestion.options && activeQuestion.options.length > 0 && (
-          <div className="space-y-2 mb-3">
-            {activeQuestion.options.map((opt, optIndex) => {
-              const isSelected = selections[activeTab] === opt.label
-              return (
-                <button
-                  key={optIndex}
-                  onClick={() => handleSelect(safeActiveTab, opt.label)}
-                  disabled={submitted}
-                  className={`w-full text-left px-4 py-3 rounded-[var(--radius-md)] border transition-all duration-150 cursor-pointer ${
-                    isSelected
-                      ? 'border-[var(--color-secondary)] bg-[var(--color-secondary)]/8 ring-1 ring-[var(--color-secondary)]/30'
-                      : 'border-[var(--color-outline-variant)]/40 bg-[var(--color-surface)] hover:border-[var(--color-outline-variant)] hover:bg-[var(--color-surface-container-low)]'
-                  } ${submitted ? 'cursor-default' : ''}`}
-                >
-                  <div className="flex items-start gap-3">
-                    {/* Check indicator */}
-                    <div className={`mt-0.5 flex-shrink-0 w-4 h-4 rounded-full border-2 flex items-center justify-center transition-colors ${
-                      isSelected
-                        ? 'border-[var(--color-secondary)] bg-[var(--color-secondary)]'
-                        : 'border-[var(--color-outline)]'
-                    }`}>
-                      {isSelected && (
-                        <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="white" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round">
-                          <polyline points="20 6 9 17 4 12" />
-                        </svg>
-                      )}
-                    </div>
-                    <div className="flex-1 min-w-0">
-                      <span className={`text-sm font-medium ${
-                        isSelected
-                          ? 'text-[var(--color-secondary)]'
-                          : 'text-[var(--color-text-primary)]'
-                      }`}>
-                        {opt.label}
-                      </span>
-                      {opt.description && (
-                        <p className="text-xs text-[var(--color-text-secondary)] mt-0.5">
-                          {opt.description}
-                        </p>
-                      )}
-                    </div>
-                  </div>
-                </button>
-              )
-            })}
-          </div>
-        )}
-
-        {/* Free text input */}
-        {!submitted && (
-          <div>
-            <label className="text-xs text-[var(--color-text-tertiary)] mb-1.5 block">
-              {t('question.customResponse')}
-            </label>
-            <input
-              type="text"
-              value={freeText}
-              onChange={(e) => {
-                setFreeText(e.target.value)
-                if (e.target.value.trim()) setSelections({})
-              }}
-              onCompositionStart={() => { composingRef.current = true }}
-              onCompositionEnd={() => { composingRef.current = false }}
-              onKeyDown={(e) => {
-                if (composingRef.current || e.nativeEvent.isComposing || e.keyCode === 229) return
-                if (e.key === 'Enter' && allAnswered) handleSubmit()
-              }}
-              placeholder={t('question.typePlaceholder')}
-              className="w-full px-3 py-2 text-sm bg-[var(--color-surface)] border border-[var(--color-outline-variant)]/40 rounded-[var(--radius-md)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:border-[var(--color-secondary)] focus:ring-1 focus:ring-[var(--color-secondary)]/30"
-            />
-          </div>
-        )}
-
-        {/* Submitted answer display */}
-        {submitted && (
-          <div className="flex items-center gap-2 text-xs text-[var(--color-text-secondary)]">
-            <span className="material-symbols-outlined text-[14px] text-[var(--color-success)]">check_circle</span>
-            <span>
-              {t('question.answeredPrefix')}<strong>{freeText.trim() || Object.values(selections).join(', ')}</strong>
-            </span>
-          </div>
-        )}
-      </div>
-
-      {/* Submit button */}
-      {!submitted && (
-        <div className="flex items-center gap-2 px-4 py-3 border-t border-[var(--color-outline-variant)]/20 bg-[var(--color-surface-container-low)]">
-          <Button
-            variant="primary"
-            size="sm"
-            disabled={!allAnswered}
-            onClick={handleSubmit}
-            icon={
-              <span className="material-symbols-outlined text-[14px]">send</span>
-            }
-          >
-            {t('question.submit')}
-          </Button>
-        </div>
-      )}
-    </div>
-  )
-}

package/desktop/src/components/chat/AssistantMessage.tsx

@@ -1,29 +0,0 @@
-import { MarkdownRenderer } from '../markdown/MarkdownRenderer'
-import { MessageActionBar } from './MessageActionBar'
-import { InlineImageGallery } from './InlineImageGallery'
-
-type Props = {
-  content: string
-  isStreaming?: boolean
-}
-
-export function AssistantMessage({ content, isStreaming }: Props) {
-  return (
-    <div className="group mb-5 ml-10 flex items-end gap-1.5">
-      <div className="min-w-0">
-        <div className="rounded-[20px] rounded-tl-[8px] border border-[var(--color-border)]/60 bg-[var(--color-surface)] px-4 py-3 text-sm text-[var(--color-text-primary)] shadow-sm">
-          <MarkdownRenderer content={content} />
-          {!isStreaming && <InlineImageGallery text={content} />}
-          {isStreaming && (
-            <span className="ml-0.5 inline-block h-4 w-0.5 animate-shimmer bg-[var(--color-brand)] align-text-bottom" />
-          )}
-        </div>
-      </div>
-
-      <MessageActionBar
-        copyText={isStreaming ? undefined : content}
-        copyLabel="Copy reply"
-      />
-    </div>
-  )
-}

package/desktop/src/components/chat/AttachmentGallery.tsx

@@ -1,113 +0,0 @@
-import { useMemo, useState } from 'react'
-import { ImageGalleryModal } from './ImageGalleryModal'
-
-export type AttachmentPreview = {
-  id?: string
-  type: 'image' | 'file'
-  name: string
-  data?: string
-  previewUrl?: string
-}
-
-type Props = {
-  attachments: AttachmentPreview[]
-  variant?: 'composer' | 'message'
-  onRemove?: (id: string) => void
-}
-
-export function AttachmentGallery({ attachments, variant = 'message', onRemove }: Props) {
-  const [activeImageIndex, setActiveImageIndex] = useState<number | null>(null)
-
-  const images = useMemo(
-    () =>
-      attachments
-        .filter((attachment) => attachment.type === 'image' && (attachment.previewUrl || attachment.data))
-        .map((attachment) => ({
-          src: attachment.previewUrl || attachment.data || '',
-          name: attachment.name,
-        })),
-    [attachments],
-  )
-
-  if (attachments.length === 0) return null
-
-  const isComposer = variant === 'composer'
-
-  return (
-    <>
-      <div className={isComposer ? 'flex flex-wrap items-center gap-2' : 'grid grid-cols-1 gap-2 sm:grid-cols-2'}>
-        {attachments.map((attachment, index) => {
-          if (attachment.type === 'image' && (attachment.previewUrl || attachment.data)) {
-            const src = attachment.previewUrl || attachment.data || ''
-            return (
-              <div
-                key={attachment.id || `${attachment.name}-${index}`}
-                className={isComposer ? 'group relative' : ''}
-              >
-                <button
-                  type="button"
-                  onClick={() => setActiveImageIndex(images.findIndex((image) => image.src === src))}
-                  className={
-                    isComposer
-                      ? 'overflow-hidden rounded-xl border border-[var(--color-border)] bg-[var(--color-surface-container-low)]'
-                      : 'overflow-hidden rounded-2xl border border-[var(--color-border)] bg-[var(--color-surface-container-low)] text-left shadow-sm transition-transform hover:scale-[1.01]'
-                  }
-                >
-                  <img
-                    src={src}
-                    alt={attachment.name}
-                    className={
-                      isComposer
-                        ? 'h-16 w-16 object-cover'
-                        : 'max-h-[340px] w-full max-w-[360px] object-cover'
-                    }
-                  />
-                </button>
-                {onRemove && attachment.id && (
-                  <button
-                    type="button"
-                    onClick={() => onRemove(attachment.id!)}
-                    className="absolute -right-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-[var(--color-error)] text-[10px] text-white opacity-0 transition-opacity group-hover:opacity-100"
-                    aria-label={`Remove ${attachment.name}`}
-                  >
-                    ×
-                  </button>
-                )}
-              </div>
-            )
-          }
-
-          return (
-            <div
-              key={attachment.id || `${attachment.name}-${index}`}
-              className="flex items-center gap-2 rounded-xl border border-[var(--color-border)] bg-[var(--color-surface-container-low)] px-3 py-2 text-xs text-[var(--color-text-secondary)]"
-            >
-              <span className="material-symbols-outlined text-[14px]">attach_file</span>
-              <span className="max-w-[220px] truncate">{attachment.name}</span>
-              {onRemove && attachment.id && (
-                <button
-                  type="button"
-                  onClick={() => onRemove(attachment.id!)}
-                  className="ml-1 text-[var(--color-text-tertiary)] transition-colors hover:text-[var(--color-error)]"
-                  aria-label={`Remove ${attachment.name}`}
-                >
-                  <span className="material-symbols-outlined text-[14px]">close</span>
-                </button>
-              )}
-            </div>
-          )
-        })}
-      </div>
-
-      {activeImageIndex !== null && activeImageIndex >= 0 && (
-        <ImageGalleryModal
-          open={activeImageIndex !== null}
-          images={images}
-          activeIndex={activeImageIndex}
-          onClose={() => setActiveImageIndex(null)}
-          onSelect={setActiveImageIndex}
-        />
-      )}
-    </>
-  )
-}