codexmate 0.0.43 → 0.0.44

package/web-ui/res/web-ui-render.precompiled.js

@@ -1,11 +1,39 @@
 window.__CODEXMATE_WEB_UI_RENDER__ = (() => {
-const { toDisplayString: _toDisplayString, normalizeClass: _normalizeClass, createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode, createTextVNode: _createTextVNode, Fragment: _Fragment, renderList: _renderList, vShow: _vShow, withDirectives: _withDirectives, vModelSelect: _vModelSelect, vModelText: _vModelText, withKeys: _withKeys, withModifiers: _withModifiers, isMemoSame: _isMemoSame, withMemo: _withMemo, normalizeStyle: _normalizeStyle, vModelDynamic: _vModelDynamic, vModelCheckbox: _vModelCheckbox } = Vue
+const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode, createTextVNode: _createTextVNode, createElementVNode: _createElementVNode, normalizeClass: _normalizeClass, Fragment: _Fragment, renderList: _renderList, vShow: _vShow, withDirectives: _withDirectives, vModelSelect: _vModelSelect, vModelText: _vModelText, withKeys: _withKeys, withModifiers: _withModifiers, isMemoSame: _isMemoSame, withMemo: _withMemo, normalizeStyle: _normalizeStyle, vModelDynamic: _vModelDynamic, vModelCheckbox: _vModelCheckbox } = Vue
 
 return function render(_ctx, _cache) {
   return (_openBlock(), _createElementBlock(_Fragment, null, [
     (!_ctx.sessionStandalone)
       ? (_openBlock(), _createElementBlock("div", {
           key: 0,
+          class: "mobile-brand-bar"
+        }, [
+          _createElementVNode("div", { class: "mobile-brand-title" }, [
+            _createTextVNode("Codex Mate"),
+            (_ctx.appVersion)
+              ? (_openBlock(), _createElementBlock("span", {
+                  key: 0,
+                  class: "brand-version"
+                }, " v" + _toDisplayString(_ctx.appVersion), 1 /* TEXT */))
+              : _createCommentVNode("v-if", true)
+          ]),
+          (_ctx.isAppVersionStatusVisible())
+            ? (_openBlock(), _createElementBlock("button", {
+                key: 0,
+                type: "button",
+                class: _normalizeClass(['mobile-update-chip', 'mobile-update-chip--' + _ctx.appVersionStatusKind()]),
+                title: _ctx.appVersionStatusTitle(),
+                onClick: _ctx.handleAppVersionStatusClick
+              }, [
+                _createElementVNode("span", { class: "side-update-dot" }),
+                _createElementVNode("span", { class: "mobile-update-text" }, _toDisplayString(_ctx.appUpdateNoticeText()), 1 /* TEXT */)
+              ], 10 /* CLASS, PROPS */, ["title", "onClick"]))
+            : _createCommentVNode("v-if", true)
+        ]))
+      : _createCommentVNode("v-if", true),
+    (!_ctx.sessionStandalone)
+      ? (_openBlock(), _createElementBlock("div", {
+          key: 1,
           class: "top-tabs",
           role: "tablist",
           "aria-label": _ctx.t('nav.topTabs.aria')
@@ -126,7 +154,7 @@ return function render(_ctx, _cache) {
       : _createCommentVNode("v-if", true),
     (!_ctx.sessionStandalone)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 1,
+          key: 2,
           class: "lang-fab"
         }, [
           _createElementVNode("button", {
@@ -163,7 +191,22 @@ return function render(_ctx, _cache) {
                       : _createCommentVNode("v-if", true)
                   ])
                 ])
-              ])
+              ]),
+              (_ctx.isAppVersionStatusVisible())
+                ? (_openBlock(), _createElementBlock("button", {
+                    key: 0,
+                    type: "button",
+                    class: _normalizeClass(['side-update-notice', 'side-update-notice--' + _ctx.appVersionStatusKind()]),
+                    title: _ctx.appVersionStatusTitle(),
+                    onClick: _ctx.handleAppVersionStatusClick
+                  }, [
+                    _createElementVNode("span", { class: "side-update-dot" }),
+                    _createElementVNode("span", { class: "side-update-copy" }, [
+                      _createElementVNode("span", { class: "side-update-title" }, _toDisplayString(_ctx.appUpdateNoticeText()), 1 /* TEXT */),
+                      _createElementVNode("span", { class: "side-update-meta" }, _toDisplayString(_ctx.appUpdateNoticeMeta()), 1 /* TEXT */)
+                    ])
+                  ], 10 /* CLASS, PROPS */, ["title", "onClick"]))
+                : _createCommentVNode("v-if", true)
             ]),
             _createElementVNode("div", { class: "side-rail-nav" }, [
               _createElementVNode("div", {
@@ -958,6 +1001,7 @@ return function render(_ctx, _cache) {
                     _createElementVNode("label", { class: "settings-toggle-row tool-config-write-toggle" }, [
                       _createElementVNode("input", {
                         type: "checkbox",
+                        autocomplete: "off",
                         checked: _ctx.isToolConfigWriteAllowed('codex'),
                         disabled: _ctx.toolConfigPermissionSaving.codex,
                         onChange: $event => (_ctx.setToolConfigPermission('codex', $event.target.checked))
@@ -1583,6 +1627,7 @@ return function render(_ctx, _cache) {
                     _createElementVNode("label", { class: "settings-toggle-row tool-config-write-toggle" }, [
                       _createElementVNode("input", {
                         type: "checkbox",
+                        autocomplete: "off",
                         checked: _ctx.isToolConfigWriteAllowed('claude'),
                         disabled: _ctx.toolConfigPermissionSaving.claude,
                         onChange: $event => (_ctx.setToolConfigPermission('claude', $event.target.checked))
@@ -1905,13 +1950,33 @@ return function render(_ctx, _cache) {
                             "aria-current": _ctx.currentClaudeConfig === name ? 'true' : null
                           }, [
                             _createElementVNode("div", { class: "card-leading" }, [
-                              _createElementVNode("div", { class: "card-icon" }, _toDisplayString(name.charAt(0).toUpperCase()), 1 /* TEXT */),
+                              _createElementVNode("div", { class: "card-icon" }, [
+                                _createTextVNode(_toDisplayString(name.charAt(0).toUpperCase()), 1 /* TEXT */),
+                                (config.targetApi === 'chat_completions' || config.targetApi === 'ollama')
+                                  ? (_openBlock(), _createElementBlock("span", {
+                                      key: 0,
+                                      class: "card-icon-dot",
+                                      title: _ctx.t('config.transformProvider.title')
+                                    }, null, 8 /* PROPS */, ["title"]))
+                                  : _createCommentVNode("v-if", true)
+                              ]),
                               _createElementVNode("div", { class: "card-content" }, [
                                 _createElementVNode("div", { class: "card-title" }, _toDisplayString(name), 1 /* TEXT */),
                                 _createElementVNode("div", { class: "card-subtitle card-subtitle-model" }, _toDisplayString(config.model || _ctx.t('claude.model.unset')), 1 /* TEXT */),
-                                (config.baseUrl)
+                                (config.targetApi === 'chat_completions')
                                   ? (_openBlock(), _createElementBlock("div", {
                                       key: 0,
+                                      class: "card-subtitle"
+                                    }, _toDisplayString(_ctx.t('claude.targetApi.chatCompletionsBadge')), 1 /* TEXT */))
+                                  : (config.targetApi === 'ollama')
+                                    ? (_openBlock(), _createElementBlock("div", {
+                                        key: 1,
+                                        class: "card-subtitle"
+                                      }, _toDisplayString(_ctx.t('claude.targetApi.ollamaBadge')), 1 /* TEXT */))
+                                    : _createCommentVNode("v-if", true),
+                                (config.baseUrl)
+                                  ? (_openBlock(), _createElementBlock("div", {
+                                      key: 2,
                                       class: "card-subtitle card-subtitle-url"
                                     }, _toDisplayString(config.baseUrl), 1 /* TEXT */))
                                   : _createCommentVNode("v-if", true)
@@ -5320,7 +5385,7 @@ return function render(_ctx, _cache) {
     _createCommentVNode(" 添加提供商模态框 "),
     (_ctx.showAddModal)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 2,
+          key: 3,
           class: "modal-overlay",
           onClick: _withModifiers(_ctx.closeAddModal, ["self"])
         }, [
@@ -5477,7 +5542,7 @@ return function render(_ctx, _cache) {
     _createCommentVNode(" 编辑提供商模态框 "),
     (_ctx.showEditModal)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 3,
+          key: 4,
           class: "modal-overlay",
           onClick: _withModifiers(_ctx.closeEditModal, ["self"])
         }, [
@@ -5589,7 +5654,7 @@ return function render(_ctx, _cache) {
     _createCommentVNode(" 添加模型模态框 "),
     (_ctx.showModelModal)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 4,
+          key: 5,
           class: "modal-overlay",
           onClick: _withModifiers(_ctx.closeModelModal, ["self"])
         }, [
@@ -5629,7 +5694,7 @@ return function render(_ctx, _cache) {
     _createCommentVNode(" 模型列表模态框 "),
     (_ctx.showModelListModal)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 5,
+          key: 6,
           class: "modal-overlay",
           onClick: _withModifiers($event => (_ctx.showModelListModal = false), ["self"])
         }, [
@@ -5670,7 +5735,7 @@ return function render(_ctx, _cache) {
     _createCommentVNode(" 添加Claude配置模态框 "),
     (_ctx.showClaudeConfigModal)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 6,
+          key: 7,
           class: "modal-overlay",
           onClick: _withModifiers(_ctx.closeClaudeConfigModal, ["self"])
         }, [
@@ -5791,6 +5856,20 @@ return function render(_ctx, _cache) {
                   }, _toDisplayString(_ctx.claudeConfigFieldError('add', 'model')), 1 /* TEXT */))
                 : _createCommentVNode("v-if", true)
             ]),
+            _createElementVNode("div", { class: "form-group" }, [
+              _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('claude.targetApi.label')), 1 /* TEXT */),
+              _withDirectives(_createElementVNode("select", {
+                "onUpdate:modelValue": $event => ((_ctx.newClaudeConfig.targetApi) = $event),
+                class: "form-input"
+              }, [
+                _createElementVNode("option", { value: "responses" }, _toDisplayString(_ctx.t('claude.targetApi.responses')), 1 /* TEXT */),
+                _createElementVNode("option", { value: "chat_completions" }, _toDisplayString(_ctx.t('claude.targetApi.chatCompletions')), 1 /* TEXT */),
+                _createElementVNode("option", { value: "ollama" }, _toDisplayString(_ctx.t('claude.targetApi.ollama')), 1 /* TEXT */)
+              ], 8 /* PROPS */, ["onUpdate:modelValue"]), [
+                [_vModelSelect, _ctx.newClaudeConfig.targetApi]
+              ]),
+              _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('claude.targetApi.hint')), 1 /* TEXT */)
+            ]),
             _createElementVNode("div", { class: "btn-group" }, [
               _createElementVNode("button", {
                 class: "btn btn-cancel",
@@ -5808,7 +5887,7 @@ return function render(_ctx, _cache) {
     _createCommentVNode(" 编辑Claude配置模态框 "),
     (_ctx.showEditConfigModal)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 7,
+          key: 8,
           class: "modal-overlay",
           onClick: _withModifiers(_ctx.closeEditConfigModal, ["self"])
         }, [
@@ -5930,6 +6009,20 @@ return function render(_ctx, _cache) {
                   }, _toDisplayString(_ctx.claudeConfigFieldError('edit', 'model')), 1 /* TEXT */))
                 : _createCommentVNode("v-if", true)
             ]),
+            _createElementVNode("div", { class: "form-group" }, [
+              _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('claude.targetApi.label')), 1 /* TEXT */),
+              _withDirectives(_createElementVNode("select", {
+                "onUpdate:modelValue": $event => ((_ctx.editingConfig.targetApi) = $event),
+                class: "form-input"
+              }, [
+                _createElementVNode("option", { value: "responses" }, _toDisplayString(_ctx.t('claude.targetApi.responses')), 1 /* TEXT */),
+                _createElementVNode("option", { value: "chat_completions" }, _toDisplayString(_ctx.t('claude.targetApi.chatCompletions')), 1 /* TEXT */),
+                _createElementVNode("option", { value: "ollama" }, _toDisplayString(_ctx.t('claude.targetApi.ollama')), 1 /* TEXT */)
+              ], 8 /* PROPS */, ["onUpdate:modelValue"]), [
+                [_vModelSelect, _ctx.editingConfig.targetApi]
+              ]),
+              _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('claude.targetApi.hint')), 1 /* TEXT */)
+            ]),
             _createElementVNode("div", { class: "btn-group" }, [
               _createElementVNode("button", {
                 class: "btn btn-cancel",
@@ -5947,7 +6040,7 @@ return function render(_ctx, _cache) {
     _createCommentVNode(" Codex bridge pool modal "),
     (_ctx.showCodexBridgePoolModal)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 8,
+          key: 9,
           class: "modal-overlay",
           onClick: _withModifiers($event => (_ctx.showCodexBridgePoolModal = false), ["self"])
         }, [
@@ -6040,7 +6133,7 @@ return function render(_ctx, _cache) {
       : _createCommentVNode("v-if", true),
     (_ctx.showClaudeBridgePoolModal)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 9,
+          key: 10,
           class: "modal-overlay",
           onClick: _withModifiers($event => (_ctx.showClaudeBridgePoolModal = false), ["self"])
         }, [
@@ -6134,7 +6227,7 @@ return function render(_ctx, _cache) {
     _createCommentVNode(" Webhook settings modal "),
     (_ctx.showWebhookModal)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 10,
+          key: 11,
           class: "modal-overlay",
           onClick: _withModifiers(_ctx.closeWebhookModal, ["self"])
         }, [
@@ -6207,7 +6300,7 @@ return function render(_ctx, _cache) {
       : _createCommentVNode("v-if", true),
     (_ctx.showOpenclawConfigModal)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 11,
+          key: 12,
           class: "modal-overlay",
           onClick: _withModifiers($event => (!(_ctx.openclawSaving || _ctx.openclawApplying) && _ctx.closeOpenclawConfigModal()), ["self"])
         }, [
@@ -6919,7 +7012,7 @@ return function render(_ctx, _cache) {
       : _createCommentVNode("v-if", true),
     (_ctx.showConfigTemplateModal)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 12,
+          key: 13,
           class: "modal-overlay",
           onClick: _withModifiers($event => (!_ctx.configTemplateApplying && _ctx.closeConfigTemplateModal()), ["self"])
         }, [
@@ -7064,7 +7157,7 @@ return function render(_ctx, _cache) {
       : _createCommentVNode("v-if", true),
     (_ctx.showAgentsModal)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 13,
+          key: 14,
           class: "modal-overlay",
           onClick: _withModifiers(_ctx.closeAgentsModal, ["self"])
         }, [
@@ -7232,7 +7325,7 @@ return function render(_ctx, _cache) {
       : _createCommentVNode("v-if", true),
     (_ctx.showSkillsModal)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 14,
+          key: 15,
           class: "modal-overlay",
           onClick: _withModifiers(_ctx.closeSkillsModal, ["self"])
         }, [
@@ -7530,7 +7623,7 @@ return function render(_ctx, _cache) {
     }, null, 40 /* PROPS, NEED_HYDRATION */, ["onChange"]),
     (_ctx.showHealthCheckModal)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 15,
+          key: 16,
           class: "modal-overlay",
           onClick: _withModifiers($event => (_ctx.showHealthCheckModal = false), ["self"])
         }, [
@@ -7621,7 +7714,7 @@ return function render(_ctx, _cache) {
       : _createCommentVNode("v-if", true),
     (_ctx.showConfirmDialog)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 16,
+          key: 17,
           class: "modal-overlay",
           onClick: _withModifiers(_ctx.closeConfirmDialog, ["self"])
         }, [
@@ -7659,7 +7752,7 @@ return function render(_ctx, _cache) {
     _createCommentVNode(" Toast "),
     (_ctx.message)
       ? (_openBlock(), _createElementBlock("div", {
-          key: 17,
+          key: 18,
           class: _normalizeClass(['toast', _ctx.messageType]),
           role: "status",
           "aria-live": "polite",

package/web-ui/styles/controls-forms.css

@@ -483,16 +483,16 @@
 }
 
 .tool-config-write-overlay {
-    position: absolute;
+    position: fixed;
     inset: 0;
-    z-index: 20;
+    z-index: 90;
     display: flex;
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
-    min-height: 360px;
-    padding: 16px;
-    border-radius: 18px;
+    min-height: 100dvh;
+    padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
+    border-radius: 0;
     background: rgba(247, 240, 233, 0.78);
     background: color-mix(in srgb, var(--color-bg) 68%, transparent);
     backdrop-filter: blur(2px);

package/web-ui/styles/layout-shell.css

@@ -507,6 +507,151 @@ body::after {
     -webkit-text-fill-color: #8e8e93;
 }
 
+.mobile-brand-bar {
+    display: none;
+}
+
+.mobile-brand-title {
+    min-width: 0;
+    font-size: 15px;
+    font-weight: 760;
+    letter-spacing: -0.02em;
+    color: var(--color-text-primary);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.mobile-update-chip {
+    min-width: 0;
+    max-width: 58vw;
+    height: 30px;
+    padding: 0 9px;
+    border: 1px solid rgba(200, 121, 99, 0.16);
+    border-radius: 999px;
+    background: rgba(255, 255, 255, 0.58);
+    color: var(--color-text-secondary);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 7px;
+    cursor: pointer;
+    white-space: nowrap;
+    box-shadow: none;
+}
+
+.mobile-update-chip--current {
+    border-color: rgba(72, 138, 102, 0.14);
+}
+
+.mobile-update-chip--current .side-update-dot {
+    background: rgba(72, 138, 102, 0.70);
+    box-shadow: 0 0 0 4px rgba(72, 138, 102, 0.08);
+}
+
+.mobile-update-chip--loading .side-update-dot {
+    animation: side-update-pulse 1.2s ease-in-out infinite;
+}
+
+.mobile-update-chip--error {
+    border-color: rgba(203, 75, 75, 0.18);
+}
+
+.mobile-update-chip--error .side-update-dot {
+    background: rgba(203, 75, 75, 0.78);
+    box-shadow: 0 0 0 4px rgba(203, 75, 75, 0.08);
+}
+
+.mobile-update-text {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 11px;
+    font-weight: 680;
+}
+
+.side-update-notice {
+    width: 100%;
+    margin-top: 12px;
+    padding: 8px 9px;
+    border: 1px solid rgba(200, 121, 99, 0.16);
+    border-radius: 12px;
+    background: rgba(255, 255, 255, 0.52);
+    color: var(--color-text-secondary);
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    text-align: left;
+    cursor: pointer;
+    box-shadow: none;
+    transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
+}
+
+.side-update-notice:hover {
+    border-color: rgba(200, 121, 99, 0.30);
+    background: rgba(255, 255, 255, 0.74);
+    color: var(--color-text-primary);
+}
+
+.side-update-notice--current {
+    border-color: rgba(72, 138, 102, 0.14);
+}
+
+.side-update-notice--current .side-update-dot {
+    background: rgba(72, 138, 102, 0.70);
+    box-shadow: 0 0 0 4px rgba(72, 138, 102, 0.08);
+}
+
+.side-update-notice--loading .side-update-dot {
+    animation: side-update-pulse 1.2s ease-in-out infinite;
+}
+
+.side-update-notice--error {
+    border-color: rgba(203, 75, 75, 0.18);
+}
+
+.side-update-notice--error .side-update-dot {
+    background: rgba(203, 75, 75, 0.78);
+    box-shadow: 0 0 0 4px rgba(203, 75, 75, 0.08);
+}
+
+@keyframes side-update-pulse {
+    0%, 100% { opacity: 0.48; transform: scale(0.94); }
+    50% { opacity: 1; transform: scale(1.08); }
+}
+
+.side-update-dot {
+    width: 7px;
+    height: 7px;
+    border-radius: 50%;
+    background: rgba(200, 121, 99, 0.72);
+    box-shadow: 0 0 0 4px rgba(200, 121, 99, 0.08);
+    flex-shrink: 0;
+}
+
+.side-update-copy {
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+}
+
+.side-update-title {
+    font-size: 11px;
+    line-height: 1.25;
+    font-weight: 650;
+    color: inherit;
+}
+
+.side-update-meta {
+    font-size: 10px;
+    line-height: 1.2;
+    color: var(--color-text-tertiary);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .brand-version-fade-enter-active,
 .brand-version-fade-leave-active {
     transition: opacity 0.2s var(--ease-smooth);

package/web-ui/styles/responsive.css

@@ -94,6 +94,18 @@ textarea:focus-visible {
         overflow: hidden;
     }
 
+    .mobile-brand-bar {
+        display: flex;
+        flex: 0 0 auto;
+        align-items: center;
+        justify-content: space-between;
+        gap: 10px;
+        padding: 9px 12px 6px;
+        background: rgba(255, 248, 241, 0.96);
+        position: relative;
+        z-index: 32;
+    }
+
     .app-shell {
         grid-template-columns: 1fr;
         flex: 1 1 auto;