@mastra/playground-ui 66.0.0-alpha.1 → 66.0.0-alpha.3

package/dist/components/CodeDiff.cjs.js

@@ -1,8 +1,100 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require('../CodeDiff.css');const require_utils = require("../utils-01CRPdxi.cjs");
+const require_Txt = require("../Txt-B8V-pmTx.cjs");
+const require_components_DisclosureChevron = require("./DisclosureChevron.cjs.js");
 const require_ThemeProvider = require("../ThemeProvider-CP5NGZzA.cjs");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _pierre_diffs_react = require("@pierre/diffs/react");
+//#region src/ds/components/CodeDiff/code-diff-header.tsx
+function FilePath({ path, variant }) {
+	const nameStart = path.lastIndexOf("/") + 1;
+	const directory = path.slice(0, nameStart);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		className: "flex min-w-0",
+		children: [directory ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			as: "span",
+			dir: "rtl",
+			variant,
+			font: "mono",
+			tone: "muted",
+			className: "min-w-[2ch] truncate",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("bdi", {
+				dir: "ltr",
+				children: directory
+			})
+		}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			as: "span",
+			variant,
+			font: "mono",
+			tone: variant === "body-sm" ? "ink" : "muted",
+			className: require_utils.cn("shrink-0 truncate", directory ? "max-w-[calc(100%-2ch)]" : "max-w-full"),
+			children: path.slice(nameStart)
+		})]
+	});
+}
+function HeaderTitle({ path, previousPath }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		className: "flex min-w-0 flex-col",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilePath, {
+			path,
+			variant: "body-sm"
+		}), previousPath && previousPath !== path ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "flex min-w-0 gap-1",
+			children: [
+				" ",
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+					as: "span",
+					variant: "meta",
+					tone: "muted",
+					className: "shrink-0",
+					children: "from"
+				}),
+				" ",
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilePath, {
+					path: previousPath,
+					variant: "meta"
+				})
+			]
+		}) : null]
+	});
+}
+function FirstLineSlot({ children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "flex h-5 shrink-0 items-center gap-2 [&_svg]:size-4",
+		children
+	});
+}
+function CodeDiffHeader({ path, previousPath, icon, meta, collapsed, onToggle }) {
+	const title = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FirstLineSlot, { children: icon }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeaderTitle, {
+		path,
+		previousPath
+	})] });
+	const titleClass = "flex min-w-0 flex-1 items-start gap-1.5 py-2 pl-2 text-left";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "sticky top-0 z-10 flex items-start gap-2 bg-card pr-3 not-last:border-b not-last:border-border",
+		children: [onToggle ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			"aria-expanded": !collapsed,
+			onClick: onToggle,
+			className: titleClass,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FirstLineSlot, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_DisclosureChevron.DisclosureChevron, {
+				direction: "right",
+				className: "text-muted-foreground"
+			}) }), title]
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: titleClass,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FirstLineSlot, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				"aria-hidden": true,
+				className: "size-4"
+			}) }), title]
+		}), meta ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "py-2",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FirstLineSlot, { children: meta })
+		}) : null]
+	});
+}
+//#endregion
 //#region src/ds/components/CodeDiff/code-diff.tsx
 var PATCH_METADATA_PREFIXES = [
 	"Binary files ",
@@ -24,7 +116,7 @@ function PatchMetadata({ patch }) {
 		children: "No textual changes."
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "p-3 font-mono text-caption",
+		className: "p-3 font-mono text-caption wrap-anywhere",
 		children: lines.map((line) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: line }, line))
 	});
 }
@@ -35,9 +127,30 @@ function PatchContent({ patch, options }) {
 		options
 	});
 }
-function CodeDiff({ className, layout, ...source }) {
+function DiffContent({ source, options }) {
+	if (source.patch !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PatchContent, {
+		patch: source.patch,
+		options
+	});
+	if (source.codeA === void 0) return null;
+	const name = source.filename ?? "content.txt";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_pierre_diffs_react.MultiFileDiff, {
+		oldFile: {
+			name,
+			contents: source.codeA
+		},
+		newFile: {
+			name,
+			contents: source.codeB
+		},
+		options
+	});
+}
+function CodeDiff({ className, layout, overflow = "wrap", header, ref, ...source }) {
 	const { resolvedTheme } = require_ThemeProvider.useTheme();
+	const [collapsed, setCollapsed] = (0, react.useState)(false);
 	const isPatch = source.patch !== void 0;
+	const hasDiff = isPatch || source.codeA !== void 0;
 	const options = {
 		theme: {
 			dark: "pierre-dark",
@@ -47,27 +160,33 @@ function CodeDiff({ className, layout, ...source }) {
 		diffStyle: layout ?? (isPatch ? "unified" : "split"),
 		diffIndicators: "classic",
 		disableFileHeader: true,
-		overflow: "wrap"
+		overflow
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_utils.cn("code-diff min-w-0 overflow-auto rounded-md border border-border bg-card", className),
-		children: source.patch !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PatchContent, {
-			patch: source.patch,
-			options
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_pierre_diffs_react.MultiFileDiff, {
-			oldFile: {
-				name: source.filename ?? "content.txt",
-				contents: source.codeA
-			},
-			newFile: {
-				name: source.filename ?? "content.txt",
-				contents: source.codeB
-			},
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("code-diff min-w-0 overflow-clip rounded-md border border-border bg-card", className),
+		children: [header ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeDiffHeader, {
+			...header,
+			collapsed,
+			onToggle: hasDiff ? () => setCollapsed((current) => !current) : void 0
+		}) : null, collapsed ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DiffContent, {
+			source,
 			options
-		})
+		})]
+	});
+}
+//#endregion
+//#region src/ds/components/CodeDiff/code-diff-list.tsx
+/** Stacks `CodeDiff`s edge to edge like a pull request, rendering only the lines in view so long change sets stay fast. */
+function CodeDiffList({ children, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_pierre_diffs_react.Virtualizer, {
+		className: require_utils.cn("min-h-0 overflow-auto", className),
+		contentClassName: "flex flex-col *:rounded-none *:border-x-0 *:border-t-0",
+		children
 	});
 }
 //#endregion
 exports.CodeDiff = CodeDiff;
+exports.CodeDiffList = CodeDiffList;
 
 //# sourceMappingURL=CodeDiff.cjs.js.map

package/dist/components/CodeDiff.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeDiff.cjs.js","names":["PatchDiff","useTheme","cn","MultiFileDiff"],"sources":["../../src/ds/components/CodeDiff/code-diff.tsx"],"sourcesContent":["'use client';\n\nimport { MultiFileDiff, PatchDiff } from '@pierre/diffs/react';\nimport type { FileDiffOptions } from '@pierre/diffs/react';\nimport { useTheme } from '@/ds/components/ThemeProvider';\nimport { cn } from '@/lib/utils';\nimport './code-diff.css';\n\nexport type CodeDiffProps = {\n  className?: string;\n  layout?: 'split' | 'unified';\n} & (\n  | { codeA: string; codeB: string; filename?: string; patch?: never }\n  | { patch: string; codeA?: never; codeB?: never; filename?: never }\n);\n\nconst PATCH_METADATA_PREFIXES = [\n  'Binary files ',\n  'GIT binary patch',\n  'similarity index ',\n  'rename from ',\n  'rename to ',\n  'copy from ',\n  'copy to ',\n  'new file mode ',\n  'deleted file mode ',\n  'old mode ',\n  'new mode ',\n];\n\nfunction PatchMetadata({ patch }: { patch: string }) {\n  const lines = patch.split('\\n').filter(line => PATCH_METADATA_PREFIXES.some(prefix => line.startsWith(prefix)));\n\n  if (lines.length === 0) {\n    return <p className=\"p-3 text-caption text-muted-foreground\">No textual changes.</p>;\n  }\n\n  return (\n    <div className=\"p-3 font-mono text-caption\">\n      {lines.map(line => (\n        <div key={line}>{line}</div>\n      ))}\n    </div>\n  );\n}\n\nfunction PatchContent({ patch, options }: { patch: string; options: FileDiffOptions<undefined, undefined> }) {\n  if (!/^@@ -\\d/m.test(patch)) return <PatchMetadata patch={patch} />;\n  return <PatchDiff patch={patch} options={options} />;\n}\n\nexport function CodeDiff({ className, layout, ...source }: CodeDiffProps) {\n  const { resolvedTheme } = useTheme();\n  const isPatch = source.patch !== undefined;\n  const options: FileDiffOptions<undefined, undefined> = {\n    theme: { dark: 'pierre-dark', light: 'pierre-light' },\n    themeType: resolvedTheme,\n    diffStyle: layout ?? (isPatch ? 'unified' : 'split'),\n    diffIndicators: 'classic',\n    disableFileHeader: true,\n    overflow: 'wrap',\n  };\n\n  return (\n    <div className={cn('code-diff min-w-0 overflow-auto rounded-md border border-border bg-card', className)}>\n      {source.patch !== undefined ? (\n        <PatchContent patch={source.patch} options={options} />\n      ) : (\n        <MultiFileDiff\n          oldFile={{ name: source.filename ?? 'content.txt', contents: source.codeA }}\n          newFile={{ name: source.filename ?? 'content.txt', contents: source.codeB }}\n          options={options}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAgBA,IAAM,0BAA0B;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAAS,cAAc,EAAE,SAA4B;CACnD,MAAM,QAAQ,MAAM,MAAM,IAAI,CAAC,CAAC,QAAO,SAAQ,wBAAwB,MAAK,WAAU,KAAK,WAAW,MAAM,CAAC,CAAC;CAE9G,IAAI,MAAM,WAAW,GACnB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EAAG,WAAU;EAAyC,UAAA;CAAsB,CAAA;CAGrF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EACZ,UAAA,MAAM,KAAI,SACT,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAA,UAAiB,KAAU,GAAjB,IAAiB,CAC5B;CACE,CAAA;AAET;AAEA,SAAS,aAAa,EAAE,OAAO,WAA8E;CAC3G,IAAI,CAAC,WAAW,KAAK,KAAK,GAAG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,EAAsB,MAAQ,CAAA;CAClE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,oBAAAA,WAAD;EAAkB;EAAgB;CAAU,CAAA;AACrD;AAEA,SAAgB,SAAS,EAAE,WAAW,QAAQ,GAAG,UAAyB;CACxE,MAAM,EAAE,kBAAkBC,sBAAAA,SAAS;CACnC,MAAM,UAAU,OAAO,UAAU,KAAA;CACjC,MAAM,UAAiD;EACrD,OAAO;GAAE,MAAM;GAAe,OAAO;EAAe;EACpD,WAAW;EACX,WAAW,WAAW,UAAU,YAAY;EAC5C,gBAAgB;EAChB,mBAAmB;EACnB,UAAU;CACZ;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAWC,cAAAA,GAAG,2EAA2E,SAAS;EACpG,UAAA,OAAO,UAAU,KAAA,IAChB,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;GAAc,OAAO,OAAO;GAAgB;EAAU,CAAA,IAEtD,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,eAAD;GACE,SAAS;IAAE,MAAM,OAAO,YAAY;IAAe,UAAU,OAAO;GAAM;GAC1E,SAAS;IAAE,MAAM,OAAO,YAAY;IAAe,UAAU,OAAO;GAAM;GACjE;EACV,CAAA;CAEA,CAAA;AAET"}
+{"version":3,"file":"CodeDiff.cjs.js","names":["Txt","cn","_Fragment","DisclosureChevron","PatchDiff","MultiFileDiff","useTheme","useState","cn","Virtualizer","cn"],"sources":["../../src/ds/components/CodeDiff/code-diff-header.tsx","../../src/ds/components/CodeDiff/code-diff.tsx","../../src/ds/components/CodeDiff/code-diff-list.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface CodeDiffFileHeader {\n  path: string;\n  /** The path before a rename or move, shown under the current one. */\n  previousPath?: string;\n  /** Shown before the path, e.g. the kind of change. Give it an accessible name. */\n  icon?: ReactNode;\n  /** Shown at the header's right edge, e.g. the line counts. */\n  meta?: ReactNode;\n}\n\nfunction FilePath({ path, variant }: { path: string; variant: 'body-sm' | 'meta' }) {\n  const nameStart = path.lastIndexOf('/') + 1;\n  const directory = path.slice(0, nameStart);\n  return (\n    <span className=\"flex min-w-0\">\n      {/* rtl box + ltr isolate puts the ellipsis at the start, so the nearest folder stays visible */}\n      {directory ? (\n        <Txt as=\"span\" dir=\"rtl\" variant={variant} font=\"mono\" tone=\"muted\" className=\"min-w-[2ch] truncate\">\n          <bdi dir=\"ltr\">{directory}</bdi>\n        </Txt>\n      ) : null}\n      <Txt\n        as=\"span\"\n        variant={variant}\n        font=\"mono\"\n        tone={variant === 'body-sm' ? 'ink' : 'muted'}\n        className={cn('shrink-0 truncate', directory ? 'max-w-[calc(100%-2ch)]' : 'max-w-full')}\n      >\n        {path.slice(nameStart)}\n      </Txt>\n    </span>\n  );\n}\n\nfunction HeaderTitle({ path, previousPath }: Pick<CodeDiffFileHeader, 'path' | 'previousPath'>) {\n  return (\n    <span className=\"flex min-w-0 flex-col\">\n      <FilePath path={path} variant=\"body-sm\" />\n      {previousPath && previousPath !== path ? (\n        <span className=\"flex min-w-0 gap-1\">\n          {' '}\n          <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"shrink-0\">\n            from\n          </Txt>{' '}\n          <FilePath path={previousPath} variant=\"meta\" />\n        </span>\n      ) : null}\n    </span>\n  );\n}\n\nfunction FirstLineSlot({ children }: { children?: ReactNode }) {\n  return <span className=\"flex h-5 shrink-0 items-center gap-2 [&_svg]:size-4\">{children}</span>;\n}\n\ninterface CodeDiffHeaderProps extends CodeDiffFileHeader {\n  collapsed: boolean;\n  onToggle?(): void;\n}\n\nexport function CodeDiffHeader({ path, previousPath, icon, meta, collapsed, onToggle }: CodeDiffHeaderProps) {\n  const title = (\n    <>\n      {icon ? <FirstLineSlot>{icon}</FirstLineSlot> : null}\n      <HeaderTitle path={path} previousPath={previousPath} />\n    </>\n  );\n  const titleClass = 'flex min-w-0 flex-1 items-start gap-1.5 py-2 pl-2 text-left';\n\n  return (\n    <div className=\"sticky top-0 z-10 flex items-start gap-2 bg-card pr-3 not-last:border-b not-last:border-border\">\n      {onToggle ? (\n        <button type=\"button\" aria-expanded={!collapsed} onClick={onToggle} className={titleClass}>\n          <FirstLineSlot>\n            <DisclosureChevron direction=\"right\" className=\"text-muted-foreground\" />\n          </FirstLineSlot>\n          {title}\n        </button>\n      ) : (\n        <div className={titleClass}>\n          <FirstLineSlot>\n            <span aria-hidden className=\"size-4\" />\n          </FirstLineSlot>\n          {title}\n        </div>\n      )}\n      {meta ? (\n        <span className=\"py-2\">\n          <FirstLineSlot>{meta}</FirstLineSlot>\n        </span>\n      ) : null}\n    </div>\n  );\n}\n","'use client';\n\nimport { MultiFileDiff, PatchDiff } from '@pierre/diffs/react';\nimport type { FileDiffOptions } from '@pierre/diffs/react';\nimport { useState } from 'react';\nimport type { Ref } from 'react';\nimport { CodeDiffHeader } from './code-diff-header';\nimport type { CodeDiffFileHeader } from './code-diff-header';\nimport { useTheme } from '@/ds/components/ThemeProvider';\nimport { cn } from '@/lib/utils';\nimport './code-diff.css';\n\ntype CodeDiffSource =\n  | { codeA: string; codeB: string; filename?: string; patch?: never }\n  | { patch: string; codeA?: never; codeB?: never; filename?: never };\n\ntype NoCodeDiffSource = { patch?: never; codeA?: never; codeB?: never; filename?: never };\n\nexport type CodeDiffProps = {\n  className?: string;\n  layout?: 'split' | 'unified';\n  /** `wrap` (default) breaks long lines — best for prose. `scroll` keeps columns behind a horizontal scroll — best for source code. */\n  overflow?: 'wrap' | 'scroll';\n  ref?: Ref<HTMLDivElement>;\n} & (({ header?: CodeDiffFileHeader } & CodeDiffSource) | ({ header: CodeDiffFileHeader } & NoCodeDiffSource));\n\nconst PATCH_METADATA_PREFIXES = [\n  'Binary files ',\n  'GIT binary patch',\n  'similarity index ',\n  'rename from ',\n  'rename to ',\n  'copy from ',\n  'copy to ',\n  'new file mode ',\n  'deleted file mode ',\n  'old mode ',\n  'new mode ',\n];\n\nfunction PatchMetadata({ patch }: { patch: string }) {\n  const lines = patch.split('\\n').filter(line => PATCH_METADATA_PREFIXES.some(prefix => line.startsWith(prefix)));\n\n  if (lines.length === 0) {\n    return <p className=\"p-3 text-caption text-muted-foreground\">No textual changes.</p>;\n  }\n\n  return (\n    <div className=\"p-3 font-mono text-caption wrap-anywhere\">\n      {lines.map(line => (\n        <div key={line}>{line}</div>\n      ))}\n    </div>\n  );\n}\n\nfunction PatchContent({ patch, options }: { patch: string; options: FileDiffOptions<undefined, undefined> }) {\n  if (!/^@@ -\\d/m.test(patch)) return <PatchMetadata patch={patch} />;\n  return <PatchDiff patch={patch} options={options} />;\n}\n\nfunction DiffContent({\n  source,\n  options,\n}: {\n  source: CodeDiffSource | NoCodeDiffSource;\n  options: FileDiffOptions<undefined, undefined>;\n}) {\n  if (source.patch !== undefined) return <PatchContent patch={source.patch} options={options} />;\n  if (source.codeA === undefined) return null;\n  const name = source.filename ?? 'content.txt';\n  return (\n    <MultiFileDiff\n      oldFile={{ name, contents: source.codeA }}\n      newFile={{ name, contents: source.codeB }}\n      options={options}\n    />\n  );\n}\n\nexport function CodeDiff({ className, layout, overflow = 'wrap', header, ref, ...source }: CodeDiffProps) {\n  const { resolvedTheme } = useTheme();\n  const [collapsed, setCollapsed] = useState(false);\n  const isPatch = source.patch !== undefined;\n  const hasDiff = isPatch || source.codeA !== undefined;\n  const options: FileDiffOptions<undefined, undefined> = {\n    theme: { dark: 'pierre-dark', light: 'pierre-light' },\n    themeType: resolvedTheme,\n    diffStyle: layout ?? (isPatch ? 'unified' : 'split'),\n    diffIndicators: 'classic',\n    disableFileHeader: true,\n    overflow,\n  };\n\n  return (\n    <div ref={ref} className={cn('code-diff min-w-0 overflow-clip rounded-md border border-border bg-card', className)}>\n      {header ? (\n        <CodeDiffHeader\n          {...header}\n          collapsed={collapsed}\n          onToggle={hasDiff ? () => setCollapsed(current => !current) : undefined}\n        />\n      ) : null}\n      {collapsed ? null : <DiffContent source={source} options={options} />}\n    </div>\n  );\n}\n","'use client';\n\nimport { Virtualizer } from '@pierre/diffs/react';\nimport type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface CodeDiffListProps {\n  children: ReactNode;\n  className?: string;\n}\n\n/** Stacks `CodeDiff`s edge to edge like a pull request, rendering only the lines in view so long change sets stay fast. */\nexport function CodeDiffList({ children, className }: CodeDiffListProps) {\n  return (\n    <Virtualizer\n      className={cn('min-h-0 overflow-auto', className)}\n      contentClassName=\"flex flex-col *:rounded-none *:border-x-0 *:border-t-0\"\n    >\n      {children}\n    </Virtualizer>\n  );\n}\n"],"mappings":"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"}

package/dist/components/CodeDiff.es.js

@@ -1,8 +1,100 @@
 import { t as cn } from "../utils-BiHZnbcQ.js";
+import { t as Txt } from "../Txt-_ZEoM8gB.js";
+import { DisclosureChevron } from "./DisclosureChevron.es.js";
 import { n as useTheme } from "../ThemeProvider-D-_g7dej.js";
-import { jsx } from "react/jsx-runtime";
-import { MultiFileDiff, PatchDiff } from "@pierre/diffs/react";
-import '../CodeDiff.css';//#region src/ds/components/CodeDiff/code-diff.tsx
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { MultiFileDiff, PatchDiff, Virtualizer } from "@pierre/diffs/react";
+import '../CodeDiff.css';//#region src/ds/components/CodeDiff/code-diff-header.tsx
+function FilePath({ path, variant }) {
+	const nameStart = path.lastIndexOf("/") + 1;
+	const directory = path.slice(0, nameStart);
+	return /* @__PURE__ */ jsxs("span", {
+		className: "flex min-w-0",
+		children: [directory ? /* @__PURE__ */ jsx(Txt, {
+			as: "span",
+			dir: "rtl",
+			variant,
+			font: "mono",
+			tone: "muted",
+			className: "min-w-[2ch] truncate",
+			children: /* @__PURE__ */ jsx("bdi", {
+				dir: "ltr",
+				children: directory
+			})
+		}) : null, /* @__PURE__ */ jsx(Txt, {
+			as: "span",
+			variant,
+			font: "mono",
+			tone: variant === "body-sm" ? "ink" : "muted",
+			className: cn("shrink-0 truncate", directory ? "max-w-[calc(100%-2ch)]" : "max-w-full"),
+			children: path.slice(nameStart)
+		})]
+	});
+}
+function HeaderTitle({ path, previousPath }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: "flex min-w-0 flex-col",
+		children: [/* @__PURE__ */ jsx(FilePath, {
+			path,
+			variant: "body-sm"
+		}), previousPath && previousPath !== path ? /* @__PURE__ */ jsxs("span", {
+			className: "flex min-w-0 gap-1",
+			children: [
+				" ",
+				/* @__PURE__ */ jsx(Txt, {
+					as: "span",
+					variant: "meta",
+					tone: "muted",
+					className: "shrink-0",
+					children: "from"
+				}),
+				" ",
+				/* @__PURE__ */ jsx(FilePath, {
+					path: previousPath,
+					variant: "meta"
+				})
+			]
+		}) : null]
+	});
+}
+function FirstLineSlot({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "flex h-5 shrink-0 items-center gap-2 [&_svg]:size-4",
+		children
+	});
+}
+function CodeDiffHeader({ path, previousPath, icon, meta, collapsed, onToggle }) {
+	const title = /* @__PURE__ */ jsxs(Fragment$1, { children: [icon ? /* @__PURE__ */ jsx(FirstLineSlot, { children: icon }) : null, /* @__PURE__ */ jsx(HeaderTitle, {
+		path,
+		previousPath
+	})] });
+	const titleClass = "flex min-w-0 flex-1 items-start gap-1.5 py-2 pl-2 text-left";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "sticky top-0 z-10 flex items-start gap-2 bg-card pr-3 not-last:border-b not-last:border-border",
+		children: [onToggle ? /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			"aria-expanded": !collapsed,
+			onClick: onToggle,
+			className: titleClass,
+			children: [/* @__PURE__ */ jsx(FirstLineSlot, { children: /* @__PURE__ */ jsx(DisclosureChevron, {
+				direction: "right",
+				className: "text-muted-foreground"
+			}) }), title]
+		}) : /* @__PURE__ */ jsxs("div", {
+			className: titleClass,
+			children: [/* @__PURE__ */ jsx(FirstLineSlot, { children: /* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: "size-4"
+			}) }), title]
+		}), meta ? /* @__PURE__ */ jsx("span", {
+			className: "py-2",
+			children: /* @__PURE__ */ jsx(FirstLineSlot, { children: meta })
+		}) : null]
+	});
+}
+//#endregion
+//#region src/ds/components/CodeDiff/code-diff.tsx
 var PATCH_METADATA_PREFIXES = [
 	"Binary files ",
 	"GIT binary patch",
@@ -23,7 +115,7 @@ function PatchMetadata({ patch }) {
 		children: "No textual changes."
 	});
 	return /* @__PURE__ */ jsx("div", {
-		className: "p-3 font-mono text-caption",
+		className: "p-3 font-mono text-caption wrap-anywhere",
 		children: lines.map((line) => /* @__PURE__ */ jsx("div", { children: line }, line))
 	});
 }
@@ -34,9 +126,30 @@ function PatchContent({ patch, options }) {
 		options
 	});
 }
-function CodeDiff({ className, layout, ...source }) {
+function DiffContent({ source, options }) {
+	if (source.patch !== void 0) return /* @__PURE__ */ jsx(PatchContent, {
+		patch: source.patch,
+		options
+	});
+	if (source.codeA === void 0) return null;
+	const name = source.filename ?? "content.txt";
+	return /* @__PURE__ */ jsx(MultiFileDiff, {
+		oldFile: {
+			name,
+			contents: source.codeA
+		},
+		newFile: {
+			name,
+			contents: source.codeB
+		},
+		options
+	});
+}
+function CodeDiff({ className, layout, overflow = "wrap", header, ref, ...source }) {
 	const { resolvedTheme } = useTheme();
+	const [collapsed, setCollapsed] = useState(false);
 	const isPatch = source.patch !== void 0;
+	const hasDiff = isPatch || source.codeA !== void 0;
 	const options = {
 		theme: {
 			dark: "pierre-dark",
@@ -46,27 +159,32 @@ function CodeDiff({ className, layout, ...source }) {
 		diffStyle: layout ?? (isPatch ? "unified" : "split"),
 		diffIndicators: "classic",
 		disableFileHeader: true,
-		overflow: "wrap"
+		overflow
 	};
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("code-diff min-w-0 overflow-auto rounded-md border border-border bg-card", className),
-		children: source.patch !== void 0 ? /* @__PURE__ */ jsx(PatchContent, {
-			patch: source.patch,
-			options
-		}) : /* @__PURE__ */ jsx(MultiFileDiff, {
-			oldFile: {
-				name: source.filename ?? "content.txt",
-				contents: source.codeA
-			},
-			newFile: {
-				name: source.filename ?? "content.txt",
-				contents: source.codeB
-			},
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("code-diff min-w-0 overflow-clip rounded-md border border-border bg-card", className),
+		children: [header ? /* @__PURE__ */ jsx(CodeDiffHeader, {
+			...header,
+			collapsed,
+			onToggle: hasDiff ? () => setCollapsed((current) => !current) : void 0
+		}) : null, collapsed ? null : /* @__PURE__ */ jsx(DiffContent, {
+			source,
 			options
-		})
+		})]
+	});
+}
+//#endregion
+//#region src/ds/components/CodeDiff/code-diff-list.tsx
+/** Stacks `CodeDiff`s edge to edge like a pull request, rendering only the lines in view so long change sets stay fast. */
+function CodeDiffList({ children, className }) {
+	return /* @__PURE__ */ jsx(Virtualizer, {
+		className: cn("min-h-0 overflow-auto", className),
+		contentClassName: "flex flex-col *:rounded-none *:border-x-0 *:border-t-0",
+		children
 	});
 }
 //#endregion
-export { CodeDiff };
+export { CodeDiff, CodeDiffList };
 
 //# sourceMappingURL=CodeDiff.es.js.map

package/dist/components/CodeDiff.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeDiff.es.js","names":[],"sources":["../../src/ds/components/CodeDiff/code-diff.tsx"],"sourcesContent":["'use client';\n\nimport { MultiFileDiff, PatchDiff } from '@pierre/diffs/react';\nimport type { FileDiffOptions } from '@pierre/diffs/react';\nimport { useTheme } from '@/ds/components/ThemeProvider';\nimport { cn } from '@/lib/utils';\nimport './code-diff.css';\n\nexport type CodeDiffProps = {\n  className?: string;\n  layout?: 'split' | 'unified';\n} & (\n  | { codeA: string; codeB: string; filename?: string; patch?: never }\n  | { patch: string; codeA?: never; codeB?: never; filename?: never }\n);\n\nconst PATCH_METADATA_PREFIXES = [\n  'Binary files ',\n  'GIT binary patch',\n  'similarity index ',\n  'rename from ',\n  'rename to ',\n  'copy from ',\n  'copy to ',\n  'new file mode ',\n  'deleted file mode ',\n  'old mode ',\n  'new mode ',\n];\n\nfunction PatchMetadata({ patch }: { patch: string }) {\n  const lines = patch.split('\\n').filter(line => PATCH_METADATA_PREFIXES.some(prefix => line.startsWith(prefix)));\n\n  if (lines.length === 0) {\n    return <p className=\"p-3 text-caption text-muted-foreground\">No textual changes.</p>;\n  }\n\n  return (\n    <div className=\"p-3 font-mono text-caption\">\n      {lines.map(line => (\n        <div key={line}>{line}</div>\n      ))}\n    </div>\n  );\n}\n\nfunction PatchContent({ patch, options }: { patch: string; options: FileDiffOptions<undefined, undefined> }) {\n  if (!/^@@ -\\d/m.test(patch)) return <PatchMetadata patch={patch} />;\n  return <PatchDiff patch={patch} options={options} />;\n}\n\nexport function CodeDiff({ className, layout, ...source }: CodeDiffProps) {\n  const { resolvedTheme } = useTheme();\n  const isPatch = source.patch !== undefined;\n  const options: FileDiffOptions<undefined, undefined> = {\n    theme: { dark: 'pierre-dark', light: 'pierre-light' },\n    themeType: resolvedTheme,\n    diffStyle: layout ?? (isPatch ? 'unified' : 'split'),\n    diffIndicators: 'classic',\n    disableFileHeader: true,\n    overflow: 'wrap',\n  };\n\n  return (\n    <div className={cn('code-diff min-w-0 overflow-auto rounded-md border border-border bg-card', className)}>\n      {source.patch !== undefined ? (\n        <PatchContent patch={source.patch} options={options} />\n      ) : (\n        <MultiFileDiff\n          oldFile={{ name: source.filename ?? 'content.txt', contents: source.codeA }}\n          newFile={{ name: source.filename ?? 'content.txt', contents: source.codeB }}\n          options={options}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAgBA,IAAM,0BAA0B;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAAS,cAAc,EAAE,SAA4B;CACnD,MAAM,QAAQ,MAAM,MAAM,IAAI,CAAC,CAAC,QAAO,SAAQ,wBAAwB,MAAK,WAAU,KAAK,WAAW,MAAM,CAAC,CAAC;CAE9G,IAAI,MAAM,WAAW,GACnB,OAAO,oBAAC,KAAD;EAAG,WAAU;EAAyC,UAAA;CAAsB,CAAA;CAGrF,OACE,oBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,MAAM,KAAI,SACT,oBAAC,OAAD,EAAA,UAAiB,KAAU,GAAjB,IAAiB,CAC5B;CACE,CAAA;AAET;AAEA,SAAS,aAAa,EAAE,OAAO,WAA8E;CAC3G,IAAI,CAAC,WAAW,KAAK,KAAK,GAAG,OAAO,oBAAC,eAAD,EAAsB,MAAQ,CAAA;CAClE,OAAO,oBAAC,WAAD;EAAkB;EAAgB;CAAU,CAAA;AACrD;AAEA,SAAgB,SAAS,EAAE,WAAW,QAAQ,GAAG,UAAyB;CACxE,MAAM,EAAE,kBAAkB,SAAS;CACnC,MAAM,UAAU,OAAO,UAAU,KAAA;CACjC,MAAM,UAAiD;EACrD,OAAO;GAAE,MAAM;GAAe,OAAO;EAAe;EACpD,WAAW;EACX,WAAW,WAAW,UAAU,YAAY;EAC5C,gBAAgB;EAChB,mBAAmB;EACnB,UAAU;CACZ;CAEA,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,2EAA2E,SAAS;EACpG,UAAA,OAAO,UAAU,KAAA,IAChB,oBAAC,cAAD;GAAc,OAAO,OAAO;GAAgB;EAAU,CAAA,IAEtD,oBAAC,eAAD;GACE,SAAS;IAAE,MAAM,OAAO,YAAY;IAAe,UAAU,OAAO;GAAM;GAC1E,SAAS;IAAE,MAAM,OAAO,YAAY;IAAe,UAAU,OAAO;GAAM;GACjE;EACV,CAAA;CAEA,CAAA;AAET"}
+{"version":3,"file":"CodeDiff.es.js","names":["_Fragment"],"sources":["../../src/ds/components/CodeDiff/code-diff-header.tsx","../../src/ds/components/CodeDiff/code-diff.tsx","../../src/ds/components/CodeDiff/code-diff-list.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface CodeDiffFileHeader {\n  path: string;\n  /** The path before a rename or move, shown under the current one. */\n  previousPath?: string;\n  /** Shown before the path, e.g. the kind of change. Give it an accessible name. */\n  icon?: ReactNode;\n  /** Shown at the header's right edge, e.g. the line counts. */\n  meta?: ReactNode;\n}\n\nfunction FilePath({ path, variant }: { path: string; variant: 'body-sm' | 'meta' }) {\n  const nameStart = path.lastIndexOf('/') + 1;\n  const directory = path.slice(0, nameStart);\n  return (\n    <span className=\"flex min-w-0\">\n      {/* rtl box + ltr isolate puts the ellipsis at the start, so the nearest folder stays visible */}\n      {directory ? (\n        <Txt as=\"span\" dir=\"rtl\" variant={variant} font=\"mono\" tone=\"muted\" className=\"min-w-[2ch] truncate\">\n          <bdi dir=\"ltr\">{directory}</bdi>\n        </Txt>\n      ) : null}\n      <Txt\n        as=\"span\"\n        variant={variant}\n        font=\"mono\"\n        tone={variant === 'body-sm' ? 'ink' : 'muted'}\n        className={cn('shrink-0 truncate', directory ? 'max-w-[calc(100%-2ch)]' : 'max-w-full')}\n      >\n        {path.slice(nameStart)}\n      </Txt>\n    </span>\n  );\n}\n\nfunction HeaderTitle({ path, previousPath }: Pick<CodeDiffFileHeader, 'path' | 'previousPath'>) {\n  return (\n    <span className=\"flex min-w-0 flex-col\">\n      <FilePath path={path} variant=\"body-sm\" />\n      {previousPath && previousPath !== path ? (\n        <span className=\"flex min-w-0 gap-1\">\n          {' '}\n          <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"shrink-0\">\n            from\n          </Txt>{' '}\n          <FilePath path={previousPath} variant=\"meta\" />\n        </span>\n      ) : null}\n    </span>\n  );\n}\n\nfunction FirstLineSlot({ children }: { children?: ReactNode }) {\n  return <span className=\"flex h-5 shrink-0 items-center gap-2 [&_svg]:size-4\">{children}</span>;\n}\n\ninterface CodeDiffHeaderProps extends CodeDiffFileHeader {\n  collapsed: boolean;\n  onToggle?(): void;\n}\n\nexport function CodeDiffHeader({ path, previousPath, icon, meta, collapsed, onToggle }: CodeDiffHeaderProps) {\n  const title = (\n    <>\n      {icon ? <FirstLineSlot>{icon}</FirstLineSlot> : null}\n      <HeaderTitle path={path} previousPath={previousPath} />\n    </>\n  );\n  const titleClass = 'flex min-w-0 flex-1 items-start gap-1.5 py-2 pl-2 text-left';\n\n  return (\n    <div className=\"sticky top-0 z-10 flex items-start gap-2 bg-card pr-3 not-last:border-b not-last:border-border\">\n      {onToggle ? (\n        <button type=\"button\" aria-expanded={!collapsed} onClick={onToggle} className={titleClass}>\n          <FirstLineSlot>\n            <DisclosureChevron direction=\"right\" className=\"text-muted-foreground\" />\n          </FirstLineSlot>\n          {title}\n        </button>\n      ) : (\n        <div className={titleClass}>\n          <FirstLineSlot>\n            <span aria-hidden className=\"size-4\" />\n          </FirstLineSlot>\n          {title}\n        </div>\n      )}\n      {meta ? (\n        <span className=\"py-2\">\n          <FirstLineSlot>{meta}</FirstLineSlot>\n        </span>\n      ) : null}\n    </div>\n  );\n}\n","'use client';\n\nimport { MultiFileDiff, PatchDiff } from '@pierre/diffs/react';\nimport type { FileDiffOptions } from '@pierre/diffs/react';\nimport { useState } from 'react';\nimport type { Ref } from 'react';\nimport { CodeDiffHeader } from './code-diff-header';\nimport type { CodeDiffFileHeader } from './code-diff-header';\nimport { useTheme } from '@/ds/components/ThemeProvider';\nimport { cn } from '@/lib/utils';\nimport './code-diff.css';\n\ntype CodeDiffSource =\n  | { codeA: string; codeB: string; filename?: string; patch?: never }\n  | { patch: string; codeA?: never; codeB?: never; filename?: never };\n\ntype NoCodeDiffSource = { patch?: never; codeA?: never; codeB?: never; filename?: never };\n\nexport type CodeDiffProps = {\n  className?: string;\n  layout?: 'split' | 'unified';\n  /** `wrap` (default) breaks long lines — best for prose. `scroll` keeps columns behind a horizontal scroll — best for source code. */\n  overflow?: 'wrap' | 'scroll';\n  ref?: Ref<HTMLDivElement>;\n} & (({ header?: CodeDiffFileHeader } & CodeDiffSource) | ({ header: CodeDiffFileHeader } & NoCodeDiffSource));\n\nconst PATCH_METADATA_PREFIXES = [\n  'Binary files ',\n  'GIT binary patch',\n  'similarity index ',\n  'rename from ',\n  'rename to ',\n  'copy from ',\n  'copy to ',\n  'new file mode ',\n  'deleted file mode ',\n  'old mode ',\n  'new mode ',\n];\n\nfunction PatchMetadata({ patch }: { patch: string }) {\n  const lines = patch.split('\\n').filter(line => PATCH_METADATA_PREFIXES.some(prefix => line.startsWith(prefix)));\n\n  if (lines.length === 0) {\n    return <p className=\"p-3 text-caption text-muted-foreground\">No textual changes.</p>;\n  }\n\n  return (\n    <div className=\"p-3 font-mono text-caption wrap-anywhere\">\n      {lines.map(line => (\n        <div key={line}>{line}</div>\n      ))}\n    </div>\n  );\n}\n\nfunction PatchContent({ patch, options }: { patch: string; options: FileDiffOptions<undefined, undefined> }) {\n  if (!/^@@ -\\d/m.test(patch)) return <PatchMetadata patch={patch} />;\n  return <PatchDiff patch={patch} options={options} />;\n}\n\nfunction DiffContent({\n  source,\n  options,\n}: {\n  source: CodeDiffSource | NoCodeDiffSource;\n  options: FileDiffOptions<undefined, undefined>;\n}) {\n  if (source.patch !== undefined) return <PatchContent patch={source.patch} options={options} />;\n  if (source.codeA === undefined) return null;\n  const name = source.filename ?? 'content.txt';\n  return (\n    <MultiFileDiff\n      oldFile={{ name, contents: source.codeA }}\n      newFile={{ name, contents: source.codeB }}\n      options={options}\n    />\n  );\n}\n\nexport function CodeDiff({ className, layout, overflow = 'wrap', header, ref, ...source }: CodeDiffProps) {\n  const { resolvedTheme } = useTheme();\n  const [collapsed, setCollapsed] = useState(false);\n  const isPatch = source.patch !== undefined;\n  const hasDiff = isPatch || source.codeA !== undefined;\n  const options: FileDiffOptions<undefined, undefined> = {\n    theme: { dark: 'pierre-dark', light: 'pierre-light' },\n    themeType: resolvedTheme,\n    diffStyle: layout ?? (isPatch ? 'unified' : 'split'),\n    diffIndicators: 'classic',\n    disableFileHeader: true,\n    overflow,\n  };\n\n  return (\n    <div ref={ref} className={cn('code-diff min-w-0 overflow-clip rounded-md border border-border bg-card', className)}>\n      {header ? (\n        <CodeDiffHeader\n          {...header}\n          collapsed={collapsed}\n          onToggle={hasDiff ? () => setCollapsed(current => !current) : undefined}\n        />\n      ) : null}\n      {collapsed ? null : <DiffContent source={source} options={options} />}\n    </div>\n  );\n}\n","'use client';\n\nimport { Virtualizer } from '@pierre/diffs/react';\nimport type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface CodeDiffListProps {\n  children: ReactNode;\n  className?: string;\n}\n\n/** Stacks `CodeDiff`s edge to edge like a pull request, rendering only the lines in view so long change sets stay fast. */\nexport function CodeDiffList({ children, className }: CodeDiffListProps) {\n  return (\n    <Virtualizer\n      className={cn('min-h-0 overflow-auto', className)}\n      contentClassName=\"flex flex-col *:rounded-none *:border-x-0 *:border-t-0\"\n    >\n      {children}\n    </Virtualizer>\n  );\n}\n"],"mappings":"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"}

package/dist/components/DiffStat.cjs.js

@@ -0,0 +1,30 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_utils = require("../utils-01CRPdxi.cjs");
+const require_string = require("../string-Bu8NTsPl.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/ds/components/DiffStat/diff-stat.tsx
+function DiffStat({ additions, deletions, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		className: require_utils.cn("inline-flex shrink-0 items-center gap-1 tabular-nums", className),
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				"aria-hidden": "true",
+				className: "text-success-indicator",
+				children: ["+", additions]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				"aria-hidden": "true",
+				className: "text-destructive-foreground",
+				children: ["−", deletions]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "sr-only",
+				children: `${require_string.pluralize(additions, "addition")} and ${require_string.pluralize(deletions, "deletion")}`
+			})
+		]
+	});
+}
+//#endregion
+exports.DiffStat = DiffStat;
+
+//# sourceMappingURL=DiffStat.cjs.js.map

package/dist/components/DiffStat.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffStat.cjs.js","names":["cn","pluralize"],"sources":["../../src/ds/components/DiffStat/diff-stat.tsx"],"sourcesContent":["import { pluralize } from '@/lib/string';\nimport { cn } from '@/lib/utils';\n\nexport interface DiffStatProps {\n  additions: number;\n  deletions: number;\n  className?: string;\n}\n\nexport function DiffStat({ additions, deletions, className }: DiffStatProps) {\n  return (\n    <span className={cn('inline-flex shrink-0 items-center gap-1 tabular-nums', className)}>\n      <span aria-hidden=\"true\" className=\"text-success-indicator\">\n        +{additions}\n      </span>\n      <span aria-hidden=\"true\" className=\"text-destructive-foreground\">\n        −{deletions}\n      </span>\n      <span className=\"sr-only\">{`${pluralize(additions, 'addition')} and ${pluralize(deletions, 'deletion')}`}</span>\n    </span>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgB,SAAS,EAAE,WAAW,WAAW,aAA4B;CAC3E,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;EAAM,WAAWA,cAAAA,GAAG,wDAAwD,SAAS;EAArF,UAAA;GACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;IAAM,eAAY;IAAO,WAAU;IAAnC,UAAA,CAA4D,KACxD,SACE;;GACN,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;IAAM,eAAY;IAAO,WAAU;IAAnC,UAAA,CAAiE,KAC7D,SACE;;GACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAAW,UAAA,GAAGC,eAAAA,UAAU,WAAW,UAAU,EAAE,OAAOA,eAAAA,UAAU,WAAW,UAAU;GAAU,CAAA;EAC3G;;AAEV"}

package/dist/components/DiffStat.d.ts

@@ -0,0 +1 @@
+export * from '../src/ds/components/DiffStat/index';

package/dist/components/DiffStat.es.js

@@ -0,0 +1,29 @@
+import { t as cn } from "../utils-BiHZnbcQ.js";
+import { n as pluralize } from "../string-CuGKN25d.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ds/components/DiffStat/diff-stat.tsx
+function DiffStat({ additions, deletions, className }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn("inline-flex shrink-0 items-center gap-1 tabular-nums", className),
+		children: [
+			/* @__PURE__ */ jsxs("span", {
+				"aria-hidden": "true",
+				className: "text-success-indicator",
+				children: ["+", additions]
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				"aria-hidden": "true",
+				className: "text-destructive-foreground",
+				children: ["−", deletions]
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: `${pluralize(additions, "addition")} and ${pluralize(deletions, "deletion")}`
+			})
+		]
+	});
+}
+//#endregion
+export { DiffStat };
+
+//# sourceMappingURL=DiffStat.es.js.map

package/dist/components/DiffStat.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffStat.es.js","names":[],"sources":["../../src/ds/components/DiffStat/diff-stat.tsx"],"sourcesContent":["import { pluralize } from '@/lib/string';\nimport { cn } from '@/lib/utils';\n\nexport interface DiffStatProps {\n  additions: number;\n  deletions: number;\n  className?: string;\n}\n\nexport function DiffStat({ additions, deletions, className }: DiffStatProps) {\n  return (\n    <span className={cn('inline-flex shrink-0 items-center gap-1 tabular-nums', className)}>\n      <span aria-hidden=\"true\" className=\"text-success-indicator\">\n        +{additions}\n      </span>\n      <span aria-hidden=\"true\" className=\"text-destructive-foreground\">\n        −{deletions}\n      </span>\n      <span className=\"sr-only\">{`${pluralize(additions, 'addition')} and ${pluralize(deletions, 'deletion')}`}</span>\n    </span>\n  );\n}\n"],"mappings":";;;;AASA,SAAgB,SAAS,EAAE,WAAW,WAAW,aAA4B;CAC3E,OACE,qBAAC,QAAD;EAAM,WAAW,GAAG,wDAAwD,SAAS;EAArF,UAAA;GACE,qBAAC,QAAD;IAAM,eAAY;IAAO,WAAU;IAAnC,UAAA,CAA4D,KACxD,SACE;;GACN,qBAAC,QAAD;IAAM,eAAY;IAAO,WAAU;IAAnC,UAAA,CAAiE,KAC7D,SACE;;GACN,oBAAC,QAAD;IAAM,WAAU;IAAW,UAAA,GAAG,UAAU,WAAW,UAAU,EAAE,OAAO,UAAU,WAAW,UAAU;GAAU,CAAA;EAC3G;;AAEV"}

package/dist/domains/workflows/workflow/workflow-graph.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils_string = require("../../../utils/string.cjs.js");
+const require_string = require("../../../string-Bu8NTsPl.cjs");
 const require_domains_workflows_context_workflow_run_context = require("../context/workflow-run-context.cjs.js");
 const require_domains_workflows_workflow_workflow_graph_boundary = require("./workflow-graph-boundary.cjs.js");
 const require_Workflow = require("../../../Workflow-D3UHbL5e.cjs");
@@ -13,7 +13,7 @@ function WorkflowGraph({ workflowId, workflow, isLoading, requestContext }) {
 	const stepGraph = runSnapshot?.serializedStepGraph ?? snapshot?.serializedStepGraph ?? workflow?.stepGraph;
 	const layoutKey = (0, react.useMemo)(() => `${workflowId}:${JSON.stringify(stepGraph)}`, [workflowId, stepGraph]);
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Workflow.WorkflowGraphPlaceholder, { isLoading: true });
-	if (!workflow || !stepGraph) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Workflow.WorkflowGraphPlaceholder, { workflowName: require_utils_string.lodashTitleCase(workflowId) });
+	if (!workflow || !stepGraph) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Workflow.WorkflowGraphPlaceholder, { workflowName: require_string.lodashTitleCase(workflowId) });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_xyflow_react.ReactFlowProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_workflows_workflow_workflow_graph_boundary.WorkflowGraphBoundary, {
 		stepGraph,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_workflows_workflow_workflow_graph_inner.WorkflowGraphInner, {

package/dist/domains/workflows/workflow/workflow-graph.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-graph.cjs.js","names":["useContext","WorkflowRunContext","useMemo","WorkflowGraphPlaceholder","lodashTitleCase","ReactFlowProvider","WorkflowGraphBoundary","WorkflowGraphInner"],"sources":["../../../../src/domains/workflows/workflow/workflow-graph.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { ReactFlowProvider } from '@xyflow/react';\nimport { useContext, useMemo } from 'react';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { WorkflowGraphBoundary } from './workflow-graph-boundary';\nimport { WorkflowGraphInner } from './workflow-graph-inner';\nimport { WorkflowGraphPlaceholder } from '@/ds/components/Workflow';\nimport { lodashTitleCase } from '@/utils/string';\n\nexport interface WorkflowGraphProps {\n  workflowId: string;\n  isLoading?: boolean;\n  workflow?: GetWorkflowResponse;\n  requestContext: Record<string, any>;\n}\n\nexport function WorkflowGraph({ workflowId, workflow, isLoading, requestContext }: WorkflowGraphProps) {\n  const { runSnapshot, snapshot } = useContext(WorkflowRunContext);\n  const stepGraph = runSnapshot?.serializedStepGraph ?? snapshot?.serializedStepGraph ?? workflow?.stepGraph;\n  const layoutKey = useMemo(() => `${workflowId}:${JSON.stringify(stepGraph)}`, [workflowId, stepGraph]);\n\n  if (isLoading) return <WorkflowGraphPlaceholder isLoading />;\n  if (!workflow || !stepGraph) return <WorkflowGraphPlaceholder workflowName={lodashTitleCase(workflowId)} />;\n\n  return (\n    <ReactFlowProvider key={layoutKey}>\n      <WorkflowGraphBoundary stepGraph={stepGraph}>\n        <WorkflowGraphInner stepGraph={stepGraph} requestContext={requestContext} />\n      </WorkflowGraphBoundary>\n    </ReactFlowProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,cAAc,EAAE,YAAY,UAAU,WAAW,kBAAsC;CACrG,MAAM,EAAE,aAAa,cAAA,GAAaA,MAAAA,WAAAA,CAAWC,uDAAAA,kBAAkB;CAC/D,MAAM,YAAY,aAAa,uBAAuB,UAAU,uBAAuB,UAAU;CACjG,MAAM,aAAA,GAAYC,MAAAA,QAAAA,OAAc,GAAG,WAAW,GAAG,KAAK,UAAU,SAAS,KAAK,CAAC,YAAY,SAAS,CAAC;CAErG,IAAI,WAAW,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,0BAAD,EAA0B,WAAA,KAAW,CAAA;CAC3D,IAAI,CAAC,YAAY,CAAC,WAAW,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,iBAAAA,0BAAD,EAA0B,cAAcC,qBAAAA,gBAAgB,UAAU,EAAI,CAAA;CAE1G,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,mBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,2DAAAA,uBAAD;EAAkC;EAChC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wDAAAA,oBAAD;GAA+B;GAA2B;EAAiB,CAAA;CACtD,CAAA,EACN,GAJK,SAIL;AAEvB"}
+{"version":3,"file":"workflow-graph.cjs.js","names":["useContext","WorkflowRunContext","useMemo","WorkflowGraphPlaceholder","lodashTitleCase","ReactFlowProvider","WorkflowGraphBoundary","WorkflowGraphInner"],"sources":["../../../../src/domains/workflows/workflow/workflow-graph.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { ReactFlowProvider } from '@xyflow/react';\nimport { useContext, useMemo } from 'react';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { WorkflowGraphBoundary } from './workflow-graph-boundary';\nimport { WorkflowGraphInner } from './workflow-graph-inner';\nimport { WorkflowGraphPlaceholder } from '@/ds/components/Workflow';\nimport { lodashTitleCase } from '@/utils/string';\n\nexport interface WorkflowGraphProps {\n  workflowId: string;\n  isLoading?: boolean;\n  workflow?: GetWorkflowResponse;\n  requestContext: Record<string, any>;\n}\n\nexport function WorkflowGraph({ workflowId, workflow, isLoading, requestContext }: WorkflowGraphProps) {\n  const { runSnapshot, snapshot } = useContext(WorkflowRunContext);\n  const stepGraph = runSnapshot?.serializedStepGraph ?? snapshot?.serializedStepGraph ?? workflow?.stepGraph;\n  const layoutKey = useMemo(() => `${workflowId}:${JSON.stringify(stepGraph)}`, [workflowId, stepGraph]);\n\n  if (isLoading) return <WorkflowGraphPlaceholder isLoading />;\n  if (!workflow || !stepGraph) return <WorkflowGraphPlaceholder workflowName={lodashTitleCase(workflowId)} />;\n\n  return (\n    <ReactFlowProvider key={layoutKey}>\n      <WorkflowGraphBoundary stepGraph={stepGraph}>\n        <WorkflowGraphInner stepGraph={stepGraph} requestContext={requestContext} />\n      </WorkflowGraphBoundary>\n    </ReactFlowProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,cAAc,EAAE,YAAY,UAAU,WAAW,kBAAsC;CACrG,MAAM,EAAE,aAAa,cAAA,GAAaA,MAAAA,WAAAA,CAAWC,uDAAAA,kBAAkB;CAC/D,MAAM,YAAY,aAAa,uBAAuB,UAAU,uBAAuB,UAAU;CACjG,MAAM,aAAA,GAAYC,MAAAA,QAAAA,OAAc,GAAG,WAAW,GAAG,KAAK,UAAU,SAAS,KAAK,CAAC,YAAY,SAAS,CAAC;CAErG,IAAI,WAAW,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,0BAAD,EAA0B,WAAA,KAAW,CAAA;CAC3D,IAAI,CAAC,YAAY,CAAC,WAAW,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,iBAAAA,0BAAD,EAA0B,cAAcC,eAAAA,gBAAgB,UAAU,EAAI,CAAA;CAE1G,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,mBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,2DAAAA,uBAAD;EAAkC;EAChC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wDAAAA,oBAAD;GAA+B;GAA2B;EAAiB,CAAA;CACtD,CAAA,EACN,GAJK,SAIL;AAEvB"}

package/dist/domains/workflows/workflow/workflow-graph.es.js

@@ -1,4 +1,4 @@
-import { lodashTitleCase } from "../../../utils/string.es.js";
+import { t as lodashTitleCase } from "../../../string-CuGKN25d.js";
 import { WorkflowRunContext } from "../context/workflow-run-context.es.js";
 import { WorkflowGraphBoundary } from "./workflow-graph-boundary.es.js";
 import { i as WorkflowGraphPlaceholder } from "../../../Workflow-CDr2xxyj.js";

package/dist/new/layout/app-shell.cjs.js

@@ -3,7 +3,8 @@ require('../../app-shell.css');const require_utils = require("../../utils-01CRPd
 const require_primitives_raised_surface = require("../../primitives/raised-surface.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/ds/new/layout/app-shell/app-shell.tsx
-function AppShell({ children, className, mobileHeader, ref, sidebar, ...props }) {
+function AppShell({ children, className, edgeToEdge, mobileHeader, ref, sidebar, ...props }) {
+	const animatesEdgeToEdge = edgeToEdge !== void 0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		ref,
 		"data-slot": "app-shell",
@@ -14,7 +15,7 @@ function AppShell({ children, className, mobileHeader, ref, sidebar, ...props })
 			className: "flex h-full min-h-0 min-w-0 flex-col",
 			children: [mobileHeader, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				"data-slot": "app-shell-body",
-				className: require_utils.cn("flex min-h-0 flex-1 flex-col", "lg:py-2 lg:pr-2", sidebar ? "lg:pl-0" : "lg:pl-2"),
+				className: require_utils.cn("flex min-h-0 flex-1 flex-col", animatesEdgeToEdge && "transition-[padding] duration-(--resize-dur) ease-(--resize-ease) motion-reduce:transition-none!", animatesEdgeToEdge && "in-data-[sidebar-gesture=active]:transition-none!", !edgeToEdge && "lg:py-2 lg:pr-2", !edgeToEdge && (sidebar ? "lg:pl-0" : "lg:pl-2")),
 				children
 			})]
 		})]
@@ -22,10 +23,11 @@ function AppShell({ children, className, mobileHeader, ref, sidebar, ...props })
 }
 //#endregion
 //#region src/ds/new/layout/app-shell/main-card.tsx
-function MainCard({ children, className }) {
+function MainCard({ children, className, edgeToEdge }) {
+	const animatesEdgeToEdge = edgeToEdge !== void 0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-slot": "main-card",
-		className: require_utils.cn("relative min-h-0 flex-1 overflow-hidden lg:rounded-studio-frame lg:p-px lg:shadow-raised", require_primitives_raised_surface.frameFillStyle, className),
+		className: require_utils.cn("relative min-h-0 flex-1 overflow-hidden", animatesEdgeToEdge && "transition-[border-radius,padding,box-shadow] duration-(--resize-dur) ease-(--resize-ease) motion-reduce:transition-none!", animatesEdgeToEdge && "in-data-[sidebar-gesture=active]:transition-none!", !edgeToEdge && "lg:rounded-studio-frame lg:p-px lg:shadow-raised", require_primitives_raised_surface.frameFillStyle, className),
 		children
 	});
 }

package/dist/new/layout/app-shell.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-shell.cjs.js","names":["cn","cn","frameFillStyle"],"sources":["../../../src/ds/new/layout/app-shell/app-shell.tsx","../../../src/ds/new/layout/app-shell/main-card.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './app-shell.css';\n\nexport interface AppShellProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {\n  children: ReactNode;\n  mobileHeader?: ReactNode;\n  sidebar?: ReactNode;\n}\n\nexport function AppShell({ children, className, mobileHeader, ref, sidebar, ...props }: AppShellProps) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"app-shell\"\n      className={cn(\n        'h-full min-h-0',\n        sidebar && 'lg:grid lg:grid-cols-[auto_minmax(0,1fr)] lg:grid-rows-[1fr]',\n        className,\n      )}\n      {...props}\n    >\n      {sidebar}\n      <div data-slot=\"app-shell-content\" className=\"flex h-full min-h-0 min-w-0 flex-col\">\n        {mobileHeader}\n        <div\n          data-slot=\"app-shell-body\"\n          className={cn(\n            'flex min-h-0 flex-1 flex-col',\n            // Below lg the sidebar is a drawer and the content runs edge to edge under the mobile header.\n            // From lg it's inset on every side; with a sidebar column the sidebar's own padding provides the left gap.\n            // Longhands only: consumer CSS that also emits a padding shorthand can't override the lg inset.\n            'lg:py-2 lg:pr-2',\n            sidebar ? 'lg:pl-0' : 'lg:pl-2',\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\n\nimport { frameFillStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n// The app frame surface inside `AppShell`. Spacing around it is owned by the shell, not the card.\n// Framed only from lg, where the sidebar sits beside it (the sidebar's drawer breakpoint); below lg it is\n// flat page content under the mobile header. lg-only classes, not max-lg overrides, so consumer CSS that\n// also emits the base classes can't undo the flat state by source order.\n// Reserve the 1px inset rim so child dividers don't paint over it and stack their alpha.\nexport function MainCard({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <div\n      data-slot=\"main-card\"\n      className={cn(\n        'relative min-h-0 flex-1 overflow-hidden lg:rounded-studio-frame lg:p-px lg:shadow-raised',\n        frameFillStyle,\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAYA,SAAgB,SAAS,EAAE,UAAU,WAAW,cAAc,KAAK,SAAS,GAAG,SAAwB;CACrG,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWA,cAAAA,GACT,kBACA,WAAW,gEACX,SACF;EACA,GAAI;EARN,UAAA,CAUG,SACD,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,aAAU;GAAoB,WAAU;GAA7C,UAAA,CACG,cACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IACE,aAAU;IACV,WAAWA,cAAAA,GACT,gCAIA,mBACA,UAAU,YAAY,SACxB;IAEC;GACE,CAAA,CACF;EACF,CAAA,CAAA;;AAET;;;ACjCA,SAAgB,SAAS,EAAE,UAAU,aAA0D;CAC7F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,WAAWC,cAAAA,GACT,4FACAC,kCAAAA,gBACA,SACF;EAEC;CACE,CAAA;AAET"}
+{"version":3,"file":"app-shell.cjs.js","names":["cn","cn","frameFillStyle"],"sources":["../../../src/ds/new/layout/app-shell/app-shell.tsx","../../../src/ds/new/layout/app-shell/main-card.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './app-shell.css';\n\nexport interface AppShellProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {\n  children: ReactNode;\n  mobileHeader?: ReactNode;\n  sidebar?: ReactNode;\n  edgeToEdge?: boolean;\n}\n\nexport function AppShell({ children, className, edgeToEdge, mobileHeader, ref, sidebar, ...props }: AppShellProps) {\n  const animatesEdgeToEdge = edgeToEdge !== undefined;\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"app-shell\"\n      className={cn(\n        'h-full min-h-0',\n        sidebar && 'lg:grid lg:grid-cols-[auto_minmax(0,1fr)] lg:grid-rows-[1fr]',\n        className,\n      )}\n      {...props}\n    >\n      {sidebar}\n      <div data-slot=\"app-shell-content\" className=\"flex h-full min-h-0 min-w-0 flex-col\">\n        {mobileHeader}\n        <div\n          data-slot=\"app-shell-body\"\n          className={cn(\n            'flex min-h-0 flex-1 flex-col',\n            animatesEdgeToEdge &&\n              'transition-[padding] duration-(--resize-dur) ease-(--resize-ease) motion-reduce:transition-none!',\n            animatesEdgeToEdge && 'in-data-[sidebar-gesture=active]:transition-none!',\n            // Below lg the sidebar is a drawer and the content runs edge to edge under the mobile header.\n            // From lg it's inset on every side; with a sidebar column the sidebar's own padding provides the left gap.\n            // Longhands only: consumer CSS that also emits a padding shorthand can't override the lg inset.\n            !edgeToEdge && 'lg:py-2 lg:pr-2',\n            !edgeToEdge && (sidebar ? 'lg:pl-0' : 'lg:pl-2'),\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\n\nimport { frameFillStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n// The app frame surface inside `AppShell`. Spacing around it is owned by the shell, not the card.\n// Framed only from lg, where the sidebar sits beside it (the sidebar's drawer breakpoint); below lg it is\n// flat page content under the mobile header. lg-only classes, not max-lg overrides, so consumer CSS that\n// also emits the base classes can't undo the flat state by source order.\n// Reserve the 1px inset rim so child dividers don't paint over it and stack their alpha.\nexport function MainCard({\n  children,\n  className,\n  edgeToEdge,\n}: {\n  children: ReactNode;\n  className?: string;\n  edgeToEdge?: boolean;\n}) {\n  const animatesEdgeToEdge = edgeToEdge !== undefined;\n\n  return (\n    <div\n      data-slot=\"main-card\"\n      className={cn(\n        'relative min-h-0 flex-1 overflow-hidden',\n        animatesEdgeToEdge &&\n          'transition-[border-radius,padding,box-shadow] duration-(--resize-dur) ease-(--resize-ease) motion-reduce:transition-none!',\n        animatesEdgeToEdge && 'in-data-[sidebar-gesture=active]:transition-none!',\n        !edgeToEdge && 'lg:rounded-studio-frame lg:p-px lg:shadow-raised',\n        frameFillStyle,\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgB,SAAS,EAAE,UAAU,WAAW,YAAY,cAAc,KAAK,SAAS,GAAG,SAAwB;CACjH,MAAM,qBAAqB,eAAe,KAAA;CAE1C,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWA,cAAAA,GACT,kBACA,WAAW,gEACX,SACF;EACA,GAAI;EARN,UAAA,CAUG,SACD,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,aAAU;GAAoB,WAAU;GAA7C,UAAA,CACG,cACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IACE,aAAU;IACV,WAAWA,cAAAA,GACT,gCACA,sBACE,oGACF,sBAAsB,qDAItB,CAAC,cAAc,mBACf,CAAC,eAAe,UAAU,YAAY,UACxC;IAEC;GACE,CAAA,CACF;EACF,CAAA,CAAA;;AAET;;;ACvCA,SAAgB,SAAS,EACvB,UACA,WACA,cAKC;CACD,MAAM,qBAAqB,eAAe,KAAA;CAE1C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,WAAWC,cAAAA,GACT,2CACA,sBACE,6HACF,sBAAsB,qDACtB,CAAC,cAAc,oDACfC,kCAAAA,gBACA,SACF;EAEC;CACE,CAAA;AAET"}

package/dist/new/layout/app-shell.es.js

@@ -2,7 +2,8 @@ import { t as cn } from "../../utils-BiHZnbcQ.js";
 import { frameFillStyle } from "../../primitives/raised-surface.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import '../../app-shell.css';//#region src/ds/new/layout/app-shell/app-shell.tsx
-function AppShell({ children, className, mobileHeader, ref, sidebar, ...props }) {
+function AppShell({ children, className, edgeToEdge, mobileHeader, ref, sidebar, ...props }) {
+	const animatesEdgeToEdge = edgeToEdge !== void 0;
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
 		"data-slot": "app-shell",
@@ -13,7 +14,7 @@ function AppShell({ children, className, mobileHeader, ref, sidebar, ...props })
 			className: "flex h-full min-h-0 min-w-0 flex-col",
 			children: [mobileHeader, /* @__PURE__ */ jsx("div", {
 				"data-slot": "app-shell-body",
-				className: cn("flex min-h-0 flex-1 flex-col", "lg:py-2 lg:pr-2", sidebar ? "lg:pl-0" : "lg:pl-2"),
+				className: cn("flex min-h-0 flex-1 flex-col", animatesEdgeToEdge && "transition-[padding] duration-(--resize-dur) ease-(--resize-ease) motion-reduce:transition-none!", animatesEdgeToEdge && "in-data-[sidebar-gesture=active]:transition-none!", !edgeToEdge && "lg:py-2 lg:pr-2", !edgeToEdge && (sidebar ? "lg:pl-0" : "lg:pl-2")),
 				children
 			})]
 		})]
@@ -21,10 +22,11 @@ function AppShell({ children, className, mobileHeader, ref, sidebar, ...props })
 }
 //#endregion
 //#region src/ds/new/layout/app-shell/main-card.tsx
-function MainCard({ children, className }) {
+function MainCard({ children, className, edgeToEdge }) {
+	const animatesEdgeToEdge = edgeToEdge !== void 0;
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "main-card",
-		className: cn("relative min-h-0 flex-1 overflow-hidden lg:rounded-studio-frame lg:p-px lg:shadow-raised", frameFillStyle, className),
+		className: cn("relative min-h-0 flex-1 overflow-hidden", animatesEdgeToEdge && "transition-[border-radius,padding,box-shadow] duration-(--resize-dur) ease-(--resize-ease) motion-reduce:transition-none!", animatesEdgeToEdge && "in-data-[sidebar-gesture=active]:transition-none!", !edgeToEdge && "lg:rounded-studio-frame lg:p-px lg:shadow-raised", frameFillStyle, className),
 		children
 	});
 }

package/dist/new/layout/app-shell.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-shell.es.js","names":[],"sources":["../../../src/ds/new/layout/app-shell/app-shell.tsx","../../../src/ds/new/layout/app-shell/main-card.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './app-shell.css';\n\nexport interface AppShellProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {\n  children: ReactNode;\n  mobileHeader?: ReactNode;\n  sidebar?: ReactNode;\n}\n\nexport function AppShell({ children, className, mobileHeader, ref, sidebar, ...props }: AppShellProps) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"app-shell\"\n      className={cn(\n        'h-full min-h-0',\n        sidebar && 'lg:grid lg:grid-cols-[auto_minmax(0,1fr)] lg:grid-rows-[1fr]',\n        className,\n      )}\n      {...props}\n    >\n      {sidebar}\n      <div data-slot=\"app-shell-content\" className=\"flex h-full min-h-0 min-w-0 flex-col\">\n        {mobileHeader}\n        <div\n          data-slot=\"app-shell-body\"\n          className={cn(\n            'flex min-h-0 flex-1 flex-col',\n            // Below lg the sidebar is a drawer and the content runs edge to edge under the mobile header.\n            // From lg it's inset on every side; with a sidebar column the sidebar's own padding provides the left gap.\n            // Longhands only: consumer CSS that also emits a padding shorthand can't override the lg inset.\n            'lg:py-2 lg:pr-2',\n            sidebar ? 'lg:pl-0' : 'lg:pl-2',\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\n\nimport { frameFillStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n// The app frame surface inside `AppShell`. Spacing around it is owned by the shell, not the card.\n// Framed only from lg, where the sidebar sits beside it (the sidebar's drawer breakpoint); below lg it is\n// flat page content under the mobile header. lg-only classes, not max-lg overrides, so consumer CSS that\n// also emits the base classes can't undo the flat state by source order.\n// Reserve the 1px inset rim so child dividers don't paint over it and stack their alpha.\nexport function MainCard({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <div\n      data-slot=\"main-card\"\n      className={cn(\n        'relative min-h-0 flex-1 overflow-hidden lg:rounded-studio-frame lg:p-px lg:shadow-raised',\n        frameFillStyle,\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAYA,SAAgB,SAAS,EAAE,UAAU,WAAW,cAAc,KAAK,SAAS,GAAG,SAAwB;CACrG,OACE,qBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAW,GACT,kBACA,WAAW,gEACX,SACF;EACA,GAAI;EARN,UAAA,CAUG,SACD,qBAAC,OAAD;GAAK,aAAU;GAAoB,WAAU;GAA7C,UAAA,CACG,cACD,oBAAC,OAAD;IACE,aAAU;IACV,WAAW,GACT,gCAIA,mBACA,UAAU,YAAY,SACxB;IAEC;GACE,CAAA,CACF;EACF,CAAA,CAAA;;AAET;;;ACjCA,SAAgB,SAAS,EAAE,UAAU,aAA0D;CAC7F,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,4FACA,gBACA,SACF;EAEC;CACE,CAAA;AAET"}
+{"version":3,"file":"app-shell.es.js","names":[],"sources":["../../../src/ds/new/layout/app-shell/app-shell.tsx","../../../src/ds/new/layout/app-shell/main-card.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './app-shell.css';\n\nexport interface AppShellProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {\n  children: ReactNode;\n  mobileHeader?: ReactNode;\n  sidebar?: ReactNode;\n  edgeToEdge?: boolean;\n}\n\nexport function AppShell({ children, className, edgeToEdge, mobileHeader, ref, sidebar, ...props }: AppShellProps) {\n  const animatesEdgeToEdge = edgeToEdge !== undefined;\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"app-shell\"\n      className={cn(\n        'h-full min-h-0',\n        sidebar && 'lg:grid lg:grid-cols-[auto_minmax(0,1fr)] lg:grid-rows-[1fr]',\n        className,\n      )}\n      {...props}\n    >\n      {sidebar}\n      <div data-slot=\"app-shell-content\" className=\"flex h-full min-h-0 min-w-0 flex-col\">\n        {mobileHeader}\n        <div\n          data-slot=\"app-shell-body\"\n          className={cn(\n            'flex min-h-0 flex-1 flex-col',\n            animatesEdgeToEdge &&\n              'transition-[padding] duration-(--resize-dur) ease-(--resize-ease) motion-reduce:transition-none!',\n            animatesEdgeToEdge && 'in-data-[sidebar-gesture=active]:transition-none!',\n            // Below lg the sidebar is a drawer and the content runs edge to edge under the mobile header.\n            // From lg it's inset on every side; with a sidebar column the sidebar's own padding provides the left gap.\n            // Longhands only: consumer CSS that also emits a padding shorthand can't override the lg inset.\n            !edgeToEdge && 'lg:py-2 lg:pr-2',\n            !edgeToEdge && (sidebar ? 'lg:pl-0' : 'lg:pl-2'),\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\n\nimport { frameFillStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n// The app frame surface inside `AppShell`. Spacing around it is owned by the shell, not the card.\n// Framed only from lg, where the sidebar sits beside it (the sidebar's drawer breakpoint); below lg it is\n// flat page content under the mobile header. lg-only classes, not max-lg overrides, so consumer CSS that\n// also emits the base classes can't undo the flat state by source order.\n// Reserve the 1px inset rim so child dividers don't paint over it and stack their alpha.\nexport function MainCard({\n  children,\n  className,\n  edgeToEdge,\n}: {\n  children: ReactNode;\n  className?: string;\n  edgeToEdge?: boolean;\n}) {\n  const animatesEdgeToEdge = edgeToEdge !== undefined;\n\n  return (\n    <div\n      data-slot=\"main-card\"\n      className={cn(\n        'relative min-h-0 flex-1 overflow-hidden',\n        animatesEdgeToEdge &&\n          'transition-[border-radius,padding,box-shadow] duration-(--resize-dur) ease-(--resize-ease) motion-reduce:transition-none!',\n        animatesEdgeToEdge && 'in-data-[sidebar-gesture=active]:transition-none!',\n        !edgeToEdge && 'lg:rounded-studio-frame lg:p-px lg:shadow-raised',\n        frameFillStyle,\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,SAAS,EAAE,UAAU,WAAW,YAAY,cAAc,KAAK,SAAS,GAAG,SAAwB;CACjH,MAAM,qBAAqB,eAAe,KAAA;CAE1C,OACE,qBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAW,GACT,kBACA,WAAW,gEACX,SACF;EACA,GAAI;EARN,UAAA,CAUG,SACD,qBAAC,OAAD;GAAK,aAAU;GAAoB,WAAU;GAA7C,UAAA,CACG,cACD,oBAAC,OAAD;IACE,aAAU;IACV,WAAW,GACT,gCACA,sBACE,oGACF,sBAAsB,qDAItB,CAAC,cAAc,mBACf,CAAC,eAAe,UAAU,YAAY,UACxC;IAEC;GACE,CAAA,CACF;EACF,CAAA,CAAA;;AAET;;;ACvCA,SAAgB,SAAS,EACvB,UACA,WACA,cAKC;CACD,MAAM,qBAAqB,eAAe,KAAA;CAE1C,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,2CACA,sBACE,6HACF,sBAAsB,qDACtB,CAAC,cAAc,oDACf,gBACA,SACF;EAEC;CACE,CAAA;AAET"}

package/dist/src/ds/components/CodeDiff/code-diff-header.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+export interface CodeDiffFileHeader {
+    path: string;
+    /** The path before a rename or move, shown under the current one. */
+    previousPath?: string;
+    /** Shown before the path, e.g. the kind of change. Give it an accessible name. */
+    icon?: ReactNode;
+    /** Shown at the header's right edge, e.g. the line counts. */
+    meta?: ReactNode;
+}
+interface CodeDiffHeaderProps extends CodeDiffFileHeader {
+    collapsed: boolean;
+    onToggle?(): void;
+}
+export declare function CodeDiffHeader({ path, previousPath, icon, meta, collapsed, onToggle }: CodeDiffHeaderProps): import("react").JSX.Element;
+export {};

package/dist/src/ds/components/CodeDiff/code-diff-list.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export interface CodeDiffListProps {
+    children: ReactNode;
+    className?: string;
+}
+/** Stacks `CodeDiff`s edge to edge like a pull request, rendering only the lines in view so long change sets stay fast. */
+export declare function CodeDiffList({ children, className }: CodeDiffListProps): import("react").JSX.Element;

package/dist/src/ds/components/CodeDiff/code-diff.d.ts

@@ -1,7 +1,6 @@
-export type CodeDiffProps = {
-    className?: string;
-    layout?: 'split' | 'unified';
-} & ({
+import type { Ref } from 'react';
+import type { CodeDiffFileHeader } from './code-diff-header';
+type CodeDiffSource = {
     codeA: string;
     codeB: string;
     filename?: string;
@@ -11,5 +10,23 @@ export type CodeDiffProps = {
     codeA?: never;
     codeB?: never;
     filename?: never;
-});
-export declare function CodeDiff({ className, layout, ...source }: CodeDiffProps): import("react").JSX.Element;
+};
+type NoCodeDiffSource = {
+    patch?: never;
+    codeA?: never;
+    codeB?: never;
+    filename?: never;
+};
+export type CodeDiffProps = {
+    className?: string;
+    layout?: 'split' | 'unified';
+    /** `wrap` (default) breaks long lines — best for prose. `scroll` keeps columns behind a horizontal scroll — best for source code. */
+    overflow?: 'wrap' | 'scroll';
+    ref?: Ref<HTMLDivElement>;
+} & (({
+    header?: CodeDiffFileHeader;
+} & CodeDiffSource) | ({
+    header: CodeDiffFileHeader;
+} & NoCodeDiffSource));
+export declare function CodeDiff({ className, layout, overflow, header, ref, ...source }: CodeDiffProps): import("react").JSX.Element;
+export {};

package/dist/src/ds/components/CodeDiff/index.d.ts

@@ -1,2 +1,5 @@
 export { CodeDiff } from './code-diff';
 export type { CodeDiffProps } from './code-diff';
+export type { CodeDiffFileHeader } from './code-diff-header';
+export { CodeDiffList } from './code-diff-list';
+export type { CodeDiffListProps } from './code-diff-list';

package/dist/src/ds/components/DiffStat/diff-stat.d.ts

@@ -0,0 +1,6 @@
+export interface DiffStatProps {
+    additions: number;
+    deletions: number;
+    className?: string;
+}
+export declare function DiffStat({ additions, deletions, className }: DiffStatProps): import("react").JSX.Element;

package/dist/src/ds/components/DiffStat/index.d.ts

@@ -0,0 +1 @@
+export * from './diff-stat';

package/dist/src/ds/new/layout/app-shell/app-shell.d.ts

@@ -3,5 +3,6 @@ export interface AppShellProps extends Omit<ComponentPropsWithRef<'div'>, 'child
     children: ReactNode;
     mobileHeader?: ReactNode;
     sidebar?: ReactNode;
+    edgeToEdge?: boolean;
 }
-export declare function AppShell({ children, className, mobileHeader, ref, sidebar, ...props }: AppShellProps): import("react").JSX.Element;
+export declare function AppShell({ children, className, edgeToEdge, mobileHeader, ref, sidebar, ...props }: AppShellProps): import("react").JSX.Element;

package/dist/src/ds/new/layout/app-shell/main-card.d.ts

@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
-export declare function MainCard({ children, className }: {
+export declare function MainCard({ children, className, edgeToEdge, }: {
     children: ReactNode;
     className?: string;
+    edgeToEdge?: boolean;
 }): import("react").JSX.Element;

package/dist/src/utils/model.d.ts

@@ -6,4 +6,6 @@ export type ResolvedModel = {
 };
 export declare function formatModelName(model: string): string;
 export declare function formatProviderName(provider: string): string;
+/** Compare catalog release dates newest first; unknown or invalid dates follow known dates. */
+export declare function compareModelReleaseDates(a?: string, b?: string): number;
 export declare function resolveModel(value: string): ResolvedModel;

package/dist/string-Bu8NTsPl.cjs

@@ -0,0 +1,24 @@
+//#region src/lib/string.ts
+var lodashTitleCase = (str) => {
+	return str.replace(/[-_\s]+(.)?/g, (_, char) => char ? char.toUpperCase() : "").replace(/^(.)/, (char) => char.toLowerCase()).replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase()).trim();
+};
+var pluralRules = new Intl.PluralRules("en-US");
+var count = new Intl.NumberFormat("en-US");
+function pluralize(amount, singular, plural = `${singular}s`) {
+	return `${count.format(amount)} ${pluralRules.select(amount) === "one" ? singular : plural}`;
+}
+//#endregion
+Object.defineProperty(exports, "lodashTitleCase", {
+	enumerable: true,
+	get: function() {
+		return lodashTitleCase;
+	}
+});
+Object.defineProperty(exports, "pluralize", {
+	enumerable: true,
+	get: function() {
+		return pluralize;
+	}
+});
+
+//# sourceMappingURL=string-Bu8NTsPl.cjs.map

package/dist/string-Bu8NTsPl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"string-Bu8NTsPl.cjs","names":[],"sources":["../src/lib/string.ts"],"sourcesContent":["export const lodashTitleCase = (str: string): string => {\n  // First convert to camel case (handles various separators like spaces, hyphens, underscores)\n  const camelCased = str\n    .replace(/[-_\\s]+(.)?/g, (_, char) => (char ? char.toUpperCase() : ''))\n    .replace(/^(.)/, char => char.toLowerCase());\n\n  // Then convert to start case (capitalize first letter of each word)\n  return camelCased\n    .replace(/([A-Z])/g, ' $1')\n    .replace(/^./, str => str.toUpperCase())\n    .trim();\n};\n\nconst pluralRules = new Intl.PluralRules('en-US');\nconst count = new Intl.NumberFormat('en-US');\n\nexport function pluralize(amount: number, singular: string, plural = `${singular}s`): string {\n  return `${count.format(amount)} ${pluralRules.select(amount) === 'one' ? singular : plural}`;\n}\n"],"mappings":";AAAA,IAAa,mBAAmB,QAAwB;CAOtD,OALmB,IAChB,QAAQ,iBAAiB,GAAG,SAAU,OAAO,KAAK,YAAY,IAAI,EAAG,CAAC,CACtE,QAAQ,SAAQ,SAAQ,KAAK,YAAY,CAGrC,CAAA,CACJ,QAAQ,YAAY,KAAK,CAAC,CAC1B,QAAQ,OAAM,QAAO,IAAI,YAAY,CAAC,CAAC,CACvC,KAAK;AACV;AAEA,IAAM,cAAc,IAAI,KAAK,YAAY,OAAO;AAChD,IAAM,QAAQ,IAAI,KAAK,aAAa,OAAO;AAE3C,SAAgB,UAAU,QAAgB,UAAkB,SAAS,GAAG,SAAS,IAAY;CAC3F,OAAO,GAAG,MAAM,OAAO,MAAM,EAAE,GAAG,YAAY,OAAO,MAAM,MAAM,QAAQ,WAAW;AACtF"}

package/dist/string-CuGKN25d.js

@@ -0,0 +1,13 @@
+//#region src/lib/string.ts
+var lodashTitleCase = (str) => {
+	return str.replace(/[-_\s]+(.)?/g, (_, char) => char ? char.toUpperCase() : "").replace(/^(.)/, (char) => char.toLowerCase()).replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase()).trim();
+};
+var pluralRules = new Intl.PluralRules("en-US");
+var count = new Intl.NumberFormat("en-US");
+function pluralize(amount, singular, plural = `${singular}s`) {
+	return `${count.format(amount)} ${pluralRules.select(amount) === "one" ? singular : plural}`;
+}
+//#endregion
+export { pluralize as n, lodashTitleCase as t };
+
+//# sourceMappingURL=string-CuGKN25d.js.map

package/dist/string-CuGKN25d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"string-CuGKN25d.js","names":[],"sources":["../src/lib/string.ts"],"sourcesContent":["export const lodashTitleCase = (str: string): string => {\n  // First convert to camel case (handles various separators like spaces, hyphens, underscores)\n  const camelCased = str\n    .replace(/[-_\\s]+(.)?/g, (_, char) => (char ? char.toUpperCase() : ''))\n    .replace(/^(.)/, char => char.toLowerCase());\n\n  // Then convert to start case (capitalize first letter of each word)\n  return camelCased\n    .replace(/([A-Z])/g, ' $1')\n    .replace(/^./, str => str.toUpperCase())\n    .trim();\n};\n\nconst pluralRules = new Intl.PluralRules('en-US');\nconst count = new Intl.NumberFormat('en-US');\n\nexport function pluralize(amount: number, singular: string, plural = `${singular}s`): string {\n  return `${count.format(amount)} ${pluralRules.select(amount) === 'one' ? singular : plural}`;\n}\n"],"mappings":";AAAA,IAAa,mBAAmB,QAAwB;CAOtD,OALmB,IAChB,QAAQ,iBAAiB,GAAG,SAAU,OAAO,KAAK,YAAY,IAAI,EAAG,CAAC,CACtE,QAAQ,SAAQ,SAAQ,KAAK,YAAY,CAGrC,CAAA,CACJ,QAAQ,YAAY,KAAK,CAAC,CAC1B,QAAQ,OAAM,QAAO,IAAI,YAAY,CAAC,CAAC,CACvC,KAAK;AACV;AAEA,IAAM,cAAc,IAAI,KAAK,YAAY,OAAO;AAChD,IAAM,QAAQ,IAAI,KAAK,aAAa,OAAO;AAE3C,SAAgB,UAAU,QAAgB,UAAkB,SAAS,GAAG,SAAS,IAAY;CAC3F,OAAO,GAAG,MAAM,OAAO,MAAM,EAAE,GAAG,YAAY,OAAO,MAAM,MAAM,QAAQ,WAAW;AACtF"}

package/dist/style.css

@@ -2416,6 +2416,14 @@
     height: 400px;
   }
 
+  .h-\[480px\] {
+    height: 480px;
+  }
+
+  .h-\[640px\] {
+    height: 640px;
+  }
+
   .h-\[calc\(85dvh\+1\.5rem\)\] {
     height: calc(85dvh + 1.5rem);
   }
@@ -3544,6 +3552,10 @@
     max-width: 85vw;
   }
 
+  .max-w-\[calc\(100\%-2ch\)\] {
+    max-width: calc(100% - 2ch);
+  }
+
   .max-w-\[calc\(100\%-16px\)\] {
     max-width: calc(100% - 16px);
   }
@@ -3708,6 +3720,10 @@
     min-width: calc(var(--spacing) * 108);
   }
 
+  .min-w-\[2ch\] {
+    min-width: 2ch;
+  }
+
   .min-w-\[3px\] {
     min-width: 3px;
   }
@@ -7603,6 +7619,12 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[border-radius\,padding\,box-shadow\] {
+    transition-property: border-radius, padding, box-shadow;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[clip-path\] {
     transition-property: clip-path;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -8332,10 +8354,24 @@
     gap: var(--spacing);
   }
 
+  :is(.\*\:rounded-none > *) {
+    border-radius: var(--radius-none);
+  }
+
   :is(.\*\:rounded-sm > *) {
     border-radius: var(--radius-sm);
   }
 
+  :is(.\*\:border-x-0 > *) {
+    border-inline-style: var(--tw-border-style);
+    border-inline-width: 0;
+  }
+
+  :is(.\*\:border-t-0 > *) {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 0;
+  }
+
   :is(.\*\:transition-colors > *) {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -8357,6 +8393,10 @@
     border-bottom-width: 1px;
   }
 
+  .not-last\:border-border:not(:last-child) {
+    border-color: var(--border);
+  }
+
   .not-last\:border-surface-rim:not(:last-child) {
     border-color: var(--surface-rim);
   }

package/dist/utils/model.cjs.js

@@ -56,6 +56,15 @@ function formatModelName(model) {
 function formatProviderName(provider) {
 	return PROVIDER_NAMES.get(provider) ?? provider.split(/[-_]/).filter(Boolean).map(titleCase).join(" ");
 }
+/** Compare catalog release dates newest first; unknown or invalid dates follow known dates. */
+function compareModelReleaseDates(a, b) {
+	const aTime = Date.parse(a ?? "");
+	const bTime = Date.parse(b ?? "");
+	const aKnown = Number.isFinite(aTime);
+	const bKnown = Number.isFinite(bTime);
+	if (aKnown && bKnown) return bTime - aTime;
+	return Number(bKnown) - Number(aKnown);
+}
 function resolveModel(value) {
 	const trimmed = value.trim();
 	const slash = trimmed.indexOf("/");
@@ -73,6 +82,7 @@ function resolveModel(value) {
 	};
 }
 //#endregion
+exports.compareModelReleaseDates = compareModelReleaseDates;
 exports.formatModelName = formatModelName;
 exports.formatProviderName = formatProviderName;
 exports.resolveModel = resolveModel;

package/dist/utils/model.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.cjs.js","names":[],"sources":["../../src/utils/model.ts"],"sourcesContent":["export type ResolvedModel = {\n  provider?: string;\n  providerName?: string;\n  model: string;\n  modelName: string;\n};\n\nconst PROVIDER_NAMES = new Map([\n  ['anthropic', 'Anthropic'],\n  ['openai', 'OpenAI'],\n  ['google', 'Google'],\n  ['xai', 'xAI'],\n  ['mistral', 'Mistral'],\n  ['groq', 'Groq'],\n  ['deepseek', 'DeepSeek'],\n  ['openrouter', 'OpenRouter'],\n  ['meta', 'Meta'],\n  ['perplexity', 'Perplexity'],\n  ['togetherai', 'Together AI'],\n  ['fireworks-ai', 'Fireworks AI'],\n  ['cerebras', 'Cerebras'],\n  ['vercel', 'Vercel AI Gateway'],\n  ['netlify', 'Netlify'],\n  ['deepinfra', 'Deep Infra'],\n  ['moonshotai', 'Moonshot AI'],\n  ['alibaba', 'Alibaba'],\n  ['zai', 'Z.AI'],\n  ['huggingface', 'Hugging Face'],\n  ['nvidia', 'Nvidia'],\n  ['lmstudio', 'LMStudio'],\n]);\n\nconst WORD_NAMES = new Map([\n  ['gpt', 'GPT'],\n  ['oss', 'OSS'],\n  ['deepseek', 'DeepSeek'],\n  ['glm', 'GLM'],\n  ['qwq', 'QwQ'],\n]);\n\nconst DATE_SUFFIX = /(-\\d{8}|-\\d{4}-\\d{2}-\\d{2}|-\\d{2}-\\d{4}|-\\d{4})$/;\nconst BEDROCK_VENDOR_PREFIXES = /^(?:[a-z]+\\.)+/i;\nconst BEDROCK_API_VERSION = /-v\\d+:0$/;\nconst WORD_WITH_MAJOR_VERSION = /^([a-z]{2,})(\\d+)$/;\n\nconst titleCase = (word: string) => WORD_NAMES.get(word) ?? word.charAt(0).toUpperCase() + word.slice(1);\n\nfunction formatWord(word: string) {\n  if (/^o\\d/.test(word)) return word;\n  if (/^\\d+(\\.\\d+)?[bkm]$/.test(word)) return word.toUpperCase();\n  return titleCase(word);\n}\n\nexport function formatModelName(model: string): string {\n  const base = (model.split('/').pop() || model).replace(BEDROCK_VENDOR_PREFIXES, '').replace(BEDROCK_API_VERSION, '');\n  const tokens = base\n    .toLowerCase()\n    .replace(DATE_SUFFIX, '')\n    .split(/[-_\\s]+/)\n    .filter(Boolean);\n\n  const words: string[] = [];\n  for (const token of tokens) {\n    const previous = words[words.length - 1];\n    const wordWithMajor = previous?.match(WORD_WITH_MAJOR_VERSION);\n    if (previous && /^\\d+$/.test(previous) && /^\\d$/.test(token)) {\n      words[words.length - 1] = `${previous}.${token}`;\n    } else if (wordWithMajor?.[1] && wordWithMajor[2] && /^\\d$/.test(token)) {\n      words.splice(-1, 1, wordWithMajor[1], `${wordWithMajor[2]}.${token}`);\n    } else {\n      words.push(token);\n    }\n  }\n\n  return words\n    .map(formatWord)\n    .join(' ')\n    .replace(/^GPT (\\S)/, 'GPT-$1');\n}\n\nexport function formatProviderName(provider: string): string {\n  return PROVIDER_NAMES.get(provider) ?? provider.split(/[-_]/).filter(Boolean).map(titleCase).join(' ');\n}\n\nexport function resolveModel(value: string): ResolvedModel {\n  const trimmed = value.trim();\n  const slash = trimmed.indexOf('/');\n  if (slash <= 0 || slash === trimmed.length - 1) return { model: trimmed, modelName: formatModelName(trimmed) };\n  const provider = (trimmed.slice(0, slash).split('.')[0] ?? '').toLowerCase();\n  const model = trimmed.slice(slash + 1);\n  return { provider, providerName: formatProviderName(provider), model, modelName: formatModelName(model) };\n}\n"],"mappings":"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"}
+{"version":3,"file":"model.cjs.js","names":[],"sources":["../../src/utils/model.ts"],"sourcesContent":["export type ResolvedModel = {\n  provider?: string;\n  providerName?: string;\n  model: string;\n  modelName: string;\n};\n\nconst PROVIDER_NAMES = new Map([\n  ['anthropic', 'Anthropic'],\n  ['openai', 'OpenAI'],\n  ['google', 'Google'],\n  ['xai', 'xAI'],\n  ['mistral', 'Mistral'],\n  ['groq', 'Groq'],\n  ['deepseek', 'DeepSeek'],\n  ['openrouter', 'OpenRouter'],\n  ['meta', 'Meta'],\n  ['perplexity', 'Perplexity'],\n  ['togetherai', 'Together AI'],\n  ['fireworks-ai', 'Fireworks AI'],\n  ['cerebras', 'Cerebras'],\n  ['vercel', 'Vercel AI Gateway'],\n  ['netlify', 'Netlify'],\n  ['deepinfra', 'Deep Infra'],\n  ['moonshotai', 'Moonshot AI'],\n  ['alibaba', 'Alibaba'],\n  ['zai', 'Z.AI'],\n  ['huggingface', 'Hugging Face'],\n  ['nvidia', 'Nvidia'],\n  ['lmstudio', 'LMStudio'],\n]);\n\nconst WORD_NAMES = new Map([\n  ['gpt', 'GPT'],\n  ['oss', 'OSS'],\n  ['deepseek', 'DeepSeek'],\n  ['glm', 'GLM'],\n  ['qwq', 'QwQ'],\n]);\n\nconst DATE_SUFFIX = /(-\\d{8}|-\\d{4}-\\d{2}-\\d{2}|-\\d{2}-\\d{4}|-\\d{4})$/;\nconst BEDROCK_VENDOR_PREFIXES = /^(?:[a-z]+\\.)+/i;\nconst BEDROCK_API_VERSION = /-v\\d+:0$/;\nconst WORD_WITH_MAJOR_VERSION = /^([a-z]{2,})(\\d+)$/;\n\nconst titleCase = (word: string) => WORD_NAMES.get(word) ?? word.charAt(0).toUpperCase() + word.slice(1);\n\nfunction formatWord(word: string) {\n  if (/^o\\d/.test(word)) return word;\n  if (/^\\d+(\\.\\d+)?[bkm]$/.test(word)) return word.toUpperCase();\n  return titleCase(word);\n}\n\nexport function formatModelName(model: string): string {\n  const base = (model.split('/').pop() || model).replace(BEDROCK_VENDOR_PREFIXES, '').replace(BEDROCK_API_VERSION, '');\n  const tokens = base\n    .toLowerCase()\n    .replace(DATE_SUFFIX, '')\n    .split(/[-_\\s]+/)\n    .filter(Boolean);\n\n  const words: string[] = [];\n  for (const token of tokens) {\n    const previous = words[words.length - 1];\n    const wordWithMajor = previous?.match(WORD_WITH_MAJOR_VERSION);\n    if (previous && /^\\d+$/.test(previous) && /^\\d$/.test(token)) {\n      words[words.length - 1] = `${previous}.${token}`;\n    } else if (wordWithMajor?.[1] && wordWithMajor[2] && /^\\d$/.test(token)) {\n      words.splice(-1, 1, wordWithMajor[1], `${wordWithMajor[2]}.${token}`);\n    } else {\n      words.push(token);\n    }\n  }\n\n  return words\n    .map(formatWord)\n    .join(' ')\n    .replace(/^GPT (\\S)/, 'GPT-$1');\n}\n\nexport function formatProviderName(provider: string): string {\n  return PROVIDER_NAMES.get(provider) ?? provider.split(/[-_]/).filter(Boolean).map(titleCase).join(' ');\n}\n\n/** Compare catalog release dates newest first; unknown or invalid dates follow known dates. */\nexport function compareModelReleaseDates(a?: string, b?: string): number {\n  const aTime = Date.parse(a ?? '');\n  const bTime = Date.parse(b ?? '');\n  const aKnown = Number.isFinite(aTime);\n  const bKnown = Number.isFinite(bTime);\n  if (aKnown && bKnown) return bTime - aTime;\n  return Number(bKnown) - Number(aKnown);\n}\n\nexport function resolveModel(value: string): ResolvedModel {\n  const trimmed = value.trim();\n  const slash = trimmed.indexOf('/');\n  if (slash <= 0 || slash === trimmed.length - 1) return { model: trimmed, modelName: formatModelName(trimmed) };\n  const provider = (trimmed.slice(0, slash).split('.')[0] ?? '').toLowerCase();\n  const model = trimmed.slice(slash + 1);\n  return { provider, providerName: formatProviderName(provider), model, modelName: formatModelName(model) };\n}\n"],"mappings":"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"}

package/dist/utils/model.es.js

@@ -55,6 +55,15 @@ function formatModelName(model) {
 function formatProviderName(provider) {
 	return PROVIDER_NAMES.get(provider) ?? provider.split(/[-_]/).filter(Boolean).map(titleCase).join(" ");
 }
+/** Compare catalog release dates newest first; unknown or invalid dates follow known dates. */
+function compareModelReleaseDates(a, b) {
+	const aTime = Date.parse(a ?? "");
+	const bTime = Date.parse(b ?? "");
+	const aKnown = Number.isFinite(aTime);
+	const bKnown = Number.isFinite(bTime);
+	if (aKnown && bKnown) return bTime - aTime;
+	return Number(bKnown) - Number(aKnown);
+}
 function resolveModel(value) {
 	const trimmed = value.trim();
 	const slash = trimmed.indexOf("/");
@@ -72,6 +81,6 @@ function resolveModel(value) {
 	};
 }
 //#endregion
-export { formatModelName, formatProviderName, resolveModel };
+export { compareModelReleaseDates, formatModelName, formatProviderName, resolveModel };
 
 //# sourceMappingURL=model.es.js.map

package/dist/utils/model.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.es.js","names":[],"sources":["../../src/utils/model.ts"],"sourcesContent":["export type ResolvedModel = {\n  provider?: string;\n  providerName?: string;\n  model: string;\n  modelName: string;\n};\n\nconst PROVIDER_NAMES = new Map([\n  ['anthropic', 'Anthropic'],\n  ['openai', 'OpenAI'],\n  ['google', 'Google'],\n  ['xai', 'xAI'],\n  ['mistral', 'Mistral'],\n  ['groq', 'Groq'],\n  ['deepseek', 'DeepSeek'],\n  ['openrouter', 'OpenRouter'],\n  ['meta', 'Meta'],\n  ['perplexity', 'Perplexity'],\n  ['togetherai', 'Together AI'],\n  ['fireworks-ai', 'Fireworks AI'],\n  ['cerebras', 'Cerebras'],\n  ['vercel', 'Vercel AI Gateway'],\n  ['netlify', 'Netlify'],\n  ['deepinfra', 'Deep Infra'],\n  ['moonshotai', 'Moonshot AI'],\n  ['alibaba', 'Alibaba'],\n  ['zai', 'Z.AI'],\n  ['huggingface', 'Hugging Face'],\n  ['nvidia', 'Nvidia'],\n  ['lmstudio', 'LMStudio'],\n]);\n\nconst WORD_NAMES = new Map([\n  ['gpt', 'GPT'],\n  ['oss', 'OSS'],\n  ['deepseek', 'DeepSeek'],\n  ['glm', 'GLM'],\n  ['qwq', 'QwQ'],\n]);\n\nconst DATE_SUFFIX = /(-\\d{8}|-\\d{4}-\\d{2}-\\d{2}|-\\d{2}-\\d{4}|-\\d{4})$/;\nconst BEDROCK_VENDOR_PREFIXES = /^(?:[a-z]+\\.)+/i;\nconst BEDROCK_API_VERSION = /-v\\d+:0$/;\nconst WORD_WITH_MAJOR_VERSION = /^([a-z]{2,})(\\d+)$/;\n\nconst titleCase = (word: string) => WORD_NAMES.get(word) ?? word.charAt(0).toUpperCase() + word.slice(1);\n\nfunction formatWord(word: string) {\n  if (/^o\\d/.test(word)) return word;\n  if (/^\\d+(\\.\\d+)?[bkm]$/.test(word)) return word.toUpperCase();\n  return titleCase(word);\n}\n\nexport function formatModelName(model: string): string {\n  const base = (model.split('/').pop() || model).replace(BEDROCK_VENDOR_PREFIXES, '').replace(BEDROCK_API_VERSION, '');\n  const tokens = base\n    .toLowerCase()\n    .replace(DATE_SUFFIX, '')\n    .split(/[-_\\s]+/)\n    .filter(Boolean);\n\n  const words: string[] = [];\n  for (const token of tokens) {\n    const previous = words[words.length - 1];\n    const wordWithMajor = previous?.match(WORD_WITH_MAJOR_VERSION);\n    if (previous && /^\\d+$/.test(previous) && /^\\d$/.test(token)) {\n      words[words.length - 1] = `${previous}.${token}`;\n    } else if (wordWithMajor?.[1] && wordWithMajor[2] && /^\\d$/.test(token)) {\n      words.splice(-1, 1, wordWithMajor[1], `${wordWithMajor[2]}.${token}`);\n    } else {\n      words.push(token);\n    }\n  }\n\n  return words\n    .map(formatWord)\n    .join(' ')\n    .replace(/^GPT (\\S)/, 'GPT-$1');\n}\n\nexport function formatProviderName(provider: string): string {\n  return PROVIDER_NAMES.get(provider) ?? provider.split(/[-_]/).filter(Boolean).map(titleCase).join(' ');\n}\n\nexport function resolveModel(value: string): ResolvedModel {\n  const trimmed = value.trim();\n  const slash = trimmed.indexOf('/');\n  if (slash <= 0 || slash === trimmed.length - 1) return { model: trimmed, modelName: formatModelName(trimmed) };\n  const provider = (trimmed.slice(0, slash).split('.')[0] ?? '').toLowerCase();\n  const model = trimmed.slice(slash + 1);\n  return { provider, providerName: formatProviderName(provider), model, modelName: formatModelName(model) };\n}\n"],"mappings":"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"}
+{"version":3,"file":"model.es.js","names":[],"sources":["../../src/utils/model.ts"],"sourcesContent":["export type ResolvedModel = {\n  provider?: string;\n  providerName?: string;\n  model: string;\n  modelName: string;\n};\n\nconst PROVIDER_NAMES = new Map([\n  ['anthropic', 'Anthropic'],\n  ['openai', 'OpenAI'],\n  ['google', 'Google'],\n  ['xai', 'xAI'],\n  ['mistral', 'Mistral'],\n  ['groq', 'Groq'],\n  ['deepseek', 'DeepSeek'],\n  ['openrouter', 'OpenRouter'],\n  ['meta', 'Meta'],\n  ['perplexity', 'Perplexity'],\n  ['togetherai', 'Together AI'],\n  ['fireworks-ai', 'Fireworks AI'],\n  ['cerebras', 'Cerebras'],\n  ['vercel', 'Vercel AI Gateway'],\n  ['netlify', 'Netlify'],\n  ['deepinfra', 'Deep Infra'],\n  ['moonshotai', 'Moonshot AI'],\n  ['alibaba', 'Alibaba'],\n  ['zai', 'Z.AI'],\n  ['huggingface', 'Hugging Face'],\n  ['nvidia', 'Nvidia'],\n  ['lmstudio', 'LMStudio'],\n]);\n\nconst WORD_NAMES = new Map([\n  ['gpt', 'GPT'],\n  ['oss', 'OSS'],\n  ['deepseek', 'DeepSeek'],\n  ['glm', 'GLM'],\n  ['qwq', 'QwQ'],\n]);\n\nconst DATE_SUFFIX = /(-\\d{8}|-\\d{4}-\\d{2}-\\d{2}|-\\d{2}-\\d{4}|-\\d{4})$/;\nconst BEDROCK_VENDOR_PREFIXES = /^(?:[a-z]+\\.)+/i;\nconst BEDROCK_API_VERSION = /-v\\d+:0$/;\nconst WORD_WITH_MAJOR_VERSION = /^([a-z]{2,})(\\d+)$/;\n\nconst titleCase = (word: string) => WORD_NAMES.get(word) ?? word.charAt(0).toUpperCase() + word.slice(1);\n\nfunction formatWord(word: string) {\n  if (/^o\\d/.test(word)) return word;\n  if (/^\\d+(\\.\\d+)?[bkm]$/.test(word)) return word.toUpperCase();\n  return titleCase(word);\n}\n\nexport function formatModelName(model: string): string {\n  const base = (model.split('/').pop() || model).replace(BEDROCK_VENDOR_PREFIXES, '').replace(BEDROCK_API_VERSION, '');\n  const tokens = base\n    .toLowerCase()\n    .replace(DATE_SUFFIX, '')\n    .split(/[-_\\s]+/)\n    .filter(Boolean);\n\n  const words: string[] = [];\n  for (const token of tokens) {\n    const previous = words[words.length - 1];\n    const wordWithMajor = previous?.match(WORD_WITH_MAJOR_VERSION);\n    if (previous && /^\\d+$/.test(previous) && /^\\d$/.test(token)) {\n      words[words.length - 1] = `${previous}.${token}`;\n    } else if (wordWithMajor?.[1] && wordWithMajor[2] && /^\\d$/.test(token)) {\n      words.splice(-1, 1, wordWithMajor[1], `${wordWithMajor[2]}.${token}`);\n    } else {\n      words.push(token);\n    }\n  }\n\n  return words\n    .map(formatWord)\n    .join(' ')\n    .replace(/^GPT (\\S)/, 'GPT-$1');\n}\n\nexport function formatProviderName(provider: string): string {\n  return PROVIDER_NAMES.get(provider) ?? provider.split(/[-_]/).filter(Boolean).map(titleCase).join(' ');\n}\n\n/** Compare catalog release dates newest first; unknown or invalid dates follow known dates. */\nexport function compareModelReleaseDates(a?: string, b?: string): number {\n  const aTime = Date.parse(a ?? '');\n  const bTime = Date.parse(b ?? '');\n  const aKnown = Number.isFinite(aTime);\n  const bKnown = Number.isFinite(bTime);\n  if (aKnown && bKnown) return bTime - aTime;\n  return Number(bKnown) - Number(aKnown);\n}\n\nexport function resolveModel(value: string): ResolvedModel {\n  const trimmed = value.trim();\n  const slash = trimmed.indexOf('/');\n  if (slash <= 0 || slash === trimmed.length - 1) return { model: trimmed, modelName: formatModelName(trimmed) };\n  const provider = (trimmed.slice(0, slash).split('.')[0] ?? '').toLowerCase();\n  const model = trimmed.slice(slash + 1);\n  return { provider, providerName: formatProviderName(provider), model, modelName: formatModelName(model) };\n}\n"],"mappings":"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"}

package/dist/utils/string.cjs.js

@@ -1,15 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region src/lib/string.ts
-var lodashTitleCase = (str) => {
-	return str.replace(/[-_\s]+(.)?/g, (_, char) => char ? char.toUpperCase() : "").replace(/^(.)/, (char) => char.toLowerCase()).replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase()).trim();
-};
-var pluralRules = new Intl.PluralRules("en-US");
-var count = new Intl.NumberFormat("en-US");
-function pluralize(amount, singular, plural = `${singular}s`) {
-	return `${count.format(amount)} ${pluralRules.select(amount) === "one" ? singular : plural}`;
-}
-//#endregion
-exports.lodashTitleCase = lodashTitleCase;
-exports.pluralize = pluralize;
-
-//# sourceMappingURL=string.cjs.js.map
+const require_string = require("../string-Bu8NTsPl.cjs");
+exports.lodashTitleCase = require_string.lodashTitleCase;
+exports.pluralize = require_string.pluralize;

package/dist/utils/string.es.js

@@ -1,13 +1 @@
-//#region src/lib/string.ts
-var lodashTitleCase = (str) => {
-	return str.replace(/[-_\s]+(.)?/g, (_, char) => char ? char.toUpperCase() : "").replace(/^(.)/, (char) => char.toLowerCase()).replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase()).trim();
-};
-var pluralRules = new Intl.PluralRules("en-US");
-var count = new Intl.NumberFormat("en-US");
-function pluralize(amount, singular, plural = `${singular}s`) {
-	return `${count.format(amount)} ${pluralRules.select(amount) === "one" ? singular : plural}`;
-}
-//#endregion
-export { lodashTitleCase, pluralize };
-
-//# sourceMappingURL=string.es.js.map
+export { t as lodashTitleCase, n as pluralize } from "../string-CuGKN25d.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "66.0.0-alpha.1",
+  "version": "66.0.0-alpha.3",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -220,8 +220,8 @@
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
     "@mastra/ai-sdk": "^1.11.2",
-    "@mastra/client-js": "^1.57.0-alpha.1",
-    "@mastra/react": "1.13.0-alpha.1"
+    "@mastra/client-js": "^1.57.0-alpha.3",
+    "@mastra/react": "1.13.0-alpha.3"
   },
   "devDependencies": {
     "@modelcontextprotocol/sdk": "^1.32.1",
@@ -263,11 +263,11 @@
     "vitest": "4.1.12",
     "@internal/lint": "0.0.145",
     "@mastra/ai-sdk": "1.11.2",
-    "@mastra/client-js": "^1.57.0-alpha.1",
-    "@mastra/core": "1.80.0-alpha.1",
-    "@mastra/react": "1.13.0-alpha.1",
-    "@mastra/schema-compat": "1.3.16",
-    "@mastra/memory": "1.39.1-alpha.0"
+    "@mastra/client-js": "^1.57.0-alpha.3",
+    "@mastra/core": "1.80.0-alpha.3",
+    "@mastra/memory": "1.39.1-alpha.1",
+    "@mastra/react": "1.13.0-alpha.3",
+    "@mastra/schema-compat": "1.3.16"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/dist/utils/string.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"string.cjs.js","names":[],"sources":["../../src/lib/string.ts"],"sourcesContent":["export const lodashTitleCase = (str: string): string => {\n  // First convert to camel case (handles various separators like spaces, hyphens, underscores)\n  const camelCased = str\n    .replace(/[-_\\s]+(.)?/g, (_, char) => (char ? char.toUpperCase() : ''))\n    .replace(/^(.)/, char => char.toLowerCase());\n\n  // Then convert to start case (capitalize first letter of each word)\n  return camelCased\n    .replace(/([A-Z])/g, ' $1')\n    .replace(/^./, str => str.toUpperCase())\n    .trim();\n};\n\nconst pluralRules = new Intl.PluralRules('en-US');\nconst count = new Intl.NumberFormat('en-US');\n\nexport function pluralize(amount: number, singular: string, plural = `${singular}s`): string {\n  return `${count.format(amount)} ${pluralRules.select(amount) === 'one' ? singular : plural}`;\n}\n"],"mappings":";;AAAA,IAAa,mBAAmB,QAAwB;CAOtD,OALmB,IAChB,QAAQ,iBAAiB,GAAG,SAAU,OAAO,KAAK,YAAY,IAAI,EAAG,CAAC,CACtE,QAAQ,SAAQ,SAAQ,KAAK,YAAY,CAGrC,CAAA,CACJ,QAAQ,YAAY,KAAK,CAAC,CAC1B,QAAQ,OAAM,QAAO,IAAI,YAAY,CAAC,CAAC,CACvC,KAAK;AACV;AAEA,IAAM,cAAc,IAAI,KAAK,YAAY,OAAO;AAChD,IAAM,QAAQ,IAAI,KAAK,aAAa,OAAO;AAE3C,SAAgB,UAAU,QAAgB,UAAkB,SAAS,GAAG,SAAS,IAAY;CAC3F,OAAO,GAAG,MAAM,OAAO,MAAM,EAAE,GAAG,YAAY,OAAO,MAAM,MAAM,QAAQ,WAAW;AACtF"}

package/dist/utils/string.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"string.es.js","names":[],"sources":["../../src/lib/string.ts"],"sourcesContent":["export const lodashTitleCase = (str: string): string => {\n  // First convert to camel case (handles various separators like spaces, hyphens, underscores)\n  const camelCased = str\n    .replace(/[-_\\s]+(.)?/g, (_, char) => (char ? char.toUpperCase() : ''))\n    .replace(/^(.)/, char => char.toLowerCase());\n\n  // Then convert to start case (capitalize first letter of each word)\n  return camelCased\n    .replace(/([A-Z])/g, ' $1')\n    .replace(/^./, str => str.toUpperCase())\n    .trim();\n};\n\nconst pluralRules = new Intl.PluralRules('en-US');\nconst count = new Intl.NumberFormat('en-US');\n\nexport function pluralize(amount: number, singular: string, plural = `${singular}s`): string {\n  return `${count.format(amount)} ${pluralRules.select(amount) === 'one' ? singular : plural}`;\n}\n"],"mappings":";AAAA,IAAa,mBAAmB,QAAwB;CAOtD,OALmB,IAChB,QAAQ,iBAAiB,GAAG,SAAU,OAAO,KAAK,YAAY,IAAI,EAAG,CAAC,CACtE,QAAQ,SAAQ,SAAQ,KAAK,YAAY,CAGrC,CAAA,CACJ,QAAQ,YAAY,KAAK,CAAC,CAC1B,QAAQ,OAAM,QAAO,IAAI,YAAY,CAAC,CAAC,CACvC,KAAK;AACV;AAEA,IAAM,cAAc,IAAI,KAAK,YAAY,OAAO;AAChD,IAAM,QAAQ,IAAI,KAAK,aAAa,OAAO;AAE3C,SAAgB,UAAU,QAAgB,UAAkB,SAAS,GAAG,SAAS,IAAY;CAC3F,OAAO,GAAG,MAAM,OAAO,MAAM,EAAE,GAAG,YAAY,OAAO,MAAM,MAAM,QAAQ,WAAW;AACtF"}