@sean.holung/minicode 0.3.2 → 0.3.3

package/dist/src/web/index.html

@@ -16,14 +16,31 @@
       <div class="header-left">
         <h1>minicode</h1>
         <span id="status-badge" class="badge ready">ready</span>
+        <div id="context-indicator" title="Context window usage">
+          <div id="context-bar">
+            <div id="context-fill"></div>
+          </div>
+          <span id="context-label">0%</span>
+        </div>
       </div>
       <div class="header-right">
-        <span id="model-info"></span>
+        <div class="model-menu">
+          <button id="model-btn" class="header-btn" title="Switch model"><span id="model-info"></span> ▾</button>
+          <div id="model-dropdown" class="dropdown hidden">
+            <div id="model-list" class="dropdown-section">
+              <div class="dropdown-empty">Loading models...</div>
+            </div>
+          </div>
+        </div>
+        <button id="settings-btn" class="header-btn" title="Edit persisted settings">Settings</button>
         <button id="graph-toggle" class="header-btn" title="Toggle graph pane">Graph</button>
         <div class="session-menu">
           <button id="session-btn" class="header-btn" title="Sessions">Sessions</button>
           <div id="session-dropdown" class="dropdown hidden">
             <div class="dropdown-section">
+              <div id="session-update-row" class="session-update-row hidden">
+                <button id="session-update-btn" class="dropdown-action" type="button">Update current saved session</button>
+              </div>
               <div class="dropdown-row">
                 <input id="save-label" type="text" placeholder="Label (optional)" />
                 <button id="save-btn" class="dropdown-action">Save</button>
@@ -40,6 +57,38 @@
 
     <div id="workspace">
       <div id="chat-pane">
+        <div id="config-overlay" class="config-overlay hidden">
+          <div class="config-overlay-content">
+            <h2>Agent not connected</h2>
+            <p id="config-missing" class="config-missing hidden"></p>
+            <p>minicode needs a model provider to run. Configure one of the following:</p>
+            <div class="config-overlay-options">
+              <div class="config-overlay-option">
+                <strong>Local model (LM Studio, Ollama, etc.)</strong>
+                <p>Start your local server, then set in <code>~/.minicode/.env</code>:</p>
+                <pre>MODEL_PROVIDER=openai-compatible
+OPENAI_BASE_URL=http://localhost:1234/v1
+MODEL=your-model-name</pre>
+              </div>
+              <div class="config-overlay-option">
+                <strong>Anthropic API</strong>
+                <p>Set in <code>~/.minicode/.env</code> or your shell environment:</p>
+                <pre>MODEL_PROVIDER=anthropic
+ANTHROPIC_API_KEY=sk-ant-...
+MODEL=claude-sonnet-4-20250514</pre>
+              </div>
+              <div class="config-overlay-option">
+                <strong>OpenRouter / remote OpenAI-compatible</strong>
+                <p>Set in <code>~/.minicode/.env</code> or your shell environment:</p>
+                <pre>MODEL_PROVIDER=openai-compatible
+OPENAI_BASE_URL=https://openrouter.ai/api/v1
+OPENROUTER_API_KEY=sk-or-...
+MODEL=your-model-name</pre>
+              </div>
+            </div>
+            <p class="config-overlay-footer">After updating your config, restart <code>minicode serve</code>.</p>
+          </div>
+        </div>
         <main id="messages"></main>
         <footer>
           <form id="chat-form">
@@ -53,16 +102,77 @@
       <div id="graph-pane">
         <div id="graph-toolbar">
           <input id="graph-search" type="text" placeholder="Search symbols..." autocomplete="off" />
+          <button id="graph-analyze" class="header-btn">Analyze</button>
           <button id="graph-fit" class="header-btn">Fit</button>
           <button id="graph-relayout" class="header-btn">Re-layout</button>
           <button id="graph-clear" class="header-btn">Clear</button>
         </div>
-        <div id="cy"></div>
-        <div id="symbol-detail" class="hidden"></div>
+        <div id="graph-stage">
+          <div id="cy"></div>
+          <aside id="analysis-panel" class="hidden" aria-live="polite">
+            <div class="analysis-panel-header">
+              <div>
+                <div class="analysis-kicker">Deterministic analysis</div>
+                <div class="analysis-title-row">
+                  <h2 id="analysis-title">Structural findings</h2>
+                  <span class="analysis-pill">Graph-driven</span>
+                </div>
+                <p class="analysis-subtitle">
+                  These signals come from the dependency graph itself, not from agent judgment.
+                </p>
+              </div>
+              <div class="analysis-panel-actions">
+                <button id="analysis-rerun" class="header-btn" type="button">Re-run</button>
+                <button id="analysis-close" class="header-btn" type="button">Close</button>
+              </div>
+            </div>
+            <div id="analysis-status" class="analysis-status hidden"></div>
+            <div id="analysis-summary" class="analysis-summary"></div>
+            <div id="analysis-findings" class="analysis-findings">
+              <div class="analysis-empty">Run analysis to inspect cycles, hotspots, and coupling outliers.</div>
+            </div>
+          </aside>
+          <div id="symbol-detail" class="hidden"></div>
+        </div>
       </div>
     </div>
   </div>
 
+  <div id="settings-modal" class="modal hidden" aria-hidden="true">
+    <div id="settings-backdrop" class="modal-backdrop"></div>
+    <section class="modal-panel" role="dialog" aria-modal="true" aria-labelledby="settings-title">
+      <div class="modal-header">
+        <div>
+          <h2 id="settings-title">Settings</h2>
+          <p id="settings-subtitle" class="modal-subtitle">Persist non-secret global defaults for future sessions.</p>
+        </div>
+        <button id="settings-close" class="header-btn" type="button">Close</button>
+      </div>
+
+      <div class="settings-toolbar">
+        <div class="settings-path-group">
+          <span class="settings-path-label">Config file</span>
+          <code id="settings-path" class="settings-path"></code>
+        </div>
+      </div>
+
+      <div id="settings-banner" class="settings-banner hidden" role="status" aria-live="polite"></div>
+      <div id="settings-list" class="settings-list">
+        <div class="dropdown-empty">Loading settings...</div>
+      </div>
+
+      <div class="modal-footer">
+        <p class="settings-footnote">
+          Secrets such as API keys stay env-only for now. Saved changes update <code>~/.minicode/agent.config.json</code> and apply to new runs after restart.
+        </p>
+        <div class="settings-actions">
+          <button id="settings-reset" class="header-btn" type="button">Reset changes</button>
+          <button id="settings-save" class="dropdown-action" type="button">Save settings</button>
+        </div>
+      </div>
+    </section>
+  </div>
+
   <script type="module" src="app.js"></script>
 </body>
 </html>