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

package/dist/domains/workspace/components/workspace-add-skill-dialog.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-add-skill-dialog.es.js","sources":["../../../../src/domains/workspace/components/workspace-add-skill-dialog.tsx"],"sourcesContent":["import { Download, ExternalLink, Loader2, CircleSlashIcon, Package, Check, Folder } from 'lucide-react';\nimport { useState, useCallback, useMemo } from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\nimport { useSearchSkillsSh, usePopularSkillsSh, useSkillPreview, parseSkillSource } from '../hooks/use-skills-sh';\nimport type { SkillsShSkill } from '../hooks/use-skills-sh';\nimport {\n  Dialog,\n  DialogAction,\n  DialogBody,\n  DialogCancel,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/ds/components/Dialog';\nimport { Field, FieldLabel } from '@/ds/components/Field';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { SearchInput } from '@/ds/components/SearchInput';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { Txt } from '@/ds/components/Txt';\nimport { GithubIcon } from '@/ds/icons/GithubIcon';\nimport { SkillIcon } from '@/ds/icons/SkillIcon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface WritableMount {\n  path: string;\n  displayName?: string;\n  icon?: string;\n  provider?: string;\n  name?: string;\n}\n\nexport interface AddSkillDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  workspaceId: string;\n  onInstall: (params: { repository: string; skillName: string; mount?: string }) => void;\n  isInstalling?: boolean;\n  /**\n   * Unique IDs of skills installed via skills.sh (format: \"owner/repo/skillName\").\n   * Used for precise matching - only the exact source/skill combo shows as installed.\n   */\n  installedSkillIds?: string[];\n  /**\n   * Names of skills that are already installed (fallback when source info unavailable).\n   * Skills matching by name only will show as installed regardless of source.\n   */\n  installedSkillNames?: string[];\n  /**\n   * Writable mounts available for skill installation (for CompositeFilesystem).\n   * When more than one is provided, a dropdown is shown to pick the mount.\n   */\n  writableMounts?: WritableMount[];\n  /**\n   * Map of skill name to its installed path (for showing mount location on \"Installed\" badge).\n   * Only needed when multiple mounts exist.\n   */\n  installedSkillPaths?: Record<string, string>;\n}\n\n/**\n * Generate a unique identifier for a skills.sh skill (for selection tracking).\n * Uses topSource + name since a repo can only have one skill with a given name.\n */\nfunction getSkillUniqueId(skill: SkillsShSkill): string {\n  return `${skill.topSource}/${skill.name}`;\n}\n\n/**\n * Generate an installed skill ID from a skills.sh skill.\n * Format: \"owner/repo/skillName\" - matches what we build from workspace skills with skillsShSource.\n */\nfunction getInstalledSkillId(skill: SkillsShSkill): string | null {\n  const parsed = parseSkillSource(skill.topSource, skill.name);\n  if (!parsed) return null;\n  return `${parsed.owner}/${parsed.repo}/${skill.name}`;\n}\n\nexport function WorkspaceAddSkillDialog({\n  open,\n  onOpenChange,\n  workspaceId,\n  onInstall,\n  isInstalling,\n  installedSkillIds = [],\n  installedSkillNames = [],\n  writableMounts,\n  installedSkillPaths,\n}: AddSkillDialogProps) {\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedSkill, setSelectedSkill] = useState<SkillsShSkill | null>(null);\n  const [selectedMount, setSelectedMount] = useState<string>();\n  const installMount = writableMounts?.some(mount => mount.path === selectedMount)\n    ? selectedMount\n    : writableMounts?.[0]?.path;\n\n  const { data: popularData, isLoading: isLoadingPopular } = usePopularSkillsSh(workspaceId);\n\n  const searchMutation = useSearchSkillsSh(workspaceId);\n\n  const parsedSource = useMemo(() => {\n    if (!selectedSkill?.topSource) return null;\n    return parseSkillSource(selectedSkill.topSource, selectedSkill.name);\n  }, [selectedSkill]);\n\n  const skillsUrl = useMemo(() => {\n    if (!parsedSource || !selectedSkill) return null;\n    return `https://skills.sh/${parsedSource.owner}/${parsedSource.repo}/${selectedSkill.name}`;\n  }, [parsedSource, selectedSkill]);\n\n  const { data: previewContent, isLoading: isLoadingPreview } = useSkillPreview(\n    workspaceId,\n    parsedSource?.owner,\n    parsedSource?.repo,\n    selectedSkill?.name,\n    { enabled: !!parsedSource && !!selectedSkill },\n  );\n\n  const debouncedSearch = useDebouncedCallback((query: string) => {\n    if (query.trim().length >= 2) {\n      searchMutation.mutate(query);\n    }\n  }, 300);\n\n  const handleSearch = useCallback(\n    (query: string) => {\n      setSearchQuery(query);\n      debouncedSearch(query);\n    },\n    [debouncedSearch],\n  );\n\n  const displaySkills = useMemo(() => {\n    if (searchQuery.trim().length >= 2) {\n      return searchMutation.data?.skills ?? [];\n    }\n    return popularData?.skills ?? [];\n  }, [searchQuery, searchMutation.data, popularData]);\n\n  const isSearching = searchMutation.isPending;\n  const hasSearchResults = searchQuery.trim().length >= 2;\n\n  const isSelectedSkillInstalled = useMemo(() => {\n    if (!selectedSkill) return false;\n\n    const installedId = getInstalledSkillId(selectedSkill);\n    if (installedId && installedSkillIds.includes(installedId)) {\n      return true;\n    }\n\n    if (installedSkillNames.includes(selectedSkill.name)) {\n      return true;\n    }\n\n    return false;\n  }, [selectedSkill, installedSkillIds, installedSkillNames]);\n\n  const handleInstall = useCallback(() => {\n    if (!selectedSkill || !parsedSource) return;\n\n    onInstall({\n      repository: `${parsedSource.owner}/${parsedSource.repo}`,\n      skillName: selectedSkill.name,\n      mount: writableMounts && writableMounts.length > 1 ? installMount : undefined,\n    });\n  }, [selectedSkill, parsedSource, onInstall, writableMounts, installMount]);\n\n  const handleOpenChange = useCallback(\n    (newOpen: boolean) => {\n      if (!newOpen) {\n        setSearchQuery('');\n        setSelectedSkill(null);\n        setSelectedMount(undefined);\n      }\n      onOpenChange(newOpen);\n    },\n    [onOpenChange],\n  );\n\n  return (\n    <Dialog open={open} onOpenChange={handleOpenChange} pending={isInstalling}>\n      <DialogContent size=\"xl\" className=\"h-[80vh]\">\n        <DialogHeader>\n          <DialogTitle>Add Skill</DialogTitle>\n          <DialogDescription>Search and install skills from the community registry</DialogDescription>\n        </DialogHeader>\n\n        <DialogBody layout=\"fill\">\n          <SearchInput\n            label=\"Search skills\"\n            placeholder=\"Search skills...\"\n            value={searchQuery}\n            onValueChange={handleSearch}\n          />\n\n          <div className=\"flex min-h-0 flex-1 gap-4\">\n            <div className=\"flex min-h-0 w-1/2 flex-col\">\n              <div className=\"mb-2 text-column tracking-wide text-muted-foreground uppercase\">\n                {hasSearchResults ? 'Search Results' : 'Popular Skills'}\n              </div>\n              <ScrollArea className=\"flex-1 rounded-lg border border-border\">\n                <ScrollAreaViewport\n                  className={\n                    !isLoadingPopular && !isSearching && displaySkills.length === 0\n                      ? 'flex flex-col [&>div]:flex [&>div]:flex-1 [&>div]:flex-col'\n                      : undefined\n                  }\n                >\n                  {isLoadingPopular || isSearching ? (\n                    <div className=\"flex items-center justify-center py-5\">\n                      <Loader2 className=\"size-6 animate-spin text-muted-foreground\" />\n                    </div>\n                  ) : displaySkills.length === 0 ? (\n                    <div className=\"flex flex-1 flex-col items-center-safe justify-center-safe py-5 text-muted-foreground\">\n                      <CircleSlashIcon className=\"mb-2 size-8\" />\n                      <Txt>{hasSearchResults ? 'No skills found' : 'No skills available'}</Txt>\n                    </div>\n                  ) : (\n                    <div className=\"space-y-1 p-2\">\n                      {displaySkills.map(skill => {\n                        const skillUniqueId = getSkillUniqueId(skill);\n                        const installedId = getInstalledSkillId(skill);\n                        const isInstalled =\n                          (installedId && installedSkillIds.includes(installedId)) ||\n                          installedSkillNames.includes(skill.name);\n                        const selectedSkillUniqueId = selectedSkill ? getSkillUniqueId(selectedSkill) : null;\n                        return (\n                          <button\n                            key={skillUniqueId}\n                            onClick={() => setSelectedSkill(skill)}\n                            className={cn(\n                              'w-full rounded-md px-3 py-2 text-left',\n                              'hover:bg-fill-subtle',\n                              selectedSkillUniqueId === skillUniqueId && 'border border-border-strong bg-fill-hover',\n                            )}\n                          >\n                            <div className=\"flex items-start justify-between gap-2\">\n                              <div className=\"min-w-0 flex-1\">\n                                <div className=\"flex items-center gap-2\">\n                                  <Txt as=\"span\" variant=\"subheading\" tone=\"ink\" className=\"truncate\">\n                                    {skill.name}\n                                  </Txt>\n                                  {isInstalled && (\n                                    <Txt\n                                      as=\"span\"\n                                      variant=\"meta\"\n                                      className=\"inline-flex items-center gap-1 rounded bg-info-subtle px-1.5 py-0.5 text-info-subtle-foreground\"\n                                    >\n                                      <Check className=\"size-2.5\" />\n                                      Installed\n                                    </Txt>\n                                  )}\n                                </div>\n                                <div className=\"truncate text-caption text-muted-foreground\">{skill.topSource}</div>\n                              </div>\n                              <div className=\"flex shrink-0 items-center gap-1 text-caption text-muted-foreground\">\n                                <Download className=\"size-3\" />\n                                <span>{skill.installs.toLocaleString()}</span>\n                              </div>\n                            </div>\n                          </button>\n                        );\n                      })}\n                    </div>\n                  )}\n                </ScrollAreaViewport>\n              </ScrollArea>\n            </div>\n\n            <div className=\"flex min-h-0 w-1/2 flex-col\">\n              <div className=\"mb-2 text-column tracking-wide text-muted-foreground uppercase\">Preview</div>\n              <div className=\"flex flex-1 flex-col overflow-hidden rounded-lg border border-border\">\n                {!selectedSkill ? (\n                  <div className=\"flex h-full flex-col items-center justify-center text-muted-foreground\">\n                    <Package className=\"mb-2 size-8\" />\n                    <Txt>Select a skill to preview</Txt>\n                  </div>\n                ) : (\n                  <>\n                    <div className=\"border-b border-border bg-card p-4\">\n                      <div className=\"flex items-start gap-3\">\n                        <div className=\"rounded-lg bg-muted p-2\">\n                          <SkillIcon className=\"size-5 text-muted-foreground\" />\n                        </div>\n                        <div className=\"min-w-0 flex-1\">\n                          <Txt as=\"h3\" variant=\"subheading\" tone=\"ink\" className=\"truncate\">\n                            {selectedSkill.name}\n                          </Txt>\n                          <div className=\"mt-1 flex items-center gap-3 text-caption text-muted-foreground\">\n                            <span className=\"flex items-center gap-1\">\n                              <GithubIcon className=\"size-3\" />\n                              {selectedSkill.topSource}\n                            </span>\n                            <span className=\"flex items-center gap-1\">\n                              <Download className=\"size-3\" />\n                              {selectedSkill.installs.toLocaleString()} installs\n                            </span>\n                          </div>\n                        </div>\n                        {parsedSource && (\n                          <a\n                            href={`https://github.com/${parsedSource.owner}/${parsedSource.repo}`}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            className={cn(quietTextHover, controlStateColorTransition)}\n                            title=\"View on GitHub\"\n                          >\n                            <ExternalLink className=\"size-4\" />\n                          </a>\n                        )}\n                      </div>\n                    </div>\n\n                    {isLoadingPreview ? (\n                      <div className=\"flex flex-1 items-center justify-center\">\n                        <Loader2 className=\"size-6 animate-spin text-muted-foreground\" />\n                      </div>\n                    ) : previewContent ? (\n                      <ScrollArea className=\"flex-1\">\n                        <div className=\"p-4\">\n                          <MarkdownRenderer>{previewContent}</MarkdownRenderer>\n                        </div>\n                      </ScrollArea>\n                    ) : (\n                      <div className=\"flex flex-1 flex-col items-center justify-center text-muted-foreground\">\n                        <Package className=\"mb-2 size-8\" />\n                        <Txt>Preview unavailable</Txt>\n                        {skillsUrl && (\n                          <a\n                            href={skillsUrl}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            className=\"mt-2 flex items-center gap-1 text-caption text-info-indicator hover:underline\"\n                          >\n                            View on skills.sh <ExternalLink className=\"size-3\" />\n                          </a>\n                        )}\n                      </div>\n                    )}\n                  </>\n                )}\n              </div>\n            </div>\n          </div>\n\n          {selectedSkill && writableMounts && writableMounts.length > 1 && (\n            <Field orientation=\"horizontal\" className={cn(raisedSurfaceStyle, 'gap-3 rounded-lg p-3')}>\n              <Folder className=\"size-4 shrink-0 text-muted-foreground\" />\n              <FieldLabel className=\"whitespace-nowrap\">Install to</FieldLabel>\n              <Select value={installMount} onValueChange={setSelectedMount}>\n                <SelectTrigger className=\"flex-1\">\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {writableMounts.map(m => {\n                    const name = m.displayName ?? m.name ?? m.provider ?? 'unknown';\n                    return (\n                      <SelectItem key={m.path} value={m.path}>\n                        {name} ({m.path})\n                      </SelectItem>\n                    );\n                  })}\n                </SelectContent>\n              </Select>\n            </Field>\n          )}\n        </DialogBody>\n\n        {selectedSkill && (\n          <DialogFooter>\n            {isSelectedSkillInstalled &&\n              writableMounts &&\n              writableMounts.length > 1 &&\n              (() => {\n                const skillPath = installedSkillPaths?.[selectedSkill.name];\n                if (!skillPath) return null;\n                const mount = writableMounts.find(m => skillPath.startsWith(m.path + '/') || skillPath === m.path);\n                return mount ? (\n                  <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"mr-auto\">\n                    Installed at {mount.path}\n                  </Txt>\n                ) : null;\n              })()}\n            <DialogCancel>Cancel</DialogCancel>\n            <DialogAction\n              onConfirm={handleInstall}\n              disabled={!parsedSource || isSelectedSkillInstalled}\n              data-testid=\"install-skill-button\"\n            >\n              {isInstalling ? 'Installing...' : isSelectedSkillInstalled ? 'Already Installed' : 'Install'}\n            </DialogAction>\n          </DialogFooter>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/workspace/components/workspace-add-skill.cjs.js

@@ -0,0 +1,48 @@
+'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_components_useWorkspaceContext = require('./use-workspace-context.cjs.js');
+const domains_workspace_components_workspaceAddSkillDialog = require('./workspace-add-skill-dialog.cjs.js');
+const Button = require('../../../Button-CXhSUBxN.cjs');
+
+function WorkspaceAddSkill({ labeled = false }) {
+  const { workspaceId, addSkill } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  const [open, setOpen] = React.useState(false);
+  const [isInstalling, setInstalling] = React.useState(false);
+  if (!addSkill) return null;
+  const { onInstall, ...dialogProps } = addSkill;
+  const handleInstall = async (params) => {
+    setInstalling(true);
+    try {
+      await onInstall(params);
+      setOpen(false);
+    } catch {
+    } finally {
+      setInstalling(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    labeled ? /* @__PURE__ */ jsxRuntime.jsxs(Button.Button, { variant: "ghost", onClick: () => setOpen(true), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wand2, {}),
+      "Add skill"
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "ghost", size: "icon-sm", "aria-label": "Add skill", tooltip: "Add skill", onClick: () => setOpen(true), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wand2, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      domains_workspace_components_workspaceAddSkillDialog.WorkspaceAddSkillDialog,
+      {
+        ...dialogProps,
+        open,
+        onOpenChange: setOpen,
+        workspaceId,
+        onInstall: (params) => void handleInstall(params),
+        isInstalling
+      }
+    )
+  ] });
+}
+
+exports.WorkspaceAddSkill = WorkspaceAddSkill;
+//# sourceMappingURL=workspace-add-skill.cjs.js.map

package/dist/domains/workspace/components/workspace-add-skill.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-add-skill.cjs.js","sources":["../../../../src/domains/workspace/components/workspace-add-skill.tsx"],"sourcesContent":["import { Wand2 } from 'lucide-react';\nimport { useState } from 'react';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport { WorkspaceAddSkillDialog } from './workspace-add-skill-dialog';\nimport type { AddSkillDialogProps } from './workspace-add-skill-dialog';\nimport { Button } from '@/ds/components/Button';\n\nexport type WorkspaceSkillInstallParams = Parameters<AddSkillDialogProps['onInstall']>[0];\n\nexport interface WorkspaceAddSkillOptions extends Omit<\n  AddSkillDialogProps,\n  'open' | 'onOpenChange' | 'workspaceId' | 'onInstall' | 'isInstalling'\n> {\n  /** Installs the picked skill. The dialog closes when it resolves and stays open when it rejects. */\n  onInstall: (params: WorkspaceSkillInstallParams) => Promise<void>;\n}\n\n/** \"Add skill\" button that opens the skills.sh dialog. Renders nothing without `addSkill` options. */\nexport function WorkspaceAddSkill({ labeled = false }: { labeled?: boolean }) {\n  const { workspaceId, addSkill } = useWorkspaceContext();\n  const [open, setOpen] = useState(false);\n  const [isInstalling, setInstalling] = useState(false);\n\n  if (!addSkill) return null;\n  const { onInstall, ...dialogProps } = addSkill;\n\n  const handleInstall = async (params: WorkspaceSkillInstallParams) => {\n    setInstalling(true);\n    try {\n      await onInstall(params);\n      setOpen(false);\n    } catch {\n      // The caller reports the failure; keep the dialog open so the user can retry.\n    } finally {\n      setInstalling(false);\n    }\n  };\n\n  return (\n    <>\n      {labeled ? (\n        <Button variant=\"ghost\" onClick={() => setOpen(true)}>\n          <Wand2 />\n          Add skill\n        </Button>\n      ) : (\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Add skill\" tooltip=\"Add skill\" onClick={() => setOpen(true)}>\n          <Wand2 />\n        </Button>\n      )}\n      <WorkspaceAddSkillDialog\n        {...dialogProps}\n        open={open}\n        onOpenChange={setOpen}\n        workspaceId={workspaceId}\n        onInstall={params => void handleInstall(params)}\n        isInstalling={isInstalling}\n      />\n    </>\n  );\n}\n"],"names":["useWorkspaceContext","useState","jsxs","Fragment","Button","jsx","Wand2","WorkspaceAddSkillDialog"],"mappings":";;;;;;;;;;;AAkBO,SAAS,iBAAA,CAAkB,EAAE,OAAA,GAAU,KAAA,EAAM,EAA0B;AAC5E,EAAA,MAAM,EAAE,WAAA,EAAa,QAAA,EAAS,GAAIA,oEAAA,EAAoB;AACtD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIC,eAAS,KAAK,CAAA;AACtC,EAAA,MAAM,CAAC,YAAA,EAAc,aAAa,CAAA,GAAIA,eAAS,KAAK,CAAA;AAEpD,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AACtB,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,WAAA,EAAY,GAAI,QAAA;AAEtC,EAAA,MAAM,aAAA,GAAgB,OAAO,MAAA,KAAwC;AACnE,IAAA,aAAA,CAAc,IAAI,CAAA;AAClB,IAAA,IAAI;AACF,MAAA,MAAM,UAAU,MAAM,CAAA;AACtB,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,IACf,CAAA,CAAA,MAAQ;AAAA,IAER,CAAA,SAAE;AACA,MAAA,aAAA,CAAc,KAAK,CAAA;AAAA,IACrB;AAAA,EACF,CAAA;AAEA,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,OAAA,mBACCD,eAAA,CAACE,iBAAO,OAAA,EAAQ,OAAA,EAAQ,SAAS,MAAM,OAAA,CAAQ,IAAI,CAAA,EACjD,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,iBAAA,EAAA,EAAM,CAAA;AAAA,MAAE;AAAA,KAAA,EAEX,oBAEAD,cAAA,CAACD,aAAA,EAAA,EAAO,SAAQ,OAAA,EAAQ,IAAA,EAAK,WAAU,YAAA,EAAW,WAAA,EAAY,OAAA,EAAQ,WAAA,EAAY,SAAS,MAAM,OAAA,CAAQ,IAAI,CAAA,EAC3G,QAAA,kBAAAC,cAAA,CAACC,qBAAM,CAAA,EACT,CAAA;AAAA,oBAEFD,cAAA;AAAA,MAACE,4EAAA;AAAA,MAAA;AAAA,QACE,GAAG,WAAA;AAAA,QACJ,IAAA;AAAA,QACA,YAAA,EAAc,OAAA;AAAA,QACd,WAAA;AAAA,QACA,SAAA,EAAW,CAAA,MAAA,KAAU,KAAK,aAAA,CAAc,MAAM,CAAA;AAAA,QAC9C;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/workspace/components/workspace-add-skill.d.ts

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

package/dist/domains/workspace/components/workspace-add-skill.es.js

@@ -0,0 +1,44 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Wand2 } from 'lucide-react';
+import { useState } from 'react';
+import { useWorkspaceContext } from './use-workspace-context.es.js';
+import { WorkspaceAddSkillDialog } from './workspace-add-skill-dialog.es.js';
+import { B as Button } from '../../../Button-D43ghVKt.js';
+
+function WorkspaceAddSkill({ labeled = false }) {
+  const { workspaceId, addSkill } = useWorkspaceContext();
+  const [open, setOpen] = useState(false);
+  const [isInstalling, setInstalling] = useState(false);
+  if (!addSkill) return null;
+  const { onInstall, ...dialogProps } = addSkill;
+  const handleInstall = async (params) => {
+    setInstalling(true);
+    try {
+      await onInstall(params);
+      setOpen(false);
+    } catch {
+    } finally {
+      setInstalling(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    labeled ? /* @__PURE__ */ jsxs(Button, { variant: "ghost", onClick: () => setOpen(true), children: [
+      /* @__PURE__ */ jsx(Wand2, {}),
+      "Add skill"
+    ] }) : /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Add skill", tooltip: "Add skill", onClick: () => setOpen(true), children: /* @__PURE__ */ jsx(Wand2, {}) }),
+    /* @__PURE__ */ jsx(
+      WorkspaceAddSkillDialog,
+      {
+        ...dialogProps,
+        open,
+        onOpenChange: setOpen,
+        workspaceId,
+        onInstall: (params) => void handleInstall(params),
+        isInstalling
+      }
+    )
+  ] });
+}
+
+export { WorkspaceAddSkill };
+//# sourceMappingURL=workspace-add-skill.es.js.map

package/dist/domains/workspace/components/workspace-add-skill.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-add-skill.es.js","sources":["../../../../src/domains/workspace/components/workspace-add-skill.tsx"],"sourcesContent":["import { Wand2 } from 'lucide-react';\nimport { useState } from 'react';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport { WorkspaceAddSkillDialog } from './workspace-add-skill-dialog';\nimport type { AddSkillDialogProps } from './workspace-add-skill-dialog';\nimport { Button } from '@/ds/components/Button';\n\nexport type WorkspaceSkillInstallParams = Parameters<AddSkillDialogProps['onInstall']>[0];\n\nexport interface WorkspaceAddSkillOptions extends Omit<\n  AddSkillDialogProps,\n  'open' | 'onOpenChange' | 'workspaceId' | 'onInstall' | 'isInstalling'\n> {\n  /** Installs the picked skill. The dialog closes when it resolves and stays open when it rejects. */\n  onInstall: (params: WorkspaceSkillInstallParams) => Promise<void>;\n}\n\n/** \"Add skill\" button that opens the skills.sh dialog. Renders nothing without `addSkill` options. */\nexport function WorkspaceAddSkill({ labeled = false }: { labeled?: boolean }) {\n  const { workspaceId, addSkill } = useWorkspaceContext();\n  const [open, setOpen] = useState(false);\n  const [isInstalling, setInstalling] = useState(false);\n\n  if (!addSkill) return null;\n  const { onInstall, ...dialogProps } = addSkill;\n\n  const handleInstall = async (params: WorkspaceSkillInstallParams) => {\n    setInstalling(true);\n    try {\n      await onInstall(params);\n      setOpen(false);\n    } catch {\n      // The caller reports the failure; keep the dialog open so the user can retry.\n    } finally {\n      setInstalling(false);\n    }\n  };\n\n  return (\n    <>\n      {labeled ? (\n        <Button variant=\"ghost\" onClick={() => setOpen(true)}>\n          <Wand2 />\n          Add skill\n        </Button>\n      ) : (\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Add skill\" tooltip=\"Add skill\" onClick={() => setOpen(true)}>\n          <Wand2 />\n        </Button>\n      )}\n      <WorkspaceAddSkillDialog\n        {...dialogProps}\n        open={open}\n        onOpenChange={setOpen}\n        workspaceId={workspaceId}\n        onInstall={params => void handleInstall(params)}\n        isInstalling={isInstalling}\n      />\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAkBO,SAAS,iBAAA,CAAkB,EAAE,OAAA,GAAU,KAAA,EAAM,EAA0B;AAC5E,EAAA,MAAM,EAAE,WAAA,EAAa,QAAA,EAAS,GAAI,mBAAA,EAAoB;AACtD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,CAAC,YAAA,EAAc,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAEpD,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AACtB,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,WAAA,EAAY,GAAI,QAAA;AAEtC,EAAA,MAAM,aAAA,GAAgB,OAAO,MAAA,KAAwC;AACnE,IAAA,aAAA,CAAc,IAAI,CAAA;AAClB,IAAA,IAAI;AACF,MAAA,MAAM,UAAU,MAAM,CAAA;AACtB,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,IACf,CAAA,CAAA,MAAQ;AAAA,IAER,CAAA,SAAE;AACA,MAAA,aAAA,CAAc,KAAK,CAAA;AAAA,IACrB;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,OAAA,mBACC,IAAA,CAAC,UAAO,OAAA,EAAQ,OAAA,EAAQ,SAAS,MAAM,OAAA,CAAQ,IAAI,CAAA,EACjD,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,CAAA;AAAA,MAAE;AAAA,KAAA,EAEX,oBAEA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAQ,OAAA,EAAQ,IAAA,EAAK,WAAU,YAAA,EAAW,WAAA,EAAY,OAAA,EAAQ,WAAA,EAAY,SAAS,MAAM,OAAA,CAAQ,IAAI,CAAA,EAC3G,QAAA,kBAAA,GAAA,CAAC,SAAM,CAAA,EACT,CAAA;AAAA,oBAEF,GAAA;AAAA,MAAC,uBAAA;AAAA,MAAA;AAAA,QACE,GAAG,WAAA;AAAA,QACJ,IAAA;AAAA,QACA,YAAA,EAAc,OAAA;AAAA,QACd,WAAA;AAAA,QACA,SAAA,EAAW,CAAA,MAAA,KAAU,KAAK,aAAA,CAAc,MAAM,CAAA;AAAA,QAC9C;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,88 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const domains_workspace_path = require('../path.cjs.js');
+const domains_workspace_components_useWorkspaceContext = require('./use-workspace-context.cjs.js');
+
+function WorkspaceProvider({
+  workspaceId,
+  activeFilePath,
+  onDelete,
+  onCreateDirectory,
+  onActiveFileChange,
+  readOnlyPaths,
+  searchFiles = true,
+  searchSkills = true,
+  fileCount,
+  skillCount,
+  addSkill,
+  children
+}) {
+  const [isSearching, setIsSearching] = React.useState(false);
+  const [query, setQuery] = React.useState("");
+  const [openFolders, setOpenFolders] = React.useState(() => new Set(domains_workspace_path.ancestorsOf(activeFilePath ?? "")));
+  const [prevActive, setPrevActive] = React.useState(activeFilePath);
+  if (activeFilePath !== prevActive) {
+    setPrevActive(activeFilePath);
+    const missing = domains_workspace_path.ancestorsOf(activeFilePath ?? "").filter((folder) => !openFolders.has(folder));
+    if (missing.length > 0) setOpenFolders(/* @__PURE__ */ new Set([...openFolders, ...missing]));
+  }
+  const readOnlyKey = readOnlyPaths?.join("\n") ?? "";
+  const value = React.useMemo(
+    () => ({
+      workspaceId,
+      activeFilePath,
+      setActiveFilePath: onActiveFileChange,
+      isSearching,
+      // Closing the search drops the query so the tree comes back as it was.
+      setSearching: (searching) => {
+        setIsSearching(searching);
+        if (!searching) setQuery("");
+      },
+      query,
+      setQuery,
+      onDelete,
+      onCreateDirectory,
+      isReadOnly: (path) => {
+        const roots = readOnlyKey ? readOnlyKey.split("\n") : [];
+        return roots.some((root) => root === "." || path === root || path.startsWith(`${root}/`));
+      },
+      searchFiles,
+      searchSkills,
+      fileCount,
+      skillCount,
+      addSkill,
+      openFolders,
+      setFolderOpen: (path, open) => setOpenFolders((current) => {
+        if (current.has(path) === open) return current;
+        const next = new Set(current);
+        if (open) next.add(path);
+        else next.delete(path);
+        return next;
+      })
+    }),
+    [
+      workspaceId,
+      activeFilePath,
+      isSearching,
+      query,
+      onDelete,
+      onCreateDirectory,
+      onActiveFileChange,
+      readOnlyKey,
+      searchFiles,
+      searchSkills,
+      fileCount,
+      skillCount,
+      addSkill,
+      openFolders
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_useWorkspaceContext.WorkspaceContext.Provider, { value, children });
+}
+
+exports.WorkspaceProvider = WorkspaceProvider;
+//# sourceMappingURL=workspace-context.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-context.cjs.js","sources":["../../../../src/domains/workspace/components/workspace-context.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { ancestorsOf } from '../path';\nimport { WorkspaceContext } from './use-workspace-context';\nimport type { WorkspaceCreateDirectoryHandler, WorkspaceDeleteHandler } from './use-workspace-context';\nimport type { WorkspaceAddSkillOptions } from './workspace-add-skill';\n\nexport interface WorkspaceProviderProps {\n  workspaceId: string;\n  /** The open file. The component is controlled: the parent owns this value. */\n  activeFilePath?: string;\n  /** Called when the user opens (or a delete closes) a file; update `activeFilePath` in response. */\n  onActiveFileChange: (path: string | undefined) => void;\n  /** Enables the delete action on tree rows. */\n  onDelete?: WorkspaceDeleteHandler;\n  /** Enables the \"New folder\" action. */\n  onCreateDirectory?: WorkspaceCreateDirectoryHandler;\n  /** Folders (and their contents) where delete / new folder are hidden. */\n  readOnlyPaths?: string[];\n  /** Include file search. Defaults to true. */\n  searchFiles?: boolean;\n  /** Include skill search. Defaults to true. */\n  searchSkills?: boolean;\n  /** Shown as `N Files` in the aside title. */\n  fileCount?: number;\n  /** Shown as `N Skills` in the aside title. */\n  skillCount?: number;\n  /** Enables the \"Add skill\" action and its skills.sh dialog. Omit to hide it. */\n  addSkill?: WorkspaceAddSkillOptions;\n  children: ReactNode;\n}\n\nexport function WorkspaceProvider({\n  workspaceId,\n  activeFilePath,\n  onDelete,\n  onCreateDirectory,\n  onActiveFileChange,\n  readOnlyPaths,\n  searchFiles = true,\n  searchSkills = true,\n  fileCount,\n  skillCount,\n  addSkill,\n  children,\n}: WorkspaceProviderProps) {\n  const [isSearching, setIsSearching] = useState(false);\n  const [query, setQuery] = useState('');\n  const [openFolders, setOpenFolders] = useState<ReadonlySet<string>>(() => new Set(ancestorsOf(activeFilePath ?? '')));\n  const [prevActive, setPrevActive] = useState(activeFilePath);\n\n  // Reveal a newly active file by opening its parents; folders the user opened stay open.\n  if (activeFilePath !== prevActive) {\n    setPrevActive(activeFilePath);\n    const missing = ancestorsOf(activeFilePath ?? '').filter(folder => !openFolders.has(folder));\n    if (missing.length > 0) setOpenFolders(new Set([...openFolders, ...missing]));\n  }\n\n  const readOnlyKey = readOnlyPaths?.join('\\n') ?? '';\n\n  const value = useMemo(\n    () => ({\n      workspaceId,\n      activeFilePath,\n      setActiveFilePath: onActiveFileChange,\n      isSearching,\n      // Closing the search drops the query so the tree comes back as it was.\n      setSearching: (searching: boolean) => {\n        setIsSearching(searching);\n        if (!searching) setQuery('');\n      },\n      query,\n      setQuery,\n      onDelete,\n      onCreateDirectory,\n      isReadOnly: (path: string) => {\n        const roots = readOnlyKey ? readOnlyKey.split('\\n') : [];\n        return roots.some(root => root === '.' || path === root || path.startsWith(`${root}/`));\n      },\n      searchFiles,\n      searchSkills,\n      fileCount,\n      skillCount,\n      addSkill,\n      openFolders,\n      setFolderOpen: (path: string, open: boolean) =>\n        setOpenFolders(current => {\n          if (current.has(path) === open) return current;\n          const next = new Set(current);\n          if (open) next.add(path);\n          else next.delete(path);\n          return next;\n        }),\n    }),\n    [\n      workspaceId,\n      activeFilePath,\n      isSearching,\n      query,\n      onDelete,\n      onCreateDirectory,\n      onActiveFileChange,\n      readOnlyKey,\n      searchFiles,\n      searchSkills,\n      fileCount,\n      skillCount,\n      addSkill,\n      openFolders,\n    ],\n  );\n\n  return <WorkspaceContext.Provider value={value}>{children}</WorkspaceContext.Provider>;\n}\n"],"names":["useState","ancestorsOf","useMemo","jsx","WorkspaceContext"],"mappings":"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"}

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

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

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

@@ -0,0 +1,84 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import { ancestorsOf } from '../path.es.js';
+import { WorkspaceContext } from './use-workspace-context.es.js';
+
+function WorkspaceProvider({
+  workspaceId,
+  activeFilePath,
+  onDelete,
+  onCreateDirectory,
+  onActiveFileChange,
+  readOnlyPaths,
+  searchFiles = true,
+  searchSkills = true,
+  fileCount,
+  skillCount,
+  addSkill,
+  children
+}) {
+  const [isSearching, setIsSearching] = useState(false);
+  const [query, setQuery] = useState("");
+  const [openFolders, setOpenFolders] = useState(() => new Set(ancestorsOf(activeFilePath ?? "")));
+  const [prevActive, setPrevActive] = useState(activeFilePath);
+  if (activeFilePath !== prevActive) {
+    setPrevActive(activeFilePath);
+    const missing = ancestorsOf(activeFilePath ?? "").filter((folder) => !openFolders.has(folder));
+    if (missing.length > 0) setOpenFolders(/* @__PURE__ */ new Set([...openFolders, ...missing]));
+  }
+  const readOnlyKey = readOnlyPaths?.join("\n") ?? "";
+  const value = useMemo(
+    () => ({
+      workspaceId,
+      activeFilePath,
+      setActiveFilePath: onActiveFileChange,
+      isSearching,
+      // Closing the search drops the query so the tree comes back as it was.
+      setSearching: (searching) => {
+        setIsSearching(searching);
+        if (!searching) setQuery("");
+      },
+      query,
+      setQuery,
+      onDelete,
+      onCreateDirectory,
+      isReadOnly: (path) => {
+        const roots = readOnlyKey ? readOnlyKey.split("\n") : [];
+        return roots.some((root) => root === "." || path === root || path.startsWith(`${root}/`));
+      },
+      searchFiles,
+      searchSkills,
+      fileCount,
+      skillCount,
+      addSkill,
+      openFolders,
+      setFolderOpen: (path, open) => setOpenFolders((current) => {
+        if (current.has(path) === open) return current;
+        const next = new Set(current);
+        if (open) next.add(path);
+        else next.delete(path);
+        return next;
+      })
+    }),
+    [
+      workspaceId,
+      activeFilePath,
+      isSearching,
+      query,
+      onDelete,
+      onCreateDirectory,
+      onActiveFileChange,
+      readOnlyKey,
+      searchFiles,
+      searchSkills,
+      fileCount,
+      skillCount,
+      addSkill,
+      openFolders
+    ]
+  );
+  return /* @__PURE__ */ jsx(WorkspaceContext.Provider, { value, children });
+}
+
+export { WorkspaceProvider };
+//# sourceMappingURL=workspace-context.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-context.es.js","sources":["../../../../src/domains/workspace/components/workspace-context.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { ancestorsOf } from '../path';\nimport { WorkspaceContext } from './use-workspace-context';\nimport type { WorkspaceCreateDirectoryHandler, WorkspaceDeleteHandler } from './use-workspace-context';\nimport type { WorkspaceAddSkillOptions } from './workspace-add-skill';\n\nexport interface WorkspaceProviderProps {\n  workspaceId: string;\n  /** The open file. The component is controlled: the parent owns this value. */\n  activeFilePath?: string;\n  /** Called when the user opens (or a delete closes) a file; update `activeFilePath` in response. */\n  onActiveFileChange: (path: string | undefined) => void;\n  /** Enables the delete action on tree rows. */\n  onDelete?: WorkspaceDeleteHandler;\n  /** Enables the \"New folder\" action. */\n  onCreateDirectory?: WorkspaceCreateDirectoryHandler;\n  /** Folders (and their contents) where delete / new folder are hidden. */\n  readOnlyPaths?: string[];\n  /** Include file search. Defaults to true. */\n  searchFiles?: boolean;\n  /** Include skill search. Defaults to true. */\n  searchSkills?: boolean;\n  /** Shown as `N Files` in the aside title. */\n  fileCount?: number;\n  /** Shown as `N Skills` in the aside title. */\n  skillCount?: number;\n  /** Enables the \"Add skill\" action and its skills.sh dialog. Omit to hide it. */\n  addSkill?: WorkspaceAddSkillOptions;\n  children: ReactNode;\n}\n\nexport function WorkspaceProvider({\n  workspaceId,\n  activeFilePath,\n  onDelete,\n  onCreateDirectory,\n  onActiveFileChange,\n  readOnlyPaths,\n  searchFiles = true,\n  searchSkills = true,\n  fileCount,\n  skillCount,\n  addSkill,\n  children,\n}: WorkspaceProviderProps) {\n  const [isSearching, setIsSearching] = useState(false);\n  const [query, setQuery] = useState('');\n  const [openFolders, setOpenFolders] = useState<ReadonlySet<string>>(() => new Set(ancestorsOf(activeFilePath ?? '')));\n  const [prevActive, setPrevActive] = useState(activeFilePath);\n\n  // Reveal a newly active file by opening its parents; folders the user opened stay open.\n  if (activeFilePath !== prevActive) {\n    setPrevActive(activeFilePath);\n    const missing = ancestorsOf(activeFilePath ?? '').filter(folder => !openFolders.has(folder));\n    if (missing.length > 0) setOpenFolders(new Set([...openFolders, ...missing]));\n  }\n\n  const readOnlyKey = readOnlyPaths?.join('\\n') ?? '';\n\n  const value = useMemo(\n    () => ({\n      workspaceId,\n      activeFilePath,\n      setActiveFilePath: onActiveFileChange,\n      isSearching,\n      // Closing the search drops the query so the tree comes back as it was.\n      setSearching: (searching: boolean) => {\n        setIsSearching(searching);\n        if (!searching) setQuery('');\n      },\n      query,\n      setQuery,\n      onDelete,\n      onCreateDirectory,\n      isReadOnly: (path: string) => {\n        const roots = readOnlyKey ? readOnlyKey.split('\\n') : [];\n        return roots.some(root => root === '.' || path === root || path.startsWith(`${root}/`));\n      },\n      searchFiles,\n      searchSkills,\n      fileCount,\n      skillCount,\n      addSkill,\n      openFolders,\n      setFolderOpen: (path: string, open: boolean) =>\n        setOpenFolders(current => {\n          if (current.has(path) === open) return current;\n          const next = new Set(current);\n          if (open) next.add(path);\n          else next.delete(path);\n          return next;\n        }),\n    }),\n    [\n      workspaceId,\n      activeFilePath,\n      isSearching,\n      query,\n      onDelete,\n      onCreateDirectory,\n      onActiveFileChange,\n      readOnlyKey,\n      searchFiles,\n      searchSkills,\n      fileCount,\n      skillCount,\n      addSkill,\n      openFolders,\n    ],\n  );\n\n  return <WorkspaceContext.Provider value={value}>{children}</WorkspaceContext.Provider>;\n}\n"],"names":[],"mappings":";;;;;AAiCO,SAAS,iBAAA,CAAkB;AAAA,EAChC,WAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA,GAAc,IAAA;AAAA,EACd,YAAA,GAAe,IAAA;AAAA,EACf,SAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA;AACpD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA;AACrC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,QAAA,CAA8B,MAAM,IAAI,GAAA,CAAI,WAAA,CAAY,cAAA,IAAkB,EAAE,CAAC,CAAC,CAAA;AACpH,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,cAAc,CAAA;AAG3D,EAAA,IAAI,mBAAmB,UAAA,EAAY;AACjC,IAAA,aAAA,CAAc,cAAc,CAAA;AAC5B,IAAA,MAAM,OAAA,GAAU,WAAA,CAAY,cAAA,IAAkB,EAAE,CAAA,CAAE,MAAA,CAAO,CAAA,MAAA,KAAU,CAAC,WAAA,CAAY,GAAA,CAAI,MAAM,CAAC,CAAA;AAC3F,IAAA,IAAI,OAAA,CAAQ,MAAA,GAAS,CAAA,EAAG,cAAA,iBAAe,IAAI,GAAA,CAAI,CAAC,GAAG,WAAA,EAAa,GAAG,OAAO,CAAC,CAAC,CAAA;AAAA,EAC9E;AAEA,EAAA,MAAM,WAAA,GAAc,aAAA,EAAe,IAAA,CAAK,IAAI,CAAA,IAAK,EAAA;AAEjD,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,WAAA;AAAA,MACA,cAAA;AAAA,MACA,iBAAA,EAAmB,kBAAA;AAAA,MACnB,WAAA;AAAA;AAAA,MAEA,YAAA,EAAc,CAAC,SAAA,KAAuB;AACpC,QAAA,cAAA,CAAe,SAAS,CAAA;AACxB,QAAA,IAAI,CAAC,SAAA,EAAW,QAAA,CAAS,EAAE,CAAA;AAAA,MAC7B,CAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,iBAAA;AAAA,MACA,UAAA,EAAY,CAAC,IAAA,KAAiB;AAC5B,QAAA,MAAM,QAAQ,WAAA,GAAc,WAAA,CAAY,KAAA,CAAM,IAAI,IAAI,EAAC;AACvD,QAAA,OAAO,KAAA,CAAM,IAAA,CAAK,CAAA,IAAA,KAAQ,IAAA,KAAS,GAAA,IAAO,IAAA,KAAS,IAAA,IAAQ,IAAA,CAAK,UAAA,CAAW,CAAA,EAAG,IAAI,CAAA,CAAA,CAAG,CAAC,CAAA;AAAA,MACxF,CAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA,EAAe,CAAC,IAAA,EAAc,IAAA,KAC5B,eAAe,CAAA,OAAA,KAAW;AACxB,QAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,IAAI,CAAA,KAAM,MAAM,OAAO,OAAA;AACvC,QAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,OAAO,CAAA;AAC5B,QAAA,IAAI,IAAA,EAAM,IAAA,CAAK,GAAA,CAAI,IAAI,CAAA;AAAA,aAClB,IAAA,CAAK,OAAO,IAAI,CAAA;AACrB,QAAA,OAAO,IAAA;AAAA,MACT,CAAC;AAAA,KACL,CAAA;AAAA,IACA;AAAA,MACE,WAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,iBAAA;AAAA,MACA,kBAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,uBAAO,GAAA,CAAC,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,OAAe,QAAA,EAAS,CAAA;AAC5D;;;;"}

package/dist/domains/workspace/components/workspace-create-directory.cjs.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactQuery = require('@tanstack/react-query');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const domains_workspace_path = require('../path.cjs.js');
+const domains_workspace_components_useWorkspaceContext = require('./use-workspace-context.cjs.js');
+const Button = require('../../../Button-CXhSUBxN.cjs');
+const dialog = require('../../../dialog-d_AK1NQD.cjs');
+const input = require('../../../input-D0UPyj6A.cjs');
+
+function WorkspaceCreateDirectory({ labeled = false } = {}) {
+  const { workspaceId, onCreateDirectory, isReadOnly } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  const queryClient = reactQuery.useQueryClient();
+  const [open, setOpen] = React.useState(false);
+  const [path, setPath] = React.useState("");
+  const [pending, setPending] = React.useState(false);
+  if (!onCreateDirectory || isReadOnly(domains_workspace_path.ROOT_PATH)) return null;
+  const trimmed = path.trim().replace(/^\.?\/+|\/+$/g, "");
+  const submit = async () => {
+    if (!trimmed) return;
+    setPending(true);
+    try {
+      await onCreateDirectory(trimmed);
+      await queryClient.invalidateQueries({ queryKey: ["workspace", workspaceId, "fs", "list", domains_workspace_path.parentOf(trimmed)] });
+      setOpen(false);
+      setPath("");
+    } catch {
+    } finally {
+      setPending(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    labeled ? /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "ghost", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderPlusIcon, {}), onClick: () => setOpen(true), children: "New folder" }) : /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "ghost", size: "icon-sm", tooltip: "New folder", onClick: () => setOpen(true), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderPlusIcon, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open, onOpenChange: setOpen, pending, children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogContent, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        onSubmit: (event) => {
+          event.preventDefault();
+          void submit();
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: "New folder" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            input.Input,
+            {
+              autoFocus: true,
+              "aria-label": "Folder path",
+              placeholder: "docs/guides",
+              value: path,
+              onChange: (event) => setPath(event.target.value)
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogFooter, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogCancel, { children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "submit", variant: "primary", disabled: !trimmed || pending, children: "Create" })
+          ] })
+        ]
+      }
+    ) }) })
+  ] });
+}
+
+exports.WorkspaceCreateDirectory = WorkspaceCreateDirectory;
+//# sourceMappingURL=workspace-create-directory.cjs.js.map

package/dist/domains/workspace/components/workspace-create-directory.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-create-directory.cjs.js","sources":["../../../../src/domains/workspace/components/workspace-create-directory.tsx"],"sourcesContent":["import { useQueryClient } from '@tanstack/react-query';\nimport { FolderPlusIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { parentOf, ROOT_PATH } from '../path';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport { Button } from '@/ds/components/Button';\nimport {\n  Dialog,\n  DialogBody,\n  DialogCancel,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/ds/components/Dialog';\nimport { Input } from '@/ds/components/Input';\n\n/** \"New folder\" icon button; renders nothing unless `onCreateDirectory` is provided. */\nexport function WorkspaceCreateDirectory({ labeled = false }: { labeled?: boolean } = {}) {\n  const { workspaceId, onCreateDirectory, isReadOnly } = useWorkspaceContext();\n  const queryClient = useQueryClient();\n  const [open, setOpen] = useState(false);\n  const [path, setPath] = useState('');\n  const [pending, setPending] = useState(false);\n\n  if (!onCreateDirectory || isReadOnly(ROOT_PATH)) return null;\n\n  const trimmed = path.trim().replace(/^\\.?\\/+|\\/+$/g, '');\n\n  const submit = async () => {\n    if (!trimmed) return;\n    setPending(true);\n    try {\n      await onCreateDirectory(trimmed);\n      await queryClient.invalidateQueries({ queryKey: ['workspace', workspaceId, 'fs', 'list', parentOf(trimmed)] });\n      setOpen(false);\n      setPath('');\n    } catch {\n      // The caller reports the failure; keep the dialog open so the user can retry.\n    } finally {\n      setPending(false);\n    }\n  };\n\n  return (\n    <>\n      {labeled ? (\n        <Button variant=\"ghost\" icon={<FolderPlusIcon />} onClick={() => setOpen(true)}>\n          New folder\n        </Button>\n      ) : (\n        <Button variant=\"ghost\" size=\"icon-sm\" tooltip=\"New folder\" onClick={() => setOpen(true)}>\n          <FolderPlusIcon />\n        </Button>\n      )}\n      <Dialog open={open} onOpenChange={setOpen} pending={pending}>\n        <DialogContent size=\"sm\">\n          <form\n            onSubmit={event => {\n              event.preventDefault();\n              void submit();\n            }}\n          >\n            <DialogHeader>\n              <DialogTitle>New folder</DialogTitle>\n            </DialogHeader>\n            <DialogBody>\n              <Input\n                autoFocus\n                aria-label=\"Folder path\"\n                placeholder=\"docs/guides\"\n                value={path}\n                onChange={event => setPath(event.target.value)}\n              />\n            </DialogBody>\n            <DialogFooter>\n              <DialogCancel>Cancel</DialogCancel>\n              <Button type=\"submit\" variant=\"primary\" disabled={!trimmed || pending}>\n                Create\n              </Button>\n            </DialogFooter>\n          </form>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":["useWorkspaceContext","useQueryClient","useState","ROOT_PATH","parentOf","jsxs","Fragment","jsx","Button","FolderPlusIcon","Dialog","DialogContent","DialogHeader","DialogTitle","DialogBody","Input","DialogFooter","DialogCancel"],"mappings":"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"}

package/dist/domains/workspace/components/workspace-create-directory.d.ts

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

package/dist/domains/workspace/components/workspace-create-directory.es.js

@@ -0,0 +1,64 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useQueryClient } from '@tanstack/react-query';
+import { FolderPlusIcon } from 'lucide-react';
+import { useState } from 'react';
+import { ROOT_PATH, parentOf } from '../path.es.js';
+import { useWorkspaceContext } from './use-workspace-context.es.js';
+import { B as Button } from '../../../Button-D43ghVKt.js';
+import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, a as DialogBody, f as DialogFooter, b as DialogCancel } from '../../../dialog-Dt5kASkl.js';
+import { I as Input } from '../../../input-D5_B67_r.js';
+
+function WorkspaceCreateDirectory({ labeled = false } = {}) {
+  const { workspaceId, onCreateDirectory, isReadOnly } = useWorkspaceContext();
+  const queryClient = useQueryClient();
+  const [open, setOpen] = useState(false);
+  const [path, setPath] = useState("");
+  const [pending, setPending] = useState(false);
+  if (!onCreateDirectory || isReadOnly(ROOT_PATH)) return null;
+  const trimmed = path.trim().replace(/^\.?\/+|\/+$/g, "");
+  const submit = async () => {
+    if (!trimmed) return;
+    setPending(true);
+    try {
+      await onCreateDirectory(trimmed);
+      await queryClient.invalidateQueries({ queryKey: ["workspace", workspaceId, "fs", "list", parentOf(trimmed)] });
+      setOpen(false);
+      setPath("");
+    } catch {
+    } finally {
+      setPending(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    labeled ? /* @__PURE__ */ jsx(Button, { variant: "ghost", icon: /* @__PURE__ */ jsx(FolderPlusIcon, {}), onClick: () => setOpen(true), children: "New folder" }) : /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-sm", tooltip: "New folder", onClick: () => setOpen(true), children: /* @__PURE__ */ jsx(FolderPlusIcon, {}) }),
+    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, pending, children: /* @__PURE__ */ jsx(DialogContent, { size: "sm", children: /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: (event) => {
+          event.preventDefault();
+          void submit();
+        },
+        children: [
+          /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "New folder" }) }),
+          /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              autoFocus: true,
+              "aria-label": "Folder path",
+              placeholder: "docs/guides",
+              value: path,
+              onChange: (event) => setPath(event.target.value)
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(DialogFooter, { children: [
+            /* @__PURE__ */ jsx(DialogCancel, { children: "Cancel" }),
+            /* @__PURE__ */ jsx(Button, { type: "submit", variant: "primary", disabled: !trimmed || pending, children: "Create" })
+          ] })
+        ]
+      }
+    ) }) })
+  ] });
+}
+
+export { WorkspaceCreateDirectory };
+//# sourceMappingURL=workspace-create-directory.es.js.map

package/dist/domains/workspace/components/workspace-create-directory.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-create-directory.es.js","sources":["../../../../src/domains/workspace/components/workspace-create-directory.tsx"],"sourcesContent":["import { useQueryClient } from '@tanstack/react-query';\nimport { FolderPlusIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { parentOf, ROOT_PATH } from '../path';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport { Button } from '@/ds/components/Button';\nimport {\n  Dialog,\n  DialogBody,\n  DialogCancel,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/ds/components/Dialog';\nimport { Input } from '@/ds/components/Input';\n\n/** \"New folder\" icon button; renders nothing unless `onCreateDirectory` is provided. */\nexport function WorkspaceCreateDirectory({ labeled = false }: { labeled?: boolean } = {}) {\n  const { workspaceId, onCreateDirectory, isReadOnly } = useWorkspaceContext();\n  const queryClient = useQueryClient();\n  const [open, setOpen] = useState(false);\n  const [path, setPath] = useState('');\n  const [pending, setPending] = useState(false);\n\n  if (!onCreateDirectory || isReadOnly(ROOT_PATH)) return null;\n\n  const trimmed = path.trim().replace(/^\\.?\\/+|\\/+$/g, '');\n\n  const submit = async () => {\n    if (!trimmed) return;\n    setPending(true);\n    try {\n      await onCreateDirectory(trimmed);\n      await queryClient.invalidateQueries({ queryKey: ['workspace', workspaceId, 'fs', 'list', parentOf(trimmed)] });\n      setOpen(false);\n      setPath('');\n    } catch {\n      // The caller reports the failure; keep the dialog open so the user can retry.\n    } finally {\n      setPending(false);\n    }\n  };\n\n  return (\n    <>\n      {labeled ? (\n        <Button variant=\"ghost\" icon={<FolderPlusIcon />} onClick={() => setOpen(true)}>\n          New folder\n        </Button>\n      ) : (\n        <Button variant=\"ghost\" size=\"icon-sm\" tooltip=\"New folder\" onClick={() => setOpen(true)}>\n          <FolderPlusIcon />\n        </Button>\n      )}\n      <Dialog open={open} onOpenChange={setOpen} pending={pending}>\n        <DialogContent size=\"sm\">\n          <form\n            onSubmit={event => {\n              event.preventDefault();\n              void submit();\n            }}\n          >\n            <DialogHeader>\n              <DialogTitle>New folder</DialogTitle>\n            </DialogHeader>\n            <DialogBody>\n              <Input\n                autoFocus\n                aria-label=\"Folder path\"\n                placeholder=\"docs/guides\"\n                value={path}\n                onChange={event => setPath(event.target.value)}\n              />\n            </DialogBody>\n            <DialogFooter>\n              <DialogCancel>Cancel</DialogCancel>\n              <Button type=\"submit\" variant=\"primary\" disabled={!trimmed || pending}>\n                Create\n              </Button>\n            </DialogFooter>\n          </form>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const Notice = require('../../../Notice-D4zc_oTj.cjs');
+const utils_queryUtils = require('../../../utils/query-utils.cjs.js');
+
+const statusOf = (error) => error?.status;
+function describeError(error, fallback) {
+  if (utils_queryUtils.is401UnauthorizedError(error)) return "Your session has expired. Sign in again to continue.";
+  if (utils_queryUtils.is403ForbiddenError(error)) return "You don't have permission to access this.";
+  if (utils_queryUtils.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__ */ jsxRuntime.jsx(Notice.Notice, { variant: "destructive", className, children: /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice.Message, { children: describeError(error, fallback) }) });
+}
+
+exports.WorkspaceError = WorkspaceError;
+//# sourceMappingURL=workspace-error.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-error.cjs.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":["is401UnauthorizedError","is403ForbiddenError","is404NotFoundError","jsx","Notice"],"mappings":";;;;;;;;AAGA,MAAM,QAAA,GAAW,CAAC,KAAA,KAAoB,KAAA,EAAsC,MAAA;AAE5E,SAAS,aAAA,CAAc,OAAgB,QAAA,EAAkB;AACvD,EAAA,IAAIA,uCAAA,CAAuB,KAAK,CAAA,EAAG,OAAO,sDAAA;AAC1C,EAAA,IAAIC,oCAAA,CAAoB,KAAK,CAAA,EAAG,OAAO,2CAAA;AACvC,EAAA,IAAIC,mCAAA,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,uBACEC,cAAA,CAACC,aAAA,EAAA,EAAO,OAAA,EAAQ,aAAA,EAAc,SAAA,EAC5B,QAAA,kBAAAD,cAAA,CAACC,aAAA,CAAO,OAAA,EAAP,EAAgB,QAAA,EAAA,aAAA,CAAc,KAAA,EAAO,QAAQ,GAAE,CAAA,EAClD,CAAA;AAEJ;;;;"}

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

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