codexmate 0.1.6 → 0.1.8

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

@@ -5886,42 +5886,6 @@ return function render(_ctx, _cache) {
                     }, _toDisplayString(_ctx.providerCacheSyncing ? _ctx.t('settings.providerCache.syncing') : _ctx.t('settings.providerCache.sync')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
                   ])
                 ], 8 /* PROPS */, ["aria-label"]),
-                _createElementVNode("section", {
-                  class: "settings-card",
-                  "aria-label": _ctx.t('settings.trashConfig.title')
-                }, [
-                  _createElementVNode("div", { class: "settings-card-main" }, [
-                    _createElementVNode("div", { class: "settings-card-content" }, [
-                      _createElementVNode("div", { class: "settings-card-title" }, _toDisplayString(_ctx.t('settings.trashConfig.title')), 1 /* TEXT */),
-                      _createElementVNode("p", { class: "settings-card-desc" }, _toDisplayString(_ctx.t('settings.trashConfig.meta')), 1 /* TEXT */),
-                      _createElementVNode("label", { class: "settings-toggle-row" }, [
-                        _createElementVNode("input", {
-                          type: "checkbox",
-                          checked: _ctx.sessionTrashEnabled,
-                          onChange: $event => (_ctx.setSessionTrashEnabled($event.target.checked))
-                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange"]),
-                        _createElementVNode("span", { class: "toggle-track" }, [
-                          _createElementVNode("span", { class: "toggle-thumb" })
-                        ]),
-                        _createElementVNode("span", null, _toDisplayString(_ctx.t('settings.deleteBehavior.toggle')), 1 /* TEXT */)
-                      ]),
-                      _createElementVNode("div", { class: "settings-retention" }, [
-                        _createElementVNode("label", { for: "settings-trash-retention-days" }, _toDisplayString(_ctx.t('settings.trash.retentionLabel')), 1 /* TEXT */),
-                        _createElementVNode("input", {
-                          id: "settings-trash-retention-days",
-                          type: "number",
-                          min: "1",
-                          max: "365",
-                          value: _ctx.sessionTrashRetentionDays,
-                          onChange: $event => (_ctx.setSessionTrashRetentionDays(Number($event.target.value))),
-                          class: "settings-retention-input"
-                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["value", "onChange"]),
-                        _createElementVNode("span", null, _toDisplayString(_ctx.t('settings.trash.retentionUnit')), 1 /* TEXT */)
-                      ]),
-                      _createElementVNode("p", { class: "settings-card-hint" }, _toDisplayString(_ctx.t('settings.trash.retentionHint')), 1 /* TEXT */)
-                    ])
-                  ])
-                ], 8 /* PROPS */, ["aria-label"]),
                 _createElementVNode("section", {
                   class: "settings-card settings-card--destructive",
                   "aria-label": _ctx.t('settings.reset.title')
@@ -5958,11 +5922,48 @@ return function render(_ctx, _cache) {
                   key: 0,
                   class: "trash-panel-shell"
                 }, [
-                  _createCommentVNode(" Empty state "),
-                  (_ctx.getSessionTrashViewState() === 'empty')
+                  _createCommentVNode(" Trash configuration "),
+                  _createElementVNode("section", {
+                    class: "settings-card trash-config-card",
+                    "aria-label": _ctx.t('settings.trashConfig.title')
+                  }, [
+                    _createElementVNode("div", { class: "settings-card-main" }, [
+                      _createElementVNode("div", { class: "settings-card-content" }, [
+                        _createElementVNode("div", { class: "settings-card-title" }, _toDisplayString(_ctx.t('settings.trashConfig.title')), 1 /* TEXT */),
+                        _createElementVNode("p", { class: "settings-card-desc" }, _toDisplayString(_ctx.t('settings.trashConfig.meta')), 1 /* TEXT */),
+                        _createElementVNode("label", { class: "settings-toggle-row" }, [
+                          _createElementVNode("input", {
+                            type: "checkbox",
+                            checked: _ctx.sessionTrashEnabled,
+                            onChange: $event => (_ctx.setSessionTrashEnabled($event.target.checked))
+                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange"]),
+                          _createElementVNode("span", { class: "toggle-track" }, [
+                            _createElementVNode("span", { class: "toggle-thumb" })
+                          ]),
+                          _createElementVNode("span", null, _toDisplayString(_ctx.t('settings.deleteBehavior.toggle')), 1 /* TEXT */)
+                        ]),
+                        _createElementVNode("div", { class: "settings-retention" }, [
+                          _createElementVNode("label", { for: "settings-trash-retention-days" }, _toDisplayString(_ctx.t('settings.trash.retentionLabel')), 1 /* TEXT */),
+                          _createElementVNode("input", {
+                            id: "settings-trash-retention-days",
+                            type: "number",
+                            min: "1",
+                            max: "365",
+                            value: _ctx.sessionTrashRetentionDays,
+                            onChange: $event => (_ctx.setSessionTrashRetentionDays(Number($event.target.value))),
+                            class: "settings-retention-input"
+                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["value", "onChange"]),
+                          _createElementVNode("span", null, _toDisplayString(_ctx.t('settings.trash.retentionUnit')), 1 /* TEXT */)
+                        ]),
+                        _createElementVNode("p", { class: "settings-card-hint" }, _toDisplayString(_ctx.t('settings.trash.retentionHint')), 1 /* TEXT */)
+                      ])
+                    ])
+                  ], 8 /* PROPS */, ["aria-label"]),
+                  _createCommentVNode(" Disabled state "),
+                  (_ctx.getSessionTrashViewState() === 'disabled')
                     ? (_openBlock(), _createElementBlock("div", {
                         key: 0,
-                        class: "trash-empty-state"
+                        class: "trash-empty-state trash-disabled-state"
                       }, [
                         (_openBlock(), _createElementBlock("svg", {
                           class: "trash-empty-svg",
@@ -5975,158 +5976,182 @@ return function render(_ctx, _cache) {
                           _createElementVNode("path", { d: "M14 22h36" }),
                           _createElementVNode("path", { d: "M24 22v-4a4 4 0 014-4h8a4 4 0 014 4v4" }),
                           _createElementVNode("path", {
-                            d: "M28 30v16M36 30v16",
-                            "stroke-width": "1.6",
+                            d: "M10 10l44 44",
+                            "stroke-width": "2",
                             "stroke-linecap": "round"
                           })
                         ])),
-                        _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.empty')), 1 /* TEXT */),
-                        _createElementVNode("div", { class: "trash-empty-hint" }, _toDisplayString(_ctx.t('settings.trash.emptyHint', { days: _ctx.sessionTrashRetentionDays })), 1 /* TEXT */)
+                        _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.disabled')), 1 /* TEXT */),
+                        _createElementVNode("div", { class: "trash-empty-hint" }, _toDisplayString(_ctx.t('settings.trash.disabledHint')), 1 /* TEXT */)
                       ]))
-                    : (_ctx.getSessionTrashViewState() === 'loading')
+                    : (_ctx.getSessionTrashViewState() === 'empty')
                       ? (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
-                          _createCommentVNode(" Loading state "),
+                          _createCommentVNode(" Empty state "),
                           _createElementVNode("div", { class: "trash-empty-state" }, [
-                            _createElementVNode("div", { class: "trash-spinner" }),
-                            _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.loading')), 1 /* TEXT */)
+                            (_openBlock(), _createElementBlock("svg", {
+                              class: "trash-empty-svg",
+                              viewBox: "0 0 64 64",
+                              fill: "none",
+                              stroke: "currentColor",
+                              "stroke-width": "1.2"
+                            }, [
+                              _createElementVNode("path", { d: "M20 22l4 32h16l4-32" }),
+                              _createElementVNode("path", { d: "M14 22h36" }),
+                              _createElementVNode("path", { d: "M24 22v-4a4 4 0 014-4h8a4 4 0 014 4v4" }),
+                              _createElementVNode("path", {
+                                d: "M28 30v16M36 30v16",
+                                "stroke-width": "1.6",
+                                "stroke-linecap": "round"
+                              })
+                            ])),
+                            _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.empty')), 1 /* TEXT */),
+                            _createElementVNode("div", { class: "trash-empty-hint" }, _toDisplayString(_ctx.t('settings.trash.emptyHint', { days: _ctx.sessionTrashRetentionDays })), 1 /* TEXT */)
                           ])
                         ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
-                      : (_ctx.getSessionTrashViewState() === 'retry')
+                      : (_ctx.getSessionTrashViewState() === 'loading')
                         ? (_openBlock(), _createElementBlock(_Fragment, { key: 2 }, [
-                            _createCommentVNode(" Error state "),
+                            _createCommentVNode(" Loading state "),
                             _createElementVNode("div", { class: "trash-empty-state" }, [
-                              (_openBlock(), _createElementBlock("svg", {
-                                class: "trash-empty-svg",
-                                viewBox: "0 0 64 64",
-                                fill: "none",
-                                stroke: "currentColor",
-                                "stroke-width": "1.2"
-                              }, [
-                                _createElementVNode("circle", {
-                                  cx: "32",
-                                  cy: "32",
-                                  r: "22"
-                                }),
-                                _createElementVNode("path", {
-                                  d: "M32 20v16M32 44v2",
-                                  "stroke-width": "2",
-                                  "stroke-linecap": "round"
-                                })
-                              ])),
-                              _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.retry')), 1 /* TEXT */),
-                              _createElementVNode("button", {
-                                class: "btn-tool",
-                                onClick: $event => (_ctx.loadSessionTrash({ forceRefresh: true }))
-                              }, _toDisplayString(_ctx.t('common.retry')), 9 /* TEXT, PROPS */, ["onClick"])
+                              _createElementVNode("div", { class: "trash-spinner" }),
+                              _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.loading')), 1 /* TEXT */)
                             ])
                           ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
-                        : (_openBlock(), _createElementBlock(_Fragment, { key: 3 }, [
-                            _createCommentVNode(" List state "),
-                            _createElementVNode("div", { class: "trash-toolbar" }, [
-                              _createElementVNode("div", { class: "trash-toolbar-left" }, [
-                                _createElementVNode("span", { class: "trash-toolbar-count" }, _toDisplayString(_ctx.t('settings.trash.count', { count: _ctx.sessionTrashCount })), 1 /* TEXT */),
-                                _createElementVNode("span", { class: "trash-toolbar-retention" }, _toDisplayString(_ctx.t('settings.trash.retentionShort', { days: _ctx.sessionTrashRetentionDays })), 1 /* TEXT */)
-                              ]),
-                              _createElementVNode("div", { class: "trash-toolbar-right" }, [
-                                _createElementVNode("button", {
-                                  class: "btn-mini",
-                                  onClick: $event => (_ctx.loadSessionTrash({ forceRefresh: true })),
-                                  disabled: _ctx.sessionTrashLoading,
-                                  "aria-label": _ctx.t('sessions.refresh'),
-                                  title: _ctx.t('sessions.refresh')
+                        : (_ctx.getSessionTrashViewState() === 'retry')
+                          ? (_openBlock(), _createElementBlock(_Fragment, { key: 3 }, [
+                              _createCommentVNode(" Error state "),
+                              _createElementVNode("div", { class: "trash-empty-state" }, [
+                                (_openBlock(), _createElementBlock("svg", {
+                                  class: "trash-empty-svg",
+                                  viewBox: "0 0 64 64",
+                                  fill: "none",
+                                  stroke: "currentColor",
+                                  "stroke-width": "1.2"
                                 }, [
-                                  (_openBlock(), _createElementBlock("svg", {
-                                    viewBox: "0 0 24 24",
-                                    fill: "none",
-                                    stroke: "currentColor",
+                                  _createElementVNode("circle", {
+                                    cx: "32",
+                                    cy: "32",
+                                    r: "22"
+                                  }),
+                                  _createElementVNode("path", {
+                                    d: "M32 20v16M32 44v2",
                                     "stroke-width": "2",
-                                    class: "btn-icon-sm"
-                                  }, [
-                                    _createElementVNode("path", { d: "M21 2v6h-6M3 12a9 9 0 0115-6.7L21 8M3 22v-6h6M21 12a9 9 0 01-15 6.7L3 16" })
-                                  ]))
-                                ], 8 /* PROPS */, ["onClick", "disabled", "aria-label", "title"]),
+                                    "stroke-linecap": "round"
+                                  })
+                                ])),
+                                _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.retry')), 1 /* TEXT */),
                                 _createElementVNode("button", {
-                                  class: "btn-mini delete",
-                                  onClick: _ctx.clearSessionTrash,
-                                  disabled: _ctx.sessionTrashClearing || _ctx.sessionTrashLoading || !(Number(_ctx.sessionTrashCount) > 0)
-                                }, _toDisplayString(_ctx.sessionTrashClearing ? _ctx.t('settings.trash.clearing') : _ctx.t('settings.trash.clearShort')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                  class: "btn-tool",
+                                  onClick: $event => (_ctx.loadSessionTrash({ forceRefresh: true }))
+                                }, _toDisplayString(_ctx.t('common.retry')), 9 /* TEXT, PROPS */, ["onClick"])
                               ])
-                            ]),
-                            _createElementVNode("div", { class: "trash-list" }, [
-                              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.visibleSessionTrashItems, (item) => {
-                                return (_openBlock(), _createElementBlock("div", {
-                                  key: item.trashId,
-                                  class: "trash-item"
-                                }, [
-                                  _createElementVNode("div", { class: "trash-item-body" }, [
-                                    _createElementVNode("div", { class: "trash-item-main" }, [
-                                      _createElementVNode("div", { class: "trash-item-title" }, _toDisplayString(item.title || item.sessionId), 1 /* TEXT */),
-                                      _createElementVNode("div", { class: "trash-item-meta" }, [
-                                        _createElementVNode("span", {
-                                          class: "session-source",
-                                          "data-source": item.source
-                                        }, _toDisplayString(item.sourceLabel), 9 /* TEXT, PROPS */, ["data-source"]),
-                                        _createElementVNode("span", { class: "trash-item-time" }, _toDisplayString(item.deletedAt || item.updatedAt || _ctx.t('sessions.unknownTime')), 1 /* TEXT */),
-                                        (item.cwd)
-                                          ? (_openBlock(), _createElementBlock("span", {
-                                              key: 0,
-                                              class: "trash-item-cwd"
-                                            }, _toDisplayString(item.cwd), 1 /* TEXT */))
-                                          : _createCommentVNode("v-if", true)
-                                      ])
-                                    ]),
-                                    _createElementVNode("div", { class: "trash-item-actions" }, [
-                                      _createElementVNode("button", {
-                                        class: "trash-action-btn restore",
-                                        onClick: $event => (_ctx.restoreSessionTrash(item)),
-                                        disabled: _ctx.sessionTrashLoading || _ctx.sessionTrashClearing || _ctx.isSessionTrashActionBusy(item),
-                                        "aria-label": _ctx.sessionTrashRestoring[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.restoring') : _ctx.t('settings.trash.restore'),
-                                        title: _ctx.sessionTrashRestoring[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.restoring') : _ctx.t('settings.trash.restore')
-                                      }, [
-                                        (_openBlock(), _createElementBlock("svg", {
-                                          viewBox: "0 0 24 24",
-                                          fill: "none",
-                                          stroke: "currentColor",
-                                          "stroke-width": "2"
+                            ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+                          : (_openBlock(), _createElementBlock(_Fragment, { key: 4 }, [
+                              _createCommentVNode(" List state "),
+                              _createElementVNode("div", { class: "trash-toolbar" }, [
+                                _createElementVNode("div", { class: "trash-toolbar-left" }, [
+                                  _createElementVNode("span", { class: "trash-toolbar-count" }, _toDisplayString(_ctx.t('settings.trash.count', { count: _ctx.sessionTrashCount })), 1 /* TEXT */),
+                                  _createElementVNode("span", { class: "trash-toolbar-retention" }, _toDisplayString(_ctx.t('settings.trash.retentionShort', { days: _ctx.sessionTrashRetentionDays })), 1 /* TEXT */)
+                                ]),
+                                _createElementVNode("div", { class: "trash-toolbar-right" }, [
+                                  _createElementVNode("button", {
+                                    class: "btn-mini",
+                                    onClick: $event => (_ctx.loadSessionTrash({ forceRefresh: true })),
+                                    disabled: _ctx.sessionTrashLoading,
+                                    "aria-label": _ctx.t('sessions.refresh'),
+                                    title: _ctx.t('sessions.refresh')
+                                  }, [
+                                    (_openBlock(), _createElementBlock("svg", {
+                                      viewBox: "0 0 24 24",
+                                      fill: "none",
+                                      stroke: "currentColor",
+                                      "stroke-width": "2",
+                                      class: "btn-icon-sm"
+                                    }, [
+                                      _createElementVNode("path", { d: "M21 2v6h-6M3 12a9 9 0 0115-6.7L21 8M3 22v-6h6M21 12a9 9 0 01-15 6.7L3 16" })
+                                    ]))
+                                  ], 8 /* PROPS */, ["onClick", "disabled", "aria-label", "title"]),
+                                  _createElementVNode("button", {
+                                    class: "btn-mini delete",
+                                    onClick: _ctx.clearSessionTrash,
+                                    disabled: _ctx.sessionTrashClearing || _ctx.sessionTrashLoading || !(Number(_ctx.sessionTrashCount) > 0)
+                                  }, _toDisplayString(_ctx.sessionTrashClearing ? _ctx.t('settings.trash.clearing') : _ctx.t('settings.trash.clearShort')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                ])
+                              ]),
+                              _createElementVNode("div", { class: "trash-list" }, [
+                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.visibleSessionTrashItems, (item) => {
+                                  return (_openBlock(), _createElementBlock("div", {
+                                    key: item.trashId,
+                                    class: "trash-item"
+                                  }, [
+                                    _createElementVNode("div", { class: "trash-item-body" }, [
+                                      _createElementVNode("div", { class: "trash-item-main" }, [
+                                        _createElementVNode("div", { class: "trash-item-title" }, _toDisplayString(item.title || item.sessionId), 1 /* TEXT */),
+                                        _createElementVNode("div", { class: "trash-item-meta" }, [
+                                          _createElementVNode("span", {
+                                            class: "session-source",
+                                            "data-source": item.source
+                                          }, _toDisplayString(item.sourceLabel), 9 /* TEXT, PROPS */, ["data-source"]),
+                                          _createElementVNode("span", { class: "trash-item-time" }, _toDisplayString(item.deletedAt || item.updatedAt || _ctx.t('sessions.unknownTime')), 1 /* TEXT */),
+                                          (item.cwd)
+                                            ? (_openBlock(), _createElementBlock("span", {
+                                                key: 0,
+                                                class: "trash-item-cwd"
+                                              }, _toDisplayString(item.cwd), 1 /* TEXT */))
+                                            : _createCommentVNode("v-if", true)
+                                        ])
+                                      ]),
+                                      _createElementVNode("div", { class: "trash-item-actions" }, [
+                                        _createElementVNode("button", {
+                                          class: "trash-action-btn restore",
+                                          onClick: $event => (_ctx.restoreSessionTrash(item)),
+                                          disabled: _ctx.sessionTrashLoading || _ctx.sessionTrashClearing || _ctx.isSessionTrashActionBusy(item),
+                                          "aria-label": _ctx.sessionTrashRestoring[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.restoring') : _ctx.t('settings.trash.restore'),
+                                          title: _ctx.sessionTrashRestoring[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.restoring') : _ctx.t('settings.trash.restore')
                                         }, [
-                                          _createElementVNode("path", { d: "M3 12a9 9 0 119 9" }),
-                                          _createElementVNode("path", { d: "M3 4v6h6" })
-                                        ]))
-                                      ], 8 /* PROPS */, ["onClick", "disabled", "aria-label", "title"]),
-                                      _createElementVNode("button", {
-                                        class: "trash-action-btn delete",
-                                        onClick: $event => (_ctx.purgeSessionTrash(item)),
-                                        disabled: _ctx.sessionTrashLoading || _ctx.sessionTrashClearing || _ctx.isSessionTrashActionBusy(item),
-                                        "aria-label": _ctx.sessionTrashPurging[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.purging') : _ctx.t('settings.trash.purge'),
-                                        title: _ctx.sessionTrashPurging[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.purging') : _ctx.t('settings.trash.purge')
-                                      }, [
-                                        (_openBlock(), _createElementBlock("svg", {
-                                          viewBox: "0 0 24 24",
-                                          fill: "none",
-                                          stroke: "currentColor",
-                                          "stroke-width": "2"
+                                          (_openBlock(), _createElementBlock("svg", {
+                                            viewBox: "0 0 24 24",
+                                            fill: "none",
+                                            stroke: "currentColor",
+                                            "stroke-width": "2"
+                                          }, [
+                                            _createElementVNode("path", { d: "M3 12a9 9 0 119 9" }),
+                                            _createElementVNode("path", { d: "M3 4v6h6" })
+                                          ]))
+                                        ], 8 /* PROPS */, ["onClick", "disabled", "aria-label", "title"]),
+                                        _createElementVNode("button", {
+                                          class: "trash-action-btn delete",
+                                          onClick: $event => (_ctx.purgeSessionTrash(item)),
+                                          disabled: _ctx.sessionTrashLoading || _ctx.sessionTrashClearing || _ctx.isSessionTrashActionBusy(item),
+                                          "aria-label": _ctx.sessionTrashPurging[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.purging') : _ctx.t('settings.trash.purge'),
+                                          title: _ctx.sessionTrashPurging[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.purging') : _ctx.t('settings.trash.purge')
                                         }, [
-                                          _createElementVNode("path", { d: "M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6M10 11v6M14 11v6" })
-                                        ]))
-                                      ], 8 /* PROPS */, ["onClick", "disabled", "aria-label", "title"])
+                                          (_openBlock(), _createElementBlock("svg", {
+                                            viewBox: "0 0 24 24",
+                                            fill: "none",
+                                            stroke: "currentColor",
+                                            "stroke-width": "2"
+                                          }, [
+                                            _createElementVNode("path", { d: "M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6M10 11v6M14 11v6" })
+                                          ]))
+                                        ], 8 /* PROPS */, ["onClick", "disabled", "aria-label", "title"])
+                                      ])
                                     ])
-                                  ])
-                                ]))
-                              }), 128 /* KEYED_FRAGMENT */)),
-                              (_ctx.sessionTrashHasMoreItems)
-                                ? (_openBlock(), _createElementBlock("div", {
-                                    key: 0,
-                                    class: "trash-list-footer"
-                                  }, [
-                                    _createElementVNode("button", {
-                                      class: "btn-tool btn-tool-compact",
-                                      onClick: _ctx.loadMoreSessionTrashItems,
-                                      disabled: _ctx.sessionTrashLoading || _ctx.sessionTrashClearing
-                                    }, _toDisplayString(_ctx.t('settings.trash.loadMoreItems', { count: _ctx.sessionTrashHiddenCount })), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
                                   ]))
-                                : _createCommentVNode("v-if", true)
-                            ])
-                          ], 64 /* STABLE_FRAGMENT */))
+                                }), 128 /* KEYED_FRAGMENT */)),
+                                (_ctx.sessionTrashHasMoreItems)
+                                  ? (_openBlock(), _createElementBlock("div", {
+                                      key: 0,
+                                      class: "trash-list-footer"
+                                    }, [
+                                      _createElementVNode("button", {
+                                        class: "btn-tool btn-tool-compact",
+                                        onClick: _ctx.loadMoreSessionTrashItems,
+                                        disabled: _ctx.sessionTrashLoading || _ctx.sessionTrashClearing
+                                      }, _toDisplayString(_ctx.t('settings.trash.loadMoreItems', { count: _ctx.sessionTrashHiddenCount })), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                    ]))
+                                  : _createCommentVNode("v-if", true)
+                              ])
+                            ], 64 /* STABLE_FRAGMENT */))
                 ]))
               : _createCommentVNode("v-if", true)
           ], 512 /* NEED_PATCH */), [
@@ -6978,7 +7003,14 @@ return function render(_ctx, _cache) {
                     role: "tab",
                     "aria-selected": _ctx.promptsSubTab === 'claude-project',
                     onClick: $event => (_ctx.switchPromptsSubTab('claude-project'))
-                  }, _toDisplayString(_ctx.t('prompts.subTab.project')), 11 /* TEXT, CLASS, PROPS */, ["aria-selected", "onClick"])
+                  }, _toDisplayString(_ctx.t('prompts.subTab.project')), 11 /* TEXT, CLASS, PROPS */, ["aria-selected", "onClick"]),
+                  _createElementVNode("button", {
+                    type: "button",
+                    class: _normalizeClass(['prompts-md-tab', { active: _ctx.promptsSubTab === 'system' }]),
+                    role: "tab",
+                    "aria-selected": _ctx.promptsSubTab === 'system',
+                    onClick: $event => (_ctx.switchPromptsSubTab('system'))
+                  }, _toDisplayString(_ctx.t('prompts.subTab.system')), 11 /* TEXT, CLASS, PROPS */, ["aria-selected", "onClick"])
                 ], 8 /* PROPS */, ["aria-label"]),
                 (_ctx.promptsSubTab === 'claude-project')
                   ? (_openBlock(), _createElementBlock("div", {
@@ -7016,103 +7048,25 @@ return function render(_ctx, _cache) {
                         : _createCommentVNode("v-if", true)
                     ]))
                   : _createCommentVNode("v-if", true),
-                _createElementVNode("div", { class: "prompts-editor" }, [
-                  _createElementVNode("div", { class: "prompts-editor-toolbar" }, [
-                    _createElementVNode("div", { class: "form-hint" }, [
-                      _createTextVNode(_toDisplayString(_ctx.agentsPath || _ctx.t('common.notLoaded')) + " ", 1 /* TEXT */),
-                      (_ctx.agentsPath)
-                        ? (_openBlock(), _createElementBlock("span", { key: 0 }, " （" + _toDisplayString(_ctx.agentsExists ? _ctx.t('common.exists') : _ctx.t('common.notExistsWillCreateOnSave')) + "） ", 1 /* TEXT */))
-                        : _createCommentVNode("v-if", true)
-                    ]),
-                    _createElementVNode("div", { class: "prompts-editor-actions" }, [
-                      _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--secondary" }, [
-                        _createElementVNode("button", {
-                          class: "btn-mini",
-                          onClick: _ctx.exportAgentsContent,
-                          disabled: _ctx.agentsLoading,
-                          title: _ctx.t('modal.agents.export')
-                        }, [
-                          (_openBlock(), _createElementBlock("svg", {
-                            class: "btn-icon-sm",
-                            viewBox: "0 0 24 24",
-                            fill: "none",
-                            stroke: "currentColor",
-                            "stroke-width": "2"
-                          }, [
-                            _createElementVNode("path", { d: "M12 3v12M8 11l4 4 4-4M4 17v2h16v-2" })
-                          ]))
-                        ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
-                        _createElementVNode("button", {
-                          class: "btn-mini",
-                          onClick: _ctx.copyAgentsContent,
-                          disabled: _ctx.agentsLoading,
-                          title: _ctx.t('modal.agents.copy')
-                        }, [
-                          (_openBlock(), _createElementBlock("svg", {
-                            class: "btn-icon-sm",
-                            viewBox: "0 0 24 24",
-                            fill: "none",
-                            stroke: "currentColor",
-                            "stroke-width": "2"
-                          }, [
-                            _createElementVNode("rect", {
-                              x: "9",
-                              y: "9",
-                              width: "13",
-                              height: "13",
-                              rx: "2"
-                            }),
-                            _createElementVNode("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
-                          ]))
-                        ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
-                        _createElementVNode("button", {
-                          class: "btn-mini",
-                          onClick: _ctx.pasteAgentsContent,
-                          disabled: _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible,
-                          title: _ctx.t('common.paste')
-                        }, [
-                          (_openBlock(), _createElementBlock("svg", {
-                            class: "btn-icon-sm",
-                            viewBox: "0 0 24 24",
-                            fill: "none",
-                            stroke: "currentColor",
-                            "stroke-width": "2"
-                          }, [
-                            _createElementVNode("rect", {
-                              x: "8",
-                              y: "2",
-                              width: "8",
-                              height: "4",
-                              rx: "1"
-                            }),
-                            _createElementVNode("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2" })
-                          ]))
-                        ], 8 /* PROPS */, ["onClick", "disabled", "title"])
-                      ]),
-                      _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--workflow" }, [
-                        _createElementVNode("button", {
-                          class: "btn-mini",
-                          onClick: _ctx.loadPromptsContent,
-                          disabled: _ctx.agentsSaving || _ctx.agentsDiffLoading,
-                          title: _ctx.t('common.cancel')
-                        }, [
-                          (_openBlock(), _createElementBlock("svg", {
-                            class: "btn-icon-sm",
-                            viewBox: "0 0 24 24",
-                            fill: "none",
-                            stroke: "currentColor",
-                            "stroke-width": "2"
-                          }, [
-                            _createElementVNode("path", { d: "M18 6L6 18M6 6l12 12" })
-                          ]))
-                        ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
-                        (_ctx.agentsDiffVisible)
-                          ? (_openBlock(), _createElementBlock("button", {
-                              key: 0,
+                (_ctx.promptsSubTab !== 'system')
+                  ? (_openBlock(), _createElementBlock("div", {
+                      key: 1,
+                      class: "prompts-editor"
+                    }, [
+                      _createElementVNode("div", { class: "prompts-editor-toolbar" }, [
+                        _createElementVNode("div", { class: "form-hint" }, [
+                          _createTextVNode(_toDisplayString(_ctx.agentsPath || _ctx.t('common.notLoaded')) + " ", 1 /* TEXT */),
+                          (_ctx.agentsPath)
+                            ? (_openBlock(), _createElementBlock("span", { key: 0 }, " （" + _toDisplayString(_ctx.agentsExists ? _ctx.t('common.exists') : _ctx.t('common.notExistsWillCreateOnSave')) + "） ", 1 /* TEXT */))
+                            : _createCommentVNode("v-if", true)
+                        ]),
+                        _createElementVNode("div", { class: "prompts-editor-actions" }, [
+                          _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--secondary" }, [
+                            _createElementVNode("button", {
                               class: "btn-mini",
-                              onClick: _ctx.resetAgentsDiffState,
-                              disabled: _ctx.agentsSaving || _ctx.agentsDiffLoading,
-                              title: _ctx.t('common.backToEdit')
+                              onClick: _ctx.exportAgentsContent,
+                              disabled: _ctx.agentsLoading,
+                              title: _ctx.t('modal.agents.export')
                             }, [
                               (_openBlock(), _createElementBlock("svg", {
                                 class: "btn-icon-sm",
@@ -7121,223 +7075,563 @@ return function render(_ctx, _cache) {
                                 stroke: "currentColor",
                                 "stroke-width": "2"
                               }, [
-                                _createElementVNode("path", { d: "M19 12H5M12 19l-7-7 7-7" })
+                                _createElementVNode("path", { d: "M12 3v12M8 11l4 4 4-4M4 17v2h16v-2" })
                               ]))
-                            ], 8 /* PROPS */, ["onClick", "disabled", "title"]))
-                          : _createCommentVNode("v-if", true),
-                        _createElementVNode("button", {
-                          class: "btn-mini btn-confirm-mini",
-                          onClick: _ctx.applyAgentsContent,
-                          disabled: _ctx.agentsSaving || _ctx.agentsLoading || _ctx.agentsDiffLoading || (!_ctx.agentsDiffVisible && !_ctx.hasAgentsContentChanged()) || (_ctx.agentsDiffVisible && !_ctx.agentsDiffHasChanges),
-                          title: _ctx.agentsDiffVisible ? _ctx.t('common.save') : _ctx.t('common.preview')
-                        }, [
-                          (_ctx.agentsDiffVisible)
-                            ? (_openBlock(), _createElementBlock("svg", {
-                                key: 0,
+                            ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
+                            _createElementVNode("button", {
+                              class: "btn-mini",
+                              onClick: _ctx.copyAgentsContent,
+                              disabled: _ctx.agentsLoading,
+                              title: _ctx.t('modal.agents.copy')
+                            }, [
+                              (_openBlock(), _createElementBlock("svg", {
                                 class: "btn-icon-sm",
                                 viewBox: "0 0 24 24",
                                 fill: "none",
                                 stroke: "currentColor",
                                 "stroke-width": "2"
                               }, [
-                                _createElementVNode("path", { d: "M20 6L9 17l-5-5" })
+                                _createElementVNode("rect", {
+                                  x: "9",
+                                  y: "9",
+                                  width: "13",
+                                  height: "13",
+                                  rx: "2"
+                                }),
+                                _createElementVNode("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
                               ]))
-                            : (_openBlock(), _createElementBlock("svg", {
-                                key: 1,
+                            ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
+                            _createElementVNode("button", {
+                              class: "btn-mini",
+                              onClick: _ctx.pasteAgentsContent,
+                              disabled: _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible,
+                              title: _ctx.t('common.paste')
+                            }, [
+                              (_openBlock(), _createElementBlock("svg", {
                                 class: "btn-icon-sm",
                                 viewBox: "0 0 24 24",
                                 fill: "none",
                                 stroke: "currentColor",
                                 "stroke-width": "2"
                               }, [
-                                _createElementVNode("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
-                                _createElementVNode("circle", {
-                                  cx: "12",
-                                  cy: "12",
-                                  r: "3"
-                                })
+                                _createElementVNode("rect", {
+                                  x: "8",
+                                  y: "2",
+                                  width: "8",
+                                  height: "4",
+                                  rx: "1"
+                                }),
+                                _createElementVNode("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2" })
                               ]))
-                        ], 8 /* PROPS */, ["onClick", "disabled", "title"])
-                      ])
-                    ])
-                  ]),
-                  _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"
+                            ], 8 /* PROPS */, ["onClick", "disabled", "title"])
+                          ]),
+                          _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--workflow" }, [
+                            _createElementVNode("button", {
+                              class: "btn-mini",
+                              onClick: _ctx.loadPromptsContent,
+                              disabled: _ctx.agentsSaving || _ctx.agentsDiffLoading,
+                              title: _ctx.t('common.cancel')
                             }, [
-                              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.promptPresets, (preset) => {
-                                return (_openBlock(), _createElementBlock("article", {
-                                  key: preset.id,
-                                  class: "prompt-preset-row"
+                              (_openBlock(), _createElementBlock("svg", {
+                                class: "btn-icon-sm",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                "stroke-width": "2"
+                              }, [
+                                _createElementVNode("path", { d: "M18 6L6 18M6 6l12 12" })
+                              ]))
+                            ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
+                            (_ctx.agentsDiffVisible)
+                              ? (_openBlock(), _createElementBlock("button", {
+                                  key: 0,
+                                  class: "btn-mini",
+                                  onClick: _ctx.resetAgentsDiffState,
+                                  disabled: _ctx.agentsSaving || _ctx.agentsDiffLoading,
+                                  title: _ctx.t('common.backToEdit')
                                 }, [
-                                  _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"])
-                                  ])
+                                  (_openBlock(), _createElementBlock("svg", {
+                                    class: "btn-icon-sm",
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    stroke: "currentColor",
+                                    "stroke-width": "2"
+                                  }, [
+                                    _createElementVNode("path", { d: "M19 12H5M12 19l-7-7 7-7" })
+                                  ]))
+                                ], 8 /* PROPS */, ["onClick", "disabled", "title"]))
+                              : _createCommentVNode("v-if", true),
+                            _createElementVNode("button", {
+                              class: "btn-mini btn-confirm-mini",
+                              onClick: _ctx.applyAgentsContent,
+                              disabled: _ctx.agentsSaving || _ctx.agentsLoading || _ctx.agentsDiffLoading || (!_ctx.agentsDiffVisible && !_ctx.hasAgentsContentChanged()) || (_ctx.agentsDiffVisible && !_ctx.agentsDiffHasChanges),
+                              title: _ctx.agentsDiffVisible ? _ctx.t('common.save') : _ctx.t('common.preview')
+                            }, [
+                              (_ctx.agentsDiffVisible)
+                                ? (_openBlock(), _createElementBlock("svg", {
+                                    key: 0,
+                                    class: "btn-icon-sm",
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    stroke: "currentColor",
+                                    "stroke-width": "2"
+                                  }, [
+                                    _createElementVNode("path", { d: "M20 6L9 17l-5-5" })
+                                  ]))
+                                : (_openBlock(), _createElementBlock("svg", {
+                                    key: 1,
+                                    class: "btn-icon-sm",
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    stroke: "currentColor",
+                                    "stroke-width": "2"
+                                  }, [
+                                    _createElementVNode("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+                                    _createElementVNode("circle", {
+                                      cx: "12",
+                                      cy: "12",
+                                      r: "3"
+                                    })
+                                  ]))
+                            ], 8 /* PROPS */, ["onClick", "disabled", "title"])
+                          ])
+                        ])
+                      ]),
+                      _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 */))
                                 ]))
-                              }), 128 /* KEYED_FRAGMENT */))
+                          ])
+                        ])
+                      ]),
+                      _createElementVNode("div", { class: "form-group" }, [
+                        (_ctx.agentsDiffVisible)
+                          ? (_openBlock(), _createElementBlock("div", { key: 0 }, [
+                              (!_ctx.agentsDiffLoading && !_ctx.agentsDiffError && !_ctx.agentsDiffTruncated && (_ctx.agentsDiffStats.added || _ctx.agentsDiffStats.removed))
+                                ? (_openBlock(), _createElementBlock("div", {
+                                    key: 0,
+                                    class: "agents-diff-summary"
+                                  }, [
+                                    _createElementVNode("span", { class: "agents-diff-stat add" }, "+" + _toDisplayString(_ctx.agentsDiffStats.added), 1 /* TEXT */),
+                                    _createElementVNode("span", { class: "agents-diff-stat del" }, "-" + _toDisplayString(_ctx.agentsDiffStats.removed), 1 /* TEXT */)
+                                  ]))
+                                : _createCommentVNode("v-if", true),
+                              (_ctx.agentsDiffLoading)
+                                ? (_openBlock(), _createElementBlock("div", {
+                                    key: 1,
+                                    class: "state-message"
+                                  }, _toDisplayString(_ctx.t('diff.generating')), 1 /* TEXT */))
+                                : (_ctx.agentsDiffError)
+                                  ? (_openBlock(), _createElementBlock("div", {
+                                      key: 2,
+                                      class: "state-message error"
+                                    }, _toDisplayString(_ctx.agentsDiffError), 1 /* TEXT */))
+                                  : (_ctx.agentsDiffTruncated)
+                                    ? (_openBlock(), _createElementBlock("div", {
+                                        key: 3,
+                                        class: "agents-diff-empty"
+                                      }, _toDisplayString(_ctx.t('diff.tooLargeSkip')), 1 /* TEXT */))
+                                    : (!_ctx.agentsDiffHasChanges)
+                                      ? (_openBlock(), _createElementBlock("div", {
+                                          key: 4,
+                                          class: "agents-diff-empty"
+                                        }, _toDisplayString(_ctx.t('diff.noChanges')), 1 /* TEXT */))
+                                      : (_openBlock(), _createElementBlock("div", {
+                                          key: 5,
+                                          class: "agents-diff-view agents-diff-editor"
+                                        }, [
+                                          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.agentsDiffLines, (line, index) => {
+                                            return (_openBlock(), _createElementBlock("div", {
+                                              key: line.key || (line.type + '-' + index),
+                                              class: _normalizeClass(['agents-diff-line', line.type])
+                                            }, [
+                                              _createElementVNode("span", { class: "agents-diff-line-sign" }, _toDisplayString(line.type === 'add' ? '+' : (line.type === 'del' ? '-' : ' ')), 1 /* TEXT */),
+                                              _createElementVNode("span", { class: "agents-diff-line-text" }, _toDisplayString(line.value), 1 /* TEXT */)
+                                            ], 2 /* CLASS */))
+                                          }), 128 /* KEYED_FRAGMENT */))
+                                        ]))
                             ]))
-                      ])
-                    ])
-                  ]),
-                  _createElementVNode("div", { class: "form-group" }, [
-                    (_ctx.agentsDiffVisible)
-                      ? (_openBlock(), _createElementBlock("div", { key: 0 }, [
-                          (!_ctx.agentsDiffLoading && !_ctx.agentsDiffError && !_ctx.agentsDiffTruncated && (_ctx.agentsDiffStats.added || _ctx.agentsDiffStats.removed))
+                          : _createCommentVNode("v-if", true),
+                        _createElementVNode("div", {
+                          class: _normalizeClass(['editor-frame', { 'editor-frame--loading': _ctx.agentsLoading }])
+                        }, [
+                          (_ctx.agentsLoading)
                             ? (_openBlock(), _createElementBlock("div", {
                                 key: 0,
-                                class: "agents-diff-summary"
+                                class: "editor-skeleton"
                               }, [
-                                _createElementVNode("span", { class: "agents-diff-stat add" }, "+" + _toDisplayString(_ctx.agentsDiffStats.added), 1 /* TEXT */),
-                                _createElementVNode("span", { class: "agents-diff-stat del" }, "-" + _toDisplayString(_ctx.agentsDiffStats.removed), 1 /* TEXT */)
+                                (_openBlock(), _createElementBlock(_Fragment, null, _renderList(6, (i) => {
+                                  return _createElementVNode("div", {
+                                    class: "skeleton-line",
+                                    key: i
+                                  })
+                                }), 64 /* STABLE_FRAGMENT */))
                               ]))
                             : _createCommentVNode("v-if", true),
-                          (_ctx.agentsDiffLoading)
-                            ? (_openBlock(), _createElementBlock("div", {
-                                key: 1,
-                                class: "state-message"
-                              }, _toDisplayString(_ctx.t('diff.generating')), 1 /* TEXT */))
-                            : (_ctx.agentsDiffError)
-                              ? (_openBlock(), _createElementBlock("div", {
-                                  key: 2,
-                                  class: "state-message error"
-                                }, _toDisplayString(_ctx.agentsDiffError), 1 /* TEXT */))
-                              : (_ctx.agentsDiffTruncated)
-                                ? (_openBlock(), _createElementBlock("div", {
-                                    key: 3,
-                                    class: "agents-diff-empty"
-                                  }, _toDisplayString(_ctx.t('diff.tooLargeSkip')), 1 /* TEXT */))
-                                : (!_ctx.agentsDiffHasChanges)
+                          _withDirectives(_createElementVNode("textarea", {
+                            "onUpdate:modelValue": $event => ((_ctx.agentsContent) = $event),
+                            class: "form-input template-editor",
+                            spellcheck: "false",
+                            readonly: _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible,
+                            onInput: _ctx.onAgentsContentInput,
+                            placeholder: _ctx.t(_ctx.promptsSubTab === 'claude-project' ? 'modal.agents.placeholder.claudeProject' : 'modal.agents.placeholder')
+                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "readonly", "onInput", "placeholder"]), [
+                            [_vModelText, _ctx.agentsContent]
+                          ])
+                        ], 2 /* CLASS */),
+                        (_ctx.promptsContextHint)
+                          ? (_openBlock(), _createElementBlock("div", {
+                              key: 1,
+                              class: _normalizeClass(['prompts-context-hint', { 'prompts-context-hint--warn': _ctx.promptsContextHint.warn }])
+                            }, _toDisplayString(_ctx.promptsContextHint.text), 3 /* TEXT, CLASS */))
+                          : _createCommentVNode("v-if", true)
+                      ])
+                    ]))
+                  : _createCommentVNode("v-if", true),
+                (_ctx.promptsSubTab === 'system')
+                  ? (_openBlock(), _createElementBlock("div", { key: 2 }, [
+                      _createElementVNode("div", { class: "sys-prompt-controls" }, [
+                        _createElementVNode("div", { class: "sys-prompt-control-group" }, [
+                          _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('sysPrompt.scope.label')), 1 /* TEXT */),
+                          _createElementVNode("select", {
+                            class: "form-input sys-prompt-select",
+                            value: _ctx.sysPromptScope,
+                            onChange: $event => (_ctx.switchSysPromptScope($event.target.value)),
+                            disabled: _ctx.sysPromptLoading || _ctx.sysPromptSaving || _ctx.sysPromptDiffVisible
+                          }, [
+                            _createElementVNode("option", { value: "global" }, _toDisplayString(_ctx.t('sysPrompt.scope.global')), 1 /* TEXT */),
+                            _createElementVNode("option", { value: "project" }, _toDisplayString(_ctx.t('sysPrompt.scope.project')), 1 /* TEXT */)
+                          ], 40 /* PROPS, NEED_HYDRATION */, ["value", "onChange", "disabled"])
+                        ]),
+                        _createElementVNode("div", { class: "sys-prompt-control-group" }, [
+                          _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('sysPrompt.mode.label')), 1 /* TEXT */),
+                          _createElementVNode("select", {
+                            class: "form-input sys-prompt-select",
+                            value: _ctx.sysPromptMode,
+                            onChange: $event => (_ctx.switchSysPromptMode($event.target.value)),
+                            disabled: _ctx.sysPromptLoading || _ctx.sysPromptSaving || _ctx.sysPromptDiffVisible
+                          }, [
+                            _createElementVNode("option", { value: "append" }, _toDisplayString(_ctx.t('sysPrompt.mode.append')), 1 /* TEXT */),
+                            _createElementVNode("option", { value: "system" }, _toDisplayString(_ctx.t('sysPrompt.mode.system')), 1 /* TEXT */)
+                          ], 40 /* PROPS, NEED_HYDRATION */, ["value", "onChange", "disabled"])
+                        ])
+                      ]),
+                      _createElementVNode("div", { class: "prompts-editor" }, [
+                        _createElementVNode("div", { class: "prompts-editor-toolbar" }, [
+                          _createElementVNode("div", { class: "form-hint" }, [
+                            _createTextVNode(_toDisplayString(_ctx.sysPromptPath || _ctx.t('common.notLoaded')) + " ", 1 /* TEXT */),
+                            (_ctx.sysPromptPath)
+                              ? (_openBlock(), _createElementBlock("span", { key: 0 }, " （" + _toDisplayString(_ctx.sysPromptExists ? _ctx.t('common.exists') : _ctx.t('common.notExistsWillCreateOnSave')) + "） ", 1 /* TEXT */))
+                              : _createCommentVNode("v-if", true)
+                          ]),
+                          _createElementVNode("div", { class: "prompts-editor-actions" }, [
+                            _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--secondary" }, [
+                              _createElementVNode("button", {
+                                class: "btn-mini",
+                                onClick: _ctx.exportSysPromptContent,
+                                disabled: _ctx.sysPromptLoading || _ctx.sysPromptSaving || !_ctx.sysPromptContent,
+                                title: _ctx.t('modal.agents.export')
+                              }, [
+                                (_openBlock(), _createElementBlock("svg", {
+                                  class: "btn-icon-sm",
+                                  viewBox: "0 0 24 24",
+                                  fill: "none",
+                                  stroke: "currentColor",
+                                  "stroke-width": "2"
+                                }, [
+                                  _createElementVNode("path", { d: "M12 3v12M8 11l4 4 4-4M4 17v2h16v-2" })
+                                ]))
+                              ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
+                              _createElementVNode("button", {
+                                class: "btn-mini",
+                                onClick: _ctx.copySysPromptContent,
+                                disabled: _ctx.sysPromptLoading || _ctx.sysPromptSaving || !_ctx.sysPromptContent,
+                                title: _ctx.t('modal.agents.copy')
+                              }, [
+                                (_openBlock(), _createElementBlock("svg", {
+                                  class: "btn-icon-sm",
+                                  viewBox: "0 0 24 24",
+                                  fill: "none",
+                                  stroke: "currentColor",
+                                  "stroke-width": "2"
+                                }, [
+                                  _createElementVNode("rect", {
+                                    x: "9",
+                                    y: "9",
+                                    width: "13",
+                                    height: "13",
+                                    rx: "2"
+                                  }),
+                                  _createElementVNode("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
+                                ]))
+                              ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
+                              _createElementVNode("button", {
+                                class: "btn-mini",
+                                onClick: _ctx.pasteSysPromptContent,
+                                disabled: _ctx.sysPromptLoading || _ctx.sysPromptSaving || _ctx.sysPromptDiffVisible,
+                                title: _ctx.t('common.paste')
+                              }, [
+                                (_openBlock(), _createElementBlock("svg", {
+                                  class: "btn-icon-sm",
+                                  viewBox: "0 0 24 24",
+                                  fill: "none",
+                                  stroke: "currentColor",
+                                  "stroke-width": "2"
+                                }, [
+                                  _createElementVNode("rect", {
+                                    x: "8",
+                                    y: "2",
+                                    width: "8",
+                                    height: "4",
+                                    rx: "1"
+                                  }),
+                                  _createElementVNode("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2" })
+                                ]))
+                              ], 8 /* PROPS */, ["onClick", "disabled", "title"])
+                            ]),
+                            _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--workflow" }, [
+                              _createElementVNode("button", {
+                                class: "btn-mini",
+                                onClick: _ctx.cancelSysPromptEdit,
+                                disabled: _ctx.sysPromptSaving || _ctx.sysPromptDiffLoading,
+                                title: _ctx.t('common.cancel')
+                              }, [
+                                (_openBlock(), _createElementBlock("svg", {
+                                  class: "btn-icon-sm",
+                                  viewBox: "0 0 24 24",
+                                  fill: "none",
+                                  stroke: "currentColor",
+                                  "stroke-width": "2"
+                                }, [
+                                  _createElementVNode("path", { d: "M18 6L6 18M6 6l12 12" })
+                                ]))
+                              ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
+                              (_ctx.sysPromptDiffVisible)
+                                ? (_openBlock(), _createElementBlock("button", {
+                                    key: 0,
+                                    class: "btn-mini",
+                                    onClick: _ctx.resetSysPromptDiffState,
+                                    disabled: _ctx.sysPromptSaving || _ctx.sysPromptDiffLoading,
+                                    title: _ctx.t('common.backToEdit')
+                                  }, [
+                                    (_openBlock(), _createElementBlock("svg", {
+                                      class: "btn-icon-sm",
+                                      viewBox: "0 0 24 24",
+                                      fill: "none",
+                                      stroke: "currentColor",
+                                      "stroke-width": "2"
+                                    }, [
+                                      _createElementVNode("path", { d: "M19 12H5M12 19l-7-7 7-7" })
+                                    ]))
+                                  ], 8 /* PROPS */, ["onClick", "disabled", "title"]))
+                                : _createCommentVNode("v-if", true),
+                              _createElementVNode("button", {
+                                class: "btn-mini btn-confirm-mini",
+                                onClick: _ctx.applySystemPrompt,
+                                disabled: _ctx.sysPromptSaving || _ctx.sysPromptLoading || _ctx.sysPromptDiffLoading || (!_ctx.sysPromptDiffVisible && !_ctx.hasSysPromptContentChanged()) || (_ctx.sysPromptDiffVisible && !_ctx.sysPromptDiffHasChangesValue),
+                                title: _ctx.sysPromptDiffVisible ? _ctx.t('common.save') : _ctx.t('common.preview')
+                              }, [
+                                (_ctx.sysPromptDiffVisible)
+                                  ? (_openBlock(), _createElementBlock("svg", {
+                                      key: 0,
+                                      class: "btn-icon-sm",
+                                      viewBox: "0 0 24 24",
+                                      fill: "none",
+                                      stroke: "currentColor",
+                                      "stroke-width": "2"
+                                    }, [
+                                      _createElementVNode("path", { d: "M20 6L9 17l-5-5" })
+                                    ]))
+                                  : (_openBlock(), _createElementBlock("svg", {
+                                      key: 1,
+                                      class: "btn-icon-sm",
+                                      viewBox: "0 0 24 24",
+                                      fill: "none",
+                                      stroke: "currentColor",
+                                      "stroke-width": "2"
+                                    }, [
+                                      _createElementVNode("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+                                      _createElementVNode("circle", {
+                                        cx: "12",
+                                        cy: "12",
+                                        r: "3"
+                                      })
+                                    ]))
+                              ], 8 /* PROPS */, ["onClick", "disabled", "title"])
+                            ])
+                          ])
+                        ]),
+                        _createElementVNode("div", { class: "form-group" }, [
+                          (_ctx.sysPromptDiffVisible)
+                            ? (_openBlock(), _createElementBlock("div", { key: 0 }, [
+                                (!_ctx.sysPromptDiffLoading && !_ctx.sysPromptDiffError && !_ctx.sysPromptDiffTruncated && (_ctx.sysPromptDiffStats.added || _ctx.sysPromptDiffStats.removed))
                                   ? (_openBlock(), _createElementBlock("div", {
-                                      key: 4,
-                                      class: "agents-diff-empty"
-                                    }, _toDisplayString(_ctx.t('diff.noChanges')), 1 /* TEXT */))
-                                  : (_openBlock(), _createElementBlock("div", {
-                                      key: 5,
-                                      class: "agents-diff-view agents-diff-editor"
+                                      key: 0,
+                                      class: "agents-diff-summary"
                                     }, [
-                                      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.agentsDiffLines, (line, index) => {
-                                        return (_openBlock(), _createElementBlock("div", {
-                                          key: line.key || (line.type + '-' + index),
-                                          class: _normalizeClass(['agents-diff-line', line.type])
-                                        }, [
-                                          _createElementVNode("span", { class: "agents-diff-line-sign" }, _toDisplayString(line.type === 'add' ? '+' : (line.type === 'del' ? '-' : ' ')), 1 /* TEXT */),
-                                          _createElementVNode("span", { class: "agents-diff-line-text" }, _toDisplayString(line.value), 1 /* TEXT */)
-                                        ], 2 /* CLASS */))
-                                      }), 128 /* KEYED_FRAGMENT */))
+                                      _createElementVNode("span", { class: "agents-diff-stat add" }, "+" + _toDisplayString(_ctx.sysPromptDiffStats.added), 1 /* TEXT */),
+                                      _createElementVNode("span", { class: "agents-diff-stat del" }, "-" + _toDisplayString(_ctx.sysPromptDiffStats.removed), 1 /* TEXT */)
                                     ]))
-                        ]))
-                      : _createCommentVNode("v-if", true),
-                    _createElementVNode("div", {
-                      class: _normalizeClass(['editor-frame', { 'editor-frame--loading': _ctx.agentsLoading }])
-                    }, [
-                      (_ctx.agentsLoading)
-                        ? (_openBlock(), _createElementBlock("div", {
-                            key: 0,
-                            class: "editor-skeleton"
+                                  : _createCommentVNode("v-if", true),
+                                (_ctx.sysPromptDiffLoading)
+                                  ? (_openBlock(), _createElementBlock("div", {
+                                      key: 1,
+                                      class: "state-message"
+                                    }, _toDisplayString(_ctx.t('diff.generating')), 1 /* TEXT */))
+                                  : (_ctx.sysPromptDiffError)
+                                    ? (_openBlock(), _createElementBlock("div", {
+                                        key: 2,
+                                        class: "state-message error"
+                                      }, _toDisplayString(_ctx.sysPromptDiffError), 1 /* TEXT */))
+                                    : (_ctx.sysPromptDiffTruncated)
+                                      ? (_openBlock(), _createElementBlock("div", {
+                                          key: 3,
+                                          class: "agents-diff-empty"
+                                        }, _toDisplayString(_ctx.t('diff.tooLargeSkip')), 1 /* TEXT */))
+                                      : (!_ctx.sysPromptDiffHasChangesValue)
+                                        ? (_openBlock(), _createElementBlock("div", {
+                                            key: 4,
+                                            class: "agents-diff-empty"
+                                          }, _toDisplayString(_ctx.t('diff.noChanges')), 1 /* TEXT */))
+                                        : (_openBlock(), _createElementBlock("div", {
+                                            key: 5,
+                                            class: "agents-diff-view agents-diff-editor"
+                                          }, [
+                                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.sysPromptDiffLines, (line, index) => {
+                                              return (_openBlock(), _createElementBlock("div", {
+                                                key: 'sys-prompt-diff-' + index,
+                                                class: _normalizeClass(['agents-diff-line', line.type])
+                                              }, [
+                                                _createElementVNode("span", { class: "agents-diff-line-sign" }, _toDisplayString(line.type === 'add' ? '+' : (line.type === 'del' ? '-' : ' ')), 1 /* TEXT */),
+                                                _createElementVNode("span", { class: "agents-diff-line-text" }, _toDisplayString(line.value), 1 /* TEXT */)
+                                              ], 2 /* CLASS */))
+                                            }), 128 /* KEYED_FRAGMENT */))
+                                          ]))
+                              ]))
+                            : _createCommentVNode("v-if", true),
+                          _createElementVNode("div", {
+                            class: _normalizeClass(['editor-frame', { 'editor-frame--loading': _ctx.sysPromptLoading }])
                           }, [
-                            (_openBlock(), _createElementBlock(_Fragment, null, _renderList(6, (i) => {
-                              return _createElementVNode("div", {
-                                class: "skeleton-line",
-                                key: i
-                              })
-                            }), 64 /* STABLE_FRAGMENT */))
-                          ]))
-                        : _createCommentVNode("v-if", true),
-                      _withDirectives(_createElementVNode("textarea", {
-                        "onUpdate:modelValue": $event => ((_ctx.agentsContent) = $event),
-                        class: "form-input template-editor",
-                        spellcheck: "false",
-                        readonly: _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible,
-                        onInput: _ctx.onAgentsContentInput,
-                        placeholder: _ctx.t(_ctx.promptsSubTab === 'claude-project' ? 'modal.agents.placeholder.claudeProject' : 'modal.agents.placeholder')
-                      }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "readonly", "onInput", "placeholder"]), [
-                        [_vModelText, _ctx.agentsContent]
+                            (_ctx.sysPromptLoading)
+                              ? (_openBlock(), _createElementBlock("div", {
+                                  key: 0,
+                                  class: "editor-skeleton"
+                                }, [
+                                  (_openBlock(), _createElementBlock(_Fragment, null, _renderList(6, (i) => {
+                                    return _createElementVNode("div", {
+                                      class: "skeleton-line",
+                                      key: i
+                                    })
+                                  }), 64 /* STABLE_FRAGMENT */))
+                                ]))
+                              : _createCommentVNode("v-if", true),
+                            _withDirectives(_createElementVNode("textarea", {
+                              "onUpdate:modelValue": $event => ((_ctx.sysPromptContent) = $event),
+                              class: "form-input template-editor",
+                              spellcheck: "false",
+                              readonly: _ctx.sysPromptLoading || _ctx.sysPromptSaving || _ctx.sysPromptDiffVisible,
+                              placeholder: _ctx.t('sysPrompt.placeholder')
+                            }, null, 8 /* PROPS */, ["onUpdate:modelValue", "readonly", "placeholder"]), [
+                              [_vModelText, _ctx.sysPromptContent]
+                            ])
+                          ], 2 /* CLASS */),
+                          (_ctx.sysPromptContextHint())
+                            ? (_openBlock(), _createElementBlock("div", {
+                                key: 1,
+                                class: _normalizeClass(['prompts-context-hint', { 'prompts-context-hint--warn': _ctx.sysPromptContextHint().warn }])
+                              }, _toDisplayString(_ctx.sysPromptContextHint().text), 3 /* TEXT, CLASS */))
+                            : _createCommentVNode("v-if", true)
+                        ])
                       ])
-                    ], 2 /* CLASS */),
-                    (_ctx.promptsContextHint)
-                      ? (_openBlock(), _createElementBlock("div", {
-                          key: 1,
-                          class: _normalizeClass(['prompts-context-hint', { 'prompts-context-hint--warn': _ctx.promptsContextHint.warn }])
-                        }, _toDisplayString(_ctx.promptsContextHint.text), 3 /* TEXT, CLASS */))
-                      : _createCommentVNode("v-if", true)
-                  ])
-                ])
+                    ]))
+                  : _createCommentVNode("v-if", true)
               ]))
             : _createCommentVNode("v-if", true),
           _createCommentVNode(" 加载状态 "),