@lattice-php/lattice 0.2.0 → 0.3.0

package/dist/chat/components/chat-box.js

@@ -0,0 +1,53 @@
+import { cn } from "../../lib/utils.js";
+import { testIdentity } from "../../core/test-id.js";
+import { useT } from "../../i18n/instance.js";
+import { apiFetch } from "../../core/api.js";
+import { useChat } from "../use-chat.js";
+import { MessageList } from "./message-list.js";
+import { PromptInput } from "./prompt-input.js";
+import { useCallback, useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region resources/js/chat/components/chat-box.tsx
+var ChatBox = ({ node }) => {
+	const { streamEndpoint, historyEndpoint, placeholder, title, fill } = node.props;
+	const { t } = useT("lattice");
+	const { messages, status, sendMessage, setMessages } = useChat({ endpoint: streamEndpoint ?? "" });
+	const seededRef = useRef(false);
+	const seedHistory = useCallback(async () => {
+		if (seededRef.current || !historyEndpoint) return;
+		seededRef.current = true;
+		const response = await apiFetch(historyEndpoint, { throwOnError: false });
+		if (!response.ok) return;
+		setMessages((await response.json()).messages);
+	}, [historyEndpoint, setMessages]);
+	useEffect(() => {
+		seedHistory();
+	}, [seedHistory]);
+	const busy = status === "submitted" || status === "streaming";
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col overflow-hidden border border-lt-border bg-lt-bg", fill ? "sticky top-0 h-svh w-full" : "h-[28rem] w-80 rounded-lt-md shadow-lg"),
+		"data-test": testIdentity("chat-box"),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "flex items-center border-b border-lt-border px-3 py-2",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "text-sm font-medium text-lt-fg",
+					children: title ?? t("chat.title", "Chat")
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex-1 overflow-y-auto",
+				children: /* @__PURE__ */ jsx(MessageList, { messages })
+			}),
+			/* @__PURE__ */ jsx(PromptInput, {
+				disabled: busy,
+				onSubmit: sendMessage,
+				placeholder: placeholder ?? void 0
+			})
+		]
+	});
+};
+//#endregion
+export { ChatBox, ChatBox as default };
+
+//# sourceMappingURL=chat-box.js.map

package/dist/chat/components/chat-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-box.js","names":[],"sources":["../../../resources/js/chat/components/chat-box.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport { apiFetch } from \"@lattice-php/lattice/core/api\";\nimport { testIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { useChat } from \"../use-chat\";\nimport type { ChatMessage } from \"../types\";\nimport { MessageList } from \"./message-list\";\nimport { PromptInput } from \"./prompt-input\";\n\ntype ChatHistoryResponse = { messages: ChatMessage[] };\n\nexport const ChatBox: RendererComponent<\"chat.box\"> = ({ node }) => {\n  const { streamEndpoint, historyEndpoint, placeholder, title, fill } = node.props;\n  const { t } = useT(\"lattice\");\n  const { messages, status, sendMessage, setMessages } = useChat({\n    endpoint: streamEndpoint ?? \"\",\n  });\n\n  const seededRef = useRef(false);\n\n  const seedHistory = useCallback(async (): Promise<void> => {\n    if (seededRef.current || !historyEndpoint) {\n      return;\n    }\n\n    seededRef.current = true;\n\n    const response = await apiFetch(historyEndpoint, { throwOnError: false });\n\n    if (!response.ok) {\n      return;\n    }\n\n    const payload = (await response.json()) as ChatHistoryResponse;\n    setMessages(payload.messages);\n  }, [historyEndpoint, setMessages]);\n\n  useEffect(() => {\n    void seedHistory();\n  }, [seedHistory]);\n\n  const busy = status === \"submitted\" || status === \"streaming\";\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col overflow-hidden border border-lt-border bg-lt-bg\",\n        fill ? \"sticky top-0 h-svh w-full\" : \"h-[28rem] w-80 rounded-lt-md shadow-lg\",\n      )}\n      data-test={testIdentity(\"chat-box\")}\n    >\n      <div className=\"flex items-center border-b border-lt-border px-3 py-2\">\n        <span className=\"text-sm font-medium text-lt-fg\">{title ?? t(\"chat.title\", \"Chat\")}</span>\n      </div>\n      <div className=\"flex-1 overflow-y-auto\">\n        <MessageList messages={messages} />\n      </div>\n      <PromptInput disabled={busy} onSubmit={sendMessage} placeholder={placeholder ?? undefined} />\n    </div>\n  );\n};\n\nexport default ChatBox;\n"],"mappings":";;;;;;;;;;AAaA,IAAa,WAA0C,EAAE,WAAW;CAClE,MAAM,EAAE,gBAAgB,iBAAiB,aAAa,OAAO,SAAS,KAAK;CAC3E,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,EAAE,UAAU,QAAQ,aAAa,gBAAgB,QAAQ,EAC7D,UAAU,kBAAkB,GAC9B,CAAC;CAED,MAAM,YAAY,OAAO,KAAK;CAE9B,MAAM,cAAc,YAAY,YAA2B;EACzD,IAAI,UAAU,WAAW,CAAC,iBACxB;EAGF,UAAU,UAAU;EAEpB,MAAM,WAAW,MAAM,SAAS,iBAAiB,EAAE,cAAc,MAAM,CAAC;EAExE,IAAI,CAAC,SAAS,IACZ;EAIF,aAAY,MADW,SAAS,KAAK,GACjB,QAAQ;CAC9B,GAAG,CAAC,iBAAiB,WAAW,CAAC;CAEjC,gBAAgB;EACd,YAAiB;CACnB,GAAG,CAAC,WAAW,CAAC;CAEhB,MAAM,OAAO,WAAW,eAAe,WAAW;CAElD,OACE,qBAAC,OAAD;EACE,WAAW,GACT,kEACA,OAAO,8BAA8B,wCACvC;EACA,aAAW,aAAa,UAAU;YALpC;GAOE,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,QAAD;KAAM,WAAU;eAAkC,SAAS,EAAE,cAAc,MAAM;IAAQ,CAAA;GACtF,CAAA;GACL,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,aAAD,EAAuB,SAAW,CAAA;GAC/B,CAAA;GACL,oBAAC,aAAD;IAAa,UAAU;IAAM,UAAU;IAAa,aAAa,eAAe,KAAA;GAAY,CAAA;EACzF;;AAET"}

package/dist/chat/components/message-list.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { ChatMessage } from '../types';
+export declare function MessageList({ messages }: {
+    messages: ChatMessage[];
+}): ReactNode;

package/dist/chat/components/message-list.js

@@ -0,0 +1,22 @@
+import { testIdentity } from "../../core/test-id.js";
+import { Message } from "./message.js";
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region resources/js/chat/components/message-list.tsx
+function MessageList({ messages }) {
+	const bottomRef = useRef(null);
+	const lastMessage = messages.at(-1);
+	const lastPartLength = lastMessage?.parts.at(-1) !== void 0 ? JSON.stringify(lastMessage.parts.at(-1)).length : 0;
+	useEffect(() => {
+		if (bottomRef.current && typeof bottomRef.current.scrollIntoView === "function") bottomRef.current.scrollIntoView({ behavior: "smooth" });
+	}, [messages.length, lastPartLength]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-2 overflow-y-auto p-3",
+		"data-test": testIdentity("chat-messages"),
+		children: [messages.map((message) => /* @__PURE__ */ jsx(Message, { message }, message.id)), /* @__PURE__ */ jsx("div", { ref: bottomRef })]
+	});
+}
+//#endregion
+export { MessageList };
+
+//# sourceMappingURL=message-list.js.map

package/dist/chat/components/message-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-list.js","names":[],"sources":["../../../resources/js/chat/components/message-list.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { testIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport type { ChatMessage } from \"../types\";\nimport { Message } from \"./message\";\n\nexport function MessageList({ messages }: { messages: ChatMessage[] }): ReactNode {\n  const bottomRef = useRef<HTMLDivElement>(null);\n  const lastMessage = messages.at(-1);\n  const lastPartLength =\n    lastMessage?.parts.at(-1) !== undefined ? JSON.stringify(lastMessage.parts.at(-1)).length : 0;\n\n  useEffect(() => {\n    if (bottomRef.current && typeof bottomRef.current.scrollIntoView === \"function\") {\n      bottomRef.current.scrollIntoView({ behavior: \"smooth\" });\n    }\n  }, [messages.length, lastPartLength]);\n\n  return (\n    <div\n      className=\"flex flex-col gap-2 overflow-y-auto p-3\"\n      data-test={testIdentity(\"chat-messages\")}\n    >\n      {messages.map((message) => (\n        <Message key={message.id} message={message} />\n      ))}\n      <div ref={bottomRef} />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,SAAgB,YAAY,EAAE,YAAoD;CAChF,MAAM,YAAY,OAAuB,IAAI;CAC7C,MAAM,cAAc,SAAS,GAAG,EAAE;CAClC,MAAM,iBACJ,aAAa,MAAM,GAAG,EAAE,MAAM,KAAA,IAAY,KAAK,UAAU,YAAY,MAAM,GAAG,EAAE,CAAC,EAAE,SAAS;CAE9F,gBAAgB;EACd,IAAI,UAAU,WAAW,OAAO,UAAU,QAAQ,mBAAmB,YACnE,UAAU,QAAQ,eAAe,EAAE,UAAU,SAAS,CAAC;CAE3D,GAAG,CAAC,SAAS,QAAQ,cAAc,CAAC;CAEpC,OACE,qBAAC,OAAD;EACE,WAAU;EACV,aAAW,aAAa,eAAe;YAFzC,CAIG,SAAS,KAAK,YACb,oBAAC,SAAD,EAAmC,QAAU,GAA/B,QAAQ,EAAuB,CAC9C,GACD,oBAAC,OAAD,EAAK,KAAK,UAAY,CAAA,CACnB;;AAET"}

package/dist/chat/components/message.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { ChatMessage } from '../types';
+export declare function Message({ message }: {
+    message: ChatMessage;
+}): ReactNode;

package/dist/chat/components/message.js

@@ -0,0 +1,20 @@
+import { cn } from "../../lib/utils.js";
+import { testIdentity } from "../../core/test-id.js";
+import { RenderNode } from "../../core/renderer.js";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/chat/components/message.tsx
+function Message({ message }) {
+	const isUser = message.role === "user";
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-1", isUser ? "items-end" : "items-start"),
+		"data-test": testIdentity(`chat-message-${message.role}`),
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("max-w-[80%] rounded-lt-md px-3 py-2 text-sm", isUser ? "bg-lt-primary text-lt-primary-fg" : "bg-lt-muted text-lt-fg"),
+			children: message.parts.map((part, index) => /* @__PURE__ */ jsx(RenderNode, { node: part }, part.key ?? index))
+		})
+	});
+}
+//#endregion
+export { Message };
+
+//# sourceMappingURL=message.js.map

package/dist/chat/components/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","names":[],"sources":["../../../resources/js/chat/components/message.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { testIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { RenderNode } from \"@lattice-php/lattice/core/renderer\";\nimport type { ChatMessage } from \"../types\";\n\nexport function Message({ message }: { message: ChatMessage }): ReactNode {\n  const isUser = message.role === \"user\";\n\n  return (\n    <div\n      className={cn(\"flex flex-col gap-1\", isUser ? \"items-end\" : \"items-start\")}\n      data-test={testIdentity(`chat-message-${message.role}`)}\n    >\n      <div\n        className={cn(\n          \"max-w-[80%] rounded-lt-md px-3 py-2 text-sm\",\n          isUser ? \"bg-lt-primary text-lt-primary-fg\" : \"bg-lt-muted text-lt-fg\",\n        )}\n      >\n        {message.parts.map((part, index) => (\n          <RenderNode key={part.key ?? index} node={part} />\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,SAAgB,QAAQ,EAAE,WAAgD;CACxE,MAAM,SAAS,QAAQ,SAAS;CAEhC,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,uBAAuB,SAAS,cAAc,aAAa;EACzE,aAAW,aAAa,gBAAgB,QAAQ,MAAM;YAEtD,oBAAC,OAAD;GACE,WAAW,GACT,+CACA,SAAS,qCAAqC,wBAChD;aAEC,QAAQ,MAAM,KAAK,MAAM,UACxB,oBAAC,YAAD,EAAoC,MAAM,KAAO,GAAhC,KAAK,OAAO,KAAoB,CAClD;EACE,CAAA;CACF,CAAA;AAET"}

package/dist/chat/components/prompt-input.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+type PromptInputProps = {
+    onSubmit: (text: string) => void;
+    disabled?: boolean;
+    placeholder?: string;
+};
+export declare function PromptInput({ onSubmit, disabled, placeholder, }: PromptInputProps): ReactNode;
+export {};

package/dist/chat/components/prompt-input.js

@@ -0,0 +1,49 @@
+import { cn } from "../../lib/utils.js";
+import { testIdentity } from "../../core/test-id.js";
+import { Button } from "../../core/components/button.js";
+import { useT } from "../../i18n/instance.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region resources/js/chat/components/prompt-input.tsx
+function PromptInput({ onSubmit, disabled = false, placeholder }) {
+	const { t } = useT("lattice");
+	const [value, setValue] = useState("");
+	function submit() {
+		const trimmed = value.trim();
+		if (trimmed === "" || disabled) return;
+		onSubmit(trimmed);
+		setValue("");
+	}
+	function handleKeyDown(event) {
+		if (event.key === "Enter" && !event.shiftKey) {
+			event.preventDefault();
+			submit();
+		}
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-end gap-2 border-t border-lt-border p-3",
+		children: [/* @__PURE__ */ jsx("textarea", {
+			"aria-label": t("chat.input-label", "Message input"),
+			className: cn("min-h-[2.5rem] flex-1 resize-none rounded-lt-sm border border-lt-input bg-lt-bg px-3 py-2 text-sm text-lt-fg placeholder:text-lt-muted-fg focus:outline-none focus:ring-1 focus:ring-lt-ring disabled:opacity-50"),
+			"data-test": testIdentity("chat-input"),
+			disabled,
+			onChange: (e) => setValue(e.target.value),
+			onKeyDown: handleKeyDown,
+			placeholder,
+			rows: 1,
+			value
+		}), /* @__PURE__ */ jsx(Button, {
+			"data-test": testIdentity("chat-send"),
+			disabled,
+			onClick: submit,
+			size: "sm",
+			type: "button",
+			variant: "default",
+			children: t("chat.send", "Send")
+		})]
+	});
+}
+//#endregion
+export { PromptInput };
+
+//# sourceMappingURL=prompt-input.js.map

package/dist/chat/components/prompt-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-input.js","names":[],"sources":["../../../resources/js/chat/components/prompt-input.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { testIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { Button } from \"@lattice-php/lattice/core/components/button\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\n\ntype PromptInputProps = {\n  onSubmit: (text: string) => void;\n  disabled?: boolean;\n  placeholder?: string;\n};\n\nexport function PromptInput({\n  onSubmit,\n  disabled = false,\n  placeholder,\n}: PromptInputProps): ReactNode {\n  const { t } = useT(\"lattice\");\n  const [value, setValue] = useState(\"\");\n\n  function submit(): void {\n    const trimmed = value.trim();\n    if (trimmed === \"\" || disabled) {\n      return;\n    }\n\n    onSubmit(trimmed);\n    setValue(\"\");\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLTextAreaElement>): void {\n    if (event.key === \"Enter\" && !event.shiftKey) {\n      event.preventDefault();\n      submit();\n    }\n  }\n\n  return (\n    <div className=\"flex items-end gap-2 border-t border-lt-border p-3\">\n      <textarea\n        aria-label={t(\"chat.input-label\", \"Message input\")}\n        className={cn(\n          \"min-h-[2.5rem] flex-1 resize-none rounded-lt-sm border border-lt-input bg-lt-bg px-3 py-2 text-sm text-lt-fg placeholder:text-lt-muted-fg focus:outline-none focus:ring-1 focus:ring-lt-ring disabled:opacity-50\",\n        )}\n        data-test={testIdentity(\"chat-input\")}\n        disabled={disabled}\n        onChange={(e) => setValue(e.target.value)}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        rows={1}\n        value={value}\n      />\n      <Button\n        data-test={testIdentity(\"chat-send\")}\n        disabled={disabled}\n        onClick={submit}\n        size=\"sm\"\n        type=\"button\"\n        variant=\"default\"\n      >\n        {t(\"chat.send\", \"Send\")}\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,YAAY,EAC1B,UACA,WAAW,OACX,eAC8B;CAC9B,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CAErC,SAAS,SAAe;EACtB,MAAM,UAAU,MAAM,KAAK;EAC3B,IAAI,YAAY,MAAM,UACpB;EAGF,SAAS,OAAO;EAChB,SAAS,EAAE;CACb;CAEA,SAAS,cAAc,OAAiD;EACtE,IAAI,MAAM,QAAQ,WAAW,CAAC,MAAM,UAAU;GAC5C,MAAM,eAAe;GACrB,OAAO;EACT;CACF;CAEA,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,YAAD;GACE,cAAY,EAAE,oBAAoB,eAAe;GACjD,WAAW,GACT,kNACF;GACA,aAAW,aAAa,YAAY;GAC1B;GACV,WAAW,MAAM,SAAS,EAAE,OAAO,KAAK;GACxC,WAAW;GACE;GACb,MAAM;GACC;EACR,CAAA,GACD,oBAAC,QAAD;GACE,aAAW,aAAa,WAAW;GACzB;GACV,SAAS;GACT,MAAK;GACL,MAAK;GACL,SAAQ;aAEP,EAAE,aAAa,MAAM;EAChB,CAAA,CACL;;AAET"}

package/dist/chat/index.d.ts

@@ -0,0 +1 @@
+export declare const chatPlugin: import('../core/registry').Plugin;

package/dist/chat/index.js

@@ -0,0 +1,15 @@
+import { createPlugin, eagerComponent } from "../core/registry.js";
+import { TextPart } from "./parts/text.js";
+import { ToolCallPart } from "./parts/tool-call.js";
+//#region resources/js/chat/index.ts
+var chatPlugin = createPlugin({
+	name: "chat",
+	components: {
+		"chat.part.text": eagerComponent(TextPart),
+		"chat.part.tool-call": eagerComponent(ToolCallPart)
+	}
+});
+//#endregion
+export { chatPlugin };
+
+//# sourceMappingURL=index.js.map

package/dist/chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../resources/js/chat/index.ts"],"sourcesContent":["import { createPlugin, eagerComponent } from \"@lattice-php/lattice/core/registry\";\nimport { TextPart } from \"./parts/text\";\nimport { ToolCallPart } from \"./parts/tool-call\";\n\nexport const chatPlugin = createPlugin({\n  name: \"chat\",\n  components: {\n    \"chat.part.text\": eagerComponent(TextPart),\n    \"chat.part.tool-call\": eagerComponent(ToolCallPart),\n  },\n});\n"],"mappings":";;;;AAIA,IAAa,aAAa,aAAa;CACrC,MAAM;CACN,YAAY;EACV,kBAAkB,eAAe,QAAQ;EACzC,uBAAuB,eAAe,YAAY;CACpD;AACF,CAAC"}

package/dist/chat/parts/text.d.ts

@@ -0,0 +1,3 @@
+import { RendererComponent } from '../../core/types';
+export declare const TextPart: RendererComponent<"chat.part.text">;
+export default TextPart;

package/dist/chat/parts/text.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/chat/parts/text.tsx
+var TextPart = ({ node }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: "whitespace-pre-wrap text-sm",
+		children: node.props.text
+	});
+};
+//#endregion
+export { TextPart, TextPart as default };
+
+//# sourceMappingURL=text.js.map

package/dist/chat/parts/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","names":[],"sources":["../../../resources/js/chat/parts/text.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\n\nexport const TextPart: RendererComponent<\"chat.part.text\"> = ({ node }) => {\n  return <div className=\"whitespace-pre-wrap text-sm\">{node.props.text}</div>;\n};\n\nexport default TextPart;\n"],"mappings":";;AAEA,IAAa,YAAiD,EAAE,WAAW;CACzE,OAAO,oBAAC,OAAD;EAAK,WAAU;YAA+B,KAAK,MAAM;CAAU,CAAA;AAC5E"}

package/dist/chat/parts/tool-call.d.ts

@@ -0,0 +1,3 @@
+import { RendererComponent } from '../../core/types';
+export declare const ToolCallPart: RendererComponent<"chat.part.tool-call">;
+export default ToolCallPart;

package/dist/chat/parts/tool-call.js

@@ -0,0 +1,20 @@
+import { testIdentity } from "../../core/test-id.js";
+import { jsxs } from "react/jsx-runtime";
+//#region resources/js/chat/parts/tool-call.tsx
+var ToolCallPart = ({ node }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mt-1 inline-flex items-center gap-1 rounded-lt-sm bg-lt-muted px-2 py-0.5 font-mono text-xs text-lt-muted-fg",
+		"data-test": testIdentity("chat-tool-call"),
+		children: [
+			"🔧 ",
+			node.props.name,
+			"(",
+			JSON.stringify(node.props.args),
+			")"
+		]
+	});
+};
+//#endregion
+export { ToolCallPart, ToolCallPart as default };
+
+//# sourceMappingURL=tool-call.js.map

package/dist/chat/parts/tool-call.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call.js","names":[],"sources":["../../../resources/js/chat/parts/tool-call.tsx"],"sourcesContent":["import { testIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\n\nexport const ToolCallPart: RendererComponent<\"chat.part.tool-call\"> = ({ node }) => {\n  return (\n    <div\n      className=\"mt-1 inline-flex items-center gap-1 rounded-lt-sm bg-lt-muted px-2 py-0.5 font-mono text-xs text-lt-muted-fg\"\n      data-test={testIdentity(\"chat-tool-call\")}\n    >\n      🔧 {node.props.name}({JSON.stringify(node.props.args)})\n    </div>\n  );\n};\n\nexport default ToolCallPart;\n"],"mappings":";;;AAGA,IAAa,gBAA0D,EAAE,WAAW;CAClF,OACE,qBAAC,OAAD;EACE,WAAU;EACV,aAAW,aAAa,gBAAgB;YAF1C;GAGC;GACK,KAAK,MAAM;GAAK;GAAE,KAAK,UAAU,KAAK,MAAM,IAAI;GAAE;EACnD;;AAET"}

package/dist/chat/transport.d.ts

@@ -0,0 +1,2 @@
+import { ChatFrame, ChatTransportRequest } from './types';
+export declare function ndjsonChatTransport({ url, body, signal, }: ChatTransportRequest): AsyncGenerator<ChatFrame>;

package/dist/chat/transport.js

@@ -0,0 +1,47 @@
+import { apiFetch } from "../core/api.js";
+//#region resources/js/chat/transport.ts
+function parseFrame(line) {
+	try {
+		return JSON.parse(line);
+	} catch {
+		return null;
+	}
+}
+async function* ndjsonChatTransport({ url, body, signal }) {
+	const res = await apiFetch(url, {
+		method: "POST",
+		signal,
+		headers: { Accept: "application/x-ndjson" },
+		body: JSON.stringify(body),
+		throwOnError: false
+	});
+	if (!res.ok || !res.body) throw new Error(`Chat stream failed (${res.status})`);
+	const reader = res.body.getReader();
+	const decoder = new TextDecoder();
+	let buffer = "";
+	try {
+		for (;;) {
+			const { done, value } = await reader.read();
+			if (done) break;
+			buffer += decoder.decode(value, { stream: true });
+			const lines = buffer.split("\n");
+			buffer = lines.pop() ?? "";
+			for (const line of lines) {
+				if (line.trim() === "") continue;
+				const frame = parseFrame(line);
+				if (frame) yield frame;
+			}
+		}
+		buffer += decoder.decode();
+		if (buffer.trim() !== "") {
+			const frame = parseFrame(buffer);
+			if (frame) yield frame;
+		}
+	} finally {
+		await reader.cancel().catch(() => {});
+	}
+}
+//#endregion
+export { ndjsonChatTransport };
+
+//# sourceMappingURL=transport.js.map

package/dist/chat/transport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transport.js","names":[],"sources":["../../resources/js/chat/transport.ts"],"sourcesContent":["import { apiFetch } from \"../core/api\";\nimport type { ChatFrame, ChatTransportRequest } from \"./types\";\n\nfunction parseFrame(line: string): ChatFrame | null {\n  try {\n    return JSON.parse(line) as ChatFrame;\n  } catch {\n    return null;\n  }\n}\n\nexport async function* ndjsonChatTransport({\n  url,\n  body,\n  signal,\n}: ChatTransportRequest): AsyncGenerator<ChatFrame> {\n  const res = await apiFetch(url, {\n    method: \"POST\",\n    signal,\n    headers: { Accept: \"application/x-ndjson\" },\n    body: JSON.stringify(body),\n    throwOnError: false,\n  });\n\n  if (!res.ok || !res.body) {\n    throw new Error(`Chat stream failed (${res.status})`);\n  }\n\n  const reader = res.body.getReader();\n  const decoder = new TextDecoder();\n  let buffer = \"\";\n\n  try {\n    for (;;) {\n      const { done, value } = await reader.read();\n      if (done) {\n        break;\n      }\n\n      buffer += decoder.decode(value, { stream: true });\n      const lines = buffer.split(\"\\n\");\n      buffer = lines.pop() ?? \"\";\n\n      for (const line of lines) {\n        if (line.trim() === \"\") {\n          continue;\n        }\n\n        const frame = parseFrame(line);\n        if (frame) {\n          yield frame;\n        }\n      }\n    }\n\n    buffer += decoder.decode();\n    if (buffer.trim() !== \"\") {\n      const frame = parseFrame(buffer);\n      if (frame) {\n        yield frame;\n      }\n    }\n  } finally {\n    await reader.cancel().catch(() => {});\n  }\n}\n"],"mappings":";;AAGA,SAAS,WAAW,MAAgC;CAClD,IAAI;EACF,OAAO,KAAK,MAAM,IAAI;CACxB,QAAQ;EACN,OAAO;CACT;AACF;AAEA,gBAAuB,oBAAoB,EACzC,KACA,MACA,UACkD;CAClD,MAAM,MAAM,MAAM,SAAS,KAAK;EAC9B,QAAQ;EACR;EACA,SAAS,EAAE,QAAQ,uBAAuB;EAC1C,MAAM,KAAK,UAAU,IAAI;EACzB,cAAc;CAChB,CAAC;CAED,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,MAClB,MAAM,IAAI,MAAM,uBAAuB,IAAI,OAAO,EAAE;CAGtD,MAAM,SAAS,IAAI,KAAK,UAAU;CAClC,MAAM,UAAU,IAAI,YAAY;CAChC,IAAI,SAAS;CAEb,IAAI;EACF,SAAS;GACP,MAAM,EAAE,MAAM,UAAU,MAAM,OAAO,KAAK;GAC1C,IAAI,MACF;GAGF,UAAU,QAAQ,OAAO,OAAO,EAAE,QAAQ,KAAK,CAAC;GAChD,MAAM,QAAQ,OAAO,MAAM,IAAI;GAC/B,SAAS,MAAM,IAAI,KAAK;GAExB,KAAK,MAAM,QAAQ,OAAO;IACxB,IAAI,KAAK,KAAK,MAAM,IAClB;IAGF,MAAM,QAAQ,WAAW,IAAI;IAC7B,IAAI,OACF,MAAM;GAEV;EACF;EAEA,UAAU,QAAQ,OAAO;EACzB,IAAI,OAAO,KAAK,MAAM,IAAI;GACxB,MAAM,QAAQ,WAAW,MAAM;GAC/B,IAAI,OACF,MAAM;EAEV;CACF,UAAU;EACR,MAAM,OAAO,OAAO,EAAE,YAAY,CAAC,CAAC;CACtC;AACF"}

package/dist/chat/types.d.ts

@@ -0,0 +1,39 @@
+import { Node } from '../core/types';
+import { ChatMessage as GeneratedChatMessage, ChatRole } from '../types/generated';
+export type { ChatRole };
+/**
+ * The generated message shape, but `parts` is widened from the generated
+ * `ChatNode` union to open `Node`s — a part is just a component node rendered by
+ * `type`, so a message can also carry a consumer's custom part.
+ */
+export type ChatMessage = Omit<GeneratedChatMessage, "parts"> & {
+    parts: Node[];
+};
+export type ChatStatus = "idle" | "submitted" | "streaming" | "error";
+export type ChatFrame = {
+    type: "text";
+    value: string;
+} | {
+    type: "part";
+    part: Node;
+} | {
+    type: "done";
+} | {
+    type: "error";
+    message?: string;
+};
+export type ChatTransportRequest = {
+    url: string;
+    body: unknown;
+    signal: AbortSignal;
+};
+export type ChatTransport = (request: ChatTransportRequest) => AsyncGenerator<ChatFrame>;
+export type UseChatReturn = {
+    messages: ChatMessage[];
+    status: ChatStatus;
+    error: string | null;
+    sendMessage: (text: string) => void;
+    setMessages: (messages: ChatMessage[]) => void;
+    stop: () => void;
+    regenerate: () => void;
+};

package/dist/chat/use-chat.d.ts

@@ -0,0 +1,15 @@
+import { ChatFrame, ChatMessage, ChatTransport, UseChatReturn } from './types';
+export type UseChatOptions = {
+    endpoint: string;
+    transport?: ChatTransport;
+    initialMessages?: ChatMessage[];
+    generateId?: () => string;
+};
+/**
+ * Pure reducer for a single streamed frame: a `text` frame appends to the open
+ * assistant text part (opening one if the last part is not text); a `part` frame
+ * pushes a complete part, which closes the open text part. Operates immutably on
+ * the last assistant message.
+ */
+export declare function foldFrame(messages: ChatMessage[], frame: ChatFrame): ChatMessage[];
+export declare function useChat({ endpoint, transport, initialMessages, generateId, }: UseChatOptions): UseChatReturn;

package/dist/chat/use-chat.js

@@ -0,0 +1,161 @@
+import { ndjsonChatTransport } from "./transport.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region resources/js/chat/use-chat.ts
+var idCounter = 0;
+function defaultGenerateId() {
+	idCounter += 1;
+	return `chat-${idCounter}`;
+}
+function isAbortError(error) {
+	return error instanceof DOMException && error.name === "AbortError";
+}
+function errorMessage(error) {
+	return error instanceof Error ? error.message : String(error);
+}
+function lastIsAssistant(messages) {
+	const last = messages.at(-1);
+	return last !== void 0 && last.role === "assistant";
+}
+/**
+* Pure reducer for a single streamed frame: a `text` frame appends to the open
+* assistant text part (opening one if the last part is not text); a `part` frame
+* pushes a complete part, which closes the open text part. Operates immutably on
+* the last assistant message.
+*/
+function foldFrame(messages, frame) {
+	if (!lastIsAssistant(messages)) return messages;
+	const index = messages.length - 1;
+	const target = messages[index];
+	if (frame.type === "text") {
+		const parts = [...target.parts];
+		const openIndex = parts.length - 1;
+		const open = parts[openIndex];
+		if (open !== void 0 && open.type === "chat.part.text") parts[openIndex] = {
+			type: "chat.part.text",
+			props: { text: `${open.props.text}${frame.value}` }
+		};
+		else parts.push({
+			type: "chat.part.text",
+			props: { text: frame.value }
+		});
+		const next = [...messages];
+		next[index] = {
+			...target,
+			parts
+		};
+		return next;
+	}
+	if (frame.type === "part") {
+		const next = [...messages];
+		next[index] = {
+			...target,
+			parts: [...target.parts, frame.part]
+		};
+		return next;
+	}
+	return messages;
+}
+function useChat({ endpoint, transport = ndjsonChatTransport, initialMessages = [], generateId = defaultGenerateId }) {
+	const [messages, setMessagesState] = useState(initialMessages);
+	const [status, setStatus] = useState("idle");
+	const [error, setError] = useState(null);
+	const abortRef = useRef(null);
+	const lastUserTextRef = useRef(null);
+	const messagesRef = useRef(messages);
+	messagesRef.current = messages;
+	const commitMessages = useCallback((next) => {
+		messagesRef.current = next;
+		setMessagesState(next);
+	}, []);
+	const runTurn = useCallback(async (history, userText) => {
+		abortRef.current?.abort();
+		const controller = new AbortController();
+		abortRef.current = controller;
+		setError(null);
+		setStatus("submitted");
+		const userMessage = {
+			id: generateId(),
+			role: "user",
+			parts: [{
+				type: "chat.part.text",
+				props: { text: userText }
+			}]
+		};
+		const assistantMessage = {
+			id: generateId(),
+			role: "assistant",
+			parts: []
+		};
+		commitMessages([
+			...history,
+			userMessage,
+			assistantMessage
+		]);
+		setStatus("streaming");
+		try {
+			for await (const frame of transport({
+				url: endpoint,
+				body: { message: userText },
+				signal: controller.signal
+			})) {
+				if (frame.type === "done") {
+					setStatus("idle");
+					continue;
+				}
+				if (frame.type === "error") {
+					setError(frame.message ?? "Chat failed");
+					setStatus("error");
+					continue;
+				}
+				commitMessages(foldFrame(messagesRef.current, frame));
+			}
+			setStatus((current) => current === "streaming" || current === "submitted" ? "idle" : current);
+		} catch (caught) {
+			if (isAbortError(caught)) {
+				setStatus("idle");
+				return;
+			}
+			setError(errorMessage(caught));
+			setStatus("error");
+		}
+	}, [
+		commitMessages,
+		endpoint,
+		generateId,
+		transport
+	]);
+	const sendMessage = useCallback((text) => {
+		const trimmed = text.trim();
+		if (trimmed === "") return;
+		lastUserTextRef.current = trimmed;
+		runTurn(messagesRef.current, trimmed);
+	}, [runTurn]);
+	const stop = useCallback(() => {
+		abortRef.current?.abort();
+		setStatus("idle");
+	}, []);
+	const regenerate = useCallback(() => {
+		const userText = lastUserTextRef.current;
+		if (userText === null) return;
+		const current = messagesRef.current;
+		runTurn(lastIsAssistant(current) ? current.slice(0, -2) : current, userText);
+	}, [runTurn]);
+	useEffect(() => {
+		return () => {
+			abortRef.current?.abort();
+		};
+	}, []);
+	return {
+		messages,
+		status,
+		error,
+		sendMessage,
+		setMessages: commitMessages,
+		stop,
+		regenerate
+	};
+}
+//#endregion
+export { foldFrame, useChat };
+
+//# sourceMappingURL=use-chat.js.map

package/dist/chat/use-chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chat.js","names":[],"sources":["../../resources/js/chat/use-chat.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { ndjsonChatTransport } from \"./transport\";\nimport type { ChatFrame, ChatMessage, ChatStatus, ChatTransport, UseChatReturn } from \"./types\";\n\nexport type UseChatOptions = {\n  endpoint: string;\n  transport?: ChatTransport;\n  initialMessages?: ChatMessage[];\n  generateId?: () => string;\n};\n\nlet idCounter = 0;\n\nfunction defaultGenerateId(): string {\n  idCounter += 1;\n\n  return `chat-${idCounter}`;\n}\n\nfunction isAbortError(error: unknown): boolean {\n  return error instanceof DOMException && error.name === \"AbortError\";\n}\n\nfunction errorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : String(error);\n}\n\nfunction lastIsAssistant(messages: ChatMessage[]): boolean {\n  const last = messages.at(-1);\n\n  return last !== undefined && last.role === \"assistant\";\n}\n\n/**\n * Pure reducer for a single streamed frame: a `text` frame appends to the open\n * assistant text part (opening one if the last part is not text); a `part` frame\n * pushes a complete part, which closes the open text part. Operates immutably on\n * the last assistant message.\n */\nexport function foldFrame(messages: ChatMessage[], frame: ChatFrame): ChatMessage[] {\n  if (!lastIsAssistant(messages)) {\n    return messages;\n  }\n\n  const index = messages.length - 1;\n  const target = messages[index];\n\n  if (frame.type === \"text\") {\n    const parts = [...target.parts];\n    const openIndex = parts.length - 1;\n    const open = parts[openIndex];\n\n    if (open !== undefined && open.type === \"chat.part.text\") {\n      const openText = (open.props as { text: string }).text;\n      parts[openIndex] = { type: \"chat.part.text\", props: { text: `${openText}${frame.value}` } };\n    } else {\n      parts.push({ type: \"chat.part.text\", props: { text: frame.value } });\n    }\n\n    const next = [...messages];\n    next[index] = { ...target, parts };\n\n    return next;\n  }\n\n  if (frame.type === \"part\") {\n    const next = [...messages];\n    next[index] = { ...target, parts: [...target.parts, frame.part] };\n\n    return next;\n  }\n\n  return messages;\n}\n\nexport function useChat({\n  endpoint,\n  transport = ndjsonChatTransport,\n  initialMessages = [],\n  generateId = defaultGenerateId,\n}: UseChatOptions): UseChatReturn {\n  const [messages, setMessagesState] = useState<ChatMessage[]>(initialMessages);\n  const [status, setStatus] = useState<ChatStatus>(\"idle\");\n  const [error, setError] = useState<string | null>(null);\n\n  const abortRef = useRef<AbortController | null>(null);\n  const lastUserTextRef = useRef<string | null>(null);\n  const messagesRef = useRef<ChatMessage[]>(messages);\n  messagesRef.current = messages;\n\n  const commitMessages = useCallback((next: ChatMessage[]): void => {\n    messagesRef.current = next;\n    setMessagesState(next);\n  }, []);\n\n  const runTurn = useCallback(\n    async (history: ChatMessage[], userText: string): Promise<void> => {\n      abortRef.current?.abort();\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      setError(null);\n      setStatus(\"submitted\");\n\n      const userMessage: ChatMessage = {\n        id: generateId(),\n        role: \"user\",\n        parts: [{ type: \"chat.part.text\", props: { text: userText } }],\n      };\n      const assistantMessage: ChatMessage = { id: generateId(), role: \"assistant\", parts: [] };\n      commitMessages([...history, userMessage, assistantMessage]);\n      setStatus(\"streaming\");\n\n      try {\n        for await (const frame of transport({\n          url: endpoint,\n          body: { message: userText },\n          signal: controller.signal,\n        })) {\n          if (frame.type === \"done\") {\n            setStatus(\"idle\");\n            continue;\n          }\n\n          if (frame.type === \"error\") {\n            setError(frame.message ?? \"Chat failed\");\n            setStatus(\"error\");\n            continue;\n          }\n\n          commitMessages(foldFrame(messagesRef.current, frame));\n        }\n\n        setStatus((current) =>\n          current === \"streaming\" || current === \"submitted\" ? \"idle\" : current,\n        );\n      } catch (caught) {\n        if (isAbortError(caught)) {\n          setStatus(\"idle\");\n\n          return;\n        }\n\n        setError(errorMessage(caught));\n        setStatus(\"error\");\n      }\n    },\n    [commitMessages, endpoint, generateId, transport],\n  );\n\n  const sendMessage = useCallback(\n    (text: string): void => {\n      const trimmed = text.trim();\n      if (trimmed === \"\") {\n        return;\n      }\n\n      lastUserTextRef.current = trimmed;\n      void runTurn(messagesRef.current, trimmed);\n    },\n    [runTurn],\n  );\n\n  const stop = useCallback((): void => {\n    abortRef.current?.abort();\n    setStatus(\"idle\");\n  }, []);\n\n  const regenerate = useCallback((): void => {\n    const userText = lastUserTextRef.current;\n    if (userText === null) {\n      return;\n    }\n\n    const current = messagesRef.current;\n    const history = lastIsAssistant(current) ? current.slice(0, -2) : current;\n    void runTurn(history, userText);\n  }, [runTurn]);\n\n  useEffect(() => {\n    return () => {\n      abortRef.current?.abort();\n    };\n  }, []);\n\n  return { messages, status, error, sendMessage, setMessages: commitMessages, stop, regenerate };\n}\n"],"mappings":"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"}

package/dist/core/api.d.ts

@@ -0,0 +1,18 @@
+/**
+ * The single funnel for raw-fetch HTTP, so the cross-cutting header, credential,
+ * and error policy has one home and call sites only declare intent. Returns a
+ * Response (not parsed data) so one primitive serves JSON, the chat's streaming
+ * getReader(), and multipart alike. Not for the Inertia world (router/useHttp),
+ * which carries its own headers.
+ */
+export declare class ApiError extends Error {
+    readonly response: Response;
+    constructor(response: Response);
+}
+export type ApiInit = Omit<RequestInit, "headers"> & {
+    ref?: string;
+    headers?: Record<string, string>;
+    throwOnError?: boolean;
+};
+export declare function apiFetch(url: string, init?: ApiInit): Promise<Response>;
+export declare function apiJson<T>(url: string, init?: ApiInit): Promise<T>;

package/dist/core/api.js

@@ -0,0 +1,51 @@
+import { withHeaders } from "./headers.js";
+//#region resources/js/core/api.ts
+/**
+* The single funnel for raw-fetch HTTP, so the cross-cutting header, credential,
+* and error policy has one home and call sites only declare intent. Returns a
+* Response (not parsed data) so one primitive serves JSON, the chat's streaming
+* getReader(), and multipart alike. Not for the Inertia world (router/useHttp),
+* which carries its own headers.
+*/
+var ApiError = class extends Error {
+	response;
+	constructor(response) {
+		super(`HTTP ${response.status}`);
+		this.response = response;
+	}
+};
+function xsrfToken() {
+	const match = document.cookie.match(/XSRF-TOKEN=([^;]+)/);
+	return match ? decodeURIComponent(match[1]) : "";
+}
+function defaultHeaders(method) {
+	if (!(method !== void 0 && method !== "GET" && method !== "HEAD")) return { Accept: "application/json" };
+	return {
+		Accept: "application/json",
+		"Content-Type": "application/json",
+		"X-Requested-With": "XMLHttpRequest",
+		"X-XSRF-TOKEN": xsrfToken()
+	};
+}
+async function apiFetch(url, init = {}) {
+	const { ref, headers, throwOnError = true, method, ...rest } = init;
+	const normalizedMethod = method?.toUpperCase();
+	const response = await fetch(url, {
+		credentials: "same-origin",
+		...rest,
+		method: normalizedMethod,
+		headers: withHeaders(ref ?? "", {
+			...defaultHeaders(normalizedMethod),
+			...headers
+		})
+	});
+	if (throwOnError && !response.ok) throw new ApiError(response);
+	return response;
+}
+async function apiJson(url, init) {
+	return (await apiFetch(url, init)).json();
+}
+//#endregion
+export { ApiError, apiFetch, apiJson };
+
+//# sourceMappingURL=api.js.map