@tangle-network/agent-app 0.29.0 → 0.31.0

package/dist/model-Cuj7d-xT.d.ts

@@ -0,0 +1,116 @@
+/**
+ * Pure intake MODEL — the question-graph and the answer/completion algebra a
+ * one-question-at-a-time interview runs on. Zero dependencies: no drizzle, no
+ * env, no react, no I/O. The DB layer (`./intakes/drizzle`), the handlers
+ * (`./intakes/api`) and the React surface (`./intakes-react`) all build on
+ * these functions; this leaf imports nothing back, so a consumer can pull just
+ * the intake math.
+ *
+ * An intake is an ordered list of questions, optionally branching: a question
+ * can declare `next` as a function of the answers so far, so the next prompt
+ * depends on what was said (e.g. "do you have a website?" → no → skip the URL
+ * question). Traversal is pure and deterministic — `nextQuestion(graph, answers)`
+ * folds the answers into the single question to ask next (or null = done), and
+ * `isComplete` is true exactly when every REQUIRED reachable question has a
+ * valid answer.
+ *
+ * Answers are a flat `Record<questionId, value>`. Each question declares an
+ * answer `type` that `validateAnswer` checks against — the same validation the
+ * UI runs before advancing and the store runs before persisting, so an invalid
+ * answer can never enter the payload.
+ */
+/** The kinds of answer a question accepts. */
+type IntakeAnswerType = 'text' | 'long-text' | 'single-select' | 'multi-select' | 'boolean' | 'number' | 'url' | 'email';
+/** A selectable option for single/multi-select questions. */
+interface IntakeOption {
+    value: string;
+    label: string;
+}
+/** A flat map of answers keyed by question id. */
+type IntakeAnswers = Record<string, IntakeAnswerValue>;
+/** Any value an answer can hold; the type is validated per-question. */
+type IntakeAnswerValue = string | string[] | number | boolean | null;
+/**
+ * One question in the graph. `next` (optional) makes the graph branch: given
+ * the answers so far it returns the id of the question to ask next, or null to
+ * end the interview early. With no `next`, traversal falls through to the next
+ * question in declaration order.
+ */
+interface IntakeQuestion {
+    id: string;
+    /** The prompt the interviewer asks. */
+    prompt: string;
+    type: IntakeAnswerType;
+    /** Required questions gate completion; optional ones may be skipped. */
+    required?: boolean;
+    /** Help text shown under the prompt. */
+    help?: string;
+    /** Options for single/multi-select questions. */
+    options?: IntakeOption[];
+    /** Min length (text) or min value (number); inclusive. */
+    min?: number;
+    /** Max length (text) or max value (number); inclusive. */
+    max?: number;
+    /**
+     * Branch override: given the answers so far, the id of the next question
+     * (or null to end early). Omit for linear flow (next in declaration order).
+     */
+    next?(answers: IntakeAnswers): string | null;
+}
+/** The intake definition: an ordered, addressable set of questions. */
+interface IntakeGraph {
+    /** Stable id for the intake definition (e.g. 'user-onboarding-v1'). */
+    id: string;
+    /** Human title shown at the top of the interview. */
+    title: string;
+    /** Optional one-line description. */
+    description?: string;
+    /** Questions in declaration (default traversal) order. */
+    questions: IntakeQuestion[];
+}
+/** The reason an answer failed validation. */
+type AnswerRejectionReason = 'required' | 'wrong-type' | 'too-short' | 'too-long' | 'too-small' | 'too-large' | 'not-an-option' | 'invalid-url' | 'invalid-email' | 'unknown-question';
+interface AnswerValidationResult {
+    ok: boolean;
+    reason?: AnswerRejectionReason;
+}
+/** Look up a question by id, or null if the graph has none. */
+declare function getQuestion(graph: IntakeGraph, questionId: string): IntakeQuestion | null;
+/** True when an answer value is present (not null/undefined/empty). */
+declare function hasAnswer(value: IntakeAnswerValue | undefined): boolean;
+/**
+ * Validate one answer against its question. Pure: no I/O, no graph mutation.
+ * An empty value is rejected as `required` only when the question is required;
+ * an empty value for an optional question is OK (the user skipped it).
+ */
+declare function validateAnswer(question: IntakeQuestion, value: IntakeAnswerValue | undefined): AnswerValidationResult;
+/**
+ * The single question to ask next given the answers so far, or null when the
+ * interview is done. Walks the graph from the first question, following each
+ * question's `next` branch (or declaration order) and stopping at the first
+ * reachable question that has no valid answer yet. Deterministic and pure.
+ *
+ * A `next` that points at a missing id, or returns null, ends the walk — so a
+ * malformed graph terminates rather than looping. A visited-set guards against
+ * a cyclic `next`.
+ */
+declare function nextQuestion(graph: IntakeGraph, answers: IntakeAnswers): IntakeQuestion | null;
+/**
+ * True when every REQUIRED question reachable under the current answers has a
+ * valid answer. Pure: it replays the same traversal `nextQuestion` uses and is
+ * complete exactly when that traversal has no question left to ask.
+ */
+declare function isComplete(graph: IntakeGraph, answers: IntakeAnswers): boolean;
+/**
+ * Progress as answered-vs-total over the REACHABLE required questions under the
+ * current answers — what a progress bar renders. Optional questions don't count
+ * toward the denominator (they never block completion).
+ */
+declare function intakeProgress(graph: IntakeGraph, answers: IntakeAnswers): {
+    answered: number;
+    total: number;
+};
+/** The questions reachable under the current answers, in traversal order. */
+declare function reachableQuestions(graph: IntakeGraph, answers: IntakeAnswers): IntakeQuestion[];
+
+export { type AnswerRejectionReason as A, type IntakeAnswerValue as I, type IntakeQuestion as a, type IntakeGraph as b, type IntakeAnswers as c, type AnswerValidationResult as d, type IntakeAnswerType as e, type IntakeOption as f, getQuestion as g, hasAnswer as h, intakeProgress as i, isComplete as j, nextQuestion as n, reachableQuestions as r, validateAnswer as v };

package/dist/theme/index.js

@@ -4,7 +4,7 @@ import {
   lightTheme,
   themeColor,
   themeToCssVars
-} from "../chunk-Y2SZVW35.js";
+} from "../chunk-LVD37K5V.js";
 export {
   darkTheme,
   lightTheme,

package/dist/theme/tokens.css

@@ -18,36 +18,36 @@
  */
 
 :root {
-  /* shadcn channel triples — "H S% L%", consumed as hsl(var(--name)) */
+  /* shadcn channel triples — "H S% L%", consumed as hsl(var(--name)).
+     Values mirror @tangle-network/brand (Tangle Quiet) so agent-app surfaces
+     match sandbox-ui in the same app. agent-app keeps its own light-default /
+     [data-theme="dark"] scope model (brand is dark-default), so /theme stays
+     dependency-free — only the values are shared, not the cascade. */
   --background: 0 0% 100%;
-  --foreground: 222 47% 11%;
-  --card: 0 0% 100%;
-  --card-foreground: 222 47% 11%;
+  --foreground: 0 0% 5%;
+  --card: 240 7% 97%;
+  --card-foreground: 0 0% 5%;
   --popover: 0 0% 100%;
-  --popover-foreground: 222 47% 11%;
-  --primary: 221 83% 47%;
+  --popover-foreground: 0 0% 5%;
+  --primary: 245 62% 57%;
   --primary-foreground: 0 0% 100%;
-  --secondary: 210 40% 96%;
-  --secondary-foreground: 222 47% 30%;
-  --muted: 210 40% 96%;
-  /* 44% L (was 47%) so muted text clears WCAG AA even on subtly tinted surfaces
-     (e.g. the failed tool card's 5%-red wash); ~4.7:1 on white. */
-  --muted-foreground: 215 16% 44%;
-  --accent: 210 40% 96%;
-  --accent-foreground: 222 47% 11%;
-  --destructive: 0 72% 45%;
+  --secondary: 240 6% 93%;
+  --secondary-foreground: 0 0% 10%;
+  --muted: 240 6% 93%;
+  --muted-foreground: 240 5% 38%;
+  --accent: 240 6% 93%;
+  --accent-foreground: 0 0% 10%;
+  --destructive: 0 72% 41%;
   --destructive-foreground: 0 0% 100%;
-  --border: 214 32% 91%;
-  --input: 214 32% 91%;
-  --ring: 221 83% 53%;
-  /* note: --primary below is darkened from 53% → 47% L so the brand blue clears
-     WCAG AA (4.5:1) when used AS TEXT on a light surface; --ring stays at the
-     brighter 53% (a 2px focus ring only needs 3:1 non-text contrast). */
-  /* status colors — dark enough on light surfaces to clear AA as text (used by
-     chips, dots, and solid buttons via the Tailwind preset's success/warning). */
-  --success: 142 72% 29%;
+  --border: 240 6% 89%;
+  --input: 240 6% 89%;
+  --ring: 245 62% 57%;
+  /* status colors — brand hues (teal/gold/red), but lightness kept dark enough
+     to clear WCAG AA when used AS TEXT on tinted chips. Brand's own status
+     accents are dot/surface colors and are not text-contrast-tuned. */
+  --success: 160 84% 26%;
   --success-foreground: 0 0% 100%;
-  --warning: 38 92% 32%;
+  --warning: 41 96% 38%;
   --warning-foreground: 38 92% 12%;
 
   /* canvas/sequences aliases — full colors, resolve to the triples above */
@@ -62,34 +62,36 @@
 
   /* canvas-only surfaces (not part of the shadcn vocabulary). Name matches the
      `--canvas-backdrop` the design-canvas Workspace references (with a #1a1a1a fallback). */
-  --canvas-backdrop: hsl(220 13% 91%);
+  --canvas-backdrop: hsl(240 7% 90%);
 }
 
 [data-theme='dark'],
 .dark {
-  --background: 222 47% 7%;
-  --foreground: 210 40% 98%;
-  --card: 222 47% 11%;
-  --card-foreground: 210 40% 98%;
-  --popover: 222 47% 11%;
-  --popover-foreground: 210 40% 98%;
-  --primary: 217 91% 72%;
-  --primary-foreground: 222 47% 11%;
-  --secondary: 217 33% 17%;
-  --secondary-foreground: 210 40% 90%;
-  --muted: 217 33% 17%;
-  --muted-foreground: 215 20% 65%;
-  --accent: 217 33% 17%;
-  --accent-foreground: 210 40% 98%;
-  --destructive: 0 78% 67%;
+  --background: 240 8% 5%;
+  --foreground: 240 6% 93%;
+  --card: 240 5% 8%;
+  --card-foreground: 240 6% 93%;
+  --popover: 240 4% 13%;
+  --popover-foreground: 240 6% 93%;
+  /* 74% L (brand's #818CF8 intent) so primary clears AA as TEXT on a primary/10
+     tint in dark; the solid primary button pairs it with a light foreground. */
+  --primary: 239 84% 74%;
+  --primary-foreground: 0 0% 100%;
+  --secondary: 240 5% 11%;
+  --secondary-foreground: 240 6% 93%;
+  --muted: 240 5% 11%;
+  --muted-foreground: 240 4% 62%;
+  --accent: 240 5% 11%;
+  --accent-foreground: 240 6% 93%;
+  --destructive: 348 90% 68%;
   --destructive-foreground: 0 0% 12%;
-  --border: 217 33% 20%;
-  --input: 217 33% 20%;
-  --ring: 217 91% 60%;
-  --success: 142 60% 50%;
-  --success-foreground: 142 80% 12%;
-  --warning: 38 95% 58%;
+  --border: 240 3% 13%;
+  --input: 240 5% 11%;
+  --ring: 239 84% 74%;
+  --success: 160 70% 52%;
+  --success-foreground: 160 84% 10%;
+  --warning: 40 94% 56%;
   --warning-foreground: 38 92% 12%;
 
-  --canvas-backdrop: hsl(0 0% 10%);
+  --canvas-backdrop: hsl(240 8% 5%);
 }

package/dist/web-react/index.d.ts

@@ -260,13 +260,18 @@ interface SeatPaywallProps {
     tagline?: string;
     /** CTA label. Default "Unlock {product}". */
     ctaLabel?: string;
+    /** Value-prop bullets. Default = product/usage-derived only; pass your own to
+     *  supply product-specific value props (the shell bakes no GTM copy). */
+    benefits?: ReactNode[];
+    /** Optional fine print under the CTA (e.g. "Cancel anytime."). Omitted by default. */
+    footnote?: ReactNode;
 }
 /**
  * Centered card paywall. The price line reads
  * "$100/mo · includes $50/mo of AI usage" so the included allowance anchors the
  * value without ever exposing the ratio.
  */
-declare function SeatPaywall({ product, onCheckout, priceUsd, includedUsageUsd, tagline, ctaLabel, }: SeatPaywallProps): ReactNode;
+declare function SeatPaywall({ product, onCheckout, priceUsd, includedUsageUsd, tagline, ctaLabel, benefits, footnote, }: SeatPaywallProps): ReactNode;
 
 /**
  * Keyboard + pointer model for a trigger-and-popover pair, dependency-free.

package/dist/web-react/index.js

@@ -895,7 +895,9 @@ function SeatPaywall({
   priceUsd = 100,
   includedUsageUsd = 50,
   tagline,
-  ctaLabel
+  ctaLabel,
+  benefits,
+  footnote
 }) {
   const { pending, run } = usePending();
   return /* @__PURE__ */ jsx4("div", { className: "flex min-h-[60vh] w-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs4("div", { className: "w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-sm", children: [
@@ -917,18 +919,10 @@ function SeatPaywall({
       includedUsageUsd,
       "/mo of AI usage"
     ] }),
-    /* @__PURE__ */ jsxs4("ul", { className: "mt-6 space-y-2.5", children: [
-      /* @__PURE__ */ jsxs4(Benefit, { children: [
-        "Full access to ",
-        product
-      ] }),
-      /* @__PURE__ */ jsxs4(Benefit, { children: [
-        "$",
-        includedUsageUsd,
-        "/mo of AI usage included, every month"
-      ] }),
-      /* @__PURE__ */ jsx4(Benefit, { children: "One Tangle wallet across every product you run" })
-    ] }),
+    /* @__PURE__ */ jsx4("ul", { className: "mt-6 space-y-2.5", children: (benefits ?? [
+      `Full access to ${product}`,
+      `$${includedUsageUsd}/mo of AI usage included, every month`
+    ]).map((benefit, i) => /* @__PURE__ */ jsx4(Benefit, { children: benefit }, i)) }),
     /* @__PURE__ */ jsx4(
       "button",
       {
@@ -939,7 +933,7 @@ function SeatPaywall({
         children: pending ? "Opening checkout\u2026" : ctaLabel ?? `Unlock ${product}`
       }
     ),
-    /* @__PURE__ */ jsx4("p", { className: "mt-3 text-center text-xs text-muted-foreground/70", children: "Cancel anytime." })
+    footnote && /* @__PURE__ */ jsx4("p", { className: "mt-3 text-center text-xs text-muted-foreground/70", children: footnote })
   ] }) });
 }