@wealthx/shadcn 1.5.40 → 1.5.42

package/dist/components/ui/policy-ai/index.js

@@ -59,7 +59,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/ui/policy-ai/index.tsx
 var policy_ai_exports = {};
 __export(policy_ai_exports, {
+  PolicyAIContextSidebar: () => PolicyAIContextSidebar,
   PolicyAIFAB: () => PolicyAIFAB,
+  PolicyAIHistoryPanel: () => PolicyAIHistoryPanel,
+  PolicyAIPage: () => PolicyAIPage,
   PolicyAIPanel: () => PolicyAIPanel,
   PolicyCitationPanel: () => PolicyCitationPanel,
   PolicyComparisonTable: () => PolicyComparisonTable,
@@ -399,11 +402,52 @@ function PolicyCitationPanel({
 var React5 = __toESM(require("react"));
 var import_lucide_react3 = require("lucide-react");
 
-// src/components/ui/input.tsx
+// src/components/ui/avatar.tsx
+var import_avatar = require("@base-ui/react/avatar");
 var import_jsx_runtime4 = require("react/jsx-runtime");
+function Avatar(_a) {
+  var _b = _a, {
+    className,
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_avatar.Avatar.Root,
+    __spreadValues({
+      className: cn(
+        "group/avatar relative flex size-8 shrink-0 rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "avatar"
+    }, props)
+  );
+}
+function AvatarFallback(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_avatar.Avatar.Fallback,
+    __spreadValues({
+      className: cn(
+        "flex size-full items-center justify-center rounded-full overflow-hidden bg-muted text-body-small font-sans text-muted-foreground group-data-[size=sm]/avatar:text-caption",
+        className
+      ),
+      "data-slot": "avatar-fallback"
+    }, props)
+  );
+}
+
+// src/components/ui/input.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function Input(_a) {
   var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "input",
     __spreadValues({
       className: cn(
@@ -423,21 +467,21 @@ var import_tooltip = require("@base-ui/react/tooltip");
 
 // src/lib/theme-provider.tsx
 var import_react2 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var ThemeVarsContext = (0, import_react2.createContext)({});
 function useThemeVars() {
   return (0, import_react2.useContext)(ThemeVarsContext);
 }
 
 // src/components/ui/tooltip.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function TooltipProvider(_a) {
   var _b = _a, {
     delay = 0
   } = _b, props = __objRest(_b, [
     "delay"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_tooltip.Tooltip.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -447,11 +491,11 @@ function TooltipProvider(_a) {
 }
 function Tooltip(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -468,7 +512,7 @@ function TooltipContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tooltip.Tooltip.Positioner, { sideOffset, side, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tooltip.Tooltip.Positioner, { sideOffset, side, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     import_tooltip.Tooltip.Popup,
     __spreadProps(__spreadValues({
       className: cn(
@@ -480,7 +524,7 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 rotate-45 bg-brand-secondary data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1 data-[side=top]:-bottom-1" })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 rotate-45 bg-brand-secondary data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1 data-[side=top]:-bottom-1" })
       ]
     })
   ) }) });
@@ -489,15 +533,15 @@ function TooltipContent(_a) {
 // src/components/ui/popover.tsx
 var React4 = __toESM(require("react"));
 var import_popover = require("@base-ui/react/popover");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var PopoverPortalContext = React4.createContext(void 0);
 function Popover(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
 function PopoverTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
   var _b = _a, {
@@ -513,13 +557,13 @@ function PopoverContent(_a) {
   ]);
   const themeVars = useThemeVars();
   const portalContainer = React4.useContext(PopoverPortalContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_popover.Popover.Portal, { container: portalContainer != null ? portalContainer : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover.Popover.Portal, { container: portalContainer != null ? portalContainer : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     import_popover.Popover.Positioner,
     {
       className: "z-[200]",
       align,
       sideOffset,
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         import_popover.Popover.Popup,
         __spreadValues({
           className: cn(
@@ -536,7 +580,7 @@ function PopoverContent(_a) {
 
 // src/components/ui/progress.tsx
 var import_progress = require("@base-ui/react/progress");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Progress(_a) {
   var _b = _a, {
     className,
@@ -547,14 +591,14 @@ function Progress(_a) {
     "value",
     "indicatorClassName"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     import_progress.Progress.Root,
     __spreadProps(__spreadValues({
       className: cn("relative h-2 w-full overflow-hidden bg-muted", className),
       "data-slot": "progress",
       value
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_progress.Progress.Track, { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_progress.Progress.Track, { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         import_progress.Progress.Indicator,
         {
           className: cn("h-full bg-primary transition-all", indicatorClassName),
@@ -568,7 +612,7 @@ function Progress(_a) {
 // src/components/ui/tabs.tsx
 var import_class_variance_authority3 = require("class-variance-authority");
 var import_tabs = require("@base-ui/react/tabs");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Tabs(_a) {
   var _b = _a, {
     className,
@@ -577,7 +621,7 @@ function Tabs(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_tabs.Tabs.Root,
     __spreadValues({
       className: cn(
@@ -611,7 +655,7 @@ function TabsList(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_tabs.Tabs.List,
     __spreadValues({
       className: cn(tabsListVariants({ variant }), className),
@@ -622,7 +666,7 @@ function TabsList(_a) {
 }
 function TabsTrigger(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_tabs.Tabs.Tab,
     __spreadValues({
       className: cn(
@@ -659,28 +703,21 @@ function TabsTrigger(_a) {
 }
 
 // src/components/ui/policy-ai/policy-ai-responses.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function BankAvatar({ name }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    "span",
-    {
-      "aria-hidden": "true",
-      className: "shrink-0 inline-flex items-center justify-center size-7 bg-muted text-muted-foreground text-xs font-semibold border border-border",
-      children: name.charAt(0).toUpperCase()
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Avatar, { "aria-hidden": "true", className: "size-7 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AvatarFallback, { children: name.charAt(0).toUpperCase() }) });
 }
 function QueryContextInfo({ label }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "span",
       {
         className: "shrink-0 text-muted-foreground/60 hover:text-muted-foreground cursor-default transition-colors",
         "aria-label": label,
-        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.Info, { className: "size-3.5", "aria-hidden": "true" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.Info, { className: "size-3.5", "aria-hidden": "true" })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipContent, { side: "top", children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipContent, { side: "top", children: label })
   ] }) });
 }
 function queryContextLabel(context) {
@@ -691,8 +728,8 @@ function queryContextLabel(context) {
   ].join(" \xB7 ");
 }
 function CitationBadge({ citation }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Popover, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", "aria-label": `View source ${citation.index}`, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Popover, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", "aria-label": `View source ${citation.index}`, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       Badge,
       {
         variant: "secondary",
@@ -700,12 +737,12 @@ function CitationBadge({ citation }) {
         children: citation.index
       }
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PopoverContent, { className: "w-72 p-3", sideOffset: 6, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs font-semibold text-foreground", children: citation.bankName }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Badge, { variant: "secondary", className: "text-xs px-1.5 py-0", children: citation.category })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverContent, { className: "w-72 p-3", sideOffset: 6, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm font-semibold text-foreground", children: citation.bankName }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Badge, { variant: "secondary", className: "text-xs px-1.5 py-0", children: citation.category })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-xs text-muted-foreground leading-relaxed", children: citation.excerpt })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-sm text-muted-foreground", children: citation.excerpt })
     ] }) })
   ] });
 }
@@ -715,14 +752,14 @@ function AnswerWithCitations({
 }) {
   const citationMap = new Map(citations.map((c) => [c.index, c]));
   const parts = answer.split(/(\[\d+\])/g);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-sm text-foreground leading-relaxed whitespace-pre-line", children: parts.map((part, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-sm text-foreground leading-relaxed whitespace-pre-line", children: parts.map((part, i) => {
     const match = part.match(/^\[(\d+)\]$/);
     if (match) {
       const citation = citationMap.get(parseInt(match[1], 10));
-      if (citation) return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CitationBadge, { citation }, i);
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs text-muted-foreground", children: part }, i);
+      if (citation) return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CitationBadge, { citation }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-caption text-muted-foreground", children: part }, i);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(React5.Fragment, { children: part }, i);
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(React5.Fragment, { children: part }, i);
   }) });
 }
 function PolicySingleBankAnswer({
@@ -733,21 +770,21 @@ function PolicySingleBankAnswer({
   queryContext,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "div",
     {
       "data-slot": "policy-single-bank-answer",
       className: cn("border border-border bg-card flex flex-col", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-3 px-4 py-3 border-b border-border", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(BankAvatar, { name: bankName }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex-1 flex items-center gap-1.5 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "font-semibold text-sm text-foreground truncate", children: bankName }),
-            queryContext && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(QueryContextInfo, { label: queryContextLabel(queryContext) })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-3 px-4 py-3 border-b border-border", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(BankAvatar, { name: bankName }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex-1 flex items-center gap-1.5 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "font-semibold text-sm text-foreground truncate", children: bankName }),
+            queryContext && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(QueryContextInfo, { label: queryContextLabel(queryContext) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PolicyVerdictBadge, { verdict })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PolicyVerdictBadge, { verdict })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AnswerWithCitations, { answer, citations }) })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnswerWithCitations, { answer, citations }) })
       ]
     }
   );
@@ -773,42 +810,42 @@ function PolicyComparisonTable({
     }
     return result;
   }, [banks, search, filter]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "div",
     {
       "data-slot": "policy-comparison-table",
       className: cn("border border-border bg-card flex flex-col", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-3 px-4 py-2.5 border-b border-border bg-muted/30", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-3 px-4 py-2.5 border-b border-border bg-muted/30", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             import_lucide_react3.Building2,
             {
               className: "size-3.5 text-muted-foreground shrink-0",
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2 text-sm flex-wrap flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "font-semibold text-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2 text-sm flex-wrap flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "font-semibold text-foreground", children: [
               summaryCounts.total,
               " banks"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-muted-foreground", children: "\xB7" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Badge, { variant: "success", className: "text-xs px-1.5 py-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-muted-foreground", children: "\xB7" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Badge, { variant: "success", className: "text-xs px-1.5 py-0", children: [
               summaryCounts.yes,
               " Yes"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Badge, { variant: "warning", className: "text-xs px-1.5 py-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Badge, { variant: "warning", className: "text-xs px-1.5 py-0", children: [
               summaryCounts.softNo,
               " Soft No"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Badge, { variant: "destructive", className: "text-xs px-1.5 py-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Badge, { variant: "destructive", className: "text-xs px-1.5 py-0", children: [
               summaryCounts.no,
               " No"
             ] })
           ] }),
-          queryContext && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(QueryContextInfo, { label: queryContextLabel(queryContext) })
+          queryContext && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(QueryContextInfo, { label: queryContextLabel(queryContext) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "px-4 py-2.5 border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "px-4 py-2.5 border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           Input,
           {
             "aria-label": "Search banks",
@@ -818,23 +855,23 @@ function PolicyComparisonTable({
             className: "h-8 text-sm"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "border-b border-border px-4 pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "border-b border-border px-4 pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           Tabs,
           {
             value: filter,
             onValueChange: (v) => setFilter(v),
-            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(TabsList, { variant: "line", className: "justify-start h-8 gap-0 -mb-px", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TabsTrigger, { value: "all", className: "text-sm px-3 h-7", children: "All" }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TabsTrigger, { value: "yes", className: "text-sm px-3 h-7", children: "Yes" }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TabsTrigger, { value: "soft_no", className: "text-sm px-3 h-7", children: "Soft No" }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TabsTrigger, { value: "no", className: "text-sm px-3 h-7", children: "No" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(TabsList, { variant: "line", className: "justify-start h-8 gap-0 -mb-px", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TabsTrigger, { value: "all", className: "text-sm px-3 h-7", children: "All" }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TabsTrigger, { value: "yes", className: "text-sm px-3 h-7", children: "Yes" }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TabsTrigger, { value: "soft_no", className: "text-sm px-3 h-7", children: "Soft No" }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TabsTrigger, { value: "no", className: "text-sm px-3 h-7", children: "No" })
             ] })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("table", { className: "w-full text-sm border-collapse", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("tr", { className: "border-b border-border bg-muted/20", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("th", { className: "text-left text-sm font-medium text-muted-foreground px-4 py-2", children: "Bank" }),
-            categories.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("table", { className: "w-full text-sm border-collapse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { className: "border-b border-border bg-muted/20", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { className: "text-left text-sm font-medium text-muted-foreground px-4 py-2", children: "Bank" }),
+            categories.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               "th",
               {
                 className: "text-left text-sm font-medium text-muted-foreground px-3 py-2 w-px whitespace-nowrap",
@@ -843,26 +880,26 @@ function PolicyComparisonTable({
               cat
             ))
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tbody", { children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tbody", { children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "td",
             {
               colSpan: categories.length + 1,
               className: "px-4 py-6 text-center text-sm text-muted-foreground",
               children: "No banks match your search."
             }
-          ) }) : filtered.map((bank) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("tr", { className: "border-b border-border", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { className: "px-4 py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(BankAvatar, { name: bank.bankName }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm font-medium text-foreground leading-snug", children: bank.bankName }),
-                bank.details && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs text-muted-foreground leading-snug", children: bank.details })
+          ) }) : filtered.map((bank) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { className: "border-b border-border", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "px-4 py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(BankAvatar, { name: bank.bankName }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm font-medium text-foreground leading-snug", children: bank.bankName }),
+                bank.details && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-caption text-muted-foreground", children: bank.details })
               ] })
             ] }) }),
-            categories.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            categories.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               "td",
               {
                 className: "px-3 py-2.5 align-top w-px whitespace-nowrap",
-                children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PolicyVerdictBadge, { verdict: bank.verdict })
+                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PolicyVerdictBadge, { verdict: bank.verdict })
               },
               cat
             ))
@@ -885,45 +922,45 @@ function PolicyRankedList({
   queryContext,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "div",
     {
       "data-slot": "policy-ranked-list",
       className: cn("border border-border bg-card flex flex-col", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2 px-4 py-2.5 border-b border-border bg-muted/30", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm text-muted-foreground shrink-0", children: "Ranked:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex items-center gap-1 flex-wrap flex-1 min-w-0", children: categories.map((cat, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(React5.Fragment, { children: [
-            i > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm text-muted-foreground", children: "+" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Badge, { variant: "secondary", className: "text-xs px-1.5 py-0", children: cat })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2 px-4 py-2.5 border-b border-border bg-muted/30", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm text-muted-foreground shrink-0", children: "Ranked:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex items-center gap-1 flex-wrap flex-1 min-w-0", children: categories.map((cat, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(React5.Fragment, { children: [
+            i > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm text-muted-foreground", children: "+" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Badge, { variant: "secondary", className: "text-xs px-1.5 py-0", children: cat })
           ] }, cat)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "text-sm text-muted-foreground shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "text-sm text-muted-foreground shrink-0", children: [
             banks.length,
             " banks"
           ] }),
-          queryContext && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(QueryContextInfo, { label: queryContextLabel(queryContext) })
+          queryContext && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(QueryContextInfo, { label: queryContextLabel(queryContext) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "divide-y divide-border", children: banks.map((bank) => {
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "divide-y divide-border", children: banks.map((bank) => {
           var _a, _b;
           const scorePercent = Math.round(bank.score * 100);
-          return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-3 px-4 py-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "shrink-0 w-6 text-center text-sm font-bold text-muted-foreground", children: [
+          return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "shrink-0 w-6 text-center text-sm font-bold text-muted-foreground", children: [
                 "#",
                 bank.rank
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex-1 min-w-0 flex flex-col gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm font-medium text-foreground truncate", children: bank.bankName }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "text-sm text-muted-foreground font-mono", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex-1 min-w-0 flex flex-col gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm font-medium text-foreground truncate", children: bank.bankName }),
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "text-sm text-muted-foreground font-mono", children: [
                       scorePercent,
                       "%"
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PolicyVerdictBadge, { verdict: bank.verdict })
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PolicyVerdictBadge, { verdict: bank.verdict })
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                   Progress,
                   {
                     value: scorePercent,
@@ -937,7 +974,7 @@ function PolicyRankedList({
                 )
               ] })
             ] }),
-            bank.highlights.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "px-4 pb-3 pl-[52px]", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "flex flex-col gap-0.5", children: bank.highlights.map((h, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            bank.highlights.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "px-4 pb-3 pl-[52px]", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { className: "flex flex-col gap-0.5", children: bank.highlights.map((h, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               "li",
               {
                 className: "text-sm text-muted-foreground leading-relaxed list-disc list-inside",
@@ -956,15 +993,32 @@ function PolicyRankedList({
 var React7 = __toESM(require("react"));
 var import_lucide_react6 = require("lucide-react");
 
+// src/components/ui/card.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function Card(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex flex-col gap-6 border bg-card py-6 text-card-foreground shadow-sm",
+        className
+      ),
+      "data-slot": "card"
+    }, props)
+  );
+}
+
 // src/components/ui/chat-input-area.tsx
 var React6 = __toESM(require("react"));
+var import_react_dom = require("react-dom");
 var import_lucide_react4 = require("lucide-react");
 
 // src/components/ui/textarea.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function Textarea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "textarea",
     __spreadValues({
       className: cn(
@@ -978,8 +1032,99 @@ function Textarea(_a) {
 }
 
 // src/components/ui/chat-input-area.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var DEFAULT_HINT = "Enter to send \xB7 Shift+Enter for new line";
+var TOOLBAR_ITEMS = [
+  {
+    type: "button",
+    icon: import_lucide_react4.Bold,
+    label: "Bold",
+    title: "Bold (Ctrl+B)",
+    before: "**",
+    after: "**",
+    placeholder: "bold text"
+  },
+  {
+    type: "button",
+    icon: import_lucide_react4.Italic,
+    label: "Italic",
+    title: "Italic (Ctrl+I)",
+    before: "*",
+    after: "*",
+    placeholder: "italic text"
+  },
+  {
+    type: "button",
+    icon: import_lucide_react4.Code,
+    label: "Inline code",
+    title: "Inline code",
+    before: "`",
+    after: "`",
+    placeholder: "code"
+  },
+  { type: "divider" },
+  {
+    type: "button",
+    icon: import_lucide_react4.Code2,
+    label: "Code block",
+    title: "Code block",
+    before: "```\n",
+    after: "\n```",
+    placeholder: "code block"
+  }
+];
+function applyMarkdown(textarea, before, after, placeholder, onChange) {
+  const start = textarea.selectionStart;
+  const end = textarea.selectionEnd;
+  const selected = textarea.value.slice(start, end);
+  const insertion = selected || placeholder;
+  const next = textarea.value.slice(0, start) + before + insertion + after + textarea.value.slice(end);
+  const newStart = start + before.length;
+  const newEnd = newStart + insertion.length;
+  (0, import_react_dom.flushSync)(() => onChange(next));
+  textarea.focus();
+  textarea.setSelectionRange(newStart, newEnd);
+}
+var MarkdownToolbar = React6.memo(function MarkdownToolbar2({
+  textareaRef,
+  onChange,
+  disabled
+}) {
+  const handleFormat = React6.useCallback(
+    (e) => {
+      if (!textareaRef.current) return;
+      const { before, after, placeholder } = e.currentTarget.dataset;
+      applyMarkdown(textareaRef.current, before, after, placeholder, onChange);
+    },
+    [textareaRef, onChange]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center gap-0.5 border-b border-border px-2 py-1", children: TOOLBAR_ITEMS.map(
+    (item, i) => item.type === "divider" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "span",
+      {
+        className: "mx-0.5 h-3.5 w-px bg-border",
+        "aria-hidden": "true"
+      },
+      i
+    ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon-sm",
+        type: "button",
+        title: item.title,
+        "aria-label": item.label,
+        disabled,
+        "data-before": item.before,
+        "data-after": item.after,
+        "data-placeholder": item.placeholder,
+        onClick: handleFormat,
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(item.icon, { className: "size-3.5", "aria-hidden": "true" })
+      },
+      item.label
+    )
+  ) });
+});
 function ChatInputArea({
   value,
   onChange,
@@ -991,6 +1136,7 @@ function ChatInputArea({
   hint = DEFAULT_HINT,
   maxHeight = 160,
   autoFocus = false,
+  showMarkdownToolbar = false,
   className
 }) {
   const textareaRef = React6.useRef(null);
@@ -1052,14 +1198,22 @@ function ChatInputArea({
   );
   const showFileButton = typeof onAttachFile === "function";
   const showImageButton = typeof onAttachImage === "function";
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
       "data-slot": "chat-input-area",
       className: cn("flex flex-col gap-1.5", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "border border-border bg-background flex flex-col focus-within:ring-1 focus-within:ring-ring", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "border border-border bg-background flex flex-col focus-within:ring-1 focus-within:ring-ring", children: [
+          showMarkdownToolbar && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            MarkdownToolbar,
+            {
+              textareaRef,
+              onChange,
+              disabled
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             Textarea,
             {
               ref: textareaRef,
@@ -1073,10 +1227,10 @@ function ChatInputArea({
               "aria-label": placeholder
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between px-2 pb-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-0.5", children: [
-              showFileButton && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between px-2 pb-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-0.5", children: [
+              showFileButton && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   Button,
                   {
                     variant: "ghost",
@@ -1089,10 +1243,10 @@ function ChatInputArea({
                       var _a;
                       return (_a = fileInputRef.current) == null ? void 0 : _a.click();
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.Paperclip, { className: "size-3.5", "aria-hidden": "true" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Paperclip, { className: "size-3.5", "aria-hidden": "true" })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   "input",
                   {
                     ref: fileInputRef,
@@ -1104,8 +1258,8 @@ function ChatInputArea({
                   }
                 )
               ] }),
-              showImageButton && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              showImageButton && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   Button,
                   {
                     variant: "ghost",
@@ -1118,10 +1272,10 @@ function ChatInputArea({
                       var _a;
                       return (_a = imageInputRef.current) == null ? void 0 : _a.click();
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.ImagePlus, { className: "size-3.5", "aria-hidden": "true" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ImagePlus, { className: "size-3.5", "aria-hidden": "true" })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   "input",
                   {
                     ref: imageInputRef,
@@ -1135,7 +1289,7 @@ function ChatInputArea({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               Button,
               {
                 size: "icon-sm",
@@ -1143,12 +1297,12 @@ function ChatInputArea({
                 "aria-label": "Send message",
                 disabled: !value.trim() || disabled,
                 onClick: handleSend,
-                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.Send, { className: "size-3.5", "aria-hidden": "true" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Send, { className: "size-3.5", "aria-hidden": "true" })
               }
             )
           ] })
         ] }),
-        hint !== false && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-muted-foreground", children: hint })
+        hint !== false && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-xs text-muted-foreground", children: hint })
       ]
     }
   );
@@ -1156,50 +1310,7 @@ function ChatInputArea({
 
 // src/components/ui/chat-widget-primitives.tsx
 var import_lucide_react5 = require("lucide-react");
-
-// src/components/ui/avatar.tsx
-var import_avatar = require("@base-ui/react/avatar");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-function Avatar(_a) {
-  var _b = _a, {
-    className,
-    size = "default"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "size"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    import_avatar.Avatar.Root,
-    __spreadValues({
-      className: cn(
-        "group/avatar relative flex size-8 shrink-0 rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
-        className
-      ),
-      "data-size": size,
-      "data-slot": "avatar"
-    }, props)
-  );
-}
-function AvatarFallback(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    import_avatar.Avatar.Fallback,
-    __spreadValues({
-      className: cn(
-        "flex size-full items-center justify-center rounded-full overflow-hidden bg-muted text-body-small font-sans text-muted-foreground group-data-[size=sm]/avatar:text-caption",
-        className
-      ),
-      "data-slot": "avatar-fallback"
-    }, props)
-  );
-}
-
-// src/components/ui/chat-widget-primitives.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function ChatWidgetMessage({
   role,
   content,
@@ -1208,10 +1319,10 @@ function ChatWidgetMessage({
   className
 }) {
   if (role === "system") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("flex items-center justify-center py-2", className), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-body-small text-muted-foreground", children: content }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn("flex items-center justify-center py-2", className), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-body-small text-muted-foreground", children: content }) });
   }
   const isLeft = role === "bot" || role === "advisor";
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
       className: cn(
@@ -1220,14 +1331,14 @@ function ChatWidgetMessage({
         className
       ),
       children: [
-        isLeft && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Avatar, { className: "size-7", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        isLeft && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Avatar, { className: "size-7", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           AvatarFallback,
           {
             className: role === "advisor" ? "bg-primary/15 text-foreground" : void 0,
-            children: role === "advisor" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react5.UserRound, { className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react5.Bot, { className: "size-3.5" })
+            children: role === "advisor" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react5.UserRound, { className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react5.Bot, { className: "size-3.5" })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
           "div",
           {
             className: cn(
@@ -1235,7 +1346,7 @@ function ChatWidgetMessage({
               !isLeft && "items-end"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 "div",
                 {
                   className: cn(
@@ -1243,10 +1354,10 @@ function ChatWidgetMessage({
                     isLeft ? "border border-border bg-card text-card-foreground shadow-sm" : "text-primary-foreground"
                   ),
                   style: !isLeft ? { backgroundColor: "var(--primary)" } : void 0,
-                  children: isStreaming ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChatWidgetTypingIndicator, {}) : content
+                  children: isStreaming ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChatWidgetTypingIndicator, {}) : content
                 }
               ),
-              timestamp && !isStreaming && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[10px] text-muted-foreground", children: timestamp })
+              timestamp && !isStreaming && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[10px] text-muted-foreground", children: timestamp })
             ]
           }
         )
@@ -1257,13 +1368,13 @@ function ChatWidgetMessage({
 function ChatWidgetTypingIndicator({
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       role: "status",
       "aria-label": "Typing",
       className: cn("flex items-center gap-1 py-0.5", className),
-      children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         "span",
         {
           className: "size-1.5 animate-bounce rounded-full bg-muted-foreground/60",
@@ -1277,7 +1388,7 @@ function ChatWidgetTypingIndicator({
 }
 
 // src/components/ui/policy-ai/policy-ai-panel.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var DEFAULT_SUGGESTED = {
   Income: [
     "Which banks accept casual income?",
@@ -1321,11 +1432,11 @@ function PolicyAIThinkingSteps({ steps }) {
     const timer = setTimeout(() => setCurrentStep((s) => s + 1), 1400);
     return () => clearTimeout(timer);
   }, [currentStep, steps.length]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex flex-col gap-2.5 px-4 py-3", children: steps.map((step, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex flex-col gap-2.5 px-4 py-3", children: steps.map((step, i) => {
     const isDone = i < currentStep;
     const isCurrent = i === currentStep;
     const isPending = i > currentStep;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "div",
       {
         className: cn(
@@ -1333,12 +1444,12 @@ function PolicyAIThinkingSteps({ steps }) {
           isPending && "opacity-30"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "shrink-0 size-4 flex items-center justify-center", children: isDone ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Check, { className: "size-3.5 text-primary", "aria-hidden": "true" }) : isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "shrink-0 size-4 flex items-center justify-center", children: isDone ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Check, { className: "size-3.5 text-primary", "aria-hidden": "true" }) : isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "span",
             {
               className: "flex items-center gap-0.5",
               "aria-label": "In progress",
-              children: [0, 1, 2].map((j) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              children: [0, 1, 2].map((j) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 "span",
                 {
                   className: "size-1 bg-muted-foreground/70 animate-bounce",
@@ -1348,7 +1459,7 @@ function PolicyAIThinkingSteps({ steps }) {
               ))
             }
           ) : null }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "span",
             {
               className: cn(
@@ -1371,7 +1482,7 @@ function ResponseCard({
   queryContext
 }) {
   if (content.type === "single_bank") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       PolicySingleBankAnswer,
       {
         bankName: content.bankName,
@@ -1383,7 +1494,7 @@ function ResponseCard({
     );
   }
   if (content.type === "cross_bank_comparison") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       PolicyComparisonTable,
       {
         categories: content.categories,
@@ -1395,7 +1506,7 @@ function ResponseCard({
     );
   }
   if (content.type === "ranked_list") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       PolicyRankedList,
       {
         categories: content.categories,
@@ -1412,8 +1523,8 @@ function PolicyAIFAB({
   hasNudge,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("relative inline-flex shrink-0", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("relative inline-flex shrink-0", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       Button,
       {
         "data-slot": "policy-ai-fab",
@@ -1421,14 +1532,14 @@ function PolicyAIFAB({
         onClick,
         className: "size-12 shadow-lg rounded-full",
         "aria-label": "Open Policy AI",
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.BrainCircuit, { className: "size-5", "aria-hidden": "true" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.BrainCircuit, { className: "size-5", "aria-hidden": "true" })
       }
     ),
-    hasNudge && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "absolute -top-1 -right-1 size-3 bg-destructive rounded-full border-2 border-background" })
+    hasNudge && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "absolute -top-1 -right-1 size-3 bg-destructive rounded-full border-2 border-background" })
   ] });
 }
 function PolicyAIPanel({
-  open,
+  open = true,
   onClose,
   messages = [],
   suggestedQuestions,
@@ -1466,7 +1577,7 @@ function PolicyAIPanel({
   );
   if (!open) return null;
   const positionClass = position === "bottom-left" ? "left-6" : "right-6";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "div",
     {
       "data-slot": "policy-ai-panel",
@@ -1485,17 +1596,17 @@ function PolicyAIPanel({
         maxHeight: minimised ? "auto" : "min(600px, calc(100vh - 120px))"
       },
       children: [
-        !inline && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "shrink-0 flex items-center gap-2.5 px-3 py-2.5 border-b border-border bg-card", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        !inline && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "shrink-0 flex items-center gap-2.5 px-3 py-2.5 border-b border-border bg-card", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             import_lucide_react6.BrainCircuit,
             {
               className: "size-4 text-primary shrink-0",
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-semibold text-foreground flex-1 truncate", children: "Policy AI" }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-0.5", children: [
-            isChatMode && onReset && !minimised && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-semibold text-foreground flex-1 truncate", children: "Policy AI" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-0.5", children: [
+            isChatMode && onReset && !minimised && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               Button,
               {
                 variant: "ghost",
@@ -1503,10 +1614,10 @@ function PolicyAIPanel({
                 onClick: onReset,
                 title: "New conversation",
                 "aria-label": "New conversation",
-                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.RotateCcw, { className: "size-3.5", "aria-hidden": "true" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.RotateCcw, { className: "size-3.5", "aria-hidden": "true" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               Button,
               {
                 variant: "ghost",
@@ -1514,10 +1625,10 @@ function PolicyAIPanel({
                 onClick: () => setMinimised((v) => !v),
                 title: minimised ? "Restore" : "Minimise",
                 "aria-label": minimised ? "Restore panel" : "Minimise panel",
-                children: minimised ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.ChevronDown, { className: "size-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Minus, { className: "size-3.5", "aria-hidden": "true" })
+                children: minimised ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.ChevronDown, { className: "size-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Minus, { className: "size-3.5", "aria-hidden": "true" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               Button,
               {
                 variant: "ghost",
@@ -1525,65 +1636,68 @@ function PolicyAIPanel({
                 onClick: onClose,
                 title: "Close",
                 "aria-label": "Close Policy AI",
-                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.X, { className: "size-3.5", "aria-hidden": "true" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.X, { className: "size-3.5", "aria-hidden": "true" })
               }
             )
           ] })
         ] }),
-        (!minimised || inline) && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn(!inline && "flex-1 overflow-y-auto min-h-0"), children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex flex-col justify-center h-full py-8", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PolicyAIThinkingSteps, { steps: resolvedThinkingSteps }) }) : !isChatMode ? (
+        (!minimised || inline) && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex-1 overflow-y-auto min-h-0", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex flex-col justify-center h-full py-8", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PolicyAIThinkingSteps, { steps: resolvedThinkingSteps }) }) : !isChatMode ? (
             /* Home state — suggested questions by policy type */
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "px-3 pt-3 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-xs text-muted-foreground leading-relaxed", children: "Ask me about lending policies across 40+ Australian banks \u2014 income, LVR, security types, serviceability, and more." }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "border-b border-border px-3 pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                Tabs,
-                {
-                  value: activeTab,
-                  onValueChange: (v) => setActiveTab(v),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                    TabsList,
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-3 px-3 py-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-muted-foreground", children: "Ask me about lending policies across 40+ Australian banks \u2014 income, LVR, security types, serviceability, and more." }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-overline text-muted-foreground", children: "Suggested" }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Card, { className: "gap-0 py-0 shadow-none overflow-hidden", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "border-b border-border px-3 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    Tabs,
                     {
-                      variant: "line",
-                      className: "justify-start h-8 gap-0 -mb-px overflow-x-auto",
-                      children: Object.keys(DEFAULT_SUGGESTED).map(
-                        (type) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                          TabsTrigger,
-                          {
-                            value: type,
-                            className: "text-xs px-2 h-7 shrink-0",
-                            children: type
-                          },
-                          type
-                        )
+                      value: activeTab,
+                      onValueChange: (v) => setActiveTab(v),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                        TabsList,
+                        {
+                          variant: "line",
+                          className: "justify-start h-8 gap-0 -mb-px overflow-x-auto",
+                          children: Object.keys(DEFAULT_SUGGESTED).map((type) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                            TabsTrigger,
+                            {
+                              value: type,
+                              className: "px-2 h-7 shrink-0",
+                              children: type
+                            },
+                            type
+                          ))
+                        }
                       )
                     }
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex flex-col px-3 py-2 gap-1", children: ((_a = (suggestedQuestions != null ? suggestedQuestions : DEFAULT_SUGGESTED)[activeTab]) != null ? _a : []).map((q) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                "button",
-                {
-                  onClick: () => setInputValue(q),
-                  className: "w-full text-left text-xs text-foreground px-3 py-2 border border-border hover:bg-muted/60 transition-colors leading-relaxed",
-                  children: q
-                },
-                q
-              )) })
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "divide-y divide-border", children: ((_a = (suggestedQuestions != null ? suggestedQuestions : DEFAULT_SUGGESTED)[activeTab]) != null ? _a : []).map((q) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    "button",
+                    {
+                      onClick: () => setInputValue(q),
+                      className: "w-full text-left text-sm text-foreground px-3 py-2.5 hover:bg-muted/60 transition-colors",
+                      children: q
+                    },
+                    q
+                  )) })
+                ] })
+              ] })
             ] })
           ) : (
             /* Chat state — messages + structured response cards */
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-4 px-3 py-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-4 px-3 py-3", children: [
               messages.map(
-                (msg) => msg.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                (msg) => msg.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   ChatWidgetMessage,
                   {
                     role: "user",
                     content: msg.content
                   },
                   msg.id
-                ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-                  msg.content && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-foreground leading-relaxed", children: msg.content }),
-                  msg.responseContent && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+                  msg.content && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-foreground leading-relaxed", children: msg.content }),
+                  msg.responseContent && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                     ResponseCard,
                     {
                       content: msg.responseContent,
@@ -1592,30 +1706,470 @@ function PolicyAIPanel({
                   )
                 ] }, msg.id)
               ),
-              isStreaming && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PolicyAIThinkingSteps, { steps: resolvedThinkingSteps }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { ref: messagesEndRef })
+              isStreaming && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PolicyAIThinkingSteps, { steps: resolvedThinkingSteps }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref: messagesEndRef })
             ] })
           ) }),
-          !isLoading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            "div",
+          !isLoading && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "shrink-0 border-t border-border px-3 py-3 bg-card", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            ChatInputArea,
             {
-              className: cn(
-                "border-t border-border px-3 py-3 bg-card",
-                inline ? "sticky bottom-0 z-10" : "shrink-0"
-              ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                ChatInputArea,
+              value: inputValue,
+              onChange: setInputValue,
+              onSend: handleSend,
+              onAttachFile,
+              onAttachImage,
+              disabled: isStreaming,
+              placeholder: "Ask about lending policies\u2026",
+              autoFocus: !minimised,
+              showMarkdownToolbar: true
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ui/policy-ai/policy-ai-history-panel.tsx
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function PolicyAIHistoryItem({
+  conv,
+  isActive,
+  onClick
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn(
+        "w-full flex items-start gap-3 px-3 py-3 text-left transition-colors",
+        "border-b border-border last:border-b-0",
+        isActive ? "bg-muted" : "hover:bg-muted/40"
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          "span",
+          {
+            className: cn(
+              "text-sm leading-snug line-clamp-2 min-w-0",
+              isActive ? "font-semibold text-foreground" : "text-foreground"
+            ),
+            children: conv.title
+          }
+        ),
+        conv.timestamp && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "shrink-0 text-caption text-muted-foreground whitespace-nowrap", children: conv.timestamp })
+      ] }) })
+    }
+  );
+}
+function PolicyAIHistoryPanel({
+  conversations,
+  activeId,
+  onSelect,
+  onNewChat,
+  searchQuery = "",
+  onSearchChange,
+  className
+}) {
+  const filtered = searchQuery ? conversations.filter(
+    (c) => c.title.toLowerCase().includes(searchQuery.toLowerCase())
+  ) : conversations;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    "div",
+    {
+      "data-slot": "policy-ai-history-panel",
+      className: cn(
+        "flex flex-col h-full border-r border-border bg-background shrink-0",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "shrink-0 flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center gap-2 border-b border-border px-3 py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            Button,
+            {
+              size: "sm",
+              className: "w-full justify-start gap-2",
+              onClick: onNewChat,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  import_lucide_react7.MessageSquarePlus,
+                  {
+                    className: "size-3.5 shrink-0",
+                    "aria-hidden": "true"
+                  }
+                ),
+                "New Chat"
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center border-b border-border px-3 py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              import_lucide_react7.Search,
+              {
+                className: "absolute left-2.5 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground pointer-events-none",
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              Input,
+              {
+                value: searchQuery,
+                onChange: (e) => onSearchChange == null ? void 0 : onSearchChange(e.target.value),
+                placeholder: "Search conversations...",
+                className: "h-8 pl-8 text-sm",
+                "aria-label": "Search conversations"
+              }
+            )
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex-1 overflow-y-auto min-h-0", tabIndex: 0, children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col items-center justify-center gap-2 p-8 text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.BrainCircuit, { className: "size-8 opacity-30", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm", children: searchQuery ? "No conversations found." : "No recent sessions." }),
+          searchQuery && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => onSearchChange == null ? void 0 : onSearchChange(""),
+              children: "Clear search"
+            }
+          )
+        ] }) : filtered.map((conv) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          PolicyAIHistoryItem,
+          {
+            conv,
+            isActive: conv.id === activeId,
+            onClick: () => onSelect == null ? void 0 : onSelect(conv.id)
+          },
+          conv.id
+        )) })
+      ]
+    }
+  );
+}
+
+// src/components/ui/policy-ai/policy-ai-context-sidebar.tsx
+var import_lucide_react8 = require("lucide-react");
+
+// src/components/ui/separator.tsx
+var import_separator = require("@base-ui/react/separator");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function Separator(_a) {
+  var _b = _a, {
+    className,
+    orientation = "horizontal"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_separator.Separator,
+    __spreadValues({
+      className: cn(
+        "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      "data-orientation": orientation,
+      "data-slot": "separator"
+    }, props)
+  );
+}
+
+// src/components/ui/policy-ai/policy-ai-context-sidebar.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var QUERY_TYPE_DESCRIPTIONS = {
+  single_bank: "Answered from a single bank's policy documents.",
+  cross_bank_comparison: "Compared across all indexed banks simultaneously.",
+  threshold_filter: "Filtered banks against a specific threshold or limit.",
+  ranking: "Ranked banks using TOPSIS multi-criteria scoring.",
+  scenario_match: "Matched your scenario against all bank lending criteria.",
+  general: "General policy question answered from the knowledge base."
+};
+var QUERY_TYPE_LABELS2 = {
+  single_bank: "Single bank",
+  cross_bank_comparison: "Cross-bank",
+  threshold_filter: "Threshold filter",
+  ranking: "Ranked list",
+  scenario_match: "Scenario match",
+  general: "General"
+};
+function SidebarSection({
+  title,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-overline text-muted-foreground px-3", children: title }),
+    children
+  ] });
+}
+function StatRow({
+  icon: Icon,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      Icon,
+      {
+        className: "size-3.5 text-muted-foreground shrink-0",
+        "aria-hidden": "true"
+      }
+    ),
+    children
+  ] });
+}
+function PolicyAIContextSidebar({
+  lastQueryContext,
+  suggestedFollowUps,
+  onFollowUpClick,
+  bankCount = 42,
+  categoryCount = 86,
+  lastUpdated = "June 2026",
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      "data-slot": "policy-ai-context-sidebar",
+      className: cn(
+        "flex flex-col h-full border-l border-border bg-card shrink-0 overflow-y-auto",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-5 px-0 py-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SidebarSection, { title: "Coverage", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-1.5 px-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(StatRow, { icon: import_lucide_react8.BrainCircuit, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-sm text-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "font-semibold", children: bankCount }),
+            " banks indexed"
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(StatRow, { icon: import_lucide_react8.Layers, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-sm text-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "font-semibold", children: categoryCount }),
+            " policy categories"
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(StatRow, { icon: import_lucide_react8.Database, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-caption text-muted-foreground", children: [
+            "Updated ",
+            lastUpdated
+          ] }) })
+        ] }) }),
+        lastQueryContext && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SidebarSection, { title: "Last Query", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Card, { className: "gap-0 py-0 shadow-none overflow-hidden mx-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between gap-2 px-3 py-2 border-b border-border bg-muted/30", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-semibold text-foreground", children: lastQueryContext.policyType }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Badge, { variant: "outline", className: "text-xs shrink-0", children: QUERY_TYPE_LABELS2[lastQueryContext.queryType] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-2 px-3 py-2.5", children: [
+              lastQueryContext.bankName && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm font-semibold text-foreground leading-none", children: lastQueryContext.bankName }),
+              lastQueryContext.categories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex flex-wrap gap-1", children: lastQueryContext.categories.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                Badge,
                 {
-                  value: inputValue,
-                  onChange: setInputValue,
-                  onSend: handleSend,
-                  onAttachFile,
-                  onAttachImage,
-                  disabled: isStreaming,
-                  placeholder: "Ask about lending policies\u2026",
-                  autoFocus: !minimised
-                }
-              )
+                  variant: "secondary",
+                  className: "text-xs font-normal",
+                  children: cat
+                },
+                cat
+              )) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "border-t border-border px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-caption text-muted-foreground leading-snug", children: QUERY_TYPE_DESCRIPTIONS[lastQueryContext.queryType] }) })
+          ] }) })
+        ] }),
+        !!(suggestedFollowUps == null ? void 0 : suggestedFollowUps.length) && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SidebarSection, { title: "Follow-ups", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex flex-col gap-1 px-3", children: suggestedFollowUps.map((q) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "w-full justify-start h-auto py-1.5 text-muted-foreground font-normal leading-snug whitespace-normal text-left",
+              onClick: () => onFollowUpClick == null ? void 0 : onFollowUpClick(q),
+              children: q
+            },
+            q
+          )) }) })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/components/ui/policy-ai/policy-ai-page.tsx
+var React8 = __toESM(require("react"));
+var import_lucide_react10 = require("lucide-react");
+
+// src/components/ui/page-top-bar.tsx
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function PageTopBar({
+  title,
+  actions,
+  onAskSupport,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    "div",
+    {
+      "data-slot": "page-top-bar",
+      className: cn(
+        "flex shrink-0 items-center justify-between gap-4",
+        "border-b border-border bg-background px-6 py-3",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h1", { className: "text-lg font-semibold leading-tight", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
+          actions,
+          onAskSupport && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Button, { variant: "outline", size: "sm", onClick: onAskSupport, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.Bot, { className: "size-3.5", "aria-hidden": "true" }),
+            "Ask Support"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ui/policy-ai/policy-ai-page.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function deriveFollowUps(context) {
+  var _a;
+  if (!context) return [];
+  const { queryType, policyType, bankName } = context;
+  if (queryType === "cross_bank_comparison") {
+    return [
+      `Which of these banks is best overall for ${(_a = context.categories[0]) != null ? _a : policyType}?`,
+      bankName ? `Does ${bankName} have any exceptions?` : "Which bank has the most flexible policy?",
+      "Show me the ranked list of lenders."
+    ];
+  }
+  if (queryType === "ranking") {
+    return [
+      `What are the full details for the #1 ranked bank?`,
+      `Which banks in the list accept cases under 80% LVR?`,
+      `Compare the top 3 banks side by side.`
+    ];
+  }
+  if (queryType === "single_bank") {
+    return [
+      `How does ${bankName != null ? bankName : "this bank"} compare to other lenders?`,
+      `What documentation does ${bankName != null ? bankName : "this bank"} require?`,
+      `Which banks have a better policy than ${bankName != null ? bankName : "this bank"}?`
+    ];
+  }
+  if (queryType === "threshold_filter") {
+    return [
+      `What is the maximum LVR across all filtered banks?`,
+      `Are any of these banks on a specialist product?`,
+      `Rank the filtered banks best to worst.`
+    ];
+  }
+  return [];
+}
+function PolicyAIPage({
+  // Chat
+  messages = [],
+  suggestedQuestions,
+  isStreaming = false,
+  isLoading = false,
+  thinkingSteps,
+  onSendMessage,
+  onAttachFile,
+  onAttachImage,
+  onReset,
+  // History
+  conversations = [],
+  activeConversationId,
+  onSelectConversation,
+  onNewChat,
+  // Context
+  defaultShowContextPanel = true,
+  bankCount = 42,
+  categoryCount = 86,
+  lastUpdated = "June 2026",
+  onAskSupport,
+  className
+}) {
+  const [showContextPanel, setShowContextPanel] = React8.useState(
+    defaultShowContextPanel
+  );
+  const [historySearch, setHistorySearch] = React8.useState("");
+  const lastQueryContext = React8.useMemo(() => {
+    for (let i = messages.length - 1; i >= 0; i--) {
+      const m = messages[i];
+      if (m.role === "assistant" && m.queryContext) return m.queryContext;
+    }
+    return void 0;
+  }, [messages]);
+  const followUps = deriveFollowUps(lastQueryContext);
+  const handleNewChat = () => {
+    onReset == null ? void 0 : onReset();
+    onNewChat == null ? void 0 : onNewChat();
+  };
+  const panelToggleLabel = showContextPanel ? "Hide context panel" : "Show context panel";
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    "div",
+    {
+      "data-slot": "policy-ai-page",
+      className: cn("flex flex-col h-full bg-background", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          PageTopBar,
+          {
+            title: "Policy AI",
+            actions: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon-sm",
+                onClick: () => setShowContextPanel((v) => !v),
+                "aria-label": panelToggleLabel,
+                "aria-pressed": showContextPanel,
+                title: panelToggleLabel,
+                children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.PanelRight, { className: "size-4", "aria-hidden": "true" })
+              }
+            ),
+            onAskSupport
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-1 min-h-0 overflow-hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            PolicyAIHistoryPanel,
+            {
+              conversations,
+              activeId: activeConversationId,
+              onSelect: onSelectConversation,
+              onNewChat: handleNewChat,
+              searchQuery: historySearch,
+              onSearchChange: setHistorySearch,
+              className: "w-[260px]"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex-1 flex flex-col min-w-0 min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            PolicyAIPanel,
+            {
+              inline: true,
+              messages,
+              suggestedQuestions,
+              isStreaming,
+              isLoading,
+              thinkingSteps,
+              onSendMessage,
+              onAttachFile,
+              onAttachImage,
+              onReset,
+              className: "flex-1 min-h-0"
+            }
+          ) }),
+          showContextPanel && messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            PolicyAIContextSidebar,
+            {
+              lastQueryContext,
+              suggestedFollowUps: followUps,
+              onFollowUpClick: onSendMessage,
+              bankCount,
+              categoryCount,
+              lastUpdated,
+              className: "w-[280px]"
             }
           )
         ] })
@@ -1625,7 +2179,10 @@ function PolicyAIPanel({
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  PolicyAIContextSidebar,
   PolicyAIFAB,
+  PolicyAIHistoryPanel,
+  PolicyAIPage,
   PolicyAIPanel,
   PolicyCitationPanel,
   PolicyComparisonTable,