@vibes.diy/base 14.3.20 → 14.3.22

package/components/vibe-menu/parts/MomentLine.js

@@ -0,0 +1,58 @@
+import * as React from "react";
+import { Chip } from "./Chip.js";
+import { Glyph } from "./Glyph.js";
+const WHO_LABEL = { you: "You", built: "Built", agent: "Agent" };
+export function AgentLog(props) {
+    const logRef = React.useRef(null);
+    React.useLayoutEffect(() => {
+        const log = logRef.current;
+        if (log === null)
+            return;
+        log.scrollTop = log.scrollHeight;
+    }, [props.lines.length]);
+    return (React.createElement("div", { className: "vm-log", id: props.id, ref: logRef, role: "log", "aria-label": "Agent log" }, props.lines.map((line, index) => (React.createElement("p", { key: index, className: "vm-log-line" },
+        React.createElement("b", null, WHO_LABEL[line.who]),
+        " ",
+        line.text)))));
+}
+function PinnedMoment(props) {
+    const item = props.item;
+    const options = item.options;
+    return (React.createElement("div", { className: "vm-moment is-pinned", "data-moment": item.kind },
+        React.createElement("p", { className: "vm-moment-text", role: item.kind === "problem" || item.kind === "credits" ? "alert" : undefined }, item.text),
+        React.createElement("div", { className: "vm-moment-actions" },
+            options !== undefined
+                ? options.map((option) => React.createElement(Chip, { key: option, label: option, ghost: true, onClick: () => props.onAction(item, option) }))
+                : (item.actions ?? []).map((action, index) => (React.createElement(Chip, { key: action, label: action, ghost: index > 0, onClick: () => props.onAction(item, action) }))),
+            item.kind === "question" ? React.createElement("span", { className: "vm-moment-hint" }, "or type your own answer") : null)));
+}
+function LiveMoment(props) {
+    const logId = React.useId();
+    const item = props.item;
+    const kindClass = item.kind === "progress" ? "is-progress" : "is-summary";
+    const busy = item.kind === "progress" ? React.createElement("span", { className: "vm-busy", "aria-hidden": "true" }) : null;
+    const log = props.log;
+    if (log === null) {
+        return (React.createElement("p", { className: `vm-moment ${kindClass}`, "data-moment": item.kind },
+            busy,
+            React.createElement("span", null, item.text)));
+    }
+    return (React.createElement("div", { className: "vm-live" },
+        React.createElement("button", { className: `vm-moment ${kindClass} is-expander`, type: "button", "data-moment": item.kind, "aria-expanded": log.open, "aria-controls": logId, "aria-label": `Agent log: ${item.text}`, onClick: () => log.onToggle() },
+            React.createElement("span", { className: log.open ? "vm-chev is-open" : "vm-chev", "data-log-chev": "" },
+                React.createElement(Glyph, { name: "chevron-right" })),
+            busy,
+            React.createElement("span", null, item.text)),
+        React.createElement("div", { className: "vm-log-clip", "data-log-clip": "", "data-open": log.open ? "true" : "false", inert: log.open ? undefined : true },
+            React.createElement(AgentLog, { id: logId, lines: log.lines }))));
+}
+export function MomentLine(props) {
+    const { pinned, live } = props.moment;
+    if (pinned === null && live === null)
+        return null;
+    return (React.createElement("div", { className: "vm-moments", "data-moment-block": "" },
+        pinned === null ? null : React.createElement(PinnedMoment, { item: pinned, onAction: props.onAction }),
+        live === null ? null : React.createElement(LiveMoment, { item: live, log: props.log }),
+        live === null && props.log !== null && props.log.lines.length > 0 ? React.createElement(AgentLog, { lines: props.log.lines }) : null));
+}
+//# sourceMappingURL=MomentLine.js.map

package/components/vibe-menu/parts/MomentLine.js.map

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

package/components/vibe-menu/parts/Row.d.ts

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { type GlyphName } from "./Glyph.js";
+export interface RowLetter {
+    readonly letter: string;
+    readonly kind: "app" | "person";
+    readonly color?: string;
+}
+export type RowTail = {
+    readonly kind: "none";
+} | {
+    readonly kind: "drill";
+    readonly value?: string;
+    readonly handle?: boolean;
+} | {
+    readonly kind: "value";
+    readonly value: string;
+    readonly handle?: boolean;
+} | {
+    readonly kind: "switch";
+    readonly on: boolean;
+};
+export interface RowProps {
+    readonly label: string;
+    readonly lead: GlyphName | RowLetter;
+    readonly plain?: boolean;
+    readonly compact?: boolean;
+    readonly quiet?: boolean;
+    readonly disabled?: boolean;
+    readonly tail?: RowTail;
+    readonly href?: string;
+    readonly external?: boolean;
+    readonly expanded?: boolean;
+    readonly onClick?: () => void;
+    readonly ariaLabel?: string;
+}
+export declare function Row(props: RowProps): React.ReactElement;
+export interface RowGroupProps {
+    readonly flush?: boolean;
+    readonly children: React.ReactNode;
+}
+export declare function RowGroup(props: RowGroupProps): React.ReactElement;

package/components/vibe-menu/parts/Row.js

@@ -0,0 +1,60 @@
+import * as React from "react";
+import { Glyph } from "./Glyph.js";
+function rowClassName(props) {
+    const names = ["vm-row"];
+    if (props.compact === true)
+        names.push("is-compact");
+    if (props.quiet === true)
+        names.push("is-quiet");
+    return names.join(" ");
+}
+function RowLead(props) {
+    const lead = props.lead;
+    if (typeof lead === "string") {
+        return (React.createElement("span", { className: "vm-dot" },
+            React.createElement(Glyph, { name: lead })));
+    }
+    if (lead.kind === "person") {
+        return (React.createElement("span", { className: "vm-dot vm-initial", "aria-hidden": "true" }, lead.letter));
+    }
+    const style = { "--app": lead.color ?? "var(--section-home)" };
+    return (React.createElement("span", { className: "vm-dot vm-app", style: style, "aria-hidden": "true" }, lead.letter));
+}
+function RowValue(props) {
+    return React.createElement("span", { className: props.handle === true ? "vm-count is-handle" : "vm-count" }, props.value);
+}
+function RowTailView(props) {
+    const tail = props.tail;
+    switch (tail.kind) {
+        case "none":
+            return null;
+        case "value":
+            return React.createElement(RowValue, { value: tail.value, handle: tail.handle });
+        case "drill":
+            return (React.createElement(React.Fragment, null,
+                tail.value === undefined ? null : React.createElement(RowValue, { value: tail.value, handle: tail.handle }),
+                React.createElement("span", { className: "vm-chev" },
+                    React.createElement(Glyph, { name: "chevron-right" }))));
+        case "switch":
+            return React.createElement("span", { className: tail.on ? "vm-switch is-on" : "vm-switch", "aria-hidden": "true" });
+    }
+}
+export function Row(props) {
+    const tail = props.tail ?? { kind: "none" };
+    const inner = (React.createElement(React.Fragment, null,
+        React.createElement(RowLead, { lead: props.lead }),
+        React.createElement("span", { className: props.plain === true ? "vm-label is-plain" : "vm-label" }, props.label),
+        React.createElement(RowTailView, { tail: tail })));
+    if (props.href !== undefined && props.disabled !== true) {
+        return (React.createElement("a", { className: rowClassName(props), href: props.href, target: props.external === true ? "_blank" : undefined, rel: props.external === true ? "noopener noreferrer" : undefined, "aria-label": props.ariaLabel, onClick: props.onClick }, inner));
+    }
+    return (React.createElement("button", { className: rowClassName(props), type: "button", role: tail.kind === "switch" ? "switch" : undefined, "aria-checked": tail.kind === "switch" ? tail.on : undefined, "aria-expanded": props.expanded, "aria-disabled": props.disabled === true ? "true" : undefined, "aria-label": props.ariaLabel, onClick: () => {
+            if (props.disabled === true)
+                return;
+            props.onClick?.();
+        } }, inner));
+}
+export function RowGroup(props) {
+    return React.createElement("div", { className: props.flush === true ? "vm-group is-flush" : "vm-group" }, props.children);
+}
+//# sourceMappingURL=Row.js.map

package/components/vibe-menu/parts/Row.js.map

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

package/components/vibe-menu/parts/SectionStrip.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { type Ref } from "react";
+import type { Section } from "../menu-state.js";
+export interface SectionStripProps {
+    readonly activeSection: Section | null;
+    readonly pressedSection: Section | null;
+    readonly tabbable: boolean;
+    readonly pendingRequests: number;
+    readonly onTab: (section: Section) => void;
+    readonly stripRef?: Ref<HTMLElement>;
+    readonly slideRef?: Ref<HTMLDivElement>;
+    readonly registerTab?: (section: Section, el: HTMLButtonElement | null) => void;
+}
+export declare function SectionStrip(props: SectionStripProps): React.ReactElement;

package/components/vibe-menu/parts/SectionStrip.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { Glyph } from "./Glyph.js";
+import { SECTIONS, SECTION_TITLES } from "../menu-state.js";
+const TAB_GLYPH = {
+    home: "home",
+    settings: "settings",
+    vibe: "code",
+    share: "users",
+};
+function pendingLabel(count) {
+    return `${count} pending access request${count === 1 ? "" : "s"}`;
+}
+export function SectionStrip(props) {
+    return (React.createElement("nav", { className: "vm-strip", "aria-label": "Vibe menu", ref: props.stripRef },
+        React.createElement("div", { className: "vm-strip-slide", ref: props.slideRef },
+            React.createElement("div", { className: "vm-strip-inner" }, SECTIONS.map((section) => {
+                const title = SECTION_TITLES[section];
+                const badged = section === "share" && props.pendingRequests > 0;
+                return (React.createElement("button", { key: section, type: "button", className: props.activeSection === section ? "vm-tab is-active" : "vm-tab", "data-section": section, "aria-pressed": props.pressedSection === section, "aria-label": badged ? `${title} (${pendingLabel(props.pendingRequests)})` : undefined, tabIndex: props.tabbable ? 0 : -1, ref: (el) => props.registerTab?.(section, el), onClick: () => props.onTab(section) },
+                    React.createElement("span", { className: "vm-tab-circle" },
+                        React.createElement(Glyph, { name: TAB_GLYPH[section], className: "" })),
+                    React.createElement("span", { className: "vm-tab-label" }, title),
+                    badged ? (React.createElement("span", { className: "vm-badge", "aria-hidden": "true" }, props.pendingRequests)) : null));
+            })))));
+}
+//# sourceMappingURL=SectionStrip.js.map

package/components/vibe-menu/parts/SectionStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionStrip.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/parts/SectionStrip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAkB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAoB5D,MAAM,SAAS,GAAyC;IACtD,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,SAAS,YAAY,CAAC,KAAa;IACjC,OAAO,GAAG,KAAK,0BAA0B,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;AACpE,CAAC;AAGD,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU,gBAAY,WAAW,EAAC,GAAG,EAAE,KAAK,CAAC,QAAQ;QAClE,6BAAK,SAAS,EAAC,gBAAgB,EAAC,GAAG,EAAE,KAAK,CAAC,QAAQ;YACjD,6BAAK,SAAS,EAAC,gBAAgB,IAC5B,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;gBACxB,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;gBACtC,MAAM,MAAM,GAAG,OAAO,KAAK,OAAO,IAAI,KAAK,CAAC,eAAe,GAAG,CAAC,CAAC;gBAChE,OAAO,CACL,gCACE,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,KAAK,CAAC,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,kBAC5D,OAAO,kBACP,KAAK,CAAC,cAAc,KAAK,OAAO,gBAClC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,YAAY,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EACpF,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACjC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;oBAEnC,8BAAM,SAAS,EAAC,eAAe;wBAC7B,oBAAC,KAAK,IAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,SAAS,EAAC,EAAE,GAAG,CAC3C;oBACP,8BAAM,SAAS,EAAC,cAAc,IAAE,KAAK,CAAQ;oBAC5C,MAAM,CAAC,CAAC,CAAC,CACR,8BAAM,SAAS,EAAC,UAAU,iBAAa,MAAM,IAC1C,KAAK,CAAC,eAAe,CACjB,CACR,CAAC,CAAC,CAAC,IAAI,CACD,CACV,CAAC;YACJ,CAAC,CAAC,CACE,CACF,CACF,CACP,CAAC;AACJ,CAAC"}

package/components/vibe-menu/parts/VibesSwitchGlass.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import type { ReactNode, Ref } from "react";
+export interface SwitchArtPlacement {
+    readonly size: number;
+    readonly left: number;
+    readonly top: number;
+}
+export declare function switchArtPlacement(box: {
+    readonly width: number;
+    readonly height: number;
+}): SwitchArtPlacement;
+export type SwitchChiclet = "draft" | "locked";
+export interface VibesSwitchGlassProps {
+    readonly open: boolean;
+    readonly barOpen: boolean;
+    readonly onToggle: () => void;
+    readonly pendingRequests: number;
+    readonly chiclet: SwitchChiclet | null;
+    readonly onChiclet: () => void;
+    readonly closedStatus: ReactNode;
+    readonly twinkling: boolean;
+    readonly pillRef?: Ref<HTMLButtonElement>;
+}
+export declare function VibesSwitchGlass(props: VibesSwitchGlassProps): React.ReactElement;

package/components/vibe-menu/parts/VibesSwitchGlass.js

@@ -0,0 +1,66 @@
+import * as React from "react";
+import { useEffect, useState } from "react";
+import { VibesSwitch } from "../../VibesSwitch.js";
+import { MENU_GEOMETRY } from "../geometry.js";
+import { MOTION } from "../motion.js";
+const SWITCH_VIEWBOX = { x: 18, y: 58, height: 282 };
+const SWITCH_STADIUM = { x: 59.9, y: 154.75, width: 479.73, height: 175.38 };
+export function switchArtPlacement(box) {
+    const scale = Math.min(box.width / SWITCH_STADIUM.width, box.height / SWITCH_STADIUM.height);
+    return {
+        size: SWITCH_VIEWBOX.height * scale,
+        left: (box.width - SWITCH_STADIUM.width * scale) / 2 - (SWITCH_STADIUM.x - SWITCH_VIEWBOX.x) * scale,
+        top: (box.height - SWITCH_STADIUM.height * scale) / 2 - (SWITCH_STADIUM.y - SWITCH_VIEWBOX.y) * scale,
+    };
+}
+const ART = switchArtPlacement({ width: MENU_GEOMETRY.pillW, height: MENU_GEOMETRY.pillH });
+const CHICLET_COPY = {
+    draft: { text: "Draft", label: "Draft — not live yet. Open the vibe menu to update." },
+    locked: { text: "Locked", label: "Version locked — new edits aren't live. Open the vibe menu to unlock." },
+};
+function switchLabel(input) {
+    if (input.open)
+        return "Close vibe menu";
+    if (input.pendingRequests > 0) {
+        const plural = input.pendingRequests === 1 ? "" : "s";
+        return `Open vibe menu (${input.pendingRequests} pending access request${plural})`;
+    }
+    return "Open vibe menu";
+}
+function hasContent(node) {
+    return node !== null && node !== undefined && node !== false && node !== "";
+}
+function ClosedStatusLine(props) {
+    const visible = hasContent(props.content);
+    const [retained, setRetained] = useState(visible ? props.content : null);
+    const [revealed, setRevealed] = useState(false);
+    useEffect(() => {
+        if (visible)
+            setRetained(props.content);
+    }, [visible, props.content]);
+    useEffect(() => {
+        if (visible) {
+            const frame = requestAnimationFrame(() => setRevealed(true));
+            return () => cancelAnimationFrame(frame);
+        }
+        setRevealed(false);
+        const exit = setTimeout(() => setRetained(null), MOTION.closeMs);
+        return () => clearTimeout(exit);
+    }, [visible]);
+    if (hasContent(retained) === false)
+        return null;
+    return (React.createElement("div", { className: "vm-closed-status", "data-testid": "closed-build-status", "aria-hidden": visible ? undefined : true, inert: visible === false },
+        React.createElement("div", { className: "vm-closed-status-line", "data-revealed": revealed ? "true" : "false" }, retained)));
+}
+export function VibesSwitchGlass(props) {
+    const chiclet = props.chiclet === null ? undefined : CHICLET_COPY[props.chiclet];
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "vm-glass", "aria-hidden": "true" }),
+        React.createElement("button", { ref: props.pillRef, type: "button", className: "vm-pill", "data-vibe-switch-glass": "", "aria-label": switchLabel({ open: props.open, pendingRequests: props.pendingRequests }), "aria-expanded": props.open, onClick: props.onToggle },
+            React.createElement(VibesSwitch, { size: ART.size, className: "vm-switch-svg", style: { position: "absolute", left: ART.left, top: ART.top, pointerEvents: "none" }, isActive: props.barOpen === false, isTwinkling: props.twinkling }),
+            props.open === false && props.pendingRequests > 0 ? (React.createElement("span", { className: "vm-badge", "aria-hidden": "true" }, props.pendingRequests)) : null),
+        React.createElement("div", { className: "vm-beside" },
+            chiclet === undefined || props.chiclet === null ? null : (React.createElement("button", { type: "button", className: "vm-chiclet", "data-chiclet": props.chiclet, "aria-label": chiclet.label, onClick: props.onChiclet }, chiclet.text)),
+            React.createElement(ClosedStatusLine, { content: props.closedStatus }))));
+}
+//# sourceMappingURL=VibesSwitchGlass.js.map

package/components/vibe-menu/parts/VibesSwitchGlass.js.map

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

package/components/vibe-menu/parts/radio-keys.d.ts

@@ -0,0 +1,5 @@
+export declare function nextRadioIndex(args: {
+    readonly key: string;
+    readonly index: number;
+    readonly count: number;
+}): number | undefined;

package/components/vibe-menu/parts/radio-keys.js

@@ -0,0 +1,13 @@
+export function nextRadioIndex(args) {
+    switch (args.key) {
+        case "ArrowRight":
+        case "ArrowDown":
+            return (args.index + 1) % args.count;
+        case "ArrowLeft":
+        case "ArrowUp":
+            return (args.index - 1 + args.count) % args.count;
+        default:
+            return undefined;
+    }
+}
+//# sourceMappingURL=radio-keys.js.map

package/components/vibe-menu/parts/radio-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-keys.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/parts/radio-keys.ts"],"names":[],"mappings":"AACA,MAAM,UAAU,cAAc,CAAC,IAA8E;IAC3G,QAAQ,IAAI,CAAC,GAAG,EAAE,CAAC;QACjB,KAAK,YAAY,CAAC;QAClB,KAAK,WAAW;YACd,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACvC,KAAK,WAAW,CAAC;QACjB,KAAK,SAAS;YACZ,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACpD;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC"}

package/components/vibe-menu/parts/use-composer-draft.d.ts

@@ -0,0 +1,9 @@
+import type { ComposerDraft, ComposerSlice } from "./Composer.js";
+export type { ComposerDraft, ComposerSlice } from "./Composer.js";
+export declare const QUEUE_FLUSH_RETRY_MS = 400;
+export declare const QUEUE_FLUSH_MAX_ATTEMPTS = 25;
+export interface UseComposerDraftInput {
+    readonly composer: ComposerSlice;
+    readonly resetKey: string | null;
+}
+export declare function useComposerDraft(input: UseComposerDraftInput): ComposerDraft;

package/components/vibe-menu/parts/use-composer-draft.js

@@ -0,0 +1,94 @@
+import * as React from "react";
+import { useAttachments } from "../../../attachments/use-attachments.js";
+export const QUEUE_FLUSH_RETRY_MS = 400;
+export const QUEUE_FLUSH_MAX_ATTEMPTS = 25;
+const ONE_FILE_TEXT = "Use the attached file.";
+const MANY_FILES_TEXT = "Use the attached files.";
+export function useComposerDraft(input) {
+    const { composer, resetKey } = input;
+    const [text, setText] = React.useState("");
+    const [queued, setQueued] = React.useState([]);
+    const [flushAttempt, setFlushAttempt] = React.useState(0);
+    const attachments = useAttachments();
+    const prevResetKey = React.useRef(resetKey);
+    if (prevResetKey.current !== resetKey) {
+        prevResetKey.current = resetKey;
+        setText("");
+        setQueued([]);
+        setFlushAttempt(0);
+        attachments.clear();
+    }
+    const restore = composer.restore;
+    const stage = attachments.stage;
+    const restoreSeq = React.useRef(undefined);
+    React.useEffect(() => {
+        if (restore === null || restore.seq === restoreSeq.current)
+            return;
+        restoreSeq.current = restore.seq;
+        setText((d) => (d === "" ? restore.text : d));
+        stage(restore.attachments ?? []);
+    }, [restore, stage]);
+    const seed = composer.seed;
+    const seedSeq = React.useRef(undefined);
+    React.useEffect(() => {
+        if (seed === null || seed.seq === seedSeq.current)
+            return;
+        seedSeq.current = seed.seq;
+        setText((d) => (d === "" ? seed.text : d));
+    }, [seed]);
+    const building = composer.cap === "Stop";
+    const { sendsNow } = composer;
+    const onSubmitRef = React.useRef(composer.onSubmit);
+    React.useLayoutEffect(() => {
+        onSubmitRef.current = composer.onSubmit;
+    });
+    React.useEffect(() => {
+        const flushable = sendsNow === true || building === false;
+        if (flushable === false || queued.length === 0)
+            return;
+        const batch = queued.join("\n\n");
+        if (onSubmitRef.current(batch, []) !== false) {
+            setQueued([]);
+            setFlushAttempt(0);
+            return;
+        }
+        if (flushAttempt >= QUEUE_FLUSH_MAX_ATTEMPTS) {
+            setQueued([]);
+            setFlushAttempt(0);
+            setText((d) => (d === "" ? batch : `${d}\n${batch}`));
+            return;
+        }
+        const timer = setTimeout(() => setFlushAttempt((n) => n + 1), QUEUE_FLUSH_RETRY_MS);
+        return () => clearTimeout(timer);
+    }, [building, sendsNow, queued, flushAttempt]);
+    function submit() {
+        const trimmed = text.trim();
+        const ready = attachments.readyAttachments;
+        if ((trimmed === "" && ready.length === 0) || attachments.busy === true)
+            return;
+        const sendNow = composer.sendsNow === true && queued.length === 0 && ready.length === 0;
+        if ((building === true && sendNow === false) || queued.length > 0) {
+            if (ready.length > 0)
+                return;
+            setQueued([...queued, trimmed]);
+            setText("");
+            return;
+        }
+        const fileText = ready.length === 1 ? ONE_FILE_TEXT : MANY_FILES_TEXT;
+        const message = trimmed === "" ? fileText : trimmed;
+        const answer = composer.onSubmit(message, ready);
+        if (answer === false)
+            return;
+        attachments.clear();
+        setText("");
+    }
+    function stop() {
+        if (queued.length > 0) {
+            setText(queued.join("\n"));
+            setQueued([]);
+        }
+        composer.onStop();
+    }
+    return { text, setText, attachments, queued, submit, stop };
+}
+//# sourceMappingURL=use-composer-draft.js.map

package/components/vibe-menu/parts/use-composer-draft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-composer-draft.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/parts/use-composer-draft.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAQzE,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACxC,MAAM,CAAC,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAE3C,MAAM,aAAa,GAAG,wBAAwB,CAAC;AAC/C,MAAM,eAAe,GAAG,yBAAyB,CAAC;AAWlD,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAClE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1D,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAKrC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC5C,IAAI,YAAY,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QACtC,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC;QAChC,OAAO,CAAC,EAAE,CAAC,CAAC;QACZ,SAAS,CAAC,EAAE,CAAC,CAAC;QACd,eAAe,CAAC,CAAC,CAAC,CAAC;QACnB,WAAW,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;IAGD,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;IACjC,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAqB,SAAS,CAAC,CAAC;IAC/D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,CAAC,GAAG,KAAK,UAAU,CAAC,OAAO;YAAE,OAAO;QACnE,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC;QACjC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9C,KAAK,CAAC,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAGrB,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAqB,SAAS,CAAC,CAAC;IAC5D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,GAAG,KAAK,OAAO,CAAC,OAAO;YAAE,OAAO;QAC1D,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;QAC3B,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAKX,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,KAAK,MAAM,CAAC;IACzC,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC;IAI9B,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACpD,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC;IAC1C,CAAC,CAAC,CAAC;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,SAAS,GAAG,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,KAAK,CAAC;QAC1D,IAAI,SAAS,KAAK,KAAK,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QACvD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAClC,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC;YAC7C,SAAS,CAAC,EAAE,CAAC,CAAC;YACd,eAAe,CAAC,CAAC,CAAC,CAAC;YACnB,OAAO;QACT,CAAC;QACD,IAAI,YAAY,IAAI,wBAAwB,EAAE,CAAC;YAC7C,SAAS,CAAC,EAAE,CAAC,CAAC;YACd,eAAe,CAAC,CAAC,CAAC,CAAC;YACnB,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC;YACtD,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,oBAAoB,CAAC,CAAC;QACpF,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/C,SAAS,MAAM;QACb,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAC5B,MAAM,KAAK,GAAG,WAAW,CAAC,gBAAgB,CAAC;QAC3C,IAAI,CAAC,OAAO,KAAK,EAAE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,WAAW,CAAC,IAAI,KAAK,IAAI;YAAE,OAAO;QAChF,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,KAAK,IAAI,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;QAGxF,IAAI,CAAC,QAAQ,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAGlE,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO;YAC7B,SAAS,CAAC,CAAC,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;YAChC,OAAO,CAAC,EAAE,CAAC,CAAC;YACZ,OAAO;QACT,CAAC;QACD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC;QACtE,MAAM,OAAO,GAAG,OAAO,KAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;QACpD,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACjD,IAAI,MAAM,KAAK,KAAK;YAAE,OAAO;QAC7B,WAAW,CAAC,KAAK,EAAE,CAAC;QACpB,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC;IAED,SAAS,IAAI;QAGX,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YAC3B,SAAS,CAAC,EAAE,CAAC,CAAC;QAChB,CAAC;QACD,QAAQ,CAAC,MAAM,EAAE,CAAC;IACpB,CAAC;IAED,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;AAC9D,CAAC"}

package/components/vibe-menu/share-fixtures.d.ts

@@ -0,0 +1,15 @@
+import type { ViewerRole } from "./open-resolver.js";
+import type { RosterMember, ShareSlice, ViewerSlice } from "./slices.js";
+export declare const SAMPLE_ROSTER: readonly RosterMember[];
+export declare const SAMPLE_LINK: {
+    readonly url: string;
+    readonly display: string;
+};
+export declare const SAMPLE_REQUEST: {
+    readonly key: string;
+    readonly handle: string;
+};
+export declare const SAMPLE_EMBED_SNIPPET = "<iframe src=\"https://vibes.diy/embed/marcus/my-to-do-app\" title=\"My To-Do App, made on vibes.diy\" style=\"width:100%;aspect-ratio:16/9;border:0\" loading=\"lazy\"></iframe>";
+export declare function makeShareSlice(over?: Partial<ShareSlice>): ShareSlice;
+export declare function makeVisitorShareSlice(over?: Partial<ShareSlice>): ShareSlice;
+export declare function makeShareViewer(role: ViewerRole, over?: Partial<ViewerSlice>): ViewerSlice;

package/components/vibe-menu/share-fixtures.js

@@ -0,0 +1,72 @@
+import { Result } from "@adviser/cement";
+function ok() {
+    return Promise.resolve(Result.Ok(undefined));
+}
+function noop() {
+    return;
+}
+function member(handle, data, code) {
+    return { key: `user:${handle}`, handle, email: null, data, code, pendingEmail: false };
+}
+export const SAMPLE_ROSTER = [
+    member("alex", "write", true),
+    member("sam", "read", false),
+    member("priya", "write", false),
+    member("dev", "read", true),
+    member("mei", "write", true),
+    member("tom", "read", false),
+];
+export const SAMPLE_LINK = {
+    url: "https://vibes.diy/vibe/marcus/my-to-do-app",
+    display: "vibes.diy/vibe/marcus/my-to-do-app",
+};
+export const SAMPLE_REQUEST = { key: "user:jo", handle: "jo" };
+export const SAMPLE_EMBED_SNIPPET = '<iframe src="https://vibes.diy/embed/marcus/my-to-do-app" title="My To-Do App, made on vibes.diy" style="width:100%;aspect-ratio:16/9;border:0" loading="lazy"></iframe>';
+export function makeShareSlice(over = {}) {
+    return {
+        posture: "public",
+        postureState: "idle",
+        postureLoading: false,
+        onPosture: noop,
+        onRetryPosture: noop,
+        escape: { revealed: false, onPublishWithoutAccess: noop },
+        anonWritesOn: false,
+        link: SAMPLE_LINK,
+        qrValue: SAMPLE_LINK.url,
+        embed: null,
+        pinterestHref: null,
+        canManage: true,
+        roster: SAMPLE_ROSTER,
+        members: { onData: ok, onCode: ok, onRemove: ok, onInvite: ok },
+        request: null,
+        onApprove: ok,
+        onDecline: ok,
+        autoApprove: null,
+        yourAccess: { summary: "Data: Write · Code: Yes", roleLabel: "Owner", adminMode: false, onAdminMode: noop },
+        publish: null,
+        notificationsSlot: null,
+        ...over,
+    };
+}
+export function makeVisitorShareSlice(over = {}) {
+    return makeShareSlice({
+        canManage: false,
+        roster: [],
+        autoApprove: null,
+        yourAccess: { summary: "Data: Read · Code: No", roleLabel: "Reader", adminMode: null, onAdminMode: noop },
+        ...over,
+    });
+}
+export function makeShareViewer(role, over = {}) {
+    return {
+        role,
+        identityPending: false,
+        canEditSource: role === "owner",
+        appTitle: "My To-Do App",
+        appSlug: "my-to-do-app",
+        ownerHandle: "marcus",
+        draft: false,
+        ...over,
+    };
+}
+//# sourceMappingURL=share-fixtures.js.map

package/components/vibe-menu/share-fixtures.js.map

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

package/components/vibe-menu/shell/VibeMenuShell.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import type { ReactNode } from "react";
+import type { MenuEvent, MenuState, Section } from "../menu-state.js";
+import type { SequencerStep } from "./useMenuSequencer.js";
+export interface VibeMenuShellBadges {
+    readonly pendingRequests: number;
+    readonly chiclet: "draft" | "locked" | null;
+}
+export interface VibeMenuSwitchActivity {
+    readonly twinkling: boolean;
+}
+export interface VibeMenuShellProps {
+    readonly state: MenuState;
+    readonly dispatch: (event: MenuEvent) => void;
+    readonly renderCard: (section: Section) => ReactNode;
+    readonly persistent?: ReactNode;
+    readonly contentKey: string;
+    readonly codeMode: boolean;
+    readonly logOpen: boolean;
+    readonly badges: VibeMenuShellBadges;
+    readonly closedStatus: ReactNode;
+    readonly switchActivity: VibeMenuSwitchActivity;
+    readonly onChiclet: () => void;
+    readonly frameCap?: boolean;
+    readonly reducedMotion?: boolean;
+    readonly onStep?: (step: SequencerStep) => void;
+    readonly frame?: "viewport" | "contained";
+    readonly settledAtMount?: boolean;
+}
+export declare function VibeMenuShell(props: VibeMenuShellProps): React.ReactElement;