dsh-codex-community 0.0.1

package/dist/client/index.js

@@ -0,0 +1,1037 @@
+window.__ModuleLoader__.load({
+  id: "dsh-codex-community",
+  factory: (require) => {
+    const module = { exports: {} }
+    const exports = module.exports
+    const React = require("react")
+    const h = React.createElement
+
+    const CHANNEL = "/dsh-codex"
+    const NS = "settings.codex"
+    const CODEX_PROVIDER = "dsh-codex"
+    const CODEX_SETTINGS_NS = "dsh-codex"
+    const CODEX_SETTINGS_PATH = Object.freeze([])
+    const STYLE_ID = "dsh-codex-community/authorization-settings.css"
+    const STYLE_REF_KEY = Symbol.for(`${STYLE_ID}/references`)
+
+    const zh = {
+      nav: "OpenAI Codex",
+      title: "OpenAI Codex",
+      description: "使用 ChatGPT 订阅在 dsh 中调用 Codex 模型，无需 API Key。",
+      loading: "正在读取登录状态…",
+      signedIn: "已登录",
+      signedOut: "尚未登录",
+      credentialInvalid: "凭据无效",
+      credentialInvalidHelp: "已保存的 Codex 凭据无法使用；请重新登录，或退出后再登录。",
+      inProgress: "登录正在进行",
+      unavailable: "当前环境没有可用的 Codex 登录流程。",
+      writableNo: "当前凭据存储不可写。",
+      refresh: "刷新",
+      signIn: "登录",
+      signInWithChatGPT: "使用 ChatGPT 登录",
+      signInAgain: "重新登录",
+      cancelling: "正在取消登录",
+      cancel: "取消登录",
+      signOut: "退出登录",
+      signingOut: "正在退出登录",
+      confirmSignOut: "确认退出 Codex 登录并删除已保存的授权凭据吗？",
+      openPage: "打开授权页面",
+      deviceCode: "验证码",
+      submit: "继续",
+      decline: "取消",
+      authorized: "登录成功。",
+      cancelled: "登录已取消。",
+      commitInProgress: "凭据已开始提交，当前无法取消；登录完成后状态会自动更新。",
+      failed: "登录失败，请重试。",
+      cancelFailed: "取消登录失败，请重试。",
+      logoutFailed: "退出登录失败，请重试。",
+      responseFailed: "提交登录信息失败，请重试。",
+      requestFailed: "暂时无法连接本机授权服务。",
+      quotaTitle: "使用额度",
+      quotaProduct: "Codex",
+      quotaUnknown: "尚无可验证的额度观测。",
+      quotaUnknownHelp: "完成一次 Codex 请求后，此处会更新可验证状态；插件不会调用未公开的账户额度接口。",
+      quotaRecentSuccess: "最近一次 Codex 请求成功",
+      quotaSuccessCaution: "这只表示最近一次请求成功，不代表账户剩余额度。",
+      quotaExhausted: "最近观测到 Codex 账户额度已用尽。",
+      quotaObservedAt: "观测时间",
+      quotaResetAt: "观测到的重置时间",
+      quotaResetIn: "预计还有约",
+      quotaMinutes: "分钟",
+      quotaNoReset: "未获得通过校验的重置时间；状态会在有限时间后自动回到未知。",
+      modelsTitle: "模型选择器中显示的模型",
+      modelsDescription: "选择要在模型选择器中显示的 Codex 模型。隐藏后，已有会话中保存的精确模型仍可继续使用。",
+      modelsLoading: "正在读取 Codex 模型目录…",
+      modelsUnavailable: "当前环境没有可用的 Codex 模型管理接口。",
+      modelsReadOnly: "当前设置存储为只读，无法修改启用模型。",
+      modelsEmpty: "当前安装没有可管理的 Codex 模型。",
+      modelsSave: "保存启用模型",
+      modelsSaving: "正在保存…",
+      modelsSaved: "模型启用设置已保存。",
+      modelsAtLeastOne: "至少需要启用一个 Codex 模型。",
+      modelsAllEnabledFollow: "已启用全部当前目录模型；当前覆盖不含额外模型字段，保存后会清除覆盖并自动启用未来新增的目录模型。",
+      modelsAllEnabledPreserve: "已启用全部当前目录模型；为保留现有模型参数，保存后会固定当前模型列表，未来新增的目录模型不会自动启用。",
+      modelsRetry: "重新读取",
+      modelsLoadFailed: "读取 Codex 模型目录失败。",
+      modelsSaveFailed: "保存模型启用设置失败。",
+    }
+    const en = {
+      nav: "OpenAI Codex",
+      title: "OpenAI Codex",
+      description: "Use your ChatGPT subscription to access Codex models in dsh—no API key required.",
+      loading: "Reading sign-in status…",
+      signedIn: "Signed in",
+      signedOut: "Not signed in",
+      credentialInvalid: "Invalid credential",
+      credentialInvalidHelp: "The saved Codex credential cannot be used. Sign in again, or sign out and then sign in.",
+      inProgress: "Sign-in in progress",
+      unavailable: "No Codex sign-in flow is available in this environment.",
+      writableNo: "The credential store is currently read-only.",
+      refresh: "Refresh",
+      signIn: "Sign in",
+      signInWithChatGPT: "Sign in with ChatGPT",
+      signInAgain: "Sign in again",
+      cancelling: "Cancelling sign-in",
+      cancel: "Cancel sign-in",
+      signOut: "Sign out",
+      signingOut: "Signing out",
+      confirmSignOut: "Sign out of Codex and delete the saved authorization credential?",
+      openPage: "Open authorization page",
+      deviceCode: "Verification code",
+      submit: "Continue",
+      decline: "Cancel",
+      authorized: "Sign-in complete.",
+      cancelled: "Sign-in cancelled.",
+      commitInProgress: "Credential commit has started and can no longer be cancelled. Status will update when sign-in completes.",
+      failed: "Sign-in failed. Please try again.",
+      cancelFailed: "Could not cancel sign-in. Please try again.",
+      logoutFailed: "Could not sign out. Please try again.",
+      responseFailed: "Could not submit the sign-in response. Please try again.",
+      requestFailed: "The local authorization service is temporarily unavailable.",
+      quotaTitle: "Usage",
+      quotaProduct: "Codex",
+      quotaUnknown: "No verifiable quota observation yet.",
+      quotaUnknownHelp: "This area updates after a Codex request; the plugin does not call undocumented account-quota endpoints.",
+      quotaRecentSuccess: "The latest Codex request succeeded",
+      quotaSuccessCaution: "This only describes the latest request; it does not represent remaining account quota.",
+      quotaExhausted: "Codex account quota was exhausted in the latest observation.",
+      quotaObservedAt: "Observed at",
+      quotaResetAt: "Observed reset time",
+      quotaResetIn: "Approximately",
+      quotaMinutes: "minutes remaining",
+      quotaNoReset: "No reset time passed validation; this state automatically returns to unknown after a bounded interval.",
+      modelsTitle: "Models shown in the model selector",
+      modelsDescription: "Choose which Codex models appear in the model selector. Hidden models remain available to existing conversations that saved an exact model.",
+      modelsLoading: "Reading the Codex model catalog…",
+      modelsUnavailable: "Codex model management is unavailable in this environment.",
+      modelsReadOnly: "The settings store is read-only, so enabled models cannot be changed.",
+      modelsEmpty: "This installation has no Codex models to manage.",
+      modelsSave: "Save enabled models",
+      modelsSaving: "Saving…",
+      modelsSaved: "Enabled models saved.",
+      modelsAtLeastOne: "At least one Codex model must remain enabled.",
+      modelsAllEnabledFollow: "All current catalog models are enabled. Because the override has no additional model fields, saving will clear it and automatically enable future catalog additions.",
+      modelsAllEnabledPreserve: "All current catalog models are enabled. To preserve existing model parameters, saving will keep the current model list; future catalog additions will not be enabled automatically.",
+      modelsRetry: "Reload",
+      modelsLoadFailed: "Could not read the Codex model catalog.",
+      modelsSaveFailed: "Could not save the enabled models.",
+    }
+
+    function createAuthorizationClient(connection) {
+      const call = async (endpoint, payload, signal) => {
+        const result = await connection.rpc.call(CHANNEL, endpoint, payload, signal)
+        if (!result.ok) {
+          const error = new Error(result.error.message)
+          error.code = result.error.code
+          throw error
+        }
+        return result.value
+      }
+      return Object.freeze({
+        describe: (signal) => call("status", {}, signal),
+        watch: (attemptId, after, signal) => call("status", { attemptId, after }, signal),
+        start: (method) => call("start", method === undefined ? {} : { method }),
+        answer: (attemptId, promptId, value) => call("respond", {
+          attemptId,
+          promptId,
+          action: "answer",
+          value,
+        }),
+        decline: (attemptId, promptId) => call("respond", {
+          attemptId,
+          promptId,
+          action: "decline",
+        }),
+        cancel: (attemptId) => call("cancel", attemptId === undefined ? {} : { attemptId }),
+        logout: () => call("logout", {}),
+      })
+    }
+
+    function resultValue(response) {
+      if (response?.result?.ok === true) return response.result.value
+      const message = response?.result?.error?.message
+      throw new Error(typeof message === "string" && message.length > 0 ? message : "DSH API request failed")
+    }
+
+    function safeQuotaSnapshot(value, now = Date.now()) {
+      if (typeof value !== "object" || value === null || !Number.isSafeInteger(now) || now < 0) {
+        return { status: "unknown" }
+      }
+      if (value.status === "recent-success" && Number.isSafeInteger(value.observedAt) && value.observedAt >= 0) {
+        return { status: value.status, observedAt: value.observedAt }
+      }
+      if (value.status !== "exhausted" || !Number.isSafeInteger(value.observedAt) || value.observedAt < 0) {
+        return { status: "unknown" }
+      }
+      if (value.resetAt === undefined) return { status: value.status, observedAt: value.observedAt }
+      if (!Number.isSafeInteger(value.resetAt) || value.resetAt <= now) return { status: "unknown" }
+      return {
+        status: value.status,
+        observedAt: value.observedAt,
+        resetAt: value.resetAt,
+        remainingMinutes: Math.max(1, Math.ceil((value.resetAt - now) / 60_000)),
+      }
+    }
+
+    function objectAtPath(root, path) {
+      let current = root
+      for (const key of path) {
+        if (typeof current !== "object" || current === null || Array.isArray(current)) return undefined
+        current = current[key]
+      }
+      return current
+    }
+
+    function modelRows(value) {
+      if (!Array.isArray(value)) return []
+      return value.filter((row) => typeof row === "object" && row !== null && !Array.isArray(row) && typeof row.id === "string" && row.id.length > 0)
+    }
+
+    function discoveredModels(value) {
+      if (!Array.isArray(value)) return []
+      const seen = new Set()
+      const rows = []
+      for (const candidate of value) {
+        if (typeof candidate !== "object" || candidate === null || typeof candidate.id !== "string" || candidate.id.length === 0 || seen.has(candidate.id)) continue
+        seen.add(candidate.id)
+        rows.push({
+          id: candidate.id,
+          ...(typeof candidate.name === "string" && candidate.name.length > 0 ? { name: candidate.name } : {}),
+        })
+      }
+      return rows
+    }
+
+    function modelSavePlan(snapshot, selectedIds) {
+      const selected = new Set(selectedIds)
+      const modelIds = snapshot.models.map((model) => model.id)
+      const catalogIds = Array.isArray(snapshot.catalogIds)
+        ? snapshot.catalogIds.filter((id) => typeof id === "string")
+        : modelIds
+      const catalogSet = new Set(catalogIds)
+      const orderedSelected = modelIds.filter((id) => selected.has(id))
+      const existing = new Map(snapshot.configuredModels.map((model) => [model.id, model]))
+      const models = orderedSelected.map((id) => existing.has(id) ? { ...existing.get(id) } : { id })
+      const allCatalogSelected = catalogIds.length > 0 && catalogIds.every((id) => selected.has(id))
+      const hasSelectedOutsideCatalog = orderedSelected.some((id) => !catalogSet.has(id))
+      const hasAdditionalFields = models.some((model) => Object.keys(model).some((key) => key !== "id"))
+
+      return {
+        orderedSelected,
+        models,
+        allCatalogSelected,
+        unsetOverride: allCatalogSelected && !hasSelectedOutsideCatalog && !hasAdditionalFields,
+      }
+    }
+
+    function createModelEnablementClient(connection, settingsFace) {
+      const api = connection?.api
+      const available = typeof api?.llm?.discoverModels === "function"
+        && typeof api?.settings?.mutate === "function"
+        && typeof settingsFace?.ensure === "function"
+        && typeof settingsFace?.getSnapshot === "function"
+        && typeof settingsFace?.subscribe === "function"
+        && typeof settingsFace?.acceptView === "function"
+
+      const load = async (signal) => {
+        if (!available) return { kind: "unavailable" }
+
+        const [catalogResponse] = await Promise.all([
+          api.llm.discoverModels({ settingsNs: CODEX_SETTINGS_NS, provider: CODEX_PROVIDER }, signal),
+          settingsFace.ensure(),
+        ])
+        const discovered = discoveredModels(resultValue(catalogResponse).models)
+        const mirror = settingsFace.getSnapshot()
+        if (mirror?.status !== "ready" || mirror.view === undefined) return { kind: "unavailable" }
+        const settings = mirror.view
+        const namespace = Array.isArray(settings.namespaces)
+          ? settings.namespaces.find((entry) => entry?.ns === CODEX_SETTINGS_NS)
+          : undefined
+        if (namespace === undefined || typeof namespace.revision !== "number") return { kind: "unavailable" }
+
+        const modelsPath = [...CODEX_SETTINGS_PATH, "models"]
+        const userModelsValue = objectAtPath(namespace.user, modelsPath)
+        const resolvedModelsValue = objectAtPath(namespace.value, modelsPath)
+        const hasUserModelOverride = Array.isArray(userModelsValue)
+        const hasResolvedModelOverride = Array.isArray(resolvedModelsValue)
+        const configuredModels = hasUserModelOverride
+          ? modelRows(userModelsValue)
+          : hasResolvedModelOverride
+            ? modelRows(resolvedModelsValue)
+            : []
+        const hasModelOverride = hasUserModelOverride || hasResolvedModelOverride
+        const discoveredIds = new Set(discovered.map((model) => model.id))
+        const customModels = configuredModels
+          .filter((model) => !discoveredIds.has(model.id))
+          .map((model) => ({
+            id: model.id,
+            ...(typeof model.name === "string" && model.name.length > 0 ? { name: model.name } : {}),
+          }))
+        const catalog = [...discovered, ...customModels]
+        const configuredIds = new Set(configuredModels.map((model) => model.id))
+        const selectedIds = hasModelOverride
+          ? catalog.filter((model) => configuredIds.has(model.id)).map((model) => model.id)
+          : catalog.map((model) => model.id)
+
+        return {
+          kind: "ready",
+          writable: settings.writable === true,
+          revision: namespace.revision,
+          settingsNs: CODEX_SETTINGS_NS,
+          settingsPath: [...CODEX_SETTINGS_PATH],
+          models: catalog,
+          catalogIds: discovered.map((model) => model.id),
+          selectedIds,
+          configuredModels: configuredModels.map((model) => ({ ...model })),
+        }
+      }
+
+      const save = async (snapshot, selectedIds, signal) => {
+        if (!available || snapshot?.kind !== "ready") throw new Error("Codex model management is unavailable")
+        const plan = modelSavePlan(snapshot, selectedIds)
+        const { orderedSelected, models } = plan
+        if (orderedSelected.length === 0) {
+          const error = new Error("At least one Codex model must remain enabled")
+          error.code = "AT_LEAST_ONE_MODEL"
+          throw error
+        }
+
+        const modelsPath = [...snapshot.settingsPath, "models"]
+        const response = await api.settings.mutate({
+          ns: snapshot.settingsNs,
+          ops: [plan.unsetOverride
+            ? { op: "unset", path: modelsPath }
+            : { op: "set", path: modelsPath, value: models }],
+          expectedRevision: snapshot.revision,
+        }, signal)
+        const namespace = resultValue(response)
+        settingsFace.acceptView(namespace)
+        return {
+          ...snapshot,
+          revision: typeof namespace.revision === "number" ? namespace.revision : snapshot.revision,
+          selectedIds: orderedSelected,
+          configuredModels: plan.unsetOverride ? [] : models,
+        }
+      }
+
+      const subscribe = (listener) => available ? settingsFace.subscribe(listener) : () => undefined
+      return Object.freeze({ available, load, save, subscribe })
+    }
+
+    function AuthorizationSettings({ client, t }) {
+      const [snapshot, setSnapshot] = React.useState({ status: "loading" })
+      const [attempt, setAttempt] = React.useState(null)
+      const [notices, setNotices] = React.useState([])
+      const [prompt, setPrompt] = React.useState(null)
+      const [answer, setAnswer] = React.useState("")
+      const [outcome, setOutcome] = React.useState(null)
+      const [failure, setFailure] = React.useState(null)
+      const [responding, setResponding] = React.useState(false)
+      const [cancelling, setCancelling] = React.useState(false)
+      const [loggingOut, setLoggingOut] = React.useState(false)
+      const attemptRef = React.useRef(null)
+      const pendingStartRef = React.useRef(null)
+      const mountedRef = React.useRef(false)
+      const attemptGenerationRef = React.useRef(0)
+      const responseGenerationRef = React.useRef(0)
+      const refreshGenerationRef = React.useRef(0)
+      const refreshControllerRef = React.useRef(null)
+
+      const refresh = React.useCallback(async () => {
+        if (!mountedRef.current) return
+        const generation = ++refreshGenerationRef.current
+        refreshControllerRef.current?.abort()
+        const controller = new AbortController()
+        refreshControllerRef.current = controller
+        setSnapshot((current) => current.status === "ready" ? current : { status: "loading" })
+        try {
+          const value = await client.describe(controller.signal)
+          if (!mountedRef.current || generation !== refreshGenerationRef.current || controller.signal.aborted) return
+          setSnapshot({ status: "ready", value })
+        } catch {
+          if (!mountedRef.current || generation !== refreshGenerationRef.current || controller.signal.aborted) return
+          setSnapshot({ status: "error" })
+        } finally {
+          if (generation === refreshGenerationRef.current && refreshControllerRef.current === controller) {
+            refreshControllerRef.current = null
+          }
+        }
+      }, [client])
+
+      React.useEffect(() => {
+        mountedRef.current = true
+        void refresh()
+        const timer = typeof window.setInterval === "function"
+          ? window.setInterval(() => void refresh(), 60_000)
+          : undefined
+        return () => {
+          mountedRef.current = false
+          refreshGenerationRef.current += 1
+          refreshControllerRef.current?.abort()
+          refreshControllerRef.current = null
+          attemptGenerationRef.current += 1
+          responseGenerationRef.current += 1
+          pendingStartRef.current = null
+          const current = attemptRef.current
+          attemptRef.current = null
+          current?.controller.abort()
+          if (current !== null && !current.done) void client.cancel(current.id).catch(() => undefined)
+          if (timer !== undefined) window.clearInterval(timer)
+        }
+      }, [client])
+
+      const consume = async (current) => {
+        const isCurrent = () => mountedRef.current
+          && attemptGenerationRef.current === current.generation
+          && attemptRef.current === current
+          && !current.controller.signal.aborted
+        let after = 0
+        try {
+          while (isCurrent()) {
+            const page = await client.watch(current.id, after, current.controller.signal)
+            if (!isCurrent()) return
+            after = page.nextSeq
+            for (const event of page.events) {
+              if (!isCurrent()) return
+              if (event.type === "notice") {
+                setNotices((items) => [...items, event.notice].slice(-32))
+              } else if (event.type === "prompt") {
+                setAnswer("")
+                setPrompt({ id: event.promptId, value: event.prompt })
+              } else if (event.type === "prompt-closed") {
+                setPrompt((currentPrompt) => currentPrompt?.id === event.promptId ? null : currentPrompt)
+                setAnswer("")
+              } else if (event.type === "settled") {
+                current.done = true
+                responseGenerationRef.current += 1
+                setResponding(false)
+                setPrompt(null)
+                setFailure(null)
+                setOutcome(event.status)
+              } else if (event.type === "failed") {
+                current.done = true
+                responseGenerationRef.current += 1
+                setResponding(false)
+                setPrompt(null)
+                setOutcome(null)
+                setFailure(event.error.code)
+              }
+            }
+            if (page.done) {
+              current.done = true
+              break
+            }
+          }
+        } catch {
+          if (isCurrent()) setFailure("TRANSPORT")
+        } finally {
+          if (mountedRef.current
+            && attemptGenerationRef.current === current.generation
+            && attemptRef.current === current) {
+            attemptRef.current = null
+            setAttempt(null)
+            void refresh()
+          }
+        }
+      }
+
+      const begin = async (method) => {
+        if (!mountedRef.current
+          || pendingStartRef.current !== null
+          || attemptRef.current !== null
+          || cancelling
+          || loggingOut
+          || responding) return
+        const generation = ++attemptGenerationRef.current
+        const pending = { generation }
+        pendingStartRef.current = pending
+        setAttempt("starting")
+        setNotices([])
+        setPrompt(null)
+        setOutcome(null)
+        setFailure(null)
+        try {
+          const started = await client.start(method)
+          if (!mountedRef.current
+            || attemptGenerationRef.current !== generation
+            || pendingStartRef.current !== pending) {
+            void client.cancel(started.attemptId).catch(() => undefined)
+            return
+          }
+          pendingStartRef.current = null
+          const current = {
+            id: started.attemptId,
+            controller: new AbortController(),
+            generation,
+            done: false,
+          }
+          attemptRef.current = current
+          setAttempt(current.id)
+          void consume(current)
+        } catch {
+          if (!mountedRef.current
+            || attemptGenerationRef.current !== generation
+            || pendingStartRef.current !== pending) return
+          pendingStartRef.current = null
+          setAttempt(null)
+          setFailure("START_FAILED")
+          void refresh()
+        }
+      }
+
+      const cancel = async () => {
+        if (!mountedRef.current || cancelling || loggingOut || responding) return
+        const current = attemptRef.current
+        const generation = current?.generation ?? attemptGenerationRef.current
+        const isCurrentCancellation = () => mountedRef.current
+          && attemptGenerationRef.current === generation
+          && (current === null
+            ? attemptRef.current === null
+            : attemptRef.current === current && !current.done)
+        if (pendingStartRef.current !== null) {
+          attemptGenerationRef.current += 1
+          pendingStartRef.current = null
+          setAttempt(null)
+        }
+        setCancelling(true)
+        setFailure(null)
+        setOutcome(null)
+        try {
+          const result = await client.cancel(current?.id)
+          if (!mountedRef.current) return
+          if (current !== null
+            && isCurrentCancellation()
+            && result?.accepted === false
+            && result.reason === "commit-in-progress") {
+            setOutcome("commit-in-progress")
+          }
+          await refresh()
+        } catch {
+          if (isCurrentCancellation()) setFailure("CANCEL_FAILED")
+        } finally {
+          if (mountedRef.current) setCancelling(false)
+        }
+      }
+
+      const logout = async () => {
+        if (!mountedRef.current || loggingOut || cancelling || responding || attemptRef.current !== null || pendingStartRef.current !== null) return
+        if (typeof window.confirm === "function" && !window.confirm(t("confirmSignOut"))) return
+        setLoggingOut(true)
+        setFailure(null)
+        setOutcome(null)
+        try {
+          await client.logout()
+          if (!mountedRef.current) return
+          setNotices([])
+          setPrompt(null)
+          setAnswer("")
+          await refresh()
+        } catch {
+          if (mountedRef.current) setFailure("LOGOUT_FAILED")
+        } finally {
+          if (mountedRef.current) setLoggingOut(false)
+        }
+      }
+
+      const reply = async (action) => {
+        const current = attemptRef.current
+        if (!mountedRef.current || current === null || prompt === null || responding || cancelling || loggingOut) return
+        const generation = current.generation
+        const responseGeneration = ++responseGenerationRef.current
+        const promptId = prompt.id
+        const isCurrentResponse = () => mountedRef.current
+          && responseGenerationRef.current === responseGeneration
+        setResponding(true)
+        setFailure(null)
+        try {
+          if (action === "decline") await client.decline(current.id, prompt.id)
+          else await client.answer(current.id, prompt.id, answer)
+          if (!isCurrentResponse()
+            || attemptGenerationRef.current !== generation
+            || attemptRef.current !== current) return
+          setPrompt((currentPrompt) => currentPrompt?.id === promptId ? null : currentPrompt)
+          setAnswer("")
+        } catch {
+          if (isCurrentResponse()
+            && attemptGenerationRef.current === generation
+            && attemptRef.current === current) setFailure("RESPONSE_FAILED")
+        } finally {
+          if (isCurrentResponse()) setResponding(false)
+        }
+      }
+
+      if (snapshot.status === "loading") {
+        return h("section", { className: "dshCodexPanel dshCodexCard dshCodexAuthorizationCard", "aria-busy": "true" },
+          h("p", { className: "dshCodexMuted" }, t("loading")))
+      }
+      if (snapshot.status === "error") {
+        return h("section", { className: "dshCodexPanel dshCodexCard dshCodexAuthorizationCard" },
+          h("p", { role: "alert", className: "dshCodexError" }, t("requestFailed")),
+          h("button", { type: "button", className: "dshCodexButton", onClick: refresh }, t("refresh")))
+      }
+
+      const view = snapshot.value
+      const flow = view.flow
+      const authorizationBusy = attempt !== null || flow?.inFlight === true
+      const actionBusy = cancelling || loggingOut || responding
+      const configured = view.credential.configured === true
+      const credentialState = new Set(["signed-in", "signed-out", "invalid"])
+        .has(view.credential.state)
+        ? view.credential.state
+        : configured ? "signed-in" : "signed-out"
+      const signedIn = credentialState === "signed-in"
+      const statusText = loggingOut
+        ? t("signingOut")
+        : cancelling
+          ? t("cancelling")
+          : authorizationBusy
+            ? t("inProgress")
+            : credentialState === "invalid"
+              ? t("credentialInvalid")
+              : signedIn
+              ? t("signedIn")
+              : t("signedOut")
+      const quota = safeQuotaSnapshot(view.quota)
+      const statusTone = authorizationBusy || cancelling || loggingOut
+        ? "busy"
+        : credentialState === "invalid"
+          ? "invalid"
+          : signedIn
+            ? "active"
+            : "inactive"
+      const authorizationActions = flow === undefined
+        ? null
+        : h("div", { className: "dshCodexActions dshCodexAuthActions" },
+            ...flow.methods.map((method) => h("button", {
+              key: method.id,
+              type: "button",
+              className: configured ? "dshCodexButton" : "dshCodexButton dshCodexPrimary",
+              disabled: authorizationBusy || actionBusy || view.credential.writable === false,
+              onClick: () => void begin(method.id),
+            }, configured
+              ? t("signInAgain")
+              : flow.methods.length === 1
+                ? t("signInWithChatGPT")
+                : `${t("signIn")} · ${method.label}`)),
+            authorizationBusy ? h("button", {
+              type: "button",
+              className: "dshCodexButton",
+              disabled: actionBusy,
+              onClick: () => void cancel(),
+            }, t("cancel")) : null,
+            configured && !authorizationBusy ? h("button", {
+              type: "button",
+              className: "dshCodexButton",
+              disabled: actionBusy,
+              onClick: () => void logout(),
+            }, loggingOut ? t("signingOut") : t("signOut")) : null)
+
+      let quotaBody
+      if (quota.status === "recent-success") {
+        quotaBody = h(React.Fragment, null,
+          h("p", { className: "dshCodexQuotaState" }, `${t("quotaRecentSuccess")} · ${new Date(quota.observedAt).toLocaleString()}`),
+          h("p", { className: "dshCodexMuted" }, t("quotaSuccessCaution")))
+      } else if (quota.status === "exhausted") {
+        quotaBody = h(React.Fragment, null,
+          h("p", { className: "dshCodexQuotaState dshCodexQuotaExhausted" }, t("quotaExhausted")),
+          h("p", { className: "dshCodexMuted" }, `${t("quotaObservedAt")} · ${new Date(quota.observedAt).toLocaleString()}`),
+          quota.resetAt === undefined
+            ? h("p", { className: "dshCodexMuted" }, t("quotaNoReset"))
+            : h("p", { className: "dshCodexMuted" }, `${t("quotaResetAt")} · ${new Date(quota.resetAt).toLocaleString()} · ${t("quotaResetIn")} ${quota.remainingMinutes} ${t("quotaMinutes")}`))
+      } else {
+        quotaBody = h(React.Fragment, null,
+          h("p", { className: "dshCodexQuotaState dshCodexQuotaUnknown" }, t("quotaUnknown")),
+          h("p", { className: "dshCodexMuted" }, t("quotaUnknownHelp")))
+      }
+
+      return h("section", {
+        className: "dshCodexPanel dshCodexCard dshCodexAuthorizationCard",
+        "aria-busy": authorizationBusy || actionBusy ? "true" : undefined,
+      },
+        h("div", { className: "dshCodexAuthToolbar" },
+          h("div", {
+            className: "dshCodexStatus",
+            "data-state": statusTone,
+            role: "status",
+            "aria-live": "polite",
+          },
+          h("span", { className: "dshCodexStatusDot", "aria-hidden": "true" }),
+          h("strong", null, statusText)),
+          authorizationActions),
+        credentialState === "invalid"
+          ? h("p", { role: "alert", className: "dshCodexError" }, t("credentialInvalidHelp"))
+          : null,
+        flow === undefined
+          ? h("p", { role: "status", className: "dshCodexMuted" }, t("unavailable"))
+          : null,
+        view.credential.writable === false
+          ? h("p", { className: "dshCodexMuted" }, t("writableNo"))
+          : null,
+        notices.length > 0
+          ? h("ol", { className: "dshCodexNotices", "aria-live": "polite" },
+              ...notices.map((notice, index) => h("li", { key: `${index}-${notice.message}` },
+                h("p", null, notice.message),
+                notice.url === undefined ? null : h("a", {
+                  href: notice.url,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                }, t("openPage")),
+                notice.code === undefined ? null : h("div", { className: "dshCodexCode" },
+                  h("span", null, t("deviceCode")), h("code", null, notice.code)))))
+          : null,
+        prompt === null ? null : h("form", {
+          className: "dshCodexPrompt",
+          onSubmit: (event) => {
+            event.preventDefault()
+            void reply("answer")
+          },
+        },
+        h("label", null,
+          h("span", null, prompt.value.message),
+          prompt.value.kind === "select"
+            ? h("select", {
+                value: answer,
+                required: true,
+                onChange: (event) => setAnswer(event.currentTarget.value),
+              }, h("option", { value: "", disabled: true }, "—"),
+              ...prompt.value.options.map((option) => h("option", { key: option.id, value: option.id }, option.label)))
+            : h("input", {
+                type: prompt.value.kind === "secret" ? "password" : "text",
+                value: answer,
+                placeholder: prompt.value.placeholder,
+                autoComplete: "off",
+                required: true,
+                onChange: (event) => setAnswer(event.currentTarget.value),
+              })),
+        h("div", { className: "dshCodexActions" },
+          h("button", { type: "submit", className: "dshCodexButton dshCodexPrimary", disabled: actionBusy }, t("submit")),
+          h("button", { type: "button", className: "dshCodexButton", disabled: actionBusy, onClick: () => void reply("decline") }, t("decline")))),
+        outcome === "authorized" ? h("p", { role: "status", className: "dshCodexSuccess" }, t("authorized")) : null,
+        outcome === "cancelled" ? h("p", { role: "status", className: "dshCodexMuted" }, t("cancelled")) : null,
+        outcome === "commit-in-progress" ? h("p", { role: "status", className: "dshCodexMuted" }, t("commitInProgress")) : null,
+        failure === null ? null : h("p", { role: "alert", className: "dshCodexError", "data-error-code": failure }, t(failureCopyKey(failure))),
+        h("section", {
+          className: "dshCodexQuota",
+          "data-quota-status": quota.status,
+          "aria-live": "polite",
+          "aria-labelledby": "dsh-codex-quota-title",
+        },
+        h("div", { className: "dshCodexQuotaHeader" },
+          h("h3", { id: "dsh-codex-quota-title" }, t("quotaTitle")),
+          h("button", {
+            type: "button",
+            className: "dshCodexButton dshCodexRefreshButton",
+            disabled: actionBusy,
+            onClick: refresh,
+          }, t("refresh"))),
+        h("p", { className: "dshCodexQuotaProduct" }, t("quotaProduct")),
+        quotaBody))
+    }
+
+    function failureCopyKey(failure) {
+      if (failure === "CANCEL_FAILED") return "cancelFailed"
+      if (failure === "LOGOUT_FAILED") return "logoutFailed"
+      if (failure === "RESPONSE_FAILED") return "responseFailed"
+      return "failed"
+    }
+
+    function ModelEnablementSettings({ client, t }) {
+      const [snapshot, setSnapshot] = React.useState(client.available ? { kind: "loading" } : { kind: "unavailable" })
+      const [selectedIds, setSelectedIds] = React.useState([])
+      const [saving, setSaving] = React.useState(false)
+      const [saved, setSaved] = React.useState(false)
+      const [failure, setFailure] = React.useState(null)
+      const generationRef = React.useRef(0)
+      const mountedRef = React.useRef(false)
+
+      const refresh = React.useCallback(async () => {
+        const generation = ++generationRef.current
+        setSaved(false)
+        setFailure(null)
+        setSnapshot({ kind: "loading" })
+        try {
+          const next = await client.load()
+          if (generation !== generationRef.current) return
+          setSnapshot(next)
+          setSelectedIds(next.kind === "ready" ? next.selectedIds : [])
+        } catch (error) {
+          if (generation !== generationRef.current) return
+          const detail = error instanceof Error ? error.message : String(error)
+          setSnapshot({ kind: "error", detail })
+        }
+      }, [client])
+
+      React.useEffect(() => {
+        mountedRef.current = true
+        const unsubscribe = client.subscribe(() => void refresh())
+        if (client.available) void refresh()
+        return () => {
+          mountedRef.current = false
+          generationRef.current += 1
+          unsubscribe()
+        }
+      }, [client, refresh])
+
+      const toggle = (id) => {
+        const selected = selectedIds.includes(id)
+        if (selected && selectedIds.length === 1) {
+          setFailure(t("modelsAtLeastOne"))
+          return
+        }
+        setSaved(false)
+        setFailure(null)
+        setSelectedIds(selected
+          ? selectedIds.filter((candidate) => candidate !== id)
+          : [...selectedIds, id])
+      }
+
+      const save = async () => {
+        if (!mountedRef.current || snapshot.kind !== "ready") return
+        if (selectedIds.length === 0) {
+          setFailure(t("modelsAtLeastOne"))
+          return
+        }
+        setSaving(true)
+        setSaved(false)
+        setFailure(null)
+        try {
+          const next = await client.save(snapshot, selectedIds)
+          if (!mountedRef.current) return
+          setSnapshot(next)
+          setSelectedIds(next.selectedIds)
+          setSaved(true)
+        } catch (error) {
+          if (!mountedRef.current) return
+          const message = error?.code === "AT_LEAST_ONE_MODEL"
+            ? t("modelsAtLeastOne")
+            : `${t("modelsSaveFailed")} ${error instanceof Error ? error.message : String(error)}`
+          setFailure(message)
+        } finally {
+          if (mountedRef.current) setSaving(false)
+        }
+      }
+
+      let content
+      if (snapshot.kind === "loading") {
+        content = h("p", { className: "dshCodexMuted", "aria-busy": "true" }, t("modelsLoading"))
+      } else if (snapshot.kind === "unavailable") {
+        content = h(React.Fragment, null,
+          h("p", { role: "status", className: "dshCodexMuted" }, t("modelsUnavailable")),
+          client.available ? h("button", { type: "button", className: "dshCodexButton", onClick: refresh }, t("modelsRetry")) : null)
+      } else if (snapshot.kind === "error") {
+        content = h(React.Fragment, null,
+          h("p", { role: "alert", className: "dshCodexError" }, `${t("modelsLoadFailed")} ${snapshot.detail}`),
+          h("button", { type: "button", className: "dshCodexButton", onClick: refresh }, t("modelsRetry")))
+      } else if (snapshot.models.length === 0) {
+        content = h(React.Fragment, null,
+          h("p", { role: "status", className: "dshCodexMuted" }, t("modelsEmpty")),
+          h("button", { type: "button", className: "dshCodexButton", onClick: refresh }, t("modelsRetry")))
+      } else {
+        const selected = new Set(selectedIds)
+        const original = new Set(snapshot.selectedIds)
+        const dirty = selected.size !== original.size || [...selected].some((id) => !original.has(id))
+        const plan = modelSavePlan(snapshot, selectedIds)
+        const modelItems = snapshot.models.map((model) => h("li", { key: model.id },
+          h("label", {
+            className: "dshCodexModelOption",
+            "data-selected": selected.has(model.id) ? "true" : undefined,
+          },
+            h("input", {
+              type: "checkbox",
+              checked: selected.has(model.id),
+              disabled: saving || !snapshot.writable,
+              onChange: () => toggle(model.id),
+            }),
+            h("span", null,
+              h("strong", null, model.name ?? model.id),
+              model.name === undefined || model.name === model.id ? null : h("code", null, model.id)))))
+        content = h(React.Fragment, null,
+          snapshot.writable ? null : h("p", { className: "dshCodexMuted" }, t("modelsReadOnly")),
+          h("ul", {
+            className: "dshCodexModelList",
+            "aria-labelledby": "dsh-codex-models-title",
+          }, ...modelItems),
+          plan.allCatalogSelected ? h("p", { className: "dshCodexMuted" }, t(plan.unsetOverride
+            ? "modelsAllEnabledFollow"
+            : "modelsAllEnabledPreserve")) : null,
+          h("div", { className: "dshCodexActions dshCodexModelActions" },
+            h("button", {
+              type: "button",
+              className: "dshCodexButton dshCodexPrimary",
+              disabled: saving || !snapshot.writable || selected.size === 0 || !dirty,
+              onClick: () => void save(),
+            }, saving ? t("modelsSaving") : t("modelsSave")),
+            h("button", {
+              type: "button",
+              className: "dshCodexButton",
+              disabled: saving,
+              onClick: () => void refresh(),
+            }, t("modelsRetry"))),
+          saved ? h("p", { role: "status", className: "dshCodexSuccess" }, t("modelsSaved")) : null,
+          failure === null ? null : h("p", { role: "alert", className: "dshCodexError" }, failure))
+      }
+
+      return h("section", { className: "dshCodexPanel dshCodexCard dshCodexModelPanel" },
+        h("header", { className: "dshCodexHeader" },
+          h("div", null,
+            h("h3", { id: "dsh-codex-models-title" }, t("modelsTitle")),
+            h("p", { className: "dshCodexWarning" }, t("modelsDescription")))),
+        content)
+    }
+
+    function CodexSettings({ client, modelClient, t }) {
+      return h("div", { className: "dshCodexPage" },
+        h("header", { className: "dshCodexHero" },
+          h("h2", null, t("title")),
+          h("p", null, t("description"))),
+        h(AuthorizationSettings, { client, t }),
+        h(ModelEnablementSettings, { client: modelClient, t }))
+    }
+
+    const inject = ["slots", "locale", "connection", "settingsScope"]
+
+    function apply(ctx) {
+      ctx.effect(installStyle, "dsh-codex: client styles")
+      ctx.effect(() => ctx.locale.register(NS, { zh, en }), "dsh-codex: client dictionaries")
+      const t = ctx.locale.bind(NS)
+      const client = createAuthorizationClient(ctx.connection)
+      const modelClient = createModelEnablementClient(ctx.connection, ctx.settingsScope?.describe?.())
+      ctx.slots.inject("settings.section", () => ctx.slots.register({
+        name: "settings.section",
+        id: "codex",
+        order: 15,
+        label: () => t("nav"),
+        locale: NS,
+        inject: () => ({ client, modelClient, t }),
+      }, CodexSettings))
+    }
+
+    function installStyle() {
+      if (typeof document === "undefined") return undefined
+      let style = document.querySelector(`style[data-plugin-css="${STYLE_ID}"]`)
+      if (style === null) {
+        style = document.createElement("style")
+        style.dataset.plugin = "dsh-codex-community"
+        style.dataset.pluginCss = STYLE_ID
+        document.head.appendChild(style)
+      }
+      style.textContent = [
+        "[role=dialog]:has(.dshCodexPage){width:min(1180px,calc(100vw - 48px))}",
+        ".dshCodexPage{box-sizing:border-box;display:flex;width:100%;max-width:1120px;min-width:0;flex-direction:column;gap:28px;padding:6px 0 40px;color:var(--dsw-alias-label-primary)}",
+        ".dshCodexPage *{box-sizing:border-box}",
+        ".dshCodexHero{display:flex;min-width:0;flex-direction:column;gap:8px}",
+        ".dshCodexHero h2,.dshCodexHero p{margin:0}",
+        ".dshCodexHero h2{font-size:16px;font-weight:500;line-height:24px}",
+        ".dshCodexHero p{max-width:760px;color:var(--dsw-alias-label-tertiary);font-size:14px;line-height:22px}",
+        ".dshCodexPanel{display:flex;width:100%;min-width:0;max-width:none;color:var(--dsw-alias-label-primary);flex-direction:column;gap:18px}",
+        ".dshCodexPanel p,.dshCodexPanel label{overflow-wrap:anywhere;word-break:break-word}",
+        ".dshCodexCard{border:1px solid var(--dsw-alias-border-l2);border-radius:18px;background:var(--dsw-alias-bg-module-platform,var(--dsw-alias-bg-layer-3));padding:clamp(24px,3vw,34px)}",
+        ".dshCodexHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}",
+        ".dshCodexHeader>div{min-width:0}",
+        ".dshCodexHeader h3,.dshCodexHeader p,.dshCodexNotices p,.dshCodexQuota p{margin:0}",
+        ".dshCodexHeader h3{font-size:16px;font-weight:500;line-height:24px}",
+        ".dshCodexAuthToolbar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:18px}",
+        ".dshCodexStatus{display:flex;min-width:0;align-items:center;gap:10px;font-size:14px;line-height:22px}",
+        ".dshCodexStatus strong{font-weight:500;white-space:nowrap}",
+        ".dshCodexStatusDot{width:11px;height:11px;flex:none;border-radius:50%;background:var(--dsw-alias-label-tertiary)}",
+        ".dshCodexStatus[data-state=active] .dshCodexStatusDot{background:var(--dsw-alias-state-success-primary)}",
+        ".dshCodexStatus[data-state=invalid] .dshCodexStatusDot{background:var(--dsw-alias-state-error-primary)}",
+        ".dshCodexStatus[data-state=busy] .dshCodexStatusDot{background:var(--dsw-alias-state-business-primary)}",
+        ".dshCodexQuota{display:flex;min-width:0;flex-direction:column;gap:10px;border-top:1px solid var(--dsw-alias-border-l2);padding-top:24px}",
+        ".dshCodexQuotaHeader{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}",
+        ".dshCodexQuota h3{margin:0;font-size:16px;font-weight:500;line-height:24px}",
+        ".dshCodexQuotaProduct{font-size:14px;font-weight:500;line-height:22px}",
+        ".dshCodexQuotaState{display:flex;align-items:center;gap:8px;font-size:14px;line-height:22px}",
+        ".dshCodexQuotaState::before{width:8px;height:8px;flex:none;border-radius:50%;background:var(--dsw-alias-state-success-primary);content:\"\"}",
+        ".dshCodexQuotaUnknown::before{background:var(--dsw-alias-label-tertiary)}",
+        ".dshCodexQuotaExhausted::before{background:var(--dsw-alias-state-error-primary)}",
+        ".dshCodexQuotaExhausted{color:var(--dsw-alias-state-error-primary)}",
+        ".dshCodexMuted{color:var(--dsw-alias-label-tertiary);font-size:14px;line-height:22px}",
+        ".dshCodexWarning{max-width:820px;color:var(--dsw-alias-label-secondary);font-size:14px;line-height:22px}",
+        ".dshCodexActions{display:flex;min-width:0;flex-wrap:wrap;gap:8px}",
+        ".dshCodexAuthActions{margin-left:auto;justify-content:flex-end}",
+        ".dshCodexAuthActions .dshCodexButton{height:36px;min-height:36px;border-radius:18px;padding:0 14px;font-size:14px;line-height:22px}",
+        ".dshCodexQuotaHeader .dshCodexRefreshButton{min-height:28px;border:none;border-radius:14px;background:transparent;color:var(--dsw-alias-label-tertiary);padding:0 10px;font-size:12px;line-height:18px}",
+        ".dshCodexButton{box-sizing:border-box;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;padding:8px 14px;transition:background-color .15s ease,border-color .15s ease}",
+        ".dshCodexButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))}",
+        ".dshCodexButton:focus-visible,.dshCodexModelOption:has(input:focus-visible){outline:2px solid var(--dsw-alias-brand-primary,var(--dsw-alias-border-l3));outline-offset:2px}",
+        ".dshCodexButton:disabled{cursor:not-allowed;opacity:.5}",
+        ".dshCodexPrimary{border-color:var(--dsw-alias-button-primary-fill,var(--dsw-alias-state-business-primary));background:var(--dsw-alias-button-primary-fill,var(--dsw-alias-state-business-primary));color:var(--dsw-alias-label-primary-foreground,#fff)}",
+        ".dshCodexPrimary:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover,var(--dsw-alias-state-business-primary))}",
+        ".dshCodexModelList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:8px;margin:0;padding:0;list-style:none}",
+        ".dshCodexModelOption{display:flex;min-width:0;align-items:flex-start;gap:12px;border-radius:10px;padding:10px 8px;cursor:pointer;transition:background-color .15s ease}",
+        ".dshCodexModelOption:hover{background:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))}",
+        ".dshCodexModelOption:has(input:disabled){cursor:not-allowed;opacity:.65}",
+        ".dshCodexModelOption:has(input:disabled):hover{background:transparent}",
+        ".dshCodexModelOption input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:var(--dsw-alias-state-business-primary)}",
+        ".dshCodexModelOption span{display:flex;min-width:0;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:2px}",
+        ".dshCodexModelOption strong{overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:22px}",
+        ".dshCodexModelOption code{overflow-wrap:anywhere;color:var(--dsw-alias-label-tertiary);font-family:inherit;font-size:12px;line-height:18px}",
+        ".dshCodexModelActions{justify-content:flex-end;border-top:1px solid var(--dsw-alias-border-l2);padding-top:20px}",
+        ".dshCodexNotices{display:flex;min-width:0;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}",
+        ".dshCodexNotices li,.dshCodexPrompt{box-sizing:border-box;min-width:0;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-1);padding:14px 16px}",
+        ".dshCodexNotices a{display:inline-block;max-width:100%;margin-top:8px;color:var(--dsw-alias-state-business-primary)}",
+        ".dshCodexCode{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;color:var(--dsw-alias-label-secondary);font-size:12px}",
+        ".dshCodexCode code{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-all;color:var(--dsw-alias-label-primary);font-family:inherit;font-size:14px;line-height:22px;user-select:all}",
+        ".dshCodexPrompt{display:flex;flex-direction:column;gap:12px}",
+        ".dshCodexPrompt label{display:flex;min-width:0;flex-direction:column;gap:8px}",
+        ".dshCodexPrompt input,.dshCodexPrompt select{box-sizing:border-box;width:100%;min-width:0;height:38px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;padding:0 10px}",
+        ".dshCodexError{margin:0;color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:18px}",
+        ".dshCodexSuccess{margin:0;color:var(--dsw-alias-state-success-primary);font-size:12px;line-height:18px}",
+        "@media(max-width:760px){.dshCodexCard{padding:24px}.dshCodexModelList{grid-template-columns:1fr}.dshCodexModelActions{justify-content:flex-start}}",
+        "@media(max-width:640px){.dshCodexAuthToolbar,.dshCodexHeader{align-items:stretch;flex-direction:column}.dshCodexAuthActions{margin-left:0;justify-content:flex-start}}",
+        "@media(max-width:480px){[role=dialog]:has(.dshCodexPage){flex-direction:column}[role=dialog]:has(.dshCodexPage)>nav{box-sizing:border-box;width:100%;height:auto;flex:none;gap:0;overflow:hidden;padding:10px 12px 8px}[role=dialog]:has(.dshCodexPage)>nav>div:first-child{display:none}[role=dialog]:has(.dshCodexPage)>nav>div:last-child{display:flex;width:100%;flex-direction:row;gap:4px;overflow-x:auto;padding-bottom:2px}[role=dialog]:has(.dshCodexPage)>nav>div:last-child>*{flex:none}[role=dialog]:has(.dshCodexPage)>:not(nav){width:100%;min-width:0;min-height:0;overflow:hidden;flex:1 1 0%}.dshCodexPage{gap:20px;padding:0 0 28px}.dshCodexCard{border-radius:14px;padding:18px}.dshCodexActions{align-items:stretch;flex-direction:column}.dshCodexButton{width:100%}}",
+      ].join("")
+      const references = style[STYLE_REF_KEY]
+      style[STYLE_REF_KEY] = Number.isSafeInteger(references) && references > 0
+        ? references + 1
+        : 1
+      let active = true
+      return () => {
+        if (!active) return
+        active = false
+        const remaining = style[STYLE_REF_KEY]
+        if (Number.isSafeInteger(remaining) && remaining > 1) {
+          style[STYLE_REF_KEY] = remaining - 1
+          return
+        }
+        delete style[STYLE_REF_KEY]
+        if (typeof style.remove === "function") style.remove()
+        else style.parentNode?.removeChild(style)
+      }
+    }
+
+    exports.AuthorizationSettings = AuthorizationSettings
+    exports.CHANNEL = CHANNEL
+    exports.CODEX_PROVIDER = CODEX_PROVIDER
+    exports.CodexSettings = CodexSettings
+    exports.ModelEnablementSettings = ModelEnablementSettings
+    exports.NS = NS
+    exports.apply = apply
+    exports.createAuthorizationClient = createAuthorizationClient
+    exports.createModelEnablementClient = createModelEnablementClient
+    exports.inject = inject
+    exports.safeQuotaSnapshot = safeQuotaSnapshot
+    return module.exports
+  },
+})