dsh-live-voice-debugger 0.5.1 → 0.6.0

package/lib/client.js

@@ -34,7 +34,7 @@ __export(apply_exports, {
   inject: () => inject
 });
 module.exports = __toCommonJS(apply_exports);
-var import_react22 = __toESM(require("react"), 1);
+var import_react25 = __toESM(require("react"), 1);
 
 // ../live-voice/src/shared/design-system/buttons/IconButton.tsx
 var import_react2 = __toESM(require("react"), 1);
@@ -226,32 +226,44 @@ var import_react10 = __toESM(require("react"), 1);
 // ../live-voice/src/shared/design-system/forms/SelectField.tsx
 var import_react12 = __toESM(require("react"), 1);
 
-// ../live-voice/src/shared/design-system/forms/TextAreaField.tsx
+// ../live-voice/src/shared/design-system/forms/ShortcutField.tsx
 var import_react13 = __toESM(require("react"), 1);
 
-// ../live-voice/src/shared/design-system/forms/TextField.tsx
+// ../live-voice/src/shared/design-system/forms/keyboardShortcut.ts
+var modifierFlags = {
+  Control: "ctrlKey",
+  Alt: "altKey",
+  Shift: "shiftKey",
+  Meta: "metaKey"
+};
+var modifiers = Object.keys(modifierFlags);
+
+// ../live-voice/src/shared/design-system/forms/TextAreaField.tsx
 var import_react14 = __toESM(require("react"), 1);
 
-// ../live-voice/src/shared/design-system/layout/SettingsCard.tsx
+// ../live-voice/src/shared/design-system/forms/TextField.tsx
 var import_react15 = __toESM(require("react"), 1);
 
+// ../live-voice/src/shared/design-system/layout/SettingsCard.tsx
+var import_react16 = __toESM(require("react"), 1);
+
 // ../live-voice/src/shared/design-system/layout/SettingsSection.tsx
-var import_react17 = __toESM(require("react"), 1);
+var import_react18 = __toESM(require("react"), 1);
 
 // ../live-voice/src/shared/design-system/layout/SettingsSectionBody.tsx
-var import_react16 = __toESM(require("react"), 1);
+var import_react17 = __toESM(require("react"), 1);
 
 // ../live-voice/src/shared/design-system/layout/SettingsSubcard.tsx
-var import_react18 = __toESM(require("react"), 1);
+var import_react19 = __toESM(require("react"), 1);
 
 // ../live-voice/src/shared/design-system/layout/SettingsTabs.tsx
-var import_react19 = __toESM(require("react"), 1);
+var import_react20 = __toESM(require("react"), 1);
 
 // src/apply.tsx
 var import_client = require("react-dom/client");
 
 // src/DebuggerPanel.tsx
-var import_react21 = __toESM(require("react"), 1);
+var import_react24 = __toESM(require("react"), 1);
 
 // ../live-voice/src/modules/core/diagnostics.ts
 var DIAGNOSTIC_KEY = /* @__PURE__ */ Symbol.for("dsh-live-voice.diagnostics.v1");
@@ -372,7 +384,7 @@ function createInspector(source, now = Date.now, limit = 200) {
 }
 
 // src/StateTree.tsx
-var import_react20 = __toESM(require("react"), 1);
+var import_react21 = __toESM(require("react"), 1);
 function StateTree({
   name,
   value,
@@ -380,9 +392,498 @@ function StateTree({
   depth = 0
 }) {
   if (value === null || typeof value !== "object")
-    return /* @__PURE__ */ import_react20.default.createElement("div", { className: "dlvd-leaf" }, /* @__PURE__ */ import_react20.default.createElement("code", null, name), /* @__PURE__ */ import_react20.default.createElement("span", { "data-kind": typeof value }, String(value)));
+    return /* @__PURE__ */ import_react21.default.createElement("div", { className: "dlvd-leaf" }, /* @__PURE__ */ import_react21.default.createElement("code", null, name), /* @__PURE__ */ import_react21.default.createElement("span", { "data-kind": typeof value }, String(value)));
   const entries = Object.entries(value);
-  return /* @__PURE__ */ import_react20.default.createElement("details", { className: "dlvd-branch", open: depth < 3 }, /* @__PURE__ */ import_react20.default.createElement("summary", null, /* @__PURE__ */ import_react20.default.createElement("code", null, name), /* @__PURE__ */ import_react20.default.createElement("small", null, Array.isArray(value) ? "[" + entries.length + "]" : "{" + entries.length + "}")), entries.slice(0, 100).map(([key, child]) => /* @__PURE__ */ import_react20.default.createElement(StateTree, { key, name: key, value: child, omitted, depth: depth + 1 })), entries.length > 100 && /* @__PURE__ */ import_react20.default.createElement("p", null, omitted));
+  return /* @__PURE__ */ import_react21.default.createElement("details", { className: "dlvd-branch", open: depth < 3 }, /* @__PURE__ */ import_react21.default.createElement("summary", null, /* @__PURE__ */ import_react21.default.createElement("code", null, name), /* @__PURE__ */ import_react21.default.createElement("small", null, Array.isArray(value) ? "[" + entries.length + "]" : "{" + entries.length + "}")), entries.slice(0, 100).map(([key, child]) => /* @__PURE__ */ import_react21.default.createElement(StateTree, { key, name: key, value: child, omitted, depth: depth + 1 })), entries.length > 100 && /* @__PURE__ */ import_react21.default.createElement("p", null, omitted));
+}
+
+// src/RecordingPanel.tsx
+var import_react22 = __toESM(require("react"), 1);
+
+// ../live-voice/src/modules/recording/types.ts
+var RECORDING_KEY = /* @__PURE__ */ Symbol.for("dsh-live-voice.recordings.v1");
+var RECORDING_CHANGED = "dsh-live-voice:recordings-changed";
+
+// src/recordingInspector.ts
+function createRecordingInspector(target, changed) {
+  let disposed = false;
+  let generation = 0;
+  let selectedId = "";
+  let service = null;
+  let unsubscribe = null;
+  let runningGeneration = null;
+  let dirty = false;
+  let view = {
+    service: null,
+    sessions: [],
+    selected: null,
+    segments: [],
+    loading: false,
+    failed: false
+  };
+  const emit = (next) => {
+    if (disposed) return;
+    view = next;
+    changed(view);
+  };
+  const release = () => {
+    const previous = unsubscribe;
+    unsubscribe = null;
+    try {
+      previous?.();
+    } catch {
+    }
+  };
+  async function drain() {
+    if (runningGeneration === generation || disposed) return;
+    const worker = generation;
+    runningGeneration = worker;
+    try {
+      while (dirty && !disposed && worker === generation) {
+        dirty = false;
+        const current = service;
+        const token = generation;
+        if (!current) continue;
+        try {
+          const sessions = await current.list();
+          if (disposed || token !== generation) continue;
+          const id = sessions.some((s) => s.id === selectedId) ? selectedId : sessions[0]?.id ?? "";
+          const selected = id ? await current.get(id) : null;
+          if (disposed || token !== generation) continue;
+          const segments = selected ? current.segments(selected) : [];
+          selectedId = selected?.id ?? "";
+          emit({ service: current, sessions, selected, segments, loading: false, failed: false });
+        } catch {
+          if (!disposed && token === generation) emit({ ...view, loading: false, failed: true });
+        }
+      }
+    } finally {
+      if (runningGeneration === worker) runningGeneration = null;
+    }
+  }
+  const refresh = () => {
+    if (disposed || !service) return;
+    dirty = true;
+    void drain();
+  };
+  const discover = () => {
+    if (disposed) return;
+    try {
+      const candidate = target[RECORDING_KEY];
+      const next = candidate?.version === 1 && ["list", "get", "segments", "audio", "export", "remove", "setStarred", "subscribe"].every(
+        (k) => typeof candidate[k] === "function"
+      ) ? candidate : null;
+      if (next === service) return;
+      ++generation;
+      release();
+      service = next;
+      selectedId = "";
+      emit({
+        service,
+        sessions: [],
+        selected: null,
+        segments: [],
+        loading: !!service,
+        failed: false
+      });
+      if (service) {
+        unsubscribe = service.subscribe(refresh);
+        refresh();
+      }
+    } catch {
+      ++generation;
+      release();
+      service = null;
+      emit({
+        service: null,
+        sessions: [],
+        selected: null,
+        segments: [],
+        loading: false,
+        failed: true
+      });
+    }
+  };
+  return {
+    discover,
+    refresh,
+    select(id) {
+      if (disposed || id === selectedId) return;
+      selectedId = id;
+      ++generation;
+      emit({ ...view, selected: null, segments: [], loading: true });
+      refresh();
+    },
+    dispose() {
+      disposed = true;
+      ++generation;
+      release();
+    }
+  };
+}
+
+// src/RecordingPanel.tsx
+function duration(samples, rate) {
+  const milliseconds = Math.max(0, Math.round(samples / Math.max(1, rate) * 1e3));
+  const seconds = Math.floor(milliseconds / 1e3);
+  return [Math.floor(seconds / 3600), Math.floor(seconds / 60) % 60, seconds % 60].map((n) => String(n).padStart(2, "0")).join(":") + "." + String(milliseconds % 1e3).padStart(3, "0");
+}
+var sourceKey = (session) => JSON.stringify([session.kind, session.sourceId]);
+var sourceName = (session, copy) => (session.kind === "microphone" ? copy.recordingMicrophone : copy.recordingShared) + " \xB7 " + (session.label || session.sourceId) + " \xB7 " + session.sourceId;
+function stateName(session, copy) {
+  return {
+    recording: copy.recordingActive,
+    completed: copy.recordingCompleted,
+    interrupted: copy.recordingInterrupted,
+    failed: copy.recordingFailed
+  }[session.state];
+}
+function RecordingPanel({ copy, target }) {
+  const [view, setView] = import_react22.default.useState({
+    service: null,
+    sessions: [],
+    selected: null,
+    segments: [],
+    loading: true,
+    failed: false
+  });
+  const inspector = import_react22.default.useRef(null);
+  const [filter, setFilter] = import_react22.default.useState("");
+  import_react22.default.useEffect(() => {
+    const current = createRecordingInspector(target, setView);
+    inspector.current = current;
+    current.discover();
+    const timer = setInterval(current.discover, 1e3);
+    target.addEventListener(RECORDING_CHANGED, current.discover);
+    return () => {
+      clearInterval(timer);
+      target.removeEventListener(RECORDING_CHANGED, current.discover);
+      current.dispose();
+      inspector.current = null;
+    };
+  }, [target]);
+  const sources = [
+    ...new Map(view.sessions.map((session) => [sourceKey(session), session])).values()
+  ];
+  const visible = view.sessions.filter((session) => !filter || sourceKey(session) === filter).slice().sort((a, b) => b.startedAt.localeCompare(a.startedAt));
+  import_react22.default.useEffect(() => {
+    if (!view.loading && filter && visible.length && !visible.some((s) => s.id === view.selected?.id))
+      inspector.current?.select(visible[0].id);
+  }, [filter, view.selected?.id, view.loading, visible[0]?.id]);
+  const selected = view.selected && visible.some((s) => s.id === view.selected?.id) ? view.selected : null;
+  return /* @__PURE__ */ import_react22.default.createElement("section", { className: "dlvd-recordings", "aria-label": copy.recordingTitle }, /* @__PURE__ */ import_react22.default.createElement("p", null, copy.recordingHelp), /* @__PURE__ */ import_react22.default.createElement("div", { className: "dlvd-toolbar" }, /* @__PURE__ */ import_react22.default.createElement("label", null, copy.recordingSourceFilter, " ", /* @__PURE__ */ import_react22.default.createElement("select", { value: filter, onChange: (event) => setFilter(event.target.value) }, /* @__PURE__ */ import_react22.default.createElement("option", { value: "" }, copy.recordingAllSources), sources.map((session) => /* @__PURE__ */ import_react22.default.createElement("option", { key: sourceKey(session), value: sourceKey(session) }, sourceName(session, copy))))), /* @__PURE__ */ import_react22.default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => {
+        inspector.current?.discover();
+        inspector.current?.refresh();
+      }
+    },
+    copy.recordingRefresh
+  )), view.failed && /* @__PURE__ */ import_react22.default.createElement("p", { role: "alert" }, copy.recordingLoadError), !view.service ? /* @__PURE__ */ import_react22.default.createElement("p", { role: "status" }, copy.recordingUnavailable) : /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, view.loading && /* @__PURE__ */ import_react22.default.createElement("p", { role: "status" }, copy.recordingLoading), /* @__PURE__ */ import_react22.default.createElement("div", { className: "dlvd-recording-columns" }, /* @__PURE__ */ import_react22.default.createElement(
+    "div",
+    {
+      className: "dlvd-session-list dlvd-scroll",
+      tabIndex: 0,
+      "aria-label": copy.recordingTitle
+    },
+    !visible.length && !view.loading && /* @__PURE__ */ import_react22.default.createElement("p", null, copy.recordingEmpty),
+    sources.filter((source) => !filter || sourceKey(source) === filter).map((source) => /* @__PURE__ */ import_react22.default.createElement("section", { key: sourceKey(source), "aria-label": sourceName(source, copy) }, /* @__PURE__ */ import_react22.default.createElement("h3", null, sourceName(source, copy)), /* @__PURE__ */ import_react22.default.createElement("table", null, /* @__PURE__ */ import_react22.default.createElement("thead", null, /* @__PURE__ */ import_react22.default.createElement("tr", null, /* @__PURE__ */ import_react22.default.createElement("th", { scope: "col" }, copy.recordingDate), /* @__PURE__ */ import_react22.default.createElement("th", { scope: "col" }, copy.recordingState), /* @__PURE__ */ import_react22.default.createElement("th", { scope: "col" }, copy.recordingDuration), /* @__PURE__ */ import_react22.default.createElement("th", { scope: "col" }, copy.recordingSaved))), /* @__PURE__ */ import_react22.default.createElement("tbody", null, visible.filter((session) => sourceKey(session) === sourceKey(source)).map((session) => /* @__PURE__ */ import_react22.default.createElement("tr", { key: session.id, "data-selected": session.id === selected?.id }, /* @__PURE__ */ import_react22.default.createElement("td", null, /* @__PURE__ */ import_react22.default.createElement(
+      "button",
+      {
+        type: "button",
+        "aria-pressed": session.id === selected?.id,
+        onClick: () => inspector.current?.select(session.id)
+      },
+      session.starred && /* @__PURE__ */ import_react22.default.createElement(
+        "span",
+        {
+          role: "img",
+          "aria-label": copy.recordingStarred,
+          title: copy.recordingStarHelp
+        },
+        "\u2605"
+      ),
+      " ",
+      /* @__PURE__ */ import_react22.default.createElement("time", { dateTime: session.startedAt }, new Date(session.startedAt).toLocaleString())
+    )), /* @__PURE__ */ import_react22.default.createElement("td", null, stateName(session, copy)), /* @__PURE__ */ import_react22.default.createElement("td", null, duration(session.capturedSamples, session.sampleRate)), /* @__PURE__ */ import_react22.default.createElement("td", null, duration(session.savedSamples, session.sampleRate), /* @__PURE__ */ import_react22.default.createElement("br", null), session.storage === "indexeddb" || session.persistent ? copy.recordingPersistent : copy.recordingMemory)))))))
+  ), /* @__PURE__ */ import_react22.default.createElement("div", { className: "dlvd-recording-detail dlvd-scroll", tabIndex: 0 }, selected ? /* @__PURE__ */ import_react22.default.createElement(
+    RecordingDetail,
+    {
+      key: selected.id,
+      copy,
+      session: selected,
+      service: view.service,
+      segments: view.segments,
+      refresh: () => inspector.current?.refresh()
+    }
+  ) : /* @__PURE__ */ import_react22.default.createElement("p", null, copy.recordingSelectSession)))));
+}
+function RecordingDetail({
+  copy,
+  session,
+  service,
+  segments,
+  refresh
+}) {
+  const container = import_react22.default.useRef(null);
+  const audio = import_react22.default.useRef(null);
+  const playback = import_react22.default.useRef(null);
+  const download = import_react22.default.useRef(null);
+  const generation = import_react22.default.useRef(0);
+  const playGeneration = import_react22.default.useRef(0);
+  const [error, setError] = import_react22.default.useState(null);
+  const [playing, setPlaying] = import_react22.default.useState(false);
+  const [exporting, setExporting] = import_react22.default.useState(false);
+  const [deleting, setDeleting] = import_react22.default.useState(false);
+  const [starring, setStarring] = import_react22.default.useState(false);
+  const [confirmDelete, setConfirmDelete] = import_react22.default.useState(false);
+  const [selectedSegment, setSelectedSegment] = import_react22.default.useState("");
+  const clearPlayback = (player = audio.current) => {
+    ++playGeneration.current;
+    if (player?.hasAttribute("src")) {
+      player.pause();
+      player.removeAttribute("src");
+      player.load();
+    }
+    if (playback.current) playback.current.api.revokeObjectURL(playback.current.url);
+    playback.current = null;
+  };
+  const clearDownload = () => {
+    if (download.current) download.current.api.revokeObjectURL(download.current.url);
+    download.current = null;
+  };
+  import_react22.default.useEffect(() => {
+    setStarring(false);
+    const owner = container.current?.ownerDocument.defaultView;
+    const player = audio.current;
+    const release = () => {
+      ++generation.current;
+      clearPlayback(player);
+      clearDownload();
+    };
+    owner?.addEventListener("pagehide", release);
+    return () => {
+      owner?.removeEventListener("pagehide", release);
+      release();
+    };
+  }, [service, session.id]);
+  const play = async (segment) => {
+    clearPlayback();
+    const token = generation.current;
+    const request = playGeneration.current;
+    setPlaying(true);
+    setError(null);
+    setSelectedSegment(segment?.id ?? "");
+    try {
+      const blob = await service.audio(session.id, segment?.startSample, segment?.endSample);
+      if (token !== generation.current || request !== playGeneration.current) return;
+      const player = audio.current;
+      const api = player?.ownerDocument.defaultView?.URL;
+      if (!player || !api) return;
+      const url = api.createObjectURL(blob);
+      playback.current = { url, api };
+      player.src = url;
+      await player.play();
+    } catch {
+      if (token === generation.current && request === playGeneration.current) {
+        clearPlayback();
+        setError("recordingAudioError");
+        setPlaying(false);
+      }
+    } finally {
+      if (token === generation.current && request === playGeneration.current) setPlaying(false);
+    }
+  };
+  const exportSession = async () => {
+    const token = generation.current;
+    setExporting(true);
+    setError(null);
+    clearDownload();
+    try {
+      const blob = await service.export(session.id);
+      if (token !== generation.current) return;
+      const doc = container.current?.ownerDocument;
+      const api = doc?.defaultView?.URL;
+      if (!doc || !api) return;
+      const url = api.createObjectURL(blob);
+      download.current = { url, api };
+      const link = doc.createElement("a");
+      link.href = url;
+      link.download = "recording-" + session.id.replace(/[^a-zA-Z0-9_-]/g, "_") + ".json";
+      doc.body.appendChild(link);
+      try {
+        link.click();
+      } finally {
+        link.remove();
+      }
+    } catch {
+      if (token === generation.current) {
+        clearDownload();
+        setError("recordingExportError");
+      }
+    } finally {
+      if (token === generation.current) setExporting(false);
+    }
+  };
+  const toggleStarred = async () => {
+    const token = generation.current;
+    setStarring(true);
+    setError(null);
+    try {
+      await service.setStarred(session.id, !session.starred);
+      if (token === generation.current) refresh();
+    } catch {
+      if (token === generation.current) setError("recordingStarError");
+    } finally {
+      if (token === generation.current) setStarring(false);
+    }
+  };
+  const removeSession = async () => {
+    const token = ++generation.current;
+    setExporting(false);
+    setPlaying(false);
+    setDeleting(true);
+    setError(null);
+    clearPlayback();
+    clearDownload();
+    try {
+      await service.remove(session.id);
+      if (token === generation.current) {
+        setConfirmDelete(false);
+        refresh();
+      }
+    } catch {
+      if (token === generation.current) setError("recordingDeleteError");
+    } finally {
+      if (token === generation.current) setDeleting(false);
+    }
+  };
+  const length = Math.max(1, session.savedSamples);
+  const segmentName = (segment) => (segment.kind === "speech" ? copy.recordingSpeech : copy.recordingSilence) + " \xB7 " + duration(segment.startSample, session.sampleRate) + " \u2014 " + duration(segment.endSample, session.sampleRate);
+  return /* @__PURE__ */ import_react22.default.createElement("section", { ref: container, "aria-label": sourceName(session, copy) }, /* @__PURE__ */ import_react22.default.createElement("h3", null, sourceName(session, copy)), /* @__PURE__ */ import_react22.default.createElement("dl", { className: "dlvd-recording-meta" }, /* @__PURE__ */ import_react22.default.createElement("dt", null, copy.recordingDate), /* @__PURE__ */ import_react22.default.createElement("dd", null, new Date(session.startedAt).toLocaleString()), /* @__PURE__ */ import_react22.default.createElement("dt", null, copy.recordingState), /* @__PURE__ */ import_react22.default.createElement("dd", null, stateName(session, copy)), /* @__PURE__ */ import_react22.default.createElement("dt", null, copy.recordingCaptured), /* @__PURE__ */ import_react22.default.createElement("dd", null, duration(session.capturedSamples, session.sampleRate)), /* @__PURE__ */ import_react22.default.createElement("dt", null, copy.recordingSaved), /* @__PURE__ */ import_react22.default.createElement("dd", null, duration(session.savedSamples, session.sampleRate), " \xB7", session.storage === "indexeddb" || session.persistent ? copy.recordingPersistent : copy.recordingMemory), session.endedAt && /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement("dt", null, copy.recordingEnd), /* @__PURE__ */ import_react22.default.createElement("dd", null, new Date(session.endedAt).toLocaleString()))), session.error && /* @__PURE__ */ import_react22.default.createElement("p", { role: "alert" }, copy.recordingError, ": ", session.error), /* @__PURE__ */ import_react22.default.createElement("div", { className: "dlvd-toolbar" }, /* @__PURE__ */ import_react22.default.createElement(
+    "button",
+    {
+      type: "button",
+      "aria-label": session.starred ? copy.recordingUnstar : copy.recordingStar,
+      "aria-pressed": !!session.starred,
+      title: session.starred ? copy.recordingUnstarHelp : copy.recordingStarHelp,
+      disabled: starring || deleting,
+      onClick: () => void toggleStarred()
+    },
+    session.starred ? "\u2605" : "\u2606"
+  ), /* @__PURE__ */ import_react22.default.createElement(
+    "button",
+    {
+      type: "button",
+      disabled: playing || deleting || !session.savedSamples,
+      onClick: () => void play()
+    },
+    copy.recordingPlaySession
+  ), /* @__PURE__ */ import_react22.default.createElement("button", { type: "button", disabled: exporting || deleting, onClick: () => void exportSession() }, copy.recordingExport), /* @__PURE__ */ import_react22.default.createElement(
+    "button",
+    {
+      type: "button",
+      disabled: deleting || starring,
+      onClick: () => setConfirmDelete(true)
+    },
+    copy.recordingDelete
+  )), confirmDelete && /* @__PURE__ */ import_react22.default.createElement("div", { className: "dlvd-delete-confirm", role: "group", "aria-label": copy.recordingConfirmDelete }, /* @__PURE__ */ import_react22.default.createElement("p", null, copy.recordingConfirmDelete), /* @__PURE__ */ import_react22.default.createElement(
+    "button",
+    {
+      type: "button",
+      disabled: deleting || starring,
+      onClick: () => void removeSession()
+    },
+    copy.recordingDelete
+  ), " ", /* @__PURE__ */ import_react22.default.createElement("button", { type: "button", disabled: deleting, onClick: () => setConfirmDelete(false) }, copy.recordingCancel)), error && /* @__PURE__ */ import_react22.default.createElement("p", { role: "alert" }, copy[error]), /* @__PURE__ */ import_react22.default.createElement(
+    "audio",
+    {
+      ref: audio,
+      controls: true,
+      preload: "none",
+      "aria-label": copy.recordingAudio,
+      onError: () => {
+        clearPlayback();
+        setError("recordingAudioError");
+      }
+    }
+  ), /* @__PURE__ */ import_react22.default.createElement("h4", null, copy.recordingTimeline), /* @__PURE__ */ import_react22.default.createElement("div", { className: "dlvd-timeline", role: "group", "aria-label": copy.recordingTimeline }, segments.map((segment) => /* @__PURE__ */ import_react22.default.createElement(
+    "button",
+    {
+      key: segment.id,
+      type: "button",
+      "data-kind": segment.kind,
+      "aria-label": segmentName(segment),
+      title: segmentName(segment),
+      "aria-pressed": selectedSegment === segment.id,
+      style: {
+        left: segment.startSample / length * 100 + "%",
+        width: Math.max(0, segment.endSample - segment.startSample) / length * 100 + "%"
+      },
+      onClick: () => {
+        clearPlayback();
+        setPlaying(false);
+        setSelectedSegment(segment.id);
+      }
+    }
+  )), session.pins.map((pin) => /* @__PURE__ */ import_react22.default.createElement(
+    "span",
+    {
+      key: pin.id,
+      className: "dlvd-pin",
+      "aria-hidden": "true",
+      style: { left: Math.min(length, pin.atSample) / length * 100 + "%" },
+      title: (pin.kind === "speech-start" ? copy.recordingSpeech : copy.recordingSilence) + " \xB7 " + duration(pin.atSample, session.sampleRate)
+    }
+  ))), /* @__PURE__ */ import_react22.default.createElement("div", { className: "dlvd-timeline-legend" }, /* @__PURE__ */ import_react22.default.createElement("span", { "data-kind": "speech" }, copy.recordingSpeech), " \xB7 ", /* @__PURE__ */ import_react22.default.createElement("span", { "data-kind": "silence" }, copy.recordingSilence), " \xB7 ", duration(session.savedSamples, session.sampleRate)), /* @__PURE__ */ import_react22.default.createElement("h4", null, copy.recordingSegments), /* @__PURE__ */ import_react22.default.createElement("table", { className: "dlvd-segments" }, /* @__PURE__ */ import_react22.default.createElement("thead", null, /* @__PURE__ */ import_react22.default.createElement("tr", null, /* @__PURE__ */ import_react22.default.createElement("th", { scope: "col" }, copy.recordingState), /* @__PURE__ */ import_react22.default.createElement("th", { scope: "col" }, copy.recordingStart), /* @__PURE__ */ import_react22.default.createElement("th", { scope: "col" }, copy.recordingEnd), /* @__PURE__ */ import_react22.default.createElement("th", { scope: "col" }, copy.recordingDuration), /* @__PURE__ */ import_react22.default.createElement("th", { scope: "col" }, copy.recordingAudio))), /* @__PURE__ */ import_react22.default.createElement("tbody", null, segments.map((segment) => /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, { key: segment.id }, /* @__PURE__ */ import_react22.default.createElement("tr", { "data-selected": selectedSegment === segment.id }, /* @__PURE__ */ import_react22.default.createElement("td", null, segment.kind === "speech" ? copy.recordingSpeech : copy.recordingSilence, segment.open && /* @__PURE__ */ import_react22.default.createElement("small", null, copy.recordingOpen)), /* @__PURE__ */ import_react22.default.createElement("td", null, duration(segment.startSample, session.sampleRate)), /* @__PURE__ */ import_react22.default.createElement("td", null, duration(segment.endSample, session.sampleRate)), /* @__PURE__ */ import_react22.default.createElement("td", null, duration(segment.endSample - segment.startSample, session.sampleRate)), /* @__PURE__ */ import_react22.default.createElement("td", null, /* @__PURE__ */ import_react22.default.createElement(
+    "button",
+    {
+      type: "button",
+      disabled: deleting || segment.endSample <= segment.startSample,
+      "aria-label": copy.recordingPlay + " \xB7 " + segmentName(segment),
+      onClick: () => void play(segment)
+    },
+    copy.recordingPlay
+  ))), segment.kind === "speech" && /* @__PURE__ */ import_react22.default.createElement("tr", null, /* @__PURE__ */ import_react22.default.createElement("td", { colSpan: 5 }, /* @__PURE__ */ import_react22.default.createElement("details", { open: selectedSegment === segment.id || void 0 }, /* @__PURE__ */ import_react22.default.createElement("summary", null, copy.recordingAttempts, " \xB7 ", segment.attempts.length), !segment.attempts.length && /* @__PURE__ */ import_react22.default.createElement("p", null, copy.recordingNoAttempts), segment.attempts.map((attempt) => /* @__PURE__ */ import_react22.default.createElement("article", { className: "dlvd-attempt", key: attempt.id }, /* @__PURE__ */ import_react22.default.createElement("div", null, copy.recordingEngine, ": ", attempt.engine, " \xB7", {
+    pending: copy.recordingPending,
+    success: copy.recordingSuccess,
+    error: copy.recordingError
+  }[attempt.status]), /* @__PURE__ */ import_react22.default.createElement("time", { dateTime: attempt.createdAt }, new Date(attempt.createdAt).toLocaleString()), attempt.finishedAt && /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, " ", "\u2014", " ", /* @__PURE__ */ import_react22.default.createElement("time", { dateTime: attempt.finishedAt }, new Date(attempt.finishedAt).toLocaleString())), /* @__PURE__ */ import_react22.default.createElement("div", null, duration(attempt.startSample, session.sampleRate), " \u2014", " ", duration(attempt.endSample, session.sampleRate)), attempt.text != null && /* @__PURE__ */ import_react22.default.createElement("p", { className: "dlvd-transcript" }, attempt.text), attempt.error && /* @__PURE__ */ import_react22.default.createElement("p", { className: "dlvd-attempt-error" }, copy.recordingError, ": ", attempt.error)))))))))), /* @__PURE__ */ import_react22.default.createElement("details", null, /* @__PURE__ */ import_react22.default.createElement("summary", null, copy.recordingPins, " \xB7 ", session.pins.length), /* @__PURE__ */ import_react22.default.createElement("table", null, /* @__PURE__ */ import_react22.default.createElement("thead", null, /* @__PURE__ */ import_react22.default.createElement("tr", null, /* @__PURE__ */ import_react22.default.createElement("th", { scope: "col" }, copy.recordingState), /* @__PURE__ */ import_react22.default.createElement("th", { scope: "col" }, copy.recordingStart), /* @__PURE__ */ import_react22.default.createElement("th", { scope: "col" }, copy.recordingPinConfirmed), /* @__PURE__ */ import_react22.default.createElement("th", { scope: "col" }, copy.recordingPinDelay))), /* @__PURE__ */ import_react22.default.createElement("tbody", null, session.pins.map((pin) => /* @__PURE__ */ import_react22.default.createElement("tr", { key: pin.id }, /* @__PURE__ */ import_react22.default.createElement("td", null, pin.kind === "speech-start" ? copy.recordingSpeech : copy.recordingSilence), /* @__PURE__ */ import_react22.default.createElement("td", null, duration(pin.atSample, session.sampleRate)), /* @__PURE__ */ import_react22.default.createElement("td", null, duration(pin.confirmedAtSample, session.sampleRate)), /* @__PURE__ */ import_react22.default.createElement("td", null, duration(pin.delaySamples, session.sampleRate))))))));
+}
+
+// src/RuntimePanel.tsx
+var import_react23 = __toESM(require("react"), 1);
+function RuntimePanel({ data, copy }) {
+  const unknown = copy.runtimeUnavailable;
+  const bytes = (n) => typeof n === "number" && Number.isFinite(n) ? (n / 1073741824).toFixed(3) + " GiB (" + Math.round(n).toLocaleString() + " B)" : unknown;
+  const ms = (n) => typeof n === "number" && Number.isFinite(n) ? Math.round(n).toLocaleString() + " ms" : unknown;
+  const status = (v) => ({
+    loading: copy.recordingLoading,
+    ready: copy.runtimeReady,
+    error: copy.recordingError,
+    downloaded: copy.runtimeReleased,
+    absent: copy.runtimeReleased,
+    started: copy.runtimeStarted,
+    success: copy.runtimeSuccess,
+    released: copy.runtimeReleased,
+    cancelled: copy.runtimeCancelled
+  })[v] ?? unknown;
+  const row = (label, value) => /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, { key: label }, /* @__PURE__ */ import_react23.default.createElement("dt", null, label), /* @__PURE__ */ import_react23.default.createElement("dd", null, value));
+  return /* @__PURE__ */ import_react23.default.createElement("section", { className: "dlvd-runtimes dlvd-scroll", tabIndex: 0, "aria-label": copy.runtimeTitle }, /* @__PURE__ */ import_react23.default.createElement("h3", null, copy.runtimeTitle, " ", /* @__PURE__ */ import_react23.default.createElement(Hint, { label: copy.runtimeTitle }, copy.runtimeHelp)), /* @__PURE__ */ import_react23.default.createElement("dl", { className: "dlvd-recording-meta" }, row(
+    copy.runtimeVersions,
+    (data.versions?.onnx ?? unknown) + " / " + (data.versions?.transformers ?? unknown)
+  ), row(copy.runtimeId, data.runtimeId ?? unknown), row(
+    copy.runtimeGpu,
+    data.gpu === "available" ? copy.runtimeYes : data.gpu === "unavailable" ? copy.runtimeNo : unknown
+  ), row(copy.runtimeStorage, bytes(data.storageAvailableBytes)), row(copy.runtimeHeap, bytes(data.pageJsHeapBytes)), row(copy.runtimeRam, unknown), row(copy.runtimeVram, unknown)), (data.models ?? []).map((model) => /* @__PURE__ */ import_react23.default.createElement("article", { className: "dlvd-runtime-card", key: model.key }, /* @__PURE__ */ import_react23.default.createElement("h3", null, model.name), /* @__PURE__ */ import_react23.default.createElement("dl", { className: "dlvd-recording-meta" }, row(copy.runtimeStatus, status(model.phase)), row(
+    copy.runtimeDevice,
+    model.device === "webgpu" ? "WebGPU" : model.device === "wasm" ? "WebAssembly CPU" : unknown
+  ), row(copy.runtimeWorker, model.workerActive ? copy.runtimeYes : copy.runtimeNo), row(copy.runtimeRevision, model.repository + " @ " + model.revision), row(copy.runtimeQuantization, model.encoderDtype + " / " + model.decoderDtype), row(copy.runtimeModelBytes, bytes(model.modelBytes)), row(copy.runtimeCache, bytes(model.cachedBytes)), row(copy.runtimePcm, bytes(model.pcmBytes)), row(copy.runtimeLoad, ms(model.loadMs) + " / " + ms(model.workerLoadMs)), row(copy.runtimeInference, ms(model.workerInferenceMs)), row(copy.runtimeAudio, ms(model.audioMs)), row(
+    copy.runtimeRatio,
+    model.workerInferenceMs != null && model.audioMs > 0 ? (model.workerInferenceMs / model.audioMs).toFixed(2) + "\xD7" : unknown
+  ), row(copy.runtimeQueue, model.queued), row(copy.runtimeActive, model.active), row(copy.runtimePending, model.pendingRequests), row(copy.runtimeCompleted, model.completed), row(copy.runtimeFailed, model.failed)), model.error && /* @__PURE__ */ import_react23.default.createElement("p", { role: "alert" }, copy.runtimeError, ": ", /* @__PURE__ */ import_react23.default.createElement("code", null, model.error)))), /* @__PURE__ */ import_react23.default.createElement("h3", null, copy.runtimeEvents), /* @__PURE__ */ import_react23.default.createElement("div", { className: "dlvd-history" }, !data.events?.length && /* @__PURE__ */ import_react23.default.createElement("p", null, copy.empty), [...data.events ?? []].reverse().map((event) => /* @__PURE__ */ import_react23.default.createElement("div", { key: event.sequence, "data-level": event.status === "error" ? "error" : "debug" }, /* @__PURE__ */ import_react23.default.createElement("time", null, new Date(event.timeMs).toLocaleTimeString()), " \xB7 ", event.model, " \xB7", " ", event.operation === "load" ? copy.runtimeLoad : event.operation === "worker" ? copy.runtimeWorker : copy.runtimeInference, " ", "\xB7 ", status(event.status), event.durationMs != null ? " \xB7 " + ms(event.durationMs) : "", event.code && /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, " ", "\xB7 ", /* @__PURE__ */ import_react23.default.createElement("code", null, event.code))))));
 }
 
 // src/DebuggerPanel.tsx
@@ -391,17 +892,19 @@ function DebuggerPanel({
   onClose,
   target = window
 }) {
-  const [frozen, setFrozen] = import_react21.default.useState(false);
-  const [refreshHz, setRefreshHz] = import_react21.default.useState(10);
-  const updateRef = import_react21.default.useRef(null);
-  const [content, setContent] = import_react21.default.useState(false);
-  const [module2, setModule] = import_react21.default.useState("");
-  const [view, setView] = import_react21.default.useState(null);
-  const [failed, setFailed] = import_react21.default.useState(false);
-  const [eventsPaused, setEventsPaused] = import_react21.default.useState(false);
-  const pausedRef = import_react21.default.useRef(false);
-  const inspectorRef = import_react21.default.useRef(null);
-  import_react21.default.useEffect(() => {
+  const [tab, setTab] = import_react24.default.useState("recordings");
+  const tabsId = import_react24.default.useId();
+  const [frozen, setFrozen] = import_react24.default.useState(false);
+  const [refreshHz, setRefreshHz] = import_react24.default.useState(10);
+  const updateRef = import_react24.default.useRef(null);
+  const [content, setContent] = import_react24.default.useState(false);
+  const [module2, setModule] = import_react24.default.useState("");
+  const [view, setView] = import_react24.default.useState(null);
+  const [failed, setFailed] = import_react24.default.useState(false);
+  const [eventsPaused, setEventsPaused] = import_react24.default.useState(false);
+  const pausedRef = import_react24.default.useRef(false);
+  const inspectorRef = import_react24.default.useRef(null);
+  import_react24.default.useEffect(() => {
     if (frozen) return;
     let inspector = null;
     let source = null;
@@ -434,47 +937,114 @@ function DebuggerPanel({
       inspectorRef.current = null;
     };
   }, [frozen, content, target]);
-  import_react21.default.useEffect(() => {
+  import_react24.default.useEffect(() => {
     if (frozen) return;
     const timer = setInterval(() => updateRef.current?.(), 1e3 / refreshHz);
     return () => clearInterval(timer);
   }, [frozen, refreshHz]);
   const modules = [...new Set(view?.transitions.map((entry) => entry.module) ?? [])].sort();
-  return /* @__PURE__ */ import_react21.default.createElement("aside", { className: "dlvd-panel", "aria-label": copy.title }, /* @__PURE__ */ import_react21.default.createElement("header", null, /* @__PURE__ */ import_react21.default.createElement("strong", null, copy.title), /* @__PURE__ */ import_react21.default.createElement("span", null, refreshHz, " Hz"), /* @__PURE__ */ import_react21.default.createElement("button", { type: "button", onClick: onClose, "aria-label": copy.close }, "\xD7")), /* @__PURE__ */ import_react21.default.createElement("p", null, copy.help), /* @__PURE__ */ import_react21.default.createElement("div", { className: "dlvd-toolbar" }, /* @__PURE__ */ import_react21.default.createElement("label", null, copy.refreshRate, /* @__PURE__ */ import_react21.default.createElement("select", { value: refreshHz, onChange: (event) => setRefreshHz(Number(event.target.value)) }, [1, 2, 5, 10, 20].map((hz) => /* @__PURE__ */ import_react21.default.createElement("option", { key: hz, value: hz }, hz, " Hz")))), /* @__PURE__ */ import_react21.default.createElement("button", { type: "button", onClick: () => setFrozen(!frozen) }, frozen ? copy.resume : copy.freeze), /* @__PURE__ */ import_react21.default.createElement("label", null, /* @__PURE__ */ import_react21.default.createElement(
-    "input",
-    {
-      type: "checkbox",
-      checked: content,
-      onChange: (event) => {
-        setView(null);
-        setFrozen(false);
-        setContent(event.target.checked);
-      }
-    }
-  ), copy.content)), failed ? /* @__PURE__ */ import_react21.default.createElement("p", { role: "alert" }, copy.error) : !view ? /* @__PURE__ */ import_react21.default.createElement("p", { role: "status" }, copy.waiting) : /* @__PURE__ */ import_react21.default.createElement("div", { className: "dlvd-columns" }, /* @__PURE__ */ import_react21.default.createElement("section", { className: "dlvd-state-pane", "aria-label": copy.states }, /* @__PURE__ */ import_react21.default.createElement("h3", null, copy.states), /* @__PURE__ */ import_react21.default.createElement("div", { className: "dlvd-scroll", tabIndex: 0 }, /* @__PURE__ */ import_react21.default.createElement(StateTree, { name: "context", value: view.state, omitted: copy.omitted }))), /* @__PURE__ */ import_react21.default.createElement("section", { className: "dlvd-event-pane", "aria-label": copy.transitions }, /* @__PURE__ */ import_react21.default.createElement("h3", null, copy.transitions), /* @__PURE__ */ import_react21.default.createElement("div", { className: "dlvd-toolbar" }, /* @__PURE__ */ import_react21.default.createElement(
+  const runtimeData = view?.state?.runtimes;
+  const hasRuntimes = !!runtimeData?.models?.length;
+  const tabs = hasRuntimes ? ["recordings", "states", "runtimes"] : ["recordings", "states"];
+  import_react24.default.useEffect(() => {
+    if (tab === "runtimes" && !hasRuntimes) setTab("states");
+  }, [tab, hasRuntimes]);
+  return /* @__PURE__ */ import_react24.default.createElement("aside", { className: "dlvd-panel", "aria-label": copy.title }, /* @__PURE__ */ import_react24.default.createElement("header", null, /* @__PURE__ */ import_react24.default.createElement("strong", null, copy.title), /* @__PURE__ */ import_react24.default.createElement("span", null, refreshHz, " Hz"), /* @__PURE__ */ import_react24.default.createElement("button", { type: "button", onClick: onClose, "aria-label": copy.close }, "\xD7")), /* @__PURE__ */ import_react24.default.createElement("div", { className: "dlvd-tabs", role: "tablist", "aria-label": copy.title }, tabs.map((name) => /* @__PURE__ */ import_react24.default.createElement(
     "button",
     {
       type: "button",
-      "aria-pressed": eventsPaused,
-      onClick: () => {
-        const paused = !eventsPaused;
-        inspectorRef.current?.setPaused(paused);
-        pausedRef.current = paused;
-        setEventsPaused(paused);
+      key: name,
+      role: "tab",
+      id: tabsId + "-" + name + "-tab",
+      "aria-controls": tabsId + "-" + name,
+      "aria-selected": tab === name,
+      tabIndex: tab === name ? 0 : -1,
+      onClick: () => setTab(name),
+      onKeyDown: (event) => {
+        if (["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) {
+          event.preventDefault();
+          const index = tabs.indexOf(tab);
+          const next = event.key === "Home" ? tabs[0] : event.key === "End" ? tabs[tabs.length - 1] : tabs[(index + (event.key === "ArrowRight" ? 1 : tabs.length - 1)) % tabs.length];
+          setTab(next);
+          event.currentTarget.parentElement?.querySelector('[id="' + tabsId + "-" + next + '-tab"]')?.focus();
+        }
       }
     },
-    eventsPaused ? copy.eventsResume : copy.eventsPause
-  ), /* @__PURE__ */ import_react21.default.createElement(
-    "button",
+    name === "recordings" ? copy.recordingTitle : name === "runtimes" ? copy.runtimeTitle : copy.states
+  ))), /* @__PURE__ */ import_react24.default.createElement(
+    "div",
     {
-      type: "button",
-      onClick: () => {
-        inspectorRef.current?.clear();
-        setView((current) => current ? { ...current, transitions: [] } : current);
-      }
+      className: "dlvd-tab-panel",
+      role: "tabpanel",
+      id: tabsId + "-recordings",
+      "aria-labelledby": tabsId + "-recordings-tab",
+      hidden: tab !== "recordings"
+    },
+    tab === "recordings" && /* @__PURE__ */ import_react24.default.createElement(RecordingPanel, { copy, target })
+  ), hasRuntimes && /* @__PURE__ */ import_react24.default.createElement(
+    "div",
+    {
+      className: "dlvd-tab-panel",
+      role: "tabpanel",
+      id: tabsId + "-runtimes",
+      "aria-labelledby": tabsId + "-runtimes-tab",
+      hidden: tab !== "runtimes"
     },
-    copy.eventsClear
-  )), /* @__PURE__ */ import_react21.default.createElement("label", null, copy.filter, /* @__PURE__ */ import_react21.default.createElement("select", { value: module2, onChange: (event) => setModule(event.target.value) }, /* @__PURE__ */ import_react21.default.createElement("option", { value: "" }, copy.all), modules.map((name) => /* @__PURE__ */ import_react21.default.createElement("option", { key: name }, name)))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "dlvd-history dlvd-scroll", tabIndex: 0 }, view.transitions.filter((entry) => !module2 || entry.module === module2).slice().reverse().map((entry) => /* @__PURE__ */ import_react21.default.createElement("details", { key: entry.sequence, "data-level": entry.level }, /* @__PURE__ */ import_react21.default.createElement("summary", null, /* @__PURE__ */ import_react21.default.createElement("small", null, new Date(entry.timeMs).toLocaleTimeString()), " ", /* @__PURE__ */ import_react21.default.createElement("code", null, entry.sessionId, " / ", entry.module)), /* @__PURE__ */ import_react21.default.createElement(StateTree, { name: "before", value: entry.before, omitted: copy.omitted }), /* @__PURE__ */ import_react21.default.createElement(StateTree, { name: "after", value: entry.after, omitted: copy.omitted }))), !view.transitions.length && /* @__PURE__ */ import_react21.default.createElement("p", null, copy.empty)))));
+    tab === "runtimes" && /* @__PURE__ */ import_react24.default.createElement(RuntimePanel, { data: runtimeData, copy })
+  ), /* @__PURE__ */ import_react24.default.createElement(
+    "div",
+    {
+      className: "dlvd-tab-panel",
+      role: "tabpanel",
+      id: tabsId + "-states",
+      "aria-labelledby": tabsId + "-states-tab",
+      hidden: tab !== "states"
+    },
+    /* @__PURE__ */ import_react24.default.createElement("p", null, copy.help),
+    /* @__PURE__ */ import_react24.default.createElement("div", { className: "dlvd-toolbar" }, /* @__PURE__ */ import_react24.default.createElement("label", null, copy.refreshRate, /* @__PURE__ */ import_react24.default.createElement(
+      "select",
+      {
+        value: refreshHz,
+        onChange: (event) => setRefreshHz(Number(event.target.value))
+      },
+      [1, 2, 5, 10, 20].map((hz) => /* @__PURE__ */ import_react24.default.createElement("option", { key: hz, value: hz }, hz, " Hz"))
+    )), /* @__PURE__ */ import_react24.default.createElement("button", { type: "button", onClick: () => setFrozen(!frozen) }, frozen ? copy.resume : copy.freeze), /* @__PURE__ */ import_react24.default.createElement("label", null, /* @__PURE__ */ import_react24.default.createElement(
+      "input",
+      {
+        type: "checkbox",
+        checked: content,
+        onChange: (event) => {
+          setView(null);
+          setFrozen(false);
+          setContent(event.target.checked);
+        }
+      }
+    ), copy.content)),
+    failed ? /* @__PURE__ */ import_react24.default.createElement("p", { role: "alert" }, copy.error) : !view ? /* @__PURE__ */ import_react24.default.createElement("p", { role: "status" }, copy.waiting) : /* @__PURE__ */ import_react24.default.createElement("div", { className: "dlvd-columns" }, /* @__PURE__ */ import_react24.default.createElement("section", { className: "dlvd-state-pane", "aria-label": copy.states }, /* @__PURE__ */ import_react24.default.createElement("h3", null, copy.states), /* @__PURE__ */ import_react24.default.createElement("div", { className: "dlvd-scroll", tabIndex: 0 }, /* @__PURE__ */ import_react24.default.createElement(StateTree, { name: "context", value: view.state, omitted: copy.omitted }))), /* @__PURE__ */ import_react24.default.createElement("section", { className: "dlvd-event-pane", "aria-label": copy.transitions }, /* @__PURE__ */ import_react24.default.createElement("h3", null, copy.transitions), /* @__PURE__ */ import_react24.default.createElement("div", { className: "dlvd-toolbar" }, /* @__PURE__ */ import_react24.default.createElement(
+      "button",
+      {
+        type: "button",
+        "aria-pressed": eventsPaused,
+        onClick: () => {
+          const paused = !eventsPaused;
+          inspectorRef.current?.setPaused(paused);
+          pausedRef.current = paused;
+          setEventsPaused(paused);
+        }
+      },
+      eventsPaused ? copy.eventsResume : copy.eventsPause
+    ), /* @__PURE__ */ import_react24.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          inspectorRef.current?.clear();
+          setView((current) => current ? { ...current, transitions: [] } : current);
+        }
+      },
+      copy.eventsClear
+    )), /* @__PURE__ */ import_react24.default.createElement("label", null, copy.filter, /* @__PURE__ */ import_react24.default.createElement("select", { value: module2, onChange: (event) => setModule(event.target.value) }, /* @__PURE__ */ import_react24.default.createElement("option", { value: "" }, copy.all), modules.map((name) => /* @__PURE__ */ import_react24.default.createElement("option", { key: name }, name)))), /* @__PURE__ */ import_react24.default.createElement("div", { className: "dlvd-history dlvd-scroll", tabIndex: 0 }, view.transitions.filter((entry) => !module2 || entry.module === module2).slice().reverse().map((entry) => /* @__PURE__ */ import_react24.default.createElement("details", { key: entry.sequence, "data-level": entry.level }, /* @__PURE__ */ import_react24.default.createElement("summary", null, /* @__PURE__ */ import_react24.default.createElement("small", null, new Date(entry.timeMs).toLocaleTimeString()), " ", /* @__PURE__ */ import_react24.default.createElement("code", null, entry.sessionId, " / ", entry.module)), /* @__PURE__ */ import_react24.default.createElement(StateTree, { name: "before", value: entry.before, omitted: copy.omitted }), /* @__PURE__ */ import_react24.default.createElement(StateTree, { name: "after", value: entry.after, omitted: copy.omitted }))), !view.transitions.length && /* @__PURE__ */ import_react24.default.createElement("p", null, copy.empty))))
+  ));
 }
 
 // src/locales.ts
@@ -497,8 +1067,102 @@ var dictionaries = {
     help: "Read-only state tree updated at 10 Hz. Text is hidden by default. This panel does not control voice.",
     omitted: "Additional items omitted",
     popupBlocked: "The browser blocked the debugger window. Allow popups for this site and try again.",
+    recordingActive: "Recording",
+    recordingAllSources: "All sources",
+    recordingAttempts: "Transcription history",
+    recordingAudio: "Recording playback",
+    recordingAudioError: "Unable to load or play recording audio.",
+    recordingCancel: "Cancel",
+    recordingCaptured: "Captured audio",
+    recordingCompleted: "Completed",
+    recordingConfirmDelete: "Delete this entire recording, including its audio and transcription history? This cannot be undone. Deleting an active recording also discards its future saved audio.",
+    recordingDate: "Started",
+    recordingDelete: "Delete entire session",
+    recordingDeleteError: "Unable to delete the recording.",
+    recordingDuration: "Duration",
+    recordingEmpty: "No recording sessions match this filter.",
+    recordingEnd: "End",
+    recordingEngine: "Engine",
+    recordingError: "Error",
+    recordingExport: "Export self-contained JSON",
+    recordingExportError: "Unable to export the recording.",
+    recordingFailed: "Failed",
+    recordingHelp: "Inspect saved audio, speech/silence boundaries and transcription attempts. Audio and transcripts may be sensitive. Playback is local; export includes audio and text. Inspection never changes capture; only explicit deletion removes recordings.",
+    recordingInterrupted: "Interrupted",
+    recordingLoadError: "Unable to load recording sessions. Try refreshing.",
+    recordingLoading: "Loading recordings\u2026",
+    recordingMemory: "Memory only",
+    recordingMicrophone: "Microphone",
+    recordingNoAttempts: "No transcription attempts yet.",
+    recordingOpen: "Open segment",
+    recordingPending: "Pending",
+    recordingPersistent: "Saved locally",
+    recordingPinConfirmed: "Confirmed at",
+    recordingPinDelay: "Confirmation delay",
+    recordingPins: "Boundary pins",
+    recordingPlay: "Play segment",
+    recordingPlaySession: "Play saved session",
+    recordingRefresh: "Refresh recordings",
+    recordingSaved: "Saved audio",
+    recordingSegments: "Segments",
+    recordingSelectSession: "Select a recording session.",
+    recordingShared: "Shared audio",
+    recordingSilence: "Silence",
+    recordingSource: "Source",
+    recordingSourceFilter: "Filter sources",
+    recordingSpeech: "Speech",
+    recordingStar: "Keep indefinitely",
+    recordingStarError: "Unable to change recording protection.",
+    recordingStarHelp: "Exclude this recording from automatic cleanup and the retention count. Manual deletion is still allowed. This does not change browser storage or eviction protection.",
+    recordingStarred: "Protected from automatic cleanup",
+    recordingStart: "Start",
+    recordingState: "State",
+    recordingSuccess: "Success",
+    recordingTimeline: "Speech / silence timeline",
+    recordingTitle: "Recordings",
+    recordingUnavailable: "Recording service unavailable. Enable recording in Live Voice settings with a compatible runtime.",
+    recordingUnstar: "Remove protection",
+    recordingUnstarHelp: "Allow automatic cleanup and include this recording in the retention count again. Manual deletion is still allowed. Browser storage and eviction protection are unchanged.",
     refreshRate: "Refresh rate",
     resume: "Resume updates",
+    runtimeActive: "Active requests",
+    runtimeAudio: "Last audio duration",
+    runtimeCache: "Cached model files",
+    runtimeCancelled: "Cancelled",
+    runtimeCompleted: "Completed transcriptions",
+    runtimeDevice: "Requested execution provider",
+    runtimeError: "Error code",
+    runtimeEvents: "Runtime events (last 100)",
+    runtimeFailed: "Failed / cancelled transcriptions",
+    runtimeGpu: "WebGPU adapter available",
+    runtimeHeap: "Page JavaScript heap estimate",
+    runtimeHelp: "Model/cache sizes are file bytes, not RAM. PCM counts only queued/active input buffers. Page JavaScript heap, when available, is a non-standard page-wide estimate and excludes complete worker/WASM/GPU memory. Model RAM and VRAM cannot be reliably measured here. WebGPU initialization does not prove every graph operator ran on GPU. Events are plugin lifecycle metadata, not raw ONNX logs; no audio or transcripts are retained.",
+    runtimeId: "Worker identity",
+    runtimeInference: "Last worker inference",
+    runtimeLoad: "Load round trip / worker",
+    runtimeMemory: "Memory and storage",
+    runtimeModel: "Model",
+    runtimeModelBytes: "Complete model download",
+    runtimeNo: "No",
+    runtimePcm: "Accounted input PCM",
+    runtimePending: "Pending worker requests",
+    runtimeQuantization: "Encoder / decoder precision",
+    runtimeQueue: "Queued transcriptions",
+    runtimeRam: "Model RAM",
+    runtimeRatio: "Processing / audio ratio",
+    runtimeReady: "Ready",
+    runtimeReleased: "Released",
+    runtimeRevision: "Pinned revision",
+    runtimeStarted: "Started",
+    runtimeStatus: "Status",
+    runtimeStorage: "Available origin storage",
+    runtimeSuccess: "Success",
+    runtimeTitle: "Runtimes",
+    runtimeUnavailable: "Unavailable",
+    runtimeVersions: "ONNX Runtime / Transformers.js",
+    runtimeVram: "Model VRAM",
+    runtimeWorker: "Worker active",
+    runtimeYes: "Yes",
     states: "Current states",
     title: "Live Voice Debugger",
     transitions: "Recent state transitions",
@@ -521,8 +1185,102 @@ var dictionaries = {
     help: "\xC1rvore de estados somente leitura atualizada a 10 Hz. Texto oculto por padr\xE3o. Este painel n\xE3o controla a voz.",
     omitted: "Itens adicionais omitidos",
     popupBlocked: "O navegador bloqueou a janela do debugger. Permita pop-ups neste site e tente novamente.",
+    recordingActive: "Gravando",
+    recordingAllSources: "Todas as fontes",
+    recordingAttempts: "Hist\xF3rico de transcri\xE7\xE3o",
+    recordingAudio: "Reprodu\xE7\xE3o da grava\xE7\xE3o",
+    recordingAudioError: "N\xE3o foi poss\xEDvel carregar ou reproduzir o \xE1udio.",
+    recordingCancel: "Cancelar",
+    recordingCaptured: "\xC1udio capturado",
+    recordingCompleted: "Conclu\xEDda",
+    recordingConfirmDelete: "Excluir esta grava\xE7\xE3o inteira, incluindo \xE1udio e hist\xF3rico de transcri\xE7\xE3o? N\xE3o \xE9 poss\xEDvel desfazer. Excluir uma grava\xE7\xE3o ativa tamb\xE9m descarta o \xE1udio salvo futuro.",
+    recordingDate: "In\xEDcio",
+    recordingDelete: "Excluir sess\xE3o inteira",
+    recordingDeleteError: "N\xE3o foi poss\xEDvel excluir a grava\xE7\xE3o.",
+    recordingDuration: "Dura\xE7\xE3o",
+    recordingEmpty: "Nenhuma grava\xE7\xE3o corresponde ao filtro.",
+    recordingEnd: "Fim",
+    recordingEngine: "Motor",
+    recordingError: "Erro",
+    recordingExport: "Exportar JSON completo",
+    recordingExportError: "N\xE3o foi poss\xEDvel exportar a grava\xE7\xE3o.",
+    recordingFailed: "Falhou",
+    recordingHelp: "Inspecione \xE1udio salvo, limites de fala/sil\xEAncio e tentativas de transcri\xE7\xE3o. \xC1udio e texto podem ser sens\xEDveis. Reprodu\xE7\xE3o local; a exporta\xE7\xE3o inclui \xE1udio e texto. Inspecionar n\xE3o altera a captura; apenas a exclus\xE3o expl\xEDcita remove grava\xE7\xF5es.",
+    recordingInterrupted: "Interrompida",
+    recordingLoadError: "N\xE3o foi poss\xEDvel carregar as grava\xE7\xF5es. Tente atualizar.",
+    recordingLoading: "Carregando grava\xE7\xF5es\u2026",
+    recordingMemory: "Somente na mem\xF3ria",
+    recordingMicrophone: "Microfone",
+    recordingNoAttempts: "Nenhuma tentativa de transcri\xE7\xE3o ainda.",
+    recordingOpen: "Segmento aberto",
+    recordingPending: "Pendente",
+    recordingPersistent: "Salva localmente",
+    recordingPinConfirmed: "Confirmado em",
+    recordingPinDelay: "Atraso de confirma\xE7\xE3o",
+    recordingPins: "Marcadores de limite",
+    recordingPlay: "Reproduzir segmento",
+    recordingPlaySession: "Reproduzir sess\xE3o salva",
+    recordingRefresh: "Atualizar grava\xE7\xF5es",
+    recordingSaved: "\xC1udio salvo",
+    recordingSegments: "Segmentos",
+    recordingSelectSession: "Selecione uma sess\xE3o de grava\xE7\xE3o.",
+    recordingShared: "\xC1udio compartilhado",
+    recordingSilence: "Sil\xEAncio",
+    recordingSource: "Fonte",
+    recordingSourceFilter: "Filtrar fontes",
+    recordingSpeech: "Fala",
+    recordingStar: "Manter por tempo indeterminado",
+    recordingStarError: "N\xE3o foi poss\xEDvel alterar a prote\xE7\xE3o da grava\xE7\xE3o.",
+    recordingStarHelp: "Exclui esta grava\xE7\xE3o da limpeza autom\xE1tica e da contagem de reten\xE7\xE3o. A exclus\xE3o manual continua permitida. N\xE3o altera o armazenamento nem a prote\xE7\xE3o contra remo\xE7\xE3o pelo navegador.",
+    recordingStarred: "Protegida da limpeza autom\xE1tica",
+    recordingStart: "In\xEDcio",
+    recordingState: "Estado",
+    recordingSuccess: "Sucesso",
+    recordingTimeline: "Linha do tempo de fala / sil\xEAncio",
+    recordingTitle: "Grava\xE7\xF5es",
+    recordingUnavailable: "Servi\xE7o de grava\xE7\xE3o indispon\xEDvel. Ative a grava\xE7\xE3o nas configura\xE7\xF5es da Voz ao Vivo com um runtime compat\xEDvel.",
+    recordingUnstar: "Remover prote\xE7\xE3o",
+    recordingUnstarHelp: "Permite a limpeza autom\xE1tica e inclui novamente esta grava\xE7\xE3o na contagem de reten\xE7\xE3o. A exclus\xE3o manual continua permitida. O armazenamento e a prote\xE7\xE3o contra remo\xE7\xE3o pelo navegador n\xE3o mudam.",
     refreshRate: "Frequ\xEAncia de atualiza\xE7\xE3o",
     resume: "Retomar atualiza\xE7\xF5es",
+    runtimeActive: "Requisi\xE7\xF5es ativas",
+    runtimeAudio: "Dura\xE7\xE3o do \xFAltimo \xE1udio",
+    runtimeCache: "Arquivos do modelo em cache",
+    runtimeCancelled: "Cancelado",
+    runtimeCompleted: "Transcri\xE7\xF5es conclu\xEDdas",
+    runtimeDevice: "Provedor de execu\xE7\xE3o solicitado",
+    runtimeError: "C\xF3digo do erro",
+    runtimeEvents: "Eventos do runtime (\xFAltimos 100)",
+    runtimeFailed: "Transcri\xE7\xF5es com falha / canceladas",
+    runtimeGpu: "Adaptador WebGPU dispon\xEDvel",
+    runtimeHeap: "Estimativa do heap JavaScript da p\xE1gina",
+    runtimeHelp: "O tamanho do modelo/cache \xE9 de arquivos, n\xE3o RAM. PCM conta apenas buffers de entrada ativos/na fila. O heap JavaScript, quando dispon\xEDvel, \xE9 uma estimativa n\xE3o padronizada da p\xE1gina e n\xE3o inclui toda a mem\xF3ria dos workers/WASM/GPU. N\xE3o \xE9 poss\xEDvel medir com confian\xE7a a RAM/VRAM do modelo aqui. Inicializar WebGPU n\xE3o prova que todos os operadores rodaram na GPU. Os eventos s\xE3o metadados do ciclo de vida do plugin, n\xE3o logs brutos do ONNX; n\xE3o guardam \xE1udio nem transcri\xE7\xF5es.",
+    runtimeId: "Identidade do worker",
+    runtimeInference: "\xDAltima infer\xEAncia no worker",
+    runtimeLoad: "Carregamento ida e volta / worker",
+    runtimeMemory: "Mem\xF3ria e armazenamento",
+    runtimeModel: "Modelo",
+    runtimeModelBytes: "Download completo do modelo",
+    runtimeNo: "N\xE3o",
+    runtimePcm: "PCM de entrada contabilizado",
+    runtimePending: "Requisi\xE7\xF5es pendentes no worker",
+    runtimeQuantization: "Precis\xE3o do encoder / decoder",
+    runtimeQueue: "Transcri\xE7\xF5es na fila",
+    runtimeRam: "RAM do modelo",
+    runtimeRatio: "Rela\xE7\xE3o processamento / \xE1udio",
+    runtimeReady: "Pronto",
+    runtimeReleased: "Liberado",
+    runtimeRevision: "Revis\xE3o fixada",
+    runtimeStarted: "Iniciado",
+    runtimeStatus: "Estado",
+    runtimeStorage: "Armazenamento dispon\xEDvel nesta origem",
+    runtimeSuccess: "Sucesso",
+    runtimeTitle: "Runtimes",
+    runtimeUnavailable: "Indispon\xEDvel",
+    runtimeVersions: "ONNX Runtime / Transformers.js",
+    runtimeVram: "VRAM do modelo",
+    runtimeWorker: "Worker ativo",
+    runtimeYes: "Sim",
     states: "Estados atuais",
     title: "Depurador da Voz ao Vivo",
     transitions: "Transi\xE7\xF5es de estado recentes",
@@ -545,8 +1303,102 @@ var dictionaries = {
     help: "\xC1rbol de estados de solo lectura actualizado a 10 Hz. Texto oculto por defecto. Este panel no controla la voz.",
     omitted: "Elementos adicionales omitidos",
     popupBlocked: "El navegador bloque\xF3 la ventana del depurador. Permita ventanas emergentes en este sitio e int\xE9ntelo de nuevo.",
+    recordingActive: "Grabando",
+    recordingAllSources: "Todas las fuentes",
+    recordingAttempts: "Historial de transcripci\xF3n",
+    recordingAudio: "Reproducci\xF3n de la grabaci\xF3n",
+    recordingAudioError: "No se pudo cargar o reproducir el audio.",
+    recordingCancel: "Cancelar",
+    recordingCaptured: "Audio capturado",
+    recordingCompleted: "Completada",
+    recordingConfirmDelete: "\xBFEliminar toda esta grabaci\xF3n, incluido el audio y el historial de transcripci\xF3n? No se puede deshacer. Eliminar una grabaci\xF3n activa tambi\xE9n descarta su audio guardado futuro.",
+    recordingDate: "Inicio",
+    recordingDelete: "Eliminar sesi\xF3n completa",
+    recordingDeleteError: "No se pudo eliminar la grabaci\xF3n.",
+    recordingDuration: "Duraci\xF3n",
+    recordingEmpty: "Ninguna grabaci\xF3n coincide con el filtro.",
+    recordingEnd: "Fin",
+    recordingEngine: "Motor",
+    recordingError: "Error",
+    recordingExport: "Exportar JSON completo",
+    recordingExportError: "No se pudo exportar la grabaci\xF3n.",
+    recordingFailed: "Fallida",
+    recordingHelp: "Inspeccione audio guardado, l\xEDmites de voz/silencio e intentos de transcripci\xF3n. Audio y texto pueden ser sensibles. La reproducci\xF3n es local; la exportaci\xF3n incluye audio y texto. Inspeccionar no cambia la captura; solo la eliminaci\xF3n expl\xEDcita borra grabaciones.",
+    recordingInterrupted: "Interrumpida",
+    recordingLoadError: "No se pudieron cargar las grabaciones. Intente actualizar.",
+    recordingLoading: "Cargando grabaciones\u2026",
+    recordingMemory: "Solo en memoria",
+    recordingMicrophone: "Micr\xF3fono",
+    recordingNoAttempts: "Todav\xEDa no hay intentos de transcripci\xF3n.",
+    recordingOpen: "Segmento abierto",
+    recordingPending: "Pendiente",
+    recordingPersistent: "Guardada localmente",
+    recordingPinConfirmed: "Confirmado en",
+    recordingPinDelay: "Demora de confirmaci\xF3n",
+    recordingPins: "Marcadores de l\xEDmite",
+    recordingPlay: "Reproducir segmento",
+    recordingPlaySession: "Reproducir sesi\xF3n guardada",
+    recordingRefresh: "Actualizar grabaciones",
+    recordingSaved: "Audio guardado",
+    recordingSegments: "Segmentos",
+    recordingSelectSession: "Seleccione una sesi\xF3n de grabaci\xF3n.",
+    recordingShared: "Audio compartido",
+    recordingSilence: "Silencio",
+    recordingSource: "Fuente",
+    recordingSourceFilter: "Filtrar fuentes",
+    recordingSpeech: "Voz",
+    recordingStar: "Conservar indefinidamente",
+    recordingStarError: "No se pudo cambiar la protecci\xF3n de la grabaci\xF3n.",
+    recordingStarHelp: "Excluye esta grabaci\xF3n de la limpieza autom\xE1tica y del recuento de retenci\xF3n. La eliminaci\xF3n manual sigue permitida. No cambia el almacenamiento ni la protecci\xF3n contra eliminaci\xF3n del navegador.",
+    recordingStarred: "Protegida de la limpieza autom\xE1tica",
+    recordingStart: "Inicio",
+    recordingState: "Estado",
+    recordingSuccess: "\xC9xito",
+    recordingTimeline: "Cronolog\xEDa de voz / silencio",
+    recordingTitle: "Grabaciones",
+    recordingUnavailable: "Servicio de grabaci\xF3n no disponible. Active la grabaci\xF3n en los ajustes de Voz en vivo con un runtime compatible.",
+    recordingUnstar: "Quitar protecci\xF3n",
+    recordingUnstarHelp: "Permite la limpieza autom\xE1tica e incluye de nuevo esta grabaci\xF3n en el recuento de retenci\xF3n. La eliminaci\xF3n manual sigue permitida. El almacenamiento y la protecci\xF3n contra eliminaci\xF3n del navegador no cambian.",
     refreshRate: "Frecuencia de actualizaci\xF3n",
     resume: "Reanudar actualizaciones",
+    runtimeActive: "Solicitudes activas",
+    runtimeAudio: "Duraci\xF3n del \xFAltimo audio",
+    runtimeCache: "Archivos del modelo en cach\xE9",
+    runtimeCancelled: "Cancelado",
+    runtimeCompleted: "Transcripciones completadas",
+    runtimeDevice: "Proveedor de ejecuci\xF3n solicitado",
+    runtimeError: "C\xF3digo de error",
+    runtimeEvents: "Eventos del runtime (\xFAltimos 100)",
+    runtimeFailed: "Transcripciones fallidas / canceladas",
+    runtimeGpu: "Adaptador WebGPU disponible",
+    runtimeHeap: "Estimaci\xF3n del heap JavaScript de la p\xE1gina",
+    runtimeHelp: "El tama\xF1o del modelo/cach\xE9 corresponde a archivos, no a RAM. PCM cuenta solo los b\xFAferes de entrada activos/en cola. El heap JavaScript es una estimaci\xF3n no est\xE1ndar de toda la p\xE1gina y no incluye toda la memoria de workers/WASM/GPU. La RAM/VRAM del modelo no se puede medir de forma fiable aqu\xED. Inicializar WebGPU no prueba que todos los operadores usen la GPU. Los eventos son metadatos del plugin, no logs brutos de ONNX; no guardan audio ni transcripciones.",
+    runtimeId: "Identidad del worker",
+    runtimeInference: "\xDAltima inferencia en el worker",
+    runtimeLoad: "Carga ida y vuelta / worker",
+    runtimeMemory: "Memoria y almacenamiento",
+    runtimeModel: "Modelo",
+    runtimeModelBytes: "Descarga completa del modelo",
+    runtimeNo: "No",
+    runtimePcm: "PCM de entrada contabilizado",
+    runtimePending: "Solicitudes pendientes del worker",
+    runtimeQuantization: "Precisi\xF3n del encoder / decoder",
+    runtimeQueue: "Transcripciones en cola",
+    runtimeRam: "RAM del modelo",
+    runtimeRatio: "Relaci\xF3n procesamiento / audio",
+    runtimeReady: "Listo",
+    runtimeReleased: "Liberado",
+    runtimeRevision: "Revisi\xF3n fijada",
+    runtimeStarted: "Iniciado",
+    runtimeStatus: "Estado",
+    runtimeStorage: "Almacenamiento disponible de este origen",
+    runtimeSuccess: "\xC9xito",
+    runtimeTitle: "Runtimes",
+    runtimeUnavailable: "No disponible",
+    runtimeVersions: "ONNX Runtime / Transformers.js",
+    runtimeVram: "VRAM del modelo",
+    runtimeWorker: "Worker activo",
+    runtimeYes: "S\xED",
     states: "Estados actuales",
     title: "Depurador de Voz en vivo",
     transitions: "Transiciones de estado recientes",
@@ -569,8 +1421,102 @@ var dictionaries = {
     help: "Arbre des \xE9tats en lecture seule actualis\xE9 \xE0 10 Hz. Texte masqu\xE9 par d\xE9faut. Ce panneau ne contr\xF4le pas la voix.",
     omitted: "\xC9l\xE9ments suppl\xE9mentaires masqu\xE9s",
     popupBlocked: "Le navigateur a bloqu\xE9 la fen\xEAtre du d\xE9bogueur. Autorisez les fen\xEAtres contextuelles pour ce site et r\xE9essayez.",
+    recordingActive: "Enregistrement",
+    recordingAllSources: "Toutes les sources",
+    recordingAttempts: "Historique des transcriptions",
+    recordingAudio: "Lecture de l\u2019enregistrement",
+    recordingAudioError: "Impossible de charger ou lire l\u2019audio.",
+    recordingCancel: "Annuler",
+    recordingCaptured: "Audio captur\xE9",
+    recordingCompleted: "Termin\xE9",
+    recordingConfirmDelete: "Supprimer cet enregistrement entier, y compris son audio et son historique de transcription ? Cette action est irr\xE9versible. Supprimer un enregistrement actif supprime aussi son futur audio enregistr\xE9.",
+    recordingDate: "D\xE9but",
+    recordingDelete: "Supprimer toute la session",
+    recordingDeleteError: "Impossible de supprimer l\u2019enregistrement.",
+    recordingDuration: "Dur\xE9e",
+    recordingEmpty: "Aucun enregistrement ne correspond au filtre.",
+    recordingEnd: "Fin",
+    recordingEngine: "Moteur",
+    recordingError: "Erreur",
+    recordingExport: "Exporter le JSON autonome",
+    recordingExportError: "Impossible d\u2019exporter l\u2019enregistrement.",
+    recordingFailed: "\xC9chec",
+    recordingHelp: "Inspectez l\u2019audio sauvegard\xE9, les limites parole/silence et les tentatives de transcription. Audio et texte peuvent \xEAtre sensibles. Lecture locale ; l\u2019export contient l\u2019audio et le texte. L\u2019inspection ne change pas la capture ; seule une suppression explicite efface les enregistrements.",
+    recordingInterrupted: "Interrompu",
+    recordingLoadError: "Impossible de charger les enregistrements. Actualisez la liste.",
+    recordingLoading: "Chargement des enregistrements\u2026",
+    recordingMemory: "En m\xE9moire uniquement",
+    recordingMicrophone: "Microphone",
+    recordingNoAttempts: "Aucune tentative de transcription.",
+    recordingOpen: "Segment ouvert",
+    recordingPending: "En attente",
+    recordingPersistent: "Sauvegard\xE9 localement",
+    recordingPinConfirmed: "Confirm\xE9 \xE0",
+    recordingPinDelay: "D\xE9lai de confirmation",
+    recordingPins: "Marqueurs de limite",
+    recordingPlay: "Lire le segment",
+    recordingPlaySession: "Lire la session sauvegard\xE9e",
+    recordingRefresh: "Actualiser les enregistrements",
+    recordingSaved: "Audio sauvegard\xE9",
+    recordingSegments: "Segments",
+    recordingSelectSession: "S\xE9lectionnez une session d\u2019enregistrement.",
+    recordingShared: "Audio partag\xE9",
+    recordingSilence: "Silence",
+    recordingSource: "Source",
+    recordingSourceFilter: "Filtrer les sources",
+    recordingSpeech: "Parole",
+    recordingStar: "Conserver ind\xE9finiment",
+    recordingStarError: "Impossible de modifier la protection de l\u2019enregistrement.",
+    recordingStarHelp: "Exclut cet enregistrement du nettoyage automatique et du nombre d\u2019enregistrements \xE0 conserver. La suppression manuelle reste autoris\xE9e. Le stockage et la protection contre l\u2019\xE9viction par le navigateur ne changent pas.",
+    recordingStarred: "Prot\xE9g\xE9 du nettoyage automatique",
+    recordingStart: "D\xE9but",
+    recordingState: "\xC9tat",
+    recordingSuccess: "R\xE9ussite",
+    recordingTimeline: "Chronologie parole / silence",
+    recordingTitle: "Enregistrements",
+    recordingUnavailable: "Service d\u2019enregistrement indisponible. Activez l\u2019enregistrement dans les param\xE8tres de Voix en direct avec un runtime compatible.",
+    recordingUnstar: "Retirer la protection",
+    recordingUnstarHelp: "Autorise le nettoyage automatique et compte \xE0 nouveau cet enregistrement parmi ceux \xE0 conserver. La suppression manuelle reste autoris\xE9e. Le stockage et la protection contre l\u2019\xE9viction par le navigateur ne changent pas.",
     refreshRate: "Fr\xE9quence de mise \xE0 jour",
     resume: "Reprendre les mises \xE0 jour",
+    runtimeActive: "Requ\xEAtes actives",
+    runtimeAudio: "Dur\xE9e du dernier audio",
+    runtimeCache: "Fichiers du mod\xE8le en cache",
+    runtimeCancelled: "Annul\xE9",
+    runtimeCompleted: "Transcriptions termin\xE9es",
+    runtimeDevice: "Fournisseur d\u2019ex\xE9cution demand\xE9",
+    runtimeError: "Code d\u2019erreur",
+    runtimeEvents: "\xC9v\xE9nements du runtime (100 derniers)",
+    runtimeFailed: "Transcriptions \xE9chou\xE9es / annul\xE9es",
+    runtimeGpu: "Adaptateur WebGPU disponible",
+    runtimeHeap: "Estimation du tas JavaScript de la page",
+    runtimeHelp: "La taille du mod\xE8le/cache mesure les fichiers, pas la RAM. PCM compte seulement les buffers d\u2019entr\xE9e actifs/en attente. Le tas JavaScript est une estimation non standard de la page et exclut une partie de la m\xE9moire workers/WASM/GPU. La RAM/VRAM du mod\xE8le ne peut pas \xEAtre mesur\xE9e fiablement ici. Initialiser WebGPU ne prouve pas que tous les op\xE9rateurs utilisent le GPU. Les \xE9v\xE9nements sont des m\xE9tadonn\xE9es du plugin, pas des logs ONNX bruts ; aucun audio ni transcription conserv\xE9s.",
+    runtimeId: "Identit\xE9 du worker",
+    runtimeInference: "Derni\xE8re inf\xE9rence du worker",
+    runtimeLoad: "Chargement aller-retour / worker",
+    runtimeMemory: "M\xE9moire et stockage",
+    runtimeModel: "Mod\xE8le",
+    runtimeModelBytes: "T\xE9l\xE9chargement complet du mod\xE8le",
+    runtimeNo: "Non",
+    runtimePcm: "PCM d\u2019entr\xE9e comptabilis\xE9",
+    runtimePending: "Requ\xEAtes du worker en attente",
+    runtimeQuantization: "Pr\xE9cision encoder / decoder",
+    runtimeQueue: "Transcriptions en attente",
+    runtimeRam: "RAM du mod\xE8le",
+    runtimeRatio: "Rapport traitement / audio",
+    runtimeReady: "Pr\xEAt",
+    runtimeReleased: "Lib\xE9r\xE9",
+    runtimeRevision: "R\xE9vision fix\xE9e",
+    runtimeStarted: "D\xE9marr\xE9",
+    runtimeStatus: "\xC9tat",
+    runtimeStorage: "Stockage disponible pour cette origine",
+    runtimeSuccess: "Succ\xE8s",
+    runtimeTitle: "Runtimes",
+    runtimeUnavailable: "Indisponible",
+    runtimeVersions: "ONNX Runtime / Transformers.js",
+    runtimeVram: "VRAM du mod\xE8le",
+    runtimeWorker: "Worker actif",
+    runtimeYes: "Oui",
     states: "\xC9tats actuels",
     title: "D\xE9bogueur Voix en direct",
     transitions: "Transitions r\xE9centes des \xE9tats",
@@ -593,8 +1539,102 @@ var dictionaries = {
     help: "\u0915\u0947\u0935\u0932 \u092A\u0922\u093C\u0928\u0947 \u0935\u093E\u0932\u093E \u0938\u094D\u091F\u0947\u091F \u091F\u094D\u0930\u0940 10 Hz \u092A\u0930 \u0905\u092A\u0921\u0947\u091F \u0939\u094B\u0924\u093E \u0939\u0948\u0964 \u091F\u0947\u0915\u094D\u0938\u094D\u091F \u0921\u093F\u092B\u093C\u0949\u0932\u094D\u091F \u0930\u0942\u092A \u0938\u0947 \u091B\u093F\u092A\u093E \u0939\u0948\u0964 \u092F\u0939 \u092A\u0948\u0928\u0932 \u0935\u0949\u0907\u0938 \u0915\u094B \u0928\u093F\u092F\u0902\u0924\u094D\u0930\u093F\u0924 \u0928\u0939\u0940\u0902 \u0915\u0930\u0924\u093E\u0964",
     omitted: "\u0905\u0924\u093F\u0930\u093F\u0915\u094D\u0924 \u0906\u0907\u091F\u092E \u091B\u093F\u092A\u093E\u090F \u0917\u090F",
     popupBlocked: "\u092C\u094D\u0930\u093E\u0909\u091C\u093C\u0930 \u0928\u0947 \u0921\u0940\u092C\u0917\u0930 \u0935\u093F\u0902\u0921\u094B \u092C\u094D\u0932\u0949\u0915 \u0915\u0930 \u0926\u0940\u0964 \u0907\u0938 \u0938\u093E\u0907\u091F \u0915\u0947 \u0932\u093F\u090F \u092A\u0949\u092A-\u0905\u092A \u0915\u0940 \u0905\u0928\u0941\u092E\u0924\u093F \u0926\u0947\u0902 \u0914\u0930 \u092B\u093F\u0930 \u0915\u094B\u0936\u093F\u0936 \u0915\u0930\u0947\u0902\u0964",
+    recordingActive: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u091C\u093E\u0930\u0940",
+    recordingAllSources: "\u0938\u092D\u0940 \u0938\u094D\u0930\u094B\u0924",
+    recordingAttempts: "\u091F\u094D\u0930\u093E\u0902\u0938\u0915\u094D\u0930\u093F\u092A\u094D\u0936\u0928 \u0907\u0924\u093F\u0939\u093E\u0938",
+    recordingAudio: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u092A\u094D\u0932\u0947\u092C\u0948\u0915",
+    recordingAudioError: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0911\u0921\u093F\u092F\u094B \u0932\u094B\u0921 \u092F\u093E \u091A\u0932\u093E\u092F\u093E \u0928\u0939\u0940\u0902 \u091C\u093E \u0938\u0915\u093E\u0964",
+    recordingCancel: "\u0930\u0926\u094D\u0926 \u0915\u0930\u0947\u0902",
+    recordingCaptured: "\u0915\u0948\u092A\u094D\u091A\u0930 \u0915\u093F\u092F\u093E \u0917\u092F\u093E \u0911\u0921\u093F\u092F\u094B",
+    recordingCompleted: "\u092A\u0942\u0930\u094D\u0923",
+    recordingConfirmDelete: "\u0911\u0921\u093F\u092F\u094B \u0914\u0930 \u091F\u094D\u0930\u093E\u0902\u0938\u0915\u094D\u0930\u093F\u092A\u094D\u0936\u0928 \u0907\u0924\u093F\u0939\u093E\u0938 \u0938\u0939\u093F\u0924 \u092F\u0939 \u092A\u0942\u0930\u0940 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0939\u091F\u093E\u090F\u0901? \u0907\u0938\u0947 \u0935\u093E\u092A\u0938 \u0928\u0939\u0940\u0902 \u0932\u093E\u092F\u093E \u091C\u093E \u0938\u0915\u0924\u093E\u0964 \u0938\u0915\u094D\u0930\u093F\u092F \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0939\u091F\u093E\u0928\u0947 \u092A\u0930 \u0906\u0917\u0947 \u0938\u0939\u0947\u091C\u093E \u091C\u093E\u0928\u0947 \u0935\u093E\u0932\u093E \u0911\u0921\u093F\u092F\u094B \u092D\u0940 \u0939\u091F\u093E \u0926\u093F\u092F\u093E \u091C\u093E\u0924\u093E \u0939\u0948\u0964",
+    recordingDate: "\u0936\u0941\u0930\u0941\u0906\u0924",
+    recordingDelete: "\u092A\u0942\u0930\u0940 \u0938\u0924\u094D\u0930 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0939\u091F\u093E\u090F\u0901",
+    recordingDeleteError: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0939\u091F\u093E\u0908 \u0928\u0939\u0940\u0902 \u091C\u093E \u0938\u0915\u0940\u0964",
+    recordingDuration: "\u0905\u0935\u0927\u093F",
+    recordingEmpty: "\u0907\u0938 \u092B\u093C\u093F\u0932\u094D\u091F\u0930 \u0938\u0947 \u092E\u0947\u0932 \u0916\u093E\u0924\u0940 \u0915\u094B\u0908 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0928\u0939\u0940\u0902 \u0939\u0948\u0964",
+    recordingEnd: "\u0905\u0902\u0924",
+    recordingEngine: "\u0907\u0902\u091C\u0928",
+    recordingError: "\u0924\u094D\u0930\u0941\u091F\u093F",
+    recordingExport: "\u0938\u094D\u0935\u092F\u0902\u092A\u0942\u0930\u094D\u0923 JSON \u0928\u093F\u0930\u094D\u092F\u093E\u0924 \u0915\u0930\u0947\u0902",
+    recordingExportError: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0928\u093F\u0930\u094D\u092F\u093E\u0924 \u0928\u0939\u0940\u0902 \u0915\u0940 \u091C\u093E \u0938\u0915\u0940\u0964",
+    recordingFailed: "\u0935\u093F\u092B\u0932",
+    recordingHelp: "\u0938\u0939\u0947\u091C\u093E \u0911\u0921\u093F\u092F\u094B, \u0906\u0935\u093E\u091C\u093C/\u092E\u094C\u0928 \u0938\u0940\u092E\u093E\u090F\u0901 \u0914\u0930 \u091F\u094D\u0930\u093E\u0902\u0938\u0915\u094D\u0930\u093F\u092A\u094D\u0936\u0928 \u092A\u094D\u0930\u092F\u093E\u0938 \u0926\u0947\u0916\u0947\u0902\u0964 \u0911\u0921\u093F\u092F\u094B \u0914\u0930 \u091F\u0947\u0915\u094D\u0938\u094D\u091F \u0938\u0902\u0935\u0947\u0926\u0928\u0936\u0940\u0932 \u0939\u094B \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964 \u092A\u094D\u0932\u0947\u092C\u0948\u0915 \u0938\u094D\u0925\u093E\u0928\u0940\u092F \u0939\u0948; \u0928\u093F\u0930\u094D\u092F\u093E\u0924 \u092E\u0947\u0902 \u0911\u0921\u093F\u092F\u094B \u0914\u0930 \u091F\u0947\u0915\u094D\u0938\u094D\u091F \u0936\u093E\u092E\u093F\u0932 \u0939\u0948\u0902\u0964 \u0928\u093F\u0930\u0940\u0915\u094D\u0937\u0923 \u0915\u0948\u092A\u094D\u091A\u0930 \u0928\u0939\u0940\u0902 \u092C\u0926\u0932\u0924\u093E; \u0915\u0947\u0935\u0932 \u0938\u094D\u092A\u0937\u094D\u091F \u0939\u091F\u093E\u0928\u0947 \u0915\u0940 \u0915\u093E\u0930\u094D\u0930\u0935\u093E\u0908 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0939\u091F\u093E\u0924\u0940 \u0939\u0948\u0964",
+    recordingInterrupted: "\u092C\u093E\u0927\u093F\u0924",
+    recordingLoadError: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0938\u0924\u094D\u0930 \u0932\u094B\u0921 \u0928\u0939\u0940\u0902 \u0939\u094B \u0938\u0915\u0947\u0964 \u0930\u0940\u092B\u093C\u094D\u0930\u0947\u0936 \u0915\u0930\u0947\u0902\u0964",
+    recordingLoading: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0932\u094B\u0921 \u0939\u094B \u0930\u0939\u0940 \u0939\u0948\u0902\u2026",
+    recordingMemory: "\u0915\u0947\u0935\u0932 \u092E\u0947\u092E\u094B\u0930\u0940 \u092E\u0947\u0902",
+    recordingMicrophone: "\u092E\u093E\u0907\u0915\u094D\u0930\u094B\u092B\u093C\u094B\u0928",
+    recordingNoAttempts: "\u0905\u092D\u0940 \u0915\u094B\u0908 \u091F\u094D\u0930\u093E\u0902\u0938\u0915\u094D\u0930\u093F\u092A\u094D\u0936\u0928 \u092A\u094D\u0930\u092F\u093E\u0938 \u0928\u0939\u0940\u0902 \u0939\u0948\u0964",
+    recordingOpen: "\u0916\u0941\u0932\u093E \u0916\u0902\u0921",
+    recordingPending: "\u0932\u0902\u092C\u093F\u0924",
+    recordingPersistent: "\u0938\u094D\u0925\u093E\u0928\u0940\u092F \u0930\u0942\u092A \u0938\u0947 \u0938\u0939\u0947\u091C\u093E",
+    recordingPinConfirmed: "\u092A\u0941\u0937\u094D\u091F\u093F \u0938\u092E\u092F",
+    recordingPinDelay: "\u092A\u0941\u0937\u094D\u091F\u093F \u092E\u0947\u0902 \u0935\u093F\u0932\u0902\u092C",
+    recordingPins: "\u0938\u0940\u092E\u093E \u091A\u093F\u0939\u094D\u0928",
+    recordingPlay: "\u0916\u0902\u0921 \u091A\u0932\u093E\u090F\u0901",
+    recordingPlaySession: "\u0938\u0939\u0947\u091C\u093E \u0938\u0924\u094D\u0930 \u091A\u0932\u093E\u090F\u0901",
+    recordingRefresh: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0930\u0940\u092B\u093C\u094D\u0930\u0947\u0936 \u0915\u0930\u0947\u0902",
+    recordingSaved: "\u0938\u0939\u0947\u091C\u093E \u0911\u0921\u093F\u092F\u094B",
+    recordingSegments: "\u0916\u0902\u0921",
+    recordingSelectSession: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0938\u0924\u094D\u0930 \u091A\u0941\u0928\u0947\u0902\u0964",
+    recordingShared: "\u0938\u093E\u091D\u093E \u0911\u0921\u093F\u092F\u094B",
+    recordingSilence: "\u092E\u094C\u0928",
+    recordingSource: "\u0938\u094D\u0930\u094B\u0924",
+    recordingSourceFilter: "\u0938\u094D\u0930\u094B\u0924 \u092B\u093C\u093F\u0932\u094D\u091F\u0930 \u0915\u0930\u0947\u0902",
+    recordingSpeech: "\u0906\u0935\u093E\u091C\u093C",
+    recordingStar: "\u0905\u0928\u093F\u0936\u094D\u091A\u093F\u0924 \u0915\u093E\u0932 \u0924\u0915 \u0930\u0916\u0947\u0902",
+    recordingStarError: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0915\u0940 \u0938\u0941\u0930\u0915\u094D\u0937\u093E \u092C\u0926\u0932\u0940 \u0928\u0939\u0940\u0902 \u091C\u093E \u0938\u0915\u0940\u0964",
+    recordingStarHelp: "\u0907\u0938 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0915\u094B \u0938\u094D\u0935\u091A\u093E\u0932\u093F\u0924 \u0938\u092B\u093C\u093E\u0908 \u0914\u0930 \u0930\u0916\u0940 \u091C\u093E\u0928\u0947 \u0935\u093E\u0932\u0940 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0915\u0940 \u0917\u093F\u0928\u0924\u0940 \u0938\u0947 \u092C\u093E\u0939\u0930 \u0930\u0916\u0947\u0902\u0964 \u092E\u0948\u0928\u094D\u092F\u0941\u0905\u0932 \u0930\u0942\u092A \u0938\u0947 \u0939\u091F\u093E\u0928\u093E \u0905\u092C \u092D\u0940 \u0938\u0902\u092D\u0935 \u0939\u0948\u0964 \u0907\u0938\u0938\u0947 \u092C\u094D\u0930\u093E\u0909\u091C\u093C\u0930 \u0915\u0947 \u0938\u094D\u091F\u094B\u0930\u0947\u091C \u092F\u093E \u0928\u093F\u0937\u094D\u0915\u093E\u0938\u0928 \u0938\u0941\u0930\u0915\u094D\u0937\u093E \u092E\u0947\u0902 \u092C\u0926\u0932\u093E\u0935 \u0928\u0939\u0940\u0902 \u0939\u094B\u0924\u093E\u0964",
+    recordingStarred: "\u0938\u094D\u0935\u091A\u093E\u0932\u093F\u0924 \u0938\u092B\u093C\u093E\u0908 \u0938\u0947 \u0938\u0941\u0930\u0915\u094D\u0937\u093F\u0924",
+    recordingStart: "\u0936\u0941\u0930\u0941\u0906\u0924",
+    recordingState: "\u0938\u094D\u0925\u093F\u0924\u093F",
+    recordingSuccess: "\u0938\u092B\u0932",
+    recordingTimeline: "\u0906\u0935\u093E\u091C\u093C / \u092E\u094C\u0928 \u0938\u092E\u092F\u0930\u0947\u0916\u093E",
+    recordingTitle: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917",
+    recordingUnavailable: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0938\u0947\u0935\u093E \u0909\u092A\u0932\u092C\u094D\u0927 \u0928\u0939\u0940\u0902 \u0939\u0948\u0964 \u0938\u0902\u0917\u0924 \u0930\u0928\u091F\u093E\u0907\u092E \u0915\u0947 \u0938\u093E\u0925 \u0932\u093E\u0907\u0935 \u0935\u0949\u0907\u0938 \u0938\u0947\u091F\u093F\u0902\u0917\u094D\u0938 \u092E\u0947\u0902 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u091A\u093E\u0932\u0942 \u0915\u0930\u0947\u0902\u0964",
+    recordingUnstar: "\u0938\u0941\u0930\u0915\u094D\u0937\u093E \u0939\u091F\u093E\u090F\u0901",
+    recordingUnstarHelp: "\u0938\u094D\u0935\u091A\u093E\u0932\u093F\u0924 \u0938\u092B\u093C\u093E\u0908 \u0915\u0940 \u0905\u0928\u0941\u092E\u0924\u093F \u0926\u0947\u0902 \u0914\u0930 \u0907\u0938 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0915\u094B \u092B\u093F\u0930 \u0938\u0947 \u0930\u0916\u0940 \u091C\u093E\u0928\u0947 \u0935\u093E\u0932\u0940 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0915\u0940 \u0917\u093F\u0928\u0924\u0940 \u092E\u0947\u0902 \u0936\u093E\u092E\u093F\u0932 \u0915\u0930\u0947\u0902\u0964 \u092E\u0948\u0928\u094D\u092F\u0941\u0905\u0932 \u0930\u0942\u092A \u0938\u0947 \u0939\u091F\u093E\u0928\u093E \u0905\u092C \u092D\u0940 \u0938\u0902\u092D\u0935 \u0939\u0948\u0964 \u092C\u094D\u0930\u093E\u0909\u091C\u093C\u0930 \u0915\u093E \u0938\u094D\u091F\u094B\u0930\u0947\u091C \u0914\u0930 \u0928\u093F\u0937\u094D\u0915\u093E\u0938\u0928 \u0938\u0941\u0930\u0915\u094D\u0937\u093E \u0928\u0939\u0940\u0902 \u092C\u0926\u0932\u0924\u0947\u0964",
     refreshRate: "\u0905\u092A\u0921\u0947\u091F \u0906\u0935\u0943\u0924\u094D\u0924\u093F",
     resume: "\u0905\u092A\u0921\u0947\u091F \u092B\u093F\u0930 \u0936\u0941\u0930\u0942 \u0915\u0930\u0947\u0902",
+    runtimeActive: "\u0938\u0915\u094D\u0930\u093F\u092F \u0905\u0928\u0941\u0930\u094B\u0927",
+    runtimeAudio: "\u092A\u093F\u091B\u0932\u0947 \u0911\u0921\u093F\u092F\u094B \u0915\u0940 \u0905\u0935\u0927\u093F",
+    runtimeCache: "\u0915\u0948\u0936 \u0915\u0940 \u0917\u0908 \u092E\u0949\u0921\u0932 \u092B\u093C\u093E\u0907\u0932\u0947\u0902",
+    runtimeCancelled: "\u0930\u0926\u094D\u0926",
+    runtimeCompleted: "\u092A\u0942\u0930\u0940 \u0939\u0941\u0908 \u091F\u094D\u0930\u093E\u0902\u0938\u0915\u094D\u0930\u093F\u092A\u094D\u0936\u0928",
+    runtimeDevice: "\u0905\u0928\u0941\u0930\u094B\u0927\u093F\u0924 \u0928\u093F\u0937\u094D\u092A\u093E\u0926\u0928 \u092A\u094D\u0930\u0926\u093E\u0924\u093E",
+    runtimeError: "\u0924\u094D\u0930\u0941\u091F\u093F \u0915\u094B\u0921",
+    runtimeEvents: "\u0930\u0928\u091F\u093E\u0907\u092E \u0918\u091F\u0928\u093E\u090F\u0901 (\u092A\u093F\u091B\u0932\u0940 100)",
+    runtimeFailed: "\u0935\u093F\u092B\u0932 / \u0930\u0926\u094D\u0926 \u091F\u094D\u0930\u093E\u0902\u0938\u0915\u094D\u0930\u093F\u092A\u094D\u0936\u0928",
+    runtimeGpu: "WebGPU \u090F\u0921\u093E\u092A\u094D\u091F\u0930 \u0909\u092A\u0932\u092C\u094D\u0927",
+    runtimeHeap: "\u092A\u0947\u091C JavaScript \u0939\u0940\u092A \u0915\u093E \u0905\u0928\u0941\u092E\u093E\u0928",
+    runtimeHelp: "\u092E\u0949\u0921\u0932/\u0915\u0948\u0936 \u0915\u093E \u0906\u0915\u093E\u0930 \u092B\u093C\u093E\u0907\u0932\u094B\u0902 \u0915\u093E \u0939\u0948, RAM \u0915\u093E \u0928\u0939\u0940\u0902\u0964 PCM \u0915\u0947\u0935\u0932 \u0938\u0915\u094D\u0930\u093F\u092F/\u0915\u0924\u093E\u0930\u092C\u0926\u094D\u0927 \u0907\u0928\u092A\u0941\u091F \u092C\u092B\u093C\u0930 \u0917\u093F\u0928\u0924\u093E \u0939\u0948\u0964 JavaScript \u0939\u0940\u092A \u092A\u0942\u0930\u0947 \u092A\u0947\u091C \u0915\u093E \u0917\u0948\u0930-\u092E\u093E\u0928\u0915 \u0905\u0928\u0941\u092E\u093E\u0928 \u0939\u0948 \u0914\u0930 \u092A\u0942\u0930\u0940 worker/WASM/GPU \u092E\u0947\u092E\u094B\u0930\u0940 \u0928\u0939\u0940\u0902 \u092E\u093E\u092A\u0924\u093E\u0964 \u092E\u0949\u0921\u0932 RAM/VRAM \u092F\u0939\u093E\u0901 \u092D\u0930\u094B\u0938\u0947\u092E\u0902\u0926 \u0924\u0930\u0940\u0915\u0947 \u0938\u0947 \u0928\u0939\u0940\u0902 \u092E\u093E\u092A\u0940 \u091C\u093E \u0938\u0915\u0924\u0940\u0964 WebGPU \u0936\u0941\u0930\u0942 \u0939\u094B\u0928\u0947 \u0915\u093E \u092E\u0924\u0932\u092C \u0938\u092D\u0940 \u0911\u092A\u0930\u0947\u091F\u0930 GPU \u092A\u0930 \u091A\u0932\u0947, \u092F\u0939 \u0928\u0939\u0940\u0902 \u0939\u0948\u0964 \u0918\u091F\u0928\u093E\u090F\u0901 \u092A\u094D\u0932\u0917\u0907\u0928 \u091C\u0940\u0935\u0928\u091A\u0915\u094D\u0930 \u092E\u0947\u091F\u093E\u0921\u0947\u091F\u093E \u0939\u0948\u0902, \u0915\u091A\u094D\u091A\u0947 ONNX \u0932\u0949\u0917 \u0928\u0939\u0940\u0902; \u0911\u0921\u093F\u092F\u094B \u092F\u093E \u091F\u094D\u0930\u093E\u0902\u0938\u0915\u094D\u0930\u093F\u092A\u094D\u0936\u0928 \u0928\u0939\u0940\u0902 \u0930\u0916\u0924\u0947\u0964",
+    runtimeId: "\u0935\u0930\u094D\u0915\u0930 \u092A\u0939\u091A\u093E\u0928",
+    runtimeInference: "\u0935\u0930\u094D\u0915\u0930 \u0915\u093E \u092A\u093F\u091B\u0932\u093E \u0907\u0928\u094D\u092B\u093C\u0930\u0947\u0902\u0938",
+    runtimeLoad: "\u0932\u094B\u0921 \u0930\u093E\u0909\u0902\u0921 \u091F\u094D\u0930\u093F\u092A / \u0935\u0930\u094D\u0915\u0930",
+    runtimeMemory: "\u092E\u0947\u092E\u094B\u0930\u0940 \u0914\u0930 \u0938\u094D\u091F\u094B\u0930\u0947\u091C",
+    runtimeModel: "\u092E\u0949\u0921\u0932",
+    runtimeModelBytes: "\u092A\u0942\u0930\u093E \u092E\u0949\u0921\u0932 \u0921\u093E\u0909\u0928\u0932\u094B\u0921",
+    runtimeNo: "\u0928\u0939\u0940\u0902",
+    runtimePcm: "\u0917\u093F\u0928\u093E \u0917\u092F\u093E \u0907\u0928\u092A\u0941\u091F PCM",
+    runtimePending: "\u0932\u0902\u092C\u093F\u0924 \u0935\u0930\u094D\u0915\u0930 \u0905\u0928\u0941\u0930\u094B\u0927",
+    runtimeQuantization: "\u090F\u0928\u0915\u094B\u0921\u0930 / \u0921\u093F\u0915\u094B\u0921\u0930 \u092A\u0930\u093F\u0936\u0941\u0926\u094D\u0927\u0924\u093E",
+    runtimeQueue: "\u0915\u0924\u093E\u0930\u092C\u0926\u094D\u0927 \u091F\u094D\u0930\u093E\u0902\u0938\u0915\u094D\u0930\u093F\u092A\u094D\u0936\u0928",
+    runtimeRam: "\u092E\u0949\u0921\u0932 RAM",
+    runtimeRatio: "\u092A\u094D\u0930\u0938\u0902\u0938\u094D\u0915\u0930\u0923 / \u0911\u0921\u093F\u092F\u094B \u0905\u0928\u0941\u092A\u093E\u0924",
+    runtimeReady: "\u0924\u0948\u092F\u093E\u0930",
+    runtimeReleased: "\u092E\u0941\u0915\u094D\u0924",
+    runtimeRevision: "\u092A\u093F\u0928 \u0915\u093F\u092F\u093E \u0917\u092F\u093E \u0930\u093F\u0935\u093F\u091C\u093C\u0928",
+    runtimeStarted: "\u0936\u0941\u0930\u0942",
+    runtimeStatus: "\u0938\u094D\u0925\u093F\u0924\u093F",
+    runtimeStorage: "\u0907\u0938 \u0913\u0930\u093F\u091C\u093F\u0928 \u0915\u093E \u0909\u092A\u0932\u092C\u094D\u0927 \u0938\u094D\u091F\u094B\u0930\u0947\u091C",
+    runtimeSuccess: "\u0938\u092B\u0932",
+    runtimeTitle: "\u0930\u0928\u091F\u093E\u0907\u092E",
+    runtimeUnavailable: "\u0905\u0928\u0941\u092A\u0932\u092C\u094D\u0927",
+    runtimeVersions: "ONNX Runtime / Transformers.js",
+    runtimeVram: "\u092E\u0949\u0921\u0932 VRAM",
+    runtimeWorker: "\u0935\u0930\u094D\u0915\u0930 \u0938\u0915\u094D\u0930\u093F\u092F",
+    runtimeYes: "\u0939\u093E\u0901",
     states: "\u0935\u0930\u094D\u0924\u092E\u093E\u0928 \u0938\u094D\u0925\u093F\u0924\u093F\u092F\u093E\u0901",
     title: "\u0932\u093E\u0907\u0935 \u0935\u0949\u0907\u0938 \u0921\u0940\u092C\u0917\u0930",
     transitions: "\u0939\u093E\u0932 \u0915\u0947 \u0938\u094D\u091F\u0947\u091F \u091F\u094D\u0930\u093E\u0902\u091C\u093C\u093F\u0936\u0928",
@@ -617,8 +1657,102 @@ var dictionaries = {
     help: "\u53EA\u8BFB\u72B6\u6001\u6811\u4EE5 10 Hz \u66F4\u65B0\u3002\u9ED8\u8BA4\u9690\u85CF\u6587\u672C\u3002\u6B64\u9762\u677F\u4E0D\u63A7\u5236\u8BED\u97F3\u3002",
     omitted: "\u5DF2\u7701\u7565\u5176\u4ED6\u9879\u76EE",
     popupBlocked: "\u6D4F\u89C8\u5668\u963B\u6B62\u4E86\u8C03\u8BD5\u5668\u7A97\u53E3\u3002\u8BF7\u5141\u8BB8\u6B64\u7F51\u7AD9\u7684\u5F39\u51FA\u7A97\u53E3\uFF0C\u7136\u540E\u91CD\u8BD5\u3002",
+    recordingActive: "\u6B63\u5728\u5F55\u5236",
+    recordingAllSources: "\u6240\u6709\u6765\u6E90",
+    recordingAttempts: "\u8F6C\u5F55\u5386\u53F2",
+    recordingAudio: "\u5F55\u97F3\u64AD\u653E",
+    recordingAudioError: "\u65E0\u6CD5\u52A0\u8F7D\u6216\u64AD\u653E\u5F55\u97F3\u97F3\u9891\u3002",
+    recordingCancel: "\u53D6\u6D88",
+    recordingCaptured: "\u5DF2\u6355\u83B7\u97F3\u9891",
+    recordingCompleted: "\u5DF2\u5B8C\u6210",
+    recordingConfirmDelete: "\u5220\u9664\u6574\u4E2A\u5F55\u97F3\uFF0C\u5305\u62EC\u97F3\u9891\u548C\u8F6C\u5F55\u5386\u53F2\uFF1F\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u9500\u3002\u5220\u9664\u6B63\u5728\u5F55\u5236\u7684\u4F1A\u8BDD\u8FD8\u4F1A\u4E22\u5F03\u540E\u7EED\u4FDD\u5B58\u7684\u97F3\u9891\u3002",
+    recordingDate: "\u5F00\u59CB\u65F6\u95F4",
+    recordingDelete: "\u5220\u9664\u6574\u4E2A\u4F1A\u8BDD",
+    recordingDeleteError: "\u65E0\u6CD5\u5220\u9664\u5F55\u97F3\u3002",
+    recordingDuration: "\u65F6\u957F",
+    recordingEmpty: "\u6CA1\u6709\u7B26\u5408\u7B5B\u9009\u6761\u4EF6\u7684\u5F55\u97F3\u4F1A\u8BDD\u3002",
+    recordingEnd: "\u7ED3\u675F",
+    recordingEngine: "\u5F15\u64CE",
+    recordingError: "\u9519\u8BEF",
+    recordingExport: "\u5BFC\u51FA\u5B8C\u6574\u72EC\u7ACB JSON",
+    recordingExportError: "\u65E0\u6CD5\u5BFC\u51FA\u5F55\u97F3\u3002",
+    recordingFailed: "\u5931\u8D25",
+    recordingHelp: "\u67E5\u770B\u5DF2\u4FDD\u5B58\u97F3\u9891\u3001\u8BED\u97F3/\u9759\u97F3\u8FB9\u754C\u548C\u8F6C\u5F55\u5C1D\u8BD5\u3002\u97F3\u9891\u548C\u6587\u672C\u53EF\u80FD\u654F\u611F\u3002\u64AD\u653E\u5728\u672C\u5730\u8FDB\u884C\uFF1B\u5BFC\u51FA\u5305\u542B\u97F3\u9891\u548C\u6587\u672C\u3002\u67E5\u770B\u4E0D\u4F1A\u66F4\u6539\u91C7\u96C6\uFF1B\u53EA\u6709\u660E\u786E\u5220\u9664\u64CD\u4F5C\u624D\u4F1A\u79FB\u9664\u5F55\u97F3\u3002",
+    recordingInterrupted: "\u5DF2\u4E2D\u65AD",
+    recordingLoadError: "\u65E0\u6CD5\u52A0\u8F7D\u5F55\u97F3\u4F1A\u8BDD\u3002\u8BF7\u5237\u65B0\u91CD\u8BD5\u3002",
+    recordingLoading: "\u6B63\u5728\u52A0\u8F7D\u5F55\u97F3\u2026",
+    recordingMemory: "\u4EC5\u5728\u5185\u5B58\u4E2D",
+    recordingMicrophone: "\u9EA6\u514B\u98CE",
+    recordingNoAttempts: "\u5C1A\u65E0\u8F6C\u5F55\u5C1D\u8BD5\u3002",
+    recordingOpen: "\u672A\u7ED3\u675F\u7247\u6BB5",
+    recordingPending: "\u5904\u7406\u4E2D",
+    recordingPersistent: "\u5DF2\u4FDD\u5B58\u5230\u672C\u5730",
+    recordingPinConfirmed: "\u786E\u8BA4\u65F6\u95F4",
+    recordingPinDelay: "\u786E\u8BA4\u5EF6\u8FDF",
+    recordingPins: "\u8FB9\u754C\u6807\u8BB0",
+    recordingPlay: "\u64AD\u653E\u7247\u6BB5",
+    recordingPlaySession: "\u64AD\u653E\u5DF2\u4FDD\u5B58\u4F1A\u8BDD",
+    recordingRefresh: "\u5237\u65B0\u5F55\u97F3",
+    recordingSaved: "\u5DF2\u4FDD\u5B58\u97F3\u9891",
+    recordingSegments: "\u7247\u6BB5",
+    recordingSelectSession: "\u8BF7\u9009\u62E9\u5F55\u97F3\u4F1A\u8BDD\u3002",
+    recordingShared: "\u5171\u4EAB\u97F3\u9891",
+    recordingSilence: "\u9759\u97F3",
+    recordingSource: "\u6765\u6E90",
+    recordingSourceFilter: "\u7B5B\u9009\u6765\u6E90",
+    recordingSpeech: "\u8BED\u97F3",
+    recordingStar: "\u65E0\u9650\u671F\u4FDD\u7559",
+    recordingStarError: "\u65E0\u6CD5\u66F4\u6539\u5F55\u97F3\u4FDD\u62A4\u3002",
+    recordingStarHelp: "\u5C06\u6B64\u5F55\u97F3\u6392\u9664\u5728\u81EA\u52A8\u6E05\u7406\u548C\u4FDD\u7559\u6570\u91CF\u7EDF\u8BA1\u4E4B\u5916\u3002\u4ECD\u53EF\u624B\u52A8\u5220\u9664\u3002\u8FD9\u4E0D\u4F1A\u66F4\u6539\u6D4F\u89C8\u5668\u5B58\u50A8\u6216\u9632\u9010\u51FA\u4FDD\u62A4\u3002",
+    recordingStarred: "\u53D7\u4FDD\u62A4\uFF0C\u4E0D\u4F1A\u81EA\u52A8\u6E05\u7406",
+    recordingStart: "\u5F00\u59CB",
+    recordingState: "\u72B6\u6001",
+    recordingSuccess: "\u6210\u529F",
+    recordingTimeline: "\u8BED\u97F3 / \u9759\u97F3\u65F6\u95F4\u7EBF",
+    recordingTitle: "\u5F55\u97F3",
+    recordingUnavailable: "\u5F55\u97F3\u670D\u52A1\u4E0D\u53EF\u7528\u3002\u8BF7\u5728\u517C\u5BB9\u7684\u5B9E\u65F6\u8BED\u97F3\u8BBE\u7F6E\u4E2D\u542F\u7528\u5F55\u97F3\u3002",
+    recordingUnstar: "\u53D6\u6D88\u4FDD\u62A4",
+    recordingUnstarHelp: "\u5141\u8BB8\u81EA\u52A8\u6E05\u7406\uFF0C\u5E76\u5C06\u6B64\u5F55\u97F3\u91CD\u65B0\u8BA1\u5165\u4FDD\u7559\u6570\u91CF\u3002\u4ECD\u53EF\u624B\u52A8\u5220\u9664\u3002\u6D4F\u89C8\u5668\u5B58\u50A8\u548C\u9632\u9010\u51FA\u4FDD\u62A4\u4FDD\u6301\u4E0D\u53D8\u3002",
     refreshRate: "\u66F4\u65B0\u9891\u7387",
     resume: "\u6062\u590D\u66F4\u65B0",
+    runtimeActive: "\u6D3B\u52A8\u8BF7\u6C42",
+    runtimeAudio: "\u4E0A\u6B21\u97F3\u9891\u65F6\u957F",
+    runtimeCache: "\u6A21\u578B\u6587\u4EF6\u7F13\u5B58",
+    runtimeCancelled: "\u5DF2\u53D6\u6D88",
+    runtimeCompleted: "\u5DF2\u5B8C\u6210\u8F6C\u5F55",
+    runtimeDevice: "\u8BF7\u6C42\u7684\u6267\u884C\u63D0\u4F9B\u7A0B\u5E8F",
+    runtimeError: "\u9519\u8BEF\u4EE3\u7801",
+    runtimeEvents: "\u8FD0\u884C\u65F6\u4E8B\u4EF6\uFF08\u6700\u8FD1100\u6761\uFF09",
+    runtimeFailed: "\u5931\u8D25 / \u5DF2\u53D6\u6D88\u8F6C\u5F55",
+    runtimeGpu: "WebGPU\u9002\u914D\u5668\u53EF\u7528",
+    runtimeHeap: "\u9875\u9762JavaScript\u5806\u4F30\u8BA1",
+    runtimeHelp: "\u6A21\u578B/\u7F13\u5B58\u5927\u5C0F\u662F\u6587\u4EF6\u5B57\u8282\u6570\uFF0C\u4E0D\u662F\u5185\u5B58\u3002PCM\u4EC5\u7EDF\u8BA1\u6D3B\u52A8/\u6392\u961F\u7684\u8F93\u5165\u7F13\u51B2\u533A\u3002JavaScript\u5806\u662F\u975E\u6807\u51C6\u7684\u9875\u9762\u7EA7\u4F30\u8BA1\uFF0C\u4E0D\u5305\u542B\u5B8C\u6574\u7684worker/WASM/GPU\u5185\u5B58\u3002\u6B64\u5904\u65E0\u6CD5\u53EF\u9760\u6D4B\u91CF\u6A21\u578BRAM/\u663E\u5B58\u3002WebGPU\u521D\u59CB\u5316\u6210\u529F\u4E0D\u4EE3\u8868\u5168\u90E8\u7B97\u5B50\u90FD\u5728GPU\u6267\u884C\u3002\u4E8B\u4EF6\u662F\u63D2\u4EF6\u751F\u547D\u5468\u671F\u5143\u6570\u636E\uFF0C\u4E0D\u662F\u539F\u59CBONNX\u65E5\u5FD7\uFF1B\u4E0D\u4FDD\u7559\u97F3\u9891\u6216\u8F6C\u5F55\u3002",
+    runtimeId: "Worker\u6807\u8BC6",
+    runtimeInference: "\u4E0A\u6B21Worker\u63A8\u7406",
+    runtimeLoad: "\u52A0\u8F7D\u5F80\u8FD4 / Worker",
+    runtimeMemory: "\u5185\u5B58\u4E0E\u5B58\u50A8",
+    runtimeModel: "\u6A21\u578B",
+    runtimeModelBytes: "\u5B8C\u6574\u6A21\u578B\u4E0B\u8F7D",
+    runtimeNo: "\u5426",
+    runtimePcm: "\u5DF2\u7EDF\u8BA1\u8F93\u5165PCM",
+    runtimePending: "Worker\u5F85\u5904\u7406\u8BF7\u6C42",
+    runtimeQuantization: "\u7F16\u7801\u5668 / \u89E3\u7801\u5668\u7CBE\u5EA6",
+    runtimeQueue: "\u6392\u961F\u8F6C\u5F55",
+    runtimeRam: "\u6A21\u578BRAM",
+    runtimeRatio: "\u5904\u7406 / \u97F3\u9891\u6BD4\u7387",
+    runtimeReady: "\u5C31\u7EEA",
+    runtimeReleased: "\u5DF2\u91CA\u653E",
+    runtimeRevision: "\u56FA\u5B9A\u7248\u672C",
+    runtimeStarted: "\u5DF2\u5F00\u59CB",
+    runtimeStatus: "\u72B6\u6001",
+    runtimeStorage: "\u6B64\u6765\u6E90\u53EF\u7528\u5B58\u50A8",
+    runtimeSuccess: "\u6210\u529F",
+    runtimeTitle: "\u8FD0\u884C\u65F6",
+    runtimeUnavailable: "\u4E0D\u53EF\u7528",
+    runtimeVersions: "ONNX Runtime / Transformers.js",
+    runtimeVram: "\u6A21\u578B\u663E\u5B58",
+    runtimeWorker: "Worker\u6D3B\u52A8",
+    runtimeYes: "\u662F",
     states: "\u5F53\u524D\u72B6\u6001",
     title: "\u5B9E\u65F6\u8BED\u97F3\u8C03\u8BD5\u5668",
     transitions: "\u6700\u8FD1\u7684\u72B6\u6001\u8F6C\u6362",
@@ -628,12 +1762,15 @@ var dictionaries = {
 
 // src/styles.ts
 var styles = `
+.dlvd-runtimes{overflow-wrap:anywhere}.dlvd-runtimes h3{margin:8px 0}.dlvd-runtime-card{border-top:1px solid var(--dsw-alias-border-l2,#ffffff1f);padding:12px 0}.dlvd-runtimes .dlvd-history>div{border-bottom:1px solid var(--dsw-alias-border-l1,#ffffff0f);padding:6px 0}.dlvd-tabs{flex-wrap:wrap}
+
 .dlvd-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;flex:1;min-height:0;overflow:hidden}.dlvd-state-pane,.dlvd-event-pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.dlvd-event-pane{border-left:1px solid var(--dsw-alias-border-l1, #ffffff0f);padding-left:16px}.dlvd-columns h3{margin:0 0 10px}.dlvd-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px}.dlvd-scroll:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary, #7aaaff);outline-offset:-2px}.dlvd-history summary{overflow-wrap:anywhere}.dlvd-panel>header,.dlvd-panel>p,.dlvd-panel>.dlvd-toolbar{flex-shrink:0}
 
 .dlvd-window{margin:0;background:var(--dsw-alias-bg-base, #151517);color:var(--dsw-alias-label-primary, #f9fafb);color-scheme:var(--dlvd-color-scheme, dark)}.dlvd-window .dlvd-panel{position:static;width:100%;height:100dvh;max-height:none;min-width:0;resize:none;border:0;border-radius:0;box-shadow:none}
 .dlvd-panel{position:fixed;right:16px;top:16px;width:min(520px,calc(100vw - 32px));height:80vh;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;z-index:1000;padding:16px;border:1px solid var(--dsw-alias-border-l2, #ffffff1f);border-radius:14px;background:var(--dsw-alias-bg-base, #151517);color:var(--dsw-alias-label-primary, #f9fafb);box-shadow:0 12px 40px #0008;font:13px/1.6 system-ui;resize:both;min-width:280px;box-sizing:border-box;color-scheme:var(--dlvd-color-scheme, dark)}
 .dlvd-panel header{display:flex;align-items:center;gap:12px;position:sticky;top:-16px;background:var(--dsw-alias-bg-base, #151517);padding:8px 0;z-index:1}.dlvd-panel header strong{flex:1}.dlvd-panel button,.dlvd-panel select{background:var(--dsw-alias-bg-layer-1, #232324);color:var(--dsw-alias-label-primary, #f9fafb);border:1px solid var(--dsw-alias-border-l2, #ffffff1f);border-radius:6px;padding:5px 9px;cursor:pointer}.dlvd-panel button:focus-visible,.dlvd-panel summary:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary, #7aaaff)}.dlvd-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.dlvd-panel p{color:var(--dsw-alias-label-tertiary, #adb2b8)}.dlvd-branch{margin-left:10px;border-left:1px solid var(--dsw-alias-border-l1, #ffffff0f);padding-left:9px}.dlvd-branch summary{cursor:pointer;padding:3px 0}.dlvd-panel small{color:var(--dsw-alias-label-tertiary, #adb2b8);margin-left:8px}.dlvd-leaf{display:flex;gap:12px;justify-content:space-between;padding:2px 0;overflow-wrap:anywhere}.dlvd-leaf code{color:var(--dsw-alias-label-secondary, #cfd3d6)}.dlvd-leaf span{white-space:pre-wrap;text-align:right;max-width:65%}.dlvd-leaf [data-kind=boolean]{color:var(--dsw-alias-label-primary, #f9fafb)}.dlvd-leaf [data-kind=number]{color:var(--dsw-alias-label-primary, #f9fafb)}.dlvd-history{margin-top:12px}.dlvd-history>details{border-top:1px solid var(--dsw-alias-border-l1, #ffffff0f);padding:6px 0}.dlvd-history [data-level=error]{border-left:3px solid var(--dsw-alias-state-error-primary, #f25a5a);padding-left:8px}
 .dlvd-panel button,.dlvd-panel select{font:inherit}.dlvd-panel button:hover{background:var(--dsw-alias-interactive-bg-hover, #ffffff14)}.dlvd-panel select:focus-visible,.dlvd-panel input:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary, #7aaaff);outline-offset:2px}.dlvd-panel input{accent-color:var(--dsw-alias-state-business-primary, #7aaaff)}.dlvd-scroll{scrollbar-color:var(--dsw-alias-scrollbar-bg-l1, #3c3c3d) transparent}.dlvd-panel [data-kind=boolean],.dlvd-panel [data-kind=number]{font-variant-numeric:tabular-nums}
+.dlvd-tabs{display:flex;gap:8px;margin:8px 0 12px}.dlvd-tabs [aria-selected=true]{border-color:var(--dsw-alias-state-business-primary,#7aaaff);background:var(--dsw-alias-interactive-bg-hover,#ffffff14)}.dlvd-tab-panel{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.dlvd-tab-panel[hidden]{display:none}.dlvd-recordings{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.dlvd-recordings>p{margin:0 0 12px}.dlvd-recording-columns{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.5fr);gap:16px;flex:1;min-height:0;overflow:hidden}.dlvd-recording-detail{border-left:1px solid var(--dsw-alias-border-l2,#ffffff1f);padding-left:16px}.dlvd-recordings table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.dlvd-recordings th,.dlvd-recordings td{text-align:left;vertical-align:top;padding:6px;border-bottom:1px solid var(--dsw-alias-border-l1,#ffffff0f);overflow-wrap:anywhere}.dlvd-recordings th{font-size:11px}.dlvd-recordings h3{margin:4px 0 10px;overflow-wrap:anywhere}.dlvd-recordings h4{margin:16px 0 6px}.dlvd-recordings tr[data-selected=true]{background:var(--dsw-alias-interactive-bg-hover,#ffffff14)}.dlvd-recording-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px}.dlvd-recording-meta dd{margin:0;overflow-wrap:anywhere}.dlvd-recordings audio{width:100%;margin:8px 0}.dlvd-recordings button:disabled{opacity:.5;cursor:default}.dlvd-recordings summary{cursor:pointer}.dlvd-delete-confirm{padding:10px;border:1px solid var(--dsw-alias-state-error-primary,#f25a5a);border-radius:8px;margin-bottom:12px}.dlvd-attempt{padding:8px;border-left:2px solid var(--dsw-alias-border-l2,#ffffff1f);margin:8px 0}.dlvd-transcript{white-space:pre-wrap;overflow-wrap:anywhere}.dlvd-attempt-error{color:var(--dsw-alias-state-error-primary,#f25a5a)!important}.dlvd-timeline{position:relative;height:44px;overflow:hidden;border:1px solid var(--dsw-alias-border-l2,#ffffff1f);border-radius:6px;background:var(--dsw-alias-bg-layer-1,#232324)}.dlvd-timeline button{position:absolute;top:8px;height:28px;min-width:2px;padding:0;border:0;border-radius:0}.dlvd-timeline [data-kind=speech]{background:#278956}.dlvd-timeline [data-kind=silence]{background:#566578}.dlvd-timeline button[aria-pressed=true]{outline:2px solid var(--dsw-alias-label-primary,#f9fafb);outline-offset:-2px}.dlvd-pin{position:absolute;top:0;height:42px;width:2px;background:var(--dsw-alias-label-primary,#f9fafb);pointer-events:none}.dlvd-timeline-legend{font-size:12px;margin:4px 0}.dlvd-timeline-legend [data-kind=speech]{border-bottom:3px solid #278956}.dlvd-timeline-legend [data-kind=silence]{border-bottom:3px solid #566578}@media(max-width:850px){.dlvd-recording-columns{grid-template-columns:1fr;grid-template-rows:minmax(130px,.7fr) minmax(0,1.5fr)}.dlvd-recording-detail{border-left:0;border-top:1px solid var(--dsw-alias-border-l2,#ffffff1f);padding-left:0;padding-top:12px}}
 `;
 
 // src/theme.ts
@@ -700,12 +1837,12 @@ function apply(ctx) {
     notify();
   };
   function Host() {
-    import_react22.default.useSyncExternalStore(localeSubscribe, localeSnapshot);
+    import_react25.default.useSyncExternalStore(localeSubscribe, localeSnapshot);
     const labels = copy();
-    import_react22.default.useEffect(() => {
+    import_react25.default.useEffect(() => {
       if (popup && !popup.closed) popup.document.title = labels.title;
     }, [labels.title]);
-    return /* @__PURE__ */ import_react22.default.createElement(DebuggerPanel, { copy: labels, target: window, onClose: () => queueMicrotask(close) });
+    return /* @__PURE__ */ import_react25.default.createElement(DebuggerPanel, { copy: labels, target: window, onClose: () => queueMicrotask(close) });
   }
   const open = () => {
     if (popup && !popup.closed) {
@@ -739,7 +1876,7 @@ function apply(ctx) {
       container.dataset.plugin = namespace;
       doc.body.appendChild(container);
       root = (0, import_client.createRoot)(container);
-      root.render(/* @__PURE__ */ import_react22.default.createElement(Host, null));
+      root.render(/* @__PURE__ */ import_react25.default.createElement(Host, null));
       enabled = true;
       closedTimer = setInterval(() => {
         if (popup?.closed) close();
@@ -754,10 +1891,10 @@ function apply(ctx) {
     }
   };
   function Settings() {
-    const failed = import_react22.default.useSyncExternalStore(subscribe, () => blocked);
-    import_react22.default.useSyncExternalStore(localeSubscribe, localeSnapshot);
+    const failed = import_react25.default.useSyncExternalStore(subscribe, () => blocked);
+    import_react25.default.useSyncExternalStore(localeSubscribe, localeSnapshot);
     const labels = copy();
-    return /* @__PURE__ */ import_react22.default.createElement("div", { className: "dlv-diagnostics-launcher" }, /* @__PURE__ */ import_react22.default.createElement("button", { type: "button", className: "dlv-diagnostics-button", onClick: open }, /* @__PURE__ */ import_react22.default.createElement(Icon, { name: "bug" }), labels.diagnostics), /* @__PURE__ */ import_react22.default.createElement(Hint, { label: labels.diagnostics }, labels.activate), failed && /* @__PURE__ */ import_react22.default.createElement("p", { role: "alert" }, labels.popupBlocked));
+    return /* @__PURE__ */ import_react25.default.createElement("div", { className: "dlv-diagnostics-launcher" }, /* @__PURE__ */ import_react25.default.createElement("button", { type: "button", className: "dlv-diagnostics-button", onClick: open }, /* @__PURE__ */ import_react25.default.createElement(Icon, { name: "bug" }), labels.diagnostics), /* @__PURE__ */ import_react25.default.createElement(Hint, { label: labels.diagnostics }, labels.activate), failed && /* @__PURE__ */ import_react25.default.createElement("p", { role: "alert" }, labels.popupBlocked));
   }
   ctx.effect(
     () => publishDeveloperExtension(window, {