@datatechsolutions/ui 2.11.52 → 2.11.55

package/dist/{chunk-2BUYACAN.js → chunk-5N6QYUAA.js}

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
 var chunkS7KHTUHA_js = require('./chunk-S7KHTUHA.js');
 var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
-var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
 var Headless6 = require('@headlessui/react');
 var clsx = require('clsx');
 var React12 = require('react');
@@ -2248,6 +2248,143 @@ function renderBars(series, seriesIndex, seriesCount, count, domain, width, heig
     );
   }) }, series.name);
 }
+function DashboardView({ spec, className }) {
+  const layout = spec.layout ?? "grid";
+  const hasCharts = (spec.charts?.length ?? 0) > 0;
+  const chartGrid = layout === "grid" && (spec.charts?.length ?? 0) > 1 ? "grid grid-cols-1 gap-4 lg:grid-cols-2" : "grid grid-cols-1 gap-4";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: className ?? "space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold text-slate-900 dark:text-slate-100", children: spec.title }),
+      spec.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: spec.subtitle })
+    ] }),
+    spec.kpis && spec.kpis.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      "section",
+      {
+        className: spec.kpis.length > 3 ? "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4" : "grid grid-cols-1 gap-3 sm:grid-cols-3",
+        children: spec.kpis.map((kpi, index) => /* @__PURE__ */ jsxRuntime.jsx(KpiCard, { kpi }, `${kpi.label}-${index}`))
+      }
+    ),
+    hasCharts && /* @__PURE__ */ jsxRuntime.jsx("section", { className: chartGrid, children: spec.charts?.map((chart, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "rounded-xl border border-zinc-950/10 bg-white p-4 dark:border-white/10 dark:bg-zinc-900",
+        children: /* @__PURE__ */ jsxRuntime.jsx(ChartRenderer, { spec: chart })
+      },
+      `${chart.title}-${index}`
+    )) }),
+    spec.table && spec.table.rows.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-zinc-950/10 bg-white dark:border-white/10 dark:bg-zinc-900", children: [
+      spec.table.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "border-b border-zinc-950/10 px-5 py-3 text-sm font-semibold text-slate-900 dark:border-white/10 dark:text-slate-100", children: spec.table.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(DashboardTableView, { table: spec.table })
+    ] }),
+    spec.recommendation && spec.recommendation.trim().length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-indigo-500/20 bg-indigo-500/5 p-4 dark:border-indigo-400/30 dark:bg-indigo-500/10", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-indigo-700 dark:text-indigo-300", children: "Recommendation" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-indigo-900 dark:text-indigo-100", children: spec.recommendation })
+    ] }),
+    spec.meta && Object.keys(spec.meta).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("footer", { className: "flex flex-wrap gap-4 text-[10px] text-slate-400 dark:text-slate-500", children: Object.entries(spec.meta).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold uppercase tracking-wide", children: key }),
+      ": ",
+      value
+    ] }, key)) })
+  ] });
+}
+function KpiCard({ kpi }) {
+  const value = typeof kpi.value === "number" ? formatNumber(kpi.value) : kpi.value;
+  const displayValue = kpi.unit ? `${value}${kpi.unit}` : value;
+  const variant = kpi.tone ?? "default";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MetricCard,
+    {
+      title: kpi.label,
+      value: displayValue,
+      variant,
+      trend: kpi.deltaPct !== void 0 ? { value: kpi.deltaPct } : void 0
+    }
+  );
+}
+function DashboardTableView({ table }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-zinc-200 text-sm dark:divide-zinc-700", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-zinc-50 dark:bg-zinc-800/50", children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: table.columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
+      "th",
+      {
+        scope: "col",
+        className: `px-4 py-2 text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400 ${columnAlign(column.align)}`,
+        children: column.label
+      },
+      column.key
+    )) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-zinc-100 dark:divide-zinc-800", children: table.rows.map((row, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "hover:bg-zinc-50/70 dark:hover:bg-zinc-800/30", children: table.columns.map((column) => {
+      const raw = row[column.key] ?? "";
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "td",
+        {
+          className: `px-4 py-2 text-slate-700 dark:text-slate-300 ${columnAlign(column.align)}`,
+          children: formatCell(raw, column.format)
+        },
+        column.key
+      );
+    }) }, rowIndex)) })
+  ] }) });
+}
+function columnAlign(align) {
+  if (align === "right") return "text-right";
+  if (align === "center") return "text-center";
+  return "text-left";
+}
+function formatCell(value, format3) {
+  if (value === null || value === void 0 || value === "") return "\u2014";
+  if (format3 === "currency" && typeof value === "number") {
+    return new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(value);
+  }
+  if (format3 === "percent" && typeof value === "number") {
+    return `${(value * 100).toFixed(1)}%`;
+  }
+  if (format3 === "number" && typeof value === "number") {
+    return formatNumber(value);
+  }
+  return String(value);
+}
+function formatNumber(value) {
+  if (Math.abs(value) >= 1e3) return new Intl.NumberFormat("en-US").format(Math.round(value));
+  return value.toFixed(Math.abs(value) < 10 ? 2 : 1);
+}
+
+// src/types/dashboard-spec.ts
+function validateDashboardSpec(spec) {
+  const issues = [];
+  const hasCharts = (spec.charts?.length ?? 0) > 0;
+  const hasKpis = (spec.kpis?.length ?? 0) > 0;
+  const hasTable = (spec.table?.rows.length ?? 0) > 0;
+  const hasRecommendation = Boolean(spec.recommendation?.trim());
+  if (!hasCharts && !hasKpis && !hasTable && !hasRecommendation) {
+    issues.push({ kind: "empty", message: "Dashboard has no content (no charts, KPIs, table, or recommendation)." });
+  }
+  spec.charts?.forEach((chart, chartIndex) => {
+    if (chart.series.length === 0) {
+      issues.push({
+        kind: "chartSeriesMissing",
+        chartIndex,
+        message: `Chart "${chart.title}" has no series.`
+      });
+    }
+  });
+  if (spec.table) {
+    const columnKeys = new Set(spec.table.columns.map((column) => column.key));
+    const reported = /* @__PURE__ */ new Set();
+    for (const row of spec.table.rows) {
+      for (const key of Object.keys(row)) {
+        if (!columnKeys.has(key) && !reported.has(key)) {
+          reported.add(key);
+          issues.push({
+            kind: "tableColumnMissing",
+            column: key,
+            message: `Table row references column "${key}" not declared in columns.`
+          });
+        }
+      }
+    }
+  }
+  return issues;
+}
 function AgentAnalysisCard({ name, avatar, duration, output }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-surface rounded-xl p-3 transition-all duration-300", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1.5", children: [
@@ -20489,6 +20626,7 @@ exports.CountPill = CountPill;
 exports.CreateActionButton = CreateActionButton;
 exports.DE_THEME_CONFIG = DE_THEME_CONFIG;
 exports.DashboardProgressShell = DashboardProgressShell;
+exports.DashboardView = DashboardView;
 exports.DataPagination = DataPagination;
 exports.DatePicker = DatePicker;
 exports.DeleteSwipeAction = DeleteSwipeAction;
@@ -21109,7 +21247,8 @@ exports.useGeoMapState = useGeoMapState;
 exports.useNotifications = useNotifications;
 exports.usePlatformShellStore = usePlatformShellStore;
 exports.usePullToRefresh = usePullToRefresh;
+exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-2BUYACAN.js.map
-//# sourceMappingURL=chunk-2BUYACAN.js.map
+//# sourceMappingURL=chunk-5N6QYUAA.js.map
+//# sourceMappingURL=chunk-5N6QYUAA.js.map