npm - @burdenoff/microfe-vibecontrols - Versions diffs - 2026.531.11 → 2026.531.13 - Mend

@burdenoff/microfe-vibecontrols 2026.531.11 → 2026.531.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/components/sessions/SessionShareDialog.js +63 -65
package/dist/components/sessions/SessionShareDialog.js.map +1 -1
package/dist/components/vibedeck/VibeDeckShareDialog.js +144 -132
package/dist/components/vibedeck/VibeDeckShareDialog.js.map +1 -1
package/dist/translations/en.js +1 -1
package/dist/translations/en.js.map +1 -1
package/dist/utils/shareUrl.js +41 -0
package/dist/utils/shareUrl.js.map +1 -0
package/package.json +1 -1

package/dist/components/sessions/SessionShareDialog.js CHANGED Viewed

@@ -1,39 +1,40 @@
 import { useCreateSessionShareLinkMutation as e, useGetSessionShareLinksQuery as t, useGetSessionSharesQuery as n, useRevokeSessionShareLinkMutation as r, useRevokeSessionShareMutation as i, useShareSessionMutation as a } from "../../generated/wspace-operations.js";
-import { useTr as o } from "../../shared/hooks/useTr.js";
-import { SessionSharePermission as s, ShareStatus as c } from "../../generated/wspace-types.js";
-import { useEffect as ee, useRef as l, useState as u } from "react";
-import { Check as te, Clock as d, Copy as f, Eye as p, Gamepad2 as m, Link2 as h, Lock as g, RefreshCw as ne, Share2 as re, Trash2 as _, Users as v, X as ie } from "lucide-react";
+import { useTr as ee } from "../../shared/hooks/useTr.js";
+import { SessionSharePermission as o, ShareStatus as s } from "../../generated/wspace-types.js";
+import { copyTextToClipboard as te, normalizeShareUrl as c } from "../../utils/shareUrl.js";
+import { useEffect as ne, useRef as re, useState as l } from "react";
+import { Check as ie, Clock as u, Copy as d, Eye as f, Gamepad2 as p, Link2 as m, Lock as ae, RefreshCw as h, Share2 as oe, 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/sessions/SessionShareDialog.tsx
 var S = ({ session: S, isOpen: C, onClose: w }) => {
-	let T = o(), E = l(null), [D, O] = u("users"), [ae, k] = u(!1), [A, j] = u(""), [M, N] = u(s.View), [P, F] = u(""), [I, oe] = u(24), [L, R] = u(""), [z, B] = u(s.View), [V, H] = u(1), [U, W] = u(""), [G, K] = u(null), { data: se, refetch: q } = n({
+	let T = ee(), E = re(null), [D, O] = l("users"), [se, k] = l(null), [ce, A] = l(null), [j, M] = l(""), [N, le] = l(o.View), [P, F] = l(""), [I, ue] = l(24), [L, R] = l(""), [z, B] = l(o.View), [V, H] = l(1), [U, W] = l(""), [G, K] = l(null), { data: de, refetch: q } = n({
 		variables: { sessionId: S.id },
 		skip: !C
-	}), { data: ce, refetch: J } = t({
+	}), { data: fe, refetch: J } = t({
 		variables: { sessionId: S.id },
 		skip: !C
-	}), [le, { loading: Y }] = a(), [ue, { loading: X }] = e(), [de, { loading: fe }] = i(), [pe, { loading: me }] = r(), Z = se?.sessionShares?.filter((e) => e.status === c.Active) || [], Q = ce?.sessionShareLinks?.filter((e) => e.status === c.Active) || [];
-	ee(() => {
+	}), [pe, { loading: Y }] = a(), [me, { loading: X }] = e(), [he, { loading: ge }] = i(), [_e, { loading: ve }] = r(), Z = de?.sessionShares?.filter((e) => e.status === s.Active) || [], Q = fe?.sessionShareLinks?.filter((e) => e.status === s.Active) || [];
+	ne(() => {
 		let e = E.current;
 		e && (C ? e.showModal() : e.close());
 	}, [C]);
-	let he = async (e) => {
-		if (e.preventDefault(), A.trim()) try {
+	let ye = async (e) => {
+		if (e.preventDefault(), j.trim()) try {
 			let e = new Date(Date.now() + I * 60 * 60 * 1e3).toISOString();
-			await le({ variables: { input: {
+			await pe({ variables: { input: {
 				sessionId: S.id,
-				sharedWithEmail: A.trim(),
-				permission: M,
+				sharedWithEmail: j.trim(),
+				permission: N,
 				expiresAt: e,
 				message: P.trim() || void 0
-			} } }), j(""), F(""), q();
+			} } }), M(""), F(""), q();
 		} catch (e) {
 			console.error("Failed to share session:", e);
 		}
-	}, ge = async (e) => {
+	}, be = async (e) => {
 		e.preventDefault();
 		try {
-			await ue({ variables: { input: {
+			await me({ variables: { input: {
 				sessionId: S.id,
 				name: L.trim() || void 0,
 				permission: z,
@@ -44,26 +45,23 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 		} catch (e) {
 			console.error("Failed to create share link:", e);
 		}
-	}, _e = async (e) => {
+	}, xe = async (e) => {
 		try {
-			await de({ variables: { id: e } }), q();
+			await he({ variables: { id: e } }), q();
 		} catch (e) {
 			console.error("Failed to revoke share:", e);
 		}
-	}, ve = async (e) => {
+	}, Se = async (e) => {
 		try {
-			await pe({ variables: { id: e } }), J();
+			await _e({ variables: { id: e } }), J();
 		} catch (e) {
 			console.error("Failed to revoke link:", e);
 		}
-	}, ye = async (e) => {
-		try {
-			await navigator.clipboard.writeText(e);
-		} catch {
-			let t = document.createElement("textarea");
-			t.value = e, t.style.position = "fixed", t.style.opacity = "0", document.body.appendChild(t), t.select(), document.execCommand("copy"), document.body.removeChild(t);
-		}
-		k(!0), setTimeout(() => k(!1), 2e3);
+	}, Ce = async (e, t) => {
+		let n = await te(c(t)).then(() => !0, (e) => (console.warn("Failed to copy session share link:", e), !1));
+		k(n ? e : null), A(n ? null : e), setTimeout(() => {
+			k((t) => t === e ? null : t), A((t) => t === e ? null : t);
+		}, 2e3);
 	}, $ = (e) => {
 		let t = new Date(e), n = /* @__PURE__ */ new Date(), r = t.getTime() - n.getTime(), i = Math.floor(r / (1e3 * 60 * 60)), a = Math.floor(r % (1e3 * 60 * 60) / (1e3 * 60));
 		return r < 0 ? "Expired" : i > 24 ? `${Math.floor(i / 24)}d` : i > 0 ? `${i}h ${a}m` : `${a}m`;
@@ -81,7 +79,7 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 						className: "flex items-center gap-3",
 						children: [/* @__PURE__ */ b("div", {
 							className: "p-2 bg-action-primary-bg/10 rounded-lg",
-							children: /* @__PURE__ */ b(re, { className: "size-5 text-action-primary-bg" })
+							children: /* @__PURE__ */ b(oe, { className: "size-5 text-action-primary-bg" })
 						}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
 							className: "text-lg font-semibold text-text-primary",
 							children: T("vibecontrols.sessions.share.title", "Share Session")
@@ -93,7 +91,7 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 						type: "button",
 						onClick: w,
 						className: "p-1.5 rounded hover:bg-bg-sunken transition-colors",
-						children: /* @__PURE__ */ b(ie, { className: "size-5 text-text-secondary" })
+						children: /* @__PURE__ */ b(v, { className: "size-5 text-text-secondary" })
 					})]
 				}),
 				/* @__PURE__ */ x("div", {
@@ -103,7 +101,7 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 						onClick: () => O("users"),
 						className: `flex items-center gap-2 px-6 py-3 text-sm font-medium transition-colors ${D === "users" ? "text-action-primary-bg border-b-2 border-action-primary-bg" : "text-text-secondary hover:text-text-primary"}`,
 						children: [
-							/* @__PURE__ */ b(v, { className: "size-4" }),
+							/* @__PURE__ */ b(_, { className: "size-4" }),
 							T("vibecontrols.sessions.share.shareWithUser", "Share with User"),
 							Z.length > 0 && /* @__PURE__ */ b("span", {
 								className: "ml-1 px-1.5 py-0.5 text-xs bg-bg-sunken rounded-full",
@@ -115,7 +113,7 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 						onClick: () => O("links"),
 						className: `flex items-center gap-2 px-6 py-3 text-sm font-medium transition-colors ${D === "links" ? "text-action-primary-bg border-b-2 border-action-primary-bg" : "text-text-secondary hover:text-text-primary"}`,
 						children: [
-							/* @__PURE__ */ b(h, { className: "size-4" }),
+							/* @__PURE__ */ b(m, { className: "size-4" }),
 							T("vibecontrols.sessions.share.createLink", "Create Link"),
 							Q.length > 0 && /* @__PURE__ */ b("span", {
 								className: "ml-1 px-1.5 py-0.5 text-xs bg-bg-sunken rounded-full",
@@ -129,7 +127,7 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 					children: D === "users" ? /* @__PURE__ */ x("div", {
 						className: "space-y-6",
 						children: [/* @__PURE__ */ x("form", {
-							onSubmit: he,
+							onSubmit: ye,
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ x("div", { children: [
@@ -140,8 +138,8 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 									/* @__PURE__ */ b("input", {
 										"aria-label": "teammate@company.com",
 										type: "email",
-										value: A,
-										onChange: (e) => j(e.target.value),
+										value: j,
+										onChange: (e) => M(e.target.value),
 										placeholder: "teammate@company.com",
 										required: !0,
 										className: "w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
@@ -157,14 +155,14 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: T("vibecontrols.sessions.share.permission", "Permission")
 									}), /* @__PURE__ */ x("select", {
-										value: M,
-										onChange: (e) => N(e.target.value),
+										value: N,
+										onChange: (e) => le(e.target.value),
 										className: "w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
 										children: [/* @__PURE__ */ b("option", {
-											value: s.View,
+											value: o.View,
 											children: T("vibecontrols.sessions.share.viewOnly", "View Only")
 										}), /* @__PURE__ */ b("option", {
-											value: s.Interact,
+											value: o.Interact,
 											children: T("vibecontrols.sessions.share.canControl", "Can Control")
 										})]
 									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
@@ -172,7 +170,7 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 										children: T("vibecontrols.sessions.share.expiresIn", "Expires In")
 									}), /* @__PURE__ */ x("select", {
 										value: I,
-										onChange: (e) => oe(Number(e.target.value)),
+										onChange: (e) => ue(Number(e.target.value)),
 										className: "w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
 										children: [
 											/* @__PURE__ */ b("option", {
@@ -215,17 +213,17 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 								})] }),
 								/* @__PURE__ */ b("div", {
 									className: "flex items-center gap-2 p-3 bg-bg-sunken rounded-lg text-sm",
-									children: M === s.View ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(p, { className: "size-4 text-text-secondary" }), /* @__PURE__ */ b("span", {
+									children: N === o.View ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(f, { className: "size-4 text-text-secondary" }), /* @__PURE__ */ b("span", {
 										className: "text-text-secondary",
 										children: T("vibecontrols.sessions.share.viewOnlyHint", "User can watch the terminal but cannot type")
-									})] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(m, { className: "size-4 text-text-secondary" }), /* @__PURE__ */ b("span", {
+									})] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(p, { className: "size-4 text-text-secondary" }), /* @__PURE__ */ b("span", {
 										className: "text-text-secondary",
 										children: T("vibecontrols.sessions.share.controlHint", "User can request control to type (turn-based)")
 									})] })
 								}),
 								/* @__PURE__ */ b("button", {
 									type: "submit",
-									disabled: Y || !A.trim(),
+									disabled: Y || !j.trim(),
 									className: "w-full px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
 									children: Y ? T("vibecontrols.sessions.share.sharing", "Sharing...") : T("vibecontrols.sessions.share.shareSession", "Share Session")
 								})
@@ -241,7 +239,7 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 									className: "flex items-center gap-3",
 									children: [/* @__PURE__ */ b("div", {
 										className: "size-8 rounded-full bg-action-primary-bg/20 flex items-center justify-center",
-										children: /* @__PURE__ */ b(v, { className: "size-4 text-action-primary-bg" })
+										children: /* @__PURE__ */ b(_, { className: "size-4 text-action-primary-bg" })
 									}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-sm font-medium text-text-primary",
 										children: [
@@ -252,29 +250,29 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 									}), /* @__PURE__ */ x("div", {
 										className: "flex items-center gap-2 text-xs text-text-secondary",
 										children: [
-											e.permission === s.View ? /* @__PURE__ */ b(p, { className: "size-3" }) : /* @__PURE__ */ b(m, { className: "size-3" }),
+											e.permission === o.View ? /* @__PURE__ */ b(f, { className: "size-3" }) : /* @__PURE__ */ b(p, { className: "size-3" }),
 											/* @__PURE__ */ b("span", { children: e.permission }),
 											e.expiresAt && /* @__PURE__ */ x(y, { children: [
 												/* @__PURE__ */ b("span", { children: "·" }),
-												/* @__PURE__ */ b(d, { className: "size-3" }),
+												/* @__PURE__ */ b(u, { className: "size-3" }),
 												/* @__PURE__ */ b("span", { children: $(e.expiresAt) })
 											] })
 										]
 									})] })]
 								}), /* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => _e(e.id),
-									disabled: fe,
+									onClick: () => xe(e.id),
+									disabled: ge,
 									className: "p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg/10 rounded transition-colors",
 									title: "Revoke access",
-									children: /* @__PURE__ */ b(_, { className: "size-4" })
+									children: /* @__PURE__ */ b(g, { className: "size-4" })
 								})]
 							}, e.id))
 						})] })]
 					}) : /* @__PURE__ */ x("div", {
 						className: "space-y-6",
 						children: [/* @__PURE__ */ x("form", {
-							onSubmit: ge,
+							onSubmit: be,
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
@@ -298,10 +296,10 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 										onChange: (e) => B(e.target.value),
 										className: "w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
 										children: [/* @__PURE__ */ b("option", {
-											value: s.View,
+											value: o.View,
 											children: T("vibecontrols.sessions.share.viewOnly", "View Only")
 										}), /* @__PURE__ */ b("option", {
-											value: s.Interact,
+											value: o.Interact,
 											children: T("vibecontrols.sessions.share.canControl", "Can Control")
 										})]
 									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
@@ -380,46 +378,46 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 										children: [/* @__PURE__ */ x("div", {
 											className: "flex items-center gap-2",
 											children: [
-												/* @__PURE__ */ b(h, { className: "size-4 text-action-primary-bg" }),
+												/* @__PURE__ */ b(m, { className: "size-4 text-action-primary-bg" }),
 												/* @__PURE__ */ b("span", {
 													className: "text-sm font-medium text-text-primary",
 													children: e.name || "Unnamed Link"
 												}),
-												e.hasPassword && /* @__PURE__ */ b(g, { className: "size-3 text-text-secondary" })
+												e.hasPassword && /* @__PURE__ */ b(ae, { className: "size-3 text-text-secondary" })
 											]
 										}), /* @__PURE__ */ x("div", {
 											className: "flex items-center gap-1",
 											children: [/* @__PURE__ */ b("button", {
 												type: "button",
-												onClick: () => ye(e.shareUrl),
+												onClick: () => Ce(e.id, e.shareUrl),
 												className: "p-1.5 text-text-secondary hover:text-action-primary-bg hover:bg-action-primary-bg/10 rounded transition-colors",
 												title: "Copy link",
-												children: ae ? /* @__PURE__ */ b(te, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ b(f, { className: "size-4" })
+												children: se === e.id ? /* @__PURE__ */ b(ie, { className: "size-4 text-status-success-text" }) : ce === e.id ? /* @__PURE__ */ b(v, { className: "size-4 text-status-error-text" }) : /* @__PURE__ */ b(d, { className: "size-4" })
 											}), /* @__PURE__ */ b("button", {
 												type: "button",
-												onClick: () => ve(e.id),
-												disabled: me,
+												onClick: () => Se(e.id),
+												disabled: ve,
 												className: "p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg/10 rounded transition-colors",
 												title: "Revoke link",
-												children: /* @__PURE__ */ b(_, { className: "size-4" })
+												children: /* @__PURE__ */ b(g, { className: "size-4" })
 											})]
 										})]
 									}),
 									/* @__PURE__ */ x("div", {
 										className: "flex items-center gap-3 text-xs text-text-secondary",
 										children: [
-											e.permission === s.View ? /* @__PURE__ */ x("span", {
+											e.permission === o.View ? /* @__PURE__ */ x("span", {
 												className: "flex items-center gap-1",
-												children: [/* @__PURE__ */ b(p, { className: "size-3" }), " View"]
+												children: [/* @__PURE__ */ b(f, { className: "size-3" }), " View"]
 											}) : /* @__PURE__ */ x("span", {
 												className: "flex items-center gap-1",
-												children: [/* @__PURE__ */ b(m, { className: "size-3" }), " Control"]
+												children: [/* @__PURE__ */ b(p, { className: "size-3" }), " Control"]
 											}),
 											/* @__PURE__ */ b("span", { children: "·" }),
 											/* @__PURE__ */ x("span", {
 												className: "flex items-center gap-1",
 												children: [
-													/* @__PURE__ */ b(d, { className: "size-3" }),
+													/* @__PURE__ */ b(u, { className: "size-3" }),
 													" ",
 													$(e.expiresAt)
 												]
@@ -428,7 +426,7 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 											/* @__PURE__ */ x("span", {
 												className: "flex items-center gap-1",
 												children: [
-													/* @__PURE__ */ b(ne, { className: "size-3" }),
+													/* @__PURE__ */ b(h, { className: "size-3" }),
 													" ",
 													e.useCount,
 													e.maxUses ? `/${e.maxUses}` : "",
@@ -442,7 +440,7 @@ var S = ({ session: S, isOpen: C, onClose: w }) => {
 										children: /* @__PURE__ */ b("input", {
 											"aria-label": "control",
 											type: "text",
-											value: e.shareUrl,
+											value: c(e.shareUrl),
 											readOnly: !0,
 											className: "flex-1 px-2 py-1 text-xs font-mono bg-bg-surface border border-border-default rounded text-text-secondary truncate"
 										})

package/dist/components/sessions/SessionShareDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SessionShareDialog.js","names":[],"sources":["../../../src/components/sessions/SessionShareDialog.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState, useEffect, useRef } from 'react';\nimport {\n X,\n Share2,\n Link2,\n Users,\n Copy,\n Check,\n Eye,\n Gamepad2,\n Clock,\n Lock,\n Trash2,\n RefreshCw,\n} from 'lucide-react';\nimport type { Session } from './types';\nimport {\n useShareSessionMutation,\n useCreateSessionShareLinkMutation,\n useRevokeSessionShareMutation,\n useRevokeSessionShareLinkMutation,\n useGetSessionSharesQuery,\n useGetSessionShareLinksQuery,\n type SessionShareFieldsFragment,\n type SessionShareLinkFieldsFragment,\n} from '../../generated/wspace-operations';\nimport { SessionSharePermission, ShareStatus } from '../../generated/wspace-types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ntype TabType = 'users' \| 'links';\n\ninterface SessionShareDialogProps {\n session: Session;\n isOpen: boolean;\n onClose: () => void;\n}\n\n/*\n SessionShareDialog - Modal for sharing terminal sessions\n * Supports sharing with specific users or creating shareable links\n /\nexport const SessionShareDialog: FC<SessionShareDialogProps> = ({ session, isOpen, onClose }) => {\n const tr = useTr();\n const dialogRef = useRef<HTMLDialogElement>(null);\n const [activeTab, setActiveTab] = useState<TabType>('users');\n const [copied, setCopied] = useState(false);\n\n // Share with user form state\n const [email, setEmail] = useState('');\n const [permission, setPermission] = useState<SessionSharePermission>(SessionSharePermission.View);\n const [message, setMessage] = useState('');\n const [expiresInHours, setExpiresInHours] = useState(24);\n\n // Link form state\n const [linkName, setLinkName] = useState('');\n const [linkPermission, setLinkPermission] = useState<SessionSharePermission>(\n SessionSharePermission.View\n );\n const [linkExpiresInHours, setLinkExpiresInHours] = useState(1);\n const [linkPassword, setLinkPassword] = useState('');\n const [maxUses, setMaxUses] = useState<number \| null>(null);\n\n // Queries for existing shares\n const { data: sharesData, refetch: refetchShares } = useGetSessionSharesQuery({\n variables: { sessionId: session.id },\n skip: !isOpen,\n });\n\n const { data: linksData, refetch: refetchLinks } = useGetSessionShareLinksQuery({\n variables: { sessionId: session.id },\n skip: !isOpen,\n });\n\n // Mutations\n const [shareSession, { loading: sharingUser }] = useShareSessionMutation();\n const [createLink, { loading: creatingLink }] = useCreateSessionShareLinkMutation();\n const [revokeShare, { loading: revokingShare }] = useRevokeSessionShareMutation();\n const [revokeLink, { loading: revokingLink }] = useRevokeSessionShareLinkMutation();\n\n const existingShares: SessionShareFieldsFragment[] =\n sharesData?.sessionShares?.filter(\n (s: SessionShareFieldsFragment) => s.status === ShareStatus.Active\n ) \|\| [];\n const existingLinks: SessionShareLinkFieldsFragment[] =\n linksData?.sessionShareLinks?.filter(\n (l: SessionShareLinkFieldsFragment) => l.status === ShareStatus.Active\n ) \|\| [];\n\n useEffect(() => {\n const dialog = dialogRef.current;\n if (!dialog) return;\n\n if (isOpen) {\n dialog.showModal();\n } else {\n dialog.close();\n }\n }, [isOpen]);\n\n const handleShareWithUser = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!email.trim()) return;\n\n try {\n const expiresAt = new Date(Date.now() + expiresInHours 60 * 60 * 1000).toISOString();\n await shareSession({\n variables: {\n input: {\n sessionId: session.id,\n sharedWithEmail: email.trim(),\n permission,\n expiresAt,\n message: message.trim() \|\| undefined,\n },\n },\n });\n setEmail('');\n setMessage('');\n refetchShares();\n } catch (error) {\n console.error('Failed to share session:', error);\n }\n };\n\n const handleCreateLink = async (e: React.FormEvent) => {\n e.preventDefault();\n\n try {\n await createLink({\n variables: {\n input: {\n sessionId: session.id,\n name: linkName.trim() \|\| undefined,\n permission: linkPermission,\n expiresInHours: linkExpiresInHours,\n maxUses: maxUses \|\| undefined,\n password: linkPassword.trim() \|\| undefined,\n },\n },\n });\n setLinkName('');\n setLinkPassword('');\n setMaxUses(null);\n refetchLinks();\n } catch (error) {\n console.error('Failed to create share link:', error);\n }\n };\n\n const handleRevokeShare = async (shareId: string) => {\n try {\n await revokeShare({ variables: { id: shareId } });\n refetchShares();\n } catch (error) {\n console.error('Failed to revoke share:', error);\n }\n };\n\n const handleRevokeLink = async (linkId: string) => {\n try {\n await revokeLink({ variables: { id: linkId } });\n refetchLinks();\n } catch (error) {\n console.error('Failed to revoke link:', error);\n }\n };\n\n const copyToClipboard = async (text: string) => {\n try {\n await navigator.clipboard.writeText(text);\n } catch {\n // Fallback for non-secure contexts (HTTP dev/staging)\n const textarea = document.createElement('textarea');\n textarea.value = text;\n textarea.style.position = 'fixed';\n textarea.style.opacity = '0';\n document.body.appendChild(textarea);\n textarea.select();\n document.execCommand('copy');\n document.body.removeChild(textarea);\n }\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n };\n\n const formatExpiry = (expiresAt: string) => {\n const expiry = new Date(expiresAt);\n const now = new Date();\n const diffMs = expiry.getTime() - now.getTime();\n const diffHours = Math.floor(diffMs / (1000 * 60 * 60));\n const diffMins = Math.floor((diffMs % (1000 * 60 * 60)) / (1000 * 60));\n\n if (diffMs < 0) return 'Expired';\n if (diffHours > 24) return `${Math.floor(diffHours / 24)}d`;\n if (diffHours > 0) return `${diffHours}h ${diffMins}m`;\n return `${diffMins}m`;\n };\n\n if (!isOpen) return null;\n\n return (\n <dialog\n ref={dialogRef}\n className=\"fixed inset-0 z-50 m-auto bg-bg-overlay/0 p-0 backdrop:bg-bg-overlay\"\n onClose={onClose}\n >\n <div className=\"w-full max-w-xl bg-bg-surface rounded-lg shadow-xl 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 className=\"flex items-center gap-3\">\n <div className=\"p-2 bg-action-primary-bg/10 rounded-lg\">\n <Share2 className=\"size-5 text-action-primary-bg\" />\n </div>\n <div>\n <h2 className=\"text-lg font-semibold text-text-primary\">\n {tr('vibecontrols.sessions.share.title', 'Share Session')}\n </h2>\n <p className=\"text-sm text-text-secondary truncate max-w-[300px]\">{session.name}</p>\n </div>\n </div>\n <button\n type=\"button\"\n onClick={onClose}\n className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n >\n <X className=\"size-5 text-text-secondary\" />\n </button>\n </div>\n\n {/ Tabs /}\n <div className=\"flex border-b border-border-default\">\n <button\n type=\"button\"\n onClick={() => setActiveTab('users')}\n className={`flex items-center gap-2 px-6 py-3 text-sm font-medium transition-colors ${\n activeTab === 'users'\n ? 'text-action-primary-bg border-b-2 border-action-primary-bg'\n : 'text-text-secondary hover:text-text-primary'\n }`}\n >\n <Users className=\"size-4\" />\n {tr('vibecontrols.sessions.share.shareWithUser', 'Share with User')}\n {existingShares.length > 0 && (\n <span className=\"ml-1 px-1.5 py-0.5 text-xs bg-bg-sunken rounded-full\">\n {existingShares.length}\n </span>\n )}\n </button>\n <button\n type=\"button\"\n onClick={() => setActiveTab('links')}\n className={`flex items-center gap-2 px-6 py-3 text-sm font-medium transition-colors ${\n activeTab === 'links'\n ? 'text-action-primary-bg border-b-2 border-action-primary-bg'\n : 'text-text-secondary hover:text-text-primary'\n }`}\n >\n <Link2 className=\"size-4\" />\n {tr('vibecontrols.sessions.share.createLink', 'Create Link')}\n {existingLinks.length > 0 && (\n <span className=\"ml-1 px-1.5 py-0.5 text-xs bg-bg-sunken rounded-full\">\n {existingLinks.length}\n </span>\n )}\n </button>\n </div>\n\n {/ Content /}\n <div className=\"flex-1 overflow-y-auto p-6\">\n {activeTab === 'users' ? (\n <div className=\"space-y-6\">\n {/ Share form /}\n <form onSubmit={handleShareWithUser} className=\"space-y-4\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.emailAddress', 'Email Address')}\n </label>\n <input\n aria-label=\"teammate@company.com\"\n type=\"email\"\n value={email}\n onChange={(e) => setEmail(e.target.value)}\n placeholder=\"teammate@company.com\"\n required\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n />\n <p className=\"mt-1 text-xs text-text-secondary\">\n {tr(\n 'vibecontrols.sessions.share.mustBeWorkspaceMember',\n 'Must be an existing workspace member'\n )}\n </p>\n </div>\n\n <div className=\"grid grid-cols-2 gap-4\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.permission', 'Permission')}\n </label>\n <select\n value={permission}\n onChange={(e) => setPermission(e.target.value as SessionSharePermission)}\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n >\n <option value={SessionSharePermission.View}>\n {tr('vibecontrols.sessions.share.viewOnly', 'View Only')}\n </option>\n <option value={SessionSharePermission.Interact}>\n {tr('vibecontrols.sessions.share.canControl', 'Can Control')}\n </option>\n </select>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.expiresIn', 'Expires In')}\n </label>\n <select\n value={expiresInHours}\n onChange={(e) => setExpiresInHours(Number(e.target.value))}\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n >\n <option value={1}>1 hour</option>\n <option value={4}>4 hours</option>\n <option value={8}>8 hours</option>\n <option value={24}>24 hours</option>\n <option value={72}>3 days</option>\n <option value={168}>1 week</option>\n </select>\n </div>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.messageOptional', 'Message (optional)')}\n </label>\n <textarea\n aria-label=\"Let me show you this issue...\"\n value={message}\n onChange={(e) => setMessage(e.target.value)}\n placeholder=\"Let me show you this issue...\"\n rows={2}\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg resize-none\"\n />\n </div>\n\n <div className=\"flex items-center gap-2 p-3 bg-bg-sunken rounded-lg text-sm\">\n {permission === SessionSharePermission.View ? (\n <>\n <Eye className=\"size-4 text-text-secondary\" />\n <span className=\"text-text-secondary\">\n {tr(\n 'vibecontrols.sessions.share.viewOnlyHint',\n 'User can watch the terminal but cannot type'\n )}\n </span>\n </>\n ) : (\n <>\n <Gamepad2 className=\"size-4 text-text-secondary\" />\n <span className=\"text-text-secondary\">\n {tr(\n 'vibecontrols.sessions.share.controlHint',\n 'User can request control to type (turn-based)'\n )}\n </span>\n </>\n )}\n </div>\n\n <button\n type=\"submit\"\n disabled={sharingUser \|\| !email.trim()}\n className=\"w-full px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n >\n {sharingUser\n ? tr('vibecontrols.sessions.share.sharing', 'Sharing...')\n : tr('vibecontrols.sessions.share.shareSession', 'Share Session')}\n </button>\n </form>\n\n {/ Existing shares /}\n {existingShares.length > 0 && (\n <div>\n <h3 className=\"text-sm font-medium text-text-primary mb-3\">\n {tr('vibecontrols.sessions.share.currentlySharedWith', 'Currently Shared With')}\n </h3>\n <div className=\"space-y-2\">\n {existingShares.map((share) => (\n <div\n key={share.id}\n className=\"flex items-center justify-between p-3 bg-bg-sunken rounded-lg\"\n >\n <div className=\"flex items-center gap-3\">\n <div className=\"size-8 rounded-full bg-action-primary-bg/20 flex items-center justify-center\">\n <Users className=\"size-4 text-action-primary-bg\" />\n </div>\n <div>\n <p className=\"text-sm font-medium text-text-primary\">\n User: {share.sharedWithId.slice(0, 8)}...\n </p>\n <div className=\"flex items-center gap-2 text-xs text-text-secondary\">\n {share.permission === SessionSharePermission.View ? (\n <Eye className=\"size-3\" />\n ) : (\n <Gamepad2 className=\"size-3\" />\n )}\n <span>{share.permission}</span>\n {share.expiresAt && (\n <>\n <span>·</span>\n <Clock className=\"size-3\" />\n <span>{formatExpiry(share.expiresAt)}</span>\n </>\n )}\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n onClick={() => handleRevokeShare(share.id)}\n disabled={revokingShare}\n className=\"p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg/10 rounded transition-colors\"\n title=\"Revoke access\"\n >\n <Trash2 className=\"size-4\" />\n </button>\n </div>\n ))}\n </div>\n </div>\n )}\n </div>\n ) : (\n <div className=\"space-y-6\">\n {/ Create link form /}\n <form onSubmit={handleCreateLink} className=\"space-y-4\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.linkNameOptional', 'Link Name (optional)')}\n </label>\n <input\n aria-label=\"Debug session link\"\n type=\"text\"\n value={linkName}\n onChange={(e) => setLinkName(e.target.value)}\n placeholder=\"Debug session link\"\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n />\n </div>\n\n <div className=\"grid grid-cols-2 gap-4\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.permission', 'Permission')}\n </label>\n <select\n value={linkPermission}\n onChange={(e) => setLinkPermission(e.target.value as SessionSharePermission)}\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n >\n <option value={SessionSharePermission.View}>\n {tr('vibecontrols.sessions.share.viewOnly', 'View Only')}\n </option>\n <option value={SessionSharePermission.Interact}>\n {tr('vibecontrols.sessions.share.canControl', 'Can Control')}\n </option>\n </select>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.expiresIn', 'Expires In')}\n </label>\n <select\n value={linkExpiresInHours}\n onChange={(e) => setLinkExpiresInHours(Number(e.target.value))}\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n >\n <option value={1}>1 hour</option>\n <option value={4}>4 hours</option>\n <option value={8}>8 hours</option>\n <option value={24}>24 hours</option>\n <option value={72}>3 days</option>\n </select>\n </div>\n </div>\n\n <div className=\"grid grid-cols-2 gap-4\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.passwordOptional', 'Password (optional)')}\n </label>\n <input\n aria-label=\"••••••••\"\n type=\"password\"\n value={linkPassword}\n onChange={(e) => setLinkPassword(e.target.value)}\n placeholder=\"••••••••\"\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md 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=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.maxUses', 'Max Uses')}\n </label>\n <input\n aria-label=\"Unlimited\"\n type=\"number\"\n value={maxUses ?? ''}\n onChange={(e) => setMaxUses(e.target.value ? Number(e.target.value) : null)}\n placeholder=\"Unlimited\"\n min={1}\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md 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 <button\n type=\"submit\"\n disabled={creatingLink}\n className=\"w-full px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n >\n {creatingLink\n ? tr('vibecontrols.sessions.share.creating', 'Creating...')\n : tr('vibecontrols.sessions.share.createShareLink', 'Create Share Link')}\n </button>\n </form>\n\n {/ Existing links /}\n {existingLinks.length > 0 && (\n <div>\n <h3 className=\"text-sm font-medium text-text-primary mb-3\">\n {tr('vibecontrols.sessions.share.activeLinks', 'Active Links')}\n </h3>\n <div className=\"space-y-2\">\n {existingLinks.map((link) => (\n <div key={link.id} className=\"p-3 bg-bg-sunken rounded-lg space-y-2\">\n <div className=\"flex items-center justify-between\">\n <div className=\"flex items-center gap-2\">\n <Link2 className=\"size-4 text-action-primary-bg\" />\n <span className=\"text-sm font-medium text-text-primary\">\n {link.name \|\| 'Unnamed Link'}\n </span>\n {link.hasPassword && <Lock className=\"size-3 text-text-secondary\" />}\n </div>\n <div className=\"flex items-center gap-1\">\n <button\n type=\"button\"\n onClick={() => copyToClipboard(link.shareUrl)}\n className=\"p-1.5 text-text-secondary hover:text-action-primary-bg hover:bg-action-primary-bg/10 rounded transition-colors\"\n title=\"Copy link\"\n >\n {copied ? (\n <Check className=\"size-4 text-status-success-text\" />\n ) : (\n <Copy className=\"size-4\" />\n )}\n </button>\n <button\n type=\"button\"\n onClick={() => handleRevokeLink(link.id)}\n disabled={revokingLink}\n className=\"p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg/10 rounded transition-colors\"\n title=\"Revoke link\"\n >\n <Trash2 className=\"size-4\" />\n </button>\n </div>\n </div>\n <div className=\"flex items-center gap-3 text-xs text-text-secondary\">\n {link.permission === SessionSharePermission.View ? (\n <span className=\"flex items-center gap-1\">\n <Eye className=\"size-3\" /> View\n </span>\n ) : (\n <span className=\"flex items-center gap-1\">\n <Gamepad2 className=\"size-3\" /> Control\n </span>\n )}\n <span>·</span>\n <span className=\"flex items-center gap-1\">\n <Clock className=\"size-3\" /> {formatExpiry(link.expiresAt)}\n </span>\n <span>·</span>\n <span className=\"flex items-center gap-1\">\n <RefreshCw className=\"size-3\" /> {link.useCount}\n {link.maxUses ? `/${link.maxUses}` : ''} uses\n </span>\n </div>\n <div className=\"flex items-center gap-2\">\n <input\n aria-label=\"control\"\n type=\"text\"\n value={link.shareUrl}\n readOnly\n className=\"flex-1 px-2 py-1 text-xs font-mono bg-bg-surface border border-border-default rounded text-text-secondary truncate\"\n />\n </div>\n </div>\n ))}\n </div>\n </div>\n )}\n </div>\n )}\n </div>\n\n {/ Footer */}\n <div className=\"px-6 py-4 bg-bg-sunken border-t border-border-default rounded-b-lg\">\n <p className=\"text-xs text-text-secondary text-center\">\n {tr(\n 'vibecontrols.sessions.share.footerNote',\n 'Shared users must be logged in to access the session'\n )}\n </p>\n </div>\n </div>\n </dialog>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"SessionShareDialog.js","names":[],"sources":["../../../src/components/sessions/SessionShareDialog.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState, useEffect, useRef } from 'react';\nimport {\n X,\n Share2,\n Link2,\n Users,\n Copy,\n Check,\n Eye,\n Gamepad2,\n Clock,\n Lock,\n Trash2,\n RefreshCw,\n} from 'lucide-react';\nimport type { Session } from './types';\nimport {\n useShareSessionMutation,\n useCreateSessionShareLinkMutation,\n useRevokeSessionShareMutation,\n useRevokeSessionShareLinkMutation,\n useGetSessionSharesQuery,\n useGetSessionShareLinksQuery,\n type SessionShareFieldsFragment,\n type SessionShareLinkFieldsFragment,\n} from '../../generated/wspace-operations';\nimport { SessionSharePermission, ShareStatus } from '../../generated/wspace-types';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { copyTextToClipboard, normalizeShareUrl } from '../../utils/shareUrl';\n\ntype TabType = 'users' \| 'links';\n\ninterface SessionShareDialogProps {\n session: Session;\n isOpen: boolean;\n onClose: () => void;\n}\n\n/*\n SessionShareDialog - Modal for sharing terminal sessions\n * Supports sharing with specific users or creating shareable links\n /\nexport const SessionShareDialog: FC<SessionShareDialogProps> = ({ session, isOpen, onClose }) => {\n const tr = useTr();\n const dialogRef = useRef<HTMLDialogElement>(null);\n const [activeTab, setActiveTab] = useState<TabType>('users');\n const [copied, setCopied] = useState<string \| null>(null);\n const [copyFailed, setCopyFailed] = useState<string \| null>(null);\n\n // Share with user form state\n const [email, setEmail] = useState('');\n const [permission, setPermission] = useState<SessionSharePermission>(SessionSharePermission.View);\n const [message, setMessage] = useState('');\n const [expiresInHours, setExpiresInHours] = useState(24);\n\n // Link form state\n const [linkName, setLinkName] = useState('');\n const [linkPermission, setLinkPermission] = useState<SessionSharePermission>(\n SessionSharePermission.View\n );\n const [linkExpiresInHours, setLinkExpiresInHours] = useState(1);\n const [linkPassword, setLinkPassword] = useState('');\n const [maxUses, setMaxUses] = useState<number \| null>(null);\n\n // Queries for existing shares\n const { data: sharesData, refetch: refetchShares } = useGetSessionSharesQuery({\n variables: { sessionId: session.id },\n skip: !isOpen,\n });\n\n const { data: linksData, refetch: refetchLinks } = useGetSessionShareLinksQuery({\n variables: { sessionId: session.id },\n skip: !isOpen,\n });\n\n // Mutations\n const [shareSession, { loading: sharingUser }] = useShareSessionMutation();\n const [createLink, { loading: creatingLink }] = useCreateSessionShareLinkMutation();\n const [revokeShare, { loading: revokingShare }] = useRevokeSessionShareMutation();\n const [revokeLink, { loading: revokingLink }] = useRevokeSessionShareLinkMutation();\n\n const existingShares: SessionShareFieldsFragment[] =\n sharesData?.sessionShares?.filter(\n (s: SessionShareFieldsFragment) => s.status === ShareStatus.Active\n ) \|\| [];\n const existingLinks: SessionShareLinkFieldsFragment[] =\n linksData?.sessionShareLinks?.filter(\n (l: SessionShareLinkFieldsFragment) => l.status === ShareStatus.Active\n ) \|\| [];\n\n useEffect(() => {\n const dialog = dialogRef.current;\n if (!dialog) return;\n\n if (isOpen) {\n dialog.showModal();\n } else {\n dialog.close();\n }\n }, [isOpen]);\n\n const handleShareWithUser = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!email.trim()) return;\n\n try {\n const expiresAt = new Date(Date.now() + expiresInHours 60 * 60 * 1000).toISOString();\n await shareSession({\n variables: {\n input: {\n sessionId: session.id,\n sharedWithEmail: email.trim(),\n permission,\n expiresAt,\n message: message.trim() \|\| undefined,\n },\n },\n });\n setEmail('');\n setMessage('');\n refetchShares();\n } catch (error) {\n console.error('Failed to share session:', error);\n }\n };\n\n const handleCreateLink = async (e: React.FormEvent) => {\n e.preventDefault();\n\n try {\n await createLink({\n variables: {\n input: {\n sessionId: session.id,\n name: linkName.trim() \|\| undefined,\n permission: linkPermission,\n expiresInHours: linkExpiresInHours,\n maxUses: maxUses \|\| undefined,\n password: linkPassword.trim() \|\| undefined,\n },\n },\n });\n setLinkName('');\n setLinkPassword('');\n setMaxUses(null);\n refetchLinks();\n } catch (error) {\n console.error('Failed to create share link:', error);\n }\n };\n\n const handleRevokeShare = async (shareId: string) => {\n try {\n await revokeShare({ variables: { id: shareId } });\n refetchShares();\n } catch (error) {\n console.error('Failed to revoke share:', error);\n }\n };\n\n const handleRevokeLink = async (linkId: string) => {\n try {\n await revokeLink({ variables: { id: linkId } });\n refetchLinks();\n } catch (error) {\n console.error('Failed to revoke link:', error);\n }\n };\n\n const copyToClipboard = async (id: string, text: string) => {\n const shareUrl = normalizeShareUrl(text);\n const ok = await copyTextToClipboard(shareUrl).then(\n () => true,\n (error) => {\n console.warn('Failed to copy session share link:', error);\n return false;\n }\n );\n setCopied(ok ? id : null);\n setCopyFailed(ok ? null : id);\n setTimeout(() => {\n setCopied((current) => (current === id ? null : current));\n setCopyFailed((current) => (current === id ? null : current));\n }, 2000);\n };\n\n const formatExpiry = (expiresAt: string) => {\n const expiry = new Date(expiresAt);\n const now = new Date();\n const diffMs = expiry.getTime() - now.getTime();\n const diffHours = Math.floor(diffMs / (1000 * 60 * 60));\n const diffMins = Math.floor((diffMs % (1000 * 60 * 60)) / (1000 * 60));\n\n if (diffMs < 0) return 'Expired';\n if (diffHours > 24) return `${Math.floor(diffHours / 24)}d`;\n if (diffHours > 0) return `${diffHours}h ${diffMins}m`;\n return `${diffMins}m`;\n };\n\n if (!isOpen) return null;\n\n return (\n <dialog\n ref={dialogRef}\n className=\"fixed inset-0 z-50 m-auto bg-bg-overlay/0 p-0 backdrop:bg-bg-overlay\"\n onClose={onClose}\n >\n <div className=\"w-full max-w-xl bg-bg-surface rounded-lg shadow-xl 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 className=\"flex items-center gap-3\">\n <div className=\"p-2 bg-action-primary-bg/10 rounded-lg\">\n <Share2 className=\"size-5 text-action-primary-bg\" />\n </div>\n <div>\n <h2 className=\"text-lg font-semibold text-text-primary\">\n {tr('vibecontrols.sessions.share.title', 'Share Session')}\n </h2>\n <p className=\"text-sm text-text-secondary truncate max-w-[300px]\">{session.name}</p>\n </div>\n </div>\n <button\n type=\"button\"\n onClick={onClose}\n className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n >\n <X className=\"size-5 text-text-secondary\" />\n </button>\n </div>\n\n {/ Tabs /}\n <div className=\"flex border-b border-border-default\">\n <button\n type=\"button\"\n onClick={() => setActiveTab('users')}\n className={`flex items-center gap-2 px-6 py-3 text-sm font-medium transition-colors ${\n activeTab === 'users'\n ? 'text-action-primary-bg border-b-2 border-action-primary-bg'\n : 'text-text-secondary hover:text-text-primary'\n }`}\n >\n <Users className=\"size-4\" />\n {tr('vibecontrols.sessions.share.shareWithUser', 'Share with User')}\n {existingShares.length > 0 && (\n <span className=\"ml-1 px-1.5 py-0.5 text-xs bg-bg-sunken rounded-full\">\n {existingShares.length}\n </span>\n )}\n </button>\n <button\n type=\"button\"\n onClick={() => setActiveTab('links')}\n className={`flex items-center gap-2 px-6 py-3 text-sm font-medium transition-colors ${\n activeTab === 'links'\n ? 'text-action-primary-bg border-b-2 border-action-primary-bg'\n : 'text-text-secondary hover:text-text-primary'\n }`}\n >\n <Link2 className=\"size-4\" />\n {tr('vibecontrols.sessions.share.createLink', 'Create Link')}\n {existingLinks.length > 0 && (\n <span className=\"ml-1 px-1.5 py-0.5 text-xs bg-bg-sunken rounded-full\">\n {existingLinks.length}\n </span>\n )}\n </button>\n </div>\n\n {/ Content /}\n <div className=\"flex-1 overflow-y-auto p-6\">\n {activeTab === 'users' ? (\n <div className=\"space-y-6\">\n {/ Share form /}\n <form onSubmit={handleShareWithUser} className=\"space-y-4\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.emailAddress', 'Email Address')}\n </label>\n <input\n aria-label=\"teammate@company.com\"\n type=\"email\"\n value={email}\n onChange={(e) => setEmail(e.target.value)}\n placeholder=\"teammate@company.com\"\n required\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n />\n <p className=\"mt-1 text-xs text-text-secondary\">\n {tr(\n 'vibecontrols.sessions.share.mustBeWorkspaceMember',\n 'Must be an existing workspace member'\n )}\n </p>\n </div>\n\n <div className=\"grid grid-cols-2 gap-4\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.permission', 'Permission')}\n </label>\n <select\n value={permission}\n onChange={(e) => setPermission(e.target.value as SessionSharePermission)}\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n >\n <option value={SessionSharePermission.View}>\n {tr('vibecontrols.sessions.share.viewOnly', 'View Only')}\n </option>\n <option value={SessionSharePermission.Interact}>\n {tr('vibecontrols.sessions.share.canControl', 'Can Control')}\n </option>\n </select>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.expiresIn', 'Expires In')}\n </label>\n <select\n value={expiresInHours}\n onChange={(e) => setExpiresInHours(Number(e.target.value))}\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n >\n <option value={1}>1 hour</option>\n <option value={4}>4 hours</option>\n <option value={8}>8 hours</option>\n <option value={24}>24 hours</option>\n <option value={72}>3 days</option>\n <option value={168}>1 week</option>\n </select>\n </div>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.messageOptional', 'Message (optional)')}\n </label>\n <textarea\n aria-label=\"Let me show you this issue...\"\n value={message}\n onChange={(e) => setMessage(e.target.value)}\n placeholder=\"Let me show you this issue...\"\n rows={2}\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg resize-none\"\n />\n </div>\n\n <div className=\"flex items-center gap-2 p-3 bg-bg-sunken rounded-lg text-sm\">\n {permission === SessionSharePermission.View ? (\n <>\n <Eye className=\"size-4 text-text-secondary\" />\n <span className=\"text-text-secondary\">\n {tr(\n 'vibecontrols.sessions.share.viewOnlyHint',\n 'User can watch the terminal but cannot type'\n )}\n </span>\n </>\n ) : (\n <>\n <Gamepad2 className=\"size-4 text-text-secondary\" />\n <span className=\"text-text-secondary\">\n {tr(\n 'vibecontrols.sessions.share.controlHint',\n 'User can request control to type (turn-based)'\n )}\n </span>\n </>\n )}\n </div>\n\n <button\n type=\"submit\"\n disabled={sharingUser \|\| !email.trim()}\n className=\"w-full px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n >\n {sharingUser\n ? tr('vibecontrols.sessions.share.sharing', 'Sharing...')\n : tr('vibecontrols.sessions.share.shareSession', 'Share Session')}\n </button>\n </form>\n\n {/ Existing shares /}\n {existingShares.length > 0 && (\n <div>\n <h3 className=\"text-sm font-medium text-text-primary mb-3\">\n {tr('vibecontrols.sessions.share.currentlySharedWith', 'Currently Shared With')}\n </h3>\n <div className=\"space-y-2\">\n {existingShares.map((share) => (\n <div\n key={share.id}\n className=\"flex items-center justify-between p-3 bg-bg-sunken rounded-lg\"\n >\n <div className=\"flex items-center gap-3\">\n <div className=\"size-8 rounded-full bg-action-primary-bg/20 flex items-center justify-center\">\n <Users className=\"size-4 text-action-primary-bg\" />\n </div>\n <div>\n <p className=\"text-sm font-medium text-text-primary\">\n User: {share.sharedWithId.slice(0, 8)}...\n </p>\n <div className=\"flex items-center gap-2 text-xs text-text-secondary\">\n {share.permission === SessionSharePermission.View ? (\n <Eye className=\"size-3\" />\n ) : (\n <Gamepad2 className=\"size-3\" />\n )}\n <span>{share.permission}</span>\n {share.expiresAt && (\n <>\n <span>·</span>\n <Clock className=\"size-3\" />\n <span>{formatExpiry(share.expiresAt)}</span>\n </>\n )}\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n onClick={() => handleRevokeShare(share.id)}\n disabled={revokingShare}\n className=\"p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg/10 rounded transition-colors\"\n title=\"Revoke access\"\n >\n <Trash2 className=\"size-4\" />\n </button>\n </div>\n ))}\n </div>\n </div>\n )}\n </div>\n ) : (\n <div className=\"space-y-6\">\n {/ Create link form /}\n <form onSubmit={handleCreateLink} className=\"space-y-4\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.linkNameOptional', 'Link Name (optional)')}\n </label>\n <input\n aria-label=\"Debug session link\"\n type=\"text\"\n value={linkName}\n onChange={(e) => setLinkName(e.target.value)}\n placeholder=\"Debug session link\"\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n />\n </div>\n\n <div className=\"grid grid-cols-2 gap-4\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.permission', 'Permission')}\n </label>\n <select\n value={linkPermission}\n onChange={(e) => setLinkPermission(e.target.value as SessionSharePermission)}\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n >\n <option value={SessionSharePermission.View}>\n {tr('vibecontrols.sessions.share.viewOnly', 'View Only')}\n </option>\n <option value={SessionSharePermission.Interact}>\n {tr('vibecontrols.sessions.share.canControl', 'Can Control')}\n </option>\n </select>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.expiresIn', 'Expires In')}\n </label>\n <select\n value={linkExpiresInHours}\n onChange={(e) => setLinkExpiresInHours(Number(e.target.value))}\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n >\n <option value={1}>1 hour</option>\n <option value={4}>4 hours</option>\n <option value={8}>8 hours</option>\n <option value={24}>24 hours</option>\n <option value={72}>3 days</option>\n </select>\n </div>\n </div>\n\n <div className=\"grid grid-cols-2 gap-4\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.passwordOptional', 'Password (optional)')}\n </label>\n <input\n aria-label=\"••••••••\"\n type=\"password\"\n value={linkPassword}\n onChange={(e) => setLinkPassword(e.target.value)}\n placeholder=\"••••••••\"\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md 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=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.sessions.share.maxUses', 'Max Uses')}\n </label>\n <input\n aria-label=\"Unlimited\"\n type=\"number\"\n value={maxUses ?? ''}\n onChange={(e) => setMaxUses(e.target.value ? Number(e.target.value) : null)}\n placeholder=\"Unlimited\"\n min={1}\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md 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 <button\n type=\"submit\"\n disabled={creatingLink}\n className=\"w-full px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n >\n {creatingLink\n ? tr('vibecontrols.sessions.share.creating', 'Creating...')\n : tr('vibecontrols.sessions.share.createShareLink', 'Create Share Link')}\n </button>\n </form>\n\n {/ Existing links /}\n {existingLinks.length > 0 && (\n <div>\n <h3 className=\"text-sm font-medium text-text-primary mb-3\">\n {tr('vibecontrols.sessions.share.activeLinks', 'Active Links')}\n </h3>\n <div className=\"space-y-2\">\n {existingLinks.map((link) => (\n <div key={link.id} className=\"p-3 bg-bg-sunken rounded-lg space-y-2\">\n <div className=\"flex items-center justify-between\">\n <div className=\"flex items-center gap-2\">\n <Link2 className=\"size-4 text-action-primary-bg\" />\n <span className=\"text-sm font-medium text-text-primary\">\n {link.name \|\| 'Unnamed Link'}\n </span>\n {link.hasPassword && <Lock className=\"size-3 text-text-secondary\" />}\n </div>\n <div className=\"flex items-center gap-1\">\n <button\n type=\"button\"\n onClick={() => copyToClipboard(link.id, link.shareUrl)}\n className=\"p-1.5 text-text-secondary hover:text-action-primary-bg hover:bg-action-primary-bg/10 rounded transition-colors\"\n title=\"Copy link\"\n >\n {copied === link.id ? (\n <Check className=\"size-4 text-status-success-text\" />\n ) : copyFailed === link.id ? (\n <X className=\"size-4 text-status-error-text\" />\n ) : (\n <Copy className=\"size-4\" />\n )}\n </button>\n <button\n type=\"button\"\n onClick={() => handleRevokeLink(link.id)}\n disabled={revokingLink}\n className=\"p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg/10 rounded transition-colors\"\n title=\"Revoke link\"\n >\n <Trash2 className=\"size-4\" />\n </button>\n </div>\n </div>\n <div className=\"flex items-center gap-3 text-xs text-text-secondary\">\n {link.permission === SessionSharePermission.View ? (\n <span className=\"flex items-center gap-1\">\n <Eye className=\"size-3\" /> View\n </span>\n ) : (\n <span className=\"flex items-center gap-1\">\n <Gamepad2 className=\"size-3\" /> Control\n </span>\n )}\n <span>·</span>\n <span className=\"flex items-center gap-1\">\n <Clock className=\"size-3\" /> {formatExpiry(link.expiresAt)}\n </span>\n <span>·</span>\n <span className=\"flex items-center gap-1\">\n <RefreshCw className=\"size-3\" /> {link.useCount}\n {link.maxUses ? `/${link.maxUses}` : ''} uses\n </span>\n </div>\n <div className=\"flex items-center gap-2\">\n <input\n aria-label=\"control\"\n type=\"text\"\n value={normalizeShareUrl(link.shareUrl)}\n readOnly\n className=\"flex-1 px-2 py-1 text-xs font-mono bg-bg-surface border border-border-default rounded text-text-secondary truncate\"\n />\n </div>\n </div>\n ))}\n </div>\n </div>\n )}\n </div>\n )}\n </div>\n\n {/ Footer */}\n <div className=\"px-6 py-4 bg-bg-sunken border-t border-border-default rounded-b-lg\">\n <p className=\"text-xs text-text-secondary text-center\">\n {tr(\n 'vibecontrols.sessions.share.footerNote',\n 'Shared users must be logged in to access the session'\n )}\n </p>\n </div>\n </div>\n </dialog>\n );\n};\n"],"mappings":"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"}