codexmate 0.0.57 → 0.1.1

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

@@ -362,48 +362,22 @@ return function render(_ctx, _cache) {
                       ? (_openBlock(), _createElementBlock("span", { key: 0 }, _toDisplayString(_ctx.t('common.current', { value: _ctx.opencodeModel })), 1 /* TEXT */))
                       : _createCommentVNode("v-if", true)
                   ])
-                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"])
-              ], 8 /* PROPS */, ["aria-label"]),
-              _createElementVNode("div", {
-                class: "side-section",
-                role: "navigation",
-                "aria-label": _ctx.t('side.prompts')
-              }, [
-                _createElementVNode("div", { class: "side-section-title" }, _toDisplayString(_ctx.t('side.prompts')), 1 /* TEXT */),
-                _createElementVNode("button", {
-                  id: "side-tab-prompts-agents",
-                  "data-main-tab": "prompts",
-                  "data-prompts-sub-tab": "codex",
-                  "aria-current": _ctx.mainTab === 'prompts' && _ctx.promptsSubTab === 'codex' ? 'page' : null,
-                  class: _normalizeClass(['side-item', { active: _ctx.isMainTabNavActive('prompts') && _ctx.promptsSubTab === 'codex' }]),
-                  onPointerdown: $event => (_ctx.onMainTabPointerDown('prompts', $event)),
-                  onClick: $event => {_ctx.switchPromptsSubTab('codex'); _ctx.onMainTabClick('prompts')}
-                }, [
-                  _createElementVNode("span", {
-                    class: "side-item-icon",
-                    "aria-hidden": "true"
-                  }, "P"),
-                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.prompts.agents')), 1 /* TEXT */),
-                  _createElementVNode("div", { class: "side-item-meta" }, [
-                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.prompts.agents.meta')), 1 /* TEXT */)
-                  ])
                 ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
                 _createElementVNode("button", {
-                  id: "side-tab-prompts-project",
+                  id: "side-tab-prompts",
                   "data-main-tab": "prompts",
-                  "data-prompts-sub-tab": "claude-project",
-                  "aria-current": _ctx.mainTab === 'prompts' && _ctx.promptsSubTab === 'claude-project' ? 'page' : null,
-                  class: _normalizeClass(['side-item', { active: _ctx.isMainTabNavActive('prompts') && _ctx.promptsSubTab === 'claude-project' }]),
+                  "aria-current": _ctx.mainTab === 'prompts' ? 'page' : null,
+                  class: _normalizeClass(['side-item', { active: _ctx.isMainTabNavActive('prompts') }]),
                   onPointerdown: $event => (_ctx.onMainTabPointerDown('prompts', $event)),
-                  onClick: $event => {_ctx.switchPromptsSubTab('claude-project'); _ctx.onMainTabClick('prompts')}
+                  onClick: $event => (_ctx.onMainTabClick('prompts', $event))
                 }, [
                   _createElementVNode("span", {
                     class: "side-item-icon",
                     "aria-hidden": "true"
-                  }, "M"),
-                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.prompts.claude')), 1 /* TEXT */),
+                  }, "P"),
+                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.prompts')), 1 /* TEXT */),
                   _createElementVNode("div", { class: "side-item-meta" }, [
-                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.prompts.claude.meta')), 1 /* TEXT */)
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.prompts.meta')), 1 /* TEXT */)
                   ])
                 ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"])
               ], 8 /* PROPS */, ["aria-label"]),
@@ -6656,18 +6630,26 @@ return function render(_ctx, _cache) {
                 role: "tabpanel",
                 "aria-labelledby": "tab-prompts"
               }, [
-                _createElementVNode("div", { class: "segmented-control" }, [
+                _createElementVNode("div", {
+                  class: "prompts-md-tabs",
+                  role: "tablist",
+                  "aria-label": _ctx.t('tab.prompts')
+                }, [
                   _createElementVNode("button", {
                     type: "button",
-                    class: _normalizeClass(['segment', { active: _ctx.promptsSubTab === 'codex' }]),
+                    class: _normalizeClass(['prompts-md-tab', { active: _ctx.promptsSubTab === 'codex' }]),
+                    role: "tab",
+                    "aria-selected": _ctx.promptsSubTab === 'codex',
                     onClick: $event => (_ctx.switchPromptsSubTab('codex'))
-                  }, _toDisplayString(_ctx.t('prompts.subTab.codex')), 11 /* TEXT, CLASS, PROPS */, ["onClick"]),
+                  }, _toDisplayString(_ctx.t('prompts.subTab.codex')), 11 /* TEXT, CLASS, PROPS */, ["aria-selected", "onClick"]),
                   _createElementVNode("button", {
                     type: "button",
-                    class: _normalizeClass(['segment', { active: _ctx.promptsSubTab === 'claude-project' }]),
+                    class: _normalizeClass(['prompts-md-tab', { active: _ctx.promptsSubTab === 'claude-project' }]),
+                    role: "tab",
+                    "aria-selected": _ctx.promptsSubTab === 'claude-project',
                     onClick: $event => (_ctx.switchPromptsSubTab('claude-project'))
-                  }, _toDisplayString(_ctx.t('prompts.subTab.project')), 11 /* TEXT, CLASS, PROPS */, ["onClick"])
-                ]),
+                  }, _toDisplayString(_ctx.t('prompts.subTab.project')), 11 /* TEXT, CLASS, PROPS */, ["aria-selected", "onClick"])
+                ], 8 /* PROPS */, ["aria-label"]),
                 (_ctx.promptsSubTab === 'claude-project')
                   ? (_openBlock(), _createElementBlock("div", {
                       key: 0,
@@ -6849,6 +6831,100 @@ return function render(_ctx, _cache) {
                       ])
                     ])
                   ]),
+                  _createElementVNode("div", { class: "prompt-presets-inline-row" }, [
+                    _createElementVNode("div", { class: "prompt-presets-inline-group" }, [
+                      _createElementVNode("label", { class: "prompt-presets-inline-label" }, _toDisplayString(_ctx.t('prompts.presets.title')), 1 /* TEXT */),
+                      _createElementVNode("select", {
+                        class: "form-input prompt-presets-select",
+                        disabled: _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible || !_ctx.promptPresets.length,
+                        title: _ctx.t('prompts.presets.title'),
+                        onChange: $event => (_ctx.applyPromptPresetSelection($event))
+                      }, [
+                        _createElementVNode("option", { value: "" }, _toDisplayString(_ctx.t('prompts.presets.selectPlaceholder')), 1 /* TEXT */),
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.promptPresets, (preset) => {
+                          return (_openBlock(), _createElementBlock("option", {
+                            key: preset.id,
+                            value: preset.id
+                          }, _toDisplayString(preset.name), 9 /* TEXT, PROPS */, ["value"]))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ], 40 /* PROPS, NEED_HYDRATION */, ["disabled", "title", "onChange"])
+                    ]),
+                    _createElementVNode("div", { class: "prompt-presets-inline-group prompt-presets-inline-group--save" }, [
+                      _withDirectives(_createElementVNode("input", {
+                        type: "text",
+                        class: "form-input prompt-presets-name-input",
+                        "onUpdate:modelValue": $event => ((_ctx.promptPresetNameDraft) = $event),
+                        placeholder: _ctx.t('prompts.presets.namePlaceholder'),
+                        disabled: _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible,
+                        onKeydown: _withKeys(_withModifiers(_ctx.saveCurrentPromptAsPreset, ["prevent"]), ["enter"])
+                      }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "placeholder", "disabled", "onKeydown"]), [
+                        [_vModelText, _ctx.promptPresetNameDraft]
+                      ]),
+                      _createElementVNode("button", {
+                        type: "button",
+                        class: "btn-mini btn-confirm-mini",
+                        onClick: _ctx.saveCurrentPromptAsPreset,
+                        disabled: _ctx.promptPresetSaving || _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible,
+                        title: _ctx.t('prompts.presets.saveCurrent')
+                      }, _toDisplayString(_ctx.t('prompts.presets.saveCurrent')), 9 /* TEXT, PROPS */, ["onClick", "disabled", "title"])
+                    ])
+                  ]),
+                  _createElementVNode("details", { class: "prompt-presets-panel" }, [
+                    _createElementVNode("summary", { class: "prompt-presets-summary" }, [
+                      _createElementVNode("span", null, _toDisplayString(_ctx.t('prompts.presets.title')), 1 /* TEXT */),
+                      _createElementVNode("small", null, _toDisplayString(_ctx.t('prompts.presets.hint')), 1 /* TEXT */)
+                    ]),
+                    _createElementVNode("div", { class: "form-group prompt-presets-body" }, [
+                      _createElementVNode("div", { class: "editor-frame prompt-presets-frame" }, [
+                        (!_ctx.promptPresets.length)
+                          ? (_openBlock(), _createElementBlock("div", {
+                              key: 0,
+                              class: "state-message prompt-presets-empty"
+                            }, _toDisplayString(_ctx.t('prompts.presets.empty')), 1 /* TEXT */))
+                          : (_openBlock(), _createElementBlock("div", {
+                              key: 1,
+                              class: "prompt-presets-list"
+                            }, [
+                              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.promptPresets, (preset) => {
+                                return (_openBlock(), _createElementBlock("article", {
+                                  key: preset.id,
+                                  class: "prompt-preset-row"
+                                }, [
+                                  _createElementVNode("div", { class: "prompt-preset-main" }, [
+                                    _createElementVNode("input", {
+                                      type: "text",
+                                      class: "form-input prompt-preset-name",
+                                      value: _ctx.getPromptPresetRenameDraft(preset),
+                                      onInput: $event => (_ctx.setPromptPresetRenameDraft(preset.id, $event.target.value)),
+                                      onKeydown: _withKeys(_withModifiers($event => (_ctx.renamePromptPreset(preset)), ["prevent"]), ["enter"]),
+                                      "aria-label": _ctx.t('prompts.presets.renameAria')
+                                    }, null, 40 /* PROPS, NEED_HYDRATION */, ["value", "onInput", "onKeydown", "aria-label"]),
+                                    _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('prompts.presets.updatedAt', { time: _ctx.formatPromptPresetTime(preset.updatedAt) })), 1 /* TEXT */),
+                                    _createElementVNode("pre", { class: "prompt-preset-preview" }, _toDisplayString(preset.content), 1 /* TEXT */)
+                                  ]),
+                                  _createElementVNode("div", { class: "prompts-editor-actions prompt-preset-actions" }, [
+                                    _createElementVNode("button", {
+                                      type: "button",
+                                      class: "btn-mini",
+                                      onClick: $event => (_ctx.renamePromptPreset(preset))
+                                    }, _toDisplayString(_ctx.t('common.save')), 9 /* TEXT, PROPS */, ["onClick"]),
+                                    _createElementVNode("button", {
+                                      type: "button",
+                                      class: "btn-mini",
+                                      onClick: $event => (_ctx.applyPromptPresetToEditor(preset))
+                                    }, _toDisplayString(_ctx.t('common.paste')), 9 /* TEXT, PROPS */, ["onClick"]),
+                                    _createElementVNode("button", {
+                                      type: "button",
+                                      class: "btn-mini btn-danger-mini",
+                                      onClick: $event => (_ctx.deletePromptPreset(preset))
+                                    }, _toDisplayString(_ctx.t('common.delete')), 9 /* TEXT, PROPS */, ["onClick"])
+                                  ])
+                                ]))
+                              }), 128 /* KEYED_FRAGMENT */))
+                            ]))
+                      ])
+                    ])
+                  ]),
                   _createElementVNode("div", { class: "form-group" }, [
                     (_ctx.agentsDiffVisible)
                       ? (_openBlock(), _createElementBlock("div", { key: 0 }, [
@@ -7095,6 +7171,37 @@ return function render(_ctx, _cache) {
                 _createTextVNode(" " + _toDisplayString(_ctx.t('field.useBuiltinTransform')), 1 /* TEXT */)
               ])
             ]),
+            (_ctx.newProvider.useTransform)
+              ? (_openBlock(), _createElementBlock("div", {
+                  key: 0,
+                  class: "form-group"
+                }, [
+                  _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.transformMaxRetries')), 1 /* TEXT */),
+                  _withDirectives(_createElementVNode("input", {
+                    "onUpdate:modelValue": $event => ((_ctx.newProvider.openaiBridgeMaxRetries) = $event),
+                    type: "number",
+                    min: "2",
+                    max: "10",
+                    step: "1",
+                    class: _normalizeClass(['form-input', { invalid: !!_ctx.providerFieldError('add', 'openaiBridgeMaxRetries') }]),
+                    onBlur: $event => (_ctx.normalizeProviderDraft('add'))
+                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onBlur"]), [
+                    [
+                      _vModelText,
+                      _ctx.newProvider.openaiBridgeMaxRetries,
+                      void 0,
+                      { number: true }
+                    ]
+                  ]),
+                  _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('hint.transformMaxRetries')), 1 /* TEXT */),
+                  (_ctx.providerFieldError('add', 'openaiBridgeMaxRetries'))
+                    ? (_openBlock(), _createElementBlock("div", {
+                        key: 0,
+                        class: "form-hint form-error"
+                      }, _toDisplayString(_ctx.providerFieldError('add', 'openaiBridgeMaxRetries')), 1 /* TEXT */))
+                    : _createCommentVNode("v-if", true)
+                ]))
+              : _createCommentVNode("v-if", true),
             _createElementVNode("div", { class: "btn-group" }, [
               _createElementVNode("button", {
                 class: "btn btn-cancel",
@@ -7207,6 +7314,37 @@ return function render(_ctx, _cache) {
                 ], 8 /* PROPS */, ["onClick", "title", "aria-label"])
               ])
             ]),
+            (_ctx.editingProvider.useTransform)
+              ? (_openBlock(), _createElementBlock("div", {
+                  key: 0,
+                  class: "form-group"
+                }, [
+                  _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.transformMaxRetries')), 1 /* TEXT */),
+                  _withDirectives(_createElementVNode("input", {
+                    "onUpdate:modelValue": $event => ((_ctx.editingProvider.openaiBridgeMaxRetries) = $event),
+                    type: "number",
+                    min: "2",
+                    max: "10",
+                    step: "1",
+                    class: _normalizeClass(['form-input', { invalid: !!_ctx.providerFieldError('edit', 'openaiBridgeMaxRetries') }]),
+                    onBlur: $event => (_ctx.normalizeProviderDraft('edit'))
+                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onBlur"]), [
+                    [
+                      _vModelText,
+                      _ctx.editingProvider.openaiBridgeMaxRetries,
+                      void 0,
+                      { number: true }
+                    ]
+                  ]),
+                  _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('hint.transformMaxRetries')), 1 /* TEXT */),
+                  (_ctx.providerFieldError('edit', 'openaiBridgeMaxRetries'))
+                    ? (_openBlock(), _createElementBlock("div", {
+                        key: 0,
+                        class: "form-hint form-error"
+                      }, _toDisplayString(_ctx.providerFieldError('edit', 'openaiBridgeMaxRetries')), 1 /* TEXT */))
+                    : _createCommentVNode("v-if", true)
+                ]))
+              : _createCommentVNode("v-if", true),
             _createElementVNode("div", { class: "btn-group" }, [
               _createElementVNode("button", {
                 class: "btn btn-cancel",

package/web-ui/styles/modals-core.css

@@ -693,3 +693,176 @@
     from { opacity: 0; transform: translateY(-8px); }
     to { opacity: 1; transform: translateY(0); }
 }
+
+.prompts-md-tabs {
+    display: inline-flex;
+    align-items: center;
+    gap: 2px;
+    margin: 0 0 12px;
+    border-bottom: 1px solid var(--color-border-soft);
+}
+
+.prompts-md-tab {
+    padding: 7px 10px 8px;
+    border: 0;
+    border-bottom: 2px solid transparent;
+    background: transparent;
+    box-shadow: none;
+    color: var(--color-text-secondary);
+    cursor: pointer;
+    font-size: var(--font-size-body);
+    font-weight: var(--font-weight-secondary);
+}
+
+.prompts-md-tab:hover {
+    color: var(--color-text-primary);
+    background: transparent;
+}
+
+.prompts-md-tab.active {
+    color: var(--color-brand-dark);
+    border-bottom-color: var(--color-brand);
+    background: transparent;
+    box-shadow: none;
+}
+
+.prompt-presets-inline-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    margin: 8px 0 12px;
+    padding: 10px 12px;
+    border: 1px solid var(--color-border-soft);
+    border-radius: var(--radius-md);
+    background: var(--color-bg-card);
+}
+
+.prompt-presets-inline-group {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+}
+
+.prompt-presets-inline-group--save {
+    flex: 1;
+    justify-content: flex-end;
+}
+
+.prompt-presets-inline-label {
+    flex-shrink: 0;
+    color: var(--color-text-secondary);
+    font-size: var(--font-size-small);
+}
+
+.prompt-presets-select {
+    min-width: 180px;
+}
+
+.prompt-presets-panel {
+    margin: 12px 0;
+    border: 1px solid var(--color-border-soft);
+    border-radius: var(--radius-md);
+    background: var(--color-bg-card);
+}
+
+.prompt-presets-summary {
+    display: flex;
+    align-items: baseline;
+    gap: 10px;
+    padding: 10px 12px;
+    cursor: pointer;
+    color: var(--color-text-primary);
+    font-weight: var(--font-weight-primary);
+}
+
+.prompt-presets-summary small {
+    color: var(--color-text-secondary);
+    font-weight: 400;
+}
+
+.prompt-presets-toolbar {
+    padding: 0 12px 10px;
+}
+
+.prompt-presets-save-row {
+    gap: 8px;
+}
+
+.prompt-presets-name-input {
+    width: min(340px, 34vw);
+}
+
+.prompt-presets-body {
+    min-height: 0;
+    margin: 0;
+    padding: 0 12px 12px;
+}
+
+.prompt-presets-frame {
+    max-height: 320px;
+    min-height: 0;
+    overflow: auto;
+    background: var(--color-bg-card);
+}
+
+.prompt-presets-empty {
+    margin: 0;
+    min-height: 120px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: none;
+    background: transparent;
+}
+
+.prompt-presets-list {
+    display: flex;
+    flex-direction: column;
+}
+
+.prompt-preset-row {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    gap: 12px;
+    padding: 12px;
+    border-bottom: 1px solid var(--color-border-soft);
+    background: transparent;
+}
+
+.prompt-preset-row:last-child {
+    border-bottom: none;
+}
+
+.prompt-preset-main {
+    min-width: 0;
+}
+
+.prompt-preset-name {
+    font-weight: var(--font-weight-primary);
+}
+
+.prompt-preset-preview {
+    max-height: 180px;
+    margin: 8px 0 0;
+    padding: 10px;
+    overflow: auto;
+    white-space: pre-wrap;
+    word-break: break-word;
+    border-radius: var(--radius-sm);
+    background: var(--color-bg-subtle);
+    color: var(--color-text-secondary);
+    font-family: var(--font-family-mono);
+    font-size: 11px;
+}
+
+.prompt-preset-actions {
+    align-self: start;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    max-width: 260px;
+}
+
+.btn-danger-mini {
+    color: var(--color-danger);
+}

package/web-ui/styles/responsive.css

@@ -199,6 +199,22 @@ textarea:focus-visible {
         flex-wrap: wrap;
     }
 
+    .prompt-presets-inline-row {
+        align-items: stretch;
+        flex-direction: column;
+    }
+
+    .prompt-presets-inline-group,
+    .prompt-presets-inline-group--save {
+        width: 100%;
+        justify-content: flex-start;
+    }
+
+    .prompt-presets-select,
+    .prompt-presets-name-input {
+        width: 100%;
+    }
+
     .template-editor,
     .agents-diff-editor {
         min-height: min(50vh, 400px);
@@ -604,6 +620,22 @@ textarea:focus-visible {
         width: 100%;
         flex-wrap: wrap;
     }
+
+    .prompt-presets-inline-row {
+        align-items: stretch;
+        flex-direction: column;
+    }
+
+    .prompt-presets-inline-group,
+    .prompt-presets-inline-group--save {
+        width: 100%;
+        justify-content: flex-start;
+    }
+
+    .prompt-presets-select,
+    .prompt-presets-name-input {
+        width: 100%;
+    }
 }
 
 @media (max-width: 820px) {