@trinityui/design-system 1.0.7 → 1.0.9

package/dist/ai.js

@@ -1,4466 +0,0 @@
-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
-};