@arbidocs/blocks 0.4.137 → 0.4.139

package/dist/{chunk-ATJUVHVB.js → chunk-6QMWP5IU.js}

@@ -1,19 +1,21 @@
 "use client";
-import { UploadDropzone } from './chunk-EVUEIBNU.js';
-import { DocumentPicker, TriStateFilterMenu } from './chunk-KSHKTOY2.js';
+import { FoldSection, QuickActionDialogHeader, AddFilesFirst, StartTiles, ScopePicker } from './chunk-XDQXDWE7.js';
+import { DocumentPicker, TriStateFilterMenu } from './chunk-CKCBBYTA.js';
 import { EmptyState } from './chunk-P6GHJSLR.js';
-import { FoldSection, QuickActionDialogHeader, AddFilesFirst, StartTiles, ScopePicker } from './chunk-3RJN2VTL.js';
+import { UploadDropzone } from './chunk-EVUEIBNU.js';
+import { ActionLink } from './chunk-444XKG46.js';
 import { SelectionBar, SelectionBarAction } from './chunk-NUNKSZKU.js';
 import { FilterInput } from './chunk-YU2KUMGE.js';
-import { GridView } from './chunk-N5YEF3LC.js';
+import { useBlocksEnvironment } from './chunk-YNIBUKV5.js';
 import { TabHeader } from './chunk-4WWM3GQ5.js';
-import { defaultInputs, validateInputs, workflowSteps, canAssign, fieldToFrontmatter, workflowFromFrontmatter, nextAction, validateStep, assigneeName, runFieldsOf, failedUpstream, stepPhase, useElementSize, sendBackTargets, formatDate, shownValue, stepKindOf, stepLevels, waitingDocuments, stepDependencies, reviewInstructions, splitDocRef, isPersonStep, eventWaitingDocuments, waitingForDocumentsText, StepBadgeMark, StepChip, buildLaunch, STEP_KIND_ICONS, DEFAULT_STEP_KIND_LABELS, composeStepPrompt, isRunFinished, runFields, isWorkflowScope } from './chunk-YOMPLCP6.js';
+import { defaultInputs, validateInputs, workflowSteps, canAssign, fieldToFrontmatter, workflowFromFrontmatter, nextAction, validateStep, assigneeName, runFieldsOf, failedUpstream, stepPhase, useElementSize, sendBackTargets, formatDate, shownValue, stepKindOf, stepLevels, waitingDocuments, stepDependencies, reviewInstructions, splitDocRef, isPersonStep, mergeSkillWorkflows, eventWaitingDocuments, waitingForDocumentsText, StepBadgeMark, StepChip, buildLaunch, STEP_KIND_ICONS, DEFAULT_STEP_KIND_LABELS, composeStepPrompt, isRunFinished, runFields, isWorkflowScope } from './chunk-Y5KTM3V5.js';
 import { TONE_DOT, TONE_SURFACE, TONE_SOLID_BORDER, TONE_BORDER } from './chunk-AUS3KBHJ.js';
-import { testIdOr, prefixedTestId } from './chunk-7F6CBP3Z.js';
 import { initials } from './chunk-OXF2IFXG.js';
+import { GridView } from './chunk-N5YEF3LC.js';
+import { testIdOr, prefixedTestId } from './chunk-7F6CBP3Z.js';
 import { useState, useRef, useCallback, useId, useMemo, useEffect } from 'react';
-import { Loader2, Play, FolderPlus, ImageIcon, X, UserRound, CornerUpLeft, ShieldCheck, MessageSquare, Check, Hourglass, Clock, PenLine, ExternalLink, Mail, Table2, CheckCircle2, ArrowLeft, ArrowRight, RotateCw, GitBranch, AlertTriangle, MoreHorizontal, History, Pencil, Trash2, Workflow, ChevronLeft, ChevronRight, FileText, Link2, Bell, MousePointerClick, ArrowUpRight, BellRing, Flag, RotateCcw, Disc, Phone, UserRoundCog, Sparkles, MessageSquareReply, Square, KeyRound, Lock } from 'lucide-react';
-import { cn, Label, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Dialog, DialogContent, Button, getEntityColor, Popover, PopoverTrigger, PopoverContent, Textarea, Card, UserEntity, getEntityColorStyles, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, badgeVariants, VisibilityToggle, Switch, Input } from '@arbidocs/react/ui';
+import { Globe, Terminal, Telescope, ListChecks, FileText, ImageIcon, Brain, Wand2, Loader2, Play, FolderPlus, X, UserRound, CornerUpLeft, ShieldCheck, MessageSquare, Check, Hourglass, Clock, PenLine, ExternalLink, Mail, Table2, CheckCircle2, ArrowLeft, ArrowRight, RotateCw, GitBranch, AlertTriangle, Bot, Sparkles, Copy, Pencil, Lock, Download, Trash2, MoreHorizontal, History, Workflow, Eye, LayoutGrid, List, ChevronLeft, ChevronRight, Link2, Bell, MousePointerClick, ArrowUpRight, BellRing, Flag, RotateCcw, Disc, Phone, UserRoundCog, MessageSquareReply, Square, KeyRound } from 'lucide-react';
+import { cn, Label, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Dialog, DialogContent, Button, getEntityColor, Popover, PopoverTrigger, PopoverContent, Textarea, Card, DialogHeader, DialogTitle, DialogDescription, Input, Tooltip, TooltipTrigger, TooltipContent, UserEntity, getEntityColorStyles, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, badgeVariants, VisibilityToggle, Switch } from '@arbidocs/react/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { unzip, strFromU8 } from 'fflate';
 
@@ -2972,6 +2974,1078 @@ function StepNotices({
     ))
   ] });
 }
+function CapabilityTile({
+  label,
+  description,
+  icon: Icon,
+  selected,
+  onToggle,
+  testId,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onToggle,
+      "aria-pressed": selected,
+      "data-testid": testId,
+      "data-slot": "capability-tile",
+      className: 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__ */ jsx(Icon, { size: 16, className: selected ? "text-accent-foreground" : "text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium leading-tight", children: label }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs leading-tight text-muted-foreground", children: description })
+      ]
+    }
+  );
+}
+function CapabilityGrid({
+  children,
+  testId,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("grid grid-cols-2 gap-2 sm:grid-cols-4", className),
+      "data-testid": 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__ */ jsxs("div", { className: "space-y-1.5", "data-testid": testIdOr(testId, { testId: "agent-type-selector" }), children: [
+    /* @__PURE__ */ jsx(Label, { children: label ?? l.agentType }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: options.map((opt) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onChange(opt.value),
+        "aria-pressed": value === opt.value,
+        "data-testid": testIdOr(optionTestId?.(opt.value), { testId: `agent-type-${opt.value}` }),
+        className: 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__ */ jsx("div", { className: "text-sm font-medium", children: opt.title }),
+          /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col items-center gap-2", "data-slot": "agent-avatar-field", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex size-24 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted",
+        "data-testid": testIdOr(testIds?.preview, { testId: "agent-avatar-preview" }),
+        children: isBusy ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1 text-ai-ink", children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "size-7 animate-spin" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs", children: l.painting })
+        ] }) : picture ? /* @__PURE__ */ jsx("img", { src: picture, alt: "", className: "size-full object-cover" }) : /* @__PURE__ */ jsx(Bot, { className: "size-10 text-ai-ink/70" })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      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": testIdOr(testIds?.generate, { testId: "agent-avatar-generate" }),
+        children: [
+          /* @__PURE__ */ jsx(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 = 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] = useState(false);
+  const [nameTouched, setNameTouched] = useState(false);
+  useEffect(() => {
+    if (open) {
+      if (valuesProp === void 0) setValues(seed);
+      setAdvancedOpen(false);
+      setNameTouched(Boolean(seed.name));
+    }
+  }, [open]);
+  const id = 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__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      presentation: "sheet",
+      className: "max-h-[calc(100dvh-2rem)] overflow-y-auto sm:max-w-xl",
+      "data-testid": id,
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: isEdit ? l.titleEdit(agentName ?? name) : l.titleNew }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: isEdit ? l.descriptionEdit : l.descriptionNew })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "form",
+          {
+            className: "flex flex-col gap-5",
+            onSubmit: (event) => {
+              event.preventDefault();
+              if (canSubmit) onSubmit(values);
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "agent-creator-describe", children: l.describe }),
+                /* @__PURE__ */ jsx(
+                  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__ */ jsx("p", { className: "text-xs text-muted-foreground", children: l.describeHint })
+              ] }),
+              !isEdit && templates.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", "data-testid": `${id}-templates`, children: [
+                /* @__PURE__ */ jsx(Label, { children: l.startFrom }),
+                /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: templates.map((t) => /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    title: t.description,
+                    onClick: () => applyTemplate(t),
+                    "data-testid": `${id}-template-${t.id}`,
+                    className: 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__ */ jsxs(
+                "div",
+                {
+                  className: "rounded-lg bg-muted p-3 text-sm",
+                  "data-testid": `${id}-summary`,
+                  "aria-live": "polite",
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-1.5 text-xs font-medium text-muted-foreground", children: [
+                      /* @__PURE__ */ jsx(Sparkles, { className: "size-4 text-ai-ink", "aria-hidden": "true" }),
+                      l.summaryHeading
+                    ] }),
+                    summary.map((line) => /* @__PURE__ */ jsx("p", { children: line }, line)),
+                    /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-end gap-4", children: [
+                typeof avatar === "function" ? avatar(values) : avatar,
+                !isEdit && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "agent-creator-name", children: l.name }),
+                  /* @__PURE__ */ jsx(
+                    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__ */ jsx("p", { className: "text-xs text-destructive", children: l.nameInvalid })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                FoldSection,
+                {
+                  label: l.advanced,
+                  open: advancedOpen,
+                  onOpenChange: setAdvancedOpen,
+                  testId: `${id}-advanced-toggle`,
+                  children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+                    !isEdit && types && types.length > 0 && /* @__PURE__ */ jsx(
+                      AgentTypeSelector,
+                      {
+                        value: values.type,
+                        onChange: (type) => patch({ type }),
+                        options: types,
+                        testId: `${id}-type`,
+                        optionTestId: (value) => `${id}-type-${value}`
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                      /* @__PURE__ */ jsx(Label, { children: l.capabilities }),
+                      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: l.toolsHint }),
+                      /* @__PURE__ */ jsx(CapabilityGrid, { testId: `${id}-capabilities`, children: capabilities.map((c) => /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col gap-2", "data-testid": `${id}-workspaces`, children: [
+                      /* @__PURE__ */ jsx(Label, { children: l.workspaceAccess }),
+                      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: l.workspaceAccessHint }),
+                      workspaces.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: l.noWorkspacesToGrant }) : /* @__PURE__ */ 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__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                          /* @__PURE__ */ 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: 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__ */ 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__ */ jsx(X, { className: "size-4", "aria-hidden": true })
+                            }
+                          )
+                        ] }, w.id);
+                      }) })
+                    ] }),
+                    models.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+                      /* @__PURE__ */ jsx(Label, { children: l.model }),
+                      /* @__PURE__ */ jsxs(
+                        Select,
+                        {
+                          value: values.modelName || "__auto__",
+                          onValueChange: (v) => patch({ modelName: v === "__auto__" ? "" : v }),
+                          children: [
+                            /* @__PURE__ */ jsx(SelectTrigger, { "data-testid": `${id}-model`, className: "pointer-coarse:min-h-11", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                            /* @__PURE__ */ jsxs(SelectContent, { children: [
+                              /* @__PURE__ */ jsx(SelectItem, { value: "__auto__", children: l.modelAuto }),
+                              models.map((m) => /* @__PURE__ */ jsx(SelectItem, { value: m, children: m }, m))
+                            ] })
+                          ]
+                        }
+                      )
+                    ] }),
+                    typeof advanced === "function" ? advanced(values) : advanced
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end gap-2 border-t border-border pt-3", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    onClick: () => onOpenChange(false),
+                    "data-testid": `${id}-cancel`,
+                    className: "pointer-coarse:min-h-11",
+                    children: l.cancel
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    type: "submit",
+                    disabled: !canSubmit,
+                    "data-testid": `${id}-submit`,
+                    className: "gap-1.5 pointer-coarse:min-h-11",
+                    children: [
+                      isSaving ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(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: Globe
+  },
+  {
+    key: "RUN_CODE_ENABLED",
+    label: "Run code",
+    description: "Exact numbers, real computation",
+    icon: Terminal
+  },
+  {
+    key: "DEEP_RESEARCH_ENABLED",
+    label: "Deep research",
+    description: "Multi-source investigations",
+    icon: Telescope
+  },
+  {
+    key: "PLANNING_ENABLED",
+    label: "Planning",
+    description: "Plans complex work first",
+    icon: ListChecks
+  },
+  {
+    key: "ARTIFACTS_ENABLED",
+    label: "Documents",
+    description: "Drafts and edits documents",
+    icon: FileText
+  },
+  {
+    key: "IMAGE_ENABLED",
+    label: "Images",
+    description: "Generates and edits images",
+    icon: ImageIcon
+  },
+  { key: "MEMORY_ENABLED", label: "Memory", description: "Remembers across sessions", icon: Brain },
+  { key: "SKILLS_ENABLED", label: "Skills", description: "May follow your skills", icon: 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 } = useBlocksEnvironment();
+  const [agentBackend, setAgentBackend] = useState("claude");
+  const [copied, setCopied] = useState(false);
+  const setupScript = 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 = 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__ */ 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__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Connect it \u2014 run on the agent machine:" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "agent-backend", className: "text-xs text-muted-foreground", children: "Runtime" }),
+            /* @__PURE__ */ 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__ */ jsx("option", { value: "claude", children: "claude" }),
+                  /* @__PURE__ */ jsx("option", { value: "openclaw", children: "openclaw" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ 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__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handleCopy, className: "shrink-0", children: [
+            copied ? /* @__PURE__ */ jsx(Check, { className: "mr-2 h-4 w-4" }) : /* @__PURE__ */ jsx(Copy, { className: "mr-2 h-4 w-4" }),
+            "Copy"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function SkillTypeBadge({ type, className }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: 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__ */ jsxs(
+    "span",
+    {
+      className: 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__ */ jsx(Globe, { className: "size-3" }),
+        l.global
+      ]
+    }
+  );
+}
+function SkillActionButton({
+  label,
+  tooltip,
+  onClick,
+  children,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, onFocusCapture: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+      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__ */ jsx(TooltipContent, { children: /* @__PURE__ */ 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] = useState("");
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-4 overflow-y-auto p-4", "data-slot": "skill-generate-form", children: [
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Wand2, { className: "size-4 text-primary" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: l.title })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mb-3 text-xs text-muted-foreground", children: l.hint }),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          value: desc,
+          onChange: (e) => setDesc(e.target.value),
+          rows: 4,
+          placeholder: l.placeholder,
+          "data-testid": testIdOr(testIds?.description, { testId: "skills-panel-ai-desc" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "mt-3 flex justify-end", children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          size: "sm",
+          disabled: !desc.trim(),
+          onClick: () => onGenerate(desc.trim()),
+          "data-testid": testIdOr(testIds?.generate, { testId: "skills-panel-ai-generate" }),
+          children: [
+            icon && /* @__PURE__ */ jsx("span", { className: "mr-1 [&>svg]:size-4", children: icon }),
+            l.generate
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ 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": 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__ */ jsxs(Fragment, { children: [
+    "Invoked as ",
+    /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col", "data-slot": "skill-edit-form", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "sp-name", className: FIELD_LABEL, children: l.name }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "sp-name",
+            value: name,
+            disabled: isNameLocked,
+            placeholder: l.namePlaceholder,
+            onChange: (e) => onNameChange(e.target.value),
+            className: "mt-1",
+            "data-testid": testIdOr(testIds?.name, { testId: "skills-panel-edit-name" })
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: l.invokedAs(name) }),
+        nameError && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-destructive", children: nameError })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "sp-desc", className: FIELD_LABEL, children: l.description }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "sp-desc",
+            value: description,
+            placeholder: l.descriptionPlaceholder,
+            onChange: (e) => onDescriptionChange(e.target.value),
+            className: "mt-1",
+            "data-testid": testIdOr(testIds?.description, { testId: "skills-panel-edit-desc" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+        /* @__PURE__ */ jsx(Label, { className: `${FIELD_LABEL} mb-1`, children: l.instructions }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-[240px] flex-1 overflow-hidden rounded-md border border-border", children: editor })
+      ] })
+    ] }),
+    /* @__PURE__ */ 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__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onCancel, children: l.cancel }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "sm",
+          onClick: onSave,
+          disabled: isSaving,
+          "data-testid": 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__ */ jsx(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": label,
+      className: cn("flex flex-wrap gap-2", className),
+      "data-slot": "skill-filter-chips",
+      children: options.map((option) => {
+        const selected = option.id === value;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": selected,
+            onClick: () => onChange(option.id),
+            "data-testid": `${testIdPrefix}-${option.id}`,
+            className: 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__ */ 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__ */ 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: 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__ */ 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__ */ jsx(LayoutGrid, { className: "size-4" })),
+        item("list", l.list, /* @__PURE__ */ jsx(List, { className: "size-4" }))
+      ]
+    }
+  );
+}
+function SkillTile({
+  name,
+  description,
+  sourceLabel,
+  type,
+  icon,
+  layout,
+  selected,
+  onSelect,
+  testId
+}) {
+  const isRow = layout === "list";
+  return /* @__PURE__ */ 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: 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__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-ai-ink [&>svg]:size-5", children: icon }),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-sm font-semibold text-foreground", children: name })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "min-w-0 text-sm text-muted-foreground",
+              isRow ? "flex-1 truncate max-sm:hidden" : "line-clamp-3"
+            ),
+            children: description
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: cn("flex shrink-0 items-center gap-1.5", isRow && "ml-auto"), children: [
+          type && type !== "markdown" && /* @__PURE__ */ jsx("span", { className: "rounded bg-background px-1.5 py-0.5 text-xs uppercase tracking-wide text-muted-foreground", children: type }),
+          /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "min-h-0 flex-1 space-y-4 overflow-y-auto p-4", children: [
+          /* @__PURE__ */ jsxs("header", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              icon && /* @__PURE__ */ jsx("span", { className: "text-ai-ink [&>svg]:size-5", children: icon }),
+              /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-foreground", children: title }),
+              /* @__PURE__ */ jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground", children: sourceLabel })
+            ] }),
+            description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description }),
+            notice && /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: notice })
+          ] }),
+          children
+        ] }),
+        actions && /* @__PURE__ */ 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__ */ jsxs("div", { className: "space-y-1.5", "data-testid": testId, children: [
+    /* @__PURE__ */ 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"];
@@ -3174,6 +4248,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 } = 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__ */ jsxs(
+    SkillDetail,
+    {
+      title: skill.title,
+      sourceLabel: SKILL_SOURCE_LABELS[skill.source],
+      description: skill.description,
+      icon,
+      notice,
+      testId: "skill-detail",
+      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(Button, { onClick: actions.onRun, className: ACTION, "data-testid": "skill-run", children: [
+          /* @__PURE__ */ jsx(Play, { className: "mr-1.5 size-4" }),
+          "Run"
+        ] }),
+        canCopy && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            onClick: actions.onCopy,
+            disabled: actions.isBusy,
+            className: ACTION,
+            "data-testid": "skill-copy",
+            children: [
+              /* @__PURE__ */ jsx(Copy, { className: "mr-1.5 size-4" }),
+              "Make a copy"
+            ]
+          }
+        ),
+        isOwner && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            onClick: actions.onEdit,
+            className: ACTION,
+            "data-testid": "skill-edit",
+            children: [
+              /* @__PURE__ */ jsx(Pencil, { className: "mr-1.5 size-4" }),
+              "Edit"
+            ]
+          }
+        ),
+        isOwner && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            onClick: actions.onToggleShare,
+            disabled: actions.isBusy,
+            className: ACTION,
+            "data-testid": "skill-share",
+            children: [
+              skill.isShared ? /* @__PURE__ */ jsx(Lock, { className: "mr-1.5 size-4" }) : /* @__PURE__ */ jsx(Globe, { className: "mr-1.5 size-4" }),
+              skill.isShared ? "Make private" : "Share with everyone"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            onClick: actions.onExport,
+            className: ACTION,
+            "data-testid": "skill-export",
+            children: [
+              /* @__PURE__ */ jsx(Download, { className: "mr-1.5 size-4" }),
+              "Export"
+            ]
+          }
+        ),
+        isOwner && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: actions.onDelete,
+            disabled: actions.isBusy,
+            className: `${ACTION} ml-auto text-destructive`,
+            "data-testid": "skill-delete",
+            children: [
+              /* @__PURE__ */ jsx(Trash2, { className: "mr-1.5 size-4" }),
+              "Delete"
+            ]
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx(SkillDetailSection, { title: "What it asks you", testId: "skill-inputs", children: fields.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Nothing: it starts right away." }) : /* @__PURE__ */ jsx("ul", { className: "space-y-1 text-sm", children: fields.map((field) => /* @__PURE__ */ jsxs("li", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: field.label }),
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            SKILL_FIELD_TYPE_LABELS[field.type],
+            field.required ? "" : ", optional"
+          ] })
+        ] }, field.name)) }) }),
+        /* @__PURE__ */ jsxs(
+          SkillDetailSection,
+          {
+            title: skill.type === "markdown" ? "Instructions" : `Instructions (${SKILL_TYPE_LABELS[skill.type] ?? skill.type})`,
+            children: [
+              isLoading ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Loading\u2026" }) : /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { "data-testid": testId, className: "inline-flex min-w-0", children: /* @__PURE__ */ jsx(
     UserEntity,
@@ -4047,7 +5316,172 @@ function TaskActivityTimeline({
     );
   }) });
 }
+function TaskActivityDialog({
+  open,
+  onOpenChange,
+  taskName,
+  events,
+  isLoading,
+  isError,
+  labels,
+  testId,
+  ...timeline
+}) {
+  const l = { ...DEFAULT_TASK_ACTIVITY_LABELS, ...labels };
+  const id = testIdOr(testId, { testId: "task-activity" });
+  const count = events?.length ?? 0;
+  const scrollToEnd = useCallback(
+    (el) => {
+      if (count >= 0) el?.scrollIntoView?.({ block: "end" });
+    },
+    [count]
+  );
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { presentation: "sheet", className: "max-h-[80dvh] sm:max-w-lg", "data-testid": id, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: l.title }),
+      /* @__PURE__ */ jsx(DialogDescription, { className: "truncate", children: taskName })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "max-h-[55dvh] overflow-y-auto pr-1", "data-testid": `${id}-scroll`, children: [
+      isLoading && !events ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.loading }) : isError && !events ? /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: l.error }) : count === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.empty }) : /* @__PURE__ */ jsx(TaskActivityTimeline, { events: events ?? [], labels, testId: id, ...timeline }),
+      /* @__PURE__ */ 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 = useMemo(
+    () => [
+      {
+        colId: "status",
+        field: "status",
+        headerName: "Status",
+        width: 160,
+        minWidth: 140,
+        cellRenderer: ({ data }) => data && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: 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__ */ jsxs("div", { className: "flex h-full items-center gap-2", children: [
+            run.error && renderErrorReport?.(run),
+            (run.conversationId || run.resultId && onOpenResult) && /* @__PURE__ */ jsx(Button, { asChild: true, variant: "ghost", size: "sm", className: "h-7 gap-1.5", children: /* @__PURE__ */ jsxs(
+              ActionLink,
+              {
+                href: getRunHref?.(run),
+                onSelect: () => {
+                  if (run.conversationId) onOpenRun(run.conversationId);
+                  else if (run.resultId) onOpenResult?.(run.resultId);
+                  onOpenChange(false);
+                },
+                "data-testid": testIdOr(testIds?.open, { testId: "task-run-open" }),
+                children: [
+                  /* @__PURE__ */ jsx(Eye, { size: 13 }),
+                  " ",
+                  l.open
+                ]
+              }
+            ) })
+          ] });
+        }
+      }
+    ],
+    [onOpenRun, onOpenResult, getRunHref, onOpenChange, testIds?.open, l.open, renderErrorReport]
+  );
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    hideHeader ? null : inline ? /* @__PURE__ */ jsx(
+      TabHeader,
+      {
+        tabs: [
+          {
+            id: "history",
+            label: l.title(taskName),
+            count: runs.length,
+            countIcon: /* @__PURE__ */ jsx(History, { size: 14 }),
+            presentation: "count",
+            onClose: () => onOpenChange(false)
+          }
+        ],
+        activeTabId: "history",
+        onTabChange: () => {
+        }
+      }
+    ) : /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(History, { size: 16 }),
+        " ",
+        l.title(taskName)
+      ] }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: l.description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(
+      GridView,
+      {
+        testId: testIdOr(testIds?.list, { testId: "task-runs-list" }),
+        gridId: "workflow-runs",
+        items: runs,
+        columnDefs: columns,
+        getItemId: (run) => run.id,
+        getRowTestId: () => testIdOr(testIds?.row, { testId: "task-run-row" }),
+        isLoading,
+        loadingMessage: l.loading,
+        emptyState: { title: l.empty },
+        height: "100%"
+      }
+    ) })
+  ] });
+  return inline ? /* @__PURE__ */ jsx("section", { className: "flex min-h-0 flex-1 flex-col", "data-testid": "automation-history", children: content }) : /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx(
+    DialogContent,
+    {
+      presentation: "sheet",
+      className: "flex h-[min(32rem,calc(100dvh-2rem))] min-h-0 max-w-3xl flex-col",
+      "data-testid": testIdOr(testIds?.modal, { testId: "task-runs-modal" }),
+      children: content
+    }
+  ) });
+}
 
-export { ActionStepBody, AgentSelect, ApprovalEvidence, AssigneeLine, DEFAULT_AGENT_SELECT_LABELS, DEFAULT_SCHEMA_FORM_LABELS, DEFAULT_STEP_BAR_LABELS, DEFAULT_TASK_ACTIVITY_LABELS, DEFAULT_TASK_TRIGGER_CHIP_LABELS, DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS, DEFAULT_WORKFLOW_DOCUMENTS_FIELD_LABELS, DEFAULT_WORKFLOW_LIST_LABELS, DEFAULT_WORKFLOW_RUNNER_LABELS, DEFAULT_WORKFLOW_STEP_PARTS_LABELS, PersonPill, SKILL_MAIN_FILENAME, SKILL_TYPES, STEP_LABEL, STEP_LABEL_CURRENT, STEP_LABEL_MAX, SchemaForm, SendBackControl, StepBarFrame, TaskActivityTimeline, TaskTriggerChip, WORKFLOW_COLUMN_ORDER, WorkflowConfigDialog, WorkflowDocumentsField, WorkflowLauncher, WorkflowRunner, WorkflowStepBar, WorkflowsTable, activeStepId, buildWorkflowScopeSource, buildZipSkillImport, createWorkflowColumns, documentScopeLabels, fromPlanAssignee, fromPlanDocumentRef, fromPlanSteps, hasTrigger, importMarkdownSkill, importSkillFile, importSkillFromUrl, isIncompleteSignal, isMainSkillFile, isSkillRow, layoutFromPlanSteps, matchWorkflowScope, parseSkillFrontmatter, readSkillArchive, serializeSkill, skillSlug, stepWindow, taskActivityHeadline, toPlanAssignee, toPlanDocumentRef, toPlanSteps, useControllableState, useWorkflowView, workflowFromSkillMarkdown, workflowRunStatusLabel, workflowStatus, workflowToSkillMarkdown, workflowTriggerType };
-//# sourceMappingURL=chunk-ATJUVHVB.js.map
-//# sourceMappingURL=chunk-ATJUVHVB.js.map
+export { ActionStepBody, AgentAvatarField, AgentConnectInstructions, AgentCreator, AgentSelect, AgentTypeSelector, ApprovalEvidence, AssigneeLine, CapabilityGrid, CapabilityTile, DEFAULT_AGENT_AVATAR_FIELD_LABELS, DEFAULT_AGENT_CAPABILITIES, DEFAULT_AGENT_CREATOR_LABELS, DEFAULT_AGENT_SELECT_LABELS, DEFAULT_AGENT_TEMPLATES, DEFAULT_AGENT_TYPES, DEFAULT_AGENT_TYPE_SELECTOR_LABELS, DEFAULT_SCHEMA_FORM_LABELS, DEFAULT_SKILL_EDIT_FORM_LABELS, DEFAULT_SKILL_GENERATE_FORM_LABELS, DEFAULT_SKILL_GLOBAL_BADGE_LABELS, DEFAULT_SKILL_VIEW_TOGGLE_LABELS, DEFAULT_STEP_BAR_LABELS, DEFAULT_TASK_ACTIVITY_LABELS, DEFAULT_TASK_RUNS_DIALOG_LABELS, DEFAULT_TASK_TRIGGER_CHIP_LABELS, DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS, DEFAULT_WORKFLOW_DOCUMENTS_FIELD_LABELS, DEFAULT_WORKFLOW_LIST_LABELS, DEFAULT_WORKFLOW_RUNNER_LABELS, DEFAULT_WORKFLOW_STEP_PARTS_LABELS, PersonPill, SKILL_FIELD_TYPE_LABELS, SKILL_MAIN_FILENAME, SKILL_SOURCE_LABELS, SKILL_TYPES, SKILL_TYPE_LABELS, STEP_LABEL, STEP_LABEL_CURRENT, STEP_LABEL_MAX, SchemaForm, SendBackControl, SkillActionButton, SkillDetail, SkillDetailSection, SkillEditForm, SkillFilterChips, SkillGenerateForm, SkillGlobalBadge, SkillLibraryDetail, SkillTile, SkillTypeBadge, SkillViewToggle, StepBarFrame, TaskActivityDialog, TaskActivityTimeline, TaskRunsDialog, TaskTriggerChip, WORKFLOW_COLUMN_ORDER, WorkflowConfigDialog, WorkflowDocumentsField, WorkflowLauncher, WorkflowRunner, WorkflowStepBar, WorkflowsTable, activateOnKey, activeStepId, agentConfigSectionToValues, agentCreatorToConfigSection, buildLibrarySkills, buildWorkflowScopeSource, buildZipSkillImport, composePersona, createWorkflowColumns, deriveAgentName, documentScopeLabels, filterLibrarySkills, fromPlanAssignee, fromPlanDocumentRef, fromPlanSteps, hasTrigger, importMarkdownSkill, importSkillFile, importSkillFromUrl, isIncompleteSignal, isMainSkillFile, isSkillRow, isValidAgentName, layoutFromPlanSteps, matchWorkflowScope, parseSkillFrontmatter, readSkillArchive, serializeSkill, skillSlug, stepWindow, stripPersonaPreamble, summarizeAgent, summarizeCapabilities, taskActivityHeadline, toPlanAssignee, toPlanDocumentRef, toPlanSteps, useControllableState, useWorkflowView, workflowFromSkillMarkdown, workflowStatus, workflowToSkillMarkdown, workflowTriggerType };
+//# sourceMappingURL=chunk-6QMWP5IU.js.map
+//# sourceMappingURL=chunk-6QMWP5IU.js.map