@djangocfg/ui-tools 2.1.354 → 2.1.356

package/dist/index.cjs

@@ -7,7 +7,7 @@ var chunkKNDLV4PI_cjs = require('./chunk-KNDLV4PI.cjs');
 var chunk5I5QNGUG_cjs = require('./chunk-5I5QNGUG.cjs');
 var chunkYW5IVWHQ_cjs = require('./chunk-YW5IVWHQ.cjs');
 var chunk76NNDZH6_cjs = require('./chunk-76NNDZH6.cjs');
-var chunk2SXDCXLK_cjs = require('./chunk-2SXDCXLK.cjs');
+var chunkH42G3HTQ_cjs = require('./chunk-H42G3HTQ.cjs');
 var chunkYXZ6GU7H_cjs = require('./chunk-YXZ6GU7H.cjs');
 var chunkIEEAENLX_cjs = require('./chunk-IEEAENLX.cjs');
 var chunkQW4RBGHN_cjs = require('./chunk-QW4RBGHN.cjs');
@@ -373,7 +373,7 @@ var LazyTree = createLazyComponent(
   }
 );
 var LazyChat = createLazyComponent(
-  () => import('./ChatRoot-2KT32NFJ.cjs').then((m) => ({ default: m.ChatRoot })),
+  () => import('./ChatRoot-XY3E6AKV.cjs').then((m) => ({ default: m.ChatRoot })),
   {
     displayName: "LazyChat",
     fallback: /* @__PURE__ */ jsxRuntime.jsx(LoadingFallback, { minHeight: 320, text: "Loading chat\u2026" })
@@ -410,7 +410,7 @@ async function* parseSSE(response, options = {}) {
     throw new Error("SSE response has no body");
   }
   const map = options.map ?? DEFAULT_MAP;
-  const idleMs = options.idleTimeoutMs ?? chunk2SXDCXLK_cjs.LIMITS.sseIdleMs;
+  const idleMs = options.idleTimeoutMs ?? chunkH42G3HTQ_cjs.LIMITS.sseIdleMs;
   const reader = response.body.getReader();
   const decoder = new TextDecoder();
   let buffer = "";
@@ -613,7 +613,7 @@ function createMockTransport(opts = {}) {
     async createSession(_opts) {
       await sleep(latency);
       return {
-        sessionId: chunk2SXDCXLK_cjs.createId("s"),
+        sessionId: chunkH42G3HTQ_cjs.createId("s"),
         messages: history.length ? [...history] : void 0,
         hasMore: false,
         cursor: null,
@@ -630,12 +630,12 @@ function createMockTransport(opts = {}) {
         throw new Error("mock transport scripted failure");
       }
       history.push({
-        id: chunk2SXDCXLK_cjs.createId("u"),
+        id: chunkH42G3HTQ_cjs.createId("u"),
         role: "user",
         content,
         createdAt: Date.now()
       });
-      const messageId = chunk2SXDCXLK_cjs.createId("a");
+      const messageId = chunkH42G3HTQ_cjs.createId("a");
       yield { type: "message_start", messageId, sessionId: _sid };
       const reply = replies[turn % replies.length];
       turn += 1;
@@ -664,7 +664,7 @@ function createMockTransport(opts = {}) {
       turn += 1;
       const text = typeof reply === "string" ? reply : reply.filter((e) => e.type === "chunk").map((e) => e.delta).join("");
       return {
-        id: chunk2SXDCXLK_cjs.createId("a"),
+        id: chunkH42G3HTQ_cjs.createId("a"),
         role: "assistant",
         content: text || DEFAULT_REPLY,
         createdAt: Date.now()
@@ -732,9 +732,9 @@ function AudioToggle({
   alwaysShow = false,
   className
 }) {
-  const muted = chunk2SXDCXLK_cjs.useChatAudioPrefs((s) => s.muted);
-  const setMuted = chunk2SXDCXLK_cjs.useChatAudioPrefs((s) => s.setMuted);
-  const ctx = chunk2SXDCXLK_cjs.useChatContextOptional();
+  const muted = chunkH42G3HTQ_cjs.useChatAudioPrefs((s) => s.muted);
+  const setMuted = chunkH42G3HTQ_cjs.useChatAudioPrefs((s) => s.setMuted);
+  const ctx = chunkH42G3HTQ_cjs.useChatContextOptional();
   if (ctx && !ctx.hasAudio && !alwaysShow) return null;
   const Icon = muted ? lucideReact.VolumeX : lucideReact.Volume2;
   const label = muted ? "Unmute chat sounds" : "Mute chat sounds";
@@ -2048,159 +2048,159 @@ Object.defineProperty(exports, "useCronWeekDays", {
 });
 Object.defineProperty(exports, "Attachments", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.Attachments; }
+  get: function () { return chunkH42G3HTQ_cjs.Attachments; }
 });
 Object.defineProperty(exports, "AttachmentsGrid", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.AttachmentsGrid; }
+  get: function () { return chunkH42G3HTQ_cjs.AttachmentsGrid; }
 });
 Object.defineProperty(exports, "AttachmentsList", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.AttachmentsList; }
+  get: function () { return chunkH42G3HTQ_cjs.AttachmentsList; }
 });
 Object.defineProperty(exports, "CHAT_EVENT_NAME", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.CHAT_EVENT_NAME; }
+  get: function () { return chunkH42G3HTQ_cjs.CHAT_EVENT_NAME; }
 });
 Object.defineProperty(exports, "CSS_VARS", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.CSS_VARS; }
+  get: function () { return chunkH42G3HTQ_cjs.CSS_VARS; }
 });
 Object.defineProperty(exports, "ChatProvider", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.ChatProvider; }
+  get: function () { return chunkH42G3HTQ_cjs.ChatProvider; }
 });
 Object.defineProperty(exports, "ChatRoot", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.ChatRoot; }
+  get: function () { return chunkH42G3HTQ_cjs.ChatRoot; }
 });
 Object.defineProperty(exports, "Composer", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.Composer; }
+  get: function () { return chunkH42G3HTQ_cjs.Composer; }
 });
 Object.defineProperty(exports, "DEFAULT_LABELS", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.DEFAULT_LABELS; }
+  get: function () { return chunkH42G3HTQ_cjs.DEFAULT_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_SIDEBAR", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.DEFAULT_SIDEBAR; }
+  get: function () { return chunkH42G3HTQ_cjs.DEFAULT_SIDEBAR; }
 });
 Object.defineProperty(exports, "DEFAULT_Z_INDEX", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.DEFAULT_Z_INDEX; }
+  get: function () { return chunkH42G3HTQ_cjs.DEFAULT_Z_INDEX; }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.EmptyState; }
+  get: function () { return chunkH42G3HTQ_cjs.EmptyState; }
 });
 Object.defineProperty(exports, "ErrorBanner", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.ErrorBanner; }
+  get: function () { return chunkH42G3HTQ_cjs.ErrorBanner; }
 });
 Object.defineProperty(exports, "HOTKEYS", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.HOTKEYS; }
+  get: function () { return chunkH42G3HTQ_cjs.HOTKEYS; }
 });
 Object.defineProperty(exports, "JumpToLatest", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.JumpToLatest; }
+  get: function () { return chunkH42G3HTQ_cjs.JumpToLatest; }
 });
 Object.defineProperty(exports, "LIMITS", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.LIMITS; }
+  get: function () { return chunkH42G3HTQ_cjs.LIMITS; }
 });
 Object.defineProperty(exports, "MessageActions", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.MessageActions; }
+  get: function () { return chunkH42G3HTQ_cjs.MessageActions; }
 });
 Object.defineProperty(exports, "MessageBubble", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.MessageBubble; }
+  get: function () { return chunkH42G3HTQ_cjs.MessageBubble; }
 });
 Object.defineProperty(exports, "MessageList", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.MessageList; }
+  get: function () { return chunkH42G3HTQ_cjs.MessageList; }
 });
 Object.defineProperty(exports, "STORAGE_KEYS", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.STORAGE_KEYS; }
+  get: function () { return chunkH42G3HTQ_cjs.STORAGE_KEYS; }
 });
 Object.defineProperty(exports, "Sources", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.Sources; }
+  get: function () { return chunkH42G3HTQ_cjs.Sources; }
 });
 Object.defineProperty(exports, "StreamingIndicator", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.StreamingIndicator; }
+  get: function () { return chunkH42G3HTQ_cjs.StreamingIndicator; }
 });
 Object.defineProperty(exports, "ToolCalls", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.ToolCalls; }
+  get: function () { return chunkH42G3HTQ_cjs.ToolCalls; }
 });
 Object.defineProperty(exports, "createId", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.createId; }
+  get: function () { return chunkH42G3HTQ_cjs.createId; }
 });
 Object.defineProperty(exports, "createTokenBuffer", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.createTokenBuffer; }
+  get: function () { return chunkH42G3HTQ_cjs.createTokenBuffer; }
 });
 Object.defineProperty(exports, "deriveInitials", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.deriveInitials; }
+  get: function () { return chunkH42G3HTQ_cjs.deriveInitials; }
 });
 Object.defineProperty(exports, "getChatLogger", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.getChatLogger; }
+  get: function () { return chunkH42G3HTQ_cjs.getChatLogger; }
 });
 Object.defineProperty(exports, "initialState", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.initialState; }
+  get: function () { return chunkH42G3HTQ_cjs.initialState; }
 });
 Object.defineProperty(exports, "reducer", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.reducer; }
+  get: function () { return chunkH42G3HTQ_cjs.reducer; }
 });
 Object.defineProperty(exports, "resolvePersona", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.resolvePersona; }
+  get: function () { return chunkH42G3HTQ_cjs.resolvePersona; }
 });
 Object.defineProperty(exports, "useChat", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.useChat; }
+  get: function () { return chunkH42G3HTQ_cjs.useChat; }
 });
 Object.defineProperty(exports, "useChatAudio", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.useChatAudio; }
+  get: function () { return chunkH42G3HTQ_cjs.useChatAudio; }
 });
 Object.defineProperty(exports, "useChatAudioPrefs", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.useChatAudioPrefs; }
+  get: function () { return chunkH42G3HTQ_cjs.useChatAudioPrefs; }
 });
 Object.defineProperty(exports, "useChatComposer", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.useChatComposer; }
+  get: function () { return chunkH42G3HTQ_cjs.useChatComposer; }
 });
 Object.defineProperty(exports, "useChatContext", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.useChatContext; }
+  get: function () { return chunkH42G3HTQ_cjs.useChatContext; }
 });
 Object.defineProperty(exports, "useChatContextOptional", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.useChatContextOptional; }
+  get: function () { return chunkH42G3HTQ_cjs.useChatContextOptional; }
 });
 Object.defineProperty(exports, "useChatHistory", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.useChatHistory; }
+  get: function () { return chunkH42G3HTQ_cjs.useChatHistory; }
 });
 Object.defineProperty(exports, "useChatLayout", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.useChatLayout; }
+  get: function () { return chunkH42G3HTQ_cjs.useChatLayout; }
 });
 Object.defineProperty(exports, "useChatScroll", {
   enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.useChatScroll; }
+  get: function () { return chunkH42G3HTQ_cjs.useChatScroll; }
 });
 Object.defineProperty(exports, "TreeError", {
   enumerable: true,

package/dist/index.d.cts

@@ -2013,6 +2013,10 @@ interface ChatRootProps {
     /** Composer size variant. Default ``md`` (36px slot). Use ``lg`` for primary
      * surfaces (onboarding, full-page chat), ``sm`` for dense sidebars. */
     composerSize?: ComposerSize;
+    /** Extra className forwarded to the `<MessageList>` scroll container.
+     * Use to add padding inside the scroll area so the scrollbar stays flush
+     * with the edge (e.g. `"px-6 pt-6 sm:px-8"`). */
+    listClassName?: string;
 }
 declare function ChatRoot(props: ChatRootProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -2013,6 +2013,10 @@ interface ChatRootProps {
     /** Composer size variant. Default ``md`` (36px slot). Use ``lg`` for primary
      * surfaces (onboarding, full-page chat), ``sm`` for dense sidebars. */
     composerSize?: ComposerSize;
+    /** Extra className forwarded to the `<MessageList>` scroll container.
+     * Use to add padding inside the scroll area so the scrollbar stays flush
+     * with the edge (e.g. `"px-6 pt-6 sm:px-8"`). */
+    listClassName?: string;
 }
 declare function ChatRoot(props: ChatRootProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.mjs

@@ -5,8 +5,8 @@ export { NativeProvider, StreamProvider, VideoControls, VideoErrorFallback, Vide
 export { ImageViewer } from './chunk-OBRSGM64.mjs';
 export { generateContentKey, useAudioCache, useBlobUrlCleanup, useImageCache, useMediaCacheStore, useVideoCache, useVideoPlayerSettings } from './chunk-C6GXVH5J.mjs';
 export { CronSchedulerProvider, CustomInput, DayChips, MonthDayGrid, SchedulePreview, ScheduleTypeSelector, TimeSelector, buildCron, humanizeCron, isValidCron, parseCron, useCronCustom, useCronMonthDays, useCronPreview, useCronScheduler, useCronSchedulerContext, useCronTime, useCronType, useCronWeekDays } from './chunk-PVAX67JG.mjs';
-import { LIMITS, createId, useChatAudioPrefs, useChatContextOptional } from './chunk-XJ7CXHSU.mjs';
-export { Attachments, AttachmentsGrid, AttachmentsList, CHAT_EVENT_NAME, CSS_VARS, ChatProvider, ChatRoot, Composer, DEFAULT_LABELS, DEFAULT_SIDEBAR, DEFAULT_Z_INDEX, EmptyState, ErrorBanner, HOTKEYS, JumpToLatest, LIMITS, MessageActions, MessageBubble, MessageList, STORAGE_KEYS, Sources, StreamingIndicator, ToolCalls, createId, createTokenBuffer, deriveInitials, getChatLogger, initialState, reducer, resolvePersona, useChat, useChatAudio, useChatAudioPrefs, useChatComposer, useChatContext, useChatContextOptional, useChatHistory, useChatLayout, useChatScroll } from './chunk-XJ7CXHSU.mjs';
+import { LIMITS, createId, useChatAudioPrefs, useChatContextOptional } from './chunk-PRRH35VD.mjs';
+export { Attachments, AttachmentsGrid, AttachmentsList, CHAT_EVENT_NAME, CSS_VARS, ChatProvider, ChatRoot, Composer, DEFAULT_LABELS, DEFAULT_SIDEBAR, DEFAULT_Z_INDEX, EmptyState, ErrorBanner, HOTKEYS, JumpToLatest, LIMITS, MessageActions, MessageBubble, MessageList, STORAGE_KEYS, Sources, StreamingIndicator, ToolCalls, createId, createTokenBuffer, deriveInitials, getChatLogger, initialState, reducer, resolvePersona, useChat, useChatAudio, useChatAudioPrefs, useChatComposer, useChatContext, useChatContextOptional, useChatHistory, useChatLayout, useChatScroll } from './chunk-PRRH35VD.mjs';
 export { TreeError, TreeSkeleton, createDemoTree } from './chunk-B6IR5KSC.mjs';
 export { DEFAULT_TREE_APPEARANCE, DEFAULT_TREE_LABELS, TreeRoot as Tree, TreeChevron, TreeContent, TreeEmpty, TreeIcon, TreeIndentGuides, TreeLabel, TreeProvider, TreeRoot, TreeRow, TreeSearchInput, appearanceToStyle, clearTreeState, createChildCache, flattenTree, loadTreeState, resolveAppearance, resolveChildren, saveTreeState, useTreeActions, useTreeContext, useTreeExpansion, useTreeFocus, useTreeKeyboard, useTreeLabels, useTreeRows, useTreeSearch, useTreeSelection, useTreeTypeAhead } from './chunk-G5IEC7SR.mjs';
 import { PlaygroundProvider } from './chunk-ZUFTH5IR.mjs';
@@ -348,7 +348,7 @@ var LazyTree = createLazyComponent(
   }
 );
 var LazyChat = createLazyComponent(
-  () => import('./ChatRoot-VSIBJLE2.mjs').then((m) => ({ default: m.ChatRoot })),
+  () => import('./ChatRoot-L2T7LU54.mjs').then((m) => ({ default: m.ChatRoot })),
   {
     displayName: "LazyChat",
     fallback: /* @__PURE__ */ jsx(LoadingFallback, { minHeight: 320, text: "Loading chat\u2026" })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-tools",
-  "version": "2.1.354",
+  "version": "2.1.356",
   "description": "Heavy React tools with lazy loading - for Electron, Vite, CRA, Next.js apps",
   "keywords": [
     "ui-tools",
@@ -101,8 +101,8 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/i18n": "^2.1.354",
-    "@djangocfg/ui-core": "^2.1.354",
+    "@djangocfg/i18n": "^2.1.356",
+    "@djangocfg/ui-core": "^2.1.356",
     "consola": "^3.4.2",
     "lodash-es": "^4.18.1",
     "lucide-react": "^0.545.0",
@@ -155,10 +155,10 @@
     "material-file-icons": "^2.4.0"
   },
   "devDependencies": {
-    "@djangocfg/i18n": "^2.1.354",
+    "@djangocfg/i18n": "^2.1.356",
     "@djangocfg/playground": "workspace:*",
-    "@djangocfg/typescript-config": "^2.1.354",
-    "@djangocfg/ui-core": "^2.1.354",
+    "@djangocfg/typescript-config": "^2.1.356",
+    "@djangocfg/ui-core": "^2.1.356",
     "@types/lodash-es": "^4.17.12",
     "@types/mapbox__mapbox-gl-draw": "^1.4.8",
     "@types/node": "^24.7.2",

package/src/tools/Chat/components/ChatRoot.tsx

@@ -78,10 +78,14 @@ export interface ChatRootProps {
   /** Composer size variant. Default ``md`` (36px slot). Use ``lg`` for primary
    * surfaces (onboarding, full-page chat), ``sm`` for dense sidebars. */
   composerSize?: ComposerSize;
+  /** Extra className forwarded to the `<MessageList>` scroll container.
+   * Use to add padding inside the scroll area so the scrollbar stays flush
+   * with the edge (e.g. `"px-6 pt-6 sm:px-8"`). */
+  listClassName?: string;
 }
 
 export function ChatRoot(props: ChatRootProps) {
-  const { transport, config, initialSessionId, autoCreateSession, streaming, audio, debug, className, ...slots } = props;
+  const { transport, config, initialSessionId, autoCreateSession, streaming, audio, debug, className, listClassName, ...slots } = props;
   return (
     <ChatProvider
       transport={transport}
@@ -92,17 +96,18 @@ export function ChatRoot(props: ChatRootProps) {
       audio={audio}
       debug={debug}
     >
-      <ChatRootShell className={className} slots={slots} />
+      <ChatRootShell className={className} listClassName={listClassName} slots={slots} />
     </ChatProvider>
   );
 }
 
 interface ChatRootShellProps {
   className?: string;
-  slots: Omit<ChatRootProps, 'transport' | 'config' | 'initialSessionId' | 'autoCreateSession' | 'streaming' | 'audio' | 'debug' | 'className'>;
+  listClassName?: string;
+  slots: Omit<ChatRootProps, 'transport' | 'config' | 'initialSessionId' | 'autoCreateSession' | 'streaming' | 'audio' | 'debug' | 'className' | 'listClassName'>;
 }
 
-function ChatRootShell({ className, slots }: ChatRootShellProps) {
+function ChatRootShell({ className, listClassName, slots }: ChatRootShellProps) {
   const chat = useChatContext();
   const composer = useChatComposer({
     onSubmit: (content, attachments) => chat.sendMessage(content, attachments),
@@ -178,6 +183,7 @@ function ChatRootShell({ className, slots }: ChatRootShellProps) {
           bottomRef={bottomRef}
           renderItem={renderItem}
           renderEmpty={() => <>{emptyNode}</>}
+          className={listClassName}
         />
         <div className="pointer-events-none absolute inset-x-0 bottom-2 flex justify-center">
           {slots.jumpToLatest ?? (

package/dist/ChatRoot-2KT32NFJ.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var chunk2SXDCXLK_cjs = require('./chunk-2SXDCXLK.cjs');
-require('./chunk-B5AWZOHJ.cjs');
-require('./chunk-OLISEQHS.cjs');
-
-
-
-Object.defineProperty(exports, "ChatRoot", {
-  enumerable: true,
-  get: function () { return chunk2SXDCXLK_cjs.ChatRoot; }
-});
-//# sourceMappingURL=ChatRoot-2KT32NFJ.cjs.map
-//# sourceMappingURL=ChatRoot-2KT32NFJ.cjs.map

package/dist/ChatRoot-VSIBJLE2.mjs

@@ -1,5 +0,0 @@
-export { ChatRoot } from './chunk-XJ7CXHSU.mjs';
-import './chunk-2ZLKZ5VR.mjs';
-import './chunk-N2XQF2OL.mjs';
-//# sourceMappingURL=ChatRoot-VSIBJLE2.mjs.map
-//# sourceMappingURL=ChatRoot-VSIBJLE2.mjs.map