@arbidocs/blocks 0.4.137 → 0.4.138

package/dist/connect/index.d.ts

@@ -11,6 +11,7 @@ export { ConnectedWorkspaceNotificationMenu, ConnectedThreadFollow, type Connect
 export { ConnectedWorkspaceDataProvider, useConnectedDocuments, useConnectedTags, useConnectedConversations, type ConnectedConversation, type ConnectedWorkspaceData, type ConnectedList, type ConnectedListResult, type ConnectedDocument, type ConnectedTag, } from '../connection/workspaceData';
 export { ConnectedWorkflowsTable, DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS, useConnectedWorkspaceRole, type ConnectedWorkflowsTableProps, type ConnectedWorkflowsTableLabels, } from '../connection/ConnectedWorkflowsTable';
 export { ConnectedWorkflowLauncher, ConnectedWorkflowDocumentsField, useConnectedWorkflowScopeSource, useConnectedAgentOptions, toWorkflowFieldDocument, type ConnectedWorkflowLauncherProps, type ConnectedWorkflowDocumentsFieldProps, } from '../connection/ConnectedWorkflowLauncher';
+export { ConnectedSkillsLibrary, type ConnectedSkillsLibraryProps, } from '../connection/ConnectedSkillsLibrary';
 export { ConnectedSkillUpload, DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS, type ConnectedSkillUploadProps, type ConnectedSkillUploadLabels, } from '../connection/ConnectedSkillUpload';
 export { useConnectedAiTask, useConnectedChat, ConnectedAssistantDock, useWorkspaceDocs, useSemanticSearch, toRedlineMarkdown, redlineStats, textToArtifact, type AiTaskStatus, type AiRunOptions, type SearchChunk, type ArtifactEvent, } from '../connection/ai';
 export { StreamedArtifact, type StreamedArtifactProps } from '../connection/StreamedArtifact';

package/dist/connect/index.js

@@ -1,8 +1,7 @@
 "use client";
-import { FilesFilterBar, FolderFilterButton, FolderPickerRow } from '../chunk-7RJTEWYM.js';
 import { SettingsSection, ProfileCard, AvatarPicker, IdentityVerificationCard, IdentityVerificationDialog, RequireVerified, PasswordChangeDialog, SettingsCard, SettingsActionRow, EMAIL_NOTIFICATION_KEYS, EMAIL_NOTIFICATION_CATEGORIES, NotificationCategoryList, toNotificationCategories, toActiveSessionViews, SettingsRow, ActiveSessionsDialog, LogoutDialog, toLogoutSessionViews, SettingsDangerZone, DeleteAccountDialog, toDeleteBlockerViews } from '../chunk-OQ7RUNOC.js';
-import { useWorkspaceDocs } from '../chunk-L3T7OJRX.js';
-export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-L3T7OJRX.js';
+import { useWorkspaceDocs } from '../chunk-ZNI4SW2G.js';
+export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-ZNI4SW2G.js';
 import { useConnectedConversations, useConnectedDocuments, useConnectedTags } from '../chunk-2KUCVSFF.js';
 export { ConnectedWorkspaceDataProvider, useConnectedConversations, useConnectedDocuments, useConnectedTags } from '../chunk-2KUCVSFF.js';
 import { ConnectedNativeDocxEditor } from '../chunk-E5OYHJMU.js';
@@ -12,15 +11,16 @@ import { SignDocumentDialog } from '../chunk-2YOVK524.js';
 import '../chunk-GYAUJ4KT.js';
 import '../chunk-2FL7QJKJ.js';
 import '../chunk-HFZ45FD3.js';
-import { WorkspaceActivityList, WorkspaceNotificationMenu, ThreadFollowMenuItem, ThreadFollowButton, TagTable, tagTableDocx } from '../chunk-M33QUNFH.js';
+import { FilesFilterBar, FolderFilterButton, FolderPickerRow } from '../chunk-7RJTEWYM.js';
+import { WorkspaceActivityList, WorkspaceNotificationMenu, ThreadFollowMenuItem, ThreadFollowButton, TagTable, tagTableDocx } from '../chunk-ED4HHTIA.js';
 import { PlainMailBodyEditor, draftMailCompose, replyMailCompose, emptyMailCompose, MailGrid, MailMessageView, MailDocumentPicker, parseMailRecipients } from '../chunk-6HCJ3ZEU.js';
 import { DOCX_MIME_TYPE } from '../chunk-QXMR5YHC.js';
 import '../chunk-AF6RDAJF.js';
-import { WorkflowsTable, workflowTriggerType, buildWorkflowScopeSource, documentScopeLabels, WorkflowDocumentsField, WorkflowLauncher, WorkflowStepBar, importSkillFile, importSkillFromUrl, WorkflowRunner, fromPlanSteps, toPlanSteps, useWorkflowView } from '../chunk-ATJUVHVB.js';
-import '../chunk-EVUEIBNU.js';
+import { WorkflowsTable, workflowTriggerType, buildWorkflowScopeSource, documentScopeLabels, WorkflowDocumentsField, WorkflowLauncher, buildLibrarySkills, filterLibrarySkills, SKILL_SOURCE_LABELS, SKILL_TYPE_LABELS, SkillViewToggle, SkillFilterChips, SkillTile, SkillGenerateForm, SkillLibraryDetail, parseSkillFrontmatter, SKILL_MAIN_FILENAME, SkillEditForm, WorkflowStepBar, importSkillFile, importSkillFromUrl, WorkflowRunner, skillSlug, serializeSkill, fromPlanSteps, toPlanSteps, useWorkflowView, workflowToSkillMarkdown } from '../chunk-XVME4XYD.js';
+import '../chunk-3RJN2VTL.js';
 import { TriStateFilterMenu } from '../chunk-KSHKTOY2.js';
 import '../chunk-P6GHJSLR.js';
-import '../chunk-3RJN2VTL.js';
+import '../chunk-EVUEIBNU.js';
 import '../chunk-444XKG46.js';
 import '../chunk-NUNKSZKU.js';
 import { FilterInput } from '../chunk-YU2KUMGE.js';
@@ -29,12 +29,12 @@ import { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
 import '../chunk-VILAPTCB.js';
 import { ConfirmDialog } from '../chunk-VHJHY7TT.js';
 import { TabHeader } from '../chunk-4WWM3GQ5.js';
-import { ChatPage } from '../chunk-7M4C6CK7.js';
+import { ChatPage } from '../chunk-JO3EMZ4X.js';
 import '../chunk-7XF5SFJ2.js';
 import { takeOpenDocumentForTurn, useRegisterOpenDocument } from '../chunk-YBLIKTJK.js';
-import { splitDocRef, stepLevels, stepDocuments, stepKindOf, initialRunInputs, workflowSteps, stepStatesFromActivity, runThreadTitle, stepFields } from '../chunk-YOMPLCP6.js';
-import '../chunk-AUS3KBHJ.js';
+import { splitDocRef, stepLevels, stepDocuments, stepKindOf, initialRunInputs, workflowSteps, stepStatesFromActivity, runThreadTitle, stepFields } from '../chunk-Y5KTM3V5.js';
 import '../chunk-AA3PT6KR.js';
+import '../chunk-AUS3KBHJ.js';
 import '../chunk-SLSBJRWW.js';
 import '../chunk-NPLYHR2E.js';
 import '../chunk-7F6CBP3Z.js';
@@ -44,12 +44,12 @@ import { fmtDate, initials } from '../chunk-OXF2IFXG.js';
 import '../chunk-VUNV25KB.js';
 import { lazy, useState, useMemo, useEffect, useRef, useCallback, Suspense, useLayoutEffect } from 'react';
 import { QueryClient, QueryClientProvider, useQueryClient, useQuery } from '@tanstack/react-query';
-import { ArbiProvider, useConversations, useRunConversation, useWorkspaceActivity, useWorkspaceUsers, useWorkspaceNotificationLevel, useFollowThread, useWorkflows, useAgents, useUpdateWorkflow, useDeleteWorkflow, useRunWorkflow, useArbi, useThumbnails, useUploadSkillFiles, ArtifactCanvas, useArbiChat, useDocuments, useTagKindSchema, useTags, useSetTagValues, useUpdateTagKindSchema, useInvalidateTagData, useWorkspaces, useShellWorkspaces, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, useIdentityVerification, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useSignOut, useDeleteAccount, useDeleteAccountFlow, useArbiWebSocket, useWorkNotifications, mailDraftIdFromContent, useMailClient, defaultMailAlias, useClaimNativeAlias, useMailOnline, useConnectMailAccount, useDisconnectMailAccount, useMailPolicy, useMailAccounts, useMailUnlock, useMailFolders, useMailMessages, useMailDraftCompose, useMailMessage, useMailCache, MailOfflineUnavailableError, accountPath, useAgentSession, useStartAgentSession, useCloseAgentSession, isAliasTakenError, nextAliasSuggestion, aliasTakenMessage, mailJson, ArbiWebSocketProvider, useCreateWork, useActOnStep, useConversationActivity, useConversationThreads, fileAttachment, useMailProjects, useSaveMailDraft, useSendMail, useMailDraftReplaced, AiAnswer, useMailDraftEditor } from '@arbidocs/react';
+import { ArbiProvider, useConversations, useRunConversation, useWorkspaceActivity, useWorkspaceUsers, useWorkspaceNotificationLevel, useFollowThread, useWorkflows, useAgents, useUpdateWorkflow, useDeleteWorkflow, useRunWorkflow, useArbi, useThumbnails, useUploadSkillFiles, useSkills, useSetSkillVisibility, useDeleteSkill, useSkillSource, ArtifactCanvas, useArbiChat, useDocuments, useTagKindSchema, useTags, useSetTagValues, useUpdateTagKindSchema, useInvalidateTagData, useWorkspaces, useShellWorkspaces, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, useIdentityVerification, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useSignOut, useDeleteAccount, useDeleteAccountFlow, useArbiWebSocket, useWorkNotifications, mailDraftIdFromContent, useMailClient, defaultMailAlias, useClaimNativeAlias, useMailOnline, useConnectMailAccount, useDisconnectMailAccount, useMailPolicy, useMailAccounts, useMailUnlock, useMailFolders, useMailMessages, useMailDraftCompose, useMailMessage, useMailCache, MailOfflineUnavailableError, accountPath, useAgentSession, useStartAgentSession, useCloseAgentSession, isAliasTakenError, nextAliasSuggestion, aliasTakenMessage, mailJson, ArbiWebSocketProvider, useCreateWork, useActOnStep, useConversationActivity, useConversationThreads, fileAttachment, useMailProjects, useSaveMailDraft, useSendMail, useMailDraftReplaced, AiAnswer, useMailDraftEditor } from '@arbidocs/react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Button, Label, Input, cn, Dialog, DialogContent, DialogTitle, DialogDescription, Tooltip, TooltipTrigger, TooltipContent } from '@arbidocs/react/ui';
-import { Upload, Link2, ExternalLink, UserCircle, KeyRound, Radio, Mail, Settings, Plus, ArrowLeft, Loader2, X, Paperclip, Send, MessageSquare } from 'lucide-react';
+import { Button, Label, Input, cn, Textarea, Dialog, DialogContent, DialogTitle, DialogDescription, EntityIcon, Tooltip, TooltipTrigger, TooltipContent } from '@arbidocs/react/ui';
+import { useIsOnline, downloadBlob, useOptionalDocumentTools, fetchDocumentPdf, DocumentToolsProvider } from '@arbidocs/react/document-tools';
+import { Upload, Link2, Search, Plus, ArrowLeft, ExternalLink, UserCircle, KeyRound, Radio, Mail, Settings, Loader2, X, Paperclip, Send, MessageSquare } from 'lucide-react';
 import { useStreamedArtifact } from '@arbidocs/react/artifacts';
-import { useIsOnline, useOptionalDocumentTools, fetchDocumentPdf, DocumentToolsProvider } from '@arbidocs/react/document-tools';
 import { useNotify } from '@arbidocs/react/shell';
 import { bytesToBase64 } from '@arbidocs/client';
 import { createPortal } from 'react-dom';
@@ -561,6 +561,387 @@ function ConnectedSkillUpload({ onDone, labels, className }) {
     }
   );
 }
+var SKILL_FOLDER = "skills/";
+var NAME_PATTERN = /^[a-z0-9-]{1,64}$/;
+var icon = /* @__PURE__ */ jsx(EntityIcon, { entityType: "SKILL" });
+var errorText = (error, fallback) => error instanceof Error && error.message ? error.message : fallback;
+var statusOf = (error) => error && typeof error === "object" && "status" in error ? error.status : void 0;
+function ConnectedSkillsLibrary({
+  builtins = [],
+  initialSlug,
+  onRun,
+  onDraft,
+  renderEditor
+}) {
+  const arbi = useArbi();
+  const { confirm, notify } = useBlocksEnvironment();
+  const { data: listings } = useSkills();
+  const upload = useUploadSkillFiles();
+  const setVisibility = useSetSkillVisibility();
+  const deleteSkill = useDeleteSkill();
+  const [mode, setMode] = useState("detail");
+  const [selected, setSelected] = useState(initialSlug ?? null);
+  const [query, setQuery] = useState("");
+  const [source, setSource] = useState("all");
+  const [type, setType] = useState("all");
+  const [view, setView] = useState("gallery");
+  const [isBusy, setIsBusy] = useState(false);
+  const all = useMemo(() => buildLibrarySkills(builtins, listings ?? []), [builtins, listings]);
+  const shown = useMemo(
+    () => filterLibrarySkills(all, { query, source, type }),
+    [all, query, source, type]
+  );
+  const current = all.find((s) => s.slug === selected) ?? null;
+  const { data: currentText, isLoading: textLoading } = useSkillSource(current?.docExtId);
+  useEffect(() => {
+    if (selected && !current && all.length > 0) setSelected(null);
+  }, [selected, current, all.length]);
+  const count = (s) => all.filter((x) => x.source === s).length;
+  const sourceOptions = [
+    { id: "all", label: "All", count: all.length },
+    { id: "builtin", label: SKILL_SOURCE_LABELS.builtin, count: count("builtin") },
+    { id: "mine", label: SKILL_SOURCE_LABELS.mine, count: count("mine") },
+    { id: "shared", label: SKILL_SOURCE_LABELS.shared, count: count("shared") }
+  ];
+  const types = [...new Set(all.map((s) => s.type))];
+  const typeOptions = [
+    { id: "all", label: "Any kind" },
+    ...types.map((t) => ({ id: t, label: SKILL_TYPE_LABELS[t] ?? t }))
+  ];
+  const pick = (slug) => {
+    setSelected(slug);
+    setMode("detail");
+  };
+  const markdownOf = async (skill) => {
+    if (!skill.docExtId) return workflowToSkillMarkdown(skill.workflow);
+    const response = await arbi.documents.download(skill.docExtId);
+    if (!response.ok) throw new Error(`Could not read the skill (${response.status})`);
+    return response.text();
+  };
+  const saveAs = (slug, markdown, shared = false) => upload.mutateAsync([
+    {
+      folder: `${SKILL_FOLDER}${slug}`,
+      fileName: SKILL_MAIN_FILENAME,
+      content: new Blob([markdown], { type: "text/markdown" }),
+      shared
+    }
+  ]);
+  const busy = async (work) => {
+    setIsBusy(true);
+    try {
+      await work();
+    } finally {
+      setIsBusy(false);
+    }
+  };
+  const makeCopy = (skill) => busy(async () => {
+    try {
+      await saveAs(skill.slug, await markdownOf(skill));
+      notify(
+        "Your copy is ready. It is used instead of the original; delete it to go back.",
+        "success"
+      );
+      setSelected(skill.slug);
+    } catch (error) {
+      notify(errorText(error, "Could not make a copy"), "error");
+    }
+  });
+  const toggleShare = (skill) => {
+    if (!skill.docExtId) return;
+    const docExtId = skill.docExtId;
+    const next = skill.isShared ? "mine" : "global";
+    return busy(async () => {
+      try {
+        await setVisibility.mutateAsync({ docExtId, visibility: next });
+        notify(next === "global" ? "Shared with everyone" : "Made private", "success");
+      } catch (error) {
+        notify(
+          statusOf(error) === 409 || errorText(error, "").includes("409") ? "Someone has already shared a skill with this name. Rename yours first." : "Could not change who can see this skill",
+          "error"
+        );
+      }
+    });
+  };
+  const remove = async (skill) => {
+    if (!skill.docExtId) return;
+    const docExtId = skill.docExtId;
+    const ok = await confirm({
+      message: skill.replacesBuiltin ? `Delete your copy of "${skill.title}"? The original will be used again.` : `Delete "${skill.title}"? This cannot be undone.`,
+      title: "Delete skill"
+    });
+    if (!ok) return;
+    await busy(async () => {
+      try {
+        await deleteSkill.mutateAsync(docExtId);
+        notify(`${skill.title} deleted`, "success");
+        setSelected(null);
+      } catch {
+        notify("Could not delete the skill", "error");
+      }
+    });
+  };
+  const exportFile = async (skill) => {
+    try {
+      downloadBlob(
+        new Blob([await markdownOf(skill)], { type: "text/markdown" }),
+        SKILL_MAIN_FILENAME
+      );
+    } catch (error) {
+      notify(errorText(error, "Could not export the skill"), "error");
+    }
+  };
+  const rightVisible = mode !== "detail" || current !== null;
+  const backToList = () => {
+    setMode("detail");
+    setSelected(null);
+  };
+  const done = (slug) => {
+    if (slug) setSelected(slug);
+    setMode("detail");
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 border-t border-border", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex min-h-0 w-full flex-col md:w-[26rem] md:shrink-0 md:border-r md:border-border",
+          rightVisible && "max-md:hidden"
+        ),
+        "data-testid": "skills-list-pane",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 p-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "relative min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    value: query,
+                    onChange: (e) => setQuery(e.target.value),
+                    placeholder: "Search skills",
+                    "aria-label": "Search skills",
+                    className: "pl-9 pointer-coarse:min-h-11",
+                    "data-testid": "skills-browser-search"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(SkillViewToggle, { value: view, onChange: setView })
+            ] }),
+            /* @__PURE__ */ jsx(
+              SkillFilterChips,
+              {
+                label: "Show",
+                value: source,
+                onChange: (id) => setSource(id),
+                options: sourceOptions
+              }
+            ),
+            types.length > 1 && /* @__PURE__ */ jsx(
+              SkillFilterChips,
+              {
+                label: "Kind",
+                value: type,
+                onChange: setType,
+                options: typeOptions,
+                testIdPrefix: "skills-type"
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  size: "sm",
+                  onClick: () => setMode("new"),
+                  className: "pointer-coarse:min-h-11",
+                  "data-testid": "skills-new",
+                  children: [
+                    /* @__PURE__ */ jsx(Plus, { className: "mr-1 size-4" }),
+                    "New skill"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  size: "sm",
+                  variant: "outline",
+                  onClick: () => setMode("add"),
+                  className: "pointer-coarse:min-h-11",
+                  "data-testid": "skills-add",
+                  children: [
+                    /* @__PURE__ */ jsx(Upload, { className: "mr-1 size-4" }),
+                    "Add a skill"
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 pb-3", "data-testid": "skills-list", children: shown.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-10 text-center text-sm text-muted-foreground", children: "No skills match. Try another word or filter." }) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "gap-2",
+                view === "gallery" ? "grid grid-cols-[repeat(auto-fill,minmax(9.5rem,1fr))]" : "flex flex-col"
+              ),
+              children: shown.map((skill) => /* @__PURE__ */ jsx(
+                SkillTile,
+                {
+                  name: skill.title,
+                  testId: `skill-tile-${skill.slug}`,
+                  description: skill.description,
+                  sourceLabel: skill.isShared ? `${SKILL_SOURCE_LABELS.mine}, shared` : SKILL_SOURCE_LABELS[skill.source],
+                  type: skill.type,
+                  icon,
+                  layout: view,
+                  selected: skill.slug === selected,
+                  onSelect: () => pick(skill.slug)
+                },
+                skill.slug
+              ))
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("flex min-h-0 min-w-0 flex-1 flex-col", !rightVisible && "max-md:hidden"),
+        "data-testid": "skills-detail-pane",
+        children: [
+          rightVisible && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: backToList,
+              className: "m-2 self-start pointer-coarse:min-h-11 md:hidden",
+              "data-testid": "skills-back",
+              children: [
+                /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-1 size-4" }),
+                "All skills"
+              ]
+            }
+          ),
+          mode === "new" && /* @__PURE__ */ jsx(
+            SkillGenerateForm,
+            {
+              icon,
+              onGenerate: (desc) => {
+                onDraft(`/create-skill ${desc}`.trim() + " ");
+                notify("Sent to the chat: the assistant will draft your skill.", "info");
+              },
+              onManual: () => setMode("edit")
+            }
+          ),
+          mode === "edit" && /* @__PURE__ */ jsx(
+            SkillEditor,
+            {
+              skill: current?.source === "mine" ? current : null,
+              text: current?.source === "mine" ? currentText : void 0,
+              renderEditor,
+              onSave: async (slug, markdown, isEditing) => {
+                await saveAs(slug, markdown, isEditing && !!current?.isShared);
+                notify(isEditing ? `${slug} saved` : `${slug} added`, "success");
+                done(slug);
+              },
+              onCancel: () => done(),
+              isSaving: upload.isPending
+            }
+          ),
+          mode === "add" && /* @__PURE__ */ jsx(ConnectedSkillUpload, { onDone: done }),
+          mode === "detail" && current && /* @__PURE__ */ jsx(
+            SkillLibraryDetail,
+            {
+              skill: current,
+              icon,
+              instructions: current.docExtId ? currentText ? parseSkillFrontmatter(currentText, SKILL_MAIN_FILENAME).content : "" : current.workflow.run.kind === "prompt" ? current.workflow.run.promptTemplate : "",
+              isLoading: !!current.docExtId && textLoading,
+              actions: {
+                onRun: () => onRun(current.slug),
+                onCopy: () => void makeCopy(current),
+                onEdit: () => setMode("edit"),
+                onToggleShare: () => void toggleShare(current),
+                onExport: () => void exportFile(current),
+                onDelete: () => void remove(current),
+                isBusy
+              }
+            }
+          ),
+          mode === "detail" && !current && /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center p-8 text-center text-sm text-muted-foreground max-md:hidden", children: "Pick a skill to read it, run it or make a copy." })
+        ]
+      }
+    )
+  ] });
+}
+function SkillEditor({
+  skill,
+  text,
+  renderEditor,
+  onSave,
+  onCancel,
+  isSaving
+}) {
+  const { notify } = useBlocksEnvironment();
+  const isEditing = !!skill;
+  const [name, setName] = useState(skill?.slug ?? "");
+  const [description, setDescription] = useState("");
+  const [body, setBody] = useState("");
+  const [seeded, setSeeded] = useState(!isEditing);
+  const [nameError, setNameError] = useState(null);
+  if (isEditing && !seeded && text !== void 0) {
+    const parsed = parseSkillFrontmatter(text, SKILL_MAIN_FILENAME);
+    setDescription(parsed.description ?? "");
+    setBody(parsed.content ?? "");
+    setSeeded(true);
+  }
+  const save = async () => {
+    if (!NAME_PATTERN.test(name)) {
+      setNameError("Use 1\u201364 lowercase letters, numbers or hyphens.");
+      return;
+    }
+    if (description.trim().length < 1) {
+      notify("Add a short description.", "error");
+      return;
+    }
+    const slug = skillSlug(name);
+    try {
+      await onSave(slug, serializeSkill({ name: slug, description, body }), isEditing);
+    } catch (err) {
+      notify(errorText(err, "Could not save the skill"), "error");
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    SkillEditForm,
+    {
+      name,
+      onNameChange: setName,
+      isNameLocked: isEditing,
+      nameError,
+      description,
+      onDescriptionChange: setDescription,
+      editor: renderEditor ? renderEditor(body, setBody) : /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          value: body,
+          onChange: (e) => setBody(e.target.value),
+          className: "min-h-64 flex-1 font-mono text-sm",
+          "aria-label": "Instructions"
+        }
+      ),
+      isSaving,
+      isEditing,
+      onSave: save,
+      onCancel,
+      labels: { create: "Add skill" },
+      testIds: {
+        name: "skill-edit-name",
+        description: "skill-edit-description",
+        save: "skill-edit-save"
+      }
+    }
+  );
+}
 var StreamedArtifactEditor = lazy(() => import('../StreamedArtifactEditor-XQNANTWM.js'));
 function StreamedArtifact({
   artifacts,
@@ -1650,7 +2031,7 @@ function useConnectedShellWorkspaces(options = {}) {
     select: (workspace) => setWorkspace(workspace.id)
   });
 }
-function errorText(error, fallback) {
+function errorText2(error, fallback) {
   const body = error?.apiError;
   return typeof body?.detail === "string" ? body.detail : fallback;
 }
@@ -1700,7 +2081,7 @@ function ConnectedProfileCard({
         await requestEmailChange.mutateAsync(address);
         notify("Verification code sent to your new email", "success");
       } catch (e) {
-        notify(errorText(e, "Failed to send verification code"), "error");
+        notify(errorText2(e, "Failed to send verification code"), "error");
         throw e;
       }
     },
@@ -1709,7 +2090,7 @@ function ConnectedProfileCard({
         await confirmEmailChange.mutateAsync(args);
         notify("Email address updated", "success");
       } catch (e) {
-        notify(errorText(e, "Invalid or expired verification code"), "error");
+        notify(errorText2(e, "Invalid or expired verification code"), "error");
         throw e;
       }
     }
@@ -4163,6 +4544,6 @@ function ConnectedAgentChatPanel({
   ] });
 }
 
-export { ArbiAppProvider, ConnectedAgentChatPanel, ConnectedDangerZone, ConnectedIdentityVerification, ConnectedLogoutDialog, ConnectedMailAccounts, ConnectedMailComposer, ConnectedMailMessage, ConnectedMailSetup, ConnectedMailbox, ConnectedNotificationPreferences, ConnectedPasswordChangeDialog, ConnectedProfileCard, ConnectedRequireVerified, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedSkillUpload, ConnectedTagTable, ConnectedTaskAccessRequest, ConnectedThreadFollow, ConnectedWorkflowDocumentsField, ConnectedWorkflowLauncher, ConnectedWorkflowRunner, ConnectedWorkflowsTable, ConnectedWorkspaceActivity, ConnectedWorkspaceNotificationMenu, DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS, DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, StreamedArtifact, WorkflowRunThread, defaultUnmetPasswordRequirement, resolveMailbox, toWorkflowFieldDocument, useConnectedAgentOptions, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications, useConnectedWorkflowScopeSource, useConnectedWorkspaceRole };
+export { ArbiAppProvider, ConnectedAgentChatPanel, ConnectedDangerZone, ConnectedIdentityVerification, ConnectedLogoutDialog, ConnectedMailAccounts, ConnectedMailComposer, ConnectedMailMessage, ConnectedMailSetup, ConnectedMailbox, ConnectedNotificationPreferences, ConnectedPasswordChangeDialog, ConnectedProfileCard, ConnectedRequireVerified, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedSkillUpload, ConnectedSkillsLibrary, ConnectedTagTable, ConnectedTaskAccessRequest, ConnectedThreadFollow, ConnectedWorkflowDocumentsField, ConnectedWorkflowLauncher, ConnectedWorkflowRunner, ConnectedWorkflowsTable, ConnectedWorkspaceActivity, ConnectedWorkspaceNotificationMenu, DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS, DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, StreamedArtifact, WorkflowRunThread, defaultUnmetPasswordRequirement, resolveMailbox, toWorkflowFieldDocument, useConnectedAgentOptions, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications, useConnectedWorkflowScopeSource, useConnectedWorkspaceRole };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map