@squadbase/vantage 0.7.0-dev1.9b1c8e7 → 0.7.0-dev1.a62c2ec

package/dist/{chunk-4KMBJHNZ.js → chunk-GNGDOPBT.js}

@@ -1,7 +1,7 @@
-import { ChartFrameContext, useChartSurface, resolveChartColors, CHART_OTHER_COLOR, EChart, resolveFillColors } from './chunk-EG4PX726.js';
-import { Sparkline } from './chunk-2IAPIOPS.js';
-import { formatDateRange, EMPTY_VALUE, formatDate, toValueFormatter, formatValue, formatPoints, formatKind, formatDelta, MINUS_SIGN, formatDatesInText, DEFAULT_LOCALE } from './chunk-3RJEOP3J.js';
-import { Tooltip, TooltipTrigger, TooltipContent, Badge, SidebarProvider, Sidebar, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarFooter, SidebarRail, SidebarInset, SidebarTrigger, Separator, Input, Table, TableHeader, TableRow, TableHead, TableBody, TableCell, Skeleton, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, useIsMobile, Popover, PopoverTrigger, PopoverContent, Calendar, ToggleGroup, ToggleGroupItem, SelectGroup, SelectLabel, Collapsible, CollapsibleTrigger, SidebarMenuButton, SidebarMenuBadge, CollapsibleContent, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, SidebarMenuItem, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Checkbox, Card, CardHeader, CardDescription, CardTitle, CardAction, CardFooter } from './chunk-QNOX7WLZ.js';
+import { ChartFrameContext, useChartSurface, resolveChartColors, resolveFillColors, EChart, CHART_OTHER_COLOR } from './chunk-EG4PX726.js';
+import { Sparkline } from './chunk-P2KIHF65.js';
+import { formatDateRange, EMPTY_VALUE, toValueFormatter, formatDate, formatValue, formatPoints, formatKind, formatDelta, MINUS_SIGN, DEFAULT_LOCALE, formatDatesInText } from './chunk-XRKSIC5Z.js';
+import { Tooltip, TooltipTrigger, TooltipContent, Badge, SidebarProvider, Sidebar, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarFooter, SidebarRail, SidebarInset, SidebarTrigger, Separator, Input, Table, TableHeader, TableRow, TableHead, TableBody, TableCell, Skeleton, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, useIsMobile, Popover, PopoverTrigger, PopoverContent, Calendar, ToggleGroup, ToggleGroupItem, SelectGroup, SelectLabel, Collapsible, CollapsibleTrigger, SidebarMenuButton, SidebarMenuBadge, CollapsibleContent, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, SidebarMenuItem, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Empty, Checkbox, Card, CardHeader, CardDescription, CardTitle, CardAction, CardFooter } from './chunk-MQUIAP66.js';
 import { useLocale, uiLanguage, Button, weekStartsOn, resolveLocale, defaultFiscalYearStartMonth, FALLBACK_LOCALE } from './chunk-ROHNXP7J.js';
 import { cn } from './chunk-U736PVHY.js';
 import { forwardRef, useState, useEffect, createContext, useId, useMemo, useRef, useCallback, Fragment as Fragment$1, useContext, useInsertionEffect, useLayoutEffect } from 'react';
@@ -12,8 +12,8 @@ import { use, registerMap } from 'echarts/core';
 import { GraphicComponent, VisualMapComponent, GeoComponent } from 'echarts/components';
 import { ScatterChart as ScatterChart$1, HeatmapChart, MapChart, TreemapChart } from 'echarts/charts';
 import 'echarts';
+import { subMonths, subDays, endOfDay, startOfDay, startOfWeek, subWeeks, endOfWeek, startOfMonth, endOfMonth, isSameDay, addMonths, differenceInCalendarDays, parseISO } from 'date-fns';
 import { flexRender, useReactTable, getPaginationRowModel, getFilteredRowModel, getSortedRowModel, getCoreRowModel } from '@tanstack/react-table';
-import { subMonths, subDays, endOfDay, startOfDay, startOfWeek, subWeeks, endOfWeek, startOfMonth, endOfMonth, isSameDay, addMonths } from 'date-fns';
 import { ja } from 'date-fns/locale';
 
 // @squadbase/vantage — generated build. Do not edit.
@@ -127,7 +127,13 @@ var UpdatedAt = forwardRef(
 );
 UpdatedAt.displayName = "UpdatedAt";
 var PageShell = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "page-shell", className: cn("flex flex-col", className), ...props })
+  ({ className, title, description, children, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "page-shell", className: cn("flex flex-col", className), ...props, children: title === void 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(PageShellHeader, { children: /* @__PURE__ */ jsxs(PageShellHeading, { children: [
+      /* @__PURE__ */ jsx(PageShellTitle, { children: title }),
+      description ? /* @__PURE__ */ jsx(PageShellDescription, { children: description }) : null
+    ] }) }),
+    /* @__PURE__ */ jsx(PageShellContent, { children })
+  ] }) })
 );
 PageShell.displayName = "PageShell";
 var SOURCE_PREFIX = { ja: "\u51FA\u5178\uFF1A", en: "Source: " };
@@ -743,7 +749,7 @@ function ChartDataTableView({ table, fallbackCaption }) {
     caption && /* @__PURE__ */ jsx("caption", { children: caption }),
     /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: table.columns.map((column, i) => /* @__PURE__ */ jsx("th", { scope: "col", children: column }, i)) }) }),
     /* @__PURE__ */ jsx("tbody", { children: table.rows.map((row, r) => /* @__PURE__ */ jsx("tr", { children: row.map(
-      (cell, c) => c === 0 ? /* @__PURE__ */ jsx("th", { scope: "row", children: cell }, c) : /* @__PURE__ */ jsx("td", { children: cell }, c)
+      (cell2, c) => c === 0 ? /* @__PURE__ */ jsx("th", { scope: "row", children: cell2 }, c) : /* @__PURE__ */ jsx("td", { children: cell2 }, c)
     ) }, r)) })
   ] }) });
 }
@@ -800,8 +806,8 @@ function chartColorAt(colors, i) {
   const palette = colors && colors.length > 0 ? colors : DEFAULT_CHART_COLORS;
   return palette[i % palette.length];
 }
-function tintCss(cssColor, percent) {
-  return `color-mix(in oklab, ${cssColor} ${percent}%, transparent)`;
+function tintCss(cssColor, percent2) {
+  return `color-mix(in oklab, ${cssColor} ${percent2}%, transparent)`;
 }
 function resolveValueFormatter(valueFormatter, format, locale) {
   return valueFormatter ?? toValueFormatter(format, locale);
@@ -1217,20 +1223,20 @@ function baselineOfLabel(named, language) {
   }
   return named;
 }
-function comparisonBaseline(vs, grain, label2, toDate2, locale) {
+function comparisonBaseline(vs, grain, label2, toDate3, locale) {
   const language = uiLanguage(resolveLocale(locale));
   const nouns = BASELINE_NOUNS[language];
   const named = label2?.trim();
   if (named) return baselineOfLabel(named, language);
-  if (vs === "custom") return nouns.custom;
   if (vs === "target") return nouns.target;
-  if (vs === "prior-year" && toDate2) return nouns["prior-year"].unknown;
+  if (vs === "prior-year" && toDate3) return nouns["prior-year"].unknown;
+  if (vs !== "prior-year" && vs !== "prior-period") return nouns.custom;
   return nouns[vs][grain ?? "unknown"];
 }
-function comparisonLabel(vs, grain, label2, toDate2, locale) {
+function comparisonLabel(vs, grain, label2, toDate3, locale) {
   if (label2?.trim()) return label2;
   const resolved = resolveLocale(locale);
-  return LABEL_OF[uiLanguage(resolved)](comparisonBaseline(vs, grain, void 0, toDate2, resolved));
+  return LABEL_OF[uiLanguage(resolved)](comparisonBaseline(vs, grain, void 0, toDate3, resolved));
 }
 var toNumber = (v) => v === null || v === void 0 || Number.isNaN(v) ? null : v;
 function computeComparison(current, comparison, options) {
@@ -1740,9 +1746,9 @@ function buildCartesianOption(cfg) {
   const text = chartText(locale);
   const provisionalLabel = cfg.provisionalLabel ?? text.provisional;
   const stacked = kind !== "line" && type !== "default";
-  const percent = kind !== "line" && type === "percent";
+  const percent2 = kind !== "line" && type === "percent";
   const horizontalBars = kind === "bar" && layout === "vertical";
-  const comparison = kind !== "bar" && !percent ? cfg.comparison : void 0;
+  const comparison = kind !== "bar" && !percent2 ? cfg.comparison : void 0;
   const compIdx = comparison ? categories.indexOf(comparison.category) : -1;
   const mainIdx = categories.map((_, i) => i).filter((i) => i !== compIdx);
   const seriesType = kind === "line" ? "default" : type;
@@ -1757,7 +1763,7 @@ function buildCartesianOption(cfg) {
   const rawIndex = data.map((row) => row[index]);
   const lastActual = labels.length - 1;
   const provStart = categories.length > 0 ? provisionalStart(rawIndex, cfg.provisionalFrom) : -1;
-  const forecast = kind !== "bar" && !percent && cfg.forecast && cfg.forecast.data.length > 0 && data.length > 0 && categories.length > 0 ? cfg.forecast : void 0;
+  const forecast = kind !== "bar" && !percent2 && cfg.forecast && cfg.forecast.data.length > 0 && data.length > 0 && categories.length > 0 ? cfg.forecast : void 0;
   const forecastAt = [];
   if (forecast) {
     const position = new Map(labels.map((label2, i) => [label2, i]));
@@ -1798,14 +1804,14 @@ function buildCartesianOption(cfg) {
     (title, i) => nameLabels ? hasLabel(nameLabels, labels[i] ?? "") ? labelOf(labels[i] ?? "", nameLabels) : title : title
   );
   const highlight = cfg.highlight ?? defaultChartHighlight(kind, data, index);
-  const stackTotals = stacked && !percent ? stackTotalsOf(mainIdx.map((i) => values[i])) : null;
+  const stackTotals = stacked && !percent2 ? stackTotalsOf(mainIdx.map((i) => values[i])) : null;
   const highlightSeries = (stackTotals ? mainIdx[mainIdx.length - 1] : mainIdx[0]) ?? 0;
-  const shareHighlight = percent && kind === "area";
-  const picked = highlight !== "auto" || mainIdx.length === 0 || percent && !shareHighlight ? [] : shareHighlight ? categories.length <= 2 ? pickShareHighlightPoints(values[0] ?? []) : [] : stackTotals ? pickHighlightPoints(stackTotals) : mainIdx.length <= 2 ? pickHighlightPoints(values[highlightSeries] ?? []) : [];
+  const shareHighlight = percent2 && kind === "area";
+  const picked = highlight !== "auto" || mainIdx.length === 0 || percent2 && !shareHighlight ? [] : shareHighlight ? categories.length <= 2 ? pickShareHighlightPoints(values[0] ?? []) : [] : stackTotals ? pickHighlightPoints(stackTotals) : mainIdx.length <= 2 ? pickHighlightPoints(values[highlightSeries] ?? []) : [];
   const pointGap = plotWidth && labels.length > 1 ? plotWidth / (kind === "bar" ? labels.length : labels.length - 1) : null;
   const latestOnly = cfg.highlight === void 0 && !shareHighlight && picked.length === 2;
   const highlightPoints = latestOnly ? [picked[1]] : picked.length === 2 && pointGap !== null && Math.abs(picked[1].index - picked[0].index) * pointGap < HIGHLIGHT_LABEL_WIDTH ? [picked[1]] : picked;
-  const boundaryIndex = kind !== "bar" && !percent && cfg.forecast && cfg.forecast.data.length > 0 ? lastActual : -1;
+  const boundaryIndex = kind !== "bar" && !percent2 && cfg.forecast && cfg.forecast.data.length > 0 ? lastActual : -1;
   const edgeAlign = (i) => horizontalBars || labels.length < 2 ? void 0 : i === boundaryIndex && i !== last ? { align: "right", offset: [-6, 0] } : i === last ? { align: "right", ...kind === "bar" ? { offset: [8, 0] } : {} } : i === 0 ? { align: "left", ...kind === "bar" ? { offset: [-8, 0] } : {} } : void 0;
   const perBarTarget = kind === "bar" && Boolean(targetKey);
   const hasTarget = !perBarTarget && target !== void 0 && Number.isFinite(target);
@@ -1826,7 +1832,7 @@ function buildCartesianOption(cfg) {
   const hideTargetLabel = kind === "line" && targetLabelPosition === "legend" || !shareHighlight && plotWidth !== void 0 && plotWidth < TARGET_LABEL_NARROW_WIDTH && highlightPoints.some((p) => p.index === labels.length - 1 && (nearTargetLabel(p, "under") || nearTargetLabel(p, "over")));
   const below = (p) => !shareHighlight && !hideTargetLabel && nearTargetLabel(p, "under");
   const targetLabelBelow = !shareHighlight && !hideTargetLabel && highlightPoints.some((p) => nearTargetLabel(p, "over"));
-  const barTargets = perBarTarget && targetKey && !percent && (stacked || categories.length === 1) ? barTargetValues(data, targetKey) : null;
+  const barTargets = perBarTarget && targetKey && !percent2 && (stacked || categories.length === 1) ? barTargetValues(data, targetKey) : null;
   const barTargetName = targetLabel ?? text.target;
   const barTargetColor = labelColor ?? guideColor;
   const markPointFor = (c, color) => c === highlightSeries && highlightPoints.length > 0 ? {
@@ -1951,7 +1957,7 @@ function buildCartesianOption(cfg) {
       symbolSize: 6,
       showSymbol: showDots || data.length === 1,
       // 100% stacked: the top band's upper edge is the 100% line, not a value — drawn, it reads as「this band = 100%」.
-      lineStyle: percent && c === categories.length - 1 ? { width: 0, color, opacity: 0 } : { width: 2, color, opacity: dimSeries ? DIMMED : 1 },
+      lineStyle: percent2 && c === categories.length - 1 ? { width: 0, color, opacity: 0 } : { width: 2, color, opacity: dimSeries ? DIMMED : 1 },
       itemStyle: { color, opacity: dimSeries ? DIMMED : 1 },
       // Hovering a series fades the others (not for a stack, where the bands read together).
       emphasis: stacked ? void 0 : { focus: "series" },
@@ -1980,7 +1986,7 @@ function buildCartesianOption(cfg) {
         symbol: "circle",
         symbolSize: 6,
         showSymbol: showDots || data.length === 1,
-        lineStyle: percent && c === categories.length - 1 ? { width: 0, color, opacity: 0 } : { width: 2, type: "dashed", color, opacity },
+        lineStyle: percent2 && c === categories.length - 1 ? { width: 0, color, opacity: 0 } : { width: 2, type: "dashed", color, opacity },
         itemStyle: { color, opacity },
         areaStyle: solid.areaStyle ? { ...solid.areaStyle, opacity: (solid.areaStyle.opacity ?? 1) * PROVISIONAL_OPACITY } : void 0,
         markPoint: void 0,
@@ -2096,7 +2102,7 @@ function buildCartesianOption(cfg) {
     const totals = labels.map(
       (_, i) => stacked ? values.reduce((sum, v) => sum + Math.max(0, v[i] ?? 0), 0) : Math.max(0, ...values.map((v) => v[i] ?? 0))
     );
-    const top = percent ? 100 : maxValue ?? Math.max(target, ...totals);
+    const top = percent2 ? 100 : maxValue ?? Math.max(target, ...totals);
     if (!(top > 0)) return "center";
     const ratio = Math.min(1, Math.max(0, target / top));
     const half = (estimateTextWidth(targetText) + 8) / 2;
@@ -2280,16 +2286,16 @@ function buildCartesianOption(cfg) {
   const fit = kind === "line" && (fitToData ?? autoMinValue);
   const valueSplitNumber = (() => {
     if (!horizontalBars || !plotWidth) return void 0;
-    const top = percent ? 100 : maxValue ?? Math.max(0, ...(stacked ? stackTotalsOf(values) : values.flat()).map((v) => v ?? 0));
+    const top = percent2 ? 100 : maxValue ?? Math.max(0, ...(stacked ? stackTotalsOf(values) : values.flat()).map((v) => v ?? 0));
     const categoryColumn = showYAxis ? (yAxisWidth ?? Math.min(160, Math.max(0, ...labels.map(estimateTextWidth)))) + 8 : 0;
     const plot = plotWidth - categoryColumn - (highlightPoints.length > 0 ? 64 : 16) - 4;
-    const text2 = percent ? (v) => `${v}%` : (v) => axisFormatter(v);
+    const text2 = percent2 ? (v) => `${v}%` : (v) => axisFormatter(v);
     return valueAxisSplitNumber(plot, [text2(0), text2(top)]);
   })();
   const limits = valueAxisLimits({ minValue, maxValue }, kind !== "line");
   const splitNumber = horizontalBars ? valueSplitNumber : valueAxisSplitCount(plotHeight);
   const tickFormatter = (() => {
-    if (!cfg.axisTicks || percent) return axisFormatter;
+    if (!cfg.axisTicks || percent2) return axisFormatter;
     const extentValues = [];
     const addAll = (list) => {
       for (const v of list) if (v !== null && Number.isFinite(v)) extentValues.push(v);
@@ -2314,8 +2320,8 @@ function buildCartesianOption(cfg) {
     show: horizontalBars ? showXAxis : showYAxis,
     // Bars and areas always start at 0 (a positive `minValue` can't lift them, a negative one makes room below);
     // lines do too unless asked to fit the data. A limit never cuts the data: the axis widens to it.
-    min: percent ? 0 : kind === "line" ? minValue === void 0 ? fit ? void 0 : zeroBasedMin : limits.min : limits.min,
-    max: percent ? 100 : limits.max,
+    min: percent2 ? 0 : kind === "line" ? minValue === void 0 ? fit ? void 0 : zeroBasedMin : limits.min : limits.min,
+    max: percent2 ? 100 : limits.max,
     scale: fit && minValue == null,
     splitNumber,
     minInterval: allowDecimals ? void 0 : 1,
@@ -2323,7 +2329,7 @@ function buildCartesianOption(cfg) {
     axisTick: { show: false },
     splitLine: { show: showGridLines },
     axisLabel: {
-      formatter: percent ? (v) => `${v}%` : (v) => tickFormatter(v),
+      formatter: percent2 ? (v) => `${v}%` : (v) => tickFormatter(v),
       // Fitted to the data: the lowest tick would print over the first x label at the bottom left. The gridline stays.
       showMinLabel: fit && minValue == null && !horizontalBars ? false : void 0,
       // Horizontal: ticks that would still touch on a narrow plot are dropped.
@@ -2397,7 +2403,7 @@ function buildCartesianOption(cfg) {
             )
           };
         };
-        const shares = percent ? cartesianSeriesValues(i <= lastActual ? [row] : [], categories, "percent") : null;
+        const shares = percent2 ? cartesianSeriesValues(i <= lastActual ? [row] : [], categories, "percent") : null;
         const legendRank = (p) => {
           const at = categories.indexOf(p.seriesName ?? "");
           return at === -1 ? categories.length : at;
@@ -5083,10 +5089,10 @@ var HEATMAP_CELL_PADDING = 4;
 var HEATMAP_BUCKET_MID = 20;
 function heatmapCellFontSize(plotWidth, columns, rowNames, texts) {
   const widest = (items) => items.reduce((m, t) => Math.max(m, estimateTextWidth2(t)), 0);
-  const cell = (plotWidth + HEATMAP_BUCKET_MID - HEATMAP_GRID_X - (widest(rowNames) + 8)) / Math.max(1, columns);
+  const cell2 = (plotWidth + HEATMAP_BUCKET_MID - HEATMAP_GRID_X - (widest(rowNames) + 8)) / Math.max(1, columns);
   const text = widest(texts);
-  if (text + HEATMAP_CELL_PADDING <= cell) return 12;
-  return text * 10 / 12 + HEATMAP_CELL_PADDING <= cell ? 10 : null;
+  if (text + HEATMAP_CELL_PADDING <= cell2) return 12;
+  return text * 10 / 12 + HEATMAP_CELL_PADDING <= cell2 ? 10 : null;
 }
 var TEXT13 = {
   ja: {
@@ -5114,24 +5120,24 @@ function buildHeatmapOption(config) {
   const base = config.color || "#6366f1";
   const range = [mixIntoSurface(base, config.surfaceColor, HEATMAP_FLOOR_SHARE), base];
   const gapColor = "rgba(0, 0, 0, 0)";
-  const flagged = (cell) => cell.flagged ? { borderColor: config.flagColor, borderWidth: 3, borderType: "solid" } : { borderColor: "transparent", borderWidth: 1 };
-  const tooltip = (cell) => {
-    const head = `${escapeHtml2(label2(model.ys[cell.yi]))} ${escapeHtml2(label2(model.xs[cell.xi]))}`;
-    const main = cell.value === null ? EMPTY_VALUE : escapeHtml2(valueFormatter(cell.value));
+  const flagged = (cell2) => cell2.flagged ? { borderColor: config.flagColor, borderWidth: 3, borderType: "solid" } : { borderColor: "transparent", borderWidth: 1 };
+  const tooltip = (cell2) => {
+    const head = `${escapeHtml2(label2(model.ys[cell2.yi]))} ${escapeHtml2(label2(model.xs[cell2.xi]))}`;
+    const main = cell2.value === null ? EMPTY_VALUE : escapeHtml2(valueFormatter(cell2.value));
     const extras = (config.details ?? []).map((key) => {
-      const n = cell.row ? toChartNumber(cell.row[key]) : null;
+      const n = cell2.row ? toChartNumber(cell2.row[key]) : null;
       return `${escapeHtml2(label2(key))} ${n === null ? EMPTY_VALUE : escapeHtml2(valueFormatter(n))}`;
     }).join(t.join);
-    const flag = cell.flagged ? `${t.join}${t.flagged}` : "";
+    const flag = cell2.flagged ? `${t.join}${t.flagged}` : "";
     return `${head} ${main}${extras ? `${t.join}${extras}` : ""}${flag}`;
   };
   const cellFont = config.plotWidth ? heatmapCellFontSize(
     config.plotWidth,
     model.xs.length,
     model.ys.map(label2),
-    model.cells.flatMap((cell) => cell.value === null ? [] : [valueFormatter(cell.value)])
+    model.cells.flatMap((cell2) => cell2.value === null ? [] : [valueFormatter(cell2.value)])
   ) : 12;
-  const point = (cell) => ({ value: [cell.xi, cell.yi, cell.value], cell });
+  const point = (cell2) => ({ value: [cell2.xi, cell2.yi, cell2.value], cell: cell2 });
   const option = {
     animation: false,
     tooltip: config.showTooltip ? { trigger: "item", formatter: (p) => tooltip(p.data.cell) } : { show: false },
@@ -5179,11 +5185,11 @@ function buildHeatmapOption(config) {
       {
         id: "values",
         type: "heatmap",
-        data: present.map((cell) => ({
-          ...point(cell),
-          itemStyle: flagged(cell),
+        data: present.map((cell2) => ({
+          ...point(cell2),
+          itemStyle: flagged(cell2),
           label: {
-            color: heatmapRatio(cell.value, model.min, model.max) >= HEATMAP_LIGHT_TEXT_FROM ? config.darkCellText : config.lightCellText
+            color: heatmapRatio(cell2.value, model.min, model.max) >= HEATMAP_LIGHT_TEXT_FROM ? config.darkCellText : config.lightCellText
           }
         })),
         label: {
@@ -5198,7 +5204,7 @@ function buildHeatmapOption(config) {
       {
         id: "gaps",
         type: "heatmap",
-        data: missing.map((cell) => ({ value: [cell.xi, cell.yi, 0], cell, itemStyle: flagged(cell) })),
+        data: missing.map((cell2) => ({ value: [cell2.xi, cell2.yi, 0], cell: cell2, itemStyle: flagged(cell2) })),
         label: { show: false },
         itemStyle: {
           color: gapColor,
@@ -5234,7 +5240,7 @@ function heatmapDataTable(model, names, formatter, labels, locale) {
 }
 function buildHeatmapSummary(model, formatter, title, labels, locale) {
   let best;
-  for (const cell of model.cells) if (cell.value !== null && (!best || cell.value > best.value)) best = cell;
+  for (const cell2 of model.cells) if (cell2.value !== null && (!best || cell2.value > best.value)) best = cell2;
   if (!best) return void 0;
   const label2 = (key) => labels?.[key] ?? key;
   const head = title ? `${title}: ` : "";
@@ -5347,6 +5353,1061 @@ function HeatmapLegend({
 }
 var Heatmap = forwardRef(HeatmapImpl);
 Heatmap.displayName = "Heatmap";
+var TEXT14 = {
+  ja: { item: "\u9805\u76EE", chart: (keys) => `${keys.join("\u30FB")}\u306E\u63A8\u79FB(\u4E0A\u6BB5 \u68D2\u3001\u4E0B\u6BB5 \u7DDA)` },
+  en: { item: "Item", chart: (keys) => `Trend of ${keys.join(", ")} (bars on top, line below)` }
+};
+var NO_ROWS12 = [];
+var NO_KEYS = [];
+var PANEL_GAP = 20;
+var LEGEND_LINE = 24;
+var DEFAULT_HEIGHT = 400;
+var DEFAULT_Y_AXIS_WIDTH = 64;
+function pairedPalette(barKeys, lineKeys, barColors, lineColors) {
+  const bars = seriesColorsFor(barKeys, barColors, CHART_OTHER_COLOR);
+  const line = lineColors ? seriesColorsFor(lineKeys, lineColors, CHART_OTHER_COLOR) : lineKeys.map((_, i) => DEFAULT_CHART_COLORS[(barKeys.length + i) % DEFAULT_CHART_COLORS.length]);
+  return { bars, line };
+}
+function buildPairedOption(cfg) {
+  const { data, index, labels, barKeys, lineKeys, height, heightRatio, yAxisWidth, showLegend, showTooltip } = cfg;
+  const legendNames = [...barKeys, ...lineKeys];
+  const legendWidth = legendNames.reduce((sum, name) => sum + [...labels?.[name] ?? name].length * 12 + 29, 0);
+  const budget = Math.max(80, Math.min(cfg.plotWidth ?? 720, 720) - (cfg.reserveActions ? 80 : 0));
+  const legendRows = showLegend ? Math.min(3, Math.max(1, Math.ceil(legendWidth / budget))) : 0;
+  const top = (showLegend ? 12 + LEGEND_LINE * legendRows : 12) + 4;
+  const room = Math.max(120, height - top - PANEL_GAP);
+  const [a, b] = heightRatio;
+  const upper = Math.round(room * a / (a + b));
+  const common = {
+    data,
+    index,
+    labels,
+    showLegend: false,
+    showTooltip: false,
+    highlight: "none",
+    yAxisWidth,
+    reducedMotion: false,
+    locale: cfg.locale
+  };
+  const barOpt = buildCartesianOption({
+    ...common,
+    kind: "bar",
+    categories: barKeys,
+    palette: cfg.barPalette,
+    valueFormatter: cfg.barFormatter,
+    axisFormatter: cfg.barAxis,
+    axisTicks: cfg.barTicks,
+    type: cfg.type,
+    showXAxis: false,
+    yAxisLabel: cfg.barAxisLabel,
+    maxValue: cfg.barMax,
+    plotWidth: cfg.plotWidth,
+    plotHeight: upper
+  });
+  const lineOpt = buildCartesianOption({
+    ...common,
+    kind: "line",
+    categories: lineKeys,
+    palette: cfg.linePalette,
+    valueFormatter: cfg.lineFormatter,
+    axisFormatter: cfg.lineAxis,
+    axisTicks: cfg.lineTicks,
+    fitToData: cfg.fitToData,
+    showXAxis: true,
+    yAxisLabel: cfg.lineAxisLabel,
+    minValue: cfg.lineMin,
+    maxValue: cfg.lineMax,
+    guideColor: cfg.guideColor,
+    plotWidth: cfg.plotWidth,
+    plotHeight: room - upper
+  });
+  const times = timeTooltipLabels(data.map((row) => row[index]), cfg.locale);
+  const titles = labelRows(data, index, labels).map((row, i) => String(times?.[i] ?? row[index] ?? ""));
+  const cell2 = (row, key) => {
+    const v = row[key];
+    const n = typeof v === "number" ? v : typeof v === "string" && v.trim() !== "" ? Number(v) : NaN;
+    return Number.isFinite(n) ? n : null;
+  };
+  const rowsOf = (row, keys, palette) => keys.map((key, i) => ({ name: labelOf(key, labels), color: palette[i] || "currentColor", value: cell2(row, key) }));
+  const emptyTitle = tooltipHtml("", [], String, [], cfg.locale);
+  const tooltipFormatter = (params) => {
+    const list = Array.isArray(params) ? params : [params];
+    const i = list[0]?.dataIndex ?? 0;
+    const row = data[i] ?? {};
+    const upperHtml = tooltipHtml(titles[i] ?? "", rowsOf(row, barKeys, cfg.barPalette), cfg.barFormatter, [], cfg.locale);
+    const lowerHtml = tooltipHtml("", rowsOf(row, lineKeys, cfg.linePalette), cfg.lineFormatter, [], cfg.locale).slice(emptyTitle.length);
+    return `${upperHtml}${lowerHtml}`;
+  };
+  const lineX = { ...lineOpt.xAxis, id: "x-line", gridIndex: 1, boundaryGap: true };
+  const barX = { ...barOpt.xAxis, id: "x-bars", gridIndex: 0, show: true, axisLine: { show: false }, axisLabel: { show: false } };
+  const gridLeft = barOpt.grid.left ?? 4;
+  const right = 16;
+  const option = {
+    ...barOpt,
+    legend: { ...barOpt.legend, show: showLegend, data: legendNames, right: cfg.reserveActions ? 80 : 0 },
+    grid: [
+      { top, height: upper, left: gridLeft, right, containLabel: true },
+      { top: top + upper + PANEL_GAP, bottom: 4, left: gridLeft, right, containLabel: true }
+    ],
+    xAxis: [barX, lineX],
+    yAxis: [
+      { ...barOpt.yAxis, id: "y-bars", gridIndex: 0 },
+      { ...lineOpt.yAxis, id: "y-line", gridIndex: 1 }
+    ],
+    series: [
+      ...barOpt.series.map((s) => ({ ...s, xAxisIndex: 0, yAxisIndex: 0 })),
+      ...lineOpt.series.map((s) => ({ ...s, xAxisIndex: 1, yAxisIndex: 1 }))
+    ],
+    tooltip: {
+      ...barOpt.tooltip,
+      show: showTooltip,
+      trigger: "axis",
+      axisPointer: { type: "line", link: [{ xAxisIndex: "all" }] },
+      formatter: tooltipFormatter
+    },
+    axisPointer: { link: [{ xAxisIndex: "all" }] }
+  };
+  return mergeChartOptions(option, cfg.chartOptions);
+}
+function PairedChartImpl({
+  data = NO_ROWS12,
+  index,
+  labels,
+  bars,
+  line,
+  title,
+  summary,
+  actions,
+  fileName,
+  isLoading,
+  emptyState,
+  height = DEFAULT_HEIGHT,
+  heightRatio = [3, 2],
+  yAxisWidth = DEFAULT_Y_AXIS_WIDTH,
+  showLegend = true,
+  showTooltip = true,
+  chartOptions,
+  ariaLabel,
+  className,
+  ...rest
+}, ref) {
+  const { ref: frameRef, width: plotWidth, tokens } = useChartSurface(ref);
+  const barKeys = bars?.categories ?? NO_KEYS;
+  const lineKeys = line?.categories ?? NO_KEYS;
+  const locale = useLocale();
+  const t = TEXT14[uiLanguage(locale)];
+  const barFormatter = useMemo(() => resolveValueFormatter(bars?.valueFormatter, bars?.format, locale), [bars?.valueFormatter, bars?.format, locale]);
+  const lineFormatter = useMemo(() => resolveValueFormatter(line?.valueFormatter, line?.format, locale), [line?.valueFormatter, line?.format, locale]);
+  const barAxis = useMemo(() => resolveAxisFormatter(bars?.valueFormatter, bars?.format, locale), [bars?.valueFormatter, bars?.format, locale]);
+  const lineAxis = useMemo(() => resolveAxisFormatter(line?.valueFormatter, line?.format, locale), [line?.valueFormatter, line?.format, locale]);
+  const barTicks = useMemo(() => resolveAxisTickFormatter(bars?.valueFormatter, bars?.format, locale), [bars?.valueFormatter, bars?.format, locale]);
+  const lineTicks = useMemo(() => resolveAxisTickFormatter(line?.valueFormatter, line?.format, locale), [line?.valueFormatter, line?.format, locale]);
+  const palette = useMemo(() => {
+    const p = pairedPalette(barKeys, lineKeys, bars?.colors, line?.colors);
+    return { bars: resolveChartColors(p.bars, tokens), line: resolveChartColors(p.line, tokens) };
+  }, [barKeys, lineKeys, bars?.colors, line?.colors, tokens]);
+  const option = useMemo(
+    () => buildPairedOption({
+      data,
+      index,
+      labels,
+      barKeys,
+      lineKeys,
+      barPalette: palette.bars,
+      linePalette: palette.line,
+      barFormatter,
+      lineFormatter,
+      barAxis,
+      lineAxis,
+      barTicks,
+      lineTicks,
+      type: bars?.type,
+      fitToData: line?.fitToData,
+      barAxisLabel: bars?.yAxisLabel,
+      lineAxisLabel: line?.yAxisLabel,
+      barMax: bars?.maxValue,
+      lineMax: line?.maxValue,
+      lineMin: line?.minValue,
+      height,
+      heightRatio,
+      yAxisWidth,
+      showLegend,
+      showTooltip,
+      reserveActions: Boolean(actions),
+      plotWidth,
+      guideColor: tokens?.mutedForeground ?? void 0,
+      chartOptions,
+      locale
+    }),
+    [
+      data,
+      index,
+      labels,
+      barKeys,
+      lineKeys,
+      palette,
+      barFormatter,
+      lineFormatter,
+      barAxis,
+      lineAxis,
+      barTicks,
+      lineTicks,
+      bars?.type,
+      bars?.yAxisLabel,
+      bars?.maxValue,
+      line?.fitToData,
+      line?.yAxisLabel,
+      line?.maxValue,
+      line?.minValue,
+      height,
+      heightRatio,
+      yAxisWidth,
+      showLegend,
+      showTooltip,
+      actions,
+      plotWidth,
+      tokens,
+      chartOptions,
+      locale
+    ]
+  );
+  const dataTable = useMemo(() => {
+    const upper = chartDataTable(labelRows(data, index, labels), index, barKeys, barFormatter, labels, t.item);
+    const lower = chartDataTable(labelRows(data, index, labels), index, lineKeys, lineFormatter, labels, t.item);
+    const times = timeTooltipLabels(data.map((row) => row[index]), locale);
+    return {
+      ...upper,
+      columns: [...upper.columns, ...lower.columns.slice(1)],
+      rows: upper.rows.map((r, i) => [times?.[i] ?? r[0] ?? "", ...r.slice(1), ...(lower.rows[i] ?? []).slice(1)])
+    };
+  }, [data, index, labels, barKeys, lineKeys, barFormatter, lineFormatter, t, locale]);
+  const label2 = ariaLabel ?? t.chart([...barKeys, ...lineKeys]);
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      ...chartRootProps(rest),
+      ref: frameRef,
+      title,
+      summary: summary === "auto" ? void 0 : summary,
+      isLoading: isLoading ?? false,
+      isEmpty: data.length === 0,
+      emptyState,
+      height,
+      variant: "bar",
+      ariaLabel: label2,
+      className,
+      dataTable,
+      children: /* @__PURE__ */ jsx(EChart, { option, height: "100%", ariaLabel: label2, actions, fileName, exportHeader: { title, summary: summary === "auto" ? void 0 : summary } })
+    }
+  );
+}
+var PairedChart = forwardRef(PairedChartImpl);
+PairedChart.displayName = "PairedChart";
+
+// ../squadkit/registry/lib/distribution.ts
+function toFinite(value) {
+  const n = typeof value === "number" ? value : typeof value === "string" && value.trim() !== "" ? Number(value) : NaN;
+  return Number.isFinite(n) ? n : null;
+}
+function sortedNumbers(values) {
+  const out = [];
+  for (const v of values) {
+    const n = toFinite(v);
+    if (n !== null) out.push(n);
+  }
+  return out.sort((a, b) => a - b);
+}
+function quantile(sorted, p) {
+  if (sorted.length === 0) return null;
+  const pos = (sorted.length - 1) * Math.min(1, Math.max(0, p));
+  const lo = Math.floor(pos);
+  const hi = Math.ceil(pos);
+  return sorted[lo] + (sorted[hi] - sorted[lo]) * (pos - lo);
+}
+function boxStats(values, whisker = 1.5) {
+  const sorted = sortedNumbers(values);
+  if (sorted.length === 0) return null;
+  const q1 = quantile(sorted, 0.25);
+  const median = quantile(sorted, 0.5);
+  const q3 = quantile(sorted, 0.75);
+  const reach = Math.max(0, whisker) * (q3 - q1);
+  const low = q1 - reach;
+  const high = q3 + reach;
+  const inside = sorted.filter((v) => v >= low && v <= high);
+  return {
+    count: sorted.length,
+    min: sorted[0],
+    max: sorted[sorted.length - 1],
+    q1,
+    median,
+    q3,
+    whiskerLow: inside[0] ?? q1,
+    whiskerHigh: inside[inside.length - 1] ?? q3,
+    outliers: sorted.filter((v) => v < low || v > high)
+  };
+}
+function niceBinWidth(span, target = 10) {
+  if (!(span > 0) || !Number.isFinite(span)) return 1;
+  const raw = span / target;
+  const pow = 10 ** Math.floor(Math.log10(raw));
+  const f = raw / pow;
+  return (f <= 1 ? 1 : f <= 2 ? 2 : f <= 2.5 ? 2.5 : f <= 5 ? 5 : 10) * pow;
+}
+var MAX_BINS = 200;
+function tidy(n, step) {
+  const digits = Math.min(100, Math.max(0, Math.ceil(-Math.log10(step)) + 6));
+  const rounded = Number(n.toFixed(digits));
+  return Number.isFinite(rounded) ? rounded : n;
+}
+function histogramBins(values, config = {}) {
+  const sorted = sortedNumbers(values);
+  if (sorted.length === 0) return [];
+  const width = config.binWidth !== void 0 && Number.isFinite(config.binWidth) && config.binWidth > 0 ? config.binWidth : null;
+  const lo = sorted[0];
+  const hi = sorted[sorted.length - 1];
+  const cap = config.max !== void 0 && Number.isFinite(config.max) ? config.max : null;
+  const end = cap !== null ? cap : hi;
+  const first = config.start !== void 0 && Number.isFinite(config.start) ? config.start : null;
+  let step = width ?? niceBinWidth((cap !== null ? Math.min(hi, cap) : hi) - (first ?? lo));
+  const start = first ?? tidy(Math.floor(lo / step) * step, step);
+  const countFor = (w) => Math.ceil((end - start) / w - 1e-9);
+  if (countFor(step) > MAX_BINS) step = niceBinWidth(end - start, MAX_BINS);
+  const n = Math.min(MAX_BINS, Math.max(cap === null ? 1 : 0, countFor(step)));
+  const bins = [];
+  for (let i = 0; i < n; i++) {
+    const from = i === 0 ? start : bins[i - 1].to;
+    let to = tidy(start + (i + 1) * step, step);
+    if (!(to > from)) to = start + (i + 1) * step;
+    if (cap !== null) to = Math.min(to, cap);
+    bins.push({ from, to, count: 0, overflow: false });
+  }
+  const inRange = cap === null ? sorted : sorted.filter((v) => v < cap);
+  const over = cap === null ? [] : sorted.filter((v) => v >= cap);
+  for (const v of inRange) {
+    if (v < start || bins.length === 0) continue;
+    const i = Math.min(bins.length - 1, Math.floor((v - start) / step + 1e-9));
+    bins[i].count += 1;
+  }
+  if (over.length > 0) bins.push({ from: cap, to: Math.max(hi, cap), count: over.length, overflow: true });
+  return bins;
+}
+var TEXT15 = {
+  ja: {
+    countUnit: "\u4EF6",
+    atOrAbove: (from) => `${from}\u4EE5\u4E0A`,
+    range: (from, to) => `${from}\u301C${to}`,
+    count: (n, unit) => `${n}${unit}`,
+    countHeader: (unit) => `${unit}\u6570`,
+    share: "\u69CB\u6210\u6BD4",
+    value: "\u5024",
+    valueInSentence: "\u5024",
+    threshold: "\u3057\u304D\u3044\u5024",
+    peak: (total, bin, count, unit) => `${total}${unit}\u306E\u3046\u3061\u6700\u3082\u591A\u3044\u306E\u306F ${bin}\uFF08${count}${unit}\uFF09`,
+    overThreshold: (name, value, count, share) => `${name}\uFF08${value}\uFF09\u4EE5\u4E0A\u306F ${count}\uFF08${share}\uFF09`,
+    sentenceJoin: "\u3002",
+    chart: (label2) => `${label2}\u306E\u30D2\u30B9\u30C8\u30B0\u30E9\u30E0`
+  },
+  en: {
+    countUnit: "",
+    atOrAbove: (from) => `${from}+`,
+    range: (from, to) => `${from}\u2013${to}`,
+    count: (n, unit) => unit ? `${n} ${unit}` : `${n}`,
+    countHeader: () => "Count",
+    share: "Share",
+    value: "Value",
+    valueInSentence: "values",
+    threshold: "Threshold",
+    peak: (total, bin, count, unit) => `Most common: ${bin} (${unit ? `${count} ${unit}` : count} of ${total})`,
+    overThreshold: (name, value, count, share) => `At or above ${name} (${value}): ${count} (${share})`,
+    sentenceJoin: ". ",
+    chart: (label2) => `Histogram of ${label2}`
+  }
+};
+var textOf4 = (locale) => TEXT15[uiLanguage(resolveLocale(locale))];
+function binLabel(bin, formatter, locale) {
+  const t = textOf4(locale);
+  return bin.overflow ? t.atOrAbove(formatter(bin.from)) : t.range(formatter(bin.from), formatter(bin.to));
+}
+function thresholdPosition(bins, value) {
+  const lastIndex = bins.length - 1;
+  const i = bins.findIndex((b, k) => k === lastIndex ? value >= b.from && (b.overflow || value <= b.to) : value >= b.from && value < b.to);
+  const bin = bins[i];
+  if (!bin) return null;
+  return bin.overflow ? i - 0.5 : i - 0.5 + (value - bin.from) / (bin.to - bin.from);
+}
+function countAtOrAbove(values, value, from = -Infinity) {
+  return sortedNumbers(values).filter((v) => v >= value && v >= from).length;
+}
+var percent = (n, total) => total === 0 ? "0%" : `${Math.round(n / total * 100)}%`;
+function buildHistogramSummary(bins, formatter, config) {
+  if (bins.length === 0 || config.total === 0) return void 0;
+  const t = textOf4(config.locale);
+  const count = (n) => t.count(n, config.countUnit);
+  const peak = bins.reduce((a, b) => b.count > a.count ? b : a);
+  const parts = [t.peak(config.total, binLabel(peak, formatter, config.locale), peak.count, config.countUnit)];
+  if (config.threshold && config.atOrAbove !== void 0) {
+    const name = config.threshold.label ?? t.threshold;
+    parts.push(t.overThreshold(name, formatter(config.threshold.value), count(config.atOrAbove), percent(config.atOrAbove, config.total)));
+  }
+  return parts.join(t.sentenceJoin);
+}
+function histogramDataTable(bins, formatter, config) {
+  const t = textOf4(config.locale);
+  return {
+    columns: [config.valueLabel ?? t.value, t.countHeader(config.countUnit), t.share],
+    rows: bins.map((b) => [binLabel(b, formatter, config.locale), `${b.count}`, percent(b.count, config.total)])
+  };
+}
+function thresholdPoint(bins, value) {
+  const pos = thresholdPosition(bins, value) ?? 0;
+  const index = Math.min(bins.length - 1, Math.max(0, Math.round(pos)));
+  return [index, 0, pos - index];
+}
+function thresholdRenderer(style) {
+  return (params, api) => {
+    const { x: gx, y: gy, width, height } = params.coordSys;
+    const band = Math.abs(api.size([1, 0])[0] ?? 0);
+    const x = (api.coord([api.value(0), 0])[0] ?? 0) + api.value(2) * band;
+    const nearRight = x > gx + width * 0.7;
+    return {
+      type: "group",
+      children: [
+        {
+          type: "line",
+          shape: { x1: x, y1: gy, x2: x, y2: gy + height },
+          style: { stroke: style.lineColor || "#888", lineWidth: 1.5, lineDash: [4, 4], fill: "none" }
+        },
+        {
+          type: "text",
+          style: {
+            text: style.text,
+            x,
+            y: gy - 4,
+            fill: style.labelColor || "#888",
+            textAlign: nearRight ? "right" : "left",
+            textVerticalAlign: "bottom"
+          }
+        }
+      ]
+    };
+  };
+}
+var ROW_STYLE3 = "display:flex;align-items:center;gap:8px;line-height:20px";
+function buildHistogramOption(config) {
+  const { locale } = config;
+  const t = textOf4(locale);
+  const { bins, total, colors, valueFormatter, threshold, showTooltip = true, countUnit = t.countUnit } = config;
+  const pos = threshold ? thresholdPosition(bins, threshold.value) : null;
+  const option = {
+    ...chartMotion(false),
+    legend: { show: false },
+    grid: { top: pos === null ? 16 : 28, right: 16, bottom: 4, left: 4, containLabel: true },
+    tooltip: {
+      show: showTooltip,
+      trigger: "axis",
+      axisPointer: { type: "shadow" },
+      formatter: (params) => {
+        const list = Array.isArray(params) ? params : [params];
+        const bin = bins[(list.find((p) => p.seriesId === "count") ?? list[0])?.dataIndex ?? 0];
+        if (!bin) return "";
+        const color = escapeHtml((bin.overflow ? colors.overflow : colors.bar) || "currentColor");
+        const line = (name, text) => `<div style="${ROW_STYLE3}"><span style="display:inline-block;width:8px;height:8px;border-radius:9999px;background:${color}"></span><span style="flex:1;opacity:.8">${escapeHtml(name)}</span><span style="font-weight:500;font-variant-numeric:tabular-nums;margin-left:12px">${escapeHtml(text)}</span></div>`;
+        return `<div style="font-weight:500;margin-bottom:4px">${escapeHtml(binLabel(bin, valueFormatter, locale))}</div>` + line(t.countHeader(countUnit), t.count(bin.count, countUnit)) + line(t.share, percent(bin.count, total));
+      }
+    },
+    xAxis: {
+      type: "category",
+      data: bins.map((b) => binLabel(b, valueFormatter, locale)),
+      axisTick: { show: false },
+      axisLabel: { hideOverlap: true }
+    },
+    yAxis: {
+      type: "value",
+      minInterval: 1,
+      axisLine: { show: false },
+      axisTick: { show: false },
+      splitLine: { show: true }
+    },
+    series: [
+      {
+        id: "count",
+        type: "bar",
+        barCategoryGap: "6%",
+        data: bins.map((b) => ({
+          value: b.count,
+          itemStyle: { color: (b.overflow ? colors.overflow : colors.bar) || void 0, borderRadius: [2, 2, 0, 0] }
+        })),
+        label: { show: false, color: config.labelColor, fontVariantNumeric: "tabular-nums" }
+      },
+      ...threshold && pos !== null ? [
+        {
+          id: "threshold",
+          type: "custom",
+          silent: true,
+          z: 10,
+          animation: false,
+          tooltip: { show: false },
+          encode: { x: 0, y: 1 },
+          // [階級の添字, 0(y の位置は使わない), 階級の中での位置(左端 -0.5 〜 右端 0.5)]
+          data: [thresholdPoint(bins, threshold.value)],
+          renderItem: thresholdRenderer({
+            text: `${threshold.label ?? t.threshold} ${valueFormatter(threshold.value)}`,
+            lineColor: config.lineColor,
+            labelColor: config.labelColor
+          })
+        }
+      ] : []
+    ]
+  };
+  return mergeChartOptions(option, config.chartOptions);
+}
+var NO_VALUES = [];
+var HistogramChart = forwardRef(function HistogramChart2({
+  values = NO_VALUES,
+  binWidth,
+  start,
+  max,
+  threshold,
+  countUnit: countUnitProp,
+  valueLabel,
+  format,
+  valueFormatter: valueFormatterProp,
+  showTooltip = true,
+  title,
+  summary,
+  actions,
+  fileName,
+  isLoading,
+  emptyState,
+  height,
+  chartOptions,
+  ariaLabel,
+  className,
+  ...rest
+}, ref) {
+  const { ref: frameRef, tokens } = useChartSurface(ref);
+  const locale = useLocale();
+  const t = TEXT15[uiLanguage(locale)];
+  const countUnit = countUnitProp ?? t.countUnit;
+  const valueFormatter = useMemo(
+    () => valueFormatterProp ?? (format === void 0 ? toValueFormatter("number", locale) : resolveValueFormatter(void 0, format, locale)),
+    [valueFormatterProp, format, locale]
+  );
+  const bins = useMemo(() => histogramBins(values, { binWidth, start, max }), [values, binWidth, start, max]);
+  const total = useMemo(() => bins.reduce((sum, b) => sum + b.count, 0), [bins]);
+  const colors = useMemo(() => {
+    const [bar = ""] = resolveChartColors(["chart-1"], tokens);
+    return { bar, overflow: resolveFillColors(tokens).neutral };
+  }, [tokens]);
+  const option = useMemo(
+    () => buildHistogramOption({
+      bins,
+      total,
+      colors,
+      valueFormatter,
+      countUnit,
+      threshold,
+      showTooltip,
+      labelColor: tokens?.foreground ?? void 0,
+      lineColor: tokens?.mutedForeground ?? void 0,
+      chartOptions,
+      locale
+    }),
+    [bins, total, colors, valueFormatter, countUnit, threshold, showTooltip, tokens, chartOptions, locale]
+  );
+  const dataTable = useMemo(
+    () => histogramDataTable(bins, valueFormatter, { total, countUnit, valueLabel, locale }),
+    [bins, valueFormatter, total, countUnit, valueLabel, locale]
+  );
+  const resolvedSummary = useMemo(
+    () => summary === "auto" ? buildHistogramSummary(bins, valueFormatter, {
+      total,
+      countUnit,
+      threshold,
+      atOrAbove: threshold ? countAtOrAbove(values, threshold.value, bins[0]?.from) : void 0,
+      locale
+    }) : summary,
+    [summary, bins, valueFormatter, total, countUnit, threshold, values, locale]
+  );
+  const label2 = ariaLabel ?? t.chart(valueLabel ?? t.valueInSentence);
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      ...chartRootProps(rest),
+      ref: frameRef,
+      title,
+      summary: resolvedSummary,
+      isLoading: isLoading ?? false,
+      isEmpty: bins.length === 0,
+      emptyState,
+      height,
+      variant: "bar",
+      ariaLabel: label2,
+      className,
+      dataTable,
+      children: /* @__PURE__ */ jsx(EChart, { option, height: "100%", ariaLabel: label2, actions, fileName, exportHeader: { title, summary: resolvedSummary } })
+    }
+  );
+});
+HistogramChart.displayName = "HistogramChart";
+var TEXT16 = {
+  ja: {
+    value: "\u5024",
+    valueInSentence: "\u5024",
+    medianOf: (name, label2, median) => `${name}\u306E${label2}\u306E\u4E2D\u592E\u5024\u306F ${median}`,
+    medianRange: (label2, top, topMedian, low, lowMedian) => `${label2}\u306E\u4E2D\u592E\u5024\u304C\u6700\u3082\u9AD8\u3044\u306E\u306F ${top}\uFF08${topMedian}\uFF09\u3001\u6700\u3082\u4F4E\u3044\u306E\u306F ${low}\uFF08${lowMedian}\uFF09`,
+    outliers: (n) => `\u5916\u308C\u5024\u306F ${n} \u4EF6`,
+    sentenceJoin: "\u3002",
+    columns: ["\u7FA4", "\u4EF6\u6570", "\u6700\u5C0F\uFF08\u3072\u3052\uFF09", "\u7B2C1\u56DB\u5206\u4F4D", "\u4E2D\u592E\u5024", "\u7B2C3\u56DB\u5206\u4F4D", "\u6700\u5927\uFF08\u3072\u3052\uFF09", "\u5916\u308C\u5024"],
+    listJoin: "\u3001",
+    none: "\u306A\u3057",
+    tooltipTitle: (name, label2, count) => `${name}\uFF08${label2}\u30FB${count}\u4EF6\uFF09`,
+    max: "\u6700\u5927\uFF08\u3072\u3052\uFF09",
+    q3: "\u7B2C3\u56DB\u5206\u4F4D",
+    median: "\u4E2D\u592E\u5024",
+    q1: "\u7B2C1\u56DB\u5206\u4F4D",
+    min: "\u6700\u5C0F\uFF08\u3072\u3052\uFF09",
+    outlierRow: "\u5916\u308C\u5024",
+    chart: (label2) => `${label2}\u306E\u7BB1\u3072\u3052\u56F3`
+  },
+  en: {
+    value: "Value",
+    valueInSentence: "value",
+    medianOf: (name, label2, median) => `Median ${label2} for ${name}: ${median}`,
+    medianRange: (label2, top, topMedian, low, lowMedian) => `Highest median ${label2}: ${top} (${topMedian}); lowest: ${low} (${lowMedian})`,
+    outliers: (n) => n === 1 ? "1 outlier" : `${n} outliers`,
+    sentenceJoin: ". ",
+    columns: ["Group", "Count", "Min (whisker)", "Q1", "Median", "Q3", "Max (whisker)", "Outliers"],
+    listJoin: ", ",
+    none: "None",
+    tooltipTitle: (name, label2, count) => `${name} (${label2}, n=${count})`,
+    max: "Max (whisker)",
+    q3: "Q3",
+    median: "Median",
+    q1: "Q1",
+    min: "Min (whisker)",
+    outlierRow: "Outliers",
+    chart: (label2) => `Box plot of ${label2}`
+  }
+};
+var textOf5 = (locale) => TEXT16[uiLanguage(resolveLocale(locale))];
+function boxPlotEntries(groups, whisker) {
+  return groups.map((g) => ({ name: g.name, stats: boxStats(g.values, whisker) }));
+}
+function buildBoxPlotSummary(entries, formatter, valueLabel, locale) {
+  const t = textOf5(locale);
+  const label2 = valueLabel ?? t.valueInSentence;
+  const real = entries.filter((e) => e.stats !== null);
+  if (real.length === 0) return void 0;
+  const top = real.reduce((a, b) => b.stats.median > a.stats.median ? b : a);
+  const low = real.reduce((a, b) => b.stats.median < a.stats.median ? b : a);
+  const parts = [
+    real.length === 1 ? t.medianOf(top.name, label2, formatter(top.stats.median)) : t.medianRange(label2, top.name, formatter(top.stats.median), low.name, formatter(low.stats.median))
+  ];
+  const outliers = real.reduce((sum, e) => sum + e.stats.outliers.length, 0);
+  if (outliers > 0) parts.push(t.outliers(outliers));
+  return parts.join(t.sentenceJoin);
+}
+function boxPlotDataTable(entries, formatter, locale) {
+  const t = textOf5(locale);
+  const f = (n) => n === void 0 ? EMPTY_VALUE : formatter(n);
+  return {
+    columns: [...t.columns],
+    rows: entries.map(({ name, stats: s }) => [
+      name,
+      s ? `${s.count}` : EMPTY_VALUE,
+      f(s?.whiskerLow),
+      f(s?.q1),
+      f(s?.median),
+      f(s?.q3),
+      f(s?.whiskerHigh),
+      s ? s.outliers.length > 0 ? s.outliers.map(formatter).join(t.listJoin) : t.none : EMPTY_VALUE
+    ])
+  };
+}
+var ROW_STYLE4 = "display:flex;align-items:center;gap:8px;line-height:20px";
+var BOX_SHARE = 0.4;
+function boxPlotRenderer(color, outliers) {
+  return (_params, api) => {
+    const x = api.coord([api.value(0), api.value(3)])[0] ?? 0;
+    const y = (dim) => api.coord([api.value(0), api.value(dim)])[1] ?? 0;
+    const band = Math.abs(api.size([1, 0])[0] ?? 0);
+    const half = band * BOX_SHARE / 2;
+    const cap = half / 2;
+    const [yLow, yQ1, yMed, yQ3, yHigh] = [y(1), y(2), y(3), y(4), y(5)];
+    const stroke = { stroke: color, lineWidth: 1.5, fill: "none" };
+    const line = (x1, y1, x2, y2) => ({ type: "line", shape: { x1, y1, x2, y2 }, style: stroke });
+    return {
+      type: "group",
+      children: [
+        line(x, yHigh, x, yQ3),
+        line(x, yQ1, x, yLow),
+        line(x - cap, yHigh, x + cap, yHigh),
+        line(x - cap, yLow, x + cap, yLow),
+        {
+          type: "rect",
+          shape: { x: x - half, y: Math.min(yQ3, yQ1), width: half * 2, height: Math.abs(yQ1 - yQ3), r: 2 },
+          style: { fill: withAlpha(color, 0.25), stroke: color, lineWidth: 1.5 }
+        },
+        line(x - half, yMed, x + half, yMed),
+        ...(outliers[api.value(0)] ?? []).map((v) => ({
+          type: "circle",
+          shape: { cx: x, cy: api.coord([api.value(0), v])[1] ?? 0, r: 3 },
+          style: { fill: "transparent", stroke: color, lineWidth: 1.5 }
+        }))
+      ]
+    };
+  };
+}
+function buildBoxPlotOption(config) {
+  const t = textOf5(config.locale);
+  const { entries, valueFormatter, showTooltip = true, valueLabel = t.value } = config;
+  const axisFormatter = config.axisFormatter ?? valueFormatter;
+  const color = config.color || "#888";
+  const data = entries.flatMap((e, i) => e.stats ? [[i, e.stats.whiskerLow, e.stats.q1, e.stats.median, e.stats.q3, e.stats.whiskerHigh, e.stats.min, e.stats.max]] : []);
+  const entryAt = (i) => entries[i];
+  const option = {
+    ...chartMotion(false),
+    legend: { show: false },
+    grid: { top: 16, right: 16, bottom: 4, left: 4, containLabel: true },
+    tooltip: {
+      show: showTooltip,
+      trigger: "item",
+      formatter: (params) => {
+        const entry = entryAt(params.value?.[0] ?? -1);
+        const s = entry?.stats;
+        if (!entry || !s) return "";
+        const line = (name, text) => `<div style="${ROW_STYLE4}"><span style="flex:1;opacity:.8">${escapeHtml(name)}</span><span style="font-weight:500;font-variant-numeric:tabular-nums;margin-left:12px">${escapeHtml(text)}</span></div>`;
+        return `<div style="font-weight:500;margin-bottom:4px">${escapeHtml(t.tooltipTitle(entry.name, valueLabel, s.count))}</div>` + line(t.max, valueFormatter(s.whiskerHigh)) + line(t.q3, valueFormatter(s.q3)) + line(t.median, valueFormatter(s.median)) + line(t.q1, valueFormatter(s.q1)) + line(t.min, valueFormatter(s.whiskerLow)) + (s.outliers.length > 0 ? line(t.outlierRow, s.outliers.map(valueFormatter).join(t.listJoin)) : "");
+      }
+    },
+    xAxis: { type: "category", data: entries.map((e) => e.name), axisTick: { show: false }, axisLabel: { interval: 0, hideOverlap: false } },
+    yAxis: {
+      type: "value",
+      axisLine: { show: false },
+      axisTick: { show: false },
+      splitLine: { show: true },
+      axisLabel: { formatter: (v) => axisFormatter(v) }
+    },
+    series: [
+      {
+        id: "box",
+        type: "custom",
+        encode: { x: 0, y: [1, 2, 3, 4, 5, 6, 7] },
+        data,
+        renderItem: boxPlotRenderer(color, entries.map((e) => e.stats?.outliers ?? []))
+      }
+    ]
+  };
+  return mergeChartOptions(option, config.chartOptions);
+}
+var NO_GROUPS = [];
+var BoxPlotChart = forwardRef(function BoxPlotChart2({
+  groups = NO_GROUPS,
+  whisker,
+  valueLabel,
+  format,
+  valueFormatter: valueFormatterProp,
+  showTooltip = true,
+  title,
+  summary,
+  actions,
+  fileName,
+  isLoading,
+  emptyState,
+  height,
+  chartOptions,
+  ariaLabel,
+  className,
+  ...rest
+}, ref) {
+  const { ref: frameRef, tokens } = useChartSurface(ref);
+  const locale = useLocale();
+  const t = TEXT16[uiLanguage(locale)];
+  const valueFormatter = useMemo(() => resolveValueFormatter(valueFormatterProp, format, locale), [valueFormatterProp, format, locale]);
+  const entries = useMemo(() => boxPlotEntries(groups, whisker), [groups, whisker]);
+  const [color = ""] = useMemo(() => resolveChartColors(["chart-1"], tokens), [tokens]);
+  const option = useMemo(
+    () => buildBoxPlotOption({ entries, color, valueFormatter, valueLabel, showTooltip, labelColor: tokens?.foreground ?? void 0, chartOptions, locale }),
+    [entries, color, valueFormatter, valueLabel, showTooltip, tokens, chartOptions, locale]
+  );
+  const dataTable = useMemo(() => boxPlotDataTable(entries, valueFormatter, locale), [entries, valueFormatter, locale]);
+  const resolvedSummary = useMemo(
+    () => summary === "auto" ? buildBoxPlotSummary(entries, valueFormatter, valueLabel, locale) : summary,
+    [summary, entries, valueFormatter, valueLabel, locale]
+  );
+  const label2 = ariaLabel ?? t.chart(valueLabel ?? t.valueInSentence);
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      ...chartRootProps(rest),
+      ref: frameRef,
+      title,
+      summary: resolvedSummary,
+      isLoading: isLoading ?? false,
+      isEmpty: entries.length === 0,
+      emptyState,
+      height,
+      variant: "bar",
+      ariaLabel: label2,
+      className,
+      dataTable,
+      children: /* @__PURE__ */ jsx(EChart, { option, height: "100%", ariaLabel: label2, actions, fileName, exportHeader: { title, summary: resolvedSummary } })
+    }
+  );
+});
+BoxPlotChart.displayName = "BoxPlotChart";
+var STATUS_LABELS = {
+  ja: {
+    success: "\u6B63\u5E38",
+    partial: "\u4E00\u90E8\u5931\u6557",
+    failed: "\u5931\u6557",
+    delayed: "\u9045\u5EF6",
+    running: "\u5B9F\u884C\u4E2D",
+    stopped: "\u505C\u6B62\u4E2D",
+    active: "\u6709\u52B9",
+    inactive: "\u7121\u52B9",
+    warning: "\u8B66\u544A",
+    error: "\u30A8\u30E9\u30FC",
+    pending: "\u4FDD\u7559\u4E2D"
+  },
+  en: {
+    success: "Healthy",
+    partial: "Partially failed",
+    failed: "Failed",
+    delayed: "Delayed",
+    running: "Running",
+    stopped: "Stopped",
+    active: "Active",
+    inactive: "Inactive",
+    warning: "Warning",
+    error: "Error",
+    pending: "Pending"
+  }
+};
+var STATUS_VOCABULARY = {
+  success: { label: STATUS_LABELS.en.success, tone: "positive" },
+  partial: { label: STATUS_LABELS.en.partial, tone: "warning" },
+  failed: { label: STATUS_LABELS.en.failed, tone: "negative" },
+  delayed: { label: STATUS_LABELS.en.delayed, tone: "warning" },
+  running: { label: STATUS_LABELS.en.running, tone: "info" },
+  stopped: { label: STATUS_LABELS.en.stopped, tone: "neutral" },
+  active: { label: STATUS_LABELS.en.active, tone: "positive" },
+  inactive: { label: STATUS_LABELS.en.inactive, tone: "neutral" },
+  warning: { label: STATUS_LABELS.en.warning, tone: "warning" },
+  error: { label: STATUS_LABELS.en.error, tone: "negative" },
+  pending: { label: STATUS_LABELS.en.pending, tone: "info" }
+};
+function statusLabel(status, locale) {
+  return Object.hasOwn(STATUS_VOCABULARY, status) ? STATUS_LABELS[uiLanguage(resolveLocale(locale))][status] : status;
+}
+var defaultColorMap = Object.fromEntries(
+  Object.entries(STATUS_VOCABULARY).map(([key, { tone }]) => [key, tone])
+);
+var legacyColorTones = {
+  green: "positive",
+  gray: "neutral",
+  yellow: "warning",
+  red: "negative",
+  blue: "info"
+};
+var toneStyles = {
+  positive: { dot: "bg-positive", bg: "bg-positive-subtle", text: "text-positive", border: "border-positive/20 dark:border-positive/25" },
+  negative: { dot: "bg-negative", bg: "bg-negative-subtle", text: "text-negative", border: "border-negative/20 dark:border-negative/25" },
+  warning: { dot: "bg-warning", bg: "bg-warning-subtle", text: "text-warning", border: "border-warning/20 dark:border-warning/25" },
+  info: { dot: "bg-info", bg: "bg-info-subtle", text: "text-info", border: "border-info/20 dark:border-info/25" },
+  neutral: { dot: "bg-neutral", bg: "bg-neutral-subtle", text: "text-neutral", border: "border-neutral/20 dark:border-neutral/25" }
+};
+var resolveTone = (color) => {
+  if (color === void 0) return "neutral";
+  if (Object.hasOwn(toneStyles, color)) return color;
+  return legacyColorTones[color] ?? "neutral";
+};
+var StatusBadge = forwardRef(function StatusBadge2({ status, label: label2, colorMap, className }, ref) {
+  const locale = useLocale();
+  const mergedColorMap = { ...defaultColorMap, ...colorMap };
+  const style = toneStyles[resolveTone(mergedColorMap[status])];
+  const displayLabel = label2 ?? statusLabel(status, locale);
+  return /* @__PURE__ */ jsxs(
+    Badge,
+    {
+      ref,
+      "data-slot": "status-badge",
+      variant: "outline",
+      className: cn("gap-1.5 rounded-md", style.border, style.bg, style.text, className),
+      "aria-label": displayLabel,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: cn("inline-block size-1.5 rounded-full", style.dot), "aria-hidden": "true" }),
+        displayLabel
+      ]
+    }
+  );
+});
+StatusBadge.displayName = "StatusBadge";
+var KIND_ORDER = ["overdue", "risk", "dueSoon", "stale"];
+var KIND_TONES = {
+  overdue: "negative",
+  risk: "negative",
+  dueSoon: "warning",
+  stale: "info"
+};
+var daysEn = (n) => n === 1 ? "1 day" : `${n} days`;
+var TEXT17 = {
+  ja: {
+    labels: { overdue: "\u671F\u65E5\u8D85\u904E", risk: "\u30EA\u30B9\u30AF", dueSoon: "\u671F\u9650\u9593\u8FD1", stale: "\u6EDE\u7559" },
+    overdue: (days) => `\u671F\u65E5\u3092 ${days} \u65E5\u904E\u304E\u3066\u3044\u307E\u3059`,
+    dueToday: "\u671F\u65E5\u306F\u4ECA\u65E5\u3067\u3059",
+    dueIn: (days) => `\u671F\u65E5\u307E\u3067\u3042\u3068 ${days} \u65E5\u3067\u3059`,
+    stale: (days) => `${days} \u65E5\u9593\u52D5\u304D\u304C\u3042\u308A\u307E\u305B\u3093`,
+    empty: "\u5BFE\u5FDC\u304C\u5FC5\u8981\u306A\u9805\u76EE\u306F\u3042\u308A\u307E\u305B\u3093",
+    due: "\u671F\u65E5",
+    nextAction: "\u6B21\u306E\u4E00\u624B: "
+  },
+  en: {
+    labels: { overdue: "Overdue", risk: "At risk", dueSoon: "Due soon", stale: "Stalled" },
+    overdue: (days) => `${daysEn(days)} overdue`,
+    dueToday: "Due today",
+    dueIn: (days) => `Due in ${daysEn(days)}`,
+    stale: (days) => `No activity for ${daysEn(days)}`,
+    empty: "Nothing needs attention",
+    due: "Due",
+    nextAction: "Next step: "
+  }
+};
+TEXT17.en.labels;
+function toDate2(value) {
+  if (value === null || value === void 0 || value === "") return null;
+  const date = typeof value === "string" ? parseISO(value) : value;
+  return Number.isFinite(date.getTime()) ? date : null;
+}
+function judgeAttention(input) {
+  const asOf = toDate2(input.asOf);
+  if (!asOf) return null;
+  const dueSoonDays = input.dueSoonDays ?? 7;
+  const due = toDate2(input.dueDate);
+  if (due) {
+    const untilDue = differenceInCalendarDays(due, asOf);
+    if (untilDue < 0) return { kind: "overdue", days: -untilDue };
+  }
+  if (input.risk) return { kind: "risk", days: 0 };
+  if (due) {
+    const untilDue = differenceInCalendarDays(due, asOf);
+    if (untilDue <= dueSoonDays) return { kind: "dueSoon", days: untilDue };
+  }
+  const last = toDate2(input.lastActivityAt);
+  if (last && input.staleDays !== void 0) {
+    const idle = differenceInCalendarDays(asOf, last);
+    if (idle >= input.staleDays) return { kind: "stale", days: idle };
+  }
+  return null;
+}
+function compareAttention(a, b) {
+  if (!a || !b) return a ? -1 : b ? 1 : 0;
+  const byKind = KIND_ORDER.indexOf(a.kind) - KIND_ORDER.indexOf(b.kind);
+  if (byKind !== 0) return byKind;
+  return a.kind === "dueSoon" ? a.days - b.days : b.days - a.days;
+}
+function defaultReason(j, labels, t) {
+  switch (j.kind) {
+    case "overdue":
+      return t.overdue(j.days);
+    case "dueSoon":
+      return j.days === 0 ? t.dueToday : t.dueIn(j.days);
+    case "stale":
+      return t.stale(j.days);
+    case "risk":
+      return labels.risk;
+  }
+}
+function cell(row, key) {
+  if (!key || row === null || typeof row !== "object") return void 0;
+  return row[key];
+}
+function asDateInput(value) {
+  return typeof value === "string" || value instanceof Date ? value : void 0;
+}
+function asNode(value) {
+  return typeof value === "string" || typeof value === "number" ? value : null;
+}
+function AttentionList({
+  rows,
+  asOf,
+  dueSoonDays,
+  staleDays,
+  labels,
+  getRowId,
+  getTitle,
+  getDueDate,
+  getLastActivityAt,
+  isRisk,
+  idKey,
+  titleKey,
+  dueDateKey,
+  lastActivityAtKey,
+  riskKey,
+  nextActionKey,
+  getReason,
+  getNextAction,
+  getMeta,
+  onRowClick,
+  includeUnflagged = false,
+  emptyTitle,
+  emptyDescription,
+  className,
+  ...rest
+}) {
+  const locale = useLocale();
+  const t = TEXT17[uiLanguage(locale)];
+  const mergedLabels = useMemo(() => ({ ...t.labels, ...labels }), [t, labels]);
+  const colorMap = KIND_TONES;
+  const dueOf = (row) => getDueDate ? getDueDate(row) : asDateInput(cell(row, dueDateKey));
+  const nextActionOf = (row, j) => getNextAction ? getNextAction(row, j) : asNode(cell(row, nextActionKey));
+  const items = (rows ?? []).map((row, index) => ({
+    row,
+    index,
+    judgement: judgeAttention({
+      dueDate: dueOf(row),
+      lastActivityAt: getLastActivityAt ? getLastActivityAt(row) : asDateInput(cell(row, lastActivityAtKey)),
+      risk: isRisk ? isRisk(row) : Boolean(cell(row, riskKey)),
+      asOf,
+      dueSoonDays,
+      staleDays
+    })
+  })).filter((item) => includeUnflagged || item.judgement).sort((a, b) => compareAttention(a.judgement, b.judgement) || a.index - b.index);
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsx(Empty, { title: emptyTitle ?? t.empty, description: emptyDescription, className });
+  }
+  return /* @__PURE__ */ jsx("ul", { "data-slot": "attention-list", className: cn("divide-y divide-border", className), ...rest, children: items.map(({ row, index, judgement }) => {
+    const due = dueOf(row);
+    const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1", children: [
+        judgement && /* @__PURE__ */ jsx(StatusBadge, { status: judgement.kind, label: mergedLabels[judgement.kind], colorMap }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 font-medium", children: getTitle ? getTitle(row) : asNode(cell(row, titleKey)) }),
+        getMeta && /* @__PURE__ */ jsx("span", { className: "text-sm tabular-nums text-muted-foreground", children: getMeta(row) }),
+        due ? /* @__PURE__ */ jsxs("span", { className: "ml-auto text-sm tabular-nums text-muted-foreground", children: [
+          t.due,
+          " ",
+          formatDate(due, "date", locale)
+        ] }) : null
+      ] }),
+      judgement && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: getReason ? getReason(row, judgement) : defaultReason(judgement, mergedLabels, t) }),
+      judgement && (getNextAction || nextActionKey) && nextActionOf(row, judgement) ? /* @__PURE__ */ jsxs("p", { className: "mt-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t.nextAction }),
+        nextActionOf(row, judgement)
+      ] }) : null
+    ] });
+    return /* @__PURE__ */ jsx("li", { "data-slot": "attention-list-row", children: onRowClick ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onRowClick(row),
+        className: "block w-full px-3 py-3 text-left transition-colors hover:bg-muted/50 focus-visible:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        children: body
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "px-3 py-3", children: body }) }, getRowId ? getRowId(row) : String(cell(row, idKey) ?? index));
+  }) });
+}
+AttentionList.displayName = "AttentionList";
 function niceStep2(raw) {
   if (!(raw > 0) || !Number.isFinite(raw)) return 1;
   const exp10 = 10 ** Math.floor(Math.log10(raw));
@@ -5374,11 +6435,11 @@ var splitCountFor = (height) => height < 200 ? 3 : height < 300 ? 4 : 5;
 function escapeHtml3(text) {
   return text.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
 }
-var TEXT14 = {
+var TEXT18 = {
   ja: { item: "\u9805\u76EE", chart: "\u8907\u5408\u30B0\u30E9\u30D5" },
   en: { item: "Item", chart: "Combination chart" }
 };
-var textOf4 = (locale) => TEXT14[uiLanguage(resolveLocale(locale))];
+var textOf6 = (locale) => TEXT18[uiLanguage(resolveLocale(locale))];
 var axisOf = (s) => s.axis === "right" ? "right" : "left";
 function comboSeriesList(series) {
   if (!Array.isArray(series)) return [];
@@ -5531,7 +6592,7 @@ function comboChartDataTable(data, index, series, formatters, labels, locale) {
   const list = comboSeriesList(series);
   const label2 = (key) => labels?.[key] ?? key;
   return {
-    columns: [labels?.[index] ?? textOf4(locale).item, ...list.map((s) => s.label ?? label2(s.key))],
+    columns: [labels?.[index] ?? textOf6(locale).item, ...list.map((s) => s.label ?? label2(s.key))],
     rows: data.map((row) => [
       label2(String(row?.[index] ?? "")),
       ...list.map((s) => {
@@ -5541,11 +6602,11 @@ function comboChartDataTable(data, index, series, formatters, labels, locale) {
     ])
   };
 }
-var NO_ROWS12 = [];
+var NO_ROWS13 = [];
 function ComboChartImpl({
-  data = NO_ROWS12,
+  data = NO_ROWS13,
   index,
-  series = NO_ROWS12,
+  series = NO_ROWS13,
   format,
   rightFormat,
   labels,
@@ -5567,7 +6628,7 @@ function ComboChartImpl({
   ariaLabel,
   ...rest
 }, ref) {
-  const rows = Array.isArray(data) ? data : NO_ROWS12;
+  const rows = Array.isArray(data) ? data : NO_ROWS13;
   const list = useMemo(() => comboSeriesList(series), [series]);
   const { ref: frameRef, tokens } = useChartSurface(ref);
   const locale = useLocale();
@@ -5612,7 +6673,7 @@ function ComboChartImpl({
     [onSelect, rows, list.length]
   );
   const dataTable = useMemo(() => comboChartDataTable(rows, index, list, formatters, labels, locale), [rows, index, list, formatters, labels, locale]);
-  const label2 = ariaLabel ?? textOf4(locale).chart;
+  const label2 = ariaLabel ?? textOf6(locale).chart;
   return /* @__PURE__ */ jsx(
     ChartFrame,
     {
@@ -5896,7 +6957,7 @@ function buildFilledMapModel(config) {
 function escapeHtml4(text) {
   return text.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
 }
-var TEXT15 = {
+var TEXT19 = {
   ja: {
     join: "\u30FB",
     region: "\u5730\u57DF",
@@ -5912,7 +6973,7 @@ var TEXT15 = {
     chart: (value) => `Map of ${value}`
   }
 };
-var textOf5 = (locale) => TEXT15[uiLanguage(resolveLocale(locale))];
+var textOf7 = (locale) => TEXT19[uiLanguage(resolveLocale(locale))];
 function detailText(raw, formatter) {
   if (raw === null || raw === void 0 || raw === "") return EMPTY_VALUE;
   const n = typeof raw === "string" ? null : toChartNumber(raw);
@@ -5920,7 +6981,7 @@ function detailText(raw, formatter) {
 }
 function buildFilledMapOption(config) {
   const { model, labels, valueFormatter } = config;
-  const t = textOf5(config.locale);
+  const t = textOf7(config.locale);
   const label2 = (key) => labels?.[key] ?? key;
   const base = config.color || "#6366f1";
   const border = config.surfaceColor ?? "#ffffff";
@@ -5974,7 +7035,7 @@ function mergeDeep3(a, b) {
   return out;
 }
 function filledMapDataTable(model, names, formatter, details = [], labels, locale) {
-  const t = textOf5(locale);
+  const t = textOf7(locale);
   const label2 = (key) => labels?.[key] ?? key;
   const cells = (row, value) => [
     value === null ? EMPTY_VALUE : formatter(value),
@@ -5990,15 +7051,15 @@ function buildFilledMapSummary(model, formatter, title, locale) {
   let best;
   for (const r of model.regions) if (r.value !== null && (!best || r.value > best.value)) best = r;
   if (!best) return void 0;
-  return `${title ? `${title}: ` : ""}${textOf5(locale).top(best.name, formatter(best.value))}`;
+  return `${title ? `${title}: ` : ""}${textOf7(locale).top(best.name, formatter(best.value))}`;
 }
 function colorsFor2(tokens, tone) {
   const [color = "", empty = "", hover = ""] = resolveChartColors([tone, "var(--muted)", "var(--foreground)"], tokens);
   return { color, empty, hover };
 }
-var NO_ROWS13 = [];
+var NO_ROWS14 = [];
 function FilledMapImpl({
-  data = NO_ROWS13,
+  data = NO_ROWS14,
   region,
   value,
   map = "auto",
@@ -6024,7 +7085,7 @@ function FilledMapImpl({
   ariaLabel,
   ...rest
 }, ref) {
-  const rows = Array.isArray(data) ? data : NO_ROWS13;
+  const rows = Array.isArray(data) ? data : NO_ROWS14;
   const { ref: frameRef, surface, tokens } = useChartSurface(ref);
   const locale = useLocale();
   const formatter = useMemo(() => resolveValueFormatter(valueFormatter, format ?? "number", locale), [valueFormatter, format, locale]);
@@ -6068,7 +7129,7 @@ function FilledMapImpl({
     () => summary === "auto" ? model ? buildFilledMapSummary(model, formatter, title, locale) : void 0 : summary,
     [summary, model, formatter, title, locale]
   );
-  const label2 = ariaLabel ?? textOf5(locale).chart(labels?.[value] ?? value ?? "");
+  const label2 = ariaLabel ?? textOf7(locale).chart(labels?.[value] ?? value ?? "");
   const isEmpty = rows.length === 0;
   return /* @__PURE__ */ jsx(
     ChartFrame,
@@ -6144,7 +7205,7 @@ function symbolMapSize(value, max, hasSize) {
 function escapeHtml5(text) {
   return text.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
 }
-var TEXT16 = {
+var TEXT20 = {
   ja: {
     join: "\u30FB",
     point: "\u5730\u70B9",
@@ -6162,7 +7223,7 @@ var TEXT16 = {
     chart: "Map of points"
   }
 };
-var textOf6 = (locale) => TEXT16[uiLanguage(resolveLocale(locale))];
+var textOf8 = (locale) => TEXT20[uiLanguage(resolveLocale(locale))];
 var coordText = (n) => n === null ? EMPTY_VALUE : n.toFixed(4).replace(/\.?0+$/, "");
 function buildSymbolMapOption(config) {
   const { model, labels, valueFormatter, sizeFormatter } = config;
@@ -6239,7 +7300,7 @@ function mergeDeep4(a, b) {
   return out;
 }
 function symbolMapDataTable(model, names, formatters, details = [], labels, locale) {
-  const t = textOf6(locale);
+  const t = textOf8(locale);
   const label2 = (key) => labels?.[key] ?? key;
   const extra = [names.size, names.color].filter((k) => !!k && k !== names.latitude && k !== names.longitude);
   const keys = [.../* @__PURE__ */ new Set([...extra, ...details])];
@@ -6264,9 +7325,9 @@ function colorsFor3(tokens, tone) {
   const [toneColor = "", land = "", border = ""] = resolved;
   return { toneColor, land, border, categories: resolved.slice(3) };
 }
-var NO_ROWS14 = [];
+var NO_ROWS15 = [];
 function SymbolMapImpl({
-  data = NO_ROWS14,
+  data = NO_ROWS15,
   latitude,
   longitude,
   name,
@@ -6294,7 +7355,7 @@ function SymbolMapImpl({
   ariaLabel,
   ...rest
 }, ref) {
-  const rows = Array.isArray(data) ? data : NO_ROWS14;
+  const rows = Array.isArray(data) ? data : NO_ROWS15;
   const { ref: frameRef, surface, tokens } = useChartSurface(ref);
   const locale = useLocale();
   const formatter = useMemo(() => resolveValueFormatter(void 0, format ?? "number", locale), [format, locale]);
@@ -6304,7 +7365,7 @@ function SymbolMapImpl({
     () => basemap === "auto" ? detectBasemap(model.points.map((p) => [p.lon, p.lat])) : basemap,
     [basemap, model]
   );
-  const geo = useGeoMap(NO_ROWS14, resolvedBasemap);
+  const geo = useGeoMap(NO_ROWS15, resolvedBasemap);
   const colors = useMemo(() => colorsFor3(tokens, tone), [tokens, tone]);
   const option = useMemo(
     () => geo ? buildSymbolMapOption({
@@ -6339,7 +7400,7 @@ function SymbolMapImpl({
     () => symbolMapDataTable(model, { latitude, longitude, name, size, color }, { value: formatter, size: sizeFormatter }, details, labels, locale),
     [model, latitude, longitude, name, size, color, formatter, sizeFormatter, details, labels, locale]
   );
-  const label2 = ariaLabel ?? textOf6(locale).chart;
+  const label2 = ariaLabel ?? textOf8(locale).chart;
   const isEmpty = rows.length === 0;
   const legendCategories = model.categories.length > MAX_CATEGORIES ? [...model.categories.slice(0, MAX_CATEGORIES), otherSeriesLabel(locale)] : model.categories;
   const legend = !showLegend ? null : model.colorMode === "numeric" ? /* @__PURE__ */ jsx("div", { "data-slot": "symbol-map-legend", className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground tabular-nums", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
@@ -6408,7 +7469,7 @@ function buildTreemapModel(config) {
 function escapeHtml6(text) {
   return text.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
 }
-var TEXT17 = {
+var TEXT21 = {
   ja: {
     join: "\u30FB",
     item: "\u9805\u76EE",
@@ -6426,10 +7487,10 @@ var TEXT17 = {
     chart: (value) => `Treemap of ${value}`
   }
 };
-var textOf7 = (locale) => TEXT17[uiLanguage(resolveLocale(locale))];
+var textOf9 = (locale) => TEXT21[uiLanguage(resolveLocale(locale))];
 function buildTreemapOption(config) {
   const { model, labels, valueFormatter } = config;
-  const t = textOf7(config.locale);
+  const t = textOf9(config.locale);
   const label2 = (key) => labels?.[key] ?? key;
   const surface = config.surfaceColor ?? "#ffffff";
   const base = config.toneColor || "#6366f1";
@@ -6518,7 +7579,7 @@ function mergeDeep5(a, b) {
   return out;
 }
 function treemapDataTable(model, names, formatters, labels, locale) {
-  const t = textOf7(locale);
+  const t = textOf9(locale);
   const label2 = (key) => labels?.[key] ?? key;
   const share = (v) => v === null || v <= 0 || model.total <= 0 ? EMPTY_VALUE : formatValue(v / model.total, "percent", locale);
   return {
@@ -6542,16 +7603,16 @@ function buildTreemapSummary(model, title, labels, locale) {
   let best;
   for (const g of model.groups) for (const l of g.leaves) if (!best || l.value > best.value) best = l;
   if (!best || model.total <= 0) return void 0;
-  return `${title ? `${title}: ` : ""}${textOf7(locale).top(labels?.[best.name] ?? best.name, formatValue(best.value / model.total, "percent", locale))}`;
+  return `${title ? `${title}: ` : ""}${textOf9(locale).top(labels?.[best.name] ?? best.name, formatValue(best.value / model.total, "percent", locale))}`;
 }
 function colorsFor4(tokens, tone) {
   const resolved = resolveChartColors([tone, "var(--foreground)", ...DEFAULT_CHART_COLORS, CHART_OTHER_COLOR], tokens);
   const [toneColor = "", foreground = ""] = resolved;
   return { toneColor, foreground, categories: resolved.slice(2) };
 }
-var NO_ROWS15 = [];
+var NO_ROWS16 = [];
 function TreemapImpl({
-  data = NO_ROWS15,
+  data = NO_ROWS16,
   index,
   group,
   value,
@@ -6576,7 +7637,7 @@ function TreemapImpl({
   ariaLabel,
   ...rest
 }, ref) {
-  const rows = Array.isArray(data) ? data : NO_ROWS15;
+  const rows = Array.isArray(data) ? data : NO_ROWS16;
   const { ref: frameRef, surface, tokens } = useChartSurface(ref);
   const locale = useLocale();
   const formatter = useMemo(() => resolveValueFormatter(valueFormatter, format ?? "number", locale), [valueFormatter, format, locale]);
@@ -6620,7 +7681,7 @@ function TreemapImpl({
     () => summary === "auto" ? buildTreemapSummary(model, title, labels, locale) : summary,
     [summary, model, title, labels, locale]
   );
-  const label2 = ariaLabel ?? textOf7(locale).chart(labels?.[value] ?? value ?? "");
+  const label2 = ariaLabel ?? textOf9(locale).chart(labels?.[value] ?? value ?? "");
   const legendCategories = model.categories.length > MAX_CATEGORIES2 ? [...model.categories.slice(0, MAX_CATEGORIES2), otherSeriesLabel(locale)] : model.categories;
   const legend = !showLegend ? null : colorMode === "numeric" ? /* @__PURE__ */ jsx("div", { "data-slot": "treemap-legend", className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground tabular-nums", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
     color && /* @__PURE__ */ jsx("span", { children: labels?.[color] ?? color }),
@@ -6652,7 +7713,7 @@ function TreemapImpl({
 }
 var Treemap = forwardRef(TreemapImpl);
 Treemap.displayName = "Treemap";
-var TEXT18 = {
+var TEXT22 = {
   ja: {
     tones: { positive: "\u826F\u597D", warning: "\u6CE8\u610F", negative: "\u8981\u5BFE\u5FDC", neutral: "\u4E2D\u7ACB" },
     toneNote: (label2) => `\uFF08${label2}\uFF09`,
@@ -6686,7 +7747,7 @@ var TEXT18 = {
     exportCsv: "Export CSV"
   }
 };
-var useText = () => TEXT18[uiLanguage(useLocale())];
+var useText = () => TEXT22[uiLanguage(useLocale())];
 function resolveFormat(format, row) {
   return typeof format === "function" ? format(row) : format;
 }
@@ -6749,10 +7810,10 @@ function useDataTable() {
   if (!ctx) throw new Error("useDataTable must be used inside <DataTable>");
   return ctx;
 }
-var NO_ROWS16 = [];
+var NO_ROWS17 = [];
 function DataTable({
-  columns = NO_ROWS16,
-  data = NO_ROWS16,
+  columns = NO_ROWS17,
+  data = NO_ROWS17,
   enableSorting = true,
   sorting: sortingProp,
   onSortingChange,
@@ -6779,7 +7840,7 @@ function DataTable({
   children
 }) {
   const locale = useLocale();
-  const t = TEXT18[uiLanguage(locale)];
+  const t = TEXT22[uiLanguage(locale)];
   const [sorting, setSorting] = useControlledState(sortingProp, [], onSortingChange);
   const [columnFilters, setColumnFilters] = useControlledState(
     columnFiltersProp,
@@ -7063,19 +8124,19 @@ var DataTableContent = forwardRef(
           }) }, headerGroup.id)) }),
           /* @__PURE__ */ jsx(TableBody, { children: isLoading ? Array.from({ length: enablePagination ? table.getState().pagination.pageSize : 5 }).map(
             (_, i) => /* @__PURE__ */ jsx(TableRow, { "data-slot": "data-table-skeleton-row", children: Array.from({ length: visibleColumnCount }).map((__, j) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }) }, j)) }, i)
-          ) : table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, { "data-state": row.getIsSelected() ? "selected" : void 0, children: row.getVisibleCells().map((cell) => {
-            const meta = cell.column.columnDef.meta;
-            const comparisonColumn = comparisonOf.get(cell.column.id);
+          ) : table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, { "data-state": row.getIsSelected() ? "selected" : void 0, children: row.getVisibleCells().map((cell2) => {
+            const meta = cell2.column.columnDef.meta;
+            const comparisonColumn = comparisonOf.get(cell2.column.id);
             const comparisonCell = comparisonColumn ? row.getVisibleCells().find((c) => c.column.id === comparisonColumn.id) : void 0;
             return /* @__PURE__ */ jsxs(
               TableCell,
               {
                 className: columnClassName(meta, {
-                  isComparison: comparisonIds.has(cell.column.id),
-                  isHost: comparisonOf.has(cell.column.id)
+                  isComparison: comparisonIds.has(cell2.column.id),
+                  isHost: comparisonOf.has(cell2.column.id)
                 }),
                 children: [
-                  flexRender(cell.column.columnDef.cell, cell.getContext()),
+                  flexRender(cell2.column.columnDef.cell, cell2.getContext()),
                   comparisonCell && /* @__PURE__ */ jsx(
                     "div",
                     {
@@ -7090,7 +8151,7 @@ var DataTableContent = forwardRef(
                   )
                 ]
               },
-              cell.id
+              cell2.id
             );
           }) }, row.id)) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
             TableCell,
@@ -7225,16 +8286,16 @@ DataTableColumnVisibility.displayName = "DataTableColumnVisibility";
 var SIGNED_NUMBER = /^[+-]\s?[^\d\s=+\-@]{0,3}\d[\d,.]*[^\d\s=+\-@]{0,4}$/;
 function toCsv(header, rows, options = {}) {
   const { bom = true, guardFormulas = false } = options;
-  const field = (cell, guard) => {
-    let text = cell === null || cell === void 0 ? "" : String(cell);
-    if (guard && typeof cell === "string" && /^[=+\-@]/.test(text) && !SIGNED_NUMBER.test(text)) {
+  const field = (cell2, guard) => {
+    let text = cell2 === null || cell2 === void 0 ? "" : String(cell2);
+    if (guard && typeof cell2 === "string" && /^[=+\-@]/.test(text) && !SIGNED_NUMBER.test(text)) {
       text = `'${text}`;
     }
     return /[",\r\n]/.test(text) ? `"${text.replace(/"/g, '""')}"` : text;
   };
   const lines = [
     header.map((h) => field(h, false)).join(","),
-    ...rows.map((row) => row.map((cell) => field(cell, guardFormulas)).join(","))
+    ...rows.map((row) => row.map((cell2) => field(cell2, guardFormulas)).join(","))
   ];
   return (bom ? "\uFEFF" : "") + lines.join("\r\n");
 }
@@ -7288,7 +8349,7 @@ function DataTableExport({
       disabled: isLoading,
       children: [
         /* @__PURE__ */ jsx(Download, { className: "size-4", "aria-hidden": "true" }),
-        children ?? TEXT18[uiLanguage(locale)].exportCsv
+        children ?? TEXT22[uiLanguage(locale)].exportCsv
       ]
     }
   );
@@ -7368,14 +8429,14 @@ function pivotSpans(keys, level) {
   });
   return out;
 }
-var TEXT19 = {
+var TEXT23 = {
   ja: { table: "\u30D4\u30DC\u30C3\u30C8\u8868" },
   en: { table: "Pivot table" }
 };
-var NO_ROWS17 = [];
+var NO_ROWS18 = [];
 var asList = (v) => Array.isArray(v) ? v.filter((x) => typeof x === "string") : [];
 function PivotTable({
-  data = NO_ROWS17,
+  data = NO_ROWS18,
   rows: rowDims,
   columns: colDims,
   values: valueKeys,
@@ -7393,8 +8454,8 @@ function PivotTable({
   ariaLabel
 }) {
   const locale = useLocale();
-  const t = TEXT19[uiLanguage(resolveLocale(locale))];
-  const dataRows = Array.isArray(data) ? data : NO_ROWS17;
+  const t = TEXT23[uiLanguage(resolveLocale(locale))];
+  const dataRows = Array.isArray(data) ? data : NO_ROWS18;
   const rows = useMemo(() => asList(rowDims), [rowDims]);
   const columns = useMemo(() => asList(colDims), [colDims]);
   const values = useMemo(() => asList(valueKeys), [valueKeys]);
@@ -7465,7 +8526,7 @@ function PivotTable({
   );
 }
 var FilterBarContext = createContext(null);
-var TEXT20 = {
+var TEXT24 = {
   ja: {
     filters: "\u30D5\u30A3\u30EB\u30BF\u30FC",
     selected: (count) => ` (${count}\u4EF6\u9078\u629E\u4E2D)`,
@@ -7481,7 +8542,7 @@ var TEXT20 = {
     clearAll: "Clear all filters"
   }
 };
-var useText2 = () => TEXT20[uiLanguage(useLocale())];
+var useText2 = () => TEXT24[uiLanguage(useLocale())];
 function useFilterBar() {
   const ctx = useContext(FilterBarContext);
   if (!ctx) throw new Error("useFilterBar must be used within <FilterBar>");
@@ -7784,7 +8845,7 @@ var PRESET_LABELS = {
     lastFiscalYear: "Last fiscal year"
   }
 };
-var TEXT21 = {
+var TEXT25 = {
   ja: { placeholder: "\u671F\u9593\u3092\u9078\u629E", rangeSeparator: " - " },
   en: { placeholder: "Pick a date range", rangeSeparator: " \u2013 " }
 };
@@ -7802,7 +8863,7 @@ function createDatePresets({
     const today = now();
     return { from: startOfDay(subDays(today, days - 1)), to: endOfDay(today) };
   };
-  const toDate2 = (unit) => () => {
+  const toDate3 = (unit) => () => {
     const today = now();
     return {
       from: fiscalPeriodRange(today, { unit, fiscalYearStartMonth: startMonth }).from,
@@ -7852,9 +8913,9 @@ function createDatePresets({
         return { from: startOfMonth(lastMonth), to: endOfMonth(lastMonth) };
       }
     },
-    { label: t.thisQuarter, getValue: toDate2("quarter") },
+    { label: t.thisQuarter, getValue: toDate3("quarter") },
     { label: t.lastQuarter, getValue: previous("quarter") },
-    { label: t.thisFiscalYear, getValue: toDate2("year") },
+    { label: t.thisFiscalYear, getValue: toDate3("year") },
     { label: t.lastFiscalYear, getValue: previous("year") }
   ];
 }
@@ -7885,7 +8946,7 @@ var DateRangePicker = forwardRef(
     const [open, setOpen] = useState(false);
     const isMobile = useIsMobile();
     const locale = useLocale(localeProp);
-    const t = TEXT21[uiLanguage(locale)];
+    const t = TEXT25[uiLanguage(locale)];
     const presets = useMemo(
       () => presetsProp ?? createDatePresets({ locale, fiscalYearStartMonth }),
       [presetsProp, locale, fiscalYearStartMonth]
@@ -8102,7 +9163,7 @@ function RemoveButton({ label: label2, onRemove, iconClassName }) {
     }
   );
 }
-var TEXT22 = {
+var TEXT26 = {
   ja: { placeholder: "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044", search: "\u691C\u7D22...", empty: "\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3067\u3057\u305F", clear: "\u30AF\u30EA\u30A2" },
   en: { placeholder: "Select an option", search: "Search...", empty: "No results found.", clear: "Clear" }
 };
@@ -8122,7 +9183,7 @@ var SearchableSelect = forwardRef(
     className
   }, ref) {
     const [open, setOpen] = useState(false);
-    const t = TEXT22[uiLanguage(useLocale())];
+    const t = TEXT26[uiLanguage(useLocale())];
     const allOptions = useMemo(() => flattenOptions(options), [options]);
     const selectedOption = useMemo(
       () => allOptions.find((opt) => opt.value === value),
@@ -8175,7 +9236,7 @@ var SearchableSelect = forwardRef(
   }
 );
 SearchableSelect.displayName = "SearchableSelect";
-var TEXT23 = {
+var TEXT27 = {
   ja: {
     placeholder: "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044",
     search: "\u691C\u7D22...",
@@ -8192,10 +9253,10 @@ var TEXT23 = {
   }
 };
 var NO_OPTIONS3 = [];
-var NO_VALUES = [];
+var NO_VALUES2 = [];
 var MultiSelect = forwardRef(function MultiSelect2({
   options = NO_OPTIONS3,
-  value = NO_VALUES,
+  value = NO_VALUES2,
   onChange,
   onSearch,
   maxCount = 3,
@@ -8208,7 +9269,7 @@ var MultiSelect = forwardRef(function MultiSelect2({
 }, ref) {
   const [open, setOpen] = useState(false);
   const listId = useId();
-  const t = TEXT23[uiLanguage(useLocale())];
+  const t = TEXT27[uiLanguage(useLocale())];
   const allOptions = useMemo(() => flattenOptions(options), [options]);
   const selectedOptions = useMemo(
     () => allOptions.filter((opt) => value.includes(opt.value)),
@@ -8490,7 +9551,7 @@ var LONG_VALUE_CHARS = 10;
 var DELTA_UNDER_PLACEMENT = "col-start-1 row-span-1 row-start-3 justify-self-start";
 var KPI_FOOTER_CLASS = "flex-col items-start gap-2 rounded-none border-t-0 bg-transparent pt-0 text-sm";
 var PLACEHOLDER = /\{(\w+)\}/g;
-var TEXT24 = {
+var TEXT28 = {
   ja: {
     target: "\u76EE\u6A19",
     provisional: "\u901F\u5831",
@@ -8622,7 +9683,7 @@ function KpiCard({
   ...props
 }) {
   const locale = useLocale(localeProp);
-  const t = TEXT24[uiLanguage(locale)];
+  const t = TEXT28[uiLanguage(locale)];
   const allComparisons = [...comparisonProp ? [comparisonProp] : [], ...comparisons ?? []];
   const comparison = allComparisons[0];
   const isProvisional = provisional !== void 0 && provisional !== false;
@@ -8873,7 +9934,7 @@ function updatedAtText(updatedAt, display, locale, t, now, timeZone) {
   const absolute2 = formatDate(updatedAt, "datetime", locale, { timeZone });
   return display === "absolute" ? t.updatedAbsolute(absolute2) : t.updatedBoth(absolute2, relative2);
 }
-var TEXT25 = {
+var TEXT29 = {
   ja: {
     flat: (value) => `\u5909\u5316\u306A\u3057 ${value}%`,
     up: (value) => `${value}% \u5897\u52A0`,
@@ -8902,7 +9963,7 @@ var TrendIndicator = forwardRef(
     const isGood = direction === "neutral" ? null : direction === "up" === positiveIsGood;
     const sentiment = isGood === null ? "neutral" : isGood ? "positive" : "negative";
     const Icon = direction === "up" ? ArrowUp : direction === "down" ? ArrowDown : Minus;
-    const t = TEXT25[uiLanguage(useLocale())];
+    const t = TEXT29[uiLanguage(useLocale())];
     const ariaLabel = direction === "neutral" ? t.flat(value) : direction === "up" ? t.up(value) : t.down(value);
     return /* @__PURE__ */ jsxs(
       "span",
@@ -8923,93 +9984,6 @@ var TrendIndicator = forwardRef(
   }
 );
 TrendIndicator.displayName = "TrendIndicator";
-var STATUS_LABELS = {
-  ja: {
-    success: "\u6B63\u5E38",
-    partial: "\u4E00\u90E8\u5931\u6557",
-    failed: "\u5931\u6557",
-    delayed: "\u9045\u5EF6",
-    running: "\u5B9F\u884C\u4E2D",
-    stopped: "\u505C\u6B62\u4E2D",
-    active: "\u6709\u52B9",
-    inactive: "\u7121\u52B9",
-    warning: "\u8B66\u544A",
-    error: "\u30A8\u30E9\u30FC",
-    pending: "\u4FDD\u7559\u4E2D"
-  },
-  en: {
-    success: "Healthy",
-    partial: "Partially failed",
-    failed: "Failed",
-    delayed: "Delayed",
-    running: "Running",
-    stopped: "Stopped",
-    active: "Active",
-    inactive: "Inactive",
-    warning: "Warning",
-    error: "Error",
-    pending: "Pending"
-  }
-};
-var STATUS_VOCABULARY = {
-  success: { label: STATUS_LABELS.en.success, tone: "positive" },
-  partial: { label: STATUS_LABELS.en.partial, tone: "warning" },
-  failed: { label: STATUS_LABELS.en.failed, tone: "negative" },
-  delayed: { label: STATUS_LABELS.en.delayed, tone: "warning" },
-  running: { label: STATUS_LABELS.en.running, tone: "info" },
-  stopped: { label: STATUS_LABELS.en.stopped, tone: "neutral" },
-  active: { label: STATUS_LABELS.en.active, tone: "positive" },
-  inactive: { label: STATUS_LABELS.en.inactive, tone: "neutral" },
-  warning: { label: STATUS_LABELS.en.warning, tone: "warning" },
-  error: { label: STATUS_LABELS.en.error, tone: "negative" },
-  pending: { label: STATUS_LABELS.en.pending, tone: "info" }
-};
-function statusLabel(status, locale) {
-  return Object.hasOwn(STATUS_VOCABULARY, status) ? STATUS_LABELS[uiLanguage(resolveLocale(locale))][status] : status;
-}
-var defaultColorMap = Object.fromEntries(
-  Object.entries(STATUS_VOCABULARY).map(([key, { tone }]) => [key, tone])
-);
-var legacyColorTones = {
-  green: "positive",
-  gray: "neutral",
-  yellow: "warning",
-  red: "negative",
-  blue: "info"
-};
-var toneStyles = {
-  positive: { dot: "bg-positive", bg: "bg-positive-subtle", text: "text-positive", border: "border-positive/20 dark:border-positive/25" },
-  negative: { dot: "bg-negative", bg: "bg-negative-subtle", text: "text-negative", border: "border-negative/20 dark:border-negative/25" },
-  warning: { dot: "bg-warning", bg: "bg-warning-subtle", text: "text-warning", border: "border-warning/20 dark:border-warning/25" },
-  info: { dot: "bg-info", bg: "bg-info-subtle", text: "text-info", border: "border-info/20 dark:border-info/25" },
-  neutral: { dot: "bg-neutral", bg: "bg-neutral-subtle", text: "text-neutral", border: "border-neutral/20 dark:border-neutral/25" }
-};
-var resolveTone = (color) => {
-  if (color === void 0) return "neutral";
-  if (Object.hasOwn(toneStyles, color)) return color;
-  return legacyColorTones[color] ?? "neutral";
-};
-var StatusBadge = forwardRef(function StatusBadge2({ status, label: label2, colorMap, className }, ref) {
-  const locale = useLocale();
-  const mergedColorMap = { ...defaultColorMap, ...colorMap };
-  const style = toneStyles[resolveTone(mergedColorMap[status])];
-  const displayLabel = label2 ?? statusLabel(status, locale);
-  return /* @__PURE__ */ jsxs(
-    Badge,
-    {
-      ref,
-      "data-slot": "status-badge",
-      variant: "outline",
-      className: cn("gap-1.5 rounded-md", style.border, style.bg, style.text, className),
-      "aria-label": displayLabel,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: cn("inline-block size-1.5 rounded-full", style.dot), "aria-hidden": "true" }),
-        displayLabel
-      ]
-    }
-  );
-});
-StatusBadge.displayName = "StatusBadge";
 var Placeholder = forwardRef(function Placeholder2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     "span",
@@ -9085,6 +10059,6 @@ function DraftChartPreview({ children }) {
   return /* @__PURE__ */ jsx("div", { ref, "data-slot": "draft-chart", style: { display: "contents" }, children });
 }
 
-export { AppShell, AreaChart, BarChart, BarList, COMPARISON_LABELS, CategoryBar, ChartFrame, ComboChart, DEFAULT_SAMPLE_LABEL, DELTA_NOT_COMPARABLE, DashboardCard, DashboardCardAction, DashboardCardContent, DashboardCardDescription, DashboardCardFooter, DashboardCardHeader, DashboardCardPreset, DashboardCardSkeleton, DashboardCardTitle, DataTable, DataTableColumnVisibility, DataTableContent, DataTableExport, DataTablePagination, DataTablePreset, DataTableToolbar, DateRangePicker, Delta, DonutChart, DraftChart, FilledMap, FilterBar, FilterBarActiveChips, FilterBarClearButton, FilterBarMultiSelect, FilterBarPreset, FilterBarSelect, FunnelSteps, Heatmap, KpiCard, Legend, LineChart, MetricUnit, MetricValue, MultiSelect, PageShell, PageShellActions, PageShellContent, PageShellDescription, PageShellHeader, PageShellHeaderEnd, PageShellHeading, PageShellMeta, PageShellSummary, PageShellSummaryCard, PageShellTitle, PivotTable, Placeholder, ProgressCircle, RECORD_MIN_POINTS, SampleBadge, SampleClaim, SampleData, ScatterChart, SearchableSelect, SectionHeader, SegmentedControl, StatusBadge, SymbolMap, Tracker, Treemap, TrendIndicator, UpdatedAt, WaterfallChart, comparisonBaseline, comparisonLabel, computeComparison, computeTargetProgress, defaultChangeDisplay, defaultPresets, deltaVariants, detectRecord, fillKpiTemplate, flattenOptions, formatChange, formatChangeAmount, formatRelativeTime, funnelStepsVariants, inferPeriodGrain, isGroupedOptions, metricValueVariants, pageShellSummaryCardVariants, tableToCsv, toCsv, toneForValue, useDataTable, useSampleMark };
-//# sourceMappingURL=chunk-4KMBJHNZ.js.map
-//# sourceMappingURL=chunk-4KMBJHNZ.js.map
+export { AppShell, AreaChart, AttentionList, BarChart, BarList, BoxPlotChart, COMPARISON_LABELS, CategoryBar, ChartFrame, ComboChart, DEFAULT_SAMPLE_LABEL, DELTA_NOT_COMPARABLE, DashboardCard, DashboardCardAction, DashboardCardContent, DashboardCardDescription, DashboardCardFooter, DashboardCardHeader, DashboardCardPreset, DashboardCardSkeleton, DashboardCardTitle, DataTable, DataTableColumnVisibility, DataTableContent, DataTableExport, DataTablePagination, DataTablePreset, DataTableToolbar, DateRangePicker, Delta, DonutChart, DraftChart, FilledMap, FilterBar, FilterBarActiveChips, FilterBarClearButton, FilterBarMultiSelect, FilterBarPreset, FilterBarSelect, FunnelSteps, Heatmap, HistogramChart, KpiCard, Legend, LineChart, MetricUnit, MetricValue, MultiSelect, PageShell, PageShellActions, PageShellContent, PageShellDescription, PageShellHeader, PageShellHeaderEnd, PageShellHeading, PageShellMeta, PageShellSummary, PageShellSummaryCard, PageShellTitle, PairedChart, PivotTable, Placeholder, ProgressCircle, RECORD_MIN_POINTS, SampleBadge, SampleClaim, SampleData, ScatterChart, SearchableSelect, SectionHeader, SegmentedControl, StatusBadge, SymbolMap, Tracker, Treemap, TrendIndicator, UpdatedAt, WaterfallChart, comparisonBaseline, comparisonLabel, computeComparison, computeTargetProgress, defaultChangeDisplay, defaultPresets, deltaVariants, detectRecord, fillKpiTemplate, flattenOptions, formatChange, formatChangeAmount, formatRelativeTime, funnelStepsVariants, inferPeriodGrain, isGroupedOptions, metricValueVariants, pageShellSummaryCardVariants, tableToCsv, toCsv, toneForValue, useDataTable, useSampleMark };
+//# sourceMappingURL=chunk-GNGDOPBT.js.map
+//# sourceMappingURL=chunk-GNGDOPBT.js.map