@polderlabs/bizar 10.3.0 → 10.4.1

package/bizar-dash/dist/assets/{BackgroundJobsView-j603pz6o.js.map → BackgroundJobsView-BLWuN9qz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BackgroundJobsView-j603pz6o.js","sources":["../../src/web/v8/views/BackgroundJobs/BackgroundJobsView.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport { Play, Pause, RotateCw, Trash2, Terminal, Cpu, Bot, AlertTriangle, CheckCircle2, type LucideIcon } from 'lucide-react';\nimport { Stack } from '../../ui/primitives/Stack.js';\nimport { Inline } from '../../ui/primitives/Inline.js';\nimport { ViewHeader } from '../../ui/data/ViewHeader.js';\nimport { Badge } from '../../ui/data/Badge.js';\nimport { Card, CardBody } from '../../ui/data/Card.js';\nimport { Skeleton } from '../../ui/feedback/Skeleton.js';\nimport { Button } from '../../ui/controls/Button.js';\nimport { Textarea } from '../../ui/controls/Textarea.js';\nimport { useFetch } from '../../data/useFetch.js';\nimport { fetchJson, FetchError } from '../../data/fetcher.js';\nimport { useWsMessage } from '../../data/useWebSocket.js';\nimport type { WsMessage } from '../../data/types.js';\n\n/**\n * BackgroundJobsView — live background agent instances.\n *\n * Renders `/api/background` (list + status counts), shows per-instance\n * output panels, and exposes pause / resume / retry / kill controls.\n */\n\ntype BgStatus = 'pending' | 'running' | 'paused' | 'done' | 'error' | 'killed' | 'unknown';\n\ninterface BgAction {\n  type: string;\n  prompt?: string;\n  agent?: string;\n  command?: string;\n}\n\ninterface BgInstance {\n  instanceId: string;\n  agent?: string;\n  status: BgStatus;\n  worktree?: string;\n  createdAt?: number;\n  startedAt?: number;\n  endedAt?: number;\n  exitCode?: number;\n  error?: string;\n  tags?: string[];\n  action?: BgAction;\n  sessionId?: string;\n  pid?: number;\n  messageCount?: number;\n  lastMessageAt?: number;\n  lastError?: { ts: number; message: string };\n  toolCalls?: unknown[];\n}\n\ninterface BackgroundResponse {\n  instances: BgInstance[];\n  status?: { running: number; paused: number; done: number; error: number };\n}\n\nfunction statusIcon(s: BgStatus): LucideIcon {\n  switch (s) {\n    case 'running': return Play;\n    case 'paused': return Pause;\n    case 'done': return CheckCircle2;\n    case 'error': return AlertTriangle;\n    case 'killed': return Trash2;\n    default: return Cpu;\n  }\n}\n\nfunction statusTone(s: BgStatus): 'neutral' | 'info' | 'success' | 'danger' | 'warning' {\n  switch (s) {\n    case 'running': return 'info';\n    case 'paused': return 'warning';\n    case 'done': return 'success';\n    case 'error': return 'danger';\n    case 'killed': return 'neutral';\n    default: return 'neutral';\n  }\n}\n\nfunction elapsed(ms?: number): string {\n  if (!ms) return '—';\n  const s = Math.floor((Date.now() - ms) / 1000);\n  if (s < 60) return `${s}s`;\n  const m = Math.floor(s / 60);\n  if (m < 60) return `${m}m ${s % 60}s`;\n  const h = Math.floor(m / 60);\n  return `${h}h ${m % 60}m`;\n}\n\nexport function BackgroundJobsView(): JSX.Element {\n  const res = useFetch<BackgroundResponse>('/api/background');\n  const [live, setLive] = useState<BgInstance[]>([]);\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n  const [outputLines, setOutputLines] = useState<string[]>([]);\n  const [outputLoading, setOutputLoading] = useState<boolean>(false);\n  const [busy, setBusy] = useState<boolean>(false);\n  const [actionError, setActionError] = useState<string | null>(null);\n  const [killConfirm, setKillConfirm] = useState<string | null>(null);\n\n  useWsMessage('background:change', useCallback((msg: WsMessage) => {\n    const m = msg as { id?: string; status?: string };\n    void res.refetch();\n    if (m.id && m.id === selectedId) loadOutput(m.id);\n  }, [res, selectedId]));\n\n  const instances = useMemo<BgInstance[]>(() => [...live, ...(res.data?.instances || [])], [live, res.data]);\n\n  const selected = useMemo<BgInstance | null>(() => {\n    if (!selectedId) return null;\n    return instances.find((i) => i.instanceId === selectedId) ?? null;\n  }, [selectedId, instances]);\n\n  const loadOutput = async (id: string): Promise<void> => {\n    setOutputLoading(true);\n    try {\n      const data = await fetchJson<{ lines?: string[] }>(`/api/background/${encodeURIComponent(id)}/output?lines=100`);\n      setOutputLines(data.lines ?? []);\n    } catch {\n      setOutputLines([]);\n    } finally {\n      setOutputLoading(false);\n    }\n  };\n\n  const selectInstance = async (inst: BgInstance): Promise<void> => {\n    setSelectedId(inst.instanceId);\n    await loadOutput(inst.instanceId);\n  };\n\n  const refresh = (): void => { void res.refetch(); };\n\n  const pauseInstance = async (id: string): Promise<void> => {\n    setActionError(null);\n    try {\n      await fetchJson(`/api/background/${encodeURIComponent(id)}/pause`, { method: 'POST' });\n      refresh();\n    } catch (err) {\n      setActionError(err instanceof FetchError ? err.message : String(err));\n    }\n  };\n\n  const resumeInstance = async (id: string): Promise<void> => {\n    setActionError(null);\n    try {\n      await fetchJson(`/api/background/${encodeURIComponent(id)}/resume`, { method: 'POST' });\n      refresh();\n    } catch (err) {\n      setActionError(err instanceof FetchError ? err.message : String(err));\n    }\n  };\n\n  const retryInstance = async (id: string): Promise<void> => {\n    setActionError(null);\n    try {\n      await fetchJson(`/api/background/${encodeURIComponent(id)}/retry`, { method: 'POST' });\n      refresh();\n    } catch (err) {\n      setActionError(err instanceof FetchError ? err.message : String(err));\n    }\n  };\n\n  const killInstance = async (id: string): Promise<void> => {\n    setActionError(null);\n    setBusy(true);\n    try {\n      await fetchJson(`/api/background/${encodeURIComponent(id)}`, { method: 'DELETE' });\n      setKillConfirm(null);\n      if (selectedId === id) setSelectedId(null);\n      refresh();\n    } catch (err) {\n      setActionError(err instanceof FetchError ? err.message : String(err));\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  const statusCounts = useMemo(() => {\n    const counts: Record<BgStatus, number> = { pending: 0, running: 0, paused: 0, done: 0, error: 0, killed: 0, unknown: 0 };\n    for (const i of instances) {\n      const s: BgStatus = i.status || 'unknown';\n      counts[s] = (counts[s] ?? 0) + 1;\n    }\n    return counts;\n  }, [instances]);\n\n  return (\n    <Stack gap={5} data-testid=\"background-view\">\n      <ViewHeader\n        title=\"Background Jobs\"\n        description=\"Live background agent sessions. Pause, resume, retry, or kill.\"\n      />\n\n      {actionError !== null && (\n        <div role=\"alert\" style={{ padding: 'var(--space-2) var(--space-3)', background: 'color-mix(in oklch, var(--danger) 12%, var(--surface-0))', border: '1px solid var(--danger)', borderRadius: 'var(--radius-md)', fontSize: 'var(--fs-12)', color: 'var(--danger)' }}>\n          {actionError}\n        </div>\n      )}\n\n      {/* Status summary bar */}\n      {instances.length > 0 && (\n        <Inline gap={3} wrap>\n          {(['running', 'paused', 'pending', 'done', 'error'] as BgStatus[]).map((s) => {\n            const count = statusCounts[s];\n            if (count === 0) return null;\n            const Icon = statusIcon(s);\n            return (\n              <Inline key={s} align=\"center\" gap={2} style={{ padding: '4px 10px', background: 'var(--surface-1)', borderRadius: 'var(--radius-pill)', border: '1px solid var(--border)' }}>\n                <Icon size={12} aria-hidden style={{ color: `var(--${statusTone(s) === 'neutral' ? 'fg-muted' : statusTone(s)})` }} />\n                <span style={{ fontSize: 'var(--fs-12)' }}>{s}</span>\n                <Badge tone={statusTone(s)}>{count}</Badge>\n              </Inline>\n            );\n          })}\n        </Inline>\n      )}\n\n      {res.loading && instances.length === 0 ? (\n        <Skeleton style={{ height: 240 }} />\n      ) : instances.length === 0 ? (\n        <Card>\n          <CardBody>\n            <Stack gap={1} align=\"center\">\n              <Cpu size={32} aria-hidden style={{ color: 'var(--fg-muted)' }} />\n              <strong>No background jobs</strong>\n              <span style={{ color: 'var(--fg-muted)', fontSize: 'var(--fs-13)' }}>\n                Background agents appear here when spawned.\n              </span>\n            </Stack>\n          </CardBody>\n        </Card>\n      ) : (\n        <Box style={{ display: 'grid', gridTemplateColumns: selected ? '1fr 380px' : '1fr', gap: 'var(--space-4)' }}>\n          {/* Instance list */}\n          <Stack gap={2}>\n            {instances.map((inst) => {\n              const s: BgStatus = inst.status || 'unknown';\n              const Icon = statusIcon(s);\n              const isSelected = inst.instanceId === selectedId;\n              return (\n                <Card\n                  key={inst.instanceId}\n                  data-testid={`bg-instance-${inst.instanceId}`}\n                  style={{\n                    cursor: 'pointer',\n                    outline: isSelected ? '2px solid var(--accent)' : undefined,\n                    outlineOffset: -2,\n                  }}\n                  onClick={() => { void selectInstance(inst); }}\n                >\n                  <CardBody>\n                    <Inline align=\"center\" gap={3}>\n                      <Icon\n                        size={16}\n                        aria-hidden\n                        style={{ color: `var(--${statusTone(s) === 'neutral' ? 'fg-muted' : statusTone(s)})` }}\n                      />\n                      <Stack gap={1} style={{ flex: 1, minWidth: 0 }}>\n                        <Inline align=\"center\" gap={2}>\n                          <strong style={{ fontSize: 'var(--fs-14)' }}>\n                            {inst.agent ?? inst.instanceId.slice(0, 8)}\n                          </strong>\n                          <Badge tone={statusTone(s)}>{s}</Badge>\n                          {inst.tags?.map((t) => (\n                            <Badge key={t} tone=\"neutral\">{t}</Badge>\n                          ))}\n                        </Inline>\n                        <Inline gap={3}>\n                          {inst.worktree && (\n                            <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>\n                              {inst.worktree}\n                            </span>\n                          )}\n                          <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>\n                            {elapsed(inst.startedAt ?? inst.createdAt)}\n                          </span>\n                          {inst.pid && (\n                            <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>\n                              pid {inst.pid}\n                            </span>\n                          )}\n                        </Inline>\n                      </Stack>\n                      {/* Action buttons — stop propagation so clicking doesn't navigate away */}\n                      <Inline\n                        gap={1}\n                        align=\"center\"\n                        onClick={(e) => e.stopPropagation()}\n                      >\n                        {s === 'running' && (\n                          <Button\n                            variant=\"secondary\"\n                            size=\"sm\"\n                            onClick={() => { void pauseInstance(inst.instanceId); }}\n                            data-testid={`bg-pause-${inst.instanceId}`}\n                            title=\"Pause\"\n                          >\n                            <Pause size={12} aria-hidden />\n                          </Button>\n                        )}\n                        {s === 'paused' && (\n                          <Button\n                            variant=\"secondary\"\n                            size=\"sm\"\n                            onClick={() => { void resumeInstance(inst.instanceId); }}\n                            data-testid={`bg-resume-${inst.instanceId}`}\n                            title=\"Resume\"\n                          >\n                            <Play size={12} aria-hidden />\n                          </Button>\n                        )}\n                        {(s === 'error' || s === 'killed') && (\n                          <Button\n                            variant=\"secondary\"\n                            size=\"sm\"\n                            onClick={() => { void retryInstance(inst.instanceId); }}\n                            data-testid={`bg-retry-${inst.instanceId}`}\n                            title=\"Retry\"\n                          >\n                            <RotateCw size={12} aria-hidden />\n                          </Button>\n                        )}\n                        <Button\n                          variant=\"danger\"\n                          size=\"sm\"\n                          onClick={() => setKillConfirm(inst.instanceId)}\n                          data-testid={`bg-kill-${inst.instanceId}`}\n                          title=\"Kill\"\n                        >\n                          <Trash2 size={12} aria-hidden />\n                        </Button>\n                      </Inline>\n                    </Inline>\n                  </CardBody>\n                </Card>\n              );\n            })}\n          </Stack>\n\n          {/* Output panel */}\n          {selected && (\n            <Card>\n              <CardBody>\n                <Stack gap={3}>\n                  <Inline align=\"center\" justify=\"between\">\n                    <Inline align=\"center\" gap={2}>\n                      <Terminal size={12} aria-hidden />\n                      <span style={{ fontSize: 'var(--fs-13)', fontWeight: 600 }}>Output</span>\n                    </Inline>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      onClick={() => { if (selected) void loadOutput(selected.instanceId); }}\n                    >\n                      <RotateCw size={12} aria-hidden />\n                    </Button>\n                  </Inline>\n\n                  {outputLoading ? (\n                    <Skeleton style={{ height: 160 }} />\n                  ) : outputLines.length === 0 ? (\n                    <span style={{ color: 'var(--fg-muted)', fontSize: 'var(--fs-12)' }}>No output captured yet.</span>\n                  ) : (\n                    <Box\n                      style={{\n                        fontFamily: 'var(--font-mono)',\n                        fontSize: 'var(--fs-12)',\n                        background: 'var(--surface-0)',\n                        border: '1px solid var(--border)',\n                        borderRadius: 'var(--radius-sm)',\n                        padding: 'var(--space-3)',\n                        maxHeight: 320,\n                        overflowY: 'auto',\n                        whiteSpace: 'pre-wrap',\n                        wordBreak: 'break-word',\n                        lineHeight: 1.6,\n                      }}\n                    >\n                      {outputLines.map((line, i) => (\n                        <div key={i}>{line}</div>\n                      ))}\n                    </Box>\n                  )}\n                </Stack>\n              </CardBody>\n            </Card>\n          )}\n        </Box>\n      )}\n\n      {/* Kill confirmation inline dialog */}\n      {killConfirm && (\n        <div\n          role=\"dialog\"\n          aria-modal\n          style={{\n            position: 'fixed',\n            inset: 0,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            background: 'rgba(0,0,0,0.4)',\n            zIndex: 100,\n          }}\n          data-testid=\"bg-kill-confirm\"\n        >\n          <Card style={{ maxWidth: 400 }}>\n            <CardBody>\n              <Stack gap={4}>\n                <Inline align=\"center\" gap={2}>\n                  <AlertTriangle size={16} aria-hidden style={{ color: 'var(--danger)' }} />\n                  <strong>Kill this background job?</strong>\n                </Inline>\n                <span style={{ color: 'var(--fg-muted)', fontSize: 'var(--fs-13)' }}>\n                  This sends SIGTERM to the process. The instance will transition to &ldquo;killed&rdquo; status.\n                </span>\n                <Inline gap={2}>\n                  <Button\n                    variant=\"danger\"\n                    onClick={() => { void killInstance(killConfirm); }}\n                    disabled={busy}\n                  >\n                    Kill\n                  </Button>\n                  <Button\n                    variant=\"ghost\"\n                    onClick={() => setKillConfirm(null)}\n                    disabled={busy}\n                  >\n                    Cancel\n                  </Button>\n                </Inline>\n              </Stack>\n            </CardBody>\n          </Card>\n        </div>\n      )}\n    </Stack>\n  );\n}\n\nfunction Box(props: { children?: React.ReactNode; style?: React.CSSProperties }): JSX.Element {\n  return <div style={props.style}>{props.children}</div>;\n}\n"],"names":["statusIcon","Play","Pause","CheckCircle2","AlertTriangle","Trash2","Cpu","statusTone","elapsed","ms","s","m","BackgroundJobsView","res","useFetch","live","setLive","useState","selectedId","setSelectedId","outputLines","setOutputLines","outputLoading","setOutputLoading","busy","setBusy","actionError","setActionError","killConfirm","setKillConfirm","useWsMessage","useCallback","msg","loadOutput","instances","useMemo","_a","selected","i","id","data","fetchJson","selectInstance","inst","refresh","pauseInstance","err","FetchError","resumeInstance","retryInstance","killInstance","statusCounts","counts","jsxs","Stack","jsx","ViewHeader","Inline","count","Icon","Badge","Skeleton","Card","CardBody","Box","isSelected","t","e","Button","RotateCw","Terminal","line","props"],"mappings":"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"}
+{"version":3,"file":"BackgroundJobsView-BLWuN9qz.js","sources":["../../src/web/v8/views/BackgroundJobs/BackgroundJobsView.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport { Play, Pause, RotateCw, Trash2, Terminal, Cpu, Bot, AlertTriangle, CheckCircle2, type LucideIcon } from 'lucide-react';\nimport { Stack } from '../../ui/primitives/Stack.js';\nimport { Inline } from '../../ui/primitives/Inline.js';\nimport { ViewHeader } from '../../ui/data/ViewHeader.js';\nimport { Badge } from '../../ui/data/Badge.js';\nimport { Card, CardBody } from '../../ui/data/Card.js';\nimport { Skeleton } from '../../ui/feedback/Skeleton.js';\nimport { Button } from '../../ui/controls/Button.js';\nimport { Textarea } from '../../ui/controls/Textarea.js';\nimport { useFetch } from '../../data/useFetch.js';\nimport { fetchJson, FetchError } from '../../data/fetcher.js';\nimport { useWsMessage } from '../../data/useWebSocket.js';\nimport type { WsMessage } from '../../data/types.js';\n\n/**\n * BackgroundJobsView — live background agent instances.\n *\n * Renders `/api/background` (list + status counts), shows per-instance\n * output panels, and exposes pause / resume / retry / kill controls.\n */\n\ntype BgStatus = 'pending' | 'running' | 'paused' | 'done' | 'error' | 'killed' | 'unknown';\n\ninterface BgAction {\n  type: string;\n  prompt?: string;\n  agent?: string;\n  command?: string;\n}\n\ninterface BgInstance {\n  instanceId: string;\n  agent?: string;\n  status: BgStatus;\n  worktree?: string;\n  createdAt?: number;\n  startedAt?: number;\n  endedAt?: number;\n  exitCode?: number;\n  error?: string;\n  tags?: string[];\n  action?: BgAction;\n  sessionId?: string;\n  pid?: number;\n  messageCount?: number;\n  lastMessageAt?: number;\n  lastError?: { ts: number; message: string };\n  toolCalls?: unknown[];\n}\n\ninterface BackgroundResponse {\n  instances: BgInstance[];\n  status?: { running: number; paused: number; done: number; error: number };\n}\n\nfunction statusIcon(s: BgStatus): LucideIcon {\n  switch (s) {\n    case 'running': return Play;\n    case 'paused': return Pause;\n    case 'done': return CheckCircle2;\n    case 'error': return AlertTriangle;\n    case 'killed': return Trash2;\n    default: return Cpu;\n  }\n}\n\nfunction statusTone(s: BgStatus): 'neutral' | 'info' | 'success' | 'danger' | 'warning' {\n  switch (s) {\n    case 'running': return 'info';\n    case 'paused': return 'warning';\n    case 'done': return 'success';\n    case 'error': return 'danger';\n    case 'killed': return 'neutral';\n    default: return 'neutral';\n  }\n}\n\nfunction elapsed(ms?: number): string {\n  if (!ms) return '—';\n  const s = Math.floor((Date.now() - ms) / 1000);\n  if (s < 60) return `${s}s`;\n  const m = Math.floor(s / 60);\n  if (m < 60) return `${m}m ${s % 60}s`;\n  const h = Math.floor(m / 60);\n  return `${h}h ${m % 60}m`;\n}\n\nexport function BackgroundJobsView(): JSX.Element {\n  const res = useFetch<BackgroundResponse>('/api/background');\n  const [live, setLive] = useState<BgInstance[]>([]);\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n  const [outputLines, setOutputLines] = useState<string[]>([]);\n  const [outputLoading, setOutputLoading] = useState<boolean>(false);\n  const [busy, setBusy] = useState<boolean>(false);\n  const [actionError, setActionError] = useState<string | null>(null);\n  const [killConfirm, setKillConfirm] = useState<string | null>(null);\n\n  useWsMessage('background:change', useCallback((msg: WsMessage) => {\n    const m = msg as { id?: string; status?: string };\n    void res.refetch();\n    if (m.id && m.id === selectedId) loadOutput(m.id);\n  }, [res, selectedId]));\n\n  const instances = useMemo<BgInstance[]>(() => [...live, ...(res.data?.instances || [])], [live, res.data]);\n\n  const selected = useMemo<BgInstance | null>(() => {\n    if (!selectedId) return null;\n    return instances.find((i) => i.instanceId === selectedId) ?? null;\n  }, [selectedId, instances]);\n\n  const loadOutput = async (id: string): Promise<void> => {\n    setOutputLoading(true);\n    try {\n      const data = await fetchJson<{ lines?: string[] }>(`/api/background/${encodeURIComponent(id)}/output?lines=100`);\n      setOutputLines(data.lines ?? []);\n    } catch {\n      setOutputLines([]);\n    } finally {\n      setOutputLoading(false);\n    }\n  };\n\n  const selectInstance = async (inst: BgInstance): Promise<void> => {\n    setSelectedId(inst.instanceId);\n    await loadOutput(inst.instanceId);\n  };\n\n  const refresh = (): void => { void res.refetch(); };\n\n  const pauseInstance = async (id: string): Promise<void> => {\n    setActionError(null);\n    try {\n      await fetchJson(`/api/background/${encodeURIComponent(id)}/pause`, { method: 'POST' });\n      refresh();\n    } catch (err) {\n      setActionError(err instanceof FetchError ? err.message : String(err));\n    }\n  };\n\n  const resumeInstance = async (id: string): Promise<void> => {\n    setActionError(null);\n    try {\n      await fetchJson(`/api/background/${encodeURIComponent(id)}/resume`, { method: 'POST' });\n      refresh();\n    } catch (err) {\n      setActionError(err instanceof FetchError ? err.message : String(err));\n    }\n  };\n\n  const retryInstance = async (id: string): Promise<void> => {\n    setActionError(null);\n    try {\n      await fetchJson(`/api/background/${encodeURIComponent(id)}/retry`, { method: 'POST' });\n      refresh();\n    } catch (err) {\n      setActionError(err instanceof FetchError ? err.message : String(err));\n    }\n  };\n\n  const killInstance = async (id: string): Promise<void> => {\n    setActionError(null);\n    setBusy(true);\n    try {\n      await fetchJson(`/api/background/${encodeURIComponent(id)}`, { method: 'DELETE' });\n      setKillConfirm(null);\n      if (selectedId === id) setSelectedId(null);\n      refresh();\n    } catch (err) {\n      setActionError(err instanceof FetchError ? err.message : String(err));\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  const statusCounts = useMemo(() => {\n    const counts: Record<BgStatus, number> = { pending: 0, running: 0, paused: 0, done: 0, error: 0, killed: 0, unknown: 0 };\n    for (const i of instances) {\n      const s: BgStatus = i.status || 'unknown';\n      counts[s] = (counts[s] ?? 0) + 1;\n    }\n    return counts;\n  }, [instances]);\n\n  return (\n    <Stack gap={5} data-testid=\"background-view\">\n      <ViewHeader\n        title=\"Background Jobs\"\n        description=\"Live background agent sessions. Pause, resume, retry, or kill.\"\n      />\n\n      {actionError !== null && (\n        <div role=\"alert\" style={{ padding: 'var(--space-2) var(--space-3)', background: 'color-mix(in oklch, var(--danger) 12%, var(--surface-0))', border: '1px solid var(--danger)', borderRadius: 'var(--radius-md)', fontSize: 'var(--fs-12)', color: 'var(--danger)' }}>\n          {actionError}\n        </div>\n      )}\n\n      {/* Status summary bar */}\n      {instances.length > 0 && (\n        <Inline gap={3} wrap>\n          {(['running', 'paused', 'pending', 'done', 'error'] as BgStatus[]).map((s) => {\n            const count = statusCounts[s];\n            if (count === 0) return null;\n            const Icon = statusIcon(s);\n            return (\n              <Inline key={s} align=\"center\" gap={2} style={{ padding: '4px 10px', background: 'var(--surface-1)', borderRadius: 'var(--radius-pill)', border: '1px solid var(--border)' }}>\n                <Icon size={12} aria-hidden style={{ color: `var(--${statusTone(s) === 'neutral' ? 'fg-muted' : statusTone(s)})` }} />\n                <span style={{ fontSize: 'var(--fs-12)' }}>{s}</span>\n                <Badge tone={statusTone(s)}>{count}</Badge>\n              </Inline>\n            );\n          })}\n        </Inline>\n      )}\n\n      {res.loading && instances.length === 0 ? (\n        <Skeleton style={{ height: 240 }} />\n      ) : instances.length === 0 ? (\n        <Card>\n          <CardBody>\n            <Stack gap={1} align=\"center\">\n              <Cpu size={32} aria-hidden style={{ color: 'var(--fg-muted)' }} />\n              <strong>No background jobs</strong>\n              <span style={{ color: 'var(--fg-muted)', fontSize: 'var(--fs-13)' }}>\n                Background agents appear here when spawned.\n              </span>\n            </Stack>\n          </CardBody>\n        </Card>\n      ) : (\n        <Box style={{ display: 'grid', gridTemplateColumns: selected ? '1fr 380px' : '1fr', gap: 'var(--space-4)' }}>\n          {/* Instance list */}\n          <Stack gap={2}>\n            {instances.map((inst) => {\n              const s: BgStatus = inst.status || 'unknown';\n              const Icon = statusIcon(s);\n              const isSelected = inst.instanceId === selectedId;\n              return (\n                <Card\n                  key={inst.instanceId}\n                  data-testid={`bg-instance-${inst.instanceId}`}\n                  style={{\n                    cursor: 'pointer',\n                    outline: isSelected ? '2px solid var(--accent)' : undefined,\n                    outlineOffset: -2,\n                  }}\n                  onClick={() => { void selectInstance(inst); }}\n                >\n                  <CardBody>\n                    <Inline align=\"center\" gap={3}>\n                      <Icon\n                        size={16}\n                        aria-hidden\n                        style={{ color: `var(--${statusTone(s) === 'neutral' ? 'fg-muted' : statusTone(s)})` }}\n                      />\n                      <Stack gap={1} style={{ flex: 1, minWidth: 0 }}>\n                        <Inline align=\"center\" gap={2}>\n                          <strong style={{ fontSize: 'var(--fs-14)' }}>\n                            {inst.agent ?? inst.instanceId.slice(0, 8)}\n                          </strong>\n                          <Badge tone={statusTone(s)}>{s}</Badge>\n                          {inst.tags?.map((t) => (\n                            <Badge key={t} tone=\"neutral\">{t}</Badge>\n                          ))}\n                        </Inline>\n                        <Inline gap={3}>\n                          {inst.worktree && (\n                            <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>\n                              {inst.worktree}\n                            </span>\n                          )}\n                          <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>\n                            {elapsed(inst.startedAt ?? inst.createdAt)}\n                          </span>\n                          {inst.pid && (\n                            <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>\n                              pid {inst.pid}\n                            </span>\n                          )}\n                        </Inline>\n                      </Stack>\n                      {/* Action buttons — stop propagation so clicking doesn't navigate away */}\n                      <Inline\n                        gap={1}\n                        align=\"center\"\n                        onClick={(e) => e.stopPropagation()}\n                      >\n                        {s === 'running' && (\n                          <Button\n                            variant=\"secondary\"\n                            size=\"sm\"\n                            onClick={() => { void pauseInstance(inst.instanceId); }}\n                            data-testid={`bg-pause-${inst.instanceId}`}\n                            title=\"Pause\"\n                          >\n                            <Pause size={12} aria-hidden />\n                          </Button>\n                        )}\n                        {s === 'paused' && (\n                          <Button\n                            variant=\"secondary\"\n                            size=\"sm\"\n                            onClick={() => { void resumeInstance(inst.instanceId); }}\n                            data-testid={`bg-resume-${inst.instanceId}`}\n                            title=\"Resume\"\n                          >\n                            <Play size={12} aria-hidden />\n                          </Button>\n                        )}\n                        {(s === 'error' || s === 'killed') && (\n                          <Button\n                            variant=\"secondary\"\n                            size=\"sm\"\n                            onClick={() => { void retryInstance(inst.instanceId); }}\n                            data-testid={`bg-retry-${inst.instanceId}`}\n                            title=\"Retry\"\n                          >\n                            <RotateCw size={12} aria-hidden />\n                          </Button>\n                        )}\n                        <Button\n                          variant=\"danger\"\n                          size=\"sm\"\n                          onClick={() => setKillConfirm(inst.instanceId)}\n                          data-testid={`bg-kill-${inst.instanceId}`}\n                          title=\"Kill\"\n                        >\n                          <Trash2 size={12} aria-hidden />\n                        </Button>\n                      </Inline>\n                    </Inline>\n                  </CardBody>\n                </Card>\n              );\n            })}\n          </Stack>\n\n          {/* Output panel */}\n          {selected && (\n            <Card>\n              <CardBody>\n                <Stack gap={3}>\n                  <Inline align=\"center\" justify=\"between\">\n                    <Inline align=\"center\" gap={2}>\n                      <Terminal size={12} aria-hidden />\n                      <span style={{ fontSize: 'var(--fs-13)', fontWeight: 600 }}>Output</span>\n                    </Inline>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      onClick={() => { if (selected) void loadOutput(selected.instanceId); }}\n                    >\n                      <RotateCw size={12} aria-hidden />\n                    </Button>\n                  </Inline>\n\n                  {outputLoading ? (\n                    <Skeleton style={{ height: 160 }} />\n                  ) : outputLines.length === 0 ? (\n                    <span style={{ color: 'var(--fg-muted)', fontSize: 'var(--fs-12)' }}>No output captured yet.</span>\n                  ) : (\n                    <Box\n                      style={{\n                        fontFamily: 'var(--font-mono)',\n                        fontSize: 'var(--fs-12)',\n                        background: 'var(--surface-0)',\n                        border: '1px solid var(--border)',\n                        borderRadius: 'var(--radius-sm)',\n                        padding: 'var(--space-3)',\n                        maxHeight: 320,\n                        overflowY: 'auto',\n                        whiteSpace: 'pre-wrap',\n                        wordBreak: 'break-word',\n                        lineHeight: 1.6,\n                      }}\n                    >\n                      {outputLines.map((line, i) => (\n                        <div key={i}>{line}</div>\n                      ))}\n                    </Box>\n                  )}\n                </Stack>\n              </CardBody>\n            </Card>\n          )}\n        </Box>\n      )}\n\n      {/* Kill confirmation inline dialog */}\n      {killConfirm && (\n        <div\n          role=\"dialog\"\n          aria-modal\n          style={{\n            position: 'fixed',\n            inset: 0,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            background: 'rgba(0,0,0,0.4)',\n            zIndex: 100,\n          }}\n          data-testid=\"bg-kill-confirm\"\n        >\n          <Card style={{ maxWidth: 400 }}>\n            <CardBody>\n              <Stack gap={4}>\n                <Inline align=\"center\" gap={2}>\n                  <AlertTriangle size={16} aria-hidden style={{ color: 'var(--danger)' }} />\n                  <strong>Kill this background job?</strong>\n                </Inline>\n                <span style={{ color: 'var(--fg-muted)', fontSize: 'var(--fs-13)' }}>\n                  This sends SIGTERM to the process. The instance will transition to &ldquo;killed&rdquo; status.\n                </span>\n                <Inline gap={2}>\n                  <Button\n                    variant=\"danger\"\n                    onClick={() => { void killInstance(killConfirm); }}\n                    disabled={busy}\n                  >\n                    Kill\n                  </Button>\n                  <Button\n                    variant=\"ghost\"\n                    onClick={() => setKillConfirm(null)}\n                    disabled={busy}\n                  >\n                    Cancel\n                  </Button>\n                </Inline>\n              </Stack>\n            </CardBody>\n          </Card>\n        </div>\n      )}\n    </Stack>\n  );\n}\n\nfunction Box(props: { children?: React.ReactNode; style?: React.CSSProperties }): JSX.Element {\n  return <div style={props.style}>{props.children}</div>;\n}\n"],"names":["statusIcon","Play","Pause","CheckCircle2","AlertTriangle","Trash2","Cpu","statusTone","elapsed","ms","s","m","BackgroundJobsView","res","useFetch","live","setLive","useState","selectedId","setSelectedId","outputLines","setOutputLines","outputLoading","setOutputLoading","busy","setBusy","actionError","setActionError","killConfirm","setKillConfirm","useWsMessage","useCallback","msg","loadOutput","instances","useMemo","_a","selected","i","id","data","fetchJson","selectInstance","inst","refresh","pauseInstance","err","FetchError","resumeInstance","retryInstance","killInstance","statusCounts","counts","jsxs","Stack","jsx","ViewHeader","Inline","count","Icon","Badge","Skeleton","Card","CardBody","Box","isSelected","t","e","Button","RotateCw","Terminal","line","props"],"mappings":"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"}

package/bizar-dash/dist/assets/{BackupView-DgvnntTE.js → BackupView-CqbtcnuQ.js}

@@ -1 +1 @@
-import{r as c,j as a}from"./cmdk-DVxytz9i.js";import{u as P,a as I,S as o,I as d,d as p,h as v,e as b,B as F,G as R,i as u,F as f}from"./main-CyAIirBB.js";import{V as T}from"./ViewHeader-V_SzbUpw.js";import{L}from"./ListHeader-Ak9WJd39.js";import{C as O,b as D}from"./Card-D9019JOD.js";import{I as V}from"./Input-BSa3lh_-.js";import{E as A}from"./EmptyState-DLmtBX_6.js";import{S as N,a as G}from"./Sheet-Cztsvgse.js";import{P as H}from"./plus-fFxt-8z5.js";import{R as M}from"./rotate-cw-CsTtaLV2.js";import{T as W}from"./trash-2-2NsyTU8c.js";function J(t){return!t||t<=0?"—":t<1024?`${t} B`:t<1024*1024?`${(t/1024).toFixed(1)} KB`:t<1024*1024*1024?`${(t/(1024*1024)).toFixed(1)} MB`:`${(t/(1024*1024*1024)).toFixed(2)} GB`}function se(){const t=P("/api/backup/list"),[l,g]=c.useState([]),[S,h]=c.useState(!1),[m,x]=c.useState(""),[j,k]=c.useState(!1),[r,i]=c.useState(null),[y,n]=c.useState(null);c.useEffect(()=>{var e;(e=t.data)!=null&&e.backups&&g(t.data.backups)},[t.data]);const C=c.useCallback(e=>{e.type==="backups:change"&&t.refetch()},[t]);I("backups:change",C);const w=async()=>{i("create"),n(null);try{await u("/api/backup/create",{method:"POST",body:{label:m.trim()||null,includeProject:j}}),x(""),k(!1),h(!1),t.refetch()}catch(e){n((e instanceof f,e.message))}finally{i(null)}},z=async e=>{i(e),n(null);try{await u("/api/backup/verify",{method:"POST",body:{backupPath:e}})}catch(s){n((s instanceof f,s.message))}finally{i(null)}},$=async e=>{if(!(typeof window<"u"&&!window.confirm(`Restore from ${e}? This overwrites current settings + tasks.`))){i(e),n(null);try{await u("/api/backup/restore",{method:"POST",body:{backupPath:e,dryRun:!1}})}catch(s){n((s instanceof f,s.message))}finally{i(null)}}},B=async e=>{if(!(typeof window<"u"&&!window.confirm(`Delete backup ${e}?`))){i(e),n(null);try{await u(`/api/backup/${encodeURIComponent(e)}`,{method:"DELETE"}),g(s=>s.filter(E=>E.path!==e))}catch(s){n((s instanceof f,s.message))}finally{i(null)}}};return a.jsxs(o,{gap:5,"data-testid":"backup-view",children:[a.jsx(T,{title:"Backups",description:`${l.length} backup${l.length===1?"":"s"} in ~/.config/bizar/backups/. Create, restore, verify, or delete.`,actions:a.jsxs(d,{gap:2,align:"center",children:[y!==null&&a.jsx("span",{role:"alert",style:{color:"var(--danger)",fontSize:"var(--fs-12)"},children:y}),a.jsxs(p,{variant:"primary",onClick:()=>h(!0),"data-testid":"backup-create-open",children:[a.jsx(H,{size:14,"aria-hidden":!0})," New backup"]})]})}),a.jsx(L,{title:"Snapshots",count:l.length,testid:"backup-list-header"}),t.loading&&l.length===0?a.jsxs(o,{gap:2,children:[a.jsx(v,{style:{height:80}}),a.jsx(v,{style:{height:80}})]}):l.length===0?a.jsx(A,{icon:a.jsx(b,{size:32,"aria-hidden":!0}),title:"No backups yet",description:"Create your first snapshot before risky changes."}):a.jsx(o,{gap:2,children:l.map(e=>a.jsx(O,{variant:"default",children:a.jsx(D,{children:a.jsxs(d,{align:"center",justify:"between",gap:3,children:[a.jsxs(o,{gap:1,style:{flex:1,minWidth:0},children:[a.jsxs(d,{align:"center",gap:2,children:[a.jsx(b,{size:14,"aria-hidden":!0}),a.jsx("strong",{style:{fontFamily:"var(--font-mono)",fontSize:"var(--fs-13)"},children:e.label||e.path.split("/").pop()}),e.includesProject&&a.jsx(F,{tone:"info",children:"project"})]}),a.jsxs(d,{align:"center",gap:3,style:{color:"var(--fg-muted)",fontSize:"var(--fs-12)"},children:[a.jsx("span",{children:J(e.size)}),a.jsx("span",{children:e.createdAt?new Date(e.createdAt).toLocaleString():""})]})]}),a.jsxs(d,{gap:1,children:[a.jsxs(p,{variant:"ghost",onClick:()=>void z(e.path),disabled:r===e.path,"data-testid":`backup-verify-${e.path}`,children:[a.jsx(R,{size:12,"aria-hidden":!0})," Verify"]}),a.jsxs(p,{variant:"ghost",onClick:()=>void $(e.path),disabled:r===e.path,"data-testid":`backup-restore-${e.path}`,children:[a.jsx(M,{size:12,"aria-hidden":!0})," Restore"]}),a.jsxs(p,{variant:"ghost",onClick:()=>void B(e.path),disabled:r===e.path,"data-testid":`backup-delete-${e.path}`,children:[a.jsx(W,{size:12,"aria-hidden":!0})," Delete"]})]})]})})},e.path))}),a.jsx(N,{open:S,onOpenChange:e=>{e||h(!1)},children:a.jsx(G,{side:"right",title:"New backup",children:a.jsxs(o,{gap:4,style:{padding:"var(--space-4)"},children:[a.jsxs(o,{gap:2,children:[a.jsx("label",{htmlFor:"backup-label",style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Label (optional)"}),a.jsx(V,{id:"backup-label",value:m,onChange:e=>x(e.target.value),placeholder:"e.g. pre-v9.2.0",disabled:r==="create","data-testid":"backup-create-label"})]}),a.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)"},children:[a.jsx("input",{type:"checkbox",checked:j,onChange:e=>k(e.target.checked),disabled:r==="create","data-testid":"backup-create-include-project"}),a.jsx("span",{style:{fontSize:"var(--fs-13)"},children:"Include project files (larger snapshot)"})]}),a.jsxs(d,{gap:2,children:[a.jsx(p,{variant:"primary",onClick:()=>void w(),disabled:r==="create","data-testid":"backup-create-submit",children:r==="create"?"Creating…":"Create backup"}),a.jsx(p,{variant:"ghost",onClick:()=>h(!1),disabled:r==="create",children:"Cancel"})]})]})})})]})}export{se as BackupView};
+import{r as c,j as a}from"./cmdk-DVxytz9i.js";import{u as P,a as I,S as o,I as d,d as p,h as v,e as b,B as F,G as R,i as u,F as f}from"./main-Cxeu4LhG.js";import{V as T}from"./ViewHeader-B6P-C4GD.js";import{L}from"./ListHeader-Dpun-r36.js";import{C as O,b as D}from"./Card-rF59wHiO.js";import{I as V}from"./Input-CZmRw5QX.js";import{E as A}from"./EmptyState-D65J5FQN.js";import{S as N,a as G}from"./Sheet-BOProMs2.js";import{P as H}from"./plus-77h62zZm.js";import{R as M}from"./rotate-cw-CDOlRtUR.js";import{T as W}from"./trash-2-Cv7U38jw.js";function J(t){return!t||t<=0?"—":t<1024?`${t} B`:t<1024*1024?`${(t/1024).toFixed(1)} KB`:t<1024*1024*1024?`${(t/(1024*1024)).toFixed(1)} MB`:`${(t/(1024*1024*1024)).toFixed(2)} GB`}function se(){const t=P("/api/backup/list"),[l,g]=c.useState([]),[S,h]=c.useState(!1),[m,x]=c.useState(""),[j,k]=c.useState(!1),[r,i]=c.useState(null),[y,n]=c.useState(null);c.useEffect(()=>{var e;(e=t.data)!=null&&e.backups&&g(t.data.backups)},[t.data]);const C=c.useCallback(e=>{e.type==="backups:change"&&t.refetch()},[t]);I("backups:change",C);const w=async()=>{i("create"),n(null);try{await u("/api/backup/create",{method:"POST",body:{label:m.trim()||null,includeProject:j}}),x(""),k(!1),h(!1),t.refetch()}catch(e){n((e instanceof f,e.message))}finally{i(null)}},z=async e=>{i(e),n(null);try{await u("/api/backup/verify",{method:"POST",body:{backupPath:e}})}catch(s){n((s instanceof f,s.message))}finally{i(null)}},$=async e=>{if(!(typeof window<"u"&&!window.confirm(`Restore from ${e}? This overwrites current settings + tasks.`))){i(e),n(null);try{await u("/api/backup/restore",{method:"POST",body:{backupPath:e,dryRun:!1}})}catch(s){n((s instanceof f,s.message))}finally{i(null)}}},B=async e=>{if(!(typeof window<"u"&&!window.confirm(`Delete backup ${e}?`))){i(e),n(null);try{await u(`/api/backup/${encodeURIComponent(e)}`,{method:"DELETE"}),g(s=>s.filter(E=>E.path!==e))}catch(s){n((s instanceof f,s.message))}finally{i(null)}}};return a.jsxs(o,{gap:5,"data-testid":"backup-view",children:[a.jsx(T,{title:"Backups",description:`${l.length} backup${l.length===1?"":"s"} in ~/.config/bizar/backups/. Create, restore, verify, or delete.`,actions:a.jsxs(d,{gap:2,align:"center",children:[y!==null&&a.jsx("span",{role:"alert",style:{color:"var(--danger)",fontSize:"var(--fs-12)"},children:y}),a.jsxs(p,{variant:"primary",onClick:()=>h(!0),"data-testid":"backup-create-open",children:[a.jsx(H,{size:14,"aria-hidden":!0})," New backup"]})]})}),a.jsx(L,{title:"Snapshots",count:l.length,testid:"backup-list-header"}),t.loading&&l.length===0?a.jsxs(o,{gap:2,children:[a.jsx(v,{style:{height:80}}),a.jsx(v,{style:{height:80}})]}):l.length===0?a.jsx(A,{icon:a.jsx(b,{size:32,"aria-hidden":!0}),title:"No backups yet",description:"Create your first snapshot before risky changes."}):a.jsx(o,{gap:2,children:l.map(e=>a.jsx(O,{variant:"default",children:a.jsx(D,{children:a.jsxs(d,{align:"center",justify:"between",gap:3,children:[a.jsxs(o,{gap:1,style:{flex:1,minWidth:0},children:[a.jsxs(d,{align:"center",gap:2,children:[a.jsx(b,{size:14,"aria-hidden":!0}),a.jsx("strong",{style:{fontFamily:"var(--font-mono)",fontSize:"var(--fs-13)"},children:e.label||e.path.split("/").pop()}),e.includesProject&&a.jsx(F,{tone:"info",children:"project"})]}),a.jsxs(d,{align:"center",gap:3,style:{color:"var(--fg-muted)",fontSize:"var(--fs-12)"},children:[a.jsx("span",{children:J(e.size)}),a.jsx("span",{children:e.createdAt?new Date(e.createdAt).toLocaleString():""})]})]}),a.jsxs(d,{gap:1,children:[a.jsxs(p,{variant:"ghost",onClick:()=>void z(e.path),disabled:r===e.path,"data-testid":`backup-verify-${e.path}`,children:[a.jsx(R,{size:12,"aria-hidden":!0})," Verify"]}),a.jsxs(p,{variant:"ghost",onClick:()=>void $(e.path),disabled:r===e.path,"data-testid":`backup-restore-${e.path}`,children:[a.jsx(M,{size:12,"aria-hidden":!0})," Restore"]}),a.jsxs(p,{variant:"ghost",onClick:()=>void B(e.path),disabled:r===e.path,"data-testid":`backup-delete-${e.path}`,children:[a.jsx(W,{size:12,"aria-hidden":!0})," Delete"]})]})]})})},e.path))}),a.jsx(N,{open:S,onOpenChange:e=>{e||h(!1)},children:a.jsx(G,{side:"right",title:"New backup",children:a.jsxs(o,{gap:4,style:{padding:"var(--space-4)"},children:[a.jsxs(o,{gap:2,children:[a.jsx("label",{htmlFor:"backup-label",style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Label (optional)"}),a.jsx(V,{id:"backup-label",value:m,onChange:e=>x(e.target.value),placeholder:"e.g. pre-v9.2.0",disabled:r==="create","data-testid":"backup-create-label"})]}),a.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)"},children:[a.jsx("input",{type:"checkbox",checked:j,onChange:e=>k(e.target.checked),disabled:r==="create","data-testid":"backup-create-include-project"}),a.jsx("span",{style:{fontSize:"var(--fs-13)"},children:"Include project files (larger snapshot)"})]}),a.jsxs(d,{gap:2,children:[a.jsx(p,{variant:"primary",onClick:()=>void w(),disabled:r==="create","data-testid":"backup-create-submit",children:r==="create"?"Creating…":"Create backup"}),a.jsx(p,{variant:"ghost",onClick:()=>h(!1),disabled:r==="create",children:"Cancel"})]})]})})})]})}export{se as BackupView};

package/bizar-dash/dist/assets/{BackupView-DgvnntTE.js.map → BackupView-CqbtcnuQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BackupView-DgvnntTE.js","sources":["../../src/web/v8/views/Backup/BackupView.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { Archive, Plus, Trash2, RotateCw, ShieldCheck, FileText } from 'lucide-react';\nimport { Stack } from '../../ui/primitives/Stack.js';\nimport { Inline } from '../../ui/primitives/Inline.js';\nimport { ViewHeader } from '../../ui/data/ViewHeader.js';\nimport { ListHeader } from '../../ui/data/ListHeader.js';\nimport { Card, CardBody } from '../../ui/data/Card.js';\nimport { Badge } from '../../ui/data/Badge.js';\nimport { Button } from '../../ui/controls/Button.js';\nimport { Input } from '../../ui/controls/Input.js';\nimport { Skeleton } from '../../ui/feedback/Skeleton.js';\nimport { EmptyState } from '../../ui/feedback/EmptyState.js';\nimport { Sheet, SheetContent } from '../../ui/feedback/Sheet.js';\nimport { useFetch } from '../../data/useFetch.js';\nimport { useWsMessage } from '../../data/useWebSocket.js';\nimport { fetchJson, FetchError } from '../../data/fetcher.js';\nimport type { WsMessage } from '../../data/types.js';\n\n/**\n * BackupView — Sprint S35. Snapshot creation, restore, verify, delete.\n */\n\ninterface BackupEntry {\n  path: string;\n  label?: string;\n  size?: number;\n  createdAt?: string;\n  includesProject?: boolean;\n}\n\nfunction fmtSize(bytes: number | undefined): string {\n  if (!bytes || bytes <= 0) return '—';\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n  return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;\n}\n\nexport function BackupView(): JSX.Element {\n  const list = useFetch<{ ok: boolean; backups: BackupEntry[] }>('/api/backup/list');\n  const [items, setItems] = useState<BackupEntry[]>([]);\n  const [createOpen, setCreateOpen] = useState(false);\n  const [label, setLabel] = useState('');\n  const [includeProject, setIncludeProject] = useState(false);\n  const [busy, setBusy] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (list.data?.backups) setItems(list.data.backups);\n  }, [list.data]);\n\n  const onChange = useCallback((msg: WsMessage) => {\n    if (msg.type === 'backups:change') void list.refetch();\n  }, [list]);\n  useWsMessage('backups:change', onChange);\n\n  const create = async (): Promise<void> => {\n    setBusy('create');\n    setError(null);\n    try {\n      await fetchJson('/api/backup/create', { method: 'POST', body: { label: label.trim() || null, includeProject } });\n      setLabel('');\n      setIncludeProject(false);\n      setCreateOpen(false);\n      void list.refetch();\n    } catch (err) {\n      setError(err instanceof FetchError ? err.message : (err as Error).message);\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const verify = async (path: string): Promise<void> => {\n    setBusy(path);\n    setError(null);\n    try {\n      await fetchJson('/api/backup/verify', { method: 'POST', body: { backupPath: path } });\n    } catch (err) {\n      setError(err instanceof FetchError ? err.message : (err as Error).message);\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const restore = async (path: string): Promise<void> => {\n    if (typeof window !== 'undefined' && !window.confirm(`Restore from ${path}? This overwrites current settings + tasks.`)) return;\n    setBusy(path);\n    setError(null);\n    try {\n      await fetchJson('/api/backup/restore', { method: 'POST', body: { backupPath: path, dryRun: false } });\n    } catch (err) {\n      setError(err instanceof FetchError ? err.message : (err as Error).message);\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const remove = async (path: string): Promise<void> => {\n    if (typeof window !== 'undefined' && !window.confirm(`Delete backup ${path}?`)) return;\n    setBusy(path);\n    setError(null);\n    try {\n      await fetchJson(`/api/backup/${encodeURIComponent(path)}`, { method: 'DELETE' });\n      setItems((prev) => prev.filter((b) => b.path !== path));\n    } catch (err) {\n      setError(err instanceof FetchError ? err.message : (err as Error).message);\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  return (\n    <Stack gap={5} data-testid=\"backup-view\">\n      <ViewHeader\n        title=\"Backups\"\n        description={`${items.length} backup${items.length === 1 ? '' : 's'} in ~/.config/bizar/backups/. Create, restore, verify, or delete.`}\n        actions={\n          <Inline gap={2} align=\"center\">\n            {error !== null && <span role=\"alert\" style={{ color: 'var(--danger)', fontSize: 'var(--fs-12)' }}>{error}</span>}\n            <Button variant=\"primary\" onClick={() => setCreateOpen(true)} data-testid=\"backup-create-open\">\n              <Plus size={14} aria-hidden /> New backup\n            </Button>\n          </Inline>\n        }\n      />\n      <ListHeader title=\"Snapshots\" count={items.length} testid=\"backup-list-header\" />\n      {list.loading && items.length === 0 ? (\n        <Stack gap={2}>\n          <Skeleton style={{ height: 80 }} />\n          <Skeleton style={{ height: 80 }} />\n        </Stack>\n      ) : items.length === 0 ? (\n        <EmptyState\n          icon={<Archive size={32} aria-hidden />}\n          title=\"No backups yet\"\n          description=\"Create your first snapshot before risky changes.\"\n        />\n      ) : (\n        <Stack gap={2}>\n          {items.map((b) => (\n            <Card key={b.path} variant=\"default\">\n              <CardBody>\n                <Inline align=\"center\" justify=\"between\" gap={3}>\n                  <Stack gap={1} style={{ flex: 1, minWidth: 0 }}>\n                    <Inline align=\"center\" gap={2}>\n                      <Archive size={14} aria-hidden />\n                      <strong style={{ fontFamily: 'var(--font-mono)', fontSize: 'var(--fs-13)' }}>{b.label || b.path.split('/').pop()}</strong>\n                      {b.includesProject && <Badge tone=\"info\">project</Badge>}\n                    </Inline>\n                    <Inline align=\"center\" gap={3} style={{ color: 'var(--fg-muted)', fontSize: 'var(--fs-12)' }}>\n                      <span>{fmtSize(b.size)}</span>\n                      <span>{b.createdAt ? new Date(b.createdAt).toLocaleString() : ''}</span>\n                    </Inline>\n                  </Stack>\n                  <Inline gap={1}>\n                    <Button variant=\"ghost\" onClick={() => void verify(b.path)} disabled={busy === b.path} data-testid={`backup-verify-${b.path}`}>\n                      <ShieldCheck size={12} aria-hidden /> Verify\n                    </Button>\n                    <Button variant=\"ghost\" onClick={() => void restore(b.path)} disabled={busy === b.path} data-testid={`backup-restore-${b.path}`}>\n                      <RotateCw size={12} aria-hidden /> Restore\n                    </Button>\n                    <Button variant=\"ghost\" onClick={() => void remove(b.path)} disabled={busy === b.path} data-testid={`backup-delete-${b.path}`}>\n                      <Trash2 size={12} aria-hidden /> Delete\n                    </Button>\n                  </Inline>\n                </Inline>\n              </CardBody>\n            </Card>\n          ))}\n        </Stack>\n      )}\n\n      <Sheet open={createOpen} onOpenChange={(o) => { if (!o) setCreateOpen(false); }}>\n        <SheetContent side=\"right\" title=\"New backup\">\n          <Stack gap={4} style={{ padding: 'var(--space-4)' }}>\n            <Stack gap={2}>\n              <label htmlFor=\"backup-label\" style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Label (optional)</label>\n              <Input\n                id=\"backup-label\"\n                value={label}\n                onChange={(e) => setLabel(e.target.value)}\n                placeholder=\"e.g. pre-v9.2.0\"\n                disabled={busy === 'create'}\n                data-testid=\"backup-create-label\"\n              />\n            </Stack>\n            <label style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-2)' }}>\n              <input type=\"checkbox\" checked={includeProject} onChange={(e) => setIncludeProject(e.target.checked)} disabled={busy === 'create'} data-testid=\"backup-create-include-project\" />\n              <span style={{ fontSize: 'var(--fs-13)' }}>Include project files (larger snapshot)</span>\n            </label>\n            <Inline gap={2}>\n              <Button variant=\"primary\" onClick={() => void create()} disabled={busy === 'create'} data-testid=\"backup-create-submit\">\n                {busy === 'create' ? 'Creating…' : 'Create backup'}\n              </Button>\n              <Button variant=\"ghost\" onClick={() => setCreateOpen(false)} disabled={busy === 'create'}>\n                Cancel\n              </Button>\n            </Inline>\n          </Stack>\n        </SheetContent>\n      </Sheet>\n    </Stack>\n  );\n}"],"names":["fmtSize","bytes","BackupView","list","useFetch","items","setItems","useState","createOpen","setCreateOpen","label","setLabel","includeProject","setIncludeProject","busy","setBusy","error","setError","useEffect","_a","onChange","useCallback","msg","useWsMessage","create","fetchJson","err","FetchError","verify","path","restore","remove","prev","b","jsxs","Stack","jsx","ViewHeader","Inline","Button","Plus","ListHeader","Skeleton","EmptyState","Archive","Card","CardBody","Badge","ShieldCheck","RotateCw","Trash2","Sheet","o","SheetContent","Input"],"mappings":"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"}
+{"version":3,"file":"BackupView-CqbtcnuQ.js","sources":["../../src/web/v8/views/Backup/BackupView.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { Archive, Plus, Trash2, RotateCw, ShieldCheck, FileText } from 'lucide-react';\nimport { Stack } from '../../ui/primitives/Stack.js';\nimport { Inline } from '../../ui/primitives/Inline.js';\nimport { ViewHeader } from '../../ui/data/ViewHeader.js';\nimport { ListHeader } from '../../ui/data/ListHeader.js';\nimport { Card, CardBody } from '../../ui/data/Card.js';\nimport { Badge } from '../../ui/data/Badge.js';\nimport { Button } from '../../ui/controls/Button.js';\nimport { Input } from '../../ui/controls/Input.js';\nimport { Skeleton } from '../../ui/feedback/Skeleton.js';\nimport { EmptyState } from '../../ui/feedback/EmptyState.js';\nimport { Sheet, SheetContent } from '../../ui/feedback/Sheet.js';\nimport { useFetch } from '../../data/useFetch.js';\nimport { useWsMessage } from '../../data/useWebSocket.js';\nimport { fetchJson, FetchError } from '../../data/fetcher.js';\nimport type { WsMessage } from '../../data/types.js';\n\n/**\n * BackupView — Sprint S35. Snapshot creation, restore, verify, delete.\n */\n\ninterface BackupEntry {\n  path: string;\n  label?: string;\n  size?: number;\n  createdAt?: string;\n  includesProject?: boolean;\n}\n\nfunction fmtSize(bytes: number | undefined): string {\n  if (!bytes || bytes <= 0) return '—';\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n  return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;\n}\n\nexport function BackupView(): JSX.Element {\n  const list = useFetch<{ ok: boolean; backups: BackupEntry[] }>('/api/backup/list');\n  const [items, setItems] = useState<BackupEntry[]>([]);\n  const [createOpen, setCreateOpen] = useState(false);\n  const [label, setLabel] = useState('');\n  const [includeProject, setIncludeProject] = useState(false);\n  const [busy, setBusy] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (list.data?.backups) setItems(list.data.backups);\n  }, [list.data]);\n\n  const onChange = useCallback((msg: WsMessage) => {\n    if (msg.type === 'backups:change') void list.refetch();\n  }, [list]);\n  useWsMessage('backups:change', onChange);\n\n  const create = async (): Promise<void> => {\n    setBusy('create');\n    setError(null);\n    try {\n      await fetchJson('/api/backup/create', { method: 'POST', body: { label: label.trim() || null, includeProject } });\n      setLabel('');\n      setIncludeProject(false);\n      setCreateOpen(false);\n      void list.refetch();\n    } catch (err) {\n      setError(err instanceof FetchError ? err.message : (err as Error).message);\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const verify = async (path: string): Promise<void> => {\n    setBusy(path);\n    setError(null);\n    try {\n      await fetchJson('/api/backup/verify', { method: 'POST', body: { backupPath: path } });\n    } catch (err) {\n      setError(err instanceof FetchError ? err.message : (err as Error).message);\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const restore = async (path: string): Promise<void> => {\n    if (typeof window !== 'undefined' && !window.confirm(`Restore from ${path}? This overwrites current settings + tasks.`)) return;\n    setBusy(path);\n    setError(null);\n    try {\n      await fetchJson('/api/backup/restore', { method: 'POST', body: { backupPath: path, dryRun: false } });\n    } catch (err) {\n      setError(err instanceof FetchError ? err.message : (err as Error).message);\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const remove = async (path: string): Promise<void> => {\n    if (typeof window !== 'undefined' && !window.confirm(`Delete backup ${path}?`)) return;\n    setBusy(path);\n    setError(null);\n    try {\n      await fetchJson(`/api/backup/${encodeURIComponent(path)}`, { method: 'DELETE' });\n      setItems((prev) => prev.filter((b) => b.path !== path));\n    } catch (err) {\n      setError(err instanceof FetchError ? err.message : (err as Error).message);\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  return (\n    <Stack gap={5} data-testid=\"backup-view\">\n      <ViewHeader\n        title=\"Backups\"\n        description={`${items.length} backup${items.length === 1 ? '' : 's'} in ~/.config/bizar/backups/. Create, restore, verify, or delete.`}\n        actions={\n          <Inline gap={2} align=\"center\">\n            {error !== null && <span role=\"alert\" style={{ color: 'var(--danger)', fontSize: 'var(--fs-12)' }}>{error}</span>}\n            <Button variant=\"primary\" onClick={() => setCreateOpen(true)} data-testid=\"backup-create-open\">\n              <Plus size={14} aria-hidden /> New backup\n            </Button>\n          </Inline>\n        }\n      />\n      <ListHeader title=\"Snapshots\" count={items.length} testid=\"backup-list-header\" />\n      {list.loading && items.length === 0 ? (\n        <Stack gap={2}>\n          <Skeleton style={{ height: 80 }} />\n          <Skeleton style={{ height: 80 }} />\n        </Stack>\n      ) : items.length === 0 ? (\n        <EmptyState\n          icon={<Archive size={32} aria-hidden />}\n          title=\"No backups yet\"\n          description=\"Create your first snapshot before risky changes.\"\n        />\n      ) : (\n        <Stack gap={2}>\n          {items.map((b) => (\n            <Card key={b.path} variant=\"default\">\n              <CardBody>\n                <Inline align=\"center\" justify=\"between\" gap={3}>\n                  <Stack gap={1} style={{ flex: 1, minWidth: 0 }}>\n                    <Inline align=\"center\" gap={2}>\n                      <Archive size={14} aria-hidden />\n                      <strong style={{ fontFamily: 'var(--font-mono)', fontSize: 'var(--fs-13)' }}>{b.label || b.path.split('/').pop()}</strong>\n                      {b.includesProject && <Badge tone=\"info\">project</Badge>}\n                    </Inline>\n                    <Inline align=\"center\" gap={3} style={{ color: 'var(--fg-muted)', fontSize: 'var(--fs-12)' }}>\n                      <span>{fmtSize(b.size)}</span>\n                      <span>{b.createdAt ? new Date(b.createdAt).toLocaleString() : ''}</span>\n                    </Inline>\n                  </Stack>\n                  <Inline gap={1}>\n                    <Button variant=\"ghost\" onClick={() => void verify(b.path)} disabled={busy === b.path} data-testid={`backup-verify-${b.path}`}>\n                      <ShieldCheck size={12} aria-hidden /> Verify\n                    </Button>\n                    <Button variant=\"ghost\" onClick={() => void restore(b.path)} disabled={busy === b.path} data-testid={`backup-restore-${b.path}`}>\n                      <RotateCw size={12} aria-hidden /> Restore\n                    </Button>\n                    <Button variant=\"ghost\" onClick={() => void remove(b.path)} disabled={busy === b.path} data-testid={`backup-delete-${b.path}`}>\n                      <Trash2 size={12} aria-hidden /> Delete\n                    </Button>\n                  </Inline>\n                </Inline>\n              </CardBody>\n            </Card>\n          ))}\n        </Stack>\n      )}\n\n      <Sheet open={createOpen} onOpenChange={(o) => { if (!o) setCreateOpen(false); }}>\n        <SheetContent side=\"right\" title=\"New backup\">\n          <Stack gap={4} style={{ padding: 'var(--space-4)' }}>\n            <Stack gap={2}>\n              <label htmlFor=\"backup-label\" style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Label (optional)</label>\n              <Input\n                id=\"backup-label\"\n                value={label}\n                onChange={(e) => setLabel(e.target.value)}\n                placeholder=\"e.g. pre-v9.2.0\"\n                disabled={busy === 'create'}\n                data-testid=\"backup-create-label\"\n              />\n            </Stack>\n            <label style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-2)' }}>\n              <input type=\"checkbox\" checked={includeProject} onChange={(e) => setIncludeProject(e.target.checked)} disabled={busy === 'create'} data-testid=\"backup-create-include-project\" />\n              <span style={{ fontSize: 'var(--fs-13)' }}>Include project files (larger snapshot)</span>\n            </label>\n            <Inline gap={2}>\n              <Button variant=\"primary\" onClick={() => void create()} disabled={busy === 'create'} data-testid=\"backup-create-submit\">\n                {busy === 'create' ? 'Creating…' : 'Create backup'}\n              </Button>\n              <Button variant=\"ghost\" onClick={() => setCreateOpen(false)} disabled={busy === 'create'}>\n                Cancel\n              </Button>\n            </Inline>\n          </Stack>\n        </SheetContent>\n      </Sheet>\n    </Stack>\n  );\n}"],"names":["fmtSize","bytes","BackupView","list","useFetch","items","setItems","useState","createOpen","setCreateOpen","label","setLabel","includeProject","setIncludeProject","busy","setBusy","error","setError","useEffect","_a","onChange","useCallback","msg","useWsMessage","create","fetchJson","err","FetchError","verify","path","restore","remove","prev","b","jsxs","Stack","jsx","ViewHeader","Inline","Button","Plus","ListHeader","Skeleton","EmptyState","Archive","Card","CardBody","Badge","ShieldCheck","RotateCw","Trash2","Sheet","o","SheetContent","Input"],"mappings":"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"}

package/bizar-dash/dist/assets/{Card-D9019JOD.js → Card-rF59wHiO.js}

@@ -1 +1 @@
-import{r as d,j as o}from"./cmdk-DVxytz9i.js";import{g as n}from"./main-CyAIirBB.js";const f={default:{background:"var(--surface-1)",border:"1px solid var(--border)",boxShadow:"none"},elevated:{background:"var(--surface-1)",border:"1px solid var(--border)",boxShadow:"var(--shadow-2)"},ghost:{background:"transparent",border:"1px solid transparent",boxShadow:"none"},outlined:{background:"var(--surface-0)",border:"1px solid var(--border)",boxShadow:"none"}},x=d.forwardRef(function(s,t){const{variant:r="default",flush:a,interactive:e,className:c,style:l,...v}=s;return o.jsx("div",{ref:t,className:n("v8-card",`v8-card--${r}`,e&&"is-interactive",c),style:{borderRadius:"var(--radius-lg)",padding:a===!0?0:"var(--density-card-pad)",cursor:e===!0?"pointer":void 0,transition:e===!0?"border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out)":void 0,...f[r],...l},...v})}),m=d.forwardRef(function(s,t){const{title:r,description:a,action:e,className:c,style:l,...v}=s;return o.jsxs("div",{ref:t,className:n("v8-card__header",c),style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:"var(--space-3)",marginBottom:"var(--space-3)",...l},...v,children:[o.jsxs("div",{style:{flex:1,minWidth:0},children:[o.jsx("div",{style:{fontSize:"var(--fs-14)",fontWeight:600,color:"var(--fg)"},children:r}),a!==void 0&&o.jsx("div",{style:{fontSize:"var(--fs-13)",color:"var(--fg-muted)",marginTop:2},children:a})]}),e!==void 0&&o.jsx("div",{style:{flexShrink:0},children:e})]})}),b=d.forwardRef(function(s,t){const{className:r,...a}=s;return o.jsx("div",{ref:t,className:n("v8-card__body",r),...a})});d.forwardRef(function(s,t){const{className:r,style:a,...e}=s;return o.jsx("div",{ref:t,className:n("v8-card__footer",r),style:{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"var(--space-2)",marginTop:"var(--space-3)",paddingTop:"var(--space-3)",borderTop:"1px solid var(--border)",...a},...e})});export{x as C,m as a,b};
+import{r as d,j as o}from"./cmdk-DVxytz9i.js";import{g as n}from"./main-Cxeu4LhG.js";const f={default:{background:"var(--surface-1)",border:"1px solid var(--border)",boxShadow:"none"},elevated:{background:"var(--surface-1)",border:"1px solid var(--border)",boxShadow:"var(--shadow-2)"},ghost:{background:"transparent",border:"1px solid transparent",boxShadow:"none"},outlined:{background:"var(--surface-0)",border:"1px solid var(--border)",boxShadow:"none"}},x=d.forwardRef(function(s,t){const{variant:r="default",flush:a,interactive:e,className:c,style:l,...v}=s;return o.jsx("div",{ref:t,className:n("v8-card",`v8-card--${r}`,e&&"is-interactive",c),style:{borderRadius:"var(--radius-lg)",padding:a===!0?0:"var(--density-card-pad)",cursor:e===!0?"pointer":void 0,transition:e===!0?"border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out)":void 0,...f[r],...l},...v})}),m=d.forwardRef(function(s,t){const{title:r,description:a,action:e,className:c,style:l,...v}=s;return o.jsxs("div",{ref:t,className:n("v8-card__header",c),style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:"var(--space-3)",marginBottom:"var(--space-3)",...l},...v,children:[o.jsxs("div",{style:{flex:1,minWidth:0},children:[o.jsx("div",{style:{fontSize:"var(--fs-14)",fontWeight:600,color:"var(--fg)"},children:r}),a!==void 0&&o.jsx("div",{style:{fontSize:"var(--fs-13)",color:"var(--fg-muted)",marginTop:2},children:a})]}),e!==void 0&&o.jsx("div",{style:{flexShrink:0},children:e})]})}),b=d.forwardRef(function(s,t){const{className:r,...a}=s;return o.jsx("div",{ref:t,className:n("v8-card__body",r),...a})});d.forwardRef(function(s,t){const{className:r,style:a,...e}=s;return o.jsx("div",{ref:t,className:n("v8-card__footer",r),style:{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"var(--space-2)",marginTop:"var(--space-3)",paddingTop:"var(--space-3)",borderTop:"1px solid var(--border)",...a},...e})});export{x as C,m as a,b};

package/bizar-dash/dist/assets/{Card-D9019JOD.js.map → Card-rF59wHiO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-D9019JOD.js","sources":["../../src/web/v8/ui/data/Card.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\n/**\n * Card — the v8 surface primitive.\n *\n * Variants:\n *   - default: bordered, --surface-1 background, used for kanban cards, settings groups.\n *   - elevated: --surface-1 background + shadow, used for popovers/dropdowns hovering over content.\n *   - ghost:    no border, transparent background, used inside other Cards (nested).\n *   - outlined: thicker border, --surface-0 background, used for group containers.\n *\n * All variants have a consistent --radius-lg corner and pad via --density-card-pad.\n * The header / body / footer slots are conventions — pass any children you want.\n */\nexport type CardVariant = 'default' | 'elevated' | 'ghost' | 'outlined';\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n  variant?: CardVariant;\n  /** Removes padding so the child fills the card edge-to-edge. */\n  flush?: boolean;\n  /** Adds hover lift + cursor pointer for clickable cards. */\n  interactive?: boolean;\n  children?: ReactNode;\n}\n\nconst VARIANT_STYLE: Record<CardVariant, React.CSSProperties> = {\n  default: {\n    background: 'var(--surface-1)',\n    border: '1px solid var(--border)',\n    boxShadow: 'none',\n  },\n  elevated: {\n    background: 'var(--surface-1)',\n    border: '1px solid var(--border)',\n    boxShadow: 'var(--shadow-2)',\n  },\n  ghost: {\n    background: 'transparent',\n    border: '1px solid transparent',\n    boxShadow: 'none',\n  },\n  outlined: {\n    background: 'var(--surface-0)',\n    border: '1px solid var(--border)',\n    boxShadow: 'none',\n  },\n};\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(function Card(props, ref) {\n  const { variant = 'default', flush, interactive, className, style, ...rest } = props;\n  return (\n    <div\n      ref={ref}\n      className={cx('v8-card', `v8-card--${variant}`, interactive && 'is-interactive', className)}\n      style={{\n        borderRadius: 'var(--radius-lg)',\n        padding: flush === true ? 0 : 'var(--density-card-pad)',\n        cursor: interactive === true ? 'pointer' : undefined,\n        transition: interactive === true\n          ? 'border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out)'\n          : undefined,\n        ...VARIANT_STYLE[variant],\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n});\n\n/** Card header — title row + optional actions. */\nexport interface CardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n}\n\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(function CardHeader(\n  props,\n  ref,\n) {\n  const { title, description, action, className, style, ...rest } = props;\n  return (\n    <div\n      ref={ref}\n      className={cx('v8-card__header', className)}\n      style={{\n        display: 'flex',\n        alignItems: 'flex-start',\n        justifyContent: 'space-between',\n        gap: 'var(--space-3)',\n        marginBottom: 'var(--space-3)',\n        ...style,\n      }}\n      {...rest}\n    >\n      <div style={{ flex: 1, minWidth: 0 }}>\n        <div style={{ fontSize: 'var(--fs-14)', fontWeight: 600, color: 'var(--fg)' }}>{title}</div>\n        {description !== undefined && (\n          <div style={{ fontSize: 'var(--fs-13)', color: 'var(--fg-muted)', marginTop: 2 }}>\n            {description}\n          </div>\n        )}\n      </div>\n      {action !== undefined && <div style={{ flexShrink: 0 }}>{action}</div>}\n    </div>\n  );\n});\n\n/** Card body — main content slot. */\nexport const CardBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  function CardBody(props, ref) {\n    const { className, ...rest } = props;\n    return <div ref={ref} className={cx('v8-card__body', className)} {...rest} />;\n  },\n);\n\n/** Card footer — typically action buttons right-aligned. */\nexport const CardFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  function CardFooter(props, ref) {\n    const { className, style, ...rest } = props;\n    return (\n      <div\n        ref={ref}\n        className={cx('v8-card__footer', className)}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'flex-end',\n          gap: 'var(--space-2)',\n          marginTop: 'var(--space-3)',\n          paddingTop: 'var(--space-3)',\n          borderTop: '1px solid var(--border)',\n          ...style,\n        }}\n        {...rest}\n      />\n    );\n  },\n);"],"names":["VARIANT_STYLE","Card","forwardRef","props","ref","variant","flush","interactive","className","style","rest","jsx","cx","CardHeader","title","description","action","jsxs","CardBody"],"mappings":"qFA0BA,MAAMA,EAA0D,CAC9D,QAAS,CACP,WAAY,mBACZ,OAAQ,0BACR,UAAW,MAAA,EAEb,SAAU,CACR,WAAY,mBACZ,OAAQ,0BACR,UAAW,iBAAA,EAEb,MAAO,CACL,WAAY,cACZ,OAAQ,wBACR,UAAW,MAAA,EAEb,SAAU,CACR,WAAY,mBACZ,OAAQ,0BACR,UAAW,MAAA,CAEf,EAEaC,EAAOC,EAAAA,WAAsC,SAAcC,EAAOC,EAAK,CAClF,KAAM,CAAE,QAAAC,EAAU,UAAW,MAAAC,EAAO,YAAAC,EAAa,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAASP,EAC/E,OACEQ,EAAAA,IAAC,MAAA,CACC,IAAAP,EACA,UAAWQ,EAAG,UAAW,YAAYP,CAAO,GAAIE,GAAe,iBAAkBC,CAAS,EAC1F,MAAO,CACL,aAAc,mBACd,QAASF,IAAU,GAAO,EAAI,0BAC9B,OAAQC,IAAgB,GAAO,UAAY,OAC3C,WAAYA,IAAgB,GACxB,+IACA,OACJ,GAAGP,EAAcK,CAAO,EACxB,GAAGI,CAAA,EAEJ,GAAGC,CAAA,CAAA,CAGV,CAAC,EASYG,EAAaX,EAAAA,WAA4C,SACpEC,EACAC,EACA,CACA,KAAM,CAAE,MAAAU,EAAO,YAAAC,EAAa,OAAAC,EAAQ,UAAAR,EAAW,MAAAC,EAAO,GAAGC,GAASP,EAClE,OACEc,EAAAA,KAAC,MAAA,CACC,IAAAb,EACA,UAAWQ,EAAG,kBAAmBJ,CAAS,EAC1C,MAAO,CACL,QAAS,OACT,WAAY,aACZ,eAAgB,gBAChB,IAAK,iBACL,aAAc,iBACd,GAAGC,CAAA,EAEJ,GAAGC,EAEJ,SAAA,CAAAO,OAAC,OAAI,MAAO,CAAE,KAAM,EAAG,SAAU,GAC/B,SAAA,CAAAN,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,SAAU,eAAgB,WAAY,IAAK,MAAO,WAAA,EAAgB,SAAAG,CAAA,CAAM,EACrFC,IAAgB,QACfJ,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,SAAU,eAAgB,MAAO,kBAAmB,UAAW,CAAA,EAC1E,SAAAI,CAAA,CACH,CAAA,EAEJ,EACCC,IAAW,QAAaL,MAAC,MAAA,CAAI,MAAO,CAAE,WAAY,CAAA,EAAM,SAAAK,CAAA,CAAO,CAAA,CAAA,CAAA,CAGtE,CAAC,EAGYE,EAAWhB,EAAAA,WACtB,SAAkBC,EAAOC,EAAK,CAC5B,KAAM,CAAE,UAAAI,EAAW,GAAGE,CAAA,EAASP,EAC/B,OAAOQ,MAAC,OAAI,IAAAP,EAAU,UAAWQ,EAAG,gBAAiBJ,CAAS,EAAI,GAAGE,EAAM,CAC7E,CACF,EAG0BR,EAAAA,WACxB,SAAoBC,EAAOC,EAAK,CAC9B,KAAM,CAAE,UAAAI,EAAW,MAAAC,EAAO,GAAGC,GAASP,EACtC,OACEQ,EAAAA,IAAC,MAAA,CACC,IAAAP,EACA,UAAWQ,EAAG,kBAAmBJ,CAAS,EAC1C,MAAO,CACL,QAAS,OACT,WAAY,SACZ,eAAgB,WAChB,IAAK,iBACL,UAAW,iBACX,WAAY,iBACZ,UAAW,0BACX,GAAGC,CAAA,EAEJ,GAAGC,CAAA,CAAA,CAGV,CACF"}
+{"version":3,"file":"Card-rF59wHiO.js","sources":["../../src/web/v8/ui/data/Card.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\n/**\n * Card — the v8 surface primitive.\n *\n * Variants:\n *   - default: bordered, --surface-1 background, used for kanban cards, settings groups.\n *   - elevated: --surface-1 background + shadow, used for popovers/dropdowns hovering over content.\n *   - ghost:    no border, transparent background, used inside other Cards (nested).\n *   - outlined: thicker border, --surface-0 background, used for group containers.\n *\n * All variants have a consistent --radius-lg corner and pad via --density-card-pad.\n * The header / body / footer slots are conventions — pass any children you want.\n */\nexport type CardVariant = 'default' | 'elevated' | 'ghost' | 'outlined';\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n  variant?: CardVariant;\n  /** Removes padding so the child fills the card edge-to-edge. */\n  flush?: boolean;\n  /** Adds hover lift + cursor pointer for clickable cards. */\n  interactive?: boolean;\n  children?: ReactNode;\n}\n\nconst VARIANT_STYLE: Record<CardVariant, React.CSSProperties> = {\n  default: {\n    background: 'var(--surface-1)',\n    border: '1px solid var(--border)',\n    boxShadow: 'none',\n  },\n  elevated: {\n    background: 'var(--surface-1)',\n    border: '1px solid var(--border)',\n    boxShadow: 'var(--shadow-2)',\n  },\n  ghost: {\n    background: 'transparent',\n    border: '1px solid transparent',\n    boxShadow: 'none',\n  },\n  outlined: {\n    background: 'var(--surface-0)',\n    border: '1px solid var(--border)',\n    boxShadow: 'none',\n  },\n};\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(function Card(props, ref) {\n  const { variant = 'default', flush, interactive, className, style, ...rest } = props;\n  return (\n    <div\n      ref={ref}\n      className={cx('v8-card', `v8-card--${variant}`, interactive && 'is-interactive', className)}\n      style={{\n        borderRadius: 'var(--radius-lg)',\n        padding: flush === true ? 0 : 'var(--density-card-pad)',\n        cursor: interactive === true ? 'pointer' : undefined,\n        transition: interactive === true\n          ? 'border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out)'\n          : undefined,\n        ...VARIANT_STYLE[variant],\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n});\n\n/** Card header — title row + optional actions. */\nexport interface CardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n}\n\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(function CardHeader(\n  props,\n  ref,\n) {\n  const { title, description, action, className, style, ...rest } = props;\n  return (\n    <div\n      ref={ref}\n      className={cx('v8-card__header', className)}\n      style={{\n        display: 'flex',\n        alignItems: 'flex-start',\n        justifyContent: 'space-between',\n        gap: 'var(--space-3)',\n        marginBottom: 'var(--space-3)',\n        ...style,\n      }}\n      {...rest}\n    >\n      <div style={{ flex: 1, minWidth: 0 }}>\n        <div style={{ fontSize: 'var(--fs-14)', fontWeight: 600, color: 'var(--fg)' }}>{title}</div>\n        {description !== undefined && (\n          <div style={{ fontSize: 'var(--fs-13)', color: 'var(--fg-muted)', marginTop: 2 }}>\n            {description}\n          </div>\n        )}\n      </div>\n      {action !== undefined && <div style={{ flexShrink: 0 }}>{action}</div>}\n    </div>\n  );\n});\n\n/** Card body — main content slot. */\nexport const CardBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  function CardBody(props, ref) {\n    const { className, ...rest } = props;\n    return <div ref={ref} className={cx('v8-card__body', className)} {...rest} />;\n  },\n);\n\n/** Card footer — typically action buttons right-aligned. */\nexport const CardFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  function CardFooter(props, ref) {\n    const { className, style, ...rest } = props;\n    return (\n      <div\n        ref={ref}\n        className={cx('v8-card__footer', className)}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'flex-end',\n          gap: 'var(--space-2)',\n          marginTop: 'var(--space-3)',\n          paddingTop: 'var(--space-3)',\n          borderTop: '1px solid var(--border)',\n          ...style,\n        }}\n        {...rest}\n      />\n    );\n  },\n);"],"names":["VARIANT_STYLE","Card","forwardRef","props","ref","variant","flush","interactive","className","style","rest","jsx","cx","CardHeader","title","description","action","jsxs","CardBody"],"mappings":"qFA0BA,MAAMA,EAA0D,CAC9D,QAAS,CACP,WAAY,mBACZ,OAAQ,0BACR,UAAW,MAAA,EAEb,SAAU,CACR,WAAY,mBACZ,OAAQ,0BACR,UAAW,iBAAA,EAEb,MAAO,CACL,WAAY,cACZ,OAAQ,wBACR,UAAW,MAAA,EAEb,SAAU,CACR,WAAY,mBACZ,OAAQ,0BACR,UAAW,MAAA,CAEf,EAEaC,EAAOC,EAAAA,WAAsC,SAAcC,EAAOC,EAAK,CAClF,KAAM,CAAE,QAAAC,EAAU,UAAW,MAAAC,EAAO,YAAAC,EAAa,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAASP,EAC/E,OACEQ,EAAAA,IAAC,MAAA,CACC,IAAAP,EACA,UAAWQ,EAAG,UAAW,YAAYP,CAAO,GAAIE,GAAe,iBAAkBC,CAAS,EAC1F,MAAO,CACL,aAAc,mBACd,QAASF,IAAU,GAAO,EAAI,0BAC9B,OAAQC,IAAgB,GAAO,UAAY,OAC3C,WAAYA,IAAgB,GACxB,+IACA,OACJ,GAAGP,EAAcK,CAAO,EACxB,GAAGI,CAAA,EAEJ,GAAGC,CAAA,CAAA,CAGV,CAAC,EASYG,EAAaX,EAAAA,WAA4C,SACpEC,EACAC,EACA,CACA,KAAM,CAAE,MAAAU,EAAO,YAAAC,EAAa,OAAAC,EAAQ,UAAAR,EAAW,MAAAC,EAAO,GAAGC,GAASP,EAClE,OACEc,EAAAA,KAAC,MAAA,CACC,IAAAb,EACA,UAAWQ,EAAG,kBAAmBJ,CAAS,EAC1C,MAAO,CACL,QAAS,OACT,WAAY,aACZ,eAAgB,gBAChB,IAAK,iBACL,aAAc,iBACd,GAAGC,CAAA,EAEJ,GAAGC,EAEJ,SAAA,CAAAO,OAAC,OAAI,MAAO,CAAE,KAAM,EAAG,SAAU,GAC/B,SAAA,CAAAN,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,SAAU,eAAgB,WAAY,IAAK,MAAO,WAAA,EAAgB,SAAAG,CAAA,CAAM,EACrFC,IAAgB,QACfJ,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,SAAU,eAAgB,MAAO,kBAAmB,UAAW,CAAA,EAC1E,SAAAI,CAAA,CACH,CAAA,EAEJ,EACCC,IAAW,QAAaL,MAAC,MAAA,CAAI,MAAO,CAAE,WAAY,CAAA,EAAM,SAAAK,CAAA,CAAO,CAAA,CAAA,CAAA,CAGtE,CAAC,EAGYE,EAAWhB,EAAAA,WACtB,SAAkBC,EAAOC,EAAK,CAC5B,KAAM,CAAE,UAAAI,EAAW,GAAGE,CAAA,EAASP,EAC/B,OAAOQ,MAAC,OAAI,IAAAP,EAAU,UAAWQ,EAAG,gBAAiBJ,CAAS,EAAI,GAAGE,EAAM,CAC7E,CACF,EAG0BR,EAAAA,WACxB,SAAoBC,EAAOC,EAAK,CAC9B,KAAM,CAAE,UAAAI,EAAW,MAAAC,EAAO,GAAGC,GAASP,EACtC,OACEQ,EAAAA,IAAC,MAAA,CACC,IAAAP,EACA,UAAWQ,EAAG,kBAAmBJ,CAAS,EAC1C,MAAO,CACL,QAAS,OACT,WAAY,SACZ,eAAgB,WAChB,IAAK,iBACL,UAAW,iBACX,WAAY,iBACZ,UAAW,0BACX,GAAGC,CAAA,EAEJ,GAAGC,CAAA,CAAA,CAGV,CACF"}

package/bizar-dash/dist/assets/{ChatView-C0cTgj5d.js → ChatView-CUriVEgU.js}

@@ -1,4 +1,4 @@
-import{r as c,j as t}from"./cmdk-DVxytz9i.js";import{c as V,u as R,a as J,S as T,I as w,d as S,G as q,h as $,i as D,F as I}from"./main-CyAIirBB.js";import{V as K}from"./ViewHeader-V_SzbUpw.js";import{C as A,b as H}from"./Card-D9019JOD.js";import{T as G}from"./Textarea-D_TPpVMy.js";import{E as L}from"./EmptyState-DLmtBX_6.js";import{E as Y,M as W}from"./MessageBubble-5vUAquDx.js";import{R as _}from"./refresh-cw-COTg1nZo.js";import{S as Q}from"./send-DyBhyk8t.js";/**
+import{r as c,j as t}from"./cmdk-DVxytz9i.js";import{c as V,u as R,a as J,S as T,I as w,d as S,G as q,h as $,i as D,F as I}from"./main-Cxeu4LhG.js";import{V as K}from"./ViewHeader-B6P-C4GD.js";import{C as A,b as H}from"./Card-rF59wHiO.js";import{T as G}from"./Textarea-QuofpMlq.js";import{E as L}from"./EmptyState-D65J5FQN.js";import{E as Y,M as W}from"./MessageBubble-5vUAquDx.js";import{R as _}from"./refresh-cw-ENBVR8hW.js";import{S as Q}from"./send-yz6HFZM5.js";/**
  * @license lucide-react v0.460.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/bizar-dash/dist/assets/{ChatView-C0cTgj5d.js.map → ChatView-CUriVEgU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ChatView-C0cTgj5d.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/message-square-plus.js","../../src/web/v8/ui/chat/EventStream.tsx","../../src/web/v8/views/Chat/ChatView.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst MessageSquarePlus = createLucideIcon(\"MessageSquarePlus\", [\n  [\"path\", { d: \"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\", key: \"1lielz\" }],\n  [\"path\", { d: \"M12 7v6\", key: \"lw1j43\" }],\n  [\"path\", { d: \"M9 10h6\", key: \"9gxzsh\" }]\n]);\n\nexport { MessageSquarePlus as default };\n//# sourceMappingURL=message-square-plus.js.map\n","/**\n * v8/ui/chat/EventStream.tsx — text/event-stream reader.\n *\n * Thin helper over `fetch()` that parses `data:` lines from a server\n * response and yields each event to a callback. Used by the chat\n * composer (POST /api/chat sends, response is a stream) and by the\n * Claude session detail (GET /api/claude-sessions/:id/stream).\n *\n * The server emits either:\n *   - JSON envelopes per line (`fetchJson`-compatible), used when\n *     handlers prefer that shape;\n *   - SSE-formatted `data:` lines for streaming tokens.\n *\n * This reader handles both. JSON-only payloads (no `data:` prefix)\n * are forwarded verbatim. `event:` lines are split into separate\n * callbacks when present.\n */\n\nexport interface EventStreamHandlers {\n  onChunk?: (text: string) => void;\n  onEvent?: (event: string, data: string) => void;\n  onDone?: () => void;\n  onError?: (err: Error) => void;\n}\n\nexport interface EventStreamOptions extends EventStreamHandlers {\n  signal?: AbortSignal;\n}\n\nexport async function readEventStream(\n  url: string,\n  init: RequestInit,\n  handlers: EventStreamOptions,\n): Promise<void> {\n  const { signal, onChunk, onEvent, onDone, onError } = handlers;\n  try {\n    const response = await fetch(url, { ...init, signal });\n    if (!response.ok || response.body === null) {\n      throw new Error(`HTTP ${response.status} reading ${url}`);\n    }\n    const reader = response.body.getReader();\n    const decoder = new TextDecoder();\n    let buffer = '';\n    let sawDone = false;\n    // pump until the stream is fully drained or the caller aborts\n    while (!sawDone) {\n      if (signal?.aborted) break;\n      const { value, done } = await reader.read();\n      if (done) break;\n      buffer += decoder.decode(value, { stream: true });\n      // SSE frames are separated by a blank line. Split and process.\n      const frames = buffer.split('\\n\\n');\n      buffer = frames.pop() ?? '';\n      for (const frame of frames) {\n        const lines = frame.split('\\n').filter((l) => l.length > 0);\n        let data = '';\n        let event = 'message';\n        for (const line of lines) {\n          if (line.startsWith('data:')) {\n            data += line.slice(5).trim();\n          } else if (line.startsWith('event:')) {\n            event = line.slice(6).trim();\n          }\n        }\n        if (data.length === 0) continue;\n        if (event === 'done') {\n          sawDone = true;\n          onDone?.();\n          break;\n        }\n        if (event !== 'message') {\n          onEvent?.(event, data);\n        } else {\n          onChunk?.(data);\n        }\n      }\n    }\n    onDone?.();\n  } catch (err) {\n    if (signal?.aborted) return;\n    onError?.(err instanceof Error ? err : new Error(String(err)));\n  }\n}\n","/**\n * v8/views/Chat/ChatView.tsx — Sprint S38, v9.3.0.\n *\n * Three-pane chat surface: session list (left) · transcript (center) ·\n * composer (bottom). Backed by `/api/chat` + `/api/chat/sessions` +\n * `/api/chat/regenerate` + `/api/chat/audit`. Live deltas arrive via\n * the `chat:delta` / `chat:message` WS events added in S37.\n *\n * No window.confirm / window.prompt. Session creation uses an inline\n * `+` button that POSTs and selects the new session on success.\n */\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { MessageSquarePlus, RefreshCw, Send, ShieldCheck } from 'lucide-react';\nimport { Stack } from '../../ui/primitives/Stack.js';\nimport { Inline } from '../../ui/primitives/Inline.js';\nimport { ViewHeader } from '../../ui/data/ViewHeader.js';\nimport { Card, CardBody } from '../../ui/data/Card.js';\nimport { Button } from '../../ui/controls/Button.js';\nimport { Textarea } from '../../ui/controls/Textarea.js';\nimport { Skeleton } from '../../ui/feedback/Skeleton.js';\nimport { EmptyState } from '../../ui/feedback/EmptyState.js';\nimport { useFetch } from '../../data/useFetch.js';\nimport { useWsMessage } from '../../data/useWebSocket.js';\nimport { fetchJson, FetchError } from '../../data/fetcher.js';\nimport { MessageBubble, EmptyTranscript } from '../../ui/chat/MessageBubble.js';\nimport { readEventStream } from '../../ui/chat/EventStream.js';\nimport type { ChatMessage, ChatSession, WsMessage } from '../../data/types.js';\n\ninterface ChatPayload {\n  messages: ChatMessage[];\n  sessions: Array<{ id: string; file: string; mtime: number; size: number }>;\n}\n\ninterface SessionsPayload {\n  sessions: Array<{ id: string; title?: string; updatedAt?: number; messageCount?: number; agent?: string | null }>;\n}\n\nfunction fmtRel(ts: number | undefined): string {\n  if (!ts) return '';\n  const delta = Math.max(0, Date.now() - ts);\n  if (delta < 60_000) return 'just now';\n  if (delta < 3_600_000) return `${Math.round(delta / 60_000)}m ago`;\n  if (delta < 86_400_000) return `${Math.round(delta / 3_600_000)}h ago`;\n  return new Date(ts).toLocaleString();\n}\n\nexport function ChatView(): JSX.Element {\n  const payload = useFetch<ChatPayload>('/api/chat');\n  const sessionsPayload = useFetch<SessionsPayload>('/api/chat/sessions');\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [transcript, setTranscript] = useState<ChatMessage[]>([]);\n  const [streaming, setStreaming] = useState<string>('');\n  const [draft, setDraft] = useState<string>('');\n  const [busy, setBusy] = useState<boolean>(false);\n  const [error, setError] = useState<string | null>(null);\n  const [confirmDeleteId, setConfirmDeleteId] = useState<string | null>(null);\n\n  // Seed active session from the first row in the response.\n  useEffect(() => {\n    if (activeId === null && payload.data?.sessions.length) {\n      setActiveId(payload.data.sessions[0].id);\n    }\n  }, [payload.data, activeId]);\n\n  // Seed transcript from payload when active session changes.\n  useEffect(() => {\n    if (!payload.data || activeId === null) {\n      setTranscript([]);\n      return;\n    }\n    setTranscript(payload.data.messages.filter((m) => payload.data?.sessions.find((s) => s.id === activeId) !== undefined));\n  }, [payload.data, activeId]);\n\n  const sessions = useMemo<ChatSession[]>(() => {\n    return (payload.data?.sessions ?? []).map((s) => ({\n      id: s.id,\n      messageCount: s.size > 0 ? Math.floor(s.size / 200) : 0,\n    }));\n  }, [payload.data]);\n\n  const onChange = useCallback((msg: WsMessage) => {\n    if (msg.type === 'chat:message' && msg.message) {\n      // A new persisted turn arrived for the active session; refresh the transcript.\n      void payload.refetch();\n    }\n  }, [payload]);\n  useWsMessage('chat:message', onChange);\n\n  const send = async (): Promise<void> => {\n    const text = draft.trim();\n    if (!text || busy) return;\n    setError(null);\n    setBusy(true);\n    setDraft('');\n    const optimistic: ChatMessage = {\n      id: `local_${Date.now().toString(36)}`,\n      ts: new Date().toISOString(),\n      role: 'user',\n      content: text,\n    };\n    setTranscript((prev) => [...prev, optimistic]);\n    setStreaming('');\n    const ctrl = new AbortController();\n    try {\n      await readEventStream(\n        '/api/chat',\n        {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ message: text, session: activeId ?? undefined }),\n        },\n        {\n          signal: ctrl.signal,\n          onChunk: (chunk) => setStreaming((cur) => cur + chunk),\n          onEvent: (event, data) => {\n            if (event === 'session') {\n              try {\n                const parsed = JSON.parse(data) as { session?: string };\n                if (parsed.session) setActiveId(parsed.session);\n              } catch { /* swallow */ }\n            } else if (event === 'error') {\n              setError(data);\n            }\n          },\n          onDone: () => setStreaming(''),\n          onError: (err) => setError(err.message),\n        },\n      );\n      // After stream completes the persisted turn is in the JSONL log;\n      // pull a fresh transcript.\n      void payload.refetch();\n      void sessionsPayload.refetch();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setBusy(false);\n      setStreaming('');\n    }\n  };\n\n  const createSession = async (): Promise<void> => {\n    setError(null);\n    try {\n      const res = await fetchJson<{ session?: ChatSession }>(\n        '/api/chat/sessions',\n        { method: 'POST', body: {} },\n      );\n      if (res.session?.id) {\n        setActiveId(res.session.id);\n        void payload.refetch();\n        void sessionsPayload.refetch();\n      }\n    } catch (err) {\n      setError(err instanceof FetchError ? err.message : (err as Error).message);\n    }\n  };\n\n  const regenerate = async (msg: ChatMessage): Promise<void> => {\n    setError(null);\n    try {\n      await fetchJson('/api/chat/regenerate', { method: 'POST', body: { messageId: msg.id, session: activeId } });\n      void payload.refetch();\n    } catch (err) {\n      setError(err instanceof FetchError ? err.message : (err as Error).message);\n    }\n  };\n\n  const audit = async (): Promise<void> => {\n    setError(null);\n    try {\n      await fetchJson('/api/chat/audit', { method: 'POST', body: { session: activeId } });\n    } catch (err) {\n      setError(err instanceof FetchError ? err.message : (err as Error).message);\n    }\n  };\n\n  const dropSession = (id: string): void => {\n    // Inline confirm row pattern from F-061. No window.confirm.\n    setConfirmDeleteId((cur) => (cur === id ? null : id));\n  };\n\n  return (\n    <Stack gap={4} data-testid=\"chat-view\">\n      <ViewHeader\n        title=\"Chat\"\n        description=\"Multi-turn Claude Code sessions for the active project. Streams over WebSocket.\"\n        actions={\n          <Inline gap={2} align=\"center\">\n            {error !== null && (\n              <span role=\"alert\" data-testid=\"chat-error\" style={{ color: 'var(--danger)', fontSize: 'var(--fs-12)' }}>\n                {error}\n              </span>\n            )}\n            <Button variant=\"ghost\" onClick={() => void payload.refetch()} data-testid=\"chat-refresh\">\n              <RefreshCw size={14} aria-hidden /> Refresh\n            </Button>\n            <Button variant=\"ghost\" onClick={() => void audit()} data-testid=\"chat-audit\">\n              <ShieldCheck size={14} aria-hidden /> Audit\n            </Button>\n            <Button variant=\"primary\" onClick={() => void createSession()} data-testid=\"chat-create-session\">\n              <MessageSquarePlus size={14} aria-hidden /> New session\n            </Button>\n          </Inline>\n        }\n      />\n      <Inline align=\"stretch\" gap={3} wrap={false} style={{ minHeight: 480 }}>\n        {/* Session list */}\n        <Card variant=\"default\" style={{ width: 260, flexShrink: 0 }}>\n          <CardBody>\n            <Stack gap={2}>\n              <strong style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>\n                Sessions ({sessions.length})\n              </strong>\n              {payload.loading && sessions.length === 0 ? (\n                <Skeleton style={{ height: 32 }} />\n              ) : sessions.length === 0 ? (\n                <EmptyState\n                  icon={<MessageSquarePlus size={28} aria-hidden />}\n                  title=\"No sessions\"\n                  description=\"Create one to start chatting.\"\n                />\n              ) : (\n                sessions.map((s) => {\n                  const isActive = s.id === activeId;\n                  const isConfirmingDelete = confirmDeleteId === s.id;\n                  return (\n                    <div\n                      key={s.id}\n                      data-testid={`chat-session-${s.id}`}\n                      style={{\n                        padding: 'var(--space-2)',\n                        borderRadius: 'var(--radius-sm)',\n                        border: isActive ? '1px solid var(--accent)' : '1px solid var(--border)',\n                        background: isActive ? 'color-mix(in oklch, var(--accent) 12%, transparent)' : 'var(--surface-0)',\n                        cursor: 'pointer',\n                      }}\n                      onClick={() => { if (!isConfirmingDelete) setActiveId(s.id); }}\n                    >\n                      <Inline align=\"center\" justify=\"between\" gap={2}>\n                        <span style={{ fontFamily: 'var(--font-mono)', fontSize: 'var(--fs-12)' }}>\n                          {s.id}\n                        </span>\n                        <button\n                          type=\"button\"\n                          onClick={(e) => { e.stopPropagation(); dropSession(s.id); }}\n                          data-testid={`chat-session-delete-${s.id}`}\n                          aria-label={`Delete session ${s.id}`}\n                          style={{\n                            background: 'transparent',\n                            border: 0,\n                            color: 'var(--fg-muted)',\n                            cursor: 'pointer',\n                            fontSize: 'var(--fs-11)',\n                          }}\n                        >\n                          ×\n                        </button>\n                      </Inline>\n                      {s.messageCount !== undefined && (\n                        <div style={{ fontSize: 'var(--fs-11)', color: 'var(--fg-muted)' }}>\n                          {s.messageCount} messages\n                        </div>\n                      )}\n                      {isConfirmingDelete && (\n                        <Inline gap={1} style={{ marginTop: 'var(--space-1)' }}>\n                          <Button\n                            variant=\"danger\"\n                            onClick={(e) => { e.stopPropagation(); setConfirmDeleteId(null); }}\n                            data-testid={`chat-session-confirm-delete-${s.id}`}\n                          >\n                            Confirm delete\n                          </Button>\n                          <Button\n                            variant=\"ghost\"\n                            onClick={(e) => { e.stopPropagation(); setConfirmDeleteId(null); }}\n                            data-testid={`chat-session-cancel-delete-${s.id}`}\n                          >\n                            Cancel\n                          </Button>\n                        </Inline>\n                      )}\n                    </div>\n                  );\n                })\n              )}\n            </Stack>\n          </CardBody>\n        </Card>\n\n        {/* Transcript + composer */}\n        <Card variant=\"default\" style={{ flex: 1, minWidth: 0 }}>\n          <CardBody>\n            <Stack gap={2} style={{ height: '100%' }}>\n              <div\n                data-testid=\"chat-transcript\"\n                style={{\n                  flex: 1,\n                  minHeight: 320,\n                  overflowY: 'auto',\n                  padding: 'var(--space-2)',\n                  border: '1px solid var(--border)',\n                  borderRadius: 'var(--radius-md)',\n                  background: 'var(--surface-0)',\n                }}\n              >\n                {payload.loading && transcript.length === 0 ? (\n                  <Skeleton style={{ height: 200 }} />\n                ) : transcript.length === 0 && streaming === '' ? (\n                  <EmptyTranscript />\n                ) : (\n                  <Stack gap={1}>\n                    {transcript.map((m) => (\n                      <MessageBubble key={m.id} message={m} onRegenerate={(msg) => void regenerate(msg)} />\n                    ))}\n                    {streaming !== '' && (\n                      <MessageBubble\n                        message={{\n                          id: 'streaming',\n                          ts: new Date().toISOString(),\n                          role: 'assistant',\n                          content: streaming,\n                        }}\n                      />\n                    )}\n                  </Stack>\n                )}\n              </div>\n              <Inline align=\"end\" gap={2}>\n                <span style={{ flex: 1, color: 'var(--fg-muted)', fontSize: 'var(--fs-11)' }}>\n                  Enter to send · Shift+Enter newline\n                </span>\n                <Button variant=\"primary\" onClick={() => void send()} disabled={busy || draft.trim() === ''} data-testid=\"chat-send\">\n                  <Send size={14} aria-hidden /> {busy ? 'Sending…' : 'Send'}\n                </Button>\n              </Inline>\n              <Textarea\n                value={draft}\n                placeholder=\"Ask Claude anything…\"\n                rows={4}\n                data-testid=\"chat-input\"\n                onChange={(e) => setDraft((e.target as HTMLTextAreaElement).value)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' && !e.shiftKey) {\n                    e.preventDefault();\n                    void send();\n                  }\n                }}\n              />\n            </Stack>\n          </CardBody>\n        </Card>\n      </Inline>\n    </Stack>\n  );\n}"],"names":["MessageSquarePlus","createLucideIcon","readEventStream","url","init","handlers","signal","onChunk","onEvent","onDone","onError","response","reader","decoder","buffer","sawDone","value","done","frames","frame","lines","l","data","event","line","err","ChatView","payload","useFetch","sessionsPayload","activeId","setActiveId","useState","transcript","setTranscript","streaming","setStreaming","draft","setDraft","busy","setBusy","error","setError","confirmDeleteId","setConfirmDeleteId","useEffect","_a","m","s","sessions","useMemo","onChange","useCallback","msg","useWsMessage","send","text","optimistic","prev","ctrl","chunk","cur","parsed","createSession","res","fetchJson","FetchError","regenerate","audit","dropSession","id","jsxs","Stack","jsx","ViewHeader","Inline","Button","RefreshCw","ShieldCheck","Card","CardBody","Skeleton","EmptyState","isActive","isConfirmingDelete","e","EmptyTranscript","MessageBubble","Send","Textarea"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ChatView-CUriVEgU.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/message-square-plus.js","../../src/web/v8/ui/chat/EventStream.tsx","../../src/web/v8/views/Chat/ChatView.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst MessageSquarePlus = createLucideIcon(\"MessageSquarePlus\", [\n  [\"path\", { d: \"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\", key: \"1lielz\" }],\n  [\"path\", { d: \"M12 7v6\", key: \"lw1j43\" }],\n  [\"path\", { d: \"M9 10h6\", key: \"9gxzsh\" }]\n]);\n\nexport { MessageSquarePlus as default };\n//# sourceMappingURL=message-square-plus.js.map\n","/**\n * v8/ui/chat/EventStream.tsx — text/event-stream reader.\n *\n * Thin helper over `fetch()` that parses `data:` lines from a server\n * response and yields each event to a callback. Used by the chat\n * composer (POST /api/chat sends, response is a stream) and by the\n * Claude session detail (GET /api/claude-sessions/:id/stream).\n *\n * The server emits either:\n *   - JSON envelopes per line (`fetchJson`-compatible), used when\n *     handlers prefer that shape;\n *   - SSE-formatted `data:` lines for streaming tokens.\n *\n * This reader handles both. JSON-only payloads (no `data:` prefix)\n * are forwarded verbatim. `event:` lines are split into separate\n * callbacks when present.\n */\n\nexport interface EventStreamHandlers {\n  onChunk?: (text: string) => void;\n  onEvent?: (event: string, data: string) => void;\n  onDone?: () => void;\n  onError?: (err: Error) => void;\n}\n\nexport interface EventStreamOptions extends EventStreamHandlers {\n  signal?: AbortSignal;\n}\n\nexport async function readEventStream(\n  url: string,\n  init: RequestInit,\n  handlers: EventStreamOptions,\n): Promise<void> {\n  const { signal, onChunk, onEvent, onDone, onError } = handlers;\n  try {\n    const response = await fetch(url, { ...init, signal });\n    if (!response.ok || response.body === null) {\n      throw new Error(`HTTP ${response.status} reading ${url}`);\n    }\n    const reader = response.body.getReader();\n    const decoder = new TextDecoder();\n    let buffer = '';\n    let sawDone = false;\n    // pump until the stream is fully drained or the caller aborts\n    while (!sawDone) {\n      if (signal?.aborted) break;\n      const { value, done } = await reader.read();\n      if (done) break;\n      buffer += decoder.decode(value, { stream: true });\n      // SSE frames are separated by a blank line. Split and process.\n      const frames = buffer.split('\\n\\n');\n      buffer = frames.pop() ?? '';\n      for (const frame of frames) {\n        const lines = frame.split('\\n').filter((l) => l.length > 0);\n        let data = '';\n        let event = 'message';\n        for (const line of lines) {\n          if (line.startsWith('data:')) {\n            data += line.slice(5).trim();\n          } else if (line.startsWith('event:')) {\n            event = line.slice(6).trim();\n          }\n        }\n        if (data.length === 0) continue;\n        if (event === 'done') {\n          sawDone = true;\n          onDone?.();\n          break;\n        }\n        if (event !== 'message') {\n          onEvent?.(event, data);\n        } else {\n          onChunk?.(data);\n        }\n      }\n    }\n    onDone?.();\n  } catch (err) {\n    if (signal?.aborted) return;\n    onError?.(err instanceof Error ? err : new Error(String(err)));\n  }\n}\n","/**\n * v8/views/Chat/ChatView.tsx — Sprint S38, v9.3.0.\n *\n * Three-pane chat surface: session list (left) · transcript (center) ·\n * composer (bottom). Backed by `/api/chat` + `/api/chat/sessions` +\n * `/api/chat/regenerate` + `/api/chat/audit`. Live deltas arrive via\n * the `chat:delta` / `chat:message` WS events added in S37.\n *\n * No window.confirm / window.prompt. Session creation uses an inline\n * `+` button that POSTs and selects the new session on success.\n */\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { MessageSquarePlus, RefreshCw, Send, ShieldCheck } from 'lucide-react';\nimport { Stack } from '../../ui/primitives/Stack.js';\nimport { Inline } from '../../ui/primitives/Inline.js';\nimport { ViewHeader } from '../../ui/data/ViewHeader.js';\nimport { Card, CardBody } from '../../ui/data/Card.js';\nimport { Button } from '../../ui/controls/Button.js';\nimport { Textarea } from '../../ui/controls/Textarea.js';\nimport { Skeleton } from '../../ui/feedback/Skeleton.js';\nimport { EmptyState } from '../../ui/feedback/EmptyState.js';\nimport { useFetch } from '../../data/useFetch.js';\nimport { useWsMessage } from '../../data/useWebSocket.js';\nimport { fetchJson, FetchError } from '../../data/fetcher.js';\nimport { MessageBubble, EmptyTranscript } from '../../ui/chat/MessageBubble.js';\nimport { readEventStream } from '../../ui/chat/EventStream.js';\nimport type { ChatMessage, ChatSession, WsMessage } from '../../data/types.js';\n\ninterface ChatPayload {\n  messages: ChatMessage[];\n  sessions: Array<{ id: string; file: string; mtime: number; size: number }>;\n}\n\ninterface SessionsPayload {\n  sessions: Array<{ id: string; title?: string; updatedAt?: number; messageCount?: number; agent?: string | null }>;\n}\n\nfunction fmtRel(ts: number | undefined): string {\n  if (!ts) return '';\n  const delta = Math.max(0, Date.now() - ts);\n  if (delta < 60_000) return 'just now';\n  if (delta < 3_600_000) return `${Math.round(delta / 60_000)}m ago`;\n  if (delta < 86_400_000) return `${Math.round(delta / 3_600_000)}h ago`;\n  return new Date(ts).toLocaleString();\n}\n\nexport function ChatView(): JSX.Element {\n  const payload = useFetch<ChatPayload>('/api/chat');\n  const sessionsPayload = useFetch<SessionsPayload>('/api/chat/sessions');\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [transcript, setTranscript] = useState<ChatMessage[]>([]);\n  const [streaming, setStreaming] = useState<string>('');\n  const [draft, setDraft] = useState<string>('');\n  const [busy, setBusy] = useState<boolean>(false);\n  const [error, setError] = useState<string | null>(null);\n  const [confirmDeleteId, setConfirmDeleteId] = useState<string | null>(null);\n\n  // Seed active session from the first row in the response.\n  useEffect(() => {\n    if (activeId === null && payload.data?.sessions.length) {\n      setActiveId(payload.data.sessions[0].id);\n    }\n  }, [payload.data, activeId]);\n\n  // Seed transcript from payload when active session changes.\n  useEffect(() => {\n    if (!payload.data || activeId === null) {\n      setTranscript([]);\n      return;\n    }\n    setTranscript(payload.data.messages.filter((m) => payload.data?.sessions.find((s) => s.id === activeId) !== undefined));\n  }, [payload.data, activeId]);\n\n  const sessions = useMemo<ChatSession[]>(() => {\n    return (payload.data?.sessions ?? []).map((s) => ({\n      id: s.id,\n      messageCount: s.size > 0 ? Math.floor(s.size / 200) : 0,\n    }));\n  }, [payload.data]);\n\n  const onChange = useCallback((msg: WsMessage) => {\n    if (msg.type === 'chat:message' && msg.message) {\n      // A new persisted turn arrived for the active session; refresh the transcript.\n      void payload.refetch();\n    }\n  }, [payload]);\n  useWsMessage('chat:message', onChange);\n\n  const send = async (): Promise<void> => {\n    const text = draft.trim();\n    if (!text || busy) return;\n    setError(null);\n    setBusy(true);\n    setDraft('');\n    const optimistic: ChatMessage = {\n      id: `local_${Date.now().toString(36)}`,\n      ts: new Date().toISOString(),\n      role: 'user',\n      content: text,\n    };\n    setTranscript((prev) => [...prev, optimistic]);\n    setStreaming('');\n    const ctrl = new AbortController();\n    try {\n      await readEventStream(\n        '/api/chat',\n        {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ message: text, session: activeId ?? undefined }),\n        },\n        {\n          signal: ctrl.signal,\n          onChunk: (chunk) => setStreaming((cur) => cur + chunk),\n          onEvent: (event, data) => {\n            if (event === 'session') {\n              try {\n                const parsed = JSON.parse(data) as { session?: string };\n                if (parsed.session) setActiveId(parsed.session);\n              } catch { /* swallow */ }\n            } else if (event === 'error') {\n              setError(data);\n            }\n          },\n          onDone: () => setStreaming(''),\n          onError: (err) => setError(err.message),\n        },\n      );\n      // After stream completes the persisted turn is in the JSONL log;\n      // pull a fresh transcript.\n      void payload.refetch();\n      void sessionsPayload.refetch();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setBusy(false);\n      setStreaming('');\n    }\n  };\n\n  const createSession = async (): Promise<void> => {\n    setError(null);\n    try {\n      const res = await fetchJson<{ session?: ChatSession }>(\n        '/api/chat/sessions',\n        { method: 'POST', body: {} },\n      );\n      if (res.session?.id) {\n        setActiveId(res.session.id);\n        void payload.refetch();\n        void sessionsPayload.refetch();\n      }\n    } catch (err) {\n      setError(err instanceof FetchError ? err.message : (err as Error).message);\n    }\n  };\n\n  const regenerate = async (msg: ChatMessage): Promise<void> => {\n    setError(null);\n    try {\n      await fetchJson('/api/chat/regenerate', { method: 'POST', body: { messageId: msg.id, session: activeId } });\n      void payload.refetch();\n    } catch (err) {\n      setError(err instanceof FetchError ? err.message : (err as Error).message);\n    }\n  };\n\n  const audit = async (): Promise<void> => {\n    setError(null);\n    try {\n      await fetchJson('/api/chat/audit', { method: 'POST', body: { session: activeId } });\n    } catch (err) {\n      setError(err instanceof FetchError ? err.message : (err as Error).message);\n    }\n  };\n\n  const dropSession = (id: string): void => {\n    // Inline confirm row pattern from F-061. No window.confirm.\n    setConfirmDeleteId((cur) => (cur === id ? null : id));\n  };\n\n  return (\n    <Stack gap={4} data-testid=\"chat-view\">\n      <ViewHeader\n        title=\"Chat\"\n        description=\"Multi-turn Claude Code sessions for the active project. Streams over WebSocket.\"\n        actions={\n          <Inline gap={2} align=\"center\">\n            {error !== null && (\n              <span role=\"alert\" data-testid=\"chat-error\" style={{ color: 'var(--danger)', fontSize: 'var(--fs-12)' }}>\n                {error}\n              </span>\n            )}\n            <Button variant=\"ghost\" onClick={() => void payload.refetch()} data-testid=\"chat-refresh\">\n              <RefreshCw size={14} aria-hidden /> Refresh\n            </Button>\n            <Button variant=\"ghost\" onClick={() => void audit()} data-testid=\"chat-audit\">\n              <ShieldCheck size={14} aria-hidden /> Audit\n            </Button>\n            <Button variant=\"primary\" onClick={() => void createSession()} data-testid=\"chat-create-session\">\n              <MessageSquarePlus size={14} aria-hidden /> New session\n            </Button>\n          </Inline>\n        }\n      />\n      <Inline align=\"stretch\" gap={3} wrap={false} style={{ minHeight: 480 }}>\n        {/* Session list */}\n        <Card variant=\"default\" style={{ width: 260, flexShrink: 0 }}>\n          <CardBody>\n            <Stack gap={2}>\n              <strong style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>\n                Sessions ({sessions.length})\n              </strong>\n              {payload.loading && sessions.length === 0 ? (\n                <Skeleton style={{ height: 32 }} />\n              ) : sessions.length === 0 ? (\n                <EmptyState\n                  icon={<MessageSquarePlus size={28} aria-hidden />}\n                  title=\"No sessions\"\n                  description=\"Create one to start chatting.\"\n                />\n              ) : (\n                sessions.map((s) => {\n                  const isActive = s.id === activeId;\n                  const isConfirmingDelete = confirmDeleteId === s.id;\n                  return (\n                    <div\n                      key={s.id}\n                      data-testid={`chat-session-${s.id}`}\n                      style={{\n                        padding: 'var(--space-2)',\n                        borderRadius: 'var(--radius-sm)',\n                        border: isActive ? '1px solid var(--accent)' : '1px solid var(--border)',\n                        background: isActive ? 'color-mix(in oklch, var(--accent) 12%, transparent)' : 'var(--surface-0)',\n                        cursor: 'pointer',\n                      }}\n                      onClick={() => { if (!isConfirmingDelete) setActiveId(s.id); }}\n                    >\n                      <Inline align=\"center\" justify=\"between\" gap={2}>\n                        <span style={{ fontFamily: 'var(--font-mono)', fontSize: 'var(--fs-12)' }}>\n                          {s.id}\n                        </span>\n                        <button\n                          type=\"button\"\n                          onClick={(e) => { e.stopPropagation(); dropSession(s.id); }}\n                          data-testid={`chat-session-delete-${s.id}`}\n                          aria-label={`Delete session ${s.id}`}\n                          style={{\n                            background: 'transparent',\n                            border: 0,\n                            color: 'var(--fg-muted)',\n                            cursor: 'pointer',\n                            fontSize: 'var(--fs-11)',\n                          }}\n                        >\n                          ×\n                        </button>\n                      </Inline>\n                      {s.messageCount !== undefined && (\n                        <div style={{ fontSize: 'var(--fs-11)', color: 'var(--fg-muted)' }}>\n                          {s.messageCount} messages\n                        </div>\n                      )}\n                      {isConfirmingDelete && (\n                        <Inline gap={1} style={{ marginTop: 'var(--space-1)' }}>\n                          <Button\n                            variant=\"danger\"\n                            onClick={(e) => { e.stopPropagation(); setConfirmDeleteId(null); }}\n                            data-testid={`chat-session-confirm-delete-${s.id}`}\n                          >\n                            Confirm delete\n                          </Button>\n                          <Button\n                            variant=\"ghost\"\n                            onClick={(e) => { e.stopPropagation(); setConfirmDeleteId(null); }}\n                            data-testid={`chat-session-cancel-delete-${s.id}`}\n                          >\n                            Cancel\n                          </Button>\n                        </Inline>\n                      )}\n                    </div>\n                  );\n                })\n              )}\n            </Stack>\n          </CardBody>\n        </Card>\n\n        {/* Transcript + composer */}\n        <Card variant=\"default\" style={{ flex: 1, minWidth: 0 }}>\n          <CardBody>\n            <Stack gap={2} style={{ height: '100%' }}>\n              <div\n                data-testid=\"chat-transcript\"\n                style={{\n                  flex: 1,\n                  minHeight: 320,\n                  overflowY: 'auto',\n                  padding: 'var(--space-2)',\n                  border: '1px solid var(--border)',\n                  borderRadius: 'var(--radius-md)',\n                  background: 'var(--surface-0)',\n                }}\n              >\n                {payload.loading && transcript.length === 0 ? (\n                  <Skeleton style={{ height: 200 }} />\n                ) : transcript.length === 0 && streaming === '' ? (\n                  <EmptyTranscript />\n                ) : (\n                  <Stack gap={1}>\n                    {transcript.map((m) => (\n                      <MessageBubble key={m.id} message={m} onRegenerate={(msg) => void regenerate(msg)} />\n                    ))}\n                    {streaming !== '' && (\n                      <MessageBubble\n                        message={{\n                          id: 'streaming',\n                          ts: new Date().toISOString(),\n                          role: 'assistant',\n                          content: streaming,\n                        }}\n                      />\n                    )}\n                  </Stack>\n                )}\n              </div>\n              <Inline align=\"end\" gap={2}>\n                <span style={{ flex: 1, color: 'var(--fg-muted)', fontSize: 'var(--fs-11)' }}>\n                  Enter to send · Shift+Enter newline\n                </span>\n                <Button variant=\"primary\" onClick={() => void send()} disabled={busy || draft.trim() === ''} data-testid=\"chat-send\">\n                  <Send size={14} aria-hidden /> {busy ? 'Sending…' : 'Send'}\n                </Button>\n              </Inline>\n              <Textarea\n                value={draft}\n                placeholder=\"Ask Claude anything…\"\n                rows={4}\n                data-testid=\"chat-input\"\n                onChange={(e) => setDraft((e.target as HTMLTextAreaElement).value)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' && !e.shiftKey) {\n                    e.preventDefault();\n                    void send();\n                  }\n                }}\n              />\n            </Stack>\n          </CardBody>\n        </Card>\n      </Inline>\n    </Stack>\n  );\n}"],"names":["MessageSquarePlus","createLucideIcon","readEventStream","url","init","handlers","signal","onChunk","onEvent","onDone","onError","response","reader","decoder","buffer","sawDone","value","done","frames","frame","lines","l","data","event","line","err","ChatView","payload","useFetch","sessionsPayload","activeId","setActiveId","useState","transcript","setTranscript","streaming","setStreaming","draft","setDraft","busy","setBusy","error","setError","confirmDeleteId","setConfirmDeleteId","useEffect","_a","m","s","sessions","useMemo","onChange","useCallback","msg","useWsMessage","send","text","optimistic","prev","ctrl","chunk","cur","parsed","createSession","res","fetchJson","FetchError","regenerate","audit","dropSession","id","jsxs","Stack","jsx","ViewHeader","Inline","Button","RefreshCw","ShieldCheck","Card","CardBody","Skeleton","EmptyState","isActive","isConfirmingDelete","e","EmptyTranscript","MessageBubble","Send","Textarea"],"mappings":"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","x_google_ignoreList":[0]}

package/bizar-dash/dist/assets/{Chip-DQtalZ4y.js → Chip-Dc2KmeWl.js}

@@ -1 +1 @@
-import{r as u,j as o}from"./cmdk-DVxytz9i.js";import{X as h,g as p}from"./main-CyAIirBB.js";const f={neutral:"var(--surface-1)",info:"color-mix(in oklch, var(--info) 14%, var(--surface-1))",success:"color-mix(in oklch, var(--success) 14%, var(--surface-1))",warning:"color-mix(in oklch, var(--warning) 14%, var(--surface-1))",danger:"color-mix(in oklch, var(--danger) 14%, var(--surface-1))",accent:"color-mix(in oklch, var(--accent) 14%, var(--surface-1))"},m={neutral:"var(--border)",info:"color-mix(in oklch, var(--info) 30%, var(--border))",success:"color-mix(in oklch, var(--success) 30%, var(--border))",warning:"color-mix(in oklch, var(--warning) 30%, var(--border))",danger:"color-mix(in oklch, var(--danger) 30%, var(--border))",accent:"color-mix(in oklch, var(--accent) 30%, var(--border))"},k=u.forwardRef(function(n,c){const{tone:e="neutral",selected:r,onRemove:a,children:i,className:t,style:s,...l}=n,d=r!==void 0||a!==void 0;return o.jsxs("span",{ref:c,className:p("v8-chip",`v8-chip--${e}`,r===!0&&"is-selected",t),style:{display:"inline-flex",alignItems:"center",gap:"var(--space-1)",height:24,padding:"0 8px",background:r===!0?"color-mix(in oklch, var(--accent) 18%, var(--surface-1))":f[e],border:"1px solid",borderColor:r===!0?"var(--accent)":m[e],borderRadius:"var(--radius-pill)",fontSize:"var(--fs-12)",fontWeight:500,color:r===!0?"var(--accent)":"var(--fg)",cursor:d===!0?"pointer":"default",whiteSpace:"nowrap",...s},...l,children:[i,a!==void 0&&o.jsx("button",{type:"button",onClick:v=>{v.stopPropagation(),a()},"aria-label":"Remove",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:14,height:14,marginLeft:2,marginRight:-4,padding:0,background:"transparent",border:0,borderRadius:"var(--radius-sm)",color:"var(--fg-muted)",cursor:"pointer"},children:o.jsx(h,{size:10,"aria-hidden":"true"})})]})});export{k as C};
+import{r as u,j as o}from"./cmdk-DVxytz9i.js";import{X as h,g as p}from"./main-Cxeu4LhG.js";const f={neutral:"var(--surface-1)",info:"color-mix(in oklch, var(--info) 14%, var(--surface-1))",success:"color-mix(in oklch, var(--success) 14%, var(--surface-1))",warning:"color-mix(in oklch, var(--warning) 14%, var(--surface-1))",danger:"color-mix(in oklch, var(--danger) 14%, var(--surface-1))",accent:"color-mix(in oklch, var(--accent) 14%, var(--surface-1))"},m={neutral:"var(--border)",info:"color-mix(in oklch, var(--info) 30%, var(--border))",success:"color-mix(in oklch, var(--success) 30%, var(--border))",warning:"color-mix(in oklch, var(--warning) 30%, var(--border))",danger:"color-mix(in oklch, var(--danger) 30%, var(--border))",accent:"color-mix(in oklch, var(--accent) 30%, var(--border))"},k=u.forwardRef(function(n,c){const{tone:e="neutral",selected:r,onRemove:a,children:i,className:t,style:s,...l}=n,d=r!==void 0||a!==void 0;return o.jsxs("span",{ref:c,className:p("v8-chip",`v8-chip--${e}`,r===!0&&"is-selected",t),style:{display:"inline-flex",alignItems:"center",gap:"var(--space-1)",height:24,padding:"0 8px",background:r===!0?"color-mix(in oklch, var(--accent) 18%, var(--surface-1))":f[e],border:"1px solid",borderColor:r===!0?"var(--accent)":m[e],borderRadius:"var(--radius-pill)",fontSize:"var(--fs-12)",fontWeight:500,color:r===!0?"var(--accent)":"var(--fg)",cursor:d===!0?"pointer":"default",whiteSpace:"nowrap",...s},...l,children:[i,a!==void 0&&o.jsx("button",{type:"button",onClick:v=>{v.stopPropagation(),a()},"aria-label":"Remove",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:14,height:14,marginLeft:2,marginRight:-4,padding:0,background:"transparent",border:0,borderRadius:"var(--radius-sm)",color:"var(--fg-muted)",cursor:"pointer"},children:o.jsx(h,{size:10,"aria-hidden":"true"})})]})});export{k as C};

package/bizar-dash/dist/assets/{Chip-DQtalZ4y.js.map → Chip-Dc2KmeWl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Chip-DQtalZ4y.js","sources":["../../src/web/v8/ui/data/Chip.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { X } from 'lucide-react';\nimport { cx } from '../utils/cx.js';\n\n/**\n * Chip — filter pill with an optional remove button.\n *\n * Different from Badge: Badge is a status indicator (read-only).\n * Chip is interactive — clickable for selection, removable for filters.\n */\n\nexport interface ChipProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Visual tone. */\n  tone?: 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'accent';\n  /** When true, render with selected styling (used for filter chips). */\n  selected?: boolean;\n  /** When provided, render a close button that invokes this handler. */\n  onRemove?: () => void;\n  children: ReactNode;\n}\n\nconst TONE_BG: Record<NonNullable<ChipProps['tone']>, string> = {\n  neutral: 'var(--surface-1)',\n  info: 'color-mix(in oklch, var(--info) 14%, var(--surface-1))',\n  success: 'color-mix(in oklch, var(--success) 14%, var(--surface-1))',\n  warning: 'color-mix(in oklch, var(--warning) 14%, var(--surface-1))',\n  danger: 'color-mix(in oklch, var(--danger) 14%, var(--surface-1))',\n  accent: 'color-mix(in oklch, var(--accent) 14%, var(--surface-1))',\n};\n\nconst TONE_BORDER: Record<NonNullable<ChipProps['tone']>, string> = {\n  neutral: 'var(--border)',\n  info: 'color-mix(in oklch, var(--info) 30%, var(--border))',\n  success: 'color-mix(in oklch, var(--success) 30%, var(--border))',\n  warning: 'color-mix(in oklch, var(--warning) 30%, var(--border))',\n  danger: 'color-mix(in oklch, var(--danger) 30%, var(--border))',\n  accent: 'color-mix(in oklch, var(--accent) 30%, var(--border))',\n};\n\nexport const Chip = forwardRef<HTMLSpanElement, ChipProps>(function Chip(props, ref) {\n  const { tone = 'neutral', selected, onRemove, children, className, style, ...rest } = props;\n  const isInteractive = selected !== undefined || onRemove !== undefined;\n  return (\n    <span\n      ref={ref}\n      className={cx('v8-chip', `v8-chip--${tone}`, selected === true && 'is-selected', className)}\n      style={{\n        display: 'inline-flex',\n        alignItems: 'center',\n        gap: 'var(--space-1)',\n        height: 24,\n        padding: '0 8px',\n        background: selected === true ? `color-mix(in oklch, var(--accent) 18%, var(--surface-1))` : TONE_BG[tone],\n        border: '1px solid',\n        borderColor: selected === true ? 'var(--accent)' : TONE_BORDER[tone],\n        borderRadius: 'var(--radius-pill)',\n        fontSize: 'var(--fs-12)',\n        fontWeight: 500,\n        color: selected === true ? 'var(--accent)' : 'var(--fg)',\n        cursor: isInteractive === true ? 'pointer' : 'default',\n        whiteSpace: 'nowrap',\n        ...style,\n      }}\n      {...rest}\n    >\n      {children}\n      {onRemove !== undefined && (\n        <button\n          type=\"button\"\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove();\n          }}\n          aria-label=\"Remove\"\n          style={{\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            width: 14,\n            height: 14,\n            marginLeft: 2,\n            marginRight: -4,\n            padding: 0,\n            background: 'transparent',\n            border: 0,\n            borderRadius: 'var(--radius-sm)',\n            color: 'var(--fg-muted)',\n            cursor: 'pointer',\n          }}\n        >\n          <X size={10} aria-hidden=\"true\" />\n        </button>\n      )}\n    </span>\n  );\n});"],"names":["TONE_BG","TONE_BORDER","Chip","forwardRef","props","ref","tone","selected","onRemove","children","className","style","rest","isInteractive","jsxs","cx","jsx","e","X"],"mappings":"4FAqBA,MAAMA,EAA0D,CAC9D,QAAS,mBACT,KAAM,yDACN,QAAS,4DACT,QAAS,4DACT,OAAQ,2DACR,OAAQ,0DACV,EAEMC,EAA8D,CAClE,QAAS,gBACT,KAAM,sDACN,QAAS,yDACT,QAAS,yDACT,OAAQ,wDACR,OAAQ,uDACV,EAEaC,EAAOC,EAAAA,WAAuC,SAAcC,EAAOC,EAAK,CACnF,KAAM,CAAE,KAAAC,EAAO,UAAW,SAAAC,EAAU,SAAAC,EAAU,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAASR,EAChFS,EAAgBN,IAAa,QAAaC,IAAa,OAC7D,OACEM,EAAAA,KAAC,OAAA,CACC,IAAAT,EACA,UAAWU,EAAG,UAAW,YAAYT,CAAI,GAAIC,IAAa,IAAQ,cAAeG,CAAS,EAC1F,MAAO,CACL,QAAS,cACT,WAAY,SACZ,IAAK,iBACL,OAAQ,GACR,QAAS,QACT,WAAYH,IAAa,GAAO,2DAA6DP,EAAQM,CAAI,EACzG,OAAQ,YACR,YAAaC,IAAa,GAAO,gBAAkBN,EAAYK,CAAI,EACnE,aAAc,qBACd,SAAU,eACV,WAAY,IACZ,MAAOC,IAAa,GAAO,gBAAkB,YAC7C,OAAQM,IAAkB,GAAO,UAAY,UAC7C,WAAY,SACZ,GAAGF,CAAA,EAEJ,GAAGC,EAEH,SAAA,CAAAH,EACAD,IAAa,QACZQ,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAAUC,GAAM,CACdA,EAAE,gBAAA,EACFT,EAAA,CACF,EACA,aAAW,SACX,MAAO,CACL,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,MAAO,GACP,OAAQ,GACR,WAAY,EACZ,YAAa,GACb,QAAS,EACT,WAAY,cACZ,OAAQ,EACR,aAAc,mBACd,MAAO,kBACP,OAAQ,SAAA,EAGV,SAAAQ,EAAAA,IAACE,EAAA,CAAE,KAAM,GAAI,cAAY,MAAA,CAAO,CAAA,CAAA,CAClC,CAAA,CAAA,CAIR,CAAC"}
+{"version":3,"file":"Chip-Dc2KmeWl.js","sources":["../../src/web/v8/ui/data/Chip.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { X } from 'lucide-react';\nimport { cx } from '../utils/cx.js';\n\n/**\n * Chip — filter pill with an optional remove button.\n *\n * Different from Badge: Badge is a status indicator (read-only).\n * Chip is interactive — clickable for selection, removable for filters.\n */\n\nexport interface ChipProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Visual tone. */\n  tone?: 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'accent';\n  /** When true, render with selected styling (used for filter chips). */\n  selected?: boolean;\n  /** When provided, render a close button that invokes this handler. */\n  onRemove?: () => void;\n  children: ReactNode;\n}\n\nconst TONE_BG: Record<NonNullable<ChipProps['tone']>, string> = {\n  neutral: 'var(--surface-1)',\n  info: 'color-mix(in oklch, var(--info) 14%, var(--surface-1))',\n  success: 'color-mix(in oklch, var(--success) 14%, var(--surface-1))',\n  warning: 'color-mix(in oklch, var(--warning) 14%, var(--surface-1))',\n  danger: 'color-mix(in oklch, var(--danger) 14%, var(--surface-1))',\n  accent: 'color-mix(in oklch, var(--accent) 14%, var(--surface-1))',\n};\n\nconst TONE_BORDER: Record<NonNullable<ChipProps['tone']>, string> = {\n  neutral: 'var(--border)',\n  info: 'color-mix(in oklch, var(--info) 30%, var(--border))',\n  success: 'color-mix(in oklch, var(--success) 30%, var(--border))',\n  warning: 'color-mix(in oklch, var(--warning) 30%, var(--border))',\n  danger: 'color-mix(in oklch, var(--danger) 30%, var(--border))',\n  accent: 'color-mix(in oklch, var(--accent) 30%, var(--border))',\n};\n\nexport const Chip = forwardRef<HTMLSpanElement, ChipProps>(function Chip(props, ref) {\n  const { tone = 'neutral', selected, onRemove, children, className, style, ...rest } = props;\n  const isInteractive = selected !== undefined || onRemove !== undefined;\n  return (\n    <span\n      ref={ref}\n      className={cx('v8-chip', `v8-chip--${tone}`, selected === true && 'is-selected', className)}\n      style={{\n        display: 'inline-flex',\n        alignItems: 'center',\n        gap: 'var(--space-1)',\n        height: 24,\n        padding: '0 8px',\n        background: selected === true ? `color-mix(in oklch, var(--accent) 18%, var(--surface-1))` : TONE_BG[tone],\n        border: '1px solid',\n        borderColor: selected === true ? 'var(--accent)' : TONE_BORDER[tone],\n        borderRadius: 'var(--radius-pill)',\n        fontSize: 'var(--fs-12)',\n        fontWeight: 500,\n        color: selected === true ? 'var(--accent)' : 'var(--fg)',\n        cursor: isInteractive === true ? 'pointer' : 'default',\n        whiteSpace: 'nowrap',\n        ...style,\n      }}\n      {...rest}\n    >\n      {children}\n      {onRemove !== undefined && (\n        <button\n          type=\"button\"\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove();\n          }}\n          aria-label=\"Remove\"\n          style={{\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            width: 14,\n            height: 14,\n            marginLeft: 2,\n            marginRight: -4,\n            padding: 0,\n            background: 'transparent',\n            border: 0,\n            borderRadius: 'var(--radius-sm)',\n            color: 'var(--fg-muted)',\n            cursor: 'pointer',\n          }}\n        >\n          <X size={10} aria-hidden=\"true\" />\n        </button>\n      )}\n    </span>\n  );\n});"],"names":["TONE_BG","TONE_BORDER","Chip","forwardRef","props","ref","tone","selected","onRemove","children","className","style","rest","isInteractive","jsxs","cx","jsx","e","X"],"mappings":"4FAqBA,MAAMA,EAA0D,CAC9D,QAAS,mBACT,KAAM,yDACN,QAAS,4DACT,QAAS,4DACT,OAAQ,2DACR,OAAQ,0DACV,EAEMC,EAA8D,CAClE,QAAS,gBACT,KAAM,sDACN,QAAS,yDACT,QAAS,yDACT,OAAQ,wDACR,OAAQ,uDACV,EAEaC,EAAOC,EAAAA,WAAuC,SAAcC,EAAOC,EAAK,CACnF,KAAM,CAAE,KAAAC,EAAO,UAAW,SAAAC,EAAU,SAAAC,EAAU,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAASR,EAChFS,EAAgBN,IAAa,QAAaC,IAAa,OAC7D,OACEM,EAAAA,KAAC,OAAA,CACC,IAAAT,EACA,UAAWU,EAAG,UAAW,YAAYT,CAAI,GAAIC,IAAa,IAAQ,cAAeG,CAAS,EAC1F,MAAO,CACL,QAAS,cACT,WAAY,SACZ,IAAK,iBACL,OAAQ,GACR,QAAS,QACT,WAAYH,IAAa,GAAO,2DAA6DP,EAAQM,CAAI,EACzG,OAAQ,YACR,YAAaC,IAAa,GAAO,gBAAkBN,EAAYK,CAAI,EACnE,aAAc,qBACd,SAAU,eACV,WAAY,IACZ,MAAOC,IAAa,GAAO,gBAAkB,YAC7C,OAAQM,IAAkB,GAAO,UAAY,UAC7C,WAAY,SACZ,GAAGF,CAAA,EAEJ,GAAGC,EAEH,SAAA,CAAAH,EACAD,IAAa,QACZQ,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAAUC,GAAM,CACdA,EAAE,gBAAA,EACFT,EAAA,CACF,EACA,aAAW,SACX,MAAO,CACL,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,MAAO,GACP,OAAQ,GACR,WAAY,EACZ,YAAa,GACb,QAAS,EACT,WAAY,cACZ,OAAQ,EACR,aAAc,mBACd,MAAO,kBACP,OAAQ,SAAA,EAGV,SAAAQ,EAAAA,IAACE,EAAA,CAAE,KAAM,GAAI,cAAY,MAAA,CAAO,CAAA,CAAA,CAClC,CAAA,CAAA,CAIR,CAAC"}

package/bizar-dash/dist/assets/{ClaudeSessionsView-H3Bqjo6b.js → ClaudeSessionsView-CiaHQdDZ.js}

@@ -1 +1 @@
-import{r,j as e}from"./cmdk-DVxytz9i.js";import{u as D,S as j,I as g,d as c,h as z,i as S,F as C,O as F}from"./main-CyAIirBB.js";import{V as P}from"./ViewHeader-V_SzbUpw.js";import{C as R,b as T}from"./Card-D9019JOD.js";import{I as b}from"./Input-BSa3lh_-.js";import{S as $,a as k,b as O}from"./Sheet-Cztsvgse.js";import{E as A}from"./EmptyState-DLmtBX_6.js";import{M as B}from"./MessageBubble-5vUAquDx.js";import{R as E}from"./refresh-ccw-BCXx86xp.js";import{S as N}from"./send-DyBhyk8t.js";import{P as M}from"./plus-fFxt-8z5.js";import{P as V}from"./pencil-BUJ2DpWs.js";import{T as H}from"./trash-2-2NsyTU8c.js";function W({sessionId:a}){var t;const m=`/api/claude-sessions/${a}/messages`,l=D(m),[u,n]=r.useState(""),[d,o]=r.useState("general"),[h,i]=r.useState(!1),[x,f]=r.useState(null),v=r.useCallback(()=>{l.refetch()},[l]),p=((t=l.data)==null?void 0:t.messages)??[],y=async()=>{const s=u.trim();if(!(!s||!d.trim()||h)){i(!0),f(null);try{await S(`/api/claude-sessions/${a}/send`,{method:"POST",body:{message:s,agent:d.trim()}}),n(""),window.setTimeout(()=>{v()},750)}catch(w){f((w instanceof C,w.message))}finally{i(!1)}}};return e.jsxs(j,{gap:3,style:{padding:"var(--space-4)"},"data-testid":`claude-session-detail-${a}`,children:[e.jsxs(g,{align:"center",justify:"between",gap:2,children:[e.jsx("strong",{style:{fontFamily:"var(--font-mono)",fontSize:"var(--fs-12)"},children:a}),e.jsxs(c,{variant:"ghost",onClick:()=>void v(),"data-testid":`claude-session-detail-refresh-${a}`,children:[e.jsx(E,{size:14,"aria-hidden":!0})," Refresh"]})]}),e.jsx(R,{variant:"default",children:e.jsx(T,{children:l.loading&&p.length===0?e.jsx(z,{style:{height:120}}):p.length===0?e.jsx("span",{style:{color:"var(--fg-muted)",fontSize:"var(--fs-12)"},children:"No messages yet — start with a follow-up."}):e.jsx(j,{gap:1,children:p.map(s=>e.jsx(B,{message:s},s.id||`${s.ts}-${s.role}`))})})}),x!==null&&e.jsx("span",{role:"alert","data-testid":`claude-session-detail-error-${a}`,style:{color:"var(--danger)",fontSize:"var(--fs-12)"},children:x}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Agent"}),e.jsx(b,{value:d,"data-testid":`claude-session-detail-agent-${a}`,onChange:s=>o(s.target.value)})]}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Follow-up"}),e.jsx("textarea",{value:u,rows:4,"data-testid":`claude-session-detail-draft-${a}`,onChange:s=>n(s.target.value),style:{background:"var(--surface-0)",border:"1px solid var(--border)",borderRadius:"var(--radius-md)",padding:"var(--space-2)",color:"var(--fg)",fontFamily:"var(--font-sans)",fontSize:"var(--fs-13)",resize:"vertical"}})]}),e.jsx(g,{justify:"end",gap:2,children:e.jsxs(c,{variant:"primary",onClick:()=>void y(),disabled:h||u.trim()===""||d.trim()==="","data-testid":`claude-session-detail-send-${a}`,children:[e.jsx(N,{size:14,"aria-hidden":!0})," ",h?"Sending…":"Send"]})})]})}function te(){var h;const a=D("/api/claude-sessions"),[m,l]=r.useState(!1),[u,n]=r.useState(null),d=((h=a.data)==null?void 0:h.sessions)??[],o=r.useCallback(()=>{a.refetch()},[a]);return e.jsxs(j,{gap:4,"data-testid":"claude-sessions-view",children:[e.jsx(P,{title:"Claude sessions",description:"Claude Code session explorer. Each row is a session directory under ~/.claude/sessions/.",actions:e.jsxs(g,{align:"center",gap:2,children:[e.jsxs(c,{variant:"ghost",onClick:()=>void o(),"data-testid":"claude-sessions-refresh",children:[e.jsx(E,{size:14,"aria-hidden":!0})," Refresh"]}),e.jsxs(c,{variant:"primary",onClick:()=>l(!0),"data-testid":"claude-sessions-new",children:[e.jsx(M,{size:14,"aria-hidden":!0})," New session"]})]})}),e.jsx(R,{variant:"default",children:e.jsx(T,{children:a.loading&&d.length===0?e.jsxs(j,{gap:2,children:[e.jsx(z,{style:{height:36}}),e.jsx(z,{style:{height:36}})]}):d.length===0?e.jsx(A,{icon:e.jsx(F,{size:28,"aria-hidden":!0}),title:"No Claude sessions",description:"Create one to start a multi-turn conversation with Claude Code."}):e.jsx(j,{gap:2,children:d.map(i=>e.jsx(q,{session:i,onRefresh:o,onOpen:n},i.id))})})}),e.jsx($,{open:m,onOpenChange:l,children:e.jsx(k,{side:"right",title:"New Claude session",description:"Spawn a Claude Code session via the runner.",children:e.jsx(J,{onCreated:i=>{l(!1),o(),n(i)},onCancel:()=>l(!1)})})}),e.jsx($,{open:u!==null,onOpenChange:i=>{i||n(null)},children:e.jsx(k,{side:"right",title:"Session detail",description:u??"",children:u!==null&&e.jsx(W,{sessionId:u})})})]})}function q({session:a,onRefresh:m,onOpen:l}){const[u,n]=r.useState(!1),[d,o]=r.useState(a.title??""),[h,i]=r.useState(!1),[x,f]=r.useState(null),v=async()=>{if(d.trim()){f(null);try{await S(`/api/claude-sessions/${a.id}`,{method:"PATCH",body:{title:d.trim()}}),n(!1),m()}catch(t){f((t instanceof C,t.message))}}},p=async t=>{f(null);try{await S(`/api/claude-sessions/${t}/resume`,{method:"POST",body:{}})}catch(s){f((s instanceof C,s.message))}},y=async()=>{f(null);try{await S(`/api/claude-sessions/${a.id}`,{method:"DELETE"}),i(!1),m()}catch(t){f((t instanceof C,t.message))}};return e.jsxs("div",{"data-testid":`claude-session-row-${a.id}`,style:{padding:"var(--space-3)",borderRadius:"var(--radius-md)",border:"1px solid var(--border)",background:"var(--surface-0)"},children:[e.jsxs(g,{align:"center",justify:"between",gap:3,children:[e.jsxs(j,{gap:1,style:{minWidth:0,flex:1},children:[u?e.jsxs(g,{gap:1,children:[e.jsx(b,{value:d,"data-testid":`claude-session-rename-input-${a.id}`,onChange:t=>o(t.target.value)}),e.jsx(c,{variant:"primary",onClick:()=>void v(),"data-testid":`claude-session-rename-submit-${a.id}`,children:"Save"}),e.jsx(c,{variant:"ghost",onClick:()=>{n(!1),o(a.title??"")},children:"Cancel"})]}):e.jsxs(g,{align:"center",gap:2,children:[e.jsx("strong",{style:{fontSize:"var(--fs-13)"},children:a.title||a.id}),a.agent&&e.jsxs("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)",fontFamily:"var(--font-mono)"},children:["@",a.agent]})]}),e.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:a.id}),x!==null&&e.jsx("span",{role:"alert",style:{color:"var(--danger)",fontSize:"var(--fs-12)"},children:x})]}),e.jsxs(g,{gap:1,children:[e.jsx(c,{variant:"primary",onClick:()=>void p(a.id),"data-testid":`claude-session-resume-${a.id}`,"aria-label":`Resume ${a.id}`,children:"Resume"}),e.jsx(c,{variant:"ghost",onClick:()=>l(a.id),"data-testid":`claude-session-open-${a.id}`,children:"Open"}),e.jsx(c,{variant:"ghost",onClick:()=>{n(!0),o(a.title??"")},"data-testid":`claude-session-rename-${a.id}`,"aria-label":`Rename session ${a.id}`,children:e.jsx(V,{size:14,"aria-hidden":!0})}),e.jsx(c,{variant:"ghost",onClick:()=>i(t=>!t),"data-testid":`claude-session-delete-${a.id}`,"aria-label":`Delete session ${a.id}`,children:e.jsx(H,{size:14,"aria-hidden":!0})})]})]}),h&&e.jsxs(g,{gap:1,style:{marginTop:"var(--space-2)"},children:[e.jsx(c,{variant:"danger",onClick:()=>void y(),"data-testid":`claude-session-confirm-delete-${a.id}`,children:"Confirm delete"}),e.jsx(c,{variant:"ghost",onClick:()=>i(!1),"data-testid":`claude-session-cancel-delete-${a.id}`,children:"Cancel"})]})]})}function J({onCreated:a,onCancel:m}){const[l,u]=r.useState(""),[n,d]=r.useState("general"),[o,h]=r.useState(""),[i,x]=r.useState(""),[f,v]=r.useState(!1),[p,y]=r.useState(null),t=async()=>{if(!(!n.trim()||!o.trim()||f)){v(!0),y(null);try{const s=await S("/api/claude-sessions/new",{method:"POST",body:{title:l.trim()||null,agent:n.trim(),prompt:o.trim(),directory:i.trim()||void 0}});a(s.id)}catch(s){y((s instanceof C,s.message))}finally{v(!1)}}};return e.jsxs(j,{gap:3,style:{padding:"var(--space-4)"},children:[e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Title (optional)"}),e.jsx(b,{value:l,"data-testid":"claude-sessions-new-title",onChange:s=>u(s.target.value)})]}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Agent"}),e.jsx(b,{value:n,"data-testid":"claude-sessions-new-agent",onChange:s=>d(s.target.value)})]}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Seed prompt"}),e.jsx("textarea",{value:o,rows:4,"data-testid":"claude-sessions-new-prompt",onChange:s=>h(s.target.value),style:{background:"var(--surface-0)",border:"1px solid var(--border)",borderRadius:"var(--radius-md)",padding:"var(--space-2)",color:"var(--fg)",fontFamily:"var(--font-sans)",fontSize:"var(--fs-13)",resize:"vertical"}})]}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Working directory (optional)"}),e.jsx(b,{value:i,"data-testid":"claude-sessions-new-directory",onChange:s=>x(s.target.value)})]}),p!==null&&e.jsx("span",{role:"alert","data-testid":"claude-sessions-new-error",style:{color:"var(--danger)",fontSize:"var(--fs-12)"},children:p}),e.jsxs(g,{justify:"end",gap:2,children:[e.jsx(O,{asChild:!0,children:e.jsx(c,{variant:"ghost",onClick:m,"data-testid":"claude-sessions-new-cancel",children:"Cancel"})}),e.jsx(c,{variant:"primary",onClick:()=>void t(),disabled:f||!n.trim()||!o.trim(),"data-testid":"claude-sessions-new-submit",children:"Create"})]})]})}export{te as ClaudeSessionsView};
+import{r,j as e}from"./cmdk-DVxytz9i.js";import{u as D,S as j,I as g,d as c,h as z,i as S,F as C,O as F}from"./main-Cxeu4LhG.js";import{V as P}from"./ViewHeader-B6P-C4GD.js";import{C as R,b as T}from"./Card-rF59wHiO.js";import{I as b}from"./Input-CZmRw5QX.js";import{S as $,a as k,b as O}from"./Sheet-BOProMs2.js";import{E as A}from"./EmptyState-D65J5FQN.js";import{M as B}from"./MessageBubble-5vUAquDx.js";import{R as E}from"./refresh-ccw-DenGBOcq.js";import{S as N}from"./send-yz6HFZM5.js";import{P as M}from"./plus-77h62zZm.js";import{P as V}from"./pencil-DVrBlYV3.js";import{T as H}from"./trash-2-Cv7U38jw.js";function W({sessionId:a}){var t;const m=`/api/claude-sessions/${a}/messages`,l=D(m),[u,n]=r.useState(""),[d,o]=r.useState("general"),[h,i]=r.useState(!1),[x,f]=r.useState(null),v=r.useCallback(()=>{l.refetch()},[l]),p=((t=l.data)==null?void 0:t.messages)??[],y=async()=>{const s=u.trim();if(!(!s||!d.trim()||h)){i(!0),f(null);try{await S(`/api/claude-sessions/${a}/send`,{method:"POST",body:{message:s,agent:d.trim()}}),n(""),window.setTimeout(()=>{v()},750)}catch(w){f((w instanceof C,w.message))}finally{i(!1)}}};return e.jsxs(j,{gap:3,style:{padding:"var(--space-4)"},"data-testid":`claude-session-detail-${a}`,children:[e.jsxs(g,{align:"center",justify:"between",gap:2,children:[e.jsx("strong",{style:{fontFamily:"var(--font-mono)",fontSize:"var(--fs-12)"},children:a}),e.jsxs(c,{variant:"ghost",onClick:()=>void v(),"data-testid":`claude-session-detail-refresh-${a}`,children:[e.jsx(E,{size:14,"aria-hidden":!0})," Refresh"]})]}),e.jsx(R,{variant:"default",children:e.jsx(T,{children:l.loading&&p.length===0?e.jsx(z,{style:{height:120}}):p.length===0?e.jsx("span",{style:{color:"var(--fg-muted)",fontSize:"var(--fs-12)"},children:"No messages yet — start with a follow-up."}):e.jsx(j,{gap:1,children:p.map(s=>e.jsx(B,{message:s},s.id||`${s.ts}-${s.role}`))})})}),x!==null&&e.jsx("span",{role:"alert","data-testid":`claude-session-detail-error-${a}`,style:{color:"var(--danger)",fontSize:"var(--fs-12)"},children:x}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Agent"}),e.jsx(b,{value:d,"data-testid":`claude-session-detail-agent-${a}`,onChange:s=>o(s.target.value)})]}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Follow-up"}),e.jsx("textarea",{value:u,rows:4,"data-testid":`claude-session-detail-draft-${a}`,onChange:s=>n(s.target.value),style:{background:"var(--surface-0)",border:"1px solid var(--border)",borderRadius:"var(--radius-md)",padding:"var(--space-2)",color:"var(--fg)",fontFamily:"var(--font-sans)",fontSize:"var(--fs-13)",resize:"vertical"}})]}),e.jsx(g,{justify:"end",gap:2,children:e.jsxs(c,{variant:"primary",onClick:()=>void y(),disabled:h||u.trim()===""||d.trim()==="","data-testid":`claude-session-detail-send-${a}`,children:[e.jsx(N,{size:14,"aria-hidden":!0})," ",h?"Sending…":"Send"]})})]})}function te(){var h;const a=D("/api/claude-sessions"),[m,l]=r.useState(!1),[u,n]=r.useState(null),d=((h=a.data)==null?void 0:h.sessions)??[],o=r.useCallback(()=>{a.refetch()},[a]);return e.jsxs(j,{gap:4,"data-testid":"claude-sessions-view",children:[e.jsx(P,{title:"Claude sessions",description:"Claude Code session explorer. Each row is a session directory under ~/.claude/sessions/.",actions:e.jsxs(g,{align:"center",gap:2,children:[e.jsxs(c,{variant:"ghost",onClick:()=>void o(),"data-testid":"claude-sessions-refresh",children:[e.jsx(E,{size:14,"aria-hidden":!0})," Refresh"]}),e.jsxs(c,{variant:"primary",onClick:()=>l(!0),"data-testid":"claude-sessions-new",children:[e.jsx(M,{size:14,"aria-hidden":!0})," New session"]})]})}),e.jsx(R,{variant:"default",children:e.jsx(T,{children:a.loading&&d.length===0?e.jsxs(j,{gap:2,children:[e.jsx(z,{style:{height:36}}),e.jsx(z,{style:{height:36}})]}):d.length===0?e.jsx(A,{icon:e.jsx(F,{size:28,"aria-hidden":!0}),title:"No Claude sessions",description:"Create one to start a multi-turn conversation with Claude Code."}):e.jsx(j,{gap:2,children:d.map(i=>e.jsx(q,{session:i,onRefresh:o,onOpen:n},i.id))})})}),e.jsx($,{open:m,onOpenChange:l,children:e.jsx(k,{side:"right",title:"New Claude session",description:"Spawn a Claude Code session via the runner.",children:e.jsx(J,{onCreated:i=>{l(!1),o(),n(i)},onCancel:()=>l(!1)})})}),e.jsx($,{open:u!==null,onOpenChange:i=>{i||n(null)},children:e.jsx(k,{side:"right",title:"Session detail",description:u??"",children:u!==null&&e.jsx(W,{sessionId:u})})})]})}function q({session:a,onRefresh:m,onOpen:l}){const[u,n]=r.useState(!1),[d,o]=r.useState(a.title??""),[h,i]=r.useState(!1),[x,f]=r.useState(null),v=async()=>{if(d.trim()){f(null);try{await S(`/api/claude-sessions/${a.id}`,{method:"PATCH",body:{title:d.trim()}}),n(!1),m()}catch(t){f((t instanceof C,t.message))}}},p=async t=>{f(null);try{await S(`/api/claude-sessions/${t}/resume`,{method:"POST",body:{}})}catch(s){f((s instanceof C,s.message))}},y=async()=>{f(null);try{await S(`/api/claude-sessions/${a.id}`,{method:"DELETE"}),i(!1),m()}catch(t){f((t instanceof C,t.message))}};return e.jsxs("div",{"data-testid":`claude-session-row-${a.id}`,style:{padding:"var(--space-3)",borderRadius:"var(--radius-md)",border:"1px solid var(--border)",background:"var(--surface-0)"},children:[e.jsxs(g,{align:"center",justify:"between",gap:3,children:[e.jsxs(j,{gap:1,style:{minWidth:0,flex:1},children:[u?e.jsxs(g,{gap:1,children:[e.jsx(b,{value:d,"data-testid":`claude-session-rename-input-${a.id}`,onChange:t=>o(t.target.value)}),e.jsx(c,{variant:"primary",onClick:()=>void v(),"data-testid":`claude-session-rename-submit-${a.id}`,children:"Save"}),e.jsx(c,{variant:"ghost",onClick:()=>{n(!1),o(a.title??"")},children:"Cancel"})]}):e.jsxs(g,{align:"center",gap:2,children:[e.jsx("strong",{style:{fontSize:"var(--fs-13)"},children:a.title||a.id}),a.agent&&e.jsxs("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)",fontFamily:"var(--font-mono)"},children:["@",a.agent]})]}),e.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:a.id}),x!==null&&e.jsx("span",{role:"alert",style:{color:"var(--danger)",fontSize:"var(--fs-12)"},children:x})]}),e.jsxs(g,{gap:1,children:[e.jsx(c,{variant:"primary",onClick:()=>void p(a.id),"data-testid":`claude-session-resume-${a.id}`,"aria-label":`Resume ${a.id}`,children:"Resume"}),e.jsx(c,{variant:"ghost",onClick:()=>l(a.id),"data-testid":`claude-session-open-${a.id}`,children:"Open"}),e.jsx(c,{variant:"ghost",onClick:()=>{n(!0),o(a.title??"")},"data-testid":`claude-session-rename-${a.id}`,"aria-label":`Rename session ${a.id}`,children:e.jsx(V,{size:14,"aria-hidden":!0})}),e.jsx(c,{variant:"ghost",onClick:()=>i(t=>!t),"data-testid":`claude-session-delete-${a.id}`,"aria-label":`Delete session ${a.id}`,children:e.jsx(H,{size:14,"aria-hidden":!0})})]})]}),h&&e.jsxs(g,{gap:1,style:{marginTop:"var(--space-2)"},children:[e.jsx(c,{variant:"danger",onClick:()=>void y(),"data-testid":`claude-session-confirm-delete-${a.id}`,children:"Confirm delete"}),e.jsx(c,{variant:"ghost",onClick:()=>i(!1),"data-testid":`claude-session-cancel-delete-${a.id}`,children:"Cancel"})]})]})}function J({onCreated:a,onCancel:m}){const[l,u]=r.useState(""),[n,d]=r.useState("general"),[o,h]=r.useState(""),[i,x]=r.useState(""),[f,v]=r.useState(!1),[p,y]=r.useState(null),t=async()=>{if(!(!n.trim()||!o.trim()||f)){v(!0),y(null);try{const s=await S("/api/claude-sessions/new",{method:"POST",body:{title:l.trim()||null,agent:n.trim(),prompt:o.trim(),directory:i.trim()||void 0}});a(s.id)}catch(s){y((s instanceof C,s.message))}finally{v(!1)}}};return e.jsxs(j,{gap:3,style:{padding:"var(--space-4)"},children:[e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Title (optional)"}),e.jsx(b,{value:l,"data-testid":"claude-sessions-new-title",onChange:s=>u(s.target.value)})]}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Agent"}),e.jsx(b,{value:n,"data-testid":"claude-sessions-new-agent",onChange:s=>d(s.target.value)})]}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Seed prompt"}),e.jsx("textarea",{value:o,rows:4,"data-testid":"claude-sessions-new-prompt",onChange:s=>h(s.target.value),style:{background:"var(--surface-0)",border:"1px solid var(--border)",borderRadius:"var(--radius-md)",padding:"var(--space-2)",color:"var(--fg)",fontFamily:"var(--font-sans)",fontSize:"var(--fs-13)",resize:"vertical"}})]}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Working directory (optional)"}),e.jsx(b,{value:i,"data-testid":"claude-sessions-new-directory",onChange:s=>x(s.target.value)})]}),p!==null&&e.jsx("span",{role:"alert","data-testid":"claude-sessions-new-error",style:{color:"var(--danger)",fontSize:"var(--fs-12)"},children:p}),e.jsxs(g,{justify:"end",gap:2,children:[e.jsx(O,{asChild:!0,children:e.jsx(c,{variant:"ghost",onClick:m,"data-testid":"claude-sessions-new-cancel",children:"Cancel"})}),e.jsx(c,{variant:"primary",onClick:()=>void t(),disabled:f||!n.trim()||!o.trim(),"data-testid":"claude-sessions-new-submit",children:"Create"})]})]})}export{te as ClaudeSessionsView};