@contractspec/example.analytics-dashboard 3.9.9 → 3.9.10

package/dist/ui/AnalyticsDashboard.js

@@ -1,1116 +1,2 @@
 // @bun
-// src/visualizations/specs.breakdown.ts
-import { defineVisualization } from "@contractspec/lib.contracts-spec/visualizations";
-var QUERY_REF = { key: "analytics.query.execute", version: "1.0.0" };
-var META = {
-  version: "1.0.0",
-  domain: "analytics",
-  stability: "experimental",
-  owners: ["@example.analytics-dashboard"],
-  tags: ["analytics", "dashboard", "visualization"]
-};
-var ChannelMixVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "analytics.visualization.channel-mix",
-    title: "Channel Mix",
-    description: "Session distribution across acquisition channels.",
-    goal: "Explain which channels currently drive the largest share of traffic.",
-    context: "Marketing attribution dashboard."
-  },
-  source: { primary: QUERY_REF, resultPath: "data" },
-  visualization: {
-    kind: "pie",
-    nameDimension: "channel",
-    valueMeasure: "sessions",
-    dimensions: [
-      {
-        key: "channel",
-        label: "Channel",
-        dataPath: "channel",
-        type: "category"
-      }
-    ],
-    measures: [{ key: "sessions", label: "Sessions", dataPath: "sessions" }],
-    table: { caption: "Sessions by acquisition channel." }
-  }
-});
-var EngagementHeatmapVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "analytics.visualization.engagement-heatmap",
-    title: "Engagement Heatmap",
-    description: "Average engagement score by weekday and time band.",
-    goal: "Reveal the highest-engagement time windows for product activity.",
-    context: "Usage analytics dashboard."
-  },
-  source: { primary: QUERY_REF, resultPath: "data" },
-  visualization: {
-    kind: "heatmap",
-    xDimension: "timeBand",
-    yDimension: "weekday",
-    valueMeasure: "engagementScore",
-    dimensions: [
-      {
-        key: "timeBand",
-        label: "Time Band",
-        dataPath: "timeBand",
-        type: "category"
-      },
-      {
-        key: "weekday",
-        label: "Weekday",
-        dataPath: "weekday",
-        type: "category"
-      }
-    ],
-    measures: [
-      {
-        key: "engagementScore",
-        label: "Engagement",
-        dataPath: "engagementScore"
-      }
-    ],
-    table: { caption: "Engagement score by weekday and time band." }
-  }
-});
-var ConversionFunnelVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "analytics.visualization.conversion-funnel",
-    title: "Conversion Funnel",
-    description: "Progression through the main acquisition funnel.",
-    goal: "Show where the product is losing the largest share of prospects.",
-    context: "Growth dashboard."
-  },
-  source: { primary: QUERY_REF, resultPath: "data" },
-  visualization: {
-    kind: "funnel",
-    nameDimension: "stage",
-    valueMeasure: "users",
-    sort: "descending",
-    dimensions: [
-      { key: "stage", label: "Stage", dataPath: "stage", type: "category" }
-    ],
-    measures: [{ key: "users", label: "Users", dataPath: "users" }],
-    table: { caption: "Users per conversion stage." }
-  }
-});
-var AccountCoverageGeoVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "analytics.visualization.account-coverage-geo",
-    title: "Account Coverage",
-    description: "High-value accounts plotted on a slippy-map surface.",
-    goal: "Locate where active commercial concentration is strongest.",
-    context: "Territory coverage dashboard."
-  },
-  source: { primary: QUERY_REF, resultPath: "data" },
-  visualization: {
-    kind: "geo",
-    mode: "slippy-map",
-    variant: "scatter",
-    nameDimension: "city",
-    latitudeDimension: "latitude",
-    longitudeDimension: "longitude",
-    valueMeasure: "accounts",
-    dimensions: [
-      { key: "city", label: "City", dataPath: "city", type: "category" },
-      {
-        key: "latitude",
-        label: "Latitude",
-        dataPath: "latitude",
-        type: "latitude"
-      },
-      {
-        key: "longitude",
-        label: "Longitude",
-        dataPath: "longitude",
-        type: "longitude"
-      }
-    ],
-    measures: [{ key: "accounts", label: "Accounts", dataPath: "accounts" }],
-    table: { caption: "Account concentration by city." }
-  }
-});
-
-// src/visualizations/specs.performance.ts
-import { defineVisualization as defineVisualization2 } from "@contractspec/lib.contracts-spec/visualizations";
-var QUERY_REF2 = { key: "analytics.query.execute", version: "1.0.0" };
-var META2 = {
-  version: "1.0.0",
-  domain: "analytics",
-  stability: "experimental",
-  owners: ["@example.analytics-dashboard"],
-  tags: ["analytics", "dashboard", "visualization"]
-};
-var RevenueMetricVisualization = defineVisualization2({
-  meta: {
-    ...META2,
-    key: "analytics.visualization.revenue-metric",
-    title: "Revenue Snapshot",
-    description: "Current recurring revenue with prior-period comparison.",
-    goal: "Highlight the headline commercial metric for the dashboard.",
-    context: "Executive revenue overview."
-  },
-  source: { primary: QUERY_REF2, resultPath: "data" },
-  visualization: {
-    kind: "metric",
-    measure: "totalRevenue",
-    comparisonMeasure: "priorRevenue",
-    dimensions: [
-      { key: "period", label: "Period", dataPath: "period", type: "time" }
-    ],
-    measures: [
-      {
-        key: "totalRevenue",
-        label: "Revenue",
-        dataPath: "totalRevenue",
-        format: "currency"
-      },
-      {
-        key: "priorRevenue",
-        label: "Prior Revenue",
-        dataPath: "priorRevenue",
-        format: "currency"
-      }
-    ],
-    sparkline: { dimension: "period", measure: "totalRevenue" },
-    table: { caption: "Revenue trend and prior period values." }
-  }
-});
-var RevenueTrendVisualization = defineVisualization2({
-  meta: {
-    ...META2,
-    key: "analytics.visualization.revenue-trend",
-    title: "Revenue Trend",
-    description: "Monthly revenue progression for the current quarter.",
-    goal: "Track whether revenue growth is accelerating or stalling.",
-    context: "Quarterly commercial dashboard."
-  },
-  source: { primary: QUERY_REF2, resultPath: "data" },
-  visualization: {
-    kind: "cartesian",
-    variant: "line",
-    xDimension: "date",
-    yMeasures: ["revenue"],
-    dimensions: [
-      { key: "date", label: "Month", dataPath: "date", type: "time" }
-    ],
-    measures: [
-      {
-        key: "revenue",
-        label: "Revenue",
-        dataPath: "revenue",
-        format: "currency",
-        color: "#0f766e"
-      }
-    ],
-    thresholds: [
-      { key: "target", value: 140000, label: "Target", color: "#dc2626" }
-    ],
-    table: { caption: "Monthly revenue values." }
-  }
-});
-var RegionalRevenueVisualization = defineVisualization2({
-  meta: {
-    ...META2,
-    key: "analytics.visualization.regional-revenue",
-    title: "Regional Revenue",
-    description: "Revenue split by sales territory.",
-    goal: "Compare the strongest and weakest performing territories.",
-    context: "Territory planning and commercial comparison."
-  },
-  source: { primary: QUERY_REF2, resultPath: "data" },
-  visualization: {
-    kind: "cartesian",
-    variant: "bar",
-    xDimension: "region",
-    yMeasures: ["revenue"],
-    dimensions: [
-      { key: "region", label: "Region", dataPath: "region", type: "category" }
-    ],
-    measures: [
-      {
-        key: "revenue",
-        label: "Revenue",
-        dataPath: "revenue",
-        format: "currency",
-        color: "#1d4ed8"
-      }
-    ],
-    table: { caption: "Revenue by region." }
-  }
-});
-var RetentionAreaVisualization = defineVisualization2({
-  meta: {
-    ...META2,
-    key: "analytics.visualization.retention-area",
-    title: "Retention Curve",
-    description: "Weekly retention progression across the active cohort.",
-    goal: "Show whether user retention remains above the desired floor.",
-    context: "Product health dashboard."
-  },
-  source: { primary: QUERY_REF2, resultPath: "data" },
-  visualization: {
-    kind: "cartesian",
-    variant: "area",
-    xDimension: "week",
-    yMeasures: ["retentionRate"],
-    dimensions: [
-      { key: "week", label: "Week", dataPath: "week", type: "category" }
-    ],
-    measures: [
-      {
-        key: "retentionRate",
-        label: "Retention",
-        dataPath: "retentionRate",
-        format: "percentage",
-        color: "#16a34a"
-      }
-    ],
-    thresholds: [
-      { key: "floor", value: 0.5, label: "Floor", color: "#f59e0b" }
-    ],
-    table: { caption: "Weekly retention rate." }
-  }
-});
-var PipelineScatterVisualization = defineVisualization2({
-  meta: {
-    ...META2,
-    key: "analytics.visualization.pipeline-scatter",
-    title: "Pipeline Velocity",
-    description: "Deal-cycle length against win rate for active accounts.",
-    goal: "Spot outliers where the sales cycle is long but conversion remains weak.",
-    context: "Commercial operations dashboard."
-  },
-  source: { primary: QUERY_REF2, resultPath: "data" },
-  visualization: {
-    kind: "cartesian",
-    variant: "scatter",
-    xDimension: "cycleDays",
-    yMeasures: ["winRate"],
-    dimensions: [
-      {
-        key: "cycleDays",
-        label: "Cycle Days",
-        dataPath: "cycleDays",
-        type: "number"
-      }
-    ],
-    measures: [
-      {
-        key: "winRate",
-        label: "Win Rate",
-        dataPath: "winRate",
-        format: "percentage",
-        color: "#7c3aed"
-      },
-      {
-        key: "arr",
-        label: "ARR",
-        dataPath: "arr",
-        format: "currency"
-      }
-    ],
-    series: [
-      {
-        key: "pipeline",
-        label: "Accounts",
-        measure: "winRate",
-        type: "scatter",
-        color: "#7c3aed"
-      }
-    ],
-    table: { caption: "Sales cycle and win rate per account." }
-  }
-});
-
-// src/visualizations/catalog.ts
-import { VisualizationRegistry } from "@contractspec/lib.contracts-spec/visualizations";
-var AnalyticsVisualizationSpecs = [
-  RevenueMetricVisualization,
-  RevenueTrendVisualization,
-  RegionalRevenueVisualization,
-  RetentionAreaVisualization,
-  PipelineScatterVisualization,
-  ChannelMixVisualization,
-  EngagementHeatmapVisualization,
-  ConversionFunnelVisualization,
-  AccountCoverageGeoVisualization
-];
-var AnalyticsVisualizationRegistry = new VisualizationRegistry([
-  ...AnalyticsVisualizationSpecs
-]);
-var AnalyticsVisualizationRefs = AnalyticsVisualizationSpecs.map((spec) => refOf(spec));
-var AnalyticsVisualizationSpecMap = new Map(AnalyticsVisualizationSpecs.map((spec) => [
-  visualizationRefKey(spec.meta),
-  spec
-]));
-var AnalyticsVisualizationSampleData = {
-  [visualizationRefKey(RevenueMetricVisualization.meta)]: {
-    data: [
-      { period: "2025-11-01", totalRevenue: 112000, priorRevenue: 103000 },
-      { period: "2025-12-01", totalRevenue: 119000, priorRevenue: 110000 },
-      { period: "2026-01-01", totalRevenue: 126500, priorRevenue: 116000 },
-      { period: "2026-02-01", totalRevenue: 133000, priorRevenue: 124000 },
-      { period: "2026-03-01", totalRevenue: 145500, priorRevenue: 133000 }
-    ]
-  },
-  [visualizationRefKey(RevenueTrendVisualization.meta)]: {
-    data: [
-      { date: "2025-11-01", revenue: 112000 },
-      { date: "2025-12-01", revenue: 119000 },
-      { date: "2026-01-01", revenue: 126500 },
-      { date: "2026-02-01", revenue: 133000 },
-      { date: "2026-03-01", revenue: 145500 }
-    ]
-  },
-  [visualizationRefKey(RegionalRevenueVisualization.meta)]: {
-    data: [
-      { region: "North America", revenue: 210000 },
-      { region: "EMEA", revenue: 174000 },
-      { region: "APAC", revenue: 132000 },
-      { region: "LATAM", revenue: 88000 }
-    ]
-  },
-  [visualizationRefKey(RetentionAreaVisualization.meta)]: {
-    data: [
-      { week: "Week 1", retentionRate: 0.71 },
-      { week: "Week 2", retentionRate: 0.66 },
-      { week: "Week 3", retentionRate: 0.62 },
-      { week: "Week 4", retentionRate: 0.58 },
-      { week: "Week 5", retentionRate: 0.55 },
-      { week: "Week 6", retentionRate: 0.53 }
-    ]
-  },
-  [visualizationRefKey(PipelineScatterVisualization.meta)]: {
-    data: [
-      { cycleDays: 18, winRate: 0.31, arr: 82000 },
-      { cycleDays: 26, winRate: 0.44, arr: 65000 },
-      { cycleDays: 33, winRate: 0.27, arr: 91000 },
-      { cycleDays: 14, winRate: 0.56, arr: 47000 },
-      { cycleDays: 21, winRate: 0.48, arr: 59000 },
-      { cycleDays: 39, winRate: 0.22, arr: 114000 }
-    ]
-  },
-  [visualizationRefKey(ChannelMixVisualization.meta)]: {
-    data: [
-      { channel: "Direct", sessions: 4200 },
-      { channel: "Organic Search", sessions: 3600 },
-      { channel: "Paid Search", sessions: 2100 },
-      { channel: "Partner", sessions: 1400 },
-      { channel: "Referral", sessions: 900 }
-    ]
-  },
-  [visualizationRefKey(EngagementHeatmapVisualization.meta)]: {
-    data: [
-      { weekday: "Mon", timeBand: "09:00", engagementScore: 74 },
-      { weekday: "Mon", timeBand: "13:00", engagementScore: 82 },
-      { weekday: "Tue", timeBand: "09:00", engagementScore: 69 },
-      { weekday: "Tue", timeBand: "13:00", engagementScore: 88 },
-      { weekday: "Wed", timeBand: "09:00", engagementScore: 77 },
-      { weekday: "Wed", timeBand: "13:00", engagementScore: 91 },
-      { weekday: "Thu", timeBand: "09:00", engagementScore: 72 },
-      { weekday: "Thu", timeBand: "13:00", engagementScore: 86 },
-      { weekday: "Fri", timeBand: "09:00", engagementScore: 65 },
-      { weekday: "Fri", timeBand: "13:00", engagementScore: 79 }
-    ]
-  },
-  [visualizationRefKey(ConversionFunnelVisualization.meta)]: {
-    data: [
-      { stage: "Visited Site", users: 12000 },
-      { stage: "Started Trial", users: 4200 },
-      { stage: "Activated Workspace", users: 2400 },
-      { stage: "Requested Demo", users: 980 },
-      { stage: "Closed Won", users: 310 }
-    ]
-  },
-  [visualizationRefKey(AccountCoverageGeoVisualization.meta)]: {
-    data: [
-      { city: "Paris", latitude: 48.8566, longitude: 2.3522, accounts: 48 },
-      { city: "London", latitude: 51.5072, longitude: -0.1276, accounts: 62 },
-      { city: "New York", latitude: 40.7128, longitude: -74.006, accounts: 71 },
-      { city: "Toronto", latitude: 43.6532, longitude: -79.3832, accounts: 36 },
-      {
-        city: "Singapore",
-        latitude: 1.3521,
-        longitude: 103.8198,
-        accounts: 29
-      }
-    ]
-  }
-};
-function refOf(spec) {
-  return { key: spec.meta.key, version: spec.meta.version };
-}
-function visualizationRefKey(ref) {
-  return `${ref.key}.v${ref.version}`;
-}
-
-// src/visualizations/widgets.ts
-var LEGACY_VISUALIZATION_REFS = {
-  METRIC: refOf(RevenueMetricVisualization),
-  LINE_CHART: refOf(RevenueTrendVisualization),
-  BAR_CHART: refOf(RegionalRevenueVisualization),
-  AREA_CHART: refOf(RetentionAreaVisualization),
-  SCATTER_PLOT: refOf(PipelineScatterVisualization),
-  PIE_CHART: refOf(ChannelMixVisualization),
-  HEATMAP: refOf(EngagementHeatmapVisualization),
-  FUNNEL: refOf(ConversionFunnelVisualization),
-  MAP: refOf(AccountCoverageGeoVisualization)
-};
-function createExampleWidgets(dashboardId) {
-  return [
-    widget(dashboardId, "widget_revenue_metric", "Revenue Snapshot", "METRIC", 0, 0, 4, 2, {
-      layout: "single",
-      bindings: [binding(RevenueMetricVisualization, 200)]
-    }),
-    widget(dashboardId, "widget_revenue_trend", "Revenue Trend", "LINE_CHART", 4, 0, 8, 4, {
-      layout: "single",
-      bindings: [binding(RevenueTrendVisualization)]
-    }),
-    widget(dashboardId, "widget_regional_revenue", "Regional Revenue", "BAR_CHART", 0, 2, 6, 4, {
-      layout: "single",
-      bindings: [binding(RegionalRevenueVisualization)]
-    }),
-    widget(dashboardId, "widget_channel_mix", "Channel Mix", "PIE_CHART", 6, 2, 6, 4, {
-      layout: "single",
-      bindings: [binding(ChannelMixVisualization)]
-    }),
-    widget(dashboardId, "widget_retention", "Retention Curve", "AREA_CHART", 0, 6, 6, 4, {
-      layout: "single",
-      bindings: [binding(RetentionAreaVisualization)]
-    }),
-    widget(dashboardId, "widget_pipeline", "Pipeline Velocity", "SCATTER_PLOT", 6, 6, 6, 4, {
-      layout: "single",
-      bindings: [binding(PipelineScatterVisualization)]
-    }),
-    widget(dashboardId, "widget_heatmap", "Engagement Heatmap", "HEATMAP", 0, 10, 8, 4, {
-      layout: "single",
-      bindings: [binding(EngagementHeatmapVisualization)]
-    }),
-    widget(dashboardId, "widget_funnel", "Conversion Funnel", "FUNNEL", 8, 10, 4, 4, {
-      layout: "single",
-      bindings: [binding(ConversionFunnelVisualization)]
-    }),
-    widget(dashboardId, "widget_geo", "Account Coverage", "MAP", 0, 14, 12, 5, {
-      layout: "single",
-      bindings: [binding(AccountCoverageGeoVisualization, 360)]
-    }),
-    widget(dashboardId, "widget_comparison", "Commercial Comparison", "EMBED", 0, 19, 12, 6, {
-      layout: "comparison",
-      description: "Compare regional distribution, channel balance, and funnel shape.",
-      bindings: [
-        binding(RegionalRevenueVisualization, 240),
-        binding(ChannelMixVisualization, 240),
-        binding(ConversionFunnelVisualization, 240)
-      ]
-    }),
-    widget(dashboardId, "widget_timeline", "Growth Timeline", "EMBED", 0, 25, 12, 6, {
-      layout: "timeline",
-      description: "Track revenue and retention over the same reporting cadence.",
-      bindings: [
-        binding(RevenueTrendVisualization, 220),
-        binding(RetentionAreaVisualization, 220)
-      ]
-    })
-  ];
-}
-function resolveAnalyticsWidget(widget) {
-  const config = parseWidgetConfig(widget);
-  const bindings = config.bindings.map((binding) => {
-    const spec = AnalyticsVisualizationSpecMap.get(visualizationRefKey(binding.ref));
-    if (!spec)
-      return null;
-    return {
-      key: `${widget.id}:${visualizationRefKey(binding.ref)}`,
-      spec,
-      data: binding.data,
-      title: binding.title ?? spec.meta.title,
-      description: binding.description ?? spec.meta.description,
-      height: binding.height
-    };
-  }).filter((binding) => Boolean(binding));
-  if (!bindings.length)
-    return null;
-  return {
-    id: widget.id,
-    name: widget.name,
-    description: config.description,
-    layout: config.layout,
-    gridX: widget.gridX,
-    gridY: widget.gridY,
-    gridWidth: widget.gridWidth,
-    gridHeight: widget.gridHeight,
-    bindings
-  };
-}
-function parseWidgetConfig(widget) {
-  if (isAnalyticsWidgetConfig(widget.config)) {
-    return widget.config;
-  }
-  const legacyRef = LEGACY_VISUALIZATION_REFS[widget.type];
-  return legacyRef ? {
-    layout: "single",
-    bindings: [
-      {
-        ref: legacyRef,
-        data: AnalyticsVisualizationSampleData[visualizationRefKey(legacyRef)]
-      }
-    ]
-  } : { layout: "single", bindings: [] };
-}
-function binding(spec, height = 280) {
-  return {
-    ref: refOf(spec),
-    data: AnalyticsVisualizationSampleData[visualizationRefKey(spec.meta)],
-    height
-  };
-}
-function widget(dashboardId, id, name, type, gridX, gridY, gridWidth, gridHeight, config) {
-  const now = new Date;
-  return {
-    id,
-    dashboardId,
-    name,
-    type,
-    gridX,
-    gridY,
-    gridWidth,
-    gridHeight,
-    config,
-    createdAt: now,
-    updatedAt: now
-  };
-}
-function isAnalyticsWidgetConfig(value) {
-  if (!value || typeof value !== "object")
-    return false;
-  const candidate = value;
-  return (candidate.layout === "single" || candidate.layout === "comparison" || candidate.layout === "timeline") && Array.isArray(candidate.bindings);
-}
-// src/ui/AnalyticsDashboard.widgets.tsx
-import {
-  ComparisonView,
-  TimelineView,
-  VisualizationCard,
-  VisualizationGrid
-} from "@contractspec/lib.design-system";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-function AnalyticsWidgetBoard({
-  dashboardName,
-  widgets
-}) {
-  if (!widgets.length) {
-    return /* @__PURE__ */ jsxDEV("div", {
-      className: "rounded-lg border border-dashed p-10 text-center text-muted-foreground",
-      children: [
-        'No visualization widgets configured for "',
-        dashboardName,
-        '".'
-      ]
-    }, undefined, true, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV("div", {
-    children: [
-      /* @__PURE__ */ jsxDEV("h3", {
-        className: "mb-4 font-semibold text-lg",
-        children: [
-          'Widgets in "',
-          dashboardName,
-          '"'
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV(VisualizationGrid, {
-        children: widgets.map((widget2) => /* @__PURE__ */ jsxDEV("div", {
-          className: gridSpanClass(widget2.gridWidth),
-          children: renderVisualizationWidget(widget2)
-        }, widget2.id, false, undefined, this))
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-function renderVisualizationWidget(widget2) {
-  const footer = /* @__PURE__ */ jsxDEV("span", {
-    className: "text-muted-foreground text-xs",
-    children: [
-      "Position: (",
-      widget2.gridX,
-      ", ",
-      widget2.gridY,
-      ") \u2022 ",
-      widget2.gridWidth,
-      "x",
-      widget2.gridHeight
-    ]
-  }, undefined, true, undefined, this);
-  if (widget2.layout === "comparison") {
-    return /* @__PURE__ */ jsxDEV(ComparisonView, {
-      description: widget2.description,
-      items: widget2.bindings.map((binding3) => ({ ...binding3, footer })),
-      title: widget2.name
-    }, undefined, false, undefined, this);
-  }
-  if (widget2.layout === "timeline") {
-    return /* @__PURE__ */ jsxDEV(TimelineView, {
-      description: widget2.description,
-      items: widget2.bindings.map((binding3) => ({ ...binding3, footer })),
-      title: widget2.name
-    }, undefined, false, undefined, this);
-  }
-  const binding2 = widget2.bindings[0];
-  if (!binding2)
-    return null;
-  return /* @__PURE__ */ jsxDEV(VisualizationCard, {
-    data: binding2.data,
-    description: widget2.description ?? binding2.description,
-    footer,
-    height: binding2.height,
-    spec: binding2.spec,
-    title: widget2.name
-  }, undefined, false, undefined, this);
-}
-function gridSpanClass(gridWidth) {
-  if (gridWidth >= 12)
-    return "md:col-span-2 xl:col-span-3";
-  if (gridWidth >= 8)
-    return "xl:col-span-2";
-  if (gridWidth >= 6)
-    return "md:col-span-2";
-  return "";
-}
-
-// src/ui/AnalyticsQueriesTable.tsx
-import { DataTable } from "@contractspec/lib.design-system";
-import { useContractTable } from "@contractspec/lib.presentation-runtime-react";
-import { Badge } from "@contractspec/lib.ui-kit-web/ui/badge";
-import { HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Text } from "@contractspec/lib.ui-kit-web/ui/text";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-"use client";
-var QUERY_TYPE_COLORS = {
-  SQL: "default",
-  METRIC: "secondary",
-  AGGREGATION: "secondary",
-  CUSTOM: "outline"
-};
-function formatJson(value) {
-  return JSON.stringify(value, null, 2);
-}
-function AnalyticsQueriesTable({ queries }) {
-  const controller = useContractTable({
-    data: queries,
-    columns: [
-      {
-        id: "query",
-        header: "Query",
-        label: "Query",
-        accessor: (query) => query.name,
-        cell: ({ item }) => /* @__PURE__ */ jsxDEV2(VStack, {
-          gap: "xs",
-          children: [
-            /* @__PURE__ */ jsxDEV2(Text, {
-              className: "font-medium text-sm",
-              children: item.name
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV2(Text, {
-              className: "text-muted-foreground text-xs",
-              children: [
-                "Updated ",
-                item.updatedAt.toLocaleDateString()
-              ]
-            }, undefined, true, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        size: 240,
-        minSize: 180,
-        canSort: true,
-        canPin: true,
-        canResize: true
-      },
-      {
-        id: "description",
-        header: "Description",
-        label: "Description",
-        accessor: (query) => query.description ?? "",
-        cell: ({ value }) => /* @__PURE__ */ jsxDEV2(Text, {
-          className: "line-clamp-2 text-muted-foreground text-sm",
-          children: String(value || "No description")
-        }, undefined, false, undefined, this),
-        size: 300,
-        minSize: 220,
-        canSort: false,
-        canHide: true,
-        canResize: true
-      },
-      {
-        id: "type",
-        header: "Type",
-        label: "Type",
-        accessorKey: "type",
-        cell: ({ value }) => /* @__PURE__ */ jsxDEV2(Badge, {
-          variant: QUERY_TYPE_COLORS[String(value)],
-          children: String(value)
-        }, undefined, false, undefined, this),
-        size: 150,
-        canSort: true,
-        canHide: true,
-        canResize: true
-      },
-      {
-        id: "cacheTtlSeconds",
-        header: "Cache TTL",
-        label: "Cache TTL",
-        accessorKey: "cacheTtlSeconds",
-        cell: ({ value }) => `${String(value)}s`,
-        align: "right",
-        size: 140,
-        canSort: true,
-        canResize: true
-      },
-      {
-        id: "isShared",
-        header: "Shared",
-        label: "Shared",
-        accessorKey: "isShared",
-        cell: ({ value }) => /* @__PURE__ */ jsxDEV2(Badge, {
-          variant: value ? "default" : "outline",
-          children: value ? "Shared" : "Private"
-        }, undefined, false, undefined, this),
-        size: 140,
-        canSort: true,
-        canHide: true,
-        canResize: true
-      }
-    ],
-    initialState: {
-      pagination: { pageIndex: 0, pageSize: 3 },
-      columnVisibility: { description: false },
-      columnPinning: { left: ["query"], right: [] }
-    },
-    renderExpandedContent: (query) => /* @__PURE__ */ jsxDEV2(VStack, {
-      gap: "sm",
-      className: "py-2",
-      children: [
-        /* @__PURE__ */ jsxDEV2(VStack, {
-          gap: "xs",
-          children: [
-            /* @__PURE__ */ jsxDEV2(Text, {
-              className: "font-medium text-sm",
-              children: "Description"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV2(Text, {
-              className: "text-muted-foreground text-sm",
-              children: query.description ?? "No description"
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        query.sql ? /* @__PURE__ */ jsxDEV2(VStack, {
-          gap: "xs",
-          children: [
-            /* @__PURE__ */ jsxDEV2(Text, {
-              className: "font-medium text-sm",
-              children: "SQL"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV2("pre", {
-              className: "overflow-auto rounded-md bg-muted/40 p-3 text-xs",
-              children: query.sql
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this) : null,
-        /* @__PURE__ */ jsxDEV2(VStack, {
-          gap: "xs",
-          children: [
-            /* @__PURE__ */ jsxDEV2(Text, {
-              className: "font-medium text-sm",
-              children: "Definition"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV2("pre", {
-              className: "overflow-auto rounded-md bg-muted/40 p-3 text-xs",
-              children: formatJson(query.definition)
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      ]
-    }, undefined, true, undefined, this),
-    getCanExpand: () => true
-  });
-  return /* @__PURE__ */ jsxDEV2(DataTable, {
-    controller,
-    title: "Saved Queries",
-    description: "Client-mode table using the shared ContractSpec controller and renderer.",
-    toolbar: /* @__PURE__ */ jsxDEV2(HStack, {
-      gap: "sm",
-      className: "flex-wrap",
-      children: [
-        /* @__PURE__ */ jsxDEV2(Text, {
-          className: "text-muted-foreground text-sm",
-          children: [
-            queries.length,
-            " queries"
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV2(Text, {
-          className: "text-muted-foreground text-sm",
-          children: [
-            queries.filter((query) => query.isShared).length,
-            " shared"
-          ]
-        }, undefined, true, undefined, this)
-      ]
-    }, undefined, true, undefined, this),
-    emptyState: /* @__PURE__ */ jsxDEV2("div", {
-      className: "rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",
-      children: "No queries saved"
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-
-// src/ui/hooks/useAnalyticsData.ts
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { useCallback, useEffect, useState } from "react";
-"use client";
-function useAnalyticsData(projectId = "local-project") {
-  const { handlers } = useTemplateRuntime();
-  const analytics = handlers.analytics;
-  const [dashboards, setDashboards] = useState([]);
-  const [queries, setQueries] = useState([]);
-  const [selectedDashboard, setSelectedDashboard] = useState(null);
-  const [widgets, setWidgets] = useState([]);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const fetchData = useCallback(async () => {
-    try {
-      setLoading(true);
-      setError(null);
-      const [dashResult, queryResult] = await Promise.all([
-        analytics.listDashboards({ projectId, limit: 100 }),
-        analytics.listQueries({ projectId, limit: 100 })
-      ]);
-      setDashboards(dashResult.dashboards);
-      setQueries(queryResult.queries);
-      if (dashResult.dashboards.length > 0 && !selectedDashboard) {
-        const first = dashResult.dashboards[0];
-        if (first) {
-          setSelectedDashboard(first);
-          const dashboardWidgets = await analytics.getWidgets(first.id);
-          setWidgets(dashboardWidgets.length > 0 ? dashboardWidgets : createExampleWidgets(first.id));
-        }
-      }
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Failed to load analytics"));
-    } finally {
-      setLoading(false);
-    }
-  }, [analytics, projectId, selectedDashboard]);
-  useEffect(() => {
-    fetchData();
-  }, [fetchData]);
-  const selectDashboard = useCallback(async (dashboard) => {
-    setSelectedDashboard(dashboard);
-    const dashboardWidgets = await analytics.getWidgets(dashboard.id);
-    setWidgets(dashboardWidgets.length > 0 ? dashboardWidgets : createExampleWidgets(dashboard.id));
-  }, [analytics]);
-  const stats = {
-    totalDashboards: dashboards.length,
-    publishedDashboards: dashboards.filter((d) => d.status === "PUBLISHED").length,
-    totalQueries: queries.length,
-    sharedQueries: queries.filter((q) => q.isShared).length
-  };
-  return {
-    dashboards,
-    queries,
-    selectedDashboard,
-    widgets,
-    loading,
-    error,
-    stats,
-    refetch: fetchData,
-    selectDashboard
-  };
-}
-
-// src/ui/AnalyticsDashboard.tsx
-import {
-  Button,
-  ErrorState,
-  LoaderBlock,
-  StatCard,
-  StatCardGroup
-} from "@contractspec/lib.design-system";
-import { useMemo, useState as useState2 } from "react";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-"use client";
-var STATUS_COLORS = {
-  PUBLISHED: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
-  DRAFT: "bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-400",
-  ARCHIVED: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400"
-};
-function AnalyticsDashboard() {
-  const [activeTab, setActiveTab] = useState2("dashboards");
-  const {
-    dashboards,
-    queries,
-    selectedDashboard,
-    widgets,
-    loading,
-    error,
-    stats,
-    refetch,
-    selectDashboard
-  } = useAnalyticsData();
-  const tabs = [
-    { id: "dashboards", label: "Dashboards", icon: "\uD83D\uDCCA" },
-    { id: "queries", label: "Queries", icon: "\uD83D\uDD0D" }
-  ];
-  const resolvedWidgets = useMemo(() => widgets.map((widget2) => resolveAnalyticsWidget(widget2)).filter((widget2) => Boolean(widget2)), [widgets]);
-  if (loading) {
-    return /* @__PURE__ */ jsxDEV3(LoaderBlock, {
-      label: "Loading Analytics..."
-    }, undefined, false, undefined, this);
-  }
-  if (error) {
-    return /* @__PURE__ */ jsxDEV3(ErrorState, {
-      title: "Failed to load Analytics",
-      description: error.message,
-      onRetry: refetch,
-      retryLabel: "Retry"
-    }, undefined, false, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV3("div", {
-    className: "space-y-6",
-    children: [
-      /* @__PURE__ */ jsxDEV3("div", {
-        className: "flex items-center justify-between",
-        children: [
-          /* @__PURE__ */ jsxDEV3("h2", {
-            className: "font-bold text-2xl",
-            children: "Analytics Dashboard"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3(Button, {
-            onClick: () => alert("Create dashboard modal"),
-            children: [
-              /* @__PURE__ */ jsxDEV3("span", {
-                className: "mr-2",
-                children: "+"
-              }, undefined, false, undefined, this),
-              " New Dashboard"
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3(StatCardGroup, {
-        children: [
-          /* @__PURE__ */ jsxDEV3(StatCard, {
-            label: "Dashboards",
-            value: stats.totalDashboards,
-            hint: `${stats.publishedDashboards} published`
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3(StatCard, {
-            label: "Queries",
-            value: stats.totalQueries,
-            hint: `${stats.sharedQueries} shared`
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3(StatCard, {
-            label: "Widgets",
-            value: widgets.length,
-            hint: "on current dashboard"
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("nav", {
-        className: "flex gap-1 rounded-lg bg-muted p-1",
-        role: "tablist",
-        children: tabs.map((tab) => /* @__PURE__ */ jsxDEV3(Button, {
-          type: "button",
-          role: "tab",
-          "aria-selected": activeTab === tab.id,
-          onClick: () => setActiveTab(tab.id),
-          className: `flex flex-1 items-center justify-center gap-2 rounded-md px-4 py-2 font-medium text-sm transition-colors ${activeTab === tab.id ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
-          children: [
-            /* @__PURE__ */ jsxDEV3("span", {
-              children: tab.icon
-            }, undefined, false, undefined, this),
-            tab.label
-          ]
-        }, tab.id, true, undefined, this))
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
-        className: "min-h-[400px]",
-        role: "tabpanel",
-        children: [
-          activeTab === "dashboards" && /* @__PURE__ */ jsxDEV3("div", {
-            className: "space-y-6",
-            children: [
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-                children: [
-                  dashboards.map((dashboard) => /* @__PURE__ */ jsxDEV3("div", {
-                    onClick: () => selectDashboard(dashboard),
-                    className: `cursor-pointer rounded-lg border border-border bg-card p-4 transition-all ${selectedDashboard?.id === dashboard.id ? "ring-2 ring-primary" : "hover:bg-muted/50"}`,
-                    role: "button",
-                    tabIndex: 0,
-                    onKeyDown: (e) => {
-                      if (e.key === "Enter" || e.key === " ")
-                        selectDashboard(dashboard);
-                    },
-                    children: [
-                      /* @__PURE__ */ jsxDEV3("div", {
-                        className: "mb-2 flex items-center justify-between",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3("h3", {
-                            className: "font-medium",
-                            children: dashboard.name
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3("span", {
-                            className: `inline-flex rounded-full px-2 py-0.5 font-medium text-xs ${STATUS_COLORS[dashboard.status] ?? ""}`,
-                            children: dashboard.status
-                          }, undefined, false, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("p", {
-                        className: "mb-3 text-muted-foreground text-sm",
-                        children: dashboard.description
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("div", {
-                        className: "flex items-center justify-between text-muted-foreground text-xs",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3("span", {
-                            children: [
-                              "/",
-                              dashboard.slug
-                            ]
-                          }, undefined, true, undefined, this),
-                          dashboard.isPublic && /* @__PURE__ */ jsxDEV3("span", {
-                            className: "text-green-600 dark:text-green-400",
-                            children: "\uD83C\uDF10 Public"
-                          }, undefined, false, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, dashboard.id, true, undefined, this)),
-                  dashboards.length === 0 && /* @__PURE__ */ jsxDEV3("div", {
-                    className: "col-span-full flex h-64 items-center justify-center text-muted-foreground",
-                    children: "No dashboards created yet"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              selectedDashboard ? /* @__PURE__ */ jsxDEV3(AnalyticsWidgetBoard, {
-                dashboardName: selectedDashboard.name,
-                widgets: resolvedWidgets
-              }, undefined, false, undefined, this) : null
-            ]
-          }, undefined, true, undefined, this),
-          activeTab === "queries" && /* @__PURE__ */ jsxDEV3(AnalyticsQueriesTable, {
-            queries
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  AnalyticsDashboard
-};
+import{defineVisualization as g}from"@contractspec/lib.contracts-spec/visualizations";var l={key:"analytics.query.execute",version:"1.0.0"},u={version:"1.0.0",domain:"analytics",stability:"experimental",owners:["@example.analytics-dashboard"],tags:["analytics","dashboard","visualization"]},O=g({meta:{...u,key:"analytics.visualization.channel-mix",title:"Channel Mix",description:"Session distribution across acquisition channels.",goal:"Explain which channels currently drive the largest share of traffic.",context:"Marketing attribution dashboard."},source:{primary:l,resultPath:"data"},visualization:{kind:"pie",nameDimension:"channel",valueMeasure:"sessions",dimensions:[{key:"channel",label:"Channel",dataPath:"channel",type:"category"}],measures:[{key:"sessions",label:"Sessions",dataPath:"sessions"}],table:{caption:"Sessions by acquisition channel."}}}),D=g({meta:{...u,key:"analytics.visualization.engagement-heatmap",title:"Engagement Heatmap",description:"Average engagement score by weekday and time band.",goal:"Reveal the highest-engagement time windows for product activity.",context:"Usage analytics dashboard."},source:{primary:l,resultPath:"data"},visualization:{kind:"heatmap",xDimension:"timeBand",yDimension:"weekday",valueMeasure:"engagementScore",dimensions:[{key:"timeBand",label:"Time Band",dataPath:"timeBand",type:"category"},{key:"weekday",label:"Weekday",dataPath:"weekday",type:"category"}],measures:[{key:"engagementScore",label:"Engagement",dataPath:"engagementScore"}],table:{caption:"Engagement score by weekday and time band."}}}),M=g({meta:{...u,key:"analytics.visualization.conversion-funnel",title:"Conversion Funnel",description:"Progression through the main acquisition funnel.",goal:"Show where the product is losing the largest share of prospects.",context:"Growth dashboard."},source:{primary:l,resultPath:"data"},visualization:{kind:"funnel",nameDimension:"stage",valueMeasure:"users",sort:"descending",dimensions:[{key:"stage",label:"Stage",dataPath:"stage",type:"category"}],measures:[{key:"users",label:"Users",dataPath:"users"}],table:{caption:"Users per conversion stage."}}}),q=g({meta:{...u,key:"analytics.visualization.account-coverage-geo",title:"Account Coverage",description:"High-value accounts plotted on a slippy-map surface.",goal:"Locate where active commercial concentration is strongest.",context:"Territory coverage dashboard."},source:{primary:l,resultPath:"data"},visualization:{kind:"geo",mode:"slippy-map",variant:"scatter",nameDimension:"city",latitudeDimension:"latitude",longitudeDimension:"longitude",valueMeasure:"accounts",dimensions:[{key:"city",label:"City",dataPath:"city",type:"category"},{key:"latitude",label:"Latitude",dataPath:"latitude",type:"latitude"},{key:"longitude",label:"Longitude",dataPath:"longitude",type:"longitude"}],measures:[{key:"accounts",label:"Accounts",dataPath:"accounts"}],table:{caption:"Account concentration by city."}}});import{defineVisualization as z}from"@contractspec/lib.contracts-spec/visualizations";var v={key:"analytics.query.execute",version:"1.0.0"},w={version:"1.0.0",domain:"analytics",stability:"experimental",owners:["@example.analytics-dashboard"],tags:["analytics","dashboard","visualization"]},S=z({meta:{...w,key:"analytics.visualization.revenue-metric",title:"Revenue Snapshot",description:"Current recurring revenue with prior-period comparison.",goal:"Highlight the headline commercial metric for the dashboard.",context:"Executive revenue overview."},source:{primary:v,resultPath:"data"},visualization:{kind:"metric",measure:"totalRevenue",comparisonMeasure:"priorRevenue",dimensions:[{key:"period",label:"Period",dataPath:"period",type:"time"}],measures:[{key:"totalRevenue",label:"Revenue",dataPath:"totalRevenue",format:"currency"},{key:"priorRevenue",label:"Prior Revenue",dataPath:"priorRevenue",format:"currency"}],sparkline:{dimension:"period",measure:"totalRevenue"},table:{caption:"Revenue trend and prior period values."}}}),C=z({meta:{...w,key:"analytics.visualization.revenue-trend",title:"Revenue Trend",description:"Monthly revenue progression for the current quarter.",goal:"Track whether revenue growth is accelerating or stalling.",context:"Quarterly commercial dashboard."},source:{primary:v,resultPath:"data"},visualization:{kind:"cartesian",variant:"line",xDimension:"date",yMeasures:["revenue"],dimensions:[{key:"date",label:"Month",dataPath:"date",type:"time"}],measures:[{key:"revenue",label:"Revenue",dataPath:"revenue",format:"currency",color:"#0f766e"}],thresholds:[{key:"target",value:140000,label:"Target",color:"#dc2626"}],table:{caption:"Monthly revenue values."}}}),A=z({meta:{...w,key:"analytics.visualization.regional-revenue",title:"Regional Revenue",description:"Revenue split by sales territory.",goal:"Compare the strongest and weakest performing territories.",context:"Territory planning and commercial comparison."},source:{primary:v,resultPath:"data"},visualization:{kind:"cartesian",variant:"bar",xDimension:"region",yMeasures:["revenue"],dimensions:[{key:"region",label:"Region",dataPath:"region",type:"category"}],measures:[{key:"revenue",label:"Revenue",dataPath:"revenue",format:"currency",color:"#1d4ed8"}],table:{caption:"Revenue by region."}}}),p=z({meta:{...w,key:"analytics.visualization.retention-area",title:"Retention Curve",description:"Weekly retention progression across the active cohort.",goal:"Show whether user retention remains above the desired floor.",context:"Product health dashboard."},source:{primary:v,resultPath:"data"},visualization:{kind:"cartesian",variant:"area",xDimension:"week",yMeasures:["retentionRate"],dimensions:[{key:"week",label:"Week",dataPath:"week",type:"category"}],measures:[{key:"retentionRate",label:"Retention",dataPath:"retentionRate",format:"percentage",color:"#16a34a"}],thresholds:[{key:"floor",value:0.5,label:"Floor",color:"#f59e0b"}],table:{caption:"Weekly retention rate."}}}),I=z({meta:{...w,key:"analytics.visualization.pipeline-scatter",title:"Pipeline Velocity",description:"Deal-cycle length against win rate for active accounts.",goal:"Spot outliers where the sales cycle is long but conversion remains weak.",context:"Commercial operations dashboard."},source:{primary:v,resultPath:"data"},visualization:{kind:"cartesian",variant:"scatter",xDimension:"cycleDays",yMeasures:["winRate"],dimensions:[{key:"cycleDays",label:"Cycle Days",dataPath:"cycleDays",type:"number"}],measures:[{key:"winRate",label:"Win Rate",dataPath:"winRate",format:"percentage",color:"#7c3aed"},{key:"arr",label:"ARR",dataPath:"arr",format:"currency"}],series:[{key:"pipeline",label:"Accounts",measure:"winRate",type:"scatter",color:"#7c3aed"}],table:{caption:"Sales cycle and win rate per account."}}});import{VisualizationRegistry as Hm}from"@contractspec/lib.contracts-spec/visualizations";var b=[S,C,A,p,I,O,D,M,q],Bm=new Hm([...b]),Wm=b.map((m)=>B(m)),i=new Map(b.map((m)=>[X(m.meta),m])),o={[X(S.meta)]:{data:[{period:"2025-11-01",totalRevenue:112000,priorRevenue:103000},{period:"2025-12-01",totalRevenue:119000,priorRevenue:110000},{period:"2026-01-01",totalRevenue:126500,priorRevenue:116000},{period:"2026-02-01",totalRevenue:133000,priorRevenue:124000},{period:"2026-03-01",totalRevenue:145500,priorRevenue:133000}]},[X(C.meta)]:{data:[{date:"2025-11-01",revenue:112000},{date:"2025-12-01",revenue:119000},{date:"2026-01-01",revenue:126500},{date:"2026-02-01",revenue:133000},{date:"2026-03-01",revenue:145500}]},[X(A.meta)]:{data:[{region:"North America",revenue:210000},{region:"EMEA",revenue:174000},{region:"APAC",revenue:132000},{region:"LATAM",revenue:88000}]},[X(p.meta)]:{data:[{week:"Week 1",retentionRate:0.71},{week:"Week 2",retentionRate:0.66},{week:"Week 3",retentionRate:0.62},{week:"Week 4",retentionRate:0.58},{week:"Week 5",retentionRate:0.55},{week:"Week 6",retentionRate:0.53}]},[X(I.meta)]:{data:[{cycleDays:18,winRate:0.31,arr:82000},{cycleDays:26,winRate:0.44,arr:65000},{cycleDays:33,winRate:0.27,arr:91000},{cycleDays:14,winRate:0.56,arr:47000},{cycleDays:21,winRate:0.48,arr:59000},{cycleDays:39,winRate:0.22,arr:114000}]},[X(O.meta)]:{data:[{channel:"Direct",sessions:4200},{channel:"Organic Search",sessions:3600},{channel:"Paid Search",sessions:2100},{channel:"Partner",sessions:1400},{channel:"Referral",sessions:900}]},[X(D.meta)]:{data:[{weekday:"Mon",timeBand:"09:00",engagementScore:74},{weekday:"Mon",timeBand:"13:00",engagementScore:82},{weekday:"Tue",timeBand:"09:00",engagementScore:69},{weekday:"Tue",timeBand:"13:00",engagementScore:88},{weekday:"Wed",timeBand:"09:00",engagementScore:77},{weekday:"Wed",timeBand:"13:00",engagementScore:91},{weekday:"Thu",timeBand:"09:00",engagementScore:72},{weekday:"Thu",timeBand:"13:00",engagementScore:86},{weekday:"Fri",timeBand:"09:00",engagementScore:65},{weekday:"Fri",timeBand:"13:00",engagementScore:79}]},[X(M.meta)]:{data:[{stage:"Visited Site",users:12000},{stage:"Started Trial",users:4200},{stage:"Activated Workspace",users:2400},{stage:"Requested Demo",users:980},{stage:"Closed Won",users:310}]},[X(q.meta)]:{data:[{city:"Paris",latitude:48.8566,longitude:2.3522,accounts:48},{city:"London",latitude:51.5072,longitude:-0.1276,accounts:62},{city:"New York",latitude:40.7128,longitude:-74.006,accounts:71},{city:"Toronto",latitude:43.6532,longitude:-79.3832,accounts:36},{city:"Singapore",latitude:1.3521,longitude:103.8198,accounts:29}]}};function B(m){return{key:m.meta.key,version:m.meta.version}}function X(m){return`${m.key}.v${m.version}`}var Lm={METRIC:B(S),LINE_CHART:B(C),BAR_CHART:B(A),AREA_CHART:B(p),SCATTER_PLOT:B(I),PIE_CHART:B(O),HEATMAP:B(D),FUNNEL:B(M),MAP:B(q)};function r(m){return[k(m,"widget_revenue_metric","Revenue Snapshot","METRIC",0,0,4,2,{layout:"single",bindings:[H(S,200)]}),k(m,"widget_revenue_trend","Revenue Trend","LINE_CHART",4,0,8,4,{layout:"single",bindings:[H(C)]}),k(m,"widget_regional_revenue","Regional Revenue","BAR_CHART",0,2,6,4,{layout:"single",bindings:[H(A)]}),k(m,"widget_channel_mix","Channel Mix","PIE_CHART",6,2,6,4,{layout:"single",bindings:[H(O)]}),k(m,"widget_retention","Retention Curve","AREA_CHART",0,6,6,4,{layout:"single",bindings:[H(p)]}),k(m,"widget_pipeline","Pipeline Velocity","SCATTER_PLOT",6,6,6,4,{layout:"single",bindings:[H(I)]}),k(m,"widget_heatmap","Engagement Heatmap","HEATMAP",0,10,8,4,{layout:"single",bindings:[H(D)]}),k(m,"widget_funnel","Conversion Funnel","FUNNEL",8,10,4,4,{layout:"single",bindings:[H(M)]}),k(m,"widget_geo","Account Coverage","MAP",0,14,12,5,{layout:"single",bindings:[H(q,360)]}),k(m,"widget_comparison","Commercial Comparison","EMBED",0,19,12,6,{layout:"comparison",description:"Compare regional distribution, channel balance, and funnel shape.",bindings:[H(A,240),H(O,240),H(M,240)]}),k(m,"widget_timeline","Growth Timeline","EMBED",0,25,12,6,{layout:"timeline",description:"Track revenue and retention over the same reporting cadence.",bindings:[H(C,220),H(p,220)]})]}function s(m){let $=Km(m),N=$.bindings.map((J)=>{let W=i.get(X(J.ref));if(!W)return null;return{key:`${m.id}:${X(J.ref)}`,spec:W,data:J.data,title:J.title??W.meta.title,description:J.description??W.meta.description,height:J.height}}).filter((J)=>Boolean(J));if(!N.length)return null;return{id:m.id,name:m.name,description:$.description,layout:$.layout,gridX:m.gridX,gridY:m.gridY,gridWidth:m.gridWidth,gridHeight:m.gridHeight,bindings:N}}function Km(m){if(km(m.config))return m.config;let $=Lm[m.type];return $?{layout:"single",bindings:[{ref:$,data:o[X($)]}]}:{layout:"single",bindings:[]}}function H(m,$=280){return{ref:B(m),data:o[X(m.meta)],height:$}}function k(m,$,N,J,W,U,E,_,Q){let V=new Date;return{id:$,dashboardId:m,name:N,type:J,gridX:W,gridY:U,gridWidth:E,gridHeight:_,config:Q,createdAt:V,updatedAt:V}}function km(m){if(!m||typeof m!=="object")return!1;let $=m;return($.layout==="single"||$.layout==="comparison"||$.layout==="timeline")&&Array.isArray($.bindings)}import{ComparisonView as Um,TimelineView as Qm,VisualizationCard as Ym,VisualizationGrid as Fm}from"@contractspec/lib.design-system";import{jsx as R,jsxs as n}from"react/jsx-runtime";function mm({dashboardName:m,widgets:$}){if(!$.length)return n("div",{className:"rounded-lg border border-dashed p-10 text-center text-muted-foreground",children:['No visualization widgets configured for "',m,'".']});return n("div",{children:[n("h3",{className:"mb-4 font-semibold text-lg",children:['Widgets in "',m,'"']}),R(Fm,{children:$.map((N)=>R("div",{className:Om(N.gridWidth),children:_m(N)},N.id))})]})}function _m(m){let $=n("span",{className:"text-muted-foreground text-xs",children:["Position: (",m.gridX,", ",m.gridY,") \u2022 ",m.gridWidth,"x",m.gridHeight]});if(m.layout==="comparison")return R(Um,{description:m.description,items:m.bindings.map((J)=>({...J,footer:$})),title:m.name});if(m.layout==="timeline")return R(Qm,{description:m.description,items:m.bindings.map((J)=>({...J,footer:$})),title:m.name});let N=m.bindings[0];if(!N)return null;return R(Ym,{data:N.data,description:m.description??N.description,footer:$,height:N.height,spec:N.spec,title:m.name})}function Om(m){if(m>=12)return"md:col-span-2 xl:col-span-3";if(m>=8)return"xl:col-span-2";if(m>=6)return"md:col-span-2";return""}import{DataTable as Mm}from"@contractspec/lib.design-system";import{useContractTable as Cm}from"@contractspec/lib.presentation-runtime-react";import{Badge as Nm}from"@contractspec/lib.ui-kit-web/ui/badge";import{HStack as Am,VStack as x}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as Y}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as L,jsxs as F}from"react/jsx-runtime";var pm={SQL:"default",METRIC:"secondary",AGGREGATION:"secondary",CUSTOM:"outline"};function Dm(m){return JSON.stringify(m,null,2)}function $m({queries:m}){let $=Cm({data:m,columns:[{id:"query",header:"Query",label:"Query",accessor:(N)=>N.name,cell:({item:N})=>F(x,{gap:"xs",children:[L(Y,{className:"font-medium text-sm",children:N.name}),F(Y,{className:"text-muted-foreground text-xs",children:["Updated ",N.updatedAt.toLocaleDateString()]})]}),size:240,minSize:180,canSort:!0,canPin:!0,canResize:!0},{id:"description",header:"Description",label:"Description",accessor:(N)=>N.description??"",cell:({value:N})=>L(Y,{className:"line-clamp-2 text-muted-foreground text-sm",children:String(N||"No description")}),size:300,minSize:220,canSort:!1,canHide:!0,canResize:!0},{id:"type",header:"Type",label:"Type",accessorKey:"type",cell:({value:N})=>L(Nm,{variant:pm[String(N)],children:String(N)}),size:150,canSort:!0,canHide:!0,canResize:!0},{id:"cacheTtlSeconds",header:"Cache TTL",label:"Cache TTL",accessorKey:"cacheTtlSeconds",cell:({value:N})=>`${String(N)}s`,align:"right",size:140,canSort:!0,canResize:!0},{id:"isShared",header:"Shared",label:"Shared",accessorKey:"isShared",cell:({value:N})=>L(Nm,{variant:N?"default":"outline",children:N?"Shared":"Private"}),size:140,canSort:!0,canHide:!0,canResize:!0}],initialState:{pagination:{pageIndex:0,pageSize:3},columnVisibility:{description:!1},columnPinning:{left:["query"],right:[]}},renderExpandedContent:(N)=>F(x,{gap:"sm",className:"py-2",children:[F(x,{gap:"xs",children:[L(Y,{className:"font-medium text-sm",children:"Description"}),L(Y,{className:"text-muted-foreground text-sm",children:N.description??"No description"})]}),N.sql?F(x,{gap:"xs",children:[L(Y,{className:"font-medium text-sm",children:"SQL"}),L("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:N.sql})]}):null,F(x,{gap:"xs",children:[L(Y,{className:"font-medium text-sm",children:"Definition"}),L("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:Dm(N.definition)})]})]}),getCanExpand:()=>!0});return L(Mm,{controller:$,title:"Saved Queries",description:"Client-mode table using the shared ContractSpec controller and renderer.",toolbar:F(Am,{gap:"sm",className:"flex-wrap",children:[F(Y,{className:"text-muted-foreground text-sm",children:[m.length," queries"]}),F(Y,{className:"text-muted-foreground text-sm",children:[m.filter((N)=>N.isShared).length," shared"]})]}),emptyState:L("div",{className:"rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",children:"No queries saved"})})}import{useTemplateRuntime as qm}from"@contractspec/lib.example-shared-ui";import{useCallback as Gm,useEffect as Sm,useState as y}from"react";function Jm(m="local-project"){let{handlers:$}=qm(),N=$.analytics,[J,W]=y([]),[U,E]=y([]),[_,Q]=y(null),[V,T]=y([]),[t,j]=y(!0),[G,f]=y(null),d=Gm(async()=>{try{j(!0),f(null);let[P,h]=await Promise.all([N.listDashboards({projectId:m,limit:100}),N.listQueries({projectId:m,limit:100})]);if(W(P.dashboards),E(h.queries),P.dashboards.length>0&&!_){let c=P.dashboards[0];if(c){Q(c);let a=await N.getWidgets(c.id);T(a.length>0?a:r(c.id))}}}catch(P){f(P instanceof Error?P:Error("Failed to load analytics"))}finally{j(!1)}},[N,m,_]);Sm(()=>{d()},[d]);let Zm=Gm(async(P)=>{Q(P);let h=await N.getWidgets(P.id);T(h.length>0?h:r(P.id))},[N]),Pm={totalDashboards:J.length,publishedDashboards:J.filter((P)=>P.status==="PUBLISHED").length,totalQueries:U.length,sharedQueries:U.filter((P)=>P.isShared).length};return{dashboards:J,queries:U,selectedDashboard:_,widgets:V,loading:t,error:G,stats:Pm,refetch:d,selectDashboard:Zm}}import{Button as Xm,ErrorState as Im,LoaderBlock as Vm,StatCard as e,StatCardGroup as ym}from"@contractspec/lib.design-system";import{useMemo as Em,useState as Tm}from"react";import{jsx as Z,jsxs as K}from"react/jsx-runtime";var fm={PUBLISHED:"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",DRAFT:"bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-400",ARCHIVED:"bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400"};function Y2(){let[m,$]=Tm("dashboards"),{dashboards:N,queries:J,selectedDashboard:W,widgets:U,loading:E,error:_,stats:Q,refetch:V,selectDashboard:T}=Jm(),t=[{id:"dashboards",label:"Dashboards",icon:"\uD83D\uDCCA"},{id:"queries",label:"Queries",icon:"\uD83D\uDD0D"}],j=Em(()=>U.map((G)=>s(G)).filter((G)=>Boolean(G)),[U]);if(E)return Z(Vm,{label:"Loading Analytics..."});if(_)return Z(Im,{title:"Failed to load Analytics",description:_.message,onRetry:V,retryLabel:"Retry"});return K("div",{className:"space-y-6",children:[K("div",{className:"flex items-center justify-between",children:[Z("h2",{className:"font-bold text-2xl",children:"Analytics Dashboard"}),K(Xm,{onClick:()=>alert("Create dashboard modal"),children:[Z("span",{className:"mr-2",children:"+"})," New Dashboard"]})]}),K(ym,{children:[Z(e,{label:"Dashboards",value:Q.totalDashboards,hint:`${Q.publishedDashboards} published`}),Z(e,{label:"Queries",value:Q.totalQueries,hint:`${Q.sharedQueries} shared`}),Z(e,{label:"Widgets",value:U.length,hint:"on current dashboard"})]}),Z("nav",{className:"flex gap-1 rounded-lg bg-muted p-1",role:"tablist",children:t.map((G)=>K(Xm,{type:"button",role:"tab","aria-selected":m===G.id,onClick:()=>$(G.id),className:`flex flex-1 items-center justify-center gap-2 rounded-md px-4 py-2 font-medium text-sm transition-colors ${m===G.id?"bg-background text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:[Z("span",{children:G.icon}),G.label]},G.id))}),K("div",{className:"min-h-[400px]",role:"tabpanel",children:[m==="dashboards"&&K("div",{className:"space-y-6",children:[K("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:[N.map((G)=>K("div",{onClick:()=>T(G),className:`cursor-pointer rounded-lg border border-border bg-card p-4 transition-all ${W?.id===G.id?"ring-2 ring-primary":"hover:bg-muted/50"}`,role:"button",tabIndex:0,onKeyDown:(f)=>{if(f.key==="Enter"||f.key===" ")T(G)},children:[K("div",{className:"mb-2 flex items-center justify-between",children:[Z("h3",{className:"font-medium",children:G.name}),Z("span",{className:`inline-flex rounded-full px-2 py-0.5 font-medium text-xs ${fm[G.status]??""}`,children:G.status})]}),Z("p",{className:"mb-3 text-muted-foreground text-sm",children:G.description}),K("div",{className:"flex items-center justify-between text-muted-foreground text-xs",children:[K("span",{children:["/",G.slug]}),G.isPublic&&Z("span",{className:"text-green-600 dark:text-green-400",children:"\uD83C\uDF10 Public"})]})]},G.id)),N.length===0&&Z("div",{className:"col-span-full flex h-64 items-center justify-center text-muted-foreground",children:"No dashboards created yet"})]}),W?Z(mm,{dashboardName:W.name,widgets:j}):null]}),m==="queries"&&Z($m,{queries:J})]})]})}export{Y2 as AnalyticsDashboard};