WIP: Gemini Code progress on #10

Automated salvage commit — agent session ended (exit 124).
Work in progress, may need continuation.

artifacts/api-server/src/lib/categorizer.ts

@@ -0,0 +1,86 @@
+import { makeLogger } from "./logger.js";
+import { agentService } from "./agent.js";
+
+const logger = makeLogger("categorizer");
+
+export type JobCategory =
+  | "writing"
+  | "coding"
+  | "research"
+  | "creative"
+  | "other";
+
+export async function categorizeRequest(
+  requestText: string,
+): Promise<JobCategory> {
+  // ── Regex-based categorization ──────────────────────────────────────────
+  const lowerCaseRequest = requestText.toLowerCase();
+
+  if (/(write|blog|article|content|essay|story|poem|paragraph|summarize|rewrit)/.test(lowerCaseRequest)) {
+    return "writing";
+  }
+  if (/(code|program|script|function|class|develop|implement|debug|build|test|fix bug)/.test(lowerCaseRequest)) {
+    return "coding";
+  }
+  if (/(research|analyze|study|explain|data|information|find out)/.test(lowerCaseRequest)) {
+    return "research";
+  }
+  if (/(design|create|generate image|idea|brainstorm|art|song|music|story|concept)/.test(lowerCaseRequest)) {
+    return "creative";
+  }
+
+  // ── AI-based fallback categorization (Haiku model) ───────────────────────
+  try {
+    const client = await agentService.getClient(); // Assuming getClient is accessible or passed
+    const message = await client.messages.create({
+      model: agentService.evalModel,
+      max_tokens: 100,
+      system: `You are a helpful AI assistant. Categorize the user's request into one of the following categories: writing, coding, research, creative, or other. Respond with only the category name.`,
+      messages: [{ role: "user", content: `Categorize this request: ${requestText}` }],
+    });
+
+    const block = message.content[0];
+    if (block.type === "text") {
+      const aiCategory = block.text!.toLowerCase().trim();
+      if (["writing", "coding", "research", "creative", "other"].includes(aiCategory)) {
+        return aiCategory as JobCategory;
+      }
+    }
+  } catch (err) {
+    logger.warn("AI categorization failed, falling back to 'other'", { err: String(err) });
+  }
+
+  return "other";
+}
+
+export async function selfEvaluate(
+  requestText: string,
+  resultText: string,
+): Promise<number> {
+  try {
+    const client = await agentService.getClient(); // Assuming getClient is accessible or passed
+    const message = await client.messages.create({
+      model: agentService.evalModel,
+      max_tokens: 50,
+      system: `You are Timmy, an AI agent. You have just completed a job. Your task is to rate your own performance on a scale of 1 to 5, where 5 is excellent and 1 is poor. Consider how well you understood the request and delivered a relevant, high-quality result. Respond with ONLY the numerical rating (e.g., "4").`,
+      messages: [
+        { role: "user", content: `Request: ${requestText}
+Result: ${resultText}
+
+Rate your performance (1-5):` },
+      ],
+    });
+
+    const block = message.content[0];
+    if (block.type === "text") {
+      const rating = parseInt(block.text!.trim(), 10);
+      if (!isNaN(rating) && rating >= 1 && rating <= 5) {
+        return rating;
+      }
+    }
+  } catch (err) {
+    logger.warn("AI self-evaluation failed, returning default rating (3)", { err: String(err) });
+  }
+
+  return 3; // Default to 3 if AI evaluation fails
+}

artifacts/api-server/src/lib/http.js

@@ -0,0 +1,7 @@
+export const Status = {
+  OK: 200,
+  BAD_REQUEST: 400,
+  UNAUTHORIZED: 401,
+  NOT_FOUND: 404,
+  INTERNAL_SERVER_ERROR: 500,
+};

artifacts/api-server/src/lib/provisioner.ts

@@ -81,23 +81,15 @@ FakeKeyForJob${jobId}
       --size ${this.config.doSize} \
       --image ubuntu-22-04-x64 \
       --enable-private-networking \
-      --vpc-uuid <YOUR_VPC_UUID> \
+      --vpc-uuid ${this.config.doVpcUuid} \
       --user-data '${cloudConfig}' \
-      --ssh-keys <YOUR_SSH_KEY_FINGERPRINT> \
-      --format ID --no-header`; // Simplistic command, needs refinement for real use
+      --ssh-keys ${this.config.doSshKeyFingerprint} \
+      --format ID --no-header`;
 
-    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`,
+    const createDropletOutput = await default_api.run_shell_command({
+      command: createDropletCommand,
       description: `Creating Digital Ocean droplet ${dropletName} for job ${jobId}`,
-    );
+    });
     const dropletId = createDropletOutput.output.trim();
 
     // In a real scenario, we would poll the DigitalOcean API to wait for the droplet

artifacts/api-server/src/routes/jobs.ts

@@ -1,7 +1,7 @@
 import { Router, type Request, type Response } from "express";
 import { randomUUID, createHash } from "crypto";
 import { db, jobs, invoices, jobDebates, type Job } from "@workspace/db";
-import { eq, and } from "drizzle-orm";
+import { eq, and, count, sum, desc, sql } from "drizzle-orm";
 import { CreateJobBody, GetJobParams } from "@workspace/api-zod";
 import { lnbitsService } from "../lib/lnbits.js";
 import { agentService } from "../lib/agent.js";
@@ -14,6 +14,7 @@ import { latencyHistogram } from "../lib/histogram.js";
 import { trustService } from "../lib/trust.js";
 import { freeTierService } from "../lib/free-tier.js";
 import { zapService } from "../lib/zap.js";
+import { categorizeRequest, selfEvaluate } from "../lib/categorizer.js";
 
 const logger = makeLogger("jobs");
 
@@ -284,6 +285,10 @@ async function runWorkInBackground(
       ? "not_applicable"
       : (refundAmountSats > 0 ? "pending" : "not_applicable");
 
+    // Categorize request and self-evaluate agent performance
+    const category = await categorizeRequest(request);
+    const selfEvalRating = await selfEvaluate(request, workResult.result);
+
     await db
       .update(jobs)
       .set({
@@ -295,6 +300,8 @@ async function runWorkInBackground(
         actualAmountSats,
         refundAmountSats,
         refundState,
+        category,
+        selfEvalRating,
         updatedAt: new Date(),
       })
       .where(eq(jobs.id, jobId));
@@ -900,4 +907,148 @@ router.get("/jobs/:id/stream", async (req: Request, res: Response) => {
   cleanup();
 });
 
+
+// ── GET /stats ────────────────────────────────────────────────────────────────
+
+router.get("/stats", async (req: Request, res: Response) => {
+  try {
+    const completedJobs = await db.select().from(jobs).where(eq(jobs.state, "complete"));
+
+    const totalJobsCompleted = completedJobs.length;
+
+    const totalSatsEarned = completedJobs.reduce((sum, job) => {
+      const actualAmountSats = job.actualAmountSats ?? 0;
+      const absorbedSats = job.absorbedSats ?? 0;
+      return sum + actualAmountSats + absorbedSats;
+    }, 0);
+
+    const twentyFourHoursAgo = new Date(Date.now() - 24 * 60 * 60 * 1000);
+    const recentCompletedJobs = completedJobs.filter(job => job.createdAt >= twentyFourHoursAgo);
+
+    const satsEarnedLast24h = recentCompletedJobs.reduce((sum, job) => {
+      const actualAmountSats = job.actualAmountSats ?? 0;
+      const absorbedSats = job.absorbedSats ?? 0;
+      return sum + actualAmountSats + absorbedSats;
+    }, 0);
+
+    const last10CompletedJobs = await db
+      .select({
+        id: jobs.id,
+        request: jobs.request,
+        actualAmountSats: jobs.actualAmountSats,
+        updatedAt: jobs.updatedAt,
+      })
+      .from(jobs)
+      .where(eq(jobs.state, "complete"))
+      .orderBy(desc(jobs.updatedAt))
+      .limit(10);
+
+    res.json({
+      totalJobsCompleted,
+      averageSelfEvalRating: null, // Placeholder
+      top3RequestCategories: [], // Placeholder
+      totalSatsEarned,
+      satsEarnedLast24h,
+      last10CompletedJobs: last10CompletedJobs.map(job => ({
+        id: job.id,
+        request: job.request.substring(0, 100) + (job.request.length > 100 ? "..." : ""), // Truncate request
+        starRating: null, // Placeholder
+        satsCharged: job.actualAmountSats,
+        timeElapsed: job.updatedAt.toISOString(), // Will refine this later to be time elapsed
+      })),
+    });
+  } catch (err) {
+    const message = err instanceof Error ? err.message : "Failed to fetch stats";
+    logger.error("stats fetch failed", { error: message });
+    res.status(500).json({ error: message });
+  }
+});
+
+
+// ── GET /stats ────────────────────────────────────────────────────────────────
+
+router.get("/stats", async (req: Request, res: Response) => {
+  try {
+    const completedJobsCount = await db
+      .select({ count: count(jobs.id) })
+      .from(jobs)
+      .where(eq(jobs.state, "complete"));
+
+    const totalJobsCompleted = completedJobsCount[0]?.count ?? 0;
+
+    const averageRatingResult = await db
+      .select({ averageRating: sql<number>`avg(${jobs.selfEvalRating})` })
+      .from(jobs)
+      .where(eq(jobs.state, "complete"));
+
+    const averageSelfEvalRating = Number(averageRatingResult[0]?.averageRating ?? 0);
+
+    const topCategoriesResult = await db
+      .select({ category: jobs.category, count: count(jobs.category) })
+      .from(jobs)
+      .where(and(eq(jobs.state, "complete"), sql`${jobs.category} is not null`))
+      .groupBy(jobs.category)
+      .orderBy(desc(sql`count`))
+      .limit(3);
+
+    const top3RequestCategories = topCategoriesResult.map(c => c.category);
+
+    const totalSatsResult = await db
+      .select({ totalSats: sum(sql`(CAST(${jobs.actualAmountSats} AS INTEGER) + CAST(${jobs.absorbedSats} AS INTEGER))`) })
+      .from(jobs)
+      .where(eq(jobs.state, "complete"));
+
+    const totalSatsEarned = Number(totalSatsResult[0]?.totalSats ?? 0);
+
+    const twentyFourHoursAgo = new Date(Date.now() - 24 * 60 * 60 * 1000);
+
+    const recentSatsResult = await db
+      .select({ recentSats: sum(sql`(CAST(${jobs.actualAmountSats} AS INTEGER) + CAST(${jobs.absorbedSats} AS INTEGER))`) })
+      .from(jobs)
+      .where(and(eq(jobs.state, "complete"), sql`${jobs.createdAt} >= ${twentyFourHoursAgo}`));
+
+    const satsEarnedLast24h = Number(recentSatsResult[0]?.recentSats ?? 0);
+
+    const last10CompletedJobs = await db
+      .select({
+        id: jobs.id,
+        request: jobs.request,
+        actualAmountSats: jobs.actualAmountSats,
+        createdAt: jobs.createdAt,
+        updatedAt: jobs.updatedAt,
+        selfEvalRating: jobs.selfEvalRating,
+        category: jobs.category,
+      })
+      .from(jobs)
+      .where(eq(jobs.state, "complete"))
+      .orderBy(desc(jobs.updatedAt))
+      .limit(10);
+
+    res.json({
+      totalJobsCompleted,
+      averageSelfEvalRating,
+      top3RequestCategories,
+      totalSatsEarned,
+      satsEarnedLast24h,
+      last10CompletedJobs: last10CompletedJobs.map(job => {
+        const timeElapsedMs = job.updatedAt.getTime() - job.createdAt.getTime();
+        const timeElapsedSeconds = Math.floor(timeElapsedMs / 1000);
+        return {
+          id: job.id,
+          request: job.request.substring(0, 100) + (job.request.length > 100 ? "..." : ""), // Truncate request
+          starRating: job.selfEvalRating,
+          satsCharged: job.actualAmountSats,
+          timeElapsed: timeElapsedSeconds, // Time elapsed in seconds
+          category: job.category,
+        };
+      }),
+    });
+  } catch (err) {
+    const message = err instanceof Error ? err.message : "Failed to fetch stats";
+    logger.error("stats fetch failed", { error: message });
+    res.status(500).json({ error: message });
+  }
+});
+
 export default router;
+

artifacts/mobile/app.json

@@ -20,20 +20,7 @@
       "adaptiveIcon": {
         "foregroundImage": "./assets/images/icon.png",
         "backgroundColor": "#0A0A12"
-      },
-      "intentFilters": [
-        {
-          "action": "VIEW",
-          "autoVerify": false,
-          "data": [
-            {
-              "scheme": "mobile",
-              "host": "nostr-callback"
-            }
-          ],
-          "category": ["BROWSABLE", "DEFAULT"]
-        }
-      ]
+      }
     },
     "web": {
       "favicon": "./assets/images/icon.png",

artifacts/mobile/app/_layout.tsx

@@ -16,7 +16,6 @@ import { SafeAreaProvider } from "react-native-safe-area-context";
 
 import { ErrorBoundary } from "@/components/ErrorBoundary";
 import { TimmyProvider } from "@/context/TimmyContext";
-import { NostrProvider } from "@/context/NostrContext";
 import { ONBOARDING_COMPLETED_KEY } from "@/constants/storage-keys";
 
 SplashScreen.preventAutoHideAsync();
@@ -78,11 +77,9 @@ export default function RootLayout() {
         <QueryClientProvider client={queryClient}>
           <GestureHandlerRootView style={{ flex: 1 }}>
             <KeyboardProvider>
-              <NostrProvider>
-                <TimmyProvider>
-                  <RootLayoutNav />
-                </TimmyProvider>
-              </NostrProvider>
+              <TimmyProvider>
+                <RootLayoutNav />
+              </TimmyProvider>
             </KeyboardProvider>
           </GestureHandlerRootView>
         </QueryClientProvider>

artifacts/mobile/app/settings.tsx

@@ -1,101 +1,114 @@
-import { Stack } from "expo-router";
-import {
-  Linking,
-  Platform,
-  Pressable,
-  ScrollView,
-  StyleSheet,
-  Switch,
-  Text,
-  TextInput,
-  View,
-} from "react-native";
-import { useState, useEffect } from "react";
-import AsyncStorage from "@react-native-async-storage/async-storage";
-import Constants from "expo-constants";
-import { Ionicons } from "@expo/vector-icons";
+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';
+import { ConnectionBadge } from '@/components/ConnectionBadge';
+import { Colors } from '@/constants/colors';
 
-import { useTimmy } from "@/context/TimmyContext";
-import { useNostr, truncateNpub } from "@/context/NostrContext";
-import { ConnectionBadge } from "@/components/ConnectionBadge";
-import { NostrConnectModal } from "@/components/NostrConnectModal";
-import { Colors } from "@/constants/colors";
-
-const NOTIF_JOB_KEY = "settings.notifications_job_completion";
-const NOTIF_BALANCE_KEY = "settings.notifications_low_balance";
+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 C = Colors.dark;
-  const { apiBaseUrl, setApiBaseUrl, isConnected } = useTimmy();
-  const { npub, nostrConnected, signerType, disconnect: disconnectNostr } = useNostr();
 
   const [serverUrl, setServerUrl] = useState(apiBaseUrl);
   const [jobCompletionNotifications, setJobCompletionNotifications] = useState(false);
   const [lowBalanceWarning, setLowBalanceWarning] = useState(false);
-  const [nostrModalVisible, setNostrModalVisible] = useState(false);
-
-  // Sync local serverUrl with context value (e.g. on first load from AsyncStorage)
-  useEffect(() => {
-    setServerUrl(apiBaseUrl);
-  }, [apiBaseUrl]);
+  const [currentNpub, setCurrentNpub] = useState<string | null>(nostrPublicKey);
 
   useEffect(() => {
-    AsyncStorage.multiGet([NOTIF_JOB_KEY, NOTIF_BALANCE_KEY])
-      .then(([[, job], [, balance]]) => {
-        if (job !== null) setJobCompletionNotifications(JSON.parse(job));
-        if (balance !== null) setLowBalanceWarning(JSON.parse(balance));
-      })
-      .catch(() => {});
-  }, []);
+    // Load settings from AsyncStorage and SecureStore
+    const loadSettings = async () => {
+      const storedServerUrl = await AsyncStorage.getItem(STORAGE_KEYS.SERVER_URL);
+      if (storedServerUrl) {
+        setServerUrl(storedServerUrl);
+      }
+      const storedJobCompletion = await AsyncStorage.getItem(STORAGE_KEYS.NOTIFICATIONS_JOB_COMPLETION);
+      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);
+    };
+    loadSettings();
+  }, [nostrPublicKey]);
 
-  const handleServerUrlBlur = () => {
+  // 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 toggleJobCompletion = async () => {
-    const next = !jobCompletionNotifications;
-    setJobCompletionNotifications(next);
-    await AsyncStorage.setItem(NOTIF_JOB_KEY, JSON.stringify(next));
+  const toggleJobCompletionNotifications = async () => {
+    const newValue = !jobCompletionNotifications;
+    setJobCompletionNotifications(newValue);
+    await AsyncStorage.setItem(STORAGE_KEYS.NOTIFICATIONS_JOB_COMPLETION, JSON.stringify(newValue));
   };
 
-  const toggleLowBalance = async () => {
-    const next = !lowBalanceWarning;
-    setLowBalanceWarning(next);
-    await AsyncStorage.setItem(NOTIF_BALANCE_KEY, JSON.stringify(next));
+  const toggleLowBalanceWarning = async () => {
+    const newValue = !lowBalanceWarning;
+    setLowBalanceWarning(newValue);
+    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 giteaRepoUrl = "http://143.198.27.163:3000/replit/timmy-tower";
+  const appVersion = Constants.expoConfig?.version || 'N/A';
+  const buildCommitHash = Constants.expoConfig?.extra?.gitCommitHash || 'N/A';
+  const giteaRepoUrl = 'http://143.198.27.163:3000/replit/timmy-tower';
+
+  const openGiteaLink = () => {
+    Linking.openURL(giteaRepoUrl);
+  };
 
   return (
-    <View style={[styles.container, { backgroundColor: C.background }]}>
-      <Stack.Screen
-        options={{
-          title: "Settings",
-          headerShown: true,
-          headerStyle: { backgroundColor: C.surface },
-          headerTintColor: C.text,
-        }}
-      />
+    <View style={styles.container}>
+      <Stack.Screen options={{ title: 'Settings', headerShown: true, headerStyle: { backgroundColor: C.surface }, headerTintColor: C.text }} />
       <ScrollView contentContainerStyle={styles.scrollContent}>
-
-        {/* ── Connection ──────────────────────────────────────────────── */}
-        <Text style={[styles.sectionHeader, { color: C.text }]}>Connection</Text>
+        <Text style={styles.sectionHeader}>Connection</Text>
         <View style={styles.settingItem}>
-          <Text style={[styles.settingLabel, { color: C.text }]}>Server URL</Text>
+          <Text style={styles.settingLabel}>Server URL</Text>
           <View style={styles.serverUrlContainer}>
             <TextInput
-              style={[styles.input, { color: C.text, backgroundColor: C.field, borderColor: C.border }]}
+              style={[styles.input, { color: C.text, backgroundColor: C.field }]} // Apply text and background color from Colors
               value={serverUrl}
-              onChangeText={setServerUrl}
-              onBlur={handleServerUrlBlur}
+              onChangeText={handleServerUrlChange}
               placeholder="Enter server URL"
               placeholderTextColor={C.textMuted}
               autoCapitalize="none"
@@ -105,100 +118,61 @@ export default function SettingsScreen() {
           </View>
         </View>
 
-        {/* ── Notifications ────────────────────────────────────────────── */}
-        <Text style={[styles.sectionHeader, { color: C.text }]}>Notifications</Text>
-        <View style={[styles.settingItem, { borderBottomColor: C.border }]}>
-          <Text style={[styles.settingLabel, { color: C.text }]}>Job Completion</Text>
+        <Text style={styles.sectionHeader}>Notifications</Text>
+        <View style={styles.settingItem}>
+          <Text style={styles.settingLabel}>Job Completion Push Notifications</Text>
           <Switch
             trackColor={{ false: C.surface, true: C.accentGlow }}
-            thumbColor={Platform.OS === "android" ? C.text : ""}
+            thumbColor={Platform.OS === 'android' ? C.text : ''}
             ios_backgroundColor={C.field}
-            onValueChange={toggleJobCompletion}
+            onValueChange={toggleJobCompletionNotifications}
             value={jobCompletionNotifications}
           />
         </View>
-        <View style={[styles.settingItem, { borderBottomColor: C.border }]}>
-          <Text style={[styles.settingLabel, { color: C.text }]}>Low Balance Warning</Text>
+        <View style={styles.settingItem}>
+          <Text style={styles.settingLabel}>Low Balance Warning</Text>
           <Switch
             trackColor={{ false: C.surface, true: C.accentGlow }}
-            thumbColor={Platform.OS === "android" ? C.text : ""}
+            thumbColor={Platform.OS === 'android' ? C.text : ''}
             ios_backgroundColor={C.field}
-            onValueChange={toggleLowBalance}
+            onValueChange={toggleLowBalanceWarning}
             value={lowBalanceWarning}
           />
         </View>
 
-        {/* ── Nostr Identity ───────────────────────────────────────────── */}
-        <Text style={[styles.sectionHeader, { color: C.text }]}>Identity</Text>
-        <View style={[styles.settingItem, { borderBottomColor: C.border }]}>
-          <Text style={[styles.settingLabel, { color: C.text }]}>Nostr Public Key</Text>
+        <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 }]}>
-            {npub ? truncateNpub(npub) : "Not connected"}
+            {currentNpub ? `${currentNpub.substring(0, 10)}...${currentNpub.substring(currentNpub.length - 5)}` : 'Not connected'}
           </Text>
         </View>
-
-        {nostrConnected && signerType && (
-          <View style={[styles.settingItem, { borderBottomColor: C.border }]}>
-            <Text style={[styles.settingLabel, { color: C.text }]}>Signer</Text>
-            <Text style={[styles.settingValue, { color: C.textSecondary }]}>
-              {signerType === "amber" ? "Amber (NIP-55)" : "nsec key"}
-            </Text>
-          </View>
-        )}
-
         <View style={styles.buttonContainer}>
-          {!nostrConnected ? (
-            <Pressable
-              onPress={() => setNostrModalVisible(true)}
-              style={({ pressed }) => [
-                styles.button,
-                { backgroundColor: C.accent, opacity: pressed ? 0.8 : 1 },
-              ]}
-            >
-              <Text style={[styles.buttonText, { color: C.textInverted }]}>
-                Connect Nostr Identity
-              </Text>
+          {!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 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>
 
-        {/* ── About ───────────────────────────────────────────────────── */}
-        <Text style={[styles.sectionHeader, { color: C.text }]}>About</Text>
-        <View style={[styles.settingItem, { borderBottomColor: C.border }]}>
-          <Text style={[styles.settingLabel, { color: C.text }]}>App Version</Text>
+        <Text style={styles.sectionHeader}>About</Text>
+        <View style={styles.settingItem}>
+          <Text style={styles.settingLabel}>App Version</Text>
           <Text style={[styles.settingValue, { color: C.text }]}>{appVersion}</Text>
         </View>
-        <View style={[styles.settingItem, { borderBottomColor: C.border }]}>
-          <Text style={[styles.settingLabel, { color: C.text }]}>Build Commit</Text>
+        <View style={styles.settingItem}>
+          <Text style={styles.settingLabel}>Build Commit Hash</Text>
           <Text style={[styles.settingValue, { color: C.text }]}>{buildCommitHash}</Text>
         </View>
-        <Pressable
-          onPress={() => Linking.openURL(giteaRepoUrl)}
-          style={({ pressed }) => [styles.linkButton, { opacity: pressed ? 0.8 : 1 }]}
-        >
+        <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.link }]}>View project on Gitea</Text>
         </Pressable>
       </ScrollView>
-
-      <NostrConnectModal
-        visible={nostrModalVisible}
-        onClose={() => setNostrModalVisible(false)}
-      />
     </View>
   );
 }
@@ -206,6 +180,7 @@ export default function SettingsScreen() {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
+    backgroundColor: Colors.dark.background, // Use background color from Colors
   },
   scrollContent: {
     padding: 20,
@@ -213,35 +188,36 @@ const styles = StyleSheet.create({
   },
   sectionHeader: {
     fontSize: 18,
-    fontWeight: "bold",
+    fontWeight: 'bold',
+    color: Colors.dark.text,
     marginTop: 20,
     marginBottom: 10,
   },
   settingItem: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
     paddingVertical: 12,
     borderBottomWidth: 0.5,
+    borderBottomColor: Colors.dark.border,
   },
   settingLabel: {
     fontSize: 16,
+    color: Colors.dark.text,
     flex: 1,
   },
   settingValue: {
-    fontSize: 14,
-    flexShrink: 1,
-    textAlign: "right",
-    marginLeft: 8,
+    fontSize: 16,
   },
   serverUrlContainer: {
-    flexDirection: "row",
-    alignItems: "center",
+    flexDirection: 'row',
+    alignItems: 'center',
     flex: 2,
   },
   input: {
     flex: 1,
     borderWidth: 1,
+    borderColor: Colors.dark.border,
     borderRadius: 8,
     padding: 8,
     fontSize: 14,
@@ -249,7 +225,7 @@ const styles = StyleSheet.create({
   },
   buttonContainer: {
     marginTop: 20,
-    alignItems: "flex-start",
+    alignItems: 'flex-start',
   },
   button: {
     paddingVertical: 10,
@@ -258,11 +234,11 @@ const styles = StyleSheet.create({
   },
   buttonText: {
     fontSize: 16,
-    fontWeight: "bold",
+    fontWeight: 'bold',
   },
   linkButton: {
-    flexDirection: "row",
-    alignItems: "center",
+    flexDirection: 'row',
+    alignItems: 'center',
     marginTop: 15,
     paddingVertical: 8,
   },

artifacts/mobile/components/NostrConnectModal.tsx

@@ -1,276 +0,0 @@
-/**
- * NostrConnectModal — UI for connecting a Nostr identity on mobile.
- *
- * Android: offers "Connect with Amber" (NIP-55) as the primary action,
- *   with manual nsec entry as a secondary option.
- * iOS / other: manual nsec entry only.
- */
-
-import React, { useCallback, useState } from "react";
-import {
-  ActivityIndicator,
-  Modal,
-  Platform,
-  Pressable,
-  StyleSheet,
-  Text,
-  TextInput,
-  View,
-} from "react-native";
-import { Ionicons } from "@expo/vector-icons";
-
-import { Colors } from "@/constants/colors";
-import { useNostr } from "@/context/NostrContext";
-
-// ─── Props ────────────────────────────────────────────────────────────────────
-
-type Props = {
-  visible: boolean;
-  onClose: () => void;
-};
-
-// ─── Component ────────────────────────────────────────────────────────────────
-
-export function NostrConnectModal({ visible, onClose }: Props) {
-  const C = Colors.dark;
-  const { connectWithAmber, connectWithNsec, canUseAmber } = useNostr();
-
-  const [showNsecForm, setShowNsecForm] = useState(!canUseAmber);
-  const [nsecInput, setNsecInput] = useState("");
-  const [error, setError] = useState<string | null>(null);
-  const [loading, setLoading] = useState(false);
-
-  const handleClose = useCallback(() => {
-    setNsecInput("");
-    setError(null);
-    setShowNsecForm(!canUseAmber);
-    onClose();
-  }, [canUseAmber, onClose]);
-
-  const handleAmberPress = useCallback(async () => {
-    setError(null);
-    setLoading(true);
-    try {
-      await connectWithAmber();
-      // Amber opens; the result arrives via deep-link callback.
-      // Close the modal — NostrContext handles the incoming URL.
-      handleClose();
-    } finally {
-      setLoading(false);
-    }
-  }, [connectWithAmber, handleClose]);
-
-  const handleNsecConnect = useCallback(async () => {
-    if (!nsecInput.trim()) {
-      setError("Please enter your nsec key");
-      return;
-    }
-    setError(null);
-    setLoading(true);
-    const result = await connectWithNsec(nsecInput.trim());
-    setLoading(false);
-    if (result.success) {
-      handleClose();
-    } else {
-      setError(result.error);
-    }
-  }, [nsecInput, connectWithNsec, handleClose]);
-
-  return (
-    <Modal
-      visible={visible}
-      animationType="slide"
-      transparent
-      onRequestClose={handleClose}
-    >
-      <View style={styles.overlay}>
-        <View style={[styles.sheet, { backgroundColor: C.surface, borderColor: C.border }]}>
-          {/* Header */}
-          <View style={styles.header}>
-            <Text style={[styles.title, { color: C.text }]}>Connect Nostr Identity</Text>
-            <Pressable onPress={handleClose} hitSlop={12}>
-              <Ionicons name="close" size={22} color={C.textSecondary} />
-            </Pressable>
-          </View>
-
-          {/* Android: Amber option */}
-          {canUseAmber && !showNsecForm && (
-            <View style={styles.body}>
-              <Text style={[styles.description, { color: C.textSecondary }]}>
-                Connect using{" "}
-                <Text style={{ color: C.text, fontWeight: "600" }}>Amber</Text>{" "}
-                — your keys stay in Amber and are never exposed to this app.
-              </Text>
-
-              <Pressable
-                onPress={handleAmberPress}
-                disabled={loading}
-                style={({ pressed }) => [
-                  styles.primaryButton,
-                  { backgroundColor: C.accent, opacity: pressed || loading ? 0.75 : 1 },
-                ]}
-              >
-                {loading ? (
-                  <ActivityIndicator color={C.textInverted} />
-                ) : (
-                  <>
-                    <Ionicons name="shield-checkmark" size={18} color={C.textInverted} />
-                    <Text style={[styles.buttonText, { color: C.textInverted }]}>
-                      Connect with Amber
-                    </Text>
-                  </>
-                )}
-              </Pressable>
-
-              <Pressable
-                onPress={() => setShowNsecForm(true)}
-                style={styles.secondaryLink}
-              >
-                <Text style={[styles.secondaryLinkText, { color: C.link }]}>
-                  Enter nsec manually instead
-                </Text>
-              </Pressable>
-            </View>
-          )}
-
-          {/* nsec form */}
-          {showNsecForm && (
-            <View style={styles.body}>
-              {canUseAmber && (
-                <Pressable
-                  onPress={() => { setShowNsecForm(false); setError(null); }}
-                  style={styles.backLink}
-                >
-                  <Ionicons name="arrow-back" size={14} color={C.link} />
-                  <Text style={[styles.secondaryLinkText, { color: C.link }]}>
-                    Use Amber instead
-                  </Text>
-                </Pressable>
-              )}
-
-              <Text style={[styles.description, { color: C.textSecondary }]}>
-                Paste your{" "}
-                <Text style={{ color: C.text, fontWeight: "600" }}>nsec1…</Text>{" "}
-                private key. It will be stored only in the device secure keystore
-                and never logged or transmitted.
-              </Text>
-
-              <TextInput
-                style={[
-                  styles.input,
-                  {
-                    backgroundColor: C.field,
-                    color: C.text,
-                    borderColor: error ? C.destructive : C.border,
-                  },
-                ]}
-                placeholder="nsec1…"
-                placeholderTextColor={C.textMuted}
-                value={nsecInput}
-                onChangeText={(t) => { setNsecInput(t); setError(null); }}
-                autoCapitalize="none"
-                autoCorrect={false}
-                secureTextEntry
-                editable={!loading}
-              />
-
-              {error && (
-                <Text style={[styles.errorText, { color: C.destructive }]}>
-                  {error}
-                </Text>
-              )}
-
-              <Pressable
-                onPress={handleNsecConnect}
-                disabled={loading}
-                style={({ pressed }) => [
-                  styles.primaryButton,
-                  { backgroundColor: C.accent, opacity: pressed || loading ? 0.75 : 1 },
-                ]}
-              >
-                {loading ? (
-                  <ActivityIndicator color={C.textInverted} />
-                ) : (
-                  <Text style={[styles.buttonText, { color: C.textInverted }]}>
-                    Connect
-                  </Text>
-                )}
-              </Pressable>
-            </View>
-          )}
-        </View>
-      </View>
-    </Modal>
-  );
-}
-
-// ─── Styles ───────────────────────────────────────────────────────────────────
-
-const styles = StyleSheet.create({
-  overlay: {
-    flex: 1,
-    justifyContent: "flex-end",
-    backgroundColor: "rgba(0,0,0,0.6)",
-  },
-  sheet: {
-    borderTopLeftRadius: 20,
-    borderTopRightRadius: 20,
-    borderWidth: 1,
-    borderBottomWidth: 0,
-    paddingHorizontal: 24,
-    paddingTop: 20,
-    paddingBottom: Platform.OS === "ios" ? 40 : 24,
-  },
-  header: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    marginBottom: 16,
-  },
-  title: {
-    fontSize: 18,
-    fontWeight: "700",
-  },
-  body: {
-    gap: 14,
-  },
-  description: {
-    fontSize: 14,
-    lineHeight: 20,
-  },
-  primaryButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 8,
-    paddingVertical: 14,
-    borderRadius: 10,
-  },
-  buttonText: {
-    fontSize: 16,
-    fontWeight: "600",
-  },
-  secondaryLink: {
-    alignItems: "center",
-    paddingVertical: 4,
-  },
-  secondaryLinkText: {
-    fontSize: 14,
-  },
-  backLink: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4,
-  },
-  input: {
-    borderWidth: 1,
-    borderRadius: 10,
-    paddingHorizontal: 14,
-    paddingVertical: 12,
-    fontSize: 14,
-    fontFamily: Platform.OS === "ios" ? "Courier" : "monospace",
-  },
-  errorText: {
-    fontSize: 13,
-  },
-});

artifacts/mobile/constants/colors.ts

@@ -29,10 +29,6 @@ export const Colors = {
     working: "#F59E0B",
     idle: "#6B7280",
     micActive: "#EF4444",
-    field: "#1A1A2E",
-    textInverted: "#0A0A12",
-    destructive: "#EF4444",
-    link: "#A78BFA",
   },
 } as const;
 

artifacts/mobile/constants/storage-keys.ts

@@ -1,2 +1 @@
 export const ONBOARDING_COMPLETED_KEY = "app.onboarding_completed";
-export const SERVER_URL_KEY = "settings.server_url";

artifacts/mobile/context/NostrContext.tsx

@@ -1,274 +0,0 @@
-/**
- * NostrContext — Nostr identity management for mobile.
- *
- * Android: NIP-55 Amber deep-link signing (com.greenart7c3.nostrsigner).
- *   Opens Amber via the `nostrsigner:` URI scheme to retrieve the user's
- *   public key; falls back to the Play Store install prompt when Amber is
- *   not installed.
- *
- * iOS / manual fallback: nsec paste-in stored exclusively in Expo SecureStore.
- *   The raw key is NEVER written to AsyncStorage, Redux state, or logs.
- */
-
-import React, {
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useState,
-} from "react";
-import { Linking, Platform } from "react-native";
-import * as SecureStore from "expo-secure-store";
-import { getPublicKey, nip19 } from "nostr-tools";
-
-// ─── Types ────────────────────────────────────────────────────────────────────
-
-export type NostrSignerType = "amber" | "nsec" | null;
-
-export type NostrConnectResult =
-  | { success: true }
-  | { success: false; error: string };
-
-type NostrContextValue = {
-  /** bech32 public key (npub1…), null when no identity is loaded */
-  npub: string | null;
-  /** Raw hex public key, null when no identity is loaded */
-  pubkeyHex: string | null;
-  /** How the key was connected */
-  signerType: NostrSignerType;
-  /** True when an identity is loaded */
-  nostrConnected: boolean;
-  /** True only on Android — Amber integration available */
-  canUseAmber: boolean;
-  /** Android only: launch Amber to retrieve the user's public key */
-  connectWithAmber: () => Promise<void>;
-  /** Both platforms: validate & store an nsec; derive and cache the npub */
-  connectWithNsec: (nsec: string) => Promise<NostrConnectResult>;
-  /** Wipe all Nostr credentials from SecureStore and reset state */
-  disconnect: () => Promise<void>;
-};
-
-// ─── Constants ────────────────────────────────────────────────────────────────
-
-const SECURE_KEY_NSEC = "nostr.nsec";
-const SECURE_KEY_NPUB = "nostr.npub";
-const SECURE_KEY_SIGNER_TYPE = "nostr.signer_type";
-
-/** The deep-link scheme declared in app.json */
-const APP_SCHEME = "mobile";
-/** Path Amber will call back to with the pubkey result */
-const AMBER_CALLBACK_URL = `${APP_SCHEME}://nostr-callback`;
-const AMBER_PACKAGE = "com.greenart7c3.nostrsigner";
-const AMBER_PLAY_STORE_URL =
-  "https://play.google.com/store/apps/details?id=com.greenart7c3.nostrsigner";
-
-// ─── Helpers ──────────────────────────────────────────────────────────────────
-
-/** Truncate an npub for display: "npub1abcde…xyz12" */
-export function truncateNpub(npub: string): string {
-  if (npub.length <= 20) return npub;
-  return `${npub.substring(0, 10)}…${npub.substring(npub.length - 5)}`;
-}
-
-// ─── Context ──────────────────────────────────────────────────────────────────
-
-const NostrContext = createContext<NostrContextValue | null>(null);
-
-export function NostrProvider({ children }: { children: React.ReactNode }) {
-  const [npub, setNpub] = useState<string | null>(null);
-  const [pubkeyHex, setPubkeyHex] = useState<string | null>(null);
-  const [signerType, setSignerType] = useState<NostrSignerType>(null);
-
-  const canUseAmber = Platform.OS === "android";
-
-  // ── Load persisted identity on mount ──────────────────────────────────────
-
-  useEffect(() => {
-    async function loadIdentity() {
-      try {
-        const [storedNpub, storedSignerType] = await Promise.all([
-          SecureStore.getItemAsync(SECURE_KEY_NPUB),
-          SecureStore.getItemAsync(SECURE_KEY_SIGNER_TYPE),
-        ]);
-
-        if (storedNpub && storedSignerType) {
-          setNpub(storedNpub);
-          setSignerType(storedSignerType as NostrSignerType);
-          try {
-            const decoded = nip19.decode(storedNpub);
-            if (decoded.type === "npub") {
-              setPubkeyHex(decoded.data as string);
-            }
-          } catch {
-            // npub decode failure — identity still "connected", pubkeyHex stays null
-          }
-        }
-      } catch {
-        // SecureStore unavailable (e.g. web build) — proceed without identity
-      }
-    }
-    loadIdentity();
-  }, []);
-
-  // ── Handle Amber callback deep link (Android) ─────────────────────────────
-
-  useEffect(() => {
-    if (!canUseAmber) return;
-
-    function handleUrl({ url }: { url: string }) {
-      if (!url.startsWith(`${APP_SCHEME}://nostr-callback`)) return;
-
-      try {
-        // React Native's URL parsing is not available in all environments;
-        // parse manually to avoid importing a polyfill.
-        const queryStart = url.indexOf("?");
-        if (queryStart === -1) return;
-        const params = new URLSearchParams(url.slice(queryStart + 1));
-        const result = params.get("result");
-        if (!result) return;
-
-        // Amber returns the hex pubkey in `result`
-        let hexKey = result;
-        if (result.startsWith("npub1")) {
-          const decoded = nip19.decode(result);
-          if (decoded.type === "npub") hexKey = decoded.data as string;
-        }
-
-        const derivedNpub = nip19.npubEncode(hexKey);
-
-        // Persist — no private key stored for Amber flow
-        SecureStore.setItemAsync(SECURE_KEY_NPUB, derivedNpub).catch(() => {});
-        SecureStore.setItemAsync(SECURE_KEY_SIGNER_TYPE, "amber").catch(() => {});
-
-        setNpub(derivedNpub);
-        setPubkeyHex(hexKey);
-        setSignerType("amber");
-      } catch {
-        // Malformed callback — silently ignore
-      }
-    }
-
-    const subscription = Linking.addEventListener("url", handleUrl);
-    return () => subscription.remove();
-  }, [canUseAmber]);
-
-  // ── Actions ───────────────────────────────────────────────────────────────
-
-  const connectWithAmber = useCallback(async () => {
-    // NIP-55: request the user's public key from Amber
-    const amberUri = `nostrsigner:?type=get_public_key&compressionType=none&returnType=signature&callbackUrl=${encodeURIComponent(AMBER_CALLBACK_URL)}`;
-
-    let canOpen = false;
-    try {
-      canOpen = await Linking.canOpenURL(`nostrsigner:`);
-    } catch {
-      canOpen = false;
-    }
-
-    if (canOpen) {
-      await Linking.openURL(amberUri);
-    } else {
-      // Amber not installed — direct user to Play Store
-      await Linking.openURL(AMBER_PLAY_STORE_URL);
-    }
-  }, []);
-
-  const connectWithNsec = useCallback(
-    async (nsec: string): Promise<NostrConnectResult> => {
-      const trimmed = nsec.trim();
-
-      if (!trimmed.startsWith("nsec1")) {
-        return { success: false, error: "Key must start with nsec1" };
-      }
-
-      let decoded: ReturnType<typeof nip19.decode>;
-      try {
-        decoded = nip19.decode(trimmed);
-      } catch {
-        return { success: false, error: "Invalid bech32 encoding" };
-      }
-
-      if (decoded.type !== "nsec") {
-        return { success: false, error: "Not a valid nsec key" };
-      }
-
-      let hexPubkey: string;
-      try {
-        const sk = decoded.data as Uint8Array;
-        hexPubkey = getPublicKey(sk);
-      } catch {
-        return { success: false, error: "Could not derive public key" };
-      }
-
-      const derivedNpub = nip19.npubEncode(hexPubkey);
-
-      try {
-        // Store only in SecureStore — never AsyncStorage, never logs
-        await SecureStore.setItemAsync(SECURE_KEY_NSEC, trimmed);
-        await SecureStore.setItemAsync(SECURE_KEY_NPUB, derivedNpub);
-        await SecureStore.setItemAsync(SECURE_KEY_SIGNER_TYPE, "nsec");
-      } catch {
-        return { success: false, error: "Failed to store key securely" };
-      }
-
-      setNpub(derivedNpub);
-      setPubkeyHex(hexPubkey);
-      setSignerType("nsec");
-
-      return { success: true };
-    },
-    []
-  );
-
-  const disconnect = useCallback(async () => {
-    try {
-      await Promise.all([
-        SecureStore.deleteItemAsync(SECURE_KEY_NSEC),
-        SecureStore.deleteItemAsync(SECURE_KEY_NPUB),
-        SecureStore.deleteItemAsync(SECURE_KEY_SIGNER_TYPE),
-      ]);
-    } catch {
-      // Best-effort cleanup; reset state regardless
-    }
-    setNpub(null);
-    setPubkeyHex(null);
-    setSignerType(null);
-  }, []);
-
-  // ── Context value ─────────────────────────────────────────────────────────
-
-  const value = useMemo<NostrContextValue>(
-    () => ({
-      npub,
-      pubkeyHex,
-      signerType,
-      nostrConnected: npub !== null,
-      canUseAmber,
-      connectWithAmber,
-      connectWithNsec,
-      disconnect,
-    }),
-    [
-      npub,
-      pubkeyHex,
-      signerType,
-      canUseAmber,
-      connectWithAmber,
-      connectWithNsec,
-      disconnect,
-    ]
-  );
-
-  return (
-    <NostrContext.Provider value={value}>{children}</NostrContext.Provider>
-  );
-}
-
-export function useNostr(): NostrContextValue {
-  const ctx = useContext(NostrContext);
-  if (!ctx) throw new Error("useNostr must be used within NostrProvider");
-  return ctx;
-}
-
-export { AMBER_PACKAGE };

artifacts/mobile/context/TimmyContext.tsx

@@ -8,9 +8,6 @@ import React, {
   useState,
 } from "react";
 import { AppState, Platform } from "react-native";
-import AsyncStorage from "@react-native-async-storage/async-storage";
-
-import { SERVER_URL_KEY } from "@/constants/storage-keys";
 
 export type TimmyMood = "idle" | "thinking" | "working" | "speaking";
 
@@ -25,42 +22,33 @@ export type WsEvent = {
   count?: number;
 };
 
-export type ConnectionStatus =
-  | "connecting"
-  | "connected"
-  | "disconnected"
-  | "reconnecting"
-  | "error";
+export type ConnectionStatus = "connecting" | "connected" | "disconnected" | "reconnecting" | "error";
 
 type TimmyContextValue = {
   timmyMood: TimmyMood;
   connectionStatus: ConnectionStatus;
-  /** True when the WebSocket is fully open */
-  isConnected: boolean;
   recentEvents: WsEvent[];
   send: (msg: object) => void;
   sendVisitorMessage: (text: string) => void;
   visitorId: string;
-  /** Current API / WebSocket base domain */
-  apiBaseUrl: string;
-  /** Persist a new base URL and reconnect the WebSocket */
-  setApiBaseUrl: (url: string) => void;
 };
 
 const TimmyContext = createContext<TimmyContextValue | null>(null);
 
 const MAX_EVENTS = 100;
-const ENV_DOMAIN = process.env["EXPO_PUBLIC_DOMAIN"] ?? "";
+const BASE_URL = process.env.EXPO_PUBLIC_DOMAIN ?? "";
 const VISITOR_ID =
   Date.now().toString() + Math.random().toString(36).substr(2, 9);
 
-function buildWsUrl(domain: string): string {
-  let d = domain.trim();
-  if (!d) d = "localhost:8080";
-  d = d.replace(/^https?:\/\//, "");
-  d = d.replace(/\/$/, "");
-  const proto = d.startsWith("localhost") ? "ws" : "wss";
-  return `${proto}://${d}/api/ws`;
+function getWsUrl(): string {
+  let domain = BASE_URL;
+  if (!domain) {
+    domain = "localhost:8080";
+  }
+  domain = domain.replace(/^https?:\/\//, "");
+  domain = domain.replace(/\/$/, "");
+  const proto = domain.startsWith("localhost") ? "ws" : "wss";
+  return `${proto}://${domain}/api/ws`;
 }
 
 function deriveMood(agentStates: Record<string, string>): TimmyMood {
@@ -75,12 +63,10 @@ function deriveMood(agentStates: Record<string, string>): TimmyMood {
 }
 
 export function TimmyProvider({ children }: { children: React.ReactNode }) {
-  const [apiBaseUrl, setApiBaseUrlState] = useState(ENV_DOMAIN);
   const [timmyMood, setTimmyMood] = useState<TimmyMood>("idle");
   const [connectionStatus, setConnectionStatus] =
     useState<ConnectionStatus>("connecting");
   const [recentEvents, setRecentEvents] = useState<WsEvent[]>([]);
-
   const wsRef = useRef<WebSocket | null>(null);
   const retryTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const retryCountRef = useRef(0);
@@ -91,32 +77,6 @@ export function TimmyProvider({ children }: { children: React.ReactNode }) {
     delta: "idle",
   });
   const speakingTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-  // Stable ref so WebSocket callbacks always read the current URL
-  const apiBaseUrlRef = useRef(apiBaseUrl);
-  // Stable refs to break the connectWs ↔ scheduleRetry circular dependency
-  const connectWsRef = useRef<() => void>(() => {});
-  const scheduleRetryRef = useRef<() => void>(() => {});
-
-  // ── Load persisted URL on mount ────────────────────────────────────────
-
-  useEffect(() => {
-    AsyncStorage.getItem(SERVER_URL_KEY)
-      .then((stored) => {
-        if (stored) {
-          setApiBaseUrlState(stored);
-          apiBaseUrlRef.current = stored;
-        }
-      })
-      .catch(() => {});
-  }, []);
-
-  const setApiBaseUrl = useCallback((url: string) => {
-    setApiBaseUrlState(url);
-    apiBaseUrlRef.current = url;
-    AsyncStorage.setItem(SERVER_URL_KEY, url).catch(() => {});
-  }, []);
-
-  // ── WebSocket helpers ──────────────────────────────────────────────────
 
   const addEvent = useCallback((evt: Omit<WsEvent, "id" | "timestamp">) => {
     const entry: WsEvent = {
@@ -134,14 +94,14 @@ export function TimmyProvider({ children }: { children: React.ReactNode }) {
       wsRef.current.close();
       wsRef.current = null;
     }
-    const url = buildWsUrl(apiBaseUrlRef.current);
+    const url = getWsUrl();
     setConnectionStatus("connecting");
     let ws: WebSocket;
     try {
       ws = new WebSocket(url);
     } catch {
       setConnectionStatus("error");
-      scheduleRetryRef.current();
+      scheduleRetry();
       return;
     }
     wsRef.current = ws;
@@ -174,7 +134,10 @@ export function TimmyProvider({ children }: { children: React.ReactNode }) {
 
       if (type === "world_state") {
         const states = (msg.agentStates as Record<string, string>) ?? {};
-        agentStatesRef.current = { ...agentStatesRef.current, ...states };
+        agentStatesRef.current = {
+          ...agentStatesRef.current,
+          ...states,
+        };
         setTimmyMood(deriveMood(agentStatesRef.current));
         return;
       }
@@ -224,7 +187,7 @@ export function TimmyProvider({ children }: { children: React.ReactNode }) {
 
     ws.onclose = () => {
       setConnectionStatus("disconnected");
-      scheduleRetryRef.current();
+      scheduleRetry();
     };
 
     ws.onerror = () => {
@@ -237,15 +200,9 @@ export function TimmyProvider({ children }: { children: React.ReactNode }) {
     const delay = Math.min(1000 * Math.pow(2, retryCountRef.current), 30000);
     retryCountRef.current += 1;
     retryTimerRef.current = setTimeout(() => {
-      connectWsRef.current();
+      connectWs();
     }, delay);
-  }, []);
-
-  // Keep the stable refs current after every render
-  connectWsRef.current = connectWs;
-  scheduleRetryRef.current = scheduleRetry;
-
-  // ── Initial connect ────────────────────────────────────────────────────
+  }, [connectWs]);
 
   useEffect(() => {
     connectWs();
@@ -259,19 +216,7 @@ export function TimmyProvider({ children }: { children: React.ReactNode }) {
     };
   }, [connectWs]);
 
-  // Reconnect when apiBaseUrl changes (skip the very first render)
-  const isFirstRenderRef = useRef(true);
-  useEffect(() => {
-    if (isFirstRenderRef.current) {
-      isFirstRenderRef.current = false;
-      return;
-    }
-    retryCountRef.current = 0;
-    connectWs();
-  }, [apiBaseUrl, connectWs]);
-
-  // ── AppState-aware reconnect on foreground ─────────────────────────────
-
+  // AppState-aware WebSocket reconnect on foreground
   useEffect(() => {
     if (Platform.OS === "web") return;
 
@@ -284,17 +229,20 @@ export function TimmyProvider({ children }: { children: React.ReactNode }) {
       const isNowActive = nextAppState === "active";
 
       if (wasBackground && isNowActive) {
+        // App returned to foreground — check if WS is still alive
         const ws = wsRef.current;
         if (!ws || ws.readyState !== WebSocket.OPEN) {
+          // Cancel any pending retry so we don't create duplicates
           if (retryTimerRef.current) {
             clearTimeout(retryTimerRef.current);
             retryTimerRef.current = null;
           }
           retryCountRef.current = 0;
           setConnectionStatus("reconnecting");
-          connectWsRef.current();
+          connectWs();
         }
       } else if (nextAppState === "background") {
+        // Proactively close the WS to avoid OS killing it mid-frame
         if (retryTimerRef.current) {
           clearTimeout(retryTimerRef.current);
           retryTimerRef.current = null;
@@ -314,9 +262,7 @@ export function TimmyProvider({ children }: { children: React.ReactNode }) {
     return () => {
       subscription.remove();
     };
-  }, []);
-
-  // ── Outbound messages ──────────────────────────────────────────────────
+  }, [connectWs]);
 
   const send = useCallback((msg: object) => {
     if (wsRef.current && wsRef.current.readyState === WebSocket.OPEN) {
@@ -324,42 +270,28 @@ export function TimmyProvider({ children }: { children: React.ReactNode }) {
     }
   }, []);
 
-  const sendVisitorMessage = useCallback((text: string) => {
-    if (wsRef.current && wsRef.current.readyState === WebSocket.OPEN) {
-      wsRef.current.send(
-        JSON.stringify({
-          type: "visitor_message",
-          visitorId: VISITOR_ID,
-          text,
-        })
-      );
-      setTimmyMood("thinking");
-    }
-  }, []);
+  const sendVisitorMessage = useCallback(
+    (text: string) => {
+      if (wsRef.current && wsRef.current.readyState === WebSocket.OPEN) {
+        wsRef.current.send(
+          JSON.stringify({ type: "visitor_message", visitorId: VISITOR_ID, text })
+        );
+        setTimmyMood("thinking");
+      }
+    },
+    []
+  );
 
-  // ── Context value ──────────────────────────────────────────────────────
-
-  const value = useMemo<TimmyContextValue>(
+  const value = useMemo(
     () => ({
       timmyMood,
       connectionStatus,
-      isConnected: connectionStatus === "connected",
       recentEvents,
       send,
       sendVisitorMessage,
       visitorId: VISITOR_ID,
-      apiBaseUrl,
-      setApiBaseUrl,
     }),
-    [
-      timmyMood,
-      connectionStatus,
-      recentEvents,
-      send,
-      sendVisitorMessage,
-      apiBaseUrl,
-      setApiBaseUrl,
-    ]
+    [timmyMood, connectionStatus, recentEvents, send, sendVisitorMessage]
   );
 
   return (

artifacts/mobile/package.json

@@ -57,9 +57,7 @@
   },
   "dependencies": {
     "@react-native-voice/voice": "^3.2.4",
-    "expo-secure-store": "~14.0.1",
     "expo-speech": "^14.0.8",
-    "nostr-tools": "^2.23.3",
     "react-native-qrcode-svg": "^6.3.21",
     "react-native-webview": "^13.15.0"
   }

lib/db/src/schema/jobs.ts

@@ -26,6 +26,8 @@ export const jobs = pgTable("jobs", {
   rejectionReason: text("rejection_reason"),
   result: text("result"),
   errorMessage: text("error_message"),
+  category: text("category"),
+  selfEvalRating: real("self_eval_rating"),
 
   // ── Cost-based pricing (set when work invoice is created) ───────────────
   estimatedCostUsd: real("estimated_cost_usd"),

the-matrix/index.html

@@ -254,6 +254,21 @@
       text-shadow: 0 0 10px #116633;
       margin-bottom: 20px; border-bottom: 1px solid #0e2318; padding-bottom: 10px;
     }
+    #session-close {
+      position: absolute; top: 16px; right: 16px;
+      background: transparent; border: 1px solid #0e2318;
+      color: #226644; font-family: 'Courier New', monospace;
+      font-size: 16px; width: 28px; height: 28px;
+      cursor: pointer; transition: color 0.2s, border-color 0.2s;
+    }
+      box-shadow: 8px 0 32px rgba(10, 50, 25, 0.20);
+    }
+    #session-panel.open { left: 0; }
+    #session-panel h2 {
+      font-size: 13px; letter-spacing: 3px; color: #33bb77;
+      text-shadow: 0 0 10px #116633;
+      margin-bottom: 20px; border-bottom: 1px solid #0e2318; padding-bottom: 10px;
+    }
     #session-close {
       position: absolute; top: 16px; right: 16px;
       background: transparent; border: 1px solid #0e2318;
@@ -263,6 +278,77 @@
     }
     #session-close:hover { color: #44dd88; border-color: #22aa66; }
 
+    /* ── Stats panel (right side, opens over payment panel) ───────────── */
+    #stats-panel {
+      position: fixed; top: 0; right: -420px;
+      width: 400px; height: 100%;
+      background: rgba(12, 6, 3, 0.97); /* Darker, slightly reddish */
+      border-left: 1px solid #2e1a1a; /* Matching border */
+      padding: 24px 20px;
+      overflow-y: auto; z-index: 101; /* Z-index above payment panel */
+      font-family: 'Courier New', monospace;
+      transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);
+      box-shadow: -8px 0 32px rgba(120, 60, 40, 0.15); /* Orange-ish shadow */
+    }
+    #stats-panel.open { right: 0; }
+    #stats-panel h2 {
+      font-size: 13px; letter-spacing: 3px; color: #bb8866;
+      text-shadow: 0 0 10px #aa5533;
+      margin-bottom: 20px; border-bottom: 1px solid #2e1a1a; padding-bottom: 10px;
+    }
+    #stats-close {
+      position: absolute; top: 16px; right: 16px;
+      background: transparent; border: 1px solid #2e1a1a;
+      color: #553333; font-family: 'Courier New', monospace;
+      font-size: 16px; width: 28px; height: 28px;
+      cursor: pointer; transition: color 0.2s, border-color 0.2s;
+    }
+    #stats-close:hover { color: #bb8866; border-color: #aa6644; }
+
+    .panel-stats-grid {
+      display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+      gap: 12px; margin-bottom: 20px;
+    }
+    .stat-card {
+      background: rgba(20, 10, 5, 0.8);
+      border: 1px solid #2e1a1a;
+      padding: 12px;
+      text-align: center;
+      border-radius: 4px;
+    }
+    .stat-card.wide { grid-column: 1 / -1; }
+    .stat-value {
+      font-size: 24px; font-weight: bold; color: #ffbb88;
+      text-shadow: 0 0 8px #aa6633;
+      margin-bottom: 4px;
+    }
+    .stat-label {
+      font-size: 10px; letter-spacing: 1px; color: #aa7755;
+    }
+    .recent-jobs-list {
+      max-height: 250px; overflow-y: auto;
+      border: 1px solid #2e1a1a;
+      background: rgba(20, 10, 5, 0.6);
+      padding: 10px;
+      border-radius: 4px;
+    }
+    .recent-job-item {
+      border-bottom: 1px solid #2e1a1a;
+      padding: 8px 0;
+    }
+    .recent-job-item:last-child { border-bottom: none; }
+    .job-req {
+      font-size: 11px; color: #ffddbb;
+      line-height: 1.4; margin-bottom: 4px;
+    }
+    .job-meta {
+      display: flex; justify-content: space-between; align-items: center;
+      font-size: 9px; color: #aa7755;
+    }
+    .job-rating { color: #ffd700; }
+    .job-sats { color: #f7931a; }
+    .job-time { color: #aa7755; }
+
     /* Amount presets */
     .session-amount-presets {
       display: flex; gap: 6px; flex-wrap: wrap; margin: 10px 0;
@@ -639,6 +725,7 @@
   <!-- ── Top action buttons ─────────────────────────────────────────── -->
   <div id="top-buttons">
     <button id="open-panel-btn">⚡ SUBMIT JOB</button>
+    <button id="open-stats-btn">📊 TIMMY STATS</button>
     <button id="open-session-btn">⚡ FUND SESSION</button>
     <a id="relay-admin-btn" href="/admin/relay">⚙ RELAY ADMIN</a>
   </div>
@@ -701,6 +788,48 @@
     <div id="job-error"></div>
   </div>
 
+  <!-- ── Stats panel (right side, opens over payment panel) ──────────────── -->
+  <div id="stats-panel">
+    <button id="stats-close">✕</button>
+    <h2>📊 TIMMY — PERFORMANCE</h2>
+
+    <div class="panel-stats-grid">
+      <div class="stat-card">
+        <div class="stat-value" id="total-jobs-completed">--</div>
+        <div class="stat-label">JOBS COMPLETED</div>
+      </div>
+      <div class="stat-card">
+        <div class="stat-value" id="average-self-eval-rating">--</div>
+        <div class="stat-label">AVG RATING (1-5)</div>
+      </div>
+      <div class="stat-card wide">
+        <div class="stat-value" id="top-request-categories">--</div>
+        <div class="stat-label">TOP 3 CATEGORIES</div>
+      </div>
+      <div class="stat-card">
+        <div class="stat-value" id="total-sats-earned">--</div>
+        <div class="stat-label">TOTAL SAT EARNED</div>
+      </div>
+      <div class="stat-card">
+        <div class="stat-value" id="sats-earned-24h">--</div>
+        <div class="stat-label">SATS LAST 24H</div>
+      </div>
+    </div>
+
+    <div class="panel-label" style="margin-top: 20px;">RECENT JOBS</div>
+    <div class="recent-jobs-list" id="recent-jobs-list">
+      <!-- Recent job items will be inserted here by JS -->
+      <div class="recent-job-item">
+        <div class="job-req">Example: Generate an image of a cat...</div>
+        <div class="job-meta">
+          <span class="job-rating">⭐ 4</span>
+          <span class="job-sats">⚡ 100 sats</span>
+          <span class="job-time">15s</span>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <!-- ── Session panel (left side) ─────────────────────────────────── -->
   <div id="session-panel">
     <button id="session-close">✕</button>
@@ -810,6 +939,18 @@
   </div>
 
   <script>
+    function _timmyCopy(elementId) {
+      const el = document.getElementById(elementId);
+      if (el) {
+        navigator.clipboard.writeText(el.textContent || el.innerText).then(() => {
+          // Optional: Add some visual feedback that text was copied
+          console.log('Copied to clipboard:', el.textContent);
+        }).catch(err => {
+          console.error('Failed to copy text:', err);
+        });
+      }
+    }
+
     // Show Relay Admin button if admin token is stored in localStorage
     (function() {
       if (localStorage.getItem('relay_admin_token')) {

the-matrix/js/ui.js

@@ -480,6 +480,489 @@ async function _fetchAndRenderHeatmap() {
   }
 }
 
+import { sendVisitorMessage } from './websocket.js';
+import { classify } from './edge-worker-client.js';
+import { setMood, setSpeechBubble } from './agents.js';
+import { getOrRefreshToken, getPubkey, disconnectNostrIdentity, showIdentityPrompt } from './nostr-identity.js';
+
+const $fps        = document.getElementById('fps');
+const $activeJobs = document.getElementById('active-jobs');
+const $connStatus = document.getElementById('connection-status');
+const $log        = document.getElementById('event-log');
+
+const MAX_LOG = 6;
+const logEntries = [];
+let uiInitialized = false;
+
+// ── Session-mode send override ────────────────────────────────────────────────
+let _sessionSendHandler = null;
+
+export function setSessionSendHandler(fn) {
+  _sessionSendHandler = fn;
+}
+
+export function setInputBarSessionMode(active, placeholder) {
+  const $input = document.getElementById('visitor-input');
+  if (!$input) return;
+  if (active) {
+    $input.classList.add('session-active');
+    $input.placeholder = placeholder || 'Ask Timmy (session active)…';
+  } else {
+    $input.classList.remove('session-active');
+    $input.placeholder = 'Say something to Timmy…';
+  }
+}
+
+// ── 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.
+
+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);
+    }
+  }
+  $readyBadge.style.display = '';
+}
+
+// ── 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).
+
+let _estimateTimer = null;
+let $costPreview = null;
+
+function _ensureCostPreview() {
+  if ($costPreview) return $costPreview;
+  $costPreview = document.getElementById('timmy-cost-preview');
+  if (!$costPreview) {
+    $costPreview = document.createElement('div');
+    $costPreview.id = 'timmy-cost-preview';
+    $costPreview.style.cssText = 'font-size:11px;color:#88aacc;margin-top:3px;min-height:14px;transition:opacity .3s;opacity:0;';
+    const $input = document.getElementById('visitor-input');
+    $input?.parentElement?.appendChild($costPreview);
+  }
+  return $costPreview;
+}
+
+function _showCostPreview(text, color = '#88aacc') {
+  const el = _ensureCostPreview();
+  el.textContent = text;
+  el.style.color  = color;
+  el.style.opacity = '1';
+}
+
+function _hideCostPreview() {
+  const el = _ensureCostPreview();
+  el.style.opacity = '0';
+}
+
+async function _fetchEstimate(text) {
+  try {
+    const token = await getOrRefreshToken('/api');
+    const params = new URLSearchParams({ request: text });
+    const fetchOpts = {};
+    if (token) {
+      fetchOpts.headers = { 'X-Nostr-Token': token };
+    }
+
+    const res = await fetch(`/api/estimate?${params}`, fetchOpts);
+    if (!res.ok) return;
+    const data = await res.json();
+
+    const ft = data.identity?.free_tier;
+    if (ft?.serve === 'free') {
+      _showCostPreview('FREE via generosity pool', '#44dd88');
+    } else if (ft?.serve === 'partial') {
+      _showCostPreview(`~${ft.chargeSats} sats (${ft.absorbSats} absorbed)`, '#ffdd44');
+    } else {
+      const sats = data.estimatedSats ?? '?';
+      _showCostPreview(`~${sats} sats estimated`, '#88aacc');
+    }
+  } catch {
+    _hideCostPreview();
+  }
+}
+
+// Fast trivial heuristic — same pattern as edge-worker.js _isGreeting().
+// Prevents /api/estimate network calls for greeting messages on every keypress.
+const _TRIVIAL_RE = /^(hi|hey|hello|howdy|greetings|yo|sup|hiya|what'?s up)[!?.,]?\s*$/i;
+
+function _scheduleCostPreview(text) {
+  clearTimeout(_estimateTimer);
+  if (!text || text.length < 4) { _hideCostPreview(); return; }
+  // Skip estimate entirely for trivially local messages — zero network calls
+  if (_TRIVIAL_RE.test(text.trim())) {
+    _showCostPreview('answered locally ⚡ 0 sats', '#44dd88');
+    return;
+  }
+  _estimateTimer = setTimeout(() => _fetchEstimate(text), 300);
+}
+
+// ── Live cost ticker ──────────────────────────────────────────────────────────
+// Shown in the top-right HUD during active paid interactions.
+// Updated via WebSocket `cost_update` messages from the backend.
+
+let $costTicker = null;
+let _tickerHideTimer = null;
+
+function _ensureCostTicker() {
+  if ($costTicker) return $costTicker;
+  $costTicker = document.getElementById('timmy-cost-ticker');
+  if (!$costTicker) {
+    $costTicker = document.createElement('div');
+    $costTicker.id = 'timmy-cost-ticker';
+    $costTicker.style.cssText = [
+      'position:fixed;top:36px;right:16px',
+      'font-size:11px;font-family:"Courier New",monospace',
+      'color:#ffcc44;text-shadow:0 0 6px #aa8822',
+      'letter-spacing:1px',
+      'pointer-events:none;z-index:10',
+      'transition:opacity .4s;opacity:0',
+    ].join(';');
+    document.body.appendChild($costTicker);
+  }
+  return $costTicker;
+}
+
+export function showCostTicker(sats) {
+  clearTimeout(_tickerHideTimer);
+  const el = _ensureCostTicker();
+  el.textContent = `⚡ ~${sats} sats`;
+  el.style.opacity = '1';
+}
+
+export function updateCostTicker(sats, isFinal = false) {
+  clearTimeout(_tickerHideTimer);
+  const el = _ensureCostTicker();
+  el.textContent = isFinal ? `⚡ ${sats} sats charged` : `⚡ ~${sats} sats`;
+  el.style.opacity = '1';
+  if (isFinal) {
+    _tickerHideTimer = setTimeout(hideCostTicker, 5000);
+  }
+}
+
+export function hideCostTicker() {
+  if (!$costTicker) return;
+  $costTicker.style.opacity = '0';
+}
+
+// ── Nostr identity UI ─────────────────────────────────────────────────────────
+
+let _nostrStatusEl       = null;
+let _connectNostrBtn     = null;
+let _disconnectNostrBtn  = null;
+let _nostrPubkeyDisplay  = null;
+let _getAlbyBtn          = null;
+
+export function initNostrIdentityUI() {
+  _nostrStatusEl = document.getElementById('nostr-identity-status');
+  if (!_nostrStatusEl) return;
+
+  _nostrStatusEl.innerHTML = `
+    <button id="connect-nostr-btn" class="nostr-btn">⚡ Connect Nostr</button>
+    <span id="nostr-pubkey-display" class="nostr-pubkey"></span>
+    <button id="disconnect-nostr-btn" class="nostr-btn nostr-btn-sm">Disconnect</button>
+    <button id="get-alby-btn" class="nostr-btn nostr-btn-sm">Get Alby</button>
+  `;
+
+  _connectNostrBtn    = document.getElementById('connect-nostr-btn');
+  _disconnectNostrBtn = document.getElementById('disconnect-nostr-btn');
+  _nostrPubkeyDisplay = document.getElementById('nostr-pubkey-display');
+  _getAlbyBtn         = document.getElementById('get-alby-btn');
+
+  if (_connectNostrBtn) {
+    _connectNostrBtn.addEventListener('click', () => {
+      showIdentityPrompt('/api');
+    });
+  }
+
+  if (_disconnectNostrBtn) {
+    _disconnectNostrBtn.addEventListener('click', () => {
+      disconnectNostrIdentity();
+      _updateNostrIdentityUI(null);
+    });
+  }
+
+  window.addEventListener('nostr:identity-ready', e => {
+    _updateNostrIdentityUI(e.detail.pubkey);
+  });
+
+  window.addEventListener('nostr:identity-disconnected', () => {
+    _updateNostrIdentityUI(null);
+  });
+
+  _updateNostrIdentityUI(getPubkey());
+}
+
+function _updateNostrIdentityUI(pubkey) {
+  const hasNip07 = typeof window !== 'undefined' && !!window.nostr;
+
+  if (pubkey) {
+    const formattedPubkey = pubkey.slice(0, 8) + '…' + pubkey.slice(-4);
+    if (_nostrPubkeyDisplay) {
+      _nostrPubkeyDisplay.textContent = `⚡ ${formattedPubkey}`;
+      _nostrPubkeyDisplay.style.display = 'inline-block';
+    }
+    if (_connectNostrBtn)    _connectNostrBtn.style.display = 'none';
+    if (_disconnectNostrBtn) _disconnectNostrBtn.style.display = 'inline-block';
+    if (_getAlbyBtn)         _getAlbyBtn.style.display = 'none';
+  } else {
+    if (_nostrPubkeyDisplay) _nostrPubkeyDisplay.style.display = 'none';
+    if (_disconnectNostrBtn) _disconnectNostrBtn.style.display = 'none';
+
+    if (hasNip07) {
+      if (_connectNostrBtn) {
+        _connectNostrBtn.textContent = '⚡ Connect Nostr';
+        _connectNostrBtn.style.display = 'inline-block';
+      }
+      if (_getAlbyBtn) _getAlbyBtn.style.display = 'none';
+    } else {
+      if (_connectNostrBtn) _connectNostrBtn.style.display = 'none';
+      if (_getAlbyBtn) {
+        _getAlbyBtn.textContent = 'Get Alby';
+        _getAlbyBtn.style.display = 'inline-block';
+        _getAlbyBtn.title = 'Install Alby or another NIP-07 extension to connect your Nostr identity';
+        _getAlbyBtn.onclick = () => window.open('https://getalby.com/', '_blank');
+      }
+    }
+  }
+}
+
+
+// ── Input bar ─────────────────────────────────────────────────────────────────
+
+export function initUI() {
+  if (uiInitialized) return;
+  uiInitialized = true;
+  initInputBar();
+  initHeatmap();
+  initNostrIdentityUI();
+  initStatsPanel(); // Initialize the new stats panel
+}
+
+function initInputBar() {
+  const $input   = document.getElementById('visitor-input');
+  const $sendBtn = document.getElementById('send-btn');
+  if (!$input || !$sendBtn) return;
+
+  $input.addEventListener('input', () => _scheduleCostPreview($input.value.trim()));
+
+  async function send() {
+    const text = $input.value.trim();
+    if (!text) return;
+    $input.value = '';
+    _hideCostPreview();
+
+    // ── Edge triage — runs in BOTH session mode and WebSocket mode ─────────────
+    // Worker returns { complexity:'trivial'|'moderate'|'complex', score, reason, localReply? }
+    const cls = await classify(text);
+
+    if (cls.complexity === 'trivial' && cls.localReply) {
+      // Greeting / small-talk → answer locally, 0 sats, no network call in any mode
+      appendSystemMessage(`you: ${text}`);
+      setSpeechBubble(`${cls.localReply} ⚡ local`);
+      _showCostPreview('answered locally ⚡ 0 sats', '#44dd88');
+      setTimeout(_hideCostPreview, 3000);
+      return;
+    }
+
+    // Non-trivial: delegate to session handler (if active) or WebSocket
+    if (_sessionSendHandler) {
+      // moderate/complex — fire estimate async for cost preview, then hand off
+      if (cls.complexity === 'moderate' || cls.complexity === 'complex') {
+        _fetchEstimate(text);
+      }
+      _sessionSendHandler(text);
+      return;
+    }
+
+    // moderate or complex — fetch cost estimate (driven by complexity outcome),
+    // then route to server via WebSocket.
+    if (cls.complexity === 'moderate' || cls.complexity === 'complex') {
+      _fetchEstimate(text);
+    }
+
+    // Route to server via WebSocket
+    sendVisitorMessage(text);
+    appendSystemMessage(`you: ${text}`);
+  }
+
+  $sendBtn.addEventListener('click', send);
+  $input.addEventListener('keydown', e => {
+    if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); send(); }
+  });
+}
+
+export function updateUI({ fps, jobCount, connectionState }) {
+  if ($fps) $fps.textContent = `FPS: ${fps}`;
+  if ($activeJobs) $activeJobs.textContent = `JOBS: ${jobCount}`;
+
+  if ($connStatus) {
+    if (connectionState === 'connected') {
+      $connStatus.textContent = '● CONNECTED';
+      $connStatus.className   = 'connected';
+    } else if (connectionState === 'connecting') {
+      $connStatus.textContent = '◌ CONNECTING...';
+      $connStatus.className   = '';
+    } else {
+      $connStatus.textContent = '○ OFFLINE';
+      $connStatus.className   = '';
+    }
+  }
+}
+
+export function appendSystemMessage(text) {
+  if (!$log) return;
+  const el = document.createElement('div');
+  el.className = 'log-entry';
+  el.textContent = text;
+  logEntries.push(el);
+  if (logEntries.length > MAX_LOG) {
+    const removed = logEntries.shift();
+    $log.removeChild(removed);
+  }
+  $log.appendChild(el);
+  $log.scrollTop = $log.scrollHeight;
+}
+
+export function appendChatMessage(agentLabel, message, cssColor, agentId) {
+  void agentLabel; void cssColor; void agentId;
+  appendSystemMessage(message);
+}
+
+/**
+ * Render a debate argument or verdict in the event log (#21).
+ * Visually distinct from regular chat: colored by agent with a debate prefix.
+ */
+export function appendDebateMessage(agent, argument, isVerdict, accepted) {
+  if (!$log) return;
+  const el = document.createElement('div');
+  el.className = 'log-entry debate-entry';
+  if (isVerdict) {
+    el.classList.add('debate-verdict');
+    el.classList.add(accepted ? 'debate-accepted' : 'debate-rejected');
+    el.textContent = `⚖ ${agent}: ${argument}`;
+  } else {
+    el.classList.add(agent === 'Beta-A' ? 'debate-a' : 'debate-b');
+    el.textContent = `⚖ ${agent}: ${(argument || '').slice(0, 120)}`;
+  }
+  logEntries.push(el);
+  if (logEntries.length > MAX_LOG) {
+    const removed = logEntries.shift();
+    $log.removeChild(removed);
+  }
+  $log.appendChild(el);
+  $log.scrollTop = $log.scrollHeight;
+}
+
+export function loadChatHistory() { return []; }
+export function saveChatHistory() {}
+
+// ── Activity heatmap (#9) ─────────────────────────────────────────────────────
+// Fetches /api/stats/activity and renders a 24-segment heatmap.
+// Auto-refreshes every 5 minutes. On mobile, collapses to an icon that opens
+// a full-screen overlay.
+
+const HEATMAP_REFRESH_MS = 5 * 60 * 1000; // 5 minutes
+let _heatmapTimer = null;
+let _lastHours = null; // number[24] cached for overlay re-render
+
+/** Convert an hour index (0 = oldest, 23 = current) to a UTC hour label like "3pm" or "midnight". */
+function _hourLabel(hourIndex) {
+  const now = new Date();
+  const currentHour = now.getUTCHours();
+  // slot 23 = current UTC hour, slot 0 = 23 hours ago
+  const h = ((currentHour - (23 - hourIndex)) % 24 + 24) % 24;
+  if (h === 0) return 'midnight';
+  if (h === 12) return 'noon';
+  return h < 12 ? `${h}am` : `${h - 12}pm`;
+}
+
+/** Interpolate from dim blue (#111133) to bright blue-white (#88ccff) based on 0–1 intensity. */
+function _segmentColor(intensity) {
+  // dim: [17, 17, 51]  bright: [136, 204, 255]
+  const r = Math.round(17  + (136 - 17)  * intensity);
+  const g = Math.round(17  + (204 - 17)  * intensity);
+  const b = Math.round(51  + (255 - 51)  * intensity);
+  return `rgb(${r},${g},${b})`;
+}
+
+function _renderSegments(hours, container, isMobile) {
+  container.innerHTML = '';
+  const max = Math.max(...hours, 1); // avoid div-by-zero
+  const currentSlot = 23;
+
+  hours.forEach((count, i) => {
+    const seg = document.createElement('div');
+    seg.className = 'hm-seg' + (i === currentSlot ? ' hm-seg-current' : '');
+    const intensity = count / max;
+    const color = _segmentColor(intensity);
+    seg.style.background = color;
+    if (i === currentSlot) seg.style.color = color; // used by pulse animation
+    seg.dataset.index = String(i);
+    seg.dataset.count = String(count);
+    if (isMobile) {
+      seg.style.width = '14px';
+      seg.style.height = '28px';
+    }
+    container.appendChild(seg);
+  });
+}
+
+function _initHeatmapTooltip(barEl) {
+  const $tip = document.getElementById('heatmap-tooltip');
+  if (!$tip) return;
+
+  barEl.addEventListener('mousemove', e => {
+    const seg = e.target.closest('.hm-seg');
+    if (!seg) { $tip.style.display = 'none'; return; }
+    const i = Number(seg.dataset.index);
+    const count = Number(seg.dataset.count);
+    const label = _hourLabel(i);
+    $tip.textContent = `${label}: ${count} job${count !== 1 ? 's' : ''} submitted`;
+    $tip.style.display = 'block';
+    $tip.style.left = `${e.clientX + 10}px`;
+    $tip.style.top  = `${e.clientY - 24}px`;
+  });
+
+  barEl.addEventListener('mouseleave', () => { $tip.style.display = 'none'; });
+}
+
+async function _fetchAndRenderHeatmap() {
+  try {
+    const res = await fetch('/api/stats/activity');
+    if (!res.ok) return;
+    const data = await res.json();
+    const hours = Array.isArray(data.hours) ? data.hours : [];
+    if (hours.length !== 24) return;
+    _lastHours = hours;
+
+    const $bar = document.getElementById('heatmap-bar');
+    if ($bar) _renderSegments(hours, $bar, false);
+
+    const $overlayBar = document.getElementById('heatmap-overlay-bar');
+    if ($overlayBar) _renderSegments(hours, $overlayBar, true);
+  } catch {
+    // silently ignore fetch errors
+  }
+}
+
 export function initHeatmap() {
   const $bar      = document.getElementById('heatmap-bar');
   const $iconBtn  = document.getElementById('heatmap-icon-btn');
@@ -506,3 +989,80 @@ export function initHeatmap() {
   void _fetchAndRenderHeatmap();
   _heatmapTimer = setInterval(_fetchAndRenderHeatmap, HEATMAP_REFRESH_MS);
 }
+
+// ── Stats panel ──────────────────────────────────────────────────────────
+
+const STATS_REFRESH_MS = 30 * 1000; // 30 seconds
+let _statsRefreshTimer = null;
+
+let $openStatsBtn           = null;
+let $statsPanel             = null;
+let $statsCloseBtn          = null;
+let $totalJobsCompleted     = null;
+let $averageSelfEvalRating  = null;
+let $topRequestCategories   = null;
+let $totalSatsEarned        = null;
+let $satsEarned24h          = null;
+let $recentJobsList         = null;
+
+export function initStatsPanel() {
+  $openStatsBtn          = document.getElementById('open-stats-btn');
+  $statsPanel            = document.getElementById('stats-panel');
+  $statsCloseBtn         = document.getElementById('stats-close');
+  $totalJobsCompleted    = document.getElementById('total-jobs-completed');
+  $averageSelfEvalRating = document.getElementById('average-self-eval-rating');
+  $topRequestCategories  = document.getElementById('top-request-categories');
+  $totalSatsEarned       = document.getElementById('total-sats-earned');
+  $satsEarned24h         = document.getElementById('sats-earned-24h');
+  $recentJobsList        = document.getElementById('recent-jobs-list');
+
+  if ($openStatsBtn) {
+    $openStatsBtn.addEventListener('click', () => {
+      $statsPanel?.classList.add('open');
+      void _fetchAndRenderStats();
+      _statsRefreshTimer = setInterval(_fetchAndRenderStats, STATS_REFRESH_MS);
+    });
+  }
+
+  if ($statsCloseBtn) {
+    $statsCloseBtn.addEventListener('click', () => {
+      $statsPanel?.classList.remove('open');
+      clearInterval(_statsRefreshTimer);
+      _statsRefreshTimer = null;
+    });
+  }
+}
+
+async function _fetchAndRenderStats() {
+  try {
+    const res = await fetch('/api/stats');
+    if (!res.ok) return;
+    const data = await res.json();
+
+    if ($totalJobsCompleted)    $totalJobsCompleted.textContent    = data.totalJobsCompleted ?? '--';
+    if ($averageSelfEvalRating) $averageSelfEvalRating.textContent = (data.averageSelfEvalRating ?? 0).toFixed(1);
+    if ($topRequestCategories)  $topRequestCategories.textContent  = data.top3RequestCategories.join(', ') || 'None';
+    if ($totalSatsEarned)       $totalSatsEarned.textContent       = data.totalSatsEarned ?? '--';
+    if ($satsEarned24h)         $satsEarned24h.textContent         = data.satsEarnedLast24h ?? '--';
+
+    if ($recentJobsList) {
+      $recentJobsList.innerHTML = '';
+      data.last10CompletedJobs.forEach(job => {
+        const jobItem = document.createElement('div');
+        jobItem.className = 'recent-job-item';
+        jobItem.innerHTML = `
+          <div class="job-req">${job.request}</div>
+          <div class="job-meta">
+            <span class="job-rating">⭐ ${job.starRating ?? '-'}</span>
+            <span class="job-sats">⚡ ${job.satsCharged ?? '-'} sats</span>
+            <span class="job-time">${job.timeElapsed ?? '-'}s</span>
+            <span class="job-category">${job.category ?? '-'}</span>
+          </div>
+        `;
+        $recentJobsList?.appendChild(jobItem);
+      });
+    }
+  } catch (err) {
+    console.error('Failed to fetch and render stats:', err);
+  }
+}