@codemem/server 0.46.0 → 0.46.2

package/static/index.html

@@ -2090,7 +2090,7 @@
       .devices-table-head,
       .devices-table-row {
         display: grid;
-        grid-template-columns: 16px minmax(0, 1fr) 160px 140px 48px;
+        grid-template-columns: 16px minmax(0, 1fr) 128px 110px minmax(165px, 220px) 48px;
         align-items: center;
         column-gap: var(--sp-4);
       }
@@ -2111,6 +2111,8 @@
       .devices-table-device strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
       .devices-table-availability { color: var(--text-secondary); }
       .devices-table-version { color: var(--text-tertiary); font-family: var(--font-mono); font-size: var(--font-size-xs); }
+      .devices-table-sync { display: grid; gap: 2px; color: var(--text-tertiary); font-size: var(--font-size-xs); }
+      .devices-table-sync strong { color: var(--text-secondary); font-weight: var(--font-weight-medium); }
       .devices-row-menu { position: relative; }
       .devices-row-menu > summary { list-style: none; }
       .devices-row-menu > summary::-webkit-details-marker { display: none; }
@@ -2167,9 +2169,11 @@
         .devices-table-row > :nth-child(2) { grid-column: 2; grid-row: 1; }
         .devices-table-row > :nth-child(3) { grid-column: 2; grid-row: 2; }
         .devices-table-row > :nth-child(4) { grid-column: 2; grid-row: 3; }
-        .devices-table-row > :nth-child(5) { grid-column: 3; grid-row: 1; }
+        .devices-table-row > :nth-child(5) { grid-column: 2; grid-row: 4; }
+        .devices-table-row > :nth-child(6) { grid-column: 3; grid-row: 1; }
         .devices-table-availability::before,
-        .devices-table-version::before { content: attr(data-label) " "; color: var(--text-tertiary); font-family: var(--font-sans); font-size: var(--font-size-2xs); text-transform: uppercase; }
+        .devices-table-version::before,
+        .devices-table-sync::before { content: attr(data-label) " "; color: var(--text-tertiary); font-family: var(--font-sans); font-size: var(--font-size-2xs); text-transform: uppercase; }
       }
 
       @media (max-width: 720px) {
@@ -4123,6 +4127,13 @@
       .modal-body { display: flex; flex-direction: column; gap: var(--sp-3); flex: 1; min-height: 0; overflow-y: auto; padding-right: 6px; }
       .modal-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); flex-shrink: 0; padding-top: var(--sp-2); border-top: 1px solid var(--border); }
       .settings-footer-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
+      .settings-footer-copy #settingsStatus { color: var(--text-primary); }
+      .settings-env-note { color: var(--text-secondary); }
+      @media (max-width: 560px) {
+        .modal-footer:has(.settings-footer-copy) { flex-wrap: wrap; }
+        .settings-footer-copy { flex-basis: 100%; }
+        .settings-footer-copy + .settings-save { margin-left: auto; }
+      }
       .settings-link-button {
         padding: 0;
         border: 0;
@@ -4332,21 +4343,27 @@
         margin: 0;
         color: var(--text-secondary);
       }
+      .observer-panel-intro { margin: 0; color: var(--text-secondary); }
       .observer-status-banner {
         display: flex;
         flex-direction: column;
-        gap: var(--sp-1);
-        padding: var(--sp-2) var(--sp-3);
-        border: 1px solid var(--border);
-        border-radius: var(--radius-md);
-        background: var(--surface-0);
+        gap: var(--sp-2);
+        padding: 0 var(--sp-3);
         font-size: var(--font-size-sm);
         color: var(--text-secondary);
         line-height: 1.5;
       }
+      .observer-status-banner[hidden] { display: none; }
       .observer-status-banner .status-active {
+        display: flex;
+        align-items: baseline;
+        flex-wrap: wrap;
+        gap: 4px var(--sp-2);
         color: var(--text-primary);
-        font-weight: var(--font-weight-medium);
+      }
+      .observer-status-banner .status-active > span:last-child {
+        min-width: 0;
+        overflow-wrap: anywhere;
       }
       .observer-status-banner .status-label {
         color: var(--text-tertiary);
@@ -4354,10 +4371,30 @@
         text-transform: uppercase;
         letter-spacing: 0.06em;
       }
-      .observer-status-banner .status-cred {
-        display: inline-flex;
-        align-items: center;
-        gap: 4px;
+      .observer-status-banner .status-credentials summary,
+      .observer-routing-details summary,
+      .observer-fallback-details summary { cursor: pointer; }
+      .observer-routing-details summary:focus-visible,
+      .observer-fallback-details summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
+      .observer-routing-details { padding-inline: var(--sp-3); }
+      .observer-routing-details summary { position: relative; list-style: none; font-size: var(--font-size-base); font-weight: var(--font-weight-medium); color: var(--text-secondary); }
+      .observer-routing-details summary::-webkit-details-marker { display: none; }
+      .observer-routing-details summary::before { content: "▸"; position: absolute; inset-inline-start: calc(-1 * var(--sp-3)); }
+      .observer-routing-details[open] summary::before { content: "▾"; }
+      .observer-fallback-details {
+        border-top: 1px solid var(--border);
+        padding-top: var(--sp-2);
+        color: var(--text-secondary);
+      }
+      .observer-fallback-details .field { margin-top: var(--sp-2); }
+      .observer-routing-list { display: grid; gap: var(--sp-2); margin: var(--sp-2) 0 0; }
+      .observer-routing-list div { display: grid; gap: 2px; }
+      .observer-routing-list dt { color: var(--text-secondary); }
+      .observer-routing-list dd { margin: 0; color: var(--text-primary); overflow-wrap: anywhere; }
+      .settings-restart-required { color: var(--status-degraded); font-weight: 600; }
+      .observer-status-banner .status-credentials ul {
+        margin: var(--sp-1) 0 0;
+        padding-left: var(--sp-4);
       }
       .observer-status-banner .status-issue {
         display: flex;
@@ -4378,8 +4415,7 @@
       .observer-status-banner .status-issue-impact {
         color: #fbbf24;
       }
-      .observer-status-banner .cred-ok { color: var(--semantic-success, #4ade80); }
-      .observer-status-banner .cred-none { color: var(--text-tertiary); }
+      .observer-status-banner .status-token-warning { color: var(--semantic-warning, #fbbf24); }
       .settings-group {
         display: flex;
         flex-direction: column;
@@ -4389,6 +4425,7 @@
         border-radius: var(--radius-md);
         background: var(--surface-0);
       }
+      .settings-group[hidden] { display: none; }
       .settings-group-title {
         margin: 0;
         font-size: var(--font-size-sm);
@@ -5025,7 +5062,7 @@
                   <button class="help-icon" type="button" data-tooltip="Leave blank to use a recommended model for your selected mode/provider." aria-label="About model defaults">?</button>
                 </div>
                 <input id="observerModel" placeholder="leave empty for default" />
-                <div class="small">Default: `gpt-5.1-codex-mini` for Direct API; `claude-4.5-haiku` for Local Claude session.</div>
+                <div class="small">Default: `gpt-6-luna` for OpenAI or Local Codex session; `claude-haiku-4-5` for Local Claude session.</div>
                 <div class="small" id="observerModelHint"></div>
               </div>
               <div class="field">
@@ -5446,6 +5483,6 @@
       </div>
     </div>
 
-    <script src="/assets/app.js?v=d3f01b687feb"></script>
+    <script src="/assets/app.js?v=7ea03d0ccbf4"></script>
   </body>
 </html>