dsh-codex-subscription 3.0.0-beta.8 → 3.0.1

package/lib/client.js

@@ -1090,6 +1090,11 @@ window.__ModuleLoader__.load({
 			"runtime/cancel",
 			"storage/status",
 			"storage/clear-forecast",
+			"voice/start",
+			"voice/stop",
+			"voice/status",
+			"voice/preview",
+			"voice/catalog",
 			"remote/status",
 			"remote/enable",
 			"remote/disable",
@@ -1326,10 +1331,6 @@ window.__ModuleLoader__.load({
 								className: "codexImageToolTitle",
 								children: t("imageGenerate")
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "codexImageBeta",
-								children: t("imageBeta")
-							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "codexImageToolState",
 								children: status
@@ -2676,7 +2677,7 @@ window.__ModuleLoader__.load({
 			}
 			return matrix;
 		}
-		function parseColor(value) {
+		function parseColor$1(value) {
 			const text = String(value ?? "").trim().toLowerCase();
 			if (!text || text === "none") return "none";
 			if (text === "currentcolor") return "#000000";
@@ -3038,7 +3039,7 @@ window.__ModuleLoader__.load({
 				if (!target || !/Gradient$/.test(target.name)) throw Error(`SVG paint ${reference} does not reference a gradient defined in the same SVG`);
 				const stops = target.children.filter((child) => child.name === "stop");
 				if (!stops.length) throw Error(`Gradient ${target.attrs.id} has no stops`);
-				const channels = stops.map((stop) => parseColor(stop.attrs["stop-color"] ?? /stop-color\s*:\s*([^;]+)/.exec(stop.attrs.style ?? "")?.[1] ?? "#000000")).filter((color) => color !== "none").map((color) => [
+				const channels = stops.map((stop) => parseColor$1(stop.attrs["stop-color"] ?? /stop-color\s*:\s*([^;]+)/.exec(stop.attrs.style ?? "")?.[1] ?? "#000000")).filter((color) => color !== "none").map((color) => [
 					1,
 					3,
 					5
@@ -3051,7 +3052,7 @@ window.__ModuleLoader__.load({
 				warnings.add(`Gradient ${target.attrs.id} was flattened to its average color; stack several bands for a real gradient.`);
 				return `#${mean.map((value) => value.toString(16).padStart(2, "0")).join("")}`;
 			};
-			const paint = (value) => String(value).startsWith("url(") ? gradientColor(value) : parseColor(value);
+			const paint = (value) => String(value).startsWith("url(") ? gradientColor(value) : parseColor$1(value);
 			const emit = (subpath, matrix, style, id) => {
 				[subpath.start, ...subpath.curves.flatMap((curve) => [
 					[curve[0], curve[1]],
@@ -5684,10 +5685,17 @@ window.__ModuleLoader__.load({
 			inputImageDetail_high: "高",
 			inputImageDetail_original: "原图",
 			connectors: "ChatGPT 连接器",
-			connectorsHint: "让 DSH 里的任何模型使用你在 ChatGPT 网页里已连接的应用（GitHub、Gmail、Google 云端硬盘、日历等）。只读：模型只能读取；允许写入：发邮件、改文件等写操作每次都要你批准。应用返回的内容来自第三方，模型不会照其中的指令行事。需先在 ChatGPT 里连接应用。",
+			connectorsHint: "让 DSH 里的任何模型使用你在 ChatGPT 里已连接的应用（GitHub、Gmail、云端硬盘、日历等）。需先在 ChatGPT 里连接应用；应用返回的内容来自第三方，模型不会照其中的指令行事。",
+			connectorsMode_off: "连接器关闭，模型看不到这些应用。",
+			connectorsMode_read: "模型只能读取（搜邮件、读文件、查 PR），不会修改任何数据。",
+			connectorsMode_ask: "发邮件、改文件等写操作每次都会弹出确认，你批准后才执行。",
+			connectorsMode_write: "写操作直接执行，不再弹出确认，误操作无法撤回，请谨慎使用。",
+			hintMore: "展开",
+			hintLess: "收起",
 			connectors_off: "关闭",
 			connectors_read: "只读",
-			connectors_ask: "允许写入（每次审批）",
+			connectors_ask: "询问后写入",
+			connectors_write: "直接写入",
 			reasoningSummary: "推理摘要",
 			reasoningSummaryHint: "让模型在会话的“思考”部分给出推理摘要。自动由模型决定；简洁更短；详细更完整；关闭则不要摘要。",
 			retryPolicy: "请求重试",
@@ -5705,12 +5713,54 @@ window.__ModuleLoader__.load({
 			subagentBackend_dsh: "DSH",
 			subagentBackend_codex: "Codex",
 			connectionTitle: "连接方式",
+			diagnosticsLog: "运行日志",
+			diagnosticsLogHint: "按时间记录运行中发生的事，错误和警告在最上面的筛选里。内容已去掉令牌、邮箱和路径。",
+			logLevel_all: "全部",
+			logLevel_warn: "警告和错误",
+			logLevel_error: "仅错误",
+			logEmpty: "这个级别暂时没有记录。",
+			logCopy: "复制日志",
+			logCopied: "已复制日志",
+			logEarlier: "上次运行",
 			remoteTitle: "手机远程控制",
 			remote_off: "关闭",
 			remote_on: "开启",
+			voiceStart: "语音对话",
+			voiceEnd: "结束语音",
+			voiceConnecting: "正在连接语音…",
+			voiceListening: "在听",
+			voiceSpeaking: "在说",
+			voiceWorking: "DSH 正在处理…",
+			voiceMute: "关闭麦克风",
+			voiceUnmute: "打开麦克风",
+			voiceMuteSpeaker: "关闭声音",
+			voiceUnmuteSpeaker: "打开声音",
+			voiceMicBlocked: "没有麦克风权限，请在浏览器或系统里允许后再试。",
+			voiceFailed: "语音没有接通，请稍后再试。",
+			voiceTitle: "语音对话",
+			voiceHint: "输入框里没有内容时，发送键变成语音键：点一下就能和 DSH 说话，让它做事，它的回答会念出来。语音通话由 ChatGPT 订阅提供，通话内容会经过 OpenAI。",
+			voiceVoice: "音色",
+			voiceLanguage: "回答语言",
+			voiceAuto: "跟你说的语言一致",
+			voicePlay: "试听",
+			voiceLoading: "加载中…",
+			voiceNoSample: "这个音色暂时没有试听样本。",
+			voiceUnavailable: "暂无试听",
+			voiceMore: "更多音色（暂无试听）",
+			voiceLang_zh: "中文",
+			voiceLang_en: "English",
+			voiceLang_ja: "日本語",
+			voiceLang_ko: "한국어",
+			voiceLang_es: "Español",
+			voiceLang_fr: "Français",
+			voiceLang_de: "Deutsch",
+			voiceLang_pt: "Português",
+			voiceLang_ru: "Русский",
 			remoteHint: "实验功能，默认关闭。开启后，这台电脑上的 DSH 会出现在 ChatGPT 手机 App 的 Codex 主机列表里，可用手机查看对话、发消息、切换模型和审批。需要订阅账号登录；电脑要保持开机和联网。",
-			remoteConnected: "已连接",
+			remoteConnected: "电脑已连上 ChatGPT，还没有手机连接",
 			remoteConnecting: "正在连接",
+			remoteWaiting: "正在等待上一次连接释放，通常几分钟内自动连上",
+			remoteConflictLong: "长时间连不上，通常是另一台电脑、另一份 DSH（或另一个窗口）也在用同一个 ChatGPT 账号开着手机远程，彼此在抢连接。请关闭其他地方的手机远程，再回到这里点“关闭”后重新“开启”。",
 			remoteError: "连接失败，会自动重试",
 			remoteStopped: "已停止",
 			remotePaired: "已配对的手机",
@@ -5718,7 +5768,7 @@ window.__ModuleLoader__.load({
 			remoteRevoke: "移除",
 			remoteLastSeen: "最近 {date}",
 			remotePhoneUnknown: "未命名手机",
-			remotePhones: "{count} 个手机连接",
+			remotePhones: "手机已连接 {count} 部",
 			remotePair: "显示配对码",
 			remotePairAgain: "重新生成配对码",
 			remotePairFailed: "无法生成配对码，请确认已登录订阅账号。",
@@ -6020,9 +6070,9 @@ window.__ModuleLoader__.load({
 			searchTitle: "搜索来源",
 			searchScope: "自动按当前会话模型分流；手动选择会覆盖所有模型和会话。",
 			searchAuto: "自动",
-			searchAutoHint: "Codex 模型用订阅搜索，其他模型用 DSH",
+			searchAutoHint: "Codex 模型用订阅搜索，其他模型用 DSH；一方未登录或没有 Key 时自动改用另一方",
 			searchDsh: "DSH 默认",
-			searchDshHint: "所有模型使用 DSH 当前搜索服务",
+			searchDshHint: "所有模型使用 DSH 当前搜索服务；没有 API Key 时用已登录的 DeepSeek 账号",
 			searchCodex: "Codex 订阅",
 			searchCodexHint: "所有模型通过已登录的 ChatGPT 订阅搜索",
 			preferenceFailed: "设置未保存。",
@@ -6216,7 +6266,6 @@ window.__ModuleLoader__.load({
 			modelFailed: "模型目录加载失败：{value}",
 			groupFailed: "{name}：{value}",
 			imageGenerate: "生成图片",
-			imageBeta: "Beta",
 			imageGenerating: "正在生成…",
 			imageGenerated: "已生成",
 			imageFailed: "生成失败",
@@ -6363,10 +6412,17 @@ window.__ModuleLoader__.load({
 			inputImageDetail_high: "High",
 			inputImageDetail_original: "Original",
 			connectors: "ChatGPT connectors",
-			connectorsHint: "Lets any model in DSH use the apps you have connected in ChatGPT (GitHub, Gmail, Google Drive, Calendar and more). Read-only: models can only read. Allow writes: anything that changes data, such as sending mail or editing files, asks for your approval every time. What apps return is third-party content and models do not follow instructions inside it. Connect the apps in ChatGPT first.",
+			connectorsHint: "Lets any model in DSH use the apps you have connected in ChatGPT (GitHub, Gmail, Drive, Calendar and more). Connect the apps in ChatGPT first; what apps return is third-party content and models do not follow instructions inside it.",
+			connectorsMode_off: "Connectors are off; models cannot see these apps.",
+			connectorsMode_read: "Models can only read (search mail, read files, look up pull requests) and never change data.",
+			connectorsMode_ask: "Anything that changes data, such as sending mail or editing files, asks for your approval every time.",
+			connectorsMode_write: "Changing actions run immediately without a prompt and cannot be undone, so use this carefully.",
+			hintMore: "More",
+			hintLess: "Less",
 			connectors_off: "Off",
 			connectors_read: "Read-only",
-			connectors_ask: "Allow writes (ask each time)",
+			connectors_ask: "Write after asking",
+			connectors_write: "Write directly",
 			reasoningSummary: "Reasoning summary",
 			reasoningSummaryHint: "Shows a summary of the reasoning in the Thinking section of the conversation. Auto lets the model decide; concise is shorter; detailed is fuller; off asks for none.",
 			retryPolicy: "Request retries",
@@ -6384,12 +6440,54 @@ window.__ModuleLoader__.load({
 			subagentBackend_dsh: "DSH",
 			subagentBackend_codex: "Codex",
 			connectionTitle: "Connection",
+			diagnosticsLog: "Log",
+			diagnosticsLogHint: "What happened while running, in order. Filter to warnings and errors above. Tokens, emails and paths are removed.",
+			logLevel_all: "All",
+			logLevel_warn: "Warnings and errors",
+			logLevel_error: "Errors only",
+			logEmpty: "Nothing recorded at this level yet.",
+			logCopy: "Copy log",
+			logCopied: "Log copied",
+			logEarlier: "previous run",
 			remoteTitle: "Phone remote control",
 			remote_off: "Off",
 			remote_on: "On",
+			voiceStart: "Voice conversation",
+			voiceEnd: "End voice",
+			voiceConnecting: "Connecting voice…",
+			voiceListening: "Listening",
+			voiceSpeaking: "Speaking",
+			voiceWorking: "DSH is working on it…",
+			voiceMute: "Turn the microphone off",
+			voiceUnmute: "Turn the microphone on",
+			voiceMuteSpeaker: "Turn the sound off",
+			voiceUnmuteSpeaker: "Turn the sound on",
+			voiceMicBlocked: "No microphone permission: allow it in the browser or system and try again.",
+			voiceFailed: "The voice call did not connect. Try again in a moment.",
+			voiceTitle: "Voice conversation",
+			voiceHint: "When the message box is empty, the send button becomes a voice button: tap it to talk to DSH, ask it to do things, and hear the answer. Calls use your ChatGPT subscription and go through OpenAI.",
+			voiceVoice: "Voice",
+			voiceLanguage: "Answer language",
+			voiceAuto: "Same as you speak",
+			voicePlay: "Listen",
+			voiceLoading: "Loading…",
+			voiceNoSample: "No sample is available for this voice.",
+			voiceUnavailable: "no sample yet",
+			voiceMore: "More voices (no sample yet)",
+			voiceLang_zh: "中文",
+			voiceLang_en: "English",
+			voiceLang_ja: "日本語",
+			voiceLang_ko: "한국어",
+			voiceLang_es: "Español",
+			voiceLang_fr: "Français",
+			voiceLang_de: "Deutsch",
+			voiceLang_pt: "Português",
+			voiceLang_ru: "Русский",
 			remoteHint: "Experimental, off by default. When on, this computer's DSH appears as a host in the ChatGPT mobile app's Codex list, so you can follow conversations, send messages, switch models and approve actions from your phone. Needs a signed-in subscription account; the computer must stay on and online.",
-			remoteConnected: "Connected",
+			remoteConnected: "This computer is online with ChatGPT; no phone connected yet",
 			remoteConnecting: "Connecting",
+			remoteWaiting: "Waiting for the previous connection to be released; usually reconnects within a few minutes",
+			remoteConflictLong: "Still not connecting? Usually another computer, another DSH copy or another window is using phone remote control with the same ChatGPT account and they keep taking the connection from each other. Turn phone remote control off elsewhere, then switch it Off and On again here.",
 			remoteError: "Connection failed, retrying",
 			remoteStopped: "Stopped",
 			remotePaired: "Paired phones",
@@ -6404,7 +6502,7 @@ window.__ModuleLoader__.load({
 			remotePairSteps: "Scan this in the ChatGPT app's Codex section, or type the manual code.",
 			remoteManualCode: "Manual pairing code",
 			remoteQrLabel: "Pairing QR code",
-			remoteExpires: "Valid for about {minutes} minute(s)",
+			remoteExpires: "Expires in about {minutes} min",
 			remoteExpired: "The pairing code expired. Create a new one.",
 			remoteLimits: "From the phone you can follow and continue DSH conversations, start new ones, send photos, switch models, choose permissions, approve actions and view changes. The phone cannot run other commands on the computer.",
 			reviewModelTitle: "Auto review model",
@@ -6699,9 +6797,9 @@ window.__ModuleLoader__.load({
 			searchTitle: "Search source",
 			searchScope: "Auto follows the current session model; an explicit choice overrides every model and session.",
 			searchAuto: "Auto",
-			searchAutoHint: "Codex models use subscription search; other models use DSH",
+			searchAutoHint: "Codex models use subscription search; other models use DSH; if one side is not signed in or has no key, the other is used",
 			searchDsh: "DSH default",
-			searchDshHint: "Use DSH's current search service for every model",
+			searchDshHint: "Use DSH's current search service for every model; without an API key the signed-in DeepSeek account is used",
 			searchCodex: "Codex subscription",
 			searchCodexHint: "Search through the signed-in ChatGPT subscription for every model",
 			preferenceFailed: "The setting was not saved.",
@@ -6895,7 +6993,6 @@ window.__ModuleLoader__.load({
 			modelFailed: "Could not load models: {value}",
 			groupFailed: "{name}: {value}",
 			imageGenerate: "Generate image",
-			imageBeta: "Beta",
 			imageGenerating: "Generating…",
 			imageGenerated: "Generated",
 			imageFailed: "Generation failed",
@@ -6964,11 +7061,26 @@ window.__ModuleLoader__.load({
 .codexSubscriptionCard{border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-1);padding:14px 16px;display:flex;flex-direction:column;gap:12px}
 .codexSubscriptionUsageCard{padding:12px 14px;gap:9px}
 .codexSubscriptionPreferencesCard{padding:12px 14px;gap:10px}
-.codexSubscriptionPreference{min-height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--dsw-alias-label-primary);font-size:13px;line-height:20px}
+.codexSubscriptionPreference{min-height:32px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;color:var(--dsw-alias-label-primary);font-size:13px;line-height:20px}
 .codexSubscriptionPreferenceCopy{display:flex;min-width:0;flex-direction:column;gap:2px}
 .codexSubscriptionPreferenceLabel{display:flex;align-items:center;gap:6px}
-.codexSubscriptionPreferenceHint{max-width:300px;font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
-.codexSubscriptionQuotaModes{display:flex;align-items:center;gap:3px;padding:2px;border-radius:9px;background:var(--dsw-alias-bg-module-platform)}
+.codexSubscriptionPreference>.codexSubscriptionPreferenceCopy{flex:1 1 240px}
+.codexSubscriptionPreferenceHint{max-width:none;font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
+.codexSubscriptionHintText{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
+.codexSubscriptionHintFold[data-open=true] .codexSubscriptionHintText{display:block;-webkit-line-clamp:unset}
+.codexSubscriptionHintToggle{display:inline-flex;align-items:center;gap:3px;margin-top:2px;padding:0;border:0;background:none;font:inherit;font-size:11px;line-height:17px;color:var(--dsw-alias-label-secondary);cursor:pointer}
+.codexSubscriptionHintToggle::after{content:"";width:5px;height:5px;margin-top:-2px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .15s}
+.codexSubscriptionHintFold[data-open=true] .codexSubscriptionHintToggle::after{margin-top:2px;transform:rotate(-135deg)}
+.codexSubscriptionHintToggle:hover{color:var(--dsw-alias-label-primary)}
+.codexSubscriptionHintToggle:focus-visible{outline:2px solid var(--dsw-alias-border-l3);outline-offset:1px;border-radius:3px}
+.codexSubscriptionPreferenceStack{margin-top:6px;padding-top:10px;border-top:1px solid var(--dsw-alias-border-l2)}
+.codexSubscriptionPreferenceStack>.codexSubscriptionQuotaModes{flex:1 1 100%;margin-left:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
+.codexSubscriptionPreferenceStack .codexSubscriptionQuotaMode{min-height:30px;padding:4px 8px;text-align:center;white-space:normal;line-height:16px}
+.codexSubscriptionPreferenceLabel small{padding:0 6px;border-radius:999px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-tertiary);font-size:10px;font-weight:500;line-height:16px}
+@container (max-width:560px){.codexSubscriptionPreferenceStack>.codexSubscriptionQuotaModes{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}}
+.codexSubscriptionModeNote{flex:1 1 100%;padding:7px 10px;border-radius:8px;background:var(--dsw-alias-bg-module-platform);font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}
+.codexSubscriptionModeNote[data-danger=true]{background:color-mix(in srgb,var(--dsw-alias-label-danger,#d92d20) 12%,transparent);color:var(--dsw-alias-label-danger,#d92d20)}
+.codexSubscriptionQuotaModes{display:flex;flex-wrap:wrap;max-width:100%;align-items:center;gap:3px;padding:2px;border-radius:9px;background:var(--dsw-alias-bg-module-platform)}
 .codexSubscriptionQuotaMode{position:relative;display:flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:7px;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;cursor:pointer;white-space:nowrap}
 .codexSubscriptionQuotaMode small{margin-left:3px;font-size:9px;line-height:1;color:var(--dsw-alias-label-tertiary)}
 .codexSubscriptionQuotaMode:has(input:checked){background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);box-shadow:0 0 0 1px var(--dsw-alias-border-l3)}
@@ -7196,7 +7308,6 @@ window.__ModuleLoader__.load({
 .codexGeneratedImageFrame img{display:block;width:100%;height:100%;object-fit:cover}
 .codexGeneratedImageRetry{min-height:36px;padding:0 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);cursor:pointer}
 @keyframes codexImageSpin{to{transform:rotate(360deg)}}
-.codexImageBeta{padding:0 5px;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;color:var(--dsw-alias-label-tertiary);font-size:10px;line-height:16px}
 .codexImageToolGallery{display:flex;align-items:flex-start;flex-direction:column;gap:8px}
 @container (max-width:560px){.codexSubscriptionCreditRows{grid-template-columns:1fr}}
 @container (max-width:480px){.codexSubscriptionAccountRow,.codexSubscriptionSectionHead{align-items:flex-start;flex-direction:column}
@@ -7231,6 +7342,59 @@ window.__ModuleLoader__.load({
 @container (max-width:480px){.codexSubscriptionPreference,.codexSubscriptionContextHead{flex-wrap:wrap}.codexSubscriptionPreferenceHint{max-width:none}.codexSubscriptionPreference>.codexSubscriptionPreferenceCopy{flex:1 1 220px}.codexSubscriptionQuotaModes{max-width:100%;flex-wrap:wrap}.codexSubscriptionQuotaMode{min-height:30px}.codexSubscriptionActions{flex-wrap:wrap}}
 @container (max-width:340px){.codexSettingsTabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
 @media(prefers-reduced-motion:reduce){.codexSubscription *{transition:none!important}}
+.codexSubscriptionLogHead{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px}.codexSubscriptionLogHead h4{margin:0;font-size:13px}.codexSubscriptionLog{max-height:320px;overflow:auto;margin:6px 0 0;padding:8px 10px;border:1px solid var(--border,#0002);border-radius:8px;font:11.5px/1.5 ui-monospace,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.codexSubscriptionLog_error{color:#c0392b}.codexSubscriptionLog_warn{color:#b9770e}.codexSubscriptionLog_info{opacity:.8}
+.codexSubscriptionConnectors>.codexSubscriptionQuotaModes{flex:0 0 auto;display:flex;flex-wrap:nowrap;margin-left:auto}
+.codexSubscriptionConnectors .codexSubscriptionQuotaMode{min-height:28px;padding:0 10px;white-space:nowrap}
+.codexSubscriptionConnectors>.codexSubscriptionModeNote{padding:0;background:none;font-size:12px;line-height:18px}
+.codexSubscriptionConnectors>.codexSubscriptionModeNote[data-danger=true]{background:none}
+@container (max-width:520px){.codexSubscriptionConnectors>.codexSubscriptionQuotaModes{flex:1 1 100%;margin-left:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.codexSubscriptionConnectors .codexSubscriptionQuotaMode{padding:0 4px;white-space:normal;text-align:center}}
+.codexVoiceChoice{display:flex;align-items:center;gap:8px}
+.codexVoiceChoice .codexSubscriptionContextTrigger{min-width:150px;justify-content:space-between}
+.codexVoiceChoice .codexSubscriptionContextTrigger:first-child:not(:last-child){min-width:0;justify-content:center}
+/* The voice button wears the send button's own classes, so its colours, shape and theme are always the send button's. */
+.codexVoiceCall{position:absolute;z-index:2;margin:0}
+.codexVoiceCall:disabled{cursor:progress}
+.codexVoiceCall[data-state=connecting]{animation:codexVoicePulse 1.1s ease-in-out infinite}
+.codexVoiceCallNote{position:absolute;bottom:calc(100% + 8px);z-index:3;width:max-content;max-width:320px;padding:6px 10px;border-radius:8px;background:var(--dsw-alias-surface-elevated,#2a2a2e);color:var(--dsw-alias-label-primary,#fff);font-size:12px;line-height:16px;box-shadow:0 4px 16px rgba(0,0,0,.3);white-space:normal}
+@keyframes codexVoicePulse{50%{opacity:.55}}
+@media (prefers-reduced-motion:reduce){.codexVoiceCall{animation:none!important}}
+
+@keyframes codexVoiceStageIn{from{opacity:0;margin-top:8px}to{opacity:1;margin-top:0}}
+@media (prefers-reduced-motion:reduce){.codexVoiceOrb,.codexVoiceDot,.codexVoiceStage,.codexVoiceLines p{animation:none!important;transition:none!important}}
+.codexVoiceStage{position:fixed;z-index:60;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(560px,92vw);pointer-events:none;animation:codexVoiceStageIn .28s cubic-bezier(.33,1,.68,1)}
+.codexVoiceStage[data-side=above]{transform:translate(-50%,calc(-100% - 16px))}
+.codexVoiceStage[data-side=below]{transform:translate(-50%,22px);flex-direction:column-reverse}
+.codexVoiceOrbBox{position:relative;width:120px;height:120px;flex:none;margin:-14px 0}
+.codexVoiceOrb{position:absolute;inset:0;transition:opacity .5s ease}
+.codexVoiceOrb[data-ready=false]{opacity:0}
+.codexVoiceOrb canvas{display:block;width:100%;height:100%}
+.codexVoiceDot{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:var(--dsw-alias-label-primary,#fff);animation:codexVoicePulse 1.1s ease-in-out infinite;transition:opacity .35s ease,transform .5s cubic-bezier(.33,1,.68,1)}
+.codexVoiceDot[data-gone=true]{opacity:0;transform:scale(1.8);animation:none}
+.codexVoiceLines{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%;min-height:0;text-align:center}
+.codexVoiceLines p{margin:0;max-width:100%;font-size:13px;line-height:19px;color:var(--dsw-alias-label-primary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;animation:codexVoiceStageIn .28s cubic-bezier(.33,1,.68,1)}
+.codexVoiceLines p[data-role=user]{color:var(--dsw-alias-label-secondary)}
+.codexVoiceLines p[data-old]{opacity:.45}
+.codexVoiceStatus{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary)}
+.codexVoiceTools{display:inline-flex;align-items:center;gap:2px}
+[data-voice-live]>[data-slot="conversation.input.activity"]{display:none!important}
+.codexVoiceTool{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer}
+.codexVoiceTool:hover{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary)}
+.codexVoiceTool[aria-pressed=true]{color:var(--dsw-alias-label-tertiary)}
+
+/* Every fold-out in the settings reads as pressable: a full-width row, a chevron on the right that turns when it opens, a hover state. */
+.codexSubscriptionHistory>summary,.codexSubscriptionSearchOptions>summary,.codexSubscriptionRuntime summary,.codexSubscriptionDiagnostics details>summary,.codexImageDetails summary{display:flex;align-items:center;gap:8px;width:auto;min-height:32px;margin:0 -10px;padding:4px 10px;border-radius:8px;list-style:none;cursor:pointer;user-select:none;font-size:13px;font-weight:500;color:var(--dsw-alias-label-primary);transition:background .12s}
+.codexSubscriptionHistory>summary::-webkit-details-marker,.codexSubscriptionSearchOptions>summary::-webkit-details-marker,.codexSubscriptionRuntime summary::-webkit-details-marker,.codexSubscriptionDiagnostics details>summary::-webkit-details-marker,.codexImageDetails summary::-webkit-details-marker{display:none}
+.codexSubscriptionHistory>summary::after,.codexSubscriptionSearchOptions>summary::after,.codexSubscriptionRuntime summary::after,.codexSubscriptionDiagnostics details>summary::after,.codexImageDetails summary::after{content:"";flex:none;margin-left:auto;width:7px;height:7px;border:solid var(--dsw-alias-label-tertiary);border-width:0 1.6px 1.6px 0;transform:translateY(-2px) rotate(45deg);transition:transform .15s,border-color .12s}
+.codexSubscriptionHistory[open]>summary::after,.codexSubscriptionSearchOptions[open]>summary::after,.codexSubscriptionRuntime details[open]>summary::after,.codexSubscriptionDiagnostics details[open]>summary::after,.codexImageDetails[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
+.codexSubscriptionHistory>summary:hover,.codexSubscriptionSearchOptions>summary:hover,.codexSubscriptionRuntime summary:hover,.codexSubscriptionDiagnostics details>summary:hover,.codexImageDetails summary:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.codexSubscriptionHistory>summary:hover::after,.codexSubscriptionSearchOptions>summary:hover::after,.codexSubscriptionRuntime summary:hover::after,.codexSubscriptionDiagnostics details>summary:hover::after,.codexImageDetails summary:hover::after{border-color:var(--dsw-alias-label-primary)}
+.codexSubscriptionHistory>summary:focus-visible,.codexSubscriptionSearchOptions>summary:focus-visible,.codexSubscriptionRuntime summary:focus-visible,.codexSubscriptionDiagnostics details>summary:focus-visible,.codexImageDetails summary:focus-visible{outline:2px solid var(--dsw-alias-border-l3);outline-offset:0}
+.codexSubscriptionSearchOptions>summary>span{float:none;margin-left:auto;font-weight:400}
+.codexSubscriptionSearchOptions>summary::after{margin-left:6px}
+.codexSubscriptionRuntime summary{font-size:12px}
+.codexSubscriptionHintToggle{margin:2px 0 0 -6px;padding:1px 6px;border-radius:6px;font-size:12px;font-weight:500;color:var(--dsw-alias-label-primary);transition:background .12s}
+.codexSubscriptionHintToggle::after{width:6px;height:6px}
+.codexSubscriptionHintToggle:hover{background:var(--dsw-alias-interactive-bg-hover)}
 `;
 		//#endregion
 		//#region src/image-edit-reference.js
@@ -7239,10 +7403,10 @@ window.__ModuleLoader__.load({
 		const PIN_OUTER_STROKE = "#111827";
 		const PIN_INNER_STROKE = "#ffffff";
 		const finiteDimension = (value) => Number.isSafeInteger(value) && value > 0;
-		const clamp$2 = (value, min, max) => Math.min(max, Math.max(min, value));
+		const clamp$3 = (value, min, max) => Math.min(max, Math.max(min, value));
 		const clampCenter = (value, size, edge) => {
 			const margin = Math.min(edge, size / 2);
-			return clamp$2(value, margin, size - margin);
+			return clamp$3(value, margin, size - margin);
 		};
 		function getBitmapFactory(options) {
 			const factory = options?.createImageBitmap ?? options?.bitmapFactory ?? globalThis.createImageBitmap;
@@ -7379,7 +7543,7 @@ window.__ModuleLoader__.load({
 `;
 		//#endregion
 		//#region src/subscription-image-transform.js
-		const clamp$1 = (value, min, max) => Math.min(max, Math.max(min, value));
+		const clamp$2 = (value, min, max) => Math.min(max, Math.max(min, value));
 		const fitted = () => ({
 			zoom: 1,
 			x: 0,
@@ -7421,15 +7585,15 @@ window.__ModuleLoader__.load({
 				const limitX = Math.max(0, (surface.offsetWidth * zoom - stage.clientWidth) / 2);
 				const limitY = Math.max(0, (surface.offsetHeight * zoom - stage.clientHeight) / 2);
 				return {
-					x: clamp$1(x, -limitX, limitX),
-					y: clamp$1(y, -limitY, limitY)
+					x: clamp$2(x, -limitX, limitX),
+					y: clamp$2(y, -limitY, limitY)
 				};
 			}, []);
 			const setZoomAt = (0, react.useCallback)((zoom, clientX, clientY) => {
 				const stage = stageRef.current;
 				if (!stage) return;
 				setTransform((current) => {
-					const next = clamp$1(zoom, .5, Math.max(8, actualScale()));
+					const next = clamp$2(zoom, .5, Math.max(8, actualScale()));
 					const box = stage.getBoundingClientRect();
 					const px = clientX - box.left - box.width / 2, py = clientY - box.top - box.height / 2;
 					const ratio = next / current.zoom;
@@ -7570,7 +7734,7 @@ window.__ModuleLoader__.load({
 			}) : null;
 		};
 		const fill$1 = (value, variables) => Object.entries(variables).reduce((text, [key, replacement]) => text.replaceAll(`{${key}}`, String(replacement)), value);
-		const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+		const clamp$1 = (value, min, max) => Math.min(max, Math.max(min, value));
 		const bytesLabel = (bytes) => bytes === void 0 ? void 0 : bytes < 1024 * 1024 ? `${Math.max(.1, bytes / 1024).toLocaleString(void 0, { maximumFractionDigits: 1 })} KB` : `${(bytes / 1024 / 1024).toLocaleString(void 0, { maximumFractionDigits: 1 })} MB`;
 		const downloadName = (name) => {
 			const cleaned = String(name || "image.png").replace(/[<>:"/\\|?*\u0000-\u001f]/gu, "-").replace(/[. ]+$/u, "").trim();
@@ -7855,7 +8019,7 @@ window.__ModuleLoader__.load({
 						}
 						if (event.key === "[" || event.key === "]") {
 							event.preventDefault();
-							setBrush((value) => Math.round(clamp(value + (event.key === "]" ? .01 : -.01), .01, .15) * 100) / 100);
+							setBrush((value) => Math.round(clamp$1(value + (event.key === "]" ? .01 : -.01), .01, .15) * 100) / 100);
 							return;
 						}
 						if (event.key === "ArrowLeft" || event.key === "ArrowRight") return;
@@ -7941,8 +8105,8 @@ window.__ModuleLoader__.load({
 				const bounds = maskRef.current?.getBoundingClientRect();
 				if (bounds === void 0) return void 0;
 				return {
-					x: clamp((event.clientX - bounds.left) / bounds.width, 0, 1),
-					y: clamp((event.clientY - bounds.top) / bounds.height, 0, 1)
+					x: clamp$1((event.clientX - bounds.left) / bounds.width, 0, 1),
+					y: clamp$1((event.clientY - bounds.top) / bounds.height, 0, 1)
 				};
 			};
 			const maskHandlers = {
@@ -8022,8 +8186,8 @@ window.__ModuleLoader__.load({
 				if (bounds === void 0) return;
 				const annotation = {
 					id: crypto.randomUUID(),
-					x: clamp((event.clientX - bounds.left) / bounds.width, 0, 1),
-					y: clamp((event.clientY - bounds.top) / bounds.height, 0, 1),
+					x: clamp$1((event.clientX - bounds.left) / bounds.width, 0, 1),
+					y: clamp$1((event.clientY - bounds.top) / bounds.height, 0, 1),
 					note: ""
 				};
 				setAnnotations((current) => [...current, annotation]);
@@ -8589,6 +8753,51 @@ window.__ModuleLoader__.load({
 		const OUTPUT_VERBOSITY_MEDIUM = "medium";
 		const OUTPUT_VERBOSITY_HIGH = "high";
 		const DEFAULT_OUTPUT_VERBOSITY = OUTPUT_VERBOSITY_DEFAULT;
+		const VOICE_CALL_FIELD = "voiceCall";
+		const VOICE_VOICE_FIELD = "voiceVoice";
+		const VOICE_VOICES = Object.freeze([
+			"cove",
+			"juniper",
+			"maple",
+			"spruce",
+			"ember",
+			"vale",
+			"breeze",
+			"arbor",
+			"sol",
+			"aube",
+			"bubbie",
+			"haetsal",
+			"hanul",
+			"himari",
+			"leher",
+			"miko",
+			"neer",
+			"porto",
+			"rindo",
+			"rio",
+			"rivage",
+			"selva",
+			"sonna",
+			"tinta",
+			"viola"
+		]);
+		const VOICE_LANGUAGE_FIELD = "voiceLanguage";
+		const VOICE_LANGUAGES = Object.freeze([
+			"auto",
+			"zh",
+			"en",
+			"ja",
+			"ko",
+			"es",
+			"fr",
+			"de",
+			"pt",
+			"ru"
+		]);
+		const normalizeVoiceCall = (value) => value === "off" ? "off" : "on";
+		const normalizeVoiceVoice = (value) => VOICE_VOICES.includes(value) ? value : "cove";
+		const normalizeVoiceLanguage = (value) => VOICE_LANGUAGES.includes(value) ? value : "auto";
 		const REASONING_SUMMARY_FIELD = "reasoningSummary";
 		const REASONING_SUMMARIES = Object.freeze([
 			"auto",
@@ -8610,7 +8819,8 @@ window.__ModuleLoader__.load({
 		const CONNECTOR_MODES = Object.freeze([
 			"off",
 			"read",
-			"ask"
+			"ask",
+			"write"
 		]);
 		const INPUT_IMAGE_DETAIL_FIELD = "inputImageDetail";
 		const INPUT_IMAGE_DETAILS = Object.freeze([
@@ -8754,6 +8964,9 @@ window.__ModuleLoader__.load({
 					outputVerbosity: normalizeOutputVerbosity(value?.[OUTPUT_VERBOSITY_FIELD]),
 					inputImageDetail: normalizeInputImageDetail(value?.[INPUT_IMAGE_DETAIL_FIELD]),
 					reasoningSummary: normalizeReasoningSummary(value?.[REASONING_SUMMARY_FIELD]),
+					voiceCall: normalizeVoiceCall(value?.[VOICE_CALL_FIELD]),
+					voiceVoice: normalizeVoiceVoice(value?.[VOICE_VOICE_FIELD]),
+					voiceLanguage: normalizeVoiceLanguage(value?.[VOICE_LANGUAGE_FIELD]),
 					retryPolicy: normalizeRetryPolicy(value?.[RETRY_POLICY_FIELD]),
 					connectors: normalizeConnectorMode(value?.[CONNECTORS_FIELD]),
 					streamIdleTimeoutMinutes: normalizeStreamIdleTimeoutMinutes(value?.[STREAM_IDLE_TIMEOUT_MINUTES_FIELD]),
@@ -8813,6 +9026,9 @@ window.__ModuleLoader__.load({
 						[OUTPUT_VERBOSITY_FIELD]: normalizeOutputVerbosity(value?.[OUTPUT_VERBOSITY_FIELD]),
 						[INPUT_IMAGE_DETAIL_FIELD]: normalizeInputImageDetail(value?.[INPUT_IMAGE_DETAIL_FIELD]),
 						[REASONING_SUMMARY_FIELD]: normalizeReasoningSummary(value?.[REASONING_SUMMARY_FIELD]),
+						[VOICE_CALL_FIELD]: normalizeVoiceCall(value?.[VOICE_CALL_FIELD]),
+						[VOICE_VOICE_FIELD]: normalizeVoiceVoice(value?.[VOICE_VOICE_FIELD]),
+						[VOICE_LANGUAGE_FIELD]: normalizeVoiceLanguage(value?.[VOICE_LANGUAGE_FIELD]),
 						[RETRY_POLICY_FIELD]: normalizeRetryPolicy(value?.[RETRY_POLICY_FIELD]),
 						[CONNECTORS_FIELD]: normalizeConnectorMode(value?.[CONNECTORS_FIELD]),
 						[STREAM_IDLE_TIMEOUT_MINUTES_FIELD]: normalizeStreamIdleTimeoutMinutes(value?.[STREAM_IDLE_TIMEOUT_MINUTES_FIELD]),
@@ -9300,7 +9516,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/version.js
-		const PACKAGE_VERSION = "3.0.0-beta.8";
+		const PACKAGE_VERSION = "3.0.1";
 		//#endregion
 		//#region src/client-recovery.js
 		async function recoveryCall(rpc, endpoint, payload = {}, timeoutMs = 1e4) {
@@ -9979,6 +10195,1234 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client-hint.jsx
+		/** A setting's explanation: shows up to two lines; a "More" link appears only when the text is actually cut off. */
+		function Hint({ children, t, as: Tag = "span" }) {
+			const [open, setOpen] = (0, react.useState)(false);
+			const [clipped, setClipped] = (0, react.useState)(false);
+			const text = (0, react.useRef)(null);
+			const id = (0, react.useId)();
+			const foldable = typeof children === "string";
+			(0, react.useLayoutEffect)(() => {
+				const node = text.current;
+				if (!foldable || node === null || open) return;
+				const measure = () => setClipped(node.scrollHeight > node.clientHeight + 1);
+				measure();
+				if (typeof ResizeObserver !== "function") return;
+				const observer = new ResizeObserver(measure);
+				observer.observe(node);
+				return () => observer.disconnect();
+			}, [
+				children,
+				foldable,
+				open
+			]);
+			if (!foldable) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tag, {
+				className: "codexSubscriptionPreferenceHint",
+				children
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Tag, {
+				className: "codexSubscriptionPreferenceHint codexSubscriptionHintFold",
+				"data-open": open || void 0,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					id,
+					ref: text,
+					className: "codexSubscriptionHintText",
+					children
+				}), clipped || open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "codexSubscriptionHintToggle",
+					"aria-expanded": open,
+					"aria-controls": id,
+					onClick: () => setOpen((value) => !value),
+					children: t(open ? "hintLess" : "hintMore")
+				}) : null]
+			});
+		}
+		//#endregion
+		//#region src/voice-call.js
+		const ICE_WAIT_MS = 3e3;
+		const waitForCandidates = (connection) => new Promise((resolve) => {
+			if (connection.iceGatheringState === "complete") {
+				resolve();
+				return;
+			}
+			const done = () => {
+				clearTimeout(timer);
+				connection.removeEventListener("icegatheringstatechange", check);
+				resolve();
+			};
+			const check = () => {
+				if (connection.iceGatheringState === "complete") done();
+			};
+			const timer = setTimeout(done, ICE_WAIT_MS);
+			connection.addEventListener("icegatheringstatechange", check);
+		});
+		/** Two short soft tones: rising when a call starts, falling when it ends. */
+		const chime = (context, frequencies) => {
+			try {
+				const now = context.currentTime;
+				frequencies.forEach((frequency, index) => {
+					const tone = context.createOscillator();
+					const gain = context.createGain();
+					const start = now + index * .11;
+					tone.type = "sine";
+					tone.frequency.value = frequency;
+					gain.gain.setValueAtTime(0, start);
+					gain.gain.linearRampToValueAtTime(.07, start + .02);
+					gain.gain.exponentialRampToValueAtTime(1e-4, start + .16);
+					tone.connect(gain).connect(context.destination);
+					tone.start(start);
+					tone.stop(start + .18);
+				});
+			} catch {}
+		};
+		/** Loudness of an analyser as 0..1 (the root mean square of the waveform, lifted so quiet speech still moves the orb). */
+		const loudness = (analyser, buffer) => {
+			if (!analyser) return 0;
+			analyser.getByteTimeDomainData(buffer);
+			let sum = 0;
+			for (const value of buffer) {
+				const centred = (value - 128) / 128;
+				sum += centred * centred;
+			}
+			return Math.min(1, Math.sqrt(sum / buffer.length) * 3.2);
+		};
+		/**
+		* A voice call from this window: the microphone and the model's voice travel over WebRTC straight to OpenAI; the
+		* plugin's host turns the offer into a call, joins it, and runs what is asked as turns of this conversation.
+		* Resolves with a handle once the call is connected; rejects with the reason when it could not start.
+		*/
+		async function openVoiceCall({ rpc, sessionId, onEnd }) {
+			if (typeof navigator === "undefined" || !navigator.mediaDevices?.getUserMedia || typeof RTCPeerConnection !== "function") throw new Error("unsupported");
+			const stream = await navigator.mediaDevices.getUserMedia({ audio: {
+				echoCancellation: true,
+				noiseSuppression: true,
+				autoGainControl: true
+			} });
+			const connection = new RTCPeerConnection();
+			const sound = new Audio();
+			sound.autoplay = true;
+			const AudioContextClass = window.AudioContext ?? window.webkitAudioContext;
+			const context = AudioContextClass ? new AudioContextClass() : void 0;
+			const analysers = {
+				mic: void 0,
+				assistant: void 0
+			};
+			const watch = (name, source) => {
+				if (!context) return;
+				try {
+					const analyser = context.createAnalyser();
+					analyser.fftSize = 512;
+					context.createMediaStreamSource(source).connect(analyser);
+					analysers[name] = analyser;
+				} catch {}
+			};
+			watch("mic", stream);
+			connection.ontrack = (event) => {
+				sound.srcObject = event.streams[0];
+				watch("assistant", event.streams[0]);
+			};
+			for (const track of stream.getTracks()) connection.addTrack(track, stream);
+			connection.createDataChannel("oai-events");
+			let ended = false;
+			const end = async () => {
+				if (ended) return;
+				ended = true;
+				if (context) chime(context, [740, 520]);
+				for (const track of stream.getTracks()) track.stop();
+				sound.srcObject = null;
+				try {
+					connection.close();
+				} catch {}
+				try {
+					await rpc.call(CHANNEL, "voice/stop", { sessionId });
+				} catch {}
+				setTimeout(() => {
+					context?.close().catch(() => {});
+				}, 600);
+				onEnd?.();
+			};
+			connection.addEventListener("connectionstatechange", () => {
+				if ([
+					"failed",
+					"disconnected",
+					"closed"
+				].includes(connection.connectionState)) end();
+			});
+			try {
+				await context?.resume();
+				await connection.setLocalDescription(await connection.createOffer());
+				await waitForCandidates(connection);
+				const result = await rpc.call(CHANNEL, "voice/start", {
+					sessionId,
+					sdp: connection.localDescription.sdp
+				});
+				if (!result.ok) throw new Error(result.error?.message ?? "start failed");
+				await connection.setRemoteDescription({
+					type: "answer",
+					sdp: result.value.answer
+				});
+			} catch (error) {
+				ended = true;
+				for (const track of stream.getTracks()) track.stop();
+				try {
+					connection.close();
+				} catch {}
+				context?.close().catch(() => {});
+				throw error;
+			}
+			if (context) chime(context, [520, 740]);
+			const buffers = {
+				mic: /* @__PURE__ */ new Uint8Array(512),
+				assistant: /* @__PURE__ */ new Uint8Array(512)
+			};
+			let muted = false;
+			return {
+				stop: end,
+				isMuted: () => muted,
+				setMuted: (value) => {
+					muted = value;
+					for (const track of stream.getAudioTracks()) track.enabled = !value;
+				},
+				isOutputMuted: () => sound.muted,
+				setOutputMuted: (value) => {
+					sound.muted = value;
+				},
+				/** How loud the person (mic) and the model (voice) are right now, 0..1 each. */
+				levels: () => ({
+					mic: muted ? 0 : loudness(analysers.mic, buffers.mic),
+					assistant: loudness(analysers.assistant, buffers.assistant)
+				})
+			};
+		}
+		//#endregion
+		//#region src/voice-orb.js
+		const VERTEX = "attribute vec2 a;void main(){gl_Position=vec4(a,0.,1.);}";
+		const FRAGMENT = `
+precision highp float;
+uniform vec2 uRes;
+uniform float uWaveFrame;
+uniform float uBaseFrame;
+uniform float uAmp;
+uniform float uFlowFrame;
+uniform float uEdge;
+uniform float uNoiseScale;
+uniform float uSurface;
+uniform float uMic;
+uniform float uUser;
+uniform float uFlat;
+uniform vec2 uOff0;
+uniform vec2 uOff1;
+uniform vec2 uOff2;
+uniform vec3 uAccent;
+
+float hash(vec2 p){return fract(sin(dot(p,vec2(127.1,311.7)))*43758.5453);}
+vec2 hash2(vec2 p){return vec2(hash(p),hash(p+vec2(19.19,73.73)));}
+float vnoise(vec2 p){
+  vec2 i=floor(p),f=fract(p);f=f*f*(3.-2.*f);
+  return mix(mix(hash(i),hash(i+vec2(1.,0.)),f.x),mix(hash(i+vec2(0.,1.)),hash(i+vec2(1.,1.)),f.x),f.y);
+}
+float fbm(vec2 p,float rough,float lac){
+  float a=vnoise(p);
+  float b=vnoise(p*lac+vec2(17.17,31.31));
+  float c=vnoise(p*lac*lac+vec2(47.47,11.11));
+  return (a+b*rough+c*rough*rough)/(1.+rough+rough*rough);
+}
+vec3 noise3(vec3 coord,float w,float scale,float rough,float lac,float unit){
+  vec2 p=coord.xy*scale;
+  float t=w*scale;
+  vec2 d1=vec2(.17,.11),d2=vec2(-.13,.19),d3=vec2(.07,-.23);
+  if(unit>.5){d1=normalize(d1);d2=normalize(d2);d3=normalize(d3);}
+  return vec3(fbm(p+d1*t,rough,lac),fbm(p+vec2(41.41,17.17)+d2*t,rough,lac),fbm(p+vec2(23.23,59.59)+d3*t,rough,lac));
+}
+
+// the painted-paper texture: soft pale ground, darker stains with ragged edges, a fine fibre. Reads like grey watercolour.
+float paint(vec2 uv){
+  vec2 w=vec2(vnoise(uv*3.+vec2(4.2,1.7)),vnoise(uv*3.+vec2(9.1,6.3)))-.5;
+  vec2 q=uv+w*.3;
+  float body=vnoise(q*2.+vec2(3.1,8.3))*.5+vnoise(q*4.3+vec2(9.7,1.9))*.3+vnoise(q*9.+vec2(2.3,5.5))*.2;
+  float stain=smoothstep(.5,.64,body);
+  float wash=smoothstep(.28,.6,vnoise(q*2.6+vec2(14.2,4.4)));
+  float mott=vnoise(q*vec2(18.,16.)+vec2(5.,5.))*.55+vnoise(q*vec2(42.,36.))*.45;
+  float ragged=stain*(1.-stain)*4.;
+  float v=.92-.2*wash-.5*stain+(mott-.5)*(.1+.2*ragged);
+  return clamp(v,.16,1.);
+}
+
+vec3 warp3(vec3 c,float frame){
+  vec2 pt=c.xy*8.;
+  vec2 cell=floor(pt),local=fract(pt);
+  vec2 nearest=vec2(0.);
+  float best=3.4e38;
+  float phase=frame*6.2831853/240.;
+  for(int y=-1;y<=1;y++){for(int x=-1;x<=1;x++){
+    vec2 off=vec2(float(x),float(y));
+    vec2 r=hash2(cell+off);
+    vec2 pos=off+r*.7185189723968506+sin(vec2(phase)+r*6.2831853)*.04;
+    vec2 d=pos-local;
+    float dd=dot(d,d);
+    if(dd<best){best=dd;nearest=pos;}
+  }}
+  vec3 vor=vec3((nearest+cell)/8.,c.z);
+  return (c-vec3(.5))*.26+(vor-c)*.06;
+}
+
+vec3 rotY(vec3 v,float a){float c=cos(a),s=sin(a);return vec3(c*v.x+s*v.z,v.y,-s*v.x+c*v.z);}
+float fac(vec3 v,float lift){vec3 r=rotY(v,.7853981852531433)+vec3(0.,lift,0.);return (r.x+r.y+r.z)/3.;}
+// 1 below a, easing to 0 at b
+float ramp(float f,float a,float b){float t=clamp((f-a)/max(b-a,1e-6),0.,1.);t=t*t*(3.-2.*t);return 1.-t;}
+
+vec3 interior(vec3 gen){
+  vec3 a=uAccent;
+  vec3 soft=mix(((16.*a-12.)*a+4.)*a,sqrt(a),step(.25,a));
+  vec3 cShadow=max(vec3(0.),a+.9465623-1.);
+  vec3 cMidLow=a+(2.*.89882153-1.)*(soft-a);
+  vec3 cMidHigh=vec3(1.);
+  vec3 cHigh=1.-(1.-a)*(1.-.63704175);
+
+  vec3 m=gen+vec3(0.,-.14,0.);
+  vec2 cen=gen.xy-.5;
+  float rad=length(cen);
+  m.xy+=(rad>1e-6?cen/rad:vec2(0.))*smoothstep(.015,.44,rad)*uEdge;
+  vec3 wave=noise3(m,uWaveFrame/100.,1.,.4,2.,1.);
+  vec3 m2=m+(wave-.5)*(.8*uAmp);
+  vec3 grain=noise3(m2,uFlowFrame/10.,4000.,.5,2.,0.);
+  vec3 g2=(grain-.5)*uNoiseScale*.06;
+  vec3 base=m2*.8+g2;
+  float blend=clamp(.5-.5*cos(uBaseFrame*6.2831853/120.),0.,1.);
+  vec3 cw=warp3(m2,uBaseFrame);
+
+  // tone 3: highlight
+  vec2 p0=base.xy+uOff0;
+  vec2 f0=vec2(base.x,1.-base.y)+uOff0;
+  float s0=mix(paint(p0)-.5,paint(f0)-.5,blend)*(.2-.06*cos((uBaseFrame-1.)*6.2831853/120.));
+  vec3 v6=m2+vec3(s0,s0,0.)+cw;
+  float rHigh=ramp(fac(v6,.56),.3431819975376129,.6200000047683716);
+
+  // tone 2: white
+  vec3 b1=m2*.8+vec3(.04,.02,0.)+g2;
+  vec3 b2=m2*.8+vec3(-.04,-.02,0.)+g2;
+  float s1=mix(paint(b1.xy+uOff1)-.5,paint(vec2(b2.x,1.-b2.y)+uOff1)-.5,blend)*(.2-.06*cos((uBaseFrame-1.)*6.2831853/80.));
+  vec3 v5=m2+vec3(s1,s1,0.)+cw;
+  float rMidHigh=ramp(fac(v5,.26),.4113636016845703,.5586364269256592);
+
+  // tone 1: mid-low, with the left-to-right fade the original uses
+  float gx=clamp(gen.y-.32,0.,1.);
+  float gradient=gx*gx*(3.-2.*gx);
+  vec3 c1=m2*.8+vec3(-.08,-.04,0.)+g2;
+  vec3 c2=m2*.8+vec3(-.96,.06,0.)+g2;
+  float t1=mix(paint(c1.xy+uOff2),1.,gradient)-.5;
+  float t2=mix(paint(vec2(c2.x,1.-c2.y)+uOff2),1.,gradient)-.5;
+  float s2=mix(t1,t2,blend)*(.14-.06*cos((uBaseFrame-1.)*6.2831853/100.));
+  vec3 v9=m2+vec3(s2,s2,0.)+cw;
+  float rMidLow=ramp(fac(v9,.12),.3522728383541107,.7400000095367432);
+
+  vec3 col=cShadow;
+  col=mix(col,cMidLow,rMidLow);
+  col=mix(col,cMidHigh,rMidHigh);
+  col=mix(col,cHigh,rHigh);
+  return col;
+}
+
+void main(){
+  if(uFlat>.5){gl_FragColor=vec4(interior(vec3(gl_FragCoord.xy/uRes,.5)),1.);return;}
+  vec2 frame=(gl_FragCoord.xy/uRes)*2.-1.;
+  float user=clamp(uUser,0.,1.);
+  float voice=max(1.-user*.14+user*clamp(uMic,0.,1.)*.08,.75);
+  float scale=voice*uSurface;
+  vec2 sdf=frame/scale;
+  float dist=length(sdf)-1.;
+  float px=2./uRes.x/scale;
+  float shape=1.-smoothstep(-px,px,dist+px*.5);
+  if(shape<=0.){gl_FragColor=vec4(0.);return;}
+  vec3 col=interior(vec3(sdf*.5+.5,.5));
+  gl_FragColor=vec4(col*shape,shape);
+}`;
+		const parseColor = (text) => {
+			const match = /(\d+(?:\.\d+)?)[ ,]+(\d+(?:\.\d+)?)[ ,]+(\d+(?:\.\d+)?)/u.exec(String(text));
+			return match ? [
+				Number(match[1]) / 255,
+				Number(match[2]) / 255,
+				Number(match[3]) / 255
+			] : [
+				.25,
+				.46,
+				.9
+			];
+		};
+		const clamp = (value, low = 0, high = 1) => Math.min(Math.max(value, low), high);
+		const smooth = (low, high, value) => {
+			const t = clamp((value - low) / (high - low));
+			return t * t * (3 - 2 * t);
+		};
+		const ease = (current, target, dt, attack, release) => current + (target - current) * (1 - Math.exp(-dt / (target > current ? attack : release)));
+		const spring = (value, velocity, target, dt, frequency, damping) => {
+			const omega = 2 * Math.PI * frequency;
+			const steps = Math.max(1, Math.ceil(dt * 120));
+			const h = dt / steps;
+			let v = value;
+			let w = velocity;
+			for (let i = 0; i < steps; i += 1) {
+				w += ((target - v) * omega * omega - w * 2 * damping * omega) * h;
+				v += w * h;
+			}
+			return {
+				value: v,
+				velocity: w
+			};
+		};
+		const TUNE = {
+			fps: 24,
+			startFrame: 350,
+			surface: .34,
+			fit: 1.4,
+			speakSpeedScale: .56,
+			speakSpeedBase: 1.8,
+			speakSlowEnergy: 4.6,
+			speakAmp: 1.5,
+			minWaveSpeed: .72,
+			edgeDistance: .102,
+			edgeFrequency: 7,
+			edgeDamping: .36,
+			listenNoise: 2.2,
+			flowScale: .96,
+			driftScale: .1,
+			windScale: .3,
+			windSpeed: .65
+		};
+		const WIND = [
+			.72,
+			1,
+			1.28
+		];
+		/** Returns a renderer for the canvas, or undefined when this browser cannot draw it. */
+		function createOrb(canvas, accent, options = {}) {
+			const gl = canvas.getContext("webgl", {
+				alpha: true,
+				premultipliedAlpha: true,
+				antialias: false
+			});
+			if (!gl) return void 0;
+			const compile = (type, source) => {
+				const shader = gl.createShader(type);
+				gl.shaderSource(shader, source);
+				gl.compileShader(shader);
+				if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) throw new Error(gl.getShaderInfoLog(shader) || "shader");
+				return shader;
+			};
+			let program;
+			try {
+				program = gl.createProgram();
+				gl.attachShader(program, compile(gl.VERTEX_SHADER, VERTEX));
+				gl.attachShader(program, compile(gl.FRAGMENT_SHADER, FRAGMENT));
+				gl.linkProgram(program);
+				if (!gl.getProgramParameter(program, gl.LINK_STATUS)) throw new Error("link");
+			} catch (error) {
+				options.onError?.(error);
+				return;
+			}
+			gl.useProgram(program);
+			const buffer = gl.createBuffer();
+			gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+			gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
+				-1,
+				-1,
+				1,
+				-1,
+				-1,
+				1,
+				1,
+				1
+			]), gl.STATIC_DRAW);
+			const position = gl.getAttribLocation(program, "a");
+			gl.enableVertexAttribArray(position);
+			gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);
+			const at = (name) => gl.getUniformLocation(program, name);
+			const u = {};
+			for (const name of [
+				"uRes",
+				"uWaveFrame",
+				"uBaseFrame",
+				"uAmp",
+				"uFlowFrame",
+				"uEdge",
+				"uNoiseScale",
+				"uSurface",
+				"uMic",
+				"uUser",
+				"uFlat",
+				"uOff0",
+				"uOff1",
+				"uOff2",
+				"uAccent"
+			]) u[name] = at(name);
+			const color = parseColor(accent);
+			const flat = options.flat ? Number(options.flat) : 0;
+			const s = {
+				last: void 0,
+				base: TUNE.startFrame,
+				wave: TUNE.startFrame,
+				flow: TUNE.startFrame,
+				listen: 1,
+				speak: 0,
+				think: 0,
+				level: 0,
+				motion: 0,
+				prevOverall: 0,
+				accent: 0,
+				cumulative: [
+					0,
+					0,
+					0
+				],
+				drive: 0,
+				boost: 0,
+				boostV: 0,
+				amp: 1,
+				edge: 0,
+				edgeV: 0,
+				flowBoost: 0,
+				colour: [
+					0,
+					0,
+					0
+				],
+				phase: [
+					0,
+					2.1,
+					4.2
+				],
+				user: 0,
+				userOn: false,
+				userFrom: 0,
+				userAt: 0
+			};
+			return {
+				/** Draw one frame. `now` in seconds; `input` = { mic, assistant, working, reduce } with levels 0..1. */
+				draw(now, input) {
+					const dt = s.last === void 0 ? .016 : clamp(now - s.last, 0, .1);
+					s.last = now;
+					const assistant = clamp(input.assistant ?? 0);
+					const mic = clamp((input.mic ?? 0) * 1.75);
+					const speaking = assistant > .05;
+					const thinking = !speaking && !!input.working;
+					const pace = input.reduce ? .5 : 1;
+					const target = speaking ? {
+						listen: .2,
+						speak: 1,
+						think: 0
+					} : thinking ? {
+						listen: .65,
+						speak: 0,
+						think: 1
+					} : {
+						listen: 1,
+						speak: 0,
+						think: 0
+					};
+					const k = 1 - Math.exp(-dt / .28);
+					s.listen += (target.listen - s.listen) * k;
+					s.speak += (target.speak - s.speak) * k;
+					s.think += (target.think - s.think) * k;
+					const overall = speaking ? assistant : 0;
+					s.motion += (overall - s.motion) * (1 - Math.exp(-dt / .2));
+					s.accent = Math.max(overall - s.prevOverall, 0) * 3.6;
+					s.prevOverall = overall;
+					for (let i = 0; i < 3; i += 1) s.cumulative[i] += overall * (i === 0 ? .82 : i === 1 ? .76 : .68) * dt * 60 * 40 * (1 - Math.exp(-dt / 2));
+					const energy = clamp(Math.max(...s.cumulative) / 12);
+					const waveLevel = overall > .024 ? (1 - Math.exp(-overall * 4)) ** 1.15 : 0;
+					s.drive = ease(s.drive, waveLevel, dt, .045, .14);
+					const speedTarget = s.drive * TUNE.speakSpeedScale * (TUNE.speakSpeedBase + Math.max(s.motion, energy) * TUNE.speakSlowEnergy + s.accent * .5);
+					const boost = spring(s.boost, s.boostV, speedTarget, dt, 6, .76);
+					s.boost = boost.value;
+					s.boostV = boost.velocity;
+					const waveSpeed = Math.max(TUNE.minWaveSpeed, 1 + s.boost);
+					s.amp = ease(s.amp, 1 - waveLevel * (1 - TUNE.speakAmp), dt, .1, .28);
+					const userDrive = clamp(s.user) * clamp(input.mic ?? 0);
+					const edge = spring(s.edge, s.edgeV, userDrive * TUNE.edgeDistance, dt, TUNE.edgeFrequency, TUNE.edgeDamping);
+					s.edge = edge.value;
+					s.edgeV = edge.velocity;
+					const noiseScale = 1 + userDrive * (TUNE.listenNoise - 1);
+					s.flowBoost = ease(s.flowBoost, Math.max(s.motion, energy) * TUNE.flowScale, dt, .055, .16);
+					const talking = !speaking && !thinking && (s.userOn ? mic > .32 : mic >= .48);
+					if (talking !== s.userOn) {
+						s.userFrom = s.user;
+						s.userOn = talking;
+						s.userAt = now;
+					}
+					s.user = s.userFrom + ((s.userOn ? 1 : 0) - s.userFrom) * clamp((now - s.userAt) / .14);
+					const offsets = [
+						[0, 0],
+						[0, 0],
+						[0, 0]
+					];
+					const audio = s.cumulative.map((value) => clamp(value / 12));
+					for (let i = 0; i < 3; i += 1) s.colour[i] = ease(s.colour[i], audio[i] * (speaking ? 1 : 0) * 1, dt, .07, .22);
+					if (speaking) for (let i = 0; i < 3; i += 1) s.phase[i] += dt * TUNE.windSpeed * WIND[i] * (1 + s.colour[i] * 1.5);
+					const [r, g, b] = s.colour;
+					const [p0, p1, p2] = s.phase;
+					const d = TUNE.driftScale;
+					const w = TUNE.windScale;
+					offsets[0] = [r * d + Math.sin(p0) * r * w, -g * d * .55 + Math.cos(p0 * .82) * g * w * .65];
+					offsets[1] = [-g * d * .75 + Math.cos(p1 * .91) * g * w * .8, b * d + Math.sin(p1) * b * w];
+					offsets[2] = [b * d * 1.1 + Math.sin(p2 * 1.07) * b * w * 1.1, r * d * .7 + Math.cos(p2) * r * w * .75];
+					s.base += dt * pace * TUNE.fps;
+					s.wave += dt * pace * TUNE.fps * waveSpeed;
+					s.flow += dt * pace * TUNE.fps * (1 + s.flowBoost);
+					s.level = ease(s.level, speaking ? assistant : 0, dt, .09, .3);
+					const out = smooth(.04, .46, s.level);
+					const breath = Math.sin(now * Math.PI * .34) * .5 + .5;
+					const state = Math.max(s.listen, s.think, s.speak);
+					let size = TUNE.surface * (.88 + .06 * s.think) * (.82 + .18 * smooth(0, .9, state));
+					size += out * TUNE.surface * .12;
+					size += (1 - s.think) * (1 - out) * breath * TUNE.surface * .01;
+					const surface = Math.min(TUNE.surface, size) * 2 * TUNE.fit;
+					gl.viewport(0, 0, canvas.width, canvas.height);
+					gl.clearColor(0, 0, 0, 0);
+					gl.clear(gl.COLOR_BUFFER_BIT);
+					gl.uniform2f(u.uRes, canvas.width, canvas.height);
+					gl.uniform1f(u.uWaveFrame, s.wave);
+					gl.uniform1f(u.uBaseFrame, s.base);
+					gl.uniform1f(u.uAmp, s.amp);
+					gl.uniform1f(u.uFlowFrame, s.flow);
+					gl.uniform1f(u.uEdge, s.edge);
+					gl.uniform1f(u.uNoiseScale, noiseScale);
+					gl.uniform1f(u.uSurface, surface);
+					gl.uniform1f(u.uMic, mic);
+					gl.uniform1f(u.uUser, s.user);
+					gl.uniform1f(u.uFlat, flat);
+					gl.uniform2f(u.uOff0, offsets[0][0], offsets[0][1]);
+					gl.uniform2f(u.uOff1, offsets[1][0], offsets[1][1]);
+					gl.uniform2f(u.uOff2, offsets[2][0], offsets[2][1]);
+					gl.uniform3f(u.uAccent, color[0], color[1], color[2]);
+					gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
+				},
+				dispose() {
+					try {
+						gl.getExtension("WEBGL_lose_context")?.loseContext();
+					} catch {}
+				}
+			};
+		}
+		//#endregion
+		//#region src/client-voice-call.jsx
+		const Bars = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			width: "20",
+			height: "20",
+			viewBox: "0 0 20 20",
+			fill: "none",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M4 8.5v3M7 5.5v9M10 3v14M13 6v8M16 8.5v3",
+				stroke: "currentColor",
+				strokeWidth: "2.2",
+				strokeLinecap: "round"
+			})
+		});
+		const Cross = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			width: "14",
+			height: "14",
+			viewBox: "0 0 14 14",
+			fill: "none",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M3 3l8 8M11 3l-8 8",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round"
+			})
+		});
+		const Mic = ({ off }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+			width: "18",
+			height: "18",
+			viewBox: "0 0 18 18",
+			fill: "none",
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+					x: "6.2",
+					y: "1.8",
+					width: "5.6",
+					height: "9",
+					rx: "2.8",
+					stroke: "currentColor",
+					strokeWidth: "1.5"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M3.5 8.4a5.5 5.5 0 0 0 11 0M9 13.9v2.3",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinecap: "round"
+				}),
+				off ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M2.8 15.2 15.2 2.8",
+					stroke: "currentColor",
+					strokeWidth: "1.7",
+					strokeLinecap: "round"
+				}) : null
+			]
+		});
+		const Speaker = ({ off }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+			width: "18",
+			height: "18",
+			viewBox: "0 0 18 18",
+			fill: "none",
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M3 7h2.6L9.5 3.8v10.4L5.6 11H3z",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinejoin: "round"
+			}), off ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M12.6 6.6l3.2 4.8M15.8 6.6l-3.2 4.8",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round"
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M12.3 6.5a3.6 3.6 0 0 1 0 5M14.4 4.6a6.4 6.4 0 0 1 0 8.8",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round"
+			})]
+		});
+		/**
+		* What a call looks like while it runs, drawn like Codex's own voice chat: above a composer that sits at the bottom of the
+		* conversation (below it on the empty start page) there is a small stage with the last spoken lines, what DSH is doing
+		* and the orb, which swells with the person's voice and with the model's. While the call connects, the orb is a pulsing dot.
+		*/
+		function VoiceStage({ call, connecting, rpc, sessionId, anchor, accent, t }) {
+			const orb = (0, react.useRef)(null);
+			const canvas = (0, react.useRef)(null);
+			const working = (0, react.useRef)(false);
+			const closing = (0, react.useRef)(false);
+			const frame = (0, react.useRef)(null);
+			const [status, setStatus] = (0, react.useState)({
+				working: false,
+				lines: []
+			});
+			working.current = status.working;
+			closing.current = status.closing === true;
+			const [mode, setMode] = (0, react.useState)("idle");
+			const [box, setBox] = (0, react.useState)();
+			(0, react.useEffect)(() => {
+				let raf;
+				const follow = () => {
+					const rect = anchor.getBoundingClientRect();
+					setBox((current) => current && Math.abs(current.left - rect.left) < .5 && Math.abs(current.top - rect.top) < .5 && Math.abs(current.width - rect.width) < .5 ? current : {
+						left: rect.left,
+						top: rect.top,
+						bottom: rect.bottom,
+						width: rect.width,
+						docked: rect.bottom > window.innerHeight - 180
+					});
+					raf = requestAnimationFrame(follow);
+				};
+				follow();
+				return () => cancelAnimationFrame(raf);
+			}, [anchor]);
+			(0, react.useEffect)(() => {
+				if (!call) return void 0;
+				const reduce = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+				const painter = canvas.current ? createOrb(canvas.current, accent) : void 0;
+				const started = performance.now();
+				let level = 0;
+				let last = "";
+				let closeSince = 0;
+				let quietSince = 0;
+				const tick = () => {
+					const { mic, assistant } = call.levels();
+					if (closing.current) {
+						const now = performance.now();
+						closeSince ||= now;
+						if (assistant > .03) quietSince = 0;
+						else quietSince ||= now;
+						if (now - closeSince > 15e3 || now - closeSince > 1800 && now - quietSince > 1300) {
+							closing.current = false;
+							call.stop();
+							return;
+						}
+					}
+					const target = Math.max(mic, assistant);
+					level += (target - level) * (target > level ? .35 : .12);
+					orb.current?.style.setProperty("--level", reduce ? "0" : level.toFixed(3));
+					painter?.draw((performance.now() - started) / 1e3, {
+						mic,
+						assistant,
+						working: working.current,
+						reduce
+					});
+					const next = assistant > .05 ? "speaking" : mic > .05 ? "listening" : "idle";
+					if (next !== last) {
+						last = next;
+						setMode(next);
+					}
+					frame.current = requestAnimationFrame(tick);
+				};
+				tick();
+				return () => {
+					cancelAnimationFrame(frame.current);
+					painter?.dispose();
+				};
+			}, [call]);
+			(0, react.useEffect)(() => {
+				if (!call) return void 0;
+				let stopped = false;
+				let seen = false;
+				const poll = async () => {
+					try {
+						const result = await rpc.call(CHANNEL, "voice/status", { sessionId });
+						if (!stopped && result.ok) {
+							setStatus(result.value);
+							if (result.value.active) seen = true;
+							else if (seen) {
+								stopped = true;
+								call.stop();
+							}
+						}
+					} catch {}
+				};
+				poll();
+				const timer = setInterval(poll, 900);
+				return () => {
+					stopped = true;
+					clearInterval(timer);
+				};
+			}, [
+				call,
+				rpc,
+				sessionId
+			]);
+			if (!box) return null;
+			const label = connecting ? t("voiceConnecting") : status.working ? t("voiceWorking") : mode === "speaking" ? t("voiceSpeaking") : t("voiceListening");
+			const lines = status.lines.slice(-2);
+			return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "codexVoiceStage",
+				role: "status",
+				"aria-live": "polite",
+				"data-side": box.docked ? "above" : "below",
+				style: {
+					left: box.left + box.width / 2,
+					top: box.docked ? box.top : box.bottom,
+					"--voice-accent": accent
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "codexVoiceLines",
+						children: lines.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							"data-role": line.role,
+							"data-old": index < lines.length - 1 || void 0,
+							children: line.text
+						}, `${index}-${line.text.slice(0, 12)}`))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "codexVoiceStatus",
+						children: label
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "codexVoiceOrbBox",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "codexVoiceDot",
+							"data-gone": !connecting || void 0
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "codexVoiceOrb",
+							ref: orb,
+							"data-ready": !connecting,
+							"data-mode": status.working ? "working" : mode,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("canvas", {
+								ref: canvas,
+								width: 240,
+								height: 240,
+								"aria-hidden": "true"
+							})
+						})]
+					})
+				]
+			}), document.body);
+		}
+		/**
+		* The composer's voice button. It sits exactly on the send button while there is nothing to send (the send button is
+		* disabled) and gives it back as soon as there is text, so the one place always does the likely thing. During a call
+		* it becomes the end button and, where DSH's dictation button is, a speaker and a microphone switch appear.
+		*/
+		function VoiceCallButton({ sessionId, rpc, preference, t }) {
+			const snapshot = usePreferenceSnapshot(preference);
+			const marker = (0, react.useRef)(null);
+			const call = (0, react.useRef)(null);
+			const [liveCall, setLiveCall] = (0, react.useState)(null);
+			const accent = (0, react.useRef)("");
+			const button = (0, react.useRef)(null);
+			const [place, setPlace] = (0, react.useState)();
+			const [state, setState] = (0, react.useState)("idle");
+			const [problem, setProblem] = (0, react.useState)("");
+			const [micOff, setMicOff] = (0, react.useState)(false);
+			const [speakerOff, setSpeakerOff] = (0, react.useState)(false);
+			const enabled = snapshot.status === "ready" && snapshot.voiceCall === "on";
+			(0, react.useLayoutEffect)(() => {
+				if (!enabled) {
+					setPlace(void 0);
+					return;
+				}
+				const trailing = marker.current?.closest("[data-slot]")?.parentElement?.parentElement;
+				if (!trailing) return void 0;
+				const wasStatic = getComputedStyle(trailing).position === "static";
+				if (wasStatic) trailing.style.position = "relative";
+				const watcher = new MutationObserver(() => measure());
+				const measure = () => {
+					const send = [...trailing.children].filter((child) => child.tagName === "BUTTON" && !child.classList.contains("codexVoiceCall")).at(-1);
+					if (!send) {
+						setPlace(void 0);
+						return;
+					}
+					const host = trailing.getBoundingClientRect();
+					const box = send.getBoundingClientRect();
+					const ratio = window.devicePixelRatio || 1;
+					const snap = (value) => Math.round(value * ratio) / ratio;
+					setPlace({
+						host: trailing,
+						activity: trailing.querySelector("[data-slot=\"conversation.input.activity\"]")?.parentElement ?? null,
+						left: snap(box.left - host.left - trailing.clientLeft),
+						top: snap(box.top - host.top - trailing.clientTop),
+						width: snap(box.width),
+						height: snap(box.width),
+						idle: send.disabled,
+						className: send.className
+					});
+				};
+				measure();
+				watcher.observe(trailing, {
+					subtree: true,
+					childList: true,
+					attributes: true,
+					attributeFilter: [
+						"disabled",
+						"aria-label",
+						"class"
+					]
+				});
+				const resizer = new ResizeObserver(measure);
+				resizer.observe(trailing);
+				return () => {
+					watcher.disconnect();
+					resizer.disconnect();
+					if (wasStatic) trailing.style.position = "";
+				};
+			}, [enabled]);
+			const live = state === "live";
+			(0, react.useEffect)(() => {
+				const activity = place?.activity;
+				if (!activity || !live) return void 0;
+				activity.setAttribute("data-voice-live", "");
+				return () => activity.removeAttribute("data-voice-live");
+			}, [place?.activity, live]);
+			(0, react.useEffect)(() => () => {
+				call.current?.stop();
+			}, []);
+			(0, react.useEffect)(() => {
+				if (!problem) return void 0;
+				const timer = setTimeout(() => setProblem(""), 6e3);
+				return () => clearTimeout(timer);
+			}, [problem]);
+			const start = async () => {
+				setProblem("");
+				accent.current = button.current ? getComputedStyle(button.current).backgroundColor : "";
+				setMicOff(false);
+				setSpeakerOff(false);
+				setState("connecting");
+				try {
+					call.current = await openVoiceCall({
+						rpc,
+						sessionId,
+						onEnd: () => {
+							call.current = null;
+							setLiveCall(null);
+							setState("idle");
+						}
+					});
+					setLiveCall(call.current);
+					setState("live");
+				} catch (error) {
+					call.current = null;
+					setLiveCall(null);
+					setState("idle");
+					setProblem(error?.name === "NotAllowedError" ? t("voiceMicBlocked") : t("voiceFailed"));
+				}
+			};
+			const click = () => {
+				if (state === "live") call.current?.stop();
+				else if (state === "idle") start();
+			};
+			const anchor = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				ref: marker,
+				hidden: true
+			});
+			if (!enabled || !place) return anchor;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				anchor,
+				state !== "idle" || place.idle ? (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					ref: button,
+					type: "button",
+					className: `${place.className} codexVoiceCall`,
+					"data-state": state,
+					onClick: click,
+					disabled: state === "connecting",
+					"aria-label": t(live ? "voiceEnd" : "voiceStart"),
+					title: t(live ? "voiceEnd" : "voiceStart"),
+					style: {
+						left: place.left,
+						top: place.top,
+						width: place.width,
+						height: place.height
+					},
+					children: live ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cross, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Bars, {})
+				}), problem ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "codexVoiceCallNote",
+					role: "alert",
+					style: { right: 0 },
+					children: problem
+				}) : null] }), place.host) : null,
+				live && place.activity && liveCall ? (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "codexVoiceTools",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "codexVoiceTool",
+						"aria-pressed": speakerOff,
+						"aria-label": t(speakerOff ? "voiceUnmuteSpeaker" : "voiceMuteSpeaker"),
+						title: t(speakerOff ? "voiceUnmuteSpeaker" : "voiceMuteSpeaker"),
+						onClick: () => {
+							liveCall.setOutputMuted(!speakerOff);
+							setSpeakerOff(!speakerOff);
+						},
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Speaker, { off: speakerOff })
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "codexVoiceTool",
+						"aria-pressed": micOff,
+						"aria-label": t(micOff ? "voiceUnmute" : "voiceMute"),
+						title: t(micOff ? "voiceUnmute" : "voiceMute"),
+						onClick: () => {
+							liveCall.setMuted(!micOff);
+							setMicOff(!micOff);
+						},
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mic, { off: micOff })
+					})]
+				}), place.activity) : null,
+				state !== "idle" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VoiceStage, {
+					call: liveCall,
+					connecting: state === "connecting",
+					rpc,
+					sessionId,
+					anchor: place.host.parentElement?.parentElement ?? place.host,
+					accent: accent.current,
+					t
+				}) : null
+			] });
+		}
+		/** One settings row: the label on the left, a menu in the same style as the context selector on the right. */
+		function ChoiceRow({ label, items, selectedId, disabled, onSelect, trailing = null }) {
+			const [open, setOpen] = (0, react.useState)(false);
+			const selected = items.flatMap((item) => [item, ...item.submenu ?? []]).find((item) => item.id === selectedId)?.label ?? items[0].label;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "codexSubscriptionPreference",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "codexSubscriptionPreferenceCopy",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "codexSubscriptionPreferenceLabel",
+						children: label
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "codexVoiceChoice",
+					children: [trailing, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Menu, {
+						open,
+						items,
+						selectedId,
+						onSelect: (value) => {
+							setOpen(false);
+							onSelect(value);
+						},
+						onClose: () => setOpen(false),
+						align: "end",
+						side: "bottom",
+						portal: true,
+						compact: true,
+						anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							className: "codexSubscriptionContextTrigger",
+							type: "button",
+							"aria-label": label,
+							"aria-haspopup": "menu",
+							"aria-expanded": open,
+							disabled,
+							onClick: () => setOpen((value) => !value),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: selected }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronDownOutline14, {})]
+						})
+					})]
+				})]
+			});
+		}
+		/** Settings for the composer's voice button: on or off, the voice (with a short sample to listen to) and the answer language. */
+		function VoiceCallCard({ rpc, preference, snapshot, t }) {
+			const audio = (0, react.useRef)();
+			const alive = (0, react.useRef)(false);
+			const [offered, setOffered] = (0, react.useState)();
+			const [sample, setSample] = (0, react.useState)({
+				state: "idle",
+				note: ""
+			});
+			const on = snapshot.voiceCall === "on";
+			(0, react.useEffect)(() => {
+				alive.current = true;
+				return () => {
+					alive.current = false;
+					audio.current?.pause();
+				};
+			}, []);
+			(0, react.useEffect)(() => {
+				if (!on) return;
+				(async () => {
+					try {
+						const result = await rpc.call(CHANNEL, "voice/catalog", {});
+						if (alive.current && result.ok) setOffered(result.value.voices);
+					} catch {}
+				})();
+			}, [on]);
+			/** Play a short clip of a voice; picking a voice plays it too, so it can be heard before it is used. */
+			const playVoice = async (voice) => {
+				audio.current?.pause();
+				setSample({
+					state: "loading",
+					note: ""
+				});
+				try {
+					const result = await rpc.call(CHANNEL, "voice/preview", { voice });
+					if (!alive.current) return;
+					if (!result.ok) {
+						setSample({
+							state: "missing",
+							note: ""
+						});
+						return;
+					}
+					const clip = new Audio(result.value.audio);
+					audio.current = clip;
+					clip.onended = () => {
+						if (alive.current) setSample((current) => ({
+							...current,
+							state: "idle"
+						}));
+					};
+					setSample({
+						state: "playing",
+						note: [result.value.description, result.value.accent].filter(Boolean).join(" · ")
+					});
+					await clip.play();
+				} catch {
+					if (alive.current) setSample({
+						state: "missing",
+						note: ""
+					});
+				}
+			};
+			const listed = VOICE_VOICES.filter((value) => offered ? offered.includes(value) : VOICE_VOICES.indexOf(value) < 9);
+			const others = VOICE_VOICES.filter((value) => !listed.includes(value));
+			const voices = [...listed.map((value) => ({
+				id: value,
+				label: value
+			})), ...others.length === 0 ? [] : [{
+				type: "separator",
+				id: "more-line"
+			}, {
+				id: "more",
+				label: t("voiceMore"),
+				submenu: others.map((value) => ({
+					id: value,
+					label: value
+				}))
+			}]];
+			const languages = VOICE_LANGUAGES.map((value) => ({
+				id: value,
+				label: value === "auto" ? t("voiceAuto") : t(`voiceLang_${value}`)
+			}));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "codexSubscriptionCard codexSubscriptionPreferencesCard",
+				"aria-label": t("voiceTitle"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "codexSubscriptionPreference",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "codexSubscriptionPreferenceCopy",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "codexSubscriptionPreferenceLabel",
+							children: [
+								t("voiceTitle"),
+								" ",
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+							t,
+							children: t("voiceHint")
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "codexSubscriptionQuotaModes",
+						role: "radiogroup",
+						"aria-label": t("voiceTitle"),
+						"aria-busy": snapshot.saving || void 0,
+						children: ["off", "on"].map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: "codexSubscriptionQuotaMode",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "radio",
+								name: "codex-voice-call",
+								checked: snapshot.voiceCall === value,
+								disabled: !snapshot.writable,
+								onChange: () => {
+									preference.set({ [VOICE_CALL_FIELD]: value });
+								}
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(`remote_${value}`) })]
+						}, value))
+					})]
+				}), on ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "codexSubscriptionDivider" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChoiceRow, {
+						label: t("voiceVoice"),
+						disabled: !snapshot.writable,
+						selectedId: snapshot.voiceVoice,
+						items: voices,
+						onSelect: (value) => {
+							if (value === "more") return;
+							preference.set({ [VOICE_VOICE_FIELD]: value });
+							playVoice(value);
+						},
+						trailing: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: "codexSubscriptionContextTrigger",
+							type: "button",
+							disabled: sample.state === "loading",
+							onClick: () => {
+								playVoice(snapshot.voiceVoice);
+							},
+							children: sample.state === "loading" ? t("voiceLoading") : t("voicePlay")
+						})
+					}),
+					sample.state === "playing" && sample.note ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "codexSubscriptionHelp",
+						role: "status",
+						children: sample.note
+					}) : null,
+					sample.state === "missing" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "codexSubscriptionHelp",
+						role: "status",
+						children: t("voiceNoSample")
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChoiceRow, {
+						label: t("voiceLanguage"),
+						disabled: !snapshot.writable,
+						selectedId: snapshot.voiceLanguage,
+						items: languages,
+						onSelect: (value) => {
+							preference.set({ [VOICE_LANGUAGE_FIELD]: value });
+						}
+					})
+				] }) : null]
+			});
+		}
+		//#endregion
 		//#region src/image-setting-groups.js
 		const IMAGE_SETTING_GROUPS = Object.freeze({
 			imageCapability: ["imageGeneration", "imageEditing"],
@@ -9998,7 +11442,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/image-preferences.jsx
-		function ImageChoice({ label, hint, value, text, items, disabled, onSelect }) {
+		function ImageChoice({ t, label, hint, value, text, items, disabled, onSelect }) {
 			const [open, setOpen] = (0, react.useState)(false);
 			const anchor = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
@@ -10017,8 +11461,8 @@ window.__ModuleLoader__.load({
 				className: "codexSubscriptionPreference codexImagePreference",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "codexSubscriptionPreferenceCopy",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), hint ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), hint ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: hint
 					}) : null]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Menu, {
@@ -10072,6 +11516,7 @@ window.__ModuleLoader__.load({
 							Object.keys(IMAGE_SETTING_GROUPS).filter((group) => group.startsWith("sketch") === sketch).map((group) => {
 								const value = imageGroupValue(snapshot, group);
 								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImageChoice, {
+									t,
 									label: t(sketch ? `${group}Setting` : group),
 									hint: t(`${group}Hint`),
 									value,
@@ -10089,6 +11534,7 @@ window.__ModuleLoader__.load({
 							!sketch ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "codexImageDefaultsGroup",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImageChoice, {
+									t,
 									label: t("imageModel"),
 									value: snapshot.imageModel,
 									text: modelLabel(snapshot.imageModel),
@@ -10104,6 +11550,7 @@ window.__ModuleLoader__.load({
 										});
 									}
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImageChoice, {
+									t,
 									label: t("imageQuality"),
 									value: snapshot.imageQuality,
 									text: t(`imageQuality_${snapshot.imageQuality}`),
@@ -10117,8 +11564,9 @@ window.__ModuleLoader__.load({
 									}
 								})]
 							}) : null,
-							!sketch && snapshot.imageModel.includes("2.5") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "codexSubscriptionPreferenceHint",
+							!sketch && snapshot.imageModel.includes("2.5") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+								t,
+								as: "p",
 								children: t("imageModelHint")
 							}) : null
 						]
@@ -10176,8 +11624,8 @@ window.__ModuleLoader__.load({
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexSubscriptionPreferenceLabel",
 						children: t("quotaAlerts")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: t("quotaAlertsHint")
 					})]
 				}), choices("quotaAlerts", QUOTA_ALERT_MODES)]
@@ -10211,8 +11659,9 @@ window.__ModuleLoader__.load({
 							children: t("searchMode")
 						}), choices("searchMode", SEARCH_MODES)]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "codexSubscriptionPreferenceHint",
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
+						as: "p",
 						children: t("searchModeHint")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
@@ -10231,8 +11680,8 @@ window.__ModuleLoader__.load({
 									if (event.key === "Enter") event.currentTarget.blur();
 								}
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "codexSubscriptionPreferenceHint",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+								t,
 								children: t("searchDomainsHint")
 							})
 						]
@@ -10318,8 +11767,8 @@ window.__ModuleLoader__.load({
 							className: "codexSubscriptionPreferenceLabel",
 							children: t("defaultModelTitle")
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "codexSubscriptionPreferenceHint",
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+							t,
 							children: hint
 						}),
 						snapshot.error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -12685,6 +14134,7 @@ window.__ModuleLoader__.load({
 		const STATUS_KEYS = {
 			connected: "remoteConnected",
 			connecting: "remoteConnecting",
+			waiting: "remoteWaiting",
 			error: "remoteError",
 			stopped: "remoteStopped"
 		};
@@ -12838,8 +14288,8 @@ window.__ModuleLoader__.load({
 								" ",
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
 							]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "codexSubscriptionPreferenceHint",
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+							t,
 							children: t("remoteHint")
 						})]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -12867,9 +14317,9 @@ window.__ModuleLoader__.load({
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 							role: "status",
 							children: [
-								t(STATUS_KEYS[status] ?? "remoteConnecting"),
+								status === "connected" && state?.phones > 0 ? t("remotePhones").replace("{count}", String(state.phones)) : t(STATUS_KEYS[status] ?? "remoteConnecting"),
 								status === "error" && state?.lastError ? ` · ${state.lastError}` : "",
-								state?.phones > 0 ? ` · ${t("remotePhones").replace("{count}", String(state.phones))}` : ""
+								status !== "connected" && state?.phones > 0 ? ` · ${t("remotePhones").replace("{count}", String(state.phones))}` : ""
 							]
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
 							type: "button",
@@ -12881,6 +14331,11 @@ window.__ModuleLoader__.load({
 							children: t(pairing ? "remotePairAgain" : "remotePair")
 						})]
 					}),
+					status === "waiting" && state?.lastError === "conflict" && state?.reconnects >= 6 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "status",
+						className: "codexSubscriptionHelp",
+						children: t("remoteConflictLong")
+					}) : null,
 					failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						role: "alert",
 						className: "codexSubscriptionHelp",
@@ -13001,8 +14456,8 @@ window.__ModuleLoader__.load({
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexSubscriptionPreferenceLabel",
 						children: t("quickQuotaSetting")
-					}), snapshot.quickQuotaMode === "forecast" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					}), snapshot.quickQuotaMode === "forecast" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: t("quickQuotaForecastHint")
 					}) : null]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -13034,8 +14489,8 @@ window.__ModuleLoader__.load({
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexSubscriptionPreferenceLabel",
 						children: t("autoQuotaRetry")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: t("autoQuotaRetryHint")
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Switch, {
@@ -13073,8 +14528,8 @@ window.__ModuleLoader__.load({
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "codexSubscriptionPreferenceLabel",
 							children: t("searchTitle")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "codexSubscriptionPreferenceHint",
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+							t,
 							children: t(hint)
 						})]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -13106,8 +14561,8 @@ window.__ModuleLoader__.load({
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexSubscriptionPreferenceLabel",
 						children: t("inputImageDetail")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: t("inputImageDetailHint")
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13141,8 +14596,8 @@ window.__ModuleLoader__.load({
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexSubscriptionPreferenceLabel",
 						children: t("reasoningSummary")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: t("reasoningSummaryHint")
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13176,8 +14631,8 @@ window.__ModuleLoader__.load({
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexSubscriptionPreferenceLabel",
 						children: t("retryPolicy")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: t("retryPolicyHint")
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13205,39 +14660,44 @@ window.__ModuleLoader__.load({
 			const snapshot = usePreferenceSnapshot(preference);
 			const writable = snapshot.status === "ready" && snapshot.writable === true;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "codexSubscriptionPreference",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "codexSubscriptionPreferenceCopy",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: "codexSubscriptionPreferenceLabel",
-						children: [
-							t("connectors"),
-							" ",
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
-						]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
-						children: t("connectorsHint")
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "codexSubscriptionQuotaModes",
-					"data-saving": snapshot.saving || void 0,
-					"aria-busy": snapshot.saving || void 0,
-					role: "radiogroup",
-					"aria-label": t("connectors"),
-					children: CONNECTOR_MODES.map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						className: "codexSubscriptionQuotaMode",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-							type: "radio",
-							name: "codex-connectors",
-							checked: snapshot.connectors === value,
-							disabled: !writable,
-							onChange: () => {
-								preference.set({ [CONNECTORS_FIELD]: value });
-							}
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(`connectors_${value}`) })]
-					}, value))
-				})]
+				className: "codexSubscriptionPreference codexSubscriptionConnectors",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "codexSubscriptionPreferenceCopy",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "codexSubscriptionPreferenceLabel",
+							children: t("connectors")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+							t,
+							children: t("connectorsHint")
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "codexSubscriptionQuotaModes",
+						"data-saving": snapshot.saving || void 0,
+						"aria-busy": snapshot.saving || void 0,
+						role: "radiogroup",
+						"aria-label": t("connectors"),
+						children: CONNECTOR_MODES.map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: "codexSubscriptionQuotaMode",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "radio",
+								name: "codex-connectors",
+								checked: snapshot.connectors === value,
+								disabled: !writable,
+								onChange: () => {
+									preference.set({ [CONNECTORS_FIELD]: value });
+								}
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(`connectors_${value}`) })]
+						}, value))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "codexSubscriptionModeNote",
+						"data-danger": snapshot.connectors === "write" || void 0,
+						role: "status",
+						children: t(`connectorsMode_${snapshot.connectors}`)
+					})
+				]
 			});
 		}
 		function StreamIdleTimeoutPreference({ preference, t }) {
@@ -13250,8 +14710,8 @@ window.__ModuleLoader__.load({
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexSubscriptionPreferenceLabel",
 						children: t("streamIdleTimeoutTitle")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: t("streamIdleTimeoutHint")
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13317,8 +14777,8 @@ window.__ModuleLoader__.load({
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "codexSubscriptionPreferenceLabel",
 							children: t("pickerModelsTitle")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "codexSubscriptionPreferenceHint",
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+							t,
 							children: t("pickerModelsHint")
 						})]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -13589,8 +15049,8 @@ window.__ModuleLoader__.load({
 												" ",
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
 											]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "codexSubscriptionPreferenceHint",
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+											t,
 											children: t("connectionHint")
 										})]
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13633,8 +15093,8 @@ window.__ModuleLoader__.load({
 											" ",
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
 										]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "codexSubscriptionPreferenceHint",
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+										t,
 										children: t("reviewModelHint")
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13663,6 +15123,12 @@ window.__ModuleLoader__.load({
 							snapshot,
 							t
 						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(VoiceCallCard, {
+							rpc,
+							preference,
+							snapshot,
+							t
+						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
 							className: "codexSubscriptionCard codexSubscriptionPreferencesCard",
 							"aria-label": t("compactionTitle"),
@@ -13677,8 +15143,8 @@ window.__ModuleLoader__.load({
 											" ",
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
 										]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "codexSubscriptionPreferenceHint",
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+										t,
 										children: t("compactionHint")
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13715,8 +15181,8 @@ window.__ModuleLoader__.load({
 											" ",
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
 										]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "codexSubscriptionPreferenceHint",
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+										t,
 										children: t(snapshot.subagentBackendAvailable ? "subagentBackendHint" : "subagentBackendUnavailable")
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -14327,8 +15793,9 @@ window.__ModuleLoader__.load({
 							}) : null
 						]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "codexSubscriptionPreferenceHint",
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
+						as: "p",
 						children: t(confirm ? "recoveryClearHint" : "recoveryHint")
 					}),
 					failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -14422,6 +15889,13 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/diagnostic-log-format.js
+		function formatLogLine(entry) {
+			const stamp = new Date(entry.time).toISOString().replace("T", " ").slice(0, 19);
+			const repeat = entry.count > 1 ? ` (x${entry.count})` : "";
+			return `${stamp} ${entry.level.toUpperCase().padEnd(5)} [${entry.area}] ${entry.message}${entry.detail ? ` — ${entry.detail}` : ""}${repeat}`;
+		}
+		//#endregion
 		//#region src/diagnostic-compact.js
 		function compactDiagnostic(report) {
 			const summary = report.summary ?? { findings: [] };
@@ -14452,17 +15926,29 @@ window.__ModuleLoader__.load({
 					reason: item.reason,
 					...item.latest ? { latest: `${item.latest.action} ${item.latest.status}` } : { latest: "not-verified" }
 				})),
+				log: (report.log?.entries ?? []).slice(-150).map(formatLogLine),
 				...report.client?.status === "unknown" ? { hostCollected: false } : {}
 			};
 		}
 		//#endregion
 		//#region src/client-diagnostics.jsx
+		const LEVELS = {
+			all: [
+				"info",
+				"warn",
+				"error"
+			],
+			warn: ["warn", "error"],
+			error: ["error"]
+		};
 		function DiagnosticsCard({ rpc, t, diagnostics }) {
 			const [report, setReport] = (0, react.useState)();
 			const [busy, setBusy] = (0, react.useState)(false);
 			const [copied, setCopied] = (0, react.useState)(false);
 			const [error, setError] = (0, react.useState)(false);
 			const [copyError, setCopyError] = (0, react.useState)(false);
+			const [level, setLevel] = (0, react.useState)("all");
+			const [logCopied, setLogCopied] = (0, react.useState)(false);
 			const load = () => {
 				setBusy(true);
 				setError(false);
@@ -14485,6 +15971,10 @@ window.__ModuleLoader__.load({
 				setCopyError(false);
 				Promise.resolve().then(() => navigator.clipboard.writeText(JSON.stringify(full ? report : compactDiagnostic(report), null, 2))).then(() => setCopied(true)).catch(() => setCopyError(true));
 			};
+			const lines = (report?.log?.entries ?? []).filter((entry) => LEVELS[level].includes(entry.level));
+			const copyLog = () => {
+				Promise.resolve().then(() => navigator.clipboard.writeText(lines.map(formatLogLine).join(String.fromCharCode(10)))).then(() => setLogCopied(true)).catch(() => setCopyError(true));
+			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "codexSubscriptionCard codexSubscriptionDiagnostics",
 				children: [
@@ -14523,10 +16013,6 @@ window.__ModuleLoader__.load({
 						})]
 					}),
 					report === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: "codexSubscriptionHelp",
-							children: t("diagnosticsCoverageHint")
-						}),
 						report.generatedAt ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
 							className: "codexSubscriptionHelp",
 							children: [
@@ -14554,22 +16040,54 @@ window.__ModuleLoader__.load({
 								] }, `${event.source}:${event.action}`)) }) : null
 							] }, item.code)) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("diagnosticsNoRecordedFailure") })
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
-							style: {
-								width: "100%",
-								fontSize: 12,
-								textAlign: "left",
-								borderSpacing: "0 8px"
-							},
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("diagnosticsCapability") }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("diagnosticsReadiness") }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("diagnosticsEvidence") })
-							] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: (report.inspection?.capabilities ?? []).map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: t(`diagnosticCapability_${item.id}`) }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", { children: [t(`diagnosticReason_${item.reason}`), item.blockedBy ? ` · ${t(`diagnosticCapability_${item.blockedBy}`)}` : ""] }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", { children: [item.latest ? `${item.latest.action} · ${t(`diagnosticSource_${item.latest.source}`)} · ${t(`diagnosticOutcome_${item.latest.status}`)} · ${new Date(item.latest.observedAt).toLocaleTimeString(uiLocale())}` : t("diagnosticsUnverified"), item.unresolved?.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("diagnosticsUnresolved") }) : null] })
-							] }, item.id)) })]
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "codexSubscriptionLogHead",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t("diagnosticsLog") }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "codexSubscriptionQuotaModes",
+									role: "radiogroup",
+									"aria-label": t("diagnosticsLog"),
+									children: Object.keys(LEVELS).map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										className: "codexSubscriptionQuotaMode",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "radio",
+											name: "codex-log-level",
+											checked: level === value,
+											onChange: () => {
+												setLevel(value);
+												setLogCopied(false);
+											}
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(`logLevel_${value}`) })]
+									}, value))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+									type: "button",
+									variant: "outline",
+									disabled: lines.length === 0,
+									onClick: copyLog,
+									children: logCopied ? t("logCopied") : t("logCopy")
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "codexSubscriptionHelp",
+							children: t("diagnosticsLogHint")
+						}),
+						lines.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "codexSubscriptionHelp",
+							children: t("logEmpty")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+							className: "codexSubscriptionLog",
+							tabIndex: 0,
+							children: lines.slice().reverse().map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: `codexSubscriptionLogLine codexSubscriptionLog_${entry.level}`,
+								children: [
+									formatLogLine(entry),
+									entry.earlier ? ` (${t("logEarlier")})` : "",
+									String.fromCharCode(10)
+								]
+							}, entry.sequence))
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: "codexSubscriptionHelp",
@@ -14577,6 +16095,28 @@ window.__ModuleLoader__.load({
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", { children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t("diagnosticsDetails") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "codexSubscriptionHelp",
+								children: t("diagnosticsCoverageHint")
+							}),
+							"      ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+								style: {
+									width: "100%",
+									fontSize: 12,
+									textAlign: "left",
+									borderSpacing: "0 8px"
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("diagnosticsCapability") }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("diagnosticsReadiness") }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("diagnosticsEvidence") })
+								] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: (report.inspection?.capabilities ?? []).map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: t(`diagnosticCapability_${item.id}`) }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", { children: [t(`diagnosticReason_${item.reason}`), item.blockedBy ? ` · ${t(`diagnosticCapability_${item.blockedBy}`)}` : ""] }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", { children: [item.latest ? `${item.latest.action} · ${t(`diagnosticSource_${item.latest.source}`)} · ${t(`diagnosticOutcome_${item.latest.status}`)} · ${new Date(item.latest.observedAt).toLocaleTimeString(uiLocale())}` : t("diagnosticsUnverified"), item.unresolved?.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("diagnosticsUnresolved") }) : null] })
+								] }, item.id)) })]
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
 								type: "button",
 								variant: "outline",
@@ -15769,6 +17309,7 @@ window.__ModuleLoader__.load({
 			"uiConversation",
 			"sessions"
 		];
+		const ComposerRight = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodexComposerQuota, { ...props }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VoiceCallButton, { ...props })] });
 		function apply(ctx) {
 			const diagnostics = createHostDiagnostics();
 			ctx.effect(() => diagnostics.register(ctx.slots), "codex-subscription: host inspection");
@@ -15846,12 +17387,13 @@ window.__ModuleLoader__.load({
 					order: 15,
 					locale: NS,
 					inject: (sessionId) => ({
+						sessionId,
 						preference,
 						rpc,
 						t,
 						directory: modelDirectories.directoryFor(sessionId).store
 					})
-				}, CodexComposerQuota));
+				}, ComposerRight));
 				scope.slots.inject("conversation.input.model", () => scope.slots.register({
 					name: "conversation.input.model",
 					priority: -10,