@kieksme/csp-plugin-chat 0.13.0 → 0.13.1

package/README.md

@@ -33,3 +33,5 @@ The assistant asks one short clarifying question for vague requests (for example
 Long histories follow new messages while the visitor reads at the bottom; scrolling up preserves the reading position and offers **Neue Nachrichten ↓**. Real OpenAI providers expose editable dictation through the server-only transcription API. With a support transport, **Ich möchte mit einer echten Person sprechen** pauses the bot immediately and queues a persistent, directed support request. See [chat behaviour and APIs](../../docs/chat.md) and [runtime options](../../docs/configuration.md#spracheingabe-und-supportanfragen).
 
 Both chat modes share a service-chat header and composer. Visitor messages align to the right, assistant and human replies to the left with visible sender labels. Customer theme colours, dark mode and mobile layouts apply throughout. See [chat design](../../docs/chat.md#gestaltung).
+
+Dictation uses an icon-only microphone button with the accessible name and tooltip “Nachricht diktieren”. Its privacy notice stays visible alongside the button, and mobile touch targets remain 44 × 44 px.

package/dist/browser.js

@@ -1,6 +1,6 @@
 import {
   cspPlugin
-} from "./chunk-W5TFART7.js";
+} from "./chunk-B7EKNOQK.js";
 
 // src/tools.ts
 import {
@@ -574,67 +574,73 @@ function VoiceInput({
     }
   }
   if (!enabled) return null;
-  return /* @__PURE__ */ jsxs2("div", { className: "chat-voice", "data-recording": state === "recording", children: [
-    state === "idle" ? /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        type: "button",
-        className: "chat-voice-button",
-        disabled,
-        onClick: () => void start(),
-        children: [
-          /* @__PURE__ */ jsxs2(
-            "svg",
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: "chat-voice",
+      "data-state": state,
+      "data-recording": state === "recording",
+      children: [
+        state === "idle" ? /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            className: "chat-voice-button chat-microphone",
+            "aria-label": "Nachricht diktieren",
+            title: "Nachricht diktieren",
+            disabled,
+            onClick: () => void start(),
+            children: /* @__PURE__ */ jsxs2(
+              "svg",
+              {
+                "aria-hidden": "true",
+                viewBox: "0 0 24 24",
+                width: "16",
+                height: "16",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: [
+                  /* @__PURE__ */ jsx2("rect", { x: "9", y: "2", width: "6", height: "12", rx: "3" }),
+                  /* @__PURE__ */ jsx2("path", { d: "M5 10v2a7 7 0 0 0 14 0v-2M12 19v3M8 22h8" })
+                ]
+              }
+            )
+          }
+        ) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+          /* @__PURE__ */ jsx2("span", { role: "status", className: "chat-voice-status", children: state === "recording" ? "\u25CF Aufnahme l\xE4uft \xB7 maximal 60 Sekunden" : state === "starting" ? "Mikrofon wird gestartet \u2026" : "Sprache wird in Text umgewandelt \u2026" }),
+          state === "recording" && /* @__PURE__ */ jsx2(
+            "button",
             {
-              "aria-hidden": "true",
-              viewBox: "0 0 24 24",
-              width: "16",
-              height: "16",
-              className: "inline mr-2",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              children: [
-                /* @__PURE__ */ jsx2("rect", { x: "9", y: "2", width: "6", height: "12", rx: "3" }),
-                /* @__PURE__ */ jsx2("path", { d: "M5 10v2a7 7 0 0 0 14 0v-2M12 19v3M8 22h8" })
-              ]
+              type: "button",
+              className: "chat-voice-button",
+              onClick: () => recorder.current?.stop(),
+              children: "Aufnahme stoppen"
             }
           ),
-          "Nachricht diktieren"
-        ]
-      }
-    ) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsx2("span", { role: "status", className: "chat-voice-status", children: state === "recording" ? "\u25CF Aufnahme l\xE4uft \xB7 maximal 60 Sekunden" : state === "starting" ? "Mikrofon wird gestartet \u2026" : "Sprache wird in Text umgewandelt \u2026" }),
-      state === "recording" && /* @__PURE__ */ jsx2(
-        "button",
-        {
-          type: "button",
-          className: "chat-voice-button",
-          onClick: () => recorder.current?.stop(),
-          children: "Aufnahme stoppen"
-        }
-      ),
-      /* @__PURE__ */ jsx2(
-        "button",
-        {
-          type: "button",
-          className: "chat-voice-cancel",
-          onClick: () => {
-            operation.current++;
-            cancelled.current = true;
-            request.current?.abort();
-            if (recorder.current?.state === "recording")
-              recorder.current.stop();
-            release();
-            idle();
-          },
-          children: "Abbrechen"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx2("p", { className: "chat-voice-notice", children: "Die Aufnahme wird zur Texterkennung an OpenAI gesendet. Pr\xFCfen Sie den Text vor dem Senden." }),
-    error && /* @__PURE__ */ jsx2("p", { role: "alert", className: "text-danger dark:text-warning mt-2", children: error })
-  ] });
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              className: "chat-voice-cancel",
+              onClick: () => {
+                operation.current++;
+                cancelled.current = true;
+                request.current?.abort();
+                if (recorder.current?.state === "recording")
+                  recorder.current.stop();
+                release();
+                idle();
+              },
+              children: "Abbrechen"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx2("p", { className: "chat-voice-notice", children: "Die Aufnahme wird zur Texterkennung an OpenAI gesendet. Pr\xFCfen Sie den Text vor dem Senden." }),
+        error && /* @__PURE__ */ jsx2("p", { role: "alert", className: "text-danger dark:text-warning mt-2", children: error })
+      ]
+    }
+  );
 }
 
 // src/support-chat.tsx

package/dist/{chunk-W5TFART7.js → chunk-B7EKNOQK.js}

@@ -1,7 +1,7 @@
 // package.json
 var cspPlugin = {
   id: "chat",
-  sdkVersion: "^0.13.0",
+  sdkVersion: "^0.13.1",
   browser: "./browser",
   server: "./server"
 };

package/dist/server.js

@@ -1,6 +1,6 @@
 import {
   cspPlugin
-} from "./chunk-W5TFART7.js";
+} from "./chunk-B7EKNOQK.js";
 
 // src/server.ts
 import { z as z2 } from "zod";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kieksme/csp-plugin-chat",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "type": "module",
   "license": "MIT",
   "files": [
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@azure/msal-browser": "^5.25.0",
-    "@kieksme/csp-sdk": "^0.13.0",
+    "@kieksme/csp-sdk": "^0.13.1",
     "openai": "^6.3.0",
     "zod": "^3.25.76"
   },
@@ -35,7 +35,7 @@
   },
   "cspPlugin": {
     "id": "chat",
-    "sdkVersion": "^0.13.0",
+    "sdkVersion": "^0.13.1",
     "browser": "./browser",
     "server": "./server"
   },