@alfadocs/ui-kit-debug 1.35.0 → 1.36.1

package/dist/_chunks/workflow-status-xeaJTzD3.js

@@ -0,0 +1,476 @@
+import { jsxs as i, jsx as s, Fragment as se } from "react/jsx-runtime";
+import { forwardRef as I, useId as re, useRef as ae, useCallback as te, useMemo as oe, useImperativeHandle as ne } from "react";
+import { c as f } from "./index-D2ZczOXr.js";
+import { useTranslation as L } from "react-i18next";
+import { u as de } from "./registry-DvAUVLHh.js";
+import { u as ie } from "./use-controllable-state-BiY4xTzM.js";
+import { a as N } from "./input-surface-xyERuLU_.js";
+import { D as p } from "./dropdown-menu-DU-Hrf33.js";
+import { C as T } from "./circle-alert-rGDZ73Wh.js";
+import { L as le } from "./loader-circle-BECIU_8N.js";
+import { C as ce } from "./chevron-down-DWE7GSq9.js";
+const ue = {
+  id: "workflow-status",
+  capabilities: ["select_single", "set_value", "open", "close"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.workflowStatus.state.value",
+      description: "The current non-sensitive workflow status key.",
+      read: (r) => r.getValue()
+    },
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.workflowStatus.state.isOpen",
+      description: "Whether the permitted workflow status list is open.",
+      read: (r) => r.getIsOpen()
+    },
+    isSaving: {
+      type: "boolean",
+      descriptionKey: "ui.agent.workflowStatus.state.isSaving",
+      description: "Whether the host is saving a workflow status change.",
+      read: (r) => r.getIsSaving()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          value: {
+            type: "string",
+            description: "Permitted workflow status key to select."
+          }
+        },
+        required: ["value"]
+      },
+      idempotent: !0,
+      openWorld: !1,
+      errors: [
+        "The status is not in the host-provided transition list.",
+        "The status is disabled.",
+        "A status change is already being saved."
+      ],
+      examples: [{ args: { value: "review" } }],
+      descriptionKey: "ui.agent.workflowStatus.actions.setValue",
+      description: "Request a permitted workflow status through the host-owned change callback.",
+      invoke: (r, a) => r.setValue(a.value)
+    },
+    open: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.workflowStatus.actions.open",
+      description: "Open the permitted workflow status list.",
+      invoke: (r) => r.open()
+    },
+    close: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.workflowStatus.actions.close",
+      description: "Close the workflow status list.",
+      invoke: (r) => r.close()
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "workflow-status",
+      description: "Marks the WorkflowStatus boundary."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-option-id",
+      description: "Non-sensitive workflow status key for a permitted option."
+    }
+  }
+}, O = f(
+  "ds:inline-flex ds:max-w-full ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]",
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: "",
+        lg: ""
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), R = f(
+  [
+    "ds:group/workflow-status ds:inline-grid ds:max-w-full ds:w-fit ds:items-center",
+    "ds:overflow-hidden ds:text-start",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
+    "ds:bg-transparent ds:text-foreground",
+    "ds:transition-colors ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:forced-colors:border-[ButtonBorder]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: `${N.sm} ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-sm)]`,
+        md: `${N.md} ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-sm)]`,
+        lg: `${N.lg} ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-md)]`
+      },
+      interactive: {
+        true: [
+          "ds:grid-cols-[auto_minmax(0,1fr)_auto] ds:appearance-none ds:cursor-pointer",
+          "ds:hover:enabled:bg-muted/10 ds:active:enabled:bg-muted/20",
+          "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+          "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+          "ds:forced-colors:focus-visible:outline-[CanvasText]",
+          "ds:data-[open]:bg-muted/20 ds:data-[open]:border-[color:var(--primary)]",
+          "ds:forced-colors:data-[open]:border-[Highlight]"
+        ].join(" "),
+        false: "ds:grid-cols-[auto_minmax(0,1fr)] ds:cursor-default"
+      },
+      operation: {
+        idle: "",
+        disabled: "ds:cursor-not-allowed ds:opacity-50",
+        saving: "ds:cursor-wait ds:border-[color:var(--info-foreground)]",
+        error: "ds:border-[color:var(--error-foreground)]"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      interactive: !1,
+      operation: "idle"
+    }
+  }
+), B = f(
+  [
+    "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
+    "ds:rounded-[var(--radius-full)] ds:border ds:[&>svg]:block",
+    "ds:forced-colors:bg-transparent ds:forced-colors:border-[CanvasText]"
+  ].join(" "),
+  {
+    variants: {
+      tone: {
+        neutral: "ds:bg-muted ds:text-muted-foreground ds:border-[color:var(--border)]",
+        info: "ds:bg-info/15 ds:text-[color:var(--info-foreground)] ds:border-[color:var(--info-foreground)]",
+        success: "ds:bg-success/15 ds:text-[color:var(--success-foreground)] ds:border-[color:var(--success-foreground)]",
+        warning: "ds:bg-warning/15 ds:text-[color:var(--warning-foreground)] ds:border-[color:var(--warning-foreground)]",
+        error: "ds:bg-destructive/15 ds:text-[color:var(--error-foreground)] ds:border-[color:var(--error-foreground)]",
+        accent: "ds:bg-[color:color-mix(in_srgb,var(--accent)_15%,transparent)] ds:text-[color:color-mix(in_srgb,var(--accent)_40%,var(--foreground))] ds:border-[color:color-mix(in_srgb,var(--accent)_40%,var(--foreground))]"
+      },
+      /* The ball is a SETTING for the glyph, not a container it fills: at
+         the old 24px/16px the icon took two thirds of the circle and the two
+         read as one crowded blob. Each step is smaller overall and gives the
+         glyph roughly half its diameter, so the ring stays legible as a ring
+         and the status colour has room to register. */
+      size: {
+        sm: "ds:size-5 ds:[&>svg]:size-3",
+        md: "ds:size-[var(--spacing-lg)] ds:[&>svg]:size-3.5",
+        lg: "ds:size-7 ds:[&>svg]:size-[var(--icon-size-sm)]",
+        menu: "ds:size-5 ds:[&>svg]:size-3"
+      }
+    },
+    defaultVariants: { tone: "neutral", size: "md" }
+  }
+), fe = f(
+  "ds:flex ds:min-w-0 ds:flex-col ds:justify-center ds:text-start",
+  {
+    variants: {
+      size: {
+        sm: "ds:gap-0",
+        md: "ds:gap-0",
+        lg: "ds:gap-0"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), pe = f(
+  "ds:block ds:min-w-0 ds:truncate ds:font-[var(--font-weight-semibold)] ds:text-[color:var(--foreground)]",
+  {
+    variants: {
+      size: {
+        sm: "type-body-sm",
+        md: "type-label",
+        lg: "type-body"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), me = f(
+  [
+    "ds:inline-flex ds:self-stretch ds:items-center ds:justify-center",
+    "ds:gap-[var(--spacing-2xs)] ds:border-s ds:border-border",
+    "ds:text-[color:var(--muted-foreground)]",
+    "ds:forced-colors:border-[ButtonBorder]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:ps-[var(--spacing-xs)]",
+        md: "ds:ps-[var(--spacing-sm)]",
+        lg: "ds:ps-[var(--spacing-md)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), ge = f(
+  [
+    "ds:flex ds:max-w-full ds:items-start ds:gap-[var(--spacing-xs)]",
+    "type-meta ds:text-[color:var(--error-foreground)]",
+    "ds:[&>svg]:mt-[var(--spacing-2xs)] ds:[&>svg]:size-[var(--spacing-md)] ds:[&>svg]:shrink-0",
+    "ds:forced-colors:text-[CanvasText]"
+  ].join(" ")
+);
+function A({
+  option: r,
+  workflowLabel: a,
+  size: t = "md",
+  interactive: n,
+  operation: l = "idle",
+  error: c
+}) {
+  return /* @__PURE__ */ i(se, { children: [
+    /* @__PURE__ */ s(
+      "span",
+      {
+        "aria-hidden": "true",
+        "data-workflow-status-icon": "",
+        "data-tone": r.tone,
+        className: B({ tone: r.tone, size: t }),
+        children: r.icon
+      }
+    ),
+    /* @__PURE__ */ i("span", { className: fe({ size: t }), children: [
+      t !== "sm" ? /* @__PURE__ */ s("span", { className: "type-meta ds:font-[var(--font-weight-medium)] ds:text-[color:var(--muted-foreground)]", children: a }) : null,
+      /* @__PURE__ */ s(
+        "span",
+        {
+          "data-workflow-status-value": "",
+          title: r.label,
+          className: pe({ size: t }),
+          children: r.label
+        }
+      )
+    ] }),
+    n ? /* @__PURE__ */ i("span", { className: me({ size: t }), "aria-hidden": "true", children: [
+      c ? /* @__PURE__ */ s(
+        T,
+        {
+          "data-testid": "workflow-status-error-icon",
+          className: "ds:size-[var(--spacing-md)] ds:shrink-0"
+        }
+      ) : null,
+      l === "saving" ? /* @__PURE__ */ s(le, { className: "ds:size-[var(--spacing-md)] ds:shrink-0 ds:animate-spin ds:motion-reduce:animate-none" }) : /* @__PURE__ */ s(
+        ce,
+        {
+          "data-testid": "workflow-status-chevron",
+          className: "ds:size-[var(--spacing-md)] ds:shrink-0 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:group-data-[open]/workflow-status:rotate-180"
+        }
+      )
+    ] }) : null
+  ] });
+}
+const ve = I(function({ value: a, option: t, size: n = "md", workflowLabel: l, id: c, className: o, dir: h }, v) {
+  const { t: k } = L(), x = l ?? k("workflowStatus.label", "Workflow");
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      ref: v,
+      id: c,
+      dir: h,
+      "data-component": "workflow-status",
+      "data-component-id": c,
+      "data-state": a,
+      "data-variant": "display",
+      className: O({ size: n, className: o }),
+      children: /* @__PURE__ */ s("div", { className: R({ size: n, interactive: !1 }), children: /* @__PURE__ */ s(
+        A,
+        {
+          option: t,
+          workflowLabel: x,
+          size: n,
+          interactive: !1,
+          error: !1
+        }
+      ) })
+    }
+  );
+});
+ve.displayName = "WorkflowStatusDisplay";
+const we = I(function({
+  value: a,
+  options: t,
+  onValueChange: n,
+  size: l = "md",
+  disabled: c = !1,
+  saving: o = !1,
+  error: h = !1,
+  errorMessage: v,
+  workflowLabel: k,
+  menuLabel: x,
+  savingLabel: D,
+  open: E,
+  defaultOpen: K = !1,
+  onOpenChange: $,
+  id: u,
+  className: H,
+  dir: V,
+  "aria-label": M,
+  "aria-describedby": q
+}, F) {
+  const { t: m } = L(), G = re(), z = ae(null), y = t.find((e) => e.value === a);
+  if (!y)
+    throw new Error(
+      `WorkflowStatusControl requires an option matching value "${a}".`
+    );
+  const P = k ?? m("workflowStatus.label", "Workflow"), U = x ?? m("workflowStatus.menuLabel", "Workflow statuses"), J = D ?? m("workflowStatus.saving", "Saving workflow status"), Q = v ?? m(
+    "workflowStatus.saveFailed",
+    "Could not change workflow status. The previous status is still shown."
+  ), X = M ?? m("workflowStatus.changeLabel", "Change workflow status: {{status}}", {
+    status: y.label
+  }), g = h || !!v, d = c || o, W = u ? `${u}-error` : G, Y = [q, g ? W : void 0].filter(Boolean).join(" ") || void 0, _ = o ? "saving" : c ? "disabled" : g ? "error" : "idle", [Z, w] = ie({
+    value: E,
+    defaultValue: K,
+    onChange: $
+  }), b = !!Z && !d, S = te(
+    (e) => {
+      if (d || e === a) return;
+      const j = t.find((ee) => ee.value === e);
+      if (!(!j || j.disabled))
+        return n(e);
+    },
+    [d, n, t, a]
+  ), C = oe(
+    () => ({
+      getValue: () => a,
+      getIsOpen: () => b,
+      getIsSaving: () => o,
+      setValue: S,
+      open: () => {
+        d || w(!0);
+      },
+      close: () => w(!1),
+      focus: () => {
+        var e;
+        return (e = z.current) == null ? void 0 : e.focus();
+      }
+    }),
+    [S, d, b, o, w, a]
+  );
+  return ne(F, () => C, [C]), de(ue, C, u), /* @__PURE__ */ i(
+    "div",
+    {
+      id: u,
+      dir: V,
+      "data-component": "workflow-status",
+      "data-component-id": u,
+      "data-state": a,
+      "data-variant": "control",
+      "data-saving": o ? "" : void 0,
+      "data-error": g ? "" : void 0,
+      className: O({ size: l, className: H }),
+      children: [
+        /* @__PURE__ */ i(
+          p.Root,
+          {
+            dir: V,
+            open: b,
+            onOpenChange: (e) => {
+              e && d || w(e);
+            },
+            children: [
+              /* @__PURE__ */ s(p.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
+                "button",
+                {
+                  ref: z,
+                  id: u ? `${u}-trigger` : void 0,
+                  type: "button",
+                  disabled: d,
+                  "aria-label": X,
+                  "aria-describedby": Y,
+                  "aria-busy": o,
+                  "data-open": b ? "" : void 0,
+                  className: R({
+                    size: l,
+                    interactive: !0,
+                    operation: _
+                  }),
+                  children: /* @__PURE__ */ s(
+                    A,
+                    {
+                      option: y,
+                      workflowLabel: P,
+                      size: l,
+                      interactive: !0,
+                      operation: _,
+                      error: g
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ i(p.Content, { align: "start", children: [
+                /* @__PURE__ */ s(p.Label, { children: U }),
+                /* @__PURE__ */ s(
+                  p.RadioGroup,
+                  {
+                    value: a,
+                    onValueChange: (e) => {
+                      S(e);
+                    },
+                    children: t.map((e) => /* @__PURE__ */ s(
+                      p.RadioItem,
+                      {
+                        value: e.value,
+                        disabled: d || e.disabled,
+                        "data-option-id": e.value,
+                        children: /* @__PURE__ */ i("span", { className: "ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+                          /* @__PURE__ */ s(
+                            "span",
+                            {
+                              "aria-hidden": "true",
+                              "data-workflow-status-icon": "",
+                              "data-tone": e.tone,
+                              className: B({
+                                tone: e.tone,
+                                size: "menu"
+                              }),
+                              children: e.icon
+                            }
+                          ),
+                          /* @__PURE__ */ s("span", { className: "ds:min-w-0 ds:truncate", title: e.label, children: e.label })
+                        ] })
+                      },
+                      e.value
+                    ))
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          "span",
+          {
+            role: "status",
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            className: "ds:sr-only",
+            children: o ? J : ""
+          }
+        ),
+        g ? /* @__PURE__ */ i("div", { id: W, role: "alert", className: ge(), children: [
+          /* @__PURE__ */ s(T, { "aria-hidden": "true" }),
+          /* @__PURE__ */ s("span", { children: Q })
+        ] }) : null
+      ]
+    }
+  );
+});
+we.displayName = "WorkflowStatusControl";
+export {
+  we as W,
+  ve as a,
+  ue as w
+};
+//# sourceMappingURL=workflow-status-xeaJTzD3.js.map

package/dist/_chunks/workflow-status-xeaJTzD3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-status-xeaJTzD3.js","sources":["../../src/components/workflow-status/workflow-status.agent.ts","../../src/components/workflow-status/workflow-status.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { WorkflowStatusControlHandle } from './workflow-status';\n\nexport const workflowStatusAgent: AgentAdapter<WorkflowStatusControlHandle> = {\n  id: 'workflow-status',\n  capabilities: ['select_single', 'set_value', 'open', 'close'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.workflowStatus.state.value',\n      description: 'The current non-sensitive workflow status key.',\n      read: (handle) => handle.getValue(),\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.workflowStatus.state.isOpen',\n      description: 'Whether the permitted workflow status list is open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n    isSaving: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.workflowStatus.state.isSaving',\n      description: 'Whether the host is saving a workflow status change.',\n      read: (handle) => handle.getIsSaving(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          value: {\n            type: 'string',\n            description: 'Permitted workflow status key to select.',\n          },\n        },\n        required: ['value'],\n      },\n      idempotent: true,\n      openWorld: false,\n      errors: [\n        'The status is not in the host-provided transition list.',\n        'The status is disabled.',\n        'A status change is already being saved.',\n      ],\n      examples: [{ args: { value: 'review' } }],\n      descriptionKey: 'ui.agent.workflowStatus.actions.setValue',\n      description:\n        'Request a permitted workflow status through the host-owned change callback.',\n      invoke: (handle, args: { value: string }) => handle.setValue(args.value),\n    },\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.workflowStatus.actions.open',\n      description: 'Open the permitted workflow status list.',\n      invoke: (handle) => handle.open(),\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.workflowStatus.actions.close',\n      description: 'Close the workflow status list.',\n      invoke: (handle) => handle.close(),\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'workflow-status',\n      description: 'Marks the WorkflowStatus boundary.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-option-id',\n      description: 'Non-sensitive workflow status key for a permitted option.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { AlertCircle, ChevronDown, LoaderCircle } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { INPUT_SURFACE_HEIGHT } from '../_shared/input-surface';\nimport { DropdownMenu } from '../dropdown-menu';\nimport { workflowStatusAgent } from './workflow-status.agent';\n\nexport type WorkflowStatusTone =\n  | 'neutral'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'accent';\n\nexport type WorkflowStatusSize = 'sm' | 'md' | 'lg';\n\nexport interface WorkflowStatusOption {\n  value: string;\n  label: string;\n  icon: ReactNode;\n  tone: WorkflowStatusTone;\n  disabled?: boolean;\n}\n\nconst rootVariants = cva(\n  'ds:inline-flex ds:max-w-full ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]',\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst surfaceVariants = cva(\n  [\n    'ds:group/workflow-status ds:inline-grid ds:max-w-full ds:w-fit ds:items-center',\n    'ds:overflow-hidden ds:text-start',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n    'ds:bg-transparent ds:text-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:forced-colors:border-[ButtonBorder]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: `${INPUT_SURFACE_HEIGHT.sm} ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-sm)]`,\n        md: `${INPUT_SURFACE_HEIGHT.md} ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-sm)]`,\n        lg: `${INPUT_SURFACE_HEIGHT.lg} ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-md)]`,\n      },\n      interactive: {\n        true: [\n          'ds:grid-cols-[auto_minmax(0,1fr)_auto] ds:appearance-none ds:cursor-pointer',\n          'ds:hover:enabled:bg-muted/10 ds:active:enabled:bg-muted/20',\n          'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n          'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n          'ds:forced-colors:focus-visible:outline-[CanvasText]',\n          'ds:data-[open]:bg-muted/20 ds:data-[open]:border-[color:var(--primary)]',\n          'ds:forced-colors:data-[open]:border-[Highlight]',\n        ].join(' '),\n        false: 'ds:grid-cols-[auto_minmax(0,1fr)] ds:cursor-default',\n      },\n      operation: {\n        idle: '',\n        disabled: 'ds:cursor-not-allowed ds:opacity-50',\n        saving: 'ds:cursor-wait ds:border-[color:var(--info-foreground)]',\n        error: 'ds:border-[color:var(--error-foreground)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      interactive: false,\n      operation: 'idle',\n    },\n  },\n);\n\nconst iconVariants = cva(\n  [\n    'ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n    'ds:rounded-[var(--radius-full)] ds:border ds:[&>svg]:block',\n    'ds:forced-colors:bg-transparent ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        neutral:\n          'ds:bg-muted ds:text-muted-foreground ds:border-[color:var(--border)]',\n        info: 'ds:bg-info/15 ds:text-[color:var(--info-foreground)] ds:border-[color:var(--info-foreground)]',\n        success:\n          'ds:bg-success/15 ds:text-[color:var(--success-foreground)] ds:border-[color:var(--success-foreground)]',\n        warning:\n          'ds:bg-warning/15 ds:text-[color:var(--warning-foreground)] ds:border-[color:var(--warning-foreground)]',\n        error:\n          'ds:bg-destructive/15 ds:text-[color:var(--error-foreground)] ds:border-[color:var(--error-foreground)]',\n        accent:\n          'ds:bg-[color:color-mix(in_srgb,var(--accent)_15%,transparent)] ds:text-[color:color-mix(in_srgb,var(--accent)_40%,var(--foreground))] ds:border-[color:color-mix(in_srgb,var(--accent)_40%,var(--foreground))]',\n      },\n      /* The ball is a SETTING for the glyph, not a container it fills: at\n         the old 24px/16px the icon took two thirds of the circle and the two\n         read as one crowded blob. Each step is smaller overall and gives the\n         glyph roughly half its diameter, so the ring stays legible as a ring\n         and the status colour has room to register. */\n      size: {\n        sm: 'ds:size-5 ds:[&>svg]:size-3',\n        md: 'ds:size-[var(--spacing-lg)] ds:[&>svg]:size-3.5',\n        lg: 'ds:size-7 ds:[&>svg]:size-[var(--icon-size-sm)]',\n        menu: 'ds:size-5 ds:[&>svg]:size-3',\n      },\n    },\n    defaultVariants: { tone: 'neutral', size: 'md' },\n  },\n);\n\nconst labelGroupVariants = cva(\n  'ds:flex ds:min-w-0 ds:flex-col ds:justify-center ds:text-start',\n  {\n    variants: {\n      size: {\n        sm: 'ds:gap-0',\n        md: 'ds:gap-0',\n        lg: 'ds:gap-0',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst valueVariants = cva(\n  'ds:block ds:min-w-0 ds:truncate ds:font-[var(--font-weight-semibold)] ds:text-[color:var(--foreground)]',\n  {\n    variants: {\n      size: {\n        sm: 'type-body-sm',\n        md: 'type-label',\n        lg: 'type-body',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst trailingVariants = cva(\n  [\n    'ds:inline-flex ds:self-stretch ds:items-center ds:justify-center',\n    'ds:gap-[var(--spacing-2xs)] ds:border-s ds:border-border',\n    'ds:text-[color:var(--muted-foreground)]',\n    'ds:forced-colors:border-[ButtonBorder]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-[var(--spacing-xs)]',\n        md: 'ds:ps-[var(--spacing-sm)]',\n        lg: 'ds:ps-[var(--spacing-md)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst errorVariants = cva(\n  [\n    'ds:flex ds:max-w-full ds:items-start ds:gap-[var(--spacing-xs)]',\n    'type-meta ds:text-[color:var(--error-foreground)]',\n    'ds:[&>svg]:mt-[var(--spacing-2xs)] ds:[&>svg]:size-[var(--spacing-md)] ds:[&>svg]:shrink-0',\n    'ds:forced-colors:text-[CanvasText]',\n  ].join(' '),\n);\n\ninterface WorkflowStatusSurfaceProps extends Pick<\n  VariantProps<typeof surfaceVariants>,\n  'size'\n> {\n  option: WorkflowStatusOption;\n  workflowLabel: string;\n  interactive: boolean;\n  operation?: 'idle' | 'disabled' | 'saving' | 'error';\n  error: boolean;\n}\n\nfunction WorkflowStatusSurface({\n  option,\n  workflowLabel,\n  size = 'md',\n  interactive,\n  operation = 'idle',\n  error,\n}: WorkflowStatusSurfaceProps) {\n  return (\n    <>\n      <span\n        aria-hidden=\"true\"\n        data-workflow-status-icon=\"\"\n        data-tone={option.tone}\n        className={iconVariants({ tone: option.tone, size })}\n      >\n        {option.icon}\n      </span>\n      <span className={labelGroupVariants({ size })}>\n        {size !== 'sm' ? (\n          <span className=\"type-meta ds:font-[var(--font-weight-medium)] ds:text-[color:var(--muted-foreground)]\">\n            {workflowLabel}\n          </span>\n        ) : null}\n        <span\n          data-workflow-status-value=\"\"\n          title={option.label}\n          className={valueVariants({ size })}\n        >\n          {option.label}\n        </span>\n      </span>\n      {interactive ? (\n        <span className={trailingVariants({ size })} aria-hidden=\"true\">\n          {error ? (\n            <AlertCircle\n              data-testid=\"workflow-status-error-icon\"\n              className=\"ds:size-[var(--spacing-md)] ds:shrink-0\"\n            />\n          ) : null}\n          {operation === 'saving' ? (\n            <LoaderCircle className=\"ds:size-[var(--spacing-md)] ds:shrink-0 ds:animate-spin ds:motion-reduce:animate-none\" />\n          ) : (\n            <ChevronDown\n              data-testid=\"workflow-status-chevron\"\n              className=\"ds:size-[var(--spacing-md)] ds:shrink-0 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:group-data-[open]/workflow-status:rotate-180\"\n            />\n          )}\n        </span>\n      ) : null}\n    </>\n  );\n}\n\nexport interface WorkflowStatusDisplayProps {\n  value: string;\n  option: WorkflowStatusOption;\n  size?: WorkflowStatusSize;\n  workflowLabel?: string;\n  id?: string;\n  className?: string;\n  dir?: 'ltr' | 'rtl';\n}\n\nexport const WorkflowStatusDisplay = forwardRef<\n  HTMLDivElement,\n  WorkflowStatusDisplayProps\n>(function WorkflowStatusDisplay(\n  { value, option, size = 'md', workflowLabel, id, className, dir },\n  ref,\n) {\n  const { t } = useTranslation();\n  const resolvedWorkflowLabel =\n    workflowLabel ?? t('workflowStatus.label', 'Workflow');\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      dir={dir}\n      data-component=\"workflow-status\"\n      data-component-id={id}\n      data-state={value}\n      data-variant=\"display\"\n      className={rootVariants({ size, className })}\n    >\n      <div className={surfaceVariants({ size, interactive: false })}>\n        <WorkflowStatusSurface\n          option={option}\n          workflowLabel={resolvedWorkflowLabel}\n          size={size}\n          interactive={false}\n          error={false}\n        />\n      </div>\n    </div>\n  );\n});\n\nWorkflowStatusDisplay.displayName = 'WorkflowStatusDisplay';\n\nexport interface WorkflowStatusControlHandle {\n  getValue: () => string;\n  getIsOpen: () => boolean;\n  getIsSaving: () => boolean;\n  setValue: (value: string) => void | Promise<void>;\n  open: () => void;\n  close: () => void;\n  focus: () => void;\n}\n\nexport interface WorkflowStatusControlProps {\n  value: string;\n  options: readonly WorkflowStatusOption[];\n  onValueChange: (value: string) => void | Promise<void>;\n  size?: WorkflowStatusSize;\n  disabled?: boolean;\n  saving?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  workflowLabel?: string;\n  menuLabel?: string;\n  savingLabel?: string;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  id?: string;\n  className?: string;\n  dir?: 'ltr' | 'rtl';\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n}\n\nexport const WorkflowStatusControl = forwardRef<\n  WorkflowStatusControlHandle,\n  WorkflowStatusControlProps\n>(function WorkflowStatusControl(\n  {\n    value,\n    options,\n    onValueChange,\n    size = 'md',\n    disabled = false,\n    saving = false,\n    error = false,\n    errorMessage,\n    workflowLabel,\n    menuLabel,\n    savingLabel,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    id,\n    className,\n    dir,\n    'aria-label': ariaLabel,\n    'aria-describedby': ariaDescribedBy,\n  },\n  ref,\n) {\n  const { t } = useTranslation();\n  const generatedErrorId = useId();\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const currentOption = options.find((option) => option.value === value);\n\n  if (!currentOption) {\n    throw new Error(\n      `WorkflowStatusControl requires an option matching value \"${value}\".`,\n    );\n  }\n\n  const resolvedWorkflowLabel =\n    workflowLabel ?? t('workflowStatus.label', 'Workflow');\n  const resolvedMenuLabel =\n    menuLabel ?? t('workflowStatus.menuLabel', 'Workflow statuses');\n  const resolvedSavingLabel =\n    savingLabel ?? t('workflowStatus.saving', 'Saving workflow status');\n  const resolvedErrorMessage =\n    errorMessage ??\n    t(\n      'workflowStatus.saveFailed',\n      'Could not change workflow status. The previous status is still shown.',\n    );\n  const resolvedAriaLabel =\n    ariaLabel ??\n    t('workflowStatus.changeLabel', 'Change workflow status: {{status}}', {\n      status: currentOption.label,\n    });\n  const hasError = error || Boolean(errorMessage);\n  const inactive = disabled || saving;\n  const errorId = id ? `${id}-error` : generatedErrorId;\n  const describedBy =\n    [ariaDescribedBy, hasError ? errorId : undefined]\n      .filter(Boolean)\n      .join(' ') || undefined;\n  const operation = saving\n    ? 'saving'\n    : disabled\n      ? 'disabled'\n      : hasError\n        ? 'error'\n        : 'idle';\n  const [openValue, setOpen] = useControllableState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n  const isOpen = Boolean(openValue) && !inactive;\n\n  const changeValue = useCallback(\n    (next: string): void | Promise<void> => {\n      if (inactive || next === value) return;\n      const nextOption = options.find((option) => option.value === next);\n      if (!nextOption || nextOption.disabled) return;\n      return onValueChange(next);\n    },\n    [inactive, onValueChange, options, value],\n  );\n\n  const handle = useMemo<WorkflowStatusControlHandle>(\n    () => ({\n      getValue: () => value,\n      getIsOpen: () => isOpen,\n      getIsSaving: () => saving,\n      setValue: changeValue,\n      open: () => {\n        if (!inactive) setOpen(true);\n      },\n      close: () => setOpen(false),\n      focus: () => triggerRef.current?.focus(),\n    }),\n    [changeValue, inactive, isOpen, saving, setOpen, value],\n  );\n\n  useImperativeHandle(ref, () => handle, [handle]);\n  useAgentRegistration(workflowStatusAgent, handle, id);\n\n  return (\n    <div\n      id={id}\n      dir={dir}\n      data-component=\"workflow-status\"\n      data-component-id={id}\n      data-state={value}\n      data-variant=\"control\"\n      data-saving={saving ? '' : undefined}\n      data-error={hasError ? '' : undefined}\n      className={rootVariants({ size, className })}\n    >\n      <DropdownMenu.Root\n        dir={dir}\n        open={isOpen}\n        onOpenChange={(next) => {\n          if (next && inactive) return;\n          setOpen(next);\n        }}\n      >\n        <DropdownMenu.Trigger asChild>\n          <button\n            ref={triggerRef}\n            id={id ? `${id}-trigger` : undefined}\n            type=\"button\"\n            disabled={inactive}\n            aria-label={resolvedAriaLabel}\n            aria-describedby={describedBy}\n            aria-busy={saving}\n            data-open={isOpen ? '' : undefined}\n            className={surfaceVariants({\n              size,\n              interactive: true,\n              operation,\n            })}\n          >\n            <WorkflowStatusSurface\n              option={currentOption}\n              workflowLabel={resolvedWorkflowLabel}\n              size={size}\n              interactive\n              operation={operation}\n              error={hasError}\n            />\n          </button>\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"start\">\n          <DropdownMenu.Label>{resolvedMenuLabel}</DropdownMenu.Label>\n          <DropdownMenu.RadioGroup\n            value={value}\n            onValueChange={(next) => {\n              void changeValue(next);\n            }}\n          >\n            {options.map((option) => (\n              <DropdownMenu.RadioItem\n                key={option.value}\n                value={option.value}\n                disabled={inactive || option.disabled}\n                data-option-id={option.value}\n              >\n                <span className=\"ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-sm)]\">\n                  <span\n                    aria-hidden=\"true\"\n                    data-workflow-status-icon=\"\"\n                    data-tone={option.tone}\n                    className={iconVariants({\n                      tone: option.tone,\n                      size: 'menu',\n                    })}\n                  >\n                    {option.icon}\n                  </span>\n                  <span className=\"ds:min-w-0 ds:truncate\" title={option.label}>\n                    {option.label}\n                  </span>\n                </span>\n              </DropdownMenu.RadioItem>\n            ))}\n          </DropdownMenu.RadioGroup>\n        </DropdownMenu.Content>\n      </DropdownMenu.Root>\n      <span\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        className=\"ds:sr-only\"\n      >\n        {saving ? resolvedSavingLabel : ''}\n      </span>\n      {hasError ? (\n        <div id={errorId} role=\"alert\" className={errorVariants()}>\n          <AlertCircle aria-hidden=\"true\" />\n          <span>{resolvedErrorMessage}</span>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nWorkflowStatusControl.displayName = 'WorkflowStatusControl';\n"],"names":["workflowStatusAgent","handle","args","rootVariants","cva","surfaceVariants","INPUT_SURFACE_HEIGHT","iconVariants","labelGroupVariants","valueVariants","trailingVariants","errorVariants","WorkflowStatusSurface","option","workflowLabel","size","interactive","operation","error","jsxs","Fragment","jsx","AlertCircle","LoaderCircle","ChevronDown","WorkflowStatusDisplay","forwardRef","value","id","className","dir","ref","t","useTranslation","resolvedWorkflowLabel","WorkflowStatusControl","options","onValueChange","disabled","saving","errorMessage","menuLabel","savingLabel","openProp","defaultOpen","onOpenChange","ariaLabel","ariaDescribedBy","generatedErrorId","useId","triggerRef","useRef","currentOption","resolvedMenuLabel","resolvedSavingLabel","resolvedErrorMessage","resolvedAriaLabel","hasError","inactive","errorId","describedBy","openValue","setOpen","useControllableState","isOpen","changeValue","useCallback","next","nextOption","useMemo","_a","useImperativeHandle","useAgentRegistration","DropdownMenu"],"mappings":"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"}