daedalus-cli 3.74.0 → 3.76.0

package/dist/webui/public/index.html

@@ -5,6 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>DAEDALUS — Architect of Autonomous Systems</title>
   <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+  <link rel="manifest" href="/manifest.json" />
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=JetBrains+Mono:ital,wght@0,400;0,500;0,700;1,400&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
@@ -16,19 +18,7 @@
     <header class="header">
       <div class="brand">
         <div class="logo-crest" title="The Seal of Daedalus">
-          <svg viewBox="0 0 44 44" class="crest-svg" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <polygon points="22,3 41,39 3,39" stroke="url(#gold-grad)" stroke-width="1.8" fill="rgba(229, 169, 60, 0.06)" />
-            <polygon points="22,11 35,35 9,35" stroke="url(#gold-grad)" stroke-width="1" fill="none" opacity="0.6" />
-            <path d="M22 17 L29 31 L15 31 Z" stroke="#38bdf8" stroke-width="1.2" fill="rgba(56, 189, 248, 0.12)" />
-            <circle cx="22" cy="25" r="2.5" fill="#f5c358" filter="drop-shadow(0 0 4px #e5a93c)" />
-            <defs>
-              <linearGradient id="gold-grad" x1="3" y1="3" x2="41" y2="39" gradientUnits="userSpaceOnUse">
-                <stop stop-color="#f5c358" />
-                <stop offset="0.5" stop-color="#e5a93c" />
-                <stop offset="1" stop-color="#b45309" />
-              </linearGradient>
-            </defs>
-          </svg>
+          <img src="/logo.png" alt="Daedalus Emblem" class="crest-img" width="44" height="44" />
         </div>
         <div class="brand-titles">
           <div class="brand-main">
@@ -40,13 +30,25 @@
       </div>
       <div class="status-bar">
         <div class="model-pill-wrapper">
-          <button type="button" id="active-model-badge" class="model-pill" title="Click to view & switch active model">
-            <span class="model-icon">⚡</span>
+          <button type="button" id="active-model-badge" class="model-pill touch-target" title="Click to view & switch active model">
+            <span class="model-icon">
+              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
+            </span>
             <span class="model-label" id="model-label">MODEL: AUTO</span>
           </button>
         </div>
-        <div class="status-pill-wrapper">
-          <span id="connection-status" class="status disconnected">● DISCONNECTED</span>
+        <div class="status-bar-subrow">
+          <div class="qr-pill-wrapper">
+            <button type="button" id="qr-pair-btn" class="model-pill qr-pair-btn touch-target" title="Pair mobile device via QR Code">
+              <span class="model-icon">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></svg>
+              </span>
+              <span class="model-label">PAIR QR</span>
+            </button>
+          </div>
+          <div class="status-pill-wrapper">
+            <span id="connection-status" class="status disconnected">● DISCONNECTED</span>
+          </div>
         </div>
         <div class="oracle-clock">
           <span class="oracle-label">CHRONOS</span>
@@ -59,7 +61,9 @@
       <div class="panel oracle-card card-pantheon">
         <div class="panel-header">
           <div class="metric-meta">
-            <span class="oracle-glyph">⚡</span>
+            <span class="oracle-glyph">
+              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
+            </span>
             <span class="metric-name">PANTHEON THROUGHPUT</span>
           </div>
           <span id="cpu-value" class="metric-value">0%</span>
@@ -74,7 +78,9 @@
       <div class="panel oracle-card card-memoria">
         <div class="panel-header">
           <div class="metric-meta">
-            <span class="oracle-glyph">🏛️</span>
+            <span class="oracle-glyph">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 10v10M8 10v10M12 10v10M16 10v10M20 10v10M2 10h20M2 20h20M12 2L2 7h20L12 2z"/></svg>
+            </span>
             <span class="metric-name">MEMORIA VAULT</span>
           </div>
           <span id="memory-value" class="metric-value">0%</span>
@@ -89,7 +95,9 @@
       <div class="panel oracle-card card-labyrinth">
         <div class="panel-header">
           <div class="metric-meta">
-            <span class="oracle-glyph">📜</span>
+            <span class="oracle-glyph">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
+            </span>
             <span class="metric-name">LABYRINTH SYMBOLS</span>
           </div>
           <span id="disk-value" class="metric-value">0%</span>
@@ -104,7 +112,9 @@
       <div class="panel oracle-card card-aegis">
         <div class="panel-header">
           <div class="metric-meta">
-            <span class="oracle-glyph">🌐</span>
+            <span class="oracle-glyph">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
+            </span>
             <span class="metric-name">AEGIS ROUTER</span>
           </div>
           <span id="network-value" class="metric-value">0%</span>
@@ -119,10 +129,12 @@
       <div class="panel log-panel">
         <div class="panel-header">
           <div class="metric-meta">
-            <span class="oracle-glyph">📜</span>
+            <span class="oracle-glyph">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>
+            </span>
             <span class="metric-name">SYSTEM LOG OF ORACLES</span>
           </div>
-          <button id="clear-log" class="clear-btn">PURGE</button>
+          <button id="clear-log" class="clear-btn touch-target">PURGE</button>
         </div>
         <div id="log-container" class="log-container">
           <div class="log-entry"><span class="time">[INIT]</span> Telemetry dashboard initialized. Ready for commands.</div>
@@ -133,12 +145,16 @@
         <div class="panel chat-panel">
           <div class="panel-header chat-header">
             <div class="metric-meta">
-              <span class="oracle-glyph">⚡</span>
+              <span class="oracle-glyph">
+                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
+              </span>
               <span class="metric-name">COMMUNICATION CONSOLE</span>
             </div>
             <div class="chat-badges">
               <span class="badge" id="chat-status-badge">SANCTUM READY</span>
-              <button type="button" id="new-chat-btn" class="chat-header-btn" title="Begin a new consultation / clear console">✦ NEW RITE</button>
+              <button type="button" id="new-chat-btn" class="chat-header-btn" title="Begin a new consultation / clear console">
+                <svg class="oracle-icon-svg" style="width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin-right: 3px;" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l2.4 7.2h7.6l-6.1 4.5 2.3 7.3-6.2-4.6-6.2 4.6 2.3-7.3-6.1-4.5h7.6z"/></svg>NEW RITE
+              </button>
             </div>
           </div>
           <div id="chat-messages" class="chat-messages">
@@ -153,20 +169,24 @@
           <div id="attachment-preview" class="attachment-preview hidden"></div>
           <form id="chat-form" class="chat-form">
             <input type="file" id="file-input" class="hidden" accept="image/*,.txt,.md,.json,.ts,.js,.py,.css,.html" />
-            <button type="button" id="attach-btn" class="attach-btn" title="Offer artifact / attach file or image">
+            <button type="button" id="attach-btn" class="attach-btn touch-target" title="Offer artifact / attach file or image">
               <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                 <path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"></path>
               </svg>
             </button>
             <textarea id="chat-input" rows="1" placeholder="Inscribe an instruction, paste an image (Ctrl+V), or cast artifacts..." autocomplete="off"></textarea>
-            <button type="submit" id="chat-send-btn" class="send-btn">TRANSMIT ⚡</button>
+            <button type="submit" id="chat-send-btn" class="send-btn">
+              TRANSMIT <svg class="oracle-icon-svg" style="width: 11px; height: 11px; display: inline-block; vertical-align: -1px; margin-left: 3px;" viewBox="0 0 24 24" fill="currentColor"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
+            </button>
           </form>
         </div>
 
         <aside class="panel cheatsheet-panel">
           <div class="panel-header">
             <div class="metric-meta">
-              <span class="oracle-glyph">🏛️</span>
+              <span class="oracle-glyph">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 10v10M8 10v10M12 10v10M16 10v10M20 10v10M2 10h20M2 20h20M12 2L2 7h20L12 2z"/></svg>
+              </span>
               <span class="metric-name">ARCHIVES</span>
             </div>
             <div class="sidebar-tabs">
@@ -213,7 +233,9 @@
           <div class="sidebar-tab-content hidden" id="tab-files">
             <div class="file-tree-toolbar">
               <span id="file-tree-cwd" class="file-tree-cwd">—</span>
-              <button id="file-tree-refresh" class="file-tree-refresh-btn" title="Refresh Labyrinth tree">↺</button>
+              <button id="file-tree-refresh" class="file-tree-refresh-btn" title="Refresh Labyrinth tree">
+                <svg style="width: 12px; height: 12px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M23 4v6h-6M1 20v-6h6"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></svg>
+              </button>
             </div>
             <div id="file-tree" class="file-tree">
               <div class="file-tree-loading">Exploring labyrinth paths...</div>
@@ -223,7 +245,9 @@
           <div class="sidebar-tab-content hidden" id="tab-context">
             <div class="file-tree-toolbar">
               <span class="file-tree-cwd">SANCTUM ACTIVE CONTEXT</span>
-              <button id="context-refresh-btn" class="file-tree-refresh-btn" title="Refresh active context">↺</button>
+              <button id="context-refresh-btn" class="file-tree-refresh-btn" title="Refresh active context">
+                <svg style="width: 12px; height: 12px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M23 4v6h-6M1 20v-6h6"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></svg>
+              </button>
             </div>
             <div id="context-files-list" class="context-files-list">
               <div class="file-tree-loading">Sanctum is clear. No active files.</div>
@@ -235,7 +259,9 @@
               <span class="file-tree-cwd">MEMORIA CHRONICLES</span>
               <div class="session-toolbar-actions">
                 <button id="session-new-btn" class="file-tree-refresh-btn" title="Create new session">+ NEW</button>
-                <button id="session-refresh-btn" class="file-tree-refresh-btn" title="Refresh session archives">↺</button>
+                <button id="session-refresh-btn" class="file-tree-refresh-btn" title="Refresh session archives">
+                  <svg style="width: 12px; height: 12px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M23 4v6h-6M1 20v-6h6"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></svg>
+                </button>
               </div>
             </div>
             <div id="sessions-list" class="sessions-list">
@@ -247,11 +273,69 @@
     </main>
   </div>
 
+  <div id="install-banner" class="install-banner hidden">
+    <button class="install-banner-close" title="Dismiss">×</button>
+    <div class="install-banner-header">
+      <div class="install-banner-crest">
+        <img src="/logo.png" alt="Daedalus Emblem" class="install-crest-img" width="48" height="48" />
+      </div>
+      <div class="install-banner-headings">
+        <h3 class="install-banner-title">DAEDALUS SOVEREIGN APP</h3>
+        <span class="install-banner-subtitle">PWA Companion · Offline &amp; Push Enabled</span>
+      </div>
+    </div>
+    <p class="install-banner-message">Add Daedalus to your home screen or dock for instant, full-screen autonomous orchestration with background telemetry.</p>
+    <div class="install-banner-features">
+      <span class="install-feature-pill">
+        <svg style="width: 11px; height: 11px; display: inline-block; vertical-align: -1px; margin-right: 3px;" viewBox="0 0 24 24" fill="currentColor"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>Instant Launch
+      </span>
+      <span class="install-feature-pill">
+        <svg style="width: 11px; height: 11px; display: inline-block; vertical-align: -1px; margin-right: 3px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg>Push Alerts
+      </span>
+      <span class="install-feature-pill">
+        <svg style="width: 11px; height: 11px; display: inline-block; vertical-align: -1px; margin-right: 3px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></svg>Mobile &amp; Desktop
+      </span>
+    </div>
+    <div class="install-banner-actions">
+      <button class="install-banner-button" id="install-button">
+        <span class="install-btn-icon">
+          <svg style="width: 14px; height: 14px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><polyline points="19 12 12 19 5 12"/></svg>
+        </span> INSTALL APPLICATION
+      </button>
+      <button type="button" class="install-banner-dismiss-btn" id="install-dismiss-button">NOT NOW</button>
+    </div>
+  </div>
+
+  <div id="qr-modal" class="modal-overlay hidden">
+    <div class="modal-card">
+      <div class="modal-header">
+        <div class="metric-meta">
+          <span class="oracle-glyph">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></svg>
+          </span>
+          <span class="metric-name">SOVEREIGN PAIRING · QR TELEMETRY</span>
+        </div>
+        <button type="button" id="qr-modal-close" class="modal-close-btn" title="Close">×</button>
+      </div>
+      <div class="modal-body" style="text-align: center;">
+        <p class="modal-subtitle">Scan this QR code with your mobile companion or camera to pair over LAN / Tailscale:</p>
+        <div class="qr-image-container" style="margin: 20px auto; display: flex; justify-content: center; align-items: center; min-height: 220px;">
+          <img id="qr-image" src="/api/qr" alt="Pairing QR Code" width="220" height="220" style="width: 220px; height: 220px; border-radius: 12px; border: 1px solid var(--bronze-border-strong); box-shadow: 0 0 24px rgba(245, 195, 88, 0.25); background: #0b0f19; padding: 6px; box-sizing: border-box;" />
+        </div>
+        <div id="qr-ws-url" class="qr-ws-url" style="font-family: var(--font-mono); font-size: 11px; color: var(--gold-bright); margin-top: 10px; word-break: break-all;">
+          ws://127.0.0.1:3888
+        </div>
+      </div>
+    </div>
+  </div>
+
   <div id="model-modal" class="modal-overlay hidden">
     <div class="modal-card">
       <div class="modal-header">
         <div class="metric-meta">
-          <span class="oracle-glyph">⚡</span>
+          <span class="oracle-glyph">
+            <svg viewBox="0 0 24 24" fill="currentColor"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
+          </span>
           <span class="metric-name">ROUTER ORACLES · MODEL SELECTION</span>
         </div>
         <button type="button" id="model-modal-close" class="modal-close-btn" title="Close">×</button>

package/dist/webui/public/manifest.json

@@ -0,0 +1,25 @@
+{
+  "name": "DAEDALUS — Architect of Autonomous Systems",
+  "short_name": "DAEDALUS",
+  "start_url": "/",
+  "display": "standalone",
+  "theme_color": "#0d1117",
+  "background_color": "#06080d",
+  "icons": [
+    {
+      "src": "/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicon.svg",
+      "sizes": "any",
+      "type": "image/svg+xml"
+    }
+  ]
+}