@arbidocs/react 0.3.172 → 0.3.173

package/dist/index.d.cts

@@ -3058,8 +3058,16 @@ interface VoiceNoteRecorderProps {
     /** External saving state, e.g. while the host's onSave promise is
      *  pending — disables actions and shows a spinner on Save. */
     isSaving?: boolean;
+    /**
+     * Optional: called once with the finished recording as soon as it stops,
+     * to produce a quick rough transcript shown inline during review. Purely
+     * client-side and ephemeral — it's never uploaded and has no bearing on
+     * what onSave receives; a host with real (e.g. diarized) transcription as
+     * part of its normal document processing can skip this prop entirely.
+     */
+    transcribe?: (blob: Blob) => Promise<string>;
 }
-declare function VoiceNoteRecorder({ onSave, onDiscard, onError, title, isSaving, }: VoiceNoteRecorderProps): React$1.JSX.Element;
+declare function VoiceNoteRecorder({ onSave, onDiscard, onError, title, isSaving, transcribe, }: VoiceNoteRecorderProps): React$1.JSX.Element;
 
 /** Formats a duration in milliseconds as "mm:ss", clamped to non-negative. */
 declare function formatElapsed(ms: number): string;

package/dist/index.d.ts

@@ -3058,8 +3058,16 @@ interface VoiceNoteRecorderProps {
     /** External saving state, e.g. while the host's onSave promise is
      *  pending — disables actions and shows a spinner on Save. */
     isSaving?: boolean;
+    /**
+     * Optional: called once with the finished recording as soon as it stops,
+     * to produce a quick rough transcript shown inline during review. Purely
+     * client-side and ephemeral — it's never uploaded and has no bearing on
+     * what onSave receives; a host with real (e.g. diarized) transcription as
+     * part of its normal document processing can skip this prop entirely.
+     */
+    transcribe?: (blob: Blob) => Promise<string>;
 }
-declare function VoiceNoteRecorder({ onSave, onDiscard, onError, title, isSaving, }: VoiceNoteRecorderProps): React$1.JSX.Element;
+declare function VoiceNoteRecorder({ onSave, onDiscard, onError, title, isSaving, transcribe, }: VoiceNoteRecorderProps): React$1.JSX.Element;
 
 /** Formats a duration in milliseconds as "mm:ss", clamped to non-negative. */
 declare function formatElapsed(ms: number): string;

package/dist/index.js

@@ -1,7 +1,7 @@
-import { cn, Avatar, AvatarFallback, AvatarImage, Tooltip, TooltipTrigger, TooltipContent, Popover, PopoverTrigger, PopoverContent, AiMarkdown, Card, Button, Badge, MarkdownRenderer, Input, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, ScrollArea, DropdownMenuItem, Textarea, Slider, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, DropdownMenuLabel, DropdownMenuSeparator, Checkbox } from './chunk-PAJGQHFM.js';
-export { AiMarkdown, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, MarkdownRenderer, MarkdownStreamingContext, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, markdownBaseComponents, splitMarkdownBlocks, toggleVariants } from './chunk-PAJGQHFM.js';
 import { useArbi, ArbiProvider, AudioViewer } from './chunk-Q6XAXIT3.js';
 export { ArbiProvider, useArbi } from './chunk-Q6XAXIT3.js';
+import { cn, Avatar, AvatarFallback, AvatarImage, Tooltip, TooltipTrigger, TooltipContent, Popover, PopoverTrigger, PopoverContent, AiMarkdown, Card, Button, Badge, MarkdownRenderer, Input, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, ScrollArea, DropdownMenuItem, Textarea, Slider, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, DropdownMenuLabel, DropdownMenuSeparator, Checkbox } from './chunk-PAJGQHFM.js';
+export { AiMarkdown, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, MarkdownRenderer, MarkdownStreamingContext, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, markdownBaseComponents, splitMarkdownBlocks, toggleVariants } from './chunk-PAJGQHFM.js';
 import React2, { memo, useState, createContext, forwardRef, useMemo, useCallback, useId, useRef, useContext, useEffect, Fragment as Fragment$1 } from 'react';
 import { useQuery, useMutation, useQueries, QueryClient, QueryClientProvider, useQueryClient } from '@tanstack/react-query';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -7381,12 +7381,34 @@ function VoiceNoteRecorder({
   onDiscard,
   onError,
   title = "Voice note",
-  isSaving = false
+  isSaving = false,
+  transcribe
 }) {
   const recorder = useAudioRecorder();
+  const [transcript, setTranscript] = useState(null);
+  const [isTranscribing, setIsTranscribing] = useState(false);
   useEffect(() => {
     if (recorder.error) onError?.(recorder.error);
   }, [recorder.error]);
+  useEffect(() => {
+    if (recorder.state !== "stopped" || !recorder.blob) {
+      setTranscript(null);
+      setIsTranscribing(false);
+      return;
+    }
+    if (!transcribe) return;
+    let cancelled = false;
+    setIsTranscribing(true);
+    transcribe(recorder.blob).then((text) => {
+      if (!cancelled) setTranscript(text);
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setIsTranscribing(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [recorder.state, recorder.blob]);
   const handleSave = () => {
     if (!recorder.blob) return;
     void onSave(recorder.blob, recorder.mimeType);
@@ -7449,6 +7471,20 @@ function VoiceNoteRecorder({
     ] }),
     recorder.state === "stopped" && recorder.blob && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(AudioViewer, { blob: recorder.blob, title }) }),
+      (isTranscribing || transcript) && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "w-full max-w-md rounded-md border border-border bg-muted/30 p-3 text-sm text-muted-foreground",
+          "data-testid": "voice-note-rough-transcript",
+          children: isTranscribing ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+            "Transcribing\u2026"
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide", children: "Rough transcript" }),
+            /* @__PURE__ */ jsx("p", { children: transcript })
+          ] })
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsxs(
           Button,