@contractspec/example.analytics-dashboard 3.9.9 → 3.9.10

package/dist/node/ui/index.js

@@ -1,1284 +1,6 @@
-// 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." }
-  }
-});
+import{defineVisualization as l}from"@contractspec/lib.contracts-spec/visualizations";var z={key:"analytics.query.execute",version:"1.0.0"},x={version:"1.0.0",domain:"analytics",stability:"experimental",owners:["@example.analytics-dashboard"],tags:["analytics","dashboard","visualization"]},C=l({meta:{...x,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:z,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."}}}),U=l({meta:{...x,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:z,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."}}}),A=l({meta:{...x,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:z,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."}}}),t=l({meta:{...x,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:z,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 u}from"@contractspec/lib.contracts-spec/visualizations";var q={key:"analytics.query.execute",version:"1.0.0"},T={version:"1.0.0",domain:"analytics",stability:"experimental",owners:["@example.analytics-dashboard"],tags:["analytics","dashboard","visualization"]},f=u({meta:{...T,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:q,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."}}}),M=u({meta:{...T,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:q,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."}}}),K=u({meta:{...T,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:q,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."}}}),Q=u({meta:{...T,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:q,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."}}}),S=u({meta:{...T,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:q,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 Pm}from"@contractspec/lib.contracts-spec/visualizations";var g=[f,M,K,Q,S,C,U,A,t],Gm=new Pm([...g]),Lm=g.map((m)=>G(m)),i=new Map(g.map((m)=>[k(m.meta),m])),e={[k(f.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}]},[k(M.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}]},[k(K.meta)]:{data:[{region:"North America",revenue:210000},{region:"EMEA",revenue:174000},{region:"APAC",revenue:132000},{region:"LATAM",revenue:88000}]},[k(Q.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}]},[k(S.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}]},[k(C.meta)]:{data:[{channel:"Direct",sessions:4200},{channel:"Organic Search",sessions:3600},{channel:"Paid Search",sessions:2100},{channel:"Partner",sessions:1400},{channel:"Referral",sessions:900}]},[k(U.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}]},[k(A.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}]},[k(t.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 G(m){return{key:m.meta.key,version:m.meta.version}}function k(m){return`${m.key}.v${m.version}`}var Dm={METRIC:G(f),LINE_CHART:G(M),BAR_CHART:G(K),AREA_CHART:G(Q),SCATTER_PLOT:G(S),PIE_CHART:G(C),HEATMAP:G(U),FUNNEL:G(A),MAP:G(t)};function F(m){return[Z(m,"widget_revenue_metric","Revenue Snapshot","METRIC",0,0,4,2,{layout:"single",bindings:[P(f,200)]}),Z(m,"widget_revenue_trend","Revenue Trend","LINE_CHART",4,0,8,4,{layout:"single",bindings:[P(M)]}),Z(m,"widget_regional_revenue","Regional Revenue","BAR_CHART",0,2,6,4,{layout:"single",bindings:[P(K)]}),Z(m,"widget_channel_mix","Channel Mix","PIE_CHART",6,2,6,4,{layout:"single",bindings:[P(C)]}),Z(m,"widget_retention","Retention Curve","AREA_CHART",0,6,6,4,{layout:"single",bindings:[P(Q)]}),Z(m,"widget_pipeline","Pipeline Velocity","SCATTER_PLOT",6,6,6,4,{layout:"single",bindings:[P(S)]}),Z(m,"widget_heatmap","Engagement Heatmap","HEATMAP",0,10,8,4,{layout:"single",bindings:[P(U)]}),Z(m,"widget_funnel","Conversion Funnel","FUNNEL",8,10,4,4,{layout:"single",bindings:[P(A)]}),Z(m,"widget_geo","Account Coverage","MAP",0,14,12,5,{layout:"single",bindings:[P(t,360)]}),Z(m,"widget_comparison","Commercial Comparison","EMBED",0,19,12,6,{layout:"comparison",description:"Compare regional distribution, channel balance, and funnel shape.",bindings:[P(K,240),P(C,240),P(A,240)]}),Z(m,"widget_timeline","Growth Timeline","EMBED",0,25,12,6,{layout:"timeline",description:"Track revenue and retention over the same reporting cadence.",bindings:[P(M,220),P(Q,220)]})]}function E(m){let o=Zm(m),r=o.bindings.map((p)=>{let n=i.get(k(p.ref));if(!n)return null;return{key:`${m.id}:${k(p.ref)}`,spec:n,data:p.data,title:p.title??n.meta.title,description:p.description??n.meta.description,height:p.height}}).filter((p)=>Boolean(p));if(!r.length)return null;return{id:m.id,name:m.name,description:o.description,layout:o.layout,gridX:m.gridX,gridY:m.gridY,gridWidth:m.gridWidth,gridHeight:m.gridHeight,bindings:r}}function Zm(m){if(Hm(m.config))return m.config;let o=Dm[m.type];return o?{layout:"single",bindings:[{ref:o,data:e[k(o)]}]}:{layout:"single",bindings:[]}}function P(m,o=280){return{ref:G(m),data:e[k(m.meta)],height:o}}function Z(m,o,r,p,n,$,H,W,J){let O=new Date;return{id:o,dashboardId:m,name:r,type:p,gridX:n,gridY:$,gridWidth:H,gridHeight:W,config:J,createdAt:O,updatedAt:O}}function Hm(m){if(!m||typeof m!=="object")return!1;let o=m;return(o.layout==="single"||o.layout==="comparison"||o.layout==="timeline")&&Array.isArray(o.bindings)}import{ComparisonView as Wm,TimelineView as Jm,VisualizationCard as Xm,VisualizationGrid as wm}from"@contractspec/lib.design-system";import{jsx as h,jsxs as j}from"react/jsx-runtime";function om({dashboardName:m,widgets:o}){if(!o.length)return j("div",{className:"rounded-lg border border-dashed p-10 text-center text-muted-foreground",children:['No visualization widgets configured for "',m,'".']});return j("div",{children:[j("h3",{className:"mb-4 font-semibold text-lg",children:['Widgets in "',m,'"']}),h(wm,{children:o.map((r)=>h("div",{className:Am(r.gridWidth),children:Cm(r)},r.id))})]})}function Cm(m){let o=j("span",{className:"text-muted-foreground text-xs",children:["Position: (",m.gridX,", ",m.gridY,") • ",m.gridWidth,"x",m.gridHeight]});if(m.layout==="comparison")return h(Wm,{description:m.description,items:m.bindings.map((p)=>({...p,footer:o})),title:m.name});if(m.layout==="timeline")return h(Jm,{description:m.description,items:m.bindings.map((p)=>({...p,footer:o})),title:m.name});let r=m.bindings[0];if(!r)return null;return h(Xm,{data:r.data,description:m.description??r.description,footer:o,height:r.height,spec:r.spec,title:m.name})}function Am(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 Km}from"@contractspec/lib.presentation-runtime-react";import{Badge as nm}from"@contractspec/lib.ui-kit-web/ui/badge";import{HStack as Qm,VStack as V}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as X}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as L,jsxs as w}from"react/jsx-runtime";var Um={SQL:"default",METRIC:"secondary",AGGREGATION:"secondary",CUSTOM:"outline"};function tm(m){return JSON.stringify(m,null,2)}function pm({queries:m}){let o=Km({data:m,columns:[{id:"query",header:"Query",label:"Query",accessor:(r)=>r.name,cell:({item:r})=>w(V,{gap:"xs",children:[L(X,{className:"font-medium text-sm",children:r.name}),w(X,{className:"text-muted-foreground text-xs",children:["Updated ",r.updatedAt.toLocaleDateString()]})]}),size:240,minSize:180,canSort:!0,canPin:!0,canResize:!0},{id:"description",header:"Description",label:"Description",accessor:(r)=>r.description??"",cell:({value:r})=>L(X,{className:"line-clamp-2 text-muted-foreground text-sm",children:String(r||"No description")}),size:300,minSize:220,canSort:!1,canHide:!0,canResize:!0},{id:"type",header:"Type",label:"Type",accessorKey:"type",cell:({value:r})=>L(nm,{variant:Um[String(r)],children:String(r)}),size:150,canSort:!0,canHide:!0,canResize:!0},{id:"cacheTtlSeconds",header:"Cache TTL",label:"Cache TTL",accessorKey:"cacheTtlSeconds",cell:({value:r})=>`${String(r)}s`,align:"right",size:140,canSort:!0,canResize:!0},{id:"isShared",header:"Shared",label:"Shared",accessorKey:"isShared",cell:({value:r})=>L(nm,{variant:r?"default":"outline",children:r?"Shared":"Private"}),size:140,canSort:!0,canHide:!0,canResize:!0}],initialState:{pagination:{pageIndex:0,pageSize:3},columnVisibility:{description:!1},columnPinning:{left:["query"],right:[]}},renderExpandedContent:(r)=>w(V,{gap:"sm",className:"py-2",children:[w(V,{gap:"xs",children:[L(X,{className:"font-medium text-sm",children:"Description"}),L(X,{className:"text-muted-foreground text-sm",children:r.description??"No description"})]}),r.sql?w(V,{gap:"xs",children:[L(X,{className:"font-medium text-sm",children:"SQL"}),L("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:r.sql})]}):null,w(V,{gap:"xs",children:[L(X,{className:"font-medium text-sm",children:"Definition"}),L("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:tm(r.definition)})]})]}),getCanExpand:()=>!0});return L(Mm,{controller:o,title:"Saved Queries",description:"Client-mode table using the shared ContractSpec controller and renderer.",toolbar:w(Qm,{gap:"sm",className:"flex-wrap",children:[w(X,{className:"text-muted-foreground text-sm",children:[m.length," queries"]}),w(X,{className:"text-muted-foreground text-sm",children:[m.filter((r)=>r.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 fm}from"@contractspec/lib.example-shared-ui";import{useCallback as ym,useEffect as Sm,useState as Y}from"react";function a(m="local-project"){let{handlers:o}=fm(),r=o.analytics,[p,n]=Y([]),[$,H]=Y([]),[W,J]=Y(null),[O,_]=Y([]),[s,I]=Y(!0),[y,c]=Y(null),d=ym(async()=>{try{I(!0),c(null);let[B,v]=await Promise.all([r.listDashboards({projectId:m,limit:100}),r.listQueries({projectId:m,limit:100})]);if(n(B.dashboards),H(v.queries),B.dashboards.length>0&&!W){let R=B.dashboards[0];if(R){J(R);let rm=await r.getWidgets(R.id);_(rm.length>0?rm:F(R.id))}}}catch(B){c(B instanceof Error?B:Error("Failed to load analytics"))}finally{I(!1)}},[r,m,W]);Sm(()=>{d()},[d]);let Nm=ym(async(B)=>{J(B);let v=await r.getWidgets(B.id);_(v.length>0?v:F(B.id))},[r]),Bm={totalDashboards:p.length,publishedDashboards:p.filter((B)=>B.status==="PUBLISHED").length,totalQueries:$.length,sharedQueries:$.filter((B)=>B.isShared).length};return{dashboards:p,queries:$,selectedDashboard:W,widgets:O,loading:s,error:y,stats:Bm,refetch:d,selectDashboard:Nm}}import{Button as $m,ErrorState as Om,LoaderBlock as Fm,StatCard as mm,StatCardGroup as Ym}from"@contractspec/lib.design-system";import{useMemo as _m,useState as cm}from"react";import{jsx as N,jsxs as D}from"react/jsx-runtime";var um={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 qm(){let[m,o]=cm("dashboards"),{dashboards:r,queries:p,selectedDashboard:n,widgets:$,loading:H,error:W,stats:J,refetch:O,selectDashboard:_}=a(),s=[{id:"dashboards",label:"Dashboards",icon:"\uD83D\uDCCA"},{id:"queries",label:"Queries",icon:"\uD83D\uDD0D"}],I=_m(()=>$.map((y)=>E(y)).filter((y)=>Boolean(y)),[$]);if(H)return N(Fm,{label:"Loading Analytics..."});if(W)return N(Om,{title:"Failed to load Analytics",description:W.message,onRetry:O,retryLabel:"Retry"});return D("div",{className:"space-y-6",children:[D("div",{className:"flex items-center justify-between",children:[N("h2",{className:"font-bold text-2xl",children:"Analytics Dashboard"}),D($m,{onClick:()=>alert("Create dashboard modal"),children:[N("span",{className:"mr-2",children:"+"})," New Dashboard"]})]}),D(Ym,{children:[N(mm,{label:"Dashboards",value:J.totalDashboards,hint:`${J.publishedDashboards} published`}),N(mm,{label:"Queries",value:J.totalQueries,hint:`${J.sharedQueries} shared`}),N(mm,{label:"Widgets",value:$.length,hint:"on current dashboard"})]}),N("nav",{className:"flex gap-1 rounded-lg bg-muted p-1",role:"tablist",children:s.map((y)=>D($m,{type:"button",role:"tab","aria-selected":m===y.id,onClick:()=>o(y.id),className:`flex flex-1 items-center justify-center gap-2 rounded-md px-4 py-2 font-medium text-sm transition-colors ${m===y.id?"bg-background text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:[N("span",{children:y.icon}),y.label]},y.id))}),D("div",{className:"min-h-[400px]",role:"tabpanel",children:[m==="dashboards"&&D("div",{className:"space-y-6",children:[D("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:[r.map((y)=>D("div",{onClick:()=>_(y),className:`cursor-pointer rounded-lg border border-border bg-card p-4 transition-all ${n?.id===y.id?"ring-2 ring-primary":"hover:bg-muted/50"}`,role:"button",tabIndex:0,onKeyDown:(c)=>{if(c.key==="Enter"||c.key===" ")_(y)},children:[D("div",{className:"mb-2 flex items-center justify-between",children:[N("h3",{className:"font-medium",children:y.name}),N("span",{className:`inline-flex rounded-full px-2 py-0.5 font-medium text-xs ${um[y.status]??""}`,children:y.status})]}),N("p",{className:"mb-3 text-muted-foreground text-sm",children:y.description}),D("div",{className:"flex items-center justify-between text-muted-foreground text-xs",children:[D("span",{children:["/",y.slug]}),y.isPublic&&N("span",{className:"text-green-600 dark:text-green-400",children:"\uD83C\uDF10 Public"})]})]},y.id)),r.length===0&&N("div",{className:"col-span-full flex h-64 items-center justify-center text-muted-foreground",children:"No dashboards created yet"})]}),n?N(om,{dashboardName:n.name,widgets:I}):null]}),m==="queries"&&N(pm,{queries:p})]})]})}var b=[{id:"dash-1",name:"Sales Overview",slug:"sales-overview",status:"PUBLISHED",widgetCount:11,viewCount:1250,lastViewedAt:"2026-03-18T12:00:00Z"},{id:"dash-2",name:"User Engagement",slug:"user-engagement",status:"PUBLISHED",widgetCount:8,viewCount:890,lastViewedAt:"2026-03-18T10:00:00Z"}],km=[{id:"q-1",name:"Monthly Revenue",type:"AGGREGATION",isShared:!0,executionCount:1500},{id:"q-2",name:"User Growth",type:"METRIC",isShared:!0,executionCount:890},{id:"q-3",name:"Product Sales",type:"SQL",isShared:!1,executionCount:340},{id:"q-4",name:"Conversion Funnel",type:"AGGREGATION",isShared:!0,executionCount:450}];function Tm(m){return F(m).map((o)=>E(o)).filter((o)=>Boolean(o))}var Em={target:"markdown",render:async(m)=>{if(m.source.type!=="component"||m.source.componentKey!=="AnalyticsDashboard")throw Error("analyticsDashboardMarkdownRenderer: not AnalyticsDashboard");let o=b[0];if(!o)return{mimeType:"text/markdown",body:`# No Dashboards
 
-// 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,
-      ") • ",
-      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);
-}
-
-// src/ui/hooks/index.ts
-"use client";
-
-// src/ui/renderers/analytics.markdown.ts
-var mockDashboards = [
-  {
-    id: "dash-1",
-    name: "Sales Overview",
-    slug: "sales-overview",
-    status: "PUBLISHED",
-    widgetCount: 11,
-    viewCount: 1250,
-    lastViewedAt: "2026-03-18T12:00:00Z"
-  },
-  {
-    id: "dash-2",
-    name: "User Engagement",
-    slug: "user-engagement",
-    status: "PUBLISHED",
-    widgetCount: 8,
-    viewCount: 890,
-    lastViewedAt: "2026-03-18T10:00:00Z"
-  }
-];
-var mockQueries = [
-  {
-    id: "q-1",
-    name: "Monthly Revenue",
-    type: "AGGREGATION",
-    isShared: true,
-    executionCount: 1500
-  },
-  {
-    id: "q-2",
-    name: "User Growth",
-    type: "METRIC",
-    isShared: true,
-    executionCount: 890
-  },
-  {
-    id: "q-3",
-    name: "Product Sales",
-    type: "SQL",
-    isShared: false,
-    executionCount: 340
-  },
-  {
-    id: "q-4",
-    name: "Conversion Funnel",
-    type: "AGGREGATION",
-    isShared: true,
-    executionCount: 450
-  }
-];
-function dashboardWidgets(dashboardId) {
-  return createExampleWidgets(dashboardId).map((widget2) => resolveAnalyticsWidget(widget2)).filter((widget2) => Boolean(widget2));
-}
-var analyticsDashboardMarkdownRenderer = {
-  target: "markdown",
-  render: async (desc) => {
-    if (desc.source.type !== "component" || desc.source.componentKey !== "AnalyticsDashboard") {
-      throw new Error("analyticsDashboardMarkdownRenderer: not AnalyticsDashboard");
-    }
-    const dashboard = mockDashboards[0];
-    if (!dashboard) {
-      return {
-        mimeType: "text/markdown",
-        body: `# No Dashboards
-
-No dashboards available.`
-      };
-    }
-    const widgets = dashboardWidgets(dashboard.id);
-    const metricWidgets = widgets.filter((widget2) => widget2.bindings[0]?.spec.visualization.kind === "metric");
-    const lines = [
-      `# ${dashboard.name}`,
-      "",
-      "> Contract-backed analytics dashboard overview.",
-      "",
-      "## Key Metrics",
-      ""
-    ];
-    for (const widget2 of metricWidgets) {
-      const binding2 = widget2.bindings[0];
-      if (!binding2)
-        continue;
-      lines.push(`- **${widget2.name}** via \`${binding2.spec.meta.key}\``);
-    }
-    lines.push("");
-    lines.push("## Visual Blocks");
-    lines.push("");
-    for (const widget2 of widgets) {
-      const kinds = widget2.bindings.map((binding2) => binding2.spec.visualization.kind).join(", ");
-      lines.push(`- **${widget2.name}** (${widget2.layout}) → ${kinds}`);
-    }
-    lines.push("");
-    lines.push("## Dashboard Stats");
-    lines.push("");
-    lines.push("| Metric | Value |");
-    lines.push("|--------|-------|");
-    lines.push(`| Total Dashboards | ${mockDashboards.length} |`);
-    lines.push(`| Published | ${mockDashboards.filter((item) => item.status === "PUBLISHED").length} |`);
-    lines.push(`| Shared Queries | ${mockQueries.filter((query) => query.isShared).length} |`);
-    return {
-      mimeType: "text/markdown",
-      body: lines.join(`
-`)
-    };
-  }
-};
-var dashboardListMarkdownRenderer = {
-  target: "markdown",
-  render: async (desc) => {
-    if (desc.source.type !== "component" || desc.source.componentKey !== "DashboardList") {
-      throw new Error("dashboardListMarkdownRenderer: not DashboardList");
-    }
-    const lines = [
-      "# Dashboards",
-      "",
-      "> Browse and manage analytics dashboards",
-      "",
-      "| Dashboard | Widgets | Views | Status | Last Viewed |",
-      "|-----------|---------|-------|--------|-------------|"
-    ];
-    for (const dashboard of mockDashboards) {
-      const lastViewed = dashboard.lastViewedAt ? new Date(dashboard.lastViewedAt).toLocaleDateString() : "Never";
-      const statusIcon = dashboard.status === "PUBLISHED" ? "\uD83D\uDFE2" : "⚫";
-      lines.push(`| [${dashboard.name}](/dashboards/${dashboard.slug}) | ${dashboard.widgetCount} | ${dashboard.viewCount.toLocaleString()} | ${statusIcon} ${dashboard.status} | ${lastViewed} |`);
-    }
-    return {
-      mimeType: "text/markdown",
-      body: lines.join(`
-`)
-    };
-  }
-};
-var queryBuilderMarkdownRenderer = {
-  target: "markdown",
-  render: async (desc) => {
-    if (desc.source.type !== "component" || desc.source.componentKey !== "QueryBuilder") {
-      throw new Error("queryBuilderMarkdownRenderer: not QueryBuilder");
-    }
-    const lines = [
-      "# Query Builder",
-      "",
-      "> Create and manage reusable data queries.",
-      "",
-      "| Query | Type | Shared | Executions |",
-      "|-------|------|--------|------------|"
-    ];
-    for (const query of mockQueries) {
-      lines.push(`| ${query.name} | ${query.type} | ${query.isShared ? "\uD83C\uDF10" : "\uD83D\uDD12"} | ${query.executionCount.toLocaleString()} |`);
-    }
-    lines.push("");
-    lines.push("## Visualization Contracts");
-    lines.push("");
-    lines.push("Widgets reference `VisualizationSpec` contracts instead of rendering ad-hoc widget types.");
-    return {
-      mimeType: "text/markdown",
-      body: lines.join(`
-`)
-    };
-  }
-};
-export {
-  useAnalyticsData,
-  queryBuilderMarkdownRenderer,
-  dashboardListMarkdownRenderer,
-  analyticsDashboardMarkdownRenderer,
-  AnalyticsDashboard
-};
+No dashboards available.`};let r=Tm(o.id),p=r.filter(($)=>$.bindings[0]?.spec.visualization.kind==="metric"),n=[`# ${o.name}`,"","> Contract-backed analytics dashboard overview.","","## Key Metrics",""];for(let $ of p){let H=$.bindings[0];if(!H)continue;n.push(`- **${$.name}** via \`${H.spec.meta.key}\``)}n.push(""),n.push("## Visual Blocks"),n.push("");for(let $ of r){let H=$.bindings.map((W)=>W.spec.visualization.kind).join(", ");n.push(`- **${$.name}** (${$.layout}) → ${H}`)}return n.push(""),n.push("## Dashboard Stats"),n.push(""),n.push("| Metric | Value |"),n.push("|--------|-------|"),n.push(`| Total Dashboards | ${b.length} |`),n.push(`| Published | ${b.filter(($)=>$.status==="PUBLISHED").length} |`),n.push(`| Shared Queries | ${km.filter(($)=>$.isShared).length} |`),{mimeType:"text/markdown",body:n.join(`
+`)}}},hm={target:"markdown",render:async(m)=>{if(m.source.type!=="component"||m.source.componentKey!=="DashboardList")throw Error("dashboardListMarkdownRenderer: not DashboardList");let o=["# Dashboards","","> Browse and manage analytics dashboards","","| Dashboard | Widgets | Views | Status | Last Viewed |","|-----------|---------|-------|--------|-------------|"];for(let r of b){let p=r.lastViewedAt?new Date(r.lastViewedAt).toLocaleDateString():"Never",n=r.status==="PUBLISHED"?"\uD83D\uDFE2":"⚫";o.push(`| [${r.name}](/dashboards/${r.slug}) | ${r.widgetCount} | ${r.viewCount.toLocaleString()} | ${n} ${r.status} | ${p} |`)}return{mimeType:"text/markdown",body:o.join(`
+`)}}},Vm={target:"markdown",render:async(m)=>{if(m.source.type!=="component"||m.source.componentKey!=="QueryBuilder")throw Error("queryBuilderMarkdownRenderer: not QueryBuilder");let o=["# Query Builder","","> Create and manage reusable data queries.","","| Query | Type | Shared | Executions |","|-------|------|--------|------------|"];for(let r of km)o.push(`| ${r.name} | ${r.type} | ${r.isShared?"\uD83C\uDF10":"\uD83D\uDD12"} | ${r.executionCount.toLocaleString()} |`);return o.push(""),o.push("## Visualization Contracts"),o.push(""),o.push("Widgets reference `VisualizationSpec` contracts instead of rendering ad-hoc widget types."),{mimeType:"text/markdown",body:o.join(`
+`)}}};export{a as useAnalyticsData,Vm as queryBuilderMarkdownRenderer,hm as dashboardListMarkdownRenderer,Em as analyticsDashboardMarkdownRenderer,qm as AnalyticsDashboard};