@vibes.diy/base 14.3.4 → 14.3.6

package/components/SharePanelView.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { ViewerTagView } from "./ViewerTagView.js";
-import { QrCode } from "./QrCode.js";
+import { ShareLinkView } from "./ShareLinkView.js";
 import { SubTabStrip } from "./SubTabStrip.js";
 export const POSTURE_NOTICE = {
     open: "Reachable by anyone; documents governed by your app's rules.",
@@ -52,9 +52,8 @@ function roleLabel(role) {
 const TAB_PANE_MIN_HEIGHT = 220;
 const TAB_PANE_MAX_HEIGHT = "min(560px, 62vh)";
 const ACCESS_NOTICE_MIN_HEIGHT = 75;
-const LINK_RADIUS = 8;
 const LINK_GAP = 22;
-const LINK_ACTION_GAP = 10;
+const LINK_RADIUS = 8;
 const ROSTER_TAG_STYLE = {
     background: "var(--color-light-background-01, #eee)",
     border: "1px solid var(--color-light-decorative-01, #ddd)",
@@ -62,7 +61,7 @@ const ROSTER_TAG_STYLE = {
     fontSize: 13,
     padding: "3px 10px 3px 4px",
 };
-export function SharePanelView({ url, copied, onCopy, embedSnippet, embedCopied, onCopyEmbed, viewer, members = [], access = "public", onChangeAccess, accessPending, posture, envelopeRows, anonWrite, onRevokeAnonWrite, anonWritePending, onSelectMember, requestsSlot, inviteSlot, notifications, notificationsLoading, notificationsError, notificationSettingsSlot, onSelectNotification, commentsSlot, developersSlot, fill = false, className, }) {
+export function SharePanelView({ url, copied, onCopy, embedSnippet, embedCopied, onCopyEmbed, pinterestShareUrl, publicationSlot, accessSummarySlot, viewer, members = [], access = "public", onChangeAccess, accessPending, posture, envelopeRows, anonWrite, onRevokeAnonWrite, anonWritePending, onSelectMember, membersManagementSlot, requestsSlot, inviteSlot, notifications, notificationsLoading, notificationsError, notificationSettingsSlot, onSelectNotification, commentsSlot, developersSlot, fill = false, className, }) {
     const isAuthor = viewer === "author";
     const roster = [...members].sort((a, b) => Number(b.role === "owner") - Number(a.role === "owner"));
     const tabs = [];
@@ -116,59 +115,10 @@ export function SharePanelView({ url, copied, onCopy, embedSnippet, embedCopied,
                             lineHeight: 1.5,
                             margin: "10px 0 0",
                         } }, POSTURE_NOTICE[posture])))),
-                React.createElement("div", { "data-testid": "share-qr-actions", style: { display: "grid", gridTemplateColumns: "150px minmax(0, 1fr)", alignItems: "start", gap: 14, width: "100%" } },
-                    React.createElement("div", { className: "border border-light-decorative-01 dark:border-dark-decorative-01", style: {
-                            background: "#ffffff",
-                            borderRadius: LINK_RADIUS,
-                            padding: 8,
-                            lineHeight: 0,
-                            boxSizing: "border-box",
-                            width: 150,
-                        } },
-                        React.createElement(QrCode, { value: url, size: 132, title: "QR code \u2014 scan to open this vibe" })),
-                    React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: LINK_ACTION_GAP, minWidth: 0 } },
-                        React.createElement("p", { className: "text-light-primary dark:text-dark-primary", style: { fontSize: 14, fontWeight: 600, lineHeight: 1.5, margin: 0 } }, "Send this link to a friend"),
-                        React.createElement("span", { "data-share-secondary": true, className: "text-light-secondary dark:text-dark-secondary", style: {
-                                fontSize: 14,
-                                lineHeight: 1.5,
-                                overflowWrap: "anywhere",
-                                wordBreak: "break-word",
-                            } }, url),
-                        React.createElement("button", { type: "button", onClick: onCopy, "aria-label": "Copy link", className: "bg-blue-500 text-sm font-bold text-white transition-colors hover:bg-blue-600", style: {
-                                borderRadius: LINK_RADIUS,
-                                padding: "10px 12px",
-                                minHeight: 44,
-                                border: "none",
-                                fontSize: 14,
-                                lineHeight: "20px",
-                            } }, copied ? "Copied" : "Copy link"))),
-                embedSnippet !== undefined && (React.createElement("div", { "data-testid": "share-embed", style: { display: "flex", flexDirection: "column", gap: 10, width: "100%" } },
-                    React.createElement("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8 } },
-                        React.createElement("p", { className: "text-light-primary dark:text-dark-primary", style: { fontSize: 14, fontWeight: 600, lineHeight: 1.5, margin: 0 } }, "Embed on your site")),
-                    React.createElement("textarea", { "data-share-secondary": true, readOnly: true, rows: 3, value: embedSnippet, "aria-label": "Embed code", onFocus: (e) => e.currentTarget.select(), className: "code-editor border-light-decorative-01 dark:border-dark-decorative-01 text-light-secondary dark:text-dark-secondary font-mono", style: {
-                            width: "100%",
-                            resize: "none",
-                            borderRadius: LINK_RADIUS,
-                            borderWidth: 1,
-                            borderStyle: "solid",
-                            background: "transparent",
-                            padding: "8px 10px 0",
-                            fontSize: 14,
-                            lineHeight: 1.5,
-                            boxSizing: "border-box",
-                            height: "calc(4.5em + 10px)",
-                        } }),
-                    React.createElement("button", { type: "button", onClick: onCopyEmbed, "aria-label": "Copy embed code", className: "border-light-decorative-01 dark:border-dark-decorative-01 text-light-primary dark:text-dark-primary text-sm font-bold transition-colors hover:bg-blue-500 hover:text-white", style: {
-                            borderRadius: LINK_RADIUS,
-                            padding: "10px 12px",
-                            minHeight: 44,
-                            fontSize: 14,
-                            lineHeight: "20px",
-                            borderWidth: 1,
-                            borderStyle: "solid",
-                            background: "transparent",
-                        } }, embedCopied ? "Copied" : "Copy embed code"))))),
+                viewer === "author" && publicationSlot,
+                React.createElement(ShareLinkView, { url: url, copied: copied, onCopy: onCopy, embedSnippet: embedSnippet, embedCopied: embedCopied, onCopyEmbed: onCopyEmbed, pinterestShareUrl: pinterestShareUrl }))),
             activeTab === "comments" && commentsSlot !== undefined ? (commentsSlot) : activeTab === "who" ? (React.createElement(React.Fragment, null,
+                accessSummarySlot,
                 isAuthor ? (React.createElement("div", { "data-testid": "share-policy-notice" },
                     (anonWrite === "explicit" || anonWrite === "legacy") && accessPending !== true && (React.createElement("div", { "data-testid": "share-anon-write-notice", style: { marginTop: 8, display: "flex", flexDirection: "column", gap: 6 } },
                         React.createElement("p", { className: "text-xs text-light-secondary dark:text-dark-secondary", style: { margin: 0 } }, ANON_WRITE_NOTICE[anonWrite]),
@@ -190,14 +140,19 @@ export function SharePanelView({ url, copied, onCopy, embedSnippet, embedCopied,
                         row.absorbed === true && row.provenance === "your-pin" ? "; not restricting anything right now" : "",
                         ")"))))))) : null,
                 isAuthor && inviteSlot !== undefined ? inviteSlot : null,
-                React.createElement("div", null,
-                    React.createElement("p", { className: "text-xs text-light-secondary dark:text-dark-secondary", style: { marginBottom: 6 } }, isAuthor ? "In this vibe" : access === "public" ? "People who’ve written here" : "People with access"),
+                (!isAuthor || membersManagementSlot === undefined || access === "public") && (React.createElement("div", null,
+                    React.createElement("p", { className: "text-xs text-light-secondary dark:text-dark-secondary", style: { marginBottom: 6 } }, isAuthor && membersManagementSlot === undefined
+                        ? "In this vibe"
+                        : access === "public"
+                            ? "People who’ve written here"
+                            : "People with access"),
                     roster.length === 0 ? (React.createElement("p", { className: "text-xs text-light-secondary dark:text-dark-secondary" }, access === "public" ? "No one’s written here yet." : "No one else has access yet.")) : (React.createElement("div", { style: { display: "flex", flexWrap: "wrap", gap: 6 } }, roster.map((m) => {
                         const tag = (React.createElement(ViewerTagView, { slug: m.handle, displayName: `@${m.handle}`, avatarUrl: m.avatarUrl, trailing: m.role ? (React.createElement("span", { style: { fontSize: 11, opacity: 0.6, marginLeft: 2 } }, roleLabel(m.role))) : undefined, style: ROSTER_TAG_STYLE }));
-                        return isAuthor ? (React.createElement("button", { key: m.handle, type: "button", "aria-label": `Manage @${m.handle}`, onClick: () => onSelectMember?.(m), style: { background: "none", border: "none", padding: 0, cursor: "pointer" } }, tag)) : (React.createElement("span", { key: m.handle }, tag));
-                    })))),
-                isAuthor && requestsSlot !== undefined ? requestsSlot : null,
-                isAuthor && developersSlot !== undefined ? developersSlot : null)) : activeTab === "notifications" && notifications !== undefined ? (React.createElement("div", null,
+                        return isAuthor && membersManagementSlot === undefined ? (React.createElement("button", { key: m.handle, type: "button", "aria-label": `Manage @${m.handle}`, onClick: () => onSelectMember?.(m), style: { background: "none", border: "none", padding: 0, cursor: "pointer" } }, tag)) : (React.createElement("span", { key: m.handle }, tag));
+                    }))))),
+                isAuthor && membersManagementSlot !== undefined ? membersManagementSlot : null,
+                isAuthor && membersManagementSlot === undefined && requestsSlot !== undefined ? requestsSlot : null,
+                isAuthor && membersManagementSlot === undefined && developersSlot !== undefined ? developersSlot : null)) : activeTab === "notifications" && notifications !== undefined ? (React.createElement("div", null,
                 notificationSettingsSlot,
                 notificationsError === true ? (React.createElement("p", { className: "text-xs text-light-secondary dark:text-dark-secondary" }, "Couldn\u2019t load notifications for this vibe.")) : notificationsLoading === true && notifications.length === 0 ? (React.createElement("p", { className: "text-xs text-light-secondary dark:text-dark-secondary" }, "Loading notifications\u2026")) : notifications.length === 0 ? (React.createElement("p", { className: "text-xs text-light-secondary dark:text-dark-secondary" }, "No notifications for this vibe yet.")) : (React.createElement("div", { className: "rounded-md border border-light-decorative-01 dark:border-dark-decorative-01", style: { display: "flex", flexDirection: "column" } }, notifications.map((n) => {
                     const isUnread = n.unread === true;

package/components/SharePanelView.js.map

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

package/components/UnifiedVibeCard.d.ts

@@ -117,7 +117,6 @@ export interface UnifiedVibeCardProps {
     streamSettled?: boolean;
     fullHeight?: boolean;
     historyBody?: React.ReactNode;
-    upgradeChips?: React.ReactNode;
     seedOffer?: React.ReactNode;
     selectedNav?: "edit" | "edit-chat" | "standing" | "recommended" | "share" | "faq" | "code" | "files" | "data" | "style" | "settings";
     editorTab?: EditorTabKey;

package/components/UnifiedVibeCard.js

@@ -1,4 +1,7 @@
+import { UNIFIED_VIBE_SHARE_LIGHT_VARS, UNIFIED_VIBE_SHARE_DARK_VARS, UNIFIED_VIBE_SHARE_CSS, } from "./UnifiedVibeCardShare.styles.js";
+import { PublishBanner } from "./PublishBanner.js";
 import React, { useCallback, useEffect, useRef, useState } from "react";
+import { UNIFIED_VIBE_SETTINGS_LIGHT_VARS, UNIFIED_VIBE_SETTINGS_DARK_VARS, UNIFIED_VIBE_SETTINGS_CSS, } from "./UnifiedVibeCardSettings.styles.js";
 import { VibesSwitch } from "./VibesSwitch.js";
 import { ovalColors } from "./VibesSwitch.styles.js";
 import { EditorTabStrip } from "./EditorTabStrip.js";
@@ -16,6 +19,8 @@ import { AttachmentButton, AttachmentChips } from "./AttachmentRow.js";
 import { useAttachments } from "../attachments/use-attachments.js";
 import { composerFileDrop } from "../attachments/composer-file-drop.js";
 import { PeopleIcon } from "./icons/index.js";
+import { useCardFloat } from "../hooks/useCardFloat.js";
+import { useHomeMotionPress } from "../hooks/useHomeMotionPress.js";
 import { HOME_BRAND_FONT } from "./homeBrandFont.js";
 import { SAFE_AREA_TOP } from "../theme/safe-area.js";
 const UNIFIED_VIBE_CARD_DARK_VARS = `
@@ -52,7 +57,8 @@ const UNIFIED_VIBE_CARD_DARK_VARS = `
   --color-light-background-00: var(--color-dark-background-00, #1a1a1a);
   --color-light-background-01: var(--color-dark-background-01, #222222);
   --color-light-background-02: var(--color-dark-background-02, #222222);`;
-const UNIFIED_VIBE_CARD_GLASS_LIGHT_VARS = `
+const UNIFIED_VIBE_CARD_GLASS_LIGHT_VARS = `${UNIFIED_VIBE_SETTINGS_LIGHT_VARS}
+${UNIFIED_VIBE_SHARE_LIGHT_VARS}
   --uvc-reading-ink:#161b18;
   --uvc-reading-label:#414b44;
   --uvc-reading-veil:rgba(255,255,240,.25);
@@ -75,7 +81,8 @@ const UNIFIED_VIBE_CARD_GLASS_LIGHT_VARS = `
   --uvc-suggestion-bg: rgba(255,255,255,.28);
   --vibes-field-bg: rgba(255,255,255,.2);
   --uvc-nav-home: #2563eb;`;
-const UNIFIED_VIBE_CARD_GLASS_DARK_VARS = `
+const UNIFIED_VIBE_CARD_GLASS_DARK_VARS = `${UNIFIED_VIBE_SETTINGS_DARK_VARS}
+${UNIFIED_VIBE_SHARE_DARK_VARS}
   --uvc-reading-ink:#fffff0;
   --uvc-reading-label:#d0d6ce;
   --uvc-reading-veil:rgba(10,16,14,.25);
@@ -140,7 +147,7 @@ const unifiedVibeCardDarkCss = `
 }
 /* The card's layout still includes its footer. Only its glass surface ends
    at the former divider: retain the outer 1px border and footer's 1px top
-   border as transparent spacing so the circles and switch never move. */
+   border as transparent spacing so the circles and switch keep their layout. */
 [data-unified-vibe-card]::before {
   content: ""; position: absolute; inset: -1px -1px 50px; border-radius: 14px;
 }
@@ -258,9 +265,35 @@ const unifiedVibeCardDarkCss = `
 }
 [data-unified-vibe-card][data-vibe-reading-mode="ink-veil"] [data-vibe-reading-surface] { border-radius:10px; }
 [data-vibe-card-body] form.vibes-edit-field textarea { color:var(--uvc-reading-ink); }
+/* Inverse Float at 50% audition strength, preserving the outer opening scale.
+   Total x/y travel: ovals 2.25/4.5px, contents 2.125/4.25px,
+   glass 1.875/3.75px, header 1.375/2.75px, conversation .875/1.75px,
+   composer .375/.75px. Nested text subtracts .25/.5px from its surface.
+   Every layer moves in the same direction; layout and timing stay unchanged. */
+[data-vibe-floating="true"]::before { translate:calc(var(--vibe-float-x,0)*1.875px) calc(var(--vibe-float-y,0)*3.75px); }
+[data-vibe-floating="true"] [data-vibe-card-nav],
+[data-vibe-floating-controls="true"] [data-vibe-switch-glass] { translate:calc(var(--vibe-float-x,0)*2.25px) calc(var(--vibe-float-y,0)*4.5px); }
+[data-vibe-floating="true"] [data-vibe-card-nav] > button,
+[data-vibe-floating-controls="true"] [data-vibe-switch-glass] > svg { translate:calc(var(--vibe-float-x,0)*-.125px) calc(var(--vibe-float-y,0)*-.25px); }
+[data-vibe-floating="true"] [data-vibe-card-body] { translate:calc(var(--vibe-float-x,0)*1.375px) calc(var(--vibe-float-y,0)*2.75px); }
+[data-vibe-floating="true"] [data-testid="vibe-card-scroll"] { translate:calc(var(--vibe-float-x,0)*-.5px) calc(var(--vibe-float-y,0)*-1px); }
+[data-vibe-floating="true"] form.vibes-edit-field { translate:calc(var(--vibe-float-x,0)*-1px) calc(var(--vibe-float-y,0)*-2px); }
+[data-vibe-floating="true"] [data-vibe-float-text],
+[data-vibe-floating="true"] .prose,
+[data-vibe-floating="true"] .vibes-chip-well [data-chip-role="option"] > span:first-child { translate:calc(var(--vibe-float-x,0)*-.25px) calc(var(--vibe-float-y,0)*-.5px); }
+@media (prefers-reduced-motion:reduce) {
+ [data-vibe-floating]::before, [data-vibe-floating] [data-vibe-card-body],
+ [data-vibe-floating] [data-testid="vibe-card-scroll"], [data-vibe-floating] form.vibes-edit-field,
+ [data-vibe-floating] [data-vibe-float-text], [data-vibe-floating] .prose,
+ [data-vibe-floating] .vibes-chip-well [data-chip-role="option"] > span:first-child,
+ [data-vibe-floating] [data-vibe-card-nav], [data-vibe-floating-controls] [data-vibe-switch-glass],
+ [data-vibe-floating] [data-vibe-card-nav] > button, [data-vibe-floating-controls] [data-vibe-switch-glass] > svg { translate:none; }
+}
 .light [data-unified-vibe-card] {
+${UNIFIED_VIBE_SHARE_LIGHT_VARS}
   --uvc-reading-ink:#161b18; --uvc-reading-label:#414b44; --uvc-reading-veil:rgba(255,255,240,.25);
 }
+${UNIFIED_VIBE_SETTINGS_CSS}
 /* The selected Frost header rule fades at both ends at half opacity,
    without consuming any of the card's content height. */
 [data-vibe-card-header]::after {
@@ -268,6 +301,7 @@ const unifiedVibeCardDarkCss = `
   background: linear-gradient(90deg, transparent, var(--uvc-glass-edge) 22%, var(--uvc-glass-edge) 78%, transparent);
   opacity: .5; pointer-events: none;
 }
+${UNIFIED_VIBE_SHARE_CSS}
 /* A · Line: the clip edge sits under the painted switch, inside the 120px
    hit box (whose SVG has transparent air at its left). 22px padding leaves
    the resting strip at right:132px without changing the switch geometry. */
@@ -769,6 +803,7 @@ export function UnifiedVibeCard(props) {
     const [userHeight, setUserHeight] = useState(null);
     const cardRef = useRef(null);
     const switchWrapRef = useRef(null);
+    const float = useCardFloat(cardRef, open && !hidden && (mounted || retained), switchWrapRef);
     useEffect(() => {
         if (open === false)
             return;
@@ -880,14 +915,13 @@ export function UnifiedVibeCard(props) {
         setForcedHeight(currentHeight() + (e.key === "ArrowUp" ? 24 : -24));
     }
     const cardHeight = userHeight ?? (props.fullHeight ? CARD_FULL_VIEWPORT_HEIGHT : CARD_VIEWPORT_HEIGHT);
-    const streamFillActive = Boolean(streamLive && props.body == null);
     const agentPanelActive = props.agentPanel != null;
     const resizeValueMax = resizeMaxHeight();
     const resizeValueNow = Math.round(Math.min(Math.max(userHeight ?? cardRef.current?.offsetHeight ?? 0, RESIZE_MIN), resizeValueMax));
     return (React.createElement(React.Fragment, null,
         React.createElement("style", null, unifiedVibeCardDarkCss),
         React.createElement(ClosedBuildStatus, { visible: open === false && hidden === false && props.closedBuildStatus !== undefined && props.closedBuildStatus !== null, content: props.closedBuildStatus }),
-        !hidden && (mounted || retained) && (React.createElement("div", { ref: cardRef, role: "dialog", "aria-label": "Vibe menu", "data-unified-vibe-card": true, "data-vibe-agent-panel": agentPanelActive, "data-vibe-reading-mode": editorTabForRender === "style" && props.selectedNav !== "share" && !agentPanelActive ? "ink" : "ink-veil", className: props.className, "aria-hidden": mounted ? undefined : true, inert: mounted ? undefined : true, style: {
+        !hidden && (mounted || retained) && (React.createElement("div", { ref: cardRef, role: "dialog", "aria-label": "Vibe menu", "data-unified-vibe-card": true, "data-vibe-settings-active": editorTabForRender === "settings" && props.selectedNav !== "share" && !agentPanelActive, "data-vibe-agent-panel": agentPanelActive, "data-vibe-reading-mode": editorTabForRender === "style" && props.selectedNav !== "share" && !agentPanelActive ? "ink" : "ink-veil", className: props.className, "aria-hidden": mounted ? undefined : true, inert: mounted ? undefined : true, style: {
                 position: "absolute",
                 left: 2,
                 right: 2,
@@ -969,7 +1003,7 @@ export function UnifiedVibeCard(props) {
                             props.appIconUrl && (React.createElement("img", { src: props.appIconUrl, alt: "", style: { width: "100%", height: "100%", objectFit: "cover", transform: "scale(2)" } })),
                             React.createElement(CodingIndicator, { active: props.coding === true })),
                         React.createElement("div", { style: { lineHeight: 1.2, minWidth: 0, flex: "1 1 auto" } },
-                            React.createElement("strong", { style: {
+                            React.createElement("strong", { "data-vibe-float-text": true, style: {
                                     fontFamily: HOME_BRAND_FONT,
                                     display: "block",
                                     fontSize: 13,
@@ -1100,32 +1134,23 @@ export function UnifiedVibeCard(props) {
                         } },
                         retainedEditorMounted && (React.createElement("div", { hidden: !retainedEditorVisible || agentPanelActive, inert: !retainedEditorVisible || agentPanelActive ? true : undefined, style: retainedEditorVisible && !agentPanelActive ? { flex: "1 1 auto", minHeight: 0 } : { display: "none" } }, props.retainedEditor)),
                         agentPanelActive ? (React.createElement("div", { style: { flex: "1 1 auto", minHeight: 0 } }, props.agentPanel)) : retainedEditorVisible && props.retainedEditor != null ? null : editorTabForRender === "standing" ? (React.createElement(ViewerStandingView, { viewerMode: props.viewerMode, memberReadOnly: props.memberReadOnly, adminMode: props.adminMode, versionLocked: props.versionLocked, publishState: props.publishState, publishAccess: props.publishAccess, myGrant: props.myGrant, onToggleAdmin: props.onToggleAdmin, onUnlock: props.onUnlock })) : props.body != null && editorTabDisabled === false ? (props.bodyFill ? (React.createElement("div", { style: { flex: "1 1 auto", minHeight: 0 } }, props.body)) : (props.body)) : (React.createElement(React.Fragment, null,
-                            React.createElement("div", { ref: chipsRegionRef, style: streamFillActive
-                                    ? { flex: "1 1 auto", minHeight: 0, display: "flex", flexDirection: "column" }
-                                    : { flex: "1 0 auto", minHeight: 0 } },
+                            React.createElement("div", { ref: chipsRegionRef, style: {
+                                    flex: "1 0 auto",
+                                    minHeight: 0,
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    justifyContent: "flex-end",
+                                } },
                                 props.historyBody && (React.createElement("div", { "data-testid": "vibe-card-history", "data-vibe-reading-surface": true, "aria-hidden": props.streamBody ? true : undefined, inert: props.streamBody ? true : undefined, style: { marginBottom: 8, ...(props.streamBody ? { display: "none" } : null) } }, props.historyBody)),
-                                React.createElement("div", { "data-testid": "vibe-card-stream-region", style: {
-                                        position: "relative",
-                                        ...(chipBuildLive ? { display: "flex", flexDirection: "column" } : {}),
-                                        ...(streamFillActive ? { flex: "1 1 auto", minHeight: 0 } : null),
-                                    } },
-                                    props.streamBody && (React.createElement("div", { "data-testid": streamLive ? undefined : "vibe-card-stream-settled", "data-vibe-reading-surface": true, style: streamLive
-                                            ? {
-                                                ...(chipBuildLive ? { flex: "1 1 auto" } : { position: "absolute", inset: 0 }),
-                                                display: "flex",
-                                                flexDirection: "column",
-                                                minHeight: 0,
-                                            }
-                                            : { marginBottom: 8 } },
-                                        React.createElement("div", { style: streamLive ? { flex: "1 1 auto", minHeight: 0, overflowY: "auto" } : undefined }, props.streamBody),
+                                React.createElement("div", { "data-testid": "vibe-card-stream-region" },
+                                    props.streamBody && (React.createElement("div", { "data-testid": streamLive ? undefined : "vibe-card-stream-settled", "data-vibe-reading-surface": true, style: { marginBottom: 8 } },
+                                        props.streamBody,
                                         props.liveDuringBuild === true && React.createElement(PendingMessages, { messages: queued }))),
-                                    React.createElement("div", { "aria-hidden": streamLive && !chipBuildLive ? true : undefined, inert: streamLive && !chipBuildLive ? true : undefined, style: streamLive && !chipBuildLive ? { visibility: "hidden" } : { flexShrink: 0 } }, (props.seedOffer || props.upgradeChips || (visibleChips && visibleChips.length > 0)) && (React.createElement("div", { className: "mx-auto mt-2 w-full max-w-5xl" },
+                                    React.createElement("div", { "aria-hidden": streamLive && !chipBuildLive ? true : undefined, inert: streamLive && !chipBuildLive ? true : undefined, style: streamLive && !chipBuildLive ? { display: "none" } : undefined }, (props.seedOffer || (visibleChips && visibleChips.length > 0)) && (React.createElement("div", { className: "mx-auto mt-2 w-full max-w-5xl" },
                                         React.createElement(ChatMessageRow, { role: "ai", rowAttrs: { "data-message-role": "suggestions" } },
                                             React.createElement("div", { className: "vibes-chip-well flex flex-col", "data-testid": "vibe-chip-set" },
-                                                (props.seedOffer || props.upgradeChips) && (React.createElement("div", { className: "flex flex-col gap-[6px]", inert: props.activeChip !== undefined },
-                                                    props.seedOffer,
-                                                    props.upgradeChips)),
-                                                visibleChips && visibleChips.length > 0 && (React.createElement(OptionButtons, { options: visibleChips, activeOption: props.activeChip, inSet: true, isFirst: props.activeChip === undefined, firstMessage: props.isOwner
+                                                props.seedOffer && (React.createElement("div", { className: "flex flex-col gap-[6px]", inert: props.activeChip !== undefined }, props.seedOffer)),
+                                                visibleChips && visibleChips.length > 0 && (React.createElement(OptionButtons, { options: visibleChips, activeOption: props.activeChip, inSet: true, isFirst: props.activeChip === undefined, firstMessage: props.viewerPending === true || props.isOwner === true
                                                         ? "Suggested requests:"
                                                         : "Describe a change to remix your own copy of this app:", onSelect: (o) => {
                                                         const r = props.onSelectChip?.(o);
@@ -1143,10 +1168,11 @@ export function UnifiedVibeCard(props) {
                         borderTop: "1px solid transparent",
                         flexShrink: 0,
                     } },
-                    React.createElement(NavIcon, { label: "Home", color: "var(--uvc-nav-home, #2563eb)", onClick: props.onHome },
+                    React.createElement(NavIcon, { label: "Home", color: "var(--uvc-nav-home, #2563eb)", onClick: props.onHome, onLongPress: float.toggle },
                         React.createElement("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" },
                             React.createElement("path", { d: "M3 12l9-9 9 9" }),
                             React.createElement("path", { d: "M5 10v10a1 1 0 001 1h4v-6h4v6h4a1 1 0 001-1V10" }))),
+                    React.createElement("span", { role: "status", className: "sr-only" }, float.status),
                     React.createElement(NavIcon, { label: "Edit", color: "var(--uvc-nav-edit, #c2410c)", selected: ["edit", "edit-chat", "standing", "code", "files", "data", "style", "settings", "faq"].includes(props.selectedNav ?? "edit"), onClick: props.onEdit ?? props.onChat },
                         React.createElement("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" },
                             React.createElement("path", { d: "M12 20h9" }),
@@ -1388,130 +1414,6 @@ function ViewDraftBadge({ onClick }) {
         React.createElement("span", { "aria-hidden": true, style: { width: 6, height: 6, borderRadius: "50%", background: "#f59e0b" } }),
         "Draft \u00B7 view"));
 }
-function PublishBanner({ variant, onPublish, publishing, locked, onUnlock, autoPublishError, onRetryAutoPublish, wizardActive, wizardError, escapeRevealed, onPublishWithoutAccess, onRetryWizard, }) {
-    if (autoPublishError === true) {
-        return (React.createElement("div", { className: "rounded-md", "data-testid": "auto-publish-error-banner", style: {
-                background: "rgba(245,158,11,0.10)",
-                border: "1px solid rgba(245,158,11,0.4)",
-                padding: "8px 10px",
-                marginBottom: 10,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "space-between",
-                gap: 8,
-            } },
-            React.createElement("span", { className: "text-sm", style: { color: "var(--uvc-amber-text, #92400e)", lineHeight: 1.3 } },
-                React.createElement("strong", null, "Couldn\u2019t publish your latest edit."),
-                " Your changes are saved but not live yet."),
-            React.createElement("button", { type: "button", onClick: onRetryAutoPublish, className: "rounded-md px-3 py-1.5 text-sm font-semibold", style: {
-                    flexShrink: 0,
-                    background: "var(--vibes-near-black, #1a1a1a)",
-                    color: "#fff",
-                    border: "none",
-                    cursor: "pointer",
-                } }, "Retry")));
-    }
-    if (locked === true) {
-        return (React.createElement("div", { className: "rounded-md", "data-testid": "version-locked-banner", style: {
-                background: "rgba(245,158,11,0.10)",
-                border: "1px solid rgba(245,158,11,0.4)",
-                padding: "8px 10px",
-                marginBottom: 10,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "space-between",
-                gap: 8,
-            } },
-            React.createElement("span", { className: "text-sm", style: { color: "var(--uvc-amber-text, #92400e)", lineHeight: 1.3 } },
-                React.createElement("strong", null, "Version locked."),
-                " New edits won\u2019t go live until you unlock."),
-            onUnlock && (React.createElement("button", { type: "button", onClick: onUnlock, className: "rounded-md px-3 py-1.5 text-sm font-semibold", style: {
-                    flexShrink: 0,
-                    background: "var(--vibes-near-black, #1a1a1a)",
-                    color: "#fff",
-                    border: "none",
-                    cursor: "pointer",
-                } }, "Unlock"))));
-    }
-    if (wizardActive === true || wizardError === true) {
-        const showEscape = (wizardActive === true && escapeRevealed === true) || wizardError === true;
-        return (React.createElement("div", { className: wizardError === true ? "rounded-md" : "rounded-md vibes-securing", role: wizardError === true ? "alert" : "status", "data-testid": "access-wizard-banner", "data-wizard-state": wizardError === true ? "error" : "running", style: {
-                backgroundColor: wizardError === true ? "rgba(245,158,11,0.10)" : "rgba(59,130,246,0.08)",
-                border: wizardError === true ? "1px solid rgba(245,158,11,0.4)" : "1px solid rgba(59,130,246,0.35)",
-                padding: "8px 10px",
-                marginBottom: 10,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "space-between",
-                gap: 8,
-            } },
-            React.createElement("span", { className: "text-sm", style: {
-                    color: wizardError === true ? "var(--uvc-amber-text, #92400e)" : "var(--uvc-blue-text, #1d4ed8)",
-                    lineHeight: 1.3,
-                } }, wizardError === true ? (React.createElement(React.Fragment, null,
-                React.createElement("strong", null, "Couldn\u2019t set up access rules."),
-                " Your app is still live for people you approve \u2014 it didn\u2019t go public.")) : (React.createElement(React.Fragment, null,
-                React.createElement("strong", null, "Securing\u2026"),
-                " Setting up data access control rules before opening this app to everyone with the link."))),
-            React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 6, flexShrink: 0, alignItems: "stretch" } },
-                wizardError === true ? (React.createElement("button", { type: "button", onClick: onRetryWizard, className: "rounded-md px-3 py-1.5 text-sm font-semibold", style: { background: "var(--vibes-near-black, #1a1a1a)", color: "#fff", border: "none", cursor: "pointer" } }, "Retry")) : (React.createElement("button", { type: "button", onClick: onPublish, className: "rounded-md px-3 py-1.5 text-sm font-semibold", style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: 6,
-                        background: "var(--vibes-blue, #3b82f6)",
-                        color: "#fff",
-                        border: "none",
-                        cursor: "default",
-                        opacity: 0.7,
-                    } },
-                    React.createElement("span", { "aria-hidden": "true", className: "vibes-securing-spinner", style: {
-                            width: 12,
-                            height: 12,
-                            flexShrink: 0,
-                            borderRadius: "50%",
-                            border: "2px solid currentColor",
-                            borderTopColor: "transparent",
-                        } }),
-                    "Securing\u2026")),
-                showEscape && (React.createElement("button", { type: "button", onClick: onPublishWithoutAccess, "data-testid": "publish-without-access-controls", className: "rounded-md px-3 py-1 text-xs font-medium", style: {
-                        background: "transparent",
-                        color: wizardError === true ? "var(--uvc-amber-text, #92400e)" : "var(--uvc-blue-text, #1d4ed8)",
-                        border: "1px solid currentColor",
-                        cursor: "pointer",
-                        whiteSpace: "nowrap",
-                    } }, "Go public without access controls")))));
-    }
-    return (React.createElement("div", { className: "rounded-md", style: {
-            background: "rgba(245,158,11,0.10)",
-            border: "1px solid rgba(245,158,11,0.4)",
-            padding: 10,
-            marginBottom: 10,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            gap: 8,
-        } },
-        React.createElement("span", { className: "text-sm", style: {
-                color: "var(--uvc-amber-text, #92400e)",
-                fontSize: 13,
-                lineHeight: 1.45,
-            } }, variant === "draft" ? (React.createElement(React.Fragment, null,
-            React.createElement("strong", null, "Draft."),
-            " Your latest changes aren\u2019t live yet.")) : (React.createElement(React.Fragment, null,
-            React.createElement("strong", null, "Older version."),
-            " This isn\u2019t what visitors currently see."))),
-        onPublish && (React.createElement("button", { type: "button", onClick: onPublish, disabled: publishing, className: "rounded-md px-3 py-1.5 text-sm font-semibold", style: {
-                flexShrink: 0,
-                fontSize: 13,
-                minHeight: 38,
-                padding: "8px 10px",
-                background: "var(--vibes-near-black, #1a1a1a)",
-                color: "#fff",
-                border: "none",
-                cursor: publishing ? "default" : "pointer",
-                opacity: publishing ? 0.6 : 1,
-            } }, publishing ? "Publishing…" : variant === "draft" ? "Update" : "Publish this version"))));
-}
 function decorateChip(option, props) {
     const fp = props.chipFastPaths?.[option];
     if (!fp)
@@ -1553,10 +1455,11 @@ function FastPathToggle({ blessed, onClick }) {
             React.createElement("path", { d: "M12 3l7 3v5c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6l7-3z" })),
         React.createElement("span", null, blessed ? "Featured" : "Feature")));
 }
-function NavIcon({ label, color, selected, onClick, buttonRef, badgeCount, children, }) {
+function NavIcon({ label, color, selected, onClick, onLongPress, buttonRef, badgeCount, children, }) {
+    const press = useHomeMotionPress({ onHome: () => onClick?.(), onLongPress });
     const showBadge = typeof badgeCount === "number" && badgeCount > 0;
     const badgeText = showBadge ? (badgeCount > 99 ? "99+" : String(badgeCount)) : "";
-    return (React.createElement("button", { ref: buttonRef, type: "button", "aria-label": showBadge ? `${label} (${badgeCount})` : label, title: label, "data-vibe-nav-selected": selected === true, onClick: onClick, style: {
+    return (React.createElement("button", { ref: buttonRef, type: "button", "aria-label": showBadge ? `${label} (${badgeCount})` : label, title: onLongPress === undefined ? label : "Home · Hold and release to toggle Float (Alt+Enter)", "data-vibe-nav-selected": selected === true, ...press, style: {
             position: "relative",
             width: "var(--uvc-nav-size, 38px)",
             height: "var(--uvc-nav-size, 38px)",
@@ -1698,7 +1601,7 @@ function OtherRow({ value, onValueChange, queued, onQueuedChange, onSubmitOther,
                 }
                 onValueChange("");
             }, style: { display: "flex", flexDirection: "column", gap: 6, marginTop: 6, padding: "10px 10px 10px 12px" }, className: "vibes-edit-field" },
-            React.createElement("div", { style: { position: "relative", minWidth: 0, display: "flex" } },
+            React.createElement("div", { "data-vibe-float-text": true, style: { position: "relative", minWidth: 0, display: "flex" } },
                 React.createElement(AutoGrowTextarea, { value: value, onValueChange: onValueChange, ariaLabel: "Change the app" }),
                 value === "" && (React.createElement("span", { "aria-hidden": true, className: "text-sm text-light-secondary dark:text-dark-secondary", style: {
                         position: "absolute",