@djangocfg/ui-tools 2.1.390 → 2.1.394

package/README.md

@@ -46,13 +46,11 @@ Plus utility primitives: `Tree`, `Tour`, `FileIcon`, `UploadDropzone`.
 
 ## Imports
 
-Default barrel works for app-level imports:
+**There is no root barrel** — `import … from '@djangocfg/ui-tools'` is intentionally **not** supported. Always import from a tool subpath.
 
-```tsx
-import { LazyChat, LazyJsonTree, LazyMap, Gallery } from '@djangocfg/ui-tools';
-```
+Why: a root barrel plus per-tool subpaths would inevitably ship the same modules twice (the bundled `dist/` copy via the root, plus the raw `src/` copy via the subpath). Different physical modules mean different `React.createContext()` instances — `ChatProvider`, `MapProvider`, `TreeProvider` all silently break across the boundary.
 
-For bundle splitting, import from the tool's subpath — only that tool ships:
+The TypeScript / bundler error you'll see is `Cannot find module '@djangocfg/ui-tools'`. That's intentional; fix it by picking a subpath:
 
 ```tsx
 import { LazyJsonTree } from '@djangocfg/ui-tools/json-tree';
@@ -74,8 +72,7 @@ Subpaths come in three flavors:
 
 | Subpath | Ships | Notes |
 |---------|-------|-------|
-| `@djangocfg/ui-tools` | All tools (lazy) | App-level barrel. Treeshakes per-tool when used via subpaths. |
-| `@djangocfg/ui-tools/chat` | `LazyChat`, `LazyChatLauncher`, transports (`createPydanticAIChatTransport`, `createHttpTransport`, …), hooks (`useChat`, `useChatAudio`, …), reducer/core/types/style tokens | Heavy `ChatRoot` + `ChatLauncher` only load via the `Lazy*` wrappers. Custom layouts that need raw `MessageBubble` / `Composer` should import from the root barrel. |
+| `@djangocfg/ui-tools/chat` | `LazyChat`, `LazyChatLauncher`, plus the raw components (`ChatRoot`, `ChatLauncher`, `MessageBubble`, `Composer`, header buttons, …), transports (`createPydanticAIChatTransport`, `createHttpTransport`, …), hooks (`useChat`, `useChatAudio`, …), reducer/core/types/style tokens | Use the `Lazy*` wrappers when possible. The raw components are re-exported synchronously for callers that compose custom chat shells — importing them pulls the dependency graph eagerly. |
 | `@djangocfg/ui-tools/code-editor` | `LazyEditor`, `LazyDiffEditor`, `useMonaco`, `useEditor`, `useLanguage`, `useEditorTheme`, `EditorProvider`, types | Monaco (~550 KB) loads only when an editor mounts. `useMonaco` does its own dynamic import. |
 | `@djangocfg/ui-tools/audio-player` | `LazyPlayer`, `PlayerProvider`, selector hooks, slot components (`Cover`, `Title`, `PlayButton`, `Waveform`, …), peaks-cache helpers, store, types | Slot components are presentational — safe synchronous re-exports. They only do anything inside a `<LazyPlayer>` provider. |
 | `@djangocfg/ui-tools/markdown-editor` | `LazyMarkdownEditor`, `mentionPresets`, types | TipTap + ProseMirror (~200 KB) only loads via the lazy wrapper. |
@@ -115,7 +112,7 @@ import {
   ChatRoot,
   createPydanticAIChatTransport,
   useChatAudio,
-} from '@djangocfg/ui-tools';
+} from '@djangocfg/ui-tools/chat';
 
 const transport = createPydanticAIChatTransport({
   buildStreamUrl: (sid, msg) => `${API}/chat/sessions/${sid}/stream?message=${encodeURIComponent(msg)}`,
@@ -199,12 +196,12 @@ Full docs: [`SpeechRecognition/README.md`](src/tools/SpeechRecognition/README.md
 Read-only `<MarkdownMessage>` powers every chat bubble. Stays useful standalone for docs, AI replies, system messages.
 
 ```tsx
-import { MarkdownMessage } from '@djangocfg/ui-tools';
+import { MarkdownMessage } from '@djangocfg/ui-tools/markdown-message';
 
 <MarkdownMessage content="# Hello\n\nGFM + emoji 😄 + code:\n\n```ts\nconst x = 1;\n```" />
 ```
 
-GFM, soft line breaks, smart typography, emoji shortcodes, sanitized HTML, mermaid blocks, syntax-highlighted code, declarative `linkRules` for custom URL schemes (e.g. `cmdop://`, `vehicle://`). Details: [`MarkdownMessage/README.md`](src/components/markdown/MarkdownMessage/README.md).
+GFM, soft line breaks, smart typography, emoji shortcodes, sanitized HTML, mermaid blocks, syntax-highlighted code, declarative `linkRules` for custom URL schemes (e.g. `cmdop://`, `vehicle://`). Details: [`MarkdownMessage/README.md`](src/tools/MarkdownMessage/README.md).
 
 ---
 

package/dist/chunk-PAWJFY3S.mjs

@@ -0,0 +1,6 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+export { __name };
+//# sourceMappingURL=chunk-PAWJFY3S.mjs.map
+//# sourceMappingURL=chunk-PAWJFY3S.mjs.map

package/dist/{chunk-N2XQF2OL.mjs.map → chunk-PAWJFY3S.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-N2XQF2OL.mjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-PAWJFY3S.mjs"}

package/dist/chunk-PK6SKIKE.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+exports.__name = __name;
+//# sourceMappingURL=chunk-PK6SKIKE.cjs.map
+//# sourceMappingURL=chunk-PK6SKIKE.cjs.map

package/dist/{chunk-OLISEQHS.cjs.map → chunk-PK6SKIKE.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-OLISEQHS.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-PK6SKIKE.cjs"}

package/dist/file-icon/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkOLISEQHS_cjs = require('../chunk-OLISEQHS.cjs');
+var chunkPK6SKIKE_cjs = require('../chunk-PK6SKIKE.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
 var lib = require('@djangocfg/ui-core/lib');
@@ -31,11 +31,11 @@ async function loadMaterialIcons() {
   })();
   return inflight;
 }
-chunkOLISEQHS_cjs.__name(loadMaterialIcons, "loadMaterialIcons");
+chunkPK6SKIKE_cjs.__name(loadMaterialIcons, "loadMaterialIcons");
 function getMaterialIconsSync() {
   return cached ?? null;
 }
-chunkOLISEQHS_cjs.__name(getMaterialIconsSync, "getMaterialIconsSync");
+chunkPK6SKIKE_cjs.__name(getMaterialIconsSync, "getMaterialIconsSync");
 var SPECIAL_FOLDERS = {
   src: lucideReact.FolderCode,
   source: lucideReact.FolderCode,
@@ -83,7 +83,7 @@ function resolveFolderIcon({
   if (special) return special;
   return isExpanded ? lucideReact.FolderOpen : lucideReact.Folder;
 }
-chunkOLISEQHS_cjs.__name(resolveFolderIcon, "resolveFolderIcon");
+chunkPK6SKIKE_cjs.__name(resolveFolderIcon, "resolveFolderIcon");
 function FileIcon({
   name,
   isFolder = false,
@@ -145,7 +145,7 @@ function FileIcon({
     }
   );
 }
-chunkOLISEQHS_cjs.__name(FileIcon, "FileIcon");
+chunkPK6SKIKE_cjs.__name(FileIcon, "FileIcon");
 function createFileIconSlot({
   getName,
   size = 16,
@@ -162,7 +162,7 @@ function createFileIconSlot({
     }
   );
 }
-chunkOLISEQHS_cjs.__name(createFileIconSlot, "createFileIconSlot");
+chunkPK6SKIKE_cjs.__name(createFileIconSlot, "createFileIconSlot");
 
 exports.FileIcon = FileIcon;
 exports.createFileIconSlot = createFileIconSlot;

package/dist/file-icon/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LucideIcon } from 'lucide-react';
-import { T as TreeNode, a as TreeRowSlot } from '../types-CevSbyfD.cjs';
+import { b as TreeNode, g as TreeRowSlot } from '../types-B_zhyAqR.cjs';
 import 'react';
 
 interface ResolveFolderIconOptions {

package/dist/file-icon/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LucideIcon } from 'lucide-react';
-import { T as TreeNode, a as TreeRowSlot } from '../types-CevSbyfD.js';
+import { b as TreeNode, g as TreeRowSlot } from '../types-B_zhyAqR.js';
 import 'react';
 
 interface ResolveFolderIconOptions {

package/dist/file-icon/index.mjs

@@ -1,4 +1,4 @@
-import { __name } from '../chunk-N2XQF2OL.mjs';
+import { __name } from '../chunk-PAWJFY3S.mjs';
 import { useState, useEffect } from 'react';
 import { FolderGit2, Github, Settings, Terminal, FlaskConical, BookOpen, FolderOutput, Image, FolderInput, Package, FolderCode, FolderOpen, Folder, File } from 'lucide-react';
 import { cn } from '@djangocfg/ui-core/lib';