@polderlabs/bizar 4.4.13 → 4.5.1

package/bizar-dash/src/web/views/Overview.tsx

@@ -30,6 +30,7 @@ import {
 } from 'lucide-react';
 import { Card, CardTitle, CardMeta } from '../components/Card';
 import { Button } from '../components/Button';
+import { MemoryStatusCard } from './memory/MemoryStatusCard';
 import { EmptyState } from '../components/EmptyState';
 import { Spinner } from '../components/Spinner';
 import { useToast } from '../components/Toast';
@@ -461,6 +462,8 @@ export function Overview({
         )}
       </Card>
 
+      <MemoryStatusCard setActiveTab={setActiveTab} />
+
       <div className="overview-cols">
         <Card>
           <CardTitle>Mods</CardTitle>

package/bizar-dash/src/web/views/Settings.tsx

@@ -36,6 +36,7 @@ import { Card, CardTitle, CardMeta } from '../components/Card';
 import { useToast } from '../components/Toast';
 import { api } from '../lib/api';
 import { cn } from '../lib/utils';
+import { HeadroomSettingsCard } from '../components/HeadroomSettings';
 import { Ws } from '../lib/ws';
 import {
   applyTheme,
@@ -73,6 +74,21 @@ const PRESET_THEMES = [
   { name: 'Mono', accent: '#6b7280' },
 ];
 
+// v5.0.0 — Headroom default settings
+const DEFAULT_HEADROOM_SETTINGS = {
+  enabled: true,
+  autoInstall: true,
+  port: 8787,
+  host: '127.0.0.1',
+  outputShaper: false,
+  telemetry: false,
+  budget: 0,
+  backend: 'anthropic',
+  autoStart: true,
+  autoWrap: true,
+  routeAllProviders: true,
+};
+
 const FONT_FAMILIES = [
   'Inter',
   'system-ui',
@@ -552,6 +568,7 @@ export function SettingsView({ settings: initial, refreshSnapshot }: Props) {
     { id: 'dashboard', label: 'Dashboard' },
     { id: 'background', label: 'Background' },
     { id: 'system-llm', label: 'System LLM' },
+    { id: 'headroom', label: 'Headroom' },
     { id: 'updates', label: 'Updates' },
     { id: 'activity-log', label: 'Activity' },
     { id: 'about', label: 'About' },
@@ -1209,6 +1226,12 @@ export function SettingsView({ settings: initial, refreshSnapshot }: Props) {
               Dashboard tokens are generated on first boot and saved to{' '}
               <code>~/.config/bizar/dashboard-secret</code> (mode 0600).
             </p>
+            {/* v3.6.2 */}
+            <p className="muted" style={{ fontSize: 12, margin: '4px 0' }}>
+              For Tailscale Serve or any reverse-proxy access, paste this token
+              once via the boot screen — it is saved per-origin and works for all
+              subsequent visits.
+            </p>
           </div>
           <div className="field" data-setting-id="auth.token">
             <label className="field-label">Token (this browser)</label>
@@ -1580,6 +1603,19 @@ export function SettingsView({ settings: initial, refreshSnapshot }: Props) {
         </Card>
 </div>
 
+        <div data-section="headroom" style={{display: (activeSection === null || activeSection === 'headroom') ? 'block' : 'none'}}>
+          <HeadroomSettingsCard
+            settings={settings.headroom || DEFAULT_HEADROOM_SETTINGS}
+            onPatch={(patch) => {
+              setSettings((cur) => ({
+                ...cur,
+                headroom: { ...(cur.headroom || DEFAULT_HEADROOM_SETTINGS), ...patch },
+              }));
+              setDirty(true);
+            }}
+          />
+        </div>
+
       <PairDeviceCard />
 
       <div style={{display: (activeSection === null || activeSection === 'activity-log') ? 'block' : 'none'}}>