@arbidocs/blocks 0.4.136 → 0.4.137

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

@@ -1,11 +1,18 @@
 "use client";
 'use strict';
 
-var chunk7D737FLE_cjs = require('./chunk-7D737FLE.cjs');
 var chunkDETZZBG2_cjs = require('./chunk-DETZZBG2.cjs');
-var chunkOWCEQKAR_cjs = require('./chunk-OWCEQKAR.cjs');
+var chunkRQ2Y7USX_cjs = require('./chunk-RQ2Y7USX.cjs');
+var chunkZW6FPIFC_cjs = require('./chunk-ZW6FPIFC.cjs');
+var chunkWS5EX7DN_cjs = require('./chunk-WS5EX7DN.cjs');
+var chunkV4ISCZJ7_cjs = require('./chunk-V4ISCZJ7.cjs');
+var chunk2EI7NCUA_cjs = require('./chunk-2EI7NCUA.cjs');
+var chunkC2CWWEHO_cjs = require('./chunk-C2CWWEHO.cjs');
+var chunk7RGLTF76_cjs = require('./chunk-7RGLTF76.cjs');
+var chunk6F7SZCVL_cjs = require('./chunk-6F7SZCVL.cjs');
 var chunk32HW2Q33_cjs = require('./chunk-32HW2Q33.cjs');
 var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
+var chunkKDG6FER6_cjs = require('./chunk-KDG6FER6.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
 var ui = require('@arbidocs/react/ui');
@@ -148,11 +155,11 @@ function FieldControl({
       ] });
     }
     case "scope": {
-      const scope = chunkOWCEQKAR_cjs.isWorkflowScope(value) ? value : { folders: [], labels: [] };
+      const scope = chunk6F7SZCVL_cjs.isWorkflowScope(value) ? value : { folders: [], labels: [] };
       return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": testId, children: renderScope?.(field, scope, onChange) });
     }
     case "documents": {
-      const picked = chunkOWCEQKAR_cjs.isWorkflowScope(value) ? value : { folders: [], labels: [], documents: [] };
+      const picked = chunk6F7SZCVL_cjs.isWorkflowScope(value) ? value : { folders: [], labels: [], documents: [] };
       return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": testId, children: renderDocuments?.(field, picked, onChange) });
     }
     case "person":
@@ -310,7 +317,7 @@ function SchemaForm({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("flex flex-col gap-4", className), "data-slot": "schema-form", children: [
     common.map(render),
     advanced.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7D737FLE_cjs.FoldSection,
+      chunkWS5EX7DN_cjs.FoldSection,
       {
         label: l.advanced,
         open: advancedOpen,
@@ -321,6 +328,610 @@ function SchemaForm({
     )
   ] });
 }
+function useControllableState(value, defaultValue, onChange) {
+  const [inner, setInner] = react.useState(defaultValue);
+  const isControlled = value !== void 0;
+  const current = isControlled ? value : inner;
+  const onChangeRef = react.useRef(onChange);
+  onChangeRef.current = onChange;
+  const set = react.useCallback(
+    (next) => {
+      if (!isControlled) setInner(next);
+      onChangeRef.current?.(next);
+    },
+    [isControlled]
+  );
+  return [current, set];
+}
+var DEFAULT_AGENT_SELECT_LABELS = {
+  label: "Run as",
+  myAssistant: "My assistant"
+};
+var ME = "__me__";
+function AgentSelect({
+  agents,
+  value,
+  defaultValue = "",
+  onValueChange,
+  hideLabel,
+  disabled,
+  className,
+  labels,
+  testId,
+  optionTestId
+}) {
+  const l = { ...DEFAULT_AGENT_SELECT_LABELS, ...labels };
+  const triggerId = react.useId();
+  const [current, setCurrent] = useControllableState(value, defaultValue, onValueChange);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("flex flex-col gap-1.5", className), "data-slot": "agent-select", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: triggerId, className: hideLabel ? "sr-only" : void 0, children: l.label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Select,
+      {
+        value: current === "" ? ME : current,
+        onValueChange: (v) => setCurrent(v === ME ? "" : v),
+        disabled,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.SelectTrigger,
+            {
+              id: triggerId,
+              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "agent-select" }),
+              className: "pointer-coarse:min-h-11",
+              children: /* @__PURE__ */ jsxRuntime.jsx(ui.SelectValue, {})
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.SelectContent, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.SelectItem,
+              {
+                value: ME,
+                "data-testid": chunkMHVNT4J3_cjs.prefixedTestId(optionTestId, "me", {
+                  testId: "agent-select-option-me"
+                }),
+                children: l.myAssistant
+              }
+            ),
+            agents.map((agent) => /* @__PURE__ */ jsxRuntime.jsx(
+              ui.SelectItem,
+              {
+                value: agent.id,
+                "data-testid": chunkMHVNT4J3_cjs.prefixedTestId(optionTestId, agent.id, {
+                  testId: `agent-select-option-${agent.id}`
+                }),
+                children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                  agent.avatar,
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: agent.label }),
+                  agent.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: agent.description })
+                ] })
+              },
+              agent.id
+            ))
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+var DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS = {
+  start: "Start",
+  starting: "Starting\u2026",
+  addFilesReason: "This reads your files, and there is nothing to read yet.",
+  agentLabel: "Run as"
+};
+function WorkflowConfigDialog({
+  workflow,
+  open,
+  onOpenChange,
+  onLaunch,
+  initialInputs,
+  inputs: inputsProp,
+  onInputsChange,
+  scopeSource,
+  renderScope,
+  renderDocuments,
+  renderIcon,
+  addFilesAction,
+  agents,
+  agentId: agentIdProp,
+  onAgentChange,
+  isLaunching,
+  submitLabel,
+  fieldPlaceholder,
+  renderNotice,
+  labels,
+  formLabels,
+  agentLabels,
+  testId,
+  startTestId,
+  className
+}) {
+  const l = { ...DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS, ...labels };
+  const initialKey = JSON.stringify(initialInputs ?? {});
+  const seedKey = JSON.stringify({ ...chunk6F7SZCVL_cjs.defaultInputs(workflow), ...JSON.parse(initialKey) });
+  const seed = react.useMemo(() => JSON.parse(seedKey), [seedKey]);
+  const [inputs, setInputs] = useControllableState(inputsProp, seed, onInputsChange);
+  const [agentId, setAgentId] = useControllableState(
+    agentIdProp,
+    workflow.defaultAgentId ?? "",
+    onAgentChange
+  );
+  react.useEffect(() => {
+    if (open && inputsProp === void 0) setInputs(seed);
+  }, [open, seed]);
+  const setField = (name, value) => setInputs({ ...inputs, [name]: value });
+  const errors = chunk6F7SZCVL_cjs.validateInputs(workflow, inputs);
+  const valid = Object.keys(errors).length === 0;
+  const visibleErrors = Object.fromEntries(
+    Object.entries(errors).filter(([, e]) => e !== "required")
+  );
+  const scopeField = workflow.inputs.find((f) => f.type === "scope");
+  const rawScope = scopeField ? inputs[scopeField.name] : void 0;
+  const scopeValue = rawScope && typeof rawScope === "object" ? rawScope : { folders: [], labels: [] };
+  const matchedCount = scopeSource && scopeField ? scopeSource.countMatching(scopeValue) : null;
+  const noFiles = Boolean(workflow.requiresFiles && scopeSource && scopeSource.totalCount === 0);
+  const blockedByScope = matchedCount !== null && matchedCount === 0 && Boolean(workflow.requiresFiles);
+  const showAgent = workflow.run.kind === "prompt" && workflow.options?.agent !== false && agents !== void 0 && agents.length > 0;
+  const launch = (values) => {
+    Promise.resolve(onLaunch(chunk6F7SZCVL_cjs.buildLaunch(workflow, values, agentId))).catch(() => {
+    });
+  };
+  const submit = () => {
+    if (!valid || noFiles || blockedByScope || isLaunching) return;
+    launch(inputs);
+  };
+  const fields = react.useMemo(
+    () => workflow.inputs.map((f) => {
+      const placeholder = fieldPlaceholder?.(f, inputs, workflow);
+      return placeholder === void 0 ? f : { ...f, placeholder };
+    }),
+    [workflow, fieldPlaceholder, inputs]
+  );
+  const id = chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "workflow-dialog" });
+  const formRef = react.useRef(null);
+  const firstField = workflow.inputs.find((f) => !f.advanced);
+  const focusPromptFirst = firstField?.type === "text" || firstField?.type === "longtext";
+  const defaultScopeRender = scopeSource ? (_field, value, onChange) => /* @__PURE__ */ jsxRuntime.jsx(
+    chunkWS5EX7DN_cjs.ScopePicker,
+    {
+      folders: scopeSource.folders,
+      unfiledCount: scopeSource.unfiledCount,
+      labels: scopeSource.labels,
+      totalCount: scopeSource.totalCount,
+      matchedCount: scopeSource.countMatching(value),
+      scope: value,
+      onScopeChange: onChange
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.DialogContent,
+    {
+      presentation: "sheet",
+      className: `max-h-[calc(100dvh-2rem)] overflow-y-auto sm:max-w-xl ${className ?? ""}`,
+      "data-testid": id,
+      "data-workflow": workflow.id,
+      onOpenAutoFocus: (event) => {
+        if (!focusPromptFirst || !firstField) return;
+        const control = formRef.current?.querySelector(
+          `[data-testid="${id}-field-${firstField.name}"]`
+        );
+        if (!control) return;
+        event.preventDefault();
+        control.focus();
+        if (control instanceof HTMLInputElement || control instanceof HTMLTextAreaElement) {
+          const end = control.value.length;
+          control.setSelectionRange(end, end);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkWS5EX7DN_cjs.QuickActionDialogHeader,
+          {
+            icon: workflow.icon && renderIcon ? renderIcon(workflow.icon) : null,
+            title: workflow.title,
+            description: workflow.details ?? workflow.description,
+            descriptionTestId: `${id}-description`
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "form",
+          {
+            ref: formRef,
+            className: "mt-2 flex flex-col gap-4",
+            onSubmit: (event) => {
+              event.preventDefault();
+              submit();
+            },
+            children: noFiles ? /* @__PURE__ */ jsxRuntime.jsx(
+              chunkWS5EX7DN_cjs.AddFilesFirst,
+              {
+                reason: l.addFilesReason,
+                action: addFilesAction,
+                testId: `${id}-empty-state`
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                SchemaForm,
+                {
+                  fields,
+                  values: inputs,
+                  onChange: setField,
+                  errors: visibleErrors,
+                  renderScope: renderScope ?? defaultScopeRender,
+                  renderDocuments,
+                  renderIcon,
+                  labels: formLabels,
+                  onEnterSubmit: submit,
+                  testIdPrefix: `${id}-field`
+                }
+              ),
+              renderNotice?.({ workflow, inputs }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: "flex flex-col gap-3 border-t border-border pt-3 sm:flex-row sm:items-end sm:justify-between",
+                  "data-slot": "workflow-footer",
+                  children: [
+                    showAgent ? /* @__PURE__ */ jsxRuntime.jsx(
+                      AgentSelect,
+                      {
+                        agents: agents ?? [],
+                        value: agentId,
+                        onValueChange: setAgentId,
+                        labels: { label: l.agentLabel, ...agentLabels },
+                        testId: `${id}-agent`,
+                        className: "sm:w-56"
+                      }
+                    ) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      ui.Button,
+                      {
+                        type: "submit",
+                        className: "gap-1.5 px-5 pointer-coarse:min-h-11",
+                        disabled: !valid || blockedByScope || isLaunching,
+                        "data-testid": chunkMHVNT4J3_cjs.testIdOr(startTestId, { testId: "workflow-start-button" }),
+                        children: [
+                          isLaunching ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "size-4" }),
+                          isLaunching ? l.starting : submitLabel?.({ workflow, inputs, matchedCount }) ?? workflow.startLabel ?? l.start
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ] })
+          }
+        )
+      ]
+    }
+  ) });
+}
+function WorkflowLauncher({
+  workflows,
+  tileWorkflows,
+  onLaunch,
+  showTiles = true,
+  caption,
+  captionTestId,
+  tileTestId,
+  disabledReason,
+  activeId: activeIdProp,
+  onActiveIdChange,
+  initialInputsFor,
+  testId,
+  extraTiles = [],
+  className,
+  children,
+  renderIcon,
+  ...dialog
+}) {
+  const [activeId, setActiveId] = useControllableState(
+    activeIdProp,
+    null,
+    onActiveIdChange
+  );
+  const [isLaunching, setIsLaunching] = react.useState(false);
+  const active = workflows.find((w) => w.id === activeId) ?? null;
+  const run = async (launch) => {
+    setIsLaunching(true);
+    try {
+      await onLaunch(launch);
+      setActiveId(null);
+    } finally {
+      setIsLaunching(false);
+    }
+  };
+  const select = (workflow) => {
+    if (workflow.run.kind === "operation" && workflow.inputs.length === 0) {
+      const inputs = chunk6F7SZCVL_cjs.defaultInputs(workflow);
+      if (Object.keys(chunk6F7SZCVL_cjs.validateInputs(workflow, inputs)).length === 0) {
+        Promise.resolve(onLaunch(chunk6F7SZCVL_cjs.buildLaunch(workflow, inputs, void 0))).catch(() => {
+        });
+        return;
+      }
+    }
+    setActiveId(workflow.id);
+  };
+  const tiles = (tileWorkflows ?? workflows).map((workflow) => {
+    const reason = disabledReason?.(workflow);
+    return {
+      id: workflow.id,
+      iconNode: workflow.icon && renderIcon ? renderIcon(workflow.icon) : void 0,
+      title: workflow.title,
+      description: workflow.description,
+      onSelect: () => select(workflow),
+      disabled: reason !== void 0,
+      disabledReason: reason,
+      testId: tileTestId?.(workflow) ?? `workflow-tile-${workflow.id}`
+    };
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, "data-slot": "workflow-launcher", children: [
+    showTiles && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkWS5EX7DN_cjs.StartTiles,
+      {
+        items: [...tiles, ...extraTiles],
+        caption,
+        captionTestId,
+        testId
+      }
+    ),
+    children,
+    active && /* @__PURE__ */ jsxRuntime.jsx(
+      WorkflowConfigDialog,
+      {
+        ...dialog,
+        renderIcon,
+        workflow: active,
+        open: true,
+        onOpenChange: (open) => !open && setActiveId(null),
+        onLaunch: run,
+        isLaunching,
+        initialInputs: initialInputsFor?.(active)
+      }
+    )
+  ] });
+}
+function documentScopeLabels(tags) {
+  return tags.filter((tag) => {
+    if (tag.kind === "search") return false;
+    const onDocs = (tag.doctag_count ?? 0) > 0;
+    const onFacts = (tag.facttag_count ?? 0) > 0;
+    return onDocs || !onFacts;
+  });
+}
+var canonical = (path) => (path ?? "").split("/").map((part) => part.trim()).filter(Boolean).join("/");
+function matchWorkflowScope(docs, scope) {
+  if (scope.documents?.length) {
+    const ids = new Set(scope.documents);
+    return docs.filter((doc) => ids.has(doc.external_id));
+  }
+  if (!scope.folders.length && !scope.labels.length) return docs;
+  const folders = scope.folders.map(canonical);
+  const labels = new Set(scope.labels);
+  return docs.filter((doc) => {
+    const folder = canonical(doc.folder);
+    return folders.some(
+      (path) => path === "" ? folder === "" : folder === path || folder.startsWith(`${path}/`)
+    ) || doc.doctags?.some((tag) => labels.has(tag.tag_ext_id));
+  });
+}
+function buildWorkflowScopeSource(docs, labels = []) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const doc of docs) {
+    const parts = canonical(doc.folder).split("/").filter(Boolean);
+    for (let i = 1; i <= parts.length; i++) {
+      const path = parts.slice(0, i).join("/");
+      counts.set(path, (counts.get(path) ?? 0) + 1);
+    }
+  }
+  return {
+    folders: [...counts].sort(([a], [b]) => a.localeCompare(b)).map(([path, count]) => ({
+      path,
+      count,
+      label: path.split("/").at(-1),
+      depth: path.split("/").length - 1
+    })),
+    unfiledCount: docs.filter((doc) => !canonical(doc.folder)).length,
+    labels: labels.map((label) => ({
+      id: label.external_id,
+      name: label.name,
+      color: label.color ?? ui.getEntityColor(label.external_id, "medium"),
+      count: docs.filter((doc) => doc.doctags?.some((tag) => tag.tag_ext_id === label.external_id)).length
+    })),
+    totalCount: docs.length,
+    countMatching: (scope) => matchWorkflowScope(docs, scope).length,
+    resolveDocuments: (scope) => matchWorkflowScope(docs, scope).map((doc) => doc.external_id)
+  };
+}
+var DEFAULT_WORKFLOW_DOCUMENTS_FIELD_LABELS = {
+  pickOne: "Pick a file",
+  pickMany: "Pick files",
+  allDocuments: "All documents",
+  addFiles: "Add files",
+  adding: "Adding\u2026",
+  empty: "No files in this workspace yet. Drop one here, or add it.",
+  remove: (name) => `Remove ${name}`,
+  pending: (name, status) => `${name}: ${status}. You can still pick it.`,
+  status: {
+    queued: "Queued",
+    uploading: "Uploading",
+    encrypting: "Encrypting",
+    processing: "Processing",
+    parsing: "Processing",
+    indexing: "Indexing",
+    analysing: "Analysing"
+  }
+};
+var isReady = (status) => !status || ["completed", "done", "ready", "success"].includes(status.toLowerCase());
+var byTitle = (a, b) => a.title.toLowerCase().localeCompare(b.title.toLowerCase());
+function WorkflowDocumentsField({
+  field,
+  value,
+  onChange,
+  documents,
+  loaded = true,
+  thumbnailOf,
+  onAddFiles,
+  adding,
+  labels
+}) {
+  const l = { ...DEFAULT_WORKFLOW_DOCUMENTS_FIELD_LABELS, ...labels };
+  const ids = value.documents ?? [];
+  const max = field.max ?? 1;
+  const multiple = max > 1;
+  const [isOver, setIsOver] = react.useState(false);
+  const docOf = (id) => documents.find((d) => d.id === id);
+  const nameOf = (id) => docOf(id)?.title || id;
+  const set = (next) => onChange({ ...value, documents: next });
+  const toggle = (id) => set(ids.includes(id) ? ids.filter((d) => d !== id) : [...ids, id].slice(-max));
+  const offered = react.useMemo(
+    () => field.accept === "image" ? documents.filter((d) => d.isImage) : documents,
+    [documents, field.accept]
+  );
+  const awaitingAdd = react.useRef(false);
+  const known = react.useRef(null);
+  const latest = react.useRef({ ids, set });
+  latest.current = { ids, set };
+  react.useEffect(() => {
+    if (!loaded) return;
+    const current = new Set(documents.map((d) => d.id));
+    const before = known.current;
+    known.current = current;
+    if (!before || !awaitingAdd.current) return;
+    const fresh = [...current].filter((id) => !before.has(id));
+    if (fresh.length === 0) return;
+    awaitingAdd.current = false;
+    latest.current.set([...latest.current.ids, ...fresh].slice(-max));
+  }, [documents, loaded, max]);
+  const addFiles = (files) => {
+    if (!onAddFiles) return;
+    awaitingAdd.current = true;
+    onAddFiles(files?.length ? files : void 0);
+  };
+  const dropProps = onAddFiles ? {
+    onDragOver: (e) => {
+      e.preventDefault();
+      setIsOver(true);
+    },
+    onDragLeave: () => setIsOver(false),
+    onDrop: (e) => {
+      e.preventDefault();
+      setIsOver(false);
+      const files = Array.from(e.dataTransfer?.files ?? []);
+      if (files.length) addFiles(files);
+    }
+  } : {};
+  const dropClass = isOver ? "ring-2 ring-primary" : "";
+  const addButton = (className, variant = "outline") => onAddFiles && /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Button,
+    {
+      type: "button",
+      size: "sm",
+      variant,
+      className,
+      disabled: adding,
+      onClick: () => addFiles(),
+      "data-testid": "workflow-add-files",
+      children: adding ? l.adding : l.addFiles
+    }
+  );
+  if (loaded && documents.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: ui.cn(
+          "flex flex-col items-center gap-2 rounded-lg border border-dashed border-border bg-muted/40 px-4 py-6 text-center",
+          dropClass
+        ),
+        "data-testid": "workflow-documents-empty",
+        ...dropProps,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderPlus, { className: "size-5 text-muted-foreground", "aria-hidden": true }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.empty }),
+          addButton(void 0, "default")
+        ]
+      }
+    );
+  }
+  const pending = ids.flatMap((id) => {
+    const status = docOf(id)?.status;
+    return isReady(status) ? [] : [{ id, label: l.status[String(status).toLowerCase()] ?? String(status) }];
+  });
+  const selected = multiple ? void 0 : docOf(ids[0] ?? "");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ui.cn("flex flex-col gap-3 rounded-lg", dropClass),
+      "data-testid": `workflow-documents-${field.name}`,
+      ...dropProps,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkRQ2Y7USX_cjs.DocumentPicker,
+            {
+              groups: [{ id: "all", heading: l.allDocuments, docs: [...offered].sort(byTitle) }],
+              value: multiple ? "" : ids[0] ?? "",
+              onValueChange: (id) => multiple ? toggle(id) : set([id]),
+              selected,
+              selectedIds: multiple ? ids : void 0,
+              labels: { placeholder: field.placeholder ?? (multiple ? l.pickMany : l.pickOne) }
+            }
+          ) }),
+          addButton("shrink-0 pointer-coarse:h-11")
+        ] }),
+        pending.map((p) => /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: "text-xs text-muted-foreground",
+            "data-testid": `workflow-document-status-${p.id}`,
+            children: l.pending(nameOf(p.id), p.label)
+          },
+          p.id
+        )),
+        multiple && ids.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "grid grid-cols-2 gap-3 sm:grid-cols-3",
+            "data-testid": "workflow-documents-gallery",
+            children: ids.map((id) => {
+              const thumbnail = thumbnailOf?.(id);
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "figure",
+                {
+                  className: "relative overflow-hidden rounded-lg border border-border bg-muted/40",
+                  "data-testid": `workflow-document-${id}`,
+                  children: [
+                    thumbnail ? /* @__PURE__ */ jsxRuntime.jsx(
+                      "img",
+                      {
+                        src: thumbnail,
+                        alt: nameOf(id),
+                        className: "aspect-square w-full object-cover"
+                      }
+                    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex aspect-square w-full items-center justify-center text-muted-foreground/50", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImageIcon, { className: "size-8" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: "truncate bg-background/90 px-2 py-1 text-xs text-muted-foreground", children: nameOf(id) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => toggle(id),
+                        "aria-label": l.remove(nameOf(id)),
+                        className: "absolute right-1 top-1 flex size-6 items-center justify-center rounded-full bg-background/80 text-muted-foreground hover:text-foreground pointer-coarse:size-11",
+                        "data-testid": `workflow-document-remove-${id}`,
+                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5" })
+                      }
+                    )
+                  ]
+                },
+                id
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
+}
 
 // src/agents/workflows/planSteps.ts
 function toPlanAssignee(a) {
@@ -430,7 +1041,7 @@ function toStepField(f) {
 }
 var compact = (o) => Object.fromEntries(Object.entries(o).filter(([, v]) => v !== void 0 && v !== ""));
 function placeholders(workflow) {
-  return Object.fromEntries(chunkOWCEQKAR_cjs.runFields(workflow).map((f) => [f.name, `{{${f.name}}}`]));
+  return Object.fromEntries(chunk6F7SZCVL_cjs.runFields(workflow).map((f) => [f.name, `{{${f.name}}}`]));
 }
 function agentStep(workflow, step, options) {
   const target = step.workflow ? options.resolveWorkflow?.(step.workflow) : void 0;
@@ -439,11 +1050,11 @@ function agentStep(workflow, step, options) {
     ([, v]) => v !== void 0 && v !== null && v !== ""
   );
   const inputs = { ...placeholders(workflow), ...Object.fromEntries(given) };
-  return { skill: null, inputs: null, prompt: chunkOWCEQKAR_cjs.composeStepPrompt(workflow, step, inputs, options) };
+  return { skill: null, inputs: null, prompt: chunk6F7SZCVL_cjs.composeStepPrompt(workflow, step, inputs, options) };
 }
 function toPlanSteps(workflow, options = {}) {
   const layout = workflow.run.kind === "steps" ? workflow.run.layout : void 0;
-  return chunkOWCEQKAR_cjs.workflowSteps(workflow).map((step) => {
+  return chunk6F7SZCVL_cjs.workflowSteps(workflow).map((step) => {
     const ui = compact({
       description: step.description,
       icon: step.icon,
@@ -470,8 +1081,8 @@ function toPlanSteps(workflow, options = {}) {
       ui,
       // An unfinished signal (still being typed) is not saved: the server would refuse it.
       ...step.signals?.some((s) => !isIncompleteSignal(s)) ? { signals: step.signals.filter((s) => !isIncompleteSignal(s)).map(toPlanSignal) } : {},
-      ...step.assignee && chunkOWCEQKAR_cjs.canAssign(step) ? { assignee: toPlanAssignee(step.assignee) } : {},
-      ...step.remindAfterHours && chunkOWCEQKAR_cjs.canAssign(step) ? { remind_after_hours: step.remindAfterHours } : {},
+      ...step.assignee && chunk6F7SZCVL_cjs.canAssign(step) ? { assignee: toPlanAssignee(step.assignee) } : {},
+      ...step.remindAfterHours && chunk6F7SZCVL_cjs.canAssign(step) ? { remind_after_hours: step.remindAfterHours } : {},
       // A review's fields are what approving it is checked against (the server's `fields`).
       ...step.kind === "review" && step.fields?.length ? { fields: step.fields.map(toStepField) } : {},
       ...step.kind === "action" ? { action: toPlanAction(step.action) } : {},
@@ -589,7 +1200,7 @@ function workflowToSkillMarkdown(workflow) {
   if (workflow.landing !== "chat") lines.push(`landing: ${workflow.landing}`);
   if (workflow.requiresFiles) lines.push("requires_files: true");
   if (workflow.inputs.length > 0) {
-    lines.push(`inputs: ${JSON.stringify(workflow.inputs.map(chunkOWCEQKAR_cjs.fieldToFrontmatter))}`);
+    lines.push(`inputs: ${JSON.stringify(workflow.inputs.map(chunk6F7SZCVL_cjs.fieldToFrontmatter))}`);
   }
   lines.push("---", "", run.promptTemplate.trim(), "");
   return lines.join("\n");
@@ -611,12 +1222,12 @@ function workflowFromSkillMarkdown(id, text) {
     } else if (value === "true" || value === "false") frontmatter[key] = value === "true";
     else frontmatter[key] = value;
   }
-  return chunkOWCEQKAR_cjs.workflowFromFrontmatter(id, frontmatter, body);
+  return chunk6F7SZCVL_cjs.workflowFromFrontmatter(id, frontmatter, body);
 }
 var errorMessage = (e) => e instanceof Error ? e.message : typeof e === "string" ? e : "Something went wrong.";
 function firstOpen(steps, states) {
   const open = steps.find((s) => !["done", "skipped"].includes(states[s.id]?.status ?? "pending"));
-  return open?.id ?? (steps.length && chunkOWCEQKAR_cjs.isRunFinished(steps, states) ? null : steps[0]?.id ?? null);
+  return open?.id ?? (steps.length && chunk6F7SZCVL_cjs.isRunFinished(steps, states) ? null : steps[0]?.id ?? null);
 }
 function useWorkflowView(options) {
   const { steps, states, inputs, setInput, loaded = true } = options;
@@ -656,11 +1267,11 @@ function useWorkflowView(options) {
     }),
     []
   );
-  const action = busy ? "wait" : chunkOWCEQKAR_cjs.nextAction(steps, states, current, actionOptions(options));
+  const action = busy ? "wait" : chunk6F7SZCVL_cjs.nextAction(steps, states, current, actionOptions(options));
   const next = react.useCallback(async () => {
     const { steps: s, states: st, inputs: values } = optionsRef.current;
     const at = s.find((x) => x.id === current);
-    const act2 = chunkOWCEQKAR_cjs.nextAction(s, st, current, actionOptions(optionsRef.current));
+    const act2 = chunk6F7SZCVL_cjs.nextAction(s, st, current, actionOptions(optionsRef.current));
     if (!at || act2 === "wait" || busy) return;
     setActionError(null);
     if (act2 === "finish") return setCurrent(null);
@@ -671,7 +1282,7 @@ function useWorkflowView(options) {
         await (act2 === "start" ? optionsRef.current.start?.() : optionsRef.current.retry?.(at.id));
         return;
       }
-      if (Object.keys(chunkOWCEQKAR_cjs.validateStep(at, values)).length > 0) {
+      if (Object.keys(chunk6F7SZCVL_cjs.validateStep(at, values)).length > 0) {
         setShowErrors(true);
         return;
       }
@@ -772,10 +1383,10 @@ function useWorkflowView(options) {
     inputs,
     setInput,
     stateOf: (id) => states[id],
-    phaseOf: (id) => chunkOWCEQKAR_cjs.stepPhase(steps, states, id),
-    failedUpstreamOf: (id) => chunkOWCEQKAR_cjs.failedUpstream(steps, states, id),
+    phaseOf: (id) => chunk6F7SZCVL_cjs.stepPhase(steps, states, id),
+    failedUpstreamOf: (id) => chunk6F7SZCVL_cjs.failedUpstream(steps, states, id),
     isLocked,
-    errors: showErrors && step && !isLocked(step.id) ? chunkOWCEQKAR_cjs.validateStep(step, inputs) : {},
+    errors: showErrors && step && !isLocked(step.id) ? chunk6F7SZCVL_cjs.validateStep(step, inputs) : {},
     busy,
     actionError,
     isRunning: Object.values(states).some((s) => s.status === "running"),
@@ -793,11 +1404,11 @@ function useWorkflowView(options) {
     nameOf: options.nameOf,
     assigneeOf: (id) => {
       const s = steps.find((x) => x.id === id);
-      if (!s || !chunkOWCEQKAR_cjs.canAssign(s)) return void 0;
-      return chunkOWCEQKAR_cjs.assigneeName(s.assignee, {
+      if (!s || !chunk6F7SZCVL_cjs.canAssign(s)) return void 0;
+      return chunk6F7SZCVL_cjs.assigneeName(s.assignee, {
         nameOf: options.nameOf,
         inputs,
-        fields: chunkOWCEQKAR_cjs.runFieldsOf(steps),
+        fields: chunk6F7SZCVL_cjs.runFieldsOf(steps),
         announcedTo: states[id]?.announcedTo
       });
     },
@@ -931,7 +1542,7 @@ function StepBarFrame({
 }) {
   const l = { ...DEFAULT_STEP_BAR_LABELS, ...labels };
   const box = react.useRef(null);
-  const { width } = chunkOWCEQKAR_cjs.useElementSize(box);
+  const { width } = chunk6F7SZCVL_cjs.useElementSize(box);
   const narrow = width > 0 && width < NARROW_PX;
   const [start, setStart] = react.useState(null);
   react.useEffect(() => setStart(null), [current]);
@@ -998,7 +1609,7 @@ function StepBarFrame({
                 phase === "blocked" && "opacity-60"
               ),
               "aria-hidden": true,
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunkOWCEQKAR_cjs.StepBadgeMark, { phase, icon: icon?.(s) })
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunk6F7SZCVL_cjs.StepBadgeMark, { phase, icon: icon?.(s) })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", title: s.title, children: s.title }),
@@ -1106,7 +1717,7 @@ function StepBarFrame({
   };
   const running = win.runningHidden;
   const outOfViewChip = (s, kind) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkOWCEQKAR_cjs.StepChip,
+    chunk6F7SZCVL_cjs.StepChip,
     {
       kind: kindOf(s),
       phase: kind === "working" ? "running" : "failed",
@@ -1279,7 +1890,7 @@ var DEFAULT_WORKFLOW_STEP_PARTS_LABELS = {
   someone: "someone"
 };
 var docName = (ref, nameOfDoc) => {
-  const { id, version } = chunkOWCEQKAR_cjs.splitDocRef(ref);
+  const { id, version } = chunk6F7SZCVL_cjs.splitDocRef(ref);
   const name = nameOfDoc?.(id) ?? id;
   return version ? `${name} \xB7 v${version}` : name;
 };
@@ -1361,7 +1972,7 @@ function SendBackControl({
   const states = Object.fromEntries(
     run.steps.map((s) => [s.id, run.stateOf(s.id) ?? { status: "pending" }])
   );
-  const targets = chunkOWCEQKAR_cjs.sendBackTargets(run.steps, states, step.id);
+  const targets = chunk6F7SZCVL_cjs.sendBackTargets(run.steps, states, step.id);
   const [open, setOpen] = react.useState(false);
   const [to, setTo] = react.useState(targets[0]?.id ?? "");
   const [note, setNote] = react.useState("");
@@ -1451,7 +2062,7 @@ function ApprovalEvidence({
     /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex flex-wrap items-center gap-1.5 text-sm font-medium", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "size-4 text-primary" }),
       approver ? l.approvedBy.replace("{name}", approver) : null,
-      state.at && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-normal text-muted-foreground", children: l.approvedAt.replace("{date}", chunkOWCEQKAR_cjs.formatDate(state.at)) })
+      state.at && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-normal text-muted-foreground", children: l.approvedAt.replace("{date}", chunk6F7SZCVL_cjs.formatDate(state.at)) })
     ] }),
     evidence.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: l.approvedWhat }),
@@ -1484,7 +2095,7 @@ function ApprovalEvidence({
     ] }),
     (step.fields ?? []).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-0.5 text-xs", children: (step.fields ?? []).map((f) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "contents", children: [
       /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: f.label }),
-      /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-testid": `${testId}-evidence-field-${f.name}`, children: chunkOWCEQKAR_cjs.shownValue(run.inputs[f.name], f, run.nameOf) })
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-testid": `${testId}-evidence-field-${f.name}`, children: chunk6F7SZCVL_cjs.shownValue(run.inputs[f.name], f, run.nameOf) })
     ] }, f.name)) })
   ] });
 }
@@ -1580,7 +2191,7 @@ function ActionStepBody({
       waiting?.expires_at && phase === "waiting" && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "size-3.5" }),
         " ",
-        l.expires.replace("{date}", chunkOWCEQKAR_cjs.formatDate(waiting.expires_at))
+        l.expires.replace("{date}", chunk6F7SZCVL_cjs.formatDate(waiting.expires_at))
       ] }),
       phase === "waiting" && mine && !declining && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
         actions?.sign && state && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1738,7 +2349,7 @@ function WorkflowStepBar({
     const name = `${title} (${l.phases[phase]})`;
     if (s.id === DONE)
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkOWCEQKAR_cjs.StepChip,
+        chunk6F7SZCVL_cjs.StepChip,
         {
           inert: true,
           kind: "start",
@@ -1752,17 +2363,17 @@ function WorkflowStepBar({
           "data-testid": tid("step-done")
         }
       );
-    const kind = chunkOWCEQKAR_cjs.stepKindOf(s);
-    const KindIcon = chunkOWCEQKAR_cjs.STEP_KIND_ICONS[kind];
+    const kind = chunk6F7SZCVL_cjs.stepKindOf(s);
+    const KindIcon = chunk6F7SZCVL_cjs.STEP_KIND_ICONS[kind];
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkOWCEQKAR_cjs.StepChip,
+      chunk6F7SZCVL_cjs.StepChip,
       {
         kind,
         phase,
         icon: icon(s.icon) ?? /* @__PURE__ */ jsxRuntime.jsx(KindIcon, {}),
         label: s.title,
         current: isCurrent,
-        heading: chunkOWCEQKAR_cjs.DEFAULT_STEP_KIND_LABELS[kind],
+        heading: chunk6F7SZCVL_cjs.DEFAULT_STEP_KIND_LABELS[kind],
         labelClassName: isCurrent ? STEP_LABEL_CURRENT : ui.cn(STEP_LABEL, STEP_LABEL_MAX),
         labelTestId: tid(`step-${s.id}-label`),
         onClick: () => run.goTo(s.id),
@@ -1795,7 +2406,7 @@ function WorkflowStepBar({
       isSelectable: (id) => id !== DONE,
       renderStep: (s) => pill(s),
       icon: (s) => s.id === DONE ? doneIcon : icon(s.icon),
-      kindOf: (s) => s.id === DONE ? "start" : chunkOWCEQKAR_cjs.stepKindOf(s),
+      kindOf: (s) => s.id === DONE ? "start" : chunk6F7SZCVL_cjs.stepKindOf(s),
       disabled: run.busy,
       labels,
       tid,
@@ -1878,7 +2489,7 @@ function WorkflowRunner({
   const { steps, step, isComplete, action } = run;
   const completion = workflow.run.kind === "steps" ? workflow.run.completion : void 0;
   const tid = (suffix) => `${testIdPrefix}-${suffix}`;
-  const levels = chunkOWCEQKAR_cjs.stepLevels(steps);
+  const levels = chunk6F7SZCVL_cjs.stepLevels(steps);
   const icon = (key) => key && renderIcon ? renderIcon(key) : void 0;
   const added = step?.kind === "upload" ? (files ?? []).filter((f) => f.addedFor === step.id) : [];
   const unread = added.filter((f) => f.status === "processing").length;
@@ -1886,7 +2497,7 @@ function WorkflowRunner({
   const sending = added.filter((f) => f.status === "uploading").length;
   const unsent = added.filter((f) => f.status === "upload-failed").length;
   const uploadHold = step?.kind === "upload" && (sending > 0 || uploading || unsent > 0);
-  const docsWait = !!step && chunkOWCEQKAR_cjs.waitingDocuments(run.stateOf(step.id)).length > 0;
+  const docsWait = !!step && chunk6F7SZCVL_cjs.waitingDocuments(run.stateOf(step.id)).length > 0;
   const nextLabel = sending ? sending === 1 ? l.uploadingFile : l.uploadingFiles.replace("{count}", String(sending)) : uploadHold && uploading ? l.uploadingAny : uploadHold ? unsent === 1 ? l.uploadFailed : l.uploadsFailed.replace("{count}", String(unsent)) : reading ? l.readingFiles.replace("{current}", String(Math.min(added.length - unread + 1, added.length))).replace("{count}", String(added.length)) : action === "start" ? l.start : action === "retry" ? l.retry : action === "finish" ? l.finish : action === "complete" && step?.kind === "review" ? l.approve : action === "complete" && step?.kind === "action" ? l.markSent : action === "wait" && (run.isRunning || run.busy || docsWait) ? l.working : (step && !run.isLocked(step.id) ? step.nextLabel : void 0) ?? l.next;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn(compact2 ? "space-y-3" : "space-y-6", className), "data-testid": testIdPrefix, children: [
     !hideStepBar && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1918,7 +2529,7 @@ function WorkflowRunner({
       /* @__PURE__ */ jsxRuntime.jsx(StepNotices, { run, step, l, tid }),
       run.phaseOf(step.id) === "blocked" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { className: ui.cn(box, "p-6"), "data-testid": tid(step.id), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", "data-testid": tid(`${step.id}-blocked`), children: l.blocked.replace(
         "{steps}",
-        chunkOWCEQKAR_cjs.stepDependencies(steps, step.id).map((d) => steps.find((s) => s.id === d)?.title ?? d).join(", ")
+        chunk6F7SZCVL_cjs.stepDependencies(steps, step.id).map((d) => steps.find((s) => s.id === d)?.title ?? d).join(", ")
       ) }) }) : step.kind === "form" ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { className: ui.cn(box, "space-y-4"), "data-testid": tid(step.id), children: [
         /* @__PURE__ */ jsxRuntime.jsx(StepHeading, { step, icon: icon(step.icon), testId: tid(`${step.id}-title`) }),
         /* @__PURE__ */ jsxRuntime.jsx(SentBackNote, { state: run.stateOf(step.id), l: pl, testId: tid(step.id) }),
@@ -1974,7 +2585,7 @@ function WorkflowRunner({
       ] }) : step.kind === "review" ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { className: ui.cn(box, "space-y-4"), "data-testid": tid(step.id), children: [
         /* @__PURE__ */ jsxRuntime.jsx(StepHeading, { step, icon: icon(step.icon) }),
         /* @__PURE__ */ jsxRuntime.jsx(SentBackNote, { state: run.stateOf(step.id), l: pl, testId: tid(step.id) }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-line text-sm text-muted-foreground", children: chunkOWCEQKAR_cjs.reviewInstructions(step, run.inputs) }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-line text-sm text-muted-foreground", children: chunk6F7SZCVL_cjs.reviewInstructions(step, run.inputs) }),
         /* @__PURE__ */ jsxRuntime.jsx(AssigneeLine, { run, stepId: step.id, l: pl, testId: tid(step.id) }),
         !(run.phaseOf(step.id) === "done" && run.stateOf(step.id)?.by) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", "data-testid": tid(`${step.id}-status`), children: run.phaseOf(step.id) === "done" ? l.approved : run.phaseOf(step.id) === "skipped" ? l.skipped : l.awaitingReview }),
         (step.fields ?? []).length > 0 && run.phaseOf(step.id) === "ready" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -2241,8 +2852,8 @@ function AgentStepBody({
 }) {
   const state = run.stateOf(step.id);
   const phase = run.phaseOf(step.id);
-  const pending = chunkOWCEQKAR_cjs.waitingDocuments(state);
-  const pendingNames = pending.flatMap((ref) => nameOfDoc?.(chunkOWCEQKAR_cjs.splitDocRef(ref).id) ?? []);
+  const pending = chunk6F7SZCVL_cjs.waitingDocuments(state);
+  const pendingNames = pending.flatMap((ref) => nameOfDoc?.(chunk6F7SZCVL_cjs.splitDocRef(ref).id) ?? []);
   const header = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx(StepHeading, { step, icon }),
     phase === "failed" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: run.retry && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2327,7 +2938,7 @@ function StepNotices({
   l,
   tid
 }) {
-  const notStarted = !chunkOWCEQKAR_cjs.isPersonStep(step) && run.needsStart && run.phaseOf(step.id) === "ready";
+  const notStarted = !chunk6F7SZCVL_cjs.isPersonStep(step) && run.needsStart && run.phaseOf(step.id) === "ready";
   const failed = run.failedUpstreamOf(step.id);
   if (!notStarted && failed.length === 0) return null;
   const why = (error) => error ? `: ${error}` : "";
@@ -2565,6 +3176,688 @@ async function importSkillFromUrl(url) {
   const last = parsed.pathname.split("/").filter(Boolean).pop() ?? "skill";
   return importMarkdownSkill(last.includes(".") ? last : `${last}.md`, text);
 }
+function PersonPill({ person, size = "sm", testId }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": testId, className: "inline-flex min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+    ui.UserEntity,
+    {
+      variant: "pill",
+      size,
+      interactive: false,
+      showTooltip: false,
+      initials: chunkKDG6FER6_cjs.initials(person.label),
+      displayName: person.label,
+      avatarStyle: person.id ? ui.getEntityColorStyles(person.id) : void 0,
+      isAgent: person.isAgent,
+      isMe: person.isMe
+    }
+  ) });
+}
+var DEFAULT_TASK_TRIGGER_CHIP_LABELS = {
+  after: (name) => `After \u201C${name}\u201D is done`,
+  afterUnknown: "After another task is done",
+  onDemand: "Manual"
+};
+function TriggerIcon({ type, chained }) {
+  const cls = "size-3.5 shrink-0 text-muted-foreground";
+  if (chained) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Link2, { className: cls, "aria-hidden": true });
+  switch (type) {
+    case "on_demand":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MousePointerClick, { className: cls, "aria-hidden": true });
+    case "recurring":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: cls, "aria-hidden": true });
+    case "event":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { className: cls, "aria-hidden": true });
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: cls, "aria-hidden": true });
+  }
+}
+function TaskTriggerChip({
+  id,
+  triggerType,
+  summary,
+  afterTaskId,
+  afterTaskName,
+  testId,
+  labels
+}) {
+  const l = { ...DEFAULT_TASK_TRIGGER_CHIP_LABELS, ...labels };
+  const chained = Boolean(afterTaskId);
+  const text = chained ? afterTaskName ? l.after(afterTaskName) : l.afterUnknown : triggerType === "on_demand" ? l.onDemand : summary;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: "inline-flex min-w-0 max-w-full items-center gap-1.5 text-sm font-normal text-foreground",
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: `task-trigger-${id}` }),
+      "data-trigger": chained ? "task" : triggerType,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TriggerIcon, { type: triggerType, chained }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: text })
+      ]
+    }
+  );
+}
+
+// src/agents/tasks/workflowRows.ts
+var isSkillRow = (row) => row.kind === "skill";
+var hasTrigger = (row) => !row.on_demand && Boolean(row.rrule || row.run_at || row.event_kind || row.after_conversation_ext_id);
+function workflowStatus(row) {
+  if (isSkillRow(row) || !hasTrigger(row)) return "on_demand";
+  return row.active ? "active" : "paused";
+}
+function workflowTriggerType(workflow) {
+  if (workflow.on_demand) return "on_demand";
+  if (workflow.after_conversation_ext_id) return "after";
+  if (workflow.event_kind) return "event";
+  if (workflow.rrule) return "recurring";
+  if (workflow.run_at) return "one_time";
+  return "on_demand";
+}
+function workflowRunStatusLabel(status) {
+  if (!status) return "None";
+  const labels = {
+    completed: "Success",
+    success: "Success",
+    failed: "Failed",
+    running: "In progress",
+    awaiting_authorization: "Awaiting access"
+  };
+  return labels[status] ?? status.replaceAll("_", " ");
+}
+function listedRunStatus(status, threadStatus) {
+  if (threadStatus === "done" && status === "running") return "completed";
+  return status;
+}
+
+// src/agents/tasks/workflowColumns.tsx
+var WORKFLOW_COLUMN_ORDER = [
+  "name",
+  "trigger",
+  "last_run",
+  "result",
+  "status",
+  "shared",
+  "actions"
+];
+function cell(render) {
+  return (params) => params.data ? render(params.data) : null;
+}
+var time = (iso) => iso ? Date.parse(iso) : Number.POSITIVE_INFINITY;
+function createWorkflowColumns(o) {
+  const l = o.labels;
+  const base = {
+    sortable: false,
+    cellStyle: { display: "flex", alignItems: "center" }
+  };
+  return [
+    {
+      ...base,
+      colId: "name",
+      sortable: true,
+      headerName: l.colName,
+      flex: 3,
+      minWidth: 210,
+      valueGetter: (p) => p.data?.name.toLowerCase() ?? "",
+      cellRenderer: cell(o.renderName)
+    },
+    {
+      ...base,
+      colId: "trigger",
+      headerName: l.colTrigger,
+      flex: 2.4,
+      minWidth: 185,
+      valueGetter: (p) => p.data ? o.getTriggerText(p.data) : "",
+      cellRenderer: cell(o.renderTrigger)
+    },
+    {
+      ...base,
+      colId: "last_run",
+      sortable: true,
+      headerName: l.colLastRun,
+      flex: 1.4,
+      minWidth: 140,
+      cellStyle: { display: "flex", alignItems: "center", padding: 0 },
+      valueGetter: (p) => time(p.data?.last_fired_at),
+      cellRenderer: cell(o.renderLastRun)
+    },
+    {
+      ...base,
+      colId: "result",
+      headerName: "Result",
+      width: 130,
+      valueGetter: (p) => p.data?.last_run_status ?? "",
+      cellStyle: { display: "flex", alignItems: "center", padding: 0 },
+      cellRenderer: cell(o.renderResult)
+    },
+    {
+      ...base,
+      colId: "status",
+      sortable: true,
+      headerName: l.colStatus,
+      width: 120,
+      valueGetter: (p) => p.data ? workflowStatus(p.data) : "",
+      cellRenderer: cell(o.renderStatus)
+    },
+    {
+      ...base,
+      colId: "shared",
+      headerName: l.colShared,
+      headerTooltip: l.shared,
+      width: 96,
+      cellStyle: { display: "flex", alignItems: "center", justifyContent: "center" },
+      valueGetter: (p) => p.data?.shared ?? false,
+      cellRenderer: cell(o.renderShared)
+    },
+    {
+      ...base,
+      colId: "actions",
+      headerName: "",
+      width: 180,
+      minWidth: 180,
+      cellStyle: { display: "flex", alignItems: "center", justifyContent: "flex-end" },
+      cellRenderer: cell(o.renderActions)
+    }
+  ];
+}
+
+// src/agents/tasks/workflowTableLabels.ts
+var DEFAULT_WORKFLOW_LIST_LABELS = {
+  colName: "Name",
+  colType: "Type",
+  colTrigger: "When",
+  colAction: "What it does",
+  colAgent: "Agent",
+  colStatus: "Active",
+  colShared: "Shared",
+  colLastRun: "Last run",
+  colNextRun: "Next run",
+  shared: "Shared with the workspace",
+  sharedOwnerOnly: "Only the creator can change who can see this",
+  deleteOwnerOnly: "Only the creator or workspace owner can delete this",
+  typeSkill: "Skill",
+  typeWorkflow: "Workflow",
+  statusActive: "Active",
+  statusPaused: "Inactive",
+  statusOnDemand: "On demand",
+  activeSwitch: (name) => `Active: \u201C${name}\u201D`,
+  agent: "Agent",
+  myAssistant: "My assistant",
+  me: "Me",
+  someone: "Someone",
+  never: "Never",
+  none: "\u2014",
+  reminder: "Reminder",
+  failed: "Failed",
+  lastRunFailed: "Last run failed",
+  openLastRun: "Open the task this run created",
+  editWorkflow: "Edit",
+  run: "Run",
+  runLater: "Run later",
+  runNow: "Run now",
+  runs: "Runs",
+  delete: "Delete",
+  moreActions: "More actions",
+  searchLabel: "Search workflows",
+  searchPlaceholder: "Search workflows and skills\u2026",
+  emptyTitle: "Nothing to run yet",
+  emptyMessage: "Skills and workflows you can run will appear here.",
+  firstRun: "Run a skill now, or choose Run later to save it as a workflow that runs on its own.",
+  noMatches: "Nothing in this view.",
+  filterAll: "All",
+  filterSkills: "Skills",
+  filterWorkflows: "Workflows",
+  filterActive: "Active",
+  filterPaused: "Inactive",
+  makeActive: "Make active",
+  makePaused: "Deactivate",
+  selectAll: "Select all",
+  selectWorkflow: (name) => `Select ${name}`
+};
+var ROW_HEIGHT = 40;
+function WorkflowsTable(props) {
+  const { workflows, isLoading, busyId, header, testId } = props;
+  const l = { ...DEFAULT_WORKFLOW_LIST_LABELS, ...props.labels };
+  const [filterStates, setFilterStates] = react.useState(/* @__PURE__ */ new Map());
+  const [filterOpen, setFilterOpen] = react.useState(false);
+  const [query, setQuery] = react.useState("");
+  const [selected, setSelected] = react.useState([]);
+  const apiRef = react.useRef(null);
+  const q = query.trim().toLowerCase();
+  const matches = (w) => !q || `${w.name} ${w.description ?? ""} ${w.prompt ?? ""} ${w.skill_ref ?? ""}`.toLowerCase().includes(q);
+  const inFilter = (w, f) => f === "all" || f === "skills" && isSkillRow(w) || f === "workflows" && !isSkillRow(w) || f === "active" && workflowStatus(w) === "active" || f === "paused" && workflowStatus(w) === "paused";
+  const counts = react.useMemo(() => {
+    const out = { all: 0, skills: 0, workflows: 0, active: 0, paused: 0 };
+    for (const w of workflows) {
+      if (!matches(w)) continue;
+      for (const f of Object.keys(out)) if (inFilter(w, f)) out[f] += 1;
+    }
+    return out;
+  }, [workflows, q]);
+  const shown = react.useMemo(
+    () => workflows.filter((w) => {
+      if (!matches(w)) return false;
+      for (const group of [
+        ["skills", "workflows"],
+        ["active", "paused"]
+      ]) {
+        const included = group.filter((f) => filterStates.get(f) === "include");
+        if (included.length && !included.some((f) => inFilter(w, f))) return false;
+        if (group.some((f) => filterStates.get(f) === "exclude" && inFilter(w, f))) return false;
+      }
+      return true;
+    }),
+    [workflows, filterStates, q]
+  );
+  const renderPerson = props.renderPerson ?? ((p) => /* @__PURE__ */ jsxRuntime.jsx(PersonPill, { person: p }));
+  const actionText = (w) => {
+    if (w.action)
+      return w.action.type === "email_documents" ? "Email latest documents" : "AI Review";
+    if (isSkillRow(w))
+      return w.description || w.skill_ref && props.skillNames?.[w.skill_ref] || w.name;
+    return w.skill_ref ? props.skillNames?.[w.skill_ref] ?? w.skill_ref : w.prompt?.trim() || l.reminder;
+  };
+  const latest = react.useRef({ props, l, renderPerson, actionText });
+  latest.current = { props, l, renderPerson, actionText };
+  const columnDefs = react.useMemo(
+    () => createWorkflowColumns({
+      labels: l,
+      getTriggerText: (w) => isSkillRow(w) ? l.statusOnDemand : latest.current.props.describeTrigger(w),
+      renderName: (w) => {
+        const { l: lb } = latest.current;
+        const skill = isSkillRow(w);
+        const text = skill ? latest.current.actionText(w) : w.description || latest.current.actionText(w);
+        const stem = w.name.replace(/…$/, "").trim();
+        const about = text && text.trim() !== w.name.trim() && text.trim() !== stem ? text : "";
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 leading-tight", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: ui.cn(
+                  "truncate text-sm font-normal",
+                  workflowStatus(w) === "paused" && "text-muted-foreground"
+                ),
+                "data-testid": `workflow-name-${w.external_id}`,
+                children: w.name
+              }
+            ),
+            skill && /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: "shrink-0 rounded-full border border-border px-1.5 text-[11px] text-muted-foreground",
+                "data-testid": `workflow-type-${w.external_id}`,
+                children: lb.typeSkill
+              }
+            )
+          ] }),
+          about && !latest.current.props.automationsOnly && /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: "truncate text-xs text-muted-foreground",
+              "data-testid": `workflow-action-${w.external_id}`,
+              children: about
+            }
+          )
+        ] });
+      },
+      renderTrigger: (w) => {
+        const { props: p } = latest.current;
+        const after = w.after_conversation_ext_id;
+        const skill = isSkillRow(w);
+        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 leading-tight", children: /* @__PURE__ */ jsxRuntime.jsx(
+          TaskTriggerChip,
+          {
+            id: w.external_id,
+            testId: `workflow-trigger-${w.external_id}`,
+            triggerType: workflowTriggerType(w),
+            summary: skill ? "" : p.describeTrigger(w),
+            afterTaskId: after,
+            afterTaskName: after ? p.taskNames?.[after] : void 0,
+            labels: p.triggerChipLabels
+          }
+        ) });
+      },
+      renderStatus: (w) => {
+        const { props: p, l: lb } = latest.current;
+        const canEdit = w.is_owner !== false || Boolean(p.canEditShared);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: hasTrigger(w) && !isSkillRow(w) && Boolean(w.active),
+            disabled: !hasTrigger(w) || isSkillRow(w) || !canEdit || p.busyId === w.external_id,
+            onCheckedChange: (next) => p.onToggleActive(w, next),
+            className: "disabled:data-[state=unchecked]:bg-muted dark:disabled:data-[state=unchecked]:bg-muted",
+            "aria-label": lb.activeSwitch(w.name),
+            "data-testid": `workflow-active-${w.external_id}`
+          }
+        );
+      },
+      renderShared: (w) => {
+        const { props: p, l: lb } = latest.current;
+        if (!p.onToggleShared || isSkillRow(w)) return null;
+        const isCreator = w.is_owner !== false;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          ui.VisibilityToggle,
+          {
+            items: { shared: w.shared ?? false },
+            onToggle: (share) => latest.current.props.onToggleShared?.(w, share),
+            disabled: !isCreator || p.busyId === w.external_id,
+            disabledTooltip: lb.sharedOwnerOnly,
+            showLabel: false,
+            "data-testid": `workflow-shared-${w.external_id}`
+          }
+        );
+      },
+      renderLastRun: (w) => {
+        const { props: p, l: lb } = latest.current;
+        const at = w.last_fired_at ?? p.lastRuns?.[w.external_id]?.at;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "h-full w-full truncate px-4 text-left text-sm hover:text-primary",
+            onClick: () => p.onViewRuns?.(w),
+            title: "View run history",
+            "data-testid": `workflow-last-run-${w.external_id}`,
+            children: at ? p.formatDate(at) : lb.never
+          }
+        );
+      },
+      renderResult: (w) => {
+        const status = listedRunStatus(
+          w.last_run_status,
+          latest.current.props.lastRuns?.[w.external_id]?.threadStatus
+        );
+        const label = workflowRunStatusLabel(status);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => latest.current.props.onViewRuns?.(w),
+            title: "View run history",
+            className: ui.cn(
+              ui.badgeVariants({ variant: "outline" }),
+              "mx-4 cursor-pointer text-xs font-medium",
+              status === "failed" ? "border-red-border bg-red-bg text-red-text hover:bg-red-bg/80" : status === "completed" || status === "success" ? "border-green-border bg-green-bg text-green-text hover:bg-green-bg/80" : status ? "border-primary/20 bg-primary/10 text-primary hover:bg-primary/15" : "border-border bg-muted text-muted-foreground hover:bg-muted/80"
+            ),
+            "data-testid": `workflow-result-${w.external_id}`,
+            children: label
+          }
+        );
+      },
+      renderActions: (w) => {
+        const { props: p, l: lb } = latest.current;
+        const id = w.external_id;
+        const skill = isSkillRow(w);
+        const busy = p.busyId === id;
+        const isOwner = w.is_owner !== false;
+        const canEdit = isOwner || Boolean(p.canEditShared);
+        const canAdmin = isOwner || Boolean(p.isWorkspaceOwner);
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-1", children: [
+          (skill || canEdit) && /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.Button,
+            {
+              size: "sm",
+              variant: "outline",
+              className: "h-8 gap-1.5 pointer-coarse:h-11",
+              disabled: busy,
+              onClick: () => p.onRun(w),
+              "data-testid": `workflow-run-btn-${id}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "size-3.5", "aria-hidden": true }),
+                lb.run
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "size-8 pointer-coarse:size-11",
+                "aria-label": lb.moreActions,
+                "data-testid": `workflow-menu-${id}`,
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4", "aria-hidden": true })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuContent, { align: "end", children: [
+              skill && p.onRunLater && /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.DropdownMenuItem,
+                {
+                  onSelect: () => p.onRunLater?.(w),
+                  "data-testid": `workflow-run-later-${id}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.History, { className: "mr-2 size-4", "aria-hidden": true }),
+                    lb.runLater
+                  ]
+                }
+              ),
+              !skill && canEdit && /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.DropdownMenuItem,
+                {
+                  onSelect: () => p.onEdit(w),
+                  "data-testid": `workflow-edit-${id}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "mr-2 size-4", "aria-hidden": true }),
+                    lb.editWorkflow
+                  ]
+                }
+              ),
+              !skill && p.onViewRuns && /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.DropdownMenuItem,
+                {
+                  onSelect: () => p.onViewRuns?.(w),
+                  "data-testid": `workflow-runs-${id}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.History, { className: "mr-2 size-4", "aria-hidden": true }),
+                    lb.runs
+                  ]
+                }
+              ),
+              !skill && canEdit && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {}),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  ui.DropdownMenuItem,
+                  {
+                    disabled: busy || !canAdmin,
+                    onSelect: () => p.onDelete(w),
+                    title: canAdmin ? void 0 : lb.deleteOwnerOnly,
+                    className: "text-destructive focus:text-destructive",
+                    "data-testid": `workflow-delete-${id}`,
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "mr-2 size-4", "aria-hidden": true }),
+                      lb.delete
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ] });
+      }
+    }),
+    // Stable on purpose: only the header texts rebuild the columns (see `latest`).
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      l.colName,
+      l.colType,
+      l.colTrigger,
+      l.colAction,
+      l.colAgent,
+      l.colStatus,
+      l.colShared,
+      l.shared,
+      l.colLastRun,
+      l.colNextRun
+    ]
+  );
+  react.useEffect(() => {
+    apiRef.current?.refreshCells({ force: true });
+  }, [
+    busyId,
+    props.agentNames,
+    props.skillNames,
+    props.taskNames,
+    props.lastRuns,
+    props.renderPerson,
+    props.labels,
+    props.canEditShared,
+    props.isWorkspaceOwner
+  ]);
+  const mine = selected.filter((w) => !isSkillRow(w));
+  const adminSelected = mine.filter((w) => w.is_owner !== false || props.isWorkspaceOwner);
+  const editableSelected = mine.filter(
+    (w) => hasTrigger(w) && (w.is_owner !== false || props.canEditShared)
+  );
+  const clearSelection = () => setSelected([]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex min-h-0 flex-1 flex-col",
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "workflow-list" }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunk7RGLTF76_cjs.TabHeader,
+          {
+            testId: "automations-tab-header",
+            tabs: [
+              {
+                id: "automations",
+                label: "",
+                count: shown.length,
+                countIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Workflow, { className: "size-3.5" }),
+                countPlacement: "leading",
+                presentation: "count",
+                hasActiveFilters: !!q || [...filterStates.values()].some(Boolean)
+              },
+              ...props.tabs ?? []
+            ],
+            activeTabId: props.activeTabId ?? "automations",
+            onTabChange: props.onTabChange ?? (() => {
+            }),
+            firstTabContent: /* @__PURE__ */ jsxRuntime.jsx(
+              chunk2EI7NCUA_cjs.FilterInput,
+              {
+                value: query,
+                onChange: setQuery,
+                fields: ["text"],
+                onFieldsChange: () => {
+                },
+                hideFieldPicker: true,
+                ariaLabel: l.searchLabel,
+                testIds: { input: "workflow-search" },
+                filter: /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkRQ2Y7USX_cjs.TriStateFilterMenu,
+                  {
+                    testId: "automations-filter-button",
+                    open: filterOpen,
+                    onOpenChange: setFilterOpen,
+                    filterStates,
+                    onFiltersChange: setFilterStates,
+                    triggerClassName: "flex h-5 items-center gap-0.5 rounded px-1 text-muted-foreground hover:text-foreground pointer-coarse:h-11! pointer-coarse:min-w-11 pointer-coarse:justify-center",
+                    renderChevron: true,
+                    disableHoverOpen: true,
+                    options: [
+                      ...!props.automationsOnly ? [
+                        { id: "skills", label: l.filterSkills, count: counts.skills },
+                        {
+                          id: "workflows",
+                          label: l.filterWorkflows,
+                          count: counts.workflows
+                        }
+                      ] : [],
+                      { id: "active", label: l.filterActive, count: counts.active },
+                      { id: "paused", label: l.filterPaused, count: counts.paused }
+                    ]
+                  }
+                )
+              }
+            ),
+            rightContent: header
+          }
+        ),
+        props.content ? props.content : workflows.length === 0 && !isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
+          chunkZW6FPIFC_cjs.EmptyState,
+          {
+            icon: lucideReact.Workflow,
+            title: l.emptyTitle,
+            description: l.emptyMessage,
+            testId: "workflow-list-empty"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkC2CWWEHO_cjs.GridView,
+          {
+            testId: "workflow-grid",
+            gridId: props.gridId ?? "workflows-grid-v2",
+            items: shown,
+            columnDefs,
+            getItemId: (w) => w.external_id,
+            getRowTestId: (w) => `workflow-row-${w.external_id}`,
+            isLoading,
+            showEmpty: shown.length === 0,
+            emptyState: { title: l.noMatches },
+            rowHeight: ROW_HEIGHT,
+            height: "100%",
+            onGridReady: ({ api }) => {
+              apiRef.current = api;
+            },
+            onRowClick: (row) => props.onOpenRow?.(row),
+            selection: { mode: "multiple", selected, onSelectionChange: setSelected },
+            gridOptions: GRID_OPTIONS
+          }
+        ) }),
+        !props.content && /* @__PURE__ */ jsxRuntime.jsx(chunkV4ISCZJ7_cjs.SelectionBar, { count: selected.length, onClear: clearSelection, children: (isCompact) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          props.onToggleActiveMany && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunkV4ISCZJ7_cjs.SelectionBarAction,
+              {
+                icon: lucideReact.Play,
+                label: l.makeActive,
+                onClick: () => {
+                  props.onToggleActiveMany?.(editableSelected, true);
+                  clearSelection();
+                },
+                disabled: editableSelected.length === 0,
+                isCompact,
+                testId: "workflow-bulk-activate"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunkV4ISCZJ7_cjs.SelectionBarAction,
+              {
+                icon: lucideReact.Workflow,
+                label: l.makePaused,
+                onClick: () => {
+                  props.onToggleActiveMany?.(editableSelected, false);
+                  clearSelection();
+                },
+                disabled: editableSelected.length === 0,
+                isCompact,
+                testId: "workflow-bulk-pause"
+              }
+            )
+          ] }),
+          props.onDeleteMany && /* @__PURE__ */ jsxRuntime.jsx(
+            chunkV4ISCZJ7_cjs.SelectionBarAction,
+            {
+              icon: lucideReact.Trash2,
+              label: l.delete,
+              onClick: () => {
+                props.onDeleteMany?.(adminSelected);
+                clearSelection();
+              },
+              disabled: adminSelected.length === 0,
+              isCompact,
+              className: "border-red-border text-red-text hover:bg-red-bg hover:text-red-text",
+              testId: "workflow-bulk-delete"
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+var GRID_OPTIONS = { suppressClickEdit: true };
 var DEFAULT_TASK_ACTIVITY_LABELS = {
   title: "Activity",
   empty: "Nothing has happened yet.",
@@ -2651,12 +3944,12 @@ function taskActivityHeadline(e, labels = DEFAULT_TASK_ACTIVITY_LABELS, agentNam
     case "step_skipped":
       return "Step skipped";
     case "step_waiting": {
-      const documents = chunkOWCEQKAR_cjs.eventWaitingDocuments(detail);
-      return documents ? chunkOWCEQKAR_cjs.waitingForDocumentsText(documents.length) : "Waiting on people";
+      const documents = chunk6F7SZCVL_cjs.eventWaitingDocuments(detail);
+      return documents ? chunk6F7SZCVL_cjs.waitingForDocumentsText(documents.length) : "Waiting on people";
     }
     case "step_progress": {
-      const documents = chunkOWCEQKAR_cjs.eventWaitingDocuments(detail);
-      return documents ? chunkOWCEQKAR_cjs.waitingForDocumentsText(documents.length) : detail.signed ? "Signed" : "Step moved on";
+      const documents = chunk6F7SZCVL_cjs.eventWaitingDocuments(detail);
+      return documents ? chunk6F7SZCVL_cjs.waitingForDocumentsText(documents.length) : detail.signed ? "Signed" : "Step moved on";
     }
     case "step_sent_back":
       return "Sent the work back";
@@ -2758,13 +4051,20 @@ function TaskActivityTimeline({
 }
 
 exports.ActionStepBody = ActionStepBody;
+exports.AgentSelect = AgentSelect;
 exports.ApprovalEvidence = ApprovalEvidence;
 exports.AssigneeLine = AssigneeLine;
+exports.DEFAULT_AGENT_SELECT_LABELS = DEFAULT_AGENT_SELECT_LABELS;
 exports.DEFAULT_SCHEMA_FORM_LABELS = DEFAULT_SCHEMA_FORM_LABELS;
 exports.DEFAULT_STEP_BAR_LABELS = DEFAULT_STEP_BAR_LABELS;
 exports.DEFAULT_TASK_ACTIVITY_LABELS = DEFAULT_TASK_ACTIVITY_LABELS;
+exports.DEFAULT_TASK_TRIGGER_CHIP_LABELS = DEFAULT_TASK_TRIGGER_CHIP_LABELS;
+exports.DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS = DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS;
+exports.DEFAULT_WORKFLOW_DOCUMENTS_FIELD_LABELS = DEFAULT_WORKFLOW_DOCUMENTS_FIELD_LABELS;
+exports.DEFAULT_WORKFLOW_LIST_LABELS = DEFAULT_WORKFLOW_LIST_LABELS;
 exports.DEFAULT_WORKFLOW_RUNNER_LABELS = DEFAULT_WORKFLOW_RUNNER_LABELS;
 exports.DEFAULT_WORKFLOW_STEP_PARTS_LABELS = DEFAULT_WORKFLOW_STEP_PARTS_LABELS;
+exports.PersonPill = PersonPill;
 exports.SKILL_MAIN_FILENAME = SKILL_MAIN_FILENAME;
 exports.SKILL_TYPES = SKILL_TYPES;
 exports.STEP_LABEL = STEP_LABEL;
@@ -2774,19 +4074,31 @@ exports.SchemaForm = SchemaForm;
 exports.SendBackControl = SendBackControl;
 exports.StepBarFrame = StepBarFrame;
 exports.TaskActivityTimeline = TaskActivityTimeline;
+exports.TaskTriggerChip = TaskTriggerChip;
+exports.WORKFLOW_COLUMN_ORDER = WORKFLOW_COLUMN_ORDER;
+exports.WorkflowConfigDialog = WorkflowConfigDialog;
+exports.WorkflowDocumentsField = WorkflowDocumentsField;
+exports.WorkflowLauncher = WorkflowLauncher;
 exports.WorkflowRunner = WorkflowRunner;
 exports.WorkflowStepBar = WorkflowStepBar;
+exports.WorkflowsTable = WorkflowsTable;
 exports.activeStepId = activeStepId;
+exports.buildWorkflowScopeSource = buildWorkflowScopeSource;
 exports.buildZipSkillImport = buildZipSkillImport;
+exports.createWorkflowColumns = createWorkflowColumns;
+exports.documentScopeLabels = documentScopeLabels;
 exports.fromPlanAssignee = fromPlanAssignee;
 exports.fromPlanDocumentRef = fromPlanDocumentRef;
 exports.fromPlanSteps = fromPlanSteps;
+exports.hasTrigger = hasTrigger;
 exports.importMarkdownSkill = importMarkdownSkill;
 exports.importSkillFile = importSkillFile;
 exports.importSkillFromUrl = importSkillFromUrl;
 exports.isIncompleteSignal = isIncompleteSignal;
 exports.isMainSkillFile = isMainSkillFile;
+exports.isSkillRow = isSkillRow;
 exports.layoutFromPlanSteps = layoutFromPlanSteps;
+exports.matchWorkflowScope = matchWorkflowScope;
 exports.parseSkillFrontmatter = parseSkillFrontmatter;
 exports.readSkillArchive = readSkillArchive;
 exports.serializeSkill = serializeSkill;
@@ -2796,8 +4108,12 @@ exports.taskActivityHeadline = taskActivityHeadline;
 exports.toPlanAssignee = toPlanAssignee;
 exports.toPlanDocumentRef = toPlanDocumentRef;
 exports.toPlanSteps = toPlanSteps;
+exports.useControllableState = useControllableState;
 exports.useWorkflowView = useWorkflowView;
 exports.workflowFromSkillMarkdown = workflowFromSkillMarkdown;
+exports.workflowRunStatusLabel = workflowRunStatusLabel;
+exports.workflowStatus = workflowStatus;
 exports.workflowToSkillMarkdown = workflowToSkillMarkdown;
-//# sourceMappingURL=chunk-LIHRGG4M.cjs.map
-//# sourceMappingURL=chunk-LIHRGG4M.cjs.map
+exports.workflowTriggerType = workflowTriggerType;
+//# sourceMappingURL=chunk-CHVCTKF4.cjs.map
+//# sourceMappingURL=chunk-CHVCTKF4.cjs.map