@squadbase/vantage 0.7.0-dev1.5d49eae → 0.7.0-dev1.6e23119

package/dist/{chunk-NYQJ5UY4.js → chunk-DULE4EDK.js}

@@ -1,10 +1,10 @@
-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 } from 'react';
+import { forwardRef, useState, useEffect, createContext, useId, useMemo, useRef, useCallback, Fragment as Fragment$1, useContext, useInsertionEffect, useLayoutEffect } from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Search, Columns3, CalendarIcon, ChevronDownIcon, ArrowUp, ArrowDown, ArrowRight, Minus, ChevronRight, ArrowUpDown, XIcon, LoaderIcon, CheckIcon, Download, ChevronDown, X, CircleX, TriangleAlert, CircleCheck } from 'lucide-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: " };
@@ -690,6 +696,7 @@ var ChartFrame = forwardRef(function ChartFrame2({
   ariaLabel,
   plotRole = "img",
   dataTable,
+  footnote,
   className,
   children,
   ...props
@@ -720,6 +727,7 @@ var ChartFrame = forwardRef(function ChartFrame2({
         children: state === "loading" ? /* @__PURE__ */ jsx(ChartSkeleton, { variant, loadingText: t.loading }) : state === "empty" ? /* @__PURE__ */ jsx(ChartEmpty, { ...emptyState, defaultTitle: t.emptyTitle }) : /* @__PURE__ */ jsx(ChartFrameContext.Provider, { value: true, children })
       }
     ),
+    footnote && /* @__PURE__ */ jsx("p", { "data-slot": "chart-frame-footnote", className: "text-xs leading-snug text-muted-foreground", children: footnote }),
     state === "ready" && dataTable && dataTable.rows.length > 0 && /* @__PURE__ */ jsx(ChartDataTableView, { table: dataTable, fallbackCaption: title ?? ariaLabel })
   ] });
 });
@@ -743,7 +751,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 +808,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 +1225,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 +1748,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,11 +1765,11 @@ 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 forecast2 = kind !== "bar" && !percent2 && cfg.forecast && cfg.forecast.data.length > 0 && data.length > 0 && categories.length > 0 ? cfg.forecast : void 0;
   const forecastAt = [];
-  if (forecast) {
+  if (forecast2) {
     const position = new Map(labels.map((label2, i) => [label2, i]));
-    for (const row of forecast.data) {
+    for (const row of forecast2.data) {
       const label2 = String(row[index] ?? "");
       let at = position.get(label2);
       if (at === void 0 || at <= lastActual) {
@@ -1798,14 +1806,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 +1834,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 +1959,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 +1988,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,
@@ -2006,11 +2014,11 @@ function buildCartesianOption(cfg) {
       data: []
     });
   }
-  const forecastLabel = forecast?.label ?? text.forecast;
+  const forecastLabel = forecast2?.label ?? text.forecast;
   const forecastBandAlpha = isDarkSurface(labelBackground) ? FORECAST_BAND_ALPHA_DARK : FORECAST_BAND_ALPHA_LIGHT;
   const forecastValues = [];
-  if (forecast) {
-    const category = forecast.category !== void 0 && categories.includes(forecast.category) && forecast.category !== comparison?.category ? forecast.category : categories[mainIdx[0] ?? 0];
+  if (forecast2) {
+    const category = forecast2.category !== void 0 && categories.includes(forecast2.category) && forecast2.category !== comparison?.category ? forecast2.category : categories[mainIdx[0] ?? 0];
     const c = categories.indexOf(category);
     const color = palette[c] || void 0;
     const actual = values[c];
@@ -2030,7 +2038,7 @@ function buildCartesianOption(cfg) {
       range[start] = 0;
     }
     let hasBand = false;
-    forecast.data.forEach((row, k) => {
+    forecast2.data.forEach((row, k) => {
       const at = forecastAt[k];
       line[at] = cellNumber(row.value);
       const lo = cellNumber(row.lower);
@@ -2096,7 +2104,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;
@@ -2129,7 +2137,7 @@ function buildCartesianOption(cfg) {
       }
     });
   }
-  if (forecast) {
+  if (forecast2) {
     const forecastSpan = plotWidth && labels.length > 1 ? Math.max(1, plotWidth - (showYAxis ? yAxisWidth ?? Y_AXIS_ESTIMATE : 0) - LINE_RIGHT_MARGIN) / (labels.length - 1) * (labels.length - 1 - lastActual) + LINE_RIGHT_MARGIN : null;
     markLines.push({
       name: "forecast-boundary",
@@ -2280,16 +2288,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);
@@ -2297,7 +2305,7 @@ function buildCartesianOption(cfg) {
     if (stackTotals) addAll(stackTotals);
     else values.forEach(addAll);
     addAll(forecastValues);
-    if (forecast) addAll(forecast.data.flatMap((row) => [cellNumber(row.lower), cellNumber(row.upper)]));
+    if (forecast2) addAll(forecast2.data.flatMap((row) => [cellNumber(row.lower), cellNumber(row.upper)]));
     if (barTargets) addAll(barTargets);
     if (hasTarget && target !== void 0) extentValues.push(target);
     if (maxValue !== void 0 && Number.isFinite(maxValue)) extentValues.push(maxValue);
@@ -2314,8 +2322,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 +2331,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.
@@ -2337,7 +2345,7 @@ function buildCartesianOption(cfg) {
   };
   const legendItems = [
     ...categories,
-    ...forecast ? [forecastLabel] : [],
+    ...forecast2 ? [forecastLabel] : [],
     ...provStart !== -1 ? [provisionalLabel] : [],
     ...barTargets ? [barTargetName] : [],
     ...hasTarget ? [targetText] : []
@@ -2358,7 +2366,7 @@ function buildCartesianOption(cfg) {
       // The target marker is a tick, not a dot.
       // The target is a row of dots and the forecast a row of dashes — their lines' patterns — and a per-bar target a tick.
       data: legendItems.map(
-        (name) => barTargets && name === barTargetName ? { name, icon: TARGET_LEGEND_ICON } : forecast && name === forecastLabel ? { name, icon: FORECAST_DASHED_ICON } : hasTarget && name === targetText ? { name, icon: TARGET_DOTTED_ICON } : name
+        (name) => barTargets && name === barTargetName ? { name, icon: TARGET_LEGEND_ICON } : forecast2 && name === forecastLabel ? { name, icon: FORECAST_DASHED_ICON } : hasTarget && name === targetText ? { name, icon: TARGET_DOTTED_ICON } : name
       ),
       formatter: nameLabels ? (name) => labelOf(name, nameLabels) : void 0
     },
@@ -2366,7 +2374,7 @@ function buildCartesianOption(cfg) {
       top: (showLegend ? 12 + LEGEND_LINE_HEIGHT * legendLines(legendItems, plotWidth, reserveActions ? ACTIONS_RESERVE : 0) : 12) + // The flat target label of a horizontal bar chart sits above the plot.
       (horizontalBars && hasTarget ? 18 : 0) + // The label of a band over bars sits above the plot's top edge.
       (kind === "bar" && notes.some((n) => n.to !== void 0) ? BAND_LABEL_ROOM : 0) + // The boundary label of a forecast sits above the plot's top edge too.
-      (forecast ? FORECAST_LABEL_ROOM : 0),
+      (forecast2 ? FORECAST_LABEL_ROOM : 0),
       // Lines start and end on the outermost ticks, so the last x label (and an edge
       // highlight) hangs past the plot; a horizontal bar's highlight sits past its end.
       right: horizontalBars ? highlightPoints.length > 0 ? 64 : 16 : kind === "bar" ? 16 : LINE_RIGHT_MARGIN,
@@ -2397,7 +2405,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;
@@ -2647,7 +2655,7 @@ function AreaChartImpl({
   height,
   chartOptions,
   areaOptions,
-  forecast,
+  forecast: forecast2,
   comparison,
   highlight,
   target,
@@ -2729,7 +2737,7 @@ function AreaChartImpl({
       target,
       targetLabel,
       annotations,
-      forecast,
+      forecast: forecast2,
       comparison: comparisonConfig,
       comparisonFormat: format,
       provisionalFrom,
@@ -2775,7 +2783,7 @@ function AreaChartImpl({
       target,
       targetLabel,
       annotations,
-      forecast,
+      forecast2,
       comparisonConfig,
       format,
       height,
@@ -3032,7 +3040,7 @@ function LineChartImpl({
   height,
   chartOptions,
   lineOptions,
-  forecast,
+  forecast: forecast2,
   comparison,
   highlight,
   target,
@@ -3115,7 +3123,7 @@ function LineChartImpl({
       targetLabel,
       targetLabelPosition,
       annotations,
-      forecast,
+      forecast: forecast2,
       comparison: comparisonConfig,
       comparisonFormat: format,
       provisionalFrom,
@@ -3162,7 +3170,7 @@ function LineChartImpl({
       targetLabel,
       targetLabelPosition,
       annotations,
-      forecast,
+      forecast2,
       comparisonConfig,
       format,
       height,
@@ -5083,10 +5091,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 +5122,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 +5187,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 +5206,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 +5242,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 +5355,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 +6437,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 +6594,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 +6604,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 +6630,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();
@@ -5579,40 +6642,743 @@ function ComboChartImpl({
     () => ({ left: resolveAxisTickFormatter(void 0, format, locale), right: resolveAxisTickFormatter(void 0, rightFormat ?? format, locale) }),
     [format, rightFormat, locale]
   );
-  const palette = useMemo(() => resolveColors(tokens, list), [tokens, list]);
-  const option = useMemo(
-    () => buildComboChartOption({
+  const palette = useMemo(() => resolveColors(tokens, list), [tokens, list]);
+  const option = useMemo(
+    () => buildComboChartOption({
+      data: rows,
+      index,
+      series: list,
+      palette: palette.series,
+      referenceColor: palette.reference,
+      labels,
+      formatters,
+      ticks,
+      referenceLines,
+      stacked,
+      layout,
+      showLegend,
+      showTooltip,
+      plotHeight: height,
+      chartOptions
+    }),
+    [rows, index, list, palette, labels, formatters, ticks, referenceLines, stacked, layout, showLegend, showTooltip, height, chartOptions]
+  );
+  const onEvents = useMemo(
+    () => onSelect ? {
+      click: (params) => {
+        const p = params;
+        if (p.componentType !== "series" || (p.seriesIndex ?? Infinity) >= list.length) return;
+        const row = rows[p.dataIndex ?? -1];
+        if (row) onSelect(row);
+      }
+    } : void 0,
+    [onSelect, rows, list.length]
+  );
+  const dataTable = useMemo(() => comboChartDataTable(rows, index, list, formatters, labels, locale), [rows, index, list, formatters, labels, locale]);
+  const label2 = ariaLabel ?? textOf6(locale).chart;
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      ...chartRootProps(rest),
+      ref: frameRef,
+      title,
+      summary,
+      isLoading: isLoading ?? false,
+      isEmpty: rows.length === 0,
+      emptyState,
+      height,
+      variant: "bar",
+      ariaLabel: label2,
+      className,
+      dataTable,
+      children: /* @__PURE__ */ jsx(EChart, { option, onEvents, height: "100%", ariaLabel: label2, actions, fileName, exportHeader: { title, summary } })
+    }
+  );
+}
+function resolveColors(tokens, series) {
+  const resolved = resolveChartColors(
+    ["var(--muted-foreground)", ...series.map((s, i) => s.color ?? DEFAULT_CHART_COLORS[i % DEFAULT_CHART_COLORS.length])],
+    tokens
+  );
+  return { reference: resolved[0] ?? "", series: resolved.slice(1) };
+}
+var ComboChart = forwardRef(ComboChartImpl);
+ComboChart.displayName = "ComboChart";
+
+// ../squadkit/registry/lib/forecast.ts
+var FORECAST_MIN_POINTS = 5;
+var FORECAST_MAX_FIT_POINTS = 1e3;
+function inverseNormal(p) {
+  if (!(p > 0 && p < 1)) return p <= 0 ? -Infinity : Infinity;
+  const a = [-39.69683028665376, 220.9460984245205, -275.9285104469687, 138.357751867269, -30.66479806614716, 2.506628277459239];
+  const b = [-54.47609879822406, 161.5858368580409, -155.6989798598866, 66.80131188771972, -13.28068155288572];
+  const c = [-0.007784894002430293, -0.3223964580411365, -2.400758277161838, -2.549732539343734, 4.374664141464968, 2.938163982698783];
+  const d = [0.007784695709041462, 0.3224671290700398, 2.445134137142996, 3.754408661907416];
+  const low = 0.02425;
+  if (p < low) {
+    const q2 = Math.sqrt(-2 * Math.log(p));
+    return (((((c[0] * q2 + c[1]) * q2 + c[2]) * q2 + c[3]) * q2 + c[4]) * q2 + c[5]) / ((((d[0] * q2 + d[1]) * q2 + d[2]) * q2 + d[3]) * q2 + 1);
+  }
+  if (p > 1 - low) {
+    const q2 = Math.sqrt(-2 * Math.log(1 - p));
+    return -(((((c[0] * q2 + c[1]) * q2 + c[2]) * q2 + c[3]) * q2 + c[4]) * q2 + c[5]) / ((((d[0] * q2 + d[1]) * q2 + d[2]) * q2 + d[3]) * q2 + 1);
+  }
+  const q = p - 0.5;
+  const r = q * q;
+  return (((((a[0] * r + a[1]) * r + a[2]) * r + a[3]) * r + a[4]) * r + a[5]) * q / (((((b[0] * r + b[1]) * r + b[2]) * r + b[3]) * r + b[4]) * r + 1);
+}
+function nelderMead(f, start, step, maxEvals) {
+  const dim = start.length;
+  const simplex = [{ x: start.slice(), fx: f(start) }];
+  for (let i = 0; i < dim; i++) {
+    const x = start.slice();
+    x[i] = x[i] + step;
+    simplex.push({ x, fx: f(x) });
+  }
+  let evals = dim + 1;
+  const combine = (a, b, t) => a.map((v, i) => v + t * (b[i] - v));
+  while (evals < maxEvals) {
+    simplex.sort((p, q) => p.fx - q.fx);
+    const best = simplex[0];
+    const worst = simplex[dim];
+    const spread = Math.abs(worst.fx - best.fx);
+    if (spread <= 1e-10 * (Math.abs(best.fx) + 1e-20)) break;
+    const centroid = new Array(dim).fill(0);
+    for (let i = 0; i < dim; i++) for (let j = 0; j < dim; j++) centroid[j] += simplex[i].x[j] / dim;
+    const reflected = combine(centroid, worst.x, -1);
+    const fr = f(reflected);
+    evals++;
+    if (fr < best.fx) {
+      const expanded = combine(centroid, worst.x, -2);
+      const fe = f(expanded);
+      evals++;
+      simplex[dim] = fe < fr ? { x: expanded, fx: fe } : { x: reflected, fx: fr };
+      continue;
+    }
+    if (fr < simplex[dim - 1].fx) {
+      simplex[dim] = { x: reflected, fx: fr };
+      continue;
+    }
+    const outside = fr < worst.fx;
+    const contracted = outside ? combine(centroid, reflected, 0.5) : combine(centroid, worst.x, 0.5);
+    const fc = f(contracted);
+    evals++;
+    if (fc < (outside ? fr : worst.fx)) {
+      simplex[dim] = { x: contracted, fx: fc };
+      continue;
+    }
+    for (let i = 1; i <= dim; i++) {
+      const x = combine(best.x, simplex[i].x, 0.5);
+      simplex[i] = { x, fx: f(x) };
+      evals++;
+    }
+  }
+  simplex.sort((p, q) => p.fx - q.fx);
+  return simplex[0];
+}
+function run(y, spec, p) {
+  let l = p.l0;
+  let b = spec.trend === "additive" ? p.b0 : 0;
+  const s = spec.season === "none" ? [] : p.s0.slice();
+  const mult = spec.season === "multiplicative";
+  let sse = 0;
+  for (let t = 0; t < y.length; t++) {
+    const j = t % spec.m;
+    const base = l + b;
+    const sj = spec.season === "none" ? mult ? 1 : 0 : s[j];
+    if (mult && (sj <= 0 || base <= 0)) return null;
+    const yhat = mult ? base * sj : base + sj;
+    const e = y[t] - yhat;
+    if (!Number.isFinite(e)) return null;
+    sse += e * e;
+    if (mult) {
+      l = base + p.alpha * e / sj;
+      if (spec.trend === "additive") b = b + p.beta * e / sj;
+      s[j] = sj + p.gamma * e / base;
+    } else {
+      l = base + p.alpha * e;
+      if (spec.trend === "additive") b = b + p.beta * e;
+      if (spec.season === "additive") s[j] = sj + p.gamma * e;
+    }
+  }
+  return Number.isFinite(sse) ? { sse, level: l, slope: b, season: s } : null;
+}
+function initialSeason(y, m, mult) {
+  const len = Math.min(Math.floor(y.length / m), 3) * m;
+  const half = Math.floor(m / 2);
+  const sums = new Array(m).fill(0);
+  const counts = new Array(m).fill(0);
+  for (let t = half; t < len - half; t++) {
+    let trend;
+    if (m % 2 === 0) {
+      let sum = 0.5 * y[t - half] + 0.5 * y[t + half];
+      for (let k = t - half + 1; k < t + half; k++) sum += y[k];
+      trend = sum / m;
+    } else {
+      let sum = 0;
+      for (let k = t - half; k <= t + half; k++) sum += y[k];
+      trend = sum / m;
+    }
+    if (mult && trend <= 0) continue;
+    sums[t % m] += mult ? y[t] / trend : y[t] - trend;
+    counts[t % m]++;
+  }
+  const raw = sums.map((v, j) => counts[j] > 0 ? v / counts[j] : mult ? 1 : 0);
+  const mean = raw.reduce((a, v) => a + v, 0) / m;
+  return mult ? raw.map((v) => mean > 0 ? v / mean : 1) : raw.map((v) => v - mean);
+}
+function linearFit(z) {
+  const n = z.length;
+  if (n < 2) return { intercept: z[0] ?? 0, slope: 0 };
+  const mt = (n - 1) / 2;
+  const mz = z.reduce((a, v) => a + v, 0) / n;
+  let num = 0;
+  let den = 0;
+  z.forEach((v, t) => {
+    num += (t - mt) * (v - mz);
+    den += (t - mt) * (t - mt);
+  });
+  const slope = den === 0 ? 0 : num / den;
+  return { intercept: mz - slope * mt, slope };
+}
+var logistic = (x) => 1 / (1 + Math.exp(-x));
+var logit = (p) => Math.log(p / (1 - p));
+var EDGE = 1e-4;
+function fitModel(y, spec) {
+  const n = y.length;
+  const { m } = spec;
+  const seasonal = spec.season !== "none";
+  const mult = spec.season === "multiplicative";
+  const s0 = seasonal ? initialSeason(y, m, mult) : [];
+  const adjusted = y.map((v, t) => !seasonal ? v : mult ? v / s0[t % m] : v - s0[t % m]);
+  const head = adjusted.slice(0, seasonal ? Math.min(n, Math.max(2 * m, 10)) : Math.min(n, 10));
+  const line = linearFit(head);
+  const trend = spec.trend === "additive";
+  const l0Init = trend ? line.intercept - line.slope : head.slice(0, Math.min(head.length, 4)).reduce((a, v) => a + v, 0) / Math.min(head.length, 4);
+  const b0Init = trend ? line.slope : 0;
+  const mean = y.reduce((a, v) => a + v, 0) / n;
+  const sd = Math.sqrt(y.reduce((a, v) => a + (v - mean) * (v - mean), 0) / n);
+  const scale = Math.max(sd, Math.abs(mean) * 1e-3, 1e-9);
+  const decode = (x) => {
+    let i = 0;
+    const alpha = EDGE + (1 - 2 * EDGE) * logistic(x[i++]);
+    const beta = trend ? alpha * (EDGE + (1 - 2 * EDGE) * logistic(x[i++])) : 0;
+    const gamma = seasonal ? (1 - alpha) * (EDGE + (1 - 2 * EDGE) * logistic(x[i++])) : 0;
+    const l0 = l0Init + x[i++] * scale;
+    const b0 = trend ? b0Init + x[i++] * scale * 0.1 : 0;
+    return { alpha, beta, gamma, l0, b0, s0 };
+  };
+  const objective = (x) => run(y, spec, decode(x))?.sse ?? Infinity;
+  const starts = [
+    [0.2, 0.1, 0.1],
+    [0.5, 0.3, 0.3],
+    [0.05, 0.5, 0.05]
+  ];
+  let best = null;
+  for (const [a, b, g] of starts) {
+    const x0 = [logit(a), ...trend ? [logit(b)] : [], ...seasonal ? [logit(g)] : [], 0, ...trend ? [0] : []];
+    let found = nelderMead(objective, x0, 1, 300 * x0.length);
+    found = nelderMead(objective, found.x, 0.25, 200 * x0.length);
+    if (best === null || found.fx < best.fx) best = found;
+  }
+  if (best === null || !Number.isFinite(best.fx)) return null;
+  const params = decode(best.x);
+  const state = run(y, spec, params);
+  if (!state) return null;
+  const k = 2 + (trend ? 2 : 0) + (seasonal ? 1 + (m - 1) : 0);
+  const sse = Math.max(state.sse, 1e-12 * Math.max(1, mean * mean) * n);
+  const aic = n * Math.log(sse / n) + 2 * k;
+  const aicc = n - k - 1 > 0 ? aic + 2 * k * (k + 1) / (n - k - 1) : Infinity;
+  return { spec, params, state, k, aicc };
+}
+function varianceMultiplier(fit, h, seasonIndex) {
+  const { alpha: a, beta: b, gamma: g } = fit.params;
+  const { m } = fit.spec;
+  const trend = fit.spec.trend === "additive";
+  const seasonal = fit.spec.season !== "none";
+  const k = Math.floor((h - 1) / m);
+  let extra = trend ? (h - 1) * (a * a + a * b * h + b * b * h * (2 * h - 1) / 6) : (h - 1) * a * a;
+  if (seasonal) extra += trend ? g * k * (2 * a + g + b * m * (k + 1)) : g * k * (2 * a + g);
+  if (fit.spec.season === "multiplicative") extra *= seasonIndex * seasonIndex;
+  return 1 + extra;
+}
+function forecast(values, options = {}) {
+  const finite = (v) => typeof v === "number" && Number.isFinite(v);
+  let first = 0;
+  while (first < values.length && !finite(values[first])) first++;
+  let last = values.length - 1;
+  while (last >= first && !finite(values[last])) last--;
+  if (last < first) return null;
+  const ignore = Math.max(0, Math.floor(options.ignoreLast ?? 0));
+  const end = last + 1 - ignore;
+  let start = first;
+  if (end - start > FORECAST_MAX_FIT_POINTS) start = end - FORECAST_MAX_FIT_POINTS;
+  if (end - start < FORECAST_MIN_POINTS) return null;
+  const y = [];
+  for (let t = start; t < end; t++) {
+    const v = values[t];
+    if (finite(v)) {
+      y.push(v);
+      continue;
+    }
+    let lo = t - 1;
+    while (lo >= start && !finite(values[lo])) lo--;
+    let hi = t + 1;
+    while (hi < end && !finite(values[hi])) hi++;
+    const a = lo >= start ? values[lo] : void 0;
+    const b = hi < end ? values[hi] : void 0;
+    y.push(a !== void 0 && b !== void 0 ? a + (b - a) * (t - lo) / (hi - lo) : a ?? b ?? 0);
+  }
+  const n = y.length;
+  const m = Math.max(1, Math.floor(options.seasonLength ?? 1));
+  const seasonOption = options.season ?? "auto";
+  const trendOption = options.trend ?? "auto";
+  const canSeason = m > 1 && n >= 2 * m && seasonOption !== "none";
+  const positive = y.every((v) => v > 0);
+  const seasons = !canSeason ? ["none"] : seasonOption === "additive" ? ["additive"] : seasonOption === "multiplicative" ? [positive ? "multiplicative" : "additive"] : positive ? ["none", "additive", "multiplicative"] : ["none", "additive"];
+  const trends = trendOption === "none" ? ["none"] : trendOption === "auto" ? ["none", "additive"] : ["additive"];
+  let chosen = null;
+  for (const trend of trends) {
+    for (const season of seasons) {
+      const fit = fitModel(y, { trend, season, m: season === "none" ? 1 : m });
+      if (!fit) continue;
+      if (chosen === null || fit.aicc < chosen.aicc || !Number.isFinite(chosen.aicc) && fit.k < chosen.k) chosen = fit;
+    }
+  }
+  if (!chosen) return null;
+  const dof = n - (chosen.k - 1);
+  const sigma = Math.sqrt(chosen.state.sse / (dof >= 1 ? dof : n));
+  const confidence = options.confidence !== void 0 && options.confidence > 0 && options.confidence < 1 ? options.confidence : 0.95;
+  const z = inverseNormal(1 - (1 - confidence) / 2);
+  const horizon = options.horizon !== void 0 && Number.isFinite(options.horizon) ? Math.max(0, Math.floor(options.horizon)) : m > 1 ? m : Math.min(12, Math.max(1, Math.round(n / 4)));
+  const steps = values.length - end + horizon;
+  const { spec, state } = chosen;
+  const points = [];
+  for (let h = 1; h <= steps; h++) {
+    const base = state.level + h * state.slope;
+    const s = spec.season === "none" ? void 0 : state.season[(n - 1 + h) % spec.m];
+    const value = s === void 0 ? base : spec.season === "multiplicative" ? base * s : base + s;
+    const half = z * sigma * Math.sqrt(varianceMultiplier(chosen, h, s ?? 1));
+    points.push({ value, lower: value - half, upper: value + half });
+  }
+  const { alpha, beta, gamma } = chosen.params;
+  return {
+    model: {
+      trend: spec.trend,
+      season: spec.season,
+      alpha,
+      ...spec.trend === "additive" ? { beta } : {},
+      ...spec.season !== "none" ? { gamma, seasonLength: spec.m } : {}
+    },
+    fitted: n,
+    end,
+    sigma,
+    points
+  };
+}
+var TEXT19 = {
+  ja: {
+    forecast: "\u4E88\u6E2C",
+    note: "\u4E88\u6E2C\u306F\u6307\u6570\u5E73\u6ED1\u6CD5\u306B\u3088\u308B\u8FD1\u4F3C\u5024\u3067\u3059\u3002\u5143\u306E\u30C4\u30FC\u30EB\u306E\u5024\u3068\u306F\u4E00\u81F4\u3057\u306A\u3044\u3053\u3068\u304C\u3042\u308A\u307E\u3059\u3002",
+    interval: (pct, lo, hi) => `${pct} \u4E88\u6E2C\u533A\u9593 ${lo}\u301C${hi}`,
+    chart: (names) => `${names.join("\u30FB")}\u306E\u5B9F\u7E3E\u3068\u4E88\u6E2C\u306E\u6298\u308C\u7DDA\u30B0\u30E9\u30D5`,
+    item: "\u671F\u9593"
+  },
+  en: {
+    forecast: "Forecast",
+    note: "Forecast is an approximation (exponential smoothing); values may differ from the source tool.",
+    interval: (pct, lo, hi) => `${pct} interval ${lo} \u2013 ${hi}`,
+    chart: (names) => `Line chart of actuals and forecast for ${names.join(", ")}`,
+    item: "Period"
+  }
+};
+var LEGEND_DASHED_ICON = "path://M0,0 L42,0 L42,24 L0,24 Z M58,0 L100,0 L100,24 L58,24 Z";
+var BOUNDARY_LABEL_ROOM = 18;
+var MAX_PERIODS = 5e3;
+var DAY_MS = 864e5;
+var NO_ROWS14 = [];
+var DATE_RE = /^(\d{4})(?:[-/](\d{1,2})(?:[-/](\d{1,2}))?)?(?:[T ].*)?$/;
+var QUARTER_RE = /^(\d{4})[-\s]?Q([1-4])$/i;
+function parseDate(value) {
+  if (value instanceof Date) {
+    return Number.isNaN(value.getTime()) ? null : { y: value.getFullYear(), m: value.getMonth() + 1, d: value.getDate(), precision: "day" };
+  }
+  if (typeof value === "number" && Number.isFinite(value)) {
+    if (Number.isInteger(value) && value >= 1e3 && value <= 9999) return { y: value, m: 1, d: 1, precision: "year" };
+    return parseDate(new Date(value));
+  }
+  if (typeof value !== "string") return null;
+  const text = value.trim();
+  const q = QUARTER_RE.exec(text);
+  if (q) return { y: Number(q[1]), m: (Number(q[2]) - 1) * 3 + 1, d: 1, precision: "month" };
+  const m = DATE_RE.exec(text);
+  if (m) {
+    const month = m[2] === void 0 ? 1 : Number(m[2]);
+    const day = m[3] === void 0 ? 1 : Number(m[3]);
+    if (month < 1 || month > 12 || day < 1 || day > 31) return null;
+    return { y: Number(m[1]), m: month, d: day, precision: m[3] !== void 0 ? "day" : m[2] !== void 0 ? "month" : "year" };
+  }
+  if (text === "") return null;
+  const parsed = new Date(text);
+  return Number.isNaN(parsed.getTime()) ? null : parseDate(parsed);
+}
+var dayOrdinal = (p) => Math.round(Date.UTC(p.y, p.m - 1, p.d) / DAY_MS);
+function ordinal(p, period) {
+  switch (period) {
+    case "year":
+      return p.y;
+    case "quarter":
+      return p.y * 4 + Math.floor((p.m - 1) / 3);
+    case "month":
+      return p.y * 12 + (p.m - 1);
+    default:
+      return dayOrdinal(p);
+  }
+}
+var pad2 = (n) => String(n).padStart(2, "0");
+function ordinalLabel(o, period) {
+  if (period === "year") return String(o);
+  if (period === "quarter") return `${Math.floor(o / 4)}-${pad2(o % 4 * 3 + 1)}`;
+  if (period === "month") return `${Math.floor(o / 12)}-${pad2(o % 12 + 1)}`;
+  const d = new Date(o * DAY_MS);
+  return `${d.getUTCFullYear()}-${pad2(d.getUTCMonth() + 1)}-${pad2(d.getUTCDate())}`;
+}
+function inferPeriod(dates) {
+  if (dates.every((d) => d.precision === "year")) return "year";
+  const coarse = dates.every((d) => d.precision !== "day");
+  const keys = [...new Set(dates.map((d) => coarse ? ordinal(d, "month") : dayOrdinal(d)))].sort((a, b) => a - b);
+  const gaps = keys.slice(1).map((k, i) => k - keys[i]).sort((a, b) => a - b);
+  const gap = gaps.length === 0 ? coarse ? 1 : 1 : gaps[Math.floor(gaps.length / 2)];
+  if (coarse) return gap >= 12 ? "year" : gap >= 3 ? "quarter" : "month";
+  return gap >= 360 ? "year" : gap >= 85 ? "quarter" : gap >= 28 ? "month" : gap >= 7 ? "week" : "day";
+}
+var SEASON_LENGTH = { day: 7, week: 52, month: 12, quarter: 4, year: 1 };
+function buildForecastModel(data, x, y, seriesKey, period, options, singleName, otherLabel) {
+  if (!x || !y || !Array.isArray(data)) return null;
+  const points = [];
+  for (const row of data) {
+    if (!row || typeof row !== "object") continue;
+    const date = parseDate(row[x]);
+    const value = toChartNumber(row[y]);
+    if (!date || value === null) continue;
+    const raw = seriesKey ? row[seriesKey] : singleName;
+    const name = raw === null || raw === void 0 || raw === "" ? "\u2014" : String(raw);
+    points.push({ date, name, value });
+  }
+  if (points.length === 0) return null;
+  const grain = period ?? inferPeriod(points.map((p) => p.date));
+  const step = grain === "week" ? 7 : 1;
+  const keyed = points.map((p) => ({ ...p, key: ordinal(p.date, grain) }));
+  let min = Math.min(...keyed.map((p) => p.key));
+  const max = Math.max(...keyed.map((p) => p.key));
+  if ((max - min) / step + 1 > MAX_PERIODS) min = max - (MAX_PERIODS - 1) * step;
+  const count = Math.floor((max - min) / step) + 1;
+  const slot = (key) => Math.floor((key - min) / step);
+  const sums = /* @__PURE__ */ new Map();
+  for (const p of keyed) {
+    const at = slot(p.key);
+    if (at < 0) continue;
+    let list = sums.get(p.name);
+    if (!list) {
+      list = Array(count).fill(null);
+      sums.set(p.name, list);
+    }
+    list[at] = (list[at] ?? 0) + p.value;
+  }
+  const all = [...sums.keys()];
+  const totals = all.map((name) => ({ name, value: sums.get(name).reduce((a, v) => a + (v ?? 0), 0) }));
+  const { top, rest, other } = aggregateTopN(totals, void 0, otherLabel);
+  const names = top.map((t) => t.name);
+  const actual = names.map((n) => sums.get(n));
+  if (other) {
+    const folded = Array(count).fill(null);
+    for (const r of rest) sums.get(r.name).forEach((v, i) => v === null ? void 0 : folded[i] = (folded[i] ?? 0) + v);
+    names.push(other.name);
+    actual.push(folded);
+  }
+  const resolved = { ...options, seasonLength: options?.seasonLength ?? SEASON_LENGTH[grain] };
+  const results = actual.map((values) => {
+    try {
+      return forecast(values.map((v) => v === null ? NaN : v), resolved);
+    } catch {
+      return null;
+    }
+  });
+  const length = Math.max(count, ...results.map((r) => r ? r.end + r.points.length : 0));
+  const labels = Array.from({ length }, (_, i) => ordinalLabel(min + i * step, grain));
+  const predicted = results.map((r) => {
+    const out = Array(length).fill(null);
+    r?.points.forEach((p, k) => out[r.end + k] = p);
+    return out;
+  });
+  return {
+    labels,
+    actualCount: count,
+    names,
+    otherName: other ? other.name : null,
+    actual: actual.map((list) => [...list, ...Array(length - count).fill(null)]),
+    predicted,
+    fittedEnd: results.map((r) => r ? r.end - 1 : -1),
+    results
+  };
+}
+var FORECAST_ID = "__forecast:";
+var BAND_BASE_ID = "__forecast-band-base:";
+var BAND_RANGE_ID = "__forecast-band-range:";
+function ForecastChartImpl({
+  data = NO_ROWS14,
+  x,
+  y,
+  series: seriesKey,
+  period,
+  forecast: forecast2,
+  forecastLabel,
+  forecastNote,
+  colors,
+  labels,
+  valueFormatter,
+  format,
+  title,
+  summary,
+  actions,
+  fileName,
+  isLoading,
+  emptyState,
+  height,
+  chartOptions,
+  showLegend = true,
+  showTooltip = true,
+  showGridLines = true,
+  showXAxis = true,
+  showYAxis = true,
+  yAxisWidth,
+  minValue,
+  maxValue,
+  fitToData = false,
+  xAxisLabel,
+  yAxisLabel,
+  ariaLabel,
+  className,
+  ...rest
+}, ref) {
+  const { ref: frameRef, surface, width: plotWidth, tokens } = useChartSurface(ref);
+  const locale = useLocale();
+  const t = TEXT19[uiLanguage(locale)];
+  const fcLabel = forecastLabel ?? t.forecast;
+  const tooltipFormatter = useMemo(() => resolveValueFormatter(valueFormatter, format, locale), [valueFormatter, format, locale]);
+  const axisFormatter = useMemo(() => resolveAxisFormatter(valueFormatter, format, locale), [valueFormatter, format, locale]);
+  const axisTicks = useMemo(() => resolveAxisTickFormatter(valueFormatter, format, locale), [valueFormatter, format, locale]);
+  const singleName = labels?.[y] ?? y ?? "";
+  const model = useMemo(
+    () => buildForecastModel(data, x, y, seriesKey, period, forecast2, singleName, otherSeriesLabel(locale)),
+    // forecast はオブジェクトリテラルで渡されることが多いので中身で比べる
+    [data, x, y, seriesKey, period, JSON.stringify(forecast2 ?? null), singleName, locale]
+  );
+  const palette = useMemo(
+    () => model ? resolveChartColors(seriesColorsFor(model.names, colors, CHART_OTHER_COLOR, model.otherName), tokens) : [],
+    [model, colors, tokens]
+  );
+  const option = useMemo(() => {
+    if (!model) return null;
+    const index = "__period";
+    const rows = model.labels.map((label3, i) => {
+      const row = { [index]: label3 };
+      model.names.forEach((name, c) => row[name] = model.actual[c][i]);
+      return row;
+    });
+    const base = buildCartesianOption({
+      kind: "line",
       data: rows,
       index,
-      series: list,
-      palette: palette.series,
-      referenceColor: palette.reference,
-      labels,
-      formatters,
-      ticks,
-      referenceLines,
-      stacked,
-      layout,
+      categories: model.names,
+      palette,
+      valueFormatter: tooltipFormatter,
+      axisFormatter,
+      axisTicks,
+      curveType: "linear",
+      connectNulls: false,
       showLegend,
       showTooltip,
-      plotHeight: height,
-      chartOptions
-    }),
-    [rows, index, list, palette, labels, formatters, ticks, referenceLines, stacked, layout, showLegend, showTooltip, height, chartOptions]
-  );
-  const onEvents = useMemo(
-    () => onSelect ? {
-      click: (params) => {
-        const p = params;
-        if (p.componentType !== "series" || (p.seriesIndex ?? Infinity) >= list.length) return;
-        const row = rows[p.dataIndex ?? -1];
-        if (row) onSelect(row);
+      showGridLines,
+      showXAxis,
+      showYAxis,
+      startEndOnly: false,
+      yAxisWidth,
+      minValue,
+      maxValue,
+      fitToData,
+      allowDecimals: true,
+      xAxisLabel,
+      yAxisLabel,
+      showDots: false,
+      active: null,
+      highlight: "none",
+      reserveActions: Boolean(actions),
+      guideColor: tokens?.mutedForeground ?? void 0,
+      labelBackground: surface,
+      labelColor: tokens?.foreground ?? void 0,
+      plotWidth,
+      plotHeight: typeof height === "number" ? height : void 0,
+      locale
+    });
+    const bandAlpha = isDarkSurface(surface) ? FORECAST_BAND_ALPHA_DARK : FORECAST_BAND_ALPHA_LIGHT;
+    const helper = {
+      type: "line",
+      symbol: "none",
+      showSymbol: false,
+      connectNulls: true,
+      legendHoverLink: false,
+      emphasis: { disabled: true }
+    };
+    const lines = [];
+    const bands = [];
+    model.names.forEach((name, c) => {
+      const start = model.fittedEnd[c];
+      if (start < 0) return;
+      const color = palette[c] || void 0;
+      const predicted = model.predicted[c];
+      const startValue = model.actual[c][start] ?? null;
+      const line = predicted.map((p, i) => i === start ? startValue : p?.value ?? null);
+      const lower = predicted.map((p, i) => i === start ? startValue : p ? Math.min(p.lower, p.upper) : null);
+      const range = predicted.map((p, i) => i === start ? startValue === null ? null : 0 : p ? Math.abs(p.upper - p.lower) : null);
+      lines.push({
+        ...helper,
+        id: FORECAST_ID + name,
+        name: fcLabel,
+        z: 3,
+        lineStyle: { width: 2, type: FORECAST_LINE_DASH, color, opacity: 0.7 },
+        itemStyle: { color, opacity: 0.7 },
+        data: line
+      });
+      bands.push(
+        { ...helper, id: BAND_BASE_ID + name, name: fcLabel, silent: true, z: 1, stack: BAND_BASE_ID + name, tooltip: { show: false }, lineStyle: { opacity: 0 }, itemStyle: { color }, data: lower },
+        {
+          ...helper,
+          id: BAND_RANGE_ID + name,
+          name: fcLabel,
+          silent: true,
+          z: 1,
+          stack: BAND_BASE_ID + name,
+          tooltip: { show: false },
+          lineStyle: { opacity: 0 },
+          itemStyle: { color },
+          areaStyle: color ? { color: withAlpha(color, bandAlpha), opacity: 1 } : { opacity: bandAlpha },
+          data: range
+        }
+      );
+    });
+    if (lines.length === 0) return mergeChartOptions(base, chartOptions);
+    const boundary = Math.max(...model.fittedEnd);
+    const total = model.labels.length;
+    const span = plotWidth && total > 1 ? (plotWidth - 64) / (total - 1) * (total - 1 - boundary) : null;
+    const boundaryText = forecastBoundaryText(fcLabel);
+    lines[0] = {
+      ...lines[0],
+      markLine: {
+        silent: true,
+        symbol: "none",
+        animation: false,
+        data: [
+          {
+            name: "forecast-boundary",
+            xAxis: boundary,
+            lineStyle: { type: "dashed", width: 1, color: tokens?.mutedForeground ?? void 0 },
+            label: {
+              show: true,
+              position: "end",
+              rotate: 0,
+              align: forecastLabelAlign(span, boundaryText),
+              verticalAlign: "bottom",
+              distance: 4,
+              fontSize: 12,
+              color: tokens?.mutedForeground ?? void 0,
+              formatter: boundaryText
+            }
+          }
+        ]
       }
-    } : void 0,
-    [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 legend = base.legend;
+    const grid = base.grid;
+    const times = timeTooltipLabels(model.labels, locale);
+    const pct = `${Math.round((forecast2?.confidence && forecast2.confidence > 0 && forecast2.confidence < 1 ? forecast2.confidence : 0.95) * 100)}%`;
+    const option2 = {
+      ...base,
+      legend: legend ? { ...legend, data: [...legend.data ?? [], { name: fcLabel, icon: LEGEND_DASHED_ICON }] } : legend,
+      grid: grid ? { ...grid, top: (grid.top ?? 12) + BOUNDARY_LABEL_ROOM } : grid,
+      tooltip: {
+        ...base.tooltip,
+        formatter: (params) => {
+          const list = Array.isArray(params) ? params : [params];
+          const i = list[0]?.dataIndex ?? 0;
+          const shown = new Set(list.map((p) => p.seriesId ?? ""));
+          const visible = (id) => list.length === 0 || shown.has(id);
+          const rows2 = [];
+          model.names.forEach((name, c) => {
+            const color = palette[c] || "currentColor";
+            const value = model.actual[c][i] ?? null;
+            if (value !== null && visible(`series:${name}`)) rows2.push({ name, color, value });
+            const p = model.predicted[c][i];
+            if (p && visible(FORECAST_ID + name)) {
+              rows2.push({
+                name: model.names.length > 1 ? `${name} \xB7 ${fcLabel}` : fcLabel,
+                color,
+                value: p.value,
+                note: t.interval(pct, tooltipFormatter(Math.min(p.lower, p.upper)), tooltipFormatter(Math.max(p.lower, p.upper)))
+              });
+            }
+          });
+          return tooltipHtml(times?.[i] ?? model.labels[i] ?? "", rows2, tooltipFormatter, [], locale);
+        }
+      },
+      series: [...base.series ?? [], ...lines, ...bands]
+    };
+    return mergeChartOptions(option2, chartOptions);
+  }, [
+    model,
+    palette,
+    tooltipFormatter,
+    axisFormatter,
+    axisTicks,
+    showLegend,
+    showTooltip,
+    showGridLines,
+    showXAxis,
+    showYAxis,
+    yAxisWidth,
+    minValue,
+    maxValue,
+    fitToData,
+    xAxisLabel,
+    yAxisLabel,
+    actions,
+    tokens,
+    surface,
+    plotWidth,
+    height,
+    locale,
+    fcLabel,
+    forecast2?.confidence,
+    t,
+    chartOptions
+  ]);
+  const dataTable = useMemo(() => {
+    if (!model) return void 0;
+    const forecastColumns = model.names.map((name) => `${name} (${fcLabel})`);
+    const rows = model.labels.map((label3, i) => {
+      const row = { period: label3 };
+      model.names.forEach((name, c) => {
+        row[name] = model.actual[c][i];
+        row[forecastColumns[c]] = model.predicted[c][i]?.value ?? null;
+      });
+      return row;
+    });
+    const columns = model.names.flatMap((name, c) => model.fittedEnd[c] >= 0 ? [name, forecastColumns[c]] : [name]);
+    const table = chartDataTable(rows, "period", columns, tooltipFormatter, void 0, t.item);
+    const times = timeTooltipLabels(model.labels, locale);
+    return times ? { ...table, rows: table.rows.map((row, i) => [times[i] ?? row[0] ?? "", ...row.slice(1)]) } : table;
+  }, [model, fcLabel, tooltipFormatter, t, locale]);
+  const label2 = ariaLabel ?? t.chart(model?.names ?? [singleName]);
   return /* @__PURE__ */ jsx(
     ChartFrame,
     {
@@ -5621,26 +7387,20 @@ function ComboChartImpl({
       title,
       summary,
       isLoading: isLoading ?? false,
-      isEmpty: rows.length === 0,
+      isEmpty: !model || !option,
       emptyState,
       height,
-      variant: "bar",
+      variant: "line",
       ariaLabel: label2,
       className,
       dataTable,
-      children: /* @__PURE__ */ jsx(EChart, { option, onEvents, height: "100%", ariaLabel: label2, actions, fileName, exportHeader: { title, summary } })
+      footnote: forecastNote ?? t.note,
+      children: option && /* @__PURE__ */ jsx(EChart, { option, height: "100%", ariaLabel: label2, actions, fileName, exportHeader: { title, summary } })
     }
   );
 }
-function resolveColors(tokens, series) {
-  const resolved = resolveChartColors(
-    ["var(--muted-foreground)", ...series.map((s, i) => s.color ?? DEFAULT_CHART_COLORS[i % DEFAULT_CHART_COLORS.length])],
-    tokens
-  );
-  return { reference: resolved[0] ?? "", series: resolved.slice(1) };
-}
-var ComboChart = forwardRef(ComboChartImpl);
-ComboChart.displayName = "ComboChart";
+var ForecastChart = forwardRef(ForecastChartImpl);
+ForecastChart.displayName = "ForecastChart";
 
 // ../squadkit/registry/lib/color-ramp.ts
 var RAMP_FLOOR_SHARE = 0.2;
@@ -5896,7 +7656,7 @@ function buildFilledMapModel(config) {
 function escapeHtml4(text) {
   return text.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
 }
-var TEXT15 = {
+var TEXT20 = {
   ja: {
     join: "\u30FB",
     region: "\u5730\u57DF",
@@ -5912,7 +7672,7 @@ var TEXT15 = {
     chart: (value) => `Map of ${value}`
   }
 };
-var textOf5 = (locale) => TEXT15[uiLanguage(resolveLocale(locale))];
+var textOf7 = (locale) => TEXT20[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 +7680,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 +7734,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 +7750,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_ROWS15 = [];
 function FilledMapImpl({
-  data = NO_ROWS13,
+  data = NO_ROWS15,
   region,
   value,
   map = "auto",
@@ -6024,7 +7784,7 @@ function FilledMapImpl({
   ariaLabel,
   ...rest
 }, ref) {
-  const rows = Array.isArray(data) ? data : NO_ROWS13;
+  const rows = Array.isArray(data) ? data : NO_ROWS15;
   const { ref: frameRef, surface, tokens } = useChartSurface(ref);
   const locale = useLocale();
   const formatter = useMemo(() => resolveValueFormatter(valueFormatter, format ?? "number", locale), [valueFormatter, format, locale]);
@@ -6068,7 +7828,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 +7904,7 @@ function symbolMapSize(value, max, hasSize) {
 function escapeHtml5(text) {
   return text.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
 }
-var TEXT16 = {
+var TEXT21 = {
   ja: {
     join: "\u30FB",
     point: "\u5730\u70B9",
@@ -6162,7 +7922,7 @@ var TEXT16 = {
     chart: "Map of points"
   }
 };
-var textOf6 = (locale) => TEXT16[uiLanguage(resolveLocale(locale))];
+var textOf8 = (locale) => TEXT21[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 +7999,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 +8024,9 @@ function colorsFor3(tokens, tone) {
   const [toneColor = "", land = "", border = ""] = resolved;
   return { toneColor, land, border, categories: resolved.slice(3) };
 }
-var NO_ROWS14 = [];
+var NO_ROWS16 = [];
 function SymbolMapImpl({
-  data = NO_ROWS14,
+  data = NO_ROWS16,
   latitude,
   longitude,
   name,
@@ -6294,7 +8054,7 @@ function SymbolMapImpl({
   ariaLabel,
   ...rest
 }, ref) {
-  const rows = Array.isArray(data) ? data : NO_ROWS14;
+  const rows = Array.isArray(data) ? data : NO_ROWS16;
   const { ref: frameRef, surface, tokens } = useChartSurface(ref);
   const locale = useLocale();
   const formatter = useMemo(() => resolveValueFormatter(void 0, format ?? "number", locale), [format, locale]);
@@ -6304,7 +8064,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_ROWS16, resolvedBasemap);
   const colors = useMemo(() => colorsFor3(tokens, tone), [tokens, tone]);
   const option = useMemo(
     () => geo ? buildSymbolMapOption({
@@ -6339,7 +8099,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 +8168,7 @@ function buildTreemapModel(config) {
 function escapeHtml6(text) {
   return text.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
 }
-var TEXT17 = {
+var TEXT22 = {
   ja: {
     join: "\u30FB",
     item: "\u9805\u76EE",
@@ -6426,10 +8186,10 @@ var TEXT17 = {
     chart: (value) => `Treemap of ${value}`
   }
 };
-var textOf7 = (locale) => TEXT17[uiLanguage(resolveLocale(locale))];
+var textOf9 = (locale) => TEXT22[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 +8278,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 +8302,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_ROWS17 = [];
 function TreemapImpl({
-  data = NO_ROWS15,
+  data = NO_ROWS17,
   index,
   group,
   value,
@@ -6576,7 +8336,7 @@ function TreemapImpl({
   ariaLabel,
   ...rest
 }, ref) {
-  const rows = Array.isArray(data) ? data : NO_ROWS15;
+  const rows = Array.isArray(data) ? data : NO_ROWS17;
   const { ref: frameRef, surface, tokens } = useChartSurface(ref);
   const locale = useLocale();
   const formatter = useMemo(() => resolveValueFormatter(valueFormatter, format ?? "number", locale), [valueFormatter, format, locale]);
@@ -6620,7 +8380,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 +8412,7 @@ function TreemapImpl({
 }
 var Treemap = forwardRef(TreemapImpl);
 Treemap.displayName = "Treemap";
-var TEXT18 = {
+var TEXT23 = {
   ja: {
     tones: { positive: "\u826F\u597D", warning: "\u6CE8\u610F", negative: "\u8981\u5BFE\u5FDC", neutral: "\u4E2D\u7ACB" },
     toneNote: (label2) => `\uFF08${label2}\uFF09`,
@@ -6686,7 +8446,7 @@ var TEXT18 = {
     exportCsv: "Export CSV"
   }
 };
-var useText = () => TEXT18[uiLanguage(useLocale())];
+var useText = () => TEXT23[uiLanguage(useLocale())];
 function resolveFormat(format, row) {
   return typeof format === "function" ? format(row) : format;
 }
@@ -6749,10 +8509,10 @@ function useDataTable() {
   if (!ctx) throw new Error("useDataTable must be used inside <DataTable>");
   return ctx;
 }
-var NO_ROWS16 = [];
+var NO_ROWS18 = [];
 function DataTable({
-  columns = NO_ROWS16,
-  data = NO_ROWS16,
+  columns = NO_ROWS18,
+  data = NO_ROWS18,
   enableSorting = true,
   sorting: sortingProp,
   onSortingChange,
@@ -6779,7 +8539,7 @@ function DataTable({
   children
 }) {
   const locale = useLocale();
-  const t = TEXT18[uiLanguage(locale)];
+  const t = TEXT23[uiLanguage(locale)];
   const [sorting, setSorting] = useControlledState(sortingProp, [], onSortingChange);
   const [columnFilters, setColumnFilters] = useControlledState(
     columnFiltersProp,
@@ -7063,19 +8823,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 +8850,7 @@ var DataTableContent = forwardRef(
                   )
                 ]
               },
-              cell.id
+              cell2.id
             );
           }) }, row.id)) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
             TableCell,
@@ -7225,16 +8985,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 +9048,7 @@ function DataTableExport({
       disabled: isLoading,
       children: [
         /* @__PURE__ */ jsx(Download, { className: "size-4", "aria-hidden": "true" }),
-        children ?? TEXT18[uiLanguage(locale)].exportCsv
+        children ?? TEXT23[uiLanguage(locale)].exportCsv
       ]
     }
   );
@@ -7368,14 +9128,14 @@ function pivotSpans(keys, level) {
   });
   return out;
 }
-var TEXT19 = {
+var TEXT24 = {
   ja: { table: "\u30D4\u30DC\u30C3\u30C8\u8868" },
   en: { table: "Pivot table" }
 };
-var NO_ROWS17 = [];
+var NO_ROWS19 = [];
 var asList = (v) => Array.isArray(v) ? v.filter((x) => typeof x === "string") : [];
 function PivotTable({
-  data = NO_ROWS17,
+  data = NO_ROWS19,
   rows: rowDims,
   columns: colDims,
   values: valueKeys,
@@ -7393,8 +9153,8 @@ function PivotTable({
   ariaLabel
 }) {
   const locale = useLocale();
-  const t = TEXT19[uiLanguage(resolveLocale(locale))];
-  const dataRows = Array.isArray(data) ? data : NO_ROWS17;
+  const t = TEXT24[uiLanguage(resolveLocale(locale))];
+  const dataRows = Array.isArray(data) ? data : NO_ROWS19;
   const rows = useMemo(() => asList(rowDims), [rowDims]);
   const columns = useMemo(() => asList(colDims), [colDims]);
   const values = useMemo(() => asList(valueKeys), [valueKeys]);
@@ -7465,7 +9225,7 @@ function PivotTable({
   );
 }
 var FilterBarContext = createContext(null);
-var TEXT20 = {
+var TEXT25 = {
   ja: {
     filters: "\u30D5\u30A3\u30EB\u30BF\u30FC",
     selected: (count) => ` (${count}\u4EF6\u9078\u629E\u4E2D)`,
@@ -7481,7 +9241,7 @@ var TEXT20 = {
     clearAll: "Clear all filters"
   }
 };
-var useText2 = () => TEXT20[uiLanguage(useLocale())];
+var useText2 = () => TEXT25[uiLanguage(useLocale())];
 function useFilterBar() {
   const ctx = useContext(FilterBarContext);
   if (!ctx) throw new Error("useFilterBar must be used within <FilterBar>");
@@ -7784,7 +9544,7 @@ var PRESET_LABELS = {
     lastFiscalYear: "Last fiscal year"
   }
 };
-var TEXT21 = {
+var TEXT26 = {
   ja: { placeholder: "\u671F\u9593\u3092\u9078\u629E", rangeSeparator: " - " },
   en: { placeholder: "Pick a date range", rangeSeparator: " \u2013 " }
 };
@@ -7802,7 +9562,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 +9612,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 +9645,7 @@ var DateRangePicker = forwardRef(
     const [open, setOpen] = useState(false);
     const isMobile = useIsMobile();
     const locale = useLocale(localeProp);
-    const t = TEXT21[uiLanguage(locale)];
+    const t = TEXT26[uiLanguage(locale)];
     const presets = useMemo(
       () => presetsProp ?? createDatePresets({ locale, fiscalYearStartMonth }),
       [presetsProp, locale, fiscalYearStartMonth]
@@ -8102,7 +9862,7 @@ function RemoveButton({ label: label2, onRemove, iconClassName }) {
     }
   );
 }
-var TEXT22 = {
+var TEXT27 = {
   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 +9882,7 @@ var SearchableSelect = forwardRef(
     className
   }, ref) {
     const [open, setOpen] = useState(false);
-    const t = TEXT22[uiLanguage(useLocale())];
+    const t = TEXT27[uiLanguage(useLocale())];
     const allOptions = useMemo(() => flattenOptions(options), [options]);
     const selectedOption = useMemo(
       () => allOptions.find((opt) => opt.value === value),
@@ -8175,7 +9935,7 @@ var SearchableSelect = forwardRef(
   }
 );
 SearchableSelect.displayName = "SearchableSelect";
-var TEXT23 = {
+var TEXT28 = {
   ja: {
     placeholder: "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044",
     search: "\u691C\u7D22...",
@@ -8192,10 +9952,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 +9968,7 @@ var MultiSelect = forwardRef(function MultiSelect2({
 }, ref) {
   const [open, setOpen] = useState(false);
   const listId = useId();
-  const t = TEXT23[uiLanguage(useLocale())];
+  const t = TEXT28[uiLanguage(useLocale())];
   const allOptions = useMemo(() => flattenOptions(options), [options]);
   const selectedOptions = useMemo(
     () => allOptions.filter((opt) => value.includes(opt.value)),
@@ -8338,10 +10098,10 @@ function computeTargetProgress(current, target, options) {
     elapsed
   };
 }
-var DAY_MS = 24 * 60 * 60 * 1e3;
+var DAY_MS2 = 24 * 60 * 60 * 1e3;
 function inferPeriodGrain(period) {
   if (!period) return void 0;
-  const days = (toTime(period.end) - toTime(period.start)) / DAY_MS;
+  const days = (toTime(period.end) - toTime(period.start)) / DAY_MS2;
   if (!Number.isFinite(days)) return void 0;
   const near = (min, max) => days >= min - 1 / 24 && days <= max + 1 / 24;
   if (near(1, 1)) return "day";
@@ -8490,7 +10250,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 TEXT29 = {
   ja: {
     target: "\u76EE\u6A19",
     provisional: "\u901F\u5831",
@@ -8622,7 +10382,7 @@ function KpiCard({
   ...props
 }) {
   const locale = useLocale(localeProp);
-  const t = TEXT24[uiLanguage(locale)];
+  const t = TEXT29[uiLanguage(locale)];
   const allComparisons = [...comparisonProp ? [comparisonProp] : [], ...comparisons ?? []];
   const comparison = allComparisons[0];
   const isProvisional = provisional !== void 0 && provisional !== false;
@@ -8873,7 +10633,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 TEXT30 = {
   ja: {
     flat: (value) => `\u5909\u5316\u306A\u3057 ${value}%`,
     up: (value) => `${value}% \u5897\u52A0`,
@@ -8902,7 +10662,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 = TEXT30[uiLanguage(useLocale())];
     const ariaLabel = direction === "neutral" ? t.flat(value) : direction === "up" ? t.up(value) : t.down(value);
     return /* @__PURE__ */ jsxs(
       "span",
@@ -8923,93 +10683,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",
@@ -9022,7 +10695,69 @@ var Placeholder = forwardRef(function Placeholder2({ className, ...props }, ref)
   );
 });
 Placeholder.displayName = "Placeholder";
+function DraftChart({ children }) {
+  if (!import.meta.env.DEV) return null;
+  return /* @__PURE__ */ jsx(DraftChartPreview, { children });
+}
+var STYLE_ID = "vantage-draft-chart";
+var DRAFT_CSS = `@layer components {
+  [data-sq-draft] {
+    position: relative;
+    isolation: isolate;
+  }
+  [data-sq-draft]::after {
+    content: "";
+    position: absolute;
+    inset: -1px;
+    z-index: 2147483647;
+    border-radius: inherit;
+    background-color: var(--background);
+    opacity: 0.75;
+    pointer-events: none;
+    transition: opacity 200ms ease;
+  }
+  [data-sq-draft]:hover::after {
+    opacity: 0;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    [data-sq-draft]::after {
+      transition: none;
+    }
+  }
+}`;
+function DraftChartPreview({ children }) {
+  const ref = useRef(null);
+  useInsertionEffect(() => {
+    let style = document.getElementById(STYLE_ID);
+    if (!style) {
+      style = document.createElement("style");
+      style.id = STYLE_ID;
+      document.head.appendChild(style);
+    }
+    if (style.textContent !== DRAFT_CSS) style.textContent = DRAFT_CSS;
+  }, []);
+  useLayoutEffect(() => {
+    const wrapper = ref.current;
+    if (!wrapper) return;
+    let marked = null;
+    const mark = () => {
+      const root = wrapper.firstElementChild;
+      if (root === marked) return;
+      marked?.removeAttribute("data-sq-draft");
+      root?.setAttribute("data-sq-draft", "");
+      marked = root;
+    };
+    mark();
+    const observer = new MutationObserver(mark);
+    observer.observe(wrapper, { childList: true });
+    return () => {
+      observer.disconnect();
+      marked?.removeAttribute("data-sq-draft");
+    };
+  }, []);
+  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, 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-NYQJ5UY4.js.map
-//# sourceMappingURL=chunk-NYQJ5UY4.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, ForecastChart, 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-DULE4EDK.js.map
+//# sourceMappingURL=chunk-DULE4EDK.js.map