@freedom-code-compliance/fcc-redesign 0.1.32 → 0.1.34

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 (4) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +1881 -742
  3. package/dist/styles.css +1 -1
  4. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,64 +1,75 @@
1
- import { createContext as e, createElement as t, forwardRef as n, isValidElement as r, useCallback as i, useContext as a, useEffect as o, useId as s, useLayoutEffect as c, useRef as l, useState as u } from "react";
2
- import { AlertCircle as d, AlertTriangle as f, Bell as p, Calendar as m, Check as h, CheckCheck as g, CheckCircle as _, ChevronDown as v, ChevronRight as y, ChevronUp as b, ChevronsUpDown as x, Clock as S, Columns3 as C, Filter as w, Info as T, LayoutGrid as E, List as D, Loader2 as O, LogOut as k, Map as A, Minus as j, Moon as M, Search as N, Sun as P, TrendingDown as F, TrendingUp as I, X as L } from "lucide-react";
3
- import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
4
- import { createPortal as V } from "react-dom";
1
+ import { createContext as e, createElement as t, forwardRef as n, isValidElement as r, useCallback as i, useContext as a, useEffect as o, useId as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
2
+ import { AlertCircle as f, AlertTriangle as p, Bell as m, Calendar as h, Check as g, CheckCheck as _, CheckCircle as v, ChevronDown as y, ChevronRight as b, ChevronUp as x, ChevronsUpDown as S, Clock as C, Columns3 as w, Filter as T, Hash as E, Info as D, LayoutGrid as O, List as k, Loader2 as A, LogOut as j, Map as M, Mic as N, MicOff as P, Minus as F, Moon as I, MoreHorizontal as L, Pause as ee, Phone as R, PhoneForwarded as te, PhoneIncoming as ne, PhoneMissed as re, PhoneOff as z, Play as ie, Search as B, Sun as ae, TrendingDown as oe, TrendingUp as se, UserPlus as ce, Voicemail as le, X as V } from "lucide-react";
3
+ import { Fragment as ue, jsx as H, jsxs as U } from "react/jsx-runtime";
4
+ import { createPortal as W } from "react-dom";
5
5
  //#region src/components/ui/Toast.jsx
6
- var H = e(null), U = {
7
- success: /* @__PURE__ */ z(_, {
6
+ var de = e(null), fe = {
7
+ success: /* @__PURE__ */ H(v, {
8
8
  size: 16,
9
9
  style: { color: "var(--accent-green)" }
10
10
  }),
11
- error: /* @__PURE__ */ z(d, {
11
+ error: /* @__PURE__ */ H(f, {
12
12
  size: 16,
13
13
  style: { color: "var(--accent-red)" }
14
14
  }),
15
- warning: /* @__PURE__ */ z(f, {
15
+ warning: /* @__PURE__ */ H(p, {
16
16
  size: 16,
17
17
  style: { color: "var(--accent-yellow)" }
18
18
  }),
19
- info: /* @__PURE__ */ z(T, {
19
+ info: /* @__PURE__ */ H(D, {
20
20
  size: 16,
21
21
  style: { color: "var(--accent-blue)" }
22
22
  })
23
23
  };
24
- function ee({ toast: e, onDismiss: t }) {
24
+ function pe({ toast: e, onDismiss: t }) {
25
25
  return o(() => {
26
- if (e.duration !== 0) {
26
+ if (!(e.sticky || e.duration === 0)) {
27
27
  let n = setTimeout(() => t(e.id), e.duration || 4e3);
28
28
  return () => clearTimeout(n);
29
29
  }
30
30
  }, [
31
31
  e.id,
32
32
  e.duration,
33
+ e.sticky,
33
34
  t
34
- ]), /* @__PURE__ */ B("div", {
35
+ ]), /* @__PURE__ */ U("div", {
35
36
  className: "toast",
36
37
  style: { animation: "slideInRight 200ms ease" },
37
38
  children: [
38
- /* @__PURE__ */ z("span", {
39
+ /* @__PURE__ */ H("span", {
39
40
  className: "toast-icon",
40
- children: U[e.type] || U.info
41
+ children: fe[e.type] || fe.info
41
42
  }),
42
- /* @__PURE__ */ B("div", {
43
+ /* @__PURE__ */ U("div", {
43
44
  className: "toast-content",
44
- children: [e.title && /* @__PURE__ */ z("div", {
45
+ children: [e.title && /* @__PURE__ */ H("div", {
45
46
  className: "toast-title",
46
47
  children: e.title
47
- }), /* @__PURE__ */ z("div", {
48
+ }), e.message && /* @__PURE__ */ H("div", {
48
49
  className: "toast-message",
49
50
  children: e.message
50
51
  })]
51
52
  }),
52
- /* @__PURE__ */ z("button", {
53
+ e.action && /* @__PURE__ */ H("button", {
54
+ type: "button",
55
+ className: "toast-action",
56
+ onClick: () => {
57
+ e.action.onAction?.(), t(e.id);
58
+ },
59
+ children: e.action.label
60
+ }),
61
+ /* @__PURE__ */ H("button", {
62
+ type: "button",
53
63
  className: "toast-close",
54
64
  onClick: () => t(e.id),
55
- children: /* @__PURE__ */ z(L, { size: 14 })
65
+ "aria-label": "Dismiss",
66
+ children: /* @__PURE__ */ H(V, { size: 14 })
56
67
  })
57
68
  ]
58
69
  });
59
70
  }
60
- function te({ children: e }) {
61
- let [t, n] = u([]), r = i((e) => {
71
+ function me({ children: e }) {
72
+ let [t, n] = d([]), r = i((e) => {
62
73
  let t = Date.now() + Math.random();
63
74
  n((n) => [...n.slice(-4), {
64
75
  id: t,
@@ -67,35 +78,35 @@ function te({ children: e }) {
67
78
  }, []), a = i((e) => {
68
79
  n((t) => t.filter((t) => t.id !== e));
69
80
  }, []);
70
- return /* @__PURE__ */ B(H.Provider, {
81
+ return /* @__PURE__ */ U(de.Provider, {
71
82
  value: { addToast: r },
72
- children: [e, /* @__PURE__ */ z("div", {
83
+ children: [e, /* @__PURE__ */ H("div", {
73
84
  className: "toast-container",
74
- children: t.map((e) => /* @__PURE__ */ z(ee, {
85
+ children: t.map((e) => /* @__PURE__ */ H(pe, {
75
86
  toast: e,
76
87
  onDismiss: a
77
88
  }, e.id))
78
89
  })]
79
90
  });
80
91
  }
81
- function ne() {
82
- let e = a(H);
92
+ function he() {
93
+ let e = a(de);
83
94
  if (!e) throw Error("useToast must be used within ToastProvider");
84
95
  return e;
85
96
  }
86
97
  //#endregion
87
98
  //#region src/context/ThemeContext.jsx
88
- var re = e(void 0), ie = "dark", ae = "fcc-theme";
89
- function oe(e) {
99
+ var ge = e(void 0), _e = "dark", ve = "fcc-theme";
100
+ function ye(e) {
90
101
  if (typeof document > "u") return;
91
102
  let t = document.documentElement;
92
103
  t.classList.remove("dark", "light"), e === "light" && t.classList.add("light");
93
104
  }
94
- function se({ children: e, defaultTheme: t = ie, storageKey: n = ae }) {
95
- let [r, i] = u(() => typeof window > "u" ? t : window.localStorage.getItem(n) || t);
105
+ function be({ children: e, defaultTheme: t = _e, storageKey: n = ve }) {
106
+ let [r, i] = d(() => typeof window > "u" ? t : window.localStorage.getItem(n) || t);
96
107
  return o(() => {
97
- typeof window < "u" && window.localStorage.setItem(n, r), oe(r);
98
- }, [n, r]), /* @__PURE__ */ z(re.Provider, {
108
+ typeof window < "u" && window.localStorage.setItem(n, r), ye(r);
109
+ }, [n, r]), /* @__PURE__ */ H(ge.Provider, {
99
110
  value: {
100
111
  theme: r,
101
112
  setTheme: i,
@@ -106,24 +117,24 @@ function se({ children: e, defaultTheme: t = ie, storageKey: n = ae }) {
106
117
  children: e
107
118
  });
108
119
  }
109
- function W() {
110
- let e = a(re);
120
+ function xe() {
121
+ let e = a(ge);
111
122
  if (!e) throw Error("useTheme must be used within a ThemeProvider");
112
123
  return e;
113
124
  }
114
125
  //#endregion
115
126
  //#region src/lib/FCCDesignProvider.jsx
116
- function ce({ children: e, ...t }) {
117
- return /* @__PURE__ */ z(se, {
127
+ function Se({ children: e, ...t }) {
128
+ return /* @__PURE__ */ H(be, {
118
129
  ...t,
119
- children: /* @__PURE__ */ z(te, { children: e })
130
+ children: /* @__PURE__ */ H(me, { children: e })
120
131
  });
121
132
  }
122
133
  //#endregion
123
134
  //#region src/components/layout/FCCSidePanel.jsx
124
- var G = (...e) => e.filter(Boolean).join(" "), le = 300;
125
- function ue({ open: e = !1, width: t = 320, expandedWidth: n, expanded: r = !1, panel: i, children: a, className: s = "", contentClassName: c = "", panelClassName: d = "" }) {
126
- let f = r && n ? n : t, p = l(null), m = l(null), [h, g] = u(e ? i : null), [_, v] = u(f), [y, b] = u(e && !!i);
135
+ var G = (...e) => e.filter(Boolean).join(" "), Ce = 300;
136
+ function we({ open: e = !1, width: t = 320, expandedWidth: n, expanded: r = !1, panel: i, children: a, className: s = "", contentClassName: c = "", panelClassName: l = "" }) {
137
+ let f = r && n ? n : t, p = u(null), m = u(null), [h, g] = d(e ? i : null), [_, v] = d(f), [y, b] = d(e && !!i);
127
138
  o(() => () => {
128
139
  p.current &&= (window.cancelAnimationFrame(p.current), null), m.current &&= (window.clearTimeout(m.current), null);
129
140
  }, []), o(() => {
@@ -140,204 +151,204 @@ function ue({ open: e = !1, width: t = 320, expandedWidth: n, expanded: r = !1,
140
151
  ]), o(() => {
141
152
  if (!(e || !y)) return m.current = window.setTimeout(() => {
142
153
  b(!1), g(null), m.current = null;
143
- }, le), () => {
154
+ }, Ce), () => {
144
155
  m.current &&= (window.clearTimeout(m.current), null);
145
156
  };
146
157
  }, [e, y]);
147
158
  let x = !e && y, S = e ? i : y ? h : null, C = e ? f : y ? _ : f, w = e && !!i || !!S;
148
- return /* @__PURE__ */ B("div", {
159
+ return /* @__PURE__ */ U("div", {
149
160
  className: G("fcc-side-panel-layout", s),
150
- children: [/* @__PURE__ */ z("div", {
161
+ children: [/* @__PURE__ */ H("div", {
151
162
  className: G("fcc-side-panel-content", c),
152
163
  children: a
153
- }), /* @__PURE__ */ z("div", {
164
+ }), /* @__PURE__ */ H("div", {
154
165
  className: G("fcc-side-panel-rail", w && "has-panel", e && w && "open", x && "closing"),
155
166
  style: { "--fcc-side-panel-width": `${C}px` },
156
- children: /* @__PURE__ */ z("div", {
157
- className: G("fcc-side-panel-inner", d),
167
+ children: /* @__PURE__ */ H("div", {
168
+ className: G("fcc-side-panel-inner", l),
158
169
  children: S
159
170
  })
160
171
  })]
161
172
  });
162
173
  }
163
- function de({ title: e, subtitle: t, onClose: n, actions: r, className: i = "" }) {
164
- return /* @__PURE__ */ B("div", {
174
+ function Te({ title: e, subtitle: t, onClose: n, actions: r, className: i = "" }) {
175
+ return /* @__PURE__ */ U("div", {
165
176
  className: G("fcc-side-panel-header", i),
166
- children: [/* @__PURE__ */ B("div", {
177
+ children: [/* @__PURE__ */ U("div", {
167
178
  className: "fcc-side-panel-header-copy",
168
- children: [/* @__PURE__ */ z("div", {
179
+ children: [/* @__PURE__ */ H("div", {
169
180
  className: "fcc-side-panel-title",
170
181
  children: e
171
- }), t && /* @__PURE__ */ z("div", {
182
+ }), t && /* @__PURE__ */ H("div", {
172
183
  className: "fcc-side-panel-subtitle",
173
184
  children: t
174
185
  })]
175
- }), /* @__PURE__ */ B("div", {
186
+ }), /* @__PURE__ */ U("div", {
176
187
  className: "fcc-side-panel-header-actions",
177
- children: [r, n && /* @__PURE__ */ z("button", {
188
+ children: [r, n && /* @__PURE__ */ H("button", {
178
189
  className: "btn btn-ghost btn-icon btn-sm",
179
190
  onClick: n,
180
191
  "aria-label": "Close panel",
181
- children: /* @__PURE__ */ z(L, { size: 14 })
192
+ children: /* @__PURE__ */ H(V, { size: 14 })
182
193
  })]
183
194
  })]
184
195
  });
185
196
  }
186
- function fe({ children: e, className: t = "" }) {
187
- return /* @__PURE__ */ z("div", {
197
+ function Ee({ children: e, className: t = "" }) {
198
+ return /* @__PURE__ */ H("div", {
188
199
  className: G("fcc-side-panel-body", t),
189
200
  children: e
190
201
  });
191
202
  }
192
- function pe({ tabs: e = [], activeTab: t = 0, onTabChange: n, className: r = "" }) {
193
- return /* @__PURE__ */ z("div", {
203
+ function De({ tabs: e = [], activeTab: t = 0, onTabChange: n, className: r = "" }) {
204
+ return /* @__PURE__ */ H("div", {
194
205
  className: G("fcc-side-panel-tabs", r),
195
- children: e.map((e, r) => /* @__PURE__ */ z("button", {
206
+ children: e.map((e, r) => /* @__PURE__ */ H("button", {
196
207
  className: G("fcc-side-panel-tab", t === r && "active"),
197
208
  onClick: () => n?.(r),
198
209
  children: e
199
210
  }, e))
200
211
  });
201
212
  }
202
- function me({ placeholder: e = "Search...", value: t, onChange: n, className: r = "" }) {
203
- return /* @__PURE__ */ B("div", {
213
+ function Oe({ placeholder: e = "Search...", value: t, onChange: n, className: r = "" }) {
214
+ return /* @__PURE__ */ U("div", {
204
215
  className: G("fcc-side-panel-search", r),
205
- children: [/* @__PURE__ */ z(N, { size: 13 }), n ? /* @__PURE__ */ z("input", {
216
+ children: [/* @__PURE__ */ H(B, { size: 13 }), n ? /* @__PURE__ */ H("input", {
206
217
  className: "fcc-side-panel-search-input",
207
218
  type: "text",
208
219
  placeholder: e,
209
220
  value: t,
210
221
  onChange: (e) => n(e.target.value)
211
- }) : /* @__PURE__ */ z("span", {
222
+ }) : /* @__PURE__ */ H("span", {
212
223
  className: "fcc-side-panel-search-placeholder",
213
224
  children: e
214
225
  })]
215
226
  });
216
227
  }
217
- function he({ children: e, className: t = "" }) {
218
- return /* @__PURE__ */ z("div", {
228
+ function ke({ children: e, className: t = "" }) {
229
+ return /* @__PURE__ */ H("div", {
219
230
  className: G("fcc-side-panel-group-label", t),
220
231
  children: e
221
232
  });
222
233
  }
223
- function ge({ dot: e, label: t, detail: n, time: r, onClick: i, className: a = "" }) {
224
- return /* @__PURE__ */ B("div", {
234
+ function Ae({ dot: e, label: t, detail: n, time: r, onClick: i, className: a = "" }) {
235
+ return /* @__PURE__ */ U("div", {
225
236
  className: G("fcc-side-panel-item", a),
226
237
  onClick: i,
227
238
  children: [
228
- e && /* @__PURE__ */ z("span", {
239
+ e && /* @__PURE__ */ H("span", {
229
240
  className: "fcc-side-panel-item-dot",
230
241
  style: { background: e }
231
242
  }),
232
- /* @__PURE__ */ B("div", {
243
+ /* @__PURE__ */ U("div", {
233
244
  className: "fcc-side-panel-item-body",
234
- children: [/* @__PURE__ */ z("span", {
245
+ children: [/* @__PURE__ */ H("span", {
235
246
  className: "fcc-side-panel-item-label",
236
247
  children: t
237
- }), n && /* @__PURE__ */ z("span", {
248
+ }), n && /* @__PURE__ */ H("span", {
238
249
  className: "fcc-side-panel-item-detail",
239
250
  children: n
240
251
  })]
241
252
  }),
242
- r && /* @__PURE__ */ z("span", {
253
+ r && /* @__PURE__ */ H("span", {
243
254
  className: "fcc-side-panel-item-time",
244
255
  children: r
245
256
  })
246
257
  ]
247
258
  });
248
259
  }
249
- function _e({ avatar: e, title: t, detail: n, time: r, unread: i, onClick: a, className: o = "" }) {
250
- return /* @__PURE__ */ B("div", {
260
+ function je({ avatar: e, title: t, detail: n, time: r, unread: i, onClick: a, className: o = "" }) {
261
+ return /* @__PURE__ */ U("div", {
251
262
  className: G("fcc-side-panel-card", o),
252
263
  onClick: a,
253
- children: [/* @__PURE__ */ z("div", {
264
+ children: [/* @__PURE__ */ H("div", {
254
265
  className: "fcc-side-panel-card-avatar",
255
266
  children: e
256
- }), /* @__PURE__ */ B("div", {
267
+ }), /* @__PURE__ */ U("div", {
257
268
  className: "fcc-side-panel-card-body",
258
269
  children: [
259
- /* @__PURE__ */ z("span", {
270
+ /* @__PURE__ */ H("span", {
260
271
  className: "fcc-side-panel-card-title",
261
272
  children: t
262
273
  }),
263
- n && /* @__PURE__ */ z("span", {
274
+ n && /* @__PURE__ */ H("span", {
264
275
  className: "fcc-side-panel-card-detail",
265
276
  children: n
266
277
  }),
267
- /* @__PURE__ */ B("div", {
278
+ /* @__PURE__ */ U("div", {
268
279
  className: "fcc-side-panel-card-meta",
269
- children: [r && /* @__PURE__ */ z("span", { children: r }), i && /* @__PURE__ */ z("span", { className: "fcc-side-panel-unread-dot" })]
280
+ children: [r && /* @__PURE__ */ H("span", { children: r }), i && /* @__PURE__ */ H("span", { className: "fcc-side-panel-unread-dot" })]
270
281
  })
271
282
  ]
272
283
  })]
273
284
  });
274
285
  }
275
- function ve({ avatar: e, name: t, time: n, active: r, online: i, onClick: a, className: o = "" }) {
276
- return /* @__PURE__ */ B("div", {
286
+ function Me({ avatar: e, name: t, time: n, active: r, online: i, onClick: a, className: o = "" }) {
287
+ return /* @__PURE__ */ U("div", {
277
288
  className: G("fcc-side-panel-contact", r && "active", o),
278
289
  onClick: a,
279
290
  children: [
280
- /* @__PURE__ */ B("div", {
291
+ /* @__PURE__ */ U("div", {
281
292
  className: "fcc-side-panel-contact-avatar-wrap",
282
- children: [e, i && /* @__PURE__ */ z("span", { className: "fcc-side-panel-online-dot" })]
293
+ children: [e, i && /* @__PURE__ */ H("span", { className: "fcc-side-panel-online-dot" })]
283
294
  }),
284
- /* @__PURE__ */ z("span", {
295
+ /* @__PURE__ */ H("span", {
285
296
  className: "fcc-side-panel-contact-name",
286
297
  children: t
287
298
  }),
288
- n && /* @__PURE__ */ z("span", {
299
+ n && /* @__PURE__ */ H("span", {
289
300
  className: "fcc-side-panel-contact-time",
290
301
  children: n
291
302
  })
292
303
  ]
293
304
  });
294
305
  }
295
- function ye({ children: e, onClick: t, className: n = "" }) {
296
- return /* @__PURE__ */ z("div", {
306
+ function Ne({ children: e, onClick: t, className: n = "" }) {
307
+ return /* @__PURE__ */ H("div", {
297
308
  className: G("fcc-side-panel-action", n),
298
309
  onClick: t,
299
310
  children: e
300
311
  });
301
312
  }
302
- function be({ children: e, className: t = "" }) {
303
- return /* @__PURE__ */ z("div", {
313
+ function Pe({ children: e, className: t = "" }) {
314
+ return /* @__PURE__ */ H("div", {
304
315
  className: G("fcc-side-panel-chat-wrap", t),
305
316
  children: e
306
317
  });
307
318
  }
308
- function xe({ title: e, headerActions: t, messages: n = [], input: r, className: i = "" }) {
309
- return /* @__PURE__ */ B("div", {
319
+ function Fe({ title: e, headerActions: t, messages: n = [], input: r, className: i = "" }) {
320
+ return /* @__PURE__ */ U("div", {
310
321
  className: G("fcc-side-panel-conversation", i),
311
322
  children: [
312
- /* @__PURE__ */ B("div", {
323
+ /* @__PURE__ */ U("div", {
313
324
  className: "fcc-side-panel-conv-header",
314
- children: [/* @__PURE__ */ z("span", {
325
+ children: [/* @__PURE__ */ H("span", {
315
326
  className: "fcc-side-panel-conv-title",
316
327
  children: e
317
- }), t && /* @__PURE__ */ z("div", {
328
+ }), t && /* @__PURE__ */ H("div", {
318
329
  className: "fcc-side-panel-conv-header-right",
319
330
  children: t
320
331
  })]
321
332
  }),
322
- /* @__PURE__ */ z("div", {
333
+ /* @__PURE__ */ H("div", {
323
334
  className: "fcc-side-panel-conv-messages",
324
335
  children: n
325
336
  }),
326
- r && /* @__PURE__ */ z("div", {
337
+ r && /* @__PURE__ */ H("div", {
327
338
  className: "fcc-side-panel-conv-input",
328
339
  children: r
329
340
  })
330
341
  ]
331
342
  });
332
343
  }
333
- function Se({ from: e = "other", meta: t, children: n, className: r = "" }) {
344
+ function Ie({ from: e = "other", meta: t, children: n, className: r = "" }) {
334
345
  let i = e === "you";
335
- return /* @__PURE__ */ B("div", {
346
+ return /* @__PURE__ */ U("div", {
336
347
  className: G("fcc-side-panel-msg-row", i ? "fcc-msg-right" : "fcc-msg-left", r),
337
- children: [t && /* @__PURE__ */ z("div", {
348
+ children: [t && /* @__PURE__ */ H("div", {
338
349
  className: "fcc-side-panel-msg-meta",
339
350
  children: t
340
- }), /* @__PURE__ */ z("div", {
351
+ }), /* @__PURE__ */ H("div", {
341
352
  className: G("fcc-side-panel-msg-bubble", i ? "fcc-bubble-you" : "fcc-bubble-other"),
342
353
  children: n
343
354
  })]
@@ -345,80 +356,80 @@ function Se({ from: e = "other", meta: t, children: n, className: r = "" }) {
345
356
  }
346
357
  //#endregion
347
358
  //#region src/components/layout/FCCBreadcrumbs.jsx
348
- function Ce(e, t) {
359
+ function Le(e, t) {
349
360
  let n = [
350
361
  "fcc-breadcrumb-item",
351
362
  t ? "current" : "",
352
363
  e.className || ""
353
364
  ].filter(Boolean).join(" ");
354
- return t ? /* @__PURE__ */ z("span", {
365
+ return t ? /* @__PURE__ */ H("span", {
355
366
  className: n,
356
367
  children: e.label
357
- }) : e.href ? /* @__PURE__ */ z("a", {
368
+ }) : e.href ? /* @__PURE__ */ H("a", {
358
369
  className: n,
359
370
  href: e.href,
360
371
  children: e.label
361
- }) : e.onClick ? /* @__PURE__ */ z("button", {
372
+ }) : e.onClick ? /* @__PURE__ */ H("button", {
362
373
  type: "button",
363
374
  className: n,
364
375
  onClick: e.onClick,
365
376
  children: e.label
366
- }) : /* @__PURE__ */ z("span", {
377
+ }) : /* @__PURE__ */ H("span", {
367
378
  className: n,
368
379
  children: e.label
369
380
  });
370
381
  }
371
- function we({ items: e = [], className: t = "" }) {
382
+ function Re({ items: e = [], className: t = "" }) {
372
383
  let n = e.filter((e) => e?.label);
373
- return n.length === 0 ? null : /* @__PURE__ */ z("nav", {
384
+ return n.length === 0 ? null : /* @__PURE__ */ H("nav", {
374
385
  className: ["fcc-breadcrumbs", t].filter(Boolean).join(" "),
375
386
  "aria-label": "Breadcrumb",
376
387
  children: n.map((e, t) => {
377
388
  let r = e.current ?? t === n.length - 1;
378
- return /* @__PURE__ */ B("div", {
389
+ return /* @__PURE__ */ U("div", {
379
390
  className: "fcc-breadcrumb-segment",
380
- children: [t > 0 && /* @__PURE__ */ z("span", {
391
+ children: [t > 0 && /* @__PURE__ */ H("span", {
381
392
  className: "fcc-breadcrumb-sep",
382
393
  children: "/"
383
- }), Ce(e, r)]
394
+ }), Le(e, r)]
384
395
  }, e.key || e.label || t);
385
396
  })
386
397
  });
387
398
  }
388
399
  //#endregion
389
400
  //#region src/components/layout/FCCHeaderStatus.jsx
390
- var Te = {
401
+ var ze = {
391
402
  success: "fcc-header-status-success",
392
403
  warning: "fcc-header-status-warning",
393
404
  danger: "fcc-header-status-danger",
394
405
  info: "fcc-header-status-info",
395
406
  neutral: "fcc-header-status-neutral"
396
407
  };
397
- function K({ label: e, tone: t = "success", dotColor: n, className: r = "" }) {
398
- return e ? /* @__PURE__ */ B("div", {
408
+ function Be({ label: e, tone: t = "success", dotColor: n, className: r = "" }) {
409
+ return e ? /* @__PURE__ */ U("div", {
399
410
  className: [
400
411
  "fcc-header-status",
401
- Te[t] || Te.neutral,
412
+ ze[t] || ze.neutral,
402
413
  r
403
414
  ].filter(Boolean).join(" "),
404
- children: [/* @__PURE__ */ z("span", {
415
+ children: [/* @__PURE__ */ H("span", {
405
416
  className: "fcc-header-status-dot",
406
417
  style: n ? { backgroundColor: n } : void 0
407
- }), /* @__PURE__ */ z("span", { children: e })]
418
+ }), /* @__PURE__ */ H("span", { children: e })]
408
419
  }) : null;
409
420
  }
410
421
  //#endregion
411
422
  //#region src/components/layout/FCCWorkspaceHeader.jsx
412
- function q({ breadcrumbs: e = [], status: t, actions: n, leftSlot: r, rightSlot: i, className: a = "" }) {
413
- return /* @__PURE__ */ B("header", {
423
+ function Ve({ breadcrumbs: e = [], status: t, actions: n, leftSlot: r, rightSlot: i, className: a = "" }) {
424
+ return /* @__PURE__ */ U("header", {
414
425
  className: ["fcc-workspace-header", a].filter(Boolean).join(" "),
415
- children: [/* @__PURE__ */ z("div", {
426
+ children: [/* @__PURE__ */ H("div", {
416
427
  className: "fcc-workspace-header-left",
417
- children: r || /* @__PURE__ */ z(we, { items: e })
418
- }), /* @__PURE__ */ B("div", {
428
+ children: r || /* @__PURE__ */ H(Re, { items: e })
429
+ }), /* @__PURE__ */ U("div", {
419
430
  className: "fcc-workspace-header-right",
420
431
  children: [
421
- t && /* @__PURE__ */ z(K, { ...t }),
432
+ t && /* @__PURE__ */ H(Be, { ...t }),
422
433
  n,
423
434
  i
424
435
  ]
@@ -427,8 +438,8 @@ function q({ breadcrumbs: e = [], status: t, actions: n, leftSlot: r, rightSlot:
427
438
  }
428
439
  //#endregion
429
440
  //#region src/components/layout/FCCMainWindow.jsx
430
- function Ee({ breadcrumbs: e = [], status: t, headerActions: n, header: r, children: i, overlay: a, sidePanel: o, className: s = "", headerClassName: c = "", contentClassName: l = "" }) {
431
- let u = o ? /* @__PURE__ */ z(ue, {
441
+ function He({ breadcrumbs: e = [], status: t, headerActions: n, header: r, children: i, overlay: a, sidePanel: o, callbar: s = null, className: c = "", headerClassName: l = "", contentClassName: u = "" }) {
442
+ let d = o ? /* @__PURE__ */ H(we, {
432
443
  open: o.open,
433
444
  width: o.width,
434
445
  expandedWidth: o.expandedWidth,
@@ -439,22 +450,23 @@ function Ee({ breadcrumbs: e = [], status: t, headerActions: n, header: r, child
439
450
  panelClassName: o.panelClassName,
440
451
  children: i
441
452
  }) : i;
442
- return /* @__PURE__ */ B("div", {
443
- className: ["fcc-main-window", s].filter(Boolean).join(" "),
453
+ return /* @__PURE__ */ U("div", {
454
+ className: ["fcc-main-window", c].filter(Boolean).join(" "),
444
455
  children: [
445
- r || /* @__PURE__ */ z(q, {
456
+ r || /* @__PURE__ */ H(Ve, {
446
457
  breadcrumbs: e,
447
458
  status: t,
448
459
  actions: n,
449
- className: c
460
+ className: l
450
461
  }),
451
- /* @__PURE__ */ z("div", {
462
+ s,
463
+ /* @__PURE__ */ H("div", {
452
464
  className: [
453
465
  "fcc-main-window-content",
454
466
  o && "fcc-main-window-content-with-side-panel",
455
- l
467
+ u
456
468
  ].filter(Boolean).join(" "),
457
- children: u
469
+ children: d
458
470
  }),
459
471
  a
460
472
  ]
@@ -462,7 +474,7 @@ function Ee({ breadcrumbs: e = [], status: t, headerActions: n, header: r, child
462
474
  }
463
475
  //#endregion
464
476
  //#region src/components/layout/FCCSidebar.jsx
465
- function De(e, t) {
477
+ function Ue(e, t) {
466
478
  if (!e.disabled) {
467
479
  if (e.onClick) {
468
480
  e.onClick(e);
@@ -471,10 +483,10 @@ function De(e, t) {
471
483
  t?.(e);
472
484
  }
473
485
  }
474
- function Oe(e, t) {
486
+ function We(e, t) {
475
487
  return !e.childrenSections?.length || !t ? !1 : e.childrenSections.some((e) => e.items?.some((e) => e.key === t));
476
488
  }
477
- function ke(e, t) {
489
+ function Ge(e, t) {
478
490
  if (!t.trim()) return e;
479
491
  let n = t.trim().toLowerCase();
480
492
  return e.map((e) => ({
@@ -482,39 +494,39 @@ function ke(e, t) {
482
494
  items: e.items.filter((e) => e.label.toLowerCase().includes(n) || e.pageTitle?.toLowerCase().includes(n) || e.summary?.toLowerCase().includes(n))
483
495
  })).filter((e) => e.items.length > 0);
484
496
  }
485
- function Ae({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: i, user: a, footer: o, onLogout: s, className: c = "" }) {
486
- let [l, d] = u({}), [f, p] = u({});
497
+ function Ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: i, user: a, footer: o, onLogout: s, className: c = "" }) {
498
+ let [l, u] = d({}), [f, p] = d({});
487
499
  function m(e, t) {
488
500
  p((n) => ({
489
501
  ...n,
490
502
  [e]: t
491
503
  }));
492
504
  }
493
- return /* @__PURE__ */ B("aside", {
505
+ return /* @__PURE__ */ U("aside", {
494
506
  className: ["fcc-sidebar", c].filter(Boolean).join(" "),
495
507
  children: [
496
- /* @__PURE__ */ B("div", {
508
+ /* @__PURE__ */ U("div", {
497
509
  className: "fcc-sidebar-brand",
498
- children: [/* @__PURE__ */ z("div", {
510
+ children: [/* @__PURE__ */ H("div", {
499
511
  className: "fcc-sidebar-brand-logo-slot",
500
512
  children: t
501
- }), /* @__PURE__ */ z("span", {
513
+ }), /* @__PURE__ */ H("span", {
502
514
  className: "fcc-sidebar-label fcc-sidebar-brand-text",
503
515
  children: e
504
516
  })]
505
517
  }),
506
- /* @__PURE__ */ z("nav", {
518
+ /* @__PURE__ */ H("nav", {
507
519
  className: "fcc-sidebar-nav",
508
520
  "aria-label": `${e} navigation`,
509
521
  children: n.map((e) => {
510
- let t = e.childrenSections?.length > 0, n = Oe(e, r), a = e.key === r || n || (r?.startsWith?.(`${e.key}/`) ?? !1), o = t && (f[e.key] ?? a), s = l[e.key] || "", c = t ? ke(e.childrenSections, s) : [];
511
- return /* @__PURE__ */ B("div", {
522
+ let t = e.childrenSections?.length > 0, n = We(e, r), a = e.key === r || n || (r?.startsWith?.(`${e.key}/`) ?? !1), o = t && (f[e.key] ?? a), s = l[e.key] || "", c = t ? Ge(e.childrenSections, s) : [];
523
+ return /* @__PURE__ */ U("div", {
512
524
  className: [
513
525
  "fcc-sidebar-entry",
514
526
  t ? "has-children" : "",
515
527
  t && o ? "expanded" : ""
516
528
  ].filter(Boolean).join(" "),
517
- children: [/* @__PURE__ */ B("button", {
529
+ children: [/* @__PURE__ */ U("button", {
518
530
  type: "button",
519
531
  className: [
520
532
  "fcc-sidebar-item",
@@ -522,25 +534,25 @@ function Ae({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
522
534
  e.disabled ? "disabled" : ""
523
535
  ].filter(Boolean).join(" "),
524
536
  onClick: () => {
525
- t && m(e.key, !0), De(e, i);
537
+ t && m(e.key, !0), Ue(e, i);
526
538
  },
527
539
  "aria-current": a ? "page" : void 0,
528
540
  disabled: e.disabled,
529
541
  title: e.label,
530
542
  children: [
531
- /* @__PURE__ */ z("span", {
543
+ /* @__PURE__ */ H("span", {
532
544
  className: "fcc-sidebar-item-icon",
533
545
  children: e.icon
534
546
  }),
535
- /* @__PURE__ */ z("span", {
547
+ /* @__PURE__ */ H("span", {
536
548
  className: "fcc-sidebar-label fcc-sidebar-item-label",
537
549
  children: e.label
538
550
  }),
539
- e.badge != null && /* @__PURE__ */ z("span", {
551
+ e.badge != null && /* @__PURE__ */ H("span", {
540
552
  className: "fcc-sidebar-item-badge",
541
553
  children: e.badge
542
554
  }),
543
- t && /* @__PURE__ */ z("span", {
555
+ t && /* @__PURE__ */ H("span", {
544
556
  className: [
545
557
  "fcc-sidebar-label",
546
558
  "fcc-sidebar-item-chevron",
@@ -552,41 +564,41 @@ function Ae({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
552
564
  role: "button",
553
565
  "aria-label": `${o ? "Collapse" : "Expand"} ${e.label}`,
554
566
  "aria-expanded": o,
555
- children: /* @__PURE__ */ z(v, { size: 14 })
567
+ children: /* @__PURE__ */ H(y, { size: 14 })
556
568
  })
557
569
  ]
558
- }), t && o && /* @__PURE__ */ B("div", {
570
+ }), t && o && /* @__PURE__ */ U("div", {
559
571
  className: "fcc-sidebar-accordion",
560
- children: [/* @__PURE__ */ B("div", {
572
+ children: [/* @__PURE__ */ U("div", {
561
573
  className: "fcc-sidebar-search",
562
- children: [/* @__PURE__ */ z(N, { size: 13 }), /* @__PURE__ */ z("input", {
574
+ children: [/* @__PURE__ */ H(B, { size: 13 }), /* @__PURE__ */ H("input", {
563
575
  type: "text",
564
576
  className: "fcc-sidebar-search-input",
565
577
  value: s,
566
- onChange: (t) => d((n) => ({
578
+ onChange: (t) => u((n) => ({
567
579
  ...n,
568
580
  [e.key]: t.target.value
569
581
  })),
570
582
  placeholder: e.searchPlaceholder || "Search..."
571
583
  })]
572
- }), /* @__PURE__ */ B("div", {
584
+ }), /* @__PURE__ */ U("div", {
573
585
  className: "fcc-sidebar-accordion-body",
574
- children: [c.length === 0 && /* @__PURE__ */ z("div", {
586
+ children: [c.length === 0 && /* @__PURE__ */ H("div", {
575
587
  className: "fcc-sidebar-empty",
576
588
  children: "No matching components"
577
- }), c.map((e) => /* @__PURE__ */ B("div", {
589
+ }), c.map((e) => /* @__PURE__ */ U("div", {
578
590
  className: "fcc-sidebar-section",
579
- children: [/* @__PURE__ */ z("div", {
591
+ children: [/* @__PURE__ */ H("div", {
580
592
  className: "fcc-sidebar-section-title",
581
593
  children: e.title
582
- }), /* @__PURE__ */ z("div", {
594
+ }), /* @__PURE__ */ H("div", {
583
595
  className: "fcc-sidebar-child-list",
584
- children: e.items.map((e) => /* @__PURE__ */ z("button", {
596
+ children: e.items.map((e) => /* @__PURE__ */ H("button", {
585
597
  type: "button",
586
598
  className: ["fcc-sidebar-child-item", e.key === r ? "active" : ""].filter(Boolean).join(" "),
587
- onClick: () => De(e, i),
599
+ onClick: () => Ue(e, i),
588
600
  title: e.label,
589
- children: /* @__PURE__ */ z("span", {
601
+ children: /* @__PURE__ */ H("span", {
590
602
  className: "fcc-sidebar-label",
591
603
  children: e.label
592
604
  })
@@ -598,34 +610,34 @@ function Ae({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
598
610
  }, e.key || e.label);
599
611
  })
600
612
  }),
601
- o ? /* @__PURE__ */ z("div", {
613
+ o ? /* @__PURE__ */ H("div", {
602
614
  className: "fcc-sidebar-footer",
603
615
  children: o
604
- }) : (a || s) && /* @__PURE__ */ B("div", {
616
+ }) : (a || s) && /* @__PURE__ */ U("div", {
605
617
  className: "fcc-sidebar-footer",
606
- children: [a && /* @__PURE__ */ B("div", {
618
+ children: [a && /* @__PURE__ */ U("div", {
607
619
  className: "fcc-sidebar-profile",
608
- children: [/* @__PURE__ */ z("div", {
620
+ children: [/* @__PURE__ */ H("div", {
609
621
  className: "fcc-sidebar-avatar",
610
622
  style: a.avatarStyle,
611
623
  children: a.avatar || a.initials || a.name?.slice(0, 2) || "FCC"
612
- }), /* @__PURE__ */ B("div", {
624
+ }), /* @__PURE__ */ U("div", {
613
625
  className: "fcc-sidebar-profile-copy",
614
- children: [/* @__PURE__ */ z("span", {
626
+ children: [/* @__PURE__ */ H("span", {
615
627
  className: "fcc-sidebar-label fcc-sidebar-profile-name",
616
628
  children: a.name
617
- }), a.meta && /* @__PURE__ */ z("span", {
629
+ }), a.meta && /* @__PURE__ */ H("span", {
618
630
  className: "fcc-sidebar-label fcc-sidebar-profile-meta",
619
631
  children: a.meta
620
632
  })]
621
633
  })]
622
- }), s && /* @__PURE__ */ z("button", {
634
+ }), s && /* @__PURE__ */ H("button", {
623
635
  type: "button",
624
636
  className: "fcc-sidebar-logout",
625
637
  title: "Logout",
626
638
  "aria-label": "Logout",
627
639
  onClick: s,
628
- children: /* @__PURE__ */ z(k, { size: 16 })
640
+ children: /* @__PURE__ */ H(j, { size: 16 })
629
641
  })]
630
642
  })
631
643
  ]
@@ -633,10 +645,10 @@ function Ae({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
633
645
  }
634
646
  //#endregion
635
647
  //#region src/components/layout/FCCAppShell.jsx
636
- function je({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: i, user: a, footer: o, onLogout: s, breadcrumbs: c = [], status: l, headerActions: u, header: d, children: f, overlay: p, sidePanel: m, className: h = "", sidebarClassName: g = "", mainClassName: _ = "", headerClassName: v = "", contentClassName: y = "" }) {
637
- return /* @__PURE__ */ B("div", {
638
- className: ["fcc-app-shell", h].filter(Boolean).join(" "),
639
- children: [/* @__PURE__ */ z(Ae, {
648
+ function qe({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: i, user: a, footer: o, onLogout: s, breadcrumbs: c = [], status: l, headerActions: u, header: d, children: f, overlay: p, sidePanel: m, callbar: h = null, className: g = "", sidebarClassName: _ = "", mainClassName: v = "", headerClassName: y = "", contentClassName: b = "" }) {
649
+ return /* @__PURE__ */ U("div", {
650
+ className: ["fcc-app-shell", g].filter(Boolean).join(" "),
651
+ children: [/* @__PURE__ */ H(Ke, {
640
652
  appName: e,
641
653
  logo: t,
642
654
  navItems: n,
@@ -645,26 +657,27 @@ function je({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
645
657
  user: a,
646
658
  footer: o,
647
659
  onLogout: s,
648
- className: g
649
- }), /* @__PURE__ */ z(Ee, {
660
+ className: _
661
+ }), /* @__PURE__ */ H(He, {
650
662
  breadcrumbs: c,
651
663
  status: l,
652
664
  headerActions: u,
653
665
  header: d,
654
666
  overlay: p,
655
667
  sidePanel: m,
656
- className: _,
657
- headerClassName: v,
658
- contentClassName: y,
668
+ callbar: h,
669
+ className: v,
670
+ headerClassName: y,
671
+ contentClassName: b,
659
672
  children: f
660
673
  })]
661
674
  });
662
675
  }
663
676
  //#endregion
664
677
  //#region src/components/layout/FCCBrandLogo.jsx
665
- function Me({ darkSrc: e, lightSrc: t, alt: n = "FCC", className: r = "", ...i }) {
666
- let { theme: a } = W(), o = a === "dark" ? e || t : t || e;
667
- return o ? /* @__PURE__ */ z("img", {
678
+ function Je({ darkSrc: e, lightSrc: t, alt: n = "FCC", className: r = "", ...i }) {
679
+ let { theme: a } = xe(), o = a === "dark" ? e || t : t || e;
680
+ return o ? /* @__PURE__ */ H("img", {
668
681
  src: o,
669
682
  alt: n,
670
683
  className: ["fcc-brand-logo", r].filter(Boolean).join(" "),
@@ -673,9 +686,9 @@ function Me({ darkSrc: e, lightSrc: t, alt: n = "FCC", className: r = "", ...i }
673
686
  }
674
687
  //#endregion
675
688
  //#region src/components/layout/FCCThemeToggle.jsx
676
- function Ne({ className: e = "" }) {
677
- let { theme: t, toggleTheme: n } = W(), r = t === "dark";
678
- return /* @__PURE__ */ z("button", {
689
+ function Ye({ className: e = "" }) {
690
+ let { theme: t, toggleTheme: n } = xe(), r = t === "dark";
691
+ return /* @__PURE__ */ H("button", {
679
692
  type: "button",
680
693
  onClick: n,
681
694
  className: [
@@ -687,76 +700,76 @@ function Ne({ className: e = "" }) {
687
700
  ].filter(Boolean).join(" "),
688
701
  title: r ? "Switch to light mode" : "Switch to dark mode",
689
702
  "aria-label": r ? "Switch to light mode" : "Switch to dark mode",
690
- children: z(r ? M : P, { size: 16 })
703
+ children: H(r ? I : ae, { size: 16 })
691
704
  });
692
705
  }
693
706
  //#endregion
694
707
  //#region src/components/ui/AppLoader.jsx
695
- function Pe({ label: e = "Loading...", fullscreen: t = !1, className: n = "" }) {
696
- return t ? /* @__PURE__ */ B("div", {
708
+ function Xe({ label: e = "Loading...", fullscreen: t = !1, className: n = "" }) {
709
+ return t ? /* @__PURE__ */ U("div", {
697
710
  className: `loader-fullscreen ${n}`,
698
- children: [/* @__PURE__ */ z(O, {
711
+ children: [/* @__PURE__ */ H(A, {
699
712
  size: 32,
700
713
  className: "loader-spin"
701
- }), e && /* @__PURE__ */ z("span", {
714
+ }), e && /* @__PURE__ */ H("span", {
702
715
  className: "loader-label",
703
716
  children: e
704
717
  })]
705
- }) : /* @__PURE__ */ B("div", {
718
+ }) : /* @__PURE__ */ U("div", {
706
719
  className: `loader ${n}`,
707
- children: [/* @__PURE__ */ z(O, {
720
+ children: [/* @__PURE__ */ H(A, {
708
721
  size: 20,
709
722
  className: "loader-spin"
710
- }), e && /* @__PURE__ */ z("span", {
723
+ }), e && /* @__PURE__ */ H("span", {
711
724
  className: "loader-label",
712
725
  children: e
713
726
  })]
714
727
  });
715
728
  }
716
- function Fe({ size: e = 16, className: t = "" }) {
717
- return /* @__PURE__ */ z(O, {
729
+ function Ze({ size: e = 16, className: t = "" }) {
730
+ return /* @__PURE__ */ H(A, {
718
731
  size: e,
719
732
  className: `loader-spin ${t}`
720
733
  });
721
734
  }
722
- function Ie({ label: e = "Loading...", fullscreen: t = !1, size: n = 64, darkSrc: r, lightSrc: i, alt: a = "FCC", className: o = "" }) {
723
- let s = /* @__PURE__ */ B("div", {
735
+ function Qe({ label: e = "Loading...", fullscreen: t = !1, size: n = 64, darkSrc: r, lightSrc: i, alt: a = "FCC", className: o = "" }) {
736
+ let s = /* @__PURE__ */ U("div", {
724
737
  className: "fcc-loader-stage",
725
738
  style: { "--fcc-loader-size": `${n}px` },
726
739
  "aria-hidden": "true",
727
740
  children: [
728
- /* @__PURE__ */ z("span", { className: "fcc-loader-ring" }),
729
- /* @__PURE__ */ z("span", { className: "fcc-loader-glow" }),
730
- /* @__PURE__ */ z(Me, {
741
+ /* @__PURE__ */ H("span", { className: "fcc-loader-ring" }),
742
+ /* @__PURE__ */ H("span", { className: "fcc-loader-glow" }),
743
+ /* @__PURE__ */ H(Je, {
731
744
  darkSrc: r,
732
745
  lightSrc: i,
733
746
  alt: a,
734
747
  className: "fcc-loader-logo"
735
748
  })
736
749
  ]
737
- }), c = t ? `fcc-loader fcc-loader-fullscreen ${o}`.trim() : `fcc-loader ${o}`.trim(), l = typeof e == "string" ? e.match(/^(.*?)\.{3}\s*$/) : null, u = l ? /* @__PURE__ */ B(R, { children: [l[1], /* @__PURE__ */ B("span", {
750
+ }), c = t ? `fcc-loader fcc-loader-fullscreen ${o}`.trim() : `fcc-loader ${o}`.trim(), l = typeof e == "string" ? e.match(/^(.*?)\.{3}\s*$/) : null, u = l ? /* @__PURE__ */ U(ue, { children: [l[1], /* @__PURE__ */ U("span", {
738
751
  className: "fcc-loader-dots",
739
752
  "aria-hidden": "true",
740
753
  children: [
741
- /* @__PURE__ */ z("span", {
754
+ /* @__PURE__ */ H("span", {
742
755
  className: "fcc-loader-dot",
743
756
  children: "."
744
757
  }),
745
- /* @__PURE__ */ z("span", {
758
+ /* @__PURE__ */ H("span", {
746
759
  className: "fcc-loader-dot",
747
760
  children: "."
748
761
  }),
749
- /* @__PURE__ */ z("span", {
762
+ /* @__PURE__ */ H("span", {
750
763
  className: "fcc-loader-dot",
751
764
  children: "."
752
765
  })
753
766
  ]
754
767
  })] }) : e;
755
- return /* @__PURE__ */ B("div", {
768
+ return /* @__PURE__ */ U("div", {
756
769
  className: c,
757
770
  role: "status",
758
771
  "aria-live": "polite",
759
- children: [s, e && /* @__PURE__ */ z("span", {
772
+ children: [s, e && /* @__PURE__ */ H("span", {
760
773
  className: "fcc-loader-label",
761
774
  children: u
762
775
  })]
@@ -764,12 +777,12 @@ function Ie({ label: e = "Loading...", fullscreen: t = !1, size: n = 64, darkSrc
764
777
  }
765
778
  //#endregion
766
779
  //#region src/components/ui/FCCDetailsPanel.jsx
767
- function Le({ open: e, onClose: t, title: n, header: r, children: a, loading: s = !1, loadingLabel: c = "Loading...", loaderSize: d = 64, loaderDarkSrc: f, loaderLightSrc: p, width: m, zIndex: h = 1100, showBackdrop: g = !0, resizable: _ = !0, minWidth: v = 360, storageKey: y, className: b = "" }) {
768
- let [x, S] = u(!1), [C, w] = u(!1), [T, E] = u(!1), [D, O] = u(() => {
780
+ function $e({ open: e, onClose: t, title: n, header: r, children: a, loading: s = !1, loadingLabel: c = "Loading...", loaderSize: l = 64, loaderDarkSrc: f, loaderLightSrc: p, width: m, zIndex: h = 1100, showBackdrop: g = !0, resizable: _ = !0, minWidth: v = 360, storageKey: y, className: b = "" }) {
781
+ let [x, S] = d(!1), [C, w] = d(!1), [T, E] = d(!1), [D, O] = d(() => {
769
782
  if (!y || typeof window > "u") return null;
770
783
  let e = window.localStorage.getItem(y), t = e ? parseInt(e, 10) : NaN;
771
784
  return Number.isFinite(t) ? t : null;
772
- }), k = l(null), A = l(!1), [j, M] = u(null);
785
+ }), k = u(null), A = u(!1), [j, M] = d(null);
773
786
  o(() => {
774
787
  e && (typeof document > "u" || M(document.querySelector(".fcc-main-window-content") || document.body));
775
788
  }, [e]), o(() => {
@@ -807,46 +820,46 @@ function Le({ open: e, onClose: t, title: n, header: r, children: a, loading: s
807
820
  y
808
821
  ]), !x || typeof document > "u" || !j) return null;
809
822
  let P = D == null ? m : `${D}px`;
810
- return V(/* @__PURE__ */ B("div", {
823
+ return W(/* @__PURE__ */ U("div", {
811
824
  className: `fcc-details-panel-root ${C ? "fcc-details-panel-root--visible" : ""}`,
812
825
  style: { zIndex: h },
813
- children: [g && /* @__PURE__ */ z("div", {
826
+ children: [g && /* @__PURE__ */ H("div", {
814
827
  className: "fcc-details-panel-backdrop",
815
828
  onClick: N,
816
829
  "aria-hidden": "true"
817
- }), /* @__PURE__ */ B("div", {
830
+ }), /* @__PURE__ */ U("div", {
818
831
  ref: k,
819
832
  className: `fcc-details-panel ${b}`,
820
833
  style: P ? { width: P } : void 0,
821
834
  role: "dialog",
822
835
  "aria-modal": "true",
823
836
  children: [
824
- _ && /* @__PURE__ */ z("div", {
837
+ _ && /* @__PURE__ */ H("div", {
825
838
  className: "fcc-details-panel-resize",
826
839
  onMouseDown: (e) => {
827
840
  e.preventDefault(), E(!0);
828
841
  },
829
842
  title: "Drag to resize"
830
843
  }),
831
- r || /* @__PURE__ */ B("div", {
844
+ r || /* @__PURE__ */ U("div", {
832
845
  className: "fcc-details-panel-header",
833
- children: [/* @__PURE__ */ z("span", {
846
+ children: [/* @__PURE__ */ H("span", {
834
847
  className: "fcc-details-panel-title",
835
848
  children: n
836
- }), /* @__PURE__ */ z("button", {
849
+ }), /* @__PURE__ */ H("button", {
837
850
  className: "fcc-details-panel-close",
838
851
  onClick: N,
839
852
  "aria-label": "Close",
840
- children: /* @__PURE__ */ z(L, { size: 14 })
853
+ children: /* @__PURE__ */ H(V, { size: 14 })
841
854
  })]
842
855
  }),
843
- /* @__PURE__ */ z("div", {
856
+ /* @__PURE__ */ H("div", {
844
857
  className: "fcc-details-panel-body",
845
- children: s ? /* @__PURE__ */ z("div", {
858
+ children: s ? /* @__PURE__ */ H("div", {
846
859
  className: "fcc-details-panel-loading",
847
- children: /* @__PURE__ */ z(Ie, {
860
+ children: /* @__PURE__ */ H(Qe, {
848
861
  label: c,
849
- size: d,
862
+ size: l,
850
863
  darkSrc: f,
851
864
  lightSrc: p
852
865
  })
@@ -858,9 +871,9 @@ function Le({ open: e, onClose: t, title: n, header: r, children: a, loading: s
858
871
  }
859
872
  //#endregion
860
873
  //#region src/components/ui/FCCFullPagePanel.jsx
861
- var Re = 220;
862
- function ze({ open: e, onClose: t, children: n, className: r = "", closeOnEscape: i = !0, lockScroll: a = !0 }) {
863
- let [s, c] = u(e ? "open" : "closed"), l = e || s !== "closed";
874
+ var et = 220;
875
+ function tt({ open: e, onClose: t, children: n, className: r = "", closeOnEscape: i = !0, lockScroll: a = !0 }) {
876
+ let [s, c] = d(e ? "open" : "closed"), l = e || s !== "closed";
864
877
  return o(() => {
865
878
  if (a) return l ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
866
879
  document.body.style.overflow = "";
@@ -881,108 +894,108 @@ function ze({ open: e, onClose: t, children: n, className: r = "", closeOnEscape
881
894
  return () => cancelAnimationFrame(e);
882
895
  }
883
896
  if (s === "closed") return;
884
- let t = requestAnimationFrame(() => c("closing")), n = window.setTimeout(() => c("closed"), Re);
897
+ let t = requestAnimationFrame(() => c("closing")), n = window.setTimeout(() => c("closed"), et);
885
898
  return () => {
886
899
  cancelAnimationFrame(t), window.clearTimeout(n);
887
900
  };
888
- }, [e, s]), !l || typeof document > "u" ? null : V(/* @__PURE__ */ z("div", {
901
+ }, [e, s]), !l || typeof document > "u" ? null : W(/* @__PURE__ */ H("div", {
889
902
  className: `fcc-fpp-overlay ${r}`,
890
903
  "data-state": s,
891
904
  role: "dialog",
892
905
  "aria-modal": "true",
893
- children: /* @__PURE__ */ z("div", {
906
+ children: /* @__PURE__ */ H("div", {
894
907
  className: "fcc-fpp",
895
908
  children: n
896
909
  })
897
910
  }), document.body);
898
911
  }
899
- function Be({ title: e, subtitle: t, eyebrow: n, leading: r, actions: i, onClose: a, className: o = "" }) {
900
- return /* @__PURE__ */ B("div", {
912
+ function nt({ title: e, subtitle: t, eyebrow: n, leading: r, actions: i, onClose: a, className: o = "" }) {
913
+ return /* @__PURE__ */ U("div", {
901
914
  className: `fcc-fpp-header ${o}`,
902
- children: [/* @__PURE__ */ B("div", {
915
+ children: [/* @__PURE__ */ U("div", {
903
916
  className: "fcc-fpp-header-lead",
904
- children: [r, /* @__PURE__ */ B("div", {
917
+ children: [r, /* @__PURE__ */ U("div", {
905
918
  className: "fcc-fpp-header-titles",
906
919
  children: [
907
- n && /* @__PURE__ */ z("span", {
920
+ n && /* @__PURE__ */ H("span", {
908
921
  className: "fcc-fpp-eyebrow",
909
922
  children: n
910
923
  }),
911
- e && /* @__PURE__ */ z("h2", {
924
+ e && /* @__PURE__ */ H("h2", {
912
925
  className: "fcc-fpp-title",
913
926
  children: e
914
927
  }),
915
- t && /* @__PURE__ */ z("p", {
928
+ t && /* @__PURE__ */ H("p", {
916
929
  className: "fcc-fpp-subtitle",
917
930
  children: t
918
931
  })
919
932
  ]
920
933
  })]
921
- }), /* @__PURE__ */ B("div", {
934
+ }), /* @__PURE__ */ U("div", {
922
935
  className: "fcc-fpp-header-actions",
923
- children: [i, a && /* @__PURE__ */ z("button", {
936
+ children: [i, a && /* @__PURE__ */ H("button", {
924
937
  type: "button",
925
938
  className: "btn btn-ghost btn-icon btn-sm",
926
939
  onClick: a,
927
940
  "aria-label": "Close panel",
928
- children: /* @__PURE__ */ z(L, { size: 16 })
941
+ children: /* @__PURE__ */ H(V, { size: 16 })
929
942
  })]
930
943
  })]
931
944
  });
932
945
  }
933
- function Ve({ children: e, className: t = "" }) {
934
- return /* @__PURE__ */ z("div", {
946
+ function rt({ children: e, className: t = "" }) {
947
+ return /* @__PURE__ */ H("div", {
935
948
  className: `fcc-fpp-toolbar ${t}`,
936
949
  children: e
937
950
  });
938
951
  }
939
- function He({ children: e, className: t = "" }) {
940
- return /* @__PURE__ */ z("div", {
952
+ function it({ children: e, className: t = "" }) {
953
+ return /* @__PURE__ */ H("div", {
941
954
  className: `fcc-fpp-body ${t}`,
942
955
  children: e
943
956
  });
944
957
  }
945
- function Ue({ children: e, className: t = "" }) {
946
- return /* @__PURE__ */ z("div", {
958
+ function at({ children: e, className: t = "" }) {
959
+ return /* @__PURE__ */ H("div", {
947
960
  className: `fcc-fpp-main ${t}`,
948
961
  children: e
949
962
  });
950
963
  }
951
- function We({ children: e, side: t = "right", className: n = "" }) {
952
- return /* @__PURE__ */ z("aside", {
964
+ function ot({ children: e, side: t = "right", className: n = "" }) {
965
+ return /* @__PURE__ */ H("aside", {
953
966
  className: `fcc-fpp-sidebar fcc-fpp-sidebar-${t} ${n}`,
954
967
  children: e
955
968
  });
956
969
  }
957
- function Ge({ children: e, className: t = "" }) {
958
- return /* @__PURE__ */ z("div", {
970
+ function st({ children: e, className: t = "" }) {
971
+ return /* @__PURE__ */ H("div", {
959
972
  className: `fcc-fpp-footer ${t}`,
960
973
  children: e
961
974
  });
962
975
  }
963
976
  //#endregion
964
977
  //#region src/components/ui/Accordion.jsx
965
- function Ke({ title: e, header: t, defaultOpen: n = !1, className: r = "", contentClassName: i = "", children: a }) {
966
- let [o, s] = u(n);
967
- return /* @__PURE__ */ B("div", {
978
+ function ct({ title: e, header: t, defaultOpen: n = !1, className: r = "", contentClassName: i = "", children: a }) {
979
+ let [o, s] = d(n);
980
+ return /* @__PURE__ */ U("div", {
968
981
  className: `accordion-item ${r}`,
969
- children: [/* @__PURE__ */ B("div", {
982
+ children: [/* @__PURE__ */ U("div", {
970
983
  className: `accordion-trigger ${o ? "expanded" : ""}`,
971
984
  onClick: () => s(!o),
972
985
  role: "button",
973
986
  "aria-expanded": o,
974
- children: [t || /* @__PURE__ */ z("span", {
987
+ children: [t || /* @__PURE__ */ H("span", {
975
988
  className: "accordion-trigger-title",
976
989
  children: e
977
- }), /* @__PURE__ */ z("span", {
990
+ }), /* @__PURE__ */ H("span", {
978
991
  className: "accordion-trigger-chevron",
979
- children: z(o ? v : y, { size: 14 })
992
+ children: H(o ? y : b, { size: 14 })
980
993
  })]
981
- }), /* @__PURE__ */ z("div", {
994
+ }), /* @__PURE__ */ H("div", {
982
995
  className: `accordion-collapse ${o ? "open" : ""}`,
983
- children: /* @__PURE__ */ z("div", {
996
+ children: /* @__PURE__ */ H("div", {
984
997
  className: "accordion-collapse-inner",
985
- children: /* @__PURE__ */ z("div", {
998
+ children: /* @__PURE__ */ H("div", {
986
999
  className: `accordion-content ${i}`.trim(),
987
1000
  children: a
988
1001
  })
@@ -990,37 +1003,37 @@ function Ke({ title: e, header: t, defaultOpen: n = !1, className: r = "", conte
990
1003
  })]
991
1004
  });
992
1005
  }
993
- function qe({ items: e = [], className: t = "" }) {
994
- let [n, r] = u(/* @__PURE__ */ new Set());
1006
+ function lt({ items: e = [], className: t = "" }) {
1007
+ let [n, r] = d(/* @__PURE__ */ new Set());
995
1008
  function i(e) {
996
1009
  r((t) => {
997
1010
  let n = new Set(t);
998
1011
  return n.has(e) ? n.delete(e) : n.add(e), n;
999
1012
  });
1000
1013
  }
1001
- return /* @__PURE__ */ z("div", {
1014
+ return /* @__PURE__ */ H("div", {
1002
1015
  className: `accordion ${t}`,
1003
1016
  children: e.map((e) => {
1004
1017
  let t = n.has(e.id);
1005
- return /* @__PURE__ */ B("div", {
1018
+ return /* @__PURE__ */ U("div", {
1006
1019
  className: "accordion-item",
1007
- children: [/* @__PURE__ */ B("div", {
1020
+ children: [/* @__PURE__ */ U("div", {
1008
1021
  className: `accordion-trigger ${t ? "expanded" : ""}`,
1009
1022
  onClick: () => i(e.id),
1010
1023
  role: "button",
1011
1024
  "aria-expanded": t,
1012
- children: [e.header || /* @__PURE__ */ z("span", {
1025
+ children: [e.header || /* @__PURE__ */ H("span", {
1013
1026
  className: "accordion-trigger-title",
1014
1027
  children: e.title
1015
- }), /* @__PURE__ */ z("span", {
1028
+ }), /* @__PURE__ */ H("span", {
1016
1029
  className: "accordion-trigger-chevron",
1017
- children: z(t ? v : y, { size: 14 })
1030
+ children: H(t ? y : b, { size: 14 })
1018
1031
  })]
1019
- }), /* @__PURE__ */ z("div", {
1032
+ }), /* @__PURE__ */ H("div", {
1020
1033
  className: `accordion-collapse ${t ? "open" : ""}`,
1021
- children: /* @__PURE__ */ z("div", {
1034
+ children: /* @__PURE__ */ H("div", {
1022
1035
  className: "accordion-collapse-inner",
1023
- children: /* @__PURE__ */ z("div", {
1036
+ children: /* @__PURE__ */ H("div", {
1024
1037
  className: "accordion-content",
1025
1038
  children: e.content
1026
1039
  })
@@ -1032,12 +1045,12 @@ function qe({ items: e = [], className: t = "" }) {
1032
1045
  }
1033
1046
  //#endregion
1034
1047
  //#region src/components/ui/Avatar.jsx
1035
- var Je = {
1048
+ var ut = {
1036
1049
  sm: "avatar-sm",
1037
1050
  md: "",
1038
1051
  lg: "avatar-lg",
1039
1052
  xl: "avatar-xl"
1040
- }, Ye = [
1053
+ }, dt = [
1041
1054
  "#5e6ad2",
1042
1055
  "#5bb98e",
1043
1056
  "#c9a84e",
@@ -1046,24 +1059,24 @@ var Je = {
1046
1059
  "#5a8ebf",
1047
1060
  "#c4a06a"
1048
1061
  ];
1049
- function Xe(e) {
1062
+ function ft(e) {
1050
1063
  let t = 0;
1051
1064
  for (let n = 0; n < e.length; n++) t = e.charCodeAt(n) + ((t << 5) - t);
1052
- return Ye[Math.abs(t) % Ye.length];
1065
+ return dt[Math.abs(t) % dt.length];
1053
1066
  }
1054
- function J({ imageUrl: e, initials: t, name: n, size: r = "md", className: i = "", style: a = {} }) {
1055
- let [o, s] = u(!1), c = t || (n ? n.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase() : "?"), l = a.background || Xe(c), d = Je[r] || "";
1056
- return e && !o ? /* @__PURE__ */ z("img", {
1067
+ function K({ imageUrl: e, initials: t, name: n, size: r = "md", className: i = "", style: a = {} }) {
1068
+ let [o, s] = d(!1), c = t || (n ? n.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase() : "?"), l = a.background || ft(c), u = ut[r] || "";
1069
+ return e && !o ? /* @__PURE__ */ H("img", {
1057
1070
  src: e,
1058
1071
  alt: n || "",
1059
- className: `avatar ${d} ${i}`,
1072
+ className: `avatar ${u} ${i}`,
1060
1073
  style: {
1061
1074
  objectFit: "cover",
1062
1075
  ...a
1063
1076
  },
1064
1077
  onError: () => s(!0)
1065
- }) : /* @__PURE__ */ z("div", {
1066
- className: `avatar ${d} ${i}`,
1078
+ }) : /* @__PURE__ */ H("div", {
1079
+ className: `avatar ${u} ${i}`,
1067
1080
  style: {
1068
1081
  background: l,
1069
1082
  ...a
@@ -1073,7 +1086,7 @@ function J({ imageUrl: e, initials: t, name: n, size: r = "md", className: i = "
1073
1086
  }
1074
1087
  //#endregion
1075
1088
  //#region src/components/ui/Badge.jsx
1076
- var Y = {
1089
+ var pt = {
1077
1090
  default: "var(--text-quaternary)",
1078
1091
  secondary: "var(--text-quaternary)",
1079
1092
  success: "var(--accent-green)",
@@ -1084,12 +1097,12 @@ var Y = {
1084
1097
  purple: "var(--accent-purple)",
1085
1098
  orange: "var(--accent-orange)"
1086
1099
  };
1087
- function X({ variant: e = "default", className: t = "", children: n, showDot: r = !0, ...i }) {
1088
- let a = Y[e] || Y.default;
1089
- return /* @__PURE__ */ B("span", {
1100
+ function q({ variant: e = "default", className: t = "", children: n, showDot: r = !0, ...i }) {
1101
+ let a = pt[e] || pt.default;
1102
+ return /* @__PURE__ */ U("span", {
1090
1103
  className: `badge ${r ? "" : "badge--no-dot"} ${t}`.trim(),
1091
1104
  ...i,
1092
- children: [r && /* @__PURE__ */ z("span", {
1105
+ children: [r && /* @__PURE__ */ H("span", {
1093
1106
  className: "badge-dot",
1094
1107
  style: { background: a }
1095
1108
  }), n]
@@ -1097,86 +1110,87 @@ function X({ variant: e = "default", className: t = "", children: n, showDot: r
1097
1110
  }
1098
1111
  //#endregion
1099
1112
  //#region src/components/ui/Button.jsx
1100
- var Ze = {
1113
+ var mt = {
1101
1114
  default: "btn-primary",
1102
1115
  destructive: "btn-danger",
1103
1116
  success: "btn-success",
1104
1117
  warning: "btn-warning",
1105
1118
  outline: "btn-outline",
1106
1119
  secondary: "btn-secondary",
1120
+ muted: "btn-muted",
1107
1121
  ghost: "btn-ghost",
1108
1122
  link: "btn-link"
1109
- }, Qe = {
1123
+ }, ht = {
1110
1124
  sm: "btn-sm",
1111
1125
  default: "",
1112
1126
  lg: "btn-lg",
1113
1127
  icon: "btn-icon"
1114
- }, $e = n(function({ variant: e = "default", size: t = "default", className: n = "", children: r, ...i }, a) {
1115
- return /* @__PURE__ */ z("button", {
1128
+ }, J = n(function({ variant: e = "default", size: t = "default", className: n = "", children: r, ...i }, a) {
1129
+ return /* @__PURE__ */ H("button", {
1116
1130
  ref: a,
1117
1131
  className: [
1118
1132
  "btn",
1119
- Ze[e],
1120
- Qe[t],
1133
+ mt[e],
1134
+ ht[t],
1121
1135
  n
1122
1136
  ].filter(Boolean).join(" "),
1123
1137
  ...i,
1124
1138
  children: r
1125
1139
  });
1126
- }), et = {
1140
+ }), gt = {
1127
1141
  default: "card-default",
1128
1142
  green: "card-green",
1129
1143
  red: "card-red",
1130
1144
  yellow: "card-yellow"
1131
- }, tt = n(function({ variant: e = "default", className: t = "", children: n, ...r }, i) {
1132
- return /* @__PURE__ */ z("div", {
1145
+ }, _t = n(function({ variant: e = "default", className: t = "", children: n, ...r }, i) {
1146
+ return /* @__PURE__ */ H("div", {
1133
1147
  ref: i,
1134
1148
  className: [
1135
1149
  "card",
1136
- et[e],
1150
+ gt[e],
1137
1151
  t
1138
1152
  ].filter(Boolean).join(" "),
1139
1153
  ...r,
1140
1154
  children: n
1141
1155
  });
1142
- }), nt = n(function({ className: e = "", children: t, ...n }, r) {
1143
- return /* @__PURE__ */ z("div", {
1156
+ }), vt = n(function({ className: e = "", children: t, ...n }, r) {
1157
+ return /* @__PURE__ */ H("div", {
1144
1158
  ref: r,
1145
1159
  className: `card-header ${e}`,
1146
1160
  ...n,
1147
1161
  children: t
1148
1162
  });
1149
- }), rt = n(function({ className: e = "", children: t, ...n }, r) {
1150
- return /* @__PURE__ */ z("h3", {
1163
+ }), yt = n(function({ className: e = "", children: t, ...n }, r) {
1164
+ return /* @__PURE__ */ H("h3", {
1151
1165
  ref: r,
1152
1166
  className: `card-title ${e}`,
1153
1167
  ...n,
1154
1168
  children: t
1155
1169
  });
1156
- }), it = n(function({ className: e = "", children: t, ...n }, r) {
1157
- return /* @__PURE__ */ z("p", {
1170
+ }), bt = n(function({ className: e = "", children: t, ...n }, r) {
1171
+ return /* @__PURE__ */ H("p", {
1158
1172
  ref: r,
1159
1173
  className: `card-description ${e}`,
1160
1174
  ...n,
1161
1175
  children: t
1162
1176
  });
1163
- }), at = n(function({ className: e = "", children: t, ...n }, r) {
1164
- return /* @__PURE__ */ z("div", {
1177
+ }), xt = n(function({ className: e = "", children: t, ...n }, r) {
1178
+ return /* @__PURE__ */ H("div", {
1165
1179
  ref: r,
1166
1180
  className: `card-body ${e}`,
1167
1181
  ...n,
1168
1182
  children: t
1169
1183
  });
1170
- }), ot = n(function({ className: e = "", children: t, ...n }, r) {
1171
- return /* @__PURE__ */ z("div", {
1184
+ }), St = n(function({ className: e = "", children: t, ...n }, r) {
1185
+ return /* @__PURE__ */ H("div", {
1172
1186
  ref: r,
1173
1187
  className: `card-footer ${e}`,
1174
1188
  ...n,
1175
1189
  children: t
1176
1190
  });
1177
- }), st = 220;
1178
- function ct({ open: e, onClose: t, children: n, className: r = "", overlayClassName: i = "", contained: a = !1 }) {
1179
- let s = l(null), [c, d] = u(e ? "open" : "closed"), f = e || c !== "closed";
1191
+ }), Ct = 220;
1192
+ function wt({ open: e, onClose: t, children: n, className: r = "", overlayClassName: i = "", contained: a = !1 }) {
1193
+ let s = u(null), [c, l] = d(e ? "open" : "closed"), f = e || c !== "closed";
1180
1194
  return o(() => {
1181
1195
  if (!a) return f ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
1182
1196
  document.body.style.overflow = "";
@@ -1188,87 +1202,87 @@ function ct({ open: e, onClose: t, children: n, className: r = "", overlayClassN
1188
1202
  return f && document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
1189
1203
  }, [f, t]), o(() => {
1190
1204
  if (e) {
1191
- let e = requestAnimationFrame(() => d("open"));
1205
+ let e = requestAnimationFrame(() => l("open"));
1192
1206
  return () => cancelAnimationFrame(e);
1193
1207
  }
1194
1208
  if (c === "closed") return;
1195
- let t = requestAnimationFrame(() => d("closing")), n = window.setTimeout(() => d("closed"), st);
1209
+ let t = requestAnimationFrame(() => l("closing")), n = window.setTimeout(() => l("closed"), Ct);
1196
1210
  return () => {
1197
1211
  cancelAnimationFrame(t), window.clearTimeout(n);
1198
1212
  };
1199
- }, [e, c]), f ? /* @__PURE__ */ z("div", {
1213
+ }, [e, c]), f ? /* @__PURE__ */ H("div", {
1200
1214
  className: `dialog-overlay${a ? " dialog-overlay-contained" : ""}${i ? ` ${i}` : ""}`,
1201
1215
  "data-state": c,
1202
1216
  ref: s,
1203
1217
  onClick: (e) => {
1204
1218
  e.target === s.current && t?.();
1205
1219
  },
1206
- children: /* @__PURE__ */ z("div", {
1220
+ children: /* @__PURE__ */ H("div", {
1207
1221
  className: `dialog ${r}`,
1208
1222
  children: n
1209
1223
  })
1210
1224
  }) : null;
1211
1225
  }
1212
- function lt({ children: e, onClose: t, className: n = "" }) {
1213
- return /* @__PURE__ */ B("div", {
1226
+ function Tt({ children: e, onClose: t, className: n = "" }) {
1227
+ return /* @__PURE__ */ U("div", {
1214
1228
  className: `dialog-header ${n}`,
1215
- children: [/* @__PURE__ */ z("div", {
1229
+ children: [/* @__PURE__ */ H("div", {
1216
1230
  style: { flex: 1 },
1217
1231
  children: e
1218
- }), t && /* @__PURE__ */ z("button", {
1232
+ }), t && /* @__PURE__ */ H("button", {
1219
1233
  className: "btn btn-ghost btn-icon btn-sm",
1220
1234
  onClick: t,
1221
- children: /* @__PURE__ */ z(L, { size: 16 })
1235
+ children: /* @__PURE__ */ H(V, { size: 16 })
1222
1236
  })]
1223
1237
  });
1224
1238
  }
1225
- function ut({ children: e, className: t = "" }) {
1226
- return /* @__PURE__ */ z("h3", {
1239
+ function Et({ children: e, className: t = "" }) {
1240
+ return /* @__PURE__ */ H("h3", {
1227
1241
  className: `dialog-title ${t}`,
1228
1242
  children: e
1229
1243
  });
1230
1244
  }
1231
- function dt({ children: e, className: t = "" }) {
1232
- return /* @__PURE__ */ z("p", {
1245
+ function Dt({ children: e, className: t = "" }) {
1246
+ return /* @__PURE__ */ H("p", {
1233
1247
  className: `dialog-description ${t}`,
1234
1248
  children: e
1235
1249
  });
1236
1250
  }
1237
- function ft({ children: e, className: t = "" }) {
1238
- return /* @__PURE__ */ z("div", {
1251
+ function Ot({ children: e, className: t = "" }) {
1252
+ return /* @__PURE__ */ H("div", {
1239
1253
  className: `dialog-body ${t}`,
1240
1254
  children: e
1241
1255
  });
1242
1256
  }
1243
- function pt({ children: e, className: t = "" }) {
1244
- return /* @__PURE__ */ z("div", {
1257
+ function kt({ children: e, className: t = "" }) {
1258
+ return /* @__PURE__ */ H("div", {
1245
1259
  className: `dialog-footer ${t}`,
1246
1260
  children: e
1247
1261
  });
1248
1262
  }
1249
1263
  //#endregion
1250
1264
  //#region src/components/ui/Input.jsx
1251
- var mt = n(function({ id: e, label: t, labelMode: n = "stacked", description: r, error: i, clearable: a = !1, startIcon: o, endIcon: c, placeholder: d, value: f, defaultValue: p, className: m = "", inputClassName: h = "", disabled: g = !1, type: _ = "text", "aria-describedby": v, "aria-invalid": y, onChange: b, ...x }, S) {
1252
- let C = l(null), w = s(), T = e || w, E = i && i !== !0 ? i : r, D = E ? `${T}-helper` : void 0, O = !!(i || y), k = !!(t && n === "floating"), A = [v, D].filter(Boolean).join(" ") || void 0, j = k ? " " : d, M = f !== void 0, [N, P] = u(() => String(p ?? "")), F = a && !g && (M ? String(f ?? "") : N).length > 0;
1265
+ var At = n(function({ id: e, label: t, labelMode: n = "stacked", description: r, error: i, clearable: a = !1, startIcon: o, endIcon: c, placeholder: l, value: f, defaultValue: p, className: m = "", inputClassName: h = "", disabled: g = !1, type: _ = "text", "aria-describedby": v, "aria-invalid": y, onChange: b, ...x }, S) {
1266
+ let C = u(null), w = s(), T = e || w, E = i && i !== !0 ? i : r, D = E ? `${T}-helper` : void 0, O = !!(i || y), k = !!(t && n === "floating"), A = [v, D].filter(Boolean).join(" ") || void 0, j = k ? " " : l, M = f !== void 0, [N, P] = d(() => String(p ?? "")), F = a && !g && (M ? String(f ?? "") : N).length > 0;
1253
1267
  function I(e) {
1254
1268
  C.current = e, typeof S == "function" ? S(e) : S && (S.current = e);
1255
1269
  }
1256
- function R(e) {
1270
+ function L(e) {
1257
1271
  M || P(e.target.value), b?.(e);
1258
1272
  }
1259
- function V() {
1273
+ function ee() {
1260
1274
  let e = C.current;
1261
1275
  e && ((Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
1262
1276
  }
1263
- return /* @__PURE__ */ B("div", {
1277
+ return /* @__PURE__ */ U("div", {
1264
1278
  className: ["fcc-input-field", m].filter(Boolean).join(" "),
1265
1279
  children: [
1266
- t && !k ? /* @__PURE__ */ z("label", {
1280
+ t && !k ? /* @__PURE__ */ H("label", {
1267
1281
  className: "fcc-input-label",
1268
1282
  htmlFor: T,
1269
1283
  children: t
1270
1284
  }) : null,
1271
- /* @__PURE__ */ B("div", {
1285
+ /* @__PURE__ */ U("div", {
1272
1286
  className: [
1273
1287
  "fcc-input-control",
1274
1288
  k ? "has-floating-label" : "",
@@ -1276,14 +1290,14 @@ var mt = n(function({ id: e, label: t, labelMode: n = "stacked", description: r,
1276
1290
  g ? "is-disabled" : ""
1277
1291
  ].filter(Boolean).join(" "),
1278
1292
  children: [
1279
- o ? /* @__PURE__ */ z("span", {
1293
+ o ? /* @__PURE__ */ H("span", {
1280
1294
  className: "fcc-input-icon",
1281
1295
  "aria-hidden": "true",
1282
1296
  children: o
1283
1297
  }) : null,
1284
- k ? /* @__PURE__ */ B("div", {
1298
+ k ? /* @__PURE__ */ U("div", {
1285
1299
  className: "fcc-input-floating-slot",
1286
- children: [/* @__PURE__ */ z("input", {
1300
+ children: [/* @__PURE__ */ H("input", {
1287
1301
  ...x,
1288
1302
  ref: I,
1289
1303
  id: T,
@@ -1294,18 +1308,18 @@ var mt = n(function({ id: e, label: t, labelMode: n = "stacked", description: r,
1294
1308
  disabled: g,
1295
1309
  "aria-invalid": O || void 0,
1296
1310
  "aria-describedby": A,
1297
- onChange: R,
1311
+ onChange: L,
1298
1312
  className: [
1299
1313
  "fcc-input-element",
1300
1314
  "has-floating-label",
1301
1315
  h
1302
1316
  ].filter(Boolean).join(" ")
1303
- }), /* @__PURE__ */ z("label", {
1317
+ }), /* @__PURE__ */ H("label", {
1304
1318
  className: "fcc-input-floating-label",
1305
1319
  htmlFor: T,
1306
1320
  children: t
1307
1321
  })]
1308
- }) : /* @__PURE__ */ z("input", {
1322
+ }) : /* @__PURE__ */ H("input", {
1309
1323
  ...x,
1310
1324
  ref: I,
1311
1325
  id: T,
@@ -1316,23 +1330,23 @@ var mt = n(function({ id: e, label: t, labelMode: n = "stacked", description: r,
1316
1330
  disabled: g,
1317
1331
  "aria-invalid": O || void 0,
1318
1332
  "aria-describedby": A,
1319
- onChange: R,
1333
+ onChange: L,
1320
1334
  className: ["fcc-input-element", h].filter(Boolean).join(" ")
1321
1335
  }),
1322
- F ? /* @__PURE__ */ z("button", {
1336
+ F ? /* @__PURE__ */ H("button", {
1323
1337
  type: "button",
1324
1338
  className: "fcc-input-clear",
1325
- onClick: V,
1339
+ onClick: ee,
1326
1340
  "aria-label": `Clear ${t || "input"}`,
1327
- children: /* @__PURE__ */ z(L, { size: 12 })
1341
+ children: /* @__PURE__ */ H(V, { size: 12 })
1328
1342
  }) : null,
1329
- c ? /* @__PURE__ */ z("span", {
1343
+ c ? /* @__PURE__ */ H("span", {
1330
1344
  className: "fcc-input-icon",
1331
1345
  children: c
1332
1346
  }) : null
1333
1347
  ]
1334
1348
  }),
1335
- E ? /* @__PURE__ */ z("div", {
1349
+ E ? /* @__PURE__ */ H("div", {
1336
1350
  id: D,
1337
1351
  className: ["fcc-input-helper", O ? "is-error" : ""].filter(Boolean).join(" "),
1338
1352
  children: E
@@ -1342,14 +1356,14 @@ var mt = n(function({ id: e, label: t, labelMode: n = "stacked", description: r,
1342
1356
  });
1343
1357
  //#endregion
1344
1358
  //#region src/components/ui/DropdownMenu.jsx
1345
- function ht({ trigger: e, children: t, align: n = "left", className: r = "", sideOffset: i = 6, onOpenChange: a }) {
1346
- let [s, d] = u(!1), [f, p] = u(null), m = l(null), h = l(null);
1359
+ function jt({ trigger: e, children: t, align: n = "left", className: r = "", sideOffset: i = 6, onOpenChange: a }) {
1360
+ let [s, l] = d(!1), [f, p] = d(null), m = u(null), h = u(null);
1347
1361
  return o(() => {
1348
1362
  a?.(s);
1349
1363
  }, [a, s]), o(() => {
1350
1364
  function e(e) {
1351
1365
  let t = m.current && m.current.contains(e.target), n = h.current && h.current.contains(e.target);
1352
- !t && !n && d(!1);
1366
+ !t && !n && l(!1);
1353
1367
  }
1354
1368
  return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
1355
1369
  }, []), c(() => {
@@ -1373,17 +1387,17 @@ function ht({ trigger: e, children: t, align: n = "left", className: r = "", sid
1373
1387
  i
1374
1388
  ]), c(() => {
1375
1389
  s || p(null);
1376
- }, [s]), /* @__PURE__ */ B("div", {
1390
+ }, [s]), /* @__PURE__ */ U("div", {
1377
1391
  className: `dropdown-wrapper ${r}`,
1378
1392
  style: { position: "relative" },
1379
- children: [/* @__PURE__ */ z("div", {
1393
+ children: [/* @__PURE__ */ H("div", {
1380
1394
  ref: m,
1381
- onClick: () => d((e) => !e),
1395
+ onClick: () => l((e) => !e),
1382
1396
  children: e
1383
- }), s && typeof document < "u" && V(/* @__PURE__ */ z("div", {
1397
+ }), s && typeof document < "u" && W(/* @__PURE__ */ H("div", {
1384
1398
  ref: h,
1385
1399
  className: "dropdown",
1386
- onClick: () => d(!1),
1400
+ onClick: () => l(!1),
1387
1401
  style: {
1388
1402
  position: "fixed",
1389
1403
  left: f?.left ?? 0,
@@ -1395,91 +1409,91 @@ function ht({ trigger: e, children: t, align: n = "left", className: r = "", sid
1395
1409
  }), document.body)]
1396
1410
  });
1397
1411
  }
1398
- function gt({ icon: e, children: t, shortcut: n, active: r, onClick: i, className: a = "" }) {
1399
- return /* @__PURE__ */ B("div", {
1412
+ function Mt({ icon: e, children: t, shortcut: n, active: r, onClick: i, className: a = "" }) {
1413
+ return /* @__PURE__ */ U("div", {
1400
1414
  className: `dropdown-item ${r ? "active" : ""} ${a}`,
1401
1415
  onClick: i,
1402
1416
  children: [
1403
- e && /* @__PURE__ */ z("span", {
1417
+ e && /* @__PURE__ */ H("span", {
1404
1418
  className: "dropdown-item-icon",
1405
1419
  children: e
1406
1420
  }),
1407
- /* @__PURE__ */ z("span", {
1421
+ /* @__PURE__ */ H("span", {
1408
1422
  style: { flex: 1 },
1409
1423
  children: t
1410
1424
  }),
1411
- n && /* @__PURE__ */ z("span", {
1425
+ n && /* @__PURE__ */ H("span", {
1412
1426
  className: "dropdown-shortcut",
1413
1427
  children: n
1414
1428
  }),
1415
- r && /* @__PURE__ */ z(h, {
1429
+ r && /* @__PURE__ */ H(g, {
1416
1430
  size: 14,
1417
1431
  className: "dropdown-item-check"
1418
1432
  })
1419
1433
  ]
1420
1434
  });
1421
1435
  }
1422
- function _t({ checked: e, onCheckedChange: t, children: n, className: r = "" }) {
1423
- return /* @__PURE__ */ B("div", {
1436
+ function Nt({ checked: e, onCheckedChange: t, children: n, className: r = "" }) {
1437
+ return /* @__PURE__ */ U("div", {
1424
1438
  className: `dropdown-item ${e ? "active" : ""} ${r}`,
1425
1439
  onClick: () => t?.(!e),
1426
- children: [/* @__PURE__ */ z("span", {
1440
+ children: [/* @__PURE__ */ H("span", {
1427
1441
  style: { flex: 1 },
1428
1442
  children: n
1429
- }), e && /* @__PURE__ */ z(h, {
1443
+ }), e && /* @__PURE__ */ H(g, {
1430
1444
  size: 14,
1431
1445
  className: "dropdown-item-check"
1432
1446
  })]
1433
1447
  });
1434
1448
  }
1435
- function vt({ children: e, className: t = "" }) {
1436
- return /* @__PURE__ */ z("div", {
1449
+ function Pt({ children: e, className: t = "" }) {
1450
+ return /* @__PURE__ */ H("div", {
1437
1451
  className: `dropdown-label ${t}`,
1438
1452
  children: e
1439
1453
  });
1440
1454
  }
1441
- function yt({ className: e = "" }) {
1442
- return /* @__PURE__ */ z("div", { className: `dropdown-divider ${e}` });
1455
+ function Ft({ className: e = "" }) {
1456
+ return /* @__PURE__ */ H("div", { className: `dropdown-divider ${e}` });
1443
1457
  }
1444
1458
  //#endregion
1445
1459
  //#region src/components/ui/SearchableSelect.jsx
1446
- function bt({ options: e = [], value: t, onChange: n, placeholder: r = "Select...", searchPlaceholder: i = "Search...", allowEmpty: a = !1, disabled: s = !1, className: c = "" }) {
1447
- let [d, f] = u(!1), [p, m] = u(""), [g, _] = u(-1), y = l(null), b = l(null), x = e.filter((e) => e.label.toLowerCase().includes(p.toLowerCase()) || e.description && e.description.toLowerCase().includes(p.toLowerCase())), S = e.find((e) => e.value === t);
1460
+ function It({ options: e = [], value: t, onChange: n, placeholder: r = "Select...", searchPlaceholder: i = "Search...", allowEmpty: a = !1, disabled: s = !1, className: c = "" }) {
1461
+ let [l, f] = d(!1), [p, m] = d(""), [h, _] = d(-1), v = u(null), b = u(null), x = e.filter((e) => e.label.toLowerCase().includes(p.toLowerCase()) || e.description && e.description.toLowerCase().includes(p.toLowerCase())), S = e.find((e) => e.value === t);
1448
1462
  o(() => {
1449
- d && b.current && b.current.focus();
1450
- }, [d]), o(() => {
1463
+ l && b.current && b.current.focus();
1464
+ }, [l]), o(() => {
1451
1465
  function e(e) {
1452
- y.current && !y.current.contains(e.target) && f(!1);
1466
+ v.current && !v.current.contains(e.target) && f(!1);
1453
1467
  }
1454
1468
  return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
1455
1469
  }, []);
1456
1470
  function C(e) {
1457
- e.key === "ArrowDown" ? (e.preventDefault(), _((e) => Math.min(e + 1, x.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), _((e) => Math.max(e - 1, 0))) : e.key === "Enter" && g >= 0 && x[g] ? (n?.(x[g].value), f(!1), m("")) : e.key === "Escape" && (f(!1), m(""));
1471
+ e.key === "ArrowDown" ? (e.preventDefault(), _((e) => Math.min(e + 1, x.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), _((e) => Math.max(e - 1, 0))) : e.key === "Enter" && h >= 0 && x[h] ? (n?.(x[h].value), f(!1), m("")) : e.key === "Escape" && (f(!1), m(""));
1458
1472
  }
1459
- return /* @__PURE__ */ B("div", {
1460
- ref: y,
1473
+ return /* @__PURE__ */ U("div", {
1474
+ ref: v,
1461
1475
  className: `searchable-select ${c}`,
1462
- children: [/* @__PURE__ */ B("button", {
1476
+ children: [/* @__PURE__ */ U("button", {
1463
1477
  className: "searchable-select-trigger",
1464
1478
  onClick: () => {
1465
- s || (d || _(-1), f(!d));
1479
+ s || (l || _(-1), f(!l));
1466
1480
  },
1467
1481
  disabled: s,
1468
1482
  type: "button",
1469
- children: [/* @__PURE__ */ z("span", {
1483
+ children: [/* @__PURE__ */ H("span", {
1470
1484
  className: S ? "" : "searchable-select-placeholder",
1471
1485
  children: S ? S.label : r
1472
- }), /* @__PURE__ */ z(v, {
1486
+ }), /* @__PURE__ */ H(y, {
1473
1487
  size: 14,
1474
1488
  className: "searchable-select-chevron"
1475
1489
  })]
1476
- }), d && /* @__PURE__ */ B("div", {
1490
+ }), l && /* @__PURE__ */ U("div", {
1477
1491
  className: "searchable-select-dropdown",
1478
- children: [/* @__PURE__ */ B("div", {
1492
+ children: [/* @__PURE__ */ U("div", {
1479
1493
  className: "searchable-select-search",
1480
1494
  children: [
1481
- /* @__PURE__ */ z(N, { size: 14 }),
1482
- /* @__PURE__ */ z("input", {
1495
+ /* @__PURE__ */ H(B, { size: 14 }),
1496
+ /* @__PURE__ */ H("input", {
1483
1497
  ref: b,
1484
1498
  value: p,
1485
1499
  onChange: (e) => {
@@ -1489,22 +1503,22 @@ function bt({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
1489
1503
  placeholder: i,
1490
1504
  className: "searchable-select-input"
1491
1505
  }),
1492
- p && /* @__PURE__ */ z("button", {
1506
+ p && /* @__PURE__ */ H("button", {
1493
1507
  className: "searchable-select-clear",
1494
1508
  onClick: () => m(""),
1495
- children: /* @__PURE__ */ z(L, { size: 12 })
1509
+ children: /* @__PURE__ */ H(V, { size: 12 })
1496
1510
  })
1497
1511
  ]
1498
- }), /* @__PURE__ */ B("div", {
1512
+ }), /* @__PURE__ */ U("div", {
1499
1513
  className: "searchable-select-options",
1500
1514
  children: [
1501
- a && /* @__PURE__ */ z("div", {
1515
+ a && /* @__PURE__ */ H("div", {
1502
1516
  className: `searchable-select-option ${t ? "" : "selected"}`,
1503
1517
  onClick: () => {
1504
1518
  n?.(null), f(!1), m("");
1505
1519
  },
1506
1520
  onMouseEnter: () => _(-1),
1507
- children: /* @__PURE__ */ z("span", {
1521
+ children: /* @__PURE__ */ H("span", {
1508
1522
  style: {
1509
1523
  color: "var(--text-tertiary)",
1510
1524
  fontStyle: "italic"
@@ -1512,21 +1526,21 @@ function bt({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
1512
1526
  children: "None"
1513
1527
  })
1514
1528
  }),
1515
- x.map((e, r) => /* @__PURE__ */ B("div", {
1516
- className: `searchable-select-option ${r === g ? "highlighted" : ""} ${e.value === t ? "selected" : ""}`,
1529
+ x.map((e, r) => /* @__PURE__ */ U("div", {
1530
+ className: `searchable-select-option ${r === h ? "highlighted" : ""} ${e.value === t ? "selected" : ""}`,
1517
1531
  onClick: () => {
1518
1532
  n?.(e.value), f(!1), m("");
1519
1533
  },
1520
1534
  onMouseEnter: () => _(r),
1521
- children: [/* @__PURE__ */ B("div", {
1535
+ children: [/* @__PURE__ */ U("div", {
1522
1536
  className: "searchable-select-option-content",
1523
- children: [/* @__PURE__ */ z("span", { children: e.label }), e.description && /* @__PURE__ */ z("span", {
1537
+ children: [/* @__PURE__ */ H("span", { children: e.label }), e.description && /* @__PURE__ */ H("span", {
1524
1538
  className: "searchable-select-option-desc",
1525
1539
  children: e.description
1526
1540
  })]
1527
- }), e.value === t && /* @__PURE__ */ z(h, { size: 14 })]
1541
+ }), e.value === t && /* @__PURE__ */ H(g, { size: 14 })]
1528
1542
  }, e.value)),
1529
- x.length === 0 && /* @__PURE__ */ z("div", {
1543
+ x.length === 0 && /* @__PURE__ */ H("div", {
1530
1544
  className: "searchable-select-empty",
1531
1545
  children: "No results found"
1532
1546
  })
@@ -1537,8 +1551,8 @@ function bt({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
1537
1551
  }
1538
1552
  //#endregion
1539
1553
  //#region src/components/ui/Sheet.jsx
1540
- function xt({ open: e, onClose: t, side: n = "right", title: r, children: i, className: a = "" }) {
1541
- let s = l(null);
1554
+ function Lt({ open: e, onClose: t, side: n = "right", title: r, children: i, className: a = "" }) {
1555
+ let s = u(null);
1542
1556
  return o(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
1543
1557
  document.body.style.overflow = "";
1544
1558
  }), [e]), o(() => {
@@ -1546,54 +1560,54 @@ function xt({ open: e, onClose: t, side: n = "right", title: r, children: i, cla
1546
1560
  e.key === "Escape" && t?.();
1547
1561
  }
1548
1562
  return e && document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
1549
- }, [e, t]), e ? /* @__PURE__ */ z("div", {
1563
+ }, [e, t]), e ? /* @__PURE__ */ H("div", {
1550
1564
  className: "sheet-overlay",
1551
1565
  ref: s,
1552
1566
  onClick: (e) => {
1553
1567
  e.target === s.current && t?.();
1554
1568
  },
1555
- children: /* @__PURE__ */ B("div", {
1569
+ children: /* @__PURE__ */ U("div", {
1556
1570
  className: `sheet sheet-${n} ${a}`,
1557
- children: [r && /* @__PURE__ */ B("div", {
1571
+ children: [r && /* @__PURE__ */ U("div", {
1558
1572
  className: "sheet-header",
1559
- children: [/* @__PURE__ */ z("h3", {
1573
+ children: [/* @__PURE__ */ H("h3", {
1560
1574
  className: "sheet-title",
1561
1575
  children: r
1562
- }), /* @__PURE__ */ z("button", {
1576
+ }), /* @__PURE__ */ H("button", {
1563
1577
  className: "btn btn-ghost btn-icon btn-sm",
1564
1578
  onClick: t,
1565
- children: /* @__PURE__ */ z(L, { size: 16 })
1579
+ children: /* @__PURE__ */ H(V, { size: 16 })
1566
1580
  })]
1567
- }), /* @__PURE__ */ z("div", {
1581
+ }), /* @__PURE__ */ H("div", {
1568
1582
  className: "sheet-body",
1569
1583
  children: i
1570
1584
  })]
1571
1585
  })
1572
1586
  }) : null;
1573
1587
  }
1574
- function St({ children: e, className: t = "" }) {
1575
- return /* @__PURE__ */ z("div", {
1588
+ function Rt({ children: e, className: t = "" }) {
1589
+ return /* @__PURE__ */ H("div", {
1576
1590
  className: `sheet-footer ${t}`,
1577
1591
  children: e
1578
1592
  });
1579
1593
  }
1580
1594
  //#endregion
1581
1595
  //#region src/components/ui/StatusMetric.jsx
1582
- function Ct(...e) {
1596
+ function zt(...e) {
1583
1597
  return e.filter(Boolean).join(" ");
1584
1598
  }
1585
- var wt = {
1599
+ var Bt = {
1586
1600
  default: "",
1587
1601
  warning: "status-metric--warning"
1588
1602
  };
1589
- function Tt({ children: e, tone: t = "default", showIcon: n = !0, icon: r, iconSize: i = 12, className: a = "" }) {
1590
- let o = r || (t === "warning" ? f : S);
1591
- return /* @__PURE__ */ B("span", {
1592
- className: Ct("status-metric", wt[t], a),
1593
- children: [n && o && /* @__PURE__ */ z("span", {
1603
+ function Vt({ children: e, tone: t = "default", showIcon: n = !0, icon: r, iconSize: i = 12, className: a = "" }) {
1604
+ let o = r || (t === "warning" ? p : C);
1605
+ return /* @__PURE__ */ U("span", {
1606
+ className: zt("status-metric", Bt[t], a),
1607
+ children: [n && o && /* @__PURE__ */ H("span", {
1594
1608
  className: "status-metric-icon",
1595
- children: /* @__PURE__ */ z(o, { size: i })
1596
- }), /* @__PURE__ */ z("span", {
1609
+ children: /* @__PURE__ */ H(o, { size: i })
1610
+ }), /* @__PURE__ */ H("span", {
1597
1611
  className: "status-metric-text",
1598
1612
  children: e
1599
1613
  })]
@@ -1601,53 +1615,53 @@ function Tt({ children: e, tone: t = "default", showIcon: n = !0, icon: r, iconS
1601
1615
  }
1602
1616
  //#endregion
1603
1617
  //#region src/components/ui/Switch.jsx
1604
- function Et({ checked: e = !1, onCheckedChange: t, disabled: n = !1, size: r = "md", label: i }) {
1605
- return /* @__PURE__ */ B("div", {
1618
+ function Ht({ checked: e = !1, onCheckedChange: t, disabled: n = !1, size: r = "md", label: i }) {
1619
+ return /* @__PURE__ */ U("div", {
1606
1620
  className: "toggle-row",
1607
- children: [i && /* @__PURE__ */ z("span", {
1621
+ children: [i && /* @__PURE__ */ H("span", {
1608
1622
  className: "toggle-text",
1609
1623
  children: i
1610
- }), /* @__PURE__ */ z("button", {
1624
+ }), /* @__PURE__ */ H("button", {
1611
1625
  className: `toggle ${e ? "active" : ""} ${r === "sm" ? "toggle-sm" : ""}`,
1612
1626
  onClick: () => !n && t?.(!e),
1613
1627
  disabled: n,
1614
1628
  role: "switch",
1615
1629
  "aria-checked": e,
1616
- children: /* @__PURE__ */ z("div", { className: "toggle-knob" })
1630
+ children: /* @__PURE__ */ H("div", { className: "toggle-knob" })
1617
1631
  })]
1618
1632
  });
1619
1633
  }
1620
1634
  //#endregion
1621
1635
  //#region src/components/ui/Tabs.jsx
1622
- var Z = e({
1636
+ var Y = e({
1623
1637
  value: "",
1624
1638
  onChange: () => {},
1625
1639
  registerTrigger: () => {},
1626
1640
  getTriggerNode: () => null
1627
1641
  });
1628
- function Dt({ defaultValue: e, value: t, onValueChange: n, children: r, className: a = "" }) {
1629
- let [o, s] = u(e || ""), c = l(/* @__PURE__ */ new Map()), d = t === void 0 ? o : t, f = n || s, p = i((e, t) => {
1642
+ function Ut({ defaultValue: e, value: t, onValueChange: n, children: r, className: a = "" }) {
1643
+ let [o, s] = d(e || ""), c = u(/* @__PURE__ */ new Map()), l = t === void 0 ? o : t, f = n || s, p = i((e, t) => {
1630
1644
  if (t) {
1631
1645
  c.current.set(e, t);
1632
1646
  return;
1633
1647
  }
1634
1648
  c.current.delete(e);
1635
1649
  }, []), m = i((e) => c.current.get(e) || null, []);
1636
- return /* @__PURE__ */ z(Z.Provider, {
1650
+ return /* @__PURE__ */ H(Y.Provider, {
1637
1651
  value: {
1638
- value: d,
1652
+ value: l,
1639
1653
  onChange: f,
1640
1654
  registerTrigger: p,
1641
1655
  getTriggerNode: m
1642
1656
  },
1643
- children: /* @__PURE__ */ z("div", {
1657
+ children: /* @__PURE__ */ H("div", {
1644
1658
  className: a,
1645
1659
  children: r
1646
1660
  })
1647
1661
  });
1648
1662
  }
1649
- function Ot({ children: e, className: t = "" }) {
1650
- let { value: n, getTriggerNode: r } = a(Z), i = l(null);
1663
+ function Wt({ children: e, className: t = "" }) {
1664
+ let { value: n, getTriggerNode: r } = a(Y), i = u(null);
1651
1665
  return c(() => {
1652
1666
  let e = i.current, t = r(n);
1653
1667
  if (!e) return;
@@ -1663,19 +1677,19 @@ function Ot({ children: e, className: t = "" }) {
1663
1677
  return o?.observe(e), o?.observe(t), window.addEventListener("resize", a), () => {
1664
1678
  o?.disconnect(), window.removeEventListener("resize", a);
1665
1679
  };
1666
- }, [n, r]), /* @__PURE__ */ B("div", {
1680
+ }, [n, r]), /* @__PURE__ */ U("div", {
1667
1681
  ref: i,
1668
1682
  className: `tabs ${t}`,
1669
1683
  role: "tablist",
1670
- children: [/* @__PURE__ */ z("span", {
1684
+ children: [/* @__PURE__ */ H("span", {
1671
1685
  className: "tabs-indicator",
1672
1686
  "aria-hidden": "true"
1673
1687
  }), e]
1674
1688
  });
1675
1689
  }
1676
- function kt({ value: e, children: t, className: n = "" }) {
1677
- let { value: r, onChange: i, registerTrigger: o } = a(Z), s = r === e;
1678
- return /* @__PURE__ */ z("button", {
1690
+ function Gt({ value: e, children: t, className: n = "" }) {
1691
+ let { value: r, onChange: i, registerTrigger: o } = a(Y), s = r === e;
1692
+ return /* @__PURE__ */ H("button", {
1679
1693
  ref: (t) => o(e, t),
1680
1694
  className: `tab ${s ? "active" : ""} ${n}`,
1681
1695
  onClick: () => i(e),
@@ -1685,9 +1699,9 @@ function kt({ value: e, children: t, className: n = "" }) {
1685
1699
  children: t
1686
1700
  });
1687
1701
  }
1688
- function At({ value: e, children: t, className: n = "" }) {
1689
- let { value: r } = a(Z);
1690
- return r === e ? /* @__PURE__ */ z("div", {
1702
+ function Kt({ value: e, children: t, className: n = "" }) {
1703
+ let { value: r } = a(Y);
1704
+ return r === e ? /* @__PURE__ */ H("div", {
1691
1705
  className: n,
1692
1706
  role: "tabpanel",
1693
1707
  children: t
@@ -1695,25 +1709,25 @@ function At({ value: e, children: t, className: n = "" }) {
1695
1709
  }
1696
1710
  //#endregion
1697
1711
  //#region src/components/ui/Textarea.jsx
1698
- var jt = n(function({ className: e = "", startAdornment: t, endAdornment: n, ...r }, i) {
1699
- return t || n ? /* @__PURE__ */ B("div", {
1712
+ var qt = n(function({ className: e = "", startAdornment: t, endAdornment: n, ...r }, i) {
1713
+ return t || n ? /* @__PURE__ */ U("div", {
1700
1714
  className: ["textarea-wrapper", e].filter(Boolean).join(" "),
1701
1715
  children: [
1702
- t && /* @__PURE__ */ z("div", {
1716
+ t && /* @__PURE__ */ H("div", {
1703
1717
  className: "textarea-adornment textarea-adornment--start",
1704
1718
  children: t
1705
1719
  }),
1706
- /* @__PURE__ */ z("textarea", {
1720
+ /* @__PURE__ */ H("textarea", {
1707
1721
  ...r,
1708
1722
  ref: i,
1709
1723
  className: "textarea-wrapper__input"
1710
1724
  }),
1711
- n && /* @__PURE__ */ z("div", {
1725
+ n && /* @__PURE__ */ H("div", {
1712
1726
  className: "textarea-adornment textarea-adornment--end",
1713
1727
  children: n
1714
1728
  })
1715
1729
  ]
1716
- }) : /* @__PURE__ */ z("textarea", {
1730
+ }) : /* @__PURE__ */ H("textarea", {
1717
1731
  ...r,
1718
1732
  ref: i,
1719
1733
  className: ["textarea", e].filter(Boolean).join(" ")
@@ -1721,8 +1735,8 @@ var jt = n(function({ className: e = "", startAdornment: t, endAdornment: n, ...
1721
1735
  });
1722
1736
  //#endregion
1723
1737
  //#region src/components/ui/Tooltip.jsx
1724
- function Mt({ content: e, side: t = "top", children: n, className: r = "" }) {
1725
- let [i, a] = u(!1), [s, d] = u(null), f = l(null), p = l(null), m = l(null);
1738
+ function Jt({ content: e, side: t = "top", children: n, className: r = "" }) {
1739
+ let [i, a] = d(!1), [s, l] = d(null), f = u(null), p = u(null), m = u(null);
1726
1740
  function h() {
1727
1741
  m.current = setTimeout(() => a(!0), 300);
1728
1742
  }
@@ -1737,7 +1751,7 @@ function Mt({ content: e, side: t = "top", children: n, className: r = "" }) {
1737
1751
  let e = f.current.getBoundingClientRect(), n = p.current.getBoundingClientRect(), r = e.left + e.width / 2 - n.width / 2;
1738
1752
  r = Math.max(8, Math.min(r, window.innerWidth - n.width - 8));
1739
1753
  let i = t === "bottom" ? e.bottom + 8 : e.top - n.height - 8;
1740
- i < 8 && (i = e.bottom + 8), i + n.height > window.innerHeight - 8 && (i = Math.max(8, e.top - n.height - 8)), d({
1754
+ i < 8 && (i = e.bottom + 8), i + n.height > window.innerHeight - 8 && (i = Math.max(8, e.top - n.height - 8)), l({
1741
1755
  left: r,
1742
1756
  top: i
1743
1757
  });
@@ -1745,7 +1759,7 @@ function Mt({ content: e, side: t = "top", children: n, className: r = "" }) {
1745
1759
  return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
1746
1760
  window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
1747
1761
  };
1748
- }, [t, i]), /* @__PURE__ */ B("div", {
1762
+ }, [t, i]), /* @__PURE__ */ U("div", {
1749
1763
  className: `tooltip-wrapper ${r}`,
1750
1764
  onMouseEnter: h,
1751
1765
  onMouseLeave: g,
@@ -1756,7 +1770,7 @@ function Mt({ content: e, side: t = "top", children: n, className: r = "" }) {
1756
1770
  position: "relative",
1757
1771
  display: "inline-flex"
1758
1772
  },
1759
- children: [n, i && typeof document < "u" && V(/* @__PURE__ */ z("div", {
1773
+ children: [n, i && typeof document < "u" && W(/* @__PURE__ */ H("div", {
1760
1774
  ref: p,
1761
1775
  className: `tooltip tooltip-${t} tooltip-portal`,
1762
1776
  role: "tooltip",
@@ -1772,17 +1786,17 @@ function Mt({ content: e, side: t = "top", children: n, className: r = "" }) {
1772
1786
  }
1773
1787
  //#endregion
1774
1788
  //#region src/components/ui/viewModeDefaults.js
1775
- var Nt = {
1776
- kanban: C,
1777
- board: C,
1778
- columns: C,
1779
- table: D,
1780
- list: D,
1781
- rows: D,
1782
- grid: E,
1783
- calendar: m,
1784
- map: A
1785
- }, Pt = [{
1789
+ var Yt = {
1790
+ kanban: w,
1791
+ board: w,
1792
+ columns: w,
1793
+ table: k,
1794
+ list: k,
1795
+ rows: k,
1796
+ grid: O,
1797
+ calendar: h,
1798
+ map: M
1799
+ }, Xt = [{
1786
1800
  value: "kanban",
1787
1801
  label: "Kanban",
1788
1802
  title: "Board View"
@@ -1793,14 +1807,14 @@ var Nt = {
1793
1807
  }];
1794
1808
  //#endregion
1795
1809
  //#region src/components/ui/ViewModeToggle.jsx
1796
- function Ft(e) {
1797
- return e.icon ? e.icon : Nt[e.value] ?? null;
1810
+ function Zt(e) {
1811
+ return e.icon ? e.icon : Yt[e.value] ?? null;
1798
1812
  }
1799
- function It(e, n) {
1813
+ function Qt(e, n) {
1800
1814
  return e ? r(e) ? e : t(e, { size: n }) : null;
1801
1815
  }
1802
- function Lt({ options: e = Pt, value: t, defaultValue: n, onValueChange: r, ariaLabel: a = "View mode", iconSize: s = 16, showLabels: d = !1, className: f = "", optionClassName: p = "" }) {
1803
- let m = l(null), h = l(null), g = l(/* @__PURE__ */ new Map()), [_, v] = u(n ?? e[0]?.value ?? ""), y = t === void 0 ? _ : t, b = i(() => {
1816
+ function $t({ options: e = Xt, value: t, defaultValue: n, onValueChange: r, ariaLabel: a = "View mode", iconSize: s = 16, showLabels: l = !1, className: f = "", optionClassName: p = "" }) {
1817
+ let m = u(null), h = u(null), g = u(/* @__PURE__ */ new Map()), [_, v] = d(n ?? e[0]?.value ?? ""), y = t === void 0 ? _ : t, b = i(() => {
1804
1818
  let e = h.current, t = g.current.get(y);
1805
1819
  if (e) {
1806
1820
  if (!t) {
@@ -1818,7 +1832,7 @@ function Lt({ options: e = Pt, value: t, defaultValue: n, onValueChange: r, aria
1818
1832
  }, [
1819
1833
  b,
1820
1834
  e,
1821
- d,
1835
+ l,
1822
1836
  s,
1823
1837
  f,
1824
1838
  p
@@ -1843,26 +1857,26 @@ function Lt({ options: e = Pt, value: t, defaultValue: n, onValueChange: r, aria
1843
1857
  }, [
1844
1858
  b,
1845
1859
  e,
1846
- d,
1860
+ l,
1847
1861
  s,
1848
1862
  f,
1849
1863
  p
1850
- ]), /* @__PURE__ */ B("div", {
1864
+ ]), /* @__PURE__ */ U("div", {
1851
1865
  ref: m,
1852
1866
  className: [
1853
1867
  "view-mode-toggle",
1854
- d ? "show-labels" : "",
1868
+ l ? "show-labels" : "",
1855
1869
  f
1856
1870
  ].filter(Boolean).join(" "),
1857
1871
  role: "group",
1858
1872
  "aria-label": a,
1859
- children: [/* @__PURE__ */ z("span", {
1873
+ children: [/* @__PURE__ */ H("span", {
1860
1874
  ref: h,
1861
1875
  "aria-hidden": "true",
1862
1876
  className: "view-mode-toggle-indicator"
1863
1877
  }), e.map((e) => {
1864
- let t = e.value === y, n = It(Ft(e), s);
1865
- return /* @__PURE__ */ B("button", {
1878
+ let t = e.value === y, n = Qt(Zt(e), s);
1879
+ return /* @__PURE__ */ U("button", {
1866
1880
  type: "button",
1867
1881
  "aria-pressed": t,
1868
1882
  disabled: e.disabled,
@@ -1878,10 +1892,10 @@ function Lt({ options: e = Pt, value: t, defaultValue: n, onValueChange: r, aria
1878
1892
  p
1879
1893
  ].filter(Boolean).join(" "),
1880
1894
  onClick: () => x(e),
1881
- children: [n && /* @__PURE__ */ z("span", {
1895
+ children: [n && /* @__PURE__ */ H("span", {
1882
1896
  className: "view-mode-toggle-icon",
1883
1897
  children: n
1884
- }), d && /* @__PURE__ */ z("span", {
1898
+ }), l && /* @__PURE__ */ H("span", {
1885
1899
  className: "view-mode-toggle-label",
1886
1900
  children: e.label
1887
1901
  })]
@@ -1891,11 +1905,11 @@ function Lt({ options: e = Pt, value: t, defaultValue: n, onValueChange: r, aria
1891
1905
  }
1892
1906
  //#endregion
1893
1907
  //#region src/components/ui/WorkspaceTabs.jsx
1894
- function Rt(e, n) {
1908
+ function en(e, n) {
1895
1909
  return e ? r(e) ? e : t(e, { size: n }) : null;
1896
1910
  }
1897
- function zt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLabel: a = "Workspace tabs", iconSize: s = 14, variant: d = "plain", className: f = "", itemClassName: p = "" }) {
1898
- let m = l(null), h = l(null), g = l(/* @__PURE__ */ new Map()), [_, v] = u(n ?? e[0]?.id ?? ""), y = t === void 0 ? _ : t, b = i(() => {
1911
+ function tn({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLabel: a = "Workspace tabs", iconSize: s = 14, variant: l = "plain", className: f = "", itemClassName: p = "" }) {
1912
+ let m = u(null), h = u(null), g = u(/* @__PURE__ */ new Map()), [_, v] = d(n ?? e[0]?.id ?? ""), y = t === void 0 ? _ : t, b = i(() => {
1899
1913
  let e = h.current, t = g.current.get(y);
1900
1914
  if (e) {
1901
1915
  if (!t) {
@@ -1914,7 +1928,7 @@ function zt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
1914
1928
  b,
1915
1929
  e,
1916
1930
  s,
1917
- d,
1931
+ l,
1918
1932
  f,
1919
1933
  p
1920
1934
  ]), o(() => {
@@ -1939,25 +1953,25 @@ function zt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
1939
1953
  b,
1940
1954
  e,
1941
1955
  s,
1942
- d,
1956
+ l,
1943
1957
  f,
1944
1958
  p
1945
- ]), /* @__PURE__ */ B("div", {
1959
+ ]), /* @__PURE__ */ U("div", {
1946
1960
  ref: m,
1947
1961
  className: [
1948
1962
  "workspace-tabs",
1949
- d === "contained" ? "workspace-tabs--contained" : "",
1963
+ l === "contained" ? "workspace-tabs--contained" : "",
1950
1964
  f
1951
1965
  ].filter(Boolean).join(" "),
1952
1966
  role: "tablist",
1953
1967
  "aria-label": a,
1954
- children: [/* @__PURE__ */ z("span", {
1968
+ children: [/* @__PURE__ */ H("span", {
1955
1969
  ref: h,
1956
1970
  "aria-hidden": "true",
1957
1971
  className: "workspace-tabs-indicator"
1958
1972
  }), e.map((e) => {
1959
- let t = e.id === y, n = Rt(e.icon, s);
1960
- return /* @__PURE__ */ B("button", {
1973
+ let t = e.id === y, n = en(e.icon, s);
1974
+ return /* @__PURE__ */ U("button", {
1961
1975
  type: "button",
1962
1976
  role: "tab",
1963
1977
  "aria-selected": t,
@@ -1974,15 +1988,15 @@ function zt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
1974
1988
  ].filter(Boolean).join(" "),
1975
1989
  onClick: () => x(e),
1976
1990
  children: [
1977
- n && /* @__PURE__ */ z("span", {
1991
+ n && /* @__PURE__ */ H("span", {
1978
1992
  className: "workspace-tab-icon",
1979
1993
  children: n
1980
1994
  }),
1981
- /* @__PURE__ */ z("span", {
1995
+ /* @__PURE__ */ H("span", {
1982
1996
  className: "workspace-tab-label",
1983
1997
  children: e.label
1984
1998
  }),
1985
- e.badge != null && /* @__PURE__ */ z("span", {
1999
+ e.badge != null && /* @__PURE__ */ H("span", {
1986
2000
  className: "workspace-tab-badge",
1987
2001
  children: e.badge
1988
2002
  })
@@ -1992,36 +2006,1161 @@ function zt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
1992
2006
  });
1993
2007
  }
1994
2008
  //#endregion
2009
+ //#region src/components/ui/CallControlsBar.jsx
2010
+ function X({ icon: e, label: t, onClick: n, active: r, danger: i, compact: a, title: o }) {
2011
+ return /* @__PURE__ */ H(Jt, {
2012
+ content: o,
2013
+ children: /* @__PURE__ */ U("button", {
2014
+ type: "button",
2015
+ onClick: n,
2016
+ "aria-label": t,
2017
+ style: {
2018
+ display: "inline-flex",
2019
+ alignItems: "center",
2020
+ gap: 6,
2021
+ padding: a ? "6px" : "8px 10px",
2022
+ borderRadius: 6,
2023
+ background: i ? "var(--accent-red, #ef4444)" : r ? "var(--accent-yellow-soft, rgba(245,158,11,0.15))" : "transparent",
2024
+ color: i ? "#fff" : r ? "var(--accent-yellow, #f59e0b)" : "var(--text-primary)",
2025
+ border: "none",
2026
+ cursor: "pointer"
2027
+ },
2028
+ children: [/* @__PURE__ */ H(e, { size: a ? 14 : 16 }), !a && /* @__PURE__ */ H("span", {
2029
+ style: { fontSize: "var(--text-xs)" },
2030
+ children: t
2031
+ })]
2032
+ })
2033
+ });
2034
+ }
2035
+ function nn({ isMuted: e, isOnHold: t, onMute: n, onHold: r, onTransfer: i, onInvite: a, onKeypad: o, onEnd: s, compact: c = !1, hideEnd: l = !1, className: u = "" }) {
2036
+ return /* @__PURE__ */ U("div", {
2037
+ className: `call-controls-bar ${u}`,
2038
+ style: {
2039
+ display: "inline-flex",
2040
+ gap: 4,
2041
+ alignItems: "center",
2042
+ flexWrap: "nowrap"
2043
+ },
2044
+ children: [
2045
+ /* @__PURE__ */ H(X, {
2046
+ icon: e ? P : N,
2047
+ label: e ? "Unmute" : "Mute",
2048
+ onClick: n,
2049
+ active: e,
2050
+ compact: c,
2051
+ title: "Mute (M)"
2052
+ }),
2053
+ /* @__PURE__ */ H(X, {
2054
+ icon: t ? ie : ee,
2055
+ label: t ? "Resume" : "Hold",
2056
+ onClick: r,
2057
+ active: t,
2058
+ compact: c,
2059
+ title: "Hold (H)"
2060
+ }),
2061
+ /* @__PURE__ */ H(X, {
2062
+ icon: te,
2063
+ label: "Transfer",
2064
+ onClick: i,
2065
+ compact: c,
2066
+ title: "Transfer (T)"
2067
+ }),
2068
+ /* @__PURE__ */ H(X, {
2069
+ icon: ce,
2070
+ label: "Invite",
2071
+ onClick: a,
2072
+ compact: c,
2073
+ title: "Invite observer"
2074
+ }),
2075
+ /* @__PURE__ */ H(X, {
2076
+ icon: E,
2077
+ label: "Keypad",
2078
+ onClick: o,
2079
+ compact: c,
2080
+ title: "Keypad"
2081
+ }),
2082
+ !l && /* @__PURE__ */ H(X, {
2083
+ icon: z,
2084
+ label: "End",
2085
+ onClick: s,
2086
+ danger: !0,
2087
+ compact: c,
2088
+ title: "End call (E)"
2089
+ })
2090
+ ]
2091
+ });
2092
+ }
2093
+ //#endregion
2094
+ //#region src/components/phone/phoneUtils.js
2095
+ function rn(e) {
2096
+ return e == null || Number.isNaN(e) ? "0:00" : `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
2097
+ }
2098
+ function an(e) {
2099
+ if (!e) return "";
2100
+ let t = new Date(e).getTime() - Date.now();
2101
+ return t <= 0 ? "now" : rn(Math.ceil(t / 1e3));
2102
+ }
2103
+ function on(e) {
2104
+ if (!e) return "";
2105
+ let t = Date.now() - new Date(e).getTime(), n = Math.floor(t / 1e3);
2106
+ if (n < 60) return "just now";
2107
+ let r = Math.floor(n / 60);
2108
+ if (r < 60) return `${r}m ago`;
2109
+ let i = Math.floor(r / 60);
2110
+ if (i < 24) return `${i}h ago`;
2111
+ let a = Math.floor(i / 24);
2112
+ return a === 1 ? "Yesterday" : a < 7 ? `${a}d ago` : new Date(e).toLocaleDateString();
2113
+ }
2114
+ function sn(e) {
2115
+ if (!e) return "none";
2116
+ let t = new Date(e).getTime() - Date.now();
2117
+ return t <= 0 ? "overdue" : t < 30 * 1e3 ? "urgent" : t < 120 * 1e3 ? "warning" : "normal";
2118
+ }
2119
+ var cn = {
2120
+ intake: "Intake",
2121
+ plan_review: "Plan Review",
2122
+ inspections: "Inspections",
2123
+ finance: "Finance",
2124
+ coc: "COC",
2125
+ tech_support: "Tech Support",
2126
+ sales: "Sales",
2127
+ escalations: "Escalations"
2128
+ };
2129
+ function ln(e) {
2130
+ return e ? cn[e] ? cn[e] : e.split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ") : "";
2131
+ }
2132
+ var un = {
2133
+ client: "Client",
2134
+ building_department: "Building Dept",
2135
+ staff: "Staff",
2136
+ unknown: "Unknown"
2137
+ };
2138
+ function dn(e) {
2139
+ return un[e] || "Unknown";
2140
+ }
2141
+ var fn = {
2142
+ open: "Open",
2143
+ in_progress: "In progress",
2144
+ resolved: "Resolved",
2145
+ closed: "Closed",
2146
+ awaiting_reply: "Awaiting reply"
2147
+ };
2148
+ function pn(e) {
2149
+ return fn[e] || (e ? e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()) : "");
2150
+ }
2151
+ //#endregion
2152
+ //#region src/components/ui/TicketLinkChip.jsx
2153
+ var mn = {
2154
+ intake: "var(--accent-blue)",
2155
+ plan_review: "var(--accent-purple)",
2156
+ inspections: "var(--accent-green)",
2157
+ finance: "var(--accent-yellow)",
2158
+ coc: "var(--accent-red)",
2159
+ tech_support: "var(--text-tertiary)",
2160
+ sales: "var(--accent-orange)",
2161
+ escalations: "var(--accent-red)"
2162
+ };
2163
+ function hn(e) {
2164
+ switch (e) {
2165
+ case "resolved":
2166
+ case "closed": return "success";
2167
+ case "in_progress": return "info";
2168
+ case "awaiting_reply": return "warning";
2169
+ default: return "secondary";
2170
+ }
2171
+ }
2172
+ function gn(e, t) {
2173
+ return e ? e.length > t ? `${e.slice(0, t - 1)}…` : e : "";
2174
+ }
2175
+ function Z({ ticket: e, onClick: t, variant: n = "default", className: r = "" }) {
2176
+ if (!e) return null;
2177
+ let i = mn[e.department] ?? mn.tech_support, a = t ? "button" : "span", o = n === "compact" ? `#${e.number}` : `#${e.number} · ${gn(e.title, 28)}`;
2178
+ return n === "detailed" ? /* @__PURE__ */ U(a, {
2179
+ type: t ? "button" : void 0,
2180
+ onClick: t,
2181
+ className: `ticket-link-chip ticket-link-chip-detailed ${r}`,
2182
+ style: {
2183
+ display: "inline-flex",
2184
+ flexDirection: "column",
2185
+ alignItems: "flex-start",
2186
+ gap: 8,
2187
+ padding: "8px 12px 8px 10px",
2188
+ borderRadius: 10,
2189
+ background: "var(--bg-tertiary, rgba(255,255,255,0.04))",
2190
+ border: "1px solid var(--border-primary, rgba(255,255,255,0.08))",
2191
+ fontSize: "var(--text-xs)",
2192
+ color: "var(--text-primary)",
2193
+ cursor: t ? "pointer" : "default",
2194
+ width: "100%",
2195
+ textAlign: "left"
2196
+ },
2197
+ children: [/* @__PURE__ */ U("span", {
2198
+ style: {
2199
+ display: "inline-flex",
2200
+ alignItems: "center",
2201
+ gap: 8,
2202
+ width: "100%"
2203
+ },
2204
+ children: [
2205
+ /* @__PURE__ */ H("span", { style: {
2206
+ width: 3,
2207
+ height: 18,
2208
+ borderRadius: 2,
2209
+ background: i,
2210
+ flexShrink: 0
2211
+ } }),
2212
+ /* @__PURE__ */ U("span", {
2213
+ style: {
2214
+ fontWeight: 600,
2215
+ color: "var(--text-primary)"
2216
+ },
2217
+ children: ["#", e.number]
2218
+ }),
2219
+ /* @__PURE__ */ U("span", {
2220
+ style: { color: "var(--text-secondary)" },
2221
+ children: ["· ", gn(e.title, 40)]
2222
+ })
2223
+ ]
2224
+ }), /* @__PURE__ */ U("span", {
2225
+ style: {
2226
+ display: "inline-flex",
2227
+ alignItems: "center",
2228
+ gap: 6
2229
+ },
2230
+ children: [e.department && /* @__PURE__ */ H(q, {
2231
+ variant: "secondary",
2232
+ showDot: !1,
2233
+ className: "badge--no-dot",
2234
+ children: ln(e.department)
2235
+ }), e.status && /* @__PURE__ */ H(q, {
2236
+ variant: hn(e.status),
2237
+ children: pn(e.status)
2238
+ })]
2239
+ })]
2240
+ }) : /* @__PURE__ */ U(a, {
2241
+ type: t ? "button" : void 0,
2242
+ onClick: t,
2243
+ className: `ticket-link-chip ticket-link-chip-${n} ${r}`,
2244
+ style: {
2245
+ display: "inline-flex",
2246
+ alignItems: "center",
2247
+ gap: 6,
2248
+ padding: "2px 10px 2px 6px",
2249
+ borderRadius: 999,
2250
+ background: "var(--bg-tertiary, rgba(255,255,255,0.04))",
2251
+ border: "1px solid var(--border-primary, rgba(255,255,255,0.08))",
2252
+ fontSize: "var(--text-xs)",
2253
+ color: "var(--text-primary)",
2254
+ cursor: t ? "pointer" : "default",
2255
+ lineHeight: 1.4,
2256
+ maxWidth: n === "compact" ? 140 : 220
2257
+ },
2258
+ children: [/* @__PURE__ */ H("span", { style: {
2259
+ width: 3,
2260
+ height: 14,
2261
+ borderRadius: 2,
2262
+ background: i,
2263
+ flexShrink: 0
2264
+ } }), /* @__PURE__ */ H("span", {
2265
+ style: {
2266
+ whiteSpace: "nowrap",
2267
+ overflow: "hidden",
2268
+ textOverflow: "ellipsis"
2269
+ },
2270
+ children: o
2271
+ })]
2272
+ });
2273
+ }
2274
+ //#endregion
2275
+ //#region src/components/ui/PresenceDot.jsx
2276
+ var _n = {
2277
+ available: "var(--accent-green, #22c55e)",
2278
+ busy: "var(--accent-yellow, #f59e0b)",
2279
+ in_call: "var(--accent-yellow, #f59e0b)",
2280
+ dnd: "var(--accent-red, #ef4444)",
2281
+ offline: "var(--text-tertiary, #71717a)"
2282
+ }, vn = {
2283
+ xs: 6,
2284
+ sm: 8,
2285
+ md: 10
2286
+ };
2287
+ function yn({ status: e = "offline", size: t = "sm", className: n = "" }) {
2288
+ let r = vn[t] ?? 8, i = _n[e] ?? _n.offline;
2289
+ return /* @__PURE__ */ H("span", {
2290
+ className: `presence-dot ${e === "in_call" ? "presence-dot-pulse" : ""} ${n}`,
2291
+ style: {
2292
+ display: "inline-block",
2293
+ width: r,
2294
+ height: r,
2295
+ borderRadius: "50%",
2296
+ background: i,
2297
+ border: "1px solid var(--bg-primary, #0a0a0a)",
2298
+ boxSizing: "content-box"
2299
+ },
2300
+ "aria-label": `Status: ${e}`
2301
+ });
2302
+ }
2303
+ //#endregion
2304
+ //#region src/components/ui/PresenceAvatar.jsx
2305
+ var bn = {
2306
+ sm: "sm",
2307
+ md: "md",
2308
+ lg: "lg"
2309
+ };
2310
+ function xn({ name: e, initials: t, avatarUrl: n, status: r = "offline", activity: i = null, size: a = "md", showActivity: o = !0, className: s = "" }) {
2311
+ let c = bn[a] || "md", l = a === "sm" ? "xs" : a === "md" ? "sm" : "md";
2312
+ return /* @__PURE__ */ U("div", {
2313
+ className: `presence-avatar ${s}`,
2314
+ style: {
2315
+ display: "inline-flex",
2316
+ alignItems: "center",
2317
+ gap: 8
2318
+ },
2319
+ children: [/* @__PURE__ */ U("span", {
2320
+ style: {
2321
+ position: "relative",
2322
+ display: "inline-flex"
2323
+ },
2324
+ children: [/* @__PURE__ */ H(K, {
2325
+ name: e,
2326
+ initials: t,
2327
+ imageUrl: n,
2328
+ size: c
2329
+ }), /* @__PURE__ */ H("span", {
2330
+ style: {
2331
+ position: "absolute",
2332
+ left: -1,
2333
+ top: -1
2334
+ },
2335
+ children: /* @__PURE__ */ H(yn, {
2336
+ status: r,
2337
+ size: l
2338
+ })
2339
+ })]
2340
+ }), o && i && /* @__PURE__ */ H("span", {
2341
+ style: {
2342
+ fontSize: "var(--text-xs)",
2343
+ color: "var(--text-secondary)",
2344
+ lineHeight: 1.2
2345
+ },
2346
+ children: i
2347
+ })]
2348
+ });
2349
+ }
2350
+ //#endregion
2351
+ //#region src/components/ui/Callbar.jsx
2352
+ var Sn = {
2353
+ connecting: "Connecting…",
2354
+ ringing: "Ringing…",
2355
+ connected: "Connected",
2356
+ on_hold: "On hold",
2357
+ ending: "Ending…"
2358
+ }, Cn = {
2359
+ connecting: "info",
2360
+ ringing: "info",
2361
+ connected: "success",
2362
+ on_hold: "warning",
2363
+ ending: "error"
2364
+ };
2365
+ function wn(e) {
2366
+ return e === "connected" ? "var(--accent-green)" : e === "on_hold" ? "var(--accent-yellow)" : e === "ending" ? "var(--accent-red)" : "var(--accent-blue)";
2367
+ }
2368
+ function Tn(e) {
2369
+ return e === "connecting" || e === "ringing";
2370
+ }
2371
+ function En({ state: e = "connected", caller: t = {}, ticket: n = null, durationSec: r = 0, isMuted: i, isOnHold: a, observers: o = [], recordingConsentPending: s = !1, onMute: c, onHold: u, onTransfer: f, onInvite: p, onKeypad: m, onEnd: h, onMinimize: g, minimized: _ = !1, className: v = "" }) {
2372
+ let [b, S] = d(!1), C = _ || b, w = Sn[e] || e, T = Tn(e), E = wn(e), D = l(() => `${Math.floor(r / 60)}:${Math.floor(r % 60).toString().padStart(2, "0")}`, [r]), O = o.slice(0, 3), k = Math.max(0, o.length - 3), A = () => {
2373
+ S((e) => !e), g?.();
2374
+ };
2375
+ return C ? /* @__PURE__ */ U("div", {
2376
+ className: `callbar callbar-minimized ${v}`,
2377
+ style: {
2378
+ display: "flex",
2379
+ alignItems: "center",
2380
+ justifyContent: "space-between",
2381
+ minHeight: 24,
2382
+ padding: "2px 12px",
2383
+ background: "var(--bg-card)",
2384
+ borderBottom: "1px solid var(--border-primary)"
2385
+ },
2386
+ children: [/* @__PURE__ */ U("span", {
2387
+ style: {
2388
+ display: "inline-flex",
2389
+ alignItems: "center",
2390
+ gap: 8
2391
+ },
2392
+ children: [
2393
+ /* @__PURE__ */ H("span", {
2394
+ className: T ? "callbar-dot-pulse" : "",
2395
+ style: {
2396
+ width: 8,
2397
+ height: 8,
2398
+ borderRadius: "50%",
2399
+ background: E
2400
+ }
2401
+ }),
2402
+ /* @__PURE__ */ H("span", {
2403
+ style: {
2404
+ fontSize: "var(--text-xs)",
2405
+ color: "var(--text-secondary)"
2406
+ },
2407
+ children: w
2408
+ }),
2409
+ e === "connected" && /* @__PURE__ */ H("span", {
2410
+ style: {
2411
+ fontSize: "var(--text-xs)",
2412
+ fontVariantNumeric: "tabular-nums"
2413
+ },
2414
+ children: D
2415
+ })
2416
+ ]
2417
+ }), /* @__PURE__ */ U("span", {
2418
+ style: {
2419
+ display: "inline-flex",
2420
+ alignItems: "center",
2421
+ gap: 6
2422
+ },
2423
+ children: [
2424
+ /* @__PURE__ */ H(nn, {
2425
+ isMuted: i,
2426
+ isOnHold: a,
2427
+ onMute: c,
2428
+ onHold: u,
2429
+ onTransfer: f,
2430
+ onInvite: p,
2431
+ onKeypad: m,
2432
+ onEnd: h,
2433
+ compact: !0,
2434
+ hideEnd: !0
2435
+ }),
2436
+ /* @__PURE__ */ U(J, {
2437
+ variant: "destructive",
2438
+ size: "sm",
2439
+ onClick: h,
2440
+ "aria-label": "End call",
2441
+ children: [/* @__PURE__ */ H(z, {
2442
+ size: 13,
2443
+ style: { marginRight: 4 }
2444
+ }), "End"]
2445
+ }),
2446
+ /* @__PURE__ */ H("button", {
2447
+ type: "button",
2448
+ className: "btn btn-ghost btn-icon btn-sm",
2449
+ onClick: A,
2450
+ "aria-label": "Expand callbar",
2451
+ children: /* @__PURE__ */ H(y, { size: 14 })
2452
+ })
2453
+ ]
2454
+ })]
2455
+ }) : /* @__PURE__ */ U("div", {
2456
+ className: `callbar ${v}`,
2457
+ style: {
2458
+ borderBottom: "1px solid var(--border-primary)",
2459
+ background: "var(--bg-card)"
2460
+ },
2461
+ children: [/* @__PURE__ */ U("div", {
2462
+ style: {
2463
+ display: "flex",
2464
+ alignItems: "center",
2465
+ justifyContent: "space-between",
2466
+ gap: 12,
2467
+ minHeight: 40,
2468
+ padding: "4px 12px"
2469
+ },
2470
+ children: [
2471
+ /* @__PURE__ */ U("div", {
2472
+ style: {
2473
+ display: "flex",
2474
+ alignItems: "center",
2475
+ gap: 10,
2476
+ minWidth: 0
2477
+ },
2478
+ children: [/* @__PURE__ */ H("span", {
2479
+ className: T ? "callbar-dot-pulse" : "",
2480
+ style: {
2481
+ width: 10,
2482
+ height: 10,
2483
+ borderRadius: "50%",
2484
+ background: E,
2485
+ flexShrink: 0
2486
+ }
2487
+ }), /* @__PURE__ */ U("div", {
2488
+ style: {
2489
+ display: "flex",
2490
+ alignItems: "center",
2491
+ gap: 8
2492
+ },
2493
+ children: [/* @__PURE__ */ H(q, {
2494
+ variant: Cn[e] || "secondary",
2495
+ children: w
2496
+ }), (e === "connected" || e === "on_hold") && /* @__PURE__ */ H("span", {
2497
+ style: {
2498
+ fontSize: "var(--text-sm)",
2499
+ fontVariantNumeric: "tabular-nums",
2500
+ fontWeight: 600
2501
+ },
2502
+ children: D
2503
+ })]
2504
+ })]
2505
+ }),
2506
+ /* @__PURE__ */ U("div", {
2507
+ style: {
2508
+ display: "flex",
2509
+ alignItems: "center",
2510
+ gap: 12,
2511
+ minWidth: 0,
2512
+ flex: 1,
2513
+ justifyContent: "center"
2514
+ },
2515
+ children: [/* @__PURE__ */ U("div", {
2516
+ style: {
2517
+ display: "flex",
2518
+ flexDirection: "column",
2519
+ minWidth: 0
2520
+ },
2521
+ children: [/* @__PURE__ */ H("span", {
2522
+ style: {
2523
+ fontWeight: 600,
2524
+ fontSize: "var(--text-sm)",
2525
+ whiteSpace: "nowrap",
2526
+ overflow: "hidden",
2527
+ textOverflow: "ellipsis"
2528
+ },
2529
+ children: t.name || "Unknown"
2530
+ }), /* @__PURE__ */ H("span", {
2531
+ style: {
2532
+ fontSize: "var(--text-xs)",
2533
+ color: "var(--text-tertiary)"
2534
+ },
2535
+ children: t.number
2536
+ })]
2537
+ }), n ? /* @__PURE__ */ H(Z, {
2538
+ ticket: n,
2539
+ variant: "compact"
2540
+ }) : /* @__PURE__ */ H("button", {
2541
+ type: "button",
2542
+ className: "btn btn-ghost btn-sm",
2543
+ style: { fontSize: "var(--text-xs)" },
2544
+ children: "Link to ticket"
2545
+ })]
2546
+ }),
2547
+ /* @__PURE__ */ U("div", {
2548
+ style: {
2549
+ display: "flex",
2550
+ alignItems: "center",
2551
+ gap: 8,
2552
+ flexShrink: 0
2553
+ },
2554
+ children: [
2555
+ O.map((e) => /* @__PURE__ */ H(xn, {
2556
+ name: e.name,
2557
+ initials: e.initials,
2558
+ avatarUrl: e.avatarUrl,
2559
+ status: "in_call",
2560
+ showActivity: !1,
2561
+ size: "sm"
2562
+ }, e.userId)),
2563
+ k > 0 && /* @__PURE__ */ U("span", {
2564
+ style: {
2565
+ fontSize: "var(--text-xs)",
2566
+ padding: "2px 6px",
2567
+ borderRadius: 6,
2568
+ background: "var(--bg-tertiary)"
2569
+ },
2570
+ children: ["+", k]
2571
+ }),
2572
+ /* @__PURE__ */ H(nn, {
2573
+ isMuted: i,
2574
+ isOnHold: a,
2575
+ onMute: c,
2576
+ onHold: u,
2577
+ onTransfer: f,
2578
+ onInvite: p,
2579
+ onKeypad: m,
2580
+ onEnd: h,
2581
+ compact: !0,
2582
+ hideEnd: !0
2583
+ }),
2584
+ /* @__PURE__ */ U(J, {
2585
+ variant: "destructive",
2586
+ size: "sm",
2587
+ onClick: h,
2588
+ "aria-label": "End call",
2589
+ children: [/* @__PURE__ */ H(z, {
2590
+ size: 14,
2591
+ style: { marginRight: 6 }
2592
+ }), "End call"]
2593
+ }),
2594
+ /* @__PURE__ */ H("button", {
2595
+ type: "button",
2596
+ className: "btn btn-ghost btn-icon btn-sm",
2597
+ onClick: A,
2598
+ "aria-label": "Minimize callbar",
2599
+ children: /* @__PURE__ */ H(x, { size: 14 })
2600
+ })
2601
+ ]
2602
+ })
2603
+ ]
2604
+ }), s && /* @__PURE__ */ H("div", {
2605
+ style: {
2606
+ padding: "6px 12px",
2607
+ fontSize: "var(--text-xs)",
2608
+ background: "var(--accent-yellow-bg)",
2609
+ color: "var(--accent-yellow)",
2610
+ borderTop: "1px solid var(--accent-yellow-bg)"
2611
+ },
2612
+ children: "⚠ Consent pending — confirm with caller before disclosing sensitive data"
2613
+ })]
2614
+ });
2615
+ }
2616
+ //#endregion
2617
+ //#region src/components/ui/CallCard.jsx
2618
+ var Dn = {
2619
+ client: {
2620
+ accent: "var(--accent-green)",
2621
+ variant: "success"
2622
+ },
2623
+ building_department: {
2624
+ accent: "var(--accent-blue)",
2625
+ variant: "info"
2626
+ },
2627
+ staff: {
2628
+ accent: "var(--accent-purple)",
2629
+ variant: "purple"
2630
+ },
2631
+ unknown: {
2632
+ accent: "var(--accent-yellow)",
2633
+ variant: "warning"
2634
+ }
2635
+ };
2636
+ function On(e) {
2637
+ return e ? Math.max(0, Math.floor((Date.now() - new Date(e).getTime()) / 1e3)) : 0;
2638
+ }
2639
+ function kn({ variant: e = "primary", callerName: t, callerNumber: n, callerType: r = "unknown", avatarUrl: i, ticket: a = null, ticketCandidates: s = [], projectRef: c = null, transferContext: l = null, ringStartedAt: u, onAccept: f, onDecline: p, onSendToVoicemail: m, onPromote: h, className: g = "" }) {
2640
+ let [_, v] = d(() => On(u)), [y, b] = d(s[0]?.id || "none");
2641
+ o(() => {
2642
+ if (!u) return;
2643
+ let e = setInterval(() => v(On(u)), 1e3);
2644
+ return () => clearInterval(e);
2645
+ }, [u]);
2646
+ let x = Dn[r] || Dn.unknown;
2647
+ return e === "mini" ? /* @__PURE__ */ U("div", {
2648
+ role: "button",
2649
+ tabIndex: 0,
2650
+ className: `call-card call-card-mini ${g}`,
2651
+ onClick: (e) => {
2652
+ e.target.closest("button") || h?.();
2653
+ },
2654
+ onKeyDown: (e) => {
2655
+ (e.key === "Enter" || e.key === " ") && (e.preventDefault(), h?.());
2656
+ },
2657
+ style: {
2658
+ width: 380,
2659
+ minHeight: 64,
2660
+ display: "flex",
2661
+ alignItems: "center",
2662
+ gap: 10,
2663
+ padding: "8px 12px",
2664
+ borderRadius: 10,
2665
+ border: "1px solid var(--border-primary)",
2666
+ borderLeft: `4px solid ${x.accent}`,
2667
+ background: "var(--bg-card)",
2668
+ boxShadow: "0 4px 24px rgba(0,0,0,0.25)",
2669
+ cursor: "pointer"
2670
+ },
2671
+ children: [
2672
+ /* @__PURE__ */ H(K, {
2673
+ name: t,
2674
+ imageUrl: i,
2675
+ size: "sm"
2676
+ }),
2677
+ /* @__PURE__ */ U("div", {
2678
+ style: {
2679
+ flex: 1,
2680
+ minWidth: 0
2681
+ },
2682
+ children: [/* @__PURE__ */ U("div", {
2683
+ style: {
2684
+ display: "flex",
2685
+ alignItems: "center",
2686
+ gap: 6
2687
+ },
2688
+ children: [/* @__PURE__ */ H("span", {
2689
+ style: {
2690
+ fontWeight: 600,
2691
+ fontSize: "var(--text-sm)",
2692
+ overflow: "hidden",
2693
+ textOverflow: "ellipsis",
2694
+ whiteSpace: "nowrap"
2695
+ },
2696
+ children: t
2697
+ }), /* @__PURE__ */ H(q, {
2698
+ variant: x.variant,
2699
+ showDot: !1,
2700
+ className: "badge--no-dot",
2701
+ children: dn(r)
2702
+ })]
2703
+ }), /* @__PURE__ */ U("div", {
2704
+ style: {
2705
+ fontSize: "var(--text-xs)",
2706
+ color: "var(--text-tertiary)"
2707
+ },
2708
+ children: ["Ringing · ", rn(_)]
2709
+ })]
2710
+ }),
2711
+ /* @__PURE__ */ H("button", {
2712
+ type: "button",
2713
+ className: "btn btn-ghost btn-icon btn-sm",
2714
+ onClick: () => f?.(),
2715
+ "aria-label": "Accept",
2716
+ children: /* @__PURE__ */ H(R, {
2717
+ size: 16,
2718
+ style: { color: "var(--accent-green)" }
2719
+ })
2720
+ }),
2721
+ /* @__PURE__ */ H("button", {
2722
+ type: "button",
2723
+ className: "btn btn-ghost btn-icon btn-sm",
2724
+ onClick: p,
2725
+ "aria-label": "Decline",
2726
+ children: /* @__PURE__ */ H(z, { size: 16 })
2727
+ })
2728
+ ]
2729
+ }) : /* @__PURE__ */ U("div", {
2730
+ className: `call-card call-card-primary ${g}`,
2731
+ style: {
2732
+ width: 380,
2733
+ minHeight: 280,
2734
+ borderRadius: 12,
2735
+ border: "1px solid var(--border-primary)",
2736
+ borderLeft: `4px solid ${x.accent}`,
2737
+ background: "var(--bg-card)",
2738
+ boxShadow: "0 8px 32px rgba(0,0,0,0.35)",
2739
+ display: "flex",
2740
+ flexDirection: "column",
2741
+ overflow: "hidden"
2742
+ },
2743
+ children: [
2744
+ l && /* @__PURE__ */ U("div", {
2745
+ style: {
2746
+ padding: "8px 12px",
2747
+ background: "var(--accent-purple-bg)",
2748
+ borderBottom: "1px solid var(--border-primary)",
2749
+ fontSize: "var(--text-xs)",
2750
+ color: "var(--text-secondary)"
2751
+ },
2752
+ children: [
2753
+ /* @__PURE__ */ H("strong", {
2754
+ style: { color: "var(--accent-purple)" },
2755
+ children: l.fromStaffName
2756
+ }),
2757
+ " is transferring —",
2758
+ " ",
2759
+ l.reason
2760
+ ]
2761
+ }),
2762
+ /* @__PURE__ */ U("div", {
2763
+ style: {
2764
+ padding: 14,
2765
+ flex: 1,
2766
+ display: "flex",
2767
+ flexDirection: "column",
2768
+ gap: 12
2769
+ },
2770
+ children: [/* @__PURE__ */ U("div", {
2771
+ style: {
2772
+ display: "flex",
2773
+ justifyContent: "space-between",
2774
+ alignItems: "flex-start",
2775
+ gap: 10
2776
+ },
2777
+ children: [/* @__PURE__ */ U("div", {
2778
+ style: {
2779
+ display: "flex",
2780
+ gap: 10,
2781
+ alignItems: "center",
2782
+ minWidth: 0
2783
+ },
2784
+ children: [/* @__PURE__ */ H(K, {
2785
+ name: t,
2786
+ imageUrl: i,
2787
+ size: "md"
2788
+ }), /* @__PURE__ */ U("div", {
2789
+ style: { minWidth: 0 },
2790
+ children: [/* @__PURE__ */ U("div", {
2791
+ style: {
2792
+ display: "flex",
2793
+ alignItems: "center",
2794
+ gap: 6
2795
+ },
2796
+ children: [/* @__PURE__ */ H("span", {
2797
+ style: {
2798
+ fontWeight: 600,
2799
+ fontSize: "var(--text-base)",
2800
+ overflow: "hidden",
2801
+ textOverflow: "ellipsis",
2802
+ whiteSpace: "nowrap"
2803
+ },
2804
+ children: t
2805
+ }), /* @__PURE__ */ H(q, {
2806
+ variant: x.variant,
2807
+ showDot: !1,
2808
+ className: "badge--no-dot",
2809
+ children: dn(r)
2810
+ })]
2811
+ }), /* @__PURE__ */ H("div", {
2812
+ style: {
2813
+ fontSize: "var(--text-xs)",
2814
+ color: "var(--text-tertiary)"
2815
+ },
2816
+ children: n
2817
+ })]
2818
+ })]
2819
+ }), /* @__PURE__ */ U("div", {
2820
+ style: {
2821
+ fontSize: "var(--text-xs)",
2822
+ color: x.accent,
2823
+ fontVariantNumeric: "tabular-nums",
2824
+ fontWeight: 600,
2825
+ whiteSpace: "nowrap"
2826
+ },
2827
+ children: [/* @__PURE__ */ H("span", {
2828
+ style: { marginRight: 4 },
2829
+ children: "•"
2830
+ }), rn(_)]
2831
+ })]
2832
+ }), /* @__PURE__ */ H("div", {
2833
+ style: {
2834
+ flex: 1,
2835
+ minHeight: 0
2836
+ },
2837
+ children: a ? /* @__PURE__ */ U("div", {
2838
+ style: {
2839
+ display: "flex",
2840
+ flexDirection: "column",
2841
+ gap: 6
2842
+ },
2843
+ children: [/* @__PURE__ */ H(Z, {
2844
+ ticket: a,
2845
+ variant: "detailed"
2846
+ }), c && /* @__PURE__ */ H("div", {
2847
+ style: {
2848
+ fontSize: "var(--text-xs)",
2849
+ color: "var(--text-secondary)"
2850
+ },
2851
+ children: c
2852
+ })]
2853
+ }) : s.length > 0 ? /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("div", {
2854
+ style: {
2855
+ fontSize: "var(--text-xs)",
2856
+ marginBottom: 8,
2857
+ color: "var(--text-secondary)",
2858
+ fontWeight: 600
2859
+ },
2860
+ children: "Possible tickets"
2861
+ }), /* @__PURE__ */ U("div", {
2862
+ style: {
2863
+ display: "flex",
2864
+ flexDirection: "column",
2865
+ gap: 6
2866
+ },
2867
+ children: [
2868
+ s.slice(0, 3).map((e) => /* @__PURE__ */ U("label", {
2869
+ style: {
2870
+ display: "flex",
2871
+ alignItems: "center",
2872
+ gap: 8,
2873
+ fontSize: "var(--text-xs)",
2874
+ cursor: "pointer"
2875
+ },
2876
+ children: [/* @__PURE__ */ H("input", {
2877
+ type: "radio",
2878
+ name: "ticket-cand",
2879
+ checked: y === e.id,
2880
+ onChange: () => b(e.id)
2881
+ }), /* @__PURE__ */ H(Z, {
2882
+ ticket: e,
2883
+ variant: "compact"
2884
+ })]
2885
+ }, e.id)),
2886
+ s.length > 3 && /* @__PURE__ */ H("span", {
2887
+ style: {
2888
+ fontSize: "var(--text-xs)",
2889
+ color: "var(--text-tertiary)"
2890
+ },
2891
+ children: "+ more"
2892
+ }),
2893
+ /* @__PURE__ */ U("label", {
2894
+ style: {
2895
+ display: "flex",
2896
+ alignItems: "center",
2897
+ gap: 8,
2898
+ fontSize: "var(--text-xs)",
2899
+ cursor: "pointer"
2900
+ },
2901
+ children: [/* @__PURE__ */ H("input", {
2902
+ type: "radio",
2903
+ name: "ticket-cand",
2904
+ checked: y === "none",
2905
+ onChange: () => b("none")
2906
+ }), "None of these"]
2907
+ })
2908
+ ]
2909
+ })] }) : /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H(q, {
2910
+ variant: "warning",
2911
+ showDot: !1,
2912
+ className: "badge--no-dot",
2913
+ children: "No ticket linked"
2914
+ }), c && /* @__PURE__ */ H("div", {
2915
+ style: {
2916
+ fontSize: "var(--text-xs)",
2917
+ color: "var(--text-tertiary)",
2918
+ marginTop: 6
2919
+ },
2920
+ children: c
2921
+ })] })
2922
+ })]
2923
+ }),
2924
+ /* @__PURE__ */ U("div", {
2925
+ style: {
2926
+ display: "grid",
2927
+ gridTemplateColumns: "auto 1fr 1.4fr",
2928
+ gap: 8,
2929
+ padding: 12,
2930
+ borderTop: "1px solid var(--border-primary)",
2931
+ background: "var(--bg-card-content)",
2932
+ alignItems: "stretch"
2933
+ },
2934
+ children: [
2935
+ /* @__PURE__ */ H(J, {
2936
+ type: "button",
2937
+ variant: "ghost",
2938
+ size: "sm",
2939
+ onClick: m,
2940
+ "aria-label": "Send to voicemail",
2941
+ children: /* @__PURE__ */ H(le, { size: 14 })
2942
+ }),
2943
+ /* @__PURE__ */ H(J, {
2944
+ type: "button",
2945
+ variant: "outline",
2946
+ size: "sm",
2947
+ onClick: p,
2948
+ children: "Decline"
2949
+ }),
2950
+ /* @__PURE__ */ U(J, {
2951
+ type: "button",
2952
+ variant: "success",
2953
+ size: "sm",
2954
+ onClick: () => {
2955
+ !a && s.length > 0 ? y === "none" ? f?.("none") : y === "new" ? f?.("new") : f?.(y) : f?.();
2956
+ },
2957
+ style: { fontWeight: 600 },
2958
+ children: [/* @__PURE__ */ H(R, {
2959
+ size: 14,
2960
+ style: { marginRight: 6 }
2961
+ }), "Accept"]
2962
+ })
2963
+ ]
2964
+ })
2965
+ ]
2966
+ });
2967
+ }
2968
+ //#endregion
2969
+ //#region src/components/ui/QueueItem.jsx
2970
+ var An = {
2971
+ ringing: {
2972
+ icon: ne,
2973
+ color: "var(--accent-red)",
2974
+ label: "Ringing"
2975
+ },
2976
+ voicemail: {
2977
+ icon: le,
2978
+ color: "var(--accent-yellow)",
2979
+ label: "Voicemail"
2980
+ },
2981
+ callback: {
2982
+ icon: te,
2983
+ color: "var(--accent-blue)",
2984
+ label: "Callback"
2985
+ },
2986
+ missed: {
2987
+ icon: re,
2988
+ color: "var(--text-tertiary)",
2989
+ label: "Missed"
2990
+ }
2991
+ }, jn = {
2992
+ client: "success",
2993
+ building_department: "info",
2994
+ staff: "purple",
2995
+ unknown: "warning"
2996
+ };
2997
+ function Mn({ kind: e, caller: t = {}, ticket: n = null, ago: r = null, slaDeadlineAt: i = null, voicemailDurationSec: a, assignedTo: o = null, actions: s = [], onAction: c, onClick: l, className: u = "" }) {
2998
+ let d = An[e] || An.ringing, f = d.icon, p = s.slice(0, 2), m = s.slice(2), h = i ? sn(i) : "none", g = h === "urgent" ? "var(--accent-red)" : h === "warning" ? "var(--accent-yellow)" : "var(--text-secondary)";
2999
+ return /* @__PURE__ */ U("div", {
3000
+ role: "button",
3001
+ tabIndex: 0,
3002
+ className: `queue-item ${u}`,
3003
+ onClick: () => l?.(),
3004
+ onKeyDown: (e) => {
3005
+ (e.key === "Enter" || e.key === " ") && (e.preventDefault(), l?.());
3006
+ },
3007
+ style: {
3008
+ display: "grid",
3009
+ gridTemplateColumns: "40px 1fr auto auto",
3010
+ gap: 10,
3011
+ alignItems: "center",
3012
+ minHeight: 72,
3013
+ padding: "10px 12px",
3014
+ borderRadius: 8,
3015
+ border: "1px solid var(--border-primary)",
3016
+ background: "var(--bg-card)",
3017
+ cursor: l ? "pointer" : "default"
3018
+ },
3019
+ children: [
3020
+ /* @__PURE__ */ H("div", {
3021
+ style: {
3022
+ color: d.color,
3023
+ display: "flex",
3024
+ justifyContent: "center"
3025
+ },
3026
+ children: /* @__PURE__ */ H(f, {
3027
+ size: 22,
3028
+ strokeWidth: e === "ringing" ? 2.5 : 2
3029
+ })
3030
+ }),
3031
+ /* @__PURE__ */ U("div", {
3032
+ style: { minWidth: 0 },
3033
+ children: [/* @__PURE__ */ U("div", {
3034
+ style: {
3035
+ display: "flex",
3036
+ alignItems: "center",
3037
+ gap: 8,
3038
+ flexWrap: "wrap"
3039
+ },
3040
+ children: [
3041
+ /* @__PURE__ */ H("span", {
3042
+ style: {
3043
+ fontWeight: 600,
3044
+ fontSize: "var(--text-sm)"
3045
+ },
3046
+ children: t.name
3047
+ }),
3048
+ /* @__PURE__ */ H(q, {
3049
+ variant: jn[t.type] || "warning",
3050
+ showDot: !1,
3051
+ className: "badge--no-dot",
3052
+ children: dn(t.type)
3053
+ }),
3054
+ n && /* @__PURE__ */ H(Z, {
3055
+ ticket: n,
3056
+ variant: "compact"
3057
+ })
3058
+ ]
3059
+ }), /* @__PURE__ */ U("div", {
3060
+ style: {
3061
+ fontSize: "var(--text-xs)",
3062
+ color: "var(--text-tertiary)",
3063
+ marginTop: 4,
3064
+ display: "flex",
3065
+ alignItems: "center",
3066
+ gap: 6
3067
+ },
3068
+ children: [
3069
+ /* @__PURE__ */ H("span", {
3070
+ style: {
3071
+ textTransform: "uppercase",
3072
+ letterSpacing: .4,
3073
+ color: d.color,
3074
+ fontWeight: 600,
3075
+ fontSize: 10
3076
+ },
3077
+ children: d.label
3078
+ }),
3079
+ /* @__PURE__ */ H("span", { children: "·" }),
3080
+ e === "voicemail" && a != null && /* @__PURE__ */ U(ue, { children: [/* @__PURE__ */ H("span", { children: rn(a) }), /* @__PURE__ */ H("span", { children: "·" })] }),
3081
+ r && /* @__PURE__ */ H("span", { children: on(r) }),
3082
+ i && /* @__PURE__ */ U("span", {
3083
+ style: {
3084
+ color: g,
3085
+ marginLeft: 4,
3086
+ fontVariantNumeric: "tabular-nums",
3087
+ fontWeight: 600
3088
+ },
3089
+ children: ["SLA ", an(i)]
3090
+ })
3091
+ ]
3092
+ })]
3093
+ }),
3094
+ o && /* @__PURE__ */ H(xn, {
3095
+ name: o.name,
3096
+ initials: o.initials,
3097
+ avatarUrl: null,
3098
+ status: "busy",
3099
+ size: "sm",
3100
+ showActivity: !1
3101
+ }),
3102
+ !o && /* @__PURE__ */ H("span", {}),
3103
+ /* @__PURE__ */ U("div", {
3104
+ style: {
3105
+ display: "flex",
3106
+ alignItems: "center",
3107
+ gap: 4
3108
+ },
3109
+ onClick: (e) => e.stopPropagation(),
3110
+ children: [p.map((e) => /* @__PURE__ */ H("button", {
3111
+ type: "button",
3112
+ className: "btn btn-ghost btn-icon btn-sm",
3113
+ title: e.label,
3114
+ onClick: () => c?.(e.key),
3115
+ children: e.icon
3116
+ }, e.key)), m.length > 0 && /* @__PURE__ */ H(jt, {
3117
+ align: "right",
3118
+ trigger: /* @__PURE__ */ H("button", {
3119
+ type: "button",
3120
+ className: "btn btn-ghost btn-icon btn-sm",
3121
+ "aria-label": "More actions",
3122
+ children: /* @__PURE__ */ H(L, { size: 16 })
3123
+ }),
3124
+ children: m.map((e) => /* @__PURE__ */ H(Mt, {
3125
+ onClick: () => c?.(e.key),
3126
+ children: e.label
3127
+ }, e.key))
3128
+ })]
3129
+ })
3130
+ ]
3131
+ });
3132
+ }
3133
+ //#endregion
1995
3134
  //#region src/components/data/ActivityFeed.jsx
1996
- function Bt({ items: e = [], className: t = "" }) {
1997
- return /* @__PURE__ */ z("div", {
3135
+ function Nn({ items: e = [], className: t = "" }) {
3136
+ return /* @__PURE__ */ H("div", {
1998
3137
  className: `activity-feed ${t}`,
1999
- children: e.map((e, t) => /* @__PURE__ */ B("div", {
3138
+ children: e.map((e, t) => /* @__PURE__ */ U("div", {
2000
3139
  className: "activity-item",
2001
- children: [/* @__PURE__ */ z("div", {
3140
+ children: [/* @__PURE__ */ H("div", {
2002
3141
  className: "activity-avatar",
2003
- children: /* @__PURE__ */ z(J, {
3142
+ children: /* @__PURE__ */ H(K, {
2004
3143
  name: e.user,
2005
3144
  size: "sm"
2006
3145
  })
2007
- }), /* @__PURE__ */ B("div", {
3146
+ }), /* @__PURE__ */ U("div", {
2008
3147
  className: "activity-content",
2009
3148
  children: [
2010
- /* @__PURE__ */ B("div", {
3149
+ /* @__PURE__ */ U("div", {
2011
3150
  className: "activity-header",
2012
- children: [/* @__PURE__ */ z("span", {
3151
+ children: [/* @__PURE__ */ H("span", {
2013
3152
  className: "activity-name",
2014
3153
  children: e.user
2015
- }), /* @__PURE__ */ z("span", {
3154
+ }), /* @__PURE__ */ H("span", {
2016
3155
  className: "activity-time",
2017
3156
  children: e.time
2018
3157
  })]
2019
3158
  }),
2020
- /* @__PURE__ */ z("div", {
3159
+ /* @__PURE__ */ H("div", {
2021
3160
  className: "activity-text",
2022
3161
  children: e.text
2023
3162
  }),
2024
- e.meta && /* @__PURE__ */ z("div", {
3163
+ e.meta && /* @__PURE__ */ H("div", {
2025
3164
  className: "activity-meta",
2026
3165
  children: e.meta
2027
3166
  })
@@ -2032,12 +3171,12 @@ function Bt({ items: e = [], className: t = "" }) {
2032
3171
  }
2033
3172
  //#endregion
2034
3173
  //#region src/components/data/CommandBar.jsx
2035
- function Vt({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i = "Type a command or search..." }) {
2036
- let [a, s] = u(""), [c, d] = u(0), f = l(null);
3174
+ function Pn({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i = "Type a command or search..." }) {
3175
+ let [a, s] = d(""), [c, l] = d(0), f = u(null);
2037
3176
  if (o(() => {
2038
3177
  if (e) {
2039
3178
  let e = setTimeout(() => {
2040
- s(""), d(0), f.current?.focus();
3179
+ s(""), l(0), f.current?.focus();
2041
3180
  }, 50);
2042
3181
  return () => clearTimeout(e);
2043
3182
  }
@@ -2055,53 +3194,53 @@ function Vt({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i =
2055
3194
  showGroup: t === 0 || e.group !== p[t - 1].group
2056
3195
  }));
2057
3196
  function h(e) {
2058
- e.key === "ArrowDown" ? (e.preventDefault(), d((e) => Math.min(e + 1, p.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), d((e) => Math.max(e - 1, 0))) : e.key === "Enter" && p[c] ? (r?.(p[c]), t?.()) : e.key === "Escape" && t?.();
3197
+ e.key === "ArrowDown" ? (e.preventDefault(), l((e) => Math.min(e + 1, p.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), l((e) => Math.max(e - 1, 0))) : e.key === "Enter" && p[c] ? (r?.(p[c]), t?.()) : e.key === "Escape" && t?.();
2059
3198
  }
2060
- return /* @__PURE__ */ z("div", {
3199
+ return /* @__PURE__ */ H("div", {
2061
3200
  className: "dialog-overlay",
2062
3201
  onClick: (e) => {
2063
3202
  e.target === e.currentTarget && t?.();
2064
3203
  },
2065
- children: /* @__PURE__ */ B("div", {
3204
+ children: /* @__PURE__ */ U("div", {
2066
3205
  className: "command-palette",
2067
- children: [/* @__PURE__ */ B("div", {
3206
+ children: [/* @__PURE__ */ U("div", {
2068
3207
  className: "command-input-wrapper",
2069
- children: [/* @__PURE__ */ z("span", {
3208
+ children: [/* @__PURE__ */ H("span", {
2070
3209
  className: "command-input-icon",
2071
- children: /* @__PURE__ */ z(N, { size: 16 })
2072
- }), /* @__PURE__ */ z("input", {
3210
+ children: /* @__PURE__ */ H(B, { size: 16 })
3211
+ }), /* @__PURE__ */ H("input", {
2073
3212
  ref: f,
2074
3213
  className: "command-input",
2075
3214
  value: a,
2076
3215
  onChange: (e) => {
2077
- s(e.target.value), d(0);
3216
+ s(e.target.value), l(0);
2078
3217
  },
2079
3218
  onKeyDown: h,
2080
3219
  placeholder: i
2081
3220
  })]
2082
- }), /* @__PURE__ */ B("div", {
3221
+ }), /* @__PURE__ */ U("div", {
2083
3222
  className: "command-results",
2084
- children: [m.map((e, n) => /* @__PURE__ */ B("div", { children: [e.showGroup && /* @__PURE__ */ z("div", {
3223
+ children: [m.map((e, n) => /* @__PURE__ */ U("div", { children: [e.showGroup && /* @__PURE__ */ H("div", {
2085
3224
  className: "command-group-label",
2086
3225
  children: e.group
2087
- }), /* @__PURE__ */ B("div", {
3226
+ }), /* @__PURE__ */ U("div", {
2088
3227
  className: `dropdown-item ${n === c ? "active" : ""}`,
2089
3228
  onClick: () => {
2090
3229
  r?.(e), t?.();
2091
3230
  },
2092
- onMouseEnter: () => d(n),
3231
+ onMouseEnter: () => l(n),
2093
3232
  children: [
2094
- e.icon && /* @__PURE__ */ z("span", {
3233
+ e.icon && /* @__PURE__ */ H("span", {
2095
3234
  className: "dropdown-item-icon",
2096
3235
  children: e.icon
2097
3236
  }),
2098
3237
  e.label,
2099
- e.shortcut && /* @__PURE__ */ z("span", {
3238
+ e.shortcut && /* @__PURE__ */ H("span", {
2100
3239
  className: "dropdown-shortcut",
2101
3240
  children: e.shortcut
2102
3241
  })
2103
3242
  ]
2104
- })] }, e.id || n)), p.length === 0 && /* @__PURE__ */ z("div", {
3243
+ })] }, e.id || n)), p.length === 0 && /* @__PURE__ */ H("div", {
2105
3244
  style: {
2106
3245
  padding: "var(--space-4)",
2107
3246
  textAlign: "center",
@@ -2116,8 +3255,8 @@ function Vt({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i =
2116
3255
  }
2117
3256
  //#endregion
2118
3257
  //#region src/components/data/DataTable.jsx
2119
- function Ht({ columns: e, data: t, onRowClick: n, className: r = "" }) {
2120
- let [i, a] = u(null), [o, s] = u("asc");
3258
+ function Fn({ columns: e, data: t, onRowClick: n, className: r = "" }) {
3259
+ let [i, a] = d(null), [o, s] = d("asc");
2121
3260
  function c(e) {
2122
3261
  i === e ? s((e) => e === "asc" ? "desc" : "asc") : (a(e), s("asc"));
2123
3262
  }
@@ -2125,26 +3264,26 @@ function Ht({ columns: e, data: t, onRowClick: n, className: r = "" }) {
2125
3264
  let n = e[i], r = t[i], a = typeof n == "number" ? n - r : String(n).localeCompare(String(r));
2126
3265
  return o === "asc" ? a : -a;
2127
3266
  }) : t;
2128
- return /* @__PURE__ */ z("div", {
3267
+ return /* @__PURE__ */ H("div", {
2129
3268
  className: `table-wrapper ${r}`,
2130
- children: /* @__PURE__ */ B("table", { children: [/* @__PURE__ */ z("thead", { children: /* @__PURE__ */ z("tr", { children: e.map((e) => /* @__PURE__ */ z("th", {
3269
+ children: /* @__PURE__ */ U("table", { children: [/* @__PURE__ */ H("thead", { children: /* @__PURE__ */ H("tr", { children: e.map((e) => /* @__PURE__ */ H("th", {
2131
3270
  onClick: () => e.sortable !== !1 && c(e.key),
2132
3271
  style: {
2133
3272
  cursor: e.sortable === !1 ? "default" : "pointer",
2134
3273
  width: e.width
2135
3274
  },
2136
- children: /* @__PURE__ */ B("span", {
3275
+ children: /* @__PURE__ */ U("span", {
2137
3276
  className: "th-content",
2138
- children: [e.label, e.sortable !== !1 && /* @__PURE__ */ z("span", {
3277
+ children: [e.label, e.sortable !== !1 && /* @__PURE__ */ H("span", {
2139
3278
  className: "th-sort-icon",
2140
- children: i === e.key ? z(o === "asc" ? b : v, { size: 12 }) : /* @__PURE__ */ z(x, { size: 12 })
3279
+ children: i === e.key ? H(o === "asc" ? x : y, { size: 12 }) : /* @__PURE__ */ H(S, { size: 12 })
2141
3280
  })]
2142
3281
  })
2143
- }, e.key)) }) }), /* @__PURE__ */ B("tbody", { children: [l.map((t, r) => /* @__PURE__ */ z("tr", {
3282
+ }, e.key)) }) }), /* @__PURE__ */ U("tbody", { children: [l.map((t, r) => /* @__PURE__ */ H("tr", {
2144
3283
  onClick: () => n?.(t),
2145
3284
  style: { cursor: n ? "pointer" : "default" },
2146
- children: e.map((e) => /* @__PURE__ */ z("td", { children: e.render ? e.render(t[e.key], t) : t[e.key] }, e.key))
2147
- }, t.id || r)), l.length === 0 && /* @__PURE__ */ z("tr", { children: /* @__PURE__ */ z("td", {
3285
+ children: e.map((e) => /* @__PURE__ */ H("td", { children: e.render ? e.render(t[e.key], t) : t[e.key] }, e.key))
3286
+ }, t.id || r)), l.length === 0 && /* @__PURE__ */ H("tr", { children: /* @__PURE__ */ H("td", {
2148
3287
  colSpan: e.length,
2149
3288
  style: {
2150
3289
  textAlign: "center",
@@ -2157,44 +3296,44 @@ function Ht({ columns: e, data: t, onRowClick: n, className: r = "" }) {
2157
3296
  }
2158
3297
  //#endregion
2159
3298
  //#region src/components/data/FilterBar.jsx
2160
- function Ut({ searchValue: e = "", onSearchChange: t, filters: n = [], onClearAll: r, children: i, className: a = "" }) {
3299
+ function In({ searchValue: e = "", onSearchChange: t, filters: n = [], onClearAll: r, children: i, className: a = "" }) {
2161
3300
  let o = n.some((e) => e.active);
2162
- return /* @__PURE__ */ B("div", {
3301
+ return /* @__PURE__ */ U("div", {
2163
3302
  className: `filter-bar ${a}`,
2164
3303
  children: [
2165
- /* @__PURE__ */ B("div", {
3304
+ /* @__PURE__ */ U("div", {
2166
3305
  className: "filter-bar-search",
2167
3306
  children: [
2168
- /* @__PURE__ */ z(N, { size: 14 }),
2169
- /* @__PURE__ */ z("input", {
3307
+ /* @__PURE__ */ H(B, { size: 14 }),
3308
+ /* @__PURE__ */ H("input", {
2170
3309
  className: "filter-bar-input",
2171
3310
  value: e,
2172
3311
  onChange: (e) => t?.(e.target.value),
2173
3312
  placeholder: "Search..."
2174
3313
  }),
2175
- e && /* @__PURE__ */ z("button", {
3314
+ e && /* @__PURE__ */ H("button", {
2176
3315
  className: "filter-bar-clear",
2177
3316
  onClick: () => t?.(""),
2178
- children: /* @__PURE__ */ z(L, { size: 12 })
3317
+ children: /* @__PURE__ */ H(V, { size: 12 })
2179
3318
  })
2180
3319
  ]
2181
3320
  }),
2182
- /* @__PURE__ */ B("div", {
3321
+ /* @__PURE__ */ U("div", {
2183
3322
  className: "filter-bar-filters",
2184
3323
  children: [
2185
- /* @__PURE__ */ z(w, {
3324
+ /* @__PURE__ */ H(T, {
2186
3325
  size: 14,
2187
3326
  style: { color: "var(--text-tertiary)" }
2188
3327
  }),
2189
- n.map((e) => /* @__PURE__ */ B("button", {
3328
+ n.map((e) => /* @__PURE__ */ U("button", {
2190
3329
  className: `filter-chip ${e.active ? "active" : ""}`,
2191
3330
  onClick: e.onClick,
2192
- children: [e.label, e.active && e.value && /* @__PURE__ */ z("span", {
3331
+ children: [e.label, e.active && e.value && /* @__PURE__ */ H("span", {
2193
3332
  className: "filter-chip-value",
2194
3333
  children: e.value
2195
3334
  })]
2196
3335
  }, e.label)),
2197
- o && r && /* @__PURE__ */ z("button", {
3336
+ o && r && /* @__PURE__ */ H("button", {
2198
3337
  className: "filter-bar-clear-all",
2199
3338
  onClick: r,
2200
3339
  children: "Clear all"
@@ -2210,76 +3349,76 @@ function Ut({ searchValue: e = "", onSearchChange: t, filters: n = [], onClearAl
2210
3349
  function Q(...e) {
2211
3350
  return e.filter(Boolean).join(" ");
2212
3351
  }
2213
- function Wt({ children: e, className: t = "", style: n }) {
2214
- return /* @__PURE__ */ z("div", {
3352
+ function Ln({ children: e, className: t = "", style: n }) {
3353
+ return /* @__PURE__ */ H("div", {
2215
3354
  className: Q("kanban-board", t),
2216
3355
  style: n,
2217
3356
  children: e
2218
3357
  });
2219
3358
  }
2220
- function Gt({ title: e, count: t, color: n, headerAction: r = null, countVariant: i = "pill", children: a, className: o = "", style: s, headerClassName: c = "", headerStyle: l, countClassName: u = "", bodyClassName: d = "", bodyStyle: f }) {
2221
- return /* @__PURE__ */ B("div", {
3359
+ function Rn({ title: e, count: t, color: n, headerAction: r = null, countVariant: i = "pill", children: a, className: o = "", style: s, headerClassName: c = "", headerStyle: l, countClassName: u = "", bodyClassName: d = "", bodyStyle: f }) {
3360
+ return /* @__PURE__ */ U("div", {
2222
3361
  className: Q("kanban-column", o),
2223
3362
  style: s,
2224
- children: [/* @__PURE__ */ B("div", {
3363
+ children: [/* @__PURE__ */ U("div", {
2225
3364
  className: Q("kanban-column-header", c),
2226
3365
  style: l,
2227
- children: [/* @__PURE__ */ B("div", {
3366
+ children: [/* @__PURE__ */ U("div", {
2228
3367
  className: "kanban-column-title",
2229
3368
  children: [
2230
- n && /* @__PURE__ */ z("span", {
3369
+ n && /* @__PURE__ */ H("span", {
2231
3370
  className: "kanban-column-dot",
2232
3371
  style: { background: n }
2233
3372
  }),
2234
- /* @__PURE__ */ z("span", {
3373
+ /* @__PURE__ */ H("span", {
2235
3374
  className: "kanban-column-title-label",
2236
3375
  children: e
2237
3376
  }),
2238
- t != null && /* @__PURE__ */ z(X, {
3377
+ t != null && /* @__PURE__ */ H(q, {
2239
3378
  showDot: !1,
2240
3379
  className: Q("workflow-column-count", "kanban-column-count", i === "inline" ? "kanban-column-count--inline" : "", u),
2241
3380
  children: t
2242
3381
  })
2243
3382
  ]
2244
- }), r && /* @__PURE__ */ z("div", {
3383
+ }), r && /* @__PURE__ */ H("div", {
2245
3384
  className: "kanban-column-header-meta",
2246
- children: /* @__PURE__ */ z("div", {
3385
+ children: /* @__PURE__ */ H("div", {
2247
3386
  className: "kanban-column-header-action",
2248
3387
  children: r
2249
3388
  })
2250
3389
  })]
2251
- }), /* @__PURE__ */ z("div", {
3390
+ }), /* @__PURE__ */ H("div", {
2252
3391
  className: Q("kanban-column-body", d),
2253
3392
  style: f,
2254
3393
  children: a
2255
3394
  })]
2256
3395
  });
2257
3396
  }
2258
- function Kt({ title: e, subtitle: t, badges: n, avatar: r, footer: i, footerEnd: a, children: o, onClick: s, className: c = "", style: l }) {
3397
+ function zn({ title: e, subtitle: t, badges: n, avatar: r, footer: i, footerEnd: a, children: o, onClick: s, className: c = "", style: l }) {
2259
3398
  let u = a ?? r;
2260
- return /* @__PURE__ */ z("div", {
3399
+ return /* @__PURE__ */ H("div", {
2261
3400
  className: Q("kanban-card", c),
2262
3401
  onClick: s,
2263
3402
  style: l,
2264
- children: o || /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B("div", {
3403
+ children: o || /* @__PURE__ */ U(ue, { children: [/* @__PURE__ */ U("div", {
2265
3404
  className: "kanban-card-body",
2266
3405
  children: [
2267
- e && /* @__PURE__ */ z("div", {
3406
+ e && /* @__PURE__ */ H("div", {
2268
3407
  className: "kanban-card-title",
2269
3408
  children: e
2270
3409
  }),
2271
- t && /* @__PURE__ */ z("div", {
3410
+ t && /* @__PURE__ */ H("div", {
2272
3411
  className: "kanban-card-subtitle",
2273
3412
  children: t
2274
3413
  }),
2275
- n && /* @__PURE__ */ z("div", {
3414
+ n && /* @__PURE__ */ H("div", {
2276
3415
  className: "kanban-card-badges",
2277
3416
  children: n
2278
3417
  })
2279
3418
  ]
2280
- }), (u || i) && /* @__PURE__ */ B("div", {
3419
+ }), (u || i) && /* @__PURE__ */ U("div", {
2281
3420
  className: "kanban-card-footer",
2282
- children: [i && /* @__PURE__ */ z("div", {
3421
+ children: [i && /* @__PURE__ */ H("div", {
2283
3422
  className: "kanban-card-footer-text",
2284
3423
  children: i
2285
3424
  }), u]
@@ -2291,51 +3430,51 @@ function Kt({ title: e, subtitle: t, badges: n, avatar: r, footer: i, footerEnd:
2291
3430
  function $(...e) {
2292
3431
  return e.filter(Boolean).join(" ");
2293
3432
  }
2294
- function qt({ children: e, className: t = "" }) {
2295
- return /* @__PURE__ */ z("div", {
3433
+ function Bn({ children: e, className: t = "" }) {
3434
+ return /* @__PURE__ */ H("div", {
2296
3435
  className: $("table-board", t),
2297
3436
  children: e
2298
3437
  });
2299
3438
  }
2300
- function Jt({ title: e, count: t, accentColor: n, open: r, defaultOpen: i = !0, onOpenChange: a, children: o, className: s = "" }) {
2301
- let [c, l] = u(i), d = r != null, f = d ? r : c;
3439
+ function Vn({ title: e, count: t, accentColor: n, open: r, defaultOpen: i = !0, onOpenChange: a, children: o, className: s = "" }) {
3440
+ let [c, l] = d(i), u = r != null, f = u ? r : c;
2302
3441
  function p() {
2303
3442
  let e = !f;
2304
- d || l(e), a?.(e);
3443
+ u || l(e), a?.(e);
2305
3444
  }
2306
- return /* @__PURE__ */ B("section", {
3445
+ return /* @__PURE__ */ U("section", {
2307
3446
  className: $("table-board-group", s),
2308
3447
  style: n ? { "--table-board-group-accent-color": n } : void 0,
2309
- children: [/* @__PURE__ */ B("button", {
3448
+ children: [/* @__PURE__ */ U("button", {
2310
3449
  type: "button",
2311
3450
  className: "table-board-group-header",
2312
3451
  onClick: p,
2313
3452
  "aria-expanded": f,
2314
3453
  children: [
2315
- /* @__PURE__ */ z("span", {
3454
+ /* @__PURE__ */ H("span", {
2316
3455
  className: $("table-board-group-chevron", !f && "collapsed"),
2317
- children: /* @__PURE__ */ z(v, { size: 12 })
3456
+ children: /* @__PURE__ */ H(y, { size: 12 })
2318
3457
  }),
2319
- /* @__PURE__ */ z("span", {
3458
+ /* @__PURE__ */ H("span", {
2320
3459
  className: "table-board-group-label",
2321
3460
  children: e
2322
3461
  }),
2323
- t != null && /* @__PURE__ */ z("span", {
3462
+ t != null && /* @__PURE__ */ H("span", {
2324
3463
  className: "table-board-group-count",
2325
3464
  children: t
2326
3465
  })
2327
3466
  ]
2328
- }), /* @__PURE__ */ z("div", {
3467
+ }), /* @__PURE__ */ H("div", {
2329
3468
  className: $("table-board-group-panel", f && "open"),
2330
- children: /* @__PURE__ */ z("div", {
3469
+ children: /* @__PURE__ */ H("div", {
2331
3470
  className: "table-board-group-panel-inner",
2332
3471
  children: o
2333
3472
  })
2334
3473
  })]
2335
3474
  });
2336
3475
  }
2337
- function Yt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title: i, subtitle: a, subtitleInline: s = !1, pills: c = [], maxVisibleLeadingPills: d, pinnedTrailingPillsCount: p = 0, metric: m, metricTone: h = "default", metricIcon: g, showMetricIcon: _ = !0, avatar: v, avatarImageUrl: y, avatarLabel: b, avatarName: x, avatarStyle: C, meta: w, onClick: T, className: E = "" }) {
2338
- let D = typeof T == "function", O = l(null), [k, A] = u(!1), j = Array.isArray(c) ? c : [], M = Math.max(0, Math.min(p, j.length)), N = M > 0 ? j.slice(0, -M) : j, P = M > 0 ? j.slice(-M) : [], F = typeof d == "number" && d >= 0 ? N.slice(0, d) : N, I = Math.max(0, N.length - F.length), L = [
3476
+ function Hn({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title: i, subtitle: a, subtitleInline: s = !1, pills: c = [], maxVisibleLeadingPills: l, pinnedTrailingPillsCount: f = 0, metric: m, metricTone: h = "default", metricIcon: g, showMetricIcon: _ = !0, avatar: v, avatarImageUrl: y, avatarLabel: b, avatarName: x, avatarStyle: S, meta: w, onClick: T, className: E = "" }) {
3477
+ let D = typeof T == "function", O = u(null), [k, A] = d(!1), j = Array.isArray(c) ? c : [], M = Math.max(0, Math.min(f, j.length)), N = M > 0 ? j.slice(0, -M) : j, P = M > 0 ? j.slice(-M) : [], F = typeof l == "number" && l >= 0 ? N.slice(0, l) : N, I = Math.max(0, N.length - F.length), L = [
2339
3478
  ...F,
2340
3479
  ...I > 0 ? [{
2341
3480
  label: `+${I}`,
@@ -2343,16 +3482,16 @@ function Yt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
2343
3482
  }] : [],
2344
3483
  ...P
2345
3484
  ];
2346
- function R(e) {
3485
+ function ee(e) {
2347
3486
  D && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), T());
2348
3487
  }
2349
- let V = x || w || b, H = C || (y ? void 0 : { background: "var(--accent-blue)" }), U = g || (h === "warning" ? f : S), ee = v || (y || b || V ? /* @__PURE__ */ z(J, {
3488
+ let R = x || w || b, te = S || (y ? void 0 : { background: "var(--accent-blue)" }), ne = g || (h === "warning" ? p : C), re = v || (y || b || R ? /* @__PURE__ */ H(K, {
2350
3489
  imageUrl: y,
2351
3490
  initials: b,
2352
- name: V,
3491
+ name: R,
2353
3492
  size: "sm",
2354
3493
  className: "table-board-avatar",
2355
- style: H
3494
+ style: te
2356
3495
  }) : null);
2357
3496
  return o(() => {
2358
3497
  let e = O.current;
@@ -2370,48 +3509,48 @@ function Yt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
2370
3509
  }, [
2371
3510
  L.length,
2372
3511
  c,
2373
- d,
2374
- p
2375
- ]), /* @__PURE__ */ B("div", {
3512
+ l,
3513
+ f
3514
+ ]), /* @__PURE__ */ U("div", {
2376
3515
  className: $("table-board-row", D && "clickable", E),
2377
3516
  onClick: T,
2378
- onKeyDown: R,
3517
+ onKeyDown: ee,
2379
3518
  role: D ? "button" : void 0,
2380
3519
  tabIndex: D ? 0 : void 0,
2381
3520
  children: [
2382
- /* @__PURE__ */ z("span", {
3521
+ /* @__PURE__ */ H("span", {
2383
3522
  className: "table-board-priority",
2384
3523
  children: e
2385
3524
  }),
2386
- t && /* @__PURE__ */ z("span", {
3525
+ t && /* @__PURE__ */ H("span", {
2387
3526
  className: "table-board-id",
2388
3527
  children: t
2389
3528
  }),
2390
- /* @__PURE__ */ z("span", {
3529
+ /* @__PURE__ */ H("span", {
2391
3530
  className: "table-board-status",
2392
- children: /* @__PURE__ */ z("span", {
3531
+ children: /* @__PURE__ */ H("span", {
2393
3532
  className: "table-board-status-dot",
2394
3533
  style: { background: n }
2395
3534
  })
2396
3535
  }),
2397
- /* @__PURE__ */ B("span", {
3536
+ /* @__PURE__ */ U("span", {
2398
3537
  className: $("table-board-title-block", s && "inline-subtitle"),
2399
- children: [/* @__PURE__ */ z("span", {
3538
+ children: [/* @__PURE__ */ H("span", {
2400
3539
  className: "table-board-title",
2401
3540
  children: i
2402
- }), a != null && a !== "" && /* @__PURE__ */ z("span", {
3541
+ }), a != null && a !== "" && /* @__PURE__ */ H("span", {
2403
3542
  className: $("table-board-subtitle", s && "inline"),
2404
3543
  children: a
2405
3544
  })]
2406
3545
  }),
2407
- /* @__PURE__ */ z("span", { className: "table-board-spacer" }),
2408
- L.length > 0 && /* @__PURE__ */ z("span", {
3546
+ /* @__PURE__ */ H("span", { className: "table-board-spacer" }),
3547
+ L.length > 0 && /* @__PURE__ */ H("span", {
2409
3548
  ref: O,
2410
3549
  className: $("table-board-pills", k && "has-overflow"),
2411
- children: L.map((e, t) => /* @__PURE__ */ B("span", {
3550
+ children: L.map((e, t) => /* @__PURE__ */ U("span", {
2412
3551
  className: "table-board-pill",
2413
3552
  children: [
2414
- e.showDot !== !1 && /* @__PURE__ */ z("span", {
3553
+ e.showDot !== !1 && /* @__PURE__ */ H("span", {
2415
3554
  className: "table-board-pill-dot",
2416
3555
  style: { background: e.color || "var(--text-quaternary)" }
2417
3556
  }),
@@ -2420,18 +3559,18 @@ function Yt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
2420
3559
  ]
2421
3560
  }, `${e.label}-${t}`))
2422
3561
  }),
2423
- m != null && (r(m) ? m : /* @__PURE__ */ z(X, {
3562
+ m != null && (r(m) ? m : /* @__PURE__ */ H(q, {
2424
3563
  className: "table-board-metric",
2425
3564
  showDot: !1,
2426
- children: /* @__PURE__ */ z(Tt, {
3565
+ children: /* @__PURE__ */ H(Vt, {
2427
3566
  tone: h,
2428
- icon: U,
3567
+ icon: ne,
2429
3568
  showIcon: _,
2430
3569
  children: m
2431
3570
  })
2432
3571
  })),
2433
- ee,
2434
- w && /* @__PURE__ */ z("span", {
3572
+ re,
3573
+ w && /* @__PURE__ */ H("span", {
2435
3574
  className: "table-board-meta",
2436
3575
  children: w
2437
3576
  })
@@ -2440,40 +3579,40 @@ function Yt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
2440
3579
  }
2441
3580
  //#endregion
2442
3581
  //#region src/components/data/KPICard.jsx
2443
- function Xt({ title: e, value: t, change: n, changeLabel: r, trend: i = "neutral", icon: a, className: o = "" }) {
3582
+ function Un({ title: e, value: t, change: n, changeLabel: r, trend: i = "neutral", icon: a, className: o = "" }) {
2444
3583
  let s = {
2445
3584
  up: "var(--accent-green)",
2446
3585
  down: "var(--accent-red)",
2447
3586
  neutral: "var(--text-tertiary)"
2448
- }, c = i === "up" ? I : i === "down" ? F : j;
2449
- return /* @__PURE__ */ B("div", {
3587
+ }, c = i === "up" ? se : i === "down" ? oe : F;
3588
+ return /* @__PURE__ */ U("div", {
2450
3589
  className: `kpi-card ${o}`,
2451
3590
  children: [
2452
- /* @__PURE__ */ B("div", {
3591
+ /* @__PURE__ */ U("div", {
2453
3592
  className: "kpi-header",
2454
- children: [/* @__PURE__ */ z("span", {
3593
+ children: [/* @__PURE__ */ H("span", {
2455
3594
  className: "kpi-title",
2456
3595
  children: e
2457
- }), a && /* @__PURE__ */ z("span", {
3596
+ }), a && /* @__PURE__ */ H("span", {
2458
3597
  className: "kpi-icon",
2459
3598
  children: a
2460
3599
  })]
2461
3600
  }),
2462
- /* @__PURE__ */ z("div", {
3601
+ /* @__PURE__ */ H("div", {
2463
3602
  className: "kpi-value",
2464
3603
  children: t
2465
3604
  }),
2466
- (n !== void 0 || r) && /* @__PURE__ */ B("div", {
3605
+ (n !== void 0 || r) && /* @__PURE__ */ U("div", {
2467
3606
  className: "kpi-footer",
2468
- children: [/* @__PURE__ */ B("span", {
3607
+ children: [/* @__PURE__ */ U("span", {
2469
3608
  className: "kpi-trend",
2470
3609
  style: { color: s[i] },
2471
- children: [/* @__PURE__ */ z(c, { size: 12 }), n !== void 0 && /* @__PURE__ */ B("span", { children: [
3610
+ children: [/* @__PURE__ */ H(c, { size: 12 }), n !== void 0 && /* @__PURE__ */ U("span", { children: [
2472
3611
  n > 0 ? "+" : "",
2473
3612
  n,
2474
3613
  "%"
2475
3614
  ] })]
2476
- }), r && /* @__PURE__ */ z("span", {
3615
+ }), r && /* @__PURE__ */ H("span", {
2477
3616
  className: "kpi-change-label",
2478
3617
  children: r
2479
3618
  })]
@@ -2481,24 +3620,24 @@ function Xt({ title: e, value: t, change: n, changeLabel: r, trend: i = "neutral
2481
3620
  ]
2482
3621
  });
2483
3622
  }
2484
- function Zt({ label: e, value: t, subtitle: n, color: r, className: i = "" }) {
2485
- return /* @__PURE__ */ B("div", {
3623
+ function Wn({ label: e, value: t, subtitle: n, color: r, className: i = "" }) {
3624
+ return /* @__PURE__ */ U("div", {
2486
3625
  className: `stat-card ${i}`,
2487
- children: [r && /* @__PURE__ */ z("div", {
3626
+ children: [r && /* @__PURE__ */ H("div", {
2488
3627
  className: "stat-card-accent",
2489
3628
  style: { background: r }
2490
- }), /* @__PURE__ */ B("div", {
3629
+ }), /* @__PURE__ */ U("div", {
2491
3630
  className: "stat-card-content",
2492
3631
  children: [
2493
- /* @__PURE__ */ z("span", {
3632
+ /* @__PURE__ */ H("span", {
2494
3633
  className: "stat-card-label",
2495
3634
  children: e
2496
3635
  }),
2497
- /* @__PURE__ */ z("span", {
3636
+ /* @__PURE__ */ H("span", {
2498
3637
  className: "stat-card-value",
2499
3638
  children: t
2500
3639
  }),
2501
- n && /* @__PURE__ */ z("span", {
3640
+ n && /* @__PURE__ */ H("span", {
2502
3641
  className: "stat-card-subtitle",
2503
3642
  children: n
2504
3643
  })
@@ -2508,56 +3647,56 @@ function Zt({ label: e, value: t, subtitle: n, color: r, className: i = "" }) {
2508
3647
  }
2509
3648
  //#endregion
2510
3649
  //#region src/components/data/NotificationsPanel.jsx
2511
- function Qt({ notifications: e = [], onMarkRead: t, onMarkAllRead: n, className: r = "" }) {
3650
+ function Gn({ notifications: e = [], onMarkRead: t, onMarkAllRead: n, className: r = "" }) {
2512
3651
  let i = e.filter((e) => !e.read);
2513
- return /* @__PURE__ */ B("div", {
3652
+ return /* @__PURE__ */ U("div", {
2514
3653
  className: `notifications-panel ${r}`,
2515
- children: [/* @__PURE__ */ B("div", {
3654
+ children: [/* @__PURE__ */ U("div", {
2516
3655
  className: "notifications-header",
2517
- children: [/* @__PURE__ */ B("div", {
3656
+ children: [/* @__PURE__ */ U("div", {
2518
3657
  className: "notifications-title",
2519
3658
  children: [
2520
- /* @__PURE__ */ z(p, { size: 16 }),
2521
- /* @__PURE__ */ z("span", { children: "Notifications" }),
2522
- i.length > 0 && /* @__PURE__ */ z("span", {
3659
+ /* @__PURE__ */ H(m, { size: 16 }),
3660
+ /* @__PURE__ */ H("span", { children: "Notifications" }),
3661
+ i.length > 0 && /* @__PURE__ */ H("span", {
2523
3662
  className: "badge badge-purple",
2524
3663
  style: { marginLeft: "var(--space-1)" },
2525
3664
  children: i.length
2526
3665
  })
2527
3666
  ]
2528
- }), i.length > 0 && /* @__PURE__ */ B("button", {
3667
+ }), i.length > 0 && /* @__PURE__ */ U("button", {
2529
3668
  className: "btn btn-ghost btn-sm",
2530
3669
  onClick: n,
2531
- children: [/* @__PURE__ */ z(g, { size: 14 }), " Mark all read"]
3670
+ children: [/* @__PURE__ */ H(_, { size: 14 }), " Mark all read"]
2532
3671
  })]
2533
- }), /* @__PURE__ */ B("div", {
3672
+ }), /* @__PURE__ */ U("div", {
2534
3673
  className: "notifications-list",
2535
- children: [e.length === 0 && /* @__PURE__ */ z("div", {
3674
+ children: [e.length === 0 && /* @__PURE__ */ H("div", {
2536
3675
  className: "notifications-empty",
2537
3676
  children: "No notifications"
2538
- }), e.map((e) => /* @__PURE__ */ B("div", {
3677
+ }), e.map((e) => /* @__PURE__ */ U("div", {
2539
3678
  className: `notification-item ${e.read ? "" : "unread"}`,
2540
3679
  onClick: () => !e.read && t?.(e.id),
2541
3680
  children: [
2542
- /* @__PURE__ */ z(J, {
3681
+ /* @__PURE__ */ H(K, {
2543
3682
  name: e.user,
2544
3683
  size: "sm"
2545
3684
  }),
2546
- /* @__PURE__ */ B("div", {
3685
+ /* @__PURE__ */ U("div", {
2547
3686
  className: "notification-content",
2548
- children: [/* @__PURE__ */ B("div", {
3687
+ children: [/* @__PURE__ */ U("div", {
2549
3688
  className: "notification-text",
2550
3689
  children: [
2551
- /* @__PURE__ */ z("strong", { children: e.user }),
3690
+ /* @__PURE__ */ H("strong", { children: e.user }),
2552
3691
  " ",
2553
3692
  e.text
2554
3693
  ]
2555
- }), /* @__PURE__ */ z("span", {
3694
+ }), /* @__PURE__ */ H("span", {
2556
3695
  className: "notification-time",
2557
3696
  children: e.time
2558
3697
  })]
2559
3698
  }),
2560
- !e.read && /* @__PURE__ */ z("div", { className: "notification-dot" })
3699
+ !e.read && /* @__PURE__ */ H("div", { className: "notification-dot" })
2561
3700
  ]
2562
3701
  }, e.id))]
2563
3702
  })]
@@ -2565,46 +3704,46 @@ function Qt({ notifications: e = [], onMarkRead: t, onMarkAllRead: n, className:
2565
3704
  }
2566
3705
  //#endregion
2567
3706
  //#region src/components/Icons.jsx
2568
- function $t() {
2569
- return /* @__PURE__ */ z("svg", {
3707
+ function Kn() {
3708
+ return /* @__PURE__ */ H("svg", {
2570
3709
  width: "16",
2571
3710
  height: "16",
2572
3711
  viewBox: "0 0 16 16",
2573
3712
  fill: "currentColor",
2574
- children: /* @__PURE__ */ z("path", { d: "M2 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5l-2.5-2.5a.5.5 0 0 0-.354-.146H8.5a.5.5 0 0 0-.5.5v2.793L6.854 9.001a.5.5 0 0 0-.708 0L2 13.147V3Zm12 8.207V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-.44l4.5-4.5L8.146 9.707a.5.5 0 0 0 .708 0L11.5 7.06l2.5 2.5V11.207Z" })
3713
+ children: /* @__PURE__ */ H("path", { d: "M2 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5l-2.5-2.5a.5.5 0 0 0-.354-.146H8.5a.5.5 0 0 0-.5.5v2.793L6.854 9.001a.5.5 0 0 0-.708 0L2 13.147V3Zm12 8.207V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-.44l4.5-4.5L8.146 9.707a.5.5 0 0 0 .708 0L11.5 7.06l2.5 2.5V11.207Z" })
2575
3714
  });
2576
3715
  }
2577
- function en() {
2578
- return /* @__PURE__ */ B("svg", {
3716
+ function qn() {
3717
+ return /* @__PURE__ */ U("svg", {
2579
3718
  width: "16",
2580
3719
  height: "16",
2581
3720
  viewBox: "0 0 16 16",
2582
3721
  fill: "currentColor",
2583
- children: [/* @__PURE__ */ z("circle", {
3722
+ children: [/* @__PURE__ */ H("circle", {
2584
3723
  cx: "8",
2585
3724
  cy: "8",
2586
3725
  r: "6",
2587
3726
  fill: "none",
2588
3727
  stroke: "currentColor",
2589
3728
  strokeWidth: "1.5"
2590
- }), /* @__PURE__ */ z("circle", {
3729
+ }), /* @__PURE__ */ H("circle", {
2591
3730
  cx: "8",
2592
3731
  cy: "8",
2593
3732
  r: "2"
2594
3733
  })]
2595
3734
  });
2596
3735
  }
2597
- function tn() {
2598
- return /* @__PURE__ */ z("svg", {
3736
+ function Jn() {
3737
+ return /* @__PURE__ */ H("svg", {
2599
3738
  width: "16",
2600
3739
  height: "16",
2601
3740
  viewBox: "0 0 16 16",
2602
3741
  fill: "currentColor",
2603
- children: /* @__PURE__ */ z("path", { d: "M8 1l2.2 4.4L15 6.3l-3.5 3.4.8 4.9L8 12.4 3.7 14.6l.8-4.9L1 6.3l4.8-.9L8 1Z" })
3742
+ children: /* @__PURE__ */ H("path", { d: "M8 1l2.2 4.4L15 6.3l-3.5 3.4.8 4.9L8 12.4 3.7 14.6l.8-4.9L1 6.3l4.8-.9L8 1Z" })
2604
3743
  });
2605
3744
  }
2606
- function nn() {
2607
- return /* @__PURE__ */ z("svg", {
3745
+ function Yn() {
3746
+ return /* @__PURE__ */ H("svg", {
2608
3747
  width: "16",
2609
3748
  height: "16",
2610
3749
  viewBox: "0 0 16 16",
@@ -2613,45 +3752,45 @@ function nn() {
2613
3752
  strokeWidth: "1.5",
2614
3753
  strokeLinecap: "round",
2615
3754
  strokeLinejoin: "round",
2616
- children: /* @__PURE__ */ z("path", { d: "M1 8h3l2-5 2 10 2-5h3" })
3755
+ children: /* @__PURE__ */ H("path", { d: "M1 8h3l2-5 2 10 2-5h3" })
2617
3756
  });
2618
3757
  }
2619
- function rn() {
2620
- return /* @__PURE__ */ z("svg", {
3758
+ function Xn() {
3759
+ return /* @__PURE__ */ H("svg", {
2621
3760
  width: "16",
2622
3761
  height: "16",
2623
3762
  viewBox: "0 0 16 16",
2624
3763
  fill: "currentColor",
2625
- children: /* @__PURE__ */ z("path", { d: "M3 2h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 3v2h8V5H4Zm0 4v2h5V9H4Z" })
3764
+ children: /* @__PURE__ */ H("path", { d: "M3 2h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 3v2h8V5H4Zm0 4v2h5V9H4Z" })
2626
3765
  });
2627
3766
  }
2628
- function an() {
2629
- return /* @__PURE__ */ z("svg", {
3767
+ function Zn() {
3768
+ return /* @__PURE__ */ H("svg", {
2630
3769
  width: "16",
2631
3770
  height: "16",
2632
3771
  viewBox: "0 0 16 16",
2633
3772
  fill: "currentColor",
2634
- children: /* @__PURE__ */ z("path", { d: "M2 3.5A1.5 1.5 0 0 1 3.5 2h3.379a1.5 1.5 0 0 1 1.06.44l.622.62A1.5 1.5 0 0 0 9.622 3.5H12.5A1.5 1.5 0 0 1 14 5v7.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 12.5v-9Z" })
3773
+ children: /* @__PURE__ */ H("path", { d: "M2 3.5A1.5 1.5 0 0 1 3.5 2h3.379a1.5 1.5 0 0 1 1.06.44l.622.62A1.5 1.5 0 0 0 9.622 3.5H12.5A1.5 1.5 0 0 1 14 5v7.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 12.5v-9Z" })
2635
3774
  });
2636
3775
  }
2637
- function on() {
2638
- return /* @__PURE__ */ B("svg", {
3776
+ function Qn() {
3777
+ return /* @__PURE__ */ U("svg", {
2639
3778
  width: "16",
2640
3779
  height: "16",
2641
3780
  viewBox: "0 0 16 16",
2642
3781
  fill: "currentColor",
2643
3782
  children: [
2644
- /* @__PURE__ */ z("circle", {
3783
+ /* @__PURE__ */ H("circle", {
2645
3784
  cx: "4",
2646
3785
  cy: "8",
2647
3786
  r: "1.5"
2648
3787
  }),
2649
- /* @__PURE__ */ z("circle", {
3788
+ /* @__PURE__ */ H("circle", {
2650
3789
  cx: "8",
2651
3790
  cy: "8",
2652
3791
  r: "1.5"
2653
3792
  }),
2654
- /* @__PURE__ */ z("circle", {
3793
+ /* @__PURE__ */ H("circle", {
2655
3794
  cx: "12",
2656
3795
  cy: "8",
2657
3796
  r: "1.5"
@@ -2659,26 +3798,26 @@ function on() {
2659
3798
  ]
2660
3799
  });
2661
3800
  }
2662
- function sn() {
2663
- return /* @__PURE__ */ B("svg", {
3801
+ function $n() {
3802
+ return /* @__PURE__ */ U("svg", {
2664
3803
  width: "16",
2665
3804
  height: "16",
2666
3805
  viewBox: "0 0 16 16",
2667
3806
  fill: "none",
2668
3807
  stroke: "currentColor",
2669
3808
  strokeWidth: "1.5",
2670
- children: [/* @__PURE__ */ z("circle", {
3809
+ children: [/* @__PURE__ */ H("circle", {
2671
3810
  cx: "7",
2672
3811
  cy: "7",
2673
3812
  r: "4.5"
2674
- }), /* @__PURE__ */ z("path", {
3813
+ }), /* @__PURE__ */ H("path", {
2675
3814
  d: "M10.5 10.5L14 14",
2676
3815
  strokeLinecap: "round"
2677
3816
  })]
2678
3817
  });
2679
3818
  }
2680
- function cn() {
2681
- return /* @__PURE__ */ z("svg", {
3819
+ function er() {
3820
+ return /* @__PURE__ */ H("svg", {
2682
3821
  width: "16",
2683
3822
  height: "16",
2684
3823
  viewBox: "0 0 16 16",
@@ -2687,11 +3826,11 @@ function cn() {
2687
3826
  strokeWidth: "1.5",
2688
3827
  strokeLinecap: "round",
2689
3828
  strokeLinejoin: "round",
2690
- children: /* @__PURE__ */ z("path", { d: "M11 2l3 3-8 8H3v-3l8-8Z" })
3829
+ children: /* @__PURE__ */ H("path", { d: "M11 2l3 3-8 8H3v-3l8-8Z" })
2691
3830
  });
2692
3831
  }
2693
- function ln() {
2694
- return /* @__PURE__ */ z("svg", {
3832
+ function tr() {
3833
+ return /* @__PURE__ */ H("svg", {
2695
3834
  width: "14",
2696
3835
  height: "14",
2697
3836
  viewBox: "0 0 14 14",
@@ -2700,11 +3839,11 @@ function ln() {
2700
3839
  strokeWidth: "1.5",
2701
3840
  strokeLinecap: "round",
2702
3841
  strokeLinejoin: "round",
2703
- children: /* @__PURE__ */ z("path", { d: "M3.5 5.5L7 9l3.5-3.5" })
3842
+ children: /* @__PURE__ */ H("path", { d: "M3.5 5.5L7 9l3.5-3.5" })
2704
3843
  });
2705
3844
  }
2706
- function un() {
2707
- return /* @__PURE__ */ z("svg", {
3845
+ function nr() {
3846
+ return /* @__PURE__ */ H("svg", {
2708
3847
  width: "14",
2709
3848
  height: "14",
2710
3849
  viewBox: "0 0 14 14",
@@ -2713,24 +3852,24 @@ function un() {
2713
3852
  strokeWidth: "1.5",
2714
3853
  strokeLinecap: "round",
2715
3854
  strokeLinejoin: "round",
2716
- children: /* @__PURE__ */ z("path", { d: "M3.5 9L7 5.5 10.5 9" })
3855
+ children: /* @__PURE__ */ H("path", { d: "M3.5 9L7 5.5 10.5 9" })
2717
3856
  });
2718
3857
  }
2719
- function dn() {
2720
- return /* @__PURE__ */ z("svg", {
3858
+ function rr() {
3859
+ return /* @__PURE__ */ H("svg", {
2721
3860
  width: "14",
2722
3861
  height: "14",
2723
3862
  viewBox: "0 0 14 14",
2724
3863
  fill: "#c9a84e",
2725
- children: /* @__PURE__ */ z("path", { d: "M7 1l1.76 3.52L13 5.26l-3 2.94.7 4.13L7 10.4 3.3 12.33l.7-4.13-3-2.94 4.24-.74L7 1Z" })
3864
+ children: /* @__PURE__ */ H("path", { d: "M7 1l1.76 3.52L13 5.26l-3 2.94.7 4.13L7 10.4 3.3 12.33l.7-4.13-3-2.94 4.24-.74L7 1Z" })
2726
3865
  });
2727
3866
  }
2728
- function fn() {
2729
- return /* @__PURE__ */ B("svg", {
3867
+ function ir() {
3868
+ return /* @__PURE__ */ U("svg", {
2730
3869
  width: "14",
2731
3870
  height: "14",
2732
3871
  viewBox: "0 0 14 14",
2733
- children: [/* @__PURE__ */ z("circle", {
3872
+ children: [/* @__PURE__ */ H("circle", {
2734
3873
  cx: "7",
2735
3874
  cy: "7",
2736
3875
  r: "5.5",
@@ -2738,7 +3877,7 @@ function fn() {
2738
3877
  stroke: "#c9a84e",
2739
3878
  strokeWidth: "1.5",
2740
3879
  strokeDasharray: "8.6 2.9"
2741
- }), /* @__PURE__ */ z("circle", {
3880
+ }), /* @__PURE__ */ H("circle", {
2742
3881
  cx: "7",
2743
3882
  cy: "7",
2744
3883
  r: "2",
@@ -2746,17 +3885,17 @@ function fn() {
2746
3885
  })]
2747
3886
  });
2748
3887
  }
2749
- function pn() {
2750
- return /* @__PURE__ */ B("svg", {
3888
+ function ar() {
3889
+ return /* @__PURE__ */ U("svg", {
2751
3890
  width: "14",
2752
3891
  height: "14",
2753
3892
  viewBox: "0 0 14 14",
2754
- children: [/* @__PURE__ */ z("circle", {
3893
+ children: [/* @__PURE__ */ H("circle", {
2755
3894
  cx: "7",
2756
3895
  cy: "7",
2757
3896
  r: "6",
2758
3897
  fill: "#5bb98e"
2759
- }), /* @__PURE__ */ z("path", {
3898
+ }), /* @__PURE__ */ H("path", {
2760
3899
  d: "M4.5 7l2 2 3-3.5",
2761
3900
  stroke: "#08090a",
2762
3901
  strokeWidth: "1.5",
@@ -2766,12 +3905,12 @@ function pn() {
2766
3905
  })]
2767
3906
  });
2768
3907
  }
2769
- function mn() {
2770
- return /* @__PURE__ */ z("svg", {
3908
+ function or() {
3909
+ return /* @__PURE__ */ H("svg", {
2771
3910
  width: "14",
2772
3911
  height: "14",
2773
3912
  viewBox: "0 0 14 14",
2774
- children: /* @__PURE__ */ z("circle", {
3913
+ children: /* @__PURE__ */ H("circle", {
2775
3914
  cx: "7",
2776
3915
  cy: "7",
2777
3916
  r: "5.5",
@@ -2781,12 +3920,12 @@ function mn() {
2781
3920
  })
2782
3921
  });
2783
3922
  }
2784
- function hn() {
2785
- return /* @__PURE__ */ z("svg", {
3923
+ function sr() {
3924
+ return /* @__PURE__ */ H("svg", {
2786
3925
  width: "14",
2787
3926
  height: "14",
2788
3927
  viewBox: "0 0 14 14",
2789
- children: /* @__PURE__ */ z("circle", {
3928
+ children: /* @__PURE__ */ H("circle", {
2790
3929
  cx: "7",
2791
3930
  cy: "7",
2792
3931
  r: "5.5",
@@ -2797,19 +3936,19 @@ function hn() {
2797
3936
  })
2798
3937
  });
2799
3938
  }
2800
- function gn() {
2801
- return /* @__PURE__ */ B("svg", {
3939
+ function cr() {
3940
+ return /* @__PURE__ */ U("svg", {
2802
3941
  width: "14",
2803
3942
  height: "14",
2804
3943
  viewBox: "0 0 14 14",
2805
- children: [/* @__PURE__ */ z("circle", {
3944
+ children: [/* @__PURE__ */ H("circle", {
2806
3945
  cx: "7",
2807
3946
  cy: "7",
2808
3947
  r: "5.5",
2809
3948
  fill: "none",
2810
3949
  stroke: "#6b6d71",
2811
3950
  strokeWidth: "1.5"
2812
- }), /* @__PURE__ */ z("path", {
3951
+ }), /* @__PURE__ */ H("path", {
2813
3952
  d: "M4.5 7h5",
2814
3953
  stroke: "#6b6d71",
2815
3954
  strokeWidth: "1.5",
@@ -2817,37 +3956,37 @@ function gn() {
2817
3956
  })]
2818
3957
  });
2819
3958
  }
2820
- function _n() {
2821
- return /* @__PURE__ */ z("svg", {
3959
+ function lr() {
3960
+ return /* @__PURE__ */ H("svg", {
2822
3961
  width: "14",
2823
3962
  height: "14",
2824
3963
  viewBox: "0 0 14 14",
2825
3964
  fill: "#c75a5a",
2826
- children: /* @__PURE__ */ z("path", { d: "M7 1a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1Zm0 10a1.25 1.25 0 1 1 0 2.5A1.25 1.25 0 0 1 7 11Z" })
3965
+ children: /* @__PURE__ */ H("path", { d: "M7 1a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1Zm0 10a1.25 1.25 0 1 1 0 2.5A1.25 1.25 0 0 1 7 11Z" })
2827
3966
  });
2828
3967
  }
2829
- function vn() {
2830
- return /* @__PURE__ */ B("svg", {
3968
+ function ur() {
3969
+ return /* @__PURE__ */ U("svg", {
2831
3970
  width: "14",
2832
3971
  height: "14",
2833
3972
  viewBox: "0 0 14 14",
2834
3973
  fill: "#c4a06a",
2835
3974
  children: [
2836
- /* @__PURE__ */ z("rect", {
3975
+ /* @__PURE__ */ H("rect", {
2837
3976
  x: "2",
2838
3977
  y: "8",
2839
3978
  width: "2.5",
2840
3979
  height: "4",
2841
3980
  rx: "0.5"
2842
3981
  }),
2843
- /* @__PURE__ */ z("rect", {
3982
+ /* @__PURE__ */ H("rect", {
2844
3983
  x: "5.75",
2845
3984
  y: "5",
2846
3985
  width: "2.5",
2847
3986
  height: "7",
2848
3987
  rx: "0.5"
2849
3988
  }),
2850
- /* @__PURE__ */ z("rect", {
3989
+ /* @__PURE__ */ H("rect", {
2851
3990
  x: "9.5",
2852
3991
  y: "2",
2853
3992
  width: "2.5",
@@ -2857,13 +3996,13 @@ function vn() {
2857
3996
  ]
2858
3997
  });
2859
3998
  }
2860
- function yn() {
2861
- return /* @__PURE__ */ B("svg", {
3999
+ function dr() {
4000
+ return /* @__PURE__ */ U("svg", {
2862
4001
  width: "14",
2863
4002
  height: "14",
2864
4003
  viewBox: "0 0 14 14",
2865
4004
  children: [
2866
- /* @__PURE__ */ z("rect", {
4005
+ /* @__PURE__ */ H("rect", {
2867
4006
  x: "2",
2868
4007
  y: "8",
2869
4008
  width: "2.5",
@@ -2871,7 +4010,7 @@ function yn() {
2871
4010
  rx: "0.5",
2872
4011
  fill: "#c9a84e"
2873
4012
  }),
2874
- /* @__PURE__ */ z("rect", {
4013
+ /* @__PURE__ */ H("rect", {
2875
4014
  x: "5.75",
2876
4015
  y: "5",
2877
4016
  width: "2.5",
@@ -2879,7 +4018,7 @@ function yn() {
2879
4018
  rx: "0.5",
2880
4019
  fill: "#c9a84e"
2881
4020
  }),
2882
- /* @__PURE__ */ z("rect", {
4021
+ /* @__PURE__ */ H("rect", {
2883
4022
  x: "9.5",
2884
4023
  y: "2",
2885
4024
  width: "2.5",
@@ -2890,13 +4029,13 @@ function yn() {
2890
4029
  ]
2891
4030
  });
2892
4031
  }
2893
- function bn() {
2894
- return /* @__PURE__ */ B("svg", {
4032
+ function fr() {
4033
+ return /* @__PURE__ */ U("svg", {
2895
4034
  width: "14",
2896
4035
  height: "14",
2897
4036
  viewBox: "0 0 14 14",
2898
4037
  children: [
2899
- /* @__PURE__ */ z("rect", {
4038
+ /* @__PURE__ */ H("rect", {
2900
4039
  x: "2",
2901
4040
  y: "8",
2902
4041
  width: "2.5",
@@ -2904,7 +4043,7 @@ function bn() {
2904
4043
  rx: "0.5",
2905
4044
  fill: "#5bb98e"
2906
4045
  }),
2907
- /* @__PURE__ */ z("rect", {
4046
+ /* @__PURE__ */ H("rect", {
2908
4047
  x: "5.75",
2909
4048
  y: "5",
2910
4049
  width: "2.5",
@@ -2912,7 +4051,7 @@ function bn() {
2912
4051
  rx: "0.5",
2913
4052
  fill: "#4e5054"
2914
4053
  }),
2915
- /* @__PURE__ */ z("rect", {
4054
+ /* @__PURE__ */ H("rect", {
2916
4055
  x: "9.5",
2917
4056
  y: "2",
2918
4057
  width: "2.5",
@@ -2923,8 +4062,8 @@ function bn() {
2923
4062
  ]
2924
4063
  });
2925
4064
  }
2926
- function xn() {
2927
- return /* @__PURE__ */ z("svg", {
4065
+ function pr() {
4066
+ return /* @__PURE__ */ H("svg", {
2928
4067
  width: "14",
2929
4068
  height: "14",
2930
4069
  viewBox: "0 0 14 14",
@@ -2932,11 +4071,11 @@ function xn() {
2932
4071
  stroke: "currentColor",
2933
4072
  strokeWidth: "1.5",
2934
4073
  strokeLinecap: "round",
2935
- children: /* @__PURE__ */ z("path", { d: "M6 8l2-2m-2.5-.5L4 7a2.83 2.83 0 0 0 4 4l1.5-1.5m-1-5L10 3a2.83 2.83 0 0 1 4 4l-1.5 1.5" })
4074
+ children: /* @__PURE__ */ H("path", { d: "M6 8l2-2m-2.5-.5L4 7a2.83 2.83 0 0 0 4 4l1.5-1.5m-1-5L10 3a2.83 2.83 0 0 1 4 4l-1.5 1.5" })
2936
4075
  });
2937
4076
  }
2938
- function Sn() {
2939
- return /* @__PURE__ */ z("svg", {
4077
+ function mr() {
4078
+ return /* @__PURE__ */ H("svg", {
2940
4079
  width: "14",
2941
4080
  height: "14",
2942
4081
  viewBox: "0 0 14 14",
@@ -2945,11 +4084,11 @@ function Sn() {
2945
4084
  strokeWidth: "1.5",
2946
4085
  strokeLinecap: "round",
2947
4086
  strokeLinejoin: "round",
2948
- children: /* @__PURE__ */ z("path", { d: "M2.5 4h9M5 4V2.5h4V4m-4.5 1v5.5m3-5.5v5.5M3.5 4l.5 8h6l.5-8" })
4087
+ children: /* @__PURE__ */ H("path", { d: "M2.5 4h9M5 4V2.5h4V4m-4.5 1v5.5m3-5.5v5.5M3.5 4l.5 8h6l.5-8" })
2949
4088
  });
2950
4089
  }
2951
- function Cn() {
2952
- return /* @__PURE__ */ B("svg", {
4090
+ function hr() {
4091
+ return /* @__PURE__ */ U("svg", {
2953
4092
  width: "14",
2954
4093
  height: "14",
2955
4094
  viewBox: "0 0 14 14",
@@ -2958,15 +4097,15 @@ function Cn() {
2958
4097
  strokeWidth: "1.5",
2959
4098
  strokeLinecap: "round",
2960
4099
  strokeLinejoin: "round",
2961
- children: [/* @__PURE__ */ z("path", { d: "M5.5 1.5h3l.5 1.5 1.5.5 1.5-.5 1.5 1.5-1 1.5.5 1.5h2v2h-2l-.5 1.5 1 1.5-1.5 1.5-1.5-.5-1.5.5-.5 1.5h-3l-.5-1.5L3.5 11.5 2 12 .5 10.5l1-1.5L1 7.5H-1v-2h2l.5-1.5-1-1.5L2 1l1.5.5L5 1l.5-.5Z" }), /* @__PURE__ */ z("circle", {
4100
+ children: [/* @__PURE__ */ H("path", { d: "M5.5 1.5h3l.5 1.5 1.5.5 1.5-.5 1.5 1.5-1 1.5.5 1.5h2v2h-2l-.5 1.5 1 1.5-1.5 1.5-1.5-.5-1.5.5-.5 1.5h-3l-.5-1.5L3.5 11.5 2 12 .5 10.5l1-1.5L1 7.5H-1v-2h2l.5-1.5-1-1.5L2 1l1.5.5L5 1l.5-.5Z" }), /* @__PURE__ */ H("circle", {
2962
4101
  cx: "7",
2963
4102
  cy: "7",
2964
4103
  r: "2"
2965
4104
  })]
2966
4105
  });
2967
4106
  }
2968
- function wn() {
2969
- return /* @__PURE__ */ z("svg", {
4107
+ function gr() {
4108
+ return /* @__PURE__ */ H("svg", {
2970
4109
  width: "14",
2971
4110
  height: "14",
2972
4111
  viewBox: "0 0 14 14",
@@ -2974,11 +4113,11 @@ function wn() {
2974
4113
  stroke: "currentColor",
2975
4114
  strokeWidth: "1.5",
2976
4115
  strokeLinecap: "round",
2977
- children: /* @__PURE__ */ z("path", { d: "M3.5 3.5l7 7M10.5 3.5l-7 7" })
4116
+ children: /* @__PURE__ */ H("path", { d: "M3.5 3.5l7 7M10.5 3.5l-7 7" })
2978
4117
  });
2979
4118
  }
2980
- function Tn() {
2981
- return /* @__PURE__ */ z("svg", {
4119
+ function _r() {
4120
+ return /* @__PURE__ */ H("svg", {
2982
4121
  width: "14",
2983
4122
  height: "14",
2984
4123
  viewBox: "0 0 14 14",
@@ -2987,11 +4126,11 @@ function Tn() {
2987
4126
  strokeWidth: "2",
2988
4127
  strokeLinecap: "round",
2989
4128
  strokeLinejoin: "round",
2990
- children: /* @__PURE__ */ z("path", { d: "M3 7.5l3 3 5-6" })
4129
+ children: /* @__PURE__ */ H("path", { d: "M3 7.5l3 3 5-6" })
2991
4130
  });
2992
4131
  }
2993
- function En() {
2994
- return /* @__PURE__ */ B("svg", {
4132
+ function vr() {
4133
+ return /* @__PURE__ */ U("svg", {
2995
4134
  width: "14",
2996
4135
  height: "14",
2997
4136
  viewBox: "0 0 14 14",
@@ -3000,17 +4139,17 @@ function En() {
3000
4139
  strokeWidth: "1.5",
3001
4140
  strokeLinecap: "round",
3002
4141
  strokeLinejoin: "round",
3003
- children: [/* @__PURE__ */ z("rect", {
4142
+ children: [/* @__PURE__ */ H("rect", {
3004
4143
  x: "4.5",
3005
4144
  y: "4.5",
3006
4145
  width: "7",
3007
4146
  height: "7",
3008
4147
  rx: "1"
3009
- }), /* @__PURE__ */ z("path", { d: "M9.5 4.5V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h1.5" })]
4148
+ }), /* @__PURE__ */ H("path", { d: "M9.5 4.5V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h1.5" })]
3010
4149
  });
3011
4150
  }
3012
- function Dn() {
3013
- return /* @__PURE__ */ z("svg", {
4151
+ function yr() {
4152
+ return /* @__PURE__ */ H("svg", {
3014
4153
  width: "14",
3015
4154
  height: "14",
3016
4155
  viewBox: "0 0 14 14",
@@ -3019,11 +4158,11 @@ function Dn() {
3019
4158
  strokeWidth: "1.5",
3020
4159
  strokeLinecap: "round",
3021
4160
  strokeLinejoin: "round",
3022
- children: /* @__PURE__ */ z("path", { d: "M5.5 12a1.5 1.5 0 0 0 3 0M7 1a4 4 0 0 0-4 4c0 3-1.5 4.5-1.5 4.5h11S11 8 11 5a4 4 0 0 0-4-4Z" })
4161
+ children: /* @__PURE__ */ H("path", { d: "M5.5 12a1.5 1.5 0 0 0 3 0M7 1a4 4 0 0 0-4 4c0 3-1.5 4.5-1.5 4.5h11S11 8 11 5a4 4 0 0 0-4-4Z" })
3023
4162
  });
3024
4163
  }
3025
- function On() {
3026
- return /* @__PURE__ */ B("svg", {
4164
+ function br() {
4165
+ return /* @__PURE__ */ U("svg", {
3027
4166
  width: "14",
3028
4167
  height: "14",
3029
4168
  viewBox: "0 0 14 14",
@@ -3032,17 +4171,17 @@ function On() {
3032
4171
  strokeWidth: "1.5",
3033
4172
  strokeLinecap: "round",
3034
4173
  strokeLinejoin: "round",
3035
- children: [/* @__PURE__ */ z("rect", {
4174
+ children: [/* @__PURE__ */ H("rect", {
3036
4175
  x: "1.5",
3037
4176
  y: "2.5",
3038
4177
  width: "11",
3039
4178
  height: "10",
3040
4179
  rx: "1"
3041
- }), /* @__PURE__ */ z("path", { d: "M4.5 1v2.5M9.5 1v2.5M1.5 5.5h11" })]
4180
+ }), /* @__PURE__ */ H("path", { d: "M4.5 1v2.5M9.5 1v2.5M1.5 5.5h11" })]
3042
4181
  });
3043
4182
  }
3044
- function kn() {
3045
- return /* @__PURE__ */ z("svg", {
4183
+ function xr() {
4184
+ return /* @__PURE__ */ H("svg", {
3046
4185
  width: "14",
3047
4186
  height: "14",
3048
4187
  viewBox: "0 0 14 14",
@@ -3051,20 +4190,20 @@ function kn() {
3051
4190
  strokeWidth: "1.5",
3052
4191
  strokeLinecap: "round",
3053
4192
  strokeLinejoin: "round",
3054
- children: /* @__PURE__ */ z("path", { d: "M1.5 3h11M3.5 7h7M5.5 11h3" })
4193
+ children: /* @__PURE__ */ H("path", { d: "M1.5 3h11M3.5 7h7M5.5 11h3" })
3055
4194
  });
3056
4195
  }
3057
- function An() {
3058
- return /* @__PURE__ */ B("svg", {
4196
+ function Sr() {
4197
+ return /* @__PURE__ */ U("svg", {
3059
4198
  width: "14",
3060
4199
  height: "14",
3061
4200
  viewBox: "0 0 14 14",
3062
4201
  fill: "currentColor",
3063
- children: [/* @__PURE__ */ z("circle", {
4202
+ children: [/* @__PURE__ */ H("circle", {
3064
4203
  cx: "7",
3065
4204
  cy: "4.5",
3066
4205
  r: "2.5"
3067
- }), /* @__PURE__ */ z("path", {
4206
+ }), /* @__PURE__ */ H("path", {
3068
4207
  d: "M2.5 12.5a4.5 4.5 0 0 1 9 0",
3069
4208
  fill: "none",
3070
4209
  stroke: "currentColor",
@@ -3072,8 +4211,8 @@ function An() {
3072
4211
  })]
3073
4212
  });
3074
4213
  }
3075
- function jn() {
3076
- return /* @__PURE__ */ B("svg", {
4214
+ function Cr() {
4215
+ return /* @__PURE__ */ U("svg", {
3077
4216
  width: "14",
3078
4217
  height: "14",
3079
4218
  viewBox: "0 0 14 14",
@@ -3082,7 +4221,7 @@ function jn() {
3082
4221
  strokeWidth: "1.5",
3083
4222
  strokeLinecap: "round",
3084
4223
  strokeLinejoin: "round",
3085
- children: [/* @__PURE__ */ z("path", { d: "M1.5 8.5V2a.5.5 0 0 1 .5-.5h6.5L13 6l-5.5 5.5L1.5 8.5Z" }), /* @__PURE__ */ z("circle", {
4224
+ children: [/* @__PURE__ */ H("path", { d: "M1.5 8.5V2a.5.5 0 0 1 .5-.5h6.5L13 6l-5.5 5.5L1.5 8.5Z" }), /* @__PURE__ */ H("circle", {
3086
4225
  cx: "5",
3087
4226
  cy: "5",
3088
4227
  r: "1",
@@ -3091,4 +4230,4 @@ function jn() {
3091
4230
  });
3092
4231
  }
3093
4232
  //#endregion
3094
- export { qe as Accordion, Ke as AccordionItem, Bt as ActivityFeed, Pe as AppLoader, J as Avatar, X as Badge, Dn as BellIcon, $e as Button, On as CalendarIcon, tt as Card, at as CardContent, it as CardDescription, ot as CardFooter, nt as CardHeader, rt as CardTitle, Tn as CheckIcon, ln as ChevronDown, un as ChevronUp, wn as CloseIcon, Vt as CommandBar, En as CopyIcon, Nt as DEFAULT_ICON_BY_VALUE, Pt as DEFAULT_VIEW_MODE_OPTIONS, Ht as DataTable, ct as Dialog, ft as DialogBody, dt as DialogDescription, pt as DialogFooter, lt as DialogHeader, ut as DialogTitle, ht as DropdownMenu, _t as DropdownMenuCheckboxItem, gt as DropdownMenuItem, vt as DropdownMenuLabel, yt as DropdownMenuSeparator, cn as EditIcon, je as FCCAppShell, Me as FCCBrandLogo, we as FCCBreadcrumbs, ce as FCCDesignProvider, Le as FCCDetailsPanel, ze as FCCFullPagePanel, He as FCCFullPagePanelBody, Ge as FCCFullPagePanelFooter, Be as FCCFullPagePanelHeader, Ue as FCCFullPagePanelMain, We as FCCFullPagePanelSidebar, Ve as FCCFullPagePanelToolbar, K as FCCHeaderStatus, Ie as FCCLoader, Ee as FCCMainWindow, ue as FCCSidePanel, ye as FCCSidePanelAction, fe as FCCSidePanelBody, _e as FCCSidePanelCard, be as FCCSidePanelChatWrap, ve as FCCSidePanelContact, xe as FCCSidePanelConversation, he as FCCSidePanelGroupLabel, de as FCCSidePanelHeader, ge as FCCSidePanelItem, Se as FCCSidePanelMessage, me as FCCSidePanelSearch, pe as FCCSidePanelTabs, Ae as FCCSidebar, Ne as FCCThemeToggle, q as FCCWorkspaceHeader, Ut as FilterBar, kn as FilterIcon, $t as InboxIcon, rn as InitiativesIcon, mt as Input, en as IssuesIcon, Xt as KPICard, Wt as KanbanBoard, Kt as KanbanCard, Gt as KanbanColumn, jn as LabelIcon, xn as LinkIcon, on as MoreIcon, Qt as NotificationsPanel, vn as PriorityHigh, bn as PriorityLow, yn as PriorityMedium, _n as PriorityUrgent, an as ProjectsIcon, nn as PulseIcon, tn as ReviewsIcon, sn as SearchIcon, bt as SearchableSelect, Cn as SettingsIcon, xt as Sheet, St as SheetFooter, Fe as Spinner, dn as StarIcon, Zt as StatCard, hn as StatusBacklog, gn as StatusCancelled, pn as StatusDone, fn as StatusInProgress, Tt as StatusMetric, mn as StatusTodo, Et as Switch, qt as TableBoard, Jt as TableBoardGroup, Yt as TableBoardRow, Dt as Tabs, At as TabsContent, Ot as TabsList, kt as TabsTrigger, jt as Textarea, se as ThemeProvider, te as ToastProvider, Mt as Tooltip, Sn as TrashIcon, An as UserIcon, Lt as ViewModeToggle, zt as WorkspaceTabs, W as useTheme, ne as useToast };
4233
+ export { lt as Accordion, ct as AccordionItem, Nn as ActivityFeed, Xe as AppLoader, K as Avatar, q as Badge, yr as BellIcon, J as Button, br as CalendarIcon, kn as CallCard, nn as CallControlsBar, En as Callbar, _t as Card, xt as CardContent, bt as CardDescription, St as CardFooter, vt as CardHeader, yt as CardTitle, _r as CheckIcon, tr as ChevronDown, nr as ChevronUp, gr as CloseIcon, Pn as CommandBar, vr as CopyIcon, Yt as DEFAULT_ICON_BY_VALUE, Xt as DEFAULT_VIEW_MODE_OPTIONS, Fn as DataTable, wt as Dialog, Ot as DialogBody, Dt as DialogDescription, kt as DialogFooter, Tt as DialogHeader, Et as DialogTitle, jt as DropdownMenu, Nt as DropdownMenuCheckboxItem, Mt as DropdownMenuItem, Pt as DropdownMenuLabel, Ft as DropdownMenuSeparator, er as EditIcon, qe as FCCAppShell, Je as FCCBrandLogo, Re as FCCBreadcrumbs, Se as FCCDesignProvider, $e as FCCDetailsPanel, tt as FCCFullPagePanel, it as FCCFullPagePanelBody, st as FCCFullPagePanelFooter, nt as FCCFullPagePanelHeader, at as FCCFullPagePanelMain, ot as FCCFullPagePanelSidebar, rt as FCCFullPagePanelToolbar, Be as FCCHeaderStatus, Qe as FCCLoader, He as FCCMainWindow, we as FCCSidePanel, Ne as FCCSidePanelAction, Ee as FCCSidePanelBody, je as FCCSidePanelCard, Pe as FCCSidePanelChatWrap, Me as FCCSidePanelContact, Fe as FCCSidePanelConversation, ke as FCCSidePanelGroupLabel, Te as FCCSidePanelHeader, Ae as FCCSidePanelItem, Ie as FCCSidePanelMessage, Oe as FCCSidePanelSearch, De as FCCSidePanelTabs, Ke as FCCSidebar, Ye as FCCThemeToggle, Ve as FCCWorkspaceHeader, In as FilterBar, xr as FilterIcon, Kn as InboxIcon, Xn as InitiativesIcon, At as Input, qn as IssuesIcon, Un as KPICard, Ln as KanbanBoard, zn as KanbanCard, Rn as KanbanColumn, Cr as LabelIcon, pr as LinkIcon, Qn as MoreIcon, Gn as NotificationsPanel, xn as PresenceAvatar, yn as PresenceDot, ur as PriorityHigh, fr as PriorityLow, dr as PriorityMedium, lr as PriorityUrgent, Zn as ProjectsIcon, Yn as PulseIcon, Mn as QueueItem, Jn as ReviewsIcon, $n as SearchIcon, It as SearchableSelect, hr as SettingsIcon, Lt as Sheet, Rt as SheetFooter, Ze as Spinner, rr as StarIcon, Wn as StatCard, sr as StatusBacklog, cr as StatusCancelled, ar as StatusDone, ir as StatusInProgress, Vt as StatusMetric, or as StatusTodo, Ht as Switch, Bn as TableBoard, Vn as TableBoardGroup, Hn as TableBoardRow, Ut as Tabs, Kt as TabsContent, Wt as TabsList, Gt as TabsTrigger, qt as Textarea, be as ThemeProvider, Z as TicketLinkChip, me as ToastProvider, Jt as Tooltip, mr as TrashIcon, Sr as UserIcon, $t as ViewModeToggle, tn as WorkspaceTabs, xe as useTheme, he as useToast };