agentgui 1.0.893 → 1.0.895

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## [Unreleased] - remove duplicate welcome screen; wire agent/model chip selects
+
+- index.html: removed static `#welcomeScreen` div (gradient-G logo block) that persisted over conversation views — JS `_showWelcomeScreen()` in `#output` already handles empty state
+- index.html: moved `data-cli-selector` and `data-model-selector` attributes from hidden div to the visible `inputCardAgentSelect` / `inputCardModelSelect` chip selects so `loadAgents()` populates visible controls
+
 ## [Unreleased] - visible prompt controls + viewport-safe overflow menu
 
 - brand-bible.css: chip selects (agent/model dropdowns) now use `--panel-3` background so they contrast against the `--panel-1` card; pill border-radius preserved with `!important` override of the `* { border-radius:0 }` reset

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.893",
+  "version": "1.0.895",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "electron/main.js",

package/static/css/brand-bible.css

@@ -213,8 +213,7 @@ body {
 .input-card,
 .cli,
 .panel,
-.kv,
-.welcome-agents-grid > * {
+.kv {
   border: 1px solid var(--color-border) !important;
 }
 
@@ -223,8 +222,7 @@ body {
 }
 
 .sidebar-header h2,
-.header-title,
-.welcome-title {
+.header-title {
   font-family: var(--ff-display);
   text-transform: lowercase;
   letter-spacing: -0.02em;

package/static/css/main.css

@@ -3528,50 +3528,7 @@ html.dark {
 }
 
 /* ---------- Welcome screen ---------- */
-.main-panel > .welcome-screen {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.75rem;
-  padding: 2rem 1.5rem;
-  text-align: center;
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-}
-.welcome-logo {
-  width: 72px;
-  height: 72px;
-  border-radius: var(--radius-xl);
-  background: linear-gradient(135deg, #3b82f6, #6366f1);
-  color: #fff;
-  font-size: 2.25rem;
-  font-weight: 700;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: var(--shadow-md);
-  margin-bottom: 0.5rem;
-}
-.welcome-title {
-  font-size: 1.75rem;
-  font-weight: 700;
-  margin: 0;
-  color: var(--color-text-primary);
-}
-.welcome-subtitle {
-  font-size: 0.9375rem;
-  color: var(--color-text-secondary);
-  margin: 0 0 1.5rem;
-}
-.welcome-agents-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 0.75rem;
-  width: 100%;
-  max-width: 720px;
-}
+.main-panel > 
 
 /* Hide welcome when empty / conversation active */
 .main-panel > .welcome-screen.hidden { display: none; }

package/static/index.html

@@ -199,16 +199,6 @@
         <button class="view-toggle-btn" data-view="terminal" id="terminalTabBtn" title="Terminal"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line></svg></button>
       </div>
 
-      <!-- Welcome empty state -->
-      <div class="welcome-screen" id="welcomeScreen">
-        <div class="welcome-logo">G</div>
-        <h1 class="welcome-title">AgentGUI</h1>
-        <p class="welcome-subtitle">Your multi-agent coding assistant</p>
-        <div class="welcome-agents-grid" id="welcomeAgentsGrid">
-          <!-- Agent cards injected by JS -->
-        </div>
-      </div>
-
       <!-- Messages scroll area -->
       <div id="output-scroll" role="region" aria-label="Chat messages" aria-live="polite" data-drop-zone>
         <div class="messages-wrapper">
@@ -245,9 +235,7 @@
       <div class="input-section">
         <!-- Hidden legacy selectors for backward-compat with JS logic -->
         <div style="display:none">
-          <select class="agent-selector cli-selector" data-cli-selector title="Select CLI tool"></select>
           <select class="agent-selector sub-agent-selector" data-agent-selector title="Select sub-agent"></select>
-          <select class="model-selector" data-model-selector title="Select model" data-empty="true"></select>
           <select id="presetSelector" class="preset-selector" title="Load preset"></select>
           <textarea class="message-textarea" data-message-input rows="1" style="position:absolute;opacity:0;pointer-events:none;"></textarea>
         </div>
@@ -261,8 +249,8 @@
           ></textarea>
           <div class="input-card-toolbar">
             <div class="input-card-selectors">
-              <select class="input-chip-select" id="inputCardAgentSelect" title="Select agent"></select>
-              <select class="input-chip-select" id="inputCardModelSelect" title="Select model"></select>
+              <select class="input-chip-select agent-selector cli-selector" id="inputCardAgentSelect" data-cli-selector title="Select agent"></select>
+              <select class="input-chip-select model-selector" id="inputCardModelSelect" data-model-selector title="Select model" data-empty="true"></select>
               <button id="savePresetBtn" class="preset-btn input-icon-btn" title="Save current agent/model as preset" style="width:28px;height:28px;">&#9733;</button>
             </div>
             <div class="input-card-actions">