@arbidocs/blocks 0.4.137 → 0.4.139

package/dist/{chunk-CHVCTKF4.cjs → chunk-ULEDHANM.cjs}

@@ -1,18 +1,20 @@
 "use client";
 'use strict';
 
-var chunkDETZZBG2_cjs = require('./chunk-DETZZBG2.cjs');
-var chunkRQ2Y7USX_cjs = require('./chunk-RQ2Y7USX.cjs');
+var chunkOGP6MQXQ_cjs = require('./chunk-OGP6MQXQ.cjs');
+var chunkMIDXCYZB_cjs = require('./chunk-MIDXCYZB.cjs');
 var chunkZW6FPIFC_cjs = require('./chunk-ZW6FPIFC.cjs');
-var chunkWS5EX7DN_cjs = require('./chunk-WS5EX7DN.cjs');
+var chunkDETZZBG2_cjs = require('./chunk-DETZZBG2.cjs');
+var chunkR26BK7YL_cjs = require('./chunk-R26BK7YL.cjs');
 var chunkV4ISCZJ7_cjs = require('./chunk-V4ISCZJ7.cjs');
 var chunk2EI7NCUA_cjs = require('./chunk-2EI7NCUA.cjs');
-var chunkC2CWWEHO_cjs = require('./chunk-C2CWWEHO.cjs');
+var chunkC4WSHRR6_cjs = require('./chunk-C4WSHRR6.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');
+var chunkC2CWWEHO_cjs = require('./chunk-C2CWWEHO.cjs');
+var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
 var ui = require('@arbidocs/react/ui');
@@ -155,11 +157,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":
@@ -317,7 +319,7 @@ function SchemaForm({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("flex flex-col gap-4", className), "data-slot": "schema-form", children: [
     common.map(render),
     advanced.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWS5EX7DN_cjs.FoldSection,
+      chunkOGP6MQXQ_cjs.FoldSection,
       {
         label: l.advanced,
         open: advancedOpen,
@@ -448,7 +450,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 +462,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 +475,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 = () => {
@@ -492,7 +494,7 @@ function WorkflowConfigDialog({
   const firstField = workflow.inputs.find((f) => !f.advanced);
   const focusPromptFirst = firstField?.type === "text" || firstField?.type === "longtext";
   const defaultScopeRender = scopeSource ? (_field, value, onChange) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkWS5EX7DN_cjs.ScopePicker,
+    chunkOGP6MQXQ_cjs.ScopePicker,
     {
       folders: scopeSource.folders,
       unfiledCount: scopeSource.unfiledCount,
@@ -525,7 +527,7 @@ function WorkflowConfigDialog({
       },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkWS5EX7DN_cjs.QuickActionDialogHeader,
+          chunkOGP6MQXQ_cjs.QuickActionDialogHeader,
           {
             icon: workflow.icon && renderIcon ? renderIcon(workflow.icon) : null,
             title: workflow.title,
@@ -543,7 +545,7 @@ function WorkflowConfigDialog({
               submit();
             },
             children: noFiles ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkWS5EX7DN_cjs.AddFilesFirst,
+              chunkOGP6MQXQ_cjs.AddFilesFirst,
               {
                 reason: l.addFilesReason,
                 action: addFilesAction,
@@ -643,9 +645,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;
       }
@@ -667,7 +669,7 @@ function WorkflowLauncher({
   });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, "data-slot": "workflow-launcher", children: [
     showTiles && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWS5EX7DN_cjs.StartTiles,
+      chunkOGP6MQXQ_cjs.StartTiles,
       {
         items: [...tiles, ...extraTiles],
         caption,
@@ -867,7 +869,7 @@ function WorkflowDocumentsField({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRQ2Y7USX_cjs.DocumentPicker,
+            chunkMIDXCYZB_cjs.DocumentPicker,
             {
               groups: [{ id: "all", heading: l.allDocuments, docs: [...offered].sort(byTitle) }],
               value: multiple ? "" : ids[0] ?? "",
@@ -1041,7 +1043,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 +1052,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 +1083,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 +1202,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 +1224,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 +1269,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 +1284,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 +1385,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 +1406,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 +1544,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 +1611,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 +1719,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 +1892,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 +1974,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 +2064,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 +2097,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 +2193,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 +2351,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 +2365,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 +2408,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 +2491,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 +2499,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 +2531,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 +2587,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 +2854,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 +2940,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 +2976,1078 @@ function StepNotices({
     ))
   ] });
 }
+function CapabilityTile({
+  label,
+  description,
+  icon: Icon,
+  selected,
+  onToggle,
+  testId,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onToggle,
+      "aria-pressed": selected,
+      "data-testid": testId,
+      "data-slot": "capability-tile",
+      className: ui.cn(
+        "flex flex-col items-start gap-1 rounded-lg p-3 text-left transition-colors pointer-coarse:min-h-11 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        selected ? "bg-accent text-accent-foreground ring-1 ring-inset ring-primary/30" : "bg-muted hover:bg-accent/60",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 16, className: selected ? "text-accent-foreground" : "text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium leading-tight", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs leading-tight text-muted-foreground", children: description })
+      ]
+    }
+  );
+}
+function CapabilityGrid({
+  children,
+  testId,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: ui.cn("grid grid-cols-2 gap-2 sm:grid-cols-4", className),
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "agent-capabilities" }),
+      children
+    }
+  );
+}
+var DEFAULT_AGENT_TYPE_SELECTOR_LABELS = {
+  agentType: "Agent type"
+};
+function AgentTypeSelector({
+  value,
+  onChange,
+  options,
+  label,
+  labels,
+  testId,
+  optionTestId
+}) {
+  const l = { ...DEFAULT_AGENT_TYPE_SELECTOR_LABELS, ...labels };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "agent-type-selector" }), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: label ?? l.agentType }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onChange(opt.value),
+        "aria-pressed": value === opt.value,
+        "data-testid": chunkMHVNT4J3_cjs.testIdOr(optionTestId?.(opt.value), { testId: `agent-type-${opt.value}` }),
+        className: ui.cn(
+          "rounded-lg p-3 text-left transition-colors pointer-coarse:min-h-11 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          value === opt.value ? "bg-accent text-accent-foreground ring-1 ring-inset ring-primary/30" : "bg-muted hover:bg-accent/60"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: opt.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-xs text-muted-foreground", children: opt.description })
+        ]
+      },
+      opt.value
+    )) })
+  ] });
+}
+var DEFAULT_AGENT_AVATAR_FIELD_LABELS = {
+  painting: "Painting\u2026",
+  generate: "Generate avatar",
+  regenerate: "Regenerate"
+};
+function AgentAvatarField({
+  picture,
+  isBusy,
+  canGenerate,
+  onGenerate,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_AGENT_AVATAR_FIELD_LABELS, ...labels };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2", "data-slot": "agent-avatar-field", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "flex size-24 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted",
+        "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.preview, { testId: "agent-avatar-preview" }),
+        children: isBusy ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1 text-ai-ink", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-7 animate-spin" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: l.painting })
+        ] }) : picture ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: picture, alt: "", className: "size-full object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bot, { className: "size-10 text-ai-ink/70" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "h-8 gap-1 px-2 text-xs pointer-coarse:h-11",
+        disabled: isBusy || !canGenerate,
+        onClick: onGenerate,
+        "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.generate, { testId: "agent-avatar-generate" }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wand2, { size: 12 }),
+          " ",
+          picture ? l.regenerate : l.generate
+        ]
+      }
+    )
+  ] });
+}
+var DEFAULT_AGENT_CREATOR_LABELS = {
+  titleNew: "New agent",
+  titleEdit: (name) => `Edit ${name}`,
+  descriptionNew: "Say what this agent is for. Everything else follows from that.",
+  descriptionEdit: "Change what this agent is for, or fine-tune it under Advanced.",
+  describe: "What should it do?",
+  describePlaceholder: "e.g. Reads new files each morning and tells me what changed, with sources.",
+  describeHint: "This becomes the agent\u2019s persona and shapes every answer.",
+  startFrom: "Or start from",
+  summaryHeading: "What it can do (its tools)",
+  summaryCan: (list) => `Can ${list}.`,
+  summaryCannot: (list) => `Cannot ${list}.`,
+  summaryNone: "It can read your files and answer. Nothing else is switched on yet.",
+  summaryModel: (model) => `Uses ${model}.`,
+  summaryModelAuto: "Uses the default model.",
+  summaryWorkspaces: (list) => `Can read ${list}.`,
+  summaryNoWorkspaces: "Cannot read any workspace yet. Give it access under Advanced.",
+  summaryName: (name) => `Will be called ${name}.`,
+  workspaceAccess: "Workspace access",
+  workspaceAccessHint: "Each workspace stays separate. The agent can only read the ones you tick here.",
+  workspaceAlready: "Already has access",
+  revokeWorkspace: (name) => `Remove access to ${name}`,
+  noWorkspacesToGrant: "You have no workspaces yet.",
+  name: "Name",
+  nameHint: "Letters, digits, - and _ only; must start with a letter or digit.",
+  nameInvalid: "Letters, digits, - and _ only; must start with a letter or digit.",
+  advanced: "Advanced",
+  capabilities: "Tools",
+  toolsHint: "Tools are switches on this agent: what it may do on its own, such as search the web or run code. Change them any time.",
+  summaryChange: "Change tools",
+  model: "Model",
+  modelAuto: "Automatic",
+  cancel: "Cancel",
+  create: "Create agent",
+  save: "Save changes",
+  saving: "Saving\u2026"
+};
+var NAME_RE = /^[a-zA-Z0-9][a-zA-Z0-9_-]*$/;
+var FILLER = /* @__PURE__ */ new Set([
+  "a",
+  "an",
+  "the",
+  "who",
+  "that",
+  "which",
+  "to",
+  "for",
+  "and",
+  "of",
+  "i",
+  "my"
+]);
+function deriveAgentName(description) {
+  const words = description.toLowerCase().replace(/[^a-z0-9\s-]/g, " ").split(/\s+/).filter((w) => w && !FILLER.has(w)).slice(0, 3);
+  return words.join("-").slice(0, 64);
+}
+var isValidAgentName = (name) => NAME_RE.test(name) && name.length <= 64;
+var joinList = (items) => items.length <= 2 ? items.join(" and ") : `${items.slice(0, -1).join(", ")} and ${items[items.length - 1]}`;
+function summarizeCapabilities(capabilities, enabled, modelName, labels = DEFAULT_AGENT_CREATOR_LABELS) {
+  const on = capabilities.filter((c) => enabled[c.key]).map((c) => c.label.toLowerCase());
+  const off = capabilities.filter((c) => !enabled[c.key]).map((c) => c.label.toLowerCase());
+  const lines = [];
+  if (on.length === 0) lines.push(labels.summaryNone);
+  else {
+    lines.push(labels.summaryCan(joinList(on)));
+    if (off.length > 0) lines.push(labels.summaryCannot(joinList(off)));
+  }
+  lines.push(modelName ? labels.summaryModel(modelName) : labels.summaryModelAuto);
+  return lines;
+}
+function summarizeAgent(capabilities, values, workspaces, labels = DEFAULT_AGENT_CREATOR_LABELS) {
+  const lines = summarizeCapabilities(capabilities, values.capabilities, values.modelName, labels);
+  const names = workspaces.filter((w) => values.workspaceIds.includes(w.id)).map((w) => w.name);
+  lines.push(
+    names.length > 0 ? labels.summaryWorkspaces(joinList(names)) : labels.summaryNoWorkspaces
+  );
+  if (values.name) lines.push(labels.summaryName(values.name));
+  return lines;
+}
+var BLANK = {
+  name: "",
+  persona: "",
+  capabilities: {},
+  modelName: "",
+  type: "builtin",
+  workspaceIds: []
+};
+function AgentCreator({
+  open,
+  onOpenChange,
+  isEdit = false,
+  agentName,
+  capabilities,
+  templates = [],
+  models = [],
+  workspaces = [],
+  grantedWorkspaceIds = [],
+  onRevokeWorkspace,
+  revokingWorkspaceId,
+  avatar,
+  types,
+  values: valuesProp,
+  initialValues,
+  onValuesChange,
+  advanced,
+  isSaving,
+  onSubmit,
+  labels,
+  testId
+}) {
+  const l = { ...DEFAULT_AGENT_CREATOR_LABELS, ...labels };
+  const seed = react.useMemo(
+    () => ({ ...BLANK, ...initialValues }),
+    // Seeded once per open.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [open]
+  );
+  const [values, setValues] = useControllableState(
+    valuesProp,
+    seed,
+    onValuesChange
+  );
+  const [advancedOpen, setAdvancedOpen] = react.useState(false);
+  const [nameTouched, setNameTouched] = react.useState(false);
+  react.useEffect(() => {
+    if (open) {
+      if (valuesProp === void 0) setValues(seed);
+      setAdvancedOpen(false);
+      setNameTouched(Boolean(seed.name));
+    }
+  }, [open]);
+  const id = chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "agent-creator" });
+  const name = values.name;
+  const nameValid = isValidAgentName(name);
+  const canSubmit = (isEdit || nameValid) && !isSaving;
+  const patch = (next) => setValues({ ...values, ...next });
+  const setPersona = (persona) => patch({ persona, ...!isEdit && !nameTouched ? { name: deriveAgentName(persona) } : {} });
+  const applyTemplate = (t) => patch({
+    persona: t.persona,
+    capabilities: Object.fromEntries(
+      capabilities.map((c) => [c.key, t.capabilities.includes(c.key)])
+    ),
+    ...!isEdit && !nameTouched ? { name: deriveAgentName(t.persona) } : {}
+  });
+  const summary = summarizeAgent(capabilities, values, workspaces, l);
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.DialogContent,
+    {
+      presentation: "sheet",
+      className: "max-h-[calc(100dvh-2rem)] overflow-y-auto sm:max-w-xl",
+      "data-testid": id,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: isEdit ? l.titleEdit(agentName ?? name) : l.titleNew }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: isEdit ? l.descriptionEdit : l.descriptionNew })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "form",
+          {
+            className: "flex flex-col gap-5",
+            onSubmit: (event) => {
+              event.preventDefault();
+              if (canSubmit) onSubmit(values);
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "agent-creator-describe", children: l.describe }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.Textarea,
+                  {
+                    id: "agent-creator-describe",
+                    "data-testid": `${id}-describe`,
+                    value: values.persona,
+                    placeholder: l.describePlaceholder,
+                    rows: 4,
+                    autoFocus: true,
+                    onChange: (e) => setPersona(e.target.value)
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: l.describeHint })
+              ] }),
+              !isEdit && templates.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", "data-testid": `${id}-templates`, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: l.startFrom }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: templates.map((t) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    title: t.description,
+                    onClick: () => applyTemplate(t),
+                    "data-testid": `${id}-template-${t.id}`,
+                    className: ui.cn(
+                      "rounded-full border border-border px-3 py-1.5 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11 [&:hover]:bg-accent"
+                    ),
+                    children: t.title
+                  },
+                  t.id
+                )) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: "rounded-lg bg-muted p-3 text-sm",
+                  "data-testid": `${id}-summary`,
+                  "aria-live": "polite",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1 flex items-center gap-1.5 text-xs font-medium text-muted-foreground", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "size-4 text-ai-ink", "aria-hidden": "true" }),
+                      l.summaryHeading
+                    ] }),
+                    summary.map((line) => /* @__PURE__ */ jsxRuntime.jsx("p", { children: line }, line)),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setAdvancedOpen(true),
+                        "data-testid": `${id}-summary-change`,
+                        className: "mt-1 text-xs font-medium text-primary underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+                        children: l.summaryChange
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-4", children: [
+                typeof avatar === "function" ? avatar(values) : avatar,
+                !isEdit && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "agent-creator-name", children: l.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Input,
+                    {
+                      id: "agent-creator-name",
+                      "data-testid": `${id}-name`,
+                      value: name,
+                      placeholder: "research-assistant",
+                      "aria-invalid": name !== "" && !nameValid ? true : void 0,
+                      onChange: (e) => {
+                        setNameTouched(true);
+                        patch({ name: e.target.value });
+                      }
+                    }
+                  ),
+                  name !== "" && !nameValid && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: l.nameInvalid })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkOGP6MQXQ_cjs.FoldSection,
+                {
+                  label: l.advanced,
+                  open: advancedOpen,
+                  onOpenChange: setAdvancedOpen,
+                  testId: `${id}-advanced-toggle`,
+                  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+                    !isEdit && types && types.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                      AgentTypeSelector,
+                      {
+                        value: values.type,
+                        onChange: (type) => patch({ type }),
+                        options: types,
+                        testId: `${id}-type`,
+                        optionTestId: (value) => `${id}-type-${value}`
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: l.capabilities }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: l.toolsHint }),
+                      /* @__PURE__ */ jsxRuntime.jsx(CapabilityGrid, { testId: `${id}-capabilities`, children: capabilities.map((c) => /* @__PURE__ */ jsxRuntime.jsx(
+                        CapabilityTile,
+                        {
+                          label: c.label,
+                          description: c.description,
+                          icon: c.icon,
+                          selected: Boolean(values.capabilities[c.key]),
+                          onToggle: () => patch({
+                            capabilities: {
+                              ...values.capabilities,
+                              [c.key]: !values.capabilities[c.key]
+                            }
+                          }),
+                          testId: `${id}-cap-${c.key}`
+                        },
+                        c.key
+                      )) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", "data-testid": `${id}-workspaces`, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: l.workspaceAccess }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: l.workspaceAccessHint }),
+                      workspaces.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: l.noWorkspacesToGrant }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: workspaces.map((w) => {
+                        const already = grantedWorkspaceIds.includes(w.id);
+                        const on = already || values.workspaceIds.includes(w.id);
+                        return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            "button",
+                            {
+                              type: "button",
+                              role: "checkbox",
+                              "aria-checked": on,
+                              disabled: already,
+                              title: already ? l.workspaceAlready : void 0,
+                              "data-testid": `${id}-workspace-${w.id}`,
+                              onClick: () => patch({
+                                workspaceIds: on ? values.workspaceIds.filter((x) => x !== w.id) : [...values.workspaceIds, w.id]
+                              }),
+                              className: ui.cn(
+                                "rounded-md border px-3 py-1.5 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-60 pointer-coarse:min-h-11",
+                                on ? "border-primary bg-primary/10 text-primary" : "border-border [&:hover:not(:disabled)]:bg-accent"
+                              ),
+                              children: w.name
+                            }
+                          ),
+                          already && onRevokeWorkspace && /* @__PURE__ */ jsxRuntime.jsx(
+                            "button",
+                            {
+                              type: "button",
+                              "aria-label": l.revokeWorkspace(w.name),
+                              title: l.revokeWorkspace(w.name),
+                              disabled: revokingWorkspaceId === w.id,
+                              "data-testid": `${id}-workspace-${w.id}-revoke`,
+                              onClick: () => onRevokeWorkspace(w.id),
+                              className: "flex size-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50 pointer-coarse:size-11",
+                              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4", "aria-hidden": true })
+                            }
+                          )
+                        ] }, w.id);
+                      }) })
+                    ] }),
+                    models.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: l.model }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        ui.Select,
+                        {
+                          value: values.modelName || "__auto__",
+                          onValueChange: (v) => patch({ modelName: v === "__auto__" ? "" : v }),
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(ui.SelectTrigger, { "data-testid": `${id}-model`, className: "pointer-coarse:min-h-11", children: /* @__PURE__ */ jsxRuntime.jsx(ui.SelectValue, {}) }),
+                            /* @__PURE__ */ jsxRuntime.jsxs(ui.SelectContent, { children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "__auto__", children: l.modelAuto }),
+                              models.map((m) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: m, children: m }, m))
+                            ] })
+                          ]
+                        }
+                      )
+                    ] }),
+                    typeof advanced === "function" ? advanced(values) : advanced
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end gap-2 border-t border-border pt-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    onClick: () => onOpenChange(false),
+                    "data-testid": `${id}-cancel`,
+                    className: "pointer-coarse:min-h-11",
+                    children: l.cancel
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  ui.Button,
+                  {
+                    type: "submit",
+                    disabled: !canSubmit,
+                    "data-testid": `${id}-submit`,
+                    className: "gap-1.5 pointer-coarse:min-h-11",
+                    children: [
+                      isSaving ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "size-4" }),
+                      isSaving ? l.saving : isEdit ? l.save : l.create
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+// src/agents/definitions/persona.ts
+function composePersona(name, description) {
+  const body = description.trim();
+  const preamble = `You are ${name}, an AI agent.`;
+  return body ? `${preamble} ${body}` : preamble;
+}
+function stripPersonaPreamble(persona) {
+  return persona.replace(/^You are .+?, an AI agent\.\s*/, "").trim();
+}
+function agentCreatorToConfigSection(values, capabilityKeys) {
+  return {
+    PERSONA: composePersona(values.name, values.persona),
+    ...values.modelName ? { AGENT_MODEL_NAME: values.modelName } : {},
+    ...Object.fromEntries(capabilityKeys.map((k) => [k, !!values.capabilities[k]]))
+  };
+}
+function agentConfigSectionToValues(section, capabilityKeys) {
+  const s = section ?? {};
+  return {
+    persona: stripPersonaPreamble(String(s.PERSONA ?? "")),
+    modelName: String(s.AGENT_MODEL_NAME ?? ""),
+    capabilities: Object.fromEntries(capabilityKeys.map((k) => [k, Boolean(s[k])]))
+  };
+}
+var DEFAULT_AGENT_CAPABILITIES = [
+  {
+    key: "WEB_SEARCH_ENABLED",
+    label: "Web search",
+    description: "Current facts, cited sources",
+    icon: lucideReact.Globe
+  },
+  {
+    key: "RUN_CODE_ENABLED",
+    label: "Run code",
+    description: "Exact numbers, real computation",
+    icon: lucideReact.Terminal
+  },
+  {
+    key: "DEEP_RESEARCH_ENABLED",
+    label: "Deep research",
+    description: "Multi-source investigations",
+    icon: lucideReact.Telescope
+  },
+  {
+    key: "PLANNING_ENABLED",
+    label: "Planning",
+    description: "Plans complex work first",
+    icon: lucideReact.ListChecks
+  },
+  {
+    key: "ARTIFACTS_ENABLED",
+    label: "Documents",
+    description: "Drafts and edits documents",
+    icon: lucideReact.FileText
+  },
+  {
+    key: "IMAGE_ENABLED",
+    label: "Images",
+    description: "Generates and edits images",
+    icon: lucideReact.ImageIcon
+  },
+  { key: "MEMORY_ENABLED", label: "Memory", description: "Remembers across sessions", icon: lucideReact.Brain },
+  { key: "SKILLS_ENABLED", label: "Skills", description: "May follow your skills", icon: lucideReact.Wand2 }
+];
+var DEFAULT_AGENT_TEMPLATES = [
+  {
+    id: "researcher",
+    title: "Researcher",
+    description: "Looks things up and cites its sources",
+    persona: "Researches a question thoroughly, reads the best sources, and cites every claim. Says plainly when something could not be confirmed.",
+    capabilities: ["WEB_SEARCH_ENABLED", "DEEP_RESEARCH_ENABLED", "PLANNING_ENABLED"]
+  },
+  {
+    id: "analyst",
+    title: "Analyst",
+    description: "Works through numbers and data",
+    persona: "Works through data carefully, checks its arithmetic by running code, and explains how it reached each figure.",
+    capabilities: ["RUN_CODE_ENABLED", "PLANNING_ENABLED", "ARTIFACTS_ENABLED"]
+  },
+  {
+    id: "note-taker",
+    title: "Note taker",
+    description: "Keeps notes and remembers context",
+    persona: "Keeps concise notes, remembers what matters between sessions, and drafts clean summaries on request.",
+    capabilities: ["MEMORY_ENABLED", "ARTIFACTS_ENABLED"]
+  },
+  { id: "blank", title: "Blank", description: "Start from nothing", persona: "", capabilities: [] }
+];
+var DEFAULT_AGENT_TYPES = [
+  {
+    value: "builtin",
+    title: "Built-in",
+    description: "Runs on ARBI\u2019s servers \u2014 woken by tasks and messages."
+  },
+  {
+    value: "external",
+    title: "External",
+    description: "Connect a Claude or OpenClaw runtime from your machine."
+  }
+];
+function AgentConnectInstructions({ email, signingKey }) {
+  const { notify, runtimeConfig } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const [agentBackend, setAgentBackend] = react.useState("claude");
+  const [copied, setCopied] = react.useState(false);
+  const setupScript = react.useMemo(
+    () => [
+      "npm install -g @arbidocs/cli",
+      `arbi config set-url https://${runtimeConfig.deploymentDomain}`,
+      `arbi login --email ${email} --signing-key ${signingKey}`,
+      `arbi listen --agent ${agentBackend}`
+    ].join("\n"),
+    [email, signingKey, agentBackend, runtimeConfig.deploymentDomain]
+  );
+  const handleCopy = react.useCallback(async () => {
+    try {
+      await navigator.clipboard.writeText(setupScript);
+      setCopied(true);
+      notify("Setup commands copied", "success");
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+      notify("Failed to copy", "error");
+    }
+  }, [setupScript, notify]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "space-y-2 rounded-lg border border-yellow-border bg-yellow-bg/60 p-3",
+      "data-testid": "agent-connect-instructions",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: "Connect it \u2014 run on the agent machine:" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "agent-backend", className: "text-xs text-muted-foreground", children: "Runtime" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "select",
+              {
+                id: "agent-backend",
+                value: agentBackend,
+                onChange: (e) => setAgentBackend(e.target.value),
+                className: "h-7 rounded-md border border-input bg-background px-2 text-xs",
+                "data-testid": "agent-backend-select",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "claude", children: "claude" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "openclaw", children: "openclaw" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "pre",
+          {
+            className: "select-all whitespace-pre-wrap break-all rounded-md bg-muted p-3 text-xs font-mono leading-relaxed",
+            "data-testid": "agent-setup-script",
+            children: setupScript
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "The signing key is shown only once \u2014 copy it now. It cannot be recovered." }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outline", size: "sm", onClick: handleCopy, className: "shrink-0", children: [
+            copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "mr-2 h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "mr-2 h-4 w-4" }),
+            "Copy"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+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 +4250,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,
@@ -3747,7 +5016,7 @@ function WorkflowsTable(props) {
                 ariaLabel: l.searchLabel,
                 testIds: { input: "workflow-search" },
                 filter: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkRQ2Y7USX_cjs.TriStateFilterMenu,
+                  chunkMIDXCYZB_cjs.TriStateFilterMenu,
                   {
                     testId: "automations-filter-button",
                     open: filterOpen,
@@ -3944,12 +5213,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";
@@ -4049,15 +5318,197 @@ function TaskActivityTimeline({
     );
   }) });
 }
+function TaskActivityDialog({
+  open,
+  onOpenChange,
+  taskName,
+  events,
+  isLoading,
+  isError,
+  labels,
+  testId,
+  ...timeline
+}) {
+  const l = { ...DEFAULT_TASK_ACTIVITY_LABELS, ...labels };
+  const id = chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "task-activity" });
+  const count = events?.length ?? 0;
+  const scrollToEnd = react.useCallback(
+    (el) => {
+      if (count >= 0) el?.scrollIntoView?.({ block: "end" });
+    },
+    [count]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { presentation: "sheet", className: "max-h-[80dvh] sm:max-w-lg", "data-testid": id, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: l.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { className: "truncate", children: taskName })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-h-[55dvh] overflow-y-auto pr-1", "data-testid": `${id}-scroll`, children: [
+      isLoading && !events ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.loading }) : isError && !events ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: l.error }) : count === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.empty }) : /* @__PURE__ */ jsxRuntime.jsx(TaskActivityTimeline, { events: events ?? [], labels, testId: id, ...timeline }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { ref: scrollToEnd })
+    ] })
+  ] }) });
+}
+var DEFAULT_TASK_RUNS_DIALOG_LABELS = {
+  title: (taskName) => `Run history \u2014 ${taskName}`,
+  description: "Every time this task ran. Open a run to read or watch it in its conversation.",
+  loading: "Loading runs\u2026",
+  empty: "This task hasn\u2019t run yet.",
+  open: "Open"
+};
+var STATUS_STYLE = {
+  running: "bg-ai-soft text-ai-ink",
+  success: "bg-green-bg text-green-text",
+  completed: "bg-green-bg text-green-text",
+  failed: "bg-red-bg text-red-text"
+};
+function TaskRunsDialog({
+  inline = false,
+  renderErrorReport,
+  hideHeader = false,
+  open,
+  onOpenChange,
+  taskName,
+  runs,
+  isLoading,
+  onOpenRun,
+  onOpenResult,
+  getRunHref,
+  testIds,
+  labels
+}) {
+  const l = { ...DEFAULT_TASK_RUNS_DIALOG_LABELS, ...labels };
+  const columns = react.useMemo(
+    () => [
+      {
+        colId: "status",
+        field: "status",
+        headerName: "Status",
+        width: 160,
+        minWidth: 140,
+        cellRenderer: ({ data }) => data && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: ui.cn(
+              "rounded-full px-2 py-0.5 text-xs font-medium capitalize",
+              STATUS_STYLE[data.status] ?? "text-muted-foreground"
+            ),
+            children: workflowRunStatusLabel(data.status)
+          }
+        )
+      },
+      { colId: "when", field: "when", headerName: "Run", flex: 2, minWidth: 240 },
+      {
+        colId: "result",
+        headerName: "",
+        width: 280,
+        minWidth: 220,
+        sortable: false,
+        cellRenderer: ({ data: run }) => {
+          if (!run) return null;
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full items-center gap-2", children: [
+            run.error && renderErrorReport?.(run),
+            (run.conversationId || run.resultId && onOpenResult) && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { asChild: true, variant: "ghost", size: "sm", className: "h-7 gap-1.5", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              chunkR26BK7YL_cjs.ActionLink,
+              {
+                href: getRunHref?.(run),
+                onSelect: () => {
+                  if (run.conversationId) onOpenRun(run.conversationId);
+                  else if (run.resultId) onOpenResult?.(run.resultId);
+                  onOpenChange(false);
+                },
+                "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.open, { testId: "task-run-open" }),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { size: 13 }),
+                  " ",
+                  l.open
+                ]
+              }
+            ) })
+          ] });
+        }
+      }
+    ],
+    [onOpenRun, onOpenResult, getRunHref, onOpenChange, testIds?.open, l.open, renderErrorReport]
+  );
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    hideHeader ? null : inline ? /* @__PURE__ */ jsxRuntime.jsx(
+      chunk7RGLTF76_cjs.TabHeader,
+      {
+        tabs: [
+          {
+            id: "history",
+            label: l.title(taskName),
+            count: runs.length,
+            countIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.History, { size: 14 }),
+            presentation: "count",
+            onClose: () => onOpenChange(false)
+          }
+        ],
+        activeTabId: "history",
+        onTabChange: () => {
+        }
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.History, { size: 16 }),
+        " ",
+        l.title(taskName)
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: l.description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkC2CWWEHO_cjs.GridView,
+      {
+        testId: chunkMHVNT4J3_cjs.testIdOr(testIds?.list, { testId: "task-runs-list" }),
+        gridId: "workflow-runs",
+        items: runs,
+        columnDefs: columns,
+        getItemId: (run) => run.id,
+        getRowTestId: () => chunkMHVNT4J3_cjs.testIdOr(testIds?.row, { testId: "task-run-row" }),
+        isLoading,
+        loadingMessage: l.loading,
+        emptyState: { title: l.empty },
+        height: "100%"
+      }
+    ) })
+  ] });
+  return inline ? /* @__PURE__ */ jsxRuntime.jsx("section", { className: "flex min-h-0 flex-1 flex-col", "data-testid": "automation-history", children: content }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(
+    ui.DialogContent,
+    {
+      presentation: "sheet",
+      className: "flex h-[min(32rem,calc(100dvh-2rem))] min-h-0 max-w-3xl flex-col",
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.modal, { testId: "task-runs-modal" }),
+      children: content
+    }
+  ) });
+}
 
 exports.ActionStepBody = ActionStepBody;
+exports.AgentAvatarField = AgentAvatarField;
+exports.AgentConnectInstructions = AgentConnectInstructions;
+exports.AgentCreator = AgentCreator;
 exports.AgentSelect = AgentSelect;
+exports.AgentTypeSelector = AgentTypeSelector;
 exports.ApprovalEvidence = ApprovalEvidence;
 exports.AssigneeLine = AssigneeLine;
+exports.CapabilityGrid = CapabilityGrid;
+exports.CapabilityTile = CapabilityTile;
+exports.DEFAULT_AGENT_AVATAR_FIELD_LABELS = DEFAULT_AGENT_AVATAR_FIELD_LABELS;
+exports.DEFAULT_AGENT_CAPABILITIES = DEFAULT_AGENT_CAPABILITIES;
+exports.DEFAULT_AGENT_CREATOR_LABELS = DEFAULT_AGENT_CREATOR_LABELS;
 exports.DEFAULT_AGENT_SELECT_LABELS = DEFAULT_AGENT_SELECT_LABELS;
+exports.DEFAULT_AGENT_TEMPLATES = DEFAULT_AGENT_TEMPLATES;
+exports.DEFAULT_AGENT_TYPES = DEFAULT_AGENT_TYPES;
+exports.DEFAULT_AGENT_TYPE_SELECTOR_LABELS = DEFAULT_AGENT_TYPE_SELECTOR_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_RUNS_DIALOG_LABELS = DEFAULT_TASK_RUNS_DIALOG_LABELS;
 exports.DEFAULT_TASK_TRIGGER_CHIP_LABELS = DEFAULT_TASK_TRIGGER_CHIP_LABELS;
 exports.DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS = DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS;
 exports.DEFAULT_WORKFLOW_DOCUMENTS_FIELD_LABELS = DEFAULT_WORKFLOW_DOCUMENTS_FIELD_LABELS;
@@ -4065,15 +5516,31 @@ 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.TaskActivityDialog = TaskActivityDialog;
 exports.TaskActivityTimeline = TaskActivityTimeline;
+exports.TaskRunsDialog = TaskRunsDialog;
 exports.TaskTriggerChip = TaskTriggerChip;
 exports.WORKFLOW_COLUMN_ORDER = WORKFLOW_COLUMN_ORDER;
 exports.WorkflowConfigDialog = WorkflowConfigDialog;
@@ -4082,11 +5549,18 @@ exports.WorkflowLauncher = WorkflowLauncher;
 exports.WorkflowRunner = WorkflowRunner;
 exports.WorkflowStepBar = WorkflowStepBar;
 exports.WorkflowsTable = WorkflowsTable;
+exports.activateOnKey = activateOnKey;
 exports.activeStepId = activeStepId;
+exports.agentConfigSectionToValues = agentConfigSectionToValues;
+exports.agentCreatorToConfigSection = agentCreatorToConfigSection;
+exports.buildLibrarySkills = buildLibrarySkills;
 exports.buildWorkflowScopeSource = buildWorkflowScopeSource;
 exports.buildZipSkillImport = buildZipSkillImport;
+exports.composePersona = composePersona;
 exports.createWorkflowColumns = createWorkflowColumns;
+exports.deriveAgentName = deriveAgentName;
 exports.documentScopeLabels = documentScopeLabels;
+exports.filterLibrarySkills = filterLibrarySkills;
 exports.fromPlanAssignee = fromPlanAssignee;
 exports.fromPlanDocumentRef = fromPlanDocumentRef;
 exports.fromPlanSteps = fromPlanSteps;
@@ -4097,6 +5571,7 @@ exports.importSkillFromUrl = importSkillFromUrl;
 exports.isIncompleteSignal = isIncompleteSignal;
 exports.isMainSkillFile = isMainSkillFile;
 exports.isSkillRow = isSkillRow;
+exports.isValidAgentName = isValidAgentName;
 exports.layoutFromPlanSteps = layoutFromPlanSteps;
 exports.matchWorkflowScope = matchWorkflowScope;
 exports.parseSkillFrontmatter = parseSkillFrontmatter;
@@ -4104,6 +5579,9 @@ exports.readSkillArchive = readSkillArchive;
 exports.serializeSkill = serializeSkill;
 exports.skillSlug = skillSlug;
 exports.stepWindow = stepWindow;
+exports.stripPersonaPreamble = stripPersonaPreamble;
+exports.summarizeAgent = summarizeAgent;
+exports.summarizeCapabilities = summarizeCapabilities;
 exports.taskActivityHeadline = taskActivityHeadline;
 exports.toPlanAssignee = toPlanAssignee;
 exports.toPlanDocumentRef = toPlanDocumentRef;
@@ -4111,9 +5589,8 @@ exports.toPlanSteps = toPlanSteps;
 exports.useControllableState = useControllableState;
 exports.useWorkflowView = useWorkflowView;
 exports.workflowFromSkillMarkdown = workflowFromSkillMarkdown;
-exports.workflowRunStatusLabel = workflowRunStatusLabel;
 exports.workflowStatus = workflowStatus;
 exports.workflowToSkillMarkdown = workflowToSkillMarkdown;
 exports.workflowTriggerType = workflowTriggerType;
-//# sourceMappingURL=chunk-CHVCTKF4.cjs.map
-//# sourceMappingURL=chunk-CHVCTKF4.cjs.map
+//# sourceMappingURL=chunk-ULEDHANM.cjs.map
+//# sourceMappingURL=chunk-ULEDHANM.cjs.map