@trinityui/design-system 1.0.0

package/dist/ai.js

@@ -0,0 +1,4466 @@
+import { jsxs as l, jsx as e, Fragment as G } from "react/jsx-runtime";
+import { Button as Ce, Box as d, Popover as Ye, Avatar as we, Stack as C, Typography as u, Divider as ue, Paper as Y, Tooltip as P, IconButton as z, TextField as Se, Chip as te, Menu as ye, MenuItem as Z, ListItemIcon as N, ListItemText as K, Switch as Je, Link as Ge, Collapse as J, useTheme as ee, alpha as ce, Card as er, List as _e, ListItem as qe, ListItemButton as Ne, ButtonBase as $e, AppBar as rr, Toolbar as or, Drawer as ir } from "@mui/material";
+import Ae, { useState as R, createContext as nr, useContext as tr, useEffect as We, useRef as ve, useCallback as Q } from "react";
+import { b as T, a as Pe, s as X } from "./navigation.js";
+import ar from "@mui/icons-material/Home";
+import lr from "@mui/icons-material/Menu";
+import sr from "@mui/icons-material/Close";
+import cr from "@mui/icons-material/ArrowBack";
+import dr from "@mui/icons-material/ArrowForward";
+import mr from "@mui/icons-material/ArrowUpward";
+import pr from "@mui/icons-material/ArrowDownward";
+import hr from "@mui/icons-material/ChevronLeft";
+import ur from "@mui/icons-material/ChevronRight";
+import xr from "@mui/icons-material/ExpandLess";
+import gr from "@mui/icons-material/ExpandMore";
+import fr from "@mui/icons-material/MoreVert";
+import br from "@mui/icons-material/MoreHoriz";
+import yr from "@mui/icons-material/Add";
+import vr from "@mui/icons-material/Remove";
+import kr from "@mui/icons-material/Edit";
+import Cr from "@mui/icons-material/Delete";
+import wr from "@mui/icons-material/Save";
+import Sr from "@mui/icons-material/ContentCopy";
+import zr from "@mui/icons-material/ContentPaste";
+import Ir from "@mui/icons-material/ContentCut";
+import $r from "@mui/icons-material/Undo";
+import Ar from "@mui/icons-material/Redo";
+import Wr from "@mui/icons-material/Refresh";
+import Pr from "@mui/icons-material/Download";
+import Rr from "@mui/icons-material/Upload";
+import Fr from "@mui/icons-material/Share";
+import Mr from "@mui/icons-material/Print";
+import Tr from "@mui/icons-material/FilterList";
+import Br from "@mui/icons-material/Sort";
+import Dr from "@mui/icons-material/Search";
+import Lr from "@mui/icons-material/ZoomIn";
+import Er from "@mui/icons-material/ZoomOut";
+import Hr from "@mui/icons-material/Check";
+import Re from "@mui/icons-material/CheckCircle";
+import Or from "@mui/icons-material/Error";
+import jr from "@mui/icons-material/Warning";
+import Ur from "@mui/icons-material/Info";
+import Vr from "@mui/icons-material/Help";
+import Gr from "@mui/icons-material/Email";
+import _r from "@mui/icons-material/Phone";
+import qr from "@mui/icons-material/Chat";
+import Nr from "@mui/icons-material/Send";
+import Kr from "@mui/icons-material/Mic";
+import Qr from "@mui/icons-material/Memory";
+import Zr from "@mui/icons-material/LightbulbOutlined";
+import Xr from "@mui/icons-material/Notifications";
+import Yr from "@mui/icons-material/NotificationsOff";
+import Jr from "@mui/icons-material/InsertDriveFile";
+import eo from "@mui/icons-material/Folder";
+import ro from "@mui/icons-material/FolderOpen";
+import oo from "@mui/icons-material/Image";
+import io from "@mui/icons-material/VideoLibrary";
+import no from "@mui/icons-material/Audiotrack";
+import to from "@mui/icons-material/Description";
+import ao from "@mui/icons-material/Link";
+import Fe from "@mui/icons-material/AttachFile";
+import lo from "@mui/icons-material/Person";
+import so from "@mui/icons-material/Group";
+import co from "@mui/icons-material/PersonAdd";
+import mo from "@mui/icons-material/PersonRemove";
+import po from "@mui/icons-material/Settings";
+import ho from "@mui/icons-material/Logout";
+import uo from "@mui/icons-material/Login";
+import xo from "@mui/icons-material/Lock";
+import go from "@mui/icons-material/LockOpen";
+import fo from "@mui/icons-material/Key";
+import bo from "@mui/icons-material/BarChart";
+import yo from "@mui/icons-material/PieChart";
+import vo from "@mui/icons-material/ShowChart";
+import ko from "@mui/icons-material/TrendingUp";
+import Co from "@mui/icons-material/TrendingDown";
+import wo from "@mui/icons-material/Storage";
+import So from "@mui/icons-material/TableChart";
+import zo from "@mui/icons-material/Star";
+import Io from "@mui/icons-material/StarBorder";
+import $o from "@mui/icons-material/Favorite";
+import Ao from "@mui/icons-material/FavoriteBorder";
+import Wo from "@mui/icons-material/Bookmark";
+import Po from "@mui/icons-material/Flag";
+import Ro from "@mui/icons-material/LocalOffer";
+import Fo from "@mui/icons-material/CalendarToday";
+import Mo from "@mui/icons-material/Schedule";
+import To from "@mui/icons-material/LocationOn";
+import Bo from "@mui/icons-material/Language";
+import Do from "@mui/icons-material/Visibility";
+import Lo from "@mui/icons-material/VisibilityOff";
+import Eo from "@mui/icons-material/GridView";
+import Ho from "@mui/icons-material/ViewList";
+import Oo from "@mui/icons-material/ViewColumn";
+import jo from "@mui/icons-material/Fullscreen";
+import Uo from "@mui/icons-material/FullscreenExit";
+import Vo from "@mui/icons-material/ViewSidebar";
+import Go from "@mui/icons-material/PlayArrow";
+import _o from "@mui/icons-material/Pause";
+import qo from "@mui/icons-material/Stop";
+import No from "@mui/icons-material/SkipNext";
+import Ko from "@mui/icons-material/SkipPrevious";
+import Qo from "@mui/icons-material/VolumeUp";
+import Zo from "@mui/icons-material/VolumeOff";
+import Xo from "@mui/icons-material/Code";
+import Yo from "@mui/icons-material/Terminal";
+import Jo from "@mui/icons-material/OpenInNew";
+import ei from "@mui/icons-material/Cloud";
+import ri from "@mui/icons-material/CloudUpload";
+import oi from "@mui/icons-material/CloudDownload";
+import ii from "@mui/icons-material/Wifi";
+import ni from "@mui/icons-material/WifiOff";
+import ti from "@mui/icons-material/Battery90";
+import ai from "@mui/icons-material/PowerSettingsNew";
+import li from "@mui/icons-material/LightMode";
+import si from "@mui/icons-material/DarkMode";
+import ci from "@mui/icons-material/FlashOn";
+import di from "@mui/icons-material/CardGiftcard";
+import mi from "@mui/icons-material/LocalShipping";
+import pi from "@mui/icons-material/Inventory";
+import hi from "@mui/icons-material/Layers";
+import ui from "@mui/icons-material/Security";
+import xi from "@mui/icons-material/EmojiEvents";
+import gi from "@mui/icons-material/Timeline";
+import fi from "@mui/icons-material/AutoAwesome";
+import bi from "@mui/icons-material/ThumbUpOutlined";
+import yi from "@mui/icons-material/ThumbDownOutlined";
+import { ThumbsDown as vi, ThumbsUp as ki, Star as fe, Paperclip as Me, Zap as Te, Cpu as Ci, Mic as wi, Activity as Si, Award as zi, Shield as Ii, Layers as $i, Box as Ai, Package as Wi, Gift as Pi, Moon as Ri, Sun as Fi, Power as Mi, Battery as Ti, WifiOff as Bi, Wifi as Di, DownloadCloud as Li, UploadCloud as Ei, Cloud as Hi, ExternalLink as Oi, Terminal as ji, Code as Ui, VolumeX as Vi, Volume2 as Gi, SkipBack as _i, SkipForward as qi, Square as Ni, Pause as Ki, Play as Qi, Sidebar as Zi, Minimize as Xi, Maximize as Yi, Columns as Ji, List as en, Grid as Be, EyeOff as rn, Eye as on, Globe as nn, MapPin as tn, Clock as an, Calendar as ln, Tag as sn, Flag as cn, Bookmark as dn, Heart as De, Database as mn, TrendingDown as pn, TrendingUp as Le, PieChart as hn, BarChart2 as un, Key as xn, Unlock as gn, Lock as fn, LogIn as bn, LogOut as yn, Settings as vn, UserMinus as kn, UserPlus as Cn, Users as wn, User as Sn, Link as zn, FileText as In, Music as $n, Video as An, Image as Wn, FolderPlus as Pn, Folder as Rn, File as Fn, BellOff as Mn, Bell as Tn, Send as Bn, MessageSquare as Dn, Phone as Ln, Mail as En, CheckCircle as Ee, HelpCircle as Hn, Info as On, AlertTriangle as jn, AlertCircle as Un, Check as Vn, ZoomOut as Gn, ZoomIn as _n, Search as qn, ArrowUp as He, Filter as Nn, Printer as Kn, Share2 as Qn, Upload as Zn, Download as Xn, RefreshCw as Yn, RotateCw as Jn, RotateCcw as et, Scissors as rt, Clipboard as ot, Copy as it, Save as nt, Trash2 as tt, Edit2 as at, Minus as lt, Plus as st, MoreHorizontal as ct, MoreVertical as dt, ChevronDown as mt, ChevronUp as pt, ChevronRight as ht, ChevronLeft as ut, ArrowDown as xt, ArrowRight as gt, ArrowLeft as ft, X as bt, Menu as yt, Home as vt } from "react-feather";
+const kt = {
+  /** Extra small radius for tags, badges - 4px */
+  xs: 1,
+  /** Small radius for chips, small buttons - 6px */
+  sm: 1.5,
+  /** Medium radius for inputs, small cards - 8px */
+  md: 2,
+  /** Large radius for cards, containers - 12px */
+  lg: 3,
+  /** Extra large radius for large cards, modals - 16px */
+  xl: 4,
+  /** Full pill shape - 9999px */
+  full: "9999px",
+  /** Circle shape */
+  circle: "50%"
+}, v = {
+  /** Extra small radius - 4px */
+  xs: "4px",
+  /** Small radius - 6px */
+  sm: "6px",
+  /** Medium radius - 8px */
+  md: "8px",
+  /** Large radius - 12px */
+  lg: "12px",
+  /** Extra large radius - 16px */
+  xl: "16px",
+  /** Full pill shape */
+  full: "9999px",
+  /** Circle shape */
+  circle: "50%"
+}, c = {
+  /** Tight spacing - 4px */
+  xs: 0.5,
+  /** Small spacing - 8px */
+  sm: 1,
+  /** Medium spacing - 12px */
+  md: 1.5,
+  /** Default spacing - 16px */
+  base: 2,
+  /** Large spacing - 24px */
+  lg: 3,
+  /** Extra large spacing - 32px */
+  xl: 4
+}, h = {
+  // Gradient colors for AI presence - Coral to Purple (Trinity brand)
+  gradient: {
+    // Primary gradient: coral/pink at top to purple at bottom
+    primary: `linear-gradient(180deg, ${T.secondary.main} 0%, ${T.primary.light} 100%)`,
+    // Text gradient for large stats/numbers
+    text: `linear-gradient(180deg, ${T.secondary.main} 0%, ${T.primary.light} 100%)`,
+    // Subtle background gradient - soft indigo/purple tint
+    subtle: "linear-gradient(180deg, rgba(120, 65, 201, 0.03) 0%, rgba(120, 65, 201, 0.06) 100%)",
+    // Border gradient
+    border: `linear-gradient(180deg, ${T.secondary.main}, ${T.primary.light})`,
+    // Glow effect
+    glow: "0 0 20px rgba(255, 97, 80, 0.3), 0 0 40px rgba(120, 65, 201, 0.2)",
+    // Subtle glow for inputs
+    inputGlow: "0 0 0 3px rgba(120, 65, 201, 0.15)",
+    // Horizontal variant (left to right)
+    horizontal: `linear-gradient(90deg, ${T.secondary.main} 0%, ${T.primary.light} 100%)`,
+    // Diagonal variant (top-left to bottom-right)
+    diagonal: `linear-gradient(135deg, ${T.secondary.main} 0%, ${T.primary.light} 100%)`
+  },
+  // AI-specific colors
+  colors: {
+    aiPrimary: T.primary.light,
+    // Purple
+    aiSecondary: T.secondary.main,
+    // Coral
+    aiBackground: "rgba(120, 65, 201, 0.05)",
+    aiBackgroundDark: "rgba(120, 65, 201, 0.15)",
+    aiBorder: "rgba(120, 65, 201, 0.2)",
+    aiBorderDark: "rgba(120, 65, 201, 0.3)",
+    aiHover: Pe.colors.indigo[50],
+    // #EDE7FD
+    aiHoverDark: Pe.colors.indigo[100],
+    // #D2C3FA
+    aiGradientStart: T.secondary.main,
+    // Coral
+    aiGradientEnd: T.primary.light,
+    // Purple
+    // Source badge colors
+    sourceBadgeBg: "rgba(120, 65, 201, 0.15)",
+    sourceBadgeBgDark: "rgba(120, 65, 201, 0.25)",
+    // Typing indicator
+    typingDot: T.primary.light,
+    typingDotDark: T.secondary.main
+  },
+  // Standardized spacing and radius
+  radius: kt,
+  radiusPx: v,
+  spacing: c
+}, Ct = {
+  mini: { size: 16, fontSize: X.typography.dense.badge, padding: "2px 4px" },
+  // 10px
+  "2xs": { size: 20, fontSize: "0.6875rem", padding: "2px 6px" },
+  // 11px - no exact token, retained
+  xs: { size: 24, fontSize: X.typography.dense.text, padding: "3px 8px" },
+  // 12px
+  sm: { size: 32, fontSize: "0.8125rem", padding: "4px 10px" },
+  // 13px - no exact token, retained
+  md: { size: 40, fontSize: "0.875rem", padding: "6px 12px" },
+  // 14px - body.small available but different intent
+  lg: { size: 48, fontSize: "1rem", padding: "8px 14px" },
+  xl: { size: 64, fontSize: "1.125rem", padding: "10px 16px" }
+}, wt = ({ size: r = 16 }) => /* @__PURE__ */ e("svg", { width: r, height: r, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" }) }), St = ({
+  size: r = "sm",
+  variant: n = "default",
+  text: t = "AI",
+  showPopover: i = !0,
+  popoverContent: o,
+  clickable: a = !0,
+  onClick: m,
+  sx: s
+}) => {
+  const [g, p] = R(null), x = Ct[r], k = ($) => {
+    i && p($.currentTarget), m?.();
+  }, b = () => {
+    p(null);
+  }, y = !!g, I = /* @__PURE__ */ l(
+    Ce,
+    {
+      onClick: a ? k : void 0,
+      disabled: !a,
+      disableRipple: !a,
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 0.5,
+        padding: n === "inline" ? "1px 6px" : x.padding,
+        borderRadius: n === "inline" ? "10px" : "100px",
+        background: h.gradient.primary,
+        color: "common.white",
+        // Use MUI theme
+        fontSize: x.fontSize,
+        fontWeight: 600,
+        fontFamily: '"Montserrat", sans-serif',
+        border: "none",
+        minWidth: "auto",
+        textTransform: "none",
+        cursor: a ? "pointer" : "default",
+        transition: "all 0.2s ease",
+        boxShadow: "0 2px 8px rgba(120, 65, 201, 0.3)",
+        ...a && {
+          "&:hover": {
+            boxShadow: h.gradient.glow,
+            transform: "scale(1.02)",
+            background: h.gradient.primary
+          },
+          "&:focus": {
+            outline: `2px solid ${h.colors.aiPrimary}`,
+            outlineOffset: 2
+          }
+        },
+        "&.Mui-disabled": {
+          background: h.gradient.primary,
+          color: "common.white",
+          opacity: 1
+        },
+        ...s
+      },
+      children: [
+        /* @__PURE__ */ e(
+          d,
+          {
+            component: "span",
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              "& svg": {
+                width: n === "inline" ? 12 : x.size * 0.4,
+                height: n === "inline" ? 12 : x.size * 0.4
+              }
+            },
+            children: /* @__PURE__ */ e(wt, {})
+          }
+        ),
+        t
+      ]
+    }
+  );
+  return /* @__PURE__ */ l(G, { children: [
+    I,
+    i && o && /* @__PURE__ */ e(
+      Ye,
+      {
+        open: y,
+        anchorEl: g,
+        onClose: b,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "center"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "center"
+        },
+        slotProps: {
+          paper: {
+            sx: {
+              mt: 1,
+              borderRadius: v.md,
+              boxShadow: "0 8px 32px rgba(0, 0, 0, 0.12)",
+              border: `1px solid ${h.colors.aiBorder}`,
+              background: `linear-gradient(180deg, ${h.colors.aiBackground} 0%, #FFFFFF 100%)`,
+              // @intentional-color: gradient to white
+              maxWidth: 360,
+              minWidth: 280
+            }
+          }
+        },
+        children: o
+      }
+    )
+  ] });
+}, zt = {
+  xs: 16,
+  small: 20,
+  medium: 24,
+  large: 32,
+  xl: 48
+}, Ke = {
+  home: ar,
+  menu: lr,
+  close: sr,
+  back: cr,
+  forward: dr,
+  up: mr,
+  down: pr,
+  "chevron-left": hr,
+  "chevron-right": ur,
+  "chevron-up": xr,
+  "chevron-down": gr,
+  "more-vertical": fr,
+  "more-horizontal": br,
+  add: yr,
+  remove: vr,
+  edit: kr,
+  delete: Cr,
+  save: wr,
+  copy: Sr,
+  paste: zr,
+  cut: Ir,
+  undo: $r,
+  redo: Ar,
+  refresh: Wr,
+  download: Pr,
+  upload: Rr,
+  share: Fr,
+  print: Mr,
+  filter: Tr,
+  sort: Br,
+  search: Dr,
+  "zoom-in": Lr,
+  "zoom-out": Er,
+  check: Hr,
+  "check-circle": Re,
+  error: Or,
+  warning: jr,
+  info: Ur,
+  help: Vr,
+  success: Re,
+  email: Gr,
+  phone: _r,
+  chat: qr,
+  send: Nr,
+  notification: Xr,
+  "notification-off": Yr,
+  file: Jr,
+  folder: eo,
+  "folder-open": ro,
+  image: oo,
+  video: io,
+  audio: no,
+  document: to,
+  link: ao,
+  attachment: Fe,
+  user: lo,
+  users: so,
+  "user-add": co,
+  "user-remove": mo,
+  settings: po,
+  logout: ho,
+  login: uo,
+  lock: xo,
+  unlock: go,
+  key: fo,
+  chart: bo,
+  "pie-chart": yo,
+  "line-chart": vo,
+  "trending-up": ko,
+  "trending-down": Co,
+  database: wo,
+  table: So,
+  star: zo,
+  "star-outline": Io,
+  heart: $o,
+  "heart-outline": Ao,
+  bookmark: Wo,
+  flag: Po,
+  tag: Ro,
+  calendar: Fo,
+  clock: Mo,
+  location: To,
+  globe: Bo,
+  eye: Do,
+  "eye-off": Lo,
+  grid: Eo,
+  list: Ho,
+  columns: Oo,
+  maximize: jo,
+  minimize: Uo,
+  sidebar: Vo,
+  play: Go,
+  pause: _o,
+  stop: qo,
+  "skip-forward": No,
+  "skip-back": Ko,
+  volume: Qo,
+  "volume-off": Zo,
+  code: Xo,
+  terminal: Yo,
+  "external-link": Jo,
+  cloud: ei,
+  "cloud-upload": ri,
+  "cloud-download": oi,
+  wifi: ii,
+  "wifi-off": ni,
+  battery: ti,
+  power: ai,
+  sun: li,
+  moon: si,
+  zap: ci,
+  gift: di,
+  package: mi,
+  box: pi,
+  layers: hi,
+  shield: ui,
+  award: xi,
+  activity: gi,
+  mic: Kr,
+  cpu: Qr,
+  lightbulb: Zr,
+  paperclip: Fe,
+  sparkles: fi,
+  "thumbs-up": bi,
+  "thumbs-down": yi
+}, It = {
+  home: vt,
+  menu: yt,
+  close: bt,
+  back: ft,
+  forward: gt,
+  up: He,
+  down: xt,
+  "chevron-left": ut,
+  "chevron-right": ht,
+  "chevron-up": pt,
+  "chevron-down": mt,
+  "more-vertical": dt,
+  "more-horizontal": ct,
+  add: st,
+  remove: lt,
+  edit: at,
+  delete: tt,
+  save: nt,
+  copy: it,
+  paste: ot,
+  cut: rt,
+  undo: et,
+  redo: Jn,
+  refresh: Yn,
+  download: Xn,
+  upload: Zn,
+  share: Qn,
+  print: Kn,
+  filter: Nn,
+  sort: He,
+  // No direct equivalent, using ArrowUp
+  search: qn,
+  "zoom-in": _n,
+  "zoom-out": Gn,
+  check: Vn,
+  "check-circle": Ee,
+  error: Un,
+  warning: jn,
+  info: On,
+  help: Hn,
+  success: Ee,
+  email: En,
+  phone: Ln,
+  chat: Dn,
+  send: Bn,
+  notification: Tn,
+  "notification-off": Mn,
+  file: Fn,
+  folder: Rn,
+  "folder-open": Pn,
+  image: Wn,
+  video: An,
+  audio: $n,
+  document: In,
+  link: zn,
+  attachment: Me,
+  user: Sn,
+  users: wn,
+  "user-add": Cn,
+  "user-remove": kn,
+  settings: vn,
+  logout: yn,
+  login: bn,
+  lock: fn,
+  unlock: gn,
+  key: xn,
+  chart: un,
+  "pie-chart": hn,
+  "line-chart": Le,
+  "trending-up": Le,
+  "trending-down": pn,
+  database: mn,
+  table: Be,
+  star: fe,
+  "star-outline": fe,
+  heart: De,
+  "heart-outline": De,
+  bookmark: dn,
+  flag: cn,
+  tag: sn,
+  calendar: ln,
+  clock: an,
+  location: tn,
+  globe: nn,
+  eye: on,
+  "eye-off": rn,
+  grid: Be,
+  list: en,
+  columns: Ji,
+  maximize: Yi,
+  minimize: Xi,
+  sidebar: Zi,
+  play: Qi,
+  pause: Ki,
+  stop: Ni,
+  "skip-forward": qi,
+  "skip-back": _i,
+  volume: Gi,
+  "volume-off": Vi,
+  code: Ui,
+  terminal: ji,
+  "external-link": Oi,
+  cloud: Hi,
+  "cloud-upload": Ei,
+  "cloud-download": Li,
+  wifi: Di,
+  "wifi-off": Bi,
+  battery: Ti,
+  power: Mi,
+  sun: Fi,
+  moon: Ri,
+  zap: Te,
+  gift: Pi,
+  package: Wi,
+  box: Ai,
+  layers: $i,
+  shield: Ii,
+  award: zi,
+  activity: Si,
+  mic: wi,
+  cpu: Ci,
+  lightbulb: Te,
+  // Using Zap as lightbulb equivalent
+  paperclip: Me,
+  sparkles: fe,
+  // Using Star as sparkles equivalent
+  "thumbs-up": ki,
+  "thumbs-down": vi
+};
+Object.keys(Ke).reduce((r, n) => (r[n] = { material: n, feather: n }, r), {});
+const Qe = nr(void 0), $t = () => {
+  const r = tr(Qe);
+  return r || {
+    library: "material",
+    setLibrary: () => console.warn("IconProvider not found. Wrap your app with <IconProvider>")
+  };
+}, Ss = ({
+  children: r,
+  defaultLibrary: n = "material"
+}) => {
+  const [t, i] = R(n);
+  return /* @__PURE__ */ e(Qe.Provider, { value: { library: t, setLibrary: i }, children: r });
+}, f = ({
+  name: r,
+  size: n = "medium",
+  library: t,
+  color: i = "inherit",
+  sx: o,
+  className: a
+}) => {
+  const { library: m } = $t(), s = t || m, g = zt[n], p = () => i === "inherit" ? "inherit" : i === "primary" ? "primary.main" : i === "secondary" ? "secondary.main" : i === "action" ? "action.active" : i === "disabled" ? "action.disabled" : i === "error" ? "error.main" : i;
+  if (s === "feather") {
+    const k = It[r];
+    if (!k)
+      return console.warn(`Feather icon "${r}" not found`), null;
+    const b = i === "inherit" ? "currentColor" : i.startsWith("#") || i.startsWith("rgb") ? i : void 0;
+    return /* @__PURE__ */ e(
+      d,
+      {
+        component: "span",
+        className: a,
+        sx: {
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center",
+          width: g,
+          height: g,
+          color: b ? void 0 : p(),
+          ...o
+        },
+        children: /* @__PURE__ */ e(
+          k,
+          {
+            size: g,
+            color: b
+          }
+        )
+      }
+    );
+  }
+  const x = Ke[r];
+  return x ? /* @__PURE__ */ e(
+    x,
+    {
+      className: a,
+      sx: {
+        fontSize: g,
+        color: p(),
+        ...o
+      }
+    }
+  ) : (console.warn(`Material icon "${r}" not found`), null);
+}, At = {
+  xs: 28,
+  small: 32,
+  medium: 40,
+  large: 56
+}, de = ({
+  size: r = "medium",
+  animated: n = !1,
+  icon: t = "zap",
+  sx: i
+}) => {
+  const o = At[r], a = r === "xs" ? v.md : "50%", m = r === "large" ? "medium" : "small";
+  return /* @__PURE__ */ e(
+    we,
+    {
+      sx: {
+        width: o,
+        height: o,
+        borderRadius: a,
+        background: h.gradient.primary,
+        boxShadow: n ? h.gradient.glow : "0 2px 8px rgba(120, 65, 201, 0.3)",
+        ...n && {
+          animation: "pulse 2s infinite",
+          "@keyframes pulse": {
+            "0%": { boxShadow: "0 0 0 0 rgba(120, 65, 201, 0.4)" },
+            "70%": { boxShadow: "0 0 0 10px transparent" },
+            "100%": { boxShadow: "0 0 0 0 transparent" }
+          }
+        },
+        ...i
+      },
+      children: /* @__PURE__ */ e(f, { name: t, size: m })
+    }
+  );
+}, zs = ({
+  title: r = "AI-generated content",
+  description: n,
+  modelName: t,
+  confidence: i,
+  lastUpdated: o,
+  details: a,
+  actions: m,
+  sx: s
+}) => /* @__PURE__ */ e(d, { sx: { p: 2, ...s }, children: /* @__PURE__ */ l(C, { spacing: 2, children: [
+  /* @__PURE__ */ l(d, { children: [
+    /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", spacing: 1, sx: { mb: 0.5 }, children: [
+      /* @__PURE__ */ e(St, { size: "2xs", clickable: !1, showPopover: !1 }),
+      /* @__PURE__ */ e(u, { variant: "subtitle2", fontWeight: 600, children: r })
+    ] }),
+    n && /* @__PURE__ */ e(u, { variant: "body2", color: "text.secondary", children: n })
+  ] }),
+  (t || i !== void 0 || o || a) && /* @__PURE__ */ l(d, { children: [
+    /* @__PURE__ */ e(ue, { sx: { my: 1 } }),
+    /* @__PURE__ */ l(C, { spacing: 1, children: [
+      t && /* @__PURE__ */ l(C, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ e(u, { variant: "caption", color: "text.secondary", children: "Model" }),
+        /* @__PURE__ */ e(u, { variant: "caption", fontWeight: 500, children: t })
+      ] }),
+      i !== void 0 && /* @__PURE__ */ l(C, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ e(u, { variant: "caption", color: "text.secondary", children: "Confidence" }),
+        /* @__PURE__ */ l(u, { variant: "caption", fontWeight: 500, children: [
+          i,
+          "%"
+        ] })
+      ] }),
+      o && /* @__PURE__ */ l(C, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ e(u, { variant: "caption", color: "text.secondary", children: "Last updated" }),
+        /* @__PURE__ */ e(u, { variant: "caption", fontWeight: 500, children: o })
+      ] }),
+      a?.map((g, p) => /* @__PURE__ */ l(C, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ e(u, { variant: "caption", color: "text.secondary", children: g.label }),
+        /* @__PURE__ */ e(u, { variant: "caption", fontWeight: 500, children: g.value })
+      ] }, p))
+    ] })
+  ] }),
+  m && m.length > 0 && /* @__PURE__ */ l(d, { children: [
+    /* @__PURE__ */ e(ue, { sx: { my: 1 } }),
+    /* @__PURE__ */ e(C, { direction: "row", spacing: 1, children: m.map((g, p) => /* @__PURE__ */ e(
+      Ce,
+      {
+        size: "small",
+        variant: "text",
+        onClick: g.onClick,
+        sx: { fontSize: X.typography.dense.text },
+        children: g.label
+      },
+      p
+    )) })
+  ] })
+] }) }), ke = 32, Oe = c.md, be = ke + 12, Is = ({
+  content: r,
+  role: n,
+  timestamp: t,
+  isLoading: i = !1,
+  userAvatar: o,
+  aiAvatar: a,
+  userInitials: m = "U",
+  showCopy: s = !1,
+  showFeedback: g = !1,
+  showShare: p = !1,
+  showRegenerate: x = !1,
+  onCopy: k,
+  onFeedback: b,
+  onShare: y,
+  onRegenerate: I,
+  children: $,
+  sx: S
+}) => {
+  const A = n === "user", [B, M] = R(!1), W = () => {
+    typeof r == "string" && navigator.clipboard.writeText(r), M(!0), setTimeout(() => M(!1), 2e3), k?.();
+  }, D = /* @__PURE__ */ e(
+    we,
+    {
+      sx: {
+        width: ke,
+        height: ke,
+        bgcolor: "primary.main",
+        fontSize: 12,
+        fontWeight: 600,
+        flexShrink: 0
+      },
+      children: m
+    }
+  ), H = a || /* @__PURE__ */ e(de, { size: "small", animated: i });
+  if (A)
+    return /* @__PURE__ */ l(
+      C,
+      {
+        direction: "row",
+        spacing: Oe,
+        justifyContent: "flex-end",
+        alignItems: "flex-start",
+        sx: { py: c.sm, ...S },
+        children: [
+          /* @__PURE__ */ e(
+            Y,
+            {
+              elevation: 0,
+              sx: {
+                py: c.md,
+                px: c.base,
+                borderRadius: v.md,
+                backgroundColor: "action.hover",
+                maxWidth: "75%"
+              },
+              children: /* @__PURE__ */ e(u, { variant: "body2", color: "text.primary", fontWeight: 500, children: r })
+            }
+          ),
+          o || D
+        ]
+      }
+    );
+  const O = s || g || p || x;
+  return /* @__PURE__ */ l(d, { sx: { py: c.sm, ...S }, children: [
+    /* @__PURE__ */ l(C, { direction: "row", spacing: Oe, alignItems: "flex-start", children: [
+      /* @__PURE__ */ e(d, { sx: { flexShrink: 0 }, children: H }),
+      /* @__PURE__ */ e(d, { sx: { flex: 1, minWidth: 0 }, children: i ? /* @__PURE__ */ e(Wt, { text: "Searching..." }) : /* @__PURE__ */ e(
+        u,
+        {
+          variant: "body2",
+          color: "text.primary",
+          sx: {
+            whiteSpace: "pre-wrap",
+            lineHeight: 1.7,
+            "& strong": { fontWeight: 600 }
+          },
+          children: r
+        }
+      ) })
+    ] }),
+    !i && O && /* @__PURE__ */ l(
+      C,
+      {
+        direction: "row",
+        spacing: 0.5,
+        sx: {
+          mt: c.sm,
+          ml: `${be}px`
+        },
+        children: [
+          s && /* @__PURE__ */ e(P, { title: B ? "Copied!" : "Copy", children: /* @__PURE__ */ e(
+            z,
+            {
+              size: "small",
+              onClick: W,
+              "aria-label": B ? "Copied" : "Copy message",
+              sx: {
+                color: B ? "primary.main" : "text.disabled",
+                "&:hover": {
+                  backgroundColor: h.colors.aiHover,
+                  color: "text.primary"
+                }
+              },
+              children: /* @__PURE__ */ e(f, { name: B ? "check" : "copy", size: "small", "aria-hidden": "true" })
+            }
+          ) }),
+          g && /* @__PURE__ */ l(G, { children: [
+            /* @__PURE__ */ e(P, { title: "Good response", children: /* @__PURE__ */ e(
+              z,
+              {
+                size: "small",
+                onClick: () => b?.(!0),
+                "aria-label": "Mark as good response",
+                sx: {
+                  color: "text.disabled",
+                  "&:hover": {
+                    backgroundColor: h.colors.aiHover,
+                    color: "primary.main"
+                  }
+                },
+                children: /* @__PURE__ */ e(f, { name: "thumbs-up", size: "small", "aria-hidden": "true" })
+              }
+            ) }),
+            /* @__PURE__ */ e(P, { title: "Bad response", children: /* @__PURE__ */ e(
+              z,
+              {
+                size: "small",
+                onClick: () => b?.(!1),
+                "aria-label": "Mark as bad response",
+                sx: {
+                  color: "text.disabled",
+                  "&:hover": {
+                    backgroundColor: h.colors.aiHover,
+                    color: "secondary.main"
+                  }
+                },
+                children: /* @__PURE__ */ e(f, { name: "thumbs-down", size: "small", "aria-hidden": "true" })
+              }
+            ) })
+          ] }),
+          p && /* @__PURE__ */ e(P, { title: "Share", children: /* @__PURE__ */ e(
+            z,
+            {
+              size: "small",
+              onClick: y,
+              "aria-label": "Share message",
+              sx: {
+                color: "text.disabled",
+                "&:hover": {
+                  backgroundColor: h.colors.aiHover,
+                  color: "text.primary"
+                }
+              },
+              children: /* @__PURE__ */ e(f, { name: "share", size: "small", "aria-hidden": "true" })
+            }
+          ) }),
+          x && /* @__PURE__ */ e(P, { title: "Regenerate", children: /* @__PURE__ */ e(
+            z,
+            {
+              size: "small",
+              onClick: I,
+              "aria-label": "Regenerate response",
+              sx: {
+                color: "text.disabled",
+                "&:hover": {
+                  backgroundColor: h.colors.aiHover,
+                  color: "text.primary"
+                }
+              },
+              children: /* @__PURE__ */ e(f, { name: "refresh", size: "small", "aria-hidden": "true" })
+            }
+          ) })
+        ]
+      }
+    ),
+    t && !i && /* @__PURE__ */ e(
+      u,
+      {
+        variant: "caption",
+        color: "text.secondary",
+        sx: {
+          display: "block",
+          mt: c.xs,
+          ml: `${be}px`
+        },
+        children: t
+      }
+    ),
+    $ && !i && /* @__PURE__ */ e(d, { sx: { mt: c.base, ml: `${be}px` }, children: $ })
+  ] });
+}, $s = ({
+  placeholder: r = "Enter a message",
+  value: n,
+  onChange: t,
+  onSubmit: i,
+  disabled: o = !1,
+  showVoiceInput: a = !0,
+  onVoiceInput: m,
+  isGenerating: s = !1,
+  onStopGeneration: g,
+  sx: p
+}) => {
+  const [x, k] = R(""), b = n !== void 0 ? n : x, y = (S) => {
+    const A = S.target.value;
+    n === void 0 && k(A), t?.(A);
+  }, I = () => {
+    b.trim() && !o && !s && (i?.(b.trim()), n === void 0 && k(""));
+  }, $ = (S) => {
+    S.key === "Enter" && !S.shiftKey && (S.preventDefault(), I());
+  };
+  return /* @__PURE__ */ l(
+    Y,
+    {
+      elevation: 0,
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        p: 1,
+        pl: 2,
+        borderRadius: v.full,
+        border: "1px solid",
+        borderColor: "divider",
+        // Use MUI theme
+        backgroundColor: "background.paper",
+        // Use MUI theme
+        transition: `border-color ${X.motion.duration.fast}, box-shadow ${X.motion.duration.fast}`,
+        "&:focus-within": {
+          borderColor: h.colors.aiPrimary,
+          // @intentional-color: AI domain focus color
+          boxShadow: `0 0 0 3px ${h.colors.aiHover}`
+          // @intentional-color: AI domain hover color
+        },
+        ...p
+      },
+      children: [
+        /* @__PURE__ */ e(
+          d,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              color: h.colors.aiPrimary
+            },
+            children: /* @__PURE__ */ e("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" }) })
+          }
+        ),
+        /* @__PURE__ */ e(
+          Se,
+          {
+            fullWidth: !0,
+            variant: "standard",
+            placeholder: r,
+            value: b,
+            onChange: y,
+            onKeyDown: $,
+            disabled: o || s,
+            InputProps: {
+              disableUnderline: !0,
+              sx: {
+                fontSize: "0.9375rem"
+              }
+            }
+          }
+        ),
+        a && /* @__PURE__ */ e(
+          z,
+          {
+            size: "small",
+            onClick: m,
+            disabled: o || s,
+            sx: { color: "text.secondary" },
+            children: /* @__PURE__ */ e(f, { name: "volume", size: "small" })
+          }
+        ),
+        s ? /* @__PURE__ */ e(
+          z,
+          {
+            onClick: g,
+            sx: {
+              backgroundColor: "secondary.main",
+              // Use MUI theme
+              color: "common.white",
+              // Use MUI theme
+              "&:hover": {
+                backgroundColor: "secondary.dark"
+                // Use MUI theme
+              }
+            },
+            children: /* @__PURE__ */ e(f, { name: "stop", size: "small" })
+          }
+        ) : /* @__PURE__ */ e(
+          z,
+          {
+            onClick: I,
+            disabled: o || !b.trim(),
+            sx: {
+              backgroundColor: b.trim() ? h.colors.aiPrimary : "action.hover",
+              // @intentional-color: AI primary when active
+              color: b.trim() ? "common.white" : "text.disabled",
+              // Use MUI theme
+              "&:hover": {
+                backgroundColor: b.trim() ? h.colors.aiHover : "action.selected"
+                // @intentional-color: AI hover when active
+              },
+              "&:disabled": {
+                backgroundColor: "action.disabledBackground",
+                // Use MUI theme
+                color: "text.disabled"
+                // Use MUI theme
+              }
+            },
+            children: /* @__PURE__ */ e(f, { name: "send", size: "small" })
+          }
+        )
+      ]
+    }
+  );
+}, Wt = ({
+  text: r = "AI is thinking",
+  sx: n
+}) => /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", spacing: 1, sx: n, children: [
+  /* @__PURE__ */ e(
+    d,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 0.5
+      },
+      children: [0, 1, 2].map((t) => /* @__PURE__ */ e(
+        d,
+        {
+          sx: {
+            width: 6,
+            height: 6,
+            borderRadius: v.circle,
+            backgroundColor: h.colors.aiPrimary,
+            animation: "bounce 1.4s infinite ease-in-out both",
+            animationDelay: `${t * 0.16}s`,
+            "@keyframes bounce": {
+              "0%, 80%, 100%": {
+                transform: "scale(0)"
+              },
+              "40%": {
+                transform: "scale(1)"
+              }
+            }
+          }
+        },
+        t
+      ))
+    }
+  ),
+  /* @__PURE__ */ e(u, { variant: "caption", color: "text.secondary", children: r })
+] }), As = ({
+  options: r,
+  onSelect: n,
+  sx: t
+}) => /* @__PURE__ */ e(C, { direction: "row", spacing: 1, flexWrap: "wrap", useFlexGap: !0, sx: t, children: r.map((i, o) => /* @__PURE__ */ e(
+  te,
+  {
+    label: i,
+    onClick: () => n(i),
+    sx: {
+      borderColor: h.colors.aiPrimary,
+      color: h.colors.aiPrimary,
+      "&:hover": {
+        backgroundColor: h.colors.aiHover
+      }
+    },
+    variant: "outlined"
+  },
+  o
+)) }), Ws = ({
+  value: r,
+  onChange: n,
+  onSubmit: t,
+  placeholder: i = "Type a message...",
+  disabled: o = !1,
+  showClear: a = !0,
+  showVoice: m = !0,
+  multiline: s = !0,
+  maxRows: g = 4,
+  autoFocus: p = !1,
+  sx: x
+}) => {
+  We(() => {
+    process.env.NODE_ENV === "development" && console.warn(
+      "[Trinity Design System] QueryInput is deprecated and will be removed in v2.0.0. Use InsightEngineInput instead. See migration guide: https://trinity.design/migration"
+    );
+  }, []);
+  const [k, b] = R(""), [y, I] = R(!1), [$, S] = R(""), A = ve(null), B = ve(null), M = r !== void 0 ? r : k, W = y && $ ? `${M}${$}` : M, D = typeof window < "u" && ("SpeechRecognition" in window || "webkitSpeechRecognition" in window);
+  We(() => {
+    if (!D || !m) return;
+    const L = window.SpeechRecognition || window.webkitSpeechRecognition, F = new L();
+    return F.continuous = !0, F.interimResults = !0, F.lang = "en-US", F.onstart = () => {
+      I(!0);
+    }, F.onresult = (U) => {
+      let V = "", ne = "";
+      for (let E = U.resultIndex; E < U.results.length; E++) {
+        const _ = U.results[E][0].transcript;
+        U.results[E].isFinal ? V += _ : ne += _;
+      }
+      if (S(ne), V) {
+        const E = M + V;
+        r === void 0 && b(E), n?.(E), S("");
+      }
+    }, F.onerror = () => {
+      I(!1), S("");
+    }, F.onend = () => {
+      I(!1), S("");
+    }, A.current = F, () => {
+      F.abort();
+    };
+  }, [D, m, M, r, n]);
+  const H = Q((L) => {
+    const F = L.target.value;
+    r === void 0 && b(F), n?.(F);
+  }, [r, n]), O = Q(() => {
+    !M.trim() || o || (t?.(M.trim()), r === void 0 && b(""));
+  }, [M, o, t, r]), re = Q((L) => {
+    L.key === "Enter" && !L.shiftKey && (L.preventDefault(), O());
+  }, [O]), oe = Q(() => {
+    r === void 0 && b(""), n?.(""), B.current?.focus();
+  }, [r, n]), ie = Q(() => {
+    A.current && (y ? A.current.stop() : A.current.start());
+  }, [y]), j = M.trim().length > 0;
+  return /* @__PURE__ */ l(
+    d,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "flex-end",
+        gap: c.sm,
+        p: c.md,
+        borderRadius: v.lg,
+        border: 1,
+        borderColor: y ? "primary.main" : "divider",
+        backgroundColor: "background.paper",
+        transition: "border-color 0.2s, box-shadow 0.2s",
+        "&:focus-within": {
+          borderColor: "primary.main",
+          boxShadow: `0 0 0 3px ${h.colors.aiHover}`
+        },
+        ...y && {
+          boxShadow: `0 0 0 3px ${h.colors.aiHover}`
+        },
+        ...x
+      },
+      children: [
+        /* @__PURE__ */ e(
+          Se,
+          {
+            inputRef: B,
+            fullWidth: !0,
+            multiline: s,
+            maxRows: g,
+            value: W,
+            onChange: H,
+            onKeyDown: re,
+            placeholder: y ? "Listening..." : i,
+            disabled: o,
+            autoFocus: p,
+            variant: "standard",
+            InputProps: {
+              disableUnderline: !0,
+              sx: {
+                fontSize: "0.875rem",
+                lineHeight: 1.5
+              }
+            },
+            sx: { flex: 1 }
+          }
+        ),
+        /* @__PURE__ */ l(C, { direction: "row", spacing: 0.5, alignItems: "center", children: [
+          a && j && !y && /* @__PURE__ */ e(P, { title: "Clear", children: /* @__PURE__ */ e(
+            z,
+            {
+              size: "small",
+              onClick: oe,
+              disabled: o,
+              "aria-label": "Clear input",
+              sx: {
+                color: "text.disabled",
+                "&:hover": {
+                  color: "text.secondary",
+                  backgroundColor: "action.hover"
+                }
+              },
+              children: /* @__PURE__ */ e(f, { name: "close", size: "small", "aria-hidden": "true" })
+            }
+          ) }),
+          m && D && /* @__PURE__ */ e(P, { title: y ? "Stop listening" : "Start dictation", children: /* @__PURE__ */ e(
+            z,
+            {
+              size: "small",
+              onClick: ie,
+              disabled: o,
+              "aria-label": y ? "Stop listening" : "Start dictation",
+              "aria-pressed": y,
+              sx: {
+                color: y ? "secondary.main" : "text.disabled",
+                backgroundColor: y ? "secondary.light" : "transparent",
+                "&:hover": {
+                  color: y ? "secondary.main" : "text.secondary",
+                  backgroundColor: y ? "secondary.light" : "action.hover"
+                },
+                // Pulsing animation when listening
+                ...y && {
+                  animation: "pulse 1.5s ease-in-out infinite",
+                  "@keyframes pulse": {
+                    "0%, 100%": { opacity: 1 },
+                    "50%": { opacity: 0.6 }
+                  }
+                }
+              },
+              children: /* @__PURE__ */ e(f, { name: "mic", size: "small", "aria-hidden": "true" })
+            }
+          ) }),
+          /* @__PURE__ */ e(P, { title: "Send (Enter)", children: /* @__PURE__ */ l("span", { children: [
+            " ",
+            /* @__PURE__ */ e(
+              z,
+              {
+                size: "small",
+                onClick: O,
+                disabled: o || !j,
+                "aria-label": "Send message",
+                sx: {
+                  color: j ? "primary.contrastText" : "text.disabled",
+                  backgroundColor: j ? "primary.main" : "action.disabledBackground",
+                  borderRadius: v.sm,
+                  "&:hover": {
+                    backgroundColor: j ? "primary.dark" : "action.disabledBackground"
+                  },
+                  "&:disabled": {
+                    color: "text.disabled",
+                    backgroundColor: "action.disabledBackground"
+                  }
+                },
+                children: /* @__PURE__ */ e(f, { name: "send", size: "small", "aria-hidden": "true" })
+              }
+            )
+          ] }) })
+        ] })
+      ]
+    }
+  );
+}, Pt = ({
+  // Input props
+  value: r,
+  onChange: n,
+  onSubmit: t,
+  placeholder: i = "Ask anything. Type @ for mentions and / for shortcuts.",
+  disabled: o = !1,
+  // Model selection
+  models: a = [],
+  selectedModel: m,
+  onModelChange: s,
+  // Source selection
+  sources: g = [],
+  onSourceToggle: p,
+  // Toggles
+  webSearchEnabled: x = !1,
+  onWebSearchToggle: k,
+  deepThinkingEnabled: b = !1,
+  onDeepThinkingToggle: y,
+  // Voice
+  onVoiceClick: I,
+  isListening: $ = !1,
+  // Attachments
+  onAttachmentClick: S,
+  attachmentCount: A = 0,
+  // Disclaimer
+  disclaimer: B,
+  // Layout
+  compact: M = !1,
+  sx: W
+}) => {
+  const [D, H] = R(""), [O, re] = R(null), [oe, ie] = R(null), j = ve(null), L = r !== void 0 ? r : D, F = !!O, U = !!oe, V = a.find((w) => w.id === m), ne = g.filter((w) => w.enabled).length, E = Q((w) => {
+    const q = w.target.value;
+    r === void 0 && H(q), n?.(q);
+  }, [r, n]), _ = Q(() => {
+    !L.trim() || o || (t?.(L.trim()), r === void 0 && H(""));
+  }, [L, o, t, r]), xe = Q((w) => {
+    w.key === "Enter" && !w.shiftKey && (w.preventDefault(), _());
+  }, [_]), me = (w) => {
+    re(w.currentTarget);
+  }, ae = () => {
+    re(null);
+  }, ge = (w) => {
+    s?.(w), ae();
+  }, ze = (w) => {
+    ie(w.currentTarget);
+  }, Xe = () => {
+    ie(null);
+  }, Ie = (w, q) => {
+    p?.(w, !q);
+  }, pe = L.trim().length > 0;
+  return /* @__PURE__ */ l(
+    d,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        gap: c.xs,
+        ...W
+      },
+      children: [
+        /* @__PURE__ */ l(
+          d,
+          {
+            sx: {
+              display: "flex",
+              flexDirection: "column",
+              borderRadius: v.lg,
+              border: 1,
+              borderColor: "divider",
+              backgroundColor: "background.paper",
+              overflow: "hidden",
+              transition: "border-color 0.2s, box-shadow 0.2s",
+              "&:focus-within": {
+                borderColor: "primary.main",
+                boxShadow: `0 0 0 3px ${h.colors.aiHover}`
+              }
+            },
+            children: [
+              /* @__PURE__ */ e(d, { sx: { px: c.md, pt: c.md, pb: c.sm }, children: /* @__PURE__ */ e(
+                Se,
+                {
+                  inputRef: j,
+                  fullWidth: !0,
+                  multiline: !0,
+                  maxRows: M ? 3 : 6,
+                  value: L,
+                  onChange: E,
+                  onKeyDown: xe,
+                  placeholder: i,
+                  disabled: o,
+                  variant: "standard",
+                  InputProps: {
+                    disableUnderline: !0,
+                    sx: {
+                      fontSize: "0.875rem",
+                      lineHeight: 1.6,
+                      color: "text.primary",
+                      "& input::placeholder, & textarea::placeholder": {
+                        color: "text.secondary",
+                        opacity: 1
+                      }
+                    }
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ l(
+                C,
+                {
+                  direction: "row",
+                  alignItems: "center",
+                  sx: {
+                    px: c.sm,
+                    pb: c.sm,
+                    gap: c.xs
+                  },
+                  children: [
+                    /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", spacing: 0.5, children: [
+                      a.length > 0 && /* @__PURE__ */ l(G, { children: [
+                        /* @__PURE__ */ e(
+                          te,
+                          {
+                            icon: /* @__PURE__ */ e(f, { name: V?.icon || "cpu", size: "small" }),
+                            label: V?.label || "Model",
+                            onClick: me,
+                            deleteIcon: /* @__PURE__ */ e(f, { name: "chevron-down", size: "small" }),
+                            onDelete: me,
+                            disabled: o,
+                            size: "small",
+                            variant: "outlined",
+                            "aria-haspopup": "listbox",
+                            "aria-expanded": F,
+                            sx: {
+                              height: 28,
+                              borderRadius: v.sm,
+                              borderColor: "divider",
+                              backgroundColor: "action.hover",
+                              "& .MuiChip-label": {
+                                px: 0.5,
+                                fontSize: "0.75rem",
+                                fontWeight: 500
+                              },
+                              "& .MuiChip-icon": {
+                                color: "text.secondary",
+                                ml: 0.5
+                              },
+                              "& .MuiChip-deleteIcon": {
+                                color: "text.secondary",
+                                fontSize: "1rem",
+                                mr: 0.25
+                              },
+                              "&:hover": {
+                                borderColor: "text.secondary"
+                              }
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          ye,
+                          {
+                            anchorEl: O,
+                            open: F,
+                            onClose: ae,
+                            MenuListProps: {
+                              "aria-label": "AI model selection",
+                              role: "listbox"
+                            },
+                            slotProps: {
+                              paper: {
+                                sx: {
+                                  minWidth: 180,
+                                  borderRadius: v.md,
+                                  mt: 0.5
+                                }
+                              }
+                            },
+                            children: a.map((w) => /* @__PURE__ */ l(
+                              Z,
+                              {
+                                onClick: () => ge(w.id),
+                                selected: w.id === m,
+                                role: "option",
+                                "aria-selected": w.id === m,
+                                sx: { py: 1 },
+                                children: [
+                                  w.icon && /* @__PURE__ */ e(N, { sx: { minWidth: 32 }, children: /* @__PURE__ */ e(f, { name: w.icon, size: "small" }) }),
+                                  /* @__PURE__ */ e(
+                                    K,
+                                    {
+                                      primary: w.label,
+                                      secondary: w.description,
+                                      primaryTypographyProps: { variant: "body2", fontWeight: 500 },
+                                      secondaryTypographyProps: { variant: "caption" }
+                                    }
+                                  )
+                                ]
+                              },
+                              w.id
+                            ))
+                          }
+                        )
+                      ] }),
+                      g.length > 0 && /* @__PURE__ */ l(G, { children: [
+                        /* @__PURE__ */ e(
+                          te,
+                          {
+                            icon: /* @__PURE__ */ e(f, { name: "folder", size: "small" }),
+                            label: ne,
+                            onClick: ze,
+                            deleteIcon: /* @__PURE__ */ e(f, { name: "chevron-down", size: "small" }),
+                            onDelete: ze,
+                            disabled: o,
+                            size: "small",
+                            variant: "outlined",
+                            "aria-haspopup": "menu",
+                            "aria-expanded": U,
+                            sx: {
+                              height: 28,
+                              borderRadius: v.sm,
+                              borderColor: "divider",
+                              backgroundColor: "transparent",
+                              "& .MuiChip-label": {
+                                px: 0.5,
+                                fontSize: "0.75rem",
+                                fontWeight: 500
+                              },
+                              "& .MuiChip-icon": {
+                                color: "text.secondary",
+                                ml: 0.5
+                              },
+                              "& .MuiChip-deleteIcon": {
+                                color: "text.secondary",
+                                fontSize: "1rem",
+                                mr: 0.25
+                              },
+                              "&:hover": {
+                                borderColor: "text.secondary",
+                                backgroundColor: "action.hover"
+                              }
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          ye,
+                          {
+                            anchorEl: oe,
+                            open: U,
+                            onClose: Xe,
+                            MenuListProps: {
+                              "aria-label": "Data source toggles"
+                            },
+                            slotProps: {
+                              paper: {
+                                sx: {
+                                  minWidth: 220,
+                                  borderRadius: v.md,
+                                  mt: 0.5
+                                }
+                              }
+                            },
+                            children: g.map((w) => /* @__PURE__ */ l(
+                              Z,
+                              {
+                                onClick: () => Ie(w.id, w.enabled ?? !1),
+                                sx: { py: 1, justifyContent: "space-between" },
+                                children: [
+                                  /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", spacing: 1, children: [
+                                    w.icon && /* @__PURE__ */ e(f, { name: w.icon, size: "small" }),
+                                    /* @__PURE__ */ e(u, { variant: "body2", fontWeight: 500, children: w.label })
+                                  ] }),
+                                  /* @__PURE__ */ e(
+                                    Je,
+                                    {
+                                      size: "small",
+                                      checked: w.enabled ?? !1,
+                                      onChange: (q) => {
+                                        q.stopPropagation(), Ie(w.id, w.enabled ?? !1);
+                                      },
+                                      onClick: (q) => q.stopPropagation(),
+                                      inputProps: { "aria-label": `Toggle ${w.label}` }
+                                    }
+                                  )
+                                ]
+                              },
+                              w.id
+                            ))
+                          }
+                        )
+                      ] }),
+                      y && /* @__PURE__ */ e(P, { title: b ? "Disable deep thinking" : "Enable deep thinking", children: /* @__PURE__ */ e(
+                        z,
+                        {
+                          size: "small",
+                          onClick: () => y(!b),
+                          disabled: o,
+                          "aria-pressed": b,
+                          "aria-label": "Deep thinking",
+                          sx: {
+                            width: 28,
+                            height: 28,
+                            color: b ? "secondary.main" : "text.disabled",
+                            backgroundColor: b ? "secondary.light" : "transparent",
+                            "&:hover": {
+                              backgroundColor: b ? "secondary.light" : "action.hover"
+                            }
+                          },
+                          children: /* @__PURE__ */ e(f, { name: "lightbulb", size: "small" })
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ e(d, { sx: { flex: 1 } }),
+                    /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", spacing: 0.5, children: [
+                      k && /* @__PURE__ */ e(P, { title: x ? "Disable web search" : "Enable web search", children: /* @__PURE__ */ e(
+                        z,
+                        {
+                          size: "small",
+                          onClick: () => k(!x),
+                          disabled: o,
+                          "aria-pressed": x,
+                          "aria-label": "Web search",
+                          sx: {
+                            width: 28,
+                            height: 28,
+                            color: x ? "primary.main" : "text.disabled",
+                            "&:hover": {
+                              backgroundColor: "action.hover"
+                            }
+                          },
+                          children: /* @__PURE__ */ e(f, { name: "globe", size: "small" })
+                        }
+                      ) }),
+                      S && /* @__PURE__ */ e(P, { title: "Attach files", children: /* @__PURE__ */ l(
+                        z,
+                        {
+                          size: "small",
+                          onClick: S,
+                          disabled: o,
+                          "aria-label": `Attach files${A > 0 ? ` (${A} attached)` : ""}`,
+                          sx: {
+                            width: 28,
+                            height: 28,
+                            color: A > 0 ? "primary.main" : "text.disabled",
+                            position: "relative",
+                            "&:hover": {
+                              backgroundColor: "action.hover"
+                            }
+                          },
+                          children: [
+                            /* @__PURE__ */ e(f, { name: "paperclip", size: "small" }),
+                            A > 0 && /* @__PURE__ */ e(
+                              d,
+                              {
+                                component: "span",
+                                sx: {
+                                  position: "absolute",
+                                  top: 2,
+                                  right: 2,
+                                  backgroundColor: "primary.main",
+                                  color: "primary.contrastText",
+                                  borderRadius: v.circle,
+                                  width: 12,
+                                  height: 12,
+                                  fontSize: "0.5rem",
+                                  fontWeight: 600,
+                                  display: "flex",
+                                  alignItems: "center",
+                                  justifyContent: "center"
+                                },
+                                children: A
+                              }
+                            )
+                          ]
+                        }
+                      ) }),
+                      I && /* @__PURE__ */ e(P, { title: $ ? "Stop listening" : "Voice input", children: /* @__PURE__ */ e(
+                        z,
+                        {
+                          size: "small",
+                          onClick: I,
+                          disabled: o,
+                          "aria-pressed": $,
+                          "aria-label": $ ? "Stop listening" : "Voice input",
+                          sx: {
+                            width: 28,
+                            height: 28,
+                            color: $ ? "secondary.main" : "text.disabled",
+                            "&:hover": {
+                              backgroundColor: "action.hover"
+                            },
+                            ...$ && {
+                              animation: "pulse 1.5s ease-in-out infinite",
+                              "@keyframes pulse": {
+                                "0%, 100%": { opacity: 1 },
+                                "50%": { opacity: 0.5 }
+                              }
+                            }
+                          },
+                          children: /* @__PURE__ */ e(f, { name: "mic", size: "small" })
+                        }
+                      ) }),
+                      /* @__PURE__ */ e(P, { title: "Send (Enter)", children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
+                        z,
+                        {
+                          size: "small",
+                          onClick: _,
+                          disabled: o || !pe,
+                          "aria-label": "Send message",
+                          sx: {
+                            width: 32,
+                            height: 32,
+                            color: pe ? "primary.contrastText" : "text.disabled",
+                            backgroundColor: pe ? "primary.main" : "action.disabledBackground",
+                            borderRadius: v.sm,
+                            "&:hover": {
+                              backgroundColor: pe ? "primary.dark" : "action.disabledBackground"
+                            },
+                            "&.Mui-disabled": {
+                              color: "text.disabled",
+                              backgroundColor: "action.disabledBackground"
+                            }
+                          },
+                          children: /* @__PURE__ */ e(f, { name: "send", size: "small" })
+                        }
+                      ) }) })
+                    ] })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        B && /* @__PURE__ */ e(
+          u,
+          {
+            variant: "caption",
+            color: "text.secondary",
+            align: "center",
+            sx: { px: c.sm },
+            children: B
+          }
+        )
+      ]
+    }
+  );
+}, Rt = ({
+  number: r,
+  title: n,
+  url: t,
+  description: i,
+  type: o = "webpage",
+  favicon: a,
+  onClick: m,
+  sx: s
+}) => {
+  const g = () => {
+    switch (o) {
+      case "document":
+        return "document";
+      case "article":
+        return "document";
+      case "video":
+        return "trending-up";
+      default:
+        return "external-link";
+    }
+  };
+  return /* @__PURE__ */ e(
+    d,
+    {
+      onClick: m,
+      sx: {
+        p: c.sm,
+        borderRadius: v.sm,
+        border: "1px solid",
+        borderColor: "divider",
+        backgroundColor: "transparent",
+        cursor: m ? "pointer" : "default",
+        transition: "all 0.2s ease",
+        "&:hover": m ? {
+          borderColor: h.colors.aiPrimary,
+          boxShadow: `0 2px 8px ${h.colors.aiHover}`
+        } : {},
+        ...s
+      },
+      children: /* @__PURE__ */ l(C, { direction: "row", spacing: 1.5, alignItems: "flex-start", children: [
+        /* @__PURE__ */ e(
+          we,
+          {
+            sx: {
+              width: 24,
+              height: 24,
+              backgroundColor: h.colors.aiHover,
+              color: h.colors.aiPrimary,
+              fontSize: X.typography.dense.text,
+              // 12px dense text
+              fontWeight: 600
+            },
+            children: r
+          }
+        ),
+        /* @__PURE__ */ l(d, { sx: { minWidth: 0, flex: 1 }, children: [
+          /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", spacing: 1, children: [
+            a && /* @__PURE__ */ e(
+              d,
+              {
+                component: "img",
+                src: a,
+                alt: "",
+                sx: {
+                  width: 16,
+                  height: 16,
+                  borderRadius: 0.5
+                }
+              }
+            ),
+            /* @__PURE__ */ e(
+              u,
+              {
+                variant: "body2",
+                sx: {
+                  fontWeight: 500,
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap"
+                },
+                children: n
+              }
+            ),
+            /* @__PURE__ */ e(f, { name: g(), size: "small" })
+          ] }),
+          t && /* @__PURE__ */ e(
+            Ge,
+            {
+              href: t,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: (p) => p.stopPropagation(),
+              sx: {
+                fontSize: "0.75rem",
+                color: "text.secondary",
+                textDecoration: "none",
+                display: "block",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                "&:hover": {
+                  textDecoration: "underline"
+                }
+              },
+              children: t
+            }
+          ),
+          i && /* @__PURE__ */ e(
+            u,
+            {
+              variant: "caption",
+              color: "text.secondary",
+              sx: {
+                display: "-webkit-box",
+                WebkitLineClamp: 2,
+                WebkitBoxOrient: "vertical",
+                overflow: "hidden",
+                mt: 0.5
+              },
+              children: i
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}, Ps = ({
+  sources: r,
+  title: n = "Sources",
+  collapsible: t = !0,
+  defaultExpanded: i = !0,
+  maxVisible: o = 3,
+  onSourceClick: a,
+  sx: m
+}) => {
+  const [s, g] = R(i), [p, x] = R(!1), k = p ? r : r.slice(0, o), b = r.length > o;
+  return /* @__PURE__ */ l(d, { sx: m, children: [
+    /* @__PURE__ */ l(
+      C,
+      {
+        direction: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        onClick: t ? () => g(!s) : void 0,
+        sx: {
+          cursor: t ? "pointer" : "default",
+          mb: s ? 1.5 : 0
+        },
+        children: [
+          /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", spacing: 1, children: [
+            /* @__PURE__ */ e(u, { variant: "subtitle2", sx: { fontWeight: 600 }, children: n }),
+            /* @__PURE__ */ e(
+              te,
+              {
+                label: r.length,
+                size: "small",
+                sx: {
+                  height: 20,
+                  fontSize: "0.75rem",
+                  backgroundColor: h.colors.aiHover,
+                  color: h.colors.aiPrimary
+                }
+              }
+            )
+          ] }),
+          t && /* @__PURE__ */ e(z, { size: "small", children: /* @__PURE__ */ e(
+            f,
+            {
+              name: s ? "chevron-up" : "chevron-down",
+              size: "small"
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(J, { in: s, children: /* @__PURE__ */ l(C, { spacing: 1, children: [
+      k.map((y, I) => /* @__PURE__ */ e(
+        Rt,
+        {
+          number: I + 1,
+          ...y,
+          onClick: () => a?.(I, y)
+        },
+        I
+      )),
+      b && /* @__PURE__ */ e(
+        Ce,
+        {
+          variant: "text",
+          size: "small",
+          onClick: () => x(!p),
+          endIcon: /* @__PURE__ */ e(f, { name: p ? "chevron-up" : "chevron-down", size: "small" }),
+          sx: {
+            color: h.colors.aiPrimary,
+            textTransform: "none",
+            "&:hover": {
+              backgroundColor: h.colors.aiHover
+            }
+          },
+          children: p ? "Show less" : `Show ${r.length - o} more`
+        }
+      )
+    ] }) })
+  ] });
+}, Ft = ({
+  sources: r,
+  title: n = "Sources",
+  defaultExpanded: t = !0,
+  expanded: i,
+  onExpandedChange: o,
+  sx: a
+}) => {
+  const m = ee(), [s, g] = R(t), [p, x] = R(null), [k, b] = R(null), y = i ?? s, I = r.reduce((S, A) => S + A.count, 0), $ = () => {
+    const S = !y;
+    i === void 0 && g(S), o?.(S);
+  };
+  return /* @__PURE__ */ l(
+    d,
+    {
+      sx: {
+        backgroundColor: "background.paper",
+        borderRadius: v.lg,
+        border: "1px solid",
+        borderColor: "divider",
+        overflow: "hidden",
+        ...a
+      },
+      children: [
+        /* @__PURE__ */ l(
+          d,
+          {
+            onClick: $,
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              cursor: "pointer",
+              px: c.base,
+              py: c.md,
+              "&:hover": {
+                backgroundColor: h.colors.aiHover
+              }
+            },
+            children: [
+              /* @__PURE__ */ l(u, { variant: "body2", fontWeight: 600, color: "text.primary", children: [
+                n,
+                " (",
+                I,
+                ")"
+              ] }),
+              /* @__PURE__ */ e(
+                f,
+                {
+                  name: y ? "chevron-up" : "chevron-down",
+                  size: "small",
+                  color: m.palette.text.disabled
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(J, { in: y, children: /* @__PURE__ */ e(d, { sx: { px: c.sm, pb: c.sm }, children: r.map((S, A) => /* @__PURE__ */ e(
+          Mt,
+          {
+            category: S,
+            index: A + 1,
+            isExpanded: p === S.id,
+            onToggle: () => {
+              x(p === S.id ? null : S.id), b(null);
+            },
+            selectedItem: k,
+            onSelectItem: b
+          },
+          S.id
+        )) }) })
+      ]
+    }
+  );
+}, Mt = ({
+  category: r,
+  index: n,
+  isExpanded: t,
+  onToggle: i,
+  selectedItem: o,
+  onSelectItem: a,
+  sx: m
+}) => {
+  const s = ee(), g = r.items && r.items.length > 0;
+  return /* @__PURE__ */ l(d, { sx: { mb: 0.5, ...m }, children: [
+    /* @__PURE__ */ l(
+      d,
+      {
+        onClick: g ? i : void 0,
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          gap: c.md,
+          py: c.sm,
+          cursor: g ? "pointer" : "default"
+        },
+        children: [
+          /* @__PURE__ */ e(
+            u,
+            {
+              variant: "caption",
+              sx: {
+                color: s.palette.primary.main,
+                fontWeight: 500,
+                minWidth: 16
+              },
+              children: n
+            }
+          ),
+          /* @__PURE__ */ l(u, { variant: "body2", color: "text.primary", sx: { flex: 1 }, children: [
+            r.name,
+            " (",
+            r.count,
+            ")"
+          ] }),
+          g && /* @__PURE__ */ l(
+            u,
+            {
+              variant: "caption",
+              sx: {
+                color: s.palette.primary.main,
+                cursor: "pointer",
+                "&:hover": { textDecoration: "underline" }
+              },
+              children: [
+                "[",
+                t ? "Hide" : "Show",
+                "]"
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    g && /* @__PURE__ */ e(J, { in: t, children: /* @__PURE__ */ l(d, { sx: { pl: c.lg, pb: c.sm }, children: [
+      /* @__PURE__ */ e(d, { sx: { display: "flex", flexWrap: "wrap", gap: c.sm, mb: c.base }, children: r.items.map((p, x) => {
+        const k = String.fromCharCode(97 + x), b = o?.id === p.id;
+        return /* @__PURE__ */ e(
+          te,
+          {
+            label: /* @__PURE__ */ l(d, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+              /* @__PURE__ */ e(
+                u,
+                {
+                  component: "span",
+                  sx: {
+                    fontWeight: 600,
+                    // eslint-disable-next-line no-restricted-syntax -- @intentional-color: white when selected
+                    color: b ? "#FFFFFF" : s.palette.primary.main,
+                    fontSize: 12
+                  },
+                  children: k
+                }
+              ),
+              /* @__PURE__ */ e(
+                u,
+                {
+                  component: "span",
+                  sx: {
+                    fontSize: 12,
+                    maxWidth: 150,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap"
+                  },
+                  children: p.label.length > 25 ? p.label.substring(0, 25) + "..." : p.label
+                }
+              )
+            ] }),
+            onClick: () => a(b ? null : p),
+            sx: {
+              backgroundColor: b ? s.palette.primary.main : s.palette.action.hover,
+              // eslint-disable-next-line no-restricted-syntax -- @intentional-color: white when selected
+              color: b ? "#FFFFFF" : s.palette.text.primary,
+              border: `1px solid ${b ? s.palette.primary.main : s.palette.divider}`,
+              borderRadius: v.xl,
+              height: 28,
+              "&:hover": {
+                backgroundColor: b ? s.palette.primary.main : ce(s.palette.primary.main, 0.1)
+              }
+            }
+          },
+          p.id
+        );
+      }) }),
+      o?.details && /* @__PURE__ */ e(
+        Y,
+        {
+          elevation: 0,
+          sx: {
+            border: `1px solid ${s.palette.divider}`,
+            borderRadius: v.md,
+            overflow: "hidden",
+            backgroundColor: s.palette.background.default
+          },
+          children: Object.entries(o.details).map(([p, x], k) => /* @__PURE__ */ l(
+            d,
+            {
+              sx: {
+                display: "flex",
+                borderBottom: k < Object.entries(o.details).length - 1 ? `1px solid ${s.palette.divider}` : "none"
+              },
+              children: [
+                /* @__PURE__ */ e(
+                  d,
+                  {
+                    sx: {
+                      width: 140,
+                      flexShrink: 0,
+                      p: c.md,
+                      backgroundColor: s.palette.background.paper,
+                      borderRight: `1px solid ${s.palette.divider}`
+                    },
+                    children: /* @__PURE__ */ e(u, { variant: "caption", fontWeight: 600, color: "text.primary", children: p })
+                  }
+                ),
+                /* @__PURE__ */ e(d, { sx: { flex: 1, p: c.md }, children: /* @__PURE__ */ e(u, { variant: "caption", color: "text.primary", children: x }) })
+              ]
+            },
+            p
+          ))
+        }
+      )
+    ] }) })
+  ] });
+}, je = ({
+  questions: r,
+  onQuestionClick: n,
+  title: t = "Related Questions",
+  defaultExpanded: i = !0,
+  expanded: o,
+  onExpandedChange: a,
+  emptyTitle: m = "No related questions",
+  emptyDescription: s = "Questions will appear here based on the conversation context.",
+  showEmpty: g = !1,
+  sx: p
+}) => {
+  const x = ee(), [k, b] = R(i), y = o ?? k, I = () => {
+    const $ = !y;
+    o === void 0 && b($), a?.($);
+  };
+  return !r.length && !g ? null : /* @__PURE__ */ l(
+    er,
+    {
+      elevation: 0,
+      sx: {
+        backgroundColor: x.palette.mode === "dark" ? "background.paper" : "grey.50",
+        borderRadius: v.lg,
+        border: "1px solid",
+        borderColor: "divider",
+        overflow: "hidden",
+        ...p
+      },
+      children: [
+        /* @__PURE__ */ l(
+          d,
+          {
+            component: "button",
+            onClick: I,
+            "aria-expanded": y,
+            "aria-controls": "related-questions-content",
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              width: "100%",
+              cursor: "pointer",
+              px: c.base,
+              py: c.md,
+              border: "none",
+              backgroundColor: "transparent",
+              "&:hover": {
+                backgroundColor: h.colors.aiHover
+              },
+              "&:focus-visible": {
+                outline: `2px solid ${x.palette.primary.main}`,
+                outlineOffset: -2
+              }
+            },
+            children: [
+              /* @__PURE__ */ e(
+                u,
+                {
+                  variant: "body2",
+                  fontWeight: 600,
+                  color: "text.primary",
+                  component: "span",
+                  children: t
+                }
+              ),
+              /* @__PURE__ */ e(
+                f,
+                {
+                  name: y ? "chevron-up" : "chevron-down",
+                  size: "small",
+                  color: x.palette.text.secondary,
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(J, { in: y, children: /* @__PURE__ */ e(
+          d,
+          {
+            id: "related-questions-content",
+            role: "region",
+            "aria-label": t,
+            children: r.length === 0 ? (
+              /* Empty State with Icon, Title, and Description */
+              /* @__PURE__ */ l(
+                d,
+                {
+                  sx: {
+                    py: c.lg,
+                    px: c.base,
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    textAlign: "center",
+                    gap: c.sm
+                  },
+                  children: [
+                    /* @__PURE__ */ e(
+                      f,
+                      {
+                        name: "help",
+                        size: "large",
+                        color: x.palette.text.disabled,
+                        "aria-hidden": "true"
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      u,
+                      {
+                        variant: "body2",
+                        fontWeight: 600,
+                        color: "text.secondary",
+                        children: m
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      u,
+                      {
+                        variant: "caption",
+                        color: "text.disabled",
+                        sx: { maxWidth: 280 },
+                        children: s
+                      }
+                    )
+                  ]
+                }
+              )
+            ) : (
+              /* Question List - Left aligned with arrow icons */
+              /* @__PURE__ */ e(
+                _e,
+                {
+                  disablePadding: !0,
+                  sx: {
+                    px: c.sm,
+                    pb: c.sm
+                  },
+                  "aria-label": "Related questions list",
+                  children: r.map(($, S) => /* @__PURE__ */ e(
+                    qe,
+                    {
+                      disablePadding: !0,
+                      sx: { mb: 0.5 },
+                      children: /* @__PURE__ */ l(
+                        Ne,
+                        {
+                          onClick: () => n?.($),
+                          sx: {
+                            borderRadius: v.sm,
+                            py: c.sm,
+                            px: c.sm,
+                            alignItems: "flex-start",
+                            "&:hover": {
+                              backgroundColor: h.colors.aiHover
+                            },
+                            "&:focus-visible": {
+                              backgroundColor: h.colors.aiHover,
+                              outline: `2px solid ${x.palette.primary.main}`,
+                              outlineOffset: -2
+                            }
+                          },
+                          children: [
+                            /* @__PURE__ */ e(
+                              N,
+                              {
+                                sx: {
+                                  minWidth: 28,
+                                  mt: 0.25
+                                },
+                                children: /* @__PURE__ */ e(
+                                  f,
+                                  {
+                                    name: "forward",
+                                    size: "small",
+                                    color: x.palette.primary.main,
+                                    "aria-hidden": "true"
+                                  }
+                                )
+                              }
+                            ),
+                            /* @__PURE__ */ e(
+                              K,
+                              {
+                                primary: $,
+                                primaryTypographyProps: {
+                                  variant: "body2",
+                                  color: "text.primary",
+                                  sx: { textAlign: "left" }
+                                }
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    },
+                    S
+                  ))
+                }
+              )
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}, Rs = ({
+  open: r,
+  isListening: n,
+  onListeningToggle: t,
+  onClose: i,
+  listeningText: o = "Listening...",
+  readyText: a = "Tap to speak",
+  listeningInstruction: m = "Speak your question clearly",
+  readyInstruction: s = "Voice mode is ready",
+  sx: g
+}) => {
+  const p = ee();
+  return /* @__PURE__ */ e(J, { in: r, children: /* @__PURE__ */ l(
+    Y,
+    {
+      elevation: 0,
+      sx: {
+        mt: c.base,
+        p: c.lg,
+        backgroundColor: p.palette.action.hover,
+        borderRadius: v.xl,
+        textAlign: "center",
+        border: `1px solid ${p.palette.divider}`,
+        ...g
+      },
+      children: [
+        /* @__PURE__ */ e(
+          d,
+          {
+            sx: {
+              width: 80,
+              height: 80,
+              borderRadius: v.circle,
+              backgroundColor: n ? p.palette.primary.main : ce(p.palette.text.disabled, 0.1),
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              mx: "auto",
+              mb: c.base,
+              cursor: "pointer",
+              transition: "all 0.3s ease",
+              animation: n ? "voicePulse 1.5s infinite" : "none",
+              "@keyframes voicePulse": {
+                "0%": {
+                  boxShadow: `0 0 0 0 ${ce(p.palette.primary.main, 0.4)}`
+                },
+                "70%": {
+                  boxShadow: `0 0 0 20px ${ce(p.palette.primary.main, 0)}`
+                },
+                "100%": {
+                  boxShadow: `0 0 0 0 ${ce(p.palette.primary.main, 0)}`
+                }
+              }
+            },
+            onClick: t,
+            children: /* @__PURE__ */ e(
+              f,
+              {
+                name: "mic",
+                size: "large",
+                color: n ? "#FFFFFF" : p.palette.text.disabled
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(u, { variant: "body1", sx: { color: p.palette.text.primary, mb: c.sm }, children: n ? o : a }),
+        /* @__PURE__ */ e(u, { variant: "caption", sx: { color: p.palette.text.secondary }, children: n ? m : s }),
+        /* @__PURE__ */ e(d, { sx: { mt: c.base }, children: /* @__PURE__ */ e(
+          z,
+          {
+            size: "small",
+            onClick: i,
+            sx: { color: p.palette.text.disabled },
+            children: /* @__PURE__ */ e(f, { name: "x", size: "small" })
+          }
+        ) })
+      ]
+    }
+  ) });
+}, Fs = ({
+  isListening: r,
+  onStop: n,
+  text: t = "Listening... Speak now",
+  sx: i
+}) => {
+  const o = ee();
+  return r ? /* @__PURE__ */ l(
+    d,
+    {
+      sx: {
+        mt: c.sm,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: c.sm,
+        ...i
+      },
+      children: [
+        /* @__PURE__ */ e(
+          d,
+          {
+            sx: {
+              width: 8,
+              height: 8,
+              borderRadius: v.circle,
+              backgroundColor: h.colors.aiSecondary,
+              animation: "listeningBlink 1s infinite",
+              "@keyframes listeningBlink": {
+                "0%, 100%": { opacity: 1 },
+                "50%": { opacity: 0.3 }
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ e(u, { variant: "caption", color: "text.secondary", children: t }),
+        /* @__PURE__ */ e(
+          z,
+          {
+            size: "small",
+            onClick: n,
+            sx: { color: o.palette.text.disabled },
+            children: /* @__PURE__ */ e(f, { name: "x", size: "small" })
+          }
+        )
+      ]
+    }
+  ) : null;
+}, Ze = ({
+  label: r,
+  description: n,
+  icon: t,
+  onClick: i,
+  disabled: o = !1,
+  variant: a = "default",
+  sx: m
+}) => {
+  const s = ee(), g = t ?? (a === "list" ? "forward" : "sparkles");
+  if (a === "list")
+    return /* @__PURE__ */ l(
+      $e,
+      {
+        onClick: i,
+        disabled: o,
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "flex-start",
+          gap: c.md,
+          width: "100%",
+          textAlign: "left",
+          py: c.md,
+          px: c.base,
+          borderRadius: v.md,
+          backgroundColor: s.palette.mode === "dark" ? "action.hover" : "grey.100",
+          cursor: o ? "not-allowed" : "pointer",
+          opacity: o ? 0.5 : 1,
+          transition: "background-color 0.2s ease",
+          "&:hover": {
+            backgroundColor: h.colors.aiHover
+          },
+          "&:focus-visible": {
+            outline: `2px solid ${s.palette.primary.main}`,
+            outlineOffset: 2
+          },
+          ...m
+        },
+        children: [
+          /* @__PURE__ */ e(
+            f,
+            {
+              name: g,
+              size: "small",
+              color: s.palette.primary.main,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ e(
+            u,
+            {
+              variant: "body2",
+              color: "text.primary",
+              sx: { fontWeight: 400 },
+              children: r
+            }
+          )
+        ]
+      }
+    );
+  const p = () => {
+    switch (a) {
+      case "primary":
+        return {
+          backgroundColor: "primary.main",
+          color: "primary.contrastText",
+          border: "none",
+          "&:hover": {
+            backgroundColor: "primary.dark"
+          }
+        };
+      case "outlined":
+        return {
+          backgroundColor: "transparent",
+          color: "primary.main",
+          border: 1,
+          borderColor: "primary.main",
+          "&:hover": {
+            backgroundColor: h.colors.aiHover
+          }
+        };
+      default:
+        return {
+          backgroundColor: "background.paper",
+          color: "text.primary",
+          border: 1,
+          borderColor: "divider",
+          "&:hover": {
+            borderColor: "primary.main",
+            backgroundColor: h.colors.aiHover
+          }
+        };
+    }
+  }, x = a === "primary", k = p();
+  return /* @__PURE__ */ e(
+    $e,
+    {
+      onClick: i,
+      disabled: o,
+      sx: {
+        display: "block",
+        width: "100%",
+        textAlign: "left",
+        p: c.md,
+        borderRadius: v.md,
+        cursor: o ? "not-allowed" : "pointer",
+        opacity: o ? 0.5 : 1,
+        transition: "all 0.2s ease",
+        "&:focus-visible": {
+          outline: `2px solid ${s.palette.primary.main}`,
+          outlineOffset: 2
+        },
+        ...k,
+        ...m
+      },
+      children: /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", spacing: c.md, children: [
+        /* @__PURE__ */ e(
+          d,
+          {
+            sx: {
+              width: 36,
+              height: 36,
+              borderRadius: v.sm,
+              backgroundColor: x ? "rgba(255, 255, 255, 0.2)" : h.colors.aiHover,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ e(
+              f,
+              {
+                name: g,
+                size: "small",
+                color: x ? s.palette.primary.contrastText : s.palette.primary.main,
+                "aria-hidden": "true"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ l(d, { sx: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ e(
+            u,
+            {
+              variant: "body2",
+              sx: {
+                fontWeight: 500,
+                color: x ? "primary.contrastText" : "text.primary"
+              },
+              children: r
+            }
+          ),
+          n && /* @__PURE__ */ e(
+            u,
+            {
+              variant: "caption",
+              sx: {
+                color: x ? "rgba(255, 255, 255, 0.8)" : "text.secondary",
+                display: "block",
+                mt: 0.25
+              },
+              children: n
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          f,
+          {
+            name: "chevron-right",
+            size: "small",
+            color: x ? s.palette.primary.contrastText : s.palette.text.disabled,
+            "aria-hidden": "true"
+          }
+        )
+      ] })
+    }
+  );
+}, Ms = ({
+  label: r,
+  icon: n,
+  onClick: t,
+  disabled: i = !1,
+  size: o = "medium",
+  variant: a = "default",
+  showBadge: m = !1,
+  badgeContent: s,
+  sx: g
+}) => {
+  const p = ee(), x = {
+    small: 32,
+    medium: 44,
+    large: 56
+  }, k = {
+    small: "small",
+    medium: "medium",
+    large: "medium"
+  }, b = () => {
+    switch (a) {
+      case "primary":
+        return {
+          backgroundColor: "primary.main",
+          color: "primary.contrastText",
+          "&:hover": {
+            backgroundColor: "primary.dark"
+          }
+        };
+      case "gradient":
+        return {
+          background: h.gradient.diagonal,
+          color: "common.white",
+          "&:hover": {
+            opacity: 0.9
+          }
+        };
+      default:
+        return {
+          backgroundColor: "background.paper",
+          color: "primary.main",
+          border: 1,
+          borderColor: "divider",
+          "&:hover": {
+            borderColor: "primary.main",
+            backgroundColor: h.colors.aiHover
+          }
+        };
+    }
+  }, y = /* @__PURE__ */ l(d, { sx: { position: "relative", display: "inline-flex" }, children: [
+    /* @__PURE__ */ e(
+      z,
+      {
+        onClick: t,
+        disabled: i,
+        "aria-label": r,
+        sx: {
+          width: x[o],
+          height: x[o],
+          transition: "all 0.2s ease",
+          "&:focus-visible": {
+            outline: `2px solid ${p.palette.primary.main}`,
+            outlineOffset: 2
+          },
+          ...b(),
+          ...g
+        },
+        children: /* @__PURE__ */ e(f, { name: n, size: k[o], "aria-hidden": "true" })
+      }
+    ),
+    m && /* @__PURE__ */ e(
+      d,
+      {
+        sx: {
+          position: "absolute",
+          top: -4,
+          right: -4,
+          minWidth: 18,
+          height: 18,
+          borderRadius: v.circle,
+          backgroundColor: "secondary.main",
+          color: "common.white",
+          // Use MUI theme
+          fontSize: X.typography.dense.badge,
+          // 10px badge text
+          fontWeight: 600,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "0 4px"
+        },
+        children: s
+      }
+    )
+  ] });
+  return r ? /* @__PURE__ */ e(P, { title: r, children: y }) : y;
+}, Ts = ({
+  actions: r,
+  direction: n = "column",
+  spacing: t = 1,
+  sx: i
+}) => /* @__PURE__ */ e(C, { direction: n, spacing: t, sx: i, children: r.map((o, a) => /* @__PURE__ */ e(Ze, { ...o }, a)) }), Bs = ({
+  title: r,
+  subtitle: n,
+  headerActions: t,
+  showAvatar: i = !1,
+  children: o,
+  bordered: a = !0,
+  filled: m = !1,
+  padded: s = !0,
+  sx: g
+}) => {
+  const p = r || n || t || i;
+  return /* @__PURE__ */ l(
+    Y,
+    {
+      elevation: 0,
+      sx: {
+        borderRadius: v.lg,
+        border: a ? `1px solid ${h.colors.aiBorder}` : "none",
+        backgroundColor: m ? h.colors.aiBackground : "transparent",
+        overflow: "hidden",
+        ...g
+      },
+      children: [
+        p && /* @__PURE__ */ e(
+          d,
+          {
+            sx: {
+              p: s ? c.base : 0,
+              borderBottom: a ? `1px solid ${h.colors.aiBorder}` : "none",
+              backgroundColor: m ? h.colors.aiHover : "transparent"
+            },
+            children: /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
+              /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", spacing: 1.5, children: [
+                i && /* @__PURE__ */ e(de, { size: "small" }),
+                /* @__PURE__ */ l(d, { children: [
+                  r && /* @__PURE__ */ e(u, { variant: "subtitle2", sx: { fontWeight: 600 }, children: r }),
+                  n && /* @__PURE__ */ e(u, { variant: "caption", color: "text.secondary", children: n })
+                ] })
+              ] }),
+              t && /* @__PURE__ */ e(d, { children: t })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ e(d, { sx: { p: s ? c.base : 0 }, children: o })
+      ]
+    }
+  );
+}, Ds = ({
+  title: r,
+  subtitle: n,
+  icon: t,
+  children: i,
+  defaultExpanded: o = !1,
+  expanded: a,
+  onChange: m,
+  sx: s
+}) => {
+  const [g, p] = R(o), x = a !== void 0 ? a : g;
+  return /* @__PURE__ */ l(d, { sx: s, children: [
+    /* @__PURE__ */ l(
+      d,
+      {
+        onClick: () => {
+          const b = !x;
+          a === void 0 && p(b), m?.(b);
+        },
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          py: 1.5,
+          px: c.base,
+          cursor: "pointer",
+          borderRadius: x ? `${v.md} ${v.md} 0 0` : v.md,
+          backgroundColor: h.colors.aiHover,
+          transition: "all 0.2s ease",
+          "&:hover": {
+            backgroundColor: h.colors.aiHoverDark
+          }
+        },
+        children: [
+          /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", spacing: 1.5, children: [
+            t && /* @__PURE__ */ e(f, { name: t, size: "small", color: h.colors.aiPrimary }),
+            /* @__PURE__ */ l(d, { children: [
+              /* @__PURE__ */ e(u, { variant: "body2", sx: { fontWeight: 500 }, children: r }),
+              n && /* @__PURE__ */ e(u, { variant: "caption", color: "text.secondary", children: n })
+            ] })
+          ] }),
+          /* @__PURE__ */ e(z, { size: "small", sx: { ml: 1 }, children: /* @__PURE__ */ e(
+            f,
+            {
+              name: x ? "chevron-up" : "chevron-down",
+              size: "small",
+              color: "text.secondary"
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(J, { in: x, children: /* @__PURE__ */ e(
+      d,
+      {
+        sx: {
+          p: c.base,
+          borderRadius: `0 0 ${v.md} ${v.md}`,
+          background: h.gradient.subtle,
+          border: `1px solid ${h.colors.aiBorder}`,
+          borderTop: "none"
+        },
+        children: i
+      }
+    ) })
+  ] });
+}, Ls = ({
+  name: r,
+  description: n,
+  avatar: t,
+  capabilities: i = [],
+  selected: o = !1,
+  onClick: a,
+  sx: m
+}) => /* @__PURE__ */ e(
+  Y,
+  {
+    elevation: 0,
+    onClick: a,
+    sx: {
+      p: c.base,
+      borderRadius: v.lg,
+      border: o ? `2px solid ${h.colors.aiPrimary}` : "2px solid",
+      // @intentional-color: AI primary when selected
+      borderColor: o ? void 0 : "divider",
+      backgroundColor: o ? h.colors.aiHover : "background.paper",
+      // @intentional-color: AI hover when selected
+      cursor: a ? "pointer" : "default",
+      transition: "all 0.2s ease",
+      "&:hover": a ? {
+        borderColor: h.colors.aiPrimary,
+        backgroundColor: h.colors.aiHover
+      } : {},
+      ...m
+    },
+    children: /* @__PURE__ */ l(C, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
+      t || /* @__PURE__ */ e(de, { size: "medium" }),
+      /* @__PURE__ */ l(d, { sx: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ e(u, { variant: "subtitle2", sx: { fontWeight: 600 }, children: r }),
+        n && /* @__PURE__ */ e(
+          u,
+          {
+            variant: "body2",
+            color: "text.secondary",
+            sx: {
+              mt: 0.5,
+              display: "-webkit-box",
+              WebkitLineClamp: 2,
+              WebkitBoxOrient: "vertical",
+              overflow: "hidden"
+            },
+            children: n
+          }
+        ),
+        i.length > 0 && /* @__PURE__ */ l(G, { children: [
+          /* @__PURE__ */ e(ue, { sx: { my: 1.5 } }),
+          /* @__PURE__ */ e(C, { direction: "row", spacing: 0.5, flexWrap: "wrap", useFlexGap: !0, children: i.map((s, g) => /* @__PURE__ */ e(
+            te,
+            {
+              label: s,
+              size: "small",
+              sx: {
+                height: "auto",
+                px: 0.5,
+                py: 0.25,
+                borderRadius: v.sm,
+                backgroundColor: h.colors.aiBackgroundDark,
+                color: h.colors.aiPrimary,
+                fontSize: "0.6875rem",
+                fontWeight: 500,
+                "& .MuiChip-label": {
+                  px: 0.5,
+                  py: 0
+                }
+              }
+            },
+            g
+          )) })
+        ] })
+      ] }),
+      o && /* @__PURE__ */ e(
+        d,
+        {
+          sx: {
+            width: 24,
+            height: 24,
+            borderRadius: v.circle,
+            backgroundColor: h.colors.aiPrimary,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            flexShrink: 0
+          },
+          children: /* @__PURE__ */ e(f, { name: "check", size: "small", color: "#FFFFFF" })
+        }
+      )
+    ] })
+  }
+), he = {
+  success: "#24a148",
+  error: "#da1e28"
+}, Es = ({
+  children: r,
+  startColor: n = h.colors.aiPrimary,
+  endColor: t = h.colors.aiSecondary,
+  direction: i = "135deg",
+  variant: o = "h6",
+  fontWeight: a = 600,
+  sx: m
+}) => /* @__PURE__ */ e(
+  u,
+  {
+    variant: o,
+    sx: {
+      fontWeight: a,
+      background: `linear-gradient(${i}, ${n} 0%, ${t} 100%)`,
+      backgroundClip: "text",
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      ...m
+    },
+    children: r
+  }
+), Hs = ({
+  label: r,
+  value: n,
+  icon: t,
+  trend: i,
+  trendLabel: o,
+  variant: a = "default",
+  size: m = "medium",
+  sx: s
+}) => {
+  const g = {
+    small: { p: 1.5, valueSize: "h6", labelSize: "caption" },
+    medium: { p: 2, valueSize: "h5", labelSize: "body2" },
+    large: { p: 3, valueSize: "h4", labelSize: "body1" }
+  }, p = () => {
+    switch (a) {
+      case "gradient":
+        return {
+          background: `linear-gradient(135deg, ${h.colors.aiPrimary} 0%, ${h.colors.aiSecondary} 100%)`,
+          color: "common.white",
+          // Use MUI theme
+          border: "none"
+        };
+      case "outlined":
+        return {
+          backgroundColor: "transparent",
+          border: "1px solid",
+          // Uses MUI theme divider
+          borderColor: "divider"
+        };
+      default:
+        return {
+          backgroundColor: "background.paper",
+          // Use MUI theme
+          border: "1px solid",
+          borderColor: "divider"
+        };
+    }
+  }, x = g[m];
+  return /* @__PURE__ */ e(
+    Y,
+    {
+      elevation: 0,
+      sx: {
+        p: x.p,
+        borderRadius: v.lg,
+        ...p(),
+        ...s
+      },
+      children: /* @__PURE__ */ l(C, { spacing: 1, children: [
+        /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
+          /* @__PURE__ */ e(
+            u,
+            {
+              variant: x.labelSize,
+              sx: {
+                color: a === "gradient" ? "rgba(255, 255, 255, 0.8)" : "text.secondary",
+                fontWeight: 500
+              },
+              children: r
+            }
+          ),
+          t && /* @__PURE__ */ e(
+            d,
+            {
+              sx: {
+                width: m === "small" ? 28 : 36,
+                height: m === "small" ? 28 : 36,
+                borderRadius: v.sm,
+                backgroundColor: a === "gradient" ? "rgba(255, 255, 255, 0.2)" : h.colors.aiHover,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: /* @__PURE__ */ e(
+                f,
+                {
+                  name: t,
+                  size: "small",
+                  color: a === "gradient" ? "#FFFFFF" : h.colors.aiPrimary
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          u,
+          {
+            variant: x.valueSize,
+            sx: {
+              fontWeight: 700,
+              color: a === "gradient" ? "common.white" : "text.primary"
+              // Use MUI theme
+            },
+            children: n
+          }
+        ),
+        i !== void 0 && /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", spacing: 0.5, children: [
+          /* @__PURE__ */ e(
+            f,
+            {
+              name: i >= 0 ? "trending-up" : "trending-down",
+              size: "small",
+              color: a === "gradient" ? "#FFFFFF" : i >= 0 ? he.success : he.error
+            }
+          ),
+          /* @__PURE__ */ l(
+            u,
+            {
+              variant: "caption",
+              sx: {
+                color: a === "gradient" ? "common.white" : i >= 0 ? he.success : he.error,
+                fontWeight: 500
+              },
+              children: [
+                i >= 0 ? "+" : "",
+                i,
+                "%"
+              ]
+            }
+          ),
+          o && /* @__PURE__ */ e(
+            u,
+            {
+              variant: "caption",
+              sx: {
+                color: a === "gradient" ? "rgba(255, 255, 255, 0.7)" : "text.secondary"
+              },
+              children: o
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}, Os = ({
+  icon: r,
+  size: n = "medium",
+  startColor: t = h.colors.aiPrimary,
+  endColor: i = h.colors.aiSecondary,
+  label: o,
+  sx: a
+}) => {
+  const s = {
+    small: { container: 32, icon: "small" },
+    medium: { container: 44, icon: "medium" },
+    large: { container: 56, icon: "medium" }
+  }[n];
+  return /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", spacing: 1, sx: a, children: [
+    /* @__PURE__ */ e(
+      d,
+      {
+        sx: {
+          width: s.container,
+          height: s.container,
+          borderRadius: v.md,
+          background: `linear-gradient(135deg, ${t} 0%, ${i} 100%)`,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          boxShadow: `0 4px 12px ${t}33`
+        },
+        children: /* @__PURE__ */ e(f, { name: r, size: s.icon, color: "#FFFFFF" })
+      }
+    ),
+    o && /* @__PURE__ */ e(u, { variant: "body2", sx: { fontWeight: 500 }, children: o })
+  ] });
+}, js = ({
+  width: r = "100%",
+  height: n = 20,
+  borderRadius: t = v.sm,
+  sx: i
+}) => /* @__PURE__ */ e(
+  d,
+  {
+    sx: {
+      width: r,
+      height: n,
+      borderRadius: t,
+      background: `linear-gradient(
+          90deg,
+          ${h.colors.aiBackground} 0%,
+          ${h.colors.aiHover} 50%,
+          ${h.colors.aiBackground} 100%
+        )`,
+      backgroundSize: "200% 100%",
+      animation: "shimmer 1.5s infinite",
+      "@keyframes shimmer": {
+        "0%": { backgroundPosition: "200% 0" },
+        "100%": { backgroundPosition: "-200% 0" }
+      },
+      ...i
+    }
+  }
+);
+function Tt(r) {
+  return r.type === "text";
+}
+function Bt(r) {
+  return r.type === "table";
+}
+function Dt(r) {
+  return r.type === "chart";
+}
+function Lt(r) {
+  return r.type === "image";
+}
+function Et(r) {
+  return r.type === "form";
+}
+function Ht(r) {
+  return r.type === "actions";
+}
+const Ot = ({
+  content: r,
+  markdown: n = !1,
+  variant: t = "body",
+  id: i,
+  sx: o
+}) => n ? /* @__PURE__ */ e(
+  Ut,
+  {
+    content: r,
+    variant: t,
+    id: i,
+    sx: o
+  }
+) : /* @__PURE__ */ e(
+  jt,
+  {
+    content: r,
+    variant: t,
+    id: i,
+    sx: o
+  }
+), jt = ({
+  content: r,
+  variant: n = "body",
+  id: t,
+  sx: i
+}) => {
+  const { typographyVariant: o, component: a } = qt(n), m = Nt(n);
+  return /* @__PURE__ */ e(
+    u,
+    {
+      id: t,
+      variant: o,
+      component: a,
+      color: "text.primary",
+      sx: [
+        { whiteSpace: "pre-wrap" },
+        m,
+        ...Array.isArray(i) ? i : [i]
+      ],
+      children: r
+    }
+  );
+}, Ut = ({
+  content: r,
+  variant: n = "body",
+  id: t,
+  sx: i
+}) => {
+  const o = Vt(r);
+  return /* @__PURE__ */ e(
+    d,
+    {
+      id: t,
+      component: "div",
+      sx: {
+        "& > *:first-of-type": { mt: 0 },
+        "& > *:last-child": { mb: 0 },
+        ...i
+      },
+      children: o.map((a, m) => /* @__PURE__ */ e(Gt, { element: a, variant: n }, m))
+    }
+  );
+};
+function Vt(r) {
+  const n = r.split(`
+`), t = [];
+  let i = [], o = null;
+  const a = () => {
+    i.length > 0 && (t.push({
+      type: "paragraph",
+      content: i.join(`
+`)
+    }), i = []);
+  }, m = () => {
+    o && (t.push({
+      type: o.type === "bullet" ? "bullet-list" : "numbered-list",
+      content: "",
+      items: o.items
+    }), o = null);
+  };
+  for (let s = 0; s < n.length; s++) {
+    const g = n[s], p = g.trim();
+    if (p === "") {
+      a(), m();
+      continue;
+    }
+    if (/^-{3,}$/.test(p) || /^\*{3,}$/.test(p)) {
+      a(), m(), t.push({ type: "hr", content: "" });
+      continue;
+    }
+    const x = p.match(/^(#{1,6})\s+(.+)$/);
+    if (x) {
+      a(), m(), t.push({
+        type: "heading",
+        level: x[1].length,
+        content: x[2]
+      });
+      continue;
+    }
+    if (p.startsWith(">")) {
+      a(), m(), t.push({
+        type: "blockquote",
+        content: p.slice(1).trim()
+      });
+      continue;
+    }
+    const k = p.match(/^[-*+]\s+(.+)$/);
+    if (k) {
+      a(), (!o || o.type !== "bullet") && (m(), o = { type: "bullet", items: [] }), o.items.push(k[1]);
+      continue;
+    }
+    const b = p.match(/^\d+\.\s+(.+)$/);
+    if (b) {
+      a(), (!o || o.type !== "numbered") && (m(), o = { type: "numbered", items: [] }), o.items.push(b[1]);
+      continue;
+    }
+    if (p.startsWith("```")) {
+      a(), m();
+      const y = [];
+      for (s++; s < n.length && !n[s].trim().startsWith("```"); )
+        y.push(n[s]), s++;
+      t.push({
+        type: "code-block",
+        content: y.join(`
+`)
+      });
+      continue;
+    }
+    m(), i.push(g);
+  }
+  return a(), m(), t;
+}
+const Gt = ({ element: r, variant: n }) => {
+  switch (r.type) {
+    case "paragraph":
+      return /* @__PURE__ */ e(
+        u,
+        {
+          variant: "body2",
+          component: "p",
+          color: "text.primary",
+          sx: { mb: 1.5 },
+          children: /* @__PURE__ */ e(le, { content: r.content })
+        }
+      );
+    case "heading": {
+      const t = Kt(r.level || 1);
+      return /* @__PURE__ */ e(
+        u,
+        {
+          variant: t,
+          component: `h${Math.min(r.level || 1, 6)}`,
+          color: "text.primary",
+          sx: { mt: 2, mb: 1 },
+          children: /* @__PURE__ */ e(le, { content: r.content })
+        }
+      );
+    }
+    case "bullet-list":
+      return /* @__PURE__ */ e(
+        d,
+        {
+          component: "ul",
+          sx: {
+            pl: 2.5,
+            my: 1,
+            "& li": {
+              mb: 0.5
+            }
+          },
+          children: r.items?.map((t, i) => /* @__PURE__ */ e(u, { component: "li", variant: "body2", color: "text.primary", children: /* @__PURE__ */ e(le, { content: t }) }, i))
+        }
+      );
+    case "numbered-list":
+      return /* @__PURE__ */ e(
+        d,
+        {
+          component: "ol",
+          sx: {
+            pl: 2.5,
+            my: 1,
+            "& li": {
+              mb: 0.5
+            }
+          },
+          children: r.items?.map((t, i) => /* @__PURE__ */ e(u, { component: "li", variant: "body2", color: "text.primary", children: /* @__PURE__ */ e(le, { content: t }) }, i))
+        }
+      );
+    case "blockquote":
+      return /* @__PURE__ */ e(
+        d,
+        {
+          component: "blockquote",
+          sx: {
+            borderLeft: 3,
+            borderColor: "divider",
+            pl: 2,
+            my: 1.5,
+            fontStyle: "italic"
+          },
+          children: /* @__PURE__ */ e(u, { variant: "body2", color: "text.secondary", children: /* @__PURE__ */ e(le, { content: r.content }) })
+        }
+      );
+    case "hr":
+      return /* @__PURE__ */ e(
+        d,
+        {
+          component: "hr",
+          sx: {
+            border: "none",
+            borderTop: 1,
+            borderColor: "divider",
+            my: 2
+          }
+        }
+      );
+    case "code-block":
+      return /* @__PURE__ */ e(
+        d,
+        {
+          component: "pre",
+          sx: {
+            backgroundColor: "action.hover",
+            borderRadius: v.xs,
+            p: 1.5,
+            my: 1.5,
+            overflow: "auto"
+          },
+          children: /* @__PURE__ */ e(
+            u,
+            {
+              component: "code",
+              variant: "body2",
+              sx: {
+                fontFamily: "monospace",
+                fontSize: "0.85em"
+              },
+              children: r.content
+            }
+          )
+        }
+      );
+    default:
+      return null;
+  }
+}, le = ({ content: r }) => {
+  const n = _t(r);
+  return /* @__PURE__ */ e(G, { children: n.map((t, i) => {
+    switch (t.type) {
+      case "text":
+        return /* @__PURE__ */ e(Ae.Fragment, { children: t.content }, i);
+      case "bold":
+        return /* @__PURE__ */ e("strong", { children: t.content }, i);
+      case "italic":
+        return /* @__PURE__ */ e("em", { children: t.content }, i);
+      case "code":
+        return /* @__PURE__ */ e(
+          u,
+          {
+            component: "code",
+            sx: {
+              backgroundColor: "action.hover",
+              borderRadius: v.xs,
+              px: 0.5,
+              fontFamily: "monospace",
+              fontSize: "0.9em"
+            },
+            children: t.content
+          },
+          i
+        );
+      case "link":
+        return /* @__PURE__ */ e(
+          Ge,
+          {
+            href: t.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            underline: "hover",
+            children: t.content
+          },
+          i
+        );
+      default:
+        return /* @__PURE__ */ e(Ae.Fragment, { children: t.content }, i);
+    }
+  }) });
+};
+function _t(r) {
+  const n = [], t = [
+    { regex: /\*\*(.+?)\*\*/g, type: "bold" },
+    { regex: /\*(.+?)\*/g, type: "italic" },
+    { regex: /`(.+?)`/g, type: "code" },
+    { regex: /\[(.+?)\]\((.+?)\)/g, type: "link" }
+  ], i = [];
+  for (const { regex: a, type: m } of t) {
+    let s;
+    for (a.lastIndex = 0; (s = a.exec(r)) !== null; )
+      i.push({
+        start: s.index,
+        end: s.index + s[0].length,
+        type: m,
+        content: s[1],
+        url: m === "link" ? s[2] : void 0
+      });
+  }
+  i.sort((a, m) => a.start - m.start);
+  let o = 0;
+  for (const a of i)
+    a.start < o || (a.start > o && n.push({
+      type: "text",
+      content: r.slice(o, a.start)
+    }), n.push({
+      type: a.type,
+      content: a.content,
+      url: a.url
+    }), o = a.end);
+  return o < r.length && n.push({
+    type: "text",
+    content: r.slice(o)
+  }), n.length > 0 ? n : [{ type: "text", content: r }];
+}
+function qt(r) {
+  switch (r) {
+    case "heading":
+      return {
+        typographyVariant: "h6",
+        component: "h3"
+      };
+    case "caption":
+      return {
+        typographyVariant: "caption",
+        component: "p"
+      };
+    case "quote":
+      return {
+        typographyVariant: "body2",
+        component: "blockquote"
+      };
+    default:
+      return {
+        typographyVariant: "body2",
+        component: "p"
+      };
+  }
+}
+function Nt(r) {
+  switch (r) {
+    case "heading":
+      return { fontWeight: 600, mb: 1 };
+    case "caption":
+      return { color: "text.secondary" };
+    case "quote":
+      return {
+        borderLeft: 3,
+        borderColor: "divider",
+        pl: 2,
+        fontStyle: "italic",
+        color: "text.secondary"
+      };
+    default:
+      return {};
+  }
+}
+function Kt(r) {
+  switch (r) {
+    case 1:
+      return "h4";
+    case 2:
+      return "h5";
+    case 3:
+      return "h6";
+    case 4:
+      return "subtitle1";
+    case 5:
+      return "subtitle2";
+    default:
+      return "body1";
+  }
+}
+const Qt = ({
+  response: r,
+  blockGap: n = c.sm
+}) => {
+  const { blocks: t } = r;
+  return !t || t.length === 0 ? null : /* @__PURE__ */ e(
+    d,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        gap: `${n}px`
+      },
+      children: t.map((i, o) => /* @__PURE__ */ e(
+        Zt,
+        {
+          block: i
+        },
+        i.id ?? `block-${o}`
+      ))
+    }
+  );
+}, Zt = ({ block: r }) => Tt(r) ? /* @__PURE__ */ e(
+  Ot,
+  {
+    content: r.content,
+    markdown: r.markdown,
+    variant: r.variant,
+    id: r.id
+  }
+) : Bt(r) ? /* @__PURE__ */ e(se, { type: "table" }) : Dt(r) ? /* @__PURE__ */ e(se, { type: "chart" }) : Lt(r) ? /* @__PURE__ */ e(se, { type: "image" }) : Et(r) ? /* @__PURE__ */ e(se, { type: "form" }) : Ht(r) ? /* @__PURE__ */ e(se, { type: "actions" }) : (console.warn(`[AIResponseRenderer] Unknown block type: ${r.type}`), null), se = ({ type: r }) => process.env.NODE_ENV === "production" ? null : /* @__PURE__ */ e(
+  d,
+  {
+    sx: {
+      p: 2,
+      border: "1px dashed",
+      borderColor: "warning.main",
+      borderRadius: v.xs,
+      backgroundColor: "warning.lighter"
+    },
+    children: /* @__PURE__ */ l(u, { variant: "caption", color: "warning.main", children: [
+      "[",
+      r.toUpperCase(),
+      " block - not yet implemented]"
+    ] })
+  }
+), Ue = ({
+  response: r,
+  children: n,
+  timestamp: t,
+  avatar: i,
+  showCopy: o = !0,
+  showFeedback: a = !0,
+  showShare: m = !0,
+  showDownload: s = !0,
+  onCopy: g,
+  onFeedback: p,
+  onShare: x,
+  onDownload: k,
+  sx: b
+}) => {
+  const y = o || a || m || s, I = r ? /* @__PURE__ */ e(Qt, { response: r }) : n;
+  return !r && !n ? null : /* @__PURE__ */ l(
+    d,
+    {
+      sx: {
+        display: "flex",
+        gap: c.md,
+        py: c.sm,
+        ...b
+      },
+      children: [
+        /* @__PURE__ */ e(d, { sx: { flexShrink: 0, pt: 0.5 }, children: i || /* @__PURE__ */ e(de, { size: "small" }) }),
+        /* @__PURE__ */ l(d, { sx: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ e(d, { sx: { mb: y || t ? c.sm : 0 }, children: I }),
+          (y || t) && /* @__PURE__ */ l(
+            C,
+            {
+              direction: "row",
+              alignItems: "center",
+              justifyContent: "space-between",
+              sx: { pt: c.xs },
+              children: [
+                t && /* @__PURE__ */ e(u, { variant: "caption", color: "text.secondary", children: t }),
+                y && /* @__PURE__ */ l(C, { direction: "row", spacing: 0.5, sx: { ml: "auto" }, children: [
+                  o && /* @__PURE__ */ e(P, { title: "Copy", children: /* @__PURE__ */ e(
+                    z,
+                    {
+                      size: "small",
+                      onClick: g,
+                      "aria-label": "Copy response",
+                      sx: {
+                        color: "text.disabled",
+                        "&:hover": {
+                          color: "text.secondary",
+                          backgroundColor: "action.hover"
+                        }
+                      },
+                      children: /* @__PURE__ */ e(f, { name: "copy", size: "small" })
+                    }
+                  ) }),
+                  a && /* @__PURE__ */ l(G, { children: [
+                    /* @__PURE__ */ e(P, { title: "Good response", children: /* @__PURE__ */ e(
+                      z,
+                      {
+                        size: "small",
+                        onClick: () => p?.(!0),
+                        "aria-label": "Mark as good response",
+                        sx: {
+                          color: "text.disabled",
+                          "&:hover": {
+                            color: "success.main",
+                            backgroundColor: "action.hover"
+                          }
+                        },
+                        children: /* @__PURE__ */ e(f, { name: "thumbs-up", size: "small" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ e(P, { title: "Poor response", children: /* @__PURE__ */ e(
+                      z,
+                      {
+                        size: "small",
+                        onClick: () => p?.(!1),
+                        "aria-label": "Mark as poor response",
+                        sx: {
+                          color: "text.disabled",
+                          "&:hover": {
+                            color: "error.main",
+                            backgroundColor: "action.hover"
+                          }
+                        },
+                        children: /* @__PURE__ */ e(f, { name: "thumbs-down", size: "small" })
+                      }
+                    ) })
+                  ] }),
+                  m && /* @__PURE__ */ e(P, { title: "Share", children: /* @__PURE__ */ e(
+                    z,
+                    {
+                      size: "small",
+                      onClick: x,
+                      "aria-label": "Share response",
+                      sx: {
+                        color: "text.disabled",
+                        "&:hover": {
+                          color: "text.secondary",
+                          backgroundColor: "action.hover"
+                        }
+                      },
+                      children: /* @__PURE__ */ e(f, { name: "share", size: "small" })
+                    }
+                  ) }),
+                  s && /* @__PURE__ */ e(P, { title: "Download", children: /* @__PURE__ */ e(
+                    z,
+                    {
+                      size: "small",
+                      onClick: k,
+                      "aria-label": "Download response",
+                      sx: {
+                        color: "text.disabled",
+                        "&:hover": {
+                          color: "text.secondary",
+                          backgroundColor: "action.hover"
+                        }
+                      },
+                      children: /* @__PURE__ */ e(f, { name: "download", size: "small" })
+                    }
+                  ) })
+                ] })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, Xt = ({
+  title: r,
+  viewMode: n,
+  onToggleView: t,
+  onClose: i,
+  showLogo: o = !0,
+  sx: a
+}) => {
+  const m = n === "expanded";
+  return /* @__PURE__ */ e(
+    rr,
+    {
+      position: "static",
+      color: "default",
+      elevation: 0,
+      sx: {
+        borderBottom: 1,
+        borderColor: "divider",
+        backgroundColor: "background.paper",
+        ...a
+      },
+      children: /* @__PURE__ */ l(
+        or,
+        {
+          variant: "dense",
+          sx: {
+            minHeight: 48,
+            px: c.md,
+            gap: c.sm
+          },
+          children: [
+            /* @__PURE__ */ l(C, { direction: "row", alignItems: "center", spacing: 1, sx: { flex: 1 }, children: [
+              o && /* @__PURE__ */ e(de, { size: "xs" }),
+              /* @__PURE__ */ e(
+                u,
+                {
+                  variant: "subtitle1",
+                  component: "h2",
+                  fontWeight: 600,
+                  sx: { color: "text.primary" },
+                  children: r
+                }
+              )
+            ] }),
+            t && /* @__PURE__ */ e(P, { title: m ? "Collapse to sidepanel" : "Expand view", children: /* @__PURE__ */ e(
+              z,
+              {
+                size: "small",
+                onClick: t,
+                "aria-label": m ? "Collapse to sidepanel" : "Expand view",
+                sx: { color: "text.secondary" },
+                children: /* @__PURE__ */ e(
+                  f,
+                  {
+                    name: m ? "minimize" : "maximize",
+                    size: "small"
+                  }
+                )
+              }
+            ) }),
+            i && /* @__PURE__ */ e(P, { title: "Close", children: /* @__PURE__ */ e(
+              z,
+              {
+                size: "small",
+                onClick: i,
+                "aria-label": "Close panel",
+                sx: { color: "text.secondary" },
+                children: /* @__PURE__ */ e(f, { name: "close", size: "small" })
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}, Ve = ({
+  chats: r,
+  activeChatId: n,
+  onSelectChat: t,
+  onRename: i,
+  onDelete: o,
+  onShare: a,
+  onPin: m,
+  onAddToProject: s,
+  emptyMessage: g = "No conversations yet",
+  compact: p = !1,
+  sx: x
+}) => {
+  const [k, b] = R(null), [y, I] = R(null), $ = (W, D) => {
+    W.stopPropagation(), b(W.currentTarget), I(D);
+  }, S = () => {
+    b(null), I(null);
+  }, A = (W) => {
+    W && y && W(y), S();
+  }, B = r.find((W) => W.id === y), M = i || o || a || m || s;
+  return r.length === 0 ? /* @__PURE__ */ l(
+    d,
+    {
+      sx: {
+        py: c.lg,
+        px: c.md,
+        textAlign: "center",
+        ...x
+      },
+      children: [
+        /* @__PURE__ */ e(
+          f,
+          {
+            name: "chat",
+            size: "large",
+            sx: { color: "text.disabled", mb: c.sm }
+          }
+        ),
+        /* @__PURE__ */ e(u, { variant: "body2", color: "text.secondary", children: g })
+      ]
+    }
+  ) : /* @__PURE__ */ l(G, { children: [
+    /* @__PURE__ */ e(
+      _e,
+      {
+        role: "listbox",
+        "aria-label": "Conversation history",
+        disablePadding: !0,
+        sx: {
+          py: c.xs,
+          ...x
+        },
+        children: r.map((W) => {
+          const D = W.id === n;
+          return /* @__PURE__ */ e(
+            qe,
+            {
+              disablePadding: !0,
+              secondaryAction: M ? /* @__PURE__ */ e(
+                z,
+                {
+                  size: "small",
+                  onClick: (H) => $(H, W.id),
+                  "aria-label": "Chat options",
+                  sx: {
+                    opacity: 0,
+                    color: "text.secondary",
+                    ".MuiListItem-root:hover &": {
+                      opacity: 1
+                    }
+                  },
+                  children: /* @__PURE__ */ e(f, { name: "more-vertical", size: "small" })
+                }
+              ) : void 0,
+              sx: {
+                px: c.xs,
+                "&:hover .MuiIconButton-root": {
+                  opacity: 1
+                }
+              },
+              children: /* @__PURE__ */ l(
+                Ne,
+                {
+                  selected: D,
+                  onClick: () => t?.(W.id),
+                  role: "option",
+                  "aria-selected": D,
+                  sx: {
+                    borderRadius: v.sm,
+                    py: p ? c.xs : c.sm,
+                    px: c.sm,
+                    pr: M ? 5 : c.sm,
+                    "&.Mui-selected": {
+                      backgroundColor: "action.selected",
+                      "&:hover": {
+                        backgroundColor: "action.selected"
+                      }
+                    },
+                    "&:hover": {
+                      backgroundColor: "action.hover"
+                    }
+                  },
+                  children: [
+                    /* @__PURE__ */ e(
+                      N,
+                      {
+                        sx: {
+                          minWidth: p ? 28 : 36,
+                          color: h.colors.aiPrimary
+                        },
+                        children: W.pinned ? /* @__PURE__ */ e(f, { name: "bookmark", size: p ? "small" : "medium" }) : /* @__PURE__ */ e(f, { name: "chat", size: p ? "small" : "medium" })
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      K,
+                      {
+                        primary: W.title,
+                        secondary: p ? void 0 : W.timestamp,
+                        primaryTypographyProps: {
+                          variant: "body2",
+                          fontWeight: D ? 600 : 400,
+                          color: "text.primary",
+                          noWrap: !0,
+                          sx: {
+                            overflow: "hidden",
+                            textOverflow: "ellipsis"
+                          }
+                        },
+                        secondaryTypographyProps: {
+                          variant: "caption",
+                          color: "text.secondary"
+                        },
+                        sx: {
+                          // In compact mode, limit width to make room for timestamp
+                          ...p && {
+                            flex: "1 1 auto",
+                            minWidth: 0,
+                            mr: 1
+                          }
+                        }
+                      }
+                    ),
+                    p && /* @__PURE__ */ e(
+                      u,
+                      {
+                        variant: "caption",
+                        color: "text.disabled",
+                        sx: {
+                          flexShrink: 0,
+                          whiteSpace: "nowrap"
+                        },
+                        children: W.timestamp
+                      }
+                    )
+                  ]
+                }
+              )
+            },
+            W.id
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ l(
+      ye,
+      {
+        anchorEl: k,
+        open: !!k,
+        onClose: S,
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        transformOrigin: { vertical: "top", horizontal: "right" },
+        slotProps: {
+          paper: {
+            sx: {
+              minWidth: 160,
+              borderRadius: v.md
+            }
+          }
+        },
+        children: [
+          m && /* @__PURE__ */ l(Z, { onClick: () => A(m), children: [
+            /* @__PURE__ */ e(N, { sx: { minWidth: 32 }, children: /* @__PURE__ */ e(f, { name: (B?.pinned, "bookmark"), size: "small" }) }),
+            /* @__PURE__ */ e(K, { primary: B?.pinned ? "Unpin" : "Pin" })
+          ] }),
+          i && /* @__PURE__ */ l(Z, { onClick: () => A(i), children: [
+            /* @__PURE__ */ e(N, { sx: { minWidth: 32 }, children: /* @__PURE__ */ e(f, { name: "edit", size: "small" }) }),
+            /* @__PURE__ */ e(K, { primary: "Rename" })
+          ] }),
+          a && /* @__PURE__ */ l(Z, { onClick: () => A(a), children: [
+            /* @__PURE__ */ e(N, { sx: { minWidth: 32 }, children: /* @__PURE__ */ e(f, { name: "share", size: "small" }) }),
+            /* @__PURE__ */ e(K, { primary: "Share" })
+          ] }),
+          s && /* @__PURE__ */ l(Z, { onClick: () => A(s), children: [
+            /* @__PURE__ */ e(N, { sx: { minWidth: 32 }, children: /* @__PURE__ */ e(f, { name: "folder", size: "small" }) }),
+            /* @__PURE__ */ e(K, { primary: "Add to Project" })
+          ] }),
+          o && (m || i || a || s) && /* @__PURE__ */ e(ue, {}),
+          o && /* @__PURE__ */ l(Z, { onClick: () => A(o), sx: { color: "error.main" }, children: [
+            /* @__PURE__ */ e(N, { sx: { minWidth: 32, color: "error.main" }, children: /* @__PURE__ */ e(f, { name: "trash", size: "small" }) }),
+            /* @__PURE__ */ e(K, { primary: "Delete" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}, Yt = ({ size: r = "small" }) => {
+  const n = r === "small" ? 32 : 40;
+  return /* @__PURE__ */ e(
+    d,
+    {
+      sx: {
+        width: n,
+        height: n,
+        borderRadius: v.circle,
+        backgroundColor: "grey.300",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexShrink: 0
+      },
+      children: /* @__PURE__ */ e(f, { name: "user", size: "small", color: "action" })
+    }
+  );
+}, Jt = ({ content: r }) => /* @__PURE__ */ l(
+  d,
+  {
+    sx: {
+      display: "flex",
+      gap: c.md,
+      justifyContent: "flex-end",
+      mb: c.md
+    },
+    children: [
+      /* @__PURE__ */ e(
+        d,
+        {
+          sx: {
+            maxWidth: "80%",
+            px: c.md,
+            py: c.sm,
+            borderRadius: v.lg,
+            backgroundColor: "primary.main",
+            color: "primary.contrastText"
+          },
+          children: /* @__PURE__ */ e(u, { variant: "body2", children: r })
+        }
+      ),
+      /* @__PURE__ */ e(d, { sx: { flexShrink: 0, pt: 0.5 }, children: /* @__PURE__ */ e(Yt, { size: "small" }) })
+    ]
+  }
+), ea = ({
+  messages: r,
+  relatedQuestions: n,
+  onRelatedQuestionClick: t,
+  suggestedActions: i
+}) => /* @__PURE__ */ e(
+  d,
+  {
+    sx: {
+      flex: 1,
+      overflow: "auto",
+      px: c.md,
+      py: c.md
+    },
+    children: r.length === 0 ? /* @__PURE__ */ l(
+      d,
+      {
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          height: "100%",
+          textAlign: "center",
+          color: "text.secondary"
+        },
+        children: [
+          /* @__PURE__ */ e(f, { name: "chat", size: "large", sx: { mb: c.sm, opacity: 0.5 } }),
+          /* @__PURE__ */ e(u, { variant: "body2", children: "Start a conversation" })
+        ]
+      }
+    ) : /* @__PURE__ */ l(G, { children: [
+      r.map(
+        (o) => o.role === "user" ? /* @__PURE__ */ e(Jt, { content: o.content }, o.id) : /* @__PURE__ */ l(d, { children: [
+          o.response ? /* @__PURE__ */ e(
+            Ue,
+            {
+              response: o.response,
+              timestamp: o.timestamp
+            }
+          ) : /* @__PURE__ */ e(Ue, { timestamp: o.timestamp, children: /* @__PURE__ */ e(u, { variant: "body2", color: "text.primary", children: o.content }) }),
+          o.sources && o.sources.length > 0 && /* @__PURE__ */ e(d, { sx: { ml: `calc(32px + ${c.md}px)`, mt: c.sm, mb: c.md }, children: /* @__PURE__ */ e(
+            Ft,
+            {
+              sources: o.sources,
+              defaultExpanded: !1
+            }
+          ) }),
+          o.relatedQuestions && o.relatedQuestions.length > 0 && /* @__PURE__ */ e(d, { sx: { ml: `calc(32px + ${c.md}px)`, mt: c.sm, mb: c.md }, children: /* @__PURE__ */ e(
+            je,
+            {
+              questions: o.relatedQuestions,
+              onQuestionClick: t,
+              defaultExpanded: !0
+            }
+          ) })
+        ] }, o.id)
+      ),
+      n && n.length > 0 && !r.some((o) => o.role === "assistant" && o.relatedQuestions?.length) && /* @__PURE__ */ e(d, { sx: { ml: `calc(32px + ${c.md}px)`, mt: c.md }, children: /* @__PURE__ */ e(
+        je,
+        {
+          questions: n,
+          onQuestionClick: t,
+          defaultExpanded: !0
+        }
+      ) }),
+      i && i.length > 0 && /* @__PURE__ */ e(
+        C,
+        {
+          direction: "row",
+          spacing: 1.5,
+          flexWrap: "wrap",
+          useFlexGap: !0,
+          sx: { ml: `calc(32px + ${c.md}px)`, mt: c.lg, gap: c.sm },
+          children: i.map((o, a) => /* @__PURE__ */ e(
+            Ze,
+            {
+              label: o.label,
+              onClick: o.onClick,
+              variant: "outlined"
+            },
+            a
+          ))
+        }
+      )
+    ] })
+  }
+), ra = 400, oa = 800, ia = 260, Us = ({
+  isOpen: r,
+  onClose: n,
+  defaultViewMode: t = "sidepanel",
+  title: i = "Insight Engine",
+  // Chat history
+  chats: o = [],
+  activeChatId: a,
+  onSelectChat: m,
+  onRenameChat: s,
+  onDeleteChat: g,
+  onShareChat: p,
+  onPinChat: x,
+  onAddChatToProject: k,
+  // Messages
+  messages: b = [],
+  // Input
+  inputValue: y = "",
+  onInputChange: I,
+  onSendMessage: $,
+  models: S,
+  selectedModel: A,
+  onModelChange: B,
+  sources: M,
+  onSourceToggle: W,
+  // Related questions & actions
+  relatedQuestions: D,
+  onRelatedQuestionClick: H,
+  suggestedActions: O,
+  // Sizing
+  sidepanelWidth: re = ra,
+  expandedWidth: oe = oa,
+  sx: ie
+}) => {
+  const [j, L] = R(t), [F, U] = R(!1), V = j === "expanded", ne = V ? oe : re, E = () => {
+    L((ge) => ge === "sidepanel" ? "expanded" : "sidepanel");
+  }, _ = () => {
+    y.trim() && $ && $(y.trim());
+  }, xe = /* @__PURE__ */ l(
+    d,
+    {
+      sx: {
+        width: ia,
+        borderRight: 1,
+        borderColor: "divider",
+        display: "flex",
+        flexDirection: "column",
+        backgroundColor: "background.default"
+      },
+      children: [
+        /* @__PURE__ */ e(d, { sx: { p: c.sm, borderBottom: 1, borderColor: "divider" }, children: /* @__PURE__ */ e(u, { variant: "caption", color: "text.secondary", fontWeight: 600, children: "HISTORY" }) }),
+        /* @__PURE__ */ e(d, { sx: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ e(
+          Ve,
+          {
+            chats: o,
+            activeChatId: a,
+            onSelectChat: m,
+            onRename: s,
+            onDelete: g,
+            onShare: p,
+            onPin: x,
+            onAddToProject: k,
+            compact: !0
+          }
+        ) })
+      ]
+    }
+  ), me = o.length > 0 && /* @__PURE__ */ l(d, { sx: { borderBottom: 1, borderColor: "divider" }, children: [
+    /* @__PURE__ */ l(
+      d,
+      {
+        component: "button",
+        onClick: () => U(!F),
+        sx: {
+          width: "100%",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          px: c.md,
+          py: c.sm,
+          border: "none",
+          backgroundColor: "transparent",
+          cursor: "pointer",
+          "&:hover": {
+            backgroundColor: "action.hover"
+          }
+        },
+        children: [
+          /* @__PURE__ */ l(u, { variant: "caption", color: "text.secondary", fontWeight: 600, children: [
+            "HISTORY (",
+            o.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ e(
+            f,
+            {
+              name: F ? "chevron-up" : "chevron-down",
+              size: "small",
+              sx: { color: "text.secondary" }
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(J, { in: F, children: /* @__PURE__ */ e(d, { sx: { maxHeight: 200, overflow: "auto" }, children: /* @__PURE__ */ e(
+      Ve,
+      {
+        chats: o,
+        activeChatId: a,
+        onSelectChat: m,
+        onRename: s,
+        onDelete: g,
+        onShare: p,
+        onPin: x,
+        onAddToProject: k,
+        compact: !0
+      }
+    ) }) })
+  ] }), ae = /* @__PURE__ */ l(
+    d,
+    {
+      sx: {
+        flex: 1,
+        display: "flex",
+        flexDirection: "column",
+        minHeight: 0,
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ e(
+          ea,
+          {
+            messages: b,
+            relatedQuestions: D,
+            onRelatedQuestionClick: H,
+            suggestedActions: O
+          }
+        ),
+        /* @__PURE__ */ e(
+          d,
+          {
+            sx: {
+              flexShrink: 0,
+              borderTop: 1,
+              borderColor: "divider",
+              p: c.md,
+              backgroundColor: "background.paper"
+            },
+            children: /* @__PURE__ */ e(
+              Pt,
+              {
+                value: y,
+                onChange: I,
+                onSubmit: _,
+                models: S,
+                selectedModel: A,
+                onModelChange: B,
+                sources: M,
+                onSourceToggle: W,
+                placeholder: "Ask anything..."
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ e(
+    ir,
+    {
+      anchor: "right",
+      open: r,
+      onClose: n,
+      variant: "persistent",
+      sx: {
+        "& .MuiDrawer-paper": {
+          width: ne,
+          transition: "width 0.2s ease-in-out"
+        },
+        ...ie
+      },
+      children: /* @__PURE__ */ l(
+        d,
+        {
+          sx: {
+            height: "100%",
+            display: "flex",
+            flexDirection: "column",
+            backgroundColor: "background.paper"
+          },
+          children: [
+            /* @__PURE__ */ e(
+              Xt,
+              {
+                title: i,
+                viewMode: j,
+                onToggleView: E,
+                onClose: n
+              }
+            ),
+            V ? (
+              // Expanded: side-by-side layout
+              /* @__PURE__ */ l(d, { sx: { flex: 1, display: "flex", minHeight: 0 }, children: [
+                xe,
+                ae
+              ] })
+            ) : (
+              // Sidepanel: stacked layout
+              /* @__PURE__ */ l(d, { sx: { flex: 1, display: "flex", flexDirection: "column", minHeight: 0 }, children: [
+                me,
+                ae
+              ] })
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  Is as A,
+  Os as B,
+  ea as C,
+  js as D,
+  $s as E,
+  As as F,
+  Es as G,
+  Ss as H,
+  f as I,
+  Ws as Q,
+  Hs as S,
+  Jt as U,
+  h as a,
+  v as b,
+  Ft as c,
+  je as d,
+  Wt as e,
+  Pt as f,
+  Rs as g,
+  Fs as h,
+  de as i,
+  Us as j,
+  Xt as k,
+  Ve as l,
+  Qt as m,
+  Ot as n,
+  Ue as o,
+  Yt as p,
+  St as q,
+  zs as r,
+  Rt as s,
+  Ps as t,
+  Ze as u,
+  Ms as v,
+  Ts as w,
+  Bs as x,
+  Ds as y,
+  Ls as z
+};