@designcrowd/fe-shared-lib 1.8.3 → 1.8.4-edge-fallback-0

package/.playwright-cli/page-2026-05-05T01-45-55-158Z.yml

@@ -0,0 +1,435 @@
+- generic [ref=e3]:
+  - navigation "Global" [ref=e6]:
+    - generic [ref=e9]:
+      - generic [ref=e10]:
+        - generic [ref=e11]:
+          - link "Skip to canvas" [ref=e12] [cursor=pointer]:
+            - /url: "#storybook-preview-wrapper"
+          - link "Storybook" [ref=e14] [cursor=pointer]:
+            - /url: ./
+            - img "Storybook" [ref=e15]
+          - button "Shortcuts" [ref=e21] [cursor=pointer]:
+            - img [ref=e22]
+        - generic [ref=e25]: Search for components
+        - combobox "Search for components" [ref=e27]:
+          - generic:
+            - img
+          - searchbox "Search for components" [ref=e28]
+          - code: ⌃ K
+          - button "Tag filters" [ref=e32] [cursor=pointer]:
+            - img [ref=e33]
+        - generic [ref=e39]:
+          - img
+          - generic [ref=e40]:
+            - button "Components" [expanded] [ref=e41] [cursor=pointer]:
+              - img [ref=e43]
+              - text: Components
+            - button "Collapse" [ref=e45] [cursor=pointer]:
+              - img [ref=e46]
+          - button "AiPoweredLoader" [ref=e49] [cursor=pointer]:
+            - generic [ref=e50]:
+              - img [ref=e52]
+              - img [ref=e54]
+            - text: AiPoweredLoader
+          - button "Buttons" [ref=e57] [cursor=pointer]:
+            - generic [ref=e58]:
+              - img [ref=e60]
+              - img [ref=e62]
+            - text: Buttons
+          - button "ButtonGroup" [ref=e65] [cursor=pointer]:
+            - generic [ref=e66]:
+              - img [ref=e68]
+              - img [ref=e70]
+            - text: ButtonGroup
+          - button "Carousel" [ref=e73] [cursor=pointer]:
+            - generic [ref=e74]:
+              - img [ref=e76]
+              - img [ref=e78]
+            - text: Carousel
+          - button "Checkbox" [ref=e81] [cursor=pointer]:
+            - generic [ref=e82]:
+              - img [ref=e84]
+              - img [ref=e86]
+            - text: Checkbox
+          - button "Checktile" [ref=e89] [cursor=pointer]:
+            - generic [ref=e90]:
+              - img [ref=e92]
+              - img [ref=e94]
+            - text: Checktile
+          - button "CollapsiblePanel" [ref=e97] [cursor=pointer]:
+            - generic [ref=e98]:
+              - img [ref=e100]
+              - img [ref=e102]
+            - text: CollapsiblePanel
+          - button "Color Picker" [ref=e105] [cursor=pointer]:
+            - generic [ref=e106]:
+              - img [ref=e108]
+              - img [ref=e110]
+            - text: Color Picker
+          - button "CopyToClipboardText" [ref=e113] [cursor=pointer]:
+            - generic [ref=e114]:
+              - img [ref=e116]
+              - img [ref=e118]
+            - text: CopyToClipboardText
+          - button "Dropdown" [ref=e121] [cursor=pointer]:
+            - generic [ref=e122]:
+              - img [ref=e124]
+              - img [ref=e126]
+            - text: Dropdown
+          - button "HelloBar" [ref=e129] [cursor=pointer]:
+            - generic [ref=e130]:
+              - img [ref=e132]
+              - img [ref=e134]
+            - text: HelloBar
+          - button "Icons" [ref=e137] [cursor=pointer]:
+            - generic [ref=e138]:
+              - img [ref=e140]
+              - img [ref=e142]
+            - text: Icons
+          - button "Masonry" [ref=e145] [cursor=pointer]:
+            - generic [ref=e146]:
+              - img [ref=e148]
+              - img [ref=e150]
+            - text: Masonry
+          - button "Hash Router Modal" [ref=e153] [cursor=pointer]:
+            - generic [ref=e154]:
+              - img [ref=e156]
+              - img [ref=e158]
+            - text: Hash Router Modal
+          - button "Modal" [ref=e161] [cursor=pointer]:
+            - generic [ref=e162]:
+              - img [ref=e164]
+              - img [ref=e166]
+            - text: Modal
+          - button "Notice" [ref=e169] [cursor=pointer]:
+            - generic [ref=e170]:
+              - img [ref=e172]
+              - img [ref=e174]
+            - text: Notice
+          - button "Number Stepper" [ref=e177] [cursor=pointer]:
+            - generic [ref=e178]:
+              - img [ref=e180]
+              - img [ref=e182]
+            - text: Number Stepper
+          - button "Picture" [ref=e185] [cursor=pointer]:
+            - generic [ref=e186]:
+              - img [ref=e188]
+              - img [ref=e190]
+            - text: Picture
+          - button "Pill" [ref=e193] [cursor=pointer]:
+            - generic [ref=e194]:
+              - img [ref=e196]
+              - img [ref=e198]
+            - text: Pill
+          - button "PillBar" [ref=e201] [cursor=pointer]:
+            - generic [ref=e202]:
+              - img [ref=e204]
+              - img [ref=e206]
+            - text: PillBar
+          - button "Price" [ref=e209] [cursor=pointer]:
+            - generic [ref=e210]:
+              - img [ref=e212]
+              - img [ref=e214]
+            - text: Price
+          - button "PromoCard" [ref=e217] [cursor=pointer]:
+            - generic [ref=e218]:
+              - img [ref=e220]
+              - img [ref=e222]
+            - text: PromoCard
+          - button "Search Bar" [ref=e225] [cursor=pointer]:
+            - generic [ref=e226]:
+              - img [ref=e228]
+              - img [ref=e230]
+            - text: Search Bar
+          - button "Select" [ref=e233] [cursor=pointer]:
+            - generic [ref=e234]:
+              - img [ref=e236]
+              - img [ref=e238]
+            - text: Select
+          - button "Slider" [ref=e241] [cursor=pointer]:
+            - generic [ref=e242]:
+              - img [ref=e244]
+              - img [ref=e246]
+            - text: Slider
+          - button "SparkleIcon" [ref=e249] [cursor=pointer]:
+            - generic [ref=e250]:
+              - img [ref=e252]
+              - img [ref=e254]
+            - text: SparkleIcon
+          - button "Star Rating" [ref=e257] [cursor=pointer]:
+            - generic [ref=e258]:
+              - img [ref=e260]
+              - img [ref=e262]
+            - text: Star Rating
+          - button "Tab Menu" [ref=e265] [cursor=pointer]:
+            - generic [ref=e266]:
+              - img [ref=e268]
+              - img [ref=e270]
+            - text: Tab Menu
+          - button "Text Copy Field" [ref=e273] [cursor=pointer]:
+            - generic [ref=e274]:
+              - img [ref=e276]
+              - img [ref=e278]
+            - text: Text Copy Field
+          - button "Text Input" [ref=e281] [cursor=pointer]:
+            - generic [ref=e282]:
+              - img [ref=e284]
+              - img [ref=e286]
+            - text: Text Input
+          - button "Textarea" [ref=e289] [cursor=pointer]:
+            - generic [ref=e290]:
+              - img [ref=e292]
+              - img [ref=e294]
+            - text: Textarea
+          - button "Toggle" [ref=e297] [cursor=pointer]:
+            - generic [ref=e298]:
+              - img [ref=e300]
+              - img [ref=e302]
+            - text: Toggle
+          - button "Tooltip" [ref=e305] [cursor=pointer]:
+            - generic [ref=e306]:
+              - img [ref=e308]
+              - img [ref=e310]
+            - text: Tooltip
+          - button "VoiceToTextButton" [expanded] [ref=e313] [cursor=pointer]:
+            - generic [ref=e314]:
+              - img [ref=e316]
+              - img [ref=e318]
+            - text: VoiceToTextButton
+          - link "Prompt Input Demo" [ref=e321] [cursor=pointer]:
+            - /url: /?path=/story/components-voicetotextbutton--prompt-input-demo
+            - img [ref=e323]
+            - text: Prompt Input Demo
+          - link "Dark Variant States" [ref=e326] [cursor=pointer]:
+            - /url: /?path=/story/components-voicetotextbutton--dark-variant-states
+            - img [ref=e328]
+            - text: Dark Variant States
+          - generic [ref=e330]:
+            - link "Light Input Demo" [ref=e331] [cursor=pointer]:
+              - /url: /?path=/story/components-voicetotextbutton--light-input-demo
+              - img [ref=e333]
+              - text: Light Input Demo
+            - link "Skip to canvas" [ref=e335] [cursor=pointer]:
+              - /url: "#storybook-preview-wrapper"
+          - link "Light Variant States" [ref=e337] [cursor=pointer]:
+            - /url: /?path=/story/components-voicetotextbutton--light-variant-states
+            - img [ref=e339]
+            - text: Light Variant States
+          - link "Side By Side" [ref=e342] [cursor=pointer]:
+            - /url: /?path=/story/components-voicetotextbutton--side-by-side
+            - img [ref=e344]
+            - text: Side By Side
+          - link "Force Unsupported" [ref=e347] [cursor=pointer]:
+            - /url: /?path=/story/components-voicetotextbutton--force-unsupported
+            - img [ref=e349]
+            - text: Force Unsupported
+          - button "DesignCom" [ref=e352] [cursor=pointer]:
+            - generic [ref=e353]:
+              - img [ref=e355]
+              - img [ref=e357]
+            - text: DesignCom
+          - button "SignIn" [ref=e360] [cursor=pointer]:
+            - generic [ref=e361]:
+              - img [ref=e363]
+              - img [ref=e365]
+            - text: SignIn
+          - button "PaymentConfigList" [ref=e368] [cursor=pointer]:
+            - generic [ref=e369]:
+              - img [ref=e371]
+              - img [ref=e373]
+            - text: PaymentConfigList
+          - button "PublishBrandPageModal" [ref=e376] [cursor=pointer]:
+            - generic [ref=e377]:
+              - img [ref=e379]
+              - img [ref=e381]
+            - text: PublishBrandPageModal
+          - button "SellDomainNameListModal" [ref=e384] [cursor=pointer]:
+            - generic [ref=e385]:
+              - img [ref=e387]
+              - img [ref=e389]
+            - text: SellDomainNameListModal
+          - button "SellDomainNameSearchWithResults" [ref=e392] [cursor=pointer]:
+            - generic [ref=e393]:
+              - img [ref=e395]
+              - img [ref=e397]
+            - text: SellDomainNameSearchWithResults
+          - button "SellDomainNameWidget" [ref=e400] [cursor=pointer]:
+            - generic [ref=e401]:
+              - img [ref=e403]
+              - img [ref=e405]
+            - text: SellDomainNameWidget
+          - button "UploadYourLogoApplication" [ref=e408] [cursor=pointer]:
+            - generic [ref=e409]:
+              - img [ref=e411]
+              - img [ref=e413]
+            - text: UploadYourLogoApplication
+          - button "UploadYourLogoDropzone" [ref=e416] [cursor=pointer]:
+            - generic [ref=e417]:
+              - img [ref=e419]
+              - img [ref=e421]
+            - text: UploadYourLogoDropzone
+          - button "LogoBusinessBrandColours" [ref=e424] [cursor=pointer]:
+            - generic [ref=e425]:
+              - img [ref=e427]
+              - img [ref=e429]
+            - text: LogoBusinessBrandColours
+          - button "LogoKeywords" [ref=e432] [cursor=pointer]:
+            - generic [ref=e433]:
+              - img [ref=e435]
+              - img [ref=e437]
+            - text: LogoKeywords
+          - button "UploadedLogoSearchResultCard" [ref=e440] [cursor=pointer]:
+            - generic [ref=e441]:
+              - img [ref=e443]
+              - img [ref=e445]
+            - text: UploadedLogoSearchResultCard
+          - button "WebsitesContextualUpgradeModal" [ref=e448] [cursor=pointer]:
+            - generic [ref=e449]:
+              - img [ref=e451]
+              - img [ref=e453]
+            - text: WebsitesContextualUpgradeModal
+          - generic [ref=e455]:
+            - button "Experiences" [expanded] [ref=e456] [cursor=pointer]:
+              - img [ref=e458]
+              - text: Experiences
+            - button "Collapse" [ref=e460] [cursor=pointer]:
+              - img [ref=e461]
+          - button "SideNavigationPanel" [ref=e464] [cursor=pointer]:
+            - generic [ref=e465]:
+              - img [ref=e467]
+              - img [ref=e469]
+            - text: SideNavigationPanel
+      - link "Storybook 10.3 Learn what's new in Storybook" [ref=e473] [cursor=pointer]:
+        - /url: /?path=/settings/whats-new
+        - img [ref=e475]
+        - generic [ref=e477]:
+          - generic "Storybook 10.3" [ref=e478]
+          - generic [ref=e479]: Learn what's new in Storybook
+        - button "Dismiss notification" [ref=e480]:
+          - img [ref=e481]
+  - main [ref=e484]:
+    - generic [ref=e486]:
+      - generic [ref=e487]:
+        - button "Remount component" [ref=e488] [cursor=pointer]:
+          - img [ref=e489]
+        - button "Zoom in" [ref=e491] [cursor=pointer]:
+          - img [ref=e492]
+        - button "Zoom out" [ref=e495] [cursor=pointer]:
+          - img [ref=e496]
+        - button "Reset zoom" [ref=e499] [cursor=pointer]:
+          - img [ref=e500]
+        - button "Apply a grid to the preview" [ref=e503] [cursor=pointer]:
+          - img [ref=e504]
+        - button "Change the background of the preview" [ref=e507] [cursor=pointer]:
+          - img [ref=e508]
+        - button "Enable measure" [ref=e511] [cursor=pointer]:
+          - img [ref=e512]
+        - button "Apply outlines to the preview" [ref=e515] [cursor=pointer]:
+          - img [ref=e516]
+        - button "Change the size of the preview" [ref=e519] [cursor=pointer]:
+          - img [ref=e520]
+        - button "Vision simulator" [ref=e525] [cursor=pointer]:
+          - img [ref=e526]
+        - generic:
+          - img
+        - button "brandCrowd theme" [ref=e531] [cursor=pointer]:
+          - img [ref=e532]
+          - generic [ref=e534]: brandCrowd theme
+        - button "🇺🇸 English (US)" [ref=e537] [cursor=pointer]:
+          - img [ref=e538]
+          - text: 🇺🇸 English (US)
+      - generic [ref=e540]:
+        - button "Go full screen" [ref=e541] [cursor=pointer]:
+          - img [ref=e542]
+        - link "Open canvas in new tab" [ref=e544] [cursor=pointer]:
+          - /url: iframe.html?globals=&id=components-voicetotextbutton--light-input-demo
+          - img [ref=e545]
+        - button "Copy canvas link" [ref=e548] [cursor=pointer]:
+          - img [ref=e549]
+    - generic [ref=e554]:
+      - link "Skip to sidebar" [ref=e555] [cursor=pointer]:
+        - /url: "#components-voicetotextbutton--light-input-demo"
+      - iframe [ref=e556]:
+        - generic [active] [ref=f1e1]:
+          - generic [ref=f1e3]:
+            - heading "Search" [level=1] [ref=f1e4]
+            - paragraph [ref=f1e5]: Find what you're looking for
+            - textbox "Type to search..." [ref=f1e7]
+          - generic [ref=f1e8]:
+            - generic "Toggle devtools panel" [ref=f1e9] [cursor=pointer]:
+              - img [ref=f1e10]
+            - generic "Toggle Component Inspector" [ref=f1e15] [cursor=pointer]:
+              - img [ref=f1e16]
+  - generic [ref=e559]:
+    - generic [ref=e561]:
+      - tablist [ref=e563]:
+        - tab "Controls 5" [ref=e564] [cursor=pointer]:
+          - generic [ref=e565]:
+            - generic [ref=e566]: Controls
+            - generic [ref=e567]: "5"
+        - tab "Actions" [ref=e568] [cursor=pointer]:
+          - generic [ref=e570]: Actions
+        - tab "Interactions" [ref=e571] [cursor=pointer]:
+          - generic [ref=e573]: Interactions
+        - tab "Accessibility 1" [ref=e574] [cursor=pointer]:
+          - generic [ref=e575]:
+            - generic [ref=e576]: Accessibility
+            - generic [ref=e577]: "1"
+      - generic [ref=e580]:
+        - button "Change addon orientation [alt D]" [ref=e581] [cursor=pointer]:
+          - img [ref=e582]
+        - button "Hide addons [alt A]" [ref=e585] [cursor=pointer]:
+          - img [ref=e586]
+    - table [ref=e593]:
+      - rowgroup [ref=e594]:
+        - row "Name Control" [ref=e595]:
+          - columnheader "Name" [ref=e596]
+          - columnheader "Control" [ref=e597]:
+            - generic [ref=e598]:
+              - text: Control
+              - button "Reset controls" [ref=e599] [cursor=pointer]:
+                - img [ref=e600]
+      - rowgroup [ref=e602]:
+        - row "Hide props items props Hide props items" [ref=e603]:
+          - cell "Hide props items props" [ref=e604]:
+            - button "Hide props items" [ref=e605]
+            - generic [ref=e606]:
+              - img [ref=e607]
+              - text: props
+          - cell "Hide props items" [ref=e609]:
+            - button "Hide props items" [ref=e610]
+        - row "lang -" [ref=e611]:
+          - cell "lang" [ref=e612]
+          - cell "-" [ref=e613]
+        - row "disabled -" [ref=e614]:
+          - cell "disabled" [ref=e615]
+          - cell "-" [ref=e616]
+        - row "size -" [ref=e617]:
+          - cell "size" [ref=e618]
+          - cell "-" [ref=e619]
+        - row "variant -" [ref=e620]:
+          - cell "variant" [ref=e621]
+          - cell "-" [ref=e622]
+        - row "Hide events items events Hide events items" [ref=e623]:
+          - cell "Hide events items events" [ref=e624]:
+            - button "Hide events items" [ref=e625]
+            - generic [ref=e626]:
+              - img [ref=e627]
+              - text: events
+          - cell "Hide events items" [ref=e629]:
+            - button "Hide events items" [ref=e630]
+        - row "on-transcript -" [ref=e631]:
+          - cell "on-transcript" [ref=e632]
+          - cell "-" [ref=e633]
+        - row "on-interim-transcript -" [ref=e634]:
+          - cell "on-interim-transcript" [ref=e635]
+          - cell "-" [ref=e636]
+        - row "on-start -" [ref=e637]:
+          - cell "on-start" [ref=e638]
+          - cell "-" [ref=e639]
+        - row "on-stop -" [ref=e640]:
+          - cell "on-stop" [ref=e641]
+          - cell "-" [ref=e642]
+        - row "on-error -" [ref=e643]:
+          - cell "on-error" [ref=e644]
+          - cell "-" [ref=e645]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.8.3",
+  "version": "1.8.4-edge-fallback-0",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/src/atoms/components/VoiceToTextButton/VoiceToTextButton.stories.ts

@@ -1,4 +1,5 @@
 import VoiceToTextButton from './VoiceToTextButton.vue';
+import { __setVoiceToTextSessionDisabled } from '../../../useVoiceToText';
 
 export default {
   title: 'Components/VoiceToTextButton',
@@ -240,3 +241,70 @@ export const SideBySide = () => ({
 SideBySide.story = {
   name: 'Side by Side Comparison',
 };
+
+export const ForceUnsupported = () => ({
+  components: { VoiceToTextButton },
+  data() {
+    return {
+      // Reactive ping so the button re-renders when we flip the session flag.
+      // The composable's isSupported is reactive on its own, but the parent
+      // template uses :key to make the toggle obvious in Storybook.
+      tick: 0,
+    };
+  },
+  methods: {
+    forceUnsupported() {
+      __setVoiceToTextSessionDisabled(true);
+      this.tick += 1;
+    },
+    reset() {
+      __setVoiceToTextSessionDisabled(false);
+      this.tick += 1;
+    },
+  },
+  template: `
+    <div class="tw-min-h-[400px] tw-p-8 tw-flex tw-flex-col tw-items-center tw-justify-center tw-bg-white">
+      <h3 class="tw-text-grayscale-800 tw-text-lg tw-font-semibold tw-mb-2">Force unsupported preview</h3>
+      <p class="tw-text-grayscale-600 tw-text-sm tw-mb-6 tw-text-center tw-max-w-md">
+        Simulates the Edge fallback: after a 'network' SpeechRecognitionError, the composable latches
+        <code class="tw-bg-grayscale-100 tw-px-1 tw-rounded">isSupported</code> to false for the rest of the session
+        and the button hides itself. Reset clears the session flag.
+      </p>
+
+      <div class="tw-flex tw-gap-3 tw-mb-6">
+        <button
+          type="button"
+          @click="forceUnsupported"
+          class="tw-px-4 tw-py-2 tw-rounded tw-bg-error-500 tw-text-white tw-text-sm hover:tw-bg-error-600"
+        >
+          Force unsupported
+        </button>
+        <button
+          type="button"
+          @click="reset"
+          class="tw-px-4 tw-py-2 tw-rounded tw-bg-grayscale-200 tw-text-grayscale-800 tw-text-sm hover:tw-bg-grayscale-300"
+        >
+          Reset
+        </button>
+      </div>
+
+      <div class="tw-w-full tw-max-w-xl tw-bg-grayscale-100 tw-rounded-full tw-px-6 tw-py-3 tw-flex tw-items-center tw-gap-3 tw-border tw-border-grayscale-300 tw-min-h-[64px]">
+        <input
+          type="text"
+          placeholder="Voice input would appear on the right..."
+          class="tw-flex-1 tw-bg-transparent tw-border-none tw-text-grayscale-800 tw-placeholder-grayscale-500 focus:tw-outline-none tw-text-base"
+        />
+        <VoiceToTextButton :key="tick" variant="light" size="md" />
+      </div>
+
+      <p class="tw-text-grayscale-500 tw-text-xs tw-mt-4">
+        Tip: open DevTools → Application → Session Storage to see the
+        <code class="tw-bg-grayscale-100 tw-px-1 tw-rounded">fe-shared-lib:voice-to-text-disabled</code> key.
+      </p>
+    </div>
+  `,
+});
+
+ForceUnsupported.story = {
+  name: 'Force Unsupported (Edge Fallback)',
+};

package/src/useVoiceToText.ts

@@ -30,6 +30,14 @@ let recognition: SpeechRecognition | null = null;
 let isInitialized = false;
 let errorClearTimeout: ReturnType<typeof setTimeout> | null = null;
 let state: VoiceToTextState | null = null;
+let sessionDisabled: Ref<boolean> | null = null;
+
+// Edge ships window.SpeechRecognition but routes it through Microsoft's Online
+// Speech service, which is gated by a Windows privacy toggle that's commonly
+// off — start() then fires a 'network' error. There's no synchronous capability
+// check, so we latch on the first network error and treat the feature as
+// unsupported for the rest of the session. See issue #161.
+const SESSION_DISABLED_KEY = 'fe-shared-lib:voice-to-text-disabled';
 
 // Error message mapping per spec
 const ERROR_MESSAGES: Record<string, string> = {
@@ -53,6 +61,43 @@ function getState(): VoiceToTextState {
   return state;
 }
 
+function getSessionDisabled(): Ref<boolean> {
+  if (!sessionDisabled) {
+    let initial = false;
+    try {
+      initial = typeof window !== 'undefined' && window.sessionStorage?.getItem(SESSION_DISABLED_KEY) === '1';
+    } catch {
+      // sessionStorage can throw in sandboxed iframes / disabled-cookie contexts
+    }
+    sessionDisabled = ref(initial);
+  }
+  return sessionDisabled;
+}
+
+function setSessionDisabled(disabled: boolean): void {
+  const flag = getSessionDisabled();
+  flag.value = disabled;
+  try {
+    if (typeof window === 'undefined') return;
+    if (disabled) {
+      window.sessionStorage?.setItem(SESSION_DISABLED_KEY, '1');
+    } else {
+      window.sessionStorage?.removeItem(SESSION_DISABLED_KEY);
+    }
+  } catch {
+    // ignore storage failures — in-memory flag still applies for this session
+  }
+}
+
+/**
+ * Test/Storybook helper: force the session-disabled latch on or off without
+ * needing a real network error. Not part of the public consumer API.
+ */
+// eslint-disable-next-line no-underscore-dangle
+export function __setVoiceToTextSessionDisabled(disabled: boolean): void {
+  setSessionDisabled(disabled);
+}
+
 /**
  * Singleton composable that wraps the Web Speech API (SpeechRecognition).
  * All calls to useVoiceToText() return the same shared instance.
@@ -67,7 +112,8 @@ export function useVoiceToText(options: UseVoiceToTextOptions = {}): UseVoiceToT
   const SpeechRecognitionCtor: typeof SpeechRecognition | null =
     typeof window !== 'undefined' ? window.SpeechRecognition || window.webkitSpeechRecognition : null;
 
-  const isSupported = computed(() => !!SpeechRecognitionCtor);
+  const sessionDisabledRef = getSessionDisabled();
+  const isSupported = computed(() => !!SpeechRecognitionCtor && !sessionDisabledRef.value);
 
   // Initialize singleton once
   if (!isInitialized && SpeechRecognitionCtor) {
@@ -98,6 +144,17 @@ export function useVoiceToText(options: UseVoiceToTextOptions = {}): UseVoiceToT
         return;
       }
 
+      // Latch on first network error: Edge exposes SpeechRecognition but the
+      // backend doesn't actually work for most users. Hide the feature for the
+      // rest of the session rather than surfacing a recurring toast.
+      if (event.error === 'network') {
+        // eslint-disable-next-line no-console
+        console.warn('[useVoiceToText] network error — disabling voice input for this session');
+        isListening.value = false;
+        setSessionDisabled(true);
+        return;
+      }
+
       const message = ERROR_MESSAGES[event.error] || 'An error occurred with speech recognition.';
       error.value = message;