@arbidocs/blocks 0.4.136 → 0.4.138

package/dist/connect/index.js

@@ -1,31 +1,34 @@
 "use client";
-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-GFYGYME3.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-ZNI4SW2G.js';
 export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-ZNI4SW2G.js';
-import { ConnectedNativeDocxEditor } from '../chunk-VIU7AMHF.js';
-import { ConnectionProvider, useConnection } from '../chunk-L2PAPOZ5.js';
+import { useConnectedConversations, useConnectedDocuments, useConnectedTags } from '../chunk-2KUCVSFF.js';
+export { ConnectedWorkspaceDataProvider, useConnectedConversations, useConnectedDocuments, useConnectedTags } from '../chunk-2KUCVSFF.js';
+import { ConnectedNativeDocxEditor } from '../chunk-E5OYHJMU.js';
+import { ConnectionProvider, useConnection, useConnectedWorkspace } from '../chunk-L2PAPOZ5.js';
 export { ConnectionProvider, SESSION_EXPIRED_MESSAGE, isAuthenticated, useConnectedWorkspace, useConnection } from '../chunk-L2PAPOZ5.js';
 import { SignDocumentDialog } from '../chunk-2YOVK524.js';
 import '../chunk-GYAUJ4KT.js';
 import '../chunk-2FL7QJKJ.js';
 import '../chunk-HFZ45FD3.js';
 import { FilesFilterBar, FolderFilterButton, FolderPickerRow } from '../chunk-7RJTEWYM.js';
-import { WorkspaceActivityList, WorkspaceNotificationMenu, ThreadFollowMenuItem, ThreadFollowButton, TagTable, tagTableDocx } from '../chunk-RUB62J2X.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 { WorkflowStepBar, importSkillFile, importSkillFromUrl, WorkflowRunner, fromPlanSteps, toPlanSteps, useWorkflowView } from '../chunk-IQU2GI6V.js';
-import '../chunk-XD2M6LIG.js';
-import { TriStateFilterMenu } from '../chunk-6S5FLMWG.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-EVUEIBNU.js';
+import '../chunk-444XKG46.js';
+import '../chunk-NUNKSZKU.js';
 import { FilterInput } from '../chunk-YU2KUMGE.js';
 import '../chunk-N5YEF3LC.js';
 import { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
 import '../chunk-VILAPTCB.js';
-import { ConfirmDialog } from '../chunk-ECERC6TI.js';
+import { ConfirmDialog } from '../chunk-VHJHY7TT.js';
 import { TabHeader } from '../chunk-4WWM3GQ5.js';
-import { useBlocksEnvironment } from '../chunk-YNIBUKV5.js';
-import { ModalScaffold } from '../chunk-TX2ZICS7.js';
 import { ChatPage } from '../chunk-JO3EMZ4X.js';
 import '../chunk-7XF5SFJ2.js';
 import { takeOpenDocumentForTurn, useRegisterOpenDocument } from '../chunk-YBLIKTJK.js';
@@ -35,16 +38,18 @@ import '../chunk-AUS3KBHJ.js';
 import '../chunk-SLSBJRWW.js';
 import '../chunk-NPLYHR2E.js';
 import '../chunk-7F6CBP3Z.js';
-import { initials } from '../chunk-OXF2IFXG.js';
+import { useBlocksEnvironment } from '../chunk-YNIBUKV5.js';
+import { ModalScaffold } from '../chunk-TX2ZICS7.js';
+import { fmtDate, initials } from '../chunk-OXF2IFXG.js';
 import '../chunk-VUNV25KB.js';
-import { lazy, useState, useMemo, useRef, Suspense, useEffect, useCallback, useLayoutEffect } from 'react';
+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, useUploadSkillFiles, ArtifactCanvas, useArbiChat, useArbi, 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';
@@ -181,6 +186,255 @@ function ConnectedThreadFollow({
     }
   );
 }
+function useConnectedWorkspaceRole() {
+  const { workspaceId, live, userId, ensureWorkspaceOpen } = useConnectedWorkspace();
+  const { data: members = [] } = useWorkspaceUsers(workspaceId ?? void 0, {
+    enabled: live && !!workspaceId,
+    beforeFetch: ensureWorkspaceOpen
+  });
+  const role = members.find((m) => m.user.external_id === userId)?.role;
+  return {
+    members,
+    role,
+    /** An owner or a collaborator edits, pauses, resumes and runs what is shared with the workspace. */
+    canEditShared: role === "owner" || role === "collaborator",
+    /** With an item's creator, the only one who deletes it. */
+    isWorkspaceOwner: role === "owner"
+  };
+}
+var DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS = {
+  updateFailed: "Could not update the workflow",
+  deleteTitle: "Delete workflow",
+  deleteOne: (name) => `Delete \u201C${name}\u201D? Threads it already created stay.`,
+  deleteMany: (count) => `Delete ${count} workflows? Threads they already created stay.`,
+  runFailed: "The workflow failed. You can send an error report from its history.",
+  noThread: "The workflow did not create a thread.",
+  documentAction: (workflow) => workflow.action?.type === "email_documents" ? "Preparing your document email" : "Reviewing documents",
+  untitledTask: "Untitled thread"
+};
+var messageOf = (error) => error instanceof Error ? error.message : "";
+function ConnectedWorkflowsTable({
+  filter,
+  describeTrigger = (w) => workflowTriggerType(w).replaceAll("_", " "),
+  formatDate = fmtDate,
+  onViewRuns,
+  connectedLabels,
+  ...tableProps
+}) {
+  const l = { ...DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS, ...connectedLabels };
+  const { notify, confirm, openConversation } = useBlocksEnvironment();
+  const { canEditShared, isWorkspaceOwner } = useConnectedWorkspaceRole();
+  const { data: saved = [], isLoading } = useWorkflows({ live: true });
+  const { data: conversations, refetch } = useConnectedConversations({ live: true });
+  const { data: agents = [] } = useAgents();
+  const update = useUpdateWorkflow();
+  const remove = useDeleteWorkflow();
+  const run = useRunWorkflow();
+  const [busyId, setBusyId] = useState(null);
+  const workflows = useMemo(() => filter ? saved.filter(filter) : saved, [saved, filter]);
+  const firingStamp = saved.map((w) => `${w.external_id}:${w.last_fired_at ?? ""}`).join("|");
+  useEffect(() => {
+    void refetch?.();
+  }, [firingStamp, refetch]);
+  const lastRuns = useMemo(() => {
+    const out = {};
+    for (const c of conversations) {
+      const id = c.workflow_ext_id;
+      if (id && (!out[id] || Date.parse(c.created_at) > Date.parse(out[id].at)))
+        out[id] = { conversationId: c.external_id, at: c.created_at, threadStatus: c.status };
+    }
+    return out;
+  }, [conversations]);
+  const agentNames = useMemo(
+    () => Object.fromEntries(agents.map((a) => [a.external_id, a.given_name || a.email])),
+    [agents]
+  );
+  const taskNames = useMemo(
+    () => Object.fromEntries(
+      conversations.filter((c) => c.status != null).map((c) => [c.external_id, c.title || l.untitledTask])
+    ),
+    [conversations, l.untitledTask]
+  );
+  const act = async (workflow, action) => {
+    setBusyId(workflow.external_id);
+    try {
+      await action();
+    } catch (error) {
+      notify(messageOf(error) || l.updateFailed, "error");
+    } finally {
+      setBusyId(null);
+    }
+  };
+  const setActive = (workflow, active) => act(workflow, () => update.mutateAsync({ workflowId: workflow.external_id, patch: { active } }));
+  const deleteAll = async (items) => {
+    if (!items.length) return;
+    const ok = await confirm({
+      title: l.deleteTitle,
+      message: items.length === 1 ? l.deleteOne(items[0].name) : l.deleteMany(items.length)
+    });
+    if (!ok) return;
+    for (const workflow of items)
+      await act(workflow, () => remove.mutateAsync(workflow.external_id));
+  };
+  return /* @__PURE__ */ jsx(
+    WorkflowsTable,
+    {
+      ...tableProps,
+      workflows,
+      isLoading,
+      busyId,
+      describeTrigger,
+      formatDate,
+      agentNames,
+      taskNames,
+      lastRuns,
+      canEditShared,
+      isWorkspaceOwner,
+      onOpenThread: (conversationId) => openConversation(conversationId),
+      onViewRuns,
+      onToggleActive: (workflow, active) => void setActive(workflow, active),
+      onToggleActiveMany: (items, active) => {
+        void (async () => {
+          for (const workflow of items) await setActive(workflow, active);
+        })();
+      },
+      onToggleShared: (workflow, shared) => void act(
+        workflow,
+        () => update.mutateAsync({ workflowId: workflow.external_id, patch: { shared } })
+      ),
+      onDelete: (workflow) => void deleteAll([workflow]),
+      onDeleteMany: (items) => void deleteAll(items),
+      onRun: (workflow) => void act(workflow, async () => {
+        const result = await run.mutateAsync(workflow.external_id);
+        if (result.conversation_ext_id) openConversation(result.conversation_ext_id);
+        if (result.error) {
+          onViewRuns?.(workflow);
+          notify(l.runFailed, "error");
+          return;
+        }
+        if (result.execution_id && !result.conversation_ext_id) {
+          onViewRuns?.(workflow);
+          notify(l.documentAction(workflow), "success");
+          return;
+        }
+        if (!result.conversation_ext_id) throw new Error(l.noThread);
+      })
+    }
+  );
+}
+var IMAGE_FILE_TYPES = /* @__PURE__ */ new Set(["png", "jpg", "jpeg", "gif", "bmp", "tiff", "webp"]);
+function toWorkflowFieldDocument(doc) {
+  const isImage = IMAGE_FILE_TYPES.has((doc.file_type ?? "").toLowerCase());
+  return {
+    id: doc.external_id,
+    title: doc.doc_metadata?.title || doc.file_name || doc.external_id,
+    fileName: doc.file_name,
+    pages: isImage ? null : doc.n_pages ?? null,
+    tokens: isImage ? null : doc.tokens ?? null,
+    status: doc.status,
+    isImage
+  };
+}
+function useConnectedWorkflowScopeSource() {
+  const { data: docs } = useConnectedDocuments();
+  const { data: tags } = useConnectedTags();
+  return useMemo(() => buildWorkflowScopeSource(docs, documentScopeLabels(tags)), [docs, tags]);
+}
+function useConnectedAgentOptions() {
+  const { data: agents } = useAgents();
+  return useMemo(
+    () => (agents ?? []).map((a) => ({ id: a.external_id, label: a.given_name || a.email })),
+    [agents]
+  );
+}
+function ConnectedWorkflowDocumentsField({
+  field,
+  value,
+  onChange,
+  onAddFiles,
+  labels
+}) {
+  const arbi = useArbi();
+  const { notify } = useBlocksEnvironment();
+  const { ensureWorkspaceOpen } = useConnectedWorkspace();
+  const { data: docs, loaded, refetch } = useConnectedDocuments();
+  const documents = useMemo(() => docs.map(toWorkflowFieldDocument), [docs]);
+  const chosen = value.documents ?? [];
+  const { data: thumbnails } = useThumbnails(chosen, { enabled: (field.max ?? 1) > 1 });
+  const input = useRef(null);
+  const [adding, setAdding] = useState(false);
+  const upload = useCallback(
+    async (files) => {
+      setAdding(true);
+      try {
+        await ensureWorkspaceOpen();
+        for (const file of files) await arbi.documents.uploadFile(file, file.name);
+      } catch (error) {
+        notify(error instanceof Error && error.message ? error.message : String(error), "error");
+      } finally {
+        setAdding(false);
+        await refetch?.();
+      }
+    },
+    [arbi, ensureWorkspaceOpen, notify, refetch]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !onAddFiles && /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: input,
+        type: "file",
+        multiple: true,
+        className: "hidden",
+        "aria-label": "Add files",
+        "data-testid": "workflow-add-files-input",
+        onChange: (e) => {
+          const files = Array.from(e.target.files ?? []);
+          e.target.value = "";
+          if (files.length) void upload(files);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      WorkflowDocumentsField,
+      {
+        field,
+        value,
+        onChange,
+        documents,
+        loaded,
+        thumbnailOf: (id) => thumbnails?.[id],
+        onAddFiles: onAddFiles ?? ((files) => files?.length ? void upload(files) : input.current?.click()),
+        adding,
+        labels
+      }
+    )
+  ] });
+}
+function ConnectedWorkflowLauncher({
+  onAddFiles,
+  ...props
+}) {
+  const scopeSource = useConnectedWorkflowScopeSource();
+  const agents = useConnectedAgentOptions();
+  return /* @__PURE__ */ jsx(
+    WorkflowLauncher,
+    {
+      ...props,
+      scopeSource,
+      agents,
+      renderDocuments: (field, value, onChange) => /* @__PURE__ */ jsx(
+        ConnectedWorkflowDocumentsField,
+        {
+          field,
+          value,
+          onChange,
+          onAddFiles
+        }
+      )
+    }
+  );
+}
 var DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS = {
   title: "Add a skill",
   description: "Bring in a skill someone sent you, from a file or a link.",
@@ -307,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,
@@ -1396,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;
 }
@@ -1446,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;
       }
     },
@@ -1455,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;
       }
     }
@@ -3909,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, ConnectedWorkflowRunner, ConnectedWorkspaceActivity, ConnectedWorkspaceNotificationMenu, DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, StreamedArtifact, WorkflowRunThread, defaultUnmetPasswordRequirement, resolveMailbox, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications };
+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