@zythum02/fello-server 0.1.52 → 0.1.53

package/out/renderer/assets/{session-DAyi31xW.js → session-Bn5k9ScR.js}

@@ -1,22 +1,21 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./code-editor-SuOcN-5B.js","./index-BJPggXxf.js","./index-DGML4zYf.css","./mermaid-GHXKKRXX-KwA2c0l5.js","./code-editor-BwxubRqT.css"])))=>i.map(i=>d[i]);
-import { c as createLucideIcon, r as reactExports, aC as formatErrorMessage, bB as ReactStore, bC as popupStoreSelectors, bD as triggerHover, ap as triggerPress, bE as escapeKey, bF as attachPreventUnmountOnClose, bG as closePress, bH as PATIENT_CLICK_THRESHOLD, aw as reactDomExports, bI as focusOut, bJ as setPopupOpenState, bK as createInitialPopupStoreState, bL as createPopupFloatingRootContext, bM as Timeout, bN as PopupTriggerMap, j as jsxRuntimeExports, bO as FloatingTree, bP as usePopupRootSync, bQ as useImplicitActiveTrigger, bR as useOpenStateTransitions, an as createChangeEventDetails, bS as imperativeAction, bT as PopupHandleAttachment, bU as usePopupRootStore, bV as useDismiss, bW as usePopupInteractionProps, bX as usePopupHandleStore, aA as useBaseUiId, bY as useTriggerDataForwarding, bZ as useHoverReferenceInteraction, b_ as safePolygon, b$ as useClick, c0 as useOpenMethodTriggerProps, aF as useButton, c1 as useTriggerFocusGuards, ah as useRenderElement, c2 as CLICK_TRIGGER_IDENTIFIER, c3 as FocusGuard, ak as pressableTriggerOpenStateMapping, c4 as triggerOpenStateMapping, c5 as FloatingPortal, c6 as POPUP_COLLISION_AVOIDANCE, c7 as useFloatingNodeId, aI as useAnimationsFinished, c8 as useAnchorPositioning, aJ as useIsoLayoutEffect, c9 as useAnchoredPopupScrollLock, ca as usePositioner, cb as InternalBackdrop, cc as inertValue, cd as FloatingNode, aB as useStableCallback, ce as useToolbarRootContext, aK as useOpenChangeComplete, cf as useHoverFloatingInteraction, cg as createDefaultInitialFocus, ch as FOCUSABLE_POPUP_PROPS, bl as COMPOSITE_KEYS, ci as getDisabledMountTransitionStyles, cj as FloatingFocusManager, ck as isHTMLElement, cl as popupTransitionStateMapping, u as useTranslation, b as useMessage, Q as useNavigate, a as useAppStore, V as Badge, cm as formatUpdatedTime, f as request, K as electron, a6 as ALL_FEATURES, a7 as FEATURE_I18N_KEYS, F as cn$1, d as Switch, B as Button, H as LoaderCircle, cn as buttonVariants, i as isWebUI, J as FolderOpen, C as Check, e as Copy, g as extractErrorMessage, aU as reduceFlushStreaming, aT as reduceSessionNotification, h as copyText, av as React, co as Tooltip, cp as TooltipTrigger, cq as TooltipContent, S as ScrollArea, a0 as Bot, cr as formatDuration, ax as getDefaultExportFromCjs, cs as ReactDOM, ct as v$2, A as generateUUID, cu as HoverCard, cv as HoverCardTrigger, cw as HoverCardContent, cx as X$1, aW as Folder, L as Library, v as DropdownMenu, w as DropdownMenuTrigger, cy as ChevronDown, x as DropdownMenuContent, y as DropdownMenuItem, cz as DropdownMenuSub, cA as DropdownMenuSubTrigger, cB as DropdownMenuSubContent, cC as CircleQuestionMark, cD as ChevronUp, aV as Clock, aP as Tabs, aQ as TabsList, aR as TabsTrigger, cE as z$1, X as CircleCheck, cF as __vitePreload, I as Input, cG as Code, bv as EDITOR_LABELS, aS as webUIBaseUrl, R as subscribe, a5 as ChevronRight, cH as MessageSquare, cI as FolderPlus, P as Pencil, T as Trash2, cJ as useProjectState, cK as clientId, cL as TabsContent } from "./index-BJPggXxf.js";
-import { S as Settings2 } from "./settings-2-DTnwbGMG.js";
-import { i as isValidMessageToDisplay, M as MessageBubble, A as ArrowUpToLine, S as Square, j as jsonToPrettyYamlExports, p as parseFileReference, c as CodeCompareView, r as resolveFileUrl, I as ImageView, P as PdfView, D as DocxView, a as PptxView, X as XlsxView, R as RotateCcw, F as Folders } from "./xlsx-view-Ca3bToM7.js";
-import { I as Image, W as Wrench } from "./wrench-C-pOIUrz.js";
-import { F as FileText } from "./file-text-CshHuHgW.js";
-import { C as Clipboard } from "./clipboard-xI9lExaB.js";
-import { A as ArrowLeft } from "./arrow-left-D589pHHA.js";
-import { aQ as CodeView, S as StreamMarkdown, aR as FileIcon } from "./mermaid-GHXKKRXX-KwA2c0l5.js";
-import { b as ContextMenuContent, c as ContextMenuItem, d as ContextMenuSeparator, C as ContextMenu, a as ContextMenuTrigger } from "./context-menu-BO9-4FYd.js";
-import { S as Search } from "./search-BHyqy--Q.js";
-import { E as ExternalLink } from "./link-2-C5KPDK2L.js";
-import { R as RefreshCw } from "./refresh-cw-CYW3HR-E.js";
-import { P as Plus } from "./plus-CsV_3veW.js";
-import { R as ResizablePanelGroup, a as ResizablePanel, b as ResizableHandle } from "./resizable-C_plViAK.js";
-import "./collapsible-Bd85ZCyx.js";
-import "./item-Cv-tnX8b.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./code-editor-CEXlC4aV.js","./index-LmYTNvdF.js","./index-aGJ_yZib.css","./mermaid-GHXKKRXX-CZqkhGx7.js","./code-editor-BwxubRqT.css"])))=>i.map(i=>d[i]);
+import { h as createLucideIcon, r as reactExports, am as formatErrorMessage, bq as ReactStore, br as popupStoreSelectors, bs as triggerHover, al as triggerPress, bt as escapeKey, bu as attachPreventUnmountOnClose, bv as closePress, bw as PATIENT_CLICK_THRESHOLD, ae as reactDomExports, bx as focusOut, by as setPopupOpenState, bz as createInitialPopupStoreState, bA as createPopupFloatingRootContext, bB as Timeout, bC as PopupTriggerMap, j as jsxRuntimeExports, bD as FloatingTree, bE as usePopupRootSync, bF as useImplicitActiveTrigger, bG as useOpenStateTransitions, ak as createChangeEventDetails, bH as imperativeAction, bI as PopupHandleAttachment, bJ as usePopupRootStore, bK as useDismiss, bL as usePopupInteractionProps, bM as usePopupHandleStore, ai as useBaseUiId, bN as useTriggerDataForwarding, bO as useHoverReferenceInteraction, bP as safePolygon, bQ as useClick, bR as useOpenMethodTriggerProps, aq as useButton, bS as useTriggerFocusGuards, ap as useRenderElement, bT as CLICK_TRIGGER_IDENTIFIER, bU as FocusGuard, bV as pressableTriggerOpenStateMapping, bW as triggerOpenStateMapping, bX as FloatingPortal, bY as POPUP_COLLISION_AVOIDANCE, bZ as useFloatingNodeId, at as useAnimationsFinished, b_ as useAnchorPositioning, au as useIsoLayoutEffect, b$ as useAnchoredPopupScrollLock, c0 as usePositioner, c1 as InternalBackdrop, c2 as inertValue, c3 as FloatingNode, aj as useStableCallback, c4 as useToolbarRootContext, av as useOpenChangeComplete, c5 as useHoverFloatingInteraction, c6 as createDefaultInitialFocus, c7 as FOCUSABLE_POPUP_PROPS, ba as COMPOSITE_KEYS, c8 as getDisabledMountTransitionStyles, c9 as FloatingFocusManager, ca as isHTMLElement, cb as popupTransitionStateMapping, u as useTranslation, b as useMessage, X as useNavigate, a as useAppStore, _ as Badge, cc as formatUpdatedTime, e as request, V as electron, ab as ALL_FEATURES, ac as FEATURE_I18N_KEYS, M as cn$1, c as Switch, B as Button, R as LoaderCircle, cd as buttonVariants, i as isWebUI, U as FolderOpen, C as Check, d as Copy, f as extractErrorMessage, aG as reduceFlushStreaming, aF as reduceSessionNotification, g as copyText, ad as React, ce as Tooltip, cf as TooltipTrigger, cg as TooltipContent, S as ScrollArea, a5 as Bot, ch as formatDuration, af as getDefaultExportFromCjs, ci as ReactDOM, Y as subscribe, cj as clientId, A as DropdownMenu, E as DropdownMenuTrigger, ck as ChevronDown, F as DropdownMenuContent, G as DropdownMenuItem, cl as v$2, J as generateUUID, cm as HoverCard, cn as HoverCardTrigger, co as HoverCardContent, cp as X$1, aI as Folder, L as Library, cq as DropdownMenuSub, cr as DropdownMenuSubTrigger, cs as DropdownMenuSubContent, ct as CircleQuestionMark, cu as ChevronUp, aH as Clock, aB as Tabs, aC as TabsList, aD as TabsTrigger, cv as z$1, a0 as CircleCheck, cw as __vitePreload, I as Input, m as ContextMenuContent, n as ContextMenuItem, o as ContextMenuSeparator, cx as Code, bk as EDITOR_LABELS, k as ContextMenu, l as ContextMenuTrigger, aE as webUIBaseUrl, aa as ChevronRight, cy as MessageSquare, cz as FolderPlus, P as Pencil, T as Trash2, cA as useProjectState, cB as TabsContent } from "./index-LmYTNvdF.js";
+import { S as Settings2 } from "./settings-2-DRhoXOO8.js";
+import { i as isValidMessageToDisplay, M as MessageBubble, A as ArrowUpToLine, S as Square, j as jsonToPrettyYamlExports, p as parseFileReference, c as CodeCompareView, r as resolveFileUrl, I as ImageView, P as PdfView, D as DocxView, a as PptxView, X as XlsxView, R as RotateCcw, F as Folders } from "./xlsx-view-Bv0YhA5m.js";
+import { M as Mic, C as Clipboard } from "./mic-BgSvicCB.js";
+import { I as Image, W as Wrench } from "./wrench-7r-g9MUq.js";
+import { F as FileText } from "./file-text-nGCW6zu1.js";
+import { A as ArrowLeft } from "./arrow-left-CxS1t3f7.js";
+import { aQ as CodeView, S as StreamMarkdown, aR as FileIcon } from "./mermaid-GHXKKRXX-CZqkhGx7.js";
+import { S as Search } from "./search-BEY9yGF_.js";
+import { E as ExternalLink } from "./link-2-DHUPzNSt.js";
+import { R as RefreshCw } from "./refresh-cw-Bvm578nW.js";
+import { P as Plus } from "./plus-YNCXW-GD.js";
+import { R as ResizablePanelGroup, a as ResizablePanel, b as ResizableHandle } from "./resizable-cStzNJ8V.js";
+import "./collapsible-CMuCJUWG.js";
+import "./item-BHEUMM9H.js";
 import "./schemas-c0X-G5_P.js";
-import "./ellipsis-BafkhboM.js";
+import "./ellipsis-D1agTYu1.js";
 const __iconNode$k = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
@@ -922,20 +921,34 @@ function ChatHeader({ session }) {
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { className: "flex size-7 items-center justify-center rounded-md text-sidebar-foreground/45 hover:bg-sidebar-accent/30 hover:text-sidebar-foreground/70 outline-none transition-colors data-pressed:bg-sidebar-accent/40", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Settings2, { className: "size-4" }) }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverPositioner, { side: "bottom", align: "end", sideOffset: 4, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(PopoverPopup, { className: "z-10 min-w-96 rounded-lg border border-border bg-popover text-popover-foreground shadow-lg outline-none p-1.5 origin-(--transform-origin) data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0 transition-[transform,opacity] duration-100", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2 py-1.5 space-y-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    CopyableRow,
-                    {
-                      label: t("chatHeader.sessionId", "Session"),
-                      value: session.id,
-                      openFolderTitle: t("chatHeader.openSessionFolder", "Open Session Folder"),
-                      onOpenFolder: async () => {
-                        const dirPath = await request.getSessionDataSystemPath({
-                          sessionId: session.id
-                        });
-                        if (dirPath) electron.revealInFinder(dirPath);
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1 py-1", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      CopyableRow,
+                      {
+                        label: t("chatHeader.sessionId", "Session"),
+                        value: session.id,
+                        openFolderTitle: t("chatHeader.openSessionFolder", "Open Session Folder"),
+                        onOpenFolder: async () => {
+                          const dirPath = await request.getSessionDataSystemPath({
+                            sessionId: session.id
+                          });
+                          if (dirPath) electron.revealInFinder(dirPath);
+                        }
                       }
-                    }
-                  ) }),
+                    ) }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      CopyableRow,
+                      {
+                        label: t("chatHeader.projectId", "Project"),
+                        value: currentProjectInfo?.cwd ?? session.projectTitle,
+                        openFolderTitle: t("chatHeader.openProjectFolder", "Open Project Folder"),
+                        onOpenFolder: async () => {
+                          const dirPath = currentProjectInfo?.cwd;
+                          if (dirPath) electron.revealInFinder(dirPath);
+                        }
+                      }
+                    ) })
+                  ] }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t border-border/50 my-1" }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2 py-1 text-xs font-semibold text-foreground/80", children: t("constant.feature.title", "Features") }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: ALL_FEATURES.length >= 2 ? "grid grid-cols-2 gap-0.5" : "", children: ALL_FEATURES.map((feature) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -4314,6 +4327,539 @@ function nodesToMentionText(nodes) {
     return `@[${prefix}${n.name}](${n.id})`;
   }).join(" ");
 }
+const TARGET_SAMPLE_RATE = 16e3;
+const FRAME_SAMPLES = 320;
+const workletSource = `
+class FelloPcmProcessor extends AudioWorkletProcessor {
+  constructor() {
+    super();
+    this.buffer = [];
+    this.position = 0;
+    this.output = [];
+    this.ratio = sampleRate / ${TARGET_SAMPLE_RATE};
+  }
+  process(inputs, outputs) {
+    const input = inputs[0] && inputs[0][0];
+    if (input) {
+      for (let i = 0; i < input.length; i++) this.buffer.push(input[i]);
+      while (this.position + 1 < this.buffer.length) {
+        const index = Math.floor(this.position);
+        const fraction = this.position - index;
+        const sample = this.buffer[index] * (1 - fraction) + this.buffer[index + 1] * fraction;
+        const clamped = Math.max(-1, Math.min(1, sample));
+        this.output.push(clamped < 0 ? clamped * 32768 : clamped * 32767);
+        this.position += this.ratio;
+        if (this.output.length >= ${FRAME_SAMPLES}) {
+          const pcm = new Int16Array(${FRAME_SAMPLES});
+          for (let i = 0; i < ${FRAME_SAMPLES}; i++) pcm[i] = this.output[i];
+          this.output = this.output.slice(${FRAME_SAMPLES});
+          this.port.postMessage(pcm.buffer, [pcm.buffer]);
+        }
+      }
+      const remove = Math.max(0, Math.floor(this.position));
+      if (remove > 0) {
+        this.buffer = this.buffer.slice(remove);
+        this.position -= remove;
+      }
+    }
+    const output = outputs[0] && outputs[0][0];
+    if (output) output.fill(0);
+    return true;
+  }
+}
+registerProcessor("fello-pcm-processor", FelloPcmProcessor);
+`;
+function arrayBufferToBase64(buffer) {
+  const bytes = new Uint8Array(buffer);
+  let binary = "";
+  const chunkSize = 32768;
+  for (let offset = 0; offset < bytes.length; offset += chunkSize) {
+    binary += String.fromCharCode(...bytes.subarray(offset, offset + chunkSize));
+  }
+  return btoa(binary);
+}
+function errorMessage(error) {
+  return error instanceof Error ? error.message : String(error);
+}
+function useRealtimeAsr(options) {
+  const { onTranscript, onError, onRecordingChange } = options;
+  const configured = useAppStore((state) => state.speechToText.some((provider) => provider.active));
+  const [recording, setRecording] = reactExports.useState(false);
+  const [audioLevel, setAudioLevel] = reactExports.useState(0);
+  const [inputDevices, setInputDevices] = reactExports.useState([]);
+  const asrSessionIdRef = reactExports.useRef(null);
+  const streamRef = reactExports.useRef(null);
+  const audioContextRef = reactExports.useRef(null);
+  const sourceRef = reactExports.useRef(null);
+  const nodeRef = reactExports.useRef(null);
+  const stoppedRef = reactExports.useRef(false);
+  const stoppingRef = reactExports.useRef(false);
+  const recordingRef = reactExports.useRef(false);
+  const audioLevelValueRef = reactExports.useRef(0);
+  const audioLevelFrameRef = reactExports.useRef(null);
+  const stopRef = reactExports.useRef(async () => {
+  });
+  const callbacksRef = reactExports.useRef({ onTranscript, onError, onRecordingChange });
+  callbacksRef.current = { onTranscript, onError, onRecordingChange };
+  const setRecordingState = reactExports.useCallback((value) => {
+    recordingRef.current = value;
+    setRecording(value);
+    callbacksRef.current.onRecordingChange?.(value);
+  }, []);
+  reactExports.useEffect(() => {
+    const handleTranscript = (event) => {
+      if (event.clientId !== clientId || event.asrSessionId !== asrSessionIdRef.current) return;
+      callbacksRef.current.onTranscript?.({
+        text: event.text,
+        isFinal: event.isFinal,
+        id: event.id,
+        index: event.index
+      });
+    };
+    const handleError = (event) => {
+      if (event.clientId !== clientId || event.asrSessionId !== asrSessionIdRef.current) return;
+      callbacksRef.current.onError?.(event.message);
+    };
+    const handleClosed = (event) => {
+      if (event.clientId !== clientId || event.asrSessionId !== asrSessionIdRef.current) return;
+      if (recordingRef.current && !stoppingRef.current) {
+        callbacksRef.current.onError?.("实时语音识别连接已关闭。");
+        void stopRef.current();
+      }
+    };
+    subscribe.on("asr-transcript", handleTranscript);
+    subscribe.on("asr-error", handleError);
+    subscribe.on("asr-closed", handleClosed);
+    return () => {
+      subscribe.off("asr-transcript", handleTranscript);
+      subscribe.off("asr-error", handleError);
+      subscribe.off("asr-closed", handleClosed);
+    };
+  }, [setRecordingState]);
+  const updateAudioLevel = reactExports.useCallback((buffer) => {
+    const samples = new Int16Array(buffer);
+    if (samples.length === 0) return;
+    let sumSquares = 0;
+    for (const sample of samples) {
+      const normalized = sample / 32768;
+      sumSquares += normalized * normalized;
+    }
+    const rms = Math.sqrt(sumSquares / samples.length);
+    audioLevelValueRef.current = Math.min(1, rms * 4);
+    if (audioLevelFrameRef.current !== null) return;
+    audioLevelFrameRef.current = requestAnimationFrame(() => {
+      audioLevelFrameRef.current = null;
+      setAudioLevel(audioLevelValueRef.current);
+    });
+  }, []);
+  const cleanupAudio = reactExports.useCallback(async () => {
+    if (audioLevelFrameRef.current !== null) {
+      cancelAnimationFrame(audioLevelFrameRef.current);
+      audioLevelFrameRef.current = null;
+    }
+    audioLevelValueRef.current = 0;
+    setAudioLevel(0);
+    nodeRef.current?.disconnect();
+    sourceRef.current?.disconnect();
+    streamRef.current?.getTracks().forEach((track) => track.stop());
+    streamRef.current = null;
+    nodeRef.current = null;
+    sourceRef.current = null;
+    const context = audioContextRef.current;
+    audioContextRef.current = null;
+    await context?.close().catch(() => void 0);
+  }, []);
+  const refreshInputDevices = reactExports.useCallback(async () => {
+    if (!navigator.mediaDevices?.enumerateDevices) return [];
+    try {
+      let devices = await navigator.mediaDevices.enumerateDevices();
+      if (devices.length > 0 && devices.every((device) => !device.label)) {
+        try {
+          const permissionStream = await navigator.mediaDevices.getUserMedia({ audio: true });
+          permissionStream.getTracks().forEach((track) => track.stop());
+          devices = await navigator.mediaDevices.enumerateDevices();
+        } catch {
+        }
+      }
+      const audioInputs = devices.filter((device) => device.kind === "audioinput").map((device, index) => ({
+        deviceId: device.deviceId,
+        label: device.label || `Microphone ${index + 1}`
+      }));
+      setInputDevices(audioInputs);
+      return audioInputs;
+    } catch (error) {
+      callbacksRef.current.onError?.(errorMessage(error));
+      return [];
+    }
+  }, []);
+  const start = reactExports.useCallback(
+    async (deviceId = "default") => {
+      if (recordingRef.current || !configured) return;
+      const asrSessionId = `asr_${Date.now()}_${Math.random().toString(36).slice(2)}`;
+      asrSessionIdRef.current = asrSessionId;
+      stoppedRef.current = false;
+      stoppingRef.current = false;
+      try {
+        const stream = await navigator.mediaDevices.getUserMedia({
+          audio: {
+            channelCount: 1,
+            echoCancellation: true,
+            noiseSuppression: true,
+            ...deviceId !== "default" ? { deviceId: { exact: deviceId } } : {}
+          }
+        });
+        streamRef.current = stream;
+        const audioContext = new AudioContext();
+        audioContextRef.current = audioContext;
+        await audioContext.resume();
+        const workletUrl = URL.createObjectURL(
+          new Blob([workletSource], { type: "application/javascript" })
+        );
+        try {
+          await audioContext.audioWorklet.addModule(workletUrl);
+        } finally {
+          URL.revokeObjectURL(workletUrl);
+        }
+        const source = audioContext.createMediaStreamSource(stream);
+        const node = new AudioWorkletNode(audioContext, "fello-pcm-processor");
+        const silentGain = audioContext.createGain();
+        silentGain.gain.value = 0;
+        node.port.onmessage = (message) => {
+          if (stoppedRef.current || asrSessionIdRef.current !== asrSessionId) return;
+          updateAudioLevel(message.data);
+          void request.sendRealtimeAsrFrame({
+            clientId,
+            asrSessionId,
+            audioB64: arrayBufferToBase64(message.data)
+          }).catch((error) => callbacksRef.current.onError?.(errorMessage(error)));
+        };
+        sourceRef.current = source;
+        nodeRef.current = node;
+        await request.startRealtimeAsr({ clientId, asrSessionId });
+        source.connect(node);
+        node.connect(silentGain);
+        silentGain.connect(audioContext.destination);
+        setRecordingState(true);
+      } catch (error) {
+        await cleanupAudio();
+        await request.stopRealtimeAsr({ clientId, asrSessionId }).catch(() => void 0);
+        asrSessionIdRef.current = null;
+        callbacksRef.current.onError?.(errorMessage(error));
+        setRecordingState(false);
+      }
+    },
+    [cleanupAudio, configured, setRecordingState, updateAudioLevel]
+  );
+  const stop = reactExports.useCallback(async () => {
+    const asrSessionId = asrSessionIdRef.current;
+    if (!asrSessionId) return;
+    stoppedRef.current = true;
+    stoppingRef.current = true;
+    await cleanupAudio();
+    await request.stopRealtimeAsr({ clientId, asrSessionId }).catch((error) => {
+      callbacksRef.current.onError?.(errorMessage(error));
+    });
+    asrSessionIdRef.current = null;
+    stoppingRef.current = false;
+    setRecordingState(false);
+  }, [cleanupAudio, setRecordingState]);
+  stopRef.current = stop;
+  reactExports.useEffect(() => {
+    return () => {
+      stoppedRef.current = true;
+      void stopRef.current();
+    };
+  }, []);
+  const toggle = reactExports.useCallback(() => {
+    void (recordingRef.current ? stop() : start());
+  }, [start, stop]);
+  return {
+    recording,
+    audioLevel,
+    configured,
+    inputDevices,
+    refreshInputDevices,
+    start,
+    stop,
+    toggle
+  };
+}
+const ASR_WAVEFORM_BARS = [0.35, 0.65, 0.95, 0.55, 0.8, 0.45, 0.9, 0.6, 0.38];
+const DEFAULT_MAX_DURATION = 5 * 60 * 1e3;
+const VOICE_INPUT_DEVICE_STORAGE_KEY = "fello.voice-input.device-id";
+function getInputCursor(input) {
+  return input.selectionStart ?? input.value.length;
+}
+function VoiceInputButton({
+  inputRef,
+  disabled = false,
+  className,
+  maxDuration = DEFAULT_MAX_DURATION,
+  ref
+}) {
+  const { t } = useTranslation();
+  const { toast } = useMessage();
+  const asrApplyingRef = reactExports.useRef(false);
+  const asrSegmentsRef = reactExports.useRef(/* @__PURE__ */ new Map());
+  const asrTailRef = reactExports.useRef(0);
+  const asrCurrentKeyRef = reactExports.useRef(null);
+  const asrSequenceRef = reactExports.useRef(0);
+  const freezeAsrSegments = reactExports.useCallback(() => {
+    asrSegmentsRef.current.clear();
+    asrCurrentKeyRef.current = null;
+    const textarea = inputRef.current;
+    if (textarea) asrTailRef.current = getInputCursor(textarea);
+  }, [inputRef]);
+  const applyAsrTranscript = reactExports.useCallback(
+    (transcript) => {
+      const textarea = inputRef.current;
+      if (!textarea) return;
+      const key = transcript.id ? `id:${transcript.id}` : transcript.index !== void 0 ? `index:${transcript.index}` : asrCurrentKeyRef.current ?? `stream:${asrSequenceRef.current++}`;
+      let segment = asrSegmentsRef.current.get(key);
+      if (!segment) {
+        segment = { start: asrTailRef.current, length: 0 };
+        asrSegmentsRef.current.set(key, segment);
+        asrCurrentKeyRef.current = key;
+      }
+      textarea.focus();
+      textarea.setSelectionRange(segment.start, segment.start + segment.length);
+      asrApplyingRef.current = true;
+      try {
+        document.execCommand("insertText", false, transcript.text);
+      } finally {
+        asrApplyingRef.current = false;
+      }
+      textarea.ownerDocument.dispatchEvent(new Event("selectionchange"));
+      segment.length = transcript.text.length;
+      asrTailRef.current = segment.start + segment.length;
+      if (transcript.isFinal) {
+        asrSegmentsRef.current.delete(key);
+        asrCurrentKeyRef.current = null;
+      }
+    },
+    [inputRef]
+  );
+  const asr = useRealtimeAsr({
+    onTranscript: applyAsrTranscript,
+    onError: (message) => toast.error(message),
+    onRecordingChange: (recording) => {
+      if (!recording) freezeAsrSegments();
+    }
+  });
+  const { start: startAsr, stop: stopAsr, refreshInputDevices } = asr;
+  const handleStop = reactExports.useCallback(async () => {
+    await stopAsr();
+  }, [stopAsr]);
+  reactExports.useImperativeHandle(
+    ref,
+    () => ({
+      stop: handleStop
+    }),
+    [handleStop]
+  );
+  const handleStart = reactExports.useCallback(
+    async (deviceId) => {
+      const textarea = inputRef.current;
+      if (!textarea) return;
+      textarea.focus();
+      const cursorPosition = getInputCursor(textarea);
+      const before = textarea.value.slice(0, cursorPosition);
+      if (before.length > 0 && !/\s$/.test(before)) {
+        asrApplyingRef.current = true;
+        try {
+          document.execCommand("insertText", false, " ");
+        } finally {
+          asrApplyingRef.current = false;
+        }
+      }
+      asrSegmentsRef.current.clear();
+      asrCurrentKeyRef.current = null;
+      asrTailRef.current = getInputCursor(textarea);
+      await startAsr(deviceId);
+    },
+    [startAsr, inputRef]
+  );
+  const [savedDeviceId, setSavedDeviceId] = reactExports.useState(() => {
+    try {
+      return localStorage.getItem(VOICE_INPUT_DEVICE_STORAGE_KEY);
+    } catch {
+      return null;
+    }
+  });
+  const [deviceMenuOpen, setDeviceMenuOpen] = reactExports.useState(false);
+  const rememberDevice = reactExports.useCallback((deviceId) => {
+    setSavedDeviceId(deviceId);
+    try {
+      localStorage.setItem(VOICE_INPUT_DEVICE_STORAGE_KEY, deviceId);
+    } catch {
+    }
+  }, []);
+  const handleSelectDevice = reactExports.useCallback(
+    (deviceId) => {
+      rememberDevice(deviceId);
+      setDeviceMenuOpen(false);
+    },
+    [rememberDevice]
+  );
+  const handleMicClick = reactExports.useCallback(async () => {
+    const devices = await refreshInputDevices();
+    const hasSavedDevice = savedDeviceId != null && devices.some((device) => device.deviceId === savedDeviceId);
+    if (hasSavedDevice) {
+      await handleStart(savedDeviceId);
+    } else {
+      setDeviceMenuOpen(true);
+    }
+  }, [refreshInputDevices, handleStart, savedDeviceId]);
+  const handleDeviceMenuChange = reactExports.useCallback(
+    (open) => {
+      setDeviceMenuOpen(open);
+      if (open) void refreshInputDevices();
+    },
+    [refreshInputDevices]
+  );
+  reactExports.useEffect(() => {
+    const textarea = inputRef.current;
+    if (!textarea) return;
+    const handleInput = () => {
+      if (!asrApplyingRef.current && asr.recording) freezeAsrSegments();
+    };
+    textarea.addEventListener("input", handleInput);
+    return () => textarea.removeEventListener("input", handleInput);
+  }, [asr.recording, freezeAsrSegments, inputRef]);
+  reactExports.useEffect(() => {
+    if (disabled && asr.recording) void handleStop();
+  }, [asr.recording, disabled, handleStop]);
+  reactExports.useEffect(() => {
+    if (!asr.recording || maxDuration <= 0 || !Number.isFinite(maxDuration)) return;
+    const timer = setTimeout(() => void handleStop(), maxDuration);
+    return () => clearTimeout(timer);
+  }, [asr.recording, handleStop, maxDuration]);
+  if (!asr.configured) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cn$1(
+        "relative inline-flex h-7 transition-[width] duration-300 ease-out",
+        asr.recording ? "w-18" : "w-12.5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: cn$1(
+              "absolute inset-0 transition-[opacity,transform,visibility] duration-300 ease-out",
+              asr.recording ? "visible scale-100 opacity-100" : "pointer-events-none invisible scale-90 opacity-0"
+            ),
+            "aria-hidden": !asr.recording,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Button,
+              {
+                variant: "default",
+                size: "sm",
+                className: "h-full w-full rounded-lg bg-muted hover:bg-input border border-input text-amber-300/50 hover:text-amber-200",
+                onClick: () => void handleStop(),
+                "aria-label": t("chatInput.stopVoiceInput", "Stop voice input"),
+                "aria-pressed": "true",
+                title: t("chatInput.stopVoiceInput", "Stop voice input"),
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Mic, { className: "size-3.5 shrink-0 animate-pulse" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "span",
+                    {
+                      className: "flex h-4 flex-1 items-center justify-center gap-0.5 overflow-hidden",
+                      "aria-hidden": "true",
+                      children: ASR_WAVEFORM_BARS.map((scale, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "span",
+                        {
+                          className: "border-l rounded-full bg-amber-300 transition-[height] duration-75",
+                          style: {
+                            height: `${Math.max(2, Math.round(2 + asr.audioLevel * 16 * scale))}px`
+                          }
+                        },
+                        index
+                      ))
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: cn$1(
+              "absolute inset-0 transition-[opacity,transform,visibility] duration-300 ease-out",
+              asr.recording ? "pointer-events-none invisible scale-90 opacity-0" : "visible scale-100 opacity-100"
+            ),
+            "aria-hidden": asr.recording,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { open: deviceMenuOpen, onOpenChange: handleDeviceMenuChange, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full items-stretch", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Button,
+                  {
+                    size: "sm",
+                    className: "h-full w-8 rounded-r-none border-r-0 bg-muted hover:bg-input border border-input text-amber-300/50 hover:text-amber-200",
+                    onClick: () => void handleMicClick(),
+                    disabled: disabled || !asr.configured,
+                    "aria-label": t("chatInput.voiceInput", "Voice input"),
+                    title: asr.configured ? t("chatInput.voiceInput", "Voice input") : t("chatInput.voiceInputNotConfigured", "Configure voice input in Settings"),
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Mic, { className: "size-3.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  DropdownMenuTrigger,
+                  {
+                    render: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Button,
+                      {
+                        size: "icon",
+                        className: "h-full w-4.5 rounded-l-none bg-muted hover:bg-input border border-input border-l-0 px-0 text-amber-300/50 hover:text-amber-200",
+                        disabled: disabled || !asr.configured,
+                        "aria-label": t("chatInput.selectVoiceInputDevice", "Select microphone"),
+                        title: t("chatInput.selectVoiceInputDevice", "Select microphone")
+                      }
+                    ),
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                DropdownMenuContent,
+                {
+                  side: "top",
+                  align: "center",
+                  className: "w-auto! max-w-72 min-w-(--anchor-width)",
+                  children: asr.inputDevices.length > 0 ? asr.inputDevices.map((device) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    DropdownMenuItem,
+                    {
+                      onClick: () => handleSelectDevice(device.deviceId),
+                      className: "gap-2",
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          Check,
+                          {
+                            className: cn$1(
+                              "size-3 shrink-0",
+                              device.deviceId === savedDeviceId ? "opacity-100" : "opacity-0"
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-w-0 flex-col gap-0.5 pr-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: device.label }) })
+                      ]
+                    },
+                    device.deviceId
+                  )) : /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { disabled: true, children: t("chatInput.noAudioInputDevices", "No audio input devices found") })
+                }
+              )
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
 function readFileAsBase64(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -4447,10 +4993,9 @@ function ChatInput({ session }) {
   const promptCapabilities = initializeInfo?.agentCapabilities?.promptCapabilities;
   const supportsImage = promptCapabilities?.image ?? false;
   const supportsEmbedded = promptCapabilities?.embeddedContext ?? false;
-  const getTextarea = reactExports.useCallback(
-    () => containerRef.current?.querySelector("textarea"),
-    []
-  );
+  const textareaRef = reactExports.useRef(null);
+  const voiceInputRef = reactExports.useRef(null);
+  const getTextarea = reactExports.useCallback(() => textareaRef.current, []);
   const insertTriggerChar = reactExports.useCallback(
     (char) => {
       const textarea = getTextarea();
@@ -4617,6 +5162,7 @@ function ChatInput({ session }) {
     [localInput, availableCommands]
   );
   const handleSubmit = reactExports.useCallback(async () => {
+    await voiceInputRef.current?.stop();
     v$2();
     const state = useAppStore.getState().getSessionState(session.id);
     const currentAttachments = state.draftAttachments;
@@ -4911,7 +5457,10 @@ function ChatInput({ session }) {
               MentionsInput$1,
               {
                 value: localInput,
-                onChange: (_e3, newValue) => setLocalInput(newValue),
+                inputRef: textareaRef,
+                onChange: (_e3, newValue) => {
+                  setLocalInput(newValue);
+                },
                 onBlur: handleBlur,
                 onKeyDown: handleKeyDown,
                 placeholder: disabled ? t("chatInput.placeholderDisabled") : t("chatInput.placeholderActive"),
@@ -5290,6 +5839,14 @@ function ChatInput({ session }) {
                         }
                       )
                     ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      VoiceInputButton,
+                      {
+                        ref: voiceInputRef,
+                        inputRef: textareaRef,
+                        disabled
+                      }
+                    ),
                     isStreaming ? /* @__PURE__ */ jsxRuntimeExports.jsx(
                       Button,
                       {
@@ -5522,13 +6079,12 @@ function AskUserOptions({
   const [highlightedIndex, setHighlightedIndex] = reactExports.useState(null);
   const [isDragOver, setIsDragOver] = reactExports.useState(false);
   const inputContainerRef = reactExports.useRef(null);
+  const textareaRef = reactExports.useRef(null);
+  const voiceInputRef = reactExports.useRef(null);
   const navigate = useNavigate();
   const snippets = useAppStore((s15) => s15.snippets);
   const fileInputRef = reactExports.useRef(null);
-  const getTextarea = reactExports.useCallback(
-    () => inputContainerRef.current?.querySelector("textarea"),
-    []
-  );
+  const getTextarea = reactExports.useCallback(() => textareaRef.current, []);
   const insertTriggerChar = reactExports.useCallback(
     (char) => {
       const textarea = getTextarea();
@@ -5593,7 +6149,7 @@ function AskUserOptions({
       }
       if (paths.length === 0) return;
       void (async () => {
-        const textarea = inputContainerRef.current?.querySelector("textarea");
+        const textarea = textareaRef.current;
         if (!textarea) return;
         textarea.focus();
         const tags = await Promise.all(
@@ -5679,7 +6235,8 @@ function AskUserOptions({
     window.addEventListener("keydown", handler);
     return () => window.removeEventListener("keydown", handler);
   }, [mode, hasOptions, request$1.options, handleSelectOption]);
-  const handleSubmitInput = () => {
+  const handleSubmitInput = async () => {
+    await voiceInputRef.current?.stop();
     const trimmed = resolveMentions(inputValue).trim();
     request.respondAskUser({
       sessionId: request$1.sessionId,
@@ -5693,12 +6250,12 @@ function AskUserOptions({
     if (e.nativeEvent.isComposing) return;
     if (e.key === "Enter" && !e.shiftKey) {
       e.preventDefault();
-      handleSubmitInput();
+      void handleSubmitInput();
     }
   };
   reactExports.useEffect(() => {
     if (mode === "input") {
-      inputContainerRef.current?.querySelector("textarea")?.focus();
+      textareaRef.current?.focus();
     }
   }, [mode]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -5767,6 +6324,7 @@ function AskUserOptions({
               MentionsInput$1,
               {
                 value: inputValue,
+                inputRef: textareaRef,
                 onChange: (_e3, newValue) => setInputValue(newValue),
                 onKeyDown: handleKeyDown,
                 placeholder: t("askUser.inputPlaceholder", "Type your response... (Enter to send)"),
@@ -5907,16 +6465,19 @@ function AskUserOptions({
                   )) : /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { onClick: () => navigate("/settings/snippets"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: t("chatInput.snippetsEmpty", "No snippets. Click to add in Settings.") }) }) })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Button,
-                {
-                  size: "icon",
-                  className: "size-7 rounded-lg",
-                  onClick: handleSubmitInput,
-                  "aria-label": t("askUser.submit", "Submit"),
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowUp, { className: "size-3.5" })
-                }
-              )
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(VoiceInputButton, { ref: voiceInputRef, inputRef: textareaRef }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Button,
+                  {
+                    size: "icon",
+                    className: "size-7 rounded-lg",
+                    onClick: handleSubmitInput,
+                    "aria-label": t("askUser.submit", "Submit"),
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowUp, { className: "size-3.5" })
+                  }
+                )
+              ] })
             ] })
           ]
         }
@@ -6128,7 +6689,7 @@ function useFile(projectId, file, options = {}) {
   };
 }
 const CodeEditor = reactExports.lazy(
-  () => __vitePreload(() => import("./code-editor-SuOcN-5B.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0, import.meta.url).then((m) => ({ default: m.CodeEditor }))
+  () => __vitePreload(() => import("./code-editor-CEXlC4aV.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0, import.meta.url).then((m) => ({ default: m.CodeEditor }))
 );
 const MAX_EDIT_SIZE = 1024 * 1024;
 const EditPanel = reactExports.forwardRef(function EditPanel2({ projectId, filePath, content, loading = false, onCancel, onSaved }, ref) {