@cccarv82/freya 1.0.38 → 1.0.40

package/cli/web-ui.css

@@ -42,6 +42,23 @@
 
 * { box-sizing: border-box; }
 
+/* Subtle themed scrollbars (best-effort) */
+* { scrollbar-color: rgba(17,24,39,.32) transparent; scrollbar-width: thin; }
+[data-theme="dark"] * { scrollbar-color: rgba(229,231,235,.28) transparent; }
+
+*::-webkit-scrollbar { width: 10px; height: 10px; }
+*::-webkit-scrollbar-track { background: transparent; }
+*::-webkit-scrollbar-thumb {
+  background: rgba(17,24,39,.18);
+  border: 3px solid transparent;
+  background-clip: content-box;
+  border-radius: 999px;
+}
+[data-theme="dark"] *::-webkit-scrollbar-thumb { background: rgba(229,231,235,.16); }
+*::-webkit-scrollbar-thumb:hover { background: rgba(17,24,39,.28); }
+[data-theme="dark"] *::-webkit-scrollbar-thumb:hover { background: rgba(229,231,235,.26); }
+
+
 body {
   margin: 0;
   font-family: var(--sans);
@@ -67,7 +84,8 @@ body {
 .shell {
   display: grid;
   grid-template-columns: 290px minmax(520px, 1fr) 380px;
-  min-height: calc(100vh - 36px);
+  height: calc(100vh - 36px);
+  min-height: 0;
 }
 
 @media (max-width: 1200px) {
@@ -82,6 +100,8 @@ body {
 
 /* LEFT */
 .sidebar {
+  overflow: auto;
+  min-height: 0;
   background: linear-gradient(180deg, rgba(255,250,242,.85), rgba(255,250,242,.60));
   border-right: 1px solid var(--line);
   padding: 14px;
@@ -164,7 +184,12 @@ body {
 .miniIcon.warn { background: var(--chip2); color: var(--accent); }
 
 /* CENTER */
-.center { background: rgba(255, 250, 242, .58); }
+.center {
+  background: rgba(255, 250, 242, .58);
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
 [data-theme="dark"] .center { background: rgba(10, 14, 26, .55); }
 
 .topbar {
@@ -185,14 +210,28 @@ body {
 [data-theme="dark"] .chip { background: rgba(0,0,0,.20); }
 .toggle { border: 1px solid var(--line); border-radius: 999px; background: var(--paper2); padding: 7px 10px; cursor: pointer; color: var(--muted); font-weight: 800; font-size: 12px; }
 
-.centerBody { padding: 16px; }
+.centerBody {
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
+}
 .centerHead { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; margin-bottom: 14px; }
 .statusLine { display:flex; align-items:center; justify-content:flex-end; gap: 12px; }
 
 h1 { margin: 0; font-size: 22px; letter-spacing: -.02em; }
 .subtitle { margin-top: 6px; color: var(--muted); font-size: 13px; line-height: 1.4; max-width: 860px; }
 
-.midGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
+.midGrid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 14px;
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding-right: 2px; /* avoid scrollbar overlay clipping */
+}
 .midSpan { grid-column: 1 / -1; }
 @media (max-width: 980px) {
   .midGrid { grid-template-columns: 1fr; }
@@ -296,6 +335,8 @@ textarea:focus { box-shadow: var(--ring); border-color: rgba(37,99,235,.35); }
   background: linear-gradient(180deg, rgba(255,250,242,.82), rgba(255,250,242,.60));
   display: grid;
   grid-template-rows: auto 1fr auto;
+  overflow: hidden;
+  min-height: 0;
 }
 [data-theme="dark"] .chatPane {
   background: linear-gradient(180deg, rgba(17,24,39,.92), rgba(17,24,39,.68));
@@ -308,9 +349,11 @@ textarea:focus { box-shadow: var(--ring); border-color: rgba(37,99,235,.35); }
 .chatThread {
   padding: 14px;
   overflow: auto;
+  min-height: 0;
   display: flex;
   flex-direction: column;
   gap: 10px;
+  overscroll-behavior: contain;
 }
 
 .bubble {
@@ -322,7 +365,20 @@ textarea:focus { box-shadow: var(--ring); border-color: rgba(37,99,235,.35); }
 }
 
 .bubble .bubbleMeta { font-size: 11px; font-weight: 900; color: var(--faint); margin-bottom: 6px; }
-.bubble .bubbleBody { font-size: 13px; line-height: 1.45; color: var(--text); }
+.bubble .bubbleBody {
+  font-size: 13px;
+  line-height: 1.45;
+  color: var(--text);
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+/* Prevent horizontal scroll in chat bubbles when showing JSON/markdown/code */
+.bubble pre, .bubble code {
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-x: hidden;
+}
 
 .bubble.user {
   align-self: flex-end;

package/cli/web-ui.js

@@ -843,6 +843,11 @@
 
       setOut(msg);
       chatAppend('assistant', msg, { markdown: true });
+
+      // After apply, refresh panels so the UI reflects the new state (tasks/blockers/reports)
+      try { await refreshToday(); } catch {}
+      try { await refreshReports({ selectLatest: true }); } catch {}
+
       setPill('ok', 'applied');
       setTimeout(() => setPill('ok', 'pronto'), 800);
     } catch (e) {

package/package.json

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