ticket: site metadata header + scannable Albanian ticket; widen barcode

- site_config gains optional park identity (park_name, operator_name, nius,
  address, phone, email); additive Drizzle migration 0001. GET/PUT
  /api/site-config read/write the full config (PUT partial patch, admin only);
  SiteSettings + SetupWizard expose the fields.
- renderTicket() prints an Albanian header sourced from site_config, the
  all-numeric 13-digit ticket id (12 random + Luhn) as Code128, large digits,
  and a lost-ticket footer. CP852 codepage so ë/ç render.
- Widen the Code128 module width 2->3 and height 80->100 dots so the
  short-range "Simple" QR/barcode reader decodes reliably (was barely reading
  at module width 2 on the 80mm head).

See wiki/concepts/site-metadata.md and ticket-encoding.md.

apps/web/src/SiteSettings.tsx

@@ -1,14 +1,26 @@
 import { useEffect, useState } from "react";
-import { fetchOccupancy, fetchSiteConfig, setCapacity, type Occupancy } from "./api.js";
+import { fetchOccupancy, fetchSiteConfig, saveSiteConfig, type Occupancy, type SiteConfig } from "./api.js";
 
-// Live occupancy + capacity. Occupancy is shown to everyone (it's a fold over the
-// signed ledger); the capacity field is admin-editable. The FULL gate (refuse
-// transient entry at capacity) is enforced server-side in the entry flow.
-// See wiki/concepts/capacity-occupancy.md.
+// Live occupancy + capacity + park metadata. Occupancy is shown to everyone (it's a
+// fold over the signed ledger); capacity and the metadata fields are admin-editable.
+// The FULL gate (refuse transient entry at capacity) is enforced server-side in the
+// entry flow. Metadata (name, NIUS, address, contact) feeds the ticket header.
+// See wiki/concepts/capacity-occupancy.md and wiki/concepts/site-metadata.md.
+
+// The optional text fields, in display order, with labels + placeholders.
+const META_FIELDS: ReadonlyArray<{ key: keyof SiteConfig; label: string; placeholder?: string; multiline?: boolean }> = [
+  { key: "parkName", label: "Park name", placeholder: "e.g. Acme Parking" },
+  { key: "operatorName", label: "Operator (legal name)", placeholder: "operating company" },
+  { key: "nius", label: "NIUS", placeholder: "e.g. L01234567A" },
+  { key: "address", label: "Address", multiline: true },
+  { key: "phone", label: "Phone" },
+  { key: "email", label: "Email" },
+];
 
 export function SiteSettings({ canEdit }: { canEdit: boolean }) {
   const [occ, setOcc] = useState<Occupancy | null>(null);
   const [capInput, setCapInput] = useState("");
+  const [meta, setMeta] = useState<Record<string, string>>({});
   const [msg, setMsg] = useState<string | null>(null);
 
   function reload() {
@@ -17,18 +29,25 @@ export function SiteSettings({ canEdit }: { canEdit: boolean }) {
   useEffect(() => {
     reload();
     fetchSiteConfig()
-      .then((c) => setCapInput(c.capacity == null ? "" : String(c.capacity)))
+      .then((c) => {
+        setCapInput(c.capacity == null ? "" : String(c.capacity));
+        const m: Record<string, string> = {};
+        for (const { key } of META_FIELDS) m[key] = c[key] == null ? "" : String(c[key]);
+        setMeta(m);
+      })
       .catch(() => {});
   }, []);
 
   async function save() {
     setMsg(null);
     const raw = capInput.trim();
-    const capacity = raw === "" ? null : Math.round(Number(raw));
+    const patch: Partial<SiteConfig> = { capacity: raw === "" ? null : Math.round(Number(raw)) };
+    // Send each metadata field; "" → null is applied server-side.
+    for (const { key } of META_FIELDS) (patch as Record<string, string | null>)[key] = meta[key] ?? "";
     try {
-      await setCapacity(capacity);
+      await saveSiteConfig(patch);
       reload();
-      setMsg("Capacity saved.");
+      setMsg("Saved.");
     } catch (e) {
       setMsg((e as Error).message);
     }
@@ -51,13 +70,37 @@ export function SiteSettings({ canEdit }: { canEdit: boolean }) {
         </>
       )}
       {canEdit && (
-        <div style={{ marginTop: "0.6rem" }}>
+        <div style={{ marginTop: "0.6rem", display: "grid", gap: "0.5rem" }}>
           <label>
             Capacity (blank = no limit):{" "}
             <input value={capInput} onChange={(e) => setCapInput(e.target.value)} style={{ width: 80 }} placeholder="e.g. 120" />
-          </label>{" "}
-          <button type="button" onClick={save}>Save</button>
-          {msg && <span style={{ marginLeft: "0.5rem", color: "#555" }}>{msg}</span>}
+          </label>
+          <div style={{ borderTop: "1px solid #eee", paddingTop: "0.5rem", color: "#666", fontSize: "0.85rem" }}>
+            Park details (optional — shown on tickets/receipts)
+          </div>
+          {META_FIELDS.map(({ key, label, placeholder, multiline }) => (
+            <label key={key} style={{ display: "flex", flexDirection: "column", fontSize: "0.85rem" }}>
+              {label}
+              {multiline ? (
+                <textarea
+                  value={meta[key] ?? ""}
+                  onChange={(e) => setMeta((m) => ({ ...m, [key]: e.target.value }))}
+                  rows={2}
+                  placeholder={placeholder}
+                />
+              ) : (
+                <input
+                  value={meta[key] ?? ""}
+                  onChange={(e) => setMeta((m) => ({ ...m, [key]: e.target.value }))}
+                  placeholder={placeholder}
+                />
+              )}
+            </label>
+          ))}
+          <div>
+            <button type="button" onClick={save}>Save</button>
+            {msg && <span style={{ marginLeft: "0.5rem", color: "#555" }}>{msg}</span>}
+          </div>
         </div>
       )}
     </section>