@cloudraker/reki 2.7.0 → 2.7.1

package/dist/chunks/timeline-lqurr2lcxkayomk2.js

@@ -0,0 +1,109 @@
+"use client";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { A as h } from "./avatar-g40cun6cn17fcxd4.js";
+import { a as N } from "./tag-h5kwf5eh7dyyvc2c.js";
+import { c as r } from "./cn-ct4n7r74mh8y0f48.js";
+const g = {
+  tone: {
+    default: { classes: "", description: "Completed or normal event" },
+    muted: { classes: "opacity-55", description: "Upcoming / not-yet-started item" },
+    active: { classes: "", description: "Current / in-progress item (brand ring)" }
+  },
+  variant: {
+    compact: { classes: "", description: "Single-line event row" },
+    rich: { classes: "", description: "Full-width content row (comment / inline card)" }
+  }
+}, z = {
+  tone: "default",
+  variant: "compact"
+};
+function f({ children: e, className: n }) {
+  return /* @__PURE__ */ t("ol", { className: r("flex flex-col", n), children: e });
+}
+function b(e) {
+  return e.connector ? e.connector : e.isFirst && e.isLast ? "none" : e.isFirst ? "end" : e.isLast ? "start" : "full";
+}
+function v(e) {
+  const n = e.trim().split(/\s+/).filter(Boolean);
+  return n.length === 0 ? "?" : n.length === 1 ? n[0].slice(0, 2).toUpperCase() : (n[0][0] + n[n.length - 1][0]).toUpperCase();
+}
+function T({ nodeType: e = "icon", avatar: n, icon: i, statusColor: s, node: a, tone: l }) {
+  if (a)
+    return /* @__PURE__ */ t("span", { className: "relative z-10 flex size-5 items-center justify-center", children: a });
+  if (e === "avatar" && n)
+    return /* @__PURE__ */ t("span", { className: "relative z-10", children: /* @__PURE__ */ t(h, { size: "xs", src: n.src, alt: n.name, initials: v(n.name) }) });
+  if (e === "status") {
+    const o = !s || s === "transparent" ? null : N[s];
+    return /* @__PURE__ */ t("span", { className: "relative z-10 flex size-5 items-center justify-center rounded-full bg-reki-base ring-1 ring-reki-line", children: /* @__PURE__ */ t("span", { className: r("size-2.5 rounded-full", o?.bg ?? "bg-reki-fill") }) });
+  }
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      className: r(
+        "relative z-10 flex size-5 items-center justify-center rounded-full bg-reki-base text-reki-subtle ring-1",
+        l === "active" ? "ring-reki-brand text-reki-brand" : "ring-reki-line"
+      ),
+      children: i ? /* @__PURE__ */ t(i, { size: 12, weight: "bold" }) : null
+    }
+  );
+}
+function d(e) {
+  const { tone: n = "default", variant: i = "compact", children: s, className: a } = e, l = b(e), m = l === "full" || l === "start", o = l === "full" || l === "end", u = g.tone[n].classes;
+  return /* @__PURE__ */ c("li", { className: r("relative flex gap-3", i === "compact" ? "pb-1.5" : "pb-3", a), children: [
+    /* @__PURE__ */ c("div", { className: r("relative flex w-5 shrink-0 justify-center self-stretch", u), children: [
+      m ? /* @__PURE__ */ t("span", { "aria-hidden": !0, className: "absolute top-0 left-1/2 h-2.5 w-px -translate-x-1/2 bg-reki-hairline" }) : null,
+      o ? /* @__PURE__ */ t("span", { "aria-hidden": !0, className: "absolute top-2.5 bottom-0 left-1/2 w-px -translate-x-1/2 bg-reki-hairline" }) : null,
+      /* @__PURE__ */ t(T, { ...e })
+    ] }),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: r(
+          "min-w-0 flex-1",
+          i === "compact" ? "flex min-h-5 items-center" : "pt-px",
+          u
+        ),
+        children: s
+      }
+    )
+  ] });
+}
+function p({ children: e, className: n }) {
+  return /* @__PURE__ */ t("div", { className: r("flex min-w-0 flex-col gap-1.5", n), children: e });
+}
+function x({ actor: e, action: n, target: i, timestamp: s, truncate: a = !0, className: l }) {
+  return /* @__PURE__ */ c(
+    "span",
+    {
+      className: r(
+        "flex min-w-0 items-baseline gap-1 text-sm leading-5",
+        a ? "truncate" : "flex-wrap",
+        l
+      ),
+      children: [
+        e ? /* @__PURE__ */ t("span", { className: "font-medium text-reki-default", children: e }) : null,
+        n ? /* @__PURE__ */ t("span", { className: "text-reki-subtle", children: n }) : null,
+        i ? /* @__PURE__ */ t("span", { className: "text-reki-default", children: i }) : null,
+        s ? /* @__PURE__ */ c("span", { className: "text-reki-subtle", children: [
+          "· ",
+          s
+        ] }) : null
+      ]
+    }
+  );
+}
+f.displayName = "Timeline";
+d.displayName = "Timeline.Item";
+p.displayName = "Timeline.Content";
+x.displayName = "Timeline.Event";
+const y = Object.assign(f, {
+  Item: d,
+  Content: p,
+  Event: x
+});
+export {
+  z as R,
+  y as T,
+  g as a
+};
+//# sourceMappingURL=timeline-lqurr2lcxkayomk2.js.map

package/dist/chunks/timeline-lqurr2lcxkayomk2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-lqurr2lcxkayomk2.js","sources":["../../src/components/timeline/timeline.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from \"react\";\nimport { Avatar } from \"../avatar\";\nimport { REKI_TAG_COLORS, type TagColor } from \"../tag\";\nimport { cn } from \"../../utils/cn\";\n\n/** Variant standard export (reki convention). */\nexport const REKI_TIMELINE_VARIANTS = {\n  tone: {\n    default: { classes: \"\", description: \"Completed or normal event\" },\n    muted: { classes: \"opacity-55\", description: \"Upcoming / not-yet-started item\" },\n    active: { classes: \"\", description: \"Current / in-progress item (brand ring)\" },\n  },\n  variant: {\n    compact: { classes: \"\", description: \"Single-line event row\" },\n    rich: { classes: \"\", description: \"Full-width content row (comment / inline card)\" },\n  },\n} as const;\n\nexport const REKI_TIMELINE_DEFAULT_VARIANTS = {\n  tone: \"default\",\n  variant: \"compact\",\n} as const;\n\nexport type RekiTimelineTone = keyof typeof REKI_TIMELINE_VARIANTS.tone;\nexport type RekiTimelineVariant = keyof typeof REKI_TIMELINE_VARIANTS.variant;\n\n/** Which half-segments of the connecting rail draw for an item. */\nexport type RekiTimelineConnector = \"full\" | \"start\" | \"end\" | \"none\";\n\ntype NodeType = \"avatar\" | \"icon\" | \"status\";\n\n/**\n * Timeline root props.\n *\n * @example\n * ```tsx\n * <Timeline>\n *   <Timeline.Item isFirst nodeType=\"avatar\" avatar={{ name: \"Jane Doe\" }}>\n *     <Timeline.Content>\n *       <Timeline.Event actor=\"Jane Doe\" action=\"created the run\" timestamp=\"5d ago\" />\n *     </Timeline.Content>\n *   </Timeline.Item>\n * </Timeline>\n * ```\n */\nexport interface TimelineProps {\n  /** `Timeline.Item` elements. */\n  children?: ReactNode;\n  /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */\n  className?: string;\n}\n\nfunction TimelineRoot({ children, className }: TimelineProps) {\n  return <ol className={cn(\"flex flex-col\", className)}>{children}</ol>;\n}\n\nexport interface TimelineItemProps {\n  /** Which node glyph to render. @default \"icon\" */\n  nodeType?: NodeType;\n  /** Avatar descriptor, used when `nodeType=\"avatar\"`. */\n  avatar?: { src?: string | null; name: string };\n  /** Phosphor glyph component, used when `nodeType=\"icon\"`. */\n  icon?: ComponentType<{ size?: number; weight?: \"bold\" | \"regular\" | \"fill\" }>;\n  /** Named status color, used when `nodeType=\"status\"`. */\n  statusColor?: TagColor;\n  /** Escape hatch: arbitrary 20px node content; overrides the typed node paths. */\n  node?: ReactNode;\n  /** Visual state. `muted` dims (upcoming), `active` brand-tints the node ring. @default \"default\" */\n  tone?: RekiTimelineTone;\n  /** `compact` constrains to a one-line row; `rich` allows full-width content. @default \"compact\" */\n  variant?: RekiTimelineVariant;\n  /** Which rail segments draw. Computed from `isFirst`/`isLast` when omitted. */\n  connector?: RekiTimelineConnector;\n  /** First item in the list — suppresses the rail above the node. */\n  isFirst?: boolean;\n  /** Last item in the list — suppresses the rail below the node. */\n  isLast?: boolean;\n  /** Expected to be a `Timeline.Content`. */\n  children?: ReactNode;\n  /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */\n  className?: string;\n}\n\nfunction resolveConnector(p: TimelineItemProps): RekiTimelineConnector {\n  if (p.connector) {\n    return p.connector;\n  }\n  if (p.isFirst && p.isLast) {\n    return \"none\";\n  }\n  if (p.isFirst) {\n    return \"end\";\n  }\n  if (p.isLast) {\n    return \"start\";\n  }\n  return \"full\";\n}\n\nfunction initials(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) {\n    return \"?\";\n  }\n  if (parts.length === 1) {\n    return parts[0].slice(0, 2).toUpperCase();\n  }\n  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();\n}\n\nfunction TimelineNode({ nodeType = \"icon\", avatar, icon: Icon, statusColor, node, tone }: TimelineItemProps) {\n  if (node) {\n    return <span className=\"relative z-10 flex size-5 items-center justify-center\">{node}</span>;\n  }\n\n  if (nodeType === \"avatar\" && avatar) {\n    return (\n      <span className=\"relative z-10\">\n        <Avatar size=\"xs\" src={avatar.src} alt={avatar.name} initials={initials(avatar.name)} />\n      </span>\n    );\n  }\n\n  if (nodeType === \"status\") {\n    const isTransparent = !statusColor || statusColor === \"transparent\";\n    const palette = isTransparent\n      ? null\n      : REKI_TAG_COLORS[statusColor as Exclude<TagColor, \"transparent\">];\n    return (\n      <span className=\"relative z-10 flex size-5 items-center justify-center rounded-full bg-reki-base ring-1 ring-reki-line\">\n        <span className={cn(\"size-2.5 rounded-full\", palette?.bg ?? \"bg-reki-fill\")} />\n      </span>\n    );\n  }\n\n  return (\n    <span\n      className={cn(\n        \"relative z-10 flex size-5 items-center justify-center rounded-full bg-reki-base text-reki-subtle ring-1\",\n        tone === \"active\" ? \"ring-reki-brand text-reki-brand\" : \"ring-reki-line\",\n      )}\n    >\n      {Icon ? <Icon size={12} weight=\"bold\" /> : null}\n    </span>\n  );\n}\n\nfunction TimelineItem(props: TimelineItemProps) {\n  const { tone = \"default\", variant = \"compact\", children, className } = props;\n  const connector = resolveConnector(props);\n  const showTop = connector === \"full\" || connector === \"start\";\n  const showBottom = connector === \"full\" || connector === \"end\";\n  const toneClass = REKI_TIMELINE_VARIANTS.tone[tone].classes;\n\n  return (\n    <li className={cn(\"relative flex gap-3\", variant === \"compact\" ? \"pb-1.5\" : \"pb-3\", className)}>\n      {/* rail: node + connecting line; the line sits behind the opaque node */}\n      <div className={cn(\"relative flex w-5 shrink-0 justify-center self-stretch\", toneClass)}>\n        {/* top segment: row top → node centre (10px) */}\n        {showTop ? (\n          <span aria-hidden className=\"absolute top-0 left-1/2 h-2.5 w-px -translate-x-1/2 bg-reki-hairline\" />\n        ) : null}\n        {/* bottom segment: node centre → row bottom */}\n        {showBottom ? (\n          <span aria-hidden className=\"absolute top-2.5 bottom-0 left-1/2 w-px -translate-x-1/2 bg-reki-hairline\" />\n        ) : null}\n        <TimelineNode {...props} />\n      </div>\n      <div\n        className={cn(\n          \"min-w-0 flex-1\",\n          variant === \"compact\" ? \"flex min-h-5 items-center\" : \"pt-px\",\n          toneClass,\n        )}\n      >\n        {children}\n      </div>\n    </li>\n  );\n}\n\nexport interface TimelineContentProps {\n  /** A `Timeline.Event` (compact) or arbitrary rich content. */\n  children?: ReactNode;\n  /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */\n  className?: string;\n}\n\nfunction TimelineContent({ children, className }: TimelineContentProps) {\n  return <div className={cn(\"flex min-w-0 flex-col gap-1.5\", className)}>{children}</div>;\n}\n\nexport interface TimelineEventProps {\n  /** Actor name, rendered emphasised. */\n  actor?: ReactNode;\n  /** Verb phrase, rendered muted. */\n  action?: ReactNode;\n  /** Optional target entity, rendered in the default text color. */\n  target?: ReactNode;\n  /** Pre-formatted relative timestamp (e.g. \"3d ago\"); rendered muted after a separator. */\n  timestamp?: ReactNode;\n  /** Single-line truncation. @default true */\n  truncate?: boolean;\n  /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */\n  className?: string;\n}\n\nfunction TimelineEvent({ actor, action, target, timestamp, truncate = true, className }: TimelineEventProps) {\n  return (\n    <span\n      className={cn(\n        \"flex min-w-0 items-baseline gap-1 text-sm leading-5\",\n        truncate ? \"truncate\" : \"flex-wrap\",\n        className,\n      )}\n    >\n      {actor ? <span className=\"font-medium text-reki-default\">{actor}</span> : null}\n      {action ? <span className=\"text-reki-subtle\">{action}</span> : null}\n      {target ? <span className=\"text-reki-default\">{target}</span> : null}\n      {timestamp ? <span className=\"text-reki-subtle\">· {timestamp}</span> : null}\n    </span>\n  );\n}\n\nTimelineRoot.displayName = \"Timeline\";\nTimelineItem.displayName = \"Timeline.Item\";\nTimelineContent.displayName = \"Timeline.Content\";\nTimelineEvent.displayName = \"Timeline.Event\";\n\n/**\n * Timeline — presentational compound component for a Linear-style activity feed.\n *\n * A thin faint vertical line connects a column of ~20px nodes (avatar, status\n * circle, or glyph icon). Each item renders either a compact one-line\n * {@link Timeline.Event} or arbitrary rich content (a comment, an inline card).\n * Purely visual — ordering, data, and date formatting are the consumer's job.\n *\n * @example\n * ```tsx\n * <Timeline>\n *   <Timeline.Item isFirst nodeType=\"status\" statusColor=\"green\">\n *     <Timeline.Content>\n *       <Timeline.Event actor=\"Florent\" action=\"moved to\" target=\"In Progress\" timestamp=\"3d ago\" />\n *     </Timeline.Content>\n *   </Timeline.Item>\n *   <Timeline.Item isLast variant=\"rich\" tone=\"active\" nodeType=\"icon\" icon={PaperPlaneTiltIcon}>\n *     <Timeline.Content>{inlineCard}</Timeline.Content>\n *   </Timeline.Item>\n * </Timeline>\n * ```\n */\nexport const Timeline = Object.assign(TimelineRoot, {\n  Item: TimelineItem,\n  Content: TimelineContent,\n  Event: TimelineEvent,\n});\n"],"names":["REKI_TIMELINE_VARIANTS","REKI_TIMELINE_DEFAULT_VARIANTS","TimelineRoot","children","className","cn","resolveConnector","p","initials","name","parts","TimelineNode","nodeType","avatar","Icon","statusColor","node","tone","jsx","Avatar","palette","REKI_TAG_COLORS","TimelineItem","props","variant","connector","showTop","showBottom","toneClass","jsxs","TimelineContent","TimelineEvent","actor","action","target","timestamp","truncate","Timeline"],"mappings":"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"}

package/dist/components/timeline.js

@@ -0,0 +1,8 @@
+"use client";
+import { R as T, a as e, T as A } from "../chunks/timeline-lqurr2lcxkayomk2.js";
+export {
+  T as REKI_TIMELINE_DEFAULT_VARIANTS,
+  e as REKI_TIMELINE_VARIANTS,
+  A as Timeline
+};
+//# sourceMappingURL=timeline.js.map

package/dist/components/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/index.js

@@ -1,23 +1,23 @@
 "use client";
 import { B as re } from "./chunks/badge-pc33c5ir7muabgfh.js";
-import { B as D } from "./chunks/banner-kis9h1yq636liunc.js";
+import { B as N } from "./chunks/banner-kis9h1yq636liunc.js";
 import { a as se } from "./chunks/banner-kis9h1yq636liunc.js";
-import { B as x } from "./chunks/button-fvlz1rzc3s1hpyxs.js";
+import { B as I } from "./chunks/button-fvlz1rzc3s1hpyxs.js";
 import { L as ie, R as le, b as ne } from "./chunks/button-fvlz1rzc3s1hpyxs.js";
-import { D as de } from "./chunks/date-range-picker-c8ttrfaos9mb1w5n.js";
+import { D as me } from "./chunks/date-range-picker-c8ttrfaos9mb1w5n.js";
 import { C as fe } from "./chunks/checkbox-h3kfhlron3b6sfhv.js";
 import { C as Re } from "./chunks/clipboard-text-ogue8iq06n1z7q7v.js";
-import { C as xe, a as Ie } from "./chunks/code-fm5rpi47v6cj9o8o.js";
-import { C as _e } from "./chunks/combobox-iytvpzp5poljxgek.js";
-import { c as N, D as h, d as V, a as b } from "./chunks/dialog-ggx34i6k4eulfvgk.js";
+import { C as Ie, a as xe } from "./chunks/code-fm5rpi47v6cj9o8o.js";
+import { C as Ee } from "./chunks/combobox-iytvpzp5poljxgek.js";
+import { c as D, D as h, d as V, a as b } from "./chunks/dialog-ggx34i6k4eulfvgk.js";
 import { b as Se, e as be } from "./chunks/dialog-ggx34i6k4eulfvgk.js";
 import { D as Ce } from "./chunks/dropdown-bt1lfs2jli0khnex.js";
 import { C as Le } from "./chunks/collapsible-ivqat099ene9z3bv.js";
-import { F as Ne, R as he, a as Ve, f as Ke } from "./chunks/field-b0aywboxuss4rpu7.js";
-import { L as Pe, R as Oe, a as ke, l as ye, b as Me } from "./chunks/label-ld57mr4ocdxsf06p.js";
+import { F as De, R as he, a as Ve, f as Ke } from "./chunks/field-b0aywboxuss4rpu7.js";
+import { L as Pe, R as Oe, a as ke, l as Me, b as ye } from "./chunks/label-ld57mr4ocdxsf06p.js";
 import { I as K } from "./chunks/input-eno4q26x68rx3i8q.js";
 import { i as Fe } from "./chunks/input-eno4q26x68rx3i8q.js";
-import { I as Ue, T as Ge } from "./chunks/input-area-cuijpofpark5w5qq.js";
+import { I as we, T as Ge } from "./chunks/input-area-cuijpofpark5w5qq.js";
 import { I as He } from "./chunks/input-group-dl9htnza7kq4om4c.js";
 import { L as $e } from "./chunks/layer-card-iuquuc1w3116umfw.js";
 import { L as Je } from "./chunks/loader-cxzp72mn53lzbv9c.js";
@@ -29,41 +29,41 @@ import { S as ta } from "./chunks/select-hmoccee4zagd34tq.js";
 import { S as la } from "./chunks/surface-fqmma34ju0agh5pe.js";
 import { S as pa } from "./chunks/switch-nhtmn65n5s7gg6vb.js";
 import { T as v } from "./chunks/tabs-klj6wapad6fpd9at.js";
-import { T as ma } from "./chunks/table-cjj894o3niouq4tg.js";
+import { T as da } from "./chunks/table-cjj894o3niouq4tg.js";
 import { T as ca } from "./chunks/text-oxsrbmjmfq99ue85.js";
-import { T as Aa, a as xa, c as Ia, u as Ta } from "./chunks/toast-j47dl441zpxa1yw3.js";
-import { T as Ea, a as Sa } from "./chunks/tooltip-bkgxuz77xzg5fooc.js";
+import { T as Aa, a as Ia, c as xa, u as Ta } from "./chunks/toast-j47dl441zpxa1yw3.js";
+import { T as _a, a as Sa } from "./chunks/tooltip-bkgxuz77xzg5fooc.js";
 import { P as ua, R as Ca, g as ga } from "./chunks/popover-ldqdlpv6sqvkjume.js";
-import { R as Da, a as Na, S as ha } from "./chunks/sensitive-input-nkfx72rduc7aijaf.js";
+import { R as Na, a as Da, S as ha } from "./chunks/sensitive-input-nkfx72rduc7aijaf.js";
 import { R as Ka, a as va, b as Pa, c as Oa, r as ka } from "./chunks/radio-lyeniil3x20cyb8z.js";
-import { C as Ma, R as Ba, a as Fa } from "./chunks/command-palette-k6vrx8ely8rmf4a5.js";
-import { L as Ua, R as Ga, a as za, l as Ha } from "./chunks/link-8pn6y27h3m3ud8fl.js";
+import { C as ya, R as Ba, a as Fa } from "./chunks/command-palette-k6vrx8ely8rmf4a5.js";
+import { L as wa, R as Ga, a as za, l as Ha } from "./chunks/link-8pn6y27h3m3ud8fl.js";
 import { B as $a } from "./chunks/breadcrumbs-mq1utzm0q4u2r5v5.js";
 import { E as Ja } from "./chunks/empty-dxy8jti5bsxxh905.js";
 import { G as Wa, a as Xa, R as Qa, b as Za, g as er, c as ar } from "./chunks/grid-enlbb88vucgeq1np.js";
 import { C as or, P as sr, R as tr, a as ir, g as lr } from "./chunks/cloudflare-logo-k0f07zztsda8m4ca.js";
 import { D as pr } from "./chunks/date-picker-81mc3zrsmobm3ydm.js";
-import { Flow as mr } from "./components/flow.js";
-import { C as cr, a as Rr, b as Ar, S as xr, T as Ir } from "./chunks/SankeyChart-gogf860o4u387kjn.js";
-import { A as _r, R as Er, a as Sr, b as br } from "./chunks/autocomplete-htuy5t9ag29qhuwa.js";
-import { R as Cr, a as gr, b as Lr, S as Dr, c as Nr, d as hr, e as Vr, f as Kr, g as vr, h as Pr, i as Or, j as kr, k as yr, l as Mr, m as Br, n as Fr, o as wr, p as Ur, q as Gr, r as zr, s as Hr, t as jr, u as $r, v as qr, w as Jr, x as Yr, y as Wr, z as Xr, A as Qr } from "./chunks/sidebar-gwfibai76tw069d4.js";
+import { Flow as dr } from "./components/flow.js";
+import { C as cr, a as Rr, b as Ar, S as Ir, T as xr } from "./chunks/SankeyChart-gogf860o4u387kjn.js";
+import { A as Er, R as _r, a as Sr, b as br } from "./chunks/autocomplete-htuy5t9ag29qhuwa.js";
+import { R as Cr, a as gr, b as Lr, S as Nr, c as Dr, d as hr, e as Vr, f as Kr, g as vr, h as Pr, i as Or, j as kr, k as Mr, l as yr, m as Br, n as Fr, o as Ur, p as wr, q as Gr, r as zr, s as Hr, t as jr, u as $r, v as qr, w as Jr, x as Yr, y as Wr, z as Xr, A as Qr } from "./chunks/sidebar-gwfibai76tw069d4.js";
 import { R as eo, a as ao, T as ro } from "./chunks/table-of-contents-gkuvkr2w6lbhi7wt.js";
 import { O as so } from "./chunks/overflowing-text-mm8bkx7voc6h8ra4.js";
 import { a as io, T as lo, b as no, s as po } from "./chunks/tag-h5kwf5eh7dyyvc2c.js";
 import { C as fo } from "./chunks/color-sample-h7hspma3rb91go3z.js";
-import { C as Ro, R as Ao, a as xo } from "./chunks/chip-iu7movvthovdurgb.js";
+import { C as Ro, R as Ao, a as Io } from "./chunks/chip-iu7movvthovdurgb.js";
 import { L as To } from "./chunks/link-chip-cz5v6lw9icmcndzl.js";
-import { S as Eo } from "./chunks/status-ot0itdwxloqgahi0.js";
+import { S as _o } from "./chunks/status-ot0itdwxloqgahi0.js";
 import { A as bo } from "./chunks/avatar-g40cun6cn17fcxd4.js";
 import { E as Co } from "./chunks/expandable-list-bjceh467ocazog53.js";
 import { R as Lo } from "./chunks/rating-yyd4t8e62ast4obo.js";
-import { A as No } from "./chunks/array-display-lu1259ap3qrl847e.js";
+import { A as Do } from "./chunks/array-display-lu1259ap3qrl847e.js";
 import { J as Vo } from "./chunks/json-display-fy0t2khc4itn130p.js";
 import { E as vo } from "./chunks/emails-display-nsbqzscr0f9bqimg.js";
 import { P as Oo } from "./chunks/phones-display-cdsrl07dv6obf4eg.js";
-import { L as yo } from "./chunks/links-display-dfaehepz86s2wxx1.js";
+import { L as Mo } from "./chunks/links-display-dfaehepz86s2wxx1.js";
 import { A as Bo } from "./chunks/actor-display-izds1bhw0yswurqm.js";
-import { P as wo } from "./chunks/pill-pfpvgbcnqhtyksz5.js";
+import { P as Uo } from "./chunks/pill-pfpvgbcnqhtyksz5.js";
 import { N as Go } from "./chunks/notification-counter-hiq85elmcydnhzoo.js";
 import { A as Ho } from "./chunks/avatar-group-fpcaziey1yu7226v.js";
 import { C as $o } from "./chunks/circular-progress-bar-ofg0ps2axad1wsr6.js";
@@ -71,15 +71,16 @@ import { D as Jo } from "./chunks/double-text-input-k0i5xnfq6khv01wu.js";
 import { A as Wo } from "./chunks/address-input-g1la0xqrpg8ic6ak.js";
 import { M as Qo, a as Zo, b as es, c as as, d as rs, e as os } from "./chunks/menu-item-kyqq7o2krghxbpw5.js";
 import { D as ts, R as is, a as ls } from "./chunks/data-grid-i7kfgm7zr5tj0e0a.js";
-import { R as ps, a as ds, b as ms } from "./chunks/record-board-iapx3cw5rusehrta.js";
+import { R as ps, a as ms, b as ds } from "./chunks/record-board-iapx3cw5rusehrta.js";
+import { R as cs, a as Rs, T as As } from "./chunks/timeline-lqurr2lcxkayomk2.js";
 import { c as T } from "./chunks/cn-ct4n7r74mh8y0f48.js";
-import { s as cs } from "./chunks/cn-ct4n7r74mh8y0f48.js";
-import { L as As, u as xs } from "./chunks/link-provider-bgljdgs4hs438h0u.js";
-import { R as Ts } from "./chunks/portal-provider-off76og7tjyz96ys.js";
+import { s as xs } from "./chunks/cn-ct4n7r74mh8y0f48.js";
+import { L as Es, u as _s } from "./chunks/link-provider-bgljdgs4hs438h0u.js";
+import { R as bs } from "./chunks/portal-provider-off76og7tjyz96ys.js";
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { useState as u, useEffect as P, useCallback as I } from "react";
-import { XIcon as O, WarningCircleIcon as k, CheckIcon as y, CopyIcon as M } from "@phosphor-icons/react";
-import { i as Es } from "./chunks/vendor-base-ui-djdjrfuoxlb1lubi.js";
+import { useState as u, useEffect as P, useCallback as x } from "react";
+import { XIcon as O, WarningCircleIcon as k, CheckIcon as M, CopyIcon as y } from "@phosphor-icons/react";
+import { i as Cs } from "./chunks/vendor-base-ui-djdjrfuoxlb1lubi.js";
 const Q = {
   size: {
     sm: {
@@ -102,24 +103,24 @@ function F({
   onDelete: n,
   isDeleting: o = !1,
   caseSensitive: p = !0,
-  deleteButtonText: m,
+  deleteButtonText: d,
   size: f = B.size,
-  errorMessage: d,
+  errorMessage: m,
   className: c
 }) {
-  const [_, E] = u(""), [C, R] = u(!1);
+  const [E, _] = u(""), [C, R] = u(!1);
   P(() => {
-    t || (E(""), R(!1));
+    t || (_(""), R(!1));
   }, [t]);
-  const S = I(
+  const S = x(
     (s) => p ? s : s.toLowerCase(),
     [p]
-  ), A = S(_) === S(r), g = I(async () => {
+  ), A = S(E) === S(r), g = x(async () => {
     !A || o || await n();
-  }, [A, o, n]), L = I(async () => {
+  }, [A, o, n]), L = x(async () => {
     await navigator.clipboard.writeText(r), R(!0), setTimeout(() => R(!1), 1500);
   }, [r]);
-  return /* @__PURE__ */ e(N, { open: t, onOpenChange: l, children: /* @__PURE__ */ a(h, { size: f, className: T("p-0", c), children: [
+  return /* @__PURE__ */ e(D, { open: t, onOpenChange: l, children: /* @__PURE__ */ a(h, { size: f, className: T("p-0", c), children: [
     /* @__PURE__ */ a("div", { className: "flex items-center justify-between border-b border-reki-line px-6 py-4", children: [
       /* @__PURE__ */ a(V, { className: "text-lg font-semibold", children: [
         "Delete ",
@@ -129,7 +130,7 @@ function F({
         b,
         {
           render: (s) => /* @__PURE__ */ e(
-            x,
+            I,
             {
               ...s,
               variant: "ghost",
@@ -145,7 +146,7 @@ function F({
     ] }),
     /* @__PURE__ */ a("div", { className: "flex flex-col p-6 gap-4", children: [
       /* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: [
-        d && /* @__PURE__ */ e(D, { icon: /* @__PURE__ */ e(k, {}), variant: "error", children: d }),
+        m && /* @__PURE__ */ e(N, { icon: /* @__PURE__ */ e(k, {}), variant: "error", children: m }),
         /* @__PURE__ */ a("p", { className: "text-base text-reki-subtle max-w-prose text-pretty", children: [
           "This action cannot be undone. This will permanently delete the",
           " ",
@@ -168,14 +169,14 @@ function F({
               children: [
                 r,
                 C ? /* @__PURE__ */ e(
-                  y,
+                  M,
                   {
                     size: 12,
                     weight: "bold",
                     className: "inline ml-1.5"
                   }
                 ) : /* @__PURE__ */ e(
-                  M,
+                  y,
                   {
                     size: 12,
                     weight: "bold",
@@ -192,8 +193,8 @@ function F({
           K,
           {
             placeholder: r,
-            value: _,
-            onChange: (s) => E(s.target.value),
+            value: E,
+            onChange: (s) => _(s.target.value),
             disabled: o,
             autoComplete: "off",
             autoCorrect: "off",
@@ -209,24 +210,24 @@ function F({
       /* @__PURE__ */ e(
         b,
         {
-          render: (s) => /* @__PURE__ */ e(x, { ...s, variant: "secondary", disabled: o, children: "Cancel" })
+          render: (s) => /* @__PURE__ */ e(I, { ...s, variant: "secondary", disabled: o, children: "Cancel" })
         }
       ),
       /* @__PURE__ */ e(
-        x,
+        I,
         {
           variant: "destructive",
           onClick: g,
           disabled: !A || o,
           loading: o,
-          children: m || `Delete ${i}`
+          children: d || `Delete ${i}`
         }
       )
     ] })
   ] }) });
 }
 F.displayName = "DeleteResource";
-const w = {
+const U = {
   spacing: {
     compact: {
       classes: "gap-1",
@@ -241,15 +242,15 @@ const w = {
       description: "Relaxed spacing for more prominent headers"
     }
   }
-}, U = {
+}, w = {
   spacing: "base"
 };
 function G({
-  spacing: t = U.spacing
+  spacing: t = w.spacing
 } = {}) {
   return T(
     "flex flex-col",
-    w.spacing[t].classes
+    U.spacing[t].classes
   );
 }
 function Z({
@@ -260,10 +261,10 @@ function Z({
   defaultTab: n,
   onValueChange: o,
   spacing: p = "base",
-  className: m,
+  className: d,
   children: f
 }) {
-  return /* @__PURE__ */ a("div", { className: T(G({ spacing: p }), m), children: [
+  return /* @__PURE__ */ a("div", { className: T(G({ spacing: p }), d), children: [
     /* @__PURE__ */ e("div", { className: "border-b border-reki-line", children: t }),
     (l || i) && /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 py-3 pl-3", children: [
       l && /* @__PURE__ */ e("h1", { className: "font-heading text-3xl font-semibold text-reki-default", children: l }),
@@ -275,8 +276,8 @@ function Z({
         {
           tabs: r,
           selectedValue: n,
-          onValueChange: (d) => {
-            const c = String(d);
+          onValueChange: (m) => {
+            const c = String(m);
             o?.(c);
           }
         }
@@ -288,15 +289,15 @@ function Z({
 export {
   Bo as ActorDisplay,
   Wo as AddressInput,
-  No as ArrayDisplay,
-  _r as Autocomplete,
+  Do as ArrayDisplay,
+  Er as Autocomplete,
   bo as Avatar,
   Ho as AvatarGroup,
   re as Badge,
-  D as Banner,
+  N as Banner,
   se as BannerVariant,
   $a as Breadcrumbs,
-  x as Button,
+  I as Button,
   cr as Chart,
   Rr as ChartLegend,
   Ar as ChartPalette,
@@ -305,20 +306,20 @@ export {
   $o as CircularProgressBar,
   Re as ClipboardText,
   or as CloudflareLogo,
-  xe as Code,
-  Ie as CodeBlock,
+  Ie as Code,
+  xe as CodeBlock,
   Le as Collapsible,
   fo as ColorSample,
-  _e as Combobox,
-  Ma as CommandPalette,
+  Ee as Combobox,
+  ya as CommandPalette,
   ts as DataGrid,
   pr as DatePicker,
-  de as DateRangePicker,
+  me as DateRangePicker,
   F as DeleteResource,
   h as Dialog,
   b as DialogClose,
   Se as DialogDescription,
-  N as DialogRoot,
+  D as DialogRoot,
   V as DialogTitle,
   be as DialogTrigger,
   Jo as DoubleTextInput,
@@ -326,21 +327,21 @@ export {
   vo as EmailsDisplay,
   Ja as Empty,
   Co as ExpandableList,
-  Ne as Field,
-  mr as Flow,
+  De as Field,
+  dr as Flow,
   Wa as Grid,
   Xa as GridItem,
   K as Input,
-  Ue as InputArea,
+  we as InputArea,
   He as InputGroup,
   Vo as JsonDisplay,
   Pe as Label,
   $e as LayerCard,
-  Ua as Link,
+  wa as Link,
   ie as LinkButton,
   To as LinkChip,
-  As as LinkProvider,
-  yo as LinksDisplay,
+  Es as LinkProvider,
+  Mo as LinksDisplay,
   Je as Loader,
   Qe as MenuBar,
   Qo as MenuItem,
@@ -355,13 +356,13 @@ export {
   Z as PageHeader,
   oa as Pagination,
   Oo as PhonesDisplay,
-  wo as Pill,
+  Uo as Pill,
   ua as Popover,
   sr as PoweredByCloudflare,
-  Er as REKI_AUTOCOMPLETE_DEFAULT_VARIANTS,
+  _r as REKI_AUTOCOMPLETE_DEFAULT_VARIANTS,
   Sr as REKI_AUTOCOMPLETE_VARIANTS,
   Ao as REKI_CHIP_BASE_STYLES,
-  xo as REKI_CHIP_VARIANTS,
+  Io as REKI_CHIP_VARIANTS,
   tr as REKI_CLOUDFLARE_LOGO_DEFAULT_VARIANTS,
   ir as REKI_CLOUDFLARE_LOGO_VARIANTS,
   Ba as REKI_COMMAND_PALETTE_DEFAULT_VARIANTS,
@@ -378,33 +379,35 @@ export {
   ke as REKI_LABEL_VARIANTS,
   Ga as REKI_LINK_DEFAULT_VARIANTS,
   za as REKI_LINK_VARIANTS,
-  U as REKI_PAGE_HEADER_DEFAULT_VARIANTS,
-  w as REKI_PAGE_HEADER_VARIANTS,
+  w as REKI_PAGE_HEADER_DEFAULT_VARIANTS,
+  U as REKI_PAGE_HEADER_VARIANTS,
   Ca as REKI_POPOVER_DEFAULT_VARIANTS,
   ga as REKI_POPOVER_VARIANTS,
   Ka as REKI_RADIO_DEFAULT_VARIANTS,
   va as REKI_RADIO_VARIANTS,
   ps as REKI_RECORD_BOARD_DEFAULT_VARIANTS,
-  ds as REKI_RECORD_BOARD_VARIANTS,
-  Da as REKI_SENSITIVE_INPUT_DEFAULT_VARIANTS,
-  Na as REKI_SENSITIVE_INPUT_VARIANTS,
+  ms as REKI_RECORD_BOARD_VARIANTS,
+  Na as REKI_SENSITIVE_INPUT_DEFAULT_VARIANTS,
+  Da as REKI_SENSITIVE_INPUT_VARIANTS,
   Cr as REKI_SIDEBAR_DEFAULT_VARIANTS,
   gr as REKI_SIDEBAR_STYLING,
   Lr as REKI_SIDEBAR_VARIANTS,
   eo as REKI_TABLE_OF_CONTENTS_DEFAULT_VARIANTS,
   ao as REKI_TABLE_OF_CONTENTS_VARIANTS,
   io as REKI_TAG_COLORS,
+  cs as REKI_TIMELINE_DEFAULT_VARIANTS,
+  Rs as REKI_TIMELINE_VARIANTS,
   Pa as Radio,
   Oa as RadioGroup,
   Lo as Rating,
-  ms as RecordBoard,
+  ds as RecordBoard,
   le as RefreshButton,
-  Ts as RekiPortalProvider,
-  xr as SankeyChart,
+  bs as RekiPortalProvider,
+  Ir as SankeyChart,
   ta as Select,
   ha as SensitiveInput,
-  Dr as Sidebar,
-  Nr as SidebarCollapsible,
+  Nr as Sidebar,
+  Dr as SidebarCollapsible,
   hr as SidebarCollapsibleContent,
   Vr as SidebarCollapsibleTrigger,
   Kr as SidebarContent,
@@ -412,12 +415,12 @@ export {
   Pr as SidebarGroup,
   Or as SidebarGroupLabel,
   kr as SidebarHeader,
-  yr as SidebarMenu,
-  Mr as SidebarMenuBadge,
+  Mr as SidebarMenu,
+  yr as SidebarMenuBadge,
   Br as SidebarMenuButton,
   Fr as SidebarMenuChevron,
-  wr as SidebarMenuItem,
-  Ur as SidebarMenuSub,
+  Ur as SidebarMenuItem,
+  wr as SidebarMenuSub,
   Gr as SidebarMenuSubButton,
   zr as SidebarMenuSubItem,
   Hr as SidebarProvider,
@@ -429,39 +432,40 @@ export {
   Wr as SidebarSlidingViews,
   Xr as SidebarTrigger,
   We as SkeletonLine,
-  Eo as Status,
+  _o as Status,
   la as Surface,
   pa as Switch,
   lo as TAG_COLOR_NAMES,
-  ma as Table,
+  da as Table,
   ro as TableOfContents,
   v as Tabs,
   no as Tag,
   ca as Text,
   Ge as Textarea,
-  Ir as TimeseriesChart,
-  Es as Toast,
+  As as Timeline,
+  xr as TimeseriesChart,
+  Cs as Toast,
   Aa as ToastProvider,
-  xa as Toasty,
-  Ea as Tooltip,
+  Ia as Toasty,
+  _a as Tooltip,
   Sa as TooltipProvider,
   br as autocompleteVariants,
   ne as buttonVariants,
   T as cn,
-  Ia as createRekiToastManager,
+  xa as createRekiToastManager,
   Ke as fieldVariants,
   lr as generateCloudflareLogoSvg,
   er as gridItemVariants,
   ar as gridVariants,
   Fe as inputVariants,
-  ye as labelContentVariants,
-  Me as labelVariants,
+  Me as labelContentVariants,
+  ye as labelVariants,
   Ha as linkVariants,
   G as pageHeaderVariants,
   ka as radioVariants,
-  cs as safeRandomId,
+  xs as safeRandomId,
   po as stringToTagColor,
-  xs as useLinkComponent,
+  _s as useLinkComponent,
   Ze as useMenuNavigation,
   Ta as useRekiToastManager,
   Qr as useSidebar