@handled-ai/design-system 0.9.11 → 0.9.13

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

@@ -6,6 +6,7 @@ interface SignalApprovalLabels {
     dismissButton?: string;
     approvedStatus?: string;
     dismissedStatus?: string;
+    opportunityCreated?: string;
     confirmPrompt?: string;
     dismissPrompt?: string;
     feedbackPrompt?: string;

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

@@ -39,6 +39,7 @@ const DEFAULT_LABELS = {
   dismissButton: "Not Helpful",
   approvedStatus: "Action Approved",
   dismissedStatus: "Action Dismissed",
+  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?"
@@ -238,11 +239,11 @@ function Actions() {
             rel: "noopener noreferrer",
             className: "inline-flex items-center gap-1 hover:underline underline-offset-2",
             children: [
-              "Opportunity Created",
+              labels.opportunityCreated,
               /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
             ]
           }
-        ) : /* @__PURE__ */ jsx("span", { children: "Opportunity Created" })
+        ) : /* @__PURE__ */ jsx("span", { children: labels.opportunityCreated })
       ] }),
       submittedFeedback && /* @__PURE__ */ jsx(
         SubmittedFeedback,
@@ -279,11 +280,11 @@ function Actions() {
             rel: "noopener noreferrer",
             className: "inline-flex items-center gap-1 hover:underline underline-offset-2",
             children: [
-              "Opportunity Created",
+              labels.opportunityCreated,
               /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
             ]
           }
-        ) : /* @__PURE__ */ jsx("span", { children: "Opportunity Created" })
+        ) : /* @__PURE__ */ jsx("span", { children: labels.opportunityCreated })
       ] }),
       /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: labels.feedbackPrompt }),
       /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: approveReasons.map((reason) => {
@@ -395,7 +396,7 @@ function Actions() {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
         /* @__PURE__ */ jsx(ThumbsDown, { className: "h-3.5 w-3.5" }),
-        /* @__PURE__ */ jsx("span", { children: "Signal Dismissed" })
+        /* @__PURE__ */ jsx("span", { children: labels.dismissedStatus })
       ] }),
       submittedFeedback && /* @__PURE__ */ jsx(
         SubmittedFeedback,

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\nconst dismissReasons = [\n  \"Bad timing\",\n  \"Inaccurate data\",\n  \"Wrong account\",\n  \"Already handled\",\n  \"Not actionable\",\n  \"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  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  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  approve: () => void\n  submitApproveFeedback: (reasons: string[], detail: string) => void\n  skipApproveFeedback: () => void\n  dismiss: (reasons: string[], detail: 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  onApprove?: () => void\n  onApproveFeedback?: (reasons: string[], detail: string) => void\n  onDismiss?: (reasons: string[], detail: string) => void\n}\n\nfunction Root({ children, companyName, opportunityUrl, scheduledTime, initialApprovalState, labels: labelOverrides, 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) => {\n      setApprovalState(\"dismissed\")\n      onDismiss?.(reasons, detail)\n    },\n    [onDismiss]\n  )\n\n  return (\n    <SignalApprovalCtx.Provider\n      value={{ approvalState, companyName, opportunityUrl, scheduledTime, labels, approve, submitApproveFeedback, skipApproveFeedback, dismiss, requestApproval, requestDismiss, cancel }}\n    >\n      {children}\n    </SignalApprovalCtx.Provider>\n  )\n}\n\nfunction SubmittedFeedback({\n  reasons,\n  detail,\n  variant,\n  onEdit,\n}: {\n  reasons: string[]\n  detail: 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        </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, approve, submitApproveFeedback, skipApproveFeedback, dismiss, requestApproval, requestDismiss, cancel } =\n    useSignalApproval()\n  const [selectedReasons, setSelectedReasons] = React.useState<string[]>([])\n  const [detailText, setDetailText] = React.useState(\"\")\n  const [submittedFeedback, setSubmittedFeedback] = React.useState<{ reasons: string[]; detail: string } | null>(null)\n  const [isEditing, setIsEditing] = React.useState(false)\n\n  const otherSelected = selectedReasons.includes(\"Other\")\n  const canSubmitDismiss = selectedReasons.length > 0 && (!otherSelected || detailText.trim().length > 0)\n  const canSubmitApprove = selectedReasons.length > 0 || detailText.trim().length > 0\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      setSelectedReasons([...submittedFeedback.reasons])\n      setDetailText(submittedFeedback.detail)\n    }\n    setIsEditing(true)\n  }\n\n  const handleDismissSubmit = () => {\n    if (!canSubmitDismiss) return\n    const fb = { reasons: [...selectedReasons], detail: detailText.trim() }\n    setSubmittedFeedback(fb)\n    dismiss(selectedReasons, detailText.trim())\n    setSelectedReasons([])\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    setSelectedReasons([])\n    setDetailText(\"\")\n    setIsEditing(false)\n  }\n\n  const handleCancel = () => {\n    cancel()\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              Opportunity Created\n              <ExternalLink className=\"h-3 w-3\" />\n            </a>\n          ) : (\n            <span>Opportunity Created</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              Opportunity Created\n              <ExternalLink className=\"h-3 w-3\" />\n            </a>\n          ) : (\n            <span>Opportunity Created</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            {dismissReasons.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-red-200 bg-red-100 text-red-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\" && canSubmitDismiss) handleDismissSubmit() }}\n            placeholder={otherSelected ? \"Please describe (required)\" : \"Provide additional feedback...\"}\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={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>Signal Dismissed</span>\n        </div>\n        {submittedFeedback && (\n          <SubmittedFeedback\n            reasons={submittedFeedback.reasons}\n            detail={submittedFeedback.detail}\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          {dismissReasons.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-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                {reason}\n              </button>\n            )\n          })}\n        </div>\n\n        {(selectedReasons.length > 0 || otherSelected) && (\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={otherSelected ? \"Please describe (required)\" : \"Provide additional feedback...\"}\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      <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      <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 } = useSignalApproval()\n  const isLocked =\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\nconst dismissReasons = [\n  \"Bad timing\",\n  \"Inaccurate data\",\n  \"Wrong account\",\n  \"Already handled\",\n  \"Not actionable\",\n  \"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  approve: () => void\n  submitApproveFeedback: (reasons: string[], detail: string) => void\n  skipApproveFeedback: () => void\n  dismiss: (reasons: string[], detail: 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  onApprove?: () => void\n  onApproveFeedback?: (reasons: string[], detail: string) => void\n  onDismiss?: (reasons: string[], detail: string) => void\n}\n\nfunction Root({ children, companyName, opportunityUrl, scheduledTime, initialApprovalState, labels: labelOverrides, 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) => {\n      setApprovalState(\"dismissed\")\n      onDismiss?.(reasons, detail)\n    },\n    [onDismiss]\n  )\n\n  return (\n    <SignalApprovalCtx.Provider\n      value={{ approvalState, companyName, opportunityUrl, scheduledTime, labels, approve, submitApproveFeedback, skipApproveFeedback, dismiss, requestApproval, requestDismiss, cancel }}\n    >\n      {children}\n    </SignalApprovalCtx.Provider>\n  )\n}\n\nfunction SubmittedFeedback({\n  reasons,\n  detail,\n  variant,\n  onEdit,\n}: {\n  reasons: string[]\n  detail: 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        </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, approve, submitApproveFeedback, skipApproveFeedback, dismiss, requestApproval, requestDismiss, cancel } =\n    useSignalApproval()\n  const [selectedReasons, setSelectedReasons] = React.useState<string[]>([])\n  const [detailText, setDetailText] = React.useState(\"\")\n  const [submittedFeedback, setSubmittedFeedback] = React.useState<{ reasons: string[]; detail: string } | null>(null)\n  const [isEditing, setIsEditing] = React.useState(false)\n\n  const otherSelected = selectedReasons.includes(\"Other\")\n  const canSubmitDismiss = selectedReasons.length > 0 && (!otherSelected || detailText.trim().length > 0)\n  const canSubmitApprove = selectedReasons.length > 0 || detailText.trim().length > 0\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      setSelectedReasons([...submittedFeedback.reasons])\n      setDetailText(submittedFeedback.detail)\n    }\n    setIsEditing(true)\n  }\n\n  const handleDismissSubmit = () => {\n    if (!canSubmitDismiss) return\n    const fb = { reasons: [...selectedReasons], detail: detailText.trim() }\n    setSubmittedFeedback(fb)\n    dismiss(selectedReasons, detailText.trim())\n    setSelectedReasons([])\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    setSelectedReasons([])\n    setDetailText(\"\")\n    setIsEditing(false)\n  }\n\n  const handleCancel = () => {\n    cancel()\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            {dismissReasons.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-red-200 bg-red-100 text-red-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\" && canSubmitDismiss) handleDismissSubmit() }}\n            placeholder={otherSelected ? \"Please describe (required)\" : \"Provide additional feedback...\"}\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={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            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          {dismissReasons.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-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                {reason}\n              </button>\n            )\n          })}\n        </div>\n\n        {(selectedReasons.length > 0 || otherSelected) && (\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={otherSelected ? \"Please describe (required)\" : \"Provide additional feedback...\"}\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      <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      <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 } = useSignalApproval()\n  const isLocked =\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/prototype/index.d.ts

@@ -17,4 +17,5 @@ import '../components/data-table.js';
 import '../components/metric-card.js';
 import '../charts/pipeline-overview.js';
 import '../components/timeline-activity.js';
+import '../components/signal-feedback-inline.js';
 import 'lucide-react';

package/dist/prototype/prototype-accounts-view.d.ts

@@ -11,6 +11,7 @@ import '../components/data-table-filter.js';
 import '../components/metric-card.js';
 import '../charts/pipeline-overview.js';
 import '../components/timeline-activity.js';
+import '../components/signal-feedback-inline.js';
 import 'lucide-react';
 
 interface PrototypeAccountsViewProps extends AccountsViewConfig {

package/dist/prototype/prototype-admin-view.d.ts

@@ -11,6 +11,7 @@ import '../components/data-table.js';
 import '../components/metric-card.js';
 import '../charts/pipeline-overview.js';
 import '../components/timeline-activity.js';
+import '../components/signal-feedback-inline.js';
 import 'lucide-react';
 
 interface PrototypeAdminViewProps extends AdminViewConfig {

package/dist/prototype/prototype-config.d.ts

@@ -9,6 +9,7 @@ import { DataRow } from '../components/data-table.js';
 import { MetricCardProps } from '../components/metric-card.js';
 import { PipelineStage, PipelineStageMetrics, PipelineStageTiming } from '../charts/pipeline-overview.js';
 import { TimelineEvent } from '../components/timeline-activity.js';
+import { ApprovalState } from '../components/signal-feedback-inline.js';
 import { LucideIcon } from 'lucide-react';
 import '../components/quick-action-modal.js';
 
@@ -50,7 +51,7 @@ interface InboxViewConfig {
     emailSignature?: string | React.ReactNode;
     buildSuggestedActions?: (item: QueueItem) => SuggestedAction[];
     buildSourceItems?: (item: QueueItem) => SourceDef[];
-    getSignalScore?: (company: string) => SignalScoreData;
+    getSignalScore?: (company: string, item?: QueueItem) => SignalScoreData;
     getTimelineEvents?: (item: QueueItem) => TimelineEvent[];
     iconMap?: Record<string, string>;
     hideToolbarActions?: boolean;
@@ -70,11 +71,14 @@ interface InboxViewConfig {
     }>;
     hideAccountsButton?: boolean;
     accountDetailsLabel?: string;
+    onSignalApprove?: (item: QueueItem) => void;
+    getSignalApprovalState?: (item: QueueItem) => ApprovalState | undefined;
     signalLabels?: {
         approveButton?: string;
         dismissButton?: string;
         approvedStatus?: string;
         dismissedStatus?: string;
+        opportunityCreated?: string;
     };
     /**
      * Override the copy used in the detail panel "Signal brief" section.

package/dist/prototype/prototype-inbox-view.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { ApprovalState } from '../components/signal-feedback-inline.js';
 import { SourceDef } from '../components/detail-view.js';
 import { SuggestedAction, SuggestedContact } from '../components/suggested-actions.js';
 import { TimelineEvent } from '../components/timeline-activity.js';
@@ -25,7 +26,7 @@ interface PrototypeInboxViewProps extends InboxViewConfig {
 interface DetailViewProps {
     item: QueueItem;
     sections: InboxDetailSections;
-    getSignalScore: (company: string) => SignalScoreData;
+    getSignalScore: (company: string, item?: QueueItem) => SignalScoreData;
     buildSuggestedActions: (item: QueueItem) => SuggestedAction[];
     buildSourceItems: (item: QueueItem) => SourceDef[];
     getTimelineEvents?: (item: QueueItem) => TimelineEvent[];
@@ -35,6 +36,8 @@ interface DetailViewProps {
     onOpenEntityPanel?: () => void;
     onOpenRecentActivity?: () => void;
     onSuggestedActionFeedback?: (actionId: number | string, feedback: string, actionTitle?: string) => void;
+    onSignalApprove?: (item: QueueItem) => void;
+    getSignalApprovalState?: (item: QueueItem) => ApprovalState | undefined;
     signalLabels?: {
         approveButton?: string;
         dismissButton?: string;
@@ -43,7 +46,7 @@ interface DetailViewProps {
     };
     signalBriefCopy?: InboxViewConfig["signalBriefCopy"];
 }
-declare function DetailView({ item, sections, getSignalScore, buildSuggestedActions, buildSourceItems, getTimelineEvents, accountContacts, emailSignature, iconMap, onOpenEntityPanel, onOpenRecentActivity, onSuggestedActionFeedback: _onSuggestedActionFeedback, signalLabels, signalBriefCopy, }: DetailViewProps): React.JSX.Element;
-declare function PrototypeInboxView({ items, filterCategories, detailSections, accountContacts, buildAccountContacts, emailSignature, buildSuggestedActions: buildSuggestedActionsProp, buildSourceItems: buildSourceItemsProp, getSignalScore: getSignalScoreProp, getTimelineEvents, iconMap, hideToolbarActions, hideHoverActions, onSuggestedActionFeedback, headerActions, onOpenEntityPanel, onOpenRecentActivity, onItemSelect, defaultViewMode, buildEntityChips, quickFilterTabs, hideAccountsButton, accountDetailsLabel, signalLabels, signalBriefCopy, }: PrototypeInboxViewProps): React.JSX.Element;
+declare function DetailView({ item, sections, getSignalScore, buildSuggestedActions, buildSourceItems, getTimelineEvents, accountContacts, emailSignature, iconMap, onOpenEntityPanel, onOpenRecentActivity, onSuggestedActionFeedback: _onSuggestedActionFeedback, onSignalApprove, getSignalApprovalState, signalLabels, signalBriefCopy, }: DetailViewProps): React.JSX.Element;
+declare function PrototypeInboxView({ items, filterCategories, detailSections, accountContacts, buildAccountContacts, emailSignature, buildSuggestedActions: buildSuggestedActionsProp, buildSourceItems: buildSourceItemsProp, getSignalScore: getSignalScoreProp, getTimelineEvents, iconMap, hideToolbarActions, hideHoverActions, onSuggestedActionFeedback, headerActions, onOpenEntityPanel, onOpenRecentActivity, onItemSelect, defaultViewMode, buildEntityChips, quickFilterTabs, hideAccountsButton, accountDetailsLabel, onSignalApprove, getSignalApprovalState, signalLabels, signalBriefCopy, }: PrototypeInboxViewProps): React.JSX.Element;
 
 export { DetailView, type DetailViewProps, PrototypeInboxView, type PrototypeInboxViewProps };

package/dist/prototype/prototype-inbox-view.js

@@ -85,6 +85,8 @@ function DetailView({
   onOpenEntityPanel,
   onOpenRecentActivity,
   onSuggestedActionFeedback: _onSuggestedActionFeedback,
+  onSignalApprove,
+  getSignalApprovalState,
   signalLabels,
   signalBriefCopy
 }) {
@@ -97,8 +99,8 @@ function DetailView({
     setExtraActions([]);
   }, [item.id]);
   const signalData = React.useMemo(
-    () => getSignalScore(item.company),
-    [getSignalScore, item.company]
+    () => getSignalScore(item.company, item),
+    [getSignalScore, item.company, item]
   );
   const suggestedActions = React.useMemo(
     () => [...buildSuggestedActions(item), ...extraActions],
@@ -130,9 +132,8 @@ function DetailView({
       companyName: item.company,
       opportunityUrl: `https://acme.lightning.force.com/lightning/r/Opportunity/006${item.id}/view`,
       labels: signalLabels,
-      onApprove: () => {
-        console.log("Approved signal:", { taskId: item.id, company: item.company });
-      },
+      initialApprovalState: getSignalApprovalState == null ? void 0 : getSignalApprovalState(item),
+      onApprove: () => onSignalApprove == null ? void 0 : onSignalApprove(item),
       onApproveFeedback: (reasons, detail) => {
         var _a;
         (_a = signalData.onApproveFeedback) == null ? void 0 : _a.call(signalData, reasons, detail);
@@ -332,6 +333,8 @@ function PrototypeInboxView({
   quickFilterTabs,
   hideAccountsButton,
   accountDetailsLabel,
+  onSignalApprove,
+  getSignalApprovalState,
   signalLabels,
   signalBriefCopy
 }) {
@@ -513,6 +516,8 @@ function PrototypeInboxView({
     onOpenEntityPanel,
     onOpenRecentActivity,
     onSuggestedActionFeedback,
+    onSignalApprove,
+    getSignalApprovalState,
     signalLabels,
     signalBriefCopy
   };

package/dist/prototype/prototype-inbox-view.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/prototype/prototype-inbox-view.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  ArrowLeft,\n  ChevronDown,\n  ChevronRight,\n  Filter,\n  FileText,\n  Clock,\n  CheckSquare,\n  Eye,\n  Plus,\n\n  Building,\n  LayoutList,\n  Columns2,\n  Square,\n  Tag,\n} from \"lucide-react\"\n\nimport { Button } from \"../components/button\"\nimport { Badge } from \"../components/badge\"\nimport { Input } from \"../components/input\"\nimport { ViewModeToggle } from \"../components/view-mode-toggle\"\nimport {\n  InboxToolbar,\n  type AssigneeFilter,\n  type InboxFilterCategory,\n} from \"../components/inbox-toolbar\"\nimport { GroupedListView, type GroupedListGroup } from \"../components/item-list\"\nimport { SignalApproval } from \"../components/signal-feedback-inline\"\nimport { ScoreBreakdown } from \"../components/score-breakdown\"\nimport { Citation, type SourceDef } from \"../components/detail-view\"\nimport {\n  SuggestedActions,\n  type SuggestedAction,\n  type SuggestedContact,\n} from \"../components/suggested-actions\"\nimport { TimelineActivity, type TimelineEvent } from \"../components/timeline-activity\"\nimport type {\n  QueueItem,\n  InboxViewConfig,\n  InboxDetailSections,\n  SignalScoreData,\n} from \"./prototype-config\"\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport interface PrototypeInboxViewProps extends InboxViewConfig {\n  /** Extra ReactNode rendered at the end of the header bar (e.g. exit button). */\n  headerActions?: React.ReactNode\n  onOpenEntityPanel?: () => void\n  onOpenRecentActivity?: () => void\n  onNavigateToInbox?: () => void\n  onItemSelect?: (item: QueueItem) => void\n  defaultViewMode?: \"list\" | \"split\"\n}\n\n// ---------------------------------------------------------------------------\n// Default detail sections\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_DETAIL_SECTIONS: InboxDetailSections = {\n  signalBrief: true,\n  suggestedActions: true,\n  timeline: true,\n}\n\nconst DEFAULT_SIGNAL_SCORE: SignalScoreData = {\n  score: 65,\n  factors: [\n    { key: \"trigger\", label: \"Trigger strength\", score: 70, why: \"Moderate signal detected based on account activity\" },\n    { key: \"fit\", label: \"Company fit\", score: 65, why: \"Reasonable fit based on company profile\" },\n    { key: \"timing\", label: \"Timing\", score: 58, why: \"Within general evaluation window\" },\n  ],\n  whyNow: \"Moderate signals detected that warrant review and potential outreach.\",\n  evidence: [\n    \"Activity patterns suggest potential opportunity\",\n    \"Company profile aligns with target segment\",\n  ],\n  confidence: 72,\n}\n\n// ---------------------------------------------------------------------------\n// Detail View\n// ---------------------------------------------------------------------------\n\nexport interface DetailViewProps {\n  item: QueueItem\n  sections: InboxDetailSections\n  getSignalScore: (company: string) => SignalScoreData\n  buildSuggestedActions: (item: QueueItem) => SuggestedAction[]\n  buildSourceItems: (item: QueueItem) => SourceDef[]\n  getTimelineEvents?: (item: QueueItem) => TimelineEvent[]\n  accountContacts: SuggestedContact[]\n  emailSignature: string | React.ReactNode\n  iconMap: Record<string, string>\n  onOpenEntityPanel?: () => void\n  onOpenRecentActivity?: () => void\n  onSuggestedActionFeedback?: (actionId: number | string, feedback: string, actionTitle?: string) => void\n  signalLabels?: { approveButton?: string; dismissButton?: string; approvedStatus?: string; dismissedStatus?: string }\n  signalBriefCopy?: InboxViewConfig[\"signalBriefCopy\"]\n}\n\nexport function DetailView({\n  item,\n  sections,\n  getSignalScore,\n  buildSuggestedActions,\n  buildSourceItems,\n  getTimelineEvents,\n  accountContacts,\n  emailSignature,\n  iconMap,\n  onOpenEntityPanel,\n  onOpenRecentActivity,\n  onSuggestedActionFeedback: _onSuggestedActionFeedback,\n  signalLabels,\n  signalBriefCopy,\n}: DetailViewProps) {\n  const [evidenceExpanded, setEvidenceExpanded] = React.useState(false)\n  const [showTimeline, setShowTimeline] = React.useState(false)\n  const [extraActions, setExtraActions] = React.useState<SuggestedAction[]>([])\n\n  React.useEffect(() => {\n    setShowTimeline(false)\n    setEvidenceExpanded(false)\n    setExtraActions([])\n  }, [item.id])\n\n  const signalData = React.useMemo(\n    () => getSignalScore(item.company),\n    [getSignalScore, item.company],\n  )\n\n  const suggestedActions = React.useMemo(\n    () => [...buildSuggestedActions(item), ...extraActions],\n    [buildSuggestedActions, item, extraActions],\n  )\n  const sourceItems = React.useMemo(() => buildSourceItems(item), [buildSourceItems, item])\n  const timelineEvents = React.useMemo(\n    () => getTimelineEvents?.(item) ?? [],\n    [getTimelineEvents, item],\n  )\n\n  const handleDuplicate = React.useCallback(\n    (id: number | string) => {\n      const base = suggestedActions.find((a) => a.id === id)\n      if (!base || base.type !== \"email\") return\n      const clone: SuggestedAction = {\n        ...base,\n        id: `${base.id}-dup-${Date.now()}`,\n        emailMeta: base.emailMeta ? { ...base.emailMeta, to: undefined } : undefined,\n      }\n      setExtraActions((prev) => [...prev, clone])\n    },\n    [suggestedActions],\n  )\n\n  return (\n    <SignalApproval.Root\n      companyName={item.company}\n      opportunityUrl={`https://acme.lightning.force.com/lightning/r/Opportunity/006${item.id}/view`}\n      labels={signalLabels}\n      onApprove={() => {\n        console.log(\"Approved signal:\", { taskId: item.id, company: item.company })\n      }}\n      onApproveFeedback={(reasons, detail) => {\n        signalData.onApproveFeedback?.(reasons, detail)\n        console.log(\"Approval feedback:\", { taskId: item.id, company: item.company, reasons, detail })\n      }}\n      onDismiss={(reasons, detail) => {\n        signalData.onDismissFeedback?.(reasons, detail)\n        console.log(\"Dismissed signal:\", { taskId: item.id, reasons, detail })\n      }}\n    >\n      <div className=\"mx-auto w-full max-w-3xl p-6 pb-12 md:p-8\">\n        <div className=\"pb-8\">\n          {/* Header */}\n          <div className=\"mb-4 flex items-center gap-2\">\n            <button\n              type=\"button\"\n              className=\"flex items-center gap-1.5 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground\"\n            >\n              <ArrowLeft className=\"h-3.5 w-3.5\" />\n              Back\n            </button>\n            <span className=\"text-muted-foreground/40\">&middot;</span>\n            <span className=\"text-xs text-muted-foreground\">{item.company}</span>\n          </div>\n\n          <h1 className=\"mb-3 text-2xl font-bold tracking-tight text-foreground\">{item.title}</h1>\n\n          <div className=\"mb-6 flex flex-wrap items-center gap-2\">\n            {item.statusColor === \"red\" && (\n              <div className=\"inline-flex items-center gap-1 rounded-md bg-red-50 px-2.5 py-1 text-xs font-semibold text-red-700\">\n                <span className=\"text-[10px] font-bold\">!</span> Urgent\n              </div>\n            )}\n            <div className=\"inline-flex items-center gap-1 rounded-md bg-muted px-2.5 py-1 text-xs font-medium text-muted-foreground\">\n              {item.tag1}\n            </div>\n            <button\n              type=\"button\"\n              onClick={onOpenEntityPanel}\n              className=\"ml-1 inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-muted/30 px-2 py-1 transition-colors hover:bg-muted/50\"\n            >\n              <div className=\"flex h-4 w-4 items-center justify-center rounded bg-muted-foreground/10 text-[9px] font-semibold text-muted-foreground\">\n                {item.company.substring(0, 1)}\n              </div>\n              <span className=\"text-xs font-medium text-foreground\">{item.company}</span>\n              <ChevronRight className=\"h-3 w-3 text-muted-foreground/50\" />\n            </button>\n          </div>\n\n          {/* Signal Brief */}\n          {sections.signalBrief && (() => {\n            const pct = signalData.score\n            const scoreColor = pct >= 70 ? \"text-emerald-600\" : pct >= 40 ? \"text-amber-600\" : \"text-red-600\"\n            const barColor = pct >= 70 ? \"bg-emerald-500\" : pct >= 40 ? \"bg-amber-500\" : \"bg-red-500\"\n            const scoreLabel = pct >= 70 ? \"HIGH\" : pct >= 40 ? \"MEDIUM\" : \"LOW\"\n\n            const evidenceWithCitations: React.ReactNode[] =\n              sourceItems.length >= 4\n                ? [\n                    <>\n                      There are <span className=\"font-medium text-foreground\">3 unusual signals</span> including a large balance\n                      outflow and reduced login frequency\n                      <Citation number={1} source={sourceItems[0]} />\n                      <Citation number={2} source={sourceItems[1]} />\n                      <Citation number={3} source={sourceItems[2]} />\n                    </>,\n                    <>\n                      Scott mentioned in <span className=\"font-medium text-foreground\">#treasury-questions</span> that they are actively\n                      looking for treasury management options\n                      <Citation number={4} source={sourceItems[2]} />\n                    </>,\n                    <>\n                      You have a recent email thread regarding optimization options that hasn&apos;t been replied to\n                      <Citation number={5} source={sourceItems[3]} />\n                    </>,\n                  ]\n                : signalData.evidence.map((ev, i) => (\n                    <span key={i}>{ev}</span>\n                  ))\n\n            const briefHeading = signalBriefCopy?.heading ?? \"Signal brief\"\n            const introOpt = signalBriefCopy?.intro\n            const briefIntro =\n              introOpt === null\n                ? null\n                : typeof introOpt === \"function\"\n                  ? introOpt(item)\n                  : introOpt ?? `We detected signals that suggest a potential opportunity with ${item.company}.`\n            return (\n              <div className=\"mb-8\">\n                {briefHeading ? (\n                  <h3 className=\"text-xs font-bold text-muted-foreground uppercase tracking-wider mb-3\">{briefHeading}</h3>\n                ) : null}\n                {briefIntro ? (\n                  <p className=\"text-sm text-muted-foreground leading-relaxed mb-2\">\n                    {briefIntro}\n                  </p>\n                ) : null}\n                <p className=\"text-sm text-foreground/90 leading-relaxed mb-4\">\n                  {signalData.whyNow}\n                </p>\n\n                <div className=\"mb-5 rounded-md border border-border bg-muted/20 p-3\">\n                  <div className=\"flex items-center justify-between mb-1.5\">\n                    <span className=\"text-[10px] font-bold text-muted-foreground uppercase tracking-wider\">Signal Score</span>\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-sm font-bold text-foreground\">{signalData.score}/100</span>\n                      <span className={`text-[10px] font-bold uppercase ${scoreColor}`}>{scoreLabel}</span>\n                    </div>\n                  </div>\n                  <div className=\"h-1.5 bg-muted rounded-full overflow-hidden mb-2\">\n                    <div\n                      className={`h-full rounded-full transition-all duration-500 ${barColor}`}\n                      style={{ width: `${signalData.score}%` }}\n                    />\n                  </div>\n                  <button\n                    type=\"button\"\n                    onClick={() => setEvidenceExpanded((prev) => !prev)}\n                    className=\"flex items-center gap-1 text-[11px] font-medium text-muted-foreground hover:text-foreground transition-colors\"\n                  >\n                    <ChevronDown className={`h-3 w-3 transition-transform duration-200 ${evidenceExpanded ? \"rotate-180\" : \"\"}`} />\n                    View more\n                  </button>\n\n                  {evidenceExpanded && (\n                    <div className=\"mt-3 space-y-3\">\n                      <ul className=\"space-y-2\">\n                        {evidenceWithCitations.map((ev, index) => (\n                          <li key={index} className=\"flex items-start gap-2 text-sm\">\n                            <div className=\"w-1.5 h-1.5 bg-primary rounded-full mt-2 flex-shrink-0\" />\n                            <span className=\"text-muted-foreground leading-relaxed\">{ev}</span>\n                          </li>\n                        ))}\n                      </ul>\n                      <ScoreBreakdown\n                        factors={signalData.factors}\n                        onFactorFeedback={signalData.onFactorFeedback ?? ((key, type, detail) =>\n                          console.log(\"Signal factor feedback:\", { company: item.company, factor: key, type, detail })\n                        )}\n                      />\n                      <SignalApproval.Actions />\n                    </div>\n                  )}\n                </div>\n\n                {!evidenceExpanded && <SignalApproval.Actions />}\n              </div>\n            )\n          })()}\n\n          {/* Activity Timeline */}\n          {sections.timeline && timelineEvents.length > 0 && (\n            <div className=\"mb-8\">\n              <button\n                type=\"button\"\n                onClick={() => setShowTimeline((prev) => !prev)}\n                className=\"group/timeline flex w-full items-center justify-between gap-2 py-2 rounded-md transition-colors hover:bg-muted/40 -mx-2 px-2 cursor-pointer\"\n              >\n                <div className=\"flex items-center gap-2\">\n                  <h3 className=\"text-xs font-bold text-muted-foreground uppercase tracking-wider group-hover/timeline:text-foreground transition-colors\">Activity timeline</h3>\n                  {!showTimeline && (\n                    <span className=\"text-[11px] text-muted-foreground/60\">&middot; Last activity 1d ago</span>\n                  )}\n                </div>\n                <div className=\"flex items-center gap-1.5\">\n                  <span className=\"text-[11px] font-medium text-muted-foreground\">{timelineEvents.length} events</span>\n                  <ChevronDown className={`h-3.5 w-3.5 text-muted-foreground transition-transform duration-200 ${showTimeline ? \"rotate-180\" : \"\"}`} />\n                </div>\n              </button>\n              {showTimeline && (\n                <div className=\"mt-3\">\n                  <TimelineActivity events={timelineEvents} />\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        {/* Suggested Actions */}\n        {sections.suggestedActions && (\n          <SignalApproval.Gate>\n            <SuggestedActions\n              actions={suggestedActions}\n              accountContacts={accountContacts}\n              signature={emailSignature}\n              iconMap={iconMap}\n              onDismiss={(id) => console.log(\"Dismiss action:\", id)}\n              onSend={(id) => console.log(\"Send action:\", id)}\n              onSaveDraft={(id) => console.log(\"Save draft:\", id)}\n              onDuplicate={handleDuplicate}\n              onOpenAccountDetails={onOpenEntityPanel}\n              onOpenRecentActivity={onOpenRecentActivity}\n              onMarkComplete={(id) => console.log(\"Mark complete:\", id)}\n              onDispatchAgent={(id) => console.log(\"Dispatch agent:\", id)}\n            />\n          </SignalApproval.Gate>\n        )}\n      </div>\n    </SignalApproval.Root>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Main Component\n// ---------------------------------------------------------------------------\n\nexport function PrototypeInboxView({\n  items,\n  filterCategories,\n  detailSections,\n  accountContacts = [],\n  buildAccountContacts,\n  emailSignature = \"\",\n  buildSuggestedActions: buildSuggestedActionsProp,\n  buildSourceItems: buildSourceItemsProp,\n  getSignalScore: getSignalScoreProp,\n  getTimelineEvents,\n  iconMap = {},\n  hideToolbarActions,\n  hideHoverActions,\n  onSuggestedActionFeedback,\n  headerActions,\n  onOpenEntityPanel,\n  onOpenRecentActivity,\n  onItemSelect,\n  defaultViewMode,\n  buildEntityChips,\n  quickFilterTabs,\n  hideAccountsButton,\n  accountDetailsLabel,\n  signalLabels,\n  signalBriefCopy,\n}: PrototypeInboxViewProps) {\n  const [inboxViewMode, setInboxViewMode] = React.useState<\"inbox\" | \"list\" | \"detail\">(\n    defaultViewMode === \"list\" ? \"list\" : defaultViewMode === \"split\" ? \"inbox\" : \"inbox\"\n  )\n  const [previousViewMode, setPreviousViewMode] = React.useState<\"inbox\" | \"list\">(\"inbox\")\n  const [selectedTask, setSelectedTask] = React.useState(items[0])\n  const [inboxAssignee, setInboxAssignee] = React.useState<AssigneeFilter>(\"me\")\n  const [inboxFilters, setInboxFilters] = React.useState<Record<string, string>>({})\n  const [activeQuickFilter, setActiveQuickFilter] = React.useState<string>(\"all\")\n  const [splitViewSearch, setSplitViewSearch] = React.useState(\"\")\n\n  const sections = React.useMemo(\n    () => ({ ...DEFAULT_DETAIL_SECTIONS, ...detailSections }),\n    [detailSections],\n  )\n\n  const resolvedFilterCategories: InboxFilterCategory[] = React.useMemo(\n    () =>\n      filterCategories ?? [\n        {\n          id: \"category\",\n          label: \"Category\",\n          icon: <Tag className=\"h-3.5 w-3.5 text-muted-foreground\" />,\n          options: [...new Set(items.map((i) => i.tag1))],\n        },\n        {\n          id: \"account\",\n          label: \"Account\",\n          icon: <Building className=\"h-3.5 w-3.5 text-muted-foreground\" />,\n          options: [...new Set(items.map((i) => i.company))],\n        },\n      ],\n    [filterCategories, items],\n  )\n\n  const buildSuggestedActions = React.useMemo(\n    () => buildSuggestedActionsProp ?? (() => []),\n    [buildSuggestedActionsProp],\n  )\n\n  const buildSourceItems = React.useMemo(\n    () => buildSourceItemsProp ?? (() => []),\n    [buildSourceItemsProp],\n  )\n\n  const getSignalScore = React.useMemo(\n    () => getSignalScoreProp ?? (() => DEFAULT_SIGNAL_SCORE),\n    [getSignalScoreProp],\n  )\n\n  // Build a map from filter category id → QueueItem field for targeted filtering.\n  // Known category ids are mapped explicitly; unknown categories fall back to a\n  // broad search across display fields so consumer-defined filters still work.\n  const filterFieldMap = React.useMemo<\n    Record<string, (item: QueueItem, value: string) => boolean>\n  >(() => {\n    const map: Record<string, (item: QueueItem, value: string) => boolean> = {}\n    for (const cat of resolvedFilterCategories) {\n      switch (cat.id) {\n        case \"category\":\n        case \"signalType\":\n          map[cat.id] = (item, v) => item.tag1.toLowerCase() === v.toLowerCase()\n          break\n        case \"account\":\n          map[cat.id] = (item, v) => item.company.toLowerCase() === v.toLowerCase()\n          break\n        default:\n          // Fallback: check all display fields\n          map[cat.id] = (item, v) => {\n            const lv = v.toLowerCase()\n            return (\n              item.tag1.toLowerCase() === lv ||\n              item.company.toLowerCase() === lv ||\n              item.title.toLowerCase().includes(lv) ||\n              item.details.toLowerCase().includes(lv)\n            )\n          }\n      }\n    }\n    return map\n  }, [resolvedFilterCategories])\n\n  // Filter items for list view based on toolbar filters\n  const filteredItems = React.useMemo(() => {\n    const activeFilters = Object.entries(inboxFilters).filter(\n      ([, value]) => value && value !== \"all\"\n    )\n    if (activeFilters.length === 0) return items\n    return items.filter((item) =>\n      activeFilters.every(([key, value]) => {\n        const matcher = filterFieldMap[key]\n        return matcher ? matcher(item, value) : true\n      })\n    )\n  }, [items, inboxFilters, filterFieldMap])\n\n  // Resolve quick filter tabs once — used by both the split view filter and\n  // the tab bar render. Each tab's `matchValue` (falling back to `label`) is\n  // compared against `item.tag1` so consumer labels can differ from data values.\n  type QuickFilterTab = { id: string; label: string; matchValue?: string; count?: number }\n  const resolvedQuickFilterTabs = React.useMemo<QuickFilterTab[]>(() => {\n    if (quickFilterTabs) return quickFilterTabs\n    // Derive default tabs from the actual item tag1 values\n    const uniqueTags = [...new Set(items.map((i) => i.tag1))]\n    return uniqueTags.map((tag) => ({\n      id: tag.toLowerCase().replace(/\\s+/g, \"-\"),\n      label: tag,\n    }))\n  }, [quickFilterTabs, items])\n\n  // Compute per-tab counts once so they can be displayed in the tab bar\n  const quickFilterTabCounts = React.useMemo(() => {\n    const counts: Record<string, number> = {}\n    for (const tab of resolvedQuickFilterTabs) {\n      const match = (tab.matchValue ?? tab.label).toLowerCase()\n      counts[tab.id] = items.filter((i) => i.tag1.toLowerCase() === match).length\n    }\n    return counts\n  }, [resolvedQuickFilterTabs, items])\n\n  // Filter items for split view based on quick filter tabs and search\n  const splitViewItems = React.useMemo(() => {\n    let filtered = items\n    // Apply quick filter tab\n    if (activeQuickFilter !== \"all\") {\n      const activeTab = resolvedQuickFilterTabs.find((t) => t.id === activeQuickFilter)\n      if (activeTab) {\n        const match = (activeTab.matchValue ?? activeTab.label).toLowerCase()\n        filtered = filtered.filter(\n          (item) => item.tag1.toLowerCase() === match\n        )\n      }\n    }\n    // Apply search input\n    if (splitViewSearch.trim()) {\n      const q = splitViewSearch.trim().toLowerCase()\n      filtered = filtered.filter(\n        (item) =>\n          item.tag1.toLowerCase().includes(q) ||\n          item.company.toLowerCase().includes(q) ||\n          item.title.toLowerCase().includes(q)\n      )\n    }\n    return filtered\n  }, [items, activeQuickFilter, resolvedQuickFilterTabs, splitViewSearch])\n\n  // Grouped items for list view\n  const inboxGroups = React.useMemo<GroupedListGroup<QueueItem>[]>(() => {\n    const urgent = filteredItems.filter((i) => i.statusColor === \"red\")\n    const active = filteredItems.filter((i) => i.statusColor !== \"red\")\n    return [\n      { key: \"urgent\", label: \"Urgent\", items: urgent },\n      { key: \"active\", label: \"Active\", items: active },\n    ].filter((g) => g.items.length > 0)\n  }, [filteredItems])\n\n  const renderInboxRow = React.useCallback(\n    (item: QueueItem) => (\n      <>\n        <span className={`h-2 w-2 shrink-0 rounded-full ${item.statusColor === \"red\" ? \"bg-[#f43f5e]\" : \"bg-[#3b82f6]\"}`} />\n        <span className=\"w-[80px] shrink-0 font-mono text-xs text-muted-foreground/80\">{item.id}</span>\n        <span className=\"shrink-0 rounded-md border border-border bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground whitespace-nowrap\">{item.tag1}</span>\n        <span className=\"min-w-0 flex-1 truncate text-sm font-semibold text-foreground\">{item.title}</span>\n        <span className=\"w-[120px] shrink-0 truncate text-xs font-medium text-foreground\">{item.company}</span>\n        <span className=\"w-[80px] shrink-0 text-right text-xs text-muted-foreground\">{item.time}</span>\n      </>\n    ),\n    [],\n  )\n\n  const handleInboxItemSelect = React.useCallback(\n    (item: QueueItem) => {\n      setSelectedTask(item)\n      if (onItemSelect) {\n        onItemSelect(item)\n      } else if (inboxViewMode === \"list\") {\n        setPreviousViewMode(\"list\")\n        setInboxViewMode(\"detail\")\n      }\n    },\n    [inboxViewMode, onItemSelect],\n  )\n\n  const handleBackFromDetail = React.useCallback(() => {\n    setInboxViewMode(previousViewMode)\n  }, [previousViewMode])\n\n  const handleViewModeChange = React.useCallback((id: string) => {\n    const mode = id as \"inbox\" | \"list\" | \"detail\"\n    if (mode !== \"detail\") {\n      setPreviousViewMode(mode)\n    }\n    setInboxViewMode(mode)\n  }, [])\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(\"(max-width: 768px)\")\n    function handleChange(e: MediaQueryListEvent | MediaQueryList) {\n      if (e.matches && inboxViewMode === \"inbox\") {\n        setPreviousViewMode(\"inbox\")\n        setInboxViewMode(\"detail\")\n      }\n    }\n    handleChange(mql)\n    mql.addEventListener(\"change\", handleChange)\n    return () => mql.removeEventListener(\"change\", handleChange)\n  }, [inboxViewMode])\n\n  const detailViewProps: DetailViewProps = {\n    item: selectedTask,\n    sections,\n    getSignalScore,\n    buildSuggestedActions,\n    buildSourceItems,\n    getTimelineEvents,\n    accountContacts: buildAccountContacts?.(selectedTask) ?? accountContacts,\n    emailSignature,\n    iconMap,\n    onOpenEntityPanel,\n    onOpenRecentActivity,\n    onSuggestedActionFeedback,\n    signalLabels,\n    signalBriefCopy,\n  }\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      {/* Toolbar */}\n      <div className=\"flex items-center justify-between border-b border-border bg-background px-4 py-3 shrink-0\">\n        <div className=\"flex items-center gap-3\">\n          {inboxViewMode === \"detail\" ? (\n            <button\n              type=\"button\"\n              onClick={handleBackFromDetail}\n              className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back\n            </button>\n          ) : null}\n          <h2 className=\"text-lg font-semibold text-foreground\">Inbox</h2>\n          <Badge variant=\"secondary\" className=\"bg-muted text-muted-foreground hover:bg-muted font-medium text-[11px] px-2 py-0.5 rounded-md\">\n            {items.length}\n          </Badge>\n        </div>\n        <div className=\"flex items-center gap-3\">\n          <ViewModeToggle\n            modes={[\n              { id: \"inbox\", icon: <Columns2 className=\"h-3.5 w-3.5\" />, label: \"Split View\" },\n              { id: \"list\", icon: <LayoutList className=\"h-3.5 w-3.5\" />, label: \"List View\" },\n              { id: \"detail\", icon: <Square className=\"h-3.5 w-3.5\" />, label: \"Detail View\" },\n            ]}\n            activeMode={inboxViewMode}\n            onModeChange={handleViewModeChange}\n          />\n          {headerActions}\n        </div>\n      </div>\n\n      {/* View modes */}\n      {inboxViewMode === \"detail\" ? (\n        <div className=\"flex h-full flex-1 flex-col overflow-hidden bg-background\">\n          <div className=\"flex-1 overflow-y-auto\">\n            <DetailView {...detailViewProps} />\n          </div>\n        </div>\n      ) : inboxViewMode === \"list\" ? (\n        <div className=\"flex-1 overflow-y-auto bg-background\">\n          <InboxToolbar\n            assignee={inboxAssignee}\n            onAssigneeChange={setInboxAssignee}\n            filterCategories={resolvedFilterCategories}\n            selectedFilters={inboxFilters}\n            onFilterChange={(catId, val) =>\n              setInboxFilters((prev) => ({ ...prev, [catId]: val }))\n            }\n            onClearFilters={() => setInboxFilters({})}\n          />\n          <GroupedListView<QueueItem>\n            groups={inboxGroups}\n            renderRow={renderInboxRow}\n            getItemKey={(item) => item.id}\n            selectedKey={selectedTask.id}\n            onItemClick={handleInboxItemSelect}\n            emptyMessage=\"No inbox items\"\n          />\n        </div>\n      ) : (\n        /* Split view */\n        <div className=\"flex h-full min-h-0 w-full flex-1\">\n          <div className=\"flex h-full min-w-[380px] w-[380px] flex-col border-r border-border bg-background shadow-sm z-10\">\n            <div className=\"flex flex-col gap-4 border-b border-border p-4 shrink-0\">\n              {!hideToolbarActions && (\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center gap-1\">\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><Eye className=\"w-4 h-4\" /></Button>\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><FileText className=\"w-4 h-4\" /></Button>\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><Clock className=\"w-4 h-4\" /></Button>\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><CheckSquare className=\"w-4 h-4\" /></Button>\n                  </div>\n                  <Button size=\"sm\" className=\"h-8 px-4 bg-foreground text-background hover:bg-foreground/90 text-xs font-semibold gap-1.5 rounded-md\">\n                    <Plus className=\"w-4 h-4\" /> Add Task\n                  </Button>\n                </div>\n              )}\n              <div className=\"flex items-center gap-2\">\n                <div className=\"relative flex-1\">\n                  <Filter className=\"absolute left-2.5 top-1.5 w-4 h-4 text-muted-foreground\" />\n                  <Input\n                    className=\"h-8 pl-8 text-xs bg-background border-border rounded-md shadow-none\"\n                    placeholder=\"Filter by category...\"\n                    value={splitViewSearch}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSplitViewSearch(e.target.value)}\n                  />\n                </div>\n                {!hideAccountsButton && (\n                  <Button variant=\"outline\" size=\"sm\" className=\"h-8 text-xs font-medium rounded-md shadow-none\">\n                    <Building className=\"w-3.5 h-3.5 mr-1.5\" /> {accountDetailsLabel ?? \"Accounts\"}\n                  </Button>\n                )}\n              </div>\n              <div className=\"flex items-center gap-1.5 overflow-x-auto pb-1 mt-1 scrollbar-hide\">\n                <Button\n                  size=\"sm\"\n                  variant={activeQuickFilter === \"all\" ? \"default\" : \"outline\"}\n                  className={`h-7 rounded-full px-3.5 text-[11px] font-semibold shadow-none ${\n                    activeQuickFilter === \"all\"\n                      ? \"bg-foreground text-background hover:bg-foreground/90\"\n                      : \"bg-transparent border-border text-muted-foreground hover:text-foreground\"\n                  }`}\n                  onClick={() => setActiveQuickFilter(\"all\")}\n                >\n                  All\n                </Button>\n                {resolvedQuickFilterTabs.map((tab) => {\n                  const count = tab.count ?? quickFilterTabCounts[tab.id]\n                  return (\n                    <Button\n                      key={tab.id}\n                      size=\"sm\"\n                      variant={activeQuickFilter === tab.id ? \"default\" : \"outline\"}\n                      className={`h-7 rounded-full px-3.5 text-[11px] font-medium shadow-none ${\n                        activeQuickFilter === tab.id\n                          ? \"bg-foreground text-background hover:bg-foreground/90\"\n                          : \"bg-transparent border-border text-muted-foreground hover:text-foreground\"\n                      }`}\n                      onClick={() => setActiveQuickFilter(tab.id)}\n                    >\n                      {tab.label}{count != null && count > 0 ? ` (${count})` : \"\"}\n                    </Button>\n                  )\n                })}\n              </div>\n            </div>\n\n            <div className=\"flex-1 overflow-y-auto\">\n              {splitViewItems.map((item) => (\n                <div\n                  key={item.id}\n                  onClick={() => { setSelectedTask(item); onItemSelect?.(item) }}\n                  className={`cursor-pointer border-b border-border p-4 transition-colors group relative border-l-2 ${\n                    selectedTask.id === item.id\n                      ? \"bg-muted/30 border-l-brand-purple\"\n                      : \"bg-transparent border-l-transparent hover:bg-muted/10\"\n                  }`}\n                >\n                  <div className=\"mb-1.5 flex items-center gap-2\">\n                    <span className=\"min-w-0 truncate text-[13px] font-semibold text-foreground leading-tight\">{item.title}</span>\n                    {selectedTask.id !== item.id && item.tag1 && (\n                      <span className=\"shrink-0 rounded-md border border-border bg-muted/60 px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                        {item.tag1}\n                      </span>\n                    )}\n                    <span className=\"ml-auto shrink-0 text-[10px] font-medium text-muted-foreground/80\">{item.time}</span>\n                  </div>\n                  <div className=\"flex items-start gap-2 mt-2\">\n                    <span className={`w-1.5 h-1.5 rounded-full shrink-0 mt-1.5 ${item.statusColor === \"red\" ? \"bg-[#f43f5e]\" : \"bg-[#3b82f6]\"}`} />\n                    <span className=\"text-xs text-muted-foreground leading-tight\">{item.details}</span>\n                  </div>\n                  {buildEntityChips && (() => {\n                    const chips = buildEntityChips(item)\n                    if (!chips.length) return null\n                    return (\n                      <div className=\"flex items-center gap-1.5 mt-2 flex-wrap\">\n                        {chips.map((chip) => (\n                          <button\n                            key={chip.id}\n                            type=\"button\"\n                            onClick={(e) => { e.stopPropagation(); chip.onClick?.() }}\n                            className=\"inline-flex items-center gap-1 rounded-md border border-border/60 bg-muted/30 px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground\"\n                          >\n                            <span className=\"flex h-3.5 w-3.5 items-center justify-center rounded bg-muted-foreground/10 text-[8px] font-semibold\">{chip.avatarLetter}</span>\n                            {chip.label}\n                          </button>\n                        ))}\n                      </div>\n                    )\n                  })()}\n                  {!hideHoverActions && (\n                    <div className={`absolute right-4 bottom-4 flex items-center gap-1.5 bg-background shadow-sm rounded-md px-1 py-0.5 border border-border ${\n                      selectedTask.id === item.id ? \"opacity-100\" : \"opacity-0 group-hover:opacity-100 transition-opacity\"\n                    }`}>\n                      <Button variant=\"ghost\" size=\"icon\" className=\"h-6 w-6 rounded text-muted-foreground hover:text-foreground\"><CheckSquare className=\"w-3.5 h-3.5\" /></Button>\n                      <Button variant=\"ghost\" size=\"icon\" className=\"h-6 w-6 rounded text-muted-foreground hover:text-foreground\"><Clock className=\"w-3.5 h-3.5\" /></Button>\n                    </div>\n                  )}\n                </div>\n              ))}\n              <div className=\"p-4\">\n                <Button variant=\"outline\" size=\"sm\" className=\"h-8 text-xs font-semibold rounded-md shadow-none\">See more</Button>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"flex h-full flex-1 flex-col overflow-hidden bg-background\">\n            <div className=\"flex-1 overflow-y-auto\">\n              <DetailView {...detailViewProps} />\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":["_a"]}
+{"version":3,"sources":["../../src/prototype/prototype-inbox-view.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  ArrowLeft,\n  ChevronDown,\n  ChevronRight,\n  Filter,\n  FileText,\n  Clock,\n  CheckSquare,\n  Eye,\n  Plus,\n\n  Building,\n  LayoutList,\n  Columns2,\n  Square,\n  Tag,\n} from \"lucide-react\"\n\nimport { Button } from \"../components/button\"\nimport { Badge } from \"../components/badge\"\nimport { Input } from \"../components/input\"\nimport { ViewModeToggle } from \"../components/view-mode-toggle\"\nimport {\n  InboxToolbar,\n  type AssigneeFilter,\n  type InboxFilterCategory,\n} from \"../components/inbox-toolbar\"\nimport { GroupedListView, type GroupedListGroup } from \"../components/item-list\"\nimport { SignalApproval, type ApprovalState } from \"../components/signal-feedback-inline\"\nimport { ScoreBreakdown } from \"../components/score-breakdown\"\nimport { Citation, type SourceDef } from \"../components/detail-view\"\nimport {\n  SuggestedActions,\n  type SuggestedAction,\n  type SuggestedContact,\n} from \"../components/suggested-actions\"\nimport { TimelineActivity, type TimelineEvent } from \"../components/timeline-activity\"\nimport type {\n  QueueItem,\n  InboxViewConfig,\n  InboxDetailSections,\n  SignalScoreData,\n} from \"./prototype-config\"\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport interface PrototypeInboxViewProps extends InboxViewConfig {\n  /** Extra ReactNode rendered at the end of the header bar (e.g. exit button). */\n  headerActions?: React.ReactNode\n  onOpenEntityPanel?: () => void\n  onOpenRecentActivity?: () => void\n  onNavigateToInbox?: () => void\n  onItemSelect?: (item: QueueItem) => void\n  defaultViewMode?: \"list\" | \"split\"\n}\n\n// ---------------------------------------------------------------------------\n// Default detail sections\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_DETAIL_SECTIONS: InboxDetailSections = {\n  signalBrief: true,\n  suggestedActions: true,\n  timeline: true,\n}\n\nconst DEFAULT_SIGNAL_SCORE: SignalScoreData = {\n  score: 65,\n  factors: [\n    { key: \"trigger\", label: \"Trigger strength\", score: 70, why: \"Moderate signal detected based on account activity\" },\n    { key: \"fit\", label: \"Company fit\", score: 65, why: \"Reasonable fit based on company profile\" },\n    { key: \"timing\", label: \"Timing\", score: 58, why: \"Within general evaluation window\" },\n  ],\n  whyNow: \"Moderate signals detected that warrant review and potential outreach.\",\n  evidence: [\n    \"Activity patterns suggest potential opportunity\",\n    \"Company profile aligns with target segment\",\n  ],\n  confidence: 72,\n}\n\n// ---------------------------------------------------------------------------\n// Detail View\n// ---------------------------------------------------------------------------\n\nexport interface DetailViewProps {\n  item: QueueItem\n  sections: InboxDetailSections\n  getSignalScore: (company: string, item?: QueueItem) => SignalScoreData\n  buildSuggestedActions: (item: QueueItem) => SuggestedAction[]\n  buildSourceItems: (item: QueueItem) => SourceDef[]\n  getTimelineEvents?: (item: QueueItem) => TimelineEvent[]\n  accountContacts: SuggestedContact[]\n  emailSignature: string | React.ReactNode\n  iconMap: Record<string, string>\n  onOpenEntityPanel?: () => void\n  onOpenRecentActivity?: () => void\n  onSuggestedActionFeedback?: (actionId: number | string, feedback: string, actionTitle?: string) => void\n  onSignalApprove?: (item: QueueItem) => void\n  getSignalApprovalState?: (item: QueueItem) => ApprovalState | undefined\n  signalLabels?: { approveButton?: string; dismissButton?: string; approvedStatus?: string; dismissedStatus?: string }\n  signalBriefCopy?: InboxViewConfig[\"signalBriefCopy\"]\n}\n\nexport function DetailView({\n  item,\n  sections,\n  getSignalScore,\n  buildSuggestedActions,\n  buildSourceItems,\n  getTimelineEvents,\n  accountContacts,\n  emailSignature,\n  iconMap,\n  onOpenEntityPanel,\n  onOpenRecentActivity,\n  onSuggestedActionFeedback: _onSuggestedActionFeedback,\n  onSignalApprove,\n  getSignalApprovalState,\n  signalLabels,\n  signalBriefCopy,\n}: DetailViewProps) {\n  const [evidenceExpanded, setEvidenceExpanded] = React.useState(false)\n  const [showTimeline, setShowTimeline] = React.useState(false)\n  const [extraActions, setExtraActions] = React.useState<SuggestedAction[]>([])\n\n  React.useEffect(() => {\n    setShowTimeline(false)\n    setEvidenceExpanded(false)\n    setExtraActions([])\n  }, [item.id])\n\n  const signalData = React.useMemo(\n    () => getSignalScore(item.company, item),\n    [getSignalScore, item.company, item],\n  )\n\n  const suggestedActions = React.useMemo(\n    () => [...buildSuggestedActions(item), ...extraActions],\n    [buildSuggestedActions, item, extraActions],\n  )\n  const sourceItems = React.useMemo(() => buildSourceItems(item), [buildSourceItems, item])\n  const timelineEvents = React.useMemo(\n    () => getTimelineEvents?.(item) ?? [],\n    [getTimelineEvents, item],\n  )\n\n  const handleDuplicate = React.useCallback(\n    (id: number | string) => {\n      const base = suggestedActions.find((a) => a.id === id)\n      if (!base || base.type !== \"email\") return\n      const clone: SuggestedAction = {\n        ...base,\n        id: `${base.id}-dup-${Date.now()}`,\n        emailMeta: base.emailMeta ? { ...base.emailMeta, to: undefined } : undefined,\n      }\n      setExtraActions((prev) => [...prev, clone])\n    },\n    [suggestedActions],\n  )\n\n  return (\n    <SignalApproval.Root\n      companyName={item.company}\n      opportunityUrl={`https://acme.lightning.force.com/lightning/r/Opportunity/006${item.id}/view`}\n      labels={signalLabels}\n      initialApprovalState={getSignalApprovalState?.(item)}\n      onApprove={() => onSignalApprove?.(item)}\n      onApproveFeedback={(reasons, detail) => {\n        signalData.onApproveFeedback?.(reasons, detail)\n        console.log(\"Approval feedback:\", { taskId: item.id, company: item.company, reasons, detail })\n      }}\n      onDismiss={(reasons, detail) => {\n        signalData.onDismissFeedback?.(reasons, detail)\n        console.log(\"Dismissed signal:\", { taskId: item.id, reasons, detail })\n      }}\n    >\n      <div className=\"mx-auto w-full max-w-3xl p-6 pb-12 md:p-8\">\n        <div className=\"pb-8\">\n          {/* Header */}\n          <div className=\"mb-4 flex items-center gap-2\">\n            <button\n              type=\"button\"\n              className=\"flex items-center gap-1.5 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground\"\n            >\n              <ArrowLeft className=\"h-3.5 w-3.5\" />\n              Back\n            </button>\n            <span className=\"text-muted-foreground/40\">&middot;</span>\n            <span className=\"text-xs text-muted-foreground\">{item.company}</span>\n          </div>\n\n          <h1 className=\"mb-3 text-2xl font-bold tracking-tight text-foreground\">{item.title}</h1>\n\n          <div className=\"mb-6 flex flex-wrap items-center gap-2\">\n            {item.statusColor === \"red\" && (\n              <div className=\"inline-flex items-center gap-1 rounded-md bg-red-50 px-2.5 py-1 text-xs font-semibold text-red-700\">\n                <span className=\"text-[10px] font-bold\">!</span> Urgent\n              </div>\n            )}\n            <div className=\"inline-flex items-center gap-1 rounded-md bg-muted px-2.5 py-1 text-xs font-medium text-muted-foreground\">\n              {item.tag1}\n            </div>\n            <button\n              type=\"button\"\n              onClick={onOpenEntityPanel}\n              className=\"ml-1 inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-muted/30 px-2 py-1 transition-colors hover:bg-muted/50\"\n            >\n              <div className=\"flex h-4 w-4 items-center justify-center rounded bg-muted-foreground/10 text-[9px] font-semibold text-muted-foreground\">\n                {item.company.substring(0, 1)}\n              </div>\n              <span className=\"text-xs font-medium text-foreground\">{item.company}</span>\n              <ChevronRight className=\"h-3 w-3 text-muted-foreground/50\" />\n            </button>\n          </div>\n\n          {/* Signal Brief */}\n          {sections.signalBrief && (() => {\n            const pct = signalData.score\n            const scoreColor = pct >= 70 ? \"text-emerald-600\" : pct >= 40 ? \"text-amber-600\" : \"text-red-600\"\n            const barColor = pct >= 70 ? \"bg-emerald-500\" : pct >= 40 ? \"bg-amber-500\" : \"bg-red-500\"\n            const scoreLabel = pct >= 70 ? \"HIGH\" : pct >= 40 ? \"MEDIUM\" : \"LOW\"\n\n            const evidenceWithCitations: React.ReactNode[] =\n              sourceItems.length >= 4\n                ? [\n                    <>\n                      There are <span className=\"font-medium text-foreground\">3 unusual signals</span> including a large balance\n                      outflow and reduced login frequency\n                      <Citation number={1} source={sourceItems[0]} />\n                      <Citation number={2} source={sourceItems[1]} />\n                      <Citation number={3} source={sourceItems[2]} />\n                    </>,\n                    <>\n                      Scott mentioned in <span className=\"font-medium text-foreground\">#treasury-questions</span> that they are actively\n                      looking for treasury management options\n                      <Citation number={4} source={sourceItems[2]} />\n                    </>,\n                    <>\n                      You have a recent email thread regarding optimization options that hasn&apos;t been replied to\n                      <Citation number={5} source={sourceItems[3]} />\n                    </>,\n                  ]\n                : signalData.evidence.map((ev, i) => (\n                    <span key={i}>{ev}</span>\n                  ))\n\n            const briefHeading = signalBriefCopy?.heading ?? \"Signal brief\"\n            const introOpt = signalBriefCopy?.intro\n            const briefIntro =\n              introOpt === null\n                ? null\n                : typeof introOpt === \"function\"\n                  ? introOpt(item)\n                  : introOpt ?? `We detected signals that suggest a potential opportunity with ${item.company}.`\n            return (\n              <div className=\"mb-8\">\n                {briefHeading ? (\n                  <h3 className=\"text-xs font-bold text-muted-foreground uppercase tracking-wider mb-3\">{briefHeading}</h3>\n                ) : null}\n                {briefIntro ? (\n                  <p className=\"text-sm text-muted-foreground leading-relaxed mb-2\">\n                    {briefIntro}\n                  </p>\n                ) : null}\n                <p className=\"text-sm text-foreground/90 leading-relaxed mb-4\">\n                  {signalData.whyNow}\n                </p>\n\n                <div className=\"mb-5 rounded-md border border-border bg-muted/20 p-3\">\n                  <div className=\"flex items-center justify-between mb-1.5\">\n                    <span className=\"text-[10px] font-bold text-muted-foreground uppercase tracking-wider\">Signal Score</span>\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-sm font-bold text-foreground\">{signalData.score}/100</span>\n                      <span className={`text-[10px] font-bold uppercase ${scoreColor}`}>{scoreLabel}</span>\n                    </div>\n                  </div>\n                  <div className=\"h-1.5 bg-muted rounded-full overflow-hidden mb-2\">\n                    <div\n                      className={`h-full rounded-full transition-all duration-500 ${barColor}`}\n                      style={{ width: `${signalData.score}%` }}\n                    />\n                  </div>\n                  <button\n                    type=\"button\"\n                    onClick={() => setEvidenceExpanded((prev) => !prev)}\n                    className=\"flex items-center gap-1 text-[11px] font-medium text-muted-foreground hover:text-foreground transition-colors\"\n                  >\n                    <ChevronDown className={`h-3 w-3 transition-transform duration-200 ${evidenceExpanded ? \"rotate-180\" : \"\"}`} />\n                    View more\n                  </button>\n\n                  {evidenceExpanded && (\n                    <div className=\"mt-3 space-y-3\">\n                      <ul className=\"space-y-2\">\n                        {evidenceWithCitations.map((ev, index) => (\n                          <li key={index} className=\"flex items-start gap-2 text-sm\">\n                            <div className=\"w-1.5 h-1.5 bg-primary rounded-full mt-2 flex-shrink-0\" />\n                            <span className=\"text-muted-foreground leading-relaxed\">{ev}</span>\n                          </li>\n                        ))}\n                      </ul>\n                      <ScoreBreakdown\n                        factors={signalData.factors}\n                        onFactorFeedback={signalData.onFactorFeedback ?? ((key, type, detail) =>\n                          console.log(\"Signal factor feedback:\", { company: item.company, factor: key, type, detail })\n                        )}\n                      />\n                      <SignalApproval.Actions />\n                    </div>\n                  )}\n                </div>\n\n                {!evidenceExpanded && <SignalApproval.Actions />}\n              </div>\n            )\n          })()}\n\n          {/* Activity Timeline */}\n          {sections.timeline && timelineEvents.length > 0 && (\n            <div className=\"mb-8\">\n              <button\n                type=\"button\"\n                onClick={() => setShowTimeline((prev) => !prev)}\n                className=\"group/timeline flex w-full items-center justify-between gap-2 py-2 rounded-md transition-colors hover:bg-muted/40 -mx-2 px-2 cursor-pointer\"\n              >\n                <div className=\"flex items-center gap-2\">\n                  <h3 className=\"text-xs font-bold text-muted-foreground uppercase tracking-wider group-hover/timeline:text-foreground transition-colors\">Activity timeline</h3>\n                  {!showTimeline && (\n                    <span className=\"text-[11px] text-muted-foreground/60\">&middot; Last activity 1d ago</span>\n                  )}\n                </div>\n                <div className=\"flex items-center gap-1.5\">\n                  <span className=\"text-[11px] font-medium text-muted-foreground\">{timelineEvents.length} events</span>\n                  <ChevronDown className={`h-3.5 w-3.5 text-muted-foreground transition-transform duration-200 ${showTimeline ? \"rotate-180\" : \"\"}`} />\n                </div>\n              </button>\n              {showTimeline && (\n                <div className=\"mt-3\">\n                  <TimelineActivity events={timelineEvents} />\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        {/* Suggested Actions */}\n        {sections.suggestedActions && (\n          <SignalApproval.Gate>\n            <SuggestedActions\n              actions={suggestedActions}\n              accountContacts={accountContacts}\n              signature={emailSignature}\n              iconMap={iconMap}\n              onDismiss={(id) => console.log(\"Dismiss action:\", id)}\n              onSend={(id) => console.log(\"Send action:\", id)}\n              onSaveDraft={(id) => console.log(\"Save draft:\", id)}\n              onDuplicate={handleDuplicate}\n              onOpenAccountDetails={onOpenEntityPanel}\n              onOpenRecentActivity={onOpenRecentActivity}\n              onMarkComplete={(id) => console.log(\"Mark complete:\", id)}\n              onDispatchAgent={(id) => console.log(\"Dispatch agent:\", id)}\n            />\n          </SignalApproval.Gate>\n        )}\n      </div>\n    </SignalApproval.Root>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Main Component\n// ---------------------------------------------------------------------------\n\nexport function PrototypeInboxView({\n  items,\n  filterCategories,\n  detailSections,\n  accountContacts = [],\n  buildAccountContacts,\n  emailSignature = \"\",\n  buildSuggestedActions: buildSuggestedActionsProp,\n  buildSourceItems: buildSourceItemsProp,\n  getSignalScore: getSignalScoreProp,\n  getTimelineEvents,\n  iconMap = {},\n  hideToolbarActions,\n  hideHoverActions,\n  onSuggestedActionFeedback,\n  headerActions,\n  onOpenEntityPanel,\n  onOpenRecentActivity,\n  onItemSelect,\n  defaultViewMode,\n  buildEntityChips,\n  quickFilterTabs,\n  hideAccountsButton,\n  accountDetailsLabel,\n  onSignalApprove,\n  getSignalApprovalState,\n  signalLabels,\n  signalBriefCopy,\n}: PrototypeInboxViewProps) {\n  const [inboxViewMode, setInboxViewMode] = React.useState<\"inbox\" | \"list\" | \"detail\">(\n    defaultViewMode === \"list\" ? \"list\" : defaultViewMode === \"split\" ? \"inbox\" : \"inbox\"\n  )\n  const [previousViewMode, setPreviousViewMode] = React.useState<\"inbox\" | \"list\">(\"inbox\")\n  const [selectedTask, setSelectedTask] = React.useState(items[0])\n  const [inboxAssignee, setInboxAssignee] = React.useState<AssigneeFilter>(\"me\")\n  const [inboxFilters, setInboxFilters] = React.useState<Record<string, string>>({})\n  const [activeQuickFilter, setActiveQuickFilter] = React.useState<string>(\"all\")\n  const [splitViewSearch, setSplitViewSearch] = React.useState(\"\")\n\n  const sections = React.useMemo(\n    () => ({ ...DEFAULT_DETAIL_SECTIONS, ...detailSections }),\n    [detailSections],\n  )\n\n  const resolvedFilterCategories: InboxFilterCategory[] = React.useMemo(\n    () =>\n      filterCategories ?? [\n        {\n          id: \"category\",\n          label: \"Category\",\n          icon: <Tag className=\"h-3.5 w-3.5 text-muted-foreground\" />,\n          options: [...new Set(items.map((i) => i.tag1))],\n        },\n        {\n          id: \"account\",\n          label: \"Account\",\n          icon: <Building className=\"h-3.5 w-3.5 text-muted-foreground\" />,\n          options: [...new Set(items.map((i) => i.company))],\n        },\n      ],\n    [filterCategories, items],\n  )\n\n  const buildSuggestedActions = React.useMemo(\n    () => buildSuggestedActionsProp ?? (() => []),\n    [buildSuggestedActionsProp],\n  )\n\n  const buildSourceItems = React.useMemo(\n    () => buildSourceItemsProp ?? (() => []),\n    [buildSourceItemsProp],\n  )\n\n  const getSignalScore = React.useMemo(\n    () => getSignalScoreProp ?? (() => DEFAULT_SIGNAL_SCORE),\n    [getSignalScoreProp],\n  )\n\n  // Build a map from filter category id → QueueItem field for targeted filtering.\n  // Known category ids are mapped explicitly; unknown categories fall back to a\n  // broad search across display fields so consumer-defined filters still work.\n  const filterFieldMap = React.useMemo<\n    Record<string, (item: QueueItem, value: string) => boolean>\n  >(() => {\n    const map: Record<string, (item: QueueItem, value: string) => boolean> = {}\n    for (const cat of resolvedFilterCategories) {\n      switch (cat.id) {\n        case \"category\":\n        case \"signalType\":\n          map[cat.id] = (item, v) => item.tag1.toLowerCase() === v.toLowerCase()\n          break\n        case \"account\":\n          map[cat.id] = (item, v) => item.company.toLowerCase() === v.toLowerCase()\n          break\n        default:\n          // Fallback: check all display fields\n          map[cat.id] = (item, v) => {\n            const lv = v.toLowerCase()\n            return (\n              item.tag1.toLowerCase() === lv ||\n              item.company.toLowerCase() === lv ||\n              item.title.toLowerCase().includes(lv) ||\n              item.details.toLowerCase().includes(lv)\n            )\n          }\n      }\n    }\n    return map\n  }, [resolvedFilterCategories])\n\n  // Filter items for list view based on toolbar filters\n  const filteredItems = React.useMemo(() => {\n    const activeFilters = Object.entries(inboxFilters).filter(\n      ([, value]) => value && value !== \"all\"\n    )\n    if (activeFilters.length === 0) return items\n    return items.filter((item) =>\n      activeFilters.every(([key, value]) => {\n        const matcher = filterFieldMap[key]\n        return matcher ? matcher(item, value) : true\n      })\n    )\n  }, [items, inboxFilters, filterFieldMap])\n\n  // Resolve quick filter tabs once — used by both the split view filter and\n  // the tab bar render. Each tab's `matchValue` (falling back to `label`) is\n  // compared against `item.tag1` so consumer labels can differ from data values.\n  type QuickFilterTab = { id: string; label: string; matchValue?: string; count?: number }\n  const resolvedQuickFilterTabs = React.useMemo<QuickFilterTab[]>(() => {\n    if (quickFilterTabs) return quickFilterTabs\n    // Derive default tabs from the actual item tag1 values\n    const uniqueTags = [...new Set(items.map((i) => i.tag1))]\n    return uniqueTags.map((tag) => ({\n      id: tag.toLowerCase().replace(/\\s+/g, \"-\"),\n      label: tag,\n    }))\n  }, [quickFilterTabs, items])\n\n  // Compute per-tab counts once so they can be displayed in the tab bar\n  const quickFilterTabCounts = React.useMemo(() => {\n    const counts: Record<string, number> = {}\n    for (const tab of resolvedQuickFilterTabs) {\n      const match = (tab.matchValue ?? tab.label).toLowerCase()\n      counts[tab.id] = items.filter((i) => i.tag1.toLowerCase() === match).length\n    }\n    return counts\n  }, [resolvedQuickFilterTabs, items])\n\n  // Filter items for split view based on quick filter tabs and search\n  const splitViewItems = React.useMemo(() => {\n    let filtered = items\n    // Apply quick filter tab\n    if (activeQuickFilter !== \"all\") {\n      const activeTab = resolvedQuickFilterTabs.find((t) => t.id === activeQuickFilter)\n      if (activeTab) {\n        const match = (activeTab.matchValue ?? activeTab.label).toLowerCase()\n        filtered = filtered.filter(\n          (item) => item.tag1.toLowerCase() === match\n        )\n      }\n    }\n    // Apply search input\n    if (splitViewSearch.trim()) {\n      const q = splitViewSearch.trim().toLowerCase()\n      filtered = filtered.filter(\n        (item) =>\n          item.tag1.toLowerCase().includes(q) ||\n          item.company.toLowerCase().includes(q) ||\n          item.title.toLowerCase().includes(q)\n      )\n    }\n    return filtered\n  }, [items, activeQuickFilter, resolvedQuickFilterTabs, splitViewSearch])\n\n  // Grouped items for list view\n  const inboxGroups = React.useMemo<GroupedListGroup<QueueItem>[]>(() => {\n    const urgent = filteredItems.filter((i) => i.statusColor === \"red\")\n    const active = filteredItems.filter((i) => i.statusColor !== \"red\")\n    return [\n      { key: \"urgent\", label: \"Urgent\", items: urgent },\n      { key: \"active\", label: \"Active\", items: active },\n    ].filter((g) => g.items.length > 0)\n  }, [filteredItems])\n\n  const renderInboxRow = React.useCallback(\n    (item: QueueItem) => (\n      <>\n        <span className={`h-2 w-2 shrink-0 rounded-full ${item.statusColor === \"red\" ? \"bg-[#f43f5e]\" : \"bg-[#3b82f6]\"}`} />\n        <span className=\"w-[80px] shrink-0 font-mono text-xs text-muted-foreground/80\">{item.id}</span>\n        <span className=\"shrink-0 rounded-md border border-border bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground whitespace-nowrap\">{item.tag1}</span>\n        <span className=\"min-w-0 flex-1 truncate text-sm font-semibold text-foreground\">{item.title}</span>\n        <span className=\"w-[120px] shrink-0 truncate text-xs font-medium text-foreground\">{item.company}</span>\n        <span className=\"w-[80px] shrink-0 text-right text-xs text-muted-foreground\">{item.time}</span>\n      </>\n    ),\n    [],\n  )\n\n  const handleInboxItemSelect = React.useCallback(\n    (item: QueueItem) => {\n      setSelectedTask(item)\n      if (onItemSelect) {\n        onItemSelect(item)\n      } else if (inboxViewMode === \"list\") {\n        setPreviousViewMode(\"list\")\n        setInboxViewMode(\"detail\")\n      }\n    },\n    [inboxViewMode, onItemSelect],\n  )\n\n  const handleBackFromDetail = React.useCallback(() => {\n    setInboxViewMode(previousViewMode)\n  }, [previousViewMode])\n\n  const handleViewModeChange = React.useCallback((id: string) => {\n    const mode = id as \"inbox\" | \"list\" | \"detail\"\n    if (mode !== \"detail\") {\n      setPreviousViewMode(mode)\n    }\n    setInboxViewMode(mode)\n  }, [])\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(\"(max-width: 768px)\")\n    function handleChange(e: MediaQueryListEvent | MediaQueryList) {\n      if (e.matches && inboxViewMode === \"inbox\") {\n        setPreviousViewMode(\"inbox\")\n        setInboxViewMode(\"detail\")\n      }\n    }\n    handleChange(mql)\n    mql.addEventListener(\"change\", handleChange)\n    return () => mql.removeEventListener(\"change\", handleChange)\n  }, [inboxViewMode])\n\n  const detailViewProps: DetailViewProps = {\n    item: selectedTask,\n    sections,\n    getSignalScore,\n    buildSuggestedActions,\n    buildSourceItems,\n    getTimelineEvents,\n    accountContacts: buildAccountContacts?.(selectedTask) ?? accountContacts,\n    emailSignature,\n    iconMap,\n    onOpenEntityPanel,\n    onOpenRecentActivity,\n    onSuggestedActionFeedback,\n    onSignalApprove,\n    getSignalApprovalState,\n    signalLabels,\n    signalBriefCopy,\n  }\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      {/* Toolbar */}\n      <div className=\"flex items-center justify-between border-b border-border bg-background px-4 py-3 shrink-0\">\n        <div className=\"flex items-center gap-3\">\n          {inboxViewMode === \"detail\" ? (\n            <button\n              type=\"button\"\n              onClick={handleBackFromDetail}\n              className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back\n            </button>\n          ) : null}\n          <h2 className=\"text-lg font-semibold text-foreground\">Inbox</h2>\n          <Badge variant=\"secondary\" className=\"bg-muted text-muted-foreground hover:bg-muted font-medium text-[11px] px-2 py-0.5 rounded-md\">\n            {items.length}\n          </Badge>\n        </div>\n        <div className=\"flex items-center gap-3\">\n          <ViewModeToggle\n            modes={[\n              { id: \"inbox\", icon: <Columns2 className=\"h-3.5 w-3.5\" />, label: \"Split View\" },\n              { id: \"list\", icon: <LayoutList className=\"h-3.5 w-3.5\" />, label: \"List View\" },\n              { id: \"detail\", icon: <Square className=\"h-3.5 w-3.5\" />, label: \"Detail View\" },\n            ]}\n            activeMode={inboxViewMode}\n            onModeChange={handleViewModeChange}\n          />\n          {headerActions}\n        </div>\n      </div>\n\n      {/* View modes */}\n      {inboxViewMode === \"detail\" ? (\n        <div className=\"flex h-full flex-1 flex-col overflow-hidden bg-background\">\n          <div className=\"flex-1 overflow-y-auto\">\n            <DetailView {...detailViewProps} />\n          </div>\n        </div>\n      ) : inboxViewMode === \"list\" ? (\n        <div className=\"flex-1 overflow-y-auto bg-background\">\n          <InboxToolbar\n            assignee={inboxAssignee}\n            onAssigneeChange={setInboxAssignee}\n            filterCategories={resolvedFilterCategories}\n            selectedFilters={inboxFilters}\n            onFilterChange={(catId, val) =>\n              setInboxFilters((prev) => ({ ...prev, [catId]: val }))\n            }\n            onClearFilters={() => setInboxFilters({})}\n          />\n          <GroupedListView<QueueItem>\n            groups={inboxGroups}\n            renderRow={renderInboxRow}\n            getItemKey={(item) => item.id}\n            selectedKey={selectedTask.id}\n            onItemClick={handleInboxItemSelect}\n            emptyMessage=\"No inbox items\"\n          />\n        </div>\n      ) : (\n        /* Split view */\n        <div className=\"flex h-full min-h-0 w-full flex-1\">\n          <div className=\"flex h-full min-w-[380px] w-[380px] flex-col border-r border-border bg-background shadow-sm z-10\">\n            <div className=\"flex flex-col gap-4 border-b border-border p-4 shrink-0\">\n              {!hideToolbarActions && (\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center gap-1\">\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><Eye className=\"w-4 h-4\" /></Button>\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><FileText className=\"w-4 h-4\" /></Button>\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><Clock className=\"w-4 h-4\" /></Button>\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><CheckSquare className=\"w-4 h-4\" /></Button>\n                  </div>\n                  <Button size=\"sm\" className=\"h-8 px-4 bg-foreground text-background hover:bg-foreground/90 text-xs font-semibold gap-1.5 rounded-md\">\n                    <Plus className=\"w-4 h-4\" /> Add Task\n                  </Button>\n                </div>\n              )}\n              <div className=\"flex items-center gap-2\">\n                <div className=\"relative flex-1\">\n                  <Filter className=\"absolute left-2.5 top-1.5 w-4 h-4 text-muted-foreground\" />\n                  <Input\n                    className=\"h-8 pl-8 text-xs bg-background border-border rounded-md shadow-none\"\n                    placeholder=\"Filter by category...\"\n                    value={splitViewSearch}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSplitViewSearch(e.target.value)}\n                  />\n                </div>\n                {!hideAccountsButton && (\n                  <Button variant=\"outline\" size=\"sm\" className=\"h-8 text-xs font-medium rounded-md shadow-none\">\n                    <Building className=\"w-3.5 h-3.5 mr-1.5\" /> {accountDetailsLabel ?? \"Accounts\"}\n                  </Button>\n                )}\n              </div>\n              <div className=\"flex items-center gap-1.5 overflow-x-auto pb-1 mt-1 scrollbar-hide\">\n                <Button\n                  size=\"sm\"\n                  variant={activeQuickFilter === \"all\" ? \"default\" : \"outline\"}\n                  className={`h-7 rounded-full px-3.5 text-[11px] font-semibold shadow-none ${\n                    activeQuickFilter === \"all\"\n                      ? \"bg-foreground text-background hover:bg-foreground/90\"\n                      : \"bg-transparent border-border text-muted-foreground hover:text-foreground\"\n                  }`}\n                  onClick={() => setActiveQuickFilter(\"all\")}\n                >\n                  All\n                </Button>\n                {resolvedQuickFilterTabs.map((tab) => {\n                  const count = tab.count ?? quickFilterTabCounts[tab.id]\n                  return (\n                    <Button\n                      key={tab.id}\n                      size=\"sm\"\n                      variant={activeQuickFilter === tab.id ? \"default\" : \"outline\"}\n                      className={`h-7 rounded-full px-3.5 text-[11px] font-medium shadow-none ${\n                        activeQuickFilter === tab.id\n                          ? \"bg-foreground text-background hover:bg-foreground/90\"\n                          : \"bg-transparent border-border text-muted-foreground hover:text-foreground\"\n                      }`}\n                      onClick={() => setActiveQuickFilter(tab.id)}\n                    >\n                      {tab.label}{count != null && count > 0 ? ` (${count})` : \"\"}\n                    </Button>\n                  )\n                })}\n              </div>\n            </div>\n\n            <div className=\"flex-1 overflow-y-auto\">\n              {splitViewItems.map((item) => (\n                <div\n                  key={item.id}\n                  onClick={() => { setSelectedTask(item); onItemSelect?.(item) }}\n                  className={`cursor-pointer border-b border-border p-4 transition-colors group relative border-l-2 ${\n                    selectedTask.id === item.id\n                      ? \"bg-muted/30 border-l-brand-purple\"\n                      : \"bg-transparent border-l-transparent hover:bg-muted/10\"\n                  }`}\n                >\n                  <div className=\"mb-1.5 flex items-center gap-2\">\n                    <span className=\"min-w-0 truncate text-[13px] font-semibold text-foreground leading-tight\">{item.title}</span>\n                    {selectedTask.id !== item.id && item.tag1 && (\n                      <span className=\"shrink-0 rounded-md border border-border bg-muted/60 px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                        {item.tag1}\n                      </span>\n                    )}\n                    <span className=\"ml-auto shrink-0 text-[10px] font-medium text-muted-foreground/80\">{item.time}</span>\n                  </div>\n                  <div className=\"flex items-start gap-2 mt-2\">\n                    <span className={`w-1.5 h-1.5 rounded-full shrink-0 mt-1.5 ${item.statusColor === \"red\" ? \"bg-[#f43f5e]\" : \"bg-[#3b82f6]\"}`} />\n                    <span className=\"text-xs text-muted-foreground leading-tight\">{item.details}</span>\n                  </div>\n                  {buildEntityChips && (() => {\n                    const chips = buildEntityChips(item)\n                    if (!chips.length) return null\n                    return (\n                      <div className=\"flex items-center gap-1.5 mt-2 flex-wrap\">\n                        {chips.map((chip) => (\n                          <button\n                            key={chip.id}\n                            type=\"button\"\n                            onClick={(e) => { e.stopPropagation(); chip.onClick?.() }}\n                            className=\"inline-flex items-center gap-1 rounded-md border border-border/60 bg-muted/30 px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground\"\n                          >\n                            <span className=\"flex h-3.5 w-3.5 items-center justify-center rounded bg-muted-foreground/10 text-[8px] font-semibold\">{chip.avatarLetter}</span>\n                            {chip.label}\n                          </button>\n                        ))}\n                      </div>\n                    )\n                  })()}\n                  {!hideHoverActions && (\n                    <div className={`absolute right-4 bottom-4 flex items-center gap-1.5 bg-background shadow-sm rounded-md px-1 py-0.5 border border-border ${\n                      selectedTask.id === item.id ? \"opacity-100\" : \"opacity-0 group-hover:opacity-100 transition-opacity\"\n                    }`}>\n                      <Button variant=\"ghost\" size=\"icon\" className=\"h-6 w-6 rounded text-muted-foreground hover:text-foreground\"><CheckSquare className=\"w-3.5 h-3.5\" /></Button>\n                      <Button variant=\"ghost\" size=\"icon\" className=\"h-6 w-6 rounded text-muted-foreground hover:text-foreground\"><Clock className=\"w-3.5 h-3.5\" /></Button>\n                    </div>\n                  )}\n                </div>\n              ))}\n              <div className=\"p-4\">\n                <Button variant=\"outline\" size=\"sm\" className=\"h-8 text-xs font-semibold rounded-md shadow-none\">See more</Button>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"flex h-full flex-1 flex-col overflow-hidden bg-background\">\n            <div className=\"flex-1 overflow-y-auto\">\n              <DetailView {...detailViewProps} />\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":["_a"]}

package/dist/prototype/prototype-insights-view.d.ts

@@ -11,6 +11,7 @@ import '../components/data-table.js';
 import '../components/metric-card.js';
 import '../charts/pipeline-overview.js';
 import '../components/timeline-activity.js';
+import '../components/signal-feedback-inline.js';
 import 'lucide-react';
 
 interface PrototypeInsightsViewProps extends InsightsViewConfig {

package/dist/prototype/prototype-shell.d.ts

@@ -11,6 +11,7 @@ import '../components/data-table.js';
 import '../components/metric-card.js';
 import '../charts/pipeline-overview.js';
 import '../components/timeline-activity.js';
+import '../components/signal-feedback-inline.js';
 import 'lucide-react';
 
 interface PrototypeShellProps {

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@handled-ai/design-system",
-  "version": "0.9.11",
+  "version": "0.9.13",
   "description": "Handled UI component library (shadcn-style, New York)",
   "type": "module",
-  "packageManager": "pnpm@9.12.0",
   "sideEffects": [
     "**/*.css"
   ],
@@ -95,16 +94,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "dev": "next dev --turbopack",
-    "build": "next build",
-    "build:lib": "tsup",
-    "start": "next start",
-    "typecheck": "tsc --noEmit",
-    "lint": "next lint",
-    "registry:build": "shadcn build",
-    "prepublishOnly": "npm run build:lib"
-  },
   "peerDependencies": {
     "@nivo/core": ">=0.80.0",
     "@nivo/sankey": ">=0.80.0",
@@ -176,17 +165,13 @@
     "typescript": "^5.9.2",
     "@tanstack/react-virtual": "^3.13.24"
   },
-  "pnpm": {
-    "overrides": {
-      "@types/react": "19.1.2",
-      "@types/react-dom": "19.1.2"
-    },
-    "onlyBuiltDependencies": [
-      "@tailwindcss/oxide",
-      "esbuild",
-      "msw",
-      "sharp",
-      "unrs-resolver"
-    ]
+  "scripts": {
+    "dev": "next dev --turbopack",
+    "build": "next build",
+    "build:lib": "tsup",
+    "start": "next start",
+    "typecheck": "tsc --noEmit",
+    "lint": "next lint",
+    "registry:build": "shadcn build"
   }
-}
+}

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

@@ -26,6 +26,7 @@ interface SignalApprovalLabels {
   dismissButton?: string
   approvedStatus?: string
   dismissedStatus?: string
+  opportunityCreated?: string
   confirmPrompt?: string
   dismissPrompt?: string
   feedbackPrompt?: string
@@ -36,6 +37,7 @@ const DEFAULT_LABELS: Required<SignalApprovalLabels> = {
   dismissButton: "Not Helpful",
   approvedStatus: "Action Approved",
   dismissedStatus: "Action Dismissed",
+  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?",
@@ -280,11 +282,11 @@ function Actions() {
               rel="noopener noreferrer"
               className="inline-flex items-center gap-1 hover:underline underline-offset-2"
             >
-              Opportunity Created
+              {labels.opportunityCreated}
               <ExternalLink className="h-3 w-3" />
             </a>
           ) : (
-            <span>Opportunity Created</span>
+            <span>{labels.opportunityCreated}</span>
           )}
         </div>
         {submittedFeedback && (
@@ -325,11 +327,11 @@ function Actions() {
               rel="noopener noreferrer"
               className="inline-flex items-center gap-1 hover:underline underline-offset-2"
             >
-              Opportunity Created
+              {labels.opportunityCreated}
               <ExternalLink className="h-3 w-3" />
             </a>
           ) : (
-            <span>Opportunity Created</span>
+            <span>{labels.opportunityCreated}</span>
           )}
         </div>
         <p className="text-xs font-medium text-muted-foreground">{labels.feedbackPrompt}</p>
@@ -431,7 +433,7 @@ function Actions() {
       <div className="space-y-2">
         <div className="flex items-center gap-1.5 text-xs text-muted-foreground">
           <ThumbsDown className="h-3.5 w-3.5" />
-          <span>Signal Dismissed</span>
+          <span>{labels.dismissedStatus}</span>
         </div>
         {submittedFeedback && (
           <SubmittedFeedback

package/src/prototype/prototype-config.ts

@@ -13,6 +13,7 @@ import type {
   PipelineStageTiming,
 } from "../charts/pipeline-overview"
 import type { TimelineEvent } from "../components/timeline-activity"
+import type { ApprovalState } from "../components/signal-feedback-inline"
 import type { LucideIcon } from "lucide-react"
 
 // ---------------------------------------------------------------------------
@@ -65,7 +66,7 @@ export interface InboxViewConfig {
   emailSignature?: string | React.ReactNode
   buildSuggestedActions?: (item: QueueItem) => SuggestedAction[]
   buildSourceItems?: (item: QueueItem) => SourceDef[]
-  getSignalScore?: (company: string) => SignalScoreData
+  getSignalScore?: (company: string, item?: QueueItem) => SignalScoreData
   getTimelineEvents?: (item: QueueItem) => TimelineEvent[]
   iconMap?: Record<string, string>
   hideToolbarActions?: boolean
@@ -75,11 +76,14 @@ export interface InboxViewConfig {
   quickFilterTabs?: Array<{ id: string; label: string; matchValue?: string; count?: number }>
   hideAccountsButton?: boolean
   accountDetailsLabel?: string
+  onSignalApprove?: (item: QueueItem) => void
+  getSignalApprovalState?: (item: QueueItem) => ApprovalState | undefined
   signalLabels?: {
     approveButton?: string
     dismissButton?: string
     approvedStatus?: string
     dismissedStatus?: string
+    opportunityCreated?: string
   }
   /**
    * Override the copy used in the detail panel "Signal brief" section.

package/src/prototype/prototype-inbox-view.tsx

@@ -29,7 +29,7 @@ import {
   type InboxFilterCategory,
 } from "../components/inbox-toolbar"
 import { GroupedListView, type GroupedListGroup } from "../components/item-list"
-import { SignalApproval } from "../components/signal-feedback-inline"
+import { SignalApproval, type ApprovalState } from "../components/signal-feedback-inline"
 import { ScoreBreakdown } from "../components/score-breakdown"
 import { Citation, type SourceDef } from "../components/detail-view"
 import {
@@ -91,7 +91,7 @@ const DEFAULT_SIGNAL_SCORE: SignalScoreData = {
 export interface DetailViewProps {
   item: QueueItem
   sections: InboxDetailSections
-  getSignalScore: (company: string) => SignalScoreData
+  getSignalScore: (company: string, item?: QueueItem) => SignalScoreData
   buildSuggestedActions: (item: QueueItem) => SuggestedAction[]
   buildSourceItems: (item: QueueItem) => SourceDef[]
   getTimelineEvents?: (item: QueueItem) => TimelineEvent[]
@@ -101,6 +101,8 @@ export interface DetailViewProps {
   onOpenEntityPanel?: () => void
   onOpenRecentActivity?: () => void
   onSuggestedActionFeedback?: (actionId: number | string, feedback: string, actionTitle?: string) => void
+  onSignalApprove?: (item: QueueItem) => void
+  getSignalApprovalState?: (item: QueueItem) => ApprovalState | undefined
   signalLabels?: { approveButton?: string; dismissButton?: string; approvedStatus?: string; dismissedStatus?: string }
   signalBriefCopy?: InboxViewConfig["signalBriefCopy"]
 }
@@ -118,6 +120,8 @@ export function DetailView({
   onOpenEntityPanel,
   onOpenRecentActivity,
   onSuggestedActionFeedback: _onSuggestedActionFeedback,
+  onSignalApprove,
+  getSignalApprovalState,
   signalLabels,
   signalBriefCopy,
 }: DetailViewProps) {
@@ -132,8 +136,8 @@ export function DetailView({
   }, [item.id])
 
   const signalData = React.useMemo(
-    () => getSignalScore(item.company),
-    [getSignalScore, item.company],
+    () => getSignalScore(item.company, item),
+    [getSignalScore, item.company, item],
   )
 
   const suggestedActions = React.useMemo(
@@ -165,9 +169,8 @@ export function DetailView({
       companyName={item.company}
       opportunityUrl={`https://acme.lightning.force.com/lightning/r/Opportunity/006${item.id}/view`}
       labels={signalLabels}
-      onApprove={() => {
-        console.log("Approved signal:", { taskId: item.id, company: item.company })
-      }}
+      initialApprovalState={getSignalApprovalState?.(item)}
+      onApprove={() => onSignalApprove?.(item)}
       onApproveFeedback={(reasons, detail) => {
         signalData.onApproveFeedback?.(reasons, detail)
         console.log("Approval feedback:", { taskId: item.id, company: item.company, reasons, detail })
@@ -398,6 +401,8 @@ export function PrototypeInboxView({
   quickFilterTabs,
   hideAccountsButton,
   accountDetailsLabel,
+  onSignalApprove,
+  getSignalApprovalState,
   signalLabels,
   signalBriefCopy,
 }: PrototypeInboxViewProps) {
@@ -621,6 +626,8 @@ export function PrototypeInboxView({
     onOpenEntityPanel,
     onOpenRecentActivity,
     onSuggestedActionFeedback,
+    onSignalApprove,
+    getSignalApprovalState,
     signalLabels,
     signalBriefCopy,
   }