diff --git a/frontend/src/components/agent/ChatInput.vue b/frontend/src/components/agent/ChatInput.vue index dd959e2..32dc272 100644 --- a/frontend/src/components/agent/ChatInput.vue +++ b/frontend/src/components/agent/ChatInput.vue @@ -79,6 +79,7 @@ defineExpose({ focus }) + + diff --git a/frontend/src/components/agent/PromptBar.vue b/frontend/src/components/agent/PromptBar.vue index 737fff6..b3379f8 100644 --- a/frontend/src/components/agent/PromptBar.vue +++ b/frontend/src/components/agent/PromptBar.vue @@ -691,6 +691,19 @@ onBeforeUnmount(() => { {{ agent.uiConfig?.shortLabel }} {{ agent.uiConfig?.label || agent.name }} + + + - -
+ +
{{ shortModel(sessionStats.model) }} · @@ -888,16 +901,9 @@ onBeforeUnmount(() => { ref="chatInputEl" :placeholder="inputPlaceholder" :recording="isRecording" - :history-active="showHistory" - :settings-active="showSettings" - :terminal-active="showTerminal" - :status-dot="statusDot" :autofocus="visible" @submit="handleSubmit" @mic="handleMic" - @toggle-history="toggleHistory" - @toggle-settings="toggleSettings" - @toggle-terminal="toggleTerminal" />
@@ -954,6 +960,17 @@ onBeforeUnmount(() => { flex-shrink: 0; } +.pb-status-dot { + width: 7px; + height: 7px; + border-radius: 50%; + flex-shrink: 0; +} +.pb-status-dot.green { background: #22c55e; box-shadow: 0 0 5px #22c55e; } +.pb-status-dot.yellow { background: #eab308; box-shadow: 0 0 5px #eab308; animation: dot-bounce 1.4s ease-in-out infinite; } +.pb-status-dot.red { background: #ef4444; box-shadow: 0 0 5px #ef4444; } +.pb-status-dot.gray { background: #6b7280; } + .pb-agent-label { flex: 1; font-size: 13px; @@ -962,6 +979,28 @@ onBeforeUnmount(() => { font-family: system-ui, sans-serif; } +.pb-hdr-btn { + width: 26px; + height: 26px; + display: flex; + align-items: center; + justify-content: center; + background: transparent; + border: none; + color: rgba(255, 255, 255, 0.3); + cursor: pointer; + border-radius: 6px; + transition: all 0.15s; +} +.pb-hdr-btn:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.pb-hdr-btn.active { + background: rgba(99, 102, 241, 0.15); + color: rgba(99, 102, 241, 0.8); +} + .pb-close { width: 24px; height: 24px;