codexmate 0.0.22 → 0.0.24

package/web-ui/partials/index/panel-plugins.html

@@ -37,10 +37,15 @@
                         </aside>
 
                         <section class="plugins-main" :aria-label="t('plugins.main.ariaWorkspace')">
-                            <div v-if="pluginsActiveId === 'prompt-templates'" class="plugins-panel">
+                            <div v-if="pluginsLoading" class="skills-empty-state">{{ t('common.loading') }}</div>
+                            <div v-else-if="pluginsError" class="skills-empty-state">
+                                <div class="plugins-panel-note">{{ pluginsError }}</div>
+                                <button type="button" class="btn-mini" @click="loadPluginsOverview({ forceRefresh: true, silent: false })" :disabled="loading || !!initError || pluginsLoading">{{ t('common.refresh') }}</button>
+                            </div>
+                            <div v-else-if="pluginsActiveId === 'prompt-templates'" class="plugins-panel">
                                 <div class="plugins-panel-head">
                                     <div class="plugins-panel-title">{{ t('plugins.promptTemplates.title') }}</div>
-                                    <div class="plugins-panel-subtitle">{{ t('plugins.promptTemplates.subtitle') }}</div>
+                                    <div v-if="pluginsActiveAttribution" class="plugins-panel-note">{{ pluginsActiveAttribution }}</div>
                                 </div>
 
                                 <div class="prompt-templates-modebar" role="tablist" :aria-label="t('plugins.promptTemplates.mode.aria')">
@@ -63,6 +68,9 @@
                                         <div class="prompt-compose-selected">
                                             <div class="prompt-compose-selected-title">{{ (promptComposerActiveTemplate && promptComposerActiveTemplate.name) ? promptComposerActiveTemplate.name : t('plugins.promptTemplates.compose.chooseTemplate') }}</div>
                                             <div class="prompt-compose-selected-meta">{{ (promptComposerActiveTemplate && promptComposerActiveTemplate.description) ? promptComposerActiveTemplate.description : t('plugins.promptTemplates.compose.chooseTemplateHint') }}</div>
+                                            <div v-if="promptComposerActiveTemplate && promptComposerActiveTemplate.isBuiltin && (promptComposerActiveTemplate.createdBy || (promptComposerActiveTemplate.maintainers && promptComposerActiveTemplate.maintainers.length))" class="plugins-panel-note">
+                                                {{ t('plugins.meta.attribution', { createdBy: promptComposerActiveTemplate.createdBy || '', maintainers: (promptComposerActiveTemplate.maintainers || []).join(', ') }) }}
+                                            </div>
                                         </div>
 
                                         <div class="prompt-compose-form">
@@ -73,13 +81,13 @@
                                                 @change="selectPromptComposerTemplate($event.target.value)"
                                                 :disabled="pluginsLoading || !promptTemplatesList.length">
                                                 <option v-for="tpl in promptTemplatesList" :key="'compose-tpl-' + tpl.id" :value="tpl.id">
-                                                    {{ tpl.name }}{{ tpl.isBuiltin ? '（内置）' : '' }}
+                                                    {{ tpl.name }}{{ tpl.isBuiltin ? t('plugins.promptTemplates.compose.builtinSuffix') : '' }}
                                                 </option>
                                             </select>
 
                                             <div v-if="!promptComposerActiveTemplate" class="plugins-panel-note">{{ t('plugins.promptTemplates.compose.empty') }}</div>
-                                            <div v-else class="plugins-panel-note">{{ t('plugins.promptTemplates.compose.varsHint') }}</div>
-                                            <div class="prompt-compose-actions">
+                                            <div v-else-if="!promptComposerActiveTemplate.isBuiltin" class="plugins-panel-note">{{ t('plugins.promptTemplates.compose.varsHint') }}</div>
+                                            <div v-if="promptComposerActiveTemplate && !promptComposerActiveTemplate.isBuiltin" class="prompt-compose-actions">
                                                 <button
                                                     type="button"
                                                     class="btn-mini"
@@ -88,6 +96,31 @@
                                             </div>
                                         </div>
 
+                                        <div v-if="promptComposerActiveTemplate && promptComposerActiveTemplate.vars && promptComposerActiveTemplate.vars.length" class="prompt-vars-block">
+                                            <div class="prompt-vars-head">
+                                                <div>
+                                                    <div class="prompt-vars-title">{{ t('plugins.promptTemplates.vars.title') }}</div>
+                                                    <div v-if="!promptComposerActiveTemplate.isBuiltin" class="plugins-panel-note">{{ t('plugins.promptTemplates.compose.varsHint') }}</div>
+                                                    <div v-if="promptComposerMissingVars.length" class="plugins-panel-note">{{ t('plugins.promptTemplates.compose.missingCount', { count: promptComposerMissingVars.length }) }}</div>
+                                                </div>
+                                                <div class="prompt-editor-actions">
+                                                    <button v-if="promptComposerMissingVars.length" type="button" class="btn-mini" @click="focusPromptComposerFirstMissingVar" :disabled="pluginsLoading">{{ t('plugins.promptTemplates.compose.jumpToMissing') }}</button>
+                                                    <button type="button" class="btn-mini" @click="resetPromptComposerVarValues" :disabled="pluginsLoading">{{ t('plugins.promptTemplates.vars.reset') }}</button>
+                                                </div>
+                                            </div>
+                                            <div class="prompt-vars-grid">
+                                                <label v-for="(name, idx) in promptComposerActiveTemplate.vars" :key="'prompt-compose-var-' + name" class="prompt-var-row">
+                                                    <span class="prompt-var-label mono">{{ name }}</span>
+                                                    <template v-if="idx === 0">
+                                                        <input ref="promptComposerFirstField" :class="['form-input', 'prompt-var-input', { 'is-missing': promptComposerMissingVars.includes(name) }]" type="text" :value="promptComposerVarValues[name] || ''" @input="setPromptComposerVarValue(name, $event.target.value)" :placeholder="t('plugins.promptTemplates.vars.valuePlaceholder', { name })">
+                                                    </template>
+                                                    <template v-else>
+                                                        <input :class="['form-input', 'prompt-var-input', { 'is-missing': promptComposerMissingVars.includes(name) }]" type="text" :value="promptComposerVarValues[name] || ''" @input="setPromptComposerVarValue(name, $event.target.value)" :placeholder="t('plugins.promptTemplates.vars.valuePlaceholder', { name })">
+                                                    </template>
+                                                </label>
+                                            </div>
+                                        </div>
+
                                         <div class="prompt-preview-block prompt-compose-preview">
                                             <div class="prompt-vars-head">
                                                 <div>
@@ -96,7 +129,7 @@
                                                 </div>
                                                 <button type="button" class="btn-mini" @click="copyPromptComposerRendered" :disabled="pluginsLoading || !promptComposerRendered">{{ t('plugins.promptTemplates.compose.copy') }}</button>
                                             </div>
-                                            <textarea class="form-input prompt-preview-textarea" :value="promptComposerRendered" rows="10" readonly spellcheck="false" aria-label="Rendered prompt (composer)"></textarea>
+                                            <textarea class="form-input prompt-preview-textarea" :value="promptComposerRendered" rows="10" readonly spellcheck="false" :aria-label="t('plugins.promptTemplates.compose.outputAria')"></textarea>
                                         </div>
                                     </div>
                                 </div>
@@ -108,7 +141,7 @@
                                                 class="form-input"
                                                 type="text"
                                                 v-model.trim="promptTemplatesKeyword"
-                                                aria-label="Search templates"
+                                                :aria-label="t('plugins.promptTemplates.manage.searchAria')"
                                                 :placeholder="t('plugins.promptTemplates.manage.searchPlaceholder')">
                                             <button type="button" class="btn-mini" @click="createPromptTemplate" :disabled="pluginsLoading">{{ t('plugins.promptTemplates.manage.create') }}</button>
                                             <button type="button" class="btn-mini" @click="exportPromptTemplates" :disabled="pluginsLoading || !promptTemplatesList.length">{{ t('plugins.promptTemplates.manage.export') }}</button>
@@ -143,7 +176,7 @@
                                         <template v-else>
                                             <div class="prompt-editor-head">
                                                 <div class="prompt-editor-title-row">
-                                                    <input class="form-input prompt-editor-name" type="text" v-model.trim="promptTemplateDraft.name" :disabled="promptTemplateDraft.isBuiltin" :placeholder="t('plugins.promptTemplates.editor.namePlaceholder')" aria-label="Template name">
+                                                    <input class="form-input prompt-editor-name" type="text" v-model.trim="promptTemplateDraft.name" :disabled="promptTemplateDraft.isBuiltin" :placeholder="t('plugins.promptTemplates.editor.namePlaceholder')" :aria-label="t('plugins.promptTemplates.editor.nameAria')">
                                                     <div v-if="!promptTemplateDraft.isBuiltin" class="prompt-editor-actions">
                                                         <button type="button" class="btn-mini" @click="duplicatePromptTemplate" :disabled="pluginsLoading">{{ t('plugins.promptTemplates.editor.duplicate') }}</button>
                                                         <button type="button" class="btn-mini delete" @click="deletePromptTemplate" :disabled="pluginsLoading">{{ t('plugins.promptTemplates.editor.delete') }}</button>
@@ -153,7 +186,10 @@
                                                 <div v-if="promptTemplateDraft.isBuiltin" class="plugins-panel-note">
                                                     {{ t('plugins.promptTemplates.editor.builtinReadOnly') }}
                                                 </div>
-                                                <input class="form-input" type="text" v-model.trim="promptTemplateDraft.description" :disabled="promptTemplateDraft.isBuiltin" :placeholder="t('plugins.promptTemplates.editor.descPlaceholder')" aria-label="Template description">
+                                                <div v-if="promptTemplateDraft.isBuiltin && (promptTemplateDraft.createdBy || (promptTemplateDraft.maintainers && promptTemplateDraft.maintainers.length))" class="plugins-panel-note">
+                                                    {{ t('plugins.meta.attribution', { createdBy: promptTemplateDraft.createdBy || '', maintainers: (promptTemplateDraft.maintainers || []).join(', ') }) }}
+                                                </div>
+                                                <input class="form-input" type="text" v-model.trim="promptTemplateDraft.description" :disabled="promptTemplateDraft.isBuiltin" :placeholder="t('plugins.promptTemplates.editor.descPlaceholder')" :aria-label="t('plugins.promptTemplates.editor.descAria')">
                                             </div>
 
                                             <div class="prompt-editor-body">
@@ -164,7 +200,7 @@
                                                     :disabled="promptTemplateDraft.isBuiltin"
                                                     rows="10"
                                                     spellcheck="false"
-                                                    aria-label="Template body"
+                                                    :aria-label="t('plugins.promptTemplates.editor.templateAria')"
                                                     :placeholder="t('plugins.promptTemplates.editor.templatePlaceholder')"></textarea>
 
                                                 <div class="prompt-vars-block">
@@ -183,7 +219,7 @@
                                                     <div v-else class="prompt-vars-grid">
                                                         <label v-for="name in promptTemplateVars" :key="'prompt-var-' + name" class="prompt-var-row">
                                                             <span class="prompt-var-label mono">{{ name }}</span>
-                                                            <input class="form-input prompt-var-input" type="text" :disabled="promptTemplateDraft.isBuiltin" :value="promptTemplateVarValues[name] || ''" @input="setPromptVariableValue(name, $event.target.value)" :placeholder="t('plugins.promptTemplates.vars.valuePlaceholder', { name })">
+                                                            <input class="form-input prompt-var-input" type="text" :readonly="promptTemplateDraft.isBuiltin" :value="promptTemplateVarValues[name] || ''" @input="setPromptVariableValue(name, $event.target.value)" :placeholder="t('plugins.promptTemplates.vars.valuePlaceholder', { name })">
                                                         </label>
                                                     </div>
                                                 </div>
@@ -196,7 +232,7 @@
                                                         </div>
                                                         <button type="button" class="btn-mini" @click="copyRenderedPrompt" :disabled="pluginsLoading">{{ t('plugins.promptTemplates.preview.copy') }}</button>
                                                     </div>
-                                                    <textarea class="form-input prompt-preview-textarea" :value="renderedPrompt" rows="10" readonly spellcheck="false" aria-label="Rendered prompt"></textarea>
+                                                    <textarea class="form-input prompt-preview-textarea" :value="renderedPrompt" rows="10" readonly spellcheck="false" :aria-label="t('plugins.promptTemplates.preview.outputAria')"></textarea>
                                                 </div>
                                             </div>
                                         </template>

package/web-ui/partials/index/panel-sessions.html

@@ -28,6 +28,9 @@
                             <button class="btn-tool btn-tool-compact" @click="loadSessions({ forceRefresh: true })" :disabled="sessionsLoading">
                                 {{ sessionsLoading ? t('sessions.refreshing') : t('sessions.refresh') }}
                             </button>
+                            <button class="btn-tool btn-tool-compact" type="button" @click="switchMainTab('dashboard')">
+                                {{ t('dashboard.doctor.title') }}
+                            </button>
                         </div>
                     </div>
                     <div class="session-toolbar">
@@ -51,7 +54,7 @@
                             <input
                                 class="session-query-input"
                                 v-model="sessionQuery"
-                                @keyup.enter="loadSessions"
+                                @keyup.enter="onSessionFilterChange"
                                 :disabled="sessionsLoading || !isSessionQueryEnabled"
                                 :placeholder="sessionQueryPlaceholder">
                         </div>
@@ -60,7 +63,7 @@
                                 class="session-role-select"
                                 v-model="sessionRoleFilter"
                                 @change="onSessionFilterChange"
-                                disabled>
+                                :disabled="sessionsLoading">
                                 <option value="all">{{ t('sessions.role.all') }}</option>
                                 <option value="user">{{ t('sessions.role.user') }}</option>
                                 <option value="assistant">{{ t('sessions.role.assistant') }}</option>
@@ -70,12 +73,18 @@
                                 class="session-time-select"
                                 v-model="sessionTimePreset"
                                 @change="onSessionFilterChange"
-                                disabled>
+                                :disabled="sessionsLoading">
                                 <option value="all">{{ t('sessions.time.all') }}</option>
                                 <option value="7d">{{ t('sessions.time.7d') }}</option>
                                 <option value="30d">{{ t('sessions.time.30d') }}</option>
                                 <option value="90d">{{ t('sessions.time.90d') }}</option>
                             </select>
+                            <button class="btn-tool btn-tool-compact" type="button" @click="copySessionsFilterShareUrl" :disabled="sessionsLoading">
+                                {{ t('sessions.filters.copyLink') }}
+                            </button>
+                            <button class="btn-tool btn-tool-compact" type="button" @click="clearSessionFilters" :disabled="sessionsLoading">
+                                {{ t('common.resetFilters') }}
+                            </button>
                         </div>
                     </div>
                     <div class="session-toolbar-footer">

package/web-ui/partials/index/panel-settings.html

@@ -5,7 +5,7 @@
                     id="panel-settings"
                     role="tabpanel"
                     :aria-labelledby="'tab-settings'">
-                    <div class="config-subtabs settings-subtabs" role="tablist" aria-label="Settings tabs">
+                    <div class="config-subtabs settings-subtabs" role="tablist" :aria-label="t('settings.tabs.aria')">
                         <button
                             id="settings-tab-backup"
                             role="tab"

package/web-ui/partials/index/panel-usage.html

@@ -10,10 +10,11 @@
                             <span class="selector-title">{{ t('usage.overview') }}</span>
                         </div>
                         <div class="usage-range-group" role="group" :aria-label="t('usage.range.aria')">
-                            <button type="button" class="usage-range-btn" :class="{ active: sessionsUsageTimeRange === '7d' }" @click="sessionsUsageTimeRange = '7d'">{{ t('usage.range.7d') }}</button>
-                            <button type="button" class="usage-range-btn" :class="{ active: sessionsUsageTimeRange === '30d' }" @click="sessionsUsageTimeRange = '30d'">{{ t('usage.range.30d') }}</button>
-                            <button type="button" class="usage-range-btn" :class="{ active: sessionsUsageTimeRange === 'all' }" @click="sessionsUsageTimeRange = 'all'">{{ t('usage.range.all') }}</button>
-                            <button type="button" class="usage-range-btn" @click="loadSessionsUsage({ forceRefresh: true })" :disabled="sessionsUsageLoading">{{ sessionsUsageLoading ? t('usage.refreshing') : t('usage.refresh') }}</button>
+                            <button type="button" class="usage-range-btn" :class="{ active: sessionsUsageTimeRange === '7d' }" @click="setSessionsUsageTimeRange('7d')">{{ t('usage.range.7d') }}</button>
+                            <button type="button" class="usage-range-btn" :class="{ active: sessionsUsageTimeRange === '30d' }" @click="setSessionsUsageTimeRange('30d')">{{ t('usage.range.30d') }}</button>
+                            <button type="button" class="usage-range-btn" :class="{ active: sessionsUsageTimeRange === 'all' }" @click="setSessionsUsageTimeRange('all')">{{ t('usage.range.all') }}</button>
+                            <button type="button" class="usage-range-btn" @click="loadSessionsUsage({ forceRefresh: true, range: sessionsUsageTimeRange })" :disabled="sessionsUsageLoading">{{ sessionsUsageLoading ? t('usage.refreshing') : t('usage.refresh') }}</button>
+                            <button type="button" class="usage-range-btn" @click="switchMainTab('dashboard')">{{ t('dashboard.doctor.title') }}</button>
                         </div>
                     </div>
 
@@ -299,10 +300,10 @@
                                 </div>
                             </section>
 
-                            <section class="usage-card">
+                            <section class="usage-card usage-card-top-paths">
                                 <div class="usage-card-title">{{ t('usage.paths.title') }}</div>
                                 <div v-if="!sessionUsageCharts.topPaths.length" class="usage-list-value">{{ t('usage.paths.empty') }}</div>
-                                <div v-else class="usage-list">
+                                <div v-else class="usage-list usage-list-scroll usage-list-top-paths">
                                     <div v-for="item in sessionUsageCharts.topPaths" :key="item.path" class="usage-list-row">
                                         <div class="usage-list-label">{{ t('usage.paths.count', { count: item.count }) }}</div>
                                         <div class="usage-progress"><div class="usage-progress-fill" :style="{ width: ((item.count / Math.max((sessionUsageCharts.topPaths.length ? sessionUsageCharts.topPaths[0].count : 1), 1)) * 100) + '%' }"></div></div>

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

@@ -86,6 +86,7 @@
 .selector-actions {
     display: flex;
     gap: var(--spacing-xs);
+    align-items: center;
 }
 
 .health-report {
@@ -316,6 +317,13 @@
     margin-top: var(--spacing-xs);
 }
 
+.selector-header .settings-tab-actions > .btn-tool + .btn-tool,
+.selector-header .settings-tab-actions > .btn-tool-compact + .btn-tool,
+.selector-header .settings-tab-actions > .btn-tool + .btn-tool-compact,
+.selector-header .settings-tab-actions > .btn-tool-compact + .btn-tool-compact {
+    margin-top: 0;
+}
+
 .selector-header .trash-header-actions > .btn-tool + .btn-tool {
     margin-top: 0;
 }
@@ -353,10 +361,16 @@
 }
 
 .selector-header .btn-tool-compact {
-    padding: 3px 7px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: auto;
+    min-width: 0;
+    padding: 2px 6px;
     font-size: 10px;
     line-height: 1;
     box-shadow: none;
-    min-height: 24px;
+    height: 22px;
+    min-height: 22px;
     white-space: nowrap;
 }

package/web-ui/styles/dashboard.css

@@ -0,0 +1,274 @@
+.doctor-hero {
+    margin-top: 0;
+}
+
+.doctor-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+    gap: 12px;
+}
+
+.doctor-card {
+    text-align: left;
+    padding: 14px 14px 12px;
+    border-radius: var(--radius-lg);
+    border: 1px solid var(--color-border-soft);
+    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.92) 0%, rgba(246, 240, 232, 0.9) 100%);
+    box-shadow: var(--shadow-subtle);
+    cursor: pointer;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    min-width: 0;
+    max-width: 100%;
+    overflow: hidden;
+}
+
+.doctor-card:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+
+.doctor-card-title {
+    font-size: var(--font-size-body);
+    font-weight: var(--font-weight-title);
+    color: var(--color-text-primary);
+}
+
+.doctor-card-meta {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-size: var(--font-size-caption);
+    color: var(--color-text-tertiary);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.doctor-card-meta span {
+    min-width: 0;
+}
+
+.doctor-card-meta span:not(:nth-child(2)) {
+    flex: 1 1 auto;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.doctor-card-kv {
+    display: grid;
+    grid-template-columns: 92px minmax(0, 1fr);
+    gap: 8px;
+    align-items: baseline;
+    font-size: var(--font-size-caption);
+    color: var(--color-text-secondary);
+    min-width: 0;
+}
+
+.doctor-card-kv > span:first-child {
+    color: var(--color-text-tertiary);
+}
+
+.doctor-card-kv > span:nth-child(2) {
+    min-width: 0;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+    justify-self: center;
+    text-align: center;
+}
+
+.doctor-kv-error {
+    color: #8a2f36;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.doctor-status-row {
+    margin-top: 12px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    justify-content: center;
+}
+
+.doctor-status-chip {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 10px;
+    border-radius: 999px;
+    border: 1px solid var(--color-border-soft);
+    background: rgba(255, 255, 255, 0.78);
+    font-size: var(--font-size-caption);
+    color: var(--color-text-secondary);
+    justify-content: center;
+    text-align: center;
+}
+
+.doctor-status-chip strong {
+    color: var(--color-text-primary);
+    font-weight: var(--font-weight-secondary);
+}
+
+.doctor-status-chip.ok {
+    border-color: rgba(57, 181, 97, 0.25);
+    background: rgba(57, 181, 97, 0.08);
+    color: #2b6a3b;
+}
+
+.doctor-status-chip.warn {
+    border-color: rgba(246, 211, 106, 0.45);
+    background: rgba(246, 211, 106, 0.16);
+    color: #6f4b00;
+}
+
+.doctor-status-chip.error {
+    border-color: rgba(220, 95, 108, 0.28);
+    background: rgba(220, 95, 108, 0.08);
+    color: #8a2f36;
+}
+
+.doctor-health-result {
+    margin-top: 14px;
+    border-radius: var(--radius-lg);
+    border: 1px solid var(--color-border-soft);
+    padding: 12px 12px 10px;
+    background: rgba(255, 255, 255, 0.78);
+    text-align: center;
+}
+
+.doctor-health-result.ok {
+    border-color: rgba(57, 181, 97, 0.25);
+    background: rgba(57, 181, 97, 0.08);
+    color: #2b6a3b;
+}
+
+.doctor-health-result.error {
+    border-color: rgba(220, 95, 108, 0.28);
+    background: rgba(220, 95, 108, 0.08);
+    color: #8a2f36;
+}
+
+.doctor-health-title {
+    font-weight: var(--font-weight-secondary);
+    color: var(--color-text-primary);
+    margin-bottom: 8px;
+    text-align: center;
+}
+
+.doctor-health-issues {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    font-size: var(--font-size-caption);
+    align-items: center;
+}
+
+.doctor-health-issue {
+    padding: 8px 10px;
+    border-radius: 12px;
+    border: 1px solid rgba(220, 95, 108, 0.2);
+    background: rgba(255, 255, 255, 0.75);
+    color: var(--color-text-secondary);
+    overflow-wrap: anywhere;
+    word-break: break-word;
+    text-align: center;
+    width: 100%;
+    max-width: 720px;
+}
+
+.doctor-action-list {
+    margin-top: 14px;
+    display: grid;
+    gap: 10px;
+}
+
+.doctor-action-card {
+    border-radius: var(--radius-lg);
+    border: 1px solid var(--color-border-soft);
+    background: rgba(255, 255, 255, 0.78);
+    padding: 12px;
+    overflow: hidden;
+    text-align: center;
+}
+
+.doctor-action-head {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+    flex-wrap: wrap;
+    margin-bottom: 8px;
+}
+
+.doctor-action-title {
+    font-weight: var(--font-weight-secondary);
+    color: var(--color-text-primary);
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 100%;
+}
+
+.doctor-action-severity {
+    font-size: var(--font-size-caption);
+    padding: 3px 10px;
+    border-radius: 999px;
+    border: 1px solid var(--color-border-soft);
+    background: rgba(255, 255, 255, 0.85);
+    color: var(--color-text-secondary);
+    text-transform: uppercase;
+}
+
+.doctor-action-severity.error {
+    border-color: rgba(220, 95, 108, 0.28);
+    background: rgba(220, 95, 108, 0.08);
+    color: #8a2f36;
+}
+
+.doctor-action-severity.warn {
+    border-color: rgba(246, 211, 106, 0.45);
+    background: rgba(246, 211, 106, 0.16);
+    color: #6f4b00;
+}
+
+.doctor-action-severity.info {
+    border-color: rgba(126, 163, 215, 0.35);
+    background: rgba(126, 163, 215, 0.14);
+    color: #1f3d62;
+}
+
+.doctor-action-impact {
+    font-size: var(--font-size-caption);
+    color: var(--color-text-secondary);
+    overflow-wrap: anywhere;
+    word-break: break-word;
+    max-width: 920px;
+    margin: 0 auto 10px;
+}
+
+.doctor-action-buttons {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    justify-content: center;
+}
+
+.doctor-action-footer {
+    display: flex;
+    justify-content: center;
+    margin-top: 2px;
+}
+
+@media (max-width: 520px) {
+    .doctor-card-kv {
+        grid-template-columns: 76px minmax(0, 1fr);
+    }
+}

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

@@ -73,7 +73,7 @@ body::after {
     display: flex;
     flex-direction: column;
     gap: 4px;
-    padding: 14px 10px;
+    padding: 6px;
 }
 
 .side-section + .side-section {
@@ -210,13 +210,19 @@ body::after {
     z-index: 2;
     margin-top: auto;
     padding: 12px 10px;
-    background: linear-gradient(180deg, rgba(255, 253, 252, 0.45) 0%, rgba(255, 253, 252, 0.95) 48%, rgba(255, 253, 252, 1) 100%);
+    background: transparent;
     border-top: 1px solid var(--color-border);
-    backdrop-filter: blur(10px);
+    backdrop-filter: none;
     display: flex;
     justify-content: center;
 }
 
+.side-rail-lang .lang-choice {
+    background: rgba(255, 253, 252, 0.9);
+    box-shadow: none;
+    backdrop-filter: none;
+}
+
 .lang-switch {
     width: 100%;
     border: none;
@@ -309,14 +315,14 @@ body::after {
     color: var(--color-text-muted);
     letter-spacing: 0.06em;
     text-transform: uppercase;
-    padding: 0 8px;
+    padding: 0 6px;
     margin-bottom: 8px;
 }
 
 .side-item {
     width: 100%;
     text-align: left;
-    padding: 7px 10px;
+    padding: 5px;
     border-radius: 8px;
     border: 1px solid transparent;
     background: transparent;

package/web-ui/styles/navigation-panels.css

@@ -148,6 +148,14 @@
     box-shadow: var(--shadow-input-focus);
 }
 
+.provider-fast-switch-select:disabled {
+    cursor: not-allowed;
+    opacity: 0.72;
+    border-color: var(--color-border-soft);
+    background-color: var(--color-surface-alt);
+    box-shadow: none;
+}
+
 .main-panel {
     min-width: 0;
     background: var(--color-bg);

package/web-ui/styles/plugins-panel.css

@@ -502,6 +502,11 @@
     min-width: 0;
 }
 
+.prompt-var-input.is-missing {
+    border-color: var(--color-error);
+    box-shadow: 0 0 0 1px rgba(196, 69, 54, 0.18);
+}
+
 @media (max-width: 980px) {
     .plugins-layout {
         grid-template-columns: 1fr;

package/web-ui/styles/sessions-list.css

@@ -142,7 +142,7 @@
     gap: var(--spacing-sm);
     align-items: start;
     height: min(72vh, 760px);
-    min-height: 520px;
+    min-height: 360px;
 }
 
 .session-layout.session-standalone {
@@ -205,9 +205,9 @@
     min-width: 0;
     position: relative;
     overflow: hidden;
-    min-height: 102px;
+    min-height: 80px;
     content-visibility: auto;
-    contain-intrinsic-size: 102px;
+    contain-intrinsic-size: 80px;
 }
 
 .session-item-header {