@wealthx/shadcn 1.5.39 → 1.5.41

package/dist/{chunk-MGIDYXOP.mjs → chunk-DWNLBUDC.mjs}

@@ -1,3 +1,6 @@
+import {
+  PageTopBar
+} from "./chunk-MZI77ZMX.mjs";
 import {
   Progress
 } from "./chunk-FL7DEYUA.mjs";
@@ -10,14 +13,24 @@ import {
   TooltipProvider,
   TooltipTrigger
 } from "./chunk-3S6KVFF5.mjs";
+import {
+  Card
+} from "./chunk-3VDET466.mjs";
 import {
   Tabs,
   TabsList,
   TabsTrigger
 } from "./chunk-WE4YKBDE.mjs";
+import {
+  Avatar,
+  AvatarFallback
+} from "./chunk-H6NQTIF4.mjs";
+import {
+  Separator
+} from "./chunk-2GIYVERS.mjs";
 import {
   ChatInputArea
-} from "./chunk-EFHPSKVF.mjs";
+} from "./chunk-EGM4DARZ.mjs";
 import {
   Badge
 } from "./chunk-X6RC5UWB.mjs";
@@ -154,14 +167,7 @@ import * as React2 from "react";
 import { Building2, Info } from "lucide-react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function BankAvatar({ name }) {
-  return /* @__PURE__ */ jsx2(
-    "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__ */ jsx2(Avatar, { "aria-hidden": "true", className: "size-7 shrink-0", children: /* @__PURE__ */ jsx2(AvatarFallback, { children: name.charAt(0).toUpperCase() }) });
 }
 function QueryContextInfo({ label }) {
   return /* @__PURE__ */ jsx2(TooltipProvider, { children: /* @__PURE__ */ jsxs2(Tooltip, { children: [
@@ -195,10 +201,10 @@ function CitationBadge({ citation }) {
     ) }) }),
     /* @__PURE__ */ jsx2(PopoverContent, { className: "w-72 p-3", sideOffset: 6, children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
-        /* @__PURE__ */ jsx2("span", { className: "text-xs font-semibold text-foreground", children: citation.bankName }),
+        /* @__PURE__ */ jsx2("span", { className: "text-sm font-semibold text-foreground", children: citation.bankName }),
         /* @__PURE__ */ jsx2(Badge, { variant: "secondary", className: "text-xs px-1.5 py-0", children: citation.category })
       ] }),
-      /* @__PURE__ */ jsx2("p", { className: "text-xs text-muted-foreground leading-relaxed", children: citation.excerpt })
+      /* @__PURE__ */ jsx2("p", { className: "text-sm text-muted-foreground", children: citation.excerpt })
     ] }) })
   ] });
 }
@@ -213,7 +219,7 @@ function AnswerWithCitations({
     if (match) {
       const citation = citationMap.get(parseInt(match[1], 10));
       if (citation) return /* @__PURE__ */ jsx2(CitationBadge, { citation }, i);
-      return /* @__PURE__ */ jsx2("span", { className: "text-xs text-muted-foreground", children: part }, i);
+      return /* @__PURE__ */ jsx2("span", { className: "text-caption text-muted-foreground", children: part }, i);
     }
     return /* @__PURE__ */ jsx2(React2.Fragment, { children: part }, i);
   }) });
@@ -348,7 +354,7 @@ function PolicyComparisonTable({
               /* @__PURE__ */ jsx2(BankAvatar, { name: bank.bankName }),
               /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
                 /* @__PURE__ */ jsx2("span", { className: "text-sm font-medium text-foreground leading-snug", children: bank.bankName }),
-                bank.details && /* @__PURE__ */ jsx2("span", { className: "text-xs text-muted-foreground leading-snug", children: bank.details })
+                bank.details && /* @__PURE__ */ jsx2("span", { className: "text-caption text-muted-foreground", children: bank.details })
               ] })
             ] }) }),
             categories.map((cat) => /* @__PURE__ */ jsx2(
@@ -606,7 +612,7 @@ function PolicyAIFAB({
   ] });
 }
 function PolicyAIPanel({
-  open,
+  open = true,
   onClose,
   messages = [],
   suggestedQuestions,
@@ -709,44 +715,47 @@ function PolicyAIPanel({
           ] })
         ] }),
         (!minimised || inline) && /* @__PURE__ */ jsxs3(Fragment3, { children: [
-          /* @__PURE__ */ jsx3("div", { className: cn(!inline && "flex-1 overflow-y-auto min-h-0"), children: isLoading ? /* @__PURE__ */ jsx3("div", { className: "flex flex-col justify-center h-full py-8", children: /* @__PURE__ */ jsx3(PolicyAIThinkingSteps, { steps: resolvedThinkingSteps }) }) : !isChatMode ? (
+          /* @__PURE__ */ jsx3("div", { className: "flex-1 overflow-y-auto min-h-0", children: isLoading ? /* @__PURE__ */ jsx3("div", { className: "flex flex-col justify-center h-full py-8", children: /* @__PURE__ */ jsx3(PolicyAIThinkingSteps, { steps: resolvedThinkingSteps }) }) : !isChatMode ? (
             /* Home state — suggested questions by policy type */
-            /* @__PURE__ */ jsxs3("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ jsx3("div", { className: "px-3 pt-3 pb-2", children: /* @__PURE__ */ jsx3("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__ */ jsx3("div", { className: "border-b border-border px-3 pt-1", children: /* @__PURE__ */ jsx3(
-                Tabs,
-                {
-                  value: activeTab,
-                  onValueChange: (v) => setActiveTab(v),
-                  children: /* @__PURE__ */ jsx3(
-                    TabsList,
+            /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3 px-3 py-3", children: [
+              /* @__PURE__ */ jsx3("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__ */ jsxs3("div", { className: "flex flex-col gap-1.5", children: [
+                /* @__PURE__ */ jsx3("p", { className: "text-overline text-muted-foreground", children: "Suggested" }),
+                /* @__PURE__ */ jsxs3(Card, { className: "gap-0 py-0 shadow-none overflow-hidden", children: [
+                  /* @__PURE__ */ jsx3("div", { className: "border-b border-border px-3 pt-2", children: /* @__PURE__ */ jsx3(
+                    Tabs,
                     {
-                      variant: "line",
-                      className: "justify-start h-8 gap-0 -mb-px overflow-x-auto",
-                      children: Object.keys(DEFAULT_SUGGESTED).map(
-                        (type) => /* @__PURE__ */ jsx3(
-                          TabsTrigger,
-                          {
-                            value: type,
-                            className: "text-xs px-2 h-7 shrink-0",
-                            children: type
-                          },
-                          type
-                        )
+                      value: activeTab,
+                      onValueChange: (v) => setActiveTab(v),
+                      children: /* @__PURE__ */ jsx3(
+                        TabsList,
+                        {
+                          variant: "line",
+                          className: "justify-start h-8 gap-0 -mb-px overflow-x-auto",
+                          children: Object.keys(DEFAULT_SUGGESTED).map((type) => /* @__PURE__ */ jsx3(
+                            TabsTrigger,
+                            {
+                              value: type,
+                              className: "px-2 h-7 shrink-0",
+                              children: type
+                            },
+                            type
+                          ))
+                        }
                       )
                     }
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ jsx3("div", { className: "flex flex-col px-3 py-2 gap-1", children: ((_a = (suggestedQuestions != null ? suggestedQuestions : DEFAULT_SUGGESTED)[activeTab]) != null ? _a : []).map((q) => /* @__PURE__ */ jsx3(
-                "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__ */ jsx3("div", { className: "divide-y divide-border", children: ((_a = (suggestedQuestions != null ? suggestedQuestions : DEFAULT_SUGGESTED)[activeTab]) != null ? _a : []).map((q) => /* @__PURE__ */ jsx3(
+                    "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 */
@@ -774,26 +783,406 @@ function PolicyAIPanel({
               /* @__PURE__ */ jsx3("div", { ref: messagesEndRef })
             ] })
           ) }),
-          !isLoading && /* @__PURE__ */ jsx3(
-            "div",
+          !isLoading && /* @__PURE__ */ jsx3("div", { className: "shrink-0 border-t border-border px-3 py-3 bg-card", children: /* @__PURE__ */ jsx3(
+            ChatInputArea,
             {
-              className: cn(
-                "border-t border-border px-3 py-3 bg-card",
-                inline ? "sticky bottom-0 z-10" : "shrink-0"
-              ),
-              children: /* @__PURE__ */ jsx3(
-                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
+import { BrainCircuit as BrainCircuit2, MessageSquarePlus, Search } from "lucide-react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function PolicyAIHistoryItem({
+  conv,
+  isActive,
+  onClick
+}) {
+  return /* @__PURE__ */ jsx4(
+    "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__ */ jsx4("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsx4(
+          "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__ */ jsx4("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__ */ jsxs4(
+    "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__ */ jsxs4("div", { className: "shrink-0 flex flex-col", children: [
+          /* @__PURE__ */ jsx4("div", { className: "flex items-center gap-2 border-b border-border px-3 py-2.5", children: /* @__PURE__ */ jsxs4(
+            Button,
+            {
+              size: "sm",
+              className: "w-full justify-start gap-2",
+              onClick: onNewChat,
+              children: [
+                /* @__PURE__ */ jsx4(
+                  MessageSquarePlus,
+                  {
+                    className: "size-3.5 shrink-0",
+                    "aria-hidden": "true"
+                  }
+                ),
+                "New Chat"
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx4("div", { className: "flex items-center border-b border-border px-3 py-2.5", children: /* @__PURE__ */ jsxs4("div", { className: "relative flex-1", children: [
+            /* @__PURE__ */ jsx4(
+              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__ */ jsx4(
+              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__ */ jsx4("div", { className: "flex-1 overflow-y-auto min-h-0", tabIndex: 0, children: filtered.length === 0 ? /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center justify-center gap-2 p-8 text-muted-foreground", children: [
+          /* @__PURE__ */ jsx4(BrainCircuit2, { className: "size-8 opacity-30", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx4("p", { className: "text-sm", children: searchQuery ? "No conversations found." : "No recent sessions." }),
+          searchQuery && /* @__PURE__ */ jsx4(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => onSearchChange == null ? void 0 : onSearchChange(""),
+              children: "Clear search"
+            }
+          )
+        ] }) : filtered.map((conv) => /* @__PURE__ */ jsx4(
+          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
+import { BrainCircuit as BrainCircuit3, Database, Layers } from "lucide-react";
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs5 } from "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__ */ jsxs5("div", { className: cn("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsx5("p", { className: "text-overline text-muted-foreground px-3", children: title }),
+    children
+  ] });
+}
+function StatRow({
+  icon: Icon,
+  children
+}) {
+  return /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2.5", children: [
+    /* @__PURE__ */ jsx5(
+      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__ */ jsx5(
+    "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__ */ jsxs5("div", { className: "flex flex-col gap-5 px-0 py-4", children: [
+        /* @__PURE__ */ jsx5(SidebarSection, { title: "Coverage", children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-1.5 px-3", children: [
+          /* @__PURE__ */ jsx5(StatRow, { icon: BrainCircuit3, children: /* @__PURE__ */ jsxs5("span", { className: "text-sm text-foreground", children: [
+            /* @__PURE__ */ jsx5("span", { className: "font-semibold", children: bankCount }),
+            " banks indexed"
+          ] }) }),
+          /* @__PURE__ */ jsx5(StatRow, { icon: Layers, children: /* @__PURE__ */ jsxs5("span", { className: "text-sm text-foreground", children: [
+            /* @__PURE__ */ jsx5("span", { className: "font-semibold", children: categoryCount }),
+            " policy categories"
+          ] }) }),
+          /* @__PURE__ */ jsx5(StatRow, { icon: Database, children: /* @__PURE__ */ jsxs5("span", { className: "text-caption text-muted-foreground", children: [
+            "Updated ",
+            lastUpdated
+          ] }) })
+        ] }) }),
+        lastQueryContext && /* @__PURE__ */ jsxs5(Fragment4, { children: [
+          /* @__PURE__ */ jsx5(Separator, {}),
+          /* @__PURE__ */ jsx5(SidebarSection, { title: "Last Query", children: /* @__PURE__ */ jsxs5(Card, { className: "gap-0 py-0 shadow-none overflow-hidden mx-3", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-2 px-3 py-2 border-b border-border bg-muted/30", children: [
+              /* @__PURE__ */ jsx5("span", { className: "text-sm font-semibold text-foreground", children: lastQueryContext.policyType }),
+              /* @__PURE__ */ jsx5(Badge, { variant: "outline", className: "text-xs shrink-0", children: QUERY_TYPE_LABELS2[lastQueryContext.queryType] })
+            ] }),
+            /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2 px-3 py-2.5", children: [
+              lastQueryContext.bankName && /* @__PURE__ */ jsx5("p", { className: "text-sm font-semibold text-foreground leading-none", children: lastQueryContext.bankName }),
+              lastQueryContext.categories.length > 0 && /* @__PURE__ */ jsx5("div", { className: "flex flex-wrap gap-1", children: lastQueryContext.categories.map((cat) => /* @__PURE__ */ jsx5(
+                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__ */ jsx5("div", { className: "border-t border-border px-3 py-2", children: /* @__PURE__ */ jsx5("p", { className: "text-caption text-muted-foreground leading-snug", children: QUERY_TYPE_DESCRIPTIONS[lastQueryContext.queryType] }) })
+          ] }) })
+        ] }),
+        !!(suggestedFollowUps == null ? void 0 : suggestedFollowUps.length) && /* @__PURE__ */ jsxs5(Fragment4, { children: [
+          /* @__PURE__ */ jsx5(Separator, {}),
+          /* @__PURE__ */ jsx5(SidebarSection, { title: "Follow-ups", children: /* @__PURE__ */ jsx5("div", { className: "flex flex-col gap-1 px-3", children: suggestedFollowUps.map((q) => /* @__PURE__ */ jsx5(
+            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
+import * as React4 from "react";
+import { PanelRight } from "lucide-react";
+import { jsx as jsx6, jsxs as jsxs6 } from "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] = React4.useState(
+    defaultShowContextPanel
+  );
+  const [historySearch, setHistorySearch] = React4.useState("");
+  const lastQueryContext = React4.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__ */ jsxs6(
+    "div",
+    {
+      "data-slot": "policy-ai-page",
+      className: cn("flex flex-col h-full bg-background", className),
+      children: [
+        /* @__PURE__ */ jsx6(
+          PageTopBar,
+          {
+            title: "Policy AI",
+            actions: /* @__PURE__ */ jsx6(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon-sm",
+                onClick: () => setShowContextPanel((v) => !v),
+                "aria-label": panelToggleLabel,
+                "aria-pressed": showContextPanel,
+                title: panelToggleLabel,
+                children: /* @__PURE__ */ jsx6(PanelRight, { className: "size-4", "aria-hidden": "true" })
+              }
+            ),
+            onAskSupport
+          }
+        ),
+        /* @__PURE__ */ jsxs6("div", { className: "flex flex-1 min-h-0 overflow-hidden", children: [
+          /* @__PURE__ */ jsx6(
+            PolicyAIHistoryPanel,
+            {
+              conversations,
+              activeId: activeConversationId,
+              onSelect: onSelectConversation,
+              onNewChat: handleNewChat,
+              searchQuery: historySearch,
+              onSearchChange: setHistorySearch,
+              className: "w-[260px]"
+            }
+          ),
+          /* @__PURE__ */ jsx6("div", { className: "flex-1 flex flex-col min-w-0 min-h-0", children: /* @__PURE__ */ jsx6(
+            PolicyAIPanel,
+            {
+              inline: true,
+              messages,
+              suggestedQuestions,
+              isStreaming,
+              isLoading,
+              thinkingSteps,
+              onSendMessage,
+              onAttachFile,
+              onAttachImage,
+              onReset,
+              className: "flex-1 min-h-0"
+            }
+          ) }),
+          showContextPanel && messages.length > 0 && /* @__PURE__ */ jsx6(
+            PolicyAIContextSidebar,
+            {
+              lastQueryContext,
+              suggestedFollowUps: followUps,
+              onFollowUpClick: onSendMessage,
+              bankCount,
+              categoryCount,
+              lastUpdated,
+              className: "w-[280px]"
             }
           )
         ] })
@@ -810,5 +1199,8 @@ export {
   PolicyComparisonTable,
   PolicyRankedList,
   PolicyAIFAB,
-  PolicyAIPanel
+  PolicyAIPanel,
+  PolicyAIHistoryPanel,
+  PolicyAIContextSidebar,
+  PolicyAIPage
 };