bingocode 1.0.2 → 1.0.3

package/desktop/src/components/tasks/TaskRow.tsx

@@ -0,0 +1,253 @@
+import { useState, useRef, useEffect } from 'react'
+import type { CronTask } from '../../types/task'
+import { useTaskStore } from '../../stores/taskStore'
+import { useTranslation } from '../../i18n'
+import { describeCron } from '../../lib/cronDescribe'
+import { TaskRunsPanel } from './TaskRunsPanel'
+import { NewTaskModal } from './NewTaskModal'
+
+type Props = {
+  task: CronTask
+  showLogs: boolean
+  onToggleLogs: () => void
+}
+
+type ConfirmAction = 'run' | 'toggle' | 'delete' | null
+
+export function TaskRow({ task, showLogs, onToggleLogs }: Props) {
+  const { deleteTask, updateTask, runTask } = useTaskStore()
+  const t = useTranslation()
+  const [showEdit, setShowEdit] = useState(false)
+  const [showMenu, setShowMenu] = useState(false)
+  const [isRunning, setIsRunning] = useState(false)
+  const [confirmAction, setConfirmAction] = useState<ConfirmAction>(null)
+  const [logsRefreshKey, setLogsRefreshKey] = useState(0)
+  const menuRef = useRef<HTMLDivElement>(null)
+  const confirmRef = useRef<HTMLDivElement>(null)
+
+  // Close menu / confirm on outside click
+  useEffect(() => {
+    if (!showMenu && !confirmAction) return
+    const handler = (e: MouseEvent) => {
+      const target = e.target as Node
+      if (showMenu && menuRef.current && !menuRef.current.contains(target)) {
+        setShowMenu(false)
+      }
+      if (confirmAction && confirmRef.current && !confirmRef.current.contains(target)) {
+        setConfirmAction(null)
+      }
+    }
+    document.addEventListener('mousedown', handler)
+    return () => document.removeEventListener('mousedown', handler)
+  }, [showMenu, confirmAction])
+
+  const handleRunNow = async () => {
+    setConfirmAction(null)
+    setIsRunning(true)
+    if (!showLogs) onToggleLogs() // open logs panel (accordion will close others)
+    try {
+      await runTask(task.id)
+      setLogsRefreshKey((k) => k + 1)
+    } catch (err) {
+      console.error('Failed to run task:', err)
+    } finally {
+      setIsRunning(false)
+    }
+  }
+
+  const handleToggle = () => {
+    setConfirmAction(null)
+    setShowMenu(false)
+    updateTask(task.id, { enabled: !task.enabled })
+  }
+
+  const handleDelete = () => {
+    setConfirmAction(null)
+    setShowMenu(false)
+    deleteTask(task.id)
+  }
+
+  const iconBtn = 'p-1.5 rounded-[var(--radius-sm)] transition-colors'
+  const menuItem = 'flex items-center gap-2.5 w-full px-3 py-2 text-xs text-left rounded-[var(--radius-sm)] transition-colors'
+
+  return (
+    <div className="border-b border-[var(--color-border-separator)]">
+      <div className="flex items-center justify-between px-4 py-3 hover:bg-[var(--color-surface-hover)] transition-colors group">
+        {/* Left: status + info */}
+        <div className="flex items-center gap-3 min-w-0 flex-1">
+          <span className={`w-2 h-2 rounded-full flex-shrink-0 ${task.enabled ? 'bg-[var(--color-success)]' : 'bg-[var(--color-text-tertiary)]'}`} />
+          <div className="min-w-0">
+            <div className="text-sm font-medium text-[var(--color-text-primary)] truncate">{task.name}</div>
+            {task.description && (
+              <div className="text-xs text-[var(--color-text-secondary)] truncate">{task.description}</div>
+            )}
+            <div className="flex items-center gap-3 text-[11px] text-[var(--color-text-tertiary)] mt-0.5">
+              <span>{t('tasks.createdAt')}{new Date(task.createdAt).toLocaleDateString()}</span>
+              {task.lastFiredAt && (
+                <span>{t('tasks.lastRunAt')}{new Date(task.lastFiredAt).toLocaleDateString()}</span>
+              )}
+            </div>
+          </div>
+        </div>
+
+        {/* Right: cron + actions */}
+        <div className="flex items-center gap-3 flex-shrink-0">
+          <span className="text-xs text-[var(--color-text-tertiary)]" title={task.cron}>
+            {describeCron(task.cron, t)}
+          </span>
+
+          <div className="flex items-center gap-0.5">
+            {/* Run Now */}
+            <div className="relative" ref={confirmAction === 'run' ? confirmRef : undefined}>
+              <button
+                onClick={() => isRunning || !task.enabled ? undefined : setConfirmAction(confirmAction === 'run' ? null : 'run')}
+                disabled={isRunning || !task.enabled}
+                className={`${iconBtn} ${task.enabled ? 'text-[var(--color-brand)] hover:bg-[var(--color-surface-selected)]' : 'text-[var(--color-text-tertiary)] cursor-not-allowed'} disabled:opacity-50`}
+                title={task.enabled ? t('tasks.runNow') : undefined}
+              >
+                <span className={`material-symbols-outlined text-[18px] ${isRunning ? 'animate-spin' : ''}`}>
+                  {isRunning ? 'sync' : 'play_arrow'}
+                </span>
+              </button>
+              {confirmAction === 'run' && (
+                <ConfirmPopover
+                  message={t('tasks.confirmRun')}
+                  confirmLabel={t('tasks.runNow')}
+                  onConfirm={handleRunNow}
+                  onCancel={() => setConfirmAction(null)}
+                  cancelLabel={t('common.cancel')}
+                />
+              )}
+            </div>
+
+            {/* View Logs */}
+            <button
+              onClick={onToggleLogs}
+              className={`${iconBtn} ${showLogs ? 'text-[var(--color-brand)] bg-[var(--color-surface-selected)]' : 'text-[var(--color-text-tertiary)] hover:bg-[var(--color-surface-selected)]'}`}
+              title={t('tasks.viewLogs')}
+            >
+              <span className="material-symbols-outlined text-[18px]">receipt_long</span>
+            </button>
+
+            {/* More menu */}
+            <div className="relative" ref={menuRef}>
+              <button
+                onClick={() => { setShowMenu(!showMenu); setConfirmAction(null) }}
+                className={`${iconBtn} text-[var(--color-text-tertiary)] hover:bg-[var(--color-surface-selected)]`}
+              >
+                <span className="material-symbols-outlined text-[18px]">more_vert</span>
+              </button>
+
+              {showMenu && !confirmAction && (
+                <div className="absolute right-0 top-full mt-1 z-50 w-44 rounded-[var(--radius-md)] border border-[var(--color-border)] bg-[var(--color-surface)] shadow-lg py-1">
+                  {/* Edit */}
+                  <button
+                    onClick={() => { setShowMenu(false); setShowEdit(true) }}
+                    className={`${menuItem} text-[var(--color-text-primary)] hover:bg-[var(--color-surface-hover)]`}
+                  >
+                    <span className="material-symbols-outlined text-[16px] text-[var(--color-text-secondary)]">edit</span>
+                    {t('tasks.edit')}
+                  </button>
+
+                  {/* Toggle */}
+                  <button
+                    onClick={() => setConfirmAction('toggle')}
+                    className={`${menuItem} text-[var(--color-text-primary)] hover:bg-[var(--color-surface-hover)]`}
+                  >
+                    <span className="material-symbols-outlined text-[16px] text-[var(--color-text-secondary)]">
+                      {task.enabled ? 'pause_circle' : 'play_circle'}
+                    </span>
+                    {task.enabled ? t('common.disable') : t('common.enable')}
+                  </button>
+
+                  <div className="my-1 h-px bg-[var(--color-border-separator)]" />
+
+                  {/* Delete */}
+                  <button
+                    onClick={() => setConfirmAction('delete')}
+                    className={`${menuItem} text-[var(--color-error)] hover:bg-[var(--color-error-container)]/18`}
+                  >
+                    <span className="material-symbols-outlined text-[16px]">delete</span>
+                    {t('common.delete')}
+                  </button>
+                </div>
+              )}
+
+              {/* Confirm popovers for menu actions */}
+              {confirmAction === 'toggle' && (
+                <div ref={confirmRef}>
+                  <ConfirmPopover
+                    message={task.enabled ? t('tasks.confirmDisable') : t('tasks.confirmEnable')}
+                    confirmLabel={task.enabled ? t('common.disable') : t('common.enable')}
+                    onConfirm={handleToggle}
+                    onCancel={() => { setConfirmAction(null); setShowMenu(false) }}
+                    cancelLabel={t('common.cancel')}
+                  />
+                </div>
+              )}
+              {confirmAction === 'delete' && (
+                <div ref={confirmRef}>
+                  <ConfirmPopover
+                    message={t('tasks.confirmDelete')}
+                    confirmLabel={t('common.delete')}
+                    onConfirm={handleDelete}
+                    onCancel={() => { setConfirmAction(null); setShowMenu(false) }}
+                    cancelLabel={t('common.cancel')}
+                    variant="error"
+                  />
+                </div>
+              )}
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Runs panel */}
+      {showLogs && (
+        <div className="px-4 pb-3">
+          <TaskRunsPanel taskId={task.id} onClose={onToggleLogs} refreshKey={logsRefreshKey} />
+        </div>
+      )}
+
+      {/* Edit modal */}
+      {showEdit && (
+        <NewTaskModal open editTask={task} onClose={() => setShowEdit(false)} />
+      )}
+    </div>
+  )
+}
+
+// ─── Confirm Popover ─────────────────────────────────────────────────────────
+
+function ConfirmPopover({ message, confirmLabel, onConfirm, onCancel, cancelLabel, variant = 'brand' }: {
+  message: string
+  confirmLabel: string
+  onConfirm: () => void
+  onCancel: () => void
+  cancelLabel: string
+  variant?: 'brand' | 'error'
+}) {
+  return (
+    <div className="absolute right-0 top-full mt-1.5 z-50 w-52 rounded-[var(--radius-md)] border border-[var(--color-border)] bg-[var(--color-surface)] shadow-lg p-3">
+      <p className="text-xs text-[var(--color-text-secondary)] mb-2.5">{message}</p>
+      <div className="flex justify-end gap-1.5">
+        <button
+          onClick={onCancel}
+          className="px-2.5 py-1 text-xs rounded-[var(--radius-sm)] text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors"
+        >
+          {cancelLabel}
+        </button>
+        <button
+          onClick={onConfirm}
+          className={`px-2.5 py-1 text-xs rounded-[var(--radius-sm)] hover:opacity-90 transition-opacity ${
+            variant === 'error'
+              ? 'bg-[var(--color-error-container)] text-[var(--color-on-error-container)]'
+              : 'bg-[image:var(--gradient-btn-primary)] text-[var(--color-btn-primary-fg)]'
+          }`}
+        >
+          {confirmLabel}
+        </button>
+      </div>
+    </div>
+  )
+}

package/desktop/src/components/tasks/TaskRunsPanel.tsx

@@ -0,0 +1,195 @@
+import { useEffect, useState } from 'react'
+import { useTaskStore } from '../../stores/taskStore'
+import { useChatStore } from '../../stores/chatStore'
+import { useTabStore } from '../../stores/tabStore'
+import { useTranslation } from '../../i18n'
+import { parseRunOutput } from '../../lib/parseRunOutput'
+import type { TaskRun } from '../../types/task'
+
+function RunOutput({ run }: { run: TaskRun }) {
+  const t = useTranslation()
+
+  // Show error prominently if present
+  if (run.error) {
+    return (
+      <div className="mt-2 max-h-40 overflow-y-auto whitespace-pre-wrap break-words rounded-[var(--radius-sm)] border border-[var(--color-error)]/20 bg-[var(--color-error-container)]/28 p-2.5 text-xs text-[var(--color-error)]">
+        {run.error}
+      </div>
+    )
+  }
+
+  const text = parseRunOutput(run.output || '')
+
+  if (!text) {
+    return (
+      <div className="mt-2 p-2.5 rounded-[var(--radius-sm)] bg-[var(--color-surface-container)] text-xs text-[var(--color-text-tertiary)] italic">
+        {run.sessionId ? t('tasks.outputHintSession') : t('tasks.noOutputText')}
+      </div>
+    )
+  }
+
+  // Render AI text response with proper formatting (not monospace <pre>)
+  return (
+    <div className="mt-2 p-2.5 rounded-[var(--radius-sm)] bg-[var(--color-surface-container)] text-xs text-[var(--color-text-secondary)] whitespace-pre-wrap break-words max-h-48 overflow-y-auto leading-relaxed">
+      {text}
+    </div>
+  )
+}
+
+type Props = {
+  taskId: string
+  onClose: () => void
+  refreshKey?: number
+}
+
+const STATUS_CONFIG: Record<string, { icon: string; color: string }> = {
+  running:   { icon: 'sync',         color: 'var(--color-warning)' },
+  completed: { icon: 'check_circle', color: 'var(--color-success)' },
+  failed:    { icon: 'error',        color: 'var(--color-error)' },
+  timeout:   { icon: 'timer_off',    color: 'var(--color-error)' },
+}
+
+export function TaskRunsPanel({ taskId, onClose, refreshKey }: Props) {
+  const t = useTranslation()
+  const { fetchTaskRuns } = useTaskStore()
+  const connectToSession = useChatStore((s) => s.connectToSession)
+  const openTab = useTabStore((s) => s.openTab)
+  const [runs, setRuns] = useState<TaskRun[]>([])
+  const [loading, setLoading] = useState(true)
+  const [expandedId, setExpandedId] = useState<string | null>(null)
+
+  const openSession = (sessionId: string, taskName?: string) => {
+    openTab(sessionId, taskName || 'Task Run')
+    connectToSession(sessionId)
+  }
+
+  const refresh = () => {
+    fetchTaskRuns(taskId).then((r) => {
+      setRuns(r)
+      setLoading(false)
+    }).catch(() => setLoading(false))
+  }
+
+  // Initial fetch + re-fetch when refreshKey changes
+  useEffect(() => {
+    setLoading(true)
+    refresh()
+  }, [taskId, fetchTaskRuns, refreshKey])
+
+  // Auto-poll while any run is "running" or shortly after a manual trigger.
+  // Uses faster 1s polling for the first 10s after refreshKey changes, then 3s.
+  const hasRunning = runs.some((r) => r.status === 'running')
+  useEffect(() => {
+    if (!hasRunning && refreshKey === 0) return // no reason to poll initially
+    // Start with fast polling (1s) to give snappy feedback after "Run Now"
+    let interval = 1000
+    let timer = setInterval(refresh, interval)
+    // After 10s, switch to slower 3s polling if still running
+    const slowDown = setTimeout(() => {
+      clearInterval(timer)
+      if (hasRunning) {
+        timer = setInterval(refresh, 3000)
+      }
+    }, 10000)
+    // If nothing is running and initial window passes, stop entirely
+    const stopTimer = hasRunning ? undefined : setTimeout(() => clearInterval(timer), 12000)
+    return () => {
+      clearInterval(timer)
+      clearTimeout(slowDown)
+      if (stopTimer) clearTimeout(stopTimer)
+    }
+  }, [hasRunning, taskId, refreshKey])
+
+  return (
+    <div className="mt-2 mb-1 rounded-[var(--radius-md)] border border-[var(--color-border)] bg-[var(--color-surface)] overflow-hidden">
+      {/* Header */}
+      <div className="flex items-center justify-between px-4 py-2.5 bg-[var(--color-surface-container)]">
+        <span className="text-xs font-medium text-[var(--color-text-primary)]">{t('tasks.logsTitle')}</span>
+        <button
+          onClick={onClose}
+          className="p-0.5 text-[var(--color-text-tertiary)] hover:text-[var(--color-text-primary)] transition-colors"
+        >
+          <span className="material-symbols-outlined text-[16px]">close</span>
+        </button>
+      </div>
+
+      {/* Content */}
+      <div className="max-h-64 overflow-y-auto">
+        {loading ? (
+          <div className="flex items-center justify-center py-6">
+            <div className="animate-spin w-4 h-4 border-2 border-[var(--color-brand)] border-t-transparent rounded-full" />
+          </div>
+        ) : runs.length === 0 ? (
+          <div className="px-4 py-6 text-center text-xs text-[var(--color-text-tertiary)]">
+            {t('tasks.noLogs')}
+          </div>
+        ) : (
+          <div className="divide-y divide-[var(--color-border-separator)]">
+            {runs.map((run) => {
+              const cfg = STATUS_CONFIG[run.status] || STATUS_CONFIG.failed!
+              const isExpanded = expandedId === run.id
+              return (
+                <div key={run.id} className="px-4 py-2.5">
+                  <div className="flex items-center gap-3">
+                    {/* Status icon */}
+                    <span
+                      className={`material-symbols-outlined text-[16px] ${run.status === 'running' ? 'animate-spin' : ''}`}
+                      style={{ color: cfg.color, fontVariationSettings: "'FILL' 1" }}
+                    >
+                      {cfg.icon}
+                    </span>
+
+                    {/* Status text */}
+                    <span className="text-xs font-medium" style={{ color: cfg.color }}>
+                      {t(`tasks.runStatus.${run.status}` as any)} {/* dynamic key */}
+                    </span>
+
+                    {/* Time */}
+                    <span className="text-xs text-[var(--color-text-tertiary)]">
+                      {new Date(run.startedAt).toLocaleString()}
+                    </span>
+
+                    {/* Duration */}
+                    {run.durationMs != null && (
+                      <span className="text-xs text-[var(--color-text-tertiary)]">
+                        {t('tasks.duration', { s: Math.round(run.durationMs / 1000) })}
+                      </span>
+                    )}
+
+                    <div className="ml-auto flex items-center gap-2">
+                      {/* Open session — only after run completes (session is empty while running) */}
+                      {run.sessionId && run.status !== 'running' && (
+                        <button
+                          onClick={() => openSession(run.sessionId!, run.taskName)}
+                          className="inline-flex items-center gap-1 px-2 py-1 text-xs font-medium text-[var(--color-brand)] bg-[var(--color-brand)]/8 hover:bg-[var(--color-brand)]/15 rounded-[var(--radius-sm)] transition-colors"
+                        >
+                          <span className="material-symbols-outlined text-[14px]">open_in_new</span>
+                          {t('tasks.openSession')}
+                        </button>
+                      )}
+
+                      {/* Summary toggle */}
+                      {(run.output || run.error) && (
+                        <button
+                          onClick={() => setExpandedId(isExpanded ? null : run.id)}
+                          className="text-xs text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)] transition-colors"
+                        >
+                          {isExpanded ? t('tasks.hideOutput') : t('tasks.viewOutput')}
+                        </button>
+                      )}
+                    </div>
+                  </div>
+
+                  {/* Expanded output */}
+                  {isExpanded && (
+                    <RunOutput run={run} />
+                  )}
+                </div>
+              )
+            })}
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}

package/desktop/src/components/teams/TeamStatusBar.tsx

@@ -0,0 +1,147 @@
+import { useState } from 'react'
+import { useTeamStore } from '../../stores/teamStore'
+import { useTranslation } from '../../i18n'
+import type { TeamMember } from '../../types/team'
+
+const memberStatusConfig = {
+  running: {
+    icon: 'pending',
+    color: 'var(--color-warning)',
+    pulse: true,
+  },
+  idle: {
+    icon: 'radio_button_unchecked',
+    color: 'var(--color-text-tertiary)',
+    pulse: false,
+  },
+  completed: {
+    icon: 'check_circle',
+    color: 'var(--color-success)',
+    pulse: false,
+  },
+  error: {
+    icon: 'error',
+    color: 'var(--color-error)',
+    pulse: false,
+  },
+} as const
+
+export function TeamStatusBar() {
+  const t = useTranslation()
+  const { activeTeam, openMemberSession } = useTeamStore()
+  const [expanded, setExpanded] = useState(true)
+
+  if (!activeTeam) return null
+
+  // Filter out leader — main window is already the leader's view
+  const members = activeTeam.members.filter(
+    (m) => !activeTeam.leadAgentId || m.agentId !== activeTeam.leadAgentId,
+  )
+  const runningCount = members.filter((m) => m.status === 'running').length
+  const completedCount = members.filter((m) => m.status === 'completed').length
+  const totalCount = members.length
+  const progressPercent = totalCount > 0 ? Math.round((completedCount / totalCount) * 100) : 0
+  const allDone = runningCount === 0 && totalCount > 0
+
+  return (
+    <div className="shrink-0 px-8">
+      <div className="mx-auto max-w-[860px] rounded-[var(--radius-lg)] border border-[var(--color-outline-variant)]/40 bg-[var(--color-surface-container-lowest)] overflow-hidden mb-2">
+        {/* Header */}
+        <button
+          onClick={() => setExpanded((v) => !v)}
+          className="w-full flex items-center gap-3 px-4 py-2.5 hover:bg-[var(--color-surface-container-low)] transition-colors bg-[var(--color-surface-container)]"
+        >
+          <div className="flex items-center justify-center w-6 h-6 rounded-[var(--radius-md)] bg-[var(--color-brand)]/10">
+            <span className="material-symbols-outlined text-[14px] text-[var(--color-brand)]">groups</span>
+          </div>
+
+          <span className="text-xs font-semibold text-[var(--color-text-primary)]">
+            {t('teams.team')} {activeTeam.name}
+          </span>
+
+          {/* Progress bar */}
+          <div className="flex-1 h-1.5 rounded-full bg-[var(--color-border)] overflow-hidden max-w-[200px]">
+            <div
+              className="h-full rounded-full transition-all duration-300"
+              style={{
+                width: `${progressPercent}%`,
+                backgroundColor: allDone ? 'var(--color-success)' : 'var(--color-brand)',
+              }}
+            />
+          </div>
+
+          <span className="text-[10px] text-[var(--color-text-tertiary)] tabular-nums">
+            {completedCount}/{totalCount}
+          </span>
+
+          {runningCount > 0 && (
+            <span className="flex items-center gap-1 text-[10px] text-[var(--color-warning)]">
+              <span className="w-1.5 h-1.5 rounded-full bg-[var(--color-warning)] animate-pulse-dot" />
+              {runningCount} {t('teams.running')}
+            </span>
+          )}
+
+          <span
+            className="material-symbols-outlined text-[14px] text-[var(--color-text-tertiary)] transition-transform duration-200"
+            style={{ transform: expanded ? 'rotate(180deg)' : 'rotate(0deg)' }}
+          >
+            expand_less
+          </span>
+        </button>
+
+        {/* Expanded member list */}
+        {expanded && (
+          <div className="px-4 pb-2 pt-1 flex flex-col gap-0.5 max-h-[240px] overflow-y-auto border-t border-[var(--color-outline-variant)]/20">
+            {members.map((member) => (
+              <MemberRow key={member.agentId} member={member} onView={() => openMemberSession(member)} />
+            ))}
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}
+
+function MemberRow({ member, onView }: { member: TeamMember; onView: () => void }) {
+  const config = memberStatusConfig[member.status] || memberStatusConfig.idle
+
+  return (
+    <button
+      onClick={onView}
+      className="w-full flex items-center gap-2 py-1.5 px-1 rounded-md text-left hover:bg-[var(--color-surface-container-low)] transition-colors group"
+    >
+      <span
+        className={`material-symbols-outlined text-[16px] shrink-0 ${config.pulse ? 'animate-pulse-dot' : ''}`}
+        style={{ color: config.color, fontVariationSettings: "'FILL' 1" }}
+      >
+        {config.icon}
+      </span>
+
+      <div className="flex-1 min-w-0">
+        <div className="flex items-center gap-1.5">
+          <span className="material-symbols-outlined text-[12px] text-[var(--color-text-tertiary)]">smart_toy</span>
+          <span className={`text-xs ${
+            member.status === 'completed'
+              ? 'text-[var(--color-text-tertiary)]'
+              : 'text-[var(--color-text-primary)]'
+          }`}>
+            {member.role}
+          </span>
+        </div>
+
+        {member.status === 'running' && member.currentTask && (
+          <div className="flex items-center gap-1 mt-0.5">
+            <span className="w-1.5 h-1.5 rounded-full bg-[var(--color-warning)] animate-pulse-dot" />
+            <span className="text-[10px] text-[var(--color-warning)] truncate">
+              {member.currentTask}
+            </span>
+          </div>
+        )}
+      </div>
+
+      <span className="material-symbols-outlined text-[14px] text-[var(--color-text-tertiary)] opacity-0 group-hover:opacity-100 transition-opacity">
+        open_in_new
+      </span>
+    </button>
+  )
+}

package/desktop/src/config/providerPresets.ts

@@ -0,0 +1,78 @@
+// Provider presets inspired by cc-switch (https://github.com/farion1231/cc-switch)
+// Original work by Jason Young, MIT License
+
+import type { ApiFormat } from '../types/provider'
+
+export type ModelMapping = {
+  main: string
+  haiku: string
+  sonnet: string
+  opus: string
+}
+
+export type ProviderPreset = {
+  id: string
+  name: string
+  baseUrl: string
+  apiFormat: ApiFormat
+  defaultModels: ModelMapping
+  needsApiKey: boolean
+  websiteUrl: string
+}
+
+export const PROVIDER_PRESETS: ProviderPreset[] = [
+  {
+    id: 'official',
+    name: 'Claude Official',
+    baseUrl: '',
+    apiFormat: 'anthropic',
+    defaultModels: { main: '', haiku: '', sonnet: '', opus: '' },
+    needsApiKey: false,
+    websiteUrl: 'https://www.anthropic.com/claude-code',
+  },
+  {
+    id: 'deepseek',
+    name: 'DeepSeek',
+    baseUrl: 'https://api.deepseek.com/anthropic',
+    apiFormat: 'anthropic',
+    defaultModels: { main: 'DeepSeek-V3.2', haiku: 'DeepSeek-V3.2', sonnet: 'DeepSeek-V3.2', opus: 'DeepSeek-V3.2' },
+    needsApiKey: true,
+    websiteUrl: 'https://platform.deepseek.com',
+  },
+  {
+    id: 'zhipuglm',
+    name: 'Zhipu GLM',
+    baseUrl: 'https://open.bigmodel.cn/api/anthropic',
+    apiFormat: 'anthropic',
+    defaultModels: { main: 'glm-5', haiku: 'glm-5', sonnet: 'glm-5', opus: 'glm-5' },
+    needsApiKey: true,
+    websiteUrl: 'https://open.bigmodel.cn',
+  },
+  {
+    id: 'kimi',
+    name: 'Kimi',
+    baseUrl: 'https://api.moonshot.cn/anthropic',
+    apiFormat: 'anthropic',
+    defaultModels: { main: 'kimi-k2.5', haiku: 'kimi-k2.5', sonnet: 'kimi-k2.5', opus: 'kimi-k2.5' },
+    needsApiKey: true,
+    websiteUrl: 'https://platform.moonshot.cn',
+  },
+  {
+    id: 'minimax',
+    name: 'MiniMax',
+    baseUrl: 'https://api.minimaxi.com/anthropic',
+    apiFormat: 'anthropic',
+    defaultModels: { main: 'MiniMax-M2.7', haiku: 'MiniMax-M2.7', sonnet: 'MiniMax-M2.7', opus: 'MiniMax-M2.7' },
+    needsApiKey: true,
+    websiteUrl: 'https://platform.minimaxi.com',
+  },
+  {
+    id: 'custom',
+    name: 'Custom',
+    baseUrl: '',
+    apiFormat: 'anthropic',
+    defaultModels: { main: '', haiku: '', sonnet: '', opus: '' },
+    needsApiKey: true,
+    websiteUrl: '',
+  },
+]