@workerdeck/ui 1.0.0 → 1.2.0

package/build/workspace.d.mts

@@ -1,9 +1,7 @@
-import { r as SessionPanelProps } from "./SessionPanel-E_L_ldQ5.mjs";
-import * as _$react from "react";
+import { r as SessionPanelProps } from "./SessionPanel-yNO60Tzw.mjs";
 import { CSSProperties } from "react";
 import { OpenFile, UseHostFileSearchResult, UseHostFileTreeResult } from "@workerdeck/react";
 import { WorkerDeckClient } from "@workerdeck/client";
-
 //#region src/components/agent/SessionWorkspace.d.ts
 interface SessionWorkspaceProps {
   client: WorkerDeckClient;
@@ -34,32 +32,7 @@ interface SessionWorkspaceProps {
   }) => void;
   className?: string;
 }
-declare function SessionWorkspace({
-  client,
-  sessionId,
-  header,
-  transcriptVariant,
-  transcriptDensity,
-  transcriptFont,
-  scrubber,
-  bookmarks,
-  onToggleBookmark,
-  stickyPrompt,
-  openSubagent,
-  reveal,
-  onSubagentChange,
-  statusPlacement,
-  controlsSurface,
-  fontSize,
-  onLinkClick,
-  unseen,
-  readOnly,
-  onVitals,
-  defaultRailWidth,
-  defaultRailCollapsed,
-  onRailChange,
-  className
-}: SessionWorkspaceProps): _$react.JSX.Element;
+declare function SessionWorkspace({ client, sessionId, header, transcriptVariant, transcriptDensity, transcriptFont, scrubber, bookmarks, onToggleBookmark, stickyPrompt, openSubagent, reveal, onSubagentChange, statusPlacement, controlsSurface, fontSize, onLinkClick, unseen, readOnly, onVitals, defaultRailWidth, defaultRailCollapsed, onRailChange, className }: SessionWorkspaceProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/FileTree.d.ts
 interface FileTreeProps {
@@ -71,15 +44,7 @@ interface FileTreeProps {
   style?: CSSProperties;
   className?: string;
 }
-declare function FileTree({
-  tree,
-  search,
-  activePath,
-  onOpenFile,
-  onCollapse,
-  style,
-  className
-}: FileTreeProps): _$react.JSX.Element;
+declare function FileTree({ tree, search, activePath, onOpenFile, onCollapse, style, className }: FileTreeProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/EditorTabs.d.ts
 interface EditorTabsProps {
@@ -89,13 +54,7 @@ interface EditorTabsProps {
   onClose: (path: string) => void;
   className?: string;
 }
-declare function EditorTabs({
-  files,
-  activePath,
-  onActivate,
-  onClose,
-  className
-}: EditorTabsProps): _$react.JSX.Element;
+declare function EditorTabs({ files, activePath, onActivate, onClose, className }: EditorTabsProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/agent/FileViewer.d.ts
 interface FileViewerProps {
@@ -109,17 +68,7 @@ interface FileViewerProps {
   onDismissConflict?: (path: string) => void;
   className?: string;
 }
-declare function FileViewer({
-  file,
-  canWrite,
-  onChange,
-  onSave,
-  onRevert,
-  onReload,
-  onOverwrite,
-  onDismissConflict,
-  className
-}: FileViewerProps): _$react.JSX.Element | null;
+declare function FileViewer({ file, canWrite, onChange, onSave, onRevert, onReload, onOverwrite, onDismissConflict, className }: FileViewerProps): import("react").JSX.Element | null;
 //#endregion
 //#region src/components/agent/CodeEditor.d.ts
 interface CodeEditorProps {
@@ -130,14 +79,7 @@ interface CodeEditorProps {
   readOnly?: boolean;
   className?: string;
 }
-declare function CodeEditor({
-  path,
-  value,
-  onChange,
-  onSave,
-  readOnly,
-  className
-}: CodeEditorProps): _$react.JSX.Element;
+declare function CodeEditor({ path, value, onChange, onSave, readOnly, className }: CodeEditorProps): import("react").JSX.Element;
 //#endregion
 export { CodeEditor, type CodeEditorProps, EditorTabs, type EditorTabsProps, FileTree, type FileTreeProps, FileViewer, type FileViewerProps, SessionWorkspace, type SessionWorkspaceProps };
 //# sourceMappingURL=workspace.d.mts.map

package/build/workspace.mjs

@@ -1,5 +1,5 @@
-import { Bt as Input, Gt as cn, R as EntryIcon, Ut as Button, bt as TooltipProvider, ht as Spinner, pt as Splitter, t as SessionPanel, vt as Tip } from "./SessionPanel-DDgBkHsi.mjs";
-import { f as formatBytes } from "./status-C0HSLZas.mjs";
+import { Bt as Input, Gt as cn, R as EntryIcon, Ut as Button, bt as TooltipProvider, ht as Spinner, pt as Splitter, t as SessionPanel, vt as Tip } from "./SessionPanel-DVhnUwXw.mjs";
+import { p as formatBytes } from "./status-BW2xj79g.mjs";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, File, FileWarning, Folder, FolderOpen, PanelLeftClose, PanelLeftOpen, RefreshCw, Search, TriangleAlert, X } from "lucide-react";
@@ -397,7 +397,8 @@ function languageOf(path) {
 	const name = path.slice(path.lastIndexOf("/") + 1);
 	const byName = FILENAME_LANGUAGES[name.toLowerCase()];
 	if (byName) return byName;
-	return EXTENSION_LANGUAGES[name.slice(name.lastIndexOf(".") + 1).toLowerCase()] ?? "plaintext";
+	const extension = name.slice(name.lastIndexOf(".") + 1).toLowerCase();
+	return EXTENSION_LANGUAGES[extension] ?? "plaintext";
 }
 const FILENAME_LANGUAGES = {
 	dockerfile: "dockerfile",

package/build/workspace.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"workspace.mjs","names":[],"sources":["../src/components/agent/EditorTabs.tsx","../src/components/agent/FileTree.tsx","../src/components/agent/CodeEditor.tsx","../src/components/agent/FileViewer.tsx","../src/components/agent/use-path-links.ts","../src/components/agent/SessionWorkspace.tsx"],"sourcesContent":["import { useEffect, useRef, type MouseEvent as ReactMouseEvent } from 'react'\nimport { isDirty, type OpenFile } from '@workerdeck/react'\nimport { X } from 'lucide-react'\nimport { cn } from '../../lib/utils.ts'\nimport { Tip, TooltipProvider } from '../ui/Tooltip.tsx'\nimport { formatBytes } from '../../lib/format.ts'\n\nexport interface EditorTabsProps {\n  files: OpenFile[]\n  activePath?: string\n  onActivate: (path: string) => void\n  onClose: (path: string) => void\n  className?: string\n}\n\nexport function EditorTabs({ files, activePath, onActivate, onClose, className }: EditorTabsProps) {\n  return (\n    <TooltipProvider delay={500} closeDelay={0}>\n      <div\n        data-slot=\"editor-tabs\"\n        role=\"tablist\"\n        aria-label=\"Open files\"\n        className={cn('flex shrink-0 items-stretch overflow-x-auto border-b border-border bg-surface', className)}\n      >\n        {files.map((file) => (\n          <Tab\n            key={file.path}\n            file={file}\n            active={file.path === activePath}\n            onActivate={() => onActivate(file.path)}\n            onClose={() => onClose(file.path)}\n            onArrow={(direction) => {\n              const index = files.findIndex((f) => f.path === file.path)\n              const next = files[index + direction]\n              if (next) {\n                onActivate(next.path)\n              }\n            }}\n          />\n        ))}\n      </div>\n    </TooltipProvider>\n  )\n}\n\nfunction Tab({\n  file,\n  active,\n  onActivate,\n  onClose,\n  onArrow,\n}: {\n  file: OpenFile\n  active: boolean\n  onActivate: () => void\n  onClose: () => void\n  onArrow: (direction: 1 | -1) => void\n}) {\n  const dirty = isDirty(file)\n  const ref = useRef<HTMLDivElement>(null)\n  useEffect(() => {\n    if (active) {\n      ref.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' })\n    }\n  }, [active])\n\n  const onAuxClick = (event: ReactMouseEvent) => {\n    if (event.button !== 1) {\n      return\n    }\n    event.preventDefault()\n    onClose()\n  }\n\n  return (\n    <Tip\n      side=\"bottom\"\n      render={\n        <div\n          ref={ref}\n          role=\"tab\"\n          tabIndex={active ? 0 : -1}\n          aria-selected={active}\n          onClick={onActivate}\n          onAuxClick={onAuxClick}\n          onKeyDown={(event) => {\n            if (event.key === 'ArrowRight') {\n              onArrow(1)\n            } else if (event.key === 'ArrowLeft') {\n              onArrow(-1)\n            } else if (event.key === 'Enter' || event.key === ' ') {\n              onActivate()\n            } else {\n              return\n            }\n            event.preventDefault()\n          }}\n          className={cn(\n            'group flex min-w-0 shrink-0 cursor-pointer items-center gap-1.5 border-r border-border px-3 py-1.5 transition-colors',\n            'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent focus-visible:ring-inset',\n            active ? 'bg-bg text-fg-1' : 'text-fg-3 hover:bg-surface-hover hover:text-fg-2',\n          )}\n        />\n      }\n      content={\n        <span className=\"flex flex-col gap-0.5\">\n          <span className=\"font-mono break-all\">{file.path}</span>\n          {file.bytes !== undefined ? <span className=\"text-fg-4\">{formatBytes(file.bytes)}</span> : null}\n        </span>\n      }\n    >\n      <span className={cn('max-w-40 truncate font-mono text-label', dirty && 'italic')}>{file.name}</span>\n      {file.status === 'error' ? <span className=\"shrink-0 text-danger\">!</span> : null}\n      <button\n        type=\"button\"\n        aria-label={dirty ? `Close ${file.name} (unsaved changes)` : `Close ${file.name}`}\n        onClick={(event) => {\n          event.stopPropagation()\n          onClose()\n        }}\n        className={cn(\n          'shrink-0 rounded p-0.5 text-fg-4 transition-opacity hover:bg-surface-hover hover:text-fg-1',\n          active || dirty ? 'opacity-70' : 'opacity-0 group-hover:opacity-70 focus-visible:opacity-100',\n        )}\n      >\n        <span className={cn('block', dirty && 'group-hover:hidden')}>\n          {dirty ? <span className=\"block size-3 rounded-full bg-fg-2\" /> : <X className=\"size-3\" />}\n        </span>\n        {dirty ? (\n          <span className=\"hidden group-hover:block\">\n            <X className=\"size-3\" />\n          </span>\n        ) : null}\n      </button>\n    </Tip>\n  )\n}\n","import { useEffect, useRef, useState, type CSSProperties, type ReactNode } from 'react'\nimport type { UseHostFileSearchResult, UseHostFileTreeResult } from '@workerdeck/react'\nimport type { HostFileMatch } from '@workerdeck/protocol'\nimport { ChevronRight, File, Folder, FolderOpen, PanelLeftClose, RefreshCw, Search, X } from 'lucide-react'\nimport { cn } from '../../lib/utils.ts'\nimport { Button } from '../ui/Button.tsx'\nimport { Input } from '../ui/Input.tsx'\nimport { Spinner } from '../ui/Spinner.tsx'\nimport { EntryIcon } from './EntryIcon.tsx'\n\nexport interface FileTreeProps {\n  tree: UseHostFileTreeResult\n  search?: UseHostFileSearchResult\n  activePath?: string\n  onOpenFile: (path: string) => void\n  onCollapse?: () => void\n  style?: CSSProperties\n  className?: string\n}\n\nconst INDENT = 12\n\nexport function FileTree({ tree, search, activePath, onOpenFile, onCollapse, style, className }: FileTreeProps) {\n  const [query, setQuery] = useState('')\n  const [matches, setMatches] = useState<HostFileMatch[] | undefined>()\n  const searching = query.trim().length > 0\n\n  useEffect(() => {\n    if (!search?.available) {\n      return\n    }\n    const q = query.trim()\n    if (!q) {\n      setMatches(undefined)\n      return\n    }\n    const controller = new AbortController()\n    const timer = setTimeout(() => {\n      void search.search(q, { limit: 60, signal: controller.signal }).then((found) => {\n        if (!controller.signal.aborted) {\n          setMatches(found)\n        }\n      })\n    }, 150)\n    return () => {\n      controller.abort()\n      clearTimeout(timer)\n    }\n  }, [search, query])\n\n  return (\n    <div data-slot=\"file-tree\" style={style} className={cn('flex min-h-0 min-w-0 flex-col bg-surface', className)}>\n      <div className=\"flex items-center gap-1 px-2 pt-2\">\n        {search?.available ? (\n          <div className=\"relative min-w-0 flex-1\">\n            <Search className=\"absolute top-1/2 left-2 size-3.5 -translate-y-1/2 text-fg-4\" />\n            <Input\n              value={query}\n              onChange={(e) => setQuery(e.target.value)}\n              placeholder=\"Search files…\"\n              className=\"h-7 pr-7 pl-7 text-label\"\n              spellCheck={false}\n            />\n            {searching ? (\n              <button\n                type=\"button\"\n                onClick={() => setQuery('')}\n                aria-label=\"Clear search\"\n                className=\"absolute top-1/2 right-1.5 -translate-y-1/2 text-fg-4 transition-colors hover:text-fg-2\"\n              >\n                <X className=\"size-3.5\" />\n              </button>\n            ) : null}\n          </div>\n        ) : (\n          <span className=\"min-w-0 flex-1 truncate px-1 text-label text-fg-4\">{tree.root}</span>\n        )}\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Refresh the file tree\" onClick={() => tree.refresh()}>\n          <RefreshCw className=\"size-3.5 text-fg-3\" />\n        </Button>\n        {onCollapse ? (\n          <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Hide project files\" onClick={onCollapse}>\n            <PanelLeftClose className=\"size-3.5 text-fg-3\" />\n          </Button>\n        ) : null}\n      </div>\n\n      <div className=\"min-h-0 flex-1 overflow-auto px-1 py-1\">\n        {tree.error ? (\n          <p className=\"px-2 py-3 text-body-sm text-danger\">{tree.error}</p>\n        ) : searching ? (\n          matches === undefined ? (\n            <div className=\"py-6 text-center\">\n              <Spinner className=\"size-4 text-fg-4\" />\n            </div>\n          ) : matches.length === 0 ? (\n            <p className=\"px-2 py-6 text-center text-body-sm text-fg-4\">No matching files.</p>\n          ) : (\n            <ul>\n              {matches.map((match) => (\n                <li key={match.path}>\n                  <Row\n                    label={fileName(match.relative)}\n                    detail={directoryOf(match.relative)}\n                    title={match.relative}\n                    icon={<File className=\"size-3.5 shrink-0 text-fg-4\" />}\n                    active={match.path === activePath}\n                    onClick={() => onOpenFile(match.path)}\n                  />\n                </li>\n              ))}\n            </ul>\n          )\n        ) : tree.loading ? (\n          <div className=\"py-6 text-center\">\n            <Spinner className=\"size-4 text-fg-4\" />\n          </div>\n        ) : tree.rows.length === 0 ? (\n          <p className=\"px-2 py-6 text-center text-body-sm text-fg-4\">This project is empty.</p>\n        ) : (\n          <ul role=\"tree\" aria-label=\"Project files\">\n            {tree.rows.map((row) => (\n              <li key={row.entry.path} role=\"treeitem\" aria-expanded={row.expanded} aria-level={row.depth + 1}>\n                <Row\n                  label={row.entry.name}\n                  indent={row.depth}\n                  active={row.entry.path === activePath}\n                  icon={\n                    row.entry.type === 'dir' ? (\n                      row.loading ? (\n                        <Spinner className=\"size-3.5 shrink-0 text-fg-4\" />\n                      ) : row.expanded ? (\n                        <FolderOpen className=\"size-3.5 shrink-0 text-accent\" />\n                      ) : (\n                        <Folder className=\"size-3.5 shrink-0 text-accent\" />\n                      )\n                    ) : (\n                      <EntryIcon type={row.entry.type} />\n                    )\n                  }\n                  chevron={\n                    row.entry.type === 'dir' ? (\n                      <ChevronRight className={cn('size-3 shrink-0 text-fg-4 transition-transform', row.expanded && 'rotate-90')} />\n                    ) : undefined\n                  }\n                  onClick={() => (row.entry.type === 'dir' ? tree.toggle(row.entry.path) : onOpenFile(row.entry.path))}\n                />\n                {row.truncated ? (\n                  <p className=\"truncate py-0.5 text-label text-fg-4\" style={{ paddingLeft: (row.depth + 1) * INDENT + 22 }}>\n                    More entries than the server will return — use search.\n                  </p>\n                ) : null}\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n    </div>\n  )\n}\n\nfunction Row({\n  label,\n  detail,\n  title,\n  icon,\n  chevron,\n  indent = 0,\n  active,\n  onClick,\n}: {\n  label: string\n  detail?: string\n  title?: string\n  icon: ReactNode\n  chevron?: ReactNode\n  indent?: number\n  active?: boolean\n  onClick: () => void\n}) {\n  const ref = useRef<HTMLButtonElement>(null)\n  useEffect(() => {\n    if (active) {\n      ref.current?.scrollIntoView({ block: 'nearest' })\n    }\n  }, [active])\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      onClick={onClick}\n      title={title ?? label}\n      style={{ paddingLeft: indent * INDENT + 4 }}\n      className={cn(\n        'flex w-full items-center gap-1 rounded py-1 pr-2 text-left transition-colors',\n        active ? 'bg-surface-hover text-fg-1' : 'text-fg-2 hover:bg-surface-hover',\n      )}\n    >\n      <span className=\"flex size-3 shrink-0 items-center justify-center\">{chevron}</span>\n      {icon}\n      <span className=\"shrink-0 truncate text-label\">{label}</span>\n      {detail ? <span className=\"min-w-0 flex-1 truncate text-label text-fg-4\">{detail}</span> : null}\n    </button>\n  )\n}\n\nfunction fileName(relative: string): string {\n  return relative.slice(relative.lastIndexOf('/') + 1)\n}\n\nfunction directoryOf(relative: string): string | undefined {\n  const cut = relative.lastIndexOf('/')\n  return cut === -1 ? undefined : relative.slice(0, cut)\n}\n","import { useEffect, useRef, useState } from 'react'\nimport type * as Monaco from 'monaco-editor'\nimport { cn } from '../../lib/utils.ts'\nimport { Spinner } from '../ui/Spinner.tsx'\n\nexport interface CodeEditorProps {\n  path: string\n  value: string\n  onChange?: (value: string) => void\n  onSave?: () => void\n  readOnly?: boolean\n  className?: string\n}\n\nexport function CodeEditor({ path, value, onChange, onSave, readOnly, className }: CodeEditorProps) {\n  const host = useRef<HTMLDivElement>(null)\n  const editor = useRef<Monaco.editor.IStandaloneCodeEditor | null>(null)\n  const monaco = useRef<typeof Monaco | null>(null)\n  const [ready, setReady] = useState(false)\n  const theme = useDocumentTheme()\n\n  const handlers = useRef({ onChange, onSave })\n  handlers.current = { onChange, onSave }\n\n  useEffect(() => {\n    let disposed = false\n    void loadMonaco().then((api) => {\n      if (disposed || !host.current) {\n        return\n      }\n      monaco.current = api\n      const instance = api.editor.create(host.current, {\n        value,\n        language: languageOf(path),\n        readOnly,\n        automaticLayout: true,\n        theme: monacoTheme(document.documentElement.getAttribute('data-theme')),\n        minimap: { enabled: false },\n        scrollBeyondLastLine: false,\n        fontSize: 12,\n        lineHeight: 20,\n        fontFamily: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n        renderLineHighlight: 'line',\n        smoothScrolling: true,\n        padding: { top: 8, bottom: 8 },\n        scrollbar: { verticalScrollbarSize: 10, horizontalScrollbarSize: 10 },\n        wordBasedSuggestions: 'off',\n        quickSuggestions: false,\n      })\n      editor.current = instance\n      instance.onDidChangeModelContent(() => {\n        handlers.current.onChange?.(instance.getValue())\n      })\n      instance.addCommand(api.KeyMod.CtrlCmd | api.KeyCode.KeyS, () => {\n        handlers.current.onSave?.()\n      })\n      setReady(true)\n    })\n    return () => {\n      disposed = true\n      // The editor, never its models: a model is keyed by path and outlives this mount, which is what restores a reopened tab's undo stack.\n      editor.current?.dispose()\n      editor.current = null\n      setReady(false)\n    }\n  }, [])\n\n  useEffect(() => {\n    const api = monaco.current\n    const instance = editor.current\n    if (!api || !instance || !ready) {\n      return\n    }\n    const uri = api.Uri.parse(`workerdeck://host${path}`)\n    const model = api.editor.getModel(uri) ?? api.editor.createModel(value, languageOf(path), uri)\n    if (instance.getModel() !== model) {\n      instance.setModel(model)\n    }\n  }, [path, ready, value])\n\n  useEffect(() => {\n    const instance = editor.current\n    if (!instance || !ready) {\n      return\n    }\n    const model = instance.getModel()\n    if (!model || model.getValue() === value) {\n      return\n    }\n    model.pushEditOperations([], [{ range: model.getFullModelRange(), text: value }], () => null)\n  }, [value, ready])\n\n  useEffect(() => {\n    if (ready) {\n      editor.current?.updateOptions({ readOnly })\n    }\n  }, [readOnly, ready])\n\n  useEffect(() => {\n    if (ready) {\n      monaco.current?.editor.setTheme(monacoTheme(theme))\n    }\n  }, [theme, ready])\n\n  return (\n    <div className={cn('relative min-h-0 min-w-0 flex-1', className)}>\n      <div ref={host} className=\"absolute inset-0\" />\n      {!ready ? (\n        <div className=\"absolute inset-0 flex items-center justify-center bg-bg\">\n          <Spinner className=\"size-4 text-fg-4\" />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nfunction useDocumentTheme(): string | null {\n  const [theme, setTheme] = useState<string | null>(() =>\n    typeof document === 'undefined' ? null : document.documentElement.getAttribute('data-theme'),\n  )\n  useEffect(() => {\n    const root = document.documentElement\n    const sync = () => setTheme(root.getAttribute('data-theme'))\n    sync()\n    const observer = new MutationObserver(sync)\n    observer.observe(root, { attributes: true, attributeFilter: ['data-theme'] })\n    return () => observer.disconnect()\n  }, [])\n  return theme\n}\n\nfunction monacoTheme(theme: string | null): string {\n  return theme === 'light' ? 'wd-light' : 'wd-dark'\n}\n\nlet monacoPromise: Promise<typeof Monaco> | undefined\nfunction loadMonaco(): Promise<typeof Monaco> {\n  monacoPromise ??= (async () => {\n    const api = await import('monaco-editor')\n    api.editor.defineTheme('wd-dark', {\n      base: 'vs-dark',\n      inherit: true,\n      rules: [],\n      colors: { 'editor.background': '#00000000' },\n    })\n    api.editor.defineTheme('wd-light', {\n      base: 'vs',\n      inherit: true,\n      rules: [],\n      colors: { 'editor.background': '#00000000' },\n    })\n    return api\n  })()\n  return monacoPromise\n}\n\nfunction languageOf(path: string): string {\n  const name = path.slice(path.lastIndexOf('/') + 1)\n  const byName = FILENAME_LANGUAGES[name.toLowerCase()]\n  if (byName) {\n    return byName\n  }\n  const extension = name.slice(name.lastIndexOf('.') + 1).toLowerCase()\n  return EXTENSION_LANGUAGES[extension] ?? 'plaintext'\n}\n\nconst FILENAME_LANGUAGES: Record<string, string> = {\n  dockerfile: 'dockerfile',\n  makefile: 'plaintext',\n  '.gitignore': 'plaintext',\n  '.env': 'shell',\n}\n\nconst EXTENSION_LANGUAGES: Record<string, string> = {\n  ts: 'typescript',\n  tsx: 'typescript',\n  mts: 'typescript',\n  cts: 'typescript',\n  js: 'javascript',\n  jsx: 'javascript',\n  mjs: 'javascript',\n  cjs: 'javascript',\n  json: 'json',\n  jsonc: 'json',\n  md: 'markdown',\n  mdx: 'markdown',\n  css: 'css',\n  scss: 'scss',\n  less: 'less',\n  html: 'html',\n  htm: 'html',\n  xml: 'xml',\n  svg: 'xml',\n  yml: 'yaml',\n  yaml: 'yaml',\n  toml: 'plaintext',\n  sh: 'shell',\n  bash: 'shell',\n  zsh: 'shell',\n  fish: 'shell',\n  py: 'python',\n  rb: 'ruby',\n  rs: 'rust',\n  go: 'go',\n  swift: 'swift',\n  java: 'java',\n  kt: 'kotlin',\n  c: 'c',\n  h: 'c',\n  cpp: 'cpp',\n  cc: 'cpp',\n  hpp: 'cpp',\n  cs: 'csharp',\n  php: 'php',\n  sql: 'sql',\n  graphql: 'graphql',\n  gql: 'graphql',\n  lua: 'lua',\n  r: 'r',\n  pl: 'perl',\n  dart: 'dart',\n  scala: 'scala',\n  ini: 'ini',\n  cfg: 'ini',\n  conf: 'ini',\n  txt: 'plaintext',\n  log: 'plaintext',\n}\n","import type { ReactNode } from 'react'\nimport type { OpenFile } from '@workerdeck/react'\nimport { currentText, isDirty } from '@workerdeck/react'\nimport { FileWarning, TriangleAlert } from 'lucide-react'\nimport { cn } from '../../lib/utils.ts'\nimport { Button } from '../ui/Button.tsx'\nimport { Spinner } from '../ui/Spinner.tsx'\nimport { CodeEditor } from './CodeEditor.tsx'\n\nexport interface FileViewerProps {\n  file: OpenFile | undefined\n  canWrite?: boolean\n  onChange?: (path: string, content: string) => void\n  onSave?: (path: string) => void\n  onRevert?: (path: string) => void\n  onReload?: (path: string) => void\n  onOverwrite?: (path: string) => void\n  onDismissConflict?: (path: string) => void\n  className?: string\n}\n\nexport function FileViewer({\n  file,\n  canWrite,\n  onChange,\n  onSave,\n  onRevert,\n  onReload,\n  onOverwrite,\n  onDismissConflict,\n  className,\n}: FileViewerProps) {\n  if (!file) {\n    return null\n  }\n\n  return (\n    <div data-slot=\"file-viewer\" className={cn('flex min-h-0 min-w-0 flex-1 flex-col bg-bg', className)}>\n      {file.conflict ? (\n        <div className=\"flex shrink-0 flex-wrap items-center gap-2 border-b border-warning/40 bg-warning-bg px-3 py-2\">\n          <TriangleAlert className=\"size-3.5 shrink-0 text-warning\" />\n          <span className=\"min-w-0 flex-1 text-body-sm text-warning\">This file changed on disk since you opened it.</span>\n          <Button variant=\"outline\" size=\"xs\" onClick={() => onReload?.(file.path)}>\n            Use the version on disk\n          </Button>\n          <Button variant=\"outline\" size=\"xs\" onClick={() => onOverwrite?.(file.path)}>\n            Keep mine\n          </Button>\n          <Button variant=\"ghost\" size=\"xs\" onClick={() => onDismissConflict?.(file.path)}>\n            Dismiss\n          </Button>\n        </div>\n      ) : file.saveError ? (\n        <div className=\"flex shrink-0 items-center gap-2 border-b border-danger/40 bg-danger-bg px-3 py-2\">\n          <TriangleAlert className=\"size-3.5 shrink-0 text-danger\" />\n          <span className=\"min-w-0 flex-1 text-body-sm text-danger\">{file.saveError}</span>\n          <Button variant=\"ghost\" size=\"xs\" onClick={() => onDismissConflict?.(file.path)}>\n            Dismiss\n          </Button>\n        </div>\n      ) : null}\n\n      {file.status === 'loading' ? (\n        <Centred>\n          <Spinner className=\"size-4 text-fg-4\" />\n        </Centred>\n      ) : file.status === 'error' ? (\n        <Centred>\n          <TriangleAlert className=\"size-4 text-danger\" />\n          <p className=\"text-body-sm text-danger\">{file.error}</p>\n        </Centred>\n      ) : file.status === 'binary' ? (\n        <Centred>\n          <FileWarning className=\"size-4 text-fg-4\" />\n          <p className=\"text-body-sm text-fg-4\">This file isn’t text.</p>\n          <p className=\"text-label text-fg-4\">It can’t be edited here without corrupting it.</p>\n        </Centred>\n      ) : (\n        <CodeEditor\n          path={file.path}\n          value={currentText(file)}\n          readOnly={!canWrite}\n          onChange={onChange ? (content) => onChange(file.path, content) : undefined}\n          onSave={onSave ? () => onSave(file.path) : undefined}\n        />\n      )}\n\n      {file.status === 'ready' && (file.saving || isDirty(file) || !canWrite) ? (\n        <div className=\"flex shrink-0 items-center gap-2 border-t border-border px-3 py-1\">\n          {file.saving ? (\n            <>\n              <Spinner className=\"size-3 text-fg-4\" />\n              <span className=\"text-label text-fg-4\">Saving…</span>\n            </>\n          ) : !canWrite ? (\n            <span className=\"text-label text-fg-4\">Read-only — this gateway doesn’t allow writes.</span>\n          ) : (\n            <>\n              <span className=\"text-label text-fg-3\">Unsaved changes</span>\n              <span className=\"flex-1\" />\n              <Button variant=\"ghost\" size=\"xs\" onClick={() => onRevert?.(file.path)}>\n                Revert\n              </Button>\n              <Button variant=\"outline\" size=\"xs\" onClick={() => onSave?.(file.path)}>\n                Save\n                <span className=\"ml-1 text-fg-4\">⌘S</span>\n              </Button>\n            </>\n          )}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nfunction Centred({ children }: { children: ReactNode }) {\n  return <div className=\"flex min-h-0 flex-1 flex-col items-center justify-center gap-2 p-6\">{children}</div>\n}\n","import { useEffect, type RefObject } from 'react'\n\nexport type PathHit = { path: string; line?: number }\n\nconst LINKISH = 'wd-path-link'\n\nconst PATH_RE = /^(\\/[^\\s:'\"`()[\\]{}]+|[\\w.@~-]+(?:\\/[\\w.@~-]+)+)(?::(\\d+))?$/\nconst FILE_RE = /^([\\w.@-]+\\.[A-Za-z0-9]{1,10})(?::(\\d+))?$/\n\nconst COVERAGE = 0.6\n\nexport function matchPath(text: string, inCode: boolean): PathHit | undefined {\n  const trimmed = text.trim()\n  if (!trimmed || trimmed.endsWith('/')) {\n    return undefined\n  }\n  const hit = PATH_RE.exec(trimmed) ?? (inCode ? FILE_RE.exec(trimmed) : null)\n  if (!hit) {\n    return undefined\n  }\n  return { path: hit[1]!, line: hit[2] ? Number(hit[2]) : undefined }\n}\n\nfunction hitFor(element: HTMLElement | undefined): PathHit | undefined {\n  if (!element) {\n    return undefined\n  }\n  const inCode = element.closest('code') !== null\n  const text = element.textContent ?? ''\n  const hit = matchPath(text, inCode)\n  if (!hit) {\n    return undefined\n  }\n  if (!inCode && hit.path.length < text.trim().length * COVERAGE) {\n    return undefined\n  }\n  return hit\n}\n\nexport function usePathLinks({\n  container,\n  onOpen,\n  enabled = true,\n  ignore,\n}: {\n  container: RefObject<HTMLElement | null>\n  onOpen: (hit: PathHit) => void\n  enabled?: boolean\n  ignore?: string\n}) {\n  useEffect(() => {\n    const root = container.current\n    if (!root || !enabled) {\n      return\n    }\n    const excluded = (element: HTMLElement | undefined) =>\n      ignore !== undefined && element?.closest(ignore) !== null && element !== undefined\n\n    let marked: HTMLElement | undefined\n    const unmark = () => {\n      marked?.classList.remove(LINKISH)\n      marked = undefined\n    }\n\n    const onClick = (event: MouseEvent) => {\n      if (!event.metaKey && !event.ctrlKey) {\n        return\n      }\n      const target = event.target instanceof HTMLElement ? event.target : undefined\n      if (excluded(target)) {\n        return\n      }\n      const hit = hitFor(target)\n      if (!hit) {\n        return\n      }\n      event.preventDefault()\n      event.stopPropagation()\n      unmark()\n      onOpen(hit)\n    }\n\n    const onMove = (event: MouseEvent) => {\n      if (!event.metaKey && !event.ctrlKey) {\n        return unmark()\n      }\n      const element = event.target instanceof HTMLElement ? event.target : undefined\n      if (element === marked) {\n        return\n      }\n      unmark()\n      if (!element || excluded(element) || !hitFor(element)) {\n        return\n      }\n      marked = element\n      element.classList.add(LINKISH)\n    }\n\n    const onKey = (event: KeyboardEvent) => {\n      if (!event.metaKey && !event.ctrlKey) {\n        unmark()\n      }\n    }\n\n    root.addEventListener('click', onClick, true)\n    root.addEventListener('mousemove', onMove)\n    document.addEventListener('keydown', onKey)\n    document.addEventListener('keyup', onKey)\n    window.addEventListener('blur', unmark)\n    return () => {\n      unmark()\n      root.removeEventListener('click', onClick, true)\n      root.removeEventListener('mousemove', onMove)\n      document.removeEventListener('keydown', onKey)\n      document.removeEventListener('keyup', onKey)\n      window.removeEventListener('blur', unmark)\n    }\n  }, [container, onOpen, enabled, ignore])\n}\n\nexport function resolveAgainstCwd(path: string, cwd: string | undefined): string {\n  if (path.startsWith('/')) {\n    return path\n  }\n  if (!cwd) {\n    return path\n  }\n  return `${cwd.replace(/\\/$/, '')}/${path.replace(/^\\.\\//, '')}`\n}\n","import { useCallback, useEffect, useLayoutEffect, useRef, useState, type RefObject } from 'react'\nimport { createPortal } from 'react-dom'\nimport type { WorkerDeckClient } from '@workerdeck/client'\nimport { useHostFileRoots, useHostFileSearch, useHostFileTree, useOpenFiles, useSessionInfo, isDirty } from '@workerdeck/react'\nimport { PanelLeftOpen } from 'lucide-react'\nimport { cn } from '../../lib/utils.ts'\nimport { Button } from '../ui/Button.tsx'\nimport { Splitter } from '../ui/Splitter.tsx'\nimport { EditorTabs } from './EditorTabs.tsx'\nimport { FileTree } from './FileTree.tsx'\nimport { FileViewer } from './FileViewer.tsx'\nimport { SessionPanel, type SessionPanelProps } from './SessionPanel.tsx'\nimport { resolveAgainstCwd, usePathLinks } from './use-path-links.ts'\n\nexport interface SessionWorkspaceProps {\n  client: WorkerDeckClient\n  sessionId: string | undefined\n  header?: SessionPanelProps['header']\n  transcriptVariant?: SessionPanelProps['transcriptVariant']\n  transcriptDensity?: SessionPanelProps['transcriptDensity']\n  transcriptFont?: SessionPanelProps['transcriptFont']\n  scrubber?: SessionPanelProps['scrubber']\n  bookmarks?: SessionPanelProps['bookmarks']\n  onToggleBookmark?: SessionPanelProps['onToggleBookmark']\n  stickyPrompt?: SessionPanelProps['stickyPrompt']\n  openSubagent?: SessionPanelProps['openSubagent']\n  reveal?: SessionPanelProps['reveal']\n  onSubagentChange?: SessionPanelProps['onSubagentChange']\n  statusPlacement?: SessionPanelProps['statusPlacement']\n  controlsSurface?: SessionPanelProps['controlsSurface']\n  fontSize?: SessionPanelProps['fontSize']\n  onLinkClick?: SessionPanelProps['onLinkClick']\n  unseen?: SessionPanelProps['unseen']\n  readOnly?: SessionPanelProps['readOnly']\n  onVitals?: SessionPanelProps['onVitals']\n  defaultRailWidth?: number\n  defaultRailCollapsed?: boolean\n  onRailChange?: (rail: { width: number; collapsed: boolean }) => void\n  className?: string\n}\n\nconst RAIL_MIN = 180\nconst RAIL_MAX = 520\nconst AGENT_MIN = 220\nconst EDITOR_MIN = 120\n\nexport function SessionWorkspace({\n  client,\n  sessionId,\n  header,\n  transcriptVariant,\n  transcriptDensity,\n  transcriptFont,\n  scrubber,\n  bookmarks,\n  onToggleBookmark,\n  stickyPrompt,\n  openSubagent,\n  reveal,\n  onSubagentChange,\n  statusPlacement,\n  controlsSurface,\n  fontSize,\n  onLinkClick,\n  unseen,\n  readOnly,\n  onVitals,\n  defaultRailWidth = 260,\n  defaultRailCollapsed,\n  onRailChange,\n  className,\n}: SessionWorkspaceProps) {\n  const { info } = useSessionInfo(client, sessionId)\n  const cwd = info?.cwd\n\n  const tree = useHostFileTree(client, cwd)\n  const search = useHostFileSearch(client, cwd)\n  const files = useOpenFiles(client)\n  const { canWrite } = useHostFileRoots(client)\n\n  useEffect(() => {\n    if (!files.hasUnsaved) {\n      return\n    }\n    const warn = (event: BeforeUnloadEvent) => event.preventDefault()\n    window.addEventListener('beforeunload', warn)\n    return () => window.removeEventListener('beforeunload', warn)\n  }, [files.hasUnsaved])\n\n  const wide = useIsWide()\n  const [railCollapsed, setRailCollapsed] = useState(defaultRailCollapsed ?? false)\n  const [railWidth, setRailWidth] = useState(defaultRailWidth)\n  const onRailChangeRef = useRef(onRailChange)\n  onRailChangeRef.current = onRailChange\n  useEffect(() => {\n    onRailChangeRef.current?.({ width: railWidth, collapsed: railCollapsed })\n  }, [railWidth, railCollapsed])\n  const [editorHeight, setEditorHeight] = useState(360)\n\n  const hasFiles = files.files.length > 0\n\n  const overlayRail = !wide\n  const railOpen = tree.available && !railCollapsed\n  useEffect(() => {\n    if (overlayRail) {\n      setRailCollapsed(true)\n    }\n  }, [overlayRail])\n\n  const closeTab = useCallback(\n    (path: string) => {\n      const file = files.files.find((f) => f.path === path)\n      if (file && isDirty(file)) {\n        const name = file.name\n        if (!window.confirm(`${name} has unsaved changes. Close it and lose them?`)) {\n          return\n        }\n      }\n      files.close(path)\n    },\n    [files],\n  )\n\n  const column = useRef<HTMLDivElement>(null)\n  const columnHeight = useElementHeight(column)\n  const openPath = useCallback(({ path }: { path: string }) => files.open(resolveAgainstCwd(path, cwd)), [files.open, cwd])\n  usePathLinks({\n    container: column,\n    onOpen: openPath,\n    enabled: tree.available,\n    ignore: '.monaco-editor',\n  })\n  const editorMax = Math.max(EDITOR_MIN, columnHeight - AGENT_MIN)\n\n  const [topBar, setTopBar] = useState<HTMLDivElement | null>(null)\n  const hoisted: SessionPanelProps['header'] =\n    header === undefined || topBar === null\n      ? undefined\n      : typeof header === 'function'\n        ? (slots) => createPortal(header(slots), topBar)\n        : createPortal(header, topBar)\n\n  return (\n    <div data-slot=\"session-workspace\" className={cn('flex h-full min-h-0 w-full flex-col overflow-hidden bg-bg', className)}>\n      {header !== undefined ? <div ref={setTopBar} className=\"shrink-0\" /> : null}\n      <div className=\"relative flex min-h-0 flex-1\">\n        {railOpen ? (\n          <FileTree\n            tree={tree}\n            search={search}\n            activePath={files.activePath}\n            onOpenFile={files.open}\n            onCollapse={() => setRailCollapsed(true)}\n            style={{ width: overlayRail ? Math.min(railWidth, 320) : railWidth }}\n            className={cn('shrink-0 border-r border-border', overlayRail && 'absolute inset-y-0 left-0 z-20 shadow-lg')}\n          />\n        ) : tree.available ? (\n          <div className=\"flex w-8 shrink-0 flex-col items-center border-r border-border bg-surface pt-1.5\">\n            <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Show project files\" onClick={() => setRailCollapsed(false)}>\n              <PanelLeftOpen className=\"size-4 text-fg-3\" />\n            </Button>\n          </div>\n        ) : null}\n        {railOpen && !overlayRail ? (\n          <Splitter\n            orientation=\"vertical\"\n            value={railWidth}\n            onValueChange={setRailWidth}\n            min={RAIL_MIN}\n            max={RAIL_MAX}\n            defaultValue={defaultRailWidth}\n            aria-label=\"Resize the file tree\"\n          />\n        ) : null}\n\n        <div ref={column} className=\"flex min-h-0 min-w-0 flex-1 flex-col\">\n          {hasFiles ? (\n            <div\n              className=\"flex min-h-0 shrink-0 flex-col overflow-hidden\"\n              style={{ height: Math.min(editorHeight, editorMax || editorHeight) }}\n            >\n              <EditorTabs files={files.files} activePath={files.activePath} onActivate={files.activate} onClose={closeTab} />\n              <FileViewer\n                file={files.active}\n                canWrite={canWrite}\n                onChange={files.edit}\n                onSave={(path) => void files.save(path)}\n                onRevert={files.revert}\n                onReload={files.reload}\n                onOverwrite={(path) => void files.overwrite(path)}\n                onDismissConflict={files.dismissConflict}\n              />\n            </div>\n          ) : null}\n          {hasFiles ? (\n            <Splitter\n              orientation=\"horizontal\"\n              value={Math.min(editorHeight, editorMax || editorHeight)}\n              onValueChange={setEditorHeight}\n              min={EDITOR_MIN}\n              max={editorMax}\n              aria-label=\"Resize the open file\"\n            />\n          ) : null}\n          <SessionPanel\n            client={client}\n            sessionId={sessionId}\n            header={hoisted}\n            transcriptVariant={transcriptVariant}\n            transcriptDensity={transcriptDensity}\n            transcriptFont={transcriptFont}\n            scrubber={scrubber}\n            bookmarks={bookmarks}\n            onToggleBookmark={onToggleBookmark}\n            stickyPrompt={stickyPrompt}\n            openSubagent={openSubagent}\n            reveal={reveal}\n            onSubagentChange={onSubagentChange}\n            controlsSurface={controlsSurface}\n            fontSize={fontSize}\n            onLinkClick={onLinkClick}\n            statusPlacement={statusPlacement}\n            unseen={unseen}\n            readOnly={readOnly}\n            onVitals={onVitals}\n            className=\"min-h-0 flex-1\"\n          />\n        </div>\n\n        {overlayRail && railOpen ? (\n          <button\n            type=\"button\"\n            aria-label=\"Close the file tree\"\n            onClick={() => setRailCollapsed(true)}\n            className=\"absolute inset-0 z-10 bg-black/30\"\n          />\n        ) : null}\n      </div>\n    </div>\n  )\n}\n\nfunction useElementHeight(ref: RefObject<HTMLElement | null>): number {\n  const [height, setHeight] = useState(0)\n  useLayoutEffect(() => {\n    const element = ref.current\n    if (!element) {\n      return\n    }\n    const observer = new ResizeObserver(([entry]) => {\n      if (entry) {\n        setHeight(entry.contentRect.height)\n      }\n    })\n    observer.observe(element)\n    return () => observer.disconnect()\n  }, [ref])\n  return height\n}\n\nfunction useIsWide(): boolean {\n  const [wide, setWide] = useState(true)\n  useEffect(() => {\n    const query = window.matchMedia('(min-width: 768px)')\n    const sync = () => setWide(query.matches)\n    sync()\n    query.addEventListener('change', sync)\n    return () => query.removeEventListener('change', sync)\n  }, [])\n  return wide\n}\n"],"mappings":"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"}
+{"version":3,"file":"workspace.mjs","names":[],"sources":["../src/components/agent/EditorTabs.tsx","../src/components/agent/FileTree.tsx","../src/components/agent/CodeEditor.tsx","../src/components/agent/FileViewer.tsx","../src/components/agent/use-path-links.ts","../src/components/agent/SessionWorkspace.tsx"],"sourcesContent":["import { useEffect, useRef, type MouseEvent as ReactMouseEvent } from 'react'\nimport { isDirty, type OpenFile } from '@workerdeck/react'\nimport { X } from 'lucide-react'\nimport { cn } from '../../lib/utils.ts'\nimport { Tip, TooltipProvider } from '../ui/Tooltip.tsx'\nimport { formatBytes } from '../../lib/format.ts'\n\nexport interface EditorTabsProps {\n  files: OpenFile[]\n  activePath?: string\n  onActivate: (path: string) => void\n  onClose: (path: string) => void\n  className?: string\n}\n\nexport function EditorTabs({ files, activePath, onActivate, onClose, className }: EditorTabsProps) {\n  return (\n    <TooltipProvider delay={500} closeDelay={0}>\n      <div\n        data-slot=\"editor-tabs\"\n        role=\"tablist\"\n        aria-label=\"Open files\"\n        className={cn('flex shrink-0 items-stretch overflow-x-auto border-b border-border bg-surface', className)}\n      >\n        {files.map((file) => (\n          <Tab\n            key={file.path}\n            file={file}\n            active={file.path === activePath}\n            onActivate={() => onActivate(file.path)}\n            onClose={() => onClose(file.path)}\n            onArrow={(direction) => {\n              const index = files.findIndex((f) => f.path === file.path)\n              const next = files[index + direction]\n              if (next) {\n                onActivate(next.path)\n              }\n            }}\n          />\n        ))}\n      </div>\n    </TooltipProvider>\n  )\n}\n\nfunction Tab({\n  file,\n  active,\n  onActivate,\n  onClose,\n  onArrow,\n}: {\n  file: OpenFile\n  active: boolean\n  onActivate: () => void\n  onClose: () => void\n  onArrow: (direction: 1 | -1) => void\n}) {\n  const dirty = isDirty(file)\n  const ref = useRef<HTMLDivElement>(null)\n  useEffect(() => {\n    if (active) {\n      ref.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' })\n    }\n  }, [active])\n\n  const onAuxClick = (event: ReactMouseEvent) => {\n    if (event.button !== 1) {\n      return\n    }\n    event.preventDefault()\n    onClose()\n  }\n\n  return (\n    <Tip\n      side=\"bottom\"\n      render={\n        <div\n          ref={ref}\n          role=\"tab\"\n          tabIndex={active ? 0 : -1}\n          aria-selected={active}\n          onClick={onActivate}\n          onAuxClick={onAuxClick}\n          onKeyDown={(event) => {\n            if (event.key === 'ArrowRight') {\n              onArrow(1)\n            } else if (event.key === 'ArrowLeft') {\n              onArrow(-1)\n            } else if (event.key === 'Enter' || event.key === ' ') {\n              onActivate()\n            } else {\n              return\n            }\n            event.preventDefault()\n          }}\n          className={cn(\n            'group flex min-w-0 shrink-0 cursor-pointer items-center gap-1.5 border-r border-border px-3 py-1.5 transition-colors',\n            'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent focus-visible:ring-inset',\n            active ? 'bg-bg text-fg-1' : 'text-fg-3 hover:bg-surface-hover hover:text-fg-2',\n          )}\n        />\n      }\n      content={\n        <span className=\"flex flex-col gap-0.5\">\n          <span className=\"font-mono break-all\">{file.path}</span>\n          {file.bytes !== undefined ? <span className=\"text-fg-4\">{formatBytes(file.bytes)}</span> : null}\n        </span>\n      }\n    >\n      <span className={cn('max-w-40 truncate font-mono text-label', dirty && 'italic')}>{file.name}</span>\n      {file.status === 'error' ? <span className=\"shrink-0 text-danger\">!</span> : null}\n      <button\n        type=\"button\"\n        aria-label={dirty ? `Close ${file.name} (unsaved changes)` : `Close ${file.name}`}\n        onClick={(event) => {\n          event.stopPropagation()\n          onClose()\n        }}\n        className={cn(\n          'shrink-0 rounded p-0.5 text-fg-4 transition-opacity hover:bg-surface-hover hover:text-fg-1',\n          active || dirty ? 'opacity-70' : 'opacity-0 group-hover:opacity-70 focus-visible:opacity-100',\n        )}\n      >\n        <span className={cn('block', dirty && 'group-hover:hidden')}>\n          {dirty ? <span className=\"block size-3 rounded-full bg-fg-2\" /> : <X className=\"size-3\" />}\n        </span>\n        {dirty ? (\n          <span className=\"hidden group-hover:block\">\n            <X className=\"size-3\" />\n          </span>\n        ) : null}\n      </button>\n    </Tip>\n  )\n}\n","import { useEffect, useRef, useState, type CSSProperties, type ReactNode } from 'react'\nimport type { UseHostFileSearchResult, UseHostFileTreeResult } from '@workerdeck/react'\nimport type { HostFileMatch } from '@workerdeck/protocol'\nimport { ChevronRight, File, Folder, FolderOpen, PanelLeftClose, RefreshCw, Search, X } from 'lucide-react'\nimport { cn } from '../../lib/utils.ts'\nimport { Button } from '../ui/Button.tsx'\nimport { Input } from '../ui/Input.tsx'\nimport { Spinner } from '../ui/Spinner.tsx'\nimport { EntryIcon } from './EntryIcon.tsx'\n\nexport interface FileTreeProps {\n  tree: UseHostFileTreeResult\n  search?: UseHostFileSearchResult\n  activePath?: string\n  onOpenFile: (path: string) => void\n  onCollapse?: () => void\n  style?: CSSProperties\n  className?: string\n}\n\nconst INDENT = 12\n\nexport function FileTree({ tree, search, activePath, onOpenFile, onCollapse, style, className }: FileTreeProps) {\n  const [query, setQuery] = useState('')\n  const [matches, setMatches] = useState<HostFileMatch[] | undefined>()\n  const searching = query.trim().length > 0\n\n  useEffect(() => {\n    if (!search?.available) {\n      return\n    }\n    const q = query.trim()\n    if (!q) {\n      setMatches(undefined)\n      return\n    }\n    const controller = new AbortController()\n    const timer = setTimeout(() => {\n      void search.search(q, { limit: 60, signal: controller.signal }).then((found) => {\n        if (!controller.signal.aborted) {\n          setMatches(found)\n        }\n      })\n    }, 150)\n    return () => {\n      controller.abort()\n      clearTimeout(timer)\n    }\n  }, [search, query])\n\n  return (\n    <div data-slot=\"file-tree\" style={style} className={cn('flex min-h-0 min-w-0 flex-col bg-surface', className)}>\n      <div className=\"flex items-center gap-1 px-2 pt-2\">\n        {search?.available ? (\n          <div className=\"relative min-w-0 flex-1\">\n            <Search className=\"absolute top-1/2 left-2 size-3.5 -translate-y-1/2 text-fg-4\" />\n            <Input\n              value={query}\n              onChange={(e) => setQuery(e.target.value)}\n              placeholder=\"Search files…\"\n              className=\"h-7 pr-7 pl-7 text-label\"\n              spellCheck={false}\n            />\n            {searching ? (\n              <button\n                type=\"button\"\n                onClick={() => setQuery('')}\n                aria-label=\"Clear search\"\n                className=\"absolute top-1/2 right-1.5 -translate-y-1/2 text-fg-4 transition-colors hover:text-fg-2\"\n              >\n                <X className=\"size-3.5\" />\n              </button>\n            ) : null}\n          </div>\n        ) : (\n          <span className=\"min-w-0 flex-1 truncate px-1 text-label text-fg-4\">{tree.root}</span>\n        )}\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Refresh the file tree\" onClick={() => tree.refresh()}>\n          <RefreshCw className=\"size-3.5 text-fg-3\" />\n        </Button>\n        {onCollapse ? (\n          <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Hide project files\" onClick={onCollapse}>\n            <PanelLeftClose className=\"size-3.5 text-fg-3\" />\n          </Button>\n        ) : null}\n      </div>\n\n      <div className=\"min-h-0 flex-1 overflow-auto px-1 py-1\">\n        {tree.error ? (\n          <p className=\"px-2 py-3 text-body-sm text-danger\">{tree.error}</p>\n        ) : searching ? (\n          matches === undefined ? (\n            <div className=\"py-6 text-center\">\n              <Spinner className=\"size-4 text-fg-4\" />\n            </div>\n          ) : matches.length === 0 ? (\n            <p className=\"px-2 py-6 text-center text-body-sm text-fg-4\">No matching files.</p>\n          ) : (\n            <ul>\n              {matches.map((match) => (\n                <li key={match.path}>\n                  <Row\n                    label={fileName(match.relative)}\n                    detail={directoryOf(match.relative)}\n                    title={match.relative}\n                    icon={<File className=\"size-3.5 shrink-0 text-fg-4\" />}\n                    active={match.path === activePath}\n                    onClick={() => onOpenFile(match.path)}\n                  />\n                </li>\n              ))}\n            </ul>\n          )\n        ) : tree.loading ? (\n          <div className=\"py-6 text-center\">\n            <Spinner className=\"size-4 text-fg-4\" />\n          </div>\n        ) : tree.rows.length === 0 ? (\n          <p className=\"px-2 py-6 text-center text-body-sm text-fg-4\">This project is empty.</p>\n        ) : (\n          <ul role=\"tree\" aria-label=\"Project files\">\n            {tree.rows.map((row) => (\n              <li key={row.entry.path} role=\"treeitem\" aria-expanded={row.expanded} aria-level={row.depth + 1}>\n                <Row\n                  label={row.entry.name}\n                  indent={row.depth}\n                  active={row.entry.path === activePath}\n                  icon={\n                    row.entry.type === 'dir' ? (\n                      row.loading ? (\n                        <Spinner className=\"size-3.5 shrink-0 text-fg-4\" />\n                      ) : row.expanded ? (\n                        <FolderOpen className=\"size-3.5 shrink-0 text-accent\" />\n                      ) : (\n                        <Folder className=\"size-3.5 shrink-0 text-accent\" />\n                      )\n                    ) : (\n                      <EntryIcon type={row.entry.type} />\n                    )\n                  }\n                  chevron={\n                    row.entry.type === 'dir' ? (\n                      <ChevronRight className={cn('size-3 shrink-0 text-fg-4 transition-transform', row.expanded && 'rotate-90')} />\n                    ) : undefined\n                  }\n                  onClick={() => (row.entry.type === 'dir' ? tree.toggle(row.entry.path) : onOpenFile(row.entry.path))}\n                />\n                {row.truncated ? (\n                  <p className=\"truncate py-0.5 text-label text-fg-4\" style={{ paddingLeft: (row.depth + 1) * INDENT + 22 }}>\n                    More entries than the server will return — use search.\n                  </p>\n                ) : null}\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n    </div>\n  )\n}\n\nfunction Row({\n  label,\n  detail,\n  title,\n  icon,\n  chevron,\n  indent = 0,\n  active,\n  onClick,\n}: {\n  label: string\n  detail?: string\n  title?: string\n  icon: ReactNode\n  chevron?: ReactNode\n  indent?: number\n  active?: boolean\n  onClick: () => void\n}) {\n  const ref = useRef<HTMLButtonElement>(null)\n  useEffect(() => {\n    if (active) {\n      ref.current?.scrollIntoView({ block: 'nearest' })\n    }\n  }, [active])\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      onClick={onClick}\n      title={title ?? label}\n      style={{ paddingLeft: indent * INDENT + 4 }}\n      className={cn(\n        'flex w-full items-center gap-1 rounded py-1 pr-2 text-left transition-colors',\n        active ? 'bg-surface-hover text-fg-1' : 'text-fg-2 hover:bg-surface-hover',\n      )}\n    >\n      <span className=\"flex size-3 shrink-0 items-center justify-center\">{chevron}</span>\n      {icon}\n      <span className=\"shrink-0 truncate text-label\">{label}</span>\n      {detail ? <span className=\"min-w-0 flex-1 truncate text-label text-fg-4\">{detail}</span> : null}\n    </button>\n  )\n}\n\nfunction fileName(relative: string): string {\n  return relative.slice(relative.lastIndexOf('/') + 1)\n}\n\nfunction directoryOf(relative: string): string | undefined {\n  const cut = relative.lastIndexOf('/')\n  return cut === -1 ? undefined : relative.slice(0, cut)\n}\n","import { useEffect, useRef, useState } from 'react'\nimport type * as Monaco from 'monaco-editor'\nimport { cn } from '../../lib/utils.ts'\nimport { Spinner } from '../ui/Spinner.tsx'\n\nexport interface CodeEditorProps {\n  path: string\n  value: string\n  onChange?: (value: string) => void\n  onSave?: () => void\n  readOnly?: boolean\n  className?: string\n}\n\nexport function CodeEditor({ path, value, onChange, onSave, readOnly, className }: CodeEditorProps) {\n  const host = useRef<HTMLDivElement>(null)\n  const editor = useRef<Monaco.editor.IStandaloneCodeEditor | null>(null)\n  const monaco = useRef<typeof Monaco | null>(null)\n  const [ready, setReady] = useState(false)\n  const theme = useDocumentTheme()\n\n  const handlers = useRef({ onChange, onSave })\n  handlers.current = { onChange, onSave }\n\n  useEffect(() => {\n    let disposed = false\n    void loadMonaco().then((api) => {\n      if (disposed || !host.current) {\n        return\n      }\n      monaco.current = api\n      const instance = api.editor.create(host.current, {\n        value,\n        language: languageOf(path),\n        readOnly,\n        automaticLayout: true,\n        theme: monacoTheme(document.documentElement.getAttribute('data-theme')),\n        minimap: { enabled: false },\n        scrollBeyondLastLine: false,\n        fontSize: 12,\n        lineHeight: 20,\n        fontFamily: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n        renderLineHighlight: 'line',\n        smoothScrolling: true,\n        padding: { top: 8, bottom: 8 },\n        scrollbar: { verticalScrollbarSize: 10, horizontalScrollbarSize: 10 },\n        wordBasedSuggestions: 'off',\n        quickSuggestions: false,\n      })\n      editor.current = instance\n      instance.onDidChangeModelContent(() => {\n        handlers.current.onChange?.(instance.getValue())\n      })\n      instance.addCommand(api.KeyMod.CtrlCmd | api.KeyCode.KeyS, () => {\n        handlers.current.onSave?.()\n      })\n      setReady(true)\n    })\n    return () => {\n      disposed = true\n      // The editor, never its models: a model is keyed by path and outlives this mount, which is what restores a reopened tab's undo stack.\n      editor.current?.dispose()\n      editor.current = null\n      setReady(false)\n    }\n  }, [])\n\n  useEffect(() => {\n    const api = monaco.current\n    const instance = editor.current\n    if (!api || !instance || !ready) {\n      return\n    }\n    const uri = api.Uri.parse(`workerdeck://host${path}`)\n    const model = api.editor.getModel(uri) ?? api.editor.createModel(value, languageOf(path), uri)\n    if (instance.getModel() !== model) {\n      instance.setModel(model)\n    }\n  }, [path, ready, value])\n\n  useEffect(() => {\n    const instance = editor.current\n    if (!instance || !ready) {\n      return\n    }\n    const model = instance.getModel()\n    if (!model || model.getValue() === value) {\n      return\n    }\n    model.pushEditOperations([], [{ range: model.getFullModelRange(), text: value }], () => null)\n  }, [value, ready])\n\n  useEffect(() => {\n    if (ready) {\n      editor.current?.updateOptions({ readOnly })\n    }\n  }, [readOnly, ready])\n\n  useEffect(() => {\n    if (ready) {\n      monaco.current?.editor.setTheme(monacoTheme(theme))\n    }\n  }, [theme, ready])\n\n  return (\n    <div className={cn('relative min-h-0 min-w-0 flex-1', className)}>\n      <div ref={host} className=\"absolute inset-0\" />\n      {!ready ? (\n        <div className=\"absolute inset-0 flex items-center justify-center bg-bg\">\n          <Spinner className=\"size-4 text-fg-4\" />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nfunction useDocumentTheme(): string | null {\n  const [theme, setTheme] = useState<string | null>(() =>\n    typeof document === 'undefined' ? null : document.documentElement.getAttribute('data-theme'),\n  )\n  useEffect(() => {\n    const root = document.documentElement\n    const sync = () => setTheme(root.getAttribute('data-theme'))\n    sync()\n    const observer = new MutationObserver(sync)\n    observer.observe(root, { attributes: true, attributeFilter: ['data-theme'] })\n    return () => observer.disconnect()\n  }, [])\n  return theme\n}\n\nfunction monacoTheme(theme: string | null): string {\n  return theme === 'light' ? 'wd-light' : 'wd-dark'\n}\n\nlet monacoPromise: Promise<typeof Monaco> | undefined\nfunction loadMonaco(): Promise<typeof Monaco> {\n  monacoPromise ??= (async () => {\n    const api = await import('monaco-editor')\n    api.editor.defineTheme('wd-dark', {\n      base: 'vs-dark',\n      inherit: true,\n      rules: [],\n      colors: { 'editor.background': '#00000000' },\n    })\n    api.editor.defineTheme('wd-light', {\n      base: 'vs',\n      inherit: true,\n      rules: [],\n      colors: { 'editor.background': '#00000000' },\n    })\n    return api\n  })()\n  return monacoPromise\n}\n\nfunction languageOf(path: string): string {\n  const name = path.slice(path.lastIndexOf('/') + 1)\n  const byName = FILENAME_LANGUAGES[name.toLowerCase()]\n  if (byName) {\n    return byName\n  }\n  const extension = name.slice(name.lastIndexOf('.') + 1).toLowerCase()\n  return EXTENSION_LANGUAGES[extension] ?? 'plaintext'\n}\n\nconst FILENAME_LANGUAGES: Record<string, string> = {\n  dockerfile: 'dockerfile',\n  makefile: 'plaintext',\n  '.gitignore': 'plaintext',\n  '.env': 'shell',\n}\n\nconst EXTENSION_LANGUAGES: Record<string, string> = {\n  ts: 'typescript',\n  tsx: 'typescript',\n  mts: 'typescript',\n  cts: 'typescript',\n  js: 'javascript',\n  jsx: 'javascript',\n  mjs: 'javascript',\n  cjs: 'javascript',\n  json: 'json',\n  jsonc: 'json',\n  md: 'markdown',\n  mdx: 'markdown',\n  css: 'css',\n  scss: 'scss',\n  less: 'less',\n  html: 'html',\n  htm: 'html',\n  xml: 'xml',\n  svg: 'xml',\n  yml: 'yaml',\n  yaml: 'yaml',\n  toml: 'plaintext',\n  sh: 'shell',\n  bash: 'shell',\n  zsh: 'shell',\n  fish: 'shell',\n  py: 'python',\n  rb: 'ruby',\n  rs: 'rust',\n  go: 'go',\n  swift: 'swift',\n  java: 'java',\n  kt: 'kotlin',\n  c: 'c',\n  h: 'c',\n  cpp: 'cpp',\n  cc: 'cpp',\n  hpp: 'cpp',\n  cs: 'csharp',\n  php: 'php',\n  sql: 'sql',\n  graphql: 'graphql',\n  gql: 'graphql',\n  lua: 'lua',\n  r: 'r',\n  pl: 'perl',\n  dart: 'dart',\n  scala: 'scala',\n  ini: 'ini',\n  cfg: 'ini',\n  conf: 'ini',\n  txt: 'plaintext',\n  log: 'plaintext',\n}\n","import type { ReactNode } from 'react'\nimport type { OpenFile } from '@workerdeck/react'\nimport { currentText, isDirty } from '@workerdeck/react'\nimport { FileWarning, TriangleAlert } from 'lucide-react'\nimport { cn } from '../../lib/utils.ts'\nimport { Button } from '../ui/Button.tsx'\nimport { Spinner } from '../ui/Spinner.tsx'\nimport { CodeEditor } from './CodeEditor.tsx'\n\nexport interface FileViewerProps {\n  file: OpenFile | undefined\n  canWrite?: boolean\n  onChange?: (path: string, content: string) => void\n  onSave?: (path: string) => void\n  onRevert?: (path: string) => void\n  onReload?: (path: string) => void\n  onOverwrite?: (path: string) => void\n  onDismissConflict?: (path: string) => void\n  className?: string\n}\n\nexport function FileViewer({\n  file,\n  canWrite,\n  onChange,\n  onSave,\n  onRevert,\n  onReload,\n  onOverwrite,\n  onDismissConflict,\n  className,\n}: FileViewerProps) {\n  if (!file) {\n    return null\n  }\n\n  return (\n    <div data-slot=\"file-viewer\" className={cn('flex min-h-0 min-w-0 flex-1 flex-col bg-bg', className)}>\n      {file.conflict ? (\n        <div className=\"flex shrink-0 flex-wrap items-center gap-2 border-b border-warning/40 bg-warning-bg px-3 py-2\">\n          <TriangleAlert className=\"size-3.5 shrink-0 text-warning\" />\n          <span className=\"min-w-0 flex-1 text-body-sm text-warning\">This file changed on disk since you opened it.</span>\n          <Button variant=\"outline\" size=\"xs\" onClick={() => onReload?.(file.path)}>\n            Use the version on disk\n          </Button>\n          <Button variant=\"outline\" size=\"xs\" onClick={() => onOverwrite?.(file.path)}>\n            Keep mine\n          </Button>\n          <Button variant=\"ghost\" size=\"xs\" onClick={() => onDismissConflict?.(file.path)}>\n            Dismiss\n          </Button>\n        </div>\n      ) : file.saveError ? (\n        <div className=\"flex shrink-0 items-center gap-2 border-b border-danger/40 bg-danger-bg px-3 py-2\">\n          <TriangleAlert className=\"size-3.5 shrink-0 text-danger\" />\n          <span className=\"min-w-0 flex-1 text-body-sm text-danger\">{file.saveError}</span>\n          <Button variant=\"ghost\" size=\"xs\" onClick={() => onDismissConflict?.(file.path)}>\n            Dismiss\n          </Button>\n        </div>\n      ) : null}\n\n      {file.status === 'loading' ? (\n        <Centred>\n          <Spinner className=\"size-4 text-fg-4\" />\n        </Centred>\n      ) : file.status === 'error' ? (\n        <Centred>\n          <TriangleAlert className=\"size-4 text-danger\" />\n          <p className=\"text-body-sm text-danger\">{file.error}</p>\n        </Centred>\n      ) : file.status === 'binary' ? (\n        <Centred>\n          <FileWarning className=\"size-4 text-fg-4\" />\n          <p className=\"text-body-sm text-fg-4\">This file isn’t text.</p>\n          <p className=\"text-label text-fg-4\">It can’t be edited here without corrupting it.</p>\n        </Centred>\n      ) : (\n        <CodeEditor\n          path={file.path}\n          value={currentText(file)}\n          readOnly={!canWrite}\n          onChange={onChange ? (content) => onChange(file.path, content) : undefined}\n          onSave={onSave ? () => onSave(file.path) : undefined}\n        />\n      )}\n\n      {file.status === 'ready' && (file.saving || isDirty(file) || !canWrite) ? (\n        <div className=\"flex shrink-0 items-center gap-2 border-t border-border px-3 py-1\">\n          {file.saving ? (\n            <>\n              <Spinner className=\"size-3 text-fg-4\" />\n              <span className=\"text-label text-fg-4\">Saving…</span>\n            </>\n          ) : !canWrite ? (\n            <span className=\"text-label text-fg-4\">Read-only — this gateway doesn’t allow writes.</span>\n          ) : (\n            <>\n              <span className=\"text-label text-fg-3\">Unsaved changes</span>\n              <span className=\"flex-1\" />\n              <Button variant=\"ghost\" size=\"xs\" onClick={() => onRevert?.(file.path)}>\n                Revert\n              </Button>\n              <Button variant=\"outline\" size=\"xs\" onClick={() => onSave?.(file.path)}>\n                Save\n                <span className=\"ml-1 text-fg-4\">⌘S</span>\n              </Button>\n            </>\n          )}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nfunction Centred({ children }: { children: ReactNode }) {\n  return <div className=\"flex min-h-0 flex-1 flex-col items-center justify-center gap-2 p-6\">{children}</div>\n}\n","import { useEffect, type RefObject } from 'react'\n\nexport type PathHit = { path: string; line?: number }\n\nconst LINKISH = 'wd-path-link'\n\nconst PATH_RE = /^(\\/[^\\s:'\"`()[\\]{}]+|[\\w.@~-]+(?:\\/[\\w.@~-]+)+)(?::(\\d+))?$/\nconst FILE_RE = /^([\\w.@-]+\\.[A-Za-z0-9]{1,10})(?::(\\d+))?$/\n\nconst COVERAGE = 0.6\n\nexport function matchPath(text: string, inCode: boolean): PathHit | undefined {\n  const trimmed = text.trim()\n  if (!trimmed || trimmed.endsWith('/')) {\n    return undefined\n  }\n  const hit = PATH_RE.exec(trimmed) ?? (inCode ? FILE_RE.exec(trimmed) : null)\n  if (!hit) {\n    return undefined\n  }\n  return { path: hit[1]!, line: hit[2] ? Number(hit[2]) : undefined }\n}\n\nfunction hitFor(element: HTMLElement | undefined): PathHit | undefined {\n  if (!element) {\n    return undefined\n  }\n  const inCode = element.closest('code') !== null\n  const text = element.textContent ?? ''\n  const hit = matchPath(text, inCode)\n  if (!hit) {\n    return undefined\n  }\n  if (!inCode && hit.path.length < text.trim().length * COVERAGE) {\n    return undefined\n  }\n  return hit\n}\n\nexport function usePathLinks({\n  container,\n  onOpen,\n  enabled = true,\n  ignore,\n}: {\n  container: RefObject<HTMLElement | null>\n  onOpen: (hit: PathHit) => void\n  enabled?: boolean\n  ignore?: string\n}) {\n  useEffect(() => {\n    const root = container.current\n    if (!root || !enabled) {\n      return\n    }\n    const excluded = (element: HTMLElement | undefined) =>\n      ignore !== undefined && element?.closest(ignore) !== null && element !== undefined\n\n    let marked: HTMLElement | undefined\n    const unmark = () => {\n      marked?.classList.remove(LINKISH)\n      marked = undefined\n    }\n\n    const onClick = (event: MouseEvent) => {\n      if (!event.metaKey && !event.ctrlKey) {\n        return\n      }\n      const target = event.target instanceof HTMLElement ? event.target : undefined\n      if (excluded(target)) {\n        return\n      }\n      const hit = hitFor(target)\n      if (!hit) {\n        return\n      }\n      event.preventDefault()\n      event.stopPropagation()\n      unmark()\n      onOpen(hit)\n    }\n\n    const onMove = (event: MouseEvent) => {\n      if (!event.metaKey && !event.ctrlKey) {\n        return unmark()\n      }\n      const element = event.target instanceof HTMLElement ? event.target : undefined\n      if (element === marked) {\n        return\n      }\n      unmark()\n      if (!element || excluded(element) || !hitFor(element)) {\n        return\n      }\n      marked = element\n      element.classList.add(LINKISH)\n    }\n\n    const onKey = (event: KeyboardEvent) => {\n      if (!event.metaKey && !event.ctrlKey) {\n        unmark()\n      }\n    }\n\n    root.addEventListener('click', onClick, true)\n    root.addEventListener('mousemove', onMove)\n    document.addEventListener('keydown', onKey)\n    document.addEventListener('keyup', onKey)\n    window.addEventListener('blur', unmark)\n    return () => {\n      unmark()\n      root.removeEventListener('click', onClick, true)\n      root.removeEventListener('mousemove', onMove)\n      document.removeEventListener('keydown', onKey)\n      document.removeEventListener('keyup', onKey)\n      window.removeEventListener('blur', unmark)\n    }\n  }, [container, onOpen, enabled, ignore])\n}\n\nexport function resolveAgainstCwd(path: string, cwd: string | undefined): string {\n  if (path.startsWith('/')) {\n    return path\n  }\n  if (!cwd) {\n    return path\n  }\n  return `${cwd.replace(/\\/$/, '')}/${path.replace(/^\\.\\//, '')}`\n}\n","import { useCallback, useEffect, useLayoutEffect, useRef, useState, type RefObject } from 'react'\nimport { createPortal } from 'react-dom'\nimport type { WorkerDeckClient } from '@workerdeck/client'\nimport { useHostFileRoots, useHostFileSearch, useHostFileTree, useOpenFiles, useSessionInfo, isDirty } from '@workerdeck/react'\nimport { PanelLeftOpen } from 'lucide-react'\nimport { cn } from '../../lib/utils.ts'\nimport { Button } from '../ui/Button.tsx'\nimport { Splitter } from '../ui/Splitter.tsx'\nimport { EditorTabs } from './EditorTabs.tsx'\nimport { FileTree } from './FileTree.tsx'\nimport { FileViewer } from './FileViewer.tsx'\nimport { SessionPanel, type SessionPanelProps } from './SessionPanel.tsx'\nimport { resolveAgainstCwd, usePathLinks } from './use-path-links.ts'\n\nexport interface SessionWorkspaceProps {\n  client: WorkerDeckClient\n  sessionId: string | undefined\n  header?: SessionPanelProps['header']\n  transcriptVariant?: SessionPanelProps['transcriptVariant']\n  transcriptDensity?: SessionPanelProps['transcriptDensity']\n  transcriptFont?: SessionPanelProps['transcriptFont']\n  scrubber?: SessionPanelProps['scrubber']\n  bookmarks?: SessionPanelProps['bookmarks']\n  onToggleBookmark?: SessionPanelProps['onToggleBookmark']\n  stickyPrompt?: SessionPanelProps['stickyPrompt']\n  openSubagent?: SessionPanelProps['openSubagent']\n  reveal?: SessionPanelProps['reveal']\n  onSubagentChange?: SessionPanelProps['onSubagentChange']\n  statusPlacement?: SessionPanelProps['statusPlacement']\n  controlsSurface?: SessionPanelProps['controlsSurface']\n  fontSize?: SessionPanelProps['fontSize']\n  onLinkClick?: SessionPanelProps['onLinkClick']\n  unseen?: SessionPanelProps['unseen']\n  readOnly?: SessionPanelProps['readOnly']\n  onVitals?: SessionPanelProps['onVitals']\n  defaultRailWidth?: number\n  defaultRailCollapsed?: boolean\n  onRailChange?: (rail: { width: number; collapsed: boolean }) => void\n  className?: string\n}\n\nconst RAIL_MIN = 180\nconst RAIL_MAX = 520\nconst AGENT_MIN = 220\nconst EDITOR_MIN = 120\n\nexport function SessionWorkspace({\n  client,\n  sessionId,\n  header,\n  transcriptVariant,\n  transcriptDensity,\n  transcriptFont,\n  scrubber,\n  bookmarks,\n  onToggleBookmark,\n  stickyPrompt,\n  openSubagent,\n  reveal,\n  onSubagentChange,\n  statusPlacement,\n  controlsSurface,\n  fontSize,\n  onLinkClick,\n  unseen,\n  readOnly,\n  onVitals,\n  defaultRailWidth = 260,\n  defaultRailCollapsed,\n  onRailChange,\n  className,\n}: SessionWorkspaceProps) {\n  const { info } = useSessionInfo(client, sessionId)\n  const cwd = info?.cwd\n\n  const tree = useHostFileTree(client, cwd)\n  const search = useHostFileSearch(client, cwd)\n  const files = useOpenFiles(client)\n  const { canWrite } = useHostFileRoots(client)\n\n  useEffect(() => {\n    if (!files.hasUnsaved) {\n      return\n    }\n    const warn = (event: BeforeUnloadEvent) => event.preventDefault()\n    window.addEventListener('beforeunload', warn)\n    return () => window.removeEventListener('beforeunload', warn)\n  }, [files.hasUnsaved])\n\n  const wide = useIsWide()\n  const [railCollapsed, setRailCollapsed] = useState(defaultRailCollapsed ?? false)\n  const [railWidth, setRailWidth] = useState(defaultRailWidth)\n  const onRailChangeRef = useRef(onRailChange)\n  onRailChangeRef.current = onRailChange\n  useEffect(() => {\n    onRailChangeRef.current?.({ width: railWidth, collapsed: railCollapsed })\n  }, [railWidth, railCollapsed])\n  const [editorHeight, setEditorHeight] = useState(360)\n\n  const hasFiles = files.files.length > 0\n\n  const overlayRail = !wide\n  const railOpen = tree.available && !railCollapsed\n  useEffect(() => {\n    if (overlayRail) {\n      setRailCollapsed(true)\n    }\n  }, [overlayRail])\n\n  const closeTab = useCallback(\n    (path: string) => {\n      const file = files.files.find((f) => f.path === path)\n      if (file && isDirty(file)) {\n        const name = file.name\n        if (!window.confirm(`${name} has unsaved changes. Close it and lose them?`)) {\n          return\n        }\n      }\n      files.close(path)\n    },\n    [files],\n  )\n\n  const column = useRef<HTMLDivElement>(null)\n  const columnHeight = useElementHeight(column)\n  const openPath = useCallback(({ path }: { path: string }) => files.open(resolveAgainstCwd(path, cwd)), [files.open, cwd])\n  usePathLinks({\n    container: column,\n    onOpen: openPath,\n    enabled: tree.available,\n    ignore: '.monaco-editor',\n  })\n  const editorMax = Math.max(EDITOR_MIN, columnHeight - AGENT_MIN)\n\n  const [topBar, setTopBar] = useState<HTMLDivElement | null>(null)\n  const hoisted: SessionPanelProps['header'] =\n    header === undefined || topBar === null\n      ? undefined\n      : typeof header === 'function'\n        ? (slots) => createPortal(header(slots), topBar)\n        : createPortal(header, topBar)\n\n  return (\n    <div data-slot=\"session-workspace\" className={cn('flex h-full min-h-0 w-full flex-col overflow-hidden bg-bg', className)}>\n      {header !== undefined ? <div ref={setTopBar} className=\"shrink-0\" /> : null}\n      <div className=\"relative flex min-h-0 flex-1\">\n        {railOpen ? (\n          <FileTree\n            tree={tree}\n            search={search}\n            activePath={files.activePath}\n            onOpenFile={files.open}\n            onCollapse={() => setRailCollapsed(true)}\n            style={{ width: overlayRail ? Math.min(railWidth, 320) : railWidth }}\n            className={cn('shrink-0 border-r border-border', overlayRail && 'absolute inset-y-0 left-0 z-20 shadow-lg')}\n          />\n        ) : tree.available ? (\n          <div className=\"flex w-8 shrink-0 flex-col items-center border-r border-border bg-surface pt-1.5\">\n            <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Show project files\" onClick={() => setRailCollapsed(false)}>\n              <PanelLeftOpen className=\"size-4 text-fg-3\" />\n            </Button>\n          </div>\n        ) : null}\n        {railOpen && !overlayRail ? (\n          <Splitter\n            orientation=\"vertical\"\n            value={railWidth}\n            onValueChange={setRailWidth}\n            min={RAIL_MIN}\n            max={RAIL_MAX}\n            defaultValue={defaultRailWidth}\n            aria-label=\"Resize the file tree\"\n          />\n        ) : null}\n\n        <div ref={column} className=\"flex min-h-0 min-w-0 flex-1 flex-col\">\n          {hasFiles ? (\n            <div\n              className=\"flex min-h-0 shrink-0 flex-col overflow-hidden\"\n              style={{ height: Math.min(editorHeight, editorMax || editorHeight) }}\n            >\n              <EditorTabs files={files.files} activePath={files.activePath} onActivate={files.activate} onClose={closeTab} />\n              <FileViewer\n                file={files.active}\n                canWrite={canWrite}\n                onChange={files.edit}\n                onSave={(path) => void files.save(path)}\n                onRevert={files.revert}\n                onReload={files.reload}\n                onOverwrite={(path) => void files.overwrite(path)}\n                onDismissConflict={files.dismissConflict}\n              />\n            </div>\n          ) : null}\n          {hasFiles ? (\n            <Splitter\n              orientation=\"horizontal\"\n              value={Math.min(editorHeight, editorMax || editorHeight)}\n              onValueChange={setEditorHeight}\n              min={EDITOR_MIN}\n              max={editorMax}\n              aria-label=\"Resize the open file\"\n            />\n          ) : null}\n          <SessionPanel\n            client={client}\n            sessionId={sessionId}\n            header={hoisted}\n            transcriptVariant={transcriptVariant}\n            transcriptDensity={transcriptDensity}\n            transcriptFont={transcriptFont}\n            scrubber={scrubber}\n            bookmarks={bookmarks}\n            onToggleBookmark={onToggleBookmark}\n            stickyPrompt={stickyPrompt}\n            openSubagent={openSubagent}\n            reveal={reveal}\n            onSubagentChange={onSubagentChange}\n            controlsSurface={controlsSurface}\n            fontSize={fontSize}\n            onLinkClick={onLinkClick}\n            statusPlacement={statusPlacement}\n            unseen={unseen}\n            readOnly={readOnly}\n            onVitals={onVitals}\n            className=\"min-h-0 flex-1\"\n          />\n        </div>\n\n        {overlayRail && railOpen ? (\n          <button\n            type=\"button\"\n            aria-label=\"Close the file tree\"\n            onClick={() => setRailCollapsed(true)}\n            className=\"absolute inset-0 z-10 bg-black/30\"\n          />\n        ) : null}\n      </div>\n    </div>\n  )\n}\n\nfunction useElementHeight(ref: RefObject<HTMLElement | null>): number {\n  const [height, setHeight] = useState(0)\n  useLayoutEffect(() => {\n    const element = ref.current\n    if (!element) {\n      return\n    }\n    const observer = new ResizeObserver(([entry]) => {\n      if (entry) {\n        setHeight(entry.contentRect.height)\n      }\n    })\n    observer.observe(element)\n    return () => observer.disconnect()\n  }, [ref])\n  return height\n}\n\nfunction useIsWide(): boolean {\n  const [wide, setWide] = useState(true)\n  useEffect(() => {\n    const query = window.matchMedia('(min-width: 768px)')\n    const sync = () => setWide(query.matches)\n    sync()\n    query.addEventListener('change', sync)\n    return () => query.removeEventListener('change', sync)\n  }, [])\n  return wide\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workerdeck/ui",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "type": "module",
   "description": "Styled agent-control component library for WorkerDeck: session panel, transcript with streaming, tool-call cards, permission prompts, session list, composer. Tailwind v4 + Base UI + cva. Pairs with the headless @workerdeck/react layer.",
   "license": "MIT",
@@ -30,18 +30,18 @@
     "./scoped.css": "./build/scoped.css"
   },
   "dependencies": {
-    "@base-ui/react": "^1.6.0",
-    "@tanstack/react-virtual": "^3.14.9",
+    "@base-ui/react": "^1.7.0",
+    "@tanstack/react-virtual": "^3.14.10",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.21.0",
-    "sonner": "^2.0.7",
-    "streamdown": "^2.5.0",
+    "lucide-react": "^1.38.0",
+    "sonner": "^2.0.8",
+    "streamdown": "^2.6.0",
     "tailwind-merge": "^3.6.0",
     "use-stick-to-bottom": "^1.1.6",
-    "@workerdeck/client": "1.0.0",
-    "@workerdeck/react": "1.0.0",
-    "@workerdeck/protocol": "1.0.0"
+    "@workerdeck/react": "1.2.0",
+    "@workerdeck/client": "1.2.0",
+    "@workerdeck/protocol": "1.2.0"
   },
   "peerDependencies": {
     "monaco-editor": "^0.56.0",
@@ -54,26 +54,26 @@
     }
   },
   "devDependencies": {
-    "@fontsource/inter": "^5.2.8",
-    "@fontsource/jetbrains-mono": "^5.2.8",
-    "@storybook/react-vite": "^9.1.20",
+    "@fontsource/inter": "^5.3.0",
+    "@fontsource/jetbrains-mono": "^5.3.0",
+    "@storybook/react-vite": "^10.5.10",
     "@tailwindcss/postcss": "^4.3.3",
-    "@tailwindcss/vite": "^4.3.1",
-    "@types/node": "^22.10.0",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react-swc": "^3.9.0",
+    "@tailwindcss/vite": "^4.3.3",
+    "@types/node": "^26.4.0",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.5",
+    "@vitejs/plugin-react-swc": "^4.3.3",
     "monaco-editor": "^0.56.0",
     "postcss": "^8.5.26",
     "postcss-selector-parser": "^7.1.5",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "rimraf": "^6.1.3",
-    "storybook": "^9.1.20",
-    "tailwindcss": "^4.3.1",
-    "tsdown": "^0.21.10",
-    "vite": "^6.3.0",
-    "vitest": "^3.2.0"
+    "storybook": "^10.5.10",
+    "tailwindcss": "^4.3.3",
+    "tsdown": "^0.22.14",
+    "vite": "^8.2.2",
+    "vitest": "^4.1.11"
   },
   "author": "Tobias Strebitzer",
   "repository": {

package/src/components/agent/TranscriptItemView.tsx

@@ -1,7 +1,7 @@
 import type { MessageAttachment } from '@workerdeck/protocol'
 import type { TranscriptItem } from '@workerdeck/react'
 import { cn } from '../../lib/utils.ts'
-import { formatCost, formatDuration, formatRelativeTime } from '../../lib/format.ts'
+import { COMPACTION_TEXT, formatCost, formatDuration, formatRelativeTime } from '../../lib/format.ts'
 import { FileCard } from './FileCard.tsx'
 import { Message, MessageContent } from './Message.tsx'
 import { PromptTokenText } from './PromptTokenText.tsx'
@@ -99,6 +99,9 @@ export function TranscriptItemView({
     case 'notice': {
       return <NoticeRow item={item} />
     }
+    case 'compaction': {
+      return <CompactionRow />
+    }
     case 'file_delivered': {
       return <FileCard item={item} href={fileUrl?.(item.path)} />
     }
@@ -108,6 +111,21 @@ export function TranscriptItemView({
   }
 }
 
+/**
+ * The cards spelling of a compaction boundary — a rule with the label through it, the same shape
+ * `RecapRow` uses below, because both are boundaries rather than messages. The terminal spelling is
+ * `terminal/items.tsx`'s `CompactionRow`, one grid row, and the two share `COMPACTION_TEXT`.
+ */
+function CompactionRow() {
+  return (
+    <div data-slot="compaction" className="flex items-center gap-2 py-1">
+      <div className="h-px flex-1 bg-border" />
+      <span className="font-mono text-label text-fg-3">≡ {COMPACTION_TEXT}</span>
+      <div className="h-px flex-1 bg-border" />
+    </div>
+  )
+}
+
 export function RecapRow({ line, since, terminal }: { line: string; since?: number; terminal?: boolean }) {
   const away = since === undefined ? undefined : formatRelativeTime(since)
   const text = away ? `${line} · last here ${away}` : line

package/src/components/terminal/TerminalTranscript.tsx

@@ -3,7 +3,7 @@ import type { TranscriptItem, TranscriptState } from '@workerdeck/react'
 import { cn } from '../../lib/utils.ts'
 import type { TerminalAffordances } from './affordances.tsx'
 import { OpenSubagentAction, WithActions } from './affordances.tsx'
-import { AssistantRow, FileRow, NoticeRow, ToolRunRow, ThinkingRow, ToolRow, TurnResultRow, UserRow, WorkingRow } from './items.tsx'
+import { AssistantRow, CompactionRow, FileRow, NoticeRow, ToolRunRow, ThinkingRow, ToolRow, TurnResultRow, UserRow, WorkingRow } from './items.tsx'
 import { blockNeedsBlank, taskChildItems, terminalBlocks, type TaskBlock } from './blocks.ts'
 import { usePulse } from '../agent/pulse.tsx'
 import { Pressable, useRevealOnOpen } from './press.tsx'
@@ -41,6 +41,9 @@ export function TerminalItemView({ item, fileUrl }: { item: TranscriptItem; file
     case 'notice': {
       return <NoticeRow item={item} />
     }
+    case 'compaction': {
+      return <CompactionRow />
+    }
     case 'file_delivered': {
       return <FileRow item={item} href={fileUrl?.(item.path)} />
     }

package/src/components/terminal/height.ts

@@ -1,6 +1,6 @@
 import type { FilePatch, PatchHunk } from '@workerdeck/protocol'
 import type { TranscriptItem } from '@workerdeck/react'
-import { formatBytes, formatCost, formatDuration, toolInputPreview } from '../../lib/format.ts'
+import { COMPACTION_TEXT, formatBytes, formatCost, formatDuration, toolInputPreview } from '../../lib/format.ts'
 import { taskChildItems, type TerminalBlock, type ToolCallItem } from './blocks.ts'
 import { IMAGE_BOX_LINES } from './image-box.ts'
 import { collapsedResult } from './result-preview.ts'
@@ -622,6 +622,11 @@ export function itemHeight(item: TranscriptItem, m: CellMetrics): ComputedHeight
     case 'notice': {
       return rowH(item.text, m, { extraPx })
     }
+    // Measured against the exported constant, not a copy of the sentence: the two must not drift,
+    // and a mismatch here is a scrubber that points a few pixels off for the rest of the session.
+    case 'compaction': {
+      return rowH(COMPACTION_TEXT, m, { extraPx })
+    }
     case 'file_delivered': {
       const text = `${item.path} · ${formatBytes(item.bytes)}` + (item.description ? ` · ${item.description}` : '')
       return rowH(text, m, { extraPx })

package/src/components/terminal/items.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 import type { TranscriptItem } from '@workerdeck/react'
-import { formatBytes, formatCost, formatDuration, toolInputPreview } from '../../lib/format.ts'
+import { COMPACTION_TEXT, formatBytes, formatCost, formatDuration, toolInputPreview } from '../../lib/format.ts'
 import { isMutatingTool } from '../../lib/tool-icon.ts'
 import { usePulse } from '../agent/pulse.tsx'
 import { BookmarkAction, CopyAction, WithActions } from './affordances.tsx'
@@ -278,6 +278,19 @@ export function TurnResultRow({ item }: { item: Extract<TranscriptItem, { kind:
   )
 }
 
+/**
+ * One row, deliberately. A rule with a centred label reads better and costs the height book a
+ * second measurement for a row that carries no content — and the point here is only that the
+ * boundary is *visible*, so the ring dropping 90% → 15% stops reading as a bug.
+ */
+export function CompactionRow() {
+  return (
+    <Row glyph="≡" glyphTone="yellow" tone="faint">
+      {COMPACTION_TEXT}
+    </Row>
+  )
+}
+
 export function NoticeRow({ item }: { item: Extract<TranscriptItem, { kind: 'notice' }> }) {
   const error = item.level === 'error'
   return (

package/src/lib/format.ts

@@ -1,3 +1,13 @@
+/**
+ * The whole payload of a `compaction` row. The wire event carries no summary because codex's
+ * `contextCompaction` item carries none, so the sentence *is* the content.
+ *
+ * It lives here, in a pure module, because the renderer (`terminal/items.tsx`) and the height book
+ * (`terminal/height.ts`) must measure and draw the same string — height.ts cannot import the
+ * `.tsx` without pulling React into a module the tests require to stay pure.
+ */
+export const COMPACTION_TEXT = 'context compacted · earlier turns summarised to fit the window'
+
 export function formatCost(usd: number | undefined): string {
   if (usd === undefined || Number.isNaN(usd)) {
     return '—'