@flanksource/clicky-ui 0.2.14 → 0.2.15

package/dist/data/cells/timestamp-format.js

@@ -0,0 +1,193 @@
+function parseTimestamp(value) {
+  if (value == null) return null;
+  if (value instanceof Date) return Number.isNaN(value.getTime()) ? null : value;
+  if (typeof value === "number") {
+    const ms = value < 1e12 ? value * 1e3 : value;
+    const d = new Date(ms);
+    return Number.isNaN(d.getTime()) ? null : d;
+  }
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) return null;
+    const d = new Date(trimmed);
+    return Number.isNaN(d.getTime()) ? null : d;
+  }
+  return null;
+}
+const UNIT_MS = {
+  s: 1e3,
+  m: 6e4,
+  h: 36e5,
+  d: 864e5,
+  w: 6048e5
+};
+const RELATIVE_PATTERN = /^now\s*([+-])\s*(\d+)\s*([smhdwMqy])$/;
+const ANCHORED_PATTERN = /^now\/([wMqy])(?:\s*([+-])\s*(\d+)\s*([wMqy]))?$/;
+function resolveDateMath(value, now = /* @__PURE__ */ new Date()) {
+  if (value == null) return null;
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) return null;
+    if (trimmed.toLowerCase() === "now") return new Date(now.getTime());
+    const anchoredMatch = trimmed.match(ANCHORED_PATTERN);
+    if (anchoredMatch) {
+      const [, anchor, sign, amount, unit] = anchoredMatch;
+      let anchored = startOfPeriod(now, anchor);
+      if (sign && amount && unit) {
+        anchored = addPeriod(anchored, unit, Number(amount) * (sign === "-" ? -1 : 1));
+      }
+      return anchored;
+    }
+    const match = trimmed.match(RELATIVE_PATTERN);
+    if (match) {
+      const [, sign, amount, unit] = match;
+      const calendarUnit = unit;
+      if (isCalendarUnit(calendarUnit)) {
+        return addPeriod(now, calendarUnit, Number(amount) * (sign === "-" ? -1 : 1));
+      }
+      const unitMs = UNIT_MS[calendarUnit.toLowerCase()];
+      if (!unitMs) return null;
+      const delta = Number(amount) * unitMs * (sign === "-" ? -1 : 1);
+      return new Date(now.getTime() + delta);
+    }
+  }
+  return parseTimestamp(value);
+}
+function isCalendarUnit(unit) {
+  return unit === "M" || unit === "q" || unit === "y";
+}
+function startOfPeriod(date, unit) {
+  const year = date.getUTCFullYear();
+  const month = date.getUTCMonth();
+  const day = date.getUTCDate();
+  if (unit === "w") {
+    const start = new Date(Date.UTC(year, month, day));
+    const dayOfWeek = start.getUTCDay();
+    const daysSinceMonday = (dayOfWeek + 6) % 7;
+    start.setUTCDate(start.getUTCDate() - daysSinceMonday);
+    return start;
+  }
+  if (unit === "M") return new Date(Date.UTC(year, month, 1));
+  if (unit === "q") return new Date(Date.UTC(year, Math.floor(month / 3) * 3, 1));
+  if (unit === "y") return new Date(Date.UTC(year, 0, 1));
+  return new Date(date.getTime());
+}
+function addPeriod(date, unit, amount) {
+  const next = new Date(date.getTime());
+  if (unit === "w") {
+    next.setUTCDate(next.getUTCDate() + amount * 7);
+  } else if (unit === "M") {
+    next.setUTCMonth(next.getUTCMonth() + amount);
+  } else if (unit === "q") {
+    next.setUTCMonth(next.getUTCMonth() + amount * 3);
+  } else if (unit === "y") {
+    next.setUTCFullYear(next.getUTCFullYear() + amount);
+  } else {
+    const unitMs = UNIT_MS[unit.toLowerCase()];
+    if (unitMs) next.setTime(next.getTime() + amount * unitMs);
+  }
+  return next;
+}
+const MS_PER_MINUTE = 6e4;
+const MS_PER_DAY = 864e5;
+function chooseTimestampFormat(values) {
+  if (values.length === 0) return "iso";
+  let min = Infinity;
+  let max = -Infinity;
+  for (const d of values) {
+    const t = d.getTime();
+    if (t < min) min = t;
+    if (t > max) max = t;
+  }
+  const span = max - min;
+  if (span <= MS_PER_MINUTE) return "relative";
+  const minDate = new Date(min);
+  const maxDate = new Date(max);
+  if (minDate.getFullYear() === maxDate.getFullYear() && minDate.getMonth() === maxDate.getMonth() && minDate.getDate() === maxDate.getDate()) {
+    return "time";
+  }
+  if (minDate.getFullYear() === maxDate.getFullYear() && span <= MS_PER_DAY * 365) {
+    return "short";
+  }
+  return "iso";
+}
+function formatTimestamp(date, format, now = /* @__PURE__ */ new Date()) {
+  switch (format) {
+    case "relative":
+      return formatRelativeTime(date, now);
+    case "time":
+      return date.toLocaleTimeString(void 0, {
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit"
+      });
+    case "short":
+      return date.toLocaleString(void 0, {
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+    case "iso":
+    default:
+      return formatIso(date);
+  }
+}
+function formatIso(date) {
+  const yyyy = date.getFullYear();
+  const mm = String(date.getMonth() + 1).padStart(2, "0");
+  const dd = String(date.getDate()).padStart(2, "0");
+  const hh = String(date.getHours()).padStart(2, "0");
+  const min = String(date.getMinutes()).padStart(2, "0");
+  return `${yyyy}-${mm}-${dd} ${hh}:${min}`;
+}
+function formatRelativeTime(date, now = /* @__PURE__ */ new Date()) {
+  const diffMs = now.getTime() - date.getTime();
+  const future = diffMs < 0;
+  const abs = Math.abs(diffMs);
+  const sec = Math.round(abs / 1e3);
+  let value;
+  if (sec < 1) value = "just now";
+  else if (sec < 60) value = `${sec}s`;
+  else if (sec < 3600) value = `${Math.round(sec / 60)}m`;
+  else if (sec < 86400) value = `${Math.round(sec / 3600)}h`;
+  else value = `${Math.round(sec / 86400)}d`;
+  if (value === "just now") return value;
+  return future ? `in ${value}` : `${value} ago`;
+}
+function formatDateTimeRelative(value, now = /* @__PURE__ */ new Date()) {
+  const parsed = parseTimestamp(value);
+  if (!parsed) return typeof value === "string" ? value : "";
+  const absolute = parsed.toLocaleString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+  const relative = formatRelativeTime(parsed, now);
+  return relative === "just now" ? absolute : `${absolute} (${relative})`;
+}
+function modeToFormat(mode, dataFormat) {
+  switch (mode) {
+    case "absolute":
+      return "iso";
+    case "relative":
+      return "relative";
+    case "time":
+      return "time";
+    case "auto":
+    default:
+      return dataFormat;
+  }
+}
+export {
+  chooseTimestampFormat,
+  formatDateTimeRelative,
+  formatRelativeTime,
+  formatTimestamp,
+  modeToFormat,
+  parseTimestamp,
+  resolveDateMath
+};
+//# sourceMappingURL=timestamp-format.js.map

package/dist/data/cells/timestamp-format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timestamp-format.js","sources":["../../../src/data/cells/timestamp-format.ts"],"sourcesContent":["import type { TimeRangePresetGroup } from \"../../components/TimeRange\";\n\nexport type TimestampMode = \"auto\" | \"absolute\" | \"relative\" | \"time\";\n\nexport type TimestampFormat = \"relative\" | \"time\" | \"short\" | \"iso\";\n\nexport type TimestampOptions = {\n  /** Rendering mode for timestamp cells. */\n  mode?: TimestampMode;\n  /** Show the full timestamp in a tooltip even for absolute/ISO formats. */\n  alwaysShowFullOnHover?: boolean;\n  /**\n   * When the column is on a DataTable with `autoFilter`, DataTable mounts a\n   * \"Time range\" picker (matching the trace UI) and filters rows whose\n   * timestamp falls outside the selected range. Set `false` to suppress.\n   */\n  autoRangeFilter?: boolean;\n  /** Override the trace-style preset list (\"Last 15 minutes\", etc.). */\n  rangePresets?: Array<{ label: string; from: string; to: string } | TimeRangePresetGroup>;\n  /** Enable absolute date+time input and timezone selection for range filters. */\n  timeEnabled?: boolean;\n  /** Default timezone used when encoding absolute date+time range values. */\n  timeZone?: string;\n  /** Selectable timezones shown when `timeEnabled` is true. */\n  timeZones?: string[];\n  /**\n   * Default range applied on first render. Either side may use date-math\n   * (`now-24h`, `now`) or any value parseable by `parseTimestamp`.\n   */\n  defaultRange?: { from?: string; to?: string };\n};\n\nexport function parseTimestamp(value: unknown): Date | null {\n  if (value == null) return null;\n  if (value instanceof Date) return Number.isNaN(value.getTime()) ? null : value;\n\n  if (typeof value === \"number\") {\n    const ms = value < 1e12 ? value * 1000 : value;\n    const d = new Date(ms);\n    return Number.isNaN(d.getTime()) ? null : d;\n  }\n\n  if (typeof value === \"string\") {\n    const trimmed = value.trim();\n    if (!trimmed) return null;\n    const d = new Date(trimmed);\n    return Number.isNaN(d.getTime()) ? null : d;\n  }\n\n  return null;\n}\n\nconst UNIT_MS: Record<string, number> = {\n  s: 1_000,\n  m: 60_000,\n  h: 3_600_000,\n  d: 86_400_000,\n  w: 604_800_000,\n};\n\nconst RELATIVE_PATTERN = /^now\\s*([+-])\\s*(\\d+)\\s*([smhdwMqy])$/;\nconst ANCHORED_PATTERN = /^now\\/([wMqy])(?:\\s*([+-])\\s*(\\d+)\\s*([wMqy]))?$/;\n\n/**\n * Resolves date-math strings to an absolute Date. Recognised forms:\n *   - \"now\"\n *   - \"now-15m\", \"now-1h\", \"now+30s\", \"now-7d\", \"now-2w\" (units: s/m/h/d/w/M/q/y)\n *   - \"now/w\", \"now/M\", \"now/q\", \"now/y\" with optional calendar offsets\n *   - any value parseable by `parseTimestamp` (ISO, epoch ms/s, Date)\n * Returns null for unparseable input.\n */\nexport function resolveDateMath(value: unknown, now: Date = new Date()): Date | null {\n  if (value == null) return null;\n\n  if (typeof value === \"string\") {\n    const trimmed = value.trim();\n    if (!trimmed) return null;\n\n    if (trimmed.toLowerCase() === \"now\") return new Date(now.getTime());\n\n    const anchoredMatch = trimmed.match(ANCHORED_PATTERN);\n    if (anchoredMatch) {\n      const [, anchor, sign, amount, unit] = anchoredMatch;\n      let anchored = startOfPeriod(now, anchor!);\n      if (sign && amount && unit) {\n        anchored = addPeriod(anchored, unit, Number(amount) * (sign === \"-\" ? -1 : 1));\n      }\n      return anchored;\n    }\n\n    const match = trimmed.match(RELATIVE_PATTERN);\n    if (match) {\n      const [, sign, amount, unit] = match;\n      const calendarUnit = unit!;\n      if (isCalendarUnit(calendarUnit)) {\n        return addPeriod(now, calendarUnit, Number(amount) * (sign === \"-\" ? -1 : 1));\n      }\n      const unitMs = UNIT_MS[calendarUnit.toLowerCase()];\n      if (!unitMs) return null;\n      const delta = Number(amount) * unitMs * (sign === \"-\" ? -1 : 1);\n      return new Date(now.getTime() + delta);\n    }\n  }\n\n  return parseTimestamp(value);\n}\n\nfunction isCalendarUnit(unit: string) {\n  return unit === \"M\" || unit === \"q\" || unit === \"y\";\n}\n\nfunction startOfPeriod(date: Date, unit: string) {\n  const year = date.getUTCFullYear();\n  const month = date.getUTCMonth();\n  const day = date.getUTCDate();\n\n  if (unit === \"w\") {\n    const start = new Date(Date.UTC(year, month, day));\n    const dayOfWeek = start.getUTCDay();\n    const daysSinceMonday = (dayOfWeek + 6) % 7;\n    start.setUTCDate(start.getUTCDate() - daysSinceMonday);\n    return start;\n  }\n  if (unit === \"M\") return new Date(Date.UTC(year, month, 1));\n  if (unit === \"q\") return new Date(Date.UTC(year, Math.floor(month / 3) * 3, 1));\n  if (unit === \"y\") return new Date(Date.UTC(year, 0, 1));\n  return new Date(date.getTime());\n}\n\nfunction addPeriod(date: Date, unit: string, amount: number) {\n  const next = new Date(date.getTime());\n  if (unit === \"w\") {\n    next.setUTCDate(next.getUTCDate() + amount * 7);\n  } else if (unit === \"M\") {\n    next.setUTCMonth(next.getUTCMonth() + amount);\n  } else if (unit === \"q\") {\n    next.setUTCMonth(next.getUTCMonth() + amount * 3);\n  } else if (unit === \"y\") {\n    next.setUTCFullYear(next.getUTCFullYear() + amount);\n  } else {\n    const unitMs = UNIT_MS[unit.toLowerCase()];\n    if (unitMs) next.setTime(next.getTime() + amount * unitMs);\n  }\n  return next;\n}\n\nconst MS_PER_MINUTE = 60_000;\nconst MS_PER_DAY = 86_400_000;\n\nexport function chooseTimestampFormat(values: Date[]): TimestampFormat {\n  if (values.length === 0) return \"iso\";\n\n  let min = Infinity;\n  let max = -Infinity;\n  for (const d of values) {\n    const t = d.getTime();\n    if (t < min) min = t;\n    if (t > max) max = t;\n  }\n  const span = max - min;\n\n  if (span <= MS_PER_MINUTE) return \"relative\";\n\n  const minDate = new Date(min);\n  const maxDate = new Date(max);\n\n  if (\n    minDate.getFullYear() === maxDate.getFullYear() &&\n    minDate.getMonth() === maxDate.getMonth() &&\n    minDate.getDate() === maxDate.getDate()\n  ) {\n    return \"time\";\n  }\n\n  if (minDate.getFullYear() === maxDate.getFullYear() && span <= MS_PER_DAY * 365) {\n    return \"short\";\n  }\n\n  return \"iso\";\n}\n\nexport function formatTimestamp(\n  date: Date,\n  format: TimestampFormat,\n  now: Date = new Date(),\n): string {\n  switch (format) {\n    case \"relative\":\n      return formatRelativeTime(date, now);\n    case \"time\":\n      return date.toLocaleTimeString(undefined, {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n        second: \"2-digit\",\n      });\n    case \"short\":\n      return date.toLocaleString(undefined, {\n        month: \"short\",\n        day: \"numeric\",\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n      });\n    case \"iso\":\n    default:\n      return formatIso(date);\n  }\n}\n\nfunction formatIso(date: Date): string {\n  const yyyy = date.getFullYear();\n  const mm = String(date.getMonth() + 1).padStart(2, \"0\");\n  const dd = String(date.getDate()).padStart(2, \"0\");\n  const hh = String(date.getHours()).padStart(2, \"0\");\n  const min = String(date.getMinutes()).padStart(2, \"0\");\n  return `${yyyy}-${mm}-${dd} ${hh}:${min}`;\n}\n\n// formatRelativeTime renders a compact \"30s ago\" / \"in 5m\" / \"just now\" string.\nexport function formatRelativeTime(date: Date, now: Date = new Date()): string {\n  const diffMs = now.getTime() - date.getTime();\n  const future = diffMs < 0;\n  const abs = Math.abs(diffMs);\n  const sec = Math.round(abs / 1000);\n\n  let value: string;\n  if (sec < 1) value = \"just now\";\n  else if (sec < 60) value = `${sec}s`;\n  else if (sec < 3600) value = `${Math.round(sec / 60)}m`;\n  else if (sec < 86400) value = `${Math.round(sec / 3600)}h`;\n  else value = `${Math.round(sec / 86400)}d`;\n\n  if (value === \"just now\") return value;\n  return future ? `in ${value}` : `${value} ago`;\n}\n\n// formatDateTimeRelative renders a value as an absolute locale date+time plus a\n// parenthesised relative hint, e.g. \"Apr 15, 2026, 12:00 PM (2h ago)\". It is the\n// shared \"locale + relative\" presentation used for date-typed values across the\n// form, filter, and combobox surfaces. Unparseable strings pass through\n// unchanged (so a template token or freeform value is preserved); nullish input\n// yields an empty string. The hint is dropped when the value reads \"just now\".\nexport function formatDateTimeRelative(value: unknown, now: Date = new Date()): string {\n  const parsed = parseTimestamp(value);\n  if (!parsed) return typeof value === \"string\" ? value : \"\";\n  const absolute = parsed.toLocaleString(undefined, {\n    year: \"numeric\",\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n  const relative = formatRelativeTime(parsed, now);\n  return relative === \"just now\" ? absolute : `${absolute} (${relative})`;\n}\n\nexport function modeToFormat(mode: TimestampMode, dataFormat: TimestampFormat): TimestampFormat {\n  switch (mode) {\n    case \"absolute\":\n      return \"iso\";\n    case \"relative\":\n      return \"relative\";\n    case \"time\":\n      return \"time\";\n    case \"auto\":\n    default:\n      return dataFormat;\n  }\n}\n"],"names":[],"mappings":"AAgCO,SAAS,eAAe,OAA6B;AAC1D,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,iBAAiB,KAAM,QAAO,OAAO,MAAM,MAAM,QAAA,CAAS,IAAI,OAAO;AAEzE,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,KAAK,QAAQ,OAAO,QAAQ,MAAO;AACzC,UAAM,IAAI,IAAI,KAAK,EAAE;AACrB,WAAO,OAAO,MAAM,EAAE,QAAA,CAAS,IAAI,OAAO;AAAA,EAC5C;AAEA,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,UAAU,MAAM,KAAA;AACtB,QAAI,CAAC,QAAS,QAAO;AACrB,UAAM,IAAI,IAAI,KAAK,OAAO;AAC1B,WAAO,OAAO,MAAM,EAAE,QAAA,CAAS,IAAI,OAAO;AAAA,EAC5C;AAEA,SAAO;AACT;AAEA,MAAM,UAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AAUlB,SAAS,gBAAgB,OAAgB,MAAY,oBAAI,QAAqB;AACnF,MAAI,SAAS,KAAM,QAAO;AAE1B,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,UAAU,MAAM,KAAA;AACtB,QAAI,CAAC,QAAS,QAAO;AAErB,QAAI,QAAQ,kBAAkB,cAAc,IAAI,KAAK,IAAI,SAAS;AAElE,UAAM,gBAAgB,QAAQ,MAAM,gBAAgB;AACpD,QAAI,eAAe;AACjB,YAAM,CAAA,EAAG,QAAQ,MAAM,QAAQ,IAAI,IAAI;AACvC,UAAI,WAAW,cAAc,KAAK,MAAO;AACzC,UAAI,QAAQ,UAAU,MAAM;AAC1B,mBAAW,UAAU,UAAU,MAAM,OAAO,MAAM,KAAK,SAAS,MAAM,KAAK,EAAE;AAAA,MAC/E;AACA,aAAO;AAAA,IACT;AAEA,UAAM,QAAQ,QAAQ,MAAM,gBAAgB;AAC5C,QAAI,OAAO;AACT,YAAM,GAAG,MAAM,QAAQ,IAAI,IAAI;AAC/B,YAAM,eAAe;AACrB,UAAI,eAAe,YAAY,GAAG;AAChC,eAAO,UAAU,KAAK,cAAc,OAAO,MAAM,KAAK,SAAS,MAAM,KAAK,EAAE;AAAA,MAC9E;AACA,YAAM,SAAS,QAAQ,aAAa,YAAA,CAAa;AACjD,UAAI,CAAC,OAAQ,QAAO;AACpB,YAAM,QAAQ,OAAO,MAAM,IAAI,UAAU,SAAS,MAAM,KAAK;AAC7D,aAAO,IAAI,KAAK,IAAI,QAAA,IAAY,KAAK;AAAA,IACvC;AAAA,EACF;AAEA,SAAO,eAAe,KAAK;AAC7B;AAEA,SAAS,eAAe,MAAc;AACpC,SAAO,SAAS,OAAO,SAAS,OAAO,SAAS;AAClD;AAEA,SAAS,cAAc,MAAY,MAAc;AAC/C,QAAM,OAAO,KAAK,eAAA;AAClB,QAAM,QAAQ,KAAK,YAAA;AACnB,QAAM,MAAM,KAAK,WAAA;AAEjB,MAAI,SAAS,KAAK;AAChB,UAAM,QAAQ,IAAI,KAAK,KAAK,IAAI,MAAM,OAAO,GAAG,CAAC;AACjD,UAAM,YAAY,MAAM,UAAA;AACxB,UAAM,mBAAmB,YAAY,KAAK;AAC1C,UAAM,WAAW,MAAM,WAAA,IAAe,eAAe;AACrD,WAAO;AAAA,EACT;AACA,MAAI,SAAS,IAAK,QAAO,IAAI,KAAK,KAAK,IAAI,MAAM,OAAO,CAAC,CAAC;AAC1D,MAAI,SAAS,IAAK,QAAO,IAAI,KAAK,KAAK,IAAI,MAAM,KAAK,MAAM,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC;AAC9E,MAAI,SAAS,IAAK,QAAO,IAAI,KAAK,KAAK,IAAI,MAAM,GAAG,CAAC,CAAC;AACtD,SAAO,IAAI,KAAK,KAAK,SAAS;AAChC;AAEA,SAAS,UAAU,MAAY,MAAc,QAAgB;AAC3D,QAAM,OAAO,IAAI,KAAK,KAAK,SAAS;AACpC,MAAI,SAAS,KAAK;AAChB,SAAK,WAAW,KAAK,WAAA,IAAe,SAAS,CAAC;AAAA,EAChD,WAAW,SAAS,KAAK;AACvB,SAAK,YAAY,KAAK,YAAA,IAAgB,MAAM;AAAA,EAC9C,WAAW,SAAS,KAAK;AACvB,SAAK,YAAY,KAAK,YAAA,IAAgB,SAAS,CAAC;AAAA,EAClD,WAAW,SAAS,KAAK;AACvB,SAAK,eAAe,KAAK,eAAA,IAAmB,MAAM;AAAA,EACpD,OAAO;AACL,UAAM,SAAS,QAAQ,KAAK,YAAA,CAAa;AACzC,QAAI,OAAQ,MAAK,QAAQ,KAAK,QAAA,IAAY,SAAS,MAAM;AAAA,EAC3D;AACA,SAAO;AACT;AAEA,MAAM,gBAAgB;AACtB,MAAM,aAAa;AAEZ,SAAS,sBAAsB,QAAiC;AACrE,MAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,MAAI,MAAM;AACV,MAAI,MAAM;AACV,aAAW,KAAK,QAAQ;AACtB,UAAM,IAAI,EAAE,QAAA;AACZ,QAAI,IAAI,IAAK,OAAM;AACnB,QAAI,IAAI,IAAK,OAAM;AAAA,EACrB;AACA,QAAM,OAAO,MAAM;AAEnB,MAAI,QAAQ,cAAe,QAAO;AAElC,QAAM,UAAU,IAAI,KAAK,GAAG;AAC5B,QAAM,UAAU,IAAI,KAAK,GAAG;AAE5B,MACE,QAAQ,YAAA,MAAkB,QAAQ,YAAA,KAClC,QAAQ,SAAA,MAAe,QAAQ,cAC/B,QAAQ,cAAc,QAAQ,WAC9B;AACA,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,kBAAkB,QAAQ,iBAAiB,QAAQ,aAAa,KAAK;AAC/E,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEO,SAAS,gBACd,MACA,QACA,MAAY,oBAAI,QACR;AACR,UAAQ,QAAA;AAAA,IACN,KAAK;AACH,aAAO,mBAAmB,MAAM,GAAG;AAAA,IACrC,KAAK;AACH,aAAO,KAAK,mBAAmB,QAAW;AAAA,QACxC,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MAAA,CACT;AAAA,IACH,KAAK;AACH,aAAO,KAAK,eAAe,QAAW;AAAA,QACpC,OAAO;AAAA,QACP,KAAK;AAAA,QACL,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA,CACT;AAAA,IACH,KAAK;AAAA,IACL;AACE,aAAO,UAAU,IAAI;AAAA,EAAA;AAE3B;AAEA,SAAS,UAAU,MAAoB;AACrC,QAAM,OAAO,KAAK,YAAA;AAClB,QAAM,KAAK,OAAO,KAAK,SAAA,IAAa,CAAC,EAAE,SAAS,GAAG,GAAG;AACtD,QAAM,KAAK,OAAO,KAAK,QAAA,CAAS,EAAE,SAAS,GAAG,GAAG;AACjD,QAAM,KAAK,OAAO,KAAK,SAAA,CAAU,EAAE,SAAS,GAAG,GAAG;AAClD,QAAM,MAAM,OAAO,KAAK,WAAA,CAAY,EAAE,SAAS,GAAG,GAAG;AACrD,SAAO,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG;AACzC;AAGO,SAAS,mBAAmB,MAAY,MAAY,oBAAI,QAAgB;AAC7E,QAAM,SAAS,IAAI,QAAA,IAAY,KAAK,QAAA;AACpC,QAAM,SAAS,SAAS;AACxB,QAAM,MAAM,KAAK,IAAI,MAAM;AAC3B,QAAM,MAAM,KAAK,MAAM,MAAM,GAAI;AAEjC,MAAI;AACJ,MAAI,MAAM,EAAG,SAAQ;AAAA,WACZ,MAAM,GAAI,SAAQ,GAAG,GAAG;AAAA,WACxB,MAAM,KAAM,SAAQ,GAAG,KAAK,MAAM,MAAM,EAAE,CAAC;AAAA,WAC3C,MAAM,MAAO,SAAQ,GAAG,KAAK,MAAM,MAAM,IAAI,CAAC;AAAA,eAC1C,GAAG,KAAK,MAAM,MAAM,KAAK,CAAC;AAEvC,MAAI,UAAU,WAAY,QAAO;AACjC,SAAO,SAAS,MAAM,KAAK,KAAK,GAAG,KAAK;AAC1C;AAQO,SAAS,uBAAuB,OAAgB,MAAY,oBAAI,QAAgB;AACrF,QAAM,SAAS,eAAe,KAAK;AACnC,MAAI,CAAC,OAAQ,QAAO,OAAO,UAAU,WAAW,QAAQ;AACxD,QAAM,WAAW,OAAO,eAAe,QAAW;AAAA,IAChD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA,CACT;AACD,QAAM,WAAW,mBAAmB,QAAQ,GAAG;AAC/C,SAAO,aAAa,aAAa,WAAW,GAAG,QAAQ,KAAK,QAAQ;AACtE;AAEO,SAAS,aAAa,MAAqB,YAA8C;AAC9F,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EAAA;AAEb;"}

package/dist/data/chat/Chat.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const react$1 = require("@ai-sdk/react");
+const ai = require("ai");
+const utils = require("../../lib/utils.cjs");
+const Conversation = require("./Conversation.cjs");
+const PromptInput = require("./PromptInput.cjs");
+function Chat({
+  api = "/api/chat",
+  model,
+  reasoningEffort,
+  body,
+  transport,
+  initialMessages,
+  placeholder,
+  emptyState,
+  className
+}) {
+  const resolvedTransport = react.useMemo(() => {
+    if (transport) {
+      return transport;
+    }
+    return new ai.DefaultChatTransport({
+      api,
+      body: { ...body, ...model ? { model } : {}, ...reasoningEffort ? { reasoningEffort } : {} }
+    });
+  }, [transport, api, body, model, reasoningEffort]);
+  const { messages, sendMessage, status, stop } = react$1.useChat({
+    transport: resolvedTransport,
+    ...initialMessages ? { messages: initialMessages } : {}
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex h-full flex-col", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Conversation.Conversation, { messages, emptyState }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 pt-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+      PromptInput.PromptInput,
+      {
+        status,
+        onStop: () => void stop(),
+        placeholder,
+        onSubmit: (text) => void sendMessage({ text })
+      }
+    ) })
+  ] });
+}
+exports.Chat = Chat;
+//# sourceMappingURL=Chat.cjs.map

package/dist/data/chat/Chat.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.cjs","sources":["../../../src/data/chat/Chat.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useChat } from \"@ai-sdk/react\";\nimport { DefaultChatTransport, type ChatTransport, type UIMessage } from \"ai\";\nimport { cn } from \"../../lib/utils\";\nimport { Conversation } from \"./Conversation\";\nimport { PromptInput } from \"./PromptInput\";\n\nexport type ChatProps = {\n  /** Endpoint that speaks the AI SDK v6 UI Message Stream protocol.\n   *  Ignored when `transport` is supplied. Defaults to \"/api/chat\". */\n  api?: string;\n  /** Selected `provider/model` id, forwarded in the request body. */\n  model?: string;\n  /** Reasoning effort (`low` | `medium` | `high`), forwarded in the request body. */\n  reasoningEffort?: string;\n  /** Extra fields merged into every request body (e.g. tool scoping). */\n  body?: Record<string, unknown>;\n  /** Pre-built transport. Supply a mock in stories/tests; otherwise a\n   *  DefaultChatTransport is constructed from `api`/`body`. */\n  transport?: ChatTransport<UIMessage>;\n  /** Initial messages to seed the conversation. */\n  initialMessages?: UIMessage[];\n  placeholder?: string;\n  emptyState?: React.ReactNode;\n  className?: string;\n};\n\n/** Self-contained AI chat: a streaming conversation log over a prompt input,\n *  driven by the AI SDK `useChat` hook against a v6-compatible `/api/chat`. The\n *  backend owns model selection and tool execution; `model`, `reasoningEffort`\n *  and `body` are forwarded in the request body for it to honor. */\nexport function Chat({\n  api = \"/api/chat\",\n  model,\n  reasoningEffort,\n  body,\n  transport,\n  initialMessages,\n  placeholder,\n  emptyState,\n  className,\n}: ChatProps) {\n  const resolvedTransport = useMemo<ChatTransport<UIMessage>>(() => {\n    if (transport) {\n      return transport;\n    }\n    return new DefaultChatTransport({\n      api,\n      body: { ...body, ...(model ? { model } : {}), ...(reasoningEffort ? { reasoningEffort } : {}) },\n    });\n  }, [transport, api, body, model, reasoningEffort]);\n\n  const { messages, sendMessage, status, stop } = useChat<UIMessage>({\n    transport: resolvedTransport,\n    ...(initialMessages ? { messages: initialMessages } : {}),\n  });\n\n  return (\n    <div className={cn(\"flex h-full flex-col\", className)}>\n      <Conversation messages={messages} emptyState={emptyState} />\n      <div className=\"p-4 pt-0\">\n        <PromptInput\n          status={status}\n          onStop={() => void stop()}\n          placeholder={placeholder}\n          onSubmit={(text) => void sendMessage({ text })}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["useMemo","DefaultChatTransport","useChat","cn","jsx","Conversation","PromptInput"],"mappings":";;;;;;;;;AA+BO,SAAS,KAAK;AAAA,EACnB,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAc;AACZ,QAAM,oBAAoBA,MAAAA,QAAkC,MAAM;AAChE,QAAI,WAAW;AACb,aAAO;AAAA,IACT;AACA,WAAO,IAAIC,GAAAA,qBAAqB;AAAA,MAC9B;AAAA,MACA,MAAM,EAAE,GAAG,MAAM,GAAI,QAAQ,EAAE,UAAU,CAAA,GAAK,GAAI,kBAAkB,EAAE,gBAAA,IAAoB,CAAA,EAAC;AAAA,IAAG,CAC/F;AAAA,EACH,GAAG,CAAC,WAAW,KAAK,MAAM,OAAO,eAAe,CAAC;AAEjD,QAAM,EAAE,UAAU,aAAa,QAAQ,KAAA,IAASC,QAAAA,QAAmB;AAAA,IACjE,WAAW;AAAA,IACX,GAAI,kBAAkB,EAAE,UAAU,oBAAoB,CAAA;AAAA,EAAC,CACxD;AAED,yCACG,OAAA,EAAI,WAAWC,MAAAA,GAAG,wBAAwB,SAAS,GAClD,UAAA;AAAA,IAAAC,2BAAAA,IAACC,aAAAA,cAAA,EAAa,UAAoB,WAAA,CAAwB;AAAA,IAC1DD,2BAAAA,IAAC,OAAA,EAAI,WAAU,YACb,UAAAA,2BAAAA;AAAAA,MAACE,YAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,QAAQ,MAAM,KAAK,KAAA;AAAA,QACnB;AAAA,QACA,UAAU,CAAC,SAAS,KAAK,YAAY,EAAE,MAAM;AAAA,MAAA;AAAA,IAAA,EAC/C,CACF;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/data/chat/Chat.d.ts

@@ -0,0 +1,26 @@
+import { ChatTransport, UIMessage } from 'ai';
+export type ChatProps = {
+    /** Endpoint that speaks the AI SDK v6 UI Message Stream protocol.
+     *  Ignored when `transport` is supplied. Defaults to "/api/chat". */
+    api?: string;
+    /** Selected `provider/model` id, forwarded in the request body. */
+    model?: string;
+    /** Reasoning effort (`low` | `medium` | `high`), forwarded in the request body. */
+    reasoningEffort?: string;
+    /** Extra fields merged into every request body (e.g. tool scoping). */
+    body?: Record<string, unknown>;
+    /** Pre-built transport. Supply a mock in stories/tests; otherwise a
+     *  DefaultChatTransport is constructed from `api`/`body`. */
+    transport?: ChatTransport<UIMessage>;
+    /** Initial messages to seed the conversation. */
+    initialMessages?: UIMessage[];
+    placeholder?: string;
+    emptyState?: React.ReactNode;
+    className?: string;
+};
+/** Self-contained AI chat: a streaming conversation log over a prompt input,
+ *  driven by the AI SDK `useChat` hook against a v6-compatible `/api/chat`. The
+ *  backend owns model selection and tool execution; `model`, `reasoningEffort`
+ *  and `body` are forwarded in the request body for it to honor. */
+export declare function Chat({ api, model, reasoningEffort, body, transport, initialMessages, placeholder, emptyState, className, }: ChatProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Chat.d.ts.map

package/dist/data/chat/Chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/data/chat/Chat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,IAAI,CAAC;AAK9E,MAAM,MAAM,SAAS,GAAG;IACtB;yEACqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B;iEAC6D;IAC7D,SAAS,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,iDAAiD;IACjD,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;oEAGoE;AACpE,wBAAgB,IAAI,CAAC,EACnB,GAAiB,EACjB,KAAK,EACL,eAAe,EACf,IAAI,EACJ,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,SAAS,GACV,EAAE,SAAS,2CA6BX"}

package/dist/data/chat/Chat.fixtures.d.ts

@@ -0,0 +1,6 @@
+import { ChatTransport, UIMessage } from 'ai';
+/** A mock ChatTransport that replies with a markdown text turn, then a tool
+ *  round-trip turn on the next submission. Use in stories/tests to drive the
+ *  Chat UI without a backend. */
+export declare function mockChatTransport(delayMs?: number): ChatTransport<UIMessage>;
+//# sourceMappingURL=Chat.fixtures.d.ts.map

package/dist/data/chat/Chat.fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.fixtures.d.ts","sourceRoot":"","sources":["../../../src/data/chat/Chat.fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAkB,MAAM,IAAI,CAAC;AAyDnE;;iCAEiC;AACjC,wBAAgB,iBAAiB,CAAC,OAAO,SAAM,GAAG,aAAa,CAAC,SAAS,CAAC,CAWzE"}

package/dist/data/chat/Chat.js

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useChat } from "@ai-sdk/react";
+import { DefaultChatTransport } from "ai";
+import { cn } from "../../lib/utils.js";
+import { Conversation } from "./Conversation.js";
+import { PromptInput } from "./PromptInput.js";
+function Chat({
+  api = "/api/chat",
+  model,
+  reasoningEffort,
+  body,
+  transport,
+  initialMessages,
+  placeholder,
+  emptyState,
+  className
+}) {
+  const resolvedTransport = useMemo(() => {
+    if (transport) {
+      return transport;
+    }
+    return new DefaultChatTransport({
+      api,
+      body: { ...body, ...model ? { model } : {}, ...reasoningEffort ? { reasoningEffort } : {} }
+    });
+  }, [transport, api, body, model, reasoningEffort]);
+  const { messages, sendMessage, status, stop } = useChat({
+    transport: resolvedTransport,
+    ...initialMessages ? { messages: initialMessages } : {}
+  });
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex h-full flex-col", className), children: [
+    /* @__PURE__ */ jsx(Conversation, { messages, emptyState }),
+    /* @__PURE__ */ jsx("div", { className: "p-4 pt-0", children: /* @__PURE__ */ jsx(
+      PromptInput,
+      {
+        status,
+        onStop: () => void stop(),
+        placeholder,
+        onSubmit: (text) => void sendMessage({ text })
+      }
+    ) })
+  ] });
+}
+export {
+  Chat
+};
+//# sourceMappingURL=Chat.js.map

package/dist/data/chat/Chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.js","sources":["../../../src/data/chat/Chat.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useChat } from \"@ai-sdk/react\";\nimport { DefaultChatTransport, type ChatTransport, type UIMessage } from \"ai\";\nimport { cn } from \"../../lib/utils\";\nimport { Conversation } from \"./Conversation\";\nimport { PromptInput } from \"./PromptInput\";\n\nexport type ChatProps = {\n  /** Endpoint that speaks the AI SDK v6 UI Message Stream protocol.\n   *  Ignored when `transport` is supplied. Defaults to \"/api/chat\". */\n  api?: string;\n  /** Selected `provider/model` id, forwarded in the request body. */\n  model?: string;\n  /** Reasoning effort (`low` | `medium` | `high`), forwarded in the request body. */\n  reasoningEffort?: string;\n  /** Extra fields merged into every request body (e.g. tool scoping). */\n  body?: Record<string, unknown>;\n  /** Pre-built transport. Supply a mock in stories/tests; otherwise a\n   *  DefaultChatTransport is constructed from `api`/`body`. */\n  transport?: ChatTransport<UIMessage>;\n  /** Initial messages to seed the conversation. */\n  initialMessages?: UIMessage[];\n  placeholder?: string;\n  emptyState?: React.ReactNode;\n  className?: string;\n};\n\n/** Self-contained AI chat: a streaming conversation log over a prompt input,\n *  driven by the AI SDK `useChat` hook against a v6-compatible `/api/chat`. The\n *  backend owns model selection and tool execution; `model`, `reasoningEffort`\n *  and `body` are forwarded in the request body for it to honor. */\nexport function Chat({\n  api = \"/api/chat\",\n  model,\n  reasoningEffort,\n  body,\n  transport,\n  initialMessages,\n  placeholder,\n  emptyState,\n  className,\n}: ChatProps) {\n  const resolvedTransport = useMemo<ChatTransport<UIMessage>>(() => {\n    if (transport) {\n      return transport;\n    }\n    return new DefaultChatTransport({\n      api,\n      body: { ...body, ...(model ? { model } : {}), ...(reasoningEffort ? { reasoningEffort } : {}) },\n    });\n  }, [transport, api, body, model, reasoningEffort]);\n\n  const { messages, sendMessage, status, stop } = useChat<UIMessage>({\n    transport: resolvedTransport,\n    ...(initialMessages ? { messages: initialMessages } : {}),\n  });\n\n  return (\n    <div className={cn(\"flex h-full flex-col\", className)}>\n      <Conversation messages={messages} emptyState={emptyState} />\n      <div className=\"p-4 pt-0\">\n        <PromptInput\n          status={status}\n          onStop={() => void stop()}\n          placeholder={placeholder}\n          onSubmit={(text) => void sendMessage({ text })}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AA+BO,SAAS,KAAK;AAAA,EACnB,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAc;AACZ,QAAM,oBAAoB,QAAkC,MAAM;AAChE,QAAI,WAAW;AACb,aAAO;AAAA,IACT;AACA,WAAO,IAAI,qBAAqB;AAAA,MAC9B;AAAA,MACA,MAAM,EAAE,GAAG,MAAM,GAAI,QAAQ,EAAE,UAAU,CAAA,GAAK,GAAI,kBAAkB,EAAE,gBAAA,IAAoB,CAAA,EAAC;AAAA,IAAG,CAC/F;AAAA,EACH,GAAG,CAAC,WAAW,KAAK,MAAM,OAAO,eAAe,CAAC;AAEjD,QAAM,EAAE,UAAU,aAAa,QAAQ,KAAA,IAAS,QAAmB;AAAA,IACjE,WAAW;AAAA,IACX,GAAI,kBAAkB,EAAE,UAAU,oBAAoB,CAAA;AAAA,EAAC,CACxD;AAED,8BACG,OAAA,EAAI,WAAW,GAAG,wBAAwB,SAAS,GAClD,UAAA;AAAA,IAAA,oBAAC,cAAA,EAAa,UAAoB,WAAA,CAAwB;AAAA,IAC1D,oBAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,QAAQ,MAAM,KAAK,KAAA;AAAA,QACnB;AAAA,QACA,UAAU,CAAC,SAAS,KAAK,YAAY,EAAE,MAAM;AAAA,MAAA;AAAA,IAAA,EAC/C,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/data/chat/Conversation.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../../lib/utils.cjs");
+const Message = require("./Message.cjs");
+function Conversation({ messages, emptyState, className }) {
+  const scrollRef = react.useRef(null);
+  const pinnedRef = react.useRef(true);
+  const onScroll = () => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const distance = el.scrollHeight - el.scrollTop - el.clientHeight;
+    pinnedRef.current = distance < 32;
+  };
+  react.useEffect(() => {
+    const el = scrollRef.current;
+    if (el && pinnedRef.current) {
+      el.scrollTop = el.scrollHeight;
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: scrollRef,
+      onScroll,
+      role: "log",
+      className: utils.cn("relative flex-1 overflow-y-auto", className),
+      children: messages.length === 0 && emptyState ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-full flex-col items-center justify-center gap-3 p-8 text-center", children: emptyState }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-8 p-4", children: messages.map((message) => /* @__PURE__ */ jsxRuntime.jsx(Message.Message, { message }, message.id)) })
+    }
+  );
+}
+exports.Conversation = Conversation;
+//# sourceMappingURL=Conversation.cjs.map

package/dist/data/chat/Conversation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Conversation.cjs","sources":["../../../src/data/chat/Conversation.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Message } from \"./Message\";\nimport type { UIMessage } from \"./types\";\n\nexport type ConversationProps = {\n  messages: UIMessage[];\n  /** Shown when there are no messages yet. */\n  emptyState?: React.ReactNode;\n  className?: string;\n};\n\n/** A scrollable message log that sticks to the bottom as new content streams\n *  in, unless the user has scrolled up. */\nexport function Conversation({ messages, emptyState, className }: ConversationProps) {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const pinnedRef = useRef(true);\n\n  const onScroll = () => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const distance = el.scrollHeight - el.scrollTop - el.clientHeight;\n    pinnedRef.current = distance < 32;\n  };\n\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (el && pinnedRef.current) {\n      el.scrollTop = el.scrollHeight;\n    }\n  });\n\n  return (\n    <div\n      ref={scrollRef}\n      onScroll={onScroll}\n      role=\"log\"\n      className={cn(\"relative flex-1 overflow-y-auto\", className)}\n    >\n      {messages.length === 0 && emptyState ? (\n        <div className=\"flex size-full flex-col items-center justify-center gap-3 p-8 text-center\">\n          {emptyState}\n        </div>\n      ) : (\n        <div className=\"flex flex-col gap-8 p-4\">\n          {messages.map((message) => (\n            <Message key={message.id} message={message} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["useRef","useEffect","jsx","cn","Message"],"mappings":";;;;;;AAcO,SAAS,aAAa,EAAE,UAAU,YAAY,aAAgC;AACnF,QAAM,YAAYA,MAAAA,OAAuB,IAAI;AAC7C,QAAM,YAAYA,MAAAA,OAAO,IAAI;AAE7B,QAAM,WAAW,MAAM;AACrB,UAAM,KAAK,UAAU;AACrB,QAAI,CAAC,GAAI;AACT,UAAM,WAAW,GAAG,eAAe,GAAG,YAAY,GAAG;AACrD,cAAU,UAAU,WAAW;AAAA,EACjC;AAEAC,QAAAA,UAAU,MAAM;AACd,UAAM,KAAK,UAAU;AACrB,QAAI,MAAM,UAAU,SAAS;AAC3B,SAAG,YAAY,GAAG;AAAA,IACpB;AAAA,EACF,CAAC;AAED,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,MAAK;AAAA,MACL,WAAWC,MAAAA,GAAG,mCAAmC,SAAS;AAAA,MAEzD,UAAA,SAAS,WAAW,KAAK,aACxBD,2BAAAA,IAAC,SAAI,WAAU,6EACZ,UAAA,WAAA,CACH,IAEAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,2BACZ,UAAA,SAAS,IAAI,CAAC,YACbA,+BAACE,QAAAA,WAAyB,QAAA,GAAZ,QAAQ,EAAsB,CAC7C,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAIR;;"}

package/dist/data/chat/Conversation.d.ts

@@ -0,0 +1,11 @@
+import { UIMessage } from './types';
+export type ConversationProps = {
+    messages: UIMessage[];
+    /** Shown when there are no messages yet. */
+    emptyState?: React.ReactNode;
+    className?: string;
+};
+/** A scrollable message log that sticks to the bottom as new content streams
+ *  in, unless the user has scrolled up. */
+export declare function Conversation({ messages, emptyState, className }: ConversationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Conversation.d.ts.map

package/dist/data/chat/Conversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Conversation.d.ts","sourceRoot":"","sources":["../../../src/data/chat/Conversation.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;2CAC2C;AAC3C,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAsClF"}

package/dist/data/chat/Conversation.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { cn } from "../../lib/utils.js";
+import { Message } from "./Message.js";
+function Conversation({ messages, emptyState, className }) {
+  const scrollRef = useRef(null);
+  const pinnedRef = useRef(true);
+  const onScroll = () => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const distance = el.scrollHeight - el.scrollTop - el.clientHeight;
+    pinnedRef.current = distance < 32;
+  };
+  useEffect(() => {
+    const el = scrollRef.current;
+    if (el && pinnedRef.current) {
+      el.scrollTop = el.scrollHeight;
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: scrollRef,
+      onScroll,
+      role: "log",
+      className: cn("relative flex-1 overflow-y-auto", className),
+      children: messages.length === 0 && emptyState ? /* @__PURE__ */ jsx("div", { className: "flex size-full flex-col items-center justify-center gap-3 p-8 text-center", children: emptyState }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-8 p-4", children: messages.map((message) => /* @__PURE__ */ jsx(Message, { message }, message.id)) })
+    }
+  );
+}
+export {
+  Conversation
+};
+//# sourceMappingURL=Conversation.js.map

package/dist/data/chat/Conversation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Conversation.js","sources":["../../../src/data/chat/Conversation.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Message } from \"./Message\";\nimport type { UIMessage } from \"./types\";\n\nexport type ConversationProps = {\n  messages: UIMessage[];\n  /** Shown when there are no messages yet. */\n  emptyState?: React.ReactNode;\n  className?: string;\n};\n\n/** A scrollable message log that sticks to the bottom as new content streams\n *  in, unless the user has scrolled up. */\nexport function Conversation({ messages, emptyState, className }: ConversationProps) {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const pinnedRef = useRef(true);\n\n  const onScroll = () => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const distance = el.scrollHeight - el.scrollTop - el.clientHeight;\n    pinnedRef.current = distance < 32;\n  };\n\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (el && pinnedRef.current) {\n      el.scrollTop = el.scrollHeight;\n    }\n  });\n\n  return (\n    <div\n      ref={scrollRef}\n      onScroll={onScroll}\n      role=\"log\"\n      className={cn(\"relative flex-1 overflow-y-auto\", className)}\n    >\n      {messages.length === 0 && emptyState ? (\n        <div className=\"flex size-full flex-col items-center justify-center gap-3 p-8 text-center\">\n          {emptyState}\n        </div>\n      ) : (\n        <div className=\"flex flex-col gap-8 p-4\">\n          {messages.map((message) => (\n            <Message key={message.id} message={message} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAcO,SAAS,aAAa,EAAE,UAAU,YAAY,aAAgC;AACnF,QAAM,YAAY,OAAuB,IAAI;AAC7C,QAAM,YAAY,OAAO,IAAI;AAE7B,QAAM,WAAW,MAAM;AACrB,UAAM,KAAK,UAAU;AACrB,QAAI,CAAC,GAAI;AACT,UAAM,WAAW,GAAG,eAAe,GAAG,YAAY,GAAG;AACrD,cAAU,UAAU,WAAW;AAAA,EACjC;AAEA,YAAU,MAAM;AACd,UAAM,KAAK,UAAU;AACrB,QAAI,MAAM,UAAU,SAAS;AAC3B,SAAG,YAAY,GAAG;AAAA,IACpB;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,MAAK;AAAA,MACL,WAAW,GAAG,mCAAmC,SAAS;AAAA,MAEzD,UAAA,SAAS,WAAW,KAAK,aACxB,oBAAC,SAAI,WAAU,6EACZ,UAAA,WAAA,CACH,IAEA,oBAAC,OAAA,EAAI,WAAU,2BACZ,UAAA,SAAS,IAAI,CAAC,YACb,oBAAC,WAAyB,QAAA,GAAZ,QAAQ,EAAsB,CAC7C,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/data/chat/Message.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../../lib/utils.cjs");
+const Markdown = require("../Markdown.cjs");
+const ToolCall = require("./ToolCall.cjs");
+const types = require("./types.cjs");
+function Message({ message, className }) {
+  const isUser = message.role === "user";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(
+        "group flex w-full max-w-[95%] flex-col gap-2",
+        isUser ? "ml-auto items-end" : "items-start",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: utils.cn(
+            "flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm",
+            isUser && "rounded-lg bg-secondary px-4 py-3 text-secondary-foreground"
+          ),
+          children: message.parts.map((part, i) => /* @__PURE__ */ jsxRuntime.jsx(MessagePart, { part, isUser }, `${message.id}-${i}`))
+        }
+      )
+    }
+  );
+}
+function MessagePart({ part, isUser }) {
+  if (part.type === "text") {
+    if (isUser) {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-pre-wrap break-words", children: part.text });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(Markdown.Markdown, { text: part.text });
+  }
+  if (types.isDynamicToolPart(part) || types.isTypedToolPart(part)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ToolCall.ToolCall, { part });
+  }
+  return null;
+}
+exports.Message = Message;
+//# sourceMappingURL=Message.cjs.map

package/dist/data/chat/Message.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.cjs","sources":["../../../src/data/chat/Message.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Markdown } from \"../Markdown\";\nimport { ToolCall } from \"./ToolCall\";\nimport type { UIMessage } from \"./types\";\nimport { isDynamicToolPart, isTypedToolPart, type AnyToolPart } from \"./types\";\n\nexport type MessageProps = {\n  message: UIMessage;\n  className?: string;\n};\n\n/** Renders one chat message. User messages are right-aligned bubbles; assistant\n *  messages render text parts as markdown and tool parts as collapsible tool\n *  calls, in document order. */\nexport function Message({ message, className }: MessageProps) {\n  const isUser = message.role === \"user\";\n  return (\n    <div\n      className={cn(\n        \"group flex w-full max-w-[95%] flex-col gap-2\",\n        isUser ? \"ml-auto items-end\" : \"items-start\",\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          \"flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm\",\n          isUser && \"rounded-lg bg-secondary px-4 py-3 text-secondary-foreground\",\n        )}\n      >\n        {message.parts.map((part, i) => (\n          <MessagePart key={`${message.id}-${i}`} part={part} isUser={isUser} />\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction MessagePart({ part, isUser }: { part: UIMessage[\"parts\"][number]; isUser: boolean }) {\n  if (part.type === \"text\") {\n    if (isUser) {\n      return <span className=\"whitespace-pre-wrap break-words\">{part.text}</span>;\n    }\n    return <Markdown text={part.text} />;\n  }\n  if (isDynamicToolPart(part) || isTypedToolPart(part)) {\n    return <ToolCall part={part as AnyToolPart} />;\n  }\n  return null;\n}\n"],"names":["jsx","cn","Markdown","isDynamicToolPart","isTypedToolPart","ToolCall"],"mappings":";;;;;;;AAcO,SAAS,QAAQ,EAAE,SAAS,aAA2B;AAC5D,QAAM,SAAS,QAAQ,SAAS;AAChC,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA,SAAS,sBAAsB;AAAA,QAC/B;AAAA,MAAA;AAAA,MAGF,UAAAD,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,MAAAA;AAAAA,YACT;AAAA,YACA,UAAU;AAAA,UAAA;AAAA,UAGX,kBAAQ,MAAM,IAAI,CAAC,MAAM,MACxBD,2BAAAA,IAAC,aAAA,EAAuC,MAAY,OAAA,GAAlC,GAAG,QAAQ,EAAE,IAAI,CAAC,EAAgC,CACrE;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AAEA,SAAS,YAAY,EAAE,MAAM,UAAiE;AAC5F,MAAI,KAAK,SAAS,QAAQ;AACxB,QAAI,QAAQ;AACV,aAAOA,2BAAAA,IAAC,QAAA,EAAK,WAAU,mCAAmC,eAAK,MAAK;AAAA,IACtE;AACA,WAAOA,2BAAAA,IAACE,SAAAA,UAAA,EAAS,MAAM,KAAK,KAAA,CAAM;AAAA,EACpC;AACA,MAAIC,MAAAA,kBAAkB,IAAI,KAAKC,MAAAA,gBAAgB,IAAI,GAAG;AACpD,WAAOJ,+BAACK,SAAAA,YAAS,MAA2B;AAAA,EAC9C;AACA,SAAO;AACT;;"}

package/dist/data/chat/Message.d.ts

@@ -0,0 +1,10 @@
+import { UIMessage } from './types';
+export type MessageProps = {
+    message: UIMessage;
+    className?: string;
+};
+/** Renders one chat message. User messages are right-aligned bubbles; assistant
+ *  messages render text parts as markdown and tool parts as collapsible tool
+ *  calls, in document order. */
+export declare function Message({ message, className }: MessageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Message.d.ts.map

package/dist/data/chat/Message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/data/chat/Message.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;gCAEgC;AAChC,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,YAAY,2CAsB3D"}

package/dist/data/chat/Message.js

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { Markdown } from "../Markdown.js";
+import { ToolCall } from "./ToolCall.js";
+import { isDynamicToolPart, isTypedToolPart } from "./types.js";
+function Message({ message, className }) {
+  const isUser = message.role === "user";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "group flex w-full max-w-[95%] flex-col gap-2",
+        isUser ? "ml-auto items-end" : "items-start",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm",
+            isUser && "rounded-lg bg-secondary px-4 py-3 text-secondary-foreground"
+          ),
+          children: message.parts.map((part, i) => /* @__PURE__ */ jsx(MessagePart, { part, isUser }, `${message.id}-${i}`))
+        }
+      )
+    }
+  );
+}
+function MessagePart({ part, isUser }) {
+  if (part.type === "text") {
+    if (isUser) {
+      return /* @__PURE__ */ jsx("span", { className: "whitespace-pre-wrap break-words", children: part.text });
+    }
+    return /* @__PURE__ */ jsx(Markdown, { text: part.text });
+  }
+  if (isDynamicToolPart(part) || isTypedToolPart(part)) {
+    return /* @__PURE__ */ jsx(ToolCall, { part });
+  }
+  return null;
+}
+export {
+  Message
+};
+//# sourceMappingURL=Message.js.map

package/dist/data/chat/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sources":["../../../src/data/chat/Message.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Markdown } from \"../Markdown\";\nimport { ToolCall } from \"./ToolCall\";\nimport type { UIMessage } from \"./types\";\nimport { isDynamicToolPart, isTypedToolPart, type AnyToolPart } from \"./types\";\n\nexport type MessageProps = {\n  message: UIMessage;\n  className?: string;\n};\n\n/** Renders one chat message. User messages are right-aligned bubbles; assistant\n *  messages render text parts as markdown and tool parts as collapsible tool\n *  calls, in document order. */\nexport function Message({ message, className }: MessageProps) {\n  const isUser = message.role === \"user\";\n  return (\n    <div\n      className={cn(\n        \"group flex w-full max-w-[95%] flex-col gap-2\",\n        isUser ? \"ml-auto items-end\" : \"items-start\",\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          \"flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm\",\n          isUser && \"rounded-lg bg-secondary px-4 py-3 text-secondary-foreground\",\n        )}\n      >\n        {message.parts.map((part, i) => (\n          <MessagePart key={`${message.id}-${i}`} part={part} isUser={isUser} />\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction MessagePart({ part, isUser }: { part: UIMessage[\"parts\"][number]; isUser: boolean }) {\n  if (part.type === \"text\") {\n    if (isUser) {\n      return <span className=\"whitespace-pre-wrap break-words\">{part.text}</span>;\n    }\n    return <Markdown text={part.text} />;\n  }\n  if (isDynamicToolPart(part) || isTypedToolPart(part)) {\n    return <ToolCall part={part as AnyToolPart} />;\n  }\n  return null;\n}\n"],"names":[],"mappings":";;;;;AAcO,SAAS,QAAQ,EAAE,SAAS,aAA2B;AAC5D,QAAM,SAAS,QAAQ,SAAS;AAChC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS,sBAAsB;AAAA,QAC/B;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,UAAU;AAAA,UAAA;AAAA,UAGX,kBAAQ,MAAM,IAAI,CAAC,MAAM,MACxB,oBAAC,aAAA,EAAuC,MAAY,OAAA,GAAlC,GAAG,QAAQ,EAAE,IAAI,CAAC,EAAgC,CACrE;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AAEA,SAAS,YAAY,EAAE,MAAM,UAAiE;AAC5F,MAAI,KAAK,SAAS,QAAQ;AACxB,QAAI,QAAQ;AACV,aAAO,oBAAC,QAAA,EAAK,WAAU,mCAAmC,eAAK,MAAK;AAAA,IACtE;AACA,WAAO,oBAAC,UAAA,EAAS,MAAM,KAAK,KAAA,CAAM;AAAA,EACpC;AACA,MAAI,kBAAkB,IAAI,KAAK,gBAAgB,IAAI,GAAG;AACpD,WAAO,oBAAC,YAAS,MAA2B;AAAA,EAC9C;AACA,SAAO;AACT;"}