dsh-lcx-codex 0.4.2 → 0.4.3-pre.12

package/lib/client.js

@@ -1,168 +1,331 @@
+// src/client/index.tsx
 window.__ModuleLoader__.load({
-  id: 'dsh-lcx-codex',
-  factory: (require) => {
-    const module = { exports: {} }
-    const exports = module.exports
-    const React = require('react')
-    const { createSnapshotStore } = require('@deepseek-ai/dsh-client-runtime/client')
-    const NAMESPACE = 'lcx-codex'
-    const DEFAULTS = {
-      enabled: false,
-      webSearch: false,
-      advancedHostedSearch: false,
-      alphaSearch: false,
-      remoteCompaction: false,
-      fallbackToBasicCompaction: true,
-      autoCompaction: true,
-      webSearchTimeoutSeconds: 240,
-      autoCompactionThresholdPercent: 90,
-      emergencyPruneThresholdPercent: 95,
-      provider: 'lcx',
-      baseURL: 'https://api.lcxbot.com/v1',
-      apiKeyEnv: 'LCX_API_KEY',
-      model: 'gpt-5.6-sol',
-    }
-    const css = `.lcx-card{border:1px solid var(--dsw-alias-border-l2);border-radius:12px;list-style:none}.lcx-head{width:100%;display:flex;justify-content:space-between;padding:14px 16px;border:0;background:transparent;color:inherit}.lcx-body{border-top:1px solid var(--dsw-alias-border-l2);padding:12px 16px}.lcx-row{display:flex;gap:9px;padding:8px 0}.lcx-row small,.lcx-help,.lcx-field small{display:block;font-size:12px;line-height:17px;color:var(--dsw-alias-label-tertiary)}.lcx-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.lcx-field{display:flex;flex-direction:column;gap:4px}.lcx-input{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:7px;background:transparent;color:inherit}.lcx-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.lcx-foot button{padding:6px 12px;border-radius:8px;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:inherit}`
-    if (typeof document !== 'undefined' && !document.querySelector('style[data-plugin-css="dsh-lcx-codex"]')) {
-      const tag = document.createElement('style')
-      tag.dataset.pluginCss = 'dsh-lcx-codex'
-      tag.textContent = css
-      document.head.appendChild(tag)
+  id: "dsh-lcx-codex",
+  factory: (require2) => {
+    const module = { exports: {} };
+    const exports = module.exports;
+    const React = require2("react");
+    const { createSnapshotStore } = require2(
+      "@deepseek-ai/dsh-client-store"
+    );
+    const NAMESPACE = "lcx-codex";
+    const FIELDS = [
+      "enabled",
+      "webSearch",
+      "advancedHostedSearch",
+      "alphaSearch",
+      "grokNativeWebSearch",
+      "grokNativeXSearch"
+    ];
+    const DEFAULTS = Object.fromEntries(
+      FIELDS.map((field) => [field, false])
+    );
+    const css = `.lcx-card{border:1px solid var(--dsw-alias-border-l2);border-radius:12px;list-style:none}.lcx-head{width:100%;display:flex;justify-content:space-between;padding:14px 16px;border:0;background:transparent;color:inherit}.lcx-body{border-top:1px solid var(--dsw-alias-border-l2);padding:12px 16px}.lcx-row{display:flex;gap:9px;padding:8px 0}.lcx-row small,.lcx-help{display:block;font-size:12px;line-height:17px;color:var(--dsw-alias-label-tertiary)}.lcx-group{border-top:1px solid var(--dsw-alias-border-l2);margin-top:10px;padding-top:14px}.lcx-group strong{font-size:14px}.lcx-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.lcx-foot button{padding:6px 12px;border-radius:8px;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:inherit}`;
+    if (typeof document !== "undefined" && !document.querySelector('style[data-plugin-css="dsh-lcx-codex"]')) {
+      const tag = document.createElement("style");
+      tag.dataset.pluginCss = "dsh-lcx-codex";
+      tag.textContent = css;
+      document.head.appendChild(tag);
     }
     const copy = {
       zh: {
-        title: 'Responses / Codex 能力',
-        desc: 'LCX 开启后从第一轮普通请求开始接管当前 GPT Responses 会话，并统一管理普通请求、工具、Native V2 压缩和续接。',
-        enabled: '启用 LCX（接管当前 GPT Responses 会话）',
-        enabledHelp: '切换 Claude、Gemini、DeepSeek 等非 GPT 模型前先关闭 LCX；模型切换本身不需要重启 DSH。',
-        web: '使用 GPT Hosted Search 作为 DSH web_search 后端',
-        webHelp: '不会新增第二个普通搜索工具；普通 web_search 自动跟随当前 Agent 的 GPT Responses 模型。',
-        searchTimeout: 'web_search 超时（秒）',
-        searchTimeoutHelp: '只调整 DSH 工具外层超时，不改变模型可见 schema。默认 240 秒；Hosted Search 较慢时避免 60 秒提前中断。',
-        advanced: '启用高级 Hosted 工具（websearch_gpt_advanced）',
-        advancedHelp: '只在需要域名过滤、位置、search context、图片等原生 Hosted 参数时使用；默认关闭以保持工具 schema 稳定。',
-        alpha: '启用 Alpha command（websearch_alpha）',
-        alphaHelp: '仅 capability probe 对当前 endpoint/provider/model/schema 验证通过后才真正注册。',
-        autoCompact: '启用 Native-first 自动压缩',
-        autoCompactHelp: '到主动阈值前不让 DSH 的 80% tool-result prune 改写历史；到主动阈值后优先 Native V2。',
-        autoThreshold: 'Native 自动压缩阈值（%）',
-        autoThresholdHelp: '建议 90%。允许 85–95%；262k 窗口在 90% 时仍约剩 26k tokens。',
-        emergencyThreshold: 'DSH 紧急 prune 阈值（%）',
-        emergencyThresholdHelp: '建议 95%。达到这里才允许 DSH tool-result-pruner 先救场；必须高于 Native 阈值。',
-        fallback: 'Native 失败后回退 DSH basic compaction',
-        fallbackHelp: 'Remote-first：只有 Native 请求失败才调用 basic summary，不并行双跑。',
-        endpoint: 'Responses 地址',
-        model: 'GPT 模型',
-        save: '保存', discard: '放弃修改', saving: '保存中…',
+        title: "Responses / Codex \u80FD\u529B",
+        desc: "LCX \u8DDF\u968F DSH \u5F53\u524D\u4F1A\u8BDD\u9009\u62E9\u7684 GPT Responses route\uFF1B\u6A21\u578B\u3001endpoint \u548C credential \u7EE7\u7EED\u53EA\u7531 DSH \u7BA1\u7406\u3002",
+        enabled: "\u542F\u7528 LCX\uFF08\u63A5\u7BA1\u5F53\u524D GPT Responses \u4F1A\u8BDD\uFF09",
+        enabledHelp: "\u6B64\u5F00\u5173\u4EC5\u63A5\u7BA1 GPT Responses \u4F1A\u8BDD\uFF1BGrok \u539F\u751F\u641C\u7D22\u7531\u4E0B\u65B9\u72EC\u7ACB\u5F00\u5173\u63A7\u5236\uFF0C\u5176\u4ED6\u975E GPT \u6A21\u578B\u7EE7\u7EED\u4F7F\u7528 DSH \u539F\u751F\u8DEF\u5F84\u3002",
+        web: "\u4F7F\u7528 GPT Hosted Search \u4F5C\u4E3A DSH web_search \u540E\u7AEF",
+        webHelp: "\u4E0D\u4F1A\u65B0\u589E\u7B2C\u4E8C\u4E2A\u666E\u901A\u641C\u7D22\u5DE5\u5177\uFF1B\u666E\u901A web_search \u81EA\u52A8\u8DDF\u968F\u5F53\u524D Agent \u7684 GPT Responses route\u3002",
+        advanced: "\u542F\u7528\u9AD8\u7EA7 Hosted \u5DE5\u5177\uFF08websearch_gpt_advanced\uFF09",
+        advancedHelp: "\u53EA\u5728\u9700\u8981\u57DF\u540D\u8FC7\u6EE4\u3001\u4F4D\u7F6E\u3001search context\u3001\u56FE\u7247\u7B49\u539F\u751F Hosted \u53C2\u6570\u65F6\u4F7F\u7528\uFF1B\u9ED8\u8BA4\u5173\u95ED\u4EE5\u4FDD\u6301\u5DE5\u5177 schema \u7A33\u5B9A\u3002",
+        alpha: "\u542F\u7528 Alpha command\uFF08websearch_alpha\uFF09",
+        alphaHelp: "\u4EC5 capability probe \u5BF9\u5F53\u524D route/schema \u9A8C\u8BC1\u901A\u8FC7\u540E\u624D\u771F\u6B63\u6CE8\u518C\u3002",
+        grokTitle: "Grok \u539F\u751F\u641C\u7D22",
+        grokDesc: "\u4F7F\u7528 DSH \u5F53\u524D\u9009\u62E9\u7684 Grok \u6A21\u578B\u53CA\u5176\u670D\u52A1\u914D\u7F6E\uFF1B\u4E0E GPT \u529F\u80FD\u5F00\u5173\u72EC\u7ACB\u3002\u5F00\u542F\u4EFB\u4E00\u641C\u7D22\u540E\uFF0CGrok \u4EC5\u4F7F\u7528\u539F\u751F\u641C\u7D22\uFF0C\u7F51\u9875\u8BFB\u53D6\u548C\u5176\u4ED6\u5DE5\u5177\u4ECD\u53EF\u7528\u3002",
+        grokWeb: "\u542F\u7528\u539F\u751F Web Search",
+        grokWebHelp: "\u4F7F\u7528 Grok \u7684\u539F\u751F\u7F51\u9875\u641C\u7D22\u3002",
+        grokX: "\u542F\u7528\u539F\u751F X Search",
+        grokXHelp: "\u4F7F\u7528 Grok \u7684\u539F\u751F X \u641C\u7D22\uFF1B\u5355\u72EC\u5F00\u542F\u4E5F\u4E0D\u4F1A\u4F7F\u7528 DSH \u641C\u7D22\u3002",
+        save: "\u4FDD\u5B58",
+        discard: "\u653E\u5F03\u4FEE\u6539",
+        saving: "\u4FDD\u5B58\u4E2D\u2026",
+        saveError: "\u672A\u80FD\u786E\u8BA4\u8BBE\u7F6E\u5DF2\u4FDD\u5B58\u3002\u4FEE\u6539\u5DF2\u4FDD\u7559\uFF0C\u8BF7\u91CD\u8BD5\u6216\u653E\u5F03\u4FEE\u6539\u4EE5\u67E5\u770B\u5F53\u524D\u8BBE\u7F6E\u3002"
       },
       en: {
-        title: 'Responses / Codex capabilities',
-        desc: 'When enabled, LCX owns the selected GPT Responses conversation from the first ordinary turn through tools, Native V2 compaction and continuation.',
-        enabled: 'Enable LCX (own current GPT Responses conversation)',
-        enabledHelp: 'Turn LCX off before switching to Claude, Gemini, DeepSeek, or another non-GPT model. Model switching itself does not require a DSH restart.',
-        web: 'Use GPT Hosted Search as DSH web_search backend',
-        webHelp: 'Keeps DSH web_search as the single ordinary search tool and follows the active Agent GPT Responses model.',
-        searchTimeout: 'web_search timeout (seconds)',
-        searchTimeoutHelp: 'Changes only the DSH tool deadline, not the model-visible schema. Default 240s to avoid premature 60s timeouts.',
-        advanced: 'Enable advanced Hosted tool (websearch_gpt_advanced)',
-        advancedHelp: 'Only for native Hosted controls such as domains, location, context size and image search; off by default for stable tool schemas.',
-        alpha: 'Enable Alpha command (websearch_alpha)',
-        alphaHelp: 'Registered only after a matching capability probe.',
-        autoCompact: 'Enable Native-first automatic compaction',
-        autoCompactHelp: 'Suppresses the stock 80% tool-result prune before the proactive threshold, then prefers Native V2.',
-        autoThreshold: 'Native auto-compaction threshold (%)',
-        autoThresholdHelp: 'Default 90%. Allowed 85–95%.',
-        emergencyThreshold: 'DSH emergency prune threshold (%)',
-        emergencyThresholdHelp: 'Default 95%. DSH tool-result pruning is allowed only in this emergency zone; must exceed the Native threshold.',
-        fallback: 'Fall back to DSH basic compaction on Native failure',
-        fallbackHelp: 'Remote-first: basic summary runs only after Native failure, never in parallel.',
-        endpoint: 'Responses endpoint', model: 'GPT model',
-        save: 'Save', discard: 'Discard', saving: 'Saving…',
-      },
+        title: "Responses / Codex capabilities",
+        desc: "LCX follows the GPT Responses route selected by the current DSH session. Model, endpoint and credentials remain DSH-owned.",
+        enabled: "Enable LCX (own current GPT Responses conversation)",
+        enabledHelp: "Applies only to GPT Responses conversations. Grok native search is controlled independently below; other non-GPT models continue through DSH normally.",
+        web: "Use GPT Hosted Search as DSH web_search backend",
+        webHelp: "Keeps DSH web_search as the single ordinary search tool and follows the active Agent GPT Responses route.",
+        advanced: "Enable advanced Hosted tool (websearch_gpt_advanced)",
+        advancedHelp: "Only for native Hosted controls such as domains, location, context size and image search; off by default for stable tool schemas.",
+        alpha: "Enable Alpha command (websearch_alpha)",
+        alphaHelp: "Registered only after a matching capability probe.",
+        grokTitle: "Grok native search",
+        grokDesc: "Uses the Grok model and provider profile currently selected in DSH, independently of the GPT switch. When either search is enabled, Grok uses native search while page reading and other tools remain available.",
+        grokWeb: "Enable native Web Search",
+        grokWebHelp: "Use Grok's native web search.",
+        grokX: "Enable native X Search",
+        grokXHelp: "Use Grok's native X search. Enabling it alone also avoids DSH search.",
+        save: "Save",
+        discard: "Discard",
+        saving: "Saving\u2026",
+        saveError: "Could not confirm settings were saved. Changes are kept; retry or discard to view current settings."
+      }
+    };
+    function valueFrom(snapshot) {
+      const value = snapshot.value ?? {};
+      return {
+        ...DEFAULTS,
+        ...Object.fromEntries(
+          FIELDS.map((field) => [field, Boolean(value[field])])
+        )
+      };
     }
-    const lang = () => String(globalThis.navigator?.language ?? '').toLowerCase().startsWith('zh') ? 'zh' : 'en'
-    function valueFrom(snapshot) { return { ...DEFAULTS, ...(snapshot.value ?? {}) } }
     class Controller {
+      scope;
+      draft;
+      dirty;
+      saving;
+      saveError;
+      store;
+      stop;
       constructor(scope) {
-        this.scope = scope; this.draft = null; this.dirty = false; this.saving = false
-        this.store = createSnapshotStore(this.projection())
-        this.stop = scope.subscribe(() => { if (!this.dirty) this.draft = null; this.publish() })
+        this.scope = scope;
+        this.draft = null;
+        this.dirty = false;
+        this.saving = false;
+        this.saveError = false;
+        this.store = createSnapshotStore(this.projection());
+        this.stop = scope.subscribe(() => {
+          if (!this.dirty) this.draft = null;
+          this.publish();
+        });
+      }
+      snapshot() {
+        return this.scope.getSnapshot();
+      }
+      value() {
+        return valueFrom(this.snapshot());
+      }
+      draftValue() {
+        return { ...this.value(), ...this.draft ?? {} };
       }
-      snapshot() { return this.scope.getSnapshot() }
-      value() { return valueFrom(this.snapshot()) }
-      draftValue() { return { ...this.value(), ...(this.draft ?? {}) } }
-      field(name) { return this.draftValue()[name] }
       projection() {
-        const s = this.snapshot()
-        const bools = ['enabled','webSearch','advancedHostedSearch','alphaSearch','fallbackToBasicCompaction','autoCompaction']
+        const s = this.snapshot(), value = this.draftValue(), fields = Object.fromEntries(
+          FIELDS.map((field) => [field, { value: Boolean(value[field]) }])
+        );
         return {
-          available: s.status === 'ready', writable: s.writable, dirty: this.dirty, saving: this.saving,
-          ...Object.fromEntries(bools.map((f) => [f, { value: f === 'fallbackToBasicCompaction' || f === 'autoCompaction' ? this.field(f) !== false : Boolean(this.field(f)) }])),
-          webSearchTimeoutSeconds: Number(this.field('webSearchTimeoutSeconds') ?? 240),
-          autoCompactionThresholdPercent: Number(this.field('autoCompactionThresholdPercent') ?? 90),
-          emergencyPruneThresholdPercent: Number(this.field('emergencyPruneThresholdPercent') ?? 95),
-          baseURL: String(this.field('baseURL') ?? ''), model: String(this.field('model') ?? ''),
-        }
+          available: s.status === "ready",
+          writable: s.writable,
+          dirty: this.dirty,
+          saving: this.saving,
+          saveError: this.saveError,
+          ...fields
+        };
+      }
+      publish() {
+        this.store.set(this.projection());
+      }
+      edit(field, value) {
+        if (!FIELDS.includes(field) || this.saving || !this.snapshot().writable) return;
+        this.draft = {
+          ...this.draft,
+          [field]: Boolean(value)
+        };
+        if (this.value()[field] === Boolean(value)) delete this.draft[field];
+        this.dirty = Object.keys(this.draft).length > 0;
+        this.saveError = false;
+        this.publish();
+      }
+      discard() {
+        if (this.saving) return;
+        this.draft = null;
+        this.dirty = false;
+        this.saveError = false;
+        this.publish();
       }
-      publish() { this.store.set(this.projection()) }
-      edit(field, value) { this.draft = { ...(this.draft ?? this.value()), [field]: value }; this.dirty = true; this.publish() }
-      discard() { this.draft = null; this.dirty = false; this.publish() }
       async save() {
-        if (!this.dirty || this.saving || !this.snapshot().writable) return
-        const next = this.draftValue(), prev = this.value(); this.saving = true; this.publish()
+        if (!this.dirty || this.saving || !this.snapshot().writable || this.snapshot().status !== "ready") return;
+        const next = this.draftValue(), prev = this.value();
+        const fields = FIELDS.filter((field) => next[field] !== prev[field]);
+        this.saving = true;
+        this.saveError = false;
+        this.publish();
         try {
-          for (const f of Object.keys(next)) if (next[f] !== prev[f]) await this.scope.set(f, next[f])
-          this.draft = null; this.dirty = false
-        } finally { this.saving = false; this.publish() }
+          if (fields.length) {
+            await this.scope.mutate(fields.map((field) => ({
+              op: "set",
+              path: [field],
+              value: next[field]
+            })));
+            if (this.snapshot().status !== "ready" || fields.some((field) => this.value()[field] !== next[field]))
+              throw new Error("Settings mutation was not confirmed");
+          }
+          this.draft = null;
+          this.dirty = false;
+        } catch {
+          this.saveError = true;
+        } finally {
+          this.saving = false;
+          this.publish();
+        }
+      }
+      inject() {
+        return {
+          hooks: { lcxCard: this.store },
+          edit: (field, value) => this.edit(field, value),
+          save: () => void this.save(),
+          discard: () => this.discard()
+        };
       }
-      inject() { return { hooks: { lcxCard: this.store }, edit: (f,v) => this.edit(f,v), save: () => void this.save(), discard: () => this.discard() } }
-    }
-    function Row({ id, label, help, checked, disabled, onChange }) {
-      return React.createElement('div', { className:'lcx-row' },
-        React.createElement('input', { id, type:'checkbox', checked, disabled, onChange:e=>onChange(e.target.checked) }),
-        React.createElement('label', { htmlFor:id }, label, React.createElement('small', null, help)))
     }
-    function Field({ label, help, value, disabled, type='text', min, max, step, onChange }) {
-      return React.createElement('div', { className:'lcx-field' },
-        React.createElement('label', null, label),
-        React.createElement('input', { className:'lcx-input', type, value, disabled, min, max, step, onChange }),
-        help ? React.createElement('small', null, help) : null)
+    function Row({
+      id,
+      label,
+      help,
+      checked,
+      disabled,
+      onChange
+    }) {
+      return React.createElement(
+        "div",
+        { className: "lcx-row" },
+        React.createElement("input", {
+          id,
+          type: "checkbox",
+          checked,
+          disabled,
+          onChange: (event) => onChange(event.target.checked)
+        }),
+        React.createElement(
+          "label",
+          { htmlFor: id },
+          label,
+          React.createElement("small", null, help)
+        )
+      );
     }
     function Card(props) {
-      const t = copy[lang()], s = props.useLcxCard(x=>x), [open,setOpen] = React.useState(false)
-      if (!s.available) return null
-      const disabled = !s.writable || s.saving
-      const numeric = (field) => (e) => props.edit(field, Number(e.target.value))
-      return React.createElement('li', { className:'lcx-card' },
-        React.createElement('button', { className:'lcx-head', type:'button', onClick:()=>setOpen(!open) }, React.createElement('strong',null,t.title), React.createElement('span',null,open?'⌃':'⌄')),
-        open ? React.createElement('div', { className:'lcx-body' },
-          React.createElement('p', { className:'lcx-help' }, t.desc),
-          React.createElement(Row, { id:'lcx-enabled', label:t.enabled, help:t.enabledHelp, checked:s.enabled.value, disabled, onChange:v=>props.edit('enabled',v) }),
-          React.createElement(Row, { id:'lcx-web', label:t.web, help:t.webHelp, checked:s.webSearch.value, disabled:disabled||!s.enabled.value, onChange:v=>props.edit('webSearch',v) }),
-          React.createElement('div', { className:'lcx-fields' },
-            React.createElement(Field, { label:t.searchTimeout, help:t.searchTimeoutHelp, type:'number', min:30, max:600, step:30, value:s.webSearchTimeoutSeconds, disabled:disabled||!s.enabled.value||!s.webSearch.value, onChange:numeric('webSearchTimeoutSeconds') })),
-          React.createElement(Row, { id:'lcx-advanced', label:t.advanced, help:t.advancedHelp, checked:s.advancedHostedSearch.value, disabled:disabled||!s.enabled.value||!s.webSearch.value, onChange:v=>props.edit('advancedHostedSearch',v) }),
-          React.createElement(Row, { id:'lcx-alpha', label:t.alpha, help:t.alphaHelp, checked:s.alphaSearch.value, disabled:disabled||!s.enabled.value, onChange:v=>props.edit('alphaSearch',v) }),
-          React.createElement(Row, { id:'lcx-auto-compact', label:t.autoCompact, help:t.autoCompactHelp, checked:s.autoCompaction.value, disabled:disabled||!s.enabled.value, onChange:v=>props.edit('autoCompaction',v) }),
-          React.createElement('div', { className:'lcx-fields' },
-            React.createElement(Field, { label:t.autoThreshold, help:t.autoThresholdHelp, type:'number', min:85, max:95, step:1, value:s.autoCompactionThresholdPercent, disabled:disabled||!s.enabled.value||!s.autoCompaction.value, onChange:numeric('autoCompactionThresholdPercent') }),
-            React.createElement(Field, { label:t.emergencyThreshold, help:t.emergencyThresholdHelp, type:'number', min:90, max:99, step:1, value:s.emergencyPruneThresholdPercent, disabled:disabled||!s.enabled.value||!s.autoCompaction.value, onChange:numeric('emergencyPruneThresholdPercent') })),
-          React.createElement(Row, { id:'lcx-fallback', label:t.fallback, help:t.fallbackHelp, checked:s.fallbackToBasicCompaction.value, disabled:disabled||!s.enabled.value, onChange:v=>props.edit('fallbackToBasicCompaction',v) }),
-          React.createElement('div', { className:'lcx-fields' },
-            React.createElement(Field, { label:t.endpoint, value:s.baseURL, disabled, onChange:e=>props.edit('baseURL',e.target.value) }),
-            React.createElement(Field, { label:t.model, value:s.model, disabled, onChange:e=>props.edit('model',e.target.value) })),
-          React.createElement('div', { className:'lcx-foot' },
-            React.createElement('button', { disabled:!s.dirty||disabled, onClick:props.discard }, t.discard),
-            React.createElement('button', { disabled:!s.dirty||disabled, onClick:props.save }, s.saving?t.saving:t.save))) : null)
+      const t = props.t, s = props.useLcxCard((state) => state), [open, setOpen] = React.useState(false);
+      if (!s.available) return null;
+      const disabled = !s.writable || s.saving;
+      return React.createElement(
+        "li",
+        { className: "lcx-card" },
+        React.createElement(
+          "button",
+          {
+            className: "lcx-head",
+            type: "button",
+            onClick: () => setOpen(!open)
+          },
+          React.createElement("strong", null, t("title")),
+          React.createElement("span", null, open ? "\u2303" : "\u2304")
+        ),
+        open ? React.createElement(
+          "div",
+          { className: "lcx-body" },
+          React.createElement("p", { className: "lcx-help" }, t("desc")),
+          React.createElement(Row, {
+            id: "lcx-enabled",
+            label: t("enabled"),
+            help: t("enabledHelp"),
+            checked: s.enabled.value,
+            disabled,
+            onChange: (value) => props.edit("enabled", value)
+          }),
+          React.createElement(Row, {
+            id: "lcx-web",
+            label: t("web"),
+            help: t("webHelp"),
+            checked: s.webSearch.value,
+            disabled: disabled || !s.enabled.value,
+            onChange: (value) => props.edit("webSearch", value)
+          }),
+          React.createElement(Row, {
+            id: "lcx-advanced",
+            label: t("advanced"),
+            help: t("advancedHelp"),
+            checked: s.advancedHostedSearch.value,
+            disabled: disabled || !s.enabled.value || !s.webSearch.value,
+            onChange: (value) => props.edit("advancedHostedSearch", value)
+          }),
+          React.createElement(Row, {
+            id: "lcx-alpha",
+            label: t("alpha"),
+            help: t("alphaHelp"),
+            checked: s.alphaSearch.value,
+            disabled: disabled || !s.enabled.value,
+            onChange: (value) => props.edit("alphaSearch", value)
+          }),
+          React.createElement(
+            "section",
+            { className: "lcx-group" },
+            React.createElement("strong", null, t("grokTitle")),
+            React.createElement("p", { className: "lcx-help" }, t("grokDesc")),
+            React.createElement(Row, {
+              id: "lcx-grok-web",
+              label: t("grokWeb"),
+              help: t("grokWebHelp"),
+              checked: s.grokNativeWebSearch.value,
+              disabled,
+              onChange: (value) => props.edit("grokNativeWebSearch", value)
+            }),
+            React.createElement(Row, {
+              id: "lcx-grok-x",
+              label: t("grokX"),
+              help: t("grokXHelp"),
+              checked: s.grokNativeXSearch.value,
+              disabled,
+              onChange: (value) => props.edit("grokNativeXSearch", value)
+            })
+          ),
+          React.createElement(
+            "p",
+            { role: "alert", hidden: !s.saveError },
+            s.saveError ? t("saveError") : ""
+          ),
+          React.createElement(
+            "div",
+            { className: "lcx-foot" },
+            React.createElement(
+              "button",
+              { disabled: !s.dirty || disabled, onClick: props.discard },
+              t("discard")
+            ),
+            React.createElement(
+              "button",
+              { disabled: !s.dirty || disabled, onClick: props.save },
+              s.saving ? t("saving") : t("save")
+            )
+          )
+        ) : null
+      );
     }
-    const inject = ['slots','locale','settingsScope']
+    const inject = ["slots", "locale", "settingsScope"];
     function apply(ctx) {
-      const slots = ctx.slots ?? ctx.get('slots'), svc = ctx.settingsScope ?? ctx.get('settingsScope')
-      if (!slots || !svc) return
-      const controller = new Controller(svc.bind({ namespace:NAMESPACE }))
-      slots.inject('settings.plugin.item', () => slots.register({ name:'settings.plugin.item', key:NAMESPACE, inject:()=>controller.inject() }, Card))
-      ctx.effect(() => () => controller.stop(), 'lcx-codex settings card')
+      const slots = ctx.slots ?? ctx.get("slots"), svc = ctx.settingsScope ?? ctx.get("settingsScope"), locale = ctx.locale ?? ctx.get("locale");
+      if (!slots || !svc || !locale) return;
+      for (const language of ["zh", "en"])
+        ctx.effect(() => locale.register(NAMESPACE, language, copy[language]), `lcx-codex ${language} dictionary`);
+      const controller = new Controller(svc.bind({ namespace: NAMESPACE }));
+      slots.inject(
+        "settings.plugin.item",
+        () => slots.register(
+          {
+            name: "settings.plugin.item",
+            key: NAMESPACE,
+            locale: NAMESPACE,
+            inject: () => controller.inject()
+          },
+          Card
+        )
+      );
+      ctx.effect(() => () => controller.stop(), "lcx-codex settings card");
     }
-    exports.apply = apply; exports.inject = inject; return module.exports
-  },
-})
+    exports.apply = apply;
+    exports.inject = inject;
+    return module.exports;
+  }
+});