archy-demo/neode-ui/ATOB_QUICK_START.md

ATOB Quick Start Guide

🚀 See ATOB in Action (30 seconds)

Step 1: Start the Dev Server

cd /Users/tx1138/Code/Neode/neode-ui
npm run dev

Step 2: Login

• Open: http://localhost:8100
• Password: password123

Step 3: View ATOB

• Click "Apps" in the sidebar
• See ATOB pre-installed and running
• Click the "Launch" button (gradient blue)
• ATOB web app opens in new tab!

📦 What's Pre-Installed

ATOB comes pre-loaded in the mock backend with:

• ✅ Status: Running
• ✅ Version: 0.1.0
• ✅ Icon: Blue ATOB logo
• ✅ Launch button: Opens https://app.atobitcoin.io
• ✅ Start/Stop/Restart: Full controls

🎯 Features to Test

In Apps List

1. See ATOB card with icon
2. Status badge shows "running" (green)
3. Launch button appears (gradient)
4. Click Launch → opens web app

In App Details

1. Click on ATOB card
2. See full description
3. Big Launch button at top
4. Action buttons below
5. Back to Apps link

Actions Available

• Launch: Opens ATOB web app
• Stop: Simulates stopping (mock)
• Restart: Simulates restart (mock)
• Click card → View details

🎨 Visual Elements

┌─────────────────────────────────────────────┐
│  Apps                                       │
│                                             │
│  ┌─────────────────────────────────────┐   │
│  │  [ATOB Icon]  A to B Bitcoin       │   │
│  │               Tools and services     │   │
│  │               [running] v0.1.0      │   │
│  │                                     │   │
│  │  [Launch] [Stop]                   │   │ ← Launch button!
│  └─────────────────────────────────────┘   │
│                                             │
│  ┌─────────────────────────────────────┐   │
│  │  [Bitcoin Icon] Bitcoin Core       │   │
│  │  ...                               │   │
└─────────────────────────────────────────────┘

📋 Mock Data Structure

ATOB is defined in neode-ui/mock-backend.js:

'atob': {
  title: 'A to B Bitcoin',
  version: '0.1.0',
  status: 'running',      // ← Shows as running
  state: 'installed',     // ← Already installed
  manifest: {
    id: 'atob',
    interfaces: {
      main: {
        ui: true,         // ← Makes Launch button appear
      }
    }
  }
}

🔧 Troubleshooting

Launch Button Not Showing?

• Check app state is 'running'
• Verify manifest has interfaces.main.ui: true
• Restart dev server

ATOB Not in Apps List?

• Check mock-backend.js has atob entry
• Verify WebSocket connection
• Check browser console for errors

Launch Opens Wrong URL?

• Check Apps.vue launchApp() function
• Should open: https://app.atobitcoin.io

🎁 Bonus: Production Package

A complete s9pk package is also available at: ~/atob-package/atob.s9pk (23MB)

Install on real Neode server:

start-cli package.install ~/atob-package/atob.s9pk

📖 More Info

• Full Integration Guide: /Users/tx1138/Code/Neode/ATOB_INTEGRATION.md
• S9PK Installation: ~/atob-package/INSTALLATION.md
• Marketplace Guide: neode-ui/MARKETPLACE_SETUP.md

---

✨ That's It!

ATOB is fully integrated and ready to use in both:

1. Development (mock backend - works now!)
2. Production (s9pk package - ready to deploy!)

Enjoy launching ATOB from your Neode server! 🚀