@handled-ai/design-system 0.9.23 → 0.9.24

package/dist/components/score-breakdown.d.ts

@@ -11,7 +11,11 @@ interface ScoreBreakdownProps {
     factors: ScoreFactor[];
     onFactorFeedback?: (factorKey: string, type: "up" | "down" | null, detail?: string) => void;
     className?: string;
+    initialFeedback?: Record<string, {
+        type: "up" | "down";
+        detail: string;
+    }>;
 }
-declare function ScoreBreakdown({ factors, onFactorFeedback, className }: ScoreBreakdownProps): React.JSX.Element;
+declare function ScoreBreakdown({ factors, onFactorFeedback, className, initialFeedback }: ScoreBreakdownProps): React.JSX.Element;
 
 export { ScoreBreakdown, type ScoreBreakdownProps, type ScoreFactor };

package/dist/components/score-breakdown.js

@@ -39,10 +39,18 @@ function getRiskBadgeStyle(risk) {
       return "text-red-600 bg-red-50 dark:text-red-400 dark:bg-red-950/30";
   }
 }
-function ScoreBreakdown({ factors, onFactorFeedback, className }) {
-  const [feedback, setFeedback] = React.useState({});
-  const [feedbackText, setFeedbackText] = React.useState({});
-  const [savedText, setSavedText] = React.useState({});
+function ScoreBreakdown({ factors, onFactorFeedback, className, initialFeedback }) {
+  const [feedback, setFeedback] = React.useState(
+    initialFeedback ? Object.fromEntries(Object.entries(initialFeedback).map(([k, v]) => [k, v.type])) : {}
+  );
+  const [feedbackText, setFeedbackText] = React.useState(
+    initialFeedback ? Object.fromEntries(Object.entries(initialFeedback).map(([k, v]) => [k, v.detail])) : {}
+  );
+  const [savedText, setSavedText] = React.useState(
+    initialFeedback ? Object.fromEntries(
+      Object.entries(initialFeedback).filter(([, v]) => v.detail).map(([k, v]) => [k, v.detail])
+    ) : {}
+  );
   const [editingKey, setEditingKey] = React.useState(null);
   const handleFeedback = (factorKey, type) => {
     const newState = feedback[factorKey] === type ? null : type;
@@ -59,7 +67,7 @@ function ScoreBreakdown({ factors, onFactorFeedback, className }) {
     var _a;
     const text = ((_a = feedbackText[factorKey]) != null ? _a : "").trim();
     if (feedback[factorKey]) {
-      onFactorFeedback == null ? void 0 : onFactorFeedback(factorKey, feedback[factorKey], text || void 0);
+      onFactorFeedback == null ? void 0 : onFactorFeedback(factorKey, feedback[factorKey], text != null ? text : "");
       if (text) {
         setSavedText((prev) => __spreadProps(__spreadValues({}, prev), { [factorKey]: text }));
       }

package/dist/components/score-breakdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/score-breakdown.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { ThumbsUp, ThumbsDown } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\nexport interface ScoreFactor {\n  key: string\n  label: string\n  score: number | null\n  risk?: \"Low\" | \"Medium\" | \"High\"\n  why: string\n}\n\nfunction getFactorBarColor(score: number) {\n  if (score >= 70) return \"bg-emerald-500\"\n  if (score >= 40) return \"bg-amber-500\"\n  return \"bg-red-500\"\n}\n\nfunction getRiskBadgeStyle(risk: \"Low\" | \"Medium\" | \"High\") {\n  switch (risk) {\n    case \"Low\":\n      return \"text-emerald-600 bg-emerald-50 dark:text-emerald-400 dark:bg-emerald-950/30\"\n    case \"Medium\":\n      return \"text-amber-600 bg-amber-50 dark:text-amber-400 dark:bg-amber-950/30\"\n    case \"High\":\n      return \"text-red-600 bg-red-50 dark:text-red-400 dark:bg-red-950/30\"\n  }\n}\n\ninterface ScoreBreakdownProps {\n  factors: ScoreFactor[]\n  onFactorFeedback?: (factorKey: string, type: \"up\" | \"down\" | null, detail?: string) => void\n  className?: string\n}\n\nfunction ScoreBreakdown({ factors, onFactorFeedback, className }: ScoreBreakdownProps) {\n  const [feedback, setFeedback] = React.useState<Record<string, \"up\" | \"down\" | null>>({})\n  const [feedbackText, setFeedbackText] = React.useState<Record<string, string>>({})\n  const [savedText, setSavedText] = React.useState<Record<string, string>>({})\n  const [editingKey, setEditingKey] = React.useState<string | null>(null)\n\n  const handleFeedback = (factorKey: string, type: \"up\" | \"down\") => {\n    const newState = feedback[factorKey] === type ? null : type\n    setFeedback((prev) => ({ ...prev, [factorKey]: newState }))\n    if (newState === null) {\n      setEditingKey(null)\n      onFactorFeedback?.(factorKey, null)\n    } else {\n      setEditingKey(factorKey)\n      onFactorFeedback?.(factorKey, newState)\n    }\n  }\n\n  const submitFeedbackText = (factorKey: string) => {\n    const text = (feedbackText[factorKey] ?? \"\").trim()\n    if (feedback[factorKey]) {\n      onFactorFeedback?.(factorKey, feedback[factorKey]!, text || undefined)\n      if (text) {\n        setSavedText((prev) => ({ ...prev, [factorKey]: text }))\n      }\n    }\n    setEditingKey(null)\n  }\n\n  return (\n    <div className={cn(\"border border-border rounded-lg overflow-hidden divide-y divide-border/40\", className)}>\n      {factors.map((factor) => {\n        const feedbackState = feedback[factor.key]\n        const hasThumb = feedbackState === \"up\" || feedbackState === \"down\"\n        const isEditing = editingKey === factor.key\n        const saved = savedText[factor.key]\n\n        return (\n          <div key={factor.key} className=\"px-3 py-3 space-y-1.5\">\n            {/* Row 1: Factor name + score + rating buttons */}\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-[13px] font-semibold text-foreground flex-1\">{factor.label}</span>\n\n              {factor.score !== null ? (\n                <span className=\"text-xs font-bold text-foreground tabular-nums\">{factor.score}<span className=\"text-muted-foreground font-normal\">/100</span></span>\n              ) : factor.risk ? (\n                <span\n                  className={cn(\n                    \"text-[11px] font-semibold px-1.5 py-0.5 rounded\",\n                    getRiskBadgeStyle(factor.risk)\n                  )}\n                >\n                  {factor.risk}\n                </span>\n              ) : null}\n\n              <div className=\"flex items-center gap-0.5 ml-1\">\n                <button\n                  type=\"button\"\n                  onClick={() => handleFeedback(factor.key, \"up\")}\n                  className={cn(\n                    \"p-1 rounded transition-colors\",\n                    feedbackState === \"up\"\n                      ? \"text-emerald-600 bg-emerald-50 dark:text-emerald-400 dark:bg-emerald-950/30\"\n                      : \"text-muted-foreground/40 hover:text-emerald-600 hover:bg-emerald-50/50\"\n                  )}\n                  title=\"This factor is accurate\"\n                >\n                  <ThumbsUp className=\"w-3 h-3\" />\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => handleFeedback(factor.key, \"down\")}\n                  className={cn(\n                    \"p-1 rounded transition-colors\",\n                    feedbackState === \"down\"\n                      ? \"text-red-600 bg-red-50 dark:text-red-400 dark:bg-red-950/30\"\n                      : \"text-muted-foreground/40 hover:text-red-600 hover:bg-red-50/50\"\n                  )}\n                  title=\"Report issue with this factor\"\n                >\n                  <ThumbsDown className=\"w-3 h-3\" />\n                </button>\n              </div>\n            </div>\n\n            {/* Row 2: Score bar */}\n            {factor.score !== null && (\n              <div className=\"w-full h-1 bg-muted rounded-full overflow-hidden\">\n                <div\n                  className={cn(\"h-full rounded-full\", getFactorBarColor(factor.score))}\n                  style={{ width: `${factor.score}%` }}\n                />\n              </div>\n            )}\n\n            {/* Row 3: Why text */}\n            <p className=\"text-xs text-muted-foreground leading-relaxed\">{factor.why}</p>\n\n            {/* Feedback input */}\n            {hasThumb && isEditing && (\n              <input\n                type=\"text\"\n                autoFocus\n                value={feedbackText[factor.key] ?? \"\"}\n                onChange={(e) =>\n                  setFeedbackText((prev) => ({ ...prev, [factor.key]: e.target.value }))\n                }\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\") submitFeedbackText(factor.key)\n                  if (e.key === \"Escape\") setEditingKey(null)\n                }}\n                onBlur={() => submitFeedbackText(factor.key)}\n                placeholder={\n                  feedbackState === \"up\"\n                    ? \"What\\u2019s accurate? (optional)\"\n                    : \"What\\u2019s wrong? (optional)\"\n                }\n                className=\"w-full h-6 rounded border border-border bg-background px-2 text-[11px] text-foreground placeholder:text-muted-foreground/50 focus:outline-none focus:ring-1 focus:ring-ring\"\n              />\n            )}\n            {hasThumb && !isEditing && saved && (\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setFeedbackText((prev) => ({ ...prev, [factor.key]: saved }))\n                  setEditingKey(factor.key)\n                }}\n                className=\"text-[11px] text-muted-foreground/70 hover:text-muted-foreground transition-colors text-left leading-snug\"\n              >\n                {saved}\n              </button>\n            )}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\nexport { ScoreBreakdown }\nexport type { ScoreBreakdownProps }\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/score-breakdown.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { ThumbsUp, ThumbsDown } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\nexport interface ScoreFactor {\n  key: string\n  label: string\n  score: number | null\n  risk?: \"Low\" | \"Medium\" | \"High\"\n  why: string\n}\n\nfunction getFactorBarColor(score: number) {\n  if (score >= 70) return \"bg-emerald-500\"\n  if (score >= 40) return \"bg-amber-500\"\n  return \"bg-red-500\"\n}\n\nfunction getRiskBadgeStyle(risk: \"Low\" | \"Medium\" | \"High\") {\n  switch (risk) {\n    case \"Low\":\n      return \"text-emerald-600 bg-emerald-50 dark:text-emerald-400 dark:bg-emerald-950/30\"\n    case \"Medium\":\n      return \"text-amber-600 bg-amber-50 dark:text-amber-400 dark:bg-amber-950/30\"\n    case \"High\":\n      return \"text-red-600 bg-red-50 dark:text-red-400 dark:bg-red-950/30\"\n  }\n}\n\ninterface ScoreBreakdownProps {\n  factors: ScoreFactor[]\n  onFactorFeedback?: (factorKey: string, type: \"up\" | \"down\" | null, detail?: string) => void\n  className?: string\n  initialFeedback?: Record<string, { type: \"up\" | \"down\"; detail: string }>\n}\n\nfunction ScoreBreakdown({ factors, onFactorFeedback, className, initialFeedback }: ScoreBreakdownProps) {\n  const [feedback, setFeedback] = React.useState<Record<string, \"up\" | \"down\" | null>>(\n    initialFeedback\n      ? Object.fromEntries(Object.entries(initialFeedback).map(([k, v]) => [k, v.type]))\n      : {}\n  )\n  const [feedbackText, setFeedbackText] = React.useState<Record<string, string>>(\n    initialFeedback\n      ? Object.fromEntries(Object.entries(initialFeedback).map(([k, v]) => [k, v.detail]))\n      : {}\n  )\n  const [savedText, setSavedText] = React.useState<Record<string, string>>(\n    initialFeedback\n      ? Object.fromEntries(\n          Object.entries(initialFeedback)\n            .filter(([, v]) => v.detail)\n            .map(([k, v]) => [k, v.detail])\n        )\n      : {}\n  )\n  const [editingKey, setEditingKey] = React.useState<string | null>(null)\n\n  const handleFeedback = (factorKey: string, type: \"up\" | \"down\") => {\n    const newState = feedback[factorKey] === type ? null : type\n    setFeedback((prev) => ({ ...prev, [factorKey]: newState }))\n    if (newState === null) {\n      setEditingKey(null)\n      onFactorFeedback?.(factorKey, null)\n    } else {\n      setEditingKey(factorKey)\n      onFactorFeedback?.(factorKey, newState)\n    }\n  }\n\n  const submitFeedbackText = (factorKey: string) => {\n    const text = (feedbackText[factorKey] ?? \"\").trim()\n    if (feedback[factorKey]) {\n      onFactorFeedback?.(factorKey, feedback[factorKey]!, text ?? \"\")\n      if (text) {\n        setSavedText((prev) => ({ ...prev, [factorKey]: text }))\n      }\n    }\n    setEditingKey(null)\n  }\n\n  return (\n    <div className={cn(\"border border-border rounded-lg overflow-hidden divide-y divide-border/40\", className)}>\n      {factors.map((factor) => {\n        const feedbackState = feedback[factor.key]\n        const hasThumb = feedbackState === \"up\" || feedbackState === \"down\"\n        const isEditing = editingKey === factor.key\n        const saved = savedText[factor.key]\n\n        return (\n          <div key={factor.key} className=\"px-3 py-3 space-y-1.5\">\n            {/* Row 1: Factor name + score + rating buttons */}\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-[13px] font-semibold text-foreground flex-1\">{factor.label}</span>\n\n              {factor.score !== null ? (\n                <span className=\"text-xs font-bold text-foreground tabular-nums\">{factor.score}<span className=\"text-muted-foreground font-normal\">/100</span></span>\n              ) : factor.risk ? (\n                <span\n                  className={cn(\n                    \"text-[11px] font-semibold px-1.5 py-0.5 rounded\",\n                    getRiskBadgeStyle(factor.risk)\n                  )}\n                >\n                  {factor.risk}\n                </span>\n              ) : null}\n\n              <div className=\"flex items-center gap-0.5 ml-1\">\n                <button\n                  type=\"button\"\n                  onClick={() => handleFeedback(factor.key, \"up\")}\n                  className={cn(\n                    \"p-1 rounded transition-colors\",\n                    feedbackState === \"up\"\n                      ? \"text-emerald-600 bg-emerald-50 dark:text-emerald-400 dark:bg-emerald-950/30\"\n                      : \"text-muted-foreground/40 hover:text-emerald-600 hover:bg-emerald-50/50\"\n                  )}\n                  title=\"This factor is accurate\"\n                >\n                  <ThumbsUp className=\"w-3 h-3\" />\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => handleFeedback(factor.key, \"down\")}\n                  className={cn(\n                    \"p-1 rounded transition-colors\",\n                    feedbackState === \"down\"\n                      ? \"text-red-600 bg-red-50 dark:text-red-400 dark:bg-red-950/30\"\n                      : \"text-muted-foreground/40 hover:text-red-600 hover:bg-red-50/50\"\n                  )}\n                  title=\"Report issue with this factor\"\n                >\n                  <ThumbsDown className=\"w-3 h-3\" />\n                </button>\n              </div>\n            </div>\n\n            {/* Row 2: Score bar */}\n            {factor.score !== null && (\n              <div className=\"w-full h-1 bg-muted rounded-full overflow-hidden\">\n                <div\n                  className={cn(\"h-full rounded-full\", getFactorBarColor(factor.score))}\n                  style={{ width: `${factor.score}%` }}\n                />\n              </div>\n            )}\n\n            {/* Row 3: Why text */}\n            <p className=\"text-xs text-muted-foreground leading-relaxed\">{factor.why}</p>\n\n            {/* Feedback input */}\n            {hasThumb && isEditing && (\n              <input\n                type=\"text\"\n                autoFocus\n                value={feedbackText[factor.key] ?? \"\"}\n                onChange={(e) =>\n                  setFeedbackText((prev) => ({ ...prev, [factor.key]: e.target.value }))\n                }\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\") submitFeedbackText(factor.key)\n                  if (e.key === \"Escape\") setEditingKey(null)\n                }}\n                onBlur={() => submitFeedbackText(factor.key)}\n                placeholder={\n                  feedbackState === \"up\"\n                    ? \"What\\u2019s accurate? (optional)\"\n                    : \"What\\u2019s wrong? (optional)\"\n                }\n                className=\"w-full h-6 rounded border border-border bg-background px-2 text-[11px] text-foreground placeholder:text-muted-foreground/50 focus:outline-none focus:ring-1 focus:ring-ring\"\n              />\n            )}\n            {hasThumb && !isEditing && saved && (\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setFeedbackText((prev) => ({ ...prev, [factor.key]: saved }))\n                  setEditingKey(factor.key)\n                }}\n                className=\"text-[11px] text-muted-foreground/70 hover:text-muted-foreground transition-colors text-left leading-snug\"\n              >\n                {saved}\n              </button>\n            )}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\nexport { ScoreBreakdown }\nexport type { ScoreBreakdownProps }\n"],"mappings":"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","names":[]}

package/dist/components/score-feedback.d.ts

@@ -23,8 +23,13 @@ declare function useScoreFeedback(): ScoreFeedbackState;
 interface RootProps {
     children: React.ReactNode;
     onSubmitFeedback?: (type: "up" | "down", pills: string[], detail: string) => void;
+    initialFeedback?: {
+        type: "up" | "down";
+        pills: string[];
+        detail: string;
+    } | null;
 }
-declare function Root({ children, onSubmitFeedback }: RootProps): React.JSX.Element;
+declare function Root({ children, onSubmitFeedback, initialFeedback }: RootProps): React.JSX.Element;
 declare function Trigger({ className }: {
     className?: string;
 }): React.JSX.Element;

package/dist/components/score-feedback.js

@@ -25,12 +25,14 @@ function useScoreFeedback() {
   if (!ctx) throw new Error("Must be used within ScoreFeedback.Root");
   return ctx;
 }
-function Root({ children, onSubmitFeedback }) {
+function Root({ children, onSubmitFeedback, initialFeedback }) {
   const [thumbState, setThumbState] = React.useState(null);
   const [selectedPills, setSelectedPills] = React.useState([]);
   const [detailText, setDetailTextState] = React.useState("");
   const [notedType, setNotedType] = React.useState(null);
-  const [submittedFeedback, setSubmittedFeedback] = React.useState(null);
+  const [submittedFeedback, setSubmittedFeedback] = React.useState(
+    initialFeedback ? { type: initialFeedback.type, pills: initialFeedback.pills, detail: initialFeedback.detail } : null
+  );
   const otherSelected = selectedPills.includes("Other");
   const hasRequiredInput = thumbState === "down" ? selectedPills.length > 0 && (!otherSelected || detailText.trim().length > 0) : selectedPills.length > 0 || detailText.trim().length > 0;
   const togglePill = React.useCallback((pill) => {

package/dist/components/score-feedback.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/score-feedback.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { ThumbsUp, ThumbsDown, Check } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\nconst positivePills = [\n  \"Right timing\",\n  \"Accurate data\",\n  \"Good prospect fit\",\n  \"Actionable\",\n]\n\nconst negativePills = [\n  \"Bad timing\",\n  \"Inaccurate data\",\n  \"Wrong prospect\",\n  \"Already handled\",\n  \"Not actionable\",\n  \"Other\",\n]\n\ninterface SubmittedScoreFeedback {\n  type: \"up\" | \"down\"\n  pills: string[]\n  detail: string\n}\n\ninterface ScoreFeedbackState {\n  thumbState: \"up\" | \"down\" | null\n  selectedPills: string[]\n  detailText: string\n  notedType: \"up\" | \"down\" | null\n  submittedFeedback: SubmittedScoreFeedback | null\n  otherSelected: boolean\n  hasRequiredInput: boolean\n  handleThumbClick: (type: \"up\" | \"down\") => void\n  togglePill: (pill: string) => void\n  setDetailText: (text: string) => void\n  handleSubmit: () => void\n  editSubmitted: () => void\n}\n\nconst ScoreFeedbackCtx = React.createContext<ScoreFeedbackState | null>(null)\n\nfunction useScoreFeedback() {\n  const ctx = React.useContext(ScoreFeedbackCtx)\n  if (!ctx) throw new Error(\"Must be used within ScoreFeedback.Root\")\n  return ctx\n}\n\ninterface RootProps {\n  children: React.ReactNode\n  onSubmitFeedback?: (type: \"up\" | \"down\", pills: string[], detail: string) => void\n}\n\nfunction Root({ children, onSubmitFeedback }: RootProps) {\n  const [thumbState, setThumbState] = React.useState<\"up\" | \"down\" | null>(null)\n  const [selectedPills, setSelectedPills] = React.useState<string[]>([])\n  const [detailText, setDetailTextState] = React.useState(\"\")\n  const [notedType, setNotedType] = React.useState<\"up\" | \"down\" | null>(null)\n  const [submittedFeedback, setSubmittedFeedback] = React.useState<SubmittedScoreFeedback | null>(null)\n\n  const otherSelected = selectedPills.includes(\"Other\")\n\n  const hasRequiredInput =\n    thumbState === \"down\"\n      ? selectedPills.length > 0 && (!otherSelected || detailText.trim().length > 0)\n      : selectedPills.length > 0 || detailText.trim().length > 0\n\n  const togglePill = React.useCallback((pill: string) => {\n    setSelectedPills((prev) =>\n      prev.includes(pill) ? prev.filter((p) => p !== pill) : [...prev, pill]\n    )\n  }, [])\n\n  const handleThumbClick = React.useCallback((type: \"up\" | \"down\") => {\n    setThumbState((prev) => (prev === type ? null : type))\n    setSelectedPills([])\n    setDetailTextState(\"\")\n  }, [])\n\n  const handleSubmit = React.useCallback(() => {\n    if (!thumbState) return\n    onSubmitFeedback?.(thumbState, selectedPills, detailText)\n    setSubmittedFeedback({ type: thumbState, pills: [...selectedPills], detail: detailText.trim() })\n    setNotedType(thumbState)\n    setThumbState(null)\n    setSelectedPills([])\n    setDetailTextState(\"\")\n    setTimeout(() => setNotedType(null), 3000)\n  }, [thumbState, selectedPills, detailText, onSubmitFeedback])\n\n  const editSubmitted = React.useCallback(() => {\n    if (!submittedFeedback) return\n    setThumbState(submittedFeedback.type)\n    setSelectedPills([...submittedFeedback.pills])\n    setDetailTextState(submittedFeedback.detail)\n    setNotedType(null)\n  }, [submittedFeedback])\n\n  return (\n    <ScoreFeedbackCtx.Provider\n      value={{\n        thumbState,\n        selectedPills,\n        detailText,\n        notedType,\n        submittedFeedback,\n        otherSelected,\n        hasRequiredInput,\n        handleThumbClick,\n        togglePill,\n        setDetailText: setDetailTextState,\n        handleSubmit,\n        editSubmitted,\n      }}\n    >\n      {children}\n    </ScoreFeedbackCtx.Provider>\n  )\n}\n\nfunction Trigger({ className }: { className?: string }) {\n  const { thumbState, notedType, submittedFeedback, handleThumbClick, editSubmitted } = useScoreFeedback()\n\n  if (notedType || (submittedFeedback && !thumbState)) {\n    return (\n      <div className={cn(\"shrink-0\", className)}>\n        <div className=\"flex items-center gap-1\">\n          <Check className=\"w-3 h-3 text-emerald-500\" />\n          <span className=\"text-[11px] text-muted-foreground\">\n            {notedType\n              ? notedType === \"up\" ? \"Noted\" : \"Recorded\"\n              : submittedFeedback?.type === \"up\" ? \"Noted\" : \"Recorded\"}\n          </span>\n        </div>\n        {submittedFeedback && (submittedFeedback.pills.length > 0 || submittedFeedback.detail) && (\n          <button\n            type=\"button\"\n            onClick={editSubmitted}\n            className=\"mt-1.5 w-full text-left space-y-1 group cursor-pointer\"\n          >\n            {submittedFeedback.pills.length > 0 && (\n              <div className=\"flex flex-wrap gap-1\">\n                {submittedFeedback.pills.map((p) => (\n                  <span\n                    key={p}\n                    className={cn(\n                      \"rounded-full border px-2 py-0.5 text-[10px] font-medium transition-colors group-hover:opacity-80\",\n                      submittedFeedback.type === \"up\"\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                  >\n                    {p}\n                  </span>\n                ))}\n              </div>\n            )}\n            {submittedFeedback.detail && (\n              <p className=\"text-[11px] text-muted-foreground/70 leading-snug group-hover:text-muted-foreground transition-colors\">{submittedFeedback.detail}</p>\n            )}\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <div className={cn(\"flex gap-0.5 shrink-0\", className)}>\n      <button\n        type=\"button\"\n        onClick={() => handleThumbClick(\"up\")}\n        className={cn(\n          \"p-1.5 rounded transition-colors\",\n          thumbState === \"up\"\n            ? \"bg-emerald-100 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400\"\n            : \"hover:bg-muted text-muted-foreground hover:text-foreground\"\n        )}\n      >\n        <ThumbsUp className=\"w-3.5 h-3.5\" fill={thumbState === \"up\" ? \"currentColor\" : \"none\"} />\n      </button>\n      <button\n        type=\"button\"\n        onClick={() => handleThumbClick(\"down\")}\n        className={cn(\n          \"p-1.5 rounded transition-colors\",\n          thumbState === \"down\"\n            ? \"bg-red-100 text-red-600 dark:bg-red-900/30 dark:text-red-400\"\n            : \"hover:bg-muted text-muted-foreground hover:text-foreground\"\n        )}\n      >\n        <ThumbsDown className=\"w-3.5 h-3.5\" fill={thumbState === \"down\" ? \"currentColor\" : \"none\"} />\n      </button>\n    </div>\n  )\n}\n\nfunction Panel({ className }: { className?: string }) {\n  const {\n    thumbState,\n    selectedPills,\n    detailText,\n    otherSelected,\n    hasRequiredInput,\n    togglePill,\n    setDetailText,\n    handleSubmit,\n  } = useScoreFeedback()\n\n  if (!thumbState) return null\n\n  return (\n    <div className={cn(\"overflow-hidden\", className)}>\n      <div className=\"mt-4 pt-4 pb-1 space-y-3 border-t border-border/60\">\n        <span className=\"text-[11px] font-bold text-muted-foreground/70 uppercase tracking-wider\">\n          How&apos;s this score?\n        </span>\n        <div>\n          <span className=\"text-xs text-muted-foreground mb-2 block font-medium\">\n            {thumbState === \"up\" ? \"What was useful?\" : \"What\\u2019s the issue?\"}\n          </span>\n          <div className=\"flex flex-wrap gap-1.5\">\n            {(thumbState === \"up\" ? positivePills : negativePills).map((pill) => (\n              <button\n                key={pill}\n                type=\"button\"\n                onClick={() => togglePill(pill)}\n                className={cn(\n                  \"px-2.5 py-1 rounded-full text-[11px] font-medium border transition-colors\",\n                  selectedPills.includes(pill)\n                    ? thumbState === \"up\"\n                      ? \"bg-emerald-100 text-emerald-700 border-emerald-200 dark:bg-emerald-900/30 dark:text-emerald-300 dark:border-emerald-800\"\n                      : \"bg-red-100 text-red-700 border-red-200 dark:bg-red-900/30 dark:text-red-300 dark:border-red-800\"\n                    : \"bg-background text-muted-foreground border-border hover:bg-muted/50 hover:text-foreground\"\n                )}\n              >\n                {pill}\n              </button>\n            ))}\n          </div>\n        </div>\n\n        <div className=\"space-y-1\">\n          <input\n            type=\"text\"\n            value={detailText}\n            onChange={(e) => setDetailText(e.target.value)}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\" && hasRequiredInput) handleSubmit()\n            }}\n            placeholder={\n              thumbState === \"up\"\n                ? \"Tell us more (optional)\"\n                : \"e.g., The risk factors are outdated\"\n            }\n            className=\"w-full text-xs bg-background border border-border rounded-md px-2.5 py-2 text-foreground placeholder:text-muted-foreground/50 focus:outline-none focus:ring-1 focus:ring-ring\"\n          />\n          {otherSelected && detailText.trim().length === 0 && (\n            <span className=\"text-[10px] text-red-500\">\n              Please describe when &ldquo;Other&rdquo; is selected\n            </span>\n          )}\n        </div>\n\n        <div className=\"flex items-center gap-2 pt-1\">\n          <button\n            type=\"button\"\n            onClick={handleSubmit}\n            disabled={!hasRequiredInput}\n            className={cn(\n              \"flex-1 py-1.5 rounded-md text-xs font-semibold transition-colors\",\n              hasRequiredInput\n                ? \"bg-foreground text-background hover:bg-foreground/90\"\n                : \"bg-muted text-muted-foreground cursor-not-allowed\"\n            )}\n          >\n            Submit\n          </button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport const ScoreFeedback = { Root, Trigger, Panel }\nexport { useScoreFeedback }\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/score-feedback.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { ThumbsUp, ThumbsDown, Check } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\nconst positivePills = [\n  \"Right timing\",\n  \"Accurate data\",\n  \"Good prospect fit\",\n  \"Actionable\",\n]\n\nconst negativePills = [\n  \"Bad timing\",\n  \"Inaccurate data\",\n  \"Wrong prospect\",\n  \"Already handled\",\n  \"Not actionable\",\n  \"Other\",\n]\n\ninterface SubmittedScoreFeedback {\n  type: \"up\" | \"down\"\n  pills: string[]\n  detail: string\n}\n\ninterface ScoreFeedbackState {\n  thumbState: \"up\" | \"down\" | null\n  selectedPills: string[]\n  detailText: string\n  notedType: \"up\" | \"down\" | null\n  submittedFeedback: SubmittedScoreFeedback | null\n  otherSelected: boolean\n  hasRequiredInput: boolean\n  handleThumbClick: (type: \"up\" | \"down\") => void\n  togglePill: (pill: string) => void\n  setDetailText: (text: string) => void\n  handleSubmit: () => void\n  editSubmitted: () => void\n}\n\nconst ScoreFeedbackCtx = React.createContext<ScoreFeedbackState | null>(null)\n\nfunction useScoreFeedback() {\n  const ctx = React.useContext(ScoreFeedbackCtx)\n  if (!ctx) throw new Error(\"Must be used within ScoreFeedback.Root\")\n  return ctx\n}\n\ninterface RootProps {\n  children: React.ReactNode\n  onSubmitFeedback?: (type: \"up\" | \"down\", pills: string[], detail: string) => void\n  initialFeedback?: { type: \"up\" | \"down\"; pills: string[]; detail: string } | null\n}\n\nfunction Root({ children, onSubmitFeedback, initialFeedback }: RootProps) {\n  const [thumbState, setThumbState] = React.useState<\"up\" | \"down\" | null>(null)\n  const [selectedPills, setSelectedPills] = React.useState<string[]>([])\n  const [detailText, setDetailTextState] = React.useState(\"\")\n  const [notedType, setNotedType] = React.useState<\"up\" | \"down\" | null>(null)\n  const [submittedFeedback, setSubmittedFeedback] = React.useState<SubmittedScoreFeedback | null>(\n    initialFeedback ? { type: initialFeedback.type, pills: initialFeedback.pills, detail: initialFeedback.detail } : null\n  )\n\n  const otherSelected = selectedPills.includes(\"Other\")\n\n  const hasRequiredInput =\n    thumbState === \"down\"\n      ? selectedPills.length > 0 && (!otherSelected || detailText.trim().length > 0)\n      : selectedPills.length > 0 || detailText.trim().length > 0\n\n  const togglePill = React.useCallback((pill: string) => {\n    setSelectedPills((prev) =>\n      prev.includes(pill) ? prev.filter((p) => p !== pill) : [...prev, pill]\n    )\n  }, [])\n\n  const handleThumbClick = React.useCallback((type: \"up\" | \"down\") => {\n    setThumbState((prev) => (prev === type ? null : type))\n    setSelectedPills([])\n    setDetailTextState(\"\")\n  }, [])\n\n  const handleSubmit = React.useCallback(() => {\n    if (!thumbState) return\n    onSubmitFeedback?.(thumbState, selectedPills, detailText)\n    setSubmittedFeedback({ type: thumbState, pills: [...selectedPills], detail: detailText.trim() })\n    setNotedType(thumbState)\n    setThumbState(null)\n    setSelectedPills([])\n    setDetailTextState(\"\")\n    setTimeout(() => setNotedType(null), 3000)\n  }, [thumbState, selectedPills, detailText, onSubmitFeedback])\n\n  const editSubmitted = React.useCallback(() => {\n    if (!submittedFeedback) return\n    setThumbState(submittedFeedback.type)\n    setSelectedPills([...submittedFeedback.pills])\n    setDetailTextState(submittedFeedback.detail)\n    setNotedType(null)\n  }, [submittedFeedback])\n\n  return (\n    <ScoreFeedbackCtx.Provider\n      value={{\n        thumbState,\n        selectedPills,\n        detailText,\n        notedType,\n        submittedFeedback,\n        otherSelected,\n        hasRequiredInput,\n        handleThumbClick,\n        togglePill,\n        setDetailText: setDetailTextState,\n        handleSubmit,\n        editSubmitted,\n      }}\n    >\n      {children}\n    </ScoreFeedbackCtx.Provider>\n  )\n}\n\nfunction Trigger({ className }: { className?: string }) {\n  const { thumbState, notedType, submittedFeedback, handleThumbClick, editSubmitted } = useScoreFeedback()\n\n  if (notedType || (submittedFeedback && !thumbState)) {\n    return (\n      <div className={cn(\"shrink-0\", className)}>\n        <div className=\"flex items-center gap-1\">\n          <Check className=\"w-3 h-3 text-emerald-500\" />\n          <span className=\"text-[11px] text-muted-foreground\">\n            {notedType\n              ? notedType === \"up\" ? \"Noted\" : \"Recorded\"\n              : submittedFeedback?.type === \"up\" ? \"Noted\" : \"Recorded\"}\n          </span>\n        </div>\n        {submittedFeedback && (submittedFeedback.pills.length > 0 || submittedFeedback.detail) && (\n          <button\n            type=\"button\"\n            onClick={editSubmitted}\n            className=\"mt-1.5 w-full text-left space-y-1 group cursor-pointer\"\n          >\n            {submittedFeedback.pills.length > 0 && (\n              <div className=\"flex flex-wrap gap-1\">\n                {submittedFeedback.pills.map((p) => (\n                  <span\n                    key={p}\n                    className={cn(\n                      \"rounded-full border px-2 py-0.5 text-[10px] font-medium transition-colors group-hover:opacity-80\",\n                      submittedFeedback.type === \"up\"\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                  >\n                    {p}\n                  </span>\n                ))}\n              </div>\n            )}\n            {submittedFeedback.detail && (\n              <p className=\"text-[11px] text-muted-foreground/70 leading-snug group-hover:text-muted-foreground transition-colors\">{submittedFeedback.detail}</p>\n            )}\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <div className={cn(\"flex gap-0.5 shrink-0\", className)}>\n      <button\n        type=\"button\"\n        onClick={() => handleThumbClick(\"up\")}\n        className={cn(\n          \"p-1.5 rounded transition-colors\",\n          thumbState === \"up\"\n            ? \"bg-emerald-100 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400\"\n            : \"hover:bg-muted text-muted-foreground hover:text-foreground\"\n        )}\n      >\n        <ThumbsUp className=\"w-3.5 h-3.5\" fill={thumbState === \"up\" ? \"currentColor\" : \"none\"} />\n      </button>\n      <button\n        type=\"button\"\n        onClick={() => handleThumbClick(\"down\")}\n        className={cn(\n          \"p-1.5 rounded transition-colors\",\n          thumbState === \"down\"\n            ? \"bg-red-100 text-red-600 dark:bg-red-900/30 dark:text-red-400\"\n            : \"hover:bg-muted text-muted-foreground hover:text-foreground\"\n        )}\n      >\n        <ThumbsDown className=\"w-3.5 h-3.5\" fill={thumbState === \"down\" ? \"currentColor\" : \"none\"} />\n      </button>\n    </div>\n  )\n}\n\nfunction Panel({ className }: { className?: string }) {\n  const {\n    thumbState,\n    selectedPills,\n    detailText,\n    otherSelected,\n    hasRequiredInput,\n    togglePill,\n    setDetailText,\n    handleSubmit,\n  } = useScoreFeedback()\n\n  if (!thumbState) return null\n\n  return (\n    <div className={cn(\"overflow-hidden\", className)}>\n      <div className=\"mt-4 pt-4 pb-1 space-y-3 border-t border-border/60\">\n        <span className=\"text-[11px] font-bold text-muted-foreground/70 uppercase tracking-wider\">\n          How&apos;s this score?\n        </span>\n        <div>\n          <span className=\"text-xs text-muted-foreground mb-2 block font-medium\">\n            {thumbState === \"up\" ? \"What was useful?\" : \"What\\u2019s the issue?\"}\n          </span>\n          <div className=\"flex flex-wrap gap-1.5\">\n            {(thumbState === \"up\" ? positivePills : negativePills).map((pill) => (\n              <button\n                key={pill}\n                type=\"button\"\n                onClick={() => togglePill(pill)}\n                className={cn(\n                  \"px-2.5 py-1 rounded-full text-[11px] font-medium border transition-colors\",\n                  selectedPills.includes(pill)\n                    ? thumbState === \"up\"\n                      ? \"bg-emerald-100 text-emerald-700 border-emerald-200 dark:bg-emerald-900/30 dark:text-emerald-300 dark:border-emerald-800\"\n                      : \"bg-red-100 text-red-700 border-red-200 dark:bg-red-900/30 dark:text-red-300 dark:border-red-800\"\n                    : \"bg-background text-muted-foreground border-border hover:bg-muted/50 hover:text-foreground\"\n                )}\n              >\n                {pill}\n              </button>\n            ))}\n          </div>\n        </div>\n\n        <div className=\"space-y-1\">\n          <input\n            type=\"text\"\n            value={detailText}\n            onChange={(e) => setDetailText(e.target.value)}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\" && hasRequiredInput) handleSubmit()\n            }}\n            placeholder={\n              thumbState === \"up\"\n                ? \"Tell us more (optional)\"\n                : \"e.g., The risk factors are outdated\"\n            }\n            className=\"w-full text-xs bg-background border border-border rounded-md px-2.5 py-2 text-foreground placeholder:text-muted-foreground/50 focus:outline-none focus:ring-1 focus:ring-ring\"\n          />\n          {otherSelected && detailText.trim().length === 0 && (\n            <span className=\"text-[10px] text-red-500\">\n              Please describe when &ldquo;Other&rdquo; is selected\n            </span>\n          )}\n        </div>\n\n        <div className=\"flex items-center gap-2 pt-1\">\n          <button\n            type=\"button\"\n            onClick={handleSubmit}\n            disabled={!hasRequiredInput}\n            className={cn(\n              \"flex-1 py-1.5 rounded-md text-xs font-semibold transition-colors\",\n              hasRequiredInput\n                ? \"bg-foreground text-background hover:bg-foreground/90\"\n                : \"bg-muted text-muted-foreground cursor-not-allowed\"\n            )}\n          >\n            Submit\n          </button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport const ScoreFeedback = { Root, Trigger, Panel }\nexport { useScoreFeedback }\n"],"mappings":"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","names":[]}

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

@@ -37,6 +37,15 @@ interface SignalScoreData {
     onScoreFeedback?: (type: "up" | "down", pills: string[], detail: string) => void;
     onApproveFeedback?: (reasons: string[], detail: string) => void;
     onDismissFeedback?: (reasons: string[], detail: string, subReason?: string) => void;
+    initialScoreFeedback?: {
+        type: "up" | "down";
+        pills: string[];
+        detail: string;
+    } | null;
+    initialFactorFeedback?: Record<string, {
+        type: "up" | "down";
+        detail: string;
+    }>;
 }
 interface InboxDetailSections {
     signalBrief?: boolean;

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

@@ -218,56 +218,64 @@ function DetailView({
               briefHeading ? /* @__PURE__ */ jsx("h3", { className: "text-xs font-bold text-muted-foreground uppercase tracking-wider mb-3", children: briefHeading }) : null,
               briefIntro ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground leading-relaxed mb-2", children: briefIntro }) : null,
               /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground/90 leading-relaxed mb-4", children: signalData.whyNow }),
-              /* @__PURE__ */ jsx(ScoreFeedback.Root, { onSubmitFeedback: (type, pills, detail) => {
-                var _a2, _b2;
-                return (_b2 = (_a2 = signalData.onScoreFeedback) != null ? _a2 : onScoreFeedback) == null ? void 0 : _b2(type, pills, detail);
-              }, children: /* @__PURE__ */ jsxs("div", { className: "mb-5 rounded-md border border-border bg-muted/20 p-3", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-muted-foreground uppercase tracking-wider", children: "Signal Score" }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsxs("span", { className: "text-sm font-bold text-foreground", children: [
-                      signalData.score,
-                      "/100"
+              /* @__PURE__ */ jsx(
+                ScoreFeedback.Root,
+                {
+                  onSubmitFeedback: (type, pills, detail) => {
+                    var _a2, _b2;
+                    return (_b2 = (_a2 = signalData.onScoreFeedback) != null ? _a2 : onScoreFeedback) == null ? void 0 : _b2(type, pills, detail);
+                  },
+                  initialFeedback: signalData.initialScoreFeedback,
+                  children: /* @__PURE__ */ jsxs("div", { className: "mb-5 rounded-md border border-border bg-muted/20 p-3", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
+                      /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-muted-foreground uppercase tracking-wider", children: "Signal Score" }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsxs("span", { className: "text-sm font-bold text-foreground", children: [
+                          signalData.score,
+                          "/100"
+                        ] }),
+                        /* @__PURE__ */ jsx("span", { className: `text-[10px] font-bold uppercase ${scoreColor}`, children: scoreLabel }),
+                        /* @__PURE__ */ jsx(ScoreFeedback.Trigger, {})
+                      ] })
                     ] }),
-                    /* @__PURE__ */ jsx("span", { className: `text-[10px] font-bold uppercase ${scoreColor}`, children: scoreLabel }),
-                    /* @__PURE__ */ jsx(ScoreFeedback.Trigger, {})
+                    /* @__PURE__ */ jsx(ScoreFeedback.Panel, {}),
+                    /* @__PURE__ */ jsx("div", { className: "h-1.5 bg-muted rounded-full overflow-hidden mb-2", children: /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: `h-full rounded-full transition-all duration-500 ${barColor}`,
+                        style: { width: `${signalData.score}%` }
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setEvidenceExpanded((prev) => !prev),
+                        className: "flex items-center gap-1 text-[11px] font-medium text-muted-foreground hover:text-foreground transition-colors",
+                        children: [
+                          /* @__PURE__ */ jsx(ChevronDown, { className: `h-3 w-3 transition-transform duration-200 ${evidenceExpanded ? "rotate-180" : ""}` }),
+                          "View more"
+                        ]
+                      }
+                    ),
+                    evidenceExpanded && /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3", children: [
+                      /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: evidenceWithCitations.map((ev, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 text-sm", children: [
+                        /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 bg-primary rounded-full mt-2 flex-shrink-0" }),
+                        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground leading-relaxed", children: ev })
+                      ] }, index)) }),
+                      /* @__PURE__ */ jsx(
+                        ScoreBreakdown,
+                        {
+                          factors: signalData.factors,
+                          onFactorFeedback: (_b = signalData.onFactorFeedback) != null ? _b : ((key, type, detail) => console.log("Signal factor feedback:", { company: item.company, factor: key, type, detail })),
+                          initialFeedback: signalData.initialFactorFeedback
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(SignalApproval.Actions, {})
+                    ] })
                   ] })
-                ] }),
-                /* @__PURE__ */ jsx(ScoreFeedback.Panel, {}),
-                /* @__PURE__ */ jsx("div", { className: "h-1.5 bg-muted rounded-full overflow-hidden mb-2", children: /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: `h-full rounded-full transition-all duration-500 ${barColor}`,
-                    style: { width: `${signalData.score}%` }
-                  }
-                ) }),
-                /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => setEvidenceExpanded((prev) => !prev),
-                    className: "flex items-center gap-1 text-[11px] font-medium text-muted-foreground hover:text-foreground transition-colors",
-                    children: [
-                      /* @__PURE__ */ jsx(ChevronDown, { className: `h-3 w-3 transition-transform duration-200 ${evidenceExpanded ? "rotate-180" : ""}` }),
-                      "View more"
-                    ]
-                  }
-                ),
-                evidenceExpanded && /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3", children: [
-                  /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: evidenceWithCitations.map((ev, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 text-sm", children: [
-                    /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 bg-primary rounded-full mt-2 flex-shrink-0" }),
-                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground leading-relaxed", children: ev })
-                  ] }, index)) }),
-                  /* @__PURE__ */ jsx(
-                    ScoreBreakdown,
-                    {
-                      factors: signalData.factors,
-                      onFactorFeedback: (_b = signalData.onFactorFeedback) != null ? _b : ((key, type, detail) => console.log("Signal factor feedback:", { company: item.company, factor: key, type, detail }))
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(SignalApproval.Actions, {})
-                ] })
-              ] }) }),
+                }
+              ),
               !evidenceExpanded && /* @__PURE__ */ jsx(SignalApproval.Actions, {})
             ] });
           })(),

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, type ApprovalState } from \"../components/signal-feedback-inline\"\nimport { ScoreFeedback } from \"../components/score-feedback\"\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?: InboxViewConfig[\"signalLabels\"]\n  hideApproveButton?: boolean\n  signalBriefCopy?: InboxViewConfig[\"signalBriefCopy\"]\n  renderDetailExtra?: (item: QueueItem) => React.ReactNode\n  onScoreFeedback?: (type: \"up\" | \"down\", pills: string[], detail: string) => void\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  hideApproveButton,\n  signalBriefCopy,\n  renderDetailExtra,\n  onScoreFeedback,\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      key={item.id}\n      companyName={item.company}\n      labels={signalLabels}\n      hideApproveButton={hideApproveButton}\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, subReason) => {\n        signalData.onDismissFeedback?.(reasons, detail, subReason)\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                <ScoreFeedback.Root onSubmitFeedback={(type, pills, detail) => (signalData.onScoreFeedback ?? onScoreFeedback)?.(type, pills, detail)}>\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                      <ScoreFeedback.Trigger />\n                    </div>\n                  </div>\n                  <ScoreFeedback.Panel />\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                </ScoreFeedback.Root>\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        {renderDetailExtra?.(item)}\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  onScoreFeedback,\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  hideApproveButton,\n  signalBriefCopy,\n  renderDetailExtra,\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    hideApproveButton,\n    signalBriefCopy,\n    renderDetailExtra,\n    onScoreFeedback,\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","_b"]}
+{"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 { ScoreFeedback } from \"../components/score-feedback\"\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?: InboxViewConfig[\"signalLabels\"]\n  hideApproveButton?: boolean\n  signalBriefCopy?: InboxViewConfig[\"signalBriefCopy\"]\n  renderDetailExtra?: (item: QueueItem) => React.ReactNode\n  onScoreFeedback?: (type: \"up\" | \"down\", pills: string[], detail: string) => void\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  hideApproveButton,\n  signalBriefCopy,\n  renderDetailExtra,\n  onScoreFeedback,\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      key={item.id}\n      companyName={item.company}\n      labels={signalLabels}\n      hideApproveButton={hideApproveButton}\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, subReason) => {\n        signalData.onDismissFeedback?.(reasons, detail, subReason)\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                <ScoreFeedback.Root\n                  onSubmitFeedback={(type, pills, detail) => (signalData.onScoreFeedback ?? onScoreFeedback)?.(type, pills, detail)}\n                  initialFeedback={signalData.initialScoreFeedback}\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                      <ScoreFeedback.Trigger />\n                    </div>\n                  </div>\n                  <ScoreFeedback.Panel />\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                        initialFeedback={signalData.initialFactorFeedback}\n                      />\n                      <SignalApproval.Actions />\n                    </div>\n                  )}\n                </div>\n                </ScoreFeedback.Root>\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        {renderDetailExtra?.(item)}\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  onScoreFeedback,\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  hideApproveButton,\n  signalBriefCopy,\n  renderDetailExtra,\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    hideApproveButton,\n    signalBriefCopy,\n    renderDetailExtra,\n    onScoreFeedback,\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","_b"]}

package/package.json

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

package/src/components/score-breakdown.tsx

@@ -33,12 +33,29 @@ interface ScoreBreakdownProps {
   factors: ScoreFactor[]
   onFactorFeedback?: (factorKey: string, type: "up" | "down" | null, detail?: string) => void
   className?: string
+  initialFeedback?: Record<string, { type: "up" | "down"; detail: string }>
 }
 
-function ScoreBreakdown({ factors, onFactorFeedback, className }: ScoreBreakdownProps) {
-  const [feedback, setFeedback] = React.useState<Record<string, "up" | "down" | null>>({})
-  const [feedbackText, setFeedbackText] = React.useState<Record<string, string>>({})
-  const [savedText, setSavedText] = React.useState<Record<string, string>>({})
+function ScoreBreakdown({ factors, onFactorFeedback, className, initialFeedback }: ScoreBreakdownProps) {
+  const [feedback, setFeedback] = React.useState<Record<string, "up" | "down" | null>>(
+    initialFeedback
+      ? Object.fromEntries(Object.entries(initialFeedback).map(([k, v]) => [k, v.type]))
+      : {}
+  )
+  const [feedbackText, setFeedbackText] = React.useState<Record<string, string>>(
+    initialFeedback
+      ? Object.fromEntries(Object.entries(initialFeedback).map(([k, v]) => [k, v.detail]))
+      : {}
+  )
+  const [savedText, setSavedText] = React.useState<Record<string, string>>(
+    initialFeedback
+      ? Object.fromEntries(
+          Object.entries(initialFeedback)
+            .filter(([, v]) => v.detail)
+            .map(([k, v]) => [k, v.detail])
+        )
+      : {}
+  )
   const [editingKey, setEditingKey] = React.useState<string | null>(null)
 
   const handleFeedback = (factorKey: string, type: "up" | "down") => {
@@ -56,7 +73,7 @@ function ScoreBreakdown({ factors, onFactorFeedback, className }: ScoreBreakdown
   const submitFeedbackText = (factorKey: string) => {
     const text = (feedbackText[factorKey] ?? "").trim()
     if (feedback[factorKey]) {
-      onFactorFeedback?.(factorKey, feedback[factorKey]!, text || undefined)
+      onFactorFeedback?.(factorKey, feedback[factorKey]!, text ?? "")
       if (text) {
         setSavedText((prev) => ({ ...prev, [factorKey]: text }))
       }

package/src/components/score-feedback.tsx

@@ -52,14 +52,17 @@ function useScoreFeedback() {
 interface RootProps {
   children: React.ReactNode
   onSubmitFeedback?: (type: "up" | "down", pills: string[], detail: string) => void
+  initialFeedback?: { type: "up" | "down"; pills: string[]; detail: string } | null
 }
 
-function Root({ children, onSubmitFeedback }: RootProps) {
+function Root({ children, onSubmitFeedback, initialFeedback }: RootProps) {
   const [thumbState, setThumbState] = React.useState<"up" | "down" | null>(null)
   const [selectedPills, setSelectedPills] = React.useState<string[]>([])
   const [detailText, setDetailTextState] = React.useState("")
   const [notedType, setNotedType] = React.useState<"up" | "down" | null>(null)
-  const [submittedFeedback, setSubmittedFeedback] = React.useState<SubmittedScoreFeedback | null>(null)
+  const [submittedFeedback, setSubmittedFeedback] = React.useState<SubmittedScoreFeedback | null>(
+    initialFeedback ? { type: initialFeedback.type, pills: initialFeedback.pills, detail: initialFeedback.detail } : null
+  )
 
   const otherSelected = selectedPills.includes("Other")
 

package/src/prototype/prototype-config.ts

@@ -46,6 +46,8 @@ export interface SignalScoreData {
   onScoreFeedback?: (type: "up" | "down", pills: string[], detail: string) => void
   onApproveFeedback?: (reasons: string[], detail: string) => void
   onDismissFeedback?: (reasons: string[], detail: string, subReason?: string) => void
+  initialScoreFeedback?: { type: "up" | "down"; pills: string[]; detail: string } | null
+  initialFactorFeedback?: Record<string, { type: "up" | "down"; detail: string }>
 }
 
 // ---------------------------------------------------------------------------

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

@@ -279,7 +279,10 @@ export function DetailView({
                   {signalData.whyNow}
                 </p>
 
-                <ScoreFeedback.Root onSubmitFeedback={(type, pills, detail) => (signalData.onScoreFeedback ?? onScoreFeedback)?.(type, pills, detail)}>
+                <ScoreFeedback.Root
+                  onSubmitFeedback={(type, pills, detail) => (signalData.onScoreFeedback ?? onScoreFeedback)?.(type, pills, detail)}
+                  initialFeedback={signalData.initialScoreFeedback}
+                >
                 <div className="mb-5 rounded-md border border-border bg-muted/20 p-3">
                   <div className="flex items-center justify-between mb-1.5">
                     <span className="text-[10px] font-bold text-muted-foreground uppercase tracking-wider">Signal Score</span>
@@ -320,6 +323,7 @@ export function DetailView({
                         onFactorFeedback={signalData.onFactorFeedback ?? ((key, type, detail) =>
                           console.log("Signal factor feedback:", { company: item.company, factor: key, type, detail })
                         )}
+                        initialFeedback={signalData.initialFactorFeedback}
                       />
                       <SignalApproval.Actions />
                     </div>