@cccarv82/freya 1.0.55 → 1.0.57

package/cli/web-ui.css

@@ -61,6 +61,10 @@
 [data-theme="dark"] *::-webkit-scrollbar-thumb:hover { background: rgba(229,231,235,.26); }
 
 
+html, body {
+  height: 100%;
+}
+
 body {
   margin: 0;
   font-family: var(--sans);
@@ -72,28 +76,28 @@ body {
   background: radial-gradient(800px 360px at 65% 10%, rgba(45,212,191,.10), transparent 55%), var(--bg);
 }
 
-.app { padding: 18px; }
+.app { padding: 0; height: 100%; }
 
 .frame {
-  max-width: 1400px;
-  margin: 0 auto;
-  border-radius: 22px;
+  width: 100vw;
+  height: 100vh;
+  margin: 0;
+  border-radius: 0;
   overflow: hidden;
-  box-shadow: var(--shadow);
-  border: 1px solid var(--line);
-  background: var(--paper2);
+  box-shadow: none;
+  border: none;
+  background: transparent;
 }
 
 .shell {
   display: grid;
-  grid-template-columns: 72px minmax(520px, 1fr) 360px;
-  height: calc(100vh - 36px);
+  grid-template-columns: 72px minmax(520px, 1fr);
+  height: 100vh;
   min-height: 0;
 }
 
 @media (max-width: 1200px) {
   .shell { grid-template-columns: 72px 1fr; }
-  .chatPane { display: none; }
 }
 
 @media (max-width: 860px) {
@@ -167,6 +171,21 @@ body {
 .dot { width: 10px; height: 10px; border-radius: 6px; background: rgba(148,163,184,.6); }
 .dot.ok { background: rgba(16,185,129,.85); }
 .dot.err { background: rgba(239,68,68,.85); }
+.dot.run { background: rgba(56,189,248,.9); }
+.dot.plan { background: rgba(250,204,21,.9); }
+
+.railStatus {
+  width: 16px;
+  height: 16px;
+  border-radius: 999px;
+  border: 1px solid var(--line2);
+  background: rgba(148,163,184,.6);
+  box-shadow: 0 0 0 4px rgba(0,0,0,.25);
+}
+.railStatus.ok { background: rgba(16,185,129,.9); }
+.railStatus.err { background: rgba(239,68,68,.9); }
+.railStatus.run { background: rgba(56,189,248,.9); }
+.railStatus.plan { background: rgba(250,204,21,.9); }
 
 .sidePath {
   margin: 10px 6px 10px;
@@ -392,20 +411,11 @@ textarea:focus { box-shadow: var(--ring); border-color: rgba(45,212,191,.35); }
 [data-theme="dark"] .md-code{ background: rgba(0,0,0,.22); }
 .md-sp{ height: 10px; }
 
-/* RIGHT: CHAT */
+/* RIGHT: CHAT (hidden for Perplexity layout) */
 .chatPane {
-  border-left: 1px solid var(--line);
-  background: var(--paper);
-  display: grid;
-  grid-template-rows: auto 1fr;
-  overflow: hidden;
-  min-height: 0;
+  display: none;
 }
 
-.chatHead { padding: 18px 16px; border-bottom: 1px solid var(--line); }
-.chatTitle { font-weight: 800; letter-spacing: -.01em; }
-.chatSub { margin-top: 2px; font-size: 12px; color: var(--faint); }
-
 .chatThread {
   padding: 14px;
   overflow: auto;

package/cli/web-ui.js

@@ -32,10 +32,12 @@
 
   function setPill(kind, text) {
     const dot = $('dot');
-    if (!dot) return;
-    dot.classList.remove('ok', 'err');
-    if (kind === 'ok') dot.classList.add('ok');
-    if (kind === 'err') dot.classList.add('err');
+    const rail = $('railStatus');
+    const classes = ['ok', 'err', 'run', 'plan'];
+    if (dot) dot.classList.remove(...classes);
+    if (rail) rail.classList.remove(...classes);
+    if (dot && classes.includes(kind)) dot.classList.add(kind);
+    if (rail && classes.includes(kind)) rail.classList.add(kind);
     const pill = $('pill');
     if (pill) pill.textContent = text;
     const status = $('status');
@@ -988,7 +990,8 @@
   }
 
   // init
-  applyTheme(localStorage.getItem('freya.theme') || 'dark');
+  applyTheme('dark');
+  try { localStorage.setItem('freya.theme', 'dark'); } catch (err) {}
   $('chipPort').textContent = location.host;
   loadLocal();
 

package/cli/web.js

@@ -901,14 +901,14 @@ function buildHtml(safeDefault, appVersion) {
             <div class="railLogo">F</div>
           </div>
           <div class="railNav">
-            <button class="railBtn active" type="button" title="Dashboard">H</button>
-            <button class="railBtn" type="button" title="Workspace">W</button>
-            <button class="railBtn" type="button" title="Relatórios">R</button>
+            <button class="railBtn active" type="button" title="Dashboard" onclick="window.scrollTo({ top: 0, behavior: 'smooth' })">D</button>
+            <button class="railBtn" type="button" title="Relatórios" onclick="document.getElementById('reportsSection')?.scrollIntoView({ behavior: 'smooth' })">R</button>
+            <button class="railBtn" type="button" title="Relatórios (atalho 2)">R</button>
             <button class="railBtn" type="button" title="Preview">P</button>
             <button class="railBtn" type="button" title="Conversa">C</button>
           </div>
           <div class="railBottom">
-            <button class="railBtn railToggle" id="themeToggle" type="button" onclick="toggleTheme()">Claro</button>
+            <div class="railStatus" id="railStatus" title="status"></div>
           </div>
         </aside>
 
@@ -954,7 +954,7 @@ function buildHtml(safeDefault, appVersion) {
               </div>
             </section>
 
-            <section class="utilityGrid">
+            <section class="utilityGrid" id="reportsSection">
               <div class="utilityCard">
                 <div class="utilityHead">Área de trabalho</div>
                 <div class="sidePath" id="sidePath">./freya</div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cccarv82/freya",
-  "version": "1.0.55",
+  "version": "1.0.57",
   "description": "Personal AI Assistant with local-first persistence",
   "scripts": {
     "health": "node scripts/validate-data.js",