@burdenoff/microfe-vibecontrols 2026.601.6 → 2026.601.8

package/dist/components/sessions/SessionCard.js

@@ -1,23 +1,24 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
 import { SessionStatusBadge as t } from "./SessionStatusBadge.js";
-import { useState as n } from "react";
-import { Clock as r, MoreVertical as i, Play as a, RotateCcw as o, Share2 as s, Square as c, Terminal as l, Trash2 as u } from "lucide-react";
-import { AnimatePresence as d, motion as f } from "framer-motion";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { AgentInfoPopover as n, TargetInfoPopover as r } from "./EntityInfoPopover.js";
+import { useState as i } from "react";
+import { Clock as a, MoreVertical as o, Play as s, RotateCcw as c, Share2 as l, Square as u, Terminal as d, Trash2 as f } from "lucide-react";
+import { AnimatePresence as p, motion as m } from "framer-motion";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/sessions/SessionCard.tsx
-var h = {
+var _ = {
 	TMUX: "🖥️",
 	SSH: "🔐",
 	TERMINAL: "💻",
 	SCRIPT: "📜",
 	CUSTOM: "⚙️"
-}, g = ({ session: g, onOpen: _, onStart: v, onStop: y, onRestart: b, onTerminate: x, onOpenTerminal: S, onShare: C, selected: w = !1, onToggleSelect: T, className: E = "" }) => {
-	let D = e(), [O, k] = n(!1), A = (e) => {
+}, v = ({ session: v, onOpen: y, onStart: b, onStop: x, onRestart: S, onTerminate: C, onOpenTerminal: w, onShare: T, selected: E = !1, onToggleSelect: D, className: O = "" }) => {
+	let k = e(), [A, j] = i(!1), M = (e) => {
 		if (!e) return "Never";
 		let t = Date.now() - new Date(e).getTime();
 		return t < 6e4 ? "Just now" : t < 36e5 ? `${Math.floor(t / 6e4)}m ago` : t < 864e5 ? `${Math.floor(t / 36e5)}h ago` : new Date(e).toLocaleDateString();
-	}, j = g.status === "RUNNING", M = g.status === "STOPPED" || g.status === "TERMINATED";
-	return /* @__PURE__ */ m(f.div, {
+	}, N = v.status === "RUNNING", P = v.status === "STOPPED" || v.status === "TERMINATED";
+	return /* @__PURE__ */ g(m.div, {
 		whileHover: {
 			y: -2,
 			transition: {
@@ -31,60 +32,67 @@ var h = {
 			}
 		},
 		whileTap: { scale: .98 },
-		className: `bg-bg-surface border rounded-lg p-4 hover:border-border-strong hover:shadow-md transition-all cursor-pointer ${w ? "border-action-primary-bg ring-1 ring-action-primary-bg/30" : "border-border-default"} ${E}`,
-		onClick: () => _?.(g),
+		className: `bg-bg-surface border rounded-lg p-4 hover:border-border-strong hover:shadow-md transition-all cursor-pointer ${E ? "border-action-primary-bg ring-1 ring-action-primary-bg/30" : "border-border-default"} ${O}`,
+		onClick: () => y?.(v),
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex items-start justify-between gap-2",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "flex items-start gap-2 sm:gap-3 min-w-0 flex-1",
 					children: [
-						T && /* @__PURE__ */ p("div", {
+						D && /* @__PURE__ */ h("div", {
 							className: "flex-shrink-0 pt-0.5",
-							children: /* @__PURE__ */ p("input", {
+							children: /* @__PURE__ */ h("input", {
 								"aria-label": "control",
 								type: "checkbox",
-								checked: w,
+								checked: E,
 								onChange: (e) => {
-									e.stopPropagation(), T();
+									e.stopPropagation(), D();
 								},
 								onClick: (e) => e.stopPropagation(),
 								className: "size-4 rounded border-border-default cursor-pointer"
 							})
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ h("div", {
 							className: "flex-shrink-0 size-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-							children: /* @__PURE__ */ p(l, { className: "size-4 sm:w-5 sm:h-5 text-text-secondary" })
+							children: /* @__PURE__ */ h(d, { className: "size-4 sm:w-5 sm:h-5 text-text-secondary" })
 						}),
-						/* @__PURE__ */ m("div", {
+						/* @__PURE__ */ g("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ m("div", {
-								className: "flex items-center gap-1.5 sm:gap-2 flex-wrap",
-								children: [/* @__PURE__ */ p("h3", {
-									className: "font-semibold text-text-primary truncate max-w-[120px] sm:max-w-none text-sm sm:text-base",
-									children: g.name
-								}), /* @__PURE__ */ p("span", {
-									className: "text-base sm:text-lg flex-shrink-0",
-									children: h[g.type] || "💻"
-								})]
-							}), /* @__PURE__ */ p("p", {
-								className: "text-xs sm:text-sm text-text-secondary",
-								children: g.type
-							})]
+							children: [
+								/* @__PURE__ */ g("div", {
+									className: "flex items-center gap-1.5 sm:gap-2 flex-wrap",
+									children: [/* @__PURE__ */ h("h3", {
+										className: "font-semibold text-text-primary truncate max-w-[120px] sm:max-w-none text-sm sm:text-base",
+										children: v.name
+									}), /* @__PURE__ */ h("span", {
+										className: "text-base sm:text-lg flex-shrink-0",
+										children: _[v.type] || "💻"
+									})]
+								}),
+								/* @__PURE__ */ h("p", {
+									className: "text-xs sm:text-sm text-text-secondary",
+									children: v.type
+								}),
+								v.agent && /* @__PURE__ */ g("div", {
+									className: "mt-1.5 flex items-center gap-1 flex-wrap",
+									children: [/* @__PURE__ */ h(n, { agent: v.agent }), v.agent.target && /* @__PURE__ */ h(r, { target: v.agent.target })]
+								})
+							]
 						})
 					]
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ g("div", {
 					className: "flex items-center gap-1 sm:gap-2 flex-shrink-0",
-					children: [/* @__PURE__ */ p(t, { status: g.status }), (v || y || b || x) && /* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ h(t, { status: v.status }), (b || x || S || C) && /* @__PURE__ */ g("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ p("button", {
+						children: [/* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: (e) => {
-								e.stopPropagation(), k(!O);
+								e.stopPropagation(), j(!A);
 							},
 							className: "p-1 sm:p-1.5 rounded hover:bg-bg-sunken transition-colors",
-							children: /* @__PURE__ */ p(i, { className: "size-4 text-text-secondary" })
-						}), /* @__PURE__ */ p(d, { children: O && /* @__PURE__ */ m(f.div, {
+							children: /* @__PURE__ */ h(o, { className: "size-4 text-text-secondary" })
+						}), /* @__PURE__ */ h(p, { children: A && /* @__PURE__ */ g(m.div, {
 							initial: {
 								opacity: 0,
 								scale: .95,
@@ -103,53 +111,53 @@ var h = {
 							transition: { duration: .15 },
 							className: "absolute right-0 mt-1 w-40 bg-bg-surface border border-border-default rounded-lg shadow-lg z-10",
 							children: [
-								M && v && /* @__PURE__ */ m(f.button, {
+								P && b && /* @__PURE__ */ g(m.button, {
 									whileTap: { scale: .97 },
 									onClick: (e) => {
-										e.stopPropagation(), v(g), k(!1);
+										e.stopPropagation(), b(v), j(!1);
 									},
 									className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-t-lg",
-									children: [/* @__PURE__ */ p(a, { className: "size-4" }), D("vibecontrols.sessions.card.start", "Start")]
+									children: [/* @__PURE__ */ h(s, { className: "size-4" }), k("vibecontrols.sessions.card.start", "Start")]
 								}),
-								j && y && /* @__PURE__ */ m(f.button, {
+								N && x && /* @__PURE__ */ g(m.button, {
 									whileTap: { scale: .97 },
 									onClick: (e) => {
-										e.stopPropagation(), y(g), k(!1);
+										e.stopPropagation(), x(v), j(!1);
 									},
 									className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken",
-									children: [/* @__PURE__ */ p(c, { className: "size-4" }), D("vibecontrols.sessions.card.stop", "Stop")]
+									children: [/* @__PURE__ */ h(u, { className: "size-4" }), k("vibecontrols.sessions.card.stop", "Stop")]
 								}),
-								j && b && /* @__PURE__ */ m(f.button, {
+								N && S && /* @__PURE__ */ g(m.button, {
 									whileTap: { scale: .97 },
 									onClick: (e) => {
-										e.stopPropagation(), b(g), k(!1);
+										e.stopPropagation(), S(v), j(!1);
 									},
 									className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken",
-									children: [/* @__PURE__ */ p(o, { className: "size-4" }), D("vibecontrols.sessions.card.restart", "Restart")]
+									children: [/* @__PURE__ */ h(c, { className: "size-4" }), k("vibecontrols.sessions.card.restart", "Restart")]
 								}),
-								j && S && /* @__PURE__ */ m(f.button, {
+								N && w && /* @__PURE__ */ g(m.button, {
 									whileTap: { scale: .97 },
 									onClick: (e) => {
-										e.stopPropagation(), S(g), k(!1);
+										e.stopPropagation(), w(v), j(!1);
 									},
 									className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken",
-									children: [/* @__PURE__ */ p(l, { className: "size-4" }), D("vibecontrols.sessions.card.openTerminal", "Open Terminal")]
+									children: [/* @__PURE__ */ h(d, { className: "size-4" }), k("vibecontrols.sessions.card.openTerminal", "Open Terminal")]
 								}),
-								j && C && /* @__PURE__ */ m(f.button, {
+								N && T && /* @__PURE__ */ g(m.button, {
 									whileTap: { scale: .97 },
 									onClick: (e) => {
-										e.stopPropagation(), C(g), k(!1);
+										e.stopPropagation(), T(v), j(!1);
 									},
 									className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken",
-									children: [/* @__PURE__ */ p(s, { className: "size-4" }), D("vibecontrols.sessions.card.shareSession", "Share Session")]
+									children: [/* @__PURE__ */ h(l, { className: "size-4" }), k("vibecontrols.sessions.card.shareSession", "Share Session")]
 								}),
-								x && /* @__PURE__ */ m(f.button, {
+								C && /* @__PURE__ */ g(m.button, {
 									whileTap: { scale: .97 },
 									onClick: (e) => {
-										e.stopPropagation(), x(g), k(!1);
+										e.stopPropagation(), C(v), j(!1);
 									},
 									className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-bg-sunken rounded-b-lg",
-									children: [/* @__PURE__ */ p(u, { className: "size-4" }), D("vibecontrols.sessions.card.terminate", "Terminate")]
+									children: [/* @__PURE__ */ h(f, { className: "size-4" }), k("vibecontrols.sessions.card.terminate", "Terminate")]
 								})
 							]
 						}) })]
@@ -157,42 +165,42 @@ var h = {
 				})]
 			}),
 			(() => {
-				let e = g.metadata || {}, t = typeof e.tmuxSessionName == "string" && e.tmuxSessionName || typeof e.weztermWorkspace == "string" && e.weztermWorkspace || typeof e.zellijSessionName == "string" && e.zellijSessionName || typeof e.externalSessionName == "string" && e.externalSessionName || g.providerSessionName || null;
-				return t ? /* @__PURE__ */ m("div", {
+				let e = v.metadata || {}, t = typeof e.tmuxSessionName == "string" && e.tmuxSessionName || typeof e.weztermWorkspace == "string" && e.weztermWorkspace || typeof e.zellijSessionName == "string" && e.zellijSessionName || typeof e.externalSessionName == "string" && e.externalSessionName || v.providerSessionName || null;
+				return t ? /* @__PURE__ */ g("div", {
 					className: "mt-2 text-[10px] font-mono text-text-tertiary",
 					title: `Provider session: ${t}`,
 					"data-testid": "session-card-external-name",
-					children: [/* @__PURE__ */ m("span", {
+					children: [/* @__PURE__ */ g("span", {
 						className: "opacity-70",
-						children: [g.type.toLowerCase(), ": "]
-					}), /* @__PURE__ */ p("span", {
+						children: [v.type.toLowerCase(), ": "]
+					}), /* @__PURE__ */ h("span", {
 						className: "break-all",
 						children: t
 					})]
 				}) : null;
 			})(),
-			g.command && /* @__PURE__ */ m("div", {
+			v.command && /* @__PURE__ */ g("div", {
 				className: "mt-3 text-xs font-mono bg-bg-sunken p-2 rounded truncate text-text-secondary",
-				children: ["$ ", g.command]
+				children: ["$ ", v.command]
 			}),
-			g.lastOutput && /* @__PURE__ */ p("div", {
+			v.lastOutput && /* @__PURE__ */ h("div", {
 				className: "mt-2 text-xs font-mono bg-bg-sunken text-status-success-text p-2 rounded truncate",
-				children: g.lastOutput
+				children: v.lastOutput
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ g("div", {
 				className: "mt-3 flex items-center justify-between text-sm text-text-secondary",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ p(r, { className: "size-4" }), /* @__PURE__ */ p("span", { children: A(g.updatedAt) })]
-				}), g.pid && /* @__PURE__ */ m("span", {
+					children: [/* @__PURE__ */ h(a, { className: "size-4" }), /* @__PURE__ */ h("span", { children: M(v.updatedAt) })]
+				}), v.pid && /* @__PURE__ */ g("span", {
 					className: "text-xs font-mono",
-					children: ["PID: ", g.pid]
+					children: ["PID: ", v.pid]
 				})]
 			})
 		]
 	});
 };
 //#endregion
-export { g as SessionCard };
+export { v as SessionCard };
 
 //# sourceMappingURL=SessionCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SessionCard.js","names":[],"sources":["../../../src/components/sessions/SessionCard.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport {\n  Terminal,\n  Clock,\n  MoreVertical,\n  Play,\n  Square,\n  RotateCcw,\n  Trash2,\n  Share2,\n} from 'lucide-react';\nimport { SessionStatusBadge } from './SessionStatusBadge';\nimport type { Session } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\nexport interface SessionCardProps {\n  session: Session;\n  onOpen?: (session: Session) => void;\n  onStart?: (session: Session) => void;\n  onStop?: (session: Session) => void;\n  onRestart?: (session: Session) => void;\n  onTerminate?: (session: Session) => void;\n  onOpenTerminal?: (session: Session) => void;\n  /** Callback to open the share dialog */\n  onShare?: (session: Session) => void;\n  /** Whether this card is selected for bulk operations */\n  selected?: boolean;\n  /** Toggle selection for bulk operations */\n  onToggleSelect?: () => void;\n  className?: string;\n}\n\nconst sessionTypeIcons: Record<string, string> = {\n  TMUX: '🖥️',\n  SSH: '🔐',\n  TERMINAL: '💻',\n  SCRIPT: '📜',\n  CUSTOM: '⚙️',\n};\n\n/**\n * SessionCard - Display terminal session information\n */\nexport const SessionCard: FC<SessionCardProps> = ({\n  session,\n  onOpen,\n  onStart,\n  onStop,\n  onRestart,\n  onTerminate,\n  onOpenTerminal,\n  onShare,\n  selected = false,\n  onToggleSelect,\n  className = '',\n}) => {\n  const tr = useTr();\n  const [showMenu, setShowMenu] = useState(false);\n\n  const formatTime = (timestamp: string | undefined | null) => {\n    if (!timestamp) return 'Never';\n    const diff = Date.now() - new Date(timestamp).getTime();\n    if (diff < 60000) return 'Just now';\n    if (diff < 3600000) return `${Math.floor(diff / 60000)}m ago`;\n    if (diff < 86400000) return `${Math.floor(diff / 3600000)}h ago`;\n    return new Date(timestamp).toLocaleDateString();\n  };\n\n  const isRunning = session.status === 'RUNNING';\n  const isStopped = session.status === 'STOPPED' || session.status === 'TERMINATED';\n\n  return (\n    <motion.div\n      whileHover={{ y: -2, transition: { duration: 0.15, ease: [0.4, 0, 0.2, 1] } }}\n      whileTap={{ scale: 0.98 }}\n      className={`bg-bg-surface border rounded-lg p-4 hover:border-border-strong hover:shadow-md transition-all cursor-pointer ${selected ? 'border-action-primary-bg ring-1 ring-action-primary-bg/30' : 'border-border-default'} ${className}`}\n      onClick={() => onOpen?.(session)}\n    >\n      <div className=\"flex items-start justify-between gap-2\">\n        <div className=\"flex items-start gap-2 sm:gap-3 min-w-0 flex-1\">\n          {onToggleSelect && (\n            <div className=\"flex-shrink-0 pt-0.5\">\n              <input\n                aria-label=\"control\"\n                type=\"checkbox\"\n                checked={selected}\n                onChange={(e) => {\n                  e.stopPropagation();\n                  onToggleSelect();\n                }}\n                onClick={(e) => e.stopPropagation()}\n                className=\"size-4 rounded border-border-default cursor-pointer\"\n              />\n            </div>\n          )}\n          <div className=\"flex-shrink-0 size-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center\">\n            <Terminal className=\"size-4 sm:w-5 sm:h-5 text-text-secondary\" />\n          </div>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex items-center gap-1.5 sm:gap-2 flex-wrap\">\n              <h3 className=\"font-semibold text-text-primary truncate max-w-[120px] sm:max-w-none text-sm sm:text-base\">\n                {session.name}\n              </h3>\n              <span className=\"text-base sm:text-lg flex-shrink-0\">\n                {sessionTypeIcons[session.type] || '💻'}\n              </span>\n            </div>\n            <p className=\"text-xs sm:text-sm text-text-secondary\">{session.type}</p>\n          </div>\n        </div>\n        {/* Status and Actions - always visible */}\n        <div className=\"flex items-center gap-1 sm:gap-2 flex-shrink-0\">\n          <SessionStatusBadge status={session.status} />\n          {(onStart || onStop || onRestart || onTerminate) && (\n            <div className=\"relative\">\n              <button\n                type=\"button\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  setShowMenu(!showMenu);\n                }}\n                className=\"p-1 sm:p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n              >\n                <MoreVertical className=\"size-4 text-text-secondary\" />\n              </button>\n              <AnimatePresence>\n                {showMenu && (\n                  <motion.div\n                    initial={{ opacity: 0, scale: 0.95, y: -4 }}\n                    animate={{ opacity: 1, scale: 1, y: 0 }}\n                    exit={{ opacity: 0, scale: 0.95, y: -4 }}\n                    transition={{ duration: 0.15 }}\n                    className=\"absolute right-0 mt-1 w-40 bg-bg-surface border border-border-default rounded-lg shadow-lg z-10\"\n                  >\n                    {isStopped && onStart && (\n                      <motion.button\n                        whileTap={{ scale: 0.97 }}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onStart(session);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-t-lg\"\n                      >\n                        <Play className=\"size-4\" />\n                        {tr('vibecontrols.sessions.card.start', 'Start')}\n                      </motion.button>\n                    )}\n                    {isRunning && onStop && (\n                      <motion.button\n                        whileTap={{ scale: 0.97 }}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onStop(session);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                      >\n                        <Square className=\"size-4\" />\n                        {tr('vibecontrols.sessions.card.stop', 'Stop')}\n                      </motion.button>\n                    )}\n                    {isRunning && onRestart && (\n                      <motion.button\n                        whileTap={{ scale: 0.97 }}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onRestart(session);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                      >\n                        <RotateCcw className=\"size-4\" />\n                        {tr('vibecontrols.sessions.card.restart', 'Restart')}\n                      </motion.button>\n                    )}\n                    {isRunning && onOpenTerminal && (\n                      <motion.button\n                        whileTap={{ scale: 0.97 }}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onOpenTerminal(session);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                      >\n                        <Terminal className=\"size-4\" />\n                        {tr('vibecontrols.sessions.card.openTerminal', 'Open Terminal')}\n                      </motion.button>\n                    )}\n                    {isRunning && onShare && (\n                      <motion.button\n                        whileTap={{ scale: 0.97 }}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onShare(session);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                      >\n                        <Share2 className=\"size-4\" />\n                        {tr('vibecontrols.sessions.card.shareSession', 'Share Session')}\n                      </motion.button>\n                    )}\n                    {onTerminate && (\n                      <motion.button\n                        whileTap={{ scale: 0.97 }}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onTerminate(session);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-bg-sunken rounded-b-lg\"\n                      >\n                        <Trash2 className=\"size-4\" />\n                        {tr('vibecontrols.sessions.card.terminate', 'Terminate')}\n                      </motion.button>\n                    )}\n                  </motion.div>\n                )}\n              </AnimatePresence>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Provider-native session name (e.g. tmux session name like\n          `vibe-051c9c62`). Surfaced so users can recognise their session\n          if they ever need to attach from a CLI (`tmux attach -t …`)\n          and so reconnect-after-restart flows are obvious. */}\n      {(() => {\n        const meta = (session.metadata as Record<string, unknown> | null) || {};\n        const externalName =\n          (typeof meta.tmuxSessionName === 'string' && meta.tmuxSessionName) ||\n          (typeof meta.weztermWorkspace === 'string' && meta.weztermWorkspace) ||\n          (typeof meta.zellijSessionName === 'string' && meta.zellijSessionName) ||\n          (typeof meta.externalSessionName === 'string' && meta.externalSessionName) ||\n          session.providerSessionName ||\n          null;\n        return externalName ? (\n          <div\n            className=\"mt-2 text-[10px] font-mono text-text-tertiary\"\n            title={`Provider session: ${externalName}`}\n            data-testid=\"session-card-external-name\"\n          >\n            <span className=\"opacity-70\">{session.type.toLowerCase()}: </span>\n            <span className=\"break-all\">{externalName}</span>\n          </div>\n        ) : null;\n      })()}\n\n      {session.command && (\n        <div className=\"mt-3 text-xs font-mono bg-bg-sunken p-2 rounded truncate text-text-secondary\">\n          $ {session.command}\n        </div>\n      )}\n\n      {session.lastOutput && (\n        <div className=\"mt-2 text-xs font-mono bg-bg-sunken text-status-success-text p-2 rounded truncate\">\n          {session.lastOutput}\n        </div>\n      )}\n\n      <div className=\"mt-3 flex items-center justify-between text-sm text-text-secondary\">\n        <div className=\"flex items-center gap-2\">\n          <Clock className=\"size-4\" />\n          <span>{formatTime(session.updatedAt)}</span>\n        </div>\n        {session.pid && <span className=\"text-xs font-mono\">PID: {session.pid}</span>}\n      </div>\n    </motion.div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SessionCard.js","names":[],"sources":["../../../src/components/sessions/SessionCard.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport {\n  Terminal,\n  Clock,\n  MoreVertical,\n  Play,\n  Square,\n  RotateCcw,\n  Trash2,\n  Share2,\n} from 'lucide-react';\nimport { SessionStatusBadge } from './SessionStatusBadge';\nimport { AgentInfoPopover, TargetInfoPopover } from './EntityInfoPopover';\nimport type { Session } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\nexport interface SessionCardProps {\n  session: Session;\n  onOpen?: (session: Session) => void;\n  onStart?: (session: Session) => void;\n  onStop?: (session: Session) => void;\n  onRestart?: (session: Session) => void;\n  onTerminate?: (session: Session) => void;\n  onOpenTerminal?: (session: Session) => void;\n  /** Callback to open the share dialog */\n  onShare?: (session: Session) => void;\n  /** Whether this card is selected for bulk operations */\n  selected?: boolean;\n  /** Toggle selection for bulk operations */\n  onToggleSelect?: () => void;\n  className?: string;\n}\n\nconst sessionTypeIcons: Record<string, string> = {\n  TMUX: '🖥️',\n  SSH: '🔐',\n  TERMINAL: '💻',\n  SCRIPT: '📜',\n  CUSTOM: '⚙️',\n};\n\n/**\n * SessionCard - Display terminal session information\n */\nexport const SessionCard: FC<SessionCardProps> = ({\n  session,\n  onOpen,\n  onStart,\n  onStop,\n  onRestart,\n  onTerminate,\n  onOpenTerminal,\n  onShare,\n  selected = false,\n  onToggleSelect,\n  className = '',\n}) => {\n  const tr = useTr();\n  const [showMenu, setShowMenu] = useState(false);\n\n  const formatTime = (timestamp: string | undefined | null) => {\n    if (!timestamp) return 'Never';\n    const diff = Date.now() - new Date(timestamp).getTime();\n    if (diff < 60000) return 'Just now';\n    if (diff < 3600000) return `${Math.floor(diff / 60000)}m ago`;\n    if (diff < 86400000) return `${Math.floor(diff / 3600000)}h ago`;\n    return new Date(timestamp).toLocaleDateString();\n  };\n\n  const isRunning = session.status === 'RUNNING';\n  const isStopped = session.status === 'STOPPED' || session.status === 'TERMINATED';\n\n  return (\n    <motion.div\n      whileHover={{ y: -2, transition: { duration: 0.15, ease: [0.4, 0, 0.2, 1] } }}\n      whileTap={{ scale: 0.98 }}\n      className={`bg-bg-surface border rounded-lg p-4 hover:border-border-strong hover:shadow-md transition-all cursor-pointer ${selected ? 'border-action-primary-bg ring-1 ring-action-primary-bg/30' : 'border-border-default'} ${className}`}\n      onClick={() => onOpen?.(session)}\n    >\n      <div className=\"flex items-start justify-between gap-2\">\n        <div className=\"flex items-start gap-2 sm:gap-3 min-w-0 flex-1\">\n          {onToggleSelect && (\n            <div className=\"flex-shrink-0 pt-0.5\">\n              <input\n                aria-label=\"control\"\n                type=\"checkbox\"\n                checked={selected}\n                onChange={(e) => {\n                  e.stopPropagation();\n                  onToggleSelect();\n                }}\n                onClick={(e) => e.stopPropagation()}\n                className=\"size-4 rounded border-border-default cursor-pointer\"\n              />\n            </div>\n          )}\n          <div className=\"flex-shrink-0 size-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center\">\n            <Terminal className=\"size-4 sm:w-5 sm:h-5 text-text-secondary\" />\n          </div>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex items-center gap-1.5 sm:gap-2 flex-wrap\">\n              <h3 className=\"font-semibold text-text-primary truncate max-w-[120px] sm:max-w-none text-sm sm:text-base\">\n                {session.name}\n              </h3>\n              <span className=\"text-base sm:text-lg flex-shrink-0\">\n                {sessionTypeIcons[session.type] || '💻'}\n              </span>\n            </div>\n            <p className=\"text-xs sm:text-sm text-text-secondary\">{session.type}</p>\n            {session.agent && (\n              <div className=\"mt-1.5 flex items-center gap-1 flex-wrap\">\n                <AgentInfoPopover agent={session.agent} />\n                {session.agent.target && <TargetInfoPopover target={session.agent.target} />}\n              </div>\n            )}\n          </div>\n        </div>\n        {/* Status and Actions - always visible */}\n        <div className=\"flex items-center gap-1 sm:gap-2 flex-shrink-0\">\n          <SessionStatusBadge status={session.status} />\n          {(onStart || onStop || onRestart || onTerminate) && (\n            <div className=\"relative\">\n              <button\n                type=\"button\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  setShowMenu(!showMenu);\n                }}\n                className=\"p-1 sm:p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n              >\n                <MoreVertical className=\"size-4 text-text-secondary\" />\n              </button>\n              <AnimatePresence>\n                {showMenu && (\n                  <motion.div\n                    initial={{ opacity: 0, scale: 0.95, y: -4 }}\n                    animate={{ opacity: 1, scale: 1, y: 0 }}\n                    exit={{ opacity: 0, scale: 0.95, y: -4 }}\n                    transition={{ duration: 0.15 }}\n                    className=\"absolute right-0 mt-1 w-40 bg-bg-surface border border-border-default rounded-lg shadow-lg z-10\"\n                  >\n                    {isStopped && onStart && (\n                      <motion.button\n                        whileTap={{ scale: 0.97 }}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onStart(session);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-t-lg\"\n                      >\n                        <Play className=\"size-4\" />\n                        {tr('vibecontrols.sessions.card.start', 'Start')}\n                      </motion.button>\n                    )}\n                    {isRunning && onStop && (\n                      <motion.button\n                        whileTap={{ scale: 0.97 }}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onStop(session);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                      >\n                        <Square className=\"size-4\" />\n                        {tr('vibecontrols.sessions.card.stop', 'Stop')}\n                      </motion.button>\n                    )}\n                    {isRunning && onRestart && (\n                      <motion.button\n                        whileTap={{ scale: 0.97 }}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onRestart(session);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                      >\n                        <RotateCcw className=\"size-4\" />\n                        {tr('vibecontrols.sessions.card.restart', 'Restart')}\n                      </motion.button>\n                    )}\n                    {isRunning && onOpenTerminal && (\n                      <motion.button\n                        whileTap={{ scale: 0.97 }}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onOpenTerminal(session);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                      >\n                        <Terminal className=\"size-4\" />\n                        {tr('vibecontrols.sessions.card.openTerminal', 'Open Terminal')}\n                      </motion.button>\n                    )}\n                    {isRunning && onShare && (\n                      <motion.button\n                        whileTap={{ scale: 0.97 }}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onShare(session);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                      >\n                        <Share2 className=\"size-4\" />\n                        {tr('vibecontrols.sessions.card.shareSession', 'Share Session')}\n                      </motion.button>\n                    )}\n                    {onTerminate && (\n                      <motion.button\n                        whileTap={{ scale: 0.97 }}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onTerminate(session);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-bg-sunken rounded-b-lg\"\n                      >\n                        <Trash2 className=\"size-4\" />\n                        {tr('vibecontrols.sessions.card.terminate', 'Terminate')}\n                      </motion.button>\n                    )}\n                  </motion.div>\n                )}\n              </AnimatePresence>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Provider-native session name (e.g. tmux session name like\n          `vibe-051c9c62`). Surfaced so users can recognise their session\n          if they ever need to attach from a CLI (`tmux attach -t …`)\n          and so reconnect-after-restart flows are obvious. */}\n      {(() => {\n        const meta = (session.metadata as Record<string, unknown> | null) || {};\n        const externalName =\n          (typeof meta.tmuxSessionName === 'string' && meta.tmuxSessionName) ||\n          (typeof meta.weztermWorkspace === 'string' && meta.weztermWorkspace) ||\n          (typeof meta.zellijSessionName === 'string' && meta.zellijSessionName) ||\n          (typeof meta.externalSessionName === 'string' && meta.externalSessionName) ||\n          session.providerSessionName ||\n          null;\n        return externalName ? (\n          <div\n            className=\"mt-2 text-[10px] font-mono text-text-tertiary\"\n            title={`Provider session: ${externalName}`}\n            data-testid=\"session-card-external-name\"\n          >\n            <span className=\"opacity-70\">{session.type.toLowerCase()}: </span>\n            <span className=\"break-all\">{externalName}</span>\n          </div>\n        ) : null;\n      })()}\n\n      {session.command && (\n        <div className=\"mt-3 text-xs font-mono bg-bg-sunken p-2 rounded truncate text-text-secondary\">\n          $ {session.command}\n        </div>\n      )}\n\n      {session.lastOutput && (\n        <div className=\"mt-2 text-xs font-mono bg-bg-sunken text-status-success-text p-2 rounded truncate\">\n          {session.lastOutput}\n        </div>\n      )}\n\n      <div className=\"mt-3 flex items-center justify-between text-sm text-text-secondary\">\n        <div className=\"flex items-center gap-2\">\n          <Clock className=\"size-4\" />\n          <span>{formatTime(session.updatedAt)}</span>\n        </div>\n        {session.pid && <span className=\"text-xs font-mono\">PID: {session.pid}</span>}\n      </div>\n    </motion.div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/sessions/SessionGroup.js

@@ -0,0 +1,49 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { ChevronDown as t, ChevronRight as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/sessions/SessionGroup.tsx
+function a({ label: a, count: o, collapsed: s, onToggleCollapse: c, allSelected: l, someSelected: u, onToggleSelectGroup: d, showSelect: f = !0, children: p }) {
+	let m = e();
+	return /* @__PURE__ */ i("div", {
+		"data-testid": "session-group",
+		"data-group-label": a,
+		children: [/* @__PURE__ */ i("div", {
+			className: "flex items-center gap-2 px-1 py-1.5 sticky top-0 z-[1] bg-bg-surface/95 backdrop-blur-sm",
+			children: [f && /* @__PURE__ */ r("input", {
+				"aria-label": m("sessions.group.selectGroup", "Select group"),
+				type: "checkbox",
+				checked: l,
+				ref: (e) => {
+					e && (e.indeterminate = !l && u);
+				},
+				onChange: (e) => {
+					e.stopPropagation(), d();
+				},
+				onClick: (e) => e.stopPropagation(),
+				className: "size-3.5 rounded border-border-default text-action-primary-bg focus:ring-action-primary-bg"
+			}), /* @__PURE__ */ i("button", {
+				type: "button",
+				onClick: c,
+				className: "flex items-center gap-1.5 text-sm font-semibold text-text-primary hover:text-text-link transition-colors min-w-0",
+				children: [
+					r(s ? n : t, { className: "size-3.5 text-text-tertiary shrink-0" }),
+					/* @__PURE__ */ r("span", {
+						className: "truncate",
+						children: a
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "ml-1 inline-flex items-center justify-center min-w-[1.25rem] px-1.5 py-0.5 text-[10px] font-medium rounded-full bg-bg-sunken text-text-secondary",
+						children: o
+					})
+				]
+			})]
+		}), !s && /* @__PURE__ */ r("div", {
+			className: "pb-2",
+			children: p
+		})]
+	});
+}
+//#endregion
+export { a as SessionGroup };
+
+//# sourceMappingURL=SessionGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionGroup.js","names":[],"sources":["../../../src/components/sessions/SessionGroup.tsx"],"sourcesContent":["/**\n * SessionGroup — a collapsible section wrapping one group of sessions in\n * the grid/list views. The header carries the group label, a count, and a\n * tri-state select-all checkbox that toggles only this group's ids in the\n * page-level selection Set (so the global bulk-action bar keeps working).\n */\nimport type { ReactNode } from 'react';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\n\nexport interface SessionGroupProps {\n  label: string;\n  count: number;\n  collapsed: boolean;\n  onToggleCollapse: () => void;\n  /** All sessions in this group are selected. */\n  allSelected: boolean;\n  /** Some (but not all) sessions in this group are selected. */\n  someSelected: boolean;\n  /** Toggle selection of every session in this group. */\n  onToggleSelectGroup: () => void;\n  /** Whether to show the per-group select checkbox (bulk mode). */\n  showSelect?: boolean;\n  children: ReactNode;\n}\n\nexport function SessionGroup({\n  label,\n  count,\n  collapsed,\n  onToggleCollapse,\n  allSelected,\n  someSelected,\n  onToggleSelectGroup,\n  showSelect = true,\n  children,\n}: SessionGroupProps) {\n  const tr = useTr();\n  return (\n    <div data-testid=\"session-group\" data-group-label={label}>\n      <div className=\"flex items-center gap-2 px-1 py-1.5 sticky top-0 z-[1] bg-bg-surface/95 backdrop-blur-sm\">\n        {showSelect && (\n          <input\n            aria-label={tr('sessions.group.selectGroup', 'Select group')}\n            type=\"checkbox\"\n            checked={allSelected}\n            ref={(el) => {\n              if (el) el.indeterminate = !allSelected && someSelected;\n            }}\n            onChange={(e) => {\n              e.stopPropagation();\n              onToggleSelectGroup();\n            }}\n            onClick={(e) => e.stopPropagation()}\n            className=\"size-3.5 rounded border-border-default text-action-primary-bg focus:ring-action-primary-bg\"\n          />\n        )}\n        <button\n          type=\"button\"\n          onClick={onToggleCollapse}\n          className=\"flex items-center gap-1.5 text-sm font-semibold text-text-primary hover:text-text-link transition-colors min-w-0\"\n        >\n          {collapsed ? (\n            <ChevronRight className=\"size-3.5 text-text-tertiary shrink-0\" />\n          ) : (\n            <ChevronDown className=\"size-3.5 text-text-tertiary shrink-0\" />\n          )}\n          <span className=\"truncate\">{label}</span>\n          <span className=\"ml-1 inline-flex items-center justify-center min-w-[1.25rem] px-1.5 py-0.5 text-[10px] font-medium rounded-full bg-bg-sunken text-text-secondary\">\n            {count}\n          </span>\n        </button>\n      </div>\n      {!collapsed && <div className=\"pb-2\">{children}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;AA0BA,SAAgB,EAAa,EAC3B,UACA,UACA,cACA,qBACA,gBACA,iBACA,wBACA,gBAAa,IACb,eACoB;CACpB,IAAM,IAAK,GAAO;AAClB,QACE,kBAAC,OAAD;EAAK,eAAY;EAAgB,oBAAkB;YAAnD,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KACC,kBAAC,SAAD;IACE,cAAY,EAAG,8BAA8B,eAAe;IAC5D,MAAK;IACL,SAAS;IACT,MAAM,MAAO;AACX,KAAI,MAAI,EAAG,gBAAgB,CAAC,KAAe;;IAE7C,WAAW,MAAM;AAEf,KADA,EAAE,iBAAiB,EACnB,GAAqB;;IAEvB,UAAU,MAAM,EAAE,iBAAiB;IACnC,WAAU;IACV,CAAA,EAEJ,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,WAAU;cAHZ;KAMI,EADD,IACE,IAEA,GAFD,EAAc,WAAU,wCAAyC,CAED;KAElE,kBAAC,QAAD;MAAM,WAAU;gBAAY;MAAa,CAAA;KACzC,kBAAC,QAAD;MAAM,WAAU;gBACb;MACI,CAAA;KACA;MACL;MACL,CAAC,KAAa,kBAAC,OAAD;GAAK,WAAU;GAAQ;GAAe,CAAA,CACjD"}

package/dist/components/sessions/SessionInfoPanel.js

@@ -0,0 +1,128 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useVibeNavigate as t } from "../../providers/VibeControlsProvider.js";
+import { getAgentStatus as n } from "../agents/agentStatus.js";
+import { Boxes as r, ExternalLink as i, MonitorSmartphone as a, Server as o, Terminal as s } from "lucide-react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Sheet as d, SheetContent as f, SheetDescription as p, SheetHeader as m, SheetTitle as h } from "@burdenoff/fe-libs/ui";
+//#region src/components/sessions/SessionInfoPanel.tsx
+function g({ label: e, value: t }) {
+	return /* @__PURE__ */ u("div", {
+		className: "flex items-center justify-between gap-3 py-1 text-sm",
+		children: [/* @__PURE__ */ l("span", {
+			className: "text-text-tertiary",
+			children: e
+		}), /* @__PURE__ */ l("span", {
+			className: "font-medium text-text-primary truncate max-w-[60%]",
+			title: t,
+			children: t
+		})]
+	});
+}
+function _({ open: _, onOpenChange: v, session: y }) {
+	let b = e(), x = t(), S = y?.agent, C = S?.target, w = y?.vibe;
+	return /* @__PURE__ */ l(d, {
+		open: _,
+		onOpenChange: v,
+		children: /* @__PURE__ */ u(f, {
+			side: "right",
+			className: "w-full sm:max-w-md overflow-y-auto",
+			"data-testid": "session-info-panel",
+			children: [/* @__PURE__ */ u(m, { children: [/* @__PURE__ */ u(h, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ l(s, { className: "size-4 text-text-secondary" }), y?.name ?? b("sessions.info.panelTitle", "Session details")]
+			}), /* @__PURE__ */ l(p, { children: b("sessions.info.panelDesc", "Where this session runs and how to reach it.") })] }), /* @__PURE__ */ l("div", {
+				className: "px-4 pb-4 space-y-5",
+				children: y ? /* @__PURE__ */ u(c, { children: [
+					/* @__PURE__ */ u("section", { children: [
+						/* @__PURE__ */ u("h3", {
+							className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-text-tertiary mb-2",
+							children: [/* @__PURE__ */ l(s, { className: "size-3.5" }), b("sessions.info.session", "Session")]
+						}),
+						/* @__PURE__ */ l(g, {
+							label: b("sessions.info.type", "Type"),
+							value: y.type
+						}),
+						/* @__PURE__ */ l(g, {
+							label: b("sessions.info.status", "Status"),
+							value: y.status
+						}),
+						y.workingDirectory && /* @__PURE__ */ l(g, {
+							label: b("sessions.info.cwd", "Working dir"),
+							value: y.workingDirectory
+						})
+					] }),
+					S && /* @__PURE__ */ u("section", { children: [
+						/* @__PURE__ */ u("h3", {
+							className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-text-tertiary mb-2",
+							children: [/* @__PURE__ */ l(o, { className: "size-3.5" }), b("sessions.info.agent", "Agent")]
+						}),
+						/* @__PURE__ */ l(g, {
+							label: b("sessions.info.name", "Name"),
+							value: S.name
+						}),
+						/* @__PURE__ */ l(g, {
+							label: b("sessions.info.status", "Status"),
+							value: n(S)
+						}),
+						S.hostname && /* @__PURE__ */ l(g, {
+							label: b("sessions.info.host", "Host"),
+							value: S.hostname
+						}),
+						S.platform && /* @__PURE__ */ l(g, {
+							label: b("sessions.info.platform", "Platform"),
+							value: S.platform
+						}),
+						/* @__PURE__ */ u("button", {
+							type: "button",
+							onClick: () => x(`/agents/${S.id}`),
+							className: "mt-2 inline-flex items-center gap-1.5 text-xs font-medium text-text-link hover:underline",
+							children: [/* @__PURE__ */ l(i, { className: "size-3" }), b("sessions.info.viewAgent", "View agent")]
+						})
+					] }),
+					C && /* @__PURE__ */ u("section", { children: [
+						/* @__PURE__ */ u("h3", {
+							className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-text-tertiary mb-2",
+							children: [/* @__PURE__ */ l(a, { className: "size-3.5" }), b("sessions.info.target", "Target")]
+						}),
+						/* @__PURE__ */ l(g, {
+							label: b("sessions.info.name", "Name"),
+							value: C.name
+						}),
+						/* @__PURE__ */ l(g, {
+							label: b("sessions.info.type", "Type"),
+							value: C.type
+						}),
+						/* @__PURE__ */ l(g, {
+							label: b("sessions.info.status", "Status"),
+							value: C.status
+						}),
+						C.host && /* @__PURE__ */ l(g, {
+							label: b("sessions.info.address", "Address"),
+							value: `${C.host}${C.port ? `:${C.port}` : ""}`
+						}),
+						/* @__PURE__ */ u("button", {
+							type: "button",
+							onClick: () => x(`/targets/${C.id}`),
+							className: "mt-2 inline-flex items-center gap-1.5 text-xs font-medium text-text-link hover:underline",
+							children: [/* @__PURE__ */ l(i, { className: "size-3" }), b("sessions.info.viewTarget", "View target")]
+						})
+					] }),
+					w && /* @__PURE__ */ u("section", { children: [/* @__PURE__ */ u("h3", {
+						className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-text-tertiary mb-2",
+						children: [/* @__PURE__ */ l(r, { className: "size-3.5" }), b("sessions.info.vibe", "Vibe")]
+					}), /* @__PURE__ */ l(g, {
+						label: b("sessions.info.name", "Name"),
+						value: w.name
+					})] })
+				] }) : /* @__PURE__ */ l("p", {
+					className: "text-sm text-text-tertiary",
+					children: b("sessions.info.noActive", "No active terminal session.")
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { _ as SessionInfoPanel };
+
+//# sourceMappingURL=SessionInfoPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInfoPanel.js","names":[],"sources":["../../../src/components/sessions/SessionInfoPanel.tsx"],"sourcesContent":["/**\n * SessionInfoPanel — a side sheet summarising the active terminal tab's\n * session: which agent it runs on, which target machine that agent is\n * installed on, and the optional vibe. Each entity links to its full\n * detail page. Opened from the terminal status bar or the `i` shortcut.\n */\nimport {\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n} from '@burdenoff/fe-libs/ui';\nimport { Server, MonitorSmartphone, Boxes, ExternalLink, Terminal } from 'lucide-react';\nimport { getAgentStatus } from '@/components/agents/agentStatus';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { useTr } from '../../shared/hooks/useTr';\nimport type { Session } from './types';\n\nfunction Field({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"flex items-center justify-between gap-3 py-1 text-sm\">\n      <span className=\"text-text-tertiary\">{label}</span>\n      <span className=\"font-medium text-text-primary truncate max-w-[60%]\" title={value}>\n        {value}\n      </span>\n    </div>\n  );\n}\n\nexport interface SessionInfoPanelProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  session: Session | null;\n}\n\nexport function SessionInfoPanel({ open, onOpenChange, session }: SessionInfoPanelProps) {\n  const tr = useTr();\n  const navigate = useVibeNavigate();\n  const agent = session?.agent;\n  const target = agent?.target;\n  const vibe = session?.vibe;\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent\n        side=\"right\"\n        className=\"w-full sm:max-w-md overflow-y-auto\"\n        data-testid=\"session-info-panel\"\n      >\n        <SheetHeader>\n          <SheetTitle className=\"flex items-center gap-2\">\n            <Terminal className=\"size-4 text-text-secondary\" />\n            {session?.name ?? tr('sessions.info.panelTitle', 'Session details')}\n          </SheetTitle>\n          <SheetDescription>\n            {tr('sessions.info.panelDesc', 'Where this session runs and how to reach it.')}\n          </SheetDescription>\n        </SheetHeader>\n\n        <div className=\"px-4 pb-4 space-y-5\">\n          {!session ? (\n            <p className=\"text-sm text-text-tertiary\">\n              {tr('sessions.info.noActive', 'No active terminal session.')}\n            </p>\n          ) : (\n            <>\n              <section>\n                <h3 className=\"flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-text-tertiary mb-2\">\n                  <Terminal className=\"size-3.5\" />\n                  {tr('sessions.info.session', 'Session')}\n                </h3>\n                <Field label={tr('sessions.info.type', 'Type')} value={session.type} />\n                <Field label={tr('sessions.info.status', 'Status')} value={session.status} />\n                {session.workingDirectory && (\n                  <Field\n                    label={tr('sessions.info.cwd', 'Working dir')}\n                    value={session.workingDirectory}\n                  />\n                )}\n              </section>\n\n              {agent && (\n                <section>\n                  <h3 className=\"flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-text-tertiary mb-2\">\n                    <Server className=\"size-3.5\" />\n                    {tr('sessions.info.agent', 'Agent')}\n                  </h3>\n                  <Field label={tr('sessions.info.name', 'Name')} value={agent.name} />\n                  <Field\n                    label={tr('sessions.info.status', 'Status')}\n                    value={getAgentStatus(agent)}\n                  />\n                  {agent.hostname && (\n                    <Field label={tr('sessions.info.host', 'Host')} value={agent.hostname} />\n                  )}\n                  {agent.platform && (\n                    <Field\n                      label={tr('sessions.info.platform', 'Platform')}\n                      value={agent.platform}\n                    />\n                  )}\n                  <button\n                    type=\"button\"\n                    onClick={() => navigate(`/agents/${agent.id}`)}\n                    className=\"mt-2 inline-flex items-center gap-1.5 text-xs font-medium text-text-link hover:underline\"\n                  >\n                    <ExternalLink className=\"size-3\" />\n                    {tr('sessions.info.viewAgent', 'View agent')}\n                  </button>\n                </section>\n              )}\n\n              {target && (\n                <section>\n                  <h3 className=\"flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-text-tertiary mb-2\">\n                    <MonitorSmartphone className=\"size-3.5\" />\n                    {tr('sessions.info.target', 'Target')}\n                  </h3>\n                  <Field label={tr('sessions.info.name', 'Name')} value={target.name} />\n                  <Field label={tr('sessions.info.type', 'Type')} value={target.type} />\n                  <Field label={tr('sessions.info.status', 'Status')} value={target.status} />\n                  {target.host && (\n                    <Field\n                      label={tr('sessions.info.address', 'Address')}\n                      value={`${target.host}${target.port ? `:${target.port}` : ''}`}\n                    />\n                  )}\n                  <button\n                    type=\"button\"\n                    onClick={() => navigate(`/targets/${target.id}`)}\n                    className=\"mt-2 inline-flex items-center gap-1.5 text-xs font-medium text-text-link hover:underline\"\n                  >\n                    <ExternalLink className=\"size-3\" />\n                    {tr('sessions.info.viewTarget', 'View target')}\n                  </button>\n                </section>\n              )}\n\n              {vibe && (\n                <section>\n                  <h3 className=\"flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-text-tertiary mb-2\">\n                    <Boxes className=\"size-3.5\" />\n                    {tr('sessions.info.vibe', 'Vibe')}\n                  </h3>\n                  <Field label={tr('sessions.info.name', 'Name')} value={vibe.name} />\n                </section>\n              )}\n            </>\n          )}\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n}\n"],"mappings":"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"}