codexmate 0.1.15 → 0.1.17

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

@@ -661,13 +661,35 @@ return function render(_ctx, _cache) {
                               _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.opencodeConfigPath || _ctx.t('common.notSelected')), 1 /* TEXT */)
                             ])
                           ], 64 /* STABLE_FRAGMENT */))
-                        : (_openBlock(), _createElementBlock("div", {
-                            key: 4,
-                            class: "status-chip"
-                          }, [
-                            _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.configMode')), 1 /* TEXT */),
-                            _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.t('common.notSelected')), 1 /* TEXT */)
-                          ]))
+                        : (_ctx.configMode === 'kilocode')
+                          ? (_openBlock(), _createElementBlock(_Fragment, { key: 4 }, [
+                              _createElementVNode("div", { class: "status-chip" }, [
+                                _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.kilocodeProvider')), 1 /* TEXT */),
+                                _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.kilocodeProvider || _ctx.t('common.notSelected')), 1 /* TEXT */)
+                              ]),
+                              _createElementVNode("div", { class: "status-chip" }, [
+                                _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.kilocodeModel')), 1 /* TEXT */),
+                                _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.kilocodeModel || _ctx.t('common.notSelected')), 1 /* TEXT */)
+                              ])
+                            ], 64 /* STABLE_FRAGMENT */))
+                          : (_ctx.configMode === 'pi')
+                            ? (_openBlock(), _createElementBlock(_Fragment, { key: 5 }, [
+                                _createElementVNode("div", { class: "status-chip" }, [
+                                  _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.piProvider')), 1 /* TEXT */),
+                                  _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.piActiveProvider || _ctx.t('common.notSelected')), 1 /* TEXT */)
+                                ]),
+                                _createElementVNode("div", { class: "status-chip" }, [
+                                  _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.piModel')), 1 /* TEXT */),
+                                  _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.piActiveModel || _ctx.t('common.notSelected')), 1 /* TEXT */)
+                                ])
+                              ], 64 /* STABLE_FRAGMENT */))
+                            : (_openBlock(), _createElementBlock("div", {
+                                key: 6,
+                                class: "status-chip"
+                              }, [
+                                _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.configMode')), 1 /* TEXT */),
+                                _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.t('common.notSelected')), 1 /* TEXT */)
+                              ]))
               ]))
             : (!_ctx.sessionStandalone && _ctx.mainTab === 'sessions')
               ? (_openBlock(), _createElementBlock("div", {
@@ -3598,6 +3620,208 @@ return function render(_ctx, _cache) {
                       ])
                     ]))
                   : _createCommentVNode("v-if", true),
+                _createElementVNode("section", { class: "selector-section" }, [
+                  _createElementVNode("div", { class: "selector-header" }, [
+                    _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('pi.files.title')), 1 /* TEXT */)
+                  ]),
+                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('pi.files.desc')), 1 /* TEXT */),
+                  _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.files.settingsTitle')), 1 /* TEXT */),
+                  _withDirectives(_createElementVNode("textarea", {
+                    class: "template-textarea config-json-editor",
+                    "onUpdate:modelValue": $event => ((_ctx.piSettingsJsonDraft) = $event),
+                    spellcheck: "false",
+                    autocomplete: "off",
+                    disabled: !_ctx.isToolConfigWriteAllowed('pi'),
+                    onInput: _ctx.piSettingsJsonInput,
+                    placeholder: "{}"
+                  }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "disabled", "onInput"]), [
+                    [_vModelText, _ctx.piSettingsJsonDraft]
+                  ]),
+                  (_ctx.piSettingsJsonError)
+                    ? (_openBlock(), _createElementBlock("p", {
+                        key: 0,
+                        class: "config-template-hint error-text"
+                      }, _toDisplayString(_ctx.piSettingsJsonError), 1 /* TEXT */))
+                    : _createCommentVNode("v-if", true),
+                  _createElementVNode("div", { class: "settings-tab-actions" }, [
+                    _createElementVNode("button", {
+                      type: "button",
+                      class: "btn-tool",
+                      onClick: _ctx.savePiSettingsJson,
+                      disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving || _ctx.piFileJsonSaving || !!_ctx.piSettingsJsonError
+                    }, _toDisplayString(_ctx.t('common.save')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                    _createElementVNode("button", {
+                      type: "button",
+                      class: "btn-mini",
+                      onClick: $event => (_ctx.openPiConfigHistory('settings')),
+                      disabled: _ctx.piHistoryLoading
+                    }, _toDisplayString(_ctx.t('common.history')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                  ]),
+                  (_ctx.piHistoryTarget === 'settings')
+                    ? (_openBlock(), _createElementBlock("details", {
+                        key: 1,
+                        class: "prompt-history-panel",
+                        open: ""
+                      }, [
+                        _createElementVNode("summary", { class: "prompt-history-summary" }, [
+                          _createElementVNode("span", null, _toDisplayString(_ctx.t('common.history')), 1 /* TEXT */),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini prompt-history-close",
+                            onClick: _ctx.closePiConfigHistory,
+                            title: _ctx.t('common.close')
+                          }, "✕", 8 /* PROPS */, ["onClick", "title"])
+                        ]),
+                        _createElementVNode("div", { class: "prompt-history-body" }, [
+                          (!_ctx.piHistoryLoading && !_ctx.piHistoryError && _ctx.piHistoryItems.length)
+                            ? (_openBlock(), _createElementBlock("ul", {
+                                key: 0,
+                                class: "prompt-history-list"
+                              }, [
+                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.piHistoryItems, (item) => {
+                                  return (_openBlock(), _createElementBlock("li", {
+                                    key: item.id,
+                                    class: _normalizeClass(['prompt-history-item', { active: _ctx.piHistoryPreviewId === item.id }]),
+                                    onClick: $event => (_ctx.viewPiConfigHistoryItem(item))
+                                  }, [
+                                    _createElementVNode("span", { class: "prompt-history-time" }, _toDisplayString(item.id), 1 /* TEXT */),
+                                    _createElementVNode("span", { class: "prompt-history-size" }, _toDisplayString(Math.round(item.size / 1024 * 10) / 10) + " KB", 1 /* TEXT */)
+                                  ], 10 /* CLASS, PROPS */, ["onClick"]))
+                                }), 128 /* KEYED_FRAGMENT */))
+                              ]))
+                            : _createCommentVNode("v-if", true),
+                          (_ctx.piHistoryLoading)
+                            ? (_openBlock(), _createElementBlock("div", {
+                                key: 1,
+                                class: "state-message"
+                              }, _toDisplayString(_ctx.t('diff.generating')), 1 /* TEXT */))
+                            : (_ctx.piHistoryError)
+                              ? (_openBlock(), _createElementBlock("div", {
+                                  key: 2,
+                                  class: "state-message error"
+                                }, _toDisplayString(_ctx.piHistoryError), 1 /* TEXT */))
+                              : (!_ctx.piHistoryItems.length)
+                                ? (_openBlock(), _createElementBlock("div", {
+                                    key: 3,
+                                    class: "state-message"
+                                  }, _toDisplayString(_ctx.t('toast.history.empty')), 1 /* TEXT */))
+                                : _createCommentVNode("v-if", true),
+                          (_ctx.piHistoryPreviewContent)
+                            ? (_openBlock(), _createElementBlock("div", {
+                                key: 4,
+                                class: "prompt-history-preview-wrap"
+                              }, [
+                                _createElementVNode("pre", { class: "prompt-history-preview" }, _toDisplayString(_ctx.piHistoryPreviewContent), 1 /* TEXT */),
+                                _createElementVNode("button", {
+                                  type: "button",
+                                  class: "btn-mini btn-confirm-mini",
+                                  onClick: _ctx.applyPiConfigHistory,
+                                  disabled: _ctx.piHistoryApplying || !_ctx.isToolConfigWriteAllowed('pi')
+                                }, _toDisplayString(_ctx.t('pi.history.apply')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                              ]))
+                            : _createCommentVNode("v-if", true)
+                        ])
+                      ]))
+                    : _createCommentVNode("v-if", true),
+                  _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.files.modelsTitle')), 1 /* TEXT */),
+                  _withDirectives(_createElementVNode("textarea", {
+                    class: "template-textarea config-json-editor",
+                    "onUpdate:modelValue": $event => ((_ctx.piModelsJsonDraft) = $event),
+                    spellcheck: "false",
+                    autocomplete: "off",
+                    disabled: !_ctx.isToolConfigWriteAllowed('pi'),
+                    onInput: _ctx.piModelsJsonInput,
+                    placeholder: "{}"
+                  }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "disabled", "onInput"]), [
+                    [_vModelText, _ctx.piModelsJsonDraft]
+                  ]),
+                  (_ctx.piModelsJsonError)
+                    ? (_openBlock(), _createElementBlock("p", {
+                        key: 2,
+                        class: "config-template-hint error-text"
+                      }, _toDisplayString(_ctx.piModelsJsonError), 1 /* TEXT */))
+                    : _createCommentVNode("v-if", true),
+                  _createElementVNode("div", { class: "settings-tab-actions" }, [
+                    _createElementVNode("button", {
+                      type: "button",
+                      class: "btn-tool",
+                      onClick: _ctx.savePiModelsJson,
+                      disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving || _ctx.piFileJsonSaving || !!_ctx.piModelsJsonError
+                    }, _toDisplayString(_ctx.t('common.save')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                    _createElementVNode("button", {
+                      type: "button",
+                      class: "btn-mini",
+                      onClick: $event => (_ctx.openPiConfigHistory('models')),
+                      disabled: _ctx.piHistoryLoading
+                    }, _toDisplayString(_ctx.t('common.history')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                  ]),
+                  (_ctx.piHistoryTarget === 'models')
+                    ? (_openBlock(), _createElementBlock("details", {
+                        key: 3,
+                        class: "prompt-history-panel",
+                        open: ""
+                      }, [
+                        _createElementVNode("summary", { class: "prompt-history-summary" }, [
+                          _createElementVNode("span", null, _toDisplayString(_ctx.t('common.history')), 1 /* TEXT */),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini prompt-history-close",
+                            onClick: _ctx.closePiConfigHistory,
+                            title: _ctx.t('common.close')
+                          }, "✕", 8 /* PROPS */, ["onClick", "title"])
+                        ]),
+                        _createElementVNode("div", { class: "prompt-history-body" }, [
+                          (!_ctx.piHistoryLoading && !_ctx.piHistoryError && _ctx.piHistoryItems.length)
+                            ? (_openBlock(), _createElementBlock("ul", {
+                                key: 0,
+                                class: "prompt-history-list"
+                              }, [
+                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.piHistoryItems, (item) => {
+                                  return (_openBlock(), _createElementBlock("li", {
+                                    key: item.id,
+                                    class: _normalizeClass(['prompt-history-item', { active: _ctx.piHistoryPreviewId === item.id }]),
+                                    onClick: $event => (_ctx.viewPiConfigHistoryItem(item))
+                                  }, [
+                                    _createElementVNode("span", { class: "prompt-history-time" }, _toDisplayString(item.id), 1 /* TEXT */),
+                                    _createElementVNode("span", { class: "prompt-history-size" }, _toDisplayString(Math.round(item.size / 1024 * 10) / 10) + " KB", 1 /* TEXT */)
+                                  ], 10 /* CLASS, PROPS */, ["onClick"]))
+                                }), 128 /* KEYED_FRAGMENT */))
+                              ]))
+                            : _createCommentVNode("v-if", true),
+                          (_ctx.piHistoryLoading)
+                            ? (_openBlock(), _createElementBlock("div", {
+                                key: 1,
+                                class: "state-message"
+                              }, _toDisplayString(_ctx.t('diff.generating')), 1 /* TEXT */))
+                            : (_ctx.piHistoryError)
+                              ? (_openBlock(), _createElementBlock("div", {
+                                  key: 2,
+                                  class: "state-message error"
+                                }, _toDisplayString(_ctx.piHistoryError), 1 /* TEXT */))
+                              : (!_ctx.piHistoryItems.length)
+                                ? (_openBlock(), _createElementBlock("div", {
+                                    key: 3,
+                                    class: "state-message"
+                                  }, _toDisplayString(_ctx.t('toast.history.empty')), 1 /* TEXT */))
+                                : _createCommentVNode("v-if", true),
+                          (_ctx.piHistoryPreviewContent)
+                            ? (_openBlock(), _createElementBlock("div", {
+                                key: 4,
+                                class: "prompt-history-preview-wrap"
+                              }, [
+                                _createElementVNode("pre", { class: "prompt-history-preview" }, _toDisplayString(_ctx.piHistoryPreviewContent), 1 /* TEXT */),
+                                _createElementVNode("button", {
+                                  type: "button",
+                                  class: "btn-mini btn-confirm-mini",
+                                  onClick: _ctx.applyPiConfigHistory,
+                                  disabled: _ctx.piHistoryApplying || !_ctx.isToolConfigWriteAllowed('pi')
+                                }, _toDisplayString(_ctx.t('pi.history.apply')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                              ]))
+                            : _createCommentVNode("v-if", true)
+                        ])
+                      ]))
+                    : _createCommentVNode("v-if", true)
+                ]),
                 (!_ctx.isToolConfigWriteAllowed('pi'))
                   ? (_openBlock(), _createElementBlock("div", {
                       key: 2,
@@ -4697,40 +4921,55 @@ return function render(_ctx, _cache) {
                             })
                           ]))
                         : _createCommentVNode("v-if", true),
-                      _createCommentVNode(" Hero 区域：合并当前会话条 + 主要指标 "),
-                      _createElementVNode("div", { class: "usage-hero" }, [
-                        (_ctx.usageCurrentSessionStats)
-                          ? (_openBlock(), _createElementBlock("div", {
-                              key: 0,
-                              class: "usage-hero-active"
-                            }, [
-                              _createElementVNode("span", { class: "usage-hero-active-dot" }),
-                              _createElementVNode("span", { class: "usage-hero-active-label" }, _toDisplayString(_ctx.usageCurrentSessionStats.label), 1 /* TEXT */),
-                              _createElementVNode("span", { class: "usage-hero-active-stat" }, _toDisplayString(_ctx.usageCurrentSessionStats.tokenLabel) + " tokens", 1 /* TEXT */),
-                              _createElementVNode("span", { class: "usage-hero-active-stat" }, _toDisplayString(_ctx.usageCurrentSessionStats.apiDurationLabel) + " API", 1 /* TEXT */),
-                              _createElementVNode("span", { class: "usage-hero-active-stat" }, _toDisplayString(_ctx.usageCurrentSessionStats.totalDurationLabel) + " total", 1 /* TEXT */)
-                            ]))
-                          : _createCommentVNode("v-if", true),
-                        _createElementVNode("div", { class: "usage-hero-metrics" }, [
-                          _createElementVNode("div", { class: "usage-hero-main" }, _toDisplayString(_ctx.usageHeroMainValue), 1 /* TEXT */),
-                          _createElementVNode("div", { class: "usage-hero-sub" }, [
-                            _createElementVNode("span", null, _toDisplayString(_ctx.usageHeroSubLabel), 1 /* TEXT */),
-                            (_ctx.usageHeroDelta)
+                      (_ctx.usageCurrentSessionStats)
+                        ? (_openBlock(), _createElementBlock("div", {
+                            key: 1,
+                            class: "usage-active-strip",
+                            role: "status"
+                          }, [
+                            _createElementVNode("span", { class: "usage-hero-active-dot" }),
+                            _createElementVNode("span", { class: "usage-hero-active-label" }, _toDisplayString(_ctx.usageCurrentSessionStats.label), 1 /* TEXT */),
+                            _createElementVNode("span", { class: "usage-hero-active-stat" }, _toDisplayString(_ctx.usageCurrentSessionStats.tokenLabel) + " tokens", 1 /* TEXT */),
+                            _createElementVNode("span", { class: "usage-hero-active-stat" }, _toDisplayString(_ctx.usageCurrentSessionStats.apiDurationLabel) + " API", 1 /* TEXT */),
+                            _createElementVNode("span", { class: "usage-hero-active-stat" }, _toDisplayString(_ctx.usageCurrentSessionStats.totalDurationLabel) + " total", 1 /* TEXT */)
+                          ]))
+                        : _createCommentVNode("v-if", true),
+                      _createCommentVNode(" KPI 指标卡片行 "),
+                      _createElementVNode("div", { class: "usage-kpi-grid" }, [
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.usageKpiCards, (card) => {
+                          return (_openBlock(), _createElementBlock("div", {
+                            key: card.key,
+                            class: "usage-kpi-card"
+                          }, [
+                            _createElementVNode("div", { class: "usage-kpi-label" }, _toDisplayString(card.label), 1 /* TEXT */),
+                            _createElementVNode("div", {
+                              class: "usage-kpi-value",
+                              title: card.title || card.value
+                            }, _toDisplayString(card.value), 9 /* TEXT, PROPS */, ["title"]),
+                            (card.delta)
                               ? (_openBlock(), _createElementBlock("span", {
                                   key: 0,
-                                  class: _normalizeClass(['usage-hero-delta', _ctx.usageHeroDeltaClass])
-                                }, _toDisplayString(_ctx.usageHeroDelta), 3 /* TEXT, CLASS */))
+                                  class: _normalizeClass(['usage-hero-delta', card.deltaClass])
+                                }, _toDisplayString(card.delta), 3 /* TEXT, CLASS */))
                               : _createCommentVNode("v-if", true)
-                          ])
-                        ])
+                          ]))
+                        }), 128 /* KEYED_FRAGMENT */))
                       ]),
                       _createCommentVNode(" 波浪图 "),
                       (_ctx.sessionUsageWave.points && _ctx.sessionUsageWave.points.length)
                         ? (_openBlock(), _createElementBlock("section", {
-                            key: 1,
+                            key: 2,
                             class: "usage-wave-section"
                           }, [
-                            _createElementVNode("div", { class: "usage-card-title" }, _toDisplayString(_ctx.t('usage.daily.title')), 1 /* TEXT */),
+                            _createElementVNode("div", { class: "usage-card-title usage-wave-title" }, [
+                              _createElementVNode("span", null, _toDisplayString(_ctx.t('usage.daily.title')), 1 /* TEXT */),
+                              (_ctx.usageWaveHeaderSummary)
+                                ? (_openBlock(), _createElementBlock("span", {
+                                    key: 0,
+                                    class: "usage-wave-summary"
+                                  }, _toDisplayString(_ctx.usageWaveHeaderSummary), 1 /* TEXT */))
+                                : _createCommentVNode("v-if", true)
+                            ]),
                             _createElementVNode("div", { class: "usage-wave-container" }, [
                               _createElementVNode("div", { class: "usage-wave-yaxis" }, [
                                 (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.sessionUsageWave.yTicks, (tick) => {
@@ -4895,7 +5134,7 @@ return function render(_ctx, _cache) {
                         _createCommentVNode(" Top Sessions "),
                         _createElementVNode("section", { class: "usage-card" }, [
                           _createElementVNode("div", { class: "usage-card-title" }, _toDisplayString(_ctx.t('usage.sessions.topDensity')), 1 /* TEXT */),
-                          (!_ctx.sessionUsageCharts.topSessionsByMessages.length)
+                          (!_ctx.usageRankedLists.topSessions.length)
                             ? (_openBlock(), _createElementBlock("div", {
                                 key: 0,
                                 class: "usage-list-value"
@@ -4904,7 +5143,7 @@ return function render(_ctx, _cache) {
                                 key: 1,
                                 class: "usage-list-compact"
                               }, [
-                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.sessionUsageCharts.topSessionsByMessages, (item) => {
+                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.usageRankedLists.topSessions, (item) => {
                                   return (_openBlock(), _createElementBlock("div", {
                                     key: item.key + '-dense',
                                     class: "usage-list-compact-item",
@@ -4914,7 +5153,16 @@ return function render(_ctx, _cache) {
                                     _createElementVNode("span", { class: "usage-list-bullet" }, "·"),
                                     _createElementVNode("div", { class: "usage-list-compact-content" }, [
                                       _createElementVNode("div", { class: "usage-list-title" }, _toDisplayString(item.title), 1 /* TEXT */),
-                                      _createElementVNode("div", { class: "usage-list-meta" }, _toDisplayString(item.messageCount) + " msgs · " + _toDisplayString(item.sourceLabel) + " · " + _toDisplayString(item.updatedAtLabel), 1 /* TEXT */)
+                                      _createElementVNode("div", { class: "usage-list-meta" }, _toDisplayString(item.messageCount) + " msgs · " + _toDisplayString(item.sourceLabel) + " · " + _toDisplayString(item.updatedAtLabel), 1 /* TEXT */),
+                                      _createElementVNode("div", {
+                                        class: "usage-list-bar",
+                                        "aria-hidden": "true"
+                                      }, [
+                                        _createElementVNode("span", {
+                                          class: "usage-list-bar-fill",
+                                          style: _normalizeStyle({ width: item.barPercent + '%' })
+                                        }, null, 4 /* STYLE */)
+                                      ])
                                     ])
                                   ], 8 /* PROPS */, ["onClick", "title"]))
                                 }), 128 /* KEYED_FRAGMENT */))
@@ -4923,7 +5171,7 @@ return function render(_ctx, _cache) {
                         _createCommentVNode(" Recent Activity "),
                         _createElementVNode("section", { class: "usage-card" }, [
                           _createElementVNode("div", { class: "usage-card-title" }, _toDisplayString(_ctx.t('usage.recent.title')), 1 /* TEXT */),
-                          (!_ctx.sessionUsageCharts.recentSessions.length)
+                          (!_ctx.usageRankedLists.recentSessions.length)
                             ? (_openBlock(), _createElementBlock("div", {
                                 key: 0,
                                 class: "usage-list-value"
@@ -4932,7 +5180,7 @@ return function render(_ctx, _cache) {
                                 key: 1,
                                 class: "usage-list-compact"
                               }, [
-                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.sessionUsageCharts.recentSessions, (item) => {
+                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.usageRankedLists.recentSessions, (item) => {
                                   return (_openBlock(), _createElementBlock("div", {
                                     key: item.key,
                                     class: "usage-list-compact-item",
@@ -4941,7 +5189,16 @@ return function render(_ctx, _cache) {
                                     _createElementVNode("span", { class: "usage-list-bullet" }, "·"),
                                     _createElementVNode("div", { class: "usage-list-compact-content" }, [
                                       _createElementVNode("div", { class: "usage-list-title" }, _toDisplayString(item.title), 1 /* TEXT */),
-                                      _createElementVNode("div", { class: "usage-list-meta" }, _toDisplayString(item.messageCount) + " msgs · " + _toDisplayString(item.sourceLabel) + " · " + _toDisplayString(item.updatedAtLabel), 1 /* TEXT */)
+                                      _createElementVNode("div", { class: "usage-list-meta" }, _toDisplayString(item.messageCount) + " msgs · " + _toDisplayString(item.sourceLabel) + " · " + _toDisplayString(item.updatedAtLabel), 1 /* TEXT */),
+                                      _createElementVNode("div", {
+                                        class: "usage-list-bar",
+                                        "aria-hidden": "true"
+                                      }, [
+                                        _createElementVNode("span", {
+                                          class: "usage-list-bar-fill",
+                                          style: _normalizeStyle({ width: item.barPercent + '%' })
+                                        }, null, 4 /* STYLE */)
+                                      ])
                                     ])
                                   ], 8 /* PROPS */, ["onClick"]))
                                 }), 128 /* KEYED_FRAGMENT */))
@@ -4950,7 +5207,7 @@ return function render(_ctx, _cache) {
                         _createCommentVNode(" Top Paths "),
                         _createElementVNode("section", { class: "usage-paths-section" }, [
                           _createElementVNode("div", { class: "usage-card-title" }, _toDisplayString(_ctx.t('usage.paths.title')), 1 /* TEXT */),
-                          (!_ctx.sessionUsageCharts.topPaths.length)
+                          (!_ctx.usageRankedLists.topPaths.length)
                             ? (_openBlock(), _createElementBlock("div", {
                                 key: 0,
                                 class: "usage-list-value"
@@ -4959,7 +5216,7 @@ return function render(_ctx, _cache) {
                                 key: 1,
                                 class: "usage-list-paths"
                               }, [
-                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.sessionUsageCharts.topPaths, (item, index) => {
+                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.usageRankedLists.topPaths, (item, index) => {
                                   return (_openBlock(), _createElementBlock("div", {
                                     key: item.path,
                                     class: "usage-list-path-row"
@@ -4970,8 +5227,17 @@ return function render(_ctx, _cache) {
                                         class: "usage-list-path",
                                         title: item.path
                                       }, _toDisplayString(item.path), 9 /* TEXT, PROPS */, ["title"]),
-                                      _createElementVNode("div", { class: "usage-list-path-stat" }, _toDisplayString(item.count), 1 /* TEXT */)
-                                    ])
+                                      _createElementVNode("div", {
+                                        class: "usage-list-bar",
+                                        "aria-hidden": "true"
+                                      }, [
+                                        _createElementVNode("span", {
+                                          class: "usage-list-bar-fill",
+                                          style: _normalizeStyle({ width: item.barPercent + '%' })
+                                        }, null, 4 /* STYLE */)
+                                      ])
+                                    ]),
+                                    _createElementVNode("div", { class: "usage-list-path-stat" }, _toDisplayString(item.count), 1 /* TEXT */)
                                   ]))
                                 }), 128 /* KEYED_FRAGMENT */))
                               ]))
@@ -4993,23 +5259,26 @@ return function render(_ctx, _cache) {
               ]),
               _createElementVNode("div", { class: "docs-toolbar-grid" }, [
                 _createElementVNode("div", { class: "docs-toolbar-card" }, [
-                  _createElementVNode("label", {
-                    class: "form-label",
-                    for: "docs-install-package-manager"
-                  }, _toDisplayString(_ctx.t('common.packageManager')), 1 /* TEXT */),
-                  _withDirectives(_createElementVNode("select", {
-                    id: "docs-install-package-manager",
-                    class: "form-input",
-                    "onUpdate:modelValue": $event => ((_ctx.installPackageManager) = $event)
-                  }, [
-                    _createElementVNode("option", { value: "npm" }, "npm"),
-                    _createElementVNode("option", { value: "pnpm" }, "pnpm"),
-                    _createElementVNode("option", { value: "bun" }, "bun")
-                  ], 8 /* PROPS */, ["onUpdate:modelValue"]), [
-                    [_vModelSelect, _ctx.installPackageManager]
+                  _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('common.packageManager')), 1 /* TEXT */),
+                  _createElementVNode("div", { class: "install-action-tabs" }, [
+                    _createElementVNode("button", {
+                      type: "button",
+                      class: _normalizeClass(["btn-mini", { active: _ctx.installPackageManager === 'npm' }]),
+                      onClick: $event => (_ctx.installPackageManager = 'npm')
+                    }, "npm", 10 /* CLASS, PROPS */, ["onClick"]),
+                    _createElementVNode("button", {
+                      type: "button",
+                      class: _normalizeClass(["btn-mini", { active: _ctx.installPackageManager === 'pnpm' }]),
+                      onClick: $event => (_ctx.installPackageManager = 'pnpm')
+                    }, "pnpm", 10 /* CLASS, PROPS */, ["onClick"]),
+                    _createElementVNode("button", {
+                      type: "button",
+                      class: _normalizeClass(["btn-mini", { active: _ctx.installPackageManager === 'bun' }]),
+                      onClick: $event => (_ctx.installPackageManager = 'bun')
+                    }, "bun", 10 /* CLASS, PROPS */, ["onClick"])
                   ])
                 ]),
-                _createElementVNode("div", { class: "docs-toolbar-card docs-toolbar-card-wide" }, [
+                _createElementVNode("div", { class: "docs-toolbar-card" }, [
                   _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('common.mirror')), 1 /* TEXT */),
                   _createElementVNode("div", { class: "install-action-tabs" }, [
                     _createElementVNode("button", {
@@ -5050,7 +5319,7 @@ return function render(_ctx, _cache) {
                         }, _toDisplayString(_ctx.t('docs.registryHintCustom')), 1 /* TEXT */))
                       : _createCommentVNode("v-if", true)
                 ]),
-                _createElementVNode("div", { class: "docs-toolbar-card docs-toolbar-card-wide" }, [
+                _createElementVNode("div", { class: "docs-toolbar-card" }, [
                   _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('common.action')), 1 /* TEXT */),
                   _createElementVNode("div", { class: "install-action-tabs" }, [
                     _createElementVNode("button", {
@@ -5070,20 +5339,6 @@ return function render(_ctx, _cache) {
                     }, _toDisplayString(_ctx.t('common.uninstall')), 11 /* TEXT, CLASS, PROPS */, ["onClick"])
                   ])
                 ])
-              ]),
-              _createElementVNode("div", { class: "docs-summary-strip" }, [
-                _createElementVNode("div", { class: "docs-summary-item" }, [
-                  _createElementVNode("span", { class: "docs-summary-label" }, _toDisplayString(_ctx.t('common.targets')), 1 /* TEXT */),
-                  _createElementVNode("strong", { class: "docs-summary-value" }, _toDisplayString(_ctx.installTargetCards.length), 1 /* TEXT */)
-                ]),
-                _createElementVNode("div", { class: "docs-summary-item" }, [
-                  _createElementVNode("span", { class: "docs-summary-label" }, _toDisplayString(_ctx.t('common.currentPm')), 1 /* TEXT */),
-                  _createElementVNode("strong", { class: "docs-summary-value" }, _toDisplayString(String(_ctx.installPackageManager || 'npm').toUpperCase()), 1 /* TEXT */)
-                ]),
-                _createElementVNode("div", { class: "docs-summary-item docs-summary-item-wide" }, [
-                  _createElementVNode("span", { class: "docs-summary-label" }, _toDisplayString(_ctx.t('common.registry')), 1 /* TEXT */),
-                  _createElementVNode("strong", { class: "docs-summary-value" }, _toDisplayString(_ctx.installRegistryPreview || 'npmmirror'), 1 /* TEXT */)
-                ])
               ])
             ]),
             _createElementVNode("div", { class: "selector-section" }, [
@@ -5806,7 +6061,14 @@ return function render(_ctx, _cache) {
                     "aria-pressed": _ctx.skillsTargetApp === 'claude',
                     disabled: _ctx.loading || !!_ctx.initError || _ctx.skillsMarketBusy,
                     onClick: $event => (_ctx.setSkillsTargetApp('claude', { silent: false }))
-                  }, " Claude Code ", 10 /* CLASS, PROPS */, ["aria-pressed", "disabled", "onClick"])
+                  }, " Claude Code ", 10 /* CLASS, PROPS */, ["aria-pressed", "disabled", "onClick"]),
+                  _createElementVNode("button", {
+                    type: "button",
+                    class: _normalizeClass(['skills-target-chip', { active: _ctx.skillsTargetApp === 'pi' }]),
+                    "aria-pressed": _ctx.skillsTargetApp === 'pi',
+                    disabled: _ctx.loading || !!_ctx.initError || _ctx.skillsMarketBusy,
+                    onClick: $event => (_ctx.setSkillsTargetApp('pi', { silent: false }))
+                  }, " Pi ", 10 /* CLASS, PROPS */, ["aria-pressed", "disabled", "onClick"])
                 ], 8 /* PROPS */, ["aria-label"])
               ]),
               _createElementVNode("div", { class: "skills-header-actions" }, [
@@ -6065,49 +6327,54 @@ return function render(_ctx, _cache) {
             role: "tabpanel",
             "aria-labelledby": "tab-plugins"
           }, [
-            _createElementVNode("div", { class: "plugins-layout" }, [
-              _createElementVNode("aside", {
-                class: "plugins-sidebar",
-                "aria-label": _ctx.t('plugins.sidebar.ariaList')
-              }, [
-                _createElementVNode("div", { class: "selector-header plugins-sidebar-header" }, [
-                  _createElementVNode("div", null, [
-                    _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('plugins.sidebar.title')), 1 /* TEXT */),
-                    _createElementVNode("div", { class: "plugins-panel-note" }, _toDisplayString(_ctx.t('plugins.sidebar.note')), 1 /* TEXT */)
-                  ]),
-                  _createElementVNode("div", { class: "settings-tab-actions" }, [
-                    _createElementVNode("button", {
-                      type: "button",
-                      class: "btn-tool btn-tool-compact",
-                      onClick: $event => (_ctx.loadPluginsOverview({ forceRefresh: true, silent: false })),
-                      disabled: _ctx.loading || !!_ctx.initError || _ctx.pluginsLoading
-                    }, _toDisplayString(_ctx.pluginsLoading ? _ctx.t('plugins.refreshing') : _ctx.t('plugins.refresh')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
-                  ])
-                ]),
-                _createElementVNode("div", {
-                  class: "plugins-list",
-                  role: "list"
-                }, [
-                  (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.pluginsCatalog, (plugin) => {
-                    return (_openBlock(), _createElementBlock("button", {
-                      key: 'plugin-' + plugin.id,
-                      type: "button",
-                      class: _normalizeClass(['plugins-item', { active: _ctx.pluginsActiveId === plugin.id }]),
-                      "aria-current": _ctx.pluginsActiveId === plugin.id ? 'page' : null,
-                      disabled: _ctx.loading || !!_ctx.initError || _ctx.pluginsLoading,
-                      onClick: $event => (_ctx.selectPlugin(plugin.id))
-                    }, [
-                      _createElementVNode("div", { class: "plugins-item-main" }, [
-                        _createElementVNode("div", { class: "plugins-item-title" }, _toDisplayString(plugin.title), 1 /* TEXT */),
-                        _createElementVNode("div", { class: "plugins-item-meta" }, _toDisplayString(plugin.description), 1 /* TEXT */)
+            _createElementVNode("div", {
+              class: _normalizeClass(['plugins-layout', { 'plugins-layout-single': !_ctx.pluginsSidebarVisible }])
+            }, [
+              (_ctx.pluginsSidebarVisible)
+                ? (_openBlock(), _createElementBlock("aside", {
+                    key: 0,
+                    class: "plugins-sidebar",
+                    "aria-label": _ctx.t('plugins.sidebar.ariaList')
+                  }, [
+                    _createElementVNode("div", { class: "selector-header plugins-sidebar-header" }, [
+                      _createElementVNode("div", null, [
+                        _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('plugins.sidebar.title')), 1 /* TEXT */),
+                        _createElementVNode("div", { class: "plugins-panel-note" }, _toDisplayString(_ctx.t('plugins.sidebar.note')), 1 /* TEXT */)
                       ]),
-                      _createElementVNode("span", {
-                        class: _normalizeClass(['pill', plugin.tone])
-                      }, _toDisplayString(plugin.statusLabel), 3 /* TEXT, CLASS */)
-                    ], 10 /* CLASS, PROPS */, ["aria-current", "disabled", "onClick"]))
-                  }), 128 /* KEYED_FRAGMENT */))
-                ])
-              ], 8 /* PROPS */, ["aria-label"]),
+                      _createElementVNode("div", { class: "settings-tab-actions" }, [
+                        _createElementVNode("button", {
+                          type: "button",
+                          class: "btn-tool btn-tool-compact",
+                          onClick: $event => (_ctx.loadPluginsOverview({ forceRefresh: true, silent: false })),
+                          disabled: _ctx.loading || !!_ctx.initError || _ctx.pluginsLoading
+                        }, _toDisplayString(_ctx.pluginsLoading ? _ctx.t('plugins.refreshing') : _ctx.t('plugins.refresh')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                      ])
+                    ]),
+                    _createElementVNode("div", {
+                      class: "plugins-list",
+                      role: "list"
+                    }, [
+                      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.pluginsCatalog, (plugin) => {
+                        return (_openBlock(), _createElementBlock("button", {
+                          key: 'plugin-' + plugin.id,
+                          type: "button",
+                          class: _normalizeClass(['plugins-item', { active: _ctx.pluginsActiveId === plugin.id }]),
+                          "aria-current": _ctx.pluginsActiveId === plugin.id ? 'page' : null,
+                          disabled: _ctx.loading || !!_ctx.initError || _ctx.pluginsLoading,
+                          onClick: $event => (_ctx.selectPlugin(plugin.id))
+                        }, [
+                          _createElementVNode("div", { class: "plugins-item-main" }, [
+                            _createElementVNode("div", { class: "plugins-item-title" }, _toDisplayString(plugin.title), 1 /* TEXT */),
+                            _createElementVNode("div", { class: "plugins-item-meta" }, _toDisplayString(plugin.description), 1 /* TEXT */)
+                          ]),
+                          _createElementVNode("span", {
+                            class: _normalizeClass(['pill', plugin.tone])
+                          }, _toDisplayString(plugin.statusLabel), 3 /* TEXT, CLASS */)
+                        ], 10 /* CLASS, PROPS */, ["aria-current", "disabled", "onClick"]))
+                      }), 128 /* KEYED_FRAGMENT */))
+                    ])
+                  ], 8 /* PROPS */, ["aria-label"]))
+                : _createCommentVNode("v-if", true),
               _createElementVNode("section", {
                 class: "plugins-main",
                 "aria-label": _ctx.t('plugins.main.ariaWorkspace')
@@ -6136,12 +6403,27 @@ return function render(_ctx, _cache) {
                           class: "plugins-panel"
                         }, [
                           _createElementVNode("div", { class: "plugins-panel-head" }, [
-                            _createElementVNode("div", { class: "plugins-panel-title" }, _toDisplayString(_ctx.t('plugins.promptTemplates.title')), 1 /* TEXT */),
-                            (_ctx.pluginsActiveAttribution)
+                            _createElementVNode("div", null, [
+                              _createElementVNode("div", { class: "plugins-panel-title" }, _toDisplayString(_ctx.t('plugins.promptTemplates.title')), 1 /* TEXT */),
+                              (_ctx.pluginsActiveAttribution)
+                                ? (_openBlock(), _createElementBlock("div", {
+                                    key: 0,
+                                    class: "plugins-panel-note"
+                                  }, _toDisplayString(_ctx.pluginsActiveAttribution), 1 /* TEXT */))
+                                : _createCommentVNode("v-if", true)
+                            ]),
+                            (!_ctx.pluginsSidebarVisible)
                               ? (_openBlock(), _createElementBlock("div", {
                                   key: 0,
-                                  class: "plugins-panel-note"
-                                }, _toDisplayString(_ctx.pluginsActiveAttribution), 1 /* TEXT */))
+                                  class: "settings-tab-actions"
+                                }, [
+                                  _createElementVNode("button", {
+                                    type: "button",
+                                    class: "btn-tool btn-tool-compact",
+                                    onClick: $event => (_ctx.loadPluginsOverview({ forceRefresh: true, silent: false })),
+                                    disabled: _ctx.loading || !!_ctx.initError || _ctx.pluginsLoading
+                                  }, _toDisplayString(_ctx.pluginsLoading ? _ctx.t('plugins.refreshing') : _ctx.t('plugins.refresh')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                ]))
                               : _createCommentVNode("v-if", true)
                           ]),
                           _createElementVNode("div", {
@@ -6195,126 +6477,118 @@ return function render(_ctx, _cache) {
                                 class: "prompt-compose"
                               }, [
                                 _createElementVNode("div", { class: "prompt-compose-workspace" }, [
-                                  _createElementVNode("div", { class: "prompt-compose-selected" }, [
-                                    _createElementVNode("div", { class: "prompt-compose-selected-title" }, _toDisplayString((_ctx.promptComposerActiveTemplate && _ctx.promptComposerActiveTemplate.name) ? _ctx.promptComposerActiveTemplate.name : _ctx.t('plugins.promptTemplates.compose.chooseTemplate')), 1 /* TEXT */),
-                                    _createElementVNode("div", { class: "prompt-compose-selected-meta" }, _toDisplayString((_ctx.promptComposerActiveTemplate && _ctx.promptComposerActiveTemplate.description) ? _ctx.promptComposerActiveTemplate.description : _ctx.t('plugins.promptTemplates.compose.chooseTemplateHint')), 1 /* TEXT */),
-                                    (_ctx.promptComposerActiveTemplate && _ctx.promptComposerActiveTemplate.isBuiltin && (_ctx.promptComposerActiveTemplate.createdBy || (_ctx.promptComposerActiveTemplate.maintainers && _ctx.promptComposerActiveTemplate.maintainers.length)))
-                                      ? (_openBlock(), _createElementBlock("div", {
-                                          key: 0,
-                                          class: "plugins-panel-note"
-                                        }, _toDisplayString(_ctx.t('plugins.meta.attribution', { createdBy: _ctx.promptComposerActiveTemplate.createdBy || '', maintainers: (_ctx.promptComposerActiveTemplate.maintainers || []).join(', ') })), 1 /* TEXT */))
-                                      : _createCommentVNode("v-if", true)
-                                  ]),
-                                  _createElementVNode("div", { class: "prompt-compose-form" }, [
-                                    _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('plugins.promptTemplates.compose.selectTemplate')), 1 /* TEXT */),
-                                    _createElementVNode("select", {
-                                      class: "form-select prompt-compose-template-select",
-                                      value: _ctx.promptComposerSelectedTemplateId,
-                                      onChange: $event => (_ctx.selectPromptComposerTemplate($event.target.value)),
-                                      disabled: _ctx.pluginsLoading || !_ctx.promptTemplatesList.length
-                                    }, [
-                                      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.promptTemplatesList, (tpl) => {
-                                        return (_openBlock(), _createElementBlock("option", {
-                                          key: 'compose-tpl-' + tpl.id,
-                                          value: tpl.id
-                                        }, _toDisplayString(tpl.name) + _toDisplayString(tpl.isBuiltin ? _ctx.t('plugins.promptTemplates.compose.builtinSuffix') : ''), 9 /* TEXT, PROPS */, ["value"]))
-                                      }), 128 /* KEYED_FRAGMENT */))
-                                    ], 40 /* PROPS, NEED_HYDRATION */, ["value", "onChange", "disabled"]),
-                                    (!_ctx.promptComposerActiveTemplate)
-                                      ? (_openBlock(), _createElementBlock("div", {
-                                          key: 0,
-                                          class: "plugins-panel-note"
-                                        }, _toDisplayString(_ctx.t('plugins.promptTemplates.compose.empty')), 1 /* TEXT */))
-                                      : (!_ctx.promptComposerActiveTemplate.isBuiltin)
+                                  _createElementVNode("div", { class: "prompt-compose-main" }, [
+                                    _createElementVNode("div", { class: "prompt-compose-form" }, [
+                                      _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('plugins.promptTemplates.compose.selectTemplate')), 1 /* TEXT */),
+                                      _createElementVNode("select", {
+                                        class: "form-select prompt-compose-template-select",
+                                        value: _ctx.promptComposerSelectedTemplateId,
+                                        onChange: $event => (_ctx.selectPromptComposerTemplate($event.target.value)),
+                                        disabled: _ctx.pluginsLoading || !_ctx.promptTemplatesList.length
+                                      }, [
+                                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.promptTemplatesList, (tpl) => {
+                                          return (_openBlock(), _createElementBlock("option", {
+                                            key: 'compose-tpl-' + tpl.id,
+                                            value: tpl.id
+                                          }, _toDisplayString(tpl.name) + _toDisplayString(tpl.isBuiltin ? _ctx.t('plugins.promptTemplates.compose.builtinSuffix') : ''), 9 /* TEXT, PROPS */, ["value"]))
+                                        }), 128 /* KEYED_FRAGMENT */))
+                                      ], 40 /* PROPS, NEED_HYDRATION */, ["value", "onChange", "disabled"]),
+                                      (!_ctx.promptComposerActiveTemplate)
                                         ? (_openBlock(), _createElementBlock("div", {
-                                            key: 1,
+                                            key: 0,
                                             class: "plugins-panel-note"
-                                          }, _toDisplayString(_ctx.t('plugins.promptTemplates.compose.varsHint')), 1 /* TEXT */))
-                                        : _createCommentVNode("v-if", true),
-                                    (_ctx.promptComposerActiveTemplate && !_ctx.promptComposerActiveTemplate.isBuiltin)
-                                      ? (_openBlock(), _createElementBlock("div", {
-                                          key: 2,
-                                          class: "prompt-compose-actions"
-                                        }, [
-                                          _createElementVNode("button", {
-                                            type: "button",
-                                            class: "btn-mini",
-                                            onClick: $event => (_ctx.selectPromptTemplate(_ctx.promptComposerSelectedTemplateId)),
-                                            disabled: _ctx.pluginsLoading || !_ctx.promptComposerSelectedTemplateId
-                                          }, _toDisplayString(_ctx.t('plugins.promptTemplates.compose.goManage')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
-                                        ]))
-                                      : _createCommentVNode("v-if", true)
-                                  ]),
-                                  (_ctx.promptComposerActiveTemplate && _ctx.promptComposerActiveTemplate.vars && _ctx.promptComposerActiveTemplate.vars.length)
-                                    ? (_openBlock(), _createElementBlock("div", {
-                                        key: 0,
-                                        class: "prompt-vars-block"
-                                      }, [
-                                        _createElementVNode("div", { class: "prompt-vars-head" }, [
-                                          _createElementVNode("div", null, [
-                                            _createElementVNode("div", { class: "prompt-vars-title" }, _toDisplayString(_ctx.t('plugins.promptTemplates.vars.title')), 1 /* TEXT */),
-                                            (!_ctx.promptComposerActiveTemplate.isBuiltin)
-                                              ? (_openBlock(), _createElementBlock("div", {
-                                                  key: 0,
-                                                  class: "plugins-panel-note"
-                                                }, _toDisplayString(_ctx.t('plugins.promptTemplates.compose.varsHint')), 1 /* TEXT */))
-                                              : _createCommentVNode("v-if", true),
-                                            (_ctx.promptComposerMissingVars.length)
-                                              ? (_openBlock(), _createElementBlock("div", {
-                                                  key: 1,
-                                                  class: "plugins-panel-note"
-                                                }, _toDisplayString(_ctx.t('plugins.promptTemplates.compose.missingCount', { count: _ctx.promptComposerMissingVars.length })), 1 /* TEXT */))
-                                              : _createCommentVNode("v-if", true)
-                                          ]),
-                                          _createElementVNode("div", { class: "prompt-editor-actions" }, [
-                                            (_ctx.promptComposerMissingVars.length)
-                                              ? (_openBlock(), _createElementBlock("button", {
-                                                  key: 0,
-                                                  type: "button",
-                                                  class: "btn-mini",
-                                                  onClick: _ctx.focusPromptComposerFirstMissingVar,
-                                                  disabled: _ctx.pluginsLoading
-                                                }, _toDisplayString(_ctx.t('plugins.promptTemplates.compose.jumpToMissing')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]))
-                                              : _createCommentVNode("v-if", true),
+                                          }, _toDisplayString(_ctx.t('plugins.promptTemplates.compose.empty')), 1 /* TEXT */))
+                                        : (_ctx.promptComposerActiveTemplate.description)
+                                          ? (_openBlock(), _createElementBlock("div", {
+                                              key: 1,
+                                              class: "plugins-panel-note"
+                                            }, _toDisplayString(_ctx.promptComposerActiveTemplate.description), 1 /* TEXT */))
+                                          : _createCommentVNode("v-if", true),
+                                      (_ctx.promptComposerActiveTemplate && !_ctx.promptComposerActiveTemplate.isBuiltin)
+                                        ? (_openBlock(), _createElementBlock("div", {
+                                            key: 2,
+                                            class: "prompt-compose-actions"
+                                          }, [
                                             _createElementVNode("button", {
                                               type: "button",
                                               class: "btn-mini",
-                                              onClick: _ctx.resetPromptComposerVarValues,
-                                              disabled: _ctx.pluginsLoading
-                                            }, _toDisplayString(_ctx.t('plugins.promptTemplates.vars.reset')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
-                                          ])
-                                        ]),
-                                        _createElementVNode("div", { class: "prompt-vars-grid" }, [
-                                          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.promptComposerActiveTemplate.vars, (name, idx) => {
-                                            return (_openBlock(), _createElementBlock("label", {
-                                              key: 'prompt-compose-var-' + name,
-                                              class: "prompt-var-row"
-                                            }, [
-                                              _createElementVNode("span", { class: "prompt-var-label mono" }, _toDisplayString(name), 1 /* TEXT */),
-                                              (idx === 0)
-                                                ? (_openBlock(), _createElementBlock("input", {
+                                              onClick: $event => (_ctx.selectPromptTemplate(_ctx.promptComposerSelectedTemplateId)),
+                                              disabled: _ctx.pluginsLoading || !_ctx.promptComposerSelectedTemplateId
+                                            }, _toDisplayString(_ctx.t('plugins.promptTemplates.compose.goManage')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                          ]))
+                                        : _createCommentVNode("v-if", true)
+                                    ]),
+                                    (_ctx.promptComposerActiveTemplate && _ctx.promptComposerActiveTemplate.vars && _ctx.promptComposerActiveTemplate.vars.length)
+                                      ? (_openBlock(), _createElementBlock("div", {
+                                          key: 0,
+                                          class: "prompt-vars-block"
+                                        }, [
+                                          _createElementVNode("div", { class: "prompt-vars-head" }, [
+                                            _createElementVNode("div", null, [
+                                              _createElementVNode("div", { class: "prompt-vars-title" }, _toDisplayString(_ctx.t('plugins.promptTemplates.vars.title')), 1 /* TEXT */),
+                                              (!_ctx.promptComposerActiveTemplate.isBuiltin)
+                                                ? (_openBlock(), _createElementBlock("div", {
                                                     key: 0,
-                                                    ref_for: true,
-                                                    ref: "promptComposerFirstField",
-                                                    class: _normalizeClass(['form-input', 'prompt-var-input', { 'is-missing': _ctx.promptComposerMissingVars.includes(name) }]),
-                                                    type: "text",
-                                                    value: _ctx.promptComposerVarValues[name] || '',
-                                                    onInput: $event => (_ctx.setPromptComposerVarValue(name, $event.target.value)),
-                                                    placeholder: _ctx.t('plugins.promptTemplates.vars.valuePlaceholder', { name })
-                                                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, ["value", "onInput", "placeholder"]))
-                                                : (_openBlock(), _createElementBlock("input", {
+                                                    class: "plugins-panel-note"
+                                                  }, _toDisplayString(_ctx.t('plugins.promptTemplates.compose.varsHint')), 1 /* TEXT */))
+                                                : _createCommentVNode("v-if", true),
+                                              (_ctx.promptComposerMissingVars.length)
+                                                ? (_openBlock(), _createElementBlock("div", {
                                                     key: 1,
-                                                    class: _normalizeClass(['form-input', 'prompt-var-input', { 'is-missing': _ctx.promptComposerMissingVars.includes(name) }]),
-                                                    type: "text",
-                                                    value: _ctx.promptComposerVarValues[name] || '',
-                                                    onInput: $event => (_ctx.setPromptComposerVarValue(name, $event.target.value)),
-                                                    placeholder: _ctx.t('plugins.promptTemplates.vars.valuePlaceholder', { name })
-                                                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, ["value", "onInput", "placeholder"]))
-                                            ]))
-                                          }), 128 /* KEYED_FRAGMENT */))
-                                        ])
-                                      ]))
-                                    : _createCommentVNode("v-if", true),
+                                                    class: "plugins-panel-note"
+                                                  }, _toDisplayString(_ctx.t('plugins.promptTemplates.compose.missingCount', { count: _ctx.promptComposerMissingVars.length })), 1 /* TEXT */))
+                                                : _createCommentVNode("v-if", true)
+                                            ]),
+                                            _createElementVNode("div", { class: "prompt-editor-actions" }, [
+                                              (_ctx.promptComposerMissingVars.length)
+                                                ? (_openBlock(), _createElementBlock("button", {
+                                                    key: 0,
+                                                    type: "button",
+                                                    class: "btn-mini",
+                                                    onClick: _ctx.focusPromptComposerFirstMissingVar,
+                                                    disabled: _ctx.pluginsLoading
+                                                  }, _toDisplayString(_ctx.t('plugins.promptTemplates.compose.jumpToMissing')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]))
+                                                : _createCommentVNode("v-if", true),
+                                              _createElementVNode("button", {
+                                                type: "button",
+                                                class: "btn-mini",
+                                                onClick: _ctx.resetPromptComposerVarValues,
+                                                disabled: _ctx.pluginsLoading
+                                              }, _toDisplayString(_ctx.t('plugins.promptTemplates.vars.reset')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                            ])
+                                          ]),
+                                          _createElementVNode("div", { class: "prompt-vars-grid" }, [
+                                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.promptComposerActiveTemplate.vars, (name, idx) => {
+                                              return (_openBlock(), _createElementBlock("label", {
+                                                key: 'prompt-compose-var-' + name,
+                                                class: "prompt-var-row"
+                                              }, [
+                                                _createElementVNode("span", { class: "prompt-var-label mono" }, _toDisplayString(name), 1 /* TEXT */),
+                                                (idx === 0)
+                                                  ? (_openBlock(), _createElementBlock("input", {
+                                                      key: 0,
+                                                      ref_for: true,
+                                                      ref: "promptComposerFirstField",
+                                                      class: _normalizeClass(['form-input', 'prompt-var-input', { 'is-missing': _ctx.promptComposerMissingVars.includes(name) }]),
+                                                      type: "text",
+                                                      value: _ctx.promptComposerVarValues[name] || '',
+                                                      onInput: $event => (_ctx.setPromptComposerVarValue(name, $event.target.value)),
+                                                      placeholder: _ctx.t('plugins.promptTemplates.vars.valuePlaceholder', { name })
+                                                    }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, ["value", "onInput", "placeholder"]))
+                                                  : (_openBlock(), _createElementBlock("input", {
+                                                      key: 1,
+                                                      class: _normalizeClass(['form-input', 'prompt-var-input', { 'is-missing': _ctx.promptComposerMissingVars.includes(name) }]),
+                                                      type: "text",
+                                                      value: _ctx.promptComposerVarValues[name] || '',
+                                                      onInput: $event => (_ctx.setPromptComposerVarValue(name, $event.target.value)),
+                                                      placeholder: _ctx.t('plugins.promptTemplates.vars.valuePlaceholder', { name })
+                                                    }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, ["value", "onInput", "placeholder"]))
+                                              ]))
+                                            }), 128 /* KEYED_FRAGMENT */))
+                                          ])
+                                        ]))
+                                      : _createCommentVNode("v-if", true)
+                                  ]),
                                   _createElementVNode("div", { class: "prompt-preview-block prompt-compose-preview" }, [
                                     _createElementVNode("div", { class: "prompt-vars-head" }, [
                                       _createElementVNode("div", null, [
@@ -6586,7 +6860,7 @@ return function render(_ctx, _cache) {
                           class: "skills-empty-state"
                         }, _toDisplayString(_ctx.t('plugins.promptTemplates.noPluginSelected')), 1 /* TEXT */))
               ], 8 /* PROPS */, ["aria-label"])
-            ])
+            ], 2 /* CLASS */)
           ], 512 /* NEED_PATCH */), [
             [_vShow, _ctx.mainTab === 'plugins']
           ]),
@@ -9739,7 +10013,14 @@ return function render(_ctx, _cache) {
                     "aria-pressed": _ctx.skillsTargetApp === 'claude',
                     disabled: _ctx.loading || !!_ctx.initError || _ctx.skillsMarketBusy,
                     onClick: $event => (_ctx.setSkillsTargetApp('claude', { silent: false }))
-                  }, " Claude Code ", 10 /* CLASS, PROPS */, ["aria-pressed", "disabled", "onClick"])
+                  }, " Claude Code ", 10 /* CLASS, PROPS */, ["aria-pressed", "disabled", "onClick"]),
+                  _createElementVNode("button", {
+                    type: "button",
+                    class: _normalizeClass(['market-target-chip', { active: _ctx.skillsTargetApp === 'pi' }]),
+                    "aria-pressed": _ctx.skillsTargetApp === 'pi',
+                    disabled: _ctx.loading || !!_ctx.initError || _ctx.skillsMarketBusy,
+                    onClick: $event => (_ctx.setSkillsTargetApp('pi', { silent: false }))
+                  }, " Pi ", 10 /* CLASS, PROPS */, ["aria-pressed", "disabled", "onClick"])
                 ], 8 /* PROPS */, ["aria-label"]),
                 _createElementVNode("button", {
                   class: "btn-mini",