@bendyline/gilde 0.1.86 → 0.1.88

package/data/project-types/ho/household-budget/versions/1.0.3/about.md

@@ -0,0 +1,6 @@
+The household ledger, kept honest. Tell your Penningmeester when money moves —
+"14.20 on groceries", "salary landed" — and it goes straight into the ledger on
+this machine.
+
+The **Output** tab shows the month at a glance: in, out, net ({{currency}}), the
+biggest categories, and a quick-add box for the receipt in your hand.

package/data/project-types/ho/household-budget/versions/1.0.3/ledger.json

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

package/data/project-types/ho/household-budget/versions/1.0.3/manifest.json

@@ -0,0 +1,164 @@
+{
+  "schemaVersion": 1,
+  "version": "1.0.3",
+  "releasedAt": "2026-10-06T00:00:00Z",
+  "meesterManaged": false,
+  "params": {
+    "type": "object",
+    "properties": {
+      "currency": {
+        "type": "string",
+        "title": "Currency",
+        "description": "Shown on the dashboard; entries are unit-agnostic.",
+        "default": "USD"
+      }
+    },
+    "required": [
+      "currency"
+    ]
+  },
+  "nameTemplate": "Household Budget",
+  "aboutTemplate": "about.md",
+  "missionTemplate": "mission.md",
+  "gezels": [
+    {
+      "templateId": "penningmeester",
+      "voorman": true
+    }
+  ],
+  "tools": [
+    {
+      "name": "add_expense",
+      "description": "Record spending the moment it happens (amount in ordinary units).",
+      "script": "budget-store",
+      "inputs": {
+        "type": "object",
+        "properties": {
+          "amount": {
+            "type": "number"
+          },
+          "category": {
+            "type": "string"
+          },
+          "note": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "amount",
+          "category"
+        ]
+      },
+      "bind": {
+        "action": "add_expense"
+      }
+    },
+    {
+      "name": "add_income",
+      "description": "Record money coming in.",
+      "script": "budget-store",
+      "inputs": {
+        "type": "object",
+        "properties": {
+          "amount": {
+            "type": "number"
+          },
+          "category": {
+            "type": "string"
+          },
+          "note": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "amount",
+          "category"
+        ]
+      },
+      "bind": {
+        "action": "add_income"
+      }
+    },
+    {
+      "name": "budget_status",
+      "description": "This month's shape: in, out, net, and the biggest categories.",
+      "script": "budget-store",
+      "inputs": {
+        "type": "object",
+        "properties": {}
+      },
+      "bind": {
+        "action": "status"
+      }
+    },
+    {
+      "name": "month_summary",
+      "description": "Summarize any month ('YYYY-MM').",
+      "script": "budget-store",
+      "inputs": {
+        "type": "object",
+        "properties": {
+          "month": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "month"
+        ]
+      },
+      "bind": {
+        "action": "month_summary"
+      }
+    },
+    {
+      "name": "record_expense",
+      "description": "The dashboard's quick-add expense entry.",
+      "script": "budget-store",
+      "inputs": {
+        "type": "object",
+        "properties": {
+          "amount": {
+            "type": "number"
+          },
+          "category": {
+            "type": "string"
+          },
+          "note": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "amount",
+          "category"
+        ]
+      },
+      "bind": {
+        "action": "add_expense"
+      }
+    }
+  ],
+  "craftbooks": [
+    "subscription-audit",
+    "month-close"
+  ],
+  "schedules": [],
+  "pages": {
+    "entry": "dashboard/index.html",
+    "api": 1,
+    "reads": [
+      {
+        "source": "workspace",
+        "path": "ledger.json"
+      }
+    ],
+    "tools": [
+      "record_expense"
+    ]
+  },
+  "workspaceSeed": [
+    "ledger.json"
+  ],
+  "scripts": {
+    "budget-store": "import { type InferredInput, defineScript, gezel } from '@bendyline/gezel-sdk';\nimport { ledgerStore } from '@bendyline/gezel-sdk/stores';\n\nexport const meta = defineScript({\n  name: 'budget-store',\n  description:\n    \"Read and update the household ledger (ledger.json). Call action:'status' for this month's shape (in/out/net, top categories); 'add_expense' or 'add_income' the moment money moves (amount in ordinary units, e.g. 12.50); 'month_summary' with month 'YYYY-MM' for any past month.\",\n  inputs: {\n    action: {\n      type: 'string',\n      description: \"One of 'status', 'add_expense', 'add_income', or 'month_summary'.\",\n      required: true,\n    },\n    amount: { type: 'number', description: 'Amount in ordinary currency units, e.g. 12.50.' },\n    category: { type: 'string', description: \"Category, e.g. 'groceries', 'rent', 'salary'.\" },\n    note: { type: 'string', description: 'Short note on the entry.' },\n    month: { type: 'string', description: \"Month for month_summary, e.g. '2026-06'.\" },\n  },\n  outputs: {\n    entries: { type: 'number', description: 'Total ledger entries.' },\n    summary: { type: 'string', description: 'Human-readable money summary.' },\n    netCents: { type: 'number', description: 'Net for the summarized month, in cents.' },\n  },\n  requires: ['workspace.read', 'workspace.write'],\n} as const);\n\nconst input = gezel.input as InferredInput<typeof meta>;\n\n// ── budget-rules-start ──\n// Pure derivations shared with tests: cents conversion and the month\n// summary line, kept engine-side so the dashboard, the tools, and the\n// tests agree on one rendering.\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 sign = cents < 0 ? '-' : '';\n  var abs = Math.abs(cents);\n  return sign + Math.floor(abs / 100) + '.' + String(abs % 100).padStart(2, '0');\n}\n\nfunction topCategories(byCategory, kind, limit) {\n  return Object.entries(byCategory)\n    .map(function (pair) {\n      return { category: pair[0], cents: kind === 'out' ? pair[1].outCents : pair[1].inCents };\n    })\n    .filter(function (row) {\n      return row.cents > 0;\n    })\n    .sort(function (a, b) {\n      return b.cents - a.cents;\n    })\n    .slice(0, limit);\n}\n\nfunction monthLine(month, totals) {\n  var top = topCategories(totals.byCategory, 'out', 3)\n    .map(function (row) {\n      return row.category + ' ' + fmtCents(row.cents);\n    })\n    .join(', ');\n  return (\n    month +\n    ': in ' +\n    fmtCents(totals.inCents) +\n    ', out ' +\n    fmtCents(totals.outCents) +\n    ', net ' +\n    fmtCents(totals.netCents) +\n    (top ? '. Biggest: ' + top + '.' : '. No spending recorded.')\n  );\n}\n// ── budget-rules-end ──\n\nconst ledger = ledgerStore(gezel.fs, 'ledger.json');\nconst currentMonth = new Date().toISOString().slice(0, 7);\n\nif (input.action === 'add_expense' || input.action === 'add_income') {\n  const cents = toCents(input.amount);\n  if (cents === null) throw new Error(\"Pass a positive 'amount' in ordinary units, e.g. 12.50.\");\n  if (!input.category) throw new Error(\"Pass a 'category', e.g. 'groceries' or 'salary'.\");\n  await ledger.add({\n    amountCents: cents,\n    kind: input.action === 'add_expense' ? 'out' : 'in',\n    category: input.category.toLowerCase(),\n    ...(input.note ? { note: input.note } : {}),\n  });\n} else if (input.action !== 'status' && input.action !== 'month_summary') {\n  throw new Error(\n    `Unknown action '${input.action}'. Use status, add_expense, add_income, or month_summary.`,\n  );\n}\n\nconst month =\n  input.action === 'month_summary' && input.month ? input.month : currentMonth;\nconst totals = await ledger.totals({ month });\nconst all = await ledger.list();\n\ngezel.output({\n  entries: all.length,\n  summary: monthLine(month, totals),\n  netCents: totals.netCents,\n});\n"
+  }
+}

package/data/project-types/ho/household-budget/versions/1.0.3/mission.md

@@ -0,0 +1,5 @@
+- Every expense and income lands in the ledger the day it happens.
+- The month gets closed with a twenty-minute review: in, out, net, biggest
+  categories, one observation.
+- Quiet leaks get surfaced — recurring charges and drifting categories, with
+  figures attached, never a lecture.

package/data/project-types/ho/household-budget/versions/1.0.3/pages/dashboard/index.html

@@ -0,0 +1,340 @@
+<!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>Household budget</title>
+    <style>
+      :root {
+        color-scheme: light dark;
+        --bg: #faf7f2; --card: #fff; --ink: #2b2620; --muted: #7a7166;
+        --accent: #b5651d; --track: #ece5da; --good: #4a7c59; --warn: #a4552e;
+      }
+      :root[data-theme='dark'] {
+        --bg: #1c1a17; --card: #262320; --ink: #efe9e0; --muted: #a59a8c;
+        --accent: #e0894a; --track: #3a352f; --good: #7fae8d; --warn: #d98a63;
+      }
+      @media (prefers-color-scheme: dark) {
+        :root:not([data-theme='light']) {
+          --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: 760px; 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 1rem; }
+      .tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.6rem; margin-bottom: 1rem; }
+      .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); line-height: 1.2; }
+      .tile .n.good { color: var(--good); }
+      .tile .n.warn { color: var(--warn); }
+      .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.85rem; }
+      .panel h2 { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted); margin: 0 0 0.5rem; }
+      .bar-row { display: grid; grid-template-columns: 7.5rem 1fr 4.5rem; gap: 0.5rem; align-items: center; margin: 0.3rem 0; }
+      .bar-row .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+      .bar { background: var(--track); border-radius: 4px; height: 10px; overflow: hidden; }
+      .bar > span { display: block; height: 100%; background: var(--accent); border-radius: 4px; }
+      .bar-row .amt { text-align: right; color: var(--muted); font-variant-numeric: tabular-nums; }
+      .entries { margin: 0; padding-left: 1.05rem; }
+      .entries li { margin: 0.25rem 0; color: var(--muted); }
+      .entries li strong { color: var(--ink); font-weight: 600; }
+      form { display: grid; grid-template-columns: 5.5rem 1fr auto; gap: 0.4rem; margin-top: 0.5rem; }
+      input { font: inherit; color: var(--ink); background: var(--bg); border: 1px solid var(--track); border-radius: 6px; padding: 0.35rem 0.5rem; min-width: 0; min-height: 44px; }
+      button { font: inherit; border: 1px solid var(--track); background: var(--card); color: var(--ink); border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; min-height: 44px; }
+      button:hover { border-color: var(--accent); }
+      button:disabled { opacity: 0.5; cursor: default; }
+      .banner { border: 1px solid var(--accent); border-radius: 6px; padding: 0.45rem 0.7rem; font-size: 0.85rem; margin-bottom: 0.75rem; display: none; }
+      .banner.show { display: block; }
+      .note { margin: 0 0 0.85rem; padding: 0.5rem 0.65rem; border: 1px solid var(--track); border-radius: 6px; background: var(--card); color: var(--muted); font-size: 0.8rem; }
+      .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);
+        border-radius: 6px;
+        background: color-mix(in srgb, var(--card) 88%, var(--accent));
+        color: var(--ink);
+        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);
+        border-radius: 6px;
+        background: var(--card);
+        color: var(--ink);
+        cursor: pointer;
+        font: inherit;
+      }
+      .demo-reset:hover { border-color: var(--ink); }
+    </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>
+      <p class="note" id="browser-note" hidden>
+        Viewing from a browser tab — the ledger stays live, but quick add happens in the app's Output pane.
+      </p>
+      <div class="banner" id="banner"></div>
+      <h1>Household budget</h1>
+      <p class="sub" id="sub">Loading the ledger…</p>
+      <div class="tiles">
+        <div class="tile"><div class="n good" id="t-in">—</div><div class="l">In this month</div></div>
+        <div class="tile"><div class="n warn" id="t-out">—</div><div class="l">Out this month</div></div>
+        <div class="tile"><div class="n" id="t-net">—</div><div class="l">Net</div></div>
+      </div>
+      <div class="cols">
+        <div class="panel">
+          <h2>Where it goes</h2>
+          <div id="cats"><p class="empty">No spending recorded this month.</p></div>
+        </div>
+        <div class="panel">
+          <h2>Recent entries</h2>
+          <ul class="entries" id="entries"><li class="empty">Nothing yet — tell your Penningmeester, or use quick add.</li></ul>
+          <h2 style="margin-top: 0.9rem">Quick add expense</h2>
+          <form id="quick">
+            <input id="q-amount" type="number" step="0.01" min="0.01" placeholder="12.50" required />
+            <input id="q-category" type="text" placeholder="groceries" required />
+            <button type="button" id="q-go">Add</button>
+          </form>
+        </div>
+      </div>
+    </main>
+    <script>
+/* gezel-page-demo-stub v1 */
+/*
+ * The canonical demo stub for Gezel type pages. MIT License.
+ *
+ * Paste this file's bytes verbatim into a <script> block ahead of the
+ * page's own code, then call makeDemoGezel({ page, tools, data }) with the
+ * page's demo handlers. Served by Gezel, the real window.gezel is already
+ * injected and the stub steps aside; opened as a raw file (the live demos
+ * on gezelgilde.com), it installs a window.gezel whose tools and data are
+ * the page-supplied handler maps — one code path in every mode. `tools`
+ * and `data` map a tool name / declared read path to a function; data
+ * handlers back read() and list(), and url() returns the handler's value
+ * or passes a data: URI through. See docs/page-authoring.md.
+ */
+(function () {
+  'use strict';
+  window.makeDemoGezel = function (opts) {
+    if (window.gezel) return window.gezel;
+    var page = (opts && opts.page) || {};
+    var tools = (opts && opts.tools) || {};
+    var data = (opts && opts.data) || {};
+    var themeListeners = [];
+    var media = window.matchMedia ? window.matchMedia('(prefers-color-scheme: dark)') : null;
+    var ui = {
+      theme: { mode: media && media.matches ? 'dark' : 'light' },
+      onTheme: function (cb) {
+        themeListeners.push(cb);
+        return function () {
+          var at = themeListeners.indexOf(cb);
+          if (at >= 0) themeListeners.splice(at, 1);
+        };
+      },
+    };
+    if (media && media.addEventListener) {
+      media.addEventListener('change', function (ev) {
+        ui.theme = { mode: ev.matches ? 'dark' : 'light' };
+        themeListeners.slice().forEach(function (cb) { cb(ui.theme); });
+      });
+    }
+    function fail(code, message) {
+      var err = new Error(message);
+      err.code = code;
+      return Promise.reject(err);
+    }
+    function run(map, key, arg) {
+      if (!Object.prototype.hasOwnProperty.call(map, key)) return null;
+      return Promise.resolve().then(function () { return map[key](arg); });
+    }
+    window.gezel = {
+      page: {
+        api: 1,
+        projectId: 'demo',
+        source: 'type',
+        entry: page.entry || 'index.html',
+        typeName: page.typeName || 'demo',
+        params: page.params || {},
+        mode: 'demo',
+      },
+      tools: {
+        list: function () { return Promise.resolve(Object.keys(tools)); },
+        invoke: function (name, input) {
+          var call = run(tools, name, input || {});
+          if (!call) return fail('not-allowed', "The demo does not handle the tool '" + name + "'.");
+          return call.then(function (output) { return { output: output }; });
+        },
+      },
+      data: {
+        read: function (path, o) {
+          return run(data, path, o || {}) || fail('not-allowed', "The demo has no data for '" + path + "'.");
+        },
+        list: function (path, o) {
+          return run(data, path, o || {}) || Promise.resolve([]);
+        },
+        watch: function () { return function () {}; },
+        url: function (path) {
+          if (Object.prototype.hasOwnProperty.call(data, path)) return String(data[path]({}));
+          return typeof path === 'string' && path.indexOf('data:') === 0 ? path : '';
+        },
+      },
+      ui: ui,
+      refresh: function () {},
+    };
+    return window.gezel;
+  };
+})();
+    </script>
+    <script>
+      (function () {
+        'use strict';
+
+        // ── demo ledger (used only when the page opens as a raw file) ──
+        var demoLedger = { currency: 'USD', entries: [
+          { kind: 'in', amountCents: 520000, category: 'Income', note: 'Monthly pay', at: new Date().toISOString() },
+          { kind: 'out', amountCents: 146000, category: 'Housing', note: 'Rent', at: new Date().toISOString() },
+          { kind: 'out', amountCents: 58200, category: 'Groceries', note: 'Weekly shops', at: new Date().toISOString() },
+          { kind: 'out', amountCents: 22400, category: 'Transport', note: 'Train and fuel', at: new Date().toISOString() },
+          { kind: 'out', amountCents: 18900, category: 'Eating out', note: 'Dinner with friends', at: new Date().toISOString() },
+        ] };
+
+        makeDemoGezel({
+          page: { entry: 'dashboard/index.html', typeName: 'Household Budget', params: { currency: 'USD' } },
+          tools: {
+            record_expense: function (input) {
+              var amount = Number(input && input.amount);
+              if (!(amount > 0) || !input.category) throw new Error('Give an amount above zero and a category.');
+              demoLedger.entries.push({
+                kind: 'out',
+                amountCents: Math.round(amount * 100),
+                category: input.category,
+                at: new Date().toISOString(),
+              });
+              return { summary: 'Recorded ' + amount.toFixed(2) + ' for ' + input.category + '.' };
+            },
+          },
+          data: {
+            'ledger.json': function () { return demoLedger; },
+          },
+        });
+
+        // ── one code path from here: window.gezel exists in every mode ──
+        var demoMode = gezel.page.mode === 'demo';
+        var browserMode = gezel.page.mode === 'browser';
+
+        function applyTheme(mode) {
+          document.documentElement.setAttribute('data-theme', mode === 'dark' ? 'dark' : 'light');
+        }
+        applyTheme(gezel.ui.theme.mode);
+        gezel.ui.onTheme(function (theme) { applyTheme(theme.mode); });
+
+        if (demoMode) document.querySelector('[data-gezel-demo-banner]').hidden = false;
+        if (browserMode) document.getElementById('browser-note').hidden = false;
+
+        function esc(s) { return String(s).replace(/[&<>"]/g, function (c) { return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c]; }); }
+        function fmt(cents) {
+          var sign = cents < 0 ? '-' : '';
+          var abs = Math.abs(cents);
+          return sign + Math.floor(abs / 100) + '.' + String(abs % 100).padStart(2, '0');
+        }
+        function setBanner(text) { var el = document.getElementById('banner'); el.textContent = text || ''; el.className = text ? 'banner show' : 'banner'; }
+        function invokeErrorText(err) {
+          if (err && err.code === 'unavailable') {
+            return "Quick add happens in the app's Output pane — this browser tab stays view-only.";
+          }
+          return String(err && err.message ? err.message : err);
+        }
+
+        function render(ledger) {
+          var month = new Date().toISOString().slice(0, 7);
+          var entries = (ledger.entries || []).filter(function (e) { return typeof e.at === 'string'; });
+          var monthEntries = entries.filter(function (e) { return e.at.slice(0, 7) === month; });
+          var inC = 0, outC = 0; var byCat = {};
+          monthEntries.forEach(function (e) {
+            if (e.kind === 'in') inC += e.amountCents;
+            else { outC += e.amountCents; byCat[e.category] = (byCat[e.category] || 0) + e.amountCents; }
+          });
+          document.getElementById('sub').textContent = month + ' · ' + (ledger.currency || '') + ' · ' + entries.length + ' entr' + (entries.length === 1 ? 'y' : 'ies') + ' all time';
+          document.getElementById('t-in').textContent = fmt(inC);
+          document.getElementById('t-out').textContent = fmt(outC);
+          var net = document.getElementById('t-net');
+          net.textContent = fmt(inC - outC);
+          net.className = 'n ' + (inC - outC >= 0 ? 'good' : 'warn');
+
+          var cats = Object.entries(byCat).sort(function (a, b) { return b[1] - a[1]; }).slice(0, 7);
+          var max = cats.length ? cats[0][1] : 1;
+          document.getElementById('cats').innerHTML = cats.length
+            ? cats.map(function (pair) {
+                return '<div class="bar-row"><span class="name">' + 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('')
+            : '<p class="empty">No spending recorded this month.</p>';
+
+          var recent = entries.slice(-7).reverse();
+          if (recent.length) {
+            document.getElementById('entries').innerHTML = recent.map(function (e) {
+              return '<li><strong>' + (e.kind === 'in' ? '+' : '-') + fmt(e.amountCents) + '</strong> ' + esc(e.category) + (e.note ? ' — ' + esc(e.note) : '') + '</li>';
+            }).join('');
+          }
+        }
+
+        function loadLedger() {
+          return gezel.data
+            .read('ledger.json')
+            .then(function (next) { if (next) render(next); })
+            .catch(function () {});
+        }
+
+        // The Output pane frame is sandboxed without allow-forms, which blocks
+        // form submission before any submit event fires — so the quick add
+        // listens for the button and Enter itself.
+        function quickAdd() {
+          var amount = parseFloat(document.getElementById('q-amount').value);
+          var category = document.getElementById('q-category').value.trim();
+          if (!(amount > 0) || !category) return;
+          var btn = document.getElementById('q-go');
+          btn.disabled = true;
+          gezel.tools
+            .invoke('record_expense', { amount: amount, category: category })
+            .then(function () {
+              setBanner('');
+              document.getElementById('q-amount').value = '';
+              document.getElementById('q-category').value = '';
+              return loadLedger();
+            })
+            .catch(function (err) { setBanner(invokeErrorText(err)); })
+            .then(function () { btn.disabled = false; });
+        }
+        document.getElementById('quick').addEventListener('submit', function (ev) { ev.preventDefault(); });
+        document.getElementById('q-go').addEventListener('click', quickAdd);
+        ['q-amount', 'q-category'].forEach(function (id) {
+          document.getElementById(id).addEventListener('keydown', function (ev) {
+            if (ev.key === 'Enter') {
+              ev.preventDefault();
+              quickAdd();
+            }
+          });
+        });
+
+        loadLedger();
+        gezel.data.watch('ledger.json', function () { loadLedger(); });
+      })();
+    </script>
+  </body>
+</html>

package/data/project-types/ho/household-manual/versions/1.0.2/about.md

@@ -0,0 +1,7 @@
+The operations book for {{home}}. Tell your Huismeester about the systems that
+need regular care — the furnace, the gutters, the smoke alarms — and each gets a
+card: what it is, where it lives, what care it needs, how often. Maintenance
+gets logged; the schedule takes care of itself.
+
+The **Output** tab shows what the house needs right now: care due and anything
+flagged for attention.