@mieweb/ui 0.11.0-dev.1 → 0.11.0-dev.10

package/dist/components/DictationButton/index.d.cts

@@ -0,0 +1,78 @@
+import * as React from 'react';
+import { RecordButtonSize, RecordButtonVariant } from '../RecordButton/index.cjs';
+import 'class-variance-authority/types';
+
+type DictationStatus = 'idle' | 'recording' | 'transcribing' | 'error';
+/** Turns recorded audio into text. Reject to report an error; honor `signal` to support cancel. */
+type DictationTranscribe = (audio: Blob, signal: AbortSignal) => Promise<string>;
+interface UseDictationOptions {
+    /** Called with the final, trimmed transcript. Not called for empty results or after cancel. */
+    onText: (text: string) => void;
+    /** Transcription provider. Defaults to on-device Whisper (audio never leaves the browser). */
+    transcribe?: DictationTranscribe;
+    /** Called with the underlying error (permission denied, provider failure, …). */
+    onError?: (error: Error) => void;
+    /** Auto-stop after this many seconds. `0` disables the limit. Default 300. */
+    maxDurationSeconds?: number;
+    /**
+     * Reuse a mic stream the host already holds (e.g. a wake-word listener) instead of opening one.
+     * Its tracks are never stopped by the hook. Falls back to `getUserMedia` when it returns no live audio.
+     */
+    getStream?: () => MediaStream | null | undefined;
+}
+interface UseDictationResult {
+    status: DictationStatus;
+    error: Error | null;
+    /** Milliseconds recorded so far in the current session. */
+    elapsedMs: number;
+    start: () => Promise<void>;
+    /** Stop recording and transcribe. */
+    stop: () => void;
+    /** Discard the recording or in-flight transcription. `onText` will not fire. */
+    cancel: () => void;
+}
+/**
+ * Headless speech-to-text for a single speaker: record, then transcribe to editable text.
+ * Owns the mic lifecycle; every async step is tied to a session id so stale results are dropped.
+ */
+declare function useDictation({ onText, transcribe, onError, maxDurationSeconds, getStream, }: UseDictationOptions): UseDictationResult;
+
+interface DictationButtonLabels {
+    start: string;
+    stop: string;
+    listening: string;
+    transcribing: string;
+    error: string;
+    micBlocked: string;
+}
+declare const defaultDictationLabels: DictationButtonLabels;
+/** Drive dictation from code, e.g. when a wake word fires. */
+interface DictationButtonHandle {
+    /** Does nothing while `disabled` or while a take is already in progress. */
+    start: () => void;
+    /** Stop recording and transcribe. */
+    stop: () => void;
+    /** Discard the take; `onText` will not fire. */
+    cancel: () => void;
+}
+interface DictationButtonProps extends UseDictationOptions, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onClick' | 'onError' | 'disabled' | 'className' | 'aria-label' | 'aria-pressed' | 'aria-busy'> {
+    disabled?: boolean;
+    size?: RecordButtonSize;
+    variant?: RecordButtonVariant;
+    /** Show `m:ss` while recording. */
+    showDuration?: boolean;
+    /** Show the listening/transcribing/error caption. It is always announced to screen readers. */
+    showStatus?: boolean;
+    /** Override any user-facing string (i18n). */
+    labels?: Partial<DictationButtonLabels>;
+    className?: string;
+    /** Start, stop or cancel from code. `ref` stays the `<button>`. */
+    handleRef?: React.Ref<DictationButtonHandle>;
+}
+/**
+ * Mic button that turns speech into editable text via `onText`. Never sends anything itself.
+ * Escape while recording discards the take.
+ */
+declare const DictationButton: React.ForwardRefExoticComponent<DictationButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { DictationButton, type DictationButtonHandle, type DictationButtonLabels, type DictationButtonProps, type DictationStatus, type DictationTranscribe, type UseDictationOptions, type UseDictationResult, defaultDictationLabels, useDictation };

package/dist/components/DictationButton/index.d.ts

@@ -0,0 +1,78 @@
+import * as React from 'react';
+import { RecordButtonSize, RecordButtonVariant } from '../RecordButton/index.js';
+import 'class-variance-authority/types';
+
+type DictationStatus = 'idle' | 'recording' | 'transcribing' | 'error';
+/** Turns recorded audio into text. Reject to report an error; honor `signal` to support cancel. */
+type DictationTranscribe = (audio: Blob, signal: AbortSignal) => Promise<string>;
+interface UseDictationOptions {
+    /** Called with the final, trimmed transcript. Not called for empty results or after cancel. */
+    onText: (text: string) => void;
+    /** Transcription provider. Defaults to on-device Whisper (audio never leaves the browser). */
+    transcribe?: DictationTranscribe;
+    /** Called with the underlying error (permission denied, provider failure, …). */
+    onError?: (error: Error) => void;
+    /** Auto-stop after this many seconds. `0` disables the limit. Default 300. */
+    maxDurationSeconds?: number;
+    /**
+     * Reuse a mic stream the host already holds (e.g. a wake-word listener) instead of opening one.
+     * Its tracks are never stopped by the hook. Falls back to `getUserMedia` when it returns no live audio.
+     */
+    getStream?: () => MediaStream | null | undefined;
+}
+interface UseDictationResult {
+    status: DictationStatus;
+    error: Error | null;
+    /** Milliseconds recorded so far in the current session. */
+    elapsedMs: number;
+    start: () => Promise<void>;
+    /** Stop recording and transcribe. */
+    stop: () => void;
+    /** Discard the recording or in-flight transcription. `onText` will not fire. */
+    cancel: () => void;
+}
+/**
+ * Headless speech-to-text for a single speaker: record, then transcribe to editable text.
+ * Owns the mic lifecycle; every async step is tied to a session id so stale results are dropped.
+ */
+declare function useDictation({ onText, transcribe, onError, maxDurationSeconds, getStream, }: UseDictationOptions): UseDictationResult;
+
+interface DictationButtonLabels {
+    start: string;
+    stop: string;
+    listening: string;
+    transcribing: string;
+    error: string;
+    micBlocked: string;
+}
+declare const defaultDictationLabels: DictationButtonLabels;
+/** Drive dictation from code, e.g. when a wake word fires. */
+interface DictationButtonHandle {
+    /** Does nothing while `disabled` or while a take is already in progress. */
+    start: () => void;
+    /** Stop recording and transcribe. */
+    stop: () => void;
+    /** Discard the take; `onText` will not fire. */
+    cancel: () => void;
+}
+interface DictationButtonProps extends UseDictationOptions, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onClick' | 'onError' | 'disabled' | 'className' | 'aria-label' | 'aria-pressed' | 'aria-busy'> {
+    disabled?: boolean;
+    size?: RecordButtonSize;
+    variant?: RecordButtonVariant;
+    /** Show `m:ss` while recording. */
+    showDuration?: boolean;
+    /** Show the listening/transcribing/error caption. It is always announced to screen readers. */
+    showStatus?: boolean;
+    /** Override any user-facing string (i18n). */
+    labels?: Partial<DictationButtonLabels>;
+    className?: string;
+    /** Start, stop or cancel from code. `ref` stays the `<button>`. */
+    handleRef?: React.Ref<DictationButtonHandle>;
+}
+/**
+ * Mic button that turns speech into editable text via `onText`. Never sends anything itself.
+ * Escape while recording discards the take.
+ */
+declare const DictationButton: React.ForwardRefExoticComponent<DictationButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { DictationButton, type DictationButtonHandle, type DictationButtonLabels, type DictationButtonProps, type DictationStatus, type DictationTranscribe, type UseDictationOptions, type UseDictationResult, defaultDictationLabels, useDictation };

package/dist/components/DictationButton/index.js

@@ -0,0 +1,6 @@
+export { DictationButton, defaultDictationLabels, useDictation } from '../../chunk-MZA2LDS4.js';
+import '../../chunk-MQOYDQTF.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/DictationButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Markdown/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkNAH65KPK_cjs = require('../../chunk-NAH65KPK.cjs');
+var chunkTOJ56HKQ_cjs = require('../../chunk-TOJ56HKQ.cjs');
+var chunkIGDO62KR_cjs = require('../../chunk-IGDO62KR.cjs');
 var chunkSW2E7XKY_cjs = require('../../chunk-SW2E7XKY.cjs');
 var chunkERACGSDY_cjs = require('../../chunk-ERACGSDY.cjs');
 var chunk32ZCJOSR_cjs = require('../../chunk-32ZCJOSR.cjs');
-var chunkIGDO62KR_cjs = require('../../chunk-IGDO62KR.cjs');
 var chunkRIUQP2QS_cjs = require('../../chunk-RIUQP2QS.cjs');
 require('../../chunk-EACNRR3C.cjs');
 require('../../chunk-ANMX7YDL.cjs');
@@ -16,19 +16,23 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "CodeBlock", {
   enumerable: true,
-  get: function () { return chunkNAH65KPK_cjs.CodeBlock; }
+  get: function () { return chunkTOJ56HKQ_cjs.CodeBlock; }
 });
 Object.defineProperty(exports, "MarkdownRenderer", {
   enumerable: true,
-  get: function () { return chunkNAH65KPK_cjs.MarkdownRenderer; }
+  get: function () { return chunkTOJ56HKQ_cjs.MarkdownRenderer; }
 });
 Object.defineProperty(exports, "highlightCode", {
   enumerable: true,
-  get: function () { return chunkNAH65KPK_cjs.highlightCode; }
+  get: function () { return chunkTOJ56HKQ_cjs.highlightCode; }
 });
 Object.defineProperty(exports, "useMarkdown", {
   enumerable: true,
-  get: function () { return chunkNAH65KPK_cjs.useMarkdown; }
+  get: function () { return chunkTOJ56HKQ_cjs.useMarkdown; }
+});
+Object.defineProperty(exports, "SurveyBlock", {
+  enumerable: true,
+  get: function () { return chunkIGDO62KR_cjs.SurveyBlock; }
 });
 Object.defineProperty(exports, "CsvBlock", {
   enumerable: true,
@@ -42,10 +46,6 @@ Object.defineProperty(exports, "MermaidBlock", {
   enumerable: true,
   get: function () { return chunk32ZCJOSR_cjs.MermaidBlock; }
 });
-Object.defineProperty(exports, "SurveyBlock", {
-  enumerable: true,
-  get: function () { return chunkIGDO62KR_cjs.SurveyBlock; }
-});
 Object.defineProperty(exports, "FenceBlock", {
   enumerable: true,
   get: function () { return chunkRIUQP2QS_cjs.FenceBlock; }

package/dist/components/Markdown/index.js

@@ -1,8 +1,8 @@
-export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from '../../chunk-QJ2L5RU6.js';
+export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from '../../chunk-DSQCYX7L.js';
+export { SurveyBlock } from '../../chunk-RSJGTWLM.js';
 export { CsvBlock } from '../../chunk-P7D7BYFE.js';
 export { HtmlPreviewBlock } from '../../chunk-FGLIP6YR.js';
 export { MermaidBlock } from '../../chunk-7QW6TU4X.js';
-export { SurveyBlock } from '../../chunk-RSJGTWLM.js';
 export { FenceBlock } from '../../chunk-HDY7YQFX.js';
 import '../../chunk-N5JDL4VE.js';
 import '../../chunk-WFBUBT54.js';

package/dist/components/MediaEditor/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkO6BJMVGT_cjs = require('../../chunk-O6BJMVGT.cjs');
-require('../../chunk-MYAU2ZUC.cjs');
+var chunkXZNHS7YQ_cjs = require('../../chunk-XZNHS7YQ.cjs');
+require('../../chunk-GDKOYVX3.cjs');
 require('../../chunk-KQ6GLYFZ.cjs');
 require('../../chunk-7AECNMYV.cjs');
 require('../../chunk-NPKPCYAT.cjs');
@@ -16,6 +16,7 @@ require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
 require('../../chunk-AOHJILLU.cjs');
 require('../../chunk-SCV7C55E.cjs');
+require('../../chunk-Z3WMDVMR.cjs');
 require('../../chunk-EACNRR3C.cjs');
 require('../../chunk-ANMX7YDL.cjs');
 require('../../chunk-DXEPYK3I.cjs');
@@ -27,23 +28,23 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "FillerWordsModal", {
   enumerable: true,
-  get: function () { return chunkO6BJMVGT_cjs.FillerWordsModal; }
+  get: function () { return chunkXZNHS7YQ_cjs.FillerWordsModal; }
 });
 Object.defineProperty(exports, "MediaEditor", {
   enumerable: true,
-  get: function () { return chunkO6BJMVGT_cjs.MediaEditor; }
+  get: function () { return chunkXZNHS7YQ_cjs.MediaEditor; }
 });
 Object.defineProperty(exports, "SilenceSettingsModal", {
   enumerable: true,
-  get: function () { return chunkO6BJMVGT_cjs.SilenceSettingsModal; }
+  get: function () { return chunkXZNHS7YQ_cjs.SilenceSettingsModal; }
 });
 Object.defineProperty(exports, "SpeedMarkerMenu", {
   enumerable: true,
-  get: function () { return chunkO6BJMVGT_cjs.SpeedMarkerMenu; }
+  get: function () { return chunkXZNHS7YQ_cjs.SpeedMarkerMenu; }
 });
 Object.defineProperty(exports, "WordEditorModal", {
   enumerable: true,
-  get: function () { return chunkO6BJMVGT_cjs.WordEditorModal; }
+  get: function () { return chunkXZNHS7YQ_cjs.WordEditorModal; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/MediaEditor/index.js

@@ -1,5 +1,5 @@
-export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from '../../chunk-S2JZL4JC.js';
-import '../../chunk-2BPIVWAK.js';
+export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from '../../chunk-JM4YFLO4.js';
+import '../../chunk-V5VPECJI.js';
 import '../../chunk-N54FYWG6.js';
 import '../../chunk-753Z3NXL.js';
 import '../../chunk-UUI7WXI5.js';
@@ -14,6 +14,7 @@ import '../../chunk-T4ME7QCT.js';
 import '../../chunk-62ZOA6PX.js';
 import '../../chunk-WSNMQQ4P.js';
 import '../../chunk-VSQF22GL.js';
+import '../../chunk-YVKBXNPK.js';
 import '../../chunk-N5JDL4VE.js';
 import '../../chunk-WFBUBT54.js';
 import '../../chunk-GVM6DTR5.js';

package/dist/components/PhoneInput/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkOHKO5THF_cjs = require('../../chunk-OHKO5THF.cjs');
+var chunkMGFRGPWI_cjs = require('../../chunk-MGFRGPWI.cjs');
 require('../../chunk-L7YQBSEL.cjs');
 require('../../chunk-I44YNYI6.cjs');
 require('../../chunk-Z5S5JEJD.cjs');
@@ -11,11 +11,11 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "PhoneInput", {
   enumerable: true,
-  get: function () { return chunkOHKO5THF_cjs.PhoneInput; }
+  get: function () { return chunkMGFRGPWI_cjs.PhoneInput; }
 });
 Object.defineProperty(exports, "PhoneInputGroup", {
   enumerable: true,
-  get: function () { return chunkOHKO5THF_cjs.PhoneInputGroup; }
+  get: function () { return chunkMGFRGPWI_cjs.PhoneInputGroup; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/PhoneInput/index.js

@@ -1,4 +1,4 @@
-export { PhoneInput, PhoneInputGroup } from '../../chunk-XOIIUO6O.js';
+export { PhoneInput, PhoneInputGroup } from '../../chunk-QDNHN7R2.js';
 import '../../chunk-ZVPJ2MH6.js';
 import '../../chunk-6NZXWKUE.js';
 import '../../chunk-3IMM2PM4.js';

package/dist/components/RecordButton/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkJTSKPDPH_cjs = require('../../chunk-JTSKPDPH.cjs');
+var chunkHIYQ3M5V_cjs = require('../../chunk-HIYQ3M5V.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -8,15 +8,15 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "RecordButton", {
   enumerable: true,
-  get: function () { return chunkJTSKPDPH_cjs.RecordButton; }
+  get: function () { return chunkHIYQ3M5V_cjs.RecordButton; }
 });
 Object.defineProperty(exports, "formatDuration", {
   enumerable: true,
-  get: function () { return chunkJTSKPDPH_cjs.formatDuration; }
+  get: function () { return chunkHIYQ3M5V_cjs.formatDuration; }
 });
 Object.defineProperty(exports, "recordButtonVariants", {
   enumerable: true,
-  get: function () { return chunkJTSKPDPH_cjs.recordButtonVariants; }
+  get: function () { return chunkHIYQ3M5V_cjs.recordButtonVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/RecordButton/index.js

@@ -1,4 +1,4 @@
-export { RecordButton, formatDuration, recordButtonVariants } from '../../chunk-VNWJTCBQ.js';
+export { RecordButton, formatDuration, recordButtonVariants } from '../../chunk-MQOYDQTF.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Slider/index.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkMYAU2ZUC_cjs = require('../../chunk-MYAU2ZUC.cjs');
+var chunkGDKOYVX3_cjs = require('../../chunk-GDKOYVX3.cjs');
+require('../../chunk-Z3WMDVMR.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -8,19 +9,19 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
-  get: function () { return chunkMYAU2ZUC_cjs.Slider; }
+  get: function () { return chunkGDKOYVX3_cjs.Slider; }
 });
 Object.defineProperty(exports, "sliderRangeVariants", {
   enumerable: true,
-  get: function () { return chunkMYAU2ZUC_cjs.sliderRangeVariants; }
+  get: function () { return chunkGDKOYVX3_cjs.sliderRangeVariants; }
 });
 Object.defineProperty(exports, "sliderThumbVariants", {
   enumerable: true,
-  get: function () { return chunkMYAU2ZUC_cjs.sliderThumbVariants; }
+  get: function () { return chunkGDKOYVX3_cjs.sliderThumbVariants; }
 });
 Object.defineProperty(exports, "sliderTrackVariants", {
   enumerable: true,
-  get: function () { return chunkMYAU2ZUC_cjs.sliderTrackVariants; }
+  get: function () { return chunkGDKOYVX3_cjs.sliderTrackVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Slider/index.js

@@ -1,4 +1,5 @@
-export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from '../../chunk-2BPIVWAK.js';
+export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from '../../chunk-V5VPECJI.js';
+import '../../chunk-YVKBXNPK.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/SliderCalculator/index.cjs

@@ -1,8 +1,9 @@
 'use strict';
 
-var chunk7UTBDFFL_cjs = require('../../chunk-7UTBDFFL.cjs');
-require('../../chunk-MYAU2ZUC.cjs');
+var chunk2S76TRBJ_cjs = require('../../chunk-2S76TRBJ.cjs');
+require('../../chunk-GDKOYVX3.cjs');
 require('../../chunk-YW2AKBLS.cjs');
+require('../../chunk-Z3WMDVMR.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -10,11 +11,11 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "AnimatedNumber", {
   enumerable: true,
-  get: function () { return chunk7UTBDFFL_cjs.AnimatedNumber; }
+  get: function () { return chunk2S76TRBJ_cjs.AnimatedNumber; }
 });
 Object.defineProperty(exports, "SliderCalculator", {
   enumerable: true,
-  get: function () { return chunk7UTBDFFL_cjs.SliderCalculator; }
+  get: function () { return chunk2S76TRBJ_cjs.SliderCalculator; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/SliderCalculator/index.js

@@ -1,6 +1,7 @@
-export { AnimatedNumber, SliderCalculator } from '../../chunk-NUB5HRKS.js';
-import '../../chunk-2BPIVWAK.js';
+export { AnimatedNumber, SliderCalculator } from '../../chunk-DT3X3RBM.js';
+import '../../chunk-V5VPECJI.js';
 import '../../chunk-XDU65GLW.js';
+import '../../chunk-YVKBXNPK.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/SuperChat/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
 var chunkJFLC7SHM_cjs = require('../../chunk-JFLC7SHM.cjs');
-var chunkXRVMYT5G_cjs = require('../../chunk-XRVMYT5G.cjs');
-var chunkU2RS574O_cjs = require('../../chunk-U2RS574O.cjs');
+var chunkQKW2QCGI_cjs = require('../../chunk-QKW2QCGI.cjs');
+var chunk2GBVJHWN_cjs = require('../../chunk-2GBVJHWN.cjs');
 var chunkAJPFQF3H_cjs = require('../../chunk-AJPFQF3H.cjs');
 require('../../chunk-GLXTVCHN.cjs');
 var chunkKQ6GLYFZ_cjs = require('../../chunk-KQ6GLYFZ.cjs');
 require('../../chunk-ZNUMOJOI.cjs');
 var chunkPINIBEIU_cjs = require('../../chunk-PINIBEIU.cjs');
-require('../../chunk-PJ6CC53R.cjs');
+require('../../chunk-AKMTPCLC.cjs');
 require('../../chunk-VBWRH4UW.cjs');
 var chunkVPTASZ2O_cjs = require('../../chunk-VPTASZ2O.cjs');
 require('../../chunk-254QK722.cjs');
@@ -119,7 +119,7 @@ function MessageMedia({
           }
         ) : null,
         attachment.caption && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: attachment.caption }),
-        onOpen && /* @__PURE__ */ jsxRuntime.jsx(chunkXRVMYT5G_cjs.ButtonGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        onOpen && /* @__PURE__ */ jsxRuntime.jsx(chunkQKW2QCGI_cjs.ButtonGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(
           chunkANMX7YDL_cjs.Button,
           {
             "data-media-launch-id": launchId,
@@ -226,7 +226,7 @@ function ParticipantAvatar({
       src: participant?.avatar,
       alt: "",
       name: participant?.name ?? "?",
-      fallback: isAgent ? /* @__PURE__ */ jsxRuntime.jsx(chunkXRVMYT5G_cjs.SparklesIcon, { size: "sm" }) : void 0,
+      fallback: isAgent ? /* @__PURE__ */ jsxRuntime.jsx(chunkQKW2QCGI_cjs.SparklesIcon, { size: "sm" }) : void 0,
       style: { backgroundColor },
       "aria-hidden": "true",
       className: "shrink-0"
@@ -762,7 +762,7 @@ ${block.text}
                     isSelf ? "flex-row-reverse" : "flex-row"
                   ),
                   children: /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkXRVMYT5G_cjs.ChatBubble,
+                    chunkQKW2QCGI_cjs.ChatBubble,
                     {
                       ref: bubbleRef,
                       "data-slot": "superchat-bubble",
@@ -826,7 +826,7 @@ ${block.text}
                       ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                         message.content?.map((block, i) => {
                           if (block.type === "tool_use" && block.toolCall) {
-                            return /* @__PURE__ */ jsxRuntime.jsx(chunkXRVMYT5G_cjs.MCPToolCallDisplay, { toolCall: block.toolCall }, i);
+                            return /* @__PURE__ */ jsxRuntime.jsx(chunkQKW2QCGI_cjs.MCPToolCallDisplay, { toolCall: block.toolCall }, i);
                           }
                           if ((block.type === "text" || block.type === "thinking") && block.text) {
                             return /* @__PURE__ */ jsxRuntime.jsx(
@@ -879,7 +879,7 @@ ${block.text}
                           },
                           attachment.id
                         )),
-                        streaming && !hasBody && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkXRVMYT5G_cjs.AITypingIndicator, {}) })
+                        streaming && !hasBody && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQKW2QCGI_cjs.AITypingIndicator, {}) })
                       ] })
                     }
                   )
@@ -1236,7 +1236,7 @@ function VirtualThread({
             style: {
               position: "absolute",
               top: 0,
-              left: 0,
+              insetInlineStart: 0,
               width: "100%",
               transform: `translateY(${virtualRow.start}px)`
             },
@@ -1411,7 +1411,7 @@ function SuperChat({
     mediaItems.length
   ]);
   React3__namespace.useEffect(() => {
-    chunkU2RS574O_cjs.notifyComposerMigrationOnce("SuperChat");
+    chunk2GBVJHWN_cjs.notifyComposerMigrationOnce("SuperChat");
   }, []);
   const renderText = React3__namespace.useMemo(
     () => renderTextContent ?? createMarkdownRenderer({
@@ -1762,7 +1762,7 @@ function SuperChat({
                   onClick: () => onConversationClosed(conversation),
                   "aria-label": "Close conversation",
                   className: "rounded-md p-1 text-neutral-400 hover:bg-neutral-100 dark:hover:bg-neutral-800",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkXRVMYT5G_cjs.CloseIcon, {})
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkQKW2QCGI_cjs.CloseIcon, {})
                 }
               )
             ]
@@ -1777,7 +1777,7 @@ function SuperChat({
             "data-slot": "superchat-media-view",
             className: "flex min-h-0 flex-1 flex-col",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunkXRVMYT5G_cjs.ButtonGroup, { className: "justify-start", children: /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQKW2QCGI_cjs.ButtonGroup, { className: "justify-start", children: /* @__PURE__ */ jsxRuntime.jsx(
                 chunkANMX7YDL_cjs.Button,
                 {
                   ref: backToConversationRef,
@@ -1883,7 +1883,7 @@ function SuperChat({
                   mode: "presence",
                   className: "absolute inset-x-0 bottom-0 z-20",
                   children: /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkXRVMYT5G_cjs.JumpToBottomButton,
+                    chunkQKW2QCGI_cjs.JumpToBottomButton,
                     {
                       dataSlot: "superchat-jump-to-bottom",
                       hasNewMessages: hasNewBelow,
@@ -1897,7 +1897,7 @@ function SuperChat({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkU2RS574O_cjs.ChatComposer,
+          chunk2GBVJHWN_cjs.ChatComposer,
           {
             value: draft,
             onValueChange: handleDraftChange,