@arbidocs/react 0.3.171 → 0.3.172

package/dist/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkZMTLGO3K_cjs = require('./chunk-ZMTLGO3K.cjs');
 var chunk5DV7FW6T_cjs = require('./chunk-5DV7FW6T.cjs');
+var chunkRWCMW36I_cjs = require('./chunk-RWCMW36I.cjs');
 var React2 = require('react');
 var reactQuery = require('@tanstack/react-query');
 var jsxRuntime = require('react/jsx-runtime');
@@ -346,7 +346,7 @@ function agentStatusStyle(theme) {
   };
 }
 function AuthScreen({ theme, labels, onLogin }) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   const [mode, setMode] = React2.useState("login");
   const [step, setStep] = React2.useState("email");
   const [email, setEmail] = React2.useState("");
@@ -603,7 +603,7 @@ var arbiQueryKeys = {
   userUsageToday: () => ["arbi", "userUsageToday"]
 };
 function useWorkspaces(options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.workspaces(),
     queryFn: () => arbi.workspaces.list(),
@@ -611,7 +611,7 @@ function useWorkspaces(options) {
   });
 }
 function useDocuments(workspaceId, options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.documents(workspaceId ?? ""),
     queryFn: () => arbi.documents.list(),
@@ -619,7 +619,7 @@ function useDocuments(workspaceId, options) {
   });
 }
 function useConversations(workspaceId, options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.conversations(workspaceId ?? ""),
     queryFn: () => arbi.conversations.list(),
@@ -627,7 +627,7 @@ function useConversations(workspaceId, options) {
   });
 }
 function useTags(workspaceId, options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.tags(workspaceId ?? ""),
     queryFn: () => arbi.tags.list(),
@@ -635,7 +635,7 @@ function useTags(workspaceId, options) {
   });
 }
 function useThumbnails(docIds, options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.thumbnails(docIds),
     queryFn: () => arbi.documents.getThumbnails(docIds),
@@ -644,7 +644,7 @@ function useThumbnails(docIds, options) {
   });
 }
 function useParsedDocument(docId, stage = "final", options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.parsedDoc(docId ?? "", stage),
     queryFn: () => arbi.documents.getParsedContent(docId, stage),
@@ -652,13 +652,13 @@ function useParsedDocument(docId, stage = "final", options) {
   });
 }
 function useAssistantQuery() {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useMutation({
     mutationFn: ({ question, ...options }) => arbi.assistant.query(question, options)
   });
 }
 function useAgents(options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.agents(),
     queryFn: () => arbi.agents.list(),
@@ -666,13 +666,13 @@ function useAgents(options) {
   });
 }
 function useDeleteAgents() {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useMutation({
     mutationFn: ({ agentExtIds }) => arbi.agents.delete(agentExtIds)
   });
 }
 function useSessions(options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.sessions(),
     queryFn: () => arbi.sessions.list(),
@@ -680,7 +680,7 @@ function useSessions(options) {
   });
 }
 function useHealth(options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.health(),
     queryFn: () => arbi.health.check(),
@@ -688,7 +688,7 @@ function useHealth(options) {
   });
 }
 function useTasks(options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.tasks(),
     queryFn: () => arbi.tasks.list(),
@@ -696,7 +696,7 @@ function useTasks(options) {
   });
 }
 function useFacts(workspaceId, options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.facts(workspaceId ?? ""),
     queryFn: () => arbi.facts.list({ pinnedOnly: options?.pinnedOnly }),
@@ -704,7 +704,7 @@ function useFacts(workspaceId, options) {
   });
 }
 function useConfigs(options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.configs(),
     queryFn: () => arbi.agentConfig.list(),
@@ -712,7 +712,7 @@ function useConfigs(options) {
   });
 }
 function useActivity(options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.activity(),
     queryFn: () => arbi.dm.listActivity({ limit: options?.limit, offset: options?.offset }),
@@ -720,7 +720,7 @@ function useActivity(options) {
   });
 }
 function useProjects(options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.projects(),
     queryFn: () => arbi.projects.list(),
@@ -728,7 +728,7 @@ function useProjects(options) {
   });
 }
 function useProjectUsage(projectExtId, monthsBack = 0, options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.projectUsage(projectExtId ?? "", monthsBack),
     queryFn: () => arbi.projects.usage(projectExtId, monthsBack),
@@ -736,7 +736,7 @@ function useProjectUsage(projectExtId, monthsBack = 0, options) {
   });
 }
 function useProjectsUsage(projectExtIds, monthsBack = 0, options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   const enabled = (options?.enabled ?? true) && arbi.isLoggedIn;
   const results = reactQuery.useQueries({
     queries: projectExtIds.map((id) => ({
@@ -801,7 +801,7 @@ function useProjectsUsage(projectExtIds, monthsBack = 0, options) {
   }, [signature]);
 }
 function useProjectInvoices(projectExtId, options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.projectInvoices(projectExtId ?? ""),
     queryFn: () => arbi.projects.invoices(projectExtId),
@@ -809,7 +809,7 @@ function useProjectInvoices(projectExtId, options) {
   });
 }
 function useUserUsageToday(options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   return reactQuery.useQuery({
     queryKey: arbiQueryKeys.userUsageToday(),
     queryFn: () => arbi.user.usageToday(),
@@ -817,7 +817,7 @@ function useUserUsageToday(options) {
   });
 }
 function WorkspaceScreen({ theme, labels, onSelect }) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   const { data: workspaces, isLoading } = useWorkspaces();
   const [mode, setMode] = React2.useState("select");
   const [selected, setSelected] = React2.useState("");
@@ -1054,7 +1054,7 @@ function citeChunkStyle(theme) {
   };
 }
 function ChatView({ workspaceId, theme, labels }) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   const { data: docs, refetch: refetchDocs } = useDocuments(workspaceId);
   const mutation = useAssistantQuery();
   const [messages, setMessages] = React2.useState([]);
@@ -1234,7 +1234,7 @@ function ChatView({ workspaceId, theme, labels }) {
   ] });
 }
 function ChatWidget({ theme, labels, initialWorkspaceId, width, height }) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   const [screen, setScreen] = React2.useState("auth");
   const [workspaceId, setWorkspaceId] = React2.useState(initialWorkspaceId);
   const resolveWorkspace = React2.useCallback(async () => {
@@ -1324,7 +1324,7 @@ function ArbiChat({
     }),
     []
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(chunkZMTLGO3K_cjs.ArbiProvider, { url, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(chunkRWCMW36I_cjs.ArbiProvider, { url, children: /* @__PURE__ */ jsxRuntime.jsx(
     ArbiChatPanel,
     {
       workspaceId,
@@ -1492,7 +1492,7 @@ function useArbiWsContext() {
   return ctx;
 }
 function ArbiWebSocketProvider({ enabled = true, children }) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   const subscribersRef = React2.useRef(/* @__PURE__ */ new Set());
   const setStatus = useArbiWsStore((s) => s.setStatus);
   const applyTaskUpdate = useArbiWsStore((s) => s.applyTaskUpdate);
@@ -1714,7 +1714,7 @@ function useAiTask() {
   };
 }
 function useSemanticSearch(docIds) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   const [query, setQuery] = React2.useState("");
   const mutation = reactQuery.useMutation({
     mutationFn: async ({ query: q, mode }) => {
@@ -5528,7 +5528,7 @@ function groupConversations(notifications, myExtId) {
   return conversations;
 }
 function useDirectMessages(options) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   const queryClient = reactQuery.useQueryClient();
   const enabled = options?.enabled ?? arbi.isLoggedIn;
   const query = reactQuery.useQuery({
@@ -6937,7 +6937,7 @@ function DocumentCardMenu({
   canDelete = true,
   testId = "document-card-menu"
 }) {
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   const queryClient = reactQuery.useQueryClient();
   const invalidateDocuments = () => {
     const workspaceId = arbi.getWorkspaceId();
@@ -7081,7 +7081,7 @@ function DocumentGallery({
     },
     [onOpenDocument, setViewingDocId]
   );
-  const arbi = chunkZMTLGO3K_cjs.useArbi();
+  const arbi = chunkRWCMW36I_cjs.useArbi();
   const queryClient = reactQuery.useQueryClient();
   const [renamingId, setRenamingId] = React2__default.default.useState(null);
   const rename = reactQuery.useMutation({
@@ -7163,15 +7163,366 @@ function DocumentGallery({
     }
   );
 }
+var LEVEL_UPDATE_INTERVAL_MS = 50;
+function classifyMicError(err) {
+  const name = err instanceof DOMException ? err.name : void 0;
+  if (name === "NotAllowedError" || name === "SecurityError") {
+    return "Microphone access is blocked. Allow microphone permission in your browser settings to use voice input.";
+  }
+  if (name === "NotFoundError" || name === "DevicesNotFoundError") {
+    return "No microphone found on this device.";
+  }
+  if (!navigator.mediaDevices?.getUserMedia) {
+    return "Voice input is not supported in this browser.";
+  }
+  return "Could not start recording. Please try again.";
+}
+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(classifyMicError(err));
+    }
+  }, [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 VoiceNoteRecorder({
+  onSave,
+  onDiscard,
+  onError,
+  title = "Voice note",
+  isSaving = false
+}) {
+  const recorder = useAudioRecorder();
+  React2.useEffect(() => {
+    if (recorder.error) onError?.(recorder.error);
+  }, [recorder.error]);
+  const handleSave = () => {
+    if (!recorder.blob) return;
+    void onSave(recorder.blob, recorder.mimeType);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-6 p-8", children: [
+    recorder.state === "idle" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunk5DV7FW6T_cjs.Button,
+        {
+          type: "button",
+          size: "lg",
+          className: "h-16 w-16 rounded-full p-0",
+          onClick: () => void recorder.start(),
+          "data-testid": "voice-note-record-button",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mic, { className: "h-6 w-6" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Press to start recording" })
+    ] }),
+    (recorder.state === "recording" || recorder.state === "paused") && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        MicWaveformIndicator,
+        {
+          level: recorder.level,
+          elapsedMs: recorder.elapsedMs,
+          paused: recorder.state === "paused"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        recorder.state === "recording" ? /* @__PURE__ */ jsxRuntime.jsxs(
+          chunk5DV7FW6T_cjs.Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: recorder.pause,
+            "data-testid": "voice-note-pause-button",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, { className: "mr-1.5 h-4 w-4" }),
+              "Pause"
+            ]
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsxs(
+          chunk5DV7FW6T_cjs.Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: recorder.resume,
+            "data-testid": "voice-note-resume-button",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "mr-1.5 h-4 w-4" }),
+              "Resume"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(chunk5DV7FW6T_cjs.Button, { type: "button", onClick: recorder.stop, "data-testid": "voice-note-stop-button", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { className: "mr-1.5 h-3.5 w-3.5 fill-current" }),
+          "Stop"
+        ] })
+      ] })
+    ] }),
+    recorder.state === "stopped" && recorder.blob && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsxRuntime.jsx(chunkRWCMW36I_cjs.AudioViewer, { blob: recorder.blob, title }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          chunk5DV7FW6T_cjs.Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: onDiscard,
+            disabled: isSaving,
+            "data-testid": "voice-note-discard-button",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "mr-1.5 h-4 w-4" }),
+              "Discard"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          chunk5DV7FW6T_cjs.Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: recorder.reset,
+            disabled: isSaving,
+            "data-testid": "voice-note-record-again-button",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "mr-1.5 h-4 w-4" }),
+              "Record again"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          chunk5DV7FW6T_cjs.Button,
+          {
+            type: "button",
+            onClick: handleSave,
+            disabled: isSaving,
+            "data-testid": "voice-note-save-button",
+            children: [
+              isSaving ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-1.5 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "mr-1.5 h-4 w-4" }),
+              isSaving ? "Saving\u2026" : "Save"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/documents/has-video-track.ts
+function hasVideoTrack(blob) {
+  return new Promise((resolve) => {
+    const url = URL.createObjectURL(blob);
+    const video = document.createElement("video");
+    video.preload = "metadata";
+    video.muted = true;
+    const cleanup = () => {
+      video.removeAttribute("src");
+      video.load();
+      URL.revokeObjectURL(url);
+    };
+    video.onloadedmetadata = () => {
+      resolve(video.videoWidth > 0 && video.videoHeight > 0);
+      cleanup();
+    };
+    video.onerror = () => {
+      resolve(false);
+      cleanup();
+    };
+    video.src = url;
+  });
+}
 
-Object.defineProperty(exports, "ArbiProvider", {
-  enumerable: true,
-  get: function () { return chunkZMTLGO3K_cjs.ArbiProvider; }
-});
-Object.defineProperty(exports, "useArbi", {
-  enumerable: true,
-  get: function () { return chunkZMTLGO3K_cjs.useArbi; }
-});
 Object.defineProperty(exports, "AiMarkdown", {
   enumerable: true,
   get: function () { return chunk5DV7FW6T_cjs.AiMarkdown; }
@@ -7596,6 +7947,14 @@ Object.defineProperty(exports, "toggleVariants", {
   enumerable: true,
   get: function () { return chunk5DV7FW6T_cjs.toggleVariants; }
 });
+Object.defineProperty(exports, "ArbiProvider", {
+  enumerable: true,
+  get: function () { return chunkRWCMW36I_cjs.ArbiProvider; }
+});
+Object.defineProperty(exports, "useArbi", {
+  enumerable: true,
+  get: function () { return chunkRWCMW36I_cjs.useArbi; }
+});
 Object.defineProperty(exports, "Arbi", {
   enumerable: true,
   get: function () { return browser.Arbi; }
@@ -7665,6 +8024,7 @@ exports.LinkedInIcon = LinkedInIcon;
 exports.MessageArtifactCard = MessageArtifactCard;
 exports.MessageBubble = MessageBubble2;
 exports.MessageThread = MessageThread;
+exports.MicWaveformIndicator = MicWaveformIndicator;
 exports.NEUTRAL_GRAY = NEUTRAL_GRAY2;
 exports.NotificationBell = NotificationBell;
 exports.OpenAIIcon = OpenAIIcon;
@@ -7690,6 +8050,7 @@ exports.UserMenu = UserMenu;
 exports.VISIBILITY_ICONS = VISIBILITY_ICONS;
 exports.VidIcon = VidIcon;
 exports.VisibilityIcon = VisibilityIcon;
+exports.VoiceNoteRecorder = VoiceNoteRecorder;
 exports.XlsIcon = XlsIcon;
 exports.annotateThread = annotateThread;
 exports.arbiQueryKeys = arbiQueryKeys;
@@ -7699,6 +8060,7 @@ exports.configureStatusRegistry = configureStatusRegistry;
 exports.cropImage = cropImage;
 exports.dayKey = dayKey;
 exports.describeActivity = describeActivity;
+exports.formatElapsed = formatElapsed;
 exports.formatRelativeTime = formatRelativeTime;
 exports.getDocIcon = getDocIcon;
 exports.getEntityColor = getEntityColor2;
@@ -7712,6 +8074,7 @@ exports.getTagTypeLabel = getTagTypeLabel;
 exports.getWorkspaceActionText = getWorkspaceActionText;
 exports.getWorkspaceColor = getWorkspaceColor;
 exports.getWorkspaceSentPhrase = getWorkspaceSentPhrase;
+exports.hasVideoTrack = hasVideoTrack;
 exports.isWorkspaceNotificationType = isWorkspaceNotificationType;
 exports.notify = notify;
 exports.parseActivityContent = parseActivityContent;
@@ -7734,6 +8097,7 @@ exports.useArbiWsStore = useArbiWsStore;
 exports.useArbiWsTask = useArbiWsTask;
 exports.useArbiWsTasks = useArbiWsTasks;
 exports.useAssistantQuery = useAssistantQuery;
+exports.useAudioRecorder = useAudioRecorder;
 exports.useCommandPalette = useCommandPalette;
 exports.useConfigs = useConfigs;
 exports.useConversations = useConversations;