bosia 0.6.22 → 0.6.24

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bosia",
-	"version": "0.6.22",
+	"version": "0.6.24",
 	"type": "module",
 	"description": "A fast, batteries-included fullstack framework — SSR · Svelte 5 Runes · Bun · ElysiaJS. File-based routing inspired by SvelteKit. No Node.js, no Vite, no adapters.",
 	"keywords": [

package/src/cli/add.ts

@@ -75,7 +75,7 @@ export async function runAdd(names: string[], flags: string[] = []) {
 
 /**
  * Resolve the full registry path for a component using the index.
- * - "todo"       → "todo"          (exact match in index)
+ * - "<name>"     → "<name>"        (exact match in index)
  * - "button"     → "ui/button"     (suffix match in index)
  * - "shop/cart"  → "shop/cart"     (explicit path used as-is)
  */
@@ -83,7 +83,7 @@ function resolveDestPath(name: string): string {
 	if (name.includes("/")) return name;
 
 	if (registryIndex) {
-		// Exact match (e.g. "todo" → "todo")
+		// Exact match (bare name present in index)
 		if (registryIndex.components.includes(name)) return name;
 		// Suffix match (e.g. "button" → "ui/button")
 		const match = registryIndex.components.find((c) => c.endsWith(`/${name}`));

package/src/cli/block.ts

@@ -30,6 +30,10 @@ interface BlockMeta {
 	npmDeps: Record<string, string>;
 }
 
+// Track already-installed blocks within a session to avoid redundant work
+// when multiple features/blocks declare the same block dependency.
+const installed = new Set<string>();
+
 export async function runAddBlock(
 	name: string | undefined,
 	flags: string[] = [],
@@ -58,6 +62,9 @@ export async function runAddBlock(
 	await initAddRegistry(registryRoot);
 	ensureUtils(resolvedOptions.cwd);
 
+	if (installed.has(name)) return;
+	installed.add(name);
+
 	console.log(`⬡ Installing block: ${name}\n`);
 
 	const meta = await readRegistryJSON<BlockMeta>(registryRoot, "blocks", name, "meta.json");

package/src/cli/create.ts

@@ -14,7 +14,6 @@ const BOSIA_VERSION: string = BOSIA_PKG.version;
 const TEMPLATE_DESCRIPTIONS: Record<string, string> = {
 	default: "Minimal starter with routing and Tailwind",
 	demo: "Full-featured demo with hooks, API routes, form actions, and more",
-	todo: "Todo app with PostgreSQL + Drizzle ORM",
 	shop: "Online store starter with auth, RBAC, S3 uploads, products/orders/cart",
 };
 

package/src/cli/feat.ts

@@ -16,7 +16,7 @@ import { recordFeature, readManifest } from "./manifest.ts";
 // ─── bun x bosia@latest feat <feature> [--local] ─────────
 // Fetches a feature scaffold from the GitHub registry (or local
 // registry with --local) and copies route/lib files, installs npm deps.
-// Supports nested feature dependencies (e.g. todo → drizzle).
+// Supports nested feature dependencies (e.g. shop → auth).
 
 type FileStrategy =
 	| "write" // overwrite (prompt if interactive)

package/src/cli/index.ts

@@ -126,7 +126,7 @@ Commands:
 
 Examples:
   bun x bosia@latest create my-app
-  bun x bosia@latest create my-app --template todo
+  bun x bosia@latest create my-app --template shop
   bun x bosia dev
   bun x bosia build
   bun x bosia start
@@ -137,8 +137,8 @@ Examples:
   bun x bosia@latest add button card input   → install multiple at once
   bun x bosia@latest add -y button card      → auto-confirm overwrites (CI / scripts)
   bun x bosia@latest add shop/cart           → src/lib/components/shop/cart/
-  bun x bosia@latest add block cards/feature-editorial
-  bun x bosia@latest add blocks/cards/feature-editorial   (alias for: add block cards/feature-editorial)
+  bun x bosia@latest add block cards/feature
+  bun x bosia@latest add blocks/cards/feature   (alias for: add block cards/feature)
   bun x bosia@latest add theme editorial
   bun x bosia@latest add font "Fredoka" "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;700&display=swap"
   bun x bosia@latest feat login

package/src/core/dev.ts

@@ -42,7 +42,27 @@ const BACKOFF_SCHEDULE_MS = [500, 1_000, 2_000, 4_000, 5_000];
 
 // ─── SSE Broadcast ────────────────────────────────────────
 
+// Reload-hold control (driven by titoko via /__bosia/hold + /__bosia/resume).
+// While held, rebuilds keep happening (latest code stays ready) but the reload
+// broadcast is suppressed; on resume a single reload is flushed if any rebuild
+// fired meanwhile. Defaults to off, so a plain `bosia dev` developer never sees
+// any behaviour change.
+let reloadHeld = false;
+let reloadQueuedWhileHeld = false;
+let holdSafetyTimer: ReturnType<typeof setTimeout> | null = null;
+// Safety net for a *dead* orchestrator only — NOT a task duration cap. While an
+// agent run is healthy the orchestrator heartbeats `/__bosia/hold` (re-arming
+// this timer), so it never fires mid-task no matter how long the task runs. It
+// fires only if the heartbeats stop (titoko crash, network partition), so a
+// missed resume can't freeze the preview forever. Must comfortably exceed the
+// heartbeat interval so one dropped ping doesn't trip it.
+const HOLD_SAFETY_MS = 90_000;
+
 function broadcastReload() {
+	if (reloadHeld) {
+		reloadQueuedWhileHeld = true;
+		return;
+	}
 	const msg = new TextEncoder().encode("event: reload\ndata: ok\n\n");
 	for (const ctrl of sseClients) {
 		try {
@@ -56,6 +76,41 @@ function broadcastReload() {
 	}
 }
 
+// 503 body served while the inner app server is mid-restart (rebuild after an
+// edit). Must be HTML carrying the SAME SSE reload client as the dev-500 page —
+// the bare text/plain version had no live `/__bosia/sse` connection, so once an
+// iframe landed here (e.g. a reload racing into a rebuild window) it stayed stuck
+// until a manual reload. With the client, the next `broadcastReload()` once the
+// app binds reloads this page automatically. Keep the literal phrase
+// "App server is starting" in the body: titoko's proxy retry matches on it.
+const STARTING_PAGE = `<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Starting…</title>
+  <style>
+    html,body{margin:0;padding:0;height:100%;background:#0a0a0a;color:#e5e5e5;font:14px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif}
+    .wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
+    .dot{display:inline-block;width:10px;height:10px;background:#16a34a;border-radius:50%;margin-right:8px;vertical-align:middle;animation:p 1.4s ease-in-out infinite}
+    @keyframes p{0%,100%{opacity:1}50%{opacity:.3}}
+    h1{font-size:16px;font-weight:600;margin:0}
+  </style>
+</head>
+<body>
+  <div class="wrap"><h1><span class="dot"></span>App server is starting…</h1></div>
+  <script>
+    !function r(){
+      try{
+        var e=new EventSource("/__bosia/sse");
+        e.addEventListener("reload",function(){location.reload()});
+        e.onerror=function(){e.close();setTimeout(r,2000)};
+      }catch(_){setTimeout(r,2000)}
+    }();
+  </script>
+</body>
+</html>`;
+
 // ─── Build ────────────────────────────────────────────────
 
 const BUILD_SCRIPT = join(import.meta.dir, "build.ts");
@@ -235,6 +290,47 @@ const devServer = Bun.serve({
 			);
 		}
 
+		// Reload-hold control — host orchestrator (titoko) brackets an AI agent run
+		// so the preview reloads once when the agent finishes, not once per file
+		// edit. Both routes are idempotent and return small JSON.
+		//
+		// POST /__bosia/hold doubles as the heartbeat: the FIRST hold opens a fresh
+		// window (clears any stale queued reload); subsequent holds only re-arm the
+		// safety timer and MUST preserve `reloadQueuedWhileHeld`, or a heartbeat
+		// landing after a suppressed rebuild would drop the pending reload and
+		// resume would flush nothing.
+		if (url.pathname === "/__bosia/hold" && req.method === "POST") {
+			if (!reloadHeld) {
+				reloadHeld = true;
+				reloadQueuedWhileHeld = false;
+			}
+			if (holdSafetyTimer) clearTimeout(holdSafetyTimer);
+			holdSafetyTimer = setTimeout(() => {
+				holdSafetyTimer = null;
+				if (!reloadHeld) return;
+				console.warn("⏱️  Reload hold safety timeout — auto-resuming");
+				reloadHeld = false;
+				if (reloadQueuedWhileHeld) {
+					reloadQueuedWhileHeld = false;
+					broadcastReload();
+				}
+			}, HOLD_SAFETY_MS);
+			holdSafetyTimer.unref?.();
+			return Response.json({ ok: true, held: true });
+		}
+
+		if (url.pathname === "/__bosia/resume" && req.method === "POST") {
+			if (holdSafetyTimer) {
+				clearTimeout(holdSafetyTimer);
+				holdSafetyTimer = null;
+			}
+			reloadHeld = false;
+			const flushed = reloadQueuedWhileHeld;
+			reloadQueuedWhileHeld = false;
+			if (flushed) broadcastReload();
+			return Response.json({ ok: true, held: false, flushed });
+		}
+
 		// Proxy everything else to the app server. Inject X-Forwarded-Host/Proto so
 		// the app's CSRF origin check (gated behind TRUST_PROXY=true, also set in the
 		// app env above) reconstructs the public-facing origin from the dev proxy
@@ -283,9 +379,9 @@ const devServer = Bun.serve({
 					await Bun.sleep(250);
 					continue;
 				}
-				return new Response("App server is starting...", {
+				return new Response(STARTING_PAGE, {
 					status: 503,
-					headers: { "Content-Type": "text/plain", "Retry-After": "1" },
+					headers: { "Content-Type": "text/html; charset=utf-8", "Retry-After": "1" },
 				});
 			}
 		}

package/src/core/html.ts

@@ -19,6 +19,12 @@ export const distManifest: { js: string[]; css: string[]; entry: string } = (()
 export const isDev = process.env.NODE_ENV !== "production";
 const cacheBust = isDev ? `?v=${Date.now()}` : "";
 
+/** Inline theme bootstrap — runs before paint to avoid FOUC. theme ∈ light|dark|system (missing = system). */
+const THEME_INIT_JS =
+	"try{var t=localStorage.getItem('theme');" +
+	"document.documentElement.classList.toggle('dark'," +
+	"t==='dark'||((t===null||t==='system')&&window.matchMedia('(prefers-color-scheme: dark)').matches))}catch(_){}";
+
 // ─── Safe JSON Serialization ──────────────────────────────
 
 /** Escapes JSON for safe embedding inside <script> tags. Prevents XSS via </script> injection. */
@@ -156,7 +162,7 @@ export function buildHtml(
 			headOpenInterpolated +
 			`\n  ${faviconLine}${cssLinks}\n` +
 			`  <link rel="stylesheet" href="/bosia-tw.css${cacheBust}">\n` +
-			`  <script${n}>try{var t=localStorage.getItem('theme');if(t==='dark'||(!t&&window.matchMedia('(prefers-color-scheme: dark)').matches))document.documentElement.classList.add('dark');else document.documentElement.classList.remove('dark')}catch(_){}</script>\n` +
+			`  <script${n}>${THEME_INIT_JS}</script>\n` +
 			`  ${fallbackTitle}${head}` +
 			headCloseInterpolated +
 			(body ? "" : `\n${SPINNER}`) +
@@ -175,7 +181,7 @@ export function buildHtml(
   ${head}
   ${cssLinks}
   <link rel="stylesheet" href="/bosia-tw.css${cacheBust}">
-  <script${n}>try{var t=localStorage.getItem('theme');if(t==='dark'||(!t&&window.matchMedia('(prefers-color-scheme: dark)').matches))document.documentElement.classList.add('dark');else document.documentElement.classList.remove('dark')}catch(_){}</script>
+  <script${n}>${THEME_INIT_JS}</script>
 </head>
 <body>
   <div id="app">${body}</div>${scripts}${bodyEnd}
@@ -208,7 +214,7 @@ export function buildHtmlShellOpen(
 			headOpenInterpolated +
 			`\n  ${faviconLine}${cssLinks}\n` +
 			`  <link rel="stylesheet" href="/bosia-tw.css${cacheBust}">\n` +
-			`  <script${n}>try{var t=localStorage.getItem('theme');if(t==='dark'||(!t&&window.matchMedia('(prefers-color-scheme: dark)').matches))document.documentElement.classList.add('dark');else document.documentElement.classList.remove('dark')}catch(_){}</script>\n` +
+			`  <script${n}>${THEME_INIT_JS}</script>\n` +
 			`  <link rel="modulepreload" href="/dist/client/${distManifest.entry}${cacheBust}">`
 		);
 	}
@@ -220,7 +226,7 @@ export function buildHtmlShellOpen(
 		`  <link rel="icon" type="image/svg+xml" href="/favicon.svg">\n` +
 		`  ${cssLinks}\n` +
 		`  <link rel="stylesheet" href="/bosia-tw.css${cacheBust}">\n` +
-		`  <script${n}>try{var t=localStorage.getItem('theme');if(t==='dark'||(!t&&window.matchMedia('(prefers-color-scheme: dark)').matches))document.documentElement.classList.add('dark');else document.documentElement.classList.remove('dark')}catch(_){}</script>\n` +
+		`  <script${n}>${THEME_INIT_JS}</script>\n` +
 		`  <link rel="modulepreload" href="/dist/client/${distManifest.entry}${cacheBust}">`
 	);
 }

package/src/core/server.ts

@@ -366,7 +366,7 @@ async function resolve(event: RequestEvent): Promise<Response> {
 				}
 			}
 
-			const response = await handler({
+			const handlerResult = await handler({
 				request,
 				params: apiMatch.params,
 				url,
@@ -374,6 +374,15 @@ async function resolve(event: RequestEvent): Promise<Response> {
 				cookies,
 			});
 
+			// Redirect returned (not thrown) — convert to a 303 Response.
+			if (handlerResult instanceof Redirect) {
+				return new Response(null, {
+					status: handlerResult.status,
+					headers: { Location: handlerResult.location },
+				});
+			}
+
+			const response = handlerResult as Response;
 			const responseContentType = response.headers.get("content-type") ?? "";
 			// SSE responses are long-lived pub/sub streams — caching the buffered
 			// bytes would serve a stale finite snapshot to future subscribers and
@@ -423,6 +432,17 @@ async function resolve(event: RequestEvent): Promise<Response> {
 
 			return response;
 		} catch (err) {
+			// `throw redirect(303, "/")` from a +server.ts handler — turn it into
+			// a real 303 instead of a 500. Mirrors the page-action handler below.
+			if (err instanceof Redirect) {
+				return new Response(null, {
+					status: err.status,
+					headers: { Location: err.location },
+				});
+			}
+			if (err instanceof HttpError) {
+				return Response.json({ error: err.message }, { status: err.status });
+			}
 			if (isDev) console.error("API route error:", err);
 			else console.error("API route error:", (err as Error).message ?? err);
 			if (isDev) reportDevErrorFromCatch(err);

package/templates/default/package.json

@@ -12,7 +12,7 @@
 	},
 	"dependencies": {
 		"bosia": "^{{BOSIA_VERSION}}",
-		"svelte": "^5.20.0",
+		"svelte": "^5.56.3",
 		"tailwind-merge": "^3.5.0"
 	},
 	"devDependencies": {

package/templates/default/src/app.css

@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @source "../src";
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 /*
  * ─── shadcn-inspired Design Tokens ──────────────────────
  * CSS custom properties for light & dark themes.

package/templates/demo/package.json

@@ -12,7 +12,7 @@
 	},
 	"dependencies": {
 		"bosia": "^{{BOSIA_VERSION}}",
-		"svelte": "^5.20.0",
+		"svelte": "^5.56.3",
 		"tailwind-merge": "^3.5.0"
 	},
 	"devDependencies": {

package/templates/demo/src/app.css

@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @source "../src";
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 /*
  * ─── shadcn-inspired Design Tokens ──────────────────────
  * CSS custom properties for light & dark themes.

package/templates/shop/package.json

@@ -12,10 +12,9 @@
 	},
 	"dependencies": {
 		"bosia": "^{{BOSIA_VERSION}}",
-		"svelte": "^5.20.0",
+		"svelte": "^5.56.3",
 		"tailwind-merge": "^3.5.0",
-		"drizzle-orm": "^0.44.0",
-		"postgres": "^3.4.0"
+		"drizzle-orm": "^0.44.0"
 	},
 	"devDependencies": {
 		"@types/bun": "latest",

package/templates/shop/src/app.css

@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @source "../src";
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 /*
  * ─── shadcn-inspired Design Tokens ──────────────────────
  * CSS custom properties for light & dark themes.

package/templates/shop/src/routes/(private)/+layout.svelte

@@ -1,14 +1,44 @@
 <script lang="ts">
 	import { page } from "bosia/client";
 	import AdminSidebar from "$lib/components/AdminSidebar.svelte";
+	import {
+		Breadcrumb,
+		BreadcrumbList,
+		BreadcrumbItem,
+		BreadcrumbLink,
+		BreadcrumbPage,
+		BreadcrumbSeparator,
+	} from "$lib/components/ui/breadcrumb";
 
 	let { data, children }: { data: { user: { id: string; email: string } }; children: any } =
 		$props();
+
+	const segments = $derived(page.url.pathname.split("/").filter(Boolean));
+	const label = (s: string) => s[0].toUpperCase() + s.slice(1);
+	const hrefAt = (i: number) => "/" + segments.slice(0, i + 1).join("/");
 </script>
 
 <div class="flex min-h-screen">
 	<AdminSidebar currentPath={page.url.pathname} user={data.user} />
 	<main class="flex-1 overflow-x-hidden p-6">
+		{#if segments.length > 0}
+			<Breadcrumb class="mb-4">
+				<BreadcrumbList>
+					{#each segments as segment, i}
+						<BreadcrumbItem>
+							{#if i === segments.length - 1}
+								<BreadcrumbPage>{label(segment)}</BreadcrumbPage>
+							{:else}
+								<BreadcrumbLink href={hrefAt(i)}>{label(segment)}</BreadcrumbLink>
+							{/if}
+						</BreadcrumbItem>
+						{#if i < segments.length - 1}
+							<BreadcrumbSeparator />
+						{/if}
+					{/each}
+				</BreadcrumbList>
+			</Breadcrumb>
+		{/if}
 		{@render children()}
 	</main>
 </div>

package/templates/shop/src/routes/(public)/+page.svelte

@@ -1,3 +1,11 @@
+<svelte:head>
+	<title>Welcome to your shop</title>
+	<meta
+		name="description"
+		content="A Bosia shop starter — auth, RBAC, S3 uploads, products & cart."
+	/>
+</svelte:head>
+
 <main class="flex min-h-[80vh] flex-col items-center justify-center gap-6 p-8">
 	<div class="flex flex-col items-center gap-3 text-center">
 		<img src="/favicon.svg" alt="" class="size-16" />

package/templates/todo/.env.example

@@ -1,2 +0,0 @@
-# Database
-DATABASE_URL=postgresql://postgres:postgres@localhost:5432/{{PROJECT_NAME}}

package/templates/todo/.prettierignore

@@ -1,7 +0,0 @@
-node_modules
-dist
-build
-.bosia
-bun.lock
-public/bosia-tw.css
-bosia.json

package/templates/todo/.prettierrc.json

@@ -1,9 +0,0 @@
-{
-	"useTabs": true,
-	"tabWidth": 2,
-	"singleQuote": false,
-	"trailingComma": "all",
-	"printWidth": 100,
-	"plugins": ["prettier-plugin-svelte"],
-	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
-}

package/templates/todo/README.md

@@ -1,69 +0,0 @@
-# {{PROJECT_NAME}}
-
-A fullstack app built with [Bosia](https://github.com/bosapi/bosia) + Drizzle ORM + PostgreSQL.
-
-## Prerequisites
-
-- [Bun](https://bun.sh/) v1.1+
-- [PostgreSQL](https://www.postgresql.org/) running locally or remotely
-
-## Getting Started
-
-```bash
-# Copy env and set your DATABASE_URL
-cp .env.example .env
-
-# Push schema to database
-bun run db:push
-
-# Seed initial data
-bun run db:seed
-
-# Start dev server
-bun x bosia dev
-```
-
-Visit [http://localhost:9000](http://localhost:9000) to see the app.
-
-## Scripts
-
-| Command               | Description                            |
-| --------------------- | -------------------------------------- |
-| `bun x bosia dev`     | Start dev server with HMR              |
-| `bun x bosia build`   | Production build                       |
-| `bun x bosia start`   | Start production server                |
-| `bun run db:generate` | Generate migration from schema changes |
-| `bun run db:migrate`  | Apply pending migrations               |
-| `bun run db:push`     | Push schema directly (dev shortcut)    |
-| `bun run db:studio`   | Open Drizzle Studio GUI                |
-| `bun run db:seed`     | Run pending seed files                 |
-
-## Project Structure
-
-```
-src/
-├── features/
-│   ├── drizzle/          # DB infrastructure
-│   │   ├── index.ts      # Connection singleton
-│   │   ├── schemas.ts    # Schema aggregator
-│   │   ├── migrations/   # Drizzle Kit output
-│   │   └── seeds/        # Seed files + runner
-│   └── todo/             # Business feature
-│       ├── schemas/      # Table definitions
-│       ├── queries.ts    # Typed CRUD
-│       └── types.ts      # Inferred types
-├── lib/components/todo/  # UI components
-└── routes/
-    ├── todos/            # CRUD page with form actions
-    └── api/todos/        # REST API
-```
-
-## Adding Features
-
-```bash
-# Add DB support to any Bosia app
-bosia feat drizzle
-
-# Add the todo feature (requires drizzle)
-bosia feat todo
-```

package/templates/todo/_gitignore

@@ -1,12 +0,0 @@
-node_modules/
-dist/
-.bosia/
-.DS_Store
-*.log
-
-# Generated Tailwind output
-public/bosia-tw.css
-
-# Local env overrides — never commit secrets
-.env*.local
-.env

package/templates/todo/bosia.config.ts

@@ -1,10 +0,0 @@
-import { defineConfig } from "bosia";
-import { inspector } from "bosia/plugins/inspector";
-
-export default defineConfig({
-	plugins: [
-		// Dev-only: Alt+click any element on the page to open its source in your editor.
-		// Change `editor` to "cursor" or "zed" if you don't use VS Code.
-		inspector({ editor: "code" }),
-	],
-});

package/templates/todo/instructions.txt

@@ -1,3 +0,0 @@
-Update .env with your DATABASE_URL
-bun run db:generate
-bun run db:migrate

package/templates/todo/package.json

@@ -1,24 +0,0 @@
-{
-	"name": "{{PROJECT_NAME}}",
-	"private": true,
-	"type": "module",
-	"scripts": {
-		"dev": "bosia dev",
-		"build": "bosia build",
-		"start": "bosia start",
-		"check": "tsc --noEmit && prettier --check .",
-		"format": "prettier --write .",
-		"format:check": "prettier --check ."
-	},
-	"dependencies": {
-		"bosia": "^{{BOSIA_VERSION}}",
-		"svelte": "^5.20.0",
-		"tailwind-merge": "^3.5.0"
-	},
-	"devDependencies": {
-		"@types/bun": "latest",
-		"prettier": "^3.3.0",
-		"prettier-plugin-svelte": "^3.2.0",
-		"typescript": "^5"
-	}
-}

package/templates/todo/public/favicon.svg

@@ -1,14 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
-  <!-- Top block -->
-  <rect fill="currentColor" x="50" y="50" width="28" height="28" rx="6"/>
-  <rect fill="currentColor" x="86" y="50" width="60" height="28" rx="6"/>
-
-  <!-- Middle block -->
-  <rect fill="currentColor" x="86" y="86" width="72" height="28" rx="6"/>
-
-  <!-- Bottom block -->
-  <rect fill="currentColor" x="86" y="122" width="60" height="28" rx="6"/>
-
-  <!-- Connector bar on left -->
-  <rect fill="currentColor" x="50" y="50" width="28" height="100" rx="6"/>
-</svg>

package/templates/todo/public/logo-dark.svg

@@ -1,14 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
-  <!-- Top block -->
-  <rect fill="#f0f0f0" x="50" y="50" width="28" height="28" rx="6"/>
-  <rect fill="#f0f0f0" x="86" y="50" width="60" height="28" rx="6"/>
-
-  <!-- Middle block -->
-  <rect fill="#f0f0f0" x="86" y="86" width="72" height="28" rx="6"/>
-
-  <!-- Bottom block -->
-  <rect fill="#f0f0f0" x="86" y="122" width="60" height="28" rx="6"/>
-
-  <!-- Connector bar on left -->
-  <rect fill="#f0f0f0" x="50" y="50" width="28" height="100" rx="6"/>
-</svg>

package/templates/todo/public/logo-light.svg

@@ -1,14 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
-  <!-- Top block -->
-  <rect fill="#1a1a1a" x="50" y="50" width="28" height="28" rx="6"/>
-  <rect fill="#1a1a1a" x="86" y="50" width="60" height="28" rx="6"/>
-
-  <!-- Middle block -->
-  <rect fill="#1a1a1a" x="86" y="86" width="72" height="28" rx="6"/>
-
-  <!-- Bottom block -->
-  <rect fill="#1a1a1a" x="86" y="122" width="60" height="28" rx="6"/>
-
-  <!-- Connector bar on left -->
-  <rect fill="#1a1a1a" x="50" y="50" width="28" height="100" rx="6"/>
-</svg>

package/templates/todo/src/app.css

@@ -1,132 +0,0 @@
-@import "tailwindcss";
-@source "../src";
-
-/*
- * ─── shadcn-inspired Design Tokens ──────────────────────
- * CSS custom properties for light & dark themes.
- * Uses HSL values so Tailwind can apply opacity modifiers.
- */
-
-@theme {
-	--color-background: hsl(var(--background));
-	--color-foreground: hsl(var(--foreground));
-
-	--color-card: hsl(var(--card));
-	--color-card-foreground: hsl(var(--card-foreground));
-
-	--color-popover: hsl(var(--popover));
-	--color-popover-foreground: hsl(var(--popover-foreground));
-
-	--color-primary: hsl(var(--primary));
-	--color-primary-foreground: hsl(var(--primary-foreground));
-
-	--color-secondary: hsl(var(--secondary));
-	--color-secondary-foreground: hsl(var(--secondary-foreground));
-
-	--color-muted: hsl(var(--muted));
-	--color-muted-foreground: hsl(var(--muted-foreground));
-
-	--color-accent: hsl(var(--accent));
-	--color-accent-foreground: hsl(var(--accent-foreground));
-
-	--color-destructive: hsl(var(--destructive));
-	--color-destructive-foreground: hsl(var(--destructive-foreground));
-
-	--color-border: hsl(var(--border));
-	--color-input: hsl(var(--input));
-	--color-ring: hsl(var(--ring));
-
-	--radius-sm: calc(var(--radius) - 4px);
-	--radius-md: calc(var(--radius) - 2px);
-	--radius-lg: var(--radius);
-	--radius-xl: calc(var(--radius) + 4px);
-}
-
-/* ─── Light Theme (Default) ─────────────────────────────── */
-
-:root {
-	--background: 0 0% 100%;
-	--foreground: 222.2 84% 4.9%;
-
-	--card: 0 0% 100%;
-	--card-foreground: 222.2 84% 4.9%;
-
-	--popover: 0 0% 100%;
-	--popover-foreground: 222.2 84% 4.9%;
-
-	--primary: 222.2 47.4% 11.2%;
-	--primary-foreground: 210 40% 98%;
-
-	--secondary: 210 40% 96.1%;
-	--secondary-foreground: 222.2 47.4% 11.2%;
-
-	--muted: 210 40% 96.1%;
-	--muted-foreground: 215.4 16.3% 46.9%;
-
-	--accent: 210 40% 96.1%;
-	--accent-foreground: 222.2 47.4% 11.2%;
-
-	--destructive: 0 84.2% 60.2%;
-	--destructive-foreground: 210 40% 98%;
-
-	--border: 214.3 31.8% 91.4%;
-	--input: 214.3 31.8% 91.4%;
-	--ring: 222.2 84% 4.9%;
-
-	--radius: 0.5rem;
-}
-
-/* ─── Dark Theme ─────────────────────────────────────────── */
-
-.dark {
-	--background: 222.2 84% 4.9%;
-	--foreground: 210 40% 98%;
-
-	--card: 222.2 84% 4.9%;
-	--card-foreground: 210 40% 98%;
-
-	--popover: 222.2 84% 4.9%;
-	--popover-foreground: 210 40% 98%;
-
-	--primary: 210 40% 98%;
-	--primary-foreground: 222.2 47.4% 11.2%;
-
-	--secondary: 217.2 32.6% 17.5%;
-	--secondary-foreground: 210 40% 98%;
-
-	--muted: 217.2 32.6% 17.5%;
-	--muted-foreground: 215 20.2% 65.1%;
-
-	--accent: 217.2 32.6% 17.5%;
-	--accent-foreground: 210 40% 98%;
-
-	--destructive: 0 62.8% 30.6%;
-	--destructive-foreground: 210 40% 98%;
-
-	--border: 217.2 32.6% 17.5%;
-	--input: 217.2 32.6% 17.5%;
-	--ring: 212.7 26.8% 83.9%;
-}
-
-/* ─── Base Styles ────────────────────────────────────────── */
-
-@layer base {
-	* {
-		border-color: theme(--color-border);
-	}
-
-	body {
-		background-color: theme(--color-background);
-		color: theme(--color-foreground);
-		font-family:
-			"Inter",
-			system-ui,
-			-apple-system,
-			BlinkMacSystemFont,
-			"Segoe UI",
-			Roboto,
-			"Helvetica Neue",
-			Arial,
-			sans-serif;
-	}
-}

package/templates/todo/src/app.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="svelte" />
-
-declare module "*.svelte" {
-	import type { Component } from "svelte";
-	const component: Component<Record<string, any>, Record<string, any>, any>;
-	export default component;
-}
-
-declare namespace App {
-	interface Locals {
-		db: import("./features/drizzle").Database;
-		requestTime: number;
-	}
-}

package/templates/todo/src/app.html

@@ -1,11 +0,0 @@
-<!doctype html>
-<html lang="%bosia.lang%">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		%bosia.head%
-	</head>
-	<body>
-		%bosia.body%
-	</body>
-</html>

package/templates/todo/src/hooks.server.ts

@@ -1,20 +0,0 @@
-import { sequence } from "bosia";
-import type { Handle } from "bosia";
-import { db } from "./features/drizzle";
-
-const dbHandle: Handle = async ({ event, resolve }) => {
-	event.locals.db = db;
-	return resolve(event);
-};
-
-const loggingHandle: Handle = async ({ event, resolve }) => {
-	const start = Date.now();
-	event.locals.requestTime = start;
-	const res = await resolve(event);
-	const ms = Date.now() - start;
-	console.log(`[${event.request.method}] ${event.url.pathname} ${res.status} (${ms}ms)`);
-	res.headers.set("X-Response-Time", `${ms}ms`);
-	return res;
-};
-
-export const handle = sequence(dbHandle, loggingHandle);

package/templates/todo/src/lib/utils.ts

@@ -1 +0,0 @@
-export { cn } from "bosia";

package/templates/todo/src/routes/(public)/+page.svelte

@@ -1,53 +0,0 @@
-<script lang="ts">
-	import type { LayoutData } from "./$types";
-	let { data }: { data: LayoutData } = $props();
-</script>
-
-<svelte:head>
-	<title>{data.appName}</title>
-</svelte:head>
-
-<div class="flex min-h-screen flex-col bg-background text-foreground">
-	<div class="flex flex-1 flex-col items-center justify-center gap-8 px-4">
-		<div class="text-center">
-			<img src="/favicon.svg" alt="" class="mx-auto mb-6 size-16" />
-			<h1 class="text-4xl font-bold tracking-tight">{data.appName}</h1>
-			<p class="mt-2 text-lg text-muted-foreground">
-				Fullstack app powered by Bosia + Drizzle ORM + PostgreSQL
-			</p>
-		</div>
-
-		<div class="flex gap-4">
-			<a
-				href="/todos"
-				class="inline-flex items-center justify-center rounded-md bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors"
-			>
-				Todo App
-			</a>
-			<a
-				href="/api/todos"
-				target="_blank"
-				class="inline-flex items-center justify-center rounded-md border border-input bg-background px-6 py-3 text-sm font-medium hover:bg-accent hover:text-accent-foreground transition-colors"
-			>
-				REST API
-			</a>
-		</div>
-
-		<div class="mt-8 grid max-w-2xl grid-cols-1 gap-4 sm:grid-cols-3">
-			<div class="rounded-lg border border-border p-4 text-center">
-				<p class="text-sm font-medium">Bosia</p>
-				<p class="mt-1 text-xs text-muted-foreground">Bun + Svelte 5 + Elysia</p>
-			</div>
-			<div class="rounded-lg border border-border p-4 text-center">
-				<p class="text-sm font-medium">Drizzle ORM</p>
-				<p class="mt-1 text-xs text-muted-foreground">Type-safe SQL queries</p>
-			</div>
-			<div class="rounded-lg border border-border p-4 text-center">
-				<p class="text-sm font-medium">PostgreSQL</p>
-				<p class="mt-1 text-xs text-muted-foreground">Production-ready database</p>
-			</div>
-		</div>
-	</div>
-
-	<footer class="border-t py-4 text-center text-sm text-muted-foreground">Powered by Bosia</footer>
-</div>

package/templates/todo/src/routes/+error.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-	import type { ErrorProps } from "./$types";
-	let { error }: ErrorProps = $props();
-</script>
-
-<svelte:head>
-	<title>{error.status} — {error.message}</title>
-</svelte:head>
-
-<div class="min-h-screen flex flex-col items-center justify-center gap-4 text-center px-4">
-	<p class="text-8xl font-bold text-gray-200">{error.status}</p>
-	<p class="text-2xl font-semibold text-gray-700">{error.message}</p>
-	<a
-		href="/"
-		class="mt-4 px-5 py-2 rounded-lg bg-gray-900 text-white text-sm hover:bg-gray-700 transition-colors"
-	>
-		Go home
-	</a>
-</div>

package/templates/todo/src/routes/+layout.server.ts

@@ -1,8 +0,0 @@
-import type { LoadEvent } from "bosia";
-
-export async function load({ locals }: LoadEvent) {
-	return {
-		appName: "Bosia Todo",
-		requestTime: (locals.requestTime as number | null) ?? null,
-	};
-}

package/templates/todo/src/routes/+layout.svelte

@@ -1,6 +0,0 @@
-<script lang="ts">
-	import "../app.css";
-	let { children }: { children: any } = $props();
-</script>
-
-{@render children()}

package/templates/todo/template.json

@@ -1,6 +0,0 @@
-{
-	"features": ["todo"],
-	"featureOptions": {
-		"drizzle.dialect": "postgres"
-	}
-}

package/templates/todo/tsconfig.json

@@ -1,22 +0,0 @@
-{
-	"compilerOptions": {
-		"target": "ESNext",
-		"module": "ESNext",
-		"moduleResolution": "bundler",
-		"strict": true,
-		"allowJs": true,
-		"skipLibCheck": true,
-		"allowImportingTsExtensions": true,
-		"noEmit": true,
-		"verbatimModuleSyntax": true,
-		"types": ["bun-types"],
-		"lib": ["dom", "dom.iterable", "esnext"],
-		"rootDirs": [".", ".bosia/types"],
-		"paths": {
-			"$lib": ["./src/lib"],
-			"$lib/*": ["./src/lib/*"]
-		}
-	},
-	"include": ["src/**/*"],
-	"exclude": ["node_modules", "dist"]
-}