@arbidocs/blocks 0.4.89 → 0.4.91

package/dist/workflow-canvas/index.d.ts

@@ -10,5 +10,6 @@ export { TriggerInspector, DEFAULT_TRIGGER_INSPECTOR_LABELS, triggerSummary, typ
 export { DEFAULT_WORKFLOW_TRIGGER, WORKFLOW_SIGNAL_EVENT, declaredSignals, isSignalTrigger, triggerProblem, builderToWorkflowRequest, builderToWorkflowUpdate, workflowRecordToBuilder, type WorkflowStart, type WorkflowTrigger, type WorkflowBuilderValue, type DeclaredSignal, } from './trigger';
 export { WorkflowCanvas, TRIGGER_NODE, DEFAULT_WORKFLOW_CANVAS_LABELS, type WorkflowCanvasProps, type WorkflowCanvasLabels, } from './WorkflowCanvas';
 export { SignalsEditor, DEFAULT_SIGNALS_EDITOR_LABELS, signalConditions, signalSlug, type SignalsEditorProps, type SignalsEditorLabels, } from './SignalsEditor';
+export { FieldOptionsEditor, DEFAULT_FIELD_OPTIONS_EDITOR_LABELS, type FieldOptionsEditorLabels, } from './FieldOptionsEditor';
 export { StepInspector, DEFAULT_STEP_INSPECTOR_LABELS, type StepInspectorProps, type StepInspectorLabels, } from './StepInspector';
 export { newSteppedWorkflow, addStep, removeStep, connectSteps, disconnectSteps, updateStep, moveStep, wouldCycle, stepIdFor, autoLayout, layoutWithDefaults, type WorkflowLayout, type WorkflowStepKind, } from './edit';

package/dist/workflow-canvas/index.js

@@ -1,18 +1,19 @@
 "use client";
 import { useConnection } from '../chunk-OYMWV45N.js';
-import { workflowWhen, isoToLocalInput, describeRRule, RecurrenceBuilder, AgentSelect, useWorkflowPreview, localInputToIso } from '../chunk-QLHW7JGN.js';
+import { workflowWhen, isoToLocalInput, describeRRule, RecurrenceBuilder, AgentSelect, useWorkflowPreview, localInputToIso } from '../chunk-5NQIBJPP.js';
 import '../chunk-4XJZ6AAY.js';
 import '../chunk-P6GHJSLR.js';
-import { workflowSteps, dependsOn, stepLevels, isIncompleteSignal, runFields, upstreamSteps, stepDependencies, canAssign, fromPlanSteps, layoutFromPlanSteps, validateWorkflowGraph, stepConfigProblems, WorkflowRunner, skillToWorkflow, assigneeName, orderSteps, toPlanSteps } from '../chunk-I44NX2ZB.js';
+import { workflowSteps, dependsOn, stepLevels, isIncompleteSignal, runFields, upstreamSteps, stepDependencies, canAssign, fromPlanSteps, layoutFromPlanSteps, validateWorkflowGraph, stepConfigProblems, WorkflowRunner, skillToWorkflow, assigneeName, orderSteps, toPlanSteps } from '../chunk-PGDL26TQ.js';
 import '../chunk-6S5FLMWG.js';
 import '../chunk-4WWM3GQ5.js';
-import '../chunk-DDF5GPIJ.js';
-import '../chunk-XD2M6LIG.js';
 import '../chunk-RFXJYIDV.js';
-import '../chunk-DPLRHEJZ.js';
+import '../chunk-5LXQPP2K.js';
 import '../chunk-EVUEIBNU.js';
+import { TONE_DOT, TONES, isTone } from '../chunk-AUS3KBHJ.js';
 import '../chunk-NUNKSZKU.js';
-import '../chunk-ZX2VPMBJ.js';
+import '../chunk-YU2KUMGE.js';
+import '../chunk-DDF5GPIJ.js';
+import '../chunk-XD2M6LIG.js';
 import '../chunk-S7PSMMRG.js';
 import '../chunk-HOXKR26S.js';
 import '../chunk-AA3PT6KR.js';
@@ -24,7 +25,7 @@ import '../chunk-ZPLG7QYF.js';
 import '../chunk-SLSBJRWW.js';
 import '../chunk-7F6CBP3Z.js';
 import '../chunk-VUNV25KB.js';
-import { useMemo, useState, useEffect, useCallback, useRef } from 'react';
+import { useState, useMemo, useEffect, useCallback, useRef } from 'react';
 import { useWorkspaceUsers, useTags, useDocuments, useWorkflows, useSkills, useAgents, useConversations, useCreateWorkflow, useUpdateWorkflow, useRunWorkflow } from '@arbidocs/react';
 import { Label, Input, cn, Button, Textarea, Checkbox, Popover, PopoverTrigger, PopoverContent } from '@arbidocs/react/ui';
 import { X, Plus, Trash2, Maximize, Table2, Mail, PenLine, ClipboardCheck, Bot, Upload, FileInput, PencilRuler, Eye, LayoutGrid, Settings2, Loader2, Play, Save, Zap, GitBranch, FilePenLine, UserRound, Hourglass, Check, AlertTriangle, MinusCircle } from 'lucide-react';
@@ -977,6 +978,117 @@ function EditDocumentSettings({
     )
   ] });
 }
+var DEFAULT_FIELD_OPTIONS_EDITOR_LABELS = {
+  options: "Choices",
+  addOption: "Add choice",
+  optionLabel: "Choice",
+  optionTone: "Colour",
+  noTone: "No colour",
+  tones: {
+    neutral: "Grey",
+    info: "Blue",
+    success: "Green",
+    warning: "Amber",
+    danger: "Red",
+    accent: "Purple",
+    ai: "AI"
+  }
+};
+var optionValue = (label, taken) => {
+  const base = label.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "") || "option";
+  let value = base;
+  let n = 2;
+  while (taken.includes(value)) value = `${base}_${n++}`;
+  return value;
+};
+function FieldOptionsEditor({
+  options,
+  onChange,
+  l,
+  testId
+}) {
+  const [fresh, setFresh] = useState(() => /* @__PURE__ */ new Set());
+  const others = (i) => options.filter((_, j) => j !== i).map((o) => o.value);
+  const set = (i, p) => {
+    const before = options[i]?.value;
+    if (before !== void 0 && p.value !== void 0 && p.value !== before && fresh.has(before))
+      setFresh((s) => new Set([...s].filter((v) => v !== before)).add(p.value));
+    onChange(options.map((o, j) => j === i ? { ...o, ...p } : o));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", "data-testid": `${testId}-options`, children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: l.options }),
+    options.map((o, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", "data-testid": `${testId}-option-${i}`, children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: cn(
+            "size-2 shrink-0 rounded-full",
+            o.tone ? TONE_DOT[o.tone] : "border border-border"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: o.label,
+          "aria-label": l.optionLabel,
+          onChange: (e) => set(i, {
+            label: e.target.value,
+            // A saved option keeps its value: a signal (`equals: high`) may test it.
+            value: fresh.has(o.value) ? optionValue(e.target.value, others(i)) : o.value
+          }),
+          className: "h-8 min-w-0 flex-1"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          "aria-label": l.optionTone,
+          className: cn(selectClass2, "h-8 w-28 shrink-0"),
+          value: o.tone ?? "",
+          onChange: (e) => set(i, { tone: isTone(e.target.value) ? e.target.value : void 0 }),
+          "data-testid": `${testId}-option-${i}-tone`,
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: l.noTone }),
+            TONES.map((t) => /* @__PURE__ */ jsx("option", { value: t, children: l.tones[t] }, t))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": `${o.label} \xD7`,
+          onClick: () => onChange(options.filter((_, j) => j !== i)),
+          children: /* @__PURE__ */ jsx(X, { className: "size-4 text-muted-foreground" })
+        }
+      )
+    ] }, i)),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: () => {
+          const label = `${l.optionLabel} ${options.length + 1}`;
+          const value = optionValue(
+            label,
+            options.map((o) => o.value)
+          );
+          setFresh((s) => new Set(s).add(value));
+          onChange([...options, { value, label }]);
+        },
+        "data-testid": `${testId}-add-option`,
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
+          " ",
+          l.addOption
+        ]
+      }
+    )
+  ] });
+}
 var DEFAULT_STEP_INSPECTOR_LABELS = {
   workflow: "Workflow",
   title: "Title",
@@ -1014,6 +1126,7 @@ var FIELD_TYPES = [
   "text",
   "longtext",
   "boolean",
+  "select",
   "number",
   "date",
   "scope",
@@ -1038,9 +1151,11 @@ function StepInspector({
   labels,
   actionLabels,
   signalLabels,
+  optionLabels,
   testId = "step-inspector"
 }) {
   const l = { ...DEFAULT_STEP_INSPECTOR_LABELS, ...labels };
+  const ol = { ...DEFAULT_FIELD_OPTIONS_EDITOR_LABELS, ...optionLabels };
   const steps = workflowSteps(workflow);
   const step = steps.find((s) => s.id === stepId);
   const run = workflow.run.kind === "steps" ? workflow.run : void 0;
@@ -1142,6 +1257,7 @@ function StepInspector({
         taken: takenBy(step.id),
         onChange: (inputs) => setFields(step.inputs, inputs, "inputs"),
         l,
+        optionLabels: ol,
         testId
       }
     ),
@@ -1195,6 +1311,7 @@ function StepInspector({
           taken: takenBy(step.id),
           onChange: (fields) => setFields(step.fields ?? [], fields, "fields"),
           l: { ...l, fields: l.reviewFields },
+          optionLabels: ol,
           hint: l.reviewFieldsHint,
           testId: `${testId}-review`
         }
@@ -1265,6 +1382,7 @@ function FormFields({
   taken,
   onChange,
   l,
+  optionLabels = DEFAULT_FIELD_OPTIONS_EDITOR_LABELS,
   hint,
   testId
 }) {
@@ -1321,7 +1439,16 @@ function FormFields({
           l.required
         ] }),
         /* @__PURE__ */ jsx("code", { className: "shrink-0 text-[11px] text-muted-foreground", children: `{{${f.name}}}` })
-      ] })
+      ] }),
+      f.type === "select" && /* @__PURE__ */ jsx(
+        FieldOptionsEditor,
+        {
+          options: f.options ?? [],
+          onChange: (options) => set(i, { options }),
+          l: optionLabels,
+          testId: `${testId}-field-${i}`
+        }
+      )
     ] }, i)),
     /* @__PURE__ */ jsxs(
       Button,
@@ -2771,6 +2898,6 @@ function ConnectedWorkflowBuilder({
   );
 }
 
-export { ConnectedWorkflowBuilder, DEFAULT_CONNECTED_WORKFLOW_BUILDER_LABELS, DEFAULT_SIGNALS_EDITOR_LABELS, DEFAULT_STEP_INSPECTOR_LABELS, DEFAULT_TRIGGER_INSPECTOR_LABELS, DEFAULT_WORKFLOW_BUILDER_LABELS, DEFAULT_WORKFLOW_CANVAS_LABELS, DEFAULT_WORKFLOW_EVENT_KINDS, DEFAULT_WORKFLOW_TRIGGER, SignalsEditor, StepInspector, TRIGGER_NODE, TriggerInspector, WORKFLOW_SIGNAL_EVENT, WorkflowBuilder, WorkflowCanvas, addStep, autoLayout, builderToWorkflowRequest, builderToWorkflowUpdate, connectSteps, declaredSignals, disconnectSteps, isSignalTrigger, layoutWithDefaults, moveStep, newSteppedWorkflow, removeStep, signalConditions, signalSlug, stepIdFor, triggerProblem, triggerSummary, updateStep, workflowRecordToBuilder, wouldCycle };
+export { ConnectedWorkflowBuilder, DEFAULT_CONNECTED_WORKFLOW_BUILDER_LABELS, DEFAULT_FIELD_OPTIONS_EDITOR_LABELS, DEFAULT_SIGNALS_EDITOR_LABELS, DEFAULT_STEP_INSPECTOR_LABELS, DEFAULT_TRIGGER_INSPECTOR_LABELS, DEFAULT_WORKFLOW_BUILDER_LABELS, DEFAULT_WORKFLOW_CANVAS_LABELS, DEFAULT_WORKFLOW_EVENT_KINDS, DEFAULT_WORKFLOW_TRIGGER, FieldOptionsEditor, SignalsEditor, StepInspector, TRIGGER_NODE, TriggerInspector, WORKFLOW_SIGNAL_EVENT, WorkflowBuilder, WorkflowCanvas, addStep, autoLayout, builderToWorkflowRequest, builderToWorkflowUpdate, connectSteps, declaredSignals, disconnectSteps, isSignalTrigger, layoutWithDefaults, moveStep, newSteppedWorkflow, removeStep, signalConditions, signalSlug, stepIdFor, triggerProblem, triggerSummary, updateStep, workflowRecordToBuilder, wouldCycle };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map