@djangocfg/ui-tools 2.1.381 → 2.1.382

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-tools",
-  "version": "2.1.381",
+  "version": "2.1.382",
   "description": "Heavy React tools with lazy loading - for Electron, Vite, CRA, Next.js apps",
   "keywords": [
     "ui-tools",
@@ -139,6 +139,11 @@
       "import": "./src/tools/VideoPlayer/lazy.tsx",
       "require": "./src/tools/VideoPlayer/lazy.tsx"
     },
+    "./speech-recognition": {
+      "types": "./src/tools/SpeechRecognition/index.ts",
+      "import": "./src/tools/SpeechRecognition/index.ts",
+      "require": "./src/tools/SpeechRecognition/index.ts"
+    },
     "./styles": "./src/styles/index.css",
     "./dist.css": "./dist/index.css"
   },
@@ -153,11 +158,13 @@
     "clean": "rm -rf dist",
     "dev": "tsup --watch",
     "playground": "playground dev",
-    "check": "tsc --noEmit"
+    "check": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
   },
   "peerDependencies": {
-    "@djangocfg/i18n": "^2.1.381",
-    "@djangocfg/ui-core": "^2.1.381",
+    "@djangocfg/i18n": "^2.1.382",
+    "@djangocfg/ui-core": "^2.1.382",
     "consola": "^3.4.2",
     "lodash-es": "^4.18.1",
     "lucide-react": "^0.545.0",
@@ -211,10 +218,10 @@
     "material-file-icons": "^2.4.0"
   },
   "devDependencies": {
-    "@djangocfg/i18n": "^2.1.381",
+    "@djangocfg/i18n": "^2.1.382",
     "@djangocfg/playground": "workspace:*",
-    "@djangocfg/typescript-config": "^2.1.381",
-    "@djangocfg/ui-core": "^2.1.381",
+    "@djangocfg/typescript-config": "^2.1.382",
+    "@djangocfg/ui-core": "^2.1.382",
     "@types/lodash-es": "^4.17.12",
     "@types/mapbox__mapbox-gl-draw": "^1.4.8",
     "@types/node": "^24.7.2",
@@ -226,7 +233,8 @@
     "react-dom": "^19.1.0",
     "tailwindcss": "^4.1.18",
     "tsup": "^8.5.0",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "vitest": "^3.1.4"
   },
   "publishConfig": {
     "access": "public"

package/src/audio-assets.d.ts

@@ -0,0 +1,8 @@
+// Audio assets are bundled as base64 data URLs via tsup's `dataurl` loader
+// (see `tsup.config.ts`). This declaration lets TypeScript accept the
+// `import receivedSound from './sounds/received.mp3'` pattern.
+
+declare module '*.mp3' {
+  const src: string;
+  export default src;
+}

package/src/components/markdown/MarkdownMessage/CollapseToggle.tsx

@@ -1,5 +1,7 @@
 import React, { memo } from 'react';
 
+import { TOGGLE } from '../../../tools/Chat/styles/bubbleTokens';
+
 interface CollapseToggleProps {
   isCollapsed: boolean;
   onClick: () => void;
@@ -31,7 +33,7 @@ function CollapseToggleRaw({
       className={`
         ${textSize} font-medium cursor-pointer
         transition-colors duration-200
-        ${isUser ? 'text-white/80 hover:text-white' : 'text-primary hover:text-primary/80'}
+        ${isUser ? TOGGLE.user : TOGGLE.assistant}
         inline-flex items-center gap-1
         mt-1
       `}

package/src/components/markdown/MarkdownMessage/components.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { Components } from 'react-markdown';
 import Mermaid from '../../../tools/Mermaid';
+import { ANCHOR } from '../../../tools/Chat/styles/bubbleTokens';
 import { CodeBlock, CodeBlockFallback } from './CodeBlock';
 import { extractTextFromChildren } from './plainText';
 
@@ -61,11 +62,7 @@ export function createMarkdownComponents(
       <a
         {...rest}
         href={href}
-        className={`${textSize} ${
-          isUser
-            ? 'text-white/90 underline hover:text-white'
-            : 'text-primary underline hover:text-primary/80'
-        } transition-colors break-all`}
+        className={`${textSize} ${isUser ? ANCHOR.user : ANCHOR.assistant}`}
       >
         {children}
       </a>

package/src/stories/index.ts

@@ -16,7 +16,22 @@
  import * as CodeEditor from '../tools/CodeEditor/CodeEditor.story';
  import * as PrettyCode from '../tools/PrettyCode/PrettyCode.story';
  import * as MarkdownEditor from '../tools/MarkdownEditor/MarkdownEditor.story';
- import * as Chat from '../tools/Chat/Chat.story';
+ import * as ChatBasic from '../tools/Chat/stories/01-basic.story';
+ import * as ChatBubbles from '../tools/Chat/stories/02-bubbles.story';
+ import * as ChatToolCalls from '../tools/Chat/stories/03-tool-calls.story';
+ import * as ChatPersonas from '../tools/Chat/stories/04-personas.story';
+ import * as ChatLauncher from '../tools/Chat/stories/05-launcher.story';
+ import * as ChatHeader from '../tools/Chat/stories/06-header.story';
+ import * as ChatAudio from '../tools/Chat/stories/07-audio-actions.story';
+ import * as STTBasic from '../tools/SpeechRecognition/stories/01-basic.story';
+ import * as STTDictation from '../tools/SpeechRecognition/stories/02-dictation-field.story';
+ import * as STTPushToTalk from '../tools/SpeechRecognition/stories/03-push-to-talk.story';
+ import * as STTMicMeter from '../tools/SpeechRecognition/stories/04-mic-meter.story';
+ import * as STTHttp from '../tools/SpeechRecognition/stories/05-custom-engine-http.story';
+ import * as STTWs from '../tools/SpeechRecognition/stories/06-custom-engine-ws.story';
+ import * as STTLangDevice from '../tools/SpeechRecognition/stories/07-language-device.story';
+ import * as STTErrors from '../tools/SpeechRecognition/stories/08-errors-permissions.story';
+ import * as STTChatVoice from '../tools/SpeechRecognition/stories/09-chat-voice.story';
 
  export const uiToolsStoryModules: Record<string, StoryModule> = {
    'JsonForm.story.tsx': JsonForm,
@@ -28,6 +43,21 @@
    'CodeEditor.story.tsx': CodeEditor,
    'PrettyCode.story.tsx': PrettyCode,
    'MarkdownEditor.story.tsx': MarkdownEditor,
-   'Chat.story.tsx': Chat,
+   'Chat/01-basic.story.tsx': ChatBasic,
+   'Chat/02-bubbles.story.tsx': ChatBubbles,
+   'Chat/03-tool-calls.story.tsx': ChatToolCalls,
+   'Chat/04-personas.story.tsx': ChatPersonas,
+   'Chat/05-launcher.story.tsx': ChatLauncher,
+   'Chat/06-header.story.tsx': ChatHeader,
+   'Chat/07-audio-actions.story.tsx': ChatAudio,
+   'SpeechRecognition/01-basic.story.tsx': STTBasic,
+   'SpeechRecognition/02-dictation-field.story.tsx': STTDictation,
+   'SpeechRecognition/03-push-to-talk.story.tsx': STTPushToTalk,
+   'SpeechRecognition/04-mic-meter.story.tsx': STTMicMeter,
+   'SpeechRecognition/05-custom-engine-http.story.tsx': STTHttp,
+   'SpeechRecognition/06-custom-engine-ws.story.tsx': STTWs,
+   'SpeechRecognition/07-language-device.story.tsx': STTLangDevice,
+   'SpeechRecognition/08-errors-permissions.story.tsx': STTErrors,
+   'Chat/08-voice-composer.story.tsx': STTChatVoice,
  };