@polderlabs/bizar 4.5.0 → 4.5.2

package/bizar-dash/src/web/components/Topbar.tsx

@@ -22,6 +22,7 @@ import {
   Activity,
   Radio,
   Coins,
+  Brain,
   type LucideIcon,
 } from 'lucide-react';
 import { cn } from '../lib/utils';
@@ -46,6 +47,7 @@ export const TABS: TabDef[] = [
   { id: 'activity', label: 'Activity', icon: Activity },
   { id: 'background', label: 'Active', icon: Radio },
   { id: 'skills', label: 'Skills', icon: Sparkles },
+  { id: 'memory', label: 'Memory', icon: Brain },
   { id: 'mods', label: 'Mods', icon: Puzzle },
   { id: 'schedules', label: 'Schedules', icon: Clock },
   { id: 'history', label: 'History', icon: HistoryIcon },
@@ -137,7 +139,7 @@ export function Topbar({
         </div>
       </div>
       {showTabs && (
-        <nav className="tabs-row" role="tablist">
+        <nav className="tabs-row" role="tablist" aria-label="Primary tabs">
           {TABS.map((tab) => {
             const Icon = tab.icon;
             const active = tab.id === activeTab;

package/bizar-dash/src/web/lib/api.ts

@@ -135,8 +135,8 @@ class ApiClient {
    * @example
    *   const r = await api.get<ProjectList>('/projects');
    */
-  async get<T>(path: string): Promise<T> {
-    return this.req<T>('GET', path);
+  async get<T>(path: string, signal?: AbortSignal): Promise<T> {
+    return this.req<T>('GET', path, undefined, signal);
   }
 
   /**
@@ -145,8 +145,8 @@ class ApiClient {
    * IMPORTANT: do NOT include the `/api` prefix in `path` — the
    * wrapper adds it. Use the unprefixed form: `api.post('/fs/mkdir', body)`.
    */
-  async post<T>(path: string, body?: unknown): Promise<T> {
-    return this.req<T>('POST', path, body);
+  async post<T>(path: string, body?: unknown, signal?: AbortSignal): Promise<T> {
+    return this.req<T>('POST', path, body, signal);
   }
 
   /**
@@ -155,8 +155,8 @@ class ApiClient {
    * IMPORTANT: do NOT include the `/api` prefix in `path` — the
    * wrapper adds it. Use the unprefixed form: `api.put('/settings', body)`.
    */
-  async put<T>(path: string, body?: unknown): Promise<T> {
-    return this.req<T>('PUT', path, body);
+  async put<T>(path: string, body?: unknown, signal?: AbortSignal): Promise<T> {
+    return this.req<T>('PUT', path, body, signal);
   }
 
   /**
@@ -165,8 +165,8 @@ class ApiClient {
    * IMPORTANT: do NOT include the `/api` prefix in `path` — the
    * wrapper adds it. Use the unprefixed form: `api.patch('/settings', body)`.
    */
-  async patch<T>(path: string, body?: unknown): Promise<T> {
-    return this.req<T>('PATCH', path, body);
+  async patch<T>(path: string, body?: unknown, signal?: AbortSignal): Promise<T> {
+    return this.req<T>('PATCH', path, body, signal);
   }
 
   /**
@@ -175,11 +175,11 @@ class ApiClient {
    * IMPORTANT: do NOT include the `/api` prefix in `path` — the
    * wrapper adds it. Use the unprefixed form: `api.del('/projects/123')`.
    */
-  async del<T = unknown>(path: string): Promise<T> {
-    return this.req<T>('DELETE', path);
+  async del<T = unknown>(path: string, signal?: AbortSignal): Promise<T> {
+    return this.req<T>('DELETE', path, undefined, signal);
   }
 
-  private async req<T>(method: string, path: string, body?: unknown): Promise<T> {
+  private async req<T>(method: string, path: string, body?: unknown, signal?: AbortSignal): Promise<T> {
     const headers: Record<string, string> = { 'Content-Type': 'application/json' };
     const tok = this.getToken();
     if (tok) headers.Authorization = `Bearer ${tok}`;
@@ -187,6 +187,7 @@ class ApiClient {
     if (body !== undefined && body !== null) {
       opts.body = typeof body === 'string' ? body : JSON.stringify(body);
     }
+    if (signal) opts.signal = signal;
     const r = await fetch(this.base + path, opts);
     const ct = r.headers.get('content-type') || '';
     if (ct.includes('application/json')) {

package/bizar-dash/src/web/lib/types.ts

@@ -277,6 +277,22 @@ export type Settings = {
     baseUrl: string;
     chatBaseUrl: string;
   };
+  // v5.0.0 — Headroom context compression settings.
+  headroom?: HeadroomSettings;
+};
+
+export type HeadroomSettings = {
+  enabled: boolean;
+  autoInstall: boolean;
+  port: number;
+  host: string;
+  outputShaper: boolean;
+  telemetry: boolean;
+  budget: number;
+  backend: string;
+  autoStart: boolean;
+  autoWrap: boolean;
+  routeAllProviders: boolean;
 };
 
 export type SettingsResponse = {

package/bizar-dash/src/web/main.tsx

@@ -10,6 +10,7 @@ import './styles/mobile.css';
 import './styles/glyphs.css';
 import './styles/minimax-usage.css';
 import './styles/skills.css';
+import './styles/memory.css';
 
 function Root() {
   const [isMobile, setIsMobile] = useState(() => {

package/bizar-dash/src/web/styles/chat.css

@@ -1376,6 +1376,8 @@
   border-radius: var(--radius-lg); padding: 0.875rem 1.125rem;
   transition: border-color var(--motion-base) var(--motion-ease);
   max-width: 880px; width: 100%; align-self: flex-start;
+  content-visibility: auto;
+  contain-intrinsic-size: 0 80px;
 }
 .chat-message-user { background: var(--bg-2); }
 .chat-message-pinned { border-left: 2px solid var(--accent); }

package/bizar-dash/src/web/styles/main.css

@@ -129,10 +129,10 @@ pre,
   --accent-glow: rgba(139, 92, 246, 0.18);
   --accent-soft: rgba(139, 92, 246, 0.08);
 
-  --success: #34d399;
-  --warning: #fbbf24;
-  --error: #f87171;
-  --info: #60a5fa;
+  --success: oklch(0.72 0.16 145);
+  --warning: oklch(0.78 0.14 70);
+  --error: oklch(0.66 0.20 25);
+  --info: oklch(0.72 0.13 235);
   --success-soft: rgba(52, 211, 153, 0.15);
   --error-soft: rgba(248, 113, 113, 0.12);
   --warning-soft: rgba(251, 191, 36, 0.15);
@@ -155,7 +155,7 @@ pre,
     'Inter var', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto,
     sans-serif;
 
-  /* Spacing scale (8pt) */
+  /* Spacing scale (8pt + extra for spacious layouts) */
   --space-1: 4px;
   --space-2: 8px;
   --space-3: 12px;
@@ -165,6 +165,9 @@ pre,
   --space-8: 32px;
   --space-10: 40px;
   --space-12: 48px;
+  --space-16: 64px;
+  --space-20: 80px;
+  --space-24: 96px;
 
   /* v4.6.0 — Semantic spacing aliases. These mirror the existing
      --space-* numeric scale so existing rules stay untouched, and
@@ -179,10 +182,10 @@ pre,
   --spacing-xl: var(--space-6);  /* 24px — page-level padding */
 
   /* Radius */
-  --radius-sm: 4px;
+  --radius-sm: 6px;
   --radius: 8px;
   --radius-md: 10px;
-  --radius-lg: 12px;
+  --radius-lg: 14px;
   --radius-xl: 16px;
 
   /* Shadows */
@@ -197,28 +200,15 @@ pre,
 
   /* Motion */
   --motion-fast: 120ms;
-  --motion-base: 180ms;
-  --motion-slow: 280ms;
+  --motion-base: 200ms;
+  --motion-slow: 320ms;
   --ease: cubic-bezier(0.4, 0, 0.2, 1);
+  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
 
   /* v3.21.x — Semantic and surface tokens for chat UI overhaul */
   --surface-0: var(--bg);
   --surface-1: color-mix(in oklab, var(--bg) 92%, var(--text) 8%);
   --surface-2: color-mix(in oklab, var(--bg) 84%, var(--text) 16%);
-  --success: oklch(0.72 0.16 145);
-  --warning: oklch(0.78 0.14 70);
-  --error: oklch(0.66 0.20 25);
-  --info: oklch(0.72 0.13 235);
-  --radius-sm: 6px;
-  --radius-md: 10px;
-  --radius-lg: 14px;
-  --motion-fast: 120ms;
-  --motion-base: 200ms;
-  --motion-slow: 320ms;
-  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
-  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
-  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
-  --space-12: 48px; --space-16: 64px; --space-20: 80px; --space-24: 96px;
 
   /* v3.21.x — Gemini-inspired surface tokens for chat UI overhaul.
      --bg-1, --bg-2 are NEW names that don't conflict with --bg / --bg-elev. */
@@ -429,6 +419,41 @@ pre,
   font-size: 12px;
 }
 
+/* v4.5.x — Per-view render-error fallback shown by App's ErrorBoundary.
+   Different from .boot-error (which fires before any view mounts). */
+.view-error-fallback {
+  max-width: 560px;
+  margin: var(--space-12) auto;
+  padding: var(--space-6);
+  background: var(--bg-elev);
+  border: 1px solid var(--error);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-2);
+  display: flex;
+  gap: var(--space-4);
+  align-items: flex-start;
+}
+.view-error-fallback > svg {
+  color: var(--error);
+  flex-shrink: 0;
+  margin-top: 2px;
+}
+.view-error-fallback .view-error-body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+  min-width: 0;
+}
+.view-error-fallback pre {
+  background: var(--bg);
+  padding: var(--space-2) var(--space-3);
+  border-radius: var(--radius-sm);
+  font-size: 12px;
+  white-space: pre-wrap;
+  word-break: break-word;
+  margin: 0;
+}
+
 /* v3.6.2 — Token-entry form on boot-error screen */
 .token-entry-form {
   margin: var(--space-4) 0;
@@ -1438,6 +1463,8 @@ pre,
   font-family: var(--font-mono);
   border-left: 2px solid var(--border);
   align-items: baseline;
+  content-visibility: auto;
+  contain-intrinsic-size: 0 80px;
 }
 
 .activity-item:hover {
@@ -3207,6 +3234,8 @@ pre,
     box-shadow var(--motion-base) var(--ease),
     transform var(--motion-fast) var(--ease),
     background var(--motion-base) var(--ease);
+  content-visibility: auto;
+  contain-intrinsic-size: 0 80px;
 }
 .task-card::before {
   content: '';