@vibes.diy/base 14.3.4 → 14.3.5

package/components/AdminModeControl.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface AdminModeControlProps {
+    readonly isOwner: boolean;
+    readonly adminMode: boolean;
+    readonly onToggle?: () => void;
+}
+export declare function AdminModeControl({ isOwner, adminMode, onToggle }: AdminModeControlProps): React.JSX.Element | null;

package/components/AdminModeControl.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+export function AdminModeControl({ isOwner, adminMode, onToggle }) {
+    if (isOwner === false || onToggle === undefined)
+        return null;
+    return (React.createElement("label", { className: "flex items-center gap-2 text-sm text-neutral-700 dark:text-neutral-300" },
+        React.createElement("input", { type: "checkbox", checked: adminMode, onChange: () => void onToggle(), className: "rounded border-gray-300 dark:border-gray-600" }),
+        React.createElement("span", null, "Admin mode")));
+}
+//# sourceMappingURL=AdminModeControl.js.map

package/components/AdminModeControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminModeControl.js","sourceRoot":"","sources":["../../jsr/components/AdminModeControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,UAAU,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAyB;IACtF,IAAI,OAAO,KAAK,KAAK,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IAC7D,OAAO,CACL,+BAAO,SAAS,EAAC,wEAAwE;QACvF,+BACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,QAAQ,EAAE,EAC/B,SAAS,EAAC,8CAA8C,GACxD;QACF,+CAAuB,CACjB,CACT,CAAC;AACJ,CAAC"}

package/components/EditorTabStrip.d.ts

@@ -1,6 +1,7 @@
-import React from "react";
+import * as React from "react";
+import { type EditorTabKey } from "./editor-tabs.js";
 import { type ViewerStandingState } from "./ViewerStandingView.js";
-export type EditorTabKey = "standing" | "edit-chat" | "code" | "files" | "data" | "style" | "settings" | "faq";
+export type { EditorTabKey } from "./editor-tabs.js";
 export declare function EditorTabStrip({ tab, onTab, standing, disabledTabs, }: {
     tab: EditorTabKey;
     onTab: (t: EditorTabKey) => void;

package/components/EditorTabStrip.js

@@ -1,22 +1,15 @@
-import React from "react";
+import * as React from "react";
+import { EDITOR_TAB_DEFINITIONS, isEditorTabKey } from "./editor-tabs.js";
 import { SubTabStrip } from "./SubTabStrip.js";
 import { ViewerStandingGlyph, viewerStandingCopy } from "./ViewerStandingView.js";
-const TAB_LABELS = {
-    standing: "Your access",
-    "edit-chat": "Chat",
-    code: "Code",
-    files: "Files",
-    data: "Data",
-    style: "Style",
-    settings: "Settings",
-    faq: "FAQ",
-};
-const TAB_ORDER = ["standing", "edit-chat", "style", "code", "files", "data", "settings", "faq"];
 export function EditorTabStrip({ tab, onTab, standing, disabledTabs = [], }) {
     const copy = viewerStandingCopy(standing ?? {});
-    return (React.createElement(SubTabStrip, { ariaLabel: "Vibe editor", active: tab, compact: true, disabledKeys: disabledTabs, onSelect: onTab, tabs: TAB_ORDER.map((t) => t === "standing"
+    return (React.createElement(SubTabStrip, { ariaLabel: "Vibe editor", active: tab, compact: true, disabledKeys: disabledTabs, onSelect: (key) => {
+            if (isEditorTabKey(key))
+                onTab(key);
+        }, tabs: EDITOR_TAB_DEFINITIONS.map(({ key, label }) => key === "standing"
             ?
-                { key: t, label: copy.label, icon: React.createElement(ViewerStandingGlyph, { tier: copy.tier }) }
-            : { key: t, label: TAB_LABELS[t] }) }));
+                { key, label: copy.label, icon: React.createElement(ViewerStandingGlyph, { tier: copy.tier }) }
+            : { key, label }) }));
 }
 //# sourceMappingURL=EditorTabStrip.js.map

package/components/EditorTabStrip.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorTabStrip.js","sourceRoot":"","sources":["../../jsr/components/EditorTabStrip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAA4B,MAAM,yBAAyB,CAAC;AAU5G,MAAM,UAAU,GAAiC;IAC/C,QAAQ,EAAE,aAAa;IACvB,WAAW,EAAE,MAAM;IACnB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;CACX,CAAC;AAEF,MAAM,SAAS,GAA4B,CAAC,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;AAE1H,MAAM,UAAU,cAAc,CAAC,EAC7B,GAAG,EACH,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,EAAE,GASlB;IACC,MAAM,IAAI,GAAG,kBAAkB,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAChD,OAAO,CACL,oBAAC,WAAW,IACV,SAAS,EAAC,aAAa,EACvB,MAAM,EAAE,GAAG,EACX,OAAO,QACP,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,KAA8B,EACxC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACxB,CAAC,KAAK,UAAU;YACd,CAAC;gBAGC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,EAAE;YAC/E,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CACrC,GACD,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"EditorTabStrip.js","sourceRoot":"","sources":["../../jsr/components/EditorTabStrip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAqB,MAAM,kBAAkB,CAAC;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAA4B,MAAM,yBAAyB,CAAC;AAW5G,MAAM,UAAU,cAAc,CAAC,EAC7B,GAAG,EACH,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,EAAE,GASlB;IACC,MAAM,IAAI,GAAG,kBAAkB,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAChD,OAAO,CACL,oBAAC,WAAW,IACV,SAAS,EAAC,aAAa,EACvB,MAAM,EAAE,GAAG,EACX,OAAO,QACP,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;YAChB,IAAI,cAAc,CAAC,GAAG,CAAC;gBAAE,KAAK,CAAC,GAAG,CAAC,CAAC;QACtC,CAAC,EACD,IAAI,EAAE,sBAAsB,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAClD,GAAG,KAAK,UAAU;YAChB,CAAC;gBAGC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,EAAE;YAC5E,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CACnB,GACD,CACH,CAAC;AACJ,CAAC"}

package/components/MemberAccessView.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+export interface MemberAccessAction {
+    readonly label: string;
+    readonly onSelect: () => void;
+}
+export interface MemberRoleControl {
+    readonly id: string;
+    readonly label?: string;
+    readonly selectedRole?: "editor" | "viewer" | "submitter";
+    readonly intent: "change" | "approve" | "reactivate" | "invite";
+    readonly onSelect: (role: "editor" | "viewer") => void;
+}
+export interface MemberAccessEntry {
+    readonly id: string;
+    readonly name: string;
+    readonly detail: string;
+    readonly actions: readonly MemberAccessAction[];
+    readonly roles?: readonly MemberRoleControl[];
+    readonly busy?: boolean;
+    readonly developer?: {
+        readonly enabled: boolean;
+        readonly onChange?: (enabled: boolean) => void;
+        readonly unavailableReason?: string;
+    };
+}
+export interface MemberAccessViewProps {
+    readonly entries: readonly MemberAccessEntry[];
+    readonly loading?: boolean;
+    readonly error?: boolean;
+    readonly onRetry?: () => void;
+    readonly members?: readonly {
+        readonly id: string;
+        readonly name: string;
+    }[];
+    readonly invitationSlot?: React.ReactNode;
+}
+export declare function MemberAccessView({ entries, loading, error, onRetry, members, invitationSlot, }: MemberAccessViewProps): React.JSX.Element;

package/components/MemberAccessView.js

@@ -0,0 +1,94 @@
+import * as React from "react";
+const ACTION = {
+    border: "1px solid var(--color-light-decorative-01, #b8beb8)",
+    borderRadius: 8,
+    background: "transparent",
+    color: "inherit",
+    padding: "7px 10px",
+    minHeight: 36,
+    font: "inherit",
+    fontSize: 12,
+    cursor: "pointer",
+};
+const CHIP = {
+    borderRadius: 4,
+    padding: "2px 6px",
+    fontSize: 12,
+    lineHeight: "20px",
+    fontWeight: 500,
+    border: "1px solid transparent",
+};
+function RoleChips({ control, busy }) {
+    const verb = { change: "Make", approve: "Approve as", reactivate: "Reactivate as", invite: "Invite as" }[control.intent];
+    return (React.createElement("span", { style: { display: "inline-flex", flexWrap: "wrap", alignItems: "center", gap: 4 } },
+        control.label !== undefined && (React.createElement("span", { "data-member-helper": true, style: { fontSize: 12, marginRight: 2 } }, control.label)),
+        ["editor", "viewer"].map((role) => {
+            const selected = control.selectedRole === role;
+            return (React.createElement("button", { key: role, type: "button", "data-member-role-chip": true, "aria-pressed": selected, "aria-label": `${control.label === undefined ? "" : `${control.label}: `}${verb} ${role === "editor" ? "editor" : "reader"}`, disabled: busy === true, onClick: () => {
+                    if (!selected)
+                        control.onSelect(role);
+                }, style: { ...CHIP, boxShadow: selected ? "inset 0 0 0 1px currentColor" : undefined }, className: `disabled:opacity-50 ${role === "editor" ? "text-blue-700 dark:text-blue-300" : "text-purple-700 dark:text-purple-300"} ${selected ? (role === "editor" ? "bg-blue-100 dark:bg-blue-900/40" : "bg-purple-100 dark:bg-purple-900/40") : "bg-transparent hover:bg-black/5 dark:hover:bg-white/5"}` }, role === "editor" ? "Editor" : "Reader"));
+        })));
+}
+export function MemberAccessView({ entries, loading = false, error = false, onRetry, members, invitationSlot, }) {
+    const [selectedId, setSelectedId] = React.useState();
+    const selected = entries.find((entry) => entry.id === selectedId);
+    const selectedName = selected?.name;
+    const visibleEntries = selected === undefined ? entries : [selected];
+    const heading = React.useRef(null);
+    React.useEffect(() => {
+        if (selectedName === undefined)
+            return;
+        heading.current?.focus({ preventScroll: true });
+        heading.current?.scrollIntoView({ block: "nearest" });
+    }, [selectedName]);
+    return (React.createElement("section", { "aria-label": "Manage members", style: { display: "flex", flexDirection: "column", gap: 14, minWidth: 0 } },
+        members !== undefined && (React.createElement("div", null,
+            React.createElement("p", { "data-member-helper": true, className: "mb-2 text-xs", style: { color: "var(--uvc-share-label, inherit)", opacity: "var(--uvc-share-helper-opacity, 0.75)" } }, "In this vibe \u00B7 you are the owner"),
+            React.createElement("div", { className: "flex flex-wrap gap-2" }, members.map((member) => (React.createElement("button", { key: member.id, type: "button", "aria-label": `Manage ${member.name}`, "aria-pressed": member.id === selectedId, style: ACTION, onClick: () => setSelectedId(member.id) }, member.name)))))),
+        invitationSlot,
+        React.createElement("div", null,
+            React.createElement("div", { style: { display: "flex", justifyContent: "space-between", gap: 8, alignItems: "center" } },
+                React.createElement("h3", { ref: heading, tabIndex: -1, style: { fontSize: 14, fontWeight: 600, margin: 0 } }, selectedName ?? "Member access"),
+                selectedName !== undefined && (React.createElement("button", { type: "button", style: ACTION, onClick: () => setSelectedId(undefined) }, "All members"))),
+            React.createElement("p", { "data-member-helper": true, style: {
+                    fontSize: 12,
+                    color: "var(--uvc-share-label, inherit)",
+                    opacity: "var(--uvc-share-helper-opacity, 0.75)",
+                    margin: "6px 0 10px",
+                } }, "Editors change app data; readers view it. Developer adds code editing, publishing, and all app data and secrets. Only you manage access."),
+            loading ? (React.createElement("p", { role: "status", style: { fontSize: 13 } }, "Loading member access\u2026")) : error ? (React.createElement("div", { role: "alert", style: { fontSize: 13 } },
+                React.createElement("p", null, "Couldn\u2019t load all member access. Refresh before making changes."),
+                React.createElement("button", { type: "button", style: ACTION, onClick: onRetry }, "Retry member access"))) : visibleEntries.length === 0 ? (React.createElement("p", { style: { fontSize: 13 } }, selectedName === undefined
+                ? "No invitations or access requests yet. Invite someone above."
+                : "No direct member grant for this person. Their access may come from the app’s public setting or ownership.")) : (React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 8 } }, visibleEntries.map((entry) => (React.createElement("article", { key: entry.id, "aria-label": entry.name, "data-member-entry": true, style: {
+                    padding: 12,
+                    borderRadius: "var(--uvc-share-radius, 12px)",
+                    border: "1px solid var(--uvc-share-border, var(--color-light-decorative-01, #b8beb8))",
+                    background: "var(--uvc-share-bg, rgba(127,127,127,0.035))",
+                } },
+                React.createElement("div", { style: { display: "flex", flexWrap: "wrap", alignItems: "center", gap: 6 } },
+                    React.createElement("span", { style: { fontSize: 14, fontWeight: 600, overflowWrap: "anywhere" } }, entry.name),
+                    entry.roles?.length === 1 && entry.roles[0].label === undefined && (React.createElement(RoleChips, { control: entry.roles[0], busy: entry.busy })),
+                    entry.developer !== undefined && (React.createElement("button", { type: "button", "data-member-role-chip": true, "aria-label": `Developer access for ${entry.name}`, "aria-pressed": entry.developer.enabled, disabled: entry.busy === true || entry.developer.onChange === undefined, onClick: () => entry.developer?.onChange?.(!entry.developer.enabled), style: { ...CHIP, boxShadow: entry.developer.enabled ? "inset 0 0 0 1px currentColor" : undefined }, className: `text-green-700 dark:text-green-300 disabled:opacity-50 ${entry.developer.enabled ? "bg-green-100 dark:bg-green-900/40" : "bg-transparent hover:bg-black/5 dark:hover:bg-white/5"}` }, "Developer"))),
+                entry.roles !== undefined && (entry.roles.length > 1 || entry.roles[0]?.label !== undefined) && (React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 4, marginTop: 6 } }, entry.roles.map((control) => (React.createElement(RoleChips, { key: control.id, control: control, busy: entry.busy }))))),
+                React.createElement("p", { "data-member-helper": true, style: {
+                        fontSize: 12,
+                        color: "var(--uvc-share-label, inherit)",
+                        opacity: "var(--uvc-share-helper-opacity, 0.75)",
+                        margin: "4px 0 10px",
+                    } }, entry.detail),
+                entry.developer?.unavailableReason !== undefined && (React.createElement("p", { "data-member-helper": true, style: { fontSize: 12, color: "var(--uvc-share-label, inherit)", margin: "4px 0 6px" } }, entry.developer.unavailableReason)),
+                React.createElement("div", { style: { display: "flex", flexWrap: "wrap", gap: 6 } }, entry.actions.map((action) => (React.createElement("button", { key: action.label, type: "button", disabled: entry.busy === true, onClick: action.onSelect, style: {
+                        border: 0,
+                        background: "transparent",
+                        color: "var(--uvc-share-label, inherit)",
+                        padding: "2px 4px",
+                        fontSize: 12,
+                        textDecoration: "underline",
+                        textUnderlineOffset: 3,
+                        cursor: "pointer",
+                        opacity: entry.busy === true ? 0.5 : 1,
+                    } }, action.label))))))))))));
+}
+//# sourceMappingURL=MemberAccessView.js.map

package/components/MemberAccessView.js.map

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

package/components/MemberInvitationView.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export interface MemberInvitationViewProps {
+    readonly channel: "handle" | "email";
+    readonly value: string;
+    readonly onChange: (value: string) => void;
+    readonly onInvite: (role: "editor" | "viewer") => void;
+    readonly onAddDeveloper?: () => void;
+    readonly busy?: boolean;
+    readonly message?: string;
+}
+export declare function MemberInvitationView({ channel, value, onChange, onInvite, onAddDeveloper, busy, message, }: MemberInvitationViewProps): React.JSX.Element;

package/components/MemberInvitationView.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+export function MemberInvitationView({ channel, value, onChange, onInvite, onAddDeveloper, busy = false, message, }) {
+    const email = channel === "email";
+    return (React.createElement("section", { "data-member-section": true, "aria-label": email ? "Email invitations" : "Handle invitations", className: "mt-3" },
+        React.createElement("h3", { className: "mb-1 text-xs font-medium text-light-secondary dark:text-dark-secondary" },
+            "Invite by ",
+            channel),
+        React.createElement("div", { className: "flex flex-wrap items-center gap-2" },
+            React.createElement("input", { type: email ? "email" : "text", value: value, onChange: (event) => onChange(event.target.value), placeholder: email ? "name@example.com" : "their handle", "aria-label": email ? "Email to invite" : "Handle to invite", autoCapitalize: "off", autoCorrect: "off", spellCheck: false, disabled: busy, className: "min-w-0 flex-1 rounded border border-light-decorative-01 bg-transparent px-2 py-1 text-sm dark:border-dark-decorative-01 disabled:opacity-50" }),
+            React.createElement("div", { className: "flex items-center gap-1" },
+                ["editor", "viewer"].map((role) => (React.createElement("button", { key: role, type: "button", disabled: busy || value.trim().length === 0, onClick: () => onInvite(role), "aria-label": `${email ? "Email an invite" : "Invite"} as ${role === "editor" ? "editor" : "reader"}`, className: `rounded px-1.5 py-0.5 text-xs font-medium disabled:opacity-50 ${role === "editor" ? "bg-blue-100 text-blue-700 hover:bg-blue-200 dark:bg-blue-900/40 dark:text-blue-300" : "bg-purple-100 text-purple-700 hover:bg-purple-200 dark:bg-purple-900/40 dark:text-purple-300"}` }, busy ? "…" : role === "editor" ? "Editor" : "Reader"))),
+                !email && onAddDeveloper !== undefined && (React.createElement("button", { type: "button", disabled: busy || value.trim().length === 0, onClick: onAddDeveloper, className: "rounded border border-light-decorative-01 px-1.5 py-0.5 text-xs font-medium dark:border-dark-decorative-01 disabled:opacity-50" }, "Developer only")))),
+        !email && onAddDeveloper !== undefined && (React.createElement("p", { "data-member-helper": true, className: "mt-2 text-xs", style: { color: "var(--uvc-share-label, inherit)" } }, "Developer includes code editing, publishing, and all app data and secrets.")),
+        message !== undefined && (React.createElement("p", { role: "status", className: "mt-1 text-xs text-light-secondary dark:text-dark-secondary" }, message))));
+}
+//# sourceMappingURL=MemberInvitationView.js.map

package/components/MemberInvitationView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemberInvitationView.js","sourceRoot":"","sources":["../../jsr/components/MemberInvitationView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,UAAU,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,IAAI,GAAG,KAAK,EACZ,OAAO,GACmB;IAC1B,MAAM,KAAK,GAAG,OAAO,KAAK,OAAO,CAAC;IAClC,OAAO,CACL,4EAAyC,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,oBAAoB,EAAE,SAAS,EAAC,MAAM;QAC3G,4BAAI,SAAS,EAAC,wEAAwE;;YAAY,OAAO,CAAM;QAC/G,6BAAK,SAAS,EAAC,mCAAmC;YAChD,+BACE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC9B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACjD,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,cAAc,gBAC5C,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,cAAc,EAAC,KAAK,EACpB,WAAW,EAAC,KAAK,EACjB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,IAAI,EACd,SAAS,EAAC,8IAA8I,GACxJ;YACF,6BAAK,SAAS,EAAC,yBAAyB;gBACpC,CAAC,QAAQ,EAAE,QAAQ,CAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC7C,gCACE,GAAG,EAAE,IAAI,EACT,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,gBACjB,GAAG,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,EACnG,SAAS,EAAE,iEAAiE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,oFAAoF,CAAC,CAAC,CAAC,8FAA8F,EAAE,IAEtR,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAC9C,CACV,CAAC;gBACD,CAAC,KAAK,IAAI,cAAc,KAAK,SAAS,IAAI,CACzC,gCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EAC3C,OAAO,EAAE,cAAc,EACvB,SAAS,EAAC,gIAAgI,qBAGnI,CACV,CACG,CACF;QACL,CAAC,KAAK,IAAI,cAAc,KAAK,SAAS,IAAI,CACzC,uDAAsB,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iCAAiC,EAAE,iFAE9F,CACL;QACA,OAAO,KAAK,SAAS,IAAI,CACxB,2BAAG,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,4DAA4D,IACpF,OAAO,CACN,CACL,CACO,CACX,CAAC;AACJ,CAAC"}

package/components/PublishBanner.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+export interface PublishBannerProps {
+    readonly variant: "draft" | "old" | undefined;
+    readonly onPublish?: () => void;
+    readonly publishing?: boolean;
+    readonly locked?: boolean;
+    readonly onUnlock?: () => void;
+    readonly autoPublishError?: boolean;
+    readonly onRetryAutoPublish?: () => void;
+    readonly wizardActive?: boolean;
+    readonly wizardError?: boolean;
+    readonly escapeRevealed?: boolean;
+    readonly onPublishWithoutAccess?: () => void;
+    readonly onRetryWizard?: () => void;
+}
+export declare function PublishBanner({ variant, onPublish, publishing, locked, onUnlock, autoPublishError, onRetryAutoPublish, wizardActive, wizardError, escapeRevealed, onPublishWithoutAccess, onRetryWizard, }: PublishBannerProps): React.JSX.Element;

package/components/PublishBanner.js

@@ -0,0 +1,126 @@
+import * as React from "react";
+export 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, disabled: onRetryAutoPublish === undefined, className: "rounded-md px-3 py-1.5 text-sm font-semibold disabled:opacity-50 disabled:cursor-not-allowed", 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 disabled:opacity-50 disabled:cursor-not-allowed", 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, disabled: onRetryWizard === undefined, className: "rounded-md px-3 py-1.5 text-sm font-semibold disabled:opacity-50 disabled:cursor-not-allowed", style: { background: "var(--vibes-near-black, #1a1a1a)", color: "#fff", border: "none", cursor: "pointer" } }, "Retry")) : (React.createElement("button", { type: "button", onClick: onPublish, disabled: onPublish === undefined, className: "rounded-md px-3 py-1.5 text-sm font-semibold disabled:opacity-50 disabled:cursor-not-allowed", 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, disabled: onPublishWithoutAccess === undefined, "data-testid": "publish-without-access-controls", className: "rounded-md px-3 py-1 text-xs font-medium disabled:opacity-50 disabled:cursor-not-allowed", 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 disabled:opacity-50 disabled:cursor-not-allowed", 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"))));
+}
+//# sourceMappingURL=PublishBanner.js.map

package/components/PublishBanner.js.map

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

package/components/ShareLinkView.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export interface ShareLinkViewProps {
+    readonly url: string;
+    readonly copied?: boolean;
+    readonly onCopy?: () => void;
+    readonly embedSnippet?: string;
+    readonly embedCopied?: boolean;
+    readonly onCopyEmbed?: () => void;
+    readonly pinterestShareUrl?: string;
+}
+export declare function ShareLinkView({ url, copied, onCopy, embedSnippet, embedCopied, onCopyEmbed, pinterestShareUrl, }: ShareLinkViewProps): React.JSX.Element;

package/components/ShareLinkView.js

@@ -0,0 +1,61 @@
+import * as React from "react";
+import { QrCode } from "./QrCode.js";
+const LINK_RADIUS = 8;
+const LINK_ACTION_GAP = 10;
+export function ShareLinkView({ url, copied, onCopy, embedSnippet, embedCopied, onCopyEmbed, pinterestShareUrl, }) {
+    return (React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 14, width: "100%", minWidth: 0 } },
+        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"))),
+        pinterestShareUrl !== undefined && (React.createElement("a", { href: pinterestShareUrl, target: "_blank", rel: "noopener noreferrer", className: "text-light-primary dark:text-dark-primary text-sm font-bold", style: { padding: "10px 12px", borderRadius: LINK_RADIUS, textAlign: "center" } }, "Save to Pinterest"))));
+}
+//# sourceMappingURL=ShareLinkView.js.map

package/components/ShareLinkView.js.map

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

package/components/SharePanelView.d.ts

@@ -33,6 +33,9 @@ export interface SharePanelViewProps {
     readonly embedSnippet?: string;
     readonly embedCopied?: boolean;
     readonly onCopyEmbed?: () => void;
+    readonly pinterestShareUrl?: string;
+    readonly publicationSlot?: React.ReactNode;
+    readonly accessSummarySlot?: React.ReactNode;
     readonly viewer: ShareViewer;
     readonly members?: readonly ShareMember[];
     readonly access?: ShareAccess;
@@ -44,6 +47,7 @@ export interface SharePanelViewProps {
     readonly onRevokeAnonWrite?: () => void;
     readonly anonWritePending?: boolean;
     readonly onSelectMember?: (member: ShareMember) => void;
+    readonly membersManagementSlot?: React.ReactNode;
     readonly notifications?: readonly ShareNotification[];
     readonly notificationsLoading?: boolean;
     readonly notificationsError?: boolean;
@@ -56,4 +60,4 @@ export interface SharePanelViewProps {
     readonly fill?: boolean;
     readonly className?: string;
 }
-export declare function SharePanelView({ url, copied, onCopy, embedSnippet, embedCopied, onCopyEmbed, viewer, members, access, onChangeAccess, accessPending, posture, envelopeRows, anonWrite, onRevokeAnonWrite, anonWritePending, onSelectMember, requestsSlot, inviteSlot, notifications, notificationsLoading, notificationsError, notificationSettingsSlot, onSelectNotification, commentsSlot, developersSlot, fill, className, }: SharePanelViewProps): React.JSX.Element;
+export declare function SharePanelView({ url, copied, onCopy, embedSnippet, embedCopied, onCopyEmbed, pinterestShareUrl, publicationSlot, accessSummarySlot, viewer, members, access, onChangeAccess, accessPending, posture, envelopeRows, anonWrite, onRevokeAnonWrite, anonWritePending, onSelectMember, membersManagementSlot, requestsSlot, inviteSlot, notifications, notificationsLoading, notificationsError, notificationSettingsSlot, onSelectNotification, commentsSlot, developersSlot, fill, className, }: SharePanelViewProps): React.JSX.Element;