@fluxy-chat/ui-kit 0.1.4 → 0.1.5

package/README.md

@@ -1,8 +1,6 @@
 # @fluxy-chat/ui-kit
 
-Drop-in polished chat widget and inbox panel for FluxyChat. Closes the "headless only" gap compared to hosted SDKs.
-
-Built on `@fluxy-chat/ui` + `@fluxy-chat/react`. Optional bridge to [`assistant-ui`](https://assistant-ui.com) via `useFluxyAssistantRuntime`.
+Chat widget and inbox panel on `@fluxy-chat/ui` + `@fluxy-chat/react`. Optional bridge to [`assistant-ui`](https://assistant-ui.com) via `useFluxyAssistantRuntime`.
 
 ## Install
 
@@ -19,11 +17,14 @@ import { FluxyChatWidget } from "@fluxy-chat/ui-kit";
   roomId="general"
   workerUrl={process.env.NEXT_PUBLIC_FLUXYCHAT_WORKER_URL!}
   guest
+  publishableKey={process.env.NEXT_PUBLIC_FLUXYCHAT_PUBLISHABLE_KEY}
   theme="brand"
   height={520}
 />
 ```
 
+`guest` on a public room. Hosted multi-tenant also needs `publishableKey` (`pk_`). Member JWT still works via `token` or a `client`.
+
 ## Inbox
 
 ```tsx

package/dist/fluxy-chat-widget.js

@@ -5,12 +5,12 @@ import { FluxyChatClient } from "@fluxy-chat/sdk";
 import { useChat } from "@fluxy-chat/react";
 import { ChatWindow, applyFluxyTheme, fluxyThemeClassName, } from "@fluxy-chat/ui";
 function WidgetInner({ roomId, title, client, }) {
-    const { messages, sendMessage, connectionState, typingUsers, online } = useChat({
+    const { messages, sendMessage, connectionState, typingUsers, online, agentTyping } = useChat({
         roomId,
         client,
         markReadLatest: true,
     });
-    return (_jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [title && (_jsxs("header", { className: "border-b border-border px-4 py-2 text-sm font-semibold", children: [title, _jsx("span", { className: "ml-2 font-normal text-muted-foreground", children: connectionState.status })] })), _jsx("div", { className: "min-h-0 flex-1", children: _jsx(ChatWindow, { messages: messages, online: online, typingUsers: typingUsers, onSend: (text) => sendMessage(text) }) })] }));
+    return (_jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [title && (_jsxs("header", { className: "border-b border-border px-4 py-2 text-sm font-semibold", children: [title, _jsx("span", { className: "ml-2 font-normal text-muted-foreground", children: connectionState.status })] })), _jsx("div", { className: "min-h-0 flex-1", children: _jsx(ChatWindow, { messages: messages, online: online, typingUsers: typingUsers, agentTyping: agentTyping && !messages.some((m) => m.streaming), onSend: (text) => sendMessage(text) }) })] }));
 }
 /** Drop-in chat widget — polished UI out of the box. */
 export function FluxyChatWidget({ roomId, client: clientProp, workerUrl, token, userId = "user-1", guest = false, publishableKey, displayName, theme = "default", className, height = 480, title, }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluxy-chat/ui-kit",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Polished drop-in FluxyChat widget and inbox — built on @fluxy-chat/ui with optional assistant-ui runtime",
   "license": "MIT",
   "type": "module",
@@ -19,8 +19,8 @@
   ],
   "peerDependencies": {
     "react": ">=18",
-    "@fluxy-chat/sdk": "^0.6.5",
-    "@fluxy-chat/react": "^0.1.4",
+    "@fluxy-chat/sdk": "^0.6.12",
+    "@fluxy-chat/react": "^0.1.7",
     "@fluxy-chat/ui": "^0.1.4",
     "@assistant-ui/react": ">=0.10.0"
   },
@@ -30,8 +30,8 @@
     }
   },
   "dependencies": {
-    "@fluxy-chat/react": "0.1.6",
-    "@fluxy-chat/sdk": "0.6.8",
+    "@fluxy-chat/sdk": "0.6.12",
+    "@fluxy-chat/react": "0.1.7",
     "@fluxy-chat/ui": "0.1.4"
   },
   "devDependencies": {