@bitcobblers/wod-wiki-ui 0.11.43 → 0.35.2116

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import { cn, WidgetProblemBadge, WidgetChart } from './chunk-PZXX6GBK.mjs';
-export { AGG_OPTIONS, AddCalcDropdown, AddFilterDropdown, CONTENT_SOURCES, ClausePopover, ComposerRegistry, CustomSlotPopover, DEFAULT_DIAGNOSTICS_DEBOUNCE_MS, DefaultFrontmatterWidget, GROUPBY_OPTIONS, GoalRings, METRIC_OPTIONS, MULTI_VALUE_TYPES, ProposedMetricBadge, QueryBlockView, QueryValue, ROLLUP_OPTIONS, RowsResultsChrome, RowsTable, SERIES_COLORS, SOURCE_OPTIONS, SUGGESTION_BINDINGS, StackedBar, TIME_OPTIONS, TokenSlotPill, TopList, UNIT_OPTIONS, WHERE_AGGREGATORS, WHERE_METRICS, WHERE_OPERATORS, WidgetChart, WidgetProblemBadge, WqlBars, WqlComposer, WqlDiagnosticsStrip, WqlEmptyState, WqlQueryInspectorModal, WqlTable, WqlTimeseries, ZoneDistribution, activeCursorSection, addRuntimePanel, blockContentId, blockTypesFromBlocks, catalogIdsFromBlocks, cn, compactNumber, composerRegistry, configureOverlayActions, cursorFocusExtension, dateRangeSlot, dispatchAddRuntimePanel, dispatchExpandRuntimePanel, dispatchGutterHighlights, dispatchRemoveRuntimePanel, editingWidgetsField, editorPreset, editorTheme, embedPreviewDecorations, expandRuntimePanel, extractBlockQueries, fenceCompletion, findQueryBlockSection, findWorkoutErrors, forceSectionParse, formatTimestamp, frontmatterPreview, frontmatterPreviewField, getCursorFocusState, getOverlayActions, getSuggestionBinding, gutterHighlightsField, gutterUnified, handleFenceAutoWrap, hashCode, inlineButtonDecoration, invalidateSuggestions, lineIdsExtension, linkOpen, loadSuggestions, markdownSyntaxHiding, markdownTablePreview, mergeSeries, mergeTagSuggestions, navigationFacet, patchBlockQuery, previewDecorations, queryBlockPreview, readSessionRpe, removeRuntimePanel, runtimePanelField, saveBlockQuerySource, sectionAtPos, sectionField, sectionGeometry, sessionQueryInsert, sessionQueryWql, setGutterHighlights, setSuggestionBinding, smartIncrement, sourcePlane, summarizeAggregate, summarizeFind, tagsFromStaticBlocks, toggleWidgetEdit, tooltipTimestamp, urlAtPos, useChartShape, useComposerSlots, useSuggestions, useWqlStageCounts, widgetBlockPreview, wodAutoWrap, wodAutocompletion, wodEditorKeymap, wodLinter, wodOverlayPanel, workoutLintSource, wrapInTimeFence } from './chunk-PZXX6GBK.mjs';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useMemo, useState, useEffect, useCallback } from 'react';
-import { Edit3 } from 'lucide-react';
-import { defaultTokenValues, substituteTokens, parseQuery, isDashboardWidgetType, unknownWidgetTypeMessage, unknownTokensMessage, isFindQuery, resolveWidgetType } from '@bitcobblers/wod-wiki-wql';
+import { cn, WidgetProblemBadge, WidgetChart, toChartResult } from './chunk-GUN6PZNI.mjs';
+export { AGG_OPTIONS, CANONICAL_BLOCK_TYPES, CLAUSE_META, CONTENT_GROUPING_DIMENSIONS, ComposerRegistry, DEFAULT_DIAGNOSTICS_DEBOUNCE_MS, DEFAULT_OUTPUT_FILTERS, DEFAULT_PRIMARY_FILTER, DefaultFrontmatterWidget, EditorDialog, GROUPBY_OPTIONS, GoalRings, KIND_OPTIONS, METRIC_OPTIONS, MULTI_VALUE_TYPES, MetricBadge, OUTPUT_TYPE_CLASS, OUTPUT_TYPE_DOT, OutputFilterPills, OutputStatementsTable, PLANE_OPTIONS, ProposedMetricBadge, QueryBlockView, QueryValue, ROLLUP_OPTIONS, RowsResultsChrome, RowsTable, SERIES_COLORS, SOURCE_OPTIONS, SUGGESTION_BINDINGS, StackedBar, TARGET_OPTIONS, TIME_OPTIONS, TONE_CLASS, TokenSlotPill, TopList, UNIT_OPTIONS, WHERE_AGGREGATORS, WHERE_METRICS, WidgetChart, WidgetProblemBadge, WqlBars, WqlComposer, WqlDiagnosticsStrip, WqlEmptyState, WqlQueryInspectorModal, WqlTable, WqlTimeseries, ZoneDistribution, activeCursorSection, addRuntimePanel, blockContentId, blockTypesFromBlocks, canonicalSuggestionItems, catalogIdsFromBlocks, cn, compactNumber, composerRegistry, configureOverlayActions, cursorFocusExtension, dateRangeSlot, dispatchAddRuntimePanel, dispatchExpandRuntimePanel, dispatchGutterHighlights, dispatchRemoveRuntimePanel, editQueryClause, editingWidgetsField, editorPreset, editorTheme, embedPreviewDecorations, expandRuntimePanel, extractBlockQueries, extractMetricsByCategory, fenceCompletion, findQueryBlockSection, findWorkoutErrors, forceSectionParse, formatClockTime, formatMMSS, formatTimestamp, frontmatterPreview, frontmatterPreviewField, frontmatterSuggestions, frontmatterVisibility, getClauseMeta, getCursorFocusState, getOverlayActions, getSuggestionBinding, gutterHighlightsField, gutterUnified, handleFenceAutoWrap, hashCode, inlineButtonDecoration, invalidateSuggestions, lineIdsExtension, linkOpen, linkPreview, loadSuggestions, markdownSyntaxHiding, markdownTablePreview, matchFilterTypeahead, mergeSeries, mergeSuggestionItems, mergeTagSuggestions, navigationFacet, normalizeOutputFilter, patchBlockQuery, presentBadges, previewDecorations, queryBlockPreview, readSessionRpe, registerCustomCompletionSource, removeRuntimePanel, resolveQueryDraft, runtimePanelField, saveBlockQuerySource, sectionAtPos, sectionField, sectionGeometry, sessionQueryInsert, sessionQueryWql, setGutterHighlights, setSuggestionBinding, smartIncrement, summarizeAggregate, summarizeFind, summarizePipeline, tagsFromStaticBlocks, toggleWidgetEdit, tooltipTimestamp, unregisterCustomCompletionSource, urlAtPos, useChartShape, useComposerSlots, useSuggestions, useVisualViewportRect, useWqlStageCounts, widgetBlockPreview, wodAutoWrap, wodAutocompletion, wodEditorKeymap, wodLinter, wodOverlayPanel, workoutLintSource, wqlToPills, wrapInTimeFence } from './chunk-GUN6PZNI.mjs';
+import { Eye, ExternalLink, Edit3, ChevronUp, ChevronDown, ChevronRight, Copy, Trash2 } from 'lucide-react';
+import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import { useMemo, useState, useEffect, Fragment, useCallback } from 'react';
+import { defaultTokenValues, substituteTokens, parseQuery, isDashboardWidgetType, unknownWidgetTypeMessage, unknownTokensMessage, resolveWidgetType, isFindQuery, isPipelineQuery, SharedQueryDocumentRunner } from '@bitcobblers/wod-wiki-wql';
 
 // src/contracts/dedupe.ts
 var CODEMIRROR_SINGLETON_DEPS = [
@@ -21,25 +21,119 @@ var CODEMIRROR_SINGLETON_DEPS = [
   "@lezer/lr",
   "@lezer/markdown"
 ];
-function WidgetFrame({ title, question, query, span, children }) {
+function WidgetFrame({ id, title, question, query, span, showQuery = false, onInspect, onOpenInExplorer, toolbar, children }) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      id,
       className: cn(
-        "bg-card border border-border rounded-lg p-4 flex flex-col min-h-0",
+        "relative group/frame bg-card border border-border rounded-lg p-4 flex flex-col min-h-0",
         span
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-3 mb-1", children: [
-          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground min-w-0", children: title }),
-          /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground italic text-right max-w-[60%] line-clamp-2 shrink-0", children: question })
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 mb-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: title }),
+            question && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: question })
+          ] }),
+          (onInspect || onOpenInExplorer) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+            onInspect && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onInspect,
+                title: "Inspect widget query",
+                "aria-label": `Inspect query for ${title || "widget"}`,
+                className: "inline-flex items-center justify-center p-1 max-lg:min-h-11 max-lg:min-w-11 rounded bg-muted/80 text-muted-foreground hover:text-foreground transition-colors",
+                children: /* @__PURE__ */ jsx(Eye, { className: "w-3.5 h-3.5" })
+              }
+            ),
+            onOpenInExplorer && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onOpenInExplorer,
+                title: "Open in explorer",
+                "aria-label": `Open ${title || "widget"} in explorer`,
+                className: "inline-flex items-center justify-center p-1 max-lg:min-h-11 max-lg:min-w-11 rounded bg-muted/80 text-muted-foreground hover:text-foreground transition-colors",
+                children: /* @__PURE__ */ jsx(ExternalLink, { className: "w-3.5 h-3.5" })
+              }
+            )
+          ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "font-mono text-[11px] text-primary/90 bg-background/60 rounded px-2 py-1 mb-3 whitespace-pre-wrap break-all", children: query }),
+        toolbar && /* @__PURE__ */ jsx("div", { className: "mb-3", children: toolbar }),
+        showQuery && query != null && query !== "" && /* @__PURE__ */ jsx("div", { className: "font-mono text-[11px] text-primary/90 bg-background/60 rounded px-2 py-1 mb-3 whitespace-pre-wrap break-all", children: query }),
         /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0", children })
       ]
     }
   );
 }
+function WidgetToolButton({
+  label,
+  onClick,
+  disabled,
+  active,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      title: label,
+      "aria-label": label,
+      disabled,
+      className: cn(
+        "inline-flex items-center justify-center p-1 max-lg:min-h-11 max-lg:min-w-11 rounded bg-muted/80 text-muted-foreground hover:text-foreground disabled:opacity-40 disabled:hover:text-muted-foreground transition-colors",
+        active && "text-primary bg-primary/10"
+      ),
+      children
+    }
+  );
+}
+function WidgetEditButton({ title, onClick }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      title: "Edit widget",
+      "aria-label": `Edit widget ${title || ""}`.trim(),
+      className: "inline-flex items-center justify-center p-1 max-lg:min-h-11 max-lg:min-w-11 rounded bg-muted/80 text-muted-foreground hover:text-foreground transition-colors",
+      children: /* @__PURE__ */ jsx(Edit3, { className: "w-3.5 h-3.5" })
+    }
+  );
+}
+function ScalarTokenInput({
+  name,
+  value,
+  disabled,
+  onCommit
+}) {
+  const [draft, setDraft] = useState(value);
+  useEffect(() => setDraft(value), [value]);
+  const commit = () => {
+    if (draft !== value) onCommit(draft);
+  };
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "text",
+      value: draft,
+      disabled,
+      onChange: (e) => setDraft(e.target.value),
+      onBlur: commit,
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          commit();
+          e.currentTarget.blur();
+        }
+      },
+      "aria-label": `Token ${name}`,
+      className: "w-20 rounded-lg border border-border bg-card px-2 py-1 text-xs font-mono text-foreground focus:outline-none focus:border-primary disabled:opacity-60"
+    }
+  );
+}
 function DashboardTokenControls({ tokens, values, onChange }) {
   if (tokens.length === 0) return null;
   const readOnly = !onChange;
@@ -60,7 +154,9 @@ function DashboardTokenControls({ tokens, values, onChange }) {
             {
               type: "button",
               disabled: readOnly,
-              onClick: () => onChange?.(token.name, option),
+              onClick: () => {
+                if (option !== current) onChange?.(token.name, option);
+              },
               className: cn(
                 "text-xs px-2.5 py-1 rounded-md transition-colors",
                 option === current ? "bg-primary text-primary-foreground font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted",
@@ -70,12 +166,11 @@ function DashboardTokenControls({ tokens, values, onChange }) {
             },
             option
           )) }) : readOnly ? /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground font-mono", children: current }) : /* @__PURE__ */ jsx(
-            "input",
+            ScalarTokenInput,
             {
-              type: "text",
+              name: token.name,
               value: current,
-              onChange: (e) => onChange(token.name, e.target.value),
-              className: "w-20 rounded-lg border border-border bg-card px-2 py-1 text-xs font-mono text-foreground focus:outline-none focus:border-primary"
+              onCommit: (next) => onChange?.(token.name, next)
             }
           )
         ] }, token.name);
@@ -83,19 +178,91 @@ function DashboardTokenControls({ tokens, values, onChange }) {
     }
   );
 }
+function createExecutorDocumentHost(executor, range = {}) {
+  return {
+    runAggregate: (queryText, overrides) => executor.runQuery(queryText, {
+      context: overrides.context,
+      rangeStart: range.rangeStart,
+      rangeEnd: range.rangeEnd,
+      preferredUnit: range.preferredUnit
+    }),
+    runFind: async (queryText, context) => {
+      const parsed = parseQuery(queryText);
+      if (!isFindQuery(parsed)) return { kind: "find", error: `not a content query: ${queryText}` };
+      const res = await executor.runFind(parsed, {
+        context,
+        range: range.rangeStart !== void 0 ? { start: range.rangeStart, end: range.rangeEnd ?? Number.MAX_SAFE_INTEGER, endExclusive: false } : void 0
+      });
+      return {
+        kind: "find",
+        notes: res.notes,
+        blocks: res.blocks,
+        efforts: res.efforts,
+        containers: res.containers,
+        runs: res.runs,
+        table: res.table
+      };
+    },
+    runPipeline: async (queryText, context) => {
+      const res = await executor.runPipeline?.(queryText, {
+        context,
+        rangeStart: range.rangeStart,
+        rangeEnd: range.rangeEnd,
+        preferredUnit: range.preferredUnit
+      });
+      return res ?? { error: "pipeline queries are not supported by this executor" };
+    },
+    rollupEnsure: range.rollupEnsure
+  };
+}
+function outputToRunResult(parsed, out) {
+  const base = toChartResult({ parsed, series: out.series, unit: out.unit, error: out.error, table: out.table });
+  return Object.assign(base, {
+    ...out.notes ? { notes: out.notes } : {},
+    ...out.blocks ? { blocks: out.blocks } : {},
+    ...out.efforts ? { efforts: out.efforts } : {},
+    ...out.containers ? { containers: out.containers } : {},
+    ...out.runs ? { runs: out.runs } : {}
+  });
+}
 function spanClass(widget) {
+  if (widget.spanFull) return "col-span-1 md:col-span-2 lg:col-span-4";
+  if (widget.spanCols != null) {
+    if (widget.spanCols <= 1) return "col-span-1";
+    if (widget.spanCols === 2) return "col-span-1 md:col-span-2";
+    if (widget.spanCols === 3) return "col-span-1 md:col-span-2 lg:col-span-3";
+    return "col-span-1 md:col-span-2 lg:col-span-4";
+  }
   const resolved = resolveWidgetType(widget.type);
   if (resolved === "value") return "col-span-1";
   if (resolved === "table") return "col-span-1 md:col-span-2";
   return "col-span-1 md:col-span-2 lg:col-span-4";
 }
+var SIZE_OPTIONS = [
+  { label: "Span 1 column", span: { spanCols: 1 }, testId: "widget-size-1" },
+  { label: "Span 2 columns", span: { spanCols: 2 }, testId: "widget-size-2" },
+  { label: "Span 4 columns", span: { spanCols: 4 }, testId: "widget-size-4" },
+  { label: "Full row", span: { spanFull: true }, testId: "widget-size-full" }
+];
+function sizeIsActive(widget, span) {
+  if (span.spanFull) return widget.spanFull === true;
+  return !widget.spanFull && (widget.spanCols ?? null) === (span.spanCols ?? null);
+}
 function DashboardView({
   document,
+  headings,
   executor,
   onEnsureRollupFacts,
   tokenValues,
   onTokenChange,
-  onEditQuery,
+  editMode = false,
+  onEditWidget,
+  onInspectWidget,
+  onOpenInExplorer,
+  onDuplicateWidget,
+  onRemoveWidget,
+  onMoveWidget,
+  onResizeWidget,
   rangeStart,
   rangeEnd,
   preferredUnit
@@ -106,8 +273,15 @@ function DashboardView({
   );
   const resolved = useMemo(
     () => document.widgets.map((widget) => {
-      const { query, missing } = substituteTokens(widget.query, values);
-      return { widget, query, missing };
+      const { query, missing } = substituteTokens(widget.body, values);
+      const attributes = {};
+      const allMissing = new Set(missing);
+      for (const [key, value] of Object.entries(widget.attributes)) {
+        const sub = substituteTokens(value, values);
+        attributes[key] = sub.query;
+        for (const m of sub.missing) allMissing.add(m);
+      }
+      return { widget, query, missing: [...allMissing], attributes };
     }),
     [document.widgets, values]
   );
@@ -137,11 +311,17 @@ function DashboardView({
           next[widget.key] = { error: parsed.error };
           continue;
         }
+        const resolvedType = resolveWidgetType(widget.type);
         if (isFindQuery(parsed)) {
-          next[widget.key] = { error: "find: queries render inline in notes, not as dashboard widgets" };
+          if (resolvedType !== "table" && resolvedType !== "list") {
+            next[widget.key] = { error: "content queries return things \u2014 use a table or list widget instead" };
+            continue;
+          }
+        } else if (!isPipelineQuery(parsed) && resolvedType === "list") {
+          next[widget.key] = { error: "aggregate queries return numbers \u2014 use a chart or value widget instead" };
           continue;
         }
-        runnable.push({ widget, query });
+        runnable.push({ widget, query, parsed });
       }
       if (!executor) {
         if (!cancelled) {
@@ -150,15 +330,26 @@ function DashboardView({
         }
         return;
       }
-      const consumesRollups = runnable.some((r) => r.query.includes("calc."));
-      if (consumesRollups && onEnsureRollupFacts) {
-        await onEnsureRollupFacts().catch(() => void 0);
-      }
+      const host = createExecutorDocumentHost(executor, {
+        rangeStart,
+        rangeEnd,
+        preferredUnit,
+        rollupEnsure: onEnsureRollupFacts
+      });
       await Promise.all(
-        runnable.map(async ({ widget, query }) => {
+        runnable.map(async ({ widget, query, parsed }) => {
           try {
+            const runner = new SharedQueryDocumentRunner(host);
+            const res = await runner.run(query);
+            const out = res.outputs[0];
+            if (!out) {
+              next[widget.key] = { error: res.diagnostics[0] ?? "widget produced no output" };
+              return;
+            }
+            const error = out.error ?? res.diagnostics[0];
             next[widget.key] = {
-              result: await executor.runQuery(query, { rangeStart, rangeEnd, preferredUnit })
+              result: outputToRunResult(parsed, out),
+              ...error ? { error } : {}
             };
           } catch (err) {
             next[widget.key] = { error: err instanceof Error ? err.message : String(err) };
@@ -174,46 +365,114 @@ function DashboardView({
     return () => {
       cancelled = true;
     };
-  }, [resolvedKey, executor, onEnsureRollupFacts, rangeStart, rangeEnd, preferredUnit]);
+  }, [resolvedKey, resolved, executor, onEnsureRollupFacts, rangeStart, rangeEnd, preferredUnit]);
   return /* @__PURE__ */ jsxs("div", { "data-testid": "dashboard-view", children: [
     /* @__PURE__ */ jsx(DashboardTokenControls, { tokens: document.tokens, values, onChange: onTokenChange }),
     loading && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground mb-3", children: "Loading widgets\u2026" }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", children: resolved.map(({ widget, query }) => {
-      const run = runs[widget.key];
-      return /* @__PURE__ */ jsx(
-        WidgetFrame,
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", children: [
+      resolved.map(({ widget, query, attributes }, index) => {
+        const run = runs[widget.key];
+        const canArrange = editMode && (onEditWidget || onDuplicateWidget || onRemoveWidget || onMoveWidget || onResizeWidget);
+        const before = (headings ?? []).filter((h) => h.beforeWidget === index);
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          before.map((h) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              id: h.id,
+              className: cn("col-span-full font-semibold text-foreground", h.level <= 2 ? "text-base mt-2" : "text-sm"),
+              children: h.text
+            },
+            h.id
+          )),
+          /* @__PURE__ */ jsx(
+            WidgetFrame,
+            {
+              id: `widget-${widget.key}`,
+              title: widget.title ?? "",
+              question: widget.question ?? "",
+              query,
+              span: spanClass(widget),
+              onInspect: onInspectWidget ? () => onInspectWidget(widget) : void 0,
+              onOpenInExplorer: onOpenInExplorer ? () => onOpenInExplorer(widget, query) : void 0,
+              toolbar: canArrange ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", "data-testid": `widget-toolbar-${widget.key}`, children: [
+                onEditWidget && /* @__PURE__ */ jsx(WidgetEditButton, { title: widget.title ?? "", onClick: () => onEditWidget(widget) }),
+                onMoveWidget && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                  /* @__PURE__ */ jsx(
+                    WidgetToolButton,
+                    {
+                      label: `Move ${widget.title || "widget"} up`,
+                      disabled: index === 0,
+                      onClick: () => onMoveWidget(widget, -1),
+                      children: /* @__PURE__ */ jsx(ChevronUp, { className: "w-3.5 h-3.5" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    WidgetToolButton,
+                    {
+                      label: `Move ${widget.title || "widget"} down`,
+                      disabled: index === resolved.length - 1,
+                      onClick: () => onMoveWidget(widget, 1),
+                      children: /* @__PURE__ */ jsx(ChevronDown, { className: "w-3.5 h-3.5" })
+                    }
+                  )
+                ] }),
+                onResizeWidget && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0 rounded bg-muted/60 p-0.5", children: SIZE_OPTIONS.map((option) => /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "data-testid": `${option.testId}-${widget.key}`,
+                    title: option.label,
+                    "aria-label": `${option.label} for ${widget.title || "widget"}`,
+                    "aria-pressed": sizeIsActive(widget, option.span),
+                    disabled: sizeIsActive(widget, option.span),
+                    onClick: () => onResizeWidget(widget, option.span),
+                    className: "inline-flex items-center justify-center px-1 py-0.5 max-lg:min-h-11 max-lg:min-w-11 text-xs font-mono rounded text-muted-foreground hover:text-foreground disabled:text-primary disabled:bg-primary/10",
+                    children: option.span.spanFull ? /* @__PURE__ */ jsx(ChevronRight, { className: "w-3 h-3" }) : option.span.spanCols
+                  },
+                  option.testId
+                )) }),
+                onDuplicateWidget && /* @__PURE__ */ jsx(
+                  WidgetToolButton,
+                  {
+                    label: `Duplicate ${widget.title || "widget"}`,
+                    onClick: () => onDuplicateWidget(widget),
+                    children: /* @__PURE__ */ jsx(Copy, { className: "w-3.5 h-3.5" })
+                  }
+                ),
+                onRemoveWidget && /* @__PURE__ */ jsx(
+                  WidgetToolButton,
+                  {
+                    label: `Remove ${widget.title || "widget"}`,
+                    onClick: () => onRemoveWidget(widget),
+                    children: /* @__PURE__ */ jsx(Trash2, { className: "w-3.5 h-3.5" })
+                  }
+                )
+              ] }) : void 0,
+              children: run?.error ? /* @__PURE__ */ jsx(WidgetProblemBadge, { message: run.error }) : /* @__PURE__ */ jsx(
+                WidgetChart,
+                {
+                  type: widget.type,
+                  result: run?.result,
+                  label: widget.title,
+                  unit: preferredUnit,
+                  attributes
+                }
+              )
+            },
+            widget.key
+          )
+        ] }, widget.key);
+      }),
+      (headings ?? []).filter((h) => h.beforeWidget >= resolved.length).map((h) => /* @__PURE__ */ jsx(
+        "div",
         {
-          title: widget.title ?? "",
-          question: widget.question ?? "",
-          query,
-          span: spanClass(widget),
-          children: /* @__PURE__ */ jsxs("div", { className: "relative group/card h-full min-h-[160px]", children: [
-            onEditQuery && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => onEditQuery(widget),
-                title: "Edit widget query",
-                "aria-label": `Edit query for ${widget.title ?? "widget"}`,
-                className: "absolute top-0 right-0 p-1 rounded bg-muted/80 text-muted-foreground hover:text-foreground opacity-0 group-hover/card:opacity-100 transition-opacity z-10",
-                children: /* @__PURE__ */ jsx(Edit3, { className: "w-3.5 h-3.5" })
-              }
-            ),
-            run?.error ? /* @__PURE__ */ jsx(WidgetProblemBadge, { message: run.error }) : /* @__PURE__ */ jsx(
-              WidgetChart,
-              {
-                type: widget.type,
-                result: run?.result,
-                label: widget.title,
-                unit: preferredUnit,
-                params: widget.params
-              }
-            )
-          ] })
+          id: h.id,
+          className: cn("col-span-full font-semibold text-foreground", h.level <= 2 ? "text-base mt-2" : "text-sm"),
+          children: h.text
         },
-        widget.key
-      );
-    }) })
+        h.id
+      ))
+    ] })
   ] });
 }
 function RangeSelector({ weeks: weeksProp, onWeeksChange, className }) {
@@ -257,16 +516,32 @@ function useAnalyticsQueries(queries, weeks, executor, refreshKey = 0, preferred
       }
       const now = Date.now();
       const rangeStart = now - weeks * WEEK;
-      const consumesRollups = queries.some((q) => q.query.includes("calc."));
+      const host = createExecutorDocumentHost(executor, {
+        rangeStart,
+        rangeEnd: now,
+        preferredUnit,
+        rollupEnsure: onEnsureRollupFacts
+      });
+      const runner = new SharedQueryDocumentRunner(host);
       try {
-        if (consumesRollups && onEnsureRollupFacts) {
-          await onEnsureRollupFacts().catch(() => void 0);
-        }
         const settled = await Promise.all(
-          queries.map(async (q) => [
-            q.key,
-            await executor.runQuery(q.query, { rangeStart, rangeEnd: now, preferredUnit })
-          ])
+          queries.map(async (q) => {
+            const res = await runner.run(q.query);
+            const out = res.outputs[0];
+            const error = out?.error ?? res.diagnostics[0];
+            const result = toChartResult({
+              parsed: parseQuery(q.query),
+              series: out?.series,
+              unit: out?.unit,
+              error,
+              table: out?.table
+            });
+            if (out?.notes) result.notes = out.notes;
+            if (out?.blocks) result.blocks = out.blocks;
+            if (out?.efforts) result.efforts = out.efforts;
+            if (out?.runs) result.runs = out.runs;
+            return [q.key, result];
+          })
         );
         if (!cancelled) setResults(Object.fromEntries(settled));
       } finally {
@@ -405,15 +680,15 @@ function AnalyticsUnitPreference({ className, unit: unitProp, forced = false, st
 }
 
 // src/version.ts
-var VERSION = "0.11.43";
-var GIT_SHA = "ed28149";
-var BUILD_TIME = "2026-08-26T16:34:15.927Z";
+var VERSION = "0.35.2116";
+var GIT_SHA = "a4d411f";
+var BUILD_TIME = "2026-10-12T00:14:24.795Z";
 var SEMVER = {
-  version: "0.11.43",
-  gitSha: "ed28149",
-  buildTime: "2026-08-26T16:34:15.927Z"
+  version: "0.35.2116",
+  gitSha: "a4d411f",
+  buildTime: "2026-10-12T00:14:24.795Z"
 };
 
-export { ANALYTICS_UNIT_STORAGE_KEY, AnalyticsUnitPreference, BUILD_TIME, CODEMIRROR_SINGLETON_DEPS, DEFAULT_ANALYTICS_UNIT, DashboardTokenControls, DashboardView, GIT_SHA, RangeSelector, SEMVER, VERSION, WidgetFrame, getDashboardEffectiveUnit, getEffectiveAnalyticsUnit, readStoredUnit, useAnalyticsQueries, useAnalyticsUnitPreference };
+export { ANALYTICS_UNIT_STORAGE_KEY, AnalyticsUnitPreference, BUILD_TIME, CODEMIRROR_SINGLETON_DEPS, DEFAULT_ANALYTICS_UNIT, DashboardTokenControls, DashboardView, GIT_SHA, RangeSelector, SEMVER, VERSION, WidgetEditButton, WidgetFrame, WidgetToolButton, getDashboardEffectiveUnit, getEffectiveAnalyticsUnit, readStoredUnit, useAnalyticsQueries, useAnalyticsUnitPreference };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map