@arbidocs/blocks 0.4.137 → 0.4.138

package/dist/{chunk-CHVCTKF4.cjs → chunk-3BI6EWKP.cjs}

@@ -1,15 +1,15 @@
 "use client";
 'use strict';
 
-var chunkDETZZBG2_cjs = require('./chunk-DETZZBG2.cjs');
+var chunkWS5EX7DN_cjs = require('./chunk-WS5EX7DN.cjs');
 var chunkRQ2Y7USX_cjs = require('./chunk-RQ2Y7USX.cjs');
 var chunkZW6FPIFC_cjs = require('./chunk-ZW6FPIFC.cjs');
-var chunkWS5EX7DN_cjs = require('./chunk-WS5EX7DN.cjs');
+var chunkDETZZBG2_cjs = require('./chunk-DETZZBG2.cjs');
 var chunkV4ISCZJ7_cjs = require('./chunk-V4ISCZJ7.cjs');
 var chunk2EI7NCUA_cjs = require('./chunk-2EI7NCUA.cjs');
 var chunkC2CWWEHO_cjs = require('./chunk-C2CWWEHO.cjs');
 var chunk7RGLTF76_cjs = require('./chunk-7RGLTF76.cjs');
-var chunk6F7SZCVL_cjs = require('./chunk-6F7SZCVL.cjs');
+var chunkOWCEQKAR_cjs = require('./chunk-OWCEQKAR.cjs');
 var chunk32HW2Q33_cjs = require('./chunk-32HW2Q33.cjs');
 var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
 var chunkKDG6FER6_cjs = require('./chunk-KDG6FER6.cjs');
@@ -155,11 +155,11 @@ function FieldControl({
       ] });
     }
     case "scope": {
-      const scope = chunk6F7SZCVL_cjs.isWorkflowScope(value) ? value : { folders: [], labels: [] };
+      const scope = chunkOWCEQKAR_cjs.isWorkflowScope(value) ? value : { folders: [], labels: [] };
       return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": testId, children: renderScope?.(field, scope, onChange) });
     }
     case "documents": {
-      const picked = chunk6F7SZCVL_cjs.isWorkflowScope(value) ? value : { folders: [], labels: [], documents: [] };
+      const picked = chunkOWCEQKAR_cjs.isWorkflowScope(value) ? value : { folders: [], labels: [], documents: [] };
       return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": testId, children: renderDocuments?.(field, picked, onChange) });
     }
     case "person":
@@ -448,7 +448,7 @@ function WorkflowConfigDialog({
 }) {
   const l = { ...DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS, ...labels };
   const initialKey = JSON.stringify(initialInputs ?? {});
-  const seedKey = JSON.stringify({ ...chunk6F7SZCVL_cjs.defaultInputs(workflow), ...JSON.parse(initialKey) });
+  const seedKey = JSON.stringify({ ...chunkOWCEQKAR_cjs.defaultInputs(workflow), ...JSON.parse(initialKey) });
   const seed = react.useMemo(() => JSON.parse(seedKey), [seedKey]);
   const [inputs, setInputs] = useControllableState(inputsProp, seed, onInputsChange);
   const [agentId, setAgentId] = useControllableState(
@@ -460,7 +460,7 @@ function WorkflowConfigDialog({
     if (open && inputsProp === void 0) setInputs(seed);
   }, [open, seed]);
   const setField = (name, value) => setInputs({ ...inputs, [name]: value });
-  const errors = chunk6F7SZCVL_cjs.validateInputs(workflow, inputs);
+  const errors = chunkOWCEQKAR_cjs.validateInputs(workflow, inputs);
   const valid = Object.keys(errors).length === 0;
   const visibleErrors = Object.fromEntries(
     Object.entries(errors).filter(([, e]) => e !== "required")
@@ -473,7 +473,7 @@ function WorkflowConfigDialog({
   const blockedByScope = matchedCount !== null && matchedCount === 0 && Boolean(workflow.requiresFiles);
   const showAgent = workflow.run.kind === "prompt" && workflow.options?.agent !== false && agents !== void 0 && agents.length > 0;
   const launch = (values) => {
-    Promise.resolve(onLaunch(chunk6F7SZCVL_cjs.buildLaunch(workflow, values, agentId))).catch(() => {
+    Promise.resolve(onLaunch(chunkOWCEQKAR_cjs.buildLaunch(workflow, values, agentId))).catch(() => {
     });
   };
   const submit = () => {
@@ -643,9 +643,9 @@ function WorkflowLauncher({
   };
   const select = (workflow) => {
     if (workflow.run.kind === "operation" && workflow.inputs.length === 0) {
-      const inputs = chunk6F7SZCVL_cjs.defaultInputs(workflow);
-      if (Object.keys(chunk6F7SZCVL_cjs.validateInputs(workflow, inputs)).length === 0) {
-        Promise.resolve(onLaunch(chunk6F7SZCVL_cjs.buildLaunch(workflow, inputs, void 0))).catch(() => {
+      const inputs = chunkOWCEQKAR_cjs.defaultInputs(workflow);
+      if (Object.keys(chunkOWCEQKAR_cjs.validateInputs(workflow, inputs)).length === 0) {
+        Promise.resolve(onLaunch(chunkOWCEQKAR_cjs.buildLaunch(workflow, inputs, void 0))).catch(() => {
         });
         return;
       }
@@ -1041,7 +1041,7 @@ function toStepField(f) {
 }
 var compact = (o) => Object.fromEntries(Object.entries(o).filter(([, v]) => v !== void 0 && v !== ""));
 function placeholders(workflow) {
-  return Object.fromEntries(chunk6F7SZCVL_cjs.runFields(workflow).map((f) => [f.name, `{{${f.name}}}`]));
+  return Object.fromEntries(chunkOWCEQKAR_cjs.runFields(workflow).map((f) => [f.name, `{{${f.name}}}`]));
 }
 function agentStep(workflow, step, options) {
   const target = step.workflow ? options.resolveWorkflow?.(step.workflow) : void 0;
@@ -1050,11 +1050,11 @@ function agentStep(workflow, step, options) {
     ([, v]) => v !== void 0 && v !== null && v !== ""
   );
   const inputs = { ...placeholders(workflow), ...Object.fromEntries(given) };
-  return { skill: null, inputs: null, prompt: chunk6F7SZCVL_cjs.composeStepPrompt(workflow, step, inputs, options) };
+  return { skill: null, inputs: null, prompt: chunkOWCEQKAR_cjs.composeStepPrompt(workflow, step, inputs, options) };
 }
 function toPlanSteps(workflow, options = {}) {
   const layout = workflow.run.kind === "steps" ? workflow.run.layout : void 0;
-  return chunk6F7SZCVL_cjs.workflowSteps(workflow).map((step) => {
+  return chunkOWCEQKAR_cjs.workflowSteps(workflow).map((step) => {
     const ui = compact({
       description: step.description,
       icon: step.icon,
@@ -1081,8 +1081,8 @@ function toPlanSteps(workflow, options = {}) {
       ui,
       // An unfinished signal (still being typed) is not saved: the server would refuse it.
       ...step.signals?.some((s) => !isIncompleteSignal(s)) ? { signals: step.signals.filter((s) => !isIncompleteSignal(s)).map(toPlanSignal) } : {},
-      ...step.assignee && chunk6F7SZCVL_cjs.canAssign(step) ? { assignee: toPlanAssignee(step.assignee) } : {},
-      ...step.remindAfterHours && chunk6F7SZCVL_cjs.canAssign(step) ? { remind_after_hours: step.remindAfterHours } : {},
+      ...step.assignee && chunkOWCEQKAR_cjs.canAssign(step) ? { assignee: toPlanAssignee(step.assignee) } : {},
+      ...step.remindAfterHours && chunkOWCEQKAR_cjs.canAssign(step) ? { remind_after_hours: step.remindAfterHours } : {},
       // A review's fields are what approving it is checked against (the server's `fields`).
       ...step.kind === "review" && step.fields?.length ? { fields: step.fields.map(toStepField) } : {},
       ...step.kind === "action" ? { action: toPlanAction(step.action) } : {},
@@ -1200,7 +1200,7 @@ function workflowToSkillMarkdown(workflow) {
   if (workflow.landing !== "chat") lines.push(`landing: ${workflow.landing}`);
   if (workflow.requiresFiles) lines.push("requires_files: true");
   if (workflow.inputs.length > 0) {
-    lines.push(`inputs: ${JSON.stringify(workflow.inputs.map(chunk6F7SZCVL_cjs.fieldToFrontmatter))}`);
+    lines.push(`inputs: ${JSON.stringify(workflow.inputs.map(chunkOWCEQKAR_cjs.fieldToFrontmatter))}`);
   }
   lines.push("---", "", run.promptTemplate.trim(), "");
   return lines.join("\n");
@@ -1222,12 +1222,12 @@ function workflowFromSkillMarkdown(id, text) {
     } else if (value === "true" || value === "false") frontmatter[key] = value === "true";
     else frontmatter[key] = value;
   }
-  return chunk6F7SZCVL_cjs.workflowFromFrontmatter(id, frontmatter, body);
+  return chunkOWCEQKAR_cjs.workflowFromFrontmatter(id, frontmatter, body);
 }
 var errorMessage = (e) => e instanceof Error ? e.message : typeof e === "string" ? e : "Something went wrong.";
 function firstOpen(steps, states) {
   const open = steps.find((s) => !["done", "skipped"].includes(states[s.id]?.status ?? "pending"));
-  return open?.id ?? (steps.length && chunk6F7SZCVL_cjs.isRunFinished(steps, states) ? null : steps[0]?.id ?? null);
+  return open?.id ?? (steps.length && chunkOWCEQKAR_cjs.isRunFinished(steps, states) ? null : steps[0]?.id ?? null);
 }
 function useWorkflowView(options) {
   const { steps, states, inputs, setInput, loaded = true } = options;
@@ -1267,11 +1267,11 @@ function useWorkflowView(options) {
     }),
     []
   );
-  const action = busy ? "wait" : chunk6F7SZCVL_cjs.nextAction(steps, states, current, actionOptions(options));
+  const action = busy ? "wait" : chunkOWCEQKAR_cjs.nextAction(steps, states, current, actionOptions(options));
   const next = react.useCallback(async () => {
     const { steps: s, states: st, inputs: values } = optionsRef.current;
     const at = s.find((x) => x.id === current);
-    const act2 = chunk6F7SZCVL_cjs.nextAction(s, st, current, actionOptions(optionsRef.current));
+    const act2 = chunkOWCEQKAR_cjs.nextAction(s, st, current, actionOptions(optionsRef.current));
     if (!at || act2 === "wait" || busy) return;
     setActionError(null);
     if (act2 === "finish") return setCurrent(null);
@@ -1282,7 +1282,7 @@ function useWorkflowView(options) {
         await (act2 === "start" ? optionsRef.current.start?.() : optionsRef.current.retry?.(at.id));
         return;
       }
-      if (Object.keys(chunk6F7SZCVL_cjs.validateStep(at, values)).length > 0) {
+      if (Object.keys(chunkOWCEQKAR_cjs.validateStep(at, values)).length > 0) {
         setShowErrors(true);
         return;
       }
@@ -1383,10 +1383,10 @@ function useWorkflowView(options) {
     inputs,
     setInput,
     stateOf: (id) => states[id],
-    phaseOf: (id) => chunk6F7SZCVL_cjs.stepPhase(steps, states, id),
-    failedUpstreamOf: (id) => chunk6F7SZCVL_cjs.failedUpstream(steps, states, id),
+    phaseOf: (id) => chunkOWCEQKAR_cjs.stepPhase(steps, states, id),
+    failedUpstreamOf: (id) => chunkOWCEQKAR_cjs.failedUpstream(steps, states, id),
     isLocked,
-    errors: showErrors && step && !isLocked(step.id) ? chunk6F7SZCVL_cjs.validateStep(step, inputs) : {},
+    errors: showErrors && step && !isLocked(step.id) ? chunkOWCEQKAR_cjs.validateStep(step, inputs) : {},
     busy,
     actionError,
     isRunning: Object.values(states).some((s) => s.status === "running"),
@@ -1404,11 +1404,11 @@ function useWorkflowView(options) {
     nameOf: options.nameOf,
     assigneeOf: (id) => {
       const s = steps.find((x) => x.id === id);
-      if (!s || !chunk6F7SZCVL_cjs.canAssign(s)) return void 0;
-      return chunk6F7SZCVL_cjs.assigneeName(s.assignee, {
+      if (!s || !chunkOWCEQKAR_cjs.canAssign(s)) return void 0;
+      return chunkOWCEQKAR_cjs.assigneeName(s.assignee, {
         nameOf: options.nameOf,
         inputs,
-        fields: chunk6F7SZCVL_cjs.runFieldsOf(steps),
+        fields: chunkOWCEQKAR_cjs.runFieldsOf(steps),
         announcedTo: states[id]?.announcedTo
       });
     },
@@ -1542,7 +1542,7 @@ function StepBarFrame({
 }) {
   const l = { ...DEFAULT_STEP_BAR_LABELS, ...labels };
   const box = react.useRef(null);
-  const { width } = chunk6F7SZCVL_cjs.useElementSize(box);
+  const { width } = chunkOWCEQKAR_cjs.useElementSize(box);
   const narrow = width > 0 && width < NARROW_PX;
   const [start, setStart] = react.useState(null);
   react.useEffect(() => setStart(null), [current]);
@@ -1609,7 +1609,7 @@ function StepBarFrame({
                 phase === "blocked" && "opacity-60"
               ),
               "aria-hidden": true,
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunk6F7SZCVL_cjs.StepBadgeMark, { phase, icon: icon?.(s) })
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunkOWCEQKAR_cjs.StepBadgeMark, { phase, icon: icon?.(s) })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", title: s.title, children: s.title }),
@@ -1717,7 +1717,7 @@ function StepBarFrame({
   };
   const running = win.runningHidden;
   const outOfViewChip = (s, kind) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6F7SZCVL_cjs.StepChip,
+    chunkOWCEQKAR_cjs.StepChip,
     {
       kind: kindOf(s),
       phase: kind === "working" ? "running" : "failed",
@@ -1890,7 +1890,7 @@ var DEFAULT_WORKFLOW_STEP_PARTS_LABELS = {
   someone: "someone"
 };
 var docName = (ref, nameOfDoc) => {
-  const { id, version } = chunk6F7SZCVL_cjs.splitDocRef(ref);
+  const { id, version } = chunkOWCEQKAR_cjs.splitDocRef(ref);
   const name = nameOfDoc?.(id) ?? id;
   return version ? `${name} \xB7 v${version}` : name;
 };
@@ -1972,7 +1972,7 @@ function SendBackControl({
   const states = Object.fromEntries(
     run.steps.map((s) => [s.id, run.stateOf(s.id) ?? { status: "pending" }])
   );
-  const targets = chunk6F7SZCVL_cjs.sendBackTargets(run.steps, states, step.id);
+  const targets = chunkOWCEQKAR_cjs.sendBackTargets(run.steps, states, step.id);
   const [open, setOpen] = react.useState(false);
   const [to, setTo] = react.useState(targets[0]?.id ?? "");
   const [note, setNote] = react.useState("");
@@ -2062,7 +2062,7 @@ function ApprovalEvidence({
     /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex flex-wrap items-center gap-1.5 text-sm font-medium", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "size-4 text-primary" }),
       approver ? l.approvedBy.replace("{name}", approver) : null,
-      state.at && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-normal text-muted-foreground", children: l.approvedAt.replace("{date}", chunk6F7SZCVL_cjs.formatDate(state.at)) })
+      state.at && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-normal text-muted-foreground", children: l.approvedAt.replace("{date}", chunkOWCEQKAR_cjs.formatDate(state.at)) })
     ] }),
     evidence.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: l.approvedWhat }),
@@ -2095,7 +2095,7 @@ function ApprovalEvidence({
     ] }),
     (step.fields ?? []).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-0.5 text-xs", children: (step.fields ?? []).map((f) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "contents", children: [
       /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: f.label }),
-      /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-testid": `${testId}-evidence-field-${f.name}`, children: chunk6F7SZCVL_cjs.shownValue(run.inputs[f.name], f, run.nameOf) })
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-testid": `${testId}-evidence-field-${f.name}`, children: chunkOWCEQKAR_cjs.shownValue(run.inputs[f.name], f, run.nameOf) })
     ] }, f.name)) })
   ] });
 }
@@ -2191,7 +2191,7 @@ function ActionStepBody({
       waiting?.expires_at && phase === "waiting" && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "size-3.5" }),
         " ",
-        l.expires.replace("{date}", chunk6F7SZCVL_cjs.formatDate(waiting.expires_at))
+        l.expires.replace("{date}", chunkOWCEQKAR_cjs.formatDate(waiting.expires_at))
       ] }),
       phase === "waiting" && mine && !declining && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
         actions?.sign && state && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2349,7 +2349,7 @@ function WorkflowStepBar({
     const name = `${title} (${l.phases[phase]})`;
     if (s.id === DONE)
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6F7SZCVL_cjs.StepChip,
+        chunkOWCEQKAR_cjs.StepChip,
         {
           inert: true,
           kind: "start",
@@ -2363,17 +2363,17 @@ function WorkflowStepBar({
           "data-testid": tid("step-done")
         }
       );
-    const kind = chunk6F7SZCVL_cjs.stepKindOf(s);
-    const KindIcon = chunk6F7SZCVL_cjs.STEP_KIND_ICONS[kind];
+    const kind = chunkOWCEQKAR_cjs.stepKindOf(s);
+    const KindIcon = chunkOWCEQKAR_cjs.STEP_KIND_ICONS[kind];
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6F7SZCVL_cjs.StepChip,
+      chunkOWCEQKAR_cjs.StepChip,
       {
         kind,
         phase,
         icon: icon(s.icon) ?? /* @__PURE__ */ jsxRuntime.jsx(KindIcon, {}),
         label: s.title,
         current: isCurrent,
-        heading: chunk6F7SZCVL_cjs.DEFAULT_STEP_KIND_LABELS[kind],
+        heading: chunkOWCEQKAR_cjs.DEFAULT_STEP_KIND_LABELS[kind],
         labelClassName: isCurrent ? STEP_LABEL_CURRENT : ui.cn(STEP_LABEL, STEP_LABEL_MAX),
         labelTestId: tid(`step-${s.id}-label`),
         onClick: () => run.goTo(s.id),
@@ -2406,7 +2406,7 @@ function WorkflowStepBar({
       isSelectable: (id) => id !== DONE,
       renderStep: (s) => pill(s),
       icon: (s) => s.id === DONE ? doneIcon : icon(s.icon),
-      kindOf: (s) => s.id === DONE ? "start" : chunk6F7SZCVL_cjs.stepKindOf(s),
+      kindOf: (s) => s.id === DONE ? "start" : chunkOWCEQKAR_cjs.stepKindOf(s),
       disabled: run.busy,
       labels,
       tid,
@@ -2489,7 +2489,7 @@ function WorkflowRunner({
   const { steps, step, isComplete, action } = run;
   const completion = workflow.run.kind === "steps" ? workflow.run.completion : void 0;
   const tid = (suffix) => `${testIdPrefix}-${suffix}`;
-  const levels = chunk6F7SZCVL_cjs.stepLevels(steps);
+  const levels = chunkOWCEQKAR_cjs.stepLevels(steps);
   const icon = (key) => key && renderIcon ? renderIcon(key) : void 0;
   const added = step?.kind === "upload" ? (files ?? []).filter((f) => f.addedFor === step.id) : [];
   const unread = added.filter((f) => f.status === "processing").length;
@@ -2497,7 +2497,7 @@ function WorkflowRunner({
   const sending = added.filter((f) => f.status === "uploading").length;
   const unsent = added.filter((f) => f.status === "upload-failed").length;
   const uploadHold = step?.kind === "upload" && (sending > 0 || uploading || unsent > 0);
-  const docsWait = !!step && chunk6F7SZCVL_cjs.waitingDocuments(run.stateOf(step.id)).length > 0;
+  const docsWait = !!step && chunkOWCEQKAR_cjs.waitingDocuments(run.stateOf(step.id)).length > 0;
   const nextLabel = sending ? sending === 1 ? l.uploadingFile : l.uploadingFiles.replace("{count}", String(sending)) : uploadHold && uploading ? l.uploadingAny : uploadHold ? unsent === 1 ? l.uploadFailed : l.uploadsFailed.replace("{count}", String(unsent)) : reading ? l.readingFiles.replace("{current}", String(Math.min(added.length - unread + 1, added.length))).replace("{count}", String(added.length)) : action === "start" ? l.start : action === "retry" ? l.retry : action === "finish" ? l.finish : action === "complete" && step?.kind === "review" ? l.approve : action === "complete" && step?.kind === "action" ? l.markSent : action === "wait" && (run.isRunning || run.busy || docsWait) ? l.working : (step && !run.isLocked(step.id) ? step.nextLabel : void 0) ?? l.next;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn(compact2 ? "space-y-3" : "space-y-6", className), "data-testid": testIdPrefix, children: [
     !hideStepBar && /* @__PURE__ */ jsxRuntime.jsx(
@@ -2529,7 +2529,7 @@ function WorkflowRunner({
       /* @__PURE__ */ jsxRuntime.jsx(StepNotices, { run, step, l, tid }),
       run.phaseOf(step.id) === "blocked" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { className: ui.cn(box, "p-6"), "data-testid": tid(step.id), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", "data-testid": tid(`${step.id}-blocked`), children: l.blocked.replace(
         "{steps}",
-        chunk6F7SZCVL_cjs.stepDependencies(steps, step.id).map((d) => steps.find((s) => s.id === d)?.title ?? d).join(", ")
+        chunkOWCEQKAR_cjs.stepDependencies(steps, step.id).map((d) => steps.find((s) => s.id === d)?.title ?? d).join(", ")
       ) }) }) : step.kind === "form" ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { className: ui.cn(box, "space-y-4"), "data-testid": tid(step.id), children: [
         /* @__PURE__ */ jsxRuntime.jsx(StepHeading, { step, icon: icon(step.icon), testId: tid(`${step.id}-title`) }),
         /* @__PURE__ */ jsxRuntime.jsx(SentBackNote, { state: run.stateOf(step.id), l: pl, testId: tid(step.id) }),
@@ -2585,7 +2585,7 @@ function WorkflowRunner({
       ] }) : step.kind === "review" ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { className: ui.cn(box, "space-y-4"), "data-testid": tid(step.id), children: [
         /* @__PURE__ */ jsxRuntime.jsx(StepHeading, { step, icon: icon(step.icon) }),
         /* @__PURE__ */ jsxRuntime.jsx(SentBackNote, { state: run.stateOf(step.id), l: pl, testId: tid(step.id) }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-line text-sm text-muted-foreground", children: chunk6F7SZCVL_cjs.reviewInstructions(step, run.inputs) }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-line text-sm text-muted-foreground", children: chunkOWCEQKAR_cjs.reviewInstructions(step, run.inputs) }),
         /* @__PURE__ */ jsxRuntime.jsx(AssigneeLine, { run, stepId: step.id, l: pl, testId: tid(step.id) }),
         !(run.phaseOf(step.id) === "done" && run.stateOf(step.id)?.by) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", "data-testid": tid(`${step.id}-status`), children: run.phaseOf(step.id) === "done" ? l.approved : run.phaseOf(step.id) === "skipped" ? l.skipped : l.awaitingReview }),
         (step.fields ?? []).length > 0 && run.phaseOf(step.id) === "ready" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -2852,8 +2852,8 @@ function AgentStepBody({
 }) {
   const state = run.stateOf(step.id);
   const phase = run.phaseOf(step.id);
-  const pending = chunk6F7SZCVL_cjs.waitingDocuments(state);
-  const pendingNames = pending.flatMap((ref) => nameOfDoc?.(chunk6F7SZCVL_cjs.splitDocRef(ref).id) ?? []);
+  const pending = chunkOWCEQKAR_cjs.waitingDocuments(state);
+  const pendingNames = pending.flatMap((ref) => nameOfDoc?.(chunkOWCEQKAR_cjs.splitDocRef(ref).id) ?? []);
   const header = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx(StepHeading, { step, icon }),
     phase === "failed" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: run.retry && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2938,7 +2938,7 @@ function StepNotices({
   l,
   tid
 }) {
-  const notStarted = !chunk6F7SZCVL_cjs.isPersonStep(step) && run.needsStart && run.phaseOf(step.id) === "ready";
+  const notStarted = !chunkOWCEQKAR_cjs.isPersonStep(step) && run.needsStart && run.phaseOf(step.id) === "ready";
   const failed = run.failedUpstreamOf(step.id);
   if (!notStarted && failed.length === 0) return null;
   const why = (error) => error ? `: ${error}` : "";
@@ -2974,6 +2974,407 @@ function StepNotices({
     ))
   ] });
 }
+function SkillTypeBadge({ type, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: ui.cn(
+        "shrink-0 rounded bg-background px-1.5 py-0.5 text-xs uppercase tracking-wide text-muted-foreground",
+        className
+      ),
+      "data-slot": "skill-type-badge",
+      children: type
+    }
+  );
+}
+var DEFAULT_SKILL_GLOBAL_BADGE_LABELS = {
+  global: "Global",
+  globalTitle: "Shared with everyone in the marketplace"
+};
+function SkillGlobalBadge({
+  className,
+  labels
+}) {
+  const l = { ...DEFAULT_SKILL_GLOBAL_BADGE_LABELS, ...labels };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: ui.cn(
+        "inline-flex shrink-0 items-center gap-1 rounded bg-accent px-1.5 py-0.5 text-xs uppercase tracking-wide text-accent-foreground",
+        className
+      ),
+      title: l.globalTitle,
+      "data-slot": "skill-global-badge",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { className: "size-3" }),
+        l.global
+      ]
+    }
+  );
+}
+function SkillActionButton({
+  label,
+  tooltip,
+  onClick,
+  children,
+  testId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, onFocusCapture: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "size-7 shrink-0 pointer-coarse:size-11",
+        onClick: (e) => {
+          e.stopPropagation();
+          onClick(e);
+        },
+        "aria-label": label,
+        "data-testid": testId,
+        children
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: tooltip ?? label }) })
+  ] });
+}
+function activateOnKey(handler) {
+  return (e) => {
+    if (e.target !== e.currentTarget) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      handler();
+    }
+  };
+}
+var DEFAULT_SKILL_GENERATE_FORM_LABELS = {
+  title: "Generate with AI",
+  hint: "Describe what the skill should do. The assistant drafts it in chat, then you can edit it here.",
+  placeholder: "e.g. Summarize a contract into key obligations, dates, and parties",
+  generate: "Generate with AI",
+  writeManually: "\u2026or write it manually"
+};
+function SkillGenerateForm({
+  onGenerate,
+  onManual,
+  icon,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_SKILL_GENERATE_FORM_LABELS, ...labels };
+  const [desc, setDesc] = react.useState("");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-4 overflow-y-auto p-4", "data-slot": "skill-generate-form", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg bg-muted p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wand2, { className: "size-4 text-primary" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: l.title })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-xs text-muted-foreground", children: l.hint }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Textarea,
+        {
+          value: desc,
+          onChange: (e) => setDesc(e.target.value),
+          rows: 4,
+          placeholder: l.placeholder,
+          "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.description, { testId: "skills-panel-ai-desc" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Button,
+        {
+          size: "sm",
+          disabled: !desc.trim(),
+          onClick: () => onGenerate(desc.trim()),
+          "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.generate, { testId: "skills-panel-ai-generate" }),
+          children: [
+            icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1 [&>svg]:size-4", children: icon }),
+            l.generate
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "self-start text-sm text-muted-foreground underline-offset-2 hover:text-foreground hover:underline pointer-coarse:min-h-11",
+        onClick: onManual,
+        "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.writeManually, { testId: "skills-panel-write-manually" }),
+        children: l.writeManually
+      }
+    )
+  ] });
+}
+var DEFAULT_SKILL_EDIT_FORM_LABELS = {
+  name: "Name",
+  namePlaceholder: "contract-summary",
+  invokedAs: (name) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    "Invoked as ",
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono", children: [
+      "/",
+      name || "skill-name"
+    ] })
+  ] }),
+  description: "Description",
+  descriptionPlaceholder: "What it does and when to use it",
+  instructions: "Instructions",
+  cancel: "Cancel",
+  saving: "Saving\u2026",
+  saveChanges: "Save changes",
+  create: "Create skill"
+};
+var FIELD_LABEL = "text-xs font-semibold uppercase tracking-wide text-muted-foreground";
+function SkillEditForm({
+  name,
+  onNameChange,
+  isNameLocked,
+  nameError,
+  description,
+  onDescriptionChange,
+  editor,
+  isSaving,
+  isEditing,
+  onSave,
+  onCancel,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_SKILL_EDIT_FORM_LABELS, ...labels };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col", "data-slot": "skill-edit-form", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "sp-name", className: FIELD_LABEL, children: l.name }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            id: "sp-name",
+            value: name,
+            disabled: isNameLocked,
+            placeholder: l.namePlaceholder,
+            onChange: (e) => onNameChange(e.target.value),
+            className: "mt-1",
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.name, { testId: "skills-panel-edit-name" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: l.invokedAs(name) }),
+        nameError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-destructive", children: nameError })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "sp-desc", className: FIELD_LABEL, children: l.description }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            id: "sp-desc",
+            value: description,
+            placeholder: l.descriptionPlaceholder,
+            onChange: (e) => onDescriptionChange(e.target.value),
+            className: "mt-1",
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.description, { testId: "skills-panel-edit-desc" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: `${FIELD_LABEL} mb-1`, children: l.instructions }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-[240px] flex-1 overflow-hidden rounded-md border border-border", children: editor })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end gap-2 border-t border-border px-4 py-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outline", size: "sm", onClick: onCancel, children: l.cancel }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          size: "sm",
+          onClick: onSave,
+          disabled: isSaving,
+          "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.save, { testId: "skills-panel-edit-save" }),
+          children: isSaving ? l.saving : isEditing ? l.saveChanges : l.create
+        }
+      )
+    ] })
+  ] });
+}
+function SkillFilterChips({
+  options,
+  value,
+  onChange,
+  label,
+  testIdPrefix = "skills-filter",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": label,
+      className: ui.cn("flex flex-wrap gap-2", className),
+      "data-slot": "skill-filter-chips",
+      children: options.map((option) => {
+        const selected = option.id === value;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": selected,
+            onClick: () => onChange(option.id),
+            "data-testid": `${testIdPrefix}-${option.id}`,
+            className: ui.cn(
+              "inline-flex min-h-8 items-center gap-1.5 rounded-full border px-3 text-sm transition-colors pointer-coarse:min-h-11 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              selected ? "border-primary bg-primary/10 text-foreground" : "border-border bg-background text-muted-foreground [&:hover]:bg-muted"
+            ),
+            children: [
+              option.label,
+              option.count !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: option.count })
+            ]
+          },
+          option.id
+        );
+      })
+    }
+  );
+}
+var DEFAULT_SKILL_VIEW_TOGGLE_LABELS = {
+  group: "View",
+  gallery: "Gallery",
+  list: "List"
+};
+function SkillViewToggle({ value, onChange, labels, testId }) {
+  const l = { ...DEFAULT_SKILL_VIEW_TOGGLE_LABELS, ...labels };
+  const item = (view, label, icon) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      role: "radio",
+      "aria-checked": value === view,
+      "aria-label": label,
+      title: label,
+      onClick: () => onChange(view),
+      "data-testid": `${testId ?? "skills-view-toggle"}-${view}`,
+      className: ui.cn(
+        "flex size-8 items-center justify-center rounded-md pointer-coarse:size-11 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        value === view ? "bg-background text-foreground shadow-sm" : "text-muted-foreground"
+      ),
+      children: icon
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": l.group,
+      className: "inline-flex shrink-0 gap-0.5 rounded-lg bg-muted p-0.5",
+      "data-testid": testId ?? "skills-view-toggle",
+      children: [
+        item("gallery", l.gallery, /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutGrid, { className: "size-4" })),
+        item("list", l.list, /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { className: "size-4" }))
+      ]
+    }
+  );
+}
+function SkillTile({
+  name,
+  description,
+  sourceLabel,
+  type,
+  icon,
+  layout,
+  selected,
+  onSelect,
+  testId
+}) {
+  const isRow = layout === "list";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      "aria-pressed": selected,
+      onClick: onSelect,
+      onKeyDown: activateOnKey(onSelect),
+      "data-testid": testId ?? `skill-tile-${name}`,
+      "data-skill-name": name,
+      "data-slot": "skill-tile",
+      className: ui.cn(
+        "flex cursor-pointer rounded-lg border p-3 text-left transition-colors pointer-coarse:min-h-11 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        isRow ? "items-center gap-3" : "h-full flex-col gap-2",
+        selected ? "border-primary bg-primary/5" : "border-transparent bg-muted [&:hover]:bg-accent"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+          icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-ai-ink [&>svg]:size-5", children: icon }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-sm font-semibold text-foreground", children: name })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: ui.cn(
+              "min-w-0 text-sm text-muted-foreground",
+              isRow ? "flex-1 truncate max-sm:hidden" : "line-clamp-3"
+            ),
+            children: description
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("flex shrink-0 items-center gap-1.5", isRow && "ml-auto"), children: [
+          type && type !== "markdown" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-background px-1.5 py-0.5 text-xs uppercase tracking-wide text-muted-foreground", children: type }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-background px-1.5 py-0.5 text-xs text-muted-foreground", children: sourceLabel })
+        ] })
+      ]
+    }
+  );
+}
+function SkillDetail({
+  title,
+  sourceLabel,
+  description,
+  icon,
+  notice,
+  children,
+  actions,
+  testId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: "flex min-h-0 flex-1 flex-col",
+      "data-testid": testId ?? "skill-detail",
+      "data-slot": "skill-detail",
+      "aria-label": title,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-0 flex-1 space-y-4 overflow-y-auto p-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ai-ink [&>svg]:size-5", children: icon }),
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-foreground", children: title }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground", children: sourceLabel })
+            ] }),
+            description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: description }),
+            notice && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground", children: notice })
+          ] }),
+          children
+        ] }),
+        actions && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "flex flex-wrap gap-2 border-t border-border bg-background p-3",
+            "data-slot": "skill-detail-actions",
+            children: actions
+          }
+        )
+      ]
+    }
+  );
+}
+function SkillDetailSection({
+  title,
+  children,
+  testId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", "data-testid": testId, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: title }),
+    children
+  ] });
+}
 
 // src/agents/skills/skillFiles.ts
 var SKILL_TYPES = ["markdown", "python", "shell", "javascript", "typescript"];
@@ -3176,6 +3577,201 @@ async function importSkillFromUrl(url) {
   const last = parsed.pathname.split("/").filter(Boolean).pop() ?? "skill";
   return importMarkdownSkill(last.includes(".") ? last : `${last}.md`, text);
 }
+
+// src/agents/skills/skillLibrary.ts
+var SKILL_SOURCE_LABELS = {
+  builtin: "Built in",
+  mine: "Yours",
+  shared: "Shared"
+};
+var SKILL_TYPE_LABELS = {
+  markdown: "Instructions",
+  python: "Python",
+  shell: "Shell",
+  javascript: "JavaScript",
+  typescript: "TypeScript"
+};
+var SKILL_FIELD_TYPE_LABELS = {
+  text: "Short answer",
+  longtext: "Free text",
+  boolean: "Yes or no",
+  select: "A choice",
+  number: "A number",
+  date: "A date",
+  scope: "Which files",
+  documents: "Pick files",
+  person: "A person"
+};
+function buildLibrarySkills(builtins, listings) {
+  const { host, skills } = chunkOWCEQKAR_cjs.mergeSkillWorkflows(builtins, listings);
+  const builtinIds = new Set(builtins.map((w) => w.id));
+  const stored = new Map(listings.filter((s) => s.doc_ext_id).map((s) => [s.slug, s]));
+  return [...host, ...skills].flatMap((workflow) => {
+    if (workflow.run.kind !== "prompt") return [];
+    const listing = stored.get(workflow.id);
+    if (!listing?.doc_ext_id) {
+      if (!builtinIds.has(workflow.id)) return [];
+      return [
+        {
+          slug: workflow.id,
+          title: workflow.title,
+          description: workflow.description,
+          source: "builtin",
+          type: "markdown",
+          isShared: false,
+          replacesBuiltin: false,
+          workflow
+        }
+      ];
+    }
+    const mine = listing.is_owner ?? true;
+    return [
+      {
+        slug: workflow.id,
+        title: workflow.title,
+        description: listing.description || workflow.description,
+        source: mine ? "mine" : "shared",
+        type: listing.skill_type ?? "markdown",
+        isShared: mine && listing.visibility === "global",
+        replacesBuiltin: mine && builtinIds.has(listing.slug),
+        workflow,
+        docExtId: listing.doc_ext_id
+      }
+    ];
+  });
+}
+function filterLibrarySkills(skills, f) {
+  const q = f.query.trim().toLowerCase();
+  return skills.filter((s) => f.source === "all" || s.source === f.source).filter((s) => f.type === "all" || s.type === f.type).filter(
+    (s) => !q || s.title.toLowerCase().includes(q) || s.slug.toLowerCase().includes(q) || s.description.toLowerCase().includes(q)
+  );
+}
+var ACTION = "pointer-coarse:min-h-11";
+function SkillLibraryDetail({
+  skill,
+  instructions,
+  isLoading,
+  actions,
+  icon
+}) {
+  const fields = skill.workflow.inputs;
+  const isOwner = skill.source === "mine";
+  const canCopy = skill.source !== "mine";
+  const notice = skill.replacesBuiltin ? "Your copy is used instead of the original; delete it to go back." : skill.isShared ? "Shared with everyone." : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SkillDetail,
+    {
+      title: skill.title,
+      sourceLabel: SKILL_SOURCE_LABELS[skill.source],
+      description: skill.description,
+      icon,
+      notice,
+      testId: "skill-detail",
+      actions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: actions.onRun, className: ACTION, "data-testid": "skill-run", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "mr-1.5 size-4" }),
+          "Run"
+        ] }),
+        canCopy && /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
+          {
+            variant: "outline",
+            onClick: actions.onCopy,
+            disabled: actions.isBusy,
+            className: ACTION,
+            "data-testid": "skill-copy",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "mr-1.5 size-4" }),
+              "Make a copy"
+            ]
+          }
+        ),
+        isOwner && /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
+          {
+            variant: "outline",
+            onClick: actions.onEdit,
+            className: ACTION,
+            "data-testid": "skill-edit",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "mr-1.5 size-4" }),
+              "Edit"
+            ]
+          }
+        ),
+        isOwner && /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
+          {
+            variant: "outline",
+            onClick: actions.onToggleShare,
+            disabled: actions.isBusy,
+            className: ACTION,
+            "data-testid": "skill-share",
+            children: [
+              skill.isShared ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "mr-1.5 size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { className: "mr-1.5 size-4" }),
+              skill.isShared ? "Make private" : "Share with everyone"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
+          {
+            variant: "outline",
+            onClick: actions.onExport,
+            className: ACTION,
+            "data-testid": "skill-export",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "mr-1.5 size-4" }),
+              "Export"
+            ]
+          }
+        ),
+        isOwner && /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
+          {
+            variant: "ghost",
+            onClick: actions.onDelete,
+            disabled: actions.isBusy,
+            className: `${ACTION} ml-auto text-destructive`,
+            "data-testid": "skill-delete",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "mr-1.5 size-4" }),
+              "Delete"
+            ]
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SkillDetailSection, { title: "What it asks you", testId: "skill-inputs", children: fields.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Nothing: it starts right away." }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1 text-sm", children: fields.map((field) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: field.label }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            SKILL_FIELD_TYPE_LABELS[field.type],
+            field.required ? "" : ", optional"
+          ] })
+        ] }, field.name)) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          SkillDetailSection,
+          {
+            title: skill.type === "markdown" ? "Instructions" : `Instructions (${SKILL_TYPE_LABELS[skill.type] ?? skill.type})`,
+            children: [
+              isLoading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Loading\u2026" }) : /* @__PURE__ */ jsxRuntime.jsx(
+                "pre",
+                {
+                  className: "max-h-72 overflow-auto whitespace-pre-wrap break-words rounded-md bg-muted p-3 font-mono text-xs",
+                  tabIndex: 0,
+                  "aria-label": "Instructions",
+                  "data-testid": "skill-instructions",
+                  children: instructions || "No instructions."
+                }
+              ),
+              !isOwner && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "You can read these. Make a copy to change them." })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
 function PersonPill({ person, size = "sm", testId }) {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": testId, className: "inline-flex min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
     ui.UserEntity,
@@ -3944,12 +4540,12 @@ function taskActivityHeadline(e, labels = DEFAULT_TASK_ACTIVITY_LABELS, agentNam
     case "step_skipped":
       return "Step skipped";
     case "step_waiting": {
-      const documents = chunk6F7SZCVL_cjs.eventWaitingDocuments(detail);
-      return documents ? chunk6F7SZCVL_cjs.waitingForDocumentsText(documents.length) : "Waiting on people";
+      const documents = chunkOWCEQKAR_cjs.eventWaitingDocuments(detail);
+      return documents ? chunkOWCEQKAR_cjs.waitingForDocumentsText(documents.length) : "Waiting on people";
     }
     case "step_progress": {
-      const documents = chunk6F7SZCVL_cjs.eventWaitingDocuments(detail);
-      return documents ? chunk6F7SZCVL_cjs.waitingForDocumentsText(documents.length) : detail.signed ? "Signed" : "Step moved on";
+      const documents = chunkOWCEQKAR_cjs.eventWaitingDocuments(detail);
+      return documents ? chunkOWCEQKAR_cjs.waitingForDocumentsText(documents.length) : detail.signed ? "Signed" : "Step moved on";
     }
     case "step_sent_back":
       return "Sent the work back";
@@ -4056,6 +4652,10 @@ exports.ApprovalEvidence = ApprovalEvidence;
 exports.AssigneeLine = AssigneeLine;
 exports.DEFAULT_AGENT_SELECT_LABELS = DEFAULT_AGENT_SELECT_LABELS;
 exports.DEFAULT_SCHEMA_FORM_LABELS = DEFAULT_SCHEMA_FORM_LABELS;
+exports.DEFAULT_SKILL_EDIT_FORM_LABELS = DEFAULT_SKILL_EDIT_FORM_LABELS;
+exports.DEFAULT_SKILL_GENERATE_FORM_LABELS = DEFAULT_SKILL_GENERATE_FORM_LABELS;
+exports.DEFAULT_SKILL_GLOBAL_BADGE_LABELS = DEFAULT_SKILL_GLOBAL_BADGE_LABELS;
+exports.DEFAULT_SKILL_VIEW_TOGGLE_LABELS = DEFAULT_SKILL_VIEW_TOGGLE_LABELS;
 exports.DEFAULT_STEP_BAR_LABELS = DEFAULT_STEP_BAR_LABELS;
 exports.DEFAULT_TASK_ACTIVITY_LABELS = DEFAULT_TASK_ACTIVITY_LABELS;
 exports.DEFAULT_TASK_TRIGGER_CHIP_LABELS = DEFAULT_TASK_TRIGGER_CHIP_LABELS;
@@ -4065,13 +4665,27 @@ exports.DEFAULT_WORKFLOW_LIST_LABELS = DEFAULT_WORKFLOW_LIST_LABELS;
 exports.DEFAULT_WORKFLOW_RUNNER_LABELS = DEFAULT_WORKFLOW_RUNNER_LABELS;
 exports.DEFAULT_WORKFLOW_STEP_PARTS_LABELS = DEFAULT_WORKFLOW_STEP_PARTS_LABELS;
 exports.PersonPill = PersonPill;
+exports.SKILL_FIELD_TYPE_LABELS = SKILL_FIELD_TYPE_LABELS;
 exports.SKILL_MAIN_FILENAME = SKILL_MAIN_FILENAME;
+exports.SKILL_SOURCE_LABELS = SKILL_SOURCE_LABELS;
 exports.SKILL_TYPES = SKILL_TYPES;
+exports.SKILL_TYPE_LABELS = SKILL_TYPE_LABELS;
 exports.STEP_LABEL = STEP_LABEL;
 exports.STEP_LABEL_CURRENT = STEP_LABEL_CURRENT;
 exports.STEP_LABEL_MAX = STEP_LABEL_MAX;
 exports.SchemaForm = SchemaForm;
 exports.SendBackControl = SendBackControl;
+exports.SkillActionButton = SkillActionButton;
+exports.SkillDetail = SkillDetail;
+exports.SkillDetailSection = SkillDetailSection;
+exports.SkillEditForm = SkillEditForm;
+exports.SkillFilterChips = SkillFilterChips;
+exports.SkillGenerateForm = SkillGenerateForm;
+exports.SkillGlobalBadge = SkillGlobalBadge;
+exports.SkillLibraryDetail = SkillLibraryDetail;
+exports.SkillTile = SkillTile;
+exports.SkillTypeBadge = SkillTypeBadge;
+exports.SkillViewToggle = SkillViewToggle;
 exports.StepBarFrame = StepBarFrame;
 exports.TaskActivityTimeline = TaskActivityTimeline;
 exports.TaskTriggerChip = TaskTriggerChip;
@@ -4082,11 +4696,14 @@ exports.WorkflowLauncher = WorkflowLauncher;
 exports.WorkflowRunner = WorkflowRunner;
 exports.WorkflowStepBar = WorkflowStepBar;
 exports.WorkflowsTable = WorkflowsTable;
+exports.activateOnKey = activateOnKey;
 exports.activeStepId = activeStepId;
+exports.buildLibrarySkills = buildLibrarySkills;
 exports.buildWorkflowScopeSource = buildWorkflowScopeSource;
 exports.buildZipSkillImport = buildZipSkillImport;
 exports.createWorkflowColumns = createWorkflowColumns;
 exports.documentScopeLabels = documentScopeLabels;
+exports.filterLibrarySkills = filterLibrarySkills;
 exports.fromPlanAssignee = fromPlanAssignee;
 exports.fromPlanDocumentRef = fromPlanDocumentRef;
 exports.fromPlanSteps = fromPlanSteps;
@@ -4115,5 +4732,5 @@ exports.workflowRunStatusLabel = workflowRunStatusLabel;
 exports.workflowStatus = workflowStatus;
 exports.workflowToSkillMarkdown = workflowToSkillMarkdown;
 exports.workflowTriggerType = workflowTriggerType;
-//# sourceMappingURL=chunk-CHVCTKF4.cjs.map
-//# sourceMappingURL=chunk-CHVCTKF4.cjs.map
+//# sourceMappingURL=chunk-3BI6EWKP.cjs.map
+//# sourceMappingURL=chunk-3BI6EWKP.cjs.map