@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/sessions/SessionShareDialog.js

@@ -0,0 +1,457 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useCreateSessionShareLinkMutation as t, useGetSessionShareLinksQuery as n, useGetSessionSharesQuery as r, useRevokeSessionShareLinkMutation as i, useRevokeSessionShareMutation as a, useShareSessionMutation as o } from "../../generated/wspace-operations.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 { 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 = e(), 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 } = r({
+		variables: { sessionId: S.id },
+		skip: !C
+	}), { data: ce, refetch: J } = n({
+		variables: { sessionId: S.id },
+		skip: !C
+	}), [le, { loading: Y }] = o(), [ue, { loading: X }] = t(), [de, { loading: fe }] = a(), [pe, { loading: me }] = i(), Z = se?.sessionShares?.filter((e) => e.status === c.Active) || [], Q = ce?.sessionShareLinks?.filter((e) => e.status === c.Active) || [];
+	ee(() => {
+		let e = E.current;
+		e && (C ? e.showModal() : e.close());
+	}, [C]);
+	let he = async (e) => {
+		if (e.preventDefault(), A.trim()) try {
+			let e = new Date(Date.now() + I * 60 * 60 * 1e3).toISOString();
+			await le({ variables: { input: {
+				sessionId: S.id,
+				sharedWithEmail: A.trim(),
+				permission: M,
+				expiresAt: e,
+				message: P.trim() || void 0
+			} } }), j(""), F(""), q();
+		} catch (e) {
+			console.error("Failed to share session:", e);
+		}
+	}, ge = async (e) => {
+		e.preventDefault();
+		try {
+			await ue({ variables: { input: {
+				sessionId: S.id,
+				name: L.trim() || void 0,
+				permission: z,
+				expiresInHours: V,
+				maxUses: G || void 0,
+				password: U.trim() || void 0
+			} } }), R(""), W(""), K(null), J();
+		} catch (e) {
+			console.error("Failed to create share link:", e);
+		}
+	}, _e = async (e) => {
+		try {
+			await de({ variables: { id: e } }), q();
+		} catch (e) {
+			console.error("Failed to revoke share:", e);
+		}
+	}, ve = async (e) => {
+		try {
+			await pe({ 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);
+	}, $ = (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`;
+	};
+	return C ? /* @__PURE__ */ b("dialog", {
+		ref: E,
+		className: "fixed inset-0 z-50 m-auto bg-bg-overlay/0 p-0 backdrop:bg-bg-overlay",
+		onClose: w,
+		children: /* @__PURE__ */ x("div", {
+			className: "w-full max-w-xl bg-bg-surface rounded-lg shadow-xl 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", {
+						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: "w-5 h-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")
+						}), /* @__PURE__ */ b("p", {
+							className: "text-sm text-text-secondary truncate max-w-[300px]",
+							children: S.name
+						})] })]
+					}), /* @__PURE__ */ b("button", {
+						onClick: w,
+						className: "p-1.5 rounded hover:bg-bg-sunken transition-colors",
+						children: /* @__PURE__ */ b(ie, { className: "w-5 h-5 text-text-secondary" })
+					})]
+				}),
+				/* @__PURE__ */ x("div", {
+					className: "flex border-b border-border-default",
+					children: [/* @__PURE__ */ x("button", {
+						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: "w-4 h-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",
+								children: Z.length
+							})
+						]
+					}), /* @__PURE__ */ x("button", {
+						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: "w-4 h-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",
+								children: Q.length
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ b("div", {
+					className: "flex-1 overflow-y-auto p-6",
+					children: D === "users" ? /* @__PURE__ */ x("div", {
+						className: "space-y-6",
+						children: [/* @__PURE__ */ x("form", {
+							onSubmit: he,
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ x("div", { children: [
+									/* @__PURE__ */ b("label", {
+										className: "block text-sm font-medium text-text-primary mb-1",
+										children: T("vibecontrols.sessions.share.emailAddress", "Email Address")
+									}),
+									/* @__PURE__ */ b("input", {
+										type: "email",
+										value: A,
+										onChange: (e) => j(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"
+									}),
+									/* @__PURE__ */ b("p", {
+										className: "mt-1 text-xs text-text-secondary",
+										children: T("vibecontrols.sessions.share.mustBeWorkspaceMember", "Must be an existing workspace member")
+									})
+								] }),
+								/* @__PURE__ */ x("div", {
+									className: "grid grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										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),
+										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,
+											children: T("vibecontrols.sessions.share.viewOnly", "View Only")
+										}), /* @__PURE__ */ b("option", {
+											value: s.Interact,
+											children: T("vibecontrols.sessions.share.canControl", "Can Control")
+										})]
+									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-sm font-medium text-text-primary mb-1",
+										children: T("vibecontrols.sessions.share.expiresIn", "Expires In")
+									}), /* @__PURE__ */ x("select", {
+										value: I,
+										onChange: (e) => oe(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", {
+												value: 1,
+												children: "1 hour"
+											}),
+											/* @__PURE__ */ b("option", {
+												value: 4,
+												children: "4 hours"
+											}),
+											/* @__PURE__ */ b("option", {
+												value: 8,
+												children: "8 hours"
+											}),
+											/* @__PURE__ */ b("option", {
+												value: 24,
+												children: "24 hours"
+											}),
+											/* @__PURE__ */ b("option", {
+												value: 72,
+												children: "3 days"
+											}),
+											/* @__PURE__ */ b("option", {
+												value: 168,
+												children: "1 week"
+											})
+										]
+									})] })]
+								}),
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: T("vibecontrols.sessions.share.messageOptional", "Message (optional)")
+								}), /* @__PURE__ */ b("textarea", {
+									value: P,
+									onChange: (e) => F(e.target.value),
+									placeholder: "Let me show you this issue...",
+									rows: 2,
+									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"
+								})] }),
+								/* @__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: "w-4 h-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: "w-4 h-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(),
+									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")
+								})
+							]
+						}), Z.length > 0 && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
+							className: "text-sm font-medium text-text-primary mb-3",
+							children: T("vibecontrols.sessions.share.currentlySharedWith", "Currently Shared With")
+						}), /* @__PURE__ */ b("div", {
+							className: "space-y-2",
+							children: Z.map((e) => /* @__PURE__ */ x("div", {
+								className: "flex items-center justify-between p-3 bg-bg-sunken rounded-lg",
+								children: [/* @__PURE__ */ x("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ b("div", {
+										className: "w-8 h-8 rounded-full bg-action-primary-bg/20 flex items-center justify-center",
+										children: /* @__PURE__ */ b(v, { className: "w-4 h-4 text-action-primary-bg" })
+									}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("p", {
+										className: "text-sm font-medium text-text-primary",
+										children: [
+											"User: ",
+											e.sharedWithId.slice(0, 8),
+											"..."
+										]
+									}), /* @__PURE__ */ x("div", {
+										className: "flex items-center gap-2 text-xs text-text-secondary",
+										children: [
+											e.permission === s.View ? /* @__PURE__ */ b(p, { className: "w-3 h-3" }) : /* @__PURE__ */ b(m, { className: "w-3 h-3" }),
+											/* @__PURE__ */ b("span", { children: e.permission }),
+											e.expiresAt && /* @__PURE__ */ x(y, { children: [
+												/* @__PURE__ */ b("span", { children: "·" }),
+												/* @__PURE__ */ b(d, { className: "w-3 h-3" }),
+												/* @__PURE__ */ b("span", { children: $(e.expiresAt) })
+											] })
+										]
+									})] })]
+								}), /* @__PURE__ */ b("button", {
+									onClick: () => _e(e.id),
+									disabled: fe,
+									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: "w-4 h-4" })
+								})]
+							}, e.id))
+						})] })]
+					}) : /* @__PURE__ */ x("div", {
+						className: "space-y-6",
+						children: [/* @__PURE__ */ x("form", {
+							onSubmit: ge,
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: T("vibecontrols.sessions.share.linkNameOptional", "Link Name (optional)")
+								}), /* @__PURE__ */ b("input", {
+									type: "text",
+									value: L,
+									onChange: (e) => R(e.target.value),
+									placeholder: "Debug session link",
+									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"
+								})] }),
+								/* @__PURE__ */ x("div", {
+									className: "grid grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-sm font-medium text-text-primary mb-1",
+										children: T("vibecontrols.sessions.share.permission", "Permission")
+									}), /* @__PURE__ */ x("select", {
+										value: z,
+										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,
+											children: T("vibecontrols.sessions.share.viewOnly", "View Only")
+										}), /* @__PURE__ */ b("option", {
+											value: s.Interact,
+											children: T("vibecontrols.sessions.share.canControl", "Can Control")
+										})]
+									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-sm font-medium text-text-primary mb-1",
+										children: T("vibecontrols.sessions.share.expiresIn", "Expires In")
+									}), /* @__PURE__ */ x("select", {
+										value: V,
+										onChange: (e) => H(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", {
+												value: 1,
+												children: "1 hour"
+											}),
+											/* @__PURE__ */ b("option", {
+												value: 4,
+												children: "4 hours"
+											}),
+											/* @__PURE__ */ b("option", {
+												value: 8,
+												children: "8 hours"
+											}),
+											/* @__PURE__ */ b("option", {
+												value: 24,
+												children: "24 hours"
+											}),
+											/* @__PURE__ */ b("option", {
+												value: 72,
+												children: "3 days"
+											})
+										]
+									})] })]
+								}),
+								/* @__PURE__ */ x("div", {
+									className: "grid grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-sm font-medium text-text-primary mb-1",
+										children: T("vibecontrols.sessions.share.passwordOptional", "Password (optional)")
+									}), /* @__PURE__ */ b("input", {
+										type: "password",
+										value: U,
+										onChange: (e) => W(e.target.value),
+										placeholder: "••••••••",
+										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"
+									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-sm font-medium text-text-primary mb-1",
+										children: T("vibecontrols.sessions.share.maxUses", "Max Uses")
+									}), /* @__PURE__ */ b("input", {
+										type: "number",
+										value: G ?? "",
+										onChange: (e) => K(e.target.value ? Number(e.target.value) : null),
+										placeholder: "Unlimited",
+										min: 1,
+										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"
+									})] })]
+								}),
+								/* @__PURE__ */ b("button", {
+									type: "submit",
+									disabled: X,
+									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: X ? T("vibecontrols.sessions.share.creating", "Creating...") : T("vibecontrols.sessions.share.createShareLink", "Create Share Link")
+								})
+							]
+						}), Q.length > 0 && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
+							className: "text-sm font-medium text-text-primary mb-3",
+							children: T("vibecontrols.sessions.share.activeLinks", "Active Links")
+						}), /* @__PURE__ */ b("div", {
+							className: "space-y-2",
+							children: Q.map((e) => /* @__PURE__ */ x("div", {
+								className: "p-3 bg-bg-sunken rounded-lg space-y-2",
+								children: [
+									/* @__PURE__ */ x("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ x("div", {
+											className: "flex items-center gap-2",
+											children: [
+												/* @__PURE__ */ b(h, { className: "w-4 h-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: "w-3 h-3 text-text-secondary" })
+											]
+										}), /* @__PURE__ */ x("div", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ b("button", {
+												onClick: () => ye(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: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ b(f, { className: "w-4 h-4" })
+											}), /* @__PURE__ */ b("button", {
+												onClick: () => ve(e.id),
+												disabled: me,
+												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: "w-4 h-4" })
+											})]
+										})]
+									}),
+									/* @__PURE__ */ x("div", {
+										className: "flex items-center gap-3 text-xs text-text-secondary",
+										children: [
+											e.permission === s.View ? /* @__PURE__ */ x("span", {
+												className: "flex items-center gap-1",
+												children: [/* @__PURE__ */ b(p, { className: "w-3 h-3" }), " View"]
+											}) : /* @__PURE__ */ x("span", {
+												className: "flex items-center gap-1",
+												children: [/* @__PURE__ */ b(m, { className: "w-3 h-3" }), " Control"]
+											}),
+											/* @__PURE__ */ b("span", { children: "·" }),
+											/* @__PURE__ */ x("span", {
+												className: "flex items-center gap-1",
+												children: [
+													/* @__PURE__ */ b(d, { className: "w-3 h-3" }),
+													" ",
+													$(e.expiresAt)
+												]
+											}),
+											/* @__PURE__ */ b("span", { children: "·" }),
+											/* @__PURE__ */ x("span", {
+												className: "flex items-center gap-1",
+												children: [
+													/* @__PURE__ */ b(ne, { className: "w-3 h-3" }),
+													" ",
+													e.useCount,
+													e.maxUses ? `/${e.maxUses}` : "",
+													" uses"
+												]
+											})
+										]
+									}),
+									/* @__PURE__ */ b("div", {
+										className: "flex items-center gap-2",
+										children: /* @__PURE__ */ b("input", {
+											type: "text",
+											value: 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"
+										})
+									})
+								]
+							}, e.id))
+						})] })]
+					})
+				}),
+				/* @__PURE__ */ b("div", {
+					className: "px-6 py-4 bg-bg-sunken border-t border-border-default rounded-b-lg",
+					children: /* @__PURE__ */ b("p", {
+						className: "text-xs text-text-secondary text-center",
+						children: T("vibecontrols.sessions.share.footerNote", "Shared users must be logged in to access the session")
+					})
+				})
+			]
+		})
+	}) : null;
+};
+//#endregion
+export { S as SessionShareDialog };
+
+//# sourceMappingURL=SessionShareDialog.js.map

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

@@ -0,0 +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=\"w-5 h-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 onClick={onClose} className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\">\n            <X className=\"w-5 h-5 text-text-secondary\" />\n          </button>\n        </div>\n\n        {/* Tabs */}\n        <div className=\"flex border-b border-border-default\">\n          <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=\"w-4 h-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            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=\"w-4 h-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                    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                    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=\"w-4 h-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=\"w-4 h-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=\"w-8 h-8 rounded-full bg-action-primary-bg/20 flex items-center justify-center\">\n                            <Users className=\"w-4 h-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=\"w-3 h-3\" />\n                              ) : (\n                                <Gamepad2 className=\"w-3 h-3\" />\n                              )}\n                              <span>{share.permission}</span>\n                              {share.expiresAt && (\n                                <>\n                                  <span>·</span>\n                                  <Clock className=\"w-3 h-3\" />\n                                  <span>{formatExpiry(share.expiresAt)}</span>\n                                </>\n                              )}\n                            </div>\n                          </div>\n                        </div>\n                        <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=\"w-4 h-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                    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                      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                      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=\"w-4 h-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=\"w-3 h-3 text-text-secondary\" />}\n                          </div>\n                          <div className=\"flex items-center gap-1\">\n                            <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=\"w-4 h-4 text-status-success-text\" />\n                              ) : (\n                                <Copy className=\"w-4 h-4\" />\n                              )}\n                            </button>\n                            <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=\"w-4 h-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=\"w-3 h-3\" /> View\n                            </span>\n                          ) : (\n                            <span className=\"flex items-center gap-1\">\n                              <Gamepad2 className=\"w-3 h-3\" /> Control\n                            </span>\n                          )}\n                          <span>·</span>\n                          <span className=\"flex items-center gap-1\">\n                            <Clock className=\"w-3 h-3\" /> {formatExpiry(link.expiresAt)}\n                          </span>\n                          <span>·</span>\n                          <span className=\"flex items-center gap-1\">\n                            <RefreshCw className=\"w-3 h-3\" /> {link.useCount}\n                            {link.maxUses ? `/${link.maxUses}` : ''} uses\n                          </span>\n                        </div>\n                        <div className=\"flex items-center gap-2\">\n                          <input\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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"}

package/dist/components/sessions/SessionStatusBadge.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { SessionStatus } from './types';
+
+export interface SessionStatusBadgeProps {
+    status: SessionStatus;
+    className?: string;
+}
+export declare const SessionStatusBadge: FC<SessionStatusBadgeProps>;
+//# sourceMappingURL=SessionStatusBadge.d.ts.map

package/dist/components/sessions/SessionStatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/sessions/SessionStatusBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiCD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAe1D,CAAC"}

package/dist/components/sessions/SessionStatusBadge.js

@@ -0,0 +1,43 @@
+import { useI18n as e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/sessions/SessionStatusBadge.tsx
+var n = {
+	PENDING: {
+		label: "Pending",
+		color: "bg-status-info-bg text-status-info-text border-status-info-border"
+	},
+	STARTING: {
+		label: "Starting",
+		color: "bg-status-info-bg text-status-info-text border-status-info-border"
+	},
+	RUNNING: {
+		label: "Running",
+		color: "bg-status-success-bg text-status-success-text border-status-success-border"
+	},
+	STOPPING: {
+		label: "Stopping",
+		color: "bg-status-warning-bg text-status-warning-text border-status-warning-border"
+	},
+	STOPPED: {
+		label: "Stopped",
+		color: "bg-bg-sunken text-text-secondary border-border-default"
+	},
+	ERROR: {
+		label: "Error",
+		color: "bg-status-error-bg text-status-error-text border-status-error-border"
+	},
+	TERMINATED: {
+		label: "Terminated",
+		color: "bg-bg-sunken text-text-secondary border-border-default"
+	}
+}, r = ({ status: r, className: i = "" }) => {
+	let { t: a } = e(), o = n[r];
+	return /* @__PURE__ */ t("span", {
+		className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border transition-colors duration-150 ${o.color} ${i}`,
+		children: o.label
+	});
+};
+//#endregion
+export { r as SessionStatusBadge };
+
+//# sourceMappingURL=SessionStatusBadge.js.map

package/dist/components/sessions/SessionStatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionStatusBadge.js","names":[],"sources":["../../../src/components/sessions/SessionStatusBadge.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { FC } from 'react';\nimport type { SessionStatus } from './types';\n\nexport interface SessionStatusBadgeProps {\n  status: SessionStatus;\n  className?: string;\n}\n\nconst statusConfig: Record<SessionStatus, { label: string; color: string }> = {\n  PENDING: {\n    label: 'Pending',\n    color: 'bg-status-info-bg text-status-info-text border-status-info-border',\n  },\n  STARTING: {\n    label: 'Starting',\n    color: 'bg-status-info-bg text-status-info-text border-status-info-border',\n  },\n  RUNNING: {\n    label: 'Running',\n    color: 'bg-status-success-bg text-status-success-text border-status-success-border',\n  },\n  STOPPING: {\n    label: 'Stopping',\n    color: 'bg-status-warning-bg text-status-warning-text border-status-warning-border',\n  },\n  STOPPED: {\n    label: 'Stopped',\n    color: 'bg-bg-sunken text-text-secondary border-border-default',\n  },\n  ERROR: {\n    label: 'Error',\n    color: 'bg-status-error-bg text-status-error-text border-status-error-border',\n  },\n  TERMINATED: {\n    label: 'Terminated',\n    color: 'bg-bg-sunken text-text-secondary border-border-default',\n  },\n};\n\nexport const SessionStatusBadge: FC<SessionStatusBadgeProps> = ({ status, className = '' }) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n  const config = statusConfig[status];\n\n  return (\n    <span\n      className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border transition-colors duration-150 ${config.color} ${className}`}\n    >\n      {config.label}\n    </span>\n  );\n};\n"],"mappings":";;;AASA,IAAM,IAAwE;CAC5E,SAAS;EACP,OAAO;EACP,OAAO;EACR;CACD,UAAU;EACR,OAAO;EACP,OAAO;EACR;CACD,SAAS;EACP,OAAO;EACP,OAAO;EACR;CACD,UAAU;EACR,OAAO;EACP,OAAO;EACR;CACD,SAAS;EACP,OAAO;EACP,OAAO;EACR;CACD,OAAO;EACL,OAAO;EACP,OAAO;EACR;CACD,YAAY;EACV,OAAO;EACP,OAAO;EACR;CACF,EAEY,KAAmD,EAAE,WAAQ,eAAY,SAAS;CAC7F,IAAM,EAAE,SAAM,GAAS,EAKjB,IAAS,EAAa;AAE5B,QACE,kBAAC,QAAD;EACE,WAAW,iHAAiH,EAAO,MAAM,GAAG;YAE3I,EAAO;EACH,CAAA"}