@handled-ai/design-system 0.9.27 → 0.10.0

package/dist/components/rich-text-toolbar.js

@@ -0,0 +1,103 @@
+"use client"
+
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Undo2, Redo2, Bold, Italic, Underline, AlignLeft, List, Trash2, ChevronDown } from "lucide-react";
+import { cn } from "../lib/utils.js";
+function ToolbarButton({
+  action,
+  icon: Icon,
+  label,
+  extraClassName,
+  onAction
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "rich-text-toolbar-button",
+      onClick: () => onAction == null ? void 0 : onAction(action),
+      "aria-label": label,
+      className: cn("p-1.5 rounded hover:bg-muted/50 cursor-pointer text-muted-foreground", extraClassName),
+      children: /* @__PURE__ */ jsx(Icon, { size: 14 })
+    }
+  );
+}
+function RichTextToolbar(_a) {
+  var _b = _a, { onAction, className } = _b, rest = __objRest(_b, ["onAction", "className"]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "rich-text-toolbar",
+      role: "toolbar",
+      "aria-label": "Rich text formatting",
+      className: cn("px-3 py-1.5 flex items-center justify-between", className)
+    }, rest), {
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+          /* @__PURE__ */ jsx(ToolbarButton, { action: "undo", icon: Undo2, label: "Undo", onAction }),
+          /* @__PURE__ */ jsx(ToolbarButton, { action: "redo", icon: Redo2, label: "Redo", onAction }),
+          /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-border mx-1", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              "data-slot": "rich-text-toolbar-button",
+              onClick: () => onAction == null ? void 0 : onAction("font"),
+              "aria-label": "Font family",
+              "aria-haspopup": "true",
+              className: "text-[11px] text-muted-foreground px-1.5 py-0.5 rounded hover:bg-muted/50 cursor-pointer flex items-center gap-1",
+              children: [
+                "Sans Serif",
+                /* @__PURE__ */ jsx(ChevronDown, { size: 10 })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-border mx-1", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(ToolbarButton, { action: "bold", icon: Bold, label: "Bold", onAction }),
+          /* @__PURE__ */ jsx(ToolbarButton, { action: "italic", icon: Italic, label: "Italic", onAction }),
+          /* @__PURE__ */ jsx(ToolbarButton, { action: "underline", icon: Underline, label: "Underline", onAction }),
+          /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-border mx-1", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(ToolbarButton, { action: "align", icon: AlignLeft, label: "Align left", onAction }),
+          /* @__PURE__ */ jsx(ToolbarButton, { action: "list", icon: List, label: "List", onAction })
+        ] }),
+        /* @__PURE__ */ jsx(ToolbarButton, { action: "delete", icon: Trash2, label: "Delete", extraClassName: "hover:text-destructive", onAction })
+      ]
+    })
+  );
+}
+export {
+  RichTextToolbar
+};
+//# sourceMappingURL=rich-text-toolbar.js.map

package/dist/components/rich-text-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/rich-text-toolbar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport type { LucideIcon } from \"lucide-react\"\nimport { Undo2, Redo2, Bold, Italic, Underline, AlignLeft, List, Trash2, ChevronDown } from \"lucide-react\"\n\nimport { cn } from \"../lib/utils\"\n\ntype RichTextAction =\n  | \"undo\" | \"redo\"\n  | \"font\"\n  | \"bold\" | \"italic\" | \"underline\"\n  | \"align\" | \"list\"\n  | \"delete\"\n\ninterface RichTextToolbarProps extends React.HTMLAttributes<HTMLDivElement> {\n  onAction?: (action: RichTextAction) => void\n}\n\nfunction ToolbarButton({\n  action,\n  icon: Icon,\n  label,\n  extraClassName,\n  onAction,\n}: {\n  action: RichTextAction\n  icon: LucideIcon\n  label: string\n  extraClassName?: string\n  onAction?: (action: RichTextAction) => void\n}) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"rich-text-toolbar-button\"\n      onClick={() => onAction?.(action)}\n      aria-label={label}\n      className={cn(\"p-1.5 rounded hover:bg-muted/50 cursor-pointer text-muted-foreground\", extraClassName)}\n    >\n      <Icon size={14} />\n    </button>\n  )\n}\n\nfunction RichTextToolbar({ onAction, className, ...rest }: RichTextToolbarProps) {\n  return (\n    <div\n      data-slot=\"rich-text-toolbar\"\n      role=\"toolbar\"\n      aria-label=\"Rich text formatting\"\n      className={cn(\"px-3 py-1.5 flex items-center justify-between\", className)}\n      {...rest}\n    >\n      <div className=\"flex items-center gap-0.5\">\n        <ToolbarButton action=\"undo\" icon={Undo2} label=\"Undo\" onAction={onAction} />\n        <ToolbarButton action=\"redo\" icon={Redo2} label=\"Redo\" onAction={onAction} />\n\n        <div className=\"w-px h-4 bg-border mx-1\" aria-hidden=\"true\" />\n\n        <button\n          type=\"button\"\n          data-slot=\"rich-text-toolbar-button\"\n          onClick={() => onAction?.(\"font\")}\n          aria-label=\"Font family\"\n          aria-haspopup=\"true\"\n          className=\"text-[11px] text-muted-foreground px-1.5 py-0.5 rounded hover:bg-muted/50 cursor-pointer flex items-center gap-1\"\n        >\n          Sans Serif\n          <ChevronDown size={10} />\n        </button>\n\n        <div className=\"w-px h-4 bg-border mx-1\" aria-hidden=\"true\" />\n\n        <ToolbarButton action=\"bold\" icon={Bold} label=\"Bold\" onAction={onAction} />\n        <ToolbarButton action=\"italic\" icon={Italic} label=\"Italic\" onAction={onAction} />\n        <ToolbarButton action=\"underline\" icon={Underline} label=\"Underline\" onAction={onAction} />\n\n        <div className=\"w-px h-4 bg-border mx-1\" aria-hidden=\"true\" />\n\n        <ToolbarButton action=\"align\" icon={AlignLeft} label=\"Align left\" onAction={onAction} />\n        <ToolbarButton action=\"list\" icon={List} label=\"List\" onAction={onAction} />\n      </div>\n\n      <ToolbarButton action=\"delete\" icon={Trash2} label=\"Delete\" extraClassName=\"hover:text-destructive\" onAction={onAction} />\n    </div>\n  )\n}\n\nexport { RichTextToolbar, type RichTextToolbarProps, type RichTextAction }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCM,cAoBE,YApBF;AApCN,SAAS,OAAO,OAAO,MAAM,QAAQ,WAAW,WAAW,MAAM,QAAQ,mBAAmB;AAE5F,SAAS,UAAU;AAanB,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,SAAS,MAAM,qCAAW;AAAA,MAC1B,cAAY;AAAA,MACZ,WAAW,GAAG,wEAAwE,cAAc;AAAA,MAEpG,8BAAC,QAAK,MAAM,IAAI;AAAA;AAAA,EAClB;AAEJ;AAEA,SAAS,gBAAgB,IAAwD;AAAxD,eAAE,YAAU,UA7CrC,IA6CyB,IAA0B,iBAA1B,IAA0B,CAAxB,YAAU;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,iDAAiD,SAAS;AAAA,OACpE,OALL;AAAA,MAOC;AAAA,6BAAC,SAAI,WAAU,6BACb;AAAA,8BAAC,iBAAc,QAAO,QAAO,MAAM,OAAO,OAAM,QAAO,UAAoB;AAAA,UAC3E,oBAAC,iBAAc,QAAO,QAAO,MAAM,OAAO,OAAM,QAAO,UAAoB;AAAA,UAE3E,oBAAC,SAAI,WAAU,2BAA0B,eAAY,QAAO;AAAA,UAE5D;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAU;AAAA,cACV,SAAS,MAAM,qCAAW;AAAA,cAC1B,cAAW;AAAA,cACX,iBAAc;AAAA,cACd,WAAU;AAAA,cACX;AAAA;AAAA,gBAEC,oBAAC,eAAY,MAAM,IAAI;AAAA;AAAA;AAAA,UACzB;AAAA,UAEA,oBAAC,SAAI,WAAU,2BAA0B,eAAY,QAAO;AAAA,UAE5D,oBAAC,iBAAc,QAAO,QAAO,MAAM,MAAM,OAAM,QAAO,UAAoB;AAAA,UAC1E,oBAAC,iBAAc,QAAO,UAAS,MAAM,QAAQ,OAAM,UAAS,UAAoB;AAAA,UAChF,oBAAC,iBAAc,QAAO,aAAY,MAAM,WAAW,OAAM,aAAY,UAAoB;AAAA,UAEzF,oBAAC,SAAI,WAAU,2BAA0B,eAAY,QAAO;AAAA,UAE5D,oBAAC,iBAAc,QAAO,SAAQ,MAAM,WAAW,OAAM,cAAa,UAAoB;AAAA,UACtF,oBAAC,iBAAc,QAAO,QAAO,MAAM,MAAM,OAAM,QAAO,UAAoB;AAAA,WAC5E;AAAA,QAEA,oBAAC,iBAAc,QAAO,UAAS,MAAM,QAAQ,OAAM,UAAS,gBAAe,0BAAyB,UAAoB;AAAA;AAAA;AAAA,EAC1H;AAEJ;","names":[]}

package/dist/components/signal-feedback-inline.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-type ApprovalState = "pending" | "confirming" | "approving-feedback" | "dismissing" | "approved" | "dismissed" | "auto-approved";
+type ApprovalState = "pending" | "confirming" | "creating" | "approving-feedback" | "dismissing" | "approved" | "dismissed" | "auto-approved";
 interface SignalApprovalLabels {
     approveButton?: string;
     dismissButton?: string;
@@ -10,6 +10,8 @@ interface SignalApprovalLabels {
     confirmPrompt?: string;
     dismissPrompt?: string;
     feedbackPrompt?: string;
+    /** Label shown while the approve action is in progress (e.g. "Creating Opportunity..."). */
+    creatingStatus?: string;
 }
 interface SignalApprovalContextValue {
     approvalState: ApprovalState;
@@ -36,7 +38,16 @@ interface RootProps {
     labels?: SignalApprovalLabels;
     /** When true, the approve/create-opportunity button is hidden but the dismiss button remains. */
     hideApproveButton?: boolean;
-    onApprove?: () => void;
+    /**
+     * Called when the user confirms the approval action.
+     *
+     * - If the callback returns `void` (or `undefined`), the component transitions
+     *   directly to the feedback step (backward-compatible behavior).
+     * - If the callback returns a `Promise<boolean>`, the component shows a
+     *   "creating" loading state while the promise is pending. On `true` it
+     *   transitions to the feedback step; on `false` it reverts to "pending".
+     */
+    onApprove?: () => void | Promise<boolean>;
     onApproveFeedback?: (reasons: string[], detail: string) => void;
     onDismiss?: (reasons: string[], detail: string, subReason?: string) => void;
 }

package/dist/components/signal-feedback-inline.js

@@ -89,7 +89,8 @@ const DEFAULT_LABELS = {
   opportunityCreated: "Opportunity Created",
   confirmPrompt: "This will approve this action for",
   dismissPrompt: "What\u2019s the issue with this action?",
-  feedbackPrompt: "Quick feedback \u2014 what made this action useful?"
+  feedbackPrompt: "Quick feedback \u2014 what made this action useful?",
+  creatingStatus: "Creating\u2026"
 };
 const SignalApprovalCtx = React.createContext(null);
 function useSignalApproval() {
@@ -100,6 +101,12 @@ function useSignalApproval() {
 function Root({ children, companyName, opportunityUrl, scheduledTime, initialApprovalState, labels: labelOverrides, hideApproveButton, onApprove, onApproveFeedback, onDismiss }) {
   const labels = React.useMemo(() => __spreadValues(__spreadValues({}, DEFAULT_LABELS), labelOverrides), [labelOverrides]);
   const [approvalState, setApprovalState] = React.useState(initialApprovalState != null ? initialApprovalState : "pending");
+  const mountedRef = React.useRef(true);
+  React.useEffect(() => {
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
   const requestApproval = React.useCallback(() => {
     setApprovalState("confirming");
   }, []);
@@ -110,8 +117,21 @@ function Root({ children, companyName, opportunityUrl, scheduledTime, initialApp
     setApprovalState("pending");
   }, []);
   const approve = React.useCallback(() => {
-    setApprovalState("approving-feedback");
-    onApprove == null ? void 0 : onApprove();
+    const result = onApprove == null ? void 0 : onApprove();
+    if (result && typeof result.then === "function") {
+      setApprovalState("creating");
+      result.then((success) => {
+        if (mountedRef.current) {
+          setApprovalState(success ? "approving-feedback" : "pending");
+        }
+      }).catch(() => {
+        if (mountedRef.current) {
+          setApprovalState("pending");
+        }
+      });
+    } else {
+      setApprovalState("approving-feedback");
+    }
   }, [onApprove]);
   const submitApproveFeedback = React.useCallback(
     (reasons, detail) => {
@@ -329,6 +349,15 @@ function Actions() {
     setSelectedReasons([]);
     setDetailText("");
   };
+  if (approvalState === "creating") {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("svg", { className: "h-3.5 w-3.5 animate-spin", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+        /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+        /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+      ] }),
+      /* @__PURE__ */ jsx("span", { children: labels.creatingStatus })
+    ] });
+  }
   if (approvalState === "approved") {
     if (isEditing) {
       return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
@@ -626,7 +655,7 @@ function Actions() {
 }
 function Gate({ children }) {
   const { approvalState, hideApproveButton } = useSignalApproval();
-  const isLocked = !hideApproveButton && (approvalState === "pending" || approvalState === "confirming" || approvalState === "dismissing");
+  const isLocked = !hideApproveButton && (approvalState === "pending" || approvalState === "confirming" || approvalState === "creating" || approvalState === "dismissing");
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     isLocked && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-x-0 top-4 z-10 flex justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 rounded-full border border-border bg-background px-3 py-1.5 text-xs text-muted-foreground shadow-sm", children: [
       /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3" }),

package/dist/components/signal-feedback-inline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/signal-feedback-inline.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Check, CirclePlus, ExternalLink, Lock, ThumbsDown } from \"lucide-react\"\n\ninterface DismissReasonNode {\n  label: string\n  subOptions?: string[]\n}\n\nconst dismissReasonTree: DismissReasonNode[] = [\n  {\n    label: \"Not relevant for this account\",\n    subOptions: [\n      \"Business as usual for this account\",\n      \"Account in maintenance mode\",\n      \"Wrong contact for this signal\",\n      \"Other\",\n    ],\n  },\n  {\n    label: \"Bad timing\",\n    subOptions: [\n      \"Too early in the relationship\",\n      \"Too soon after last outreach\",\n      \"Wrong time of year for this account\",\n      \"Other\",\n    ],\n  },\n  {\n    label: \"Inaccurate data\",\n    subOptions: [\n      \"Wrong amount or number\",\n      \"Stale data\",\n      \"Account info wrong\",\n      \"Other\",\n    ],\n  },\n  {\n    label: \"Wrong account\",\n    subOptions: [\n      \"Different account meant\",\n      \"Account not in scope\",\n      \"Other\",\n    ],\n  },\n  {\n    label: \"Already handled\",\n    subOptions: [\n      \"Already in conversation\",\n      \"Already an open Opportunity\",\n      \"Already escalated\",\n      \"Other\",\n    ],\n  },\n  {\n    label: \"Not actionable\",\n    subOptions: [\n      \"No clear next step\",\n      \"Outside our remit\",\n      \"Other\",\n    ],\n  },\n  { label: \"Other\" },\n]\n\nconst approveReasons = [\n  \"Right timing\",\n  \"Accurate data\",\n  \"Good prospect fit\",\n  \"Actionable\",\n]\n\ntype ApprovalState = \"pending\" | \"confirming\" | \"approving-feedback\" | \"dismissing\" | \"approved\" | \"dismissed\" | \"auto-approved\"\n\ninterface SignalApprovalLabels {\n  approveButton?: string\n  dismissButton?: string\n  approvedStatus?: string\n  dismissedStatus?: string\n  opportunityCreated?: string\n  confirmPrompt?: string\n  dismissPrompt?: string\n  feedbackPrompt?: string\n}\n\nconst DEFAULT_LABELS: Required<SignalApprovalLabels> = {\n  approveButton: \"Approve action\",\n  dismissButton: \"Not Helpful\",\n  approvedStatus: \"Action Approved\",\n  dismissedStatus: \"Action Dismissed\",\n  opportunityCreated: \"Opportunity Created\",\n  confirmPrompt: \"This will approve this action for\",\n  dismissPrompt: \"What\\u2019s the issue with this action?\",\n  feedbackPrompt: \"Quick feedback \\u2014 what made this action useful?\",\n}\n\ninterface SignalApprovalContextValue {\n  approvalState: ApprovalState\n  companyName: string\n  opportunityUrl?: string\n  scheduledTime?: string\n  labels: Required<SignalApprovalLabels>\n  hideApproveButton?: boolean\n  approve: () => void\n  submitApproveFeedback: (reasons: string[], detail: string) => void\n  skipApproveFeedback: () => void\n  dismiss: (reasons: string[], detail: string, subReason?: string) => void\n  requestApproval: () => void\n  requestDismiss: () => void\n  cancel: () => void\n}\n\nconst SignalApprovalCtx = React.createContext<SignalApprovalContextValue | null>(null)\n\nexport function useSignalApproval() {\n  const ctx = React.useContext(SignalApprovalCtx)\n  if (!ctx) throw new Error(\"SignalApproval components must be used within SignalApproval.Root\")\n  return ctx\n}\n\ninterface RootProps {\n  children: React.ReactNode\n  companyName: string\n  opportunityUrl?: string\n  scheduledTime?: string\n  initialApprovalState?: ApprovalState\n  labels?: SignalApprovalLabels\n  /** When true, the approve/create-opportunity button is hidden but the dismiss button remains. */\n  hideApproveButton?: boolean\n  onApprove?: () => void\n  onApproveFeedback?: (reasons: string[], detail: string) => void\n  onDismiss?: (reasons: string[], detail: string, subReason?: string) => void\n}\n\nfunction Root({ children, companyName, opportunityUrl, scheduledTime, initialApprovalState, labels: labelOverrides, hideApproveButton, onApprove, onApproveFeedback, onDismiss }: RootProps) {\n  const labels = React.useMemo(() => ({ ...DEFAULT_LABELS, ...labelOverrides }), [labelOverrides])\n  const [approvalState, setApprovalState] = React.useState<ApprovalState>(initialApprovalState ?? \"pending\")\n\n  const requestApproval = React.useCallback(() => {\n    setApprovalState(\"confirming\")\n  }, [])\n\n  const requestDismiss = React.useCallback(() => {\n    setApprovalState(\"dismissing\")\n  }, [])\n\n  const cancel = React.useCallback(() => {\n    setApprovalState(\"pending\")\n  }, [])\n\n  const approve = React.useCallback(() => {\n    setApprovalState(\"approving-feedback\")\n    onApprove?.()\n  }, [onApprove])\n\n  const submitApproveFeedback = React.useCallback(\n    (reasons: string[], detail: string) => {\n      setApprovalState(\"approved\")\n      onApproveFeedback?.(reasons, detail)\n    },\n    [onApproveFeedback]\n  )\n\n  const skipApproveFeedback = React.useCallback(() => {\n    setApprovalState(\"approved\")\n  }, [])\n\n  const dismiss = React.useCallback(\n    (reasons: string[], detail: string, subReason?: string) => {\n      setApprovalState(\"dismissed\")\n      onDismiss?.(reasons, detail, subReason)\n    },\n    [onDismiss]\n  )\n\n  return (\n    <SignalApprovalCtx.Provider\n      value={{ approvalState, companyName, opportunityUrl, scheduledTime, labels, hideApproveButton, approve, submitApproveFeedback, skipApproveFeedback, dismiss, requestApproval, requestDismiss, cancel }}\n    >\n      {children}\n    </SignalApprovalCtx.Provider>\n  )\n}\n\n/** Shared dismiss reason picker used in both the \"editing\" and \"initial dismiss\" paths. */\nfunction DismissReasonPicker({\n  selectedTopReason,\n  selectedSubReason,\n  selectTopReason,\n  selectSubReason,\n  detailText,\n  setDetailText,\n  needsText,\n  canSubmitDismiss,\n  handleDismissSubmit,\n  topNode,\n  submitLabel,\n  onCancel,\n}: {\n  selectedTopReason: string | null\n  selectedSubReason: string | null\n  selectTopReason: (label: string) => void\n  selectSubReason: (label: string) => void\n  detailText: string\n  setDetailText: (value: string) => void\n  needsText: boolean\n  canSubmitDismiss: boolean\n  handleDismissSubmit: () => void\n  topNode: DismissReasonNode | undefined\n  submitLabel: string\n  onCancel: () => void\n}) {\n  return (\n    <>\n      <div className=\"flex flex-wrap gap-1.5\">\n        {dismissReasonTree.map((node) => {\n          const selected = selectedTopReason === node.label\n          return (\n            <button\n              key={node.label}\n              type=\"button\"\n              onClick={() => selectTopReason(node.label)}\n              className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${\n                selected\n                  ? \"border-red-200 bg-red-100 text-red-700\"\n                  : \"border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground\"\n              }`}\n            >\n              {node.label}\n            </button>\n          )\n        })}\n      </div>\n\n      {topNode?.subOptions && (\n        <div className=\"ml-3 border-l-2 border-muted pl-3\">\n          <div className=\"flex flex-wrap gap-1.5\">\n            {topNode.subOptions.map((sub) => {\n              const selected = selectedSubReason === sub\n              return (\n                <button\n                  key={sub}\n                  type=\"button\"\n                  onClick={() => selectSubReason(sub)}\n                  className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${\n                    selected\n                      ? \"border-red-200 bg-red-100 text-red-700\"\n                      : \"border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground\"\n                  }`}\n                >\n                  {sub}\n                </button>\n              )\n            })}\n          </div>\n        </div>\n      )}\n\n      {selectedTopReason && (\n        <input\n          type=\"text\"\n          value={detailText}\n          onChange={(e) => setDetailText(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" && canSubmitDismiss) handleDismissSubmit()\n          }}\n          placeholder={needsText ? \"Please describe (required)\" : \"Add context (optional)\"}\n          className=\"h-7 w-full rounded-md border border-border bg-muted/20 px-2.5 text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring\"\n        />\n      )}\n\n      <div className=\"flex items-center gap-2\">\n        <button\n          type=\"button\"\n          onClick={handleDismissSubmit}\n          disabled={!canSubmitDismiss}\n          className={`inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${\n            canSubmitDismiss\n              ? \"bg-foreground text-background hover:bg-foreground/90\"\n              : \"cursor-not-allowed bg-muted text-muted-foreground\"\n          }`}\n        >\n          {submitLabel}\n        </button>\n        <button\n          type=\"button\"\n          onClick={onCancel}\n          className=\"inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n        >\n          Cancel\n        </button>\n      </div>\n    </>\n  )\n}\n\nfunction SubmittedFeedback({\n  reasons,\n  detail,\n  subReason,\n  variant,\n  onEdit,\n}: {\n  reasons: string[]\n  detail: string\n  subReason?: string\n  variant: \"approve\" | \"dismiss\"\n  onEdit: () => void\n}) {\n  if (reasons.length === 0 && !detail) return null\n  const pillClass =\n    variant === \"approve\"\n      ? \"border-emerald-200/60 bg-emerald-50/50 text-emerald-700/70\"\n      : \"border-red-200/60 bg-red-50/50 text-red-700/70\"\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onEdit}\n      className=\"w-full text-left space-y-1.5 group cursor-pointer\"\n    >\n      {reasons.length > 0 && (\n        <div className=\"flex flex-wrap gap-1\">\n          {reasons.map((r) => (\n            <span\n              key={r}\n              className={`rounded-full border px-2 py-0.5 text-[10px] font-medium transition-colors group-hover:opacity-80 ${pillClass}`}\n            >\n              {r}\n            </span>\n          ))}\n          {subReason && (\n            <span\n              className={`rounded-full border px-2 py-0.5 text-[10px] font-medium transition-colors group-hover:opacity-80 ${pillClass}`}\n            >\n              {subReason}\n            </span>\n          )}\n        </div>\n      )}\n      {detail && (\n        <p className=\"text-[11px] text-muted-foreground/70 leading-snug group-hover:text-muted-foreground transition-colors\">{detail}</p>\n      )}\n    </button>\n  )\n}\n\nfunction Actions() {\n  const { approvalState, companyName, opportunityUrl, scheduledTime, labels, hideApproveButton, approve, submitApproveFeedback, skipApproveFeedback, dismiss, requestApproval, requestDismiss, cancel } =\n    useSignalApproval()\n  const [selectedTopReason, setSelectedTopReason] = React.useState<string | null>(null)\n  const [selectedSubReason, setSelectedSubReason] = React.useState<string | null>(null)\n  const [selectedReasons, setSelectedReasons] = React.useState<string[]>([])\n  const [detailText, setDetailText] = React.useState(\"\")\n  const [submittedFeedback, setSubmittedFeedback] = React.useState<{ reasons: string[]; detail: string; subReason?: string } | null>(null)\n  const [isEditing, setIsEditing] = React.useState(false)\n\n  const topNode = dismissReasonTree.find((n) => n.label === selectedTopReason)\n  const hasSubOptions = !!(topNode?.subOptions && topNode.subOptions.length > 0)\n  const isTopOther = selectedTopReason === \"Other\" && !hasSubOptions\n  const isSubOther = selectedSubReason === \"Other\"\n  const needsText = isTopOther || isSubOther\n  const canSubmitDismiss =\n    selectedTopReason !== null &&\n    (!hasSubOptions || selectedSubReason !== null) &&\n    (!needsText || detailText.trim().length > 0)\n\n  const canSubmitApprove = selectedReasons.length > 0 || detailText.trim().length > 0\n\n  const selectTopReason = (label: string) => {\n    if (selectedTopReason === label) {\n      setSelectedTopReason(null)\n      setSelectedSubReason(null)\n      setDetailText(\"\")\n    } else {\n      setSelectedTopReason(label)\n      setSelectedSubReason(null)\n      setDetailText(\"\")\n    }\n  }\n\n  const selectSubReason = (label: string) => {\n    setSelectedSubReason(selectedSubReason === label ? null : label)\n  }\n\n  const toggleReason = (reason: string) => {\n    setSelectedReasons((prev) =>\n      prev.includes(reason) ? prev.filter((r) => r !== reason) : [...prev, reason]\n    )\n  }\n\n  const startEditing = () => {\n    if (submittedFeedback) {\n      setSelectedTopReason(submittedFeedback.reasons[0] ?? null)\n      setSelectedSubReason(submittedFeedback.subReason ?? null)\n      // Note: selectedReasons is only used by the approve editing path.\n      // For dismiss feedback this is harmless but unused — the dismiss path\n      // reads selectedTopReason/selectedSubReason instead.\n      setSelectedReasons([...submittedFeedback.reasons])\n      setDetailText(submittedFeedback.detail)\n    }\n    setIsEditing(true)\n  }\n\n  const handleDismissSubmit = () => {\n    if (!canSubmitDismiss || !selectedTopReason) return\n    const fb = { reasons: [selectedTopReason], detail: detailText.trim(), subReason: selectedSubReason ?? undefined }\n    setSubmittedFeedback(fb)\n    dismiss([selectedTopReason], detailText.trim(), selectedSubReason ?? undefined)\n    setSelectedTopReason(null)\n    setSelectedSubReason(null)\n    setDetailText(\"\")\n    setIsEditing(false)\n  }\n\n  const handleApproveSubmit = () => {\n    const fb = { reasons: [...selectedReasons], detail: detailText.trim() }\n    setSubmittedFeedback(fb)\n    submitApproveFeedback(selectedReasons, detailText.trim())\n    setSelectedReasons([])\n    setDetailText(\"\")\n    setIsEditing(false)\n  }\n\n  const handleEditCancel = () => {\n    setSelectedTopReason(null)\n    setSelectedSubReason(null)\n    setSelectedReasons([])\n    setDetailText(\"\")\n    setIsEditing(false)\n  }\n\n  const handleCancel = () => {\n    cancel()\n    setSelectedTopReason(null)\n    setSelectedSubReason(null)\n    setSelectedReasons([])\n    setDetailText(\"\")\n  }\n\n  if (approvalState === \"approved\") {\n    if (isEditing) {\n      return (\n        <div className=\"space-y-3\">\n          <div className=\"flex items-center gap-1.5 text-xs font-medium text-emerald-600 mb-2\">\n            <Check className=\"h-3.5 w-3.5\" />\n            {opportunityUrl ? (\n              <a href={opportunityUrl} target=\"_blank\" rel=\"noopener noreferrer\" className=\"inline-flex items-center gap-1 hover:underline underline-offset-2\">\n                {labels.approvedStatus} <ExternalLink className=\"h-3 w-3\" />\n              </a>\n            ) : (\n              <span>{labels.approvedStatus}</span>\n            )}\n          </div>\n          <p className=\"text-xs font-medium text-muted-foreground\">Edit your feedback</p>\n          <div className=\"flex flex-wrap gap-1.5\">\n            {approveReasons.map((reason) => {\n              const selected = selectedReasons.includes(reason)\n              return (\n                <button key={reason} type=\"button\" onClick={() => toggleReason(reason)}\n                  className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${\n                    selected ? \"border-emerald-200 bg-emerald-100 text-emerald-700\" : \"border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground\"\n                  }`}>{reason}</button>\n              )\n            })}\n          </div>\n          <input type=\"text\" value={detailText} onChange={(e) => setDetailText(e.target.value)}\n            onKeyDown={(e) => { if (e.key === \"Enter\" && canSubmitApprove) handleApproveSubmit() }}\n            placeholder=\"Tell us more (optional)\"\n            className=\"h-7 w-full rounded-md border border-border bg-muted/20 px-2.5 text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring\" />\n          <div className=\"flex items-center gap-2\">\n            <button type=\"button\" onClick={handleApproveSubmit} disabled={!canSubmitApprove}\n              className={`inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${canSubmitApprove ? \"bg-foreground text-background hover:bg-foreground/90\" : \"cursor-not-allowed bg-muted text-muted-foreground\"}`}>\n              Save\n            </button>\n            <button type=\"button\" onClick={handleEditCancel}\n              className=\"inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\">\n              Cancel\n            </button>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"space-y-2\">\n        <div className=\"flex items-center gap-1.5 text-xs font-medium text-emerald-600\">\n          <Check className=\"h-3.5 w-3.5\" />\n          {opportunityUrl ? (\n            <a\n              href={opportunityUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1 hover:underline underline-offset-2\"\n            >\n              {labels.opportunityCreated}\n              <ExternalLink className=\"h-3 w-3\" />\n            </a>\n          ) : (\n            <span>{labels.opportunityCreated}</span>\n          )}\n        </div>\n        {submittedFeedback && (\n          <SubmittedFeedback\n            reasons={submittedFeedback.reasons}\n            detail={submittedFeedback.detail}\n            variant=\"approve\"\n            onEdit={startEditing}\n          />\n        )}\n      </div>\n    )\n  }\n\n  if (approvalState === \"auto-approved\") {\n    return (\n      <div className=\"space-y-2\">\n        <div className=\"flex items-center gap-1.5 text-xs font-medium text-emerald-600\">\n          <Check className=\"h-3.5 w-3.5\" />\n          <span>{labels.approvedStatus}</span>\n        </div>\n        {scheduledTime && (\n          <p className=\"text-[11px] text-muted-foreground\">Scheduled: {scheduledTime}</p>\n        )}\n      </div>\n    )\n  }\n\n  if (approvalState === \"approving-feedback\") {\n    return (\n      <div className=\"space-y-3\">\n        <div className=\"flex items-center gap-1.5 text-xs font-medium text-emerald-600 mb-2\">\n          <Check className=\"h-3.5 w-3.5\" />\n          {opportunityUrl ? (\n            <a\n              href={opportunityUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1 hover:underline underline-offset-2\"\n            >\n              {labels.opportunityCreated}\n              <ExternalLink className=\"h-3 w-3\" />\n            </a>\n          ) : (\n            <span>{labels.opportunityCreated}</span>\n          )}\n        </div>\n        <p className=\"text-xs font-medium text-muted-foreground\">{labels.feedbackPrompt}</p>\n        <div className=\"flex flex-wrap gap-1.5\">\n          {approveReasons.map((reason) => {\n            const selected = selectedReasons.includes(reason)\n            return (\n              <button\n                key={reason}\n                type=\"button\"\n                onClick={() => toggleReason(reason)}\n                className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${\n                  selected\n                    ? \"border-emerald-200 bg-emerald-100 text-emerald-700\"\n                    : \"border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground\"\n                }`}\n              >\n                {reason}\n              </button>\n            )\n          })}\n        </div>\n\n        <input\n          type=\"text\"\n          value={detailText}\n          onChange={(e) => setDetailText(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" && canSubmitApprove) handleApproveSubmit()\n          }}\n          placeholder=\"Tell us more (optional)\"\n          className=\"h-7 w-full rounded-md border border-border bg-muted/20 px-2.5 text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring\"\n        />\n\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={handleApproveSubmit}\n            disabled={!canSubmitApprove}\n            className={`inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${\n              canSubmitApprove\n                ? \"bg-foreground text-background hover:bg-foreground/90\"\n                : \"cursor-not-allowed bg-muted text-muted-foreground\"\n            }`}\n          >\n            Submit\n          </button>\n          <button\n            type=\"button\"\n            onClick={skipApproveFeedback}\n            className=\"inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n          >\n            Skip\n          </button>\n        </div>\n      </div>\n    )\n  }\n\n  if (approvalState === \"dismissed\") {\n    if (isEditing) {\n      return (\n        <div className=\"space-y-3\">\n          <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground mb-2\">\n            <ThumbsDown className=\"h-3.5 w-3.5\" />\n            <span>{labels.dismissedStatus}</span>\n          </div>\n          <p className=\"text-xs font-medium text-muted-foreground\">Edit your feedback</p>\n          <DismissReasonPicker\n            selectedTopReason={selectedTopReason}\n            selectedSubReason={selectedSubReason}\n            selectTopReason={selectTopReason}\n            selectSubReason={selectSubReason}\n            detailText={detailText}\n            setDetailText={setDetailText}\n            needsText={needsText}\n            canSubmitDismiss={canSubmitDismiss}\n            handleDismissSubmit={handleDismissSubmit}\n            topNode={topNode}\n            submitLabel=\"Save\"\n            onCancel={handleEditCancel}\n          />\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"space-y-2\">\n        <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n          <ThumbsDown className=\"h-3.5 w-3.5\" />\n          <span>{labels.dismissedStatus}</span>\n        </div>\n        {submittedFeedback && (\n          <SubmittedFeedback\n            reasons={submittedFeedback.reasons}\n            detail={submittedFeedback.detail}\n            subReason={submittedFeedback.subReason}\n            variant=\"dismiss\"\n            onEdit={startEditing}\n          />\n        )}\n      </div>\n    )\n  }\n\n  if (approvalState === \"confirming\") {\n    return (\n      <div className=\"space-y-3\">\n        <div className=\"rounded-md border border-border bg-muted/30 p-3\">\n          <p className=\"text-sm text-foreground\">\n            {labels.confirmPrompt} <strong>{companyName}</strong>. Confirm?\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={approve}\n            className=\"inline-flex h-7 items-center gap-1.5 rounded-md bg-foreground px-3 text-xs font-semibold text-background transition-colors hover:bg-foreground/90\"\n          >\n            <Check className=\"h-3 w-3\" />\n            Confirm\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleCancel}\n            className=\"inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n          >\n            Cancel\n          </button>\n        </div>\n      </div>\n    )\n  }\n\n  if (approvalState === \"dismissing\") {\n    return (\n      <div className=\"space-y-3\">\n        <p className=\"text-xs font-medium text-muted-foreground\">{labels.dismissPrompt}</p>\n        <DismissReasonPicker\n          selectedTopReason={selectedTopReason}\n          selectedSubReason={selectedSubReason}\n          selectTopReason={selectTopReason}\n          selectSubReason={selectSubReason}\n          detailText={detailText}\n          setDetailText={setDetailText}\n          needsText={needsText}\n          canSubmitDismiss={canSubmitDismiss}\n          handleDismissSubmit={handleDismissSubmit}\n          topNode={topNode}\n          submitLabel=\"Submit\"\n          onCancel={handleCancel}\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      {!hideApproveButton && (\n        <button\n          type=\"button\"\n          onClick={requestApproval}\n          className=\"inline-flex h-7 items-center gap-1.5 rounded-md border border-border bg-foreground px-3 text-xs font-semibold text-background shadow-none transition-colors hover:bg-foreground/90\"\n        >\n          <CirclePlus className=\"h-3.5 w-3.5\" />\n          {labels.approveButton}\n        </button>\n      )}\n      <button\n        type=\"button\"\n        onClick={requestDismiss}\n        className=\"inline-flex h-7 items-center gap-1.5 rounded-md border border-border px-3 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:bg-muted hover:text-foreground\"\n      >\n        <ThumbsDown className=\"h-3.5 w-3.5\" />\n        {labels.dismissButton}\n      </button>\n    </div>\n  )\n}\n\nfunction Gate({ children }: { children: React.ReactNode }) {\n  const { approvalState, hideApproveButton } = useSignalApproval()\n  // When the approve button is hidden, don't lock content behind approval\n  const isLocked = !hideApproveButton &&\n    (approvalState === \"pending\" || approvalState === \"confirming\" || approvalState === \"dismissing\")\n\n  return (\n    <div className=\"relative\">\n      {isLocked && (\n        <div className=\"pointer-events-none absolute inset-x-0 top-4 z-10 flex justify-center\">\n          <div className=\"flex items-center gap-1.5 rounded-full border border-border bg-background px-3 py-1.5 text-xs text-muted-foreground shadow-sm\">\n            <Lock className=\"h-3 w-3\" />\n            Approve or dismiss the signal above to unlock\n          </div>\n        </div>\n      )}\n      <div\n        className={`transition-opacity duration-300 ${isLocked ? \"pointer-events-none select-none opacity-40\" : \"opacity-100\"}`}\n      >\n        {children}\n      </div>\n    </div>\n  )\n}\n\nexport {\n  Root as SignalApprovalRoot,\n  Actions as SignalApprovalActions,\n  Gate as SignalApprovalGate,\n}\nexport const SignalApproval = { Root, Actions, Gate }\nexport type { ApprovalState, SignalApprovalLabels, SignalApprovalContextValue, RootProps as SignalApprovalRootProps }\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/signal-feedback-inline.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Check, CirclePlus, ExternalLink, Lock, ThumbsDown } from \"lucide-react\"\n\ninterface DismissReasonNode {\n  label: string\n  subOptions?: string[]\n}\n\nconst dismissReasonTree: DismissReasonNode[] = [\n  {\n    label: \"Not relevant for this account\",\n    subOptions: [\n      \"Business as usual for this account\",\n      \"Account in maintenance mode\",\n      \"Wrong contact for this signal\",\n      \"Other\",\n    ],\n  },\n  {\n    label: \"Bad timing\",\n    subOptions: [\n      \"Too early in the relationship\",\n      \"Too soon after last outreach\",\n      \"Wrong time of year for this account\",\n      \"Other\",\n    ],\n  },\n  {\n    label: \"Inaccurate data\",\n    subOptions: [\n      \"Wrong amount or number\",\n      \"Stale data\",\n      \"Account info wrong\",\n      \"Other\",\n    ],\n  },\n  {\n    label: \"Wrong account\",\n    subOptions: [\n      \"Different account meant\",\n      \"Account not in scope\",\n      \"Other\",\n    ],\n  },\n  {\n    label: \"Already handled\",\n    subOptions: [\n      \"Already in conversation\",\n      \"Already an open Opportunity\",\n      \"Already escalated\",\n      \"Other\",\n    ],\n  },\n  {\n    label: \"Not actionable\",\n    subOptions: [\n      \"No clear next step\",\n      \"Outside our remit\",\n      \"Other\",\n    ],\n  },\n  { label: \"Other\" },\n]\n\nconst approveReasons = [\n  \"Right timing\",\n  \"Accurate data\",\n  \"Good prospect fit\",\n  \"Actionable\",\n]\n\ntype ApprovalState = \"pending\" | \"confirming\" | \"creating\" | \"approving-feedback\" | \"dismissing\" | \"approved\" | \"dismissed\" | \"auto-approved\"\n\ninterface SignalApprovalLabels {\n  approveButton?: string\n  dismissButton?: string\n  approvedStatus?: string\n  dismissedStatus?: string\n  opportunityCreated?: string\n  confirmPrompt?: string\n  dismissPrompt?: string\n  feedbackPrompt?: string\n  /** Label shown while the approve action is in progress (e.g. \"Creating Opportunity...\"). */\n  creatingStatus?: string\n}\n\nconst DEFAULT_LABELS: Required<SignalApprovalLabels> = {\n  approveButton: \"Approve action\",\n  dismissButton: \"Not Helpful\",\n  approvedStatus: \"Action Approved\",\n  dismissedStatus: \"Action Dismissed\",\n  opportunityCreated: \"Opportunity Created\",\n  confirmPrompt: \"This will approve this action for\",\n  dismissPrompt: \"What\\u2019s the issue with this action?\",\n  feedbackPrompt: \"Quick feedback \\u2014 what made this action useful?\",\n  creatingStatus: \"Creating\\u2026\",\n}\n\ninterface SignalApprovalContextValue {\n  approvalState: ApprovalState\n  companyName: string\n  opportunityUrl?: string\n  scheduledTime?: string\n  labels: Required<SignalApprovalLabels>\n  hideApproveButton?: boolean\n  approve: () => void\n  submitApproveFeedback: (reasons: string[], detail: string) => void\n  skipApproveFeedback: () => void\n  dismiss: (reasons: string[], detail: string, subReason?: string) => void\n  requestApproval: () => void\n  requestDismiss: () => void\n  cancel: () => void\n}\n\nconst SignalApprovalCtx = React.createContext<SignalApprovalContextValue | null>(null)\n\nexport function useSignalApproval() {\n  const ctx = React.useContext(SignalApprovalCtx)\n  if (!ctx) throw new Error(\"SignalApproval components must be used within SignalApproval.Root\")\n  return ctx\n}\n\ninterface RootProps {\n  children: React.ReactNode\n  companyName: string\n  opportunityUrl?: string\n  scheduledTime?: string\n  initialApprovalState?: ApprovalState\n  labels?: SignalApprovalLabels\n  /** When true, the approve/create-opportunity button is hidden but the dismiss button remains. */\n  hideApproveButton?: boolean\n  /**\n   * Called when the user confirms the approval action.\n   *\n   * - If the callback returns `void` (or `undefined`), the component transitions\n   *   directly to the feedback step (backward-compatible behavior).\n   * - If the callback returns a `Promise<boolean>`, the component shows a\n   *   \"creating\" loading state while the promise is pending. On `true` it\n   *   transitions to the feedback step; on `false` it reverts to \"pending\".\n   */\n  onApprove?: () => void | Promise<boolean>\n  onApproveFeedback?: (reasons: string[], detail: string) => void\n  onDismiss?: (reasons: string[], detail: string, subReason?: string) => void\n}\n\nfunction Root({ children, companyName, opportunityUrl, scheduledTime, initialApprovalState, labels: labelOverrides, hideApproveButton, onApprove, onApproveFeedback, onDismiss }: RootProps) {\n  const labels = React.useMemo(() => ({ ...DEFAULT_LABELS, ...labelOverrides }), [labelOverrides])\n  const [approvalState, setApprovalState] = React.useState<ApprovalState>(initialApprovalState ?? \"pending\")\n\n  // Guard against state updates after unmount (e.g. user navigates away while\n  // an async onApprove promise is still in flight).\n  const mountedRef = React.useRef(true)\n  React.useEffect(() => {\n    return () => { mountedRef.current = false }\n  }, [])\n\n  const requestApproval = React.useCallback(() => {\n    setApprovalState(\"confirming\")\n  }, [])\n\n  const requestDismiss = React.useCallback(() => {\n    setApprovalState(\"dismissing\")\n  }, [])\n\n  const cancel = React.useCallback(() => {\n    setApprovalState(\"pending\")\n  }, [])\n\n  const approve = React.useCallback(() => {\n    const result = onApprove?.()\n    // If the callback returns a Promise, show a loading state and wait for it.\n    if (result && typeof (result as Promise<boolean>).then === \"function\") {\n      setApprovalState(\"creating\")\n      ;(result as Promise<boolean>).then((success) => {\n        if (mountedRef.current) {\n          setApprovalState(success ? \"approving-feedback\" : \"pending\")\n        }\n      }).catch(() => {\n        if (mountedRef.current) {\n          setApprovalState(\"pending\")\n        }\n      })\n    } else {\n      // Synchronous / void — transition immediately (backward-compatible).\n      setApprovalState(\"approving-feedback\")\n    }\n  }, [onApprove])\n\n  const submitApproveFeedback = React.useCallback(\n    (reasons: string[], detail: string) => {\n      setApprovalState(\"approved\")\n      onApproveFeedback?.(reasons, detail)\n    },\n    [onApproveFeedback]\n  )\n\n  const skipApproveFeedback = React.useCallback(() => {\n    setApprovalState(\"approved\")\n  }, [])\n\n  const dismiss = React.useCallback(\n    (reasons: string[], detail: string, subReason?: string) => {\n      setApprovalState(\"dismissed\")\n      onDismiss?.(reasons, detail, subReason)\n    },\n    [onDismiss]\n  )\n\n  return (\n    <SignalApprovalCtx.Provider\n      value={{ approvalState, companyName, opportunityUrl, scheduledTime, labels, hideApproveButton, approve, submitApproveFeedback, skipApproveFeedback, dismiss, requestApproval, requestDismiss, cancel }}\n    >\n      {children}\n    </SignalApprovalCtx.Provider>\n  )\n}\n\n/** Shared dismiss reason picker used in both the \"editing\" and \"initial dismiss\" paths. */\nfunction DismissReasonPicker({\n  selectedTopReason,\n  selectedSubReason,\n  selectTopReason,\n  selectSubReason,\n  detailText,\n  setDetailText,\n  needsText,\n  canSubmitDismiss,\n  handleDismissSubmit,\n  topNode,\n  submitLabel,\n  onCancel,\n}: {\n  selectedTopReason: string | null\n  selectedSubReason: string | null\n  selectTopReason: (label: string) => void\n  selectSubReason: (label: string) => void\n  detailText: string\n  setDetailText: (value: string) => void\n  needsText: boolean\n  canSubmitDismiss: boolean\n  handleDismissSubmit: () => void\n  topNode: DismissReasonNode | undefined\n  submitLabel: string\n  onCancel: () => void\n}) {\n  return (\n    <>\n      <div className=\"flex flex-wrap gap-1.5\">\n        {dismissReasonTree.map((node) => {\n          const selected = selectedTopReason === node.label\n          return (\n            <button\n              key={node.label}\n              type=\"button\"\n              onClick={() => selectTopReason(node.label)}\n              className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${\n                selected\n                  ? \"border-red-200 bg-red-100 text-red-700\"\n                  : \"border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground\"\n              }`}\n            >\n              {node.label}\n            </button>\n          )\n        })}\n      </div>\n\n      {topNode?.subOptions && (\n        <div className=\"ml-3 border-l-2 border-muted pl-3\">\n          <div className=\"flex flex-wrap gap-1.5\">\n            {topNode.subOptions.map((sub) => {\n              const selected = selectedSubReason === sub\n              return (\n                <button\n                  key={sub}\n                  type=\"button\"\n                  onClick={() => selectSubReason(sub)}\n                  className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${\n                    selected\n                      ? \"border-red-200 bg-red-100 text-red-700\"\n                      : \"border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground\"\n                  }`}\n                >\n                  {sub}\n                </button>\n              )\n            })}\n          </div>\n        </div>\n      )}\n\n      {selectedTopReason && (\n        <input\n          type=\"text\"\n          value={detailText}\n          onChange={(e) => setDetailText(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" && canSubmitDismiss) handleDismissSubmit()\n          }}\n          placeholder={needsText ? \"Please describe (required)\" : \"Add context (optional)\"}\n          className=\"h-7 w-full rounded-md border border-border bg-muted/20 px-2.5 text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring\"\n        />\n      )}\n\n      <div className=\"flex items-center gap-2\">\n        <button\n          type=\"button\"\n          onClick={handleDismissSubmit}\n          disabled={!canSubmitDismiss}\n          className={`inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${\n            canSubmitDismiss\n              ? \"bg-foreground text-background hover:bg-foreground/90\"\n              : \"cursor-not-allowed bg-muted text-muted-foreground\"\n          }`}\n        >\n          {submitLabel}\n        </button>\n        <button\n          type=\"button\"\n          onClick={onCancel}\n          className=\"inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n        >\n          Cancel\n        </button>\n      </div>\n    </>\n  )\n}\n\nfunction SubmittedFeedback({\n  reasons,\n  detail,\n  subReason,\n  variant,\n  onEdit,\n}: {\n  reasons: string[]\n  detail: string\n  subReason?: string\n  variant: \"approve\" | \"dismiss\"\n  onEdit: () => void\n}) {\n  if (reasons.length === 0 && !detail) return null\n  const pillClass =\n    variant === \"approve\"\n      ? \"border-emerald-200/60 bg-emerald-50/50 text-emerald-700/70\"\n      : \"border-red-200/60 bg-red-50/50 text-red-700/70\"\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onEdit}\n      className=\"w-full text-left space-y-1.5 group cursor-pointer\"\n    >\n      {reasons.length > 0 && (\n        <div className=\"flex flex-wrap gap-1\">\n          {reasons.map((r) => (\n            <span\n              key={r}\n              className={`rounded-full border px-2 py-0.5 text-[10px] font-medium transition-colors group-hover:opacity-80 ${pillClass}`}\n            >\n              {r}\n            </span>\n          ))}\n          {subReason && (\n            <span\n              className={`rounded-full border px-2 py-0.5 text-[10px] font-medium transition-colors group-hover:opacity-80 ${pillClass}`}\n            >\n              {subReason}\n            </span>\n          )}\n        </div>\n      )}\n      {detail && (\n        <p className=\"text-[11px] text-muted-foreground/70 leading-snug group-hover:text-muted-foreground transition-colors\">{detail}</p>\n      )}\n    </button>\n  )\n}\n\nfunction Actions() {\n  const { approvalState, companyName, opportunityUrl, scheduledTime, labels, hideApproveButton, approve, submitApproveFeedback, skipApproveFeedback, dismiss, requestApproval, requestDismiss, cancel } =\n    useSignalApproval()\n  const [selectedTopReason, setSelectedTopReason] = React.useState<string | null>(null)\n  const [selectedSubReason, setSelectedSubReason] = React.useState<string | null>(null)\n  const [selectedReasons, setSelectedReasons] = React.useState<string[]>([])\n  const [detailText, setDetailText] = React.useState(\"\")\n  const [submittedFeedback, setSubmittedFeedback] = React.useState<{ reasons: string[]; detail: string; subReason?: string } | null>(null)\n  const [isEditing, setIsEditing] = React.useState(false)\n\n  const topNode = dismissReasonTree.find((n) => n.label === selectedTopReason)\n  const hasSubOptions = !!(topNode?.subOptions && topNode.subOptions.length > 0)\n  const isTopOther = selectedTopReason === \"Other\" && !hasSubOptions\n  const isSubOther = selectedSubReason === \"Other\"\n  const needsText = isTopOther || isSubOther\n  const canSubmitDismiss =\n    selectedTopReason !== null &&\n    (!hasSubOptions || selectedSubReason !== null) &&\n    (!needsText || detailText.trim().length > 0)\n\n  const canSubmitApprove = selectedReasons.length > 0 || detailText.trim().length > 0\n\n  const selectTopReason = (label: string) => {\n    if (selectedTopReason === label) {\n      setSelectedTopReason(null)\n      setSelectedSubReason(null)\n      setDetailText(\"\")\n    } else {\n      setSelectedTopReason(label)\n      setSelectedSubReason(null)\n      setDetailText(\"\")\n    }\n  }\n\n  const selectSubReason = (label: string) => {\n    setSelectedSubReason(selectedSubReason === label ? null : label)\n  }\n\n  const toggleReason = (reason: string) => {\n    setSelectedReasons((prev) =>\n      prev.includes(reason) ? prev.filter((r) => r !== reason) : [...prev, reason]\n    )\n  }\n\n  const startEditing = () => {\n    if (submittedFeedback) {\n      setSelectedTopReason(submittedFeedback.reasons[0] ?? null)\n      setSelectedSubReason(submittedFeedback.subReason ?? null)\n      // Note: selectedReasons is only used by the approve editing path.\n      // For dismiss feedback this is harmless but unused — the dismiss path\n      // reads selectedTopReason/selectedSubReason instead.\n      setSelectedReasons([...submittedFeedback.reasons])\n      setDetailText(submittedFeedback.detail)\n    }\n    setIsEditing(true)\n  }\n\n  const handleDismissSubmit = () => {\n    if (!canSubmitDismiss || !selectedTopReason) return\n    const fb = { reasons: [selectedTopReason], detail: detailText.trim(), subReason: selectedSubReason ?? undefined }\n    setSubmittedFeedback(fb)\n    dismiss([selectedTopReason], detailText.trim(), selectedSubReason ?? undefined)\n    setSelectedTopReason(null)\n    setSelectedSubReason(null)\n    setDetailText(\"\")\n    setIsEditing(false)\n  }\n\n  const handleApproveSubmit = () => {\n    const fb = { reasons: [...selectedReasons], detail: detailText.trim() }\n    setSubmittedFeedback(fb)\n    submitApproveFeedback(selectedReasons, detailText.trim())\n    setSelectedReasons([])\n    setDetailText(\"\")\n    setIsEditing(false)\n  }\n\n  const handleEditCancel = () => {\n    setSelectedTopReason(null)\n    setSelectedSubReason(null)\n    setSelectedReasons([])\n    setDetailText(\"\")\n    setIsEditing(false)\n  }\n\n  const handleCancel = () => {\n    cancel()\n    setSelectedTopReason(null)\n    setSelectedSubReason(null)\n    setSelectedReasons([])\n    setDetailText(\"\")\n  }\n\n  if (approvalState === \"creating\") {\n    return (\n      <div className=\"flex items-center gap-2 text-xs font-medium text-muted-foreground\">\n        <svg className=\"h-3.5 w-3.5 animate-spin\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n          <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n          <path className=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\" />\n        </svg>\n        <span>{labels.creatingStatus}</span>\n      </div>\n    )\n  }\n\n  if (approvalState === \"approved\") {\n    if (isEditing) {\n      return (\n        <div className=\"space-y-3\">\n          <div className=\"flex items-center gap-1.5 text-xs font-medium text-emerald-600 mb-2\">\n            <Check className=\"h-3.5 w-3.5\" />\n            {opportunityUrl ? (\n              <a href={opportunityUrl} target=\"_blank\" rel=\"noopener noreferrer\" className=\"inline-flex items-center gap-1 hover:underline underline-offset-2\">\n                {labels.approvedStatus} <ExternalLink className=\"h-3 w-3\" />\n              </a>\n            ) : (\n              <span>{labels.approvedStatus}</span>\n            )}\n          </div>\n          <p className=\"text-xs font-medium text-muted-foreground\">Edit your feedback</p>\n          <div className=\"flex flex-wrap gap-1.5\">\n            {approveReasons.map((reason) => {\n              const selected = selectedReasons.includes(reason)\n              return (\n                <button key={reason} type=\"button\" onClick={() => toggleReason(reason)}\n                  className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${\n                    selected ? \"border-emerald-200 bg-emerald-100 text-emerald-700\" : \"border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground\"\n                  }`}>{reason}</button>\n              )\n            })}\n          </div>\n          <input type=\"text\" value={detailText} onChange={(e) => setDetailText(e.target.value)}\n            onKeyDown={(e) => { if (e.key === \"Enter\" && canSubmitApprove) handleApproveSubmit() }}\n            placeholder=\"Tell us more (optional)\"\n            className=\"h-7 w-full rounded-md border border-border bg-muted/20 px-2.5 text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring\" />\n          <div className=\"flex items-center gap-2\">\n            <button type=\"button\" onClick={handleApproveSubmit} disabled={!canSubmitApprove}\n              className={`inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${canSubmitApprove ? \"bg-foreground text-background hover:bg-foreground/90\" : \"cursor-not-allowed bg-muted text-muted-foreground\"}`}>\n              Save\n            </button>\n            <button type=\"button\" onClick={handleEditCancel}\n              className=\"inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\">\n              Cancel\n            </button>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"space-y-2\">\n        <div className=\"flex items-center gap-1.5 text-xs font-medium text-emerald-600\">\n          <Check className=\"h-3.5 w-3.5\" />\n          {opportunityUrl ? (\n            <a\n              href={opportunityUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1 hover:underline underline-offset-2\"\n            >\n              {labels.opportunityCreated}\n              <ExternalLink className=\"h-3 w-3\" />\n            </a>\n          ) : (\n            <span>{labels.opportunityCreated}</span>\n          )}\n        </div>\n        {submittedFeedback && (\n          <SubmittedFeedback\n            reasons={submittedFeedback.reasons}\n            detail={submittedFeedback.detail}\n            variant=\"approve\"\n            onEdit={startEditing}\n          />\n        )}\n      </div>\n    )\n  }\n\n  if (approvalState === \"auto-approved\") {\n    return (\n      <div className=\"space-y-2\">\n        <div className=\"flex items-center gap-1.5 text-xs font-medium text-emerald-600\">\n          <Check className=\"h-3.5 w-3.5\" />\n          <span>{labels.approvedStatus}</span>\n        </div>\n        {scheduledTime && (\n          <p className=\"text-[11px] text-muted-foreground\">Scheduled: {scheduledTime}</p>\n        )}\n      </div>\n    )\n  }\n\n  if (approvalState === \"approving-feedback\") {\n    return (\n      <div className=\"space-y-3\">\n        <div className=\"flex items-center gap-1.5 text-xs font-medium text-emerald-600 mb-2\">\n          <Check className=\"h-3.5 w-3.5\" />\n          {opportunityUrl ? (\n            <a\n              href={opportunityUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1 hover:underline underline-offset-2\"\n            >\n              {labels.opportunityCreated}\n              <ExternalLink className=\"h-3 w-3\" />\n            </a>\n          ) : (\n            <span>{labels.opportunityCreated}</span>\n          )}\n        </div>\n        <p className=\"text-xs font-medium text-muted-foreground\">{labels.feedbackPrompt}</p>\n        <div className=\"flex flex-wrap gap-1.5\">\n          {approveReasons.map((reason) => {\n            const selected = selectedReasons.includes(reason)\n            return (\n              <button\n                key={reason}\n                type=\"button\"\n                onClick={() => toggleReason(reason)}\n                className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${\n                  selected\n                    ? \"border-emerald-200 bg-emerald-100 text-emerald-700\"\n                    : \"border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground\"\n                }`}\n              >\n                {reason}\n              </button>\n            )\n          })}\n        </div>\n\n        <input\n          type=\"text\"\n          value={detailText}\n          onChange={(e) => setDetailText(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" && canSubmitApprove) handleApproveSubmit()\n          }}\n          placeholder=\"Tell us more (optional)\"\n          className=\"h-7 w-full rounded-md border border-border bg-muted/20 px-2.5 text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring\"\n        />\n\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={handleApproveSubmit}\n            disabled={!canSubmitApprove}\n            className={`inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${\n              canSubmitApprove\n                ? \"bg-foreground text-background hover:bg-foreground/90\"\n                : \"cursor-not-allowed bg-muted text-muted-foreground\"\n            }`}\n          >\n            Submit\n          </button>\n          <button\n            type=\"button\"\n            onClick={skipApproveFeedback}\n            className=\"inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n          >\n            Skip\n          </button>\n        </div>\n      </div>\n    )\n  }\n\n  if (approvalState === \"dismissed\") {\n    if (isEditing) {\n      return (\n        <div className=\"space-y-3\">\n          <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground mb-2\">\n            <ThumbsDown className=\"h-3.5 w-3.5\" />\n            <span>{labels.dismissedStatus}</span>\n          </div>\n          <p className=\"text-xs font-medium text-muted-foreground\">Edit your feedback</p>\n          <DismissReasonPicker\n            selectedTopReason={selectedTopReason}\n            selectedSubReason={selectedSubReason}\n            selectTopReason={selectTopReason}\n            selectSubReason={selectSubReason}\n            detailText={detailText}\n            setDetailText={setDetailText}\n            needsText={needsText}\n            canSubmitDismiss={canSubmitDismiss}\n            handleDismissSubmit={handleDismissSubmit}\n            topNode={topNode}\n            submitLabel=\"Save\"\n            onCancel={handleEditCancel}\n          />\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"space-y-2\">\n        <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n          <ThumbsDown className=\"h-3.5 w-3.5\" />\n          <span>{labels.dismissedStatus}</span>\n        </div>\n        {submittedFeedback && (\n          <SubmittedFeedback\n            reasons={submittedFeedback.reasons}\n            detail={submittedFeedback.detail}\n            subReason={submittedFeedback.subReason}\n            variant=\"dismiss\"\n            onEdit={startEditing}\n          />\n        )}\n      </div>\n    )\n  }\n\n  if (approvalState === \"confirming\") {\n    return (\n      <div className=\"space-y-3\">\n        <div className=\"rounded-md border border-border bg-muted/30 p-3\">\n          <p className=\"text-sm text-foreground\">\n            {labels.confirmPrompt} <strong>{companyName}</strong>. Confirm?\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={approve}\n            className=\"inline-flex h-7 items-center gap-1.5 rounded-md bg-foreground px-3 text-xs font-semibold text-background transition-colors hover:bg-foreground/90\"\n          >\n            <Check className=\"h-3 w-3\" />\n            Confirm\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleCancel}\n            className=\"inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n          >\n            Cancel\n          </button>\n        </div>\n      </div>\n    )\n  }\n\n  if (approvalState === \"dismissing\") {\n    return (\n      <div className=\"space-y-3\">\n        <p className=\"text-xs font-medium text-muted-foreground\">{labels.dismissPrompt}</p>\n        <DismissReasonPicker\n          selectedTopReason={selectedTopReason}\n          selectedSubReason={selectedSubReason}\n          selectTopReason={selectTopReason}\n          selectSubReason={selectSubReason}\n          detailText={detailText}\n          setDetailText={setDetailText}\n          needsText={needsText}\n          canSubmitDismiss={canSubmitDismiss}\n          handleDismissSubmit={handleDismissSubmit}\n          topNode={topNode}\n          submitLabel=\"Submit\"\n          onCancel={handleCancel}\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      {!hideApproveButton && (\n        <button\n          type=\"button\"\n          onClick={requestApproval}\n          className=\"inline-flex h-7 items-center gap-1.5 rounded-md border border-border bg-foreground px-3 text-xs font-semibold text-background shadow-none transition-colors hover:bg-foreground/90\"\n        >\n          <CirclePlus className=\"h-3.5 w-3.5\" />\n          {labels.approveButton}\n        </button>\n      )}\n      <button\n        type=\"button\"\n        onClick={requestDismiss}\n        className=\"inline-flex h-7 items-center gap-1.5 rounded-md border border-border px-3 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:bg-muted hover:text-foreground\"\n      >\n        <ThumbsDown className=\"h-3.5 w-3.5\" />\n        {labels.dismissButton}\n      </button>\n    </div>\n  )\n}\n\nfunction Gate({ children }: { children: React.ReactNode }) {\n  const { approvalState, hideApproveButton } = useSignalApproval()\n  // When the approve button is hidden, don't lock content behind approval\n  const isLocked = !hideApproveButton &&\n    (approvalState === \"pending\" || approvalState === \"confirming\" || approvalState === \"creating\" || approvalState === \"dismissing\")\n\n  return (\n    <div className=\"relative\">\n      {isLocked && (\n        <div className=\"pointer-events-none absolute inset-x-0 top-4 z-10 flex justify-center\">\n          <div className=\"flex items-center gap-1.5 rounded-full border border-border bg-background px-3 py-1.5 text-xs text-muted-foreground shadow-sm\">\n            <Lock className=\"h-3 w-3\" />\n            Approve or dismiss the signal above to unlock\n          </div>\n        </div>\n      )}\n      <div\n        className={`transition-opacity duration-300 ${isLocked ? \"pointer-events-none select-none opacity-40\" : \"opacity-100\"}`}\n      >\n        {children}\n      </div>\n    </div>\n  )\n}\n\nexport {\n  Root as SignalApprovalRoot,\n  Actions as SignalApprovalActions,\n  Gate as SignalApprovalGate,\n}\nexport const SignalApproval = { Root, Actions, Gate }\nexport type { ApprovalState, SignalApprovalLabels, SignalApprovalContextValue, RootProps as SignalApprovalRootProps }\n"],"mappings":"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","names":[]}

package/dist/components/step-timeline.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+type StepType = "email" | "call" | "task" | "wait" | (string & {});
+interface TimelineStep {
+    id: string;
+    type: StepType;
+    label: string;
+}
+interface StepTimelineProps extends React.HTMLAttributes<HTMLDivElement> {
+    steps: TimelineStep[];
+    expandedStepId?: string;
+    onStepClick?: (stepId: string) => void;
+    onInsert?: (index: number) => void;
+    renderStepBody?: (step: TimelineStep) => React.ReactNode;
+    renderStepAccessory?: (step: TimelineStep) => React.ReactNode;
+}
+declare function StepTimeline({ steps, expandedStepId, onStepClick, onInsert, renderStepBody, renderStepAccessory, className, ...rest }: StepTimelineProps): React.JSX.Element;
+
+export { StepTimeline, type StepTimelineProps, type StepType, type TimelineStep };

package/dist/components/step-timeline.js

@@ -0,0 +1,134 @@
+"use client"
+
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Mail, Phone, CheckSquare, Clock, Circle, ChevronUp, ChevronDown } from "lucide-react";
+import { cn } from "../lib/utils.js";
+const stepTypeConfig = {
+  email: { icon: Mail, classes: "bg-blue-500/10 text-blue-600" },
+  call: { icon: Phone, classes: "bg-emerald-500/10 text-emerald-600" },
+  task: { icon: CheckSquare, classes: "bg-purple-500/10 text-purple-600" },
+  wait: { icon: Clock, classes: "bg-muted text-muted-foreground" }
+};
+const defaultStepConfig = { icon: Circle, classes: "bg-muted text-muted-foreground" };
+function StepTimeline(_a) {
+  var _b = _a, {
+    steps,
+    expandedStepId,
+    onStepClick,
+    onInsert,
+    renderStepBody,
+    renderStepAccessory,
+    className
+  } = _b, rest = __objRest(_b, [
+    "steps",
+    "expandedStepId",
+    "onStepClick",
+    "onInsert",
+    "renderStepBody",
+    "renderStepAccessory",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ "data-slot": "step-timeline", className: cn("relative ml-5", className) }, rest), { children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-0 bottom-0 border-l-2 border-border" }),
+    steps.map((step, index) => {
+      var _a2;
+      const expanded = step.id === expandedStepId;
+      const config = (_a2 = stepTypeConfig[step.type]) != null ? _a2 : defaultStepConfig;
+      const TypeIcon = config.icon;
+      const isInteractive = !!(onStepClick || renderStepBody);
+      const bodyId = `step-timeline-body-${step.id}`;
+      const headerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: cn("w-8 h-8 rounded-full flex items-center justify-center shrink-0", config.classes), children: /* @__PURE__ */ jsx(TypeIcon, { size: 16 }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground uppercase tracking-wider", children: step.type }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: step.label })
+        ] })
+      ] });
+      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        index > 0 && onInsert && /* @__PURE__ */ jsx("div", { className: "relative pl-8 py-1", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-slot": "step-timeline-insert",
+            onClick: () => onInsert(index),
+            className: "border border-dashed border-border/50 rounded-lg py-2 text-center text-xs text-muted-foreground/50 hover:text-muted-foreground hover:border-border cursor-pointer transition-colors w-full",
+            children: "+ Add Step"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { "data-slot": "step-timeline-step", className: "relative pl-8 py-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-1/2 -translate-x-1/2 -translate-y-1/2 w-3 h-3 rounded-full border-2 border-border bg-background z-10" }),
+          /* @__PURE__ */ jsxs("div", { "data-slot": "step-timeline-card", className: "border border-border rounded-lg overflow-hidden", children: [
+            isInteractive ? /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full px-4 py-3 gap-3", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-expanded": expanded,
+                  "aria-controls": bodyId,
+                  onClick: () => onStepClick == null ? void 0 : onStepClick(step.id),
+                  className: "flex items-center gap-3 flex-1 min-w-0 cursor-pointer hover:opacity-80 transition-opacity text-left",
+                  children: headerContent
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2 shrink-0", children: [
+                renderStepAccessory && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: renderStepAccessory(step) }),
+                /* @__PURE__ */ jsx("div", { className: "shrink-0 text-muted-foreground", children: expanded ? /* @__PURE__ */ jsx(ChevronUp, { size: 16 }) : /* @__PURE__ */ jsx(ChevronDown, { size: 16 }) })
+              ] })
+            ] }) : /* @__PURE__ */ jsxs("div", { className: "w-full px-4 py-3 flex items-center gap-3", children: [
+              headerContent,
+              renderStepAccessory && /* @__PURE__ */ jsx("div", { className: "ml-auto shrink-0", children: renderStepAccessory(step) })
+            ] }),
+            expanded && renderStepBody && /* @__PURE__ */ jsx("div", { id: bodyId, "data-slot": "step-timeline-body", children: renderStepBody(step) })
+          ] })
+        ] })
+      ] }, step.id);
+    }),
+    onInsert && /* @__PURE__ */ jsx("div", { className: "relative pl-8 py-1", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "data-slot": "step-timeline-insert",
+        onClick: () => onInsert(steps.length),
+        className: "border border-dashed border-border/50 rounded-lg py-2 text-center text-xs text-muted-foreground/50 hover:text-muted-foreground hover:border-border cursor-pointer transition-colors w-full",
+        children: "+ Add Step"
+      }
+    ) })
+  ] }));
+}
+export {
+  StepTimeline
+};
+//# sourceMappingURL=step-timeline.js.map

package/dist/components/step-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/step-timeline.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport type { LucideIcon } from \"lucide-react\"\nimport { Mail, Phone, CheckSquare, Clock, Circle, ChevronUp, ChevronDown } from \"lucide-react\"\n\nimport { cn } from \"../lib/utils\"\n\ntype StepType = \"email\" | \"call\" | \"task\" | \"wait\" | (string & {})\n\ninterface TimelineStep {\n  id: string\n  type: StepType\n  label: string\n}\n\ninterface StepTimelineProps extends React.HTMLAttributes<HTMLDivElement> {\n  steps: TimelineStep[]\n  expandedStepId?: string\n  onStepClick?: (stepId: string) => void\n  onInsert?: (index: number) => void\n  renderStepBody?: (step: TimelineStep) => React.ReactNode\n  renderStepAccessory?: (step: TimelineStep) => React.ReactNode\n}\n\nconst stepTypeConfig: Record<string, { icon: LucideIcon; classes: string }> = {\n  email: { icon: Mail, classes: \"bg-blue-500/10 text-blue-600\" },\n  call: { icon: Phone, classes: \"bg-emerald-500/10 text-emerald-600\" },\n  task: { icon: CheckSquare, classes: \"bg-purple-500/10 text-purple-600\" },\n  wait: { icon: Clock, classes: \"bg-muted text-muted-foreground\" },\n}\n\nconst defaultStepConfig: { icon: LucideIcon; classes: string } = { icon: Circle, classes: \"bg-muted text-muted-foreground\" }\n\nfunction StepTimeline({\n  steps,\n  expandedStepId,\n  onStepClick,\n  onInsert,\n  renderStepBody,\n  renderStepAccessory,\n  className,\n  ...rest\n}: StepTimelineProps) {\n  return (\n    <div data-slot=\"step-timeline\" className={cn(\"relative ml-5\", className)} {...rest}>\n      <div className=\"absolute left-0 top-0 bottom-0 border-l-2 border-border\" />\n\n      {steps.map((step, index) => {\n        const expanded = step.id === expandedStepId\n        const config = stepTypeConfig[step.type] ?? defaultStepConfig\n        const TypeIcon = config.icon\n        const isInteractive = !!(onStepClick || renderStepBody)\n        const bodyId = `step-timeline-body-${step.id}`\n\n        const headerContent = (\n          <>\n            <div className={cn(\"w-8 h-8 rounded-full flex items-center justify-center shrink-0\", config.classes)}>\n              <TypeIcon size={16} />\n            </div>\n            <div className=\"flex flex-col min-w-0\">\n              <span className=\"text-[11px] font-medium text-muted-foreground uppercase tracking-wider\">\n                {step.type}\n              </span>\n              <span className=\"text-sm font-medium\">{step.label}</span>\n            </div>\n          </>\n        )\n\n        return (\n          <React.Fragment key={step.id}>\n            {index > 0 && onInsert && (\n              <div className=\"relative pl-8 py-1\">\n                <button\n                  type=\"button\"\n                  data-slot=\"step-timeline-insert\"\n                  onClick={() => onInsert(index)}\n                  className=\"border border-dashed border-border/50 rounded-lg py-2 text-center text-xs text-muted-foreground/50 hover:text-muted-foreground hover:border-border cursor-pointer transition-colors w-full\"\n                >\n                  + Add Step\n                </button>\n              </div>\n            )}\n\n            <div data-slot=\"step-timeline-step\" className=\"relative pl-8 py-2\">\n              <div className=\"absolute left-0 top-1/2 -translate-x-1/2 -translate-y-1/2 w-3 h-3 rounded-full border-2 border-border bg-background z-10\" />\n\n              <div data-slot=\"step-timeline-card\" className=\"border border-border rounded-lg overflow-hidden\">\n                {isInteractive ? (\n                  <div className=\"flex items-center w-full px-4 py-3 gap-3\">\n                    <button\n                      type=\"button\"\n                      aria-expanded={expanded}\n                      aria-controls={bodyId}\n                      onClick={() => onStepClick?.(step.id)}\n                      className=\"flex items-center gap-3 flex-1 min-w-0 cursor-pointer hover:opacity-80 transition-opacity text-left\"\n                    >\n                      {headerContent}\n                    </button>\n                    <div className=\"ml-auto flex items-center gap-2 shrink-0\">\n                      {renderStepAccessory && (\n                        <div className=\"shrink-0\">\n                          {renderStepAccessory(step)}\n                        </div>\n                      )}\n                      <div className=\"shrink-0 text-muted-foreground\">\n                        {expanded ? <ChevronUp size={16} /> : <ChevronDown size={16} />}\n                      </div>\n                    </div>\n                  </div>\n                ) : (\n                  <div className=\"w-full px-4 py-3 flex items-center gap-3\">\n                    {headerContent}\n                    {renderStepAccessory && (\n                      <div className=\"ml-auto shrink-0\">\n                        {renderStepAccessory(step)}\n                      </div>\n                    )}\n                  </div>\n                )}\n\n                {expanded && renderStepBody && (\n                  <div id={bodyId} data-slot=\"step-timeline-body\">\n                    {renderStepBody(step)}\n                  </div>\n                )}\n              </div>\n            </div>\n          </React.Fragment>\n        )\n      })}\n\n      {onInsert && (\n        <div className=\"relative pl-8 py-1\">\n          <button\n            type=\"button\"\n            data-slot=\"step-timeline-insert\"\n            onClick={() => onInsert(steps.length)}\n            className=\"border border-dashed border-border/50 rounded-lg py-2 text-center text-xs text-muted-foreground/50 hover:text-muted-foreground hover:border-border cursor-pointer transition-colors w-full\"\n          >\n            + Add Step\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { StepTimeline, type StepTimelineProps, type TimelineStep, type StepType }\n"],"mappings":"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","names":["_a"]}

package/dist/components/sticky-action-bar.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+interface StickyActionBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+    bordered?: boolean;
+}
+declare function StickyActionBar({ left, right, bordered, className, ...rest }: StickyActionBarProps): React.JSX.Element;
+
+export { StickyActionBar, type StickyActionBarProps };