@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-IE5GWE72.js

@@ -0,0 +1,177 @@
+"use client";
+import {
+  resolveNumberFormat
+} from "./chunk-LDOCY4SU.js";
+import {
+  CopyableValue
+} from "./chunk-CEDK5GM2.js";
+import {
+  Card,
+  CardContent
+} from "./chunk-7KV7H2TW.js";
+import {
+  Skeleton
+} from "./chunk-UPGIQXUY.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/metric-card/metric-card.tsx
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+function formatResolvedNumber(resolved, formatNumber, value) {
+  const numeric = formatNumber(resolved.parens ? Math.abs(value) : value, resolved.options);
+  const signed = resolved.parens && value < 0 ? `(${numeric})` : numeric;
+  return `${resolved.prefix}${signed}${resolved.suffix}`;
+}
+var metricValueVariants = cva("tabular-nums text-foreground", {
+  variants: {
+    emphasis: {
+      default: "text-2xl font-semibold tracking-tight",
+      headline: "text-kpi"
+    },
+    /* `md` adds nothing (today's rungs); `sm`/`lg` override the size via `cn()`. */
+    size: {
+      sm: "text-title",
+      md: "",
+      lg: "text-kpi"
+    }
+  },
+  defaultVariants: { emphasis: "default", size: "md" }
+});
+var metricContentVariants = cva("space-y-2", {
+  variants: {
+    emphasis: {
+      default: "p-5",
+      headline: "p-6"
+    },
+    size: {
+      sm: "space-y-1 p-3",
+      md: "",
+      lg: "p-6"
+    }
+  },
+  defaultVariants: { emphasis: "default", size: "md" }
+});
+var metricSparklineVariants = cva("", {
+  variants: {
+    size: {
+      /* never rendered — `sm` drops the slot; kept so the axis is total */
+      sm: "",
+      md: "pt-1",
+      lg: "min-h-12 pt-2"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var MetricCard = forwardRef(function MetricCard2({
+  label,
+  value,
+  valueFormat = "compact",
+  currency,
+  copyExactValue = true,
+  description,
+  delta,
+  deltaDirection = "neutral",
+  positiveIsGood = true,
+  icon,
+  visual,
+  sparkline,
+  evidence,
+  emphasis,
+  size,
+  loading = false,
+  announceLoading = true,
+  className,
+  ...props
+}, ref) {
+  const { t, formatNumber } = useLocale();
+  const isNumeric = typeof value === "number";
+  const formattedValue = !isNumeric ? value : typeof valueFormat === "function" ? valueFormat(value) : formatResolvedNumber(
+    resolveNumberFormat(valueFormat, value, currency),
+    formatNumber,
+    value
+  );
+  const showsExact = isNumeric && String(formattedValue) === String(value);
+  const canCopyExact = isNumeric && copyExactValue && typeof valueFormat !== "function" && !showsExact;
+  const good = deltaDirection === "up" ? positiveIsGood : deltaDirection === "down" ? !positiveIsGood : null;
+  const deltaColor = good === null ? "text-muted-foreground" : good ? "text-success-text" : "text-destructive-text";
+  const polarity = good === null ? "neutral" : good ? "good" : "bad";
+  const arrow = deltaDirection === "up" ? "\u2191" : deltaDirection === "down" ? "\u2193" : "";
+  const directionLabel = deltaDirection === "up" ? "up" : deltaDirection === "down" ? "down" : "";
+  const polarityLabel = good === null ? "" : good ? ", favorable" : ", unfavorable";
+  const compact = size === "sm";
+  const valueClassName = cn(metricValueVariants({ emphasis, size }));
+  return /* @__PURE__ */ jsx(Card, { ref, className: cn("overflow-hidden", className), ...props, children: /* @__PURE__ */ jsxs(
+    CardContent,
+    {
+      className: cn(metricContentVariants({ emphasis, size })),
+      ...loading && announceLoading ? { role: "status", "aria-live": "polite" } : {},
+      children: [
+        loading && announceLoading ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("ui.metricCard.loading") }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          loading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }) : (
+            /* `min-w-0` + `truncate`, not just the text utility: a flex child's
+               default `min-width: auto` refuses to shrink below its content, so
+               without it the label OVERFLOWS the row and `Card`'s own
+               `overflow-hidden` hard-clips it — characters lost mid-word, no
+               ellipsis, no title. Measured on a 230px pane: "Awaiting approval"
+               rendered as "Awaiting approva". See interaction-guidelines.md
+               § Content handling ("flex children need `min-w-0`"). `title` only
+               when the label is a string — there is nothing to put in the
+               attribute otherwise, and the ellipsis needs a way back to the
+               full words. */
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "min-w-0 truncate text-body font-medium text-muted-foreground",
+                title: typeof label === "string" ? label : void 0,
+                children: label
+              }
+            )
+          ),
+          icon && !compact ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground [&_svg]:size-4", children: icon }) : null
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
+          loading ? /* @__PURE__ */ jsx(Skeleton, { className: emphasis === "headline" ? "h-9 w-28" : "h-8 w-24" }) : canCopyExact ? /* @__PURE__ */ jsx(
+            CopyableValue,
+            {
+              className: valueClassName,
+              hint: typeof label === "string" ? `${label}, ${t("ui.copyableValue.hint")}` : void 0,
+              value: String(value),
+              children: formattedValue
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: valueClassName, children: formattedValue }),
+          delta && !compact ? loading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-14" }) : /* @__PURE__ */ jsxs(
+            "span",
+            {
+              "data-polarity": polarity,
+              className: cn("text-meta tabular-nums", deltaColor),
+              "aria-label": directionLabel ? `${directionLabel} ${delta}${polarityLabel}` : void 0,
+              children: [
+                arrow ? /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", children: [
+                  arrow,
+                  " "
+                ] }) : null,
+                delta
+              ]
+            }
+          ) : null
+        ] }),
+        sparkline && !compact ? /* @__PURE__ */ jsx("div", { className: metricSparklineVariants({ size }), children: loading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-full" }) : sparkline }) : null,
+        description && !compact ? loading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-32" }) : /* @__PURE__ */ jsx("p", { className: "text-meta font-normal text-muted-foreground", children: description }) : null,
+        visual && !compact ? /* @__PURE__ */ jsx("div", { className: "pt-1", children: loading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-full" }) : visual }) : null,
+        evidence && !compact ? /* @__PURE__ */ jsx("div", { className: "pt-1 text-meta font-normal text-muted-foreground", children: loading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" }) : evidence }) : null
+      ]
+    }
+  ) });
+});
+
+export {
+  MetricCard
+};
+//# sourceMappingURL=chunk-IE5GWE72.js.map

package/dist/chunk-IE5GWE72.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/metric-card/metric-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { type HTMLAttributes, type ReactNode, forwardRef } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Card, CardContent } from \"../card\";\nimport { CopyableValue } from \"../copyable-value\";\nimport { Skeleton } from \"../skeleton\";\nimport { useLocale } from \"../locale-provider\";\nimport { cn } from \"../../lib/cn\";\nimport {\n  type NumberFormat,\n  type ResolvedNumberFormat,\n  resolveNumberFormat,\n} from \"../../lib/compact-number\";\n\n/**\n * Applies a {@link ResolvedNumberFormat}'s `prefix`/`suffix`/`parens` on top\n * of the plain `Intl` string `formatNumber` produces — the two things Intl\n * itself cannot render (RM-109). Twin of `formatResolvedChartValue`\n * (`packages/charts/src/charts/chart-formatters.ts`).\n */\nfunction formatResolvedNumber(\n  resolved: ResolvedNumberFormat,\n  formatNumber: (n: number, opts?: Intl.NumberFormatOptions) => string,\n  value: number,\n): string {\n  const numeric = formatNumber(resolved.parens ? Math.abs(value) : value, resolved.options);\n  const signed = resolved.parens && value < 0 ? `(${numeric})` : numeric;\n  return `${resolved.prefix}${signed}${resolved.suffix}`;\n}\n\n/*\n * ADR 0012: this is the ONE KPI tile — `@elabs-ai/components-charts` re-exports it.\n * RM-072 adds `size` (sm | md | lg) for dashboard-sheet tiles and a `sparkline`\n * slot under the value. `ui` never imports `charts`: the host passes the\n * `<Sparkline …/>` element in.\n */\n\n/*\n * `emphasis` — size/weight/space ONLY, no new hue (research 11 §B.5 KPI-1/5):\n * `headline` is the answer-leading rung (`text-kpi`, ~32px); `default` stays\n * calm on the intermediate 1.5rem reading rung (the pre-#188 step between\n * `title` and `kpi` — no app role exists there, same precedent as the prose\n * h1/h3 rungs; baselined in the text-scale ratchet).\n */\nconst metricValueVariants = cva(\"tabular-nums text-foreground\", {\n  variants: {\n    emphasis: {\n      default: \"text-2xl font-semibold tracking-tight\",\n      headline: \"text-kpi\",\n    },\n    /* `md` adds nothing (today's rungs); `sm`/`lg` override the size via `cn()`. */\n    size: {\n      sm: \"text-title\",\n      md: \"\",\n      lg: \"text-kpi\",\n    },\n  },\n  defaultVariants: { emphasis: \"default\", size: \"md\" },\n});\n\nconst metricContentVariants = cva(\"space-y-2\", {\n  variants: {\n    emphasis: {\n      default: \"p-5\",\n      headline: \"p-6\",\n    },\n    size: {\n      sm: \"space-y-1 p-3\",\n      md: \"\",\n      lg: \"p-6\",\n    },\n  },\n  defaultVariants: { emphasis: \"default\", size: \"md\" },\n});\n\nconst metricSparklineVariants = cva(\"\", {\n  variants: {\n    size: {\n      /* never rendered — `sm` drops the slot; kept so the axis is total */\n      sm: \"\",\n      md: \"pt-1\",\n      lg: \"min-h-12 pt-2\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport type MetricCardEmphasis = NonNullable<VariantProps<typeof metricValueVariants>[\"emphasis\"]>;\n\n/**\n * Tile tier (RM-072). `sm`: label + value only (no icon, delta, description,\n * sparkline, visual or evidence); `md`: the default tile; `lg`: the kpi value\n * rung with more room for the `sparkline` slot.\n */\nexport type MetricCardSize = NonNullable<VariantProps<typeof metricValueVariants>[\"size\"]>;\n\n/**\n * How a NUMERIC `value` is rendered. A function takes over completely.\n *\n * `\"compact\"` is the default because a KPI tile is a small box and\n * `50012102.632741` does not fit in one — the exact figure stays one click\n * away via `CopyableValue`. Anything that is not a `number` (a string, an\n * element) is passed through untouched, so every existing call site is\n * unaffected.\n *\n * Also accepts the object form (RM-109, `NumberFormatSpec` —\n * `{ decimals, abbreviate, sign, prefix, suffix, … }`,\n * `packages/ui/src/lib/compact-number.ts`) for a tile that needs e.g.\n * `{ decimals: 1, suffix: \"%\" }` without hand-formatting the string itself.\n * The two preset-string cases render byte-for-byte as before this type\n * widened — only a spec OBJECT argument reaches the new code path.\n */\nexport type MetricCardValueFormat = NumberFormat | ((value: number) => ReactNode);\n\nexport interface MetricCardProps\n  extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof metricValueVariants> {\n  label: ReactNode;\n  value: ReactNode;\n  /**\n   * How to render a NUMERIC `value`. Default: `\"compact\"`. Ignored for every\n   * other `ReactNode` — a string you already formatted is rendered verbatim.\n   */\n  valueFormat?: MetricCardValueFormat;\n  /** ISO 4217 code for `valueFormat: \"currency\"`. Default: `\"USD\"`. */\n  currency?: string;\n  /**\n   * Offer the exact figure on click when a numeric `value` was shortened.\n   * Default: `true`. Turning it off leaves a compacted number with no way back\n   * to its digits, so only do that when the tile is decorative.\n   */\n  copyExactValue?: boolean;\n  /** Secondary line under the value — sublabel / context. */\n  description?: ReactNode;\n  /** Signed change, e.g. \"+12.4%\". Direction colors it. */\n  delta?: string;\n  deltaDirection?: \"up\" | \"down\" | \"neutral\";\n  /** Whether \"up\" is good (green) — flip for metrics where down is good. */\n  positiveIsGood?: boolean;\n  icon?: ReactNode;\n  /** Optional inline visual shown under the value/description. */\n  visual?: ReactNode;\n  /**\n   * Trend slot rendered directly under the value (RM-072) — pass a\n   * `<Sparkline …/>` from `@elabs-ai/components-charts`. Hidden at `size=\"sm\"`.\n   */\n  sparkline?: ReactNode;\n  /**\n   * Optional grounding footer (research 11 §B.5 KPI-3) — connects a cited\n   * figure to its source (e.g. an `EvidenceChip` from `@elabs-ai/components-ai`). Rendered\n   * subdued (`text-meta text-muted-foreground`) under the tile body.\n   */\n  evidence?: ReactNode;\n  /**\n   * Loading vs ready — renders a layout-shaped skeleton (matching the real\n   * box height) instead of the value/label/delta text. Default: `false`.\n   */\n  loading?: boolean;\n  /**\n   * Whether this tile announces its own `loading` state via a live region.\n   * Set to `false` when several tiles are composed inside a container that\n   * already announces once for the whole region (e.g. a loading\n   * `MetricGrid`) — see loading-states.md §a11y (\"one live region per\n   * region, not per box\"). Default: `true`.\n   */\n  announceLoading?: boolean;\n}\n\n/** Compact KPI tile for dashboards. */\nexport const MetricCard = forwardRef<HTMLDivElement, MetricCardProps>(function MetricCard(\n  {\n    label,\n    value,\n    valueFormat = \"compact\",\n    currency,\n    copyExactValue = true,\n    description,\n    delta,\n    deltaDirection = \"neutral\",\n    positiveIsGood = true,\n    icon,\n    visual,\n    sparkline,\n    evidence,\n    emphasis,\n    size,\n    loading = false,\n    announceLoading = true,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const { t, formatNumber } = useLocale();\n\n  // Formatting applies to NUMBERS only. Every shipped call site passes a string\n  // it formatted itself, so this branch is inert for them — that is what makes\n  // a new default safe.\n  const isNumeric = typeof value === \"number\";\n  const formattedValue: ReactNode = !isNumeric\n    ? value\n    : typeof valueFormat === \"function\"\n      ? valueFormat(value)\n      : formatResolvedNumber(\n          resolveNumberFormat(valueFormat, value, currency),\n          formatNumber,\n          value,\n        );\n  // Only offer the exact figure when the display actually differs from it —\n  // a button around a value that was never shortened is noise.\n  const showsExact = isNumeric && String(formattedValue) === String(value);\n  const canCopyExact =\n    isNumeric && copyExactValue && typeof valueFormat !== \"function\" && !showsExact;\n\n  const good =\n    deltaDirection === \"up\" ? positiveIsGood : deltaDirection === \"down\" ? !positiveIsGood : null;\n  const deltaColor =\n    good === null ? \"text-muted-foreground\" : good ? \"text-success-text\" : \"text-destructive-text\";\n  // Stable, theme-agnostic polarity hook. High decoration reveals a non-color\n  // polarity glyph from this attribute (decoration.css); chromatic themes ignore it\n  // and use color. Issue #162.\n  const polarity = good === null ? \"neutral\" : good ? \"good\" : \"bad\";\n  const arrow = deltaDirection === \"up\" ? \"↑\" : deltaDirection === \"down\" ? \"↓\" : \"\";\n  // Direction is conveyed visually by the arrow glyph + color; give AT a single\n  // unambiguous name (\"up 12.4%, favorable\") since neither the glyph nor color is a\n  // reliable signal (high decoration / high-contrast collapse the hue) — and good/bad\n  // polarity is otherwise invisible to AT. See accessibility.md, #162.\n  const directionLabel = deltaDirection === \"up\" ? \"up\" : deltaDirection === \"down\" ? \"down\" : \"\";\n  const polarityLabel = good === null ? \"\" : good ? \", favorable\" : \", unfavorable\";\n  // `sm` is label + value only: every secondary row is dropped (RM-072).\n  const compact = size === \"sm\";\n  const valueClassName = cn(metricValueVariants({ emphasis, size }));\n\n  return (\n    <Card ref={ref} className={cn(\"overflow-hidden\", className)} {...props}>\n      <CardContent\n        className={cn(metricContentVariants({ emphasis, size }))}\n        {...(loading && announceLoading ? { role: \"status\", \"aria-live\": \"polite\" as const } : {})}\n      >\n        {loading && announceLoading ? (\n          <span className=\"sr-only\">{t(\"ui.metricCard.loading\")}</span>\n        ) : null}\n        <div className=\"flex items-center justify-between\">\n          {loading ? (\n            <Skeleton className=\"h-4 w-24\" />\n          ) : (\n            /* `min-w-0` + `truncate`, not just the text utility: a flex child's\n               default `min-width: auto` refuses to shrink below its content, so\n               without it the label OVERFLOWS the row and `Card`'s own\n               `overflow-hidden` hard-clips it — characters lost mid-word, no\n               ellipsis, no title. Measured on a 230px pane: \"Awaiting approval\"\n               rendered as \"Awaiting approva\". See interaction-guidelines.md\n               § Content handling (\"flex children need `min-w-0`\"). `title` only\n               when the label is a string — there is nothing to put in the\n               attribute otherwise, and the ellipsis needs a way back to the\n               full words. */\n            <span\n              className=\"min-w-0 truncate text-body font-medium text-muted-foreground\"\n              title={typeof label === \"string\" ? label : undefined}\n            >\n              {label}\n            </span>\n          )}\n          {/* `shrink-0`: the icon is a fixed 16px mark, so the LABEL is what\n              gives way when the row runs out of width. */}\n          {icon && !compact ? (\n            <span className=\"shrink-0 text-muted-foreground [&_svg]:size-4\">{icon}</span>\n          ) : null}\n        </div>\n        <div className=\"flex items-baseline gap-2\">\n          {loading ? (\n            <Skeleton className={emphasis === \"headline\" ? \"h-9 w-28\" : \"h-8 w-24\"} />\n          ) : canCopyExact ? (\n            <CopyableValue\n              className={valueClassName}\n              // Two tiles in one grid can compact to the same display (\"$1.2M\"),\n              // and the visible label is a sibling node the button's name does\n              // not include — so without this a screen-reader user tabbing the\n              // grid hears the identical name twice. A non-string label has no\n              // text to borrow; the default hint stands.\n              hint={\n                typeof label === \"string\" ? `${label}, ${t(\"ui.copyableValue.hint\")}` : undefined\n              }\n              value={String(value)}\n            >\n              {formattedValue}\n            </CopyableValue>\n          ) : (\n            <span className={valueClassName}>{formattedValue}</span>\n          )}\n          {delta && !compact ? (\n            loading ? (\n              <Skeleton className=\"h-4 w-14\" />\n            ) : (\n              <span\n                data-polarity={polarity}\n                className={cn(\"text-meta tabular-nums\", deltaColor)}\n                aria-label={\n                  directionLabel ? `${directionLabel} ${delta}${polarityLabel}` : undefined\n                }\n              >\n                {arrow ? <span aria-hidden=\"true\">{arrow} </span> : null}\n                {delta}\n              </span>\n            )\n          ) : null}\n        </div>\n        {sparkline && !compact ? (\n          <div className={metricSparklineVariants({ size })}>\n            {loading ? <Skeleton className=\"h-8 w-full\" /> : sparkline}\n          </div>\n        ) : null}\n        {description && !compact ? (\n          loading ? (\n            <Skeleton className=\"h-3 w-32\" />\n          ) : (\n            <p className=\"text-meta font-normal text-muted-foreground\">{description}</p>\n          )\n        ) : null}\n        {visual && !compact ? (\n          <div className=\"pt-1\">{loading ? <Skeleton className=\"h-8 w-full\" /> : visual}</div>\n        ) : null}\n        {evidence && !compact ? (\n          <div className=\"pt-1 text-meta font-normal text-muted-foreground\">\n            {loading ? <Skeleton className=\"h-3 w-24\" /> : evidence}\n          </div>\n        ) : null}\n      </CardContent>\n    </Card>\n  );\n});\n"],"mappings":"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","names":["MetricCard"]}

package/dist/chunk-IIY5JRNW.js

@@ -0,0 +1,93 @@
+"use client";
+import {
+  STATUS_LABELS,
+  fromTimelineStatus
+} from "./chunk-DXC3DTCV.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/timeline/timeline.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NODE_STYLE = {
+  pending: "border-border bg-background",
+  running: "border-info bg-info ring-2 ring-info/25",
+  complete: "border-success bg-success",
+  "awaiting-approval": "border-warning bg-warning ring-1 ring-warning/40",
+  denied: "border-border bg-muted border-dashed",
+  failed: "border-destructive bg-destructive ring-4 ring-destructive/20",
+  skipped: "border-border bg-muted border-dotted"
+};
+var MUTED_TITLE_STATUSES = /* @__PURE__ */ new Set(["pending", "skipped", "denied"]);
+var TimelineRoot = forwardRef(function TimelineRoot2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("ol", { ref, className: cn("relative", className), ...props });
+});
+var TimelineItem = forwardRef(function TimelineItem2({ status = "pending", timestamp, description, detail, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      ref,
+      "data-status": status,
+      className: cn("group/timeline-item relative pb-5 ps-7 last:pb-0", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "absolute start-[5px] top-2.5 h-full w-px bg-border group-last/timeline-item:hidden"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn("absolute start-0 top-1 size-3 rounded-full border-2", NODE_STYLE[status])
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "text-body font-medium",
+                MUTED_TITLE_STATUSES.has(status) ? "text-muted-foreground" : "text-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                  STATUS_LABELS[status],
+                  ": "
+                ] }),
+                children
+              ]
+            }
+          ),
+          timestamp ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-meta text-muted-foreground tabular-nums", children: timestamp }) : null
+        ] }),
+        description ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-body text-muted-foreground", children: description }) : null,
+        detail ? /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-2", children: detail }) : null
+      ]
+    }
+  );
+});
+var Timeline = forwardRef(function Timeline2({ items, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(TimelineRoot, { ref, className, ...props, children: items.map((item, i) => /* @__PURE__ */ jsx(
+    TimelineItem,
+    {
+      status: fromTimelineStatus(item.status ?? "pending"),
+      timestamp: item.timestamp,
+      description: item.description,
+      children: item.title
+    },
+    i
+  )) });
+});
+
+export {
+  NODE_STYLE,
+  TimelineRoot,
+  TimelineItem,
+  Timeline
+};
+//# sourceMappingURL=chunk-IIY5JRNW.js.map

package/dist/chunk-IIY5JRNW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/timeline/timeline.tsx"],"sourcesContent":["/**\n * Timeline — THE rail/node/connector spine (#190, research 10 §B.2): an\n * ordered list of steps with a vertical connector and a status-colored node\n * per step. Moved from `@elabs-ai/components-editor` (which re-exports it for back-compat —\n * the ADR-0012 own/re-export model); the branded target for the editor's\n * `:::timeline` markdown directive, and reusable anywhere a process/sequence\n * needs showing. Token-driven, theme-safe, motion-free (animation belongs to\n * composing consumers, e.g. the `@elabs-ai/components-ai` agent grammar).\n *\n * One rail, two front doors:\n *   - compound `TimelineRoot` + `TimelineItem` — for composing consumers that\n *     interleave rich children per node. The node takes the CANONICAL 7-state\n *     `Status` (status-badge, #189) — closed enum, no freeform strings.\n *   - array `Timeline items={TimelineEntry[]}` — a thin map over the compound\n *     parts. Keeps the editor-facing `done|active|pending` API unchanged by\n *     mapping in via `fromTimelineStatus` at the boundary.\n *\n * Deliberately NOT on this rail (a different grammar, not an oversight —\n * RM-014, #133): `RevisionTimeline` (@elabs-ai/components-ui). Its rail is a\n * multi-lane commit DAG whose node colour is LANE IDENTITY (the chart ramp),\n * not `Status`, and whose fork/merge joins are cross-row beziers living in one\n * SVG coordinate space spanning the whole list — neither of which a\n * status-keyed node or an item-local `w-px` connector can express. Carrying\n * both grammars here would cost ~5 opt-in props, four of them switching this\n * rail's own node/connector/geometry/status announcement off. The four-point\n * reason is in that component's docblock; reopen #133 before converging them.\n */\nimport { forwardRef, type HTMLAttributes, type LiHTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport {\n  fromTimelineStatus,\n  STATUS_LABELS,\n  type Status,\n  type TimelineStatus,\n} from \"../status-badge\";\n\n/**\n * Node visual per canonical status. This is a DUPLICATE of the status→role\n * mapping `status-badge.tsx` owns (`STATUS_ROLE`) — it exists because the rail\n * node is a filled dot, not a badge pill, so it can't share `statusBadgeVariants`\n * directly. A duplicate is only safe when it is TESTED against the source of\n * truth: `timeline.test.tsx` asserts every chromatic status here resolves to\n * the same role as `STATUS_ROLE`/`statusBadgeVariants` (#392 — `running` had\n * silently drifted to `--primary` here while the canonical map said `--info`,\n * because nothing checked the two agreed). Semantic tokens only.\n *\n * Every status ALSO carries a non-colour signature (#387, WCAG 1.4.1) — a\n * 12px dot can't host a legible glyph, so the cue is geometric. It took an\n * empirical (rendered) pass to find a signature that actually PAINTS\n * distinctly, not merely one that differs as a class string:\n *   - `denied`/`skipped` (hollow-ish `bg-muted`, `border-border`) get\n *     `border-dashed`/`border-dotted` — this WORKS because border and fill\n *     are different colours there, so the gaps in the dash/dot pattern show\n *     the (lighter) fill through the (darker) border.\n *   - `running`/`complete`/`awaiting-approval`/`failed` are all `bg-<status>\n *     border-<status>` — the vivid MARK rung, where border and fill are the\n *     SAME token. A `border-style` on a same-colour border is invisible (no\n *     colour boundary for the dash gaps to reveal), so this quartet is\n *     differentiated by `ring-*` WIDTH instead — the ring sits outside the\n *     dot, contrasting against the PAGE, not the fill, which is why\n *     `running`'s existing halo was legible in the first place. Widths\n *     `0 / 1 / 2 / 4` give four unmistakably different silhouettes:\n *     `complete` none (calm/settled, matches `StatusBadge`'s quiet\n *     treatment for `complete`) → `awaiting-approval` `ring-1` (a nudge) →\n *     `running` `ring-2` (active) → `failed` `ring-4` (the widest, most\n *     emphatic — the state that most needs to grab the eye).\n * `denied`/`skipped` were byte-identical before this; the ring-width\n * progression replaces an earlier border-style-only attempt that turned out\n * to be visually void on the vivid quartet — verified in `timeline.test.tsx`\n * (structural) and by rendered zoomed + greyscale screenshots (see #387\n * rendered proof) — don't reintroduce border-style there without re-checking\n * a render, it will look correct in code and disappear on screen.\n */\nexport const NODE_STYLE: Record<Status, string> = {\n  pending: \"border-border bg-background\",\n  running: \"border-info bg-info ring-2 ring-info/25\",\n  complete: \"border-success bg-success\",\n  \"awaiting-approval\": \"border-warning bg-warning ring-1 ring-warning/40\",\n  denied: \"border-border bg-muted border-dashed\",\n  failed: \"border-destructive bg-destructive ring-4 ring-destructive/20\",\n  skipped: \"border-border bg-muted border-dotted\",\n};\n\n/** Statuses whose title reads de-emphasized (not-yet/never-run steps). */\nconst MUTED_TITLE_STATUSES: ReadonlySet<Status> = new Set([\"pending\", \"skipped\", \"denied\"]);\n\nexport type TimelineRootProps = HTMLAttributes<HTMLOListElement>;\n\n/** The `<ol>` that owns the rail geometry; compose `TimelineItem`s inside. */\nexport const TimelineRoot = forwardRef<HTMLOListElement, TimelineRootProps>(function TimelineRoot(\n  { className, ...props },\n  ref,\n) {\n  return <ol ref={ref} className={cn(\"relative\", className)} {...props} />;\n});\n\nexport interface TimelineItemProps extends LiHTMLAttributes<HTMLLIElement> {\n  /** The canonical execution status (closed 7-state enum, status-badge #189). */\n  status?: Status;\n  /** Right-aligned meta (e.g. a date) on the title row. */\n  timestamp?: ReactNode;\n  /** Secondary line under the title. */\n  description?: ReactNode;\n  /**\n   * Rich block content under the title/description, indented with the rail —\n   * the slot composing consumers (e.g. `@elabs-ai/components-ai`'s `AgentStep`, #192)\n   * interleave per node. Block-level, so it must NOT ride the inline title\n   * slot (`children`).\n   */\n  detail?: ReactNode;\n}\n\n/**\n * One `<li>`: status node + connector + the title row; `children` is the\n * title slot. The connector hides itself on the last item via CSS\n * (`group-last`), so streaming/compound consumers never track \"is last\".\n */\nexport const TimelineItem = forwardRef<HTMLLIElement, TimelineItemProps>(function TimelineItem(\n  { status = \"pending\", timestamp, description, detail, className, children, ...props },\n  ref,\n) {\n  return (\n    <li\n      ref={ref}\n      data-status={status}\n      className={cn(\"group/timeline-item relative pb-5 ps-7 last:pb-0\", className)}\n      {...props}\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"absolute start-[5px] top-2.5 h-full w-px bg-border group-last/timeline-item:hidden\"\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cn(\"absolute start-0 top-1 size-3 rounded-full border-2\", NODE_STYLE[status])}\n      />\n      <div className=\"flex items-baseline justify-between gap-3\">\n        <span\n          className={cn(\n            \"text-body font-medium\",\n            MUTED_TITLE_STATUSES.has(status) ? \"text-muted-foreground\" : \"text-foreground\",\n          )}\n        >\n          {/* The dot is `aria-hidden` and `data-status` isn't AT-visible (#387) —\n              this is the step's only announced status; kept inline so it reads\n              naturally as \"<Status>: <title>\" instead of a second live region. */}\n          <span className=\"sr-only\">{STATUS_LABELS[status]}: </span>\n          {children}\n        </span>\n        {timestamp ? (\n          <span className=\"shrink-0 text-meta text-muted-foreground tabular-nums\">{timestamp}</span>\n        ) : null}\n      </div>\n      {description ? <p className=\"mt-0.5 text-body text-muted-foreground\">{description}</p> : null}\n      {detail ? <div className=\"mt-2 space-y-2\">{detail}</div> : null}\n    </li>\n  );\n});\n\n/**\n * One step of the array-API `Timeline` (the editor's original item shape —\n * re-exported by `@elabs-ai/components-editor` as `TimelineItem` for back-compat).\n */\nexport interface TimelineEntry {\n  title: ReactNode;\n  description?: ReactNode;\n  /** The editor's 3-state vocabulary; mapped in via `fromTimelineStatus`. */\n  status?: TimelineStatus;\n  timestamp?: ReactNode;\n}\n\nexport interface TimelineProps extends HTMLAttributes<HTMLOListElement> {\n  items: TimelineEntry[];\n}\n\n/** Array convenience over the compound parts (data in, list out). */\nexport const Timeline = forwardRef<HTMLOListElement, TimelineProps>(function Timeline(\n  { items, className, ...props },\n  ref,\n) {\n  return (\n    <TimelineRoot ref={ref} className={className} {...props}>\n      {items.map((item, i) => (\n        <TimelineItem\n          key={i}\n          status={fromTimelineStatus(item.status ?? \"pending\")}\n          timestamp={item.timestamp}\n          description={item.description}\n        >\n          {item.title}\n        </TimelineItem>\n      ))}\n    </TimelineRoot>\n  );\n});\n"],"mappings":";;;;;;;;;;AA2BA,SAAS,kBAA8E;AAkE9E,cAqDC,YArDD;AApBF,IAAM,aAAqC;AAAA,EAChD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,qBAAqB;AAAA,EACrB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;AAGA,IAAM,uBAA4C,oBAAI,IAAI,CAAC,WAAW,WAAW,QAAQ,CAAC;AAKnF,IAAM,eAAe,WAAgD,SAASA,cACnF,EAAE,WAAW,GAAG,MAAM,GACtB,KACA;AACA,SAAO,oBAAC,QAAG,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO;AACxE,CAAC;AAuBM,IAAM,eAAe,WAA6C,SAASC,cAChF,EAAE,SAAS,WAAW,WAAW,aAAa,QAAQ,WAAW,UAAU,GAAG,MAAM,GACpF,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MACb,WAAW,GAAG,oDAAoD,SAAS;AAAA,MAC1E,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW,GAAG,uDAAuD,WAAW,MAAM,CAAC;AAAA;AAAA,QACzF;AAAA,QACA,qBAAC,SAAI,WAAU,6CACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,qBAAqB,IAAI,MAAM,IAAI,0BAA0B;AAAA,cAC/D;AAAA,cAKA;AAAA,qCAAC,UAAK,WAAU,WAAW;AAAA,gCAAc,MAAM;AAAA,kBAAE;AAAA,mBAAE;AAAA,gBAClD;AAAA;AAAA;AAAA,UACH;AAAA,UACC,YACC,oBAAC,UAAK,WAAU,yDAAyD,qBAAU,IACjF;AAAA,WACN;AAAA,QACC,cAAc,oBAAC,OAAE,WAAU,0CAA0C,uBAAY,IAAO;AAAA,QACxF,SAAS,oBAAC,SAAI,WAAU,kBAAkB,kBAAO,IAAS;AAAA;AAAA;AAAA,EAC7D;AAEJ,CAAC;AAmBM,IAAM,WAAW,WAA4C,SAASC,UAC3E,EAAE,OAAO,WAAW,GAAG,MAAM,GAC7B,KACA;AACA,SACE,oBAAC,gBAAa,KAAU,WAAuB,GAAG,OAC/C,gBAAM,IAAI,CAAC,MAAM,MAChB;AAAA,IAAC;AAAA;AAAA,MAEC,QAAQ,mBAAmB,KAAK,UAAU,SAAS;AAAA,MACnD,WAAW,KAAK;AAAA,MAChB,aAAa,KAAK;AAAA,MAEjB,eAAK;AAAA;AAAA,IALD;AAAA,EAMP,CACD,GACH;AAEJ,CAAC;","names":["TimelineRoot","TimelineItem","Timeline"]}

package/dist/chunk-IM5VJP6T.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-IM5VJP6T.js.map

package/dist/chunk-IM5VJP6T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-IRUZDWJ3.js

@@ -0,0 +1,218 @@
+"use client";
+
+// src/lib/file-kind.ts
+var EXTENSION_MEDIA_TYPES = {
+  // Media. The browser fills `File.type` for these, but a NAME on its own (a
+  // URL, an agent-produced filename, a drag-and-drop path) carries no MIME —
+  // and resolving `photo.png` to "unknown" is the whole failure this map exists
+  // to prevent.
+  png: "image/png",
+  jpg: "image/jpeg",
+  jpeg: "image/jpeg",
+  gif: "image/gif",
+  webp: "image/webp",
+  avif: "image/avif",
+  bmp: "image/bmp",
+  ico: "image/x-icon",
+  tif: "image/tiff",
+  tiff: "image/tiff",
+  heic: "image/heic",
+  mp4: "video/mp4",
+  m4v: "video/mp4",
+  webm: "video/webm",
+  mov: "video/quicktime",
+  avi: "video/x-msvideo",
+  mkv: "video/x-matroska",
+  mp3: "audio/mpeg",
+  wav: "audio/wav",
+  ogg: "audio/ogg",
+  oga: "audio/ogg",
+  m4a: "audio/mp4",
+  flac: "audio/flac",
+  aac: "audio/aac",
+  // Documents
+  pdf: "application/pdf",
+  doc: "application/msword",
+  docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  odt: "application/vnd.oasis.opendocument.text",
+  rtf: "application/rtf",
+  epub: "application/epub+zip",
+  // Spreadsheets
+  xls: "application/vnd.ms-excel",
+  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  ods: "application/vnd.oasis.opendocument.spreadsheet",
+  // Presentations
+  ppt: "application/vnd.ms-powerpoint",
+  pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+  odp: "application/vnd.oasis.opendocument.presentation",
+  // Data
+  csv: "text/csv",
+  tsv: "text/tab-separated-values",
+  json: "application/json",
+  ndjson: "application/x-ndjson",
+  jsonl: "application/x-ndjson",
+  parquet: "application/vnd.apache.parquet",
+  // Text
+  txt: "text/plain",
+  log: "text/plain",
+  md: "text/markdown",
+  markdown: "text/markdown",
+  rst: "text/x-rst",
+  // Code & markup
+  html: "text/html",
+  htm: "text/html",
+  xml: "application/xml",
+  svg: "image/svg+xml",
+  css: "text/css",
+  js: "text/javascript",
+  mjs: "text/javascript",
+  cjs: "text/javascript",
+  jsx: "text/javascript",
+  ts: "text/x-typescript",
+  tsx: "text/x-typescript",
+  py: "text/x-python",
+  rb: "text/x-ruby",
+  go: "text/x-go",
+  rs: "text/x-rust",
+  java: "text/x-java",
+  kt: "text/x-kotlin",
+  swift: "text/x-swift",
+  c: "text/x-c",
+  h: "text/x-c",
+  cpp: "text/x-c++src",
+  cs: "text/x-csharp",
+  php: "text/x-php",
+  sh: "application/x-sh",
+  bash: "application/x-sh",
+  zsh: "application/x-sh",
+  sql: "application/sql",
+  yaml: "application/yaml",
+  yml: "application/yaml",
+  toml: "application/toml",
+  ini: "text/plain",
+  // Archives
+  zip: "application/zip",
+  tar: "application/x-tar",
+  gz: "application/gzip",
+  tgz: "application/gzip",
+  bz2: "application/x-bzip2",
+  "7z": "application/x-7z-compressed",
+  rar: "application/vnd.rar"
+};
+var EXTENSION_CATEGORIES = {
+  // Code & markup — most carry a `text/*` MIME, which alone would say "text".
+  html: "code",
+  htm: "code",
+  xml: "code",
+  css: "code",
+  js: "code",
+  mjs: "code",
+  cjs: "code",
+  jsx: "code",
+  ts: "code",
+  tsx: "code",
+  py: "code",
+  rb: "code",
+  go: "code",
+  rs: "code",
+  java: "code",
+  kt: "code",
+  swift: "code",
+  c: "code",
+  h: "code",
+  cpp: "code",
+  cs: "code",
+  php: "code",
+  sh: "code",
+  bash: "code",
+  zsh: "code",
+  sql: "code",
+  yaml: "code",
+  yml: "code",
+  toml: "code",
+  ini: "code",
+  // Data — `text/csv` would otherwise land in "text".
+  csv: "data",
+  tsv: "data",
+  json: "data",
+  ndjson: "data",
+  jsonl: "data",
+  parquet: "data",
+  // Prose
+  txt: "text",
+  log: "text",
+  md: "text",
+  markdown: "text",
+  rst: "text"
+};
+var MEDIA_TYPE_CATEGORIES = {
+  "application/pdf": "document",
+  "application/msword": "document",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "document",
+  "application/vnd.oasis.opendocument.text": "document",
+  "application/rtf": "document",
+  "application/epub+zip": "document",
+  "application/vnd.ms-excel": "spreadsheet",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "spreadsheet",
+  "application/vnd.oasis.opendocument.spreadsheet": "spreadsheet",
+  "application/vnd.ms-powerpoint": "presentation",
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation": "presentation",
+  "application/vnd.oasis.opendocument.presentation": "presentation",
+  "application/json": "data",
+  "application/x-ndjson": "data",
+  "application/vnd.apache.parquet": "data",
+  "application/xml": "code",
+  "application/sql": "code",
+  "application/yaml": "code",
+  "application/toml": "code",
+  "application/x-sh": "code",
+  "application/zip": "archive",
+  "application/x-tar": "archive",
+  "application/gzip": "archive",
+  "application/x-bzip2": "archive",
+  "application/x-7z-compressed": "archive",
+  "application/vnd.rar": "archive"
+};
+var UNKNOWN_MEDIA_TYPE = "application/octet-stream";
+function extensionOf(name) {
+  const base = (name.split(/[\\/]/).pop() ?? "").split(/[?#]/)[0] ?? "";
+  const dot = base.lastIndexOf(".");
+  if (dot <= 0 || dot === base.length - 1) return "";
+  return base.slice(dot + 1).toLowerCase();
+}
+function mediaTypeFromName(name) {
+  return EXTENSION_MEDIA_TYPES[extensionOf(name)];
+}
+function normalizeMediaType(mediaType) {
+  const bare = (mediaType ?? "").split(";")[0]?.trim().toLowerCase() ?? "";
+  if (bare === "" || bare === UNKNOWN_MEDIA_TYPE || bare === "binary/octet-stream") return "";
+  return bare;
+}
+function categoryFor(mediaType, extension) {
+  const byExtension = EXTENSION_CATEGORIES[extension];
+  if (byExtension) return byExtension;
+  const exact = MEDIA_TYPE_CATEGORIES[mediaType];
+  if (exact) return exact;
+  if (mediaType.startsWith("image/")) return "image";
+  if (mediaType.startsWith("video/")) return "video";
+  if (mediaType.startsWith("audio/")) return "audio";
+  if (mediaType.startsWith("text/")) return "text";
+  return "unknown";
+}
+function resolveFileKind(name, mediaType) {
+  const extension = extensionOf(name);
+  const declared = normalizeMediaType(mediaType);
+  const resolved = declared || mediaTypeFromName(name) || UNKNOWN_MEDIA_TYPE;
+  return {
+    category: categoryFor(resolved, extension),
+    mediaType: resolved,
+    extension
+  };
+}
+
+export {
+  extensionOf,
+  mediaTypeFromName,
+  resolveFileKind
+};
+//# sourceMappingURL=chunk-IRUZDWJ3.js.map

package/dist/chunk-IRUZDWJ3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/file-kind.ts"],"sourcesContent":["/**\n * The one file-type resolver for the whole library — extension + MIME → a\n * COARSE, CLOSED category.\n *\n * Before this existed the repo had three competing, package-private ideas of\n * \"what kind of file is this\": `ContextAssetType`\n * (`markdown|code|sql|csv|image`, `@elabs-ai/components-ai`),\n * `AttachmentMediaCategory` (six MIME buckets, same package) and\n * `UploadFile` (no kind at all, `@elabs-ai/components-ui`). None could\n * see the others, so each grew its own icon map and its own gaps.\n *\n * ## Why the category is closed and coarse (ADR 0024 §4)\n *\n * {@link FileCategory} answers \"what SHAPE of thing is this\" — enough to pick an\n * icon, a label, or a fallback surface. It is deliberately NOT the routing key\n * for a renderer. Fine-grained format matching (`.docx` vs `.odt`,\n * `.tsx` vs `.rs`) belongs to the adapter manifests in the package that owns the\n * parsers, so adding a format never means editing this file — and never means a\n * `@elabs-ai/components-ui` release.\n *\n * Pure data + string handling: no React, no DOM, no other deps.\n */\n\n/**\n * Coarse file shape. CLOSED — adding a member is a breaking change for any\n * consumer with an exhaustive `switch`, so extend the adapter manifests instead.\n */\nexport type FileCategory =\n  | \"image\"\n  | \"video\"\n  | \"audio\"\n  | \"document\"\n  | \"spreadsheet\"\n  | \"presentation\"\n  | \"code\"\n  | \"text\"\n  | \"data\"\n  | \"archive\"\n  | \"unknown\";\n\n/** What {@link resolveFileKind} knows about a file before anything reads it. */\nexport interface FileKind {\n  /** Coarse shape, for icons, labels and fallback surfaces. */\n  category: FileCategory;\n  /**\n   * Best-known MIME type. The caller's value wins when it is meaningful;\n   * otherwise inferred from the extension, else `\"application/octet-stream\"`.\n   */\n  mediaType: string;\n  /** Lowercased extension WITHOUT the dot (`\"pdf\"`), or `\"\"` when there is none. */\n  extension: string;\n}\n\n/**\n * Extension → MIME. Only entries whose MIME we would otherwise have to guess;\n * the browser fills `File.type` correctly for common web formats, but leaves it\n * empty for most source-code and data files.\n */\nconst EXTENSION_MEDIA_TYPES: Readonly<Record<string, string>> = {\n  // Media. The browser fills `File.type` for these, but a NAME on its own (a\n  // URL, an agent-produced filename, a drag-and-drop path) carries no MIME —\n  // and resolving `photo.png` to \"unknown\" is the whole failure this map exists\n  // to prevent.\n  png: \"image/png\",\n  jpg: \"image/jpeg\",\n  jpeg: \"image/jpeg\",\n  gif: \"image/gif\",\n  webp: \"image/webp\",\n  avif: \"image/avif\",\n  bmp: \"image/bmp\",\n  ico: \"image/x-icon\",\n  tif: \"image/tiff\",\n  tiff: \"image/tiff\",\n  heic: \"image/heic\",\n  mp4: \"video/mp4\",\n  m4v: \"video/mp4\",\n  webm: \"video/webm\",\n  mov: \"video/quicktime\",\n  avi: \"video/x-msvideo\",\n  mkv: \"video/x-matroska\",\n  mp3: \"audio/mpeg\",\n  wav: \"audio/wav\",\n  ogg: \"audio/ogg\",\n  oga: \"audio/ogg\",\n  m4a: \"audio/mp4\",\n  flac: \"audio/flac\",\n  aac: \"audio/aac\",\n  // Documents\n  pdf: \"application/pdf\",\n  doc: \"application/msword\",\n  docx: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n  odt: \"application/vnd.oasis.opendocument.text\",\n  rtf: \"application/rtf\",\n  epub: \"application/epub+zip\",\n  // Spreadsheets\n  xls: \"application/vnd.ms-excel\",\n  xlsx: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n  ods: \"application/vnd.oasis.opendocument.spreadsheet\",\n  // Presentations\n  ppt: \"application/vnd.ms-powerpoint\",\n  pptx: \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n  odp: \"application/vnd.oasis.opendocument.presentation\",\n  // Data\n  csv: \"text/csv\",\n  tsv: \"text/tab-separated-values\",\n  json: \"application/json\",\n  ndjson: \"application/x-ndjson\",\n  jsonl: \"application/x-ndjson\",\n  parquet: \"application/vnd.apache.parquet\",\n  // Text\n  txt: \"text/plain\",\n  log: \"text/plain\",\n  md: \"text/markdown\",\n  markdown: \"text/markdown\",\n  rst: \"text/x-rst\",\n  // Code & markup\n  html: \"text/html\",\n  htm: \"text/html\",\n  xml: \"application/xml\",\n  svg: \"image/svg+xml\",\n  css: \"text/css\",\n  js: \"text/javascript\",\n  mjs: \"text/javascript\",\n  cjs: \"text/javascript\",\n  jsx: \"text/javascript\",\n  ts: \"text/x-typescript\",\n  tsx: \"text/x-typescript\",\n  py: \"text/x-python\",\n  rb: \"text/x-ruby\",\n  go: \"text/x-go\",\n  rs: \"text/x-rust\",\n  java: \"text/x-java\",\n  kt: \"text/x-kotlin\",\n  swift: \"text/x-swift\",\n  c: \"text/x-c\",\n  h: \"text/x-c\",\n  cpp: \"text/x-c++src\",\n  cs: \"text/x-csharp\",\n  php: \"text/x-php\",\n  sh: \"application/x-sh\",\n  bash: \"application/x-sh\",\n  zsh: \"application/x-sh\",\n  sql: \"application/sql\",\n  yaml: \"application/yaml\",\n  yml: \"application/yaml\",\n  toml: \"application/toml\",\n  ini: \"text/plain\",\n  // Archives\n  zip: \"application/zip\",\n  tar: \"application/x-tar\",\n  gz: \"application/gzip\",\n  tgz: \"application/gzip\",\n  bz2: \"application/x-bzip2\",\n  \"7z\": \"application/x-7z-compressed\",\n  rar: \"application/vnd.rar\",\n};\n\n/** Extensions whose category cannot be read off the MIME type. */\nconst EXTENSION_CATEGORIES: Readonly<Record<string, FileCategory>> = {\n  // Code & markup — most carry a `text/*` MIME, which alone would say \"text\".\n  html: \"code\",\n  htm: \"code\",\n  xml: \"code\",\n  css: \"code\",\n  js: \"code\",\n  mjs: \"code\",\n  cjs: \"code\",\n  jsx: \"code\",\n  ts: \"code\",\n  tsx: \"code\",\n  py: \"code\",\n  rb: \"code\",\n  go: \"code\",\n  rs: \"code\",\n  java: \"code\",\n  kt: \"code\",\n  swift: \"code\",\n  c: \"code\",\n  h: \"code\",\n  cpp: \"code\",\n  cs: \"code\",\n  php: \"code\",\n  sh: \"code\",\n  bash: \"code\",\n  zsh: \"code\",\n  sql: \"code\",\n  yaml: \"code\",\n  yml: \"code\",\n  toml: \"code\",\n  ini: \"code\",\n  // Data — `text/csv` would otherwise land in \"text\".\n  csv: \"data\",\n  tsv: \"data\",\n  json: \"data\",\n  ndjson: \"data\",\n  jsonl: \"data\",\n  parquet: \"data\",\n  // Prose\n  txt: \"text\",\n  log: \"text\",\n  md: \"text\",\n  markdown: \"text\",\n  rst: \"text\",\n};\n\n/** MIME (exact match) → category, for types no prefix rule covers. */\nconst MEDIA_TYPE_CATEGORIES: Readonly<Record<string, FileCategory>> = {\n  \"application/pdf\": \"document\",\n  \"application/msword\": \"document\",\n  \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\": \"document\",\n  \"application/vnd.oasis.opendocument.text\": \"document\",\n  \"application/rtf\": \"document\",\n  \"application/epub+zip\": \"document\",\n  \"application/vnd.ms-excel\": \"spreadsheet\",\n  \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\": \"spreadsheet\",\n  \"application/vnd.oasis.opendocument.spreadsheet\": \"spreadsheet\",\n  \"application/vnd.ms-powerpoint\": \"presentation\",\n  \"application/vnd.openxmlformats-officedocument.presentationml.presentation\": \"presentation\",\n  \"application/vnd.oasis.opendocument.presentation\": \"presentation\",\n  \"application/json\": \"data\",\n  \"application/x-ndjson\": \"data\",\n  \"application/vnd.apache.parquet\": \"data\",\n  \"application/xml\": \"code\",\n  \"application/sql\": \"code\",\n  \"application/yaml\": \"code\",\n  \"application/toml\": \"code\",\n  \"application/x-sh\": \"code\",\n  \"application/zip\": \"archive\",\n  \"application/x-tar\": \"archive\",\n  \"application/gzip\": \"archive\",\n  \"application/x-bzip2\": \"archive\",\n  \"application/x-7z-compressed\": \"archive\",\n  \"application/vnd.rar\": \"archive\",\n};\n\n/** The MIME we treat as \"the caller told us nothing\". */\nconst UNKNOWN_MEDIA_TYPE = \"application/octet-stream\";\n\n/**\n * Lowercased extension without the dot. `\"\"` when the name has none, is a\n * dotfile (`.gitignore` — the whole name is the \"extension\" to a human, but it\n * is not a format), or ends in a dot.\n */\nexport function extensionOf(name: string): string {\n  // Strip any path and any query/hash a URL-derived name may carry.\n  const base = (name.split(/[\\\\/]/).pop() ?? \"\").split(/[?#]/)[0] ?? \"\";\n  const dot = base.lastIndexOf(\".\");\n  if (dot <= 0 || dot === base.length - 1) return \"\";\n  return base.slice(dot + 1).toLowerCase();\n}\n\n/**\n * Best-known MIME for a filename, from its extension alone.\n * `undefined` when the extension is unknown — callers decide the fallback.\n */\nexport function mediaTypeFromName(name: string): string | undefined {\n  return EXTENSION_MEDIA_TYPES[extensionOf(name)];\n}\n\n/** Strip parameters and casing: `\"TEXT/CSV; charset=utf-8\"` → `\"text/csv\"`. */\nfunction normalizeMediaType(mediaType: string | undefined): string {\n  const bare = (mediaType ?? \"\").split(\";\")[0]?.trim().toLowerCase() ?? \"\";\n  // Browsers and servers both use these to mean \"I don't know\".\n  if (bare === \"\" || bare === UNKNOWN_MEDIA_TYPE || bare === \"binary/octet-stream\") return \"\";\n  return bare;\n}\n\nfunction categoryFor(mediaType: string, extension: string): FileCategory {\n  // The extension is more specific than a `text/*` MIME, so it wins for the\n  // formats that would otherwise collapse into \"text\" (see EXTENSION_CATEGORIES).\n  const byExtension = EXTENSION_CATEGORIES[extension];\n  if (byExtension) return byExtension;\n\n  const exact = MEDIA_TYPE_CATEGORIES[mediaType];\n  if (exact) return exact;\n\n  if (mediaType.startsWith(\"image/\")) return \"image\";\n  if (mediaType.startsWith(\"video/\")) return \"video\";\n  if (mediaType.startsWith(\"audio/\")) return \"audio\";\n  if (mediaType.startsWith(\"text/\")) return \"text\";\n\n  return \"unknown\";\n}\n\n/**\n * Resolve what a file is from its name and (optionally) the MIME the source\n * reported. Never throws; unknown input resolves to\n * `{ category: \"unknown\", mediaType: \"application/octet-stream\", extension: \"\" }`.\n *\n * A caller-supplied `mediaType` wins over the extension EXCEPT where the\n * extension is strictly more specific — `report.csv` served as `text/plain`\n * still resolves to `\"data\"`, because servers routinely under-specify.\n */\nexport function resolveFileKind(name: string, mediaType?: string): FileKind {\n  const extension = extensionOf(name);\n  const declared = normalizeMediaType(mediaType);\n  const resolved = declared || mediaTypeFromName(name) || UNKNOWN_MEDIA_TYPE;\n  return {\n    category: categoryFor(resolved, extension),\n    mediaType: resolved,\n    extension,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-ISWUCXEZ.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-ISWUCXEZ.js.map

package/dist/chunk-ISWUCXEZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-IUQ474IC.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-IUQ474IC.js.map

package/dist/chunk-IUQ474IC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}