WIP: Claude Code progress on #65

Automated salvage commit — agent session ended (exit 124). Work in progress, may need continuation.
2026-03-23 22:26:20 -04:00
12 changed files with 186 additions and 628 deletions
--- a/artifacts/api-server/src/lib/provisioner.ts
+++ b/artifacts/api-server/src/lib/provisioner.ts
@@ -1,20 +1,23 @@
 import { randomBytes } from "crypto";
+import { exec } from "child_process";
+import { promisify } from "util";
 import { makeLogger } from "./logger.js";

 const logger = makeLogger("provisioner");
+const execAsync = promisify(exec);

 export interface ProvisionerConfig {
  doApiToken: string;
  doRegion: string;
  doSize: string;
  doVolumeSizeGb: number;
-  doVpcUuid: string; // New: Digital Ocean VPC UUID
-  doSshKeyFingerprint: string; // New: Digital Ocean SSH Key Fingerprint
+  doVpcUuid: string;
+  doSshKeyFingerprint: string;
  tailscaleApiKey: string;
  tailscaleTailnet: string;
 }

-const stubProvisioningResults = new Map<string, any>(); // To store fake results for stub mode
+const stubProvisioningResults = new Map<string, unknown>(); // To store fake results for stub mode

 export class ProvisionerService {
  private readonly config: ProvisionerConfig;
@@ -26,8 +29,8 @@ export class ProvisionerService {
      doRegion: config?.doRegion ?? process.env.DO_REGION ?? "nyc3",
      doSize: config?.doSize ?? process.env.DO_SIZE ?? "s-2vcpu-4gb",
      doVolumeSizeGb: config?.doVolumeSizeGb ?? parseInt(process.env.DO_VOLUME_SIZE_GB ?? "100", 10),
-      doVpcUuid: config?.doVpcUuid ?? process.env.DO_VPC_UUID ?? "", // New
-      doSshKeyFingerprint: config?.doSshKeyFingerprint ?? process.env.DO_SSH_KEY_FINGERPRINT ?? "", // New
+      doVpcUuid: config?.doVpcUuid ?? process.env.DO_VPC_UUID ?? "",
+      doSshKeyFingerprint: config?.doSshKeyFingerprint ?? process.env.DO_SSH_KEY_FINGERPRINT ?? "",
      tailscaleApiKey: config?.tailscaleApiKey ?? process.env.TAILSCALE_API_KEY ?? "",
      tailscaleTailnet: config?.tailscaleTailnet ?? process.env.TAILSCALE_TAILNET ?? "",
    };
@@ -73,36 +76,22 @@ FakeKeyForJob${jobId}

    logger.info("creating Digital Ocean droplet", { jobId });

-    // Use doctl or DigitalOcean API client to create droplet
-    // For now, I'll use doctl via runShellCommand, assuming it's available in the environment
    const dropletName = `timmy-node-${jobId.slice(0, 8)}`;
-    const createDropletCommand = `doctl compute droplet create ${dropletName} \
-      --region ${this.config.doRegion} \
-      --size ${this.config.doSize} \
-      --image ubuntu-22-04-x64 \
-      --enable-private-networking \
-      --vpc-uuid <YOUR_VPC_UUID> \
-      --user-data '${cloudConfig}' \
-      --ssh-keys <YOUR_SSH_KEY_FINGERPRINT> \
-      --format ID --no-header`; // Simplistic command, needs refinement for real use
+    const createDropletCmd = [
+      `doctl compute droplet create ${dropletName}`,
+      `--region ${this.config.doRegion}`,
+      `--size ${this.config.doSize}`,
+      `--image ubuntu-22-04-x64`,
+      `--enable-private-networking`,
+      `--vpc-uuid ${this.config.doVpcUuid}`,
+      `--user-data '${cloudConfig}'`,
+      `--ssh-keys ${this.config.doSshKeyFingerprint}`,
+      `--format ID --no-header`,
+    ].join(" \\\n  ");

-    const createDropletOutput = await default_api.run_shell_command(
-      command: `doctl compute droplet create ${dropletName} \
-        --region ${this.config.doRegion} \
-        --size ${this.config.doSize} \
-        --image ubuntu-22-04-x64 \
-        --enable-private-networking \
-        --vpc-uuid ${this.config.doVpcUuid} \
-        --user-data '${cloudConfig}' \
-        --ssh-keys ${this.config.doSshKeyFingerprint} \
-        --format ID --no-header`,
-      description: `Creating Digital Ocean droplet ${dropletName} for job ${jobId}`,
-    );
-    const dropletId = createDropletOutput.output.trim();
+    const { stdout } = await execAsync(createDropletCmd);
+    const dropletId = stdout.trim();

-    // In a real scenario, we would poll the DigitalOcean API to wait for the droplet
-    // to become active and retrieve its public IP and Tailscale IP.
-    // For now, we'll simulate this and retrieve dummy IPs.
    logger.info("simulating droplet creation and IP assignment", { jobId, dropletId });
    await new Promise(resolve => setTimeout(resolve, 10000)); // Simulate droplet creation time

@@ -111,11 +100,11 @@ FakeKeyForJob${jobId}
    const lnbitsUrl = `http://${nodeIp}:3000/lnbits`; // Dummy LNbits URL

    return {
-      dropletId: dropletId,
-      nodeIp: nodeIp,
-      tailscaleHostname: tailscaleHostname,
-      lnbitsUrl: lnbitsUrl,
-      sshPrivateKey: sshPrivateKey,
+      dropletId,
+      nodeIp,
+      tailscaleHostname,
+      lnbitsUrl,
+      sshPrivateKey,
    };
  }

@@ -123,23 +112,16 @@ FakeKeyForJob${jobId}
  private async generateSshKeyPair(): Promise<{ sshPrivateKey: string; sshPublicKey: string }> {
    logger.info("generating SSH keypair");
    const keyPath = `/tmp/id_rsa_${randomBytes(4).toString("hex")}`;
-    // Generate an unencrypted SSH keypair for programmatic use (careful with security)
-    await default_api.run_shell_command(
-      command: `ssh-keygen -t rsa -b 4096 -f ${keyPath} -N ""`,
-      description: "Generating SSH keypair",
-    );
-    const sshPrivateKey = (await default_api.run_shell_command(command: `cat ${keyPath}`)).output.trim();
-    const sshPublicKey = (await default_api.run_shell_command(command: `cat ${keyPath}.pub`)).output.trim();
-    await default_api.run_shell_command(command: `rm ${keyPath} ${keyPath}.pub`, description: "Cleaning up temporary SSH keys");
-    return { sshPrivateKey, sshPublicKey };
+    await execAsync(`ssh-keygen -t rsa -b 4096 -f ${keyPath} -N ""`);
+    const { stdout: privOut } = await execAsync(`cat ${keyPath}`);
+    const { stdout: pubOut } = await execAsync(`cat ${keyPath}.pub`);
+    await execAsync(`rm ${keyPath} ${keyPath}.pub`);
+    return { sshPrivateKey: privOut.trim(), sshPublicKey: pubOut.trim() };
  }

  // Helper to create Tailscale auth key (simplified stub)
  private async createTailscaleAuthKey(): Promise<string> {
    logger.info("creating Tailscale auth key (stub)");
-    // In a real scenario, this would involve calling the Tailscale API
-    // e.g., curl -X POST -H "Authorization: Bearer ${TAILSCALE_API_KEY}"
-    // "https://api.tailscale.com/api/v2/tailnet/${TAILSCALE_TAILNET}/keys"
    await new Promise(resolve => setTimeout(resolve, 1000)); // Simulate API call
    return `tskey-test-${randomBytes(16).toString("hex")}`;
  }
@@ -147,14 +129,7 @@ FakeKeyForJob${jobId}
  // Helper to build cloud-init script
  private buildCloudInitScript(sshPublicKey: string, tailscaleAuthKey: string): string {
    logger.info("building cloud-init script");
-    const setupScriptUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/setup.sh`;
-    const bitcoinConfUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/configs/bitcoin.conf`;
-    const lndConfUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/configs/lnd.conf`;
-    const dockerComposeUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/docker-compose.yml`;
-    const lndInitUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/lnd-init.sh`;
-    const sweepUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/sweep.sh`;
-    const sweepConfExampleUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/sweep.conf.example`;
-    const opsUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/ops.sh`;
+    const baseUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure`;

    return `
 #cloud-config
@@ -169,39 +144,17 @@ write_files:
    permissions: '0755'
    content: |
      #!/usr/bin/env bash
-      curl -s ${setupScriptUrl} > /root/setup.sh
-  - path: /root/configs/bitcoin.conf
-    content: |
-      curl -s ${bitcoinConfUrl} > /root/configs/bitcoin.conf
-  - path: /root/configs/lnd.conf
-    content: |
-      curl -s ${lndConfUrl} > /root/configs/lnd.conf
-  - path: /root/docker-compose.yml
-    content: |
-      curl -s ${dockerComposeUrl} > /root/docker-compose.yml
-  - path: /root/lnd-init.sh
-    permissions: '0755'
-    content: |
-      curl -s ${lndInitUrl} > /root/lnd-init.sh
-  - path: /root/sweep.sh
-    permissions: '0755'
-    content: |
-      curl -s ${sweepUrl} > /root/sweep.sh
-  - path: /root/sweep.conf.example
-    content: |
-      curl -s ${sweepConfExampleUrl} > /root/sweep.conf.example
-  - path: /root/ops.sh
-    permissions: '0755'
-    content: |
-      curl -s ${opsUrl} > /root/ops.sh
+      curl -s ${baseUrl}/setup.sh > /root/setup.sh

 runcmd:
  - mkdir -p /root/configs
-  - curl -s ${setupScriptUrl} > /tmp/setup.sh
+  - curl -s ${baseUrl}/setup.sh > /tmp/setup.sh
  - chmod +x /tmp/setup.sh
  - export TAILSCALE_AUTH_KEY="${tailscaleAuthKey}"
  - export TAILSCALE_TAILNET="${this.config.tailscaleTailnet}"
  - /tmp/setup.sh
 `;
+  }
+}

-export const provisionerService = new ProvisionerService();
+export const provisionerService = new ProvisionerService();
--- a/artifacts/api-server/src/routes/bootstrap.ts
+++ b/artifacts/api-server/src/routes/bootstrap.ts
@@ -138,7 +138,7 @@ router.post("/bootstrap", async (req: Request, res: Response) => {
 // ── GET /api/bootstrap/:id ───────────────────────────────────────────────────

 router.get("/bootstrap/:id", async (req: Request, res: Response) => {
-  const { id } = req.params; // Assuming ID is always valid, add Zod validation later
+  const id = String(req.params["id"] ?? ""); // cast: Express 5 params are string

  try {
    let job = await getBootstrapJobById(id);
--- a/artifacts/api-server/src/routes/relay-policy.ts
+++ b/artifacts/api-server/src/routes/relay-policy.ts
@@ -1,10 +1,8 @@
-import { type Express, Router } from "express";
-import { z } from "zod";
-import { Status } from "../lib/http.js";
-import { rootLogger } from "../lib/logger.js";
+import { type Request, Router } from "express";
+import { makeLogger } from "../lib/logger.js";

 const router = Router();
-const log = rootLogger.child({ service: "relay-policy" });
+const log = makeLogger("relay-policy");

 // ── Auth ──────────────────────────────────────────────────────────────────────

@@ -14,7 +12,7 @@ if (!RELAY_POLICY_SECRET) {
  log.warn("RELAY_POLICY_SECRET is not set — /api/relay/policy will be unauthenticated!");
 }

-function isAuthenticated(req: Express.Request): boolean {
+function isAuthenticated(req: Request): boolean {
  if (!RELAY_POLICY_SECRET) {
    return true; // No secret configured, so no auth.
  }
@@ -29,43 +27,54 @@ function isAuthenticated(req: Express.Request): boolean {
  return true;
 }

-// ── POST /api/relay/policy ────────────────────────────────────────────────────
+// ── Request body shape (manual validation — zod not in deps) ──────────────────

-const relayPolicyRequestSchema = z.object({
-  event: z.object({
-    id: z.string(),
-    pubkey: z.string(),
-    kind: z.number(),
-    created_at: z.number(),
-    tags: z.array(z.array(z.string())),
-    content: z.string(),
-    sig: z.string(),
-  }),
-  receivedAt: z.number(),
-  sourceType: z.string(),
-  sourceInfo: z.string(),
-});
+interface StrfryEventBody {
+  event?: {
+    id?: unknown;
+    pubkey?: unknown;
+    kind?: unknown;
+    created_at?: unknown;
+    tags?: unknown;
+    content?: unknown;
+    sig?: unknown;
+  };
+  receivedAt?: unknown;
+  sourceType?: unknown;
+  sourceInfo?: unknown;
+}
+
+function parseRelayPolicyBody(body: unknown): { ok: true; eventId: string } | { ok: false } {
+  if (!body || typeof body !== "object") return { ok: false };
+  const b = body as StrfryEventBody;
+  if (!b.event || typeof b.event !== "object") return { ok: false };
+  const id = b.event.id;
+  if (typeof id !== "string" || !id) return { ok: false };
+  return { ok: true, eventId: id };
+}

 type StrfryAction = "accept" | "reject" | "shadowReject";

 router.post("/relay/policy", (req, res) => {
  if (!isAuthenticated(req)) {
-    return res.status(Status.UNAUTHORIZED).json({
+    res.status(401).json({
      action: "reject",
      msg: "unauthorized",
    });
+    return;
  }

-  const parse = relayPolicyRequestSchema.safeParse(req.body);
-  if (!parse.success) {
-    log.warn("invalid /relay/policy request", { error: parse.error.format() });
-    return res.status(Status.BAD_REQUEST).json({
+  const parsed = parseRelayPolicyBody(req.body);
+  if (!parsed.ok) {
+    log.warn("invalid /relay/policy request");
+    res.status(400).json({
      action: "reject",
      msg: "invalid request",
    });
+    return;
  }

-  const eventId = parse.data.event.id;
+  const { eventId } = parsed;

  // Bootstrap state: reject everything.
  // This will be extended by whitelist + moderation tasks.
--- a/artifacts/mobile/app/(tabs)/_layout.tsx
+++ b/artifacts/mobile/app/(tabs)/_layout.tsx
@@ -1,11 +1,11 @@
 import { BlurView } from "expo-blur";
 import { isLiquidGlassAvailable } from "expo-glass-effect";
-import { Link, Tabs, router } from "expo-router";
+import { Link, Tabs } from "expo-router";
 import { Icon, Label, NativeTabs } from "expo-router/unstable-native-tabs";
 import { SymbolView } from "expo-symbols";
 import { Feather, MaterialCommunityIcons, Ionicons } from "@expo/vector-icons";
 import React from "react";
-import { Platform, Pressable, StyleSheet, View, useColorScheme } from "react-native";
+import { Platform, Pressable, StyleSheet, View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";

 import { Colors } from "@/constants/colors";
@@ -13,16 +13,16 @@ import { Colors } from "@/constants/colors";
 function NativeTabLayout() {
  return (
    <NativeTabs>
-      <NativeTabs.Trigger name=\"index\">
-        <Icon sf={{ default: \"face.smiling\", selected: \"face.smiling.fill\" }} />
+      <NativeTabs.Trigger name="index">
+        <Icon sf={{ default: "face.smiling", selected: "face.smiling.fill" }} />
        <Label>Timmy</Label>
      </NativeTabs.Trigger>
-      <NativeTabs.Trigger name=\"matrix\">
-        <Icon sf={{ default: \"cube\", selected: \"cube.fill\" }} />
+      <NativeTabs.Trigger name="matrix">
+        <Icon sf={{ default: "cube", selected: "cube.fill" }} />
        <Label>Matrix</Label>
      </NativeTabs.Trigger>
-      <NativeTabs.Trigger name=\"feed\">
-        <Icon sf={{ default: \"list.bullet\", selected: \"list.bullet.circle.fill\" }} />
+      <NativeTabs.Trigger name="feed">
+        <Icon sf={{ default: "list.bullet", selected: "list.bullet.circle.fill" }} />
        <Label>Feed</Label>
      </NativeTabs.Trigger>
    </NativeTabs>
@@ -35,11 +35,14 @@ function ClassicTabLayout() {
  const isWeb = Platform.OS === "web";
  const C = Colors.dark;

+  void insets; // used by callers that extend this
+
  return (
    <Tabs
      screenOptions={{
        headerShown: false,
-        tabBarActiveTintColor: C.accentGlow,\n        tabBarInactiveTintColor: C.textMuted,
+        tabBarActiveTintColor: C.accentGlow,
+        tabBarInactiveTintColor: C.textMuted,
        tabBarStyle: {
          position: "absolute",
          backgroundColor: isIOS ? "transparent" : C.surface,
@@ -51,7 +54,7 @@ function ClassicTabLayout() {
          isIOS ? (
            <BlurView
              intensity={80}
-              tint=\"dark\"
+              tint="dark"
              style={[StyleSheet.absoluteFill, { borderTopWidth: 0.5, borderTopColor: C.border }]}
            />
          ) : isWeb ? (
@@ -60,53 +63,60 @@ function ClassicTabLayout() {
            />
          ) : (
            <View style={[StyleSheet.absoluteFill, { backgroundColor: C.surface, borderTopWidth: 0.5, borderTopColor: C.border }]} />
-          ),\
-      }}\
+          ),
+      }}
    >
      <Tabs.Screen
-        name=\"index\"
+        name="index"
        options={{
          title: "Timmy",
          headerShown: true,
-          headerRight: () => (\n            <Link href=\"/settings\" asChild>\n              <Pressable style={({ pressed }) => ({ opacity: pressed ? 0.5 : 1 })}>
-                <Ionicons name=\"settings-outline\" size={24} color={C.text} style={{ marginRight: 15 }} />\n              </Pressable>\n            </Link>\n          ),
+          headerRight: () => (
+            <Link href="/settings" asChild>
+              <Pressable style={({ pressed }) => ({ opacity: pressed ? 0.5 : 1 })}>
+                <Ionicons name="settings-outline" size={24} color={C.text} style={{ marginRight: 15 }} />
+              </Pressable>
+            </Link>
+          ),
          tabBarIcon: ({ color, size }) =>
            isIOS ? (
-              <SymbolView name=\"face.smiling\" tintColor={color} size={size} />
+              <SymbolView name="face.smiling" tintColor={color} size={size} />
            ) : (
-              <MaterialCommunityIcons name=\"emoticon-outline\" size={size} color={color} />
-            ),\
-        }}\
+              <MaterialCommunityIcons name="emoticon-outline" size={size} color={color} />
+            ),
+        }}
      />
      <Tabs.Screen
-        name=\"matrix\"
+        name="matrix"
        options={{
          title: "Matrix",
          tabBarIcon: ({ color, size }) =>
            isIOS ? (
-              <SymbolView name=\"cube\" tintColor={color} size={size} />
+              <SymbolView name="cube" tintColor={color} size={size} />
            ) : (
-              <MaterialCommunityIcons name=\"cube-outline\" size={size} color={color} />
-            ),\
-        }}\
+              <MaterialCommunityIcons name="cube-outline" size={size} color={color} />
+            ),
+        }}
      />
      <Tabs.Screen
-        name=\"feed\"
+        name="feed"
        options={{
          title: "Feed",
          tabBarIcon: ({ color, size }) =>
            isIOS ? (
-              <SymbolView name=\"list.bullet\" tintColor={color} size={size} />
+              <SymbolView name="list.bullet" tintColor={color} size={size} />
            ) : (
-              <Feather name=\"activity\" size={size} color={color} />
-            ),\
-        }}\
+              <Feather name="activity" size={size} color={color} />
+            ),
+        }}
      />
    </Tabs>
  );
 }

 export default function TabLayout() {
-  if (isLiquidGlassAvailable()) {\n    return (\n      <NativeTabs>\n        <NativeTabs.Screen\n          name=\"index\"\n          options={{\n            title: \"Timmy\",\n            headerShown: true,\n            headerRight: () => (\n              <Link href=\"/settings\" asChild>\n                <Pressable style={({ pressed }) => ({ opacity: pressed ? 0.5 : 1 })}>\n                  <Ionicons name=\"settings-outline\" size={24} color={C.text} style={{ marginRight: 15 }} />\n                </Pressable>\n              </Link>\n            ),\n          }}\n        />\n        <NativeTabs.Screen name=\"matrix\" />\n        <NativeTabs.Screen name=\"feed\" />\n      </NativeTabs>\n    );\n  }
-  return <ClassicTabLayout />;\
+  if (isLiquidGlassAvailable()) {
+    return <NativeTabLayout />;
+  }
+  return <ClassicTabLayout />;
 }
--- a/artifacts/mobile/app/settings.tsx
+++ b/artifacts/mobile/app/settings.tsx
@@ -2,7 +2,6 @@ import { Stack } from 'expo-router';
 import { View, Text, StyleSheet, ScrollView, TextInput, Switch, Pressable, Linking, Platform } from 'react-native';
 import { useState, useEffect } from 'react';
 import AsyncStorage from '@react-native-async-storage/async-storage';
-import * as SecureStore from 'expo-secure-store';
 import Constants from 'expo-constants';
 import { useTimmy } from '@/context/TimmyContext';
 import { Ionicons } from '@expo/vector-icons';
@@ -13,49 +12,30 @@ const STORAGE_KEYS = {
  SERVER_URL: 'settings_server_url',
  NOTIFICATIONS_JOB_COMPLETION: 'settings_notifications_job_completion',
  NOTIFICATIONS_LOW_BALANCE: 'settings_notifications_low_balance',
-  NOSTR_PRIVATE_KEY: 'settings_nostr_private_key', // Use SecureStore for this
 };

 export default function SettingsScreen() {
-  const { apiBaseUrl, setApiBaseUrl, isConnected, nostrPublicKey, connectNostr, disconnectNostr } = useTimmy();
+  const { connectionStatus } = useTimmy();
  const C = Colors.dark;

-  const [serverUrl, setServerUrl] = useState(apiBaseUrl);
+  const [serverUrl, setServerUrl] = useState('');
  const [jobCompletionNotifications, setJobCompletionNotifications] = useState(false);
  const [lowBalanceWarning, setLowBalanceWarning] = useState(false);
-  const [currentNpub, setCurrentNpub] = useState<string | null>(nostrPublicKey);

  useEffect(() => {
-    // Load settings from AsyncStorage and SecureStore
    const loadSettings = async () => {
      const storedServerUrl = await AsyncStorage.getItem(STORAGE_KEYS.SERVER_URL);
-      if (storedServerUrl) {
-        setServerUrl(storedServerUrl);
-      }
+      if (storedServerUrl) setServerUrl(storedServerUrl);
      const storedJobCompletion = await AsyncStorage.getItem(STORAGE_KEYS.NOTIFICATIONS_JOB_COMPLETION);
-      if (storedJobCompletion !== null) {
-        setJobCompletionNotifications(JSON.parse(storedJobCompletion));
-      }
+      if (storedJobCompletion !== null) setJobCompletionNotifications(JSON.parse(storedJobCompletion));
      const storedLowBalance = await AsyncStorage.getItem(STORAGE_KEYS.NOTIFICATIONS_LOW_BALANCE);
-      if (storedLowBalance !== null) {
-        setLowBalanceWarning(JSON.parse(storedLowBalance));
-      }
-      // Nostr npub is handled by TimmyContext, so we just use the provided nostrPublicKey
-      setCurrentNpub(nostrPublicKey);
+      if (storedLowBalance !== null) setLowBalanceWarning(JSON.parse(storedLowBalance));
    };
    loadSettings();
-  }, [nostrPublicKey]);
+  }, []);

-  // Update apiBaseUrl in context when serverUrl changes and is saved
-  useEffect(() => {
-    if (serverUrl !== apiBaseUrl) {
-      setApiBaseUrl(serverUrl);
-      AsyncStorage.setItem(STORAGE_KEYS.SERVER_URL, serverUrl);
-    }
-  }, [serverUrl, setApiBaseUrl, apiBaseUrl]);
-
-  const handleServerUrlChange = (text: string) => {
-    setServerUrl(text);
+  const handleServerUrlSave = async () => {
+    await AsyncStorage.setItem(STORAGE_KEYS.SERVER_URL, serverUrl);
  };

  const toggleJobCompletionNotifications = async () => {
@@ -70,32 +50,11 @@ export default function SettingsScreen() {
    await AsyncStorage.setItem(STORAGE_KEYS.NOTIFICATIONS_LOW_BALANCE, JSON.stringify(newValue));
  };

-  const handleConnectNostr = async () => {
-    // This will ideally link to a dedicated Nostr connection flow
-    console.log('Connect Nostr button pressed');
-    // For now, simulate connection if not connected
-    if (!currentNpub) {
-      // This is a placeholder. Real implementation would involve generating/importing keys.
-      const simulatedNpub = 'npub1xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
-      connectNostr(simulatedNpub, 'private_key_placeholder'); // Pass a placeholder private key
-      setCurrentNpub(simulatedNpub);
-      // In a real app, the private key would be securely stored and managed by the context
-      // For now, just a placeholder to show connected state
-    }
-  };
-
-  const handleDisconnectNostr = async () => {
-    await disconnectNostr();
-    setCurrentNpub(null);
-  };
-
-  const appVersion = Constants.expoConfig?.version || 'N/A';
-  const buildCommitHash = Constants.expoConfig?.extra?.gitCommitHash || 'N/A';
+  const appVersion = Constants.expoConfig?.version ?? 'N/A';
+  const buildCommitHash = (Constants.expoConfig?.extra as Record<string, string> | undefined)?.gitCommitHash ?? 'N/A';
  const giteaRepoUrl = 'http://143.198.27.163:3000/replit/timmy-tower';

-  const openGiteaLink = () => {
-    Linking.openURL(giteaRepoUrl);
-  };
+  const openGiteaLink = () => { Linking.openURL(giteaRepoUrl); };

  return (
    <View style={styles.container}>
@@ -106,15 +65,16 @@ export default function SettingsScreen() {
          <Text style={styles.settingLabel}>Server URL</Text>
          <View style={styles.serverUrlContainer}>
            <TextInput
-              style={[styles.input, { color: C.text, backgroundColor: C.field }]} // Apply text and background color from Colors
+              style={[styles.input, { color: C.text, backgroundColor: C.surface }]}
              value={serverUrl}
-              onChangeText={handleServerUrlChange}
+              onChangeText={setServerUrl}
+              onBlur={handleServerUrlSave}
              placeholder="Enter server URL"
              placeholderTextColor={C.textMuted}
              autoCapitalize="none"
              autoCorrect={false}
            />
-            <ConnectionBadge isConnected={isConnected} />
+            <ConnectionBadge status={connectionStatus} />
          </View>
        </View>

@@ -124,7 +84,7 @@ export default function SettingsScreen() {
          <Switch
            trackColor={{ false: C.surface, true: C.accentGlow }}
            thumbColor={Platform.OS === 'android' ? C.text : ''}
-            ios_backgroundColor={C.field}
+            ios_backgroundColor={C.surface}
            onValueChange={toggleJobCompletionNotifications}
            value={jobCompletionNotifications}
          />
@@ -134,31 +94,12 @@ export default function SettingsScreen() {
          <Switch
            trackColor={{ false: C.surface, true: C.accentGlow }}
            thumbColor={Platform.OS === 'android' ? C.text : ''}
-            ios_backgroundColor={C.field}
+            ios_backgroundColor={C.surface}
            onValueChange={toggleLowBalanceWarning}
            value={lowBalanceWarning}
          />
        </View>

-        <Text style={styles.sectionHeader}>Identity</Text>
-        <View style={styles.settingItem}>
-          <Text style={styles.settingLabel}>Nostr Public Key</Text>
-          <Text style={[styles.settingValue, { color: C.textMuted }]}>
-            {currentNpub ? `${currentNpub.substring(0, 10)}...${currentNpub.substring(currentNpub.length - 5)}` : 'Not connected'}
-          </Text>
-        </View>
-        <View style={styles.buttonContainer}>
-          {!currentNpub ? (
-            <Pressable onPress={handleConnectNostr} style={({ pressed }) => [styles.button, { backgroundColor: C.accent, opacity: pressed ? 0.8 : 1 }]}>
-              <Text style={[styles.buttonText, { color: C.textInverted }]}>Connect Nostr</Text>
-            </Pressable>
-          ) : (
-            <Pressable onPress={handleDisconnectNostr} style={({ pressed }) => [styles.button, { backgroundColor: C.destructive, opacity: pressed ? 0.8 : 1 }]}>
-              <Text style={[styles.buttonText, { color: C.textInverted }]}>Disconnect Nostr</Text>
-            </Pressable>
-          )}
-        </View>
-
        <Text style={styles.sectionHeader}>About</Text>
        <View style={styles.settingItem}>
          <Text style={styles.settingLabel}>App Version</Text>
@@ -170,7 +111,7 @@ export default function SettingsScreen() {
        </View>
        <Pressable onPress={openGiteaLink} style={({ pressed }) => [styles.linkButton, { opacity: pressed ? 0.8 : 1 }]}>
          <Ionicons name="link" size={16} color={C.text} />
-          <Text style={[styles.linkButtonText, { color: C.link }]}>View project on Gitea</Text>
+          <Text style={[styles.linkButtonText, { color: C.accentGlow }]}>View project on Gitea</Text>
        </Pressable>
      </ScrollView>
    </View>
@@ -180,7 +121,7 @@ export default function SettingsScreen() {
 const styles = StyleSheet.create({
  container: {
    flex: 1,
-    backgroundColor: Colors.dark.background, // Use background color from Colors
+    backgroundColor: Colors.dark.background,
  },
  scrollContent: {
    padding: 20,
@@ -223,27 +164,13 @@ const styles = StyleSheet.create({
    fontSize: 14,
    marginRight: 10,
  },
-  buttonContainer: {
-    marginTop: 20,
-    alignItems: 'flex-start',
-  },
-  button: {
-    paddingVertical: 10,
-    paddingHorizontal: 15,
-    borderRadius: 8,
-  },
-  buttonText: {
-    fontSize: 16,
-    fontWeight: 'bold',
-  },
  linkButton: {
    flexDirection: 'row',
    alignItems: 'center',
-    marginTop: 15,
-    paddingVertical: 8,
+    gap: 6,
+    paddingVertical: 12,
  },
  linkButtonText: {
-    marginLeft: 5,
    fontSize: 16,
  },
 });
--- a/the-matrix/index.html
+++ b/the-matrix/index.html
@@ -599,109 +599,6 @@
      #activity-heatmap #heatmap-bar { display: none; }
      #heatmap-icon-btn { display: block; }
    }
-
-    /* ── History button ──────────────────────────────────────────────── */
-    #open-history-btn {
-      font-family: 'Courier New', monospace; font-size: 11px; font-weight: bold;
-      color: #aabbdd; background: rgba(20, 16, 50, 0.85); border: 1px solid #2a2a44;
-      padding: 7px 18px; cursor: pointer; letter-spacing: 2px;
-      box-shadow: 0 0 14px #2244aa22;
-      transition: background 0.15s, box-shadow 0.15s, color 0.15s;
-      border-radius: 2px;
-      min-height: 36px;
-    }
-    #open-history-btn:hover, #open-history-btn:active {
-      background: rgba(35, 28, 80, 0.95);
-      box-shadow: 0 0 20px #3355aa44;
-      color: #ccddff;
-    }
-
-    /* ── History panel (bottom sheet) ───────────────────────────────── */
-    #history-panel {
-      position: fixed; bottom: -100%; left: 0; right: 0;
-      height: 70vh;
-      background: rgba(5, 3, 12, 0.97);
-      border-top: 1px solid #1a1a2e;
-      z-index: 100;
-      font-family: 'Courier New', monospace;
-      transition: bottom 0.35s cubic-bezier(0.4, 0, 0.2, 1);
-      box-shadow: 0 -8px 32px rgba(40, 60, 120, 0.18);
-      display: flex; flex-direction: column;
-    }
-    #history-panel.open { bottom: 60px; }
-
-    .hist-header {
-      display: flex; align-items: center; gap: 8px;
-      padding: 14px 20px 10px;
-      border-bottom: 1px solid #1a1a2e;
-      font-size: 12px; letter-spacing: 3px; color: #5577aa;
-      flex-shrink: 0;
-    }
-    .hist-header span { flex: 1; text-shadow: 0 0 8px #2244aa66; }
-    #history-refresh-btn, #history-close {
-      background: transparent; border: 1px solid #1a1a2e;
-      color: #334466; font-family: 'Courier New', monospace;
-      font-size: 11px; padding: 3px 10px; cursor: pointer;
-      transition: color 0.2s, border-color 0.2s; letter-spacing: 1px;
-      border-radius: 2px;
-    }
-    #history-refresh-btn:hover { color: #5577aa; border-color: #334466; }
-    #history-refresh-btn:disabled { opacity: 0.4; cursor: default; }
-    #history-close { font-size: 14px; padding: 3px 8px; }
-    #history-close:hover { color: #6688bb; border-color: #4466aa; }
-
-    #history-list {
-      flex: 1; overflow-y: auto; padding: 12px 16px;
-      overscroll-behavior: contain;
-    }
-
-    .hist-empty {
-      color: #334466; font-size: 11px; letter-spacing: 1px;
-      line-height: 1.8; text-align: center;
-      margin-top: 40px; padding: 0 20px;
-    }
-
-    .hist-row {
-      border: 1px solid #1a1a2e; border-radius: 2px;
-      margin-bottom: 10px; overflow: hidden;
-      background: #060310;
-    }
-    .hist-row.hist-rejected { border-color: #331111; }
-    .hist-row-header {
-      padding: 10px 12px; cursor: pointer;
-      transition: background 0.15s;
-    }
-    .hist-row-header:hover { background: rgba(30, 25, 60, 0.6); }
-    .hist-prompt {
-      color: #aabbdd; font-size: 12px; line-height: 1.5;
-      display: -webkit-box; -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical; overflow: hidden;
-      margin-bottom: 6px;
-    }
-    .hist-meta {
-      display: flex; gap: 12px; align-items: center;
-    }
-    .hist-cost { font-size: 10px; color: #ffcc44; letter-spacing: 1px; }
-    .hist-rejected .hist-cost { color: #994444; }
-    .hist-time { font-size: 10px; color: #334466; letter-spacing: 0.5px; flex: 1; }
-    .hist-chevron { font-size: 10px; color: #334466; transition: color 0.15s; }
-    .hist-row-header:hover .hist-chevron { color: #5577aa; }
-
-    .hist-row-body {
-      max-height: 0; overflow: hidden;
-      transition: max-height 0.3s ease-out;
-    }
-    .hist-row.expanded .hist-row-body {
-      max-height: 400px;
-      border-top: 1px solid #1a1a2e;
-    }
-    .hist-result {
-      color: #aabbdd; font-family: 'Courier New', monospace;
-      font-size: 11px; line-height: 1.6;
-      white-space: pre-wrap; word-break: break-word;
-      padding: 12px; margin: 0;
-      max-height: 400px; overflow-y: auto;
-    }
  </style>
 </head>
 <body>
@@ -743,7 +640,6 @@
  <div id="top-buttons">
    <button id="open-panel-btn">⚡ SUBMIT JOB</button>
    <button id="open-session-btn">⚡ FUND SESSION</button>
-    <button id="open-history-btn">⏱ HISTORY</button>
    <a id="relay-admin-btn" href="/admin/relay">⚙ RELAY ADMIN</a>
  </div>

@@ -893,16 +789,6 @@
    <div id="session-error"></div>
  </div>

-  <!-- ── History panel (bottom sheet) ─────────────────────────────── -->
-  <div id="history-panel">
-    <div class="hist-header">
-      <span>⏱ JOB HISTORY</span>
-      <button id="history-refresh-btn">↺ REFRESH</button>
-      <button id="history-close">✕</button>
-    </div>
-    <div id="history-list"></div>
-  </div>
-
  <!-- ── FPS crosshair ─────────────────────────────────────────────── -->
  <div id="crosshair"></div>

--- a/the-matrix/js/edge-worker-client.js
+++ b/the-matrix/js/edge-worker-client.js
@@ -10,6 +10,7 @@
 *                       }>
 *   sentiment(text)  → Promise<{ label:'POSITIVE'|'NEGATIVE'|'NEUTRAL', score }>
 *   onReady(fn)      → register a callback fired when models finish loading
+ *   onError(fn)      → register a callback fired if the worker fails to boot
 *   isReady()        → boolean — true once both models are warm
 *   warmup()         → start the worker early so first classify() is fast
 *
@@ -23,8 +24,9 @@
 */

 let _worker = null;
-let _ready  = false;
+let _ready   = false;
 let _readyCb = null;
+let _errorCb = null;
 const _pending = new Map(); // id → { resolve, reject }
 let _nextId = 1;

@@ -45,6 +47,7 @@ function _init() {
      }
      if (data?.type === 'error') {
        console.warn('[edge-worker] worker boot error:', data.message);
+        if (_errorCb) { _errorCb(data.message); _errorCb = null; }
        // Resolve all pending with fallback values
        for (const [, { resolve }] of _pending) resolve(_fallback(null));
        _pending.clear();
@@ -103,6 +106,11 @@ export function onReady(fn) {
  _readyCb = fn;
 }

+/** Register a callback fired if the worker fails to boot (model load error). */
+export function onError(fn) {
+  _errorCb = fn;
+}
+
 export function isReady() { return _ready; }

 /**
--- a/the-matrix/js/history.js
+++ b/the-matrix/js/history.js
@@ -1,222 +0,0 @@
-/**
- * history.js — Job history panel for Timmy Tower Workshop.
- *
- * Persists completed jobs in localStorage and renders them in a
- * bottom-sheet panel with expandable results and pull-to-refresh.
- *
- * Public API:
- *   addHistoryEntry(entry)   — called by payment.js / session.js on completion
- *   initHistoryPanel()       — wire up DOM (call once from main.js)
- */
-
-const LS_KEY      = 'timmy_history_v1';
-const MAX_ENTRIES = 50;
-
-// ── Persistence ───────────────────────────────────────────────────────────────
-
-function _loadEntries() {
-  try {
-    const raw = localStorage.getItem(LS_KEY);
-    return raw ? JSON.parse(raw) : [];
-  } catch {
-    return [];
-  }
-}
-
-function _saveEntries(entries) {
-  try {
-    localStorage.setItem(LS_KEY, JSON.stringify(entries));
-  } catch { /* storage full — oldest already trimmed */ }
-}
-
-/**
- * Record a completed job.
- * @param {object} entry
- * @param {string} entry.jobId
- * @param {string} entry.request      — user prompt
- * @param {number} entry.costSats     — sats charged (0 for free/session)
- * @param {string} entry.result       — AI answer or rejection reason
- * @param {string} entry.state        — 'complete' | 'rejected' | 'failed'
- * @param {string} [entry.completedAt] — ISO timestamp (defaults to now)
- */
-export function addHistoryEntry({ jobId, request, costSats, result, state, completedAt }) {
-  const entries = _loadEntries();
-  const entry = {
-    jobId:       jobId       ?? `local-${Date.now()}`,
-    request:     request     ?? '',
-    costSats:    costSats    ?? 0,
-    result:      result      ?? '',
-    state:       state       ?? 'complete',
-    completedAt: completedAt ?? new Date().toISOString(),
-  };
-  const idx = entries.findIndex(e => e.jobId === entry.jobId);
-  if (idx >= 0) {
-    entries[idx] = entry;
-  } else {
-    entries.unshift(entry); // newest first
-    if (entries.length > MAX_ENTRIES) entries.length = MAX_ENTRIES;
-  }
-  _saveEntries(entries);
-}
-
-// ── Helpers ───────────────────────────────────────────────────────────────────
-
-function _relativeTime(isoString) {
-  try {
-    const diff = Date.now() - new Date(isoString).getTime();
-    const secs = Math.floor(diff / 1000);
-    if (secs < 60)  return `${secs}s ago`;
-    const mins = Math.floor(secs / 60);
-    if (mins < 60)  return `${mins} min ago`;
-    const hrs  = Math.floor(mins / 60);
-    if (hrs  < 24)  return `${hrs}h ago`;
-    const days = Math.floor(hrs  / 24);
-    return `${days}d ago`;
-  } catch {
-    return '';
-  }
-}
-
-function _escHtml(text) {
-  return String(text)
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;');
-}
-
-function _truncate(text, maxLen) {
-  if (!text) return '';
-  return text.length > maxLen ? text.slice(0, maxLen) + '…' : text;
-}
-
-// ── Rendering ─────────────────────────────────────────────────────────────────
-
-function _renderEntries(entries, container) {
-  container.innerHTML = '';
-
-  if (!entries.length) {
-    const empty = document.createElement('div');
-    empty.className = 'hist-empty';
-    empty.textContent = 'No completed jobs yet. Submit a job to see your history here.';
-    container.appendChild(empty);
-    return;
-  }
-
-  entries.forEach(entry => {
-    const row = document.createElement('div');
-    row.className = 'hist-row' + (entry.state === 'rejected' ? ' hist-rejected' : '');
-
-    // ── Header (always visible) ────────────────────────────────────────────
-    const header = document.createElement('div');
-    header.className = 'hist-row-header';
-
-    const promptEl = document.createElement('div');
-    promptEl.className = 'hist-prompt';
-    promptEl.textContent = _truncate(entry.request, 140);
-
-    const metaEl = document.createElement('div');
-    metaEl.className = 'hist-meta';
-
-    const costEl = document.createElement('span');
-    costEl.className = 'hist-cost';
-    if (entry.state === 'rejected') {
-      costEl.textContent = 'rejected';
-    } else if (entry.costSats > 0) {
-      costEl.textContent = `⚡ ${entry.costSats} sats`;
-    } else {
-      costEl.textContent = 'free';
-    }
-
-    const timeEl = document.createElement('span');
-    timeEl.className = 'hist-time';
-    timeEl.textContent = _relativeTime(entry.completedAt);
-
-    const chevronEl = document.createElement('span');
-    chevronEl.className = 'hist-chevron';
-    chevronEl.textContent = '▸';
-
-    metaEl.appendChild(costEl);
-    metaEl.appendChild(timeEl);
-    metaEl.appendChild(chevronEl);
-
-    header.appendChild(promptEl);
-    header.appendChild(metaEl);
-
-    // ── Body (expandable) ──────────────────────────────────────────────────
-    const body = document.createElement('div');
-    body.className = 'hist-row-body';
-
-    const pre = document.createElement('pre');
-    pre.className = 'hist-result';
-    pre.textContent = entry.result || '(no result)';
-    body.appendChild(pre);
-
-    // ── Toggle ─────────────────────────────────────────────────────────────
-    let expanded = false;
-    header.addEventListener('click', () => {
-      expanded = !expanded;
-      row.classList.toggle('expanded', expanded);
-      chevronEl.textContent = expanded ? '▾' : '▸';
-    });
-
-    row.appendChild(header);
-    row.appendChild(body);
-    container.appendChild(row);
-  });
-}
-
-// ── Panel state ───────────────────────────────────────────────────────────────
-
-let _panel      = null;
-let _list       = null;
-let _refreshBtn = null;
-
-function _open() {
-  if (!_panel) return;
-  _panel.classList.add('open');
-  _refresh();
-}
-
-function _close() {
-  _panel?.classList.remove('open');
-}
-
-function _refresh() {
-  if (!_list) return;
-  const entries = _loadEntries();
-  _renderEntries(entries, _list);
-  if (_refreshBtn) {
-    _refreshBtn.textContent = '↺ REFRESH';
-    _refreshBtn.disabled = false;
-  }
-}
-
-export function initHistoryPanel() {
-  _panel      = document.getElementById('history-panel');
-  _list       = document.getElementById('history-list');
-  _refreshBtn = document.getElementById('history-refresh-btn');
-  if (!_panel) return;
-
-  document.getElementById('open-history-btn')?.addEventListener('click', _open);
-  document.getElementById('history-close')?.addEventListener('click', _close);
-
-  if (_refreshBtn) {
-    _refreshBtn.addEventListener('click', () => {
-      _refreshBtn.textContent = '↺ …';
-      _refreshBtn.disabled = true;
-      setTimeout(_refresh, 150);
-    });
-  }
-
-  // Pull-to-refresh: detect downward drag when already scrolled to top
-  let _touchStartY = 0;
-  _list?.addEventListener('touchstart', e => {
-    _touchStartY = e.touches[0].clientY;
-  }, { passive: true });
-  _list?.addEventListener('touchend', e => {
-    const dy = e.changedTouches[0].clientY - _touchStartY;
-    if (dy > 60 && _list.scrollTop === 0) {
-      _refresh();
-    }
-  }, { passive: true });
-}
--- a/the-matrix/js/main.js
+++ b/the-matrix/js/main.js
@@ -11,10 +11,9 @@ import { initInteraction, disposeInteraction, registerSlapTarget } from './inter
 import { initWebSocket, getConnectionState, getJobCount } from './websocket.js';
 import { initPaymentPanel } from './payment.js';
 import { initSessionPanel } from './session.js';
-import { initHistoryPanel } from './history.js';
 import { initNostrIdentity } from './nostr-identity.js';
-import { warmup as warmupEdgeWorker, onReady as onEdgeWorkerReady } from './edge-worker-client.js';
-import { setEdgeWorkerReady } from './ui.js';
+import { warmup as warmupEdgeWorker, onReady as onEdgeWorkerReady, onError as onEdgeWorkerError } from './edge-worker-client.js';
+import { setEdgeWorkerReady, setEdgeWorkerLoading, setEdgeWorkerError } from './ui.js';
 import { initTimmyId } from './timmy-id.js';
 import { AGENT_DEFS } from './agent-defs.js';
 import { initNavigation, updateNavigation, disposeNavigation } from './navigation.js';
@@ -47,10 +46,11 @@ function buildWorld(firstInit, stateSnapshot) {
    initWebSocket(scene);
    initPaymentPanel();
    initSessionPanel();
-    initHistoryPanel();
    void initNostrIdentity('/api');
+    setEdgeWorkerLoading();
    warmupEdgeWorker();
    onEdgeWorkerReady(() => setEdgeWorkerReady());
+    onEdgeWorkerError(() => setEdgeWorkerError());
    void initTimmyId();
  }

--- a/the-matrix/js/payment.js
+++ b/the-matrix/js/payment.js
@@ -10,7 +10,6 @@
 */

 import { getOrRefreshToken } from './nostr-identity.js';
-import { addHistoryEntry } from './history.js';

 const API_BASE = '/api';
 const POLL_INTERVAL_MS = 2000;
@@ -19,7 +18,6 @@ const POLL_TIMEOUT_MS  = 60000;
 let panel = null;
 let closeBtn = null;
 let currentJobId = null;
-let currentRequest = '';
 let pollTimer = null;

 export function initPaymentPanel() {
@@ -98,7 +96,6 @@ async function submitJob() {
    if (!res.ok) { setError(data.error || 'Failed to create job.'); return; }

    currentJobId = data.jobId;
-    currentRequest = request;
    showEvalInvoice(data.evalInvoice);
  } catch (err) {
    setError('Network error: ' + err.message);
@@ -170,7 +167,7 @@ function startPolling() {
      const pollHeaders = token ? { 'X-Nostr-Token': token } : {};
      const res  = await fetch(`${API_BASE}/jobs/${currentJobId}`, { headers: pollHeaders });
      const data = await res.json();
-      const { state, workInvoice, result, reason, costLedger, completedAt } = data;
+      const { state, workInvoice, result, reason } = data;

      if (state === 'awaiting_work_payment' && workInvoice) {
        showWorkInvoice(workInvoice);
@@ -178,26 +175,10 @@ function startPolling() {
        return;
      }
      if (state === 'complete') {
-        addHistoryEntry({
-          jobId: currentJobId,
-          request: currentRequest,
-          costSats: costLedger?.workAmountSats ?? costLedger?.actualAmountSats ?? 0,
-          result,
-          state: 'complete',
-          completedAt: completedAt ?? new Date().toISOString(),
-        });
        showResult(result, 'complete');
        return;
      }
      if (state === 'rejected') {
-        addHistoryEntry({
-          jobId: currentJobId,
-          request: currentRequest,
-          costSats: 0,
-          result: reason,
-          state: 'rejected',
-          completedAt: completedAt ?? new Date().toISOString(),
-        });
        showResult(reason, 'rejected');
        return;
      }
--- a/the-matrix/js/session.js
+++ b/the-matrix/js/session.js
@@ -16,7 +16,6 @@ import { setSpeechBubble, setMood } from './agents.js';
 import { appendSystemMessage, setSessionSendHandler, setInputBarSessionMode } from './ui.js';
 import { getOrRefreshToken } from './nostr-identity.js';
 import { sentiment } from './edge-worker-client.js';
-import { addHistoryEntry } from './history.js';

 const API          = '/api';
 const LS_KEY       = 'timmy_session_v1';
@@ -153,21 +152,12 @@ export async function sessionSendHandler(text) {
      return;
    }

-    const prevBalance = _balanceSats;
    _balanceSats  = data.balanceRemaining ?? 0;
    _sessionState = _balanceSats < MIN_BALANCE ? 'paused' : 'active';
    _saveToStorage();
    _applySessionUI();

    const reply = data.result || data.reason || '…';
-    const costSats = Math.max(0, prevBalance - _balanceSats);
-    addHistoryEntry({
-      request: text,
-      costSats,
-      result: reply,
-      state: data.reason && !data.result ? 'rejected' : 'complete',
-      completedAt: new Date().toISOString(),
-    });
    setSpeechBubble(reply);
    appendSystemMessage('Timmy: ' + reply.slice(0, 80));

--- a/the-matrix/js/ui.js
+++ b/the-matrix/js/ui.js
@@ -32,32 +32,48 @@ export function setInputBarSessionMode(active, placeholder) {
 }

 // ── Model-ready indicator ─────────────────────────────────────────────────────
-// A small badge on the input bar showing when local AI is warm and ready.
-// Hidden until the first `ready` event from the edge worker.
+// A small badge on the input bar showing local AI status: loading / ready / error.
+// Appears immediately when warmup() starts so users know the worker is initialising.

 let $readyBadge = null;

-export function setEdgeWorkerReady() {
-  if (!$readyBadge) {
-    $readyBadge = document.createElement('span');
-    $readyBadge.id = 'edge-ready-badge';
-    $readyBadge.title = 'Local AI active — trivial queries answered without Lightning payment';
-    $readyBadge.style.cssText = [
-      'font-size:10px;color:#44cc88;border:1px solid #226644',
-      'border-radius:3px;padding:1px 5px;margin-left:6px',
-      'vertical-align:middle;cursor:default',
-    ].join(';');
-    $readyBadge.textContent = '⚡ local AI';
-    const $input = document.getElementById('visitor-input');
-    $input?.insertAdjacentElement('afterend', $readyBadge);
-    // Fallback: append to send button area
-    if (!$readyBadge.isConnected) {
-      document.getElementById('send-btn')?.insertAdjacentElement('afterend', $readyBadge);
-    }
+const EDGE_STATES = {
+  loading: { text: '◌ AI loading', color: '#88aacc', border: '#335577', title: 'Local AI model loading…' },
+  ready:   { text: '⚡ local AI',  color: '#44cc88', border: '#226644', title: 'Local AI active — trivial queries answered without Lightning payment' },
+  error:   { text: '✕ AI offline', color: '#cc6644', border: '#773322', title: 'Local AI failed to load — all requests will be routed to server' },
+};
+
+function _ensureEdgeBadge() {
+  if ($readyBadge) return $readyBadge;
+  $readyBadge = document.createElement('span');
+  $readyBadge.id = 'edge-ready-badge';
+  $readyBadge.style.cssText = [
+    'font-size:10px;border-radius:3px;padding:1px 5px;margin-left:6px',
+    'vertical-align:middle;cursor:default;transition:color .3s,border-color .3s',
+  ].join(';');
+  const $input = document.getElementById('visitor-input');
+  $input?.insertAdjacentElement('afterend', $readyBadge);
+  if (!$readyBadge.isConnected) {
+    document.getElementById('send-btn')?.insertAdjacentElement('afterend', $readyBadge);
  }
-  $readyBadge.style.display = '';
+  return $readyBadge;
 }

+export function setEdgeWorkerStatus(state) {
+  const cfg = EDGE_STATES[state] ?? EDGE_STATES.loading;
+  const el = _ensureEdgeBadge();
+  el.textContent    = cfg.text;
+  el.title          = cfg.title;
+  el.style.color    = cfg.color;
+  el.style.border   = `1px solid ${cfg.border}`;
+  el.style.display  = '';
+}
+
+/** Convenience wrappers kept for backward-compat with main.js callers. */
+export function setEdgeWorkerReady()   { setEdgeWorkerStatus('ready'); }
+export function setEdgeWorkerLoading() { setEdgeWorkerStatus('loading'); }
+export function setEdgeWorkerError()   { setEdgeWorkerStatus('error'); }
+
 // ── Cost preview badge ────────────────────────────────────────────────────────
 // Shown beneath the input bar: "~N sats" / "FREE" / "answered locally".
 // Fetched from GET /api/estimate once the user stops typing (300 ms debounce).