create-walle 0.9.3 → 0.9.4

package/template/claude-task-manager/tests/test-ux-review.js

@@ -1,130 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  page.on('pageerror', err => console.error('[PAGE ERROR]', err.message));
-  await page.setViewport({ width: 1920, height: 1080 });
-  await page.goto(`http://localhost:3456/prompts.html?token=${TOKEN}`, { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 1000));
-
-  // Screenshot 1: Empty/welcome state
-  await page.screenshot({ path: 'tests/screenshots/ux-01-welcome.png' });
-
-  // Click on "Email Cron v2" prompt
-  const items = await page.$$('.prompt-item');
-  for (const item of items) {
-    const title = await item.$eval('.prompt-title', el => el.textContent.trim());
-    if (title.includes('Email Cron')) {
-      await item.click();
-      console.log('Clicked:', title);
-      break;
-    }
-  }
-  await new Promise(r => setTimeout(r, 800));
-
-  // Screenshot 2: Full page with editor open
-  await page.screenshot({ path: 'tests/screenshots/ux-02-editor-full.png' });
-
-  // Screenshot 3: Editor content area (cropped)
-  const editorWrapper = await page.$('.editor-wrapper');
-  if (editorWrapper) {
-    await editorWrapper.screenshot({ path: 'tests/screenshots/ux-03-editor-content.png' });
-  }
-
-  // Screenshot 4: Meta bar and toolbar area
-  const metaBar = await page.$('.meta-bar');
-  const toolbar = await page.$('.editor-toolbar');
-  if (metaBar && toolbar) {
-    const mBox = await metaBar.boundingBox();
-    const tBox = await toolbar.boundingBox();
-    const clip = {
-      x: mBox.x,
-      y: mBox.y,
-      width: Math.max(mBox.width, tBox.width),
-      height: (tBox.y + tBox.height) - mBox.y
-    };
-    await page.screenshot({ path: 'tests/screenshots/ux-04-meta-toolbar.png', clip });
-  }
-
-  // Screenshot 5: Sidebar
-  const sidebar = await page.$('#prompt-sidebar');
-  if (sidebar) {
-    await sidebar.screenshot({ path: 'tests/screenshots/ux-05-sidebar.png' });
-  }
-
-  // Screenshot 6: Scroll down to see more content
-  await page.evaluate(() => {
-    const w = document.querySelector('.editor-wrapper');
-    if (w) w.scrollTop = w.scrollHeight;
-  });
-  await new Promise(r => setTimeout(r, 300));
-  await page.screenshot({ path: 'tests/screenshots/ux-06-scrolled-bottom.png' });
-
-  // Screenshot 7: Mobile-ish width
-  await page.setViewport({ width: 768, height: 1024 });
-  await new Promise(r => setTimeout(r, 500));
-  await page.screenshot({ path: 'tests/screenshots/ux-07-tablet.png' });
-
-  // Check some computed styles for the analysis
-  await page.setViewport({ width: 1920, height: 1080 });
-  await new Promise(r => setTimeout(r, 300));
-
-  const styles = await page.evaluate(() => {
-    const editor = document.getElementById('editor');
-    const wrapper = document.querySelector('.editor-wrapper');
-    const metaBar = document.querySelector('.meta-bar');
-    const titleInput = document.getElementById('prompt-title-input');
-    const toolbar = document.querySelector('.editor-toolbar');
-
-    const get = el => {
-      if (!el) return null;
-      const cs = getComputedStyle(el);
-      return {
-        fontFamily: cs.fontFamily,
-        fontSize: cs.fontSize,
-        lineHeight: cs.lineHeight,
-        color: cs.color,
-        background: cs.backgroundColor,
-        padding: cs.padding,
-        maxWidth: cs.maxWidth,
-        margin: cs.margin,
-      };
-    };
-
-    // Check link styles
-    const links = editor.querySelectorAll('a');
-    const linkStyles = links.length ? getComputedStyle(links[0]) : null;
-
-    // Check strong/bold styles
-    const strongs = editor.querySelectorAll('strong');
-    const strongStyle = strongs.length ? getComputedStyle(strongs[0]) : null;
-
-    // Check paragraphs
-    const paragraphs = editor.querySelectorAll('p');
-    const pStyle = paragraphs.length ? getComputedStyle(paragraphs[0]) : null;
-
-    return {
-      editor: get(editor),
-      wrapper: get(wrapper),
-      metaBar: get(metaBar),
-      titleInput: get(titleInput),
-      toolbar: get(toolbar),
-      link: linkStyles ? { color: linkStyles.color, textDecoration: linkStyles.textDecoration } : null,
-      strong: strongStyle ? { fontWeight: strongStyle.fontWeight, fontSize: strongStyle.fontSize } : null,
-      paragraph: pStyle ? { marginBottom: pStyle.marginBottom, lineHeight: pStyle.lineHeight } : null,
-      editorWidth: editor.getBoundingClientRect().width,
-      wrapperWidth: wrapper.getBoundingClientRect().width,
-    };
-  });
-
-  console.log('\n=== Computed Styles ===');
-  console.log(JSON.stringify(styles, null, 2));
-
-  await browser.close();
-  console.log('\nScreenshots saved to tests/screenshots/ux-*.png');
-}
-
-runTest();

package/template/claude-task-manager/tests/test-zoom-card.js

@@ -1,76 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  page.on('pageerror', err => console.error('[PAGE ERROR]', err.message));
-  await page.setViewport({ width: 1920, height: 1080 });
-  await page.goto(`http://localhost:3456/prompts.html?token=${TOKEN}`, { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 1000));
-
-  // Open Email Cron v2
-  const items = await page.$$('.prompt-item');
-  for (const item of items) {
-    const title = await item.$eval('.prompt-title', el => el.textContent.trim());
-    if (title.includes('Email Cron')) { await item.click(); break; }
-  }
-  await new Promise(r => setTimeout(r, 800));
-
-  // Helper: crop to editor area
-  async function cropEditor(filename) {
-    const wrapper = await page.$('.editor-wrapper');
-    if (wrapper) {
-      const box = await wrapper.boundingBox();
-      const clip = {
-        x: box.x,
-        y: box.y,
-        width: Math.min(box.width, 1400),
-        height: Math.min(box.height, 700),
-      };
-      await page.screenshot({ path: `tests/screenshots/${filename}`, clip });
-    }
-  }
-
-  // 100% zoom
-  console.log('Testing 100% zoom...');
-  await cropEditor('zoom-card-100.png');
-
-  // 75% zoom
-  await page.select('#zoom-select', '75');
-  await new Promise(r => setTimeout(r, 300));
-  console.log('Testing 75% zoom...');
-  await cropEditor('zoom-card-75.png');
-
-  // 150% zoom
-  await page.select('#zoom-select', '150');
-  await new Promise(r => setTimeout(r, 300));
-  console.log('Testing 150% zoom...');
-  await cropEditor('zoom-card-150.png');
-
-  // 200% zoom
-  await page.select('#zoom-select', '200');
-  await new Promise(r => setTimeout(r, 300));
-  console.log('Testing 200% zoom...');
-  await cropEditor('zoom-card-200.png');
-
-  // Check computed properties
-  const info = await page.evaluate(() => {
-    const editor = document.getElementById('editor');
-    const wrapper = document.querySelector('.editor-wrapper');
-    return {
-      editorZoom: editor.style.zoom,
-      editorWidth: editor.getBoundingClientRect().width,
-      editorHeight: editor.getBoundingClientRect().height,
-      wrapperScrollWidth: wrapper.scrollWidth,
-      wrapperClientWidth: wrapper.clientWidth,
-      wrapperScrollHeight: wrapper.scrollHeight,
-    };
-  });
-  console.log('\nAt 200% zoom:', JSON.stringify(info, null, 2));
-
-  await browser.close();
-}
-
-runTest();

package/template/claude-task-manager/tests/test-zoom.js

@@ -1,92 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-const BASE_URL = `http://localhost:3456/prompts.html?token=${TOKEN}`;
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  page.on('pageerror', err => console.error('[PAGE ERROR]', err.message));
-  page.on('console', msg => { if (msg.type() === 'error') console.log('[CONSOLE ERROR]', msg.text()); });
-  await page.setViewport({ width: 1920, height: 1080 });
-  await page.goto(BASE_URL, { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 800));
-
-  // Open first prompt
-  const items = await page.$$('.prompt-item');
-  if (items.length) await items[0].click();
-  await new Promise(r => setTimeout(r, 500));
-
-  // Check toolbar visibility
-  const toolbarDisplay = await page.$eval('#editor-toolbar', el => getComputedStyle(el).display);
-  console.log('Toolbar computed display:', toolbarDisplay);
-
-  // Check zoom select
-  const selectExists = !!(await page.$('#zoom-select'));
-  console.log('Zoom select exists:', selectExists);
-  const selectVal = await page.$eval('#zoom-select', el => el.value);
-  console.log('Zoom select value:', selectVal);
-
-  // List all toolbar buttons with their onclick
-  const btns = await page.$$eval('.toolbar-btn', els => els.map(e => ({
-    text: e.textContent.trim(),
-    onclick: e.getAttribute('onclick'),
-    visible: getComputedStyle(e).display !== 'none',
-  })));
-  console.log('\nAll toolbar buttons:');
-  btns.forEach(b => console.log(`  "${b.text}" → onclick="${b.onclick}" visible=${b.visible}`));
-
-  // Find + and - buttons
-  const plusBtn = btns.find(b => b.text === '+');
-  const minusBtn = btns.find(b => b.onclick && b.onclick.includes('zoomEditor(-1)'));
-  console.log('\nPlus button:', plusBtn ? 'FOUND' : 'NOT FOUND');
-  console.log('Minus button:', minusBtn ? 'FOUND' : 'NOT FOUND');
-
-  // Test: click + button
-  console.log('\n--- Test: Click + button ---');
-  const valBefore = await page.$eval('#zoom-select', el => el.value);
-  console.log('Before:', valBefore);
-
-  await page.evaluate(() => {
-    const btn = Array.from(document.querySelectorAll('.toolbar-btn')).find(b => b.getAttribute('onclick') === 'zoomEditor(1)');
-    console.log('Found btn:', btn);
-    if (btn) btn.click();
-  });
-  await new Promise(r => setTimeout(r, 200));
-
-  const valAfter = await page.$eval('#zoom-select', el => el.value);
-  console.log('After click +:', valAfter);
-
-  // Test: direct JS call
-  console.log('\n--- Test: Direct zoomEditor(1) ---');
-  try {
-    await page.evaluate(() => zoomEditor(1));
-    const valAfter2 = await page.$eval('#zoom-select', el => el.value);
-    console.log('After direct call:', valAfter2);
-  } catch (e) {
-    console.log('ERROR calling zoomEditor:', e.message);
-  }
-
-  // Test: check if zoomEditor is defined
-  const fnExists = await page.evaluate(() => typeof zoomEditor);
-  console.log('\ntypeof zoomEditor:', fnExists);
-  const setZoomExists = await page.evaluate(() => typeof setZoom);
-  console.log('typeof setZoom:', setZoomExists);
-  const applyZoomExists = await page.evaluate(() => typeof applyZoom);
-  console.log('typeof applyZoom:', applyZoomExists);
-
-  // Test: select dropdown
-  console.log('\n--- Test: Select 200% from dropdown ---');
-  await page.select('#zoom-select', '200');
-  await new Promise(r => setTimeout(r, 200));
-  const wrapperFontSize = await page.$eval('#editor-wrapper', el => el.style.fontSize);
-  console.log('Wrapper fontSize:', wrapperFontSize);
-
-  await page.screenshot({ path: 'tests/screenshots/zoom-debug.png' });
-  console.log('\nScreenshot saved');
-
-  await browser.close();
-}
-
-runTest();

package/template/claude-task-manager/tests/test-zoom2.js

@@ -1,67 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  page.on('pageerror', err => console.error('[PAGE ERROR]', err.message));
-  await page.setViewport({ width: 1920, height: 1080 });
-  await page.goto(`http://localhost:3456/prompts.html?token=${TOKEN}`, { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 800));
-
-  // Open first prompt
-  const items = await page.$$('.prompt-item');
-  if (items.length) await items[0].click();
-  await new Promise(r => setTimeout(r, 500));
-
-  // Crop to editor area for comparison
-  const clip = { x: 220, y: 90, width: 900, height: 400 };
-
-  // 100%
-  console.log('Screenshot at 100%...');
-  await page.screenshot({ path: 'tests/screenshots/zoom-crop-100.png', clip });
-
-  // 150%
-  await page.select('#zoom-select', '150');
-  await new Promise(r => setTimeout(r, 300));
-  const fs150 = await page.$eval('#editor-wrapper', el => el.style.fontSize);
-  console.log('fontSize at 150%:', fs150);
-  await page.screenshot({ path: 'tests/screenshots/zoom-crop-150.png', clip });
-
-  // 200%
-  await page.select('#zoom-select', '200');
-  await new Promise(r => setTimeout(r, 300));
-  const fs200 = await page.$eval('#editor-wrapper', el => el.style.fontSize);
-  console.log('fontSize at 200%:', fs200);
-  await page.screenshot({ path: 'tests/screenshots/zoom-crop-200.png', clip });
-
-  // 75%
-  await page.select('#zoom-select', '75');
-  await new Promise(r => setTimeout(r, 300));
-  const fs75 = await page.$eval('#editor-wrapper', el => el.style.fontSize);
-  console.log('fontSize at 75%:', fs75);
-  await page.screenshot({ path: 'tests/screenshots/zoom-crop-75.png', clip });
-
-  // Check actual computed font size of editor text
-  const computed100 = await page.evaluate(() => {
-    document.getElementById('editor-wrapper').style.fontSize = '100%';
-    return getComputedStyle(document.getElementById('editor')).fontSize;
-  });
-  const computed200 = await page.evaluate(() => {
-    document.getElementById('editor-wrapper').style.fontSize = '200%';
-    return getComputedStyle(document.getElementById('editor')).fontSize;
-  });
-  console.log('\nComputed font-size at 100%:', computed100);
-  console.log('Computed font-size at 200%:', computed200);
-
-  if (computed100 === computed200) {
-    console.log('\nFAIL: Zoom has no visual effect! The font-size% on wrapper is not cascading to the editor content.');
-  } else {
-    console.log('\nPASS: Zoom changes computed font size.');
-  }
-
-  await browser.close();
-}
-
-runTest();

package/template/docs/openclaw-vs-walle-comparison.md

@@ -1,103 +0,0 @@
-# OpenClaw vs. Wall-E: Intelligence Comparison
-
-*Date: 2026-04-03*
-
-## The Fundamental Architectural Difference
-
-**OpenClaw is a *routing plane*. Wall-E is a *cognitive loop*.**
-
-They solve different problems, and that shapes everything about how "intelligent" they feel.
-
-| | OpenClaw | Wall-E |
-|---|---|---|
-| **Core metaphor** | Gateway / message router | Digital twin / brain |
-| **Intelligence source** | Claude (or any LLM) on every turn | Claude for extraction + pre-computed brain state |
-| **Proactivity** | Cron jobs -> spawn agent turn | Ingest/think/reflect loops + skill planner |
-| **Memory** | Vector embeddings + session transcripts | SPO knowledge triples + raw memories + FTS |
-| **Identity** | Configurable name/emoji prefix | Deep identity from 28k+ ingested memories |
-| **Channels** | 23+ messaging platforms | iMessage, Slack DM, CTM chat |
-| **Architecture** | ~200k+ lines TypeScript monorepo | ~10k lines Node.js |
-
-## Where OpenClaw Feels "Smarter"
-
-### 1. The Gateway is the brain -- every message gets a full Claude turn
-
-OpenClaw's Pi agent runtime (`pi-embedded-runner.ts`) runs a full LLM call for every single incoming message. The agent has access to tools (bash, file read/write, web search, canvas, image gen, cron management, subagent spawning, session management) and Claude decides what to do. This means:
-
-- It can reason about *anything* in real-time
-- It can chain tool calls naturally (search -> read -> respond)
-- It doesn't need pre-computed knowledge -- it reasons on the fly
-
-Wall-E, by contrast, pre-computes knowledge in batch loops (think every 2 min, reflect every hour). The chat handler builds a static system prompt from brain state. This means Wall-E's "intelligence" at chat time is limited to what's already been extracted and stored.
-
-### 2. Subagent orchestration
-
-OpenClaw can spawn child agents (`subagent-spawn.ts`) -- isolated sessions with their own tools, models, and timeouts. This enables multi-step autonomous workflows where one agent delegates to another. Wall-E has no equivalent -- it's a single-threaded daemon.
-
-### 3. Cron = proactive muscle
-
-OpenClaw's cron system (`server-cron.ts`) spawns full agent turns on a schedule. The agent gets the same tools as a chat turn -- so a cron job can browse the web, check APIs, write files, and send messages autonomously.
-
-Wall-E's `runDueSkills()` is similar in concept but far simpler -- it runs predefined prompt templates through Claude tool-use. The prompts are static, not adaptive.
-
-### 4. Compaction and context management
-
-OpenClaw has a sophisticated compaction system (`compaction.ts`) that progressively summarizes conversation history, preserves identifiers and decisions, drops old chunks first, and handles tool-result pairing. This means long conversations stay coherent.
-
-Wall-E has no compaction -- chat context is built fresh each time from brain state. Long conversations will eventually hit token limits and simply fail.
-
-### 5. Memory search with embeddings
-
-OpenClaw's `memory-search.ts` uses hybrid search: vector embeddings + full-text with MMR (Maximal Marginal Relevance) and temporal decay. This means it can find semantically relevant memories, not just keyword matches.
-
-Wall-E uses BM25 full-text search only (via SQLite FTS5). Good for exact matches, but misses semantic connections.
-
-## Where Wall-E Has Unique Strengths
-
-### 1. Deep identity model
-
-Wall-E has something OpenClaw doesn't: a *persistent cognitive identity*. The knowledge triples (subject-predicate-object), relationship graph with trust levels, behavioral patterns, and 28k+ memories create a model of *who Juncao is*. The system prompt in `chat.js` includes actual Slack messages as voice samples, people interaction summaries, and topic frequencies.
-
-OpenClaw's identity is a configurable name/emoji + optional SOUL.md persona file. It has no self-model.
-
-### 2. The think loop is genuine cognition
-
-Wall-E's `think.js` does something unique: it takes raw memories and *extracts structured knowledge* (SPO triples), detects contradictions between new and existing knowledge, and generates questions when it's uncertain. This is closer to how a brain actually learns -- not just retrieving, but *processing and integrating*.
-
-OpenClaw has no equivalent batch learning process.
-
-### 3. Autonomy tiers
-
-Wall-E's graduated trust system (Tier 1-4 per domain, with demotion on rejection) is a thoughtful approach to autonomous action. OpenClaw has approval mechanisms, but they're per-tool policy, not a learned trust model.
-
-## Why Wall-E Feels "Pulled Back"
-
-### 1. Static system prompt, no dynamic reasoning chain
-
-Wall-E builds one big system prompt with everything pre-loaded (knowledge, people, memories, skills). Claude sees a snapshot, not a live workspace. OpenClaw's agent gets tools and *discovers* what it needs on each turn.
-
-### 2. No autonomous action loop
-
-Wall-E's daemon loops (ingest/think/reflect) are *passive processing*. They crunch data but never take initiative. The skill planner runs due skills on a timer, but the skills are pre-defined prompt templates. There's no "look at what's happening and decide to do something" loop.
-
-OpenClaw's cron + subagent spawning means it can proactively decide "it's Monday morning, let me check your calendar, summarize your Slack, and send you a briefing."
-
-### 3. No multi-turn tool orchestration
-
-Wall-E's chat does tool-use (search_memories, run_skill, mcp_call), but each chat turn is essentially independent. There's no concept of a long-running task that spans multiple turns. OpenClaw's session model preserves full conversation state and allows agent turns to build on each other.
-
-### 4. No event-driven triggers
-
-Wall-E runs on fixed timers. OpenClaw can react to webhooks, channel events, and cron triggers. If someone mentions you in Slack, OpenClaw can immediately spawn a response. Wall-E would only notice on its next poll cycle.
-
-## Key Upgrades to Make Wall-E More Proactive
-
-1. **Event-driven wake**: Instead of polling every 60s, react to channel events immediately.
-2. **Autonomous reasoning turn**: Periodic "what should I do?" turn where Wall-E decides whether to take action.
-3. **Persistent conversation context**: Maintain session state with compaction instead of fresh system prompt each time.
-4. **Dynamic tool discovery**: Let Wall-E discover what it needs via tool calls instead of pre-loading everything.
-5. **Background tasks / subagents**: Spawn long-running tasks that run independently.
-
-## Summary
-
-OpenClaw is a mature *infrastructure* project -- it solves the "connect to everything, route to Claude, let Claude figure it out" problem extremely well. Wall-E is a more ambitious *cognitive* project -- it's trying to actually *be* you, not just respond on your behalf. The gap is that Wall-E has the brain but not the muscles. It knows you deeply but doesn't act on that knowledge. The fix isn't to copy OpenClaw's architecture wholesale, but to give Wall-E's brain an *agency layer* -- the ability to decide, act, and iterate autonomously.

package/template/docs/ux-improvement-plan.md

@@ -1,84 +0,0 @@
-# CTM & Wall-E UX Improvement Plan
-
-Date: 2026-04-03
-
-## Phase 1: First Impressions (New User Experience)
-
-### 1.1 Simplify Navigation
-- Group nav into primary (Sessions, Prompts, WALL-E) and secondary
-- Move Insights, Permissions, Review, Rules, Backups behind "More" dropdown
-- Keeps nav clean for new users, power users still have access
-
-### 1.2 Better Empty State
-- Sessions welcome: 1 clear CTA "Start a Claude Session" with brief explanation
-- Remove keyboard shortcuts from welcome (move to ? help overlay)
-- Add "What can I do?" quick examples
-
-### 1.3 Hide Queue Builder by Default
-- Queue Builder panel takes ~25% screen width, always open
-- Make it a toggle/drawer, collapsed by default
-- Show "Queue" button in toolbar that opens it
-
-### 1.4 Wall-E Onboarding
-- First-time visitor sees intro card: "I'm Wall-E" with 3-4 example actions
-- Disappears after first interaction or dismiss
-
-### 1.5 Reduce Wall-E Sub-tabs
-- Current: Chat, Tasks, Brain, Actions, Skills, Timeline, Questions, Status (8 tabs)
-- Proposed: Chat, Tasks, Skills as primary; Brain/Actions/Timeline/Questions/Status behind "More"
-
-## Phase 2: Information Hierarchy & Readability
-
-### 2.1 Task Cards Cleanup
-- Collapse output by default (click to expand)
-- Add colored status dots (green=running, yellow=pending, red=failed, gray=paused)
-- Reduce metadata noise — show schedule + last run, hide others until hover/expand
-
-### 2.2 Prompts Toolbar Simplification
-- Essential always visible: bold, italic, lists, headings
-- Advanced in overflow: font selector, zoom, chains/templates/patterns/harvest/copilot sub-tabs
-- Move sub-tabs into prompt editor sidebar or contextual menu
-
-### 2.3 Insights Action-First Layout
-- Put the action item (green arrow text) FIRST, then explanation
-- Add category icons for workflow/prompt-effectiveness/skill-gap/cost-saving
-
-### 2.4 Permissions Explainer
-- Add brief card at top: "Permissions control what Claude Code can do automatically"
-- Better risk color coding (red=high, yellow=medium, green=low)
-
-## Phase 3: Visual Polish & Consistency
-
-### 3.1 Unified Status Indicators
-- Colored dots + icons for all states across tasks, sessions, integrations
-- Running=green pulse, Pending=yellow, Failed=red, Paused=gray, Connected=green, Disconnected=red
-
-### 3.2 Chat Improvements
-- Date separators between conversations
-- Softer "YOU" label (lowercase or muted)
-- Proper markdown table rendering in chat
-
-### 3.3 Setup Page Polish
-- Move Data Storage into collapsible "Advanced" section
-- Add step progress indicator
-
-### 3.4 Consistent Card Styling
-- Unify border radius, padding, shadow across all pages
-
-## Phase 4: Progressive Disclosure
-
-### 4.1 Contextual Tooltips
-- First-time hints for Shadow Approver, Queue Builder, Harvest, Copilot
-
-### 4.2 Keyboard Shortcuts Overlay
-- Press ? to see all shortcuts (like GitHub)
-
-### 4.3 Collapsible Sidebar Filters
-- Sessions filters collapse to single row
-
-## Implementation Notes
-
-- Test all changes on dev instance (port 4000), never restart primary (port 3456)
-- Use /ctm-dev skill for testing
-- Each phase can be implemented independently
-- Phase 1 has highest impact for new users

package/template/wall-e/docs/specs/2026-04-01-publish-plan.md

@@ -1,112 +0,0 @@
-# Publishing Plan: CTM & Wall-E
-
-**Date:** 2026-04-01
-**Author:** Wall-E Team
-**Domain:** https://walle.sh
-
-## Overview
-
-Publish CTM (Claude Task Manager) and Wall-E (personal digital twin agent) as open-source tools that others can discover, install, and run locally.
-
-## Phases
-
-### Phase 1: Code Cleanup & Open Source (Current)
-
-**Goal:** Make the codebase safe and portable for public GitHub.
-
-#### Security Cleanup
-
-| Issue | Severity | Files | Fix |
-|---|---|---|---|
-| Hardcoded Slack User ID `YOUR_SLACK_USER_ID` | Critical | 5 files in `scripts/`, `slack-ingest.js` | Env var `SLACK_OWNER_USER_ID` |
-| `owner@example.com` in SKILL.md examples | High | `email-sync/SKILL.md`, `google-calendar/SKILL.md` | Replace with `owner@example.com` |
-| Hardcoded Slack handle in queries | High | `slack-backfill.js`, `slack-channel-history.js`, `morning-briefing/run.js` | Read from config/brain |
-| `OWNER_NAME` owner name constant | High | `pull-slack-via-claude.js`, `slack-ingest.js` | Use `brain.getOwnerName()` |
-| Hardcoded `.walle/data` | Medium | `server.js`, `db.js`, `brain.js`, `api-walle.js` | Default to `~/.walle/data` |
-
-#### Repo Hygiene
-
-- [ ] `.env.example` documenting all env vars
-- [ ] `.gitignore` excludes `.db`, `.env`, compiled binaries, oauth tokens
-- [ ] MIT `LICENSE` file
-- [ ] Scrub git history or start fresh public repo (if secrets were ever committed)
-
-#### Already Good
-
-- API keys (ANTHROPIC_API_KEY, SLACK_TOKEN) read from env vars
-- `.db` files not in repo
-- `CTM_DATA_DIR` / `WALL_E_DATA_DIR` env vars already supported
-
-### Phase 2: Distribution & Discovery
-
-**Goal:** Make it easy for others to find and install.
-
-| Channel | Effort | Reach | Priority |
-|---|---|---|---|
-| GitHub repo + README | Low | Devs who search GitHub | P0 |
-| `npx create-walle` scaffolder | Medium | Anyone with Node.js | P1 |
-| Claude Code skill registry | Low | Claude Code users | P1 |
-| Homebrew tap | Medium | macOS users | P2 |
-| walle.sh website | High | Broadest | P2 |
-
-#### README Requirements
-
-- One-paragraph pitch
-- Screenshot / demo GIF
-- "Try it in 2 minutes" quickstart
-- Architecture diagram (CTM <-> Wall-E <-> Brain)
-- List of bundled skills (calendar, slack, email, morning briefing)
-- Configuration reference
-
-#### npx Scaffolder
-
-```bash
-npx create-walle
-# Clones repo, runs npm install, creates ~/.walle/data,
-# prompts for ANTHROPIC_API_KEY, owner name, optional Slack token
-# Starts CTM + Wall-E daemon
-```
-
-### Phase 3: Website — walle.sh
-
-**Goal:** Landing page, docs, and eventually auth + cloud hosting.
-
-| Sub-phase | What | Tech |
-|---|---|---|
-| 3a | Static landing page: pitch, screenshots, install guide | Cloudflare Pages (free, deploys from repo) |
-| 3b | Interactive docs: skill catalog, API reference | Same, or Astro/Starlight |
-| 3c | Auth + cloud DB | Fly.io (already deployed), Turso/Libsql for SQLite-compat cloud DB, Clerk or Passkeys for auth |
-| 3d | Web-based setup wizard | Create account -> configure integrations -> download CLI |
-
-#### Domain DNS Roadmap
-
-| Record | Now | Later |
-|---|---|---|
-| `walle.sh` | `127.0.0.1` (local alias) | Cloudflare Pages (landing) |
-| `app.walle.sh` | — | Fly.io (cloud CTM + Wall-E) |
-| `api.walle.sh` | — | Fly.io (public API) |
-| `docs.walle.sh` | — | Cloudflare Pages (documentation) |
-
-### Phase 4: Multi-User & Marketplace
-
-**Goal:** Let others contribute skills; host as SaaS.
-
-- Per-user data isolation (separate brain DBs)
-- Skill marketplace: browse, install, rate community skills
-- Usage-based pricing or free tier + pro
-- Telemetry opt-in for usage insights
-- Rate limiting / cost management (Wall-E daemon burns API tokens)
-
-## Branding
-
-- **Public name:** Wall-E (memorable, the face of the project)
-- **CTM** is the task manager component (less catchy, keep as internal name)
-- **Domain:** walle.sh
-- **Tagline ideas:** "Your personal digital twin" / "An AI that knows you"
-
-## Open Questions
-
-1. Start fresh public repo or clean history of current repo?
-2. Pricing model for cloud version? Free tier limits?
-3. Skill contribution guidelines and review process?
-4. Should the Slack/Email/Calendar sync skills require specific setup guides per-platform?