@mastra/playground-ui 60.2.0 → 61.0.0-alpha.1

package/dist/domains/workspace/components/workspace-error.es.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { N as Notice } from '../../../Notice-D4gMAkVI.js';
+import { is401UnauthorizedError, is403ForbiddenError, is404NotFoundError } from '../../../utils/query-utils.es.js';
+
+const statusOf = (error) => error?.status;
+function describeError(error, fallback) {
+  if (is401UnauthorizedError(error)) return "Your session has expired. Sign in again to continue.";
+  if (is403ForbiddenError(error)) return "You don't have permission to access this.";
+  if (is404NotFoundError(error)) return "This path no longer exists.";
+  if (statusOf(error) === 501) return "This workspace does not support this operation.";
+  return fallback;
+}
+function WorkspaceError({
+  error,
+  fallback,
+  className
+}) {
+  return /* @__PURE__ */ jsx(Notice, { variant: "destructive", className, children: /* @__PURE__ */ jsx(Notice.Message, { children: describeError(error, fallback) }) });
+}
+
+export { WorkspaceError };
+//# sourceMappingURL=workspace-error.es.js.map

package/dist/domains/workspace/components/workspace-error.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-error.es.js","sources":["../../../../src/domains/workspace/components/workspace-error.tsx"],"sourcesContent":["import { Notice } from '@/ds/components/Notice';\nimport { is401UnauthorizedError, is403ForbiddenError, is404NotFoundError } from '@/lib/query-utils';\n\nconst statusOf = (error: unknown) => (error as { status?: number } | null)?.status;\n\nfunction describeError(error: unknown, fallback: string) {\n  if (is401UnauthorizedError(error)) return 'Your session has expired. Sign in again to continue.';\n  if (is403ForbiddenError(error)) return \"You don't have permission to access this.\";\n  if (is404NotFoundError(error)) return 'This path no longer exists.';\n  if (statusOf(error) === 501) return 'This workspace does not support this operation.';\n  return fallback;\n}\n\nexport function WorkspaceError({\n  error,\n  fallback,\n  className,\n}: {\n  error: unknown;\n  fallback: string;\n  className?: string;\n}) {\n  return (\n    <Notice variant=\"destructive\" className={className}>\n      <Notice.Message>{describeError(error, fallback)}</Notice.Message>\n    </Notice>\n  );\n}\n"],"names":[],"mappings":";;;;AAGA,MAAM,QAAA,GAAW,CAAC,KAAA,KAAoB,KAAA,EAAsC,MAAA;AAE5E,SAAS,aAAA,CAAc,OAAgB,QAAA,EAAkB;AACvD,EAAA,IAAI,sBAAA,CAAuB,KAAK,CAAA,EAAG,OAAO,sDAAA;AAC1C,EAAA,IAAI,mBAAA,CAAoB,KAAK,CAAA,EAAG,OAAO,2CAAA;AACvC,EAAA,IAAI,kBAAA,CAAmB,KAAK,CAAA,EAAG,OAAO,6BAAA;AACtC,EAAA,IAAI,QAAA,CAAS,KAAK,CAAA,KAAM,GAAA,EAAK,OAAO,iDAAA;AACpC,EAAA,OAAO,QAAA;AACT;AAEO,SAAS,cAAA,CAAe;AAAA,EAC7B,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,aAAA,EAAc,SAAA,EAC5B,QAAA,kBAAA,GAAA,CAAC,MAAA,CAAO,OAAA,EAAP,EAAgB,QAAA,EAAA,aAAA,CAAc,KAAA,EAAO,QAAQ,GAAE,CAAA,EAClD,CAAA;AAEJ;;;;"}

package/dist/domains/workspace/components/workspace-markdown-preview.cjs.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const domains_workspace_components_frontmatter = require('./frontmatter.cjs.js');
+const codeBlock = require('../../../code-block-CMI2oLXm.cjs');
+const markdownRenderer = require('../../../markdown-renderer-DRo-Hcuu.cjs');
+
+function WorkspaceMarkdownPreview({ content }) {
+  const { frontmatter, body } = domains_workspace_components_frontmatter.splitFrontmatter(content);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    frontmatter !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "workspace-frontmatter", className: "border-b border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+      codeBlock.CodeBlock,
+      {
+        code: frontmatter,
+        lang: "yaml",
+        overflow: "wrap",
+        className: "rounded-none border-0 bg-transparent [&_pre]:p-4"
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx(markdownRenderer.MarkdownRenderer, { children: body }) })
+  ] });
+}
+
+exports.WorkspaceMarkdownPreview = WorkspaceMarkdownPreview;
+//# sourceMappingURL=workspace-markdown-preview.cjs.js.map

package/dist/domains/workspace/components/workspace-markdown-preview.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-markdown-preview.cjs.js","sources":["../../../../src/domains/workspace/components/workspace-markdown-preview.tsx"],"sourcesContent":["import { splitFrontmatter } from './frontmatter';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Renders a markdown file, showing any leading YAML frontmatter as a code block above the body. */\nexport function WorkspaceMarkdownPreview({ content }: { content: string }) {\n  const { frontmatter, body } = splitFrontmatter(content);\n\n  return (\n    <>\n      {frontmatter !== null && (\n        <div data-testid=\"workspace-frontmatter\" className=\"border-b border-border\">\n          <CodeBlock\n            code={frontmatter}\n            lang=\"yaml\"\n            overflow=\"wrap\"\n            className=\"rounded-none border-0 bg-transparent [&_pre]:p-4\"\n          />\n        </div>\n      )}\n      <div className=\"p-4\">\n        <MarkdownRenderer>{body}</MarkdownRenderer>\n      </div>\n    </>\n  );\n}\n"],"names":["splitFrontmatter","jsxs","Fragment","jsx","CodeBlock","MarkdownRenderer"],"mappings":";;;;;;;;;AAKO,SAAS,wBAAA,CAAyB,EAAE,OAAA,EAAQ,EAAwB;AACzE,EAAA,MAAM,EAAE,WAAA,EAAa,IAAA,EAAK,GAAIA,0DAAiB,OAAO,CAAA;AAEtD,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA,KAAgB,wBACfC,cAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,uBAAA,EAAwB,WAAU,wBAAA,EACjD,QAAA,kBAAAA,cAAA;AAAA,MAACC,mBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,WAAA;AAAA,QACN,IAAA,EAAK,MAAA;AAAA,QACL,QAAA,EAAS,MAAA;AAAA,QACT,SAAA,EAAU;AAAA;AAAA,KACZ,EACF,CAAA;AAAA,mCAED,KAAA,EAAA,EAAI,SAAA,EAAU,OACb,QAAA,kBAAAD,cAAA,CAACE,iCAAA,EAAA,EAAkB,gBAAK,CAAA,EAC1B;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/workspace/components/workspace-markdown-preview.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/workspace/components/workspace-markdown-preview'
+export {}

package/dist/domains/workspace/components/workspace-markdown-preview.es.js

@@ -0,0 +1,23 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { splitFrontmatter } from './frontmatter.es.js';
+import { C as CodeBlock } from '../../../code-block-C04dJD3G.js';
+import { M as MarkdownRenderer } from '../../../markdown-renderer-XfWPF-B7.js';
+
+function WorkspaceMarkdownPreview({ content }) {
+  const { frontmatter, body } = splitFrontmatter(content);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    frontmatter !== null && /* @__PURE__ */ jsx("div", { "data-testid": "workspace-frontmatter", className: "border-b border-border", children: /* @__PURE__ */ jsx(
+      CodeBlock,
+      {
+        code: frontmatter,
+        lang: "yaml",
+        overflow: "wrap",
+        className: "rounded-none border-0 bg-transparent [&_pre]:p-4"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(MarkdownRenderer, { children: body }) })
+  ] });
+}
+
+export { WorkspaceMarkdownPreview };
+//# sourceMappingURL=workspace-markdown-preview.es.js.map

package/dist/domains/workspace/components/workspace-markdown-preview.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-markdown-preview.es.js","sources":["../../../../src/domains/workspace/components/workspace-markdown-preview.tsx"],"sourcesContent":["import { splitFrontmatter } from './frontmatter';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Renders a markdown file, showing any leading YAML frontmatter as a code block above the body. */\nexport function WorkspaceMarkdownPreview({ content }: { content: string }) {\n  const { frontmatter, body } = splitFrontmatter(content);\n\n  return (\n    <>\n      {frontmatter !== null && (\n        <div data-testid=\"workspace-frontmatter\" className=\"border-b border-border\">\n          <CodeBlock\n            code={frontmatter}\n            lang=\"yaml\"\n            overflow=\"wrap\"\n            className=\"rounded-none border-0 bg-transparent [&_pre]:p-4\"\n          />\n        </div>\n      )}\n      <div className=\"p-4\">\n        <MarkdownRenderer>{body}</MarkdownRenderer>\n      </div>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;AAKO,SAAS,wBAAA,CAAyB,EAAE,OAAA,EAAQ,EAAwB;AACzE,EAAA,MAAM,EAAE,WAAA,EAAa,IAAA,EAAK,GAAI,iBAAiB,OAAO,CAAA;AAEtD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA,KAAgB,wBACf,GAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,uBAAA,EAAwB,WAAU,wBAAA,EACjD,QAAA,kBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,WAAA;AAAA,QACN,IAAA,EAAK,MAAA;AAAA,QACL,QAAA,EAAS,MAAA;AAAA,QACT,SAAA,EAAU;AAAA;AAAA,KACZ,EACF,CAAA;AAAA,wBAED,KAAA,EAAA,EAAI,SAAA,EAAU,OACb,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAkB,gBAAK,CAAA,EAC1B;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/workspace/components/workspace-parts.cjs.js

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactResizablePanels = require('react-resizable-panels');
+const domains_workspace_hooks_useWorkspaceDirectory = require('../hooks/use-workspace-directory.cjs.js');
+const domains_workspace_path = require('../path.cjs.js');
+const domains_workspace_components_useWorkspaceContext = require('./use-workspace-context.cjs.js');
+const domains_workspace_components_workspaceActiveFile = require('./workspace-active-file.cjs.js');
+const domains_workspace_components_workspaceAddSkill = require('./workspace-add-skill.cjs.js');
+const domains_workspace_components_workspaceContext = require('./workspace-context.cjs.js');
+const domains_workspace_components_workspaceCreateDirectory = require('./workspace-create-directory.cjs.js');
+const domains_workspace_components_workspaceSearch = require('./workspace-search.cjs.js');
+const domains_workspace_components_workspaceTree = require('./workspace-tree.cjs.js');
+const EmptyState = require('../../../EmptyState-DvSib3QC.cjs');
+const scrollArea = require('../../../scroll-area-CEuf7Omb.cjs');
+const utils_queryUtils = require('../../../utils/query-utils.cjs.js');
+const resize_collapsiblePanel = require('../../../resize/collapsible-panel.cjs.js');
+const resize_panelGroup = require('../../../resize/panel-group.cjs.js');
+const resize_separator = require('../../../resize/separator.cjs.js');
+
+function WorkspaceRoot({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspaceContext.WorkspaceProvider, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(WorkspaceRootBody, { children }) });
+}
+function WorkspaceRootBody({ children }) {
+  const { workspaceId } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  const { data, error } = domains_workspace_hooks_useWorkspaceDirectory.useWorkspaceDirectory(workspaceId, domains_workspace_path.ROOT_PATH);
+  const isEmpty = data ? data.length === 0 : utils_queryUtils.is404NotFoundError(error);
+  if (isEmpty) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      EmptyState.EmptyState,
+      {
+        variant: "fill",
+        titleSlot: "This workspace is empty",
+        descriptionSlot: "Files written by your agents will show up here.",
+        actionSlot: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspaceCreateDirectory.WorkspaceCreateDirectory, { labeled: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspaceAddSkill.WorkspaceAddSkill, { labeled: true })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(resize_panelGroup.PanelGroup, { className: "size-full min-h-0 min-w-0", orientation: "horizontal", children }) });
+}
+function WorkspaceAside({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      resize_collapsiblePanel.CollapsiblePanel,
+      {
+        direction: "left",
+        id: "workspace-aside",
+        minSize: 200,
+        maxSize: "50%",
+        defaultSize: "25%",
+        collapsible: false,
+        className: "min-w-0",
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full min-h-0 flex-col", children })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(resize_separator.PanelSeparator, { className: "w-px bg-border" })
+  ] });
+}
+function WorkspaceAsideHeader({ children, actions }) {
+  const { isSearching } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-11 shrink-0 items-center gap-2 border-b border-border px-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children }),
+    actions && !isSearching ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-1", children: actions }) : null
+  ] });
+}
+function WorkspaceTree() {
+  const { isSearching } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "min-h-0 flex-1 px-2 py-1", children: isSearching ? /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspaceSearch.WorkspaceSearchResults, {}) : /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspaceTree.WorkspaceTree, {}) });
+}
+function WorkspaceActiveFile({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactResizablePanels.Panel, { id: "workspace-active-file", className: "flex min-w-0 flex-col", minSize: 30, children });
+}
+function WorkspaceActiveFileHeader({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 shrink-0 items-center gap-2 border-b border-border px-4", children });
+}
+function WorkspaceActiveFileContent({ renderPreview }) {
+  const { activeFilePath } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  if (!activeFilePath) return /* @__PURE__ */ jsxRuntime.jsx(EmptyState.EmptyState, { variant: "fill", titleSlot: "Select a file" });
+  return /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspaceActiveFile.WorkspaceActiveFileContent, { renderPreview }) });
+}
+
+exports.WorkspaceActiveFile = WorkspaceActiveFile;
+exports.WorkspaceActiveFileContent = WorkspaceActiveFileContent;
+exports.WorkspaceActiveFileHeader = WorkspaceActiveFileHeader;
+exports.WorkspaceAside = WorkspaceAside;
+exports.WorkspaceAsideHeader = WorkspaceAsideHeader;
+exports.WorkspaceRoot = WorkspaceRoot;
+exports.WorkspaceTree = WorkspaceTree;
+//# sourceMappingURL=workspace-parts.cjs.js.map

package/dist/domains/workspace/components/workspace-parts.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-parts.cjs.js","sources":["../../../../src/domains/workspace/components/workspace-parts.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Panel } from 'react-resizable-panels';\nimport { useWorkspaceDirectory } from '../hooks/use-workspace-directory';\nimport { ROOT_PATH } from '../path';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport { WorkspaceActiveFileContent as ActiveFileBody } from './workspace-active-file';\nimport type { WorkspacePreviewFactory } from './workspace-active-file';\nimport { WorkspaceAddSkill } from './workspace-add-skill';\nimport { WorkspaceProvider } from './workspace-context';\nimport type { WorkspaceProviderProps } from './workspace-context';\nimport { WorkspaceCreateDirectory } from './workspace-create-directory';\nimport { WorkspaceSearchResults } from './workspace-search';\nimport { WorkspaceTree as TreeBody } from './workspace-tree';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { is404NotFoundError } from '@/lib/query-utils';\nimport { CollapsiblePanel } from '@/lib/resize/collapsible-panel';\nimport { PanelGroup } from '@/lib/resize/panel-group';\nimport { PanelSeparator } from '@/lib/resize/separator';\n\nexport type WorkspaceRootProps = WorkspaceProviderProps;\n\nexport function WorkspaceRoot({ children, ...props }: WorkspaceRootProps) {\n  return (\n    <WorkspaceProvider {...props}>\n      <WorkspaceRootBody>{children}</WorkspaceRootBody>\n    </WorkspaceProvider>\n  );\n}\n\n/** An empty workspace (or one whose root folder doesn't exist yet) gets a single empty state instead of two panes. */\nfunction WorkspaceRootBody({ children }: { children: ReactNode }) {\n  const { workspaceId } = useWorkspaceContext();\n  const { data, error } = useWorkspaceDirectory(workspaceId, ROOT_PATH);\n  const isEmpty = data ? data.length === 0 : is404NotFoundError(error);\n\n  if (isEmpty) {\n    return (\n      <EmptyState\n        variant=\"fill\"\n        titleSlot=\"This workspace is empty\"\n        descriptionSlot=\"Files written by your agents will show up here.\"\n        actionSlot={\n          <div className=\"flex flex-wrap items-center justify-center gap-2\">\n            <WorkspaceCreateDirectory labeled />\n            <WorkspaceAddSkill labeled />\n          </div>\n        }\n      />\n    );\n  }\n\n  return (\n    <div className=\"size-full overflow-hidden\">\n      <PanelGroup className=\"size-full min-h-0 min-w-0\" orientation=\"horizontal\">\n        {children}\n      </PanelGroup>\n    </div>\n  );\n}\n\nexport function WorkspaceAside({ children }: { children: ReactNode }) {\n  return (\n    <>\n      <CollapsiblePanel\n        direction=\"left\"\n        id=\"workspace-aside\"\n        minSize={200}\n        maxSize=\"50%\"\n        defaultSize=\"25%\"\n        collapsible={false}\n        className=\"min-w-0\"\n      >\n        <div className=\"flex h-full min-h-0 flex-col\">{children}</div>\n      </CollapsiblePanel>\n      <PanelSeparator className=\"w-px bg-border\" />\n    </>\n  );\n}\n\nexport interface WorkspaceAsideHeaderProps {\n  children: ReactNode;\n  /** Slot for icon buttons (e.g. create directory), rendered after the children. */\n  actions?: ReactNode;\n}\n\nexport function WorkspaceAsideHeader({ children, actions }: WorkspaceAsideHeaderProps) {\n  const { isSearching } = useWorkspaceContext();\n  return (\n    <div className=\"flex h-11 shrink-0 items-center gap-2 border-b border-border px-3\">\n      <div className=\"min-w-0 flex-1\">{children}</div>\n      {actions && !isSearching ? <div className=\"flex shrink-0 items-center gap-1\">{actions}</div> : null}\n    </div>\n  );\n}\n\n/** Shows the file tree, or search results while the search is open. */\nexport function WorkspaceTree() {\n  const { isSearching } = useWorkspaceContext();\n  return (\n    <ScrollArea className=\"min-h-0 flex-1 px-2 py-1\">\n      {isSearching ? <WorkspaceSearchResults /> : <TreeBody />}\n    </ScrollArea>\n  );\n}\n\nexport function WorkspaceActiveFile({ children }: { children: ReactNode }) {\n  return (\n    <Panel id=\"workspace-active-file\" className=\"flex min-w-0 flex-col\" minSize={30}>\n      {children}\n    </Panel>\n  );\n}\n\nexport function WorkspaceActiveFileHeader({ children }: { children: ReactNode }) {\n  return <div className=\"flex h-11 shrink-0 items-center gap-2 border-b border-border px-4\">{children}</div>;\n}\n\nexport function WorkspaceActiveFileContent({ renderPreview }: { renderPreview?: WorkspacePreviewFactory }) {\n  const { activeFilePath } = useWorkspaceContext();\n  if (!activeFilePath) return <EmptyState variant=\"fill\" titleSlot=\"Select a file\" />;\n  return (\n    <ScrollArea className=\"min-h-0 flex-1\">\n      <ActiveFileBody renderPreview={renderPreview} />\n    </ScrollArea>\n  );\n}\n"],"names":["WorkspaceProvider","jsx","useWorkspaceContext","useWorkspaceDirectory","ROOT_PATH","is404NotFoundError","EmptyState","jsxs","WorkspaceCreateDirectory","WorkspaceAddSkill","PanelGroup","Fragment","CollapsiblePanel","PanelSeparator","ScrollArea","WorkspaceSearchResults","TreeBody","Panel","ActiveFileBody"],"mappings":"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"}

package/dist/domains/workspace/components/workspace-parts.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/workspace/components/workspace-parts'
+export {}

package/dist/domains/workspace/components/workspace-parts.es.js

@@ -0,0 +1,84 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Panel } from 'react-resizable-panels';
+import { useWorkspaceDirectory } from '../hooks/use-workspace-directory.es.js';
+import { ROOT_PATH } from '../path.es.js';
+import { useWorkspaceContext } from './use-workspace-context.es.js';
+import { WorkspaceActiveFileContent as WorkspaceActiveFileContent$1 } from './workspace-active-file.es.js';
+import { WorkspaceAddSkill } from './workspace-add-skill.es.js';
+import { WorkspaceProvider } from './workspace-context.es.js';
+import { WorkspaceCreateDirectory } from './workspace-create-directory.es.js';
+import { WorkspaceSearchResults } from './workspace-search.es.js';
+import { WorkspaceTree as WorkspaceTree$1 } from './workspace-tree.es.js';
+import { E as EmptyState } from '../../../EmptyState-DGzBN0Ix.js';
+import { S as ScrollArea } from '../../../scroll-area-Ds-fJn5M.js';
+import { is404NotFoundError } from '../../../utils/query-utils.es.js';
+import { CollapsiblePanel } from '../../../resize/collapsible-panel.es.js';
+import { PanelGroup } from '../../../resize/panel-group.es.js';
+import { PanelSeparator } from '../../../resize/separator.es.js';
+
+function WorkspaceRoot({ children, ...props }) {
+  return /* @__PURE__ */ jsx(WorkspaceProvider, { ...props, children: /* @__PURE__ */ jsx(WorkspaceRootBody, { children }) });
+}
+function WorkspaceRootBody({ children }) {
+  const { workspaceId } = useWorkspaceContext();
+  const { data, error } = useWorkspaceDirectory(workspaceId, ROOT_PATH);
+  const isEmpty = data ? data.length === 0 : is404NotFoundError(error);
+  if (isEmpty) {
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        variant: "fill",
+        titleSlot: "This workspace is empty",
+        descriptionSlot: "Files written by your agents will show up here.",
+        actionSlot: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+          /* @__PURE__ */ jsx(WorkspaceCreateDirectory, { labeled: true }),
+          /* @__PURE__ */ jsx(WorkspaceAddSkill, { labeled: true })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsx(PanelGroup, { className: "size-full min-h-0 min-w-0", orientation: "horizontal", children }) });
+}
+function WorkspaceAside({ children }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      CollapsiblePanel,
+      {
+        direction: "left",
+        id: "workspace-aside",
+        minSize: 200,
+        maxSize: "50%",
+        defaultSize: "25%",
+        collapsible: false,
+        className: "min-w-0",
+        children: /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-0 flex-col", children })
+      }
+    ),
+    /* @__PURE__ */ jsx(PanelSeparator, { className: "w-px bg-border" })
+  ] });
+}
+function WorkspaceAsideHeader({ children, actions }) {
+  const { isSearching } = useWorkspaceContext();
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-11 shrink-0 items-center gap-2 border-b border-border px-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children }),
+    actions && !isSearching ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1", children: actions }) : null
+  ] });
+}
+function WorkspaceTree() {
+  const { isSearching } = useWorkspaceContext();
+  return /* @__PURE__ */ jsx(ScrollArea, { className: "min-h-0 flex-1 px-2 py-1", children: isSearching ? /* @__PURE__ */ jsx(WorkspaceSearchResults, {}) : /* @__PURE__ */ jsx(WorkspaceTree$1, {}) });
+}
+function WorkspaceActiveFile({ children }) {
+  return /* @__PURE__ */ jsx(Panel, { id: "workspace-active-file", className: "flex min-w-0 flex-col", minSize: 30, children });
+}
+function WorkspaceActiveFileHeader({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex h-11 shrink-0 items-center gap-2 border-b border-border px-4", children });
+}
+function WorkspaceActiveFileContent({ renderPreview }) {
+  const { activeFilePath } = useWorkspaceContext();
+  if (!activeFilePath) return /* @__PURE__ */ jsx(EmptyState, { variant: "fill", titleSlot: "Select a file" });
+  return /* @__PURE__ */ jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(WorkspaceActiveFileContent$1, { renderPreview }) });
+}
+
+export { WorkspaceActiveFile, WorkspaceActiveFileContent, WorkspaceActiveFileHeader, WorkspaceAside, WorkspaceAsideHeader, WorkspaceRoot, WorkspaceTree };
+//# sourceMappingURL=workspace-parts.es.js.map

package/dist/domains/workspace/components/workspace-parts.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-parts.es.js","sources":["../../../../src/domains/workspace/components/workspace-parts.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Panel } from 'react-resizable-panels';\nimport { useWorkspaceDirectory } from '../hooks/use-workspace-directory';\nimport { ROOT_PATH } from '../path';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport { WorkspaceActiveFileContent as ActiveFileBody } from './workspace-active-file';\nimport type { WorkspacePreviewFactory } from './workspace-active-file';\nimport { WorkspaceAddSkill } from './workspace-add-skill';\nimport { WorkspaceProvider } from './workspace-context';\nimport type { WorkspaceProviderProps } from './workspace-context';\nimport { WorkspaceCreateDirectory } from './workspace-create-directory';\nimport { WorkspaceSearchResults } from './workspace-search';\nimport { WorkspaceTree as TreeBody } from './workspace-tree';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { is404NotFoundError } from '@/lib/query-utils';\nimport { CollapsiblePanel } from '@/lib/resize/collapsible-panel';\nimport { PanelGroup } from '@/lib/resize/panel-group';\nimport { PanelSeparator } from '@/lib/resize/separator';\n\nexport type WorkspaceRootProps = WorkspaceProviderProps;\n\nexport function WorkspaceRoot({ children, ...props }: WorkspaceRootProps) {\n  return (\n    <WorkspaceProvider {...props}>\n      <WorkspaceRootBody>{children}</WorkspaceRootBody>\n    </WorkspaceProvider>\n  );\n}\n\n/** An empty workspace (or one whose root folder doesn't exist yet) gets a single empty state instead of two panes. */\nfunction WorkspaceRootBody({ children }: { children: ReactNode }) {\n  const { workspaceId } = useWorkspaceContext();\n  const { data, error } = useWorkspaceDirectory(workspaceId, ROOT_PATH);\n  const isEmpty = data ? data.length === 0 : is404NotFoundError(error);\n\n  if (isEmpty) {\n    return (\n      <EmptyState\n        variant=\"fill\"\n        titleSlot=\"This workspace is empty\"\n        descriptionSlot=\"Files written by your agents will show up here.\"\n        actionSlot={\n          <div className=\"flex flex-wrap items-center justify-center gap-2\">\n            <WorkspaceCreateDirectory labeled />\n            <WorkspaceAddSkill labeled />\n          </div>\n        }\n      />\n    );\n  }\n\n  return (\n    <div className=\"size-full overflow-hidden\">\n      <PanelGroup className=\"size-full min-h-0 min-w-0\" orientation=\"horizontal\">\n        {children}\n      </PanelGroup>\n    </div>\n  );\n}\n\nexport function WorkspaceAside({ children }: { children: ReactNode }) {\n  return (\n    <>\n      <CollapsiblePanel\n        direction=\"left\"\n        id=\"workspace-aside\"\n        minSize={200}\n        maxSize=\"50%\"\n        defaultSize=\"25%\"\n        collapsible={false}\n        className=\"min-w-0\"\n      >\n        <div className=\"flex h-full min-h-0 flex-col\">{children}</div>\n      </CollapsiblePanel>\n      <PanelSeparator className=\"w-px bg-border\" />\n    </>\n  );\n}\n\nexport interface WorkspaceAsideHeaderProps {\n  children: ReactNode;\n  /** Slot for icon buttons (e.g. create directory), rendered after the children. */\n  actions?: ReactNode;\n}\n\nexport function WorkspaceAsideHeader({ children, actions }: WorkspaceAsideHeaderProps) {\n  const { isSearching } = useWorkspaceContext();\n  return (\n    <div className=\"flex h-11 shrink-0 items-center gap-2 border-b border-border px-3\">\n      <div className=\"min-w-0 flex-1\">{children}</div>\n      {actions && !isSearching ? <div className=\"flex shrink-0 items-center gap-1\">{actions}</div> : null}\n    </div>\n  );\n}\n\n/** Shows the file tree, or search results while the search is open. */\nexport function WorkspaceTree() {\n  const { isSearching } = useWorkspaceContext();\n  return (\n    <ScrollArea className=\"min-h-0 flex-1 px-2 py-1\">\n      {isSearching ? <WorkspaceSearchResults /> : <TreeBody />}\n    </ScrollArea>\n  );\n}\n\nexport function WorkspaceActiveFile({ children }: { children: ReactNode }) {\n  return (\n    <Panel id=\"workspace-active-file\" className=\"flex min-w-0 flex-col\" minSize={30}>\n      {children}\n    </Panel>\n  );\n}\n\nexport function WorkspaceActiveFileHeader({ children }: { children: ReactNode }) {\n  return <div className=\"flex h-11 shrink-0 items-center gap-2 border-b border-border px-4\">{children}</div>;\n}\n\nexport function WorkspaceActiveFileContent({ renderPreview }: { renderPreview?: WorkspacePreviewFactory }) {\n  const { activeFilePath } = useWorkspaceContext();\n  if (!activeFilePath) return <EmptyState variant=\"fill\" titleSlot=\"Select a file\" />;\n  return (\n    <ScrollArea className=\"min-h-0 flex-1\">\n      <ActiveFileBody renderPreview={renderPreview} />\n    </ScrollArea>\n  );\n}\n"],"names":["TreeBody","ActiveFileBody"],"mappings":"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"}

package/dist/domains/workspace/components/workspace-search.cjs.js

@@ -0,0 +1,117 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const domains_workspace_hooks_useWorkspaceSearch = require('../hooks/use-workspace-search.cjs.js');
+const domains_workspace_components_useWorkspaceContext = require('./use-workspace-context.cjs.js');
+const domains_workspace_components_workspaceError = require('./workspace-error.cjs.js');
+const Button = require('../../../Button-CXhSUBxN.cjs');
+const EmptyState = require('../../../EmptyState-DvSib3QC.cjs');
+const input = require('../../../input-D0UPyj6A.cjs');
+const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
+const icons_Icon = require('../../../icons/Icon.cjs.js');
+const icons_SkillIcon = require('../../../icons/SkillIcon.cjs.js');
+const icons_FileIcon = require('../../../icons/FileIcon.cjs.js');
+const icons_SearchIcon = require('../../../icons/SearchIcon.cjs.js');
+const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+
+function WorkspaceSearchToggle() {
+  const { isSearching, setSearching, searchFiles, searchSkills } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  if (!searchFiles && !searchSkills) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button.Button,
+    {
+      variant: "ghost",
+      size: "icon-sm",
+      tooltip: "Search files and skills",
+      "aria-pressed": isSearching,
+      onClick: () => setSearching(!isSearching),
+      children: /* @__PURE__ */ jsxRuntime.jsx(icons_SearchIcon.SearchIcon, {})
+    }
+  );
+}
+function WorkspaceSearch() {
+  const { isSearching } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  return isSearching ? /* @__PURE__ */ jsxRuntime.jsx(SearchInput, {}) : /* @__PURE__ */ jsxRuntime.jsx(AsideTitle, {});
+}
+const countLabel = (count, noun) => `${count} ${noun}${count === 1 ? "" : "s"}`;
+function AsideTitle() {
+  const { fileCount, skillCount } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  return /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { as: "span", variant: "label", tone: "muted", className: "block min-w-0 truncate", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: fileCount === void 0 ? "Files" : countLabel(fileCount, "File") }),
+    skillCount === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "label", tone: "faint", "aria-hidden": true, className: "mx-1.5", children: "·" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: countLabel(skillCount, "Skill") })
+    ] })
+  ] });
+}
+function SearchInput() {
+  const { setSearching, setQuery } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  const [value, setValue] = React.useState("");
+  const [, startTransition] = React.useTransition();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      input.Input,
+      {
+        type: "search",
+        size: "sm",
+        autoFocus: true,
+        "aria-label": "Search query",
+        placeholder: "Search files and skills",
+        value,
+        onChange: (event) => {
+          const next = event.target.value;
+          setValue(next);
+          startTransition(() => setQuery(next));
+        },
+        onKeyDown: (event) => {
+          if (event.key === "Escape") setSearching(false);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "ghost", size: "icon-sm", tooltip: "Close search", onClick: () => setSearching(false), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}) })
+  ] });
+}
+function WorkspaceSearchResults() {
+  const { workspaceId, query, activeFilePath, setActiveFilePath, searchFiles, searchSkills } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  const { data, isLoading, isError, error } = domains_workspace_hooks_useWorkspaceSearch.useWorkspaceSearch(workspaceId, query, {
+    files: searchFiles,
+    skills: searchSkills
+  });
+  if (!query.trim()) {
+    return /* @__PURE__ */ jsxRuntime.jsx(EmptyState.EmptyState, { titleSlot: "Search files and skills", descriptionSlot: "Type to find matching content." });
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-busy": "true", className: "flex flex-col gap-2 p-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-3/4" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-2/3" })
+    ] });
+  }
+  if (isError) return /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspaceError.WorkspaceError, { error, fallback: "Search failed.", className: "m-2" });
+  if (!data?.length) return /* @__PURE__ */ jsxRuntime.jsx(EmptyState.EmptyState, { titleSlot: "No results" });
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": "Search results", className: "flex flex-col py-1", children: data.map((hit) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      title: hit.path,
+      onClick: () => setActiveFilePath(hit.path),
+      className: utils_cn.cn(
+        "flex w-full items-center gap-1.5 rounded-md px-2 py-1 text-left text-body-sm text-muted-foreground hover:bg-fill-subtle",
+        activeFilePath === hit.path && "bg-fill text-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "sm", children: hit.kind === "skill" ? /* @__PURE__ */ jsxRuntime.jsx(icons_SkillIcon.SkillIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons_FileIcon.FileIcon, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: hit.label })
+      ]
+    }
+  ) }, hit.path)) });
+}
+
+exports.WorkspaceSearch = WorkspaceSearch;
+exports.WorkspaceSearchResults = WorkspaceSearchResults;
+exports.WorkspaceSearchToggle = WorkspaceSearchToggle;
+//# sourceMappingURL=workspace-search.cjs.js.map

package/dist/domains/workspace/components/workspace-search.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-search.cjs.js","sources":["../../../../src/domains/workspace/components/workspace-search.tsx"],"sourcesContent":["import { XIcon } from 'lucide-react';\nimport { useState, useTransition } from 'react';\nimport { useWorkspaceSearch } from '../hooks/use-workspace-search';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport { WorkspaceError } from './workspace-error';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { Input } from '@/ds/components/Input';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { FileIcon, Icon, SearchIcon, SkillIcon } from '@/ds/icons';\nimport { cn } from '@/lib/utils';\n\n/** Icon button that swaps the tree for the search panel, like VS Code's search view. */\nexport function WorkspaceSearchToggle() {\n  const { isSearching, setSearching, searchFiles, searchSkills } = useWorkspaceContext();\n  if (!searchFiles && !searchSkills) return null;\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      tooltip=\"Search files and skills\"\n      aria-pressed={isSearching}\n      onClick={() => setSearching(!isSearching)}\n    >\n      <SearchIcon />\n    </Button>\n  );\n}\n\n/** The search input while searching, the aside title otherwise. */\nexport function WorkspaceSearch() {\n  const { isSearching } = useWorkspaceContext();\n  return isSearching ? <SearchInput /> : <AsideTitle />;\n}\n\nconst countLabel = (count: number, noun: string) => `${count} ${noun}${count === 1 ? '' : 's'}`;\n\nfunction AsideTitle() {\n  const { fileCount, skillCount } = useWorkspaceContext();\n  return (\n    <Txt as=\"span\" variant=\"label\" tone=\"muted\" className=\"block min-w-0 truncate\">\n      <span>{fileCount === undefined ? 'Files' : countLabel(fileCount, 'File')}</span>\n      {skillCount === undefined ? null : (\n        <>\n          <Txt as=\"span\" variant=\"label\" tone=\"faint\" aria-hidden className=\"mx-1.5\">\n            ·\n          </Txt>\n          <span>{countLabel(skillCount, 'Skill')}</span>\n        </>\n      )}\n    </Txt>\n  );\n}\n\n// Mounted only while searching, so reopening the search starts from an empty input.\nfunction SearchInput() {\n  const { setSearching, setQuery } = useWorkspaceContext();\n  const [value, setValue] = useState('');\n  const [, startTransition] = useTransition();\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <Input\n        type=\"search\"\n        size=\"sm\"\n        autoFocus\n        aria-label=\"Search query\"\n        placeholder=\"Search files and skills\"\n        value={value}\n        onChange={event => {\n          const next = event.target.value;\n          setValue(next);\n          startTransition(() => setQuery(next));\n        }}\n        onKeyDown={event => {\n          if (event.key === 'Escape') setSearching(false);\n        }}\n      />\n      <Button variant=\"ghost\" size=\"icon-sm\" tooltip=\"Close search\" onClick={() => setSearching(false)}>\n        <XIcon />\n      </Button>\n    </div>\n  );\n}\n\nexport function WorkspaceSearchResults() {\n  const { workspaceId, query, activeFilePath, setActiveFilePath, searchFiles, searchSkills } = useWorkspaceContext();\n  const { data, isLoading, isError, error } = useWorkspaceSearch(workspaceId, query, {\n    files: searchFiles,\n    skills: searchSkills,\n  });\n\n  if (!query.trim()) {\n    return <EmptyState titleSlot=\"Search files and skills\" descriptionSlot=\"Type to find matching content.\" />;\n  }\n  if (isLoading) {\n    return (\n      <div aria-busy=\"true\" className=\"flex flex-col gap-2 p-2\">\n        <Skeleton className=\"h-4 w-3/4\" />\n        <Skeleton className=\"h-4 w-2/3\" />\n      </div>\n    );\n  }\n  if (isError) return <WorkspaceError error={error} fallback=\"Search failed.\" className=\"m-2\" />;\n  if (!data?.length) return <EmptyState titleSlot=\"No results\" />;\n\n  return (\n    <ul aria-label=\"Search results\" className=\"flex flex-col py-1\">\n      {data.map(hit => (\n        <li key={hit.path}>\n          <button\n            type=\"button\"\n            title={hit.path}\n            onClick={() => setActiveFilePath(hit.path)}\n            className={cn(\n              'flex w-full items-center gap-1.5 rounded-md px-2 py-1 text-left text-body-sm text-muted-foreground hover:bg-fill-subtle',\n              activeFilePath === hit.path && 'bg-fill text-foreground',\n            )}\n          >\n            <Icon size=\"sm\">{hit.kind === 'skill' ? <SkillIcon /> : <FileIcon />}</Icon>\n            <span className=\"truncate\">{hit.label}</span>\n          </button>\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":["useWorkspaceContext","jsx","Button","SearchIcon","jsxs","Txt","Fragment","useState","useTransition","Input","XIcon","useWorkspaceSearch","EmptyState","Skeleton","WorkspaceError","cn","Icon","SkillIcon","FileIcon"],"mappings":"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"}

package/dist/domains/workspace/components/workspace-search.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/workspace/components/workspace-search'
+export {}

package/dist/domains/workspace/components/workspace-search.es.js

@@ -0,0 +1,111 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { XIcon } from 'lucide-react';
+import { useState, useTransition } from 'react';
+import { useWorkspaceSearch } from '../hooks/use-workspace-search.es.js';
+import { useWorkspaceContext } from './use-workspace-context.es.js';
+import { WorkspaceError } from './workspace-error.es.js';
+import { B as Button } from '../../../Button-D43ghVKt.js';
+import { E as EmptyState } from '../../../EmptyState-DGzBN0Ix.js';
+import { I as Input } from '../../../input-D5_B67_r.js';
+import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
+import { Icon } from '../../../icons/Icon.es.js';
+import { SkillIcon } from '../../../icons/SkillIcon.es.js';
+import { FileIcon } from '../../../icons/FileIcon.es.js';
+import { SearchIcon } from '../../../icons/SearchIcon.es.js';
+import { c as cn } from '../../../cn-65Adrsfj.js';
+
+function WorkspaceSearchToggle() {
+  const { isSearching, setSearching, searchFiles, searchSkills } = useWorkspaceContext();
+  if (!searchFiles && !searchSkills) return null;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon-sm",
+      tooltip: "Search files and skills",
+      "aria-pressed": isSearching,
+      onClick: () => setSearching(!isSearching),
+      children: /* @__PURE__ */ jsx(SearchIcon, {})
+    }
+  );
+}
+function WorkspaceSearch() {
+  const { isSearching } = useWorkspaceContext();
+  return isSearching ? /* @__PURE__ */ jsx(SearchInput, {}) : /* @__PURE__ */ jsx(AsideTitle, {});
+}
+const countLabel = (count, noun) => `${count} ${noun}${count === 1 ? "" : "s"}`;
+function AsideTitle() {
+  const { fileCount, skillCount } = useWorkspaceContext();
+  return /* @__PURE__ */ jsxs(Txt, { as: "span", variant: "label", tone: "muted", className: "block min-w-0 truncate", children: [
+    /* @__PURE__ */ jsx("span", { children: fileCount === void 0 ? "Files" : countLabel(fileCount, "File") }),
+    skillCount === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Txt, { as: "span", variant: "label", tone: "faint", "aria-hidden": true, className: "mx-1.5", children: "·" }),
+      /* @__PURE__ */ jsx("span", { children: countLabel(skillCount, "Skill") })
+    ] })
+  ] });
+}
+function SearchInput() {
+  const { setSearching, setQuery } = useWorkspaceContext();
+  const [value, setValue] = useState("");
+  const [, startTransition] = useTransition();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: "search",
+        size: "sm",
+        autoFocus: true,
+        "aria-label": "Search query",
+        placeholder: "Search files and skills",
+        value,
+        onChange: (event) => {
+          const next = event.target.value;
+          setValue(next);
+          startTransition(() => setQuery(next));
+        },
+        onKeyDown: (event) => {
+          if (event.key === "Escape") setSearching(false);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-sm", tooltip: "Close search", onClick: () => setSearching(false), children: /* @__PURE__ */ jsx(XIcon, {}) })
+  ] });
+}
+function WorkspaceSearchResults() {
+  const { workspaceId, query, activeFilePath, setActiveFilePath, searchFiles, searchSkills } = useWorkspaceContext();
+  const { data, isLoading, isError, error } = useWorkspaceSearch(workspaceId, query, {
+    files: searchFiles,
+    skills: searchSkills
+  });
+  if (!query.trim()) {
+    return /* @__PURE__ */ jsx(EmptyState, { titleSlot: "Search files and skills", descriptionSlot: "Type to find matching content." });
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs("div", { "aria-busy": "true", className: "flex flex-col gap-2 p-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-2/3" })
+    ] });
+  }
+  if (isError) return /* @__PURE__ */ jsx(WorkspaceError, { error, fallback: "Search failed.", className: "m-2" });
+  if (!data?.length) return /* @__PURE__ */ jsx(EmptyState, { titleSlot: "No results" });
+  return /* @__PURE__ */ jsx("ul", { "aria-label": "Search results", className: "flex flex-col py-1", children: data.map((hit) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      title: hit.path,
+      onClick: () => setActiveFilePath(hit.path),
+      className: cn(
+        "flex w-full items-center gap-1.5 rounded-md px-2 py-1 text-left text-body-sm text-muted-foreground hover:bg-fill-subtle",
+        activeFilePath === hit.path && "bg-fill text-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Icon, { size: "sm", children: hit.kind === "skill" ? /* @__PURE__ */ jsx(SkillIcon, {}) : /* @__PURE__ */ jsx(FileIcon, {}) }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: hit.label })
+      ]
+    }
+  ) }, hit.path)) });
+}
+
+export { WorkspaceSearch, WorkspaceSearchResults, WorkspaceSearchToggle };
+//# sourceMappingURL=workspace-search.es.js.map

package/dist/domains/workspace/components/workspace-search.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-search.es.js","sources":["../../../../src/domains/workspace/components/workspace-search.tsx"],"sourcesContent":["import { XIcon } from 'lucide-react';\nimport { useState, useTransition } from 'react';\nimport { useWorkspaceSearch } from '../hooks/use-workspace-search';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport { WorkspaceError } from './workspace-error';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { Input } from '@/ds/components/Input';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { FileIcon, Icon, SearchIcon, SkillIcon } from '@/ds/icons';\nimport { cn } from '@/lib/utils';\n\n/** Icon button that swaps the tree for the search panel, like VS Code's search view. */\nexport function WorkspaceSearchToggle() {\n  const { isSearching, setSearching, searchFiles, searchSkills } = useWorkspaceContext();\n  if (!searchFiles && !searchSkills) return null;\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      tooltip=\"Search files and skills\"\n      aria-pressed={isSearching}\n      onClick={() => setSearching(!isSearching)}\n    >\n      <SearchIcon />\n    </Button>\n  );\n}\n\n/** The search input while searching, the aside title otherwise. */\nexport function WorkspaceSearch() {\n  const { isSearching } = useWorkspaceContext();\n  return isSearching ? <SearchInput /> : <AsideTitle />;\n}\n\nconst countLabel = (count: number, noun: string) => `${count} ${noun}${count === 1 ? '' : 's'}`;\n\nfunction AsideTitle() {\n  const { fileCount, skillCount } = useWorkspaceContext();\n  return (\n    <Txt as=\"span\" variant=\"label\" tone=\"muted\" className=\"block min-w-0 truncate\">\n      <span>{fileCount === undefined ? 'Files' : countLabel(fileCount, 'File')}</span>\n      {skillCount === undefined ? null : (\n        <>\n          <Txt as=\"span\" variant=\"label\" tone=\"faint\" aria-hidden className=\"mx-1.5\">\n            ·\n          </Txt>\n          <span>{countLabel(skillCount, 'Skill')}</span>\n        </>\n      )}\n    </Txt>\n  );\n}\n\n// Mounted only while searching, so reopening the search starts from an empty input.\nfunction SearchInput() {\n  const { setSearching, setQuery } = useWorkspaceContext();\n  const [value, setValue] = useState('');\n  const [, startTransition] = useTransition();\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <Input\n        type=\"search\"\n        size=\"sm\"\n        autoFocus\n        aria-label=\"Search query\"\n        placeholder=\"Search files and skills\"\n        value={value}\n        onChange={event => {\n          const next = event.target.value;\n          setValue(next);\n          startTransition(() => setQuery(next));\n        }}\n        onKeyDown={event => {\n          if (event.key === 'Escape') setSearching(false);\n        }}\n      />\n      <Button variant=\"ghost\" size=\"icon-sm\" tooltip=\"Close search\" onClick={() => setSearching(false)}>\n        <XIcon />\n      </Button>\n    </div>\n  );\n}\n\nexport function WorkspaceSearchResults() {\n  const { workspaceId, query, activeFilePath, setActiveFilePath, searchFiles, searchSkills } = useWorkspaceContext();\n  const { data, isLoading, isError, error } = useWorkspaceSearch(workspaceId, query, {\n    files: searchFiles,\n    skills: searchSkills,\n  });\n\n  if (!query.trim()) {\n    return <EmptyState titleSlot=\"Search files and skills\" descriptionSlot=\"Type to find matching content.\" />;\n  }\n  if (isLoading) {\n    return (\n      <div aria-busy=\"true\" className=\"flex flex-col gap-2 p-2\">\n        <Skeleton className=\"h-4 w-3/4\" />\n        <Skeleton className=\"h-4 w-2/3\" />\n      </div>\n    );\n  }\n  if (isError) return <WorkspaceError error={error} fallback=\"Search failed.\" className=\"m-2\" />;\n  if (!data?.length) return <EmptyState titleSlot=\"No results\" />;\n\n  return (\n    <ul aria-label=\"Search results\" className=\"flex flex-col py-1\">\n      {data.map(hit => (\n        <li key={hit.path}>\n          <button\n            type=\"button\"\n            title={hit.path}\n            onClick={() => setActiveFilePath(hit.path)}\n            className={cn(\n              'flex w-full items-center gap-1.5 rounded-md px-2 py-1 text-left text-body-sm text-muted-foreground hover:bg-fill-subtle',\n              activeFilePath === hit.path && 'bg-fill text-foreground',\n            )}\n          >\n            <Icon size=\"sm\">{hit.kind === 'skill' ? <SkillIcon /> : <FileIcon />}</Icon>\n            <span className=\"truncate\">{hit.label}</span>\n          </button>\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":[],"mappings":"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"}