@cascivo/ai 0.2.12 → 0.2.14

package/dist/ai.css

@@ -0,0 +1,2 @@
+@layer cascivo.component{._root_1vw7g_2{display:inline}._cursor_1vw7g_5{vertical-align:text-bottom;background:currentColor;width:2px;height:1em;margin-inline-start:1px;animation:1s step-end infinite _cascade-cursor-blink_1vw7g_1;display:inline-block}._root_5tg3n_2{align-items:center;gap:var(--cascivo-space-1);padding:var(--cascivo-space-1) var(--cascivo-space-2);border-radius:var(--cascivo-radius-indicator);font-size:var(--cascivo-font-size-xs);font-weight:500;line-height:1;display:inline-flex}._root_5tg3n_2[data-variant=generating]{background:var(--cascivo-color-surface-2);color:var(--cascivo-color-foreground-muted)}._root_5tg3n_2[data-variant=generating]:before{content:"";border-radius:var(--cascivo-radius-full);background:currentColor;block-size:.375rem;inline-size:.375rem;animation:1.5s ease-in-out infinite _cascade-ai-pulse_5tg3n_1}._root_5tg3n_2[data-variant=done]{background:var(--cascivo-color-success-subtle);color:var(--cascivo-color-success-foreground)}._root_5tg3n_2[data-variant=error]{background:var(--cascivo-color-destructive-subtle);color:var(--cascivo-color-destructive-foreground)}._root_1s9z8_2{color:oklch(90% .02 145);font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:var(--cascivo-font-size-sm,.875rem);padding:var(--cascivo-space-4);border-radius:var(--cascivo-radius-surface);background:oklch(12% .01 250);line-height:1.6;overflow-x:auto}._line_1s9z8_12{gap:var(--cascivo-space-2);display:flex}._prefix_1s9z8_16{color:oklch(70% .15 145);-webkit-user-select:none;user-select:none}._text_1s9z8_20{flex:1}._cursor_1s9z8_23{background:oklch(90% .02 145);width:8px;height:1em;animation:1s step-end infinite _cascade-cursor-blink_1s9z8_1;display:inline-block}._line_1s9z8_12[data-type=command] ._text_1s9z8_20{color:oklch(90% .1 250)}._line_1s9z8_12[data-type=error] ._text_1s9z8_20{color:oklch(75% .15 22)}._line_1s9z8_12[data-type=comment] ._text_1s9z8_20{color:oklch(60% .02 145)}._root_ilql2_2{background:var(--cascivo-color-background);border:1px solid var(--cascivo-border-default);border-radius:var(--cascivo-radius-surface);flex-direction:column;height:100%;min-height:400px;display:flex;overflow:hidden}._messages_ilql2_12{padding:var(--cascivo-space-4);gap:var(--cascivo-space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}._message_ilql2_12{gap:var(--cascivo-space-1);flex-direction:column;max-width:80%;display:flex}._message_ilql2_12[data-role=user]{align-self:flex-end;align-items:flex-end}._message_ilql2_12[data-role=assistant]{align-self:flex-start}._roleLabel_ilql2_33{font-size:var(--cascivo-font-size-xs,.75rem);color:var(--cascivo-color-foreground-muted);font-weight:500}._content_ilql2_38{padding:var(--cascivo-space-2) var(--cascivo-space-3);border-radius:var(--cascivo-radius-control);background:var(--cascivo-color-surface);line-height:1.5}._message_ilql2_12[data-role=user] ._content_ilql2_38{background:var(--cascivo-color-accent);color:var(--cascivo-color-accent-foreground)}._inputArea_ilql2_48{gap:var(--cascivo-space-2);padding:var(--cascivo-space-3);border-block-start:1px solid var(--cascivo-border-subtle);background:var(--cascivo-color-surface);display:flex}._textarea_ilql2_55{resize:none;border:1px solid var(--cascivo-border-default);border-radius:var(--cascivo-radius-control);padding:var(--cascivo-space-2) var(--cascivo-space-3);font:inherit;background:var(--cascivo-color-background);color:var(--cascivo-color-foreground);flex:1}._sendButton_ilql2_65{padding:var(--cascivo-space-2) var(--cascivo-space-4);background:var(--cascivo-color-accent);color:var(--cascivo-color-accent-foreground);border-radius:var(--cascivo-radius-control);font:inherit;cursor:pointer;border:none;font-weight:500}._sendButton_ilql2_65:disabled{opacity:.5;cursor:not-allowed}}@keyframes _cascade-cursor-blink_1vw7g_1{0%,to{opacity:1}50%{opacity:0}}@keyframes _cascade-ai-pulse_5tg3n_1{0%,to{opacity:1}50%{opacity:.6}}@keyframes _cascade-cursor-blink_1s9z8_1{0%,to{opacity:1}50%{opacity:0}}
+/*$vite$:1*/

package/dist/{index.d.mts → index.d.ts}

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from "react";
 
-//#region src/streaming-text.d.ts
 interface StreamingTextProps {
   text: string;
   speed?: number;
@@ -13,8 +12,6 @@ declare function StreamingText({
   onComplete,
   className
 }: StreamingTextProps): import("react").JSX.Element;
-//#endregion
-//#region src/ai-label.d.ts
 type AiLabelVariant = 'generating' | 'done' | 'error';
 interface AiLabelProps extends HTMLAttributes<HTMLSpanElement> {
   variant?: AiLabelVariant;
@@ -24,8 +21,6 @@ declare function AiLabel({
   className,
   ...props
 }: AiLabelProps): import("react").JSX.Element;
-//#endregion
-//#region src/terminal.d.ts
 type TerminalLineType = 'command' | 'output' | 'error' | 'comment';
 interface TerminalLine {
   text: string;
@@ -46,8 +41,6 @@ declare function Terminal({
   onComplete,
   className
 }: TerminalProps): import("react").JSX.Element;
-//#endregion
-//#region src/ai-chat.d.ts
 interface ChatMessage {
   id: string;
   role: 'user' | 'assistant' | 'system';
@@ -67,6 +60,5 @@ declare function AiChat({
   streamingText,
   className
 }: AiChatProps): import("react").JSX.Element;
-//#endregion
 export { AiChat, type AiChatProps, AiLabel, type AiLabelProps, type AiLabelVariant, type ChatMessage, StreamingText, type StreamingTextProps, Terminal, type TerminalLine, type TerminalLineType, type TerminalProps };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.js

@@ -0,0 +1,188 @@
+"use client";
+import './ai.css';
+import { useRef as e } from "react";
+import { useSignal as t, useSignalEffect as n, useSignals as r } from "@cascivo/core";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { builtin as o, t as s } from "@cascivo/i18n";
+var c = {
+	root: "_root_1vw7g_2",
+	cursor: "_cursor_1vw7g_5",
+	"cascade-cursor-blink": "_cascade-cursor-blink_1vw7g_1"
+};
+//#endregion
+//#region src/streaming-text.tsx
+function l({ text: o, speed: s = 2, onComplete: l, className: u }) {
+	r();
+	let d = t(""), f = e(l);
+	return f.current = l, d.value = d.value.length > o.length ? "" : d.value, n(() => {
+		let e = o;
+		if (d.value === e) {
+			f.current?.();
+			return;
+		}
+		let t;
+		function n() {
+			let r = d.value;
+			if (r.length >= e.length) {
+				f.current?.();
+				return;
+			}
+			d.value = e.slice(0, r.length + s), t = requestAnimationFrame(n);
+		}
+		return t = requestAnimationFrame(n), () => cancelAnimationFrame(t);
+	}), /* @__PURE__ */ a("span", {
+		className: [c.root, u].filter(Boolean).join(" "),
+		children: [d.value, d.value !== o && /* @__PURE__ */ i("span", {
+			className: c.cursor,
+			"aria-hidden": "true"
+		})]
+	});
+}
+var u = {
+	root: "_root_5tg3n_2",
+	"cascade-ai-pulse": "_cascade-ai-pulse_5tg3n_1"
+};
+//#endregion
+//#region src/ai-label.tsx
+function d({ variant: e = "generating", className: t, ...n }) {
+	r();
+	let a = s(e === "generating" ? o.ai.generating : e === "done" ? o.ai.done : o.ai.error);
+	return /* @__PURE__ */ i("span", {
+		role: "status",
+		"aria-label": a,
+		"data-variant": e,
+		className: [u.root, t].filter(Boolean).join(" "),
+		...n,
+		children: a
+	});
+}
+var f = {
+	root: "_root_1s9z8_2",
+	line: "_line_1s9z8_12",
+	prefix: "_prefix_1s9z8_16",
+	text: "_text_1s9z8_20",
+	cursor: "_cursor_1s9z8_23",
+	"cascade-cursor-blink": "_cascade-cursor-blink_1s9z8_1"
+};
+//#endregion
+//#region src/terminal.tsx
+function p({ lines: o, speed: s = 3, loop: c = !1, onComplete: l, className: u }) {
+	r();
+	let d = t(0), p = t(0), m = e(l);
+	m.current = l, n(() => {
+		if (o.length === 0) return;
+		let e;
+		function t() {
+			let n = d.value, r = p.value;
+			if (n >= o.length) {
+				m.current?.(), c && (d.value = 0, p.value = 0);
+				return;
+			}
+			r < o[n].text.length ? p.value = r + s : (d.value = n + 1, p.value = 0), e = requestAnimationFrame(t);
+		}
+		return e = requestAnimationFrame(t), () => cancelAnimationFrame(e);
+	});
+	let h = o.slice(0, d.value + 1).map((e, t) => {
+		let n = t === d.value, r = n ? e.text.slice(0, p.value) : e.text;
+		return /* @__PURE__ */ a("div", {
+			className: f.line,
+			"data-type": e.type ?? "output",
+			children: [
+				e.prefix && /* @__PURE__ */ i("span", {
+					className: f.prefix,
+					children: e.prefix
+				}),
+				/* @__PURE__ */ i("span", {
+					className: f.text,
+					children: r
+				}),
+				n && d.value < o.length && /* @__PURE__ */ i("span", {
+					className: f.cursor,
+					"aria-hidden": "true"
+				})
+			]
+		}, t);
+	});
+	return /* @__PURE__ */ i("div", {
+		role: "log",
+		"aria-live": "polite",
+		"aria-label": "Terminal output",
+		className: [f.root, u].filter(Boolean).join(" "),
+		children: h
+	});
+}
+var m = {
+	root: "_root_ilql2_2",
+	messages: "_messages_ilql2_12",
+	message: "_message_ilql2_12",
+	roleLabel: "_roleLabel_ilql2_33",
+	content: "_content_ilql2_38",
+	inputArea: "_inputArea_ilql2_48",
+	textarea: "_textarea_ilql2_55",
+	sendButton: "_sendButton_ilql2_65"
+};
+//#endregion
+//#region src/ai-chat.tsx
+function h({ messages: n, onSend: c, isStreaming: u = !1, streamingText: d, className: f }) {
+	r();
+	let p = t(""), h = e(null);
+	function g() {
+		let e = p.value.trim();
+		e && (c(e), p.value = "");
+	}
+	function _(e) {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), g());
+	}
+	return /* @__PURE__ */ a("div", {
+		className: [m.root, f].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ a("div", {
+			ref: h,
+			className: m.messages,
+			role: "log",
+			"aria-live": "polite",
+			children: [n.filter((e) => e.role !== "system").map((e) => /* @__PURE__ */ a("div", {
+				className: m.message,
+				"data-role": e.role,
+				children: [/* @__PURE__ */ i("span", {
+					className: m.roleLabel,
+					children: e.role === "user" ? s(o.ai.you) : s(o.ai.assistant)
+				}), /* @__PURE__ */ i("div", {
+					className: m.content,
+					children: e.content
+				})]
+			}, e.id)), u && d !== void 0 && /* @__PURE__ */ a("div", {
+				className: m.message,
+				"data-role": "assistant",
+				children: [/* @__PURE__ */ i("span", {
+					className: m.roleLabel,
+					children: s(o.ai.assistant)
+				}), /* @__PURE__ */ i("div", {
+					className: m.content,
+					children: /* @__PURE__ */ i(l, { text: d })
+				})]
+			})]
+		}), /* @__PURE__ */ a("div", {
+			className: m.inputArea,
+			children: [/* @__PURE__ */ i("textarea", {
+				className: m.textarea,
+				placeholder: s(o.ai.placeholder),
+				value: p.value,
+				onChange: (e) => {
+					p.value = e.target.value;
+				},
+				onKeyDown: _,
+				rows: 1,
+				"aria-label": s(o.ai.placeholder)
+			}), /* @__PURE__ */ i("button", {
+				type: "button",
+				className: m.sendButton,
+				onClick: g,
+				disabled: u,
+				"aria-label": s(o.ai.send),
+				children: s(o.ai.send)
+			})]
+		})]
+	});
+}
+//#endregion
+export { h as AiChat, d as AiLabel, l as StreamingText, p as Terminal };

package/dist/node/index.js

@@ -0,0 +1,187 @@
+"use client";
+import { useRef as e } from "react";
+import { useSignal as t, useSignalEffect as n, useSignals as r } from "@cascivo/core";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { builtin as o, t as s } from "@cascivo/i18n";
+var c = {
+	root: "_root_1vw7g_2",
+	cursor: "_cursor_1vw7g_5",
+	"cascade-cursor-blink": "_cascade-cursor-blink_1vw7g_1"
+};
+//#endregion
+//#region src/streaming-text.tsx
+function l({ text: o, speed: s = 2, onComplete: l, className: u }) {
+	r();
+	let d = t(""), f = e(l);
+	return f.current = l, d.value = d.value.length > o.length ? "" : d.value, n(() => {
+		let e = o;
+		if (d.value === e) {
+			f.current?.();
+			return;
+		}
+		let t;
+		function n() {
+			let r = d.value;
+			if (r.length >= e.length) {
+				f.current?.();
+				return;
+			}
+			d.value = e.slice(0, r.length + s), t = requestAnimationFrame(n);
+		}
+		return t = requestAnimationFrame(n), () => cancelAnimationFrame(t);
+	}), /* @__PURE__ */ a("span", {
+		className: [c.root, u].filter(Boolean).join(" "),
+		children: [d.value, d.value !== o && /* @__PURE__ */ i("span", {
+			className: c.cursor,
+			"aria-hidden": "true"
+		})]
+	});
+}
+var u = {
+	root: "_root_5tg3n_2",
+	"cascade-ai-pulse": "_cascade-ai-pulse_5tg3n_1"
+};
+//#endregion
+//#region src/ai-label.tsx
+function d({ variant: e = "generating", className: t, ...n }) {
+	r();
+	let a = s(e === "generating" ? o.ai.generating : e === "done" ? o.ai.done : o.ai.error);
+	return /* @__PURE__ */ i("span", {
+		role: "status",
+		"aria-label": a,
+		"data-variant": e,
+		className: [u.root, t].filter(Boolean).join(" "),
+		...n,
+		children: a
+	});
+}
+var f = {
+	root: "_root_1s9z8_2",
+	line: "_line_1s9z8_12",
+	prefix: "_prefix_1s9z8_16",
+	text: "_text_1s9z8_20",
+	cursor: "_cursor_1s9z8_23",
+	"cascade-cursor-blink": "_cascade-cursor-blink_1s9z8_1"
+};
+//#endregion
+//#region src/terminal.tsx
+function p({ lines: o, speed: s = 3, loop: c = !1, onComplete: l, className: u }) {
+	r();
+	let d = t(0), p = t(0), m = e(l);
+	m.current = l, n(() => {
+		if (o.length === 0) return;
+		let e;
+		function t() {
+			let n = d.value, r = p.value;
+			if (n >= o.length) {
+				m.current?.(), c && (d.value = 0, p.value = 0);
+				return;
+			}
+			r < o[n].text.length ? p.value = r + s : (d.value = n + 1, p.value = 0), e = requestAnimationFrame(t);
+		}
+		return e = requestAnimationFrame(t), () => cancelAnimationFrame(e);
+	});
+	let h = o.slice(0, d.value + 1).map((e, t) => {
+		let n = t === d.value, r = n ? e.text.slice(0, p.value) : e.text;
+		return /* @__PURE__ */ a("div", {
+			className: f.line,
+			"data-type": e.type ?? "output",
+			children: [
+				e.prefix && /* @__PURE__ */ i("span", {
+					className: f.prefix,
+					children: e.prefix
+				}),
+				/* @__PURE__ */ i("span", {
+					className: f.text,
+					children: r
+				}),
+				n && d.value < o.length && /* @__PURE__ */ i("span", {
+					className: f.cursor,
+					"aria-hidden": "true"
+				})
+			]
+		}, t);
+	});
+	return /* @__PURE__ */ i("div", {
+		role: "log",
+		"aria-live": "polite",
+		"aria-label": "Terminal output",
+		className: [f.root, u].filter(Boolean).join(" "),
+		children: h
+	});
+}
+var m = {
+	root: "_root_ilql2_2",
+	messages: "_messages_ilql2_12",
+	message: "_message_ilql2_12",
+	roleLabel: "_roleLabel_ilql2_33",
+	content: "_content_ilql2_38",
+	inputArea: "_inputArea_ilql2_48",
+	textarea: "_textarea_ilql2_55",
+	sendButton: "_sendButton_ilql2_65"
+};
+//#endregion
+//#region src/ai-chat.tsx
+function h({ messages: n, onSend: c, isStreaming: u = !1, streamingText: d, className: f }) {
+	r();
+	let p = t(""), h = e(null);
+	function g() {
+		let e = p.value.trim();
+		e && (c(e), p.value = "");
+	}
+	function _(e) {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), g());
+	}
+	return /* @__PURE__ */ a("div", {
+		className: [m.root, f].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ a("div", {
+			ref: h,
+			className: m.messages,
+			role: "log",
+			"aria-live": "polite",
+			children: [n.filter((e) => e.role !== "system").map((e) => /* @__PURE__ */ a("div", {
+				className: m.message,
+				"data-role": e.role,
+				children: [/* @__PURE__ */ i("span", {
+					className: m.roleLabel,
+					children: e.role === "user" ? s(o.ai.you) : s(o.ai.assistant)
+				}), /* @__PURE__ */ i("div", {
+					className: m.content,
+					children: e.content
+				})]
+			}, e.id)), u && d !== void 0 && /* @__PURE__ */ a("div", {
+				className: m.message,
+				"data-role": "assistant",
+				children: [/* @__PURE__ */ i("span", {
+					className: m.roleLabel,
+					children: s(o.ai.assistant)
+				}), /* @__PURE__ */ i("div", {
+					className: m.content,
+					children: /* @__PURE__ */ i(l, { text: d })
+				})]
+			})]
+		}), /* @__PURE__ */ a("div", {
+			className: m.inputArea,
+			children: [/* @__PURE__ */ i("textarea", {
+				className: m.textarea,
+				placeholder: s(o.ai.placeholder),
+				value: p.value,
+				onChange: (e) => {
+					p.value = e.target.value;
+				},
+				onKeyDown: _,
+				rows: 1,
+				"aria-label": s(o.ai.placeholder)
+			}), /* @__PURE__ */ i("button", {
+				type: "button",
+				className: m.sendButton,
+				onClick: g,
+				disabled: u,
+				"aria-label": s(o.ai.send),
+				children: s(o.ai.send)
+			})]
+		})]
+	});
+}
+//#endregion
+export { h as AiChat, d as AiLabel, l as StreamingText, p as Terminal };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cascivo/ai",
-  "version": "0.2.12",
+  "version": "0.2.14",
   "description": "AI-native components for cascivo — StreamingText, AiLabel, Terminal, AiChat",
   "keywords": [
     "ai",
@@ -27,13 +27,14 @@
   "sideEffects": [
     "**/*.css"
   ],
-  "types": "./dist/index.d.mts",
+  "types": "./dist/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
-      "types": "./dist/index.d.mts",
-      "import": "./dist/index.mjs",
-      "default": "./dist/index.mjs"
+      "types": "./dist/index.d.ts",
+      "node": "./dist/node/index.js",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     }
   },
   "publishConfig": {
@@ -41,9 +42,9 @@
     "provenance": true
   },
   "dependencies": {
-    "@cascivo/core": "^0.6.0",
-    "@cascivo/i18n": "^0.2.12",
-    "@cascivo/tokens": "^0.5.4"
+    "@cascivo/core": "^0.7.1",
+    "@cascivo/i18n": "^0.2.14",
+    "@cascivo/tokens": "^0.5.6"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -56,10 +57,16 @@
   },
   "peerDependencies": {
     "@preact/signals-react": ">=3.0.0",
+    "@types/react": ">=18.0.0",
     "react": ">=18.0.0"
   },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
   "scripts": {
-    "build": "vp pack",
+    "build": "vp build && node scripts/flatten-types.mjs && node scripts/check-types-flat.mjs",
     "check": "tsc --noEmit",
     "test": "vp test",
     "dev": "vp pack --watch"

package/dist/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/streaming-text.tsx","../src/ai-label.tsx","../src/terminal.tsx","../src/ai-chat.tsx"],"mappings":";;;UAKiB,kBAAA;EACf,IAAA;EACA,KAAA;EACA,UAAA;EACA,SAAA;AAAA;AAAA,iBAGc,aAAA;EAAgB,IAAA;EAAM,KAAA;EAAW,UAAA;EAAY;AAAA,GAAa,kBAAA,mBAAkB,GAAA,CAAA,OAAA;;;KCNhF,cAAA;AAAA,UAEK,YAAA,SAAqB,cAAA,CAAe,eAAA;EACnD,OAAA,GAAU,cAAA;AAAA;AAAA,iBAGI,OAAA;EAAU,OAAA;EAAwB,SAAA;EAAA,GAAc;AAAA,GAAS,YAAA,mBAAY,GAAA,CAAA,OAAA;;;KCPzE,gBAAA;AAAA,UAEK,YAAA;EACf,IAAA;EACA,MAAA;EACA,IAAA,GAAO,gBAAgB;AAAA;AAAA,UAGR,aAAA;EACf,KAAA,EAAO,YAAY;EACnB,KAAA;EACA,IAAA;EACA,UAAA;EACA,SAAA;AAAA;AAAA,iBAGc,QAAA;EAAW,KAAA;EAAO,KAAA;EAAW,IAAA;EAAc,UAAA;EAAY;AAAA,GAAa,aAAA,mBAAa,GAAA,CAAA,OAAA;;;UCdhF,WAAA;EACf,EAAA;EACA,IAAA;EACA,OAAA;AAAA;AAAA,UAGe,WAAA;EACf,QAAA,EAAU,WAAW;EACrB,MAAA,GAAS,IAAA;EACT,WAAA;EACA,aAAA;EACA,SAAA;AAAA;AAAA,iBAGc,MAAA;EACd,QAAA;EACA,MAAA;EACA,WAAA;EACA,aAAA;EACA;AAAA,GACC,WAAA,mBAAW,GAAA,CAAA,OAAA"}

package/dist/index.mjs

@@ -1,222 +0,0 @@
-import { useRef } from "react";
-import { useSignal, useSignalEffect, useSignals } from "@cascivo/core";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { builtin, t } from "@cascivo/i18n";
-//#region src/streaming-text.module.css
-var streaming_text_module_default = {
-	"cascade-cursor-blink": "RTCb2G_cascade-cursor-blink",
-	"cursor": "RTCb2G_cursor",
-	"root": "RTCb2G_root"
-};
-//#endregion
-//#region src/streaming-text.tsx
-function StreamingText({ text, speed = 2, onComplete, className }) {
-	useSignals();
-	const displayed = useSignal("");
-	const onCompleteRef = useRef(onComplete);
-	onCompleteRef.current = onComplete;
-	displayed.value = displayed.value.length > text.length ? "" : displayed.value;
-	useSignalEffect(() => {
-		const target = text;
-		if (displayed.value === target) {
-			onCompleteRef.current?.();
-			return;
-		}
-		let rafId;
-		function tick() {
-			const current = displayed.value;
-			if (current.length >= target.length) {
-				onCompleteRef.current?.();
-				return;
-			}
-			displayed.value = target.slice(0, current.length + speed);
-			rafId = requestAnimationFrame(tick);
-		}
-		rafId = requestAnimationFrame(tick);
-		return () => cancelAnimationFrame(rafId);
-	});
-	return /* @__PURE__ */ jsxs("span", {
-		className: [streaming_text_module_default.root, className].filter(Boolean).join(" "),
-		children: [displayed.value, displayed.value !== text && /* @__PURE__ */ jsx("span", {
-			className: streaming_text_module_default.cursor,
-			"aria-hidden": "true"
-		})]
-	});
-}
-//#endregion
-//#region src/ai-label.module.css
-var ai_label_module_default = {
-	"cascade-ai-pulse": "_zzYFW_cascade-ai-pulse",
-	"root": "_zzYFW_root"
-};
-//#endregion
-//#region src/ai-label.tsx
-function AiLabel({ variant = "generating", className, ...props }) {
-	useSignals();
-	const label = variant === "generating" ? t(builtin.ai.generating) : variant === "done" ? t(builtin.ai.done) : t(builtin.ai.error);
-	return /* @__PURE__ */ jsx("span", {
-		role: "status",
-		"aria-label": label,
-		"data-variant": variant,
-		className: [ai_label_module_default.root, className].filter(Boolean).join(" "),
-		...props,
-		children: label
-	});
-}
-//#endregion
-//#region src/terminal.module.css
-var terminal_module_default = {
-	"cascade-cursor-blink": "sxMVlG_cascade-cursor-blink",
-	"cursor": "sxMVlG_cursor",
-	"line": "sxMVlG_line",
-	"prefix": "sxMVlG_prefix",
-	"root": "sxMVlG_root",
-	"text": "sxMVlG_text"
-};
-//#endregion
-//#region src/terminal.tsx
-function Terminal({ lines, speed = 3, loop = false, onComplete, className }) {
-	useSignals();
-	const lineIndex = useSignal(0);
-	const charIndex = useSignal(0);
-	const onCompleteRef = useRef(onComplete);
-	onCompleteRef.current = onComplete;
-	useSignalEffect(() => {
-		if (lines.length === 0) return;
-		let rafId;
-		function tick() {
-			const li = lineIndex.value;
-			const ci = charIndex.value;
-			if (li >= lines.length) {
-				onCompleteRef.current?.();
-				if (loop) {
-					lineIndex.value = 0;
-					charIndex.value = 0;
-				}
-				return;
-			}
-			if (ci < lines[li].text.length) charIndex.value = ci + speed;
-			else {
-				lineIndex.value = li + 1;
-				charIndex.value = 0;
-			}
-			rafId = requestAnimationFrame(tick);
-		}
-		rafId = requestAnimationFrame(tick);
-		return () => cancelAnimationFrame(rafId);
-	});
-	const renderedLines = lines.slice(0, lineIndex.value + 1).map((line, i) => {
-		const isCurrentLine = i === lineIndex.value;
-		const text = isCurrentLine ? line.text.slice(0, charIndex.value) : line.text;
-		return /* @__PURE__ */ jsxs("div", {
-			className: terminal_module_default.line,
-			"data-type": line.type ?? "output",
-			children: [
-				line.prefix && /* @__PURE__ */ jsx("span", {
-					className: terminal_module_default.prefix,
-					children: line.prefix
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: terminal_module_default.text,
-					children: text
-				}),
-				isCurrentLine && lineIndex.value < lines.length && /* @__PURE__ */ jsx("span", {
-					className: terminal_module_default.cursor,
-					"aria-hidden": "true"
-				})
-			]
-		}, i);
-	});
-	return /* @__PURE__ */ jsx("div", {
-		role: "log",
-		"aria-live": "polite",
-		"aria-label": "Terminal output",
-		className: [terminal_module_default.root, className].filter(Boolean).join(" "),
-		children: renderedLines
-	});
-}
-//#endregion
-//#region src/ai-chat.module.css
-var ai_chat_module_default = {
-	"content": "GEItsa_content",
-	"inputArea": "GEItsa_inputArea",
-	"message": "GEItsa_message",
-	"messages": "GEItsa_messages",
-	"roleLabel": "GEItsa_roleLabel",
-	"root": "GEItsa_root",
-	"sendButton": "GEItsa_sendButton",
-	"textarea": "GEItsa_textarea"
-};
-//#endregion
-//#region src/ai-chat.tsx
-function AiChat({ messages, onSend, isStreaming = false, streamingText, className }) {
-	useSignals();
-	const inputValue = useSignal("");
-	const listRef = useRef(null);
-	function handleSend() {
-		const text = inputValue.value.trim();
-		if (!text) return;
-		onSend(text);
-		inputValue.value = "";
-	}
-	function handleKeyDown(e) {
-		if (e.key === "Enter" && !e.shiftKey) {
-			e.preventDefault();
-			handleSend();
-		}
-	}
-	return /* @__PURE__ */ jsxs("div", {
-		className: [ai_chat_module_default.root, className].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ jsxs("div", {
-			ref: listRef,
-			className: ai_chat_module_default.messages,
-			role: "log",
-			"aria-live": "polite",
-			children: [messages.filter((m) => m.role !== "system").map((msg) => /* @__PURE__ */ jsxs("div", {
-				className: ai_chat_module_default.message,
-				"data-role": msg.role,
-				children: [/* @__PURE__ */ jsx("span", {
-					className: ai_chat_module_default.roleLabel,
-					children: msg.role === "user" ? t(builtin.ai.you) : t(builtin.ai.assistant)
-				}), /* @__PURE__ */ jsx("div", {
-					className: ai_chat_module_default.content,
-					children: msg.content
-				})]
-			}, msg.id)), isStreaming && streamingText !== void 0 && /* @__PURE__ */ jsxs("div", {
-				className: ai_chat_module_default.message,
-				"data-role": "assistant",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: ai_chat_module_default.roleLabel,
-					children: t(builtin.ai.assistant)
-				}), /* @__PURE__ */ jsx("div", {
-					className: ai_chat_module_default.content,
-					children: /* @__PURE__ */ jsx(StreamingText, { text: streamingText })
-				})]
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: ai_chat_module_default.inputArea,
-			children: [/* @__PURE__ */ jsx("textarea", {
-				className: ai_chat_module_default.textarea,
-				placeholder: t(builtin.ai.placeholder),
-				value: inputValue.value,
-				onChange: (e) => {
-					inputValue.value = e.target.value;
-				},
-				onKeyDown: handleKeyDown,
-				rows: 1,
-				"aria-label": t(builtin.ai.placeholder)
-			}), /* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: ai_chat_module_default.sendButton,
-				onClick: handleSend,
-				disabled: isStreaming,
-				"aria-label": t(builtin.ai.send),
-				children: t(builtin.ai.send)
-			})]
-		})]
-	});
-}
-//#endregion
-export { AiChat, AiLabel, StreamingText, Terminal };
-
-//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["styles","styles","styles","styles"],"sources":["../src/streaming-text.tsx","../src/ai-label.tsx","../src/terminal.tsx","../src/ai-chat.tsx"],"sourcesContent":["'use client'\nimport { useRef } from 'react'\nimport { useSignal, useSignalEffect, useSignals } from '@cascivo/core'\nimport styles from './streaming-text.module.css'\n\nexport interface StreamingTextProps {\n  text: string\n  speed?: number\n  onComplete?: () => void\n  className?: string\n}\n\nexport function StreamingText({ text, speed = 2, onComplete, className }: StreamingTextProps) {\n  useSignals()\n  const displayed = useSignal('')\n  const onCompleteRef = useRef(onComplete)\n  onCompleteRef.current = onComplete\n\n  // Reset when text prop changes\n  displayed.value = displayed.value.length > text.length ? '' : displayed.value\n\n  useSignalEffect(() => {\n    const target = text\n    if (displayed.value === target) {\n      onCompleteRef.current?.()\n      return\n    }\n    let rafId: number\n    function tick() {\n      const current = displayed.value\n      if (current.length >= target.length) {\n        onCompleteRef.current?.()\n        return\n      }\n      displayed.value = target.slice(0, current.length + speed)\n      rafId = requestAnimationFrame(tick)\n    }\n    rafId = requestAnimationFrame(tick)\n    return () => cancelAnimationFrame(rafId)\n  })\n\n  return (\n    <span className={[styles.root, className].filter(Boolean).join(' ')}>\n      {displayed.value}\n      {displayed.value !== text && <span className={styles.cursor} aria-hidden=\"true\" />}\n    </span>\n  )\n}\n","'use client'\nimport { useSignals } from '@cascivo/core'\nimport { builtin, t } from '@cascivo/i18n'\nimport styles from './ai-label.module.css'\nimport type { HTMLAttributes } from 'react'\n\nexport type AiLabelVariant = 'generating' | 'done' | 'error'\n\nexport interface AiLabelProps extends HTMLAttributes<HTMLSpanElement> {\n  variant?: AiLabelVariant\n}\n\nexport function AiLabel({ variant = 'generating', className, ...props }: AiLabelProps) {\n  useSignals()\n  const label =\n    variant === 'generating'\n      ? t(builtin.ai.generating)\n      : variant === 'done'\n        ? t(builtin.ai.done)\n        : t(builtin.ai.error)\n\n  return (\n    <span\n      role=\"status\"\n      aria-label={label}\n      data-variant={variant}\n      className={[styles.root, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {label}\n    </span>\n  )\n}\n","'use client'\nimport { useRef } from 'react'\nimport { useSignal, useSignalEffect, useSignals } from '@cascivo/core'\nimport styles from './terminal.module.css'\n\nexport type TerminalLineType = 'command' | 'output' | 'error' | 'comment'\n\nexport interface TerminalLine {\n  text: string\n  prefix?: string\n  type?: TerminalLineType\n}\n\nexport interface TerminalProps {\n  lines: TerminalLine[]\n  speed?: number\n  loop?: boolean\n  onComplete?: () => void\n  className?: string\n}\n\nexport function Terminal({ lines, speed = 3, loop = false, onComplete, className }: TerminalProps) {\n  useSignals()\n  const lineIndex = useSignal(0)\n  const charIndex = useSignal(0)\n  const onCompleteRef = useRef(onComplete)\n  onCompleteRef.current = onComplete\n\n  useSignalEffect(() => {\n    if (lines.length === 0) return\n    let rafId: number\n    function tick() {\n      const li = lineIndex.value\n      const ci = charIndex.value\n      if (li >= lines.length) {\n        onCompleteRef.current?.()\n        if (loop) {\n          lineIndex.value = 0\n          charIndex.value = 0\n        }\n        return\n      }\n      const line = lines[li]!\n      const target = line.text\n      if (ci < target.length) {\n        charIndex.value = ci + speed\n      } else {\n        lineIndex.value = li + 1\n        charIndex.value = 0\n      }\n      rafId = requestAnimationFrame(tick)\n    }\n    rafId = requestAnimationFrame(tick)\n    return () => cancelAnimationFrame(rafId)\n  })\n\n  const renderedLines = lines.slice(0, lineIndex.value + 1).map((line, i) => {\n    const isCurrentLine = i === lineIndex.value\n    const text = isCurrentLine ? line.text.slice(0, charIndex.value) : line.text\n    return (\n      <div key={i} className={styles.line} data-type={line.type ?? 'output'}>\n        {line.prefix && <span className={styles.prefix}>{line.prefix}</span>}\n        <span className={styles.text}>{text}</span>\n        {isCurrentLine && lineIndex.value < lines.length && (\n          <span className={styles.cursor} aria-hidden=\"true\" />\n        )}\n      </div>\n    )\n  })\n\n  return (\n    <div\n      role=\"log\"\n      aria-live=\"polite\"\n      aria-label=\"Terminal output\"\n      className={[styles.root, className].filter(Boolean).join(' ')}\n    >\n      {renderedLines}\n    </div>\n  )\n}\n","'use client'\nimport { useRef } from 'react'\nimport { useSignal, useSignals } from '@cascivo/core'\nimport { builtin, t } from '@cascivo/i18n'\nimport { StreamingText } from './streaming-text'\nimport styles from './ai-chat.module.css'\n\nexport interface ChatMessage {\n  id: string\n  role: 'user' | 'assistant' | 'system'\n  content: string\n}\n\nexport interface AiChatProps {\n  messages: ChatMessage[]\n  onSend: (text: string) => void\n  isStreaming?: boolean\n  streamingText?: string\n  className?: string\n}\n\nexport function AiChat({\n  messages,\n  onSend,\n  isStreaming = false,\n  streamingText,\n  className,\n}: AiChatProps) {\n  useSignals()\n  const inputValue = useSignal('')\n  const listRef = useRef<HTMLDivElement>(null)\n\n  function handleSend() {\n    const text = inputValue.value.trim()\n    if (!text) return\n    onSend(text)\n    inputValue.value = ''\n  }\n\n  function handleKeyDown(e: React.KeyboardEvent<HTMLTextAreaElement>) {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault()\n      handleSend()\n    }\n  }\n\n  return (\n    <div className={[styles.root, className].filter(Boolean).join(' ')}>\n      <div ref={listRef} className={styles.messages} role=\"log\" aria-live=\"polite\">\n        {messages\n          .filter((m) => m.role !== 'system')\n          .map((msg) => (\n            <div key={msg.id} className={styles.message} data-role={msg.role}>\n              <span className={styles.roleLabel}>\n                {msg.role === 'user' ? t(builtin.ai.you) : t(builtin.ai.assistant)}\n              </span>\n              <div className={styles.content}>{msg.content}</div>\n            </div>\n          ))}\n        {isStreaming && streamingText !== undefined && (\n          <div className={styles.message} data-role=\"assistant\">\n            <span className={styles.roleLabel}>{t(builtin.ai.assistant)}</span>\n            <div className={styles.content}>\n              <StreamingText text={streamingText} />\n            </div>\n          </div>\n        )}\n      </div>\n      <div className={styles.inputArea}>\n        <textarea\n          className={styles.textarea}\n          placeholder={t(builtin.ai.placeholder)}\n          value={inputValue.value}\n          onChange={(e) => {\n            inputValue.value = e.target.value\n          }}\n          onKeyDown={handleKeyDown}\n          rows={1}\n          aria-label={t(builtin.ai.placeholder)}\n        />\n        <button\n          type=\"button\"\n          className={styles.sendButton}\n          onClick={handleSend}\n          disabled={isStreaming}\n          aria-label={t(builtin.ai.send)}\n        >\n          {t(builtin.ai.send)}\n        </button>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/style.css

@@ -1,217 +0,0 @@
-@layer cascivo.component {
-  .RTCb2G_root {
-    display: inline;
-  }
-
-  .RTCb2G_cursor {
-    vertical-align: text-bottom;
-    background: currentColor;
-    width: 2px;
-    height: 1em;
-    margin-inline-start: 1px;
-    animation: 1s step-end infinite RTCb2G_cascade-cursor-blink;
-    display: inline-block;
-  }
-}
-
-@keyframes RTCb2G_cascade-cursor-blink {
-  0%, 100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0;
-  }
-}
-@layer cascivo.component {
-  ._zzYFW_root {
-    align-items: center;
-    gap: var(--cascivo-space-1);
-    padding: var(--cascivo-space-1) var(--cascivo-space-2);
-    border-radius: var(--cascivo-radius-indicator);
-    font-size: var(--cascivo-font-size-xs);
-    font-weight: 500;
-    line-height: 1;
-    display: inline-flex;
-  }
-
-  ._zzYFW_root[data-variant="generating"] {
-    background: var(--cascivo-color-surface-2);
-    color: var(--cascivo-color-foreground-muted);
-  }
-
-  ._zzYFW_root[data-variant="generating"]:before {
-    content: "";
-    border-radius: var(--cascivo-radius-full);
-    background: currentColor;
-    block-size: .375rem;
-    inline-size: .375rem;
-    animation: 1.5s ease-in-out infinite _zzYFW_cascade-ai-pulse;
-  }
-
-  ._zzYFW_root[data-variant="done"] {
-    background: var(--cascivo-color-success-subtle);
-    color: var(--cascivo-color-success-foreground);
-  }
-
-  ._zzYFW_root[data-variant="error"] {
-    background: var(--cascivo-color-destructive-subtle);
-    color: var(--cascivo-color-destructive-foreground);
-  }
-}
-
-@keyframes _zzYFW_cascade-ai-pulse {
-  0%, 100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: .6;
-  }
-}
-@layer cascivo.component {
-  .sxMVlG_root {
-    color: oklch(90% .02 145);
-    font-family: ui-monospace, Cascadia Code, Source Code Pro, monospace;
-    font-size: var(--cascivo-font-size-sm, .875rem);
-    padding: var(--cascivo-space-4);
-    border-radius: var(--cascivo-radius-surface);
-    background: oklch(12% .01 250);
-    line-height: 1.6;
-    overflow-x: auto;
-  }
-
-  .sxMVlG_line {
-    gap: var(--cascivo-space-2);
-    display: flex;
-  }
-
-  .sxMVlG_prefix {
-    color: oklch(70% .15 145);
-    user-select: none;
-  }
-
-  .sxMVlG_text {
-    flex: 1;
-  }
-
-  .sxMVlG_cursor {
-    background: oklch(90% .02 145);
-    width: 8px;
-    height: 1em;
-    animation: 1s step-end infinite sxMVlG_cascade-cursor-blink;
-    display: inline-block;
-  }
-
-  .sxMVlG_line[data-type="command"] .sxMVlG_text {
-    color: oklch(90% .1 250);
-  }
-
-  .sxMVlG_line[data-type="error"] .sxMVlG_text {
-    color: oklch(75% .15 22);
-  }
-
-  .sxMVlG_line[data-type="comment"] .sxMVlG_text {
-    color: oklch(60% .02 145);
-  }
-}
-
-@keyframes sxMVlG_cascade-cursor-blink {
-  0%, 100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0;
-  }
-}
-@layer cascivo.component {
-  .GEItsa_root {
-    background: var(--cascivo-color-background);
-    border: 1px solid var(--cascivo-border-default);
-    border-radius: var(--cascivo-radius-surface);
-    flex-direction: column;
-    height: 100%;
-    min-height: 400px;
-    display: flex;
-    overflow: hidden;
-  }
-
-  .GEItsa_messages {
-    padding: var(--cascivo-space-4);
-    gap: var(--cascivo-space-3);
-    flex-direction: column;
-    flex: 1;
-    display: flex;
-    overflow-y: auto;
-  }
-
-  .GEItsa_message {
-    gap: var(--cascivo-space-1);
-    flex-direction: column;
-    max-width: 80%;
-    display: flex;
-  }
-
-  .GEItsa_message[data-role="user"] {
-    align-self: flex-end;
-    align-items: flex-end;
-  }
-
-  .GEItsa_message[data-role="assistant"] {
-    align-self: flex-start;
-  }
-
-  .GEItsa_roleLabel {
-    font-size: var(--cascivo-font-size-xs, .75rem);
-    color: var(--cascivo-color-foreground-muted);
-    font-weight: 500;
-  }
-
-  .GEItsa_content {
-    padding: var(--cascivo-space-2) var(--cascivo-space-3);
-    border-radius: var(--cascivo-radius-control);
-    background: var(--cascivo-color-surface);
-    line-height: 1.5;
-  }
-
-  .GEItsa_message[data-role="user"] .GEItsa_content {
-    background: var(--cascivo-color-accent);
-    color: var(--cascivo-color-accent-foreground);
-  }
-
-  .GEItsa_inputArea {
-    gap: var(--cascivo-space-2);
-    padding: var(--cascivo-space-3);
-    border-block-start: 1px solid var(--cascivo-border-subtle);
-    background: var(--cascivo-color-surface);
-    display: flex;
-  }
-
-  .GEItsa_textarea {
-    resize: none;
-    border: 1px solid var(--cascivo-border-default);
-    border-radius: var(--cascivo-radius-control);
-    padding: var(--cascivo-space-2) var(--cascivo-space-3);
-    font: inherit;
-    background: var(--cascivo-color-background);
-    color: var(--cascivo-color-foreground);
-    flex: 1;
-  }
-
-  .GEItsa_sendButton {
-    padding: var(--cascivo-space-2) var(--cascivo-space-4);
-    background: var(--cascivo-color-accent);
-    color: var(--cascivo-color-accent-foreground);
-    border-radius: var(--cascivo-radius-control);
-    font: inherit;
-    cursor: pointer;
-    border: none;
-    font-weight: 500;
-  }
-
-  .GEItsa_sendButton:disabled {
-    opacity: .5;
-    cursor: not-allowed;
-  }
-}