@hanzo/ui 8.27.26 → 8.27.31

package/dist/onboarding/roles.js

@@ -0,0 +1,407 @@
+export const ROLES_TITLE = "What kind of work do you do?";
+export const ROLES_SUBTITLE = "Pick a role so Hanzo can tailor your experience.";
+export const ROLES_PLACEHOLDER = "Select your role";
+export const OWN_TOPIC = "I have my own topic";
+export const ROLES = [
+    {
+        "role": "Product management",
+        "prompts": [
+            {
+                "icon": "doc",
+                "label": "Build a PRD template",
+                "prompt": "Build a product requirements document template I can reuse: problem, users, goals and non-goals, requirements, metrics, risks and open questions. Ask me about my product first."
+            },
+            {
+                "icon": "chat",
+                "label": "Investigate a metric shift",
+                "prompt": "Help me investigate a shift in one of my product metrics. Ask which metric moved, by how much and since when, then walk me through the likely causes to check in order."
+            },
+            {
+                "icon": "pencil",
+                "label": "Prioritize my backlog",
+                "prompt": "Help me prioritize my product backlog. I'll paste the items; rank them by impact and effort and explain the trade-offs."
+            }
+        ]
+    },
+    {
+        "role": "Software engineer",
+        "prompts": [
+            {
+                "icon": "code",
+                "label": "Review my PR diff",
+                "prompt": "Review this pull request diff for bugs, risky changes and missing tests. I'll paste it next."
+            },
+            {
+                "icon": "bulb",
+                "label": "Explain a code pattern",
+                "prompt": "Explain a code pattern to me. I'll name the pattern or paste the code; say what problem it solves, how it works and when not to use it."
+            },
+            {
+                "icon": "code",
+                "label": "Test my function",
+                "prompt": "Write tests for my function. I'll paste it; cover the normal cases, the edges and the failures, and say what each test proves."
+            }
+        ]
+    },
+    {
+        "role": "Engineering",
+        "prompts": [
+            {
+                "icon": "doc",
+                "label": "Debug unexpected behavior",
+                "prompt": "Help me debug unexpected behavior in a system I work on. Ask what I expected and what happened, then narrow it down one hypothesis at a time."
+            },
+            {
+                "icon": "grid",
+                "label": "Draft a technical doc",
+                "prompt": "Draft a technical design doc. Ask me what we are building and why, then write context, proposal, alternatives, risks and rollout."
+            },
+            {
+                "icon": "chart",
+                "label": "Plan an eng project",
+                "prompt": "Help me plan an engineering project. Ask about the goal and the team, then break it into milestones, dependencies and risks."
+            }
+        ]
+    },
+    {
+        "role": "Human resources",
+        "prompts": [
+            {
+                "icon": "person",
+                "label": "Draft a job description",
+                "prompt": "Draft a job description. Ask me for the role, level and team, then write the summary, responsibilities, requirements and what we offer, in plain inclusive language."
+            },
+            {
+                "icon": "doc",
+                "label": "Polish an HR policy draft",
+                "prompt": "Polish an HR policy draft. I'll paste it; make it clear, consistent and fair, and flag anything that needs legal review."
+            },
+            {
+                "icon": "calendar",
+                "label": "Plan an onboarding checklist",
+                "prompt": "Plan an onboarding checklist for a new hire. Ask about the role, then lay out the first day, week and month."
+            }
+        ]
+    },
+    {
+        "role": "Finance",
+        "prompts": [
+            {
+                "icon": "chart",
+                "label": "Explain a finance concept",
+                "prompt": "Explain a finance concept to me. I'll name it; use a plain definition, a worked example and the common mistakes."
+            },
+            {
+                "icon": "books",
+                "label": "Plan an annual budget cycle",
+                "prompt": "Help me plan an annual budget cycle: timeline, inputs from each team, review steps and approvals. Ask about my company size first."
+            },
+            {
+                "icon": "doc",
+                "label": "Frame a budget variance",
+                "prompt": "Help me frame a budget variance for leadership. I'll give the plan and actual numbers; explain the drivers and what to do next."
+            }
+        ]
+    },
+    {
+        "role": "Marketing",
+        "prompts": [
+            {
+                "icon": "pencil",
+                "label": "Plan a campaign calendar",
+                "prompt": "Plan a marketing campaign calendar. Ask about the goal, audience and channels, then lay out themes, assets and dates by week."
+            },
+            {
+                "icon": "chart",
+                "label": "Find my funnel drop-off",
+                "prompt": "Help me find where my marketing funnel drops off. I'll share the stage numbers; point to the weakest step and what to test."
+            },
+            {
+                "icon": "pencil",
+                "label": "Campaign copy variants",
+                "prompt": "Write variants of campaign copy. I'll give the product and audience; offer five angles with headline and body for each."
+            }
+        ]
+    },
+    {
+        "role": "Sales",
+        "prompts": [
+            {
+                "icon": "pencil",
+                "label": "Prep for a discovery call",
+                "prompt": "Prep me for a sales discovery call. Ask about the prospect, then give me questions to ask, signals to listen for and a next-step ask."
+            },
+            {
+                "icon": "grid",
+                "label": "Map an account plan",
+                "prompt": "Help me map an account plan: stakeholders, needs, risks, and the actions that move the deal. Ask about the account first."
+            },
+            {
+                "icon": "bulb",
+                "label": "Handle a sales objection",
+                "prompt": "Help me handle a sales objection. I'll tell you what the buyer said; give me an honest reply and a question that moves us forward."
+            }
+        ]
+    },
+    {
+        "role": "Operations",
+        "prompts": [
+            {
+                "icon": "grid",
+                "label": "Plan a rollout",
+                "prompt": "Help me plan a rollout of a change across my organization: audiences, sequence, communication, support and how we will know it worked."
+            },
+            {
+                "icon": "doc",
+                "label": "Explain approval workflows",
+                "prompt": "Explain how approval workflows work and how to design one. Ask about the process, then suggest steps, owners and limits."
+            },
+            {
+                "icon": "clock",
+                "label": "Draft a vendor RFP",
+                "prompt": "Draft a vendor request for proposal. Ask what we need, then write scope, requirements, evaluation criteria and timeline."
+            }
+        ]
+    },
+    {
+        "role": "Data science",
+        "prompts": [
+            {
+                "icon": "chart",
+                "label": "Boost model performance",
+                "prompt": "Help me improve the performance of a machine learning model. Ask about the task, data and current metrics, then rank what to try."
+            },
+            {
+                "icon": "bulb",
+                "label": "Pick a concept to explain",
+                "prompt": "Suggest a data science concept worth explaining well, then explain it: intuition first, then the math, then a small example."
+            },
+            {
+                "icon": "chart",
+                "label": "Read my eval metrics",
+                "prompt": "Help me read my evaluation metrics. I'll paste them; say what they show, what they hide and what to measure next."
+            }
+        ]
+    },
+    {
+        "role": "Design",
+        "prompts": [
+            {
+                "icon": "palette",
+                "label": "Explore visual directions",
+                "prompt": "Help me explore visual directions for a design. Ask about the audience and tone, then describe three distinct directions and their trade-offs."
+            },
+            {
+                "icon": "clock",
+                "label": "Find friction in my flow",
+                "prompt": "Help me find friction in a user flow. I'll describe the steps; point to where people stall and what to change."
+            },
+            {
+                "icon": "pencil",
+                "label": "Critique my mockup",
+                "prompt": "Critique my mockup. I'll describe or attach it; give honest feedback on hierarchy, clarity and accessibility."
+            }
+        ]
+    },
+    {
+        "role": "Scientist",
+        "prompts": [
+            {
+                "icon": "dna",
+                "label": "Interpret my results",
+                "prompt": "Help me interpret my results. I'll describe the experiment and paste the data; say what it supports, what it does not and what to check."
+            },
+            {
+                "icon": "chat",
+                "label": "Simplify my method for outsiders",
+                "prompt": "Simplify my method for a non-specialist audience. I'll describe it; keep it accurate and plain."
+            },
+            {
+                "icon": "bulb",
+                "label": "Abstract from notes",
+                "prompt": "Turn my notes into an abstract. I'll paste them; write a tight abstract with background, method, result and conclusion."
+            }
+        ]
+    },
+    {
+        "role": "Legal",
+        "prompts": [
+            {
+                "icon": "gavel",
+                "label": "Flag contract risks",
+                "prompt": "Flag the risks in a contract. I'll paste it; list the clauses that worry you, why, and what to ask for instead. This is not legal advice."
+            },
+            {
+                "icon": "bulb",
+                "label": "Respond to a legal demand",
+                "prompt": "Help me respond to a legal demand. I'll paste it; outline the options, deadlines and a first draft reply for a lawyer to review."
+            },
+            {
+                "icon": "doc",
+                "label": "Summarize a contract",
+                "prompt": "Summarize a contract. I'll paste it; give the parties, term, obligations, payments, termination and anything unusual."
+            }
+        ]
+    },
+    {
+        "role": "Student",
+        "prompts": [
+            {
+                "icon": "cap",
+                "label": "Make a study plan",
+                "prompt": "Make a study plan. Ask what I am studying and when the exam is, then schedule topics, practice and review."
+            },
+            {
+                "icon": "bulb",
+                "label": "Debug my reasoning",
+                "prompt": "Debug my reasoning. I'll lay out an argument or a solution; find the step that fails and help me fix it."
+            },
+            {
+                "icon": "pencil",
+                "label": "Outline my essay",
+                "prompt": "Outline my essay. I'll give the topic and thesis; propose a structure with the point of each paragraph."
+            }
+        ]
+    },
+    {
+        "role": "Founder",
+        "prompts": [
+            {
+                "icon": "pencil",
+                "label": "Map the competitive landscape",
+                "prompt": "Map the competitive landscape for my company. Ask what we sell and to whom, then group competitors and show where we differ."
+            },
+            {
+                "icon": "code",
+                "label": "Explain a code pattern",
+                "prompt": "Explain a code pattern to me. I'll name the pattern or paste the code; say what problem it solves, how it works and when not to use it."
+            },
+            {
+                "icon": "bulb",
+                "label": "Plan next quarter",
+                "prompt": "Help me plan next quarter. Ask about goals and constraints, then set three priorities, key results and the risks."
+            }
+        ]
+    },
+    {
+        "role": "Writer",
+        "prompts": [
+            {
+                "icon": "pencil",
+                "label": "Find article angles",
+                "prompt": "Find angles for an article. I'll give the topic; offer five distinct angles, each with a working headline and why it is worth reading."
+            },
+            {
+                "icon": "chat",
+                "label": "Structure long-form writing",
+                "prompt": "Structure a long-form piece. I'll describe it; propose sections, order and where the argument turns."
+            },
+            {
+                "icon": "pencil",
+                "label": "Write a first draft",
+                "prompt": "Write a first draft. Ask for the topic, audience and length, then draft it in a plain, direct voice I can edit."
+            }
+        ]
+    },
+    {
+        "role": "Educator",
+        "prompts": [
+            {
+                "icon": "books",
+                "label": "Build a lesson plan",
+                "prompt": "Build a lesson plan. Ask about the subject, level and time, then write objectives, activities and a check for understanding."
+            },
+            {
+                "icon": "chat",
+                "label": "Give student feedback",
+                "prompt": "Help me give student feedback. I'll paste the work; write feedback that names strengths, one thing to improve and how."
+            },
+            {
+                "icon": "doc",
+                "label": "Diagnose a student misconception",
+                "prompt": "Help me diagnose a student misconception. I'll describe the mistake; find the idea behind it and how to correct it."
+            }
+        ]
+    },
+    {
+        "role": "Consultant",
+        "prompts": [
+            {
+                "icon": "slides",
+                "label": "Prep for a client meeting",
+                "prompt": "Prep me for a client meeting. Ask about the client and goal, then give an agenda, key questions and likely objections."
+            },
+            {
+                "icon": "chat",
+                "label": "Explain a consulting framework",
+                "prompt": "Explain a consulting framework. I'll name it; say when to use it, how to apply it and where it misleads."
+            },
+            {
+                "icon": "bulb",
+                "label": "Build a consulting deck",
+                "prompt": "Build the outline of a consulting deck. Ask about the question and audience, then give a slide-by-slide storyline with the message of each slide."
+            }
+        ]
+    },
+    {
+        "role": "Researcher",
+        "prompts": [
+            {
+                "icon": "binoculars",
+                "label": "Survey the literature",
+                "prompt": "Survey the literature on a topic. I'll name it; group the main lines of work, key papers and open questions."
+            },
+            {
+                "icon": "grid",
+                "label": "Review my research design",
+                "prompt": "Review my research design. I'll describe it; point out threats to validity, missing controls and what to change."
+            },
+            {
+                "icon": "books",
+                "label": "Draft a grant paragraph",
+                "prompt": "Draft a grant paragraph. I'll give the aim and approach; write a clear paragraph on significance and innovation."
+            }
+        ]
+    },
+    {
+        "role": "Healthcare",
+        "prompts": [
+            {
+                "icon": "dna",
+                "label": "Think through a differential",
+                "prompt": "Help me think through a differential diagnosis. I'll give the presentation; list the possibilities, what supports each and what to check next. For clinician education, not a diagnosis."
+            },
+            {
+                "icon": "chat",
+                "label": "Summarize a clinical paper",
+                "prompt": "Summarize a clinical paper. I'll paste it; give the question, design, results, limits and what it means for practice."
+            },
+            {
+                "icon": "doc",
+                "label": "Prep a difficult conversation",
+                "prompt": "Help me prepare a difficult conversation with a patient or family. Ask about the situation, then help me plan what to say and how to listen."
+            }
+        ]
+    },
+    {
+        "role": "Other",
+        "prompts": [
+            {
+                "icon": "bulb",
+                "label": "Brainstorm with me",
+                "prompt": "Brainstorm with me. Ask what I am working on, then offer many different ideas and help me pick."
+            },
+            {
+                "icon": "grid",
+                "label": "Weigh a hard decision",
+                "prompt": "Help me weigh a hard decision. Ask about the options, then lay out what matters, the trade-offs and what would change my mind."
+            },
+            {
+                "icon": "chat",
+                "label": "Draft something for me",
+                "prompt": "Draft something for me. Ask what it is and who it is for, then write a first version I can edit."
+            }
+        ]
+    }
+];
+//# sourceMappingURL=roles.js.map

package/dist/onboarding/roles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"roles.js","sourceRoot":"","sources":["../../src/onboarding/roles.ts"],"names":[],"mappings":"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"}

package/dist/onboarding/screens.cjs

@@ -0,0 +1,121 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.slug = void 0;
+exports.Primary = Primary;
+exports.UseCards = UseCards;
+exports.Plans = Plans;
+exports.TeamName = TeamName;
+exports.IntervalChoice = IntervalChoice;
+exports.Seats = Seats;
+exports.Enterprise = Enterprise;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const button_1 = require("../backends/gui/button.cjs");
+const card_1 = require("../backends/gui/card.cjs");
+const choice_1 = require("../backends/gui/choice.cjs");
+const field_1 = require("../backends/gui/field.cjs");
+const input_1 = require("../backends/gui/input.cjs");
+const layout_1 = require("../backends/gui/layout.cjs");
+const stepper_1 = require("../backends/gui/stepper.cjs");
+const textarea_1 = require("../backends/gui/textarea.cjs");
+const api_1 = require("./api.cjs");
+const frame_1 = require("./frame.cjs");
+const plans_1 = require("./plans.cjs");
+/** A team's IAM handle from its name: lowercase words joined by hyphens, 39 characters at most. */
+const slug = (name) => name
+    .normalize('NFKD')
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, '-')
+    .replace(/^-+|-+$/g, '')
+    .slice(0, 39)
+    .replace(/-+$/, '');
+exports.slug = slug;
+/** The filled, full-width action of a screen. */
+function Primary({ children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", size: "lg", rounded: "$10", bg: "$ink", color: "$background", borderColor: "$ink", hoverStyle: { opacity: 0.92 }, ...props, children: children }));
+}
+/** A quiet text-sized action set inside a sentence. */
+function Ask({ onAsk }) {
+    return onAsk ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", variant: "link", size: "sm", px: 0, minH: 0, onClick: onAsk, children: "Ask our buying specialist" })) : ((0, jsx_runtime_1.jsx)(layout_1.Anchor, { href: "/contact-sales", color: "$ink", textDecorationLine: "underline", children: "Ask our buying specialist" }));
+}
+/* ------------------------------------------------------------------ use */
+function UseCard({ icon, name, note, on, dim, onPress, size = 'large' }) {
+    return ((0, jsx_runtime_1.jsxs)(card_1.Card, { interactive: true, "aria-expanded": on, onPress: onPress, flex: 1, flexBasis: 280, maxW: 320, minH: size === 'large' ? 340 : 0, bg: "$panel", opacity: dim ? 0.5 : 1, borderColor: on ? '$ink' : '$borderColor', items: "center", justify: "center", gap: "$3", p: "$5", children: [icon, (0, jsx_runtime_1.jsx)(layout_1.Heading, { render: "h2", size: "$7", fontWeight: "500", color: "$ink", text: "center", m: 0, children: name }), (0, jsx_runtime_1.jsx)(layout_1.Paragraph, { size: "$3", color: "$quiet", text: "center", m: 0, children: note })] }));
+}
+function UseCards({ onPick, onAsk }) {
+    const [team, setTeam] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(layout_1.YStack, { items: "center", gap: "$5", width: "100%", children: [(0, jsx_runtime_1.jsxs)(layout_1.XStack, { role: "group", "aria-label": "How you will use Hanzo", flexWrap: "wrap", justify: "center", gap: "$6", width: "100%", children: [(0, jsx_runtime_1.jsx)(UseCard, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.User, { size: 64 }), name: "For personal use", note: "For individuals who want to build and experiment with their own projects", dim: team, onPress: () => onPick('personal') }), (0, jsx_runtime_1.jsx)(UseCard, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Users, { size: 64 }), name: "With my team", note: "For organizations who want to collaborate and build at scale", on: team, onPress: () => setTeam(true) })] }), team ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(layout_1.XStack, { role: "group", "aria-label": "Team size", flexWrap: "wrap", justify: "center", gap: "$6", width: "100%", children: [(0, jsx_runtime_1.jsx)(UseCard, { size: "small", name: "Team", note: `For ${plans_1.MIN_SEATS}–${plans_1.MAX_SEATS} people. Predictable per-seat pricing, set up in minutes.`, onPress: () => onPick('team') }), (0, jsx_runtime_1.jsx)(UseCard, { size: "small", name: "Enterprise", note: `For ${plans_1.ENTERPRISE_FROM} or more people. Pooled usage, advanced admin and security controls.`, onPress: () => onPick('enterprise') })] }), (0, jsx_runtime_1.jsxs)(layout_1.XStack, { items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsx)(layout_1.SizableText, { size: "$2", color: "$quiet", children: "Questions?" }), (0, jsx_runtime_1.jsx)(Ask, { onAsk: onAsk })] })] })) : null] }));
+}
+/* ---------------------------------------------------------------- plans */
+function PlanCard({ id, cta, onPick, interval, setInterval, toggle }) {
+    const o = plans_1.OFFERS[id];
+    return ((0, jsx_runtime_1.jsxs)(card_1.Card, { "aria-label": o.name, bg: "$panel", flex: 1, flexBasis: 300, maxW: 380, gap: "$0", py: 0, children: [(0, jsx_runtime_1.jsxs)(layout_1.YStack, { p: "$5", gap: "$3", borderBottomWidth: 1, borderBottomColor: "$borderColor", children: [(0, jsx_runtime_1.jsx)(layout_1.XStack, { minH: 36, justify: "flex-end", children: toggle ? (0, jsx_runtime_1.jsx)(frame_1.IntervalToggle, { interval: interval, onChange: setInterval, name: o.name }) : null }), (0, jsx_runtime_1.jsx)(layout_1.Heading, { render: "h2", size: "$7", fontWeight: "600", color: "$ink", m: 0, children: o.name }), (0, jsx_runtime_1.jsx)(layout_1.Paragraph, { size: "$3", color: "$quiet", m: 0, children: o.blurb }), (0, jsx_runtime_1.jsxs)(layout_1.XStack, { items: "center", gap: "$2", my: "$2", children: [(0, jsx_runtime_1.jsx)(layout_1.SizableText, { size: "$10", fontWeight: "600", color: "$ink", children: (0, plans_1.money)((0, plans_1.unit)(id, interval)) }), (0, jsx_runtime_1.jsx)(layout_1.SizableText, { size: "$1", color: "$quiet", children: `USD / month\nbilled ${interval === 'annual' ? 'yearly' : 'monthly'}` })] }), (0, jsx_runtime_1.jsx)(Primary, { onClick: onPick, children: cta }), o.monthly > 0 ? ((0, jsx_runtime_1.jsx)(layout_1.Paragraph, { size: "$1", color: "$quiet", text: "center", m: 0, children: "No commitment \u00B7 Cancel anytime" })) : null] }), (0, jsx_runtime_1.jsx)(layout_1.YStack, { render: "ul", p: "$5", gap: "$2.5", m: 0, children: o.features.map((f) => ((0, jsx_runtime_1.jsxs)(layout_1.XStack, { render: "li", items: "flex-start", gap: "$2.5", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 16 }), (0, jsx_runtime_1.jsx)(layout_1.SizableText, { size: "$2", color: "$quiet", flex: 1, children: f })] }, f))) })] }));
+}
+function Plans({ interval, setInterval, onFree, onPick }) {
+    return ((0, jsx_runtime_1.jsxs)(layout_1.YStack, { items: "center", gap: "$4", width: "100%", children: [(0, jsx_runtime_1.jsxs)(layout_1.XStack, { flexWrap: "wrap", justify: "center", gap: "$5", width: "100%", children: [(0, jsx_runtime_1.jsx)(PlanCard, { id: "free", cta: "Use Hanzo for free", onPick: onFree, interval: interval, setInterval: setInterval }), (0, jsx_runtime_1.jsx)(PlanCard, { id: "dev", cta: "Get Dev plan", onPick: () => onPick('dev'), interval: interval, setInterval: setInterval, toggle: true }), (0, jsx_runtime_1.jsx)(PlanCard, { id: "max", cta: "Get Max plan", onPick: () => onPick('max'), interval: interval, setInterval: setInterval })] }), (0, jsx_runtime_1.jsx)(layout_1.Paragraph, { size: "$1", color: "$quiet", text: "center", m: 0, children: "Prices are in US dollars. Usage limits apply, and plans are subject to change." })] }));
+}
+/* ----------------------------------------------------------------- team */
+function TeamName({ api, onCreated }) {
+    const [name, setName] = (0, react_1.useState)('');
+    const [busy, setBusy] = (0, react_1.useState)(false);
+    const [wrong, setWrong] = (0, react_1.useState)(null);
+    const handle = (0, react_1.useMemo)(() => (0, exports.slug)(name), [name]);
+    async function submit(e) {
+        e?.preventDefault();
+        if (!handle || busy)
+            return;
+        setBusy(true);
+        setWrong(null);
+        try {
+            // The account's own route makes the organization the caller owns, named by
+            // IAM; the reserved admin org and the brand orgs are never a team's home.
+            const made = await (0, api_1.call)(api, '/v1/account/orgs', { method: 'POST', body: JSON.stringify({ name: name.trim() }) });
+            if (!made?.org)
+                throw new api_1.ApiError('The team was made but its name did not come back. Reload to find it.', 200);
+            await onCreated(made.org);
+        }
+        catch (err) {
+            setWrong(err instanceof api_1.ApiError ? err.message : 'Could not create the team. Try again.');
+            setBusy(false);
+        }
+    }
+    return ((0, jsx_runtime_1.jsxs)(layout_1.YStack, { render: (0, jsx_runtime_1.jsx)("form", { onSubmit: submit, noValidate: true }), gap: "$4", items: "stretch", children: [(0, jsx_runtime_1.jsxs)(field_1.Field, { gap: "$2", children: [(0, jsx_runtime_1.jsx)(field_1.FieldLabel, { htmlFor: "hanzo-team", children: "Team name" }), (0, jsx_runtime_1.jsx)(input_1.Input, { id: "hanzo-team", name: "team", autoComplete: "organization", value: name, onChangeText: setName, maxLength: 60, height: 48, autoFocus: true })] }), wrong ? (0, jsx_runtime_1.jsx)(field_1.FieldError, { children: wrong }) : null, (0, jsx_runtime_1.jsx)(Primary, { type: "submit", disabled: !handle || busy, self: "flex-start", px: "$6", children: busy ? 'One moment…' : 'Continue' })] }));
+}
+/* ---------------------------------------------------------------- seats */
+function IntervalChoice({ interval, setInterval, price }) {
+    return ((0, jsx_runtime_1.jsx)(choice_1.ChoiceGroup, { label: "Billing interval", flexWrap: "wrap", children: ['monthly', 'annual'].map((i) => ((0, jsx_runtime_1.jsxs)(choice_1.ChoiceCard, { selected: interval === i, onSelect: () => setInterval(i), flex: 1, flexBasis: 200, children: [i === 'annual' ? ((0, jsx_runtime_1.jsx)(layout_1.SizableText, { size: "$1", color: "$ink", self: "flex-end", bg: "$edge", px: "$2", rounded: "$1", children: `Save ${plans_1.saving}%` })) : null, (0, jsx_runtime_1.jsx)(layout_1.SizableText, { size: "$3", fontWeight: "600", color: "$ink", children: i === 'annual' ? 'Annually' : 'Monthly' }), (0, jsx_runtime_1.jsx)(layout_1.SizableText, { size: "$2", color: "$ink", children: price(i) })] }, i))) }));
+}
+function Seats({ interval, setInterval, value, setValue, onContinue, onEnterprise, onAsk, }) {
+    const [adjust, setAdjust] = (0, react_1.useState)(false);
+    const std = value.plan === 'team_standard';
+    const l = (0, plans_1.lines)(value.plan, interval, value.seats);
+    const set = (plan, seats) => setValue({ plan, seats: Math.max(plans_1.MIN_SEATS, Math.min(plans_1.MAX_SEATS, seats)) });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(IntervalChoice, { interval: interval, setInterval: setInterval, price: (i) => `${(0, plans_1.usd)((0, plans_1.lines)(value.plan, i, value.seats).subtotal)}/${i === 'annual' ? 'year' : 'month'} + tax` }), (0, jsx_runtime_1.jsxs)(frame_1.Panel, { label: "Order details", children: [(0, jsx_runtime_1.jsx)(layout_1.Heading, { render: "h2", size: "$5", fontWeight: "600", color: "$ink", m: 0, children: "Order details" }), (0, jsx_runtime_1.jsx)(frame_1.Line, { label: `${value.seats} ${std ? 'Standard' : 'Premium'} seats`, note: `× ${(0, plans_1.usd)((0, plans_1.unit)(value.plan, interval))} per seat /month${interval === 'annual' ? ', billed yearly' : ''}`, value: (0, plans_1.usd)(l.subtotal), strong: true }), (0, jsx_runtime_1.jsxs)(button_1.Button, { type: "button", variant: "secondary", size: "lg", "aria-expanded": adjust, onClick: () => setAdjust((a) => !a), children: ["Adjust seats", (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 16 })] }), adjust ? ((0, jsx_runtime_1.jsxs)(layout_1.YStack, { gap: "$3", children: [(0, jsx_runtime_1.jsxs)(layout_1.XStack, { justify: "space-between", items: "center", gap: "$3", children: [(0, jsx_runtime_1.jsx)(frame_1.Line, { label: "Standard seat", note: `Dev + ${(0, plans_1.usd)(plans_1.SEAT_ADDON)} · ${(0, plans_1.usd)((0, plans_1.unit)('team_standard', interval))}/seat/month`, value: "" }), (0, jsx_runtime_1.jsx)(stepper_1.Stepper, { label: "Standard seats", value: std ? value.seats : 0, min: 0, max: plans_1.MAX_SEATS, onChange: (n) => (n === 0 ? set('team_premium', value.seats) : set('team_standard', n)) })] }), (0, jsx_runtime_1.jsxs)(layout_1.XStack, { justify: "space-between", items: "center", gap: "$3", children: [(0, jsx_runtime_1.jsx)(frame_1.Line, { label: "Premium seat", note: `Max + ${(0, plans_1.usd)(plans_1.SEAT_ADDON)} · ${(0, plans_1.usd)((0, plans_1.unit)('team_premium', interval))}/seat/month`, value: "" }), (0, jsx_runtime_1.jsx)(stepper_1.Stepper, { label: "Premium seats", value: std ? 0 : value.seats, min: 0, max: plans_1.MAX_SEATS, onChange: (n) => (n === 0 ? set('team_standard', value.seats) : set('team_premium', n)) })] }), value.seats >= plans_1.ENTERPRISE_FROM ? ((0, jsx_runtime_1.jsxs)(layout_1.XStack, { items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsxs)(layout_1.SizableText, { size: "$1", color: "$quiet", children: [plans_1.ENTERPRISE_FROM, " or more?"] }), onAsk ? ((0, jsx_runtime_1.jsx)(Ask, { onAsk: onAsk })) : ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", variant: "link", size: "sm", px: 0, minH: 0, onClick: onEnterprise, children: "Talk to sales" }))] })) : null] })) : null, (0, jsx_runtime_1.jsx)(frame_1.Line, { label: "Subtotal", value: (0, plans_1.usd)(l.subtotal), strong: true }), (0, jsx_runtime_1.jsx)(frame_1.Line, { label: "Tax (if applicable)", value: "Calculated at payment", muted: true }), (0, jsx_runtime_1.jsx)(frame_1.Line, { label: "Total due today", value: `${(0, plans_1.usd)(l.subtotal)} + tax`, strong: true })] }), (0, jsx_runtime_1.jsx)(Primary, { onClick: onContinue, children: "Continue to payment" })] }));
+}
+/* ----------------------------------------------------------- enterprise */
+function Enterprise({ api, onSent }) {
+    const [f, setF] = (0, react_1.useState)({ name: '', email: '', company: '', size: '', message: '' });
+    const [busy, setBusy] = (0, react_1.useState)(false);
+    const [wrong, setWrong] = (0, react_1.useState)(null);
+    const set = (k) => (v) => setF((cur) => ({ ...cur, [k]: v }));
+    async function submit(e) {
+        e?.preventDefault();
+        if (!f.name.trim() || !f.email.includes('@') || !f.company.trim()) {
+            setWrong('Fill in your name, work email and company.');
+            return;
+        }
+        setBusy(true);
+        setWrong(null);
+        try {
+            await (0, api_1.call)(api, '/v1/marketing/leads', { method: 'POST', body: JSON.stringify({ ...f, source: `${window.location.hostname}/onboarding` }) });
+            onSent();
+        }
+        catch {
+            setWrong('That did not go through. Try again, or email sales@hanzo.ai.');
+            setBusy(false);
+        }
+    }
+    return ((0, jsx_runtime_1.jsxs)(layout_1.YStack, { render: (0, jsx_runtime_1.jsx)("form", { onSubmit: submit, noValidate: true }), gap: "$4", items: "stretch", children: [(0, jsx_runtime_1.jsxs)(field_1.Field, { gap: "$2", children: [(0, jsx_runtime_1.jsx)(field_1.FieldLabel, { htmlFor: "hanzo-sales-name", children: "Your name" }), (0, jsx_runtime_1.jsx)(input_1.Input, { id: "hanzo-sales-name", value: f.name, onChangeText: set('name'), autoComplete: "name" })] }), (0, jsx_runtime_1.jsxs)(field_1.Field, { gap: "$2", children: [(0, jsx_runtime_1.jsx)(field_1.FieldLabel, { htmlFor: "hanzo-sales-email", children: "Work email" }), (0, jsx_runtime_1.jsx)(input_1.Input, { id: "hanzo-sales-email", type: "email", value: f.email, onChangeText: set('email'), autoComplete: "email" })] }), (0, jsx_runtime_1.jsxs)(field_1.Field, { gap: "$2", children: [(0, jsx_runtime_1.jsx)(field_1.FieldLabel, { htmlFor: "hanzo-sales-company", children: "Company" }), (0, jsx_runtime_1.jsx)(input_1.Input, { id: "hanzo-sales-company", value: f.company, onChangeText: set('company'), autoComplete: "organization" })] }), (0, jsx_runtime_1.jsxs)(field_1.Field, { gap: "$2", children: [(0, jsx_runtime_1.jsx)(field_1.FieldLabel, { htmlFor: "hanzo-sales-size", children: "How many people?" }), (0, jsx_runtime_1.jsx)(input_1.Input, { id: "hanzo-sales-size", inputMode: "numeric", value: f.size, onChangeText: set('size') })] }), (0, jsx_runtime_1.jsxs)(field_1.Field, { gap: "$2", children: [(0, jsx_runtime_1.jsx)(field_1.FieldLabel, { htmlFor: "hanzo-sales-message", children: "What are you looking to do?" }), (0, jsx_runtime_1.jsx)(textarea_1.Textarea, { id: "hanzo-sales-message", rows: 3, value: f.message, onChangeText: set('message') })] }), wrong ? (0, jsx_runtime_1.jsx)(field_1.FieldError, { children: wrong }) : null, (0, jsx_runtime_1.jsx)(Primary, { type: "submit", disabled: busy, children: busy ? 'One moment…' : 'Contact sales' })] }));
+}

package/dist/onboarding/screens.d.ts

@@ -0,0 +1,46 @@
+import { Button } from '../backends/gui/button.js';
+import { type Interval, type PlanId } from './plans.js';
+import type { Use } from './state.js';
+/** A team's IAM handle from its name: lowercase words joined by hyphens, 39 characters at most. */
+export declare const slug: (name: string) => string;
+/** The filled, full-width action of a screen. */
+export declare function Primary({ children, ...props }: React.ComponentProps<typeof Button>): import("react").JSX.Element;
+export declare function UseCards({ onPick, onAsk }: {
+    onPick: (u: Use) => void;
+    onAsk?: () => void;
+}): import("react").JSX.Element;
+export declare function Plans({ interval, setInterval, onFree, onPick }: {
+    interval: Interval;
+    setInterval: (i: Interval) => void;
+    onFree: () => void;
+    onPick: (p: PlanId) => void;
+}): import("react").JSX.Element;
+export declare function TeamName({ api, onCreated }: {
+    api: string;
+    onCreated: (org: string) => void | Promise<void>;
+}): import("react").JSX.Element;
+export declare function IntervalChoice({ interval, setInterval, price }: {
+    interval: Interval;
+    setInterval: (i: Interval) => void;
+    price: (i: Interval) => string;
+}): import("react").JSX.Element;
+export declare function Seats({ interval, setInterval, value, setValue, onContinue, onEnterprise, onAsk, }: {
+    interval: Interval;
+    setInterval: (i: Interval) => void;
+    value: {
+        plan: PlanId;
+        seats: number;
+    };
+    setValue: (v: {
+        plan: PlanId;
+        seats: number;
+    }) => void;
+    onContinue: () => void;
+    onEnterprise: () => void;
+    onAsk?: () => void;
+}): import("react").JSX.Element;
+export declare function Enterprise({ api, onSent }: {
+    api: string;
+    onSent: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=screens.d.ts.map

package/dist/onboarding/screens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screens.d.ts","sourceRoot":"","sources":["../../src/onboarding/screens.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAU/C,OAAO,EAA8F,KAAK,QAAQ,EAAE,KAAK,MAAM,EAAE,MAAM,SAAS,CAAA;AAChJ,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAElC,mGAAmG;AACnG,eAAO,MAAM,IAAI,SAAU,MAAM,KAAG,MAOb,CAAA;AAEvB,iDAAiD;AACjD,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,+BAMlF;AA+BD,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;IAAE,MAAM,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,+BAwB3F;AAiDD,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,WAAW,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAAC,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,+BAa3K;AAID,wBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAAE,+BAiC7G;AAID,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,WAAW,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IAAC,KAAK,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,MAAM,CAAA;CAAE,+BAoB1J;AAED,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,WAAW,EACX,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAA;IAClC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IACtC,QAAQ,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACtD,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;CACnB,+BAyDA;AAID,wBAAgB,UAAU,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,+BAiD9E"}