@bendyline/gilde 0.1.7 → 0.1.9

package/data/project-types/jo/job-hunt/versions/1.0.1/about.md

@@ -0,0 +1,10 @@
+A campaign to land a **{{role}}** role.
+
+Your crew: a Loopbaancoach who keeps every application on the pipeline — tracked
+the day it happens, chased when it goes quiet — and an Oefen-interviewer who runs
+practice rounds before the real ones, with debriefs worth reading twice.
+
+Open the **Output** tab any time: the pipeline board and this week's follow-ups
+live there.
+
+Notes for the coach: {{focus}}

package/data/project-types/jo/job-hunt/versions/1.0.1/activity.json

@@ -0,0 +1,4 @@
+{
+  "version": 1,
+  "events": []
+}

package/data/project-types/jo/job-hunt/versions/1.0.1/manifest.json

@@ -0,0 +1,212 @@
+{
+  "schemaVersion": 1,
+  "version": "1.0.1",
+  "releasedAt": "2026-08-01T00:00:00Z",
+  "extends": "job-hunt",
+  "meesterManaged": false,
+  "params": {
+    "type": "object",
+    "properties": {
+      "role": {
+        "type": "string",
+        "title": "What role are you hunting for?",
+        "description": "The role or title you're targeting — e.g. Staff Engineer, Product Designer, Data Analyst.",
+        "default": "Software Engineer"
+      },
+      "focus": {
+        "type": "string",
+        "title": "Anything about your search?",
+        "description": "Optional context for your coach — location constraints, timeline, dream companies.",
+        "default": "Just getting started."
+      }
+    },
+    "required": [
+      "role",
+      "focus"
+    ]
+  },
+  "nameTemplate": "{{role}} Job Hunt",
+  "aboutTemplate": "about.md",
+  "missionTemplate": "mission.md",
+  "gezels": [
+    {
+      "templateId": "career-coach",
+      "voorman": true
+    },
+    {
+      "templateId": "mock-interviewer"
+    }
+  ],
+  "scripts": {
+    "application-store": "import { type InferredInput, defineScript, gezel } from '@bendyline/gezel-sdk';\nimport { logStore, rosterStore } from '@bendyline/gezel-sdk/stores';\n\nexport const meta = defineScript({\n  name: 'application-store',\n  description:\n    \"Read and update the job-search pipeline (applications in pipeline.json, activity in activity.json). Call action:'status' at the start of a session to see where the search stands; 'record_application' the moment the user mentions applying somewhere; 'advance_stage' when reality moves; 'log_activity' for follow-ups, scheduled interviews, and thank-yous.\",\n  inputs: {\n    action: {\n      type: 'string',\n      description: \"One of 'status', 'record_application', 'advance_stage', or 'log_activity'.\",\n      required: true,\n    },\n    company: { type: 'string', description: 'Company name (identifies the application when id is omitted).' },\n    role: { type: 'string', description: 'Role title for a new application.' },\n    link: { type: 'string', description: 'Posting or application link.' },\n    notes: { type: 'string', description: 'Free-form notes for a new application.' },\n    id: { type: 'string', description: \"Application id (e.g. 'acme-staff-engineer') when advancing or logging.\" },\n    stage: {\n      type: 'string',\n      description: 'Target stage for advance_stage: applied, screening, interview, offer, or closed.',\n    },\n    outcome: { type: 'string', description: \"With stage 'closed': signed, rejected, or withdrawn.\" },\n    kind: {\n      type: 'string',\n      description: \"Activity kind for log_activity: follow-up, interview-scheduled, thank-you, offer-received, or note.\",\n    },\n    note: { type: 'string', description: 'The activity note for log_activity, or a note on a stage change.' },\n    due: { type: 'string', description: 'Due date (ISO) for a follow-up.' },\n  },\n  outputs: {\n    applications: { type: 'number', description: 'Total applications tracked.' },\n    summary: { type: 'string', description: 'Human-readable pipeline summary.' },\n    stale: { type: 'json', description: 'Active applications untouched for over 7 days.' },\n    followUps: { type: 'json', description: 'Follow-ups due within 7 days or overdue.' },\n  },\n  requires: ['workspace.read', 'workspace.write'],\n} as const);\n\nconst input = gezel.input as InferredInput<typeof meta>;\n\nconst STAGES: [string, ...string[]] = ['applied', 'screening', 'interview', 'offer', 'closed'];\nconst OUTCOMES = ['signed', 'rejected', 'withdrawn'];\nconst WEEK_MS = 7 * 24 * 60 * 60 * 1000;\n\nconst roster = rosterStore(gezel.fs, 'pipeline.json', { stages: STAGES, idPrefix: 'app' });\nconst activity = logStore(gezel.fs, 'activity.json');\n\nfunction slugify(s: string): string {\n  return (\n    s\n      .toLowerCase()\n      .replace(/[^a-z0-9]+/g, '-')\n      .replace(/^-+|-+$/g, '') || 'application'\n  );\n}\n\nasync function freshId(company: string, role?: string): Promise<string> {\n  const base = slugify(role ? `${company} ${role}` : company);\n  let candidate = base;\n  for (let n = 2; (await roster.get(candidate)) !== null; n += 1) {\n    candidate = `${base}-${n}`;\n  }\n  return candidate;\n}\n\nasync function resolveId(): Promise<string> {\n  if (input.id) {\n    if ((await roster.get(input.id)) === null) throw new Error(`No application '${input.id}'.`);\n    return input.id;\n  }\n  if (input.company) {\n    const wanted = input.company.toLowerCase();\n    const matches = (await roster.list()).filter(\n      (r) => String(r.fields.company ?? '').toLowerCase() === wanted,\n    );\n    if (matches.length === 1) return matches[0]!.id;\n    if (matches.length > 1) {\n      throw new Error(\n        `Multiple applications match company '${input.company}': ${matches.map((m) => m.id).join(', ')}. Pass id.`,\n      );\n    }\n  }\n  throw new Error(\"Pass 'id' or a unique 'company' to identify the application.\");\n}\n\nasync function summarize(): Promise<{\n  applications: number;\n  summary: string;\n  stale: unknown[];\n  followUps: unknown[];\n}> {\n  const records = await roster.list();\n  const counts = await roster.counts();\n  const now = Date.now();\n  const stale = records\n    .filter((r) => r.status !== 'closed' && now - Date.parse(r.updatedAt) > WEEK_MS)\n    .map((r) => ({\n      id: r.id,\n      company: r.fields.company ?? r.id,\n      stage: r.status,\n      daysQuiet: Math.floor((now - Date.parse(r.updatedAt)) / (24 * 60 * 60 * 1000)),\n    }));\n  const followUps = (await activity.list({ kind: 'follow-up' }))\n    .filter((e) => {\n      const due = typeof e.data?.dueAt === 'string' ? Date.parse(e.data.dueAt) : null;\n      return due !== null && due <= now + WEEK_MS;\n    })\n    .map((e) => ({\n      note: e.note ?? '',\n      dueAt: e.data?.dueAt,\n      applicationId: e.data?.applicationId,\n      overdue: typeof e.data?.dueAt === 'string' && Date.parse(e.data.dueAt) < now,\n    }));\n  const active = records.filter((r) => r.status !== 'closed').length;\n  const stageLine = STAGES.filter((s) => (counts[s] ?? 0) > 0)\n    .map((s) => `${s} ${counts[s]}`)\n    .join(', ');\n  const summary = records.length\n    ? `${active} application(s) in play (${stageLine || 'none'}). ${stale.length} stale, ${followUps.length} follow-up(s) due this week.`\n    : 'No applications tracked yet.';\n  return { applications: records.length, summary, stale, followUps };\n}\n\nif (input.action === 'record_application') {\n  if (!input.company) throw new Error(\"record_application needs 'company'.\");\n  const id = await freshId(input.company, input.role);\n  const record = await roster.add({\n    id,\n    fields: {\n      company: input.company,\n      ...(input.role ? { role: input.role } : {}),\n      ...(input.link ? { link: input.link } : {}),\n      ...(input.notes ? { notes: input.notes } : {}),\n    },\n  });\n  await activity.append({\n    kind: 'applied',\n    note: `Applied to ${input.company}${input.role ? ` for ${input.role}` : ''}.`,\n    data: { applicationId: record.id },\n  });\n} else if (input.action === 'advance_stage') {\n  if (!input.stage) throw new Error(\"advance_stage needs 'stage'.\");\n  if (!STAGES.includes(input.stage)) {\n    throw new Error(`Unknown stage '${input.stage}'. Stages: ${STAGES.join(', ')}.`);\n  }\n  if (input.outcome && input.stage !== 'closed') {\n    throw new Error(\"'outcome' only applies when closing (stage 'closed').\");\n  }\n  if (input.outcome && !OUTCOMES.includes(input.outcome)) {\n    throw new Error(`Unknown outcome '${input.outcome}'. Outcomes: ${OUTCOMES.join(', ')}.`);\n  }\n  const id = await resolveId();\n  await roster.transition(id, input.stage, input.note ? { note: input.note } : {});\n  if (input.outcome) await roster.update(id, { fields: { outcome: input.outcome } });\n  const company = String((await roster.get(id))?.fields.company ?? id);\n  await activity.append({\n    kind: 'stage',\n    note: `${company} moved to ${input.stage}${input.outcome ? ` (${input.outcome})` : ''}.`,\n    data: { applicationId: id },\n  });\n} else if (input.action === 'log_activity') {\n  if (!input.note) throw new Error(\"log_activity needs 'note'.\");\n  let applicationId: string | undefined;\n  if (input.id || input.company) {\n    applicationId = await resolveId();\n    // A logged touch counts as attention — it resets the staleness clock.\n    await roster.update(applicationId, input.note ? { note: input.note } : {});\n  }\n  await activity.append({\n    kind: input.kind ?? 'note',\n    note: input.note,\n    data: {\n      ...(applicationId ? { applicationId } : {}),\n      ...(input.due ? { dueAt: input.due } : {}),\n    },\n  });\n} else if (input.action !== 'status') {\n  throw new Error(\n    `Unknown action '${input.action}'. Use status, record_application, advance_stage, or log_activity.`,\n  );\n}\n\ngezel.output(await summarize());\n"
+  },
+  "tools": [
+    {
+      "name": "record_application",
+      "description": "Track a new job application the moment it happens.",
+      "script": "application-store",
+      "inputs": {
+        "type": "object",
+        "properties": {
+          "company": {
+            "type": "string",
+            "description": "Company name."
+          },
+          "role": {
+            "type": "string",
+            "description": "Role title."
+          },
+          "link": {
+            "type": "string",
+            "description": "Posting or application link."
+          },
+          "notes": {
+            "type": "string",
+            "description": "Anything worth remembering about this one."
+          }
+        },
+        "required": [
+          "company"
+        ]
+      },
+      "bind": {
+        "action": "record_application"
+      }
+    },
+    {
+      "name": "advance_stage",
+      "description": "Move an application to a new pipeline stage (applied, screening, interview, offer, closed).",
+      "script": "application-store",
+      "inputs": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "string",
+            "description": "Application id."
+          },
+          "company": {
+            "type": "string",
+            "description": "Company name (when id is omitted)."
+          },
+          "stage": {
+            "type": "string",
+            "enum": [
+              "applied",
+              "screening",
+              "interview",
+              "offer",
+              "closed"
+            ],
+            "description": "The stage reality moved to."
+          },
+          "note": {
+            "type": "string",
+            "description": "What happened."
+          },
+          "outcome": {
+            "type": "string",
+            "enum": [
+              "signed",
+              "rejected",
+              "withdrawn"
+            ],
+            "description": "Only when closing: how it ended."
+          }
+        },
+        "required": [
+          "stage"
+        ]
+      },
+      "bind": {
+        "action": "advance_stage"
+      }
+    },
+    {
+      "name": "log_activity",
+      "description": "Log activity on the search — a follow-up to send, an interview scheduled, a thank-you sent.",
+      "script": "application-store",
+      "inputs": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "string",
+            "description": "Application id this activity belongs to."
+          },
+          "company": {
+            "type": "string",
+            "description": "Company name (when id is omitted)."
+          },
+          "kind": {
+            "type": "string",
+            "enum": [
+              "follow-up",
+              "interview-scheduled",
+              "thank-you",
+              "offer-received",
+              "note"
+            ],
+            "description": "What kind of activity this is."
+          },
+          "note": {
+            "type": "string",
+            "description": "The activity itself."
+          },
+          "due": {
+            "type": "string",
+            "description": "Due date (ISO) for a follow-up."
+          }
+        },
+        "required": [
+          "note"
+        ]
+      },
+      "bind": {
+        "action": "log_activity"
+      }
+    },
+    {
+      "name": "pipeline_status",
+      "description": "See the whole pipeline: counts per stage, stale applications, and follow-ups due this week.",
+      "script": "application-store",
+      "inputs": {
+        "type": "object",
+        "properties": {}
+      },
+      "bind": {
+        "action": "status"
+      }
+    }
+  ],
+  "craftbooks": [
+    "tailor-resume",
+    "company-research-brief",
+    "mock-interview",
+    "offer-compare",
+    "weekly-pipeline-review"
+  ],
+  "schedules": [
+    {
+      "cron": "0 17 * * 5",
+      "craftbook": "weekly-pipeline-review",
+      "consent": "ask",
+      "overlap": "skip"
+    }
+  ],
+  "pages": {
+    "entry": "dashboard/index.html",
+    "reads": [
+      {
+        "source": "workspace",
+        "path": "pipeline.json"
+      },
+      {
+        "source": "workspace",
+        "path": "activity.json"
+      }
+    ]
+  },
+  "workspaceSeed": [
+    "pipeline.json",
+    "activity.json"
+  ]
+}

package/data/project-types/jo/job-hunt/versions/1.0.1/mission.md

@@ -0,0 +1,9 @@
+- Land a signed offer for a {{role}} role — that is done.
+- Every application is tracked the day it happens; stages move when reality moves.
+- Nothing goes stale silently — anything untouched for a week gets chased, parked
+  with a reason, or closed.
+- Materials are tailored per serious application: one resume variant, one company
+  brief.
+- Before any real interview: at least one mock round, with its debrief read.
+- Every Friday: the weekly pipeline review — what moved, what stalled, the next
+  three actions.

package/data/project-types/jo/job-hunt/versions/1.0.1/pages/dashboard/index.html

@@ -0,0 +1,327 @@
+<!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>Job hunt pipeline</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 2rem;
+      }
+      main { max-width: 960px; margin: 0 auto; }
+      h1 {
+        font-family: Georgia, 'PT Serif', 'Times New Roman', serif;
+        font-size: 1.4rem;
+        font-weight: 600;
+        margin: 0 0 0.15rem;
+      }
+      .sub { color: var(--muted); margin: 0 0 1.25rem; font-size: 0.9rem; }
+      .tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.6rem; margin-bottom: 1.25rem; }
+      .tile {
+        background: var(--card);
+        border: 1px solid var(--track);
+        border-radius: 10px;
+        padding: 0.7rem 0.85rem;
+      }
+      .tile .n { font-size: 1.5rem; font-weight: 700; color: var(--accent); line-height: 1.2; }
+      .tile .l { font-size: 0.72rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em; }
+      .board { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.6rem; margin-bottom: 1.25rem; }
+      .col { min-width: 0; }
+      .col h2 {
+        font-size: 0.72rem;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        color: var(--muted);
+        margin: 0 0 0.4rem;
+        font-weight: 600;
+        display: flex;
+        justify-content: space-between;
+        align-items: baseline;
+      }
+      .col h2 .count { color: var(--ink); }
+      .card {
+        background: var(--card);
+        border: 1px solid var(--track);
+        border-radius: 6px;
+        padding: 0.5rem 0.6rem;
+        margin-bottom: 0.45rem;
+        font-size: 0.85rem;
+      }
+      .card .co { font-weight: 600; overflow-wrap: anywhere; }
+      .card .ro { color: var(--muted); font-size: 0.8rem; overflow-wrap: anywhere; }
+      .card .ft { margin-top: 0.3rem; display: flex; gap: 0.35rem; flex-wrap: wrap; align-items: center; color: var(--muted); font-size: 0.72rem; }
+      .chip {
+        display: inline-block;
+        border: 1px solid var(--track);
+        border-radius: 4px;
+        padding: 0 0.3rem;
+        font-size: 0.7rem;
+        line-height: 1.4;
+      }
+      .chip.stale { color: var(--warn); border-color: var(--warn); }
+      .chip.signed { color: var(--good); border-color: var(--good); }
+      .panels { 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;
+      }
+      .panel h2 { font-size: 0.9rem; margin: 0 0 0.5rem; }
+      .panel ul { margin: 0; padding-left: 1.05rem; font-size: 0.85rem; }
+      .panel li { margin: 0.25rem 0; }
+      .panel .when { color: var(--muted); font-size: 0.78rem; }
+      .overdue { color: var(--warn); font-weight: 600; }
+      .empty { color: var(--muted); font-style: italic; }
+      .board-empty {
+        background: var(--card);
+        border: 1px dashed var(--track);
+        border-radius: 10px;
+        padding: 0.85rem 1.25rem;
+        text-align: center;
+        color: var(--muted);
+        margin-bottom: 0.75rem;
+      }
+      @media (max-width: 720px) {
+        .tiles { grid-template-columns: repeat(2, 1fr); }
+        .board { grid-template-columns: 1fr; }
+        .panels { grid-template-columns: 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">Job hunt</h1>
+      <p class="sub" id="sub">Loading the pipeline…</p>
+      <div class="tiles">
+        <div class="tile"><div class="n" id="t-play">—</div><div class="l">In play</div></div>
+        <div class="tile"><div class="n" id="t-interview">—</div><div class="l">Interviewing</div></div>
+        <div class="tile"><div class="n" id="t-offer">—</div><div class="l">Offers</div></div>
+        <div class="tile"><div class="n" id="t-follow">—</div><div class="l">Follow-ups this week</div></div>
+      </div>
+      <div class="board-empty" id="board-empty" hidden>
+        No applications yet — tell your Loopbaancoach about the first one.
+      </div>
+      <div class="board" id="board"></div>
+      <div class="panels">
+        <div class="panel">
+          <h2>This week</h2>
+          <ul id="week"><li class="empty">Nothing due — nice and current.</li></ul>
+        </div>
+        <div class="panel">
+          <h2>Recent activity</h2>
+          <ul id="activity"><li class="empty">No activity yet.</li></ul>
+        </div>
+      </div>
+    </main>
+    <script>
+      // Served at /preview/<capability>/type/<projectId>/dashboard/index.html.
+      // Pull capability + projectId from our own path, then read the pipeline
+      // and activity records from the workspace preview (same origin; both
+      // paths are declared in the manifest's pages.reads).
+      (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 WEEK = 7 * 24 * 60 * 60 * 1000;
+        var DAY = 24 * 60 * 60 * 1000;
+        var FALLBACK_STAGES = ['applied', 'screening', 'interview', 'offer', 'closed'];
+        var demoMode = !capability || !projectId;
+        var demoPipeline = {
+          role: 'Product designer',
+          stages: FALLBACK_STAGES,
+          records: [
+            { id: 'app-12', status: 'applied', updatedAt: new Date(Date.now() - 3 * DAY).toISOString(), fields: { company: 'Canal Labs', role: 'Senior Product Designer' }, history: [{ at: new Date(Date.now() - 3 * DAY).toISOString() }] },
+            { id: 'app-11', status: 'screening', updatedAt: new Date(Date.now() - 9 * DAY).toISOString(), fields: { company: 'Northwind', role: 'Product Designer' }, history: [{ at: new Date(Date.now() - 9 * DAY).toISOString() }] },
+            { id: 'app-10', status: 'interview', updatedAt: new Date(Date.now() - DAY).toISOString(), fields: { company: 'Veld Works', role: 'Staff Product Designer' }, history: [{ at: new Date(Date.now() - 5 * DAY).toISOString() }] },
+            { id: 'app-09', status: 'offer', updatedAt: new Date().toISOString(), fields: { company: 'Juniper Press', role: 'Design Lead' }, history: [{ at: new Date().toISOString() }] },
+            { id: 'app-08', status: 'closed', updatedAt: new Date(Date.now() - 12 * DAY).toISOString(), fields: { company: 'Old Mill', role: 'Product Designer', outcome: 'withdrew' }, history: [{ at: new Date(Date.now() - 12 * DAY).toISOString() }] },
+          ],
+        };
+        var demoActivity = { events: [
+          { kind: 'note', at: new Date(Date.now() - 2 * DAY).toISOString(), note: 'Prepared portfolio stories for Veld Works.' },
+          { kind: 'follow-up', at: new Date(Date.now() - DAY).toISOString(), note: 'Send Northwind a short follow-up', data: { dueAt: new Date(Date.now() + DAY).toISOString() } },
+          { kind: 'interview', at: new Date().toISOString(), note: 'Juniper Press final conversation completed.' },
+        ] };
+
+        function esc(s) {
+          return String(s).replace(/[&<>"]/g, function (c) {
+            return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c];
+          });
+        }
+        function cap(s) { return s.charAt(0).toUpperCase() + s.slice(1); }
+        function daysAgo(iso) { return Math.floor((Date.now() - Date.parse(iso)) / DAY); }
+
+        function fetchJson(file) {
+          return fetch(
+            '/preview/' + encodeURIComponent(capability) + '/workspace/' + encodeURIComponent(projectId) + '/' + file,
+            { cache: 'no-store' },
+          ).then(function (r) {
+            if (!r.ok) throw new Error(file + ' unavailable');
+            return r.json();
+          });
+        }
+
+        function render(pipeline, act) {
+          var stages = Array.isArray(pipeline.stages) && pipeline.stages.length ? pipeline.stages : FALLBACK_STAGES;
+          var records = Array.isArray(pipeline.records) ? pipeline.records : [];
+          var events = Array.isArray(act.events) ? act.events : [];
+          var now = Date.now();
+
+          if (pipeline.role) document.getElementById('title').textContent = 'Job hunt: ' + pipeline.role;
+
+          var inPlay = records.filter(function (r) { return r.status !== 'closed'; });
+          var followUps = events.filter(function (e) {
+            var due = e.data && typeof e.data.dueAt === 'string' ? Date.parse(e.data.dueAt) : null;
+            return e.kind === 'follow-up' && due !== null && due <= now + WEEK;
+          });
+          document.getElementById('t-play').textContent = inPlay.length;
+          document.getElementById('t-interview').textContent = records.filter(function (r) { return r.status === 'interview'; }).length;
+          document.getElementById('t-offer').textContent = records.filter(function (r) { return r.status === 'offer'; }).length;
+          document.getElementById('t-follow').textContent = followUps.length;
+          document.getElementById('sub').textContent =
+            inPlay.length + ' in play · ' + followUps.length + ' follow-up' + (followUps.length === 1 ? '' : 's') + ' this week';
+
+          // The stage columns always render — even empty, the board teaches
+          // the shape of the campaign. The empty-state line sits above it.
+          document.getElementById('board-empty').hidden = records.length > 0;
+          var board = document.getElementById('board');
+          board.innerHTML = stages
+            .map(function (stage) {
+                var here = records.filter(function (r) { return r.status === stage; });
+                var cards = here
+                  .map(function (r) {
+                    var f = r.fields || {};
+                    var chips = '';
+                    var last = (r.history && r.history[r.history.length - 1]) || null;
+                    var inStage = last ? daysAgo(last.at) : null;
+                    if (stage !== 'closed' && daysAgo(r.updatedAt) > 7) {
+                      chips += '<span class="chip stale">stale</span>';
+                    }
+                    if (stage === 'closed' && f.outcome) {
+                      chips += '<span class="chip ' + (f.outcome === 'signed' ? 'signed' : '') + '">' + esc(f.outcome) + '</span>';
+                    }
+                    return (
+                      '<div class="card"><div class="co">' + esc(f.company || r.id) + '</div>' +
+                      (f.role ? '<div class="ro">' + esc(f.role) + '</div>' : '') +
+                      '<div class="ft">' + (inStage !== null ? '<span>' + inStage + 'd in stage</span>' : '') + chips + '</div></div>'
+                    );
+                  })
+                  .join('');
+                return (
+                  '<div class="col"><h2><span>' + esc(cap(stage)) + '</span><span class="count">' + here.length + '</span></h2>' + cards + '</div>'
+                );
+              })
+            .join('');
+
+          var week = document.getElementById('week');
+          var weekItems = [];
+          followUps
+            .slice()
+            .sort(function (a, b) { return Date.parse(a.data.dueAt) - Date.parse(b.data.dueAt); })
+            .forEach(function (e) {
+              var overdue = Date.parse(e.data.dueAt) < now;
+              weekItems.push(
+                '<li>' + (overdue ? '<span class="overdue">Overdue:</span> ' : '') + esc(e.note || 'Follow up') +
+                  ' <span class="when">(' + esc(String(e.data.dueAt).slice(0, 10)) + ')</span></li>',
+              );
+            });
+          inPlay.forEach(function (r) {
+            var quiet = daysAgo(r.updatedAt);
+            if (quiet > 7) {
+              weekItems.push(
+                '<li>' + esc((r.fields && r.fields.company) || r.id) + ' <span class="when">— no touch in ' + quiet + ' days</span></li>',
+              );
+            }
+          });
+          if (weekItems.length) week.innerHTML = weekItems.join('');
+
+          var activityList = document.getElementById('activity');
+          var recent = events.slice(-6).reverse();
+          if (recent.length) {
+            activityList.innerHTML = recent
+              .map(function (e) {
+                return '<li>' + esc(e.note || e.kind) + ' <span class="when">(' + esc(String(e.at).slice(0, 10)) + ')</span></li>';
+              })
+              .join('');
+          }
+        }
+
+        if (demoMode) {
+          document.querySelector('[data-gezel-demo-banner]').hidden = false;
+          render(demoPipeline, demoActivity);
+          return;
+        }
+        Promise.all([
+          fetchJson('pipeline.json'),
+          fetchJson('activity.json').catch(function () { return { events: [] }; }),
+        ])
+          .then(function (results) { render(results[0], results[1]); })
+          .catch(function () {
+            document.getElementById('sub').textContent =
+              'No pipeline yet — tell your Loopbaancoach about your first application.';
+          });
+      })();
+    </script>
+  </body>
+</html>

package/data/project-types/jo/job-hunt/versions/1.0.1/pipeline.json

@@ -0,0 +1,6 @@
+{
+  "version": 1,
+  "role": "{{role}}",
+  "stages": ["applied", "screening", "interview", "offer", "closed"],
+  "records": []
+}

package/data/project-types/la/language-trainer/versions/1.0.1/about.md

@@ -0,0 +1,6 @@
+A project for learning **{{language}}** by actually speaking it. Your tutor chats with
+you in {{language}}, meets you at your level, corrects mistakes gently, and keeps track of
+how far you've come.
+
+Open the **Output** tab any time to see your progress dashboard — your current level,
+practice sessions, and streak. The more you show up and talk, the further it moves.