@arbidocs/blocks 0.4.137 → 0.4.138

package/dist/connect/index.cjs

@@ -1,9 +1,8 @@
 "use client";
 'use strict';
 
-var chunkO4YPVYPO_cjs = require('../chunk-O4YPVYPO.cjs');
 var chunkAAFX64WD_cjs = require('../chunk-AAFX64WD.cjs');
-var chunkHDYWXEQU_cjs = require('../chunk-HDYWXEQU.cjs');
+var chunkIE5CUCZK_cjs = require('../chunk-IE5CUCZK.cjs');
 var chunkUUHUQHXR_cjs = require('../chunk-UUHUQHXR.cjs');
 var chunkHLB4DIYV_cjs = require('../chunk-HLB4DIYV.cjs');
 var chunkKDUGTKVI_cjs = require('../chunk-KDUGTKVI.cjs');
@@ -11,15 +10,16 @@ var chunkJH6JTI76_cjs = require('../chunk-JH6JTI76.cjs');
 require('../chunk-S24XEVPS.cjs');
 require('../chunk-V5OAXIBN.cjs');
 require('../chunk-5FYU7ZIU.cjs');
-var chunkC3ZRLULA_cjs = require('../chunk-C3ZRLULA.cjs');
+var chunkO4YPVYPO_cjs = require('../chunk-O4YPVYPO.cjs');
+var chunkJVL7HUIQ_cjs = require('../chunk-JVL7HUIQ.cjs');
 var chunkO6IEZDRC_cjs = require('../chunk-O6IEZDRC.cjs');
 var chunkI2QSDQQV_cjs = require('../chunk-I2QSDQQV.cjs');
 require('../chunk-RC25WMVB.cjs');
-var chunkCHVCTKF4_cjs = require('../chunk-CHVCTKF4.cjs');
-require('../chunk-DETZZBG2.cjs');
+var chunk3BI6EWKP_cjs = require('../chunk-3BI6EWKP.cjs');
+require('../chunk-WS5EX7DN.cjs');
 var chunkRQ2Y7USX_cjs = require('../chunk-RQ2Y7USX.cjs');
 require('../chunk-ZW6FPIFC.cjs');
-require('../chunk-WS5EX7DN.cjs');
+require('../chunk-DETZZBG2.cjs');
 require('../chunk-R26BK7YL.cjs');
 require('../chunk-V4ISCZJ7.cjs');
 var chunk2EI7NCUA_cjs = require('../chunk-2EI7NCUA.cjs');
@@ -28,12 +28,12 @@ var chunkQVBZESYQ_cjs = require('../chunk-QVBZESYQ.cjs');
 require('../chunk-ADOKTJHV.cjs');
 var chunkDWZXSPMB_cjs = require('../chunk-DWZXSPMB.cjs');
 var chunk7RGLTF76_cjs = require('../chunk-7RGLTF76.cjs');
-var chunkEHOPZBAX_cjs = require('../chunk-EHOPZBAX.cjs');
+var chunk7YLJHTDC_cjs = require('../chunk-7YLJHTDC.cjs');
 require('../chunk-B6MVQCXW.cjs');
 var chunkJKB7WT7L_cjs = require('../chunk-JKB7WT7L.cjs');
-var chunk6F7SZCVL_cjs = require('../chunk-6F7SZCVL.cjs');
-require('../chunk-32HW2Q33.cjs');
+var chunkOWCEQKAR_cjs = require('../chunk-OWCEQKAR.cjs');
 require('../chunk-7UTB4PHM.cjs');
+require('../chunk-32HW2Q33.cjs');
 require('../chunk-FX3K6LNZ.cjs');
 require('../chunk-PPCATBOY.cjs');
 require('../chunk-MHVNT4J3.cjs');
@@ -46,9 +46,9 @@ var reactQuery = require('@tanstack/react-query');
 var react$1 = require('@arbidocs/react');
 var jsxRuntime = require('react/jsx-runtime');
 var ui = require('@arbidocs/react/ui');
+var documentTools = require('@arbidocs/react/document-tools');
 var lucideReact = require('lucide-react');
 var artifacts = require('@arbidocs/react/artifacts');
-var documentTools = require('@arbidocs/react/document-tools');
 var shell = require('@arbidocs/react/shell');
 var client = require('@arbidocs/client');
 var reactDom = require('react-dom');
@@ -129,7 +129,7 @@ function ConnectedWorkspaceActivity({
     [feed.data]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkC3ZRLULA_cjs.WorkspaceActivityList,
+    chunkJVL7HUIQ_cjs.WorkspaceActivityList,
     {
       ...listProps,
       items,
@@ -155,7 +155,7 @@ function ConnectedWorkspaceNotificationMenu({
   });
   if (!workspaceId) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkC3ZRLULA_cjs.WorkspaceNotificationMenu,
+    chunkJVL7HUIQ_cjs.WorkspaceNotificationMenu,
     {
       ...menuProps,
       level,
@@ -174,7 +174,7 @@ function ConnectedThreadFollow({
     enabled: status === "authenticated"
   });
   if (!conversationId) return null;
-  const Control = as === "menu-item" ? chunkC3ZRLULA_cjs.ThreadFollowMenuItem : chunkC3ZRLULA_cjs.ThreadFollowButton;
+  const Control = as === "menu-item" ? chunkJVL7HUIQ_cjs.ThreadFollowMenuItem : chunkJVL7HUIQ_cjs.ThreadFollowButton;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Control,
     {
@@ -214,7 +214,7 @@ var DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS = {
 var messageOf = (error) => error instanceof Error ? error.message : "";
 function ConnectedWorkflowsTable({
   filter,
-  describeTrigger = (w) => chunkCHVCTKF4_cjs.workflowTriggerType(w).replaceAll("_", " "),
+  describeTrigger = (w) => chunk3BI6EWKP_cjs.workflowTriggerType(w).replaceAll("_", " "),
   formatDate = chunkKDG6FER6_cjs.fmtDate,
   onViewRuns,
   connectedLabels,
@@ -276,7 +276,7 @@ function ConnectedWorkflowsTable({
       await act(workflow, () => remove.mutateAsync(workflow.external_id));
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkCHVCTKF4_cjs.WorkflowsTable,
+    chunk3BI6EWKP_cjs.WorkflowsTable,
     {
       ...tableProps,
       workflows,
@@ -337,7 +337,7 @@ function toWorkflowFieldDocument(doc) {
 function useConnectedWorkflowScopeSource() {
   const { data: docs } = chunkUUHUQHXR_cjs.useConnectedDocuments();
   const { data: tags } = chunkUUHUQHXR_cjs.useConnectedTags();
-  return react.useMemo(() => chunkCHVCTKF4_cjs.buildWorkflowScopeSource(docs, chunkCHVCTKF4_cjs.documentScopeLabels(tags)), [docs, tags]);
+  return react.useMemo(() => chunk3BI6EWKP_cjs.buildWorkflowScopeSource(docs, chunk3BI6EWKP_cjs.documentScopeLabels(tags)), [docs, tags]);
 }
 function useConnectedAgentOptions() {
   const { data: agents } = react$1.useAgents();
@@ -395,7 +395,7 @@ function ConnectedWorkflowDocumentsField({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkCHVCTKF4_cjs.WorkflowDocumentsField,
+      chunk3BI6EWKP_cjs.WorkflowDocumentsField,
       {
         field,
         value,
@@ -417,7 +417,7 @@ function ConnectedWorkflowLauncher({
   const scopeSource = useConnectedWorkflowScopeSource();
   const agents = useConnectedAgentOptions();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkCHVCTKF4_cjs.WorkflowLauncher,
+    chunk3BI6EWKP_cjs.WorkflowLauncher,
     {
       ...props,
       scopeSource,
@@ -496,7 +496,7 @@ function ConnectedSkillUpload({ onDone, labels, className }) {
               onChange: (e) => {
                 const file = e.target.files?.[0];
                 e.target.value = "";
-                if (file) void add(() => chunkCHVCTKF4_cjs.importSkillFile(file));
+                if (file) void add(() => chunk3BI6EWKP_cjs.importSkillFile(file));
               }
             }
           ),
@@ -521,7 +521,7 @@ function ConnectedSkillUpload({ onDone, labels, className }) {
             className: "space-y-2",
             onSubmit: (e) => {
               e.preventDefault();
-              if (url.trim()) void add(() => chunkCHVCTKF4_cjs.importSkillFromUrl(url));
+              if (url.trim()) void add(() => chunk3BI6EWKP_cjs.importSkillFromUrl(url));
             },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "skills-add-url", children: l.fromLink }),
@@ -560,6 +560,387 @@ function ConnectedSkillUpload({ onDone, labels, className }) {
     }
   );
 }
+var SKILL_FOLDER = "skills/";
+var NAME_PATTERN = /^[a-z0-9-]{1,64}$/;
+var icon = /* @__PURE__ */ jsxRuntime.jsx(ui.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 = react$1.useArbi();
+  const { confirm, notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { data: listings } = react$1.useSkills();
+  const upload = react$1.useUploadSkillFiles();
+  const setVisibility = react$1.useSetSkillVisibility();
+  const deleteSkill = react$1.useDeleteSkill();
+  const [mode, setMode] = react.useState("detail");
+  const [selected, setSelected] = react.useState(initialSlug ?? null);
+  const [query, setQuery] = react.useState("");
+  const [source, setSource] = react.useState("all");
+  const [type, setType] = react.useState("all");
+  const [view, setView] = react.useState("gallery");
+  const [isBusy, setIsBusy] = react.useState(false);
+  const all = react.useMemo(() => chunk3BI6EWKP_cjs.buildLibrarySkills(builtins, listings ?? []), [builtins, listings]);
+  const shown = react.useMemo(
+    () => chunk3BI6EWKP_cjs.filterLibrarySkills(all, { query, source, type }),
+    [all, query, source, type]
+  );
+  const current = all.find((s) => s.slug === selected) ?? null;
+  const { data: currentText, isLoading: textLoading } = react$1.useSkillSource(current?.docExtId);
+  react.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: chunk3BI6EWKP_cjs.SKILL_SOURCE_LABELS.builtin, count: count("builtin") },
+    { id: "mine", label: chunk3BI6EWKP_cjs.SKILL_SOURCE_LABELS.mine, count: count("mine") },
+    { id: "shared", label: chunk3BI6EWKP_cjs.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: chunk3BI6EWKP_cjs.SKILL_TYPE_LABELS[t] ?? t }))
+  ];
+  const pick = (slug) => {
+    setSelected(slug);
+    setMode("detail");
+  };
+  const markdownOf = async (skill) => {
+    if (!skill.docExtId) return chunk3BI6EWKP_cjs.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: chunk3BI6EWKP_cjs.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 {
+      documentTools.downloadBlob(
+        new Blob([await markdownOf(skill)], { type: "text/markdown" }),
+        chunk3BI6EWKP_cjs.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__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 border-t border-border", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: ui.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__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 p-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.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__ */ jsxRuntime.jsx(chunk3BI6EWKP_cjs.SkillViewToggle, { value: view, onChange: setView })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunk3BI6EWKP_cjs.SkillFilterChips,
+              {
+                label: "Show",
+                value: source,
+                onChange: (id) => setSource(id),
+                options: sourceOptions
+              }
+            ),
+            types.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+              chunk3BI6EWKP_cjs.SkillFilterChips,
+              {
+                label: "Kind",
+                value: type,
+                onChange: setType,
+                options: typeOptions,
+                testIdPrefix: "skills-type"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.Button,
+                {
+                  size: "sm",
+                  onClick: () => setMode("new"),
+                  className: "pointer-coarse:min-h-11",
+                  "data-testid": "skills-new",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "mr-1 size-4" }),
+                    "New skill"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.Button,
+                {
+                  size: "sm",
+                  variant: "outline",
+                  onClick: () => setMode("add"),
+                  className: "pointer-coarse:min-h-11",
+                  "data-testid": "skills-add",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "mr-1 size-4" }),
+                    "Add a skill"
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 pb-3", "data-testid": "skills-list", children: shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "py-10 text-center text-sm text-muted-foreground", children: "No skills match. Try another word or filter." }) : /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: ui.cn(
+                "gap-2",
+                view === "gallery" ? "grid grid-cols-[repeat(auto-fill,minmax(9.5rem,1fr))]" : "flex flex-col"
+              ),
+              children: shown.map((skill) => /* @__PURE__ */ jsxRuntime.jsx(
+                chunk3BI6EWKP_cjs.SkillTile,
+                {
+                  name: skill.title,
+                  testId: `skill-tile-${skill.slug}`,
+                  description: skill.description,
+                  sourceLabel: skill.isShared ? `${chunk3BI6EWKP_cjs.SKILL_SOURCE_LABELS.mine}, shared` : chunk3BI6EWKP_cjs.SKILL_SOURCE_LABELS[skill.source],
+                  type: skill.type,
+                  icon,
+                  layout: view,
+                  selected: skill.slug === selected,
+                  onSelect: () => pick(skill.slug)
+                },
+                skill.slug
+              ))
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: ui.cn("flex min-h-0 min-w-0 flex-1 flex-col", !rightVisible && "max-md:hidden"),
+        "data-testid": "skills-detail-pane",
+        children: [
+          rightVisible && /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.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__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "mr-1 size-4" }),
+                "All skills"
+              ]
+            }
+          ),
+          mode === "new" && /* @__PURE__ */ jsxRuntime.jsx(
+            chunk3BI6EWKP_cjs.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ConnectedSkillUpload, { onDone: done }),
+          mode === "detail" && current && /* @__PURE__ */ jsxRuntime.jsx(
+            chunk3BI6EWKP_cjs.SkillLibraryDetail,
+            {
+              skill: current,
+              icon,
+              instructions: current.docExtId ? currentText ? chunk3BI6EWKP_cjs.parseSkillFrontmatter(currentText, chunk3BI6EWKP_cjs.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__ */ jsxRuntime.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 } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const isEditing = !!skill;
+  const [name, setName] = react.useState(skill?.slug ?? "");
+  const [description, setDescription] = react.useState("");
+  const [body, setBody] = react.useState("");
+  const [seeded, setSeeded] = react.useState(!isEditing);
+  const [nameError, setNameError] = react.useState(null);
+  if (isEditing && !seeded && text !== void 0) {
+    const parsed = chunk3BI6EWKP_cjs.parseSkillFrontmatter(text, chunk3BI6EWKP_cjs.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 = chunk3BI6EWKP_cjs.skillSlug(name);
+    try {
+      await onSave(slug, chunk3BI6EWKP_cjs.serializeSkill({ name: slug, description, body }), isEditing);
+    } catch (err) {
+      notify(errorText(err, "Could not save the skill"), "error");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk3BI6EWKP_cjs.SkillEditForm,
+    {
+      name,
+      onNameChange: setName,
+      isNameLocked: isEditing,
+      nameError,
+      description,
+      onDescriptionChange: setDescription,
+      editor: renderEditor ? renderEditor(body, setBody) : /* @__PURE__ */ jsxRuntime.jsx(
+        ui.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 = react.lazy(() => import('../StreamedArtifactEditor-TQAND4H5.cjs'));
 function StreamedArtifact({
   artifacts: artifacts$1,
@@ -633,7 +1014,7 @@ function StreamedArtifact({
 }
 var STARTING = /* @__PURE__ */ new Set(["pending", "running"]);
 function formValues(step, inputs) {
-  const fields = chunk6F7SZCVL_cjs.stepFields(step);
+  const fields = chunkOWCEQKAR_cjs.stepFields(step);
   if (!fields.length) return void 0;
   if (step.kind === "form")
     return Object.fromEntries(fields.map((f) => [f.name, inputs[f.name] ?? ""]));
@@ -668,10 +1049,10 @@ function useAnswerRetry(missing, refetch) {
 function useWorkflowThread(workflow, options = {}) {
   const arbi = react$1.useArbi();
   const { ensureWorkspaceOpen, status } = chunkKDUGTKVI_cjs.useConnection();
-  const { wsId } = chunkHDYWXEQU_cjs.useWorkspaceDocs();
+  const { wsId } = chunkIE5CUCZK_cjs.useWorkspaceDocs();
   const [threadId, setThreadId] = react.useState(options.conversationId);
   const [localInputs, setLocalInputs] = react.useState(
-    () => chunk6F7SZCVL_cjs.initialRunInputs(workflow, options.initialInputs)
+    () => chunkOWCEQKAR_cjs.initialRunInputs(workflow, options.initialInputs)
   );
   const [edits, setEdits] = react.useState({});
   const [localStates, setLocalStates] = react.useState({});
@@ -691,12 +1072,12 @@ function useWorkflowThread(workflow, options = {}) {
   );
   const conversation = conversations.data?.find((c) => c.external_id === threadId);
   const steps = react.useMemo(
-    () => chunk6F7SZCVL_cjs.workflowSteps(workflow).length > 0 ? chunk6F7SZCVL_cjs.workflowSteps(workflow) : chunkCHVCTKF4_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
+    () => chunkOWCEQKAR_cjs.workflowSteps(workflow).length > 0 ? chunkOWCEQKAR_cjs.workflowSteps(workflow) : chunk3BI6EWKP_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
     [workflow, conversation?.plan?.steps]
   );
   const activity = react$1.useConversationActivity(threadId, { live: !!threadId });
   const serverStates = react.useMemo(
-    () => chunk6F7SZCVL_cjs.stepStatesFromActivity(activity.data ?? []),
+    () => chunkOWCEQKAR_cjs.stepStatesFromActivity(activity.data ?? []),
     [activity.data]
   );
   const working = steps.some(
@@ -739,7 +1120,7 @@ function useWorkflowThread(workflow, options = {}) {
     async (values, done) => {
       await ensureWorkspaceOpen();
       const created = await createWork.mutateAsync({
-        title: chunk6F7SZCVL_cjs.runThreadTitle(workflow, values).slice(0, 60),
+        title: chunkOWCEQKAR_cjs.runThreadTitle(workflow, values).slice(0, 60),
         description: workflow.description || null,
         prompt: null,
         skill_ref: null,
@@ -751,7 +1132,7 @@ function useWorkflowThread(workflow, options = {}) {
           criteria: [],
           max_passes: 3,
           documents: [],
-          steps: chunkCHVCTKF4_cjs.toPlanSteps(workflow, {
+          steps: chunk3BI6EWKP_cjs.toPlanSteps(workflow, {
             inputs: values,
             resolveWorkflow: options.resolveWorkflow,
             compose: options.compose
@@ -838,7 +1219,7 @@ function useWorkflowThread(workflow, options = {}) {
   const anyRunning = Object.values(states).some((s) => s.status === "running");
   const needsStart = !threadId || idle && !anyRunning;
   const runError = idle ? conversation?.last_error ?? null : null;
-  const view = chunkCHVCTKF4_cjs.useWorkflowView({
+  const view = chunk3BI6EWKP_cjs.useWorkflowView({
     steps,
     states,
     inputs,
@@ -881,7 +1262,7 @@ function WorkflowRunThread({
     if (listed && activeThreadId !== conversationId) selectThread(conversationId);
   }, [listed, activeThreadId, conversationId, selectThread]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkEHOPZBAX_cjs.ChatPage,
+    chunk7YLJHTDC_cjs.ChatPage,
     {
       chat: { ...chat, threads: chat.threads.filter((t) => t.id === conversationId) },
       singleThread: true,
@@ -919,7 +1300,7 @@ function WorkflowSignDialog({
   const arbi = react$1.useArbi();
   const { user, ensureWorkspaceOpen } = chunkKDUGTKVI_cjs.useConnection();
   const tools = documentTools.useOptionalDocumentTools();
-  const { id, version: stepVersion } = chunk6F7SZCVL_cjs.splitDocRef(docRef);
+  const { id, version: stepVersion } = chunkOWCEQKAR_cjs.splitDocRef(docRef);
   const [version, setVersion] = react.useState(stepVersion);
   const [pdf, setPdf] = react.useState(null);
   const [preparing, setPreparing] = react.useState(false);
@@ -997,7 +1378,7 @@ function WorkflowWordDialog({
   onClose,
   labels
 }) {
-  const { id } = chunk6F7SZCVL_cjs.splitDocRef(docRef);
+  const { id } = chunkOWCEQKAR_cjs.splitDocRef(docRef);
   return /* @__PURE__ */ jsxRuntime.jsx(
     chunkULWRNGGE_cjs.ModalScaffold,
     {
@@ -1146,7 +1527,7 @@ function ConnectedWorkflowRunner({
   const dl = { ...DEFAULT_WORKFLOW_RUNNER_DIALOG_LABELS, ...dialogLabels };
   const arbi = react$1.useArbi();
   const { ensureWorkspaceOpen, user } = chunkKDUGTKVI_cjs.useConnection();
-  const { wsId } = chunkHDYWXEQU_cjs.useWorkspaceDocs();
+  const { wsId } = chunkIE5CUCZK_cjs.useWorkspaceDocs();
   const { data: docs = [], refetch } = react$1.useDocuments(wsId);
   const [sending, setSending] = react.useState([]);
   const [added, setAdded] = react.useState({});
@@ -1169,7 +1550,7 @@ function ConnectedWorkflowRunner({
     () => ({
       me: user?.externalId,
       openDocument: onOpenDocument && ((ref) => {
-        const { id, version } = chunk6F7SZCVL_cjs.splitDocRef(ref);
+        const { id, version } = chunkOWCEQKAR_cjs.splitDocRef(ref);
         onOpenDocument(id, version);
       }),
       openDraft: onOpenDraft && ((draftId) => onOpenDraft(draftId)),
@@ -1179,7 +1560,7 @@ function ConnectedWorkflowRunner({
         const w = state.waiting;
         if (w?.doc_ext_id) setDialog({ kind: "sign", docRef: w.doc_ext_id });
       }),
-      openRedline: hostActions?.openRedline ?? ((ref) => setDialog({ kind: "word", docRef: ref, title: nameOfDoc(chunk6F7SZCVL_cjs.splitDocRef(ref).id) ?? "" })),
+      openRedline: hostActions?.openRedline ?? ((ref) => setDialog({ kind: "word", docRef: ref, title: nameOfDoc(chunkOWCEQKAR_cjs.splitDocRef(ref).id) ?? "" })),
       openReview: hostActions?.openReview ?? ((tags, documents) => setDialog({ kind: "review", tags, documents }))
     }),
     [user?.externalId, onOpenDocument, onOpenDraft, onOpenMessage, hostActions, nameOfDoc, inThread]
@@ -1315,7 +1696,7 @@ function ConnectedWorkflowRunner({
     );
   };
   const runner = (compact) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkCHVCTKF4_cjs.WorkflowRunner,
+    chunk3BI6EWKP_cjs.WorkflowRunner,
     {
       people,
       ...runnerProps,
@@ -1361,10 +1742,10 @@ function ConnectedWorkflowRunner({
     ) }),
     inThread && conversationId ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkCHVCTKF4_cjs.WorkflowStepBar,
+        chunk3BI6EWKP_cjs.WorkflowStepBar,
         {
           run: view,
-          levels: chunk6F7SZCVL_cjs.stepLevels(view.steps),
+          levels: chunkOWCEQKAR_cjs.stepLevels(view.steps),
           doneTitle: (workflow.run.kind === "steps" ? workflow.run.completion?.title : void 0) ?? runnerProps.labels?.complete ?? "Done",
           icon: (key) => key && runnerProps.renderIcon ? runnerProps.renderIcon(key) : void 0,
           tid: (suffix) => `${testIdPrefix}-${suffix}`
@@ -1384,13 +1765,13 @@ function ConnectedWorkflowRunner({
                 return state ? [[s.id, state]] : [];
               })
             );
-            const ref = chunk6F7SZCVL_cjs.stepDocuments(view.steps, states, id).at(-1);
+            const ref = chunkOWCEQKAR_cjs.stepDocuments(view.steps, states, id).at(-1);
             const open = actions.openDocument ?? actions.openRedline;
             return {
               title: step.title,
-              kind: chunk6F7SZCVL_cjs.stepKindOf(step),
+              kind: chunkOWCEQKAR_cjs.stepKindOf(step),
               phase: view.phaseOf(id),
-              document: ref && open ? { name: nameOfDoc(chunk6F7SZCVL_cjs.splitDocRef(ref).id) ?? ref, onOpen: () => open(ref) } : void 0
+              document: ref && open ? { name: nameOfDoc(chunkOWCEQKAR_cjs.splitDocRef(ref).id) ?? ref, onOpen: () => open(ref) } : void 0
             };
           },
           targetMessageId: target,
@@ -1562,7 +1943,7 @@ function ConnectedTagTable({
   const fail = (e) => setError(e instanceof Error ? e.message : String(e));
   const snapshot = (data) => {
     const title = exportTitle ?? KIND_TITLES[kind];
-    const bytes = chunkC3ZRLULA_cjs.tagTableDocx(data, {
+    const bytes = chunkJVL7HUIQ_cjs.tagTableDocx(data, {
       title,
       nameOf: (id) => people.find((p) => p.value === id)?.label
     });
@@ -1572,7 +1953,7 @@ function ConnectedTagTable({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkC3ZRLULA_cjs.TagTable,
+      chunkJVL7HUIQ_cjs.TagTable,
       {
         ...props,
         table,
@@ -1649,7 +2030,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;
 }
@@ -1699,7 +2080,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;
       }
     },
@@ -1708,7 +2089,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;
       }
     }
@@ -4102,7 +4483,7 @@ function ActiveChat({ agentId, workspaceId }) {
     activeArtifact: () => chunkJKB7WT7L_cjs.takeOpenDocumentForTurn({ workspaceId })
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkEHOPZBAX_cjs.ChatPage,
+    chunk7YLJHTDC_cjs.ChatPage,
     {
       chat: { ...chat, assistantMode: void 0, setAssistantMode: void 0 },
       documentsRequired: false,
@@ -4164,35 +4545,35 @@ function ConnectedAgentChatPanel({
 
 Object.defineProperty(exports, "ConnectedAssistantDock", {
   enumerable: true,
-  get: function () { return chunkHDYWXEQU_cjs.ConnectedAssistantDock; }
+  get: function () { return chunkIE5CUCZK_cjs.ConnectedAssistantDock; }
 });
 Object.defineProperty(exports, "redlineStats", {
   enumerable: true,
-  get: function () { return chunkHDYWXEQU_cjs.redlineStats; }
+  get: function () { return chunkIE5CUCZK_cjs.redlineStats; }
 });
 Object.defineProperty(exports, "textToArtifact", {
   enumerable: true,
-  get: function () { return chunkHDYWXEQU_cjs.textToArtifact; }
+  get: function () { return chunkIE5CUCZK_cjs.textToArtifact; }
 });
 Object.defineProperty(exports, "toRedlineMarkdown", {
   enumerable: true,
-  get: function () { return chunkHDYWXEQU_cjs.toRedlineMarkdown; }
+  get: function () { return chunkIE5CUCZK_cjs.toRedlineMarkdown; }
 });
 Object.defineProperty(exports, "useConnectedAiTask", {
   enumerable: true,
-  get: function () { return chunkHDYWXEQU_cjs.useConnectedAiTask; }
+  get: function () { return chunkIE5CUCZK_cjs.useConnectedAiTask; }
 });
 Object.defineProperty(exports, "useConnectedChat", {
   enumerable: true,
-  get: function () { return chunkHDYWXEQU_cjs.useConnectedChat; }
+  get: function () { return chunkIE5CUCZK_cjs.useConnectedChat; }
 });
 Object.defineProperty(exports, "useSemanticSearch", {
   enumerable: true,
-  get: function () { return chunkHDYWXEQU_cjs.useSemanticSearch; }
+  get: function () { return chunkIE5CUCZK_cjs.useSemanticSearch; }
 });
 Object.defineProperty(exports, "useWorkspaceDocs", {
   enumerable: true,
-  get: function () { return chunkHDYWXEQU_cjs.useWorkspaceDocs; }
+  get: function () { return chunkIE5CUCZK_cjs.useWorkspaceDocs; }
 });
 Object.defineProperty(exports, "ConnectedWorkspaceDataProvider", {
   enumerable: true,
@@ -4247,6 +4628,7 @@ exports.ConnectedRequireVerified = ConnectedRequireVerified;
 exports.ConnectedSecuritySection = ConnectedSecuritySection;
 exports.ConnectedSessionsRow = ConnectedSessionsRow;
 exports.ConnectedSkillUpload = ConnectedSkillUpload;
+exports.ConnectedSkillsLibrary = ConnectedSkillsLibrary;
 exports.ConnectedTagTable = ConnectedTagTable;
 exports.ConnectedTaskAccessRequest = ConnectedTaskAccessRequest;
 exports.ConnectedThreadFollow = ConnectedThreadFollow;