@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/vibedeck/VibeDeckShareDialog.js

@@ -0,0 +1,312 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useCreateVibeDeckShareLinkMutation as t, useListVibeDeckShareLinksQuery as n, useRevokeVibeDeckShareLinkMutation as r } from "../../generated/wspace-operations.js";
+import { useCallback as i, useState as a } from "react";
+import { Check as o, Code as s, Copy as c, Eye as l, Globe as u, Link2 as d, Loader2 as f, Lock as p, Play as m, Shield as h, Trash2 as g, Users as _, X as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/components/vibedeck/VibeDeckShareDialog.tsx
+var S = [
+	{
+		value: "SIGNED_LINK",
+		label: "Anyone with the link",
+		description: "Anyone who has the link can access, no login required",
+		icon: d
+	},
+	{
+		value: "PUBLIC",
+		label: "Public",
+		description: "Anyone can discover and access this deck",
+		icon: u
+	},
+	{
+		value: "RESTRICTED",
+		label: "Restricted",
+		description: "Only people with permission can access (requires login)",
+		icon: p
+	}
+], C = [{
+	value: "VIEW",
+	label: "Viewer",
+	description: "Can view the deck",
+	icon: l
+}, {
+	value: "EXECUTE",
+	label: "Can execute",
+	description: "Can view and execute buttons",
+	icon: m
+}], w = ({ vibeDeckId: w, vibeDeckName: T, onClose: E }) => {
+	let D = e(), [O, k] = a(null), [A, j] = a(null), [M, N] = a("SIGNED_LINK"), [P, F] = a("EXECUTE"), [I, L] = a(""), [R, z] = a(""), [B, V] = a(!1), [H, U] = a(""), { data: W, loading: G, refetch: ee } = n({ variables: { vibeDeckId: w } }), [K, { loading: q }] = t({ refetchQueries: ["ListVibeDeckShareLinks"] }), [J] = r({ refetchQueries: ["ListVibeDeckShareLinks"] }), Y = W?.vibeDeckShareLinks || [], X = i(async () => {
+		try {
+			await K({ variables: { input: {
+				vibeDeckId: w,
+				name: H || null,
+				visibility: M,
+				permission: P,
+				expiresInHours: I ? parseInt(I, 10) : null,
+				password: R || null,
+				allowIframe: B
+			} } }), U(""), z(""), L(""), V(!1);
+		} catch {}
+	}, [
+		K,
+		w,
+		H,
+		M,
+		P,
+		I,
+		R,
+		B
+	]), Z = i(async (e) => {
+		try {
+			await J({ variables: { id: e } });
+		} catch {}
+	}, [J]), Q = i((e, t) => {
+		navigator.clipboard.writeText(t), k(e), setTimeout(() => k(null), 2e3);
+	}, []), $ = i((e, t) => {
+		let n = `<iframe src="${t}?embed=true" width="100%" height="600" frameborder="0" allow="clipboard-write" style="border-radius: 8px; border: 1px solid var(--color-border-subtle);"></iframe>`;
+		navigator.clipboard.writeText(n), j(e), setTimeout(() => j(null), 2e3);
+	}, []), te = (e) => {
+		switch (e) {
+			case "PUBLIC": return /* @__PURE__ */ b(u, {
+				size: 14,
+				className: "text-green-500"
+			});
+			case "RESTRICTED": return /* @__PURE__ */ b(p, {
+				size: 14,
+				className: "text-yellow-500"
+			});
+			default: return /* @__PURE__ */ b(d, {
+				size: 14,
+				className: "text-blue-500"
+			});
+		}
+	};
+	return /* @__PURE__ */ b("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-elevated/60 backdrop-blur-sm",
+		children: /* @__PURE__ */ x("div", {
+			className: "bg-bg-surface border border-border-default rounded-xl shadow-2xl w-full max-w-lg mx-4 max-h-[85vh] flex flex-col",
+			children: [/* @__PURE__ */ x("div", {
+				className: "flex items-center justify-between px-6 py-4 border-b border-border-default",
+				children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: [
+						"Share \"",
+						T,
+						"\""
+					]
+				}), /* @__PURE__ */ b("p", {
+					className: "text-sm text-text-secondary mt-0.5",
+					children: D("vibecontrols.vibedeck.share.manageAccess", "Manage access to this VibeDeck")
+				})] }), /* @__PURE__ */ b("button", {
+					onClick: E,
+					className: "p-1.5 rounded-lg hover:bg-bg-tertiary text-text-tertiary hover:text-text-primary transition-colors",
+					children: /* @__PURE__ */ b(v, { size: 18 })
+				})]
+			}), /* @__PURE__ */ x("div", {
+				className: "overflow-y-auto flex-1 px-6 py-4 space-y-6",
+				children: [/* @__PURE__ */ x("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ x("h3", {
+							className: "text-sm font-medium text-text-primary flex items-center gap-2",
+							children: [/* @__PURE__ */ b(d, { size: 14 }), D("vibecontrols.vibedeck.share.createShareLink", "Create share link")]
+						}),
+						/* @__PURE__ */ b("input", {
+							type: "text",
+							value: H,
+							onChange: (e) => U(e.target.value),
+							placeholder: "Link name (optional)",
+							className: "w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-lg text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ b("label", {
+								className: "text-xs font-medium text-text-secondary uppercase tracking-wider",
+								children: "Access"
+							}), /* @__PURE__ */ b("div", {
+								className: "grid grid-cols-3 gap-2",
+								children: S.map((e) => {
+									let t = e.icon;
+									return /* @__PURE__ */ x("button", {
+										onClick: () => N(e.value),
+										className: `flex flex-col items-center gap-1.5 p-3 rounded-lg border-2 text-xs font-medium transition-all ${M === e.value ? "border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg" : "border-border-default text-text-secondary hover:border-border-default hover:bg-bg-secondary"}`,
+										title: e.description,
+										children: [/* @__PURE__ */ b(t, { size: 16 }), /* @__PURE__ */ b("span", {
+											className: "text-center leading-tight",
+											children: e.label
+										})]
+									}, e.value);
+								})
+							})]
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ b("label", {
+								className: "text-xs font-medium text-text-secondary uppercase tracking-wider",
+								children: "Permission"
+							}), /* @__PURE__ */ b("div", {
+								className: "grid grid-cols-2 gap-2",
+								children: C.map((e) => {
+									let t = e.icon;
+									return /* @__PURE__ */ x("button", {
+										onClick: () => F(e.value),
+										className: `flex items-center gap-2 p-3 rounded-lg border-2 text-sm font-medium transition-all ${P === e.value ? "border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg" : "border-border-default text-text-secondary hover:border-border-default hover:bg-bg-secondary"}`,
+										children: [/* @__PURE__ */ b(t, { size: 14 }), e.label]
+									}, e.value);
+								})
+							})]
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "grid grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								className: "text-xs font-medium text-text-secondary",
+								children: "Expires in (hours)"
+							}), /* @__PURE__ */ b("input", {
+								type: "number",
+								min: "1",
+								value: I,
+								onChange: (e) => L(e.target.value),
+								placeholder: "Never",
+								className: "w-full mt-1 px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-lg text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
+							})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								className: "text-xs font-medium text-text-secondary",
+								children: "Password (optional)"
+							}), /* @__PURE__ */ b("input", {
+								type: "password",
+								value: R,
+								onChange: (e) => z(e.target.value),
+								placeholder: "No password",
+								className: "w-full mt-1 px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-lg text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
+							})] })]
+						}),
+						/* @__PURE__ */ x("label", {
+							className: "flex items-center gap-3 cursor-pointer",
+							children: [/* @__PURE__ */ b("input", {
+								type: "checkbox",
+								checked: B,
+								onChange: (e) => V(e.target.checked),
+								className: "w-4 h-4 rounded border-border-default text-action-primary-bg focus:ring-action-primary-bg"
+							}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("span", {
+								className: "text-sm text-text-primary",
+								children: "Allow iframe embedding"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-xs text-text-tertiary",
+								children: "Enable embedding this deck in other websites"
+							})] })]
+						}),
+						/* @__PURE__ */ x("button", {
+							onClick: X,
+							disabled: q,
+							className: "w-full px-4 py-2.5 rounded-lg bg-action-primary-bg text-action-primary-text text-sm font-medium hover:bg-action-primary-bg-hover disabled:opacity-50 transition-colors flex items-center justify-center gap-2",
+							children: [q ? /* @__PURE__ */ b(f, {
+								size: 14,
+								className: "animate-spin"
+							}) : /* @__PURE__ */ b(d, { size: 14 }), D("vibecontrols.vibedeck.share.createLink", "Create Link")]
+						})
+					]
+				}), G ? /* @__PURE__ */ b("div", {
+					className: "flex items-center justify-center py-6",
+					children: /* @__PURE__ */ b(f, {
+						size: 20,
+						className: "animate-spin text-text-tertiary"
+					})
+				}) : Y.length > 0 ? /* @__PURE__ */ x("div", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ x("h3", {
+						className: "text-sm font-medium text-text-primary flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ b(h, { size: 14 }),
+							"Active links (",
+							Y.length,
+							")"
+						]
+					}), Y.map((e) => /* @__PURE__ */ x("div", {
+						className: `rounded-lg border p-3 space-y-2 ${e.status === "ACTIVE" ? "border-border-default bg-bg-secondary" : "border-border-default/50 bg-bg-secondary/50 opacity-60"}`,
+						children: [/* @__PURE__ */ x("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ x("div", {
+								className: "flex items-center gap-2",
+								children: [
+									te(e.visibility),
+									/* @__PURE__ */ b("span", {
+										className: "text-sm font-medium text-text-primary",
+										children: e.name || "Unnamed link"
+									}),
+									/* @__PURE__ */ b("span", {
+										className: `text-[10px] font-bold uppercase px-1.5 py-0.5 rounded ${e.status === "ACTIVE" ? "bg-status-success-bg/20 text-status-success-text" : e.status === "REVOKED" ? "bg-status-error-bg/20 text-status-error-text" : "bg-status-warning-bg/20 text-status-warning-text"}`,
+										children: e.status
+									})
+								]
+							}), /* @__PURE__ */ b("div", {
+								className: "flex items-center gap-1",
+								children: e.status === "ACTIVE" && /* @__PURE__ */ x(y, { children: [
+									/* @__PURE__ */ b("button", {
+										onClick: () => Q(e.id, e.shareUrl),
+										className: "p-1.5 rounded hover:bg-bg-tertiary text-text-tertiary hover:text-text-primary transition-colors",
+										title: "Copy link",
+										children: O === e.id ? /* @__PURE__ */ b(o, {
+											size: 14,
+											className: "text-status-success-text"
+										}) : /* @__PURE__ */ b(c, { size: 14 })
+									}),
+									e.allowIframe && /* @__PURE__ */ b("button", {
+										onClick: () => $(e.id, e.shareUrl),
+										className: "p-1.5 rounded hover:bg-bg-tertiary text-text-tertiary hover:text-text-primary transition-colors",
+										title: "Copy embed code",
+										children: A === e.id ? /* @__PURE__ */ b(o, {
+											size: 14,
+											className: "text-status-success-text"
+										}) : /* @__PURE__ */ b(s, { size: 14 })
+									}),
+									/* @__PURE__ */ b("button", {
+										onClick: () => Z(e.id),
+										className: "p-1.5 rounded hover:bg-bg-tertiary text-text-tertiary hover:text-status-error-text transition-colors",
+										title: "Revoke link",
+										children: /* @__PURE__ */ b(g, { size: 14 })
+									})
+								] })
+							})]
+						}), /* @__PURE__ */ x("div", {
+							className: "flex items-center gap-3 text-xs text-text-tertiary",
+							children: [
+								/* @__PURE__ */ x("span", {
+									className: "flex items-center gap-1",
+									children: [e.permission === "EXECUTE" ? /* @__PURE__ */ b(m, { size: 10 }) : /* @__PURE__ */ b(l, { size: 10 }), e.permission === "EXECUTE" ? "Can execute" : "View only"]
+								}),
+								e.hasPassword && /* @__PURE__ */ x("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ b(p, { size: 10 }), "Password"]
+								}),
+								e.allowIframe && /* @__PURE__ */ x("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ b(s, { size: 10 }), "Embeddable"]
+								}),
+								/* @__PURE__ */ x("span", { children: [e.useCount, " uses"] }),
+								e.expiresAt && /* @__PURE__ */ x("span", { children: ["Expires ", new Date(e.expiresAt).toLocaleDateString()] })
+							]
+						})]
+					}, e.id))]
+				}) : /* @__PURE__ */ x("div", {
+					className: "text-center py-6",
+					children: [
+						/* @__PURE__ */ b(_, {
+							size: 24,
+							className: "mx-auto text-text-tertiary mb-2"
+						}),
+						/* @__PURE__ */ b("p", {
+							className: "text-sm text-text-secondary",
+							children: D("vibecontrols.vibedeck.share.noLinks", "No share links yet")
+						}),
+						/* @__PURE__ */ b("p", {
+							className: "text-xs text-text-tertiary mt-1",
+							children: D("vibecontrols.vibedeck.share.createLinkHint", "Create a link above to share this VibeDeck")
+						})
+					]
+				})]
+			})]
+		})
+	});
+};
+//#endregion
+export { w as VibeDeckShareDialog };
+
+//# sourceMappingURL=VibeDeckShareDialog.js.map

package/dist/components/vibedeck/VibeDeckShareDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibeDeckShareDialog.js","names":[],"sources":["../../../src/components/vibedeck/VibeDeckShareDialog.tsx"],"sourcesContent":["import { type FC, useState, useCallback } from 'react';\nimport {\n  X,\n  Link2,\n  Copy,\n  Check,\n  Trash2,\n  Globe,\n  Lock,\n  Users,\n  Code,\n  Eye,\n  Play,\n  Shield,\n  Loader2,\n} from 'lucide-react';\nimport { type VibeDeckShareLink } from '@/generated/wspace-types';\nimport {\n  useListVibeDeckShareLinksQuery,\n  useCreateVibeDeckShareLinkMutation,\n  useRevokeVibeDeckShareLinkMutation,\n} from '@/generated/wspace-operations';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface VibeDeckShareDialogProps {\n  vibeDeckId: string;\n  vibeDeckName: string;\n  onClose: () => void;\n}\n\nconst VISIBILITY_OPTIONS = [\n  {\n    value: 'SIGNED_LINK' as const,\n    label: 'Anyone with the link',\n    description: 'Anyone who has the link can access, no login required',\n    icon: Link2,\n  },\n  {\n    value: 'PUBLIC' as const,\n    label: 'Public',\n    description: 'Anyone can discover and access this deck',\n    icon: Globe,\n  },\n  {\n    value: 'RESTRICTED' as const,\n    label: 'Restricted',\n    description: 'Only people with permission can access (requires login)',\n    icon: Lock,\n  },\n];\n\nconst PERMISSION_OPTIONS = [\n  {\n    value: 'VIEW' as const,\n    label: 'Viewer',\n    description: 'Can view the deck',\n    icon: Eye,\n  },\n  {\n    value: 'EXECUTE' as const,\n    label: 'Can execute',\n    description: 'Can view and execute buttons',\n    icon: Play,\n  },\n];\n\nexport const VibeDeckShareDialog: FC<VibeDeckShareDialogProps> = ({\n  vibeDeckId,\n  vibeDeckName,\n  onClose,\n}) => {\n  const tr = useTr();\n  const [copiedId, setCopiedId] = useState<string | null>(null);\n  const [copiedEmbed, setCopiedEmbed] = useState<string | null>(null);\n\n  // New link form state\n  const [visibility, setVisibility] = useState<'SIGNED_LINK' | 'PUBLIC' | 'RESTRICTED'>(\n    'SIGNED_LINK'\n  );\n  const [permission, setPermission] = useState<'VIEW' | 'EXECUTE'>('EXECUTE');\n  const [expiresInHours, setExpiresInHours] = useState<string>('');\n  const [password, setPassword] = useState('');\n  const [allowIframe, setAllowIframe] = useState(false);\n  const [linkName, setLinkName] = useState('');\n\n  const { data, loading, refetch } = useListVibeDeckShareLinksQuery({\n    variables: { vibeDeckId },\n  });\n\n  const [createShareLink, { loading: creating }] = useCreateVibeDeckShareLinkMutation({\n    refetchQueries: ['ListVibeDeckShareLinks'],\n  });\n\n  const [revokeShareLink] = useRevokeVibeDeckShareLinkMutation({\n    refetchQueries: ['ListVibeDeckShareLinks'],\n  });\n\n  const shareLinks = data?.vibeDeckShareLinks || [];\n\n  const handleCreate = useCallback(async () => {\n    try {\n      await createShareLink({\n        variables: {\n          input: {\n            vibeDeckId,\n            name: linkName || null,\n            visibility,\n            permission,\n            expiresInHours: expiresInHours ? parseInt(expiresInHours, 10) : null,\n            password: password || null,\n            allowIframe,\n          },\n        },\n      });\n      // Reset form\n      setLinkName('');\n      setPassword('');\n      setExpiresInHours('');\n      setAllowIframe(false);\n    } catch {\n      // Error handled by Apollo\n    }\n  }, [\n    createShareLink,\n    vibeDeckId,\n    linkName,\n    visibility,\n    permission,\n    expiresInHours,\n    password,\n    allowIframe,\n  ]);\n\n  const handleRevoke = useCallback(\n    async (id: string) => {\n      try {\n        await revokeShareLink({ variables: { id } });\n      } catch {\n        // Error handled by Apollo\n      }\n    },\n    [revokeShareLink]\n  );\n\n  const handleCopyUrl = useCallback((id: string, url: string) => {\n    navigator.clipboard.writeText(url);\n    setCopiedId(id);\n    setTimeout(() => setCopiedId(null), 2000);\n  }, []);\n\n  const handleCopyEmbed = useCallback((id: string, url: string) => {\n    const embedCode = `<iframe src=\"${url}?embed=true\" width=\"100%\" height=\"600\" frameborder=\"0\" allow=\"clipboard-write\" style=\"border-radius: 8px; border: 1px solid var(--color-border-subtle);\"></iframe>`;\n    navigator.clipboard.writeText(embedCode);\n    setCopiedEmbed(id);\n    setTimeout(() => setCopiedEmbed(null), 2000);\n  }, []);\n\n  const visibilityIcon = (v: string) => {\n    switch (v) {\n      case 'PUBLIC':\n        return <Globe size={14} className=\"text-green-500\" />;\n      case 'RESTRICTED':\n        return <Lock size={14} className=\"text-yellow-500\" />;\n      default:\n        return <Link2 size={14} className=\"text-blue-500\" />;\n    }\n  };\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-elevated/60 backdrop-blur-sm\">\n      <div className=\"bg-bg-surface border border-border-default rounded-xl shadow-2xl w-full max-w-lg mx-4 max-h-[85vh] flex flex-col\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n          <div>\n            <h2 className=\"text-lg font-semibold text-text-primary\">Share \"{vibeDeckName}\"</h2>\n            <p className=\"text-sm text-text-secondary mt-0.5\">\n              {tr('vibecontrols.vibedeck.share.manageAccess', 'Manage access to this VibeDeck')}\n            </p>\n          </div>\n          <button\n            onClick={onClose}\n            className=\"p-1.5 rounded-lg hover:bg-bg-tertiary text-text-tertiary hover:text-text-primary transition-colors\"\n          >\n            <X size={18} />\n          </button>\n        </div>\n\n        <div className=\"overflow-y-auto flex-1 px-6 py-4 space-y-6\">\n          {/* Create new link section */}\n          <div className=\"space-y-4\">\n            <h3 className=\"text-sm font-medium text-text-primary flex items-center gap-2\">\n              <Link2 size={14} />\n              {tr('vibecontrols.vibedeck.share.createShareLink', 'Create share link')}\n            </h3>\n\n            {/* Link name (optional) */}\n            <input\n              type=\"text\"\n              value={linkName}\n              onChange={(e) => setLinkName(e.target.value)}\n              placeholder=\"Link name (optional)\"\n              className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-lg text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n            />\n\n            {/* Visibility selector */}\n            <div className=\"space-y-2\">\n              <label className=\"text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                Access\n              </label>\n              <div className=\"grid grid-cols-3 gap-2\">\n                {VISIBILITY_OPTIONS.map((opt) => {\n                  const Icon = opt.icon;\n                  const isSelected = visibility === opt.value;\n                  return (\n                    <button\n                      key={opt.value}\n                      onClick={() => setVisibility(opt.value)}\n                      className={`flex flex-col items-center gap-1.5 p-3 rounded-lg border-2 text-xs font-medium transition-all ${\n                        isSelected\n                          ? 'border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg'\n                          : 'border-border-default text-text-secondary hover:border-border-default hover:bg-bg-secondary'\n                      }`}\n                      title={opt.description}\n                    >\n                      <Icon size={16} />\n                      <span className=\"text-center leading-tight\">{opt.label}</span>\n                    </button>\n                  );\n                })}\n              </div>\n            </div>\n\n            {/* Permission selector */}\n            <div className=\"space-y-2\">\n              <label className=\"text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                Permission\n              </label>\n              <div className=\"grid grid-cols-2 gap-2\">\n                {PERMISSION_OPTIONS.map((opt) => {\n                  const Icon = opt.icon;\n                  const isSelected = permission === opt.value;\n                  return (\n                    <button\n                      key={opt.value}\n                      onClick={() => setPermission(opt.value)}\n                      className={`flex items-center gap-2 p-3 rounded-lg border-2 text-sm font-medium transition-all ${\n                        isSelected\n                          ? 'border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg'\n                          : 'border-border-default text-text-secondary hover:border-border-default hover:bg-bg-secondary'\n                      }`}\n                    >\n                      <Icon size={14} />\n                      {opt.label}\n                    </button>\n                  );\n                })}\n              </div>\n            </div>\n\n            {/* Options row */}\n            <div className=\"grid grid-cols-2 gap-3\">\n              <div>\n                <label className=\"text-xs font-medium text-text-secondary\">\n                  Expires in (hours)\n                </label>\n                <input\n                  type=\"number\"\n                  min=\"1\"\n                  value={expiresInHours}\n                  onChange={(e) => setExpiresInHours(e.target.value)}\n                  placeholder=\"Never\"\n                  className=\"w-full mt-1 px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-lg text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n                />\n              </div>\n              <div>\n                <label className=\"text-xs font-medium text-text-secondary\">\n                  Password (optional)\n                </label>\n                <input\n                  type=\"password\"\n                  value={password}\n                  onChange={(e) => setPassword(e.target.value)}\n                  placeholder=\"No password\"\n                  className=\"w-full mt-1 px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-lg text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n                />\n              </div>\n            </div>\n\n            {/* Allow iframe toggle */}\n            <label className=\"flex items-center gap-3 cursor-pointer\">\n              <input\n                type=\"checkbox\"\n                checked={allowIframe}\n                onChange={(e) => setAllowIframe(e.target.checked)}\n                className=\"w-4 h-4 rounded border-border-default text-action-primary-bg focus:ring-action-primary-bg\"\n              />\n              <div>\n                <span className=\"text-sm text-text-primary\">Allow iframe embedding</span>\n                <p className=\"text-xs text-text-tertiary\">\n                  Enable embedding this deck in other websites\n                </p>\n              </div>\n            </label>\n\n            {/* Create button */}\n            <button\n              onClick={handleCreate}\n              disabled={creating}\n              className=\"w-full px-4 py-2.5 rounded-lg bg-action-primary-bg text-action-primary-text text-sm font-medium hover:bg-action-primary-bg-hover disabled:opacity-50 transition-colors flex items-center justify-center gap-2\"\n            >\n              {creating ? <Loader2 size={14} className=\"animate-spin\" /> : <Link2 size={14} />}\n              {tr('vibecontrols.vibedeck.share.createLink', 'Create Link')}\n            </button>\n          </div>\n\n          {/* Existing links */}\n          {loading ? (\n            <div className=\"flex items-center justify-center py-6\">\n              <Loader2 size={20} className=\"animate-spin text-text-tertiary\" />\n            </div>\n          ) : shareLinks.length > 0 ? (\n            <div className=\"space-y-3\">\n              <h3 className=\"text-sm font-medium text-text-primary flex items-center gap-2\">\n                <Shield size={14} />\n                Active links ({shareLinks.length})\n              </h3>\n              {shareLinks.map((link: VibeDeckShareLink) => (\n                <div\n                  key={link.id}\n                  className={`rounded-lg border p-3 space-y-2 ${\n                    link.status === 'ACTIVE'\n                      ? 'border-border-default bg-bg-secondary'\n                      : 'border-border-default/50 bg-bg-secondary/50 opacity-60'\n                  }`}\n                >\n                  <div className=\"flex items-center justify-between\">\n                    <div className=\"flex items-center gap-2\">\n                      {visibilityIcon(link.visibility)}\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {link.name || 'Unnamed link'}\n                      </span>\n                      <span\n                        className={`text-[10px] font-bold uppercase px-1.5 py-0.5 rounded ${\n                          link.status === 'ACTIVE'\n                            ? 'bg-status-success-bg/20 text-status-success-text'\n                            : link.status === 'REVOKED'\n                              ? 'bg-status-error-bg/20 text-status-error-text'\n                              : 'bg-status-warning-bg/20 text-status-warning-text'\n                        }`}\n                      >\n                        {link.status}\n                      </span>\n                    </div>\n                    <div className=\"flex items-center gap-1\">\n                      {link.status === 'ACTIVE' && (\n                        <>\n                          <button\n                            onClick={() => handleCopyUrl(link.id, link.shareUrl)}\n                            className=\"p-1.5 rounded hover:bg-bg-tertiary text-text-tertiary hover:text-text-primary transition-colors\"\n                            title=\"Copy link\"\n                          >\n                            {copiedId === link.id ? (\n                              <Check size={14} className=\"text-status-success-text\" />\n                            ) : (\n                              <Copy size={14} />\n                            )}\n                          </button>\n                          {link.allowIframe && (\n                            <button\n                              onClick={() => handleCopyEmbed(link.id, link.shareUrl)}\n                              className=\"p-1.5 rounded hover:bg-bg-tertiary text-text-tertiary hover:text-text-primary transition-colors\"\n                              title=\"Copy embed code\"\n                            >\n                              {copiedEmbed === link.id ? (\n                                <Check size={14} className=\"text-status-success-text\" />\n                              ) : (\n                                <Code size={14} />\n                              )}\n                            </button>\n                          )}\n                          <button\n                            onClick={() => handleRevoke(link.id)}\n                            className=\"p-1.5 rounded hover:bg-bg-tertiary text-text-tertiary hover:text-status-error-text transition-colors\"\n                            title=\"Revoke link\"\n                          >\n                            <Trash2 size={14} />\n                          </button>\n                        </>\n                      )}\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-3 text-xs text-text-tertiary\">\n                    <span className=\"flex items-center gap-1\">\n                      {link.permission === 'EXECUTE' ? <Play size={10} /> : <Eye size={10} />}\n                      {link.permission === 'EXECUTE' ? 'Can execute' : 'View only'}\n                    </span>\n                    {link.hasPassword && (\n                      <span className=\"flex items-center gap-1\">\n                        <Lock size={10} />\n                        Password\n                      </span>\n                    )}\n                    {link.allowIframe && (\n                      <span className=\"flex items-center gap-1\">\n                        <Code size={10} />\n                        Embeddable\n                      </span>\n                    )}\n                    <span>{link.useCount} uses</span>\n                    {link.expiresAt && (\n                      <span>Expires {new Date(link.expiresAt).toLocaleDateString()}</span>\n                    )}\n                  </div>\n                </div>\n              ))}\n            </div>\n          ) : (\n            <div className=\"text-center py-6\">\n              <Users size={24} className=\"mx-auto text-text-tertiary mb-2\" />\n              <p className=\"text-sm text-text-secondary\">\n                {tr('vibecontrols.vibedeck.share.noLinks', 'No share links yet')}\n              </p>\n              <p className=\"text-xs text-text-tertiary mt-1\">\n                {tr(\n                  'vibecontrols.vibedeck.share.createLinkHint',\n                  'Create a link above to share this VibeDeck'\n                )}\n              </p>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/vibedeck/VibeDeckSwitcher.d.ts

@@ -0,0 +1,28 @@
+import { FC } from 'react';
+
+interface DeckSummary {
+    id: string;
+    name: string;
+    icon: string | null;
+    colorTheme: string | null;
+    isDefault: boolean;
+}
+interface VibeDeckSwitcherProps {
+    decks: DeckSummary[];
+    activeDeckId: string | null;
+    selectedDeckIds: Set<string>;
+    onSelectDeck: (id: string) => void;
+    onToggleSelectDeck: (id: string, checked: boolean) => void;
+    onCreateDeck: () => void;
+    onSetDefault: (id: string) => void;
+    onDuplicate: (id: string) => void;
+    onDelete: (id: string) => void;
+    onEdit: (id: string) => void;
+    onShare?: (id: string) => void;
+    canCreate: boolean;
+    canUpdate: boolean;
+    canDelete: boolean;
+}
+export declare const VibeDeckSwitcher: FC<VibeDeckSwitcherProps>;
+export {};
+//# sourceMappingURL=VibeDeckSwitcher.d.ts.map

package/dist/components/vibedeck/VibeDeckSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibeDeckSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/vibedeck/VibeDeckSwitcher.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAA+B,MAAM,OAAO,CAAC;AAM7D,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,qBAAqB;IAC7B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA+LtD,CAAC"}

package/dist/components/vibedeck/VibeDeckSwitcher.js

@@ -0,0 +1,118 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { SelectionCheckbox as t } from "../shared/SelectionCheckbox.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { ChevronDown as a, Copy as o, Plus as s, Settings as c, Share2 as l, Star as u, Trash2 as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { createPortal as h } from "react-dom";
+//#region src/components/vibedeck/VibeDeckSwitcher.tsx
+var g = ({ decks: g, activeDeckId: _, selectedDeckIds: v, onSelectDeck: y, onToggleSelectDeck: b, onCreateDeck: x, onSetDefault: S, onDuplicate: C, onDelete: w, onEdit: T, onShare: E, canCreate: D, canUpdate: O, canDelete: k }) => {
+	let A = e(), [j, M] = i(null), [N, P] = i(null), F = r(null);
+	n(() => {
+		let e = (e) => {
+			F.current && !F.current.contains(e.target) && (M(null), P(null));
+		};
+		if (j) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [j]);
+	let I = () => {
+		M(null), P(null);
+	}, L = j ? g.find((e) => e.id === j) : null;
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
+		className: "flex items-center gap-2 overflow-x-auto pb-1",
+		children: [g.map((e) => {
+			let n = e.id === _, r = j === e.id;
+			return /* @__PURE__ */ m("div", {
+				className: "flex items-center gap-1 shrink-0",
+				children: [
+					/* @__PURE__ */ p("div", {
+						onClick: (e) => e.stopPropagation(),
+						children: /* @__PURE__ */ p(t, {
+							checked: v.has(e.id),
+							onChange: (t) => b(e.id, t),
+							ariaLabel: `Select deck ${e.name}`
+						})
+					}),
+					/* @__PURE__ */ p("button", {
+						onClick: () => y(e.id),
+						className: `px-3 py-1.5 rounded-lg text-sm font-medium transition-colors ${n ? "bg-action-primary-bg text-action-primary-text" : v.has(e.id) ? "bg-action-primary-bg/10 text-text-primary border border-action-primary-bg/30" : "bg-bg-secondary text-text-secondary hover:bg-bg-tertiary hover:text-text-primary"}`,
+						children: /* @__PURE__ */ m("span", {
+							className: "flex items-center gap-1.5",
+							children: [e.isDefault && /* @__PURE__ */ p(u, {
+								size: 12,
+								className: "text-yellow-400 fill-yellow-400"
+							}), e.name]
+						})
+					}),
+					n && (O || k || D) && /* @__PURE__ */ p("button", {
+						onClick: (t) => {
+							if (r) I();
+							else {
+								let n = t.currentTarget.getBoundingClientRect();
+								P({
+									top: n.bottom + 4,
+									left: n.left
+								}), M(e.id);
+							}
+						},
+						className: `p-1 rounded transition-colors ${r ? "bg-bg-tertiary text-text-primary" : "text-text-tertiary hover:text-text-primary hover:bg-bg-tertiary"}`,
+						title: "Deck actions",
+						children: /* @__PURE__ */ p(a, { size: 14 })
+					})
+				]
+			}, e.id);
+		}), D && /* @__PURE__ */ m("button", {
+			onClick: x,
+			className: "flex items-center gap-1 px-3 py-1.5 rounded-lg text-sm text-text-tertiary hover:text-text-primary hover:bg-bg-tertiary transition-colors shrink-0 border border-dashed border-border-default",
+			children: [/* @__PURE__ */ p(s, { size: 14 }), A("vibecontrols.vibedeck.switcher.newDeck", "New Deck")]
+		})]
+	}), j && N && L && h(/* @__PURE__ */ m("div", {
+		ref: F,
+		style: {
+			position: "fixed",
+			top: N.top,
+			left: N.left,
+			zIndex: 9999
+		},
+		className: "bg-bg-elevated border border-border-default rounded-lg shadow-lg py-1 min-w-[160px]",
+		children: [
+			O && !L.isDefault && /* @__PURE__ */ m("button", {
+				onClick: () => {
+					S(L.id), I();
+				},
+				className: "flex items-center gap-2 w-full px-3 py-1.5 text-sm text-text-secondary hover:bg-bg-tertiary hover:text-text-primary",
+				children: [/* @__PURE__ */ p(u, { size: 14 }), A("vibecontrols.vibedeck.switcher.setDefault", "Set as default")]
+			}),
+			O && /* @__PURE__ */ m("button", {
+				onClick: () => {
+					T(L.id), I();
+				},
+				className: "flex items-center gap-2 w-full px-3 py-1.5 text-sm text-text-secondary hover:bg-bg-tertiary hover:text-text-primary",
+				children: [/* @__PURE__ */ p(c, { size: 14 }), A("vibecontrols.vibedeck.switcher.editDeck", "Edit deck")]
+			}),
+			E && /* @__PURE__ */ m("button", {
+				onClick: () => {
+					E(L.id), I();
+				},
+				className: "flex items-center gap-2 w-full px-3 py-1.5 text-sm text-text-secondary hover:bg-bg-tertiary hover:text-text-primary",
+				children: [/* @__PURE__ */ p(l, { size: 14 }), A("vibecontrols.vibedeck.switcher.share", "Share")]
+			}),
+			D && /* @__PURE__ */ m("button", {
+				onClick: () => {
+					C(L.id), I();
+				},
+				className: "flex items-center gap-2 w-full px-3 py-1.5 text-sm text-text-secondary hover:bg-bg-tertiary hover:text-text-primary",
+				children: [/* @__PURE__ */ p(o, { size: 14 }), A("vibecontrols.vibedeck.switcher.duplicate", "Duplicate")]
+			}),
+			k && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "border-t border-border-default my-1" }), /* @__PURE__ */ m("button", {
+				onClick: () => {
+					w(L.id), I();
+				},
+				className: "flex items-center gap-2 w-full px-3 py-1.5 text-sm text-red-400 hover:bg-bg-tertiary",
+				children: [/* @__PURE__ */ p(d, { size: 14 }), A("vibecontrols.vibedeck.switcher.delete", "Delete")]
+			})] })
+		]
+	}), document.body)] });
+};
+//#endregion
+export { g as VibeDeckSwitcher };
+
+//# sourceMappingURL=VibeDeckSwitcher.js.map

package/dist/components/vibedeck/VibeDeckSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibeDeckSwitcher.js","names":[],"sources":["../../../src/components/vibedeck/VibeDeckSwitcher.tsx"],"sourcesContent":["import { type FC, useState, useRef, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { Plus, Star, Copy, Trash2, Settings, ChevronDown, Share2 } from 'lucide-react';\nimport { SelectionCheckbox } from '../shared/SelectionCheckbox';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface DeckSummary {\n  id: string;\n  name: string;\n  icon: string | null;\n  colorTheme: string | null;\n  isDefault: boolean;\n}\n\ninterface VibeDeckSwitcherProps {\n  decks: DeckSummary[];\n  activeDeckId: string | null;\n  selectedDeckIds: Set<string>;\n  onSelectDeck: (id: string) => void;\n  onToggleSelectDeck: (id: string, checked: boolean) => void;\n  onCreateDeck: () => void;\n  onSetDefault: (id: string) => void;\n  onDuplicate: (id: string) => void;\n  onDelete: (id: string) => void;\n  onEdit: (id: string) => void;\n  onShare?: (id: string) => void;\n  canCreate: boolean;\n  canUpdate: boolean;\n  canDelete: boolean;\n}\n\nexport const VibeDeckSwitcher: FC<VibeDeckSwitcherProps> = ({\n  decks,\n  activeDeckId,\n  selectedDeckIds,\n  onSelectDeck,\n  onToggleSelectDeck,\n  onCreateDeck,\n  onSetDefault,\n  onDuplicate,\n  onDelete,\n  onEdit,\n  onShare,\n  canCreate,\n  canUpdate,\n  canDelete,\n}) => {\n  const tr = useTr();\n  const [dropdownDeckId, setDropdownDeckId] = useState<string | null>(null);\n  const [dropdownPos, setDropdownPos] = useState<{ top: number; left: number } | null>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(e.target as Node)) {\n        setDropdownDeckId(null);\n        setDropdownPos(null);\n      }\n    };\n    if (dropdownDeckId) {\n      document.addEventListener('mousedown', handleClickOutside);\n      return () => document.removeEventListener('mousedown', handleClickOutside);\n    }\n  }, [dropdownDeckId]);\n\n  const closeDropdown = () => {\n    setDropdownDeckId(null);\n    setDropdownPos(null);\n  };\n\n  const activeDeck = dropdownDeckId ? decks.find((d) => d.id === dropdownDeckId) : null;\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 overflow-x-auto pb-1\">\n        {decks.map((deck) => {\n          const isActive = deck.id === activeDeckId;\n          const showDropdown = dropdownDeckId === deck.id;\n\n          return (\n            <div key={deck.id} className=\"flex items-center gap-1 shrink-0\">\n              <div onClick={(event) => event.stopPropagation()}>\n                <SelectionCheckbox\n                  checked={selectedDeckIds.has(deck.id)}\n                  onChange={(checked) => onToggleSelectDeck(deck.id, checked)}\n                  ariaLabel={`Select deck ${deck.name}`}\n                />\n              </div>\n              <button\n                onClick={() => onSelectDeck(deck.id)}\n                className={`px-3 py-1.5 rounded-lg text-sm font-medium transition-colors ${\n                  isActive\n                    ? 'bg-action-primary-bg text-action-primary-text'\n                    : selectedDeckIds.has(deck.id)\n                      ? 'bg-action-primary-bg/10 text-text-primary border border-action-primary-bg/30'\n                      : 'bg-bg-secondary text-text-secondary hover:bg-bg-tertiary hover:text-text-primary'\n                }`}\n              >\n                <span className=\"flex items-center gap-1.5\">\n                  {deck.isDefault && <Star size={12} className=\"text-yellow-400 fill-yellow-400\" />}\n                  {deck.name}\n                </span>\n              </button>\n\n              {isActive && (canUpdate || canDelete || canCreate) && (\n                <button\n                  onClick={(e) => {\n                    if (showDropdown) {\n                      closeDropdown();\n                    } else {\n                      const rect = e.currentTarget.getBoundingClientRect();\n                      setDropdownPos({ top: rect.bottom + 4, left: rect.left });\n                      setDropdownDeckId(deck.id);\n                    }\n                  }}\n                  className={`p-1 rounded transition-colors ${\n                    showDropdown\n                      ? 'bg-bg-tertiary text-text-primary'\n                      : 'text-text-tertiary hover:text-text-primary hover:bg-bg-tertiary'\n                  }`}\n                  title=\"Deck actions\"\n                >\n                  <ChevronDown size={14} />\n                </button>\n              )}\n            </div>\n          );\n        })}\n        {canCreate && (\n          <button\n            onClick={onCreateDeck}\n            className=\"flex items-center gap-1 px-3 py-1.5 rounded-lg text-sm text-text-tertiary hover:text-text-primary hover:bg-bg-tertiary transition-colors shrink-0 border border-dashed border-border-default\"\n          >\n            <Plus size={14} />\n            {tr('vibecontrols.vibedeck.switcher.newDeck', 'New Deck')}\n          </button>\n        )}\n      </div>\n\n      {/* Dropdown rendered via portal to escape Framer Motion CSS transforms */}\n      {dropdownDeckId &&\n        dropdownPos &&\n        activeDeck &&\n        createPortal(\n          <div\n            ref={dropdownRef}\n            style={{\n              position: 'fixed',\n              top: dropdownPos.top,\n              left: dropdownPos.left,\n              zIndex: 9999,\n            }}\n            className=\"bg-bg-elevated border border-border-default rounded-lg shadow-lg py-1 min-w-[160px]\"\n          >\n            {canUpdate && !activeDeck.isDefault && (\n              <button\n                onClick={() => {\n                  onSetDefault(activeDeck.id);\n                  closeDropdown();\n                }}\n                className=\"flex items-center gap-2 w-full px-3 py-1.5 text-sm text-text-secondary hover:bg-bg-tertiary hover:text-text-primary\"\n              >\n                <Star size={14} />\n                {tr('vibecontrols.vibedeck.switcher.setDefault', 'Set as default')}\n              </button>\n            )}\n            {canUpdate && (\n              <button\n                onClick={() => {\n                  onEdit(activeDeck.id);\n                  closeDropdown();\n                }}\n                className=\"flex items-center gap-2 w-full px-3 py-1.5 text-sm text-text-secondary hover:bg-bg-tertiary hover:text-text-primary\"\n              >\n                <Settings size={14} />\n                {tr('vibecontrols.vibedeck.switcher.editDeck', 'Edit deck')}\n              </button>\n            )}\n            {onShare && (\n              <button\n                onClick={() => {\n                  onShare(activeDeck.id);\n                  closeDropdown();\n                }}\n                className=\"flex items-center gap-2 w-full px-3 py-1.5 text-sm text-text-secondary hover:bg-bg-tertiary hover:text-text-primary\"\n              >\n                <Share2 size={14} />\n                {tr('vibecontrols.vibedeck.switcher.share', 'Share')}\n              </button>\n            )}\n            {canCreate && (\n              <button\n                onClick={() => {\n                  onDuplicate(activeDeck.id);\n                  closeDropdown();\n                }}\n                className=\"flex items-center gap-2 w-full px-3 py-1.5 text-sm text-text-secondary hover:bg-bg-tertiary hover:text-text-primary\"\n              >\n                <Copy size={14} />\n                {tr('vibecontrols.vibedeck.switcher.duplicate', 'Duplicate')}\n              </button>\n            )}\n            {canDelete && (\n              <>\n                <div className=\"border-t border-border-default my-1\" />\n                <button\n                  onClick={() => {\n                    onDelete(activeDeck.id);\n                    closeDropdown();\n                  }}\n                  className=\"flex items-center gap-2 w-full px-3 py-1.5 text-sm text-red-400 hover:bg-bg-tertiary\"\n                >\n                  <Trash2 size={14} />\n                  {tr('vibecontrols.vibedeck.switcher.delete', 'Delete')}\n                </button>\n              </>\n            )}\n          </div>,\n          document.body\n        )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;AA+BA,IAAa,KAA+C,EAC1D,UACA,iBACA,oBACA,iBACA,uBACA,iBACA,iBACA,gBACA,aACA,WACA,YACA,cACA,cACA,mBACI;CACJ,IAAM,IAAK,GAAO,EACZ,CAAC,GAAgB,KAAqB,EAAwB,KAAK,EACnE,CAAC,GAAa,KAAkB,EAA+C,KAAK,EACpF,IAAc,EAAuB,KAAK;AAEhD,SAAgB;EACd,IAAM,KAAsB,MAAkB;AAC5C,GAAI,EAAY,WAAW,CAAC,EAAY,QAAQ,SAAS,EAAE,OAAe,KACxE,EAAkB,KAAK,EACvB,EAAe,KAAK;;AAGxB,MAAI,EAEF,QADA,SAAS,iBAAiB,aAAa,EAAmB,QAC7C,SAAS,oBAAoB,aAAa,EAAmB;IAE3E,CAAC,EAAe,CAAC;CAEpB,IAAM,UAAsB;AAE1B,EADA,EAAkB,KAAK,EACvB,EAAe,KAAK;IAGhB,IAAa,IAAiB,EAAM,MAAM,MAAM,EAAE,OAAO,EAAe,GAAG;AAEjF,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,EAAM,KAAK,MAAS;GACnB,IAAM,IAAW,EAAK,OAAO,GACvB,IAAe,MAAmB,EAAK;AAE7C,UACE,kBAAC,OAAD;IAAmB,WAAU;cAA7B;KACE,kBAAC,OAAD;MAAK,UAAU,MAAU,EAAM,iBAAiB;gBAC9C,kBAAC,GAAD;OACE,SAAS,EAAgB,IAAI,EAAK,GAAG;OACrC,WAAW,MAAY,EAAmB,EAAK,IAAI,EAAQ;OAC3D,WAAW,eAAe,EAAK;OAC/B,CAAA;MACE,CAAA;KACN,kBAAC,UAAD;MACE,eAAe,EAAa,EAAK,GAAG;MACpC,WAAW,gEACT,IACI,kDACA,EAAgB,IAAI,EAAK,GAAG,GAC1B,iFACA;gBAGR,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACG,EAAK,aAAa,kBAAC,GAAD;QAAM,MAAM;QAAI,WAAU;QAAoC,CAAA,EAChF,EAAK,KACD;;MACA,CAAA;KAER,MAAa,KAAa,KAAa,MACtC,kBAAC,UAAD;MACE,UAAU,MAAM;AACd,WAAI,EACF,IAAe;YACV;QACL,IAAM,IAAO,EAAE,cAAc,uBAAuB;AAEpD,QADA,EAAe;SAAE,KAAK,EAAK,SAAS;SAAG,MAAM,EAAK;SAAM,CAAC,EACzD,EAAkB,EAAK,GAAG;;;MAG9B,WAAW,iCACT,IACI,qCACA;MAEN,OAAM;gBAEN,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA;MAClB,CAAA;KAEP;MA7CI,EAAK,GA6CT;IAER,EACD,KACC,kBAAC,UAAD;GACE,SAAS;GACT,WAAU;aAFZ,CAIE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EAAG,0CAA0C,WAAW,CAClD;KAEP;KAGL,KACC,KACA,KACA,EACE,kBAAC,OAAD;EACE,KAAK;EACL,OAAO;GACL,UAAU;GACV,KAAK,EAAY;GACjB,MAAM,EAAY;GAClB,QAAQ;GACT;EACD,WAAU;YARZ;GAUG,KAAa,CAAC,EAAW,aACxB,kBAAC,UAAD;IACE,eAAe;AAEb,KADA,EAAa,EAAW,GAAG,EAC3B,GAAe;;IAEjB,WAAU;cALZ,CAOE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EAAG,6CAA6C,iBAAiB,CAC3D;;GAEV,KACC,kBAAC,UAAD;IACE,eAAe;AAEb,KADA,EAAO,EAAW,GAAG,EACrB,GAAe;;IAEjB,WAAU;cALZ,CAOE,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA,EACrB,EAAG,2CAA2C,YAAY,CACpD;;GAEV,KACC,kBAAC,UAAD;IACE,eAAe;AAEb,KADA,EAAQ,EAAW,GAAG,EACtB,GAAe;;IAEjB,WAAU;cALZ,CAOE,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA,EACnB,EAAG,wCAAwC,QAAQ,CAC7C;;GAEV,KACC,kBAAC,UAAD;IACE,eAAe;AAEb,KADA,EAAY,EAAW,GAAG,EAC1B,GAAe;;IAEjB,WAAU;cALZ,CAOE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EAAG,4CAA4C,YAAY,CACrD;;GAEV,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAK,WAAU,uCAAwC,CAAA,EACvD,kBAAC,UAAD;IACE,eAAe;AAEb,KADA,EAAS,EAAW,GAAG,EACvB,GAAe;;IAEjB,WAAU;cALZ,CAOE,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA,EACnB,EAAG,yCAAyC,SAAS,CAC/C;MACR,EAAA,CAAA;GAED;KACN,SAAS,KACV,CACF,EAAA,CAAA"}

package/dist/components/vibedeck/index.d.ts

@@ -0,0 +1,9 @@
+export { VibeDeckGrid } from './VibeDeckGrid';
+export { VibeDeckSwitcher } from './VibeDeckSwitcher';
+export { VibeDeckButtonTile } from './VibeDeckButtonTile';
+export { VibeDeckForm } from './VibeDeckForm';
+export { VibeDeckButtonForm } from './VibeDeckButtonForm';
+export { VibeDeckShareDialog } from './VibeDeckShareDialog';
+export { VibeDeckExecutionLog } from './VibeDeckExecutionLog';
+export type { ExecutionLogEntry } from './VibeDeckExecutionLog';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/vibedeck/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/vibedeck/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/vibedeck/index.js

@@ -0,0 +1,7 @@
+import "./VibeDeckButtonTile.js";
+import "./VibeDeckGrid.js";
+import "./VibeDeckSwitcher.js";
+import "./VibeDeckForm.js";
+import "./VibeDeckButtonForm.js";
+import "./VibeDeckShareDialog.js";
+import "./VibeDeckExecutionLog.js";

package/dist/components/vibes/VibeCard.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { Vibe } from './types';
+
+export interface VibeCardProps {
+    vibe: Vibe;
+    onOpen?: (vibe: Vibe) => void;
+    onEdit?: (vibe: Vibe) => void;
+    onArchive?: (vibe: Vibe) => void;
+    onActivate?: (vibe: Vibe) => void;
+    onOpenInEditor?: (vibe: Vibe) => void;
+    className?: string;
+    selected?: boolean;
+    onToggleSelect?: (checked: boolean) => void;
+}
+/**
+ * VibeCard - Display project/vibe information
+ */
+export declare const VibeCard: FC<VibeCardProps>;
+//# sourceMappingURL=VibeCard.d.ts.map

package/dist/components/vibes/VibeCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibeCard.d.ts","sourceRoot":"","sources":["../../../src/components/vibes/VibeCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAahC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAKpC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAqLtC,CAAC"}