admindb 1.0.1 → 1.0.3

package/dist/views/pages/databases.hbs

@@ -1,102 +1,102 @@
-<div class="space-y-6">
-  <!-- Header -->
-  <div>
-    <p class="text-sm font-semibold uppercase tracking-wider text-primary">Manager</p>
-    <h1 class="mt-1 text-3xl font-extrabold tracking-tight">Databases</h1>
-    <p class="mt-1.5 text-sm text-base-content/55">Open a database to browse and edit it, or create a new one.</p>
-  </div>
-
-  <!-- New database -->
-  <div class="app-card p-5">
-    <div class="flex flex-wrap items-end gap-3">
-      <div class="w-full max-w-sm">
-        <label class="field-label" for="new-db-name">New database name</label>
-        <input id="new-db-name" class="field-input font-mono" placeholder="e.g. analytics" autocomplete="off" spellcheck="false" />
-      </div>
-      {{#unless readonly}}
-        <button id="create-db" type="button" class="btn btn-primary btn-sm mb-0.5 gap-1.5">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4" /></svg>
-          Create
-        </button>
-      {{else}}
-        <span class="mb-1 text-sm font-medium text-warning">Read-only — creating databases is disabled.</span>
-      {{/unless}}
-    </div>
-    <p class="mt-2 text-xs text-base-content/40">
-      New databases are created in <code class="font-mono">{{dbDir}}</code>. Files already there are picked up
-      automatically, and any explicitly configured database paths appear here too.
-    </p>
-  </div>
-
-  <!-- List -->
-  <div>
-    <div class="mb-3 flex items-center justify-between">
-      <h2 class="text-lg font-bold">Available databases</h2>
-      <span class="text-sm text-base-content/45">{{databases.length}} total</span>
-    </div>
-
-    {{#if databases.length}}
-      <div class="app-card overflow-hidden">
-        <div class="overflow-x-auto">
-          <table class="table table-sm">
-            <thead>
-              <tr class="bg-base-200/70 text-xs uppercase tracking-wide text-base-content/50">
-                <th class="font-semibold">Name</th>
-                <th class="text-right font-semibold">Tables</th>
-                <th class="text-right font-semibold">Size</th>
-                <th class="font-semibold">Modified</th>
-                <th class="text-right font-semibold">Actions</th>
-              </tr>
-            </thead>
-            <tbody>
-              {{#each databases}}
-                <tr class="group hover:bg-primary/[0.04]">
-                  <td>
-                    <a href="{{../basePath}}/{{this.id}}" class="inline-flex items-center gap-2.5">
-                      <span class="grid h-8 w-8 shrink-0 place-items-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary/20">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 7v10c0 1.1.9 2 2 2h12a2 2 0 002-2V7M4 7c0-1.1.9-2 2-2h12a2 2 0 012 2M4 7c0 1.1.9 2 2 2h12a2 2 0 002-2" /></svg>
-                      </span>
-                      <span class="min-w-0">
-                        <span class="block truncate font-mono text-[13.5px] font-semibold">{{this.name}}</span>
-                        <span class="block max-w-[220px] truncate text-[11px] text-base-content/40" title="{{this.path}}">{{this.path}}</span>
-                      </span>
-                    </a>
-                  </td>
-                  <td class="text-right tabular-nums text-base-content/60">{{this.tables}}</td>
-                  <td class="text-right tabular-nums text-base-content/60">{{this.sizeLabel}}</td>
-                  <td class="text-[13px] text-base-content/55">{{this.modifiedLabel}}</td>
-                  <td class="whitespace-nowrap text-right">
-                      <div class="row-actions">
-                        <a href="{{../basePath}}/{{this.id}}" class="btn btn-ghost btn-xs gap-1 text-base-content/70 hover:text-primary">
-                          <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /></svg>
-                          Open
-                        </a>
-                        {{#unless ../readonly}}
-                          <button type="button" class="btn btn-ghost btn-xs gap-1 text-error js-delete-db" data-id="{{this.id}}">
-                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>
-                            Delete
-                          </button>
-                        {{/unless}}
-                      </div>
-                  </td>
-                </tr>
-              {{/each}}
-            </tbody>
-          </table>
-        </div>
-      </div>
-    {{else}}
-      <div class="empty-state">
-        <span class="empty-icon">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 7v10c0 1.1.9 2 2 2h12a2 2 0 002-2V7M4 7c0-1.1.9-2 2-2h12a2 2 0 012 2M4 7c0 1.1.9 2 2 2h12a2 2 0 002-2" /></svg>
-        </span>
-        <p class="text-sm font-medium text-base-content/70">No databases yet</p>
-        <p class="max-w-sm text-sm text-base-content/45">
-          Create one above, or drop <code class="font-mono">.db</code> files into
-          <code class="font-mono">{{dbDir}}</code> and refresh.
-        </p>
-      </div>
-    {{/if}}
-  </div>
-</div>
-<script src="{{basePath}}/js/databases.js" defer></script>
+<div class="space-y-6">
+  <!-- Header -->
+  <div>
+    <p class="text-sm font-semibold uppercase tracking-wider text-primary">Manager</p>
+    <h1 class="mt-1 text-3xl font-extrabold tracking-tight">Databases</h1>
+    <p class="mt-1.5 text-sm text-base-content/55">Open a database to browse and edit it, or create a new one.</p>
+  </div>
+
+  <!-- New database -->
+  <div class="app-card p-5">
+    <div class="flex flex-wrap items-end gap-3">
+      <div class="w-full max-w-sm">
+        <label class="field-label" for="new-db-name">New database name</label>
+        <input id="new-db-name" class="field-input font-mono" placeholder="e.g. analytics" autocomplete="off" spellcheck="false" />
+      </div>
+      {{#unless readonly}}
+        <button id="create-db" type="button" class="btn btn-primary btn-sm mb-0.5 gap-1.5">
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4" /></svg>
+          Create
+        </button>
+      {{else}}
+        <span class="mb-1 text-sm font-medium text-warning">Read-only — creating databases is disabled.</span>
+      {{/unless}}
+    </div>
+    <p class="mt-2 text-xs text-base-content/40">
+      New databases are created in <code class="font-mono">{{dbDir}}</code>. Files already there are picked up
+      automatically, and any explicitly configured database paths appear here too.
+    </p>
+  </div>
+
+  <!-- List -->
+  <div>
+    <div class="mb-3 flex items-center justify-between">
+      <h2 class="text-lg font-bold">Available databases</h2>
+      <span class="text-sm text-base-content/45">{{databases.length}} total</span>
+    </div>
+
+    {{#if databases.length}}
+      <div class="app-card overflow-hidden">
+        <div class="overflow-x-auto">
+          <table class="table table-sm">
+            <thead>
+              <tr class="bg-base-200/70 text-xs uppercase tracking-wide text-base-content/50">
+                <th class="font-semibold">Name</th>
+                <th class="text-right font-semibold">Tables</th>
+                <th class="text-right font-semibold">Size</th>
+                <th class="font-semibold">Modified</th>
+                <th class="text-right font-semibold">Actions</th>
+              </tr>
+            </thead>
+            <tbody>
+              {{#each databases}}
+                <tr class="group hover:bg-primary/[0.04]">
+                  <td>
+                    <a href="{{../basePath}}/{{this.id}}" class="inline-flex items-center gap-2.5">
+                      <span class="grid h-8 w-8 shrink-0 place-items-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary/20">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 7v10c0 1.1.9 2 2 2h12a2 2 0 002-2V7M4 7c0-1.1.9-2 2-2h12a2 2 0 012 2M4 7c0 1.1.9 2 2 2h12a2 2 0 002-2" /></svg>
+                      </span>
+                      <span class="min-w-0">
+                        <span class="block truncate font-mono text-[13.5px] font-semibold">{{this.name}}</span>
+                        <span class="block max-w-[220px] truncate text-[11px] text-base-content/40" title="{{this.path}}">{{this.path}}</span>
+                      </span>
+                    </a>
+                  </td>
+                  <td class="text-right tabular-nums text-base-content/60">{{this.tables}}</td>
+                  <td class="text-right tabular-nums text-base-content/60">{{this.sizeLabel}}</td>
+                  <td class="text-[13px] text-base-content/55">{{this.modifiedLabel}}</td>
+                  <td class="whitespace-nowrap text-right">
+                      <div class="row-actions">
+                        <a href="{{../basePath}}/{{this.id}}" class="btn btn-ghost btn-xs gap-1 text-base-content/70 hover:text-primary">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /></svg>
+                          Open
+                        </a>
+                        {{#unless ../readonly}}
+                          <button type="button" class="btn btn-ghost btn-xs gap-1 text-error js-delete-db" data-id="{{this.id}}">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>
+                            Delete
+                          </button>
+                        {{/unless}}
+                      </div>
+                  </td>
+                </tr>
+              {{/each}}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    {{else}}
+      <div class="empty-state">
+        <span class="empty-icon">
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 7v10c0 1.1.9 2 2 2h12a2 2 0 002-2V7M4 7c0-1.1.9-2 2-2h12a2 2 0 012 2M4 7c0 1.1.9 2 2 2h12a2 2 0 002-2" /></svg>
+        </span>
+        <p class="text-sm font-medium text-base-content/70">No databases yet</p>
+        <p class="max-w-sm text-sm text-base-content/45">
+          Create one above, or drop <code class="font-mono">.db</code> files into
+          <code class="font-mono">{{dbDir}}</code> and refresh.
+        </p>
+      </div>
+    {{/if}}
+  </div>
+</div>
+<script src="{{basePath}}/js/databases.js" defer></script>

package/dist/views/pages/designer.hbs

@@ -1,81 +1,81 @@
-<div class="space-y-6">
-  <!-- Header -->
-  <div>
-    <p class="text-sm font-semibold uppercase tracking-wider text-primary">Designer</p>
-    <h1 class="mt-1 text-3xl font-extrabold tracking-tight">Create table</h1>
-    <p class="mt-1.5 text-sm text-base-content/55">Define columns visually — the SQL preview updates live as you type.</p>
-  </div>
-
-  <div class="grid gap-6 lg:grid-cols-[1fr_380px]">
-    <!-- Left: editor -->
-    <div class="space-y-5">
-      <div class="app-card p-5">
-        <label class="field-label">
-          Table name
-          <span class="chip chip-type">required</span>
-        </label>
-        <input id="table-name" type="text" class="field-input font-mono" placeholder="e.g. users" autocomplete="off" spellcheck="false" />
-      </div>
-
-      <div class="app-card">
-        <div class="flex flex-wrap items-center justify-between gap-2 border-b border-base-200 px-5 py-4">
-          <h2 class="text-sm font-semibold uppercase tracking-wide text-base-content/45">Columns</h2>
-          <button id="add-column" type="button" class="btn btn-outline btn-sm gap-1.5">
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4" /></svg>
-            Add column
-          </button>
-        </div>
-        <div id="columns" class="space-y-3 p-4"></div>
-        <div id="designer-error" class="hidden px-4 pb-4"></div>
-        <div class="flex flex-wrap gap-2 border-t border-base-200 px-5 py-4">
-          {{#unless readonly}}
-            <button id="create-table" type="button" class="btn btn-primary gap-1.5">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /></svg>
-              Create table
-            </button>
-          {{else}}
-            <span class="text-sm font-medium text-warning">Read-only — table creation is disabled.</span>
-          {{/unless}}
-          <button id="copy-sql" type="button" class="btn btn-outline gap-1.5" title="Copy the preview SQL">
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3" /></svg>
-            Copy SQL
-          </button>
-        </div>
-      </div>
-    </div>
-
-    <!-- Right: live preview + tips -->
-    <aside class="space-y-4 self-start lg:sticky lg:top-24">
-      <div class="app-card overflow-hidden">
-        <div class="flex items-center justify-between border-b border-base-200 bg-base-200/40 px-4 py-3">
-          <h2 class="flex items-center gap-2 text-sm font-semibold text-base-content/60">
-            <span class="grid h-5 w-5 place-items-center rounded-md bg-primary/10 text-primary">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
-            </span>
-            SQL preview
-          </h2>
-          <span id="preview-status" class="text-[11px] font-medium text-base-content/40">waiting…</span>
-        </div>
-        <div class="p-4">
-          <pre id="sql-preview" class="code-panel hidden"><code id="preview-code"></code></pre>
-          <div id="preview-placeholder" class="rounded-xl border border-dashed border-base-300 px-4 py-8 text-center text-sm text-base-content/35">
-            Your <code class="font-mono">CREATE TABLE</code> statement will appear here as you build it.
-          </div>
-        </div>
-      </div>
-
-      <div class="rounded-2xl border border-base-300/70 bg-base-100 p-4">
-        <h3 class="mb-2 text-[11px] font-semibold uppercase tracking-wider text-base-content/45">Type guide</h3>
-        <ul class="space-y-1.5 text-[13px] text-base-content/60">
-          <li class="flex items-center justify-between gap-2"><span class="font-mono">TEXT</span><span class="text-base-content/40">Free-form text</span></li>
-          <li class="flex items-center justify-between gap-2"><span class="font-mono">INTEGER</span><span class="text-base-content/40">Whole numbers</span></li>
-          <li class="flex items-center justify-between gap-2"><span class="font-mono">REAL</span><span class="text-base-content/40">Decimal numbers</span></li>
-          <li class="flex items-center justify-between gap-2"><span class="font-mono">BLOB</span><span class="text-base-content/40">Binary data</span></li>
-          <li class="flex items-center justify-between gap-2"><span class="font-mono">BOOLEAN</span><span class="text-base-content/40">Stored as 0/1</span></li>
-          <li class="flex items-center justify-between gap-2"><span class="font-mono">DATE</span><span class="text-base-content/40">Datetime + now default</span></li>
-        </ul>
-      </div>
-    </aside>
-  </div>
-</div>
-<script src="{{basePath}}/js/designer.js" defer></script>
+<div class="space-y-6">
+  <!-- Header -->
+  <div>
+    <p class="text-sm font-semibold uppercase tracking-wider text-primary">Designer</p>
+    <h1 class="mt-1 text-3xl font-extrabold tracking-tight">Create table</h1>
+    <p class="mt-1.5 text-sm text-base-content/55">Define columns visually — the SQL preview updates live as you type.</p>
+  </div>
+
+  <div class="grid gap-6 lg:grid-cols-[1fr_380px]">
+    <!-- Left: editor -->
+    <div class="space-y-5">
+      <div class="app-card p-5">
+        <label class="field-label">
+          Table name
+          <span class="chip chip-type">required</span>
+        </label>
+        <input id="table-name" type="text" class="field-input font-mono" placeholder="e.g. users" autocomplete="off" spellcheck="false" />
+      </div>
+
+      <div class="app-card">
+        <div class="flex flex-wrap items-center justify-between gap-2 border-b border-base-200 px-5 py-4">
+          <h2 class="text-sm font-semibold uppercase tracking-wide text-base-content/45">Columns</h2>
+          <button id="add-column" type="button" class="btn btn-outline btn-sm gap-1.5">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4" /></svg>
+            Add column
+          </button>
+        </div>
+        <div id="columns" class="space-y-3 p-4"></div>
+        <div id="designer-error" class="hidden px-4 pb-4"></div>
+        <div class="flex flex-wrap gap-2 border-t border-base-200 px-5 py-4">
+          {{#unless readonly}}
+            <button id="create-table" type="button" class="btn btn-primary gap-1.5">
+              <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /></svg>
+              Create table
+            </button>
+          {{else}}
+            <span class="text-sm font-medium text-warning">Read-only — table creation is disabled.</span>
+          {{/unless}}
+          <button id="copy-sql" type="button" class="btn btn-outline gap-1.5" title="Copy the preview SQL">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3" /></svg>
+            Copy SQL
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <!-- Right: live preview + tips -->
+    <aside class="space-y-4 self-start lg:sticky lg:top-24">
+      <div class="app-card overflow-hidden">
+        <div class="flex items-center justify-between border-b border-base-200 bg-base-200/40 px-4 py-3">
+          <h2 class="flex items-center gap-2 text-sm font-semibold text-base-content/60">
+            <span class="grid h-5 w-5 place-items-center rounded-md bg-primary/10 text-primary">
+              <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
+            </span>
+            SQL preview
+          </h2>
+          <span id="preview-status" class="text-[11px] font-medium text-base-content/40">waiting…</span>
+        </div>
+        <div class="p-4">
+          <pre id="sql-preview" class="code-panel hidden"><code id="preview-code"></code></pre>
+          <div id="preview-placeholder" class="rounded-xl border border-dashed border-base-300 px-4 py-8 text-center text-sm text-base-content/35">
+            Your <code class="font-mono">CREATE TABLE</code> statement will appear here as you build it.
+          </div>
+        </div>
+      </div>
+
+      <div class="rounded-2xl border border-base-300/70 bg-base-100 p-4">
+        <h3 class="mb-2 text-[11px] font-semibold uppercase tracking-wider text-base-content/45">Type guide</h3>
+        <ul class="space-y-1.5 text-[13px] text-base-content/60">
+          <li class="flex items-center justify-between gap-2"><span class="font-mono">TEXT</span><span class="text-base-content/40">Free-form text</span></li>
+          <li class="flex items-center justify-between gap-2"><span class="font-mono">INTEGER</span><span class="text-base-content/40">Whole numbers</span></li>
+          <li class="flex items-center justify-between gap-2"><span class="font-mono">REAL</span><span class="text-base-content/40">Decimal numbers</span></li>
+          <li class="flex items-center justify-between gap-2"><span class="font-mono">BLOB</span><span class="text-base-content/40">Binary data</span></li>
+          <li class="flex items-center justify-between gap-2"><span class="font-mono">BOOLEAN</span><span class="text-base-content/40">Stored as 0/1</span></li>
+          <li class="flex items-center justify-between gap-2"><span class="font-mono">DATE</span><span class="text-base-content/40">Datetime + now default</span></li>
+        </ul>
+      </div>
+    </aside>
+  </div>
+</div>
+<script src="{{basePath}}/js/designer.js" defer></script>

package/dist/views/pages/error.hbs

@@ -1,12 +1,12 @@
-<div class="mx-auto mt-16 max-w-md space-y-6 text-center">
-  <div class="mx-auto grid h-20 w-20 place-items-center rounded-3xl bg-error/10 text-error">
-    <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-      <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
-    </svg>
-  </div>
-  <div>
-    <h1 class="text-5xl font-extrabold tracking-tight text-error">{{status}}</h1>
-    <p class="mt-2 text-base-content/60">{{error}}</p>
-  </div>
-  <a href="{{basePath}}/" class="btn btn-primary">Back to home</a>
-</div>
+<div class="mx-auto mt-16 max-w-md space-y-6 text-center">
+  <div class="mx-auto grid h-20 w-20 place-items-center rounded-3xl bg-error/10 text-error">
+    <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+      <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+    </svg>
+  </div>
+  <div>
+    <h1 class="text-5xl font-extrabold tracking-tight text-error">{{status}}</h1>
+    <p class="mt-2 text-base-content/60">{{error}}</p>
+  </div>
+  <a href="{{basePath}}/" class="btn btn-primary">Back to home</a>
+</div>

package/dist/views/pages/form.hbs

@@ -1,62 +1,62 @@
-<div class="mx-auto max-w-3xl space-y-5">
-  <!-- Header -->
-  <div class="flex items-center gap-3">
-    <a href="{{basePath}}/tables/{{table}}" class="btn btn-circle btn-ghost btn-sm" aria-label="Back to table">
-      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
-    </a>
-    <div>
-      <h1 class="text-2xl font-bold tracking-tight">
-        {{#if (eq mode 'edit')}}Edit row{{else}}New row{{/if}}
-        <span class="text-base-content/40">in</span> <span class="font-mono text-primary">{{table}}</span>
-      </h1>
-      <p class="text-sm text-base-content/55">{{infoSummary}}</p>
-    </div>
-  </div>
-
-  <div class="app-card">
-    <div class="border-b border-base-200 px-6 py-4">
-      <h2 class="text-sm font-semibold uppercase tracking-wide text-base-content/45">Row fields</h2>
-    </div>
-    <div class="p-6">
-      <div id="row-fields" class="grid grid-cols-1 gap-x-6 gap-y-5 md:grid-cols-2"></div>
-      <div id="form-error" class="hidden"></div>
-      <div class="mt-6 flex flex-wrap items-center gap-2 border-t border-base-200 pt-5">
-        {{#unless readonly}}
-          <button id="row-submit" type="button" class="btn btn-primary">
-            {{#if (eq mode 'edit')}}Update row{{else}}Insert row{{/if}}
-          </button>
-          <button id="row-generate" type="button" class="btn btn-outline gap-1.5">
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" /></svg>
-            Get query
-          </button>
-        {{else}}
-          <span class="text-sm font-medium text-warning">This database is read-only — rows cannot be {{#if (eq mode 'edit')}}updated{{else}}inserted{{/if}}.</span>
-        {{/unless}}
-        <a href="{{basePath}}/tables/{{table}}" class="btn btn-ghost">Cancel</a>
-      </div>
-      <p class="mt-3 text-xs text-base-content/40">
-        Columns with defaults are pre-filled from the schema. Empty fields are treated as "not set" (DB defaults
-        apply). <code class="font-mono">0</code> is a valid value. "Get query" only previews the SQL — it never executes.
-      </p>
-    </div>
-  </div>
-
-  <div id="generated-sql" class="hidden">
-    <div class="app-card">
-      <div class="flex items-center justify-between border-b border-base-200 px-6 py-4">
-        <h2 class="flex items-center gap-2 text-sm font-semibold uppercase tracking-wide text-base-content/45">
-          <span class="grid h-6 w-6 place-items-center rounded-md bg-primary/10 text-primary">
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" /></svg>
-          </span>
-          Generated SQL
-        </h2>
-        <button id="copy-sql" type="button" class="btn btn-ghost btn-xs gap-1">Copy</button>
-      </div>
-      <div class="p-4">
-        <pre class="code-panel"><code id="generated-sql-code"></code></pre>
-      </div>
-    </div>
-  </div>
-</div>
-<script id="form-config" type="application/json">{{{json config}}}</script>
-<script src="{{basePath}}/js/forms.js" defer></script>
+<div class="mx-auto max-w-3xl space-y-5">
+  <!-- Header -->
+  <div class="flex items-center gap-3">
+    <a href="{{basePath}}/tables/{{table}}" class="btn btn-circle btn-ghost btn-sm" aria-label="Back to table">
+      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
+    </a>
+    <div>
+      <h1 class="text-2xl font-bold tracking-tight">
+        {{#if (eq mode 'edit')}}Edit row{{else}}New row{{/if}}
+        <span class="text-base-content/40">in</span> <span class="font-mono text-primary">{{table}}</span>
+      </h1>
+      <p class="text-sm text-base-content/55">{{infoSummary}}</p>
+    </div>
+  </div>
+
+  <div class="app-card">
+    <div class="border-b border-base-200 px-6 py-4">
+      <h2 class="text-sm font-semibold uppercase tracking-wide text-base-content/45">Row fields</h2>
+    </div>
+    <div class="p-6">
+      <div id="row-fields" class="grid grid-cols-1 gap-x-6 gap-y-5 md:grid-cols-2"></div>
+      <div id="form-error" class="hidden"></div>
+      <div class="mt-6 flex flex-wrap items-center gap-2 border-t border-base-200 pt-5">
+        {{#unless readonly}}
+          <button id="row-submit" type="button" class="btn btn-primary">
+            {{#if (eq mode 'edit')}}Update row{{else}}Insert row{{/if}}
+          </button>
+          <button id="row-generate" type="button" class="btn btn-outline gap-1.5">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" /></svg>
+            Get query
+          </button>
+        {{else}}
+          <span class="text-sm font-medium text-warning">This database is read-only — rows cannot be {{#if (eq mode 'edit')}}updated{{else}}inserted{{/if}}.</span>
+        {{/unless}}
+        <a href="{{basePath}}/tables/{{table}}" class="btn btn-ghost">Cancel</a>
+      </div>
+      <p class="mt-3 text-xs text-base-content/40">
+        Columns with defaults are pre-filled from the schema. Empty fields are treated as "not set" (DB defaults
+        apply). <code class="font-mono">0</code> is a valid value. "Get query" only previews the SQL — it never executes.
+      </p>
+    </div>
+  </div>
+
+  <div id="generated-sql" class="hidden">
+    <div class="app-card">
+      <div class="flex items-center justify-between border-b border-base-200 px-6 py-4">
+        <h2 class="flex items-center gap-2 text-sm font-semibold uppercase tracking-wide text-base-content/45">
+          <span class="grid h-6 w-6 place-items-center rounded-md bg-primary/10 text-primary">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" /></svg>
+          </span>
+          Generated SQL
+        </h2>
+        <button id="copy-sql" type="button" class="btn btn-ghost btn-xs gap-1">Copy</button>
+      </div>
+      <div class="p-4">
+        <pre class="code-panel"><code id="generated-sql-code"></code></pre>
+      </div>
+    </div>
+  </div>
+</div>
+<script id="form-config" type="application/json">{{{json config}}}</script>
+<script src="{{basePath}}/js/forms.js" defer></script>