@vibes.diy/base 14.3.21 → 14.3.23

package/components/vibe-menu/cards/AccountCard.js

@@ -0,0 +1,234 @@
+import * as React from "react";
+import { useState } from "react";
+import { toRFC2822_32ByteLength } from "@vibes.diy/vibe-types";
+import { SECTION_TITLES } from "../menu-state.js";
+import { JOIN_OR_SIGN_IN } from "../copy.js";
+import { ActionPill, TextButton } from "../parts/ActionPill.js";
+import { BackRow } from "../parts/BackRow.js";
+import { Chip, RefreshButton } from "../parts/Chip.js";
+import { DoneButton } from "../parts/DoneButton.js";
+import { Glyph } from "../parts/Glyph.js";
+import { Row } from "../parts/Row.js";
+export const ACCOUNT_COPY = Object.freeze({
+    signedOutSub: "Keep your changes on every device.",
+    loading: "Loading your account…",
+    noHandle: "No handle yet",
+    chooseHandle: "Choose your handle",
+    creditsLeft: "credits left",
+    thisMonth: "this month",
+    handles: "Handles",
+    memberships: "Memberships",
+    settings: "Settings",
+    logOut: "Log out",
+    addHandle: "Add a handle",
+    newHandlePlaceholder: "new-handle",
+    newHandleLabel: "New handle",
+    surprise: "Surprise me",
+    add: "Add",
+    actingAs: "Acting as",
+    actingLine: "You join shared apps as this handle.",
+    changePicture: "Change picture",
+    addFailed: "Couldn't add that handle. Try another.",
+    chooseLine: "Your handle is your name on Vibes DIY. Your apps live at vibes.diy/vibe/<handle>/…",
+    yourHandleLabel: "Your handle",
+    fromYourName: "From your name",
+    orTry: "Or try",
+    moreIdeas: "More ideas",
+    claim: "Claim",
+    notNow: "Not now",
+    claimFailed: "Couldn't claim that handle. Try another.",
+});
+export const ACCOUNT_CARD_CSS = `
+[data-vibe-menu] .vm-hero { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; padding: 4px 0 14px; }
+[data-vibe-menu] .vm-big { font: 700 42px/0.8 var(--font-display); letter-spacing: -0.04em; white-space: nowrap; }
+[data-vibe-menu] .vm-caption { flex: 1; white-space: nowrap; font-size: 12px; line-height: 14px; color: var(--muted); }
+[data-vibe-menu] .vm-who { display: flex; align-items: center; gap: 10px; padding: 0 0 14px; }
+[data-vibe-menu] .vm-avatar { width: 28px; height: 28px; border-radius: 50%; border: var(--stroke-rule) solid var(--line); background: var(--section-account); color: var(--on-account); display: grid; place-items: center; font: 700 12px/1 var(--font-tab); }
+[data-vibe-menu] .vm-handle { font: 700 16px/1 var(--font-display); }
+[data-vibe-menu] .vm-no-handle { font: 400 16px/1 var(--font-display); color: var(--muted); }
+[data-vibe-menu] .vm-meter { height: var(--size-meter); margin-bottom: var(--space-16); border: var(--stroke-rule) solid var(--line); border-radius: var(--radius-meter); overflow: hidden; }
+[data-vibe-menu] .vm-meter span { display: block; height: 100%; background: var(--section-account); border-right: var(--stroke-rule) solid var(--line); }
+[data-vibe-menu] .vm-account .vm-group + .vm-group { margin-top: var(--space-14); }
+[data-vibe-menu] .vm-handle-line { margin: 0 0 12px; font-size: 14px; line-height: 1.35; }
+[data-vibe-menu] .vm-drill .vm-input + .vm-drill-sec { margin-top: 14px; }
+[data-vibe-menu] .vm-handle-add { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 6px; }
+[data-vibe-menu] .vm-handle-add .vm-input { flex: 1 1 180px; height: 40px; margin: 0; }
+[data-vibe-menu] .vm-acting-head { margin-top: 16px; padding-bottom: 2px; }
+[data-vibe-menu] .vm-acting-line { margin: 0 0 6px; font-size: 13px; color: var(--muted); }
+[data-vibe-menu] .vm-handle-row { display: flex; align-items: center; gap: 12px; width: 100%; height: 42px; }
+[data-vibe-menu] .vm-handle-row + .vm-handle-row { border-top: var(--stroke-hairline) solid var(--line-hairline); }
+[data-vibe-menu] .vm-handle-row .vm-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; }
+[data-vibe-menu] .vm-handle-row.is-active .vm-label { font-weight: 700; }
+[data-vibe-menu] .vm-handle-row.is-active .vm-initial { background: var(--accent); color: var(--on-accent); }
+[data-vibe-menu] .vm-check { display: grid; color: var(--ink); }
+[data-vibe-menu] .vm-check .vm-glyph { width: 18px; height: 18px; stroke-width: 3; }
+[data-vibe-menu] .vm-picture { display: flex; padding: 2px 0 8px 40px; }
+[data-vibe-menu] .vm-form-note { margin: 8px 0 0; font-size: 13px; color: var(--ink); }
+[data-vibe-menu] .vm-claim { margin-top: 18px; }
+@container (max-width: 480px) {
+  [data-vibe-menu] .vm-big { font-size: 36px; }
+  [data-vibe-menu] .vm-handle-add .vm-input { flex-basis: 100%; }
+}
+`;
+function accountDrillOf(props, signedIn) {
+    if (signedIn === false || props.nav.view === null)
+        return null;
+    const drill = props.nav.view.drill;
+    if (drill === "choose" && props.account.needsHandle === true)
+        return "choose";
+    if (drill === "handles" && props.account.needsHandle === false && props.account.activeHandle !== null)
+        return "handles";
+    return null;
+}
+function initialOf(name) {
+    return name.slice(0, 1).toUpperCase();
+}
+function CreditsFact(props) {
+    const { remaining, included } = props.account.credits;
+    if (remaining === null)
+        return null;
+    const caption = included === null
+        ? [ACCOUNT_COPY.creditsLeft, ACCOUNT_COPY.thisMonth]
+        : [`/ ${included.toLocaleString("en-US")}`, ACCOUNT_COPY.creditsLeft, ACCOUNT_COPY.thisMonth];
+    const pct = included === null || included <= 0 ? null : Math.max(0, Math.min(100, (remaining / included) * 100));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "vm-hero" },
+            React.createElement("span", { className: "vm-big" }, remaining.toLocaleString("en-US")),
+            React.createElement("span", { className: "vm-caption" }, caption.map((line, i) => (React.createElement(React.Fragment, { key: line },
+                i > 0 ? React.createElement("br", null) : null,
+                line))))),
+        pct === null || included === null ? null : (React.createElement("div", { className: "vm-meter", role: "img", "aria-label": `${remaining.toLocaleString("en-US")} of ${included.toLocaleString("en-US")} credits left` },
+            React.createElement("span", { style: { width: `${pct}%` } })))));
+}
+function AccountRows(props) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "vm-group" },
+            props.lead,
+            React.createElement(Row, { lead: "star", label: ACCOUNT_COPY.memberships, href: props.account.membershipsHref }),
+            React.createElement(Row, { lead: "sliders", label: ACCOUNT_COPY.settings, href: props.account.settingsHref })),
+        React.createElement("div", { className: "vm-group" },
+            React.createElement(Row, { lead: "log-out", label: ACCOUNT_COPY.logOut, quiet: true, onClick: props.account.onLogout }))));
+}
+export function HandlesDrill(props) {
+    const { account, nav } = props;
+    const [newHandle, setNewHandle] = useState("");
+    const [addFailed, setAddFailed] = useState(false);
+    async function add() {
+        const slug = toRFC2822_32ByteLength(newHandle.trim());
+        if (slug === "" || account.handles.some((h) => h.slug === slug))
+            return;
+        const r = await account.onAddHandle(slug);
+        if (r.isErr()) {
+            setAddFailed(true);
+            return;
+        }
+        setAddFailed(false);
+        setNewHandle("");
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(BackRow, { name: ACCOUNT_COPY.handles, card: SECTION_TITLES.settings, top: true, onBack: nav.onLeaveDrill }),
+        React.createElement("div", { className: "vm-drill", "data-drill": "handles" },
+            React.createElement("div", { className: "vm-drill-sec" },
+                React.createElement("p", { className: "vm-kicker" }, ACCOUNT_COPY.addHandle),
+                React.createElement("div", { className: "vm-handle-add" },
+                    React.createElement("input", { className: "vm-input", placeholder: ACCOUNT_COPY.newHandlePlaceholder, "aria-label": ACCOUNT_COPY.newHandleLabel, autoCapitalize: "off", spellCheck: false, value: newHandle, onChange: (e) => setNewHandle(e.currentTarget.value) }),
+                    React.createElement(Chip, { label: ACCOUNT_COPY.surprise, ghost: true, disabled: account.handleBusy, onClick: () => setNewHandle(account.onSurpriseHandle()) }),
+                    React.createElement(Chip, { label: ACCOUNT_COPY.add, disabled: account.handleBusy, onClick: () => void add() })),
+                addFailed ? (React.createElement("p", { className: "vm-form-note", role: "status" }, ACCOUNT_COPY.addFailed)) : null),
+            React.createElement("h3", { className: "vm-subhead vm-acting-head" }, ACCOUNT_COPY.actingAs),
+            React.createElement("p", { className: "vm-acting-line" }, ACCOUNT_COPY.actingLine),
+            React.createElement("div", { className: "vm-handles" }, account.handles.map((h) => {
+                const active = h.slug === account.activeHandle;
+                return (React.createElement(React.Fragment, { key: h.slug },
+                    React.createElement("button", { className: active ? "vm-handle-row is-active" : "vm-handle-row", type: "button", "data-handle-pick": h.slug, "aria-pressed": active, disabled: account.handleBusy, onClick: () => account.onSelectHandle(h.slug) },
+                        React.createElement("span", { className: "vm-dot vm-initial", "aria-hidden": "true" }, initialOf(h.slug)),
+                        React.createElement("span", { className: "vm-label is-plain" },
+                            "@",
+                            h.slug),
+                        active ? (React.createElement("span", { className: "vm-check" },
+                            React.createElement(Glyph, { name: "check" }))) : null),
+                    active ? (React.createElement("div", { className: "vm-picture" },
+                        React.createElement(Chip, { label: ACCOUNT_COPY.changePicture, ghost: true, onClick: account.onChangePicture }))) : null));
+            }))),
+        React.createElement(DoneButton, { onDone: nav.onLeaveDrill })));
+}
+export function ChooseHandleDrill(props) {
+    const { account, nav } = props;
+    const [handle, setHandle] = useState(account.handleIdeas.fromName[0] ?? "");
+    const [claimFailed, setClaimFailed] = useState(false);
+    async function claim() {
+        const slug = toRFC2822_32ByteLength(handle.trim());
+        if (slug === "")
+            return;
+        const r = await account.onClaimHandle(slug);
+        if (r.isErr()) {
+            setClaimFailed(true);
+            return;
+        }
+        nav.onLeaveDrill();
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(BackRow, { name: ACCOUNT_COPY.chooseHandle, card: SECTION_TITLES.settings, top: true, onBack: nav.onLeaveDrill }),
+        React.createElement("div", { className: "vm-drill", "data-drill": "choose" },
+            React.createElement("p", { className: "vm-handle-line" }, ACCOUNT_COPY.chooseLine),
+            React.createElement("input", { className: "vm-input", "aria-label": ACCOUNT_COPY.yourHandleLabel, autoCapitalize: "off", spellCheck: false, value: handle, onChange: (e) => setHandle(e.currentTarget.value) }),
+            React.createElement("div", { className: "vm-drill-sec" },
+                React.createElement("p", { className: "vm-kicker" }, ACCOUNT_COPY.fromYourName),
+                React.createElement("div", { className: "vm-picks" }, account.handleIdeas.fromName.map((name) => (React.createElement(Chip, { key: name, label: name, name: true, ghost: true, onClick: () => setHandle(name) }))))),
+            React.createElement("div", { className: "vm-drill-sec" },
+                React.createElement("p", { className: "vm-kicker" }, ACCOUNT_COPY.orTry),
+                React.createElement("div", { className: "vm-picks", "data-handle-ideas": "" },
+                    account.handleIdeas.words.slice(0, 3).map((name) => (React.createElement(Chip, { key: name, label: name, name: true, ghost: true, onClick: () => setHandle(name) }))),
+                    React.createElement(RefreshButton, { onRefresh: account.handleIdeas.refresh }))),
+            React.createElement("div", { className: "vm-claim" },
+                React.createElement(ActionPill, { label: ACCOUNT_COPY.claim, glyph: "check", disabled: account.handleBusy, onClick: () => void claim() })),
+            claimFailed ? (React.createElement("p", { className: "vm-form-note", role: "status" }, ACCOUNT_COPY.claimFailed)) : null,
+            React.createElement(TextButton, { label: ACCOUNT_COPY.notNow, onClick: nav.onLeaveDrill }))));
+}
+function AccountBody(props) {
+    const { viewer, account, nav } = props;
+    const pending = viewer.identityPending === true;
+    const signedIn = viewer.role !== "signedOut";
+    const resolving = pending || (signedIn && account.needsHandle === false && account.activeHandle === null);
+    if (resolving) {
+        return (React.createElement("div", { className: "vm-who", "aria-busy": "true" },
+            React.createElement("span", { className: "vm-busy", "aria-hidden": "true" }),
+            React.createElement("span", { className: "vm-no-handle" }, ACCOUNT_COPY.loading)));
+    }
+    if (signedIn === false) {
+        return (React.createElement(React.Fragment, null,
+            account.savePrompt !== null && account.savePrompt !== "" ? React.createElement("p", { className: "vm-kicker" }, account.savePrompt) : null,
+            React.createElement(ActionPill, { label: JOIN_OR_SIGN_IN, onClick: account.onSignIn }),
+            React.createElement("p", { className: "vm-sub" }, ACCOUNT_COPY.signedOutSub)));
+    }
+    const drill = accountDrillOf(props, signedIn);
+    if (drill === "handles")
+        return React.createElement(HandlesDrill, { ...props });
+    if (drill === "choose")
+        return React.createElement(ChooseHandleDrill, { ...props });
+    if (account.needsHandle === true) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "vm-who" },
+                React.createElement("span", { className: "vm-avatar", "aria-hidden": "true" }, initialOf(account.handleIdeas.fromName[0] ?? "")),
+                React.createElement("span", { className: "vm-no-handle" }, ACCOUNT_COPY.noHandle)),
+            React.createElement(ActionPill, { label: ACCOUNT_COPY.chooseHandle, solo: true, onClick: () => nav.onDrill({ drill: "choose" }) }),
+            React.createElement(CreditsFact, { account: account }),
+            React.createElement(AccountRows, { account: account, lead: React.createElement(Row, { lead: "plus", label: account.creditsAction.label, href: account.creditsAction.href }) })));
+    }
+    const active = account.activeHandle ?? "";
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "vm-who" },
+            React.createElement("span", { className: "vm-avatar", "aria-hidden": "true" }, initialOf(active)),
+            React.createElement("span", { className: "vm-handle" },
+                "@",
+                active)),
+        React.createElement(CreditsFact, { account: account }),
+        React.createElement(ActionPill, { label: account.creditsAction.label, href: account.creditsAction.href, solo: true }),
+        React.createElement(AccountRows, { account: account, lead: React.createElement(Row, { lead: "at-sign", label: ACCOUNT_COPY.handles, tail: { kind: "drill", value: `@${active}`, handle: true }, onClick: () => nav.onDrill({ drill: "handles" }) }) })));
+}
+export function AccountCard(props) {
+    return (React.createElement("div", { className: "vm-account", "data-card": "settings" },
+        React.createElement("style", null, ACCOUNT_CARD_CSS),
+        React.createElement(AccountBody, { ...props })));
+}
+//# sourceMappingURL=AccountCard.js.map

package/components/vibe-menu/cards/AccountCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountCard.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/cards/AccountCard.tsx"],"names":[],"mappings":"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"}

package/components/vibe-menu/cards/CodeCard.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import type { CardNav, CodeSlice, ViewerSlice } from "../slices.js";
+import type { ComposerDraft } from "../parts/use-composer-draft.js";
+export declare const CODE_DRILL_TITLES: Readonly<{
+    readonly look: "Look";
+    readonly details: "App details";
+    readonly help: "Help";
+}>;
+export declare const CODE_CARD_CSS = "\n[data-vibe-menu] .vm-code .vm-moments { margin-bottom: var(--space-14); }\n[data-vibe-menu] .vm-code .vm-suggestions { margin-bottom: var(--space-14); }\n[data-vibe-menu] .vm-codemode { display: flex; flex-direction: column; flex: 0 0 auto; min-height: 0; }\n[data-vibe-menu] .vm-codemode[data-fill] { flex: 1 1 auto; }\n/* The pinned top (kicker, composer, moment) keeps to half the Code mode card\n   (80cqh) and scrolls on its own past that, so on a short frame (phone\n   landscape) a multi-line composer stays reachable and the tab strip stays in\n   the card. At normal sizes it never reaches the cap: only the tab body scrolls. */\n[data-vibe-menu] .vm-codemode-top { flex: none; max-height: 40cqh; overflow-y: auto; overscroll-behavior: contain; }\n[data-vibe-menu] .vm-codemode .vm-composer,\n[data-vibe-menu] .vm-codemode .vm-moments { margin-bottom: 10px; }\n";
+export interface CodeCardProps {
+    readonly viewer: ViewerSlice;
+    readonly code: CodeSlice;
+    readonly nav: CardNav;
+    readonly draft: ComposerDraft;
+    readonly remixHint: string;
+    readonly logOpen: boolean;
+    onLogOpen(open: boolean): void;
+    readonly workspacePanelId: string;
+}
+export declare function CodeCard(props: CodeCardProps): React.ReactElement;

package/components/vibe-menu/cards/CodeCard.js

@@ -0,0 +1,109 @@
+import * as React from "react";
+import { SECTION_TITLES } from "../menu-state.js";
+import { currentMoment } from "../moments.js";
+import { activeWorkspaceTab } from "../code-tabs.js";
+import { REMIX_INVITE_KICKER } from "../copy.js";
+import { BackRow } from "../parts/BackRow.js";
+import { Suggestions } from "../parts/Chip.js";
+import { Composer } from "../parts/Composer.js";
+import { DoneButton } from "../parts/DoneButton.js";
+import { MomentLine } from "../parts/MomentLine.js";
+import { Row } from "../parts/Row.js";
+import { CodeModeWorkspace, WORKSPACE_CODE_TABS, resolveActiveCodeTab } from "./CodeModeWorkspace.js";
+export const CODE_DRILL_TITLES = Object.freeze({ look: "Look", details: "App details", help: "Help" });
+export const CODE_CARD_CSS = `
+[data-vibe-menu] .vm-code .vm-moments { margin-bottom: var(--space-14); }
+[data-vibe-menu] .vm-code .vm-suggestions { margin-bottom: var(--space-14); }
+[data-vibe-menu] .vm-codemode { display: flex; flex-direction: column; flex: 0 0 auto; min-height: 0; }
+[data-vibe-menu] .vm-codemode[data-fill] { flex: 1 1 auto; }
+/* The pinned top (kicker, composer, moment) keeps to half the Code mode card
+   (80cqh) and scrolls on its own past that, so on a short frame (phone
+   landscape) a multi-line composer stays reachable and the tab strip stays in
+   the card. At normal sizes it never reaches the cap: only the tab body scrolls. */
+[data-vibe-menu] .vm-codemode-top { flex: none; max-height: 40cqh; overflow-y: auto; overscroll-behavior: contain; }
+[data-vibe-menu] .vm-codemode .vm-composer,
+[data-vibe-menu] .vm-codemode .vm-moments { margin-bottom: 10px; }
+`;
+const NO_MOMENT = { pinned: null, live: null };
+function codeDrillOf(input) {
+    if (input.view === null)
+        return null;
+    switch (input.view.drill) {
+        case "help":
+            return "help";
+        case "look":
+        case "details":
+            return input.owner ? input.view.drill : null;
+        default:
+            return null;
+    }
+}
+function kickerFor(input) {
+    if (input.pending === true)
+        return "";
+    if (input.banner === "remixInvite" && input.editor === false)
+        return REMIX_INVITE_KICKER;
+    return input.code.kicker;
+}
+function neutralComposer(composer) {
+    return { ...composer, placeholder: "", cap: composer.cap === "Remix this" ? "Send" : composer.cap };
+}
+export function CodeCard(props) {
+    const { viewer, code, nav, draft } = props;
+    const pending = viewer.identityPending === true;
+    const owner = viewer.role === "owner" && pending === false;
+    const editor = viewer.canEditSource === true && pending === false;
+    const codeModeAllowed = code.codeModeAvailable === true && pending === false;
+    const codeModeOn = codeModeAllowed && code.codeMode === true;
+    const moment = editor ? currentMoment(code.moments) : NO_MOMENT;
+    const hasMoment = moment.pinned !== null || moment.live !== null;
+    const kicker = kickerFor({ code, banner: nav.banner, editor, pending });
+    const composer = pending === true ? neutralComposer(code.composer) : code.composer;
+    const placeholder = pending === true ? "" : composer.cap === "Remix this" && props.remixHint !== "" ? props.remixHint : composer.placeholder;
+    const queuedLines = draft.queued.map((text) => ({ who: "you", text }));
+    const logLines = [...code.log, ...queuedLines];
+    const head = (React.createElement(React.Fragment, null,
+        kicker !== "" ? React.createElement("p", { className: "vm-kicker" }, kicker) : null,
+        React.createElement(Composer, { composer: composer, draft: draft, placeholder: placeholder })));
+    if (codeModeOn) {
+        const tab = activeWorkspaceTab(resolveActiveCodeTab({ tab: code.codeTab, disabled: code.disabledCodeTabs }), nav.view);
+        function onTab(t) {
+            if (nav.view !== null)
+                nav.onLeaveDrill();
+            code.onCodeTab(t);
+        }
+        const fills = WORKSPACE_CODE_TABS.includes(tab) === false;
+        return (React.createElement("div", { className: "vm-codemode", "data-card": "vibe", "data-fill": fills ? "" : undefined },
+            React.createElement("style", null, CODE_CARD_CSS),
+            React.createElement("div", { className: "vm-codemode-top" },
+                head,
+                hasMoment ? React.createElement(MomentLine, { moment: moment, log: null, onAction: code.onMomentAction }) : null),
+            React.createElement(CodeModeWorkspace, { tab: tab, disabledTabs: code.disabledCodeTabs, onTab: onTab, onCodeModeOff: () => code.onCodeMode(false), slots: { look: code.slots.look, help: code.slots.help, agentLog: code.slots.agentLog }, log: logLines, queued: queuedLines, workspacePanelId: props.workspacePanelId })));
+    }
+    const toggle = { open: props.logOpen, onToggle: () => props.onLogOpen(props.logOpen === false), lines: logLines };
+    const log = moment.live !== null ? toggle : viewer.draft === true && moment.pinned !== null ? toggle : null;
+    const top = (React.createElement(React.Fragment, null,
+        head,
+        hasMoment ? React.createElement(MomentLine, { moment: moment, log: log, onAction: code.onMomentAction }) : null));
+    const drill = codeDrillOf({ view: nav.view, owner });
+    if (drill !== null) {
+        return (React.createElement("div", { className: "vm-code", "data-card": "vibe" },
+            React.createElement("style", null, CODE_CARD_CSS),
+            top,
+            React.createElement(BackRow, { name: CODE_DRILL_TITLES[drill], card: SECTION_TITLES.vibe, onBack: nav.onLeaveDrill }),
+            React.createElement("div", { className: "vm-drill", "data-drill": drill }, code.slots[drill]),
+            React.createElement(DoneButton, { onDone: nav.onLeaveDrill })));
+    }
+    const suggestions = moment.pinned === null ? code.suggestions.slice(0, 3) : [];
+    const onToggleFastPath = owner === true ? code.onToggleFastPath : null;
+    return (React.createElement("div", { className: "vm-code", "data-card": "vibe" },
+        React.createElement("style", null, CODE_CARD_CSS),
+        top,
+        React.createElement(Suggestions, { items: suggestions, onPick: code.onSuggestion, fastPaths: code.suggestionFastPaths, onToggleFastPath: onToggleFastPath }),
+        React.createElement("div", { className: "vm-group" },
+            owner ? (React.createElement(Row, { lead: "palette", label: CODE_DRILL_TITLES.look, compact: true, tail: { kind: "drill" }, onClick: () => nav.onDrill({ drill: "look" }) })) : null,
+            owner ? (React.createElement(Row, { lead: "file", label: CODE_DRILL_TITLES.details, compact: true, tail: { kind: "drill" }, onClick: () => nav.onDrill({ drill: "details" }) })) : null,
+            React.createElement(Row, { lead: "help-circle", label: CODE_DRILL_TITLES.help, compact: true, tail: { kind: "drill" }, onClick: () => nav.onDrill({ drill: "help" }) }),
+            codeModeAllowed ? (React.createElement(Row, { lead: "braces", label: "Code mode", compact: true, tail: { kind: "switch", on: false }, onClick: () => code.onCodeMode(true) })) : null)));
+}
+//# sourceMappingURL=CodeCard.js.map

package/components/vibe-menu/cards/CodeCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeCard.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/cards/CodeCard.tsx"],"names":[],"mappings":"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"}

package/components/vibe-menu/cards/CodeModeWorkspace.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+import type { CodeTab } from "../code-tabs.js";
+import type { LogLine } from "../slices.js";
+export declare const WORKSPACE_CODE_TABS: readonly CodeTab[];
+export declare const CODE_MODE_CSS = "\n[data-vibe-menu] .vm-cm { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }\n[data-vibe-menu] .vm-cm-tabs { display: flex; align-items: center; gap: 4px; flex: none; margin: 12px 0; padding: 3px; border: var(--stroke-rule) solid var(--line); border-radius: var(--radius-full); background: var(--card-bg); overflow-x: auto; scrollbar-width: none; }\n[data-vibe-menu] .vm-cm-tabs::-webkit-scrollbar { display: none; }\n[data-vibe-menu] .vm-cm-tab,\n[data-vibe-menu] .vm-cm-switch { display: flex; align-items: center; gap: 6px; flex: none; height: 30px; padding: 0 12px; border: 0; border-radius: var(--radius-full); background: none; color: var(--ink); font: 700 11px/1 var(--font-tab); letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; cursor: pointer; }\n[data-vibe-menu] .vm-cm-tab.is-active { background: var(--section-code); color: var(--on-code); }\n[data-vibe-menu] .vm-cm-tab[aria-disabled=\"true\"] { opacity: 0.35; cursor: default; }\n[data-vibe-menu] .vm-cm-switch { margin-left: auto; border: var(--stroke-rule) solid var(--line); background: var(--section-code); color: var(--on-code); }\n[data-vibe-menu] .vm-cm-tab-dot { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--ink); color: var(--card-bg); flex: none; }\n[data-vibe-menu] .vm-cm-tab.is-active .vm-cm-tab-dot { background: var(--menu-ink); color: var(--section-code); }\n[data-vibe-menu] .vm-cm-tab .vm-glyph { width: 12px; height: 12px; }\n[data-vibe-menu] .vm-cm-switch .vm-glyph { width: 14px; height: 14px; }\n[data-vibe-menu] .vm-cm-body { flex: 1 1 auto; min-height: 0; overflow: auto; padding-top: 4px; border-top: var(--stroke-rule) solid var(--line); }\n[data-vibe-menu] .vm-cm-body[data-history] { display: flex; flex-direction: column; overflow: hidden; }\n[data-vibe-menu] .vm-cm-history { flex: 1 1 0%; min-height: 0; }\n[data-vibe-menu] .vm-cm-queued { flex: none; max-height: 40%; overflow: auto; }\n[data-vibe-menu] .vm-workspace > * { flex: 1 1 auto; min-height: 0; }\n@container (max-width: 480px) {\n  [data-vibe-menu] .vm-cm-tabs { justify-content: flex-start; }\n  [data-vibe-menu] .vm-cm-tab-label { font-size: 10px; }\n}\n";
+export declare function resolveActiveCodeTab(input: {
+    readonly tab: CodeTab;
+    readonly disabled: readonly CodeTab[];
+}): CodeTab;
+export interface CodeModeWorkspaceProps {
+    readonly tab: CodeTab;
+    readonly disabledTabs: readonly CodeTab[];
+    onTab(tab: CodeTab): void;
+    onCodeModeOff(): void;
+    readonly slots: {
+        readonly look: React.ReactNode;
+        readonly help: React.ReactNode;
+        readonly agentLog?: React.ReactNode;
+    };
+    readonly log: readonly LogLine[];
+    readonly queued?: readonly LogLine[];
+    readonly workspacePanelId: string;
+}
+export declare function CodeModeWorkspace(props: CodeModeWorkspaceProps): React.ReactElement;
+export interface RetainedWorkspaceProps {
+    readonly visible: boolean;
+    readonly panelId: string;
+    readonly label: string;
+    readonly children: React.ReactNode;
+}
+export declare function RetainedWorkspace(props: RetainedWorkspaceProps): React.ReactElement;

package/components/vibe-menu/cards/CodeModeWorkspace.js

@@ -0,0 +1,107 @@
+import * as React from "react";
+import { useId } from "react";
+import { CODE_TABS, EDITOR_TAB_FOR_CODE_TAB } from "../code-tabs.js";
+import { AgentLog } from "../parts/MomentLine.js";
+import { Glyph } from "../parts/Glyph.js";
+export const WORKSPACE_CODE_TABS = Object.freeze(CODE_TABS.map((t) => t.key).filter((k) => EDITOR_TAB_FOR_CODE_TAB[k] !== null));
+const TAB_GLYPHS = {
+    look: "palette",
+    code: "braces",
+    files: "file",
+    data: "database",
+    "app-settings": "sliders",
+    "ai-requests": "at-sign",
+    "agent-log": "line-chart",
+    help: "help-circle",
+};
+export const CODE_MODE_CSS = `
+[data-vibe-menu] .vm-cm { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
+[data-vibe-menu] .vm-cm-tabs { display: flex; align-items: center; gap: 4px; flex: none; margin: 12px 0; padding: 3px; border: var(--stroke-rule) solid var(--line); border-radius: var(--radius-full); background: var(--card-bg); overflow-x: auto; scrollbar-width: none; }
+[data-vibe-menu] .vm-cm-tabs::-webkit-scrollbar { display: none; }
+[data-vibe-menu] .vm-cm-tab,
+[data-vibe-menu] .vm-cm-switch { display: flex; align-items: center; gap: 6px; flex: none; height: 30px; padding: 0 12px; border: 0; border-radius: var(--radius-full); background: none; color: var(--ink); font: 700 11px/1 var(--font-tab); letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; cursor: pointer; }
+[data-vibe-menu] .vm-cm-tab.is-active { background: var(--section-code); color: var(--on-code); }
+[data-vibe-menu] .vm-cm-tab[aria-disabled="true"] { opacity: 0.35; cursor: default; }
+[data-vibe-menu] .vm-cm-switch { margin-left: auto; border: var(--stroke-rule) solid var(--line); background: var(--section-code); color: var(--on-code); }
+[data-vibe-menu] .vm-cm-tab-dot { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--ink); color: var(--card-bg); flex: none; }
+[data-vibe-menu] .vm-cm-tab.is-active .vm-cm-tab-dot { background: var(--menu-ink); color: var(--section-code); }
+[data-vibe-menu] .vm-cm-tab .vm-glyph { width: 12px; height: 12px; }
+[data-vibe-menu] .vm-cm-switch .vm-glyph { width: 14px; height: 14px; }
+[data-vibe-menu] .vm-cm-body { flex: 1 1 auto; min-height: 0; overflow: auto; padding-top: 4px; border-top: var(--stroke-rule) solid var(--line); }
+[data-vibe-menu] .vm-cm-body[data-history] { display: flex; flex-direction: column; overflow: hidden; }
+[data-vibe-menu] .vm-cm-history { flex: 1 1 0%; min-height: 0; }
+[data-vibe-menu] .vm-cm-queued { flex: none; max-height: 40%; overflow: auto; }
+[data-vibe-menu] .vm-workspace > * { flex: 1 1 auto; min-height: 0; }
+@container (max-width: 480px) {
+  [data-vibe-menu] .vm-cm-tabs { justify-content: flex-start; }
+  [data-vibe-menu] .vm-cm-tab-label { font-size: 10px; }
+}
+`;
+export function resolveActiveCodeTab(input) {
+    if (input.disabled.includes(input.tab) === false)
+        return input.tab;
+    const first = WORKSPACE_CODE_TABS.find((k) => input.disabled.includes(k) === false);
+    return first === undefined ? "code" : first;
+}
+function hasHistory(props) {
+    return props.slots.agentLog !== undefined && props.slots.agentLog !== null;
+}
+function localBody(props) {
+    switch (props.tab) {
+        case "look":
+            return props.slots.look;
+        case "help":
+            return props.slots.help;
+        case "agent-log": {
+            if (hasHistory(props) === false)
+                return React.createElement(AgentLog, { lines: props.log });
+            const history = props.slots.agentLog;
+            const queued = props.queued ?? [];
+            return (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "vm-cm-history" }, history),
+                queued.length > 0 ? (React.createElement("div", { className: "vm-cm-queued" },
+                    React.createElement(AgentLog, { lines: queued }))) : null));
+        }
+        default:
+            return null;
+    }
+}
+export function CodeModeWorkspace(props) {
+    const baseId = useId();
+    const localPanelId = `${baseId}-panel`;
+    function tabId(key) {
+        return `${baseId}-tab-${key}`;
+    }
+    const local = WORKSPACE_CODE_TABS.includes(props.tab) === false;
+    return (React.createElement("div", { className: "vm-cm", "data-code-mode": "" },
+        React.createElement("style", null, CODE_MODE_CSS),
+        React.createElement("div", { className: "vm-cm-tabs", role: "tablist", "aria-label": "Code mode tools" },
+            CODE_TABS.map(({ key, label }) => {
+                const active = key === props.tab;
+                const disabled = props.disabledTabs.includes(key);
+                const glyph = TAB_GLYPHS[key];
+                return (React.createElement("button", { key: key, id: tabId(key), className: active ? "vm-cm-tab is-active" : "vm-cm-tab", type: "button", role: "tab", "aria-selected": active, "aria-disabled": disabled ? true : undefined, "aria-controls": WORKSPACE_CODE_TABS.includes(key) ? props.workspacePanelId : localPanelId, "data-code-tab": key, onClick: () => {
+                        if (disabled === false && active === false)
+                            props.onTab(key);
+                    } },
+                    React.createElement("span", { className: "vm-cm-tab-dot" },
+                        React.createElement(Glyph, { name: glyph })),
+                    React.createElement("span", { className: "vm-cm-tab-label" }, label)));
+            }),
+            React.createElement("button", { className: "vm-cm-switch", type: "button", "aria-pressed": "true", onClick: props.onCodeModeOff },
+                React.createElement(Glyph, { name: "lines" }),
+                React.createElement("span", null, "Code mode"))),
+        local ? (React.createElement("div", { className: "vm-cm-body", role: "tabpanel", id: localPanelId, "aria-labelledby": tabId(props.tab), "data-tool": props.tab, "data-history": props.tab === "agent-log" && hasHistory(props) ? "" : undefined }, localBody(props))) : null));
+}
+const VISIBLE_WORKSPACE_STYLE = Object.freeze({
+    flex: "1 1 auto",
+    minHeight: 0,
+    display: "flex",
+    flexDirection: "column",
+    overflow: "auto",
+});
+export function RetainedWorkspace(props) {
+    const hidden = props.visible === false;
+    return (React.createElement("div", { id: props.panelId, role: "tabpanel", "aria-label": props.label, className: "vm-workspace", "data-vm-workspace": "", hidden: hidden, inert: hidden ? true : undefined, style: hidden ? { display: "none" } : VISIBLE_WORKSPACE_STYLE }, props.children));
+}
+//# sourceMappingURL=CodeModeWorkspace.js.map

package/components/vibe-menu/cards/CodeModeWorkspace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeModeWorkspace.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/cards/CodeModeWorkspace.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAGrE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAU1C,MAAM,CAAC,MAAM,mBAAmB,GAAuB,MAAM,CAAC,MAAM,CAClE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAC/E,CAAC;AAIF,MAAM,UAAU,GAAyC;IACvD,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,SAAS;IACzB,aAAa,EAAE,SAAS;IACxB,WAAW,EAAE,YAAY;IACzB,IAAI,EAAE,aAAa;CACpB,CAAC;AAIF,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;CAsB5B,CAAC;AAQF,MAAM,UAAU,oBAAoB,CAAC,KAAuE;IAC1G,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,KAAK;QAAE,OAAO,KAAK,CAAC,GAAG,CAAC;IACnE,MAAM,KAAK,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;IACpF,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;AAC9C,CAAC;AAgBD,SAAS,UAAU,CAAC,KAA6B;IAC/C,OAAO,KAAK,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC;AAC7E,CAAC;AAED,SAAS,SAAS,CAAC,KAA6B;IAC9C,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;QAClB,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;QAC1B,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;QAC1B,KAAK,WAAW,EAAE,CAAC;YACjB,IAAI,UAAU,CAAC,KAAK,CAAC,KAAK,KAAK;gBAAE,OAAO,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,GAAG,GAAI,CAAC;YACvE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;YACrC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC;YAIlC,OAAO,CACL;gBACE,6BAAK,SAAS,EAAC,eAAe,IAAE,OAAO,CAAO;gBAC7C,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACnB,6BAAK,SAAS,EAAC,cAAc;oBAC3B,oBAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,GAAI,CACvB,CACP,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAC;QACJ,CAAC;QACD;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IACvB,MAAM,YAAY,GAAG,GAAG,MAAM,QAAQ,CAAC;IACvC,SAAS,KAAK,CAAC,GAAY;QACzB,OAAO,GAAG,MAAM,QAAQ,GAAG,EAAE,CAAC;IAChC,CAAC;IACD,MAAM,KAAK,GAAG,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC;IAChE,OAAO,CACL,6BAAK,SAAS,EAAC,OAAO,oBAAgB,EAAE;QACtC,mCAAQ,aAAa,CAAS;QAC9B,6BAAK,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,SAAS,gBAAY,iBAAiB;YACpE,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE;gBAChC,MAAM,MAAM,GAAG,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC;gBACjC,MAAM,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;gBAClD,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;gBAC9B,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,EACd,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,WAAW,EACvD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,MAAM,mBACN,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,mBAC3B,mBAAmB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,mBACzE,GAAG,EAClB,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,QAAQ,KAAK,KAAK,IAAI,MAAM,KAAK,KAAK;4BAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;oBAC/D,CAAC;oBAED,8BAAM,SAAS,EAAC,eAAe;wBAC7B,oBAAC,KAAK,IAAC,IAAI,EAAE,KAAK,GAAI,CACjB;oBACP,8BAAM,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAQ,CACzC,CACV,CAAC;YACJ,CAAC,CAAC;YACF,gCAAQ,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,kBAAc,MAAM,EAAC,OAAO,EAAE,KAAK,CAAC,aAAa;gBAC7F,oBAAC,KAAK,IAAC,IAAI,EAAC,OAAO,GAAG;gBACtB,8CAAsB,CACf,CACL;QACL,KAAK,CAAC,CAAC,CAAC,CACP,6BACE,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,YAAY,qBACC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,eACtB,KAAK,CAAC,GAAG,kBACN,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,IAE5E,SAAS,CAAC,KAAK,CAAC,CACb,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC;AAaD,MAAM,uBAAuB,GAAwB,MAAM,CAAC,MAAM,CAAC;IACjE,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,CAAC;IACZ,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAMH,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,KAAK,KAAK,CAAC;IACvC,OAAO,CACL,6BACE,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,IAAI,EAAC,UAAU,gBACH,KAAK,CAAC,KAAK,EACvB,SAAS,EAAC,cAAc,uBACN,EAAE,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAChC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,uBAAuB,IAE5D,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC"}

package/components/vibe-menu/cards/HomeCard.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { VibeMenuProps, ViewerSlice } from "../slices.js";
+export declare const HOME_COPY: Readonly<{
+    newApp: "Make a new app";
+    makeYourOwn: "Make your own";
+    madeOn: "was made on Vibes DIY";
+    makeSub: "Describe an app and it's yours in minutes.";
+    home: "vibes.diy home";
+    myVibes: "My Vibes";
+    recommended: "Recommended";
+}>;
+export declare const HOME_CARD_CSS = "\n[data-vibe-menu] .vm-app-name { white-space: nowrap; }\n";
+export interface HomeCardProps {
+    readonly viewer: ViewerSlice;
+    readonly homeHref: string;
+    onHome(): void;
+    readonly myVibesHref: string;
+    readonly newAppHref: string;
+    readonly recommended: VibeMenuProps["recommended"];
+    readonly onMakeYourOwn?: () => void;
+}
+export declare function HomeCard(props: HomeCardProps): React.ReactElement;