@mastra/playground-ui 61.0.0-alpha.2 → 61.0.0-alpha.4

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

@@ -1 +1 @@
-{"version":3,"file":"workspace-add-skill-dialog.cjs.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":["parseSkillSource","useState","usePopularSkillsSh","useSearchSkillsSh","useMemo","useSkillPreview","useDebouncedCallback","useCallback","jsx","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogBody","SearchInput","ScrollArea","ScrollAreaViewport","Loader2","CircleSlashIcon","Txt","cn","Check","Download","Package","Fragment","SkillIcon","GithubIcon","quietTextHover","controlStateColorTransition","ExternalLink","MarkdownRenderer","Field","raisedSurfaceStyle","Folder","FieldLabel","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","DialogFooter","DialogCancel","DialogAction"],"mappings":"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"}
+{"version":3,"file":"workspace-add-skill-dialog.cjs.js","sources":["../../../../src/domains/workspace/components/workspace-add-skill-dialog.tsx"],"sourcesContent":["import {\n  useSearchSkillsSh,\n  usePopularSkillsSh,\n  useSkillPreview,\n  parseSkillSource,\n} from '@mastra/react/hooks/workspace';\nimport type { SkillsShSkill } from '@mastra/react/hooks/workspace';\nimport { Download, ExternalLink, Loader2, CircleSlashIcon, Package, Check, Folder } from 'lucide-react';\nimport { useState, useCallback, useMemo } from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\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({\n    workspaceId: workspaceId,\n    queryOptions: { enabled: !!workspaceId },\n  });\n\n  const searchMutation = useSearchSkillsSh({ workspaceId: 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    owner: parsedSource?.owner,\n    repo: parsedSource?.repo,\n    skillPath: selectedSkill?.name,\n    queryOptions: { enabled: !!workspaceId && !!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":["parseSkillSource","useState","usePopularSkillsSh","useSearchSkillsSh","useMemo","useSkillPreview","useDebouncedCallback","useCallback","jsx","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogBody","SearchInput","ScrollArea","ScrollAreaViewport","Loader2","CircleSlashIcon","Txt","cn","Check","Download","Package","Fragment","SkillIcon","GithubIcon","quietTextHover","controlStateColorTransition","ExternalLink","MarkdownRenderer","Field","raisedSurfaceStyle","Folder","FieldLabel","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","DialogFooter","DialogCancel","DialogAction"],"mappings":"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"}

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

@@ -1,14 +1,14 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { usePopularSkillsSh, useSearchSkillsSh, parseSkillSource, useSkillPreview } from '@mastra/react/hooks/workspace';
 import { Loader2, CircleSlashIcon, Check, Download, Package, ExternalLink, Folder } from 'lucide-react';
 import { useState, useMemo, useCallback } from 'react';
 import { useDebouncedCallback } from 'use-debounce';
-import { usePopularSkillsSh, useSearchSkillsSh, parseSkillSource, useSkillPreview } from '../hooks/use-skills-sh.es.js';
 import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody, f as DialogFooter, b as DialogCancel } from '../../../dialog-Dt5kASkl.js';
 import { F as Field, e as FieldLabel } from '../../../field-BiMIiq2Y.js';
 import '../../../field-control-aria-DB6y41tQ.js';
-import { M as MarkdownRenderer } from '../../../markdown-renderer-B3Pf1uW9.js';
+import { M as MarkdownRenderer } from '../../../markdown-renderer-CKSEkKch.js';
 import { S as ScrollArea, a as ScrollAreaViewport } from '../../../scroll-area-Ds-fJn5M.js';
-import { S as SearchInput } from '../../../search-input-63Y1_wgA.js';
+import { S as SearchInput } from '../../../search-input-BV-rRDdJ.js';
 import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-CWxcmE3F.js';
 import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { GithubIcon } from '../../../icons/GithubIcon.es.js';
@@ -42,8 +42,11 @@ function WorkspaceAddSkillDialog({
   const [selectedSkill, setSelectedSkill] = useState(null);
   const [selectedMount, setSelectedMount] = useState();
   const installMount = writableMounts?.some((mount) => mount.path === selectedMount) ? selectedMount : writableMounts?.[0]?.path;
-  const { data: popularData, isLoading: isLoadingPopular } = usePopularSkillsSh(workspaceId);
-  const searchMutation = useSearchSkillsSh(workspaceId);
+  const { data: popularData, isLoading: isLoadingPopular } = usePopularSkillsSh({
+    workspaceId,
+    queryOptions: { enabled: !!workspaceId }
+  });
+  const searchMutation = useSearchSkillsSh({ workspaceId });
   const parsedSource = useMemo(() => {
     if (!selectedSkill?.topSource) return null;
     return parseSkillSource(selectedSkill.topSource, selectedSkill.name);
@@ -52,13 +55,13 @@ function WorkspaceAddSkillDialog({
     if (!parsedSource || !selectedSkill) return null;
     return `https://skills.sh/${parsedSource.owner}/${parsedSource.repo}/${selectedSkill.name}`;
   }, [parsedSource, selectedSkill]);
-  const { data: previewContent, isLoading: isLoadingPreview } = useSkillPreview(
+  const { data: previewContent, isLoading: isLoadingPreview } = useSkillPreview({
     workspaceId,
-    parsedSource?.owner,
-    parsedSource?.repo,
-    selectedSkill?.name,
-    { enabled: !!parsedSource && !!selectedSkill }
-  );
+    owner: parsedSource?.owner,
+    repo: parsedSource?.repo,
+    skillPath: selectedSkill?.name,
+    queryOptions: { enabled: !!workspaceId && !!parsedSource && !!selectedSkill }
+  });
   const debouncedSearch = useDebouncedCallback((query) => {
     if (query.trim().length >= 2) {
       searchMutation.mutate(query);

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

@@ -1 +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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"}
+{"version":3,"file":"workspace-add-skill-dialog.es.js","sources":["../../../../src/domains/workspace/components/workspace-add-skill-dialog.tsx"],"sourcesContent":["import {\n  useSearchSkillsSh,\n  usePopularSkillsSh,\n  useSkillPreview,\n  parseSkillSource,\n} from '@mastra/react/hooks/workspace';\nimport type { SkillsShSkill } from '@mastra/react/hooks/workspace';\nimport { Download, ExternalLink, Loader2, CircleSlashIcon, Package, Check, Folder } from 'lucide-react';\nimport { useState, useCallback, useMemo } from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\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({\n    workspaceId: workspaceId,\n    queryOptions: { enabled: !!workspaceId },\n  });\n\n  const searchMutation = useSearchSkillsSh({ workspaceId: 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    owner: parsedSource?.owner,\n    repo: parsedSource?.repo,\n    skillPath: selectedSkill?.name,\n    queryOptions: { enabled: !!workspaceId && !!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-error.cjs.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
+const query = require('@mastra/react/hooks/query');
 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 (query.is401UnauthorizedError(error)) return "Your session has expired. Sign in again to continue.";
+  if (query.is403ForbiddenError(error)) return "You don't have permission to access this.";
+  if (query.is404NotFoundError(error)) return "This path no longer exists.";
   if (statusOf(error) === 501) return "This workspace does not support this operation.";
   return fallback;
 }

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

@@ -1 +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;;;;"}
+{"version":3,"file":"workspace-error.cjs.js","sources":["../../../../src/domains/workspace/components/workspace-error.tsx"],"sourcesContent":["import { is401UnauthorizedError, is403ForbiddenError, is404NotFoundError } from '@mastra/react/hooks/query';\nimport { Notice } from '@/ds/components/Notice';\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,4BAAA,CAAuB,KAAK,CAAA,EAAG,OAAO,sDAAA;AAC1C,EAAA,IAAIC,yBAAA,CAAoB,KAAK,CAAA,EAAG,OAAO,2CAAA;AACvC,EAAA,IAAIC,wBAAA,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.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
+import { is401UnauthorizedError, is403ForbiddenError, is404NotFoundError } from '@mastra/react/hooks/query';
 import { N as Notice } from '../../../Notice-D4gMAkVI.js';
-import { is401UnauthorizedError, is403ForbiddenError, is404NotFoundError } from '../../../utils/query-utils.es.js';
 
 const statusOf = (error) => error?.status;
 function describeError(error, fallback) {

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

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

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_workspace_components_frontmatter = require('./frontmatter.cjs.js');
-const codeBlock = require('../../../code-block-z2hVcNq7.cjs');
-const markdownRenderer = require('../../../markdown-renderer-4iyMU2Cm.cjs');
+const codeBlock = require('../../../code-block-Ipm4Kqvc.cjs');
+const markdownRenderer = require('../../../markdown-renderer-BCeiKCA4.cjs');
 
 function WorkspaceMarkdownPreview({ content }) {
   const { frontmatter, body } = domains_workspace_components_frontmatter.splitFrontmatter(content);

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

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { splitFrontmatter } from './frontmatter.es.js';
-import { C as CodeBlock } from '../../../code-block-CXZNO_qi.js';
-import { M as MarkdownRenderer } from '../../../markdown-renderer-B3Pf1uW9.js';
+import { C as CodeBlock } from '../../../code-block-BMmilLti.js';
+import { M as MarkdownRenderer } from '../../../markdown-renderer-CKSEkKch.js';
 
 function WorkspaceMarkdownPreview({ content }) {
   const { frontmatter, body } = splitFrontmatter(content);

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

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
+const query = require('@mastra/react/hooks/query');
+const workspace = require('@mastra/react/hooks/workspace');
 const reactResizablePanels = require('react-resizable-panels');
-const domains_workspace_hooks_useWorkspaceDirectory = require('../hooks/use-workspace-directory.cjs.js');
 const domains_workspace_path = require('../path.cjs.js');
 const domains_workspace_components_useWorkspaceContext = require('./use-workspace-context.cjs.js');
 const domains_workspace_components_workspaceActiveFile = require('./workspace-active-file.cjs.js');
@@ -13,9 +14,8 @@ const domains_workspace_components_workspaceContext = require('./workspace-conte
 const domains_workspace_components_workspaceCreateDirectory = require('./workspace-create-directory.cjs.js');
 const domains_workspace_components_workspaceSearch = require('./workspace-search.cjs.js');
 const domains_workspace_components_workspaceTree = require('./workspace-tree.cjs.js');
-const EmptyState = require('../../../EmptyState-DvSib3QC.cjs');
+const EmptyState = require('../../../EmptyState-O089K_US.cjs');
 const scrollArea = require('../../../scroll-area-CEuf7Omb.cjs');
-const utils_queryUtils = require('../../../utils/query-utils.cjs.js');
 const resize_collapsiblePanel = require('../../../resize/collapsible-panel.cjs.js');
 const resize_panelGroup = require('../../../resize/panel-group.cjs.js');
 const resize_separator = require('../../../resize/separator.cjs.js');
@@ -25,8 +25,8 @@ function WorkspaceRoot({ children, ...props }) {
 }
 function WorkspaceRootBody({ children }) {
   const { workspaceId } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
-  const { data, error } = domains_workspace_hooks_useWorkspaceDirectory.useWorkspaceDirectory(workspaceId, domains_workspace_path.ROOT_PATH);
-  const isEmpty = data ? data.length === 0 : utils_queryUtils.is404NotFoundError(error);
+  const { data, error } = workspace.useWorkspaceDirectory({ workspaceId, path: domains_workspace_path.ROOT_PATH });
+  const isEmpty = data ? data.length === 0 : query.is404NotFoundError(error);
   if (isEmpty) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState.EmptyState,

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

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

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

@@ -1,6 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { is404NotFoundError } from '@mastra/react/hooks/query';
+import { useWorkspaceDirectory } from '@mastra/react/hooks/workspace';
 import { Panel } from 'react-resizable-panels';
-import { useWorkspaceDirectory } from '../hooks/use-workspace-directory.es.js';
 import { ROOT_PATH } from '../path.es.js';
 import { useWorkspaceContext } from './use-workspace-context.es.js';
 import { WorkspaceActiveFileContent as WorkspaceActiveFileContent$1 } from './workspace-active-file.es.js';
@@ -9,9 +10,8 @@ import { WorkspaceProvider } from './workspace-context.es.js';
 import { WorkspaceCreateDirectory } from './workspace-create-directory.es.js';
 import { WorkspaceSearchResults } from './workspace-search.es.js';
 import { WorkspaceTree as WorkspaceTree$1 } from './workspace-tree.es.js';
-import { E as EmptyState } from '../../../EmptyState-DGzBN0Ix.js';
+import { E as EmptyState } from '../../../EmptyState-BI6cIolY.js';
 import { S as ScrollArea } from '../../../scroll-area-Ds-fJn5M.js';
-import { is404NotFoundError } from '../../../utils/query-utils.es.js';
 import { CollapsiblePanel } from '../../../resize/collapsible-panel.es.js';
 import { PanelGroup } from '../../../resize/panel-group.es.js';
 import { PanelSeparator } from '../../../resize/separator.es.js';
@@ -21,7 +21,7 @@ function WorkspaceRoot({ children, ...props }) {
 }
 function WorkspaceRootBody({ children }) {
   const { workspaceId } = useWorkspaceContext();
-  const { data, error } = useWorkspaceDirectory(workspaceId, ROOT_PATH);
+  const { data, error } = useWorkspaceDirectory({ workspaceId, path: ROOT_PATH });
   const isEmpty = data ? data.length === 0 : is404NotFoundError(error);
   if (isEmpty) {
     return /* @__PURE__ */ jsx(

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

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