@stll/chat 0.2.1 → 0.2.2

package/README.md

@@ -1,7 +1,7 @@
 # `@stll/chat`
 
-Portable React chat primitives: a rich-editor composer shell, message stream,
-model selector, and observable streaming runtime.
+Portable React chat primitives: message streams, model selectors, composer
+action resolution, and observable streaming runtimes.
 
 The host owns authentication, endpoint selection, persistence, provider
 credentials, translations, and rich-message rendering. It supplies a typed
@@ -9,18 +9,9 @@ credentials, translations, and rich-message rendering. It supplies a typed
 selects a provider.
 
 ```tsx
-import { ChatComposer, ChatMessageStream, createChatRuntime } from "@stll/chat";
+import { ChatMessageStream, createChatRuntime } from "@stll/chat";
 
 const runtime = createChatRuntime({ transport });
-
-<ChatComposer
-  canSend={draft.length > 0}
-  isGenerating={runtime.getSnapshot().isStreaming}
-  labels={{ retry: "Retry", send: "Send", stop: "Stop" }}
-  onSend={sendDraft}
->
-  <RichEditor />
-</ChatComposer>;
 ```
 
 Validate every explicit provider/model selection with

package/dist/composer.d.ts

@@ -1,4 +1,3 @@
-import { ReactNode } from "react";
 //#region src/composer.d.ts
 export type ChatComposerActionState = {
   canSend: boolean;
@@ -9,22 +8,4 @@ export type ChatComposerActionState = {
 };
 export type ChatComposerActionMode = "retry" | "send" | "stop";
 export declare const resolveChatComposerAction: ({ isGenerating, onRetry, onStop }: Pick<ChatComposerActionState, "isGenerating" | "onRetry" | "onStop">) => ChatComposerActionMode;
-export type ChatComposerLabels = Record<ChatComposerActionMode, string>;
-export declare const ChatComposerAction: ({ canSend, className, isGenerating, labels, onRetry, onSend, onStop }: ChatComposerActionState & {
-  className?: string | undefined;
-  labels: ChatComposerLabels;
-}) => import("react").JSX.Element;
-export type ChatComposerProps = ChatComposerActionState & {
-  children: ReactNode;
-  className?: string | undefined;
-  labels: ChatComposerLabels;
-  leading?: ReactNode | undefined;
-  status?: ReactNode | undefined;
-};
-/**
- * Layout-only composer shell for rich editors. `children` is deliberately a
- * host-owned editor slot, so TipTap, ProseMirror, native inputs, and mobile
- * editors can share send/stop/retry behavior without copying shell chrome.
- */
-export declare const ChatComposer: ({ children, className, labels, leading, status, ...action }: ChatComposerProps) => import("react").JSX.Element;
 //#endregion

package/dist/composer.js

@@ -1,80 +1,8 @@
-import { panic } from "better-result";
-import { Button } from "@stll/ui/button";
-import { ArrowUpIcon, RotateCcwIcon, SquareIcon } from "@stll/ui/icons";
-import { cn } from "@stll/ui/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/composer.tsx
 const resolveChatComposerAction = ({ isGenerating, onRetry, onStop }) => {
 	if (isGenerating && onStop !== void 0) return "stop";
 	if (!isGenerating && onRetry !== void 0) return "retry";
 	return "send";
 };
-const ChatComposerAction = ({ canSend, className, isGenerating, labels, onRetry, onSend, onStop }) => {
-	const mode = resolveChatComposerAction({
-		isGenerating,
-		onRetry,
-		onStop
-	});
-	const disabled = mode === "send" && !canSend;
-	const onClick = () => {
-		switch (mode) {
-			case "send":
-				onSend();
-				return;
-			case "stop":
-				onStop?.();
-				return;
-			case "retry":
-				onRetry?.();
-				return;
-			default: panic(`Unhandled mode: ${String(mode)}`);
-		}
-	};
-	return /* @__PURE__ */ jsxs(Button, {
-		"aria-label": labels[mode],
-		className: cn("bg-foreground text-background hover:bg-foreground/90 size-7 shrink-0 rounded-full", className),
-		disabled,
-		onClick,
-		size: "icon-sm",
-		tooltip: false,
-		type: "button",
-		children: [
-			mode === "send" && /* @__PURE__ */ jsx(ArrowUpIcon, {
-				"aria-hidden": "true",
-				className: "size-3.5"
-			}),
-			mode === "stop" && /* @__PURE__ */ jsx(SquareIcon, {
-				"aria-hidden": "true",
-				className: "size-3.5"
-			}),
-			mode === "retry" && /* @__PURE__ */ jsx(RotateCcwIcon, {
-				"aria-hidden": "true",
-				className: "size-3.5"
-			})
-		]
-	});
-};
-/**
-* Layout-only composer shell for rich editors. `children` is deliberately a
-* host-owned editor slot, so TipTap, ProseMirror, native inputs, and mobile
-* editors can share send/stop/retry behavior without copying shell chrome.
-*/
-const ChatComposer = ({ children, className, labels, leading, status, ...action }) => /* @__PURE__ */ jsxs("section", {
-	className: cn("flex flex-col gap-1.5", className),
-	children: [/* @__PURE__ */ jsxs("div", {
-		className: "border-input bg-background flex min-w-0 items-end gap-2 rounded-xl border p-2",
-		children: [
-			leading,
-			/* @__PURE__ */ jsx("div", {
-				className: "min-w-0 flex-1",
-				children
-			}),
-			/* @__PURE__ */ jsx(ChatComposerAction, {
-				...action,
-				labels
-			})
-		]
-	}), status]
-});
 //#endregion
-export { ChatComposer, ChatComposerAction, resolveChatComposerAction };
+export { resolveChatComposerAction };

package/dist/durable-transport.js

@@ -1,7 +1,7 @@
 import { chatTurnResumeProbeSchema } from "./resume-contract.js";
-import { Result, TaggedError, panic } from "better-result";
 import { EventType } from "@ag-ui/core";
 import { fetchServerSentEvents } from "@tanstack/ai-client";
+import { Result, TaggedError, panic } from "better-result";
 import * as v from "valibot";
 //#region src/durable-transport.ts
 var ChatReconnectError = class extends TaggedError("ChatReconnectError") {};

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { ChatComposer, ChatComposerAction, ChatComposerActionMode, ChatComposerActionState, ChatComposerLabels, ChatComposerProps, resolveChatComposerAction } from "./composer.js";
+import { ChatComposerActionMode, ChatComposerActionState, resolveChatComposerAction } from "./composer.js";
 import { ChatConfigurationError, ChatMessage, ChatModelOption, ChatModelSelection, ChatProviderConfiguration, ChatRuntime, ChatRuntimeSnapshot, ChatStreamError, ChatStreamEvent, ChatTransport, createChatRuntime, resolveChatModelSelection } from "./runtime.js";
 import { ChatModelSelector, ChatModelSelectorProps, compactModelDisplayName, groupReasoningEfforts, modelSelectionLabel } from "./model-selector.js";
 import { ChatMessageStream, ChatMessageStreamProps } from "./stream.js";
-export { ChatComposer, ChatComposerAction, type ChatComposerActionMode, type ChatComposerActionState, type ChatComposerLabels, type ChatComposerProps, ChatConfigurationError, type ChatMessage, ChatMessageStream, type ChatMessageStreamProps, type ChatModelOption, type ChatModelSelection, ChatModelSelector, type ChatModelSelectorProps, type ChatProviderConfiguration, type ChatRuntime, type ChatRuntimeSnapshot, ChatStreamError, type ChatStreamEvent, type ChatTransport, compactModelDisplayName, createChatRuntime, groupReasoningEfforts, modelSelectionLabel, resolveChatComposerAction, resolveChatModelSelection };
+export { type ChatComposerActionMode, type ChatComposerActionState, ChatConfigurationError, type ChatMessage, ChatMessageStream, type ChatMessageStreamProps, type ChatModelOption, type ChatModelSelection, ChatModelSelector, type ChatModelSelectorProps, type ChatProviderConfiguration, type ChatRuntime, type ChatRuntimeSnapshot, ChatStreamError, type ChatStreamEvent, type ChatTransport, compactModelDisplayName, createChatRuntime, groupReasoningEfforts, modelSelectionLabel, resolveChatComposerAction, resolveChatModelSelection };

package/dist/index.js

@@ -1,5 +1,5 @@
-import { ChatComposer, ChatComposerAction, resolveChatComposerAction } from "./composer.js";
+import { resolveChatComposerAction } from "./composer.js";
 import { ChatConfigurationError, ChatStreamError, createChatRuntime, resolveChatModelSelection } from "./runtime.js";
 import { ChatModelSelector, compactModelDisplayName, groupReasoningEfforts, modelSelectionLabel } from "./model-selector.js";
 import { ChatMessageStream } from "./stream.js";
-export { ChatComposer, ChatComposerAction, ChatConfigurationError, ChatMessageStream, ChatModelSelector, ChatStreamError, compactModelDisplayName, createChatRuntime, groupReasoningEfforts, modelSelectionLabel, resolveChatComposerAction, resolveChatModelSelection };
+export { ChatConfigurationError, ChatMessageStream, ChatModelSelector, ChatStreamError, compactModelDisplayName, createChatRuntime, groupReasoningEfforts, modelSelectionLabel, resolveChatComposerAction, resolveChatModelSelection };

package/dist/link.js

@@ -1,8 +1,8 @@
 import { normalizeChatLink } from "./link-detection.js";
-import { GlobeIcon } from "@stll/ui/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isValidElement, useState } from "react";
 import { GitHubLogoIcon, XLogoIcon } from "@stll/ui/brand-icons";
+import { GlobeIcon } from "@stll/ui/icons";
 //#region src/link.tsx
 const CHAT_LINK_ATTRIBUTES = {
 	target: "_blank",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/chat",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Typed React chat composer, message stream, model selector, and transport runtime primitives.",
   "keywords": [
     "ai",
@@ -88,7 +88,7 @@
   "dependencies": {
     "@ag-ui/core": "1.0.2",
     "@stll/ai-catalog": "^0.8.0",
-    "@stll/ui": "^0.47.0",
+    "@stll/ui": "^0.47.1",
     "@tanstack/ai-client": "0.38.0",
     "@types/hast": "^3.0.5",
     "better-result": "3.0.1",