@arbidocs/blocks 0.4.138 → 0.4.139

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

@@ -1,19 +1,21 @@
 "use client";
-import { FoldSection, QuickActionDialogHeader, AddFilesFirst, StartTiles, ScopePicker } from './chunk-3RJN2VTL.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 { 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, 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, Globe, Wand2, Copy, Pencil, Lock, Download, Trash2, MoreHorizontal, History, Workflow, LayoutGrid, List, ChevronLeft, ChevronRight, FileText, Link2, Bell, MousePointerClick, ArrowUpRight, BellRing, Flag, RotateCcw, Disc, Phone, UserRoundCog, Sparkles, MessageSquareReply, Square, KeyRound } from 'lucide-react';
-import { cn, Label, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Dialog, DialogContent, Button, getEntityColor, Popover, PopoverTrigger, PopoverContent, Textarea, Card, Tooltip, TooltipTrigger, TooltipContent, Input, UserEntity, getEntityColorStyles, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, badgeVariants, VisibilityToggle, Switch } 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,677 @@ 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",
@@ -4643,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_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_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, TaskActivityTimeline, TaskTriggerChip, WORKFLOW_COLUMN_ORDER, WorkflowConfigDialog, WorkflowDocumentsField, WorkflowLauncher, WorkflowRunner, WorkflowStepBar, WorkflowsTable, activateOnKey, activeStepId, buildLibrarySkills, buildWorkflowScopeSource, buildZipSkillImport, createWorkflowColumns, documentScopeLabels, filterLibrarySkills, 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-XVME4XYD.js.map
-//# sourceMappingURL=chunk-XVME4XYD.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