@vibes.diy/base 14.3.112 → 14.3.114

package/components/HomeBuildChips.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import type { BuildPhase } from "@vibes.diy/api-types";
+import { type HomeBuildDockHeader } from "./homeBuildDockCopy.js";
 export type HomeBuildChipStatus = "starting" | "planning" | "building" | "queued" | "needs-you" | "ready" | "continue" | "failed" | "add-credits" | "sign-in" | "saved";
 export interface HomeBuildChip {
     readonly id: string;
@@ -15,6 +16,9 @@ export interface HomeBuildChipArrival {
     };
 }
 export declare const HOME_BUILD_CHIP_LABELS: Readonly<Record<HomeBuildChipStatus, string>>;
+export declare function homeBuildDockHeader(items: readonly Pick<HomeBuildChip, "status">[], opts?: {
+    readonly returning?: boolean;
+}): HomeBuildDockHeader;
 export declare function homeBuildChipStatus(phase: BuildPhase, opts?: {
     readonly guest?: boolean;
 }): HomeBuildChipStatus;

package/components/HomeBuildChips.js

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { HOME_BRAND_FONT } from "./homeBrandFont.js";
+import { HOME_BUILD_DOCK_COPY, homeBuildDockHeaderText } from "./homeBuildDockCopy.js";
 const paint = [
     { color: "#ef77a9", face: "game", ink: "#151515" },
     { color: "#445796", face: "education", ink: "#FEFFF1" },
@@ -19,6 +20,21 @@ export const HOME_BUILD_CHIP_LABELS = {
     "sign-in": "Sign in",
     saved: "Open app",
 };
+const OPENABLE_STATUSES = ["ready", "saved", "continue"];
+const RUNNING_STATUSES = ["starting", "planning", "building", "queued"];
+export function homeBuildDockHeader(items, opts = {}) {
+    if (opts.returning === true)
+        return "returning";
+    const ready = items.filter((item) => OPENABLE_STATUSES.includes(item.status)).length;
+    const running = items.filter((item) => RUNNING_STATUSES.includes(item.status)).length;
+    if (ready > 0 && ready === items.length)
+        return ready === 1 ? "ready-one" : "ready-many";
+    if (ready > 0)
+        return "mixed";
+    if (running > 0)
+        return running === 1 ? "building-one" : "building-many";
+    return "attention";
+}
 const LIVE_STATUSES = ["starting", "planning", "building"];
 export function homeBuildChipStatus(phase, opts = {}) {
     switch (phase) {
@@ -68,6 +84,8 @@ const css = `
 .home-build-chip-slot:last-child .home-build-chip:hover .home-build-chip-title,.home-build-chip-slot:last-child .home-build-chip:focus .home-build-chip-title{transform:translateY(0)}
 .home-build-chip-slot:last-child .home-build-chip-title::after{left:auto;right:24px}
 .home-build-chip-status{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);display:flex;gap:5px;align-items:center;justify-content:center;white-space:nowrap;background:var(--hbc-color);color:var(--hbc-flag-ink);border-radius:5px;padding:5px 8px;font-size:12px;line-height:1.3;font-weight:700}
+.home-build-chip[data-status=ready]{animation:hbc-ready-in .5s cubic-bezier(.2,.8,.2,1) 1}
+.home-build-chip[data-status=ready] .home-build-chip-status{box-shadow:0 0 0 2px var(--hbc-ink)}
 .home-build-chip-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
 .home-build-chip[data-live=true] .home-build-chip-dot{animation:hbc-breathe 1.4s ease-in-out infinite}
 .home-build-chip-dismiss{position:absolute;top:-10px;right:-10px;z-index:2;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid var(--hbc-ink);background:var(--hbc-paper);color:var(--hbc-ink);font:inherit;font-size:14px;line-height:1;font-weight:700;cursor:pointer;opacity:0;transition:opacity .15s}
@@ -75,9 +93,10 @@ const css = `
 .home-build-chip-new{display:flex;flex-direction:column;gap:6px;justify-content:center;box-shadow:none;background:var(--hbc-field);border:2px dashed var(--vibes-home-title-ink,#55564e);color:var(--vibes-home-title-ink,#414139);font-size:12px;line-height:1.2;font-weight:700}
 .home-build-chip-new:hover{box-shadow:none}.home-build-chip-new span{font-size:26px}
 @keyframes hbc-breathe{50%{opacity:.25}}
+@keyframes hbc-ready-in{40%{transform:translateY(-4px)}}
 @media(hover:none){.home-build-chip-dismiss{opacity:1}}
 @media(max-width:600px){.home-build-chips{width:calc(100% - 32px)}.home-build-chips p{font-size:14px}.home-build-chip-row{gap:14px}.home-build-chip-slot{flex-basis:clamp(58px,18vw,72px);width:clamp(58px,18vw,72px)}.home-build-chip{width:100%;height:76px;border-radius:15px;padding:8px}.home-build-chip img{width:44px;height:44px}.home-build-chip-title{max-width:170px}.home-build-chip-title-text{font-size:12px}.home-build-chip-status{font-size:11px;padding:5px 6px;gap:3px}.home-build-chip-new{font-size:11px}}
-@media(prefers-reduced-motion:reduce){.home-build-chip,.home-build-chip-title{transition:none;animation:none}.home-build-chip-dot{animation:none!important}}
+@media(prefers-reduced-motion:reduce){.home-build-chip,.home-build-chip-title{transition:none;animation:none}.home-build-chip-dot{animation:none!important}.home-build-chip[data-status=ready]{animation:none}}
 `;
 export function HomeBuildChips(props) {
     const buttons = React.useRef(new Map());
@@ -121,7 +140,7 @@ export function HomeBuildChips(props) {
     const visible = props.items.slice(-4);
     return (React.createElement("section", { className: "home-build-chips", "aria-label": "Your builds" },
         React.createElement("style", null, css),
-        React.createElement("p", { className: "home-build-intro" }, props.returning === true ? "What would you make today?" : "Got another idea? Start it — these keep building."),
+        React.createElement("p", { className: "home-build-intro", "data-testid": "home-build-header" }, homeBuildDockHeaderText(homeBuildDockHeader(props.items, { returning: props.returning }))),
         React.createElement("div", { className: "home-build-chip-row" },
             visible.map((item, index) => {
                 const identity = paint[index % paint.length];
@@ -133,20 +152,20 @@ export function HomeBuildChips(props) {
                                 buttons.current.delete(item.id);
                             else
                                 buttons.current.set(item.id, button);
-                        }, type: "button", className: "home-build-chip", "data-status": item.status, "data-live": LIVE_STATUSES.includes(item.status), style: chipStyle, "aria-label": `${item.title}: ${label}`, onClick: () => props.onOpen(item.id) },
+                        }, type: "button", className: "home-build-chip", "data-status": item.status, "data-live": LIVE_STATUSES.includes(item.status), style: chipStyle, "aria-label": item.status === "ready" ? HOME_BUILD_DOCK_COPY.readyChipName(item.title) : `${item.title}: ${label}`, onClick: () => props.onOpen(item.id) },
                         React.createElement("img", { src: `/lane-faces/vibes-face-${identity.face}.svg`, alt: "" }),
                         React.createElement("span", { className: "home-build-chip-copy" },
                             React.createElement("span", { className: "home-build-chip-title" },
                                 React.createElement("span", { className: "home-build-chip-title-text" }, item.title)),
                             React.createElement("span", { className: "home-build-chip-status" },
                                 React.createElement("span", { className: "home-build-chip-dot", "aria-hidden": "true" }),
-                                label))),
+                                item.status === "ready" ? (React.createElement("span", { className: "home-build-chip-cue", "data-testid": "home-build-chip-cue" }, HOME_BUILD_DOCK_COPY.readyCue)) : (label)))),
                     props.onDismiss !== undefined && item.dismissible !== false && (React.createElement("button", { type: "button", className: "home-build-chip-dismiss", "aria-label": `Hide ${item.title}`, onClick: () => props.onDismiss?.(item.id) }, "\u00D7"))));
             }),
             props.items.length < 4 && (React.createElement("div", { className: "home-build-chip-slot" },
                 React.createElement("button", { type: "button", className: "home-build-chip home-build-chip-new", onClick: props.onAnotherIdea },
                     React.createElement("span", { "aria-hidden": "true" }, "\uFF0B"),
                     " Another idea")))),
-        props.items.length > 4 && React.createElement("p", { className: "home-build-overflow" }, "Find earlier builds in the sidebar.")));
+        props.items.length > 4 && React.createElement("p", { className: "home-build-overflow" }, HOME_BUILD_DOCK_COPY.overflow)));
 }
 //# sourceMappingURL=HomeBuildChips.js.map

package/components/HomeBuildChips.js.map

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

package/components/HomeBuildComposerNotes.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export declare const HOME_BUILD_TOAST_MS = 6000;
+export interface HomeBuildSendToastState {
+    readonly id: string;
+    readonly text: string;
+}
+export declare function playComposerReset(box: HTMLElement | null | undefined): void;
+export declare function HomeBuildComposerNote(props: {
+    readonly toast?: HomeBuildSendToastState;
+    readonly onSeeIt: () => void;
+    readonly onDismissToast: () => void;
+}): React.ReactElement;
+export type HomeBuildSignInNoteState = "ask" | "later";
+export declare function HomeBuildSignInNote(props: {
+    readonly state: HomeBuildSignInNoteState;
+    readonly onSignIn: () => void;
+}): React.ReactElement;

package/components/HomeBuildComposerNotes.js

@@ -0,0 +1,71 @@
+import * as React from "react";
+import { HOME_BRAND_FONT } from "./homeBrandFont.js";
+import { HOME_BUILD_DOCK_COPY } from "./homeBuildDockCopy.js";
+export const HOME_BUILD_TOAST_MS = 6000;
+const css = `
+.home-build-note-slot{position:relative;display:grid;font-family:${HOME_BRAND_FONT};color:var(--vibes-home-title-ink,#151515);margin:10px 0 0;min-height:20px}
+.home-build-expectation{grid-area:1/1;align-self:start;margin:0;text-align:right;font-size:13px;line-height:1.45;font-weight:700;opacity:.82}
+.home-build-toast{grid-area:1/1;justify-self:end;align-self:start;position:relative;z-index:5;display:flex;align-items:center;gap:10px;max-width:min(460px,100%);box-sizing:border-box;padding:9px 10px 9px 14px;border:2px solid #151515;border-radius:14px;background:#151515;color:#FEFFF1;box-shadow:-3px 4px 0 #FFE100;font-size:14px;line-height:1.35;font-weight:700;animation:hbt-in .22s cubic-bezier(.2,.8,.2,1)}
+.home-build-toast-text{flex:1 1 auto;min-width:0}
+.home-build-toast-action{flex:0 0 auto;border:0;border-radius:9px;background:#FFE100;color:#151515;font:inherit;font-size:13px;padding:6px 10px;cursor:pointer}
+.home-build-toast-action:focus-visible,.home-build-toast-close:focus-visible{outline:2px solid #FFE100;outline-offset:2px}
+.home-build-toast-close{flex:0 0 auto;border:0;background:transparent;color:inherit;font:inherit;font-size:18px;line-height:1;padding:2px 4px;cursor:pointer;opacity:.75}
+.home-build-signin-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;margin:0 0 12px;font-family:${HOME_BRAND_FONT};color:var(--vibes-home-title-ink,#151515);font-size:14px;line-height:1.4;font-weight:700;text-align:center}
+.home-build-signin-note button{border:2px solid #151515;border-radius:10px;background:#FFE100;color:#151515;font:inherit;font-size:13px;padding:5px 12px;cursor:pointer}
+.home-build-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
+@keyframes hbt-in{from{opacity:0;transform:translateY(-6px)}}
+@media(max-width:600px){.home-build-expectation{text-align:center}.home-build-toast{justify-self:stretch;max-width:none;font-size:13px}}
+@media(prefers-reduced-motion:reduce){.home-build-toast{animation:none}}
+`;
+export function playComposerReset(box) {
+    if (box === null || box === undefined || typeof box.animate !== "function")
+        return;
+    if (typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true)
+        return;
+    box.animate([
+        { transform: "scale(0.985)", filter: "brightness(1.04)" },
+        { transform: "scale(1.004)", offset: 0.6 },
+        { transform: "none", filter: "none" },
+    ], { duration: 240, easing: "cubic-bezier(.2,.8,.2,1)" });
+}
+export function HomeBuildComposerNote(props) {
+    const { toast, onDismissToast } = props;
+    const toastRef = React.useRef(null);
+    const [held, setHeld] = React.useState(false);
+    React.useEffect(() => {
+        if (toast === undefined || held)
+            return;
+        const timer = setTimeout(onDismissToast, HOME_BUILD_TOAST_MS);
+        return () => clearTimeout(timer);
+    }, [toast, held, onDismissToast]);
+    React.useEffect(() => {
+        if (toast === undefined)
+            setHeld(false);
+    }, [toast]);
+    React.useLayoutEffect(() => {
+        const el = toastRef.current;
+        if (toast === undefined || el === null)
+            return;
+        const rect = el.getBoundingClientRect();
+        if (rect.bottom > window.innerHeight && typeof el.scrollIntoView === "function")
+            el.scrollIntoView({ block: "nearest" });
+    }, [toast]);
+    return (React.createElement("div", { className: "home-build-note-slot", "data-testid": "home-build-note" },
+        React.createElement("style", null, css),
+        React.createElement("p", { className: "home-build-expectation", "aria-hidden": toast !== undefined }, HOME_BUILD_DOCK_COPY.expectation),
+        toast !== undefined && (React.createElement("div", { key: toast.id, ref: toastRef, className: "home-build-toast", "data-testid": "home-build-toast", onPointerEnter: () => setHeld(true), onPointerLeave: () => setHeld(false), onFocus: () => setHeld(true), onBlur: (event) => {
+                if (event.currentTarget.contains(event.relatedTarget) === false)
+                    setHeld(false);
+            } },
+            React.createElement("span", { className: "home-build-toast-text", "aria-hidden": "true" }, toast.text),
+            React.createElement("button", { type: "button", className: "home-build-toast-action", onClick: props.onSeeIt }, HOME_BUILD_DOCK_COPY.sendToastAction),
+            React.createElement("button", { type: "button", className: "home-build-toast-close", "aria-label": HOME_BUILD_DOCK_COPY.sendToastDismiss, onClick: onDismissToast }, "\u00D7"))),
+        React.createElement("p", { className: "home-build-sr", "aria-live": "polite", "data-testid": "home-build-announcer" }, toast?.text ?? "")));
+}
+export function HomeBuildSignInNote(props) {
+    return (React.createElement("p", { className: "home-build-signin-note", role: "status", "data-testid": "home-build-signin-note" },
+        React.createElement("style", null, css),
+        React.createElement("span", null, props.state === "ask" ? HOME_BUILD_DOCK_COPY.signInAsk : HOME_BUILD_DOCK_COPY.signInLater),
+        props.state === "later" && (React.createElement("button", { type: "button", onClick: props.onSignIn }, HOME_BUILD_DOCK_COPY.signInAction))));
+}
+//# sourceMappingURL=HomeBuildComposerNotes.js.map

package/components/HomeBuildComposerNotes.js.map

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

package/components/homeBuildDockCopy.d.ts

@@ -0,0 +1,23 @@
+export declare const HOME_BUILD_TOAST_IDEA_MAX = 48;
+export declare const HOME_BUILD_DOCK_COPY: Readonly<{
+    expectation: "Send an idea, then start the next — they build side by side.";
+    sendToast: (idea: string) => string;
+    sendToastAction: "See it";
+    sendToastDismiss: "Hide this note";
+    headerBuildingOne: "Got another idea? Start it while your app builds.";
+    headerBuildingMany: "Got another idea? Start it while your apps build.";
+    headerMixed: "Open a ready app, or start another.";
+    headerReadyOne: "Your app is ready. Open it, or start another.";
+    headerReadyMany: "Your apps are ready. Open one, or start another.";
+    headerAttention: "Pick up where your apps left off, or start another.";
+    headerReturning: "What would you make today?";
+    readyCue: "Open →";
+    readyChipName: (title: string) => string;
+    overflow: "Find earlier apps in MENU → My Apps.";
+    signInAsk: "Two apps are building. Sign in to run more at once — your idea is waiting right here in the box.";
+    signInLater: "Your idea is here whenever you're ready. Sign in to start it.";
+    signInAction: "Sign in";
+    readyAnnouncement: (count: number) => string;
+}>;
+export type HomeBuildDockHeader = "building-one" | "building-many" | "mixed" | "ready-one" | "ready-many" | "attention" | "returning";
+export declare function homeBuildDockHeaderText(header: HomeBuildDockHeader): string;

package/components/homeBuildDockCopy.js

@@ -0,0 +1,46 @@
+export const HOME_BUILD_TOAST_IDEA_MAX = 48;
+function quoteIdea(idea) {
+    const flat = idea.trim().replace(/\s+/g, " ");
+    if (flat.length <= HOME_BUILD_TOAST_IDEA_MAX)
+        return flat;
+    return `${flat.slice(0, HOME_BUILD_TOAST_IDEA_MAX - 1).trimEnd()}…`;
+}
+export const HOME_BUILD_DOCK_COPY = Object.freeze({
+    expectation: "Send an idea, then start the next — they build side by side.",
+    sendToast: (idea) => `Building “${quoteIdea(idea)}” — start your next idea.`,
+    sendToastAction: "See it",
+    sendToastDismiss: "Hide this note",
+    headerBuildingOne: "Got another idea? Start it while your app builds.",
+    headerBuildingMany: "Got another idea? Start it while your apps build.",
+    headerMixed: "Open a ready app, or start another.",
+    headerReadyOne: "Your app is ready. Open it, or start another.",
+    headerReadyMany: "Your apps are ready. Open one, or start another.",
+    headerAttention: "Pick up where your apps left off, or start another.",
+    headerReturning: "What would you make today?",
+    readyCue: "Open →",
+    readyChipName: (title) => `${title}: Ready · Open`,
+    overflow: "Find earlier apps in MENU → My Apps.",
+    signInAsk: "Two apps are building. Sign in to run more at once — your idea is waiting right here in the box.",
+    signInLater: "Your idea is here whenever you're ready. Sign in to start it.",
+    signInAction: "Sign in",
+    readyAnnouncement: (count) => (count === 1 ? "1 app is ready to open" : `${count} apps are ready to open`),
+});
+export function homeBuildDockHeaderText(header) {
+    switch (header) {
+        case "building-one":
+            return HOME_BUILD_DOCK_COPY.headerBuildingOne;
+        case "building-many":
+            return HOME_BUILD_DOCK_COPY.headerBuildingMany;
+        case "mixed":
+            return HOME_BUILD_DOCK_COPY.headerMixed;
+        case "ready-one":
+            return HOME_BUILD_DOCK_COPY.headerReadyOne;
+        case "ready-many":
+            return HOME_BUILD_DOCK_COPY.headerReadyMany;
+        case "attention":
+            return HOME_BUILD_DOCK_COPY.headerAttention;
+        case "returning":
+            return HOME_BUILD_DOCK_COPY.headerReturning;
+    }
+}
+//# sourceMappingURL=homeBuildDockCopy.js.map

package/components/homeBuildDockCopy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"homeBuildDockCopy.js","sourceRoot":"","sources":["../../jsr/components/homeBuildDockCopy.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAC;AAE5C,SAAS,SAAS,CAAC,IAAY;IAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9C,IAAI,IAAI,CAAC,MAAM,IAAI,yBAAyB;QAAE,OAAO,IAAI,CAAC;IAC1D,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,yBAAyB,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC;AACtE,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC;IAEhD,WAAW,EAAE,8DAA8D;IAE3E,SAAS,EAAE,CAAC,IAAY,EAAU,EAAE,CAAC,aAAa,SAAS,CAAC,IAAI,CAAC,2BAA2B;IAE5F,eAAe,EAAE,QAAQ;IAEzB,gBAAgB,EAAE,gBAAgB;IAGlC,iBAAiB,EAAE,mDAAmD;IACtE,kBAAkB,EAAE,mDAAmD;IAEvE,WAAW,EAAE,qCAAqC;IAElD,cAAc,EAAE,+CAA+C;IAC/D,eAAe,EAAE,kDAAkD;IAEnE,eAAe,EAAE,qDAAqD;IAEtE,eAAe,EAAE,4BAA4B;IAM7C,QAAQ,EAAE,QAAQ;IAElB,aAAa,EAAE,CAAC,KAAa,EAAU,EAAE,CAAC,GAAG,KAAK,gBAAgB;IAGlE,QAAQ,EAAE,sCAAsC;IAGhD,SAAS,EAAE,kGAAkG;IAE7G,WAAW,EAAE,+DAA+D;IAE5E,YAAY,EAAE,SAAS;IAGvB,iBAAiB,EAAE,CAAC,KAAa,EAAU,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,GAAG,KAAK,yBAAyB,CAAC;CAC3H,CAAC,CAAC;AAMH,MAAM,UAAU,uBAAuB,CAAC,MAA2B;IACjE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,cAAc;YACjB,OAAO,oBAAoB,CAAC,iBAAiB,CAAC;QAChD,KAAK,eAAe;YAClB,OAAO,oBAAoB,CAAC,kBAAkB,CAAC;QACjD,KAAK,OAAO;YACV,OAAO,oBAAoB,CAAC,WAAW,CAAC;QAC1C,KAAK,WAAW;YACd,OAAO,oBAAoB,CAAC,cAAc,CAAC;QAC7C,KAAK,YAAY;YACf,OAAO,oBAAoB,CAAC,eAAe,CAAC;QAC9C,KAAK,WAAW;YACd,OAAO,oBAAoB,CAAC,eAAe,CAAC;QAC9C,KAAK,WAAW;YACd,OAAO,oBAAoB,CAAC,eAAe,CAAC;IAChD,CAAC;AACH,CAAC"}

package/components/index.d.ts

@@ -38,3 +38,5 @@ export * from "./VibesWindowFrame.styles.js";
 export * from "./VibesWindowHeader.js";
 export * from "./VibesWindowFrame.js";
 export * from "./HomeBuildChips.js";
+export * from "./HomeBuildComposerNotes.js";
+export * from "./homeBuildDockCopy.js";

package/components/index.js

@@ -38,4 +38,6 @@ export * from "./VibesWindowFrame.styles.js";
 export * from "./VibesWindowHeader.js";
 export * from "./VibesWindowFrame.js";
 export * from "./HomeBuildChips.js";
+export * from "./HomeBuildComposerNotes.js";
+export * from "./homeBuildDockCopy.js";
 //# sourceMappingURL=index.js.map

package/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../jsr/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../jsr/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC"}

package/components/vibe-menu/VibeMenu.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import { useId, useState } from "react";
+import { useEffect, useId, useRef, useState } from "react";
+import { StatusChipRow, statusChipsFor } from "./parts/StatusChipRow.js";
 import { ownerSwitchEvent } from "./menu-state.js";
 import { codeCardMoment } from "./moments.js";
 import { CODE_TABS, activeWorkspaceTab } from "./code-tabs.js";
@@ -50,6 +51,13 @@ export function VibeMenu(props) {
     const codeOpen = state.phase === "card" && state.section === "vibe";
     const remixHint = useRemixHint({ hints: code.remixHints, codeOpen });
     const [logOpen, setLogOpen] = useState(viewer.draft === true || props.firstBuild === true);
+    const seenLogOpenSeq = useRef(props.logOpenSeq);
+    useEffect(() => {
+        if (props.logOpenSeq === seenLogOpenSeq.current)
+            return;
+        seenLogOpenSeq.current = props.logOpenSeq;
+        setLogOpen(true);
+    }, [props.logOpenSeq]);
     const codeModeOn = code.codeModeAvailable === true && code.codeMode === true && pending === false;
     const [workspaceWanted, setWorkspaceWanted] = useState(false);
     if (codeOpen && codeModeOn && workspaceWanted === false)
@@ -107,7 +115,7 @@ export function VibeMenu(props) {
             case "settings":
                 return React.createElement(AccountCard, { viewer: viewer, account: account, nav: nav });
             case "vibe":
-                return (React.createElement(CodeCard, { viewer: viewer, code: code, nav: nav, draft: draft, remixHint: remixHint, logOpen: logOpen, onLogOpen: setLogOpen, workspacePanelId: workspacePanelId }));
+                return (React.createElement(CodeCard, { viewer: viewer, code: code, nav: nav, draft: draft, remixHint: remixHint, logOpen: logOpen, onLogOpen: setLogOpen, workspacePanelId: workspacePanelId, chipRow: chipRow }));
             case "share":
                 return React.createElement(ShareCard, { viewer: viewer, share: share, nav: nav, onSignIn: account.onSignIn });
         }
@@ -118,6 +126,11 @@ export function VibeMenu(props) {
     function onChiclet() {
         dispatch(openEventFor(resolveOpening({ kind: "devDraftChiclet" }, { role: viewer.role, canEditSource: viewer.canEditSource, identityPending: viewer.identityPending })));
     }
+    const chips = statusChipsFor(props.badges, {
+        onChiclet,
+        onPending: () => dispatch(openEventFor(resolveOpening({ kind: "pendingBadge" }, { role: viewer.role, canEditSource: viewer.canEditSource, identityPending: viewer.identityPending }))),
+    });
+    const chipRow = chips.length === 0 ? null : React.createElement(StatusChipRow, { chips: chips, place: "inside" });
     const persistent = workspaceMounted ? (React.createElement(RetainedWorkspace, { key: "workspace", visible: workspaceVisible, above: code.tabRow === true, panelId: workspacePanelId, label: codeTabLabel(activeTab) }, code.slots.workspace)) : null;
     return (React.createElement(VibeMenuShell, { state: state, dispatch: shellDispatch, renderCard: renderCard, persistent: persistent, contentKey: menuContentKey({
             state,
@@ -128,6 +141,6 @@ export function VibeMenu(props) {
             share,
             account,
             queued: draft.queued.length,
-        }), codeMode: codeOpen && codeModeOn, logOpen: logShowing, badges: props.badges, closedStatus: props.closedStatus, onChiclet: onChiclet, frameCap: props.frameCap === true, frame: props.frame, reducedMotion: props.reducedMotion, switchActivity: props.switchActivity, settledAtMount: props.settledAtMount }));
+        }), codeMode: codeOpen && codeModeOn, logOpen: logShowing, badges: props.badges, closedStatus: props.closedStatus, onChiclet: onChiclet, frameCap: props.frameCap === true, frame: props.frame, reducedMotion: props.reducedMotion, switchActivity: props.switchActivity, settledAtMount: props.settledAtMount, chips: chips, hiddenChips: props.badges.hidden, onHideChip: props.badges.onHide, chipsInside: codeOpen && code.promptContent === undefined }));
 }
 //# sourceMappingURL=VibeMenu.js.map

package/components/vibe-menu/VibeMenu.js.map

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

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

@@ -7,6 +7,9 @@ export declare const ACCOUNT_COPY: Readonly<{
     loading: "Loading your account…";
     creditsLeft: "credits left";
     thisMonth: "this month";
+    guestCreditsLeft: "credits left before";
+    guestSignInRequired: "sign-in is required";
+    guestHandleNote: "Sign in to customize your handle";
     handles: "Handles";
     memberships: "Memberships";
     settings: "Settings";
@@ -24,7 +27,7 @@ export declare const ACCOUNT_COPY: Readonly<{
     moreIdeas: "More ideas";
     chooseHandle: "Choose your handle";
 }>;
-export declare const ACCOUNT_CARD_CSS = "\n[data-vibe-menu] .vm-hero { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; padding: 4px 0 14px; }\n[data-vibe-menu] .vm-big { font: 700 42px/0.8 var(--font-display); letter-spacing: -0.04em; white-space: nowrap; }\n[data-vibe-menu] .vm-caption { flex: 1; white-space: nowrap; font-size: 12px; line-height: 14px; color: var(--muted); }\n[data-vibe-menu] .vm-who { display: flex; align-items: center; gap: 10px; padding: 0 0 14px; }\n[data-vibe-menu] .vm-avatar { width: 28px; height: 28px; border-radius: 50%; border: var(--stroke-rule) solid var(--line-card); background: var(--section-account); color: var(--on-account); display: grid; place-items: center; font: 700 12px/1 var(--font-tab); }\n[data-vibe-menu] .vm-handle { font: 700 16px/1 var(--font-display); }\n[data-vibe-menu] .vm-no-handle { font: 400 16px/1 var(--font-display); color: var(--muted); }\n[data-vibe-menu] .vm-meter { height: var(--size-meter); margin-bottom: var(--space-16); border: var(--stroke-rule) solid var(--line-card); border-radius: var(--radius-meter); overflow: hidden; }\n[data-vibe-menu] .vm-meter span { display: block; height: 100%; background: var(--section-account); border-right: var(--stroke-rule) solid var(--line-card); }\n[data-vibe-menu] .vm-account .vm-group + .vm-group { margin-top: var(--space-14); }\n[data-vibe-menu] .vm-drill .vm-input + .vm-drill-sec { margin-top: 14px; }\n[data-vibe-menu] .vm-handle-add { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 6px; }\n[data-vibe-menu] .vm-handle-add .vm-input { flex: 1 1 180px; height: 40px; margin: 0; }\n[data-vibe-menu] .vm-acting-head { margin-top: 16px; padding-bottom: 2px; }\n[data-vibe-menu] .vm-acting-line { margin: 0 0 6px; font-size: 13px; color: var(--muted); }\n[data-vibe-menu] .vm-handle-row { display: flex; align-items: center; gap: 12px; width: 100%; height: 42px; }\n[data-vibe-menu] .vm-handle-row + .vm-handle-row { border-top: var(--stroke-hairline) solid var(--line-hairline); }\n[data-vibe-menu] .vm-handle-row .vm-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; }\n[data-vibe-menu] .vm-handle-row.is-active .vm-label { font-weight: 700; }\n[data-vibe-menu] .vm-handle-row.is-active .vm-initial { background: var(--accent); color: var(--on-accent); }\n[data-vibe-menu] .vm-check { display: grid; color: var(--ink); }\n[data-vibe-menu] .vm-check .vm-glyph { width: 18px; height: 18px; stroke-width: 3; }\n[data-vibe-menu] .vm-picture { display: flex; padding: 2px 0 8px 40px; }\n[data-vibe-menu] .vm-form-note { margin: 8px 0 0; font-size: 13px; color: var(--ink); }\n@container (max-width: 480px) {\n  [data-vibe-menu] .vm-big { font-size: 36px; }\n  [data-vibe-menu] .vm-handle-add .vm-input { flex-basis: 100%; }\n}\n";
+export declare const ACCOUNT_CARD_CSS = "\n[data-vibe-menu] .vm-hero { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; padding: 4px 0 14px; }\n[data-vibe-menu] .vm-big { font: 700 42px/0.8 var(--font-display); letter-spacing: -0.04em; white-space: nowrap; }\n[data-vibe-menu] .vm-caption { flex: 1; white-space: nowrap; font-size: 12px; line-height: 14px; color: var(--muted); }\n[data-vibe-menu] .vm-who { display: flex; align-items: center; gap: 10px; padding: 0 0 14px; }\n[data-vibe-menu] .vm-avatar { width: 28px; height: 28px; border-radius: 50%; border: var(--stroke-rule) solid var(--line-card); background: var(--section-account); color: var(--on-account); display: grid; place-items: center; font: 700 12px/1 var(--font-tab); }\n[data-vibe-menu] .vm-handle { font: 700 16px/1 var(--font-display); }\n[data-vibe-menu] .vm-who + [data-guest-handle-note] { margin: -8px 0 14px 38px; }\n[data-vibe-menu] .vm-no-handle { font: 400 16px/1 var(--font-display); color: var(--muted); }\n[data-vibe-menu] .vm-meter { height: var(--size-meter); margin-bottom: var(--space-16); border: var(--stroke-rule) solid var(--line-card); border-radius: var(--radius-meter); overflow: hidden; }\n[data-vibe-menu] .vm-meter span { display: block; height: 100%; background: var(--section-account); border-right: var(--stroke-rule) solid var(--line-card); }\n[data-vibe-menu] .vm-account .vm-group + .vm-group { margin-top: var(--space-14); }\n[data-vibe-menu] .vm-drill .vm-input + .vm-drill-sec { margin-top: 14px; }\n[data-vibe-menu] .vm-handle-add { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 6px; }\n[data-vibe-menu] .vm-handle-add .vm-input { flex: 1 1 180px; height: 40px; margin: 0; }\n[data-vibe-menu] .vm-acting-head { margin-top: 16px; padding-bottom: 2px; }\n[data-vibe-menu] .vm-acting-line { margin: 0 0 6px; font-size: 13px; color: var(--muted); }\n[data-vibe-menu] .vm-handle-row { display: flex; align-items: center; gap: 12px; width: 100%; height: 42px; }\n[data-vibe-menu] .vm-handle-row + .vm-handle-row { border-top: var(--stroke-hairline) solid var(--line-hairline); }\n[data-vibe-menu] .vm-handle-row .vm-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; }\n[data-vibe-menu] .vm-handle-row.is-active .vm-label { font-weight: 700; }\n[data-vibe-menu] .vm-handle-row.is-active .vm-initial { background: var(--accent); color: var(--on-accent); }\n[data-vibe-menu] .vm-check { display: grid; color: var(--ink); }\n[data-vibe-menu] .vm-check .vm-glyph { width: 18px; height: 18px; stroke-width: 3; }\n[data-vibe-menu] .vm-picture { display: flex; padding: 2px 0 8px 40px; }\n[data-vibe-menu] .vm-form-note { margin: 8px 0 0; font-size: 13px; color: var(--ink); }\n@container (max-width: 480px) {\n  [data-vibe-menu] .vm-big { font-size: 36px; }\n  [data-vibe-menu] .vm-handle-add .vm-input { flex-basis: 100%; }\n}\n";
 export interface AccountCardProps {
     readonly viewer: ViewerSlice;
     readonly account: AccountSlice;

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

@@ -17,6 +17,9 @@ export const ACCOUNT_COPY = Object.freeze({
     loading: "Loading your account…",
     creditsLeft: "credits left",
     thisMonth: "this month",
+    guestCreditsLeft: "credits left before",
+    guestSignInRequired: "sign-in is required",
+    guestHandleNote: "Sign in to customize your handle",
     handles: "Handles",
     memberships: "Memberships",
     settings: "Settings",
@@ -41,6 +44,7 @@ export const ACCOUNT_CARD_CSS = `
 [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-card); 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-who + [data-guest-handle-note] { margin: -8px 0 14px 38px; }
 [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-card); 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-card); }
@@ -65,7 +69,11 @@ export const ACCOUNT_CARD_CSS = `
 }
 `;
 function showsHandlesDrill(props, signedIn) {
-    return signedIn && props.nav.view?.drill === "handles" && props.account.activeHandle !== null;
+    const guest = (props.account.guestAsk ?? null) !== null;
+    return signedIn && guest === false && props.nav.view?.drill === "handles" && props.account.activeHandle !== null;
+}
+function GuestHandleNote() {
+    return (React.createElement("p", { className: "vm-sub", "data-guest-handle-note": "" }, ACCOUNT_COPY.guestHandleNote));
 }
 function initialOf(name) {
     return name.slice(0, 1).toUpperCase();
@@ -74,9 +82,12 @@ 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 guest = (props.account.guestAsk ?? null) !== null;
+    const caption = guest
+        ? [ACCOUNT_COPY.guestCreditsLeft, ACCOUNT_COPY.guestSignInRequired]
+        : 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" },
@@ -84,7 +95,9 @@ function CreditsFact(props) {
             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` },
+        pct === null || included === null ? null : (React.createElement("div", { className: "vm-meter", role: "img", "aria-label": guest
+                ? `${remaining.toLocaleString("en-US")} ${ACCOUNT_COPY.guestCreditsLeft} ${ACCOUNT_COPY.guestSignInRequired}`
+                : `${remaining.toLocaleString("en-US")} of ${included.toLocaleString("en-US")} credits left` },
             React.createElement("span", { style: { width: `${pct}%` } })))));
 }
 function AccountRows(props) {
@@ -187,9 +200,10 @@ function AccountBody(props) {
             React.createElement("span", { className: "vm-handle" },
                 "@",
                 active)),
+        guestAsk === null ? null : React.createElement(GuestHandleNote, null),
         React.createElement(CreditsFact, { account: account }),
-        React.createElement(ActionPill, { label: account.creditsAction.label, href: account.creditsAction.href, onClick: account.creditsAction.onClick, 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" }) }) })));
+        guestAsk === null ? (React.createElement(ActionPill, { label: account.creditsAction.label, href: account.creditsAction.href, onClick: account.creditsAction.onClick, solo: true })) : null,
+        React.createElement(AccountRows, { account: account, lead: guestAsk === null ? (React.createElement(Row, { lead: "at-sign", label: ACCOUNT_COPY.handles, tail: { kind: "drill", value: `@${active}`, handle: true }, onClick: () => nav.onDrill({ drill: "handles" }) })) : null })));
 }
 export const ACCOUNT_TAB_CSS = `
 [data-vibe-menu] .vm-xtab .vm-who .vm-textbtn {
@@ -198,7 +212,8 @@ export const ACCOUNT_TAB_CSS = `
 `;
 export function accountTabItems(account) {
     const items = [];
-    if (account.activeHandle !== null)
+    const guest = (account.guestAsk ?? null) !== null;
+    if (account.activeHandle !== null && guest === false)
         items.push({ key: "handles", label: ACCOUNT_COPY.handles, glyph: "at-sign", kind: "drill" });
     items.push({ key: "memberships", label: ACCOUNT_COPY.memberships, glyph: "star", kind: "link", href: account.membershipsHref });
     items.push({ key: "settings", label: ACCOUNT_COPY.settings, glyph: "sliders", kind: "link", href: account.settingsHref });
@@ -241,8 +256,9 @@ function AccountTabBody(props) {
                     "@",
                     handle),
                 account.onLogout === null ? null : (React.createElement("button", { className: "vm-textbtn", type: "button", "data-item": "logOut", onClick: account.onLogout }, ACCOUNT_COPY.logOut))),
+            guestAsk === null ? null : React.createElement(GuestHandleNote, null),
             React.createElement(CreditsFact, { account: account }),
-            mainKind === "credits" ? null : creditsPill),
+            mainKind === "credits" || mainKind === "guest" ? null : creditsPill),
         React.createElement(MainAction, null, main),
         row));
 }