@trinitydesign/design-system 1.2.1 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/navigation.js +756 -673
  2. package/package.json +2 -2
package/dist/navigation.js CHANGED
@@ -1,106 +1,189 @@
1
- import * as H from "react";
1
+ import * as B from "react";
2
2
  import { useState as z, useCallback as W, useRef as Oe, useEffect as $e } from "react";
3
- import { jsxs as i, jsx as e, Fragment as Te } from "react/jsx-runtime";
4
- import { useTheme as we, useMediaQuery as Ae, AppBar as mn, Toolbar as un, Box as l, Divider as pe, Typography as b, IconButton as v, Menu as me, MenuItem as O, Avatar as Pe, ListItemIcon as Z, ListItemText as ee, Drawer as Xe, InputBase as qe, Button as Je, List as gn, ListItem as fn, ListItemButton as xn, alpha as _e, Tooltip as U, TextField as tn, InputAdornment as yn, Stack as de, Chip as Cn, Fab as Sn, Badge as wn } from "@mui/material";
3
+ import { jsxs as o, jsx as e, Fragment as Te } from "react/jsx-runtime";
4
+ import { useTheme as we, useMediaQuery as Ae, AppBar as pt, Toolbar as mt, Box as l, Divider as pe, Typography as b, IconButton as v, Menu as me, MenuItem as O, Avatar as Pe, ListItemIcon as J, ListItemText as ee, Drawer as Ze, InputBase as Ye, Button as qe, List as ut, ListItem as gt, ListItemButton as ft, alpha as _e, Tooltip as j, TextField as nt, InputAdornment as bt, Stack as de, Chip as yt, Fab as Ct, Badge as St } from "@mui/material";
5
5
  import ge from "@mui/icons-material/Search";
6
6
  import Ee from "@mui/icons-material/Clear";
7
- import Ze from "@mui/icons-material/Apps";
7
+ import Je from "@mui/icons-material/Apps";
8
8
  import De from "@mui/icons-material/KeyboardArrowDown";
9
- import Fe from "@mui/icons-material/HelpOutline";
10
- import je from "@mui/icons-material/NotificationsNone";
11
- import en from "@mui/icons-material/Logout";
9
+ import Ne from "@mui/icons-material/HelpOutline";
10
+ import Fe from "@mui/icons-material/NotificationsNone";
11
+ import et from "@mui/icons-material/Logout";
12
12
  import Ce from "@mui/icons-material/OpenInNew";
13
- import { b as f, s as t, c as he, d as Y, I as ye, e as vn, A as kn, f as zn, g as In, h as Wn, i as An, j as Pn, k as En, l as Dn } from "./ai.js";
14
- import nn from "./assets/trinity-logo-white.svg";
13
+ import { b as f, s as n, c as he, d as X, I as ye, e as wt, A as vt, f as kt, g as zt, h as It, i as Wt, j as At, k as Pt, l as Et } from "./ai.js";
15
14
  import { alpha as _, styled as $ } from "@mui/material/styles";
16
- import Ye from "@mui/icons-material/Close";
17
- import Tn from "@mui/icons-material/Menu";
18
- import Mn from "@mui/icons-material/HomeOutlined";
19
- import Ln from "@mui/icons-material/TrendingUp";
20
- import Rn from "@mui/icons-material/TrackChanges";
21
- import Bn from "@mui/icons-material/FolderOpen";
22
- import Hn from "@mui/icons-material/SupportAgent";
23
- import bn from "@mui/icons-material/AutoAwesome";
24
- import On from "@mui/icons-material/ChatBubbleOutline";
25
- import $n from "@mui/icons-material/DeleteOutline";
26
- import Nn from "@mui/icons-material/Edit";
27
- import Fn from "@mui/icons-material/MoreHoriz";
28
- import jn from "@mui/icons-material/Add";
29
- import Un from "@mui/icons-material/ChevronLeft";
30
- import Kn from "@mui/icons-material/Folder";
31
- import on from "@mui/icons-material/Star";
32
- import Vn from "@mui/icons-material/StarBorder";
33
- const rn = $("div")(({ theme: n, focused: o }) => ({
15
+ import Xe from "@mui/icons-material/Close";
16
+ import Dt from "@mui/icons-material/Menu";
17
+ import Tt from "@mui/icons-material/HomeOutlined";
18
+ import Mt from "@mui/icons-material/TrendingUp";
19
+ import Lt from "@mui/icons-material/TrackChanges";
20
+ import Ht from "@mui/icons-material/FolderOpen";
21
+ import Rt from "@mui/icons-material/SupportAgent";
22
+ import xt from "@mui/icons-material/AutoAwesome";
23
+ import Bt from "@mui/icons-material/ChatBubbleOutline";
24
+ import Ot from "@mui/icons-material/DeleteOutline";
25
+ import $t from "@mui/icons-material/Edit";
26
+ import Vt from "@mui/icons-material/MoreHoriz";
27
+ import Nt from "@mui/icons-material/Add";
28
+ import Ft from "@mui/icons-material/ChevronLeft";
29
+ import jt from "@mui/icons-material/Folder";
30
+ import ot from "@mui/icons-material/Star";
31
+ import Ut from "@mui/icons-material/StarBorder";
32
+ const tt = ({
33
+ height: t = 28,
34
+ className: i
35
+ }) => {
36
+ const a = t * 4.018867924528302;
37
+ return /* @__PURE__ */ o(
38
+ "svg",
39
+ {
40
+ xmlns: "http://www.w3.org/2000/svg",
41
+ width: a,
42
+ height: t,
43
+ viewBox: "0 0 213 53",
44
+ fill: "none",
45
+ className: i,
46
+ "aria-label": "Trinity",
47
+ role: "img",
48
+ children: [
49
+ /* @__PURE__ */ o("g", { clipPath: "url(#trinity-logo-clip)", children: [
50
+ /* @__PURE__ */ e(
51
+ "path",
52
+ {
53
+ d: "M212.525 18.8744C212.304 19.023 212.157 19.1716 211.936 19.3944C208.844 23.8516 205.826 28.3087 202.735 32.7659C202.44 33.2116 202.367 33.6573 202.367 34.1773C202.367 37.0744 202.367 40.0459 202.367 43.0173H199.496V42.0516C199.496 39.4516 199.496 36.8516 199.496 34.2516C199.496 33.6573 199.349 33.1373 198.981 32.6173C196.036 28.2344 193.018 23.8516 190 19.4687C189.853 19.2459 189.706 18.9487 189.411 18.5773C190.515 18.5773 191.472 18.503 192.503 18.5773C192.724 18.5773 193.018 18.8744 193.165 19.1716C195.521 22.663 197.95 26.2287 200.306 29.7201L200.968 30.6859L204.575 25.3373C205.974 23.2573 207.372 21.1773 208.771 19.0973C208.992 18.7259 209.433 18.4287 209.949 18.503C210.832 18.503 211.642 18.4287 212.525 18.4287V18.8744Z",
54
+ fill: "white"
55
+ }
56
+ ),
57
+ /* @__PURE__ */ e(
58
+ "path",
59
+ {
60
+ d: "M134.645 38.0401V18.6515H137.295V43.0172C136.706 43.0915 136.117 43.0915 135.528 43.0172C135.16 42.9429 134.865 42.7201 134.645 42.4229C129.86 36.3315 125.075 30.2401 120.364 24.1486C120.143 23.9258 119.996 23.6286 119.628 23.2572V43.0172H116.904V18.5772C117.714 18.5029 118.45 18.5029 119.26 18.5772C119.481 18.5772 119.775 18.9486 119.996 19.1715C124.707 25.1143 129.345 31.0572 134.056 37.0743L134.645 38.0401Z",
61
+ fill: "white"
62
+ }
63
+ ),
64
+ /* @__PURE__ */ e(
65
+ "path",
66
+ {
67
+ d: "M84.0006 33.1371L91.4353 43.0171C90.2575 43.0171 89.3006 43.0914 88.27 43.0171C87.9756 43.0171 87.6811 42.6457 87.5339 42.4228C85.4728 39.6742 83.4853 36.9999 81.4978 34.2514C81.2034 33.8057 80.7617 33.5828 80.2464 33.6571C78.2589 33.7314 76.2714 33.6571 74.1367 33.6571V43.0171H71.4131V18.7257C71.4867 18.6514 71.4867 18.6514 71.5603 18.6514C75.3881 18.6514 79.1423 18.6514 82.97 18.7257C83.8534 18.7999 84.8103 18.9485 85.62 19.2457C88.8589 20.2857 90.552 22.7371 90.552 26.0057C90.552 29.2742 88.7853 31.5771 85.62 32.6914C85.1048 32.8399 84.5895 32.9142 84.0006 33.1371ZM74.0631 31.2057C77.302 31.0571 80.4673 31.0571 83.6325 30.7599C85.3992 30.6114 86.945 29.3485 87.3867 27.5657C88.3436 24.5199 86.6506 21.8457 83.2645 21.3999C81.0561 21.2514 78.8478 21.1771 76.6395 21.1771C75.7561 21.1771 74.8728 21.1771 73.9895 21.1771L74.0631 31.2057Z",
68
+ fill: "white"
69
+ }
70
+ ),
71
+ /* @__PURE__ */ e(
72
+ "path",
73
+ {
74
+ d: "M2.43945 24.0742C3.47001 23.7771 4.50035 24.2228 5.01562 25.1143C5.23639 25.5599 5.38343 26.0797 5.45703 26.5996V49.7021C5.45703 51.3364 4.50053 52.3769 3.02832 52.377C1.5561 52.377 0.599609 51.3364 0.599609 49.7021V26.5254C0.525999 25.4111 1.33531 24.3714 2.43945 24.0742ZM11.7881 8.40039C12.745 7.50903 14.2905 7.58314 15.1738 8.54883C15.4682 8.84595 15.6155 9.2175 15.7627 9.58887C15.8363 9.96021 15.9102 10.3318 15.9102 10.7031V41.7539C15.9102 43.5368 15.1001 44.5771 13.6279 44.6514C12.0821 44.7257 11.0518 43.611 11.0518 41.8281V28.8281L10.9775 26.1543V10.6289C10.9039 9.81176 11.1992 8.99468 11.7881 8.40039ZM23.2715 0.525391C24.302 0.22826 25.3324 0.674007 25.8477 1.56543C26.0684 2.01105 26.2154 2.53089 26.2891 3.05078V26.1543C26.2889 27.7883 25.3324 28.8281 23.8604 28.8281C22.3883 28.8281 21.4318 27.7883 21.4316 26.1543V2.97656C21.3581 1.86233 22.1674 0.822521 23.2715 0.525391Z",
75
+ fill: "url(#trinity-logo-gradient)"
76
+ }
77
+ ),
78
+ /* @__PURE__ */ e(
79
+ "path",
80
+ {
81
+ d: "M50.4341 21.2513H42.3369V18.7256H61.3286V21.2513H53.2314V43.017H50.3605V21.2513H50.4341Z",
82
+ fill: "white"
83
+ }
84
+ ),
85
+ /* @__PURE__ */ e(
86
+ "path",
87
+ {
88
+ d: "M181.24 18.6514V21.1771H173.217V42.9428H170.419V21.2514H162.322V18.7257H181.24V18.6514Z",
89
+ fill: "white"
90
+ }
91
+ ),
92
+ /* @__PURE__ */ e("path", { d: "M152.679 42.9428H150.029V18.6514H152.679V42.9428Z", fill: "white" }),
93
+ /* @__PURE__ */ e("path", { d: "M104.17 42.9427H101.446V18.7256H104.17V42.9427Z", fill: "white" })
94
+ ] }),
95
+ /* @__PURE__ */ o("defs", { children: [
96
+ /* @__PURE__ */ o(
97
+ "linearGradient",
98
+ {
99
+ id: "trinity-logo-gradient",
100
+ x1: "0.594727",
101
+ y1: "52.3768",
102
+ x2: "26.2904",
103
+ y2: "0.434374",
104
+ gradientUnits: "userSpaceOnUse",
105
+ children: [
106
+ /* @__PURE__ */ e("stop", { stopColor: "#FF6150" }),
107
+ /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#6B12ED" })
108
+ ]
109
+ }
110
+ ),
111
+ /* @__PURE__ */ e("clipPath", { id: "trinity-logo-clip", children: /* @__PURE__ */ e("rect", { width: "212", height: "52", fill: "white", transform: "translate(0.525391 0.451172)" }) })
112
+ ] })
113
+ ]
114
+ }
115
+ );
116
+ }, it = $("div")(({ theme: t, focused: i }) => ({
34
117
  position: "relative",
35
- borderRadius: `${t.borders.radius.menu}px`,
118
+ borderRadius: `${n.borders.radius.menu}px`,
36
119
  // 12px
37
- backgroundColor: o === "true" ? n.palette.common.white : t.effects.onDark.subtle,
120
+ backgroundColor: i === "true" ? t.palette.common.white : n.effects.onDark.subtle,
38
121
  // 12% white
39
122
  "&:hover": {
40
- backgroundColor: o === "true" ? n.palette.common.white : "rgba(255, 255, 255, 0.15)"
123
+ backgroundColor: i === "true" ? t.palette.common.white : "rgba(255, 255, 255, 0.15)"
41
124
  // @intentional-color: hover state slightly stronger
42
125
  },
43
- marginRight: n.spacing(2),
44
- marginLeft: n.spacing(2),
126
+ marginRight: t.spacing(2),
127
+ marginLeft: t.spacing(2),
45
128
  width: "100%",
46
129
  maxWidth: 400,
47
- transition: n.transitions.create(["background-color"]),
48
- [n.breakpoints.up("sm")]: {
49
- marginLeft: n.spacing(3),
130
+ transition: t.transitions.create(["background-color"]),
131
+ [t.breakpoints.up("sm")]: {
132
+ marginLeft: t.spacing(3),
50
133
  width: "auto",
51
134
  minWidth: 300
52
135
  }
53
- })), an = $("div")(({ theme: n, focused: o }) => ({
54
- padding: n.spacing(0, 2),
136
+ })), rt = $("div")(({ theme: t, focused: i }) => ({
137
+ padding: t.spacing(0, 2),
55
138
  height: "100%",
56
139
  position: "absolute",
57
140
  pointerEvents: "none",
58
141
  display: "flex",
59
142
  alignItems: "center",
60
143
  justifyContent: "center",
61
- color: o === "true" ? f.primary.main : _(n.palette.common.white, 0.5)
62
- })), ln = $(qe)(({ theme: n, focused: o }) => ({
63
- color: o === "true" ? f.primary.main : "inherit",
144
+ color: i === "true" ? f.primary.main : _(t.palette.common.white, 0.5)
145
+ })), at = $(Ye)(({ theme: t, focused: i }) => ({
146
+ color: i === "true" ? f.primary.main : "inherit",
64
147
  width: "100%",
65
148
  "& .MuiInputBase-input": {
66
- padding: n.spacing(1, 4, 1, 0),
67
- paddingLeft: `calc(1em + ${n.spacing(4)})`,
68
- transition: n.transitions.create("width"),
149
+ padding: t.spacing(1, 4, 1, 0),
150
+ paddingLeft: `calc(1em + ${t.spacing(4)})`,
151
+ transition: t.transitions.create("width"),
69
152
  width: "100%",
70
- fontSize: t.typography.body.small.fontSize,
153
+ fontSize: n.typography.body.small.fontSize,
71
154
  // 14px
72
155
  "&::placeholder": {
73
- color: o === "true" ? f.neutral.gray500 : _(n.palette.common.white, 0.5),
156
+ color: i === "true" ? f.neutral.gray500 : _(t.palette.common.white, 0.5),
74
157
  opacity: 1
75
158
  }
76
159
  }
77
- })), sn = $(v)(({ show: n }) => ({
160
+ })), lt = $(v)(({ show: t }) => ({
78
161
  position: "absolute",
79
- right: t.inline.tight,
162
+ right: n.inline.tight,
80
163
  // 4px
81
164
  top: "50%",
82
165
  transform: "translateY(-50%)",
83
- padding: t.inline.tight,
166
+ padding: n.inline.tight,
84
167
  // 4px
85
- opacity: n === "true" ? 1 : 0,
86
- pointerEvents: n === "true" ? "auto" : "none",
168
+ opacity: t === "true" ? 1 : 0,
169
+ pointerEvents: t === "true" ? "auto" : "none",
87
170
  color: f.neutral.gray500,
88
171
  "&:hover": {
89
- backgroundColor: t.effects.overlay.hover
172
+ backgroundColor: n.effects.overlay.hover
90
173
  // 8%
91
174
  }
92
- })), Qn = $(Je)(({ theme: n }) => ({
93
- backgroundColor: t.effects.onDark.subtle,
175
+ })), Kt = $(qe)(({ theme: t }) => ({
176
+ backgroundColor: n.effects.onDark.subtle,
94
177
  // 12% white
95
- color: n.palette.common.white,
96
- borderRadius: `${t.borders.radius.menu}px`,
178
+ color: t.palette.common.white,
179
+ borderRadius: `${n.borders.radius.menu}px`,
97
180
  // 12px
98
- padding: `${t.inline.tight}px ${t.inline.compact}px`,
181
+ padding: `${n.inline.tight}px ${n.inline.compact}px`,
99
182
  // 6px 12px
100
183
  textTransform: "none",
101
- fontSize: t.typography.body.small.fontSize,
184
+ fontSize: n.typography.body.small.fontSize,
102
185
  // 14px
103
- fontWeight: t.typography.body.small.fontWeight,
186
+ fontWeight: n.typography.body.small.fontWeight,
104
187
  // 400
105
188
  minWidth: 180,
106
189
  justifyContent: "space-between",
@@ -108,10 +191,10 @@ const rn = $("div")(({ theme: n, focused: o }) => ({
108
191
  backgroundColor: "rgba(255, 255, 255, 0.15)"
109
192
  // @intentional-color: hover state
110
193
  }
111
- })), _n = () => /* @__PURE__ */ e(l, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ e("img", { src: nn, alt: "Trinity", height: 28 }) });
112
- function Gn({
113
- appName: n = "App Name",
114
- clientName: o = "Long Client Name 1",
194
+ })), Qt = () => /* @__PURE__ */ e(l, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ e(tt, { height: 28 }) });
195
+ function _t({
196
+ appName: t = "App Name",
197
+ clientName: i = "Long Client Name 1",
115
198
  clients: s = [
116
199
  { id: "1", name: "Long Client Name 1" },
117
200
  { id: "2", name: "Long Client Name 2" },
@@ -136,39 +219,39 @@ function Gn({
136
219
  }) {
137
220
  const L = we();
138
221
  Ae(L.breakpoints.down("md"));
139
- const N = Ae(L.breakpoints.down("sm")), [B, q] = H.useState(null), [I, R] = H.useState(null), [C, D] = H.useState(null), [m, T] = H.useState(o), [M, F] = H.useState(""), [K, S] = H.useState(!1), [V, d] = H.useState(!1), w = (x) => {
140
- q(x.currentTarget);
222
+ const V = Ae(L.breakpoints.down("sm")), [R, Y] = B.useState(null), [I, H] = B.useState(null), [C, D] = B.useState(null), [m, T] = B.useState(i), [M, N] = B.useState(""), [U, S] = B.useState(!1), [K, d] = B.useState(!1), w = (x) => {
223
+ Y(x.currentTarget);
141
224
  }, oe = () => {
142
- q(null);
225
+ Y(null);
143
226
  }, re = (x) => {
144
227
  T(x.name), a?.(x.id), oe();
145
228
  }, ae = (x) => {
146
- R(x.currentTarget);
147
- }, ne = () => {
148
- R(null);
229
+ H(x.currentTarget);
230
+ }, te = () => {
231
+ H(null);
149
232
  }, G = (x) => {
150
- E?.(x), ne();
233
+ E?.(x), te();
151
234
  }, le = (x) => {
152
235
  D(x.currentTarget);
153
236
  }, Q = () => {
154
237
  D(null);
155
- }, te = (x) => {
238
+ }, ne = (x) => {
156
239
  A?.(x), Q();
157
240
  }, P = (x) => {
158
- F(x.target.value);
241
+ N(x.target.value);
159
242
  }, se = (x) => {
160
243
  x.key === "Enter" && h?.(M);
161
244
  }, ce = () => {
162
- F("");
245
+ N("");
163
246
  }, Se = () => {
164
247
  d(!0);
165
- }, J = () => {
166
- d(!1), F(""), S(!1);
248
+ }, q = () => {
249
+ d(!1), N(""), S(!1);
167
250
  }, fe = () => {
168
- M.trim() && (h?.(M), J());
251
+ M.trim() && (h?.(M), q());
169
252
  };
170
- return /* @__PURE__ */ i(
171
- mn,
253
+ return /* @__PURE__ */ o(
254
+ pt,
172
255
  {
173
256
  position: "fixed",
174
257
  elevation: 0,
@@ -179,16 +262,16 @@ function Gn({
179
262
  borderRadius: 0
180
263
  },
181
264
  children: [
182
- /* @__PURE__ */ i(
183
- un,
265
+ /* @__PURE__ */ o(
266
+ mt,
184
267
  {
185
268
  component: "nav",
186
269
  "aria-label": "Main navigation",
187
270
  sx: { minHeight: 56, px: { xs: 2, sm: 3 } },
188
271
  children: [
189
- /* @__PURE__ */ i(l, { sx: { display: "flex", alignItems: "center", gap: { xs: 1, sm: 2 }, minWidth: 0 }, children: [
190
- /* @__PURE__ */ e(_n, {}),
191
- !(N && k) && /* @__PURE__ */ i(Te, { children: [
272
+ /* @__PURE__ */ o(l, { sx: { display: "flex", alignItems: "center", gap: { xs: 1, sm: 2 }, minWidth: 0 }, children: [
273
+ /* @__PURE__ */ e(Qt, {}),
274
+ !(V && k) && /* @__PURE__ */ o(Te, { children: [
192
275
  /* @__PURE__ */ e(
193
276
  pe,
194
277
  {
@@ -197,7 +280,7 @@ function Gn({
197
280
  sx: {
198
281
  backgroundColor: "rgba(255, 255, 255, 0.3)",
199
282
  // @intentional-color: decorative divider
200
- height: t.iconSize.prominent,
283
+ height: n.iconSize.prominent,
201
284
  // 24px
202
285
  alignSelf: "center",
203
286
  display: { xs: "none", sm: "block" }
@@ -211,26 +294,26 @@ function Gn({
211
294
  noWrap: !0,
212
295
  sx: {
213
296
  color: "white",
214
- fontWeight: t.typography.label.large.fontWeight,
297
+ fontWeight: n.typography.label.large.fontWeight,
215
298
  // 500
216
- fontSize: t.typography.body.small.fontSize,
299
+ fontSize: n.typography.body.small.fontSize,
217
300
  // 14px
218
301
  display: { xs: "none", sm: "block" }
219
302
  },
220
- children: n
303
+ children: t
221
304
  }
222
305
  )
223
306
  ] })
224
307
  ] }),
225
- /* @__PURE__ */ e(l, { sx: { flexGrow: 1, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ i(
226
- rn,
308
+ /* @__PURE__ */ e(l, { sx: { flexGrow: 1, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ o(
309
+ it,
227
310
  {
228
- focused: K.toString(),
311
+ focused: U.toString(),
229
312
  sx: { display: { xs: "none", md: "flex" } },
230
313
  children: [
231
- /* @__PURE__ */ e(an, { focused: K.toString(), children: /* @__PURE__ */ e(ge, {}) }),
314
+ /* @__PURE__ */ e(rt, { focused: U.toString(), children: /* @__PURE__ */ e(ge, {}) }),
232
315
  /* @__PURE__ */ e(
233
- ln,
316
+ at,
234
317
  {
235
318
  placeholder: "Search",
236
319
  inputProps: { "aria-label": "search" },
@@ -239,11 +322,11 @@ function Gn({
239
322
  onKeyPress: se,
240
323
  onFocus: () => S(!0),
241
324
  onBlur: () => S(!1),
242
- focused: K.toString()
325
+ focused: U.toString()
243
326
  }
244
327
  ),
245
328
  /* @__PURE__ */ e(
246
- sn,
329
+ lt,
247
330
  {
248
331
  show: (M.length > 0).toString(),
249
332
  onClick: ce,
@@ -262,24 +345,24 @@ function Gn({
262
345
  "aria-label": "Open search",
263
346
  sx: {
264
347
  display: { xs: "flex", md: "none" },
265
- color: t.effects.onDark.secondary,
348
+ color: n.effects.onDark.secondary,
266
349
  "&:hover": {
267
- backgroundColor: t.effects.onDark.subtle,
350
+ backgroundColor: n.effects.onDark.subtle,
268
351
  color: f.neutral.white
269
352
  }
270
353
  },
271
354
  children: /* @__PURE__ */ e(ge, {})
272
355
  }
273
356
  ),
274
- /* @__PURE__ */ i(l, { sx: { display: "flex", alignItems: "center", gap: { xs: 0.5, sm: 1.5 } }, children: [
357
+ /* @__PURE__ */ o(l, { sx: { display: "flex", alignItems: "center", gap: { xs: 0.5, sm: 1.5 } }, children: [
275
358
  /* @__PURE__ */ e(
276
- Qn,
359
+ Kt,
277
360
  {
278
361
  onClick: w,
279
362
  endIcon: /* @__PURE__ */ e(De, {}),
280
363
  "aria-label": `Current client: ${m}. Click to switch clients`,
281
364
  "aria-haspopup": "listbox",
282
- "aria-expanded": !!B,
365
+ "aria-expanded": !!R,
283
366
  sx: {
284
367
  minWidth: { xs: 100, sm: 180 },
285
368
  maxWidth: { xs: 120, sm: "none" },
@@ -290,12 +373,12 @@ function Gn({
290
373
  children: /* @__PURE__ */ e(b, { noWrap: !0, sx: { maxWidth: { xs: 80, sm: "none" } }, children: m })
291
374
  }
292
375
  ),
293
- /* @__PURE__ */ i(
376
+ /* @__PURE__ */ o(
294
377
  me,
295
378
  {
296
379
  id: "client-menu",
297
- anchorEl: B,
298
- open: !!B,
380
+ anchorEl: R,
381
+ open: !!R,
299
382
  onClose: oe,
300
383
  anchorOrigin: {
301
384
  vertical: "bottom",
@@ -313,9 +396,9 @@ function Gn({
313
396
  sx: {
314
397
  mt: 1,
315
398
  minWidth: 220,
316
- borderRadius: t.borders.radiusPx.lg,
399
+ borderRadius: n.borders.radiusPx.lg,
317
400
  // 12px
318
- boxShadow: t.effects.shadow.floating
401
+ boxShadow: n.effects.shadow.floating
319
402
  }
320
403
  },
321
404
  children: [
@@ -351,18 +434,18 @@ function Gn({
351
434
  "aria-haspopup": "menu",
352
435
  "aria-expanded": !!C,
353
436
  sx: {
354
- color: t.effects.onDark.secondary,
437
+ color: n.effects.onDark.secondary,
355
438
  // 70% white
356
439
  "&:hover": {
357
- backgroundColor: t.effects.onDark.subtle,
440
+ backgroundColor: n.effects.onDark.subtle,
358
441
  // 12% white
359
442
  color: f.neutral.white
360
443
  }
361
444
  },
362
- children: /* @__PURE__ */ e(Ze, {})
445
+ children: /* @__PURE__ */ e(Je, {})
363
446
  }
364
447
  ),
365
- /* @__PURE__ */ i(
448
+ /* @__PURE__ */ o(
366
449
  me,
367
450
  {
368
451
  anchorEl: C,
@@ -380,19 +463,19 @@ function Gn({
380
463
  sx: {
381
464
  mt: 1,
382
465
  minWidth: 240,
383
- borderRadius: t.borders.radiusPx.lg,
466
+ borderRadius: n.borders.radiusPx.lg,
384
467
  // 12px
385
- boxShadow: t.effects.shadow.floating
468
+ boxShadow: n.effects.shadow.floating
386
469
  }
387
470
  },
388
471
  children: [
389
- /* @__PURE__ */ i(
472
+ /* @__PURE__ */ o(
390
473
  O,
391
474
  {
392
475
  sx: { py: 1.5 },
393
- onClick: () => te("trinity-edge"),
476
+ onClick: () => ne("trinity-edge"),
394
477
  children: [
395
- /* @__PURE__ */ i(l, { sx: { flex: 1 }, children: [
478
+ /* @__PURE__ */ o(l, { sx: { flex: 1 }, children: [
396
479
  /* @__PURE__ */ e(b, { variant: "subtitle2", fontWeight: 600, children: "TrinityEDGE" }),
397
480
  /* @__PURE__ */ e(b, { variant: "caption", color: "text.secondary", children: "Apps Access" })
398
481
  ] }),
@@ -401,10 +484,10 @@ function Gn({
401
484
  }
402
485
  ),
403
486
  /* @__PURE__ */ e(pe, {}),
404
- y.map((x) => /* @__PURE__ */ i(
487
+ y.map((x) => /* @__PURE__ */ o(
405
488
  O,
406
489
  {
407
- onClick: () => te(x.id),
490
+ onClick: () => ne(x.id),
408
491
  sx: { py: 1, justifyContent: "space-between" },
409
492
  children: [
410
493
  /* @__PURE__ */ e(b, { variant: "body2", children: x.name }),
@@ -416,7 +499,7 @@ function Gn({
416
499
  ]
417
500
  }
418
501
  ),
419
- /* @__PURE__ */ i(
502
+ /* @__PURE__ */ o(
420
503
  v,
421
504
  {
422
505
  onClick: ae,
@@ -426,12 +509,12 @@ function Gn({
426
509
  sx: {
427
510
  display: "flex",
428
511
  alignItems: "center",
429
- borderRadius: t.borders.radiusPx.lg,
512
+ borderRadius: n.borders.radiusPx.lg,
430
513
  // 12px
431
- padding: `${t.inline.tight}px ${t.inline.compact}px`,
514
+ padding: `${n.inline.tight}px ${n.inline.compact}px`,
432
515
  // 4px 8px
433
516
  "&:hover": {
434
- backgroundColor: t.effects.onDark.subtle
517
+ backgroundColor: n.effects.onDark.subtle
435
518
  // 12% white
436
519
  }
437
520
  },
@@ -442,9 +525,9 @@ function Gn({
442
525
  sx: {
443
526
  width: he.avatar.size.sm,
444
527
  height: he.avatar.size.sm,
445
- fontSize: t.typography.label.small.fontSize,
528
+ fontSize: n.typography.label.small.fontSize,
446
529
  // 12px
447
- fontWeight: t.typography.heading.h6.fontWeight,
530
+ fontWeight: n.typography.heading.h6.fontWeight,
448
531
  // 600
449
532
  backgroundColor: f.primary.light,
450
533
  color: "white"
@@ -456,9 +539,9 @@ function Gn({
456
539
  De,
457
540
  {
458
541
  sx: {
459
- color: t.effects.onDark.secondary,
542
+ color: n.effects.onDark.secondary,
460
543
  // 70% white
461
- fontSize: t.iconSize.navigation,
544
+ fontSize: n.iconSize.navigation,
462
545
  // 20px
463
546
  ml: 0.5
464
547
  }
@@ -467,12 +550,12 @@ function Gn({
467
550
  ]
468
551
  }
469
552
  ),
470
- /* @__PURE__ */ i(
553
+ /* @__PURE__ */ o(
471
554
  me,
472
555
  {
473
556
  anchorEl: I,
474
557
  open: !!I,
475
- onClose: ne,
558
+ onClose: te,
476
559
  anchorOrigin: {
477
560
  vertical: "bottom",
478
561
  horizontal: "right"
@@ -485,22 +568,22 @@ function Gn({
485
568
  sx: {
486
569
  mt: 1,
487
570
  minWidth: 240,
488
- borderRadius: t.borders.radiusPx.lg,
571
+ borderRadius: n.borders.radiusPx.lg,
489
572
  // 12px
490
- boxShadow: t.effects.shadow.floating
573
+ boxShadow: n.effects.shadow.floating
491
574
  }
492
575
  },
493
576
  children: [
494
- /* @__PURE__ */ i(l, { sx: { px: 2, py: 1.5, display: "flex", alignItems: "center", gap: 1.5 }, children: [
577
+ /* @__PURE__ */ o(l, { sx: { px: 2, py: 1.5, display: "flex", alignItems: "center", gap: 1.5 }, children: [
495
578
  /* @__PURE__ */ e(
496
579
  Pe,
497
580
  {
498
581
  sx: {
499
582
  width: he.avatar.size.md,
500
583
  height: he.avatar.size.md,
501
- fontSize: t.typography.body.small.fontSize,
584
+ fontSize: n.typography.body.small.fontSize,
502
585
  // 14px
503
- fontWeight: t.typography.heading.h6.fontWeight,
586
+ fontWeight: n.typography.heading.h6.fontWeight,
504
587
  // 600
505
588
  backgroundColor: f.primary.light,
506
589
  color: "white"
@@ -508,23 +591,23 @@ function Gn({
508
591
  children: u
509
592
  }
510
593
  ),
511
- /* @__PURE__ */ i(l, { children: [
594
+ /* @__PURE__ */ o(l, { children: [
512
595
  /* @__PURE__ */ e(b, { variant: "subtitle2", fontWeight: 600, children: g }),
513
596
  /* @__PURE__ */ e(b, { variant: "caption", color: "text.secondary", children: c })
514
597
  ] })
515
598
  ] }),
516
599
  /* @__PURE__ */ e(pe, {}),
517
- /* @__PURE__ */ i(O, { onClick: () => G("help"), sx: { py: 1.5 }, children: [
518
- /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(Fe, { fontSize: "small" }) }),
600
+ /* @__PURE__ */ o(O, { onClick: () => G("help"), sx: { py: 1.5 }, children: [
601
+ /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(Ne, { fontSize: "small" }) }),
519
602
  /* @__PURE__ */ e(ee, { primary: "Help" }),
520
603
  /* @__PURE__ */ e(Ce, { fontSize: "small", sx: { color: "text.secondary" } })
521
604
  ] }),
522
- /* @__PURE__ */ i(O, { onClick: () => G("notifications"), sx: { py: 1.5 }, children: [
523
- /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(je, { fontSize: "small" }) }),
605
+ /* @__PURE__ */ o(O, { onClick: () => G("notifications"), sx: { py: 1.5 }, children: [
606
+ /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(Fe, { fontSize: "small" }) }),
524
607
  /* @__PURE__ */ e(ee, { primary: "Notification" })
525
608
  ] }),
526
- /* @__PURE__ */ i(O, { onClick: () => G("logout"), sx: { py: 1.5 }, children: [
527
- /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(en, { fontSize: "small" }) }),
609
+ /* @__PURE__ */ o(O, { onClick: () => G("logout"), sx: { py: 1.5 }, children: [
610
+ /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(et, { fontSize: "small" }) }),
528
611
  /* @__PURE__ */ e(ee, { primary: "Log out" })
529
612
  ] })
530
613
  ]
@@ -535,11 +618,11 @@ function Gn({
535
618
  }
536
619
  ),
537
620
  /* @__PURE__ */ e(
538
- Xe,
621
+ Ze,
539
622
  {
540
623
  anchor: "top",
541
- open: V,
542
- onClose: J,
624
+ open: K,
625
+ onClose: q,
543
626
  sx: {
544
627
  display: { xs: "block", md: "none" },
545
628
  "& .MuiDrawer-paper": {
@@ -548,23 +631,23 @@ function Gn({
548
631
  pb: 2
549
632
  }
550
633
  },
551
- children: /* @__PURE__ */ i(l, { sx: { px: 2 }, children: [
552
- /* @__PURE__ */ i(l, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 2 }, children: [
634
+ children: /* @__PURE__ */ o(l, { sx: { px: 2 }, children: [
635
+ /* @__PURE__ */ o(l, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 2 }, children: [
553
636
  /* @__PURE__ */ e(
554
637
  v,
555
638
  {
556
- onClick: J,
639
+ onClick: q,
557
640
  "aria-label": "Close search",
558
641
  sx: { color: "white" },
559
- children: /* @__PURE__ */ e(Ye, {})
642
+ children: /* @__PURE__ */ e(Xe, {})
560
643
  }
561
644
  ),
562
645
  /* @__PURE__ */ e(b, { variant: "subtitle1", sx: { color: "white", fontWeight: 500 }, children: "Search" })
563
646
  ] }),
564
- /* @__PURE__ */ i(rn, { focused: "true", sx: { maxWidth: "none", mx: 0 }, children: [
565
- /* @__PURE__ */ e(an, { focused: "true", children: /* @__PURE__ */ e(ge, {}) }),
647
+ /* @__PURE__ */ o(it, { focused: "true", sx: { maxWidth: "none", mx: 0 }, children: [
648
+ /* @__PURE__ */ e(rt, { focused: "true", children: /* @__PURE__ */ e(ge, {}) }),
566
649
  /* @__PURE__ */ e(
567
- ln,
650
+ at,
568
651
  {
569
652
  placeholder: "Search...",
570
653
  inputProps: { "aria-label": "search" },
@@ -578,7 +661,7 @@ function Gn({
578
661
  }
579
662
  ),
580
663
  /* @__PURE__ */ e(
581
- sn,
664
+ lt,
582
665
  {
583
666
  show: (M.length > 0).toString(),
584
667
  onClick: ce,
@@ -595,77 +678,77 @@ function Gn({
595
678
  }
596
679
  );
597
680
  }
598
- const He = 200, Xn = 56, cn = $("div")(({ theme: n, focused: o }) => ({
681
+ const Be = 200, Gt = 56, st = $("div")(({ theme: t, focused: i }) => ({
599
682
  position: "relative",
600
- borderRadius: `${t.borders.radius.menu}px`,
683
+ borderRadius: `${n.borders.radius.menu}px`,
601
684
  // 12px
602
- backgroundColor: o === "true" ? n.palette.common.white : t.effects.onDark.subtle,
685
+ backgroundColor: i === "true" ? t.palette.common.white : n.effects.onDark.subtle,
603
686
  // 12% white
604
687
  "&:hover": {
605
- backgroundColor: o === "true" ? n.palette.common.white : "rgba(255, 255, 255, 0.15)"
688
+ backgroundColor: i === "true" ? t.palette.common.white : "rgba(255, 255, 255, 0.15)"
606
689
  // @intentional-color: hover state
607
690
  },
608
- marginRight: n.spacing(2),
609
- marginLeft: n.spacing(2),
691
+ marginRight: t.spacing(2),
692
+ marginLeft: t.spacing(2),
610
693
  width: "100%",
611
694
  maxWidth: 400,
612
- transition: n.transitions.create(["background-color"]),
613
- [n.breakpoints.up("sm")]: {
614
- marginLeft: n.spacing(3),
695
+ transition: t.transitions.create(["background-color"]),
696
+ [t.breakpoints.up("sm")]: {
697
+ marginLeft: t.spacing(3),
615
698
  width: "auto",
616
699
  minWidth: 300
617
700
  }
618
- })), dn = $("div")(({ theme: n, focused: o }) => ({
619
- padding: n.spacing(0, 2),
701
+ })), ct = $("div")(({ theme: t, focused: i }) => ({
702
+ padding: t.spacing(0, 2),
620
703
  height: "100%",
621
704
  position: "absolute",
622
705
  pointerEvents: "none",
623
706
  display: "flex",
624
707
  alignItems: "center",
625
708
  justifyContent: "center",
626
- color: o === "true" ? f.primary.main : _(n.palette.common.white, 0.5)
627
- })), hn = $(qe)(({ theme: n, focused: o }) => ({
628
- color: o === "true" ? f.primary.main : "inherit",
709
+ color: i === "true" ? f.primary.main : _(t.palette.common.white, 0.5)
710
+ })), dt = $(Ye)(({ theme: t, focused: i }) => ({
711
+ color: i === "true" ? f.primary.main : "inherit",
629
712
  width: "100%",
630
713
  "& .MuiInputBase-input": {
631
- padding: n.spacing(1, 4, 1, 0),
632
- paddingLeft: `calc(1em + ${n.spacing(4)})`,
633
- transition: n.transitions.create("width"),
714
+ padding: t.spacing(1, 4, 1, 0),
715
+ paddingLeft: `calc(1em + ${t.spacing(4)})`,
716
+ transition: t.transitions.create("width"),
634
717
  width: "100%",
635
- fontSize: t.typography.body.small.fontSize,
718
+ fontSize: n.typography.body.small.fontSize,
636
719
  // 14px
637
720
  "&::placeholder": {
638
- color: o === "true" ? f.neutral.gray500 : _(n.palette.common.white, 0.5),
721
+ color: i === "true" ? f.neutral.gray500 : _(t.palette.common.white, 0.5),
639
722
  opacity: 1
640
723
  }
641
724
  }
642
- })), pn = $(v)(({ show: n }) => ({
725
+ })), ht = $(v)(({ show: t }) => ({
643
726
  position: "absolute",
644
- right: t.inline.tight,
727
+ right: n.inline.tight,
645
728
  // 4px
646
729
  top: "50%",
647
730
  transform: "translateY(-50%)",
648
- padding: t.inline.tight,
731
+ padding: n.inline.tight,
649
732
  // 4px
650
- opacity: n === "true" ? 1 : 0,
651
- pointerEvents: n === "true" ? "auto" : "none",
733
+ opacity: t === "true" ? 1 : 0,
734
+ pointerEvents: t === "true" ? "auto" : "none",
652
735
  color: f.neutral.gray500,
653
736
  "&:hover": {
654
- backgroundColor: t.effects.overlay.hover
737
+ backgroundColor: n.effects.overlay.hover
655
738
  // 8%
656
739
  }
657
- })), Yn = $(Je)(({ theme: n }) => ({
658
- backgroundColor: t.effects.onDark.subtle,
740
+ })), Zt = $(qe)(({ theme: t }) => ({
741
+ backgroundColor: n.effects.onDark.subtle,
659
742
  // 12% white
660
- color: n.palette.common.white,
661
- borderRadius: `${t.borders.radius.menu}px`,
743
+ color: t.palette.common.white,
744
+ borderRadius: `${n.borders.radius.menu}px`,
662
745
  // 12px
663
- padding: `${t.density.compact.cellPadding}px ${t.density.standard.cellPadding}px`,
746
+ padding: `${n.density.compact.cellPadding}px ${n.density.standard.cellPadding}px`,
664
747
  // 6px 12px
665
748
  textTransform: "none",
666
- fontSize: t.typography.body.small.fontSize,
749
+ fontSize: n.typography.body.small.fontSize,
667
750
  // 14px
668
- fontWeight: t.typography.body.small.fontWeight,
751
+ fontWeight: n.typography.body.small.fontWeight,
669
752
  // 400
670
753
  minWidth: 180,
671
754
  justifyContent: "space-between",
@@ -673,17 +756,17 @@ const He = 200, Xn = 56, cn = $("div")(({ theme: n, focused: o }) => ({
673
756
  backgroundColor: "rgba(255, 255, 255, 0.15)"
674
757
  // @intentional-color: hover state
675
758
  }
676
- })), qn = () => /* @__PURE__ */ e(l, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ e("img", { src: nn, alt: "Trinity", height: 28 }) }), Jn = [
677
- { id: "home", label: "Home", icon: /* @__PURE__ */ e(Mn, {}) },
678
- { id: "menu2", label: "Menu 2", icon: /* @__PURE__ */ e(Ln, {}) },
679
- { id: "menu3", label: "Menu 3", icon: /* @__PURE__ */ e(Rn, {}) },
680
- { id: "menu4", label: "Menu 4", icon: /* @__PURE__ */ e(Bn, {}) },
681
- { id: "menu5", label: "Menu 5", icon: /* @__PURE__ */ e(Hn, {}) },
682
- { id: "insight-engine", label: "Insight Engine", icon: /* @__PURE__ */ e(bn, {}), isSpecial: !0 }
759
+ })), Xt = () => /* @__PURE__ */ e(l, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ e(tt, { height: 28 }) }), Yt = [
760
+ { id: "home", label: "Home", icon: /* @__PURE__ */ e(Tt, {}) },
761
+ { id: "menu2", label: "Menu 2", icon: /* @__PURE__ */ e(Mt, {}) },
762
+ { id: "menu3", label: "Menu 3", icon: /* @__PURE__ */ e(Lt, {}) },
763
+ { id: "menu4", label: "Menu 4", icon: /* @__PURE__ */ e(Ht, {}) },
764
+ { id: "menu5", label: "Menu 5", icon: /* @__PURE__ */ e(Rt, {}) },
765
+ { id: "insight-engine", label: "Insight Engine", icon: /* @__PURE__ */ e(xt, {}), isSpecial: !0 }
683
766
  ];
684
- function Zn({
685
- appName: n = "App Name",
686
- clientName: o = "Long Client Name 1",
767
+ function qt({
768
+ appName: t = "App Name",
769
+ clientName: i = "Long Client Name 1",
687
770
  clients: s = [
688
771
  { id: "1", name: "Long Client Name 1" },
689
772
  { id: "2", name: "Long Client Name 2" },
@@ -704,35 +787,35 @@ function Zn({
704
787
  { id: "terra", name: "Terra" },
705
788
  { id: "market-intelligence", name: "Market Intelligence Dashboard" }
706
789
  ],
707
- navItems: k = Jn,
790
+ navItems: k = Yt,
708
791
  selectedNavItem: L = "home",
709
- onNavItemClick: N,
710
- children: B,
711
- sidebarExpanded: q,
792
+ onNavItemClick: V,
793
+ children: R,
794
+ sidebarExpanded: Y,
712
795
  onSidebarExpandedChange: I
713
796
  }) {
714
- const R = we(), C = Ae(R.breakpoints.down("md"));
715
- Ae(R.breakpoints.down("sm"));
716
- const [D, m] = H.useState(null), [T, M] = H.useState(null), [F, K] = H.useState(null), [S, V] = H.useState(o), [d, w] = H.useState(""), [oe, re] = H.useState(!1), [ae, ne] = H.useState(!0), [G, le] = H.useState(L), Q = q ?? ae, te = (r) => {
717
- ne(r), I?.(r);
718
- }, [P, se] = H.useState(!1), [ce, Se] = H.useState(!1), J = C || Q ? He : Xn, fe = () => {
719
- C ? se(!P) : te(!Q);
797
+ const H = we(), C = Ae(H.breakpoints.down("md"));
798
+ Ae(H.breakpoints.down("sm"));
799
+ const [D, m] = B.useState(null), [T, M] = B.useState(null), [N, U] = B.useState(null), [S, K] = B.useState(i), [d, w] = B.useState(""), [oe, re] = B.useState(!1), [ae, te] = B.useState(!0), [G, le] = B.useState(L), Q = Y ?? ae, ne = (r) => {
800
+ te(r), I?.(r);
801
+ }, [P, se] = B.useState(!1), [ce, Se] = B.useState(!1), q = C || Q ? Be : Gt, fe = () => {
802
+ C ? se(!P) : ne(!Q);
720
803
  }, x = () => {
721
804
  se(!1);
722
- }, Ue = () => {
805
+ }, je = () => {
723
806
  Se(!0);
724
807
  }, ve = () => {
725
808
  Se(!1), w(""), re(!1);
726
- }, Ke = () => {
809
+ }, Ue = () => {
727
810
  d.trim() && (h?.(d), ve());
728
811
  }, Me = (r) => {
729
- le(r), N?.(r), C && x();
730
- }, Ve = (r) => {
812
+ le(r), V?.(r), C && x();
813
+ }, Ke = (r) => {
731
814
  m(r.currentTarget);
732
815
  }, Le = () => {
733
816
  m(null);
734
817
  }, ue = (r) => {
735
- V(r.name), a?.(r.id), Le();
818
+ K(r.name), a?.(r.id), Le();
736
819
  }, ke = (r) => {
737
820
  M(r.currentTarget);
738
821
  }, ie = () => {
@@ -740,11 +823,11 @@ function Zn({
740
823
  }, ze = (r) => {
741
824
  E?.(r), ie();
742
825
  }, Qe = (r) => {
743
- K(r.currentTarget);
744
- }, Re = () => {
745
- K(null);
746
- }, Be = (r) => {
747
- A?.(r), Re();
826
+ U(r.currentTarget);
827
+ }, He = () => {
828
+ U(null);
829
+ }, Re = (r) => {
830
+ A?.(r), He();
748
831
  }, Ie = (r) => {
749
832
  w(r.target.value);
750
833
  }, We = (r) => {
@@ -752,22 +835,22 @@ function Zn({
752
835
  }, p = () => {
753
836
  w("");
754
837
  };
755
- return /* @__PURE__ */ i(l, { sx: { display: "flex", minHeight: "100vh" }, children: [
756
- /* @__PURE__ */ i(
757
- mn,
838
+ return /* @__PURE__ */ o(l, { sx: { display: "flex", minHeight: "100vh" }, children: [
839
+ /* @__PURE__ */ o(
840
+ pt,
758
841
  {
759
842
  position: "fixed",
760
843
  elevation: 0,
761
844
  component: "header",
762
845
  sx: {
763
846
  backgroundColor: f.primary.main,
764
- borderBottom: `1px solid ${t.effects.onDark.subtle}`,
847
+ borderBottom: `1px solid ${n.effects.onDark.subtle}`,
765
848
  // 12% white
766
849
  borderRadius: 0,
767
850
  zIndex: (r) => r.zIndex.drawer + 1
768
851
  },
769
852
  children: [
770
- /* @__PURE__ */ i(un, { sx: { minHeight: 56, px: { xs: 1, sm: 2 } }, children: [
853
+ /* @__PURE__ */ o(mt, { sx: { minHeight: 56, px: { xs: 1, sm: 2 } }, children: [
771
854
  /* @__PURE__ */ e(
772
855
  v,
773
856
  {
@@ -779,15 +862,15 @@ function Zn({
779
862
  color: "white",
780
863
  mr: 1,
781
864
  "&:hover": {
782
- backgroundColor: t.effects.onDark.subtle
865
+ backgroundColor: n.effects.onDark.subtle
783
866
  // 12% white
784
867
  }
785
868
  },
786
- children: /* @__PURE__ */ e(Tn, {})
869
+ children: /* @__PURE__ */ e(Dt, {})
787
870
  }
788
871
  ),
789
- /* @__PURE__ */ i(l, { sx: { display: "flex", alignItems: "center", gap: { xs: 1, sm: 2 }, minWidth: 0 }, children: [
790
- /* @__PURE__ */ e(qn, {}),
872
+ /* @__PURE__ */ o(l, { sx: { display: "flex", alignItems: "center", gap: { xs: 1, sm: 2 }, minWidth: 0 }, children: [
873
+ /* @__PURE__ */ e(Xt, {}),
791
874
  /* @__PURE__ */ e(
792
875
  pe,
793
876
  {
@@ -796,7 +879,7 @@ function Zn({
796
879
  sx: {
797
880
  backgroundColor: "rgba(255, 255, 255, 0.3)",
798
881
  // @intentional-color: decorative divider
799
- height: t.iconSize.prominent,
882
+ height: n.iconSize.prominent,
800
883
  // 24px
801
884
  alignSelf: "center",
802
885
  display: { xs: "none", sm: "block" }
@@ -810,25 +893,25 @@ function Zn({
810
893
  noWrap: !0,
811
894
  sx: {
812
895
  color: "white",
813
- fontWeight: t.typography.label.medium.fontWeight,
896
+ fontWeight: n.typography.label.medium.fontWeight,
814
897
  // 500
815
- fontSize: t.typography.body.small.fontSize,
898
+ fontSize: n.typography.body.small.fontSize,
816
899
  // 14px
817
900
  display: { xs: "none", sm: "block" }
818
901
  },
819
- children: n
902
+ children: t
820
903
  }
821
904
  )
822
905
  ] }),
823
- /* @__PURE__ */ e(l, { sx: { flexGrow: 1, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ i(
824
- cn,
906
+ /* @__PURE__ */ e(l, { sx: { flexGrow: 1, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ o(
907
+ st,
825
908
  {
826
909
  focused: oe.toString(),
827
910
  sx: { display: { xs: "none", md: "flex" } },
828
911
  children: [
829
- /* @__PURE__ */ e(dn, { focused: oe.toString(), children: /* @__PURE__ */ e(ge, {}) }),
912
+ /* @__PURE__ */ e(ct, { focused: oe.toString(), children: /* @__PURE__ */ e(ge, {}) }),
830
913
  /* @__PURE__ */ e(
831
- hn,
914
+ dt,
832
915
  {
833
916
  placeholder: "Search",
834
917
  inputProps: { "aria-label": "search" },
@@ -841,7 +924,7 @@ function Zn({
841
924
  }
842
925
  ),
843
926
  /* @__PURE__ */ e(
844
- pn,
927
+ ht,
845
928
  {
846
929
  show: (d.length > 0).toString(),
847
930
  onClick: p,
@@ -856,24 +939,24 @@ function Zn({
856
939
  /* @__PURE__ */ e(
857
940
  v,
858
941
  {
859
- onClick: Ue,
942
+ onClick: je,
860
943
  "aria-label": "Open search",
861
944
  sx: {
862
945
  display: { xs: "flex", md: "none" },
863
- color: t.effects.onDark.secondary,
946
+ color: n.effects.onDark.secondary,
864
947
  "&:hover": {
865
- backgroundColor: t.effects.onDark.subtle,
948
+ backgroundColor: n.effects.onDark.subtle,
866
949
  color: f.neutral.white
867
950
  }
868
951
  },
869
952
  children: /* @__PURE__ */ e(ge, {})
870
953
  }
871
954
  ),
872
- /* @__PURE__ */ i(l, { sx: { display: "flex", alignItems: "center", gap: { xs: 0.5, sm: 1.5 } }, children: [
955
+ /* @__PURE__ */ o(l, { sx: { display: "flex", alignItems: "center", gap: { xs: 0.5, sm: 1.5 } }, children: [
873
956
  /* @__PURE__ */ e(
874
- Yn,
957
+ Zt,
875
958
  {
876
- onClick: Ve,
959
+ onClick: Ke,
877
960
  endIcon: /* @__PURE__ */ e(De, {}),
878
961
  "aria-label": `Current client: ${S}. Click to switch clients`,
879
962
  "aria-haspopup": "listbox",
@@ -889,7 +972,7 @@ function Zn({
889
972
  children: /* @__PURE__ */ e(b, { noWrap: !0, sx: { maxWidth: { xs: 80, sm: "none" } }, children: S })
890
973
  }
891
974
  ),
892
- /* @__PURE__ */ i(
975
+ /* @__PURE__ */ o(
893
976
  me,
894
977
  {
895
978
  anchorEl: D,
@@ -898,10 +981,10 @@ function Zn({
898
981
  anchorOrigin: { vertical: "bottom", horizontal: "right" },
899
982
  transformOrigin: { vertical: "top", horizontal: "right" },
900
983
  PaperProps: {
901
- sx: { mt: 1, minWidth: 220, borderRadius: t.borders.radiusPx.lg, boxShadow: t.effects.shadow.floating }
984
+ sx: { mt: 1, minWidth: 220, borderRadius: n.borders.radiusPx.lg, boxShadow: n.effects.shadow.floating }
902
985
  },
903
986
  children: [
904
- /* @__PURE__ */ e(b, { variant: "subtitle2", sx: { px: 2, py: 1.5, fontWeight: t.typography.label.medium.fontWeight }, children: "Switch Clients" }),
987
+ /* @__PURE__ */ e(b, { variant: "subtitle2", sx: { px: 2, py: 1.5, fontWeight: n.typography.label.medium.fontWeight }, children: "Switch Clients" }),
905
988
  s.map((r) => /* @__PURE__ */ e(
906
989
  O,
907
990
  {
@@ -921,43 +1004,43 @@ function Zn({
921
1004
  onClick: Qe,
922
1005
  "aria-label": "Applications menu",
923
1006
  "aria-haspopup": "menu",
924
- "aria-expanded": !!F,
1007
+ "aria-expanded": !!N,
925
1008
  sx: {
926
- color: t.effects.onDark.secondary,
1009
+ color: n.effects.onDark.secondary,
927
1010
  // 70% white
928
- "&:hover": { backgroundColor: t.effects.onDark.subtle, color: f.neutral.white }
1011
+ "&:hover": { backgroundColor: n.effects.onDark.subtle, color: f.neutral.white }
929
1012
  },
930
- children: /* @__PURE__ */ e(Ze, {})
1013
+ children: /* @__PURE__ */ e(Je, {})
931
1014
  }
932
1015
  ),
933
- /* @__PURE__ */ i(
1016
+ /* @__PURE__ */ o(
934
1017
  me,
935
1018
  {
936
- anchorEl: F,
937
- open: !!F,
938
- onClose: Re,
1019
+ anchorEl: N,
1020
+ open: !!N,
1021
+ onClose: He,
939
1022
  anchorOrigin: { vertical: "bottom", horizontal: "right" },
940
1023
  transformOrigin: { vertical: "top", horizontal: "right" },
941
1024
  PaperProps: {
942
- sx: { mt: 1, minWidth: 240, borderRadius: t.borders.radiusPx.lg, boxShadow: t.effects.shadow.floating }
1025
+ sx: { mt: 1, minWidth: 240, borderRadius: n.borders.radiusPx.lg, boxShadow: n.effects.shadow.floating }
943
1026
  },
944
1027
  children: [
945
- /* @__PURE__ */ i(O, { sx: { py: 1.5 }, onClick: () => Be("trinity-edge"), children: [
946
- /* @__PURE__ */ i(l, { sx: { flex: 1 }, children: [
947
- /* @__PURE__ */ e(b, { variant: "subtitle2", fontWeight: t.typography.label.medium.fontWeight, children: "TrinityEDGE" }),
1028
+ /* @__PURE__ */ o(O, { sx: { py: 1.5 }, onClick: () => Re("trinity-edge"), children: [
1029
+ /* @__PURE__ */ o(l, { sx: { flex: 1 }, children: [
1030
+ /* @__PURE__ */ e(b, { variant: "subtitle2", fontWeight: n.typography.label.medium.fontWeight, children: "TrinityEDGE" }),
948
1031
  /* @__PURE__ */ e(b, { variant: "caption", color: "text.secondary", children: "Apps Access" })
949
1032
  ] }),
950
1033
  /* @__PURE__ */ e(Ce, { fontSize: "small", sx: { color: "text.secondary", ml: 2 } })
951
1034
  ] }),
952
1035
  /* @__PURE__ */ e(pe, {}),
953
- y.map((r) => /* @__PURE__ */ i(O, { onClick: () => Be(r.id), sx: { py: 1, justifyContent: "space-between" }, children: [
1036
+ y.map((r) => /* @__PURE__ */ o(O, { onClick: () => Re(r.id), sx: { py: 1, justifyContent: "space-between" }, children: [
954
1037
  /* @__PURE__ */ e(b, { variant: "body2", children: r.name }),
955
1038
  /* @__PURE__ */ e(Ce, { fontSize: "small", sx: { color: "text.secondary", ml: 2 } })
956
1039
  ] }, r.id))
957
1040
  ]
958
1041
  }
959
1042
  ),
960
- /* @__PURE__ */ i(
1043
+ /* @__PURE__ */ o(
961
1044
  v,
962
1045
  {
963
1046
  onClick: ke,
@@ -967,11 +1050,11 @@ function Zn({
967
1050
  sx: {
968
1051
  display: "flex",
969
1052
  alignItems: "center",
970
- borderRadius: t.borders.radiusPx.lg,
1053
+ borderRadius: n.borders.radiusPx.lg,
971
1054
  // 12px
972
- padding: `${t.inline.tight}px ${t.inline.compact}px`,
1055
+ padding: `${n.inline.tight}px ${n.inline.compact}px`,
973
1056
  // 4px 8px
974
- "&:hover": { backgroundColor: t.effects.onDark.subtle }
1057
+ "&:hover": { backgroundColor: n.effects.onDark.subtle }
975
1058
  },
976
1059
  children: [
977
1060
  /* @__PURE__ */ e(
@@ -980,9 +1063,9 @@ function Zn({
980
1063
  sx: {
981
1064
  width: he.avatar.size.sm,
982
1065
  height: he.avatar.size.sm,
983
- fontSize: t.typography.label.small.fontSize,
1066
+ fontSize: n.typography.label.small.fontSize,
984
1067
  // 12px
985
- fontWeight: t.typography.heading.h6.fontWeight,
1068
+ fontWeight: n.typography.heading.h6.fontWeight,
986
1069
  // 600
987
1070
  backgroundColor: f.primary.light,
988
1071
  color: "white"
@@ -990,11 +1073,11 @@ function Zn({
990
1073
  children: u
991
1074
  }
992
1075
  ),
993
- /* @__PURE__ */ e(De, { sx: { color: t.effects.onDark.secondary, fontSize: t.iconSize.navigation, ml: 0.5 } })
1076
+ /* @__PURE__ */ e(De, { sx: { color: n.effects.onDark.secondary, fontSize: n.iconSize.navigation, ml: 0.5 } })
994
1077
  ]
995
1078
  }
996
1079
  ),
997
- /* @__PURE__ */ i(
1080
+ /* @__PURE__ */ o(
998
1081
  me,
999
1082
  {
1000
1083
  anchorEl: T,
@@ -1003,19 +1086,19 @@ function Zn({
1003
1086
  anchorOrigin: { vertical: "bottom", horizontal: "right" },
1004
1087
  transformOrigin: { vertical: "top", horizontal: "right" },
1005
1088
  PaperProps: {
1006
- sx: { mt: 1, minWidth: 240, borderRadius: t.borders.radiusPx.lg, boxShadow: t.effects.shadow.floating }
1089
+ sx: { mt: 1, minWidth: 240, borderRadius: n.borders.radiusPx.lg, boxShadow: n.effects.shadow.floating }
1007
1090
  },
1008
1091
  children: [
1009
- /* @__PURE__ */ i(l, { sx: { px: 2, py: 1.5, display: "flex", alignItems: "center", gap: 1.5 }, children: [
1092
+ /* @__PURE__ */ o(l, { sx: { px: 2, py: 1.5, display: "flex", alignItems: "center", gap: 1.5 }, children: [
1010
1093
  /* @__PURE__ */ e(
1011
1094
  Pe,
1012
1095
  {
1013
1096
  sx: {
1014
1097
  width: he.avatar.size.md,
1015
1098
  height: he.avatar.size.md,
1016
- fontSize: t.typography.body.small.fontSize,
1099
+ fontSize: n.typography.body.small.fontSize,
1017
1100
  // 14px
1018
- fontWeight: t.typography.heading.h6.fontWeight,
1101
+ fontWeight: n.typography.heading.h6.fontWeight,
1019
1102
  // 600
1020
1103
  backgroundColor: f.primary.light,
1021
1104
  color: "white"
@@ -1023,23 +1106,23 @@ function Zn({
1023
1106
  children: u
1024
1107
  }
1025
1108
  ),
1026
- /* @__PURE__ */ i(l, { children: [
1027
- /* @__PURE__ */ e(b, { variant: "subtitle2", fontWeight: t.typography.heading.h6.fontWeight, children: g }),
1109
+ /* @__PURE__ */ o(l, { children: [
1110
+ /* @__PURE__ */ e(b, { variant: "subtitle2", fontWeight: n.typography.heading.h6.fontWeight, children: g }),
1028
1111
  /* @__PURE__ */ e(b, { variant: "caption", color: "text.secondary", children: c })
1029
1112
  ] })
1030
1113
  ] }),
1031
1114
  /* @__PURE__ */ e(pe, {}),
1032
- /* @__PURE__ */ i(O, { onClick: () => ze("help"), sx: { py: 1.5 }, children: [
1033
- /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(Fe, { fontSize: "small" }) }),
1115
+ /* @__PURE__ */ o(O, { onClick: () => ze("help"), sx: { py: 1.5 }, children: [
1116
+ /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(Ne, { fontSize: "small" }) }),
1034
1117
  /* @__PURE__ */ e(ee, { primary: "Help" }),
1035
1118
  /* @__PURE__ */ e(Ce, { fontSize: "small", sx: { color: "text.secondary" } })
1036
1119
  ] }),
1037
- /* @__PURE__ */ i(O, { onClick: () => ze("notifications"), sx: { py: 1.5 }, children: [
1038
- /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(je, { fontSize: "small" }) }),
1120
+ /* @__PURE__ */ o(O, { onClick: () => ze("notifications"), sx: { py: 1.5 }, children: [
1121
+ /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(Fe, { fontSize: "small" }) }),
1039
1122
  /* @__PURE__ */ e(ee, { primary: "Notification" })
1040
1123
  ] }),
1041
- /* @__PURE__ */ i(O, { onClick: () => ze("logout"), sx: { py: 1.5 }, children: [
1042
- /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(en, { fontSize: "small" }) }),
1124
+ /* @__PURE__ */ o(O, { onClick: () => ze("logout"), sx: { py: 1.5 }, children: [
1125
+ /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(et, { fontSize: "small" }) }),
1043
1126
  /* @__PURE__ */ e(ee, { primary: "Log out" })
1044
1127
  ] })
1045
1128
  ]
@@ -1048,7 +1131,7 @@ function Zn({
1048
1131
  ] })
1049
1132
  ] }),
1050
1133
  /* @__PURE__ */ e(
1051
- Xe,
1134
+ Ze,
1052
1135
  {
1053
1136
  anchor: "top",
1054
1137
  open: ce,
@@ -1061,36 +1144,36 @@ function Zn({
1061
1144
  pb: 2
1062
1145
  }
1063
1146
  },
1064
- children: /* @__PURE__ */ i(l, { sx: { px: 2 }, children: [
1065
- /* @__PURE__ */ i(l, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 2 }, children: [
1147
+ children: /* @__PURE__ */ o(l, { sx: { px: 2 }, children: [
1148
+ /* @__PURE__ */ o(l, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 2 }, children: [
1066
1149
  /* @__PURE__ */ e(
1067
1150
  v,
1068
1151
  {
1069
1152
  onClick: ve,
1070
1153
  "aria-label": "Close search",
1071
1154
  sx: { color: "white" },
1072
- children: /* @__PURE__ */ e(Ye, {})
1155
+ children: /* @__PURE__ */ e(Xe, {})
1073
1156
  }
1074
1157
  ),
1075
1158
  /* @__PURE__ */ e(b, { variant: "subtitle1", sx: { color: "white", fontWeight: 500 }, children: "Search" })
1076
1159
  ] }),
1077
- /* @__PURE__ */ i(cn, { focused: "true", sx: { maxWidth: "none", mx: 0 }, children: [
1078
- /* @__PURE__ */ e(dn, { focused: "true", children: /* @__PURE__ */ e(ge, {}) }),
1160
+ /* @__PURE__ */ o(st, { focused: "true", sx: { maxWidth: "none", mx: 0 }, children: [
1161
+ /* @__PURE__ */ e(ct, { focused: "true", children: /* @__PURE__ */ e(ge, {}) }),
1079
1162
  /* @__PURE__ */ e(
1080
- hn,
1163
+ dt,
1081
1164
  {
1082
1165
  placeholder: "Search...",
1083
1166
  inputProps: { "aria-label": "search" },
1084
1167
  value: d,
1085
1168
  onChange: Ie,
1086
1169
  onKeyPress: (r) => {
1087
- r.key === "Enter" && Ke();
1170
+ r.key === "Enter" && Ue();
1088
1171
  },
1089
1172
  focused: "true"
1090
1173
  }
1091
1174
  ),
1092
1175
  /* @__PURE__ */ e(
1093
- pn,
1176
+ ht,
1094
1177
  {
1095
1178
  show: (d.length > 0).toString(),
1096
1179
  onClick: p,
@@ -1106,8 +1189,8 @@ function Zn({
1106
1189
  ]
1107
1190
  }
1108
1191
  ),
1109
- /* @__PURE__ */ i(
1110
- Xe,
1192
+ /* @__PURE__ */ o(
1193
+ Ze,
1111
1194
  {
1112
1195
  variant: C ? "temporary" : "permanent",
1113
1196
  open: C ? P : !0,
@@ -1118,11 +1201,11 @@ function Zn({
1118
1201
  // Better mobile performance
1119
1202
  },
1120
1203
  sx: {
1121
- width: C ? He : J,
1204
+ width: C ? Be : q,
1122
1205
  flexShrink: 0,
1123
1206
  display: { xs: "block" },
1124
1207
  "& .MuiDrawer-paper": {
1125
- width: C ? He : J,
1208
+ width: C ? Be : q,
1126
1209
  boxSizing: "border-box",
1127
1210
  borderRight: "1px solid",
1128
1211
  borderColor: "divider",
@@ -1137,7 +1220,7 @@ function Zn({
1137
1220
  }
1138
1221
  },
1139
1222
  children: [
1140
- C && /* @__PURE__ */ i(
1223
+ C && /* @__PURE__ */ o(
1141
1224
  l,
1142
1225
  {
1143
1226
  sx: {
@@ -1150,33 +1233,33 @@ function Zn({
1150
1233
  },
1151
1234
  children: [
1152
1235
  /* @__PURE__ */ e(b, { variant: "subtitle1", fontWeight: 600, children: "Navigation" }),
1153
- /* @__PURE__ */ e(v, { onClick: x, "aria-label": "Close navigation", children: /* @__PURE__ */ e(Ye, {}) })
1236
+ /* @__PURE__ */ e(v, { onClick: x, "aria-label": "Close navigation", children: /* @__PURE__ */ e(Xe, {}) })
1154
1237
  ]
1155
1238
  }
1156
1239
  ),
1157
1240
  /* @__PURE__ */ e(
1158
- gn,
1241
+ ut,
1159
1242
  {
1160
1243
  component: "nav",
1161
1244
  "aria-label": "Main navigation",
1162
1245
  sx: { pt: C ? 1 : 2 },
1163
1246
  children: k.map((r) => {
1164
- const j = G === r.id, xe = r.isSpecial, be = C || Q;
1165
- return /* @__PURE__ */ e(fn, { disablePadding: !0, sx: { px: 1, mb: 0.5 }, children: /* @__PURE__ */ i(
1166
- xn,
1247
+ const F = G === r.id, xe = r.isSpecial, be = C || Q;
1248
+ return /* @__PURE__ */ e(gt, { disablePadding: !0, sx: { px: 1, mb: 0.5 }, children: /* @__PURE__ */ o(
1249
+ ft,
1167
1250
  {
1168
1251
  onClick: () => Me(r.id),
1169
- "aria-current": j ? "page" : void 0,
1252
+ "aria-current": F ? "page" : void 0,
1170
1253
  "aria-label": be ? void 0 : r.label,
1171
1254
  sx: {
1172
- borderRadius: t.borders.radiusPx.md,
1255
+ borderRadius: n.borders.radiusPx.md,
1173
1256
  // 8px
1174
1257
  minHeight: he.avatar.size.md,
1175
1258
  // 40px
1176
1259
  justifyContent: be ? "initial" : "center",
1177
1260
  px: be ? 1.5 : 1,
1178
1261
  // Special gradient background for Insight Engine when selected
1179
- ...xe && j && {
1262
+ ...xe && F && {
1180
1263
  background: `linear-gradient(135deg, ${f.secondary.main} 0%, ${f.primary.light} 100%)`,
1181
1264
  color: "white",
1182
1265
  "&:hover": {
@@ -1187,7 +1270,7 @@ function Zn({
1187
1270
  }
1188
1271
  },
1189
1272
  // Normal selected state
1190
- ...!xe && j && {
1273
+ ...!xe && F && {
1191
1274
  backgroundColor: f.primary.main,
1192
1275
  color: "white",
1193
1276
  "&:hover": {
@@ -1198,14 +1281,14 @@ function Zn({
1198
1281
  }
1199
1282
  },
1200
1283
  // Hover state for non-selected items
1201
- ...!j && {
1284
+ ...!F && {
1202
1285
  "&:hover": {
1203
- backgroundColor: t.effects.overlay.hover
1286
+ backgroundColor: n.effects.overlay.hover
1204
1287
  // 8%
1205
1288
  }
1206
1289
  },
1207
1290
  // Special item non-selected state (icon has gradient)
1208
- ...xe && !j && {
1291
+ ...xe && !F && {
1209
1292
  "& .MuiListItemIcon-root": {
1210
1293
  color: f.secondary.main
1211
1294
  }
@@ -1213,13 +1296,13 @@ function Zn({
1213
1296
  },
1214
1297
  children: [
1215
1298
  /* @__PURE__ */ e(
1216
- Z,
1299
+ J,
1217
1300
  {
1218
1301
  sx: {
1219
1302
  minWidth: 0,
1220
1303
  mr: be ? 1.5 : 0,
1221
1304
  justifyContent: "center",
1222
- color: j ? "inherit" : f.primary.light
1305
+ color: F ? "inherit" : f.primary.light
1223
1306
  },
1224
1307
  children: r.icon
1225
1308
  }
@@ -1229,9 +1312,9 @@ function Zn({
1229
1312
  {
1230
1313
  primary: r.label,
1231
1314
  primaryTypographyProps: {
1232
- fontSize: t.typography.body.small.fontSize,
1315
+ fontSize: n.typography.body.small.fontSize,
1233
1316
  // 14px
1234
- fontWeight: j ? t.typography.label.medium.fontWeight : t.typography.body.medium.fontWeight
1317
+ fontWeight: F ? n.typography.label.medium.fontWeight : n.typography.body.medium.fontWeight
1235
1318
  }
1236
1319
  }
1237
1320
  )
@@ -1264,66 +1347,66 @@ function Zn({
1264
1347
  minHeight: 0
1265
1348
  }
1266
1349
  },
1267
- children: B
1350
+ children: R
1268
1351
  }
1269
1352
  )
1270
1353
  ] });
1271
1354
  }
1272
- const et = $("div")(({ theme: n, focused: o }) => ({
1355
+ const Jt = $("div")(({ theme: t, focused: i }) => ({
1273
1356
  position: "relative",
1274
1357
  borderRadius: 12,
1275
- backgroundColor: o === "true" ? n.palette.common.white : _(n.palette.common.white, 0.1),
1358
+ backgroundColor: i === "true" ? t.palette.common.white : _(t.palette.common.white, 0.1),
1276
1359
  "&:hover": {
1277
- backgroundColor: o === "true" ? n.palette.common.white : _(n.palette.common.white, 0.15)
1360
+ backgroundColor: i === "true" ? t.palette.common.white : _(t.palette.common.white, 0.15)
1278
1361
  },
1279
- marginRight: n.spacing(2),
1280
- marginLeft: n.spacing(2),
1362
+ marginRight: t.spacing(2),
1363
+ marginLeft: t.spacing(2),
1281
1364
  width: "100%",
1282
1365
  maxWidth: 400,
1283
- transition: n.transitions.create(["background-color"]),
1284
- [n.breakpoints.up("sm")]: {
1285
- marginLeft: n.spacing(3),
1366
+ transition: t.transitions.create(["background-color"]),
1367
+ [t.breakpoints.up("sm")]: {
1368
+ marginLeft: t.spacing(3),
1286
1369
  width: "auto",
1287
1370
  minWidth: 300
1288
1371
  }
1289
- })), nt = $("div")(({ theme: n, focused: o }) => ({
1290
- padding: n.spacing(0, 2),
1372
+ })), en = $("div")(({ theme: t, focused: i }) => ({
1373
+ padding: t.spacing(0, 2),
1291
1374
  height: "100%",
1292
1375
  position: "absolute",
1293
1376
  pointerEvents: "none",
1294
1377
  display: "flex",
1295
1378
  alignItems: "center",
1296
1379
  justifyContent: "center",
1297
- color: o === "true" ? f.primary.main : _(n.palette.common.white, 0.5)
1298
- })), tt = $(qe)(({ theme: n, focused: o }) => ({
1299
- color: o === "true" ? f.primary.main : "inherit",
1380
+ color: i === "true" ? f.primary.main : _(t.palette.common.white, 0.5)
1381
+ })), tn = $(Ye)(({ theme: t, focused: i }) => ({
1382
+ color: i === "true" ? f.primary.main : "inherit",
1300
1383
  width: "100%",
1301
1384
  "& .MuiInputBase-input": {
1302
- padding: n.spacing(1, 4, 1, 0),
1303
- paddingLeft: `calc(1em + ${n.spacing(4)})`,
1304
- transition: n.transitions.create("width"),
1385
+ padding: t.spacing(1, 4, 1, 0),
1386
+ paddingLeft: `calc(1em + ${t.spacing(4)})`,
1387
+ transition: t.transitions.create("width"),
1305
1388
  width: "100%",
1306
1389
  fontSize: 14,
1307
1390
  "&::placeholder": {
1308
- color: o === "true" ? f.neutral.gray500 : _(n.palette.common.white, 0.5),
1391
+ color: i === "true" ? f.neutral.gray500 : _(t.palette.common.white, 0.5),
1309
1392
  opacity: 1
1310
1393
  }
1311
1394
  }
1312
- })), ot = $(v)(({ show: n }) => ({
1395
+ })), nn = $(v)(({ show: t }) => ({
1313
1396
  position: "absolute",
1314
1397
  right: 4,
1315
1398
  top: "50%",
1316
1399
  transform: "translateY(-50%)",
1317
1400
  padding: 4,
1318
- opacity: n === "true" ? 1 : 0,
1319
- pointerEvents: n === "true" ? "auto" : "none",
1401
+ opacity: t === "true" ? 1 : 0,
1402
+ pointerEvents: t === "true" ? "auto" : "none",
1320
1403
  color: f.neutral.gray500,
1321
1404
  "&:hover": {
1322
1405
  backgroundColor: _(f.neutral.gray500, 0.1)
1323
1406
  }
1324
- })), it = $(Je)(({ theme: n }) => ({
1325
- backgroundColor: _(n.palette.common.white, 0.1),
1326
- color: n.palette.common.white,
1407
+ })), on = $(qe)(({ theme: t }) => ({
1408
+ backgroundColor: _(t.palette.common.white, 0.1),
1409
+ color: t.palette.common.white,
1327
1410
  borderRadius: 12,
1328
1411
  padding: "6px 12px",
1329
1412
  textTransform: "none",
@@ -1332,31 +1415,31 @@ const et = $("div")(({ theme: n, focused: o }) => ({
1332
1415
  minWidth: 180,
1333
1416
  justifyContent: "space-between",
1334
1417
  "&:hover": {
1335
- backgroundColor: _(n.palette.common.white, 0.15)
1418
+ backgroundColor: _(t.palette.common.white, 0.15)
1336
1419
  }
1337
- })), Ne = $(v)(({ theme: n }) => ({
1338
- color: _(n.palette.common.white, 0.7),
1420
+ })), Ve = $(v)(({ theme: t }) => ({
1421
+ color: _(t.palette.common.white, 0.7),
1339
1422
  padding: 8,
1340
1423
  "&:hover": {
1341
- backgroundColor: _(n.palette.common.white, 0.1),
1342
- color: n.palette.common.white
1424
+ backgroundColor: _(t.palette.common.white, 0.1),
1425
+ color: t.palette.common.white
1343
1426
  }
1344
1427
  }));
1345
1428
  $(l)({
1346
1429
  display: "flex",
1347
1430
  alignItems: "center"
1348
1431
  });
1349
- const Xt = ({
1350
- initialClient: n = "",
1351
- onClientChange: o
1432
+ const Gn = ({
1433
+ initialClient: t = "",
1434
+ onClientChange: i
1352
1435
  }) => {
1353
- const [s, a] = z(null), [u, g] = z(n), c = W((E) => {
1436
+ const [s, a] = z(null), [u, g] = z(t), c = W((E) => {
1354
1437
  a(E.currentTarget);
1355
1438
  }, []), h = W(() => {
1356
1439
  a(null);
1357
1440
  }, []), A = W((E) => {
1358
- g(E.name), o?.(E.id), a(null);
1359
- }, [o]);
1441
+ g(E.name), i?.(E.id), a(null);
1442
+ }, [i]);
1360
1443
  return {
1361
1444
  selectedClient: u,
1362
1445
  anchorEl: s,
@@ -1365,48 +1448,48 @@ const Xt = ({
1365
1448
  handleClose: h,
1366
1449
  handleSelect: A
1367
1450
  };
1368
- }, Yt = ({
1369
- onUserMenuClick: n
1451
+ }, Zn = ({
1452
+ onUserMenuClick: t
1370
1453
  }) => {
1371
- const [o, s] = z(null), a = W((c) => {
1454
+ const [i, s] = z(null), a = W((c) => {
1372
1455
  s(c.currentTarget);
1373
1456
  }, []), u = W(() => {
1374
1457
  s(null);
1375
1458
  }, []), g = W((c) => {
1376
- n?.(c), s(null);
1377
- }, [n]);
1459
+ t?.(c), s(null);
1460
+ }, [t]);
1378
1461
  return {
1379
- anchorEl: o,
1380
- isOpen: !!o,
1462
+ anchorEl: i,
1463
+ isOpen: !!i,
1381
1464
  handleClick: a,
1382
1465
  handleClose: u,
1383
1466
  handleAction: g
1384
1467
  };
1385
- }, qt = ({
1386
- onAppsClick: n
1468
+ }, Xn = ({
1469
+ onAppsClick: t
1387
1470
  }) => {
1388
- const [o, s] = z(null), a = W((c) => {
1471
+ const [i, s] = z(null), a = W((c) => {
1389
1472
  s(c.currentTarget);
1390
1473
  }, []), u = W(() => {
1391
1474
  s(null);
1392
1475
  }, []), g = W((c) => {
1393
- n?.(c), s(null);
1394
- }, [n]);
1476
+ t?.(c), s(null);
1477
+ }, [t]);
1395
1478
  return {
1396
- anchorEl: o,
1397
- isOpen: !!o,
1479
+ anchorEl: i,
1480
+ isOpen: !!i,
1398
1481
  handleClick: a,
1399
1482
  handleClose: u,
1400
1483
  handleSelect: g
1401
1484
  };
1402
- }, Jt = ({
1403
- onSearch: n
1485
+ }, Yn = ({
1486
+ onSearch: t
1404
1487
  }) => {
1405
- const [o, s] = z(""), [a, u] = z(!1), g = W((y) => {
1488
+ const [i, s] = z(""), [a, u] = z(!1), g = W((y) => {
1406
1489
  s(y.target.value);
1407
1490
  }, []), c = W((y) => {
1408
- y.key === "Enter" && n?.(o);
1409
- }, [n, o]), h = W(() => {
1491
+ y.key === "Enter" && t?.(i);
1492
+ }, [t, i]), h = W(() => {
1410
1493
  s("");
1411
1494
  }, []), A = W(() => {
1412
1495
  u(!0);
@@ -1414,7 +1497,7 @@ const Xt = ({
1414
1497
  u(!1);
1415
1498
  }, []);
1416
1499
  return {
1417
- value: o,
1500
+ value: i,
1418
1501
  isFocused: a,
1419
1502
  handleChange: g,
1420
1503
  handleKeyPress: c,
@@ -1422,54 +1505,54 @@ const Xt = ({
1422
1505
  handleFocus: A,
1423
1506
  handleBlur: E
1424
1507
  };
1425
- }, Zt = ({
1426
- defaultExpanded: n = !0,
1427
- onExpandedChange: o
1508
+ }, qn = ({
1509
+ defaultExpanded: t = !0,
1510
+ onExpandedChange: i
1428
1511
  } = {}) => {
1429
- const [s, a] = z(n), u = W(() => {
1512
+ const [s, a] = z(t), u = W(() => {
1430
1513
  a((h) => {
1431
1514
  const A = !h;
1432
- return o?.(A), A;
1515
+ return i?.(A), A;
1433
1516
  });
1434
- }, [o]), g = W(() => {
1435
- a(!0), o?.(!0);
1436
- }, [o]), c = W(() => {
1437
- a(!1), o?.(!1);
1438
- }, [o]);
1517
+ }, [i]), g = W(() => {
1518
+ a(!0), i?.(!0);
1519
+ }, [i]), c = W(() => {
1520
+ a(!1), i?.(!1);
1521
+ }, [i]);
1439
1522
  return {
1440
1523
  isExpanded: s,
1441
1524
  toggle: u,
1442
1525
  expand: g,
1443
1526
  collapse: c
1444
1527
  };
1445
- }, eo = ({ height: n = 28 }) => /* @__PURE__ */ e(l, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ e("img", { src: nn, alt: "Trinity", height: n }) }), no = ({
1446
- value: n,
1447
- isFocused: o,
1528
+ }, Jn = ({ height: t = 28 }) => /* @__PURE__ */ e(l, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ e(tt, { height: t }) }), eo = ({
1529
+ value: t,
1530
+ isFocused: i,
1448
1531
  placeholder: s = "Search",
1449
1532
  onChange: a,
1450
1533
  onKeyPress: u,
1451
1534
  onClear: g,
1452
1535
  onFocus: c,
1453
1536
  onBlur: h
1454
- }) => /* @__PURE__ */ i(et, { focused: o.toString(), children: [
1455
- /* @__PURE__ */ e(nt, { focused: o.toString(), children: /* @__PURE__ */ e(ge, {}) }),
1537
+ }) => /* @__PURE__ */ o(Jt, { focused: i.toString(), children: [
1538
+ /* @__PURE__ */ e(en, { focused: i.toString(), children: /* @__PURE__ */ e(ge, {}) }),
1456
1539
  /* @__PURE__ */ e(
1457
- tt,
1540
+ tn,
1458
1541
  {
1459
1542
  placeholder: s,
1460
1543
  inputProps: { "aria-label": "search" },
1461
- value: n,
1544
+ value: t,
1462
1545
  onChange: a,
1463
1546
  onKeyPress: u,
1464
1547
  onFocus: c,
1465
1548
  onBlur: h,
1466
- focused: o.toString()
1549
+ focused: i.toString()
1467
1550
  }
1468
1551
  ),
1469
1552
  /* @__PURE__ */ e(
1470
- ot,
1553
+ nn,
1471
1554
  {
1472
- show: (n.length > 0).toString(),
1555
+ show: (t.length > 0).toString(),
1473
1556
  onClick: g,
1474
1557
  size: "small",
1475
1558
  "aria-label": "Clear search",
@@ -1477,26 +1560,26 @@ const Xt = ({
1477
1560
  }
1478
1561
  )
1479
1562
  ] }), to = ({
1480
- selectedClient: n,
1481
- clients: o,
1563
+ selectedClient: t,
1564
+ clients: i,
1482
1565
  anchorEl: s,
1483
1566
  isOpen: a,
1484
1567
  onButtonClick: u,
1485
1568
  onClose: g,
1486
1569
  onSelect: c
1487
- }) => /* @__PURE__ */ i(Te, { children: [
1570
+ }) => /* @__PURE__ */ o(Te, { children: [
1488
1571
  /* @__PURE__ */ e(
1489
- it,
1572
+ on,
1490
1573
  {
1491
1574
  onClick: u,
1492
1575
  endIcon: /* @__PURE__ */ e(De, {}),
1493
- "aria-label": `Current client: ${n}. Click to switch clients`,
1576
+ "aria-label": `Current client: ${t}. Click to switch clients`,
1494
1577
  "aria-haspopup": "listbox",
1495
1578
  "aria-expanded": a,
1496
- children: n
1579
+ children: t
1497
1580
  }
1498
1581
  ),
1499
- /* @__PURE__ */ i(
1582
+ /* @__PURE__ */ o(
1500
1583
  me,
1501
1584
  {
1502
1585
  id: "client-menu",
@@ -1532,12 +1615,12 @@ const Xt = ({
1532
1615
  children: "Switch Clients"
1533
1616
  }
1534
1617
  ),
1535
- o.map((h) => /* @__PURE__ */ e(
1618
+ i.map((h) => /* @__PURE__ */ e(
1536
1619
  O,
1537
1620
  {
1538
1621
  onClick: () => c(h),
1539
- selected: h.name === n,
1540
- "aria-selected": h.name === n,
1622
+ selected: h.name === t,
1623
+ "aria-selected": h.name === t,
1541
1624
  role: "option",
1542
1625
  sx: { py: 1 },
1543
1626
  children: h.name
@@ -1547,29 +1630,29 @@ const Xt = ({
1547
1630
  ]
1548
1631
  }
1549
1632
  )
1550
- ] }), oo = ({
1551
- apps: n,
1552
- anchorEl: o,
1633
+ ] }), no = ({
1634
+ apps: t,
1635
+ anchorEl: i,
1553
1636
  isOpen: s,
1554
1637
  onButtonClick: a,
1555
1638
  onClose: u,
1556
1639
  onSelect: g
1557
- }) => /* @__PURE__ */ i(Te, { children: [
1640
+ }) => /* @__PURE__ */ o(Te, { children: [
1558
1641
  /* @__PURE__ */ e(
1559
- Ne,
1642
+ Ve,
1560
1643
  {
1561
1644
  onClick: a,
1562
1645
  "aria-label": "Applications menu",
1563
1646
  "aria-haspopup": "menu",
1564
1647
  "aria-expanded": s,
1565
- children: /* @__PURE__ */ e(Ze, {})
1648
+ children: /* @__PURE__ */ e(Je, {})
1566
1649
  }
1567
1650
  ),
1568
- /* @__PURE__ */ i(
1651
+ /* @__PURE__ */ o(
1569
1652
  me,
1570
1653
  {
1571
1654
  id: "apps-menu",
1572
- anchorEl: o,
1655
+ anchorEl: i,
1573
1656
  open: s,
1574
1657
  onClose: u,
1575
1658
  anchorOrigin: {
@@ -1597,14 +1680,14 @@ const Xt = ({
1597
1680
  children: "Trinity Applications"
1598
1681
  }
1599
1682
  ),
1600
- n.map((c) => /* @__PURE__ */ i(
1683
+ t.map((c) => /* @__PURE__ */ o(
1601
1684
  O,
1602
1685
  {
1603
1686
  onClick: () => g(c.id),
1604
1687
  sx: { py: 1.5 },
1605
1688
  children: [
1606
1689
  /* @__PURE__ */ e(ee, { primary: c.name }),
1607
- c.url && /* @__PURE__ */ e(Z, { sx: { minWidth: "auto", ml: 1 }, children: /* @__PURE__ */ e(Ce, { fontSize: "small", sx: { color: "text.secondary" } }) })
1690
+ c.url && /* @__PURE__ */ e(J, { sx: { minWidth: "auto", ml: 1 }, children: /* @__PURE__ */ e(Ce, { fontSize: "small", sx: { color: "text.secondary" } }) })
1608
1691
  ]
1609
1692
  },
1610
1693
  c.id
@@ -1612,18 +1695,18 @@ const Xt = ({
1612
1695
  ]
1613
1696
  }
1614
1697
  )
1615
- ] }), io = ({
1616
- userInitials: n,
1617
- userName: o,
1698
+ ] }), oo = ({
1699
+ userInitials: t,
1700
+ userName: i,
1618
1701
  userEmail: s,
1619
1702
  anchorEl: a,
1620
1703
  isOpen: u,
1621
1704
  onButtonClick: g,
1622
1705
  onClose: c,
1623
1706
  onAction: h
1624
- }) => /* @__PURE__ */ i(Te, { children: [
1707
+ }) => /* @__PURE__ */ o(Te, { children: [
1625
1708
  /* @__PURE__ */ e(
1626
- Ne,
1709
+ Ve,
1627
1710
  {
1628
1711
  onClick: g,
1629
1712
  "aria-label": "User menu",
@@ -1640,12 +1723,12 @@ const Xt = ({
1640
1723
  bgcolor: f.secondary.main,
1641
1724
  color: "white"
1642
1725
  },
1643
- children: n
1726
+ children: t
1644
1727
  }
1645
1728
  )
1646
1729
  }
1647
1730
  ),
1648
- /* @__PURE__ */ i(
1731
+ /* @__PURE__ */ o(
1649
1732
  me,
1650
1733
  {
1651
1734
  id: "user-menu",
@@ -1669,50 +1752,50 @@ const Xt = ({
1669
1752
  }
1670
1753
  },
1671
1754
  children: [
1672
- /* @__PURE__ */ i(l, { sx: { px: 2, py: 1.5 }, children: [
1673
- /* @__PURE__ */ e(b, { variant: "subtitle2", sx: { fontWeight: 600 }, children: o }),
1755
+ /* @__PURE__ */ o(l, { sx: { px: 2, py: 1.5 }, children: [
1756
+ /* @__PURE__ */ e(b, { variant: "subtitle2", sx: { fontWeight: 600 }, children: i }),
1674
1757
  /* @__PURE__ */ e(b, { variant: "body2", color: "text.secondary", children: s })
1675
1758
  ] }),
1676
1759
  /* @__PURE__ */ e(pe, {}),
1677
- /* @__PURE__ */ i(O, { onClick: () => h("help"), sx: { py: 1.5 }, children: [
1678
- /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(Fe, { fontSize: "small" }) }),
1760
+ /* @__PURE__ */ o(O, { onClick: () => h("help"), sx: { py: 1.5 }, children: [
1761
+ /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(Ne, { fontSize: "small" }) }),
1679
1762
  /* @__PURE__ */ e(ee, { primary: "Help & Support" })
1680
1763
  ] }),
1681
- /* @__PURE__ */ i(O, { onClick: () => h("notifications"), sx: { py: 1.5 }, children: [
1682
- /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(je, { fontSize: "small" }) }),
1764
+ /* @__PURE__ */ o(O, { onClick: () => h("notifications"), sx: { py: 1.5 }, children: [
1765
+ /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(Fe, { fontSize: "small" }) }),
1683
1766
  /* @__PURE__ */ e(ee, { primary: "Notifications" })
1684
1767
  ] }),
1685
1768
  /* @__PURE__ */ e(pe, {}),
1686
- /* @__PURE__ */ i(O, { onClick: () => h("logout"), sx: { py: 1.5 }, children: [
1687
- /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(en, { fontSize: "small" }) }),
1769
+ /* @__PURE__ */ o(O, { onClick: () => h("logout"), sx: { py: 1.5 }, children: [
1770
+ /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(et, { fontSize: "small" }) }),
1688
1771
  /* @__PURE__ */ e(ee, { primary: "Sign out" })
1689
1772
  ] })
1690
1773
  ]
1691
1774
  }
1692
1775
  )
1693
- ] }), ro = ({
1694
- onHelpClick: n,
1695
- onNotificationsClick: o,
1776
+ ] }), io = ({
1777
+ onHelpClick: t,
1778
+ onNotificationsClick: i,
1696
1779
  showHelp: s = !0,
1697
1780
  showNotifications: a = !0
1698
- }) => /* @__PURE__ */ i(Te, { children: [
1781
+ }) => /* @__PURE__ */ o(Te, { children: [
1699
1782
  s && /* @__PURE__ */ e(
1700
- Ne,
1783
+ Ve,
1701
1784
  {
1702
1785
  "aria-label": "Help",
1703
- onClick: n,
1704
- children: /* @__PURE__ */ e(Fe, {})
1786
+ onClick: t,
1787
+ children: /* @__PURE__ */ e(Ne, {})
1705
1788
  }
1706
1789
  ),
1707
1790
  a && /* @__PURE__ */ e(
1708
- Ne,
1791
+ Ve,
1709
1792
  {
1710
1793
  "aria-label": "Notifications",
1711
- onClick: o,
1712
- children: /* @__PURE__ */ e(je, {})
1794
+ onClick: i,
1795
+ children: /* @__PURE__ */ e(Fe, {})
1713
1796
  }
1714
1797
  )
1715
- ] }), rt = [
1798
+ ] }), rn = [
1716
1799
  {
1717
1800
  label: "Today",
1718
1801
  threads: [
@@ -1742,9 +1825,9 @@ const Xt = ({
1742
1825
  { id: "9", title: "Social Media Insights", preview: "Analyze our LinkedIn performance...", timestamp: new Date(Date.now() - 1296e6), messageCount: 11 }
1743
1826
  ]
1744
1827
  }
1745
- ], at = ({
1746
- threadGroups: n = rt,
1747
- selectedThreadId: o,
1828
+ ], an = ({
1829
+ threadGroups: t = rn,
1830
+ selectedThreadId: i,
1748
1831
  onThreadSelect: s,
1749
1832
  onNewThread: a,
1750
1833
  onThreadDelete: u,
@@ -1754,27 +1837,27 @@ const Xt = ({
1754
1837
  open: A = !0,
1755
1838
  width: E = 280
1756
1839
  }) => {
1757
- const y = we(), k = y.palette.mode === "dark", [L, N] = z(""), [B, q] = z(null), [I, R] = z(null), [C, D] = z(""), m = {
1840
+ const y = we(), k = y.palette.mode === "dark", [L, V] = z(""), [R, Y] = z(null), [I, H] = z(null), [C, D] = z(""), m = {
1758
1841
  background: k ? _e(y.palette.background.paper, 0.95) : y.palette.background.paper,
1759
1842
  border: y.palette.divider,
1760
1843
  text: y.palette.text.primary,
1761
1844
  textSecondary: y.palette.text.secondary,
1762
1845
  hover: y.palette.action.hover,
1763
- selected: k ? _e(Y.colors.aiPrimary, 0.15) : _e(Y.colors.aiPrimary, 0.08),
1764
- selectedBorder: Y.colors.aiPrimary
1765
- }, T = n.map((S) => ({
1846
+ selected: k ? _e(X.colors.aiPrimary, 0.15) : _e(X.colors.aiPrimary, 0.08),
1847
+ selectedBorder: X.colors.aiPrimary
1848
+ }, T = t.map((S) => ({
1766
1849
  ...S,
1767
1850
  threads: S.threads.filter(
1768
- (V) => V.title.toLowerCase().includes(L.toLowerCase()) || V.preview?.toLowerCase().includes(L.toLowerCase())
1851
+ (K) => K.title.toLowerCase().includes(L.toLowerCase()) || K.preview?.toLowerCase().includes(L.toLowerCase())
1769
1852
  )
1770
1853
  })).filter((S) => S.threads.length > 0), M = (S) => {
1771
- R(S.id), D(S.title);
1772
- }, F = (S) => {
1773
- C.trim() && g?.(S, C.trim()), R(null), D("");
1774
- }, K = () => {
1775
- R(null), D("");
1854
+ H(S.id), D(S.title);
1855
+ }, N = (S) => {
1856
+ C.trim() && g?.(S, C.trim()), H(null), D("");
1857
+ }, U = () => {
1858
+ H(null), D("");
1776
1859
  };
1777
- return A ? /* @__PURE__ */ i(
1860
+ return A ? /* @__PURE__ */ o(
1778
1861
  l,
1779
1862
  {
1780
1863
  sx: {
@@ -1787,7 +1870,7 @@ const Xt = ({
1787
1870
  flexShrink: 0
1788
1871
  },
1789
1872
  children: [
1790
- /* @__PURE__ */ i(
1873
+ /* @__PURE__ */ o(
1791
1874
  l,
1792
1875
  {
1793
1876
  sx: {
@@ -1800,23 +1883,23 @@ const Xt = ({
1800
1883
  },
1801
1884
  children: [
1802
1885
  /* @__PURE__ */ e(b, { variant: "subtitle2", fontWeight: 600, color: m.text, children: "History" }),
1803
- /* @__PURE__ */ i(l, { sx: { display: "flex", gap: 0.5 }, children: [
1804
- /* @__PURE__ */ e(U, { title: "New thread", children: /* @__PURE__ */ e(v, { size: "small", onClick: a, children: /* @__PURE__ */ e(jn, { fontSize: "small" }) }) }),
1805
- /* @__PURE__ */ e(U, { title: "Close history", children: /* @__PURE__ */ e(v, { size: "small", onClick: h, children: /* @__PURE__ */ e(Un, { fontSize: "small" }) }) })
1886
+ /* @__PURE__ */ o(l, { sx: { display: "flex", gap: 0.5 }, children: [
1887
+ /* @__PURE__ */ e(j, { title: "New thread", children: /* @__PURE__ */ e(v, { size: "small", onClick: a, children: /* @__PURE__ */ e(Nt, { fontSize: "small" }) }) }),
1888
+ /* @__PURE__ */ e(j, { title: "Close history", children: /* @__PURE__ */ e(v, { size: "small", onClick: h, children: /* @__PURE__ */ e(Ft, { fontSize: "small" }) }) })
1806
1889
  ] })
1807
1890
  ]
1808
1891
  }
1809
1892
  ),
1810
1893
  /* @__PURE__ */ e(l, { sx: { px: 2, py: 1.5 }, children: /* @__PURE__ */ e(
1811
- tn,
1894
+ nt,
1812
1895
  {
1813
1896
  fullWidth: !0,
1814
1897
  size: "small",
1815
1898
  placeholder: "Search threads...",
1816
1899
  value: L,
1817
- onChange: (S) => N(S.target.value),
1900
+ onChange: (S) => V(S.target.value),
1818
1901
  InputProps: {
1819
- startAdornment: /* @__PURE__ */ e(yn, { position: "start", children: /* @__PURE__ */ e(ge, { fontSize: "small", sx: { color: m.textSecondary } }) })
1902
+ startAdornment: /* @__PURE__ */ e(bt, { position: "start", children: /* @__PURE__ */ e(ge, { fontSize: "small", sx: { color: m.textSecondary } }) })
1820
1903
  },
1821
1904
  sx: {
1822
1905
  "& .MuiOutlinedInput-root": {
@@ -1828,14 +1911,14 @@ const Xt = ({
1828
1911
  borderColor: y.palette.divider
1829
1912
  },
1830
1913
  "&.Mui-focused fieldset": {
1831
- borderColor: Y.colors.aiPrimary
1914
+ borderColor: X.colors.aiPrimary
1832
1915
  }
1833
1916
  }
1834
1917
  }
1835
1918
  }
1836
1919
  ) }),
1837
- /* @__PURE__ */ i(l, { sx: { flex: 1, overflow: "auto" }, children: [
1838
- T.map((S, V) => /* @__PURE__ */ i(l, { children: [
1920
+ /* @__PURE__ */ o(l, { sx: { flex: 1, overflow: "auto" }, children: [
1921
+ T.map((S, K) => /* @__PURE__ */ o(l, { children: [
1839
1922
  /* @__PURE__ */ e(
1840
1923
  b,
1841
1924
  {
@@ -1853,14 +1936,14 @@ const Xt = ({
1853
1936
  children: S.label
1854
1937
  }
1855
1938
  ),
1856
- /* @__PURE__ */ e(gn, { dense: !0, disablePadding: !0, children: S.threads.map((d) => /* @__PURE__ */ e(
1857
- fn,
1939
+ /* @__PURE__ */ e(ut, { dense: !0, disablePadding: !0, children: S.threads.map((d) => /* @__PURE__ */ e(
1940
+ gt,
1858
1941
  {
1859
1942
  disablePadding: !0,
1860
- onMouseEnter: () => q(d.id),
1861
- onMouseLeave: () => q(null),
1862
- secondaryAction: B === d.id && I !== d.id ? /* @__PURE__ */ i(l, { sx: { display: "flex", gap: 0.5 }, children: [
1863
- /* @__PURE__ */ e(U, { title: d.isStarred ? "Unstar" : "Star", children: /* @__PURE__ */ e(
1943
+ onMouseEnter: () => Y(d.id),
1944
+ onMouseLeave: () => Y(null),
1945
+ secondaryAction: R === d.id && I !== d.id ? /* @__PURE__ */ o(l, { sx: { display: "flex", gap: 0.5 }, children: [
1946
+ /* @__PURE__ */ e(j, { title: d.isStarred ? "Unstar" : "Star", children: /* @__PURE__ */ e(
1864
1947
  v,
1865
1948
  {
1866
1949
  size: "small",
@@ -1870,11 +1953,11 @@ const Xt = ({
1870
1953
  sx: { p: 0.5 },
1871
1954
  children: d.isStarred ? (
1872
1955
  // eslint-disable-next-line no-restricted-syntax -- @intentional-color: star indicator yellow
1873
- /* @__PURE__ */ e(on, { fontSize: "small", sx: { color: "#F59E0B", fontSize: 16 } })
1874
- ) : /* @__PURE__ */ e(Vn, { fontSize: "small", sx: { fontSize: 16 } })
1956
+ /* @__PURE__ */ e(ot, { fontSize: "small", sx: { color: "#F59E0B", fontSize: 16 } })
1957
+ ) : /* @__PURE__ */ e(Ut, { fontSize: "small", sx: { fontSize: 16 } })
1875
1958
  }
1876
1959
  ) }),
1877
- /* @__PURE__ */ e(U, { title: "Rename", children: /* @__PURE__ */ e(
1960
+ /* @__PURE__ */ e(j, { title: "Rename", children: /* @__PURE__ */ e(
1878
1961
  v,
1879
1962
  {
1880
1963
  size: "small",
@@ -1882,10 +1965,10 @@ const Xt = ({
1882
1965
  w.stopPropagation(), M(d);
1883
1966
  },
1884
1967
  sx: { p: 0.5 },
1885
- children: /* @__PURE__ */ e(Nn, { fontSize: "small", sx: { fontSize: 16 } })
1968
+ children: /* @__PURE__ */ e($t, { fontSize: "small", sx: { fontSize: 16 } })
1886
1969
  }
1887
1970
  ) }),
1888
- /* @__PURE__ */ e(U, { title: "Delete", children: /* @__PURE__ */ e(
1971
+ /* @__PURE__ */ e(j, { title: "Delete", children: /* @__PURE__ */ e(
1889
1972
  v,
1890
1973
  {
1891
1974
  size: "small",
@@ -1893,17 +1976,17 @@ const Xt = ({
1893
1976
  w.stopPropagation(), u?.(d.id);
1894
1977
  },
1895
1978
  sx: { p: 0.5 },
1896
- children: /* @__PURE__ */ e($n, { fontSize: "small", sx: { fontSize: 16 } })
1979
+ children: /* @__PURE__ */ e(Ot, { fontSize: "small", sx: { fontSize: 16 } })
1897
1980
  }
1898
1981
  ) })
1899
- ] }) : d.isStarred && B !== d.id ? (
1982
+ ] }) : d.isStarred && R !== d.id ? (
1900
1983
  // eslint-disable-next-line no-restricted-syntax -- @intentional-color: star indicator yellow
1901
- /* @__PURE__ */ e(on, { fontSize: "small", sx: { color: "#F59E0B", fontSize: 16, mr: 1 } })
1984
+ /* @__PURE__ */ e(ot, { fontSize: "small", sx: { color: "#F59E0B", fontSize: 16, mr: 1 } })
1902
1985
  ) : null,
1903
- children: /* @__PURE__ */ i(
1904
- xn,
1986
+ children: /* @__PURE__ */ o(
1987
+ ft,
1905
1988
  {
1906
- selected: o === d.id,
1989
+ selected: i === d.id,
1907
1990
  onClick: () => s?.(d.id),
1908
1991
  sx: {
1909
1992
  py: 1,
@@ -1919,25 +2002,25 @@ const Xt = ({
1919
2002
  }
1920
2003
  },
1921
2004
  children: [
1922
- /* @__PURE__ */ e(Z, { sx: { minWidth: 32 }, children: /* @__PURE__ */ e(
1923
- On,
2005
+ /* @__PURE__ */ e(J, { sx: { minWidth: 32 }, children: /* @__PURE__ */ e(
2006
+ Bt,
1924
2007
  {
1925
2008
  fontSize: "small",
1926
2009
  sx: {
1927
- color: o === d.id ? Y.colors.aiPrimary : m.textSecondary,
2010
+ color: i === d.id ? X.colors.aiPrimary : m.textSecondary,
1928
2011
  fontSize: 18
1929
2012
  }
1930
2013
  }
1931
2014
  ) }),
1932
2015
  I === d.id ? /* @__PURE__ */ e(
1933
- tn,
2016
+ nt,
1934
2017
  {
1935
2018
  size: "small",
1936
2019
  value: C,
1937
2020
  onChange: (w) => D(w.target.value),
1938
- onBlur: () => F(d.id),
2021
+ onBlur: () => N(d.id),
1939
2022
  onKeyDown: (w) => {
1940
- w.key === "Enter" && F(d.id), w.key === "Escape" && K();
2023
+ w.key === "Enter" && N(d.id), w.key === "Escape" && U();
1941
2024
  },
1942
2025
  autoFocus: !0,
1943
2026
  fullWidth: !0,
@@ -1956,10 +2039,10 @@ const Xt = ({
1956
2039
  secondary: d.preview,
1957
2040
  primaryTypographyProps: {
1958
2041
  variant: "body2",
1959
- fontWeight: o === d.id ? 600 : 400,
2042
+ fontWeight: i === d.id ? 600 : 400,
1960
2043
  noWrap: !0,
1961
2044
  sx: {
1962
- color: (o === d.id, m.text)
2045
+ color: (i === d.id, m.text)
1963
2046
  }
1964
2047
  },
1965
2048
  secondaryTypographyProps: {
@@ -1978,9 +2061,9 @@ const Xt = ({
1978
2061
  },
1979
2062
  d.id
1980
2063
  )) }),
1981
- V < T.length - 1 && /* @__PURE__ */ e(pe, { sx: { my: 1, mx: 2 } })
2064
+ K < T.length - 1 && /* @__PURE__ */ e(pe, { sx: { my: 1, mx: 2 } })
1982
2065
  ] }, S.label)),
1983
- T.length === 0 && /* @__PURE__ */ i(
2066
+ T.length === 0 && /* @__PURE__ */ o(
1984
2067
  l,
1985
2068
  {
1986
2069
  sx: {
@@ -1992,13 +2075,13 @@ const Xt = ({
1992
2075
  px: 2
1993
2076
  },
1994
2077
  children: [
1995
- /* @__PURE__ */ e(Kn, { sx: { fontSize: 40, color: m.textSecondary, mb: 1 } }),
2078
+ /* @__PURE__ */ e(jt, { sx: { fontSize: 40, color: m.textSecondary, mb: 1 } }),
1996
2079
  /* @__PURE__ */ e(b, { variant: "body2", color: m.textSecondary, textAlign: "center", children: L ? "No threads match your search" : "No conversation history" })
1997
2080
  ]
1998
2081
  }
1999
2082
  )
2000
2083
  ] }),
2001
- /* @__PURE__ */ i(
2084
+ /* @__PURE__ */ o(
2002
2085
  l,
2003
2086
  {
2004
2087
  sx: {
@@ -2010,35 +2093,35 @@ const Xt = ({
2010
2093
  justifyContent: "space-between"
2011
2094
  },
2012
2095
  children: [
2013
- /* @__PURE__ */ i(b, { variant: "caption", color: m.textSecondary, children: [
2014
- n.reduce((S, V) => S + V.threads.length, 0),
2096
+ /* @__PURE__ */ o(b, { variant: "caption", color: m.textSecondary, children: [
2097
+ t.reduce((S, K) => S + K.threads.length, 0),
2015
2098
  " threads"
2016
2099
  ] }),
2017
- /* @__PURE__ */ e(U, { title: "More options", children: /* @__PURE__ */ e(v, { size: "small", children: /* @__PURE__ */ e(Fn, { fontSize: "small" }) }) })
2100
+ /* @__PURE__ */ e(j, { title: "More options", children: /* @__PURE__ */ e(v, { size: "small", children: /* @__PURE__ */ e(Vt, { fontSize: "small" }) }) })
2018
2101
  ]
2019
2102
  }
2020
2103
  )
2021
2104
  ]
2022
2105
  }
2023
2106
  ) : null;
2024
- }, X = {
2025
- section: `${t.spacing.component.gapLg}px`,
2107
+ }, Z = {
2108
+ section: `${n.spacing.component.gapLg}px`,
2026
2109
  // 24px - between major sections
2027
- content: `${t.spacing.component.gapMd}px`,
2110
+ content: `${n.spacing.component.gapMd}px`,
2028
2111
  // 16px - within sections
2029
- element: `${t.spacing.component.gapSm}px`,
2112
+ element: `${n.spacing.component.gapSm}px`,
2030
2113
  // 8px - between related elements
2031
- inset: `${t.spacing.component.paddingMd}px`,
2114
+ inset: `${n.spacing.component.paddingMd}px`,
2032
2115
  // 16px - container padding
2033
- insetSm: `${t.spacing.component.paddingSm}px`
2116
+ insetSm: `${n.spacing.component.paddingSm}px`
2034
2117
  // 8px - small padding
2035
- }, lt = [
2118
+ }, ln = [
2036
2119
  { id: "gpt-4o", label: "GPT-4o", description: "Most capable model" },
2037
2120
  { id: "gpt-4o-mini", label: "GPT-4o Mini", description: "Fast and efficient" },
2038
2121
  { id: "claude-3-5-sonnet", label: "Claude 3.5 Sonnet", description: "Balanced performance" },
2039
2122
  { id: "claude-3-opus", label: "Claude 3 Opus", description: "Most powerful" },
2040
2123
  { id: "gemini-pro", label: "Gemini Pro", description: "Multimodal capable" }
2041
- ], st = [
2124
+ ], sn = [
2042
2125
  { id: "web", label: "Web Search", icon: "globe", enabled: !0 },
2043
2126
  { id: "documents", label: "Documents", icon: "file-text", enabled: !0 },
2044
2127
  { id: "database", label: "Database", icon: "database", enabled: !1 },
@@ -2153,9 +2236,9 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2153
2236
  "What video content works best?"
2154
2237
  ]
2155
2238
  }
2156
- }, ct = ({
2157
- initialMessages: n = [],
2158
- messages: o,
2239
+ }, cn = ({
2240
+ initialMessages: t = [],
2241
+ messages: i,
2159
2242
  onMessagesChange: s,
2160
2243
  placeholder: a = "Ask anything...",
2161
2244
  title: u = "Insight Engine",
@@ -2167,29 +2250,29 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2167
2250
  isFullscreen: y = !1,
2168
2251
  onFullscreenToggle: k,
2169
2252
  showControls: L = !0,
2170
- demoMode: N = !0,
2171
- onNewThread: B,
2172
- themeMode: q,
2253
+ demoMode: V = !0,
2254
+ onNewThread: R,
2255
+ themeMode: Y,
2173
2256
  boxedLayout: I = !0,
2174
- onBoxedLayoutToggle: R,
2257
+ onBoxedLayoutToggle: H,
2175
2258
  userInitials: C = "RD",
2176
2259
  // History sidebar props
2177
2260
  showHistory: D,
2178
2261
  onHistoryToggle: m,
2179
2262
  threadGroups: T,
2180
2263
  selectedThreadId: M,
2181
- onThreadSelect: F,
2182
- onThreadDelete: K,
2264
+ onThreadSelect: N,
2265
+ onThreadDelete: U,
2183
2266
  onThreadRename: S,
2184
- onThreadStar: V
2267
+ onThreadStar: K
2185
2268
  }) => {
2186
- const d = we(), w = o !== void 0, [oe, re] = z(n), ae = w ? o : oe, ne = (p) => {
2269
+ const d = we(), w = i !== void 0, [oe, re] = z(t), ae = w ? i : oe, te = (p) => {
2187
2270
  if (w) {
2188
- const r = typeof p == "function" ? p(o) : p;
2271
+ const r = typeof p == "function" ? p(i) : p;
2189
2272
  s?.(r);
2190
2273
  } else
2191
2274
  re(p);
2192
- }, [G, le] = z(""), [Q, te] = z(h), [P, se] = z(!1), [ce, Se] = z(!1), [J, fe] = z(!1), [x, Ue] = z("gpt-4o"), [ve, Ke] = z(["web", "documents"]), Me = Oe(null), [Ve, Le] = z(!1), ue = D ?? Ve, ke = m ?? (() => Le((p) => !p)), ie = {
2275
+ }, [G, le] = z(""), [Q, ne] = z(h), [P, se] = z(!1), [ce, Se] = z(!1), [q, fe] = z(!1), [x, je] = z("gpt-4o"), [ve, Ue] = z(["web", "documents"]), Me = Oe(null), [Ke, Le] = z(!1), ue = D ?? Ke, ke = m ?? (() => Le((p) => !p)), ie = {
2193
2276
  background: d.palette.background.default,
2194
2277
  surface: d.palette.background.paper,
2195
2278
  inputBg: d.palette.action.hover,
@@ -2204,9 +2287,9 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2204
2287
  $e(() => {
2205
2288
  ze();
2206
2289
  }, [ae, Q]), $e(() => {
2207
- te(h);
2290
+ ne(h);
2208
2291
  }, [h]);
2209
- const Qe = (p) => Ge[p] ? Ge[p] : Ge.default, Re = () => {
2292
+ const Qe = (p) => Ge[p] ? Ge[p] : Ge.default, He = () => {
2210
2293
  if (!G.trim()) return;
2211
2294
  const p = {
2212
2295
  id: Date.now().toString(),
@@ -2214,25 +2297,25 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2214
2297
  content: G.trim(),
2215
2298
  timestamp: /* @__PURE__ */ new Date()
2216
2299
  };
2217
- ne((j) => [...j, p]);
2300
+ te((F) => [...F, p]);
2218
2301
  const r = G.trim();
2219
- le(""), c?.(r, { proSearch: P }), N && (te(!0), setTimeout(() => {
2220
- const j = Qe(r), xe = {
2302
+ le(""), c?.(r, { proSearch: P }), V && (ne(!0), setTimeout(() => {
2303
+ const F = Qe(r), xe = {
2221
2304
  id: (Date.now() + 1).toString(),
2222
2305
  role: "assistant",
2223
- content: j.content,
2306
+ content: F.content,
2224
2307
  timestamp: /* @__PURE__ */ new Date(),
2225
- sources: j.sources,
2226
- relatedQuestions: j.relatedQuestions
2308
+ sources: F.sources,
2309
+ relatedQuestions: F.relatedQuestions
2227
2310
  };
2228
- ne((be) => [...be, xe]), te(!1);
2311
+ te((be) => [...be, xe]), ne(!1);
2229
2312
  }, 2e3));
2230
- }, Be = (p) => {
2313
+ }, Re = (p) => {
2231
2314
  le(p);
2232
2315
  }, Ie = () => {
2233
- ne([]), B?.();
2234
- }, We = /* @__PURE__ */ e(Dn, { size: "xs", icon: "sparkles" });
2235
- return /* @__PURE__ */ i(
2316
+ te([]), R?.();
2317
+ }, We = /* @__PURE__ */ e(Et, { size: "xs", icon: "sparkles" });
2318
+ return /* @__PURE__ */ o(
2236
2319
  de,
2237
2320
  {
2238
2321
  direction: ue ? "row" : "column",
@@ -2243,21 +2326,21 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2243
2326
  },
2244
2327
  children: [
2245
2328
  ue && /* @__PURE__ */ e(
2246
- at,
2329
+ an,
2247
2330
  {
2248
2331
  open: ue,
2249
2332
  threadGroups: T,
2250
2333
  selectedThreadId: M,
2251
- onThreadSelect: F,
2334
+ onThreadSelect: N,
2252
2335
  onNewThread: Ie,
2253
- onThreadDelete: K,
2336
+ onThreadDelete: U,
2254
2337
  onThreadRename: S,
2255
- onThreadStar: V,
2338
+ onThreadStar: K,
2256
2339
  onClose: ke,
2257
2340
  width: y ? 280 : 240
2258
2341
  }
2259
2342
  ),
2260
- /* @__PURE__ */ i(
2343
+ /* @__PURE__ */ o(
2261
2344
  de,
2262
2345
  {
2263
2346
  sx: {
@@ -2265,25 +2348,25 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2265
2348
  minWidth: 0,
2266
2349
  height: "100%",
2267
2350
  overflow: "hidden",
2268
- background: Y.gradient.subtle
2351
+ background: X.gradient.subtle
2269
2352
  },
2270
2353
  children: [
2271
- /* @__PURE__ */ i(
2354
+ /* @__PURE__ */ o(
2272
2355
  de,
2273
2356
  {
2274
2357
  direction: "row",
2275
2358
  alignItems: "center",
2276
- spacing: X.element,
2359
+ spacing: Z.element,
2277
2360
  sx: {
2278
- px: X.inset,
2279
- py: X.insetSm,
2361
+ px: Z.inset,
2362
+ py: Z.insetSm,
2280
2363
  borderBottom: 1,
2281
2364
  borderColor: "divider",
2282
2365
  bgcolor: "background.default",
2283
2366
  flexShrink: 0
2284
2367
  },
2285
2368
  children: [
2286
- !ue && /* @__PURE__ */ e(U, { title: "Show history", children: /* @__PURE__ */ e(
2369
+ !ue && /* @__PURE__ */ e(j, { title: "Show history", children: /* @__PURE__ */ e(
2287
2370
  v,
2288
2371
  {
2289
2372
  size: "small",
@@ -2292,7 +2375,7 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2292
2375
  children: /* @__PURE__ */ e(ye, { name: "menu", size: "small" })
2293
2376
  }
2294
2377
  ) }),
2295
- /* @__PURE__ */ e(U, { title: "New thread", children: /* @__PURE__ */ e(
2378
+ /* @__PURE__ */ e(j, { title: "New thread", children: /* @__PURE__ */ e(
2296
2379
  v,
2297
2380
  {
2298
2381
  size: "small",
@@ -2301,11 +2384,11 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2301
2384
  children: /* @__PURE__ */ e(ye, { name: "plus", size: "small" })
2302
2385
  }
2303
2386
  ) }),
2304
- /* @__PURE__ */ i(de, { direction: "row", alignItems: "center", spacing: 1, sx: { flex: 1 }, children: [
2387
+ /* @__PURE__ */ o(de, { direction: "row", alignItems: "center", spacing: 1, sx: { flex: 1 }, children: [
2305
2388
  A || We,
2306
2389
  /* @__PURE__ */ e(b, { variant: "subtitle2", fontWeight: 600, color: "text.primary", children: u }),
2307
2390
  P && /* @__PURE__ */ e(
2308
- Cn,
2391
+ yt,
2309
2392
  {
2310
2393
  label: "Pro",
2311
2394
  size: "small",
@@ -2313,15 +2396,15 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2313
2396
  height: 20,
2314
2397
  fontSize: 10,
2315
2398
  fontWeight: 600,
2316
- background: Y.gradient.diagonal,
2399
+ background: X.gradient.diagonal,
2317
2400
  // eslint-disable-next-line no-restricted-syntax -- @intentional-color: white on gradient
2318
2401
  color: "#FFFFFF"
2319
2402
  }
2320
2403
  }
2321
2404
  )
2322
2405
  ] }),
2323
- L && /* @__PURE__ */ i(de, { direction: "row", spacing: 0.5, children: [
2324
- /* @__PURE__ */ e(U, { title: ue ? "Hide history" : "Show history", children: /* @__PURE__ */ e(
2406
+ L && /* @__PURE__ */ o(de, { direction: "row", spacing: 0.5, children: [
2407
+ /* @__PURE__ */ e(j, { title: ue ? "Hide history" : "Show history", children: /* @__PURE__ */ e(
2325
2408
  v,
2326
2409
  {
2327
2410
  size: "small",
@@ -2330,16 +2413,16 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2330
2413
  children: /* @__PURE__ */ e(ye, { name: "clock", size: "small" })
2331
2414
  }
2332
2415
  ) }),
2333
- y && R && /* @__PURE__ */ e(U, { title: I ? "Full width" : "Boxed layout", children: /* @__PURE__ */ e(
2416
+ y && H && /* @__PURE__ */ e(j, { title: I ? "Full width" : "Boxed layout", children: /* @__PURE__ */ e(
2334
2417
  v,
2335
2418
  {
2336
2419
  size: "small",
2337
- onClick: R,
2420
+ onClick: H,
2338
2421
  sx: { color: ie.iconInactive },
2339
2422
  children: /* @__PURE__ */ e(ye, { name: I ? "maximize-2" : "minimize-2", size: "small" })
2340
2423
  }
2341
2424
  ) }),
2342
- k && /* @__PURE__ */ e(U, { title: y ? "Exit fullscreen" : "Fullscreen", children: /* @__PURE__ */ e(
2425
+ k && /* @__PURE__ */ e(j, { title: y ? "Exit fullscreen" : "Fullscreen", children: /* @__PURE__ */ e(
2343
2426
  v,
2344
2427
  {
2345
2428
  size: "small",
@@ -2348,7 +2431,7 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2348
2431
  children: /* @__PURE__ */ e(ye, { name: y ? "minimize" : "maximize", size: "small" })
2349
2432
  }
2350
2433
  ) }),
2351
- E && /* @__PURE__ */ e(U, { title: "Close", children: /* @__PURE__ */ e(
2434
+ E && /* @__PURE__ */ e(j, { title: "Close", children: /* @__PURE__ */ e(
2352
2435
  v,
2353
2436
  {
2354
2437
  size: "small",
@@ -2371,23 +2454,23 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2371
2454
  display: "flex",
2372
2455
  flexDirection: "column"
2373
2456
  },
2374
- children: /* @__PURE__ */ i(
2457
+ children: /* @__PURE__ */ o(
2375
2458
  de,
2376
2459
  {
2377
2460
  sx: {
2378
2461
  flex: 1,
2379
- px: X.inset,
2462
+ px: Z.inset,
2380
2463
  // Add horizontal padding for whitespace
2381
2464
  ...y && I && { maxWidth: 900, mx: "auto", px: 3 }
2382
2465
  },
2383
2466
  children: [
2384
- ae.length === 0 && /* @__PURE__ */ i(
2467
+ ae.length === 0 && /* @__PURE__ */ o(
2385
2468
  de,
2386
2469
  {
2387
2470
  alignItems: "center",
2388
2471
  justifyContent: "center",
2389
- spacing: X.content,
2390
- sx: { flex: 1, p: X.section, minHeight: 400 },
2472
+ spacing: Z.content,
2473
+ sx: { flex: 1, p: Z.section, minHeight: 400 },
2391
2474
  children: [
2392
2475
  /* @__PURE__ */ e(
2393
2476
  l,
@@ -2395,13 +2478,13 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2395
2478
  sx: {
2396
2479
  width: 56,
2397
2480
  height: 56,
2398
- borderRadius: vn.lg,
2399
- background: Y.gradient.subtle,
2481
+ borderRadius: wt.lg,
2482
+ background: X.gradient.subtle,
2400
2483
  display: "flex",
2401
2484
  alignItems: "center",
2402
2485
  justifyContent: "center"
2403
2486
  },
2404
- children: /* @__PURE__ */ e(ye, { name: "sparkles", size: "medium", color: Y.colors.aiPrimary })
2487
+ children: /* @__PURE__ */ e(ye, { name: "sparkles", size: "medium", color: X.colors.aiPrimary })
2405
2488
  }
2406
2489
  ),
2407
2490
  /* @__PURE__ */ e(b, { variant: "h6", fontWeight: 600, color: "text.primary", children: "What do you want to know?" }),
@@ -2409,8 +2492,8 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2409
2492
  ]
2410
2493
  }
2411
2494
  ),
2412
- ae.map((p) => /* @__PURE__ */ i(
2413
- kn,
2495
+ ae.map((p) => /* @__PURE__ */ o(
2496
+ vt,
2414
2497
  {
2415
2498
  role: p.role,
2416
2499
  content: p.content,
@@ -2421,28 +2504,28 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2421
2504
  showShare: p.role === "assistant",
2422
2505
  showRegenerate: p.role === "assistant",
2423
2506
  children: [
2424
- p.sources && p.sources.length > 0 && /* @__PURE__ */ e(l, { sx: { mt: X.content }, children: /* @__PURE__ */ e(zn, { sources: p.sources }) }),
2425
- p.relatedQuestions && p.relatedQuestions.length > 0 && /* @__PURE__ */ e(l, { sx: { mt: X.content }, children: /* @__PURE__ */ e(
2426
- In,
2507
+ p.sources && p.sources.length > 0 && /* @__PURE__ */ e(l, { sx: { mt: Z.content }, children: /* @__PURE__ */ e(kt, { sources: p.sources }) }),
2508
+ p.relatedQuestions && p.relatedQuestions.length > 0 && /* @__PURE__ */ e(l, { sx: { mt: Z.content }, children: /* @__PURE__ */ e(
2509
+ zt,
2427
2510
  {
2428
2511
  questions: p.relatedQuestions,
2429
- onQuestionClick: Be
2512
+ onQuestionClick: Re
2430
2513
  }
2431
2514
  ) })
2432
2515
  ]
2433
2516
  },
2434
2517
  p.id
2435
2518
  )),
2436
- Q && /* @__PURE__ */ i(
2519
+ Q && /* @__PURE__ */ o(
2437
2520
  de,
2438
2521
  {
2439
2522
  direction: "row",
2440
2523
  alignItems: "flex-start",
2441
- spacing: X.content,
2442
- sx: { p: X.inset, bgcolor: "background.default" },
2524
+ spacing: Z.content,
2525
+ sx: { p: Z.inset, bgcolor: "background.default" },
2443
2526
  children: [
2444
2527
  A || We,
2445
- /* @__PURE__ */ e(Wn, { text: "Searching..." })
2528
+ /* @__PURE__ */ e(It, { text: "Searching..." })
2446
2529
  ]
2447
2530
  }
2448
2531
  ),
@@ -2452,12 +2535,12 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2452
2535
  )
2453
2536
  }
2454
2537
  ),
2455
- /* @__PURE__ */ i(
2538
+ /* @__PURE__ */ o(
2456
2539
  de,
2457
2540
  {
2458
2541
  sx: {
2459
- px: X.inset,
2460
- py: X.insetSm,
2542
+ px: Z.inset,
2543
+ py: Z.insetSm,
2461
2544
  bgcolor: "background.default",
2462
2545
  borderTop: 1,
2463
2546
  borderColor: "divider",
@@ -2469,26 +2552,26 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2469
2552
  },
2470
2553
  children: [
2471
2554
  /* @__PURE__ */ e(
2472
- An,
2555
+ Wt,
2473
2556
  {
2474
2557
  value: G,
2475
2558
  onChange: le,
2476
2559
  onSubmit: (p) => {
2477
- Re(), c?.(p, {});
2560
+ He(), c?.(p, {});
2478
2561
  },
2479
2562
  placeholder: "Ask anything. Type @ for mentions and / for shortcuts.",
2480
- models: lt,
2563
+ models: ln,
2481
2564
  selectedModel: x,
2482
- onModelChange: Ue,
2483
- sources: st.map((p) => ({
2565
+ onModelChange: je,
2566
+ sources: sn.map((p) => ({
2484
2567
  id: p.id,
2485
2568
  label: p.label,
2486
2569
  icon: p.icon,
2487
2570
  enabled: ve.includes(p.id)
2488
2571
  })),
2489
2572
  onSourceToggle: (p, r) => {
2490
- Ke(
2491
- (j) => r ? [...j, p] : j.filter((xe) => xe !== p)
2573
+ Ue(
2574
+ (F) => r ? [...F, p] : F.filter((xe) => xe !== p)
2492
2575
  );
2493
2576
  },
2494
2577
  deepThinkingEnabled: P,
@@ -2497,21 +2580,21 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2497
2580
  onWebSearchToggle: () => {
2498
2581
  },
2499
2582
  onAttachmentClick: () => console.log("Attachment clicked"),
2500
- onVoiceClick: () => fe(!J),
2501
- isListening: J
2583
+ onVoiceClick: () => fe(!q),
2584
+ isListening: q
2502
2585
  }
2503
2586
  ),
2504
2587
  /* @__PURE__ */ e(
2505
- Pn,
2588
+ At,
2506
2589
  {
2507
2590
  open: ce,
2508
- isListening: J,
2509
- onListeningToggle: () => fe(!J),
2591
+ isListening: q,
2592
+ onListeningToggle: () => fe(!q),
2510
2593
  onClose: () => Se(!1)
2511
2594
  }
2512
2595
  ),
2513
- !ce && /* @__PURE__ */ e(En, { isListening: J, onStop: () => fe(!1) }),
2514
- /* @__PURE__ */ e(b, { variant: "caption", color: "text.secondary", sx: { mt: X.element, textAlign: "center" }, children: "Insight Engine can make mistakes. Verify important information." })
2596
+ !ce && /* @__PURE__ */ e(Pt, { isListening: q, onStop: () => fe(!1) }),
2597
+ /* @__PURE__ */ e(b, { variant: "caption", color: "text.secondary", sx: { mt: Z.element, textAlign: "center" }, children: "Insight Engine can make mistakes. Verify important information." })
2515
2598
  ]
2516
2599
  }
2517
2600
  )
@@ -2521,9 +2604,9 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2521
2604
  ]
2522
2605
  }
2523
2606
  );
2524
- }, dt = ({
2525
- open: n,
2526
- children: o,
2607
+ }, dn = ({
2608
+ open: t,
2609
+ children: i,
2527
2610
  defaultWidth: s = 400,
2528
2611
  minWidth: a = 320,
2529
2612
  maxWidth: u = 800,
@@ -2534,21 +2617,21 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2534
2617
  sx: E,
2535
2618
  contentSx: y
2536
2619
  }) => {
2537
- const [k, L] = z(s), [N, B] = z(!1), q = Oe(null), I = Oe(0), R = Oe(0), C = W((T) => {
2538
- T.preventDefault(), B(!0), I.current = T.clientX, R.current = k;
2620
+ const [k, L] = z(s), [V, R] = z(!1), Y = Oe(null), I = Oe(0), H = Oe(0), C = W((T) => {
2621
+ T.preventDefault(), R(!0), I.current = T.clientX, H.current = k;
2539
2622
  }, [k]), D = W((T) => {
2540
- if (!N) return;
2541
- const M = c === "right" ? I.current - T.clientX : T.clientX - I.current, F = Math.min(u, Math.max(a, R.current + M));
2542
- L(F);
2543
- }, [N, a, u, c]), m = W(() => {
2544
- B(!1);
2623
+ if (!V) return;
2624
+ const M = c === "right" ? I.current - T.clientX : T.clientX - I.current, N = Math.min(u, Math.max(a, H.current + M));
2625
+ L(N);
2626
+ }, [V, a, u, c]), m = W(() => {
2627
+ R(!1);
2545
2628
  }, []);
2546
- return $e(() => (N && (document.addEventListener("mousemove", D), document.addEventListener("mouseup", m), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none"), () => {
2629
+ return $e(() => (V && (document.addEventListener("mousemove", D), document.addEventListener("mouseup", m), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none"), () => {
2547
2630
  document.removeEventListener("mousemove", D), document.removeEventListener("mouseup", m), document.body.style.cursor = "", document.body.style.userSelect = "";
2548
- }), [N, D, m]), n ? /* @__PURE__ */ i(
2631
+ }), [V, D, m]), t ? /* @__PURE__ */ o(
2549
2632
  l,
2550
2633
  {
2551
- ref: q,
2634
+ ref: Y,
2552
2635
  sx: {
2553
2636
  position: "relative",
2554
2637
  width: k,
@@ -2563,7 +2646,7 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2563
2646
  borderRight: c === "left" ? "1px solid" : "none",
2564
2647
  borderColor: "divider",
2565
2648
  // Use MUI theme
2566
- transition: N ? "none" : "width 0.1s ease-out",
2649
+ transition: V ? "none" : "width 0.1s ease-out",
2567
2650
  overflow: "hidden",
2568
2651
  flexShrink: 0,
2569
2652
  ...E
@@ -2591,7 +2674,7 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2591
2674
  opacity: 1
2592
2675
  }
2593
2676
  },
2594
- ...N && {
2677
+ ...V && {
2595
2678
  "& .resize-indicator": {
2596
2679
  backgroundColor: "primary.light",
2597
2680
  // Use MUI theme
@@ -2610,13 +2693,13 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2610
2693
  backgroundColor: "action.hover",
2611
2694
  // Use MUI theme
2612
2695
  opacity: 0.5,
2613
- transition: `all ${t.motion.duration.fast}`
2696
+ transition: `all ${n.motion.duration.fast}`
2614
2697
  }
2615
2698
  }
2616
2699
  )
2617
2700
  }
2618
2701
  ),
2619
- h && /* @__PURE__ */ i(
2702
+ h && /* @__PURE__ */ o(
2620
2703
  l,
2621
2704
  {
2622
2705
  sx: {
@@ -2631,7 +2714,7 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2631
2714
  },
2632
2715
  children: [
2633
2716
  /* @__PURE__ */ e(l, { sx: { flex: 1 }, children: h }),
2634
- A && /* @__PURE__ */ e(U, { title: "Close panel", children: /* @__PURE__ */ e(
2717
+ A && /* @__PURE__ */ e(j, { title: "Close panel", children: /* @__PURE__ */ e(
2635
2718
  v,
2636
2719
  {
2637
2720
  size: "small",
@@ -2640,7 +2723,7 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2640
2723
  color: "text.secondary",
2641
2724
  // Use MUI theme
2642
2725
  "&:hover": {
2643
- backgroundColor: t.effects.overlay.hover
2726
+ backgroundColor: n.effects.overlay.hover
2644
2727
  // 8%
2645
2728
  }
2646
2729
  },
@@ -2661,15 +2744,15 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2661
2744
  flexDirection: "column",
2662
2745
  ...y
2663
2746
  },
2664
- children: o
2747
+ children: i
2665
2748
  }
2666
2749
  )
2667
2750
  ]
2668
2751
  }
2669
2752
  ) : null;
2670
- }, ht = ({
2671
- open: n = !1,
2672
- onClick: o,
2753
+ }, hn = ({
2754
+ open: t = !1,
2755
+ onClick: i,
2673
2756
  position: s = "bottom-right",
2674
2757
  offset: a = { x: 24, y: 24 },
2675
2758
  showBadge: u = !1,
@@ -2698,20 +2781,20 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2698
2781
  k.top = a.y, k.left = a.x;
2699
2782
  break;
2700
2783
  }
2701
- const L = /* @__PURE__ */ i(
2702
- Sn,
2784
+ const L = /* @__PURE__ */ o(
2785
+ Ct,
2703
2786
  {
2704
2787
  color: "primary",
2705
- onClick: o,
2788
+ onClick: i,
2706
2789
  disabled: A,
2707
2790
  size: c,
2708
2791
  sx: {
2709
- background: Y.gradient.diagonal,
2710
- boxShadow: Y.gradient.glow,
2792
+ background: X.gradient.diagonal,
2793
+ boxShadow: X.gradient.glow,
2711
2794
  transition: "all 0.3s ease",
2712
2795
  "&:hover": {
2713
- background: Y.gradient.diagonal,
2714
- boxShadow: Y.gradient.glow,
2796
+ background: X.gradient.diagonal,
2797
+ boxShadow: X.gradient.glow,
2715
2798
  transform: "scale(1.05)"
2716
2799
  },
2717
2800
  "&:active": {
@@ -2724,13 +2807,13 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2724
2807
  }
2725
2808
  },
2726
2809
  children: [
2727
- /* @__PURE__ */ e(bn, { sx: { color: "common.white" } }),
2810
+ /* @__PURE__ */ e(xt, { sx: { color: "common.white" } }),
2728
2811
  " "
2729
2812
  ]
2730
2813
  }
2731
2814
  );
2732
2815
  return /* @__PURE__ */ e(l, { sx: k, children: u ? /* @__PURE__ */ e(
2733
- wn,
2816
+ St,
2734
2817
  {
2735
2818
  badgeContent: g,
2736
2819
  color: "error",
@@ -2743,23 +2826,23 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2743
2826
  // Use MUI theme
2744
2827
  }
2745
2828
  },
2746
- children: /* @__PURE__ */ e(U, { title: h, placement: "left", children: L })
2829
+ children: /* @__PURE__ */ e(j, { title: h, placement: "left", children: L })
2747
2830
  }
2748
- ) : /* @__PURE__ */ e(U, { title: h, placement: "left", children: L }) });
2749
- }, pt = "insight-engine", mt = t.spacing.layout.aiPanelWidth, ut = ({
2750
- isFullscreen: n,
2751
- headerHeight: o,
2831
+ ) : /* @__PURE__ */ e(j, { title: h, placement: "left", children: L }) });
2832
+ }, pn = "insight-engine", mn = n.spacing.layout.aiPanelWidth, un = ({
2833
+ isFullscreen: t,
2834
+ headerHeight: i,
2752
2835
  sidebarWidth: s,
2753
2836
  panelZIndex: a,
2754
2837
  navStyle: u
2755
2838
  }) => {
2756
2839
  const g = {
2757
2840
  position: "fixed",
2758
- top: o,
2759
- height: `calc(100vh - ${o}px)`,
2841
+ top: i,
2842
+ height: `calc(100vh - ${i}px)`,
2760
2843
  zIndex: a
2761
2844
  };
2762
- return n ? {
2845
+ return t ? {
2763
2846
  ...g,
2764
2847
  left: u === "sidebar" ? s : 0,
2765
2848
  right: 0,
@@ -2768,19 +2851,19 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2768
2851
  ...g,
2769
2852
  right: 0
2770
2853
  };
2771
- }, gt = ({
2772
- aiPanelFullscreen: n,
2773
- contentSx: o
2854
+ }, gn = ({
2855
+ aiPanelFullscreen: t,
2856
+ contentSx: i
2774
2857
  }) => ({
2775
2858
  flex: 1,
2776
2859
  minHeight: 0,
2777
2860
  bgcolor: "background.default",
2778
2861
  overflow: "auto",
2779
- display: n ? "none" : "block",
2780
- ...o
2781
- }), ft = ({
2782
- aiPanelOpen: n,
2783
- aiPanelFullscreen: o,
2862
+ display: t ? "none" : "block",
2863
+ ...i
2864
+ }), fn = ({
2865
+ aiPanelOpen: t,
2866
+ aiPanelFullscreen: i,
2784
2867
  aiPanelWidth: s,
2785
2868
  transition: a
2786
2869
  }) => ({
@@ -2789,10 +2872,10 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2789
2872
  flex: 1,
2790
2873
  minHeight: 0,
2791
2874
  transition: a,
2792
- marginRight: n && !o ? `${s}px` : 0
2793
- }), xt = ({
2794
- children: n,
2795
- navStyle: o = "sidebar",
2875
+ marginRight: t && !i ? `${s}px` : 0
2876
+ }), xn = ({
2877
+ children: t,
2878
+ navStyle: i = "sidebar",
2796
2879
  aiTrigger: s,
2797
2880
  companyName: a = "Trinity",
2798
2881
  navItems: u = [],
@@ -2804,41 +2887,41 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2804
2887
  onClientChange: y,
2805
2888
  onNavigate: k,
2806
2889
  fabProps: L,
2807
- panelProps: N,
2808
- aiPanelWidth: B = mt,
2809
- contentSx: q
2890
+ panelProps: V,
2891
+ aiPanelWidth: R = mn,
2892
+ contentSx: Y
2810
2893
  }) => {
2811
2894
  const I = we();
2812
2895
  Ae(I.breakpoints.down("md"));
2813
- const R = s ?? (o === "sidebar" ? "sidebar" : "fab"), [C, D] = z(!1), [m, T] = z(!1), [M, F] = z(!0), K = W(() => {
2896
+ const H = s ?? (i === "sidebar" ? "sidebar" : "fab"), [C, D] = z(!1), [m, T] = z(!1), [M, N] = z(!0), U = W(() => {
2814
2897
  D((P) => !P);
2815
2898
  }, []), S = W(() => {
2816
2899
  D(!1), T(!1);
2817
- }, []), V = W(() => {
2900
+ }, []), K = W(() => {
2818
2901
  T((P) => !P);
2819
2902
  }, []), d = W(
2820
2903
  (P) => {
2821
- if (P === pt) {
2822
- K();
2904
+ if (P === pn) {
2905
+ U();
2823
2906
  return;
2824
2907
  }
2825
2908
  c?.(P), k?.(P);
2826
2909
  },
2827
- [K, c, k]
2828
- ), { layout: w } = t.spacing, oe = w.headerHeight, re = w.sidebarWidthExpanded, ae = w.sidebarWidthCollapsed, ne = () => {
2829
- if (R === "none" || !C && !m) return null;
2830
- const P = I.zIndex.drawer - 1, ce = ut({
2910
+ [U, c, k]
2911
+ ), { layout: w } = n.spacing, oe = w.headerHeight, re = w.sidebarWidthExpanded, ae = w.sidebarWidthCollapsed, te = () => {
2912
+ if (H === "none" || !C && !m) return null;
2913
+ const P = I.zIndex.drawer - 1, ce = un({
2831
2914
  isFullscreen: m,
2832
2915
  headerHeight: oe,
2833
2916
  sidebarWidth: M ? re : ae,
2834
2917
  panelZIndex: P,
2835
- navStyle: o
2918
+ navStyle: i
2836
2919
  });
2837
2920
  return /* @__PURE__ */ e(
2838
- dt,
2921
+ dn,
2839
2922
  {
2840
2923
  open: C,
2841
- defaultWidth: B,
2924
+ defaultWidth: R,
2842
2925
  minWidth: 320,
2843
2926
  maxWidth: m ? void 0 : 800,
2844
2927
  side: "right",
@@ -2847,7 +2930,7 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2847
2930
  ...ce,
2848
2931
  bgcolor: "background.paper",
2849
2932
  // Remove shadow when fullscreen to eliminate gap appearance
2850
- boxShadow: C && !m ? t.effects.shadow.floating : "none",
2933
+ boxShadow: C && !m ? n.effects.shadow.floating : "none",
2851
2934
  // In fullscreen mode, take full width and disable resize
2852
2935
  ...m && {
2853
2936
  width: "auto",
@@ -2861,27 +2944,27 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2861
2944
  height: "100%"
2862
2945
  },
2863
2946
  children: /* @__PURE__ */ e(
2864
- ct,
2947
+ cn,
2865
2948
  {
2866
2949
  showControls: !0,
2867
2950
  onClose: S,
2868
2951
  isFullscreen: m,
2869
- onFullscreenToggle: V,
2870
- ...N
2952
+ onFullscreenToggle: K,
2953
+ ...V
2871
2954
  }
2872
2955
  )
2873
2956
  }
2874
2957
  );
2875
2958
  }, G = () => {
2876
- if (R !== "fab") return null;
2959
+ if (H !== "fab") return null;
2877
2960
  const P = w.gutter, se = {
2878
- x: C ? B + P : P,
2961
+ x: C ? R + P : P,
2879
2962
  y: P
2880
2963
  };
2881
2964
  return /* @__PURE__ */ e(
2882
- ht,
2965
+ hn,
2883
2966
  {
2884
- onClick: K,
2967
+ onClick: U,
2885
2968
  open: C,
2886
2969
  position: "bottom-right",
2887
2970
  offset: se,
@@ -2892,18 +2975,18 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2892
2975
  }, le = I.transitions.create(["margin", "width"], {
2893
2976
  easing: I.transitions.easing.sharp,
2894
2977
  duration: I.transitions.duration.enteringScreen
2895
- }), Q = gt({
2978
+ }), Q = gn({
2896
2979
  aiPanelFullscreen: m,
2897
- contentSx: q
2898
- }), te = ft({
2980
+ contentSx: Y
2981
+ }), ne = fn({
2899
2982
  aiPanelOpen: C,
2900
2983
  aiPanelFullscreen: m,
2901
- aiPanelWidth: B,
2984
+ aiPanelWidth: R,
2902
2985
  transition: le
2903
2986
  });
2904
- return o === "sidebar" ? /* @__PURE__ */ i(l, { sx: { display: "flex", minHeight: "100vh" }, children: [
2905
- /* @__PURE__ */ e(l, { sx: te, children: /* @__PURE__ */ e(
2906
- Zn,
2987
+ return i === "sidebar" ? /* @__PURE__ */ o(l, { sx: { display: "flex", minHeight: "100vh" }, children: [
2988
+ /* @__PURE__ */ e(l, { sx: ne, children: /* @__PURE__ */ e(
2989
+ qt,
2907
2990
  {
2908
2991
  appName: a,
2909
2992
  clientName: A,
@@ -2916,15 +2999,15 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2916
2999
  userEmail: h?.email,
2917
3000
  userInitials: h?.initials,
2918
3001
  sidebarExpanded: M,
2919
- onSidebarExpandedChange: F,
2920
- children: /* @__PURE__ */ e(l, { sx: Q, children: n })
3002
+ onSidebarExpandedChange: N,
3003
+ children: /* @__PURE__ */ e(l, { sx: Q, children: t })
2921
3004
  }
2922
3005
  ) }),
2923
- ne(),
3006
+ te(),
2924
3007
  G()
2925
- ] }) : /* @__PURE__ */ i(l, { sx: { display: "flex", flexDirection: "column", minHeight: "100vh" }, children: [
3008
+ ] }) : /* @__PURE__ */ o(l, { sx: { display: "flex", flexDirection: "column", minHeight: "100vh" }, children: [
2926
3009
  /* @__PURE__ */ e(
2927
- Gn,
3010
+ _t,
2928
3011
  {
2929
3012
  appName: a,
2930
3013
  clientName: A,
@@ -2940,38 +3023,38 @@ Video content is generating 2.8x more engagement than static posts. Consider inc
2940
3023
  {
2941
3024
  component: "main",
2942
3025
  sx: {
2943
- ...te,
3026
+ ...ne,
2944
3027
  ...Q,
2945
3028
  pt: `${w.contentPadding}px`
2946
3029
  // Account for fixed header
2947
3030
  },
2948
- children: n
3031
+ children: t
2949
3032
  }
2950
3033
  ),
2951
- ne(),
3034
+ te(),
2952
3035
  G()
2953
3036
  ] });
2954
- }, ao = (n) => ($e(() => {
3037
+ }, ro = (t) => ($e(() => {
2955
3038
  process.env.NODE_ENV === "development" && console.warn(
2956
3039
  '[Trinity Design System] AIFabLayout is deprecated and will be removed in v2.0.0. Use AppLayout with navStyle="topnav" and aiTrigger="fab" instead. See migration guide: https://trinity.design/migration'
2957
3040
  );
2958
- }, []), /* @__PURE__ */ e(xt, { aiTrigger: "fab", ...n }));
3041
+ }, []), /* @__PURE__ */ e(xn, { aiTrigger: "fab", ...t }));
2959
3042
  export {
2960
- oo as A,
3043
+ no as A,
2961
3044
  to as C,
2962
- ro as H,
2963
- ct as I,
2964
- dt as R,
2965
- no as S,
2966
- Gn as T,
2967
- io as U,
2968
- Zn as a,
2969
- eo as b,
2970
- Yt as c,
2971
- qt as d,
2972
- Jt as e,
2973
- Zt as f,
2974
- xt as g,
2975
- ao as h,
2976
- Xt as u
3045
+ io as H,
3046
+ cn as I,
3047
+ dn as R,
3048
+ eo as S,
3049
+ _t as T,
3050
+ oo as U,
3051
+ qt as a,
3052
+ Jn as b,
3053
+ Zn as c,
3054
+ Xn as d,
3055
+ Yn as e,
3056
+ qn as f,
3057
+ xn as g,
3058
+ ro as h,
3059
+ Gn as u
2977
3060
  };