ugly-app 0.1.41 → 0.1.43

package/README.md

@@ -6,9 +6,9 @@ A full-stack TypeScript framework for building production-ready web applications
 
 - **Server**: Express + WebSocket with type-safe RPC and Zod validation
 - **Client**: React + Vite with typed routing, lazy pages, and popup management
-- **Database**: MongoDB with typed collections, indexes, migrations, and live document tracking
+- **Database**: MongoDB with typed collections, dot-notation updates, indexes, migrations, and live document tracking
 - **Auth**: JWT + HttpOnly cookies, ugly.bot OAuth out of the box, extensible via `AuthProvider`
-- **AI**: Text generation (Together, Claude, OpenAI, Google, Groq, Fireworks) + image generation (Together, FAL, Google, Wavespeed)
+- **AI**: Text generation (Together, Claude, OpenAI, Google, Groq, Fireworks) + image generation (Together, FAL, Google, Wavespeed) + embeddings + STT/TTS
 - **Storage**: Cloudflare R2 / AWS S3 with presigned uploads
 - **CLI**: `ugly-app` commands for dev, build, deploy, migrations, logs, and auth utilities
 
@@ -29,7 +29,14 @@ npm run dev
 Entry point for the server. Creates an Express + WebSocket server with typed RPC, auth, and all framework services.
 
 ```typescript
-import { createApp, createUserHelper, type CallHandlers, type RequestHandlers, type HandlerContext } from 'ugly-app';
+import {
+  createApp,
+  createUserHelper,
+  getFeedbackHandlers,
+  type CallHandlers,
+  type RequestHandlers,
+  type HandlerContext,
+} from 'ugly-app';
 import { dbDefaults } from 'ugly-app/shared';
 import { functions, requests } from '../shared/api';
 import { collections } from '../shared/collections';
@@ -39,6 +46,7 @@ import type { User } from '../shared/types';
 const userHelper = createUserHelper<User>(collections.user);
 
 const calls = {
+  ...getFeedbackHandlers(maintainBotUserId),
   myFunction: async (ctx: HandlerContext, input) => {
     return { greeting: `Hello, ${input.name}` };
   },
@@ -135,7 +143,7 @@ export const requests = defineRequests({
 
 - `fn({ input, output })` — defines a mutation (write operation). `input` and `output` are Zod schemas.
 - `req({ input, output })` — defines a query (read operation).
-- `defineFunctions()` / `defineRequests()` — identity wrappers that preserve types.
+- `defineFunctions()` / `defineRequests()` — identity wrappers that preserve types. `defineCalls` is an alias for `defineFunctions`.
 - `z` is re-exported from Zod for convenience.
 
 ### Collections (`shared/collections.ts`)
@@ -156,11 +164,14 @@ export const collections = defineCollections({
 });
 ```
 
-Collection meta fields:
-- `cache` — enable in-memory caching
-- `trackable` — allow real-time `trackDoc`/`trackDocs` subscriptions
-- `public` — accessible without auth
-- `parent` — parent collection name for cascade deletes (or `null`)
+Each collection definition has:
+- `type` — phantom field for TypeScript type inference (never read at runtime)
+- `meta` — runtime metadata:
+  - `cache` — enable in-memory caching
+  - `trackable` — allow real-time `trackDoc`/`trackDocs` subscriptions
+  - `public` — accessible without auth
+  - `parent` — parent collection name for cascade deletes (or `null`)
+- `onDelete?` — optional callback invoked on document deletion
 
 All documents extend `DBObject`: `{ id: string, version: number, created: Date, updated: Date }`.
 
@@ -274,6 +285,10 @@ Wraps your app with context for `useApp()`. Provides user info, socket access, p
 | `splashDone(step)` | Mark a splash screen step as complete |
 | `localizer(key, params?)` | Localize a string key |
 
+`useAppOptional()` returns the same context or `null` if outside `<AppProvider>`.
+
+`useLocalizer()` returns the localizer function (falls back to identity if outside provider).
+
 ### Router
 
 #### Setup (`client/router.ts`)
@@ -307,7 +322,18 @@ export const allPages = {
 ```
 
 - **`lazyPage(factory)`** — lazy-imports a default-exported React component. The component receives route params as props.
-- **`lazyPageLoader(factory)`** — lazy-imports an async loader function `(params) => Promise<ReactElement>` for routes that need data fetching before render. The loader file is the chunk boundary.
+- **`lazyPageLoader(factory)`** — lazy-imports an async loader function `(params) => Promise<ReactElement>` for routes that need data fetching before render. The loader file is the chunk boundary — it can statically import its page component.
+
+**`lazyPageLoader` example:**
+
+```typescript
+// pages/SlowPageLoader.tsx
+import SlowPage from './SlowPage'; // static import OK — same chunk
+export default async function PageLoader({ id }: { id: string }) {
+  const data = await fetchSlowData(id);
+  return <SlowPage {...data} />;
+}
+```
 
 #### Navigation with `useRouter()`
 
@@ -346,10 +372,12 @@ handle.hide(); // dismiss programmatically
 ```
 
 Popup modes:
-- **`block`** — dark backdrop (40% opacity), clicking backdrop does NOT dismiss
+- **`block`** (default) — dark backdrop (40% opacity), clicking backdrop does NOT dismiss
 - **`transient`** — light backdrop (20% opacity), clicking backdrop dismisses
 - **`contextMenu`** — same as transient, intended for menus and pickers
 
+`renderLayer` receives `{ content, spring, hide }` — `spring` is an animated value from 0 to 1, `hide` is a function to close the popup.
+
 #### `Link` component
 
 ```tsx
@@ -415,14 +443,14 @@ configurator.setAuth({
 await ctx.db.setDoc(collections.note, doc);
 await ctx.db.setDoc(collections.note, doc, { skipIfExists: true });
 
-// Partial update — only specified fields
+// Partial update — only specified fields (supports dot-notation paths)
 await ctx.db.setDocFields(collections.note, id, { title: 'New title' });
 
 // Partial update — returns null if document doesn't exist (no error)
 const doc = await ctx.db.setDocFieldsOrIgnore(collections.note, id, { title });
 
-// Partial update — creates the document if it doesn't exist
-await ctx.db.setDocFieldsOrCreate(collections.note, id, { title });
+// Partial update — creates the document if it doesn't exist (obj = default doc for insert)
+await ctx.db.setDocFieldsOrCreate(collections.note, id, { title }, defaultDoc);
 
 // MongoDB update operators ($inc, $addToSet, $pull, $unset, $set)
 await ctx.db.setDocOp(collections.note, id, { $inc: { views: 1 } });
@@ -439,6 +467,10 @@ const notes = await ctx.db.getDocs(collections.note, { userId }, { sort: { creat
 const results = await ctx.db.getQuery<MyResult>('note', pipeline, { skip, limit });
 const count   = await ctx.db.getQueryCount('note', pipeline);
 const raw     = await ctx.db.getQueryRaw<T>('note', pipeline);
+
+// Dynamic/untyped access (when collection name is a runtime string)
+const doc  = await ctx.db.rawGetDoc(collectionName, id);
+const docs = await ctx.db.rawGetDocs(collectionName, filter);
 ```
 
 ### Deleting
@@ -460,12 +492,13 @@ const key = ctx.db.cacheKey('prefix', id); // generate a cache key
 ### Helpers
 
 ```typescript
-import { dbDefaults, createUserHelper } from 'ugly-app';
+import { createUserHelper } from 'ugly-app';
+import { dbDefaults } from 'ugly-app/shared';
 
 // dbDefaults() returns { version: 1, created: new Date(), updated: new Date() }
 const doc = { id: newId(), ...dbDefaults(), title: 'Hello' };
 
-// createUserHelper — typed user CRUD
+// createUserHelper — typed user CRUD with get, set, update methods
 const userHelper = createUserHelper<User>(collections.user);
 const user = await userHelper.get(db, userId);
 await userHelper.set(db, { id: userId, ...dbDefaults(), email });
@@ -485,6 +518,8 @@ export const dbIndexes = defineDbIndexes({
 });
 ```
 
+Index types supported: standard (`IndexDef`), text search (`SearchIndexDef`), and vector/embedding (`VectorIndexDef` with cosine, euclidean, or dotProduct similarity).
+
 Run `npm run db:init` to create/update indexes.
 
 ---
@@ -538,18 +573,48 @@ import { createImageGenClient } from 'ugly-app';
 const imageGen = createImageGenClient();
 ```
 
+### Embeddings
+
+```typescript
+import { createEmbeddingClient, cosineSimilarity } from 'ugly-app';
+const embeddings = createEmbeddingClient();
+const similarity = cosineSimilarity(vectorA, vectorB);
+```
+
+### Speech-to-text / Text-to-speech
+
+```typescript
+// Server-side providers
+import { registerSTTProvider, groqWhisperSTTProvider, loadVADModel } from 'ugly-app';
+import { registerTTSProvider, azureTTSProvider } from 'ugly-app';
+
+// Client-side hooks
+import { useSTT, useTTS, AudioPlayer, AudioRecorder } from 'ugly-app/client';
+```
+
 ### Custom providers
 
 ```typescript
-import { registerTextGenProvider, registerImageGenProvider } from 'ugly-app';
+import { registerTextGenProvider, registerImageGenProvider, registerEmbeddingProvider } from 'ugly-app';
 
 registerTextGenProvider('myProvider', myTextGenImplementation);
 registerImageGenProvider('myProvider', myImageGenImplementation);
+registerEmbeddingProvider('myProvider', myEmbeddingImplementation);
 ```
 
-### AI proxy
+### Client-side AI calls
 
-The client accesses AI via `POST /ai/request` (same-origin, avoids CORS). The server verifies the user JWT and forwards to `https://ugly.bot` using the `UGLY_BOT_TOKEN` env var.
+The client can call AI through the server proxy without managing tokens directly:
+
+```typescript
+import { callTextGen, callJsonGen, callImageGen } from 'ugly-app/client';
+
+const text  = await callTextGen(messages, options);
+const json  = await callJsonGen(schema, messages);
+const image = await callImageGen(prompt, options);
+```
+
+These call `POST /ai/request` (same-origin, avoids CORS). The server verifies the user JWT and forwards to `https://ugly.bot` using the `UGLY_BOT_TOKEN` env var.
 
 ---
 
@@ -569,7 +634,7 @@ const url = storage.url('public', destKey);
 const { uploadUrl, resultUrl } = await storage.presignedPut('temp', key);
 ```
 
-Buckets: `'public'` and `'temp'`.
+Buckets: `'public'` and `'temp'`. Supports Cloudflare R2 (production) or MinIO (dev).
 
 Static build-time assets go in `client/public/`. Never hardcode `/asset/...` paths — use the `buildId` from `shared/Build.ts`.
 
@@ -607,7 +672,7 @@ sub(); // unsubscribe
 ### Redis
 
 ```typescript
-import { getRedisClient } from 'ugly-app';
+import { getRedisClient, redisGet, redisSet, redisDel, redisPublish, redisSubscribe } from 'ugly-app';
 const redis = getRedisClient();
 ```
 
@@ -622,31 +687,63 @@ configurator.setWorkerQueue(queue);
 await enqueueTask('taskName', payload);
 ```
 
-### Rate limiting
+### Billing
 
 ```typescript
-// Inside a handler — always call before expensive operations
-await ctx.rateLimit.check();
+import { initBillingGateway, getBillingGateway } from 'ugly-app';
+
+await initBillingGateway({ /* config */ });
+const billing = getBillingGateway();
 ```
 
-### Embeddings
+### Client error capture
 
 ```typescript
-import { createEmbeddingClient, registerEmbeddingProvider } from 'ugly-app';
-const embeddings = createEmbeddingClient();
+import { captureClientError, initClientLogger } from 'ugly-app/client';
+
+initClientLogger(); // call once at startup — captures unhandled errors
+captureClientError(error); // manually report an error to POST /api/client-error
 ```
 
-### Billing
+### Feedback
 
 ```typescript
-import { initBillingGateway, getBillingGateway } from 'ugly-app';
+import { FeedbackButton, setFeedbackContext, clearFeedbackContext } from 'ugly-app/client';
 
-await initBillingGateway({ /* config */ });
-const billing = getBillingGateway();
+// Render the built-in feedback button (bottom-right, always at [data-id="feedback-button"])
+<FeedbackButton />
+
+// Set contextual data attached to feedback submissions
+setFeedbackContext({ page: 'editor', noteId: '123' });
+clearFeedbackContext();
+```
+
+Server-side, `getFeedbackHandlers(maintainBotUserId)` provides the RPC handlers for submitting and managing feedback. User feedback history is available at `GET /my_feedback` (requires auth cookie, returns markdown).
+
+### Rate limiting
+
+```typescript
+// Inside a handler — always call before expensive operations
+await ctx.rateLimit.check();
 ```
 
 ---
 
+## Built-in endpoints
+
+| Endpoint | Description |
+|----------|-------------|
+| `GET /health` | Health check — returns `{ status: 'ok', timestamp }` |
+| `POST /auth/verify` | Exchange OAuth code for a session cookie |
+| `POST /auth/logout` | Clear the auth cookie |
+| `GET /auth/token` | Refresh and return the current token |
+| `GET /auth/url` | Get the OAuth popup URL |
+| `POST /ai/request` | AI proxy — forwards to ugly.bot (requires auth) |
+| `POST /api/client-error` | Client-side error capture |
+| `GET /my_feedback` | User feedback history (markdown, requires auth) |
+
+---
+
 ## Migrations
 
 Never change a collection field type without writing a migration:
@@ -691,6 +788,7 @@ Run with `npm run db:migrate`. Use `npm run db:migrate -- --status` to preview p
 | Variable | Description |
 |----------|-------------|
 | `JWT_SECRET` | **Required** — signs auth tokens |
+| `JWT_EXPIRY_SECONDS` | Token lifetime (optional) |
 | `MONGODB_URI` | MongoDB connection string |
 | `PORT` | Server port (default: 3000) |
 | `NODE_ENV` | `development` or `production` |

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

@@ -1 +1 @@
-{"version":3,"file":"scaffold.d.ts","sourceRoot":"","sources":["../../src/cli/scaffold.ts"],"names":[],"mappings":"AA8DA,wBAAsB,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CA4DxE"}
+{"version":3,"file":"scaffold.d.ts","sourceRoot":"","sources":["../../src/cli/scaffold.ts"],"names":[],"mappings":"AAyFA,wBAAsB,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CA4DxE"}

package/dist/cli/scaffold.js

@@ -38,7 +38,33 @@ function generateEnv(examplePath, projectName) {
     })
         .join('\n');
 }
+/** Locate the `code` binary — checks PATH then known macOS app bundle locations. */
+function findCodeCli() {
+    try {
+        execSync('code --version', { stdio: 'ignore' });
+        return 'code';
+    }
+    catch { /* not in PATH */ }
+    const candidates = process.platform === 'win32'
+        ? [
+            path.join(process.env['LOCALAPPDATA'] ?? '', 'Programs\\Microsoft VS Code\\bin\\code.cmd'),
+            path.join(process.env['ProgramFiles'] ?? '', 'Microsoft VS Code\\bin\\code.cmd'),
+            path.join(process.env['ProgramFiles(x86)'] ?? '', 'Microsoft VS Code\\bin\\code.cmd'),
+        ]
+        : [
+            '/Applications/Visual Studio Code.app/Contents/Resources/app/bin/code',
+            path.join(os.homedir(), 'Applications/Visual Studio Code.app/Contents/Resources/app/bin/code'),
+        ];
+    for (const p of candidates) {
+        if (fs.existsSync(p))
+            return `"${p}"`;
+    }
+    return null;
+}
 async function installVsixExtension() {
+    const codeCli = findCodeCli();
+    if (!codeCli)
+        return; // VSCode not found — skip silently
     const url = 'https://ugly.bot/asset/ugly-bot.vsix';
     const vsixPath = path.join(os.tmpdir(), 'ugly-bot.vsix');
     try {
@@ -48,7 +74,7 @@ async function installVsixExtension() {
             throw new Error(`HTTP ${res.status}`);
         const buf = await res.arrayBuffer();
         await fs.writeFile(vsixPath, Buffer.from(buf));
-        execSync(`code --install-extension "${vsixPath}"`, { stdio: 'inherit' });
+        execSync(`${codeCli} --install-extension "${vsixPath}"`, { stdio: 'inherit' });
         console.log('[ugly-app] VSCode extension installed.');
     }
     catch {
@@ -75,6 +101,8 @@ export async function scaffoldProject(projectName) {
     // Generate .env from .env.example with a real JWT_SECRET and optional keys commented out
     const envContent = generateEnv(path.join(destDir, '.env.example'), projectName);
     await fs.writeFile(path.join(destDir, '.env'), envContent, 'utf-8');
+    console.log('[ugly-app] Installing dependencies...');
+    execSync('npm install', { cwd: destDir, stdio: 'inherit' });
     console.log('[ugly-app] Initialising git repository...');
     execSync('git init', { cwd: destDir, stdio: 'inherit' });
     execSync('git add .', { cwd: destDir, stdio: 'inherit' });
@@ -82,8 +110,6 @@ export async function scaffoldProject(projectName) {
         cwd: destDir,
         stdio: 'inherit',
     });
-    console.log('[ugly-app] Installing dependencies...');
-    execSync('npm install', { cwd: destDir, stdio: 'inherit' });
     const portStart = 3000;
     const projectId = nanoid(10).toLowerCase();
     writeUglyAppConfig(destDir, { projectId, portStart });

package/dist/cli/scaffold.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"upgrade.d.ts","sourceRoot":"","sources":["../../src/cli/upgrade.ts"],"names":[],"mappings":"AA2BA,wBAAsB,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,CAgIhD"}
+{"version":3,"file":"upgrade.d.ts","sourceRoot":"","sources":["../../src/cli/upgrade.ts"],"names":[],"mappings":"AA4BA,wBAAsB,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,CAgIhD"}

package/dist/cli/upgrade.js

@@ -15,6 +15,7 @@ const CONFIG_FILES = [
     'CLAUDE.md',
     'playwright.config.ts',
     'client/index.html',
+    '.vscode/settings.json',
 ];
 // Files stored under a different name in templates (npm strips dotfiles from packages)
 const RENAMED_FILES = [

package/dist/cli/upgrade.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ugly-app",
-  "version": "0.1.41",
+  "version": "0.1.43",
   "type": "module",
   "main": "./dist/server/index.js",
   "exports": {

package/templates/client/pages/AITestPage.tsx

@@ -4,7 +4,6 @@ import {
   Card,
   Input,
   PageLayout,
-  Text,
   callImageGen,
   callTextGen,
 } from 'ugly-app/client';
@@ -12,83 +11,102 @@ import type { ImageGenModel, TextGenModel } from 'ugly-app/shared';
 import { imageGenModels, textGenModels } from 'ugly-app/shared';
 
 type Mode = 'text' | 'image';
+interface LogEntry { ts: number; msg: string; kind: 'info' | 'ok' | 'err' }
+
+function fmt(ms: number): string {
+  return ms < 1000 ? `${ms}ms` : `${(ms / 1000).toFixed(1)}s`;
+}
 
 export default function AITestPage(): React.ReactElement {
   const [mode, setMode] = useState<Mode>('text');
   const [prompt, setPrompt] = useState('');
   const [textModel, setTextModel] = useState<TextGenModel>(textGenModels[0]!);
-  const [imageModel, setImageModel] = useState<ImageGenModel>(
-    imageGenModels[0]!,
-  );
+  const [imageModel, setImageModel] = useState<ImageGenModel>(imageGenModels[0]!);
   const [result, setResult] = useState('');
   const [imageUrl, setImageUrl] = useState('');
   const [loading, setLoading] = useState(false);
-  const [error, setError] = useState('');
+  const [logs, setLogs] = useState<LogEntry[]>([]);
+
+  function addLog(msg: string, kind: LogEntry['kind'] = 'info'): number {
+    const ts = Date.now();
+    setLogs((prev) => [...prev, { ts, msg, kind }]);
+    return ts;
+  }
 
   async function handleRun(): Promise<void> {
     if (!prompt.trim()) return;
     setLoading(true);
-    setError('');
     setResult('');
     setImageUrl('');
+    setLogs([]);
+
+    const started = Date.now();
+    const model = mode === 'text' ? textModel : imageModel;
+    addLog(`Using model: ${model}`);
+    addLog(`Sending ${mode} request…`);
+
     try {
       if (mode === 'text') {
         const text = await callTextGen({
           model: textModel,
           messages: [{ role: 'user', content: prompt }],
         });
+        const elapsed = Date.now() - started;
+        addLog(`Done in ${fmt(elapsed)} — ${text.length} chars`, 'ok');
         setResult(text);
       } else {
         const url = await callImageGen({ model: imageModel, prompt });
+        const elapsed = Date.now() - started;
+        addLog(`Done in ${fmt(elapsed)}`, 'ok');
         setImageUrl(url);
       }
     } catch (err) {
-      setError(err instanceof Error ? err.message : String(err));
+      const msg = err instanceof Error ? err.message : String(err);
+      addLog(msg, 'err');
     } finally {
       setLoading(false);
     }
   }
 
   const model = mode === 'text' ? textModel : imageModel;
-  const models: readonly string[] =
-    mode === 'text' ? textGenModels : imageGenModels;
+  const models: readonly string[] = mode === 'text' ? textGenModels : imageGenModels;
 
   return (
     <PageLayout
       header={
-        <div className="px-6 py-4">
-          <a href="/" className="text-blue-600">
+        <div className="px-6 py-4 border-b border-gray-200 dark:border-gray-800">
+          <a href="/" className="text-sm text-gray-500 hover:text-gray-900 dark:hover:text-gray-100 transition-colors">
             ← Home
           </a>
         </div>
       }
     >
-      <div className="max-w-2xl mx-auto">
-        <Text size="xl" weight="bold">
-          AI Model Test
-        </Text>
-
-        <div className="mt-4 flex gap-2">
-          <Button
-            variant={mode === 'text' ? 'primary' : 'secondary'}
-            onClick={() => setMode('text')}
-          >
-            Text
-          </Button>
-          <Button
-            variant={mode === 'image' ? 'primary' : 'secondary'}
-            onClick={() => setMode('image')}
-          >
-            Image
-          </Button>
+      <div className="max-w-2xl mx-auto px-4 py-6">
+        <h1 className="text-2xl font-bold text-gray-900 dark:text-gray-100 mb-6">AI Test</h1>
+
+        {/* Mode toggle */}
+        <div className="flex gap-1 p-1 bg-gray-100 dark:bg-gray-800 rounded-lg w-fit mb-6">
+          {(['text', 'image'] as Mode[]).map((m) => (
+            <button
+              key={m}
+              onClick={() => setMode(m)}
+              className={`px-4 py-1.5 rounded-md text-sm font-medium transition-colors capitalize ${
+                mode === m
+                  ? 'bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 shadow-sm'
+                  : 'text-gray-500 hover:text-gray-700 dark:hover:text-gray-300'
+              }`}
+            >
+              {m}
+            </button>
+          ))}
         </div>
 
-        <Card className="mt-4">
+        <Card className="mb-4">
           <div className="space-y-4">
             <div>
-              <Text size="sm" weight="medium" className="mb-1">
+              <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
                 Model
-              </Text>
+              </label>
               <select
                 value={model}
                 onChange={(e) =>
@@ -96,12 +114,10 @@ export default function AITestPage(): React.ReactElement {
                     ? setTextModel(e.target.value as TextGenModel)
                     : setImageModel(e.target.value as ImageGenModel)
                 }
-                className="w-full border border-gray-300 dark:border-gray-600 rounded-md px-3 py-2 text-sm bg-white dark:bg-gray-800"
+                className="w-full border border-gray-200 dark:border-gray-700 rounded-lg px-3 py-2 text-sm bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-500"
               >
                 {models.map((m) => (
-                  <option key={m} value={m}>
-                    {m}
-                  </option>
+                  <option key={m} value={m}>{m}</option>
                 ))}
               </select>
             </div>
@@ -110,42 +126,61 @@ export default function AITestPage(): React.ReactElement {
               label="Prompt"
               value={prompt}
               onChange={setPrompt}
-              placeholder={
-                mode === 'text' ? 'Ask something...' : 'Describe an image...'
-              }
+              placeholder={mode === 'text' ? 'Ask something…' : 'Describe an image…'}
             />
 
-            <Button onClick={handleRun} disabled={loading || !prompt.trim()}>
-              {loading ? 'Running...' : 'Run'}
+            <Button
+              onClick={handleRun}
+              disabled={loading || !prompt.trim()}
+              className="w-full"
+            >
+              {loading ? 'Running…' : 'Run'}
             </Button>
           </div>
         </Card>
 
-        {error && (
-          <Card className="mt-4 border-red-300">
-            <Text size="sm" className="text-red-600">
-              {error}
-            </Text>
-          </Card>
+        {/* Log panel — always visible once a run starts */}
+        {logs.length > 0 && (
+          <div className="mb-4 rounded-lg border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900 p-3 font-mono text-xs space-y-1">
+            {logs.map((entry, i) => (
+              <div
+                key={i}
+                className={
+                  entry.kind === 'err'
+                    ? 'text-red-500'
+                    : entry.kind === 'ok'
+                      ? 'text-green-600 dark:text-green-400'
+                      : 'text-gray-500 dark:text-gray-400'
+                }
+              >
+                {entry.kind === 'err' ? '✗' : entry.kind === 'ok' ? '✓' : '·'} {entry.msg}
+              </div>
+            ))}
+            {loading && (
+              <div className="text-blue-500 animate-pulse">· waiting…</div>
+            )}
+          </div>
         )}
 
+        {/* Text result */}
         {result && (
-          <Card className="mt-4">
-            <Text size="sm" weight="medium" className="mb-2">
+          <Card>
+            <p className="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-2">
               Result
-            </Text>
-            <pre className="text-sm whitespace-pre-wrap break-words bg-gray-50 dark:bg-gray-900 p-3 rounded">
+            </p>
+            <pre className="text-sm whitespace-pre-wrap break-words text-gray-800 dark:text-gray-200 leading-relaxed">
               {result}
             </pre>
           </Card>
         )}
 
+        {/* Image result */}
         {imageUrl && (
-          <Card className="mt-4">
-            <Text size="sm" weight="medium" className="mb-2">
+          <Card>
+            <p className="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-2">
               Result
-            </Text>
-            <img src={imageUrl} alt="Generated" className="w-full rounded" />
+            </p>
+            <img src={imageUrl} alt="Generated" className="w-full rounded-lg" />
           </Card>
         )}
       </div>

package/templates/client/pages/AuthDemoPage.tsx

@@ -1,6 +1,27 @@
 import React from 'react';
-import { Button, Card, LoginPopup, PageLayout, Text, useApp } from 'ugly-app/client';
-import { useRouter } from '../router';
+import { Button, Card, PageLayout, Text, useApp } from 'ugly-app/client';
+
+function openLogin(): void {
+  window.open(
+    `https://ugly.bot/oauth?origin=${encodeURIComponent(window.location.origin)}`,
+    'ugly-bot-login',
+    `width=480,height=640,left=${Math.round(window.screenX + (window.outerWidth - 480) / 2)},top=${Math.round(window.screenY + (window.outerHeight - 640) / 2)}`,
+  );
+  function onMessage(event: MessageEvent): void {
+    if (event.origin !== 'https://ugly.bot') return;
+    const data = event.data as { type?: string; code?: string } | null;
+    if (!data || data.type !== 'ugly-bot-oauth' || !data.code) return;
+    window.removeEventListener('message', onMessage);
+    void fetch('/auth/verify', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ code: data.code }),
+    }).then((res) => {
+      if (res.ok) window.location.reload();
+    });
+  }
+  window.addEventListener('message', onMessage);
+}
 
 function AuthDemoAuthenticated(): React.ReactElement {
   const app = useApp();
@@ -13,29 +34,21 @@ function AuthDemoAuthenticated(): React.ReactElement {
   return (
     <PageLayout
       header={
-        <div className="px-6 py-4">
-          <a href="/" className="text-blue-600">
+        <div className="px-6 py-4 border-b border-gray-200 dark:border-gray-800">
+          <a href="/" className="text-sm text-gray-500 hover:text-gray-900 dark:hover:text-gray-100 transition-colors">
             ← Home
           </a>
         </div>
       }
     >
-      <div className="max-w-md mx-auto">
-        <Text size="xl" weight="bold">
-          Auth Demo
-        </Text>
-        <Card className="mt-4">
-          <Text weight="bold">Logged In</Text>
-          <pre className="mt-2 text-sm bg-gray-100 dark:bg-gray-900 p-3 rounded overflow-auto">
-            {JSON.stringify(
-              {
-                userId: app.userId,
-                email: app.user.email,
-                phone: app.user.phone,
-              },
-              null,
-              2,
-            )}
+      <div className="max-w-md mx-auto px-4 py-6">
+        <h1 className="text-2xl font-bold text-gray-900 dark:text-gray-100 mb-4">Auth Demo</h1>
+        <Card>
+          <p className="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-2">
+            Logged in
+          </p>
+          <pre className="text-sm bg-gray-50 dark:bg-gray-900 p-3 rounded-lg overflow-auto text-gray-800 dark:text-gray-200">
+            {JSON.stringify({ userId: app.userId, email: app.user.email, phone: app.user.phone }, null, 2)}
           </pre>
           <Button variant="secondary" onClick={handleLogout} className="mt-4">
             Logout
@@ -47,36 +60,21 @@ function AuthDemoAuthenticated(): React.ReactElement {
 }
 
 function AuthDemoUnauthenticated(): React.ReactElement {
-  const { openPopup } = useRouter();
-
-  function handleLogin(): void {
-    openPopup(
-      <LoginPopup
-        inline
-
-        onSuccess={() => { window.location.reload(); }}
-      />,
-      { mode: 'transient' },
-    );
-  }
-
   return (
     <PageLayout
       header={
-        <div className="px-6 py-4">
-          <a href="/" className="text-blue-600">
+        <div className="px-6 py-4 border-b border-gray-200 dark:border-gray-800">
+          <a href="/" className="text-sm text-gray-500 hover:text-gray-900 dark:hover:text-gray-100 transition-colors">
             ← Home
           </a>
         </div>
       }
     >
-      <div className="max-w-md mx-auto">
-        <Text size="xl" weight="bold">
-          Auth Demo
-        </Text>
-        <Card className="mt-4">
-          <Text>You are not logged in.</Text>
-          <Button onClick={handleLogin} className="mt-4">
+      <div className="max-w-md mx-auto px-4 py-6">
+        <h1 className="text-2xl font-bold text-gray-900 dark:text-gray-100 mb-4">Auth Demo</h1>
+        <Card>
+          <Text className="text-gray-600 dark:text-gray-400">You are not logged in.</Text>
+          <Button onClick={openLogin} className="mt-4">
             Login with ugly.bot
           </Button>
         </Card>
@@ -86,8 +84,7 @@ function AuthDemoUnauthenticated(): React.ReactElement {
 }
 
 export default function AuthDemoPage(): React.ReactElement {
-  const isLoggedIn = !!(window as unknown as { __AUTH_TOKEN__?: string })
-    .__AUTH_TOKEN__;
+  const isLoggedIn = !!(window as unknown as { __AUTH_TOKEN__?: string }).__AUTH_TOKEN__;
   if (isLoggedIn) return <AuthDemoAuthenticated />;
   return <AuthDemoUnauthenticated />;
 }

package/templates/client/pages/HomePage.tsx

@@ -1,6 +1,27 @@
 import React from 'react';
-import { Button, Card, LoginPopup, PageLayout, Text, useApp } from 'ugly-app/client';
-import { useRouter } from '../router';
+import { Button, Card, PageLayout, Text, useApp } from 'ugly-app/client';
+
+function openLogin(): void {
+  window.open(
+    `https://ugly.bot/oauth?origin=${encodeURIComponent(window.location.origin)}`,
+    'ugly-bot-login',
+    `width=480,height=640,left=${Math.round(window.screenX + (window.outerWidth - 480) / 2)},top=${Math.round(window.screenY + (window.outerHeight - 640) / 2)}`,
+  );
+  function onMessage(event: MessageEvent): void {
+    if (event.origin !== 'https://ugly.bot') return;
+    const data = event.data as { type?: string; code?: string } | null;
+    if (!data || data.type !== 'ugly-bot-oauth' || !data.code) return;
+    window.removeEventListener('message', onMessage);
+    void fetch('/auth/verify', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ code: data.code }),
+    }).then((res) => {
+      if (res.ok) window.location.reload();
+    });
+  }
+  window.addEventListener('message', onMessage);
+}
 
 function HomePageAuthenticated(): React.ReactElement {
   const app = useApp();
@@ -13,10 +34,8 @@ function HomePageAuthenticated(): React.ReactElement {
   return (
     <PageLayout
       header={
-        <div className="flex items-center justify-between px-6 py-4">
-          <Text size="lg" weight="bold">
-            My App
-          </Text>
+        <div className="flex items-center justify-between px-6 py-4 border-b border-gray-200 dark:border-gray-800">
+          <span className="text-base font-semibold text-gray-900 dark:text-gray-100">My App</span>
           <Button variant="secondary" onClick={handleLogout}>
             Logout
           </Button>
@@ -29,27 +48,12 @@ function HomePageAuthenticated(): React.ReactElement {
 }
 
 function HomePageUnauthenticated(): React.ReactElement {
-  const { openPopup } = useRouter();
-
-  function handleLogin(): void {
-    openPopup(
-      <LoginPopup
-        inline
-
-        onSuccess={() => { window.location.reload(); }}
-      />,
-      { mode: 'transient' },
-    );
-  }
-
   return (
     <PageLayout
       header={
-        <div className="flex items-center justify-between px-6 py-4">
-          <Text size="lg" weight="bold">
-            My App
-          </Text>
-          <Button variant="primary" onClick={handleLogin}>
+        <div className="flex items-center justify-between px-6 py-4 border-b border-gray-200 dark:border-gray-800">
+          <span className="text-base font-semibold text-gray-900 dark:text-gray-100">My App</span>
+          <Button variant="primary" onClick={openLogin}>
             Login
           </Button>
         </div>
@@ -60,69 +64,42 @@ function HomePageUnauthenticated(): React.ReactElement {
   );
 }
 
-function HomePageBody({
-  userId,
-}: {
-  userId: string | null;
-}): React.ReactElement {
+function HomePageBody({ userId }: { userId: string | null }): React.ReactElement {
   return (
-    <div className="max-w-2xl mx-auto">
-      <Card>
-        <Text size="xl" weight="bold">
-          Welcome
+    <div className="max-w-2xl mx-auto px-4 py-6">
+      <Card className="mb-6">
+        <Text size="xl" weight="bold">Welcome</Text>
+        <Text className="mt-1 text-gray-500 dark:text-gray-400">
+          {userId ? `Logged in as: ${userId}` : 'This app was built with ugly-app.'}
         </Text>
-        {userId ? (
-          <Text className="mt-2 text-gray-600 dark:text-gray-400">
-            Logged in as: {userId}
-          </Text>
-        ) : (
-          <Text className="mt-2 text-gray-600 dark:text-gray-400">
-            This app was built with ugly-app.
-          </Text>
-        )}
       </Card>
 
-      <div className="mt-6 grid gap-4">
-        <a href="/auth-demo" className="block">
-          <Card className="hover:shadow-md transition-shadow cursor-pointer">
-            <Text weight="medium">Auth Demo →</Text>
-            <Text size="sm" className="text-gray-500 mt-1">
-              See login/logout and user info
-            </Text>
-          </Card>
-        </a>
-        <a href="/user/example-user-id" className="block">
-          <Card className="hover:shadow-md transition-shadow cursor-pointer">
-            <Text weight="medium">Path Params Demo →</Text>
-            <Text size="sm" className="text-gray-500 mt-1">
-              URL: /user/:userId
-            </Text>
-          </Card>
-        </a>
-        <a href="/search?q=hello" className="block">
-          <Card className="hover:shadow-md transition-shadow cursor-pointer">
-            <Text weight="medium">Query Params Demo →</Text>
-            <Text size="sm" className="text-gray-500 mt-1">
-              URL: /search?q=...
-            </Text>
-          </Card>
-        </a>
-        <a href="/ai-test" className="block">
-          <Card className="hover:shadow-md transition-shadow cursor-pointer">
-            <Text weight="medium">AI Model Test →</Text>
-            <Text size="sm" className="text-gray-500 mt-1">
-              Test text & image generation models
-            </Text>
-          </Card>
-        </a>
+      <div className="grid gap-3">
+        {[
+          { href: '/auth-demo', label: 'Auth Demo', desc: 'Login, logout, and user info' },
+          { href: '/user/example-user-id', label: 'Path Params Demo', desc: 'URL: /user/:userId' },
+          { href: '/search?q=hello', label: 'Query Params Demo', desc: 'URL: /search?q=...' },
+          { href: '/ai-test', label: 'AI Test', desc: 'Text & image generation models' },
+        ].map(({ href, label, desc }) => (
+          <a key={href} href={href} className="block group">
+            <Card className="transition-shadow group-hover:shadow-md">
+              <div className="flex items-center justify-between">
+                <div>
+                  <Text weight="medium">{label}</Text>
+                  <Text size="sm" className="text-gray-500 mt-0.5">{desc}</Text>
+                </div>
+                <span className="text-gray-400 group-hover:text-gray-600 dark:group-hover:text-gray-300 transition-colors">→</span>
+              </div>
+            </Card>
+          </a>
+        ))}
       </div>
     </div>
   );
 }
 
 export default function HomePage(): React.ReactElement {
-  const isLoggedIn = !!(window as unknown as { __AUTH_TOKEN__?: string })
-    .__AUTH_TOKEN__;
+  const isLoggedIn = !!(window as unknown as { __AUTH_TOKEN__?: string }).__AUTH_TOKEN__;
   if (isLoggedIn) return <HomePageAuthenticated />;
   return <HomePageUnauthenticated />;
 }

package/templates/gitignore

@@ -2,3 +2,4 @@ node_modules/
 dist/
 .DS_Store
 .env
+logs/