@tangle-network/agent-app 0.29.0 → 0.31.0

package/dist/{DesignCanvasEditor-IB2FMBBD.js → DesignCanvasEditor-QQNAZRJQ.js}

@@ -1,13 +1,13 @@
 import {
   DesignCanvasEditor
-} from "./chunk-N4ZFKQ5C.js";
+} from "./chunk-YYYXGLLQ.js";
 import "./chunk-YEWTVDDT.js";
 import "./chunk-V5XZKHCL.js";
 import "./chunk-XWJXZ6WE.js";
-import "./chunk-Y2SZVW35.js";
+import "./chunk-LVD37K5V.js";
 import "./chunk-M2EBUDZ7.js";
 import "./chunk-HFC4BTWJ.js";
 export {
   DesignCanvasEditor
 };
-//# sourceMappingURL=DesignCanvasEditor-IB2FMBBD.js.map
+//# sourceMappingURL=DesignCanvasEditor-QQNAZRJQ.js.map

package/dist/IntakeInterview-WHVKMNQW.js

@@ -0,0 +1,8 @@
+import {
+  IntakeInterview
+} from "./chunk-5I72FRZY.js";
+import "./chunk-ND3XEGBE.js";
+export {
+  IntakeInterview
+};
+//# sourceMappingURL=IntakeInterview-WHVKMNQW.js.map

package/dist/IntakeInterview-WHVKMNQW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-4K7BZYO7.js

@@ -0,0 +1,124 @@
+import {
+  emptyPayload,
+  markComplete,
+  payloadComplete,
+  withAnswer
+} from "./chunk-USYXHDKE.js";
+import {
+  getQuestion,
+  validateAnswer
+} from "./chunk-ND3XEGBE.js";
+
+// src/intakes/drizzle/store.ts
+import { eq } from "drizzle-orm";
+var IntakeError = class extends Error {
+  code;
+  constructor(code, message) {
+    super(message);
+    this.name = "IntakeError";
+    this.code = code;
+  }
+};
+function createScopedStore(opts) {
+  const { db, graph, table, scopeColumn, scopeValue, insertScope } = opts;
+  async function loadRow() {
+    const [row] = await db.select().from(table).where(eq(scopeColumn, scopeValue)).limit(1);
+    return row ?? null;
+  }
+  function toState(row) {
+    if (!row) {
+      return { payload: emptyPayload(graph), completed: false, completedAt: null };
+    }
+    const payload = normalizePayload(row.payload, row.graphId);
+    const completedAt = toDate(row.completedAt);
+    return {
+      payload,
+      completed: completedAt != null && payloadComplete(graph, payload),
+      completedAt
+    };
+  }
+  async function get() {
+    return toState(await loadRow());
+  }
+  async function upsertPayload(payload, completedAt) {
+    const existing = await loadRow();
+    if (existing) {
+      await db.update(table).set({ graphId: payload.graphId, payload, completedAt, updatedAt: /* @__PURE__ */ new Date() }).where(eq(scopeColumn, scopeValue));
+      return;
+    }
+    await db.insert(table).values({
+      ...insertScope,
+      graphId: payload.graphId,
+      payload,
+      completedAt
+    });
+  }
+  async function save(questionId, value) {
+    const question = getQuestion(graph, questionId);
+    if (!question) throw new IntakeError("unknown-question", `No question '${questionId}' in intake '${graph.id}'`);
+    const validity = validateAnswer(question, value);
+    if (!validity.ok) {
+      throw new IntakeError("invalid-answer", `Answer to '${questionId}' rejected: ${validity.reason}`);
+    }
+    const current = await get();
+    const next = withAnswer(current.payload, questionId, value);
+    await upsertPayload(next, current.completedAt);
+    return toState({ graphId: next.graphId, payload: next, completedAt: current.completedAt });
+  }
+  async function complete() {
+    const current = await get();
+    if (current.payload.graphId !== graph.id) {
+      throw new IntakeError("stale-graph", `Intake payload was collected against '${current.payload.graphId}', not '${graph.id}'`);
+    }
+    if (!payloadComplete(graph, current.payload)) {
+      throw new IntakeError("incomplete", `Intake '${graph.id}' has unanswered required questions`);
+    }
+    const completedPayload = markComplete(current.payload);
+    const completedAt = new Date(completedPayload.completedAt);
+    await upsertPayload(completedPayload, completedAt);
+    return { payload: completedPayload, completed: true, completedAt };
+  }
+  return { get, save, complete };
+}
+function createUserIntakeStore(opts) {
+  return createScopedStore({
+    db: opts.db,
+    graph: opts.graph,
+    table: opts.table,
+    scopeColumn: opts.table.userId,
+    scopeValue: opts.userId,
+    insertScope: { userId: opts.userId }
+  });
+}
+function createProjectIntakeStore(opts) {
+  return createScopedStore({
+    db: opts.db,
+    graph: opts.graph,
+    table: opts.table,
+    scopeColumn: opts.table.workspaceId,
+    scopeValue: opts.workspaceId,
+    insertScope: { workspaceId: opts.workspaceId }
+  });
+}
+function normalizePayload(raw, graphId) {
+  if (raw && typeof raw === "object" && "answers" in raw) {
+    const candidate = raw;
+    return {
+      graphId: candidate.graphId ?? graphId,
+      answers: candidate.answers ?? {},
+      ...candidate.completedAt ? { completedAt: candidate.completedAt } : {}
+    };
+  }
+  return { graphId, answers: {} };
+}
+function toDate(value) {
+  if (value == null) return null;
+  return value instanceof Date ? value : new Date(Number(value) * (Number(value) < 1e12 ? 1e3 : 1));
+}
+
+export {
+  IntakeError,
+  createUserIntakeStore,
+  createProjectIntakeStore
+};
+//# sourceMappingURL=chunk-4K7BZYO7.js.map

package/dist/chunk-4K7BZYO7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/intakes/drizzle/store.ts"],"sourcesContent":["/**\n * Drizzle-backed store over the tables from `createIntakeTables`. One store\n * builder per scope: `createUserIntakeStore` (keyed on userId) and\n * `createProjectIntakeStore` (keyed on workspaceId). Each returns the same\n * three-method surface — `get` / `save` / `complete` — so the api handlers and\n * the UI talk to one shape regardless of scope.\n *\n * Works against any SQLite drizzle driver (better-sqlite3, D1, libsql): the\n * builders are awaited, never `.run()`/`.all()`, so sync and async drivers\n * behave identically.\n *\n * Validation is fail-loud and pure (from the `./intakes` leaf). `save` runs\n * `validateAnswer` before writing, so an invalid answer can never enter the\n * payload; `complete` runs `payloadComplete` and refuses to stamp an\n * incomplete (or stale-graph) intake — it throws a typed `IntakeError` rather\n * than silently writing a half-finished onboarding state.\n *\n * `getProjectIntakeStore` pins `workspaceId` in every WHERE clause; RBAC runs\n * in the route before the store is built, but the scope key is enforced here\n * too, so a leaked id can never read or write across the boundary.\n *\n * Imports `drizzle-orm`, so this is a subpath, never re-exported from root.\n */\n\nimport { eq } from 'drizzle-orm'\nimport type { BaseSQLiteDatabase } from 'drizzle-orm/sqlite-core'\nimport {\n  type IntakeAnswerValue,\n  type IntakeGraph,\n  getQuestion,\n  validateAnswer,\n} from '../model'\nimport {\n  type IntakePayload,\n  emptyPayload,\n  markComplete,\n  payloadComplete,\n  withAnswer,\n} from '../completion'\nimport type { ProjectIntakeTable, UserIntakeTable } from './schema'\n\n/** Any SQLite drizzle database — `any` erases driver-specific generics so\n *  better-sqlite3, D1, and libsql handles all fit. */\nexport type IntakeDatabase = BaseSQLiteDatabase<'sync' | 'async', any, any>\n\n/** A loaded intake: the payload plus whether it is complete against the graph. */\nexport interface IntakeState {\n  payload: IntakePayload\n  completed: boolean\n  completedAt: Date | null\n}\n\nexport type IntakeErrorCode = 'invalid-answer' | 'unknown-question' | 'incomplete' | 'stale-graph'\n\n/** Thrown by store mutations on a refused write — callers map it to a 4xx. */\nexport class IntakeError extends Error {\n  readonly code: IntakeErrorCode\n  constructor(code: IntakeErrorCode, message: string) {\n    super(message)\n    this.name = 'IntakeError'\n    this.code = code\n  }\n}\n\n/** The three-method store surface, identical for both scopes. */\nexport interface IntakeStore {\n  /** Load the current intake, or seed an empty payload when none exists yet. */\n  get(): Promise<IntakeState>\n  /** Validate and persist one answer; returns the updated state. */\n  save(questionId: string, value: IntakeAnswerValue): Promise<IntakeState>\n  /** Stamp the intake complete; throws IntakeError when not yet completable. */\n  complete(): Promise<IntakeState>\n}\n\ninterface IntakeTableShape {\n  id: any\n  graphId: any\n  payload: any\n  completedAt: any\n  updatedAt: any\n}\n\ninterface ScopedStoreOptions {\n  db: IntakeDatabase\n  graph: IntakeGraph\n  table: IntakeTableShape\n  /** The scope column (userIntake.userId or projectIntake.workspaceId). */\n  scopeColumn: any\n  scopeValue: string\n  /** Extra columns to set on insert (the scope key). */\n  insertScope: Record<string, unknown>\n}\n\nfunction createScopedStore(opts: ScopedStoreOptions): IntakeStore {\n  const { db, graph, table, scopeColumn, scopeValue, insertScope } = opts\n\n  async function loadRow() {\n    const [row] = await db\n      .select()\n      .from(table as any)\n      .where(eq(scopeColumn, scopeValue))\n      .limit(1)\n    return (row ?? null) as\n      | { id: string; graphId: string; payload: unknown; completedAt: Date | number | null }\n      | null\n  }\n\n  function toState(\n    row: { graphId: string; payload: unknown; completedAt: Date | number | null } | null,\n  ): IntakeState {\n    if (!row) {\n      return { payload: emptyPayload(graph), completed: false, completedAt: null }\n    }\n    const payload = normalizePayload(row.payload, row.graphId)\n    const completedAt = toDate(row.completedAt)\n    return {\n      payload,\n      completed: completedAt != null && payloadComplete(graph, payload),\n      completedAt,\n    }\n  }\n\n  async function get(): Promise<IntakeState> {\n    return toState(await loadRow())\n  }\n\n  async function upsertPayload(payload: IntakePayload, completedAt: Date | null) {\n    const existing = await loadRow()\n    if (existing) {\n      await db\n        .update(table as any)\n        .set({ graphId: payload.graphId, payload, completedAt, updatedAt: new Date() })\n        .where(eq(scopeColumn, scopeValue))\n      return\n    }\n    await db.insert(table as any).values({\n      ...insertScope,\n      graphId: payload.graphId,\n      payload,\n      completedAt,\n    })\n  }\n\n  async function save(questionId: string, value: IntakeAnswerValue): Promise<IntakeState> {\n    const question = getQuestion(graph, questionId)\n    if (!question) throw new IntakeError('unknown-question', `No question '${questionId}' in intake '${graph.id}'`)\n    const validity = validateAnswer(question, value)\n    if (!validity.ok) {\n      throw new IntakeError('invalid-answer', `Answer to '${questionId}' rejected: ${validity.reason}`)\n    }\n\n    const current = await get()\n    const next = withAnswer(current.payload, questionId, value)\n    await upsertPayload(next, current.completedAt)\n    return toState({ graphId: next.graphId, payload: next, completedAt: current.completedAt })\n  }\n\n  async function complete(): Promise<IntakeState> {\n    const current = await get()\n    if (current.payload.graphId !== graph.id) {\n      throw new IntakeError('stale-graph', `Intake payload was collected against '${current.payload.graphId}', not '${graph.id}'`)\n    }\n    if (!payloadComplete(graph, current.payload)) {\n      throw new IntakeError('incomplete', `Intake '${graph.id}' has unanswered required questions`)\n    }\n    const completedPayload = markComplete(current.payload)\n    const completedAt = new Date(completedPayload.completedAt!)\n    await upsertPayload(completedPayload, completedAt)\n    return { payload: completedPayload, completed: true, completedAt }\n  }\n\n  return { get, save, complete }\n}\n\nexport interface CreateUserIntakeStoreOptions {\n  db: IntakeDatabase\n  /** The user-intake table from createIntakeTables. */\n  table: UserIntakeTable\n  /** The intake definition this store collects answers against. */\n  graph: IntakeGraph\n  /** The user whose onboarding this is. */\n  userId: string\n}\n\n/** Build the per-user onboarding store, scoped to one userId. */\nexport function createUserIntakeStore(opts: CreateUserIntakeStoreOptions): IntakeStore {\n  return createScopedStore({\n    db: opts.db,\n    graph: opts.graph,\n    table: opts.table as unknown as IntakeTableShape,\n    scopeColumn: opts.table.userId,\n    scopeValue: opts.userId,\n    insertScope: { userId: opts.userId },\n  })\n}\n\nexport interface CreateProjectIntakeStoreOptions {\n  db: IntakeDatabase\n  /** The project-intake table from createIntakeTables (workspace scope). */\n  table: ProjectIntakeTable\n  graph: IntakeGraph\n  /** The workspace this intake is attached to. */\n  workspaceId: string\n}\n\n/** Build the per-project store, scoped to one workspaceId. */\nexport function createProjectIntakeStore(opts: CreateProjectIntakeStoreOptions): IntakeStore {\n  return createScopedStore({\n    db: opts.db,\n    graph: opts.graph,\n    table: opts.table as unknown as IntakeTableShape,\n    scopeColumn: opts.table.workspaceId,\n    scopeValue: opts.workspaceId,\n    insertScope: { workspaceId: opts.workspaceId },\n  })\n}\n\nfunction normalizePayload(raw: unknown, graphId: string): IntakePayload {\n  if (raw && typeof raw === 'object' && 'answers' in (raw as Record<string, unknown>)) {\n    const candidate = raw as Partial<IntakePayload>\n    return {\n      graphId: candidate.graphId ?? graphId,\n      answers: candidate.answers ?? {},\n      ...(candidate.completedAt ? { completedAt: candidate.completedAt } : {}),\n    }\n  }\n  return { graphId, answers: {} }\n}\n\nfunction toDate(value: Date | number | null | undefined): Date | null {\n  if (value == null) return null\n  return value instanceof Date ? value : new Date(Number(value) * (Number(value) < 1e12 ? 1000 : 1))\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-5I72FRZY.js

@@ -0,0 +1,212 @@
+import {
+  validateAnswer
+} from "./chunk-ND3XEGBE.js";
+
+// src/intakes-react/components/IntakeInterview.tsx
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function IntakeInterview({
+  view: initialView,
+  onAnswer,
+  onComplete,
+  onDone,
+  onNotice
+}) {
+  const [view, setView] = useState(initialView);
+  const [draft, setDraft] = useState(currentAnswer(initialView));
+  const [busy, setBusy] = useState(false);
+  const [doneFired, setDoneFired] = useState(false);
+  useEffect(() => {
+    setView(initialView);
+    setDraft(currentAnswer(initialView));
+  }, [initialView]);
+  useEffect(() => {
+    if (view.completed && !doneFired) {
+      setDoneFired(true);
+      onDone?.();
+    }
+  }, [view.completed, doneFired, onDone]);
+  function notify(kind, message) {
+    onNotice?.({ kind, message });
+  }
+  const question = view.nextQuestion;
+  async function submit() {
+    if (!question || busy) return;
+    const validity = validateAnswer(question, draft);
+    if (!validity.ok) {
+      notify("error", `Please answer: ${validity.reason}`);
+      return;
+    }
+    setBusy(true);
+    try {
+      const next = await onAnswer({ questionId: question.id, value: normalize(question, draft) });
+      setView(next);
+      setDraft(currentAnswer(next));
+    } catch (err) {
+      notify("error", err instanceof Error ? err.message : "Failed to save answer");
+    } finally {
+      setBusy(false);
+    }
+  }
+  async function finish() {
+    if (busy) return;
+    setBusy(true);
+    try {
+      const next = await onComplete();
+      setView(next);
+      notify("success", "All set.");
+    } catch (err) {
+      notify("error", err instanceof Error ? err.message : "Failed to finish");
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-5", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-[var(--text-primary)]", children: view.title }),
+      view.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-muted)]", children: view.description }),
+      /* @__PURE__ */ jsx(ProgressBar, { answered: view.progress.answered, total: view.progress.total })
+    ] }),
+    view.completed ? /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)]", children: "Thanks \u2014 your intake is complete." }) : question ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-base font-medium text-[var(--text-primary)]", children: question.prompt }),
+        question.help && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-muted)]", children: question.help })
+      ] }),
+      /* @__PURE__ */ jsx(AnswerField, { question, value: draft, onChange: setDraft, onSubmit: () => void submit() }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => void submit(),
+          disabled: busy,
+          className: "rounded bg-[var(--brand-primary)] px-4 py-1.5 text-sm text-white disabled:opacity-50",
+          children: busy ? "Saving\u2026" : "Continue"
+        }
+      ) })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)]", children: "That's everything. Ready to finish?" }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => void finish(),
+          disabled: busy,
+          className: "rounded bg-[var(--brand-primary)] px-4 py-1.5 text-sm text-white disabled:opacity-50",
+          children: busy ? "Finishing\u2026" : "Finish"
+        }
+      ) })
+    ] })
+  ] });
+}
+function AnswerField({ question, value, onChange, onSubmit }) {
+  const inputClass = "rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-3 py-2 text-sm text-[var(--text-primary)] placeholder:text-[var(--text-muted)]";
+  switch (question.type) {
+    case "long-text":
+      return /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          rows: 4,
+          "aria-label": question.prompt,
+          value: typeof value === "string" ? value : "",
+          onChange: (event) => onChange(event.target.value),
+          className: inputClass
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: [{ v: true, l: "Yes" }, { v: false, l: "No" }].map((opt) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onChange(opt.v),
+          className: `rounded border px-4 py-1.5 text-sm ${value === opt.v ? "border-[var(--brand-primary)] bg-[var(--brand-primary)] text-white" : "border-[var(--border-default)] bg-[var(--bg-input)] text-[var(--text-secondary)]"}`,
+          children: opt.l
+        },
+        opt.l
+      )) });
+    case "number":
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "number",
+          "aria-label": question.prompt,
+          value: typeof value === "number" ? value : "",
+          onChange: (event) => onChange(event.target.value === "" ? null : Number(event.target.value)),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") onSubmit();
+          },
+          className: inputClass
+        }
+      );
+    case "single-select":
+      return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5", children: (question.options ?? []).map((option) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onChange(option.value),
+          className: `rounded border px-3 py-2 text-left text-sm ${value === option.value ? "border-[var(--brand-primary)] bg-[var(--bg-input)] text-[var(--text-primary)]" : "border-[var(--border-default)] bg-[var(--bg-input)] text-[var(--text-secondary)]"}`,
+          children: option.label
+        },
+        option.value
+      )) });
+    case "multi-select": {
+      const selected = Array.isArray(value) ? value : [];
+      return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5", children: (question.options ?? []).map((option) => {
+        const on = selected.includes(option.value);
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onChange(on ? selected.filter((v) => v !== option.value) : [...selected, option.value]),
+            className: `rounded border px-3 py-2 text-left text-sm ${on ? "border-[var(--brand-primary)] bg-[var(--bg-input)] text-[var(--text-primary)]" : "border-[var(--border-default)] bg-[var(--bg-input)] text-[var(--text-secondary)]"}`,
+            children: option.label
+          },
+          option.value
+        );
+      }) });
+    }
+    default:
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: question.type === "email" ? "email" : question.type === "url" ? "url" : "text",
+          "aria-label": question.prompt,
+          value: typeof value === "string" ? value : "",
+          onChange: (event) => onChange(event.target.value),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") onSubmit();
+          },
+          className: inputClass
+        }
+      );
+  }
+}
+function ProgressBar({ answered, total }) {
+  const pct = total > 0 ? Math.round(answered / total * 100) : 0;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-1.5 flex-1 overflow-hidden rounded-full bg-[var(--bg-input)]", children: /* @__PURE__ */ jsx("div", { className: "h-full rounded-full bg-[var(--brand-primary)] transition-all", style: { width: `${pct}%` } }) }),
+    /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--text-muted)]", children: [
+      answered,
+      "/",
+      total
+    ] })
+  ] });
+}
+function currentAnswer(view) {
+  const id = view.nextQuestion?.id;
+  if (!id) return null;
+  return view.answers[id] ?? defaultDraft(view.nextQuestion);
+}
+function defaultDraft(question) {
+  return question.type === "multi-select" ? [] : null;
+}
+function normalize(question, value) {
+  if (typeof value === "string" && (question.type === "text" || question.type === "long-text" || question.type === "url" || question.type === "email")) {
+    return value.trim();
+  }
+  return value;
+}
+
+export {
+  IntakeInterview
+};
+//# sourceMappingURL=chunk-5I72FRZY.js.map

package/dist/chunk-5I72FRZY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/intakes-react/components/IntakeInterview.tsx"],"sourcesContent":["/**\n * Agent-led intake interview: asks one question at a time, advancing as each\n * answer is saved. Fully callback-driven — the host supplies the loaded `view`\n * and the async `onAnswer` / `onComplete` callbacks (backed by `./intakes/api`),\n * so this imports no app router, fetch client, or toast. Styled with the\n * shipped Tangle Quiet tokens (`var(--*)`).\n *\n * The server owns traversal: each `onAnswer` resolves with the next view (next\n * question + progress), so the component never re-derives the graph — it renders\n * `view.nextQuestion`, and when that is null and the view is completable it\n * shows the finish action. Local validation only gates the submit button; the\n * authoritative validation runs in the store.\n */\n\nimport { useEffect, useState } from 'react'\nimport type { IntakeAnswerValue, IntakeQuestion } from '../../intakes/model'\nimport { validateAnswer } from '../../intakes/model'\nimport type { IntakeInterviewProps, IntakeView } from '../contracts'\n\nexport function IntakeInterview({\n  view: initialView,\n  onAnswer,\n  onComplete,\n  onDone,\n  onNotice,\n}: IntakeInterviewProps) {\n  const [view, setView] = useState<IntakeView>(initialView)\n  const [draft, setDraft] = useState<IntakeAnswerValue>(currentAnswer(initialView))\n  const [busy, setBusy] = useState(false)\n  const [doneFired, setDoneFired] = useState(false)\n\n  useEffect(() => {\n    setView(initialView)\n    setDraft(currentAnswer(initialView))\n  }, [initialView])\n\n  useEffect(() => {\n    if (view.completed && !doneFired) {\n      setDoneFired(true)\n      onDone?.()\n    }\n  }, [view.completed, doneFired, onDone])\n\n  function notify(kind: 'success' | 'error', message: string) {\n    onNotice?.({ kind, message })\n  }\n\n  const question = view.nextQuestion\n\n  async function submit() {\n    if (!question || busy) return\n    const validity = validateAnswer(question, draft)\n    if (!validity.ok) {\n      notify('error', `Please answer: ${validity.reason}`)\n      return\n    }\n    setBusy(true)\n    try {\n      const next = await onAnswer({ questionId: question.id, value: normalize(question, draft) })\n      setView(next)\n      setDraft(currentAnswer(next))\n    } catch (err) {\n      notify('error', err instanceof Error ? err.message : 'Failed to save answer')\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  async function finish() {\n    if (busy) return\n    setBusy(true)\n    try {\n      const next = await onComplete()\n      setView(next)\n      notify('success', 'All set.')\n    } catch (err) {\n      notify('error', err instanceof Error ? err.message : 'Failed to finish')\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  return (\n    <section className=\"flex flex-col gap-5\">\n      <header className=\"flex flex-col gap-1\">\n        <h2 className=\"text-lg font-semibold text-[var(--text-primary)]\">{view.title}</h2>\n        {view.description && <p className=\"text-sm text-[var(--text-muted)]\">{view.description}</p>}\n        <ProgressBar answered={view.progress.answered} total={view.progress.total} />\n      </header>\n\n      {view.completed ? (\n        <p className=\"text-sm text-[var(--text-secondary)]\">Thanks — your intake is complete.</p>\n      ) : question ? (\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex flex-col gap-1\">\n            <p className=\"text-base font-medium text-[var(--text-primary)]\">{question.prompt}</p>\n            {question.help && <p className=\"text-xs text-[var(--text-muted)]\">{question.help}</p>}\n          </div>\n\n          <AnswerField question={question} value={draft} onChange={setDraft} onSubmit={() => void submit()} />\n\n          <div className=\"flex justify-end\">\n            <button\n              type=\"button\"\n              onClick={() => void submit()}\n              disabled={busy}\n              className=\"rounded bg-[var(--brand-primary)] px-4 py-1.5 text-sm text-white disabled:opacity-50\"\n            >\n              {busy ? 'Saving…' : 'Continue'}\n            </button>\n          </div>\n        </div>\n      ) : (\n        <div className=\"flex flex-col gap-3\">\n          <p className=\"text-sm text-[var(--text-secondary)]\">That's everything. Ready to finish?</p>\n          <div className=\"flex justify-end\">\n            <button\n              type=\"button\"\n              onClick={() => void finish()}\n              disabled={busy}\n              className=\"rounded bg-[var(--brand-primary)] px-4 py-1.5 text-sm text-white disabled:opacity-50\"\n            >\n              {busy ? 'Finishing…' : 'Finish'}\n            </button>\n          </div>\n        </div>\n      )}\n    </section>\n  )\n}\n\ninterface AnswerFieldProps {\n  question: IntakeQuestion\n  value: IntakeAnswerValue\n  onChange(value: IntakeAnswerValue): void\n  onSubmit(): void\n}\n\nfunction AnswerField({ question, value, onChange, onSubmit }: AnswerFieldProps) {\n  const inputClass =\n    'rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-3 py-2 text-sm text-[var(--text-primary)] placeholder:text-[var(--text-muted)]'\n\n  switch (question.type) {\n    case 'long-text':\n      return (\n        <textarea\n          rows={4}\n          aria-label={question.prompt}\n          value={typeof value === 'string' ? value : ''}\n          onChange={(event) => onChange(event.target.value)}\n          className={inputClass}\n        />\n      )\n    case 'boolean':\n      return (\n        <div className=\"flex gap-2\">\n          {[{ v: true, l: 'Yes' }, { v: false, l: 'No' }].map((opt) => (\n            <button\n              key={opt.l}\n              type=\"button\"\n              onClick={() => onChange(opt.v)}\n              className={`rounded border px-4 py-1.5 text-sm ${\n                value === opt.v\n                  ? 'border-[var(--brand-primary)] bg-[var(--brand-primary)] text-white'\n                  : 'border-[var(--border-default)] bg-[var(--bg-input)] text-[var(--text-secondary)]'\n              }`}\n            >\n              {opt.l}\n            </button>\n          ))}\n        </div>\n      )\n    case 'number':\n      return (\n        <input\n          type=\"number\"\n          aria-label={question.prompt}\n          value={typeof value === 'number' ? value : ''}\n          onChange={(event) => onChange(event.target.value === '' ? null : Number(event.target.value))}\n          onKeyDown={(event) => { if (event.key === 'Enter') onSubmit() }}\n          className={inputClass}\n        />\n      )\n    case 'single-select':\n      return (\n        <div className=\"flex flex-col gap-1.5\">\n          {(question.options ?? []).map((option) => (\n            <button\n              key={option.value}\n              type=\"button\"\n              onClick={() => onChange(option.value)}\n              className={`rounded border px-3 py-2 text-left text-sm ${\n                value === option.value\n                  ? 'border-[var(--brand-primary)] bg-[var(--bg-input)] text-[var(--text-primary)]'\n                  : 'border-[var(--border-default)] bg-[var(--bg-input)] text-[var(--text-secondary)]'\n              }`}\n            >\n              {option.label}\n            </button>\n          ))}\n        </div>\n      )\n    case 'multi-select': {\n      const selected = Array.isArray(value) ? value : []\n      return (\n        <div className=\"flex flex-col gap-1.5\">\n          {(question.options ?? []).map((option) => {\n            const on = selected.includes(option.value)\n            return (\n              <button\n                key={option.value}\n                type=\"button\"\n                onClick={() =>\n                  onChange(on ? selected.filter((v) => v !== option.value) : [...selected, option.value])\n                }\n                className={`rounded border px-3 py-2 text-left text-sm ${\n                  on\n                    ? 'border-[var(--brand-primary)] bg-[var(--bg-input)] text-[var(--text-primary)]'\n                    : 'border-[var(--border-default)] bg-[var(--bg-input)] text-[var(--text-secondary)]'\n                }`}\n              >\n                {option.label}\n              </button>\n            )\n          })}\n        </div>\n      )\n    }\n    default:\n      return (\n        <input\n          type={question.type === 'email' ? 'email' : question.type === 'url' ? 'url' : 'text'}\n          aria-label={question.prompt}\n          value={typeof value === 'string' ? value : ''}\n          onChange={(event) => onChange(event.target.value)}\n          onKeyDown={(event) => { if (event.key === 'Enter') onSubmit() }}\n          className={inputClass}\n        />\n      )\n  }\n}\n\nfunction ProgressBar({ answered, total }: { answered: number; total: number }) {\n  const pct = total > 0 ? Math.round((answered / total) * 100) : 0\n  return (\n    <div className=\"flex items-center gap-2\">\n      <div className=\"h-1.5 flex-1 overflow-hidden rounded-full bg-[var(--bg-input)]\">\n        <div className=\"h-full rounded-full bg-[var(--brand-primary)] transition-all\" style={{ width: `${pct}%` }} />\n      </div>\n      <span className=\"text-xs text-[var(--text-muted)]\">{answered}/{total}</span>\n    </div>\n  )\n}\n\nfunction currentAnswer(view: IntakeView): IntakeAnswerValue {\n  const id = view.nextQuestion?.id\n  if (!id) return null\n  return view.answers[id] ?? defaultDraft(view.nextQuestion!)\n}\n\nfunction defaultDraft(question: IntakeQuestion): IntakeAnswerValue {\n  return question.type === 'multi-select' ? [] : null\n}\n\n/** Trim text answers before submit; pass others through unchanged. */\nfunction normalize(question: IntakeQuestion, value: IntakeAnswerValue): IntakeAnswerValue {\n  if (typeof value === 'string' && (question.type === 'text' || question.type === 'long-text' || question.type === 'url' || question.type === 'email')) {\n    return value.trim()\n  }\n  return value\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-S5CAJX6O.js → chunk-FJUOBNIY.js}

@@ -1,7 +1,7 @@
 // src/design-canvas-react/lazy.tsx
 import { lazy } from "react";
 var DesignCanvasLazy = lazy(
-  () => import("./DesignCanvasEditor-IB2FMBBD.js").then((m) => ({ default: m.DesignCanvasEditor }))
+  () => import("./DesignCanvasEditor-QQNAZRJQ.js").then((m) => ({ default: m.DesignCanvasEditor }))
 );
 var DesignCanvasChromeLazy = lazy(
   () => import("./DesignCanvas-AOIVN3SJ.js").then((m) => ({ default: m.DesignCanvas }))
@@ -11,4 +11,4 @@ export {
   DesignCanvasLazy,
   DesignCanvasChromeLazy
 };
-//# sourceMappingURL=chunk-S5CAJX6O.js.map
+//# sourceMappingURL=chunk-FJUOBNIY.js.map

package/dist/{chunk-Y2SZVW35.js → chunk-LVD37K5V.js}

@@ -1,29 +1,29 @@
 // src/theme/theme.ts
 var lightTheme = {
   background: "0 0% 100%",
-  foreground: "222 47% 11%",
-  card: "0 0% 100%",
-  cardForeground: "222 47% 11%",
+  foreground: "0 0% 5%",
+  card: "240 7% 97%",
+  cardForeground: "0 0% 5%",
   popover: "0 0% 100%",
-  popoverForeground: "222 47% 11%",
-  primary: "221 83% 47%",
+  popoverForeground: "0 0% 5%",
+  primary: "245 62% 57%",
   primaryForeground: "0 0% 100%",
-  secondary: "210 40% 96%",
-  secondaryForeground: "222 47% 30%",
-  muted: "210 40% 96%",
-  mutedForeground: "215 16% 44%",
-  accent: "210 40% 96%",
-  accentForeground: "222 47% 11%",
-  destructive: "0 72% 45%",
+  secondary: "240 6% 93%",
+  secondaryForeground: "0 0% 10%",
+  muted: "240 6% 93%",
+  mutedForeground: "240 5% 38%",
+  accent: "240 6% 93%",
+  accentForeground: "0 0% 10%",
+  destructive: "0 72% 41%",
   destructiveForeground: "0 0% 100%",
-  border: "214 32% 91%",
-  input: "214 32% 91%",
-  ring: "221 83% 53%",
-  success: "142 72% 29%",
+  border: "240 6% 89%",
+  input: "240 6% 89%",
+  ring: "245 62% 57%",
+  success: "160 84% 26%",
   successForeground: "0 0% 100%",
-  warning: "38 92% 32%",
+  warning: "41 96% 38%",
   warningForeground: "38 92% 12%",
-  canvasBackdrop: "hsl(220 13% 91%)",
+  canvasBackdrop: "hsl(240 7% 90%)",
   canvasRender: {
     grid: "#c0c0c0",
     snapGrid: "#a0a0a0",
@@ -39,30 +39,30 @@ var lightTheme = {
   }
 };
 var darkTheme = {
-  background: "222 47% 7%",
-  foreground: "210 40% 98%",
-  card: "222 47% 11%",
-  cardForeground: "210 40% 98%",
-  popover: "222 47% 11%",
-  popoverForeground: "210 40% 98%",
-  primary: "217 91% 72%",
-  primaryForeground: "222 47% 11%",
-  secondary: "217 33% 17%",
-  secondaryForeground: "210 40% 90%",
-  muted: "217 33% 17%",
-  mutedForeground: "215 20% 65%",
-  accent: "217 33% 17%",
-  accentForeground: "210 40% 98%",
-  destructive: "0 78% 67%",
+  background: "240 8% 5%",
+  foreground: "240 6% 93%",
+  card: "240 5% 8%",
+  cardForeground: "240 6% 93%",
+  popover: "240 4% 13%",
+  popoverForeground: "240 6% 93%",
+  primary: "239 84% 74%",
+  primaryForeground: "0 0% 100%",
+  secondary: "240 5% 11%",
+  secondaryForeground: "240 6% 93%",
+  muted: "240 5% 11%",
+  mutedForeground: "240 4% 62%",
+  accent: "240 5% 11%",
+  accentForeground: "240 6% 93%",
+  destructive: "348 90% 68%",
   destructiveForeground: "0 0% 12%",
-  border: "217 33% 20%",
-  input: "217 33% 20%",
-  ring: "217 91% 60%",
-  success: "142 60% 50%",
-  successForeground: "142 80% 12%",
-  warning: "38 95% 58%",
+  border: "240 3% 13%",
+  input: "240 5% 11%",
+  ring: "239 84% 74%",
+  success: "160 70% 52%",
+  successForeground: "160 84% 10%",
+  warning: "40 94% 56%",
   warningForeground: "38 92% 12%",
-  canvasBackdrop: "hsl(0 0% 10%)",
+  canvasBackdrop: "hsl(240 8% 5%)",
   canvasRender: {
     grid: "#3a3a3a",
     snapGrid: "#5a5a5a",
@@ -122,4 +122,4 @@ export {
   themeColor,
   themeToCssVars
 };
-//# sourceMappingURL=chunk-Y2SZVW35.js.map
+//# sourceMappingURL=chunk-LVD37K5V.js.map

package/dist/chunk-LVD37K5V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/theme.ts"],"sourcesContent":["/**\n * Typed mirror of tokens.css for runtime/JS theming. The canonical source is\n * tokens.css (`import '@tangle-network/agent-app/styles'`); this module is for\n * apps that compute theme variables in JS, or read color values where CSS\n * custom properties cannot reach — notably Konva canvas render code, which\n * paints to a bitmap and cannot resolve `var(--…)`.\n *\n * Values are shadcn-style HSL channel triples (\"H S% L%\"); wrap with `color()`.\n */\n\nexport interface AgentAppTheme {\n  background: string\n  foreground: string\n  card: string\n  cardForeground: string\n  popover: string\n  popoverForeground: string\n  primary: string\n  primaryForeground: string\n  secondary: string\n  secondaryForeground: string\n  muted: string\n  mutedForeground: string\n  accent: string\n  accentForeground: string\n  destructive: string\n  destructiveForeground: string\n  border: string\n  input: string\n  ring: string\n  success: string\n  successForeground: string\n  warning: string\n  warningForeground: string\n  /** Full CSS color (not a triple) — the canvas/scene backdrop. */\n  canvasBackdrop: string\n  /** Konva render palette — full hex colors the bitmap canvas paints with\n   *  (it cannot resolve `var(--…)`). NOT emitted by themeToCssVars. */\n  canvasRender: CanvasRenderPalette\n}\n\n/**\n * Colors the Konva design-canvas paints directly. Konva renders to a bitmap\n * and cannot read CSS custom properties, so these are full hex strings sourced\n * from the active theme and threaded through the canvas components.\n */\nexport interface CanvasRenderPalette {\n  /** Grid line color (GridLayer). */\n  grid: string\n  /** Grid-snap guide line (SnapGuidesOverlay, kind 'grid'). */\n  snapGrid: string\n  /** Saved ruler-guide snap line (kind 'guide'). */\n  snapGuide: string\n  /** Page edge/center snap line (kinds 'page-edge'/'page-center'). */\n  snapPage: string\n  /** Element edge/center snap line (kinds 'element-edge'/'element-center'). */\n  snapElement: string\n  /** Transformer border + anchor stroke (SelectionLayer). */\n  selectionStroke: string\n  /** Transformer anchor fill (SelectionLayer). */\n  selectionAnchorFill: string\n  /** Video placeholder fill (ElementNode VideoNode). */\n  placeholderFill: string\n  /** Video placeholder stroke (ElementNode VideoNode). */\n  placeholderStroke: string\n  /** Broken/loading image placeholder fill (ElementNode ImageNode). */\n  brokenFill: string\n  /** Broken/loading image placeholder stroke (ElementNode ImageNode). */\n  brokenStroke: string\n}\n\nexport const lightTheme: AgentAppTheme = {\n  background: '0 0% 100%',\n  foreground: '0 0% 5%',\n  card: '240 7% 97%',\n  cardForeground: '0 0% 5%',\n  popover: '0 0% 100%',\n  popoverForeground: '0 0% 5%',\n  primary: '245 62% 57%',\n  primaryForeground: '0 0% 100%',\n  secondary: '240 6% 93%',\n  secondaryForeground: '0 0% 10%',\n  muted: '240 6% 93%',\n  mutedForeground: '240 5% 38%',\n  accent: '240 6% 93%',\n  accentForeground: '0 0% 10%',\n  destructive: '0 72% 41%',\n  destructiveForeground: '0 0% 100%',\n  border: '240 6% 89%',\n  input: '240 6% 89%',\n  ring: '245 62% 57%',\n  success: '160 84% 26%',\n  successForeground: '0 0% 100%',\n  warning: '41 96% 38%',\n  warningForeground: '38 92% 12%',\n  canvasBackdrop: 'hsl(240 7% 90%)',\n  canvasRender: {\n    grid: '#c0c0c0',\n    snapGrid: '#a0a0a0',\n    snapGuide: '#3b82f6',\n    snapPage: '#f59e0b',\n    snapElement: '#f43f5e',\n    selectionStroke: '#00a1ff',\n    selectionAnchorFill: '#ffffff',\n    placeholderFill: '#1f2937',\n    placeholderStroke: '#374151',\n    brokenFill: '#e5e7eb',\n    brokenStroke: '#9ca3af',\n  },\n}\n\nexport const darkTheme: AgentAppTheme = {\n  background: '240 8% 5%',\n  foreground: '240 6% 93%',\n  card: '240 5% 8%',\n  cardForeground: '240 6% 93%',\n  popover: '240 4% 13%',\n  popoverForeground: '240 6% 93%',\n  primary: '239 84% 74%',\n  primaryForeground: '0 0% 100%',\n  secondary: '240 5% 11%',\n  secondaryForeground: '240 6% 93%',\n  muted: '240 5% 11%',\n  mutedForeground: '240 4% 62%',\n  accent: '240 5% 11%',\n  accentForeground: '240 6% 93%',\n  destructive: '348 90% 68%',\n  destructiveForeground: '0 0% 12%',\n  border: '240 3% 13%',\n  input: '240 5% 11%',\n  ring: '239 84% 74%',\n  success: '160 70% 52%',\n  successForeground: '160 84% 10%',\n  warning: '40 94% 56%',\n  warningForeground: '38 92% 12%',\n  canvasBackdrop: 'hsl(240 8% 5%)',\n  canvasRender: {\n    grid: '#3a3a3a',\n    snapGrid: '#5a5a5a',\n    snapGuide: '#3b82f6',\n    snapPage: '#f59e0b',\n    snapElement: '#f43f5e',\n    selectionStroke: '#00a1ff',\n    selectionAnchorFill: '#e5e7eb',\n    placeholderFill: '#2a2f3a',\n    placeholderStroke: '#3f4654',\n    brokenFill: '#262b33',\n    brokenStroke: '#4b5563',\n  },\n}\n\n/** Wrap a channel triple in `hsl()`; pass through values already in a color form. */\nexport function themeColor(value: string): string {\n  return value.startsWith('hsl') || value.startsWith('#') || value.startsWith('rgb')\n    ? value\n    : `hsl(${value})`\n}\n\n/**\n * Map a theme to the full CSS-variable set (shadcn triples + canvas/sequences\n * aliases + canvas surface). Apply at runtime to scope a theme without loading\n * tokens.css: `Object.assign(el.style, themeToCssVars(darkTheme))`.\n */\nexport function themeToCssVars(theme: AgentAppTheme): Record<string, string> {\n  return {\n    '--background': theme.background,\n    '--foreground': theme.foreground,\n    '--card': theme.card,\n    '--card-foreground': theme.cardForeground,\n    '--popover': theme.popover,\n    '--popover-foreground': theme.popoverForeground,\n    '--primary': theme.primary,\n    '--primary-foreground': theme.primaryForeground,\n    '--secondary': theme.secondary,\n    '--secondary-foreground': theme.secondaryForeground,\n    '--muted': theme.muted,\n    '--muted-foreground': theme.mutedForeground,\n    '--accent': theme.accent,\n    '--accent-foreground': theme.accentForeground,\n    '--destructive': theme.destructive,\n    '--destructive-foreground': theme.destructiveForeground,\n    '--border': theme.border,\n    '--input': theme.input,\n    '--ring': theme.ring,\n    '--success': theme.success,\n    '--success-foreground': theme.successForeground,\n    '--warning': theme.warning,\n    '--warning-foreground': theme.warningForeground,\n    '--bg-input': `hsl(${theme.card})`,\n    '--text-primary': `hsl(${theme.foreground})`,\n    '--text-secondary': `hsl(${theme.secondaryForeground})`,\n    '--text-muted': `hsl(${theme.mutedForeground})`,\n    '--text-danger': `hsl(${theme.destructive})`,\n    '--border-default': `hsl(${theme.border})`,\n    '--brand-primary': `hsl(${theme.primary})`,\n    '--canvas-backdrop': theme.canvasBackdrop,\n  }\n}\n"],"mappings":"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","names":[]}