@arbidocs/blocks 0.5.75 → 0.5.76

package/dist/{chunk-5Y6V7F6W.cjs → chunk-VWUNPAR2.cjs}

@@ -129,7 +129,14 @@ function LabelPickerList({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm", children: o.name }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+                ui.TagEntity,
+                {
+                  tag: { external_id: o.id, name: o.name },
+                  size: "sm",
+                  showTooltip: false
+                }
+              ) }),
               onEditLabels && /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
@@ -205,23 +212,12 @@ var LabelMultiSelectView = react.memo(function LabelMultiSelectView2({
               className: "flex min-w-0 flex-1 flex-wrap content-start gap-1 overflow-hidden",
               style: { maxHeight },
               "data-testid": "label-multi-select-chips",
-              children: applied.map((o) => /* @__PURE__ */ jsxRuntime.jsxs(
-                "span",
+              children: applied.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
+                ui.TagEntity,
                 {
-                  className: "inline-flex shrink-0 items-center gap-1 rounded border px-1.5 py-0.5 text-xs font-medium",
-                  title: o.name,
-                  style: { borderColor: o.color },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "span",
-                      {
-                        className: "flex size-3.5 shrink-0 items-center justify-center rounded",
-                        style: { backgroundColor: o.color },
-                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-2.5 text-white", strokeWidth: 3 })
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[80px] truncate", children: o.name })
-                  ]
+                  tag: { external_id: o.id, name: o.name },
+                  size: "sm",
+                  showTooltip: false
                 },
                 o.id
               ))
@@ -258,5 +254,5 @@ exports.LabelMultiSelectView = LabelMultiSelectView;
 exports.LabelPickerList = LabelPickerList;
 exports.RowNavigatorControls = RowNavigatorControls;
 exports.labelChipClampHeight = labelChipClampHeight;
-//# sourceMappingURL=chunk-5Y6V7F6W.cjs.map
-//# sourceMappingURL=chunk-5Y6V7F6W.cjs.map
+//# sourceMappingURL=chunk-VWUNPAR2.cjs.map
+//# sourceMappingURL=chunk-VWUNPAR2.cjs.map

package/dist/chunk-VWUNPAR2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RowNavigatorControls.tsx","../src/files/cells/LabelMultiSelect.tsx"],"names":["jsx","ChevronLeft","jsxs","ChevronRight","useMemo","useState","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Check","Minus","TagEntity","PencilLine","memo","LabelMultiSelectView","useRef","useEffect","Popover","PopoverTrigger","CellHoverIcon","Fragment","PopoverContent"],"mappings":"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","file":"chunk-VWUNPAR2.cjs","sourcesContent":["/**\n * RowNavigatorControls\n *\n * The bare ‹ n / N › stepper shared by every list navigator — the Files table\n * (GridRowNavigator, over AG Grid's displayed rows) and the Files gallery\n * (ExplorerFileNavigator, over the explorer's displayed tiles). Presentation\n * only: the owner resolves what \"current\" and \"total\" mean and what stepping\n * does, so the two surfaces stay pixel-identical while their sources differ.\n */\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\n\nexport interface RowNavigatorControlsProps {\n  /** Rows currently displayed. Renders nothing at 0. */\n  total: number\n  /** Zero-based position of the open row, or null for \"– / N\". */\n  currentIndex: number | null\n  /** Step to a zero-based index (already clamped by the caller if it cares). */\n  onGo: (index: number) => void\n  /** Prefix for every `data-testid` this control emits. */\n  testId: string\n  /** Noun for the buttons' aria-labels (\"Previous fact\" / \"Next document\"). */\n  itemLabel?: string\n  /**\n   * Render a disabled \"– / –\" stepper instead of nothing when there is nothing\n   * to step through. The gallery keeps it so a folder-only view doesn't drop a\n   * control out of the toolbar (and shift everything left) on every folder hop;\n   * the table, whose empty state replaces the whole grid, hides it.\n   */\n  keepWhenEmpty?: boolean\n}\n\nexport function RowNavigatorControls({\n  total,\n  currentIndex,\n  onGo,\n  testId,\n  itemLabel = 'row',\n  keepWhenEmpty = false,\n}: RowNavigatorControlsProps) {\n  if (total === 0 && !keepWhenEmpty) return null\n\n  return (\n    <span className=\"flex shrink-0 items-center gap-0.5\" data-testid={`${testId}-nav`}>\n      <button\n        type=\"button\"\n        aria-label={`Previous ${itemLabel}`}\n        data-testid={`${testId}-nav-prev`}\n        disabled={total === 0 || currentIndex === null || currentIndex <= 0}\n        onClick={() => onGo((currentIndex ?? 0) - 1)}\n        className=\"rounded p-0.5 text-muted-foreground enabled:hover:bg-accent enabled:hover:text-foreground disabled:opacity-30 pointer-coarse:size-11! shrink-0\"\n      >\n        <ChevronLeft className=\"h-4 w-4\" />\n      </button>\n      <span\n        className=\"whitespace-nowrap tabular-nums text-sm font-light text-muted-foreground\"\n        data-testid={`${testId}-nav-position`}\n      >\n        {currentIndex !== null ? currentIndex + 1 : '–'} / {total > 0 ? total : '–'}\n      </span>\n      <button\n        type=\"button\"\n        aria-label={`Next ${itemLabel}`}\n        data-testid={`${testId}-nav-next`}\n        disabled={total === 0 || (currentIndex !== null && currentIndex >= total - 1)}\n        onClick={() => onGo(currentIndex === null ? 0 : currentIndex + 1)}\n        className=\"rounded p-0.5 text-muted-foreground enabled:hover:bg-accent enabled:hover:text-foreground disabled:opacity-30 pointer-coarse:size-11! shrink-0\"\n      >\n        <ChevronRight className=\"h-4 w-4\" />\n      </button>\n    </span>\n  )\n}\n","import { memo, useEffect, useMemo, useRef, useState } from 'react'\nimport { Check, Minus, PencilLine } from 'lucide-react'\nimport {\n  TagEntity,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@arbidocs/react/ui'\nimport { CellHoverIcon } from './HoverIconCell'\n\n/** Chip row metrics (px): a chip is 24px tall with a 4px gap, as in the Facts labels cell. */\nconst CHIP_ROW_H = 24\nconst CHIP_GAP = 4\n\n/** Max height of the chip container: whole chip rows that fit `rowHeight`, never half a row. */\nexport function labelChipClampHeight(rowHeight: number): number {\n  const rows = Math.max(1, Math.floor((rowHeight + CHIP_GAP) / (CHIP_ROW_H + CHIP_GAP)))\n  return CHIP_ROW_H * rows + CHIP_GAP * (rows - 1)\n}\n\n/** One label a document can carry. `color` is any CSS colour (the host derives it from the id). */\nexport interface LabelOption {\n  id: string\n  name: string\n  color: string\n}\n\n/** Every fixed string of the label picker. */\nexport interface LabelMultiSelectLabels {\n  searchPlaceholder: string\n  noLabels: string\n  create: (name: string) => string\n  editLabel: string\n}\n\nexport const DEFAULT_LABEL_MULTI_SELECT_LABELS: LabelMultiSelectLabels = {\n  searchPlaceholder: 'Search or create...',\n  noLabels: 'No labels yet',\n  create: (name) => `Create “${name}”`,\n  editLabel: 'Edit field',\n}\n\nexport interface LabelMultiSelectViewProps {\n  options: LabelOption[]\n  /** Ids of the labels applied to the row. */\n  appliedIds: ReadonlySet<string>\n  onToggle: (id: string) => void\n  /** Create a label named `name` and apply it (the host decides what a non-member may do). */\n  onCreate: (name: string) => void\n  /** Opens the label editor; omit to hide the per-option edit button. */\n  onEditLabels?: () => void\n  /** The grid row height: clamps the chips to the rows that fully fit, with an ellipsis. */\n  rowHeight?: number\n  labels?: Partial<LabelMultiSelectLabels>\n}\n\nconst CHECK_BOX = 'flex shrink-0 items-center justify-center rounded border-2'\n\nexport interface LabelPickerListProps {\n  options: LabelOption[]\n  appliedIds: ReadonlySet<string>\n  mixedIds?: ReadonlySet<string>\n  onToggle: (id: string) => void\n  /** Create a label named `name`; omit to hide \"Create ...\" (the picker only toggles). */\n  onCreate?: (name: string) => void\n  /**\n   * Further ways to create from the typed name, each its own row under \"Create ...\" (e.g. one per\n   * kind of tag). Enter still runs `onCreate`.\n   */\n  moreCreates?: { label: (name: string) => string; onCreate: (name: string) => void }[]\n  /** Opens the label editor; omit to hide the per-option edit button. */\n  onEditLabels?: () => void\n  labels?: Partial<LabelMultiSelectLabels>\n}\n\n/**\n * Searchable list of labels with check boxes: type to filter, Enter (or the \"Create ...\" row, shown\n * whenever the typed name is not a label yet, below any labels that partly match it) creates it. Used by the grid cell and the document form field.\n */\nexport function LabelPickerList({\n  options,\n  appliedIds,\n  mixedIds,\n  onToggle,\n  onCreate,\n  moreCreates,\n  onEditLabels,\n  labels,\n}: LabelPickerListProps) {\n  const l = useMemo(() => ({ ...DEFAULT_LABEL_MULTI_SELECT_LABELS, ...labels }), [labels])\n  const [search, setSearch] = useState('')\n  const trimmed = search.trim()\n  const matchesExisting = options.some((o) => o.name.toLowerCase() === trimmed.toLowerCase())\n\n  const create = () => {\n    onCreate?.(trimmed)\n    setSearch('')\n  }\n\n  return (\n    <Command shouldFilter>\n      <CommandInput\n        placeholder={l.searchPlaceholder}\n        value={search}\n        onValueChange={setSearch}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' && onCreate && trimmed && !matchesExisting) {\n            e.preventDefault()\n            create()\n          }\n        }}\n      />\n      <CommandList>\n        {/* Nothing matches and nothing to create: say so. A new name is offered below instead. */}\n        {!(trimmed && onCreate) && (\n          <CommandEmpty>\n            <span className=\"text-muted-foreground\">{l.noLabels}</span>\n          </CommandEmpty>\n        )}\n        <CommandGroup>\n          {options.map((o) => {\n            const isApplied = appliedIds.has(o.id)\n            const isMixed = mixedIds?.has(o.id)\n            return (\n              <CommandItem\n                key={o.id}\n                value={o.name}\n                onSelect={() => onToggle(o.id)}\n                onPointerDown={(e) => e.preventDefault()}\n                className=\"group/label cursor-pointer\"\n                data-testid={`label-select-${o.id}`}\n              >\n                <span\n                  className={`mr-2 size-4 ${CHECK_BOX} ${isApplied ? '' : 'bg-background'}`}\n                  style={{\n                    borderColor: o.color,\n                    backgroundColor: isApplied ? o.color : undefined,\n                  }}\n                >\n                  {isApplied && <Check className=\"size-3 text-white\" strokeWidth={3} />}\n                  {isMixed && <Minus className=\"size-3\" style={{ color: o.color }} />}\n                </span>\n                <span className=\"min-w-0 flex-1\">\n                  <TagEntity\n                    tag={{ external_id: o.id, name: o.name }}\n                    size=\"sm\"\n                    showTooltip={false}\n                  />\n                </span>\n                {onEditLabels && (\n                  <button\n                    type=\"button\"\n                    onClick={(e) => {\n                      e.stopPropagation()\n                      onEditLabels()\n                    }}\n                    onPointerDown={(e) => e.preventDefault()}\n                    className=\"shrink-0 rounded p-0.5 opacity-0 hover:bg-muted focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover/label:opacity-100 group-data-[selected=true]/label:opacity-100 pointer-coarse:flex pointer-coarse:size-11 pointer-coarse:items-center pointer-coarse:justify-center pointer-coarse:opacity-100\"\n                    title={l.editLabel}\n                    aria-label={l.editLabel}\n                  >\n                    <PencilLine className=\"size-3 text-muted-foreground\" />\n                  </button>\n                )}\n              </CommandItem>\n            )\n          })}\n        </CommandGroup>\n      </CommandList>\n      {trimmed && onCreate && !matchesExisting && (\n        <div className=\"border-t border-border p-1\" data-slot=\"label-picker-create\">\n          {[{ label: l.create, onCreate }, ...(moreCreates ?? [])].map((c, i) => (\n            <button\n              key={i}\n              type=\"button\"\n              onClick={() => {\n                c.onCreate(trimmed)\n                setSearch('')\n              }}\n              onPointerDown={(e) => e.preventDefault()}\n              className=\"w-full cursor-pointer rounded px-2 py-1.5 text-left text-sm text-primary hover:bg-accent pointer-coarse:min-h-11\"\n            >\n              {c.label(trimmed)}\n            </button>\n          ))}\n        </div>\n      )}\n    </Command>\n  )\n}\n\n/**\n * Labels column cell: applied labels as bordered chips; click (or Enter) opens a popover to\n * toggle labels or type a new name and press Enter to create it. Empty cells show a pencil on\n * hover, keyboard focus and touch.\n */\nexport const LabelMultiSelectView = memo(function LabelMultiSelectView({\n  options,\n  appliedIds,\n  onToggle,\n  onCreate,\n  onEditLabels,\n  rowHeight = 52,\n  labels,\n}: LabelMultiSelectViewProps) {\n  const [open, setOpen] = useState(false)\n\n  const applied = options.filter((o) => appliedIds.has(o.id))\n  const maxHeight = labelChipClampHeight(rowHeight)\n  const chipsRef = useRef<HTMLDivElement>(null)\n  const [hasOverflow, setHasOverflow] = useState(false)\n  useEffect(() => {\n    const el = chipsRef.current\n    if (!el) return\n    const measure = () => setHasOverflow(el.scrollHeight > el.clientHeight + 1)\n    measure()\n    const ro = new ResizeObserver(measure)\n    ro.observe(el)\n    return () => ro.disconnect()\n  }, [appliedIds, maxHeight, options])\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          data-slot=\"label-multi-select\"\n          // No vertical clip/padding: at the minimum row height an `overflow-hidden` button would\n          // crop the pills. The chip container is clamped to whole chip rows instead.\n          className=\"group relative flex h-full w-full min-w-0 cursor-pointer items-center gap-1 pr-4 text-left hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\"\n        >\n          {applied.length === 0 ? (\n            <span className=\"flex-1\">\n              <CellHoverIcon />\n            </span>\n          ) : (\n            <>\n              <div\n                ref={chipsRef}\n                className=\"flex min-w-0 flex-1 flex-wrap content-start gap-1 overflow-hidden\"\n                style={{ maxHeight }}\n                data-testid=\"label-multi-select-chips\"\n              >\n                {applied.map((o) => (\n                  <TagEntity\n                    key={o.id}\n                    tag={{ external_id: o.id, name: o.name }}\n                    size=\"sm\"\n                    showTooltip={false}\n                  />\n                ))}\n              </div>\n              {hasOverflow && (\n                <span\n                  className=\"pointer-events-none absolute bottom-0.5 right-0.5 text-xs font-semibold leading-none text-muted-foreground\"\n                  aria-hidden\n                  data-testid=\"label-multi-select-overflow\"\n                >\n                  …\n                </span>\n              )}\n            </>\n          )}\n        </button>\n      </PopoverTrigger>\n      {open && (\n        <PopoverContent className=\"w-[360px] p-0\" align=\"start\" side=\"bottom\" sideOffset={4}>\n          <LabelPickerList\n            options={options}\n            appliedIds={appliedIds}\n            onToggle={onToggle}\n            onCreate={onCreate}\n            onEditLabels={onEditLabels}\n            labels={labels}\n          />\n        </PopoverContent>\n      )}\n    </Popover>\n  )\n})\n"]}

package/dist/{chunk-T3GTQXGP.js → chunk-W7CQ5MLR.js}

@@ -1,5 +1,5 @@
 "use client";
-import { useWorkflowView, SkillTypeBadge, SkillGlobalBadge, SkillActionButton, activateOnKey } from './chunk-57S2PLCM.js';
+import { useWorkflowView, SkillTypeBadge, SkillGlobalBadge, SkillActionButton, activateOnKey } from './chunk-V2QWATXQ.js';
 import { workflowSteps, initialRunInputs, stepPhase, composeStepPrompt } from './chunk-3D7SX5ZS.js';
 import { ActionLink } from './chunk-4BYXXU4M.js';
 import { testIdOr } from './chunk-UP3GCNPM.js';
@@ -254,5 +254,5 @@ function SkillRow({
 }
 
 export { DEFAULT_SKILL_CARD_LABELS, DEFAULT_SKILL_ROW_LABELS, SkillCard, SkillRow, useWorkflowPreview };
-//# sourceMappingURL=chunk-T3GTQXGP.js.map
-//# sourceMappingURL=chunk-T3GTQXGP.js.map
+//# sourceMappingURL=chunk-W7CQ5MLR.js.map
+//# sourceMappingURL=chunk-W7CQ5MLR.js.map

package/dist/{chunk-T3GTQXGP.js.map → chunk-W7CQ5MLR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/agents/workflows/useWorkflowPreview.ts","../src/agents/skills/SkillCard.tsx","../src/agents/skills/SkillRow.tsx"],"names":["jsxs","cn","jsx","Eye","Pencil","Lock","Globe"],"mappings":"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","file":"chunk-T3GTQXGP.js","sourcesContent":["/**\n * A stepped workflow run on screen only (the builder's preview): agent steps run one at a time,\n * the way the server does, and answer with the prompt they would send; action steps just finish.\n * No thread, no agent.\n */\n\nimport { useEffect, useRef, useState } from 'react'\nimport {\n  composeStepPrompt,\n  initialRunInputs,\n  stepPhase,\n  workflowSteps,\n  type StepComposeOptions,\n} from './run'\nimport type { WorkflowDefinition, WorkflowInputs, WorkflowStepState } from './types'\nimport { useWorkflowView, type WorkflowRunView } from './useWorkflowView'\n\nexport interface UseWorkflowPreviewOptions extends StepComposeOptions {\n  /** What a stand-in agent step answers; `{prompt}` is replaced with the prompt it would send. */\n  answer?: string\n  /** How long a stand-in step takes. */\n  delayMs?: number\n}\n\nexport function useWorkflowPreview(\n  workflow: WorkflowDefinition,\n  { answer = '{prompt}', delayMs = 400, resolveWorkflow, compose }: UseWorkflowPreviewOptions = {}\n): WorkflowRunView {\n  const steps = workflowSteps(workflow)\n  const [inputs, setInputs] = useState<WorkflowInputs>(() => initialRunInputs(workflow))\n  const [states, setStates] = useState<Record<string, WorkflowStepState>>({})\n  const set = (id: string, state: WorkflowStepState) => setStates((s) => ({ ...s, [id]: state }))\n\n  // A stand-in step's timer outlives the re-render its start causes; it is cleared on unmount, and\n  // a step it cut short starts again (StrictMode mounts twice).\n  const timers = useRef(new Map<string, ReturnType<typeof setTimeout>>())\n  useEffect(() => {\n    const pending = timers.current\n    return () => {\n      for (const t of pending.values()) clearTimeout(t)\n      pending.clear()\n      setStates((s) =>\n        Object.fromEntries(\n          Object.entries(s).map(([id, v]) => [\n            id,\n            v.status === 'running' ? { status: 'pending' } : v,\n          ])\n        )\n      )\n    }\n  }, [])\n\n  // One turn at a time: start the first ready agent step when nothing is running.\n  useEffect(() => {\n    if (Object.values(states).some((s) => s.status === 'running')) return\n    // An action step (a signature, an email, a review) stands in the same way, with no answer.\n    const next = steps.find(\n      (s) =>\n        (s.kind === 'agent' || s.kind === 'action') && stepPhase(steps, states, s.id) === 'ready'\n    )\n    if (!next || (next.kind !== 'agent' && next.kind !== 'action')) return\n    const prompt =\n      next.kind === 'agent'\n        ? composeStepPrompt(workflow, next, inputs, { resolveWorkflow, compose })\n        : ''\n    set(next.id, { status: 'running', startedAt: new Date().toISOString() })\n    timers.current.set(\n      next.id,\n      setTimeout(() => {\n        timers.current.delete(next.id)\n        set(\n          next.id,\n          next.kind === 'agent'\n            ? { status: 'done', text: answer.replace('{prompt}', prompt) }\n            : { status: 'done' }\n        )\n      }, delayMs)\n    )\n    // `inputs` are read when a step starts, not watched.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [states, steps, workflow])\n\n  return useWorkflowView({\n    steps,\n    states,\n    inputs,\n    setInput: (name, value) => setInputs((i) => ({ ...i, [name]: value })),\n    complete: async (step) => set(step.id, { status: 'done' }),\n    skip: async (id) => set(id, { status: 'skipped' }),\n    retry: async (id) => set(id, { status: 'pending' }),\n    isLocked: (id) => states[id]?.status === 'done',\n  })\n}\n","import type { HTMLAttributes, MouseEvent, ReactNode } from 'react'\nimport { Download, Eye, Globe, Lock, Pencil } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { ActionLink } from '../../components/ActionLink'\nimport { testIdOr } from '../../chat/test-id'\nimport {\n  SkillActionButton,\n  SkillGlobalBadge,\n  SkillTypeBadge,\n  activateOnKey,\n  type SkillGlobalBadgeLabels,\n} from './SkillParts'\n\nexport interface SkillCardLabels extends SkillGlobalBadgeLabels {\n  preview: string\n  edit: string\n  export: string\n  makePrivate: string\n  makePrivateTooltip: string\n  publish: string\n}\n\nexport const DEFAULT_SKILL_CARD_LABELS: SkillCardLabels = {\n  global: 'Global',\n  globalTitle: 'Shared with everyone in the marketplace',\n  preview: 'Preview skill',\n  edit: 'Edit skill',\n  export: 'Export skill',\n  makePrivate: 'Make private',\n  makePrivateTooltip: 'Make private (unpublish)',\n  publish: 'Publish to marketplace',\n}\n\nexport interface SkillCardTestIds {\n  root: string\n  preview: string\n  edit: string\n  export: string\n  toggleVisibility: string\n}\n\nexport interface SkillCardProps {\n  name: string\n  description: string\n  /** Skill type; a small badge is shown when not `markdown`. */\n  type?: string\n  /** `global` shows a badge and drives the publish toggle. */\n  visibility?: 'mine' | 'global'\n  /** Only owners see the publish toggle. */\n  isOwner?: boolean\n  /** Leading icon (the app supplies its skill entity icon). */\n  icon?: ReactNode\n  /** Invoke the skill (row click / Enter / Space). */\n  onClick: () => void\n  onPreview: (e: MouseEvent) => void\n  onEdit: (e: MouseEvent) => void\n  onExport: (e: MouseEvent) => void\n  /** Publish / unpublish. Owner-only; omit to hide. */\n  onToggleVisibility?: (e: MouseEvent) => void\n  /** Destination of the skill; the name becomes a real link (modified clicks go to the browser). */\n  href?: string\n  labels?: Partial<SkillCardLabels>\n  testId?: string\n  testIds?: Partial<SkillCardTestIds>\n  className?: string\n}\n\n/**\n * Horizontal skill row: icon + `/name` + badges + description, with preview / edit / export /\n * publish actions. All actions are always visible (nothing is hover-only).\n */\nexport function SkillCard({\n  name,\n  description,\n  type,\n  visibility = 'mine',\n  isOwner = true,\n  icon,\n  onClick,\n  onPreview,\n  onEdit,\n  onExport,\n  onToggleVisibility,\n  href,\n  labels,\n  testId,\n  testIds,\n  className,\n  ...rest\n}: SkillCardProps & Omit<HTMLAttributes<HTMLDivElement>, keyof SkillCardProps | 'onClick'>) {\n  const l = { ...DEFAULT_SKILL_CARD_LABELS, ...labels }\n  const isGlobal = visibility === 'global'\n  return (\n    <div\n      {...rest}\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        'flex w-full cursor-pointer flex-wrap items-center gap-x-3 gap-y-1 rounded-lg bg-muted px-4 py-3 transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n        className\n      )}\n      onClick={onClick}\n      onKeyDown={activateOnKey(onClick)}\n      data-skill-name={name}\n      data-testid={testIdOr(testId ?? testIds?.root, { testId: 'skill-card' })}\n      data-slot=\"skill-card\"\n    >\n      {icon && <span className=\"shrink-0 text-primary [&>svg]:size-5\">{icon}</span>}\n      {href ? (\n        // The link owns plain + modified clicks; stop the row handler from double-firing.\n        <span onClick={(e) => e.stopPropagation()}>\n          <ActionLink\n            href={href}\n            onSelect={onClick}\n            className=\"whitespace-nowrap font-mono text-sm font-medium\"\n          >\n            /{name}\n          </ActionLink>\n        </span>\n      ) : (\n        <span className=\"whitespace-nowrap font-mono text-sm font-medium\">/{name}</span>\n      )}\n      {type && type !== 'markdown' && <SkillTypeBadge type={type} />}\n      {isGlobal && <SkillGlobalBadge labels={l} />}\n      <span className=\"min-w-0 text-sm text-muted-foreground max-sm:order-last max-sm:w-full max-sm:line-clamp-2 sm:flex-1 sm:truncate\">\n        {description}\n      </span>\n      <span className=\"ml-auto flex shrink-0 items-center gap-1\" data-slot=\"skill-card-actions\">\n        <SkillActionButton\n          label={l.preview}\n          onClick={onPreview}\n          testId={testIdOr(testIds?.preview, { testId: 'preview-skill-button' })}\n        >\n          <Eye className=\"size-4 text-muted-foreground\" />\n        </SkillActionButton>\n        <SkillActionButton\n          label={l.edit}\n          onClick={onEdit}\n          testId={testIdOr(testIds?.edit, { testId: 'edit-skill-button' })}\n        >\n          <Pencil className=\"size-4 text-muted-foreground\" />\n        </SkillActionButton>\n        <SkillActionButton\n          label={l.export}\n          onClick={onExport}\n          testId={testIdOr(testIds?.export, { testId: 'export-skill-button' })}\n        >\n          <Download className=\"size-4 text-muted-foreground\" />\n        </SkillActionButton>\n        {isOwner && onToggleVisibility && (\n          <SkillActionButton\n            label={isGlobal ? l.makePrivate : l.publish}\n            tooltip={isGlobal ? l.makePrivateTooltip : l.publish}\n            onClick={onToggleVisibility}\n            testId={testIdOr(testIds?.toggleVisibility, {\n              testId: 'toggle-skill-visibility-button',\n            })}\n          >\n            {isGlobal ? (\n              <Lock className=\"size-4 text-muted-foreground\" />\n            ) : (\n              <Globe className=\"size-4 text-primary\" />\n            )}\n          </SkillActionButton>\n        )}\n      </span>\n    </div>\n  )\n}\n","import type { HTMLAttributes, ReactNode } from 'react'\nimport { Eye, Globe, Lock, Pencil, Trash2 } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { ActionLink } from '../../components/ActionLink'\nimport { testIdOr } from '../../chat/test-id'\nimport {\n  SkillActionButton,\n  SkillGlobalBadge,\n  SkillTypeBadge,\n  activateOnKey,\n  type SkillGlobalBadgeLabels,\n} from './SkillParts'\n\nexport interface SkillRowLabels extends SkillGlobalBadgeLabels {\n  preview: string\n  edit: string\n  makePrivate: string\n  publish: string\n  delete: string\n  /** Row tooltip; receives the skill name. */\n  insertTitle: (name: string) => string\n}\n\nexport const DEFAULT_SKILL_ROW_LABELS: SkillRowLabels = {\n  global: 'Global',\n  globalTitle: 'Shared with everyone in the marketplace',\n  preview: 'Preview',\n  edit: 'Edit',\n  makePrivate: 'Make private',\n  publish: 'Publish to marketplace',\n  delete: 'Delete',\n  insertTitle: (name) => `Insert /${name} into the chat`,\n}\n\nexport interface SkillRowProps {\n  name: string\n  description?: string\n  type?: string\n  isGlobal?: boolean\n  icon?: ReactNode\n  /** Invoke the skill (inserts `/name` into the chat). */\n  onInvoke: () => void\n  onPreview: () => void\n  /** Owner-only actions: omit to hide. */\n  onEdit?: () => void\n  onTogglePublish?: () => void\n  onDelete?: () => void\n  /** Destination of the skill; the name becomes a real link (modified clicks go to the browser). */\n  href?: string\n  labels?: Partial<SkillRowLabels>\n  /** Overrides the default `skills-panel-row-{name}` id. */\n  testId?: string\n  className?: string\n}\n\n/** Compact two-line skill row for side panels. Actions are always visible. */\nexport function SkillRow({\n  name,\n  description,\n  type,\n  isGlobal = false,\n  icon,\n  onInvoke,\n  onPreview,\n  onEdit,\n  onTogglePublish,\n  onDelete,\n  href,\n  labels,\n  testId,\n  className,\n  ...rest\n}: SkillRowProps & Omit<HTMLAttributes<HTMLDivElement>, keyof SkillRowProps | 'onClick'>) {\n  const l = { ...DEFAULT_SKILL_ROW_LABELS, ...labels }\n  return (\n    <div\n      {...rest}\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        'flex cursor-pointer items-center gap-2 px-4 py-2 hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring',\n        className\n      )}\n      onClick={onInvoke}\n      onKeyDown={activateOnKey(onInvoke)}\n      data-testid={testIdOr(testId, { testId: `skills-panel-row-${name}` })}\n      data-slot=\"skill-row\"\n      title={l.insertTitle(name)}\n    >\n      {icon && <span className=\"shrink-0 text-primary [&>svg]:size-4\">{icon}</span>}\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center gap-1.5\">\n          {href ? (\n            // The link owns plain + modified clicks; stop the row handler from double-firing.\n            <span className=\"min-w-0\" onClick={(e) => e.stopPropagation()}>\n              <ActionLink href={href} onSelect={onInvoke} className=\"truncate font-mono text-sm\">\n                /{name}\n              </ActionLink>\n            </span>\n          ) : (\n            <span className=\"truncate font-mono text-sm\">/{name}</span>\n          )}\n          {type && type !== 'markdown' && <SkillTypeBadge type={type} />}\n          {isGlobal && <SkillGlobalBadge labels={l} />}\n        </div>\n        {description && <div className=\"truncate text-xs text-muted-foreground\">{description}</div>}\n      </div>\n      <div className=\"flex shrink-0 items-center gap-0.5\">\n        <SkillActionButton label={l.preview} onClick={() => onPreview()}>\n          <Eye className=\"size-4\" />\n        </SkillActionButton>\n        {onEdit && (\n          <SkillActionButton label={l.edit} onClick={() => onEdit()}>\n            <Pencil className=\"size-4\" />\n          </SkillActionButton>\n        )}\n        {onTogglePublish && (\n          <SkillActionButton\n            label={isGlobal ? l.makePrivate : l.publish}\n            onClick={() => onTogglePublish()}\n          >\n            {isGlobal ? <Lock className=\"size-4\" /> : <Globe className=\"size-4 text-primary\" />}\n          </SkillActionButton>\n        )}\n        {onDelete && (\n          <SkillActionButton label={l.delete} onClick={() => onDelete()}>\n            <Trash2 className=\"size-4 text-destructive\" />\n          </SkillActionButton>\n        )}\n      </div>\n    </div>\n  )\n}\n"]}
+{"version":3,"sources":["../src/agents/workflows/useWorkflowPreview.ts","../src/agents/skills/SkillCard.tsx","../src/agents/skills/SkillRow.tsx"],"names":["jsxs","cn","jsx","Eye","Pencil","Lock","Globe"],"mappings":"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","file":"chunk-W7CQ5MLR.js","sourcesContent":["/**\n * A stepped workflow run on screen only (the builder's preview): agent steps run one at a time,\n * the way the server does, and answer with the prompt they would send; action steps just finish.\n * No thread, no agent.\n */\n\nimport { useEffect, useRef, useState } from 'react'\nimport {\n  composeStepPrompt,\n  initialRunInputs,\n  stepPhase,\n  workflowSteps,\n  type StepComposeOptions,\n} from './run'\nimport type { WorkflowDefinition, WorkflowInputs, WorkflowStepState } from './types'\nimport { useWorkflowView, type WorkflowRunView } from './useWorkflowView'\n\nexport interface UseWorkflowPreviewOptions extends StepComposeOptions {\n  /** What a stand-in agent step answers; `{prompt}` is replaced with the prompt it would send. */\n  answer?: string\n  /** How long a stand-in step takes. */\n  delayMs?: number\n}\n\nexport function useWorkflowPreview(\n  workflow: WorkflowDefinition,\n  { answer = '{prompt}', delayMs = 400, resolveWorkflow, compose }: UseWorkflowPreviewOptions = {}\n): WorkflowRunView {\n  const steps = workflowSteps(workflow)\n  const [inputs, setInputs] = useState<WorkflowInputs>(() => initialRunInputs(workflow))\n  const [states, setStates] = useState<Record<string, WorkflowStepState>>({})\n  const set = (id: string, state: WorkflowStepState) => setStates((s) => ({ ...s, [id]: state }))\n\n  // A stand-in step's timer outlives the re-render its start causes; it is cleared on unmount, and\n  // a step it cut short starts again (StrictMode mounts twice).\n  const timers = useRef(new Map<string, ReturnType<typeof setTimeout>>())\n  useEffect(() => {\n    const pending = timers.current\n    return () => {\n      for (const t of pending.values()) clearTimeout(t)\n      pending.clear()\n      setStates((s) =>\n        Object.fromEntries(\n          Object.entries(s).map(([id, v]) => [\n            id,\n            v.status === 'running' ? { status: 'pending' } : v,\n          ])\n        )\n      )\n    }\n  }, [])\n\n  // One turn at a time: start the first ready agent step when nothing is running.\n  useEffect(() => {\n    if (Object.values(states).some((s) => s.status === 'running')) return\n    // An action step (a signature, an email, a review) stands in the same way, with no answer.\n    const next = steps.find(\n      (s) =>\n        (s.kind === 'agent' || s.kind === 'action') && stepPhase(steps, states, s.id) === 'ready'\n    )\n    if (!next || (next.kind !== 'agent' && next.kind !== 'action')) return\n    const prompt =\n      next.kind === 'agent'\n        ? composeStepPrompt(workflow, next, inputs, { resolveWorkflow, compose })\n        : ''\n    set(next.id, { status: 'running', startedAt: new Date().toISOString() })\n    timers.current.set(\n      next.id,\n      setTimeout(() => {\n        timers.current.delete(next.id)\n        set(\n          next.id,\n          next.kind === 'agent'\n            ? { status: 'done', text: answer.replace('{prompt}', prompt) }\n            : { status: 'done' }\n        )\n      }, delayMs)\n    )\n    // `inputs` are read when a step starts, not watched.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [states, steps, workflow])\n\n  return useWorkflowView({\n    steps,\n    states,\n    inputs,\n    setInput: (name, value) => setInputs((i) => ({ ...i, [name]: value })),\n    complete: async (step) => set(step.id, { status: 'done' }),\n    skip: async (id) => set(id, { status: 'skipped' }),\n    retry: async (id) => set(id, { status: 'pending' }),\n    isLocked: (id) => states[id]?.status === 'done',\n  })\n}\n","import type { HTMLAttributes, MouseEvent, ReactNode } from 'react'\nimport { Download, Eye, Globe, Lock, Pencil } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { ActionLink } from '../../components/ActionLink'\nimport { testIdOr } from '../../chat/test-id'\nimport {\n  SkillActionButton,\n  SkillGlobalBadge,\n  SkillTypeBadge,\n  activateOnKey,\n  type SkillGlobalBadgeLabels,\n} from './SkillParts'\n\nexport interface SkillCardLabels extends SkillGlobalBadgeLabels {\n  preview: string\n  edit: string\n  export: string\n  makePrivate: string\n  makePrivateTooltip: string\n  publish: string\n}\n\nexport const DEFAULT_SKILL_CARD_LABELS: SkillCardLabels = {\n  global: 'Global',\n  globalTitle: 'Shared with everyone in the marketplace',\n  preview: 'Preview skill',\n  edit: 'Edit skill',\n  export: 'Export skill',\n  makePrivate: 'Make private',\n  makePrivateTooltip: 'Make private (unpublish)',\n  publish: 'Publish to marketplace',\n}\n\nexport interface SkillCardTestIds {\n  root: string\n  preview: string\n  edit: string\n  export: string\n  toggleVisibility: string\n}\n\nexport interface SkillCardProps {\n  name: string\n  description: string\n  /** Skill type; a small badge is shown when not `markdown`. */\n  type?: string\n  /** `global` shows a badge and drives the publish toggle. */\n  visibility?: 'mine' | 'global'\n  /** Only owners see the publish toggle. */\n  isOwner?: boolean\n  /** Leading icon (the app supplies its skill entity icon). */\n  icon?: ReactNode\n  /** Invoke the skill (row click / Enter / Space). */\n  onClick: () => void\n  onPreview: (e: MouseEvent) => void\n  onEdit: (e: MouseEvent) => void\n  onExport: (e: MouseEvent) => void\n  /** Publish / unpublish. Owner-only; omit to hide. */\n  onToggleVisibility?: (e: MouseEvent) => void\n  /** Destination of the skill; the name becomes a real link (modified clicks go to the browser). */\n  href?: string\n  labels?: Partial<SkillCardLabels>\n  testId?: string\n  testIds?: Partial<SkillCardTestIds>\n  className?: string\n}\n\n/**\n * Horizontal skill row: icon + `/name` + badges + description, with preview / edit / export /\n * publish actions. All actions are always visible (nothing is hover-only).\n */\nexport function SkillCard({\n  name,\n  description,\n  type,\n  visibility = 'mine',\n  isOwner = true,\n  icon,\n  onClick,\n  onPreview,\n  onEdit,\n  onExport,\n  onToggleVisibility,\n  href,\n  labels,\n  testId,\n  testIds,\n  className,\n  ...rest\n}: SkillCardProps & Omit<HTMLAttributes<HTMLDivElement>, keyof SkillCardProps | 'onClick'>) {\n  const l = { ...DEFAULT_SKILL_CARD_LABELS, ...labels }\n  const isGlobal = visibility === 'global'\n  return (\n    <div\n      {...rest}\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        'flex w-full cursor-pointer flex-wrap items-center gap-x-3 gap-y-1 rounded-lg bg-muted px-4 py-3 transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n        className\n      )}\n      onClick={onClick}\n      onKeyDown={activateOnKey(onClick)}\n      data-skill-name={name}\n      data-testid={testIdOr(testId ?? testIds?.root, { testId: 'skill-card' })}\n      data-slot=\"skill-card\"\n    >\n      {icon && <span className=\"shrink-0 text-primary [&>svg]:size-5\">{icon}</span>}\n      {href ? (\n        // The link owns plain + modified clicks; stop the row handler from double-firing.\n        <span onClick={(e) => e.stopPropagation()}>\n          <ActionLink\n            href={href}\n            onSelect={onClick}\n            className=\"whitespace-nowrap font-mono text-sm font-medium\"\n          >\n            /{name}\n          </ActionLink>\n        </span>\n      ) : (\n        <span className=\"whitespace-nowrap font-mono text-sm font-medium\">/{name}</span>\n      )}\n      {type && type !== 'markdown' && <SkillTypeBadge type={type} />}\n      {isGlobal && <SkillGlobalBadge labels={l} />}\n      <span className=\"min-w-0 text-sm text-muted-foreground max-sm:order-last max-sm:w-full max-sm:line-clamp-2 sm:flex-1 sm:truncate\">\n        {description}\n      </span>\n      <span className=\"ml-auto flex shrink-0 items-center gap-1\" data-slot=\"skill-card-actions\">\n        <SkillActionButton\n          label={l.preview}\n          onClick={onPreview}\n          testId={testIdOr(testIds?.preview, { testId: 'preview-skill-button' })}\n        >\n          <Eye className=\"size-4 text-muted-foreground\" />\n        </SkillActionButton>\n        <SkillActionButton\n          label={l.edit}\n          onClick={onEdit}\n          testId={testIdOr(testIds?.edit, { testId: 'edit-skill-button' })}\n        >\n          <Pencil className=\"size-4 text-muted-foreground\" />\n        </SkillActionButton>\n        <SkillActionButton\n          label={l.export}\n          onClick={onExport}\n          testId={testIdOr(testIds?.export, { testId: 'export-skill-button' })}\n        >\n          <Download className=\"size-4 text-muted-foreground\" />\n        </SkillActionButton>\n        {isOwner && onToggleVisibility && (\n          <SkillActionButton\n            label={isGlobal ? l.makePrivate : l.publish}\n            tooltip={isGlobal ? l.makePrivateTooltip : l.publish}\n            onClick={onToggleVisibility}\n            testId={testIdOr(testIds?.toggleVisibility, {\n              testId: 'toggle-skill-visibility-button',\n            })}\n          >\n            {isGlobal ? (\n              <Lock className=\"size-4 text-muted-foreground\" />\n            ) : (\n              <Globe className=\"size-4 text-primary\" />\n            )}\n          </SkillActionButton>\n        )}\n      </span>\n    </div>\n  )\n}\n","import type { HTMLAttributes, ReactNode } from 'react'\nimport { Eye, Globe, Lock, Pencil, Trash2 } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { ActionLink } from '../../components/ActionLink'\nimport { testIdOr } from '../../chat/test-id'\nimport {\n  SkillActionButton,\n  SkillGlobalBadge,\n  SkillTypeBadge,\n  activateOnKey,\n  type SkillGlobalBadgeLabels,\n} from './SkillParts'\n\nexport interface SkillRowLabels extends SkillGlobalBadgeLabels {\n  preview: string\n  edit: string\n  makePrivate: string\n  publish: string\n  delete: string\n  /** Row tooltip; receives the skill name. */\n  insertTitle: (name: string) => string\n}\n\nexport const DEFAULT_SKILL_ROW_LABELS: SkillRowLabels = {\n  global: 'Global',\n  globalTitle: 'Shared with everyone in the marketplace',\n  preview: 'Preview',\n  edit: 'Edit',\n  makePrivate: 'Make private',\n  publish: 'Publish to marketplace',\n  delete: 'Delete',\n  insertTitle: (name) => `Insert /${name} into the chat`,\n}\n\nexport interface SkillRowProps {\n  name: string\n  description?: string\n  type?: string\n  isGlobal?: boolean\n  icon?: ReactNode\n  /** Invoke the skill (inserts `/name` into the chat). */\n  onInvoke: () => void\n  onPreview: () => void\n  /** Owner-only actions: omit to hide. */\n  onEdit?: () => void\n  onTogglePublish?: () => void\n  onDelete?: () => void\n  /** Destination of the skill; the name becomes a real link (modified clicks go to the browser). */\n  href?: string\n  labels?: Partial<SkillRowLabels>\n  /** Overrides the default `skills-panel-row-{name}` id. */\n  testId?: string\n  className?: string\n}\n\n/** Compact two-line skill row for side panels. Actions are always visible. */\nexport function SkillRow({\n  name,\n  description,\n  type,\n  isGlobal = false,\n  icon,\n  onInvoke,\n  onPreview,\n  onEdit,\n  onTogglePublish,\n  onDelete,\n  href,\n  labels,\n  testId,\n  className,\n  ...rest\n}: SkillRowProps & Omit<HTMLAttributes<HTMLDivElement>, keyof SkillRowProps | 'onClick'>) {\n  const l = { ...DEFAULT_SKILL_ROW_LABELS, ...labels }\n  return (\n    <div\n      {...rest}\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        'flex cursor-pointer items-center gap-2 px-4 py-2 hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring',\n        className\n      )}\n      onClick={onInvoke}\n      onKeyDown={activateOnKey(onInvoke)}\n      data-testid={testIdOr(testId, { testId: `skills-panel-row-${name}` })}\n      data-slot=\"skill-row\"\n      title={l.insertTitle(name)}\n    >\n      {icon && <span className=\"shrink-0 text-primary [&>svg]:size-4\">{icon}</span>}\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center gap-1.5\">\n          {href ? (\n            // The link owns plain + modified clicks; stop the row handler from double-firing.\n            <span className=\"min-w-0\" onClick={(e) => e.stopPropagation()}>\n              <ActionLink href={href} onSelect={onInvoke} className=\"truncate font-mono text-sm\">\n                /{name}\n              </ActionLink>\n            </span>\n          ) : (\n            <span className=\"truncate font-mono text-sm\">/{name}</span>\n          )}\n          {type && type !== 'markdown' && <SkillTypeBadge type={type} />}\n          {isGlobal && <SkillGlobalBadge labels={l} />}\n        </div>\n        {description && <div className=\"truncate text-xs text-muted-foreground\">{description}</div>}\n      </div>\n      <div className=\"flex shrink-0 items-center gap-0.5\">\n        <SkillActionButton label={l.preview} onClick={() => onPreview()}>\n          <Eye className=\"size-4\" />\n        </SkillActionButton>\n        {onEdit && (\n          <SkillActionButton label={l.edit} onClick={() => onEdit()}>\n            <Pencil className=\"size-4\" />\n          </SkillActionButton>\n        )}\n        {onTogglePublish && (\n          <SkillActionButton\n            label={isGlobal ? l.makePrivate : l.publish}\n            onClick={() => onTogglePublish()}\n          >\n            {isGlobal ? <Lock className=\"size-4\" /> : <Globe className=\"size-4 text-primary\" />}\n          </SkillActionButton>\n        )}\n        {onDelete && (\n          <SkillActionButton label={l.delete} onClick={() => onDelete()}>\n            <Trash2 className=\"size-4 text-destructive\" />\n          </SkillActionButton>\n        )}\n      </div>\n    </div>\n  )\n}\n"]}