@bendyline/gilde 0.1.7 → 0.1.8

package/data/project-types/de/design-scheme/versions/1.0.1/about.md

@@ -0,0 +1,6 @@
+A project for exploring the visual direction of **{{brief}}**. Work with a designer to
+develop color schemes and design directions, iterate on them in conversation, and keep the
+ones that feel right.
+
+Open the **Output** tab to see the scheme gallery — every palette the designer saves shows
+up there as a set of swatches you can compare at a glance.

package/data/project-types/de/design-scheme/versions/1.0.1/manifest.json

@@ -0,0 +1,69 @@
+{
+  "schemaVersion": 1,
+  "version": "1.0.1",
+  "releasedAt": "2026-08-01T00:00:00Z",
+  "extends": "design-prototype",
+  "params": {
+    "type": "object",
+    "properties": {
+      "brief": {
+        "type": "string",
+        "title": "What are you designing?",
+        "description": "A short brief — e.g. \"a calm meditation app\", \"a bold sports brand\".",
+        "default": "a new brand"
+      }
+    },
+    "required": [
+      "brief"
+    ]
+  },
+  "nameTemplate": "Design Scheme: {{brief}}",
+  "aboutTemplate": "about.md",
+  "missionTemplate": "mission.md",
+  "gezels": [
+    {
+      "templateId": "designer",
+      "voorman": true
+    }
+  ],
+  "scripts": {
+    "scheme-store": "import { type InferredInput, defineScript, gezel } from '@bendyline/gezel-sdk';\n\nexport const meta = defineScript({\n  name: 'scheme-store',\n  description:\n    \"Save and list the project's design color schemes. Call action:'save' with a name and an array of hex colors to add a scheme (it lands in artifacts/schemes/ and shows on the project's gallery). Call action:'list' to see what's saved.\",\n  inputs: {\n    action: { type: 'string', description: \"'save' or 'list'.\", required: true },\n    name: { type: 'string', description: \"Scheme name (required for 'save'), e.g. 'Dusk'.\" },\n    colors: {\n      type: 'json',\n      description: \"Array of hex colors for 'save', e.g. [\\\"#1b1a2e\\\", \\\"#e0894a\\\", \\\"#f5f0e8\\\"].\",\n    },\n  },\n  outputs: {\n    count: { type: 'number', description: 'How many schemes are saved.' },\n    message: { type: 'string', description: 'Human-readable summary.' },\n  },\n  requires: ['artifacts.read', 'artifacts.write'],\n} as const);\n\nconst input = gezel.input as InferredInput<typeof meta>;\n\ninterface Scheme {\n  name: string;\n  file: string;\n  colors: string[];\n}\n\nconst INDEX = 'schemes/index.json';\n\nasync function loadIndex(): Promise<Scheme[]> {\n  try {\n    const raw = await gezel.artifacts.read(INDEX);\n    const parsed = JSON.parse(raw) as { schemes?: Scheme[] };\n    return Array.isArray(parsed.schemes) ? parsed.schemes : [];\n  } catch {\n    return [];\n  }\n}\n\nfunction slugify(s: string): string {\n  return (\n    s\n      .toLowerCase()\n      .replace(/[^a-z0-9]+/g, '-')\n      .replace(/^-+|-+$/g, '') || 'scheme'\n  );\n}\n\nconst schemes = await loadIndex();\n\nif (input.action === 'save') {\n  const name = (input.name ?? '').trim();\n  const colors = Array.isArray(input.colors) ? input.colors.map(String) : [];\n  if (!name || colors.length === 0) {\n    gezel.output({ count: schemes.length, message: 'save needs a name and a non-empty colors array.' });\n  } else {\n    const file = `schemes/${slugify(name)}.json`;\n    await gezel.artifacts.write(file, `${JSON.stringify({ name, colors }, null, 2)}\\n`);\n    const next = [...schemes.filter((s) => s.file !== file), { name, file, colors }];\n    await gezel.artifacts.write(INDEX, `${JSON.stringify({ schemes: next }, null, 2)}\\n`);\n    gezel.output({ count: next.length, message: `Saved \"${name}\" (${colors.length} colors). ${next.length} scheme(s) total.` });\n  }\n} else {\n  gezel.output({\n    count: schemes.length,\n    message: schemes.length\n      ? `${schemes.length} scheme(s): ${schemes.map((s) => s.name).join(', ')}.`\n      : 'No schemes saved yet.',\n  });\n}\n"
+  },
+  "tools": [
+    {
+      "name": "save_scheme",
+      "description": "Save a named color scheme so it shows on the gallery.",
+      "script": "scheme-store",
+      "inputs": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "colors": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          }
+        }
+      },
+      "bind": {
+        "action": "save"
+      }
+    }
+  ],
+  "pages": {
+    "entry": "gallery/index.html",
+    "reads": [
+      {
+        "source": "artifacts",
+        "path": "schemes/index.json"
+      }
+    ]
+  },
+  "artifactsSeed": [
+    "schemes/index.json",
+    "schemes/warm-dusk.json"
+  ]
+}

package/data/project-types/de/design-scheme/versions/1.0.1/mission.md

@@ -0,0 +1,3 @@
+- Develop color schemes and design directions for {{brief}}.
+- Save each promising palette so it shows on the gallery for comparison.
+- Converge on a small set of strong directions worth taking forward.

package/data/project-types/de/design-scheme/versions/1.0.1/pages/gallery/index.html

@@ -0,0 +1,105 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="gezel-demo" content="standalone" />
+    <title>Scheme gallery</title>
+    <style>
+      :root { color-scheme: light dark; --bg: #faf7f2; --card: #fff; --ink: #2b2620; --muted: #7a7166; --line: #ece5da; }
+      @media (prefers-color-scheme: dark) {
+        :root { --bg: #1c1a17; --card: #262320; --ink: #efe9e0; --muted: #a59a8c; --line: #3a352f; }
+      }
+      * { box-sizing: border-box; }
+      body { margin: 0; font: 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background: var(--bg); color: var(--ink); padding: 2rem 1.25rem; }
+      main { max-width: 720px; margin: 0 auto; }
+      h1 { font-size: 1.5rem; margin: 0 0 0.25rem; }
+      .sub { color: var(--muted); margin: 0 0 1.5rem; }
+      .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
+      .card { background: var(--card); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
+      .swatches { display: flex; height: 84px; }
+      .swatches > span { flex: 1; }
+      .card .name { padding: 0.6rem 0.85rem; font-weight: 600; }
+      .card .hexes { padding: 0 0.85rem 0.75rem; color: var(--muted); font-size: 0.78rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; word-break: break-all; }
+      .empty { color: var(--muted); font-style: italic; }
++      .demo-banner {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 0.75rem;
+        margin: 0 0 0.85rem;
+        padding: 0.5rem 0.65rem;
+        border: 1px solid var(--accent, #8a5a2b);
+        border-radius: 6px;
+        background: color-mix(in srgb, var(--card, var(--surface, #fffdf8)) 88%, var(--accent, #8a5a2b));
+        color: var(--ink, #2b2620);
+        font-size: 0.8rem;
+      }
+      .demo-banner[hidden] { display: none; }
+      .demo-banner strong { font-weight: 700; }
+      .demo-reset {
+        flex: none;
+        padding: 0.25rem 0.5rem;
+        border: 1px solid var(--accent, #8a5a2b);
+        border-radius: 6px;
+        background: var(--card, var(--surface, #fffdf8));
+        color: var(--ink, #2b2620);
+        cursor: pointer;
+        font: inherit;
+      }
+      .demo-reset:hover { border-color: var(--ink, #2b2620); }
+    </style>
+  </head>
+  <body>
+    <main>
++      <div class="demo-banner" data-gezel-demo-banner hidden>
+        <span><strong>Demo mode</strong> — sample data stays in this page.</span>
+        <button type="button" class="demo-reset" onclick="location.reload()">Reset demo</button>
+      </div>
+      <h1>Scheme gallery</h1>
+      <p class="sub" id="sub">Loading schemes…</p>
+      <div class="grid" id="grid"></div>
+    </main>
+    <script>
+      (function () {
+        var parts = location.pathname.split('/').filter(Boolean);
+        var i = parts.indexOf('type');
+        var capability = i > 0 ? parts[i - 1] : null;
+        var projectId = i >= 0 ? parts[i + 1] : null;
+        var demoMode = !capability || !projectId;
+        var demoSchemes = [
+          { name: 'Warm Dusk', colors: ['#2B2620', '#8D694D', '#D5B58C', '#EFE4D1', '#FFF8E8'] },
+          { name: 'Canal Morning', colors: ['#19323C', '#4F6D7A', '#9BB8B3', '#E7E3D4', '#F7F4EC'] },
+          { name: 'Workshop Sage', colors: ['#26352D', '#557A5B', '#A7B89A', '#DDD5BF', '#FAF7F2'] },
+        ];
+        function esc(s) { return String(s).replace(/[&<>"]/g, function (c) { return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c]; }); }
+        function isHex(c) { return typeof c === 'string' && /^#[0-9a-fA-F]{3,8}$/.test(c); }
+        function render(schemes) {
+          var sub = document.getElementById('sub');
+          var grid = document.getElementById('grid');
+          if (!schemes.length) {
+            sub.textContent = 'No schemes yet — ask the designer to save one.';
+            return;
+          }
+          sub.textContent = schemes.length + ' scheme' + (schemes.length === 1 ? '' : 's');
+          grid.innerHTML = schemes.map(function (s) {
+            var colors = Array.isArray(s.colors) ? s.colors.filter(isHex) : [];
+            var bars = colors.map(function (c) { return '<span style="background:' + c + '"></span>'; }).join('');
+            return '<div class="card"><div class="swatches">' + bars + '</div>' +
+              '<div class="name">' + esc(s.name || 'Untitled') + '</div>' +
+              '<div class="hexes">' + colors.map(esc).join(' · ') + '</div></div>';
+          }).join('');
+        }
+        if (demoMode) {
+          document.querySelector('[data-gezel-demo-banner]').hidden = false;
+          render(demoSchemes);
+          return;
+        }
+        fetch('/preview/' + encodeURIComponent(capability) + '/artifacts/' + encodeURIComponent(projectId) + '/schemes/index.json', { cache: 'no-store' })
+          .then(function (r) { if (!r.ok) throw new Error('no schemes'); return r.json(); })
+          .then(function (data) { render(Array.isArray(data.schemes) ? data.schemes : []); })
+          .catch(function () { render([]); });
+      })();
+    </script>
+  </body>
+</html>

package/data/project-types/de/design-scheme/versions/1.0.1/schemes/index.json

@@ -0,0 +1,9 @@
+{
+  "schemes": [
+    {
+      "name": "Warm Dusk",
+      "file": "schemes/warm-dusk.json",
+      "colors": ["#1b1a2e", "#3a2e4d", "#b5651d", "#e0894a", "#f5f0e8"]
+    }
+  ]
+}

package/data/project-types/de/design-scheme/versions/1.0.1/schemes/warm-dusk.json

@@ -0,0 +1,4 @@
+{
+  "name": "Warm Dusk",
+  "colors": ["#1b1a2e", "#3a2e4d", "#b5651d", "#e0894a", "#f5f0e8"]
+}

package/data/project-types/ev/event-planner/versions/1.0.1/about.md

@@ -0,0 +1,7 @@
+The planning table for {{occasion}} — {{date}}. Your Ceremoniemeester keeps the
+three things that make or break an event: a guest list that's always current, a
+budget recorded when money is committed, and a day-of runbook built early.
+
+The **Output** tab shows the countdown, the headcount, and where the budget
+stands. Ask "what does this week need?" and get the two or three things that
+matter, not the whole list.

package/data/project-types/ev/event-planner/versions/1.0.1/budget.json

@@ -0,0 +1,5 @@
+{
+  "version": 1,
+  "currency": "USD",
+  "entries": []
+}

package/data/project-types/ev/event-planner/versions/1.0.1/guests.json

@@ -0,0 +1,10 @@
+{
+  "version": 1,
+  "eventDate": "{{date}}",
+  "stages": [
+    "invited",
+    "yes",
+    "no"
+  ],
+  "records": []
+}

package/data/project-types/ev/event-planner/versions/1.0.1/manifest.json

@@ -0,0 +1,170 @@
+{
+  "schemaVersion": 1,
+  "version": "1.0.1",
+  "releasedAt": "2026-08-01T00:00:00Z",
+  "meesterManaged": false,
+  "params": {
+    "type": "object",
+    "properties": {
+      "occasion": {
+        "type": "string",
+        "title": "What are we celebrating?",
+        "description": "e.g. 'our wedding', 'Dad's 70th', 'the class reunion'.",
+        "default": "a big celebration"
+      },
+      "date": {
+        "type": "string",
+        "title": "When is it?",
+        "description": "The date, e.g. 2026-09-12. A rough date is fine — change it later.",
+        "default": "2026-12-31"
+      }
+    },
+    "required": [
+      "occasion",
+      "date"
+    ]
+  },
+  "nameTemplate": "Event: {{occasion}}",
+  "aboutTemplate": "about.md",
+  "missionTemplate": "mission.md",
+  "gezels": [
+    {
+      "templateId": "ceremoniemeester",
+      "voorman": true
+    }
+  ],
+  "tools": [
+    {
+      "name": "add_guest",
+      "description": "Add a guest or party to the list (status starts at invited).",
+      "script": "event-store",
+      "inputs": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "party": {
+            "type": "number"
+          },
+          "note": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "name"
+        ]
+      },
+      "bind": {
+        "action": "add_guest"
+      }
+    },
+    {
+      "name": "guest_status",
+      "description": "Record an RSVP: 'yes', 'no', or back to 'invited'.",
+      "script": "event-store",
+      "inputs": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "invited",
+              "yes",
+              "no"
+            ]
+          },
+          "note": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "status"
+        ]
+      },
+      "bind": {
+        "action": "guest_status"
+      }
+    },
+    {
+      "name": "record_spend",
+      "description": "Record committed spending (deposit, balance, purchase) in ordinary units.",
+      "script": "event-store",
+      "inputs": {
+        "type": "object",
+        "properties": {
+          "amount": {
+            "type": "number"
+          },
+          "category": {
+            "type": "string"
+          },
+          "note": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "amount",
+          "category"
+        ]
+      },
+      "bind": {
+        "action": "record_spend"
+      }
+    },
+    {
+      "name": "event_status",
+      "description": "Countdown, headcount, and budget in one line.",
+      "script": "event-store",
+      "inputs": {
+        "type": "object",
+        "properties": {}
+      },
+      "bind": {
+        "action": "status"
+      }
+    },
+    {
+      "name": "guest_list",
+      "description": "Read the whole guest list with statuses.",
+      "script": "event-store",
+      "inputs": {
+        "type": "object",
+        "properties": {}
+      },
+      "bind": {
+        "action": "guest_list"
+      }
+    }
+  ],
+  "craftbooks": [
+    "runbook"
+  ],
+  "schedules": [],
+  "pages": {
+    "entry": "dashboard/index.html",
+    "reads": [
+      {
+        "source": "workspace",
+        "path": "guests.json"
+      },
+      {
+        "source": "workspace",
+        "path": "budget.json"
+      }
+    ]
+  },
+  "workspaceSeed": [
+    "guests.json",
+    "budget.json"
+  ],
+  "scripts": {
+    "event-store": "import { type InferredInput, defineScript, gezel } from '@bendyline/gezel-sdk';\nimport { ledgerStore, rosterStore } from '@bendyline/gezel-sdk/stores';\n\nexport const meta = defineScript({\n  name: 'event-store',\n  description:\n    \"Read and update the event: guests (guests.json) and spending (budget.json). Call action:'status' for headcount + budget + countdown; 'add_guest' as invitations go out; 'guest_status' as RSVPs land (invited/yes/no); 'record_spend' when money is committed (ordinary units); 'guest_list' to read everyone.\",\n  inputs: {\n    action: {\n      type: 'string',\n      description:\n        \"One of 'status', 'add_guest', 'guest_status', 'record_spend', or 'guest_list'.\",\n      required: true,\n    },\n    name: { type: 'string', description: 'Guest name (party name is fine).' },\n    party: { type: 'number', description: 'How many people this entry covers (default 1).' },\n    status: { type: 'string', description: \"RSVP status: 'invited', 'yes', or 'no'.\" },\n    id: { type: 'string', description: \"Guest id, e.g. 'guest-4'.\" },\n    amount: { type: 'number', description: 'Spend amount in ordinary units.' },\n    category: { type: 'string', description: \"Spend category, e.g. 'venue', 'catering'.\" },\n    note: { type: 'string', description: 'Short note.' },\n  },\n  outputs: {\n    invited: { type: 'number', description: 'People invited (sum of parties).' },\n    coming: { type: 'number', description: \"People who said yes.\" },\n    spentCents: { type: 'number', description: 'Total committed spend, in cents.' },\n    summary: { type: 'string', description: 'The event picture.' },\n  },\n  requires: ['workspace.read', 'workspace.write'],\n} as const);\n\nconst input = gezel.input as InferredInput<typeof meta>;\n\n// ── event-rules-start ──\n// Pure derivations: headcounts weighted by party size, and the countdown.\n\nfunction toCents(amount) {\n  if (typeof amount !== 'number' || !isFinite(amount) || amount <= 0) return null;\n  return Math.round(amount * 100);\n}\n\nfunction fmtCents(cents) {\n  var abs = Math.abs(cents);\n  return (cents < 0 ? '-' : '') + Math.floor(abs / 100) + '.' + String(abs % 100).padStart(2, '0');\n}\n\nfunction partyOf(record) {\n  var p = record.fields && record.fields.party;\n  return typeof p === 'number' && p >= 1 ? Math.floor(p) : 1;\n}\n\nfunction headcounts(records) {\n  var invited = 0;\n  var coming = 0;\n  var awaiting = 0;\n  records.forEach(function (r) {\n    var size = partyOf(r);\n    invited += size;\n    if (r.status === 'yes') coming += size;\n    if (r.status === 'invited') awaiting += size;\n  });\n  return { invited: invited, coming: coming, awaiting: awaiting };\n}\n\nfunction daysUntil(dateStr, nowMs) {\n  var when = Date.parse(dateStr);\n  if (!isFinite(when)) return null;\n  return Math.ceil((when - nowMs) / (24 * 60 * 60 * 1000));\n}\n\nfunction eventLine(records, spentCents, eventDate, nowMs) {\n  var heads = headcounts(records);\n  var days = daysUntil(eventDate, nowMs);\n  return (\n    (days === null ? '' : days >= 0 ? days + ' day(s) to go. ' : 'The day has passed. ') +\n    heads.coming +\n    ' coming, ' +\n    heads.awaiting +\n    ' awaiting reply (' +\n    heads.invited +\n    ' invited). Spent ' +\n    fmtCents(spentCents) +\n    '.'\n  );\n}\n// ── event-rules-end ──\n\nconst guests = rosterStore(gezel.fs, 'guests.json', {\n  stages: ['invited', 'yes', 'no'],\n  idPrefix: 'guest',\n});\nconst budget = ledgerStore(gezel.fs, 'budget.json');\n\nasync function readEventDate(): Promise<string> {\n  try {\n    const parsed = JSON.parse(await gezel.fs.read('guests.json')) as { eventDate?: string };\n    return typeof parsed.eventDate === 'string' ? parsed.eventDate : '';\n  } catch {\n    return '';\n  }\n}\n\nasync function resolveGuest(): Promise<string> {\n  if (input.id) return input.id;\n  if (input.name) {\n    const wanted = input.name.toLowerCase();\n    const matches = (await guests.list()).filter(\n      (r) => String(r.fields.name ?? '').toLowerCase() === wanted,\n    );\n    if (matches.length === 1) return matches[0]!.id;\n  }\n  throw new Error(\"Pass 'id' (e.g. 'guest-4') or an exact guest 'name'.\");\n}\n\nif (input.action === 'add_guest') {\n  if (!input.name) throw new Error(\"add_guest needs 'name'.\");\n  await guests.add({\n    status: 'invited',\n    fields: {\n      name: input.name,\n      ...(typeof input.party === 'number' && input.party >= 1 ? { party: Math.floor(input.party) } : {}),\n      ...(input.note ? { note: input.note } : {}),\n    },\n  });\n} else if (input.action === 'guest_status') {\n  if (!input.status || !['invited', 'yes', 'no'].includes(input.status)) {\n    throw new Error(\"guest_status needs status 'invited', 'yes', or 'no'.\");\n  }\n  await guests.transition(await resolveGuest(), input.status, input.note ? { note: input.note } : {});\n} else if (input.action === 'record_spend') {\n  const cents = toCents(input.amount);\n  if (cents === null || !input.category) {\n    throw new Error(\"record_spend needs a positive 'amount' and a 'category' (e.g. 'venue').\");\n  }\n  await budget.add({\n    amountCents: cents,\n    kind: 'out',\n    category: input.category.toLowerCase(),\n    ...(input.note ? { note: input.note } : {}),\n  });\n} else if (input.action !== 'status' && input.action !== 'guest_list') {\n  throw new Error(\n    `Unknown action '${input.action}'. Use status, add_guest, guest_status, record_spend, or guest_list.`,\n  );\n}\n\nconst records = await guests.list();\nconst totals = await budget.totals();\nconst heads = headcounts(records);\nconst eventDate = await readEventDate();\nconst listing =\n  input.action === 'guest_list'\n    ? records\n        .map(\n          (r) =>\n            `${r.id} [${r.status}] ${String(r.fields.name ?? '?')}${partyOf(r) > 1 ? ` (party of ${partyOf(r)})` : ''}`,\n        )\n        .join('\\n') || 'The guest list is empty.'\n    : '';\n\ngezel.output({\n  invited: heads.invited,\n  coming: heads.coming,\n  spentCents: totals.outCents,\n  summary: listing || eventLine(records, totals.outCents, eventDate, Date.now()),\n});\n"
+  }
+}

package/data/project-types/ev/event-planner/versions/1.0.1/mission.md

@@ -0,0 +1,6 @@
+- The day goes beautifully — planned backward from {{date}}, with a day-of
+  runbook so complete nobody has to think.
+- The guest list is always current: every RSVP recorded the day it lands,
+  headcounts answered from the list.
+- The budget is honest: money recorded when committed, not when remembered.
+- After the event, every thank-you goes out — tracked to done.

package/data/project-types/ev/event-planner/versions/1.0.1/pages/dashboard/index.html

@@ -0,0 +1,186 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="gezel-demo" content="standalone" />
+    <title>Event planner</title>
+    <style>
+      :root {
+        color-scheme: light dark;
+        --bg: #faf7f2; --card: #fff; --ink: #2b2620; --muted: #7a7166;
+        --accent: #b5651d; --track: #ece5da; --good: #4a7c59; --warn: #a4552e;
+      }
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --bg: #1c1a17; --card: #262320; --ink: #efe9e0; --muted: #a59a8c;
+          --accent: #e0894a; --track: #3a352f; --good: #7fae8d; --warn: #d98a63;
+        }
+      }
+      * { box-sizing: border-box; }
+      body { margin: 0; font: 15px/1.5 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; background: var(--bg); color: var(--ink); padding: 1.5rem 1.25rem; }
+      main { max-width: 680px; margin: 0 auto; }
+      h1 { font-family: Georgia, 'PT Serif', 'Times New Roman', serif; font-size: 1.35rem; font-weight: 600; margin: 0 0 0.15rem; }
+      .sub { color: var(--muted); font-size: 0.9rem; margin: 0 0 0.9rem; }
+      .tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.6rem; margin-bottom: 0.9rem; }
+      .tile { background: var(--card); border: 1px solid var(--track); border-radius: 10px; padding: 0.7rem 0.85rem; }
+      .tile .n { font-size: 1.35rem; font-weight: 700; color: var(--accent); }
+      .tile .n.good { color: var(--good); }
+      .tile .l { font-size: 0.72rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em; }
+      .cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; }
+      .panel { background: var(--card); border: 1px solid var(--track); border-radius: 10px; padding: 0.85rem 1rem; font-size: 0.9rem; }
+      .panel h2 { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted); margin: 0 0 0.5rem; }
+      .panel ul { margin: 0; padding-left: 1.05rem; }
+      .panel li { margin: 0.2rem 0; }
+      .rsvp { color: var(--muted); font-size: 0.78rem; }
+      .rsvp.yes { color: var(--good); }
+      .rsvp.no { color: var(--warn); }
+      .bar-row { display: grid; grid-template-columns: 6.5rem 1fr 4.5rem; gap: 0.5rem; align-items: center; margin: 0.3rem 0; }
+      .bar { background: var(--track); border-radius: 4px; height: 10px; overflow: hidden; }
+      .bar > span { display: block; height: 100%; background: var(--accent); border-radius: 4px; }
+      .amt { text-align: right; color: var(--muted); font-variant-numeric: tabular-nums; }
+      .empty { color: var(--muted); font-style: italic; }
+      @media (max-width: 640px) { .cols { grid-template-columns: 1fr; } .tiles { grid-template-columns: 1fr 1fr; } }
++      .demo-banner {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 0.75rem;
+        margin: 0 0 0.85rem;
+        padding: 0.5rem 0.65rem;
+        border: 1px solid var(--accent, #8a5a2b);
+        border-radius: 6px;
+        background: color-mix(in srgb, var(--card, var(--surface, #fffdf8)) 88%, var(--accent, #8a5a2b));
+        color: var(--ink, #2b2620);
+        font-size: 0.8rem;
+      }
+      .demo-banner[hidden] { display: none; }
+      .demo-banner strong { font-weight: 700; }
+      .demo-reset {
+        flex: none;
+        padding: 0.25rem 0.5rem;
+        border: 1px solid var(--accent, #8a5a2b);
+        border-radius: 6px;
+        background: var(--card, var(--surface, #fffdf8));
+        color: var(--ink, #2b2620);
+        cursor: pointer;
+        font: inherit;
+      }
+      .demo-reset:hover { border-color: var(--ink, #2b2620); }
+    </style>
+  </head>
+  <body>
+    <main>
++      <div class="demo-banner" data-gezel-demo-banner hidden>
+        <span><strong>Demo mode</strong> — sample data stays in this page.</span>
+        <button type="button" class="demo-reset" onclick="location.reload()">Reset demo</button>
+      </div>
+      <h1 id="title">Event planner</h1>
+      <p class="sub" id="sub">Loading the plan…</p>
+      <div class="tiles">
+        <div class="tile"><div class="n" id="t-days">—</div><div class="l">Days to go</div></div>
+        <div class="tile"><div class="n good" id="t-coming">—</div><div class="l">Coming</div></div>
+        <div class="tile"><div class="n" id="t-await">—</div><div class="l">Awaiting reply</div></div>
+        <div class="tile"><div class="n" id="t-spent">—</div><div class="l">Spent</div></div>
+      </div>
+      <div class="cols">
+        <div class="panel">
+          <h2>Guest list</h2>
+          <ul id="guests"><li class="empty">No guests yet — start the list with your Ceremoniemeester.</li></ul>
+        </div>
+        <div class="panel">
+          <h2>Where the budget went</h2>
+          <div id="budget"><p class="empty">Nothing committed yet.</p></div>
+        </div>
+      </div>
+    </main>
+    <script>
+      (function () {
+        'use strict';
+        var parts = location.pathname.split('/').filter(Boolean);
+        var typeIdx = parts.indexOf('type');
+        var capability = typeIdx > 0 ? parts[typeIdx - 1] : null;
+        var projectId = typeIdx >= 0 ? parts[typeIdx + 1] : null;
+        var failedPolls = 0;
+        var demoMode = !capability || !projectId;
+        var demoGuests = {
+          eventDate: new Date(Date.now() + 28 * 86400000).toISOString(),
+          records: [
+            { id: 'guest-1', status: 'yes', fields: { name: 'Mara & Jo', party: 2 } },
+            { id: 'guest-2', status: 'yes', fields: { name: 'The De Vries family', party: 4 } },
+            { id: 'guest-3', status: 'invited', fields: { name: 'Samir Patel', party: 1 } },
+            { id: 'guest-4', status: 'invited', fields: { name: 'Anika Bose', party: 2 } },
+            { id: 'guest-5', status: 'no', fields: { name: 'Leo Martins', party: 1 } },
+          ],
+        };
+        var demoBudget = { entries: [
+          { kind: 'out', category: 'Venue', amountCents: 185000 },
+          { kind: 'out', category: 'Food', amountCents: 92000 },
+          { kind: 'out', category: 'Flowers', amountCents: 36000 },
+          { kind: 'out', category: 'Music', amountCents: 54000 },
+        ] };
+        if (demoMode) document.querySelector('[data-gezel-demo-banner]').hidden = false;
+
+        function esc(s) { return String(s).replace(/[&<>"]/g, function (c) { return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c]; }); }
+        function fmt(cents) { var abs = Math.abs(cents); return (cents < 0 ? '-' : '') + Math.floor(abs / 100) + '.' + String(abs % 100).padStart(2, '0'); }
+        function fetchJson(file) {
+          return fetch('/preview/' + encodeURIComponent(capability) + '/workspace/' + encodeURIComponent(projectId) + '/' + file, { cache: 'no-store' })
+            .then(function (r) { if (!r.ok) throw new Error('poll ' + r.status); return r.json(); });
+        }
+        function partyOf(r) { var p = r.fields && r.fields.party; return typeof p === 'number' && p >= 1 ? Math.floor(p) : 1; }
+
+        function render(guestsDoc, budgetDoc) {
+          var records = (guestsDoc && guestsDoc.records) || [];
+          var entries = (budgetDoc && budgetDoc.entries) || [];
+          var coming = 0, awaiting = 0;
+          records.forEach(function (r) {
+            if (r.status === 'yes') coming += partyOf(r);
+            if (r.status === 'invited') awaiting += partyOf(r);
+          });
+          var spent = 0; var byCat = {};
+          entries.forEach(function (e) {
+            if (e.kind === 'out') { spent += e.amountCents; byCat[e.category] = (byCat[e.category] || 0) + e.amountCents; }
+          });
+          var days = guestsDoc && guestsDoc.eventDate ? Math.ceil((Date.parse(guestsDoc.eventDate) - Date.now()) / 86400000) : null;
+
+          document.getElementById('sub').textContent =
+            (guestsDoc && guestsDoc.eventDate ? 'The day: ' + String(guestsDoc.eventDate).slice(0, 10) + ' · ' : '') +
+            records.length + ' invitation(s) on the list';
+          document.getElementById('t-days').textContent = days === null || !isFinite(days) ? '—' : Math.max(0, days);
+          document.getElementById('t-coming').textContent = coming;
+          document.getElementById('t-await').textContent = awaiting;
+          document.getElementById('t-spent').textContent = fmt(spent);
+
+          if (records.length) {
+            document.getElementById('guests').innerHTML = records.slice(0, 12).map(function (r) {
+              return '<li>' + esc((r.fields && r.fields.name) || r.id) + (partyOf(r) > 1 ? ' (+' + (partyOf(r) - 1) + ')' : '') +
+                ' <span class="rsvp ' + r.status + '">' + (r.status === 'invited' ? 'awaiting' : r.status) + '</span></li>';
+            }).join('') + (records.length > 12 ? '<li class="empty">and ' + (records.length - 12) + ' more…</li>' : '');
+          }
+          var cats = Object.entries(byCat).sort(function (a, b) { return b[1] - a[1]; }).slice(0, 6);
+          if (cats.length) {
+            var max = cats[0][1];
+            document.getElementById('budget').innerHTML = cats.map(function (pair) {
+              return '<div class="bar-row"><span>' + esc(pair[0]) + '</span><span class="bar"><span style="width:' + Math.max(4, Math.round((pair[1] / max) * 100)) + '%"></span></span><span class="amt">' + fmt(pair[1]) + '</span></div>';
+            }).join('');
+          }
+        }
+
+        function poll() {
+          if (demoMode) { render(demoGuests, demoBudget); return Promise.resolve(); }
+          if (!capability || !projectId) return Promise.resolve();
+          return Promise.all([
+            fetchJson('guests.json').catch(function () { return { records: [] }; }),
+            fetchJson('budget.json').catch(function () { return { entries: [] }; }),
+          ])
+            .then(function (results) { failedPolls = 0; render(results[0], results[1]); })
+            .catch(function () {
+              failedPolls += 1;
+              if (failedPolls === 3 && window.parent !== window) window.parent.postMessage({ __gezelPageRefresh: true }, '*');
+            });
+        }
+        poll().then(function () { setInterval(function () { void poll(); }, 6000); });
+      })();
+    </script>
+  </body>
+</html>

package/data/project-types/fi/fitness-coach/versions/1.0.1/about.md

@@ -0,0 +1,7 @@
+Training toward **{{goal}}**, {{weeklyTarget}} session(s) a week. Your Coach
+logs every workout the moment you report it, celebrates the streak, and keeps
+the plan sized to the life you actually have — smaller when the week is hard,
+growing again when it isn't.
+
+The **Output** tab is the training board: the streak, this week against the
+target, and the recent sessions.