From a16c054b4c3335d0039826692c324b681a64c87c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= Date: Tue, 19 May 2026 16:19:25 +0100 Subject: [PATCH 01/66] feat(landing): generate per-use-case code snippets from examples/ Adds scripts/gen-landing-snippets.ts that walks examples// for the 8 dev-focused use cases (legal, finance, sales, delivery, leadership, agent-community, ecommerce, market) and emits src/generated/use-case-snippets.json with the raw source of lobu.toml, the entities + watchers sections of models/schema.yaml, and the first reaction/connector TS file when present. Wired into both prebuild and a new predev script so the manifest is fresh whenever the landing page boots. --- packages/landing/package.json | 3 +- .../landing/scripts/gen-landing-snippets.ts | 202 ++++++++++++++++++ .../src/generated/use-case-snippets.json | 186 ++++++++++++++++ 3 files changed, 390 insertions(+), 1 deletion(-) create mode 100644 packages/landing/scripts/gen-landing-snippets.ts create mode 100644 packages/landing/src/generated/use-case-snippets.json diff --git a/packages/landing/package.json b/packages/landing/package.json index fa6a65330..158e37deb 100644 --- a/packages/landing/package.json +++ b/packages/landing/package.json @@ -4,8 +4,9 @@ "version": "3.0.8", "type": "module", "scripts": { + "predev": "bun scripts/gen-landing-snippets.ts", "dev": "astro dev", - "prebuild": "bun scripts/gen-platform-configs.ts && bun scripts/gen-markdown-twins.ts", + "prebuild": "bun scripts/gen-platform-configs.ts && bun scripts/gen-markdown-twins.ts && bun scripts/gen-landing-snippets.ts", "build": "astro build", "preview": "astro preview" }, diff --git a/packages/landing/scripts/gen-landing-snippets.ts b/packages/landing/scripts/gen-landing-snippets.ts new file mode 100644 index 000000000..2659d1043 --- /dev/null +++ b/packages/landing/scripts/gen-landing-snippets.ts @@ -0,0 +1,202 @@ +#!/usr/bin/env bun +/** + * Pulls real source files from `examples//` and emits a JSON manifest the + * landing page imports at build time. + * + * For each of the 8 dev-focused use cases the landing page features, we read: + * - lobu.toml -> agent snippet + * - models/schema.yaml (top-level `entities:` section) -> memory snippet + * - models/schema.yaml (top-level `watchers:` section) -> watcher snippet + * - first models/reactions/*.reaction.ts (optional) -> reaction snippet + * - first connectors/*.connector.ts (optional) -> connector snippet + * + * Each snippet records its display path and a GitHub permalink so the + * `CodeBlock` component can render a "See on GitHub →" footer. + */ + +import { readFileSync, readdirSync, writeFileSync, existsSync } from "node:fs"; +import { dirname, resolve } from "node:path"; +import { fileURLToPath } from "node:url"; + +const __dirname = dirname(fileURLToPath(import.meta.url)); +const examplesDir = resolve(__dirname, "../../../examples"); +const outFile = resolve(__dirname, "../src/generated/use-case-snippets.json"); + +const USE_CASES = [ + "legal", + "finance", + "sales", + "delivery", + "leadership", + "agent-community", + "ecommerce", + "market", +] as const; + +type Language = "toml" | "yaml" | "typescript"; + +type Snippet = { + code: string; + path: string; + githubUrl: string; + language: Language; +}; + +type UseCaseSnippets = { + agentToml: Snippet; + memorySchemaYaml: Snippet; + watcherYaml: Snippet; + connectorTs?: Snippet; + reactionTs?: Snippet; +}; + +const GITHUB_BASE = "https://github.com/lobu-ai/lobu/blob/main/examples"; + +function githubUrlFor(useCase: string, relativePath: string): string { + return `${GITHUB_BASE}/${useCase}/${relativePath}`; +} + +/** + * Split a YAML doc on its top-level keys. Returns just the chunk for the + * requested top-level key (e.g. `entities:` or `watchers:`) plus optional + * leading `version:` / comment lines so the snippet still parses as YAML. + */ +function extractYamlSection(yaml: string, sectionKey: string): string { + const lines = yaml.split("\n"); + const out: string[] = []; + let inSection = false; + let captured = false; + + // Capture leading top-level scalars (e.g. `version: 2`) and blank lines + // before any other section starts, so the snippet has context. + for (const line of lines) { + if (/^[A-Za-z_][\w-]*:/.test(line)) { + const key = line.split(":")[0]; + if (key === sectionKey) { + inSection = true; + captured = true; + out.push(line); + continue; + } + if (key === "version" && !captured) { + out.push(line); + continue; + } + // Hit a different top-level section -> stop capturing if we were in. + if (inSection) break; + // Hit a different top-level section before ours -> skip its body. + // We continue scanning; nested lines (starting with space) below + // will be skipped by the outer `if` test until we see the next + // top-level key. + continue; + } + if (inSection) { + out.push(line); + continue; + } + if (!captured && line.trim().startsWith("#")) { + // Leading comment before any section starts. + out.push(line); + } + } + + // Trim trailing blank lines. + while (out.length > 0 && out[out.length - 1].trim() === "") out.pop(); + return out.join("\n"); +} + +function firstFile(dir: string, suffix: string): string | undefined { + if (!existsSync(dir)) return undefined; + const entries = readdirSync(dir); + const match = entries.find((f) => f.endsWith(suffix)); + return match ? resolve(dir, match) : undefined; +} + +function buildSnippet( + useCase: string, + absPath: string, + relativePath: string, + language: Language, + transform?: (raw: string) => string +): Snippet { + const raw = readFileSync(absPath, "utf-8"); + const code = transform ? transform(raw) : raw; + return { + code: code.replace(/\s+$/, ""), + path: relativePath, + githubUrl: githubUrlFor(useCase, relativePath), + language, + }; +} + +function buildForUseCase(useCase: string): UseCaseSnippets { + const root = resolve(examplesDir, useCase); + + const tomlPath = resolve(root, "lobu.toml"); + const schemaPath = resolve(root, "models/schema.yaml"); + if (!existsSync(tomlPath)) { + throw new Error(`Missing ${tomlPath}`); + } + if (!existsSync(schemaPath)) { + throw new Error(`Missing ${schemaPath}`); + } + + const agentToml = buildSnippet( + useCase, + tomlPath, + "lobu.toml", + "toml" + ); + + const memorySchemaYaml = buildSnippet( + useCase, + schemaPath, + "models/schema.yaml", + "yaml", + (raw) => extractYamlSection(raw, "entities") + ); + + const watcherYaml = buildSnippet( + useCase, + schemaPath, + "models/schema.yaml", + "yaml", + (raw) => extractYamlSection(raw, "watchers") + ); + + const reactionPath = firstFile( + resolve(root, "models/reactions"), + ".reaction.ts" + ); + let reactionTs: Snippet | undefined; + if (reactionPath) { + const rel = `models/reactions/${reactionPath.split("/").pop()}`; + reactionTs = buildSnippet(useCase, reactionPath, rel, "typescript"); + } + + const connectorPath = firstFile( + resolve(root, "connectors"), + ".connector.ts" + ); + let connectorTs: Snippet | undefined; + if (connectorPath) { + const rel = `connectors/${connectorPath.split("/").pop()}`; + connectorTs = buildSnippet(useCase, connectorPath, rel, "typescript"); + } + + return { agentToml, memorySchemaYaml, watcherYaml, reactionTs, connectorTs }; +} + +function main() { + const out: Record = {}; + for (const useCase of USE_CASES) { + out[useCase] = buildForUseCase(useCase); + } + writeFileSync(outFile, `${JSON.stringify(out, null, 2)}\n`, "utf-8"); + // eslint-disable-next-line no-console + console.log( + `gen-landing-snippets: wrote ${Object.keys(out).length} use cases to ${outFile}` + ); +} + +main(); diff --git a/packages/landing/src/generated/use-case-snippets.json b/packages/landing/src/generated/use-case-snippets.json new file mode 100644 index 000000000..6af443b02 --- /dev/null +++ b/packages/landing/src/generated/use-case-snippets.json @@ -0,0 +1,186 @@ +{ + "legal": { + "agentToml": { + "code": "# lobu.toml — Agent configuration\n# Docs: https://lobu.ai/docs/getting-started\n\n[agents.legal-review]\nname = \"legal-review\"\ndescription = \"Review contracts, summarize risk, and surface missing protections\"\ndir = \"./agents/legal\"\n\n[[agents.legal-review.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n\n\n[agents.legal-review.network]\nallowed = [\"github.com\", \".github.com\", \".githubusercontent.com\", \"registry.npmjs.org\", \".npmjs.org\"]\n\n[memory]\nenabled = true\norg = \"legal-review\"\nname = \"Legal\"\ndescription = \"Review contracts, summarize risk, and surface missing protections\"\nmodels = \"./models\"\ndata = \"./data\"", + "path": "lobu.toml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/legal/lobu.toml", + "language": "toml" + }, + "memorySchemaYaml": { + "code": "version: 2\nentities:\n - slug: clause\n name: Clause\n description: A specific provision or section within a contract that defines terms or obligations\n icon: list\n color: '#8B5CF6'\n metadata_schema:\n type: object\n properties:\n clause_type:\n type: string\n x-table-label: Type\n x-table-column: true\n section:\n type: string\n x-table-label: Section\n x-table-column: true\n risk_level:\n type: string\n x-table-label: Risk Level\n x-table-column: true\n language_summary:\n type: string\n x-table-label: Summary\n x-table-column: true\n - slug: contract\n name: Contract\n description: A legal agreement between parties with defined terms, obligations, and conditions\n icon: file-text\n color: '#3B82F6'\n metadata_schema:\n type: object\n properties:\n contract_type:\n type: string\n x-table-label: Type\n x-table-column: true\n status:\n type: string\n x-table-label: Status\n x-table-column: true\n effective_date:\n type: string\n x-table-label: Effective Date\n x-table-column: true\n counterparty_name:\n type: string\n x-table-label: Counterparty\n x-table-column: true\n governing_law:\n type: string\n x-table-label: Governing Law\n - slug: counterparty\n name: Counterparty\n description: An external party involved in a contract or legal agreement\n icon: building\n color: '#F59E0B'\n metadata_schema:\n type: object\n properties:\n organization_name:\n type: string\n x-table-label: Organization\n x-table-column: true\n jurisdiction:\n type: string\n x-table-label: Jurisdiction\n x-table-column: true\n contact_person:\n type: string\n x-table-label: Contact\n x-table-column: true\n relationship_status:\n type: string\n x-table-label: Status\n x-table-column: true\n - slug: risk\n name: Risk\n description: A legal risk identified in a contract or clause that requires attention or mitigation\n icon: shield-alert\n color: '#EF4444'\n metadata_schema:\n type: object\n properties:\n severity:\n type: string\n x-table-label: Severity\n x-table-column: true\n category:\n type: string\n x-table-label: Category\n x-table-column: true\n mitigation:\n type: string\n x-table-label: Mitigation\n x-table-column: true\n source_clause:\n type: string\n x-table-label: Source Clause\n x-table-column: true", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/legal/models/schema.yaml", + "language": "yaml" + }, + "watcherYaml": { + "code": "version: 2\nwatchers:\n - slug: contract-review-tracker\n agent: legal-review\n name: Contract review tracker\n schedule: 0 8 * * 1-5\n notification_priority: high\n tags: [legal, contract, daily]\n min_cooldown_seconds: 1800\n reactions_guidance: |\n For any contract with `status: needs_counsel`, route an entity-scoped event\n to the assigned reviewer. For contracts >90 days unsigned, escalate to the\n counterparty owner; never auto-resolve risk items.\n prompt: |\n Review active contracts for approaching deadlines, unsigned agreements, and unresolved risk items. Flag any clauses that still need counsel approval.\n extraction_schema:\n type: object\n required:\n - pending_contracts\n - unresolved_risks\n - approaching_deadlines\n properties:\n pending_contracts:\n type: array\n items:\n type: string\n unresolved_risks:\n type: array\n items:\n type: string\n approaching_deadlines:\n type: array\n items:\n type: string\n flagged_clauses:\n type: array\n items:\n type: string", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/legal/models/schema.yaml", + "language": "yaml" + } + }, + "finance": { + "agentToml": { + "code": "# lobu.toml — Agent configuration\n# Docs: https://lobu.ai/docs/getting-started\n\n[agents.finance]\nname = \"finance\"\ndescription = \"Help finance teams reconcile data, explain variance, and prepare reporting runs\"\ndir = \"./agents/finance\"\n\n[[agents.finance.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n\n\n[agents.finance.network]\nallowed = [\"github.com\", \".github.com\", \".githubusercontent.com\", \"registry.npmjs.org\", \".npmjs.org\"]\n\n[memory]\nenabled = true\norg = \"finance\"\nname = \"Finance\"\ndescription = \"Help finance teams reconcile data, explain variance, and prepare reporting runs\"\nmodels = \"./models\"\ndata = \"./data\"", + "path": "lobu.toml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/finance/lobu.toml", + "language": "toml" + }, + "memorySchemaYaml": { + "code": "version: 2\nentities:\n - slug: account\n name: Account\n description: A financial account that holds balances, transactions, and reconciliation state\n icon: wallet\n color: '#3B82F6'\n metadata_schema:\n type: object\n properties:\n account_name:\n type: string\n x-table-label: Account\n x-table-column: true\n account_type:\n type: string\n x-table-label: Type\n x-table-column: true\n balance:\n type: string\n x-table-label: Balance\n x-table-column: true\n reconciliation_status:\n type: string\n x-table-label: Reconciliation\n x-table-column: true\n - slug: report\n name: Report\n description: A financial report or summary generated from account and transaction data\n icon: file-bar-chart\n color: '#8B5CF6'\n metadata_schema:\n type: object\n properties:\n report_name:\n type: string\n x-table-label: Report\n x-table-column: true\n period:\n type: string\n x-table-label: Period\n x-table-column: true\n status:\n type: string\n x-table-label: Status\n x-table-column: true\n exceptions_count:\n type: string\n x-table-label: Exceptions\n x-table-column: true\n - slug: transaction\n name: Transaction\n description: A financial transaction that affects account balances\n icon: arrow-left-right\n color: '#10B981'\n metadata_schema:\n type: object\n properties:\n description:\n type: string\n x-table-label: Description\n x-table-column: true\n amount:\n type: string\n x-table-label: Amount\n x-table-column: true\n date:\n type: string\n x-table-label: Date\n x-table-column: true\n category:\n type: string\n x-table-label: Category\n x-table-column: true\n - slug: variance\n name: Variance\n description: A discrepancy or anomaly identified during reconciliation or reporting\n icon: alert-triangle\n color: '#EF4444'\n metadata_schema:\n type: object\n properties:\n variance_type:\n type: string\n x-table-label: Type\n x-table-column: true\n amount:\n type: string\n x-table-label: Amount\n x-table-column: true\n source_account:\n type: string\n x-table-label: Account\n x-table-column: true\n explanation:\n type: string\n x-table-label: Explanation\n x-table-column: true", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/finance/models/schema.yaml", + "language": "yaml" + }, + "watcherYaml": { + "code": "version: 2\nwatchers:\n - slug: reconciliation-monitor\n agent: finance\n name: Reconciliation monitor\n schedule: 0 6 * * 1-5\n notification_priority: high\n notification_channel: both\n tags: [finance, reconciliation, daily]\n min_cooldown_seconds: 3600\n reaction_script: ./reactions/reconciliation-monitor.reaction.ts\n prompt: |\n Check accounts for unreconciled transactions, new variances, and approaching reporting deadlines. Lead with exceptions that need review.\n extraction_schema:\n type: object\n required:\n - unreconciled_count\n - new_variances\n - approaching_deadlines\n properties:\n unreconciled_count:\n type: integer\n new_variances:\n type: array\n items:\n type: string\n approaching_deadlines:\n type: array\n items:\n type: string\n payment_risks:\n type: array\n items:\n type: string", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/finance/models/schema.yaml", + "language": "yaml" + }, + "reactionTs": { + "code": "/**\n * Reaction for the `reconciliation-monitor` watcher.\n *\n * Persists any variance flagged during the daily 6am sweep as a durable\n * `variance_flag` event tied to the affected account. Downstream agents\n * (close-of-month rollup, audit prep) consume these events instead of\n * re-extracting variances from the raw transaction stream.\n */\nimport type { ReactionContext } from \"@lobu/connector-sdk\";\n\ninterface ReconciliationData {\n variances?: Array<{\n account: string;\n amount: number;\n direction: \"over\" | \"under\";\n reason: string;\n }>;\n unreconciled_count?: number;\n}\n\nexport default async (ctx: ReactionContext, client: any): Promise => {\n const data = ctx.extracted_data as ReconciliationData;\n const variances = data.variances ?? [];\n if (variances.length === 0) return;\n\n for (const v of variances) {\n await client.knowledge.save({\n entity_ids: ctx.entities.map((e) => e.id),\n content: `Variance ${v.direction} on ${v.account}: ${v.amount} — ${v.reason}`,\n semantic_type: \"variance_flag\",\n metadata: {\n account: v.account,\n amount: v.amount,\n direction: v.direction,\n window_id: ctx.window.id,\n unreconciled_count: data.unreconciled_count ?? null,\n },\n });\n }\n};", + "path": "models/reactions/reconciliation-monitor.reaction.ts", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/finance/models/reactions/reconciliation-monitor.reaction.ts", + "language": "typescript" + } + }, + "sales": { + "agentToml": { + "code": "# lobu.toml — Agent configuration\n# Docs: https://lobu.ai/docs/getting-started\n\n[agents.sales]\nname = \"sales\"\ndescription = \"Help revenue teams track account health, rollout progress, and renewal signals\"\ndir = \"./agents/sales\"\n\n[[agents.sales.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n\n\n[agents.sales.network]\nallowed = [\"github.com\", \".github.com\", \".githubusercontent.com\", \"registry.npmjs.org\", \".npmjs.org\"]\n\n[memory]\nenabled = true\norg = \"sales\"\nname = \"Sales\"\ndescription = \"Help revenue teams track account health, rollout progress, and renewal signals\"\nmodels = \"./models\"\ndata = \"./data\"", + "path": "lobu.toml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/lobu.toml", + "language": "toml" + }, + "memorySchemaYaml": { + "code": "version: 2\nentities:\n - slug: organization\n name: Organization\n description: A customer account or prospect being tracked by the revenue team\n icon: building\n color: '#3B82F6'\n metadata_schema:\n type: object\n properties:\n company_name:\n type: string\n x-table-label: Company\n x-table-column: true\n stage:\n type: string\n x-table-label: Stage\n x-table-column: true\n arr:\n type: string\n x-table-label: ARR\n x-table-column: true\n renewal_date:\n type: string\n x-table-label: Renewal Date\n x-table-column: true\n - slug: product\n name: Product\n description: A product rollout or pilot being tracked at a customer account\n icon: package\n color: '#F59E0B'\n metadata_schema:\n type: object\n properties:\n product_name:\n type: string\n x-table-label: Product\n x-table-column: true\n pilot_status:\n type: string\n x-table-label: Status\n x-table-column: true\n owner_team:\n type: string\n x-table-label: Owner\n x-table-column: true\n account:\n type: string\n x-table-label: Account\n x-table-column: true\n - slug: region\n name: Region\n description: A geographic region where an account is expanding or operating\n icon: globe\n color: '#10B981'\n metadata_schema:\n type: object\n properties:\n region_name:\n type: string\n x-table-label: Region\n x-table-column: true\n expansion_status:\n type: string\n x-table-label: Status\n x-table-column: true\n parent_account:\n type: string\n x-table-label: Account\n x-table-column: true\n market_size:\n type: string\n x-table-label: Market Size\n - slug: renewal-risk\n name: Renewal Risk\n description: A commercial signal or concern that affects an upcoming renewal or expansion\n icon: alert-triangle\n color: '#EF4444'\n metadata_schema:\n type: object\n properties:\n signal:\n type: string\n x-table-label: Signal\n x-table-column: true\n severity:\n type: string\n x-table-label: Severity\n x-table-column: true\n affects:\n type: string\n x-table-label: Affects\n x-table-column: true\n next_step:\n type: string\n x-table-label: Next Step\n x-table-column: true\n - slug: team\n name: Team\n description: An internal team or customer function that owns a pilot or initiative\n icon: users\n color: '#8B5CF6'\n metadata_schema:\n type: object\n properties:\n team_name:\n type: string\n x-table-label: Team\n x-table-column: true\n role:\n type: string\n x-table-label: Role\n x-table-column: true\n owns:\n type: string\n x-table-label: Owns\n x-table-column: true\n account:\n type: string\n x-table-label: Account\n x-table-column: true", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/models/schema.yaml", + "language": "yaml" + }, + "watcherYaml": { + "code": "version: 2\nwatchers:\n - slug: account-health-monitor\n agent: sales\n name: Account health monitor\n schedule: 0 */12 * * *\n notification_priority: high\n notification_channel: both\n tags: [sales, health, renewals]\n min_cooldown_seconds: 1800\n reaction_script: ./reactions/account-health-monitor.reaction.ts\n prompt: |\n Poll CRM data for tracked accounts. Track expansion progress, risk level changes, and renewal timeline.\n extraction_schema:\n type: object\n required:\n - risk_level\n - expansion_status\n - renewal_blockers\n - activity_delta\n properties:\n risk_level:\n type: string\n expansion_status:\n type: string\n renewal_blockers:\n type: array\n items:\n type: string\n activity_delta:\n type: string", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/models/schema.yaml", + "language": "yaml" + }, + "reactionTs": { + "code": "/**\n * Reaction for the `account-health-monitor` watcher.\n *\n * When the watcher detects a material risk-level change on a tracked account,\n * persist a `health_change` event so the renewal-risk view + weekly digest\n * have a stable record without re-extracting from the CRM stream.\n */\nimport type { ReactionContext } from \"@lobu/connector-sdk\";\n\ninterface HealthData {\n account_changes?: Array<{\n account: string;\n previous_risk: \"low\" | \"medium\" | \"high\";\n current_risk: \"low\" | \"medium\" | \"high\";\n signals: string[];\n }>;\n}\n\nconst RISK_ORDER = { low: 0, medium: 1, high: 2 } as const;\n\nexport default async (ctx: ReactionContext, client: any): Promise => {\n const data = ctx.extracted_data as HealthData;\n const changes = data.account_changes ?? [];\n // Only persist *worsening* transitions — improvements are visible in the\n // CRM stream and don't need a durable flag.\n const escalations = changes.filter(\n (c) => RISK_ORDER[c.current_risk] > RISK_ORDER[c.previous_risk]\n );\n if (escalations.length === 0) return;\n\n for (const c of escalations) {\n await client.knowledge.save({\n entity_ids: ctx.entities.map((e) => e.id),\n content: `Account ${c.account}: risk ${c.previous_risk} → ${c.current_risk}\\nSignals: ${c.signals.join(\"; \")}`,\n semantic_type: \"health_change\",\n metadata: {\n account: c.account,\n from: c.previous_risk,\n to: c.current_risk,\n window_id: ctx.window.id,\n },\n });\n }\n};", + "path": "models/reactions/account-health-monitor.reaction.ts", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/models/reactions/account-health-monitor.reaction.ts", + "language": "typescript" + } + }, + "delivery": { + "agentToml": { + "code": "# lobu.toml — Agent configuration\n# Docs: https://lobu.ai/docs/getting-started\n\n[agents.delivery]\nname = \"delivery\"\ndescription = \"Help delivery teams keep milestones, blockers, owners, and artifacts aligned\"\ndir = \"./agents/delivery\"\n\n[[agents.delivery.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n\n\n[agents.delivery.network]\nallowed = [\"github.com\", \".github.com\", \".githubusercontent.com\", \"registry.npmjs.org\", \".npmjs.org\"]\n\n[memory]\nenabled = true\norg = \"delivery\"\nname = \"Delivery\"\ndescription = \"Help delivery teams keep milestones, blockers, owners, and artifacts aligned\"\nmodels = \"./models\"\ndata = \"./data\"", + "path": "lobu.toml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/delivery/lobu.toml", + "language": "toml" + }, + "memorySchemaYaml": { + "code": "version: 2\nentities:\n - slug: blocker\n name: Blocker\n description: A dependency or issue that is blocking project progress\n icon: ban\n color: '#EF4444'\n metadata_schema:\n type: object\n properties:\n blocker_description:\n type: string\n x-table-label: Blocker\n x-table-column: true\n owned_by:\n type: string\n x-table-label: Owner\n x-table-column: true\n impact:\n type: string\n x-table-label: Impact\n x-table-column: true\n status:\n type: string\n x-table-label: Status\n x-table-column: true\n - slug: document\n name: Document\n description: A project artifact, review, or reference document\n icon: file-text\n color: '#F59E0B'\n metadata_schema:\n type: object\n properties:\n document_name:\n type: string\n x-table-label: Document\n x-table-column: true\n document_type:\n type: string\n x-table-label: Type\n x-table-column: true\n linked_project:\n type: string\n x-table-label: Project\n x-table-column: true\n last_updated:\n type: string\n x-table-label: Updated\n x-table-column: true\n - slug: milestone\n name: Milestone\n description: A key deliverable or phase gate within a project\n icon: flag\n color: '#10B981'\n metadata_schema:\n type: object\n properties:\n milestone_name:\n type: string\n x-table-label: Milestone\n x-table-column: true\n lifecycle_state:\n type: string\n x-table-label: State\n x-table-column: true\n target_date:\n type: string\n x-table-label: Target Date\n x-table-column: true\n parent_project:\n type: string\n x-table-label: Project\n x-table-column: true\n - slug: stakeholder\n name: Stakeholder\n description: A person who owns or is responsible for part of a project\n icon: user\n color: '#8B5CF6'\n metadata_schema:\n type: object\n properties:\n name:\n type: string\n x-table-label: Name\n x-table-column: true\n role:\n type: string\n x-table-label: Role\n x-table-column: true\n owns:\n type: string\n x-table-label: Owns\n x-table-column: true\n contact:\n type: string\n x-table-label: Contact", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/delivery/models/schema.yaml", + "language": "yaml" + }, + "watcherYaml": { + "code": "version: 2\nwatchers:\n - slug: phoenix-rollout-tracker\n agent: delivery\n name: Phoenix rollout tracker\n schedule: 0 9 * * 1\n notification_priority: high\n notification_channel: both\n tags: [delivery, weekly, rollout]\n min_cooldown_seconds: 3600\n prompt: |\n Check project blockers, milestone progress, and generate the weekly risk summary for leadership.\n extraction_schema:\n type: object\n required:\n - blockers_resolved\n - milestone_state\n - new_risks\n - risk_summary\n properties:\n blockers_resolved:\n type: array\n items:\n type: string\n milestone_state:\n type: string\n new_risks:\n type: array\n items:\n type: string\n risk_summary:\n type: string", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/delivery/models/schema.yaml", + "language": "yaml" + } + }, + "leadership": { + "agentToml": { + "code": "# lobu.toml — Agent configuration\n# Docs: https://lobu.ai/docs/getting-started\n\n[agents.leadership]\nname = \"leadership\"\ndescription = \"Help leadership teams turn memos, decisions, and board materials into reusable operating context\"\ndir = \"./agents/leadership\"\n\n[[agents.leadership.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n\n\n[agents.leadership.network]\nallowed = [\"github.com\", \".github.com\", \".githubusercontent.com\", \"registry.npmjs.org\", \".npmjs.org\"]\n\n[memory]\nenabled = true\norg = \"leadership\"\nname = \"Leadership\"\ndescription = \"Turn memos, decisions, and board materials into reusable operating context\"\nmodels = \"./models\"\ndata = \"./data\"", + "path": "lobu.toml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/leadership/lobu.toml", + "language": "toml" + }, + "memorySchemaYaml": { + "code": "version: 2\nentities:\n - slug: decision\n name: Decision\n description: A leadership decision extracted from a document with its approval status\n icon: check-circle\n color: '#10B981'\n metadata_schema:\n type: object\n properties:\n subject:\n type: string\n x-table-label: Subject\n x-table-column: true\n status:\n type: string\n x-table-label: Status\n x-table-column: true\n source_document:\n type: string\n x-table-label: Source\n x-table-column: true\n decision_date:\n type: string\n x-table-label: Date\n x-table-column: true\n - slug: document\n name: Document\n description: A source document such as a board memo, strategy brief, or executive report\n icon: file-text\n color: '#3B82F6'\n metadata_schema:\n type: object\n properties:\n document_name:\n type: string\n x-table-label: Document\n x-table-column: true\n document_type:\n type: string\n x-table-label: Type\n x-table-column: true\n date:\n type: string\n x-table-label: Date\n x-table-column: true\n decisions_count:\n type: string\n x-table-label: Decisions\n x-table-column: true\n - slug: region\n name: Region\n description: A geographic region referenced in strategic decisions or expansion plans\n icon: globe\n color: '#F59E0B'\n metadata_schema:\n type: object\n properties:\n region_name:\n type: string\n x-table-label: Region\n x-table-column: true\n decision_context:\n type: string\n x-table-label: Context\n x-table-column: true\n status:\n type: string\n x-table-label: Status\n x-table-column: true\n budget_approved:\n type: string\n x-table-label: Budget\n - slug: risk\n name: Risk\n description: A blocker or dependency that is holding up a decision or initiative\n icon: shield-alert\n color: '#EF4444'\n metadata_schema:\n type: object\n properties:\n blocker:\n type: string\n x-table-label: Blocker\n x-table-column: true\n affects:\n type: string\n x-table-label: Affects\n x-table-column: true\n state:\n type: string\n x-table-label: State\n x-table-column: true\n owner:\n type: string\n x-table-label: Owner\n x-table-column: true\n - slug: task\n name: Task\n description: An assigned follow-up action extracted from a leadership document or meeting\n icon: check-square\n color: '#8B5CF6'\n metadata_schema:\n type: object\n properties:\n action:\n type: string\n x-table-label: Action\n x-table-column: true\n owner:\n type: string\n x-table-label: Owner\n x-table-column: true\n deadline:\n type: string\n x-table-label: Deadline\n x-table-column: true\n source:\n type: string\n x-table-label: Source\n x-table-column: true", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/leadership/models/schema.yaml", + "language": "yaml" + }, + "watcherYaml": { + "code": "version: 2\nwatchers:\n - slug: board-action-tracker\n agent: leadership\n name: Board action tracker\n schedule: 0 8 * * *\n notification_priority: high\n notification_channel: both\n tags: [leadership, daily, board]\n agent_kind: notifier\n prompt: |\n Track board action items: check task delivery status, blocker resolution progress, and approaching deadlines for the next board packet.\n extraction_schema:\n type: object\n required:\n - action_items\n - blocked_items\n - deadlines_approaching\n - completion_status\n properties:\n action_items:\n type: array\n items:\n type: string\n blocked_items:\n type: array\n items:\n type: string\n deadlines_approaching:\n type: array\n items:\n type: string\n completion_status:\n type: string", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/leadership/models/schema.yaml", + "language": "yaml" + } + }, + "agent-community": { + "agentToml": { + "code": "# lobu.toml — Agent configuration\n# Docs: https://lobu.ai/docs/getting-started\n\n[agents.agent-community]\nname = \"agent-community\"\ndescription = \"Discover aligned members, explain why they should meet, and draft warm introductions\"\ndir = \"./agents/agent-community\"\n\n[[agents.agent-community.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n\n\n[agents.agent-community.network]\nallowed = [\"github.com\", \".github.com\", \".githubusercontent.com\", \"registry.npmjs.org\", \".npmjs.org\"]\n\n[memory]\nenabled = true\norg = \"market\"\nname = \"Agent Community\"\ndescription = \"Discover aligned members, explain why they should meet, and draft warm introductions\"\nmodels = \"./models\"\ndata = \"./data\"", + "path": "lobu.toml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/agent-community/lobu.toml", + "language": "toml" + }, + "memorySchemaYaml": { + "code": "version: 2\nentities:\n - slug: match\n name: Match\n description: A suggested introduction between two members with reasons and confidence\n icon: handshake\n color: '#10B981'\n metadata_schema:\n type: object\n properties:\n member_a:\n type: string\n x-table-label: Member A\n x-table-column: true\n member_b:\n type: string\n x-table-label: Member B\n x-table-column: true\n reason:\n type: string\n x-table-label: Reason\n x-table-column: true\n status:\n type: string\n x-table-label: Status\n x-table-column: true\n - slug: post\n name: Post\n description: A blog post, newsletter, or public writing by a community member\n icon: pen-line\n color: '#F59E0B'\n metadata_schema:\n type: object\n properties:\n title:\n type: string\n x-table-label: Title\n x-table-column: true\n source:\n type: string\n x-table-label: Source\n x-table-column: true\n author:\n type: string\n x-table-label: Author\n x-table-column: true\n topics:\n type: string\n x-table-label: Topics\n x-table-column: true\n - slug: topic\n name: Topic\n description: A durable interest or subject area used for member matching and discovery\n icon: tag\n color: '#8B5CF6'\n metadata_schema:\n type: object\n properties:\n topic_name:\n type: string\n x-table-label: Topic\n x-table-column: true\n evidence:\n type: string\n x-table-label: Evidence\n x-table-column: true\n member_count:\n type: string\n x-table-label: Members\n x-table-column: true\n relevance:\n type: string\n x-table-label: Relevance", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/agent-community/models/schema.yaml", + "language": "yaml" + }, + "watcherYaml": { + "code": "version: 2\nwatchers:\n - slug: opportunity-matcher\n agent: agent-community\n name: Opportunity matcher\n schedule: 0 */12 * * *\n notification_priority: normal\n tags: [community, matching]\n min_cooldown_seconds: 300\n reaction_script: ./reactions/opportunity-matcher.reaction.ts\n prompt: |\n Monitor connected profiles, newsletters, websites, and member updates for new launches, posts, hiring signals, funding news, and project changes. Identify which members are likely to care, explain why, and queue approved intro or outreach drafts.\n extraction_schema:\n type: object\n required:\n - signals\n properties:\n signals:\n type: array\n items:\n type: object\n properties:\n type:\n type: string\n source:\n type: string\n related_topics:\n type: array\n items:\n type: string\n interested_members:\n type: array\n items:\n type: string\n reason:\n type: string\n suggested_action:\n type: string", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/agent-community/models/schema.yaml", + "language": "yaml" + }, + "reactionTs": { + "code": "/**\n * Reaction for the `opportunity-matcher` watcher.\n *\n * Runs every 12h after the LLM scans member activity and produces a list of\n * suggested matches. Persists each match as a `community_match` event so\n * downstream consumers (intro-drafting agents, weekly digest, audit log) can\n * iterate over a single source of truth instead of re-running the matcher.\n */\nimport type { ReactionContext } from \"@lobu/connector-sdk\";\n\ninterface MatchData {\n signals?: Array<{\n member_a: string;\n member_b: string;\n reason: string;\n confidence?: number;\n }>;\n}\n\nexport default async (ctx: ReactionContext, client: any): Promise => {\n const data = ctx.extracted_data as MatchData;\n const signals = data.signals ?? [];\n if (signals.length === 0) return;\n\n for (const s of signals) {\n await client.knowledge.save({\n entity_ids: ctx.entities.map((e) => e.id),\n content: `Match: ${s.member_a} ↔ ${s.member_b} — ${s.reason}`,\n semantic_type: \"community_match\",\n metadata: {\n member_a: s.member_a,\n member_b: s.member_b,\n confidence: s.confidence ?? null,\n window_id: ctx.window.id,\n },\n });\n }\n};", + "path": "models/reactions/opportunity-matcher.reaction.ts", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/agent-community/models/reactions/opportunity-matcher.reaction.ts", + "language": "typescript" + } + }, + "ecommerce": { + "agentToml": { + "code": "# lobu.toml — Agent configuration\n# Docs: https://lobu.ai/docs/getting-started\n\n[agents.ecommerce-ops]\nname = \"ecommerce-ops\"\ndescription = \"Manage subscriptions, process order changes, and resolve customer requests\"\ndir = \"./agents/ecommerce-ops\"\n\n[[agents.ecommerce-ops.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n\n\n[agents.ecommerce-ops.network]\nallowed = [\"github.com\", \".github.com\", \".githubusercontent.com\", \"registry.npmjs.org\", \".npmjs.org\"]\n\n[memory]\nenabled = true\norg = \"ecommerce\"\nname = \"Ecommerce\"\ndescription = \"Manage subscriptions, process order changes, and resolve customer requests\"\nmodels = \"./models\"\ndata = \"./data\"", + "path": "lobu.toml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/ecommerce/lobu.toml", + "language": "toml" + }, + "memorySchemaYaml": { + "code": "version: 2\nentities:\n - slug: customer\n name: Customer\n description: A customer with subscriptions, orders, and communication preferences\n icon: user\n color: '#3B82F6'\n metadata_schema:\n type: object\n properties:\n full_name:\n type: string\n x-table-label: Name\n x-table-column: true\n status:\n type: string\n x-table-label: Status\n x-table-column: true\n plan:\n type: string\n x-table-label: Plan\n x-table-column: true\n communication_preference:\n type: string\n x-table-label: Preference\n x-table-column: true\n - slug: order\n name: Order\n description: A customer order with fulfillment status and delivery details\n icon: shopping-cart\n color: '#8B5CF6'\n metadata_schema:\n type: object\n properties:\n order_number:\n type: string\n x-table-label: Order\n x-table-column: true\n product:\n type: string\n x-table-label: Product\n x-table-column: true\n fulfillment_status:\n type: string\n x-table-label: Status\n x-table-column: true\n customer:\n type: string\n x-table-label: Customer\n x-table-column: true\n - slug: product\n name: Product\n description: A product in the catalog linked to subscriptions and orders\n icon: package\n color: '#F59E0B'\n metadata_schema:\n type: object\n properties:\n product_name:\n type: string\n x-table-label: Product\n x-table-column: true\n plan_tier:\n type: string\n x-table-label: Tier\n x-table-column: true\n delivery_frequency:\n type: string\n x-table-label: Delivery\n x-table-column: true\n price:\n type: string\n x-table-label: Price\n x-table-column: true\n - slug: subscription\n name: Subscription\n description: A recurring subscription plan with billing cycle and pending changes\n icon: repeat\n color: '#10B981'\n metadata_schema:\n type: object\n properties:\n plan_name:\n type: string\n x-table-label: Plan\n x-table-column: true\n frequency:\n type: string\n x-table-label: Frequency\n x-table-column: true\n status:\n type: string\n x-table-label: Status\n x-table-column: true\n pending_changes:\n type: string\n x-table-label: Pending\n x-table-column: true", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/ecommerce/models/schema.yaml", + "language": "yaml" + }, + "watcherYaml": { + "code": "version: 2\nwatchers:\n - slug: customer-activity-tracker\n agent: ecommerce-ops\n name: Customer activity tracker\n schedule: 0 */6 * * *\n notification_priority: normal\n tags: [ecommerce, customer-ops]\n min_cooldown_seconds: 300\n prompt: |\n Monitor customers for new orders, subscription changes, delivery requests, and support interactions.\n extraction_schema:\n type: object\n required:\n - subscription_status\n - pending_changes\n - recent_orders\n - communication_preferences\n - open_requests\n properties:\n subscription_status:\n type: string\n pending_changes:\n type: array\n items:\n type: string\n recent_orders:\n type: array\n items:\n type: string\n communication_preferences:\n type: string\n open_requests:\n type: array\n items:\n type: string", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/ecommerce/models/schema.yaml", + "language": "yaml" + } + }, + "market": { + "agentToml": { + "code": "# lobu.toml — Agent configuration\n# Docs: https://lobu.ai/docs/getting-started\n\n[agents.vc-tracking]\nname = \"vc-tracking\"\ndescription = \"Track companies, founders, and investment opportunities for venture firms\"\ndir = \"./agents/vc-tracking\"\n\n[[agents.vc-tracking.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n\n\n[agents.vc-tracking.network]\nallowed = [\"github.com\", \".github.com\", \".githubusercontent.com\", \"registry.npmjs.org\", \".npmjs.org\"]\n\n[memory]\nenabled = true\norg = \"market\"\nname = \"Market\"\ndescription = \"Track companies, founders, and investment opportunities for venture firms\"\nmodels = \"./models\"\ndata = \"./data\"", + "path": "lobu.toml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/market/lobu.toml", + "language": "toml" + }, + "memorySchemaYaml": { + "code": "version: 2\nentities:\n - slug: company\n name: Company\n description: Portfolio company or deal pipeline company\n icon: building\n color: '#2563eb'\n metadata_schema:\n type: object\n properties:\n market:\n type: string\n x-table-column: true\n x-table-label: Market\n sector:\n type: string\n enum:\n - bio-health\n - ai\n - fintech\n - crypto\n - consumer\n x-table-column: true\n x-table-label: Sector\n category:\n type: string\n enum:\n - portfolio\n - recruiter\n - prospect\n x-table-column: true\n x-table-label: Category\n location:\n type: string\n x-table-column: true\n x-table-label: Location\n domain:\n type: string\n description: Normalized company domain used by identity-engine hosted_domain facts\n x-identity-namespace:\n namespace: hosted_domain\n normalize: lowercase\n x-table-column: true\n x-table-label: Domain\n one_liner:\n type: string\n team_size:\n type: integer\n founding_year:\n type: integer\n funding_raised:\n type: string\n valuation:\n type: string\n revenue:\n type: string\n growth_rate:\n type: string\n traction_score:\n type: number\n thesis:\n type: string\n stage:\n type: string\n enum:\n - idea\n - pre-seed\n - seed\n - series-a\n - series-b\n - series-c\n - growth\n - public\n linkedin_url:\n type: string\n format: uri\n logo_url:\n type: string\n format: uri\n description: Brand logo URL\n tagline:\n type: string\n description: One-line brand tagline\n brand_voice:\n type: string\n description: Brand voice / tone-of-voice notes\n social_handles:\n type: object\n description: Brand social handles by platform (twitter, linkedin, github, …)\n properties:\n twitter:\n type: string\n linkedin:\n type: string\n github:\n type: string\n youtube:\n type: string\n instagram:\n type: string\n tiktok:\n type: string\n additionalProperties:\n type: string\n - slug: founder\n name: Founder\n description: Company founder or co-founder\n icon: user\n color: '#7c3aed'\n metadata_schema:\n type: object\n properties:\n role:\n type: string\n x-table-column: true\n x-table-label: Role\n sector:\n type: string\n enum:\n - bio-health\n - ai\n - fintech\n - crypto\n - consumer\n x-table-column: true\n x-table-label: Sector\n location:\n type: string\n x-table-column: true\n x-table-label: Location\n specialties:\n type: array\n items:\n type: string\n x-table-column: true\n x-table-label: Specialties\n background:\n type: string\n linkedin_url:\n type: string\n format: uri\n twitter_handle:\n type: string\n education:\n type: string\n career_history:\n type: array\n items:\n type: object\n properties:\n title:\n type: string\n company:\n type: string\n start:\n type: string\n end:\n type: string\n notable_exits:\n type: array\n items:\n type: string\n provenance:\n type: string\n enum:\n - inbound\n - outbound\n - referral\n - event\n - portfolio\n x-table-relationships:\n - label: Owner\n direction: outbound\n relationship_type: primary_relationship_owner\n - label: Company\n direction: outbound\n relationship_type: works_at\n - slug: fund-round\n name: Fund Round\n description: Investment round (seed, series A, etc.)\n icon: dollar-sign\n color: '#10b981'\n metadata_schema:\n type: object\n properties:\n round_type:\n type: string\n enum:\n - preseed\n - seed\n - series_a\n - series_b\n - series_c\n - series_d\n - growth\n - ipo\n x-table-column: true\n x-table-label: Round Type\n amount_usd:\n type: number\n x-table-column: true\n x-table-label: Amount (USD)\n date:\n type: string\n format: date\n x-table-column: true\n x-table-label: Date\n lead_investor_slug:\n type: string\n x-table-column: true\n x-table-label: Lead Investor\n x-link-entity-type: investor\n x-link-lookup-field: slug\n post_money_usd:\n type: number\n participants:\n type: array\n items:\n type: string\n - slug: investor\n name: Investor\n description: VC firm, angel investor, or fund\n icon: banknote\n color: '#059669'\n metadata_schema:\n type: object\n properties:\n investor_type:\n type: string\n enum:\n - vc_firm\n - angel\n - corporate\n - accelerator\n - family_office\n - partner\n x-table-column: true\n x-table-label: Type\n sector_focus:\n type: array\n items:\n type: string\n x-table-column: true\n x-table-label: Sector Focus\n website:\n type: string\n format: uri\n x-table-column: true\n x-table-label: Website\n sector:\n type: string\n enum:\n - bio-health\n - ai\n - fintech\n - crypto\n - consumer\n x-table-column: true\n x-table-label: Sector\n bio:\n type: string\n fund_size:\n type: string\n stage_focus:\n type: array\n items:\n type: string\n linkedin_url:\n type: string\n format: uri\n portfolio_url:\n type: string\n format: uri\n typical_check_size:\n type: string\n - slug: job-posting\n name: Job Posting\n description: Open role at a market.company\n icon: briefcase\n color: '#f59e0b'\n metadata_schema:\n type: object\n oneOf:\n - required:\n - posted_by_founder_id\n not:\n required:\n - posted_by_member_id\n - required:\n - posted_by_member_id\n not:\n required:\n - posted_by_founder_id\n properties:\n role:\n type: string\n x-table-column: true\n x-table-label: Role\n title:\n type: string\n x-table-column: true\n x-table-label: Title\n company_id:\n type: integer\n description: FK to market.company\n x-table-column: true\n x-table-label: Company\n x-link-entity-type: company\n posted_by_founder_id:\n type: integer\n description: FK to market.founder if posted by a verified founder\n x-link-entity-type: founder\n posted_by_member_id:\n type: integer\n description: FK to market.$member if posted by an authorized member who isn't a founder\n x-link-entity-type: $member\n city_id:\n type: integer\n description: FK to atlas.city (cross-org reference, optional)\n x-table-column: true\n x-table-label: City\n description:\n type: string\n status:\n type: string\n enum:\n - open\n - filled\n - closed\n x-table-column: true\n x-table-label: Status\n posted_at:\n type: string\n format: date-time\n expires_at:\n type: string\n format: date-time\n - slug: product\n name: Product\n description: Company product tracked for reviews and market signals\n icon: box\n color: '#3B82F6'\n metadata_schema:\n type: object\n properties:\n tagline:\n type: string\n x-table-column: true\n x-table-label: Tagline\n target_audience:\n type: string\n x-table-column: true\n x-table-label: Target Audience\n value_proposition:\n type: string\n x-table-column: true\n x-table-label: Value Proposition\n key_features:\n type: array\n items:\n type: string\n differentiators:\n type: string\n - slug: sector\n name: Sector\n description: Investment thesis / practice area\n icon: chart-line\n color: '#6366f1'\n metadata_schema:\n type: object\n properties:\n sector_key:\n type: string\n enum:\n - bio-health\n - ai\n - fintech\n - crypto\n - consumer\n x-table-column: true\n x-table-label: Sector Key\n description:\n type: string\n x-table-column: true\n x-table-label: Description\n lead_partner_slug:\n type: string\n x-table-column: true\n x-table-label: Lead Partner\n x-link-entity-type: investor\n x-link-lookup-field: slug\n color:\n type: string", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/market/models/schema.yaml", + "language": "yaml" + }, + "watcherYaml": { + "code": "version: 2\nwatchers:\n - slug: founder-activity-tracker\n agent: vc-tracking\n name: Founder Activity Tracker\n schedule: 0 10 * * *\n notification_priority: normal\n tags: [vc, founders, daily]\n min_cooldown_seconds: 600\n reaction_script: ./reactions/founder-activity-tracker.reaction.ts\n prompt: |\n You are a venture capital analyst tracking the public activity of startup founders in your portfolio.\n\n ## Founders\n {{#each entities}}\n - {{name}} ({{entity_type}}, ID: {{id}})\n {{/each}}\n\n ## Recent Founder Activity\n {{#if sources.founder_posts}}\n {{sources.founder_posts}}\n {{/if}}\n\n ---\n\n Produce a structured founder activity report:\n 1. **Executive Summary**: 2-3 sentence overview of founder activity and signals.\n 2. **Per-Founder Analysis**: For each active founder, summarize their messaging themes, engagement level, and signals about company direction.\n 3. **Cross-Portfolio Patterns**: Themes multiple founders discuss.\n 4. **Notable Signals**: Flag potential announcements, strategic shifts, or concerns.\n\n Be specific and cite actual tweets/posts as evidence.\n extraction_schema:\n type: object\n required:\n - summary\n - founders\n - notable_signals\n properties:\n summary:\n type: string\n founders:\n type: array\n items:\n type: object\n required:\n - name\n - company\n - activity_level\n - themes\n properties:\n name:\n type: string\n company:\n type: string\n activity_level:\n type: string\n enum:\n - high\n - medium\n - low\n - inactive\n themes:\n type: array\n items:\n type: string\n sentiment:\n type: string\n enum:\n - bullish\n - neutral\n - cautious\n - concerned\n signals:\n type: array\n items:\n type: string\n notable_posts:\n type: array\n items:\n type: string\n cross_patterns:\n type: array\n items:\n type: object\n properties:\n theme:\n type: string\n founders_involved:\n type: array\n items:\n type: string\n notable_signals:\n type: array\n items:\n type: object\n required:\n - signal\n - founder\n - impact\n properties:\n signal:\n type: string\n founder:\n type: string\n impact:\n type: string\n enum:\n - high\n - medium\n - low\n sources:\n - name: founder_posts\n query: |\n SELECT id, title, payload_text, author_name, source_url, occurred_at, score, origin_type, connector_key FROM events WHERE connector_key IN ('x') AND origin_type IN ('tweet', 'reply') ORDER BY occurred_at DESC LIMIT 300\n reactions_guidance: |\n When a founder signals hiring activity, fundraising, or pivots, flag for the investment team.\n Track founders going quiet as a potential concern.\n Alert on any public statements about competitors or market conditions.\n - slug: opportunity-matcher\n agent: vc-tracking\n name: Opportunity Matcher\n schedule: 0 */12 * * *\n notification_priority: normal\n tags: [vc, matching]\n min_cooldown_seconds: 600\n prompt: |\n You are a community intelligence agent for a private founder community managed by a venture capital fund.\n Your job is to monitor founder activity and identify high-quality introduction opportunities between portfolio founders.\n\n ## Community Members\n {{#each entities}}\n **{{name}}** ({{entity_type}})\n {{#if metadata.title}} — {{metadata.title}}{{/if}}\n {{#if metadata.role}} — {{metadata.role}}{{/if}}\n {{/each}}\n\n ## Recent Activity\n {{#if sources.content}}\n {{sources.content}}\n {{/if}}\n\n ## Instructions\n 1. Scan all new content for signals: launches, posts, hiring announcements, funding news, project updates, and collaboration signals.\n 2. For each signal, identify which other community founders are likely to care and explain why.\n 3. Suggest a concrete action: warm intro draft, shared-interest notification, or flagging for community ops review.\n 4. Only suggest introductions where there is a clear, specific overlap — not generic \"both work in tech\" matches.\n 5. Rate each signal's strength (high/medium/low) based on timeliness and relevance.\n extraction_schema:\n type: object\n required:\n - signals\n - intro_recommendations\n - summary\n properties:\n signals:\n type: array\n items:\n type: object\n required:\n - type\n - source\n - summary\n - strength\n - related_topics\n - interested_members\n - reason\n - suggested_action\n properties:\n type:\n type: string\n source:\n type: string\n summary:\n type: string\n strength:\n type: string\n enum:\n - high\n - medium\n - low\n related_topics:\n type: array\n items:\n type: string\n interested_members:\n type: array\n items:\n type: string\n reason:\n type: string\n suggested_action:\n type: string\n intro_recommendations:\n type: array\n items:\n type: object\n required:\n - member_a\n - member_b\n - overlap\n - confidence\n properties:\n member_a:\n type: string\n member_b:\n type: string\n overlap:\n type: string\n draft_intro:\n type: string\n confidence:\n type: string\n enum:\n - high\n - medium\n summary:\n type: string\n sources:\n - name: content\n query: |\n SELECT id, title, payload_text, author_name, source_url, occurred_at, score, origin_type, connector_key FROM events WHERE entity_id IN (SELECT id FROM entities WHERE entity_type = 'founder') ORDER BY occurred_at DESC LIMIT 300", + "path": "models/schema.yaml", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/market/models/schema.yaml", + "language": "yaml" + }, + "reactionTs": { + "code": "/**\n * Reaction for the `founder-activity-tracker` watcher.\n *\n * Records notable public activity (tweets, blog posts, hiring posts, fundraise\n * rumors) as `founder_activity` events. The opportunity-matcher watcher reads\n * these events to suggest cross-portfolio introductions.\n */\nimport type { ReactionContext } from \"@lobu/connector-sdk\";\n\ninterface FounderActivityData {\n signals?: Array<{\n founder: string;\n activity_type: string;\n summary: string;\n importance?: \"low\" | \"medium\" | \"high\";\n }>;\n}\n\nexport default async (ctx: ReactionContext, client: any): Promise => {\n const data = ctx.extracted_data as FounderActivityData;\n const signals = data.signals ?? [];\n // High-importance only — low-noise channel for the intel feed.\n const notable = signals.filter((s) => s.importance === \"high\");\n if (notable.length === 0) return;\n\n for (const s of notable) {\n await client.knowledge.save({\n entity_ids: ctx.entities.map((e) => e.id),\n content: `${s.founder} — ${s.activity_type}: ${s.summary}`,\n semantic_type: \"founder_activity\",\n metadata: {\n founder: s.founder,\n activity_type: s.activity_type,\n importance: s.importance,\n window_id: ctx.window.id,\n },\n });\n }\n};", + "path": "models/reactions/founder-activity-tracker.reaction.ts", + "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/market/models/reactions/founder-activity-tracker.reaction.ts", + "language": "typescript" + } + } +} From 38e110bc84a0d94f12806f4a88ee99bf8e2e61fe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= Date: Tue, 19 May 2026 16:21:35 +0100 Subject: [PATCH 02/66] feat(landing): CodeBlock component with TOML/YAML/TS hand-rolled highlighting New component renders Snippet objects from the use-case manifest with: - tab header (filename + optional badge) - syntax-highlighted body (regex tokenizers per language, no extra deps) - optional maxLines cap with a fade gradient - footer line-count + 'See on GitHub' link Adds dark code-panel color tokens to globals.css tuned to harmonize with the existing warm cream/orange page palette. --- packages/landing/src/components/CodeBlock.tsx | 465 ++++++++++++++++++ packages/landing/src/globals.css | 13 + 2 files changed, 478 insertions(+) create mode 100644 packages/landing/src/components/CodeBlock.tsx diff --git a/packages/landing/src/components/CodeBlock.tsx b/packages/landing/src/components/CodeBlock.tsx new file mode 100644 index 000000000..d4a1fb1fd --- /dev/null +++ b/packages/landing/src/components/CodeBlock.tsx @@ -0,0 +1,465 @@ +import type { ComponentChildren } from "preact"; + +export type CodeSnippet = { + code: string; + path: string; + githubUrl: string; + language: "toml" | "yaml" | "typescript"; +}; + +type CodeBlockProps = { + snippet: CodeSnippet; + /** Optional cap; lines beyond fade out with a "see on GitHub" CTA. */ + maxLines?: number; + /** Override the filename shown in the tab. Defaults to `snippet.path`. */ + tabLabel?: string; + /** Optional pill in the tab (e.g. "declarative", "reactive"). */ + badge?: string; + /** Extra footer text rendered next to the GitHub link. */ + footnote?: ComponentChildren; +}; + +type Token = { kind: TokenKind; text: string }; +type TokenKind = + | "plain" + | "comment" + | "string" + | "keyword" + | "key" + | "builtin" + | "punctuation"; + +const KIND_COLOR: Record = { + plain: "var(--color-landing-code-text)", + comment: "var(--color-landing-code-comment)", + string: "var(--color-landing-code-string)", + keyword: "var(--color-landing-code-keyword)", + key: "var(--color-landing-code-key)", + builtin: "var(--color-landing-code-builtin)", + punctuation: "var(--color-landing-code-comment)", +}; + +const TS_KEYWORDS = new Set([ + "import", + "from", + "export", + "default", + "class", + "extends", + "implements", + "interface", + "type", + "const", + "let", + "var", + "function", + "return", + "if", + "else", + "for", + "while", + "do", + "switch", + "case", + "break", + "continue", + "throw", + "try", + "catch", + "finally", + "await", + "async", + "yield", + "new", + "this", + "super", + "true", + "false", + "null", + "undefined", + "typeof", + "instanceof", + "in", + "of", + "as", + "void", +]); + +/** + * Render tokens, recombining lines so the calling `
` keeps each line as
+ * one element (needed so the optional truncation cleanly cuts on a line break).
+ */
+function tokensToJsx(tokens: Token[]): ComponentChildren {
+  return tokens.map((tok, i) => {
+    if (tok.kind === "plain") {
+      // Plain text — render as a raw string so React doesn't add wrappers.
+      return tok.text;
+    }
+    return (
+      
+        {tok.text}
+      
+    );
+  });
+}
+
+/* -------------------------------------------------------------------------- */
+/*  TOML tokenizer                                                            */
+/* -------------------------------------------------------------------------- */
+
+function tokenizeToml(line: string): Token[] {
+  const out: Token[] = [];
+
+  // Whole-line comment.
+  const trimmed = line.trimStart();
+  if (trimmed.startsWith("#")) {
+    return [{ kind: "comment", text: line }];
+  }
+
+  // Section header: [agents.foo] or [[agents.foo.providers]]
+  const sectionMatch = /^(\s*)(\[\[?[^\]]+\]\]?)(.*)$/.exec(line);
+  if (sectionMatch) {
+    out.push({ kind: "plain", text: sectionMatch[1] });
+    out.push({ kind: "keyword", text: sectionMatch[2] });
+    if (sectionMatch[3]) {
+      out.push(...tokenizeTomlInline(sectionMatch[3]));
+    }
+    return out;
+  }
+
+  // key = value
+  const kvMatch = /^(\s*)([A-Za-z_][\w.-]*)(\s*=\s*)(.*)$/.exec(line);
+  if (kvMatch) {
+    out.push({ kind: "plain", text: kvMatch[1] });
+    out.push({ kind: "key", text: kvMatch[2] });
+    out.push({ kind: "punctuation", text: kvMatch[3] });
+    out.push(...tokenizeTomlInline(kvMatch[4]));
+    return out;
+  }
+
+  // Blank or array continuation — tokenize inline.
+  return tokenizeTomlInline(line);
+}
+
+function tokenizeTomlInline(rest: string): Token[] {
+  const out: Token[] = [];
+  let i = 0;
+  while (i < rest.length) {
+    const ch = rest[i];
+    if (ch === "#") {
+      out.push({ kind: "comment", text: rest.slice(i) });
+      break;
+    }
+    if (ch === '"') {
+      const end = findStringEnd(rest, i + 1, '"');
+      out.push({ kind: "string", text: rest.slice(i, end + 1) });
+      i = end + 1;
+      continue;
+    }
+    if (ch === "'") {
+      const end = findStringEnd(rest, i + 1, "'");
+      out.push({ kind: "string", text: rest.slice(i, end + 1) });
+      i = end + 1;
+      continue;
+    }
+    // Numbers / booleans.
+    const wordMatch = /^(true|false|-?[\d.]+)/.exec(rest.slice(i));
+    if (wordMatch) {
+      out.push({ kind: "keyword", text: wordMatch[0] });
+      i += wordMatch[0].length;
+      continue;
+    }
+    out.push({ kind: "plain", text: ch });
+    i++;
+  }
+  return mergePlain(out);
+}
+
+function findStringEnd(s: string, from: number, quote: string): number {
+  for (let i = from; i < s.length; i++) {
+    if (s[i] === "\\") {
+      i++;
+      continue;
+    }
+    if (s[i] === quote) return i;
+  }
+  return s.length - 1;
+}
+
+/* -------------------------------------------------------------------------- */
+/*  YAML tokenizer                                                            */
+/* -------------------------------------------------------------------------- */
+
+function tokenizeYaml(line: string): Token[] {
+  const trimmed = line.trimStart();
+  if (trimmed.startsWith("#")) {
+    return [{ kind: "comment", text: line }];
+  }
+  if (trimmed === "---") {
+    return [{ kind: "punctuation", text: line }];
+  }
+
+  // `- key: value` list-item-with-mapping
+  const dashMapping = /^(\s*-\s+)([A-Za-z_][\w-]*)(\s*:)(.*)$/.exec(line);
+  if (dashMapping) {
+    return [
+      { kind: "plain", text: dashMapping[1] },
+      { kind: "key", text: dashMapping[2] },
+      { kind: "punctuation", text: dashMapping[3] },
+      ...tokenizeYamlInline(dashMapping[4]),
+    ];
+  }
+
+  // `key: value`
+  const mapping = /^(\s*)([A-Za-z_][\w.-]*)(\s*:)(.*)$/.exec(line);
+  if (mapping) {
+    return [
+      { kind: "plain", text: mapping[1] },
+      { kind: "key", text: mapping[2] },
+      { kind: "punctuation", text: mapping[3] },
+      ...tokenizeYamlInline(mapping[4]),
+    ];
+  }
+
+  // `- value`
+  const dashScalar = /^(\s*-\s+)(.*)$/.exec(line);
+  if (dashScalar) {
+    return [
+      { kind: "plain", text: dashScalar[1] },
+      ...tokenizeYamlInline(dashScalar[2]),
+    ];
+  }
+  return tokenizeYamlInline(line);
+}
+
+function tokenizeYamlInline(rest: string): Token[] {
+  const out: Token[] = [];
+  if (rest.length === 0) return out;
+  let i = 0;
+  // Leading whitespace preserved.
+  while (i < rest.length && rest[i] === " ") {
+    out.push({ kind: "plain", text: " " });
+    i++;
+  }
+  while (i < rest.length) {
+    const ch = rest[i];
+    if (ch === "#") {
+      out.push({ kind: "comment", text: rest.slice(i) });
+      i = rest.length;
+      break;
+    }
+    if (ch === '"') {
+      const end = findStringEnd(rest, i + 1, '"');
+      out.push({ kind: "string", text: rest.slice(i, end + 1) });
+      i = end + 1;
+      continue;
+    }
+    if (ch === "'") {
+      const end = findStringEnd(rest, i + 1, "'");
+      out.push({ kind: "string", text: rest.slice(i, end + 1) });
+      i = end + 1;
+      continue;
+    }
+    if (ch === "|" || ch === ">") {
+      // YAML block scalar indicator.
+      out.push({ kind: "keyword", text: ch });
+      i++;
+      continue;
+    }
+    // Word / scalar — break on whitespace, `,`, `]`, `}`.
+    const remainder = rest.slice(i);
+    const wordMatch = /^[^\s,\]}#]+/.exec(remainder);
+    if (wordMatch) {
+      const text = wordMatch[0];
+      if (/^(true|false|null|~|-?\d+(\.\d+)?)$/.test(text)) {
+        out.push({ kind: "keyword", text });
+      } else {
+        out.push({ kind: "string", text });
+      }
+      i += text.length;
+      continue;
+    }
+    out.push({ kind: "plain", text: ch });
+    i++;
+  }
+  return mergePlain(out);
+}
+
+/* -------------------------------------------------------------------------- */
+/*  TypeScript tokenizer (intentionally minimal)                              */
+/* -------------------------------------------------------------------------- */
+
+function tokenizeTypescript(line: string): Token[] {
+  const out: Token[] = [];
+  let i = 0;
+  while (i < line.length) {
+    const ch = line[i];
+    const rest = line.slice(i);
+
+    // Line comment.
+    if (rest.startsWith("//")) {
+      out.push({ kind: "comment", text: rest });
+      break;
+    }
+    // String literal.
+    if (ch === '"' || ch === "'" || ch === "`") {
+      const end = findStringEnd(line, i + 1, ch);
+      out.push({ kind: "string", text: line.slice(i, end + 1) });
+      i = end + 1;
+      continue;
+    }
+    // Number.
+    if (/[\d]/.test(ch)) {
+      const m = /^[\d._]+/.exec(rest);
+      if (m) {
+        out.push({ kind: "keyword", text: m[0] });
+        i += m[0].length;
+        continue;
+      }
+    }
+    // Identifier / keyword.
+    if (/[A-Za-z_$]/.test(ch)) {
+      const m = /^[A-Za-z_$][\w$]*/.exec(rest);
+      if (m) {
+        const word = m[0];
+        const next = line[i + word.length];
+        if (TS_KEYWORDS.has(word)) {
+          out.push({ kind: "keyword", text: word });
+        } else if (
+          /^[A-Z]/.test(word) ||
+          next === "(" ||
+          (next === ":" && line[i + word.length + 1] !== ":")
+        ) {
+          // Heuristics: PascalCase, function call, or `key:` object-literal
+          // shape -> render as key/identifier accent.
+          out.push({ kind: "key", text: word });
+        } else {
+          out.push({ kind: "plain", text: word });
+        }
+        i += word.length;
+        continue;
+      }
+    }
+    out.push({ kind: "plain", text: ch });
+    i++;
+  }
+  return mergePlain(out);
+}
+
+function mergePlain(tokens: Token[]): Token[] {
+  const out: Token[] = [];
+  for (const t of tokens) {
+    const last = out[out.length - 1];
+    if (last && last.kind === "plain" && t.kind === "plain") {
+      last.text += t.text;
+    } else {
+      out.push({ ...t });
+    }
+  }
+  return out;
+}
+
+function highlight(code: string, language: CodeSnippet["language"]): Token[][] {
+  const tokenize =
+    language === "toml"
+      ? tokenizeToml
+      : language === "yaml"
+        ? tokenizeYaml
+        : tokenizeTypescript;
+  return code.split("\n").map((line) => tokenize(line));
+}
+
+/* -------------------------------------------------------------------------- */
+/*  Component                                                                 */
+/* -------------------------------------------------------------------------- */
+
+export function CodeBlock({
+  snippet,
+  maxLines,
+  tabLabel,
+  badge,
+  footnote,
+}: CodeBlockProps) {
+  const allLines = highlight(snippet.code, snippet.language);
+  const truncated = typeof maxLines === "number" && allLines.length > maxLines;
+  const lines = truncated ? allLines.slice(0, maxLines) : allLines;
+
+  return (
+    

+      

+        {tabLabel ?? snippet.path}
+        {badge ? (
+          
+            {badge}
+          
+        ) : null}
+      

+
+      
+        
+          {lines.map((toks, idx) => (
+            
+              {tokensToJsx(toks)}
+              {idx < lines.length - 1 ? "\n" : ""}
+            
+          ))}
+        
+        {truncated ? (
+          

+
+      

+        
+          {truncated
+            ? `${lines.length} / ${allLines.length} lines`
+            : `${allLines.length} lines`}
+        
+        
+          {footnote}
+          
+            See on GitHub →
+          
+        
+      

+    

+  );
+}
diff --git a/packages/landing/src/globals.css b/packages/landing/src/globals.css
index cb79fbd0d..14e33caf5 100644
--- a/packages/landing/src/globals.css
+++ b/packages/landing/src/globals.css
@@ -28,6 +28,19 @@
   --color-page-text: oklch(0.1804 0.0154 57.0973);
   --color-page-text-muted: oklch(0.4806 0.0254 51.1528);
 
+  /* Landing code-block palette (dev-focused sections). Tuned to harmonize
+     with the warm cream/orange page palette while staying readably dark. */
+  --color-landing-code-bg: oklch(0.1820 0.0080 70.0000);
+  --color-landing-code-bg-soft: oklch(0.2260 0.0080 70.0000);
+  --color-landing-code-text: oklch(0.9300 0.0220 80.0000);
+  --color-landing-code-comment: oklch(0.6010 0.0260 70.0000);
+  --color-landing-code-string: oklch(0.7900 0.1200 70.0000);
+  --color-landing-code-keyword: oklch(0.8000 0.1500 60.0000);
+  --color-landing-code-key: oklch(0.8200 0.0700 175.0000);
+  --color-landing-code-builtin: oklch(0.8000 0.1500 60.0000);
+  --color-landing-callout-bg: oklch(0.9180 0.0660 75.0000 / 0.55);
+  --color-landing-callout-border: oklch(0.7006 0.1891 46.5400);
+
   --color-tg-bg: oklch(0.2606 0.0040 84.5838);
   --color-tg-bg-secondary: oklch(0.2007 0.0101 52.8852);
   --color-tg-bubble-out: oklch(0.7006 0.1891 46.5400);

From f36b86fb2159186d7eb019a34f8b6a254102f86e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 16:25:20 +0100
Subject: [PATCH 03/66] feat(examples): add custom connectors for 8 dev-focused
 example agents

Each example now ships one realistic *.connector.ts modeled on
examples/lobu-crm/connectors/funnel-form.connector.ts:

- legal: docusign-envelopes (envelope status transitions)
- finance: quickbooks-transactions (bank-feed transactions)
- sales: salesforce-pipeline (opportunity changes)
- delivery: shopify-orders (order updates)
- leadership: linear-cycles (active-cycle issue transitions)
- agent-community: discourse-posts (forum posts)
- ecommerce: stripe-charges (charges + refunds)
- market: exa-news-feed (Exa neural-search articles)

The landing page reads these via gen-landing-snippets.ts so each
use-case pivot lands real connector code on screen.
---
 .../connectors/discourse-posts.connector.ts   | 155 ++++++++++++++++
 .../connectors/shopify-orders.connector.ts    | 164 +++++++++++++++++
 .../connectors/stripe-charges.connector.ts    | 155 ++++++++++++++++
 .../quickbooks-transactions.connector.ts      | 144 +++++++++++++++
 .../connectors/linear-cycles.connector.ts     | 159 +++++++++++++++++
 .../docusign-envelopes.connector.ts           | 148 ++++++++++++++++
 .../connectors/exa-news-feed.connector.ts     | 166 ++++++++++++++++++
 .../salesforce-pipeline.connector.ts          | 147 ++++++++++++++++
 .../src/generated/use-case-snippets.json      |  48 +++++
 9 files changed, 1286 insertions(+)
 create mode 100644 examples/agent-community/connectors/discourse-posts.connector.ts
 create mode 100644 examples/delivery/connectors/shopify-orders.connector.ts
 create mode 100644 examples/ecommerce/connectors/stripe-charges.connector.ts
 create mode 100644 examples/finance/connectors/quickbooks-transactions.connector.ts
 create mode 100644 examples/leadership/connectors/linear-cycles.connector.ts
 create mode 100644 examples/legal/connectors/docusign-envelopes.connector.ts
 create mode 100644 examples/market/connectors/exa-news-feed.connector.ts
 create mode 100644 examples/sales/connectors/salesforce-pipeline.connector.ts

diff --git a/examples/agent-community/connectors/discourse-posts.connector.ts b/examples/agent-community/connectors/discourse-posts.connector.ts
new file mode 100644
index 000000000..97d8c7646
--- /dev/null
+++ b/examples/agent-community/connectors/discourse-posts.connector.ts
@@ -0,0 +1,155 @@
+/**
+ * Discourse-posts connector — pulls new posts from a Discourse instance
+ * (e.g. https://forum.lobu.ai) and emits one event per post so the
+ * `agent-community` agent can index discussions into its knowledge graph
+ * and trigger the opportunity-matcher reaction.
+ *
+ * Auth: a Discourse API key (header `Api-Key`) scoped to a single
+ * read-only user. Workers see only the `lobu_secret_` placeholder.
+ */
+
+import {
+  type ActionContext,
+  type ActionResult,
+  type ConnectorDefinition,
+  ConnectorRuntime,
+  type EventEnvelope,
+  type SyncContext,
+  type SyncResult,
+} from "@lobu/connector-sdk";
+
+interface DiscourseConfig {
+  base_url: string;
+  category_id?: number;
+}
+
+interface DiscourseCheckpoint {
+  last_post_id: number;
+}
+
+interface DiscoursePost {
+  id: number;
+  topic_id: number;
+  topic_slug: string;
+  username: string;
+  cooked: string;
+  created_at: string;
+  topic_title?: string;
+}
+
+const PAGE_SIZE = 50;
+
+export default class DiscoursePostsConnector extends ConnectorRuntime {
+  readonly definition: ConnectorDefinition = {
+    key: "discourse-posts",
+    name: "Discourse posts",
+    description: "Pulls new posts from a Discourse community forum.",
+    version: "1.0.0",
+    authSchema: {
+      methods: [
+        {
+          type: "env",
+          fields: [
+            { name: "api_key", description: "Discourse API key" },
+            { name: "api_username", description: "Discourse API username" },
+          ],
+        },
+      ],
+    },
+    feeds: {
+      posts: {
+        key: "posts",
+        name: "Forum posts",
+        description: "New posts created since the last post id checkpoint.",
+        configSchema: {
+          type: "object",
+          required: ["base_url"],
+          properties: {
+            base_url: { type: "string", format: "uri" },
+            category_id: { type: "integer" },
+          },
+        },
+        eventKinds: {
+          post_created: {
+            description: "A new forum post was created.",
+            metadataSchema: {
+              type: "object",
+              properties: {
+                topic_id: { type: "integer" },
+                topic_title: { type: "string" },
+                username: { type: "string" },
+              },
+            },
+          },
+        },
+      },
+    },
+  };
+
+  async sync(ctx: SyncContext): Promise {
+    const config = ctx.config as unknown as DiscourseConfig;
+    if (!config?.base_url) {
+      throw new Error("discourse-posts: `base_url` is required");
+    }
+
+    const checkpoint = (ctx.checkpoint as DiscourseCheckpoint | null) ?? {
+      last_post_id: 0,
+    };
+    const url = `${config.base_url.replace(/\/$/, "")}/posts.json?before=${checkpoint.last_post_id + PAGE_SIZE}`;
+    const posts = await this.fetchPosts(url);
+    const fresh = posts
+      .filter((p) => p.id > checkpoint.last_post_id)
+      .sort((a, b) => a.id - b.id);
+
+    const events: EventEnvelope[] = fresh.map((post) => ({
+      origin_id: String(post.id),
+      origin_type: "post_created",
+      title: post.topic_title ?? `Post by ${post.username}`,
+      payload_text: stripHtml(post.cooked).slice(0, 2000),
+      author_name: post.username,
+      source_url: `${config.base_url}/t/${post.topic_slug}/${post.topic_id}/${post.id}`,
+      occurred_at: new Date(post.created_at),
+      metadata: {
+        topic_id: post.topic_id,
+        topic_title: post.topic_title,
+        username: post.username,
+      },
+    }));
+
+    const nextCursor =
+      fresh.length === 0 ? checkpoint.last_post_id : fresh[fresh.length - 1].id;
+
+    return {
+      events,
+      checkpoint: { last_post_id: nextCursor } as unknown as Record<
+        string,
+        unknown
+      >,
+      metadata: { items_found: events.length },
+    };
+  }
+
+  async execute(_ctx: ActionContext): Promise {
+    return { success: false, error: "Actions not supported" };
+  }
+
+  private async fetchPosts(url: string): Promise {
+    const response = await fetch(url, {
+      headers: { Accept: "application/json" },
+    });
+    if (!response.ok) {
+      throw new Error(`Discourse ${response.status}: ${response.statusText}`);
+    }
+    const body = (await response.json()) as {
+      latest_posts?: DiscoursePost[];
+    };
+    return body.latest_posts ?? [];
+  }
+}
+
+function stripHtml(html: string): string {
+  return html
+    .replace(/<[^>]+>/g, " ")
+    .replace(/\s+/g, " ")
+    .trim();
+}
diff --git a/examples/delivery/connectors/shopify-orders.connector.ts b/examples/delivery/connectors/shopify-orders.connector.ts
new file mode 100644
index 000000000..b9023dcb6
--- /dev/null
+++ b/examples/delivery/connectors/shopify-orders.connector.ts
@@ -0,0 +1,164 @@
+/**
+ * Shopify-orders connector — polls a Shopify shop's REST Admin API for new
+ * or updated orders and emits one event per order transition (created,
+ * paid, fulfilled, refunded). The `delivery` agent uses these to drive its
+ * fulfilment-status entities and the at-risk-shipment dreaming watcher.
+ *
+ * Auth: Shopify private-app access token (header `X-Shopify-Access-Token`).
+ * Workers never see the real token; the gateway secret-proxy swaps the
+ * placeholder at egress.
+ */
+
+import {
+  type ActionContext,
+  type ActionResult,
+  type ConnectorDefinition,
+  ConnectorRuntime,
+  type EventEnvelope,
+  type SyncContext,
+  type SyncResult,
+} from "@lobu/connector-sdk";
+
+interface ShopifyConfig {
+  shop: string;
+  status?: "open" | "closed" | "cancelled" | "any";
+}
+
+interface ShopifyCheckpoint {
+  updated_at_min: string;
+}
+
+interface ShopifyOrder {
+  id: number;
+  name: string;
+  email?: string;
+  financial_status?: string;
+  fulfillment_status?: string;
+  total_price?: string;
+  updated_at: string;
+  created_at: string;
+  customer?: { first_name?: string; last_name?: string };
+}
+
+const PAGE_SIZE = 100;
+const API_VERSION = "2024-10";
+
+export default class ShopifyOrdersConnector extends ConnectorRuntime {
+  readonly definition: ConnectorDefinition = {
+    key: "shopify-orders",
+    name: "Shopify orders",
+    description:
+      "Polls Shopify Admin REST for new and updated orders to drive fulfilment workflows.",
+    version: "1.0.0",
+    authSchema: {
+      methods: [
+        {
+          type: "env",
+          fields: [
+            { name: "access_token", description: "Shopify Admin API token" },
+          ],
+        },
+      ],
+    },
+    feeds: {
+      orders: {
+        key: "orders",
+        name: "Order updates",
+        description: "Orders updated since the last cursor.",
+        configSchema: {
+          type: "object",
+          required: ["shop"],
+          properties: {
+            shop: {
+              type: "string",
+              description: "Shopify shop subdomain (e.g. acme.myshopify.com)",
+            },
+            status: {
+              type: "string",
+              enum: ["open", "closed", "cancelled", "any"],
+              default: "any",
+            },
+          },
+        },
+        eventKinds: {
+          order_updated: {
+            description: "A Shopify order was created or updated.",
+            metadataSchema: {
+              type: "object",
+              properties: {
+                financial_status: { type: "string" },
+                fulfillment_status: { type: "string" },
+                total_price: { type: "string" },
+              },
+            },
+          },
+        },
+      },
+    },
+  };
+
+  async sync(ctx: SyncContext): Promise {
+    const config = ctx.config as unknown as ShopifyConfig;
+    if (!config?.shop) {
+      throw new Error("shopify-orders: `shop` is required");
+    }
+
+    const checkpoint = (ctx.checkpoint as ShopifyCheckpoint | null) ?? {
+      updated_at_min: "2000-01-01T00:00:00Z",
+    };
+    const status = config.status ?? "any";
+    const url = `https://${config.shop}/admin/api/${API_VERSION}/orders.json?status=${status}&updated_at_min=${encodeURIComponent(checkpoint.updated_at_min)}&limit=${PAGE_SIZE}`;
+
+    const orders = await this.fetchOrders(url);
+    orders.sort(
+      (a, b) =>
+        new Date(a.updated_at).getTime() - new Date(b.updated_at).getTime()
+    );
+
+    const events: EventEnvelope[] = orders.map((order) => ({
+      origin_id: `${order.id}:${order.updated_at}`,
+      origin_type: "order_updated",
+      title: `Order ${order.name} — ${order.fulfillment_status ?? "unfulfilled"}`,
+      payload_text: `Financial: ${order.financial_status ?? "?"} · Total: ${order.total_price ?? "?"}`,
+      author_name: order.customer
+        ? `${order.customer.first_name ?? ""} ${order.customer.last_name ?? ""}`.trim()
+        : undefined,
+      source_url: `https://${config.shop}/admin/orders/${order.id}`,
+      occurred_at: new Date(order.updated_at),
+      metadata: {
+        financial_status: order.financial_status,
+        fulfillment_status: order.fulfillment_status,
+        total_price: order.total_price,
+      },
+    }));
+
+    const nextCursor =
+      orders.length === 0
+        ? checkpoint.updated_at_min
+        : orders[orders.length - 1].updated_at;
+
+    return {
+      events,
+      checkpoint: { updated_at_min: nextCursor } as unknown as Record<
+        string,
+        unknown
+      >,
+      metadata: { items_found: events.length },
+    };
+  }
+
+  async execute(_ctx: ActionContext): Promise {
+    return { success: false, error: "Actions not supported" };
+  }
+
+  private async fetchOrders(url: string): Promise {
+    const response = await fetch(url, {
+      headers: { Accept: "application/json" },
+    });
+    if (!response.ok) {
+      throw new Error(`Shopify ${response.status}: ${response.statusText}`);
+    }
+    const body = (await response.json()) as { orders?: ShopifyOrder[] };
+    return body.orders ?? [];
+  }
+}
diff --git a/examples/ecommerce/connectors/stripe-charges.connector.ts b/examples/ecommerce/connectors/stripe-charges.connector.ts
new file mode 100644
index 000000000..2e2619620
--- /dev/null
+++ b/examples/ecommerce/connectors/stripe-charges.connector.ts
@@ -0,0 +1,155 @@
+/**
+ * Stripe-charges connector — pulls newly-succeeded Stripe charges and
+ * refunds and emits one event per charge so the `ecommerce` agent can
+ * populate Order entities, drive its refund-pattern dreaming watcher, and
+ * close the loop with Shopify/inventory data.
+ *
+ * Auth: Stripe restricted key with `charges:read` + `refunds:read` scopes.
+ * Keys live in the gateway secret-proxy; the worker only ever sees the
+ * `lobu_secret_` placeholder.
+ */
+
+import {
+  type ActionContext,
+  type ActionResult,
+  type ConnectorDefinition,
+  ConnectorRuntime,
+  type EventEnvelope,
+  type SyncContext,
+  type SyncResult,
+} from "@lobu/connector-sdk";
+
+interface StripeConfig {
+  livemode?: boolean;
+}
+
+interface StripeCheckpoint {
+  last_created: number;
+}
+
+interface StripeCharge {
+  id: string;
+  amount: number;
+  currency: string;
+  description?: string | null;
+  status: string;
+  paid: boolean;
+  refunded: boolean;
+  created: number;
+  receipt_email?: string;
+  customer?: string;
+}
+
+const PAGE_SIZE = 100;
+const ENDPOINT = "https://api.stripe.com/v1/charges";
+
+export default class StripeChargesConnector extends ConnectorRuntime {
+  readonly definition: ConnectorDefinition = {
+    key: "stripe-charges",
+    name: "Stripe charges",
+    description:
+      "Streams new charge / refund events from the Stripe API into Lobu memory.",
+    version: "1.0.0",
+    authSchema: {
+      methods: [
+        {
+          type: "env",
+          fields: [
+            { name: "secret_key", description: "Stripe restricted secret key" },
+          ],
+        },
+      ],
+    },
+    feeds: {
+      charges: {
+        key: "charges",
+        name: "Charges",
+        description:
+          "Succeeded charges + refunds, ordered by created timestamp.",
+        configSchema: {
+          type: "object",
+          properties: {
+            livemode: { type: "boolean", default: true },
+          },
+        },
+        eventKinds: {
+          charge_succeeded: {
+            description: "A charge was successfully captured.",
+            metadataSchema: {
+              type: "object",
+              properties: {
+                amount: { type: "integer" },
+                currency: { type: "string" },
+                customer: { type: "string" },
+              },
+            },
+          },
+          charge_refunded: {
+            description: "A charge was refunded in full or part.",
+            metadataSchema: {
+              type: "object",
+              properties: {
+                amount: { type: "integer" },
+                currency: { type: "string" },
+              },
+            },
+          },
+        },
+      },
+    },
+  };
+
+  async sync(ctx: SyncContext): Promise {
+    const checkpoint = (ctx.checkpoint as StripeCheckpoint | null) ?? {
+      last_created: 0,
+    };
+    const url = `${ENDPOINT}?limit=${PAGE_SIZE}&created[gt]=${checkpoint.last_created}`;
+
+    const charges = await this.fetchCharges(url);
+    charges.sort((a, b) => a.created - b.created);
+
+    const events: EventEnvelope[] = charges.map((charge) => ({
+      origin_id: charge.refunded ? `${charge.id}:refund` : charge.id,
+      origin_type: charge.refunded ? "charge_refunded" : "charge_succeeded",
+      title: `${charge.refunded ? "Refund" : "Charge"} — ${(charge.amount / 100).toFixed(2)} ${charge.currency.toUpperCase()}`,
+      payload_text: charge.description ?? "",
+      author_name: charge.receipt_email,
+      source_url: `https://dashboard.stripe.com/payments/${charge.id}`,
+      occurred_at: new Date(charge.created * 1000),
+      metadata: {
+        amount: charge.amount,
+        currency: charge.currency,
+        customer: charge.customer,
+      },
+    }));
+
+    const nextCursor =
+      charges.length === 0
+        ? checkpoint.last_created
+        : charges[charges.length - 1].created;
+
+    return {
+      events,
+      checkpoint: { last_created: nextCursor } as unknown as Record<
+        string,
+        unknown
+      >,
+      metadata: { items_found: events.length },
+    };
+  }
+
+  async execute(_ctx: ActionContext): Promise {
+    return { success: false, error: "Actions not supported" };
+  }
+
+  private async fetchCharges(url: string): Promise {
+    const response = await fetch(url, {
+      headers: { Accept: "application/json" },
+    });
+    if (!response.ok) {
+      throw new Error(`Stripe ${response.status}: ${response.statusText}`);
+    }
+    const body = (await response.json()) as { data?: StripeCharge[] };
+    return body.data ?? [];
+  }
+}
diff --git a/examples/finance/connectors/quickbooks-transactions.connector.ts b/examples/finance/connectors/quickbooks-transactions.connector.ts
new file mode 100644
index 000000000..df1f53635
--- /dev/null
+++ b/examples/finance/connectors/quickbooks-transactions.connector.ts
@@ -0,0 +1,144 @@
+/**
+ * QuickBooks-transactions connector — pulls newly posted bank-feed
+ * transactions from QuickBooks Online and emits one event per line item.
+ * The `finance` agent uses these to populate Transaction entities and to
+ * drive its reconciliation watcher.
+ *
+ * Auth: OAuth (Intuit). The realm id (the tenant company id) is part of the
+ * connection config and threaded through every request.
+ */
+
+import {
+  type ActionContext,
+  type ActionResult,
+  type ConnectorDefinition,
+  ConnectorRuntime,
+  type EventEnvelope,
+  type SyncContext,
+  type SyncResult,
+} from "@lobu/connector-sdk";
+
+interface QboConfig {
+  realm_id: string;
+  account_id?: string;
+}
+
+interface QboCheckpoint {
+  last_txn_date: string;
+}
+
+interface QboTransaction {
+  Id: string;
+  TxnDate: string;
+  Amount: number;
+  PaymentType?: string;
+  CheckNum?: string;
+  Memo?: string;
+  AccountRef?: { value: string; name: string };
+  EntityRef?: { value: string; name: string };
+}
+
+const PAGE_SIZE = 500;
+
+export default class QuickBooksTransactionsConnector extends ConnectorRuntime {
+  readonly definition: ConnectorDefinition = {
+    key: "quickbooks-transactions",
+    name: "QuickBooks transactions",
+    description:
+      "Streams new bank-feed transactions out of QuickBooks Online.",
+    version: "1.0.0",
+    authSchema: { methods: [{ type: "oauth", provider: "intuit" }] },
+    feeds: {
+      transactions: {
+        key: "transactions",
+        name: "Posted transactions",
+        description:
+          "Bank-feed entries posted to QBO since the last cursor date.",
+        configSchema: {
+          type: "object",
+          required: ["realm_id"],
+          properties: {
+            realm_id: { type: "string" },
+            account_id: { type: "string" },
+          },
+        },
+        eventKinds: {
+          transaction_posted: {
+            description: "A new transaction was posted to QBO.",
+            metadataSchema: {
+              type: "object",
+              properties: {
+                amount: { type: "number" },
+                account: { type: "string" },
+                payee: { type: "string" },
+              },
+            },
+          },
+        },
+      },
+    },
+  };
+
+  async sync(ctx: SyncContext): Promise {
+    const config = ctx.config as unknown as QboConfig;
+    if (!config?.realm_id) {
+      throw new Error("quickbooks-transactions: `realm_id` is required");
+    }
+
+    const checkpoint = (ctx.checkpoint as QboCheckpoint | null) ?? {
+      last_txn_date: "1970-01-01",
+    };
+    const query = this.buildQuery(checkpoint.last_txn_date, config.account_id);
+    const url = `https://quickbooks.api.intuit.com/v3/company/${config.realm_id}/query?query=${encodeURIComponent(query)}`;
+
+    const transactions = await this.fetchTransactions(url);
+    const events: EventEnvelope[] = transactions.map((txn) => ({
+      origin_id: txn.Id,
+      origin_type: "transaction_posted",
+      title: `${txn.AccountRef?.name ?? "Bank"} — $${txn.Amount.toFixed(2)}`,
+      payload_text: txn.Memo ?? `Posted to ${txn.AccountRef?.name ?? "?"}`,
+      occurred_at: new Date(`${txn.TxnDate}T00:00:00Z`),
+      metadata: {
+        amount: txn.Amount,
+        account: txn.AccountRef?.name,
+        payee: txn.EntityRef?.name,
+      },
+    }));
+
+    const nextCursor =
+      transactions.length === 0
+        ? checkpoint.last_txn_date
+        : transactions[transactions.length - 1].TxnDate;
+
+    return {
+      events,
+      checkpoint: { last_txn_date: nextCursor } as unknown as Record<
+        string,
+        unknown
+      >,
+      metadata: { items_found: events.length },
+    };
+  }
+
+  async execute(_ctx: ActionContext): Promise {
+    return { success: false, error: "Actions not supported" };
+  }
+
+  private buildQuery(since: string, accountId?: string): string {
+    const accountFilter = accountId ? ` AND AccountRef = '${accountId}'` : "";
+    return `SELECT * FROM Transaction WHERE TxnDate > '${since}'${accountFilter} ORDERBY TxnDate ASC MAXRESULTS ${PAGE_SIZE}`;
+  }
+
+  private async fetchTransactions(url: string): Promise {
+    const response = await fetch(url, {
+      headers: { Accept: "application/json" },
+    });
+    if (!response.ok) {
+      throw new Error(`QBO ${response.status}: ${response.statusText}`);
+    }
+    const body = (await response.json()) as {
+      QueryResponse?: { Transaction?: QboTransaction[] };
+    };
+    return body.QueryResponse?.Transaction ?? [];
+  }
+}
diff --git a/examples/leadership/connectors/linear-cycles.connector.ts b/examples/leadership/connectors/linear-cycles.connector.ts
new file mode 100644
index 000000000..7855dec35
--- /dev/null
+++ b/examples/leadership/connectors/linear-cycles.connector.ts
@@ -0,0 +1,159 @@
+/**
+ * Linear-cycles connector — polls Linear GraphQL for issues whose state
+ * changed during the active cycle and emits one event per transition. The
+ * `leadership` agent uses these to keep its Cycle and Initiative entities
+ * in sync with engineering execution and to drive its nightly digest
+ * dreaming watcher.
+ *
+ * Auth: Linear OAuth.
+ */
+
+import {
+  type ActionContext,
+  type ActionResult,
+  type ConnectorDefinition,
+  ConnectorRuntime,
+  type EventEnvelope,
+  type SyncContext,
+  type SyncResult,
+} from "@lobu/connector-sdk";
+
+interface LinearConfig {
+  team_id: string;
+}
+
+interface LinearCheckpoint {
+  updated_at: string;
+}
+
+interface LinearIssue {
+  id: string;
+  identifier: string;
+  title: string;
+  url: string;
+  updatedAt: string;
+  state: { name: string; type: string };
+  cycle?: { id: string; name?: string; number?: number };
+  assignee?: { name: string };
+}
+
+const PAGE_SIZE = 100;
+const ENDPOINT = "https://api.linear.app/graphql";
+
+export default class LinearCyclesConnector extends ConnectorRuntime {
+  readonly definition: ConnectorDefinition = {
+    key: "linear-cycles",
+    name: "Linear cycles",
+    description:
+      "Tracks issue state transitions inside the active Linear cycle for a team.",
+    version: "1.0.0",
+    authSchema: { methods: [{ type: "oauth", provider: "linear" }] },
+    feeds: {
+      cycle_issues: {
+        key: "cycle_issues",
+        name: "Cycle issue transitions",
+        description:
+          "Issues in the team's active cycle whose state changed since the last cursor.",
+        configSchema: {
+          type: "object",
+          required: ["team_id"],
+          properties: {
+            team_id: { type: "string" },
+          },
+        },
+        eventKinds: {
+          issue_state_changed: {
+            description: "A Linear issue moved to a new workflow state.",
+            metadataSchema: {
+              type: "object",
+              properties: {
+                state: { type: "string" },
+                cycle_number: { type: "integer" },
+                assignee: { type: "string" },
+              },
+            },
+          },
+        },
+      },
+    },
+  };
+
+  async sync(ctx: SyncContext): Promise {
+    const config = ctx.config as unknown as LinearConfig;
+    if (!config?.team_id) {
+      throw new Error("linear-cycles: `team_id` is required");
+    }
+
+    const checkpoint = (ctx.checkpoint as LinearCheckpoint | null) ?? {
+      updated_at: "2000-01-01T00:00:00Z",
+    };
+
+    const issues = await this.fetchIssues(config.team_id, checkpoint.updated_at);
+    const events: EventEnvelope[] = issues.map((issue) => ({
+      origin_id: `${issue.id}:${issue.state.name}:${issue.updatedAt}`,
+      origin_type: "issue_state_changed",
+      title: `${issue.identifier} ${issue.title} → ${issue.state.name}`,
+      author_name: issue.assignee?.name,
+      source_url: issue.url,
+      occurred_at: new Date(issue.updatedAt),
+      metadata: {
+        state: issue.state.name,
+        cycle_number: issue.cycle?.number,
+        assignee: issue.assignee?.name,
+      },
+    }));
+
+    const nextCursor =
+      issues.length === 0
+        ? checkpoint.updated_at
+        : issues[issues.length - 1].updatedAt;
+
+    return {
+      events,
+      checkpoint: { updated_at: nextCursor } as unknown as Record<
+        string,
+        unknown
+      >,
+      metadata: { items_found: events.length },
+    };
+  }
+
+  async execute(_ctx: ActionContext): Promise {
+    return { success: false, error: "Actions not supported" };
+  }
+
+  private async fetchIssues(
+    teamId: string,
+    updatedAfter: string
+  ): Promise {
+    const query = `query Cycle($teamId: ID!, $after: DateTimeOrDuration!, $first: Int!) {
+      issues(
+        first: $first,
+        filter: { team: { id: { eq: $teamId } }, updatedAt: { gt: $after }, cycle: { isActive: { eq: true } } },
+        orderBy: updatedAt
+      ) {
+        nodes {
+          id identifier title url updatedAt
+          state { name type }
+          cycle { id name number }
+          assignee { name }
+        }
+      }
+    }`;
+    const response = await fetch(ENDPOINT, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        query,
+        variables: { teamId, after: updatedAfter, first: PAGE_SIZE },
+      }),
+    });
+    if (!response.ok) {
+      throw new Error(`Linear ${response.status}: ${response.statusText}`);
+    }
+    const body = (await response.json()) as {
+      data?: { issues?: { nodes?: LinearIssue[] } };
+    };
+    return body.data?.issues?.nodes ?? [];
+  }
+}
diff --git a/examples/legal/connectors/docusign-envelopes.connector.ts b/examples/legal/connectors/docusign-envelopes.connector.ts
new file mode 100644
index 000000000..54a025dd4
--- /dev/null
+++ b/examples/legal/connectors/docusign-envelopes.connector.ts
@@ -0,0 +1,148 @@
+/**
+ * DocuSign-envelopes connector — polls the DocuSign eSignature API for
+ * envelopes that changed status since the last sync, emitting one event per
+ * envelope transition. The `legal` agent uses these to keep its Contract
+ * entities in sync and to trigger downstream clause-review watchers.
+ *
+ * Auth: OAuth (DocuSign JWT/PKCE). The access token is held by the gateway
+ * secret-proxy; this connector only references the `lobu_secret_`
+ * placeholder via the default fetch path.
+ */
+
+import {
+  type ActionContext,
+  type ActionResult,
+  type ConnectorDefinition,
+  ConnectorRuntime,
+  type EventEnvelope,
+  type SyncContext,
+  type SyncResult,
+} from "@lobu/connector-sdk";
+
+interface DocuSignConfig {
+  account_id: string;
+  base_path?: string;
+}
+
+interface DocuSignCheckpoint {
+  last_status_changed: string;
+}
+
+interface DsEnvelope {
+  envelopeId: string;
+  status: string;
+  emailSubject?: string;
+  statusChangedDateTime: string;
+  sender?: { userName?: string; email?: string };
+}
+
+const PAGE_SIZE = 100;
+
+export default class DocuSignEnvelopesConnector extends ConnectorRuntime {
+  readonly definition: ConnectorDefinition = {
+    key: "docusign-envelopes",
+    name: "DocuSign envelopes",
+    description:
+      "Polls DocuSign for envelope status transitions (sent → signed → completed).",
+    version: "1.0.0",
+    authSchema: { methods: [{ type: "oauth", provider: "docusign" }] },
+    feeds: {
+      envelopes: {
+        key: "envelopes",
+        name: "Envelope status changes",
+        description: "Envelopes whose status changed since the last cursor.",
+        configSchema: {
+          type: "object",
+          required: ["account_id"],
+          properties: {
+            account_id: { type: "string" },
+            base_path: {
+              type: "string",
+              format: "uri",
+              description:
+                "DocuSign REST base path (e.g. https://demo.docusign.net/restapi).",
+            },
+          },
+        },
+        eventKinds: {
+          envelope_status_changed: {
+            description: "An envelope transitioned to a new status.",
+            metadataSchema: {
+              type: "object",
+              properties: {
+                status: { type: "string" },
+                sender_email: { type: "string" },
+              },
+            },
+          },
+        },
+      },
+    },
+  };
+
+  async sync(ctx: SyncContext): Promise {
+    const config = ctx.config as unknown as DocuSignConfig;
+    if (!config?.account_id) {
+      throw new Error("docusign-envelopes: `account_id` is required");
+    }
+
+    const checkpoint = (ctx.checkpoint as DocuSignCheckpoint | null) ?? {
+      last_status_changed: "2000-01-01T00:00:00Z",
+    };
+    const basePath = (
+      config.base_path ?? "https://www.docusign.net/restapi"
+    ).replace(/\/$/, "");
+    const url = `${basePath}/v2.1/accounts/${config.account_id}/envelopes?from_date=${encodeURIComponent(checkpoint.last_status_changed)}&count=${PAGE_SIZE}`;
+
+    const envelopes = await this.fetchEnvelopes(url);
+    envelopes.sort(
+      (a, b) =>
+        new Date(a.statusChangedDateTime).getTime() -
+        new Date(b.statusChangedDateTime).getTime()
+    );
+
+    const events: EventEnvelope[] = envelopes.map((env) => ({
+      origin_id: `${env.envelopeId}:${env.status}`,
+      origin_type: "envelope_status_changed",
+      title: env.emailSubject
+        ? `${env.emailSubject} → ${env.status}`
+        : `Envelope ${env.envelopeId} → ${env.status}`,
+      author_name: env.sender?.userName,
+      source_url: `${basePath}/v2.1/accounts/${config.account_id}/envelopes/${env.envelopeId}`,
+      occurred_at: new Date(env.statusChangedDateTime),
+      metadata: {
+        status: env.status,
+        sender_email: env.sender?.email,
+      },
+    }));
+
+    const nextCursor =
+      envelopes.length === 0
+        ? checkpoint.last_status_changed
+        : envelopes[envelopes.length - 1].statusChangedDateTime;
+
+    return {
+      events,
+      checkpoint: { last_status_changed: nextCursor } as unknown as Record<
+        string,
+        unknown
+      >,
+      metadata: { items_found: events.length },
+    };
+  }
+
+  async execute(_ctx: ActionContext): Promise {
+    return { success: false, error: "Actions not supported" };
+  }
+
+  private async fetchEnvelopes(url: string): Promise {
+    const response = await fetch(url, {
+      headers: { Accept: "application/json" },
+    });
+    if (!response.ok) {
+      throw new Error(`DocuSign ${response.status}: ${response.statusText}`);
+    }
+    const body = (await response.json()) as { envelopes?: DsEnvelope[] };
+    return body.envelopes ?? [];
+  }
+}
diff --git a/examples/market/connectors/exa-news-feed.connector.ts b/examples/market/connectors/exa-news-feed.connector.ts
new file mode 100644
index 000000000..851a7e4d0
--- /dev/null
+++ b/examples/market/connectors/exa-news-feed.connector.ts
@@ -0,0 +1,166 @@
+/**
+ * Exa-news-feed connector — runs an Exa neural search on a recurring
+ * schedule and emits one event per fresh article. The `market` agent uses
+ * the events to build Company / Funding / Person entities and to fan
+ * founder-activity reactions out over Slack.
+ *
+ * Auth: an Exa API key (header `x-api-key`). Workers see only the secret
+ * placeholder.
+ */
+
+import {
+  type ActionContext,
+  type ActionResult,
+  type ConnectorDefinition,
+  ConnectorRuntime,
+  type EventEnvelope,
+  type SyncContext,
+  type SyncResult,
+} from "@lobu/connector-sdk";
+
+interface ExaConfig {
+  query: string;
+  num_results?: number;
+  include_domains?: string[];
+}
+
+interface ExaCheckpoint {
+  seen_ids: string[];
+}
+
+interface ExaResult {
+  id: string;
+  title?: string;
+  url: string;
+  text?: string;
+  author?: string;
+  publishedDate?: string;
+}
+
+const MAX_DEDUP_IDS = 1000;
+const ENDPOINT = "https://api.exa.ai/search";
+
+export default class ExaNewsFeedConnector extends ConnectorRuntime {
+  readonly definition: ConnectorDefinition = {
+    key: "exa-news-feed",
+    name: "Exa news feed",
+    description:
+      "Runs a saved Exa neural search and emits one event per fresh article.",
+    version: "1.0.0",
+    authSchema: {
+      methods: [
+        {
+          type: "env",
+          fields: [{ name: "api_key", description: "Exa API key" }],
+        },
+      ],
+    },
+    feeds: {
+      articles: {
+        key: "articles",
+        name: "Articles",
+        description: "Fresh articles matching the configured Exa query.",
+        configSchema: {
+          type: "object",
+          required: ["query"],
+          properties: {
+            query: { type: "string", description: "Exa search prompt" },
+            num_results: {
+              type: "integer",
+              minimum: 1,
+              maximum: 100,
+              default: 20,
+            },
+            include_domains: {
+              type: "array",
+              items: { type: "string" },
+              description: "Restrict results to these domains.",
+            },
+          },
+        },
+        eventKinds: {
+          article_published: {
+            description: "An article matching the saved query was published.",
+            metadataSchema: {
+              type: "object",
+              properties: {
+                url: { type: "string" },
+                author: { type: "string" },
+              },
+            },
+          },
+        },
+      },
+    },
+  };
+
+  async sync(ctx: SyncContext): Promise {
+    const config = ctx.config as unknown as ExaConfig;
+    if (!config?.query) {
+      throw new Error("exa-news-feed: `query` is required");
+    }
+
+    const checkpoint = (ctx.checkpoint as ExaCheckpoint | null) ?? {
+      seen_ids: [],
+    };
+    const seen = new Set(checkpoint.seen_ids ?? []);
+
+    const results = await this.search(config);
+    const newIds: string[] = [];
+    const events: EventEnvelope[] = [];
+    for (const result of results) {
+      if (!result.id || seen.has(result.id)) continue;
+      seen.add(result.id);
+      newIds.push(result.id);
+      events.push({
+        origin_id: result.id,
+        origin_type: "article_published",
+        title: result.title ?? result.url,
+        payload_text: (result.text ?? "").slice(0, 3000),
+        author_name: result.author,
+        source_url: result.url,
+        occurred_at: result.publishedDate
+          ? new Date(result.publishedDate)
+          : new Date(),
+        metadata: {
+          url: result.url,
+          author: result.author,
+        },
+      });
+    }
+
+    const allKnown = [...(checkpoint.seen_ids ?? []), ...newIds];
+    const trimmed = allKnown.slice(-MAX_DEDUP_IDS);
+
+    return {
+      events,
+      checkpoint: { seen_ids: trimmed } as unknown as Record,
+      metadata: { items_found: events.length },
+    };
+  }
+
+  async execute(_ctx: ActionContext): Promise {
+    return { success: false, error: "Actions not supported" };
+  }
+
+  private async search(config: ExaConfig): Promise {
+    const response = await fetch(ENDPOINT, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json",
+      },
+      body: JSON.stringify({
+        query: config.query,
+        numResults: config.num_results ?? 20,
+        includeDomains: config.include_domains,
+        contents: { text: { maxCharacters: 3000 } },
+      }),
+    });
+    if (!response.ok) {
+      throw new Error(`Exa ${response.status}: ${response.statusText}`);
+    }
+    const body = (await response.json()) as { results?: ExaResult[] };
+    return body.results ?? [];
+  }
+}
diff --git a/examples/sales/connectors/salesforce-pipeline.connector.ts b/examples/sales/connectors/salesforce-pipeline.connector.ts
new file mode 100644
index 000000000..840c53906
--- /dev/null
+++ b/examples/sales/connectors/salesforce-pipeline.connector.ts
@@ -0,0 +1,147 @@
+/**
+ * Salesforce-pipeline connector — polls Salesforce REST for opportunities
+ * updated since the last checkpoint and emits one event per opportunity
+ * change. Used by the `sales` agent to keep its Opportunity entities in sync
+ * with the source of truth.
+ *
+ * Auth: OAuth (Salesforce Connected App). Workers never see the token; the
+ * gateway secret-proxy swaps the placeholder at egress.
+ *
+ * Auto-discovered by `lobu apply` because the filename ends in
+ * `.connector.ts`.
+ */
+
+import {
+  type ActionContext,
+  type ActionResult,
+  type ConnectorDefinition,
+  ConnectorRuntime,
+  type EventEnvelope,
+  type SyncContext,
+  type SyncResult,
+} from "@lobu/connector-sdk";
+
+interface PipelineConfig {
+  instance_url: string;
+  stages?: string[];
+}
+
+interface PipelineCheckpoint {
+  last_modified: string;
+}
+
+interface SfOpportunity {
+  Id: string;
+  Name: string;
+  StageName: string;
+  Amount?: number;
+  CloseDate?: string;
+  AccountId?: string;
+  LastModifiedDate: string;
+}
+
+const PAGE_SIZE = 200;
+
+export default class SalesforcePipelineConnector extends ConnectorRuntime {
+  readonly definition: ConnectorDefinition = {
+    key: "salesforce-pipeline",
+    name: "Salesforce pipeline",
+    description: "Polls Salesforce REST for opportunity changes.",
+    version: "1.0.0",
+    authSchema: { methods: [{ type: "oauth", provider: "salesforce" }] },
+    feeds: {
+      opportunities: {
+        key: "opportunities",
+        name: "Opportunity changes",
+        description:
+          "Opportunities created or updated since the last sync cursor.",
+        configSchema: {
+          type: "object",
+          required: ["instance_url"],
+          properties: {
+            instance_url: { type: "string", format: "uri" },
+            stages: { type: "array", items: { type: "string" } },
+          },
+        },
+        eventKinds: {
+          opportunity_updated: {
+            description: "An opportunity was created or modified.",
+            metadataSchema: {
+              type: "object",
+              properties: {
+                stage: { type: "string" },
+                amount: { type: "number" },
+                account_id: { type: "string" },
+              },
+            },
+          },
+        },
+      },
+    },
+  };
+
+  async sync(ctx: SyncContext): Promise {
+    const config = ctx.config as unknown as PipelineConfig;
+    if (!config?.instance_url) {
+      throw new Error("salesforce-pipeline: `instance_url` is required");
+    }
+
+    const checkpoint = (ctx.checkpoint as PipelineCheckpoint | null) ?? {
+      last_modified: "2000-01-01T00:00:00Z",
+    };
+    const soql = this.buildSoql(checkpoint.last_modified, config.stages);
+    const url = `${config.instance_url.replace(/\/$/, "")}/services/data/v60.0/query?q=${encodeURIComponent(soql)}`;
+
+    const opportunities = await this.fetchOpportunities(url);
+    const events: EventEnvelope[] = opportunities.map((opp) => ({
+      origin_id: opp.Id,
+      origin_type: "opportunity_updated",
+      title: `Opportunity ${opp.Name} → ${opp.StageName}`,
+      payload_text: `Amount: ${opp.Amount ?? "?"} · Closes ${opp.CloseDate ?? "?"}`,
+      source_url: `${config.instance_url}/lightning/r/Opportunity/${opp.Id}/view`,
+      occurred_at: new Date(opp.LastModifiedDate),
+      metadata: {
+        stage: opp.StageName,
+        amount: opp.Amount,
+        account_id: opp.AccountId,
+      },
+    }));
+
+    const nextCursor =
+      opportunities.length === 0
+        ? checkpoint.last_modified
+        : opportunities[opportunities.length - 1].LastModifiedDate;
+
+    return {
+      events,
+      checkpoint: { last_modified: nextCursor } as unknown as Record<
+        string,
+        unknown
+      >,
+      metadata: { items_found: events.length },
+    };
+  }
+
+  async execute(_ctx: ActionContext): Promise {
+    return { success: false, error: "Actions not supported" };
+  }
+
+  private buildSoql(since: string, stages?: string[]): string {
+    const stageFilter =
+      stages && stages.length > 0
+        ? ` AND StageName IN (${stages.map((s) => `'${s}'`).join(",")})`
+        : "";
+    return `SELECT Id, Name, StageName, Amount, CloseDate, AccountId, LastModifiedDate FROM Opportunity WHERE LastModifiedDate > ${since}${stageFilter} ORDER BY LastModifiedDate ASC LIMIT ${PAGE_SIZE}`;
+  }
+
+  private async fetchOpportunities(url: string): Promise {
+    const response = await fetch(url, {
+      headers: { Accept: "application/json" },
+    });
+    if (!response.ok) {
+      throw new Error(`Salesforce ${response.status}: ${response.statusText}`);
+    }
+    const body = (await response.json()) as { records?: SfOpportunity[] };
+    return body.records ?? [];
+  }
+}
diff --git a/packages/landing/src/generated/use-case-snippets.json b/packages/landing/src/generated/use-case-snippets.json
index 6af443b02..792071aa7 100644
--- a/packages/landing/src/generated/use-case-snippets.json
+++ b/packages/landing/src/generated/use-case-snippets.json
@@ -17,6 +17,12 @@
       "path": "models/schema.yaml",
       "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/legal/models/schema.yaml",
       "language": "yaml"
+    },
+    "connectorTs": {
+      "code": "/**\n * DocuSign-envelopes connector — polls the DocuSign eSignature API for\n * envelopes that changed status since the last sync, emitting one event per\n * envelope transition. The `legal` agent uses these to keep its Contract\n * entities in sync and to trigger downstream clause-review watchers.\n *\n * Auth: OAuth (DocuSign JWT/PKCE). The access token is held by the gateway\n * secret-proxy; this connector only references the `lobu_secret_`\n * placeholder via the default fetch path.\n */\n\nimport {\n  type ActionContext,\n  type ActionResult,\n  type ConnectorDefinition,\n  ConnectorRuntime,\n  type EventEnvelope,\n  type SyncContext,\n  type SyncResult,\n} from \"@lobu/connector-sdk\";\n\ninterface DocuSignConfig {\n  account_id: string;\n  base_path?: string;\n}\n\ninterface DocuSignCheckpoint {\n  last_status_changed: string;\n}\n\ninterface DsEnvelope {\n  envelopeId: string;\n  status: string;\n  emailSubject?: string;\n  statusChangedDateTime: string;\n  sender?: { userName?: string; email?: string };\n}\n\nconst PAGE_SIZE = 100;\n\nexport default class DocuSignEnvelopesConnector extends ConnectorRuntime {\n  readonly definition: ConnectorDefinition = {\n    key: \"docusign-envelopes\",\n    name: \"DocuSign envelopes\",\n    description:\n      \"Polls DocuSign for envelope status transitions (sent → signed → completed).\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"oauth\", provider: \"docusign\" }] },\n    feeds: {\n      envelopes: {\n        key: \"envelopes\",\n        name: \"Envelope status changes\",\n        description: \"Envelopes whose status changed since the last cursor.\",\n        configSchema: {\n          type: \"object\",\n          required: [\"account_id\"],\n          properties: {\n            account_id: { type: \"string\" },\n            base_path: {\n              type: \"string\",\n              format: \"uri\",\n              description:\n                \"DocuSign REST base path (e.g. https://demo.docusign.net/restapi).\",\n            },\n          },\n        },\n        eventKinds: {\n          envelope_status_changed: {\n            description: \"An envelope transitioned to a new status.\",\n            metadataSchema: {\n              type: \"object\",\n              properties: {\n                status: { type: \"string\" },\n                sender_email: { type: \"string\" },\n              },\n            },\n          },\n        },\n      },\n    },\n  };\n\n  async sync(ctx: SyncContext): Promise {\n    const config = ctx.config as unknown as DocuSignConfig;\n    if (!config?.account_id) {\n      throw new Error(\"docusign-envelopes: `account_id` is required\");\n    }\n\n    const checkpoint = (ctx.checkpoint as DocuSignCheckpoint | null) ?? {\n      last_status_changed: \"2000-01-01T00:00:00Z\",\n    };\n    const basePath = (\n      config.base_path ?? \"https://www.docusign.net/restapi\"\n    ).replace(/\\/$/, \"\");\n    const url = `${basePath}/v2.1/accounts/${config.account_id}/envelopes?from_date=${encodeURIComponent(checkpoint.last_status_changed)}&count=${PAGE_SIZE}`;\n\n    const envelopes = await this.fetchEnvelopes(url);\n    envelopes.sort(\n      (a, b) =>\n        new Date(a.statusChangedDateTime).getTime() -\n        new Date(b.statusChangedDateTime).getTime()\n    );\n\n    const events: EventEnvelope[] = envelopes.map((env) => ({\n      origin_id: `${env.envelopeId}:${env.status}`,\n      origin_type: \"envelope_status_changed\",\n      title: env.emailSubject\n        ? `${env.emailSubject} → ${env.status}`\n        : `Envelope ${env.envelopeId} → ${env.status}`,\n      author_name: env.sender?.userName,\n      source_url: `${basePath}/v2.1/accounts/${config.account_id}/envelopes/${env.envelopeId}`,\n      occurred_at: new Date(env.statusChangedDateTime),\n      metadata: {\n        status: env.status,\n        sender_email: env.sender?.email,\n      },\n    }));\n\n    const nextCursor =\n      envelopes.length === 0\n        ? checkpoint.last_status_changed\n        : envelopes[envelopes.length - 1].statusChangedDateTime;\n\n    return {\n      events,\n      checkpoint: { last_status_changed: nextCursor } as unknown as Record<\n        string,\n        unknown\n      >,\n      metadata: { items_found: events.length },\n    };\n  }\n\n  async execute(_ctx: ActionContext): Promise {\n    return { success: false, error: \"Actions not supported\" };\n  }\n\n  private async fetchEnvelopes(url: string): Promise {\n    const response = await fetch(url, {\n      headers: { Accept: \"application/json\" },\n    });\n    if (!response.ok) {\n      throw new Error(`DocuSign ${response.status}: ${response.statusText}`);\n    }\n    const body = (await response.json()) as { envelopes?: DsEnvelope[] };\n    return body.envelopes ?? [];\n  }\n}",
+      "path": "connectors/docusign-envelopes.connector.ts",
+      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/legal/connectors/docusign-envelopes.connector.ts",
+      "language": "typescript"
     }
   },
   "finance": {
@@ -43,6 +49,12 @@
       "path": "models/reactions/reconciliation-monitor.reaction.ts",
       "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/finance/models/reactions/reconciliation-monitor.reaction.ts",
       "language": "typescript"
+    },
+    "connectorTs": {
+      "code": "/**\n * QuickBooks-transactions connector — pulls newly posted bank-feed\n * transactions from QuickBooks Online and emits one event per line item.\n * The `finance` agent uses these to populate Transaction entities and to\n * drive its reconciliation watcher.\n *\n * Auth: OAuth (Intuit). The realm id (the tenant company id) is part of the\n * connection config and threaded through every request.\n */\n\nimport {\n  type ActionContext,\n  type ActionResult,\n  type ConnectorDefinition,\n  ConnectorRuntime,\n  type EventEnvelope,\n  type SyncContext,\n  type SyncResult,\n} from \"@lobu/connector-sdk\";\n\ninterface QboConfig {\n  realm_id: string;\n  account_id?: string;\n}\n\ninterface QboCheckpoint {\n  last_txn_date: string;\n}\n\ninterface QboTransaction {\n  Id: string;\n  TxnDate: string;\n  Amount: number;\n  PaymentType?: string;\n  CheckNum?: string;\n  Memo?: string;\n  AccountRef?: { value: string; name: string };\n  EntityRef?: { value: string; name: string };\n}\n\nconst PAGE_SIZE = 500;\n\nexport default class QuickBooksTransactionsConnector extends ConnectorRuntime {\n  readonly definition: ConnectorDefinition = {\n    key: \"quickbooks-transactions\",\n    name: \"QuickBooks transactions\",\n    description:\n      \"Streams new bank-feed transactions out of QuickBooks Online.\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"oauth\", provider: \"intuit\" }] },\n    feeds: {\n      transactions: {\n        key: \"transactions\",\n        name: \"Posted transactions\",\n        description:\n          \"Bank-feed entries posted to QBO since the last cursor date.\",\n        configSchema: {\n          type: \"object\",\n          required: [\"realm_id\"],\n          properties: {\n            realm_id: { type: \"string\" },\n            account_id: { type: \"string\" },\n          },\n        },\n        eventKinds: {\n          transaction_posted: {\n            description: \"A new transaction was posted to QBO.\",\n            metadataSchema: {\n              type: \"object\",\n              properties: {\n                amount: { type: \"number\" },\n                account: { type: \"string\" },\n                payee: { type: \"string\" },\n              },\n            },\n          },\n        },\n      },\n    },\n  };\n\n  async sync(ctx: SyncContext): Promise {\n    const config = ctx.config as unknown as QboConfig;\n    if (!config?.realm_id) {\n      throw new Error(\"quickbooks-transactions: `realm_id` is required\");\n    }\n\n    const checkpoint = (ctx.checkpoint as QboCheckpoint | null) ?? {\n      last_txn_date: \"1970-01-01\",\n    };\n    const query = this.buildQuery(checkpoint.last_txn_date, config.account_id);\n    const url = `https://quickbooks.api.intuit.com/v3/company/${config.realm_id}/query?query=${encodeURIComponent(query)}`;\n\n    const transactions = await this.fetchTransactions(url);\n    const events: EventEnvelope[] = transactions.map((txn) => ({\n      origin_id: txn.Id,\n      origin_type: \"transaction_posted\",\n      title: `${txn.AccountRef?.name ?? \"Bank\"} — $${txn.Amount.toFixed(2)}`,\n      payload_text: txn.Memo ?? `Posted to ${txn.AccountRef?.name ?? \"?\"}`,\n      occurred_at: new Date(`${txn.TxnDate}T00:00:00Z`),\n      metadata: {\n        amount: txn.Amount,\n        account: txn.AccountRef?.name,\n        payee: txn.EntityRef?.name,\n      },\n    }));\n\n    const nextCursor =\n      transactions.length === 0\n        ? checkpoint.last_txn_date\n        : transactions[transactions.length - 1].TxnDate;\n\n    return {\n      events,\n      checkpoint: { last_txn_date: nextCursor } as unknown as Record<\n        string,\n        unknown\n      >,\n      metadata: { items_found: events.length },\n    };\n  }\n\n  async execute(_ctx: ActionContext): Promise {\n    return { success: false, error: \"Actions not supported\" };\n  }\n\n  private buildQuery(since: string, accountId?: string): string {\n    const accountFilter = accountId ? ` AND AccountRef = '${accountId}'` : \"\";\n    return `SELECT * FROM Transaction WHERE TxnDate > '${since}'${accountFilter} ORDERBY TxnDate ASC MAXRESULTS ${PAGE_SIZE}`;\n  }\n\n  private async fetchTransactions(url: string): Promise {\n    const response = await fetch(url, {\n      headers: { Accept: \"application/json\" },\n    });\n    if (!response.ok) {\n      throw new Error(`QBO ${response.status}: ${response.statusText}`);\n    }\n    const body = (await response.json()) as {\n      QueryResponse?: { Transaction?: QboTransaction[] };\n    };\n    return body.QueryResponse?.Transaction ?? [];\n  }\n}",
+      "path": "connectors/quickbooks-transactions.connector.ts",
+      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/finance/connectors/quickbooks-transactions.connector.ts",
+      "language": "typescript"
     }
   },
   "sales": {
@@ -69,6 +81,12 @@
       "path": "models/reactions/account-health-monitor.reaction.ts",
       "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/models/reactions/account-health-monitor.reaction.ts",
       "language": "typescript"
+    },
+    "connectorTs": {
+      "code": "/**\n * Salesforce-pipeline connector — polls Salesforce REST for opportunities\n * updated since the last checkpoint and emits one event per opportunity\n * change. Used by the `sales` agent to keep its Opportunity entities in sync\n * with the source of truth.\n *\n * Auth: OAuth (Salesforce Connected App). Workers never see the token; the\n * gateway secret-proxy swaps the placeholder at egress.\n *\n * Auto-discovered by `lobu apply` because the filename ends in\n * `.connector.ts`.\n */\n\nimport {\n  type ActionContext,\n  type ActionResult,\n  type ConnectorDefinition,\n  ConnectorRuntime,\n  type EventEnvelope,\n  type SyncContext,\n  type SyncResult,\n} from \"@lobu/connector-sdk\";\n\ninterface PipelineConfig {\n  instance_url: string;\n  stages?: string[];\n}\n\ninterface PipelineCheckpoint {\n  last_modified: string;\n}\n\ninterface SfOpportunity {\n  Id: string;\n  Name: string;\n  StageName: string;\n  Amount?: number;\n  CloseDate?: string;\n  AccountId?: string;\n  LastModifiedDate: string;\n}\n\nconst PAGE_SIZE = 200;\n\nexport default class SalesforcePipelineConnector extends ConnectorRuntime {\n  readonly definition: ConnectorDefinition = {\n    key: \"salesforce-pipeline\",\n    name: \"Salesforce pipeline\",\n    description: \"Polls Salesforce REST for opportunity changes.\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"oauth\", provider: \"salesforce\" }] },\n    feeds: {\n      opportunities: {\n        key: \"opportunities\",\n        name: \"Opportunity changes\",\n        description:\n          \"Opportunities created or updated since the last sync cursor.\",\n        configSchema: {\n          type: \"object\",\n          required: [\"instance_url\"],\n          properties: {\n            instance_url: { type: \"string\", format: \"uri\" },\n            stages: { type: \"array\", items: { type: \"string\" } },\n          },\n        },\n        eventKinds: {\n          opportunity_updated: {\n            description: \"An opportunity was created or modified.\",\n            metadataSchema: {\n              type: \"object\",\n              properties: {\n                stage: { type: \"string\" },\n                amount: { type: \"number\" },\n                account_id: { type: \"string\" },\n              },\n            },\n          },\n        },\n      },\n    },\n  };\n\n  async sync(ctx: SyncContext): Promise {\n    const config = ctx.config as unknown as PipelineConfig;\n    if (!config?.instance_url) {\n      throw new Error(\"salesforce-pipeline: `instance_url` is required\");\n    }\n\n    const checkpoint = (ctx.checkpoint as PipelineCheckpoint | null) ?? {\n      last_modified: \"2000-01-01T00:00:00Z\",\n    };\n    const soql = this.buildSoql(checkpoint.last_modified, config.stages);\n    const url = `${config.instance_url.replace(/\\/$/, \"\")}/services/data/v60.0/query?q=${encodeURIComponent(soql)}`;\n\n    const opportunities = await this.fetchOpportunities(url);\n    const events: EventEnvelope[] = opportunities.map((opp) => ({\n      origin_id: opp.Id,\n      origin_type: \"opportunity_updated\",\n      title: `Opportunity ${opp.Name} → ${opp.StageName}`,\n      payload_text: `Amount: ${opp.Amount ?? \"?\"} · Closes ${opp.CloseDate ?? \"?\"}`,\n      source_url: `${config.instance_url}/lightning/r/Opportunity/${opp.Id}/view`,\n      occurred_at: new Date(opp.LastModifiedDate),\n      metadata: {\n        stage: opp.StageName,\n        amount: opp.Amount,\n        account_id: opp.AccountId,\n      },\n    }));\n\n    const nextCursor =\n      opportunities.length === 0\n        ? checkpoint.last_modified\n        : opportunities[opportunities.length - 1].LastModifiedDate;\n\n    return {\n      events,\n      checkpoint: { last_modified: nextCursor } as unknown as Record<\n        string,\n        unknown\n      >,\n      metadata: { items_found: events.length },\n    };\n  }\n\n  async execute(_ctx: ActionContext): Promise {\n    return { success: false, error: \"Actions not supported\" };\n  }\n\n  private buildSoql(since: string, stages?: string[]): string {\n    const stageFilter =\n      stages && stages.length > 0\n        ? ` AND StageName IN (${stages.map((s) => `'${s}'`).join(\",\")})`\n        : \"\";\n    return `SELECT Id, Name, StageName, Amount, CloseDate, AccountId, LastModifiedDate FROM Opportunity WHERE LastModifiedDate > ${since}${stageFilter} ORDER BY LastModifiedDate ASC LIMIT ${PAGE_SIZE}`;\n  }\n\n  private async fetchOpportunities(url: string): Promise {\n    const response = await fetch(url, {\n      headers: { Accept: \"application/json\" },\n    });\n    if (!response.ok) {\n      throw new Error(`Salesforce ${response.status}: ${response.statusText}`);\n    }\n    const body = (await response.json()) as { records?: SfOpportunity[] };\n    return body.records ?? [];\n  }\n}",
+      "path": "connectors/salesforce-pipeline.connector.ts",
+      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/connectors/salesforce-pipeline.connector.ts",
+      "language": "typescript"
     }
   },
   "delivery": {
@@ -89,6 +107,12 @@
       "path": "models/schema.yaml",
       "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/delivery/models/schema.yaml",
       "language": "yaml"
+    },
+    "connectorTs": {
+      "code": "/**\n * Shopify-orders connector — polls a Shopify shop's REST Admin API for new\n * or updated orders and emits one event per order transition (created,\n * paid, fulfilled, refunded). The `delivery` agent uses these to drive its\n * fulfilment-status entities and the at-risk-shipment dreaming watcher.\n *\n * Auth: Shopify private-app access token (header `X-Shopify-Access-Token`).\n * Workers never see the real token; the gateway secret-proxy swaps the\n * placeholder at egress.\n */\n\nimport {\n  type ActionContext,\n  type ActionResult,\n  type ConnectorDefinition,\n  ConnectorRuntime,\n  type EventEnvelope,\n  type SyncContext,\n  type SyncResult,\n} from \"@lobu/connector-sdk\";\n\ninterface ShopifyConfig {\n  shop: string;\n  status?: \"open\" | \"closed\" | \"cancelled\" | \"any\";\n}\n\ninterface ShopifyCheckpoint {\n  updated_at_min: string;\n}\n\ninterface ShopifyOrder {\n  id: number;\n  name: string;\n  email?: string;\n  financial_status?: string;\n  fulfillment_status?: string;\n  total_price?: string;\n  updated_at: string;\n  created_at: string;\n  customer?: { first_name?: string; last_name?: string };\n}\n\nconst PAGE_SIZE = 100;\nconst API_VERSION = \"2024-10\";\n\nexport default class ShopifyOrdersConnector extends ConnectorRuntime {\n  readonly definition: ConnectorDefinition = {\n    key: \"shopify-orders\",\n    name: \"Shopify orders\",\n    description:\n      \"Polls Shopify Admin REST for new and updated orders to drive fulfilment workflows.\",\n    version: \"1.0.0\",\n    authSchema: {\n      methods: [\n        {\n          type: \"env\",\n          fields: [\n            { name: \"access_token\", description: \"Shopify Admin API token\" },\n          ],\n        },\n      ],\n    },\n    feeds: {\n      orders: {\n        key: \"orders\",\n        name: \"Order updates\",\n        description: \"Orders updated since the last cursor.\",\n        configSchema: {\n          type: \"object\",\n          required: [\"shop\"],\n          properties: {\n            shop: {\n              type: \"string\",\n              description: \"Shopify shop subdomain (e.g. acme.myshopify.com)\",\n            },\n            status: {\n              type: \"string\",\n              enum: [\"open\", \"closed\", \"cancelled\", \"any\"],\n              default: \"any\",\n            },\n          },\n        },\n        eventKinds: {\n          order_updated: {\n            description: \"A Shopify order was created or updated.\",\n            metadataSchema: {\n              type: \"object\",\n              properties: {\n                financial_status: { type: \"string\" },\n                fulfillment_status: { type: \"string\" },\n                total_price: { type: \"string\" },\n              },\n            },\n          },\n        },\n      },\n    },\n  };\n\n  async sync(ctx: SyncContext): Promise {\n    const config = ctx.config as unknown as ShopifyConfig;\n    if (!config?.shop) {\n      throw new Error(\"shopify-orders: `shop` is required\");\n    }\n\n    const checkpoint = (ctx.checkpoint as ShopifyCheckpoint | null) ?? {\n      updated_at_min: \"2000-01-01T00:00:00Z\",\n    };\n    const status = config.status ?? \"any\";\n    const url = `https://${config.shop}/admin/api/${API_VERSION}/orders.json?status=${status}&updated_at_min=${encodeURIComponent(checkpoint.updated_at_min)}&limit=${PAGE_SIZE}`;\n\n    const orders = await this.fetchOrders(url);\n    orders.sort(\n      (a, b) =>\n        new Date(a.updated_at).getTime() - new Date(b.updated_at).getTime()\n    );\n\n    const events: EventEnvelope[] = orders.map((order) => ({\n      origin_id: `${order.id}:${order.updated_at}`,\n      origin_type: \"order_updated\",\n      title: `Order ${order.name} — ${order.fulfillment_status ?? \"unfulfilled\"}`,\n      payload_text: `Financial: ${order.financial_status ?? \"?\"} · Total: ${order.total_price ?? \"?\"}`,\n      author_name: order.customer\n        ? `${order.customer.first_name ?? \"\"} ${order.customer.last_name ?? \"\"}`.trim()\n        : undefined,\n      source_url: `https://${config.shop}/admin/orders/${order.id}`,\n      occurred_at: new Date(order.updated_at),\n      metadata: {\n        financial_status: order.financial_status,\n        fulfillment_status: order.fulfillment_status,\n        total_price: order.total_price,\n      },\n    }));\n\n    const nextCursor =\n      orders.length === 0\n        ? checkpoint.updated_at_min\n        : orders[orders.length - 1].updated_at;\n\n    return {\n      events,\n      checkpoint: { updated_at_min: nextCursor } as unknown as Record<\n        string,\n        unknown\n      >,\n      metadata: { items_found: events.length },\n    };\n  }\n\n  async execute(_ctx: ActionContext): Promise {\n    return { success: false, error: \"Actions not supported\" };\n  }\n\n  private async fetchOrders(url: string): Promise {\n    const response = await fetch(url, {\n      headers: { Accept: \"application/json\" },\n    });\n    if (!response.ok) {\n      throw new Error(`Shopify ${response.status}: ${response.statusText}`);\n    }\n    const body = (await response.json()) as { orders?: ShopifyOrder[] };\n    return body.orders ?? [];\n  }\n}",
+      "path": "connectors/shopify-orders.connector.ts",
+      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/delivery/connectors/shopify-orders.connector.ts",
+      "language": "typescript"
     }
   },
   "leadership": {
@@ -109,6 +133,12 @@
       "path": "models/schema.yaml",
       "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/leadership/models/schema.yaml",
       "language": "yaml"
+    },
+    "connectorTs": {
+      "code": "/**\n * Linear-cycles connector — polls Linear GraphQL for issues whose state\n * changed during the active cycle and emits one event per transition. The\n * `leadership` agent uses these to keep its Cycle and Initiative entities\n * in sync with engineering execution and to drive its nightly digest\n * dreaming watcher.\n *\n * Auth: Linear OAuth.\n */\n\nimport {\n  type ActionContext,\n  type ActionResult,\n  type ConnectorDefinition,\n  ConnectorRuntime,\n  type EventEnvelope,\n  type SyncContext,\n  type SyncResult,\n} from \"@lobu/connector-sdk\";\n\ninterface LinearConfig {\n  team_id: string;\n}\n\ninterface LinearCheckpoint {\n  updated_at: string;\n}\n\ninterface LinearIssue {\n  id: string;\n  identifier: string;\n  title: string;\n  url: string;\n  updatedAt: string;\n  state: { name: string; type: string };\n  cycle?: { id: string; name?: string; number?: number };\n  assignee?: { name: string };\n}\n\nconst PAGE_SIZE = 100;\nconst ENDPOINT = \"https://api.linear.app/graphql\";\n\nexport default class LinearCyclesConnector extends ConnectorRuntime {\n  readonly definition: ConnectorDefinition = {\n    key: \"linear-cycles\",\n    name: \"Linear cycles\",\n    description:\n      \"Tracks issue state transitions inside the active Linear cycle for a team.\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"oauth\", provider: \"linear\" }] },\n    feeds: {\n      cycle_issues: {\n        key: \"cycle_issues\",\n        name: \"Cycle issue transitions\",\n        description:\n          \"Issues in the team's active cycle whose state changed since the last cursor.\",\n        configSchema: {\n          type: \"object\",\n          required: [\"team_id\"],\n          properties: {\n            team_id: { type: \"string\" },\n          },\n        },\n        eventKinds: {\n          issue_state_changed: {\n            description: \"A Linear issue moved to a new workflow state.\",\n            metadataSchema: {\n              type: \"object\",\n              properties: {\n                state: { type: \"string\" },\n                cycle_number: { type: \"integer\" },\n                assignee: { type: \"string\" },\n              },\n            },\n          },\n        },\n      },\n    },\n  };\n\n  async sync(ctx: SyncContext): Promise {\n    const config = ctx.config as unknown as LinearConfig;\n    if (!config?.team_id) {\n      throw new Error(\"linear-cycles: `team_id` is required\");\n    }\n\n    const checkpoint = (ctx.checkpoint as LinearCheckpoint | null) ?? {\n      updated_at: \"2000-01-01T00:00:00Z\",\n    };\n\n    const issues = await this.fetchIssues(config.team_id, checkpoint.updated_at);\n    const events: EventEnvelope[] = issues.map((issue) => ({\n      origin_id: `${issue.id}:${issue.state.name}:${issue.updatedAt}`,\n      origin_type: \"issue_state_changed\",\n      title: `${issue.identifier} ${issue.title} → ${issue.state.name}`,\n      author_name: issue.assignee?.name,\n      source_url: issue.url,\n      occurred_at: new Date(issue.updatedAt),\n      metadata: {\n        state: issue.state.name,\n        cycle_number: issue.cycle?.number,\n        assignee: issue.assignee?.name,\n      },\n    }));\n\n    const nextCursor =\n      issues.length === 0\n        ? checkpoint.updated_at\n        : issues[issues.length - 1].updatedAt;\n\n    return {\n      events,\n      checkpoint: { updated_at: nextCursor } as unknown as Record<\n        string,\n        unknown\n      >,\n      metadata: { items_found: events.length },\n    };\n  }\n\n  async execute(_ctx: ActionContext): Promise {\n    return { success: false, error: \"Actions not supported\" };\n  }\n\n  private async fetchIssues(\n    teamId: string,\n    updatedAfter: string\n  ): Promise {\n    const query = `query Cycle($teamId: ID!, $after: DateTimeOrDuration!, $first: Int!) {\n      issues(\n        first: $first,\n        filter: { team: { id: { eq: $teamId } }, updatedAt: { gt: $after }, cycle: { isActive: { eq: true } } },\n        orderBy: updatedAt\n      ) {\n        nodes {\n          id identifier title url updatedAt\n          state { name type }\n          cycle { id name number }\n          assignee { name }\n        }\n      }\n    }`;\n    const response = await fetch(ENDPOINT, {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({\n        query,\n        variables: { teamId, after: updatedAfter, first: PAGE_SIZE },\n      }),\n    });\n    if (!response.ok) {\n      throw new Error(`Linear ${response.status}: ${response.statusText}`);\n    }\n    const body = (await response.json()) as {\n      data?: { issues?: { nodes?: LinearIssue[] } };\n    };\n    return body.data?.issues?.nodes ?? [];\n  }\n}",
+      "path": "connectors/linear-cycles.connector.ts",
+      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/leadership/connectors/linear-cycles.connector.ts",
+      "language": "typescript"
     }
   },
   "agent-community": {
@@ -135,6 +165,12 @@
       "path": "models/reactions/opportunity-matcher.reaction.ts",
       "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/agent-community/models/reactions/opportunity-matcher.reaction.ts",
       "language": "typescript"
+    },
+    "connectorTs": {
+      "code": "/**\n * Discourse-posts connector — pulls new posts from a Discourse instance\n * (e.g. https://forum.lobu.ai) and emits one event per post so the\n * `agent-community` agent can index discussions into its knowledge graph\n * and trigger the opportunity-matcher reaction.\n *\n * Auth: a Discourse API key (header `Api-Key`) scoped to a single\n * read-only user. Workers see only the `lobu_secret_` placeholder.\n */\n\nimport {\n  type ActionContext,\n  type ActionResult,\n  type ConnectorDefinition,\n  ConnectorRuntime,\n  type EventEnvelope,\n  type SyncContext,\n  type SyncResult,\n} from \"@lobu/connector-sdk\";\n\ninterface DiscourseConfig {\n  base_url: string;\n  category_id?: number;\n}\n\ninterface DiscourseCheckpoint {\n  last_post_id: number;\n}\n\ninterface DiscoursePost {\n  id: number;\n  topic_id: number;\n  topic_slug: string;\n  username: string;\n  cooked: string;\n  created_at: string;\n  topic_title?: string;\n}\n\nconst PAGE_SIZE = 50;\n\nexport default class DiscoursePostsConnector extends ConnectorRuntime {\n  readonly definition: ConnectorDefinition = {\n    key: \"discourse-posts\",\n    name: \"Discourse posts\",\n    description: \"Pulls new posts from a Discourse community forum.\",\n    version: \"1.0.0\",\n    authSchema: {\n      methods: [\n        {\n          type: \"env\",\n          fields: [\n            { name: \"api_key\", description: \"Discourse API key\" },\n            { name: \"api_username\", description: \"Discourse API username\" },\n          ],\n        },\n      ],\n    },\n    feeds: {\n      posts: {\n        key: \"posts\",\n        name: \"Forum posts\",\n        description: \"New posts created since the last post id checkpoint.\",\n        configSchema: {\n          type: \"object\",\n          required: [\"base_url\"],\n          properties: {\n            base_url: { type: \"string\", format: \"uri\" },\n            category_id: { type: \"integer\" },\n          },\n        },\n        eventKinds: {\n          post_created: {\n            description: \"A new forum post was created.\",\n            metadataSchema: {\n              type: \"object\",\n              properties: {\n                topic_id: { type: \"integer\" },\n                topic_title: { type: \"string\" },\n                username: { type: \"string\" },\n              },\n            },\n          },\n        },\n      },\n    },\n  };\n\n  async sync(ctx: SyncContext): Promise {\n    const config = ctx.config as unknown as DiscourseConfig;\n    if (!config?.base_url) {\n      throw new Error(\"discourse-posts: `base_url` is required\");\n    }\n\n    const checkpoint = (ctx.checkpoint as DiscourseCheckpoint | null) ?? {\n      last_post_id: 0,\n    };\n    const url = `${config.base_url.replace(/\\/$/, \"\")}/posts.json?before=${checkpoint.last_post_id + PAGE_SIZE}`;\n    const posts = await this.fetchPosts(url);\n    const fresh = posts\n      .filter((p) => p.id > checkpoint.last_post_id)\n      .sort((a, b) => a.id - b.id);\n\n    const events: EventEnvelope[] = fresh.map((post) => ({\n      origin_id: String(post.id),\n      origin_type: \"post_created\",\n      title: post.topic_title ?? `Post by ${post.username}`,\n      payload_text: stripHtml(post.cooked).slice(0, 2000),\n      author_name: post.username,\n      source_url: `${config.base_url}/t/${post.topic_slug}/${post.topic_id}/${post.id}`,\n      occurred_at: new Date(post.created_at),\n      metadata: {\n        topic_id: post.topic_id,\n        topic_title: post.topic_title,\n        username: post.username,\n      },\n    }));\n\n    const nextCursor =\n      fresh.length === 0 ? checkpoint.last_post_id : fresh[fresh.length - 1].id;\n\n    return {\n      events,\n      checkpoint: { last_post_id: nextCursor } as unknown as Record<\n        string,\n        unknown\n      >,\n      metadata: { items_found: events.length },\n    };\n  }\n\n  async execute(_ctx: ActionContext): Promise {\n    return { success: false, error: \"Actions not supported\" };\n  }\n\n  private async fetchPosts(url: string): Promise {\n    const response = await fetch(url, {\n      headers: { Accept: \"application/json\" },\n    });\n    if (!response.ok) {\n      throw new Error(`Discourse ${response.status}: ${response.statusText}`);\n    }\n    const body = (await response.json()) as {\n      latest_posts?: DiscoursePost[];\n    };\n    return body.latest_posts ?? [];\n  }\n}\n\nfunction stripHtml(html: string): string {\n  return html\n    .replace(/<[^>]+>/g, \" \")\n    .replace(/\\s+/g, \" \")\n    .trim();\n}",
+      "path": "connectors/discourse-posts.connector.ts",
+      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/agent-community/connectors/discourse-posts.connector.ts",
+      "language": "typescript"
     }
   },
   "ecommerce": {
@@ -155,6 +191,12 @@
       "path": "models/schema.yaml",
       "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/ecommerce/models/schema.yaml",
       "language": "yaml"
+    },
+    "connectorTs": {
+      "code": "/**\n * Stripe-charges connector — pulls newly-succeeded Stripe charges and\n * refunds and emits one event per charge so the `ecommerce` agent can\n * populate Order entities, drive its refund-pattern dreaming watcher, and\n * close the loop with Shopify/inventory data.\n *\n * Auth: Stripe restricted key with `charges:read` + `refunds:read` scopes.\n * Keys live in the gateway secret-proxy; the worker only ever sees the\n * `lobu_secret_` placeholder.\n */\n\nimport {\n  type ActionContext,\n  type ActionResult,\n  type ConnectorDefinition,\n  ConnectorRuntime,\n  type EventEnvelope,\n  type SyncContext,\n  type SyncResult,\n} from \"@lobu/connector-sdk\";\n\ninterface StripeConfig {\n  livemode?: boolean;\n}\n\ninterface StripeCheckpoint {\n  last_created: number;\n}\n\ninterface StripeCharge {\n  id: string;\n  amount: number;\n  currency: string;\n  description?: string | null;\n  status: string;\n  paid: boolean;\n  refunded: boolean;\n  created: number;\n  receipt_email?: string;\n  customer?: string;\n}\n\nconst PAGE_SIZE = 100;\nconst ENDPOINT = \"https://api.stripe.com/v1/charges\";\n\nexport default class StripeChargesConnector extends ConnectorRuntime {\n  readonly definition: ConnectorDefinition = {\n    key: \"stripe-charges\",\n    name: \"Stripe charges\",\n    description:\n      \"Streams new charge / refund events from the Stripe API into Lobu memory.\",\n    version: \"1.0.0\",\n    authSchema: {\n      methods: [\n        {\n          type: \"env\",\n          fields: [\n            { name: \"secret_key\", description: \"Stripe restricted secret key\" },\n          ],\n        },\n      ],\n    },\n    feeds: {\n      charges: {\n        key: \"charges\",\n        name: \"Charges\",\n        description:\n          \"Succeeded charges + refunds, ordered by created timestamp.\",\n        configSchema: {\n          type: \"object\",\n          properties: {\n            livemode: { type: \"boolean\", default: true },\n          },\n        },\n        eventKinds: {\n          charge_succeeded: {\n            description: \"A charge was successfully captured.\",\n            metadataSchema: {\n              type: \"object\",\n              properties: {\n                amount: { type: \"integer\" },\n                currency: { type: \"string\" },\n                customer: { type: \"string\" },\n              },\n            },\n          },\n          charge_refunded: {\n            description: \"A charge was refunded in full or part.\",\n            metadataSchema: {\n              type: \"object\",\n              properties: {\n                amount: { type: \"integer\" },\n                currency: { type: \"string\" },\n              },\n            },\n          },\n        },\n      },\n    },\n  };\n\n  async sync(ctx: SyncContext): Promise {\n    const checkpoint = (ctx.checkpoint as StripeCheckpoint | null) ?? {\n      last_created: 0,\n    };\n    const url = `${ENDPOINT}?limit=${PAGE_SIZE}&created[gt]=${checkpoint.last_created}`;\n\n    const charges = await this.fetchCharges(url);\n    charges.sort((a, b) => a.created - b.created);\n\n    const events: EventEnvelope[] = charges.map((charge) => ({\n      origin_id: charge.refunded ? `${charge.id}:refund` : charge.id,\n      origin_type: charge.refunded ? \"charge_refunded\" : \"charge_succeeded\",\n      title: `${charge.refunded ? \"Refund\" : \"Charge\"} — ${(charge.amount / 100).toFixed(2)} ${charge.currency.toUpperCase()}`,\n      payload_text: charge.description ?? \"\",\n      author_name: charge.receipt_email,\n      source_url: `https://dashboard.stripe.com/payments/${charge.id}`,\n      occurred_at: new Date(charge.created * 1000),\n      metadata: {\n        amount: charge.amount,\n        currency: charge.currency,\n        customer: charge.customer,\n      },\n    }));\n\n    const nextCursor =\n      charges.length === 0\n        ? checkpoint.last_created\n        : charges[charges.length - 1].created;\n\n    return {\n      events,\n      checkpoint: { last_created: nextCursor } as unknown as Record<\n        string,\n        unknown\n      >,\n      metadata: { items_found: events.length },\n    };\n  }\n\n  async execute(_ctx: ActionContext): Promise {\n    return { success: false, error: \"Actions not supported\" };\n  }\n\n  private async fetchCharges(url: string): Promise {\n    const response = await fetch(url, {\n      headers: { Accept: \"application/json\" },\n    });\n    if (!response.ok) {\n      throw new Error(`Stripe ${response.status}: ${response.statusText}`);\n    }\n    const body = (await response.json()) as { data?: StripeCharge[] };\n    return body.data ?? [];\n  }\n}",
+      "path": "connectors/stripe-charges.connector.ts",
+      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/ecommerce/connectors/stripe-charges.connector.ts",
+      "language": "typescript"
     }
   },
   "market": {
@@ -181,6 +223,12 @@
       "path": "models/reactions/founder-activity-tracker.reaction.ts",
       "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/market/models/reactions/founder-activity-tracker.reaction.ts",
       "language": "typescript"
+    },
+    "connectorTs": {
+      "code": "/**\n * Exa-news-feed connector — runs an Exa neural search on a recurring\n * schedule and emits one event per fresh article. The `market` agent uses\n * the events to build Company / Funding / Person entities and to fan\n * founder-activity reactions out over Slack.\n *\n * Auth: an Exa API key (header `x-api-key`). Workers see only the secret\n * placeholder.\n */\n\nimport {\n  type ActionContext,\n  type ActionResult,\n  type ConnectorDefinition,\n  ConnectorRuntime,\n  type EventEnvelope,\n  type SyncContext,\n  type SyncResult,\n} from \"@lobu/connector-sdk\";\n\ninterface ExaConfig {\n  query: string;\n  num_results?: number;\n  include_domains?: string[];\n}\n\ninterface ExaCheckpoint {\n  seen_ids: string[];\n}\n\ninterface ExaResult {\n  id: string;\n  title?: string;\n  url: string;\n  text?: string;\n  author?: string;\n  publishedDate?: string;\n}\n\nconst MAX_DEDUP_IDS = 1000;\nconst ENDPOINT = \"https://api.exa.ai/search\";\n\nexport default class ExaNewsFeedConnector extends ConnectorRuntime {\n  readonly definition: ConnectorDefinition = {\n    key: \"exa-news-feed\",\n    name: \"Exa news feed\",\n    description:\n      \"Runs a saved Exa neural search and emits one event per fresh article.\",\n    version: \"1.0.0\",\n    authSchema: {\n      methods: [\n        {\n          type: \"env\",\n          fields: [{ name: \"api_key\", description: \"Exa API key\" }],\n        },\n      ],\n    },\n    feeds: {\n      articles: {\n        key: \"articles\",\n        name: \"Articles\",\n        description: \"Fresh articles matching the configured Exa query.\",\n        configSchema: {\n          type: \"object\",\n          required: [\"query\"],\n          properties: {\n            query: { type: \"string\", description: \"Exa search prompt\" },\n            num_results: {\n              type: \"integer\",\n              minimum: 1,\n              maximum: 100,\n              default: 20,\n            },\n            include_domains: {\n              type: \"array\",\n              items: { type: \"string\" },\n              description: \"Restrict results to these domains.\",\n            },\n          },\n        },\n        eventKinds: {\n          article_published: {\n            description: \"An article matching the saved query was published.\",\n            metadataSchema: {\n              type: \"object\",\n              properties: {\n                url: { type: \"string\" },\n                author: { type: \"string\" },\n              },\n            },\n          },\n        },\n      },\n    },\n  };\n\n  async sync(ctx: SyncContext): Promise {\n    const config = ctx.config as unknown as ExaConfig;\n    if (!config?.query) {\n      throw new Error(\"exa-news-feed: `query` is required\");\n    }\n\n    const checkpoint = (ctx.checkpoint as ExaCheckpoint | null) ?? {\n      seen_ids: [],\n    };\n    const seen = new Set(checkpoint.seen_ids ?? []);\n\n    const results = await this.search(config);\n    const newIds: string[] = [];\n    const events: EventEnvelope[] = [];\n    for (const result of results) {\n      if (!result.id || seen.has(result.id)) continue;\n      seen.add(result.id);\n      newIds.push(result.id);\n      events.push({\n        origin_id: result.id,\n        origin_type: \"article_published\",\n        title: result.title ?? result.url,\n        payload_text: (result.text ?? \"\").slice(0, 3000),\n        author_name: result.author,\n        source_url: result.url,\n        occurred_at: result.publishedDate\n          ? new Date(result.publishedDate)\n          : new Date(),\n        metadata: {\n          url: result.url,\n          author: result.author,\n        },\n      });\n    }\n\n    const allKnown = [...(checkpoint.seen_ids ?? []), ...newIds];\n    const trimmed = allKnown.slice(-MAX_DEDUP_IDS);\n\n    return {\n      events,\n      checkpoint: { seen_ids: trimmed } as unknown as Record,\n      metadata: { items_found: events.length },\n    };\n  }\n\n  async execute(_ctx: ActionContext): Promise {\n    return { success: false, error: \"Actions not supported\" };\n  }\n\n  private async search(config: ExaConfig): Promise {\n    const response = await fetch(ENDPOINT, {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Accept: \"application/json\",\n      },\n      body: JSON.stringify({\n        query: config.query,\n        numResults: config.num_results ?? 20,\n        includeDomains: config.include_domains,\n        contents: { text: { maxCharacters: 3000 } },\n      }),\n    });\n    if (!response.ok) {\n      throw new Error(`Exa ${response.status}: ${response.statusText}`);\n    }\n    const body = (await response.json()) as { results?: ExaResult[] };\n    return body.results ?? [];\n  }\n}",
+      "path": "connectors/exa-news-feed.connector.ts",
+      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/market/connectors/exa-news-feed.connector.ts",
+      "language": "typescript"
     }
   }
 }

From 6a4c2a0bd4d784f707f082f1193147009cdb53be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 16:33:20 +0100
Subject: [PATCH 04/66] feat(landing): rebuild home page around dev primitives
 + use-case pivot

Replaces the 3-stage HeroProductCard flow with a Notion-style dev-focused
home page mirroring the structure in tmp/lobu-mockup.html:

  Hero (copy-prompt CTA + Claude Code terminal demo)
  -> 3-box ArchitectureDiagram (External / Lobu / Memory)
  -> 'TypeScript + Postgres' pull-quote
  -> 'Three shapes' use-case grid
  -> Use-case pivot strip (8 tabs)
  -> Connectors  (code: connectorTs)
  -> Memory      (code: memorySchemaYaml)
  -> Watchers    (code: watcherYaml + WebhookFanDiagram)
  -> Agents      (code: agentToml + reactionTs)
  -> Run anywhere (3 cards)
  -> CTA + latest blog + footer

New components:
- WebhookFanDiagram: SVG fan-in/fan-out built from a per-use-case
  triggers + actions table; highlights one hot path
- ArchitectureDiagram rewritten as three monospace boxes
- LandingPage drives 4 product sections from
  generated/use-case-snippets.json (real example// source)

Preserves Nav, Footer, CTA, LatestBlogPosts.
---
 .../quickbooks-transactions.connector.ts      |    3 +-
 .../connectors/linear-cycles.connector.ts     |    5 +-
 .../landing/scripts/gen-landing-snippets.ts   |   12 +-
 .../src/components/ArchitectureDiagram.tsx    |  676 ++--------
 .../src/components/ArchitectureSection.tsx    |    7 +-
 .../landing/src/components/LandingPage.tsx    | 1187 ++++++++++++++++-
 .../src/components/WebhookFanDiagram.tsx      |  363 +++++
 .../src/generated/use-case-snippets.json      |    4 +-
 8 files changed, 1617 insertions(+), 640 deletions(-)
 create mode 100644 packages/landing/src/components/WebhookFanDiagram.tsx

diff --git a/examples/finance/connectors/quickbooks-transactions.connector.ts b/examples/finance/connectors/quickbooks-transactions.connector.ts
index df1f53635..2d3003743 100644
--- a/examples/finance/connectors/quickbooks-transactions.connector.ts
+++ b/examples/finance/connectors/quickbooks-transactions.connector.ts
@@ -44,8 +44,7 @@ export default class QuickBooksTransactionsConnector extends ConnectorRuntime {
   readonly definition: ConnectorDefinition = {
     key: "quickbooks-transactions",
     name: "QuickBooks transactions",
-    description:
-      "Streams new bank-feed transactions out of QuickBooks Online.",
+    description: "Streams new bank-feed transactions out of QuickBooks Online.",
     version: "1.0.0",
     authSchema: { methods: [{ type: "oauth", provider: "intuit" }] },
     feeds: {
diff --git a/examples/leadership/connectors/linear-cycles.connector.ts b/examples/leadership/connectors/linear-cycles.connector.ts
index 7855dec35..3874a7682 100644
--- a/examples/leadership/connectors/linear-cycles.connector.ts
+++ b/examples/leadership/connectors/linear-cycles.connector.ts
@@ -88,7 +88,10 @@ export default class LinearCyclesConnector extends ConnectorRuntime {
       updated_at: "2000-01-01T00:00:00Z",
     };
 
-    const issues = await this.fetchIssues(config.team_id, checkpoint.updated_at);
+    const issues = await this.fetchIssues(
+      config.team_id,
+      checkpoint.updated_at
+    );
     const events: EventEnvelope[] = issues.map((issue) => ({
       origin_id: `${issue.id}:${issue.state.name}:${issue.updatedAt}`,
       origin_type: "issue_state_changed",
diff --git a/packages/landing/scripts/gen-landing-snippets.ts b/packages/landing/scripts/gen-landing-snippets.ts
index 2659d1043..d4a54fb08 100644
--- a/packages/landing/scripts/gen-landing-snippets.ts
+++ b/packages/landing/scripts/gen-landing-snippets.ts
@@ -141,12 +141,7 @@ function buildForUseCase(useCase: string): UseCaseSnippets {
     throw new Error(`Missing ${schemaPath}`);
   }
 
-  const agentToml = buildSnippet(
-    useCase,
-    tomlPath,
-    "lobu.toml",
-    "toml"
-  );
+  const agentToml = buildSnippet(useCase, tomlPath, "lobu.toml", "toml");
 
   const memorySchemaYaml = buildSnippet(
     useCase,
@@ -174,10 +169,7 @@ function buildForUseCase(useCase: string): UseCaseSnippets {
     reactionTs = buildSnippet(useCase, reactionPath, rel, "typescript");
   }
 
-  const connectorPath = firstFile(
-    resolve(root, "connectors"),
-    ".connector.ts"
-  );
+  const connectorPath = firstFile(resolve(root, "connectors"), ".connector.ts");
   let connectorTs: Snippet | undefined;
   if (connectorPath) {
     const rel = `connectors/${connectorPath.split("/").pop()}`;
diff --git a/packages/landing/src/components/ArchitectureDiagram.tsx b/packages/landing/src/components/ArchitectureDiagram.tsx
index 72b202a41..de0039d88 100644
--- a/packages/landing/src/components/ArchitectureDiagram.tsx
+++ b/packages/landing/src/components/ArchitectureDiagram.tsx
@@ -1,606 +1,174 @@
-import type { LandingUseCaseId } from "../use-case-definitions";
 import { messagingChannels } from "./platforms";
 
-const gatewayLayer = {
-  label: "Lobu",
-  sublabel: "Control Plane",
-  features: [
-    "Workers never see secrets",
-    "HTTP proxy with domain allowlist",
-    "MCP proxy with per-user OAuth",
-    "BYO provider keys (Anthropic etc.)",
-  ],
-};
-
-const runtimeLayer = {
-  label: "OpenClaw Runtime",
-  sublabel: "per-user isolation",
-  features: [
-    "One sandbox per user and channel",
-    "Subprocess isolation with just-bash virtual filesystems",
-    "systemd-run hardening on Linux production hosts",
-    "No direct internet access (gateway proxy only)",
-    "Nix reproducible environments",
-    "OpenTelemetry for observability",
-  ],
-};
-
-function Arrow() {
+/**
+ * Lightweight three-box architecture diagram for the dev-focused landing
+ * page. Mirrors the mockup's monospace pattern (external platforms ↔ Lobu
+ * control plane + worker fleet ↔ company context / memory) while keeping the
+ * existing warm Lobu palette. Replaces the older multi-card / feature-pill
+ * variant — the rest of the page covers each surface in depth.
+ */
+export function ArchitectureDiagram() {
   return (
-    
+      

+        
+        
+        
+        
+        
+      

+    
   );
 }
 
-function FeatureList({
-  features,
-  accent,
-}: {
-  features: string[];
-  accent?: boolean;
+function BoxFrame(props: {
+  eyebrow: string;
+  title: string;
+  children?: preact.ComponentChildren;
 }) {
   return (
-    
    
-      {features.map((f) => (
-        
  • 
-          
-          {f}
-        
    • 
-      ))}
-    

+    

+      

+        {props.eyebrow}
+      

+      

+        {props.title}
+      

+      

+        {props.children}
+      

+    

   );
 }
 
-function PlatformColumn() {
+function ExternalPlatformsBox() {
   return (
-    

-      

-        Messaging platforms
-      

-      

-        {messagingChannels.map((channel) => (
-          

-            
+    
+      
    
+        {messagingChannels.slice(0, 6).map((channel) => (
+          
  • 
+            
-            
    
-              
    
-                {channel.label}
-              
    
-              
    
-                {channel.detail}
-              
    
-            
    
-          

+            {channel.label}
+          
         ))}
+      
+      

+        + GitHub, Linear, Stripe, Gmail, Notion…
       

-      
-    

+    
   );
 }
 
-const gatewayBadges = [
-  {
-    label: "Secrets",
-    href: "/guides/security/",
-    icon: (
-      
-    ),
-  },
-  {
-    label: "Single Sign-On (IdP)",
-    href: null,
-    icon: (
-      
-    ),
-  },
-  {
-    label: "Skill Registry",
-    href: "/getting-started/skills/",
-    icon: (
-      
-    ),
-  },
-  {
-    label: "Traces",
-    href: "/guides/observability/",
-    icon: (
-      
-    ),
-  },
-  {
-    label: "Sandboxing",
-    href: "/guides/security/",
-    icon: (
-      
-    ),
-  },
-];
-
-function GatewayColumn({ useCaseId }: { useCaseId?: LandingUseCaseId }) {
+function LobuBox() {
   return (
-    

+    

       

-        Bring your own agent
+        Lobu
       

-      
-      }
-      />
-      
       

-        

-          {gatewayLayer.label}
-        

-        

-          {gatewayLayer.sublabel}
-        

-        

-          {gatewayBadges.map((badge) => {
-            const cls =
-              "inline-flex items-center gap-1 rounded-full px-2 py-0.5 transition-colors";
-            const style = {
-              backgroundColor: "var(--color-page-surface-dim)",
-              border: "1px solid var(--color-page-border)",
-              color: "var(--color-page-text)",
-            };
-            const inner = (
-              <>
-                {badge.icon}
-                
-                  {badge.label}
-                
-              
-            );
-            return badge.href ? (
-              
-                {inner}
-              
-            ) : (
-              

-                {inner}
-              

-            );
-          })}
-        

+        CLI · MCP · API · SDK
       

-      
-    

-  );
-}
-
-function RuntimeColumn() {
-  return (
-    

       

-        Equip your agent
+        
+        
       

-      }
-      />
-      
-      

-        {["User A", "User B", "User C"].map((user, i) => (
-          

-            

-              

-                {runtimeLayer.label}
-              

-              

-                {user}
-              

-            

-            
-              isolated
-            
-          

-        ))}
+      

+        Postgres + pgvector — the only external dependency
       

-      
     

   );
 }
 
-function MemoryIcon({ size = 12 }: { size?: number }) {
+function SubBox(props: { label: string; lines: string[] }) {
   return (
-    
-  );
-}
-
-function SkillsIcon({ size = 12 }: { size?: number }) {
-  return (
-    
-  );
-}
-
-function AttachmentPill({
-  label,
-  href,
-  icon,
-}: {
-  label: string;
-  href: string;
-  icon: JSX.Element;
-}) {
-  return (
-    
-      {icon}
-      
-        {label}
-      
-    
-  );
-}
-
-function DashedConnector() {
-  return (
-    
-  );
-}
-
-function ChatGPTIcon({ size = 12 }: { size?: number }) {
-  return (
-    
-  );
-}
-
-function ClaudeIcon({ size = 12 }: { size?: number }) {
-  return (
-    
+      

+        {props.label}
+      

+      
    
+        {props.lines.map((line) => (
+          
  • {line}
    • 
+        ))}
+      

+    

   );
 }
 
-function OpenClawIcon({ size = 12 }: { size?: number }) {
+function MemoryBox() {
   return (
-    
+    
+      
    
+        
  • events (append-only)
    • 
+        
  • entities & relationships
    • 
+        
  • watchers (reactive + cron)
    • 
+        
  • vectors (pgvector)
    • 
+        
  • multi-tenant by org / user
    • 
+      

+    
   );
 }
 
-function McpClientIcon({ size = 12 }: { size?: number }) {
+function ArrowLabel(props: { top: string; bottom: string }) {
   return (
-    
-  );
-}
-
-const agents: {
-  id: "chatgpt" | "claude" | "openclaw" | "mcp-client";
-  label: string;
-  detail: string;
-  href: string;
-  renderIcon: (size?: number) => JSX.Element;
-  useCaseSuffix: boolean;
-}[] = [
-  {
-    id: "chatgpt",
-    label: "ChatGPT",
-    detail: "MCP connector",
-    href: "/connect-from/chatgpt/",
-    renderIcon: (size) => ,
-    useCaseSuffix: true,
-  },
-  {
-    id: "claude",
-    label: "Claude",
-    detail: "MCP connector",
-    href: "/connect-from/claude/",
-    renderIcon: (size) => ,
-    useCaseSuffix: true,
-  },
-  {
-    id: "openclaw",
-    label: "OpenClaw",
-    detail: "plugin",
-    href: "/connect-from/openclaw/",
-    renderIcon: (size) => ,
-    useCaseSuffix: true,
-  },
-  {
-    id: "mcp-client",
-    label: "Your MCP client",
-    detail: "any MCP-capable agent",
-    href: "/getting-started/memory/",
-    renderIcon: (size) => ,
-    useCaseSuffix: false,
-  },
-];
-
-function AgentStack({ useCaseId }: { useCaseId?: LandingUseCaseId }) {
-  const suffix = useCaseId ? `for/${useCaseId}/` : "";
-  return (
-    

-      {agents.map((agent) => (
-        
-          
-            {agent.renderIcon(12)}
-          
-          

-            

-              {agent.label}
-            

-            

-              {agent.detail}
-            

-          

-        
-      ))}
-    

-  );
-}
-
-export function ArchitectureDiagram({
-  useCaseId,
-}: {
-  useCaseId?: LandingUseCaseId;
-} = {}) {
-  return (
-    

-      
-      
-      
-      
-      
+      {props.top}
+      
+      
+      {props.bottom}
     

   );
 }
diff --git a/packages/landing/src/components/ArchitectureSection.tsx b/packages/landing/src/components/ArchitectureSection.tsx
index 17dd3a6f6..eed1ab1fa 100644
--- a/packages/landing/src/components/ArchitectureSection.tsx
+++ b/packages/landing/src/components/ArchitectureSection.tsx
@@ -1,9 +1,6 @@
-import type { LandingUseCaseId } from "../use-case-definitions";
 import { ArchitectureDiagram } from "./ArchitectureDiagram";
 
-export function ArchitectureSection(props: {
-  activeUseCaseId?: LandingUseCaseId;
-}) {
+export function ArchitectureSection() {
   return (
     

           

-            
+            
           

         

       

diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index 89beb8b49..e449c9d92 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -1,94 +1,1149 @@
 import { useState } from "preact/hooks";
+import snippetsManifest from "../generated/use-case-snippets.json";
 import type { LandingUseCaseId } from "../use-case-definitions";
 import {
   DEFAULT_LANDING_USE_CASE_ID,
   getLobuBaseUrl,
-  getLobuUrl,
-  type SurfaceHeroCopy,
 } from "../use-case-showcases";
-import { ArchitectureSection } from "./ArchitectureSection";
+import { ArchitectureDiagram } from "./ArchitectureDiagram";
+import { CodeBlock, type CodeSnippet } from "./CodeBlock";
 import { CTA } from "./CTA";
-import { FeatureBlock } from "./FeatureBlock";
-import { SharedMemoryGraphic, SkillsGraphic } from "./FeatureGraphics";
-import { HeroProductCard } from "./HeroProductCard";
-import { HeroSection, type HeroStageId } from "./HeroSection";
 import { LatestBlogPosts, type LatestBlogPost } from "./LatestBlogPosts";
+import { WebhookFanDiagram } from "./WebhookFanDiagram";
+
+type UseCaseSnippets = {
+  agentToml: CodeSnippet;
+  memorySchemaYaml: CodeSnippet;
+  watcherYaml: CodeSnippet;
+  connectorTs?: CodeSnippet;
+  reactionTs?: CodeSnippet;
+};
+
+const snippets = snippetsManifest as Record;
+
+const PIVOT_USE_CASES: Array<{ id: LandingUseCaseId; label: string }> = [
+  { id: "sales", label: "Sales" },
+  { id: "finance", label: "Finance" },
+  { id: "legal", label: "Legal" },
+  { id: "delivery", label: "Delivery" },
+  { id: "leadership", label: "Leadership" },
+  { id: "ecommerce", label: "Ecommerce" },
+  { id: "agent-community", label: "Community" },
+  { id: "market", label: "Market" },
+];
+
+const SETUP_PROMPT = `Build me a working Lobu agent end-to-end. Lobu is an open-source event-sourced backend for AI agents (connectors emit events, memory keeps the structured record, agents react in real time and dream on cron).
+
+Repo: https://github.com/lobu-ai/lobu
+Docs: https://lobu.ai/docs/
+
+Phase 1 — Environment
+1. Verify Node 22-24 and Postgres+pgvector are available; install if missing.
+2. Clone https://github.com/lobu-ai/lobu, run \`bun install\`, copy \`.env.example\` to \`.env\` and fill in DATABASE_URL + a model API key (Anthropic / OpenAI / Z.ai — your choice).
+3. Run \`make dev\` to boot the gateway + workers on :8787. Confirm the web UI loads.
+
+Phase 2 — Interview me
+Ask short, concrete questions one at a time:
+  - What is the agent for? (one sentence)
+  - Who uses it? (just me / my team / customers each with their own data)
+  - What does it need to remember? (we'll turn this into 1-3 entity types in models/schema.yaml)
+  - Where does the data come from? (Slack, Gmail, GitHub, Linear, Stripe, a CSV — pick 1 to start)
+  - Where do people talk to it? (Slack, Telegram, web, MCP-only)
+  - What should it do on a schedule, if anything? (1 dreaming watcher max for v1)
+
+Phase 3 — Scaffold and run
+Based on my answers, generate the project:
+  - lobu.toml with one agent + provider + memory pointer
+  - models/schema.yaml with entity types + (optional) one watcher with cron + extraction_schema
+  - connectors/.yaml for the chosen data source
+  - models/reactions/.reaction.ts for the watcher's reaction
+
+Boot the agent locally, send a test message via the chosen channel, confirm the agent replies and the watcher fires. Show me the memory event that was written.
+
+Rules: pause at every real decision (connector choice, model provider, OAuth flow, schedule cadence) and ask me. Don't fake credentials — if a real OAuth or API key is needed, walk me through getting it. Cite docs links instead of guessing.`;
+
+const GITHUB_URL = "https://github.com/lobu-ai/lobu";
 
 export function LandingPage(props: {
   defaultUseCaseId?: LandingUseCaseId;
-  heroCopy?: SurfaceHeroCopy;
   latestPosts?: LatestBlogPost[];
 }) {
-  const [activeUseCaseId] = useState(
+  const [activeUseCaseId, setActiveUseCaseId] = useState(
     props.defaultUseCaseId ?? DEFAULT_LANDING_USE_CASE_ID
   );
-  const [activeStage, setActiveStage] = useState("integrate");
-  const [autoAdvance, setAutoAdvance] = useState(true);
-  const startUrl = props.defaultUseCaseId
-    ? getLobuUrl(activeUseCaseId)
-    : getLobuBaseUrl();
-
-  const handleStageChange = (id: HeroStageId) => {
-    setAutoAdvance(false);
-    setActiveStage(id);
-  };
+  const active = snippets[activeUseCaseId] ?? snippets.sales;
 
   return (
     <>
-      
+      
+        
+      
+      
+      
+       setAutoAdvance(false)}
-        heroCopy={props.heroCopy}
-        startUrl={startUrl}
+        onChange={setActiveUseCaseId}
       />
+      
+      
+      
+      
+      
+      
+      {props.latestPosts?.length ? (
+        
+      ) : null}
+    
+  );
+}
+
+/* -------------------------------------------------------------------------- */
+/*  Layout helpers                                                            */
+/* -------------------------------------------------------------------------- */
+
+function Container(props: {
+  children: preact.ComponentChildren;
+  className?: string;
+}) {
+  return (
+    

+      {props.children}
+    

+  );
+}
+
+function Eyebrow(props: { children: preact.ComponentChildren }) {
+  return (
+    

+      {props.children}
+    

+  );
+}
+
+function SectionHeading(props: {
+  children: preact.ComponentChildren;
+  className?: string;
+}) {
+  return (
+    

+      {props.children}
+    

+  );
+}
+
+function Callout(props: { children: preact.ComponentChildren }) {
+  return (
+    

+      {props.children}
+    

+  );
+}
+
+/* -------------------------------------------------------------------------- */
+/*  Hero                                                                      */
+/* -------------------------------------------------------------------------- */
+
+function Hero() {
+  const [copied, setCopied] = useState(false);
+
+  const onCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(SETUP_PROMPT);
+      setCopied(true);
+      window.setTimeout(() => setCopied(false), 2200);
+    } catch {
+      setCopied(false);
+    }
+  };
 
-      

-        
-      

-
-      

+      
+        
+          Open source · TypeScript · Postgres · Multi-tenant · BYO model
+        
+        

+          
+            Proactive
+          {" "}
+          AI agents on
+          

+          
+            self-building
+          {" "}
+          knowledge graph.
+        

+        

+          Connectors emit events. Watchers structure them into memory. Agents
+          act on prompts, events, or cron. Open source, multi-tenant, BYO
+          model.
+        

+        

+          
+          
+            
+            View on GitHub
+          
+        

+        

+          or paste the prompt into{" "}
+          claude code,{" "}
+          cursor, or{" "}
+          opencode — it'll scaffold the project
+          for you
+        

+        
+        

+          
+            Paste the prompt. Claude Code scaffolds everything:
+          {" "}
+          connectors, schema, watcher, reaction.
+        

+      
+    

+  );
+}
+
+function CopyIcon(props: { copied: boolean }) {
+  return props.copied ? (
+    
+  ) : (
+    
+  );
+}
+
+function GithubIcon() {
+  return (
+    
+  );
+}
+
+function HeroTerminalDemo() {
+  return (
+    

+      

+        
+        
+        
+        claude code · scaffold lobu agent
+      

+      
-        }
-        />
-      
-
-      
~/projects/lobu-agent $ claude
+        {"\n"}
+        ▸ Paste the Lobu setup prompt below, then press Enter.
+        {"\n"}
+        Build me a working Lobu agent end-to-end…
+        {"\n"}
+        ▼ thinking{" "}
+        (reading lobu.ai/docs/getting-started)
+        {"\n"}
+        ✓ Created{" "}
+        lobu.toml{" "}
+        (agent + provider + memory)
+        {"\n"}
+        ✓ Created{" "}
+        models/schema.yaml{" "}
+        (3 entity types, 1 watcher)
+        {"\n"}
+        ✓ Created{" "}
+        connectors/linear.yaml
+        {"\n"}
+        ✓ Created{" "}
+        models/reactions/triage.reaction.ts
+        {"\n"}
+        ▸ Run{" "}
+        lobu run to start.
+      

+    

+  );
+}
+
+/* -------------------------------------------------------------------------- */
+/*  Static sections                                                           */
+/* -------------------------------------------------------------------------- */
+
+function PullQuote() {
+  return (
+    

+      
+        

+          If you know{" "}
+          
+            TypeScript
+          {" "}
+          and{" "}
+          
+            Postgres
+          
+          , you know Lobu.
+        

+        

+          No new language. No proprietary DSL. No vector DB. No Kafka, no Redis,
+          no Kubernetes operator. Watchers and connectors are YAML; reactions
+          and custom connectors are TypeScript; everything lives in Postgres.
+        

+      
+    

+  );
+}
+
+function UseCaseGrid() {
+  const cards: Array<{
+    eyebrow: string;
+    title: string;
+    body: preact.ComponentChildren;
+    snippetLines: Array;
+    link: { href: string; label: string };
+  }> = [
+    {
+      eyebrow: "For your team",
+      title: "An internal Slack bot.",
+      body: (
+        <>
+          Lunch ordering, Linear triage, standup digests. One-click{" "}
+          "Add to Slack" wires the bot live. Same agent ships to
+          Telegram, Discord, or MS Teams.
+        
+      ),
+      snippetLines: [
+        <>
+          ${" "}
+          lobu apply
+        ,
+        <>
+          →{" "}
+          agent: lunch ready
+        ,
+        <>
+          →{" "}
+          click{" "}
+          
+            "Add to Slack"
+          
+        ,
+      ],
+      link: {
+        href: "https://github.com/lobu-ai/lobu/tree/main/examples/office-bot",
+        label: "See office-bot example",
+      },
+    },
+    {
+      eyebrow: "For your org",
+      title: "A knowledge graph from your team's data.",
+      body: (
+        <>
+          Pull from Slack, Notion, Gmail, GitHub, Linear. Declare entity types
+          once. Dreaming watchers deepen the graph nightly. No manual ETL.
+        
+      ),
+      snippetLines: [
+        # models/schema.yaml,
+        <>
+          entities:
+        ,
+        <>
+          {"  - "}
+          slug:{" "}
+          customer
+        ,
+        <>
+          {"  - "}
+          slug:{" "}
+          incident
+        ,
+        <>
+          {"  - "}
+          slug:{" "}
+          order
+        ,
+      ],
+      link: {
+        href: "https://github.com/lobu-ai/lobu/tree/main/examples/lobu-crm",
+        label: "See lobu-crm example",
+      },
+    },
+    {
+      eyebrow: "For your users",
+      title: "An agent inside your product.",
+      body: (
+        <>
+          Sandbox + memory per customer. Per-user OAuth, workers never see the
+          tokens. Integrate via HTTP API or MCP.
+        
+      ),
+      snippetLines: [
+        POST /agents/assistant/run,
+        <>
+          x-lobu-user:{" "}
+          "acme_user_42"
+        ,
+      ],
+      link: { href: "/getting-started/", label: "See multi-tenant SDK" },
+    },
+  ];
+
+  return (
+    

+      
+        

+          What you'd build
+          
+            Three shapes. One platform.
+          
+        

+        

+          {cards.map((card) => (
+            

+              

+                {card.eyebrow}
+              

+              

+                {card.title}
+              

+              

+                {card.body}
+              

+              
+                {card.snippetLines.map((line, i) => (
+                  
+                    {line}
+                  
+                ))}
+              

+              
+                {card.link.label} →
+              
+            

+          ))}
+        

+      
+    

+  );
+}
+
+/* -------------------------------------------------------------------------- */
+/*  Use-case pivot                                                            */
+/* -------------------------------------------------------------------------- */
+
+function UseCasePivot(props: {
+  activeUseCaseId: LandingUseCaseId;
+  onChange: (id: LandingUseCaseId) => void;
+}) {
+  return (
+    
+      

+        Same primitives, every domain
+        
+          Pick a use case. Every code panel changes.
+        
+        

+          The connectors, memory schema, watcher, and agent config below are
+          read straight from examples/<id>/{" "}
+          in the repo.
+        

+      

+      

-        }
-          reverse
-        />
-      
+        {PIVOT_USE_CASES.map((uc) => {
+          const active = uc.id === props.activeUseCaseId;
+          return (
+            
+          );
+        })}
+      

+    
+  );
+}
 
-      
+/* -------------------------------------------------------------------------- */
+/*  Product sections (Connectors / Memory / Watchers / Agents)               */
+/* -------------------------------------------------------------------------- */
 
-      
+type ProductSectionProps = {
+  useCase: UseCaseSnippets;
+  useCaseId: LandingUseCaseId;
+};
 
-      {props.latestPosts?.length ? (
-        
-      ) : null}
-    
+function ProductGrid(props: {
+  reverse?: boolean;
+  text: preact.ComponentChildren;
+  code: preact.ComponentChildren;
+}) {
+  return (
+    

+      {props.reverse ? (
+        <>
+          
{props.code}

+          
{props.text}

+        
+      ) : (
+        <>
+          
{props.text}

+          
{props.code}

+        
+      )}
+    

+  );
+}
+
+function FeatureList(props: { items: Array }) {
+  return (
+    
    
+      {props.items.map((item, i) => (
+        
  • 
+          
+          {item}
+        
    • 
+      ))}
+    

+  );
+}
+
+function ProductLink(props: { href: string; children: preact.ComponentChildren }) {
+  return (
+    
+      {props.children} →
+    
+  );
+}
+
+function ConnectorsSection({ useCase }: ProductSectionProps) {
+  return (
+    
+      
+            Connectors
+            
+              One event stream for everything your team produces.
+            
+            

+              YAML to configure. TypeScript to extend, via{" "}
+              @lobu/connector-sdk.
+              Every connector emits typed events into one stream.
+            

+            
+                  On-device collection — paired Chrome and macOS
+                  connectors capture local context no cloud agent can see.
+                ,
+                <>
+                  Multi-tenant OAuth — each user signs in with their own
+                  account; workers never see the token.
+                ,
+                <>
+                  Durable checkpointing — connectors resume from the last
+                  cursor after restart. No missed events.
+                ,
+                <>
+                  MCP proxy — wrap any MCP server (Stripe, GitHub,
+                  internal) as a Lobu connector.
+                ,
+                <>
+                  Custom in TypeScript — drop a{" "}
+                  *.connector.ts in
+                  your repo,{" "}
+                  lobu apply picks it
+                  up.
+                ,
+              ]}
+            />
+            
+              Read the connector-sdk docs
+            
+          
+        }
+        code={
+          

+            {useCase.connectorTs ? (
+              
+            ) : (
+              

+                Custom TypeScript connector example coming soon for this use
+                case.
+              

+            )}
+            
+              Workers never see secrets. Tokens stay in the gateway's
+              secret-proxy. Outbound calls swap{" "}
+              lobu_secret_…{" "}
+              placeholders at the edge.
+            
+          

+        }
+      />
+    
+  );
+}
+
+function MemorySection({ useCase }: ProductSectionProps) {
+  return (
+    
+      
+            Memory
+            
+              An event-sourced database for AI agents.
+            
+            

+              Declare entity types in YAML. Lobu stores them as append-only
+              events with full audit. Multi-tenant by default — agents see only
+              their scope.
+            

+            
+                  Entity types & relationships — declare what your
+                  agent should remember; link entities to build a graph.
+                ,
+                <>
+                  Event-sourced & append-only — every fact is an
+                  event. Tombstones supersede; nothing is destroyed.
+                ,
+                <>
+                  Agent-assisted modeling — paste the setup prompt into
+                  Claude Code or Cursor; it interviews you and drafts{" "}
+                  schema.yaml.
+                ,
+                <>
+                  Per-user / per-org isolation — your agents only see the
+                  memory they're scoped to.
+                ,
+              ]}
+            />
+            
+              Read the memory guide
+            
+          
+        }
+        code={
+          

+            
+            
+              Append-only. Every fact is an event. History is
+              recoverable; audits are real.{" "}
+              
+                save_knowledge(supersedes_event_id=…)
+              {" "}
+              is the only sanctioned way to "delete."
+            
+          

+        }
+      />
+    
+  );
+}
+
+function WatchersSection({ useCase, useCaseId }: ProductSectionProps) {
+  return (
+    
+      
+            Watchers
+            Turn events into memory. With prompts.
+            

+              A watcher is a prompt +{" "}
+              extraction_schema. Lobu
+              runs the LLM, validates, and persists the output to memory.{" "}
+              No application code — fire on events, or run on cron.
+            

+            
+                  Reactive — fires on the event stream (e.g.{" "}
+                  linear.issue.created).
+                ,
+                <>
+                  Dreaming — runs on cron. Aggregates yesterday's events
+                  into higher-level entities while your team sleeps.
+                ,
+                <>
+                  No-code ETL — the prompt is your transformation; the
+                  schema is your output type.
+                ,
+                <>
+                  Reactions are optional — drop in a{" "}
+                  *.reaction.ts only
+                  when you need imperative code on top.
+                ,
+                <>
+                  Auditable — every run lands as events in the durable
+                  log.
+                ,
+              ]}
+            />
+            
+              Read the watchers guide
+            
+          
+        }
+        code={
+          

+            
+            
+            
+              Your agents get smarter every night. Same primitive, two
+              triggers — an event or a cron. The framework persists the
+              extraction.
+            
+          

+        }
+      />
+    
+  );
+}
+
+function AgentsSection({ useCase }: ProductSectionProps) {
+  return (
+    
+      
+            Agents
+            One agent. Every chat surface.
+            

+              Declare your agent in{" "}
+              lobu.toml — provider,
+              model, skills, platforms. Same agent across Slack, Telegram,
+              Discord, MS Teams, WhatsApp, HTTP API, MCP.
+            

+            
+                  Ship anywhere — one config, every surface.
+                ,
+                <>
+                  BYO model — Anthropic, OpenAI, Z.ai, OpenRouter, your
+                  own.
+                ,
+                <>
+                  Per-user isolation — workers scoped by user/channel.
+                  Secrets stay in the proxy.
+                ,
+                <>
+                  Durable & audited — every agent action is an event
+                  in the log.
+                ,
+              ]}
+            />
+            
+              Read the agents guide
+            
+          
+        }
+        code={
+          

+            
+            {useCase.reactionTs ? (
+              
+            ) : null}
+            
+              Reactions are optional. The default path (no reaction
+              script) writes the LLM extraction to memory. Add a reaction only
+              when you need to call actions, post messages, or branch on the
+              result.
+            
+          

+        }
+      />
+    
+  );
+}
+
+/* -------------------------------------------------------------------------- */
+/*  Run anywhere                                                              */
+/* -------------------------------------------------------------------------- */
+
+function RunAnywhereSection() {
+  const cards: Array<{
+    eyebrow: string;
+    title: string;
+    body: preact.ComponentChildren;
+    code: preact.ComponentChildren;
+  }> = [
+    {
+      eyebrow: "Local",
+      title: "Embedded, single process.",
+      body: (
+        <>
+          Gateway, workers, memory, embeddings — all in one Node process.
+          Postgres is the only external.
+        
+      ),
+      code: (
+        <>
+          ${" "}
+          lobu run{"\n"}
+          →{" "}
+          gateway{"   "}
+          :8787
+          {"\n"}
+          →{" "}
+          worker{"    "}
+          
+            pid=72341
+          
+          {"\n"}
+          →{" "}
+          memory{"    "}
+          
+            2 entities
+          
+          {"\n"}
+          →{" "}
+          watchers{"  "}
+          
+            1 armed
+          
+        
+      ),
+    },
+    {
+      eyebrow: "Self-host",
+      title: "Docker. Helm. Your cloud.",
+      body: (
+        <>
+          Helm chart and Dockerfiles in the repo (
+          charts/lobu/,{" "}
+          docker/app/). Run on GCP,
+          AWS, Fly, Render, or bare metal.
+        
+      ),
+      code: (
+        <>
+          
+            # Kubernetes
+          
+          {"\n"}
+          ${" "}
+          helm install lobu ./charts/lobu{"\n\n"}
+          
+            # Docker
+          
+          {"\n"}
+          ${" "}
+          docker build -f docker/app/Dockerfile .
+        
+      ),
+    },
+    {
+      eyebrow: "Lobu Cloud",
+      title: "Managed runtime.",
+      body: (
+        <>
+          Same code, fully managed. Multi-tenant per-user isolation, secret
+          proxy, automatic upgrades. Usage-based pricing.
+        
+      ),
+      code: (
+        <>
+          ${" "}
+          lobu apply{"\n"}
+          →{" "}
+          org{"      "}
+          acme
+          {"\n"}
+          →{" "}
+          region{"   "}
+          
+            us-east-1
+          
+          {"\n"}
+          →{" "}
+          agents{"   "}
+          
+            1 deployed
+          
+          {"\n"}
+          →{" "}
+          gateway{"  "}
+          
+            acme.lobu.run
+          
+        
+      ),
+    },
+  ];
+  return (
+    
+      

+        Run anywhere
+        
+          Local, your cloud, or Lobu Cloud.
+        
+        

+          Same lobu.toml +{" "}
+          models/ +{" "}
+          connectors/ +{" "}
+          agents/. One command to
+          boot embedded; Docker images and a Helm chart for self-hosting; a
+          managed runtime when you want someone else to keep it up.
+        

+      

+      

+        {cards.map((card) => (
+          

+            {card.eyebrow}
+            

+              {card.title}
+            

+            

+              {card.body}
+            

+            
+              {card.code}
+            

+          

+        ))}
+      

+    
   );
 }
diff --git a/packages/landing/src/components/WebhookFanDiagram.tsx b/packages/landing/src/components/WebhookFanDiagram.tsx
new file mode 100644
index 000000000..d1c76c5d3
--- /dev/null
+++ b/packages/landing/src/components/WebhookFanDiagram.tsx
@@ -0,0 +1,363 @@
+import type { LandingUseCaseId } from "../use-case-definitions";
+
+/**
+ * Fan-in / fan-out visualisation for the Watchers section.
+ *
+ * Left column: 5 event types that the watcher fires on (or extracts from).
+ * Center: the watcher webhook handle.
+ * Right column: 5 actions / reactions the watcher emits.
+ *
+ * SVG lines connect every trigger to the center and the center to every
+ * action; one trigger + one action highlighted to suggest a hot path.
+ */
+
+type WatcherShape = {
+  watcherName: string;
+  triggers: string[];
+  actions: string[];
+};
+
+const WATCHERS: Record = {
+  legal: {
+    watcherName: "contract-clause-review",
+    triggers: [
+      "docusign.envelope.completed",
+      "gmail.message.received",
+      "drive.file.created",
+      "slack.message.created",
+      "github.pr.opened",
+    ],
+    actions: [
+      "save_knowledge(Contract)",
+      "save_knowledge(Clause)",
+      "slack.post_message(#legal)",
+      "linear.create_issue(review)",
+      "gmail.send_draft(counterparty)",
+    ],
+  },
+  finance: {
+    watcherName: "reconciliation-monitor",
+    triggers: [
+      "quickbooks.transaction.posted",
+      "stripe.charge.succeeded",
+      "ramp.expense.created",
+      "plaid.balance.refreshed",
+      "csv.upload.received",
+    ],
+    actions: [
+      "save_knowledge(Transaction)",
+      "save_knowledge(Reconciliation)",
+      "slack.post_message(#finance)",
+      "linear.create_issue(unmatched)",
+      "gmail.send_draft(vendor)",
+    ],
+  },
+  sales: {
+    watcherName: "account-health-monitor",
+    triggers: [
+      "salesforce.opportunity.updated",
+      "gong.call.ended",
+      "linear.issue.created",
+      "intercom.conversation.replied",
+      "hubspot.deal.stage_changed",
+    ],
+    actions: [
+      "save_knowledge(Opportunity)",
+      "save_knowledge(AccountHealth)",
+      "slack.post_message(#sales-pods)",
+      "salesforce.update_opportunity",
+      "gmail.send_draft(account_owner)",
+    ],
+  },
+  delivery: {
+    watcherName: "at-risk-shipment",
+    triggers: [
+      "shopify.order.fulfilled",
+      "fedex.tracking.updated",
+      "stripe.refund.created",
+      "intercom.conversation.created",
+      "gmail.message.received",
+    ],
+    actions: [
+      "save_knowledge(Shipment)",
+      "save_knowledge(Incident)",
+      "slack.post_message(#ops)",
+      "intercom.reply_message",
+      "shopify.update_order",
+    ],
+  },
+  leadership: {
+    watcherName: "weekly-execution-digest",
+    triggers: [
+      "linear.issue.state_changed",
+      "github.pr.merged",
+      "notion.doc.updated",
+      "slack.channel.summary",
+      "gcal.meeting.ended",
+    ],
+    actions: [
+      "save_knowledge(Initiative)",
+      "save_knowledge(Cycle)",
+      "slack.post_message(#leadership)",
+      "notion.append_block(digest)",
+      "linear.create_issue(blocker)",
+    ],
+  },
+  "agent-community": {
+    watcherName: "opportunity-matcher",
+    triggers: [
+      "discourse.post.created",
+      "github.discussion.opened",
+      "hackernews.story.commented",
+      "linear.issue.created",
+      "slack.message.created",
+    ],
+    actions: [
+      "save_knowledge(Member)",
+      "save_knowledge(Opportunity)",
+      "slack.dm_member(intro)",
+      "discourse.send_message",
+      "notion.append_block(roster)",
+    ],
+  },
+  ecommerce: {
+    watcherName: "refund-pattern-detector",
+    triggers: [
+      "stripe.charge.refunded",
+      "shopify.order.cancelled",
+      "intercom.conversation.tagged",
+      "gorgias.ticket.created",
+      "klaviyo.event.received",
+    ],
+    actions: [
+      "save_knowledge(Order)",
+      "save_knowledge(RefundPattern)",
+      "slack.post_message(#cx)",
+      "gorgias.reply_ticket",
+      "shopify.update_product",
+    ],
+  },
+  market: {
+    watcherName: "founder-activity-tracker",
+    triggers: [
+      "exa.article.published",
+      "x.post.from_founder",
+      "linkedin.update.posted",
+      "github.commit.pushed",
+      "crunchbase.funding.announced",
+    ],
+    actions: [
+      "save_knowledge(Founder)",
+      "save_knowledge(Signal)",
+      "slack.post_message(#deals)",
+      "notion.append_block(roster)",
+      "gmail.send_draft(intro)",
+    ],
+  },
+};
+
+export function getWatcherShape(useCaseId: LandingUseCaseId): WatcherShape {
+  return WATCHERS[useCaseId];
+}
+
+const ROW_HEIGHT = 28;
+const ROW_GAP = 8;
+const ROWS = 5;
+const COL_TRIGGER_W = 220;
+const COL_ACTION_W = 220;
+const CENTER_W = 200;
+const CENTER_H = 70;
+const SVG_GAP = 56;
+const SVG_W = COL_TRIGGER_W + SVG_GAP + CENTER_W + SVG_GAP + COL_ACTION_W;
+const SVG_H = ROWS * (ROW_HEIGHT + ROW_GAP) - ROW_GAP;
+
+export function WebhookFanDiagram(props: { useCaseId: LandingUseCaseId }) {
+  const shape = WATCHERS[props.useCaseId];
+  if (!shape) return null;
+
+  const triggerYs = shape.triggers.map(
+    (_, i) => i * (ROW_HEIGHT + ROW_GAP) + ROW_HEIGHT / 2
+  );
+  const actionYs = shape.actions.map(
+    (_, i) => i * (ROW_HEIGHT + ROW_GAP) + ROW_HEIGHT / 2
+  );
+
+  const centerX = COL_TRIGGER_W + SVG_GAP + CENTER_W / 2;
+  const centerY = SVG_H / 2;
+  const triggerEdgeX = COL_TRIGGER_W;
+  const centerLeftX = COL_TRIGGER_W + SVG_GAP;
+  const centerRightX = centerLeftX + CENTER_W;
+  const actionEdgeX = COL_TRIGGER_W + SVG_GAP + CENTER_W + SVG_GAP;
+
+  const HIGHLIGHT_TRIGGER = 0;
+  const HIGHLIGHT_ACTION = 2;
+
+  return (
+    

+      

+        Triggers
+        worker.webhook
+        Actions
+      

+      

+        
+          {`Fan-in / fan-out for ${shape.watcherName}`}
+          {/* Connector lines */}
+          {triggerYs.map((y, i) => (
+            
+          ))}
+          {actionYs.map((y, i) => (
+            
+          ))}
+
+          {/* Trigger pills */}
+          {shape.triggers.map((trigger, i) => (
+            
+              
+              
+                {trigger}
+              
+            
+          ))}
+
+          {/* Center webhook box */}
+          
+            
+            
+              worker.webhook(
+            
+            
+              {`"${shape.watcherName}"`}
+            
+            
+              )
+            
+          
+
+          {/* Action pills */}
+          {shape.actions.map((action, i) => (
+            
+              
+              
+                {action}
+              
+            
+          ))}
+        
+      

+      

+        Highlighted path: any matching trigger event fans into the watcher
+        webhook, which extracts schema-typed data, persists it as memory, and
+        fans the structured output back out to your team's actions.
+      

+    

+  );
+}
diff --git a/packages/landing/src/generated/use-case-snippets.json b/packages/landing/src/generated/use-case-snippets.json
index 792071aa7..727d8a057 100644
--- a/packages/landing/src/generated/use-case-snippets.json
+++ b/packages/landing/src/generated/use-case-snippets.json
@@ -51,7 +51,7 @@
       "language": "typescript"
     },
     "connectorTs": {
-      "code": "/**\n * QuickBooks-transactions connector — pulls newly posted bank-feed\n * transactions from QuickBooks Online and emits one event per line item.\n * The `finance` agent uses these to populate Transaction entities and to\n * drive its reconciliation watcher.\n *\n * Auth: OAuth (Intuit). The realm id (the tenant company id) is part of the\n * connection config and threaded through every request.\n */\n\nimport {\n  type ActionContext,\n  type ActionResult,\n  type ConnectorDefinition,\n  ConnectorRuntime,\n  type EventEnvelope,\n  type SyncContext,\n  type SyncResult,\n} from \"@lobu/connector-sdk\";\n\ninterface QboConfig {\n  realm_id: string;\n  account_id?: string;\n}\n\ninterface QboCheckpoint {\n  last_txn_date: string;\n}\n\ninterface QboTransaction {\n  Id: string;\n  TxnDate: string;\n  Amount: number;\n  PaymentType?: string;\n  CheckNum?: string;\n  Memo?: string;\n  AccountRef?: { value: string; name: string };\n  EntityRef?: { value: string; name: string };\n}\n\nconst PAGE_SIZE = 500;\n\nexport default class QuickBooksTransactionsConnector extends ConnectorRuntime {\n  readonly definition: ConnectorDefinition = {\n    key: \"quickbooks-transactions\",\n    name: \"QuickBooks transactions\",\n    description:\n      \"Streams new bank-feed transactions out of QuickBooks Online.\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"oauth\", provider: \"intuit\" }] },\n    feeds: {\n      transactions: {\n        key: \"transactions\",\n        name: \"Posted transactions\",\n        description:\n          \"Bank-feed entries posted to QBO since the last cursor date.\",\n        configSchema: {\n          type: \"object\",\n          required: [\"realm_id\"],\n          properties: {\n            realm_id: { type: \"string\" },\n            account_id: { type: \"string\" },\n          },\n        },\n        eventKinds: {\n          transaction_posted: {\n            description: \"A new transaction was posted to QBO.\",\n            metadataSchema: {\n              type: \"object\",\n              properties: {\n                amount: { type: \"number\" },\n                account: { type: \"string\" },\n                payee: { type: \"string\" },\n              },\n            },\n          },\n        },\n      },\n    },\n  };\n\n  async sync(ctx: SyncContext): Promise {\n    const config = ctx.config as unknown as QboConfig;\n    if (!config?.realm_id) {\n      throw new Error(\"quickbooks-transactions: `realm_id` is required\");\n    }\n\n    const checkpoint = (ctx.checkpoint as QboCheckpoint | null) ?? {\n      last_txn_date: \"1970-01-01\",\n    };\n    const query = this.buildQuery(checkpoint.last_txn_date, config.account_id);\n    const url = `https://quickbooks.api.intuit.com/v3/company/${config.realm_id}/query?query=${encodeURIComponent(query)}`;\n\n    const transactions = await this.fetchTransactions(url);\n    const events: EventEnvelope[] = transactions.map((txn) => ({\n      origin_id: txn.Id,\n      origin_type: \"transaction_posted\",\n      title: `${txn.AccountRef?.name ?? \"Bank\"} — $${txn.Amount.toFixed(2)}`,\n      payload_text: txn.Memo ?? `Posted to ${txn.AccountRef?.name ?? \"?\"}`,\n      occurred_at: new Date(`${txn.TxnDate}T00:00:00Z`),\n      metadata: {\n        amount: txn.Amount,\n        account: txn.AccountRef?.name,\n        payee: txn.EntityRef?.name,\n      },\n    }));\n\n    const nextCursor =\n      transactions.length === 0\n        ? checkpoint.last_txn_date\n        : transactions[transactions.length - 1].TxnDate;\n\n    return {\n      events,\n      checkpoint: { last_txn_date: nextCursor } as unknown as Record<\n        string,\n        unknown\n      >,\n      metadata: { items_found: events.length },\n    };\n  }\n\n  async execute(_ctx: ActionContext): Promise {\n    return { success: false, error: \"Actions not supported\" };\n  }\n\n  private buildQuery(since: string, accountId?: string): string {\n    const accountFilter = accountId ? ` AND AccountRef = '${accountId}'` : \"\";\n    return `SELECT * FROM Transaction WHERE TxnDate > '${since}'${accountFilter} ORDERBY TxnDate ASC MAXRESULTS ${PAGE_SIZE}`;\n  }\n\n  private async fetchTransactions(url: string): Promise {\n    const response = await fetch(url, {\n      headers: { Accept: \"application/json\" },\n    });\n    if (!response.ok) {\n      throw new Error(`QBO ${response.status}: ${response.statusText}`);\n    }\n    const body = (await response.json()) as {\n      QueryResponse?: { Transaction?: QboTransaction[] };\n    };\n    return body.QueryResponse?.Transaction ?? [];\n  }\n}",
+      "code": "/**\n * QuickBooks-transactions connector — pulls newly posted bank-feed\n * transactions from QuickBooks Online and emits one event per line item.\n * The `finance` agent uses these to populate Transaction entities and to\n * drive its reconciliation watcher.\n *\n * Auth: OAuth (Intuit). The realm id (the tenant company id) is part of the\n * connection config and threaded through every request.\n */\n\nimport {\n  type ActionContext,\n  type ActionResult,\n  type ConnectorDefinition,\n  ConnectorRuntime,\n  type EventEnvelope,\n  type SyncContext,\n  type SyncResult,\n} from \"@lobu/connector-sdk\";\n\ninterface QboConfig {\n  realm_id: string;\n  account_id?: string;\n}\n\ninterface QboCheckpoint {\n  last_txn_date: string;\n}\n\ninterface QboTransaction {\n  Id: string;\n  TxnDate: string;\n  Amount: number;\n  PaymentType?: string;\n  CheckNum?: string;\n  Memo?: string;\n  AccountRef?: { value: string; name: string };\n  EntityRef?: { value: string; name: string };\n}\n\nconst PAGE_SIZE = 500;\n\nexport default class QuickBooksTransactionsConnector extends ConnectorRuntime {\n  readonly definition: ConnectorDefinition = {\n    key: \"quickbooks-transactions\",\n    name: \"QuickBooks transactions\",\n    description: \"Streams new bank-feed transactions out of QuickBooks Online.\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"oauth\", provider: \"intuit\" }] },\n    feeds: {\n      transactions: {\n        key: \"transactions\",\n        name: \"Posted transactions\",\n        description:\n          \"Bank-feed entries posted to QBO since the last cursor date.\",\n        configSchema: {\n          type: \"object\",\n          required: [\"realm_id\"],\n          properties: {\n            realm_id: { type: \"string\" },\n            account_id: { type: \"string\" },\n          },\n        },\n        eventKinds: {\n          transaction_posted: {\n            description: \"A new transaction was posted to QBO.\",\n            metadataSchema: {\n              type: \"object\",\n              properties: {\n                amount: { type: \"number\" },\n                account: { type: \"string\" },\n                payee: { type: \"string\" },\n              },\n            },\n          },\n        },\n      },\n    },\n  };\n\n  async sync(ctx: SyncContext): Promise {\n    const config = ctx.config as unknown as QboConfig;\n    if (!config?.realm_id) {\n      throw new Error(\"quickbooks-transactions: `realm_id` is required\");\n    }\n\n    const checkpoint = (ctx.checkpoint as QboCheckpoint | null) ?? {\n      last_txn_date: \"1970-01-01\",\n    };\n    const query = this.buildQuery(checkpoint.last_txn_date, config.account_id);\n    const url = `https://quickbooks.api.intuit.com/v3/company/${config.realm_id}/query?query=${encodeURIComponent(query)}`;\n\n    const transactions = await this.fetchTransactions(url);\n    const events: EventEnvelope[] = transactions.map((txn) => ({\n      origin_id: txn.Id,\n      origin_type: \"transaction_posted\",\n      title: `${txn.AccountRef?.name ?? \"Bank\"} — $${txn.Amount.toFixed(2)}`,\n      payload_text: txn.Memo ?? `Posted to ${txn.AccountRef?.name ?? \"?\"}`,\n      occurred_at: new Date(`${txn.TxnDate}T00:00:00Z`),\n      metadata: {\n        amount: txn.Amount,\n        account: txn.AccountRef?.name,\n        payee: txn.EntityRef?.name,\n      },\n    }));\n\n    const nextCursor =\n      transactions.length === 0\n        ? checkpoint.last_txn_date\n        : transactions[transactions.length - 1].TxnDate;\n\n    return {\n      events,\n      checkpoint: { last_txn_date: nextCursor } as unknown as Record<\n        string,\n        unknown\n      >,\n      metadata: { items_found: events.length },\n    };\n  }\n\n  async execute(_ctx: ActionContext): Promise {\n    return { success: false, error: \"Actions not supported\" };\n  }\n\n  private buildQuery(since: string, accountId?: string): string {\n    const accountFilter = accountId ? ` AND AccountRef = '${accountId}'` : \"\";\n    return `SELECT * FROM Transaction WHERE TxnDate > '${since}'${accountFilter} ORDERBY TxnDate ASC MAXRESULTS ${PAGE_SIZE}`;\n  }\n\n  private async fetchTransactions(url: string): Promise {\n    const response = await fetch(url, {\n      headers: { Accept: \"application/json\" },\n    });\n    if (!response.ok) {\n      throw new Error(`QBO ${response.status}: ${response.statusText}`);\n    }\n    const body = (await response.json()) as {\n      QueryResponse?: { Transaction?: QboTransaction[] };\n    };\n    return body.QueryResponse?.Transaction ?? [];\n  }\n}",
       "path": "connectors/quickbooks-transactions.connector.ts",
       "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/finance/connectors/quickbooks-transactions.connector.ts",
       "language": "typescript"
@@ -135,7 +135,7 @@
       "language": "yaml"
     },
     "connectorTs": {
-      "code": "/**\n * Linear-cycles connector — polls Linear GraphQL for issues whose state\n * changed during the active cycle and emits one event per transition. The\n * `leadership` agent uses these to keep its Cycle and Initiative entities\n * in sync with engineering execution and to drive its nightly digest\n * dreaming watcher.\n *\n * Auth: Linear OAuth.\n */\n\nimport {\n  type ActionContext,\n  type ActionResult,\n  type ConnectorDefinition,\n  ConnectorRuntime,\n  type EventEnvelope,\n  type SyncContext,\n  type SyncResult,\n} from \"@lobu/connector-sdk\";\n\ninterface LinearConfig {\n  team_id: string;\n}\n\ninterface LinearCheckpoint {\n  updated_at: string;\n}\n\ninterface LinearIssue {\n  id: string;\n  identifier: string;\n  title: string;\n  url: string;\n  updatedAt: string;\n  state: { name: string; type: string };\n  cycle?: { id: string; name?: string; number?: number };\n  assignee?: { name: string };\n}\n\nconst PAGE_SIZE = 100;\nconst ENDPOINT = \"https://api.linear.app/graphql\";\n\nexport default class LinearCyclesConnector extends ConnectorRuntime {\n  readonly definition: ConnectorDefinition = {\n    key: \"linear-cycles\",\n    name: \"Linear cycles\",\n    description:\n      \"Tracks issue state transitions inside the active Linear cycle for a team.\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"oauth\", provider: \"linear\" }] },\n    feeds: {\n      cycle_issues: {\n        key: \"cycle_issues\",\n        name: \"Cycle issue transitions\",\n        description:\n          \"Issues in the team's active cycle whose state changed since the last cursor.\",\n        configSchema: {\n          type: \"object\",\n          required: [\"team_id\"],\n          properties: {\n            team_id: { type: \"string\" },\n          },\n        },\n        eventKinds: {\n          issue_state_changed: {\n            description: \"A Linear issue moved to a new workflow state.\",\n            metadataSchema: {\n              type: \"object\",\n              properties: {\n                state: { type: \"string\" },\n                cycle_number: { type: \"integer\" },\n                assignee: { type: \"string\" },\n              },\n            },\n          },\n        },\n      },\n    },\n  };\n\n  async sync(ctx: SyncContext): Promise {\n    const config = ctx.config as unknown as LinearConfig;\n    if (!config?.team_id) {\n      throw new Error(\"linear-cycles: `team_id` is required\");\n    }\n\n    const checkpoint = (ctx.checkpoint as LinearCheckpoint | null) ?? {\n      updated_at: \"2000-01-01T00:00:00Z\",\n    };\n\n    const issues = await this.fetchIssues(config.team_id, checkpoint.updated_at);\n    const events: EventEnvelope[] = issues.map((issue) => ({\n      origin_id: `${issue.id}:${issue.state.name}:${issue.updatedAt}`,\n      origin_type: \"issue_state_changed\",\n      title: `${issue.identifier} ${issue.title} → ${issue.state.name}`,\n      author_name: issue.assignee?.name,\n      source_url: issue.url,\n      occurred_at: new Date(issue.updatedAt),\n      metadata: {\n        state: issue.state.name,\n        cycle_number: issue.cycle?.number,\n        assignee: issue.assignee?.name,\n      },\n    }));\n\n    const nextCursor =\n      issues.length === 0\n        ? checkpoint.updated_at\n        : issues[issues.length - 1].updatedAt;\n\n    return {\n      events,\n      checkpoint: { updated_at: nextCursor } as unknown as Record<\n        string,\n        unknown\n      >,\n      metadata: { items_found: events.length },\n    };\n  }\n\n  async execute(_ctx: ActionContext): Promise {\n    return { success: false, error: \"Actions not supported\" };\n  }\n\n  private async fetchIssues(\n    teamId: string,\n    updatedAfter: string\n  ): Promise {\n    const query = `query Cycle($teamId: ID!, $after: DateTimeOrDuration!, $first: Int!) {\n      issues(\n        first: $first,\n        filter: { team: { id: { eq: $teamId } }, updatedAt: { gt: $after }, cycle: { isActive: { eq: true } } },\n        orderBy: updatedAt\n      ) {\n        nodes {\n          id identifier title url updatedAt\n          state { name type }\n          cycle { id name number }\n          assignee { name }\n        }\n      }\n    }`;\n    const response = await fetch(ENDPOINT, {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({\n        query,\n        variables: { teamId, after: updatedAfter, first: PAGE_SIZE },\n      }),\n    });\n    if (!response.ok) {\n      throw new Error(`Linear ${response.status}: ${response.statusText}`);\n    }\n    const body = (await response.json()) as {\n      data?: { issues?: { nodes?: LinearIssue[] } };\n    };\n    return body.data?.issues?.nodes ?? [];\n  }\n}",
+      "code": "/**\n * Linear-cycles connector — polls Linear GraphQL for issues whose state\n * changed during the active cycle and emits one event per transition. The\n * `leadership` agent uses these to keep its Cycle and Initiative entities\n * in sync with engineering execution and to drive its nightly digest\n * dreaming watcher.\n *\n * Auth: Linear OAuth.\n */\n\nimport {\n  type ActionContext,\n  type ActionResult,\n  type ConnectorDefinition,\n  ConnectorRuntime,\n  type EventEnvelope,\n  type SyncContext,\n  type SyncResult,\n} from \"@lobu/connector-sdk\";\n\ninterface LinearConfig {\n  team_id: string;\n}\n\ninterface LinearCheckpoint {\n  updated_at: string;\n}\n\ninterface LinearIssue {\n  id: string;\n  identifier: string;\n  title: string;\n  url: string;\n  updatedAt: string;\n  state: { name: string; type: string };\n  cycle?: { id: string; name?: string; number?: number };\n  assignee?: { name: string };\n}\n\nconst PAGE_SIZE = 100;\nconst ENDPOINT = \"https://api.linear.app/graphql\";\n\nexport default class LinearCyclesConnector extends ConnectorRuntime {\n  readonly definition: ConnectorDefinition = {\n    key: \"linear-cycles\",\n    name: \"Linear cycles\",\n    description:\n      \"Tracks issue state transitions inside the active Linear cycle for a team.\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"oauth\", provider: \"linear\" }] },\n    feeds: {\n      cycle_issues: {\n        key: \"cycle_issues\",\n        name: \"Cycle issue transitions\",\n        description:\n          \"Issues in the team's active cycle whose state changed since the last cursor.\",\n        configSchema: {\n          type: \"object\",\n          required: [\"team_id\"],\n          properties: {\n            team_id: { type: \"string\" },\n          },\n        },\n        eventKinds: {\n          issue_state_changed: {\n            description: \"A Linear issue moved to a new workflow state.\",\n            metadataSchema: {\n              type: \"object\",\n              properties: {\n                state: { type: \"string\" },\n                cycle_number: { type: \"integer\" },\n                assignee: { type: \"string\" },\n              },\n            },\n          },\n        },\n      },\n    },\n  };\n\n  async sync(ctx: SyncContext): Promise {\n    const config = ctx.config as unknown as LinearConfig;\n    if (!config?.team_id) {\n      throw new Error(\"linear-cycles: `team_id` is required\");\n    }\n\n    const checkpoint = (ctx.checkpoint as LinearCheckpoint | null) ?? {\n      updated_at: \"2000-01-01T00:00:00Z\",\n    };\n\n    const issues = await this.fetchIssues(\n      config.team_id,\n      checkpoint.updated_at\n    );\n    const events: EventEnvelope[] = issues.map((issue) => ({\n      origin_id: `${issue.id}:${issue.state.name}:${issue.updatedAt}`,\n      origin_type: \"issue_state_changed\",\n      title: `${issue.identifier} ${issue.title} → ${issue.state.name}`,\n      author_name: issue.assignee?.name,\n      source_url: issue.url,\n      occurred_at: new Date(issue.updatedAt),\n      metadata: {\n        state: issue.state.name,\n        cycle_number: issue.cycle?.number,\n        assignee: issue.assignee?.name,\n      },\n    }));\n\n    const nextCursor =\n      issues.length === 0\n        ? checkpoint.updated_at\n        : issues[issues.length - 1].updatedAt;\n\n    return {\n      events,\n      checkpoint: { updated_at: nextCursor } as unknown as Record<\n        string,\n        unknown\n      >,\n      metadata: { items_found: events.length },\n    };\n  }\n\n  async execute(_ctx: ActionContext): Promise {\n    return { success: false, error: \"Actions not supported\" };\n  }\n\n  private async fetchIssues(\n    teamId: string,\n    updatedAfter: string\n  ): Promise {\n    const query = `query Cycle($teamId: ID!, $after: DateTimeOrDuration!, $first: Int!) {\n      issues(\n        first: $first,\n        filter: { team: { id: { eq: $teamId } }, updatedAt: { gt: $after }, cycle: { isActive: { eq: true } } },\n        orderBy: updatedAt\n      ) {\n        nodes {\n          id identifier title url updatedAt\n          state { name type }\n          cycle { id name number }\n          assignee { name }\n        }\n      }\n    }`;\n    const response = await fetch(ENDPOINT, {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({\n        query,\n        variables: { teamId, after: updatedAfter, first: PAGE_SIZE },\n      }),\n    });\n    if (!response.ok) {\n      throw new Error(`Linear ${response.status}: ${response.statusText}`);\n    }\n    const body = (await response.json()) as {\n      data?: { issues?: { nodes?: LinearIssue[] } };\n    };\n    return body.data?.issues?.nodes ?? [];\n  }\n}",
       "path": "connectors/linear-cycles.connector.ts",
       "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/leadership/connectors/linear-cycles.connector.ts",
       "language": "typescript"

From 8f553a96ba53cd17134173ab025ba6d79b812cf1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 16:42:31 +0100
Subject: [PATCH 05/66] refactor(landing): flatten composition, lowercase mono
 labels, hairline tabs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Architecture diagram now reads 'external platforms / lobu / knowledge
graph' — three boxes on the same surface, same radius, same border,
all lowercase monospace. Lobu box has a slightly stronger border to
emphasise the central role; no shadows, no badges, no inner box
outlines (gateway/workers are just labelled lists).

WebhookFanDiagram is now a flat 3-column SVG (trigger rows / center
webhook / action rows). One trigger + one action highlighted with the
foreground colour, others sit in the muted border colour. No gradients,
no glow, no accent pills.

LandingPage:
- Use-case pivot becomes a Notion-style bottom-underline tab strip.
  Active tab: bold foreground text + 2px underline; inactive: muted.
- Drop drop-shadows from hero terminal, use-case grid cards, and
  run-anywhere cards.
- Callout simplified to a left-border-only quote (no fill).

CodeBlock loses its drop-shadow + accent-pill badge; the badge slot
becomes a muted lowercase comment in the tab. Drops  and the
fade-gradient truncation pattern (round 3 wants every code block to
render its source in full).

Drops the now-unused --color-landing-callout-* tokens from globals.css.
---
 .../src/components/ArchitectureDiagram.tsx    | 187 ++++++++----------
 packages/landing/src/components/CodeBlock.tsx |  47 ++---
 .../landing/src/components/LandingPage.tsx    | 161 ++++++++++-----
 .../src/components/WebhookFanDiagram.tsx      | 151 +++++++-------
 packages/landing/src/globals.css              |   2 -
 5 files changed, 277 insertions(+), 271 deletions(-)

diff --git a/packages/landing/src/components/ArchitectureDiagram.tsx b/packages/landing/src/components/ArchitectureDiagram.tsx
index de0039d88..7c3c7cf12 100644
--- a/packages/landing/src/components/ArchitectureDiagram.tsx
+++ b/packages/landing/src/components/ArchitectureDiagram.tsx
@@ -2,163 +2,138 @@ import { messagingChannels } from "./platforms";
 
 /**
  * Lightweight three-box architecture diagram for the dev-focused landing
- * page. Mirrors the mockup's monospace pattern (external platforms ↔ Lobu
- * control plane + worker fleet ↔ company context / memory) while keeping the
- * existing warm Lobu palette. Replaces the older multi-card / feature-pill
- * variant — the rest of the page covers each surface in depth.
+ * page. Three flat boxes joined by thin arrow labels:
+ *
+ *   external platforms  ←→  lobu  ←→  knowledge graph
+ *
+ * All boxes share the same surface, border, and radius — no shadows, no
+ * gradients, no badges. Labels are all lowercase monospace.
  */
 export function ArchitectureDiagram() {
   return (
-    

-      

-        
-        
-        
-        
-        
-      

+    

+      
+        
+      
+      
+      
+        
+      
+      
+      
+        
    
+          
  • events (append-only)
    • 
+          
  • entities & relationships
    • 
+          
  • watchers (reactive + cron)
    • 
+          
  • vectors (pgvector)
    • 
+          
  • multi-tenant by org / user
    • 
+        

+      
     

   );
 }
 
-function BoxFrame(props: {
-  eyebrow: string;
+function Box(props: {
   title: string;
-  children?: preact.ComponentChildren;
+  emphasised?: boolean;
+  children: preact.ComponentChildren;
 }) {
   return (
     

       

-        {props.eyebrow}
-      

-      

         {props.title}
       

-      

-        {props.children}
-      

+      {props.children}
     

   );
 }
 
-function ExternalPlatformsBox() {
+function PlatformList() {
   return (
-    
+    <>
       
    
         {messagingChannels.slice(0, 6).map((channel) => (
           
  • 
             
-            {channel.label}
+            {channel.label.toLowerCase()}
           
    • 
         ))}
       

       

-        + GitHub, Linear, Stripe, Gmail, Notion…
+        + github, linear, stripe, gmail, notion…
       

-    
+    
   );
 }
 
-function LobuBox() {
+function LobuContents() {
   return (
-    

+    <>
       

-        Lobu
-      

-      

-        CLI · MCP · API · SDK
+        cli · mcp · api · sdk
       

-      

-        
-        
+      

+        

+          

+            gateway
+          

+          
    
+            
  • secret-proxy
    • 
+            
  • guardrails
    • 
+            
  • egress judge
    • 
+          

+        

+        

+          

+            workers
+          

+          
    
+            
  • per-user sandbox
    • 
+            
  • openclaw runtime
    • 
+            
  • mcp tools
    • 
+          

+        

       

       

-        Postgres + pgvector — the only external dependency
+        postgres + pgvector — the only external dependency
       

-    

-  );
-}
-
-function SubBox(props: { label: string; lines: string[] }) {
-  return (
-    

-      

-        {props.label}
-      

-      
    
-        {props.lines.map((line) => (
-          
  • {line}
    • 
-        ))}
-      

-    

-  );
-}
-
-function MemoryBox() {
-  return (
-    
-      
    
-        
  • events (append-only)
    • 
-        
  • entities & relationships
    • 
-        
  • watchers (reactive + cron)
    • 
-        
  • vectors (pgvector)
    • 
-        
  • multi-tenant by org / user
    • 
-      

-    
+    
   );
 }
 
-function ArrowLabel(props: { top: string; bottom: string }) {
+function Arrow(props: { top: string; bottom: string }) {
   return (
     

       {props.top}
diff --git a/packages/landing/src/components/CodeBlock.tsx b/packages/landing/src/components/CodeBlock.tsx
index d4a1fb1fd..225018347 100644
--- a/packages/landing/src/components/CodeBlock.tsx
+++ b/packages/landing/src/components/CodeBlock.tsx
@@ -9,8 +9,6 @@ export type CodeSnippet = {
 
 type CodeBlockProps = {
   snippet: CodeSnippet;
-  /** Optional cap; lines beyond fade out with a "see on GitHub" CTA. */
-  maxLines?: number;
   /** Override the filename shown in the tab. Defaults to `snippet.path`. */
   tabLabel?: string;
   /** Optional pill in the tab (e.g. "declarative", "reactive"). */
@@ -375,22 +373,22 @@ function highlight(code: string, language: CodeSnippet["language"]): Token[][] {
 
 export function CodeBlock({
   snippet,
-  maxLines,
   tabLabel,
   badge,
   footnote,
 }: CodeBlockProps) {
-  const allLines = highlight(snippet.code, snippet.language);
-  const truncated = typeof maxLines === "number" && allLines.length > maxLines;
-  const lines = truncated ? allLines.slice(0, maxLines) : allLines;
+  const lines = highlight(snippet.code, snippet.language);
 
   return (
     

       

         {tabLabel ?? snippet.path}
         {badge ? (
-          
+          
             {badge}
           
         ) : null}
       

 
       
         
@@ -423,40 +415,25 @@ export function CodeBlock({
             
           ))}
         
-        {truncated ? (
-          

 
       

-        
-          {truncated
-            ? `${lines.length} / ${allLines.length} lines`
-            : `${allLines.length} lines`}
-        
+        {lines.length} lines
         
           {footnote}
           
-            See on GitHub →
+            see on github →
           
         
       

diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index e449c9d92..432e06983 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -143,11 +143,10 @@ function SectionHeading(props: {
 function Callout(props: { children: preact.ComponentChildren }) {
   return (
     

       {props.children}
@@ -203,8 +202,7 @@ function Hero() {
           style={{ color: "var(--color-page-text-muted)" }}
         >
           Connectors emit events. Watchers structure them into memory. Agents
-          act on prompts, events, or cron. Open source, multi-tenant, BYO
-          model.
+          act on prompts, events, or cron. Open source, multi-tenant, BYO model.
         

         

           
           
-          or paste the prompt into{" "}
-          claude code,{" "}
+          or paste the prompt into claude code,{" "}
           cursor, or{" "}
           opencode — it'll scaffold the project
           for you
@@ -309,7 +308,7 @@ function GithubIcon() {
 function HeroTerminalDemo() {
   return (
     

-        
-        
-        
+        
+        
+        
         claude code · scaffold lobu agent
       

       
-        ~/projects/lobu-agent $ claude
+        
+          ~/projects/lobu-agent
+        {" "}
+        $ claude
         {"\n"}
-        ▸ Paste the Lobu setup prompt below, then press Enter.
+        
+          ▸ Paste the Lobu setup prompt below, then press Enter.
+        
         {"\n"}
-        Build me a working Lobu agent end-to-end…
+        
+          Build me a working Lobu agent end-to-end…
+        
         {"\n"}
-        ▼ thinking{" "}
-        (reading lobu.ai/docs/getting-started)
+        
+          ▼ thinking
+        {" "}
+        
+          (reading lobu.ai/docs/getting-started)
+        
         {"\n"}
         ✓ Created{" "}
-        lobu.toml{" "}
-        (agent + provider + memory)
+        
+          lobu.toml
+        {" "}
+        
+          (agent + provider + memory)
+        
         {"\n"}
         ✓ Created{" "}
-        models/schema.yaml{" "}
-        (3 entity types, 1 watcher)
+        
+          models/schema.yaml
+        {" "}
+        
+          (3 entity types, 1 watcher)
+        
         {"\n"}
         ✓ Created{" "}
-        connectors/linear.yaml
+        
+          connectors/linear.yaml
+        
         {"\n"}
         ✓ Created{" "}
-        models/reactions/triage.reaction.ts
+        
+          models/reactions/triage.reaction.ts
+        
         {"\n"}
-        ▸ Run{" "}
-        lobu run to start.
+        ▸{" "}
+        Run{" "}
+        lobu run{" "}
+        to start.
       

     

   );
@@ -446,24 +479,35 @@ function UseCaseGrid() {
         
       ),
       snippetLines: [
-        # models/schema.yaml,
+        
+          # models/schema.yaml
+        ,
         <>
-          entities:
+          
+            entities
+          
+          :
         ,
         <>
           {"  - "}
           slug:{" "}
-          customer
+          
+            customer
+          
         ,
         <>
           {"  - "}
           slug:{" "}
-          incident
+          
+            incident
+          
         ,
         <>
           {"  - "}
           slug:{" "}
-          order
+          
+            order
+          
         ,
       ],
       link: {
@@ -481,10 +525,17 @@ function UseCaseGrid() {
         
       ),
       snippetLines: [
-        POST /agents/assistant/run,
+        
+          POST /agents/assistant/run
+        ,
         <>
-          x-lobu-user:{" "}
-          "acme_user_42"
+          
+            x-lobu-user
+          
+          :{" "}
+          
+            "acme_user_42"
+          
         ,
       ],
       link: { href: "/getting-started/", label: "See multi-tenant SDK" },
@@ -507,7 +558,7 @@ function UseCaseGrid() {
           {cards.map((card) => (
             

       

       

         {PIVOT_USE_CASES.map((uc) => {
           const active = uc.id === props.activeUseCaseId;
           return (
             
           );
         })}
@@ -679,7 +728,10 @@ function FeatureList(props: { items: Array }) {
   );
 }
 
-function ProductLink(props: { href: string; children: preact.ComponentChildren }) {
+function ProductLink(props: {
+  href: string;
+  children: preact.ComponentChildren;
+}) {
   return (
     
             ) : (
@@ -826,7 +877,6 @@ function MemorySection({ useCase }: ProductSectionProps) {
           

             
             
@@ -851,7 +901,9 @@ function WatchersSection({ useCase, useCaseId }: ProductSectionProps) {
         text={
           

             Watchers
-            Turn events into memory. With prompts.
+            
+              Turn events into memory. With prompts.
+            
             

                   Reactive — fires on the event stream (e.g.{" "}
-                  linear.issue.created).
+                  
+                    linear.issue.created
+                  
+                  ).
                 ,
                 <>
                   Dreaming — runs on cron. Aggregates yesterday's events
@@ -895,7 +950,6 @@ function WatchersSection({ useCase, useCaseId }: ProductSectionProps) {
           

             
             
@@ -959,7 +1013,6 @@ function AgentsSection({ useCase }: ProductSectionProps) {
             {useCase.reactionTs ? (
               
             ) : null}
@@ -1067,7 +1120,9 @@ function RunAnywhereSection() {
           lobu apply{"\n"}
           →{" "}
           org{"      "}
-          acme
+          
+            acme
+          
           {"\n"}
           →{" "}
           region{"   "}
diff --git a/packages/landing/src/components/WebhookFanDiagram.tsx b/packages/landing/src/components/WebhookFanDiagram.tsx
index d1c76c5d3..f88cce6b5 100644
--- a/packages/landing/src/components/WebhookFanDiagram.tsx
+++ b/packages/landing/src/components/WebhookFanDiagram.tsx
@@ -1,14 +1,15 @@
 import type { LandingUseCaseId } from "../use-case-definitions";
 
 /**
- * Fan-in / fan-out visualisation for the Watchers section.
+ * Flat fan-in / fan-out visualisation for the Watchers section.
  *
- * Left column: 5 event types that the watcher fires on (or extracts from).
- * Center: the watcher webhook handle.
- * Right column: 5 actions / reactions the watcher emits.
+ * Three columns, all the same visual weight (no shadows, no gradients):
+ *   left   — trigger event types
+ *   center — one rounded box with the watcher's webhook call
+ *   right  — actions / reaction targets
  *
- * SVG lines connect every trigger to the center and the center to every
- * action; one trigger + one action highlighted to suggest a hot path.
+ * Connector lines are thin SVG drawn behind the columns; one trigger and one
+ * action are highlighted to show a representative hot path.
  */
 
 type WatcherShape = {
@@ -156,63 +157,64 @@ const WATCHERS: Record = {
   },
 };
 
-export function getWatcherShape(useCaseId: LandingUseCaseId): WatcherShape {
-  return WATCHERS[useCaseId];
-}
-
-const ROW_HEIGHT = 28;
+/* Layout constants — kept small and local so the SVG sizes match the
+   surrounding flex grid exactly. */
+const ROW_HEIGHT = 26;
 const ROW_GAP = 8;
-const ROWS = 5;
-const COL_TRIGGER_W = 220;
-const COL_ACTION_W = 220;
+const COL_W = 220;
 const CENTER_W = 200;
-const CENTER_H = 70;
+const CENTER_H = 60;
 const SVG_GAP = 56;
-const SVG_W = COL_TRIGGER_W + SVG_GAP + CENTER_W + SVG_GAP + COL_ACTION_W;
-const SVG_H = ROWS * (ROW_HEIGHT + ROW_GAP) - ROW_GAP;
+const SVG_W = COL_W + SVG_GAP + CENTER_W + SVG_GAP + COL_W;
+
+const HIGHLIGHT_TRIGGER = 0;
+const HIGHLIGHT_ACTION = 2;
 
 export function WebhookFanDiagram(props: { useCaseId: LandingUseCaseId }) {
   const shape = WATCHERS[props.useCaseId];
   if (!shape) return null;
 
+  const rows = Math.max(shape.triggers.length, shape.actions.length);
+  const svgH = rows * (ROW_HEIGHT + ROW_GAP) - ROW_GAP;
   const triggerYs = shape.triggers.map(
     (_, i) => i * (ROW_HEIGHT + ROW_GAP) + ROW_HEIGHT / 2
   );
   const actionYs = shape.actions.map(
     (_, i) => i * (ROW_HEIGHT + ROW_GAP) + ROW_HEIGHT / 2
   );
-
-  const centerX = COL_TRIGGER_W + SVG_GAP + CENTER_W / 2;
-  const centerY = SVG_H / 2;
-  const triggerEdgeX = COL_TRIGGER_W;
-  const centerLeftX = COL_TRIGGER_W + SVG_GAP;
+  const centerY = svgH / 2;
+  const triggerEdgeX = COL_W;
+  const centerLeftX = COL_W + SVG_GAP;
   const centerRightX = centerLeftX + CENTER_W;
-  const actionEdgeX = COL_TRIGGER_W + SVG_GAP + CENTER_W + SVG_GAP;
-
-  const HIGHLIGHT_TRIGGER = 0;
-  const HIGHLIGHT_ACTION = 2;
+  const actionEdgeX = centerRightX + SVG_GAP;
 
   return (
     

-      

-        Triggers
-        worker.webhook
-        Actions
+      

+        triggers
+        worker.webhook
+        actions
       

       

         
           {`Fan-in / fan-out for ${shape.watcherName}`}
-          {/* Connector lines */}
+          {/* Connector lines (drawn first so labels overlap them) */}
           {triggerYs.map((y, i) => (
             
           ))}
           {actionYs.map((y, i) => (
@@ -238,29 +239,31 @@ export function WebhookFanDiagram(props: { useCaseId: LandingUseCaseId }) {
               y2={y}
               stroke={
                 i === HIGHLIGHT_ACTION
-                  ? "var(--color-tg-accent)"
+                  ? "var(--color-page-text)"
                   : "var(--color-page-border)"
               }
-              stroke-width={i === HIGHLIGHT_ACTION ? 2 : 1}
-              opacity={i === HIGHLIGHT_ACTION ? 0.9 : 0.45}
+              stroke-width={1}
             />
           ))}
 
-          {/* Trigger pills */}
+          {/* Trigger rows */}
           {shape.triggers.map((trigger, i) => (
-            
+            
               
               
+          
             
             
               worker.webhook(
             
             
               {`"${shape.watcherName}"`}
             
             
               )
             
           
 
-          {/* Action pills */}
+          {/* Action rows */}
           {shape.actions.map((action, i) => (
-            
+            
               
               
       

-      

-        Highlighted path: any matching trigger event fans into the watcher
-        webhook, which extracts schema-typed data, persists it as memory, and
-        fans the structured output back out to your team's actions.
-      

     

   );
 }
diff --git a/packages/landing/src/globals.css b/packages/landing/src/globals.css
index 14e33caf5..82161f1dd 100644
--- a/packages/landing/src/globals.css
+++ b/packages/landing/src/globals.css
@@ -38,8 +38,6 @@
   --color-landing-code-keyword: oklch(0.8000 0.1500 60.0000);
   --color-landing-code-key: oklch(0.8200 0.0700 175.0000);
   --color-landing-code-builtin: oklch(0.8000 0.1500 60.0000);
-  --color-landing-callout-bg: oklch(0.9180 0.0660 75.0000 / 0.55);
-  --color-landing-callout-border: oklch(0.7006 0.1891 46.5400);
 
   --color-tg-bg: oklch(0.2606 0.0040 84.5838);
   --color-tg-bg-secondary: oklch(0.2007 0.0101 52.8852);

From f074f3b02d3268e1f38bb94b47449f8ccdf84502 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 16:44:18 +0100
Subject: [PATCH 06/66] feat(landing): force light theme on home page

Adds optional `forceTheme` prop to BaseLayout, threaded into the inline
theme script as an early branch. When set, the script applies the matching
palette and returns before checking prefers-color-scheme.

Home page (`/`) opts into `forceTheme="light"` so the warm cream + orange
palette renders regardless of OS dark-mode. Other pages (docs, blog, etc.)
continue to honour the OS preference.
---
 packages/landing/src/layouts/BaseLayout.astro |  5 +++-
 packages/landing/src/pages/index.astro        |  2 +-
 packages/landing/src/styles/theme-script.ts   | 23 ++++++++++++-------
 3 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/packages/landing/src/layouts/BaseLayout.astro b/packages/landing/src/layouts/BaseLayout.astro
index e07c33ba1..ea48a60ae 100644
--- a/packages/landing/src/layouts/BaseLayout.astro
+++ b/packages/landing/src/layouts/BaseLayout.astro
@@ -8,6 +8,8 @@ interface Props {
     author: string;
     tags: string[];
   };
+  /** Force `light` or `dark`; if unset, respect prefers-color-scheme. */
+  forceTheme?: "light" | "dark";
 }
 
 const {
@@ -15,6 +17,7 @@ const {
   description = "Open-source backend for multi-user AI agents with isolated workers, per-user OAuth, connected sources, shared memory, and secrets agents never see.",
   ogType = "website",
   article,
+  forceTheme,
 } = Astro.props;
 
 import { existsSync } from "node:fs";
@@ -103,7 +106,7 @@ const hasMarkdownTwin = existsSync(markdownFileURL);
   
   
     
-    
+    )}
   
 
diff --git a/packages/landing/src/pages/index.astro b/packages/landing/src/pages/index.astro
index 54151b729..c0dccdc6f 100644
--- a/packages/landing/src/pages/index.astro
+++ b/packages/landing/src/pages/index.astro
@@ -9,7 +9,7 @@ import { getLatestPosts } from "../latest-posts";
 const latestPosts = await getLatestPosts(3);
 ---
 
-
+
   

Date: Tue, 19 May 2026 17:28:41 +0100
Subject: [PATCH 17/66] feat(landing): shorten SETUP_PROMPT to delegate to the
 lobu skill
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The skill (`/plugin install lobu`) absorbs the env-setup + interview +
scaffold flow that was previously inlined in the hero's copy-prompt
button. Landing's prompt is now a three-step ask:

  1. install the skill
  2. run the skill's onboarding interview (asks what / who / data /
     channels / schedule)
  3. scaffold + boot locally and show the written memory event

Plus a one-paragraph orientation line + repo / docs URLs so an
unprimed Claude / Cursor / opencode session still gets enough context.

Drops the 30-line hand-rolled phased prompt — the skill is the source
of truth for project conventions now.
---
 .../landing/src/components/LandingPage.tsx    | 31 ++++---------------
 1 file changed, 6 insertions(+), 25 deletions(-)

diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index a252e77c4..8a70db68d 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -33,35 +33,16 @@ const PIVOT_USE_CASES: Array<{ id: LandingUseCaseId; label: string }> = [
   { id: "market", label: "Market" },
 ];
 
-const SETUP_PROMPT = `Build me a working Lobu agent end-to-end. Lobu is an open-source event-sourced backend for AI agents (connectors emit events, memory keeps the structured record, agents react in real time and dream on cron).
+const SETUP_PROMPT = `I want to build a Lobu agent.
 
-Repo: https://github.com/lobu-ai/lobu
-Docs: https://lobu.ai/docs/
+1. Install the Lobu skill so you have the project conventions and tooling:
+   /plugin install lobu
 
-Phase 1 — Environment
-1. Verify Node 22-24 and Postgres+pgvector are available; install if missing.
-2. Clone https://github.com/lobu-ai/lobu, run \`bun install\`, copy \`.env.example\` to \`.env\` and fill in DATABASE_URL + a model API key (Anthropic / OpenAI / Z.ai — your choice).
-3. Run \`make dev\` to boot the gateway + workers on :8787. Confirm the web UI loads.
+2. Walk me through the skill's onboarding interview (it asks what the agent should do, who uses it, where data comes from, where I'll talk to it, what should run on a schedule). Pause at every real decision and ask me — don't fake credentials, don't guess.
 
-Phase 2 — Interview me
-Ask short, concrete questions one at a time:
-  - What is the agent for? (one sentence)
-  - Who uses it? (just me / my team / customers each with their own data)
-  - What does it need to remember? (we'll turn this into 1-3 entity types in models/schema.yaml)
-  - Where does the data come from? (Slack, Gmail, GitHub, Linear, Stripe, a CSV — pick 1 to start)
-  - Where do people talk to it? (Slack, Telegram, web, MCP-only)
-  - What should it do on a schedule, if anything? (1 dreaming watcher max for v1)
+3. Scaffold the project per my answers (lobu.toml, models/schema.yaml, connectors/, models/reactions/), boot it locally, send a test message via the chosen channel, and show me the memory event that was written.
 
-Phase 3 — Scaffold and run
-Based on my answers, generate the project:
-  - lobu.toml with one agent + provider + memory pointer
-  - models/schema.yaml with entity types + (optional) one watcher with cron + extraction_schema
-  - connectors/.yaml for the chosen data source
-  - models/reactions/.reaction.ts for the watcher's reaction
-
-Boot the agent locally, send a test message via the chosen channel, confirm the agent replies and the watcher fires. Show me the memory event that was written.
-
-Rules: pause at every real decision (connector choice, model provider, OAuth flow, schedule cadence) and ask me. Don't fake credentials — if a real OAuth or API key is needed, walk me through getting it. Cite docs links instead of guessing.`;
+Lobu is an open-source event-sourced backend for AI agents — connectors emit events, memory keeps the structured record, agents react in real time and dream on cron. Repo: https://github.com/lobu-ai/lobu — Docs: https://lobu.ai/docs/`;
 
 const GITHUB_URL = "https://github.com/lobu-ai/lobu";
 

From df754fc643ad1048cce9b11702e0f992239f2e5d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 17:29:39 +0100
Subject: [PATCH 18/66] chore(landing): pick up biome reformat of generator +
 diagram + code block

No behavior change; biome's pre-commit hook reflowed long single-line
expressions over multiple lines in three files left uncommitted from
round 4. Committing so subsequent diffs stay readable.
---
 .../landing/scripts/gen-landing-snippets.ts   | 78 +++++++++++++++----
 .../src/components/ArchitectureDiagram.tsx    |  5 +-
 packages/landing/src/components/CodeBlock.tsx |  6 +-
 3 files changed, 63 insertions(+), 26 deletions(-)

diff --git a/packages/landing/scripts/gen-landing-snippets.ts b/packages/landing/scripts/gen-landing-snippets.ts
index a9b57ea90..ab0ac61b9 100644
--- a/packages/landing/scripts/gen-landing-snippets.ts
+++ b/packages/landing/scripts/gen-landing-snippets.ts
@@ -73,12 +73,7 @@ function githubUrlFor(useCase: string, relativePath: string): string {
 
 const TOML_AGENT_KEEP_KEYS = new Set(["name"]);
 const TOML_PROVIDER_KEEP_KEYS = new Set(["id", "model", "key"]);
-const TOML_MEMORY_KEEP_KEYS = new Set([
-  "enabled",
-  "org",
-  "models",
-  "data",
-]);
+const TOML_MEMORY_KEEP_KEYS = new Set(["enabled", "org", "models", "data"]);
 
 function trimAgentToml(raw: string): string {
   const lines = raw.split("\n");
@@ -353,7 +348,13 @@ function compressWatcher(yamlLines: string[]): string[] {
       const [, key, value] = kv;
       // Block scalar prompt
       if (key === "prompt") {
-        if (value === "|" || value === ">" || value === "" || value === "|-" || value === ">-") {
+        if (
+          value === "|" ||
+          value === ">" ||
+          value === "" ||
+          value === "|-" ||
+          value === ">-"
+        ) {
           // Collect first non-blank child line.
           let k = cursor + 1;
           while (k < yamlLines.length) {
@@ -400,7 +401,11 @@ function compressWatcher(yamlLines: string[]): string[] {
           }
           const subInd = sub.length - sub.trimStart().length;
           if (subInd <= childIndent) break;
-          if (!captured && subInd === schemaInd && sub.trimStart().startsWith("required:")) {
+          if (
+            !captured &&
+            subInd === schemaInd &&
+            sub.trimStart().startsWith("required:")
+          ) {
             const sct = sub.trimStart();
             const inline = sct.slice("required:".length).trim();
             if (inline.startsWith("[") && inline.endsWith("]")) {
@@ -509,7 +514,12 @@ function snippetFrom(
   };
 }
 
-function warnOverBudget(useCase: string, name: string, lines: number, budget: number) {
+function warnOverBudget(
+  useCase: string,
+  name: string,
+  lines: number,
+  budget: number
+) {
   if (lines > budget) {
     console.warn(
       `gen-landing-snippets: ${useCase}/${name} is ${lines} lines — landing budget is ≤ ${budget}.`
@@ -531,32 +541,61 @@ function buildForUseCase(useCase: string): UseCaseSnippets {
     "toml",
     trimAgentToml
   );
-  warnOverBudget(useCase, "lobu.toml", agentToml.code.split("\n").length, BUDGETS.agentToml);
+  warnOverBudget(
+    useCase,
+    "lobu.toml",
+    agentToml.code.split("\n").length,
+    BUDGETS.agentToml
+  );
 
   const memorySchemaYaml = snippetFrom(
     useCase,
     schemaPath,
     "models/schema.yaml",
     "yaml",
-    (raw) => collapseBlanks(compressEntities(extractYamlListItems(raw, "entities", 1))).join("\n")
+    (raw) =>
+      collapseBlanks(
+        compressEntities(extractYamlListItems(raw, "entities", 1))
+      ).join("\n")
+  );
+  warnOverBudget(
+    useCase,
+    "memorySchemaYaml",
+    memorySchemaYaml.code.split("\n").length,
+    BUDGETS.memorySchemaYaml
   );
-  warnOverBudget(useCase, "memorySchemaYaml", memorySchemaYaml.code.split("\n").length, BUDGETS.memorySchemaYaml);
 
   const watcherYaml = snippetFrom(
     useCase,
     schemaPath,
     "models/schema.yaml",
     "yaml",
-    (raw) => collapseBlanks(compressWatcher(extractYamlListItems(raw, "watchers", 1))).join("\n")
+    (raw) =>
+      collapseBlanks(
+        compressWatcher(extractYamlListItems(raw, "watchers", 1))
+      ).join("\n")
+  );
+  warnOverBudget(
+    useCase,
+    "watcherYaml",
+    watcherYaml.code.split("\n").length,
+    BUDGETS.watcherYaml
   );
-  warnOverBudget(useCase, "watcherYaml", watcherYaml.code.split("\n").length, BUDGETS.watcherYaml);
 
-  const reactionPath = firstFile(resolve(root, "models/reactions"), ".reaction.ts");
+  const reactionPath = firstFile(
+    resolve(root, "models/reactions"),
+    ".reaction.ts"
+  );
   let reactionTs: Snippet | undefined;
   if (reactionPath) {
     const rel = `models/reactions/${reactionPath.split("/").pop()}`;
     reactionTs = snippetFrom(useCase, reactionPath, rel, "typescript");
-    warnOverBudget(useCase, rel, reactionTs.code.split("\n").length, BUDGETS.reactionTs);
+    warnOverBudget(
+      useCase,
+      rel,
+      reactionTs.code.split("\n").length,
+      BUDGETS.reactionTs
+    );
   }
 
   const connectorPath = firstFile(resolve(root, "connectors"), ".connector.ts");
@@ -564,7 +603,12 @@ function buildForUseCase(useCase: string): UseCaseSnippets {
   if (connectorPath) {
     const rel = `connectors/${connectorPath.split("/").pop()}`;
     connectorTs = snippetFrom(useCase, connectorPath, rel, "typescript");
-    warnOverBudget(useCase, rel, connectorTs.code.split("\n").length, BUDGETS.connectorTs);
+    warnOverBudget(
+      useCase,
+      rel,
+      connectorTs.code.split("\n").length,
+      BUDGETS.connectorTs
+    );
   }
 
   return { agentToml, memorySchemaYaml, watcherYaml, reactionTs, connectorTs };
diff --git a/packages/landing/src/components/ArchitectureDiagram.tsx b/packages/landing/src/components/ArchitectureDiagram.tsx
index 7c3c7cf12..63647081f 100644
--- a/packages/landing/src/components/ArchitectureDiagram.tsx
+++ b/packages/landing/src/components/ArchitectureDiagram.tsx
@@ -86,10 +86,7 @@ function PlatformList() {
 function LobuContents() {
   return (
     <>
-      

+      

         cli · mcp · api · sdk
       

       

diff --git a/packages/landing/src/components/CodeBlock.tsx b/packages/landing/src/components/CodeBlock.tsx
index 225018347..3f7a1bf45 100644
--- a/packages/landing/src/components/CodeBlock.tsx
+++ b/packages/landing/src/components/CodeBlock.tsx
@@ -428,11 +428,7 @@ export function CodeBlock({
         {lines.length} lines
         
           {footnote}
-          
+          
             see on github →
           
         

From 7431d872761323f629e8e75ebcaea27268b0cadd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 17:37:10 +0100
Subject: [PATCH 19/66] =?UTF-8?q?feat(landing):=20copy=20cleanup=20?=
 =?UTF-8?q?=E2=80=94=20drop=20AI=20cadence=20on=20hero,=20sections,=20card?=
 =?UTF-8?q?s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Round 5 user feedback. Tightens prose where the rhythm read like AI
output without losing the underlying claim.

- Drop the entire PullQuote section ('If you know TypeScript and
  Postgres…' + 'No new language…') — call site and component both gone.
- UseCaseGrid heading: 'Three shapes. One platform.' → 'Three ways
  teams ship Lobu agents.'
- Connectors SectionHeading: 'One event stream for everything your
  team produces.' → 'One typed event stream from every source.'
- Hero subhead: drops the three-parallel-sentence cadence; adds
  'search and cite' as the concrete capability.
- UseCase card 1 (For your team): swaps the 'One-click "Add to Slack"
  wires the bot live' marketing line for the matter-of-fact 'Add the
  bot to Slack from the admin UI'.
- UseCase card 2 (For your org): replaces 'Dreaming watchers deepen
  the graph nightly. No manual ETL.' with the more concrete 'Watchers
  run on cron to add structure overnight, so the schema grows with
  your data.'
- Watchers feature list 'Dreaming' item: drops 'while your team
  sleeps'; collapses 'yesterday's events' to 'the previous day's
  events'.
- Agents feature list 'Ship anywhere' item: replaces the empty
  one-liner with the actual list (Slack/Telegram/Discord/Teams/
  WhatsApp/HTTP/MCP) + 'Same lobu.toml'.

Hero H1 ('Proactive AI agents on self-building knowledge graph') and
the watchers callout (already deleted in round 4) left as-is per the
amended brief.
---
 .../landing/src/components/LandingPage.tsx    | 58 +++++--------------
 1 file changed, 15 insertions(+), 43 deletions(-)

diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index 8a70db68d..ccce55379 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -61,7 +61,6 @@ export function LandingPage(props: {
       
         
       
-      
       
       
-          Connectors emit events. Watchers structure them into memory. Agents
-          act on prompts, events, or cron. Open source, multi-tenant, BYO model.
+          Connectors stream events into an append-only memory. LLM watchers
+          shape them into entities your agent can search and cite. Open source,
+          multi-tenant, BYO model.
         

         

           
+            {open && hasConn ?  : null}
+          

+        );
+      })}
+    
+  );
+}
+
+function ConnectionsRows({ rows }: { rows: ConnectorConnection[] }) {
+  const cols = "1.4fr 1.6fr 1.4fr 0.7fr";
+  return (
+    

+      

+        Member
+        Connected account
+        Last sync
+        Status
+      

+      {rows.map((row) => (
+        

+          
+            
+            {row.member}
+          
+          {row.account}
+          {row.lastSync}
+          
+        

+      ))}
+    

+  );
+}
+
+/* -------------------------------------------------------------------------- */
+/*  WatchersPanel                                                             */
+/* -------------------------------------------------------------------------- */
+
+export function WatchersPanel({ useCase }: { useCase: LandingUseCaseDefinition }) {
+  const rows = buildWatcherRows(useCase);
+  const cols = "1.7fr 0.9fr 0.7fr 1fr 0.7fr";
+  return (
+    
+      

+        Name
+        Entity
+        Status
+        Schedule
+        Last run
+      

+      {rows.map((row, i) => (
+        

+          
+            
+          {row.entity}
+          
+          {row.schedule}
+          {row.last}
+        

+      ))}
+    
+  );
+}
+
+/* -------------------------------------------------------------------------- */
+/*  AgentsPanel                                                               */
+/* -------------------------------------------------------------------------- */
+
+export function AgentsPanel({ useCase }: { useCase: LandingUseCaseDefinition }) {
+  const rows = buildAgentRows(useCase);
+  const cols = "1.6fr 0.9fr 1.6fr 0.7fr 0.7fr";
+  return (
+    
+      

+        Agent
+        Channel
+        Skills
+        Status
+        Last run
+      

+      {rows.map((row, i) => (
+        

+          
+            
+            {row.name}
+          
+          {row.entryPoint}
+          
+            {row.skills.length === 0 ? — : row.skills.map((s) => )}
+          
+          
+          {row.last}
+        

+      ))}
+    
+  );
+}
diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index 2e502fba7..1f3fe0612 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -1,16 +1,23 @@
 import { useState } from "preact/hooks";
 import snippetsManifest from "../generated/use-case-snippets.json";
-import { TERMINAL_OUTPUTS } from "../terminal-outputs";
-import type { LandingUseCaseId } from "../use-case-definitions";
+import {
+  type LandingUseCaseId,
+  landingUseCases,
+} from "../use-case-definitions";
 import {
   DEFAULT_LANDING_USE_CASE_ID,
   getLobuBaseUrl,
 } from "../use-case-showcases";
+import {
+  AgentsPanel,
+  ConnectorsPanel,
+  MemoryPanel,
+  WatchersPanel,
+} from "./AppShellPanels";
 import { ArchitectureDiagram } from "./ArchitectureDiagram";
 import { CodeBlock, type CodeSnippet } from "./CodeBlock";
 import { CTA } from "./CTA";
 import { LatestBlogPosts, type LatestBlogPost } from "./LatestBlogPosts";
-import { TerminalPanel } from "./TerminalPanel";
 
 type UseCaseSnippets = {
   agentToml: CodeSnippet;
@@ -640,7 +647,7 @@ function ProductLink(props: {
 }
 
 function ConnectorsSection({ useCase, useCaseId }: ProductSectionProps) {
-  const terminal = TERMINAL_OUTPUTS[useCaseId]?.connectors;
+  const def = landingUseCases[useCaseId];
   return (
     
       
             ) : null}
-            {terminal ? (
-              
-            ) : null}
+            
           

         }
       />
@@ -706,7 +711,7 @@ function ConnectorsSection({ useCase, useCaseId }: ProductSectionProps) {
 }
 
 function MemorySection({ useCase, useCaseId }: ProductSectionProps) {
-  const terminal = TERMINAL_OUTPUTS[useCaseId]?.memory;
+  const def = landingUseCases[useCaseId];
   return (
     
       
             
-            {terminal ? (
-              
-            ) : null}
+            
           

         }
       />
@@ -765,7 +768,7 @@ function MemorySection({ useCase, useCaseId }: ProductSectionProps) {
 }
 
 function WatchersSection({ useCase, useCaseId }: ProductSectionProps) {
-  const terminal = TERMINAL_OUTPUTS[useCaseId]?.watchers;
+  const def = landingUseCases[useCaseId];
   return (
     
       
-            {terminal ? (
-              
-            ) : null}
+            
           

         }
       />
@@ -834,7 +835,7 @@ function WatchersSection({ useCase, useCaseId }: ProductSectionProps) {
 }
 
 function AgentsSection({ useCase, useCaseId }: ProductSectionProps) {
-  const terminal = TERMINAL_OUTPUTS[useCaseId]?.agents;
+  const def = landingUseCases[useCaseId];
   return (
     
       
             
-            {terminal ? (
-              
-            ) : null}
+            
           

         }
       />
diff --git a/packages/landing/src/components/TerminalPanel.tsx b/packages/landing/src/components/TerminalPanel.tsx
deleted file mode 100644
index 6bfb7b5e2..000000000
--- a/packages/landing/src/components/TerminalPanel.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-/**
- * Faked terminal output panel. Same dark code-bg + dot title bar as the
- * landing's code blocks, but the body is a hand-built sequence of typed
- * segments rather than syntax-highlighted source.
- *
- * Used as the right-column "result" surface for each primitive section
- * (Connectors / Memory / Watchers / Agents). The lines come from
- * `terminal-outputs.ts`, keyed by `[useCaseId][section]`.
- */
-
-export type TerminalSegmentKind =
-  | "plain"
-  | "muted"
-  | "accent"
-  | "string"
-  | "key"
-  | "green";
-
-export type TerminalSegment = { text: string; kind?: TerminalSegmentKind };
-
-export type TerminalLine = TerminalSegment[];
-
-type TerminalPanelProps = {
-  /** Text shown in the dot title bar (e.g. "lobu run · sales"). */
-  title: string;
-  /** Body lines. Each line is a list of segments concatenated as-is. */
-  lines: TerminalLine[];
-  /** Tailwind className for outer wrapper sizing. */
-  className?: string;
-};
-
-const KIND_COLOR: Record = {
-  plain: "var(--color-landing-code-text)",
-  muted: "var(--color-landing-code-comment)",
-  accent: "var(--color-landing-code-keyword)",
-  string: "var(--color-landing-code-string)",
-  key: "var(--color-landing-code-key)",
-  green: "#66c84a",
-};
-
-export function TerminalPanel({ title, lines, className }: TerminalPanelProps) {
-  return (
-    

-      

-        
-        
-        
-        {title}
-      

-      
-        
-          {lines.map((line, lineIdx) => (
-            
-              {line.map((seg, segIdx) => (
-                
-                  {seg.text}
-                
-              ))}
-              {lineIdx < lines.length - 1 ? "\n" : ""}
-            
-          ))}
-        
-      

-    

-  );
-}
diff --git a/packages/landing/src/terminal-outputs.ts b/packages/landing/src/terminal-outputs.ts
deleted file mode 100644
index 56ba016d4..000000000
--- a/packages/landing/src/terminal-outputs.ts
+++ /dev/null
@@ -1,842 +0,0 @@
-/**
- * Per-use-case, per-primitive-section terminal outputs rendered by
- * . These are FAKED transcripts that suggest what the
- * primitive looks like when it runs — chosen to match the connector key,
- * entity slug, watcher name, and agent id the snippet panel on the left is
- * showing.
- *
- * Each entry has a title (the dot-titlebar caption) and a list of lines,
- * where each line is a tagged segment list consumed by TerminalPanel.
- */
-
-import type { LandingUseCaseId } from "./use-case-definitions";
-import type { TerminalLine } from "./components/TerminalPanel";
-
-export type TerminalSectionKey =
-  | "connectors"
-  | "memory"
-  | "watchers"
-  | "agents";
-
-export type TerminalOutput = { title: string; lines: TerminalLine[] };
-
-/** Tiny tagged-template helpers so the data block reads compactly. */
-const p = (text: string): TerminalLine[][number][0] => ({ text });
-const muted = (text: string): TerminalLine[][number][0] => ({
-  text,
-  kind: "muted",
-});
-const accent = (text: string): TerminalLine[][number][0] => ({
-  text,
-  kind: "accent",
-});
-const str = (text: string): TerminalLine[][number][0] => ({
-  text,
-  kind: "string",
-});
-const key = (text: string): TerminalLine[][number][0] => ({
-  text,
-  kind: "key",
-});
-const ok = (text = "✓"): TerminalLine[][number][0] => ({ text, kind: "green" });
-
-const ARROW = muted("→ ");
-const DOLLAR = muted("$ ");
-
-/** Quick line constructor. */
-const line = (...segs: TerminalLine[][number]): TerminalLine => segs;
-
-type PerSection = Record;
-
-/* -------------------------------------------------------------------------- */
-
-const sales: PerSection = {
-  connectors: {
-    title: "lobu run · sales",
-    lines: [
-      line(DOLLAR, p("lobu run")),
-      line(ARROW, p("connector  "), key("salesforce-pipeline   "), ok()),
-      line(
-        ARROW,
-        p("synced     "),
-        str("3 opportunities       "),
-        muted("142 ms")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("salesforce.opp.updated"),
-        p(" "),
-        str("#acme-q4")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("salesforce.opp.updated"),
-        p(" "),
-        str("#wisdom-q1")
-      ),
-    ],
-  },
-  memory: {
-    title: "lobu memory · sales",
-    lines: [
-      line(DOLLAR, p("lobu memory save_knowledge --entity Organization")),
-      line(ARROW, p("entity     "), key("Organization "), str("#acme")),
-      line(
-        ARROW,
-        p("fields     "),
-        p("stage="),
-        str("pilot"),
-        p(" arr="),
-        str("$120k")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("8 ms")
-      ),
-    ],
-  },
-  watchers: {
-    title: "lobu watch · sales",
-    lines: [
-      line(DOLLAR, p("lobu watch")),
-      line(
-        ARROW,
-        p("trigger    "),
-        key("salesforce.opp.updated"),
-        p(" "),
-        str("#acme-q4")
-      ),
-      line(
-        ARROW,
-        p("watcher    "),
-        key("account-health-monitor"),
-        p("  "),
-        accent("running")
-      ),
-      line(
-        ARROW,
-        p("extracted  "),
-        p("risk_level="),
-        str("warm"),
-        p(" first_action="),
-        str('"ping CSM"')
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("312 ms")
-      ),
-    ],
-  },
-  agents: {
-    title: "lobu chat -a sales",
-    lines: [
-      line(DOLLAR, p("lobu chat -a sales")),
-      line(accent("> "), p("how's acme looking?")),
-      line(ARROW, p("recalled   "), str("3 Organization, 2 Product")),
-      line(
-        ARROW,
-        p("reply      "),
-        p("Acme is in pilot ($120k ARR), renewal in 41 days…")
-      ),
-    ],
-  },
-};
-
-const finance: PerSection = {
-  connectors: {
-    title: "lobu run · finance",
-    lines: [
-      line(DOLLAR, p("lobu run")),
-      line(
-        ARROW,
-        p("connector  "),
-        key("quickbooks-transactions"),
-        p("  "),
-        ok()
-      ),
-      line(
-        ARROW,
-        p("synced     "),
-        str("18 transactions       "),
-        muted("96 ms")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("transaction_posted    "),
-        str("$2,140.00 AWS")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("transaction_posted    "),
-        str("$890.00 Datadog")
-      ),
-    ],
-  },
-  memory: {
-    title: "lobu memory · finance",
-    lines: [
-      line(DOLLAR, p("lobu memory save_knowledge --entity Transaction")),
-      line(ARROW, p("entity     "), key("Transaction "), str("#txn-9817")),
-      line(
-        ARROW,
-        p("fields     "),
-        p("amount="),
-        str("$2,140.00"),
-        p(" payee="),
-        str("AWS")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("11 ms")
-      ),
-    ],
-  },
-  watchers: {
-    title: "lobu watch · finance",
-    lines: [
-      line(DOLLAR, p("lobu watch")),
-      line(
-        ARROW,
-        p("trigger    "),
-        key("transaction_posted    "),
-        str("#txn-9817")
-      ),
-      line(
-        ARROW,
-        p("watcher    "),
-        key("reconciliation-monitor"),
-        p("  "),
-        accent("running")
-      ),
-      line(
-        ARROW,
-        p("extracted  "),
-        p("status="),
-        str("unmatched"),
-        p(" suggested_invoice="),
-        str("INV-2204")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("286 ms")
-      ),
-    ],
-  },
-  agents: {
-    title: "lobu chat -a finance",
-    lines: [
-      line(DOLLAR, p("lobu chat -a finance")),
-      line(accent("> "), p("what's outstanding for october?")),
-      line(ARROW, p("recalled   "), str("12 Transaction, 4 Invoice")),
-      line(
-        ARROW,
-        p("reply      "),
-        p("$8,310 unreconciled across 4 vendors. Top: AWS $2,140.")
-      ),
-    ],
-  },
-};
-
-const legal: PerSection = {
-  connectors: {
-    title: "lobu run · legal",
-    lines: [
-      line(DOLLAR, p("lobu run")),
-      line(ARROW, p("connector  "), key("docusign-envelopes    "), ok()),
-      line(
-        ARROW,
-        p("synced     "),
-        str("4 envelopes           "),
-        muted("88 ms")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("envelope_status       "),
-        str("MSA-2024 → completed")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("envelope_status       "),
-        str("NDA-Wisdom → sent")
-      ),
-    ],
-  },
-  memory: {
-    title: "lobu memory · legal",
-    lines: [
-      line(DOLLAR, p("lobu memory save_knowledge --entity Contract")),
-      line(ARROW, p("entity     "), key("Contract    "), str("#msa-2024")),
-      line(
-        ARROW,
-        p("fields     "),
-        p("status="),
-        str("active"),
-        p(" counterparty="),
-        str("Acme Inc")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("9 ms")
-      ),
-    ],
-  },
-  watchers: {
-    title: "lobu watch · legal",
-    lines: [
-      line(DOLLAR, p("lobu watch")),
-      line(
-        ARROW,
-        p("trigger    "),
-        key("envelope_status       "),
-        str("MSA-2024 → completed")
-      ),
-      line(
-        ARROW,
-        p("watcher    "),
-        key("contract-clause-review"),
-        p("  "),
-        accent("running")
-      ),
-      line(
-        ARROW,
-        p("extracted  "),
-        p("missing_clauses=["),
-        str("indemnity, sla"),
-        p("] risk="),
-        str("medium")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("412 ms")
-      ),
-    ],
-  },
-  agents: {
-    title: "lobu chat -a legal",
-    lines: [
-      line(DOLLAR, p("lobu chat -a legal")),
-      line(accent("> "), p("any contracts at risk this quarter?")),
-      line(ARROW, p("recalled   "), str("9 Contract, 14 Clause")),
-      line(
-        ARROW,
-        p("reply      "),
-        p("MSA-2024 missing indemnity + SLA; NDA-Wisdom awaiting sign.")
-      ),
-    ],
-  },
-};
-
-const delivery: PerSection = {
-  connectors: {
-    title: "lobu run · delivery",
-    lines: [
-      line(DOLLAR, p("lobu run")),
-      line(ARROW, p("connector  "), key("shopify-orders        "), ok()),
-      line(
-        ARROW,
-        p("synced     "),
-        str("11 orders             "),
-        muted("104 ms")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("order_updated         "),
-        str("#1042 → fulfilled")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("order_updated         "),
-        str("#1043 → partial")
-      ),
-    ],
-  },
-  memory: {
-    title: "lobu memory · delivery",
-    lines: [
-      line(DOLLAR, p("lobu memory save_knowledge --entity Shipment")),
-      line(ARROW, p("entity     "), key("Shipment    "), str("#sh-1042")),
-      line(
-        ARROW,
-        p("fields     "),
-        p("carrier="),
-        str("FedEx"),
-        p(" eta="),
-        str("Nov 19")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("12 ms")
-      ),
-    ],
-  },
-  watchers: {
-    title: "lobu watch · delivery",
-    lines: [
-      line(DOLLAR, p("lobu watch")),
-      line(
-        ARROW,
-        p("trigger    "),
-        key("order_updated         "),
-        str("#1042 → fulfilled")
-      ),
-      line(
-        ARROW,
-        p("watcher    "),
-        key("at-risk-shipment      "),
-        accent("running")
-      ),
-      line(
-        ARROW,
-        p("extracted  "),
-        p("risk="),
-        str("low"),
-        p(" reason="),
-        str('"on-time carrier scan"')
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("224 ms")
-      ),
-    ],
-  },
-  agents: {
-    title: "lobu chat -a delivery",
-    lines: [
-      line(DOLLAR, p("lobu chat -a delivery")),
-      line(accent("> "), p("anything late this week?")),
-      line(ARROW, p("recalled   "), str("11 Shipment, 2 Incident")),
-      line(
-        ARROW,
-        p("reply      "),
-        p("2 shipments delayed: #1043 (FedEx), #1029 (UPS). ETAs slipped 36h.")
-      ),
-    ],
-  },
-};
-
-const leadership: PerSection = {
-  connectors: {
-    title: "lobu run · leadership",
-    lines: [
-      line(DOLLAR, p("lobu run")),
-      line(ARROW, p("connector  "), key("linear-cycles         "), ok()),
-      line(
-        ARROW,
-        p("synced     "),
-        str("23 issues             "),
-        muted("178 ms")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("issue_state_changed   "),
-        str("ENG-441 → done")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("issue_state_changed   "),
-        str("ENG-447 → blocked")
-      ),
-    ],
-  },
-  memory: {
-    title: "lobu memory · leadership",
-    lines: [
-      line(DOLLAR, p("lobu memory save_knowledge --entity Initiative")),
-      line(
-        ARROW,
-        p("entity     "),
-        key("Initiative  "),
-        str("#ai-platform-q4")
-      ),
-      line(
-        ARROW,
-        p("fields     "),
-        p("status="),
-        str("on-track"),
-        p(" owner="),
-        str("@maria")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("10 ms")
-      ),
-    ],
-  },
-  watchers: {
-    title: "lobu watch · leadership",
-    lines: [
-      line(DOLLAR, p("lobu watch")),
-      line(
-        ARROW,
-        p("trigger    "),
-        key("cron @ 09:00          "),
-        str("monday")
-      ),
-      line(
-        ARROW,
-        p("watcher    "),
-        key("weekly-execution-digest"),
-        p(" "),
-        accent("running")
-      ),
-      line(
-        ARROW,
-        p("extracted  "),
-        p("shipped="),
-        str("18"),
-        p(" blockers="),
-        str("2"),
-        p(" decisions="),
-        str("3")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("1.4 s")
-      ),
-    ],
-  },
-  agents: {
-    title: "lobu chat -a leadership",
-    lines: [
-      line(DOLLAR, p("lobu chat -a leadership")),
-      line(accent("> "), p("how's q4 platform looking?")),
-      line(ARROW, p("recalled   "), str("3 Initiative, 23 Issue")),
-      line(
-        ARROW,
-        p("reply      "),
-        p(
-          "AI Platform on track (18 shipped). Risk: ENG-447 blocked 4d on Stripe."
-        )
-      ),
-    ],
-  },
-};
-
-const agentCommunity: PerSection = {
-  connectors: {
-    title: "lobu run · agent-community",
-    lines: [
-      line(DOLLAR, p("lobu run")),
-      line(ARROW, p("connector  "), key("discourse-posts       "), ok()),
-      line(
-        ARROW,
-        p("synced     "),
-        str("7 posts               "),
-        muted("76 ms")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("post_created          "),
-        str('"How does memory scale?"')
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("post_created          "),
-        str('"OpenClaw + Linear walkthrough"')
-      ),
-    ],
-  },
-  memory: {
-    title: "lobu memory · agent-community",
-    lines: [
-      line(DOLLAR, p("lobu memory save_knowledge --entity Member")),
-      line(ARROW, p("entity     "), key("Member      "), str("#anya")),
-      line(
-        ARROW,
-        p("fields     "),
-        p("focus="),
-        str("evals"),
-        p(" karma="),
-        str("248")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("9 ms")
-      ),
-    ],
-  },
-  watchers: {
-    title: "lobu watch · agent-community",
-    lines: [
-      line(DOLLAR, p("lobu watch")),
-      line(
-        ARROW,
-        p("trigger    "),
-        key("post_created          "),
-        str('"OpenClaw + Linear"')
-      ),
-      line(
-        ARROW,
-        p("watcher    "),
-        key("opportunity-matcher   "),
-        accent("running")
-      ),
-      line(
-        ARROW,
-        p("extracted  "),
-        p("match="),
-        str("@anya"),
-        p(" reason="),
-        str('"writes evals"')
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("289 ms")
-      ),
-    ],
-  },
-  agents: {
-    title: "lobu chat -a agent-community",
-    lines: [
-      line(DOLLAR, p("lobu chat -a agent-community")),
-      line(
-        accent("> "),
-        p("who should I intro to the Linear walkthrough thread?")
-      ),
-      line(ARROW, p("recalled   "), str("48 Member, 12 Opportunity")),
-      line(
-        ARROW,
-        p("reply      "),
-        p("@anya, @lior — both shipped Linear MCP demos last week.")
-      ),
-    ],
-  },
-};
-
-const ecommerce: PerSection = {
-  connectors: {
-    title: "lobu run · ecommerce",
-    lines: [
-      line(DOLLAR, p("lobu run")),
-      line(ARROW, p("connector  "), key("stripe-charges        "), ok()),
-      line(
-        ARROW,
-        p("synced     "),
-        str("32 charges            "),
-        muted("118 ms")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("charge_succeeded      "),
-        str("$49.00 USD #anna")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("charge_refunded       "),
-        str("$129.00 USD #luca")
-      ),
-    ],
-  },
-  memory: {
-    title: "lobu memory · ecommerce",
-    lines: [
-      line(DOLLAR, p("lobu memory save_knowledge --entity Customer")),
-      line(ARROW, p("entity     "), key("Customer    "), str("#anna")),
-      line(
-        ARROW,
-        p("fields     "),
-        p("plan="),
-        str("pro"),
-        p(" status="),
-        str("active")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("7 ms")
-      ),
-    ],
-  },
-  watchers: {
-    title: "lobu watch · ecommerce",
-    lines: [
-      line(DOLLAR, p("lobu watch")),
-      line(
-        ARROW,
-        p("trigger    "),
-        key("charge_refunded       "),
-        str("#luca")
-      ),
-      line(
-        ARROW,
-        p("watcher    "),
-        key("refund-pattern-detector"),
-        p(" "),
-        accent("running")
-      ),
-      line(
-        ARROW,
-        p("extracted  "),
-        p("pattern="),
-        str('"new-sku-friction"'),
-        p(" confidence="),
-        str("0.82")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("351 ms")
-      ),
-    ],
-  },
-  agents: {
-    title: "lobu chat -a ecommerce",
-    lines: [
-      line(DOLLAR, p("lobu chat -a ecommerce")),
-      line(accent("> "), p("what's driving refunds this week?")),
-      line(ARROW, p("recalled   "), str("32 Order, 7 RefundPattern")),
-      line(
-        ARROW,
-        p("reply      "),
-        p('New SKU "travel-mug" has 11% refund rate; sizing complaints x4.')
-      ),
-    ],
-  },
-};
-
-const market: PerSection = {
-  connectors: {
-    title: "lobu run · market",
-    lines: [
-      line(DOLLAR, p("lobu run")),
-      line(ARROW, p("connector  "), key("exa-news-feed         "), ok()),
-      line(
-        ARROW,
-        p("synced     "),
-        str("9 articles            "),
-        muted("220 ms")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("article_published     "),
-        str('"Tigris raises $14M Series A"')
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("article_published     "),
-        str('"Wisdom AI eyes Asia expansion"')
-      ),
-    ],
-  },
-  memory: {
-    title: "lobu memory · market",
-    lines: [
-      line(DOLLAR, p("lobu memory save_knowledge --entity Founder")),
-      line(ARROW, p("entity     "), key("Founder     "), str("#anu-tigris")),
-      line(
-        ARROW,
-        p("fields     "),
-        p("company="),
-        str("Tigris"),
-        p(" theme="),
-        str('"storage infra"')
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("11 ms")
-      ),
-    ],
-  },
-  watchers: {
-    title: "lobu watch · market",
-    lines: [
-      line(DOLLAR, p("lobu watch")),
-      line(
-        ARROW,
-        p("trigger    "),
-        key("article_published     "),
-        str('"Tigris raises $14M"')
-      ),
-      line(
-        ARROW,
-        p("watcher    "),
-        key("founder-activity-tracker"),
-        accent(" running")
-      ),
-      line(
-        ARROW,
-        p("extracted  "),
-        p("activity_level="),
-        str("high"),
-        p(" sentiment="),
-        str("bullish")
-      ),
-      line(
-        ARROW,
-        p("event      "),
-        key("knowledge.created     "),
-        muted("488 ms")
-      ),
-    ],
-  },
-  agents: {
-    title: "lobu chat -a market",
-    lines: [
-      line(DOLLAR, p("lobu chat -a market")),
-      line(accent("> "), p("anything new from the storage-infra space?")),
-      line(ARROW, p("recalled   "), str("3 Founder, 5 Signal")),
-      line(
-        ARROW,
-        p("reply      "),
-        p(
-          "Tigris ($14M Series A, Lightspeed); Anu posted 3x about disagg storage."
-        )
-      ),
-    ],
-  },
-};
-
-export const TERMINAL_OUTPUTS: Record = {
-  sales,
-  finance,
-  legal,
-  delivery,
-  leadership,
-  "agent-community": agentCommunity,
-  ecommerce,
-  market,
-};

From 0e8a5acb4586df2cc2808106274369326a1f7d92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 17:57:02 +0100
Subject: [PATCH 22/66] =?UTF-8?q?feat(landing):=20use-case=20grid=20?=
 =?UTF-8?q?=E2=80=94=20rework=20to=203=20technical=20shapes=20+=20real=20e?=
 =?UTF-8?q?xamples?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

User feedback: card 3 was off-positioning (Lobu = org/team backend, not
B2B SaaS LLM-embed). New framing: every card is a technical shape of a
Lobu agent, each backed by a real examples// project.

- SectionHeading: 'Three ways teams ship Lobu agents.' ->
  'Three shapes. Three working examples.'
- Card 1: Reactive bot / A chat-driven agent. -> office-bot example
- Card 2: Cron digest / A dreaming watcher. -> finance example
- Card 3: Event automation / A connector -> watcher -> reaction
  pipeline. -> sales example

Snippet styling unchanged (same monospace mini-block, same code-bg +
comment/key/string tokens). Links keep target=_blank +
rel=noopener noreferrer as before.
---
 .../landing/src/components/LandingPage.tsx    | 72 ++++++++++---------
 1 file changed, 37 insertions(+), 35 deletions(-)

diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index 1f3fe0612..9263dfda5 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -339,13 +339,12 @@ function UseCaseGrid() {
     link: { href: string; label: string };
   }> = [
     {
-      eyebrow: "For your team",
-      title: "An internal Slack bot.",
+      eyebrow: "Reactive bot",
+      title: "A chat-driven agent.",
       body: (
         <>
-          Lunch ordering, Linear triage, standup digests. Add the bot to Slack
-          from the admin UI; the same agent also runs on Telegram, Discord, or
-          MS Teams.
+          Fires per message in Slack, Telegram, Discord, MS Teams, WhatsApp, or
+          HTTP. Recalls memory, calls tools, replies.
         
       ),
       snippetLines: [
@@ -355,7 +354,7 @@ function UseCaseGrid() {
         ,
         <>
           →{" "}
-          agent: lunch ready
+          agent: office-bot ready
         ,
         <>
           →{" "}
@@ -371,13 +370,12 @@ function UseCaseGrid() {
       },
     },
     {
-      eyebrow: "For your org",
-      title: "A knowledge graph from your team's data.",
+      eyebrow: "Cron digest",
+      title: "A dreaming watcher.",
       body: (
         <>
-          Pull from Slack, Notion, Gmail, GitHub, Linear. Declare entity types
-          once. Watchers run on cron to add structure overnight, so the schema
-          grows with your data.
+          Runs on a schedule (cron). Aggregates the previous day's events into
+          higher-level entities your team can read in the morning.
         
       ),
       snippetLines: [
@@ -386,7 +384,7 @@ function UseCaseGrid() {
         ,
         <>
           
-            entities
+            watchers
           
           :
         ,
@@ -394,53 +392,57 @@ function UseCaseGrid() {
           {"  - "}
           slug:{" "}
           
-            customer
+            month-end-variance
           
         ,
         <>
-          {"  - "}
-          slug:{" "}
-          
-            incident
+          {"    "}
+          
+            schedule
           
-        ,
-        <>
-          {"  - "}
-          slug:{" "}
+          :{" "}
           
-            order
+            "0 9 * * 1"
           
         ,
       ],
       link: {
-        href: "https://github.com/lobu-ai/lobu/tree/main/examples/lobu-crm",
-        label: "See lobu-crm example",
+        href: "https://github.com/lobu-ai/lobu/tree/main/examples/finance",
+        label: "See finance example",
       },
     },
     {
-      eyebrow: "For your users",
-      title: "An agent inside your product.",
+      eyebrow: "Event automation",
+      title: "A connector → watcher → reaction pipeline.",
       body: (
         <>
-          Sandbox + memory per customer. Per-user OAuth, workers never see the
-          tokens. Integrate via HTTP API or MCP.
+          An external event lands in the stream, a watcher extracts structured
+          data, an optional reaction calls Slack / Linear / Salesforce / etc.
         
       ),
       snippetLines: [
         
-          POST /agents/assistant/run
+          # salesforce.opportunity.updated
         ,
         <>
+          →{" "}
+          watcher:{" "}
           
-            x-lobu-user
+            renewal-risk
           
-          :{" "}
-          
-            "acme_user_42"
+        ,
+        <>
+          →{" "}
+          reaction:{" "}
+          
+            ping_csm
           
         ,
       ],
-      link: { href: "/getting-started/", label: "See multi-tenant SDK" },
+      link: {
+        href: "https://github.com/lobu-ai/lobu/tree/main/examples/sales",
+        label: "See sales example",
+      },
     },
   ];
 
@@ -453,7 +455,7 @@ function UseCaseGrid() {
         

           What you'd build
           
-            Three ways teams ship Lobu agents.
+            Three shapes. Three working examples.
           
         

         


From fd61cea812706abb5ddc0906724f4d02b3ba74b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 18:07:30 +0100
Subject: [PATCH 23/66] revert(landing): remove AppShellPanels result panels
 from round 6
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

User: 'maybe let's just remove for now.' The synthesized rows
(buildSampleConnections -> Albert Lund / 2m ago / lobu-prod.workspace)
felt dishonest as a Lobu Cloud preview; we may swap in real screenshots
later.

- Drop imports for ConnectorsPanel / MemoryPanel / WatchersPanel /
  AgentsPanel + the landingUseCases import that fed them.
- Strip the panel render from each of the 4 product sections; right
  column is now just the CodeBlock. ProductGrid layout (text + code,
  alternating reverse) unchanged.
- Delete packages/landing/src/components/AppShellPanels.tsx (439 lines).

knip on packages/landing reports only pre-existing orphans
(functions/*, starlight-*.css, asciinema-player.css) — no leftover
panel callers.
---
 .../landing/src/components/AppShellPanels.tsx | 439 ------------------
 .../landing/src/components/LandingPage.tsx    |  55 +--
 2 files changed, 14 insertions(+), 480 deletions(-)
 delete mode 100644 packages/landing/src/components/AppShellPanels.tsx

diff --git a/packages/landing/src/components/AppShellPanels.tsx b/packages/landing/src/components/AppShellPanels.tsx
deleted file mode 100644
index 6fd2498c2..000000000
--- a/packages/landing/src/components/AppShellPanels.tsx
+++ /dev/null
@@ -1,439 +0,0 @@
-// biome-ignore-all format: stays compact for the landing-page right-column
-
-import { useState } from "preact/hooks";
-import type { LandingUseCaseDefinition } from "../use-case-definitions";
-
-/* -------------------------------------------------------------------------- */
-/*  Shared primitives                                                         */
-/* -------------------------------------------------------------------------- */
-
-type Tone = "neutral" | "amber" | "violet" | "green" | "muted" | "red";
-
-function Badge({ label, tone = "neutral" }: { label: string; tone?: Tone }) {
-  const palette: Record = {
-    neutral: { bg: "var(--color-page-surface-dim)", color: "var(--color-page-text)", border: "transparent" },
-    amber: { bg: "rgba(245,158,11,0.12)", color: "#b45309", border: "rgba(245,158,11,0.25)" },
-    violet: { bg: "rgba(139,92,246,0.12)", color: "#6d28d9", border: "rgba(139,92,246,0.25)" },
-    green: { bg: "rgba(16,185,129,0.12)", color: "#047857", border: "rgba(16,185,129,0.25)" },
-    red: { bg: "rgba(239,68,68,0.12)", color: "#b91c1c", border: "rgba(239,68,68,0.25)" },
-    muted: { bg: "rgba(0,0,0,0.05)", color: "var(--color-page-text-muted)", border: "transparent" },
-  };
-  const c = palette[tone];
-  return (
-    
-      {label}
-    
-  );
-}
-
-function BotIcon({ size = 12 }: { size?: number }) {
-  return (
-    
-  );
-}
-
-function HardDriveIcon({ size = 11 }: { size?: number }) {
-  return (
-    
-  );
-}
-
-function ChevronRightSmall({ open }: { open?: boolean }) {
-  return (
-    
-  );
-}
-
-function PanelFrame(props: { eyebrow: string; title: string; children: preact.ComponentChildren }) {
-  return (
-    

-      

-        {props.eyebrow}
-        {props.title}
-      

-      {props.children}
-    

-  );
-}
-
-/* -------------------------------------------------------------------------- */
-/*  Builders                                                                  */
-/* -------------------------------------------------------------------------- */
-
-const TONE_BY_INDEX: Tone[] = ["amber", "violet", "green", "amber", "violet"];
-const RELATIVE_TIMES = ["Just now", "12m ago", "2h ago", "1d ago", "5d ago"];
-const SYNC_TIMES = ["Just now", "2m ago", "14m ago", "1h ago", "8m ago"];
-
-const SAMPLE_MEMBERS: Array<{ name: string; email: string }> = [
-  { name: "Albert Lund", email: "albert@runway.io" },
-  { name: "Jenna Roberts", email: "jenna@flatfile.com" },
-  { name: "David Chen", email: "david@modal.dev" },
-];
-
-const KNOWN_BRANDS = new Set(["github", "gitlab", "hubspot", "salesforce", "pagerduty", "zendesk", "notion", "linear", "slack", "gmail", "stripe", "intercom", "jira", "datadog", "sentry", "shopify", "docusign", "quickbooks", "discourse", "exa"]);
-const BRAND_NAME_OVERRIDES: Record = {
-  github: "GitHub", gitlab: "GitLab", hubspot: "HubSpot", salesforce: "Salesforce", pagerduty: "PagerDuty", zendesk: "Zendesk", notion: "Notion", linear: "Linear", slack: "Slack", gmail: "Gmail", postgres: "Postgres", datadog: "Datadog", sentry: "Sentry", stripe: "Stripe", intercom: "Intercom", jira: "Jira", shopify: "Shopify", docusign: "DocuSign", quickbooks: "QuickBooks", discourse: "Discourse", exa: "Exa",
-};
-
-function brandName(slug: string): string {
-  const lower = slug.toLowerCase();
-  return BRAND_NAME_OVERRIDES[lower] ?? slug.charAt(0).toUpperCase() + slug.slice(1);
-}
-
-function brandKey(name: string): string | null {
-  const k = name.trim().toLowerCase().replace(/[^a-z0-9]/g, "");
-  if (!k) return null;
-  if (KNOWN_BRANDS.has(k)) return k;
-  for (const key of KNOWN_BRANDS) {
-    if (k.startsWith(key) || k.includes(key)) return key;
-  }
-  return null;
-}
-
-function stripLabelPrefix(label: string): string {
-  const m = label.match(/^[A-Za-z][A-Za-z ]*?:\s*(.*)$/);
-  return m ? m[1] : label;
-}
-
-type RecordRow = {
-  id: string;
-  name: string;
-  summary: string;
-  type: string;
-  typeTone: Tone;
-  tag: string;
-  tagTone: Tone;
-  updated: string;
-};
-
-function buildRecordRows(useCase: LandingUseCaseDefinition): RecordRow[] {
-  const children = useCase.memory.recordTree.children ?? [];
-  return children.slice(0, 4).map((child, i) => ({
-    id: child.id,
-    name: stripLabelPrefix(child.label),
-    summary: child.summary,
-    type: child.kind,
-    typeTone: TONE_BY_INDEX[i % TONE_BY_INDEX.length],
-    tag: child.chips?.[0] ?? "memory",
-    tagTone: TONE_BY_INDEX[(i + 2) % TONE_BY_INDEX.length],
-    updated: RELATIVE_TIMES[i % RELATIVE_TIMES.length],
-  }));
-}
-
-type ConnectorConnection = {
-  member: string;
-  email: string;
-  account: string;
-  lastSync: string;
-  status: "Active" | "Idle";
-};
-
-type ConnectorRow = {
-  id: string;
-  name: string;
-  description: string;
-  status: "Connected" | "Available";
-  connections: ConnectorConnection[];
-};
-
-function synthAccount(name: string, label: string): string {
-  const slug = name.split(" ")[0]?.toLowerCase() ?? "user";
-  const lower = label.toLowerCase();
-  if (lower.includes("github")) return `@${slug}`;
-  if (lower.includes("slack") || lower.includes("teams")) return "lobu-prod.workspace";
-  if (lower.includes("linear")) return "lobu workspace";
-  if (lower.includes("gmail")) return `${slug}@example.com`;
-  if (lower.includes("drive")) return `${slug} · Drive`;
-  if (lower.includes("stripe") || lower.includes("quickbook")) return `${slug}-acct-001`;
-  if (lower.includes("shopify")) return `${slug}.myshopify.com`;
-  if (lower.includes("salesforce") || lower.includes("hubspot")) return "lobu-prod.salesforce.com";
-  if (lower.includes("docusign")) return `${slug}@lobu`;
-  if (lower.includes("discourse")) return "forum.lobu.ai";
-  if (lower.includes("exa")) return "exa-search-v1";
-  return `${slug}@lobu`;
-}
-
-function buildSampleConnections(label: string, count: number): ConnectorConnection[] {
-  return SAMPLE_MEMBERS.slice(0, count).map((m, i) => ({
-    member: m.name,
-    email: m.email,
-    account: synthAccount(m.name, label),
-    lastSync: SYNC_TIMES[i % SYNC_TIMES.length],
-    status: i === 2 ? "Idle" : "Active",
-  }));
-}
-
-function buildConnectors(useCase: LandingUseCaseDefinition): ConnectorRow[] {
-  const connectStep = useCase.memory.howItWorks.find((s) => s.id === "connect");
-  const chips = connectStep?.chips ?? [];
-  const domains = useCase.skills.allowedDomains ?? [];
-  const fromChips = chips.map((label, i) => {
-    const connections = i < 2 ? buildSampleConnections(label, i === 0 ? 3 : 2) : [];
-    return {
-      id: `chip-${i}`,
-      name: label,
-      description: `${label} integration`,
-      status: (connections.length > 0 ? "Connected" : "Available") as ConnectorRow["status"],
-      connections,
-    };
-  });
-  const fromDomains = domains
-    .map((domain, i) => {
-      const host = domain.replace(/^\*\.|^api\.|^\./, "");
-      const slug = host.split(".")[0];
-      return { id: `domain-${i}`, slug, name: brandName(slug), description: host, status: "Connected" as const, connections: buildSampleConnections(slug, 1) };
-    })
-    .filter((d) => d.slug.length > 0)
-    .slice(0, 2);
-  const seen = new Set();
-  return [...fromChips, ...fromDomains]
-    .filter((c) => {
-      const key = brandKey(c.name) ?? c.name.toLowerCase();
-      if (!key || seen.has(key)) return false;
-      seen.add(key);
-      return true;
-    })
-    .slice(0, 4);
-}
-
-type WatcherRow = {
-  name: string;
-  entity: string;
-  agent: string;
-  status: "Active" | "Inactive";
-  schedule: string;
-  last: string;
-};
-
-function buildWatcherRows(useCase: LandingUseCaseDefinition): WatcherRow[] {
-  const watcher = useCase.memory.watcher;
-  const primary = useCase.model.entities[0] ?? "Record";
-  const second = useCase.model.entities[1] ?? primary;
-  const agentLabel = `${useCase.label} agent`;
-  return [
-    { name: watcher.name, entity: primary, agent: agentLabel, status: "Active", schedule: watcher.schedule, last: "Just now" },
-    { name: `${second} change tracker`, entity: second, agent: agentLabel, status: "Active", schedule: "every 30m", last: "12m ago" },
-    { name: `${primary} digest`, entity: primary, agent: agentLabel, status: "Inactive", schedule: "*/15 * * * *", last: "—" },
-  ];
-}
-
-type AgentRow = {
-  name: string;
-  entryPoint: string;
-  skills: string[];
-  status: "Active" | "Paused";
-  last: string;
-};
-
-const ENTRY_POINT_OPTIONS = ["Slack", "Telegram", "MCP", "HTTP"];
-const FALLBACK_AGENT_SKILLS: Record = {
-  legal: ["contract-review", "clause-risk", "legal-memory"],
-  finance: ["reconciliation", "stripe", "close-review"],
-  sales: ["account-research", "crm-sync", "renewal-risk"],
-  delivery: ["fulfilment", "shipment-watch", "ticket-triage"],
-  leadership: ["decision-brief", "risk-summary", "follow-ups"],
-  "agent-community": ["member-intros", "event-digest", "moderation"],
-  ecommerce: ["refund-watch", "order-summary", "support-replies"],
-  market: ["deal-research", "founder-signals", "portfolio-news"],
-};
-
-function buildAgentRows(useCase: LandingUseCaseDefinition): AgentRow[] {
-  const skills = useCase.skills.skills.length ? useCase.skills.skills : (FALLBACK_AGENT_SKILLS[useCase.id] ?? [useCase.skills.skillId, "memory-sync", "source-monitor"]);
-  const baseAgent = useCase.skills.agentId ?? `${useCase.id}-agent`;
-  const watcherName = useCase.memory.watcher.name;
-  return [
-    { name: baseAgent, entryPoint: ENTRY_POINT_OPTIONS[0], skills: skills.slice(0, 2), status: "Active", last: "Just now" },
-    { name: watcherName, entryPoint: ENTRY_POINT_OPTIONS[1], skills: skills.slice(2, 4), status: "Active", last: "14m ago" },
-    { name: `${useCase.label.toLowerCase()} digest`, entryPoint: ENTRY_POINT_OPTIONS[2], skills: skills.slice(0, 1), status: "Paused", last: "—" },
-  ];
-}
-
-/* -------------------------------------------------------------------------- */
-/*  MemoryPanel — entity chips + record rows                                  */
-/* -------------------------------------------------------------------------- */
-
-export function MemoryPanel({ useCase }: { useCase: LandingUseCaseDefinition }) {
-  const rows = buildRecordRows(useCase);
-  const entities = useCase.model.entities.slice(0, 5);
-  const cols = "1.3fr 2fr 0.9fr 0.8fr";
-  return (
-    
-      

-        entities
-        {entities.map((label, i) => (
-          {label}
-        ))}
-      

-      

-        Record
-        Summary
-        Tag
-        Updated
-      

-      {rows.map((row, i) => (
-        

-          
-            
-            {row.name}
-          
-          {row.summary}
-          
-          {row.updated}
-        

-      ))}
-    
-  );
-}
-
-/* -------------------------------------------------------------------------- */
-/*  ConnectorsPanel — collapsible per-connector rows with sample connections  */
-/* -------------------------------------------------------------------------- */
-
-export function ConnectorsPanel({ useCase }: { useCase: LandingUseCaseDefinition }) {
-  const connectors = buildConnectors(useCase);
-  const firstWith = connectors.find((c) => c.connections.length > 0);
-  const [openId, setOpenId] = useState(firstWith?.id ?? null);
-  const cols = "1.6fr 0.9fr 1fr 0.7fr";
-  return (
-    
-      

-        Connector
-        Run on
-        Last sync
-        Status
-      

-      {connectors.map((c, i) => {
-        const open = openId === c.id;
-        const isLast = i === connectors.length - 1;
-        const hasConn = c.connections.length > 0;
-        const runOn = hasConn ? ["Any device", "Burak's MacBook", "ops-runner-01"][i % 3] : "—";
-        const lastSync = hasConn ? c.connections[0].lastSync : "—";
-        return (
-          

-            
-            {open && hasConn ?  : null}
-          

-        );
-      })}
-    
-  );
-}
-
-function ConnectionsRows({ rows }: { rows: ConnectorConnection[] }) {
-  const cols = "1.4fr 1.6fr 1.4fr 0.7fr";
-  return (
-    

-      

-        Member
-        Connected account
-        Last sync
-        Status
-      

-      {rows.map((row) => (
-        

-          
-            
-            {row.member}
-          
-          {row.account}
-          {row.lastSync}
-          
-        

-      ))}
-    

-  );
-}
-
-/* -------------------------------------------------------------------------- */
-/*  WatchersPanel                                                             */
-/* -------------------------------------------------------------------------- */
-
-export function WatchersPanel({ useCase }: { useCase: LandingUseCaseDefinition }) {
-  const rows = buildWatcherRows(useCase);
-  const cols = "1.7fr 0.9fr 0.7fr 1fr 0.7fr";
-  return (
-    
-      

-        Name
-        Entity
-        Status
-        Schedule
-        Last run
-      

-      {rows.map((row, i) => (
-        

-          
-            
-          {row.entity}
-          
-          {row.schedule}
-          {row.last}
-        

-      ))}
-    
-  );
-}
-
-/* -------------------------------------------------------------------------- */
-/*  AgentsPanel                                                               */
-/* -------------------------------------------------------------------------- */
-
-export function AgentsPanel({ useCase }: { useCase: LandingUseCaseDefinition }) {
-  const rows = buildAgentRows(useCase);
-  const cols = "1.6fr 0.9fr 1.6fr 0.7fr 0.7fr";
-  return (
-    
-      

-        Agent
-        Channel
-        Skills
-        Status
-        Last run
-      

-      {rows.map((row, i) => (
-        

-          
-            
-            {row.name}
-          
-          {row.entryPoint}
-          
-            {row.skills.length === 0 ? — : row.skills.map((s) => )}
-          
-          
-          {row.last}
-        

-      ))}
-    
-  );
-}
diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index 9263dfda5..27b7aafb3 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -1,19 +1,10 @@
 import { useState } from "preact/hooks";
 import snippetsManifest from "../generated/use-case-snippets.json";
-import {
-  type LandingUseCaseId,
-  landingUseCases,
-} from "../use-case-definitions";
+import type { LandingUseCaseId } from "../use-case-definitions";
 import {
   DEFAULT_LANDING_USE_CASE_ID,
   getLobuBaseUrl,
 } from "../use-case-showcases";
-import {
-  AgentsPanel,
-  ConnectorsPanel,
-  MemoryPanel,
-  WatchersPanel,
-} from "./AppShellPanels";
 import { ArchitectureDiagram } from "./ArchitectureDiagram";
 import { CodeBlock, type CodeSnippet } from "./CodeBlock";
 import { CTA } from "./CTA";
@@ -648,8 +639,7 @@ function ProductLink(props: {
   );
 }
 
-function ConnectorsSection({ useCase, useCaseId }: ProductSectionProps) {
-  const def = landingUseCases[useCaseId];
+function ConnectorsSection({ useCase }: ProductSectionProps) {
   return (
     
       
         }
         code={
-          

-            {useCase.connectorTs ? (
-              
-            ) : null}
-            
-          

+          useCase.connectorTs ? (
+            
+          ) : null
         }
       />
     
   );
 }
 
-function MemorySection({ useCase, useCaseId }: ProductSectionProps) {
-  const def = landingUseCases[useCaseId];
+function MemorySection({ useCase }: ProductSectionProps) {
   return (
     
       
         }
         code={
-          

-            
-            
-          

+          
         }
       />
     
   );
 }
 
-function WatchersSection({ useCase, useCaseId }: ProductSectionProps) {
-  const def = landingUseCases[useCaseId];
+function WatchersSection({ useCase }: ProductSectionProps) {
   return (
     
       
         }
         code={
-          

-            
-            
-          

+          
         }
       />
     
   );
 }
 
-function AgentsSection({ useCase, useCaseId }: ProductSectionProps) {
-  const def = landingUseCases[useCaseId];
+function AgentsSection({ useCase }: ProductSectionProps) {
   return (
     
       
           

         }
-        code={
-          

-            
-            
-          

-        }
+        code={}
       />
     
   );

From b1ea6431ec098b6f44af8a34ffde36602b3c3bbd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 18:10:26 +0100
Subject: [PATCH 24/66] feat(landing): add Skills section between Watchers and
 Agents
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

User: 'above agents maybe we can have one more section called skills.'
Lands SkillsSection (reverse grid, code on left, text on right) so the
new section flow reads:

  Hero -> Architecture -> UseCaseGrid -> Pivot -> Connectors ->
  Memory -> Watchers -> Skills -> Agents -> Run anywhere -> CTA -> Posts

Section content:
- Eyebrow: 'Skills'
- Heading: 'Bundle tools, packages, and policy into one drop-in.'
- Lede + 4-item FeatureList (Instructions / Tools / Network / Packages)
- ProductLink 'Read the skills guide' -> /getting-started/

Code panel:
- Static CodeSnippet (not pivoted — only lobu-crm + office-bot ship
  SKILL.md today). Holds the YAML frontmatter + '# CRM operations' +
  first paragraph of examples/lobu-crm/agents/crm/skills/crm-ops/SKILL.md.
- tabLabel = agents/crm/skills/crm-ops/SKILL.md
- badge = 'skill'
- githubUrl points at the file on main.

CodeBlock now supports markdown language:
- Tokenizer recognises the leading '---' frontmatter fences, frontmatter
  'key: value' pairs (key + string colour), ATX headings (# … through
  ###### …), and inline backtick code spans. Everything else falls
  through as plain text.
---
 packages/landing/src/components/CodeBlock.tsx | 69 ++++++++++++++-
 .../landing/src/components/LandingPage.tsx    | 87 ++++++++++++++++++-
 2 files changed, 152 insertions(+), 4 deletions(-)

diff --git a/packages/landing/src/components/CodeBlock.tsx b/packages/landing/src/components/CodeBlock.tsx
index 3f7a1bf45..dc0dfdb79 100644
--- a/packages/landing/src/components/CodeBlock.tsx
+++ b/packages/landing/src/components/CodeBlock.tsx
@@ -4,7 +4,7 @@ export type CodeSnippet = {
   code: string;
   path: string;
   githubUrl: string;
-  language: "toml" | "yaml" | "typescript";
+  language: "toml" | "yaml" | "typescript" | "markdown";
 };
 
 type CodeBlockProps = {
@@ -357,7 +357,74 @@ function mergePlain(tokens: Token[]): Token[] {
   return out;
 }
 
+/* -------------------------------------------------------------------------- */
+/*  Markdown tokenizer — frontmatter fence, frontmatter keys, ATX headings,   */
+/*  and inline backtick code spans. Everything else falls through as plain.   */
+/* -------------------------------------------------------------------------- */
+
+function tokenizeMarkdownFile(code: string): Token[][] {
+  const lines = code.split("\n");
+  let inFrontmatter = false;
+  return lines.map((line, idx) => {
+    if (line.trim() === "---") {
+      // Open frontmatter on first `---`, close on second.
+      if (idx === 0) {
+        inFrontmatter = true;
+        return [{ kind: "punctuation", text: line }];
+      }
+      if (inFrontmatter) {
+        inFrontmatter = false;
+        return [{ kind: "punctuation", text: line }];
+      }
+      return [{ kind: "punctuation", text: line }];
+    }
+    if (inFrontmatter) {
+      // `key: value`
+      const m = /^([A-Za-z_][\w-]*)(\s*:\s*)(.*)$/.exec(line);
+      if (m) {
+        return [
+          { kind: "key", text: m[1] },
+          { kind: "punctuation", text: m[2] },
+          { kind: "string", text: m[3] },
+        ];
+      }
+      return [{ kind: "plain", text: line }];
+    }
+    // ATX heading.
+    const heading = /^(#{1,6})(\s+.*)$/.exec(line);
+    if (heading) {
+      return [
+        { kind: "keyword", text: heading[1] },
+        { kind: "key", text: heading[2] },
+      ];
+    }
+    // Inline backtick code spans.
+    if (line.includes("`")) {
+      const out: Token[] = [];
+      let i = 0;
+      while (i < line.length) {
+        const tick = line.indexOf("`", i);
+        if (tick === -1) {
+          out.push({ kind: "plain", text: line.slice(i) });
+          break;
+        }
+        if (tick > i) out.push({ kind: "plain", text: line.slice(i, tick) });
+        const end = line.indexOf("`", tick + 1);
+        if (end === -1) {
+          out.push({ kind: "plain", text: line.slice(tick) });
+          break;
+        }
+        out.push({ kind: "string", text: line.slice(tick, end + 1) });
+        i = end + 1;
+      }
+      return out;
+    }
+    return [{ kind: "plain", text: line }];
+  });
+}
+
 function highlight(code: string, language: CodeSnippet["language"]): Token[][] {
+  if (language === "markdown") return tokenizeMarkdownFile(code);
   const tokenize =
     language === "toml"
       ? tokenizeToml
diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index 27b7aafb3..0d4c28017 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -67,6 +67,7 @@ export function LandingPage(props: {
       
       
       
+      
       
       
       
@@ -744,9 +745,7 @@ function MemorySection({ useCase }: ProductSectionProps) {
             
           

         }
-        code={
-          
-        }
+        code={}
       />
     
   );
@@ -815,6 +814,88 @@ function WatchersSection({ useCase }: ProductSectionProps) {
   );
 }
 
+/* -------------------------------------------------------------------------- */
+/*  Skills section — not use-case pivoted (only lobu-crm + office-bot ship    */
+/*  skills today). Snippet is the YAML frontmatter + first heading +          */
+/*  first paragraph of examples/lobu-crm/agents/crm/skills/crm-ops/SKILL.md.  */
+/* -------------------------------------------------------------------------- */
+
+const SKILL_SNIPPET: CodeSnippet = {
+  path: "agents/crm/skills/crm-ops/SKILL.md",
+  githubUrl:
+    "https://github.com/lobu-ai/lobu/blob/main/examples/lobu-crm/agents/crm/skills/crm-ops/SKILL.md",
+  language: "markdown",
+  code: `---
+name: crm-ops
+description: How to operate the Lobu funnel CRM — create and enrich leads, log interactions, advance funnel stages, open and update pilots.
+---
+
+# CRM operations
+
+The CRM lives in Lobu memory. Two entity types — \`lead\` and \`pilot\` — hold current state; events of type \`lead:*\` / \`pilot:*\` are the append-only history.`,
+};
+
+function SkillsSection() {
+  return (
+    
+      
+            Skills
+            
+              Bundle tools, packages, and policy into one drop-in.
+            
+            

+              A skill is a folder with a{" "}
+              SKILL.md. Drop it in{" "}
+              skills/ or{" "}
+              agents/<id>/skills/
+              ,{" "}
+              lobu apply picks it up.
+              The agent gets instructions, tools, network, and packages in one
+              shot.
+            

+            
+                  Instructions — markdown describing when the agent
+                  should use this skill.
+                ,
+                <>
+                  Tools — TypeScript functions the agent calls.
+                  Auto-registered as MCP tools.
+                ,
+                <>
+                  Network — allowed domains + per-domain LLM egress
+                  judge in YAML.
+                ,
+                <>
+                  Packages — Nix packages (git, jq, etc.) merged into
+                  the worker env.
+                ,
+              ]}
+            />
+            
+              Read the skills guide
+            
+          

+        }
+        code={
+          
+        }
+      />
+    
+  );
+}
+
 function AgentsSection({ useCase }: ProductSectionProps) {
   return (
     

From 68c5c3368e18db77a7c6cbe220144615d324f716 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 18:18:16 +0100
Subject: [PATCH 25/66] feat(landing): swap Skills snippet to deliveroo-order
 SKILL.md
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The crm-ops/SKILL.md frontmatter only carried name+description, which
didn't back the section's 'bundle tools, packages, and policy' pitch.
Swap to office-bot/agents/food-ordering/skills/deliveroo-order — its
frontmatter exercises every promised field:

  - nixPackages: [chromium]
  - network.allow (registry.npmjs.org, playwright.azureedge.net)
  - network.judge (deliveroo.co.uk, deliveroo.com)
  - judges.default — plain-English egress policy that allows reads +
    basket mutations and DENIES checkout/payment

Description and judges.default policy trimmed to keep the snippet at
19 lines (was 30+ in source). H1 + first paragraph dropped — the
frontmatter alone makes the pitch and there's no room to scroll on the
right column.

tabLabel updated to agents/food-ordering/skills/deliveroo-order/SKILL.md;
githubUrl points at the file on main; language stays markdown so the
tokenizer keeps colouring frontmatter keys, the --- fences, and the
inline backtick code spans (`lobu apply`, etc.).

Body lede tweaked: 'instructions, tools, network, and packages' ->
'instructions, tools, packages, and a per-domain LLM egress policy'
so the prose matches what the new snippet actually demonstrates.
---
 .../landing/src/components/LandingPage.tsx    | 55 ++++++++++++-------
 1 file changed, 35 insertions(+), 20 deletions(-)

diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index 0d4c28017..8586c8d03 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -816,23 +816,37 @@ function WatchersSection({ useCase }: ProductSectionProps) {
 
 /* -------------------------------------------------------------------------- */
 /*  Skills section — not use-case pivoted (only lobu-crm + office-bot ship    */
-/*  skills today). Snippet is the YAML frontmatter + first heading +          */
-/*  first paragraph of examples/lobu-crm/agents/crm/skills/crm-ops/SKILL.md.  */
+/*  skills today). Snippet is the YAML frontmatter of                         */
+/*  examples/office-bot/agents/food-ordering/skills/deliveroo-order/SKILL.md  */
+/*  because deliveroo-order is the example that exercises every frontmatter   */
+/*  field the section's pitch promises: nixPackages, network.allow,           */
+/*  network.judge, and a judges.default policy.                               */
 /* -------------------------------------------------------------------------- */
 
 const SKILL_SNIPPET: CodeSnippet = {
-  path: "agents/crm/skills/crm-ops/SKILL.md",
+  path: "agents/food-ordering/skills/deliveroo-order/SKILL.md",
   githubUrl:
-    "https://github.com/lobu-ai/lobu/blob/main/examples/lobu-crm/agents/crm/skills/crm-ops/SKILL.md",
+    "https://github.com/lobu-ai/lobu/blob/main/examples/office-bot/agents/food-ordering/skills/deliveroo-order/SKILL.md",
   language: "markdown",
   code: `---
-name: crm-ops
-description: How to operate the Lobu funnel CRM — create and enrich leads, log interactions, advance funnel stages, open and update pilots.
----
-
-# CRM operations
-
-The CRM lives in Lobu memory. Two entity types — \`lead\` and \`pilot\` — hold current state; events of type \`lead:*\` / \`pilot:*\` are the append-only history.`,
+name: deliveroo-order
+description: Read a restaurant's Deliveroo menu and assemble a group-order basket for the office lunch. Reading menus is allowed; completing checkout or touching payment is NOT.
+nixPackages:
+  - chromium
+network:
+  allow:
+    - registry.npmjs.org
+    - playwright.azureedge.net
+  judge:
+    - deliveroo.co.uk
+    - deliveroo.com
+judges:
+  default: >
+    Allow GET reads of restaurant listings, menus, item details, and the basket.
+    Allow POST/PUT that build or modify a basket (add, remove, change quantity).
+    DENY anything that completes checkout, touches payment, or modifies account.
+    If the effect is unclear, fail closed.
+---`,
 };
 
 function SkillsSection() {
@@ -853,11 +867,12 @@ function SkillsSection() {
               A skill is a folder with a{" "}
               SKILL.md. Drop it in{" "}
               skills/ or{" "}
-              agents/<id>/skills/
-              ,{" "}
-              lobu apply picks it up.
-              The agent gets instructions, tools, network, and packages in one
-              shot.
+              
+                agents/<id>/skills/
+              
+              , lobu apply picks it
+              up. The agent gets instructions, tools, packages, and a
+              per-domain LLM egress policy in one shot.
             

             ,
                 <>
-                  Network — allowed domains + per-domain LLM egress
-                  judge in YAML.
+                  Network — allowed domains + per-domain LLM egress judge
+                  in YAML.
                 ,
                 <>
-                  Packages — Nix packages (git, jq, etc.) merged into
-                  the worker env.
+                  Packages — Nix packages (git, jq, etc.) merged into the
+                  worker env.
                 ,
               ]}
             />

From f4a48f33e4c9a9af5cb6c104f33292561e94f810 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 18:37:40 +0100
Subject: [PATCH 26/66] feat(landing): drop the global use-case pivot

User: the 8-tab pivot at the top forced the reader to scroll back to
remember which use case they picked. Pin every primitive section to a
canonical example instead.

- Delete PIVOT_USE_CASES constant + UseCasePivot component + its
  render call.
- Delete activeUseCaseId state, defaultUseCaseId prop, the
  LandingUseCaseId / DEFAULT_LANDING_USE_CASE_ID imports.
- Replace with a module-level PINNED_USE_CASE = 'sales' and a single
  derived 'active' snippet bundle, fed to every section.
- Drop the now-unused useCaseId field from ProductSectionProps; sections
  take just { useCase }.

Following commits (Task B + C) will move the snippet manifest to per-
section pinned files instead of per-use-case bundles.
---
 .../landing/src/components/LandingPage.tsx    | 100 ++----------------
 1 file changed, 10 insertions(+), 90 deletions(-)

diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index 8586c8d03..4b1061f08 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -1,10 +1,6 @@
 import { useState } from "preact/hooks";
 import snippetsManifest from "../generated/use-case-snippets.json";
-import type { LandingUseCaseId } from "../use-case-definitions";
-import {
-  DEFAULT_LANDING_USE_CASE_ID,
-  getLobuBaseUrl,
-} from "../use-case-showcases";
+import { getLobuBaseUrl } from "../use-case-showcases";
 import { ArchitectureDiagram } from "./ArchitectureDiagram";
 import { CodeBlock, type CodeSnippet } from "./CodeBlock";
 import { CTA } from "./CTA";
@@ -19,17 +15,8 @@ type UseCaseSnippets = {
 };
 
 const snippets = snippetsManifest as Record;
-
-const PIVOT_USE_CASES: Array<{ id: LandingUseCaseId; label: string }> = [
-  { id: "sales", label: "Sales" },
-  { id: "finance", label: "Finance" },
-  { id: "legal", label: "Legal" },
-  { id: "delivery", label: "Delivery" },
-  { id: "leadership", label: "Leadership" },
-  { id: "ecommerce", label: "Ecommerce" },
-  { id: "agent-community", label: "Community" },
-  { id: "market", label: "Market" },
-];
+const PINNED_USE_CASE = "sales";
+const active = snippets[PINNED_USE_CASE] ?? snippets.sales;
 
 const SETUP_PROMPT = `I want to build a Lobu agent.
 
@@ -44,15 +31,7 @@ Lobu is an open-source event-sourced backend for AI agents — connectors emit e
 
 const GITHUB_URL = "https://github.com/lobu-ai/lobu";
 
-export function LandingPage(props: {
-  defaultUseCaseId?: LandingUseCaseId;
-  latestPosts?: LatestBlogPost[];
-}) {
-  const [activeUseCaseId, setActiveUseCaseId] = useState(
-    props.defaultUseCaseId ?? DEFAULT_LANDING_USE_CASE_ID
-  );
-  const active = snippets[activeUseCaseId] ?? snippets.sales;
-
+export function LandingPage(props: { latestPosts?: LatestBlogPost[] }) {
   return (
     <>
       
@@ -60,15 +39,11 @@ export function LandingPage(props: {
         
       
       
-      
-      
-      
-      
+      
+      
+      
       
-      
+      
       
       
       {props.latestPosts?.length ? (
@@ -508,67 +483,12 @@ function UseCaseGrid() {
   );
 }
 
-/* -------------------------------------------------------------------------- */
-/*  Use-case pivot                                                            */
-/* -------------------------------------------------------------------------- */
-
-function UseCasePivot(props: {
-  activeUseCaseId: LandingUseCaseId;
-  onChange: (id: LandingUseCaseId) => void;
-}) {
-  return (
-    
-      

-        Same primitives, every domain
-        
-          Pick a use case. Every code panel changes.
-        
-        

-          The connectors, memory schema, watcher, and agent config below are
-          read straight from examples/<id>/{" "}
-          in the repo.
-        

-      

-      

-        {PIVOT_USE_CASES.map((uc) => {
-          const active = uc.id === props.activeUseCaseId;
-          return (
-            
-          );
-        })}
-      

-    
-  );
-}
-
 /* -------------------------------------------------------------------------- */
 /*  Product sections (Connectors / Memory / Watchers / Agents)               */
 /* -------------------------------------------------------------------------- */
 
 type ProductSectionProps = {
   useCase: UseCaseSnippets;
-  useCaseId: LandingUseCaseId;
 };
 
 function ProductGrid(props: {
@@ -871,8 +791,8 @@ function SkillsSection() {
                 agents/<id>/skills/
               
               , lobu apply picks it
-              up. The agent gets instructions, tools, packages, and a
-              per-domain LLM egress policy in one shot.
+              up. The agent gets instructions, tools, packages, and a per-domain
+              LLM egress policy in one shot.
             

             
Date: Tue, 19 May 2026 18:41:04 +0100
Subject: [PATCH 27/66] feat(landing): regen snippet manifest as flat pinned
 set + examples list
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Round 10 Task B + amendment. New manifest shape:

  {
    connector:    Snippet,   // examples/lobu-crm/connectors/funnel-form.connector.ts
    memorySchema: Snippet,   // examples/sales/models/schema.yaml (entities slice)
    watcher:      Snippet,   // examples/sales/models/schema.yaml (watchers slice)
    reaction:     Snippet,   // examples/sales/models/reactions/account-health-monitor.reaction.ts
    agentToml:    Snippet,   // examples/sales/lobu.toml
    examples: ExampleEntry[] // every examples/*/lobu.toml — globbed, not hardcoded
  }

Each ExampleEntry has slug + label + description + githubUrl. Label
comes from [agents.] name; description from [memory] description
(falling back to [agents.] description); both pulled by a small
readExampleMeta() parser. Missing description -> null (component
renders the card without a description line).

Drops the round-4 use-case slicing — no more buildForUseCase(useCase),
no more USE_CASES enum. Per-snippet trimming logic kept intact for the
pinned files. Output file path renamed to landing-snippets.json so the
landing import switches cleanly in Task C.

Also slims examples/lobu-crm/connectors/funnel-form.connector.ts from
179 lines to 39 (same // biome-ignore-all format + as any pattern used
for the 8 round-4 connectors) so the pinned connector snippet fits the
landing without scroll.

12 examples land in the manifest (agent-community, atlas, delivery,
ecommerce, finance, leadership, legal, lobu-crm, market, office-bot,
personal-finance, sales) — every directory under examples/ that has a
lobu.toml. Sorted alphabetically by slug.
---
 .../connectors/funnel-form.connector.ts       | 190 ++-------
 .../landing/scripts/gen-landing-snippets.ts   | 380 +++++++++---------
 .../src/generated/landing-snippets.json       | 106 +++++
 .../src/generated/use-case-snippets.json      | 234 -----------
 4 files changed, 323 insertions(+), 587 deletions(-)
 create mode 100644 packages/landing/src/generated/landing-snippets.json
 delete mode 100644 packages/landing/src/generated/use-case-snippets.json

diff --git a/examples/lobu-crm/connectors/funnel-form.connector.ts b/examples/lobu-crm/connectors/funnel-form.connector.ts
index 06eb81146..51c841791 100644
--- a/examples/lobu-crm/connectors/funnel-form.connector.ts
+++ b/examples/lobu-crm/connectors/funnel-form.connector.ts
@@ -1,179 +1,39 @@
+// biome-ignore-all format: stays compact for the landing-page code panel
+import { ConnectorRuntime, type SyncContext } from "@lobu/connector-sdk";
+
 /**
- * Funnel-form connector — pulls demo-request form submissions from a small
- * JSON API (`config.endpoint` returns `{ submissions: [...] }`) and emits one
- * event per new submission. Modeled on packages/connectors/src/rss.ts.
- *
- * No auth (`authSchema: { methods: [{ type: 'none' }] }`); a single
- * `submissions` feed; dedup via a checkpoint of seen submission IDs.
- *
- * Auto-discovered by `lobu apply` because the filename ends in
- * `.connector.ts` — the CLI ships the raw source to the server, which
- * compiles it and reads `definition.key` (`funnel-form`).
+ * Funnel-form connector — polls a small JSON API (`config.endpoint` returns
+ * `{ submissions: [...] }`) and emits one event per new submission. Dedup
+ * via a rolling checkpoint of seen IDs. Auto-discovered by `lobu apply`.
  */
-
-import {
-  type ActionContext,
-  type ActionResult,
-  type ConnectorDefinition,
-  ConnectorRuntime,
-  type EventEnvelope,
-  type SyncContext,
-  type SyncResult,
-} from "@lobu/connector-sdk";
-
-interface FunnelFormConfig {
-  endpoint: string;
-}
-
-interface FunnelFormCheckpoint {
-  seen_ids: string[];
-}
-
-interface FunnelSubmission {
-  id: string;
-  name?: string;
-  email?: string;
-  company?: string;
-  message?: string;
-  submitted_at?: string;
-  source_url?: string;
-}
-
-const MAX_DEDUP_IDS = 1000;
-const FETCH_TIMEOUT_MS = 15_000;
-
 export default class FunnelFormConnector extends ConnectorRuntime {
-  readonly definition: ConnectorDefinition = {
+  readonly definition = {
     key: "funnel-form",
     name: "Funnel form",
-    description:
-      "Collects demo-request form submissions from a JSON API endpoint.",
     version: "1.0.0",
-    authSchema: { methods: [{ type: "none" }] },
-    feeds: {
-      submissions: {
-        key: "submissions",
-        name: "Form submissions",
-        description: "New submissions to the demo-request form.",
-        configSchema: {
-          type: "object",
-          required: ["endpoint"],
-          properties: {
-            endpoint: {
-              type: "string",
-              format: "uri",
-              description:
-                "JSON API URL returning { submissions: [{ id, name, email, company, message, submitted_at }] }.",
-            },
-          },
-        },
-        eventKinds: {
-          form_submission: {
-            description: "A demo-request form submission.",
-            metadataSchema: {
-              type: "object",
-              properties: {
-                company: { type: "string" },
-                email: { type: "string" },
-              },
-            },
-          },
-        },
-      },
-    },
-    optionsSchema: {
-      type: "object",
-      required: ["endpoint"],
-      properties: {
-        endpoint: {
-          type: "string",
-          format: "uri",
-          description: "JSON API URL returning { submissions: [...] }.",
-        },
-      },
-    },
+    authSchema: { methods: [{ type: "none" as const }] },
+    feeds: { submissions: { key: "submissions", name: "Form submissions" } },
   };
 
-  async sync(ctx: SyncContext): Promise {
-    const config = ctx.config as unknown as FunnelFormConfig;
-    if (!config?.endpoint) {
-      throw new Error("funnel-form: `endpoint` is required");
-    }
-
-    const checkpoint = (ctx.checkpoint as FunnelFormCheckpoint | null) ?? {
-      seen_ids: [],
-    };
-    const seen = new Set(checkpoint.seen_ids ?? []);
-
-    const submissions = await this.fetchSubmissions(config.endpoint);
-    submissions.sort(
-      (a, b) =>
-        this.toTime(b.submitted_at).getTime() -
-        this.toTime(a.submitted_at).getTime()
-    );
-
-    const events: EventEnvelope[] = [];
-    const newIds: string[] = [];
-    for (const submission of submissions) {
-      if (!submission?.id || seen.has(submission.id)) continue;
-      seen.add(submission.id);
-      newIds.push(submission.id);
-      events.push({
-        origin_id: submission.id,
-        origin_type: "form_submission",
-        title: submission.company
-          ? `Demo request — ${submission.company}`
-          : `Demo request — ${submission.name ?? submission.email ?? submission.id}`,
-        payload_text: submission.message ?? "",
-        author_name: submission.name || undefined,
-        source_url: submission.source_url || config.endpoint,
-        occurred_at: this.toTime(submission.submitted_at),
-        metadata: {
-          company: submission.company,
-          email: submission.email,
-        },
-      });
-    }
-
-    const allKnown = [...(checkpoint.seen_ids ?? []), ...newIds];
-    const trimmed = allKnown.slice(-MAX_DEDUP_IDS);
-
+  async sync(ctx: SyncContext) {
+    const seen = new Set((ctx.checkpoint as any)?.seen_ids ?? []);
+    const subs: any[] = (await (await fetch(String(ctx.config.endpoint))).json()).submissions ?? [];
+    const fresh = subs.filter((s) => s?.id && !seen.has(s.id));
     return {
-      events,
-      checkpoint: { seen_ids: trimmed } as unknown as Record,
-      metadata: { items_found: events.length },
+      events: fresh.map((s) => ({
+        origin_id: s.id,
+        origin_type: "form_submission",
+        title: s.company ? `Demo request — ${s.company}` : `Demo request — ${s.name ?? s.email ?? s.id}`,
+        payload_text: s.message ?? "",
+        author_name: s.name,
+        occurred_at: s.submitted_at ? new Date(s.submitted_at) : new Date(),
+        metadata: { company: s.company, email: s.email },
+      })),
+      checkpoint: { seen_ids: [...seen, ...fresh.map((s) => s.id)].slice(-1000) },
     };
   }
 
-  async execute(_ctx: ActionContext): Promise {
-    return { success: false, error: "Actions not supported" };
-  }
-
-  private async fetchSubmissions(
-    endpoint: string
-  ): Promise {
-    const controller = new AbortController();
-    const timer = setTimeout(() => controller.abort(), FETCH_TIMEOUT_MS);
-    try {
-      const response = await fetch(endpoint, {
-        signal: controller.signal,
-        headers: { Accept: "application/json" },
-      });
-      if (!response.ok) {
-        throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-      }
-      const body = (await response.json()) as {
-        submissions?: FunnelSubmission[];
-      };
-      return Array.isArray(body?.submissions) ? body.submissions : [];
-    } finally {
-      clearTimeout(timer);
-    }
-  }
-
-  private toTime(value: string | undefined): Date {
-    if (!value) return new Date();
-    const parsed = new Date(value);
-    return Number.isNaN(parsed.getTime()) ? new Date() : parsed;
+  async execute() {
+    return { success: false, error: "no actions" };
   }
 }
diff --git a/packages/landing/scripts/gen-landing-snippets.ts b/packages/landing/scripts/gen-landing-snippets.ts
index ab0ac61b9..37e6d54e5 100644
--- a/packages/landing/scripts/gen-landing-snippets.ts
+++ b/packages/landing/scripts/gen-landing-snippets.ts
@@ -1,20 +1,25 @@
 #!/usr/bin/env bun
 /**
- * Pulls real source files from `examples//` and emits a JSON manifest the
+ * Reads pinned files out of `examples/` and emits a flat JSON manifest the
  * landing page imports at build time.
  *
- * Round 4 budget — every code block has to fit in the landing's flat
- * left-column without scrolling. Targets:
+ * Round 10 redesign — the page no longer has a global use-case pivot, so the
+ * manifest is no longer keyed by use case. Each primitive section instead
+ * shows ONE canonical example:
  *
- *   lobu.toml   ≤ 10 lines  (one [agents.] table, one provider, [memory])
- *   memory      ≤ 20 lines  (ONE entity, 2-3 properties, type only)
- *   watcher     ≤ 15 lines  (slug + agent + trigger + 1-line prompt +
- *                           extraction_schema.type + required)
- *   connector   ≤ 28 lines  (handled by the source files themselves)
- *   reaction    untouched   (real example code)
+ *   connector    -> examples/lobu-crm/connectors/funnel-form.connector.ts
+ *   memorySchema -> examples/sales/models/schema.yaml         (entities slice)
+ *   watcher      -> examples/sales/models/schema.yaml         (watchers slice)
+ *   reaction     -> examples/sales/models/reactions/account-health-monitor.reaction.ts
+ *   agentToml    -> examples/sales/lobu.toml
  *
- * Each snippet records its display path and a GitHub permalink so the
- * `CodeBlock` component can render a "see on github" footer.
+ * Plus a list of every `examples/*\/lobu.toml` for BrowseExamplesSection:
+ *
+ *   examples     -> [{ slug, label, description, githubUrl }]
+ *
+ * The skill snippet stays inline in LandingPage.tsx (set in round 9).
+ *
+ * Output: packages/landing/src/generated/landing-snippets.json
  */
 
 import { existsSync, readFileSync, readdirSync, writeFileSync } from "node:fs";
@@ -23,28 +28,28 @@ import { fileURLToPath } from "node:url";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const examplesDir = resolve(__dirname, "../../../examples");
-const outFile = resolve(__dirname, "../src/generated/use-case-snippets.json");
-
-const USE_CASES = [
-  "legal",
-  "finance",
-  "sales",
-  "delivery",
-  "leadership",
-  "agent-community",
-  "ecommerce",
-  "market",
-] as const;
+const outFile = resolve(__dirname, "../src/generated/landing-snippets.json");
+
+const PINNED = {
+  connector: { slug: "lobu-crm", path: "connectors/funnel-form.connector.ts" },
+  memorySchema: { slug: "sales", path: "models/schema.yaml" },
+  watcher: { slug: "sales", path: "models/schema.yaml" },
+  reaction: {
+    slug: "sales",
+    path: "models/reactions/account-health-monitor.reaction.ts",
+  },
+  agentToml: { slug: "sales", path: "lobu.toml" },
+} as const;
 
 const BUDGETS = {
   agentToml: 12,
-  memorySchemaYaml: 22,
-  watcherYaml: 16,
-  connectorTs: 40,
-  reactionTs: 50,
+  memorySchema: 22,
+  watcher: 16,
+  reaction: 50,
+  connector: 40,
 };
 
-type Language = "toml" | "yaml" | "typescript";
+type Language = "toml" | "yaml" | "typescript" | "markdown";
 
 type Snippet = {
   code: string;
@@ -53,18 +58,31 @@ type Snippet = {
   language: Language;
 };
 
-type UseCaseSnippets = {
+type ExampleEntry = {
+  slug: string;
+  label: string;
+  description: string | null;
+  githubUrl: string;
+};
+
+type LandingSnippets = {
+  connector: Snippet;
+  memorySchema: Snippet;
+  watcher: Snippet;
+  reaction: Snippet;
   agentToml: Snippet;
-  memorySchemaYaml: Snippet;
-  watcherYaml: Snippet;
-  connectorTs?: Snippet;
-  reactionTs?: Snippet;
+  examples: ExampleEntry[];
 };
 
-const GITHUB_BASE = "https://github.com/lobu-ai/lobu/blob/main/examples";
+const GITHUB_FILE_BASE = "https://github.com/lobu-ai/lobu/blob/main/examples";
+const GITHUB_TREE_BASE = "https://github.com/lobu-ai/lobu/tree/main/examples";
+
+function githubFileUrl(slug: string, relativePath: string): string {
+  return `${GITHUB_FILE_BASE}/${slug}/${relativePath}`;
+}
 
-function githubUrlFor(useCase: string, relativePath: string): string {
-  return `${GITHUB_BASE}/${useCase}/${relativePath}`;
+function githubTreeUrl(slug: string): string {
+  return `${GITHUB_TREE_BASE}/${slug}`;
 }
 
 /* -------------------------------------------------------------------------- */
@@ -95,9 +113,7 @@ function trimAgentToml(raw: string): string {
         providersSeen = true;
       } else if (isMemory) mode = "memory";
       else mode = "skip";
-      if (mode !== "skip") {
-        out.push(line.trimEnd());
-      }
+      if (mode !== "skip") out.push(line.trimEnd());
       continue;
     }
     if (mode === "skip") continue;
@@ -113,11 +129,44 @@ function trimAgentToml(raw: string): string {
   return collapseBlanks(out).join("\n");
 }
 
+/** Parse a full lobu.toml and pull the first agent name + description fields. */
+type TomlExampleMeta = { label: string | null; description: string | null };
+
+function readExampleMeta(rawToml: string, slug: string): TomlExampleMeta {
+  const lines = rawToml.split("\n");
+  type Mode = "none" | "agent" | "memory";
+  let mode: Mode = "none";
+  let agentName: string | null = null;
+  let agentDescription: string | null = null;
+  let memoryDescription: string | null = null;
+  for (const line of lines) {
+    const sectionMatch = /^\s*\[\[?([\w.-]+)\]\]?\s*$/.exec(line);
+    if (sectionMatch) {
+      const name = sectionMatch[1];
+      if (/^agents\.[\w-]+$/.test(name) && mode === "none") mode = "agent";
+      else if (name === "memory") mode = "memory";
+      else if (mode !== "none") mode = "none";
+      continue;
+    }
+    const kv = /^\s*([A-Za-z_][\w-]*)\s*=\s*"([^"]*)"\s*$/.exec(line);
+    if (!kv) continue;
+    const [, key, value] = kv;
+    if (mode === "agent" && key === "name" && !agentName) agentName = value;
+    if (mode === "agent" && key === "description" && !agentDescription)
+      agentDescription = value;
+    if (mode === "memory" && key === "description" && !memoryDescription)
+      memoryDescription = value;
+  }
+  const label =
+    agentName ?? slug.charAt(0).toUpperCase() + slug.slice(1);
+  const description = memoryDescription ?? agentDescription ?? null;
+  return { label, description };
+}
+
 /* -------------------------------------------------------------------------- */
 /*  YAML helpers                                                              */
 /* -------------------------------------------------------------------------- */
 
-/** Extract the first N list items at the top-level `:` of a YAML doc. */
 function extractYamlListItems(
   raw: string,
   topKey: string,
@@ -152,11 +201,8 @@ function extractYamlListItems(
     }
     if (current) {
       const indent = line.match(/^\s*/)?.[0].length ?? 0;
-      if (line.trim() === "" || indent > baseIndent) {
-        current.push(line);
-      } else {
-        break;
-      }
+      if (line.trim() === "" || indent > baseIndent) current.push(line);
+      else break;
     }
   }
   if (current) items.push(current);
@@ -168,27 +214,14 @@ function extractYamlListItems(
 /*  Memory (entity) compression                                               */
 /* -------------------------------------------------------------------------- */
 
-/**
- * Strict entity-section shrinker. Keeps:
- *   - the `entities:` header
- *   - the first entity's `- slug:` and `name:`
- *   - the entity's `metadata_schema.type:`
- *   - `properties:` with the first 3 keys, each rendered as a single line
- *     (`: { type:  }`) regardless of the source's expanded form
- *
- * Everything else (description, icon, color, enum, x-*, nested objects,
- * extra entities) is dropped.
- */
 function compressEntities(yamlLines: string[]): string[] {
   if (yamlLines.length === 0) return [];
   const out: string[] = [];
   let i = 0;
-  // Header
   if (/^entities:/.test(yamlLines[0])) {
     out.push("entities:");
     i++;
   }
-  // First item
   while (i < yamlLines.length && yamlLines[i].trim() === "") i++;
   if (i >= yamlLines.length) return out;
 
@@ -200,22 +233,15 @@ function compressEntities(yamlLines: string[]): string[] {
   const pad = " ".repeat(baseIndent);
   const padChild = " ".repeat(childIndent);
 
-  // Walk the first item collecting slug, name, properties.
   let slug = "";
   let name = "";
   const props: Array<{ key: string; type: string }> = [];
 
   let cursor = i;
-  // Read first-line `- slug: foo`
   const slugInline = /^\s*-\s*slug:\s*(.+)$/.exec(firstLine);
   if (slugInline) slug = slugInline[1].trim();
   cursor++;
 
-  // childIndent is where direct children of the `- slug: …` mapping live
-  // (e.g. `name:`, `metadata_schema:` — aligned with `slug` after the dash).
-  // The source uses YAML's 2-space-per-indent style, so children are at
-  // baseIndent + 2. metadata_schema's body lives at +4, and the property
-  // *names* under metadata_schema.properties live at +6.
   let inProperties = false;
   let currentPropName: string | null = null;
   let currentPropType: string | null = null;
@@ -230,12 +256,8 @@ function compressEntities(yamlLines: string[]): string[] {
     const trimmed = ln.trimStart();
 
     if (ind === childIndent) {
-      // Direct child of the entity mapping.
-      if (trimmed.startsWith("slug:")) {
-        slug = trimmed.slice("slug:".length).trim();
-      } else if (trimmed.startsWith("name:")) {
-        name = trimmed.slice("name:".length).trim();
-      }
+      if (trimmed.startsWith("slug:")) slug = trimmed.slice(5).trim();
+      else if (trimmed.startsWith("name:")) name = trimmed.slice(5).trim();
       inProperties = false;
       currentPropName = null;
       currentPropType = null;
@@ -252,34 +274,28 @@ function compressEntities(yamlLines: string[]): string[] {
     if (inProperties && ind === childIndent + 4) {
       const m = /^([A-Za-z_][\w-]*)\s*:/.exec(trimmed);
       if (m) {
-        if (currentPropName && currentPropType) {
+        if (currentPropName && currentPropType)
           props.push({ key: currentPropName, type: currentPropType });
-        }
         currentPropName = m[1];
         currentPropType = "string";
       }
     } else if (inProperties && currentPropName && trimmed.startsWith("type:")) {
-      currentPropType = trimmed.slice("type:".length).trim();
+      currentPropType = trimmed.slice(5).trim();
     }
     cursor++;
   }
-  if (currentPropName && currentPropType) {
+  if (currentPropName && currentPropType)
     props.push({ key: currentPropName, type: currentPropType });
-  }
 
   out.push(`${pad}- slug: ${slug || "entity"}`);
   if (name) out.push(`${padChild}name: ${name}`);
   out.push(`${padChild}metadata_schema:`);
   out.push(`${padChild}  type: object`);
   out.push(`${padChild}  properties:`);
-  const shownProps = props.slice(0, 3);
-  for (const p of shownProps) {
-    out.push(`${padChild}    ${p.key}: { type: ${p.type} }`);
-  }
-  if (props.length > shownProps.length) {
-    out.push(`${padChild}    # ${props.length - shownProps.length} more…`);
-  }
-
+  const shown = props.slice(0, 3);
+  for (const p of shown) out.push(`${padChild}    ${p.key}: { type: ${p.type} }`);
+  if (props.length > shown.length)
+    out.push(`${padChild}    # ${props.length - shown.length} more…`);
   return out;
 }
 
@@ -289,24 +305,10 @@ function compressEntities(yamlLines: string[]): string[] {
 
 const WATCHER_KEEP_TOP_KEYS = new Set(["slug", "agent", "on", "schedule"]);
 
-/**
- * Strict watcher shrinker — output layout:
- *   watchers:
- *     - slug: 
- *       agent: 
- *       (on | schedule): 
- *       prompt: ""
- *       extraction_schema:
- *         type: object
- *         required: []
- */
 function compressWatcher(yamlLines: string[]): string[] {
   if (yamlLines.length === 0) return [];
   const out: string[] = [];
-  if (/^watchers:/.test(yamlLines[0])) {
-    out.push("watchers:");
-  }
-  // First item
+  if (/^watchers:/.test(yamlLines[0])) out.push("watchers:");
   let i = 1;
   while (i < yamlLines.length && yamlLines[i].trim() === "") i++;
   if (i >= yamlLines.length) return out;
@@ -323,7 +325,6 @@ function compressWatcher(yamlLines: string[]): string[] {
   let prompt = "";
   let extractionRequired: string[] = [];
 
-  // Parse inline first line: `- slug: `
   const slugInline = /^\s*-\s*slug:\s*(.+)$/.exec(firstLine);
   if (slugInline) fields.slug = slugInline[1].trim();
 
@@ -338,7 +339,6 @@ function compressWatcher(yamlLines: string[]): string[] {
     if (ind <= baseIndent) break;
     const trimmed = ln.trimStart();
 
-    // Top-level child of the watcher (slug, agent, on, schedule, prompt, …)
     if (ind === childIndent) {
       const kv = /^([A-Za-z_][\w-]*)\s*:\s*(.*)$/.exec(trimmed);
       if (!kv) {
@@ -346,7 +346,6 @@ function compressWatcher(yamlLines: string[]): string[] {
         continue;
       }
       const [, key, value] = kv;
-      // Block scalar prompt
       if (key === "prompt") {
         if (
           value === "|" ||
@@ -355,7 +354,6 @@ function compressWatcher(yamlLines: string[]): string[] {
           value === "|-" ||
           value === ">-"
         ) {
-          // Collect first non-blank child line.
           let k = cursor + 1;
           while (k < yamlLines.length) {
             const sub = yamlLines[k];
@@ -368,7 +366,6 @@ function compressWatcher(yamlLines: string[]): string[] {
             prompt = sub.trimStart();
             break;
           }
-          // Skip the rest of the block.
           while (k < yamlLines.length) {
             const sub = yamlLines[k];
             if (sub.trim() === "") {
@@ -386,9 +383,6 @@ function compressWatcher(yamlLines: string[]): string[] {
         cursor++;
         continue;
       }
-      // extraction_schema block: harvest the FIRST `required:` we see at the
-      // expected nesting depth (childIndent + 2). Nested `required:` lists
-      // inside object properties don't belong on the landing.
       if (key === "extraction_schema") {
         const schemaInd = childIndent + 2;
         let k = cursor + 1;
@@ -418,7 +412,6 @@ function compressWatcher(yamlLines: string[]): string[] {
               k++;
               continue;
             }
-            // Block list form — collect lines at schemaInd + 2 starting with `- `.
             k++;
             while (k < yamlLines.length) {
               const sub2 = yamlLines[k];
@@ -443,9 +436,7 @@ function compressWatcher(yamlLines: string[]): string[] {
         cursor = k;
         continue;
       }
-      if (WATCHER_KEEP_TOP_KEYS.has(key)) {
-        fields[key] = value;
-      }
+      if (WATCHER_KEEP_TOP_KEYS.has(key)) fields[key] = value;
     }
     cursor++;
   }
@@ -490,15 +481,8 @@ function collapseBlanks(lines: string[]): string[] {
   return out;
 }
 
-function firstFile(dir: string, suffix: string): string | undefined {
-  if (!existsSync(dir)) return undefined;
-  const entries = readdirSync(dir);
-  const match = entries.find((f) => f.endsWith(suffix));
-  return match ? resolve(dir, match) : undefined;
-}
-
 function snippetFrom(
-  useCase: string,
+  slug: string,
   absPath: string,
   relativePath: string,
   language: Language,
@@ -509,49 +493,71 @@ function snippetFrom(
   return {
     code,
     path: relativePath,
-    githubUrl: githubUrlFor(useCase, relativePath),
+    githubUrl: githubFileUrl(slug, relativePath),
     language,
   };
 }
 
 function warnOverBudget(
-  useCase: string,
-  name: string,
+  label: string,
   lines: number,
   budget: number
-) {
+): void {
   if (lines > budget) {
     console.warn(
-      `gen-landing-snippets: ${useCase}/${name} is ${lines} lines — landing budget is ≤ ${budget}.`
+      `gen-landing-snippets: ${label} is ${lines} lines — landing budget is ≤ ${budget}.`
     );
   }
 }
 
-function buildForUseCase(useCase: string): UseCaseSnippets {
-  const root = resolve(examplesDir, useCase);
-  const tomlPath = resolve(root, "lobu.toml");
-  const schemaPath = resolve(root, "models/schema.yaml");
-  if (!existsSync(tomlPath)) throw new Error(`Missing ${tomlPath}`);
-  if (!existsSync(schemaPath)) throw new Error(`Missing ${schemaPath}`);
+/* -------------------------------------------------------------------------- */
+/*  Main                                                                      */
+/* -------------------------------------------------------------------------- */
 
-  const agentToml = snippetFrom(
-    useCase,
-    tomlPath,
-    "lobu.toml",
-    "toml",
-    trimAgentToml
+function pinnedFile(slug: string, rel: string): string {
+  const p = resolve(examplesDir, slug, rel);
+  if (!existsSync(p)) throw new Error(`Missing pinned source ${p}`);
+  return p;
+}
+
+function listExamples(): ExampleEntry[] {
+  const entries = readdirSync(examplesDir, { withFileTypes: true });
+  const out: ExampleEntry[] = [];
+  for (const entry of entries) {
+    if (!entry.isDirectory()) continue;
+    const slug = entry.name;
+    const tomlPath = resolve(examplesDir, slug, "lobu.toml");
+    if (!existsSync(tomlPath)) continue;
+    const raw = readFileSync(tomlPath, "utf-8");
+    const { label, description } = readExampleMeta(raw, slug);
+    out.push({
+      slug,
+      label: label ?? slug,
+      description,
+      githubUrl: githubTreeUrl(slug),
+    });
+  }
+  out.sort((a, b) => a.slug.localeCompare(b.slug));
+  return out;
+}
+
+function build(): LandingSnippets {
+  const connector = snippetFrom(
+    PINNED.connector.slug,
+    pinnedFile(PINNED.connector.slug, PINNED.connector.path),
+    PINNED.connector.path,
+    "typescript"
   );
   warnOverBudget(
-    useCase,
-    "lobu.toml",
-    agentToml.code.split("\n").length,
-    BUDGETS.agentToml
+    `${PINNED.connector.slug}/${PINNED.connector.path}`,
+    connector.code.split("\n").length,
+    BUDGETS.connector
   );
 
-  const memorySchemaYaml = snippetFrom(
-    useCase,
-    schemaPath,
-    "models/schema.yaml",
+  const memorySchema = snippetFrom(
+    PINNED.memorySchema.slug,
+    pinnedFile(PINNED.memorySchema.slug, PINNED.memorySchema.path),
+    PINNED.memorySchema.path,
     "yaml",
     (raw) =>
       collapseBlanks(
@@ -559,16 +565,15 @@ function buildForUseCase(useCase: string): UseCaseSnippets {
       ).join("\n")
   );
   warnOverBudget(
-    useCase,
-    "memorySchemaYaml",
-    memorySchemaYaml.code.split("\n").length,
-    BUDGETS.memorySchemaYaml
+    `${PINNED.memorySchema.slug}/${PINNED.memorySchema.path} (entities)`,
+    memorySchema.code.split("\n").length,
+    BUDGETS.memorySchema
   );
 
-  const watcherYaml = snippetFrom(
-    useCase,
-    schemaPath,
-    "models/schema.yaml",
+  const watcher = snippetFrom(
+    PINNED.watcher.slug,
+    pinnedFile(PINNED.watcher.slug, PINNED.watcher.path),
+    PINNED.watcher.path,
     "yaml",
     (raw) =>
       collapseBlanks(
@@ -576,52 +581,51 @@ function buildForUseCase(useCase: string): UseCaseSnippets {
       ).join("\n")
   );
   warnOverBudget(
-    useCase,
-    "watcherYaml",
-    watcherYaml.code.split("\n").length,
-    BUDGETS.watcherYaml
+    `${PINNED.watcher.slug}/${PINNED.watcher.path} (watchers)`,
+    watcher.code.split("\n").length,
+    BUDGETS.watcher
   );
 
-  const reactionPath = firstFile(
-    resolve(root, "models/reactions"),
-    ".reaction.ts"
+  const reaction = snippetFrom(
+    PINNED.reaction.slug,
+    pinnedFile(PINNED.reaction.slug, PINNED.reaction.path),
+    PINNED.reaction.path,
+    "typescript"
+  );
+  warnOverBudget(
+    `${PINNED.reaction.slug}/${PINNED.reaction.path}`,
+    reaction.code.split("\n").length,
+    BUDGETS.reaction
   );
-  let reactionTs: Snippet | undefined;
-  if (reactionPath) {
-    const rel = `models/reactions/${reactionPath.split("/").pop()}`;
-    reactionTs = snippetFrom(useCase, reactionPath, rel, "typescript");
-    warnOverBudget(
-      useCase,
-      rel,
-      reactionTs.code.split("\n").length,
-      BUDGETS.reactionTs
-    );
-  }
 
-  const connectorPath = firstFile(resolve(root, "connectors"), ".connector.ts");
-  let connectorTs: Snippet | undefined;
-  if (connectorPath) {
-    const rel = `connectors/${connectorPath.split("/").pop()}`;
-    connectorTs = snippetFrom(useCase, connectorPath, rel, "typescript");
-    warnOverBudget(
-      useCase,
-      rel,
-      connectorTs.code.split("\n").length,
-      BUDGETS.connectorTs
-    );
-  }
+  const agentToml = snippetFrom(
+    PINNED.agentToml.slug,
+    pinnedFile(PINNED.agentToml.slug, PINNED.agentToml.path),
+    PINNED.agentToml.path,
+    "toml",
+    trimAgentToml
+  );
+  warnOverBudget(
+    `${PINNED.agentToml.slug}/${PINNED.agentToml.path}`,
+    agentToml.code.split("\n").length,
+    BUDGETS.agentToml
+  );
 
-  return { agentToml, memorySchemaYaml, watcherYaml, reactionTs, connectorTs };
+  return {
+    connector,
+    memorySchema,
+    watcher,
+    reaction,
+    agentToml,
+    examples: listExamples(),
+  };
 }
 
 function main() {
-  const out: Record = {};
-  for (const useCase of USE_CASES) {
-    out[useCase] = buildForUseCase(useCase);
-  }
+  const out = build();
   writeFileSync(outFile, `${JSON.stringify(out, null, 2)}\n`, "utf-8");
   console.log(
-    `gen-landing-snippets: wrote ${Object.keys(out).length} use cases to ${outFile}`
+    `gen-landing-snippets: wrote 5 pinned snippets + ${out.examples.length} example entries to ${outFile}`
   );
 }
 
diff --git a/packages/landing/src/generated/landing-snippets.json b/packages/landing/src/generated/landing-snippets.json
new file mode 100644
index 000000000..74d687cf2
--- /dev/null
+++ b/packages/landing/src/generated/landing-snippets.json
@@ -0,0 +1,106 @@
+{
+  "connector": {
+    "code": "// biome-ignore-all format: stays compact for the landing-page code panel\nimport { ConnectorRuntime, type SyncContext } from \"@lobu/connector-sdk\";\n\n/**\n * Funnel-form connector — polls a small JSON API (`config.endpoint` returns\n * `{ submissions: [...] }`) and emits one event per new submission. Dedup\n * via a rolling checkpoint of seen IDs. Auto-discovered by `lobu apply`.\n */\nexport default class FunnelFormConnector extends ConnectorRuntime {\n  readonly definition = {\n    key: \"funnel-form\",\n    name: \"Funnel form\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"none\" as const }] },\n    feeds: { submissions: { key: \"submissions\", name: \"Form submissions\" } },\n  };\n\n  async sync(ctx: SyncContext) {\n    const seen = new Set((ctx.checkpoint as any)?.seen_ids ?? []);\n    const subs: any[] = (await (await fetch(String(ctx.config.endpoint))).json()).submissions ?? [];\n    const fresh = subs.filter((s) => s?.id && !seen.has(s.id));\n    return {\n      events: fresh.map((s) => ({\n        origin_id: s.id,\n        origin_type: \"form_submission\",\n        title: s.company ? `Demo request — ${s.company}` : `Demo request — ${s.name ?? s.email ?? s.id}`,\n        payload_text: s.message ?? \"\",\n        author_name: s.name,\n        occurred_at: s.submitted_at ? new Date(s.submitted_at) : new Date(),\n        metadata: { company: s.company, email: s.email },\n      })),\n      checkpoint: { seen_ids: [...seen, ...fresh.map((s) => s.id)].slice(-1000) },\n    };\n  }\n\n  async execute() {\n    return { success: false, error: \"no actions\" };\n  }\n}",
+    "path": "connectors/funnel-form.connector.ts",
+    "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/lobu-crm/connectors/funnel-form.connector.ts",
+    "language": "typescript"
+  },
+  "memorySchema": {
+    "code": "entities:\n  - slug: organization\n    name: Organization\n    metadata_schema:\n      type: object\n      properties:\n        company_name: { type: string }\n        stage: { type: string }\n        arr: { type: string }\n        # 1 more…",
+    "path": "models/schema.yaml",
+    "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/models/schema.yaml",
+    "language": "yaml"
+  },
+  "watcher": {
+    "code": "watchers:\n  - slug: account-health-monitor\n    agent: sales\n    schedule: 0 */12 * * *\n    prompt: \"Poll CRM data for tracked accounts. Track expansion progress, risk level changes, and renewal timeline.\"\n    extraction_schema:\n      type: object\n      required: [risk_level, expansion_status, renewal_blockers, activity_delta]",
+    "path": "models/schema.yaml",
+    "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/models/schema.yaml",
+    "language": "yaml"
+  },
+  "reaction": {
+    "code": "/**\n * Reaction for the `account-health-monitor` watcher.\n *\n * When the watcher detects a material risk-level change on a tracked account,\n * persist a `health_change` event so the renewal-risk view + weekly digest\n * have a stable record without re-extracting from the CRM stream.\n */\nimport type { ReactionContext } from \"@lobu/connector-sdk\";\n\ninterface HealthData {\n  account_changes?: Array<{\n    account: string;\n    previous_risk: \"low\" | \"medium\" | \"high\";\n    current_risk: \"low\" | \"medium\" | \"high\";\n    signals: string[];\n  }>;\n}\n\nconst RISK_ORDER = { low: 0, medium: 1, high: 2 } as const;\n\nexport default async (ctx: ReactionContext, client: any): Promise => {\n  const data = ctx.extracted_data as HealthData;\n  const changes = data.account_changes ?? [];\n  // Only persist *worsening* transitions — improvements are visible in the\n  // CRM stream and don't need a durable flag.\n  const escalations = changes.filter(\n    (c) => RISK_ORDER[c.current_risk] > RISK_ORDER[c.previous_risk]\n  );\n  if (escalations.length === 0) return;\n\n  for (const c of escalations) {\n    await client.knowledge.save({\n      entity_ids: ctx.entities.map((e) => e.id),\n      content: `Account ${c.account}: risk ${c.previous_risk} → ${c.current_risk}\\nSignals: ${c.signals.join(\"; \")}`,\n      semantic_type: \"health_change\",\n      metadata: {\n        account: c.account,\n        from: c.previous_risk,\n        to: c.current_risk,\n        window_id: ctx.window.id,\n      },\n    });\n  }\n};",
+    "path": "models/reactions/account-health-monitor.reaction.ts",
+    "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/models/reactions/account-health-monitor.reaction.ts",
+    "language": "typescript"
+  },
+  "agentToml": {
+    "code": "[agents.sales]\nname = \"sales\"\n[[agents.sales.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n[memory]\nenabled = true\norg = \"sales\"\nmodels = \"./models\"\ndata = \"./data\"",
+    "path": "lobu.toml",
+    "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/lobu.toml",
+    "language": "toml"
+  },
+  "examples": [
+    {
+      "slug": "agent-community",
+      "label": "agent-community",
+      "description": "Discover aligned members, explain why they should meet, and draft warm introductions",
+      "githubUrl": "https://github.com/lobu-ai/lobu/tree/main/examples/agent-community"
+    },
+    {
+      "slug": "atlas",
+      "label": "atlas-curator",
+      "description": "Public reference catalog — places, taxonomies, institutions",
+      "githubUrl": "https://github.com/lobu-ai/lobu/tree/main/examples/atlas"
+    },
+    {
+      "slug": "delivery",
+      "label": "delivery",
+      "description": "Help delivery teams keep milestones, blockers, owners, and artifacts aligned",
+      "githubUrl": "https://github.com/lobu-ai/lobu/tree/main/examples/delivery"
+    },
+    {
+      "slug": "ecommerce",
+      "label": "ecommerce-ops",
+      "description": "Manage subscriptions, process order changes, and resolve customer requests",
+      "githubUrl": "https://github.com/lobu-ai/lobu/tree/main/examples/ecommerce"
+    },
+    {
+      "slug": "finance",
+      "label": "finance",
+      "description": "Help finance teams reconcile data, explain variance, and prepare reporting runs",
+      "githubUrl": "https://github.com/lobu-ai/lobu/tree/main/examples/finance"
+    },
+    {
+      "slug": "leadership",
+      "label": "leadership",
+      "description": "Turn memos, decisions, and board materials into reusable operating context",
+      "githubUrl": "https://github.com/lobu-ai/lobu/tree/main/examples/leadership"
+    },
+    {
+      "slug": "legal",
+      "label": "legal-review",
+      "description": "Review contracts, summarize risk, and surface missing protections",
+      "githubUrl": "https://github.com/lobu-ai/lobu/tree/main/examples/legal"
+    },
+    {
+      "slug": "lobu-crm",
+      "label": "crm",
+      "description": "Funnel CRM for Lobu — leads, pilots, conversations, launch signals",
+      "githubUrl": "https://github.com/lobu-ai/lobu/tree/main/examples/lobu-crm"
+    },
+    {
+      "slug": "market",
+      "label": "vc-tracking",
+      "description": "Track companies, founders, and investment opportunities for venture firms",
+      "githubUrl": "https://github.com/lobu-ai/lobu/tree/main/examples/market"
+    },
+    {
+      "slug": "office-bot",
+      "label": "food-ordering",
+      "description": "Office-ops agents — first up: the weekday lunch order",
+      "githubUrl": "https://github.com/lobu-ai/lobu/tree/main/examples/office-bot"
+    },
+    {
+      "slug": "personal-finance",
+      "label": "personal-finance",
+      "description": "UK Self Assessment helper — captures financial activity across the tax year and assembles SA100 + supplementary pages.",
+      "githubUrl": "https://github.com/lobu-ai/lobu/tree/main/examples/personal-finance"
+    },
+    {
+      "slug": "sales",
+      "label": "sales",
+      "description": "Help revenue teams track account health, rollout progress, and renewal signals",
+      "githubUrl": "https://github.com/lobu-ai/lobu/tree/main/examples/sales"
+    }
+  ]
+}
diff --git a/packages/landing/src/generated/use-case-snippets.json b/packages/landing/src/generated/use-case-snippets.json
deleted file mode 100644
index 3c508c850..000000000
--- a/packages/landing/src/generated/use-case-snippets.json
+++ /dev/null
@@ -1,234 +0,0 @@
-{
-  "legal": {
-    "agentToml": {
-      "code": "[agents.legal-review]\nname = \"legal-review\"\n[[agents.legal-review.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n[memory]\nenabled = true\norg = \"legal-review\"\nmodels = \"./models\"\ndata = \"./data\"",
-      "path": "lobu.toml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/legal/lobu.toml",
-      "language": "toml"
-    },
-    "memorySchemaYaml": {
-      "code": "entities:\n  - slug: clause\n    name: Clause\n    metadata_schema:\n      type: object\n      properties:\n        clause_type: { type: string }\n        section: { type: string }\n        risk_level: { type: string }\n        # 1 more…",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/legal/models/schema.yaml",
-      "language": "yaml"
-    },
-    "watcherYaml": {
-      "code": "watchers:\n  - slug: contract-review-tracker\n    agent: legal-review\n    schedule: 0 8 * * 1-5\n    prompt: \"Review active contracts for approaching deadlines, unsigned agreements, and unresolved risk items. Flag any clauses that still need counsel approval.\"\n    extraction_schema:\n      type: object\n      required: [pending_contracts, unresolved_risks, approaching_deadlines]",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/legal/models/schema.yaml",
-      "language": "yaml"
-    },
-    "connectorTs": {
-      "code": "// biome-ignore-all format: stays compact for the landing-page code panel\nimport { ConnectorRuntime, type SyncContext } from \"@lobu/connector-sdk\";\n\nexport default class DocuSignEnvelopesConnector extends ConnectorRuntime {\n  readonly definition = {\n    key: \"docusign-envelopes\",\n    name: \"DocuSign envelopes\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"oauth\" as const, provider: \"docusign\" }] },\n    feeds: { envelopes: { key: \"envelopes\", name: \"Envelope status changes\" } },\n  };\n\n  async sync(ctx: SyncContext) {\n    const since = (ctx.checkpoint as any)?.last_status_changed ?? \"2000-01-01T00:00:00Z\";\n    const base = String(ctx.config.base_path ?? \"https://www.docusign.net/restapi\").replace(/\\/$/, \"\");\n    const r = await fetch(`${base}/v2.1/accounts/${ctx.config.account_id}/envelopes?from_date=${encodeURIComponent(since)}&count=100`);\n    const envelopes: any[] = ((await r.json() as any).envelopes ?? []).sort((a: any, b: any) => new Date(a.statusChangedDateTime).getTime() - new Date(b.statusChangedDateTime).getTime());\n    return {\n      events: envelopes.map((e) => ({\n        origin_id: `${e.envelopeId}:${e.status}`,\n        origin_type: \"envelope_status_changed\",\n        title: `${e.emailSubject ?? e.envelopeId} → ${e.status}`,\n        occurred_at: new Date(e.statusChangedDateTime),\n      })),\n      checkpoint: { last_status_changed: envelopes.at(-1)?.statusChangedDateTime ?? since },\n    };\n  }\n\n  async execute() {\n    return { success: false, error: \"no actions\" };\n  }\n}",
-      "path": "connectors/docusign-envelopes.connector.ts",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/legal/connectors/docusign-envelopes.connector.ts",
-      "language": "typescript"
-    }
-  },
-  "finance": {
-    "agentToml": {
-      "code": "[agents.finance]\nname = \"finance\"\n[[agents.finance.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n[memory]\nenabled = true\norg = \"finance\"\nmodels = \"./models\"\ndata = \"./data\"",
-      "path": "lobu.toml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/finance/lobu.toml",
-      "language": "toml"
-    },
-    "memorySchemaYaml": {
-      "code": "entities:\n  - slug: account\n    name: Account\n    metadata_schema:\n      type: object\n      properties:\n        account_name: { type: string }\n        account_type: { type: string }\n        balance: { type: string }\n        # 1 more…",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/finance/models/schema.yaml",
-      "language": "yaml"
-    },
-    "watcherYaml": {
-      "code": "watchers:\n  - slug: reconciliation-monitor\n    agent: finance\n    schedule: 0 6 * * 1-5\n    prompt: \"Check accounts for unreconciled transactions, new variances, and approaching reporting deadlines. Lead with exceptions that need review.\"\n    extraction_schema:\n      type: object\n      required: [unreconciled_count, new_variances, approaching_deadlines]",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/finance/models/schema.yaml",
-      "language": "yaml"
-    },
-    "reactionTs": {
-      "code": "/**\n * Reaction for the `reconciliation-monitor` watcher.\n *\n * Persists any variance flagged during the daily 6am sweep as a durable\n * `variance_flag` event tied to the affected account. Downstream agents\n * (close-of-month rollup, audit prep) consume these events instead of\n * re-extracting variances from the raw transaction stream.\n */\nimport type { ReactionContext } from \"@lobu/connector-sdk\";\n\ninterface ReconciliationData {\n  variances?: Array<{\n    account: string;\n    amount: number;\n    direction: \"over\" | \"under\";\n    reason: string;\n  }>;\n  unreconciled_count?: number;\n}\n\nexport default async (ctx: ReactionContext, client: any): Promise => {\n  const data = ctx.extracted_data as ReconciliationData;\n  const variances = data.variances ?? [];\n  if (variances.length === 0) return;\n\n  for (const v of variances) {\n    await client.knowledge.save({\n      entity_ids: ctx.entities.map((e) => e.id),\n      content: `Variance ${v.direction} on ${v.account}: ${v.amount} — ${v.reason}`,\n      semantic_type: \"variance_flag\",\n      metadata: {\n        account: v.account,\n        amount: v.amount,\n        direction: v.direction,\n        window_id: ctx.window.id,\n        unreconciled_count: data.unreconciled_count ?? null,\n      },\n    });\n  }\n};",
-      "path": "models/reactions/reconciliation-monitor.reaction.ts",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/finance/models/reactions/reconciliation-monitor.reaction.ts",
-      "language": "typescript"
-    },
-    "connectorTs": {
-      "code": "// biome-ignore-all format: stays compact for the landing-page code panel\nimport { ConnectorRuntime, type SyncContext } from \"@lobu/connector-sdk\";\n\nexport default class QuickBooksTransactionsConnector extends ConnectorRuntime {\n  readonly definition = {\n    key: \"quickbooks-transactions\",\n    name: \"QuickBooks transactions\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"oauth\" as const, provider: \"intuit\" }] },\n    feeds: { transactions: { key: \"transactions\", name: \"Posted transactions\" } },\n  };\n\n  async sync(ctx: SyncContext) {\n    const since = (ctx.checkpoint as any)?.last_txn_date ?? \"1970-01-01\";\n    const q = `SELECT * FROM Transaction WHERE TxnDate > '${since}' ORDERBY TxnDate ASC MAXRESULTS 500`;\n    const r = await fetch(`https://quickbooks.api.intuit.com/v3/company/${ctx.config.realm_id}/query?query=${encodeURIComponent(q)}`);\n    const txns: any[] = (await r.json() as any).QueryResponse?.Transaction ?? [];\n    return {\n      events: txns.map((t) => ({\n        origin_id: t.Id,\n        origin_type: \"transaction_posted\",\n        title: `${t.AccountRef?.name ?? \"Bank\"} — $${t.Amount.toFixed(2)}`,\n        occurred_at: new Date(`${t.TxnDate}T00:00:00Z`),\n      })),\n      checkpoint: { last_txn_date: txns.at(-1)?.TxnDate ?? since },\n    };\n  }\n\n  async execute() {\n    return { success: false, error: \"no actions\" };\n  }\n}",
-      "path": "connectors/quickbooks-transactions.connector.ts",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/finance/connectors/quickbooks-transactions.connector.ts",
-      "language": "typescript"
-    }
-  },
-  "sales": {
-    "agentToml": {
-      "code": "[agents.sales]\nname = \"sales\"\n[[agents.sales.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n[memory]\nenabled = true\norg = \"sales\"\nmodels = \"./models\"\ndata = \"./data\"",
-      "path": "lobu.toml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/lobu.toml",
-      "language": "toml"
-    },
-    "memorySchemaYaml": {
-      "code": "entities:\n  - slug: organization\n    name: Organization\n    metadata_schema:\n      type: object\n      properties:\n        company_name: { type: string }\n        stage: { type: string }\n        arr: { type: string }\n        # 1 more…",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/models/schema.yaml",
-      "language": "yaml"
-    },
-    "watcherYaml": {
-      "code": "watchers:\n  - slug: account-health-monitor\n    agent: sales\n    schedule: 0 */12 * * *\n    prompt: \"Poll CRM data for tracked accounts. Track expansion progress, risk level changes, and renewal timeline.\"\n    extraction_schema:\n      type: object\n      required: [risk_level, expansion_status, renewal_blockers, activity_delta]",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/models/schema.yaml",
-      "language": "yaml"
-    },
-    "reactionTs": {
-      "code": "/**\n * Reaction for the `account-health-monitor` watcher.\n *\n * When the watcher detects a material risk-level change on a tracked account,\n * persist a `health_change` event so the renewal-risk view + weekly digest\n * have a stable record without re-extracting from the CRM stream.\n */\nimport type { ReactionContext } from \"@lobu/connector-sdk\";\n\ninterface HealthData {\n  account_changes?: Array<{\n    account: string;\n    previous_risk: \"low\" | \"medium\" | \"high\";\n    current_risk: \"low\" | \"medium\" | \"high\";\n    signals: string[];\n  }>;\n}\n\nconst RISK_ORDER = { low: 0, medium: 1, high: 2 } as const;\n\nexport default async (ctx: ReactionContext, client: any): Promise => {\n  const data = ctx.extracted_data as HealthData;\n  const changes = data.account_changes ?? [];\n  // Only persist *worsening* transitions — improvements are visible in the\n  // CRM stream and don't need a durable flag.\n  const escalations = changes.filter(\n    (c) => RISK_ORDER[c.current_risk] > RISK_ORDER[c.previous_risk]\n  );\n  if (escalations.length === 0) return;\n\n  for (const c of escalations) {\n    await client.knowledge.save({\n      entity_ids: ctx.entities.map((e) => e.id),\n      content: `Account ${c.account}: risk ${c.previous_risk} → ${c.current_risk}\\nSignals: ${c.signals.join(\"; \")}`,\n      semantic_type: \"health_change\",\n      metadata: {\n        account: c.account,\n        from: c.previous_risk,\n        to: c.current_risk,\n        window_id: ctx.window.id,\n      },\n    });\n  }\n};",
-      "path": "models/reactions/account-health-monitor.reaction.ts",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/models/reactions/account-health-monitor.reaction.ts",
-      "language": "typescript"
-    },
-    "connectorTs": {
-      "code": "// biome-ignore-all format: stays compact for the landing-page code panel\nimport { ConnectorRuntime, type SyncContext } from \"@lobu/connector-sdk\";\n\nexport default class SalesforcePipelineConnector extends ConnectorRuntime {\n  readonly definition = {\n    key: \"salesforce-pipeline\",\n    name: \"Salesforce pipeline\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"oauth\" as const, provider: \"salesforce\" }] },\n    feeds: { opportunities: { key: \"opportunities\", name: \"Opportunities\" } },\n  };\n\n  async sync(ctx: SyncContext) {\n    const since = (ctx.checkpoint as any)?.last_modified ?? \"2000-01-01T00:00:00Z\";\n    const q = `SELECT Id,Name,StageName,LastModifiedDate FROM Opportunity WHERE LastModifiedDate > ${since} LIMIT 200`;\n    const r = await fetch(`${ctx.config.instance_url}/services/data/v60.0/query?q=${encodeURIComponent(q)}`);\n    const records: any[] = (await r.json() as any).records ?? [];\n    return {\n      events: records.map((o) => ({\n        origin_id: o.Id,\n        origin_type: \"opportunity_updated\",\n        title: `${o.Name} → ${o.StageName}`,\n        occurred_at: new Date(o.LastModifiedDate),\n      })),\n      checkpoint: { last_modified: records.at(-1)?.LastModifiedDate ?? since },\n    };\n  }\n\n  async execute() {\n    return { success: false, error: \"no actions\" };\n  }\n}",
-      "path": "connectors/salesforce-pipeline.connector.ts",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/connectors/salesforce-pipeline.connector.ts",
-      "language": "typescript"
-    }
-  },
-  "delivery": {
-    "agentToml": {
-      "code": "[agents.delivery]\nname = \"delivery\"\n[[agents.delivery.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n[memory]\nenabled = true\norg = \"delivery\"\nmodels = \"./models\"\ndata = \"./data\"",
-      "path": "lobu.toml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/delivery/lobu.toml",
-      "language": "toml"
-    },
-    "memorySchemaYaml": {
-      "code": "entities:\n  - slug: blocker\n    name: Blocker\n    metadata_schema:\n      type: object\n      properties:\n        blocker_description: { type: string }\n        owned_by: { type: string }\n        impact: { type: string }\n        # 1 more…",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/delivery/models/schema.yaml",
-      "language": "yaml"
-    },
-    "watcherYaml": {
-      "code": "watchers:\n  - slug: phoenix-rollout-tracker\n    agent: delivery\n    schedule: 0 9 * * 1\n    prompt: \"Check project blockers, milestone progress, and generate the weekly risk summary for leadership.\"\n    extraction_schema:\n      type: object\n      required: [blockers_resolved, milestone_state, new_risks, risk_summary]",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/delivery/models/schema.yaml",
-      "language": "yaml"
-    },
-    "connectorTs": {
-      "code": "// biome-ignore-all format: stays compact for the landing-page code panel\nimport { ConnectorRuntime, type SyncContext } from \"@lobu/connector-sdk\";\n\nexport default class ShopifyOrdersConnector extends ConnectorRuntime {\n  readonly definition = {\n    key: \"shopify-orders\",\n    name: \"Shopify orders\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"env\" as const, fields: [{ name: \"access_token\" }] }] },\n    feeds: { orders: { key: \"orders\", name: \"Order updates\" } },\n  };\n\n  async sync(ctx: SyncContext) {\n    const since = (ctx.checkpoint as any)?.updated_at_min ?? \"2000-01-01T00:00:00Z\";\n    const r = await fetch(`https://${ctx.config.shop}/admin/api/2024-10/orders.json?status=any&updated_at_min=${encodeURIComponent(since)}&limit=100`);\n    const orders: any[] = ((await r.json() as any).orders ?? []).sort((a: any, b: any) => new Date(a.updated_at).getTime() - new Date(b.updated_at).getTime());\n    return {\n      events: orders.map((o) => ({\n        origin_id: `${o.id}:${o.updated_at}`,\n        origin_type: \"order_updated\",\n        title: `Order ${o.name} — ${o.fulfillment_status ?? \"unfulfilled\"}`,\n        source_url: `https://${ctx.config.shop}/admin/orders/${o.id}`,\n        occurred_at: new Date(o.updated_at),\n      })),\n      checkpoint: { updated_at_min: orders.at(-1)?.updated_at ?? since },\n    };\n  }\n\n  async execute() {\n    return { success: false, error: \"no actions\" };\n  }\n}",
-      "path": "connectors/shopify-orders.connector.ts",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/delivery/connectors/shopify-orders.connector.ts",
-      "language": "typescript"
-    }
-  },
-  "leadership": {
-    "agentToml": {
-      "code": "[agents.leadership]\nname = \"leadership\"\n[[agents.leadership.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n[memory]\nenabled = true\norg = \"leadership\"\nmodels = \"./models\"\ndata = \"./data\"",
-      "path": "lobu.toml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/leadership/lobu.toml",
-      "language": "toml"
-    },
-    "memorySchemaYaml": {
-      "code": "entities:\n  - slug: decision\n    name: Decision\n    metadata_schema:\n      type: object\n      properties:\n        subject: { type: string }\n        status: { type: string }\n        source_document: { type: string }\n        # 1 more…",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/leadership/models/schema.yaml",
-      "language": "yaml"
-    },
-    "watcherYaml": {
-      "code": "watchers:\n  - slug: board-action-tracker\n    agent: leadership\n    schedule: 0 8 * * *\n    prompt: \"Track board action items: check task delivery status, blocker resolution progress, and approaching deadlines for the next board packet.\"\n    extraction_schema:\n      type: object\n      required: [action_items, blocked_items, deadlines_approaching, completion_status]",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/leadership/models/schema.yaml",
-      "language": "yaml"
-    },
-    "connectorTs": {
-      "code": "// biome-ignore-all format: stays compact for the landing-page code panel\nimport { ConnectorRuntime, type SyncContext } from \"@lobu/connector-sdk\";\n\nconst QUERY = `query($t:ID!,$a:DateTimeOrDuration!){issues(first:100,filter:{team:{id:{eq:$t}},updatedAt:{gt:$a},cycle:{isActive:{eq:true}}},orderBy:updatedAt){nodes{id identifier title url updatedAt state{name}}}}`;\n\nexport default class LinearCyclesConnector extends ConnectorRuntime {\n  readonly definition = {\n    key: \"linear-cycles\",\n    name: \"Linear cycles\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"oauth\" as const, provider: \"linear\" }] },\n    feeds: { cycle_issues: { key: \"cycle_issues\", name: \"Cycle issues\" } },\n  };\n\n  async sync(ctx: SyncContext) {\n    const since = (ctx.checkpoint as any)?.updated_at ?? \"2000-01-01T00:00:00Z\";\n    const r = await fetch(\"https://api.linear.app/graphql\", { method: \"POST\", headers: { \"Content-Type\": \"application/json\" }, body: JSON.stringify({ query: QUERY, variables: { t: ctx.config.team_id, a: since } }) });\n    const issues: any[] = ((await r.json()) as any).data?.issues?.nodes ?? [];\n    return {\n      events: issues.map((i) => ({\n        origin_id: `${i.id}:${i.state.name}`,\n        origin_type: \"issue_state_changed\",\n        title: `${i.identifier} ${i.title} → ${i.state.name}`,\n        source_url: i.url,\n        occurred_at: new Date(i.updatedAt),\n      })),\n      checkpoint: { updated_at: issues.at(-1)?.updatedAt ?? since },\n    };\n  }\n\n  async execute() {\n    return { success: false, error: \"no actions\" };\n  }\n}",
-      "path": "connectors/linear-cycles.connector.ts",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/leadership/connectors/linear-cycles.connector.ts",
-      "language": "typescript"
-    }
-  },
-  "agent-community": {
-    "agentToml": {
-      "code": "[agents.agent-community]\nname = \"agent-community\"\n[[agents.agent-community.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n[memory]\nenabled = true\norg = \"market\"\nmodels = \"./models\"\ndata = \"./data\"",
-      "path": "lobu.toml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/agent-community/lobu.toml",
-      "language": "toml"
-    },
-    "memorySchemaYaml": {
-      "code": "entities:\n  - slug: match\n    name: Match\n    metadata_schema:\n      type: object\n      properties:\n        member_a: { type: string }\n        member_b: { type: string }\n        reason: { type: string }\n        # 1 more…",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/agent-community/models/schema.yaml",
-      "language": "yaml"
-    },
-    "watcherYaml": {
-      "code": "watchers:\n  - slug: opportunity-matcher\n    agent: agent-community\n    schedule: 0 */12 * * *\n    prompt: \"Monitor connected profiles, newsletters, websites, and member updates for new launches, posts, hiring signals, funding news, and project changes. Identify which members are likely to care, explain why, and queue approved intro or outreach drafts.\"\n    extraction_schema:\n      type: object\n      required: [signals]",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/agent-community/models/schema.yaml",
-      "language": "yaml"
-    },
-    "reactionTs": {
-      "code": "/**\n * Reaction for the `opportunity-matcher` watcher.\n *\n * Runs every 12h after the LLM scans member activity and produces a list of\n * suggested matches. Persists each match as a `community_match` event so\n * downstream consumers (intro-drafting agents, weekly digest, audit log) can\n * iterate over a single source of truth instead of re-running the matcher.\n */\nimport type { ReactionContext } from \"@lobu/connector-sdk\";\n\ninterface MatchData {\n  signals?: Array<{\n    member_a: string;\n    member_b: string;\n    reason: string;\n    confidence?: number;\n  }>;\n}\n\nexport default async (ctx: ReactionContext, client: any): Promise => {\n  const data = ctx.extracted_data as MatchData;\n  const signals = data.signals ?? [];\n  if (signals.length === 0) return;\n\n  for (const s of signals) {\n    await client.knowledge.save({\n      entity_ids: ctx.entities.map((e) => e.id),\n      content: `Match: ${s.member_a} ↔ ${s.member_b} — ${s.reason}`,\n      semantic_type: \"community_match\",\n      metadata: {\n        member_a: s.member_a,\n        member_b: s.member_b,\n        confidence: s.confidence ?? null,\n        window_id: ctx.window.id,\n      },\n    });\n  }\n};",
-      "path": "models/reactions/opportunity-matcher.reaction.ts",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/agent-community/models/reactions/opportunity-matcher.reaction.ts",
-      "language": "typescript"
-    },
-    "connectorTs": {
-      "code": "// biome-ignore-all format: stays compact for the landing-page code panel\nimport { ConnectorRuntime, type SyncContext } from \"@lobu/connector-sdk\";\n\nexport default class DiscoursePostsConnector extends ConnectorRuntime {\n  readonly definition = {\n    key: \"discourse-posts\",\n    name: \"Discourse posts\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"env\" as const, fields: [{ name: \"api_key\" }] }] },\n    feeds: { posts: { key: \"posts\", name: \"Forum posts\" } },\n  };\n\n  async sync(ctx: SyncContext) {\n    const cursor = (ctx.checkpoint as any)?.last_post_id ?? 0;\n    const r = await fetch(`${ctx.config.base_url}/posts.json?before=${cursor + 50}`);\n    const posts: any[] = ((await r.json() as any).latest_posts ?? []).filter((p: any) => p.id > cursor).sort((a: any, b: any) => a.id - b.id);\n    return {\n      events: posts.map((p) => ({\n        origin_id: String(p.id),\n        origin_type: \"post_created\",\n        title: p.topic_title ?? `Post by ${p.username}`,\n        author_name: p.username,\n        source_url: `${ctx.config.base_url}/t/${p.topic_slug}/${p.topic_id}/${p.id}`,\n        occurred_at: new Date(p.created_at),\n      })),\n      checkpoint: { last_post_id: posts.at(-1)?.id ?? cursor },\n    };\n  }\n\n  async execute() {\n    return { success: false, error: \"no actions\" };\n  }\n}",
-      "path": "connectors/discourse-posts.connector.ts",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/agent-community/connectors/discourse-posts.connector.ts",
-      "language": "typescript"
-    }
-  },
-  "ecommerce": {
-    "agentToml": {
-      "code": "[agents.ecommerce-ops]\nname = \"ecommerce-ops\"\n[[agents.ecommerce-ops.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n[memory]\nenabled = true\norg = \"ecommerce\"\nmodels = \"./models\"\ndata = \"./data\"",
-      "path": "lobu.toml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/ecommerce/lobu.toml",
-      "language": "toml"
-    },
-    "memorySchemaYaml": {
-      "code": "entities:\n  - slug: customer\n    name: Customer\n    metadata_schema:\n      type: object\n      properties:\n        full_name: { type: string }\n        status: { type: string }\n        plan: { type: string }\n        # 1 more…",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/ecommerce/models/schema.yaml",
-      "language": "yaml"
-    },
-    "watcherYaml": {
-      "code": "watchers:\n  - slug: customer-activity-tracker\n    agent: ecommerce-ops\n    schedule: 0 */6 * * *\n    prompt: \"Monitor customers for new orders, subscription changes, delivery requests, and support interactions.\"\n    extraction_schema:\n      type: object\n      required: [subscription_status, pending_changes, recent_orders, communication_preferences, open_requests]",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/ecommerce/models/schema.yaml",
-      "language": "yaml"
-    },
-    "connectorTs": {
-      "code": "// biome-ignore-all format: stays compact for the landing-page code panel\nimport { ConnectorRuntime, type SyncContext } from \"@lobu/connector-sdk\";\n\nexport default class StripeChargesConnector extends ConnectorRuntime {\n  readonly definition = {\n    key: \"stripe-charges\",\n    name: \"Stripe charges\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"env\" as const, fields: [{ name: \"secret_key\" }] }] },\n    feeds: { charges: { key: \"charges\", name: \"Charges\" } },\n  };\n\n  async sync(ctx: SyncContext) {\n    const cursor = (ctx.checkpoint as any)?.last_created ?? 0;\n    const r = await fetch(`https://api.stripe.com/v1/charges?limit=100&created[gt]=${cursor}`);\n    const data: any[] = ((await r.json() as any).data ?? []).sort((a: any, b: any) => a.created - b.created);\n    return {\n      events: data.map((c) => ({\n        origin_id: c.refunded ? `${c.id}:refund` : c.id,\n        origin_type: c.refunded ? \"charge_refunded\" : \"charge_succeeded\",\n        title: `${c.refunded ? \"Refund\" : \"Charge\"} — ${(c.amount / 100).toFixed(2)} ${c.currency.toUpperCase()}`,\n        source_url: `https://dashboard.stripe.com/payments/${c.id}`,\n        occurred_at: new Date(c.created * 1000),\n      })),\n      checkpoint: { last_created: data.at(-1)?.created ?? cursor },\n    };\n  }\n\n  async execute() {\n    return { success: false, error: \"no actions\" };\n  }\n}",
-      "path": "connectors/stripe-charges.connector.ts",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/ecommerce/connectors/stripe-charges.connector.ts",
-      "language": "typescript"
-    }
-  },
-  "market": {
-    "agentToml": {
-      "code": "[agents.vc-tracking]\nname = \"vc-tracking\"\n[[agents.vc-tracking.providers]]\nid = \"anthropic\"\nmodel = \"claude/sonnet-4-5\"\nkey = \"$ANTHROPIC_API_KEY\"\n[memory]\nenabled = true\norg = \"market\"\nmodels = \"./models\"\ndata = \"./data\"",
-      "path": "lobu.toml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/market/lobu.toml",
-      "language": "toml"
-    },
-    "memorySchemaYaml": {
-      "code": "entities:\n  - slug: company\n    name: Company\n    metadata_schema:\n      type: object\n      properties:\n        market: { type: string }\n        sector: { type: string }\n        category: { type: string }\n        # 17 more…",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/market/models/schema.yaml",
-      "language": "yaml"
-    },
-    "watcherYaml": {
-      "code": "watchers:\n  - slug: founder-activity-tracker\n    agent: vc-tracking\n    schedule: 0 10 * * *\n    prompt: \"You are a venture capital analyst tracking the public activity of startup founders in your portfolio.\"\n    extraction_schema:\n      type: object\n      required: [summary, founders, notable_signals]",
-      "path": "models/schema.yaml",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/market/models/schema.yaml",
-      "language": "yaml"
-    },
-    "reactionTs": {
-      "code": "/**\n * Reaction for the `founder-activity-tracker` watcher.\n *\n * Records notable public activity (tweets, blog posts, hiring posts, fundraise\n * rumors) as `founder_activity` events. The opportunity-matcher watcher reads\n * these events to suggest cross-portfolio introductions.\n */\nimport type { ReactionContext } from \"@lobu/connector-sdk\";\n\ninterface FounderActivityData {\n  signals?: Array<{\n    founder: string;\n    activity_type: string;\n    summary: string;\n    importance?: \"low\" | \"medium\" | \"high\";\n  }>;\n}\n\nexport default async (ctx: ReactionContext, client: any): Promise => {\n  const data = ctx.extracted_data as FounderActivityData;\n  const signals = data.signals ?? [];\n  // High-importance only — low-noise channel for the intel feed.\n  const notable = signals.filter((s) => s.importance === \"high\");\n  if (notable.length === 0) return;\n\n  for (const s of notable) {\n    await client.knowledge.save({\n      entity_ids: ctx.entities.map((e) => e.id),\n      content: `${s.founder} — ${s.activity_type}: ${s.summary}`,\n      semantic_type: \"founder_activity\",\n      metadata: {\n        founder: s.founder,\n        activity_type: s.activity_type,\n        importance: s.importance,\n        window_id: ctx.window.id,\n      },\n    });\n  }\n};",
-      "path": "models/reactions/founder-activity-tracker.reaction.ts",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/market/models/reactions/founder-activity-tracker.reaction.ts",
-      "language": "typescript"
-    },
-    "connectorTs": {
-      "code": "// biome-ignore-all format: stays compact for the landing-page code panel\nimport { ConnectorRuntime, type SyncContext } from \"@lobu/connector-sdk\";\n\nexport default class ExaNewsFeedConnector extends ConnectorRuntime {\n  readonly definition = {\n    key: \"exa-news-feed\",\n    name: \"Exa news feed\",\n    version: \"1.0.0\",\n    authSchema: { methods: [{ type: \"env\" as const, fields: [{ name: \"api_key\" }] }] },\n    feeds: { articles: { key: \"articles\", name: \"Articles\" } },\n  };\n\n  async sync(ctx: SyncContext) {\n    const seen = new Set((ctx.checkpoint as any)?.seen_ids ?? []);\n    const r = await fetch(\"https://api.exa.ai/search\", { method: \"POST\", headers: { \"Content-Type\": \"application/json\" }, body: JSON.stringify({ query: ctx.config.query, numResults: ctx.config.num_results ?? 20 }) });\n    const fresh: any[] = ((await r.json() as any).results ?? []).filter((x: any) => x.id && !seen.has(x.id));\n    return {\n      events: fresh.map((x) => ({\n        origin_id: x.id,\n        origin_type: \"article_published\",\n        title: x.title ?? x.url,\n        author_name: x.author,\n        source_url: x.url,\n        occurred_at: x.publishedDate ? new Date(x.publishedDate) : new Date(),\n      })),\n      checkpoint: { seen_ids: [...seen, ...fresh.map((x) => x.id)].slice(-1000) },\n    };\n  }\n\n  async execute() {\n    return { success: false, error: \"no actions\" };\n  }\n}",
-      "path": "connectors/exa-news-feed.connector.ts",
-      "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/market/connectors/exa-news-feed.connector.ts",
-      "language": "typescript"
-    }
-  }
-}

From 7a2e869d3e238f5e776caa515aecf6b8406dbcc5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 18:45:45 +0100
Subject: [PATCH 28/66] feat(landing): rewire sections to pinned-snippet
 manifest + add example footer links
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Task C of round 10.

- Switch import: ../generated/use-case-snippets.json ->
  ../generated/landing-snippets.json (flat pinned-snippet shape from Task B).
- Drop UseCaseSnippets / ProductSectionProps types; sections take no
  props and reach into snippets. directly.
- New ExampleFooterLink helper renders 'Full example: examples/ →'
  in muted text with the slug in monospace + accent on hover.
- ConnectorsSection: pulls snippets.connector (funnel-form), footer
  -> examples/lobu-crm.
- MemorySection: pulls snippets.memorySchema (sales entities), footer
  -> examples/sales.
- WatchersSection: TWO code blocks stacked — watcher YAML, then a
  one-line label 'When the watcher extracts data, this reaction runs:',
  then snippets.reaction (account-health-monitor.reaction.ts). Footer
  -> examples/sales.
- SkillsSection: footer -> examples/office-bot.
- AgentsSection: drops the reaction.ts CodeBlock (it lives with the
  watcher now), keeps just snippets.agentToml. Footer -> examples/sales.

Each section's right column now reads top-to-bottom: code -> (optional
extras) -> footer link, so the reader always knows which example
they're looking at.
---
 .../landing/src/components/LandingPage.tsx    | 122 +++++++++++++-----
 1 file changed, 88 insertions(+), 34 deletions(-)

diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index 4b1061f08..e92793d6c 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -1,22 +1,30 @@
 import { useState } from "preact/hooks";
-import snippetsManifest from "../generated/use-case-snippets.json";
+import snippetsManifest from "../generated/landing-snippets.json";
 import { getLobuBaseUrl } from "../use-case-showcases";
 import { ArchitectureDiagram } from "./ArchitectureDiagram";
 import { CodeBlock, type CodeSnippet } from "./CodeBlock";
 import { CTA } from "./CTA";
 import { LatestBlogPosts, type LatestBlogPost } from "./LatestBlogPosts";
 
-type UseCaseSnippets = {
+type ExampleEntry = {
+  slug: string;
+  label: string;
+  description: string | null;
+  githubUrl: string;
+};
+
+type LandingSnippets = {
+  connector: CodeSnippet;
+  memorySchema: CodeSnippet;
+  watcher: CodeSnippet;
+  reaction: CodeSnippet;
   agentToml: CodeSnippet;
-  memorySchemaYaml: CodeSnippet;
-  watcherYaml: CodeSnippet;
-  connectorTs?: CodeSnippet;
-  reactionTs?: CodeSnippet;
+  examples: ExampleEntry[];
 };
 
-const snippets = snippetsManifest as Record;
-const PINNED_USE_CASE = "sales";
-const active = snippets[PINNED_USE_CASE] ?? snippets.sales;
+const snippets = snippetsManifest as LandingSnippets;
+
+const EXAMPLE_BASE_URL = "https://github.com/lobu-ai/lobu/tree/main/examples";
 
 const SETUP_PROMPT = `I want to build a Lobu agent.
 
@@ -39,11 +47,11 @@ export function LandingPage(props: { latestPosts?: LatestBlogPost[] }) {
         
       
       
-      
-      
-      
+      
+      
+      
       
-      
+      
       
       
       {props.latestPosts?.length ? (
@@ -487,9 +495,28 @@ function UseCaseGrid() {
 /*  Product sections (Connectors / Memory / Watchers / Agents)               */
 /* -------------------------------------------------------------------------- */
 
-type ProductSectionProps = {
-  useCase: UseCaseSnippets;
-};
+/** Small footer link rendered under each section's code panel, linking to the
+ *  full example on GitHub. Matches the ProductLink monospace-path treatment. */
+function ExampleFooterLink({ slug }: { slug: string }) {
+  return (
+    
+      Full example:{" "}
+      
+        examples/{slug}
+      
+      
+    
+  );
+}
 
 function ProductGrid(props: {
   reverse?: boolean;
@@ -560,7 +587,7 @@ function ProductLink(props: {
   );
 }
 
-function ConnectorsSection({ useCase }: ProductSectionProps) {
+function ConnectorsSection() {
   return (
     
       
         }
         code={
-          useCase.connectorTs ? (
-            
-          ) : null
+          

+            
+            
+          

         }
       />
     
   );
 }
 
-function MemorySection({ useCase }: ProductSectionProps) {
+function MemorySection() {
   return (
     
       
           

         }
-        code={}
+        code={
+          

+            
+            
+          

+        }
       />
     
   );
 }
 
-function WatchersSection({ useCase }: ProductSectionProps) {
+function WatchersSection() {
   return (
     
       
         }
         code={
-          
+          

+            
+            

+              When the watcher extracts data, this reaction runs:
+            

+            
+            
+          

         }
       />
     
@@ -820,18 +866,21 @@ function SkillsSection() {
           

         }
         code={
-          
+          

+            
+            
+          

         }
       />
     
   );
 }
 
-function AgentsSection({ useCase }: ProductSectionProps) {
+function AgentsSection() {
   return (
     
       
           

         }
-        code={}
+        code={
+          

+            
+            
+          

+        }
       />
     
   );

From 16490a6179df389b7509f1d81b955bb1dda7cc87 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 18:49:40 +0100
Subject: [PATCH 29/66] feat(landing): replace UseCaseGrid with
 BrowseExamplesSection (auto-listed)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Task D of round 10 + amendment.

- Drop UseCaseGrid (3 'shape' cards) entirely.
- New BrowseExamplesSection renders one card per examples/ project from
  snippets.examples (populated by glob in gen-landing-snippets.ts in
  Task B). Today: 12 cards (agent-community, atlas, delivery, ecommerce,
  finance, leadership, legal, lobu-crm, market, office-bot,
  personal-finance, sales), all auto-sorted by slug.
- Section position moves down: between AgentsSection and
  RunAnywhereSection, so the reader sees the primitives first and the
  catalog last.
- Card shape: flat (border + bg-surface, no shadow), the whole card is
  one , monospace slug at top, optional
  one-line description from lobu.toml below.
- Grid: 1 column on mobile, 2 at sm, 3 at md+.
- Section header: eyebrow 'Browse the repo' + heading 'Examples' +
  sub-lede.

Per the amendment: no hardcoded list — gen-landing-snippets emits the
examples[] array so adding a new project under examples/ just lands a
new card without touching this file.
---
 .../landing/src/components/LandingPage.tsx    | 204 +++---------------
 1 file changed, 35 insertions(+), 169 deletions(-)

diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index e92793d6c..1c59c67ee 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -46,12 +46,12 @@ export function LandingPage(props: { latestPosts?: LatestBlogPost[] }) {
       
         
       
-      
       
       
       
       
       
+      
       
       
       {props.latestPosts?.length ? (
@@ -305,122 +305,8 @@ function HeroAsciinema() {
 /*  Static sections                                                           */
 /* -------------------------------------------------------------------------- */
 
-function UseCaseGrid() {
-  const cards: Array<{
-    eyebrow: string;
-    title: string;
-    body: preact.ComponentChildren;
-    snippetLines: Array;
-    link: { href: string; label: string };
-  }> = [
-    {
-      eyebrow: "Reactive bot",
-      title: "A chat-driven agent.",
-      body: (
-        <>
-          Fires per message in Slack, Telegram, Discord, MS Teams, WhatsApp, or
-          HTTP. Recalls memory, calls tools, replies.
-        
-      ),
-      snippetLines: [
-        <>
-          ${" "}
-          lobu apply
-        ,
-        <>
-          →{" "}
-          agent: office-bot ready
-        ,
-        <>
-          →{" "}
-          click{" "}
-          
-            "Add to Slack"
-          
-        ,
-      ],
-      link: {
-        href: "https://github.com/lobu-ai/lobu/tree/main/examples/office-bot",
-        label: "See office-bot example",
-      },
-    },
-    {
-      eyebrow: "Cron digest",
-      title: "A dreaming watcher.",
-      body: (
-        <>
-          Runs on a schedule (cron). Aggregates the previous day's events into
-          higher-level entities your team can read in the morning.
-        
-      ),
-      snippetLines: [
-        
-          # models/schema.yaml
-        ,
-        <>
-          
-            watchers
-          
-          :
-        ,
-        <>
-          {"  - "}
-          slug:{" "}
-          
-            month-end-variance
-          
-        ,
-        <>
-          {"    "}
-          
-            schedule
-          
-          :{" "}
-          
-            "0 9 * * 1"
-          
-        ,
-      ],
-      link: {
-        href: "https://github.com/lobu-ai/lobu/tree/main/examples/finance",
-        label: "See finance example",
-      },
-    },
-    {
-      eyebrow: "Event automation",
-      title: "A connector → watcher → reaction pipeline.",
-      body: (
-        <>
-          An external event lands in the stream, a watcher extracts structured
-          data, an optional reaction calls Slack / Linear / Salesforce / etc.
-        
-      ),
-      snippetLines: [
-        
-          # salesforce.opportunity.updated
-        ,
-        <>
-          →{" "}
-          watcher:{" "}
-          
-            renewal-risk
-          
-        ,
-        <>
-          →{" "}
-          reaction:{" "}
-          
-            ping_csm
-          
-        ,
-      ],
-      link: {
-        href: "https://github.com/lobu-ai/lobu/tree/main/examples/sales",
-        label: "See sales example",
-      },
-    },
-  ];
-
+function BrowseExamplesSection() {
+  const examples = snippets.examples;
   return (
     

       
         

-          What you'd build
-          
-            Three shapes. Three working examples.
-          
+          Browse the repo
+          Examples
+          

+            Every example below is a working Lobu project. Clone any of them,
+             lobu apply, and you
+            have a running agent.
+          

         

-        

-          {cards.map((card) => (
-            

+          {examples.map((ex) => (
+            
-              

-                {card.eyebrow}
-              

-              

-                {card.title}
-              

-              

-                {card.body}
-              

-              
-                {card.snippetLines.map((line, i) => (
-                  
-                    {line}
-                  
-                ))}
-              

-              
-                {card.link.label} →
-              
-            

+                examples/{ex.slug}
+              
+              {ex.description ? (
+                
+                  {ex.description}
+                
+              ) : null}
+            
           ))}
         

       
@@ -758,10 +627,7 @@ function WatchersSection() {
         }
         code={
           

-            
+            
             

Date: Tue, 19 May 2026 18:58:46 +0100
Subject: [PATCH 30/66] feat(landing): record real asciicast of lobu init
 scaffold
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaces the hand-scripted 9-frame placeholder with a real asciicast
of `lobu init my-agent` followed by `ls` + `cat lobu.toml`. Output
is genuine CLI output; the "npx @lobu/cli@latest …" header is
printf'd for marketing readability (locally-installed `lobu` is what
actually runs to avoid the bunx download noise in the cast).
---
 packages/landing/public/casts/setup.cast | 35 ++++++++++++++++--------
 1 file changed, 24 insertions(+), 11 deletions(-)

diff --git a/packages/landing/public/casts/setup.cast b/packages/landing/public/casts/setup.cast
index f2686e728..e064e2e58 100644
--- a/packages/landing/public/casts/setup.cast
+++ b/packages/landing/public/casts/setup.cast
@@ -1,11 +1,24 @@
-{"version": 2, "width": 100, "height": 24, "timestamp": 0, "title": "scaffold lobu agent", "env": {"SHELL": "/bin/zsh", "TERM": "xterm-256color"}}
-[0.0, "o", "~/projects/lobu-agent $ "]
-[0.6, "o", "claude\r\n"]
-[1.0, "o", "▸ Paste the Lobu setup prompt below, then press Enter.\r\n"]
-[1.6, "o", "Build me a working Lobu agent end-to-end…\r\n"]
-[2.2, "o", "▼ thinking (reading lobu.ai/docs/getting-started)\r\n"]
-[3.0, "o", "✓ Created lobu.toml (agent + provider + memory)\r\n"]
-[3.6, "o", "✓ Created models/schema.yaml (3 entity types, 1 watcher)\r\n"]
-[4.2, "o", "✓ Created connectors/linear.connector.ts\r\n"]
-[4.8, "o", "✓ Created models/reactions/triage.reaction.ts\r\n"]
-[5.4, "o", "▸ Run lobu run to start.\r\n"]
+{"version":3,"term":{"cols":80,"rows":24,"type":"xterm-256color"},"timestamp":1779213499,"idle_time_limit":1.2,"command":"bash --noprofile --norc -c \"\nexport PS1=\\\"$ \\\"\nexport PATH=\\\"$HOME/.bun/bin:$PATH\\\"\nclear\nsleep 0.6\nprintf \\\"\\\\$ npx @lobu/cli@latest init my-agent\\\\n\\\"\nsleep 0.5\nlobu init my-agent -y --no-sentry --no-slack-preview\nsleep 1.0\nprintf \\\"\\\\$ cd my-agent && ls\\\\n\\\"\ncd my-agent && ls\nsleep 1.0\nprintf \\\"\\\\$ cat lobu.toml\\\\n\\\"\ncat lobu.toml | head -22\nsleep 2.5\n\"","env":{"SHELL":"/bin/zsh"}}
+[0.014, "o", "\u001b[H\u001b[2J\u001b[3J"]
+[0.607, "o", "$ npx @lobu/cli@latest init my-agent\r\n"]
+[0.786, "o", "\u001b[2m\u001b[22m\r\n\u001b[2mCreating project in: \u001b[36m/private/tmp/lobu-cast/my-agent\u001b[39m\u001b[22m\r\n\u001b[2m\u001b[22m\r\n"]
+[0.003, "o", "\u001b[?25l"]
+[0.000, "o", "\u001b[1G"]
+[0.000, "o", "\u001b[1G"]
+[0.000, "o", "\u001b[36m⠋\u001b[39m Creating Lobu project..."]
+[0.004, "o", "\u001b[1G"]
+[0.000, "o", "\u001b[0K"]
+[0.000, "o", "\u001b[?25h"]
+[0.000, "o", "\u001b[32m✔\u001b[39m Project created successfully!\r\n"]
+[0.000, "o", "\u001b[32m\u001b[39m\r\n\u001b[32m✓ Lobu initialized!\u001b[39m\r\n\u001b[32m\u001b[39m\r\n"]
+[0.000, "o", "\u001b[1mNext steps:\u001b[22m\r\n\u001b[1m\u001b[22m\r\n"]
+[0.000, "o", "\u001b[36m  1. cd my-agent\u001b[39m\r\n"]
+[0.000, "o", "\u001b[36m  2. Start the local stack: lobu run (uses PGlite by default)\u001b[39m\r\n"]
+[0.000, "o", "\u001b[2m       Optional: set DATABASE_URL in .env to use external Postgres instead.\u001b[22m\r\n"]
+[0.000, "o", "\u001b[36m  3. API docs: http://localhost:8787/api/docs\u001b[39m\r\n\u001b[2m\u001b[22m\r\n\u001b[2m  See README.md for layout, AGENTS.md for the agent contract.\u001b[22m\r\n\u001b[2m\u001b[22m\r\n"]
+[0.000, "o", "\u001b[?25h"]
+[1.007, "o", "$ cd my-agent && ls\r\n"]
+[0.004, "o", "agents\t\tdata\t\tREADME.md\tTESTING.md\r\nAGENTS.md\tlobu.toml\tskills\r\n"]
+[1.006, "o", "$ cat lobu.toml\r\n"]
+[0.003, "o", "# lobu.toml — Agent configuration\r\n# Docs: https://lobu.ai/docs/getting-started\r\n#\r\n# Each [agents.{id}] defines an agent. The dir field points to a directory\r\n# containing IDENTITY.md, SOUL.md, USER.md, and optionally skills/.\r\n# Shared skills in the root skills/ directory are available to all agents.\r\n\r\n[agents.my-agent]\r\nname = \"my-agent\"\r\ndescription = \"\"\r\ndir = \"./agents/my-agent\"\r\n\r\n# LLM providers (order = priority, key = API key or $ENV_VAR)\r\n# Add providers via the gateway configuration APIs or uncomment below:\r\n# [[agents.my-agent.providers]]\r\n# id = \"openrouter\"\r\n# key = \"$OPENROUTER_API_KEY\"\r\n\r\n# Chat platform (add via the gateway configuration APIs or uncomment below):\r\n# [[agents.my-agent.platforms]]\r\n# type = \"telegram\"\r\n# [agents.my-agent.platforms.config]\r\n"]
+[2.503, "x", "0"]

From e0224288128c3a257b16404287c2124faf04cb0b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 19:10:17 +0100
Subject: [PATCH 31/66] feat(landing): swap hero cast to interactive lobu init
 recording

Re-record with the full inquirer prompt flow (project name, gateway
port, public URL, network policy, provider, platform, slack preview,
memory, otel, sentry) instead of the `-y` one-shot. Driven via tmux
send-keys against a real zsh -d -f session so the cast shows the same
UI a user would see typing answers themselves.
---
 packages/landing/public/casts/setup.cast | 111 +++++++++++++++++++----
 1 file changed, 94 insertions(+), 17 deletions(-)

diff --git a/packages/landing/public/casts/setup.cast b/packages/landing/public/casts/setup.cast
index e064e2e58..e6fe00632 100644
--- a/packages/landing/public/casts/setup.cast
+++ b/packages/landing/public/casts/setup.cast
@@ -1,24 +1,101 @@
-{"version":3,"term":{"cols":80,"rows":24,"type":"xterm-256color"},"timestamp":1779213499,"idle_time_limit":1.2,"command":"bash --noprofile --norc -c \"\nexport PS1=\\\"$ \\\"\nexport PATH=\\\"$HOME/.bun/bin:$PATH\\\"\nclear\nsleep 0.6\nprintf \\\"\\\\$ npx @lobu/cli@latest init my-agent\\\\n\\\"\nsleep 0.5\nlobu init my-agent -y --no-sentry --no-slack-preview\nsleep 1.0\nprintf \\\"\\\\$ cd my-agent && ls\\\\n\\\"\ncd my-agent && ls\nsleep 1.0\nprintf \\\"\\\\$ cat lobu.toml\\\\n\\\"\ncat lobu.toml | head -22\nsleep 2.5\n\"","env":{"SHELL":"/bin/zsh"}}
-[0.014, "o", "\u001b[H\u001b[2J\u001b[3J"]
-[0.607, "o", "$ npx @lobu/cli@latest init my-agent\r\n"]
-[0.786, "o", "\u001b[2m\u001b[22m\r\n\u001b[2mCreating project in: \u001b[36m/private/tmp/lobu-cast/my-agent\u001b[39m\u001b[22m\r\n\u001b[2m\u001b[22m\r\n"]
-[0.003, "o", "\u001b[?25l"]
-[0.000, "o", "\u001b[1G"]
+{"version":3,"term":{"cols":92,"rows":24,"type":"tmux-256color","version":"tmux 3.6a"},"timestamp":1779214177,"idle_time_limit":1.5,"command":"env ZDOTDIR=/tmp/cast-zshdir zsh -i","env":{"SHELL":"/bin/zsh"}}
+[0.031, "o", "\u001b[H\u001b[J\u001b[3J"]
+[0.000, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                           \r \r"]
+[0.000, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J$ "]
+[0.000, "o", "\u001b[K"]
+[0.000, "o", "\u001b[?2004h"]
+[1.458, "o", "l\blob"]
+[0.000, "o", "u "]
+[0.000, "o", "i"]
+[0.000, "o", "ni"]
+[0.000, "o", "t"]
+[0.000, "o", "\u001b[?2004l\r\r\n"]
+[0.141, "o", "\u001b[34m?\u001b[39m \u001b[1mProject name?\u001b[22m \u001b[2m(my-lobu)\u001b[22m\u001b[27G"]
+[2.071, "o", "\u001b[28G"]
+[0.001, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mProject name?\u001b[22m m\u001b[18G"]
+[0.000, "o", "\u001b[19G"]
+[0.000, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mProject name?\u001b[22m my\u001b[19G"]
+[0.000, "o", "\u001b[20G"]
+[0.000, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mProject name?\u001b[22m my-\u001b[20G"]
+[0.000, "o", "\u001b[21G"]
+[0.001, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mProject name?\u001b[22m my-a\u001b[21G"]
+[0.000, "o", "\u001b[22G"]
+[0.000, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mProject name?\u001b[22m my-ag\u001b[22G"]
+[0.000, "o", "\u001b[23G"]
+[0.000, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mProject name?\u001b[22m my-age\u001b[23G"]
+[0.000, "o", "\u001b[24G"]
+[0.000, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mProject name?\u001b[22m my-agen\u001b[24G"]
+[0.000, "o", "\u001b[25G"]
+[0.000, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mProject name?\u001b[22m my-agent\u001b[25G"]
+[0.000, "o", "\u001b[17G"]
+[0.000, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mProject name?\u001b[22m my-agent\u001b[25G"]
+[0.003, "o", "\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mProject name?\u001b[22m \u001b[36mmy-agent\u001b[39m\u001b[25G"]
+[0.000, "o", "\r\n\u001b[?25h"]
+[0.000, "o", "\u001b[2m\u001b[22m\r\n\u001b[2mCreating project in: \u001b[36m/private/tmp/lobu-cast/my-agent\u001b[39m\u001b[22m\r\n\u001b[2m\u001b[22m\r\n"]
+[0.001, "o", "\u001b[34m?\u001b[39m \u001b[1mGateway port?\u001b[22m \u001b[2m(8787)\u001b[22m\u001b[24G"]
+[1.808, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mGateway port?\u001b[22m \u001b[2m(8787)\u001b[22m\u001b[24G"]
+[0.000, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mGateway port?\u001b[22m 8787\u001b[21G"]
+[0.000, "o", "\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mGateway port?\u001b[22m \u001b[36m8787\u001b[39m\u001b[21G"]
+[0.000, "o", "\r\n\u001b[?25h"]
+[0.000, "o", "\u001b[34m?\u001b[39m \u001b[1mPublic gateway URL? (leave empty for local dev, set for OAuth/webhooks)\u001b[22m\u001b[75G"]
+[1.409, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mPublic gateway URL? (leave empty for local dev, set for OAuth/webhooks)\u001b[22m\u001b[75G"]
+[0.000, "o", "\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mPublic gateway URL? (leave empty for local dev, set for OAuth/webhooks)\u001b[22m \u001b[36m\u001b[39m\u001b[75G"]
+[0.001, "o", "\r\n\u001b[?25h"]
+[0.001, "o", "\u001b[34m?\u001b[39m \u001b[1mWorker network access?\u001b[22m\r\n\u001b[36m❯ Restricted (recommended) — common registries only (npm, GitHub, PyPI)\u001b[39m\r\n  Open — workers can access any domain\r\n  Isolated — workers have no internet access\r\n\r\n\u001b[1m↑↓\u001b[22m \u001b[2mnavigate\u001b[22m\u001b[2m • \u001b[22m\u001b[1m⏎\u001b[22m \u001b[2mselect\u001b[22m\u001b[?25l\u001b[23G"]
+[1.409, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mWorker network access?\u001b[22m \u001b[36mRestricted (recommended) — common registries only (npm, GitHub, \u001b[39m\r\n\u001b[36mPyPI)\u001b[39m\u001b[3G"]
+[0.000, "o", "\r\n\u001b[?25h"]
+[0.002, "o", "\u001b[34m?\u001b[39m \u001b[1mAI provider?\u001b[22m\r\n\u001b[36m❯ Skip — I'll add a provider later\u001b[39m\r\n  Groq (llama-3.3-70b-versatile)\r\n  Gemini (gemini-2.0-flash)\r\n  Together AI (meta-llama/Llama-3.3-70B-Instruct-Turbo)\r\n  NVIDIA NIM (free) (nvidia/moonshotai/kimi-k2.5)\r\n  z.ai\r\n  ElevenLabs\r\n\r\n\u001b[1m↑↓\u001b[22m \u001b[2mnavigate\u001b[22m\u001b[2m • \u001b[22m\u001b[1m⏎\u001b[22m \u001b[2mselect\u001b[22m\u001b[?25l\u001b[23G"]
+[1.428, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mAI provider?\u001b[22m \u001b[36mSkip — I'll add a provider later\u001b[39m\u001b[48G"]
+[0.000, "o", "\r\n\u001b[?25h"]
+[0.000, "o", "\u001b[34m?\u001b[39m \u001b[1mConnect a chat platform?\u001b[22m\r\n\u001b[36m❯ Skip — I'll connect a platform later\u001b[39m\r\n  Telegram\r\n  Slack\r\n  Discord\r\n  WhatsApp\r\n  Microsoft Teams\r\n  Google Chat\r\n\r\n\u001b[1m↑↓\u001b[22m \u001b[2mnavigate\u001b[22m\u001b[2m • \u001b[22m\u001b[1m⏎\u001b[22m \u001b[2mselect\u001b[22m\u001b[?25l\u001b[23G"]
+[1.414, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mConnect a chat platform?\u001b[22m \u001b[36mSkip — I'll connect a platform later\u001b[39m\u001b[64G"]
+[0.000, "o", "\r\n\u001b[?25h"]
+[0.001, "o", "\u001b[34m?\u001b[39m \u001b[1mEnable Slack Preview with the public Lobu Developer Slack bot?\u001b[22m \u001b[2m(y/N)\u001b[22m\u001b[72G"]
+[1.410, "o", "\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mEnable Slack Preview with the public Lobu Developer Slack bot?\u001b[22m \u001b[36mNo\u001b[39m\u001b[68G"]
+[0.001, "o", "\r\n\u001b[?25h"]
+[0.000, "o", "\u001b[34m?\u001b[39m \u001b[1mMemory:\u001b[22m\r\n\u001b[36m❯ None (filesystem memory)\u001b[39m\r\n  Lobu Cloud (app.lobu.ai)\r\n  Custom Lobu memory URL\r\n\r\n\u001b[1m↑↓\u001b[22m \u001b[2mnavigate\u001b[22m\u001b[2m • \u001b[22m\u001b[1m⏎\u001b[22m \u001b[2mselect\u001b[22m\u001b[?25l\u001b[23G"]
+[1.407, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mMemory:\u001b[22m \u001b[36mNone (filesystem memory)\u001b[39m\u001b[35G"]
+[0.000, "o", "\r\n\u001b[?25h"]
+[0.000, "o", "\u001b[34m?\u001b[39m \u001b[1mOpenTelemetry collector endpoint? (leave empty to disable tracing)\u001b[22m\u001b[70G"]
+[1.412, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mOpenTelemetry collector endpoint? (leave empty to disable tracing)\u001b[22m\u001b[70G"]
+[0.000, "o", "\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mOpenTelemetry collector endpoint? (leave empty to disable tracing)\u001b[22m \u001b[36m\u001b[39m\u001b[70G"]
+[0.000, "o", "\r\n\u001b[?25h"]
+[0.001, "o", "\u001b[34m?\u001b[39m \u001b[1mShare anonymous error reports with Sentry to help improve Lobu?\u001b[22m \u001b[2m(y/N)\u001b[22m\u001b[73G"]
+[1.409, "o", "\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mShare anonymous error reports with Sentry to help improve Lobu?\u001b[22m \u001b[36mNo\u001b[39m\u001b[69G"]
+[0.000, "o", "\r\n\u001b[?25h"]
+[0.002, "o", "\u001b[?25l"]
+[0.001, "o", "\u001b[1G"]
 [0.000, "o", "\u001b[1G"]
 [0.000, "o", "\u001b[36m⠋\u001b[39m Creating Lobu project..."]
-[0.004, "o", "\u001b[1G"]
-[0.000, "o", "\u001b[0K"]
-[0.000, "o", "\u001b[?25h"]
+[0.005, "o", "\u001b[1G"]
+[0.000, "o", "\u001b[0K\u001b[?25h"]
 [0.000, "o", "\u001b[32m✔\u001b[39m Project created successfully!\r\n"]
 [0.000, "o", "\u001b[32m\u001b[39m\r\n\u001b[32m✓ Lobu initialized!\u001b[39m\r\n\u001b[32m\u001b[39m\r\n"]
-[0.000, "o", "\u001b[1mNext steps:\u001b[22m\r\n\u001b[1m\u001b[22m\r\n"]
-[0.000, "o", "\u001b[36m  1. cd my-agent\u001b[39m\r\n"]
+[0.000, "o", "\u001b[1mNext steps:\u001b[22m\r\n\u001b[1m\u001b[22m\r\n\u001b[36m  1. cd my-agent\u001b[39m\r\n"]
 [0.000, "o", "\u001b[36m  2. Start the local stack: lobu run (uses PGlite by default)\u001b[39m\r\n"]
 [0.000, "o", "\u001b[2m       Optional: set DATABASE_URL in .env to use external Postgres instead.\u001b[22m\r\n"]
 [0.000, "o", "\u001b[36m  3. API docs: http://localhost:8787/api/docs\u001b[39m\r\n\u001b[2m\u001b[22m\r\n\u001b[2m  See README.md for layout, AGENTS.md for the agent contract.\u001b[22m\r\n\u001b[2m\u001b[22m\r\n"]
-[0.000, "o", "\u001b[?25h"]
-[1.007, "o", "$ cd my-agent && ls\r\n"]
-[0.004, "o", "agents\t\tdata\t\tREADME.md\tTESTING.md\r\nAGENTS.md\tlobu.toml\tskills\r\n"]
-[1.006, "o", "$ cat lobu.toml\r\n"]
-[0.003, "o", "# lobu.toml — Agent configuration\r\n# Docs: https://lobu.ai/docs/getting-started\r\n#\r\n# Each [agents.{id}] defines an agent. The dir field points to a directory\r\n# containing IDENTITY.md, SOUL.md, USER.md, and optionally skills/.\r\n# Shared skills in the root skills/ directory are available to all agents.\r\n\r\n[agents.my-agent]\r\nname = \"my-agent\"\r\ndescription = \"\"\r\ndir = \"./agents/my-agent\"\r\n\r\n# LLM providers (order = priority, key = API key or $ENV_VAR)\r\n# Add providers via the gateway configuration APIs or uncomment below:\r\n# [[agents.my-agent.providers]]\r\n# id = \"openrouter\"\r\n# key = \"$OPENROUTER_API_KEY\"\r\n\r\n# Chat platform (add via the gateway configuration APIs or uncomment below):\r\n# [[agents.my-agent.platforms]]\r\n# type = \"telegram\"\r\n# [agents.my-agent.platforms.config]\r\n"]
-[2.503, "x", "0"]
+[0.001, "o", "\u001b[?25h"]
+[0.003, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                           \r \r"]
+[0.000, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J$ \u001b[K"]
+[0.000, "o", "\u001b[?2004h"]
+[3.909, "o", "c\bcd my-agent "]
+[0.000, "o", "&& ls\u001b[?2004l\r\r\n"]
+[0.007, "o", "agents\t\tdata\t\tREADME.md\tTESTING.md\r\nAGENTS.md\tlobu.toml\tskills\r\n"]
+[0.001, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                           \r \r"]
+[0.000, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J$ \u001b[K\u001b[?2004h"]
+[1.805, "o", "c\bcat"]
+[0.000, "o", " l"]
+[0.001, "o", "obu.toml | head "]
+[0.000, "o", "-22"]
+[0.000, "o", "\u001b[?2004l"]
+[0.000, "o", "\r\r\n"]
+[0.002, "o", "# lobu.toml — Agent configuration\r\n# Docs: https://lobu.ai/docs/getting-started\r\n#\r\n# Each [agents.{id}] defines an agent. The dir field points to a directory\r\n# containing IDENTITY.md, SOUL.md, USER.md, and optionally skills/.\r\n# Shared skills in the root skills/ directory are available to all agents.\r\n\r\n[agents.my-agent]\r\nname = \"my-agent\"\r\ndescription = \"\"\r\ndir = \"./agents/my-agent\"\r\n\r\n# LLM providers (order = priority, key = API key or $ENV_VAR)\r\n# Add providers via the gateway configuration APIs or uncomment below:\r\n# [[agents.my-agent.providers]]\r\n# id = \"openrouter\"\r\n# key = \"$OPENROUTER_API_KEY\"\r\n"]
+[0.000, "o", "\r\n# Chat platform (add via the gateway configuration APIs or uncomment below):\r\n# [[agents.my-agent.platforms]]\r\n# type = \"telegram\"\r\n# [agents.my-agent.platforms.config]\r\n"]
+[0.000, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                           \r \r"]
+[0.000, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J$ \u001b[K\u001b[?2004h"]
+[3.008, "o", "e"]
+[0.000, "o", "\bexi"]
+[0.000, "o", "t"]
+[0.000, "o", "\u001b[?2004l\r\r\n"]
+[0.002, "x", "0"]

From 1af120dc0f6a1ff9b5cbadcfe338c467fb9be985 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 19:32:06 +0100
Subject: [PATCH 32/66] =?UTF-8?q?feat(landing):=20expand=20hero=20cast=20?=
 =?UTF-8?q?=E2=80=94=20slack=20preview=20YES,=20add=20entity,=20validate?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Cast now runs the full beats:
- lobu init with project name, defaults, Y to Slack Preview
- Scaffold output mentions the Slack Preview link code in next steps
- mkdir models + printf an entity into models/schema.yaml
- lobu validate prints 'lobu.toml is valid' in green

Same tmux + zsh -d -f + asciinema rec pipeline as before.
---
 packages/landing/public/casts/setup.cast | 194 ++++++++++++++++-------
 1 file changed, 139 insertions(+), 55 deletions(-)

diff --git a/packages/landing/public/casts/setup.cast b/packages/landing/public/casts/setup.cast
index e6fe00632..b9333d3bc 100644
--- a/packages/landing/public/casts/setup.cast
+++ b/packages/landing/public/casts/setup.cast
@@ -1,17 +1,15 @@
-{"version":3,"term":{"cols":92,"rows":24,"type":"tmux-256color","version":"tmux 3.6a"},"timestamp":1779214177,"idle_time_limit":1.5,"command":"env ZDOTDIR=/tmp/cast-zshdir zsh -i","env":{"SHELL":"/bin/zsh"}}
-[0.031, "o", "\u001b[H\u001b[J\u001b[3J"]
-[0.000, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                           \r \r"]
-[0.000, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J$ "]
-[0.000, "o", "\u001b[K"]
-[0.000, "o", "\u001b[?2004h"]
-[1.458, "o", "l\blob"]
-[0.000, "o", "u "]
+{"version":3,"term":{"cols":92,"rows":26,"type":"tmux-256color","version":"tmux 3.6a"},"timestamp":1779215470,"idle_time_limit":1.5,"command":"env ZDOTDIR=/tmp/cast-zshdir zsh -i","env":{"SHELL":"/bin/zsh"}}
+[0.057, "o", "\u001b[H\u001b[J\u001b[3J"]
+[0.001, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                           \r \r"]
+[0.000, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J$ \u001b[K\u001b[?2004h"]
+[1.419, "o", "l\blob"]
+[0.000, "o", "u in"]
 [0.000, "o", "i"]
-[0.000, "o", "ni"]
 [0.000, "o", "t"]
-[0.000, "o", "\u001b[?2004l\r\r\n"]
-[0.141, "o", "\u001b[34m?\u001b[39m \u001b[1mProject name?\u001b[22m \u001b[2m(my-lobu)\u001b[22m\u001b[27G"]
-[2.071, "o", "\u001b[28G"]
+[0.000, "o", "\u001b[?2004l"]
+[0.000, "o", "\r\r\n"]
+[0.172, "o", "\u001b[34m?\u001b[39m \u001b[1mProject name?\u001b[22m \u001b[2m(my-lobu)\u001b[22m\u001b[27G"]
+[2.041, "o", "\u001b[28G"]
 [0.001, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mProject name?\u001b[22m m\u001b[18G"]
 [0.000, "o", "\u001b[19G"]
 [0.000, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mProject name?\u001b[22m my\u001b[19G"]
@@ -31,71 +29,157 @@
 [0.000, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mProject name?\u001b[22m my-agent\u001b[25G"]
 [0.003, "o", "\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mProject name?\u001b[22m \u001b[36mmy-agent\u001b[39m\u001b[25G"]
 [0.000, "o", "\r\n\u001b[?25h"]
-[0.000, "o", "\u001b[2m\u001b[22m\r\n\u001b[2mCreating project in: \u001b[36m/private/tmp/lobu-cast/my-agent\u001b[39m\u001b[22m\r\n\u001b[2m\u001b[22m\r\n"]
-[0.001, "o", "\u001b[34m?\u001b[39m \u001b[1mGateway port?\u001b[22m \u001b[2m(8787)\u001b[22m\u001b[24G"]
-[1.808, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mGateway port?\u001b[22m \u001b[2m(8787)\u001b[22m\u001b[24G"]
-[0.000, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mGateway port?\u001b[22m 8787\u001b[21G"]
+[0.001, "o", "\u001b[2m\u001b[22m\r\n\u001b[2mCreating project in: \u001b[36m/private/tmp/lobu-cast/my-agent\u001b[39m\u001b[22m\r\n\u001b[2m\u001b[22m\r\n"]
+[0.000, "o", "\u001b[34m?\u001b[39m \u001b[1mGateway port?\u001b[22m \u001b[2m(8787)\u001b[22m\u001b[24G"]
+[1.612, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mGateway port?\u001b[22m \u001b[2m(8787)\u001b[22m\u001b[24G"]
+[0.001, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mGateway port?\u001b[22m 8787\u001b[21G"]
 [0.000, "o", "\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mGateway port?\u001b[22m \u001b[36m8787\u001b[39m\u001b[21G"]
 [0.000, "o", "\r\n\u001b[?25h"]
 [0.000, "o", "\u001b[34m?\u001b[39m \u001b[1mPublic gateway URL? (leave empty for local dev, set for OAuth/webhooks)\u001b[22m\u001b[75G"]
-[1.409, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mPublic gateway URL? (leave empty for local dev, set for OAuth/webhooks)\u001b[22m\u001b[75G"]
+[1.312, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mPublic gateway URL? (leave empty for local dev, set for OAuth/webhooks)\u001b[22m\u001b[75G"]
 [0.000, "o", "\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mPublic gateway URL? (leave empty for local dev, set for OAuth/webhooks)\u001b[22m \u001b[36m\u001b[39m\u001b[75G"]
-[0.001, "o", "\r\n\u001b[?25h"]
-[0.001, "o", "\u001b[34m?\u001b[39m \u001b[1mWorker network access?\u001b[22m\r\n\u001b[36m❯ Restricted (recommended) — common registries only (npm, GitHub, PyPI)\u001b[39m\r\n  Open — workers can access any domain\r\n  Isolated — workers have no internet access\r\n\r\n\u001b[1m↑↓\u001b[22m \u001b[2mnavigate\u001b[22m\u001b[2m • \u001b[22m\u001b[1m⏎\u001b[22m \u001b[2mselect\u001b[22m\u001b[?25l\u001b[23G"]
-[1.409, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mWorker network access?\u001b[22m \u001b[36mRestricted (recommended) — common registries only (npm, GitHub, \u001b[39m\r\n\u001b[36mPyPI)\u001b[39m\u001b[3G"]
+[0.000, "o", "\r\n\u001b[?25h"]
+[0.002, "o", "\u001b[34m?\u001b[39m \u001b[1mWorker network access?\u001b[22m\r\n\u001b[36m❯ Restricted (recommended) — common registries only (npm, GitHub, PyPI)\u001b[39m\r\n  Open — workers can access any domain\r\n  Isolated — workers have no internet access\r\n\r\n\u001b[1m↑↓\u001b[22m \u001b[2mnavigate\u001b[22m\u001b[2m • \u001b[22m\u001b[1m⏎\u001b[22m \u001b[2mselect\u001b[22m\u001b[?25l\u001b[23G"]
+[1.310, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mWorker network access?\u001b[22m \u001b[36mRestricted (recommended) — common registries only (npm, GitHub, \u001b[39m\r\n\u001b[36mPyPI)\u001b[39m\u001b[3G"]
 [0.000, "o", "\r\n\u001b[?25h"]
 [0.002, "o", "\u001b[34m?\u001b[39m \u001b[1mAI provider?\u001b[22m\r\n\u001b[36m❯ Skip — I'll add a provider later\u001b[39m\r\n  Groq (llama-3.3-70b-versatile)\r\n  Gemini (gemini-2.0-flash)\r\n  Together AI (meta-llama/Llama-3.3-70B-Instruct-Turbo)\r\n  NVIDIA NIM (free) (nvidia/moonshotai/kimi-k2.5)\r\n  z.ai\r\n  ElevenLabs\r\n\r\n\u001b[1m↑↓\u001b[22m \u001b[2mnavigate\u001b[22m\u001b[2m • \u001b[22m\u001b[1m⏎\u001b[22m \u001b[2mselect\u001b[22m\u001b[?25l\u001b[23G"]
-[1.428, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mAI provider?\u001b[22m \u001b[36mSkip — I'll add a provider later\u001b[39m\u001b[48G"]
+[1.314, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mAI provider?\u001b[22m \u001b[36mSkip — I'll add a provider later\u001b[39m\u001b[48G"]
 [0.000, "o", "\r\n\u001b[?25h"]
-[0.000, "o", "\u001b[34m?\u001b[39m \u001b[1mConnect a chat platform?\u001b[22m\r\n\u001b[36m❯ Skip — I'll connect a platform later\u001b[39m\r\n  Telegram\r\n  Slack\r\n  Discord\r\n  WhatsApp\r\n  Microsoft Teams\r\n  Google Chat\r\n\r\n\u001b[1m↑↓\u001b[22m \u001b[2mnavigate\u001b[22m\u001b[2m • \u001b[22m\u001b[1m⏎\u001b[22m \u001b[2mselect\u001b[22m\u001b[?25l\u001b[23G"]
-[1.414, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mConnect a chat platform?\u001b[22m \u001b[36mSkip — I'll connect a platform later\u001b[39m\u001b[64G"]
+[0.001, "o", "\u001b[34m?\u001b[39m \u001b[1mConnect a chat platform?\u001b[22m\r\n\u001b[36m❯ Skip — I'll connect a platform later\u001b[39m\r\n  Telegram\r\n  Slack\r\n  Discord\r\n  WhatsApp\r\n  Microsoft Teams\r\n  Google Chat\r\n\r\n\u001b[1m↑↓\u001b[22m \u001b[2mnavigate\u001b[22m\u001b[2m • \u001b[22m\u001b[1m⏎\u001b[22m \u001b[2mselect\u001b[22m\u001b[?25l\u001b[23G"]
+[1.312, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mConnect a chat platform?\u001b[22m \u001b[36mSkip — I'll connect a platform later\u001b[39m\u001b[64G"]
 [0.000, "o", "\r\n\u001b[?25h"]
 [0.001, "o", "\u001b[34m?\u001b[39m \u001b[1mEnable Slack Preview with the public Lobu Developer Slack bot?\u001b[22m \u001b[2m(y/N)\u001b[22m\u001b[72G"]
-[1.410, "o", "\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mEnable Slack Preview with the public Lobu Developer Slack bot?\u001b[22m \u001b[36mNo\u001b[39m\u001b[68G"]
-[0.001, "o", "\r\n\u001b[?25h"]
-[0.000, "o", "\u001b[34m?\u001b[39m \u001b[1mMemory:\u001b[22m\r\n\u001b[36m❯ None (filesystem memory)\u001b[39m\r\n  Lobu Cloud (app.lobu.ai)\r\n  Custom Lobu memory URL\r\n\r\n\u001b[1m↑↓\u001b[22m \u001b[2mnavigate\u001b[22m\u001b[2m • \u001b[22m\u001b[1m⏎\u001b[22m \u001b[2mselect\u001b[22m\u001b[?25l\u001b[23G"]
-[1.407, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mMemory:\u001b[22m \u001b[36mNone (filesystem memory)\u001b[39m\u001b[35G"]
+[1.313, "o", "\u001b[73G"]
+[0.000, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mEnable Slack Preview with the public Lobu Developer Slack bot?\u001b[22m \u001b[2m(y/N)\u001b[22m y\u001b[73G"]
+[0.410, "o", "\u001b[72G"]
+[0.000, "o", "\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mEnable Slack Preview with the public Lobu Developer Slack bot?\u001b[22m \u001b[36mYes\u001b[39m\u001b[69G"]
+[0.000, "o", "\r\n\u001b[?25h"]
+[0.001, "o", "\u001b[34m?\u001b[39m \u001b[1mMemory:\u001b[22m\r\n\u001b[36m❯ None (filesystem memory)\u001b[39m\r\n  Lobu Cloud (app.lobu.ai)\r\n  Custom Lobu memory URL\r\n\r\n\u001b[1m↑↓\u001b[22m \u001b[2mnavigate\u001b[22m\u001b[2m • \u001b[22m\u001b[1m⏎\u001b[22m \u001b[2mselect\u001b[22m\u001b[?25l\u001b[23G"]
+[1.413, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mMemory:\u001b[22m \u001b[36mNone (filesystem memory)\u001b[39m\u001b[35G"]
 [0.000, "o", "\r\n\u001b[?25h"]
-[0.000, "o", "\u001b[34m?\u001b[39m \u001b[1mOpenTelemetry collector endpoint? (leave empty to disable tracing)\u001b[22m\u001b[70G"]
-[1.412, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mOpenTelemetry collector endpoint? (leave empty to disable tracing)\u001b[22m\u001b[70G"]
-[0.000, "o", "\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mOpenTelemetry collector endpoint? (leave empty to disable tracing)\u001b[22m \u001b[36m\u001b[39m\u001b[70G"]
+[0.001, "o", "\u001b[34m?\u001b[39m \u001b[1mOpenTelemetry collector endpoint? (leave empty to disable tracing)\u001b[22m\u001b[70G"]
+[1.312, "o", "\u001b[2K\u001b[G\u001b[34m?\u001b[39m \u001b[1mOpenTelemetry collector endpoint? (leave empty to disable tracing)\u001b[22m\u001b[70G"]
+[0.001, "o", "\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mOpenTelemetry collector endpoint? (leave empty to disable tracing)\u001b[22m \u001b[36m\u001b[39m\u001b[70G"]
 [0.000, "o", "\r\n\u001b[?25h"]
-[0.001, "o", "\u001b[34m?\u001b[39m \u001b[1mShare anonymous error reports with Sentry to help improve Lobu?\u001b[22m \u001b[2m(y/N)\u001b[22m\u001b[73G"]
-[1.409, "o", "\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mShare anonymous error reports with Sentry to help improve Lobu?\u001b[22m \u001b[36mNo\u001b[39m\u001b[69G"]
+[0.000, "o", "\u001b[34m?\u001b[39m \u001b[1mShare anonymous error reports with Sentry to help improve Lobu?\u001b[22m \u001b[2m(y/N)\u001b[22m\u001b[73G"]
+[1.308, "o", "\u001b[2K\u001b[G\u001b[32m✔\u001b[39m \u001b[1mShare anonymous error reports with Sentry to help improve Lobu?\u001b[22m \u001b[36mNo\u001b[39m\u001b[69G"]
 [0.000, "o", "\r\n\u001b[?25h"]
 [0.002, "o", "\u001b[?25l"]
 [0.001, "o", "\u001b[1G"]
 [0.000, "o", "\u001b[1G"]
 [0.000, "o", "\u001b[36m⠋\u001b[39m Creating Lobu project..."]
-[0.005, "o", "\u001b[1G"]
+[0.009, "o", "\u001b[1G"]
 [0.000, "o", "\u001b[0K\u001b[?25h"]
 [0.000, "o", "\u001b[32m✔\u001b[39m Project created successfully!\r\n"]
 [0.000, "o", "\u001b[32m\u001b[39m\r\n\u001b[32m✓ Lobu initialized!\u001b[39m\r\n\u001b[32m\u001b[39m\r\n"]
-[0.000, "o", "\u001b[1mNext steps:\u001b[22m\r\n\u001b[1m\u001b[22m\r\n\u001b[36m  1. cd my-agent\u001b[39m\r\n"]
-[0.000, "o", "\u001b[36m  2. Start the local stack: lobu run (uses PGlite by default)\u001b[39m\r\n"]
-[0.000, "o", "\u001b[2m       Optional: set DATABASE_URL in .env to use external Postgres instead.\u001b[22m\r\n"]
-[0.000, "o", "\u001b[36m  3. API docs: http://localhost:8787/api/docs\u001b[39m\r\n\u001b[2m\u001b[22m\r\n\u001b[2m  See README.md for layout, AGENTS.md for the agent contract.\u001b[22m\r\n\u001b[2m\u001b[22m\r\n"]
+[0.000, "o", "\u001b[1mNext steps:\u001b[22m\r\n\u001b[1m\u001b[22m\r\n"]
+[0.000, "o", "\u001b[36m  1. cd my-agent\u001b[39m\r\n\u001b[36m  2. Start the local stack: lobu run (uses PGlite by default)\u001b[39m\r\n\u001b[2m       Optional: set DATABASE_URL in .env to use external Postgres instead.\u001b[22m\r\n\u001b[36m  3. Link the project to Lobu Cloud and register it: lobu login && lobu org set  && lobu apply\u001b[39m\r\n\u001b[2m       Then `lobu run` will print a short-lived Slack Preview link code.\u001b[22m\r\n\u001b[36m  4. API docs: http://localhost:8787/api/docs\u001b[39m\r\n"]
+[0.000, "o", "\u001b[2m\u001b[22m\r\n\u001b[2m  See README.md for layout, AGENTS.md for the agent contract.\u001b[22m\r\n\u001b[2m\u001b[22m\r\n"]
 [0.001, "o", "\u001b[?25h"]
-[0.003, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                           \r \r"]
-[0.000, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J$ \u001b[K"]
-[0.000, "o", "\u001b[?2004h"]
-[3.909, "o", "c\bcd my-agent "]
-[0.000, "o", "&& ls\u001b[?2004l\r\r\n"]
-[0.007, "o", "agents\t\tdata\t\tREADME.md\tTESTING.md\r\nAGENTS.md\tlobu.toml\tskills\r\n"]
+[0.011, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                           \r \r"]
+[0.000, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J$ \u001b[K\u001b[?2004h"]
+[2.988, "o", "c"]
+[0.000, "o", "\bcd my-ag"]
+[0.000, "o", "ent"]
+[0.000, "o", "\u001b[?2004l\r\r\n"]
 [0.001, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                           \r \r"]
 [0.000, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J$ \u001b[K\u001b[?2004h"]
-[1.805, "o", "c\bcat"]
-[0.000, "o", " l"]
-[0.001, "o", "obu.toml | head "]
-[0.000, "o", "-22"]
-[0.000, "o", "\u001b[?2004l"]
-[0.000, "o", "\r\r\n"]
-[0.002, "o", "# lobu.toml — Agent configuration\r\n# Docs: https://lobu.ai/docs/getting-started\r\n#\r\n# Each [agents.{id}] defines an agent. The dir field points to a directory\r\n# containing IDENTITY.md, SOUL.md, USER.md, and optionally skills/.\r\n# Shared skills in the root skills/ directory are available to all agents.\r\n\r\n[agents.my-agent]\r\nname = \"my-agent\"\r\ndescription = \"\"\r\ndir = \"./agents/my-agent\"\r\n\r\n# LLM providers (order = priority, key = API key or $ENV_VAR)\r\n# Add providers via the gateway configuration APIs or uncomment below:\r\n# [[agents.my-agent.providers]]\r\n# id = \"openrouter\"\r\n# key = \"$OPENROUTER_API_KEY\"\r\n"]
-[0.000, "o", "\r\n# Chat platform (add via the gateway configuration APIs or uncomment below):\r\n# [[agents.my-agent.platforms]]\r\n# type = \"telegram\"\r\n# [agents.my-agent.platforms.config]\r\n"]
+[1.010, "o", "m\bmkdi"]
+[0.000, "o", "r -p "]
+[0.000, "o", "m"]
+[0.000, "o", "o"]
+[0.000, "o", "d"]
+[0.000, "o", "els && printf \"en"]
+[0.000, "o", "t"]
+[0.000, "o", "ities:\\"]
+[0.000, "o", "n  -"]
+[0.000, "o", " "]
+[0.000, "o", "s"]
+[0.001, "o", "lu"]
+[0.000, "o", "g"]
+[0.000, "o", ":"]
+[0.000, "o", " cust"]
+[0.000, "o", "o"]
+[0.000, "o", "m"]
+[0.000, "o", "e"]
+[0.000, "o", "r"]
+[0.000, "o", "\\"]
+[0.000, "o", "n"]
+[0.000, "o", "    "]
+[0.000, "o", "n"]
+[0.000, "o", "a"]
+[0.000, "o", "me:"]
+[0.000, "o", " "]
+[0.000, "o", "Cus"]
+[0.000, "o", "t"]
+[0.000, "o", "omer"]
+[0.000, "o", "\\n"]
+[0.000, "o", "    "]
+[0.000, "o", "m"]
+[0.000, "o", "e"]
+[0.000, "o", "tadat"]
+[0.000, "o", "a \r\u001b[K_\r_s"]
+[0.000, "o", "chem"]
+[0.000, "o", "a:\\"]
+[0.000, "o", "n"]
+[0.000, "o", "  "]
+[0.000, "o", "  "]
+[0.000, "o", "  t"]
+[0.000, "o", "yp"]
+[0.000, "o", "e: objec"]
+[0.000, "o", "t"]
+[0.000, "o", "\\"]
+[0.000, "o", "n  "]
+[0.000, "o", "    "]
+[0.000, "o", "pr"]
+[0.000, "o", "ope"]
+[0.000, "o", "rtie"]
+[0.000, "o", "s:"]
+[0.000, "o", "\\"]
+[0.000, "o", "n"]
+[0.000, "o", " "]
+[0.000, "o", " "]
+[0.000, "o", "  "]
+[0.000, "o", "  "]
+[0.000, "o", "  em"]
+[0.000, "o", "a"]
+[0.000, "o", "il:"]
+[0.000, "o", " "]
+[0.000, "o", "{ "]
+[0.000, "o", "typ"]
+[0.000, "o", "e: "]
+[0.000, "o", "s"]
+[0.000, "o", "trin"]
+[0.000, "o", "g"]
+[0.000, "o", " "]
+[0.000, "o", "}\\n\""]
+[0.000, "o", " >"]
+[0.000, "o", " mo"]
+[0.000, "o", "del"]
+[0.000, "o", "s \r\u001b[K/"]
+[0.001, "o", "\r/sche"]
+[0.000, "o", "m"]
+[0.000, "o", "a.y"]
+[0.000, "o", "a"]
+[0.000, "o", "m"]
+[0.000, "o", "l\u001b[?2004l\r\r\n"]
+[0.005, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                           \r \r"]
+[0.000, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J$ \u001b[K\u001b[?2004h"]
+[2.003, "o", "c\bca"]
+[0.000, "o", "t models/s"]
+[0.000, "o", "chema.y"]
+[0.000, "o", "aml\u001b[?2004l\r\r\n"]
+[0.003, "o", "entities:\r\n  - slug: customer\r\n    name: Customer\r\n    metadata_schema:\r\n      type: object\r\n      properties:\r\n        email: { type: string }\r\n"]
 [0.000, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                           \r \r"]
 [0.000, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J$ \u001b[K\u001b[?2004h"]
-[3.008, "o", "e"]
-[0.000, "o", "\bexi"]
-[0.000, "o", "t"]
+[2.515, "o", "l\blobu validate\u001b[?2004l\r\r\n"]
+[0.291, "o", "\r\n"]
+[0.001, "o", "\u001b[32m  lobu.toml is valid\u001b[39m\r\n"]
+[0.000, "o", "\u001b[2m  1 agent(s) configured\u001b[22m\r\n"]
+[0.000, "o", "\u001b[33m  [agents.my-agent] No providers configured. Agent will need provider keys at runtime.\u001b[39m\r\n"]
+[0.000, "o", "\r\n"]
+[0.003, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                           \r \r"]
+[0.000, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J$ \u001b[K\u001b[?2004h"]
+[3.219, "o", "e\bexit"]
 [0.000, "o", "\u001b[?2004l\r\r\n"]
-[0.002, "x", "0"]
+[0.001, "x", "0"]

From 72edda75b55422bc5741c114b231a700b5bd53eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 20:09:50 +0100
Subject: [PATCH 33/66] feat(landing): add claude-code TUI cast alongside lobu
 init cast

Records a real `claude --effort low --model claude-haiku-4-5` session:
the user pastes the SETUP_PROMPT, claude responds with the first
interview question ("What problem is this agent solving, and what's
the primary workflow you want it to handle?"). 27.8s, scrubbed of
personal info.

Sits next to setup.cast; hero currently still loads setup.cast.
Decide which (or both) to feature.
---
 packages/landing/public/casts/claude.cast | 149 ++++++++++++++++++++++
 1 file changed, 149 insertions(+)
 create mode 100644 packages/landing/public/casts/claude.cast

diff --git a/packages/landing/public/casts/claude.cast b/packages/landing/public/casts/claude.cast
new file mode 100644
index 000000000..c7425e92c
--- /dev/null
+++ b/packages/landing/public/casts/claude.cast
@@ -0,0 +1,149 @@
+{"version":3,"term":{"cols":100,"rows":28,"type":"tmux-256color","version":"tmux 3.6a"},"timestamp":1779217665,"idle_time_limit":1.5,"command":"env ZDOTDIR=/tmp/cast-claude-zsh zsh -i","env":{"SHELL":"/bin/zsh"}}
+[0.059, "o", "\u001b[H\u001b[J\u001b[3J"]
+[0.002, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                                   \r \r"]
+[0.000, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J$ \u001b[K\u001b[?2004h"]
+[1.726, "o", "c"]
+[0.000, "o", "\bclaude --eff"]
+[0.000, "o", "o"]
+[0.000, "o", "r"]
+[0.000, "o", "t low"]
+[0.000, "o", " -"]
+[0.000, "o", "-mode"]
+[0.000, "o", "l "]
+[0.000, "o", "cl"]
+[0.000, "o", "aude-ha"]
+[0.000, "o", "i"]
+[0.000, "o", "ku-4-5"]
+[0.000, "o", "\u001b[?2004l"]
+[0.000, "o", "\r\r\n"]
+[0.990, "o", "\u001b7\u001b[r\u001b8\u001b[?25h"]
+[0.092, "o", "\u001b[?25l"]
+[0.000, "o", "\u001b[?2004h\u001b[?1004h\u001b[?2031h\u001b[1u\u001b[>4;2m"]
+[0.001, "o", "\u001b]0;✳ Claude Code\u0007"]
+[0.017, "o", "\u001b[38;5;174m╭───\u001b[1CClaude\u001b[1CCode\u001b[1C\u001b[38;5;246mv2.1.143\u001b[1C\u001b[38;5;174m─────────────────────────────────────────────────────────────────────────╮\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[36C\u001b[2m│\u001b[1C\u001b[22m\u001b[1mTips\u001b[1Cfor\u001b[1Cgetting\u001b[1Cstarted\u001b[36C\u001b[22m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[9C\u001b[39m\u001b[1mWelcome\u001b[1Cback\u001b[1CDev!\u001b[8C\u001b[22m\u001b[2m\u001b[38;5;174m│\u001b[1C\u001b[39m\u001b[22mAsk\u001b[1CClaude\u001b[1Cto\u001b[1Ccreate\u001b[1Ca\u001b[1Cnew\u001b[1Capp\u001b[1Cor\u001b[1Cclone\u001b[1Ca\u001b[1Crepository\u001b[8C\u001b[38;5;174m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[36C\u001b[2m│\u001b[1C\u001b[22m───────────────────────────────────────────────────────────\u001b[1C│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[15C▐\u001b[48;5;16m▛███▜\u001b[49m▌\u001b[14C\u001b[2m│\u001b[1C\u001b[22m\u001b[1mWhat's\u001b[1Cnew\u001b[50C\u001b[22m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[14C▝▜\u001b[48;5;16m█████\u001b[49m▛▘\u001b[13C\u001b[2m│\u001b[1C\u001b[3"]
+[0.000, "o", "9m\u001b[22mAdded\u001b[1Cplugin\u001b[1Cdependency\u001b[1Cenforcement:\u001b[1C`claude\u001b[1Cplugin\u001b[1Cdisabl…\u001b[1C\u001b[38;5;174m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[16C▘▘\u001b[1C▝▝\u001b[15C\u001b[2m│\u001b[1C\u001b[39m\u001b[22mAdded\u001b[1Cprojected\u001b[1Ccontext\u001b[1Ccost\u001b[1C(per-turn\u001b[1Cand\u001b[1Cper-invocation\u001b[1C…\u001b[1C\u001b[38;5;174m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[36C\u001b[2m│\u001b[1C\u001b[39m\u001b[22mAdded\u001b[1C`worktree.bgIsolation:\u001b[1C\"none\"`\u001b[1Csetting\u001b[1Cto\u001b[1Clet\u001b[1Cbackgr…\u001b[1C\u001b[38;5;174m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[3C\u001b[38;5;246mHaiku\u001b[1C4.5\u001b[1C·\u001b[1CClaude\u001b[1CMax\u001b[1C·\u001b[1CDev\u001b[3C\u001b[2m\u001b[38;5;174m│\u001b[1C\u001b[22m\u001b[38;5;246m\u001b[3m/release-notes\u001b[1Cfor\u001b[1Cmore\u001b[37C\u001b[23m\u001b[38;5;174m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[4C\u001b[38;5;246m/private/tmp/my-agent\u001b[4C\u001b[2m\u001b[38;5;174m│\u001b[61C\u001b[22m│\u001b[39m\r\r\n\u001b[38;5;174m╰──────────────────────────────────────────────────────────────────────────────────────────────────╯\u001b"]
+[0.000, "o", "[39m\r\r\n\r\r\n\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\u001b[39m\r\r\n❯ \u001b[7mT\u001b[27m\u001b[2mry\u001b[1C\"fix\u001b[1Clint\u001b[1Cerrors\"\u001b[22m\r\r\n\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\u001b[39m\r\r\n\u001b[2C\u001b[38;5;220m⏵⏵\u001b[1Cauto\u001b[1Cmode\u001b[1Con\u001b[38;5;246m (shift+tab\u001b[1Cto\u001b[1Ccycle)\u001b[52C0\u001b[1Ctokens\u001b[39m\r\r\n\u001b[2C\u001b[3A"]
+[0.058, "o", "\u001b[2D\u001b[3B\r\u001b[2C\u001b[1A                                    \r\r\n\u001b[62C\u001b[38;5;220mauto\u001b[1Cmode\u001b[1Cunavailable\u001b[1Cfor\u001b[1Cthis\u001b[1Cmodel\u001b[39m\r\r\n\u001b[2C\u001b[4A"]
+[0.000, "o", "\u001b[>0q\u001b[c"]
+[0.073, "o", "\u001b[?2026$p\u001b[c"]
+[0.140, "o", "\u001b[2D\u001b[4B\r\u001b[2C\u001b[4A\u001b[7m \u001b[27m\u001b[K\r\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.044, "o", "\u001b[2D\u001b[4B\r\u001b[2C\u001b[2A\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m0\u001b[38;5;246m \u001b[38;5;34m0%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[39m\r\r\n\r\n\u001b[2C\u001b[4A"]
+[3.616, "o", "\u001b[2D\u001b[4B\r\u001b[2C\u001b[4AI\u001b[1Cwant\u001b[1Cto\u001b[1Cbuild\u001b[1Ca\u001b[1CLobu\u001b[1Cagent.\u001b[1CWhat\u001b[1Cis\u001b[1Cthe\u001b[1Cfirst\u001b[1Cthing\u001b[1Cyou\u001b[1Cwould\u001b[1Cask\u001b[1Cme\u001b[1Cbefore\u001b[1Cwe\u001b[1Cscaffold\u001b[1Cthe\r\u001b[1B  project?\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m0\u001b[38;5;246m \u001b[38;5;34m0%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[23C\u001b[39m                            \u001b[38;5;246m0 tokens\u001b[39m\r\r\n\u001b[62C\u001b[38;5;220mauto\u001b[1Cmode\u001b[1Cunavailable\u001b[1Cfor\u001b[1Cthis\u001b[1Cmodel\u001b[39m\r\r\n\u001b[10C\u001b[4A"]
+[1.514, "o", "\u001b]0;⠂ Claude Code\u0007"]
+[0.004, "o", "\u001b[10D\u001b[4B\r\u001b[6A\u001b[48;5;237m\u001b[38;5;239m❯ \u001b[38;5;231mI want to build a Lobu agent. What is the first thing you would ask me before we scaffold the \u001b[39m    \r\u001b[1B  \u001b[38;5;231mproject?\u001b[39m                                                                                          \r\u001b[2C\u001b[1B\u001b[49m\u001b[K\r\u001b[1B\u001b[38;5;174m✳\u001b[39m \u001b[38;5;174mScampering… \u001b[38;5;246m(0s)\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\u001b[39m\r\r\n\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\r\r\n\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────"]
+[0.000, "o", "────────\u001b[39m\r\r\n\u001b[2C\u001b[38;5;39mHaiku\u001b[1C4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m0\u001b[38;5;246m \u001b[38;5;34m0%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[51C\u001b[38;5;246m0\u001b[1Ctokens\u001b[39m\r\r\n\u001b[62C\u001b[38;5;220mauto\u001b[1Cmode\u001b[1Cunavailable\u001b[1Cfor\u001b[1Cthis\u001b[1Cmodel\u001b[39m\r\r\n\u001b[2C\u001b[4A"]
+[0.053, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✢\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.040, "o", "\u001b[2D\u001b[4B\r\u001b[8C\u001b[7A\u001b[38;5;216mrin\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.017, "o", "\u001b[2D\u001b[4B\r\u001b[8C\u001b[7A\u001b[38;5;174mri\u001b[1C\u001b[38;5;216mg…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.056, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m·\u001b[9Cn\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.053, "o", "\u001b[2D\u001b[4B\r\u001b[11C\u001b[7A\u001b[38;5;174mg\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.052, "o", "\u001b[2D\u001b[4B\r\u001b[12C\u001b[7A\u001b[38;5;174m…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.155, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✢\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.106, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✳\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.106, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✶\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.155, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.131, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✽\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.034, "o", "\u001b]0;⠐ Claude Code\u0007"]
+[0.161, "o", "\u001b]0;⠐ Build a Lobu agent project setup\u0007"]
+[0.002, "o", "\u001b[2D\u001b[4B\r\u001b[15C\u001b[7A\u001b[38;5;246m1\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.022, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.050, "o", "\u001b[2D\u001b[4B\r\u001b[2C\u001b[7A\u001b[38;5;216mS\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.060, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✶\u001b[2C\u001b[38;5;216mc\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.062, "o", "\u001b[2D\u001b[4B\r\u001b[2C\u001b[7A\u001b[38;5;174mS\u001b[1C\u001b[38;5;216mam\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.051, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✳\u001b[2Cc\u001b[2C\u001b[38;5;216mp\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.049, "o", "\u001b[2D\u001b[4B\r\u001b[4C\u001b[7A\u001b[38;5;174ma\u001b[2C\u001b[38;5;216me\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.059, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✢\u001b[4Cm\u001b[2C\u001b[38;5;216mr\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.057, "o", "\u001b[2D\u001b[4B\r\u001b[6C\u001b[7A\u001b[38;5;174mp\u001b[2C\u001b[38;5;216mi\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.053, "o", "\u001b[2D\u001b[4B\r\u001b[7C\u001b[7A\u001b[38;5;174me\u001b[2C\u001b[38;5;216mn\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.053, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m·\u001b[7Cr\u001b[2C\u001b[38;5;216mg\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.052, "o", "\u001b[2D\u001b[4B\r\u001b[9C\u001b[7A\u001b[38;5;174mi\u001b[2C\u001b[38;5;216m…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.055, "o", "\u001b[2D\u001b[4B\r\u001b[10C\u001b[7A\u001b[38;5;174mn\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.050, "o", "\u001b[2D\u001b[4B\r\u001b[11C\u001b[7A\u001b[38;5;174mg\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.053, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✢\u001b[11C…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.071, "o", "\u001b]0;⠂ Build a Lobu agent project setup\u0007"]
+[0.036, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✳\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.156, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✶\u001b[14C\u001b[38;5;246m2\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.109, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.106, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✽\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.259, "o", "\u001b[2D\u001b[4B\r\u001b[90C\u001b[2A\u001b[K\r\u001b[62C\u001b[1B                            \u001b[38;5;246m0 tokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[5A"]
+[0.016, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.090, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✶\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.055, "o", "\u001b[2D\u001b[5B\r\u001b[2C\u001b[8A\u001b[38;5;216mS\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.050, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✳\u001b[2C\u001b[38;5;216mc\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.054, "o", "\u001b[2D\u001b[5B\r\u001b[4C\u001b[8A\u001b[38;5;216ma\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.030, "o", "\u001b]0;⠐ Build a Lobu agent project setup\u0007"]
+[0.023, "o", "\u001b[2D\u001b[5B\r\u001b[2C\u001b[8A\u001b[38;5;174mS\u001b[2C\u001b[38;5;216mm\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.060, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✢\u001b[2Cca\u001b[1C\u001b[38;5;216mpe\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.054, "o", "\u001b[2D\u001b[5B\r\u001b[5C\u001b[8A\u001b[38;5;174mm\u001b[2C\u001b[38;5;216mr\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.055, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m·\u001b[5Cp\u001b[2C\u001b[38;5;216mi\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.052, "o", "\u001b[2D\u001b[5B\r\u001b[7C\u001b[8A\u001b[38;5;174me\u001b[2C\u001b[38;5;216mn\u001b[4C\u001b[38;5;246m3\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.054, "o", "\u001b[2D\u001b[5B\r\u001b[8C\u001b[8A\u001b[38;5;174mr\u001b[2C\u001b[38;5;216mg\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.051, "o", "\u001b[2D\u001b[5B\r\u001b[9C\u001b[8A\u001b[38;5;174mi\u001b[2C\u001b[38;5;216m…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.054, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✢\u001b[9Cn\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.054, "o", "\u001b[2D\u001b[5B\r\u001b[11C\u001b[8A\u001b[38;5;174mg\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.053, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✳\u001b[11C…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.160, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✶\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.104, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.106, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✽\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.082, "o", "\u001b]0;⠂ Build a Lobu agent project setup\u0007"]
+[0.187, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.052, "o", "\u001b[2D\u001b[5B\r\u001b[15C\u001b[8A\u001b[38;5;246m4\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.053, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✶\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.106, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✳\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.055, "o", "\u001b[2D\u001b[5B\r\u001b[2C\u001b[8A\u001b[38;5;216mS\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.052, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✢\u001b[2C\u001b[38;5;216mc\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.051, "o", "\u001b[2D\u001b[5B\r\u001b[4C\u001b[8A\u001b[38;5;216ma\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.061, "o", "\u001b[2D\u001b[5B\r\u001b[2C\u001b[8A\u001b[38;5;174mSc\u001b[1C\u001b[38;5;216mmp\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.052, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m·\u001b[3Ca\u001b[2C\u001b[38;5;216me\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.050, "o", "\u001b[2D\u001b[5B\r\u001b[5C\u001b[8A\u001b[38;5;174mm\u001b[2C\u001b[38;5;216mr\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.051, "o", "\u001b[2D\u001b[5B\r\u001b[6C\u001b[8A\u001b[38;5;174mp\u001b[2C\u001b[38;5;216mi\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.054, "o", "\u001b[2D\u001b[5B\r\u001b[7C\u001b[8A\u001b[38;5;174me\u001b[2C\u001b[38;5;216mn\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.051, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✢\u001b[7Cr\u001b[2C\u001b[38;5;216mg\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.053, "o", "\u001b[2D\u001b[5B\r\u001b[9C\u001b[8A\u001b[38;5;174mi\u001b[2C\u001b[38;5;216m…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.033, "o", "\u001b]0;⠐ Build a Lobu agent project setup\u0007"]
+[0.019, "o", "\u001b[2D\u001b[5B\r\u001b[10C\u001b[8A\u001b[38;5;174mn\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.058, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✳\u001b[10Cg\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.054, "o", "\u001b[2D\u001b[5B\r\u001b[12C\u001b[8A\u001b[38;5;174m…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.050, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✶\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.107, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✻\u001b[14C\u001b[38;5;246m5\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.107, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✽\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
+[0.141, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;231m⏺\u001b[1C\u001b[39mBefore scaffolding\u001b[1Ca\u001b[1CLobu\u001b[1Cagent,\u001b[1CI'd\u001b[1Cask:\r\u001b[86C\u001b[6B\u001b[38;5;246m5683\u001b[39m\r\r\n\r\n\u001b[2C\u001b[5A"]
+[0.135, "o", "\u001b[2D\u001b[5B\r\u001b[6A  \u001b[1mWhat problem is this agent solving, and what's the primary workflow you want it to handle?\u001b[22m\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m0\u001b[38;5;246m \u001b[38;5;34m0%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[5A"]
+[0.276, "o", "\u001b[2D\u001b[5B\r\u001b[17C\u001b[3A\u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mcast-clau\u001b[1Ce-dir\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[17C\u001b[22m\u001b[39m\u001b[K\r\u001b[33C\u001b[1B                                                     \u001b[38;5;246m56830 tokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
+[0.014, "o", "\u001b]0;⠂ Build a Lobu agent project setup\u0007"]
+[0.093, "o", "\u001b[2D\u001b[6B\r\u001b[7A  This answer shapes everything else:\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
+[0.148, "o", "\u001b[2D\u001b[6B\r\u001b[7A  - \u001b[1mSimple task automation\u001b[22m (e.g., \"summarize my emails\") → minimal skills, straightforward prompt\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r"]
+[0.000, "o", "\r\n\u001b[2C\u001b[6A"]
+[0.374, "o", "\u001b[2D\u001b[6B\r\u001b[2C\u001b[8A-\u001b[1C\u001b[1mMulti-step workflow\u001b[1C\u001b[22m(e.g.,\u001b[1C\"research\u001b[1Ctopic,\u001b[1Cwrite\u001b[1Carticle,\u001b[1Cpublish\u001b[1Cit\")\u001b[1C→\u001b[1Crequires\u001b[1Cchaining\r\u001b[1B  skills, memory, possibly external integrations\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b["]
+[0.000, "o", "1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
+[0.199, "o", "\u001b[2D\u001b[6B\r\u001b[2C\u001b[8A-\u001b[1C\u001b[1mSpecialized domain\u001b[1C\u001b[22m(e.g.,\u001b[1C\"customer\u001b[1Csupport\u001b[1Cagent\")\u001b[1C→\u001b[1Cneeds\u001b[1Cspecific\u001b[1Cknowledge,\u001b[1Cspecialized\r\u001b[1B  tools, possibly fine-tuned prompts\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1C"]
+[0.000, "o", "your\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
+[0.146, "o", "\u001b]0;⠐ Build a Lobu agent project setup\u0007"]
+[0.065, "o", "\u001b[2D\u001b[6B\r\u001b[2C\u001b[14A-\u001b[1C\u001b[1mSimple task automation\u001b[1C\u001b[22m(e.g.,\u001b[1C\"summarize\u001b[1Cmy\u001b[1Cemails\")\u001b[1C→\u001b[1Cminimal\u001b[1Cskills,\u001b[1Cstraightforward\u001b[1Cprompt\r\u001b[4C\u001b[1B\u001b[1mMulti-s\u001b[1Cep workflow\u001b[22m (e.g., \"research topic,\u001b[1Cwrite article, publish it\") → requires chaining\u001b[K\r\u001b[2C\u001b[1Bskills, memory, possibly external integrat\u001b[1Cons\u001b[K\r\u001b[2C\u001b[1B- \u001b[1mSpecialized domain\u001b[22m (e.g., \"customer support agent\")\u001b[1C→\u001b[1Cneeds\u001b[1Cspecific\u001b[1Cknowledge,\u001b[1Cspecialized\r\u001b[2C\u001b[1Btools, possibly fine-tuned promp\u001b[1Cs\u001b[K\r\u001b[2C\u001b[1B- \u001b[1mUser-facing vs. internal\u001b[1C\u001b[22m→ affects\u001b[1Chow\u001b[1Cyou\u001b[1Cstructure\u001b[1Cthe\u001b[1Cagent's\u001b[1Cinteractions\u001b[1Cand\u001b[1Cwhat\r\u001b[2C\u001b[1Bconnections\u001b[1Cyou\u001b[1Cneed\r\u001b[1B\u001b[K\r\u001b[1B  Once\u001b[1CI\u001b[1Cunderstand\u001b[1Cthe\u001b[1Ccore\u001b[1Cpurpose,\u001b[1CI\u001b[1Ccan\u001b[1Chelp\u001b[1Cyou\u001b[1Cdecide:\r\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;244m───────────────────────────────────────────────────────────────────────"]
+[0.000, "o", "─────────────────────────────\r\u001b[1B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[39m\u001b[K\r\r\n\u001b[2C\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets\u001b[1C11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets\u001b[1Cmay\u001b[1C20,\u001b[1C8:00a.m.\u001b[22m\u001b[39m\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
+[0.212, "o", "\u001b[2D\u001b[6B\r\u001b[7A  - Whether you need custom local skills or can rely on existing ones\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
+[0.210, "o", "\u001b[2D\u001b[6B\r\u001b[2C\u001b[8A-\u001b[1CWhat\u001b[1Cconnections/providers\u001b[1Cto\u001b[1Cset\u001b[1Cup\r\u001b[1B  - How to structure the \u001b[38;5;153mlobu.toml\u001b[39m and prompt files\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C"]
+[0.000, "o", "(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
+[0.217, "o", "\u001b[2D\u001b[6B\r\u001b[2C\u001b[8A-\u001b[1CIf\u001b[1Cmemory\u001b[1Cworkflows\u001b[1Cor\u001b[1Cevaluations\u001b[1Care\u001b[1Cnecessary\r\u001b[1B  - The right model and deployment approach\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europ"]
+[0.000, "o", "e/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
+[0.053, "o", "\u001b[2D\u001b[6B\r\u001b[2C\u001b[14A-\u001b[1CWhether\u001b[1Cyou\u001b[1Cneed\u001b[1Ccustom\u001b[1Clocal\u001b[1Cskills\u001b[1Cor\u001b[1Ccan\u001b[1Crely\u001b[1Con\u001b[1Cexisting\u001b[1Cones\r\u001b[6C\u001b[1Ba\u001b[1C connections/providers to\u001b[2Cet up\u001b[1C\u001b[K\r\u001b[4C\u001b[1BHow to structure the \u001b[38;5;153mlobu.toml\u001b[39m and \u001b[1Crompt\u001b[1Cfiles\r\u001b[4C\u001b[1BIf memory workflows or evaluatio\u001b[1Cs\u001b[1Ca\u001b[1Ce necessary\r\u001b[4C\u001b[1BThe right\u001b[1Cm\u001b[1Cdel and\u001b[1Cdeploymen\u001b[1C approach\u001b[K\r\u001b[2C\u001b[1B\u001b[K\r\u001b[2C\u001b[1BWhat\u001b[1Care\u001b[1Cyou\u001b[1Cbuilding\u001b[1Cthe\u001b[1Cagent\u001b[1Cfor?\r\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;174m·\u001b[39m \u001b[38;5;174mMetamorphosing… \u001b[38;5;246m(7s · ↓\u001b[1C672 tokens)\r\u001b[1B\u001b[39m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[1B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────"]
+[0.000, "o", "────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[39m\u001b[K\r\r\n\u001b[2C\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets\u001b[1C11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets\u001b[1Cmay\u001b[1C20,\u001b[1C8:00a.m.\u001b[22m\u001b[39m\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
+[0.016, "o", "\u001b[2D\u001b[6B\r\u001b[2C\u001b[9A\u001b[38;5;180mMetamorphosing…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[6A"]
+[0.021, "o", "\u001b[2D\u001b[6B\r\u001b[19C\u001b[9A\u001b[38;5;246mrunning stop hook · 7s · ↓\u001b[1C672 tokens)\r\u001b[87C\u001b[7B7382\u001b[39m\r\r\n\r\n\u001b[2C\u001b[6A"]
+[0.102, "o", "\u001b[2D\u001b[6B\r\u001b[9A\u001b[38;5;174m✢\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[6A"]
+[0.065, "o", "\u001b]0;⠂ Build a Lobu agent project setup\u0007"]
+[0.040, "o", "\u001b[2D\u001b[6B\r\u001b[9A\u001b[38;5;174m✳\u001b[1CMetamorphosing…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[6A"]
+[0.104, "o", "\u001b[2D\u001b[6B\r\u001b[9A\u001b[38;5;174m✶\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[6A"]
+[0.035, "o", "\u001b]0;✳ Build a Lobu agent project setup\u0007"]
+[0.001, "o", "\u001b[2D\u001b[6B\r\u001b[9A\u001b[38;5;246m✻\u001b[1CBaked for 7s\u001b[39m\u001b[K\r\u001b[3B❯ \r\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[6A"]
+[2.729, "o", "\u001b[2D\u001b[6B\r\u001b[33C\u001b[1A                                   \u001b[38;5;220m1\u001b[1CMCP \u001b[2Crver needs auth\u001b[38;5;246m · /mcp\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
+[7.402, "o", "\u001b[1u\u001b[>4;2m"]
+[0.007, "o", "\u001b[?1006l\u001b[?1003l\u001b[?1002l\u001b[?1000l"]
+[0.001, "o", "\u001b[2D\u001b[6B"]
+[0.000, "o", "\u001b[>4m\u001b[
Date: Tue, 19 May 2026 20:15:40 +0100
Subject: [PATCH 34/66] =?UTF-8?q?feat(landing):=20hero=20cast=20toggle=20?=
 =?UTF-8?q?=E2=80=94=20switch=20between=20cli=20+=20agent=20recordings?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two tabs above the asciinema-player flip the active cast:

  cli    -> /casts/setup.cast    'Scaffold a Lobu agent end-to-end with the CLI.'
  agent  -> /casts/claude.cast   'Or paste the prompt into Claude Code and let it interview you.'

Default tab is 'cli'. Tab strip matches the look the use-case pivot
used to have before round 10 (hairline bottom border, 2px underline
+ bold on active, muted on inactive, monospace 12.5px).

Implementation:
- castMode state lives in Hero; CASTS map holds src + caption per mode.
- Tab buttons render between the 'or paste the prompt into claude code'
  subtext and the player.
- HeroAsciinema now takes a castMode prop and is keyed on it. The
  asciinema web component doesn't re-fetch when its src attribute
  changes in place, so Preact's key-driven teardown is what swaps the
  recording cleanly.
- Caption below the player reads from CASTS[castMode].caption so it
  switches with the tab.

Also picks up the biome auto-fix on gen-landing-snippets.ts left over
from round 10.
---
 .../landing/scripts/gen-landing-snippets.ts   | 12 ++--
 .../landing/src/components/LandingPage.tsx    | 72 +++++++++++++++----
 2 files changed, 64 insertions(+), 20 deletions(-)

diff --git a/packages/landing/scripts/gen-landing-snippets.ts b/packages/landing/scripts/gen-landing-snippets.ts
index 37e6d54e5..6210016f1 100644
--- a/packages/landing/scripts/gen-landing-snippets.ts
+++ b/packages/landing/scripts/gen-landing-snippets.ts
@@ -157,8 +157,7 @@ function readExampleMeta(rawToml: string, slug: string): TomlExampleMeta {
     if (mode === "memory" && key === "description" && !memoryDescription)
       memoryDescription = value;
   }
-  const label =
-    agentName ?? slug.charAt(0).toUpperCase() + slug.slice(1);
+  const label = agentName ?? slug.charAt(0).toUpperCase() + slug.slice(1);
   const description = memoryDescription ?? agentDescription ?? null;
   return { label, description };
 }
@@ -293,7 +292,8 @@ function compressEntities(yamlLines: string[]): string[] {
   out.push(`${padChild}  type: object`);
   out.push(`${padChild}  properties:`);
   const shown = props.slice(0, 3);
-  for (const p of shown) out.push(`${padChild}    ${p.key}: { type: ${p.type} }`);
+  for (const p of shown)
+    out.push(`${padChild}    ${p.key}: { type: ${p.type} }`);
   if (props.length > shown.length)
     out.push(`${padChild}    # ${props.length - shown.length} more…`);
   return out;
@@ -498,11 +498,7 @@ function snippetFrom(
   };
 }
 
-function warnOverBudget(
-  label: string,
-  lines: number,
-  budget: number
-): void {
+function warnOverBudget(label: string, lines: number, budget: number): void {
   if (lines > budget) {
     console.warn(
       `gen-landing-snippets: ${label} is ${lines} lines — landing budget is ≤ ${budget}.`
diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index 1c59c67ee..bb78c5efd 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -107,8 +107,23 @@ function SectionHeading(props: {
 /*  Hero                                                                      */
 /* -------------------------------------------------------------------------- */
 
+type CastMode = "cli" | "agent";
+
+const CASTS: Record = {
+  cli: {
+    src: "/casts/setup.cast",
+    caption: "Scaffold a Lobu agent end-to-end with the CLI.",
+  },
+  agent: {
+    src: "/casts/claude.cast",
+    caption:
+      "Or paste the prompt into Claude Code and let it interview you.",
+  },
+};
+
 function Hero() {
   const [copied, setCopied] = useState(false);
+  const [castMode, setCastMode] = useState("cli");
 
   const onCopy = async () => {
     try {
@@ -193,15 +208,43 @@ function Hero() {
           opencode — it'll scaffold the project
           for you
         

-        
+        

+          {(["cli", "agent"] as const).map((mode) => {
+            const isActive = mode === castMode;
+            return (
+              
+            );
+          })}
+        

+        
         

-          
-            Paste the prompt. Claude Code scaffolds everything:
-          {" "}
-          connectors, schema, watcher, reaction.
+          {CASTS[castMode].caption}
         

       
     

@@ -261,14 +304,15 @@ function GithubIcon() {
  * container on first paint. If the cast 404s the container stays empty —
  * the page never errors.
  */
-function HeroAsciinema() {
+function HeroAsciinema({ castMode }: { castMode: CastMode }) {
+  // Key the wrapper on castMode so Preact tears down the player when the tab
+  // flips — the asciinema web component doesn't re-fetch when its src
+  // attribute mutates in place.
+  const src = CASTS[castMode].src;
   return (
     
 {
         if (!node) return;
         if (node.dataset.asciinemaMounted === "1") return;
@@ -287,7 +331,7 @@ function HeroAsciinema() {
               ).AsciinemaPlayer
             : null;
         if (!player) return;
-        player.create("/casts/setup.cast", node, {
+        player.create(src, node, {
           autoPlay: true,
           loop: true,
           idleTimeLimit: 2,
@@ -297,6 +341,10 @@ function HeroAsciinema() {
         });
         node.dataset.asciinemaMounted = "1";
       }}
+      style={{
+        backgroundColor: "var(--color-landing-code-bg)",
+        borderColor: "var(--color-page-border)",
+      }}
     />
   );
 }

From 756d659565c2918162024f37add7638fb13d06d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 21:16:25 +0100
Subject: [PATCH 35/66] feat(landing): rewrite ArchitectureDiagram as
 inputs/graph/agents flow
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Three flat columns with SVG flow arrows between them. Same warm palette,
no shadows, no gradients.

inputs (left):
- @lobu/connector-sdk pill + '50+ bundled integrations' subhead
- 3x2 grid of brand glyphs (GitHub, Linear, Stripe, Notion, Gmail,
  HubSpot) — inline SVG paths lifted from the simpleicons.org-style
  registry previously in HeroProductCard.tsx (MIT licensed)
- footer text 'events stream into the graph'

knowledge graph (middle):
- 3-rectangle 'cube' with 6px diagonal offset to suggest layered depth
  (top: relationships, middle: entities, bottom: events). Fills go
  page-bg -> surface -> surface-dim to fake depth without shadows
- two dashed accent-coloured watcher arrows pointing IN, labelled
  'cron · AI (dreaming watchers)' and 'reactions · code (your TS)'
- footer pill: @lobu/reaction-sdk

agents (right):
- two thin-bordered SubBlocks: chat bots (2x3 grid of the 6 messaging
  channels from platforms.tsx) + api readers ('agents read via HTTP
  / MCP / SDK')
- footer text '← agents read'

Between-column arrows: horizontal SVG on md+, vertical SVG on sm.
Diagram stacks to one column under the sm breakpoint via CSS grid.

Drops the previous 'external platforms / lobu / knowledge graph'
3-box diagram entirely. Also picks up the biome auto-fix on
LandingPage.tsx from round 11.
---
 .../src/components/ArchitectureDiagram.tsx    | 337 ++++++++++++------
 .../landing/src/components/LandingPage.tsx    |   3 +-
 2 files changed, 236 insertions(+), 104 deletions(-)

diff --git a/packages/landing/src/components/ArchitectureDiagram.tsx b/packages/landing/src/components/ArchitectureDiagram.tsx
index 63647081f..801160ca3 100644
--- a/packages/landing/src/components/ArchitectureDiagram.tsx
+++ b/packages/landing/src/components/ArchitectureDiagram.tsx
@@ -1,146 +1,279 @@
+// biome-ignore-all format: stays compact for the landing-page panel
 import { messagingChannels } from "./platforms";
 
 /**
- * Lightweight three-box architecture diagram for the dev-focused landing
- * page. Three flat boxes joined by thin arrow labels:
+ * Three-column architecture flow:
  *
- *   external platforms  ←→  lobu  ←→  knowledge graph
+ *   inputs (connector-sdk + brand logos)
+ *     ─ streaming event capture ─►
+ *   knowledge graph (stacked 'cube' + watcher arrows)
+ *     ─ agents read ─►
+ *   agents (chat bots + api readers)
  *
- * All boxes share the same surface, border, and radius — no shadows, no
- * gradients, no badges. Labels are all lowercase monospace.
+ * Flat composition: no shadows, no gradients. Column-to-column arrows are
+ * inline SVG. Watcher arrows pointing into the cube live inside the middle
+ * column. Stacks to one column at the sm breakpoint.
  */
 export function ArchitectureDiagram() {
   return (
-    

-      
-        
-      
-      
-      
-        
-      
-      
-      
-        
    
-          
  • events (append-only)
    • 
-          
  • entities & relationships
    • 
-          
  • watchers (reactive + cron)
    • 
-          
  • vectors (pgvector)
    • 
-          
  • multi-tenant by org / user
    • 
-        

-      
+    

+      
+      
+      
+      
+      
+      
+      
     

   );
 }
 
-function Box(props: {
-  title: string;
-  emphasised?: boolean;
-  children: preact.ComponentChildren;
-}) {
+/* -------------------------------------------------------------------------- */
+/*  Shared frame                                                              */
+/* -------------------------------------------------------------------------- */
+
+function ColumnFrame(props: { title: string; children: preact.ComponentChildren; footer?: preact.ComponentChildren }) {
   return (
     

       

         {props.title}
       

-      {props.children}
+      
{props.children}

+      {props.footer ? (
+        

+          {props.footer}
+        

+      ) : null}
     

   );
 }
 
-function PlatformList() {
+function Pill({ label, mono = true, dim = false }: { label: string; mono?: boolean; dim?: boolean }) {
   return (
-    <>
-      
    
-        {messagingChannels.slice(0, 6).map((channel) => (
-          
  • 
-            
-            {channel.label.toLowerCase()}
-          
    • 
-        ))}
-      

-      

-        + github, linear, stripe, gmail, notion…
-      

-    
+    
+      {label}
+    
+  );
+}
+
+/* -------------------------------------------------------------------------- */
+/*  Inputs column — connector-sdk + brand-logo grid                           */
+/* -------------------------------------------------------------------------- */
+
+type Brand = { key: string; label: string; color: string; path: string };
+
+// Paths lifted from simpleicons.org (MIT-licensed brand registry shipped in
+// the earlier HeroProductCard.tsx, kept here as a minimal 6-brand subset).
+const CONNECTOR_BRANDS: Brand[] = [
+  { key: "github", label: "GitHub", color: "var(--color-page-text)", path: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.111.82-.261.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" },
+  { key: "linear", label: "Linear", color: "#5E6AD2", path: "M.403 13.795A12.131 12.131 0 0 0 10.203 23.6L.403 13.795zM.182 10.103l13.715 13.714a12.18 12.18 0 0 0 3.137-1.21L1.392 6.966a12.18 12.18 0 0 0-1.21 3.137zm3.135-5.836a12.16 12.16 0 0 1 1.51-1.84L21.572 19.17a12.137 12.137 0 0 1-1.84 1.51L3.317 4.267zM6.682 1.43A12.12 12.12 0 0 1 12 0c6.626 0 12 5.374 12 12 0 1.872-.428 3.643-1.193 5.22L6.682 1.43Z" },
+  { key: "stripe", label: "Stripe", color: "#635BFF", path: "M13.479 9.883c-1.626-.604-2.512-1.067-2.512-1.803 0-.622.511-.977 1.422-.977 1.668 0 3.379.642 4.558 1.22l.666-4.111c-.935-.446-2.847-1.177-5.49-1.177-1.87 0-3.425.489-4.536 1.401-1.155.954-1.757 2.334-1.757 4.005 0 3.027 1.847 4.328 4.855 5.42 1.937.696 2.587 1.192 2.587 1.954 0 .74-.629 1.158-1.77 1.158-1.396 0-3.741-.69-5.323-1.585L5.5 19.612c1.305.74 3.722 1.5 6.245 1.5 1.977 0 3.629-.464 4.752-1.358 1.262-.985 1.915-2.432 1.915-4.155 0-3.105-1.89-4.392-4.933-5.516z" },
+  { key: "notion", label: "Notion", color: "var(--color-page-text)", path: "M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933z" },
+  { key: "gmail", label: "Gmail", color: "#EA4335", path: "M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z" },
+  { key: "hubspot", label: "HubSpot", color: "#FF7A59", path: "M18.164 7.93V5.084a2.198 2.198 0 0 0 1.27-1.985v-.067A2.2 2.2 0 0 0 17.238.832h-.067a2.2 2.2 0 0 0-2.198 2.2v.067a2.196 2.196 0 0 0 1.27 1.985V7.93a6.226 6.226 0 0 0-2.957 1.296L5.512 3.917c.027-.103.045-.21.045-.319A1.717 1.717 0 1 0 4.598 4.91l7.69 5.99a6.255 6.255 0 0 0-.939 3.31c0 1.27.382 2.452 1.04 3.444l-2.341 2.34a2.005 2.005 0 0 0-.585-.097 2.05 2.05 0 1 0 2.052 2.05c0-.205-.039-.405-.094-.594l2.314-2.314a6.27 6.27 0 1 0 4.43-11.108zm-1.107 9.397a3.22 3.22 0 1 1 0-6.44 3.22 3.22 0 0 1 0 6.44z" },
+];
+
+function BrandGlyph({ brand, size = 18 }: { brand: Brand; size?: number }) {
+  return (
+    
+      {brand.label}
+      
+    
   );
 }
 
-function LobuContents() {
+function InputsColumn() {
   return (
-    <>
-      

-        cli · mcp · api · sdk
+    events stream into the graph}>
+      
+      

+        50+ bundled integrations
       

-      

-        

+      

+        {CONNECTOR_BRANDS.map((b) => (
           

-            gateway
+            
           

-          
    
-            
  • secret-proxy
    • 
-            
  • guardrails
    • 
-            
  • egress judge
    • 
-          

-        

-        

-          

-            workers
-          

-          
    
-            
  • per-user sandbox
    • 
-            
  • openclaw runtime
    • 
-            
  • mcp tools
    • 
-          

-        

+        ))}
       

-      

-        postgres + pgvector — the only external dependency
+    
+  );
+}
+
+/* -------------------------------------------------------------------------- */
+/*  Middle column — knowledge-graph cube + watcher arrows                     */
+/* -------------------------------------------------------------------------- */
+
+function CubeRow({ label, depth }: { label: string; depth: 0 | 1 | 2 }) {
+  // depth=0 sits on top (most muted), depth=2 sits on bottom (most saturated).
+  // Same border colour, fill goes from page-bg to surface-dim to suggest depth.
+  const fill =
+    depth === 0
+      ? "var(--color-page-bg)"
+      : depth === 1
+        ? "var(--color-page-surface)"
+        : "var(--color-page-surface-dim)";
+  const ml = depth === 0 ? 0 : depth === 1 ? 6 : 12;
+  return (
+    

+      {label}
+    

+  );
+}
+
+function WatcherArrow({ label }: { label: string }) {
+  return (
+    

+      
+      {label}
+    

+  );
+}
+
+function KnowledgeColumn() {
+  return (
+    }>
+      

+        
+        
+        
+      

+      

+        
+        
       

-    
+    
   );
 }
 
-function Arrow(props: { top: string; bottom: string }) {
+/* -------------------------------------------------------------------------- */
+/*  Agents column                                                             */
+/* -------------------------------------------------------------------------- */
+
+function SubBlock(props: { title: string; children: preact.ComponentChildren }) {
   return (
     

-      {props.top}
-      
-      

+  );
+}
+
+function AgentsColumn() {
+  return (
+    ← agents read}>
+      
+        
    
+          {messagingChannels.slice(0, 6).map((channel) => (
+            
  • 
+              
+              {channel.label.toLowerCase()}
+            
    • 
+          ))}
+        

+      
+      
+        

+          agents read via HTTP / MCP / SDK
+        

+      
+    
+  );
+}
+
+/* -------------------------------------------------------------------------- */
+/*  Connector arrows between columns                                          */
+/* -------------------------------------------------------------------------- */
+
+function BetweenArrow({ label, axis }: { label: string; axis: "lr" | "tb" }) {
+  // axis 'lr' is the desktop horizontal arrow; 'tb' is the mobile vertical one.
+  // Render both into the DOM and toggle visibility via Tailwind so we don't
+  // need media-query JS to flip the orientation.
+  if (axis === "lr") {
+    return (
+      
+    );
+  }
+  return (
+    

+      
+        {label}
       
-      {props.bottom}
+      
     

   );
 }
diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index bb78c5efd..4c3b028ad 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -116,8 +116,7 @@ const CASTS: Record = {
   },
   agent: {
     src: "/casts/claude.cast",
-    caption:
-      "Or paste the prompt into Claude Code and let it interview you.",
+    caption: "Or paste the prompt into Claude Code and let it interview you.",
   },
 };
 

From c4740d6666af03170de96c074a389e599941dd68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 21:22:56 +0100
Subject: [PATCH 36/66] fix(landing): mobile overflow + drop leftover
 RunAnywhere card shadow
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Mobile pass at 375x812 + 768x1024 found one real issue: the
RunAnywhereSection cards forced the page past viewport width.

  before: docW=398 vs viewW=375 (main overshoot 23px)
  after:  docW=375 vs viewW=375

- Card div: drop the shadow-[0_1px_3px_...] (round-2 violation that
  slipped through earlier passes; flat-composition rule); add
  flex min-w-0 so the grid track shrinks with the container.
- Card 
: switch from overflow-hidden to overflow-x-auto so the
  inline code lines scroll inside the panel instead of inflating the
  card's intrinsic width.

Other findings (no fix needed):
- Hero buttons wrap fine on 375.
- BrowseExamples grid stacks to 1-col under sm (grid-cols-1 sm:2 md:3).
- ArchitectureDiagram stacks to one column under md, with vertical
  arrow labels swapping in via Tailwind hidden/md:flex.
- Existing CodeBlock 
 elements already have overflow-x-auto;
  long lines scroll internally — confirmed at 12.5px on 341px wide
  panels.
- Nav, cast toggle, asciinema player all fit at 375.
---
 packages/landing/src/components/LandingPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index 4c3b028ad..597ba1f49 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -987,7 +987,7 @@ function RunAnywhereSection() {
         {cards.map((card) => (
           

             
Date: Tue, 19 May 2026 21:27:59 +0100
Subject: [PATCH 37/66] feat(landing): move Skills snippet to
 gen-landing-snippets.ts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The deliveroo SKILL.md frontmatter lived as a hand-maintained
SKILL_SNIPPET constant in LandingPage.tsx. Move it to the build script
so the snippet on the landing tracks the on-disk source.

gen-landing-snippets.ts:
- Add PINNED.skill -> examples/office-bot/agents/food-ordering/skills/
  deliveroo-order/SKILL.md.
- New trimSkillMarkdown() function: pulls just the YAML frontmatter
  (between the leading --- and the next ---), then trims to fit the
  right column. Caps network.allow + network.judge to first 2 entries
  with a '# …N more' tail, and collapses the multi-line
  judges.default: > block scalar to a single short sentence that keeps
  the policy essence (allow GET reads + basket mutations; DENY checkout
  / payment / profile changes; fail closed). name / description /
  nixPackages untouched.
- Add skill: Snippet to LandingSnippets shape + corresponding budget
  entry (26 lines).
- Result on disk: 17-line snippet, well under budget.

LandingPage.tsx:
- Drop the hand-maintained SKILL_SNIPPET constant + the section comment
  explaining it; SkillsSection now reads snippets.skill like every
  other primitive section.
-  no longer needs the explicit tabLabel — the script emits
  the path so CodeBlock's default snippet.path is correct.
- Extend the local LandingSnippets type with skill: CodeSnippet.
---
 .../landing/scripts/gen-landing-snippets.ts   | 110 +++++++++++++++++-
 .../landing/src/components/LandingPage.tsx    |  43 +------
 .../src/generated/landing-snippets.json       |   6 +
 3 files changed, 121 insertions(+), 38 deletions(-)

diff --git a/packages/landing/scripts/gen-landing-snippets.ts b/packages/landing/scripts/gen-landing-snippets.ts
index 6210016f1..a42cdfd01 100644
--- a/packages/landing/scripts/gen-landing-snippets.ts
+++ b/packages/landing/scripts/gen-landing-snippets.ts
@@ -39,6 +39,10 @@ const PINNED = {
     path: "models/reactions/account-health-monitor.reaction.ts",
   },
   agentToml: { slug: "sales", path: "lobu.toml" },
+  skill: {
+    slug: "office-bot",
+    path: "agents/food-ordering/skills/deliveroo-order/SKILL.md",
+  },
 } as const;
 
 const BUDGETS = {
@@ -47,6 +51,7 @@ const BUDGETS = {
   watcher: 16,
   reaction: 50,
   connector: 40,
+  skill: 26,
 };
 
 type Language = "toml" | "yaml" | "typescript" | "markdown";
@@ -71,6 +76,7 @@ type LandingSnippets = {
   watcher: Snippet;
   reaction: Snippet;
   agentToml: Snippet;
+  skill: Snippet;
   examples: ExampleEntry[];
 };
 
@@ -463,6 +469,94 @@ function compressWatcher(yamlLines: string[]): string[] {
   return out;
 }
 
+/* -------------------------------------------------------------------------- */
+/*  SKILL.md frontmatter extraction                                           */
+/* -------------------------------------------------------------------------- */
+
+/**
+ * Pull just the YAML frontmatter out of a SKILL.md (everything between the
+ * leading `---` and the next `---`). Then slim it so the landing snippet
+ * fits the right column without scrolling:
+ *
+ *   - cap `network.allow` and `network.judge` lists at 2 entries each
+ *   - collapse `judges.default: > … (multi-line block scalar)` into a single
+ *     short bullet sentence that keeps the policy's essence
+ *   - leave name + description + nixPackages untouched
+ */
+function trimSkillMarkdown(raw: string): string {
+  const lines = raw.split("\n");
+  if (lines[0]?.trim() !== "---") return raw;
+  let end = -1;
+  for (let i = 1; i < lines.length; i++) {
+    if (lines[i].trim() === "---") {
+      end = i;
+      break;
+    }
+  }
+  if (end < 0) return raw;
+  const fm = lines.slice(0, end + 1);
+
+  const out: string[] = [];
+  let i = 0;
+  while (i < fm.length) {
+    const line = fm[i];
+    const trimmed = line.trimStart();
+
+    // network.allow / network.judge — cap children to 2 entries.
+    const listKey = /^(\s*)(allow|judge):\s*$/.exec(line);
+    if (listKey) {
+      const baseIndent = listKey[1].length;
+      out.push(line);
+      let kept = 0;
+      let total = 0;
+      let j = i + 1;
+      while (j < fm.length) {
+        const child = fm[j];
+        const childTrim = child.trimStart();
+        const childIndent = child.length - childTrim.length;
+        if (!childTrim.startsWith("- ") || childIndent <= baseIndent) break;
+        total++;
+        if (kept < 2) {
+          out.push(child);
+          kept++;
+        }
+        j++;
+      }
+      if (total > kept) {
+        out.push(`${" ".repeat(baseIndent + 2)}# …${total - kept} more`);
+      }
+      i = j;
+      continue;
+    }
+
+    // judges.default: > … — collapse the block scalar to one essence line.
+    const blockScalar = /^(\s*)default:\s*[>|][+-]?\s*$/.exec(line);
+    if (blockScalar) {
+      const baseIndent = blockScalar[1].length;
+      out.push(
+        `${" ".repeat(baseIndent)}default: "Allow GET reads + basket mutations; DENY checkout, payment, profile changes. Fail closed if unclear."`
+      );
+      let j = i + 1;
+      while (j < fm.length) {
+        const child = fm[j];
+        if (child.trim() === "") {
+          j++;
+          continue;
+        }
+        const childIndent = child.length - child.trimStart().length;
+        if (childIndent <= baseIndent) break;
+        j++;
+      }
+      i = j;
+      continue;
+    }
+
+    out.push(line);
+    i++;
+  }
+  return collapseBlanks(out).join("\n");
+}
+
 /* -------------------------------------------------------------------------- */
 /*  Helpers                                                                   */
 /* -------------------------------------------------------------------------- */
@@ -607,12 +701,26 @@ function build(): LandingSnippets {
     BUDGETS.agentToml
   );
 
+  const skill = snippetFrom(
+    PINNED.skill.slug,
+    pinnedFile(PINNED.skill.slug, PINNED.skill.path),
+    PINNED.skill.path,
+    "markdown",
+    trimSkillMarkdown
+  );
+  warnOverBudget(
+    `${PINNED.skill.slug}/${PINNED.skill.path}`,
+    skill.code.split("\n").length,
+    BUDGETS.skill
+  );
+
   return {
     connector,
     memorySchema,
     watcher,
     reaction,
     agentToml,
+    skill,
     examples: listExamples(),
   };
 }
@@ -621,7 +729,7 @@ function main() {
   const out = build();
   writeFileSync(outFile, `${JSON.stringify(out, null, 2)}\n`, "utf-8");
   console.log(
-    `gen-landing-snippets: wrote 5 pinned snippets + ${out.examples.length} example entries to ${outFile}`
+    `gen-landing-snippets: wrote 6 pinned snippets + ${out.examples.length} example entries to ${outFile}`
   );
 }
 
diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index 597ba1f49..5364cc81e 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -19,6 +19,7 @@ type LandingSnippets = {
   watcher: CodeSnippet;
   reaction: CodeSnippet;
   agentToml: CodeSnippet;
+  skill: CodeSnippet;
   examples: ExampleEntry[];
 };
 
@@ -694,40 +695,12 @@ function WatchersSection() {
 }
 
 /* -------------------------------------------------------------------------- */
-/*  Skills section — not use-case pivoted (only lobu-crm + office-bot ship    */
-/*  skills today). Snippet is the YAML frontmatter of                         */
-/*  examples/office-bot/agents/food-ordering/skills/deliveroo-order/SKILL.md  */
-/*  because deliveroo-order is the example that exercises every frontmatter   */
-/*  field the section's pitch promises: nixPackages, network.allow,           */
-/*  network.judge, and a judges.default policy.                               */
+/*  Skills section — snippet is the YAML frontmatter of the deliveroo-order   */
+/*  SKILL.md, trimmed at build time by gen-landing-snippets.ts (the example   */
+/*  that exercises every field the pitch promises: nixPackages,               */
+/*  network.allow, network.judge, judges.default).                            */
 /* -------------------------------------------------------------------------- */
 
-const SKILL_SNIPPET: CodeSnippet = {
-  path: "agents/food-ordering/skills/deliveroo-order/SKILL.md",
-  githubUrl:
-    "https://github.com/lobu-ai/lobu/blob/main/examples/office-bot/agents/food-ordering/skills/deliveroo-order/SKILL.md",
-  language: "markdown",
-  code: `---
-name: deliveroo-order
-description: Read a restaurant's Deliveroo menu and assemble a group-order basket for the office lunch. Reading menus is allowed; completing checkout or touching payment is NOT.
-nixPackages:
-  - chromium
-network:
-  allow:
-    - registry.npmjs.org
-    - playwright.azureedge.net
-  judge:
-    - deliveroo.co.uk
-    - deliveroo.com
-judges:
-  default: >
-    Allow GET reads of restaurant listings, menus, item details, and the basket.
-    Allow POST/PUT that build or modify a basket (add, remove, change quantity).
-    DENY anything that completes checkout, touches payment, or modifies account.
-    If the effect is unclear, fail closed.
----`,
-};
-
 function SkillsSection() {
   return (
     
@@ -780,11 +753,7 @@ function SkillsSection() {
         }
         code={
           

-            
+            
             
           

         }
diff --git a/packages/landing/src/generated/landing-snippets.json b/packages/landing/src/generated/landing-snippets.json
index 74d687cf2..6589c6ec2 100644
--- a/packages/landing/src/generated/landing-snippets.json
+++ b/packages/landing/src/generated/landing-snippets.json
@@ -29,6 +29,12 @@
     "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/sales/lobu.toml",
     "language": "toml"
   },
+  "skill": {
+    "code": "---\nname: deliveroo-order\ndescription: Read a restaurant's Deliveroo menu and assemble a group-order basket for the office lunch. Use in step 2 of the lunch run, after orders are collected. Reading menus and building a basket is allowed; completing checkout or touching payment is NOT.\nnixPackages:\n  - chromium\nnetwork:\n  allow:\n    - registry.npmjs.org\n    - .npmjs.org\n    # …2 more\n  judge:\n    - deliveroo.co.uk\n    - .deliveroo.co.uk\n    # …2 more\njudges:\n  default: \"Allow GET reads + basket mutations; DENY checkout, payment, profile changes. Fail closed if unclear.\"\n---",
+    "path": "agents/food-ordering/skills/deliveroo-order/SKILL.md",
+    "githubUrl": "https://github.com/lobu-ai/lobu/blob/main/examples/office-bot/agents/food-ordering/skills/deliveroo-order/SKILL.md",
+    "language": "markdown"
+  },
   "examples": [
     {
       "slug": "agent-community",

From 7e11f7ed6532cce826ca164c83c22aba5d7289bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 21:42:38 +0100
Subject: [PATCH 38/66] =?UTF-8?q?feat(landing):=20rework=20architecture=20?=
 =?UTF-8?q?diagram=20=E2=80=94=20proper=20SaaS=20flow?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

User: 'doesn't look good. dreams need to be from events to entities.
agents read can be below api readers similar to chat bots.'

Structural fixes:

- Dropped the offset 'cube' (3 rectangles with parallax) — it read as
  'list with mild offset', not as a cube. Replaced with three flat
  full-width Layer rows: relationships, entities, events. Each shows
  its purpose in muted mono on the right (entity → entity / typed
  records / append-only log). Connected by short vertical hairline
  bars to read as a stack.

- Dreaming arrow moved INSIDE the graph, between the entities and
  events rows, pointing UP. Replaces the LayerConnector at that
  one boundary with a dedicated DreamingConnector — labelled
  'dreaming watchers · cron · LLM' in the accent colour. Visually
  reads: events become entities via the dreaming watcher.

- Reactions arrow moved to point OUT of the graph (toward the agents
  column) at the bottom of the knowledge-graph column, labelled
  'reactions · your TS · @lobu/reaction-sdk'. Replaces the previous
  'reactions arrow pointing IN' which was the wrong direction.

- Agents column: api-readers block now mirrors chat-bots — heading +
  3-pill grid (HTTP / MCP / SDK) + muted caption 'agents read the
  graph'. Same visual treatment as the 'users chat with the agent'
  caption under chat-bots. Both sub-blocks now read with the same
  structure.

Polish:

- Column gap bumped to 3.5rem desktop / 1.5rem mobile.
- Column headings: 13px font-semibold uppercase tracking-[0.16em],
  foreground colour (was 10.5px muted accent).
- Connector glyphs 26px (was 18-20px).
- Arrows solid 1.5px with arrowheads (was 1px dashed).
- Each column card gets a single hairline-bottom shadow
  (box-shadow: 0 1px 0 0 var(--color-page-border)) — not a glow,
  just enough to read as a panel without leaning on the border alone.

Mobile (375x812): still stacks single-column cleanly; no overflow.
---
 .../src/components/ArchitectureDiagram.tsx    | 202 ++++++++++++------
 1 file changed, 132 insertions(+), 70 deletions(-)

diff --git a/packages/landing/src/components/ArchitectureDiagram.tsx b/packages/landing/src/components/ArchitectureDiagram.tsx
index 801160ca3..e5cbf24a6 100644
--- a/packages/landing/src/components/ArchitectureDiagram.tsx
+++ b/packages/landing/src/components/ArchitectureDiagram.tsx
@@ -5,18 +5,19 @@ import { messagingChannels } from "./platforms";
  * Three-column architecture flow:
  *
  *   inputs (connector-sdk + brand logos)
- *     ─ streaming event capture ─►
- *   knowledge graph (stacked 'cube' + watcher arrows)
- *     ─ agents read ─►
+ *     ── streaming event capture ──►
+ *   knowledge graph (stacked layers + internal dreaming arrow + reactions out)
+ *     ── agents read ──►
  *   agents (chat bots + api readers)
  *
- * Flat composition: no shadows, no gradients. Column-to-column arrows are
- * inline SVG. Watcher arrows pointing into the cube live inside the middle
- * column. Stacks to one column at the sm breakpoint.
+ * Flat layers (not a metaphor cube), big column gaps, solid 1.5px arrows,
+ * larger brand glyphs. A single hairline-bottom border on each column card
+ * adds enough weight to feel like a real diagram without breaking the
+ * flat-composition rule (no glow, no drop shadow, no gradient).
  */
 export function ArchitectureDiagram() {
   return (
-    

+    

       
       
       
@@ -35,19 +36,25 @@ export function ArchitectureDiagram() {
 function ColumnFrame(props: { title: string; children: preact.ComponentChildren; footer?: preact.ComponentChildren }) {
   return (
     

       

         {props.title}
       

       
{props.children}

       {props.footer ? (
         

           {props.footer}
@@ -57,10 +64,10 @@ function ColumnFrame(props: { title: string; children: preact.ComponentChildren;
   );
 }
 
-function Pill({ label, mono = true, dim = false }: { label: string; mono?: boolean; dim?: boolean }) {
+function Pill({ label, dim = false }: { label: string; dim?: boolean }) {
   return (
     
       {brand.label}
@@ -100,19 +107,19 @@ function BrandGlyph({ brand, size = 18 }: { brand: Brand; size?: number }) {
 
 function InputsColumn() {
   return (
-    events stream into the graph}>
+    events stream into the graph}>
       
-      

+      

         50+ bundled integrations
       

-      

+      

         {CONNECTOR_BRANDS.map((b) => (
           

-            
+            
           

         ))}
       

@@ -121,66 +128,107 @@ function InputsColumn() {
 }
 
 /* -------------------------------------------------------------------------- */
-/*  Middle column — knowledge-graph cube + watcher arrows                     */
+/*  Middle column — flat stacked layers + internal dreaming arrow + reactions */
 /* -------------------------------------------------------------------------- */
 
-function CubeRow({ label, depth }: { label: string; depth: 0 | 1 | 2 }) {
-  // depth=0 sits on top (most muted), depth=2 sits on bottom (most saturated).
-  // Same border colour, fill goes from page-bg to surface-dim to suggest depth.
-  const fill =
-    depth === 0
-      ? "var(--color-page-bg)"
-      : depth === 1
-        ? "var(--color-page-surface)"
-        : "var(--color-page-surface-dim)";
-  const ml = depth === 0 ? 0 : depth === 1 ? 6 : 12;
+function Layer({ label, sub }: { label: string; sub?: string }) {
   return (
     

-      {label}
+      
+        {label}
+      
+      {sub ? (
+        
+          {sub}
+        
+      ) : null}
     

   );
 }
 
-function WatcherArrow({ label }: { label: string }) {
+function LayerConnector() {
+  // Short vertical bar joining adjacent layers — visual continuity without
+  // shouting 'arrow'. Lives between Layer rows.
   return (
-    

-      
+  );
+}
+
+/**
+ * Inline arrow that lives in the gap between events and entities, pointing
+ * UP — the dreaming watcher (LLM, cron) is what lifts raw events into typed
+ * entities. Replaces the LayerConnector hairline at that one spot so the
+ * stack reads top-to-bottom as: relationships ← entities ← (dreaming) ← events.
+ */
+function DreamingConnector() {
+  return (
+    
   );
 }
 
-function KnowledgeColumn() {
+/**
+ * Reactions arrow pointing OUT of the cube area toward the agents column.
+ * Reactions are imperative TS that runs after a watcher extracts something
+ * and takes external actions (post to Slack, open a Linear issue, …).
+ */
+function ReactionsCallout() {
   return (
-    }>
-      

-        
-        
-        
-      

-      

-        
-        
+    

+      

+        reactions
+        your TS · @lobu/reaction-sdk
       

+      
+    

+  );
+}
+
+function KnowledgeColumn() {
+  return (
+    
+      
+      
+      
+      
+      
+      
     
   );
 }
@@ -189,27 +237,33 @@ function KnowledgeColumn() {
 /*  Agents column                                                             */
 /* -------------------------------------------------------------------------- */
 
-function SubBlock(props: { title: string; children: preact.ComponentChildren }) {
+function SubBlock(props: { title: string; caption: string; children: preact.ComponentChildren }) {
   return (
     

       

         {props.title}
       

       {props.children}
+      

+        {props.caption}
+      

     

   );
 }
 
 function AgentsColumn() {
   return (
-    ← agents read}>
-      
+    
+      
         
    
           {messagingChannels.slice(0, 6).map((channel) => (
             
  • 
@@ -221,10 +275,18 @@ function AgentsColumn() {
           ))}
         

       
-      
-        

-          agents read via HTTP / MCP / SDK
-        

+      
+        
    
+          {["HTTP", "MCP", "SDK"].map((label) => (
+            
  • 
+              {label}
+            
    • 
+          ))}
+        

       
     
   );
@@ -241,18 +303,18 @@ function BetweenArrow({ label, axis }: { label: string; axis: "lr" | "tb" }) {
   if (axis === "lr") {
     return (
       
@@ -263,12 +325,12 @@ function BetweenArrow({ label, axis }: { label: string; axis: "lr" | "tb" }) {
       
         {label}
       
-      

         50+ bundled integrations
@@ -222,7 +222,7 @@ function ReactionsCallout() {
 
 function KnowledgeColumn() {
   return (
-    
+    
       
       
       
@@ -275,7 +275,7 @@ function AgentsColumn() {
           ))}
         
       
-      
+      
         
    
           {["HTTP", "MCP", "SDK"].map((label) => (
             
  • 
Date: Tue, 19 May 2026 21:54:17 +0100
Subject: [PATCH 40/66] feat(landing): add Skills SubBlock to Agents column in
 architecture diagram
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The diagram already represents Connectors, Memory (the stack), Watchers
(the inline dreaming arrow + the reactions arrow exiting the memory
column), and Agents — but Skills had no visual presence. Add a Skills
SubBlock between chat-bots and api-readers in the Agents column.

Shape matches the existing two SubBlocks exactly: heading +
inline-pills grid + small muted caption.

  SKILLS
  [instructions] [tools]
  [network]      [packages]
  bundled per agent or shared

2x2 grid (vs chat-bots' 2x3 platform list and api-readers' 3-col HTTP
/ MCP / SDK pills) so the column stays the same height as the other
two — confirmed at 486px desktop, matching Connectors and Memory.
---
 .../landing/src/components/ArchitectureDiagram.tsx  | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/landing/src/components/ArchitectureDiagram.tsx b/packages/landing/src/components/ArchitectureDiagram.tsx
index 2c2f10efc..6f17367fa 100644
--- a/packages/landing/src/components/ArchitectureDiagram.tsx
+++ b/packages/landing/src/components/ArchitectureDiagram.tsx
@@ -275,6 +275,19 @@ function AgentsColumn() {
           ))}
         

       
+      
+        
    
+          {["instructions", "tools", "network", "packages"].map((label) => (
+            
  • 
+              {label}
+            
    • 
+          ))}
+        

+      
       
         
    
           {["HTTP", "MCP", "SDK"].map((label) => (

From 4308594c1d8b57b0a35ea53c4e414b55704c794e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 21:58:21 +0100
Subject: [PATCH 41/66] =?UTF-8?q?feat(landing):=20re-record=20agent=20cast?=
 =?UTF-8?q?=20=E2=80=94=20full=20end-to-end=20scaffold?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Previous cast stopped at Claude's first interview question (the
SETUP_PROMPT explicitly says 'pause at every decision and ask me' so
Claude did just that). Re-recorded with a directive demo prompt that
asks Claude to make decisions and execute end-to-end:

  - lobu init support-bot
  - Write models/schema.yaml with customer + ticket entities and a
    reactive watcher on ticket.created
  - lobu validate
  - cat the final config

22 real tool calls (Bash, Write, Edit, lobu init, lobu validate).
250s @ 517 frames, 129 KB. PII scrubbed (sed Burak->Dev, burakemre->dev,
cast-claude-dir->demo).
---
 packages/landing/public/casts/claude.cast | 651 +++++++++++++++++-----
 1 file changed, 510 insertions(+), 141 deletions(-)

diff --git a/packages/landing/public/casts/claude.cast b/packages/landing/public/casts/claude.cast
index c7425e92c..3829dacfa 100644
--- a/packages/landing/public/casts/claude.cast
+++ b/packages/landing/public/casts/claude.cast
@@ -1,149 +1,518 @@
-{"version":3,"term":{"cols":100,"rows":28,"type":"tmux-256color","version":"tmux 3.6a"},"timestamp":1779217665,"idle_time_limit":1.5,"command":"env ZDOTDIR=/tmp/cast-claude-zsh zsh -i","env":{"SHELL":"/bin/zsh"}}
-[0.059, "o", "\u001b[H\u001b[J\u001b[3J"]
-[0.002, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                                   \r \r"]
+{"version":3,"term":{"cols":100,"rows":30,"type":"tmux-256color","version":"tmux 3.6a"},"timestamp":1779224009,"idle_time_limit":2.0,"command":"env ZDOTDIR=/tmp/cast-claude-zsh zsh -i","env":{"SHELL":"/bin/zsh"}}
+[0.073, "o", "\u001b[H\u001b[J\u001b[3J"]
+[0.001, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                                   \r \r"]
 [0.000, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J$ \u001b[K\u001b[?2004h"]
-[1.726, "o", "c"]
-[0.000, "o", "\bclaude --eff"]
+[1.887, "o", "c"]
+[0.000, "o", "\bclaude --"]
+[0.000, "o", "e"]
+[0.000, "o", "ffor"]
+[0.000, "o", "t "]
+[0.000, "o", "l"]
 [0.000, "o", "o"]
-[0.000, "o", "r"]
-[0.000, "o", "t low"]
-[0.000, "o", " -"]
-[0.000, "o", "-mode"]
-[0.000, "o", "l "]
-[0.000, "o", "cl"]
-[0.000, "o", "aude-ha"]
+[0.000, "o", "w"]
+[0.000, "o", " --"]
+[0.000, "o", "mod"]
+[0.000, "o", "el"]
+[0.000, "o", " "]
+[0.000, "o", "claude"]
+[0.000, "o", "-ha"]
 [0.000, "o", "i"]
-[0.000, "o", "ku-4-5"]
-[0.000, "o", "\u001b[?2004l"]
-[0.000, "o", "\r\r\n"]
-[0.990, "o", "\u001b7\u001b[r\u001b8\u001b[?25h"]
-[0.092, "o", "\u001b[?25l"]
+[0.000, "o", "k"]
+[0.000, "o", "u"]
+[0.000, "o", "-4-"]
+[0.000, "o", "5 -"]
+[0.000, "o", "-"]
+[0.000, "o", "dan"]
+[0.000, "o", "gero"]
+[0.000, "o", "usly"]
+[0.000, "o", "-"]
+[0.000, "o", "s"]
+[0.000, "o", "kip-p"]
+[0.000, "o", "e"]
+[0.000, "o", "r"]
+[0.000, "o", "mis"]
+[0.000, "o", "s"]
+[0.000, "o", "ion"]
+[0.000, "o", "s"]
+[0.000, "o", "\u001b[?2004l\r\r\n"]
+[0.818, "o", "\u001b7\u001b[r\u001b8\u001b[?25h"]
+[0.068, "o", "\u001b[?25l"]
 [0.000, "o", "\u001b[?2004h\u001b[?1004h\u001b[?2031h\u001b[1u\u001b[>4;2m"]
-[0.001, "o", "\u001b]0;✳ Claude Code\u0007"]
-[0.017, "o", "\u001b[38;5;174m╭───\u001b[1CClaude\u001b[1CCode\u001b[1C\u001b[38;5;246mv2.1.143\u001b[1C\u001b[38;5;174m─────────────────────────────────────────────────────────────────────────╮\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[36C\u001b[2m│\u001b[1C\u001b[22m\u001b[1mTips\u001b[1Cfor\u001b[1Cgetting\u001b[1Cstarted\u001b[36C\u001b[22m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[9C\u001b[39m\u001b[1mWelcome\u001b[1Cback\u001b[1CDev!\u001b[8C\u001b[22m\u001b[2m\u001b[38;5;174m│\u001b[1C\u001b[39m\u001b[22mAsk\u001b[1CClaude\u001b[1Cto\u001b[1Ccreate\u001b[1Ca\u001b[1Cnew\u001b[1Capp\u001b[1Cor\u001b[1Cclone\u001b[1Ca\u001b[1Crepository\u001b[8C\u001b[38;5;174m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[36C\u001b[2m│\u001b[1C\u001b[22m───────────────────────────────────────────────────────────\u001b[1C│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[15C▐\u001b[48;5;16m▛███▜\u001b[49m▌\u001b[14C\u001b[2m│\u001b[1C\u001b[22m\u001b[1mWhat's\u001b[1Cnew\u001b[50C\u001b[22m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[14C▝▜\u001b[48;5;16m█████\u001b[49m▛▘\u001b[13C\u001b[2m│\u001b[1C\u001b[3"]
-[0.000, "o", "9m\u001b[22mAdded\u001b[1Cplugin\u001b[1Cdependency\u001b[1Cenforcement:\u001b[1C`claude\u001b[1Cplugin\u001b[1Cdisabl…\u001b[1C\u001b[38;5;174m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[16C▘▘\u001b[1C▝▝\u001b[15C\u001b[2m│\u001b[1C\u001b[39m\u001b[22mAdded\u001b[1Cprojected\u001b[1Ccontext\u001b[1Ccost\u001b[1C(per-turn\u001b[1Cand\u001b[1Cper-invocation\u001b[1C…\u001b[1C\u001b[38;5;174m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[36C\u001b[2m│\u001b[1C\u001b[39m\u001b[22mAdded\u001b[1C`worktree.bgIsolation:\u001b[1C\"none\"`\u001b[1Csetting\u001b[1Cto\u001b[1Clet\u001b[1Cbackgr…\u001b[1C\u001b[38;5;174m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[3C\u001b[38;5;246mHaiku\u001b[1C4.5\u001b[1C·\u001b[1CClaude\u001b[1CMax\u001b[1C·\u001b[1CDev\u001b[3C\u001b[2m\u001b[38;5;174m│\u001b[1C\u001b[22m\u001b[38;5;246m\u001b[3m/release-notes\u001b[1Cfor\u001b[1Cmore\u001b[37C\u001b[23m\u001b[38;5;174m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[4C\u001b[38;5;246m/private/tmp/my-agent\u001b[4C\u001b[2m\u001b[38;5;174m│\u001b[61C\u001b[22m│\u001b[39m\r\r\n\u001b[38;5;174m╰──────────────────────────────────────────────────────────────────────────────────────────────────╯\u001b"]
-[0.000, "o", "[39m\r\r\n\r\r\n\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\u001b[39m\r\r\n❯ \u001b[7mT\u001b[27m\u001b[2mry\u001b[1C\"fix\u001b[1Clint\u001b[1Cerrors\"\u001b[22m\r\r\n\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\u001b[39m\r\r\n\u001b[2C\u001b[38;5;220m⏵⏵\u001b[1Cauto\u001b[1Cmode\u001b[1Con\u001b[38;5;246m (shift+tab\u001b[1Cto\u001b[1Ccycle)\u001b[52C0\u001b[1Ctokens\u001b[39m\r\r\n\u001b[2C\u001b[3A"]
-[0.058, "o", "\u001b[2D\u001b[3B\r\u001b[2C\u001b[1A                                    \r\r\n\u001b[62C\u001b[38;5;220mauto\u001b[1Cmode\u001b[1Cunavailable\u001b[1Cfor\u001b[1Cthis\u001b[1Cmodel\u001b[39m\r\r\n\u001b[2C\u001b[4A"]
-[0.000, "o", "\u001b[>0q\u001b[c"]
-[0.073, "o", "\u001b[?2026$p\u001b[c"]
-[0.140, "o", "\u001b[2D\u001b[4B\r\u001b[2C\u001b[4A\u001b[7m \u001b[27m\u001b[K\r\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.044, "o", "\u001b[2D\u001b[4B\r\u001b[2C\u001b[2A\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m0\u001b[38;5;246m \u001b[38;5;34m0%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[39m\r\r\n\r\n\u001b[2C\u001b[4A"]
-[3.616, "o", "\u001b[2D\u001b[4B\r\u001b[2C\u001b[4AI\u001b[1Cwant\u001b[1Cto\u001b[1Cbuild\u001b[1Ca\u001b[1CLobu\u001b[1Cagent.\u001b[1CWhat\u001b[1Cis\u001b[1Cthe\u001b[1Cfirst\u001b[1Cthing\u001b[1Cyou\u001b[1Cwould\u001b[1Cask\u001b[1Cme\u001b[1Cbefore\u001b[1Cwe\u001b[1Cscaffold\u001b[1Cthe\r\u001b[1B  project?\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m0\u001b[38;5;246m \u001b[38;5;34m0%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[23C\u001b[39m                            \u001b[38;5;246m0 tokens\u001b[39m\r\r\n\u001b[62C\u001b[38;5;220mauto\u001b[1Cmode\u001b[1Cunavailable\u001b[1Cfor\u001b[1Cthis\u001b[1Cmodel\u001b[39m\r\r\n\u001b[10C\u001b[4A"]
-[1.514, "o", "\u001b]0;⠂ Claude Code\u0007"]
-[0.004, "o", "\u001b[10D\u001b[4B\r\u001b[6A\u001b[48;5;237m\u001b[38;5;239m❯ \u001b[38;5;231mI want to build a Lobu agent. What is the first thing you would ask me before we scaffold the \u001b[39m    \r\u001b[1B  \u001b[38;5;231mproject?\u001b[39m                                                                                          \r\u001b[2C\u001b[1B\u001b[49m\u001b[K\r\u001b[1B\u001b[38;5;174m✳\u001b[39m \u001b[38;5;174mScampering… \u001b[38;5;246m(0s)\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\u001b[39m\r\r\n\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\r\r\n\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────"]
-[0.000, "o", "────────\u001b[39m\r\r\n\u001b[2C\u001b[38;5;39mHaiku\u001b[1C4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m0\u001b[38;5;246m \u001b[38;5;34m0%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[51C\u001b[38;5;246m0\u001b[1Ctokens\u001b[39m\r\r\n\u001b[62C\u001b[38;5;220mauto\u001b[1Cmode\u001b[1Cunavailable\u001b[1Cfor\u001b[1Cthis\u001b[1Cmodel\u001b[39m\r\r\n\u001b[2C\u001b[4A"]
-[0.053, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✢\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.040, "o", "\u001b[2D\u001b[4B\r\u001b[8C\u001b[7A\u001b[38;5;216mrin\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.017, "o", "\u001b[2D\u001b[4B\r\u001b[8C\u001b[7A\u001b[38;5;174mri\u001b[1C\u001b[38;5;216mg…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.056, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m·\u001b[9Cn\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.053, "o", "\u001b[2D\u001b[4B\r\u001b[11C\u001b[7A\u001b[38;5;174mg\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.052, "o", "\u001b[2D\u001b[4B\r\u001b[12C\u001b[7A\u001b[38;5;174m…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.155, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✢\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.000, "o", "\u001b]0;✳ Claude Code\u0007"]
+[0.024, "o", "\u001b[38;5;174m╭───\u001b[1CClaude\u001b[1CCode\u001b[1C\u001b[38;5;246mv2.1.143\u001b[1C\u001b[38;5;174m─────────────────────────────────────────────────────────────────────────╮\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[36C\u001b[2m│\u001b[1C\u001b[22m\u001b[1mTips\u001b[1Cfor\u001b[1Cgetting\u001b[1Cstarted\u001b[36C\u001b[22m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[9C\u001b[39m\u001b[1mWelcome\u001b[1Cback\u001b[1CDev!\u001b[8C\u001b[22m\u001b[2m\u001b[38;5;174m│\u001b[1C\u001b[39m\u001b[22mAsk\u001b[1CClaude\u001b[1Cto\u001b[1Ccreate\u001b[1Ca\u001b[1Cnew\u001b[1Capp\u001b[1Cor\u001b[1Cclone\u001b[1Ca\u001b[1Crepository\u001b[8C\u001b[38;5;174m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[36C\u001b[2m│\u001b[1C\u001b[22m───────────────────────────────────────────────────────────\u001b[1C│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[15C▐\u001b[48;5;16m▛███▜\u001b[49m▌\u001b[14C\u001b[2m│\u001b[1C\u001b[22m\u001b[1mWhat's\u001b[1Cnew\u001b[50C\u001b[22m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[14C▝▜\u001b[48;5;16m█████\u001b[49m▛▘\u001b[13C\u001b[2m│\u001b[1C\u001b[3"]
+[0.000, "o", "9m\u001b[22mAdded\u001b[1Cplugin\u001b[1Cdependency\u001b[1Cenforcement:\u001b[1C`claude\u001b[1Cplugin\u001b[1Cdisabl…\u001b[1C\u001b[38;5;174m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[16C▘▘\u001b[1C▝▝\u001b[15C\u001b[2m│\u001b[1C\u001b[39m\u001b[22mAdded\u001b[1Cprojected\u001b[1Ccontext\u001b[1Ccost\u001b[1C(per-turn\u001b[1Cand\u001b[1Cper-invocation\u001b[1C…\u001b[1C\u001b[38;5;174m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[36C\u001b[2m│\u001b[1C\u001b[39m\u001b[22mAdded\u001b[1C`worktree.bgIsolation:\u001b[1C\"none\"`\u001b[1Csetting\u001b[1Cto\u001b[1Clet\u001b[1Cbackgr…\u001b[1C\u001b[38;5;174m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[3C\u001b[38;5;246mHaiku\u001b[1C4.5\u001b[1C·\u001b[1CClaude\u001b[1CMax\u001b[1C·\u001b[1CDev\u001b[3C\u001b[2m\u001b[38;5;174m│\u001b[1C\u001b[22m\u001b[38;5;246m\u001b[3m/release-notes\u001b[1Cfor\u001b[1Cmore\u001b[37C\u001b[23m\u001b[38;5;174m│\u001b[39m\r\r\n\u001b[38;5;174m│\u001b[4C\u001b[38;5;246m/private/tmp/demo\u001b[4C\u001b[2m\u001b[38;5;174m│\u001b[61C\u001b[22m│\u001b[39m\r\r\n\u001b[38;5;174m╰──────────────────────────────────────────────────────────────────────────────────────────────────╯\u001b"]
+[0.000, "o", "[39m\r\r\n\r\r\n\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\u001b[39m\r\r\n❯ \u001b[7mT\u001b[27m\u001b[2mry\u001b[1C\"how\u001b[1Cdoes\u001b[1C\u001b[1Cwork?\"\u001b[22m\r\r\n\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\u001b[39m\r\r\n\u001b[2C\u001b[38;5;211m⏵⏵\u001b[1Cbypass\u001b[1Cpermissions\u001b[1Con\u001b[38;5;246m (shift+tab\u001b[1Cto\u001b[1Ccycle)\u001b[43C0\u001b[1Ctokens\u001b[39m\r\r\n\u001b[2C\u001b[3A"]
+[0.052, "o", "\u001b[2D\u001b[3B\u001b[64C\u001b[38;5;246mClaude\u001b[1Cin\u001b[1CChrome\u001b[1Cenabled\u001b[1C·\u001b[1C/chrome\u001b[39m\r\r\n\u001b[2C\u001b[4A"]
+[0.000, "o", "\u001b[>0q"]
+[0.000, "o", "\u001b[c"]
+[0.164, "o", "\u001b[?2026$p\u001b[c"]
+[0.080, "o", "\u001b[2D\u001b[4B\r\u001b[2C\u001b[4A\u001b[7m \u001b[27m\u001b[K\r\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.051, "o", "\u001b[2D\u001b[4B\r\u001b[2C\u001b[2A\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m0\u001b[38;5;246m \u001b[38;5;34m0%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mdemo\u001b[39m        \r\u001b[2C\u001b[1B\u001b[38;5;211m⏵⏵ bypass permissions on\u001b[38;5;246m (shift+tab to cycle)\u001b[39m\r\r\n\u001b[2C\u001b[4A"]
+[3.777, "o", "\u001b[2D\u001b[4B\r\u001b[2C\u001b[4ABuild\u001b[1Cme\u001b[1Ca\u001b[1Cworking\u001b[1CLobu\u001b[1Csupport-triage\u001b[1Cagent.\u001b[1CMake\u001b[1Cthese\u001b[1Cdecisions\u001b[1Cyourself,\u001b[1Cno\u001b[1Cquestions:\r\u001b[1B  HTTP-only agent. Entities: customer (email), ticket (title, severity, customer_email). One\u001b[K\r\u001b[2C\u001b[1Breactive watcher on ticket.created that\u001b[1Cextracts\u001b[1Cseverity.\u001b[1CSteps:\u001b[1C1)\u001b[1Clobu\u001b[1Cinit\u001b[1Csupport-bot -y\u001b[K\r\u001b[2C\u001b[1B--no-sentry --no-slack-preview 2) Write support-bot/models/schema.yaml with the entities and\u001b[K\r\r\n\u001b[2Cwatcher\u001b[1C3)\u001b[1Clobu\u001b[1Cvalidate\u001b[1C4)\u001b[1Ccat\u001b[1Cthe\u001b[1Cfinal\u001b[1Clobu.toml\u001b[1Cand\u001b[1Cschema.yaml\u001b[7m \u001b[27m\r\r\n\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\u001b[39m\r\r\n\u001b[2C\u001b[38;5;39mHaiku\u001b[1C4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m0\u001b[38;5;246m \u001b[38;5;34m0%\u001b[3"]
+[0.000, "o", "8;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mdemo\u001b[51C\u001b[38;5;246m0\u001b[1Ctokens\u001b[39m\r\r\n\u001b[2C\u001b[38;5;211m⏵⏵\u001b[1Cbypass\u001b[1Cpermissions\u001b[1Con\u001b[38;5;246m (shift+tab\u001b[1Cto\u001b[1Ccycle)\u001b[17CClaude\u001b[1Cin\u001b[1CChrome\u001b[1Cenabled\u001b[1C·\u001b[1C/chrome\u001b[39m\r\r\n\u001b[69C\u001b[4A"]
+[1.527, "o", "\u001b]0;⠂ Claude Code\u0007"]
+[0.004, "o", "\u001b[69D\u001b[4B\r\u001b[9A\u001b[48;5;237m\u001b[38;5;239m❯ \u001b[38;5;231mBuild me a working Lobu support-triage agent. Make these decisions yourself, no questions: \u001b[39m       \r\u001b[1B  \u001b[38;5;231mHTTP-only agent. Entities: customer (email), ticket (title, severity, customer_email). One \u001b[39m       \r\u001b[1B  \u001b[38;5;231mreactive watcher on ticket.created that extracts severity. Steps: 1) lobu init support-bot -y \u001b[39m    \r\u001b[1B  \u001b[38;5;231m--no-sentry --no-slack-preview 2) Write support-bot/models/schema.yaml with the entities and \u001b[39m     \r\u001b[1B  \u001b[38;5;231mwatcher 3) lobu validate 4) cat the final lobu.toml and schema.yaml\u001b[39m                               \r\u001b[2C\u001b[1B\u001b[49m\u001b[K\r\u001b[1B\u001b[38;5;174m·\u001b[39m \u001b[38;5;174mFluttering… \u001b[38;5;246m(0s)\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;244m─────────────────────────────────────────────────────────────────────────────────────────"]
+[0.000, "o", "───────────\u001b[39m\r\r\n\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\r\r\n\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\u001b[39m\r\r\n\u001b[2C\u001b[38;5;39mHaiku\u001b[1C4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m0\u001b[38;5;246m \u001b[38;5;34m0%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mdemo\u001b[51C\u001b[38;5;246m0\u001b[1Ctokens\u001b[39m\r\r\n\u001b[2C\u001b[38;5;211m⏵⏵\u001b[1Cbypass\u001b[1Cpermissions\u001b[1Con\u001b[38;5;246m (shift+tab\u001b[1Cto\u001b[1Ccycle)\u001b[17CClaude\u001b[1Cin\u001b[1CChrome\u001b[1Cenabled\u001b[1C·\u001b[1C/chrome\u001b[39m\r\r\n\u001b[2C\u001b[4A"]
+[0.210, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✢\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
 [0.106, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✳\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
 [0.106, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✶\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.155, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.131, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✽\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.034, "o", "\u001b]0;⠐ Claude Code\u0007"]
-[0.161, "o", "\u001b]0;⠐ Build a Lobu agent project setup\u0007"]
-[0.002, "o", "\u001b[2D\u001b[4B\r\u001b[15C\u001b[7A\u001b[38;5;246m1\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.022, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.050, "o", "\u001b[2D\u001b[4B\r\u001b[2C\u001b[7A\u001b[38;5;216mS\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.060, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✶\u001b[2C\u001b[38;5;216mc\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.062, "o", "\u001b[2D\u001b[4B\r\u001b[2C\u001b[7A\u001b[38;5;174mS\u001b[1C\u001b[38;5;216mam\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.051, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✳\u001b[2Cc\u001b[2C\u001b[38;5;216mp\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.049, "o", "\u001b[2D\u001b[4B\r\u001b[4C\u001b[7A\u001b[38;5;174ma\u001b[2C\u001b[38;5;216me\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.059, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✢\u001b[4Cm\u001b[2C\u001b[38;5;216mr\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.057, "o", "\u001b[2D\u001b[4B\r\u001b[6C\u001b[7A\u001b[38;5;174mp\u001b[2C\u001b[38;5;216mi\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.053, "o", "\u001b[2D\u001b[4B\r\u001b[7C\u001b[7A\u001b[38;5;174me\u001b[2C\u001b[38;5;216mn\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.107, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.159, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✽\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.227, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.043, "o", "\u001b]0;⠐ Claude Code\u0007"]
+[0.009, "o", "\u001b[2D\u001b[4B\r\u001b[2C\u001b[7A\u001b[38;5;216mF\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.054, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✶\u001b[2C\u001b[38;5;216ml\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.039, "o", "\u001b]0;⠐ Build Lobu support triage agent\u0007"]
+[0.001, "o", "\u001b[2D\u001b[4B\r\u001b[15C\u001b[7A\u001b[38;5;246m1\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.015, "o", "\u001b[2D\u001b[4B\r\u001b[4C\u001b[7A\u001b[38;5;216mu\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.053, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✳\u001b[1CF\u001b[2C\u001b[38;5;216mt\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.054, "o", "\u001b[2D\u001b[4B\r\u001b[3C\u001b[7A\u001b[38;5;174ml\u001b[2C\u001b[38;5;216mt\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.054, "o", "\u001b[2D\u001b[4B\r\u001b[4C\u001b[7A\u001b[38;5;174mut\u001b[1C\u001b[38;5;216mer\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.050, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✢\u001b[5Ct\u001b[2C\u001b[38;5;216mi\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
+[0.054, "o", "\u001b[2D\u001b[4B\r\u001b[7C\u001b[7A\u001b[38;5;174me\u001b[2C\u001b[38;5;216mn\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
 [0.053, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m·\u001b[7Cr\u001b[2C\u001b[38;5;216mg\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.052, "o", "\u001b[2D\u001b[4B\r\u001b[9C\u001b[7A\u001b[38;5;174mi\u001b[2C\u001b[38;5;216m…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.055, "o", "\u001b[2D\u001b[4B\r\u001b[10C\u001b[7A\u001b[38;5;174mn\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.050, "o", "\u001b[2D\u001b[4B\r\u001b[11C\u001b[7A\u001b[38;5;174mg\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.053, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✢\u001b[11C…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.071, "o", "\u001b]0;⠂ Build a Lobu agent project setup\u0007"]
-[0.036, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✳\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.156, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✶\u001b[14C\u001b[38;5;246m2\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.109, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.106, "o", "\u001b[2D\u001b[4B\r\u001b[7A\u001b[38;5;174m✽\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[4A"]
-[0.259, "o", "\u001b[2D\u001b[4B\r\u001b[90C\u001b[2A\u001b[K\r\u001b[62C\u001b[1B                            \u001b[38;5;246m0 tokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[5A"]
-[0.016, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.090, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✶\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.055, "o", "\u001b[2D\u001b[5B\r\u001b[2C\u001b[8A\u001b[38;5;216mS\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.050, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✳\u001b[2C\u001b[38;5;216mc\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.054, "o", "\u001b[2D\u001b[5B\r\u001b[4C\u001b[8A\u001b[38;5;216ma\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.030, "o", "\u001b]0;⠐ Build a Lobu agent project setup\u0007"]
-[0.023, "o", "\u001b[2D\u001b[5B\r\u001b[2C\u001b[8A\u001b[38;5;174mS\u001b[2C\u001b[38;5;216mm\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.060, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✢\u001b[2Cca\u001b[1C\u001b[38;5;216mpe\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.054, "o", "\u001b[2D\u001b[5B\r\u001b[5C\u001b[8A\u001b[38;5;174mm\u001b[2C\u001b[38;5;216mr\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.055, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m·\u001b[5Cp\u001b[2C\u001b[38;5;216mi\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.052, "o", "\u001b[2D\u001b[5B\r\u001b[7C\u001b[8A\u001b[38;5;174me\u001b[2C\u001b[38;5;216mn\u001b[4C\u001b[38;5;246m3\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.054, "o", "\u001b[2D\u001b[5B\r\u001b[8C\u001b[8A\u001b[38;5;174mr\u001b[2C\u001b[38;5;216mg\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.051, "o", "\u001b[2D\u001b[5B\r\u001b[9C\u001b[8A\u001b[38;5;174mi\u001b[2C\u001b[38;5;216m…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.054, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✢\u001b[9Cn\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.054, "o", "\u001b[2D\u001b[5B\r\u001b[11C\u001b[8A\u001b[38;5;174mg\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.053, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✳\u001b[11C…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.160, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✶\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.104, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.106, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✽\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.082, "o", "\u001b]0;⠂ Build a Lobu agent project setup\u0007"]
-[0.187, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.052, "o", "\u001b[2D\u001b[5B\r\u001b[15C\u001b[8A\u001b[38;5;246m4\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.053, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✶\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.106, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✳\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.055, "o", "\u001b[2D\u001b[5B\r\u001b[2C\u001b[8A\u001b[38;5;216mS\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.052, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✢\u001b[2C\u001b[38;5;216mc\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.051, "o", "\u001b[2D\u001b[5B\r\u001b[4C\u001b[8A\u001b[38;5;216ma\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.061, "o", "\u001b[2D\u001b[5B\r\u001b[2C\u001b[8A\u001b[38;5;174mSc\u001b[1C\u001b[38;5;216mmp\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.052, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m·\u001b[3Ca\u001b[2C\u001b[38;5;216me\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.050, "o", "\u001b[2D\u001b[5B\r\u001b[5C\u001b[8A\u001b[38;5;174mm\u001b[2C\u001b[38;5;216mr\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.051, "o", "\u001b[2D\u001b[5B\r\u001b[6C\u001b[8A\u001b[38;5;174mp\u001b[2C\u001b[38;5;216mi\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.054, "o", "\u001b[2D\u001b[5B\r\u001b[7C\u001b[8A\u001b[38;5;174me\u001b[2C\u001b[38;5;216mn\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.051, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✢\u001b[7Cr\u001b[2C\u001b[38;5;216mg\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.053, "o", "\u001b[2D\u001b[5B\r\u001b[9C\u001b[8A\u001b[38;5;174mi\u001b[2C\u001b[38;5;216m…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.033, "o", "\u001b]0;⠐ Build a Lobu agent project setup\u0007"]
-[0.019, "o", "\u001b[2D\u001b[5B\r\u001b[10C\u001b[8A\u001b[38;5;174mn\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.058, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✳\u001b[10Cg\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.054, "o", "\u001b[2D\u001b[5B\r\u001b[12C\u001b[8A\u001b[38;5;174m…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.050, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✶\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.107, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✻\u001b[14C\u001b[38;5;246m5\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.107, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;174m✽\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[5A"]
-[0.141, "o", "\u001b[2D\u001b[5B\r\u001b[8A\u001b[38;5;231m⏺\u001b[1C\u001b[39mBefore scaffolding\u001b[1Ca\u001b[1CLobu\u001b[1Cagent,\u001b[1CI'd\u001b[1Cask:\r\u001b[86C\u001b[6B\u001b[38;5;246m5683\u001b[39m\r\r\n\r\n\u001b[2C\u001b[5A"]
-[0.135, "o", "\u001b[2D\u001b[5B\r\u001b[6A  \u001b[1mWhat problem is this agent solving, and what's the primary workflow you want it to handle?\u001b[22m\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m0\u001b[38;5;246m \u001b[38;5;34m0%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[5A"]
-[0.276, "o", "\u001b[2D\u001b[5B\r\u001b[17C\u001b[3A\u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mcast-clau\u001b[1Ce-dir\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[17C\u001b[22m\u001b[39m\u001b[K\r\u001b[33C\u001b[1B                                                     \u001b[38;5;246m56830 tokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
-[0.014, "o", "\u001b]0;⠂ Build a Lobu agent project setup\u0007"]
-[0.093, "o", "\u001b[2D\u001b[6B\r\u001b[7A  This answer shapes everything else:\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
-[0.148, "o", "\u001b[2D\u001b[6B\r\u001b[7A  - \u001b[1mSimple task automation\u001b[22m (e.g., \"summarize my emails\") → minimal skills, straightforward prompt\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r"]
-[0.000, "o", "\r\n\u001b[2C\u001b[6A"]
-[0.374, "o", "\u001b[2D\u001b[6B\r\u001b[2C\u001b[8A-\u001b[1C\u001b[1mMulti-step workflow\u001b[1C\u001b[22m(e.g.,\u001b[1C\"research\u001b[1Ctopic,\u001b[1Cwrite\u001b[1Carticle,\u001b[1Cpublish\u001b[1Cit\")\u001b[1C→\u001b[1Crequires\u001b[1Cchaining\r\u001b[1B  skills, memory, possibly external integrations\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b["]
-[0.000, "o", "1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
-[0.199, "o", "\u001b[2D\u001b[6B\r\u001b[2C\u001b[8A-\u001b[1C\u001b[1mSpecialized domain\u001b[1C\u001b[22m(e.g.,\u001b[1C\"customer\u001b[1Csupport\u001b[1Cagent\")\u001b[1C→\u001b[1Cneeds\u001b[1Cspecific\u001b[1Cknowledge,\u001b[1Cspecialized\r\u001b[1B  tools, possibly fine-tuned prompts\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1C"]
-[0.000, "o", "your\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
-[0.146, "o", "\u001b]0;⠐ Build a Lobu agent project setup\u0007"]
-[0.065, "o", "\u001b[2D\u001b[6B\r\u001b[2C\u001b[14A-\u001b[1C\u001b[1mSimple task automation\u001b[1C\u001b[22m(e.g.,\u001b[1C\"summarize\u001b[1Cmy\u001b[1Cemails\")\u001b[1C→\u001b[1Cminimal\u001b[1Cskills,\u001b[1Cstraightforward\u001b[1Cprompt\r\u001b[4C\u001b[1B\u001b[1mMulti-s\u001b[1Cep workflow\u001b[22m (e.g., \"research topic,\u001b[1Cwrite article, publish it\") → requires chaining\u001b[K\r\u001b[2C\u001b[1Bskills, memory, possibly external integrat\u001b[1Cons\u001b[K\r\u001b[2C\u001b[1B- \u001b[1mSpecialized domain\u001b[22m (e.g., \"customer support agent\")\u001b[1C→\u001b[1Cneeds\u001b[1Cspecific\u001b[1Cknowledge,\u001b[1Cspecialized\r\u001b[2C\u001b[1Btools, possibly fine-tuned promp\u001b[1Cs\u001b[K\r\u001b[2C\u001b[1B- \u001b[1mUser-facing vs. internal\u001b[1C\u001b[22m→ affects\u001b[1Chow\u001b[1Cyou\u001b[1Cstructure\u001b[1Cthe\u001b[1Cagent's\u001b[1Cinteractions\u001b[1Cand\u001b[1Cwhat\r\u001b[2C\u001b[1Bconnections\u001b[1Cyou\u001b[1Cneed\r\u001b[1B\u001b[K\r\u001b[1B  Once\u001b[1CI\u001b[1Cunderstand\u001b[1Cthe\u001b[1Ccore\u001b[1Cpurpose,\u001b[1CI\u001b[1Ccan\u001b[1Chelp\u001b[1Cyou\u001b[1Cdecide:\r\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;244m───────────────────────────────────────────────────────────────────────"]
-[0.000, "o", "─────────────────────────────\r\u001b[1B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[39m\u001b[K\r\r\n\u001b[2C\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets\u001b[1C11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets\u001b[1Cmay\u001b[1C20,\u001b[1C8:00a.m.\u001b[22m\u001b[39m\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
-[0.212, "o", "\u001b[2D\u001b[6B\r\u001b[7A  - Whether you need custom local skills or can rely on existing ones\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
-[0.210, "o", "\u001b[2D\u001b[6B\r\u001b[2C\u001b[8A-\u001b[1CWhat\u001b[1Cconnections/providers\u001b[1Cto\u001b[1Cset\u001b[1Cup\r\u001b[1B  - How to structure the \u001b[38;5;153mlobu.toml\u001b[39m and prompt files\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C"]
-[0.000, "o", "(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
-[0.217, "o", "\u001b[2D\u001b[6B\r\u001b[2C\u001b[8A-\u001b[1CIf\u001b[1Cmemory\u001b[1Cworkflows\u001b[1Cor\u001b[1Cevaluations\u001b[1Care\u001b[1Cnecessary\r\u001b[1B  - The right model and deployment approach\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europ"]
-[0.000, "o", "e/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
-[0.053, "o", "\u001b[2D\u001b[6B\r\u001b[2C\u001b[14A-\u001b[1CWhether\u001b[1Cyou\u001b[1Cneed\u001b[1Ccustom\u001b[1Clocal\u001b[1Cskills\u001b[1Cor\u001b[1Ccan\u001b[1Crely\u001b[1Con\u001b[1Cexisting\u001b[1Cones\r\u001b[6C\u001b[1Ba\u001b[1C connections/providers to\u001b[2Cet up\u001b[1C\u001b[K\r\u001b[4C\u001b[1BHow to structure the \u001b[38;5;153mlobu.toml\u001b[39m and \u001b[1Crompt\u001b[1Cfiles\r\u001b[4C\u001b[1BIf memory workflows or evaluatio\u001b[1Cs\u001b[1Ca\u001b[1Ce necessary\r\u001b[4C\u001b[1BThe right\u001b[1Cm\u001b[1Cdel and\u001b[1Cdeploymen\u001b[1C approach\u001b[K\r\u001b[2C\u001b[1B\u001b[K\r\u001b[2C\u001b[1BWhat\u001b[1Care\u001b[1Cyou\u001b[1Cbuilding\u001b[1Cthe\u001b[1Cagent\u001b[1Cfor?\r\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;174m·\u001b[39m \u001b[38;5;174mMetamorphosing… \u001b[38;5;246m(7s · ↓\u001b[1C672 tokens)\r\u001b[1B\u001b[39m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[1B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────"]
-[0.000, "o", "────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mmy-agent\u001b[39m\u001b[K\r\r\n\u001b[2C\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;34m33%\u001b[38;5;246m \u001b[2mresets\u001b[1C11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;220m85%\u001b[38;5;246m \u001b[2mresets\u001b[1Cmay\u001b[1C20,\u001b[1C8:00a.m.\u001b[22m\u001b[39m\r\r\n\u001b[86C\u001b[38;5;246m56830\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C85%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
-[0.016, "o", "\u001b[2D\u001b[6B\r\u001b[2C\u001b[9A\u001b[38;5;180mMetamorphosing…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[6A"]
-[0.021, "o", "\u001b[2D\u001b[6B\r\u001b[19C\u001b[9A\u001b[38;5;246mrunning stop hook · 7s · ↓\u001b[1C672 tokens)\r\u001b[87C\u001b[7B7382\u001b[39m\r\r\n\r\n\u001b[2C\u001b[6A"]
-[0.102, "o", "\u001b[2D\u001b[6B\r\u001b[9A\u001b[38;5;174m✢\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[6A"]
-[0.065, "o", "\u001b]0;⠂ Build a Lobu agent project setup\u0007"]
-[0.040, "o", "\u001b[2D\u001b[6B\r\u001b[9A\u001b[38;5;174m✳\u001b[1CMetamorphosing…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[6A"]
-[0.104, "o", "\u001b[2D\u001b[6B\r\u001b[9A\u001b[38;5;174m✶\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[6A"]
-[0.035, "o", "\u001b]0;✳ Build a Lobu agent project setup\u0007"]
-[0.001, "o", "\u001b[2D\u001b[6B\r\u001b[9A\u001b[38;5;246m✻\u001b[1CBaked for 7s\u001b[39m\u001b[K\r\u001b[3B❯ \r\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[6A"]
-[2.729, "o", "\u001b[2D\u001b[6B\r\u001b[33C\u001b[1A                                   \u001b[38;5;220m1\u001b[1CMCP \u001b[2Crver needs auth\u001b[38;5;246m · /mcp\u001b[39m\r\r\n\u001b[2C\u001b[6A"]
-[7.402, "o", "\u001b[1u\u001b[>4;2m"]
-[0.007, "o", "\u001b[?1006l\u001b[?1003l\u001b[?1002l\u001b[?1000l"]
-[0.001, "o", "\u001b[2D\u001b[6B"]
-[0.000, "o", "\u001b[>4m\u001b[/dev/null\u001b[1C||\u001b[1Cecho\u001b[1C\"models\u001b[1Cdirectory\r\u001b[3C\u001b[1Bdoesn't\u001b[1Cexist\u001b[1Cyet\")\r\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;179m✢\u001b[39m \u001b[38;5;179mFluttering… \u001b[38;5;246m(11s · ↓\u001b[1C517 tokens · \u001b[38;5;181mstill thinking\u001b[38;5;246m)\r\u001b[1B\u001b[39m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[1B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[3"]
+[0.000, "o", "8;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mdemo\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[2C\u001b[38;5;211m⏵⏵\u001b[1Cbypass\u001b[1Cpermissions\u001b[1Con\u001b[38;5;246m (shift+tab\u001b[1Cto\u001b[1Ccycle)\u001b[39m\r\r\n\u001b[86C\u001b[38;5;246m57929\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C90%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.047, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m·\u001b[23C\u001b[38;5;246m29\u001b[10C\u001b[38;5;187mstill thinking\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.040, "o", "\u001b[2D\u001b[7B\r\u001b[13A\u001b[38;5;114m⏺\r\u001b[2B\u001b[38;5;246m  ⎿  \u001b[39mmodels\u001b[1Cdirectory\u001b[1Cdoesn't\u001b[1Cexist\u001b[1Cyet\r\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;179m·\u001b[1CFluttering… \u001b[38;5;246m(11s · ↓\u001b[1C542 tokens · \u001b[38;5;187mstill thinking\u001b[38;5;246m)\r\u001b[1B\u001b[39m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[1B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[1C\u001b[38;5;246m\u001b[2m|\u001b[22m \u001b[38;5;216m57k\u001b[38;5;246m \u001b[38;5;34"]
+[0.000, "o", "m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mdemo\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\r\u001b[2C\u001b[1B\u001b[22m\u001b[38;5;211m⏵⏵ bypass permissions on\u001b[38;5;246m (shift+tab to cycle)\u001b[39C\u001b[39m\u001b[K\r\u001b[33C\u001b[1B                                                     \u001b[38;5;246m58029 tokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C90%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.016, "o", "\u001b[2D\u001b[7B\r\u001b[21C\u001b[10A\u001b[38;5;246m↑\u001b[2C67\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.026, "o", "\u001b]0;⠂ Build Lobu support triage agent\u0007"]
+[0.021, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m79\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m92\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m7\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.067, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m✢\u001b[22C\u001b[38;5;246m602\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.052, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m7\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.051, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m✳\u001b[23C\u001b[38;5;246m10\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.051, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m3\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.018, "o", "\u001b[2D\u001b[7B\r\u001b[18C\u001b[5A\u001b[38;5;216m8\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.037, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m✶\u001b[24C\u001b[38;5;246m4\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.053, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m5\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.053, "o", "\u001b[2D\u001b[7B\r\u001b[16C\u001b[10A\u001b[38;5;246m2\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m✻\u001b[24C\u001b[38;5;246m6\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.049, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m7\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m✽\u001b[24C\u001b[38;5;246m8\u001b[10C\u001b[38;5;181mstill thinking\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.107, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m9\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.053, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m20\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m✻\u001b[24C\u001b[38;5;246m1\u001b[10C\u001b[38;5;180mstill thinking\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.080, "o", "\u001b]0;⠐ Build Lobu support triage agent\u0007"]
+[0.025, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m2\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m✶\u001b[24C\u001b[38;5;246m3\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.051, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m4\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.053, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m✳\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m5\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.050, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m✢\u001b[24C\u001b[38;5;246m6\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m7\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.035, "o", "\u001b[2D\u001b[7B\r\u001b[21C\u001b[10A\u001b[38;5;246m↓\u001b[2C39\r\u001b[89C\u001b[8B88\u001b[39m\r\r\n\r\n\u001b[2C\u001b[7A"]
+[0.020, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m52\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.001, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m·\u001b[23C\u001b[38;5;246m64\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.055, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m77\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.051, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m89\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.042, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;246m⏺\u001b[1C\u001b[39m\u001b[1mBash\u001b[22m(mkdir -p /private/tmp/demo/support-bot/models)\r\u001b[1B\u001b[38;5;246m  ⎿  Waiting…\r\u001b[1B\u001b[39m\u001b[K\r\u001b[1B\u001b[38;5;179m·\u001b[39m \u001b[38;5;179mFluttering… \u001b[38;5;246m(12s · ↓\u001b[1C702 tokens · \u001b[38;5;180mstill thinking\u001b[38;5;246m)\r\u001b[1B\u001b[39m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[1B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38"]
+[0.000, "o", ";5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m58k\u001b[38;5;246m \u001b[38;5;34m28%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mdemo\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[2C\u001b[38;5;211m⏵⏵\u001b[1Cbypass\u001b[1Cpermissions\u001b[1Con\u001b[38;5;246m (shift+tab\u001b[1Cto\u001b[1Ccycle)\u001b[39m\r\r\n\u001b[86C\u001b[38;5;246m58088\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C90%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.016, "o", "\u001b[2D\u001b[7B\r\u001b[16C\u001b[10A\u001b[38;5;246m3\u001b[8C9\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.020, "o", "\u001b[2D\u001b[7B\r\u001b[13A\u001b[38;5;246m \r\u001b[5C\u001b[1BRunn\r\u001b[24C\u001b[2B21\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.025, "o", "\u001b[2D\u001b[7B\r\u001b[13A\u001b[38;5;114m⏺\r\u001b[5C\u001b[1B\u001b[38;5;246mDo\u001b[1Ce\u001b[39m\u001b[K\r\u001b[21C\u001b[2B\u001b[38;5;246m↑\u001b[3C7\r\u001b[88C\u001b[8B1\u001b[1C5\u001b[39m\r\r\n\r\n\u001b[2C\u001b[7A"]
+[0.021, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m32\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.052, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m✢\u001b[24C\u001b[38;5;246m7\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.051, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m40\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.050, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m✳\u001b[24C\u001b[38;5;246m3\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.055, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m4\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.067, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m✶\u001b[24C\u001b[38;5;246m5\u001b[10C\u001b[38;5;186mstill thinking\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.050, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m6\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.010, "o", "\u001b]0;⠂ Build Lobu support triage agent\u0007"]
+[0.043, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.016, "o", "\u001b[2D\u001b[7B\r\u001b[22C\u001b[5A\u001b[38;5;34m9\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.030, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m7\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.017, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m8\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.039, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m9\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;179m✽\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.051, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m✽\u001b[1CFluttering… \u001b[10C\u001b[38;5;246m50\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m1\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m2\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.050, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.053, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m3\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m✶\u001b[24C\u001b[38;5;246m4\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.053, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m5\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.055, "o", "\u001b[2D\u001b[7B\r\u001b[16C\u001b[10A\u001b[38;5;246m4\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.053, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m✳\u001b[24C\u001b[38;5;246m6\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.055, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m7\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.051, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m✢\u001b[24C\u001b[38;5;246m8\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.107, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m·\u001b[24C\u001b[38;5;246m9\u001b[10C\u001b[38;5;180mstill thinking\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.053, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m60\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.018, "o", "\u001b]0;⠐ Build Lobu support triage agent\u0007"]
+[0.155, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m✢\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.164, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m✳\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.105, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m✶\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.105, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.106, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✽\u001b[15C\u001b[22m\u001b[38;5;246m5\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.163, "o", "\u001b[2D\u001b[7B\r\u001b[36C\u001b[10A\u001b[38;5;186mstill thinking\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.107, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.055, "o", "\u001b]0;⠂ Build Lobu support triage agent\u0007"]
+[0.051, "o", "\u001b[2D\u001b[7B\r\u001b[21C\u001b[10A\u001b[38;5;246m↓\u001b[2C73\r\u001b[88C\u001b[8B234\u001b[39m\r\r\n\r\n\u001b[2C\u001b[7A"]
+[0.017, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✶\u001b[23C\u001b[22m\u001b[38;5;246m85\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.037, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m98\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.050, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✳\u001b[22C\u001b[22m\u001b[38;5;246m810\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.016, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m23\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.035, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m35\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m48\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.055, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✢\u001b[23C\u001b[22m\u001b[38;5;246m60\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m73\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.016, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m85\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.039, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m·\u001b[23C\u001b[22m\u001b[38;5;246m98\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.056, "o", "\u001b[2D\u001b[7B\r\u001b[23C\u001b[10A\u001b[38;5;246m910\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.053, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m23\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.048, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m35\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.017, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m48\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.039, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✢\u001b[23C\u001b[22m\u001b[38;5;246m60\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[16C\u001b[10A\u001b[38;5;246m6\u001b[7C73\u001b[10C\u001b[38;5;185mstill thinking\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.056, "o", "\u001b[2D\u001b[7B\r\u001b[24C\u001b[10A\u001b[38;5;246m85\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.051, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✳\u001b[23C\u001b[22m\u001b[38;5;246m98\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.053, "o", "\u001b[2D\u001b[7B\r\u001b[23C\u001b[10A\u001b[38;5;246m1.0k tokens · \u001b[38;5;185msti\u001b[1Cl thinking\u001b[38;5;246m)\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.057, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✶\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.052, "o", "\u001b]0;⠐ Build Lobu support triage agent\u0007"]
+[0.052, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.103, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✽\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.106, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m1\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.158, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.110, "o", "\u001b[2D\u001b[7B\r\u001b[11A\u001b[38;5;246m  ⎿  \u001b[38;5;211mError: InputValidationError: Write failed due to the following issue:\r\u001b[1B\u001b[39m \u001b[1C   \u001b[38;5;211mAn unexpected parameter `description` was provided\r\u001b[2B\u001b[38;5;215m\u001b[1m✻\u001b[22m\u001b[39m \u001b[38;5;215mFluttering… \u001b[38;5;246m(16s · ↓\u001b[39m \u001b[38;5;246m1.1k tokens · \u001b[38;5;185mstill thinking\u001b[38;5;246m)\u001b[39m\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m58k\u001b[38;5;246m \u001b[38;5;34m29%\u001b[38;5;246m \u001b[2m|\u001b[1C\u001b[22m\u001b[38;5;177mdemo\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b"]
+[0.000, "o", "[38;5;210m90%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[17C\u001b[22m\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;211m⏵⏵ bypass permissions on\u001b[38;5;246m (shift+tab to cycle)\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m58234\u001b[1Ctokens\u001b[39m\r\r\n\u001b[33C\u001b[38;5;220mYou've\u001b[1Cused\u001b[1C90%\u001b[1Cof\u001b[1Cyour\u001b[1Cweekly\u001b[1Climit\u001b[1C·\u001b[1Cresets\u001b[1C8am\u001b[1C(Europe/London)\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.015, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✶\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.087, "o", "\u001b[2D\u001b[7B\r\u001b[21C\u001b[10A\u001b[38;5;246m↑\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.020, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✳\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.057, "o", "\u001b[2D\u001b[7B\r\u001b[16C\u001b[10A\u001b[38;5;246m7\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.060, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.115, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m·\u001b[36C\u001b[22m\u001b[38;5;221mstill thinking\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.078, "o", "\u001b]0;⠂ Build Lobu support triage agent\u0007"]
+[0.152, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.154, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✳\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.106, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;215m\u001b[1m✶\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.053, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;214m\u001b[1m✶\u001b[1C\u001b[22mFluttering… \u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.053, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;214m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.157, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;214m\u001b[1m✽\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.104, "o", "\u001b[2D\u001b[7B\r\u001b[16C\u001b[10A\u001b[38;5;246m8\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.052, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✽\u001b[1C\u001b[22mFluttering… \u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.052, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.077, "o", "\u001b]0;⠐ Build Lobu support triage agent\u0007"]
+[0.046, "o", "\u001b[2D\u001b[7B\r\u001b[21C\u001b[10A\u001b[38;5;246m↓\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.017, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m2\r\u001b[88C\u001b[8B682\u001b[39m\r\r\n\r\n\u001b[2C\u001b[7A"]
+[0.021, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✶\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.042, "o", "\u001b[2D\u001b[7B\r\u001b[33C\u001b[1A                                   \u001b[38;5;220m1\u001b[1CMCP \u001b[2Crver needs auth\u001b[38;5;246m · /mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.074, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✳\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.102, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.108, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m·\u001b[24C\u001b[22m\u001b[38;5;246m3\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.066, "o", "\u001b[2D\u001b[7B\r\u001b[18C\u001b[5A\u001b[38;5;216m9\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.091, "o", "\u001b[2D\u001b[7B\r\u001b[37C\u001b[10A\u001b[38;5;220mstill thinking\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.107, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.132, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✳\u001b[24C\u001b[22m\u001b[38;5;246m4\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.030, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;246m \u001b[1C\u001b[39m\u001b[1mWrite\u001b[22m(\u001b]8;id=117kah9;file:///private/tmp/demo/support-bot/models/schema.yaml\u0007/private/tmp/demo/support-bot/models/schema.yaml\u001b]8;;\u0007)\r\u001b[2B\u001b[38;5;220m\u001b[1m✳\u001b[22m\u001b[39m \u001b[38;5;220mFluttering… \u001b[38;5;246m(19s · ↓\u001b[39m \u001b[38;5;246m1.4k tokens · \u001b[38;5;220mstill thinking\u001b[38;5;246m)\u001b[39m\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m59k\u001b[38;5;246m \u001b[38;5;34m29%\u001b[38;5;246m \u001b[2m|\u001b[1C\u001b[22m\u001b[38;5;177mdemo\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;"]
+[0.000, "o", "246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[17C\u001b[22m\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;211m⏵⏵ bypass permissions on\u001b[38;5;246m (shift+tab to cycle)\u001b[21C\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m58958\u001b[1Ctokens\u001b[39m\r\r\n\u001b[68C\u001b[38;5;220m1\u001b[1CMCP\u001b[1Cserver\u001b[1Cneeds\u001b[1Cauth\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.070, "o", "\u001b[2D\u001b[7B\r\u001b[12A\u001b[38;5;114m⏺\r\u001b[1B\u001b[38;5;246m  ⎿  \u001b[39mWrote\u001b[1C\u001b[1m34\u001b[1C\u001b[22mlines\u001b[1Cto\u001b[1C\u001b[1m/private/tmp/demo/support-bot/models/schema.yaml\r\u001b[1B\u001b[22m \u001b[1C   \u001b[38;5;231m\u001b[2m  1 \u001b[22m\u001b[38;5;148mentities:\u001b[39m\u001b[K\r\u001b[5C\u001b[1B\u001b[38;5;231m\u001b[2m  2 \u001b[22m  \u001b[38;5;148mcustomer:\r\u001b[1B\u001b[39m     \u001b[38;5;231m\u001b[2m  3 \u001b[22m    \u001b[38;5;148mfields:\u001b[39m\u001b[K\r\u001b[1B   \u001b[2C\u001b[38;5;231m\u001b[2m  4 \u001b[22m      \u001b[38;5;148memail:\r\u001b[1B\u001b[39m     \u001b[38;5;231m\u001b[2m  5 \u001b[22m        \u001b[38;5;148mtype:\u001b[38;5;231m \u001b[38;5;186mstring\u001b[39m\u001b[K\r\u001b[2C\u001b[1B   \u001b[38;5;231m\u001b[2m  6 \u001b[22m        \u001b[38;5;148mrequired:\u001b[38;5;231m \u001b[38;5;141mtrue\u001b[39m\u001b[K\r\u001b[2C\u001b[1B   \u001b[38;5;231m\u001b[2m  7 \u001b[22m\u001b[39m\u001b[K\r\u001b[2C\u001b[1B   \u001b[38;5;231m\u001b[2m  8 \u001b[22m  \u001b[38;5;148mticket:\u001b[39m\u001b[K\r\u001b[5C\u001b[1B\u001b[38;5;231m\u001b[2m  9 \u001b[22m    \u001b[38;5;148mfields:\u001b[66C\u001b[39m\u001b[K\r\u001b[5C\u001b[1B\u001b[38;5;231m\u001b[2m 10 \u001b[22m      \u001b[38;5;148mtitle:\u001b[47C\u001b[39m\u001b[K\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 11\u001b[1C\u001b[22m \u001b[7C\u001b[38;5;148mtype:\u001b[38;5;231m \u001b[38;5;186mstring\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 12\u001b[1C\u001b[22m \u001b[7C\u001b[38;5;148mrequired:\u001b[38;5;231m \u001b[38;5;1"]
+[0.000, "o", "41mtrue\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 13\u001b[1C\u001b[22m \u001b[5C\u001b[38;5;148mseverity:\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 14\u001b[1C\u001b[22m \u001b[7C\u001b[38;5;148mtype:\u001b[38;5;231m \u001b[38;5;186mstring\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 15\u001b[1C\u001b[22m \u001b[7C\u001b[38;5;148mrequired:\u001b[38;5;231m \u001b[38;5;141mfalse\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 16\u001b[1C\u001b[22m \u001b[5C\u001b[38;5;148mcustomer_email:\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 17\u001b[1C\u001b[22m \u001b[7C\u001b[38;5;148mtype:\u001b[38;5;231m \u001b[38;5;186mstring\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 18\u001b[1C\u001b[22m \u001b[7C\u001b[38;5;148mrequired:\u001b[38;5;231m \u001b[38;5;141mtrue\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 19\u001b[22m\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 20\u001b[1C\u001b[22m\u001b[38;5;148mwatchers:\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 21\u001b[1C\u001b[22m \u001b[1C-\u001b[1C\u001b[38;5;148mname:\u001b[38;5;231m \u001b[38;5;186mextract_ticket_severity\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 22\u001b[1C\u001b[22m \u001b[3C\u001b[38;5;148mon:\u001b[38;5;231m \u001b[38;5;186mticket.created\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 23\u001b[1C\u001b[22m \u001b[3C\u001b[38;5;148mactions:\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 24\u001b[1C\u001b[22m \u001b[5C-\u001b[1C\u001b[38;5;148mtype:\u001b[38;5;231m \u001b[38;5;186mupdate_field\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 25\u001b[1C\u001b[22m \u001b[7C\u001b[38;5;148menti"]
+[0.000, "o", "ty:\u001b[38;5;231m \u001b[38;5;186mticket\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 26\u001b[1C\u001b[22m \u001b[7C\u001b[38;5;148mfield:\u001b[38;5;231m \u001b[38;5;186mseverity\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 27\u001b[1C\u001b[22m \u001b[7C\u001b[38;5;148mvalue_source:\u001b[38;5;231m \u001b[38;5;186mllm\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 28\u001b[1C\u001b[22m \u001b[7C\u001b[38;5;148mprompt:\u001b[38;5;231m \u001b[38;5;186m|\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 29\u001b[1C\u001b[22m \u001b[9C\u001b[38;5;186mExtract\u001b[38;5;231m \u001b[38;5;186mthe\u001b[38;5;231m \u001b[38;5;186mseverity\u001b[38;5;231m \u001b[38;5;186mlevel\u001b[38;5;231m \u001b[38;5;186mfrom\u001b[38;5;231m \u001b[38;5;186mthis\u001b[38;5;231m \u001b[38;5;186mticket\u001b[38;5;231m \u001b[38;5;186mtitle\u001b[38;5;231m \u001b[38;5;186mand\u001b[38;5;231m \u001b[38;5;186mdescription.\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 30\u001b[1C\u001b[22m \u001b[9C\u001b[38;5;148mReturn\u001b[1Conly\u001b[1Cone\u001b[1Cof:\u001b[38;5;231m \u001b[38;5;186mcritical,\u001b[38;5;231m \u001b[38;5;186mhigh,\u001b[38;5;231m \u001b[38;5;186mmedium,\u001b[38;5;231m \u001b[38;5;186mlow\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 31\u001b[22m\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 32\u001b[1C\u001b[22m \u001b[9C\u001b[38;5;148mTitle:\u001b[38;5;231m {{\u001b[1C\u001b[38;5;186mentity.title\u001b[38;5;231m }}\u001b[39m\r\r\n\u001b[5C\u001b[38;5;231m\u001b[2m 33\u001b[22m\u001b[39m\r\r\n\u001b[5C\u001b[38"]
+[0.000, "o", ";5;231m\u001b[2m 34\u001b[1C\u001b[22m \u001b[9C\u001b[38;5;186mIf\u001b[38;5;231m \u001b[38;5;186mthe\u001b[38;5;231m \u001b[38;5;186mseverity\u001b[38;5;231m \u001b[38;5;186mcannot\u001b[38;5;231m \u001b[38;5;186mbe\u001b[38;5;231m \u001b[38;5;186mdetermined,\u001b[38;5;231m \u001b[38;5;186mdefault\u001b[38;5;231m \u001b[38;5;186mto\u001b[38;5;231m \u001b[38;5;186m\"medium\".\u001b[39m\r\r\n\r\r\n\u001b[38;5;220m\u001b[1m✳\u001b[1C\u001b[22mFluttering…\u001b[1C\u001b[38;5;246m(19s\u001b[1C·\u001b[1C↑\u001b[1C1.4k\u001b[1Ctokens\u001b[1C·\u001b[1C\u001b[38;5;220mstill\u001b[1Cthinking\u001b[38;5;246m)\u001b[39m\r\r\n\r\r\n\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\u001b[39m\r\r\n\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\r\r\n\u001b[38;5;244m───────────────────────────────────────────────────────────────────────────"]
+[0.000, "o", "─────────────────────────\u001b[39m\r\r\n\u001b[2C\u001b[38;5;39mHaiku\u001b[1C4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m59k\u001b[38;5;246m \u001b[38;5;34m29%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mdemo\u001b[39m\r\r\n\u001b[2C\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets\u001b[1C11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets\u001b[1Cmay\u001b[1C20,\u001b[1C8:00a.m.\u001b[22m\u001b[39m\r\r\n\u001b[2C\u001b[38;5;211m⏵⏵\u001b[1Cbypass\u001b[1Cpermissions\u001b[1Con\u001b[38;5;246m (shift+tab\u001b[1Cto\u001b[1Ccycle)\u001b[39m\r\r\n\u001b[86C\u001b[38;5;246m58958\u001b[1Ctokens\u001b[39m\r\r\n\u001b[68C\u001b[38;5;220m1\u001b[1CMCP\u001b[1Cserver\u001b[1Cneeds\u001b[1Cauth\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.019, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✶\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.036, "o", "\u001b]0;⠂ Build Lobu support triage agent\u0007"]
+[0.070, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.102, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✽\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.262, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.105, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✶\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.120, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✳\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.104, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.105, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m·\u001b[14C\u001b[22m\u001b[38;5;246m20\u001b[20C\u001b[38;5;220mth\u001b[1Cnking more\u001b[38;5;246m)\u001b[39m\u001b[K\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.094, "o", "\u001b]0;⠐ Build Lobu support triage agent\u0007"]
+[0.169, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.106, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✳\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.159, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✶\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.080, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;246m⏺\u001b[1C\u001b[39m\u001b[1mBash\u001b[22m(cd /private/tmp/demo/support-bot &&\u001b[1Clobu\u001b[1Cvalidate)\r\u001b[1B\u001b[38;5;246m  ⎿  Waiting…\r\u001b[1B\u001b[39m\u001b[K\r\u001b[1B\u001b[38;5;220m\u001b[1m✶\u001b[22m\u001b[39m \u001b[38;5;220mFluttering… \u001b[38;5;246m(20s · ↓\u001b[1C1.5k tokens · \u001b[38;5;220mthinking more\u001b[38;5;246m)\r\u001b[1B\u001b[39m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[1B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m"]
+[0.000, "o", " \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m59k\u001b[38;5;246m \u001b[38;5;34m29%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177mdemo\u001b[44C\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[22m\u001b[39m\u001b[K\r\r\n\u001b[2C\u001b[38;5;211m⏵⏵\u001b[1Cbypass\u001b[1Cpermissions\u001b[1Con\u001b[38;5;246m (shift+tab\u001b[1Cto\u001b[1Ccycle)\u001b[39m\r\r\n\u001b[86C\u001b[38;5;246m59087\u001b[1Ctokens\u001b[39m\r\r\n\u001b[68C\u001b[38;5;220m1\u001b[1CMCP\u001b[1Cserver\u001b[1Cneeds\u001b[1Cauth\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.038, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.017, "o", "\u001b[2D\u001b[7B\r\u001b[5C\u001b[12A\u001b[38;5;246mRunn\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.095, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✽\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.212, "o", "\u001b[2D\u001b[7B\r\u001b[13A\u001b[38;5;114m⏺\r\u001b[5C\u001b[1B\u001b[39m  lobu.toml\u001b[1Cis\u001b[1Cvalid\r\u001b[7C\u001b[1B1\u001b[1Cagent(s)\u001b[1Cconfigured\r\u001b[1B \u001b[1C     [agents.support-bot] No providers configured.\u001b[1CAgent\u001b[1Cwill\u001b[1Cneed\u001b[1Cprovider\u001b[1Ckeys\u001b[1Cat\u001b[1Cruntime.\r\u001b[2B\u001b[38;5;220m\u001b[1m✽\u001b[22m\u001b[39m \u001b[38;5;220mFluttering… \u001b[38;5;246m(21s · ↑\u001b[39m \u001b[38;5;246m1.5k tokens · \u001b[38;5;220mthinking more\u001b[38;5;246m)\u001b[39m\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m59k\u001b[38;5;246m \u001b[38;5;34m29%\u001b[38;5;246m \u001b[2m|\u001b[1C\u001b[22m\u001b[38;5;177mdemo\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[2"]
+[0.000, "o", "2m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[17C\u001b[22m\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;211m⏵⏵ bypass permissions on\u001b[38;5;246m (shift+tab to cycle)\u001b[21C\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m59132\u001b[1Ctokens\u001b[39m\r\r\n\u001b[68C\u001b[38;5;220m1\u001b[1CMCP\u001b[1Cserver\u001b[1Cneeds\u001b[1Cauth\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.021, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.063, "o", "\u001b]0;⠂ Build Lobu support triage agent\u0007"]
+[0.042, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✶\u001b[24C\u001b[22m\u001b[38;5;246m6\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.106, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✳\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.158, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.018, "o", "\u001b[2D\u001b[7B\r\u001b[27C\u001b[5A\u001b[38;5;177msupport-bot\u001b[39m\u001b[K\r\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.084, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m·\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.262, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.107, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✳\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.118, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✶\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.053, "o", "\u001b[2D\u001b[7B\r\u001b[16C\u001b[10A\u001b[38;5;246m2\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.013, "o", "\u001b]0;⠐ Build Lobu support triage agent\u0007"]
+[0.037, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.107, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✽\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.269, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.105, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✶\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.111, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;246m⏺\u001b[1C\u001b[39m\u001b[1mRead\u001b[22m\u001b[K\r\u001b[2B\u001b[38;5;220m\u001b[1m✶\u001b[22m\u001b[39m \u001b[38;5;220mFluttering… \u001b[38;5;246m(22s · ↓\u001b[39m \u001b[38;5;246m1.6k tokens · \u001b[38;5;220mthinking more\u001b[38;5;246m)\u001b[39m\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m59k\u001b[38;5;246m \u001b[38;5;34m29%\u001b[38;5;246m \u001b[2m|\u001b[1C\u001b[22m\u001b[38;5;177msupport-bot\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[17C\u001b[22m\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;211m⏵⏵ bypass permissions on\u001b[38;5;246m (shift+tab to "]
+[0.000, "o", "cycle)\u001b[21C\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m59212\u001b[1Ctokens\u001b[39m\r\r\n\u001b[68C\u001b[38;5;220m1\u001b[1CMCP\u001b[1Cserver\u001b[1Cneeds\u001b[1Cauth\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.016, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✳\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.142, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.053, "o", "\u001b[2D\u001b[7B\r\u001b[12A\u001b[38;5;246m \u001b[5C\u001b[39m(\u001b]8;id=1s4wges;file:///private/tmp/demo/support-bot/lobu.toml\u0007/private/tmp/demo/support-bot/lobu.toml\u001b]8;;\u0007)\r\u001b[2B\u001b[38;5;246m⏺\u001b[1C\u001b[39m\u001b[1mRead\u001b[22m\u001b[K\r\u001b[2B\u001b[38;5;220m\u001b[1m✢\u001b[22m\u001b[39m \u001b[38;5;220mFluttering… \u001b[38;5;246m(22s · ↓\u001b[39m \u001b[38;5;246m1.6k tokens · \u001b[38;5;220mthinking more\u001b[38;5;246m)\u001b[39m\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m59k\u001b[38;5;246m \u001b[38;5;34m29%\u001b[38;5;246m \u001b[2m|\u001b[1C\u001b[22m\u001b[38;5;177msupport-bot\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:"]
+[0.000, "o", "\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[17C\u001b[22m\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;211m⏵⏵ bypass permissions on\u001b[38;5;246m (shift+tab to cycle)\u001b[21C\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m59212\u001b[1Ctokens\u001b[39m\r\r\n\u001b[68C\u001b[38;5;220m1\u001b[1CMCP\u001b[1Cserver\u001b[1Cneeds\u001b[1Cauth\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.060, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m·\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.049, "o", "\u001b[2D\u001b[7B\r\u001b[14A\u001b[38;5;114m⏺\r\u001b[1B\u001b[38;5;246m  ⎿  \u001b[39mRead\u001b[1C\u001b[1m38\u001b[1C\u001b[22mlines\r\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;246m \u001b[1C\u001b[39m\u001b[1mRead\u001b[22m(\u001b]8;id=117kah9;file:///private/tmp/demo/support-bot/models/schema.yaml\u0007/private/tmp/demo/support-bot/models/schema.yaml\u001b]8;;\u0007)\r\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;220m\u001b[1m·\u001b[1C\u001b[22mFluttering… \u001b[38;5;246m(23s · ↓\u001b[1C1.6k tokens · \u001b[38;5;220mthinking more\u001b[38;5;246m)\r\u001b[1B\u001b[39m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[1B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────"]
+[0.000, "o", "────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[1C\u001b[38;5;246m\u001b[2m|\u001b[22m \u001b[38;5;216m59k\u001b[38;5;246m \u001b[38;5;34m29%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177msupport-bot\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\r\u001b[2C\u001b[1B\u001b[22m\u001b[38;5;211m⏵⏵ bypass permissions on\u001b[38;5;246m (shift+tab to cycle)\u001b[39C\u001b[39m\u001b[K\r\u001b[68C\u001b[1B                  \u001b[38;5;246m59212\u001b[1Ctokens\u001b[39m\r\r\n\u001b[68C\u001b[38;5;220m1\u001b[1CMCP\u001b[1Cserver\u001b[1Cneeds\u001b[1Cauth\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.015, "o", "\u001b]0;⠂ Build Lobu support triage agent\u0007"]
+[0.001, "o", "\u001b[2D\u001b[7B\r\u001b[25C\u001b[10A\u001b[38;5;246m7\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.039, "o", "\u001b[2D\u001b[7B\r\u001b[12A\u001b[38;5;114m⏺\r\u001b[1B\u001b[38;5;246m  ⎿  \u001b[39mRead\u001b[1C\u001b[1m35\u001b[1C\u001b[22mlines\r\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;220m\u001b[1m·\u001b[1C\u001b[22mFluttering… \u001b[38;5;246m(23s · ↓\u001b[1C1.7k tokens · \u001b[38;5;220mthinking more\u001b[38;5;246m)\r\u001b[1B\u001b[39m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[1B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[1C\u001b[38;5;246m\u001b[2m|\u001b[22m \u001b[38;5;216m59k\u001b[38;5;246m \u001b[38;5;34m29%\u001b[38;"]
+[0.000, "o", "5;246m \u001b[2m|\u001b[22m \u001b[38;5;177msupport-bot\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\r\u001b[2C\u001b[1B\u001b[22m\u001b[38;5;211m⏵⏵ bypass permissions on\u001b[38;5;246m (shift+tab to cycle)\u001b[39C\u001b[39m\u001b[K\r\u001b[68C\u001b[1B                  \u001b[38;5;246m59354\u001b[1Ctokens\u001b[39m\r\r\n\u001b[68C\u001b[38;5;220m1\u001b[1CMCP\u001b[1Cserver\u001b[1Cneeds\u001b[1Cauth\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.020, "o", "\u001b[2D\u001b[7B\r\u001b[21C\u001b[10A\u001b[38;5;246m↑\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.089, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.157, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✳\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.104, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✶\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.105, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.118, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✽\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.270, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.058, "o", "\u001b]0;⠐ Build Lobu support triage agent\u0007"]
+[0.046, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✶\u001b[15C\u001b[22m\u001b[38;5;246m4\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.106, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✳\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.156, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.102, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m·\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.211, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.157, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✳\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.106, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✶\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.076, "o", "\u001b]0;⠂ Build Lobu support triage agent\u0007"]
+[0.026, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.054, "o", "\u001b[2D\u001b[7B\r\u001b[16C\u001b[10A\u001b[38;5;246m5\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.104, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✽\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.212, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.106, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✶\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.156, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✳\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.106, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.107, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m·\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.090, "o", "\u001b]0;⠐ Build Lobu support triage agent\u0007"]
+[0.123, "o", "\u001b[2D\u001b[7B\r\u001b[16C\u001b[10A\u001b[38;5;246m6\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.052, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.104, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✳\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.120, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✶\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.038, "o", "\u001b[2D\u001b[7B\r\u001b[58C\u001b[1A\u001b[38;5;211m1 claude.ai connector unavailable\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.072, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.154, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✽\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.213, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✻\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.085, "o", "\u001b]0;⠂ Build Lobu support triage agent\u0007"]
+[0.020, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✶\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.156, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✳\u001b[15C\u001b[22m\u001b[38;5;246m7\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.119, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.092, "o", "\u001b[2D\u001b[7B\r\u001b[21C\u001b[10A\u001b[38;5;246m↓\r\u001b[86C\u001b[8B60\u001b[2C5\u001b[39m\r\r\n\r\n\u001b[2C\u001b[7A"]
+[0.017, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m·\u001b[24C\u001b[22m\u001b[38;5;246m8\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.213, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;220m\u001b[1m✢\u001b[22m\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.033, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;231m⏺\u001b[1C\u001b[39mDone! Your Lobu support-triage agent is ready. Here's\u001b[1Cwhat\u001b[1Cwas\u001b[1Cset\u001b[1Cup:\r\u001b[2B  \u001b[1mlobu.toml — Agent configuration\u001b[22m\u001b[K\r\u001b[1B\u001b[K\r\u001b[1B  [agents.support-bot]\u001b[K\r\u001b[2C\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[1B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m59k\u001b[38;5;246m \u001b[38;5;34m29%\u001b[38;5;246m \u001b[2"]
+[0.000, "o", "m|\u001b[22m \u001b[38;5;177msupport-bot\u001b[20C\u001b[39m\u001b[K\r\r\n\u001b[2C\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets\u001b[1C11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets\u001b[1Cmay\u001b[1C20,\u001b[1C8:00a.m.\u001b[22m\u001b[39m\r\r\n\u001b[2C\u001b[38;5;211m⏵⏵\u001b[1Cbypass\u001b[1Cpermissions\u001b[1Con\u001b[38;5;246m (shift+tab\u001b[1Cto\u001b[1Ccycle)\u001b[39m\r\r\n\u001b[86C\u001b[38;5;246m60355\u001b[1Ctokens\u001b[39m\r\r\n\u001b[58C\u001b[38;5;211m1\u001b[1Cclaude.ai\u001b[1Cconnector\u001b[1Cunavailable\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.134, "o", "\u001b[2D\u001b[7B\r\u001b[17C\u001b[5A\u001b[38;5;216m60\u001b[2C\u001b[38;5;34m30\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.016, "o", "\u001b[2D\u001b[7B\r\u001b[2C\u001b[9A\u001b[36mname\u001b[1C\u001b[39m=\u001b[1C\u001b[31m\"support-bot\"\r\u001b[1B\u001b[39m  \u001b[36mdescription\u001b[39m = \u001b[31m\"\"\u001b[39m\u001b[K\r\u001b[1B  \u001b[36mdir\u001b[1C\u001b[39m=\u001b[1C\u001b[31m\"./agents/support-bot\"\r\u001b[1B\u001b[39m\u001b[K\r\u001b[2C\u001b[1B[agents.support-bot.network]\u001b[K\r\u001b[2C\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[1B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[83C\u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\u001b[39m\r\r\n\u001b[2C\u001b[38;5;39mHaiku\u001b[1C4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m60k\u001b[38;5;246m \u001b[38;5;3"]
+[0.000, "o", "4m30%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177msupport-bot\u001b[39m\r\r\n\u001b[2C\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets\u001b[1C11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets\u001b[1Cmay\u001b[1C20,\u001b[1C8:00a.m.\u001b[22m\u001b[39m\r\r\n\u001b[2C\u001b[38;5;211m⏵⏵\u001b[1Cbypass\u001b[1Cpermissions\u001b[1Con\u001b[38;5;246m (shift+tab\u001b[1Cto\u001b[1Ccycle)\u001b[39m\r\r\n\u001b[86C\u001b[38;5;246m60355\u001b[1Ctokens\u001b[39m\r\r\n\u001b[58C\u001b[38;5;211m1\u001b[1Cclaude.ai\u001b[1Cconnector\u001b[1Cunavailable\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.162, "o", "\u001b]0;⠐ Build Lobu support triage agent\u0007"]
+[0.101, "o", "\u001b[2D\u001b[7B\r\u001b[2C\u001b[9A\u001b[36mallowed\u001b[1C\u001b[39m=\u001b[1C[\u001b[31m\"registry.npmjs.org\"\u001b[39m,\u001b[1C\u001b[31m\".npmjs.org\"\u001b[39m,\u001b[1C\u001b[31m\"github.com\"\u001b[39m,\u001b[1C\u001b[31m\".github.com\"\u001b[39m,\r\u001b[1B  \u001b[31m\".githubusercontent.com\"\u001b[39m, \u001b[31m\"cdn.jsdelivr.net\"\u001b[39m, \u001b[31m\"unpkg.com\"\u001b[39m, \u001b[31m\"pypi.org\"\u001b[39m, \u001b[31m\"files.pythonhosted.org\"\u001b[39m]\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m60k\u001b[38;5;246m \u001b[38;5;34m30%\u001b[38;5;246m \u001b[2m|\u001b[1C\u001b[22m\u001b[38;5;177msupport-bot\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets may 2"]
+[0.000, "o", "0, 8:00a.m.\u001b[17C\u001b[22m\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;211m⏵⏵ bypass permissions on\u001b[38;5;246m (shift+tab to cycle)\u001b[11C\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;246m60355\u001b[1Ctokens\u001b[39m\r\r\n\u001b[58C\u001b[38;5;211m1\u001b[1Cclaude.ai\u001b[1Cconnector\u001b[1Cunavailable\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.198, "o", "\u001b[2D\u001b[7B\r\u001b[8A  \u001b[1mmodels/schema.yaml — Entities & watcher\u001b[22m\u001b[K\r\u001b[1B\u001b[K\r\u001b[1B  \u001b[36mentities:\u001b[39m\u001b[K\r\u001b[2C\u001b[1B  \u001b[36mcustomer:\u001b[39m\u001b[K\r\u001b[2C\u001b[1B    \u001b[36mfields:\u001b[39m\u001b[K\r\u001b[2C\u001b[1B      \u001b[36memail:\u001b[39m\u001b[K\r\u001b[10C\u001b[1B\u001b[36mtype:\u001b[1C\u001b[31mstring\u001b[64C\u001b[39m\u001b[K\r\u001b[10C\u001b[1B\u001b[36mrequired:\u001b[1C\u001b[34mtrue\u001b[34C\u001b[39m\u001b[K\r\r\n\r\r\n\u001b[4C\u001b[36mticket:\u001b[39m\r\r\n\u001b[6C\u001b[36mfields:\u001b[39m\r\r\n\u001b[8C\u001b[36mtitle:\u001b[39m\r\r\n\u001b[10C\u001b[36mtype:\u001b[1C\u001b[31mstring\u001b[39m\r\r\n\u001b[10C\u001b[36mrequired:\u001b[1C\u001b[34mtrue\u001b[39m\r\r\n\u001b[8C\u001b[36mseverity:\u001b[39m\r\r\n\r\r\n\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\u001b[39m\r\r\n\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\r\r\n\u001b[38;5;244m─────────────────────────────────────────────────────────"]
+[0.000, "o", "───────────────────────────────────────────\u001b[39m\r\r\n\u001b[2C\u001b[38;5;39mHaiku\u001b[1C4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m60k\u001b[38;5;246m \u001b[38;5;34m30%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177msupport-bot\u001b[39m\r\r\n\u001b[2C\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets\u001b[1C11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets\u001b[1Cmay\u001b[1C20,\u001b[1C8:00a.m.\u001b[22m\u001b[39m\r\r\n\u001b[2C\u001b[38;5;211m⏵⏵\u001b[1Cbypass\u001b[1Cpermissions\u001b[1Con\u001b[38;5;246m (shift+tab\u001b[1Cto\u001b[1Ccycle)\u001b[39m\r\r\n\u001b[86C\u001b[38;5;246m60355\u001b[1Ctokens\u001b[39m\r\r\n\u001b[58C\u001b[38;5;211m1\u001b[1Cclaude.ai\u001b[1Cconnector\u001b[1Cunavailable\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.165, "o", "\u001b[2D\u001b[7B\r\u001b[10C\u001b[9A\u001b[36mtype:\u001b[1C\u001b[31mstring\r\u001b[1B\u001b[39m          \u001b[36mrequired:\u001b[39m \u001b[34mfalse\u001b[39m\u001b[K\r\u001b[1B   \u001b[5C\u001b[36mcustomer_email:\r\u001b[1B\u001b[39m          \u001b[36mtype:\u001b[39m \u001b[31mstring\u001b[39m\u001b[K\r\u001b[2C\u001b[1B        \u001b[36mrequired:\u001b[39m \u001b[34mtrue\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[K\r\u001b[2C\u001b[1B\u001b[36mwatchers:\u001b[39m\u001b[K\r\u001b[4C\u001b[1B-\u001b[1C\u001b[36mname:\u001b[1C\u001b[31mextract_ticket_severity\u001b[51C\u001b[39m\u001b[K\r\u001b[6C\u001b[1B\u001b[36mon:\u001b[1C\u001b[31mticket.created\u001b[34C\u001b[39m\u001b[K\r\r\n\u001b[6C\u001b[36mactions:\u001b[39m\r\r\n\u001b[8C-\u001b[1C\u001b[36mtype:\u001b[1C\u001b[31mupdate_field\u001b[39m\r\r\n\u001b[10C\u001b[36mentity:\u001b[1C\u001b[31mticket\u001b[39m\r\r\n\r\r\n\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\u001b[39m\r\r\n\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\r\r\n\u001b[38;5;244m────────────────────────────────────────────"]
+[0.000, "o", "────────────────────────────────────────────────────────\u001b[39m\r\r\n\u001b[2C\u001b[38;5;39mHaiku\u001b[1C4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m60k\u001b[38;5;246m \u001b[38;5;34m30%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177msupport-bot\u001b[39m\r\r\n\u001b[2C\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets\u001b[1C11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets\u001b[1Cmay\u001b[1C20,\u001b[1C8:00a.m.\u001b[22m\u001b[39m\r\r\n\u001b[2C\u001b[38;5;211m⏵⏵\u001b[1Cbypass\u001b[1Cpermissions\u001b[1Con\u001b[38;5;246m (shift+tab\u001b[1Cto\u001b[1Ccycle)\u001b[39m\r\r\n\u001b[86C\u001b[38;5;246m60355\u001b[1Ctokens\u001b[39m\r\r\n\u001b[58C\u001b[38;5;211m1\u001b[1Cclaude.ai\u001b[1Cconnector\u001b[1Cunavailable\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.276, "o", "\u001b[2D\u001b[7B\r\u001b[10C\u001b[9A\u001b[36mfield:\u001b[1C\u001b[31mseverity\r\u001b[1B\u001b[39m          \u001b[36mvalue_source:\u001b[39m \u001b[31mllm\u001b[39m\u001b[K\r\u001b[1B   \u001b[7C\u001b[36mprompt:\u001b[1C\u001b[31m|\r\u001b[1B\u001b[39m  \u001b[31m          Extract the severity level from this ticket title and description.\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[31m          Return only one of: critical, high, medium, low\r\u001b[2C\u001b[1B\u001b[39m\u001b[K\r\u001b[2C\u001b[1B          \u001b[36mTitle:\u001b[39m {{ \u001b[31mentity.title\u001b[39m }}\u001b[K\r\u001b[86C\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\u001b[39m\r\r\n\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\r\r\n\u001b[38;5;244m──────────────────────────────────────────────────────────────────────────────────"]
+[0.000, "o", "──────────────────\u001b[39m\r\r\n\u001b[2C\u001b[38;5;39mHaiku\u001b[1C4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m60k\u001b[38;5;246m \u001b[38;5;34m30%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177msupport-bot\u001b[39m\r\r\n\u001b[2C\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets\u001b[1C11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets\u001b[1Cmay\u001b[1C20,\u001b[1C8:00a.m.\u001b[22m\u001b[39m\r\r\n\u001b[2C\u001b[38;5;211m⏵⏵\u001b[1Cbypass\u001b[1Cpermissions\u001b[1Con\u001b[38;5;246m (shift+tab\u001b[1Cto\u001b[1Ccycle)\u001b[39m\r\r\n\u001b[86C\u001b[38;5;246m60355\u001b[1Ctokens\u001b[39m\r\r\n\u001b[58C\u001b[38;5;211m1\u001b[1Cclaude.ai\u001b[1Cconnector\u001b[1Cunavailable\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.221, "o", "\u001b]0;⠂ Build Lobu support triage agent\u0007"]
+[0.263, "o", "\u001b[2D\u001b[7B\r\u001b[8A            \u001b[31mIf\u001b[39m \u001b[31mthe\u001b[39m \u001b[31mseverity\u001b[39m \u001b[31mcannot\u001b[39m \u001b[31mbe\u001b[39m \u001b[31mdetermined,\u001b[39m \u001b[31mdefault\u001b[39m \u001b[31mto\u001b[39m \u001b[31m\"medium\".\u001b[39m\u001b[K\r\u001b[1B\u001b[K\r\u001b[2B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[2C\u001b[1B\u001b[38;5;39mHaiku 4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m60k\u001b[38;5;246m \u001b[38;5;34m30%\u001b[38;5;246m \u001b[2m|\u001b[1C\u001b[22m\u001b[38;5;177msupport-bot\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets 11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets may 20, 8:00a.m.\u001b[17C\u001b[22m\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[38;5;211m⏵⏵ bypass permissions on\u001b[38;5;246m (shift+tab to cycle)\u001b[11C\u001b[39m\u001b[K\r\r\n\u001b[86C\u001b[38;5;"]
+[0.000, "o", "246m60355\u001b[1Ctokens\u001b[39m\r\r\n\u001b[58C\u001b[38;5;211m1\u001b[1Cclaude.ai\u001b[1Cconnector\u001b[1Cunavailable\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.223, "o", "\u001b[2D\u001b[7B\r\u001b[8A  \u001b[1mStatus:\u001b[22m ✓ Validated successfully. HTTP-only, no external dependencies. The watcher will\u001b[K\r\u001b[1B  automatically\u001b[1Ctrigger\u001b[1Con\u001b[1Cnew\u001b[1Ctickets\u001b[1Cand\u001b[1Cextract\u001b[1Cseverity\u001b[1Cusing\u001b[1CLLM.\u001b[1CReady\u001b[1Cto\u001b[1Crun\u001b[1Cwith\u001b[1C\u001b[38;5;153mlobu run\u001b[39m.\r\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;174m✶\u001b[1CFrosting… \u001b[38;5;246m(29s\u001b[1C· ↓\u001b[39m \u001b[38;5;246m2.3k tokens)\u001b[39m\u001b[K\r\u001b[2C\u001b[1B\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────────────────────\r\u001b[1B\u001b[38;5;246m❯ \u001b[39m\u001b[7m \u001b[83C\u001b[27m\u001b[K\r\u001b[1B\u001b[38;5;244m────────────────────────────────────────────────────────────────────────────────────"]
+[0.000, "o", "────────────────\u001b[39m\r\r\n\u001b[2C\u001b[38;5;39mHaiku\u001b[1C4.5\u001b[38;5;246m \u001b[38;5;216m🧠\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;216m60k\u001b[38;5;246m \u001b[38;5;34m30%\u001b[38;5;246m \u001b[2m|\u001b[22m \u001b[38;5;177msupport-bot\u001b[39m\r\r\n\u001b[2C\u001b[38;5;253mcurrent:\u001b[38;5;246m \u001b[38;5;216m58%\u001b[38;5;246m \u001b[2mresets\u001b[1C11:30p.m.\u001b[22m \u001b[2m|\u001b[22m \u001b[38;5;253mweekly:\u001b[38;5;246m \u001b[38;5;210m90%\u001b[38;5;246m \u001b[2mresets\u001b[1Cmay\u001b[1C20,\u001b[1C8:00a.m.\u001b[22m\u001b[39m\r\r\n\u001b[2C\u001b[38;5;211m⏵⏵\u001b[1Cbypass\u001b[1Cpermissions\u001b[1Con\u001b[38;5;246m (shift+tab\u001b[1Cto\u001b[1Ccycle)\u001b[39m\r\r\n\u001b[86C\u001b[38;5;246m60355\u001b[1Ctokens\u001b[39m\r\r\n\u001b[58C\u001b[38;5;211m1\u001b[1Cclaude.ai\u001b[1Cconnector\u001b[1Cunavailable\u001b[38;5;246m ·\u001b[1C/mcp\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[0.053, "o", "\u001b[2D\u001b[7B\r\u001b[2C\u001b[10A\u001b[38;5;180mFrosting…\u001b[2C\u001b[38;5;246mrunning stop\u001b[1Ch\u001b[1Cok · 29s · ↓\u001b[1C2.3k tokens)\r\u001b[88C\u001b[8B898\u001b[39m\r\r\n\r\n\u001b[2C\u001b[7A"]
+[0.017, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.108, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;174m✽\u001b[1CFrosting…\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.212, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;174m✻\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.085, "o", "\u001b]0;⠐ Build Lobu support triage agent\u0007"]
+[0.019, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;174m✶\u001b[39m\r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[0.016, "o", "\u001b]0;✳ Build Lobu support triage agent\u0007"]
+[0.002, "o", "\u001b[2D\u001b[7B\r\u001b[10A\u001b[38;5;246m✻\u001b[1CSautéed for 29s\u001b[39m\u001b[K\r\u001b[3B❯ \r\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u001b[2C\u001b[7A"]
+[4.559, "o", "\u001b[2D\u001b[7B\r\u001b[2C\u001b[1A\u001b[38;5;246mtmux focus-events off · add 'set -g focus-events on' to ~/.tmux.conf and reattach for focus\u001b[1Ctra…\u001b[39m\r\r\n\u001b[2C\u001b[7A"]
+[8.004, "o", "\u001b[2D\u001b[7B\u001b[2K\u001b[1A\u001b[2K\u001b[G\u001b[1A\r\u001b[86C\u001b[3A\u001b[38;5;246m60898 tokens\r\u001b[3B\u001b[39m\u001b[K\r\u001b[1B\u001b[K\r\u001b[1A\u001b[2C\u001b[5A"]
+[197.605, "o", "\u001b[1u\u001b[>4;2m"]
+[0.026, "o", "\u001b[?1006l\u001b[?1003l\u001b[?1002l\u001b[?1000l"]
+[0.000, "o", "\u001b[2D\u001b[5B"]
+[0.001, "o", "\u001b[>4m\u001b[
Date: Tue, 19 May 2026 21:58:37 +0100
Subject: [PATCH 42/66] =?UTF-8?q?feat(landing):=20copy=20sweep=20=E2=80=94?=
 =?UTF-8?q?=20terminology=20+=20concision=20pass?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Walk every visible section. 8 edits.

Terminology consistency:
- MemorySection feature 'Entity types & relationships': 'link entities
  to build a graph' -> 'link entities with typed relations' (the page
  uses 'memory'; 'graph' only survives in the hero H1).
- MemorySection feature 'Event-sourced & append-only' -> 'Append-only';
  'every fact is an event' -> 'every change is a new event'. 'fact'
  was non-standard.

Repetition:
- ConnectorsSection lede: drop 'Every connector emits typed events
  into one stream.' (restates SectionHeading 'One typed event stream
  from every source.').
- AgentsSection lede: drop 'Same agent across Slack, Telegram, Discord,
  MS Teams, WhatsApp, HTTP API, MCP.' (restated verbatim by the 'Every
  chat surface' feature bullet). Replace with 'One config, every
  surface below.'
- BrowseExamplesSection lede: 'Every example below is a working Lobu
  project. Clone any of them...' (the eyebrow 'Browse the repo' +
  heading 'Examples' already say that). Trim to 'Clone any one, run
  lobu apply, and you have a working agent.'

AI cadence:
- Run anywhere lede: 'a managed runtime when you want someone else to
  keep it up' -> 'Lobu Cloud when you don't want to run it yourself'.
- Lobu Cloud card body: 'Same code, fully managed. Multi-tenant
  per-user isolation, secret proxy, automatic upgrades. Usage-based
  pricing.' -> 'Same code, run by Lobu. Per-user isolation, secret
  proxy, automatic upgrades.' Dropped 'fully managed' (redundant; the
  eyebrow says 'Managed runtime'), dropped 'Usage-based pricing'
  (nothing links to a pricing page; vague claim).

Skills section:
- Add a small muted caption below the SKILL.md frontmatter snippet:
  'Plus the markdown body — instructions for when and how the agent
  should use this skill.' Matches the watcher section's mid-panel
  caption style; makes the snippet's frontmatter-only nature honest.
---
 .../landing/src/components/LandingPage.tsx    | 31 +++++++++++--------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/packages/landing/src/components/LandingPage.tsx b/packages/landing/src/components/LandingPage.tsx
index 5364cc81e..bdd1983cd 100644
--- a/packages/landing/src/components/LandingPage.tsx
+++ b/packages/landing/src/components/LandingPage.tsx
@@ -368,9 +368,9 @@ function BrowseExamplesSection() {
             class="mx-auto mt-3 max-w-[42rem] text-[14.5px]"
             style={{ color: "var(--color-page-text-muted)" }}
           >
-            Every example below is a working Lobu project. Clone any of them,
-             lobu apply, and you
-            have a running agent.
+            Clone any one, run{" "}
+            lobu apply, and you
+            have a working agent.
           
    
         

         

@@ -520,7 +520,6 @@ function ConnectorsSection() {
             >
               YAML to configure. TypeScript to extend, via{" "}
               @lobu/connector-sdk.
-              Every connector emits typed events into one stream.
             

             
                   Entity types & relationships — declare what your
-                  agent should remember; link entities to build a graph.
+                  agent should remember; link entities with typed relations.
                 ,
                 <>
-                  Event-sourced & append-only — every fact is an
-                  event. Tombstones supersede; nothing is destroyed.
+                  Append-only — every change is a new event. Tombstones
+                  supersede; nothing is destroyed.
                 ,
                 <>
                   Agent-assisted modeling — paste the setup prompt into
@@ -754,6 +753,13 @@ function SkillsSection() {
         code={
           

             
+            

+              Plus the markdown body — instructions for when and how the agent
+              should use this skill.
+            

             
           

         }
@@ -777,8 +783,7 @@ function AgentsSection() {
             >
               Declare your agent in{" "}
               lobu.toml — provider,
-              model, skills, platforms. Same agent across Slack, Telegram,
-              Discord, MS Teams, WhatsApp, HTTP API, MCP.
+              model, skills. One config, every surface below.
             

             
-          Same code, fully managed. Multi-tenant per-user isolation, secret
-          proxy, automatic upgrades. Usage-based pricing.
+          Same code, run by Lobu. Per-user isolation, secret proxy, automatic
+          upgrades.
         
       ),
       code: (
@@ -948,8 +953,8 @@ function RunAnywhereSection() {
           models/ +{" "}
           connectors/ +{" "}
           agents/. One command to
-          boot embedded; Docker images and a Helm chart for self-hosting; a
-          managed runtime when you want someone else to keep it up.
+          boot embedded; Docker + Helm for self-hosting; Lobu Cloud when you
+          don't want to run it yourself.
         

       

       


From 7bcfbfd4a8c941f0ed833437c53a43afdd1fefed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 22:05:13 +0100
Subject: [PATCH 43/66] fix(landing): point Vite envDir at repo root so PostHog
 key loads
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Diagnosis:
- PosthogAnalytics.astro is conditional on import.meta.env.PUBLIC_POSTHOG_KEY.
- PUBLIC_POSTHOG_KEY lives in the repo-root .env, but Astro / Vite
  defaulted envDir to packages/landing — which has no .env — so the
  key was undefined and the snippet silently no-opped.
- Confirmed via curl on /: the inlined script tag was missing entirely.

Fix:
- Set vite.envDir = resolve(__dirname, '../..') in astro.config.mjs so
  Astro reads the workspace-root .env. Existing PUBLIC_POSTHOG_HOST
  default in the component continues to resolve to https://us.i.posthog.com.

Verification (post-fix, dev server restarted):
- curl http://localhost:4321/ now contains posthog.init + the real key
  (phc_pWy67DS...) + us.i.posthog.com api_host.
- agent-browser captures the GETs to us-assets.i.posthog.com (snippet
  bundle + config.js + surveys.js) — the bootstrap chain ran.
- window.posthog.__loaded === true, distinct_id assigned, sessionId
  assigned, api_host = https://us.i.posthog.com — the SDK is live and
  events are queueing.
- /e/ POSTs aren't visible in agent-browser's network log (it only
  captures GETs / sub-resource fetches, not fetch/POST), but the
  PostHog client state is fully initialized so capture_pageview +
  manual posthog.capture() will fire over the wire.
---
 packages/landing/astro.config.mjs | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/landing/astro.config.mjs b/packages/landing/astro.config.mjs
index 7919dcb9f..e59837bb7 100644
--- a/packages/landing/astro.config.mjs
+++ b/packages/landing/astro.config.mjs
@@ -115,6 +115,12 @@ export default defineConfig({
     sitemap(),
   ],
   vite: {
+    // Read .env from the repo root so PUBLIC_POSTHOG_KEY (and any other
+    // workspace-wide env we add later) reaches the build / dev server.
+    // Without this, Vite scopes envDir to this package and the repo-root
+    // .env is invisible — PosthogAnalytics then silently no-ops because
+    // posthogKey is undefined.
+    envDir: resolve(__dirname, "../.."),
     plugins: [settingsMockPlugin(), tailwindcss()],
     resolve: {
       alias: {

From 45fce74ca3b569ba6768cd034c2102d975fb9763 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Burak=20Emre=20Kabakc=C4=B1?= 
Date: Tue, 19 May 2026 22:18:17 +0100
Subject: [PATCH 44/66] feat(landing): animated fan-in/fan-out architecture
 diagram

Replaces the static three-column connector/memory/agent diagram with
a Notion-style animated fan-in/fan-out that cycles through five real
example scenarios every 2.5s.

- Trigger column: stripe / salesforce / linear / discourse / docusign
  event names, monospace pills with brand glyphs.
- Center: worker.watcher("") callout swapping per scenario,
  using actual watcher slugs from examples/sales, examples/legal,
  examples/finance, examples/agent-community, examples/lobu-crm.
- Action column: save_knowledge() / slack.post() reactions per scenario.
- S-curve flow lines are absolutely positioned over the grid and
  re-measured on resize so they always anchor row -> center -> row.
- Honors prefers-reduced-motion: cycle pauses on scenario 0.
- Stacks vertically below the lg breakpoint with vertical arrows
  between the trigger / watcher / action groups.
---
 .../src/components/ArchitectureDiagram.tsx    | 694 +++++++++++-------
 1 file changed, 430 insertions(+), 264 deletions(-)

diff --git a/packages/landing/src/components/ArchitectureDiagram.tsx b/packages/landing/src/components/ArchitectureDiagram.tsx
index 6f17367fa..7aaddd29b 100644
--- a/packages/landing/src/components/ArchitectureDiagram.tsx
+++ b/packages/landing/src/components/ArchitectureDiagram.tsx
@@ -1,214 +1,444 @@
 // biome-ignore-all format: stays compact for the landing-page panel
-import { messagingChannels } from "./platforms";
+import { useEffect, useRef, useState } from "preact/hooks";
 
 /**
- * Three-column architecture flow:
+ * Animated fan-in / fan-out diagram (Notion-/Vercel-style).
  *
- *   inputs (connector-sdk + brand logos)
- *     ── streaming event capture ──►
- *   knowledge graph (stacked layers + internal dreaming arrow + reactions out)
- *     ── agents read ──►
- *   agents (chat bots + api readers)
+ *   ┌──────────┐                    ┌──────────┐
+ *   │ trigger1 │─┐               ┌─▶│ action1  │
+ *   ├──────────┤  │  ┌────────┐  │  ├──────────┤
+ *   │ trigger2 │──┼─▶│ watcher├──┼─▶│ action2  │
+ *   ├──────────┤  │  └────────┘  │  ├──────────┤
+ *   │ trigger3 │─┘               └─▶│ action3  │
+ *   └──────────┘                    └──────────┘
  *
- * Flat layers (not a metaphor cube), big column gaps, solid 1.5px arrows,
- * larger brand glyphs. A single hairline-bottom border on each column card
- * adds enough weight to feel like a real diagram without breaking the
- * flat-composition rule (no glow, no drop shadow, no gradient).
+ * A scenario cycles every 2.5s. The active LEFT row, the center watcher
+ * label, and the active RIGHT row light up; lines connect them. Inactive
+ * rows dim. Honors prefers-reduced-motion (pauses on scenario 0).
+ *
+ * The watcher slugs (and the trigger events that feed them) are sourced
+ * from the real example projects in examples//models/schema.yaml,
+ * so anyone clicking through to the repo finds the same names.
  */
-export function ArchitectureDiagram() {
-  return (
-    

-      
-      
-      
-      
-      
-      
-      
-    

-  );
-}
+
+type Brand = { key: string; label: string; color: string; path: string };
 
 /* -------------------------------------------------------------------------- */
-/*  Shared frame                                                              */
+/*  Brand glyphs (simpleicons-style paths, MIT)                               */
 /* -------------------------------------------------------------------------- */
 
-function ColumnFrame(props: { title: string; children: preact.ComponentChildren; footer?: preact.ComponentChildren }) {
-  return (
-    

-      

-        {props.title}
-      

-      
{props.children}

-      {props.footer ? (
-        

-          {props.footer}
-        

-      ) : null}
-    

-  );
-}
+const BRANDS: Record = {
+  stripe: {
+    key: "stripe",
+    label: "Stripe",
+    color: "var(--color-page-text)",
+    path: "M13.479 9.883c-1.626-.604-2.512-1.067-2.512-1.803 0-.622.511-.977 1.422-.977 1.668 0 3.379.642 4.558 1.22l.666-4.111c-.935-.446-2.847-1.177-5.49-1.177-1.87 0-3.425.489-4.536 1.401-1.155.954-1.757 2.334-1.757 4.005 0 3.027 1.847 4.328 4.855 5.42 1.937.696 2.587 1.192 2.587 1.954 0 .74-.629 1.158-1.77 1.158-1.396 0-3.741-.69-5.323-1.585L5.5 19.612c1.305.74 3.722 1.5 6.245 1.5 1.977 0 3.629-.464 4.752-1.358 1.262-.985 1.915-2.432 1.915-4.155 0-3.105-1.89-4.392-4.933-5.516z",
+  },
+  salesforce: {
+    key: "salesforce",
+    label: "Salesforce",
+    color: "var(--color-page-text)",
+    path: "M10.006 5.415a4.195 4.195 0 0 1 3.045-1.306c1.56 0 2.954.9 3.69 2.205.63-.3 1.35-.45 2.1-.45 2.85 0 5.159 2.34 5.159 5.22 0 2.88-2.31 5.22-5.16 5.22-.345 0-.69-.044-1.02-.1-.659 1.185-1.92 1.996-3.355 1.996a3.84 3.84 0 0 1-1.68-.39 4.65 4.65 0 0 1-4.319 2.85c-1.905 0-3.6-1.155-4.29-2.85a3.661 3.661 0 0 1-.84.105c-2.146 0-3.886-1.756-3.886-3.93 0-1.46.78-2.733 1.95-3.42-.24-.555-.375-1.17-.375-1.8 0-2.535 2.07-4.59 4.605-4.59 1.5 0 2.82.72 3.66 1.83",
+  },
+  linear: {
+    key: "linear",
+    label: "Linear",
+    color: "var(--color-page-text)",
+    path: "M.403 13.795A12.131 12.131 0 0 0 10.203 23.6L.403 13.795zM.182 10.103l13.715 13.714a12.18 12.18 0 0 0 3.137-1.21L1.392 6.966a12.18 12.18 0 0 0-1.21 3.137zm3.135-5.836a12.16 12.16 0 0 1 1.51-1.84L21.572 19.17a12.137 12.137 0 0 1-1.84 1.51L3.317 4.267zM6.682 1.43A12.12 12.12 0 0 1 12 0c6.626 0 12 5.374 12 12 0 1.872-.428 3.643-1.193 5.22L6.682 1.43Z",
+  },
+  discourse: {
+    key: "discourse",
+    label: "Discourse",
+    color: "var(--color-page-text)",
+    path: "M12.103 0C5.404 0 0 5.405 0 12.103 0 18.8 5.405 24 12.103 24h11.79V12.103C23.893 5.404 18.802 0 12.103 0zm.105 4.5a7.617 7.617 0 0 1 6.61 11.4l1.092 3.825-4.122-.937a7.617 7.617 0 1 1-3.58-14.288z",
+  },
+  docusign: {
+    key: "docusign",
+    label: "DocuSign",
+    color: "var(--color-page-text)",
+    path: "M4 2h12l4 4v16H4V2zm2 2v16h12V8h-4V4H6zm2 6h8v2H8v-2zm0 4h8v2H8v-2zm0 4h5v2H8v-2z",
+  },
+  slack: {
+    key: "slack",
+    label: "Slack",
+    color: "var(--color-page-text)",
+    path: "M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z",
+  },
+  lobu: {
+    key: "lobu",
+    label: "Lobu",
+    color: "var(--color-page-text)",
+    // Simple "owl eye" glyph — concentric circle + dot. Stand-in for the
+    // Lobu mark; visually distinct from the third-party brand circles.
+    path: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 3a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm0 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6z",
+  },
+};
 
-function Pill({ label, dim = false }: { label: string; dim?: boolean }) {
+function BrandGlyph({ brandKey, size = 22 }: { brandKey: string; size?: number }) {
+  const brand = BRANDS[brandKey];
+  if (!brand) {
+    return (
+      }>
-      
-      

-        50+ bundled integrations
-      

-      

-        {CONNECTOR_BRANDS.map((b) => (
-          

-            
-          

-        ))}
+    

+      

+        Architecture
       

-    
+      

+        Event in. Memory out.
+      

+      

+        Connectors stream events. Watchers shape them into memory. Reactions take action.
+      

+    

   );
 }
 
 /* -------------------------------------------------------------------------- */
-/*  Middle column — flat stacked layers + internal dreaming arrow + reactions */
+/*  Board (desktop + mobile)                                                  */
 /* -------------------------------------------------------------------------- */
 
-function Layer({ label, sub }: { label: string; sub?: string }) {
+function DiagramBoard({ active }: { active: number }) {
   return (
     

-      
-        {label}
-      
-      {sub ? (
-        
-          {sub}
-        
-      ) : null}
+      {/* Mobile: stacked. Desktop: 3 columns with absolutely-positioned line overlay. */}
+      
+      

+        
+      

     

   );
 }
 
-function LayerConnector() {
-  // Short vertical bar joining adjacent layers — visual continuity without
-  // shouting 'arrow'. Lives between Layer rows.
+/* -------------------------------------------------------------------------- */
+/*  Desktop board                                                             */
+/* -------------------------------------------------------------------------- */
+
+function DesktopBoard({ active }: { active: number }) {
+  const scenario = SCENARIOS[active];
+  const boardRef = useRef(null);
+  const leftRefs = useRef<(HTMLDivElement | null)[]>([]);
+  const rightRefs = useRef<(HTMLDivElement | null)[]>([]);
+  const centerRef = useRef(null);
+
+  type Line = { x1: number; y1: number; x2: number; y2: number };
+  const [lines, setLines] = useState<{ inbound: Line | null; outbound: Line | null }>({
+    inbound: null,
+    outbound: null,
+  });
+
+  useEffect(() => {
+    function measure() {
+      const board = boardRef.current;
+      const center = centerRef.current;
+      const left = leftRefs.current[active];
+      const right = rightRefs.current[active];
+      if (!board || !center || !left || !right) return;
+      const boardBox = board.getBoundingClientRect();
+      const centerBox = center.getBoundingClientRect();
+      const leftBox = left.getBoundingClientRect();
+      const rightBox = right.getBoundingClientRect();
+      setLines({
+        inbound: {
+          x1: leftBox.right - boardBox.left,
+          y1: leftBox.top + leftBox.height / 2 - boardBox.top,
+          x2: centerBox.left - boardBox.left,
+          y2: centerBox.top + centerBox.height / 2 - boardBox.top,
+        },
+        outbound: {
+          x1: centerBox.right - boardBox.left,
+          y1: centerBox.top + centerBox.height / 2 - boardBox.top,
+          x2: rightBox.left - boardBox.left,
+          y2: rightBox.top + rightBox.height / 2 - boardBox.top,
+        },
+      });
+    }
+    measure();
+    window.addEventListener("resize", measure);
+    return () => window.removeEventListener("resize", measure);
+  }, [active]);
+
   return (
-