feat: add job history tab with localStorage persistence (#31 )

Add a bottom-sheet History panel that shows completed jobs in reverse chronological order with expandable results. - New history.js module: persists up to 50 jobs in localStorage (timmy_history_v1), renders rows with prompt/cost/relative-time, smooth expand/collapse animation, pull-to-refresh and refresh button - index.html: History panel HTML + CSS (bottom sheet slides up from bottom edge), "⏱ HISTORY" button added to top-buttons bar - payment.js: calls addHistoryEntry() when a Lightning job reaches complete or rejected state; tracks currentRequest across async flow - session.js: calls addHistoryEntry() after each session request completes, computing cost from balance delta - main.js: imports and calls initHistoryPanel() on first init Fixes #31 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-23 22:23:41 -04:00
18 changed files with 424 additions and 707 deletions
--- a/artifacts/api-server/src/lib/agent.ts
+++ b/artifacts/api-server/src/lib/agent.ts
@@ -2,23 +2,6 @@ import { makeLogger } from "./logger.js";

 const logger = makeLogger("agent");

-// ── Image request detection ───────────────────────────────────────────────────
-
-const IMAGE_INTENT_RE =
-  /\b(draw|illustrate|create\s+an?\s+image\s+of|generate\s+an?\s+image\s+of|visualize|visualise|make\s+an?\s+image\s+of|paint\s+me|sketch|render\s+an?\s+image\s+of|picture\s+of)\b/i;
-
-/**
- * Returns true if the request text signals an image-generation intent.
- */
-export function detectImageRequest(text: string): boolean {
-  return IMAGE_INTENT_RE.test(text);
-}
-
-export interface ImageWorkResult {
-  b64_json: string;
-  mimeType: string;
-}
-
 export interface EvalResult {
  accepted: boolean;
  reason: string;
@@ -459,36 +442,6 @@ Respond ONLY with valid JSON: {"accepted": true/false, "reason": "..."}`,
      return "";
    }
  }
-
-  /**
-   * Generate an image via Gemini for the given prompt.
-   * Falls back to a stub 1×1 transparent PNG when Gemini credentials are absent.
-   */
-  async executeImageWork(prompt: string): Promise<ImageWorkResult> {
-    const geminiAvailable =
-      !!process.env["AI_INTEGRATIONS_GEMINI_API_KEY"] &&
-      !!process.env["AI_INTEGRATIONS_GEMINI_BASE_URL"];
-
-    if (!geminiAvailable) {
-      logger.warn("Gemini credentials absent — returning stub image", { component: "agent" });
-      // 1×1 transparent PNG (base64)
-      return {
-        b64_json:
-          "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==",
-        mimeType: "image/png",
-      };
-    }
-
-    try {
-      const mod = (await import("@workspace/integrations-gemini-ai")) as {
-        generateImage: (prompt: string) => Promise<{ b64_json: string; mimeType: string }>;
-      };
-      return await mod.generateImage(prompt);
-    } catch (err) {
-      logger.error("Gemini image generation failed", { error: String(err) });
-      throw err;
-    }
-  }
 }

 export const agentService = new AgentService();
--- a/artifacts/api-server/src/lib/event-bus.ts
+++ b/artifacts/api-server/src/lib/event-bus.ts
@@ -3,7 +3,7 @@ import { EventEmitter } from "events";
 export type JobEvent =
  | { type: "job:state"; jobId: string; state: string }
  | { type: "job:paid"; jobId: string; invoiceType: "eval" | "work" }
-  | { type: "job:completed"; jobId: string; result: string; mediaUrl?: string; mediaType?: string }
+  | { type: "job:completed"; jobId: string; result: string }
  | { type: "job:failed"; jobId: string; reason: string };

 export type SessionEvent =
--- a/artifacts/api-server/src/lib/pricing.ts
+++ b/artifacts/api-server/src/lib/pricing.ts
@@ -62,11 +62,6 @@ const DO_INFRA_PER_REQUEST_USD = DO_MONTHLY_COST_USD / DO_MONTHLY_REQUESTS;

 const ORIGINATOR_MARGIN_PCT = envFloat("ORIGINATOR_MARGIN_PCT", 25);

-// ── Image generation flat rate ────────────────────────────────────────────────
-// Charged in addition to eval fee; covers Gemini imagen costs + margin.
-
-const IMAGE_GENERATION_FLAT_RATE_USD = envFloat("IMAGE_GENERATION_FLAT_RATE_USD", 0.04);
-
 // ── Fixed fees ────────────────────────────────────────────────────────────────

 const EVAL_FEE_SATS = envInt("EVAL_FEE_SATS", 10);
@@ -100,25 +95,6 @@ export class PricingService {
    return BOOTSTRAP_FEE_SATS;
  }

-  /**
-   * Flat USD cost for a single image generation request (covers Gemini + margin).
-   */
-  calculateImageFeeUsd(): number {
-    return IMAGE_GENERATION_FLAT_RATE_USD * (1 + this.marginPct / 100);
-  }
-
-  /**
-   * Convert image flat rate to sats. Includes infra amortisation and margin.
-   * Returns the same shape as calculateWorkFeeSats() for drop-in use.
-   */
-  async calculateImageFeeSats(): Promise<WorkFeeBreakdown> {
-    const rawCostUsd = IMAGE_GENERATION_FLAT_RATE_USD + DO_INFRA_PER_REQUEST_USD;
-    const estimatedCostUsd = rawCostUsd * (1 + this.marginPct / 100);
-    const btcPriceUsd = await getBtcPriceUsd();
-    const amountSats = usdToSats(estimatedCostUsd, btcPriceUsd);
-    return { amountSats, estimatedCostUsd, marginPct: this.marginPct, btcPriceUsd };
-  }
-
  // ── Token estimation ─────────────────────────────────────────────────────

  /**
--- a/artifacts/api-server/src/lib/trust.ts
+++ b/artifacts/api-server/src/lib/trust.ts
@@ -205,29 +205,6 @@ export class TrustService {
  verifyToken(token: string): { pubkey: string; expiry: number } | null {
    return verifyToken(token);
  }
-
-  // TEST-ONLY: apply one decay cycle immediately, ignoring time thresholds.
-  // Subtracts DECAY_PER_DAY (default 1) from the stored trust score and persists.
-  async decayOnce(pubkey: string): Promise<{ previousScore: number; newScore: number; newTier: TrustTier }> {
-    const identity = await this.getOrCreate(pubkey);
-    const previousScore = identity.trustScore;
-    const newScore = Math.max(0, previousScore - DECAY_PER_DAY);
-    const newTier = computeTier(newScore);
-
-    await db
-      .update(nostrIdentities)
-      .set({ trustScore: newScore, tier: newTier, updatedAt: new Date() })
-      .where(eq(nostrIdentities.pubkey, pubkey));
-
-    logger.info("trust: test decay applied", {
-      pubkey: pubkey.slice(0, 8),
-      previousScore,
-      newScore,
-      newTier,
-    });
-
-    return { previousScore, newScore, newTier };
-  }
 }

 export const trustService = new TrustService();
--- a/artifacts/api-server/src/routes/estimate.ts
+++ b/artifacts/api-server/src/routes/estimate.ts
@@ -1,6 +1,6 @@
 import { Router, type Request, type Response } from "express";
 import { pricingService } from "../lib/pricing.js";
-import { agentService, detectImageRequest } from "../lib/agent.js";
+import { agentService } from "../lib/agent.js";
 import { getBtcPriceUsd, usdToSats } from "../lib/btc-oracle.js";
 import { freeTierService } from "../lib/free-tier.js";
 import { trustService } from "../lib/trust.js";
@@ -25,27 +25,10 @@ router.get("/estimate", async (req: Request, res: Response) => {
  }

  try {
-    const isImageRequest = detectImageRequest(requestText);
-
-    let inputTokens = 0;
-    let outputTokens = 0;
-    let costUsd: number;
-    let btcPriceUsd: number;
-    let estimatedSats: number;
-
-    if (isImageRequest) {
-      const imageBreakdown = await pricingService.calculateImageFeeSats();
-      costUsd = imageBreakdown.estimatedCostUsd;
-      btcPriceUsd = imageBreakdown.btcPriceUsd;
-      estimatedSats = imageBreakdown.amountSats;
-    } else {
-      const estimate = pricingService.estimateRequestCost(requestText, agentService.workModel);
-      inputTokens = estimate.estimatedInputTokens;
-      outputTokens = estimate.estimatedOutputTokens;
-      costUsd = estimate.estimatedCostUsd;
-      btcPriceUsd = await getBtcPriceUsd();
-      estimatedSats = usdToSats(costUsd, btcPriceUsd);
-    }
+    const { estimatedInputTokens: inputTokens, estimatedOutputTokens: outputTokens, estimatedCostUsd: costUsd } =
+      pricingService.estimateRequestCost(requestText, agentService.workModel);
+    const btcPriceUsd  = await getBtcPriceUsd();
+    const estimatedSats = usdToSats(costUsd, btcPriceUsd);

    // Optionally resolve Nostr identity from query param or header for free-tier preview
    const rawToken =
@@ -76,11 +59,10 @@ router.get("/estimate", async (req: Request, res: Response) => {
      estimatedSats,
      estimatedCostUsd: costUsd,
      btcPriceUsd,
-      ...(isImageRequest ? { mediaType: "image" } : {}),
      tokenEstimate: {
        inputTokens,
        outputTokens,
-        model: isImageRequest ? "gemini-2.5-flash-image" : agentService.workModel,
+        model: agentService.workModel,
      },
      identity: {
        trust_tier:  trustTier,
--- a/artifacts/api-server/src/routes/identity.ts
+++ b/artifacts/api-server/src/routes/identity.ts
@@ -2,7 +2,7 @@ import { Router, type Request, type Response } from "express";
 import { randomBytes, randomUUID } from "crypto";
 import { verifyEvent, validateEvent } from "nostr-tools";
 import { db, nostrTrustVouches, nostrIdentities, timmyNostrEvents } from "@workspace/db";
-import { eq, count, desc } from "drizzle-orm";
+import { eq, count } from "drizzle-orm";
 import { trustService } from "../lib/trust.js";
 import { timmyIdentityService } from "../lib/timmy-identity.js";
 import { makeLogger } from "../lib/logger.js";
@@ -406,65 +406,4 @@ router.get("/identity/me", async (req: Request, res: Response) => {
  }
 });

-// ── POST /identity/me/decay (TEST-ONLY — disabled in production) ──────────────
-// Applies one decay cycle to the authenticated identity immediately, without
-// the normal 30-day absence threshold. Useful in test suites.
-// Returns 404 in production (NODE_ENV === "production").
-
-router.post("/identity/me/decay", async (req: Request, res: Response) => {
-  if (process.env["NODE_ENV"] === "production") {
-    res.status(404).json({ error: "Not found" });
-    return;
-  }
-
-  const raw = req.headers["x-nostr-token"];
-  const token = typeof raw === "string" ? raw.trim() : null;
-
-  if (!token) {
-    res.status(401).json({ error: "Missing X-Nostr-Token header" });
-    return;
-  }
-
-  const parsed = trustService.verifyToken(token);
-  if (!parsed) {
-    res.status(401).json({ error: "Invalid or expired nostr_token" });
-    return;
-  }
-
-  try {
-    const result = await trustService.decayOnce(parsed.pubkey);
-    res.json({
-      pubkey: parsed.pubkey,
-      previousScore: result.previousScore,
-      newScore: result.newScore,
-      newTier: result.newTier,
-    });
-  } catch (err) {
-    res.status(500).json({ error: err instanceof Error ? err.message : "Decay failed" });
-  }
-});
-
-// ── GET /identity/leaderboard ─────────────────────────────────────────────────
-// Returns the top 20 identities sorted by trust score descending.
-// Public endpoint — no authentication required.
-
-router.get("/identity/leaderboard", async (_req: Request, res: Response) => {
-  try {
-    const rows = await db
-      .select({
-        pubkey: nostrIdentities.pubkey,
-        trustScore: nostrIdentities.trustScore,
-        tier: nostrIdentities.tier,
-        interactionCount: nostrIdentities.interactionCount,
-      })
-      .from(nostrIdentities)
-      .orderBy(desc(nostrIdentities.trustScore))
-      .limit(20);
-
-    res.json(rows);
-  } catch (err) {
-    res.status(500).json({ error: err instanceof Error ? err.message : "Failed to fetch leaderboard" });
-  }
-});
-
 export default router;
--- a/artifacts/api-server/src/routes/jobs.ts
+++ b/artifacts/api-server/src/routes/jobs.ts
@@ -1,10 +1,10 @@
 import { Router, type Request, type Response } from "express";
 import { randomUUID, createHash } from "crypto";
-import { db, jobs, invoices, jobDebates, jobMedia, type Job } from "@workspace/db";
+import { db, jobs, invoices, jobDebates, type Job } from "@workspace/db";
 import { eq, and } from "drizzle-orm";
 import { CreateJobBody, GetJobParams } from "@workspace/api-zod";
 import { lnbitsService } from "../lib/lnbits.js";
-import { agentService, detectImageRequest } from "../lib/agent.js";
+import { agentService } from "../lib/agent.js";
 import { pricingService } from "../lib/pricing.js";
 import { jobsLimiter } from "../lib/rate-limiter.js";
 import { eventBus } from "../lib/event-bus.js";
@@ -110,18 +110,12 @@ async function runEvalInBackground(
    }

    if (evalResult.accepted) {
-      // Detect image-generation requests and flag job accordingly
-      const isImageJob = detectImageRequest(request);
-      if (isImageJob) {
-        await db.update(jobs).set({ mediaType: "image", updatedAt: new Date() }).where(eq(jobs.id, jobId));
-      }
-
-      const breakdown = isImageJob
-        ? await pricingService.calculateImageFeeSats()
-        : await (async () => {
-            const { estimatedInputTokens, estimatedOutputTokens } = pricingService.estimateRequestCost(request, agentService.workModel);
-            return pricingService.calculateWorkFeeSats(estimatedInputTokens, estimatedOutputTokens, agentService.workModel);
-          })();
+      const { estimatedInputTokens, estimatedOutputTokens } = pricingService.estimateRequestCost(request, agentService.workModel);
+      const breakdown = await pricingService.calculateWorkFeeSats(
+        estimatedInputTokens,
+        estimatedOutputTokens,
+        agentService.workModel,
+      );

      // ── Free-tier gate ──────────────────────────────────────────────────
      const ftDecision = await freeTierService.decide(nostrPubkey, breakdown.amountSats);
@@ -260,49 +254,18 @@ async function runWorkInBackground(
  try {
    eventBus.publish({ type: "job:state", jobId, state: "executing" });

-    // Check if this is an image job
-    const jobRow = await getJobById(jobId);
-    const isImageJob = jobRow?.mediaType === "image";
-
-    let resultText = "";
-    let mediaUrl: string | undefined;
-    let inputTokensUsed = 0;
-    let outputTokensUsed = 0;
-
-    if (isImageJob) {
-      // Generate image via Gemini
-      const imageResult = await agentService.executeImageWork(request);
-      const mediaId = randomUUID();
-      const expiresAt = new Date(Date.now() + 7 * 24 * 60 * 60 * 1000); // 7 days
-
-      await db.insert(jobMedia).values({
-        id: mediaId,
-        entityId: jobId,
-        entityType: "job",
-        mediaType: "image",
-        mimeType: imageResult.mimeType,
-        data: imageResult.b64_json,
-        expiresAt,
-      });
-
-      mediaUrl = `/api/jobs/${jobId}/media`;
-      resultText = `Image generated. View at: ${mediaUrl}`;
-      streamRegistry.write(jobId, resultText);
-    } else {
-      const workResult = await agentService.executeWorkStreaming(request, (delta) => {
-        streamRegistry.write(jobId, delta);
-      });
-      resultText = workResult.result;
-      inputTokensUsed = workResult.inputTokens;
-      outputTokensUsed = workResult.outputTokens;
-    }
+    const workResult = await agentService.executeWorkStreaming(request, (delta) => {
+      streamRegistry.write(jobId, delta);
+    });

    streamRegistry.end(jobId);
    latencyHistogram.record("work_phase", Date.now() - workStart);

-    const actualCostUsd = isImageJob
-      ? pricingService.calculateImageFeeUsd()
-      : pricingService.calculateActualCostUsd(inputTokensUsed, outputTokensUsed, agentService.workModel);
+    const actualCostUsd = pricingService.calculateActualCostUsd(
+      workResult.inputTokens,
+      workResult.outputTokens,
+      agentService.workModel,
+    );

    const lockedBtcPrice = btcPriceUsd ?? 100_000;
    const actualTotalCostSats = pricingService.calculateActualChargeSats(actualCostUsd, lockedBtcPrice);
@@ -325,9 +288,9 @@ async function runWorkInBackground(
      .update(jobs)
      .set({
        state: "complete",
-        result: resultText,
-        actualInputTokens: isImageJob ? null : inputTokensUsed,
-        actualOutputTokens: isImageJob ? null : outputTokensUsed,
+        result: workResult.result,
+        actualInputTokens: workResult.inputTokens,
+        actualOutputTokens: workResult.outputTokens,
        actualCostUsd,
        actualAmountSats,
        refundAmountSats,
@@ -339,14 +302,13 @@ async function runWorkInBackground(
    logger.info("work completed", {
      jobId,
      isFree,
-      isImageJob,
-      inputTokens:      inputTokensUsed,
-      outputTokens:     outputTokensUsed,
+      inputTokens:      workResult.inputTokens,
+      outputTokens:     workResult.outputTokens,
      actualAmountSats,
      refundAmountSats,
      refundState,
    });
-    eventBus.publish({ type: "job:completed", jobId, result: resultText, ...(mediaUrl ? { mediaUrl, mediaType: "image" } : {}) });
+    eventBus.publish({ type: "job:completed", jobId, result: workResult.result });
    // Emit final actual cost for the UI cost ticker
    if (!isFree && actualAmountSats > 0) {
      eventBus.publish({ type: "cost:update", jobId, sats: actualAmountSats, phase: "work", isFinal: true });
@@ -705,7 +667,6 @@ router.get("/jobs/:id", async (req: Request, res: Response) => {
        res.json({
          ...base,
          result: job.result ?? undefined,
-          ...(job.mediaType === "image" ? { mediaType: "image", mediaUrl: `/api/jobs/${job.id}/media` } : {}),
          ...(job.actualCostUsd != null ? {
            costLedger: {
              // Token usage
@@ -745,44 +706,6 @@ router.get("/jobs/:id", async (req: Request, res: Response) => {
  }
 });

-// ── GET /jobs/:id/media ───────────────────────────────────────────────────────
-
-router.get("/jobs/:id/media", async (req: Request, res: Response) => {
-  const paramResult = GetJobParams.safeParse(req.params);
-  if (!paramResult.success) { res.status(400).json({ error: "Invalid job id" }); return; }
-  const { id } = paramResult.data;
-
-  try {
-    const rows = await db
-      .select()
-      .from(jobMedia)
-      .where(eq(jobMedia.entityId, id))
-      .limit(1);
-
-    const media = rows[0];
-    if (!media) {
-      res.status(404).json({ error: "No media found for this job" });
-      return;
-    }
-
-    if (new Date() > media.expiresAt) {
-      res.status(410).json({ error: "Media has expired" });
-      return;
-    }
-
-    res.json({
-      jobId: id,
-      mediaType: media.mediaType,
-      mimeType: media.mimeType,
-      data: media.data,
-      expiresAt: media.expiresAt.toISOString(),
-    });
-  } catch (err) {
-    const message = err instanceof Error ? err.message : "Failed to fetch media";
-    res.status(500).json({ error: message });
-  }
-});
-
 // ── POST /jobs/:id/refund ─────────────────────────────────────────────────────

 router.post("/jobs/:id/refund", async (req: Request, res: Response) => {
--- a/artifacts/api-server/src/routes/sessions.ts
+++ b/artifacts/api-server/src/routes/sessions.ts
@@ -1,11 +1,11 @@
 import { Router, type Request, type Response } from "express";
 import { randomBytes, randomUUID, createHash } from "crypto";
-import { db, sessions, sessionRequests, sessionMessages, jobMedia, getSessionHistory, type Session } from "@workspace/db";
+import { db, sessions, sessionRequests, sessionMessages, getSessionHistory, type Session } from "@workspace/db";
 import { eq, and } from "drizzle-orm";
 import { lnbitsService } from "../lib/lnbits.js";
 import { sessionsLimiter } from "../lib/rate-limiter.js";
 import { eventBus } from "../lib/event-bus.js";
-import { agentService, detectImageRequest } from "../lib/agent.js";
+import { agentService } from "../lib/agent.js";
 import { pricingService } from "../lib/pricing.js";
 import { getBtcPriceUsd, usdToSats } from "../lib/btc-oracle.js";
 import { trustService } from "../lib/trust.js";
@@ -336,11 +336,6 @@ router.post("/sessions/:id/request", async (req: Request, res: Response) => {
    let finalState: "complete" | "rejected" | "failed" = "rejected";
    let reason: string | null = null;
    let errorMessage: string | null = null;
-    let mediaUrl: string | null = null;
-    let mediaType: string | null = null;
-
-    // Detect image generation intent before pricing estimate
-    const isImageRequest = detectImageRequest(requestText);

    // ── Pre-gate: free-tier decision on ESTIMATED cost before executing work ──
    // Estimate total request cost (work portion) pre-execution to determine subsidy.
@@ -350,59 +345,26 @@ router.post("/sessions/:id/request", async (req: Request, res: Response) => {
    let ftDecision: import("../lib/free-tier.js").FreeTierDecision | null = null;
    if (evalResult.accepted && session.nostrPubkey) {
      // estimateRequestCost includes infra + margin. Convert to sats for decide().
-      let estimatedSats: number;
-      if (isImageRequest) {
-        const imageBreakdown = await pricingService.calculateImageFeeSats();
-        estimatedSats = imageBreakdown.amountSats;
-      } else {
-        const { estimatedCostUsd } = pricingService.estimateRequestCost(requestText, agentService.workModel);
-        estimatedSats = usdToSats(estimatedCostUsd, btcPriceUsd);
-      }
+      const { estimatedCostUsd } = pricingService.estimateRequestCost(requestText, agentService.workModel);
+      const estimatedSats = usdToSats(estimatedCostUsd, btcPriceUsd);
      ftDecision = await freeTierService.decide(session.nostrPubkey, estimatedSats);
    }

    if (evalResult.accepted) {
-      if (isImageRequest) {
-        try {
-          const imageResult = await agentService.executeImageWork(requestText);
-          const mediaId = randomUUID();
-          const expiresAt = new Date(Date.now() + 7 * 24 * 60 * 60 * 1000); // 7 days
-
-          await db.insert(jobMedia).values({
-            id: mediaId,
-            entityId: requestId,
-            entityType: "session_request",
-            mediaType: "image",
-            mimeType: imageResult.mimeType,
-            data: imageResult.b64_json,
-            expiresAt,
-          });
-
-          mediaUrl = `/api/sessions/${id}/requests/${requestId}/media`;
-          mediaType = "image";
-          workCostUsd = pricingService.calculateImageFeeUsd();
-          result = `Image generated. View at: ${mediaUrl}`;
-          finalState = "complete";
-        } catch (err) {
-          errorMessage = err instanceof Error ? err.message : "Image generation error";
-          finalState = "failed";
-        }
-      } else {
-        try {
-          const workResult = await agentService.executeWork(requestText, history);
-          workInputTokens = workResult.inputTokens;
-          workOutputTokens = workResult.outputTokens;
-          workCostUsd = pricingService.calculateActualCostUsd(
-            workResult.inputTokens,
-            workResult.outputTokens,
-            agentService.workModel,
-          );
-          result = workResult.result;
-          finalState = "complete";
-        } catch (err) {
-          errorMessage = err instanceof Error ? err.message : "Execution error";
-          finalState = "failed";
-        }
+      try {
+        const workResult = await agentService.executeWork(requestText, history);
+        workInputTokens = workResult.inputTokens;
+        workOutputTokens = workResult.outputTokens;
+        workCostUsd = pricingService.calculateActualCostUsd(
+          workResult.inputTokens,
+          workResult.outputTokens,
+          agentService.workModel,
+        );
+        result = workResult.result;
+        finalState = "complete";
+      } catch (err) {
+        errorMessage = err instanceof Error ? err.message : "Execution error";
+        finalState = "failed";
      }
    } else {
      reason = evalResult.reason;
@@ -529,7 +491,6 @@ router.post("/sessions/:id/request", async (req: Request, res: Response) => {
      ...(result ? { result } : {}),
      ...(reason ? { reason } : {}),
      ...(errorMessage ? { errorMessage } : {}),
-      ...(mediaUrl ? { mediaUrl, mediaType } : {}),
      debitedSats,
      balanceRemaining: newBalance,
      ...(freeTierServed ? { free_tier: true, absorbed_sats: absorbedSats } : {}),
@@ -647,43 +608,4 @@ router.delete("/sessions/:id/history", async (req: Request, res: Response) => {
  }
 });

-// ── GET /sessions/:id/requests/:requestId/media ───────────────────────────────
-
-router.get("/sessions/:id/requests/:requestId/media", async (req: Request, res: Response) => {
-  const sessionId = req.params.id as string;
-  const requestId = req.params.requestId as string;
-
-  try {
-    const session = await getSessionById(sessionId);
-    if (!session) { res.status(404).json({ error: "Session not found" }); return; }
-
-    const rows = await db
-      .select()
-      .from(jobMedia)
-      .where(eq(jobMedia.entityId, requestId))
-      .limit(1);
-
-    const media = rows[0];
-    if (!media) {
-      res.status(404).json({ error: "No media found for this request" });
-      return;
-    }
-
-    if (new Date() > media.expiresAt) {
-      res.status(410).json({ error: "Media has expired" });
-      return;
-    }
-
-    res.json({
-      requestId,
-      mediaType: media.mediaType,
-      mimeType: media.mimeType,
-      data: media.data,
-      expiresAt: media.expiresAt.toISOString(),
-    });
-  } catch (err) {
-    res.status(500).json({ error: err instanceof Error ? err.message : "Failed to fetch media" });
-  }
-});
-
 export default router;
--- a/artifacts/api-server/src/routes/testkit.ts
+++ b/artifacts/api-server/src/routes/testkit.ts
@@ -29,12 +29,6 @@ const router = Router();
 *              Guarded on stubMode=true; polls until state=provisioning|ready (20 s timeout).
 *  - T24 ADDED: costLedger completeness after job completion — 8 fields, honest-accounting
 *              invariant (actualAmountSats ≤ workAmountSats), refundState enum check.
- *  - T41 ADDED: POST /api/jobs with valid Nostr token → nostrPubkey in response matches identity.
- *  - T42 ADDED: POST /api/sessions with valid Nostr token → nostrPubkey in response matches identity.
- *  - T43 ADDED: GET /identity/me returns full trust fields (tier, score, interactionCount).
- *  - T44 ADDED: POST /identity/me/decay (test-only endpoint, 404 in prod) → score decremented.
- *  - T45 ADDED: GET /identity/leaderboard → HTTP 200, array sorted by trustScore desc.
- *              New endpoints identity/me/decay and identity/leaderboard added to identity.ts.
 */
 router.get("/testkit", (req: Request, res: Response) => {
  const proto =
@@ -1098,208 +1092,6 @@ NODESCRIPT
  fi
 fi

-# ===========================================================================
-# T41–T45 — Nostr identity lifecycle: token decorates jobs/sessions + trust ops
-# Requires node + nostr-tools (same guard as T36). All five tests share one
-# inline node script that performs the full lifecycle and emits a JSON blob.
-# ===========================================================================
-
-# ---------------------------------------------------------------------------
-# T41–T45 Preamble — ephemeral keypair → challenge → sign → verify → token
-# Then: create job, create session, GET /identity/me, decay, leaderboard.
-# ---------------------------------------------------------------------------
-NOSTR_LC_SKIP=false
-NOSTR_LC_OUT=""
-if ! command -v node >/dev/null 2>&1; then
-  NOSTR_LC_SKIP=true
-fi
-if [[ "\$NOSTR_LC_SKIP" == "false" ]]; then
-  NOSTR_LC_TMPFILE=\$(mktemp /tmp/nostr_lc_XXXXXX.cjs)
-  cat > "\$NOSTR_LC_TMPFILE" << 'NODESCRIPT'
-'use strict';
-const https = require('https');
-const http  = require('http');
-const BASE  = process.argv[2];
-let nt;
-const NOSTR_CJS = '/home/runner/workspace/artifacts/api-server/node_modules/nostr-tools/lib/cjs/index.js';
-try { nt = require('nostr-tools'); } catch (_) { try { nt = require(NOSTR_CJS); } catch (_) { process.stderr.write('nostr-tools not importable\n'); process.exit(1); } }
-const { generateSecretKey, getPublicKey, finalizeEvent } = nt;
-function request(url, opts, body) {
-  return new Promise((resolve, reject) => {
-    const u = new URL(url);
-    const mod = u.protocol === 'https:' ? https : http;
-    const req = mod.request(u, opts, (res) => {
-      let data = '';
-      res.on('data', c => data += c);
-      res.on('end', () => resolve({ status: res.statusCode, body: data }));
-    });
-    req.on('error', reject);
-    if (body) req.write(body);
-    req.end();
-  });
-}
-async function main() {
-  const sk = generateSecretKey();
-  const pubkey = getPublicKey(sk);
-  // challenge → sign → verify
-  const chalRes = await request(BASE + '/api/identity/challenge', { method: 'POST', headers: { 'Content-Type': 'application/json' } }, '{}');
-  if (chalRes.status !== 200) { process.stderr.write('challenge failed: ' + chalRes.status + '\n'); process.exit(1); }
-  const { nonce } = JSON.parse(chalRes.body);
-  const event = finalizeEvent({ kind: 27235, content: nonce, tags: [], created_at: Math.floor(Date.now() / 1000) }, sk);
-  const verRes = await request(BASE + '/api/identity/verify', { method: 'POST', headers: { 'Content-Type': 'application/json' } }, JSON.stringify({ event }));
-  if (verRes.status !== 200) { process.stderr.write('verify failed: ' + verRes.status + ' ' + verRes.body + '\n'); process.exit(1); }
-  const { nostr_token: token } = JSON.parse(verRes.body);
-  // POST /jobs with Nostr token
-  const jobRes  = await request(BASE + '/api/jobs', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Nostr-Token': token } }, JSON.stringify({ request: 'T41 Nostr job test' }));
-  const jobBody = JSON.parse(jobRes.body);
-  const jobCode = jobRes.status;
-  const jobId   = jobBody.jobId || null;
-  const jobNpub = jobBody.nostrPubkey || null;
-  // POST /sessions with Nostr token
-  const sessRes  = await request(BASE + '/api/sessions', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Nostr-Token': token } }, JSON.stringify({ amount_sats: 200 }));
-  const sessBody = JSON.parse(sessRes.body);
-  const sessCode = sessRes.status;
-  const sessId   = sessBody.sessionId || null;
-  const sessNpub = sessBody.nostrPubkey || null;
-  // GET /identity/me
-  const meRes  = await request(BASE + '/api/identity/me', { method: 'GET', headers: { 'X-Nostr-Token': token } });
-  const meBody = JSON.parse(meRes.body);
-  const meScore  = meBody.trust ? meBody.trust.score  : null;
-  const meTier   = meBody.trust ? meBody.trust.tier   : null;
-  const meIcount = meBody.trust ? meBody.trust.interactionCount : null;
-  // POST /identity/me/decay (test-only; non-200 → skip T44 gracefully)
-  const decayRes  = await request(BASE + '/api/identity/me/decay', { method: 'POST', headers: { 'X-Nostr-Token': token } });
-  const decayBody = JSON.parse(decayRes.body);
-  const decayCode = decayRes.status;
-  const decayPrev = decayBody.previousScore !== undefined ? decayBody.previousScore : null;
-  const decayNew  = decayBody.newScore      !== undefined ? decayBody.newScore      : null;
-  // GET /identity/leaderboard
-  const lbRes    = await request(BASE + '/api/identity/leaderboard', { method: 'GET', headers: {} });
-  const lbCode   = lbRes.status;
-  let lbBody = [];
-  try { lbBody = JSON.parse(lbRes.body); } catch (_) {}
-  const lbIsArray = Array.isArray(lbBody);
-  const lbSorted  = lbIsArray && lbBody.length < 2 ? true :
-    lbIsArray && lbBody.every((v, i) => i === 0 || lbBody[i - 1].trustScore >= v.trustScore);
-  process.stdout.write(JSON.stringify({
-    pubkey, token,
-    jobCode, jobId, jobNpub,
-    sessCode, sessId, sessNpub,
-    meScore, meTier, meIcount,
-    decayCode, decayPrev, decayNew,
-    lbCode, lbIsArray, lbSorted,
-  }) + '\n');
-}
-main().catch(err => { process.stderr.write(String(err) + '\n'); process.exit(1); });
-NODESCRIPT
-
-  NOSTR_LC_EXIT=0
-  NOSTR_LC_OUT=\$(node "\$NOSTR_LC_TMPFILE" "\$BASE" 2>/dev/null) || NOSTR_LC_EXIT=\$?
-  rm -f "\$NOSTR_LC_TMPFILE"
-  if [[ \$NOSTR_LC_EXIT -ne 0 || -z "\$NOSTR_LC_OUT" ]]; then
-    NOSTR_LC_SKIP=true
-  fi
-fi
-
-# Helper: extract a field from NOSTR_LC_OUT
-_lc() { echo "\$NOSTR_LC_OUT" | jq -r ".\$1" 2>/dev/null || echo ""; }
-
-# ---------------------------------------------------------------------------
-# T41 — POST /jobs with valid Nostr token → nostrPubkey in response
-# ---------------------------------------------------------------------------
-sep "Test 41 — POST /jobs with Nostr token → nostrPubkey set"
-if [[ "\$NOSTR_LC_SKIP" == "true" ]]; then
-  note SKIP "node unavailable or lifecycle preamble failed — skipping T41"
-  SKIP=\$((SKIP+1))
-else
-  T41_CODE=\$(_lc jobCode); T41_NPUB=\$(_lc jobNpub); T41_PK=\$(_lc pubkey)
-  if [[ "\$T41_CODE" == "201" && -n "\$T41_NPUB" && "\$T41_NPUB" != "null" && "\$T41_NPUB" == "\$T41_PK" ]]; then
-    note PASS "HTTP 201, nostrPubkey=\${T41_NPUB:0:8}... matches token identity"
-    PASS=\$((PASS+1))
-  else
-    note FAIL "code=\$T41_CODE nostrPubkey='\$T41_NPUB' expected='\$T41_PK'"
-    FAIL=\$((FAIL+1))
-  fi
-fi
-
-# ---------------------------------------------------------------------------
-# T42 — POST /sessions with valid Nostr token → nostrPubkey in response
-# ---------------------------------------------------------------------------
-sep "Test 42 — POST /sessions with Nostr token → nostrPubkey set"
-if [[ "\$NOSTR_LC_SKIP" == "true" ]]; then
-  note SKIP "node unavailable or lifecycle preamble failed — skipping T42"
-  SKIP=\$((SKIP+1))
-else
-  T42_CODE=\$(_lc sessCode); T42_NPUB=\$(_lc sessNpub); T42_PK=\$(_lc pubkey)
-  if [[ "\$T42_CODE" == "201" && -n "\$T42_NPUB" && "\$T42_NPUB" != "null" && "\$T42_NPUB" == "\$T42_PK" ]]; then
-    note PASS "HTTP 201, nostrPubkey=\${T42_NPUB:0:8}... matches token identity"
-    PASS=\$((PASS+1))
-  else
-    note FAIL "code=\$T42_CODE nostrPubkey='\$T42_NPUB' expected='\$T42_PK'"
-    FAIL=\$((FAIL+1))
-  fi
-fi
-
-# ---------------------------------------------------------------------------
-# T43 — GET /identity/me returns full trust fields (tier, score, interactionCount)
-# ---------------------------------------------------------------------------
-sep "Test 43 — GET /identity/me returns tier + score + interactionCount"
-if [[ "\$NOSTR_LC_SKIP" == "true" ]]; then
-  note SKIP "node unavailable or lifecycle preamble failed — skipping T43"
-  SKIP=\$((SKIP+1))
-else
-  T43_TIER=\$(_lc meTier); T43_SCORE=\$(_lc meScore); T43_ICOUNT=\$(_lc meIcount)
-  if [[ -n "\$T43_TIER" && "\$T43_TIER" != "null" \
-      && "\$T43_SCORE" != "" && "\$T43_SCORE" != "null" \
-      && "\$T43_ICOUNT" != "" && "\$T43_ICOUNT" != "null" ]]; then
-    note PASS "tier=\$T43_TIER score=\$T43_SCORE interactionCount=\$T43_ICOUNT"
-    PASS=\$((PASS+1))
-  else
-    note FAIL "tier='\$T43_TIER' score='\$T43_SCORE' icount='\$T43_ICOUNT'"
-    FAIL=\$((FAIL+1))
-  fi
-fi
-
-# ---------------------------------------------------------------------------
-# T44 — POST /identity/me/decay (test-only endpoint) → score decremented
-# Skipped gracefully if endpoint returns non-200 (e.g., production mode).
-# ---------------------------------------------------------------------------
-sep "Test 44 — POST /identity/me/decay (test mode) → trust_score decremented"
-if [[ "\$NOSTR_LC_SKIP" == "true" ]]; then
-  note SKIP "node unavailable or lifecycle preamble failed — skipping T44"
-  SKIP=\$((SKIP+1))
-else
-  T44_CODE=\$(_lc decayCode); T44_PREV=\$(_lc decayPrev); T44_NEW=\$(_lc decayNew)
-  if [[ "\$T44_CODE" != "200" ]]; then
-    note SKIP "decay endpoint returned code=\$T44_CODE (not in test mode) — skipping T44"
-    SKIP=\$((SKIP+1))
-  elif [[ -n "\$T44_PREV" && -n "\$T44_NEW" && "\$T44_NEW" =~ ^[0-9]+\$ && "\$T44_PREV" =~ ^[0-9]+\$ && \$T44_NEW -le \$T44_PREV ]]; then
-    note PASS "previousScore=\$T44_PREV newScore=\$T44_NEW (decremented or floored at 0)"
-    PASS=\$((PASS+1))
-  else
-    note FAIL "code=\$T44_CODE previousScore='\$T44_PREV' newScore='\$T44_NEW' (expected new ≤ prev)"
-    FAIL=\$((FAIL+1))
-  fi
-fi
-
-# ---------------------------------------------------------------------------
-# T45 — GET /identity/leaderboard → HTTP 200, array sorted by trust score
-# ---------------------------------------------------------------------------
-sep "Test 45 — GET /identity/leaderboard → sorted array"
-if [[ "\$NOSTR_LC_SKIP" == "true" ]]; then
-  note SKIP "node unavailable or lifecycle preamble failed — skipping T45"
-  SKIP=\$((SKIP+1))
-else
-  T45_CODE=\$(_lc lbCode); T45_ARRAY=\$(_lc lbIsArray); T45_SORTED=\$(_lc lbSorted)
-  if [[ "\$T45_CODE" == "200" && "\$T45_ARRAY" == "true" && "\$T45_SORTED" == "true" ]]; then
-    note PASS "HTTP 200, array returned and sorted by trustScore desc"
-    PASS=\$((PASS+1))
-  else
-    note FAIL "code=\$T45_CODE isArray=\$T45_ARRAY sorted=\$T45_SORTED"
-    FAIL=\$((FAIL+1))
-  fi
-fi
-
 # ===========================================================================
 # FUTURE STUBS — placeholders for upcoming tasks (do not affect PASS/FAIL)
 # ===========================================================================
--- a/lib/db/migrations/0010_job_media.sql
+++ b/lib/db/migrations/0010_job_media.sql
@@ -1,26 +0,0 @@
-- Migration: Image generation media storage (#19)
-- Adds job_media table for storing generated images (base64) with 7-day TTL.
-- Also adds media_type column to jobs table to flag image-type work.
-
-- ── job_media ─────────────────────────────────────────────────────────────────
-- Stores generated media for both standalone jobs and session requests.
-- entity_id is polymorphic: job ID or session request ID.
-- expires_at is set to NOW + 7 days at insert time.
-
-CREATE TABLE IF NOT EXISTS job_media (
-  id          TEXT PRIMARY KEY,
-  entity_id   TEXT NOT NULL,        -- job ID or session request ID
-  entity_type TEXT NOT NULL,        -- 'job' | 'session_request'
-  media_type  TEXT NOT NULL,        -- 'image'
-  mime_type   TEXT NOT NULL,        -- e.g. 'image/png'
-  data        TEXT NOT NULL,        -- base64-encoded image data
-  created_at  TIMESTAMPTZ NOT NULL DEFAULT NOW(),
-  expires_at  TIMESTAMPTZ NOT NULL
-);
-
-CREATE INDEX IF NOT EXISTS idx_job_media_entity_id ON job_media(entity_id);
-
-- ── jobs.media_type ───────────────────────────────────────────────────────────
-- Nullable flag set during eval phase for image-generation requests.
-
-ALTER TABLE jobs ADD COLUMN IF NOT EXISTS media_type TEXT;
--- a/lib/db/src/schema/index.ts
+++ b/lib/db/src/schema/index.ts
@@ -14,4 +14,3 @@ export * from "./relay-accounts";
 export * from "./relay-event-queue";
 export * from "./job-debates";
 export * from "./session-messages";
-export * from "./job-media";
--- a/lib/db/src/schema/job-media.ts
+++ b/lib/db/src/schema/job-media.ts
@@ -1,19 +0,0 @@
-import { pgTable, text, timestamp } from "drizzle-orm/pg-core";
-
-/**
- * job_media — stores generated media (images) for jobs and session requests.
- * entityId is polymorphic: it can be a job ID or a session request ID.
- * expiresAt is set to NOW + 7 days; a cleanup job should purge expired rows.
- */
-export const jobMedia = pgTable("job_media", {
-  id: text("id").primaryKey(),
-  entityId: text("entity_id").notNull(),       // job ID or session request ID
-  entityType: text("entity_type").notNull(),   // 'job' | 'session_request'
-  mediaType: text("media_type").notNull(),      // 'image'
-  mimeType: text("mime_type").notNull(),        // e.g. 'image/png'
-  data: text("data").notNull(),                 // base64-encoded image data
-  createdAt: timestamp("created_at", { withTimezone: true }).defaultNow().notNull(),
-  expiresAt: timestamp("expires_at", { withTimezone: true }).notNull(),
-});
-
-export type JobMedia = typeof jobMedia.$inferSelect;
--- a/lib/db/src/schema/jobs.ts
+++ b/lib/db/src/schema/jobs.ts
@@ -52,9 +52,6 @@ export const jobs = pgTable("jobs", {
  refundState: text("refund_state").$type<"not_applicable" | "pending" | "paid">(),
  refundPaymentHash: text("refund_payment_hash"),

-  // ── Image generation (set during eval if request is an image job) ───────────
-  mediaType: text("media_type"),  // 'image' | null
-
  createdAt: timestamp("created_at", { withTimezone: true }).defaultNow().notNull(),
  updatedAt: timestamp("updated_at", { withTimezone: true }).defaultNow().notNull(),
 });
--- a/the-matrix/index.html
+++ b/the-matrix/index.html
@@ -599,6 +599,109 @@
      #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>
@@ -640,6 +743,7 @@
  <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>

@@ -789,6 +893,16 @@
    <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/history.js
+++ b/the-matrix/js/history.js
@@ -0,0 +1,222 @@
+/**
+ * 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,6 +11,7 @@ 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';
@@ -46,6 +47,7 @@ function buildWorld(firstInit, stateSnapshot) {
    initWebSocket(scene);
    initPaymentPanel();
    initSessionPanel();
+    initHistoryPanel();
    void initNostrIdentity('/api');
    warmupEdgeWorker();
    onEdgeWorkerReady(() => setEdgeWorkerReady());
--- a/the-matrix/js/payment.js
+++ b/the-matrix/js/payment.js
@@ -10,6 +10,7 @@
 */

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

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

 export function initPaymentPanel() {
@@ -96,6 +98,7 @@ 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);
@@ -167,7 +170,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 } = data;
+      const { state, workInvoice, result, reason, costLedger, completedAt } = data;

      if (state === 'awaiting_work_payment' && workInvoice) {
        showWorkInvoice(workInvoice);
@@ -175,10 +178,26 @@ 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,6 +16,7 @@ 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';
@@ -152,25 +153,29 @@ export async function sessionSendHandler(text) {
      return;
    }

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

-    if (data.mediaType === 'image' && data.mediaUrl) {
-      // Fetch image data and render inline
-      _renderImageResponse(data.mediaUrl, text);
-    } else {
-      const reply = data.result || data.reason || '…';
-      setSpeechBubble(reply);
-      appendSystemMessage('Timmy: ' + reply.slice(0, 80));
+    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));

-      // Sentiment-driven mood on inbound Timmy reply
-      sentiment(reply).then(s => {
-        setMood(s.label);
-        setTimeout(() => setMood(null), 10_000);
-      }).catch(() => {});
-    }
+    // Sentiment-driven mood on inbound Timmy reply
+    sentiment(reply).then(s => {
+      setMood(s.label);
+      setTimeout(() => setMood(null), 10_000);
+    }).catch(() => {});

    // Update active-step balance if panel is open
    _updateActiveStep();
@@ -183,66 +188,6 @@ export async function sessionSendHandler(text) {
  }
 }

-// ── Image rendering ───────────────────────────────────────────────────────────
-
-async function _renderImageResponse(mediaUrl, prompt) {
-  const $log = document.getElementById('event-log');
-  if (!$log) return;
-
-  setSpeechBubble('✨ Here is your image!');
-  appendSystemMessage('Timmy: ✨ Image generated!');
-
-  try {
-    const res = await fetch(mediaUrl);
-    if (!res.ok) {
-      appendSystemMessage('Timmy: Image ready — ' + mediaUrl);
-      return;
-    }
-    const data = await res.json();
-    const src = `data:${data.mimeType};base64,${data.data}`;
-
-    const container = document.createElement('div');
-    container.className = 'log-entry timmy-image-result';
-    container.style.cssText = [
-      'margin:6px 0;padding:6px;',
-      'border:1px solid #336655;border-radius:4px;',
-      'background:#0a1a14;',
-    ].join('');
-
-    const img = document.createElement('img');
-    img.src = src;
-    img.alt = prompt.slice(0, 60);
-    img.style.cssText = [
-      'max-width:100%;max-height:240px;',
-      'display:block;border-radius:3px;',
-      'cursor:pointer;',
-    ].join('');
-    img.title = 'Click to view full size';
-
-    const dlBtn = document.createElement('a');
-    dlBtn.href = src;
-    dlBtn.download = 'timmy-image.png';
-    dlBtn.textContent = '⬇ Download';
-    dlBtn.style.cssText = [
-      'display:inline-block;margin-top:4px;',
-      'font-size:10px;color:#44cc88;',
-      'text-decoration:none;letter-spacing:1px;',
-    ].join('');
-
-    container.appendChild(img);
-    container.appendChild(dlBtn);
-
-    const entries = $log.querySelectorAll('.log-entry');
-    if (entries.length >= 6) {
-      $log.removeChild(entries[0]);
-    }
-    $log.appendChild(container);
-    $log.scrollTop = $log.scrollHeight;
-  } catch {
-    appendSystemMessage('Timmy: Image generated — ' + mediaUrl);
-  }
-}
-
 // ── Panel open/close ──────────────────────────────────────────────────────────

 function _openPanel() {