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

package/dist/domains/workflows/workflow/workflow-run-header.es.js

@@ -3,10 +3,10 @@ import { Pause, Timer } from 'lucide-react';
 import { WorkflowRunStatusIcon } from '../components/workflow-run-status-icon.es.js';
 import { resolveRunTiming } from '../context/workflow-step-timing.es.js';
 import { workflowStatusTone } from '../workflow-status-tone.es.js';
-import { B as Badge } from '../../../Badge-DmOqFpXW.js';
+import { B as Badge } from '../../../Badge-DId-8rYY.js';
 import { C as CopyButton } from '../../../copy-button-DH8xtrWz.js';
-import { R as RelativeTimestamp } from '../../../relative-timestamp-Cnp4VeLp.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { R as RelativeTimestamp } from '../../../relative-timestamp-Rn8mAobA.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { useTimeDiff } from '../../../hooks/use-time-diff.es.js';
 import { formatDuration } from '../../../utils/duration.es.js';
 

package/dist/domains/workflows/workflow/workflow-status.cjs.js

@@ -8,7 +8,7 @@ const domains_workflows_workflowStatusTone = require('../workflow-status-tone.cj
 const domains_workflows_workflow_workflowCard = require('./workflow-card.cjs.js');
 const domains_chat_messages_tripwireNotice = require('../../chat/messages/tripwire-notice.cjs.js');
 const codeEditor = require('../../../code-editor-Btr1qm_5.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 const icons_CheckIcon = require('../../../icons/CheckIcon.cjs.js');
 const icons_CrossIcon = require('../../../icons/CrossIcon.cjs.js');
 const icons_Icon = require('../../../icons/Icon.cjs.js');

package/dist/domains/workflows/workflow/workflow-status.es.js

@@ -4,7 +4,7 @@ import { workflowStatusToneText, workflowStatusTone } from '../workflow-status-t
 import { WorkflowCard } from './workflow-card.es.js';
 import { TripwireNotice } from '../../chat/messages/tripwire-notice.es.js';
 import { C as CodeEditor } from '../../../code-editor-DzhYz1fH.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { CheckIcon } from '../../../icons/CheckIcon.es.js';
 import { CrossIcon } from '../../../icons/CrossIcon.es.js';
 import { Icon } from '../../../icons/Icon.es.js';

package/dist/domains/workflows/workflow/workflow-steps-status.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_workflows_workflow_workflowStatus = require('./workflow-status.cjs.js');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 
 function WorkflowStepsStatus({ steps, workflowResult }) {
   const filteredSteps = Object.entries(steps).filter(([key, _]) => key !== "input" && !key.endsWith(".input"));

package/dist/domains/workflows/workflow/workflow-steps-status.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { WorkflowStatus } from './workflow-status.es.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 
 function WorkflowStepsStatus({ steps, workflowResult }) {
   const filteredSteps = Object.entries(steps).filter(([key, _]) => key !== "input" && !key.endsWith(".input"));

package/dist/domains/workflows/workflow/workflow-suspended-steps.cjs.js

@@ -10,10 +10,10 @@ const zod = require('zod');
 const domains_workflows_components_workflowLayout = require('../components/workflow-layout.cjs.js');
 const domains_workflows_workflow_workflowInputData = require('./workflow-input-data.cjs.js');
 const activity = require('../../../activity-BYMLNb0G.cjs');
-const Badge = require('../../../Badge-D3EctKQo.cjs');
+const Badge = require('../../../Badge-DB59RxT5.cjs');
 const codeEditor = require('../../../code-editor-Btr1qm_5.cjs');
 const collapsible = require('../../../collapsible-jfzzU7Gp.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 const primitives_raisedSurface = require('../../../primitives/raised-surface.cjs.js');
 const lib_form_jsonSchemaToZodRuntime = require('../../../lib/form/json-schema-to-zod-runtime.cjs.js');

package/dist/domains/workflows/workflow/workflow-suspended-steps.es.js

@@ -6,10 +6,10 @@ import { z } from 'zod';
 import { panelSurfaceStyle } from '../components/workflow-layout.es.js';
 import { WorkflowInputData } from './workflow-input-data.es.js';
 import { a as ActivityWick } from '../../../activity-B8TfxRNU.js';
-import { B as Badge } from '../../../Badge-DmOqFpXW.js';
+import { B as Badge } from '../../../Badge-DId-8rYY.js';
 import { C as CodeEditor } from '../../../code-editor-DzhYz1fH.js';
 import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-BNUn4644.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { Icon } from '../../../icons/Icon.es.js';
 import { raisedSurfaceStyle } from '../../../primitives/raised-surface.es.js';
 import { jsonSchemaToZodRuntime } from '../../../lib/form/json-schema-to-zod-runtime.es.js';

package/dist/domains/workflows/workflow/workflow-time-travel-form.cjs.js

@@ -11,11 +11,11 @@ const domains_workflows_context_workflowRunContext = require('../context/workflo
 const domains_workflows_workflow_workflowInputData = require('./workflow-input-data.cjs.js');
 const codeEditor = require('../../../code-editor-Btr1qm_5.cjs');
 const collapsible = require('../../../collapsible-jfzzU7Gp.cjs');
-const field = require('../../../field-ip9xiOVa.cjs');
+const field = require('../../../field-BkeKcz_6.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
-const Notice = require('../../../Notice-C4Tgmtgb.cjs');
+const Notice = require('../../../Notice-D4zc_oTj.cjs');
 const tooltip = require('../../../tooltip-DIZ5oqjV.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 const primitives_raisedSurface = require('../../../primitives/raised-surface.cjs.js');
 const primitives_typography = require('../../../primitives/typography.cjs.js');

package/dist/domains/workflows/workflow/workflow-time-travel-form.es.js

@@ -7,11 +7,11 @@ import { WorkflowRunContext } from '../context/workflow-run-context.es.js';
 import { WorkflowInputData } from './workflow-input-data.es.js';
 import { C as CodeEditor } from '../../../code-editor-DzhYz1fH.js';
 import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-BNUn4644.js';
-import { F as Field, e as FieldLabel, c as FieldError } from '../../../field-BtvEQ68O.js';
+import { F as Field, e as FieldLabel, c as FieldError } from '../../../field-BiMIiq2Y.js';
 import '../../../field-control-aria-DB6y41tQ.js';
-import { N as Notice } from '../../../Notice-B8RIClJD.js';
+import { N as Notice } from '../../../Notice-D4gMAkVI.js';
 import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../tooltip-DsQPiynb.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { Icon } from '../../../icons/Icon.es.js';
 import { raisedSurfaceStyle } from '../../../primitives/raised-surface.es.js';
 import { quietTextHover } from '../../../primitives/typography.es.js';

package/dist/domains/workflows/workflow/workflow-timeline-row.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const domains_workflows_workflowStatusTone = require('../workflow-status-tone.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 const primitives_transitions = require('../../../primitives/transitions.cjs.js');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 const utils_duration = require('../../../utils/duration.cjs.js');

package/dist/domains/workflows/workflow/workflow-timeline-row.es.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { CircleSlash, Loader2, SkipForward, Pause, Timer, CircleX, Check, CircleHelp, CornerDownRight, ArrowDownToLine, ArrowUpFromLine } from 'lucide-react';
 import { workflowStatusTone, workflowStatusToneText, workflowStatusToneBar } from '../workflow-status-tone.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { focusRing } from '../../../primitives/transitions.es.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 import { formatDuration } from '../../../utils/duration.es.js';

package/dist/domains/workflows/workflow/workflow-timeline.cjs.js

@@ -12,7 +12,7 @@ const domains_workflows_workflow_workflowTimelineRow = require('./workflow-timel
 const domains_workflows_workflow_workflowTimelineUtils = require('./workflow-timeline-utils.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
 const collapsible = require('../../../collapsible-jfzzU7Gp.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 const primitives_raisedSurface = require('../../../primitives/raised-surface.cjs.js');
 const hooks_useAutoscroll = require('../../../hooks/use-autoscroll.cjs.js');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');

package/dist/domains/workflows/workflow/workflow-timeline.es.js

@@ -8,7 +8,7 @@ import { WorkflowTimelineRow } from './workflow-timeline-row.es.js';
 import { buildTimeline } from './workflow-timeline-utils.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
 import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-BNUn4644.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { raisedSurfaceStyle } from '../../../primitives/raised-surface.es.js';
 import { useAutoscroll } from '../../../hooks/use-autoscroll.es.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';

package/dist/domains/workflows/workflow/workflow-trigger-header.cjs.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const Badge = require('../../../Badge-D3EctKQo.cjs');
+const Badge = require('../../../Badge-DB59RxT5.cjs');
 const copyButton = require('../../../copy-button-CGkFEDHF.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 const icons_WorkflowIcon = require('../../../icons/WorkflowIcon.cjs.js');
 

package/dist/domains/workflows/workflow/workflow-trigger-header.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { B as Badge } from '../../../Badge-DmOqFpXW.js';
+import { B as Badge } from '../../../Badge-DId-8rYY.js';
 import { C as CopyButton } from '../../../copy-button-DH8xtrWz.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { Icon } from '../../../icons/Icon.es.js';
 import { WorkflowIcon } from '../../../icons/WorkflowIcon.es.js';
 

package/dist/domains/workflows/workflow/workflow-trigger.cjs.js

@@ -19,7 +19,7 @@ const domains_workflows_workflow_workflowTriggerForm = require('./workflow-trigg
 const domains_workflows_workflow_workflowTriggerHeader = require('./workflow-trigger-header.cjs.js');
 const scrollArea = require('../../../scroll-area-CEuf7Omb.cjs');
 const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 const hooks_useLocalStorageState = require('../../../hooks/use-local-storage-state.cjs.js');
 const toast = require('../../../toast-nm-fM7BR.cjs');

package/dist/domains/workflows/workflow/workflow-trigger.es.js

@@ -15,7 +15,7 @@ import { WorkflowTriggerForm } from './workflow-trigger-form.es.js';
 import { InitialWorkflowHeader } from './workflow-trigger-header.es.js';
 import { S as ScrollArea } from '../../../scroll-area-Ds-fJn5M.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { Icon } from '../../../icons/Icon.es.js';
 import { useLocalStorageState } from '../../../hooks/use-local-storage-state.es.js';
 import { t as toast } from '../../../toast-c5kCpyWt.js';

package/dist/domains/workspace/components/frontmatter.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const FRONTMATTER = /^---\r?\n([\s\S]*?)\r?\n---[ \t]*(?:\r?\n|$)/;
+function splitFrontmatter(content) {
+  const match = FRONTMATTER.exec(content);
+  if (!match) return { frontmatter: null, body: content };
+  return { frontmatter: match[1] ?? "", body: content.slice(match[0].length) };
+}
+
+exports.splitFrontmatter = splitFrontmatter;
+//# sourceMappingURL=frontmatter.cjs.js.map

package/dist/domains/workspace/components/frontmatter.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frontmatter.cjs.js","sources":["../../../../src/domains/workspace/components/frontmatter.ts"],"sourcesContent":["const FRONTMATTER = /^---\\r?\\n([\\s\\S]*?)\\r?\\n---[ \\t]*(?:\\r?\\n|$)/;\n\nexport function splitFrontmatter(content: string): { frontmatter: string | null; body: string } {\n  const match = FRONTMATTER.exec(content);\n  if (!match) return { frontmatter: null, body: content };\n  return { frontmatter: match[1] ?? '', body: content.slice(match[0].length) };\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,WAAA,GAAc,8CAAA;AAEb,SAAS,iBAAiB,OAAA,EAA+D;AAC9F,EAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,IAAA,CAAK,OAAO,CAAA;AACtC,EAAA,IAAI,CAAC,KAAA,EAAO,OAAO,EAAE,WAAA,EAAa,IAAA,EAAM,MAAM,OAAA,EAAQ;AACtD,EAAA,OAAO,EAAE,WAAA,EAAa,KAAA,CAAM,CAAC,CAAA,IAAK,EAAA,EAAI,IAAA,EAAM,OAAA,CAAQ,KAAA,CAAM,KAAA,CAAM,CAAC,CAAA,CAAE,MAAM,CAAA,EAAE;AAC7E;;;;"}

package/dist/domains/workspace/components/frontmatter.d.ts

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

package/dist/domains/workspace/components/frontmatter.es.js

@@ -0,0 +1,9 @@
+const FRONTMATTER = /^---\r?\n([\s\S]*?)\r?\n---[ \t]*(?:\r?\n|$)/;
+function splitFrontmatter(content) {
+  const match = FRONTMATTER.exec(content);
+  if (!match) return { frontmatter: null, body: content };
+  return { frontmatter: match[1] ?? "", body: content.slice(match[0].length) };
+}
+
+export { splitFrontmatter };
+//# sourceMappingURL=frontmatter.es.js.map

package/dist/domains/workspace/components/frontmatter.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frontmatter.es.js","sources":["../../../../src/domains/workspace/components/frontmatter.ts"],"sourcesContent":["const FRONTMATTER = /^---\\r?\\n([\\s\\S]*?)\\r?\\n---[ \\t]*(?:\\r?\\n|$)/;\n\nexport function splitFrontmatter(content: string): { frontmatter: string | null; body: string } {\n  const match = FRONTMATTER.exec(content);\n  if (!match) return { frontmatter: null, body: content };\n  return { frontmatter: match[1] ?? '', body: content.slice(match[0].length) };\n}\n"],"names":[],"mappings":"AAAA,MAAM,WAAA,GAAc,8CAAA;AAEb,SAAS,iBAAiB,OAAA,EAA+D;AAC9F,EAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,IAAA,CAAK,OAAO,CAAA;AACtC,EAAA,IAAI,CAAC,KAAA,EAAO,OAAO,EAAE,WAAA,EAAa,IAAA,EAAM,MAAM,OAAA,EAAQ;AACtD,EAAA,OAAO,EAAE,WAAA,EAAa,KAAA,CAAM,CAAC,CAAA,IAAK,EAAA,EAAI,IAAA,EAAM,OAAA,CAAQ,KAAA,CAAM,KAAA,CAAM,CAAC,CAAA,CAAE,MAAM,CAAA,EAAE;AAC7E;;;;"}

package/dist/domains/workspace/components/mount-icon.cjs.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const icons_GoogleIcon = require('../../../icons/GoogleIcon.cjs.js');
+const icons_AmazonIcon = require('../../../icons/AmazonIcon.cjs.js');
+const icons_AzureIcon = require('../../../icons/AzureIcon.cjs.js');
+
+function MountIcon({ mount }) {
+  switch (mount.icon || mount.provider) {
+    case "aws-s3":
+    case "s3":
+      return /* @__PURE__ */ jsxRuntime.jsx(icons_AmazonIcon.AmazonIcon, { className: "text-foreground" });
+    case "google-cloud":
+    case "google-cloud-storage":
+    case "gcs":
+      return /* @__PURE__ */ jsxRuntime.jsx(icons_GoogleIcon.GoogleIcon, {});
+    case "azure-blob":
+    case "azure":
+      return /* @__PURE__ */ jsxRuntime.jsx(icons_AzureIcon.AzureIcon, { className: "text-badge-blue-indicator" });
+    case "cloudflare":
+    case "cloudflare-r2":
+    case "r2":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Cloud, { className: "text-badge-orange-indicator" });
+    case "minio":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { className: "text-badge-red-indicator" });
+    case "database":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Database, { className: "text-badge-green-indicator" });
+    case "local":
+    case "folder":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Folder, { className: "text-badge-yellow-indicator" });
+    case "hard-drive":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { className: "text-muted-foreground" });
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Cloud, { className: "text-muted-foreground" });
+  }
+}
+
+exports.MountIcon = MountIcon;
+//# sourceMappingURL=mount-icon.cjs.js.map

package/dist/domains/workspace/components/mount-icon.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount-icon.cjs.js","sources":["../../../../src/domains/workspace/components/mount-icon.tsx"],"sourcesContent":["import type { WorkspaceFsListResponse } from '@mastra/client-js';\nimport { Cloud, Database, Folder, HardDrive } from 'lucide-react';\nimport { AmazonIcon, AzureIcon, GoogleIcon } from '@/ds/icons';\n\nexport type WorkspaceMount = NonNullable<WorkspaceFsListResponse['entries'][number]['mount']>;\n\n/** Provider glyph for a mounted folder; falls back to a generic cloud. */\nexport function MountIcon({ mount }: { mount: WorkspaceMount }) {\n  switch (mount.icon || mount.provider) {\n    case 'aws-s3':\n    case 's3':\n      return <AmazonIcon className=\"text-foreground\" />;\n    case 'google-cloud':\n    case 'google-cloud-storage':\n    case 'gcs':\n      return <GoogleIcon />;\n    case 'azure-blob':\n    case 'azure':\n      return <AzureIcon className=\"text-badge-blue-indicator\" />;\n    case 'cloudflare':\n    case 'cloudflare-r2':\n    case 'r2':\n      return <Cloud className=\"text-badge-orange-indicator\" />;\n    case 'minio':\n      return <HardDrive className=\"text-badge-red-indicator\" />;\n    case 'database':\n      return <Database className=\"text-badge-green-indicator\" />;\n    case 'local':\n    case 'folder':\n      return <Folder className=\"text-badge-yellow-indicator\" />;\n    case 'hard-drive':\n      return <HardDrive className=\"text-muted-foreground\" />;\n    default:\n      return <Cloud className=\"text-muted-foreground\" />;\n  }\n}\n"],"names":["jsx","AmazonIcon","GoogleIcon","AzureIcon","Cloud","HardDrive","Database","Folder"],"mappings":";;;;;;;;;;AAOO,SAAS,SAAA,CAAU,EAAE,KAAA,EAAM,EAA8B;AAC9D,EAAA,QAAQ,KAAA,CAAM,IAAA,IAAQ,KAAA,CAAM,QAAA;AAAU,IACpC,KAAK,QAAA;AAAA,IACL,KAAK,IAAA;AACH,MAAA,uBAAOA,cAAA,CAACC,2BAAA,EAAA,EAAW,SAAA,EAAU,iBAAA,EAAkB,CAAA;AAAA,IACjD,KAAK,cAAA;AAAA,IACL,KAAK,sBAAA;AAAA,IACL,KAAK,KAAA;AACH,MAAA,sCAAQC,2BAAA,EAAA,EAAW,CAAA;AAAA,IACrB,KAAK,YAAA;AAAA,IACL,KAAK,OAAA;AACH,MAAA,uBAAOF,cAAA,CAACG,yBAAA,EAAA,EAAU,SAAA,EAAU,2BAAA,EAA4B,CAAA;AAAA,IAC1D,KAAK,YAAA;AAAA,IACL,KAAK,eAAA;AAAA,IACL,KAAK,IAAA;AACH,MAAA,uBAAOH,cAAA,CAACI,iBAAA,EAAA,EAAM,SAAA,EAAU,6BAAA,EAA8B,CAAA;AAAA,IACxD,KAAK,OAAA;AACH,MAAA,uBAAOJ,cAAA,CAACK,qBAAA,EAAA,EAAU,SAAA,EAAU,0BAAA,EAA2B,CAAA;AAAA,IACzD,KAAK,UAAA;AACH,MAAA,uBAAOL,cAAA,CAACM,oBAAA,EAAA,EAAS,SAAA,EAAU,4BAAA,EAA6B,CAAA;AAAA,IAC1D,KAAK,OAAA;AAAA,IACL,KAAK,QAAA;AACH,MAAA,uBAAON,cAAA,CAACO,kBAAA,EAAA,EAAO,SAAA,EAAU,6BAAA,EAA8B,CAAA;AAAA,IACzD,KAAK,YAAA;AACH,MAAA,uBAAOP,cAAA,CAACK,qBAAA,EAAA,EAAU,SAAA,EAAU,uBAAA,EAAwB,CAAA;AAAA,IACtD;AACE,MAAA,uBAAOL,cAAA,CAACI,iBAAA,EAAA,EAAM,SAAA,EAAU,uBAAA,EAAwB,CAAA;AAAA;AAEtD;;;;"}

package/dist/domains/workspace/components/mount-icon.d.ts

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

package/dist/domains/workspace/components/mount-icon.es.js

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import { Cloud, HardDrive, Folder, Database } from 'lucide-react';
+import { GoogleIcon } from '../../../icons/GoogleIcon.es.js';
+import { AmazonIcon } from '../../../icons/AmazonIcon.es.js';
+import { AzureIcon } from '../../../icons/AzureIcon.es.js';
+
+function MountIcon({ mount }) {
+  switch (mount.icon || mount.provider) {
+    case "aws-s3":
+    case "s3":
+      return /* @__PURE__ */ jsx(AmazonIcon, { className: "text-foreground" });
+    case "google-cloud":
+    case "google-cloud-storage":
+    case "gcs":
+      return /* @__PURE__ */ jsx(GoogleIcon, {});
+    case "azure-blob":
+    case "azure":
+      return /* @__PURE__ */ jsx(AzureIcon, { className: "text-badge-blue-indicator" });
+    case "cloudflare":
+    case "cloudflare-r2":
+    case "r2":
+      return /* @__PURE__ */ jsx(Cloud, { className: "text-badge-orange-indicator" });
+    case "minio":
+      return /* @__PURE__ */ jsx(HardDrive, { className: "text-badge-red-indicator" });
+    case "database":
+      return /* @__PURE__ */ jsx(Database, { className: "text-badge-green-indicator" });
+    case "local":
+    case "folder":
+      return /* @__PURE__ */ jsx(Folder, { className: "text-badge-yellow-indicator" });
+    case "hard-drive":
+      return /* @__PURE__ */ jsx(HardDrive, { className: "text-muted-foreground" });
+    default:
+      return /* @__PURE__ */ jsx(Cloud, { className: "text-muted-foreground" });
+  }
+}
+
+export { MountIcon };
+//# sourceMappingURL=mount-icon.es.js.map

package/dist/domains/workspace/components/mount-icon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount-icon.es.js","sources":["../../../../src/domains/workspace/components/mount-icon.tsx"],"sourcesContent":["import type { WorkspaceFsListResponse } from '@mastra/client-js';\nimport { Cloud, Database, Folder, HardDrive } from 'lucide-react';\nimport { AmazonIcon, AzureIcon, GoogleIcon } from '@/ds/icons';\n\nexport type WorkspaceMount = NonNullable<WorkspaceFsListResponse['entries'][number]['mount']>;\n\n/** Provider glyph for a mounted folder; falls back to a generic cloud. */\nexport function MountIcon({ mount }: { mount: WorkspaceMount }) {\n  switch (mount.icon || mount.provider) {\n    case 'aws-s3':\n    case 's3':\n      return <AmazonIcon className=\"text-foreground\" />;\n    case 'google-cloud':\n    case 'google-cloud-storage':\n    case 'gcs':\n      return <GoogleIcon />;\n    case 'azure-blob':\n    case 'azure':\n      return <AzureIcon className=\"text-badge-blue-indicator\" />;\n    case 'cloudflare':\n    case 'cloudflare-r2':\n    case 'r2':\n      return <Cloud className=\"text-badge-orange-indicator\" />;\n    case 'minio':\n      return <HardDrive className=\"text-badge-red-indicator\" />;\n    case 'database':\n      return <Database className=\"text-badge-green-indicator\" />;\n    case 'local':\n    case 'folder':\n      return <Folder className=\"text-badge-yellow-indicator\" />;\n    case 'hard-drive':\n      return <HardDrive className=\"text-muted-foreground\" />;\n    default:\n      return <Cloud className=\"text-muted-foreground\" />;\n  }\n}\n"],"names":[],"mappings":";;;;;;AAOO,SAAS,SAAA,CAAU,EAAE,KAAA,EAAM,EAA8B;AAC9D,EAAA,QAAQ,KAAA,CAAM,IAAA,IAAQ,KAAA,CAAM,QAAA;AAAU,IACpC,KAAK,QAAA;AAAA,IACL,KAAK,IAAA;AACH,MAAA,uBAAO,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,iBAAA,EAAkB,CAAA;AAAA,IACjD,KAAK,cAAA;AAAA,IACL,KAAK,sBAAA;AAAA,IACL,KAAK,KAAA;AACH,MAAA,2BAAQ,UAAA,EAAA,EAAW,CAAA;AAAA,IACrB,KAAK,YAAA;AAAA,IACL,KAAK,OAAA;AACH,MAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,2BAAA,EAA4B,CAAA;AAAA,IAC1D,KAAK,YAAA;AAAA,IACL,KAAK,eAAA;AAAA,IACL,KAAK,IAAA;AACH,MAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,6BAAA,EAA8B,CAAA;AAAA,IACxD,KAAK,OAAA;AACH,MAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,0BAAA,EAA2B,CAAA;AAAA,IACzD,KAAK,UAAA;AACH,MAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,4BAAA,EAA6B,CAAA;AAAA,IAC1D,KAAK,OAAA;AAAA,IACL,KAAK,QAAA;AACH,MAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,6BAAA,EAA8B,CAAA;AAAA,IACzD,KAAK,YAAA;AACH,MAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,uBAAA,EAAwB,CAAA;AAAA,IACtD;AACE,MAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,uBAAA,EAAwB,CAAA;AAAA;AAEtD;;;;"}

package/dist/domains/workspace/components/use-workspace-context.cjs.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+
+const WorkspaceContext = React.createContext(null);
+function useWorkspaceContext() {
+  const context = React.useContext(WorkspaceContext);
+  if (!context) throw new Error("Workspace components must be rendered inside <Workspace.Root>");
+  return context;
+}
+
+exports.WorkspaceContext = WorkspaceContext;
+exports.useWorkspaceContext = useWorkspaceContext;
+//# sourceMappingURL=use-workspace-context.cjs.js.map

package/dist/domains/workspace/components/use-workspace-context.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-workspace-context.cjs.js","sources":["../../../../src/domains/workspace/components/use-workspace-context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { WorkspaceAddSkillOptions } from './workspace-add-skill';\n\nexport interface WorkspaceEntryRef {\n  path: string;\n  type: 'file' | 'directory';\n}\n\n/** Called after the user confirms a deletion. For directories, delete recursively. */\nexport type WorkspaceDeleteHandler = (entry: WorkspaceEntryRef) => void | Promise<void>;\n\n/** Called with the workspace-relative path of the directory to create. */\nexport type WorkspaceCreateDirectoryHandler = (path: string) => void | Promise<void>;\n\nexport interface WorkspaceContextValue {\n  workspaceId: string;\n  activeFilePath?: string;\n  setActiveFilePath: (path: string | undefined) => void;\n  isSearching: boolean;\n  setSearching: (searching: boolean) => void;\n  query: string;\n  setQuery: (query: string) => void;\n  onDelete?: WorkspaceDeleteHandler;\n  onCreateDirectory?: WorkspaceCreateDirectoryHandler;\n  /** Whether a path is (inside) a read-only folder. */\n  isReadOnly: (path: string) => boolean;\n  searchFiles: boolean;\n  searchSkills: boolean;\n  fileCount?: number;\n  skillCount?: number;\n  addSkill?: WorkspaceAddSkillOptions;\n  /** Expanded folders; the active file's parents are added whenever it changes. */\n  openFolders: ReadonlySet<string>;\n  setFolderOpen: (path: string, open: boolean) => void;\n}\n\nexport const WorkspaceContext = createContext<WorkspaceContextValue | null>(null);\n\nexport function useWorkspaceContext() {\n  const context = useContext(WorkspaceContext);\n  if (!context) throw new Error('Workspace components must be rendered inside <Workspace.Root>');\n  return context;\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;AAoCO,MAAM,gBAAA,GAAmBA,oBAA4C,IAAI;AAEzE,SAAS,mBAAA,GAAsB;AACpC,EAAA,MAAM,OAAA,GAAUC,iBAAW,gBAAgB,CAAA;AAC3C,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,MAAM,+DAA+D,CAAA;AAC7F,EAAA,OAAO,OAAA;AACT;;;;;"}

package/dist/domains/workspace/components/use-workspace-context.d.ts

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

package/dist/domains/workspace/components/use-workspace-context.es.js

@@ -0,0 +1,11 @@
+import { createContext, useContext } from 'react';
+
+const WorkspaceContext = createContext(null);
+function useWorkspaceContext() {
+  const context = useContext(WorkspaceContext);
+  if (!context) throw new Error("Workspace components must be rendered inside <Workspace.Root>");
+  return context;
+}
+
+export { WorkspaceContext, useWorkspaceContext };
+//# sourceMappingURL=use-workspace-context.es.js.map

package/dist/domains/workspace/components/use-workspace-context.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-workspace-context.es.js","sources":["../../../../src/domains/workspace/components/use-workspace-context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { WorkspaceAddSkillOptions } from './workspace-add-skill';\n\nexport interface WorkspaceEntryRef {\n  path: string;\n  type: 'file' | 'directory';\n}\n\n/** Called after the user confirms a deletion. For directories, delete recursively. */\nexport type WorkspaceDeleteHandler = (entry: WorkspaceEntryRef) => void | Promise<void>;\n\n/** Called with the workspace-relative path of the directory to create. */\nexport type WorkspaceCreateDirectoryHandler = (path: string) => void | Promise<void>;\n\nexport interface WorkspaceContextValue {\n  workspaceId: string;\n  activeFilePath?: string;\n  setActiveFilePath: (path: string | undefined) => void;\n  isSearching: boolean;\n  setSearching: (searching: boolean) => void;\n  query: string;\n  setQuery: (query: string) => void;\n  onDelete?: WorkspaceDeleteHandler;\n  onCreateDirectory?: WorkspaceCreateDirectoryHandler;\n  /** Whether a path is (inside) a read-only folder. */\n  isReadOnly: (path: string) => boolean;\n  searchFiles: boolean;\n  searchSkills: boolean;\n  fileCount?: number;\n  skillCount?: number;\n  addSkill?: WorkspaceAddSkillOptions;\n  /** Expanded folders; the active file's parents are added whenever it changes. */\n  openFolders: ReadonlySet<string>;\n  setFolderOpen: (path: string, open: boolean) => void;\n}\n\nexport const WorkspaceContext = createContext<WorkspaceContextValue | null>(null);\n\nexport function useWorkspaceContext() {\n  const context = useContext(WorkspaceContext);\n  if (!context) throw new Error('Workspace components must be rendered inside <Workspace.Root>');\n  return context;\n}\n"],"names":[],"mappings":";;AAoCO,MAAM,gBAAA,GAAmB,cAA4C,IAAI;AAEzE,SAAS,mBAAA,GAAsB;AACpC,EAAA,MAAM,OAAA,GAAU,WAAW,gBAAgB,CAAA;AAC3C,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,MAAM,+DAA+D,CAAA;AAC7F,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist/domains/workspace/components/workspace-active-file.cjs.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const domains_workspace_fileType = require('../file-type.cjs.js');
+const domains_workspace_hooks_useWorkspaceFileContent = require('../hooks/use-workspace-file-content.cjs.js');
+const domains_workspace_components_useWorkspaceContext = require('./use-workspace-context.cjs.js');
+const domains_workspace_components_workspaceError = require('./workspace-error.cjs.js');
+const domains_workspace_components_workspaceMarkdownPreview = require('./workspace-markdown-preview.cjs.js');
+const codeBlock = require('../../../code-block-CMI2oLXm.cjs');
+const highlight = require('../../../highlight-DK1dn-Fh.cjs');
+const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
+
+function WorkspaceFilePath() {
+  const { activeFilePath } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  if (!activeFilePath) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "body-sm", font: "mono", tone: "muted", className: "truncate", "data-testid": "workspace-file-path", children: activeFilePath });
+}
+function DefaultPreview({ path, content, mimeType }) {
+  if (domains_workspace_fileType.isImageFile(path, mimeType)) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: `data:${mimeType || "image/png"};base64,${content}`,
+        alt: path.split("/").pop(),
+        className: "max-w-full object-contain"
+      }
+    ) });
+  }
+  if (domains_workspace_fileType.isVideoFile(path, mimeType)) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center p-4", children: /* @__PURE__ */ jsxRuntime.jsx("video", { controls: true, "aria-label": path.split("/").pop(), className: "max-w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "source",
+      {
+        src: `data:${domains_workspace_fileType.videoMimeType(path, mimeType)};base64,${content}`,
+        type: domains_workspace_fileType.videoMimeType(path, mimeType)
+      }
+    ) }) });
+  }
+  if (domains_workspace_fileType.isMarkdownFile(path)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspaceMarkdownPreview.WorkspaceMarkdownPreview, { content });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    codeBlock.CodeBlock,
+    {
+      code: content,
+      lang: highlight.languageForPath(path),
+      overflow: "scroll",
+      className: "rounded-none border-0 bg-transparent [&_pre]:p-4"
+    }
+  );
+}
+function WorkspaceActiveFileContent({ renderPreview }) {
+  const { workspaceId, activeFilePath } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  const { data, isLoading, error } = domains_workspace_hooks_useWorkspaceFileContent.useWorkspaceFileContent(workspaceId, activeFilePath);
+  if (!activeFilePath) return null;
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-busy": "true", className: "flex flex-col gap-2 p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-1/2" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-5/6" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-2/3" })
+    ] });
+  }
+  if (!data) return /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspaceError.WorkspaceError, { error, fallback: "Could not load file.", className: "m-4" });
+  const file = { path: activeFilePath, content: data.content, mimeType: data.mimeType };
+  return renderPreview?.(file) ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultPreview, { ...file });
+}
+
+exports.WorkspaceActiveFileContent = WorkspaceActiveFileContent;
+exports.WorkspaceFilePath = WorkspaceFilePath;
+//# sourceMappingURL=workspace-active-file.cjs.js.map

package/dist/domains/workspace/components/workspace-active-file.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-active-file.cjs.js","sources":["../../../../src/domains/workspace/components/workspace-active-file.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { isImageFile, isMarkdownFile, isVideoFile, videoMimeType } from '../file-type';\nimport { useWorkspaceFileContent } from '../hooks/use-workspace-file-content';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport { WorkspaceError } from './workspace-error';\nimport { WorkspaceMarkdownPreview } from './workspace-markdown-preview';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { languageForPath } from '@/ds/components/CodeEditor/highlight';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface WorkspaceFilePreview {\n  path: string;\n  /** Base64 for images and videos, text otherwise. */\n  content: string;\n  mimeType?: string;\n}\n\n/** Return a node to take over the preview of a file, or `undefined` to keep the built-in rendering. */\nexport type WorkspacePreviewFactory = (file: WorkspaceFilePreview) => ReactNode | undefined;\n\nexport function WorkspaceFilePath() {\n  const { activeFilePath } = useWorkspaceContext();\n  if (!activeFilePath) return null;\n\n  return (\n    <Txt as=\"span\" variant=\"body-sm\" font=\"mono\" tone=\"muted\" className=\"truncate\" data-testid=\"workspace-file-path\">\n      {activeFilePath}\n    </Txt>\n  );\n}\n\nfunction DefaultPreview({ path, content, mimeType }: WorkspaceFilePreview) {\n  if (isImageFile(path, mimeType)) {\n    return (\n      <div className=\"flex justify-center p-4\">\n        <img\n          src={`data:${mimeType || 'image/png'};base64,${content}`}\n          alt={path.split('/').pop()}\n          className=\"max-w-full object-contain\"\n        />\n      </div>\n    );\n  }\n  if (isVideoFile(path, mimeType)) {\n    return (\n      <div className=\"flex justify-center p-4\">\n        <video controls aria-label={path.split('/').pop()} className=\"max-w-full\">\n          <source\n            src={`data:${videoMimeType(path, mimeType)};base64,${content}`}\n            type={videoMimeType(path, mimeType)}\n          />\n        </video>\n      </div>\n    );\n  }\n  if (isMarkdownFile(path)) {\n    return <WorkspaceMarkdownPreview content={content} />;\n  }\n  return (\n    <CodeBlock\n      code={content}\n      lang={languageForPath(path)}\n      overflow=\"scroll\"\n      className=\"rounded-none border-0 bg-transparent [&_pre]:p-4\"\n    />\n  );\n}\n\nexport function WorkspaceActiveFileContent({ renderPreview }: { renderPreview?: WorkspacePreviewFactory }) {\n  const { workspaceId, activeFilePath } = useWorkspaceContext();\n  const { data, isLoading, error } = useWorkspaceFileContent(workspaceId, activeFilePath);\n\n  if (!activeFilePath) return null;\n  if (isLoading) {\n    return (\n      <div aria-busy=\"true\" className=\"flex flex-col gap-2 p-4\">\n        <Skeleton className=\"h-4 w-1/2\" />\n        <Skeleton className=\"h-4 w-5/6\" />\n        <Skeleton className=\"h-4 w-2/3\" />\n      </div>\n    );\n  }\n  // A failed background refetch keeps showing the last content.\n  if (!data) return <WorkspaceError error={error} fallback=\"Could not load file.\" className=\"m-4\" />;\n\n  const file = { path: activeFilePath, content: data.content, mimeType: data.mimeType };\n  return renderPreview?.(file) ?? <DefaultPreview {...file} />;\n}\n"],"names":["useWorkspaceContext","jsx","Txt","isImageFile","isVideoFile","videoMimeType","isMarkdownFile","WorkspaceMarkdownPreview","CodeBlock","languageForPath","useWorkspaceFileContent","jsxs","Skeleton","WorkspaceError"],"mappings":"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"}

package/dist/domains/workspace/components/workspace-active-file.d.ts

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

package/dist/domains/workspace/components/workspace-active-file.es.js

@@ -0,0 +1,67 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { isImageFile, isVideoFile, videoMimeType, isMarkdownFile } from '../file-type.es.js';
+import { useWorkspaceFileContent } from '../hooks/use-workspace-file-content.es.js';
+import { useWorkspaceContext } from './use-workspace-context.es.js';
+import { WorkspaceError } from './workspace-error.es.js';
+import { WorkspaceMarkdownPreview } from './workspace-markdown-preview.es.js';
+import { C as CodeBlock } from '../../../code-block-C04dJD3G.js';
+import { l as languageForPath } from '../../../highlight-BmpoELR4.js';
+import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
+
+function WorkspaceFilePath() {
+  const { activeFilePath } = useWorkspaceContext();
+  if (!activeFilePath) return null;
+  return /* @__PURE__ */ jsx(Txt, { as: "span", variant: "body-sm", font: "mono", tone: "muted", className: "truncate", "data-testid": "workspace-file-path", children: activeFilePath });
+}
+function DefaultPreview({ path, content, mimeType }) {
+  if (isImageFile(path, mimeType)) {
+    return /* @__PURE__ */ jsx("div", { className: "flex justify-center p-4", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: `data:${mimeType || "image/png"};base64,${content}`,
+        alt: path.split("/").pop(),
+        className: "max-w-full object-contain"
+      }
+    ) });
+  }
+  if (isVideoFile(path, mimeType)) {
+    return /* @__PURE__ */ jsx("div", { className: "flex justify-center p-4", children: /* @__PURE__ */ jsx("video", { controls: true, "aria-label": path.split("/").pop(), className: "max-w-full", children: /* @__PURE__ */ jsx(
+      "source",
+      {
+        src: `data:${videoMimeType(path, mimeType)};base64,${content}`,
+        type: videoMimeType(path, mimeType)
+      }
+    ) }) });
+  }
+  if (isMarkdownFile(path)) {
+    return /* @__PURE__ */ jsx(WorkspaceMarkdownPreview, { content });
+  }
+  return /* @__PURE__ */ jsx(
+    CodeBlock,
+    {
+      code: content,
+      lang: languageForPath(path),
+      overflow: "scroll",
+      className: "rounded-none border-0 bg-transparent [&_pre]:p-4"
+    }
+  );
+}
+function WorkspaceActiveFileContent({ renderPreview }) {
+  const { workspaceId, activeFilePath } = useWorkspaceContext();
+  const { data, isLoading, error } = useWorkspaceFileContent(workspaceId, activeFilePath);
+  if (!activeFilePath) return null;
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs("div", { "aria-busy": "true", className: "flex flex-col gap-2 p-4", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/2" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-5/6" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-2/3" })
+    ] });
+  }
+  if (!data) return /* @__PURE__ */ jsx(WorkspaceError, { error, fallback: "Could not load file.", className: "m-4" });
+  const file = { path: activeFilePath, content: data.content, mimeType: data.mimeType };
+  return renderPreview?.(file) ?? /* @__PURE__ */ jsx(DefaultPreview, { ...file });
+}
+
+export { WorkspaceActiveFileContent, WorkspaceFilePath };
+//# sourceMappingURL=workspace-active-file.es.js.map

package/dist/domains/workspace/components/workspace-active-file.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-active-file.es.js","sources":["../../../../src/domains/workspace/components/workspace-active-file.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { isImageFile, isMarkdownFile, isVideoFile, videoMimeType } from '../file-type';\nimport { useWorkspaceFileContent } from '../hooks/use-workspace-file-content';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport { WorkspaceError } from './workspace-error';\nimport { WorkspaceMarkdownPreview } from './workspace-markdown-preview';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { languageForPath } from '@/ds/components/CodeEditor/highlight';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface WorkspaceFilePreview {\n  path: string;\n  /** Base64 for images and videos, text otherwise. */\n  content: string;\n  mimeType?: string;\n}\n\n/** Return a node to take over the preview of a file, or `undefined` to keep the built-in rendering. */\nexport type WorkspacePreviewFactory = (file: WorkspaceFilePreview) => ReactNode | undefined;\n\nexport function WorkspaceFilePath() {\n  const { activeFilePath } = useWorkspaceContext();\n  if (!activeFilePath) return null;\n\n  return (\n    <Txt as=\"span\" variant=\"body-sm\" font=\"mono\" tone=\"muted\" className=\"truncate\" data-testid=\"workspace-file-path\">\n      {activeFilePath}\n    </Txt>\n  );\n}\n\nfunction DefaultPreview({ path, content, mimeType }: WorkspaceFilePreview) {\n  if (isImageFile(path, mimeType)) {\n    return (\n      <div className=\"flex justify-center p-4\">\n        <img\n          src={`data:${mimeType || 'image/png'};base64,${content}`}\n          alt={path.split('/').pop()}\n          className=\"max-w-full object-contain\"\n        />\n      </div>\n    );\n  }\n  if (isVideoFile(path, mimeType)) {\n    return (\n      <div className=\"flex justify-center p-4\">\n        <video controls aria-label={path.split('/').pop()} className=\"max-w-full\">\n          <source\n            src={`data:${videoMimeType(path, mimeType)};base64,${content}`}\n            type={videoMimeType(path, mimeType)}\n          />\n        </video>\n      </div>\n    );\n  }\n  if (isMarkdownFile(path)) {\n    return <WorkspaceMarkdownPreview content={content} />;\n  }\n  return (\n    <CodeBlock\n      code={content}\n      lang={languageForPath(path)}\n      overflow=\"scroll\"\n      className=\"rounded-none border-0 bg-transparent [&_pre]:p-4\"\n    />\n  );\n}\n\nexport function WorkspaceActiveFileContent({ renderPreview }: { renderPreview?: WorkspacePreviewFactory }) {\n  const { workspaceId, activeFilePath } = useWorkspaceContext();\n  const { data, isLoading, error } = useWorkspaceFileContent(workspaceId, activeFilePath);\n\n  if (!activeFilePath) return null;\n  if (isLoading) {\n    return (\n      <div aria-busy=\"true\" className=\"flex flex-col gap-2 p-4\">\n        <Skeleton className=\"h-4 w-1/2\" />\n        <Skeleton className=\"h-4 w-5/6\" />\n        <Skeleton className=\"h-4 w-2/3\" />\n      </div>\n    );\n  }\n  // A failed background refetch keeps showing the last content.\n  if (!data) return <WorkspaceError error={error} fallback=\"Could not load file.\" className=\"m-4\" />;\n\n  const file = { path: activeFilePath, content: data.content, mimeType: data.mimeType };\n  return renderPreview?.(file) ?? <DefaultPreview {...file} />;\n}\n"],"names":[],"mappings":"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"}