@superxd-studio/adptr 0.5.0 → 0.6.0

package/GENERATIVE.md

@@ -14,7 +14,7 @@ Names and counts come from the registered examples, not hard-coded badges. Domai
 
 ## Public API
 
-Install the local `@superxd-studio/adptr` 0.5.0 artifact and the optional Generative peer. This entry is independent of a conversation runtime, although the upstream package requires its compatible React peer packages. Other library entries do not import this renderer.
+Install the local `@superxd-studio/adptr` 0.6.0 artifact and the optional Generative peer. This entry is independent of a conversation runtime, although the upstream package requires its compatible React peer packages. Other library entries do not import this renderer.
 
 ```tsx
 import { StructuredResponse, type GenerativeActions } from "@superxd-studio/adptr/generative";

package/README.md

@@ -2,13 +2,22 @@
 
 React components and finished product flows by [SuperXD](https://superxd.app): conversation, review and AI-assisted work, with every state designed. They're accessible by default (built on React Aria) and restyled from one set of theme tokens.
 
+## What's new in 0.6.0
+
+- **Peek** opens a focused preview without leaving the current view.
+- **Run timeline** shows the steps, messages and progress of AI-assisted work.
+- **Decision Gate** asks for an explicit decision before an action proceeds.
+- **Action Receipt** shows what happened after an action, and **Task Progress** shows where a task stands. Both also have catalogue blocks.
+- The **Status** foundation brings consistent words and visual treatments to these states.
+- Two new source recipes, **Decision Gate** and **Agent task**, connect these parts into complete flows. They are separate catalogue downloads; your app supplies the actual service and action execution.
+
 ## Install
 
 ```sh
 npm install @superxd-studio/adptr
 ```
 
-ADPTR needs React and React DOM 19.3 or later within React 19.
+ADPTR needs matching React and React DOM versions: 19.3 or later within React 19. Run the install command in your app’s folder, then import the shared styles once. Source recipes in the catalogue are separate downloads with their own setup instructions.
 
 ## Use
 
@@ -28,16 +37,16 @@ The interactive entry points are marked for React Server Components, so they wor
 
 ## What's inside
 
-| Entry                                | What it's for                                                                  |
-| ------------------------------------ | ------------------------------------------------------------------------------ |
-| `@superxd-studio/adptr/ui`           | Buttons, fields, choices, menus, dialogs and the other shared components       |
-| `@superxd-studio/adptr/web`          | Conversation (`Chat`) and draft review (`DraftReview`)                         |
-| `@superxd-studio/adptr/core`         | Framework-free controllers for conversations and reviews, safe on a server     |
-| `@superxd-studio/adptr/custom`       | Connect a conversation to your own HTTP endpoint                               |
-| `@superxd-studio/adptr/generative`   | Structured responses: cards, forms, charts and tables an assistant can propose |
-| `@superxd-studio/adptr/interactions` | Supervised plans, artifact editing, saved conversations and feedback           |
-| `@superxd-studio/adptr/styles.css`   | Component styles and theme tokens (no fonts)                                   |
-| `@superxd-studio/adptr/fonts.css`    | Optional fonts: Instrument Sans and IBM Plex Mono                              |
+| Entry                                | What it's for                                                                                  |
+| ------------------------------------ | ---------------------------------------------------------------------------------------------- |
+| `@superxd-studio/adptr/ui`           | Buttons, fields, choices, menus, dialogs and the other shared components                       |
+| `@superxd-studio/adptr/web`          | Conversation (`Chat`) and draft review (`DraftReview`)                                         |
+| `@superxd-studio/adptr/core`         | Framework-free controllers for conversations and reviews, safe on a server                     |
+| `@superxd-studio/adptr/custom`       | Connect a conversation to your own HTTP endpoint                                               |
+| `@superxd-studio/adptr/generative`   | Structured responses: cards, forms, charts and tables an assistant can propose                 |
+| `@superxd-studio/adptr/interactions` | Decision gates, run timelines, receipts, task progress, plans, artifacts, history and feedback |
+| `@superxd-studio/adptr/styles.css`   | Component styles and theme tokens (no fonts)                                                   |
+| `@superxd-studio/adptr/fonts.css`    | Optional fonts: Instrument Sans and IBM Plex Mono                                              |
 
 Optional integrations for assistant-ui, the AI SDK and LangGraph live in `assistant-ui`, `ai-sdk` and `langgraph-review`; install those libraries only if you use them.
 

package/REUSE.md

@@ -1,9 +1,19 @@
 # Reuse the conversation and attachments
 
-This local artifact exports a controlled React conversation, a platform-neutral controller and a customer-owned HTTP adapter. The optional assistant-ui integration uses the **same Chat component**, with that runtime owning state. This is the M1–M2b plus draft-review and supplied-data Generative local artifact (0.5.0), not the complete library release.
+ADPTR exports a controlled React conversation, a platform-neutral controller and a customer-owned HTTP adapter. The optional assistant-ui integration uses the **same Chat component**, with that runtime owning state. Version 0.6.0 includes conversation, draft review, supplied-data Generative components and the Decision Gate interaction components. Coverage remains limited to the documented public APIs; not every catalogue item is part of the npm package.
 
 The visitor library collects these examples in **Blocks → Conversation**, at `/site/#/b/conversation`. Its simulated demo runs without a server; the connected examples below use the local HTTP and AI SDK example servers. Old `/site/#/reusable` links redirect to this block. The integration workbench at `/#/reusable` still includes the optional runtime comparisons.
 
+## Install from npm
+
+In your React application's folder:
+
+```sh
+npm install @superxd-studio/adptr
+```
+
+Use matching React and React DOM versions: 19.3 or later within React 19. Import `@superxd-studio/adptr/styles.css` once at the app root. The package is public under MIT; the repository remains private. See the package README for entry points and a first component example. Source recipes are separate downloads with their own setup instructions.
+
 ## Run the independent consumer
 
 From the library repository:

package/REVIEW.md

@@ -1,10 +1,10 @@
 # Reusable review and approval
 
-Local package version **0.5.0**. This batch implements draft review on web: proposed-change cards, a decision panel and a complete flow. It preserves the approved warm foundations. It does not connect to a model, send emails or apply changes to a real document.
+Local package version **0.6.0**. This batch implements draft review on web: proposed-change cards, a decision panel and a complete flow. It preserves the approved warm foundations. It does not connect to a model, send emails or apply changes to a real document.
 
 ## Install and compose
 
-Install the downloaded `superxd-studio-adptr-0.5.0.tgz` with npm. React 19 is a peer. React Aria supplies keyboard and focus behaviour. The web entry does not require LangGraph or assistant-ui.
+Install the downloaded `superxd-studio-adptr-0.6.0.tgz` with npm. React 19 is a peer. React Aria supplies keyboard and focus behaviour. The web entry does not require LangGraph or assistant-ui.
 
 ```tsx
 import { useState } from "react";

package/THIRD-PARTY-NOTICES.md

@@ -11,7 +11,7 @@ SuperXD-owned library source is MIT. This does not relicense third-party depende
 | assistant-ui                | React 0.15.22 optional peer (the optional bridge); the earlier prototype's core and Markdown packages were removed | MIT package notices; `licenses/assistant-ui.txt`; optional bridge imports stable APIs; replacement is another snapshot/actions integration                                                                                                  |
 | AI SDK                      | ai 7.0.126 optional peer; its pinned provider-utils/provider/gateway dependencies stay within that package         | Apache-2.0; upstream copyright in `licenses/ai-sdk.txt`; imports isolated in the optional SDK entry and executable server. Default transport/message-stream APIs are stable. Replacement is another `ChatAdapter`, without changing `Chat`. |
 | React / React DOM           | 19.3.x peers                                                                                                       | MIT; packages retain their notices                                                                                                                                                                                                          |
-| React Aria components       | 1.21.1 web dependency                                                                                              | Apache-2.0; package retains full notice; maintained web accessibility primitive                                                                                                                                                             |
+| React Aria components/hooks | react-aria-components 1.21.1 / react-aria 3.52.1 web dependencies                                                  | Apache-2.0; package retains full notice; maintained web accessibility primitive                                                                                                                                                             |
 | react-markdown / remark-gfm | 10.1.0 / 4.0.1 web dependencies                                                                                    | MIT; notices in `licenses/react-markdown.txt` and `licenses/remark-gfm.txt`. Established CommonMark/GFM parsing, external package dependencies rather than copied implementations. No raw-HTML plugins or upstream global styles.           |
 | clsx / tailwind-merge       | 2.1.1 / 3.7.x                                                                                                      | MIT; original package notices retained by npm                                                                                                                                                                                               |
 | AI Elements                 | audited source `6a9d5b1822ffb10bba4bd97175f01edd7d8651cd`                                                          | Apache-2.0; reference only in M1–M2b. Any adapted file in later batches must retain its original licence/notice and changed-file attribution                                                                                                |

package/chunks/{callout-DKMHSnjc.js → callout-B89MDU9m.js}

@@ -131,9 +131,7 @@ var _ = u("ArrowDown", /* @__PURE__ */ o("path", { d: "m5 12 7 7 7-7M12 5v14" })
 	width: "13",
 	height: "13",
 	rx: "2"
-}), /* @__PURE__ */ o("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] })), b = u("Edit", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L9 17l-4 1 1-4Z" }), /* @__PURE__ */ o("path", { d: "m15 5 3 3" })] })), x = u("Check", /* @__PURE__ */ o("path", { d: "M20 6 9 17l-5-5" })), S = u("X", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M18 6 6 18" }), /* @__PURE__ */ o("path", { d: "m6 6 12 12" })] })), C = u("Paperclip", /* @__PURE__ */ o("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.9-9.9a4 4 0 0 1 5.66 5.66l-9.9 9.9a2 2 0 0 1-2.83-2.83l9.2-9.19" })), w = u("File", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }), /* @__PURE__ */ o("path", { d: "M14 2v6h6M8 13h8M8 17h5" })] }));
-u("ArrowLeft", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "m12 19-7-7 7-7" }), /* @__PURE__ */ o("path", { d: "M19 12H5" })] }));
-var T = u("Info", /* @__PURE__ */ s(a, { children: [
+}), /* @__PURE__ */ o("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] })), b = u("Edit", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L9 17l-4 1 1-4Z" }), /* @__PURE__ */ o("path", { d: "m15 5 3 3" })] })), x = u("Check", /* @__PURE__ */ o("path", { d: "M20 6 9 17l-5-5" })), S = u("BookOpen", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M12 7v14" }), /* @__PURE__ */ o("path", { d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" })] })), C = u("Terminal", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M12 19h8" }), /* @__PURE__ */ o("path", { d: "m4 17 6-6-6-6" })] })), w = u("X", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M18 6 6 18" }), /* @__PURE__ */ o("path", { d: "m6 6 12 12" })] })), T = u("Paperclip", /* @__PURE__ */ o("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.9-9.9a4 4 0 0 1 5.66 5.66l-9.9 9.9a2 2 0 0 1-2.83-2.83l9.2-9.19" })), E = u("File", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }), /* @__PURE__ */ o("path", { d: "M14 2v6h6M8 13h8M8 17h5" })] })), D = u("ArrowLeft", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "m12 19-7-7 7-7" }), /* @__PURE__ */ o("path", { d: "M19 12H5" })] })), O = u("Info", /* @__PURE__ */ s(a, { children: [
 	/* @__PURE__ */ o("circle", {
 		cx: "12",
 		cy: "12",
@@ -141,15 +139,15 @@ var T = u("Info", /* @__PURE__ */ s(a, { children: [
 	}),
 	/* @__PURE__ */ o("path", { d: "M12 16v-4" }),
 	/* @__PURE__ */ o("path", { d: "M12 8h.01" })
-] })), E = u("Alert", /* @__PURE__ */ s(a, { children: [
+] })), k = u("Alert", /* @__PURE__ */ s(a, { children: [
 	/* @__PURE__ */ o("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
 	/* @__PURE__ */ o("path", { d: "M12 9v4" }),
 	/* @__PURE__ */ o("path", { d: "M12 17h.01" })
-] })), D = u("CircleCheck", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("circle", {
+] })), A = u("CircleCheck", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("circle", {
 	cx: "12",
 	cy: "12",
 	r: "10"
-}), /* @__PURE__ */ o("path", { d: "m9 12 2 2 4-4" })] })), O = u("CircleAlert", /* @__PURE__ */ s(a, { children: [
+}), /* @__PURE__ */ o("path", { d: "m9 12 2 2 4-4" })] })), j = u("CircleAlert", /* @__PURE__ */ s(a, { children: [
 	/* @__PURE__ */ o("circle", {
 		cx: "12",
 		cy: "12",
@@ -157,22 +155,20 @@ var T = u("Info", /* @__PURE__ */ s(a, { children: [
 	}),
 	/* @__PURE__ */ o("path", { d: "M12 8v4" }),
 	/* @__PURE__ */ o("path", { d: "M12 16h.01" })
-] }));
-u("Hourglass", /* @__PURE__ */ s(a, { children: [
+] })), M = u("Hourglass", /* @__PURE__ */ s(a, { children: [
 	/* @__PURE__ */ o("path", { d: "M5 22h14" }),
 	/* @__PURE__ */ o("path", { d: "M5 2h14" }),
 	/* @__PURE__ */ o("path", { d: "M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22" }),
 	/* @__PURE__ */ o("path", { d: "M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2" })
-] }));
-var k = u("MapPin", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }), /* @__PURE__ */ o("circle", {
+] })), N = u("MapPin", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }), /* @__PURE__ */ o("circle", {
 	cx: "12",
 	cy: "10",
 	r: "3"
-})] })), A = u("Search", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("circle", {
+})] })), P = u("Search", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("circle", {
 	cx: "11",
 	cy: "11",
 	r: "8"
-}), /* @__PURE__ */ o("path", { d: "m21 21-4.3-4.3" })] })), j = u("Rotate", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), /* @__PURE__ */ o("path", { d: "M3 3v5h5" })] })), M = u("User", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }), /* @__PURE__ */ o("circle", {
+}), /* @__PURE__ */ o("path", { d: "m21 21-4.3-4.3" })] })), F = u("Rotate", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), /* @__PURE__ */ o("path", { d: "M3 3v5h5" })] })), I = u("User", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }), /* @__PURE__ */ o("circle", {
 	cx: "12",
 	cy: "7",
 	r: "4"
@@ -184,7 +180,7 @@ u("Mail", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("rect", {
 	y: "4",
 	rx: "2"
 }), /* @__PURE__ */ o("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })] })), u("Plus", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M5 12h14" }), /* @__PURE__ */ o("path", { d: "M12 5v14" })] }));
-var N = u("Sun", /* @__PURE__ */ s(a, { children: [
+var L = u("Sun", /* @__PURE__ */ s(a, { children: [
 	/* @__PURE__ */ o("circle", {
 		cx: "12",
 		cy: "12",
@@ -198,10 +194,10 @@ var N = u("Sun", /* @__PURE__ */ s(a, { children: [
 	/* @__PURE__ */ o("path", { d: "M20 12h2" }),
 	/* @__PURE__ */ o("path", { d: "m6.34 17.66-1.41 1.41" }),
 	/* @__PURE__ */ o("path", { d: "m19.07 4.93-1.41 1.41" })
-] })), P = u("Moon", /* @__PURE__ */ o("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" }));
+] })), R = u("Moon", /* @__PURE__ */ o("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" }));
 //#endregion
 //#region src/components/spinner.tsx
-function F({ className: e }) {
+function z({ className: e }) {
 	return /* @__PURE__ */ o("svg", {
 		viewBox: "0 0 24 24",
 		"aria-hidden": "true",
@@ -232,26 +228,26 @@ function F({ className: e }) {
 }
 //#endregion
 //#region src/components/button.tsx
-var I = "relative inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-control type-label outline-none press data-focus-visible:focus-ring data-disabled:cursor-not-allowed data-disabled:opacity-50 data-done:border-done! data-done:bg-done! data-done:text-on-done! data-done:shadow-none!", L = {
+var B = "relative inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-control type-label outline-none press data-focus-visible:focus-ring data-disabled:cursor-not-allowed data-disabled:opacity-50 data-done:border-done! data-done:bg-done! data-done:text-on-done! data-done:shadow-none!", V = {
 	primary: "bg-brand text-on-brand shadow-control data-hovered:bg-brand-emphasis data-pressed:bg-brand-emphasis",
 	secondary: "border border-line bg-surface text-fg-emphasis shadow-control data-hovered:border-line-emphasis data-hovered:bg-surface-muted data-pressed:bg-surface-subtle",
 	ghost: "text-fg-emphasis data-hovered:bg-surface-subtle data-pressed:bg-surface-emphasis",
 	destructive: "bg-destructive text-on-destructive shadow-control data-hovered:bg-destructive/90 data-pressed:bg-destructive/85"
-}, R = {
+}, H = {
 	sm: "h-control-sm px-control-sm-x",
 	md: "h-control-md px-control-md-x",
 	lg: "h-control-lg px-control-lg-x",
 	"icon-sm": "size-control-sm",
 	"icon-md": "size-control-md"
 };
-function z({ variant: e = "secondary", size: t = "md", className: n } = {}) {
-	return l(I, L[e], R[t], n);
+function U({ variant: e = "secondary", size: t = "md", className: n } = {}) {
+	return l(B, V[e], H[t], n);
 }
-function B({ variant: t = "secondary", size: r = "md", pendingLabel: i, isDone: c = !1, doneLabel: l, className: u, children: d, ...f }) {
+function W({ variant: t = "secondary", size: r = "md", pendingLabel: i, isDone: c = !1, doneLabel: l, className: u, children: d, ...f }) {
 	return /* @__PURE__ */ o(e, {
 		...f,
 		"data-done": c || void 0,
-		className: n(u, (e) => z({
+		className: n(u, (e) => U({
 			variant: t,
 			size: r,
 			className: e
@@ -262,26 +258,26 @@ function B({ variant: t = "secondary", size: r = "md", pendingLabel: i, isDone:
 		}), /* @__PURE__ */ s("span", {
 			className: "absolute inset-0 flex animate-reveal-in items-center justify-center gap-2",
 			children: [/* @__PURE__ */ o(x, {}), l ?? e]
-		})] }) : t ? i ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(F, {}), i] }) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
+		})] }) : t ? i ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {}), i] }) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
 			className: "invisible inline-flex items-center gap-2",
 			children: e
 		}), /* @__PURE__ */ o("span", {
 			className: "absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ o(F, {})
+			children: /* @__PURE__ */ o(z, {})
 		})] }) : e)
 	});
 }
-function V({ variant: e = "secondary", size: r = "md", className: i, ...a }) {
+function G({ variant: e = "secondary", size: r = "md", className: i, ...a }) {
 	return /* @__PURE__ */ o(t, {
 		...a,
-		className: n(i, (t) => z({
+		className: n(i, (t) => U({
 			variant: e,
 			size: r,
 			className: t
 		}))
 	});
 }
-function H({ className: e, ...r }) {
+function K({ className: e, ...r }) {
 	return /* @__PURE__ */ o(t, {
 		...r,
 		className: n(e, (e) => l("cursor-pointer rounded-[2px] font-medium text-fg-emphasis underline decoration-line-emphasis underline-offset-[3px] transition-colors duration-(--duration-fast) outline-none data-focus-visible:focus-ring data-hovered:decoration-fg-emphasis", e))
@@ -289,30 +285,30 @@ function H({ className: e, ...r }) {
 }
 //#endregion
 //#region src/components/callout.tsx
-var U = {
+var q = {
 	neutral: {
 		box: "border-line-subtle bg-surface-muted text-fg",
-		icon: /* @__PURE__ */ o(T, { className: "text-fg-subtle" })
+		icon: /* @__PURE__ */ o(O, { className: "text-fg-subtle" })
 	},
 	info: {
 		box: "border-info-line bg-info-subtle text-info",
-		icon: /* @__PURE__ */ o(T, {})
+		icon: /* @__PURE__ */ o(O, {})
 	},
 	success: {
 		box: "border-success-line bg-success-subtle text-success",
-		icon: /* @__PURE__ */ o(D, {})
+		icon: /* @__PURE__ */ o(A, {})
 	},
 	attention: {
 		box: "border-attention-line bg-attention-subtle text-attention",
-		icon: /* @__PURE__ */ o(E, {})
+		icon: /* @__PURE__ */ o(k, {})
 	},
 	error: {
 		box: "border-error-line bg-error-subtle text-error",
-		icon: /* @__PURE__ */ o(O, {})
+		icon: /* @__PURE__ */ o(j, {})
 	}
 };
-function W({ tone: e = "neutral", title: t, children: n, actions: r, icon: i, live: a, className: c }) {
-	let u = U[e];
+function J({ tone: e = "neutral", title: t, children: n, actions: r, icon: i, live: a, className: c }) {
+	let u = q[e];
 	return /* @__PURE__ */ s("div", {
 		role: a === "assertive" ? "alert" : a === "polite" ? "status" : void 0,
 		className: l("flex gap-2.5 rounded-control border px-control-md-x py-control-y type-body", u.box, c),
@@ -339,4 +335,4 @@ function W({ tone: e = "neutral", title: t, children: n, actions: r, icon: i, li
 	});
 }
 //#endregion
-export { A as C, S as D, M as E, l as O, j as S, N as T, b as _, z as a, P as b, g as c, h as d, p as f, y as g, d as h, H as i, f as l, O as m, B as n, F as o, m as p, V as r, _ as s, W as t, x as u, w as v, v as w, C as x, k as y };
+export { C as A, N as C, P as D, F as E, w as M, l as N, v as O, M as S, T, j as _, U as a, b, _ as c, S as d, f, m as g, p as h, K as i, I as j, L as k, D as l, h as m, W as n, z as o, x as p, G as r, k as s, J as t, g as u, d as v, R as w, E as x, y };

package/chunks/{canvas-BJ15-XxE.js → canvas-Dd78FPe0.js}

@@ -1,4 +1,4 @@
-import { O as e, f as t, g as n, n as r, p as i, u as a } from "./callout-DKMHSnjc.js";
+import { N as e, g as t, h as n, n as r, p as i, y as a } from "./callout-B89MDU9m.js";
 import { Children as o, cloneElement as s, createContext as c, isValidElement as l, useContext as u, useEffect as d, useId as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g } from "react";
 import { Label as _, Link as v, TextArea as y, TextField as b } from "react-aria-components";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";
@@ -70,7 +70,7 @@ function D({ fresh: e = 2 } = {}) {
 }
 //#endregion
 //#region src/reusable/web/message/index.tsx
-function O({ text: e, label: t, iconOnly: i = !1, isDisabled: o, copy: s = T, writeText: c }) {
+function O({ text: e, label: t, iconOnly: n = !1, isDisabled: o, copy: s = T, writeText: c }) {
 	let [l, u] = g({
 		text: e,
 		phase: "idle"
@@ -111,11 +111,11 @@ function O({ text: e, label: t, iconOnly: i = !1, isDisabled: o, copy: s = T, wr
 		className: "flex min-w-0 flex-wrap items-center gap-2",
 		children: [/* @__PURE__ */ S(r, {
 			variant: "ghost",
-			size: i ? "icon-sm" : "sm",
+			size: n ? "icon-sm" : "sm",
 			"aria-label": v,
 			isDisabled: o || !e || m === "pending",
 			onPress: _,
-			children: [x(m === "copied" ? a : n, {}), i ? null : v]
+			children: [x(m === "copied" ? i : a, {}), n ? null : v]
 		}), /* @__PURE__ */ x("span", {
 			role: "status",
 			"aria-live": "polite",
@@ -223,7 +223,7 @@ function M(e) {
 		streamingTail: !0
 	});
 }
-function N({ branch: e, isDisabled: n, onPrevious: a, onNext: o, copy: s = T }) {
+function N({ branch: e, isDisabled: i, onPrevious: a, onNext: o, copy: s = T }) {
 	return e.count < 2 ? null : /* @__PURE__ */ S("div", {
 		role: "group",
 		"aria-label": s.versions,
@@ -233,9 +233,9 @@ function N({ branch: e, isDisabled: n, onPrevious: a, onNext: o, copy: s = T })
 				size: "icon-sm",
 				variant: "ghost",
 				"aria-label": s.previous,
-				isDisabled: n || e.index < 1,
+				isDisabled: i || e.index < 1,
 				onPress: a,
-				children: /* @__PURE__ */ x(t, {})
+				children: /* @__PURE__ */ x(n, {})
 			}) : null,
 			/* @__PURE__ */ S("span", {
 				"aria-label": `${s.version} ${e.index + 1} / ${e.count}`,
@@ -250,9 +250,9 @@ function N({ branch: e, isDisabled: n, onPrevious: a, onNext: o, copy: s = T })
 				size: "icon-sm",
 				variant: "ghost",
 				"aria-label": s.next,
-				isDisabled: n || e.index >= e.count - 1,
+				isDisabled: i || e.index >= e.count - 1,
 				onPress: o,
-				children: /* @__PURE__ */ x(i, {})
+				children: /* @__PURE__ */ x(t, {})
 			}) : null
 		]
 	});

package/chunks/{text-field-BLtoaZFn.js → text-field-mMHllx03.js}

@@ -1,4 +1,4 @@
-import { O as e, m as t } from "./callout-DKMHSnjc.js";
+import { N as e, _ as t } from "./callout-B89MDU9m.js";
 import { FieldError as n, Input as r, Label as i, Text as a, TextArea as o, TextField as s } from "react-aria-components";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/text-field.tsx

package/chunks/thinking-DlBmZsgc.js

@@ -0,0 +1,13 @@
+import { N as e } from "./callout-B89MDU9m.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/thinking.tsx
+function n({ className: n, tone: r = "brand" }) {
+	return /* @__PURE__ */ t("span", {
+		"aria-hidden": "true",
+		"data-tone": r === "info" ? "info" : void 0,
+		className: e("thinking-matrix", n),
+		children: Array.from({ length: 9 }, (e, n) => /* @__PURE__ */ t("i", {}, n))
+	});
+}
+//#endregion
+export { n as t };