pxengine 0.1.97 → 0.1.99

package/dist/index.mjs

@@ -25923,12 +25923,12 @@ var TableAtom = ({
   rows,
   className,
   style,
-  headerTextColor = "#9ca3af",
-  headerBgColor = "#f9fafb",
-  rowTextColor = "#374151",
-  rowBgColor = "#ffffff",
-  hoverBgColor = "#faf5ff",
-  borderColor = "#f3f4f6"
+  headerTextColor = "var(--muted-foreground-color, #9ca3af)",
+  headerBgColor = "var(--card-background, #f9fafb)",
+  rowTextColor = "var(--card-foreground-color, #374151)",
+  rowBgColor = "var(--card-background, #ffffff)",
+  hoverBgColor = "rgba(127, 127, 127, 0.18)",
+  borderColor = "var(--border-color, #f3f4f6)"
 }) => {
   const safeHeaders = Array.isArray(headers) ? headers : [];
   const safeRows = Array.isArray(rows) ? rows : [];
@@ -33614,6 +33614,7 @@ var molecules_exports = {};
 __export(molecules_exports, {
   ActionButton: () => ActionButton,
   ActionPriorityCard: () => ActionPriorityCard,
+  AnalyticsChart: () => AnalyticsChart,
   ApprovalCard: () => ApprovalCard,
   AudienceDemographicsCard: () => AudienceDemographicsCard,
   AudienceMetricCard: () => AudienceMetricCard,
@@ -38963,7 +38964,8 @@ var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) =>
           setIframeReady(true);
           iframeRef.current?.contentWindow?.postMessage({ type: "goToSlide", slide: initialSlide }, "*");
         },
-        sandbox: "allow-same-origin allow-scripts allow-fullscreen",
+        sandbox: "allow-same-origin allow-scripts",
+        allow: "fullscreen",
         className: "absolute inset-0 w-full h-full border-0"
       }
     ) })
@@ -41174,13 +41176,63 @@ async function defaultPersistSelection(sessionId, questionKey, value) {
 
 // src/molecules/creator-discovery/MCQCard/MCQCard.tsx
 import { jsx as jsx153, jsxs as jsxs114 } from "react/jsx-runtime";
+var NUMBER_WORDS = {
+  one: 1,
+  two: 2,
+  three: 3,
+  four: 4,
+  five: 5,
+  six: 6,
+  seven: 7,
+  eight: 8,
+  nine: 9,
+  ten: 10
+};
+function wordToNum(s) {
+  const n = parseInt(s, 10);
+  if (!Number.isNaN(n)) return n;
+  return NUMBER_WORDS[s.toLowerCase()] ?? NaN;
+}
+function toPositiveInt(v) {
+  const n = Math.floor(Number(v));
+  return Number.isFinite(n) && n > 0 ? n : void 0;
+}
+function inferSelectionLimits(text, optionCount) {
+  if (!text) return null;
+  const q = text.toLowerCase();
+  const all = optionCount > 0 ? optionCount : 99;
+  if (/all that apply|select all|check all|choose all|select multiple|choose multiple|more than one|as many as|any that apply/.test(q)) {
+    return { max: all, min: 1, mode: "all" };
+  }
+  const upTo = q.match(/up to (\d+|one|two|three|four|five|six|seven|eight|nine|ten)/);
+  if (upTo) {
+    const n = wordToNum(upTo[1]);
+    if (n > 1) return { max: Math.min(n, all), min: 1, mode: "upto" };
+  }
+  const pickN = q.match(/(?:select|choose|pick)\s+(?:any\s+|your\s+|the\s+)?(?:top\s+)?(\d+|one|two|three|four|five|six|seven|eight|nine|ten)\b/);
+  if (pickN) {
+    const n = wordToNum(pickN[1]);
+    if (n > 1 && n <= all) return { max: n, min: n, mode: "exact" };
+  }
+  if (/(?:select|choose|pick)\s+(?:your\s+|the\s+)?(?:preferred|favorite|favourite|relevant|applicable|matching)\s+\w+s\b/.test(q)) {
+    return { max: all, min: 1, mode: "all" };
+  }
+  if (/(?:choose|select|pick)\s+the\s+\w+s\s+that\s+(?:match|apply|fit|describe|best|are)/.test(q)) {
+    return { max: all, min: 1, mode: "all" };
+  }
+  return null;
+}
 var MCQCard = React112.memo(
   ({
     question,
     options,
     recommended,
     selectedOption: propsSelectedOption,
+    selectedOptions: propsSelectedOptions,
+    maxSelections,
+    minSelections,
     onSelect,
+    onSelectMultiple,
     onProceed,
     isLatestMessage = true,
     isLoading = false,
@@ -41198,20 +41250,54 @@ var MCQCard = React112.memo(
   }) => {
     const resolvedQuestion = question || allProps.Question || allProps.q || "";
     const resolvedOptions = options || allProps.Options || allProps.opts || {};
+    const optionCount = resolvedOptions && typeof resolvedOptions === "object" ? Object.keys(resolvedOptions).length : 0;
+    const explicitMax = toPositiveInt(
+      maxSelections ?? allProps.MaxSelections ?? allProps.max_selections ?? allProps.maxSelect
+    );
+    const explicitMin = toPositiveInt(
+      minSelections ?? allProps.MinSelections ?? allProps.min_selections
+    );
+    const inferenceText = [
+      resolvedQuestion,
+      allProps.Context,
+      allProps.context,
+      allProps.instruction,
+      allProps.helperText
+    ].filter(Boolean).join("  ");
+    const inferred = explicitMax ? null : inferSelectionLimits(inferenceText, optionCount);
+    const maxSel = explicitMax ?? inferred?.max ?? 1;
+    const isMulti = maxSel > 1;
+    const minSel = Math.min(
+      maxSel,
+      Math.max(1, explicitMin ?? inferred?.min ?? (isMulti ? maxSel : 1))
+    );
+    const isSelectAll = isMulti && !explicitMax && inferred?.mode === "all";
     const t = th(theme);
-    const [selectedOption, setSelectedOption] = React112.useState(propsSelectedOption);
-    const [isProceeded, setIsProceeded] = React112.useState(false);
+    const seedSelection = () => {
+      if (Array.isArray(propsSelectedOptions) && propsSelectedOptions.length > 0) {
+        return propsSelectedOptions.slice(0, maxSel);
+      }
+      if (propsSelectedOption) return [propsSelectedOption];
+      return [];
+    };
+    const [selectedKeys, setSelectedKeys] = React112.useState(seedSelection);
+    const [isProceeded, setIsProceeded] = React112.useState(
+      Boolean(propsSelectedOption || propsSelectedOptions && propsSelectedOptions.length)
+    );
     const fetchedSessionRef = React112.useRef("");
     React112.useEffect(() => {
       if (propsSelectedOption) {
-        setSelectedOption(propsSelectedOption);
+        setSelectedKeys([propsSelectedOption]);
+        setIsProceeded(true);
+      } else if (Array.isArray(propsSelectedOptions) && propsSelectedOptions.length > 0) {
+        setSelectedKeys(propsSelectedOptions.slice(0, maxSel));
         setIsProceeded(true);
       }
-    }, [propsSelectedOption]);
-    const buildQuestionKey = React112.useCallback((sid, question2) => {
+    }, [propsSelectedOption, propsSelectedOptions]);
+    const buildQuestionKey = React112.useCallback((sid, q) => {
       let hash = 2166136261;
-      for (let i = 0; i < question2.length; i++) {
-        hash ^= question2.charCodeAt(i);
+      for (let i = 0; i < q.length; i++) {
+        hash ^= q.charCodeAt(i);
         hash = hash * 16777619 >>> 0;
       }
       return `mcq_${sid}_${hash.toString(36)}`;
@@ -41226,54 +41312,83 @@ var MCQCard = React112.memo(
       fetchSelections(sessionId).then((selections) => {
         const stored = selections[questionKey] || selections[resolvedQuestion] || selections[`mcq_${sessionId}`];
         if (stored) {
-          setSelectedOption(stored);
-          setIsProceeded(true);
+          const restored = String(stored).split(",").map((s) => s.trim()).filter(Boolean);
+          if (restored.length) {
+            setSelectedKeys(restored);
+            setIsProceeded(true);
+          }
         }
       }).catch(() => {
       });
     }, [sessionId, propsSelectedOption, resolvedQuestion, buildQuestionKey]);
     const isDiscovery = disableContinueInDiscovery !== void 0 ? disableContinueInDiscovery : typeof window !== "undefined" && window.location.pathname.includes("creator-discovery");
+    const isOptionsDisabled = disabled || !isLatestMessage || isProceeded && !disableContinueInDiscovery;
     const handleOptionClick = (key, e) => {
       e.preventDefault();
       e.stopPropagation();
-      if (isLatestMessage && !isLoading && !disabled && !isProceeded) {
-        setSelectedOption(key);
+      if (!isLatestMessage || isLoading || disabled || isProceeded) return;
+      if (!isMulti) {
+        setSelectedKeys([key]);
         onSelect?.(key);
+        onSelectMultiple?.([key]);
+        return;
       }
+      setSelectedKeys((prev) => {
+        let next;
+        if (prev.includes(key)) {
+          next = prev.filter((k) => k !== key);
+        } else if (prev.length < maxSel) {
+          next = [...prev, key];
+        } else {
+          next = prev;
+        }
+        onSelect?.(key);
+        onSelectMultiple?.(next);
+        return next;
+      });
+    };
+    const optionsEntries = resolvedOptions && Object.keys(resolvedOptions).length > 0 ? Object.entries(resolvedOptions).map(([key, val]) => [
+      key,
+      typeof val === "string" ? val : typeof val === "object" && val !== null ? val.label || val.description || val.id || JSON.stringify(val) : String(val ?? "")
+    ]) : [];
+    const labelFor = (key) => {
+      const found = optionsEntries.find(([k]) => k === key);
+      return found ? found[1] : key;
     };
     const handleProceed = async (e) => {
       e.preventDefault();
       e.stopPropagation();
-      if ((selectedOption || recommended) && !disabled && !isProceeded) {
-        const result = selectedOption || recommended || "";
-        if (!selectedOption && recommended) {
-          setSelectedOption(recommended);
-        }
-        const rawLabel = options && options[result];
-        const label = typeof rawLabel === "string" ? rawLabel : typeof rawLabel === "object" && rawLabel !== null ? rawLabel.label || rawLabel.description || result : result;
-        setIsProceeded(true);
-        if (sessionId && resolvedQuestion) {
-          const questionKey = buildQuestionKey(sessionId, resolvedQuestion);
-          await persistSelection(sessionId, questionKey, result);
-        }
-        if (sendMessage) {
-          sendMessage(`Q: ${resolvedQuestion}
+      if (disabled || isProceeded) return;
+      let finalKeys = selectedKeys.length ? selectedKeys : recommended ? [recommended] : [];
+      finalKeys = finalKeys.slice(0, maxSel);
+      if (finalKeys.length < minSel) return;
+      if (selectedKeys.length === 0 && recommended) {
+        setSelectedKeys(finalKeys);
+      }
+      const value = finalKeys.join(",");
+      const label = finalKeys.map(labelFor).join(", ");
+      setIsProceeded(true);
+      if (sessionId && resolvedQuestion) {
+        const questionKey = buildQuestionKey(sessionId, resolvedQuestion);
+        await persistSelection(sessionId, questionKey, value);
+      }
+      if (sendMessage) {
+        sendMessage(`Q: ${resolvedQuestion}
 A: ${label}`);
-        }
-        onProceed?.(result);
-        onAction?.({
-          type: "mcq_selection",
-          value: result,
-          label
-        });
       }
+      onProceed?.(value);
+      onAction?.({
+        type: "mcq_selection",
+        value,
+        label,
+        values: finalKeys,
+        labels: finalKeys.map(labelFor)
+      });
     };
-    const isOptionsDisabled = disabled || !isLatestMessage || isProceeded && !disableContinueInDiscovery;
+    const selectedCount = selectedKeys.length;
+    const meetsMin = (selectedCount || (recommended ? 1 : 0)) >= minSel;
     const isContinueDisabled = disabled || !isLatestMessage || isProceeded || isDiscovery;
-    const optionsEntries = resolvedOptions && Object.keys(resolvedOptions).length > 0 ? Object.entries(resolvedOptions).map(([key, val]) => [
-      key,
-      typeof val === "string" ? val : typeof val === "object" && val !== null ? val.label || val.description || val.id || JSON.stringify(val) : String(val ?? "")
-    ]) : [];
+    const guidance = !isMulti ? "Select one option" : isSelectAll ? "Select all that apply" : minSel === maxSel ? `Select ${maxSel} options` : minSel <= 1 ? `Choose up to ${maxSel} options` : `Select between ${minSel} and ${maxSel} options`;
     return /* @__PURE__ */ jsxs114(
       "div",
       {
@@ -41284,10 +41399,24 @@ A: ${label}`);
         ),
         style: t.root,
         children: [
-          /* @__PURE__ */ jsx153("div", { className: "mb-4", children: /* @__PURE__ */ jsx153("p", { className: "text-sm text-cardText", style: t.text, children: resolvedQuestion || "Select an option:" }) }),
+          /* @__PURE__ */ jsxs114("div", { className: "mb-4", children: [
+            /* @__PURE__ */ jsx153("p", { className: "text-sm text-cardText", style: t.text, children: resolvedQuestion || "Select an option:" }),
+            isMulti && /* @__PURE__ */ jsxs114("p", { className: "mt-1 text-xs text-gray500 flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx153("span", { children: guidance }),
+              /* @__PURE__ */ jsxs114("span", { className: "text-gold", style: t.accent, children: [
+                "(",
+                selectedCount,
+                "/",
+                maxSel,
+                " selected)"
+              ] })
+            ] })
+          ] }),
           /* @__PURE__ */ jsx153("div", { className: "space-y-2.5 mb-4", children: optionsEntries.map(([key, label]) => {
-            const isSelected = selectedOption === key;
+            const isSelected = selectedKeys.includes(key);
             const isRecommended = key === recommended;
+            const atCap = isMulti && !isSelected && selectedCount >= maxSel;
+            const allowHover = !isOptionsDisabled && !atCap && (isMulti || selectedCount === 0);
             return /* @__PURE__ */ jsx153(
               "div",
               {
@@ -41298,8 +41427,8 @@ A: ${label}`);
                   "cursor-pointer rounded-lg p-3 transition-colors",
                   "border bg-black",
                   isSelected ? "border-cardBorder" : "border-gray400",
-                  !selectedOption && !isOptionsDisabled && "hover:border-gray500",
-                  (isLoading || isOptionsDisabled) && "opacity-50 cursor-not-allowed"
+                  allowHover && "hover:border-gray500",
+                  (isLoading || isOptionsDisabled || atCap) && "opacity-50 cursor-not-allowed"
                 ),
                 style: isSelected ? { ...t.surface, ...t.accentBorder } : t.surface,
                 children: /* @__PURE__ */ jsxs114("div", { className: "flex items-start gap-3", children: [
@@ -41307,14 +41436,28 @@ A: ${label}`);
                     "div",
                     {
                       className: cn(
-                        "w-4 h-4 rounded-full border-2 flex items-center justify-center transition-colors",
+                        "w-4 h-4 border-2 flex items-center justify-center transition-colors",
+                        isMulti ? "rounded" : "rounded-full",
                         isSelected ? "border-gold" : cn(
                           "border-gray500",
-                          !selectedOption && !isOptionsDisabled && "hover:border-gold"
+                          allowHover && "hover:border-gold"
                         )
                       ),
                       style: isSelected ? t.accentBorder : void 0,
-                      children: isSelected && /* @__PURE__ */ jsx153("div", { className: "w-2 h-2 rounded-full bg-gold", style: t.accentBg })
+                      children: isSelected && (isMulti ? /* @__PURE__ */ jsx153(
+                        "svg",
+                        {
+                          viewBox: "0 0 16 16",
+                          className: "w-3 h-3 text-gold",
+                          style: t.accent,
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: "2.5",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          children: /* @__PURE__ */ jsx153("path", { d: "M3.5 8.5l3 3 6-7" })
+                        }
+                      ) : /* @__PURE__ */ jsx153("div", { className: "w-2 h-2 rounded-full bg-gold", style: t.accentBg }))
                     }
                   ) }),
                   /* @__PURE__ */ jsxs114("div", { className: "flex-1 min-w-0", children: [
@@ -41331,7 +41474,7 @@ A: ${label}`);
             {
               "data-testid": "mcq-continue",
               onClick: handleProceed,
-              disabled: isContinueDisabled || isLoading || !selectedOption && !recommended,
+              disabled: isContinueDisabled || isLoading || !meetsMin,
               className: cn(
                 "px-4 py-1.5 border rounded-lg text-xs font-medium transition-colors",
                 "disabled:opacity-50 disabled:cursor-not-allowed",
@@ -44538,6 +44681,190 @@ function CreatorWidgetInner({
 }
 var CreatorWidget = memo(CreatorWidgetInner);
 
+// src/molecules/analytics/AnalyticsChart.tsx
+import { useEffect as useEffect15, useRef as useRef11, useState as useState23 } from "react";
+import { jsx as jsx178, jsxs as jsxs137 } from "react/jsx-runtime";
+function getCSSVar(name) {
+  if (typeof document === "undefined") return "";
+  return getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+}
+var FALLBACK_COLORS = ["#C4AD7C", "#A189E8", "#5BC582", "#F59E0B", "#3B82F6", "#EC81B6", "#4DB8AC", "#F97316"];
+function normalizeConfig(config) {
+  const xAxisType = Array.isArray(config.xAxis) ? config.xAxis[0]?.type : config.xAxis?.type;
+  if (xAxisType !== "category") return config;
+  return {
+    ...config,
+    series: (config.series || []).map((s) => ({
+      ...s,
+      data: (s.data || []).map((pt) => {
+        if (pt && typeof pt === "object" && typeof pt.x === "string") {
+          const { x, ...rest } = pt;
+          return rest;
+        }
+        return pt;
+      })
+    }))
+  };
+}
+function stripNulls(val) {
+  if (val === null || val === void 0) return void 0;
+  if (Array.isArray(val)) return val.map(stripNulls).filter((v) => v !== void 0);
+  if (typeof val === "object") {
+    const out = {};
+    for (const k of Object.keys(val)) {
+      const v = stripNulls(val[k]);
+      if (v !== void 0) out[k] = v;
+    }
+    return out;
+  }
+  return val;
+}
+var hcSingleton = null;
+var hcLoadPromise = null;
+function loadHighcharts() {
+  if (hcSingleton) return Promise.resolve(hcSingleton);
+  if (hcLoadPromise) return hcLoadPromise;
+  hcLoadPromise = import("highcharts").then((m) => {
+    hcSingleton = m.default ?? m;
+    return hcSingleton;
+  });
+  return hcLoadPromise;
+}
+function buildTheme(height) {
+  const colors = [1, 2, 3, 4, 5, 6, 7, 8].map((i) => getCSSVar(`--chart-${i}`)).filter(Boolean);
+  return {
+    colors: colors.length ? colors : FALLBACK_COLORS,
+    chart: {
+      backgroundColor: getCSSVar("--paperBackground") || "#0a0a0a",
+      style: { fontFamily: "Inter, sans-serif" },
+      height
+    },
+    title: { style: { color: getCSSVar("--txtColor") || "#E5E5E5", fontSize: "14px", fontWeight: "600" } },
+    subtitle: { style: { color: getCSSVar("--textSecondary") || "#9A9080", fontSize: "12px" } },
+    xAxis: {
+      labels: { style: { color: getCSSVar("--textSecondary") || "#9A9080", fontSize: "11px" } },
+      gridLineColor: getCSSVar("--chart-grid") || "rgba(255,255,255,0.05)",
+      lineColor: getCSSVar("--gray300") || "#363843",
+      tickColor: getCSSVar("--gray300") || "#363843"
+    },
+    yAxis: {
+      labels: { style: { color: getCSSVar("--textSecondary") || "#9A9080", fontSize: "11px" } },
+      gridLineColor: getCSSVar("--chart-grid") || "rgba(255,255,255,0.05)",
+      title: { style: { color: getCSSVar("--textSecondary") || "#9A9080" } }
+    },
+    legend: {
+      itemStyle: { color: getCSSVar("--txtColor") || "#E5E5E5", fontSize: "11px", fontWeight: "normal" },
+      itemHoverStyle: { color: getCSSVar("--gray900") || "#f5f5f5" }
+    },
+    tooltip: {
+      backgroundColor: getCSSVar("--gray100") || "#1b1c22",
+      style: { color: getCSSVar("--txtColor") || "#E5E5E5", fontSize: "12px" },
+      borderColor: getCSSVar("--gray300") || "#363843",
+      borderRadius: 6
+    },
+    plotOptions: { series: { animation: { duration: 400 } } },
+    credits: { enabled: false }
+  };
+}
+function AnalyticsChart({
+  config: configProp,
+  chartId,
+  apiBase = "",
+  authToken,
+  height = 400,
+  className,
+  loading: loadingProp,
+  error: errorProp
+}) {
+  const [mounted, setMounted] = useState23(false);
+  const [fetchedConfig, setFetchedConfig] = useState23(null);
+  const [fetching, setFetching] = useState23(false);
+  const [fetchError, setFetchError] = useState23(null);
+  const containerRef = useRef11(null);
+  const chartRef = useRef11(null);
+  useEffect15(() => {
+    setMounted(true);
+  }, []);
+  useEffect15(() => {
+    if (!chartId || configProp) return;
+    let cancelled = false;
+    setFetching(true);
+    setFetchError(null);
+    const headers = {};
+    if (authToken) headers["Authorization"] = `Bearer ${authToken}`;
+    fetch(`${apiBase}/api/charts/${chartId}`, { headers }).then((r) => {
+      if (!r.ok) throw new Error(`${r.status}`);
+      return r.json();
+    }).then((d) => {
+      if (!cancelled) setFetchedConfig(d.chart_config ?? d);
+    }).catch((e) => {
+      if (!cancelled) setFetchError(e.message ?? "Failed to load chart");
+    }).finally(() => {
+      if (!cancelled) setFetching(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [chartId, apiBase, authToken, configProp]);
+  const activeConfig = configProp ?? fetchedConfig;
+  useEffect15(() => {
+    if (!mounted || !activeConfig || !containerRef.current) return;
+    const container = containerRef.current;
+    let cancelled = false;
+    loadHighcharts().then((HC) => {
+      if (cancelled || !container) return;
+      if (chartRef.current) {
+        try {
+          chartRef.current.destroy();
+        } catch {
+        }
+        chartRef.current = null;
+      }
+      HC.setOptions(buildTheme(height));
+      chartRef.current = HC.chart(container, normalizeConfig(stripNulls(activeConfig)));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [mounted, activeConfig]);
+  useEffect15(() => {
+    return () => {
+      if (chartRef.current) {
+        try {
+          chartRef.current.destroy();
+        } catch {
+        }
+        chartRef.current = null;
+      }
+    };
+  }, []);
+  useEffect15(() => {
+    if (!mounted || !containerRef.current) return;
+    const obs = new ResizeObserver(() => {
+      try {
+        chartRef.current?.reflow();
+      } catch {
+      }
+    });
+    obs.observe(containerRef.current);
+    return () => obs.disconnect();
+  }, [mounted]);
+  const bg = getCSSVar("--paperBackground") || "#0a0a0a";
+  const mutedColor = getCSSVar("--gray300") || "#363843";
+  const displayError = errorProp ?? fetchError;
+  const isLoading = loadingProp || fetching || !mounted || !activeConfig;
+  if (displayError) {
+    return /* @__PURE__ */ jsx178("div", { className, style: { height, display: "flex", alignItems: "center", justifyContent: "center", backgroundColor: bg, borderRadius: 8, border: `1px solid ${mutedColor}` }, children: /* @__PURE__ */ jsx178("p", { style: { color: getCSSVar("--redText") || "#f87171", fontSize: 13, margin: 0 }, children: displayError }) });
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs137("div", { className, style: { height, borderRadius: 8, overflow: "hidden", position: "relative", backgroundColor: bg, border: `1px solid ${mutedColor}` }, children: [
+      /* @__PURE__ */ jsx178("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.06) 50%,transparent 100%)", animation: "hc-shimmer 1.6s ease-in-out infinite" } }),
+      /* @__PURE__ */ jsx178("style", { children: `@keyframes hc-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}` })
+    ] });
+  }
+  return /* @__PURE__ */ jsx178("div", { ref: containerRef, className, style: { width: "100%", minWidth: 0, height } });
+}
+
 // src/components/ui/index.ts
 var ui_exports = {};
 __export(ui_exports, {
@@ -44830,7 +45157,7 @@ __export(ui_exports, {
 // src/components/ui/button-group.tsx
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx178 } from "react/jsx-runtime";
+import { jsx as jsx179 } from "react/jsx-runtime";
 var buttonGroupVariants = cva8(
   "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
   {
@@ -44850,7 +45177,7 @@ function ButtonGroup({
   orientation,
   ...props
 }) {
-  return /* @__PURE__ */ jsx178(
+  return /* @__PURE__ */ jsx179(
     "div",
     {
       role: "group",
@@ -44867,7 +45194,7 @@ function ButtonGroupText({
   ...props
 }) {
   const Comp = asChild ? Slot4 : "div";
-  return /* @__PURE__ */ jsx178(
+  return /* @__PURE__ */ jsx179(
     Comp,
     {
       className: cn(
@@ -44883,7 +45210,7 @@ function ButtonGroupSeparator({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx178(
+  return /* @__PURE__ */ jsx179(
     Separator2,
     {
       "data-slot": "button-group-separator",
@@ -44899,9 +45226,9 @@ function ButtonGroupSeparator({
 
 // src/components/ui/empty.tsx
 import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx179 } from "react/jsx-runtime";
+import { jsx as jsx180 } from "react/jsx-runtime";
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     "div",
     {
       "data-slot": "empty",
@@ -44914,7 +45241,7 @@ function Empty({ className, ...props }) {
   );
 }
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     "div",
     {
       "data-slot": "empty-header",
@@ -44945,7 +45272,7 @@ function EmptyMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     "div",
     {
       "data-slot": "empty-icon",
@@ -44956,7 +45283,7 @@ function EmptyMedia({
   );
 }
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     "div",
     {
       "data-slot": "empty-title",
@@ -44966,7 +45293,7 @@ function EmptyTitle({ className, ...props }) {
   );
 }
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     "div",
     {
       "data-slot": "empty-description",
@@ -44979,7 +45306,7 @@ function EmptyDescription({ className, ...props }) {
   );
 }
 function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     "div",
     {
       "data-slot": "empty-content",
@@ -44995,9 +45322,9 @@ function EmptyContent({ className, ...props }) {
 // src/components/ui/field.tsx
 import { useMemo as useMemo12 } from "react";
 import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx180, jsxs as jsxs137 } from "react/jsx-runtime";
+import { jsx as jsx181, jsxs as jsxs138 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -45015,7 +45342,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "legend",
     {
       "data-slot": "field-legend",
@@ -45031,7 +45358,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "div",
     {
       "data-slot": "field-group",
@@ -45071,7 +45398,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "div",
     {
       role: "group",
@@ -45083,7 +45410,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "div",
     {
       "data-slot": "field-content",
@@ -45099,7 +45426,7 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     Label,
     {
       "data-slot": "field-label",
@@ -45114,7 +45441,7 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "div",
     {
       "data-slot": "field-label",
@@ -45127,7 +45454,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "p",
     {
       "data-slot": "field-description",
@@ -45146,7 +45473,7 @@ function FieldSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs137(
+  return /* @__PURE__ */ jsxs138(
     "div",
     {
       "data-slot": "field-separator",
@@ -45157,8 +45484,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx180(Separator2, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx180(
+        /* @__PURE__ */ jsx181(Separator2, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx181(
           "span",
           {
             className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
@@ -45186,14 +45513,14 @@ function FieldError({
     if (errors?.length === 1 && errors[0]?.message) {
       return errors[0].message;
     }
-    return /* @__PURE__ */ jsx180("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
-      (error, index) => error?.message && /* @__PURE__ */ jsx180("li", { children: error.message }, index)
+    return /* @__PURE__ */ jsx181("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx181("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "div",
     {
       role: "alert",
@@ -45207,9 +45534,9 @@ function FieldError({
 
 // src/components/ui/input-group.tsx
 import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx181 } from "react/jsx-runtime";
+import { jsx as jsx182 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx181(
+  return /* @__PURE__ */ jsx182(
     "div",
     {
       "data-slot": "input-group",
@@ -45253,7 +45580,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx181(
+  return /* @__PURE__ */ jsx182(
     "div",
     {
       role: "group",
@@ -45293,7 +45620,7 @@ function InputGroupButton({
   size = "xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsx181(
+  return /* @__PURE__ */ jsx182(
     Button,
     {
       type,
@@ -45305,7 +45632,7 @@ function InputGroupButton({
   );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ jsx181(
+  return /* @__PURE__ */ jsx182(
     "span",
     {
       className: cn(
@@ -45320,7 +45647,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx181(
+  return /* @__PURE__ */ jsx182(
     Input,
     {
       "data-slot": "input-group-control",
@@ -45336,7 +45663,7 @@ function InputGroupTextarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx181(
+  return /* @__PURE__ */ jsx182(
     Textarea,
     {
       "data-slot": "input-group-control",
@@ -45352,9 +45679,9 @@ function InputGroupTextarea({
 // src/components/ui/item.tsx
 import { Slot as Slot5 } from "@radix-ui/react-slot";
 import { cva as cva12 } from "class-variance-authority";
-import { jsx as jsx182 } from "react/jsx-runtime";
+import { jsx as jsx183 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "div",
     {
       role: "list",
@@ -45368,7 +45695,7 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     Separator2,
     {
       "data-slot": "item-separator",
@@ -45406,7 +45733,7 @@ function Item8({
   ...props
 }) {
   const Comp = asChild ? Slot5 : "div";
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     Comp,
     {
       "data-slot": "item",
@@ -45437,7 +45764,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "div",
     {
       "data-slot": "item-media",
@@ -45448,7 +45775,7 @@ function ItemMedia({
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "div",
     {
       "data-slot": "item-content",
@@ -45461,7 +45788,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "div",
     {
       "data-slot": "item-title",
@@ -45474,7 +45801,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "p",
     {
       "data-slot": "item-description",
@@ -45488,7 +45815,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "div",
     {
       "data-slot": "item-actions",
@@ -45498,7 +45825,7 @@ function ItemActions({ className, ...props }) {
   );
 }
 function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "div",
     {
       "data-slot": "item-header",
@@ -45511,7 +45838,7 @@ function ItemHeader({ className, ...props }) {
   );
 }
 function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "div",
     {
       "data-slot": "item-footer",
@@ -45525,9 +45852,9 @@ function ItemFooter({ className, ...props }) {
 }
 
 // src/components/ui/kbd.tsx
-import { jsx as jsx183 } from "react/jsx-runtime";
+import { jsx as jsx184 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx183(
+  return /* @__PURE__ */ jsx184(
     "kbd",
     {
       "data-slot": "kbd",
@@ -45542,7 +45869,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx183(
+  return /* @__PURE__ */ jsx184(
     "kbd",
     {
       "data-slot": "kbd-group",
@@ -45575,7 +45902,7 @@ function useIsMobile() {
 }
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx184, jsxs as jsxs138 } from "react/jsx-runtime";
+import { jsx as jsx185, jsxs as jsxs139 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -45642,7 +45969,7 @@ var SidebarProvider = React116.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ jsx184(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx184(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx184(
+    return /* @__PURE__ */ jsx185(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx185(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx185(
       "div",
       {
         style: {
@@ -45673,7 +46000,7 @@ var Sidebar = React116.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ jsx184(
+      return /* @__PURE__ */ jsx185(
         "div",
         {
           className: cn(
@@ -45687,7 +46014,7 @@ var Sidebar = React116.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ jsx184(Sheet2, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs138(
+      return /* @__PURE__ */ jsx185(Sheet2, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs139(
         SheetContent,
         {
           "data-sidebar": "sidebar",
@@ -45698,16 +46025,16 @@ var Sidebar = React116.forwardRef(
           },
           side,
           children: [
-            /* @__PURE__ */ jsxs138(SheetHeader, { className: "sr-only", children: [
-              /* @__PURE__ */ jsx184(SheetTitle, { children: "Sidebar" }),
-              /* @__PURE__ */ jsx184(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsxs139(SheetHeader, { className: "sr-only", children: [
+              /* @__PURE__ */ jsx185(SheetTitle, { children: "Sidebar" }),
+              /* @__PURE__ */ jsx185(SheetDescription, { children: "Displays the mobile sidebar." })
             ] }),
-            /* @__PURE__ */ jsx184("div", { className: "flex h-full w-full flex-col", children })
+            /* @__PURE__ */ jsx185("div", { className: "flex h-full w-full flex-col", children })
           ]
         }
       ) });
     }
-    return /* @__PURE__ */ jsxs138(
+    return /* @__PURE__ */ jsxs139(
       "div",
       {
         ref,
@@ -45717,7 +46044,7 @@ var Sidebar = React116.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ jsx184(
+          /* @__PURE__ */ jsx185(
             "div",
             {
               className: cn(
@@ -45728,7 +46055,7 @@ var Sidebar = React116.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx184(
+          /* @__PURE__ */ jsx185(
             "div",
             {
               className: cn(
@@ -45739,7 +46066,7 @@ var Sidebar = React116.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ jsx184(
+              children: /* @__PURE__ */ jsx185(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -45757,7 +46084,7 @@ var Sidebar = React116.forwardRef(
 Sidebar.displayName = "Sidebar";
 var SidebarTrigger = React116.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs138(
+  return /* @__PURE__ */ jsxs139(
     Button,
     {
       ref,
@@ -45771,8 +46098,8 @@ var SidebarTrigger = React116.forwardRef(({ className, onClick, ...props }, ref)
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx184(PanelLeft, {}),
-        /* @__PURE__ */ jsx184("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx185(PanelLeft, {}),
+        /* @__PURE__ */ jsx185("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
@@ -45780,7 +46107,7 @@ var SidebarTrigger = React116.forwardRef(({ className, onClick, ...props }, ref)
 SidebarTrigger.displayName = "SidebarTrigger";
 var SidebarRail = React116.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     "button",
     {
       ref,
@@ -45804,7 +46131,7 @@ var SidebarRail = React116.forwardRef(({ className, ...props }, ref) => {
 });
 SidebarRail.displayName = "SidebarRail";
 var SidebarInset = React116.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     "main",
     {
       ref,
@@ -45819,7 +46146,7 @@ var SidebarInset = React116.forwardRef(({ className, ...props }, ref) => {
 });
 SidebarInset.displayName = "SidebarInset";
 var SidebarInput = React116.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     Input,
     {
       ref,
@@ -45834,7 +46161,7 @@ var SidebarInput = React116.forwardRef(({ className, ...props }, ref) => {
 });
 SidebarInput.displayName = "SidebarInput";
 var SidebarHeader = React116.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     "div",
     {
       ref,
@@ -45846,7 +46173,7 @@ var SidebarHeader = React116.forwardRef(({ className, ...props }, ref) => {
 });
 SidebarHeader.displayName = "SidebarHeader";
 var SidebarFooter = React116.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     "div",
     {
       ref,
@@ -45858,7 +46185,7 @@ var SidebarFooter = React116.forwardRef(({ className, ...props }, ref) => {
 });
 SidebarFooter.displayName = "SidebarFooter";
 var SidebarSeparator = React116.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     Separator2,
     {
       ref,
@@ -45870,7 +46197,7 @@ var SidebarSeparator = React116.forwardRef(({ className, ...props }, ref) => {
 });
 SidebarSeparator.displayName = "SidebarSeparator";
 var SidebarContent = React116.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     "div",
     {
       ref,
@@ -45885,7 +46212,7 @@ var SidebarContent = React116.forwardRef(({ className, ...props }, ref) => {
 });
 SidebarContent.displayName = "SidebarContent";
 var SidebarGroup = React116.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     "div",
     {
       ref,
@@ -45898,7 +46225,7 @@ var SidebarGroup = React116.forwardRef(({ className, ...props }, ref) => {
 SidebarGroup.displayName = "SidebarGroup";
 var SidebarGroupLabel = React116.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot6 : "div";
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     Comp,
     {
       ref,
@@ -45915,7 +46242,7 @@ var SidebarGroupLabel = React116.forwardRef(({ className, asChild = false, ...pr
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
 var SidebarGroupAction = React116.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot6 : "button";
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     Comp,
     {
       ref,
@@ -45932,7 +46259,7 @@ var SidebarGroupAction = React116.forwardRef(({ className, asChild = false, ...p
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx184(
+var SidebarGroupContent = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx185(
   "div",
   {
     ref,
@@ -45942,7 +46269,7 @@ var SidebarGroupContent = React116.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx184(
+var SidebarMenu = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx185(
   "ul",
   {
     ref,
@@ -45952,7 +46279,7 @@ var SidebarMenu = React116.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx184(
+var SidebarMenuItem = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx185(
   "li",
   {
     ref,
@@ -45994,7 +46321,7 @@ var SidebarMenuButton = React116.forwardRef(
   }, ref) => {
     const Comp = asChild ? Slot6 : "button";
     const { isMobile, state } = useSidebar();
-    const button = /* @__PURE__ */ jsx184(
+    const button = /* @__PURE__ */ jsx185(
       Comp,
       {
         ref,
@@ -46013,9 +46340,9 @@ var SidebarMenuButton = React116.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ jsxs138(Tooltip, { children: [
-      /* @__PURE__ */ jsx184(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx184(
+    return /* @__PURE__ */ jsxs139(Tooltip, { children: [
+      /* @__PURE__ */ jsx185(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx185(
         TooltipContent,
         {
           side: "right",
@@ -46030,7 +46357,7 @@ var SidebarMenuButton = React116.forwardRef(
 SidebarMenuButton.displayName = "SidebarMenuButton";
 var SidebarMenuAction = React116.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot6 : "button";
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     Comp,
     {
       ref,
@@ -46051,7 +46378,7 @@ var SidebarMenuAction = React116.forwardRef(({ className, asChild = false, showO
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx184(
+var SidebarMenuBadge = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx185(
   "div",
   {
     ref,
@@ -46073,7 +46400,7 @@ var SidebarMenuSkeleton = React116.forwardRef(({ className, showIcon = false, ..
   const width = React116.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ jsxs138(
+  return /* @__PURE__ */ jsxs139(
     "div",
     {
       ref,
@@ -46081,14 +46408,14 @@ var SidebarMenuSkeleton = React116.forwardRef(({ className, showIcon = false, ..
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx184(
+        showIcon && /* @__PURE__ */ jsx185(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx184(
+        /* @__PURE__ */ jsx185(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -46103,7 +46430,7 @@ var SidebarMenuSkeleton = React116.forwardRef(({ className, showIcon = false, ..
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx184(
+var SidebarMenuSub = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx185(
   "ul",
   {
     ref,
@@ -46117,11 +46444,11 @@ var SidebarMenuSub = React116.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React116.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx184("li", { ref, ...props }));
+var SidebarMenuSubItem = React116.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx185("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
 var SidebarMenuSubButton = React116.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot6 : "a";
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     Comp,
     {
       ref,
@@ -46145,20 +46472,20 @@ SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 // src/components/ui/sonner.tsx
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx185 } from "react/jsx-runtime";
+import { jsx as jsx186 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx185(
+  return /* @__PURE__ */ jsx186(
     Sonner,
     {
       theme,
       className: "toaster group",
       icons: {
-        success: /* @__PURE__ */ jsx185(CircleCheck, { className: "h-4 w-4" }),
-        info: /* @__PURE__ */ jsx185(Info, { className: "h-4 w-4" }),
-        warning: /* @__PURE__ */ jsx185(TriangleAlert, { className: "h-4 w-4" }),
-        error: /* @__PURE__ */ jsx185(OctagonX, { className: "h-4 w-4" }),
-        loading: /* @__PURE__ */ jsx185(LoaderCircle, { className: "h-4 w-4 animate-spin" })
+        success: /* @__PURE__ */ jsx186(CircleCheck, { className: "h-4 w-4" }),
+        info: /* @__PURE__ */ jsx186(Info, { className: "h-4 w-4" }),
+        warning: /* @__PURE__ */ jsx186(TriangleAlert, { className: "h-4 w-4" }),
+        error: /* @__PURE__ */ jsx186(OctagonX, { className: "h-4 w-4" }),
+        loading: /* @__PURE__ */ jsx186(LoaderCircle, { className: "h-4 w-4 animate-spin" })
       },
       toastOptions: {
         classNames: {
@@ -46176,24 +46503,24 @@ var Toaster = ({ ...props }) => {
 // src/components/ui/toggle-group.tsx
 import * as React117 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { jsx as jsx186 } from "react/jsx-runtime";
+import { jsx as jsx187 } from "react/jsx-runtime";
 var ToggleGroupContext = React117.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React117.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx186(
+var ToggleGroup = React117.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx187(
   ToggleGroupPrimitive.Root,
   {
     ref,
     className: cn("flex items-center justify-center gap-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx186(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    children: /* @__PURE__ */ jsx187(ToggleGroupContext.Provider, { value: { variant, size }, children })
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
 var ToggleGroupItem = React117.forwardRef(({ className, children, variant, size, ...props }, ref) => {
   const context = React117.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx186(
+  return /* @__PURE__ */ jsx187(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -46212,7 +46539,7 @@ var ToggleGroupItem = React117.forwardRef(({ className, children, variant, size,
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/render/PXEngineRenderer.tsx
-import { jsx as jsx187, jsxs as jsxs139 } from "react/jsx-runtime";
+import { jsx as jsx188, jsxs as jsxs140 } from "react/jsx-runtime";
 var MOLECULE_REFS = new Set(Object.values(molecules_exports));
 var CONTEXT_DEPENDENT_COMPONENTS = /* @__PURE__ */ new Set([
   // Form components - require FormField + FormItem context
@@ -46318,24 +46645,24 @@ var REGISTERED_COMPONENTS = /* @__PURE__ */ new Set([
 ]);
 var renderContextDependentError = (componentName, normalizedName, key) => {
   const suggestion = COMPONENT_SUGGESTIONS[normalizedName] || `${componentName}Atom (if available)`;
-  return /* @__PURE__ */ jsxs139(
+  return /* @__PURE__ */ jsxs140(
     "div",
     {
       className: "p-4 border-2 border-amber-500/50 rounded-lg bg-amber-50/80 space-y-2 my-2",
       children: [
-        /* @__PURE__ */ jsxs139("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ jsx187("span", { className: "text-amber-600 font-bold text-lg", children: "\u26A0\uFE0F" }),
-          /* @__PURE__ */ jsxs139("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsxs139("p", { className: "text-sm font-semibold text-amber-900", children: [
+        /* @__PURE__ */ jsxs140("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsx188("span", { className: "text-amber-600 font-bold text-lg", children: "\u26A0\uFE0F" }),
+          /* @__PURE__ */ jsxs140("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsxs140("p", { className: "text-sm font-semibold text-amber-900", children: [
               "Invalid Component: ",
               componentName
             ] }),
-            /* @__PURE__ */ jsx187("p", { className: "text-xs text-amber-700 mt-1", children: "This component requires React Context and cannot be rendered directly in schemas." })
+            /* @__PURE__ */ jsx188("p", { className: "text-xs text-amber-700 mt-1", children: "This component requires React Context and cannot be rendered directly in schemas." })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs139("div", { className: "bg-white/60 p-3 rounded border border-amber-200", children: [
-          /* @__PURE__ */ jsx187("p", { className: "text-xs font-semibold text-gray-700 mb-1.5", children: "\u2713 Use instead:" }),
-          /* @__PURE__ */ jsx187("code", { className: "text-xs text-blue-700 bg-blue-50 px-2 py-1 rounded", children: suggestion })
+        /* @__PURE__ */ jsxs140("div", { className: "bg-white/60 p-3 rounded border border-amber-200", children: [
+          /* @__PURE__ */ jsx188("p", { className: "text-xs font-semibold text-gray-700 mb-1.5", children: "\u2713 Use instead:" }),
+          /* @__PURE__ */ jsx188("code", { className: "text-xs text-blue-700 bg-blue-50 px-2 py-1 rounded", children: suggestion })
         ] })
       ]
     },
@@ -46440,7 +46767,7 @@ var PXEngineRenderer = ({
   const root = schema.root || schema;
   const renderRecursive = (component, index) => {
     if (Array.isArray(component)) {
-      return /* @__PURE__ */ jsx187(React118.Fragment, { children: component.map((child, idx) => renderRecursive(child, idx)) }, index !== void 0 ? `array-${index}` : "array-root");
+      return /* @__PURE__ */ jsx188(React118.Fragment, { children: component.map((child, idx) => renderRecursive(child, idx)) }, index !== void 0 ? `array-${index}` : "array-root");
     }
     if (typeof component === "string" || typeof component === "number") {
       return component;
@@ -46563,7 +46890,7 @@ var PXEngineRenderer = ({
     const effectiveOnAction = finalProps.onAction ?? onAction;
     delete finalProps.onAction;
     if (isAtomWithRenderProp) {
-      return /* @__PURE__ */ jsx187(
+      return /* @__PURE__ */ jsx188(
         TargetComponent,
         {
           ...finalProps,
@@ -46575,7 +46902,7 @@ var PXEngineRenderer = ({
         uniqueKey
       );
     } else {
-      return /* @__PURE__ */ jsx187(
+      return /* @__PURE__ */ jsx188(
         TargetComponent,
         {
           ...finalProps,
@@ -46587,7 +46914,7 @@ var PXEngineRenderer = ({
       );
     }
   };
-  return /* @__PURE__ */ jsx187(WidgetThemeContext.Provider, { value: effectiveTheme, children: /* @__PURE__ */ jsx187("div", { className: "px-engine-root relative w-full h-full", children: renderRecursive(root) }) });
+  return /* @__PURE__ */ jsx188(WidgetThemeContext.Provider, { value: effectiveTheme, children: /* @__PURE__ */ jsx188("div", { className: "px-engine-root relative w-full h-full", children: renderRecursive(root) }) });
 };
 export {
   Accordion,
@@ -46611,6 +46938,7 @@ export {
   AlertDialogTitle,
   AlertDialogTrigger,
   AlertTitle,
+  AnalyticsChart,
   ApprovalCard,
   ArrowToggleAtom,
   AspectRatio,