@burdenoff/microfe-vibecontrols 2026.602.3 → 2026.602.4

package/dist/components/vibe/VibeLinkedEntitiesPanel.js

@@ -1,14 +1,14 @@
 import { useGetVibeLinkedEntitiesQuery as e, useGetVibeLinkedSandboxesQuery as t, useGetVibeLinkedScheduledJobsQuery as n } from "../../generated/wspace-operations.js";
 import { useTr as r } from "../../shared/hooks/useTr.js";
-import { useVibeControls as i } from "../../providers/VibeControlsProvider.js";
-import { LoadingState as a } from "../shared/LoadingState.js";
-import { ErrorState as o } from "../shared/ErrorState.js";
-import { EmptyState as s } from "../shared/EmptyState.js";
+import { useVibeControls as i, useVibeNavigate as a } from "../../providers/VibeControlsProvider.js";
+import { LoadingState as o } from "../shared/LoadingState.js";
+import { ErrorState as s } from "../shared/ErrorState.js";
+import { EmptyState as c } from "../shared/EmptyState.js";
 import "../shared/index.js";
-import { Link2 as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { ArrowUpRight as l, Link2 as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/vibe/VibeLinkedEntitiesPanel.tsx
-var d = {
+var p = {
 	vibedecks: {
 		singular: "Vibe Deck",
 		plural: "Vibe Decks"
@@ -41,152 +41,179 @@ var d = {
 		singular: "Tunnel",
 		plural: "Tunnels"
 	}
-}, f = new Set([
+}, m = new Set([
 	"vibedecks",
 	"actions",
 	"aiPrompts",
 	"aiContexts",
 	"instructionFiles",
 	"tunnels"
-]);
-function p(e) {
+]), h = {
+	vibedecks: "/vibedeck",
+	actions: "/actions",
+	scheduledJobs: "/calendar",
+	sandboxes: "/sandbox",
+	aiPrompts: "/ai-tools/ai/prompts",
+	aiContexts: "/ai-tools/ai/contexts",
+	instructionFiles: "/ai-tools/ai/instructions",
+	tunnels: "/tunnels"
+};
+function g(e) {
 	return e === "SHARED_WITH_VIBE" ? "Shared" : "Private";
 }
-function m({ labels: e, loading: t, hasData: n, error: r, rows: i, emptyDescription: d }) {
-	return t && !n ? /* @__PURE__ */ l("div", {
-		className: "rounded-lg border border-border-default bg-bg-surface p-6",
-		children: /* @__PURE__ */ l(a, { message: `Loading ${e.plural.toLowerCase()}…` })
-	}) : r ? /* @__PURE__ */ l("div", {
-		className: "rounded-lg border border-border-default bg-bg-surface p-6",
-		children: /* @__PURE__ */ l(o, {
+function _({ labels: e, loading: t, hasData: n, error: i, rows: a, emptyDescription: p, onOpenPage: m }) {
+	let h = r(), _ = t && !n ? /* @__PURE__ */ d("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ d(o, { message: `Loading ${e.plural.toLowerCase()}…` })
+	}) : i ? /* @__PURE__ */ d("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ d(s, {
 			title: `Failed to load ${e.plural.toLowerCase()}`,
-			message: r.message
+			message: i.message
 		})
-	}) : i.length === 0 ? /* @__PURE__ */ l("div", {
-		className: "rounded-lg border border-border-default bg-bg-surface p-6",
-		children: /* @__PURE__ */ l(s, {
-			icon: /* @__PURE__ */ l(c, {
+	}) : a.length === 0 ? /* @__PURE__ */ d("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ d(c, {
+			icon: /* @__PURE__ */ d(u, {
 				size: 48,
 				className: "text-text-secondary"
 			}),
 			title: `No ${e.plural.toLowerCase()} linked yet`,
-			description: d
+			description: p
 		})
-	}) : /* @__PURE__ */ l("div", {
-		className: "rounded-lg border border-border-default bg-bg-surface",
+	}) : /* @__PURE__ */ d("ul", {
+		className: "divide-y divide-border-default",
 		"data-testid": "vibe-linked-entities",
-		children: /* @__PURE__ */ l("ul", {
-			className: "divide-y divide-border-default",
-			children: i.map((e) => /* @__PURE__ */ u("li", {
-				className: "flex items-center justify-between gap-3 px-4 py-3",
-				children: [/* @__PURE__ */ u("div", {
-					className: "flex min-w-0 items-center gap-2",
-					children: [/* @__PURE__ */ l("span", {
-						className: "truncate text-sm font-medium text-text-primary",
-						children: e.label
-					}), /* @__PURE__ */ l("span", {
-						className: "flex-shrink-0 rounded bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
-						children: e.badge
-					})]
-				}), /* @__PURE__ */ l("span", {
-					className: `flex-shrink-0 rounded px-2 py-0.5 text-xs ${e.visibility === "SHARED_WITH_VIBE" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-tertiary"}`,
-					children: p(e.visibility)
+		children: a.map((e) => /* @__PURE__ */ f("li", {
+			className: "flex items-center justify-between gap-3 px-4 py-3",
+			children: [/* @__PURE__ */ f("div", {
+				className: "flex min-w-0 items-center gap-2",
+				children: [/* @__PURE__ */ d("span", {
+					className: "truncate text-sm font-medium text-text-primary",
+					children: e.label
+				}), /* @__PURE__ */ d("span", {
+					className: "flex-shrink-0 rounded bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
+					children: e.badge
 				})]
-			}, e.id))
-		})
+			}), /* @__PURE__ */ d("span", {
+				className: `flex-shrink-0 rounded px-2 py-0.5 text-xs ${e.visibility === "SHARED_WITH_VIBE" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-tertiary"}`,
+				children: g(e.visibility)
+			})]
+		}, e.id))
+	});
+	return /* @__PURE__ */ f("div", {
+		className: "rounded-lg border border-border-default bg-bg-surface",
+		children: [/* @__PURE__ */ f("div", {
+			className: "flex items-center justify-between gap-3 border-b border-border-default px-4 py-3",
+			children: [/* @__PURE__ */ d("h3", {
+				className: "text-sm font-semibold text-text-primary",
+				children: e.plural
+			}), m && /* @__PURE__ */ f("button", {
+				type: "button",
+				onClick: m,
+				"data-testid": "vibe-linked-open-page",
+				className: "inline-flex flex-shrink-0 items-center gap-1.5 rounded-md border border-border-default px-2.5 py-1.5 text-xs font-medium text-text-primary transition-colors hover:bg-bg-elevated",
+				title: h("vibeDetails.linked.openPageTitle", `Open the ${e.plural} page`),
+				children: [h("vibeDetails.linked.openPage", `Open ${e.plural} page`), /* @__PURE__ */ d(l, { size: 14 })]
+			})]
+		}), _]
 	});
 }
-function h({ vibeId: e }) {
-	let n = r(), a = d.sandboxes, { workspaceId: o, projectId: s } = i(), { data: c, loading: u, error: f } = t({
+function v({ vibeId: e }) {
+	let n = r(), o = a(), s = p.sandboxes, { workspaceId: c, projectId: l, navigate: u } = i(), f = () => {
+		u ? u(h.sandboxes) : o(h.sandboxes);
+	}, { data: m, loading: g, error: v } = t({
 		variables: {
 			context: {
-				workspaceId: o ?? void 0,
-				projectId: s ?? void 0
+				workspaceId: c ?? void 0,
+				projectId: l ?? void 0
 			},
 			vibeId: e
 		},
-		skip: !o,
+		skip: !c,
 		fetchPolicy: "cache-and-network"
-	}), p = (c?.listSandboxes?.items ?? []).map((e) => ({
+	}), y = (m?.listSandboxes?.items ?? []).map((e) => ({
 		id: e.id,
 		label: e.name,
 		badge: String(e.status),
 		visibility: e.visibility
 	}));
-	return /* @__PURE__ */ l(m, {
-		labels: a,
-		loading: u,
-		hasData: !!c,
-		error: f,
-		rows: p,
-		emptyDescription: n("vibeDetails.linked.empty", `Link a ${a.singular.toLowerCase()} to this vibe and set it to "Shared with vibe" to make it visible to everyone with access.`)
+	return /* @__PURE__ */ d(_, {
+		labels: s,
+		loading: g,
+		hasData: !!m,
+		error: v,
+		rows: y,
+		onOpenPage: f,
+		emptyDescription: n("vibeDetails.linked.empty", `Link a ${s.singular.toLowerCase()} to this vibe and set it to "Shared with vibe" to make it visible to everyone with access.`)
 	});
 }
-function g({ vibeId: e }) {
-	let t = r(), a = d.scheduledJobs, { workspaceId: o } = i(), { data: s, loading: c, error: u } = n({
+function y({ vibeId: e }) {
+	let t = r(), o = a(), s = p.scheduledJobs, { workspaceId: c } = i(), { data: l, loading: u, error: f } = n({
 		variables: {
-			workspaceId: o ?? "",
+			workspaceId: c ?? "",
 			vibeId: e
 		},
-		skip: !o,
+		skip: !c,
 		fetchPolicy: "cache-and-network"
-	}), f = (s?.scheduledJobs?.jobs ?? []).map((e) => ({
+	}), m = (l?.scheduledJobs?.jobs ?? []).map((e) => ({
 		id: e.id,
 		label: e.name ?? e.id,
 		badge: String(e.status),
 		visibility: e.visibility
 	}));
-	return /* @__PURE__ */ l(m, {
-		labels: a,
-		loading: c,
-		hasData: !!s,
-		error: u,
-		rows: f,
-		emptyDescription: t("vibeDetails.linked.empty", `Link a ${a.singular.toLowerCase()} to this vibe and set it to "Shared with vibe" to make it visible to everyone with access.`)
+	return /* @__PURE__ */ d(_, {
+		labels: s,
+		loading: u,
+		hasData: !!l,
+		error: f,
+		rows: m,
+		onOpenPage: () => o(h.scheduledJobs),
+		emptyDescription: t("vibeDetails.linked.empty", `Link a ${s.singular.toLowerCase()} to this vibe and set it to "Shared with vibe" to make it visible to everyone with access.`)
 	});
 }
-function _({ vibeId: t, kind: n }) {
-	let i = r(), a = d[n], o = f.has(n), { data: s, loading: c, error: u } = e({
+function b({ vibeId: t, kind: n }) {
+	let i = r(), o = a(), s = p[n], c = m.has(n), { data: l, loading: u, error: f } = e({
 		variables: { id: t },
-		skip: !o,
+		skip: !c,
 		fetchPolicy: "cache-and-network"
 	});
-	if (n === "sandboxes") return /* @__PURE__ */ l(h, { vibeId: t });
-	if (n === "scheduledJobs") return /* @__PURE__ */ l(g, { vibeId: t });
-	let p = s?.vibe?.linkedEntities ?? void 0, _ = (() => {
-		if (!p) return [];
+	if (n === "sandboxes") return /* @__PURE__ */ d(v, { vibeId: t });
+	if (n === "scheduledJobs") return /* @__PURE__ */ d(y, { vibeId: t });
+	let g = l?.vibe?.linkedEntities ?? void 0, b = (() => {
+		if (!g) return [];
 		switch (n) {
-			case "vibedecks": return p.vibeDecks.map((e) => ({
+			case "vibedecks": return g.vibeDecks.map((e) => ({
 				id: e.id,
 				label: e.name,
 				badge: "Deck",
 				visibility: e.visibility
 			}));
-			case "actions": return p.actions.map((e) => ({
+			case "actions": return g.actions.map((e) => ({
 				id: e.id,
 				label: e.name,
 				badge: "Action",
 				visibility: e.visibility
 			}));
-			case "aiPrompts": return p.aiPrompts.map((e) => ({
+			case "aiPrompts": return g.aiPrompts.map((e) => ({
 				id: e.id,
 				label: e.name,
 				badge: String(e.category),
 				visibility: e.visibility
 			}));
-			case "aiContexts": return p.aiContexts.map((e) => ({
+			case "aiContexts": return g.aiContexts.map((e) => ({
 				id: e.id,
 				label: e.name,
 				badge: String(e.type),
 				visibility: e.visibility
 			}));
-			case "instructionFiles": return p.instructionFiles.map((e) => ({
+			case "instructionFiles": return g.instructionFiles.map((e) => ({
 				id: e.id,
 				label: e.effectiveFilename,
 				badge: String(e.scope),
 				visibility: e.visibility
 			}));
-			case "tunnels": return p.tunnels.map((e) => ({
+			case "tunnels": return g.tunnels.map((e) => ({
 				id: e.id,
 				label: e.name,
 				badge: "Tunnel",
@@ -195,16 +222,17 @@ function _({ vibeId: t, kind: n }) {
 			default: return [];
 		}
 	})();
-	return /* @__PURE__ */ l(m, {
-		labels: a,
-		loading: c,
-		hasData: !!s,
-		error: u,
-		rows: _,
-		emptyDescription: i("vibeDetails.linked.empty", `Link a ${a.singular.toLowerCase()} to this vibe and set it to "Shared with vibe" to make it visible to everyone with access.`)
+	return /* @__PURE__ */ d(_, {
+		labels: s,
+		loading: u,
+		hasData: !!l,
+		error: f,
+		rows: b,
+		onOpenPage: () => o(h[n]),
+		emptyDescription: i("vibeDetails.linked.empty", `Link a ${s.singular.toLowerCase()} to this vibe and set it to "Shared with vibe" to make it visible to everyone with access.`)
 	});
 }
 //#endregion
-export { _ as VibeLinkedEntitiesPanel };
+export { b as VibeLinkedEntitiesPanel };
 
 //# sourceMappingURL=VibeLinkedEntitiesPanel.js.map

package/dist/components/vibe/VibeLinkedEntitiesPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"VibeLinkedEntitiesPanel.js","names":[],"sources":["../../../src/components/vibe/VibeLinkedEntitiesPanel.tsx"],"sourcesContent":["import { Link2 } from 'lucide-react';\nimport { EmptyState, LoadingState, ErrorState } from '@/components/shared';\nimport { useTr } from '@/shared/hooks/useTr';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\nimport {\n  useGetVibeLinkedEntitiesQuery,\n  useGetVibeLinkedSandboxesQuery,\n  useGetVibeLinkedScheduledJobsQuery,\n  type GetVibeLinkedEntitiesQuery,\n  type GetVibeLinkedSandboxesQuery,\n  type GetVibeLinkedScheduledJobsQuery,\n} from '@/generated/wspace-operations';\n\ntype LinkedSandbox = GetVibeLinkedSandboxesQuery['listSandboxes']['items'][number];\ntype LinkedScheduledJob = GetVibeLinkedScheduledJobsQuery['scheduledJobs']['jobs'][number];\n\ntype LinkedEntities = NonNullable<\n  NonNullable<GetVibeLinkedEntitiesQuery['vibe']>['linkedEntities']\n>;\n\nexport type LinkedEntityKind =\n  | 'vibedecks'\n  | 'actions'\n  | 'scheduledJobs'\n  | 'sandboxes'\n  | 'aiPrompts'\n  | 'aiContexts'\n  | 'instructionFiles'\n  | 'tunnels';\n\ninterface VibeLinkedEntitiesPanelProps {\n  vibeId: string;\n  kind: LinkedEntityKind;\n}\n\nconst KIND_LABELS: Record<LinkedEntityKind, { singular: string; plural: string }> = {\n  vibedecks: { singular: 'Vibe Deck', plural: 'Vibe Decks' },\n  actions: { singular: 'Action', plural: 'Actions' },\n  scheduledJobs: { singular: 'Scheduled Job', plural: 'Scheduled Jobs' },\n  sandboxes: { singular: 'Sandbox', plural: 'Sandboxes' },\n  aiPrompts: { singular: 'AI Prompt', plural: 'AI Prompts' },\n  aiContexts: { singular: 'AI Context', plural: 'AI Contexts' },\n  instructionFiles: { singular: 'Instruction File', plural: 'Instruction Files' },\n  tunnels: { singular: 'Tunnel', plural: 'Tunnels' },\n};\n\n// Kinds backed by Vibe.linkedEntities on wspace-vibecontrols-svc. scheduledJobs +\n// sandboxes live in other subgraphs and are rendered by the dedicated\n// sub-panels below (listSandboxes / scheduledJobs filtered by vibeId).\nconst LOCAL_KINDS = new Set<LinkedEntityKind>([\n  'vibedecks',\n  'actions',\n  'aiPrompts',\n  'aiContexts',\n  'instructionFiles',\n  'tunnels',\n]);\n\ninterface LinkedRow {\n  id: string;\n  label: string;\n  badge: string;\n  visibility: string;\n}\n\nfunction visibilityLabel(visibility: string): string {\n  return visibility === 'SHARED_WITH_VIBE' ? 'Shared' : 'Private';\n}\n\n/**\n * Shared presentational shell for a list of linked rows: handles loading,\n * error, empty, and the populated list. Keeps the three data sources\n * (linkedEntities, sandboxes, scheduledJobs) rendering identically.\n */\nfunction LinkedRowsView({\n  labels,\n  loading,\n  hasData,\n  error,\n  rows,\n  emptyDescription,\n}: {\n  labels: { singular: string; plural: string };\n  loading: boolean;\n  hasData: boolean;\n  error?: { message: string };\n  rows: LinkedRow[];\n  emptyDescription: string;\n}) {\n  if (loading && !hasData) {\n    return (\n      <div className=\"rounded-lg border border-border-default bg-bg-surface p-6\">\n        <LoadingState message={`Loading ${labels.plural.toLowerCase()}…`} />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"rounded-lg border border-border-default bg-bg-surface p-6\">\n        <ErrorState\n          title={`Failed to load ${labels.plural.toLowerCase()}`}\n          message={error.message}\n        />\n      </div>\n    );\n  }\n\n  if (rows.length === 0) {\n    return (\n      <div className=\"rounded-lg border border-border-default bg-bg-surface p-6\">\n        <EmptyState\n          icon={<Link2 size={48} className=\"text-text-secondary\" />}\n          title={`No ${labels.plural.toLowerCase()} linked yet`}\n          description={emptyDescription}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className=\"rounded-lg border border-border-default bg-bg-surface\"\n      data-testid=\"vibe-linked-entities\"\n    >\n      <ul className=\"divide-y divide-border-default\">\n        {rows.map((row) => (\n          <li key={row.id} className=\"flex items-center justify-between gap-3 px-4 py-3\">\n            <div className=\"flex min-w-0 items-center gap-2\">\n              <span className=\"truncate text-sm font-medium text-text-primary\">{row.label}</span>\n              <span className=\"flex-shrink-0 rounded bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\">\n                {row.badge}\n              </span>\n            </div>\n            <span\n              className={`flex-shrink-0 rounded px-2 py-0.5 text-xs ${\n                row.visibility === 'SHARED_WITH_VIBE'\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'bg-bg-sunken text-text-tertiary'\n              }`}\n            >\n              {visibilityLabel(row.visibility)}\n            </span>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n\n/** Sandboxes linked to the vibe — fetched from the sandbox subgraph. */\nfunction VibeLinkedSandboxes({ vibeId }: { vibeId: string }) {\n  const tr = useTr();\n  const labels = KIND_LABELS.sandboxes;\n  const { workspaceId, projectId } = useVibeControls();\n\n  const { data, loading, error } = useGetVibeLinkedSandboxesQuery({\n    variables: {\n      context: { workspaceId: workspaceId ?? undefined, projectId: projectId ?? undefined },\n      vibeId,\n    },\n    skip: !workspaceId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const rows: LinkedRow[] = (data?.listSandboxes?.items ?? []).map((s: LinkedSandbox) => ({\n    id: s.id,\n    label: s.name,\n    badge: String(s.status),\n    visibility: s.visibility,\n  }));\n\n  return (\n    <LinkedRowsView\n      labels={labels}\n      loading={loading}\n      hasData={!!data}\n      error={error}\n      rows={rows}\n      emptyDescription={tr(\n        'vibeDetails.linked.empty',\n        `Link a ${labels.singular.toLowerCase()} to this vibe and set it to \"Shared with vibe\" to make it visible to everyone with access.`\n      )}\n    />\n  );\n}\n\n/** Scheduled jobs linked to the vibe — fetched from the scheduler subgraph. */\nfunction VibeLinkedScheduledJobs({ vibeId }: { vibeId: string }) {\n  const tr = useTr();\n  const labels = KIND_LABELS.scheduledJobs;\n  const { workspaceId } = useVibeControls();\n\n  const { data, loading, error } = useGetVibeLinkedScheduledJobsQuery({\n    variables: { workspaceId: workspaceId ?? '', vibeId },\n    skip: !workspaceId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const rows: LinkedRow[] = (data?.scheduledJobs?.jobs ?? []).map((j: LinkedScheduledJob) => ({\n    id: j.id,\n    label: j.name ?? j.id,\n    badge: String(j.status),\n    visibility: j.visibility,\n  }));\n\n  return (\n    <LinkedRowsView\n      labels={labels}\n      loading={loading}\n      hasData={!!data}\n      error={error}\n      rows={rows}\n      emptyDescription={tr(\n        'vibeDetails.linked.empty',\n        `Link a ${labels.singular.toLowerCase()} to this vibe and set it to \"Shared with vibe\" to make it visible to everyone with access.`\n      )}\n    />\n  );\n}\n\n/**\n * Renders the entities linked to a vibe (visibility-filtered server-side) for a\n * given kind. Local kinds come from `Vibe.linkedEntities`; sandboxes +\n * scheduledJobs are fetched from their own subgraphs via dedicated vibeId\n * filters. SHARED_WITH_VIBE entities are visible to every member with access to\n * the vibe; PRIVATE only to their owner.\n */\nexport function VibeLinkedEntitiesPanel({ vibeId, kind }: VibeLinkedEntitiesPanelProps) {\n  const tr = useTr();\n  const labels = KIND_LABELS[kind];\n  const isLocal = LOCAL_KINDS.has(kind);\n\n  const { data, loading, error } = useGetVibeLinkedEntitiesQuery({\n    variables: { id: vibeId },\n    skip: !isLocal,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  if (kind === 'sandboxes') {\n    return <VibeLinkedSandboxes vibeId={vibeId} />;\n  }\n  if (kind === 'scheduledJobs') {\n    return <VibeLinkedScheduledJobs vibeId={vibeId} />;\n  }\n\n  const linked: LinkedEntities | undefined = data?.vibe?.linkedEntities ?? undefined;\n  const rows: LinkedRow[] = (() => {\n    if (!linked) return [];\n    switch (kind) {\n      case 'vibedecks':\n        return linked.vibeDecks.map((d) => ({\n          id: d.id,\n          label: d.name,\n          badge: 'Deck',\n          visibility: d.visibility,\n        }));\n      case 'actions':\n        return linked.actions.map((a) => ({\n          id: a.id,\n          label: a.name,\n          badge: 'Action',\n          visibility: a.visibility,\n        }));\n      case 'aiPrompts':\n        return linked.aiPrompts.map((p) => ({\n          id: p.id,\n          label: p.name,\n          badge: String(p.category),\n          visibility: p.visibility,\n        }));\n      case 'aiContexts':\n        return linked.aiContexts.map((c) => ({\n          id: c.id,\n          label: c.name,\n          badge: String(c.type),\n          visibility: c.visibility,\n        }));\n      case 'instructionFiles':\n        return linked.instructionFiles.map((f) => ({\n          id: f.id,\n          label: f.effectiveFilename,\n          badge: String(f.scope),\n          visibility: f.visibility,\n        }));\n      case 'tunnels':\n        return linked.tunnels.map((t) => ({\n          id: t.id,\n          label: t.name,\n          badge: 'Tunnel',\n          visibility: t.visibility,\n        }));\n      default:\n        return [];\n    }\n  })();\n\n  return (\n    <LinkedRowsView\n      labels={labels}\n      loading={loading}\n      hasData={!!data}\n      error={error}\n      rows={rows}\n      emptyDescription={tr(\n        'vibeDetails.linked.empty',\n        `Link a ${labels.singular.toLowerCase()} to this vibe and set it to \"Shared with vibe\" to make it visible to everyone with access.`\n      )}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"VibeLinkedEntitiesPanel.js","names":[],"sources":["../../../src/components/vibe/VibeLinkedEntitiesPanel.tsx"],"sourcesContent":["import { Link2, ArrowUpRight } from 'lucide-react';\nimport { EmptyState, LoadingState, ErrorState } from '@/components/shared';\nimport { useTr } from '@/shared/hooks/useTr';\nimport { useVibeControls, useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport {\n  useGetVibeLinkedEntitiesQuery,\n  useGetVibeLinkedSandboxesQuery,\n  useGetVibeLinkedScheduledJobsQuery,\n  type GetVibeLinkedEntitiesQuery,\n  type GetVibeLinkedSandboxesQuery,\n  type GetVibeLinkedScheduledJobsQuery,\n} from '@/generated/wspace-operations';\n\ntype LinkedSandbox = GetVibeLinkedSandboxesQuery['listSandboxes']['items'][number];\ntype LinkedScheduledJob = GetVibeLinkedScheduledJobsQuery['scheduledJobs']['jobs'][number];\n\ntype LinkedEntities = NonNullable<\n  NonNullable<GetVibeLinkedEntitiesQuery['vibe']>['linkedEntities']\n>;\n\nexport type LinkedEntityKind =\n  | 'vibedecks'\n  | 'actions'\n  | 'scheduledJobs'\n  | 'sandboxes'\n  | 'aiPrompts'\n  | 'aiContexts'\n  | 'instructionFiles'\n  | 'tunnels';\n\ninterface VibeLinkedEntitiesPanelProps {\n  vibeId: string;\n  kind: LinkedEntityKind;\n}\n\nconst KIND_LABELS: Record<LinkedEntityKind, { singular: string; plural: string }> = {\n  vibedecks: { singular: 'Vibe Deck', plural: 'Vibe Decks' },\n  actions: { singular: 'Action', plural: 'Actions' },\n  scheduledJobs: { singular: 'Scheduled Job', plural: 'Scheduled Jobs' },\n  sandboxes: { singular: 'Sandbox', plural: 'Sandboxes' },\n  aiPrompts: { singular: 'AI Prompt', plural: 'AI Prompts' },\n  aiContexts: { singular: 'AI Context', plural: 'AI Contexts' },\n  instructionFiles: { singular: 'Instruction File', plural: 'Instruction Files' },\n  tunnels: { singular: 'Tunnel', plural: 'Tunnels' },\n};\n\n// Kinds backed by Vibe.linkedEntities on wspace-vibecontrols-svc. scheduledJobs +\n// sandboxes live in other subgraphs and are rendered by the dedicated\n// sub-panels below (listSandboxes / scheduledJobs filtered by vibeId).\nconst LOCAL_KINDS = new Set<LinkedEntityKind>([\n  'vibedecks',\n  'actions',\n  'aiPrompts',\n  'aiContexts',\n  'instructionFiles',\n  'tunnels',\n]);\n\n// In-app destination for each linked-entity kind's main management page. Lets\n// users jump straight from a vibe's linked-entity tab to the full entity surface\n// without hunting through the side navigation. All paths are relative to the\n// vibecontrols basePath and go through useVibeNavigate (which prepends it) —\n// EXCEPT `sandboxes`, which is served by a sibling host-shell MFE mounted at the\n// app-absolute `/sandbox` route and must be navigated via the host shell (see\n// VibeLinkedSandboxes below).\nconst KIND_ROUTES: Record<LinkedEntityKind, string> = {\n  vibedecks: '/vibedeck',\n  actions: '/actions',\n  scheduledJobs: '/calendar',\n  sandboxes: '/sandbox',\n  aiPrompts: '/ai-tools/ai/prompts',\n  aiContexts: '/ai-tools/ai/contexts',\n  instructionFiles: '/ai-tools/ai/instructions',\n  tunnels: '/tunnels',\n};\n\ninterface LinkedRow {\n  id: string;\n  label: string;\n  badge: string;\n  visibility: string;\n}\n\nfunction visibilityLabel(visibility: string): string {\n  return visibility === 'SHARED_WITH_VIBE' ? 'Shared' : 'Private';\n}\n\n/**\n * Shared presentational shell for a list of linked rows: handles loading,\n * error, empty, and the populated list. Keeps the three data sources\n * (linkedEntities, sandboxes, scheduledJobs) rendering identically.\n */\nfunction LinkedRowsView({\n  labels,\n  loading,\n  hasData,\n  error,\n  rows,\n  emptyDescription,\n  onOpenPage,\n}: {\n  labels: { singular: string; plural: string };\n  loading: boolean;\n  hasData: boolean;\n  error?: { message: string };\n  rows: LinkedRow[];\n  emptyDescription: string;\n  /** Navigate to this kind's full management page (Part 1 deep-link). */\n  onOpenPage?: () => void;\n}) {\n  const tr = useTr();\n\n  const body = (() => {\n    if (loading && !hasData) {\n      return (\n        <div className=\"p-6\">\n          <LoadingState message={`Loading ${labels.plural.toLowerCase()}…`} />\n        </div>\n      );\n    }\n\n    if (error) {\n      return (\n        <div className=\"p-6\">\n          <ErrorState\n            title={`Failed to load ${labels.plural.toLowerCase()}`}\n            message={error.message}\n          />\n        </div>\n      );\n    }\n\n    if (rows.length === 0) {\n      return (\n        <div className=\"p-6\">\n          <EmptyState\n            icon={<Link2 size={48} className=\"text-text-secondary\" />}\n            title={`No ${labels.plural.toLowerCase()} linked yet`}\n            description={emptyDescription}\n          />\n        </div>\n      );\n    }\n\n    return (\n      <ul className=\"divide-y divide-border-default\" data-testid=\"vibe-linked-entities\">\n        {rows.map((row) => (\n          <li key={row.id} className=\"flex items-center justify-between gap-3 px-4 py-3\">\n            <div className=\"flex min-w-0 items-center gap-2\">\n              <span className=\"truncate text-sm font-medium text-text-primary\">{row.label}</span>\n              <span className=\"flex-shrink-0 rounded bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\">\n                {row.badge}\n              </span>\n            </div>\n            <span\n              className={`flex-shrink-0 rounded px-2 py-0.5 text-xs ${\n                row.visibility === 'SHARED_WITH_VIBE'\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'bg-bg-sunken text-text-tertiary'\n              }`}\n            >\n              {visibilityLabel(row.visibility)}\n            </span>\n          </li>\n        ))}\n      </ul>\n    );\n  })();\n\n  return (\n    <div className=\"rounded-lg border border-border-default bg-bg-surface\">\n      <div className=\"flex items-center justify-between gap-3 border-b border-border-default px-4 py-3\">\n        <h3 className=\"text-sm font-semibold text-text-primary\">{labels.plural}</h3>\n        {onOpenPage && (\n          <button\n            type=\"button\"\n            onClick={onOpenPage}\n            data-testid=\"vibe-linked-open-page\"\n            className=\"inline-flex flex-shrink-0 items-center gap-1.5 rounded-md border border-border-default px-2.5 py-1.5 text-xs font-medium text-text-primary transition-colors hover:bg-bg-elevated\"\n            title={tr('vibeDetails.linked.openPageTitle', `Open the ${labels.plural} page`)}\n          >\n            {tr('vibeDetails.linked.openPage', `Open ${labels.plural} page`)}\n            <ArrowUpRight size={14} />\n          </button>\n        )}\n      </div>\n      {body}\n    </div>\n  );\n}\n\n/** Sandboxes linked to the vibe — fetched from the sandbox subgraph. */\nfunction VibeLinkedSandboxes({ vibeId }: { vibeId: string }) {\n  const tr = useTr();\n  const navigate = useVibeNavigate();\n  const labels = KIND_LABELS.sandboxes;\n  const { workspaceId, projectId, navigate: shellNavigate } = useVibeControls();\n\n  // Sandboxes mount at the app-absolute `/sandbox` route, OUTSIDE the\n  // vibecontrols basePath. Use the host shell navigate directly so we don't get\n  // basePath-prefixed into a dead end; fall back to the in-MFE navigate when\n  // running standalone (no shell, basePath empty → path passes through as-is).\n  const openSandboxes = () => {\n    if (shellNavigate) shellNavigate(KIND_ROUTES.sandboxes);\n    else navigate(KIND_ROUTES.sandboxes);\n  };\n\n  const { data, loading, error } = useGetVibeLinkedSandboxesQuery({\n    variables: {\n      context: { workspaceId: workspaceId ?? undefined, projectId: projectId ?? undefined },\n      vibeId,\n    },\n    skip: !workspaceId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const rows: LinkedRow[] = (data?.listSandboxes?.items ?? []).map((s: LinkedSandbox) => ({\n    id: s.id,\n    label: s.name,\n    badge: String(s.status),\n    visibility: s.visibility,\n  }));\n\n  return (\n    <LinkedRowsView\n      labels={labels}\n      loading={loading}\n      hasData={!!data}\n      error={error}\n      rows={rows}\n      onOpenPage={openSandboxes}\n      emptyDescription={tr(\n        'vibeDetails.linked.empty',\n        `Link a ${labels.singular.toLowerCase()} to this vibe and set it to \"Shared with vibe\" to make it visible to everyone with access.`\n      )}\n    />\n  );\n}\n\n/** Scheduled jobs linked to the vibe — fetched from the scheduler subgraph. */\nfunction VibeLinkedScheduledJobs({ vibeId }: { vibeId: string }) {\n  const tr = useTr();\n  const navigate = useVibeNavigate();\n  const labels = KIND_LABELS.scheduledJobs;\n  const { workspaceId } = useVibeControls();\n\n  const { data, loading, error } = useGetVibeLinkedScheduledJobsQuery({\n    variables: { workspaceId: workspaceId ?? '', vibeId },\n    skip: !workspaceId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const rows: LinkedRow[] = (data?.scheduledJobs?.jobs ?? []).map((j: LinkedScheduledJob) => ({\n    id: j.id,\n    label: j.name ?? j.id,\n    badge: String(j.status),\n    visibility: j.visibility,\n  }));\n\n  return (\n    <LinkedRowsView\n      labels={labels}\n      loading={loading}\n      hasData={!!data}\n      error={error}\n      rows={rows}\n      onOpenPage={() => navigate(KIND_ROUTES.scheduledJobs)}\n      emptyDescription={tr(\n        'vibeDetails.linked.empty',\n        `Link a ${labels.singular.toLowerCase()} to this vibe and set it to \"Shared with vibe\" to make it visible to everyone with access.`\n      )}\n    />\n  );\n}\n\n/**\n * Renders the entities linked to a vibe (visibility-filtered server-side) for a\n * given kind. Local kinds come from `Vibe.linkedEntities`; sandboxes +\n * scheduledJobs are fetched from their own subgraphs via dedicated vibeId\n * filters. SHARED_WITH_VIBE entities are visible to every member with access to\n * the vibe; PRIVATE only to their owner.\n */\nexport function VibeLinkedEntitiesPanel({ vibeId, kind }: VibeLinkedEntitiesPanelProps) {\n  const tr = useTr();\n  const navigate = useVibeNavigate();\n  const labels = KIND_LABELS[kind];\n  const isLocal = LOCAL_KINDS.has(kind);\n\n  const { data, loading, error } = useGetVibeLinkedEntitiesQuery({\n    variables: { id: vibeId },\n    skip: !isLocal,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  if (kind === 'sandboxes') {\n    return <VibeLinkedSandboxes vibeId={vibeId} />;\n  }\n  if (kind === 'scheduledJobs') {\n    return <VibeLinkedScheduledJobs vibeId={vibeId} />;\n  }\n\n  const linked: LinkedEntities | undefined = data?.vibe?.linkedEntities ?? undefined;\n  const rows: LinkedRow[] = (() => {\n    if (!linked) return [];\n    switch (kind) {\n      case 'vibedecks':\n        return linked.vibeDecks.map((d) => ({\n          id: d.id,\n          label: d.name,\n          badge: 'Deck',\n          visibility: d.visibility,\n        }));\n      case 'actions':\n        return linked.actions.map((a) => ({\n          id: a.id,\n          label: a.name,\n          badge: 'Action',\n          visibility: a.visibility,\n        }));\n      case 'aiPrompts':\n        return linked.aiPrompts.map((p) => ({\n          id: p.id,\n          label: p.name,\n          badge: String(p.category),\n          visibility: p.visibility,\n        }));\n      case 'aiContexts':\n        return linked.aiContexts.map((c) => ({\n          id: c.id,\n          label: c.name,\n          badge: String(c.type),\n          visibility: c.visibility,\n        }));\n      case 'instructionFiles':\n        return linked.instructionFiles.map((f) => ({\n          id: f.id,\n          label: f.effectiveFilename,\n          badge: String(f.scope),\n          visibility: f.visibility,\n        }));\n      case 'tunnels':\n        return linked.tunnels.map((t) => ({\n          id: t.id,\n          label: t.name,\n          badge: 'Tunnel',\n          visibility: t.visibility,\n        }));\n      default:\n        return [];\n    }\n  })();\n\n  return (\n    <LinkedRowsView\n      labels={labels}\n      loading={loading}\n      hasData={!!data}\n      error={error}\n      rows={rows}\n      onOpenPage={() => navigate(KIND_ROUTES[kind])}\n      emptyDescription={tr(\n        'vibeDetails.linked.empty',\n        `Link a ${labels.singular.toLowerCase()} to this vibe and set it to \"Shared with vibe\" to make it visible to everyone with access.`\n      )}\n    />\n  );\n}\n"],"mappings":"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"}