@handled-ai/design-system 0.9.21 → 0.9.22

package/dist/components/badge.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/dist/components/button.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

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

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Check, CirclePlus, ExternalLink, Lock, ThumbsDown } from "lucide-react";
 const dismissReasonTree = [
@@ -138,6 +138,83 @@ function Root({ children, companyName, opportunityUrl, scheduledTime, initialApp
     }
   );
 }
+function DismissReasonPicker({
+  selectedTopReason,
+  selectedSubReason,
+  selectTopReason,
+  selectSubReason,
+  detailText,
+  setDetailText,
+  needsText,
+  canSubmitDismiss,
+  handleDismissSubmit,
+  topNode,
+  submitLabel,
+  onCancel
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: dismissReasonTree.map((node) => {
+      const selected = selectedTopReason === node.label;
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => selectTopReason(node.label),
+          className: `rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${selected ? "border-red-200 bg-red-100 text-red-700" : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"}`,
+          children: node.label
+        },
+        node.label
+      );
+    }) }),
+    (topNode == null ? void 0 : topNode.subOptions) && /* @__PURE__ */ jsx("div", { className: "ml-3 border-l-2 border-muted pl-3", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: topNode.subOptions.map((sub) => {
+      const selected = selectedSubReason === sub;
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => selectSubReason(sub),
+          className: `rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${selected ? "border-red-200 bg-red-100 text-red-700" : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"}`,
+          children: sub
+        },
+        sub
+      );
+    }) }) }),
+    selectedTopReason && /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value: detailText,
+        onChange: (e) => setDetailText(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" && canSubmitDismiss) handleDismissSubmit();
+        },
+        placeholder: needsText ? "Please describe (required)" : "Add context (optional)",
+        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"
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleDismissSubmit,
+          disabled: !canSubmitDismiss,
+          className: `inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${canSubmitDismiss ? "bg-foreground text-background hover:bg-foreground/90" : "cursor-not-allowed bg-muted text-muted-foreground"}`,
+          children: submitLabel
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onCancel,
+          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",
+          children: "Cancel"
+        }
+      )
+    ] })
+  ] });
+}
 function SubmittedFeedback({
   reasons,
   detail,
@@ -429,66 +506,23 @@ function Actions() {
           /* @__PURE__ */ jsx("span", { children: labels.dismissedStatus })
         ] }),
         /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: "Edit your feedback" }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: dismissReasonTree.map((node) => {
-          const selected = selectedTopReason === node.label;
-          return /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => selectTopReason(node.label),
-              className: `rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${selected ? "border-red-200 bg-red-100 text-red-700" : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"}`,
-              children: node.label
-            },
-            node.label
-          );
-        }) }),
-        (topNode == null ? void 0 : topNode.subOptions) && /* @__PURE__ */ jsx("div", { className: "ml-3 border-l-2 border-muted pl-3", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: topNode.subOptions.map((sub) => {
-          const selected = selectedSubReason === sub;
-          return /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => selectSubReason(sub),
-              className: `rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${selected ? "border-red-200 bg-red-100 text-red-700" : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"}`,
-              children: sub
-            },
-            sub
-          );
-        }) }) }),
-        selectedTopReason && /* @__PURE__ */ jsx(
-          "input",
+        /* @__PURE__ */ jsx(
+          DismissReasonPicker,
           {
-            type: "text",
-            value: detailText,
-            onChange: (e) => setDetailText(e.target.value),
-            onKeyDown: (e) => {
-              if (e.key === "Enter" && canSubmitDismiss) handleDismissSubmit();
-            },
-            placeholder: needsText ? "Please describe (required)" : "Add context (optional)",
-            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"
+            selectedTopReason,
+            selectedSubReason,
+            selectTopReason,
+            selectSubReason,
+            detailText,
+            setDetailText,
+            needsText,
+            canSubmitDismiss,
+            handleDismissSubmit,
+            topNode,
+            submitLabel: "Save",
+            onCancel: handleEditCancel
           }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handleDismissSubmit,
-              disabled: !canSubmitDismiss,
-              className: `inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${canSubmitDismiss ? "bg-foreground text-background hover:bg-foreground/90" : "cursor-not-allowed bg-muted text-muted-foreground"}`,
-              children: "Save"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handleEditCancel,
-              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",
-              children: "Cancel"
-            }
-          )
-        ] })
+        )
       ] });
     }
     return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
@@ -544,66 +578,23 @@ function Actions() {
   if (approvalState === "dismissing") {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: labels.dismissPrompt }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: dismissReasonTree.map((node) => {
-        const selected = selectedTopReason === node.label;
-        return /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => selectTopReason(node.label),
-            className: `rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${selected ? "border-red-200 bg-red-100 text-red-700" : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"}`,
-            children: node.label
-          },
-          node.label
-        );
-      }) }),
-      (topNode == null ? void 0 : topNode.subOptions) && /* @__PURE__ */ jsx("div", { className: "ml-3 border-l-2 border-muted pl-3", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: topNode.subOptions.map((sub) => {
-        const selected = selectedSubReason === sub;
-        return /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => selectSubReason(sub),
-            className: `rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${selected ? "border-red-200 bg-red-100 text-red-700" : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"}`,
-            children: sub
-          },
-          sub
-        );
-      }) }) }),
-      selectedTopReason && /* @__PURE__ */ jsx(
-        "input",
+      /* @__PURE__ */ jsx(
+        DismissReasonPicker,
         {
-          type: "text",
-          value: detailText,
-          onChange: (e) => setDetailText(e.target.value),
-          onKeyDown: (e) => {
-            if (e.key === "Enter" && canSubmitDismiss) handleDismissSubmit();
-          },
-          placeholder: needsText ? "Please describe (required)" : "Add context (optional)",
-          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"
+          selectedTopReason,
+          selectedSubReason,
+          selectTopReason,
+          selectSubReason,
+          detailText,
+          setDetailText,
+          needsText,
+          canSubmitDismiss,
+          handleDismissSubmit,
+          topNode,
+          submitLabel: "Submit",
+          onCancel: handleCancel
         }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: handleDismissSubmit,
-            disabled: !canSubmitDismiss,
-            className: `inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${canSubmitDismiss ? "bg-foreground text-background hover:bg-foreground/90" : "cursor-not-allowed bg-muted text-muted-foreground"}`,
-            children: "Submit"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: handleCancel,
-            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",
-            children: "Cancel"
-          }
-        )
-      ] })
+      )
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [

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\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      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          <div className=\"flex flex-wrap gap-1.5\">\n            {dismissReasonTree.map((node) => {\n              const selected = selectedTopReason === node.label\n              return (\n                <button key={node.label} type=\"button\" onClick={() => selectTopReason(node.label)}\n                  className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${\n                    selected ? \"border-red-200 bg-red-100 text-red-700\" : \"border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground\"\n                  }`}>{node.label}</button>\n              )\n            })}\n          </div>\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 key={sub} type=\"button\" onClick={() => selectSubReason(sub)}\n                      className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${\n                        selected ? \"border-red-200 bg-red-100 text-red-700\" : \"border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground\"\n                      }`}>{sub}</button>\n                  )\n                })}\n              </div>\n            </div>\n          )}\n          {selectedTopReason && (\n            <input type=\"text\" value={detailText} onChange={(e) => setDetailText(e.target.value)}\n              onKeyDown={(e) => { if (e.key === \"Enter\" && canSubmitDismiss) handleDismissSubmit() }}\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          <div className=\"flex items-center gap-2\">\n            <button type=\"button\" onClick={handleDismissSubmit} disabled={!canSubmitDismiss}\n              className={`inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${canSubmitDismiss ? \"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 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        <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            Submit\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  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\" | \"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":[]}

package/dist/components/tabs.d.ts

@@ -5,7 +5,7 @@ import { Tabs as Tabs$1 } from 'radix-ui';
 
 declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof Tabs$1.Root>): React.JSX.Element;
 declare const tabsListVariants: (props?: ({
-    variant?: "default" | "line" | null | undefined;
+    variant?: "line" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof Tabs$1.List> & VariantProps<typeof tabsListVariants>): React.JSX.Element;
 declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof Tabs$1.Trigger>): React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@handled-ai/design-system",
-  "version": "0.9.21",
+  "version": "0.9.22",
   "description": "Handled UI component library (shadcn-style, New York)",
   "type": "module",
   "packageManager": "pnpm@9.12.0",

package/src/components/signal-feedback-inline.tsx

@@ -183,6 +183,118 @@ function Root({ children, companyName, opportunityUrl, scheduledTime, initialApp
   )
 }
 
+/** Shared dismiss reason picker used in both the "editing" and "initial dismiss" paths. */
+function DismissReasonPicker({
+  selectedTopReason,
+  selectedSubReason,
+  selectTopReason,
+  selectSubReason,
+  detailText,
+  setDetailText,
+  needsText,
+  canSubmitDismiss,
+  handleDismissSubmit,
+  topNode,
+  submitLabel,
+  onCancel,
+}: {
+  selectedTopReason: string | null
+  selectedSubReason: string | null
+  selectTopReason: (label: string) => void
+  selectSubReason: (label: string) => void
+  detailText: string
+  setDetailText: (value: string) => void
+  needsText: boolean
+  canSubmitDismiss: boolean
+  handleDismissSubmit: () => void
+  topNode: DismissReasonNode | undefined
+  submitLabel: string
+  onCancel: () => void
+}) {
+  return (
+    <>
+      <div className="flex flex-wrap gap-1.5">
+        {dismissReasonTree.map((node) => {
+          const selected = selectedTopReason === node.label
+          return (
+            <button
+              key={node.label}
+              type="button"
+              onClick={() => selectTopReason(node.label)}
+              className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${
+                selected
+                  ? "border-red-200 bg-red-100 text-red-700"
+                  : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"
+              }`}
+            >
+              {node.label}
+            </button>
+          )
+        })}
+      </div>
+
+      {topNode?.subOptions && (
+        <div className="ml-3 border-l-2 border-muted pl-3">
+          <div className="flex flex-wrap gap-1.5">
+            {topNode.subOptions.map((sub) => {
+              const selected = selectedSubReason === sub
+              return (
+                <button
+                  key={sub}
+                  type="button"
+                  onClick={() => selectSubReason(sub)}
+                  className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${
+                    selected
+                      ? "border-red-200 bg-red-100 text-red-700"
+                      : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"
+                  }`}
+                >
+                  {sub}
+                </button>
+              )
+            })}
+          </div>
+        </div>
+      )}
+
+      {selectedTopReason && (
+        <input
+          type="text"
+          value={detailText}
+          onChange={(e) => setDetailText(e.target.value)}
+          onKeyDown={(e) => {
+            if (e.key === "Enter" && canSubmitDismiss) handleDismissSubmit()
+          }}
+          placeholder={needsText ? "Please describe (required)" : "Add context (optional)"}
+          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"
+        />
+      )}
+
+      <div className="flex items-center gap-2">
+        <button
+          type="button"
+          onClick={handleDismissSubmit}
+          disabled={!canSubmitDismiss}
+          className={`inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${
+            canSubmitDismiss
+              ? "bg-foreground text-background hover:bg-foreground/90"
+              : "cursor-not-allowed bg-muted text-muted-foreground"
+          }`}
+        >
+          {submitLabel}
+        </button>
+        <button
+          type="button"
+          onClick={onCancel}
+          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"
+        >
+          Cancel
+        </button>
+      </div>
+    </>
+  )
+}
+
 function SubmittedFeedback({
   reasons,
   detail,
@@ -282,6 +394,9 @@ function Actions() {
     if (submittedFeedback) {
       setSelectedTopReason(submittedFeedback.reasons[0] ?? null)
       setSelectedSubReason(submittedFeedback.subReason ?? null)
+      // Note: selectedReasons is only used by the approve editing path.
+      // For dismiss feedback this is harmless but unused — the dismiss path
+      // reads selectedTopReason/selectedSubReason instead.
       setSelectedReasons([...submittedFeedback.reasons])
       setDetailText(submittedFeedback.detail)
     }
@@ -497,48 +612,20 @@ function Actions() {
             <span>{labels.dismissedStatus}</span>
           </div>
           <p className="text-xs font-medium text-muted-foreground">Edit your feedback</p>
-          <div className="flex flex-wrap gap-1.5">
-            {dismissReasonTree.map((node) => {
-              const selected = selectedTopReason === node.label
-              return (
-                <button key={node.label} type="button" onClick={() => selectTopReason(node.label)}
-                  className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${
-                    selected ? "border-red-200 bg-red-100 text-red-700" : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"
-                  }`}>{node.label}</button>
-              )
-            })}
-          </div>
-          {topNode?.subOptions && (
-            <div className="ml-3 border-l-2 border-muted pl-3">
-              <div className="flex flex-wrap gap-1.5">
-                {topNode.subOptions.map((sub) => {
-                  const selected = selectedSubReason === sub
-                  return (
-                    <button key={sub} type="button" onClick={() => selectSubReason(sub)}
-                      className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${
-                        selected ? "border-red-200 bg-red-100 text-red-700" : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"
-                      }`}>{sub}</button>
-                  )
-                })}
-              </div>
-            </div>
-          )}
-          {selectedTopReason && (
-            <input type="text" value={detailText} onChange={(e) => setDetailText(e.target.value)}
-              onKeyDown={(e) => { if (e.key === "Enter" && canSubmitDismiss) handleDismissSubmit() }}
-              placeholder={needsText ? "Please describe (required)" : "Add context (optional)"}
-              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" />
-          )}
-          <div className="flex items-center gap-2">
-            <button type="button" onClick={handleDismissSubmit} disabled={!canSubmitDismiss}
-              className={`inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${canSubmitDismiss ? "bg-foreground text-background hover:bg-foreground/90" : "cursor-not-allowed bg-muted text-muted-foreground"}`}>
-              Save
-            </button>
-            <button type="button" onClick={handleEditCancel}
-              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">
-              Cancel
-            </button>
-          </div>
+          <DismissReasonPicker
+            selectedTopReason={selectedTopReason}
+            selectedSubReason={selectedSubReason}
+            selectTopReason={selectTopReason}
+            selectSubReason={selectSubReason}
+            detailText={detailText}
+            setDetailText={setDetailText}
+            needsText={needsText}
+            canSubmitDismiss={canSubmitDismiss}
+            handleDismissSubmit={handleDismissSubmit}
+            topNode={topNode}
+            submitLabel="Save"
+            onCancel={handleEditCancel}
+          />
         </div>
       )
     }
@@ -595,84 +682,20 @@ function Actions() {
     return (
       <div className="space-y-3">
         <p className="text-xs font-medium text-muted-foreground">{labels.dismissPrompt}</p>
-        <div className="flex flex-wrap gap-1.5">
-          {dismissReasonTree.map((node) => {
-            const selected = selectedTopReason === node.label
-            return (
-              <button
-                key={node.label}
-                type="button"
-                onClick={() => selectTopReason(node.label)}
-                className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${
-                  selected
-                    ? "border-red-200 bg-red-100 text-red-700"
-                    : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"
-                }`}
-              >
-                {node.label}
-              </button>
-            )
-          })}
-        </div>
-
-        {topNode?.subOptions && (
-          <div className="ml-3 border-l-2 border-muted pl-3">
-            <div className="flex flex-wrap gap-1.5">
-              {topNode.subOptions.map((sub) => {
-                const selected = selectedSubReason === sub
-                return (
-                  <button
-                    key={sub}
-                    type="button"
-                    onClick={() => selectSubReason(sub)}
-                    className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${
-                      selected
-                        ? "border-red-200 bg-red-100 text-red-700"
-                        : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"
-                    }`}
-                  >
-                    {sub}
-                  </button>
-                )
-              })}
-            </div>
-          </div>
-        )}
-
-        {selectedTopReason && (
-          <input
-            type="text"
-            value={detailText}
-            onChange={(e) => setDetailText(e.target.value)}
-            onKeyDown={(e) => {
-              if (e.key === "Enter" && canSubmitDismiss) handleDismissSubmit()
-            }}
-            placeholder={needsText ? "Please describe (required)" : "Add context (optional)"}
-            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"
-          />
-        )}
-
-        <div className="flex items-center gap-2">
-          <button
-            type="button"
-            onClick={handleDismissSubmit}
-            disabled={!canSubmitDismiss}
-            className={`inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${
-              canSubmitDismiss
-                ? "bg-foreground text-background hover:bg-foreground/90"
-                : "cursor-not-allowed bg-muted text-muted-foreground"
-            }`}
-          >
-            Submit
-          </button>
-          <button
-            type="button"
-            onClick={handleCancel}
-            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"
-          >
-            Cancel
-          </button>
-        </div>
+        <DismissReasonPicker
+          selectedTopReason={selectedTopReason}
+          selectedSubReason={selectedSubReason}
+          selectTopReason={selectTopReason}
+          selectSubReason={selectSubReason}
+          detailText={detailText}
+          setDetailText={setDetailText}
+          needsText={needsText}
+          canSubmitDismiss={canSubmitDismiss}
+          handleDismissSubmit={handleDismissSubmit}
+          topNode={topNode}
+          submitLabel="Submit"
+          onCancel={handleCancel}
+        />
       </div>
     )
   }