ugly-app 0.1.221 → 0.1.222

package/.superpowers/brainstorm/96907-1775344576/content/panel-layout.html

@@ -0,0 +1,159 @@
+<h2>Panel Architecture</h2>
+<p class="subtitle">Two types of panels — ugly.bot webviews vs local tools</p>
+
+<div class="section">
+  <h3>IDE Layout</h3>
+  <div class="mockup">
+    <div class="mockup-header">ugly-studio — Default Layout</div>
+    <div class="mockup-body" style="display: flex; flex-direction: column; height: 500px; gap: 2px; background: #1a1a2e; padding: 0;">
+
+      <!-- Top bar -->
+      <div style="display: flex; align-items: center; background: #16162a; padding: 8px 16px; gap: 12px; flex-shrink: 0;">
+        <span style="font-weight: 600; color: #a78bfa;">ugly-studio</span>
+        <span style="color: #666; font-size: 12px;">my-project</span>
+        <span style="margin-left: auto; font-size: 11px; background: #22c55e33; color: #22c55e; padding: 2px 8px; border-radius: 4px;">● Connected to ugly.bot</span>
+      </div>
+
+      <!-- Tab bar -->
+      <div style="display: flex; background: #16162a; padding: 0 8px; gap: 2px; flex-shrink: 0;">
+        <div style="padding: 8px 16px; font-size: 12px; background: #1e1e3a; color: #a78bfa; border-radius: 6px 6px 0 0;">📋 Plans</div>
+        <div style="padding: 8px 16px; font-size: 12px; color: #888; border-radius: 6px 6px 0 0;">📝 Code</div>
+        <div style="padding: 8px 16px; font-size: 12px; color: #888; border-radius: 6px 6px 0 0;">📊 Feedback</div>
+        <div style="padding: 8px 16px; font-size: 12px; color: #888; border-radius: 6px 6px 0 0;">🔴 Errors</div>
+        <div style="padding: 8px 16px; font-size: 12px; color: #888; border-radius: 6px 6px 0 0;">⚡ Perf</div>
+        <div style="padding: 8px 16px; font-size: 12px; color: #888; border-radius: 6px 6px 0 0;">📈 Events</div>
+        <div style="padding: 8px 16px; font-size: 12px; color: #888; border-radius: 6px 6px 0 0;">🧪 Experiments</div>
+        <div style="padding: 8px 16px; font-size: 12px; color: #888; border-radius: 6px 6px 0 0;">👥 Users</div>
+        <div style="padding: 8px 16px; font-size: 12px; color: #888; border-radius: 6px 6px 0 0;">🗄️ DB</div>
+        <div style="padding: 8px 16px; font-size: 12px; color: #888; border-radius: 6px 6px 0 0;">🧪 Tests</div>
+        <div style="padding: 8px 16px; font-size: 12px; color: #888; border-radius: 6px 6px 0 0;">📱 Preview</div>
+      </div>
+
+      <!-- Main content area -->
+      <div style="display: flex; flex: 1; gap: 2px; min-height: 0;">
+
+        <!-- Left sidebar: File tree -->
+        <div style="width: 200px; background: #1e1e3a; padding: 12px; flex-shrink: 0; overflow: hidden;">
+          <div style="font-size: 11px; color: #666; text-transform: uppercase; margin-bottom: 8px; letter-spacing: 0.5px;">Files</div>
+          <div style="font-size: 12px; color: #ccc; margin-bottom: 4px;">📁 client/</div>
+          <div style="font-size: 12px; color: #888; margin-bottom: 4px; padding-left: 16px;">📁 pages/</div>
+          <div style="font-size: 12px; color: #888; margin-bottom: 4px; padding-left: 32px;">Home.tsx</div>
+          <div style="font-size: 12px; color: #888; margin-bottom: 4px; padding-left: 32px;">Login.tsx</div>
+          <div style="font-size: 12px; color: #ccc; margin-bottom: 4px;">📁 server/</div>
+          <div style="font-size: 12px; color: #888; margin-bottom: 4px; padding-left: 16px;">index.ts</div>
+          <div style="font-size: 12px; color: #ccc; margin-bottom: 4px;">📁 shared/</div>
+          <div style="font-size: 12px; color: #888; margin-bottom: 4px; padding-left: 16px;">api.ts</div>
+          <div style="font-size: 12px; color: #888; margin-bottom: 4px; padding-left: 16px;">collections.ts</div>
+          <div style="font-size: 12px; color: #888; margin-bottom: 4px; padding-left: 16px;">pages.ts</div>
+          <div style="font-size: 12px; color: #ccc; margin-bottom: 4px;">📁 tests/</div>
+          <div style="font-size: 12px; color: #888; margin-bottom: 4px;">.env</div>
+          <div style="font-size: 12px; color: #888; margin-bottom: 4px;">package.json</div>
+        </div>
+
+        <!-- Center: Plan editor (active tab) -->
+        <div style="flex: 1; display: flex; flex-direction: column; background: #1e1e3a; min-width: 0;">
+          <!-- Plan header -->
+          <div style="padding: 12px 16px; border-bottom: 1px solid #2a2a4a; display: flex; align-items: center; gap: 8px; flex-shrink: 0;">
+            <span style="font-size: 14px; font-weight: 600; color: #e2e8f0;">Auth System</span>
+            <span style="font-size: 11px; background: #f59e0b33; color: #f59e0b; padding: 2px 8px; border-radius: 4px;">Implementation</span>
+            <span style="margin-left: auto; font-size: 11px; color: #666;">
+              <span style="color: #22c55e;">●</span> Sarah
+              <span style="color: #3b82f6; margin-left: 8px;">●</span> You
+            </span>
+          </div>
+          <!-- Plan content (ugly.bot webview) -->
+          <div style="flex: 1; padding: 16px; overflow: auto; font-size: 13px; color: #c4c4d4; line-height: 1.7;">
+            <div style="font-size: 11px; color: #a78bfa; background: #a78bfa15; padding: 4px 8px; border-radius: 4px; display: inline-block; margin-bottom: 12px;">ugly.bot webview</div>
+            <div style="font-size: 18px; font-weight: 600; color: #e2e8f0; margin-bottom: 8px;">Auth System</div>
+            <div style="color: #888; margin-bottom: 16px;">JWT authentication with HttpOnly cookies and ugly.bot OAuth.</div>
+            <div style="font-size: 15px; font-weight: 600; color: #e2e8f0; margin-bottom: 8px;">Requirements</div>
+            <div style="margin-bottom: 4px;">✅ OAuth via ugly.bot</div>
+            <div style="margin-bottom: 4px;">☐ Login page with email/password</div>
+            <div style="margin-bottom: 4px;">☐ Password reset flow</div>
+            <div style="margin-bottom: 4px;">☐ Session management</div>
+            <div style="margin-top: 16px; font-size: 15px; font-weight: 600; color: #e2e8f0; margin-bottom: 8px;">Design Notes</div>
+            <div style="color: #888;">Use bcrypt for password hashing. Token refresh...</div>
+            <div style="margin-top: 16px; background: #3b82f620; border-left: 3px solid #3b82f6; padding: 8px 12px; border-radius: 0 4px 4px 0;">
+              <div style="font-size: 11px; color: #3b82f6; margin-bottom: 4px;">Sarah — 2 min ago</div>
+              <div style="font-size: 12px; color: #c4c4d4;">Should we also support magic links? That would simplify the mobile flow.</div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Right: Agent chat -->
+        <div style="width: 320px; background: #1e1e3a; display: flex; flex-direction: column; flex-shrink: 0;">
+          <div style="padding: 8px 12px; border-bottom: 1px solid #2a2a4a; font-size: 12px; color: #888; display: flex; align-items: center; gap: 8px;">
+            <span style="font-weight: 600; color: #ccc;">Agent</span>
+            <select style="background: #16162a; border: 1px solid #2a2a4a; color: #888; font-size: 11px; padding: 2px 6px; border-radius: 4px;">
+              <option>Claude Code</option>
+              <option>Codex CLI</option>
+              <option>Gemini CLI</option>
+            </select>
+            <span style="margin-left: auto; font-size: 11px; background: #22c55e33; color: #22c55e; padding: 2px 6px; border-radius: 4px;">● Running</span>
+          </div>
+          <!-- Terminal output -->
+          <div style="flex: 1; padding: 12px; font-family: monospace; font-size: 11px; color: #888; overflow: auto; line-height: 1.6;">
+            <div style="color: #a78bfa;">Claude Code</div>
+            <div style="color: #666; margin-bottom: 8px;">$ claude</div>
+            <div style="color: #ccc; margin-bottom: 4px;">I'll implement the auth system based on the plan. Let me start by reading the current code...</div>
+            <div style="color: #666; margin-bottom: 4px;">Read server/index.ts</div>
+            <div style="color: #666; margin-bottom: 4px;">Read shared/api.ts</div>
+            <div style="color: #ccc; margin-bottom: 4px;">I see the project uses ugly-app's built-in auth. I'll add the email/password flow...</div>
+            <div style="color: #22c55e; margin-bottom: 4px;">Write client/pages/Login.tsx</div>
+            <div style="color: #22c55e; margin-bottom: 4px;">Edit shared/api.ts</div>
+            <div style="color: #888; margin-bottom: 4px;">Added login and register requests...</div>
+          </div>
+          <!-- Input -->
+          <div style="padding: 8px 12px; border-top: 1px solid #2a2a4a;">
+            <div style="background: #16162a; border: 1px solid #2a2a4a; border-radius: 6px; padding: 8px 12px; font-size: 12px; color: #666;">Type a message...</div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Bottom bar -->
+      <div style="display: flex; align-items: center; background: #16162a; padding: 4px 16px; gap: 16px; flex-shrink: 0; font-size: 11px; color: #666;">
+        <span>main</span>
+        <span>●  3 modified</span>
+        <span style="margin-left: auto;">Port 3000</span>
+        <span>TypeScript</span>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="section" style="margin-top: 24px;">
+  <h3>Panel Types</h3>
+  <div class="split">
+    <div style="flex: 1;">
+      <div style="background: #a78bfa20; border: 1px solid #a78bfa40; border-radius: 8px; padding: 16px;">
+        <h4 style="color: #a78bfa; margin-top: 0;">ugly.bot Webviews</h4>
+        <p style="font-size: 13px; color: #999; margin-bottom: 12px;">Authenticated iframes into ugly.bot. Already built — just embed them.</p>
+        <ul style="font-size: 13px; color: #ccc; line-height: 1.8;">
+          <li>Plan editor (collab markdown)</li>
+          <li>Feedback dashboard</li>
+          <li>Error logs</li>
+          <li>Performance logs</li>
+          <li>Event viewer</li>
+          <li>Experiment manager</li>
+          <li>User metrics</li>
+          <li>DB query runner</li>
+          <li>Bot testing & feedback</li>
+          <li>Unit test runner</li>
+          <li>Playwright test runner</li>
+        </ul>
+      </div>
+    </div>
+    <div style="flex: 1;">
+      <div style="background: #22c55e20; border: 1px solid #22c55e40; border-radius: 8px; padding: 16px;">
+        <h4 style="color: #22c55e; margin-top: 0;">Local Panels</h4>
+        <p style="font-size: 13px; color: #999; margin-bottom: 12px;">Rendered by the sidecar's ugly-app client. Need to be built.</p>
+        <ul style="font-size: 13px; color: #ccc; line-height: 1.8;">
+          <li>Code editor (CodeMirror 6)</li>
+          <li>File tree (sidecar filesystem)</li>
+          <li>Agent terminal (xterm.js)</li>
+          <li>Embedded preview (iframe + logs)</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>

package/.superpowers/brainstorm/96907-1775344576/content/updated-architecture.html

@@ -0,0 +1,116 @@
+<h2>Updated Architecture</h2>
+<p class="subtitle">Final design with LSP integration and AI preview capture</p>
+
+<div class="section">
+  <h3>System Architecture</h3>
+  <div class="mockup">
+    <div class="mockup-header">ugly-studio — Component Map</div>
+    <div class="mockup-body" style="padding: 24px; font-size: 13px; color: #ccc; line-height: 1.6;">
+
+      <!-- Electron -->
+      <div style="border: 1px solid #666; border-radius: 8px; padding: 16px; margin-bottom: 16px;">
+        <div style="font-weight: 600; color: #e2e8f0; margin-bottom: 8px;">Electron Shell</div>
+        <div style="color: #888; font-size: 12px;">App lifecycle, auto-update, spawns sidecar, opens BrowserWindow to localhost:PORT</div>
+      </div>
+
+      <!-- Sidecar -->
+      <div style="border: 1px solid #a78bfa; border-radius: 8px; padding: 16px; margin-bottom: 16px;">
+        <div style="font-weight: 600; color: #a78bfa; margin-bottom: 12px;">ugly-app Sidecar Server</div>
+
+        <div style="display: flex; gap: 12px;">
+          <!-- Main thread -->
+          <div style="flex: 1; background: #1a1a2e; border-radius: 6px; padding: 12px;">
+            <div style="font-weight: 600; color: #e2e8f0; margin-bottom: 8px; font-size: 12px;">Main Thread</div>
+            <div style="font-size: 11px; color: #888; line-height: 1.8;">
+              Express + WebSocket (serves UI)<br>
+              Agent process manager (PTY)<br>
+              fs.watch (file changes → UI)<br>
+              Preview screenshot capture<br>
+              LSP process manager (tsserver)
+            </div>
+          </div>
+
+          <!-- Workers -->
+          <div style="flex: 1; background: #1a1a2e; border-radius: 6px; padding: 12px;">
+            <div style="font-weight: 600; color: #e2e8f0; margin-bottom: 8px; font-size: 12px;">Worker Threads</div>
+            <div style="font-size: 11px; color: #888; line-height: 1.8;">
+              Git ops (isomorphic-git)<br>
+              npm ops (bundled node fallback)<br>
+              File search / indexing
+            </div>
+          </div>
+
+          <!-- Bundled -->
+          <div style="flex: 1; background: #1a1a2e; border-radius: 6px; padding: 12px;">
+            <div style="font-weight: 600; color: #e2e8f0; margin-bottom: 8px; font-size: 12px;">Bundled Fallbacks</div>
+            <div style="font-size: 11px; color: #888; line-height: 1.8;">
+              Portable git<br>
+              Portable Node.js<br>
+              (used if system versions missing/old)
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- UI -->
+      <div style="border: 1px solid #22c55e; border-radius: 8px; padding: 16px;">
+        <div style="font-weight: 600; color: #22c55e; margin-bottom: 12px;">IDE UI (React client)</div>
+
+        <div style="display: flex; gap: 12px;">
+          <div style="flex: 1; background: #22c55e15; border-radius: 6px; padding: 12px;">
+            <div style="font-weight: 600; color: #22c55e; margin-bottom: 8px; font-size: 12px;">Local Panels (build these)</div>
+            <div style="font-size: 11px; color: #ccc; line-height: 1.8;">
+              Code editor (CodeMirror 6 + LSP)<br>
+              File tree<br>
+              Agent terminal (xterm.js + PTY)<br>
+              Embedded preview (iframe + log capture)
+            </div>
+          </div>
+
+          <div style="flex: 1; background: #a78bfa15; border-radius: 6px; padding: 12px;">
+            <div style="font-weight: 600; color: #a78bfa; margin-bottom: 8px; font-size: 12px;">ugly.bot Webviews (already built)</div>
+            <div style="font-size: 11px; color: #ccc; line-height: 1.8;">
+              Plan editor (collab markdown)<br>
+              Feedback dashboard<br>
+              Error logs / Perf logs<br>
+              Event viewer<br>
+              Experiment manager<br>
+              User metrics<br>
+              DB query runner<br>
+              Unit / Playwright / Bot testing
+            </div>
+          </div>
+        </div>
+      </div>
+
+    </div>
+  </div>
+</div>
+
+<div class="section" style="margin-top: 24px;">
+  <h3>New Features Added</h3>
+  <div class="split">
+    <div class="mockup">
+      <div class="mockup-header">LSP Integration</div>
+      <div class="mockup-body" style="padding: 16px; font-size: 12px; color: #ccc; line-height: 1.8;">
+        <div style="color: #a78bfa; font-weight: 600; margin-bottom: 4px;">Sidecar spawns tsserver</div>
+        <div style="color: #888;">TypeScript language server runs as a child process managed by the sidecar. Communicates via LSP JSON-RPC over stdio.</div>
+        <div style="margin-top: 12px; color: #22c55e; font-weight: 600; margin-bottom: 4px;">CodeMirror 6 receives LSP messages</div>
+        <div style="color: #888;">Sidecar bridges LSP ↔ WebSocket. The CodeMirror client gets: autocomplete, go-to-definition, hover types, error diagnostics, find references.</div>
+        <div style="margin-top: 12px; color: #f59e0b; font-weight: 600; margin-bottom: 4px;">Lifecycle</div>
+        <div style="color: #888;">tsserver starts when a project opens, restarts on crash, shuts down when project closes. One instance per open project.</div>
+      </div>
+    </div>
+    <div class="mockup">
+      <div class="mockup-header">AI Preview Capture</div>
+      <div class="mockup-body" style="padding: 16px; font-size: 12px; color: #ccc; line-height: 1.8;">
+        <div style="color: #a78bfa; font-weight: 600; margin-bottom: 4px;">Screenshot the preview iframe</div>
+        <div style="color: #888;">Electron's webContents.capturePage() captures the preview panel. Triggered on: agent request, manual button, or after dev server hot-reload.</div>
+        <div style="margin-top: 12px; color: #22c55e; font-weight: 600; margin-bottom: 4px;">Exposed via MCP tool</div>
+        <div style="color: #888;">ugly.bot's MCP server exposes a "get_screenshot" tool. Agents call it to see what the app looks like, enabling visual iteration.</div>
+        <div style="margin-top: 12px; color: #f59e0b; font-weight: 600; margin-bottom: 4px;">Console logs included</div>
+        <div style="color: #888;">Screenshot is paired with recent console output so the agent gets both visual and runtime context.</div>
+      </div>
+    </div>
+  </div>
+</div>

package/.superpowers/brainstorm/96907-1775344576/state/server-stopped

@@ -0,0 +1 @@
+{"reason":"idle timeout","timestamp":1775349316299}

package/README.md

@@ -639,27 +639,24 @@ await userHelper.set(db, { id: userId, ...dbDefaults(), email });
 
 ### Indexes
 
-```typescript
-// shared/dbIndexes.ts
-import { defineDbIndexes } from 'ugly-app/shared';
+Indexes are defined on the collection definition in `shared/collections.ts`:
 
-export const dbIndexes = defineDbIndexes({
+```typescript
+export const collections = defineCollections({
   note: {
+    type: {} as Note,
+    meta: { cache: true, trackable: true, public: false, cascadeFrom: null },
     indexes: [
       { fields: { userId: 1, created: -1 } },
       { fields: { title: 1 }, unique: true },
     ],
-    searchIndexes: [
-      { name: 'note_search', fields: { title: 'string', body: 'string' } },
-    ],
-    vectorIndexes: [
-      { name: 'note_embedding', field: 'embedding', dimensions: 1536, similarity: 'cosine' },
-    ],
   },
 });
 ```
 
-Run `npm run db:init` to create/update indexes.
+After adding or modifying indexes:
+1. Run `npm run db:schema-gen` to generate a migration file
+2. Run `npm run db:migrate` to apply the migration
 
 ---
 
@@ -1163,7 +1160,6 @@ Run with `npm run db:migrate`. Use `npm run db:migrate -- --status` to preview p
 | `ugly-app dev` | Start all dev services (Docker, server, Vite, tsc, eslint) |
 | `ugly-app build` | Production build |
 | `ugly-app login` | Login to ugly.bot |
-| `ugly-app db:init` | Create/update MongoDB indexes |
 | `ugly-app db:migrate` | Run pending migrations (`--status` to preview) |
 | `ugly-app deploy:single` | Deploy to a single server |
 | `ugly-app deploy:multi` | Deploy to multiple servers |

package/dist/cli/bootstrapMigration.d.ts

@@ -0,0 +1,18 @@
+interface CollectionBootstrapConfig {
+    indexes?: Array<{
+        fields: Record<string, 1 | -1>;
+        unique?: boolean;
+        ttl?: number;
+    }>;
+    search?: {
+        fields: string[];
+        language?: string;
+    };
+    vector?: {
+        dimensions: number;
+        source: string;
+    };
+}
+export declare function generateBootstrapMigration(collections: Record<string, CollectionBootstrapConfig>): string;
+export {};
+//# sourceMappingURL=bootstrapMigration.d.ts.map

package/dist/cli/bootstrapMigration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrapMigration.d.ts","sourceRoot":"","sources":["../../src/cli/bootstrapMigration.ts"],"names":[],"mappings":"AAAA,UAAU,yBAAyB;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpF,MAAM,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,EAAE,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,MAAM,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACjD;AAED,wBAAgB,0BAA0B,CACxC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,yBAAyB,CAAC,GACrD,MAAM,CAyDR"}

package/dist/cli/bootstrapMigration.js

@@ -0,0 +1,44 @@
+export function generateBootstrapMigration(collections) {
+    // Sort collection names for deterministic output
+    const tableNames = Object.keys(collections).sort();
+    // Build CREATE TABLE statements
+    const createTableStatements = tableNames.map((name) => `  await query(\`CREATE TABLE IF NOT EXISTS "${name}" (\n` +
+        `    _id      TEXT PRIMARY KEY,\n` +
+        `    data     JSONB NOT NULL,\n` +
+        `    created  TIMESTAMPTZ NOT NULL DEFAULT now(),\n` +
+        `    updated  TIMESTAMPTZ NOT NULL DEFAULT now(),\n` +
+        `    version  INTEGER NOT NULL DEFAULT 1\n` +
+        `  )\`);` +
+        `\n  await query(\`CREATE INDEX IF NOT EXISTS "idx_${name}_data" ON "${name}" USING GIN (data)\`);`);
+    // Build per-collection index SQL statements
+    const indexStatements = [];
+    for (const name of tableNames) {
+        const config = collections[name];
+        for (const idx of config.indexes ?? []) {
+            const fields = Object.keys(idx.fields);
+            if (idx.unique && fields.length === 1) {
+                const field = fields[0];
+                indexStatements.push(`  await query(\`CREATE UNIQUE INDEX IF NOT EXISTS "idx_${name}_${field}_unique" ON "${name}" ((data->>'${field}'))\`);`);
+            }
+            if (idx.ttl !== undefined) {
+                const field = fields[0];
+                indexStatements.push(`  await query(\`CREATE INDEX IF NOT EXISTS "idx_${name}_${field}" ON "${name}" ((data->>'${field}'))\`);`);
+            }
+        }
+        if (config.search) {
+            indexStatements.push(`  await query(\`ALTER TABLE "${name}" ADD COLUMN IF NOT EXISTS search TSVECTOR\`);`);
+            indexStatements.push(`  await query(\`CREATE INDEX IF NOT EXISTS "idx_${name}_search" ON "${name}" USING GIN (search)\`);`);
+        }
+    }
+    const allStatements = [...createTableStatements, ...indexStatements];
+    return `import type { query as pgQuery } from 'ugly-app/server';
+
+// Bootstrap migration — creates all tables and indexes.
+// Generated automatically. Safe to run on existing databases.
+
+export async function up(query: typeof pgQuery): Promise<void> {
+${allStatements.join('\n')}
+}
+`;
+}
+//# sourceMappingURL=bootstrapMigration.js.map

package/dist/cli/bootstrapMigration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrapMigration.js","sourceRoot":"","sources":["../../src/cli/bootstrapMigration.ts"],"names":[],"mappings":"AAMA,MAAM,UAAU,0BAA0B,CACxC,WAAsD;IAEtD,iDAAiD;IACjD,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,CAAC;IAEnD,gCAAgC;IAChC,MAAM,qBAAqB,GAAG,UAAU,CAAC,GAAG,CAC1C,CAAC,IAAI,EAAE,EAAE,CACP,+CAA+C,IAAI,OAAO;QAC1D,kCAAkC;QAClC,gCAAgC;QAChC,oDAAoD;QACpD,oDAAoD;QACpD,2CAA2C;QAC3C,SAAS;QACT,qDAAqD,IAAI,cAAc,IAAI,wBAAwB,CACtG,CAAC;IAEF,4CAA4C;IAC5C,MAAM,eAAe,GAAa,EAAE,CAAC;IACrC,KAAK,MAAM,IAAI,IAAI,UAAU,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;QACjC,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,OAAO,IAAI,EAAE,EAAE,CAAC;YACvC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACvC,IAAI,GAAG,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACtC,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;gBACxB,eAAe,CAAC,IAAI,CAClB,0DAA0D,IAAI,IAAI,KAAK,gBAAgB,IAAI,eAAe,KAAK,SAAS,CACzH,CAAC;YACJ,CAAC;YACD,IAAI,GAAG,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;gBAC1B,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;gBACxB,eAAe,CAAC,IAAI,CAClB,mDAAmD,IAAI,IAAI,KAAK,SAAS,IAAI,eAAe,KAAK,SAAS,CAC3G,CAAC;YACJ,CAAC;QACH,CAAC;QACD,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;YAClB,eAAe,CAAC,IAAI,CAClB,gCAAgC,IAAI,gDAAgD,CACrF,CAAC;YACF,eAAe,CAAC,IAAI,CAClB,mDAAmD,IAAI,gBAAgB,IAAI,0BAA0B,CACtG,CAAC;QACJ,CAAC;IACH,CAAC;IAED,MAAM,aAAa,GAAG,CAAC,GAAG,qBAAqB,EAAE,GAAG,eAAe,CAAC,CAAC;IAErE,OAAO;;;;;;EAMP,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;CAEzB,CAAC;AACF,CAAC"}

package/dist/cli/cloudCleanup.d.ts

@@ -0,0 +1,4 @@
+export declare function runCloudCleanup(opts: {
+    all?: boolean;
+}): Promise<void>;
+//# sourceMappingURL=cloudCleanup.d.ts.map

package/dist/cli/cloudCleanup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloudCleanup.d.ts","sourceRoot":"","sources":["../../src/cli/cloudCleanup.ts"],"names":[],"mappings":"AAQA,wBAAsB,eAAe,CAAC,IAAI,EAAE;IAAE,GAAG,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAqD5E"}

package/dist/cli/cloudCleanup.js

@@ -0,0 +1,62 @@
+import { readUglyBotAuth, isTokenValid } from './uglyBotAuth.js';
+export async function runCloudCleanup(opts) {
+    const auth = readUglyBotAuth();
+    if (!auth?.token || !isTokenValid(auth)) {
+        console.error('[ugly-app] Not logged in. Run `npx ugly-app login` first.');
+        process.exit(1);
+    }
+    const serverUrl = auth.serverUrl || 'https://ugly.bot';
+    // List resources
+    const listRes = await fetch(`${serverUrl}/api/dev-resources`, {
+        headers: { 'Authorization': `Bearer ${auth.token}` },
+    });
+    if (!listRes.ok) {
+        console.error(`[ugly-app] Failed to list resources: ${listRes.status} ${listRes.statusText}`);
+        process.exit(1);
+    }
+    const resources = await listRes.json();
+    if (resources.length === 0) {
+        console.log('[ugly-app] No cloud dev resources found.');
+        return;
+    }
+    console.log('\nCloud dev resources:\n');
+    for (const r of resources) {
+        const ago = timeSince(new Date(r.lastActiveAt));
+        console.log(`  ${r.projectId}  (last active: ${ago} ago)  [${r.services.join(', ')}]`);
+    }
+    console.log();
+    if (!opts.all) {
+        console.log('Run with --all to delete all resources:');
+        console.log('  npx ugly-app cloud:cleanup --all');
+        return;
+    }
+    // Delete all
+    console.log('[ugly-app] Deleting all cloud dev resources...');
+    for (const r of resources) {
+        const delRes = await fetch(`${serverUrl}/api/dev-resources/${r.projectId}`, {
+            method: 'DELETE',
+            headers: { 'Authorization': `Bearer ${auth.token}` },
+        });
+        if (delRes.ok) {
+            console.log(`  Deleted: ${r.projectId}`);
+        }
+        else {
+            console.error(`  Failed to delete ${r.projectId}: ${delRes.status}`);
+        }
+    }
+    console.log('\n[ugly-app] Done.');
+}
+function timeSince(date) {
+    const seconds = Math.floor((Date.now() - date.getTime()) / 1000);
+    if (seconds < 60)
+        return `${seconds}s`;
+    const minutes = Math.floor(seconds / 60);
+    if (minutes < 60)
+        return `${minutes}m`;
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return `${hours}h`;
+    const days = Math.floor(hours / 24);
+    return `${days}d`;
+}
+//# sourceMappingURL=cloudCleanup.js.map

package/dist/cli/cloudCleanup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloudCleanup.js","sourceRoot":"","sources":["../../src/cli/cloudCleanup.ts"],"names":[],"mappings":"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"}

package/dist/cli/dev.d.ts

@@ -1,5 +1,6 @@
 export declare function runDev(opts?: {
     watch: boolean;
     verbose: boolean;
+    local: boolean;
 }): Promise<void>;
 //# sourceMappingURL=dev.d.ts.map

package/dist/cli/dev.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../../src/cli/dev.ts"],"names":[],"mappings":"AAsFA,wBAAsB,MAAM,CAAC,IAAI,GAAE;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAqC,GAAG,OAAO,CAAC,IAAI,CAAC,CAoLzH"}
+{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../../src/cli/dev.ts"],"names":[],"mappings":"AAuEA,wBAAsB,MAAM,CAAC,IAAI,GAAE;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAmD,GAAG,OAAO,CAAC,IAAI,CAAC,CAwMvJ"}

package/dist/cli/dev.js

@@ -21,7 +21,6 @@ function waitForPort(port, retries = 30, intervalMs = 1000) {
         tryConnect();
     });
 }
-import { runInitDb } from './initDb.js';
 import { runMigrations } from './migrate.js';
 import { computeEnvVars, readUglyAppConfig, validatePortStart, } from './uglyappConfig.js';
 async function waitForPostgres(url, opts) {
@@ -59,21 +58,7 @@ async function ensureProjectDatabase(projectId) {
         await client.end();
     }
 }
-async function isDbUninitialized(url) {
-    const client = new pg.Client({ connectionString: url });
-    try {
-        await client.connect();
-        const result = await client.query(`SELECT EXISTS (SELECT FROM information_schema.tables WHERE table_name = 'user') AS exists`);
-        return !result.rows[0].exists;
-    }
-    catch {
-        return true;
-    }
-    finally {
-        await client.end();
-    }
-}
-export async function runDev(opts = { watch: false, verbose: false }) {
+export async function runDev(opts = { watch: false, verbose: false, local: false }) {
     // Read .uglyapp config and inject computed env vars before spawning any child process.
     // Vars set here take precedence over .env values because dotenv (used by tsx --env-file)
     // skips vars already present in process.env (override: false behavior).
@@ -116,27 +101,50 @@ export async function runDev(opts = { watch: false, verbose: false }) {
     catch {
         // best-effort — port may simply not be in use
     }
-    // ── 1. Auto-start shared Docker if not already running ─────────────────────
-    const { isDockerRunning, dockerStart } = await import('./docker.js');
-    if (!(await isDockerRunning())) {
-        await dockerStart();
+    // ── 1. Start infrastructure (cloud sidecar or local Docker) ───────────────
+    let useDocker = opts.local;
+    if (!useDocker) {
+        const { readUglyBotAuth, isTokenValid } = await import('./uglyBotAuth.js');
+        const auth = readUglyBotAuth();
+        if (!auth?.token || !isTokenValid(auth)) {
+            console.warn('[ugly-app] No ugly.bot auth — falling back to Docker (run `npx ugly-app login` for cloud dev)');
+            useDocker = true;
+        }
+        else if (config) {
+            const { startSidecar } = await import('./sidecar.js');
+            try {
+                const ports = await startSidecar({ projectId: config.projectId, token: auth.token });
+                process.env['POSTGRES_URL'] = `postgresql://app:app@localhost:${ports.postgres}/${config.projectId}`;
+                process.env['NATS_URL'] = `nats://localhost:${ports.nats}`;
+                process.env['MINIO_ENDPOINT'] = `http://localhost:${ports.s3}`;
+                process.env['QDRANT_URL'] = `http://localhost:${ports.qdrantHttp}`;
+            }
+            catch (err) {
+                console.error(`[ugly-app] Sidecar failed: ${err.message}`);
+                console.error('[ugly-app] Start with --local for offline Docker mode');
+                process.exit(1);
+            }
+        }
+    }
+    if (useDocker) {
+        const { isDockerRunning, dockerStart } = await import('./docker.js');
+        if (!(await isDockerRunning())) {
+            await dockerStart();
+        }
     }
     // ── 2. Wait for PostgreSQL to be reachable (use admin DB) ──────────────────
-    const adminPgUrl = 'postgresql://app:app@localhost:5432/app';
+    // Use POSTGRES_URL for sidecar (ephemeral port) or admin URL for Docker (fixed port)
+    const pgWaitUrl = useDocker
+        ? 'postgresql://app:app@localhost:5432/app'
+        : (process.env['POSTGRES_URL'] ?? 'postgresql://app:app@localhost:5432/app');
     process.stdout.write('[ugly-app] Waiting for PostgreSQL');
-    await waitForPostgres(adminPgUrl, { retries: 30, intervalMs: 1000 });
+    await waitForPostgres(pgWaitUrl, { retries: 30, intervalMs: 1000 });
     process.stdout.write(' ✓\n');
-    // ── 3. Ensure per-project database exists ──────────────────────────────────
-    if (config) {
+    // ── 3. Ensure per-project database exists (Docker only — cloud manages its own DBs)
+    if (config && useDocker) {
         await ensureProjectDatabase(config.projectId);
     }
-    const pgUrl = process.env['POSTGRES_URL'] ?? adminPgUrl;
-    // ── 4. Init indexes on first run ───────────────────────────────────────────
-    if (await isDbUninitialized(pgUrl)) {
-        console.log('[ugly-app] First run — initialising database tables...');
-        await runInitDb();
-    }
-    // ── 5. Run any pending migrations ─────────────────────────────────────────
+    // ── 4. Run any pending migrations ─────────────────────────────────────────
     await runMigrations();
     // ── 6. Spawn dev processes (docker already running detached) ───────────────
     const verbose = opts.verbose;