@arbidocs/react 0.3.173 → 0.3.175

package/dist/chunk-7IOCMCC5.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+var react = require('react');
+var browser = require('@arbidocs/sdk/browser');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ArbiProvider.tsx
+var ArbiContext = react.createContext(null);
+function ArbiProvider({ children, ...options }) {
+  const arbi = react.useMemo(
+    () => new browser.Arbi(options),
+    // Stable on url + deploymentDomain — re-creating the instance on every render would be wrong
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [options.url, options.deploymentDomain, options.credentials]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ArbiContext.Provider, { value: arbi, children });
+}
+function useArbi() {
+  const arbi = react.useContext(ArbiContext);
+  if (!arbi) {
+    throw new Error("useArbi() must be used within an <ArbiProvider>");
+  }
+  return arbi;
+}
+function AudioViewer({ blob, title }) {
+  const [objectUrl, setObjectUrl] = react.useState("");
+  react.useEffect(() => {
+    const url = URL.createObjectURL(blob);
+    setObjectUrl(url);
+    return () => URL.revokeObjectURL(url);
+  }, [blob]);
+  if (!objectUrl) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "h-full w-full flex items-center justify-center p-4 bg-muted/30",
+      "data-testid": "audio-viewer",
+      children: /* @__PURE__ */ jsxRuntime.jsx("audio", { src: objectUrl, controls: true, title, className: "w-full max-w-lg" })
+    }
+  );
+}
+function ImageViewer({ blob, alt }) {
+  const [objectUrl, setObjectUrl] = react.useState("");
+  react.useEffect(() => {
+    const url = URL.createObjectURL(blob);
+    setObjectUrl(url);
+    return () => URL.revokeObjectURL(url);
+  }, [blob]);
+  if (!objectUrl) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "h-full w-full overflow-auto flex items-center justify-center p-4 bg-muted/30",
+      "data-testid": "image-viewer",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: objectUrl,
+          alt,
+          className: "max-w-full max-h-full object-contain rounded shadow-sm",
+          "data-testid": "image-viewer-img"
+        }
+      )
+    }
+  );
+}
+function VideoViewer({ blob, title }) {
+  const [objectUrl, setObjectUrl] = react.useState("");
+  react.useEffect(() => {
+    const url = URL.createObjectURL(blob);
+    setObjectUrl(url);
+    return () => URL.revokeObjectURL(url);
+  }, [blob]);
+  if (!objectUrl) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "h-full w-full overflow-auto flex items-center justify-center p-4 bg-muted/30",
+      "data-testid": "video-viewer",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "video",
+        {
+          src: objectUrl,
+          controls: true,
+          title,
+          className: "max-w-full max-h-full rounded shadow-sm"
+        }
+      )
+    }
+  );
+}
+
+exports.ArbiProvider = ArbiProvider;
+exports.AudioViewer = AudioViewer;
+exports.ImageViewer = ImageViewer;
+exports.VideoViewer = VideoViewer;
+exports.useArbi = useArbi;
+//# sourceMappingURL=chunk-7IOCMCC5.cjs.map
+//# sourceMappingURL=chunk-7IOCMCC5.cjs.map

package/dist/chunk-7IOCMCC5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ArbiProvider.tsx","../src/useArbi.ts","../src/viewers/AudioViewer.tsx","../src/viewers/ImageViewer.tsx","../src/viewers/VideoViewer.tsx"],"names":["createContext","useMemo","Arbi","useContext","useState","useEffect","jsx"],"mappings":"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","file":"chunk-7IOCMCC5.cjs","sourcesContent":["/**\n * ArbiProvider — React context that holds an Arbi instance.\n *\n * Usage:\n *   <ArbiProvider url=\"https://arbi.mycompany.com\">\n *     <App />\n *   </ArbiProvider>\n */\n\nimport { createContext, useMemo, type ReactNode } from 'react'\nimport { Arbi, type ArbiOptions } from '@arbidocs/sdk/browser'\n\nexport const ArbiContext = createContext<Arbi | null>(null)\n\nexport interface ArbiProviderProps extends ArbiOptions {\n  children: ReactNode\n}\n\nexport function ArbiProvider({ children, ...options }: ArbiProviderProps) {\n  const arbi = useMemo(\n    () => new Arbi(options),\n    // Stable on url + deploymentDomain — re-creating the instance on every render would be wrong\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [options.url, options.deploymentDomain, options.credentials]\n  )\n\n  return <ArbiContext.Provider value={arbi}>{children}</ArbiContext.Provider>\n}\n","/**\n * Hook to access the Arbi instance from the nearest ArbiProvider.\n */\n\nimport { useContext } from 'react'\nimport type { Arbi } from '@arbidocs/sdk/browser'\nimport { ArbiContext } from './ArbiProvider'\n\nexport function useArbi(): Arbi {\n  const arbi = useContext(ArbiContext)\n  if (!arbi) {\n    throw new Error('useArbi() must be used within an <ArbiProvider>')\n  }\n  return arbi\n}\n","import { useEffect, useState } from 'react'\n\nexport interface AudioViewerProps {\n  blob: Blob\n  title: string\n}\n\n/** Renders an audio blob with the browser's native transport controls. */\nexport function AudioViewer({ blob, title }: AudioViewerProps) {\n  const [objectUrl, setObjectUrl] = useState<string>('')\n\n  useEffect(() => {\n    const url = URL.createObjectURL(blob)\n    setObjectUrl(url)\n    return () => URL.revokeObjectURL(url)\n  }, [blob])\n\n  if (!objectUrl) return null\n\n  return (\n    <div\n      className=\"h-full w-full flex items-center justify-center p-4 bg-muted/30\"\n      data-testid=\"audio-viewer\"\n    >\n      <audio src={objectUrl} controls title={title} className=\"w-full max-w-lg\" />\n    </div>\n  )\n}\n","import { useEffect, useState } from 'react'\n\nexport interface ImageViewerProps {\n  blob: Blob\n  alt: string\n}\n\n/** Renders an image blob, scaled to fit its container. */\nexport function ImageViewer({ blob, alt }: ImageViewerProps) {\n  const [objectUrl, setObjectUrl] = useState<string>('')\n\n  useEffect(() => {\n    const url = URL.createObjectURL(blob)\n    setObjectUrl(url)\n    return () => URL.revokeObjectURL(url)\n  }, [blob])\n\n  if (!objectUrl) return null\n\n  return (\n    <div\n      className=\"h-full w-full overflow-auto flex items-center justify-center p-4 bg-muted/30\"\n      data-testid=\"image-viewer\"\n    >\n      <img\n        src={objectUrl}\n        alt={alt}\n        className=\"max-w-full max-h-full object-contain rounded shadow-sm\"\n        data-testid=\"image-viewer-img\"\n      />\n    </div>\n  )\n}\n","import { useEffect, useState } from 'react'\n\nexport interface VideoViewerProps {\n  blob: Blob\n  title: string\n}\n\n/** Renders a video blob with the browser's native transport controls. */\nexport function VideoViewer({ blob, title }: VideoViewerProps) {\n  const [objectUrl, setObjectUrl] = useState<string>('')\n\n  useEffect(() => {\n    const url = URL.createObjectURL(blob)\n    setObjectUrl(url)\n    return () => URL.revokeObjectURL(url)\n  }, [blob])\n\n  if (!objectUrl) return null\n\n  return (\n    <div\n      className=\"h-full w-full overflow-auto flex items-center justify-center p-4 bg-muted/30\"\n      data-testid=\"video-viewer\"\n    >\n      <video\n        src={objectUrl}\n        controls\n        title={title}\n        className=\"max-w-full max-h-full rounded shadow-sm\"\n      />\n    </div>\n  )\n}\n"]}

package/dist/{chunk-5DV7FW6T.cjs → chunk-FIPS3VPH.cjs}

@@ -442,6 +442,86 @@ var TooltipContent = React2__namespace.forwardRef(
   }
 );
 TooltipContent.displayName = "TooltipContent";
+function IconToggle({
+  icon: Icon2,
+  isActive,
+  onToggle,
+  colors,
+  fillWhenActive = false,
+  disabled = false,
+  disabledTooltip,
+  showLabel = false,
+  label,
+  tooltipActive,
+  tooltipInactive,
+  tooltipMixed,
+  isMixed = false,
+  showTooltip = true,
+  "data-testid": dataTestId
+}) {
+  const handleClick = (e) => {
+    e.stopPropagation();
+    onToggle(!isActive);
+  };
+  const { bg: bgColorClass } = colors;
+  const tooltipText = disabled ? disabledTooltip : isMixed ? tooltipMixed : isActive ? tooltipActive : tooltipInactive;
+  const { text: textColorClass } = colors;
+  const button = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      disabled,
+      "data-testid": dataTestId,
+      "aria-pressed": isMixed ? "mixed" : isActive,
+      className: `
+          group/toggle relative inline-flex items-center h-4 w-8 rounded-full
+          transition-colors cursor-pointer
+          disabled:opacity-50 disabled:cursor-not-allowed
+          ${isActive ? bgColorClass : isMixed ? "bg-gray-400" : "bg-muted"}
+        `,
+      children: [
+        isActive && !disabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-0 w-4 h-4 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "w-2.5 h-2.5 text-white/70 hidden group-hover/toggle:block" }) }),
+        !isActive && !disabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-0 w-4 h-4 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "w-2.5 h-2.5 text-muted-foreground hidden group-hover/toggle:block" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: `
+            absolute h-4 w-4 rounded-full bg-white shadow-sm
+            flex items-center justify-center
+            transition-transform duration-200
+            ${isActive ? "translate-x-4" : "translate-x-0"}
+          `,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Icon2,
+              {
+                className: `w-2.5 h-2.5 ${isActive ? textColorClass : "text-muted-foreground"} ${isActive && fillWhenActive ? "fill-current" : ""}`
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-2", children: [
+    showLabel && label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-sm text-primary", children: label }),
+    tooltipText && showTooltip ? /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, onFocusCapture: (e) => e.stopPropagation(), children: button }),
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: tooltipText }) })
+    ] }) : button
+  ] });
+}
+var DictateContext = React2.createContext(null);
+function DictateProvider({
+  transcribe,
+  onError,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DictateContext.Provider, { value: { transcribe, onError }, children });
+}
+function useDictateContext() {
+  return React2.useContext(DictateContext);
+}
 var Avatar = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
@@ -617,21 +697,384 @@ var CardFooter = React2__namespace.forwardRef(
   )
 );
 CardFooter.displayName = "CardFooter";
+
+// src/documents/media-error.ts
+function classifyMediaError(err, kind) {
+  const label = kind === "camera" ? "Camera" : "Microphone";
+  const name = err instanceof DOMException ? err.name : void 0;
+  if (name === "NotAllowedError" || name === "SecurityError") {
+    return `${label} access is blocked. Allow ${kind} permission in your browser settings to use this feature.`;
+  }
+  if (name === "NotFoundError" || name === "DevicesNotFoundError") {
+    return `No ${kind} found on this device.`;
+  }
+  if (!navigator.mediaDevices?.getUserMedia) {
+    return `${kind === "camera" ? "Camera" : "Voice"} input is not supported in this browser.`;
+  }
+  return `Could not access the ${kind}. Please try again.`;
+}
+
+// src/documents/useAudioRecorder.ts
+var LEVEL_UPDATE_INTERVAL_MS = 50;
+function useAudioRecorder() {
+  const [state, setState] = React2.useState("idle");
+  const [level, setLevel] = React2.useState(0);
+  const [elapsedMs, setElapsedMs] = React2.useState(0);
+  const [blob, setBlob] = React2.useState(null);
+  const [mimeType, setMimeType] = React2.useState(null);
+  const [error, setError] = React2.useState(null);
+  const mediaRecorderRef = React2.useRef(null);
+  const chunksRef = React2.useRef([]);
+  const streamRef = React2.useRef(null);
+  const stateRef = React2.useRef("idle");
+  stateRef.current = state;
+  const segmentStartRef = React2.useRef(0);
+  const accumulatedMsRef = React2.useRef(0);
+  const audioContextRef = React2.useRef(null);
+  const analyserRef = React2.useRef(null);
+  const levelRafRef = React2.useRef(null);
+  const stopMeter = React2.useCallback(() => {
+    if (levelRafRef.current !== null) cancelAnimationFrame(levelRafRef.current);
+    levelRafRef.current = null;
+    analyserRef.current = null;
+    void audioContextRef.current?.close().catch(() => {
+    });
+    audioContextRef.current = null;
+  }, []);
+  const startMeter = React2.useCallback((stream) => {
+    const audioContext = new AudioContext();
+    const source = audioContext.createMediaStreamSource(stream);
+    const analyser = audioContext.createAnalyser();
+    analyser.fftSize = 256;
+    source.connect(analyser);
+    audioContextRef.current = audioContext;
+    analyserRef.current = analyser;
+    const data = new Uint8Array(analyser.frequencyBinCount);
+    let lastUpdate = 0;
+    const tick = (t) => {
+      const active = analyserRef.current;
+      if (!active) return;
+      if (t - lastUpdate >= LEVEL_UPDATE_INTERVAL_MS) {
+        lastUpdate = t;
+        active.getByteTimeDomainData(data);
+        let sumSquares = 0;
+        for (let i = 0; i < data.length; i++) {
+          const centered = (data[i] - 128) / 128;
+          sumSquares += centered * centered;
+        }
+        const rms = Math.sqrt(sumSquares / data.length);
+        setLevel(Math.sqrt(Math.min(1, rms * 8)));
+        setElapsedMs(accumulatedMsRef.current + (t - segmentStartRef.current));
+      }
+      levelRafRef.current = requestAnimationFrame(tick);
+    };
+    levelRafRef.current = requestAnimationFrame(tick);
+  }, []);
+  const stopTracks = React2.useCallback(() => {
+    streamRef.current?.getTracks().forEach((t) => t.stop());
+    streamRef.current = null;
+  }, []);
+  React2.useEffect(
+    () => () => {
+      stopTracks();
+      stopMeter();
+    },
+    [stopTracks, stopMeter]
+  );
+  const start = React2.useCallback(async () => {
+    if (stateRef.current === "recording" || stateRef.current === "paused") return;
+    setError(null);
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      streamRef.current = stream;
+      const mt = MediaRecorder.isTypeSupported("audio/webm") ? "audio/webm" : "audio/mp4";
+      const recorder = new MediaRecorder(stream, { mimeType: mt });
+      chunksRef.current = [];
+      recorder.ondataavailable = (e) => {
+        if (e.data.size > 0) chunksRef.current.push(e.data);
+      };
+      mediaRecorderRef.current = recorder;
+      setMimeType(mt);
+      setBlob(null);
+      accumulatedMsRef.current = 0;
+      segmentStartRef.current = performance.now();
+      recorder.start();
+      setState("recording");
+      startMeter(stream);
+    } catch (err) {
+      stopTracks();
+      setError(classifyMediaError(err, "microphone"));
+    }
+  }, [startMeter, stopTracks]);
+  const pause = React2.useCallback(() => {
+    const recorder = mediaRecorderRef.current;
+    if (!recorder || recorder.state !== "recording") return;
+    recorder.pause();
+    accumulatedMsRef.current += performance.now() - segmentStartRef.current;
+    stopMeter();
+    setLevel(0);
+    setState("paused");
+  }, [stopMeter]);
+  const resume = React2.useCallback(() => {
+    const recorder = mediaRecorderRef.current;
+    if (!recorder || recorder.state !== "paused") return;
+    recorder.resume();
+    segmentStartRef.current = performance.now();
+    setState("recording");
+    if (streamRef.current) startMeter(streamRef.current);
+  }, [startMeter]);
+  const stop = React2.useCallback(() => {
+    const recorder = mediaRecorderRef.current;
+    if (!recorder || recorder.state === "inactive") return;
+    const finalElapsed = recorder.state === "paused" ? accumulatedMsRef.current : accumulatedMsRef.current + (performance.now() - segmentStartRef.current);
+    stopMeter();
+    recorder.onstop = () => {
+      stopTracks();
+      const finalBlob = chunksRef.current.length ? new Blob(chunksRef.current, { type: recorder.mimeType }) : null;
+      setBlob(finalBlob);
+      setElapsedMs(finalElapsed);
+      setLevel(0);
+      setState("stopped");
+    };
+    recorder.stop();
+  }, [stopMeter, stopTracks]);
+  const reset = React2.useCallback(() => {
+    setState("idle");
+    setBlob(null);
+    setElapsedMs(0);
+    setLevel(0);
+    setMimeType(null);
+    setError(null);
+  }, []);
+  return { state, level, elapsedMs, blob, mimeType, error, start, pause, resume, stop, reset };
+}
+
+// src/documents/format-elapsed.ts
+function formatElapsed(ms) {
+  const totalSeconds = Math.max(0, Math.floor(ms / 1e3));
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return `${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
+}
+var BAR_WEIGHTS = [
+  0.25,
+  0.32,
+  0.48,
+  0.62,
+  0.82,
+  0.56,
+  0.92,
+  0.72,
+  1,
+  0.86,
+  0.62,
+  0.96,
+  0.76,
+  0.5,
+  0.84,
+  0.66,
+  0.42,
+  0.56,
+  0.36,
+  0.28,
+  0.22
+];
+var MIN_BAR_PX = 3;
+var MAX_BAR_PX = 40;
+function MicWaveformIndicator({
+  level,
+  elapsedMs,
+  paused = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-3", "data-testid": "mic-waveform-indicator", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex h-2 w-2", children: [
+        !paused && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-red-500 opacity-75" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: `relative inline-flex h-2 w-2 rounded-full ${paused ? "bg-muted-foreground" : "bg-red-500"}`
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: `text-xs font-semibold uppercase tracking-wide ${paused ? "text-muted-foreground" : "text-red-500"}`,
+          children: paused ? "Paused" : "Rec"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-xs tabular-nums text-muted-foreground", children: formatElapsed(elapsedMs) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 items-end gap-[3px]", "data-testid": "mic-waveform-indicator-bars", children: BAR_WEIGHTS.map((weight, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "w-1 rounded-full bg-secondary transition-[height] duration-75 ease-out",
+        style: {
+          height: Math.min(MAX_BAR_PX, Math.max(MIN_BAR_PX, level * weight * MAX_BAR_PX))
+        }
+      },
+      i
+    )) })
+  ] });
+}
+function MicRecordingOverlay({
+  level,
+  elapsedMs,
+  paused,
+  caption = "Keep button pressed while speaking"
+}) {
+  if (typeof document === "undefined") return null;
+  return reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "aria-hidden": true,
+        className: "pointer-events-none fixed inset-0 z-[2147483647] flex items-center justify-center",
+        "data-testid": "mic-recording-overlay",
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-72 flex-col items-center gap-3 rounded-2xl bg-background/95 px-6 py-5 shadow-2xl ring-1 ring-border backdrop-blur-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(MicWaveformIndicator, { level, elapsedMs, paused }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-sm font-medium text-muted-foreground", children: caption })
+        ] })
+      }
+    ),
+    document.body
+  );
+}
+var HOLD_THRESHOLD_MS = 350;
+function InlineMicButton({
+  focused,
+  onTranscript,
+  onError,
+  transcribe,
+  className
+}) {
+  const recorder = useAudioRecorder();
+  const [isTranscribing, setIsTranscribing] = React2.useState(false);
+  const [latched, setLatched] = React2.useState(false);
+  const pressedAtRef = React2.useRef(0);
+  React2.useEffect(() => {
+    if (recorder.error) onError?.(recorder.error);
+  }, [recorder.error]);
+  React2.useEffect(() => {
+    if (recorder.state !== "stopped" || !recorder.blob) return;
+    const blob = recorder.blob;
+    setIsTranscribing(true);
+    transcribe(blob).then((text) => {
+      if (text.trim()) onTranscript(text.trim());
+    }).catch((err) => {
+      onError?.(err instanceof Error ? err.message : "Could not transcribe audio.");
+    }).finally(() => {
+      setIsTranscribing(false);
+      setLatched(false);
+      recorder.reset();
+    });
+  }, [recorder.state, recorder.blob]);
+  const isRecording = recorder.state === "recording";
+  const isBusy = isTranscribing;
+  if (!focused && !isRecording && !isBusy) return null;
+  const handlePointerDown = (e) => {
+    e.preventDefault();
+    if (isRecording) return;
+    pressedAtRef.current = Date.now();
+    void recorder.start();
+  };
+  const handlePointerUp = () => {
+    if (!isRecording) return;
+    if (latched) {
+      recorder.stop();
+      setLatched(false);
+      return;
+    }
+    const held = Date.now() - pressedAtRef.current;
+    if (held >= HOLD_THRESHOLD_MS) {
+      recorder.stop();
+    } else {
+      setLatched(true);
+    }
+  };
+  const handlePointerLeave = () => {
+    if (isRecording && !latched) recorder.stop();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onPointerDown: handlePointerDown,
+        onPointerUp: handlePointerUp,
+        onPointerLeave: handlePointerLeave,
+        onPointerCancel: handlePointerLeave,
+        disabled: isBusy,
+        title: isRecording ? "Release to stop, or tap again if hands-free" : "Hold, or tap to dictate",
+        "data-testid": "inline-mic-button",
+        className: `inline-flex items-center justify-center rounded-full transition-colors disabled:pointer-events-none ${isRecording ? "h-7 w-7 bg-red-500 text-white shadow-sm hover:bg-red-600" : isBusy ? "h-6 w-6 text-muted-foreground" : "h-6 w-6 text-muted-foreground/50 hover:bg-muted hover:text-muted-foreground"} ${className ?? ""}`,
+        children: isBusy ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : isRecording ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { className: "h-3 w-3 fill-current" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mic, { className: "h-3.5 w-3.5" })
+      }
+    ),
+    isRecording && /* @__PURE__ */ jsxRuntime.jsx(
+      MicRecordingOverlay,
+      {
+        level: recorder.level,
+        elapsedMs: recorder.elapsedMs,
+        caption: latched ? "Tap the mic again to stop" : "Release to stop, or keep holding"
+      }
+    )
+  ] });
+}
 var Input = React2__namespace.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+  ({ className, type, dictate, onFocus, onBlur, ...props }, forwardedRef) => {
+    const dictateCtx = useDictateContext();
+    const [focused, setFocused] = React2__namespace.useState(false);
+    const innerRef = React2__namespace.useRef(null);
+    React2__namespace.useImperativeHandle(forwardedRef, () => innerRef.current);
+    const showDictate = dictate && !!dictateCtx && !props.disabled && !props.readOnly;
+    const input = /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
         type,
         "data-slot": "input",
         className: cn(
           "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground/60 focus-visible:outline-none focus-visible:border-ring/50 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          showDictate && "pr-9",
           className
         ),
-        ref,
+        ref: innerRef,
+        onFocus: (e) => {
+          setFocused(true);
+          onFocus?.(e);
+        },
+        onBlur: (e) => {
+          setFocused(false);
+          onBlur?.(e);
+        },
         ...props
       }
     );
+    if (!showDictate) return input;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full", children: [
+      input,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InlineMicButton,
+        {
+          focused,
+          transcribe: dictateCtx.transcribe,
+          onError: dictateCtx.onError,
+          className: "absolute right-1.5 top-1/2 -translate-y-1/2",
+          onTranscript: (text) => {
+            const el = innerRef.current;
+            if (!el) return;
+            const next = el.value ? `${el.value} ${text}` : text;
+            const setter = Object.getOwnPropertyDescriptor(
+              window.HTMLInputElement.prototype,
+              "value"
+            )?.set;
+            setter?.call(el, next);
+            el.dispatchEvent(new Event("input", { bubbles: true }));
+          }
+        }
+      )
+    ] });
   }
 );
 Input.displayName = "Input";
@@ -660,18 +1103,56 @@ var Separator = React2__namespace.forwardRef(({ className, orientation = "horizo
 ));
 Separator.displayName = SeparatorPrimitive__namespace.Root.displayName;
 var Textarea = React2__namespace.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+  ({ className, dictate, onFocus, onBlur, ...props }, forwardedRef) => {
+    const dictateCtx = useDictateContext();
+    const [focused, setFocused] = React2__namespace.useState(false);
+    const innerRef = React2__namespace.useRef(null);
+    React2__namespace.useImperativeHandle(forwardedRef, () => innerRef.current);
+    const showDictate = dictate && !!dictateCtx && !props.disabled && !props.readOnly;
+    const textarea = /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
       {
         className: cn(
           "flex min-h-[60px] w-full rounded-md border border-input bg-background px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground/60 focus-visible:outline-none focus-visible:border-ring/50 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          showDictate && "pr-9",
           className
         ),
-        ref,
+        ref: innerRef,
+        onFocus: (e) => {
+          setFocused(true);
+          onFocus?.(e);
+        },
+        onBlur: (e) => {
+          setFocused(false);
+          onBlur?.(e);
+        },
         ...props
       }
     );
+    if (!showDictate) return textarea;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full", children: [
+      textarea,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InlineMicButton,
+        {
+          focused,
+          transcribe: dictateCtx.transcribe,
+          onError: dictateCtx.onError,
+          className: "absolute right-1.5 top-1.5",
+          onTranscript: (text) => {
+            const el = innerRef.current;
+            if (!el) return;
+            const next = el.value ? `${el.value} ${text}` : text;
+            const setter = Object.getOwnPropertyDescriptor(
+              window.HTMLTextAreaElement.prototype,
+              "value"
+            )?.set;
+            setter?.call(el, next);
+            el.dispatchEvent(new Event("input", { bubbles: true }));
+          }
+        }
+      )
+    ] });
   }
 );
 Textarea.displayName = "Textarea";
@@ -1411,6 +1892,7 @@ exports.DialogOverlay = DialogOverlay;
 exports.DialogPortal = DialogPortal;
 exports.DialogTitle = DialogTitle;
 exports.DialogTrigger = DialogTrigger;
+exports.DictateProvider = DictateProvider;
 exports.DropdownMenu = DropdownMenu;
 exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
 exports.DropdownMenuContent = DropdownMenuContent;
@@ -1429,10 +1911,14 @@ exports.DropdownMenuTrigger = DropdownMenuTrigger;
 exports.HoverCard = HoverCard;
 exports.HoverCardContent = HoverCardContent;
 exports.HoverCardTrigger = HoverCardTrigger;
+exports.IconToggle = IconToggle;
+exports.InlineMicButton = InlineMicButton;
 exports.Input = Input;
 exports.Label = Label;
 exports.MarkdownRenderer = MarkdownRenderer;
 exports.MarkdownStreamingContext = MarkdownStreamingContext;
+exports.MicRecordingOverlay = MicRecordingOverlay;
+exports.MicWaveformIndicator = MicWaveformIndicator;
 exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverContent = PopoverContent;
@@ -1478,9 +1964,12 @@ exports.TooltipTrigger = TooltipTrigger;
 exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
 exports.cardVariants = cardVariants;
+exports.classifyMediaError = classifyMediaError;
 exports.cn = cn;
+exports.formatElapsed = formatElapsed;
 exports.markdownBaseComponents = markdownBaseComponents;
 exports.splitMarkdownBlocks = splitMarkdownBlocks;
 exports.toggleVariants = toggleVariants;
-//# sourceMappingURL=chunk-5DV7FW6T.cjs.map
-//# sourceMappingURL=chunk-5DV7FW6T.cjs.map
+exports.useAudioRecorder = useAudioRecorder;
+//# sourceMappingURL=chunk-FIPS3VPH.cjs.map
+//# sourceMappingURL=chunk-FIPS3VPH.cjs.map