pi-mega-compact 0.20.62 → 0.20.63

package/extensions/dashboard-client/src/App.tsx

@@ -176,13 +176,16 @@ function NewDashboard({
   snapshot,
   loading,
   error,
+  viewToggle,
 }: AppState & {
   activeTab: TabId;
   setActiveTab: (id: TabId) => void;
+  viewToggle?: React.ReactNode;
 }): React.ReactElement {
   return (
     <ErrorBoundary>
       <AppShell active={activeTab} onTabChange={setActiveTab} snapshot={snapshot}>
+        {viewToggle ? <div className="view-toggle-wrap">{viewToggle}</div> : null}
         <LegacyContent activeTab={activeTab} snapshot={snapshot} loading={loading} error={error} />
       </AppShell>
     </ErrorBoundary>
@@ -217,6 +220,11 @@ function ConsolidatedNav({
 
 export default function App(): React.ReactElement {
   const [activeTab, setActiveTab] = useState<ActiveTab>("overview");
+  // DASH-0d consolidated 7-surface view is OPT-IN. The default is the full
+  // NewDashboard layout (left Sidebar + mobile BottomBar, 13 tabs). A toggle
+  // button (rendered when the consolidated code is available) lets the operator
+  // switch to the minimal 7-surface view on demand.
+  const [consolidatedView, setConsolidatedView] = useState(false);
   const {
     data: snapshot,
     loading,
@@ -235,6 +243,7 @@ export default function App(): React.ReactElement {
     { pollInterval: 0, maxRetries: 0 },
   );
   const dash0dOn = dash0dEnabled(settingsData);
+  const canConsolidate = NEW_UI() && dash0dOn;
 
   // Additive hash→surface deep-link router: every legacy #hash maps to a live
   // consolidated surface; empty hash keeps current behavior (default overview).
@@ -242,12 +251,27 @@ export default function App(): React.ReactElement {
   // pre-rollup 13-tab behavior unchanged (hash ignored).
   const hashSurface = useHashTab();
   useEffect(() => {
-    if (dash0dOn && hashSurface != null) setActiveTab(hashSurface);
-  }, [dash0dOn, hashSurface]);
+    if (canConsolidate && consolidatedView && hashSurface != null)
+      setActiveTab(hashSurface);
+  }, [canConsolidate, consolidatedView, hashSurface]);
 
-  // Flag-ON consolidated New-UI surface: a 7-surface rail + the consolidated
-  // content. Flag-OFF (or legacy NEW_UI false) renders the 13-tab path as today.
-  if (NEW_UI() && dash0dOn) {
+  // The toggle button renders inside both view headers when the consolidated
+  // code is available. Default view = full (Sidebar+BottomBar); minimal = 7
+  // surfaces.
+  const ViewToggle = canConsolidate ? (
+    <button
+      type="button"
+      className="view-toggle-btn"
+      onClick={() => setConsolidatedView((v) => !v)}
+      aria-pressed={consolidatedView}
+      title={consolidatedView ? "Switch to full dashboard" : "Switch to minimal dashboard"}
+    >
+      {consolidatedView ? "Full view" : "Minimal view"}
+    </button>
+  ) : null;
+
+  // Consolidated 7-surface view — OPT-IN via the toggle button above.
+  if (canConsolidate && consolidatedView) {
     const current = DASH_SURFACE_IDS.includes(activeTab as DashTabId)
       ? (activeTab as DashTabId)
       : "overview";
@@ -256,6 +280,7 @@ export default function App(): React.ReactElement {
         <div className="dashboard-app">
           <header className="dashboard-header">
             <h1>mega-compact dashboard <span className="tier">{snapshot?.tier ?? "unknown"}</span></h1>
+            {ViewToggle}
           </header>
           <ConsolidatedNav active={current} onSelect={(id: DashTabId) => setActiveTab(id)} />
           <main className="dashboard-content">
@@ -271,8 +296,9 @@ export default function App(): React.ReactElement {
     );
   }
 
-  // Flag-off (or legacy NEW_UI): always a legacy TabId (hash routing is gated
-  // on dash0dOn above, so activeTab stays a 13-tab id here).
+  // Default view (full): always a legacy TabId (hash routing is gated on
+  // canConsolidate && consolidatedView above, so activeTab stays a 13-tab id
+  // here).
   const legacyTab = (activeTab as TabId) ?? "overview";
 
   if (NEW_UI()) {
@@ -283,6 +309,7 @@ export default function App(): React.ReactElement {
         snapshot={snapshot}
         loading={loading}
         error={error}
+        viewToggle={ViewToggle}
       />
     );
   }

package/extensions/dashboard-client/src/styles/base.css

@@ -43,10 +43,18 @@ body {
 	gap: clamp(8px, 1.5vw, 16px);
 }
 
+.dashboard-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 8px;
+	flex-wrap: wrap;
+}
+
 .dashboard-header h1 {
 	font-size: clamp(16px, 1.4vw, 22px);
 	font-weight: 600;
-	margin: 0 0 clamp(8px, 1vw, 16px);
+	margin: 0;
 }
 
 .dashboard-header .tier,
@@ -65,6 +73,61 @@ body {
 	color: var(--accent);
 }
 
+/* View toggle button — switches between full (default) and minimal 7-surface */
+.view-toggle-btn {
+	background: var(--panel);
+	border: 1px solid var(--border);
+	color: var(--muted);
+	padding: 4px 12px;
+	font-size: clamp(11px, 0.8vw, 13px);
+	border-radius: 8px;
+	cursor: pointer;
+	white-space: nowrap;
+	transition: color 0.15s, border-color 0.15s;
+}
+.view-toggle-btn:hover {
+	color: var(--text);
+	border-color: var(--accent);
+}
+.view-toggle-btn[aria-pressed="true"] {
+	color: var(--accent);
+	border-color: var(--accent);
+}
+.view-toggle-wrap {
+	position: fixed;
+	top: 12px;
+	right: 16px;
+	z-index: 50;
+}
+
+/* Consolidated 7-surface nav — horizontal scrollable rail (mobile-friendly) */
+.consolidated-nav {
+	display: flex;
+	gap: 4px;
+	overflow-x: auto;
+	flex-wrap: nowrap;
+	border-bottom: 1px solid var(--border);
+	margin-bottom: clamp(8px, 1vw, 16px);
+	padding-bottom: 2px;
+}
+.consolidated-nav button {
+	background: none;
+	border: none;
+	color: var(--muted);
+	padding: 8px 14px;
+	cursor: pointer;
+	font-size: clamp(12px, 0.85vw, 14px);
+	white-space: nowrap;
+	border-bottom: 2px solid transparent;
+}
+.consolidated-nav button.active {
+	color: var(--text);
+	border-bottom-color: var(--accent);
+}
+.consolidated-nav button:hover {
+	color: var(--text);
+}
+
 .tab-bar {
 	display: flex;
 	gap: 4px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-mega-compact",
-  "version": "0.20.62",
+  "version": "0.20.63",
   "description": "Layered, local, vector-backed context compressor for pi — supersede/collapse/cluster compaction with deduped inline recall.",
   "type": "module",
   "license": "BSD-3-Clause",

package/extensions/dashboard-client/dist/assets/MetricsTab-wCxVpHlC.js

@@ -1,2 +0,0 @@
-import{j as r}from"./index-Bq2n15a4.js";import{M as t}from"./MetricsCards-IZaCOOXU.js";import"./card-DxZRNC4E.js";import"./generateCategoricalChart-Dj-DYUgL.js";import"./BarChart-DaoONT_V.js";import"./AreaChart-B1PoTqKJ.js";function e(){return r.jsx(t,{})}export{e as default};
-//# sourceMappingURL=MetricsTab-wCxVpHlC.js.map

package/extensions/dashboard-client/dist/assets/TurnsTab-CosKNvMp.js

@@ -1,2 +0,0 @@
-import{j as r}from"./index-Bq2n15a4.js";import{T as o}from"./TurnMemoryView-BZo09Jri.js";import"./card-DxZRNC4E.js";import"./button-C9qrZYdn.js";function e(){return r.jsx(o,{})}export{e as default};
-//# sourceMappingURL=TurnsTab-CosKNvMp.js.map