@agent-native/core 0.97.0 → 0.98.0

package/dist/client/composer/RealtimeVoiceMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"RealtimeVoiceMode.js","sourceRoot":"","sources":["../../../src/client/composer/RealtimeVoiceMode.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Button } from \"@agent-native/toolkit/ui/button\";\nimport {\n  IconAlertTriangle,\n  IconLoader2,\n  IconMicrophone,\n  IconPhoneOff,\n  IconVolume,\n} from \"@tabler/icons-react\";\nimport { useEffect, useId, useState, useSyncExternalStore } from \"react\";\n\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\nimport { cn } from \"../utils.js\";\nimport {\n  createRealtimeVoiceAudioLevelStore,\n  type RealtimeVoiceAudioLevelStore,\n} from \"./realtime-voice-audio-level.js\";\n\nexport type RealtimeVoiceModeState =\n  | \"connecting\"\n  | \"listening\"\n  | \"speaking\"\n  | \"working\"\n  | \"error\"\n  | \"ending\";\n\n/**\n * User-visible copy stays outside the shared component so host catalogs remain\n * the source of truth. Callers should provide these values through `useT()`.\n */\nexport interface RealtimeVoiceModeCopy {\n  entryButtonLabel: string;\n  promptTitle: string;\n  promptDescription: string;\n  setupTitle: string;\n  setupDescription: string;\n  connectBuilder: string;\n  useOpenAiKey: string;\n  startWithOpenAiKey: string;\n  startVoiceMode: string;\n  keepDictating: string;\n  showChat: string;\n  hideChat: string;\n  endVoiceMode: string;\n  status: Record<RealtimeVoiceModeState, string>;\n  errors: {\n    unsupported: string;\n    responseFailed: string;\n    sessionFailed: string;\n    channelDisconnected: string;\n    connectionFailed: string;\n    offerFailed: string;\n  };\n}\n\nexport interface RealtimeVoiceModeEntryProps {\n  copy: RealtimeVoiceModeCopy;\n  disabled?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onStartVoiceMode: () => void;\n  onKeepDictating: () => void;\n  setupRequired?: boolean;\n  openAiConfigured?: boolean;\n  connectingBuilder?: boolean;\n  onConnectBuilder?: () => void;\n  onUseOpenAiKey?: () => void;\n  className?: string;\n}\n\n/**\n * Composer mic entry point for apps that support a full-duplex voice session.\n * The first click offers voice mode without silently changing the existing\n * editable-dictation behavior.\n */\nexport function RealtimeVoiceModeEntry({\n  copy,\n  disabled,\n  open: controlledOpen,\n  onOpenChange,\n  onStartVoiceMode,\n  onKeepDictating,\n  setupRequired = false,\n  openAiConfigured = false,\n  connectingBuilder = false,\n  onConnectBuilder,\n  onUseOpenAiKey,\n  className,\n}: RealtimeVoiceModeEntryProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const open = controlledOpen ?? uncontrolledOpen;\n  const titleId = useId();\n  const descriptionId = useId();\n\n  const setOpen = (nextOpen: boolean) => {\n    if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange?.(nextOpen);\n  };\n\n  const choose = (callback: () => void) => {\n    setOpen(false);\n    callback();\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <PopoverTrigger asChild>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              disabled={disabled}\n              aria-label={copy.entryButtonLabel}\n              aria-expanded={open}\n              className={cn(\n                \"size-7 shrink-0 text-muted-foreground hover:text-foreground\",\n                className,\n              )}\n            >\n              <IconMicrophone />\n            </Button>\n          </PopoverTrigger>\n        </TooltipTrigger>\n        <TooltipContent>{copy.entryButtonLabel}</TooltipContent>\n      </Tooltip>\n\n      <PopoverContent\n        side=\"top\"\n        align=\"end\"\n        sideOffset={10}\n        className=\"w-[min(22rem,calc(100vw-2rem))] p-4\"\n        aria-labelledby={titleId}\n        aria-describedby={descriptionId}\n      >\n        <div className=\"grid gap-3\">\n          <div className=\"grid gap-1\">\n            <h2 id={titleId} className=\"text-sm font-semibold text-foreground\">\n              {setupRequired ? copy.setupTitle : copy.promptTitle}\n            </h2>\n            <p\n              id={descriptionId}\n              className=\"text-sm leading-relaxed text-muted-foreground\"\n            >\n              {setupRequired ? copy.setupDescription : copy.promptDescription}\n            </p>\n          </div>\n\n          <div className=\"flex flex-col-reverse gap-2 sm:flex-row sm:flex-wrap sm:justify-end\">\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => choose(onKeepDictating)}\n            >\n              {copy.keepDictating}\n            </Button>\n            {setupRequired ? (\n              <>\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={() => choose(onUseOpenAiKey ?? onStartVoiceMode)}\n                >\n                  {openAiConfigured\n                    ? copy.startWithOpenAiKey\n                    : copy.useOpenAiKey}\n                </Button>\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  disabled={connectingBuilder}\n                  onClick={() => choose(onConnectBuilder ?? onStartVoiceMode)}\n                >\n                  {connectingBuilder ? (\n                    <IconLoader2 className=\"animate-spin\" />\n                  ) : null}\n                  {copy.connectBuilder}\n                </Button>\n              </>\n            ) : (\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                onClick={() => choose(onStartVoiceMode)}\n              >\n                <IconMicrophone />\n                {copy.startVoiceMode}\n              </Button>\n            )}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport interface RealtimeVoiceModeDockProps {\n  state: RealtimeVoiceModeState;\n  copy: RealtimeVoiceModeCopy;\n  chatVisible: boolean;\n  audioLevels?: RealtimeVoiceAudioLevelStore;\n  onToggleChat: () => void;\n  onEndVoiceMode: () => void;\n  errorMessage?: string | null;\n  className?: string;\n}\n\nconst SILENT_AUDIO_LEVELS = createRealtimeVoiceAudioLevelStore();\nconst WAVEFORM_WEIGHTS = [0.55, 0.82, 1, 0.82, 0.55];\nconst AUDIO_ACTIVITY_THRESHOLD = 0.035;\n\nfunction usePrefersReducedMotion(): boolean {\n  const [reduced, setReduced] = useState(false);\n  useEffect(() => {\n    if (typeof window === \"undefined\" || !window.matchMedia) return;\n    const query = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    const update = () => setReduced(query.matches);\n    update();\n    query.addEventListener?.(\"change\", update);\n    return () => query.removeEventListener?.(\"change\", update);\n  }, []);\n  return reduced;\n}\n\nfunction VoiceWaveform({\n  level,\n  reducedMotion,\n}: {\n  level: number;\n  reducedMotion: boolean;\n}) {\n  const visibleLevel = reducedMotion ? 0.45 : level;\n  return (\n    <span\n      aria-hidden=\"true\"\n      className=\"flex h-6 items-center justify-center gap-0.5\"\n      data-realtime-voice-waveform=\"true\"\n    >\n      {WAVEFORM_WEIGHTS.map((weight, index) => (\n        <span\n          key={index}\n          className=\"w-0.5 rounded-full bg-current transition-[height] duration-75 ease-out motion-reduce:transition-none\"\n          style={{ height: `${4 + visibleLevel * 16 * weight}px` }}\n        />\n      ))}\n    </span>\n  );\n}\n\nconst ORB_STATE_CLASSES: Record<RealtimeVoiceModeState, string> = {\n  connecting:\n    \"bg-secondary text-secondary-foreground ring-4 ring-secondary/40 hover:bg-secondary/80\",\n  listening:\n    \"bg-primary text-primary-foreground ring-4 ring-primary/15 hover:bg-primary/90\",\n  speaking:\n    \"bg-foreground text-background ring-4 ring-foreground/15 hover:bg-foreground/90\",\n  working:\n    \"bg-secondary text-secondary-foreground ring-4 ring-secondary/40 hover:bg-secondary/80\",\n  error:\n    \"bg-destructive text-destructive-foreground ring-4 ring-destructive/15 hover:bg-destructive/90\",\n  ending: \"bg-muted text-muted-foreground ring-4 ring-muted/40 cursor-wait\",\n};\n\nfunction VoiceStateIcon({ state }: { state: RealtimeVoiceModeState }) {\n  switch (state) {\n    case \"connecting\":\n      return (\n        <IconLoader2 className=\"animate-spin motion-reduce:animate-none\" />\n      );\n    case \"listening\":\n      return <IconMicrophone />;\n    case \"speaking\":\n      return <IconVolume />;\n    case \"working\":\n    case \"ending\":\n      return (\n        <IconLoader2 className=\"animate-spin motion-reduce:animate-none\" />\n      );\n    case \"error\":\n      return <IconAlertTriangle />;\n  }\n}\n\n/**\n * Persistent voice-session control. Toggling the main orb only changes chat\n * visibility; ending the realtime session is intentionally a separate action.\n */\nexport function RealtimeVoiceModeDock({\n  state,\n  copy,\n  chatVisible,\n  audioLevels = SILENT_AUDIO_LEVELS,\n  onToggleChat,\n  onEndVoiceMode,\n  errorMessage,\n  className,\n}: RealtimeVoiceModeDockProps) {\n  const statusId = useId();\n  const levels = useSyncExternalStore(\n    audioLevels.subscribe,\n    audioLevels.getSnapshot,\n    audioLevels.getSnapshot,\n  );\n  const reducedMotion = usePrefersReducedMotion();\n  const activity =\n    levels.output > AUDIO_ACTIVITY_THRESHOLD\n      ? \"assistant\"\n      : levels.input > AUDIO_ACTIVITY_THRESHOLD\n        ? \"user\"\n        : \"idle\";\n  const activityLevel = activity === \"assistant\" ? levels.output : levels.input;\n  const toggleLabel = chatVisible ? copy.hideChat : copy.showChat;\n  const ending = state === \"ending\";\n  const errorDetailVisible = state === \"error\" && Boolean(errorMessage);\n\n  return (\n    <div\n      className={cn(\n        \"pointer-events-none fixed bottom-4 end-4 flex max-w-[calc(100vw-2rem)] flex-col items-end gap-2\",\n        className,\n      )}\n      style={{ zIndex: 270 }}\n      data-realtime-voice-state={state}\n      data-realtime-voice-activity={activity}\n    >\n      {errorDetailVisible ? (\n        <div\n          role=\"alert\"\n          className=\"pointer-events-auto max-w-xs rounded-lg border border-destructive/30 bg-background px-3 py-2 text-sm text-destructive shadow-md\"\n        >\n          {errorMessage}\n        </div>\n      ) : null}\n\n      <div\n        id={statusId}\n        role={state === \"error\" && !errorDetailVisible ? \"alert\" : \"status\"}\n        aria-live={\n          state === \"error\" && !errorDetailVisible ? \"assertive\" : \"polite\"\n        }\n        className=\"rounded-full border border-border bg-background px-3 py-1.5 text-xs font-medium text-foreground shadow-sm\"\n      >\n        {copy.status[state]}\n      </div>\n\n      <div className=\"pointer-events-auto flex items-center gap-2\">\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"icon\"\n              disabled={ending}\n              onClick={onEndVoiceMode}\n              aria-label={copy.endVoiceMode}\n              className=\"size-10 rounded-full bg-background shadow-md\"\n            >\n              <IconPhoneOff />\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent>{copy.endVoiceMode}</TooltipContent>\n        </Tooltip>\n\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <Button\n              type=\"button\"\n              size=\"icon\"\n              disabled={ending}\n              onClick={onToggleChat}\n              aria-label={toggleLabel}\n              aria-pressed={chatVisible}\n              aria-describedby={statusId}\n              className={cn(\n                \"size-14 rounded-full shadow-lg\",\n                ORB_STATE_CLASSES[state],\n              )}\n            >\n              {activity === \"idle\" ? (\n                <VoiceStateIcon state={state} />\n              ) : (\n                <VoiceWaveform\n                  level={activityLevel}\n                  reducedMotion={reducedMotion}\n                />\n              )}\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent>{toggleLabel}</TooltipContent>\n        </Tooltip>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"RealtimeVoiceMode.js","sourceRoot":"","sources":["../../../src/client/composer/RealtimeVoiceMode.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Button } from \"@agent-native/toolkit/ui/button\";\nimport {\n  IconAlertTriangle,\n  IconLoader2,\n  IconMicrophone,\n  IconPhoneOff,\n  IconSettings,\n  IconVolume,\n} from \"@tabler/icons-react\";\nimport {\n  type MouseEvent,\n  useEffect,\n  useId,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\n\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\nimport { cn } from \"../utils.js\";\nimport {\n  createRealtimeVoiceAudioLevelStore,\n  type RealtimeVoiceAudioLevelStore,\n} from \"./realtime-voice-audio-level.js\";\n\nexport type RealtimeVoiceModeState =\n  | \"connecting\"\n  | \"listening\"\n  | \"speaking\"\n  | \"working\"\n  | \"error\"\n  | \"ending\";\n\n/**\n * User-visible copy stays outside the shared component so host catalogs remain\n * the source of truth. Callers should provide these values through `useT()`.\n */\nexport interface RealtimeVoiceModeCopy {\n  entryButtonLabel: string;\n  promptTitle: string;\n  promptDescription: string;\n  setupTitle: string;\n  setupDescription: string;\n  connectBuilder: string;\n  useOpenAiKey: string;\n  startWithOpenAiKey: string;\n  startVoiceMode: string;\n  keepDictating: string;\n  showChat: string;\n  hideChat: string;\n  endVoiceMode: string;\n  microphoneSettings: string;\n  status: Record<RealtimeVoiceModeState, string>;\n  errors: {\n    unsupported: string;\n    responseFailed: string;\n    sessionFailed: string;\n    channelDisconnected: string;\n    connectionFailed: string;\n    offerFailed: string;\n  };\n}\n\nexport interface RealtimeVoiceModeEntryProps {\n  copy: RealtimeVoiceModeCopy;\n  disabled?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onStartVoiceMode: () => void;\n  onKeepDictating: () => void;\n  setupRequired?: boolean;\n  openAiConfigured?: boolean;\n  connectingBuilder?: boolean;\n  onConnectBuilder?: () => void;\n  onUseOpenAiKey?: () => void;\n  className?: string;\n}\n\n/**\n * Composer mic entry point for apps that support a full-duplex voice session.\n * The first click offers voice mode without silently changing the existing\n * editable-dictation behavior.\n */\nexport function RealtimeVoiceModeEntry({\n  copy,\n  disabled,\n  open: controlledOpen,\n  onOpenChange,\n  onStartVoiceMode,\n  onKeepDictating,\n  setupRequired = false,\n  openAiConfigured = false,\n  connectingBuilder = false,\n  onConnectBuilder,\n  onUseOpenAiKey,\n  className,\n}: RealtimeVoiceModeEntryProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const open = controlledOpen ?? uncontrolledOpen;\n  const titleId = useId();\n  const descriptionId = useId();\n\n  const setOpen = (nextOpen: boolean) => {\n    if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange?.(nextOpen);\n  };\n\n  const choose = (callback: () => void) => {\n    setOpen(false);\n    callback();\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <PopoverTrigger asChild>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              disabled={disabled}\n              aria-label={copy.entryButtonLabel}\n              aria-expanded={open}\n              className={cn(\n                \"size-7 shrink-0 text-muted-foreground hover:text-foreground\",\n                className,\n              )}\n            >\n              <IconMicrophone />\n            </Button>\n          </PopoverTrigger>\n        </TooltipTrigger>\n        <TooltipContent>{copy.entryButtonLabel}</TooltipContent>\n      </Tooltip>\n\n      <PopoverContent\n        side=\"top\"\n        align=\"end\"\n        sideOffset={10}\n        className={cn(\n          \"p-4\",\n          setupRequired\n            ? \"w-[min(30rem,calc(100vw-2rem))]\"\n            : \"w-[min(22rem,calc(100vw-2rem))]\",\n        )}\n        aria-labelledby={titleId}\n        aria-describedby={descriptionId}\n      >\n        <div className=\"grid gap-3\">\n          <div className=\"grid gap-1\">\n            <h2 id={titleId} className=\"text-sm font-semibold text-foreground\">\n              {setupRequired ? copy.setupTitle : copy.promptTitle}\n            </h2>\n            <p\n              id={descriptionId}\n              className=\"text-sm leading-relaxed text-muted-foreground\"\n            >\n              {setupRequired ? copy.setupDescription : copy.promptDescription}\n            </p>\n          </div>\n\n          <div className=\"flex flex-col-reverse gap-2 sm:flex-row sm:flex-nowrap sm:justify-end\">\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => choose(onKeepDictating)}\n            >\n              {copy.keepDictating}\n            </Button>\n            {setupRequired ? (\n              <>\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={() => choose(onUseOpenAiKey ?? onStartVoiceMode)}\n                >\n                  {openAiConfigured\n                    ? copy.startWithOpenAiKey\n                    : copy.useOpenAiKey}\n                </Button>\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  className=\"whitespace-nowrap\"\n                  disabled={connectingBuilder}\n                  onClick={() => choose(onConnectBuilder ?? onStartVoiceMode)}\n                >\n                  {connectingBuilder ? (\n                    <IconLoader2 className=\"animate-spin\" />\n                  ) : null}\n                  {copy.connectBuilder}\n                </Button>\n              </>\n            ) : (\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                onClick={() => choose(onStartVoiceMode)}\n              >\n                <IconMicrophone />\n                {copy.startVoiceMode}\n              </Button>\n            )}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport interface RealtimeVoiceModeDockProps {\n  state: RealtimeVoiceModeState;\n  copy: RealtimeVoiceModeCopy;\n  chatVisible: boolean;\n  audioLevels?: RealtimeVoiceAudioLevelStore;\n  onToggleChat: () => void;\n  onEndVoiceMode: () => void;\n  onOpenMicrophoneSettings?: () => void;\n  errorMessage?: string | null;\n  className?: string;\n}\n\nconst SILENT_AUDIO_LEVELS = createRealtimeVoiceAudioLevelStore();\nconst WAVEFORM_WEIGHTS = [0.55, 0.82, 1, 0.82, 0.55];\nconst AUDIO_ACTIVITY_THRESHOLD = 0.035;\n\nfunction usePrefersReducedMotion(): boolean {\n  const [reduced, setReduced] = useState(false);\n  useEffect(() => {\n    if (typeof window === \"undefined\" || !window.matchMedia) return;\n    const query = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    const update = () => setReduced(query.matches);\n    update();\n    query.addEventListener?.(\"change\", update);\n    return () => query.removeEventListener?.(\"change\", update);\n  }, []);\n  return reduced;\n}\n\nfunction VoiceWaveform({\n  level,\n  reducedMotion,\n  activity,\n}: {\n  level: number;\n  reducedMotion: boolean;\n  activity: \"user\" | \"assistant\";\n}) {\n  const visibleLevel = reducedMotion ? 0.45 : level;\n  return (\n    <span\n      aria-hidden=\"true\"\n      className=\"flex h-6 items-center justify-center gap-0.5\"\n      data-realtime-voice-waveform=\"true\"\n      data-realtime-voice-waveform-activity={activity}\n    >\n      {WAVEFORM_WEIGHTS.map((weight, index) => (\n        <span\n          key={index}\n          className=\"h-5 w-0.5 origin-center rounded-full bg-current transition-transform duration-75 ease-out motion-reduce:transition-none\"\n          style={{ transform: `scaleY(${0.2 + visibleLevel * 0.8 * weight})` }}\n        />\n      ))}\n    </span>\n  );\n}\n\nconst ORB_STATE_CLASSES: Record<RealtimeVoiceModeState, string> = {\n  connecting:\n    \"bg-secondary text-secondary-foreground ring-secondary/40 hover:bg-secondary/80\",\n  listening:\n    \"bg-primary text-primary-foreground ring-primary/20 hover:bg-primary/90\",\n  speaking:\n    \"bg-foreground text-background ring-foreground/20 hover:bg-foreground/90\",\n  working:\n    \"bg-secondary text-secondary-foreground ring-secondary/40 hover:bg-secondary/80\",\n  error:\n    \"bg-destructive text-destructive-foreground ring-destructive/20 hover:bg-destructive/90\",\n  ending: \"cursor-wait bg-muted text-muted-foreground ring-muted/40\",\n};\n\nfunction VoiceStateIcon({ state }: { state: RealtimeVoiceModeState }) {\n  switch (state) {\n    case \"connecting\":\n      return (\n        <IconLoader2 className=\"animate-spin motion-reduce:animate-none\" />\n      );\n    case \"listening\":\n      return <IconMicrophone />;\n    case \"speaking\":\n      return <IconVolume />;\n    case \"working\":\n    case \"ending\":\n      return (\n        <IconLoader2 className=\"animate-spin motion-reduce:animate-none\" />\n      );\n    case \"error\":\n      return <IconAlertTriangle />;\n  }\n}\n\n/**\n * Persistent voice-session control. Toggling the main orb only changes chat\n * visibility; ending the realtime session is intentionally a separate action.\n */\nexport function RealtimeVoiceModeDock({\n  state,\n  copy,\n  chatVisible,\n  audioLevels = SILENT_AUDIO_LEVELS,\n  onToggleChat,\n  onEndVoiceMode,\n  onOpenMicrophoneSettings,\n  errorMessage,\n  className,\n}: RealtimeVoiceModeDockProps) {\n  const statusId = useId();\n  const controlsId = useId();\n  const [controlsOpen, setControlsOpen] = useState(false);\n  const levels = useSyncExternalStore(\n    audioLevels.subscribe,\n    audioLevels.getSnapshot,\n    audioLevels.getSnapshot,\n  );\n  const reducedMotion = usePrefersReducedMotion();\n  const activity =\n    levels.output > AUDIO_ACTIVITY_THRESHOLD\n      ? \"assistant\"\n      : levels.input > AUDIO_ACTIVITY_THRESHOLD\n        ? \"user\"\n        : \"idle\";\n  const activityLevel = activity === \"assistant\" ? levels.output : levels.input;\n  const toggleLabel = chatVisible ? copy.hideChat : copy.showChat;\n  const ending = state === \"ending\";\n  const errorDetailVisible = state === \"error\" && Boolean(errorMessage);\n  const orbScale = reducedMotion ? 1 : 1 + Math.min(activityLevel, 1) * 0.07;\n\n  const closeControlsUnlessFocused = (event: MouseEvent<HTMLDivElement>) => {\n    if (!event.currentTarget.contains(document.activeElement)) {\n      setControlsOpen(false);\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        \"pointer-events-none fixed bottom-4 end-4 flex max-w-[calc(100vw-2rem)] flex-col items-end gap-2\",\n        className,\n      )}\n      style={{ zIndex: 270 }}\n      data-realtime-voice-state={state}\n      data-realtime-voice-activity={activity}\n    >\n      {errorDetailVisible ? (\n        <div\n          role=\"alert\"\n          className=\"pointer-events-auto max-w-xs rounded-lg border border-destructive/30 bg-background px-3 py-2 text-sm text-destructive shadow-md\"\n        >\n          {errorMessage}\n        </div>\n      ) : null}\n\n      <div\n        className=\"group pointer-events-auto flex items-center gap-2\"\n        onMouseEnter={() => setControlsOpen(true)}\n        onMouseLeave={closeControlsUnlessFocused}\n        onFocusCapture={() => setControlsOpen(true)}\n        onBlurCapture={(event) => {\n          if (\n            !event.currentTarget.contains(event.relatedTarget as Node | null)\n          ) {\n            setControlsOpen(false);\n          }\n        }}\n      >\n        <div\n          id={controlsId}\n          data-realtime-voice-controls={controlsOpen ? \"open\" : \"closed\"}\n          className={cn(\n            \"flex items-center gap-1 rounded-full border border-border/70 bg-background/95 p-1 ps-3 shadow-lg backdrop-blur-md transition-[transform,opacity] duration-150 ease-out motion-reduce:transition-none\",\n            controlsOpen\n              ? \"pointer-events-auto translate-x-0 opacity-100\"\n              : \"pointer-events-none opacity-0 ltr:translate-x-2 rtl:-translate-x-2 group-hover:pointer-events-auto group-hover:translate-x-0 group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-x-0 group-focus-within:opacity-100\",\n          )}\n        >\n          <div\n            id={statusId}\n            role={state === \"error\" && !errorDetailVisible ? \"alert\" : \"status\"}\n            aria-live={\n              state === \"error\" && !errorDetailVisible ? \"assertive\" : \"polite\"\n            }\n            className=\"me-1 whitespace-nowrap text-xs font-medium text-foreground\"\n          >\n            {copy.status[state]}\n          </div>\n\n          {onOpenMicrophoneSettings ? (\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  disabled={ending}\n                  onClick={onOpenMicrophoneSettings}\n                  aria-label={copy.microphoneSettings}\n                  className=\"size-8 rounded-full text-muted-foreground transition-transform duration-150 ease-out active:scale-[0.97]\"\n                >\n                  <IconSettings />\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent>{copy.microphoneSettings}</TooltipContent>\n            </Tooltip>\n          ) : null}\n\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon\"\n                disabled={ending}\n                onClick={onEndVoiceMode}\n                aria-label={copy.endVoiceMode}\n                className=\"size-8 rounded-full text-destructive transition-transform duration-150 ease-out hover:bg-destructive/10 hover:text-destructive active:scale-[0.97]\"\n              >\n                <IconPhoneOff />\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent>{copy.endVoiceMode}</TooltipContent>\n          </Tooltip>\n        </div>\n\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <Button\n              type=\"button\"\n              size=\"icon\"\n              disabled={ending}\n              onClick={() => {\n                setControlsOpen(true);\n                onToggleChat();\n              }}\n              aria-label={toggleLabel}\n              aria-pressed={chatVisible}\n              aria-describedby={statusId}\n              aria-controls={controlsId}\n              aria-expanded={controlsOpen}\n              className={cn(\n                \"relative isolate size-16 overflow-visible rounded-full ring-4 shadow-xl transition-transform duration-150 ease-out focus-visible:ring-offset-2 active:scale-[0.97] motion-reduce:transition-none\",\n                ORB_STATE_CLASSES[state],\n              )}\n            >\n              <span\n                aria-hidden=\"true\"\n                className={cn(\n                  \"pointer-events-none absolute -inset-2 -z-10 rounded-full bg-current opacity-0 blur-md transition-[transform,opacity] duration-150 ease-out motion-reduce:transition-none\",\n                  activity !== \"idle\" && \"opacity-20\",\n                )}\n                style={{ transform: `scale(${orbScale})` }}\n              />\n              <span\n                aria-hidden=\"true\"\n                className=\"pointer-events-none absolute inset-1 overflow-hidden rounded-full bg-gradient-to-br from-background/70 via-background/15 to-transparent opacity-70\"\n              >\n                <span className=\"absolute start-2.5 top-2 size-3 rounded-full bg-background/70 blur-[1px]\" />\n                <span\n                  className=\"absolute -bottom-2 -end-1 h-8 w-10 rounded-full bg-background/25 blur-md transition-transform duration-150 ease-out motion-reduce:transition-none\"\n                  style={{\n                    transform: `scale(${reducedMotion ? 1 : 1 + activityLevel * 0.25})`,\n                  }}\n                />\n              </span>\n              <span className=\"relative z-10 flex items-center justify-center\">\n                {activity === \"idle\" ? (\n                  <VoiceStateIcon state={state} />\n                ) : (\n                  <VoiceWaveform\n                    level={activityLevel}\n                    reducedMotion={reducedMotion}\n                    activity={activity}\n                  />\n                )}\n              </span>\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent>{toggleLabel}</TooltipContent>\n        </Tooltip>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/client/composer/TiptapComposer.js

@@ -1747,6 +1747,6 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
                                     setSelectedContextItemKey(null);
                                     onRemoveContextItem?.(item.key);
                                 }, "aria-label": `Remove ${item.title} context`, className: "ms-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground", children: _jsx(IconX, { className: "h-3 w-3" }) })] }, item.key)))] })), _jsx("div", { "data-agent-composer-variant": layoutVariant, "data-agent-composer-slot": "editor-wrap", className: `agent-composer-editor-wrap ${composerMode || hasContextRows ? "px-2 pt-1 pb-1" : "px-2 pt-2 pb-1"}`, children: _jsx(EditorContent, { editor: editor, "data-agent-composer-variant": layoutVariant, "data-agent-composer-slot": "editor", className: "agent-composer-editor aui-composer flex-1 min-w-0 [&_.ProseMirror]:outline-none [&_.ProseMirror_p]:m-0 px-0.5" }) }), voiceEnabled && _jsx(VoiceRecordingOverlay, { voice: voice }), _jsxs("div", { "data-agent-composer-variant": layoutVariant, "data-agent-composer-slot": "toolbar", className: "agent-composer-toolbar flex items-center gap-1 px-2 py-1.5", children: [attachButton ??
-                        (plusMenuMode === "hidden" ? null : (_jsx(ComposerPlusMenu, { onSelectMode: handleSelectMode, mode: plusMenuMode, onAttachmentError: onAttachmentError }))), toolbarSlot ?? modeControl, _jsx("div", { "data-agent-composer-slot": "toolbar-spacer", className: "flex-1" }), selectedModel && availableModels && onModelChange && (_jsx(ModelSelector, { model: selectedModel, effort: selectedEffort, engines: availableModels, onChange: onModelChange, onEffortChange: onEffortChange, providerConnectStatusEnabled: providerConnectStatusEnabled, onConnectProvider: onConnectProvider, imageModel: imageModelMenu })), execMode && onExecModeChange && (_jsx(ModeSelector, { mode: execMode, onChange: onExecModeChange, planModeDisabled: planModeDisabled, planModeDisabledReason: planModeDisabledReason })), actionButton ?? (_jsxs(_Fragment, { children: [extraActionButton, voiceEnabled && (_jsx(VoiceButton, { voice: voice, isMac: isMac, disabled: disabled })), primaryAction === "stop" ? (stopButton) : (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => void submitComposer("immediate"), disabled: !canSend, "data-agent-composer-slot": "send-button", className: "agent-composer-send-button shrink-0 flex h-7 w-7 items-center justify-center rounded-md bg-primary text-primary-foreground hover:opacity-90 disabled:opacity-30 disabled:cursor-not-allowed", children: _jsx(IconArrowUp, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Send message" })] }))] }))] }), _jsx(MentionPopover, { ref: popoverRef, type: popover?.type ?? "@", position: popover?.position ?? null, mentionItems: filteredMentionItems, skills: filteredSkills, commands: filteredCommands, hint: hint, isLoading: popover?.type === "@" ? mentionsLoading : skillsLoading, query: popover?.query ?? "", onSelectMention: handleSelectMention, onSelectSkill: handleSelectSkill, onSelectCommand: handleSelectCommand, onClose: closePopover })] }));
+                        (plusMenuMode === "hidden" ? null : (_jsx(ComposerPlusMenu, { onSelectMode: handleSelectMode, mode: plusMenuMode, onAttachmentError: onAttachmentError }))), toolbarSlot ?? modeControl, _jsx("div", { "data-agent-composer-slot": "toolbar-spacer", className: "flex-1" }), selectedModel && availableModels && onModelChange && (_jsx(ModelSelector, { model: selectedModel, effort: selectedEffort, engines: availableModels, onChange: onModelChange, onEffortChange: onEffortChange, providerConnectStatusEnabled: providerConnectStatusEnabled, onConnectProvider: onConnectProvider, imageModel: imageModelMenu })), execMode && onExecModeChange && (_jsx(ModeSelector, { mode: execMode, onChange: onExecModeChange, planModeDisabled: planModeDisabled, planModeDisabledReason: planModeDisabledReason })), actionButton ?? (_jsxs(_Fragment, { children: [extraActionButton, voiceEnabled && (_jsx(VoiceButton, { voice: voice, isMac: isMac, disabled: disabled })), primaryAction === "stop" ? (stopButton) : (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => void submitComposer("immediate"), disabled: !canSend, "data-agent-composer-slot": "send-button", className: "agent-composer-send-button shrink-0 flex h-7 w-7 items-center justify-center rounded-md bg-primary text-primary-foreground hover:opacity-90 transition-[opacity,transform] duration-150 active:scale-[0.97] disabled:opacity-30 disabled:cursor-not-allowed", children: _jsx(IconArrowUp, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Send message" })] }))] }))] }), _jsx(MentionPopover, { ref: popoverRef, type: popover?.type ?? "@", position: popover?.position ?? null, mentionItems: filteredMentionItems, skills: filteredSkills, commands: filteredCommands, hint: hint, isLoading: popover?.type === "@" ? mentionsLoading : skillsLoading, query: popover?.query ?? "", onSelectMention: handleSelectMention, onSelectSkill: handleSelectSkill, onSelectCommand: handleSelectCommand, onClose: closePopover })] }));
 }
 //# sourceMappingURL=TiptapComposer.js.map