@burdenoff/microfe-vibecontrols 2026.522.9 → 2026.523.2

package/dist/components/vibe/VibeLlmContextTabPanel.js

@@ -0,0 +1,632 @@
+import { VIBE_PERMISSIONS as e } from "../../constants/permissions.js";
+import { VibeLlmContextAdminPanel as t } from "./VibeLlmContextAdminPanel.js";
+import { useMemo as n, useState as r } from "react";
+import { Bot as i, Check as a, Clock as o, Copy as s, EyeOff as ee, Info as c, Lock as l, RefreshCw as te, RotateCw as ne, Trash2 as u } from "lucide-react";
+import { gql as d } from "@apollo/client";
+import { useMutation as f, useQuery as p } from "@apollo/client/react";
+import { usePermissions as m } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/vibe/VibeLlmContextTabPanel.tsx
+var v = [
+	"core",
+	"agents",
+	"sessions",
+	"notes",
+	"catalogs",
+	"docs",
+	"config",
+	"security",
+	"plugins"
+], y = d`
+  query MyVibeLlmContextSettings($vibeId: ID!) {
+    myVibeLlmContextSettings(vibeId: $vibeId) {
+      vibeId
+      ttlSeconds
+      includeCredentials
+      includes
+      customContextText
+      defaultAgentIdOverride
+      sessionsLimit
+      notesLimit
+      docsPagesLimit
+      securityRunsLimit
+      updatedAt
+    }
+  }
+`, b = d`
+  query MyVibeLlmContextTokens($vibeId: ID!) {
+    myVibeLlmContextTokens(vibeId: $vibeId) {
+      id
+      vibeId
+      userId
+      label
+      tokenFingerprint
+      includeCredentials
+      includes
+      status
+      expiresAt
+      lastFetchedAt
+      fetchCount
+      createdAt
+      revokedAt
+      revokedReason
+    }
+  }
+`, re = d`
+  mutation SetMyVibeLlmContextSettings($vibeId: ID!, $input: VibeLlmContextSettingsInput!) {
+    setMyVibeLlmContextSettings(vibeId: $vibeId, input: $input) {
+      vibeId
+      ttlSeconds
+      includeCredentials
+      includes
+      customContextText
+      defaultAgentIdOverride
+      sessionsLimit
+      notesLimit
+      docsPagesLimit
+      securityRunsLimit
+      updatedAt
+    }
+  }
+`, x = d`
+  mutation GenerateVibeLlmContextUrl($vibeId: ID!, $input: VibeLlmContextMintInput) {
+    generateVibeLlmContextUrl(vibeId: $vibeId, input: $input) {
+      tokenId
+      url
+      token
+      expiresAt
+      ttlSeconds
+      includes
+      includeCredentials
+      label
+      tokenFingerprint
+    }
+  }
+`, S = d`
+  mutation RevokeVibeLlmContextToken($tokenId: ID!) {
+    revokeVibeLlmContextToken(tokenId: $tokenId) {
+      id
+      status
+      revokedAt
+    }
+  }
+`, C = d`
+  mutation RotateVibeLlmContextUrl($tokenId: ID!, $input: VibeLlmContextMintInput) {
+    rotateVibeLlmContextUrl(tokenId: $tokenId, input: $input) {
+      tokenId
+      url
+      token
+      expiresAt
+      ttlSeconds
+      includes
+      includeCredentials
+      label
+      tokenFingerprint
+    }
+  }
+`, w = d`
+  mutation RevokeAllMyVibeLlmContextTokens($vibeId: ID!) {
+    revokeAllMyVibeLlmContextTokens(vibeId: $vibeId)
+  }
+`, T = d`
+  query MyVibeLlmContextTokenAudits($tokenId: ID!, $limit: Int) {
+    myVibeLlmContextTokenAudits(tokenId: $tokenId, limit: $limit) {
+      id
+      fetchedAt
+      remoteIp
+      userAgent
+      format
+      bytes
+      durationMs
+      status
+    }
+  }
+`, E = [
+	{
+		label: "1 hour",
+		hours: 1
+	},
+	{
+		label: "6 hours",
+		hours: 6
+	},
+	{
+		label: "24 hours",
+		hours: 24
+	},
+	{
+		label: "7 days",
+		hours: 168
+	}
+];
+async function D(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);
+	}
+}
+function O(e) {
+	let t = new Date(e).getTime() - Date.now();
+	if (t < 0) return "expired";
+	let n = Math.floor(t / (1e3 * 60 * 60)), r = Math.floor(t % (1e3 * 60 * 60) / (1e3 * 60));
+	return n > 24 ? `${Math.floor(n / 24)}d` : n > 0 ? `${n}h ${r}m` : `${r}m`;
+}
+function k({ vibeId: d, attachedAgents: T = [] }) {
+	let { hasPermission: k } = m(), ae = k(e.VIBE_MANAGE), oe = p(y, {
+		variables: { vibeId: d },
+		fetchPolicy: "cache-and-network"
+	}), A = p(b, {
+		variables: { vibeId: d },
+		fetchPolicy: "cache-and-network"
+	}), [se, j] = f(re, { refetchQueries: ["MyVibeLlmContextSettings"] }), [M, N] = f(x, { refetchQueries: ["MyVibeLlmContextTokens"] }), [P] = f(S, { refetchQueries: ["MyVibeLlmContextTokens"] }), [F] = f(C, { refetchQueries: ["MyVibeLlmContextTokens"] }), [I] = f(w, { refetchQueries: ["MyVibeLlmContextTokens"] }), L = oe.data?.myVibeLlmContextSettings, R = A.data?.myVibeLlmContextTokens ?? [], [z, B] = r(1), [V, H] = r(!1), [U, W] = r(new Set(v)), [G, K] = r(""), [q, J] = r(""), [Y, ce] = r(""), [X, Z] = r(null), [le, Q] = r(!1), [$, ue] = r(null);
+	n(() => {
+		L && (B(Math.max(1, Math.round((L.ttlSeconds ?? 3600) / 3600))), H(L.includeCredentials), W(new Set(L.includes ?? v)), K(L.customContextText ?? ""), J(L.defaultAgentIdOverride ?? ""));
+	}, [L]);
+	let de = (e) => {
+		W((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	};
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-6 max-w-5xl",
+		children: [
+			/* @__PURE__ */ g("div", {
+				className: "rounded-lg border border-status-warning-border bg-status-warning-bg/30 p-4",
+				children: /* @__PURE__ */ _("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ g(l, { className: "w-5 h-5 text-status-warning-text mt-0.5" }), /* @__PURE__ */ _("div", {
+						className: "text-sm text-text-primary",
+						children: [/* @__PURE__ */ g("p", {
+							className: "font-medium mb-1",
+							children: "LLM Context — share this vibe with any LLM via a signed URL"
+						}), /* @__PURE__ */ g("p", {
+							className: "text-text-secondary",
+							children: "Anyone with the URL can read the snapshot until it expires. When \"Include credentials\" is on, the snapshot exposes agent tunnel URLs + API keys. Default is redacted. Rotate or revoke any URL from the list below at any time."
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ _("section", {
+				className: "bg-bg-surface border border-border-default rounded-lg p-5 space-y-4",
+				children: [
+					/* @__PURE__ */ _("header", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h3", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Saved settings"
+						}), /* @__PURE__ */ g("p", {
+							className: "text-sm text-text-secondary",
+							children: "Defaults used when you generate a URL. Snapshotted into each minted token, so future edits don't change already-minted URLs."
+						})] }), /* @__PURE__ */ g("button", {
+							onClick: async () => {
+								await se({ variables: {
+									vibeId: d,
+									input: {
+										ttlSeconds: Math.max(60, Math.min(10080 * 60, z * 60 * 60)),
+										includeCredentials: V,
+										includes: Array.from(U),
+										customContextText: G,
+										defaultAgentIdOverride: q || null
+									}
+								} });
+							},
+							disabled: j.loading,
+							className: "px-3 py-1.5 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover disabled:opacity-50",
+							children: j.loading ? "Saving…" : "Save settings"
+						})]
+					}),
+					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+						className: "block text-sm font-medium text-text-primary mb-2",
+						children: "URL expiry"
+					}), /* @__PURE__ */ _("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [
+							E.map((e) => /* @__PURE__ */ g("button", {
+								onClick: () => B(e.hours),
+								className: `px-3 py-1.5 text-sm rounded-md border ${z === e.hours ? "bg-action-primary-bg text-action-primary-text border-action-primary-bg" : "bg-bg-sunken text-text-primary border-border-default"}`,
+								children: e.label
+							}, e.hours)),
+							/* @__PURE__ */ g("span", {
+								className: "text-sm text-text-secondary mx-1",
+								children: "or custom hours:"
+							}),
+							/* @__PURE__ */ g("input", {
+								type: "number",
+								min: 1,
+								max: 168,
+								value: z,
+								onChange: (e) => B(Math.max(1, Math.min(168, Number(e.target.value) || 1))),
+								className: "w-24 px-2 py-1.5 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary"
+							})
+						]
+					})] }),
+					/* @__PURE__ */ g("div", { children: /* @__PURE__ */ _("label", {
+						className: "flex items-center gap-2 text-sm text-text-primary",
+						children: [
+							/* @__PURE__ */ g("input", {
+								type: "checkbox",
+								checked: V,
+								onChange: (e) => H(e.target.checked),
+								className: "w-4 h-4"
+							}),
+							/* @__PURE__ */ g("span", { children: "Include credentials (tunnel URLs + agent API keys)" }),
+							!V && /* @__PURE__ */ g(ee, { className: "w-4 h-4 text-text-secondary" })
+						]
+					}) }),
+					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+						className: "block text-sm font-medium text-text-primary mb-2",
+						children: "Sections to include"
+					}), /* @__PURE__ */ g("div", {
+						className: "flex flex-wrap gap-2",
+						children: v.map((e) => /* @__PURE__ */ g("button", {
+							onClick: () => de(e),
+							className: `px-2.5 py-1 text-xs rounded-full border ${U.has(e) ? "bg-action-primary-bg/10 text-action-primary-bg border-action-primary-bg" : "bg-bg-sunken text-text-secondary border-border-default"}`,
+							children: e
+						}, e))
+					})] }),
+					T.length > 0 && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+						className: "block text-sm font-medium text-text-primary mb-2",
+						children: "Default agent for context fetch"
+					}), /* @__PURE__ */ _("select", {
+						value: q,
+						onChange: (e) => J(e.target.value),
+						className: "w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary",
+						children: [/* @__PURE__ */ g("option", {
+							value: "",
+							children: "(use my per-vibe default from settings)"
+						}), T.map((e) => /* @__PURE__ */ g("option", {
+							value: e.id,
+							children: e.name
+						}, e.id))]
+					})] }),
+					/* @__PURE__ */ _("div", { children: [
+						/* @__PURE__ */ g("label", {
+							className: "block text-sm font-medium text-text-primary mb-2",
+							children: "Custom context text"
+						}),
+						/* @__PURE__ */ g("textarea", {
+							value: G,
+							onChange: (e) => K(e.target.value.slice(0, 8192)),
+							rows: 5,
+							placeholder: "Free-form notes embedded in every snapshot you mint AFTER saving (existing tokens keep their original copy).",
+							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"
+						}),
+						/* @__PURE__ */ _("p", {
+							className: "text-xs text-text-secondary mt-1",
+							children: [G.length, " / 8192 chars"]
+						})
+					] })
+				]
+			}),
+			/* @__PURE__ */ _("section", {
+				className: "bg-bg-surface border border-border-default rounded-lg p-5 space-y-4",
+				children: [
+					/* @__PURE__ */ _("header", { children: [/* @__PURE__ */ g("h3", {
+						className: "text-base font-semibold text-text-primary",
+						children: "Generate a new URL"
+					}), /* @__PURE__ */ g("p", {
+						className: "text-sm text-text-secondary",
+						children: "Mints a fresh signed URL using your current settings. The full token is only shown once — copy it before navigating away. Use Rotate below if you lose it."
+					})] }),
+					/* @__PURE__ */ _("div", {
+						className: "flex flex-wrap items-end gap-2",
+						children: [/* @__PURE__ */ _("div", {
+							className: "flex-1 min-w-[200px]",
+							children: [/* @__PURE__ */ g("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: "Label (optional)"
+							}), /* @__PURE__ */ g("input", {
+								type: "text",
+								value: Y,
+								onChange: (e) => ce(e.target.value.slice(0, 120)),
+								placeholder: "e.g. Claude desktop",
+								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"
+							})]
+						}), /* @__PURE__ */ g("button", {
+							onClick: async () => {
+								let e = await M({ variables: {
+									vibeId: d,
+									input: {
+										label: Y || null,
+										ttlSeconds: Math.max(60, Math.min(10080 * 60, z * 60 * 60)),
+										includeCredentials: V,
+										includes: Array.from(U)
+									}
+								} });
+								e.data && (Z(e.data.generateVibeLlmContextUrl), Q(!1));
+							},
+							disabled: N.loading,
+							className: "px-4 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover disabled:opacity-50",
+							children: N.loading ? "Generating…" : "Generate URL"
+						})]
+					}),
+					X && /* @__PURE__ */ _("div", {
+						className: "rounded-md border border-status-success-border bg-status-success-bg/20 p-3",
+						children: [/* @__PURE__ */ _("div", {
+							className: "flex items-center gap-2 text-sm mb-2",
+							children: [
+								/* @__PURE__ */ g(a, { className: "w-4 h-4 text-status-success-text" }),
+								/* @__PURE__ */ g("span", {
+									className: "font-medium text-text-primary",
+									children: "URL generated"
+								}),
+								/* @__PURE__ */ _("span", {
+									className: "text-xs text-text-secondary",
+									children: ["expires in ", O(X.expiresAt)]
+								})
+							]
+						}), /* @__PURE__ */ _("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ g("input", {
+								readOnly: !0,
+								value: X.url,
+								className: "flex-1 px-2 py-1.5 text-xs bg-bg-sunken border border-border-default rounded font-mono text-text-primary",
+								"aria-label": "Generated LLM context URL"
+							}), /* @__PURE__ */ g("button", {
+								onClick: async () => {
+									X && (await D(X.url), Q(!0), setTimeout(() => Q(!1), 2e3));
+								},
+								className: "px-2 py-1.5 text-xs bg-bg-sunken border border-border-default rounded text-text-primary",
+								"aria-label": "Copy URL",
+								children: le ? /* @__PURE__ */ g(a, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ g(s, { className: "w-4 h-4" })
+							})]
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ _("section", {
+				className: "bg-bg-surface border border-border-default rounded-lg p-5 space-y-3",
+				children: [
+					/* @__PURE__ */ _("header", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h3", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Your active URLs"
+						}), /* @__PURE__ */ g("p", {
+							className: "text-sm text-text-secondary",
+							children: "Tokens you minted for this vibe. Revoke and rotate work immediately; revoked tokens fail with 403 even if the JWT hasn't expired."
+						})] }), /* @__PURE__ */ _("button", {
+							onClick: () => I({ variables: { vibeId: d } }),
+							className: "flex items-center gap-1 px-3 py-1.5 text-sm bg-status-error-bg/10 text-status-error-text border border-status-error-border rounded-md hover:bg-status-error-bg/20",
+							children: [/* @__PURE__ */ g(u, { className: "w-4 h-4" }), "Revoke all"]
+						})]
+					}),
+					A.loading && R.length === 0 && /* @__PURE__ */ _("div", {
+						className: "text-sm text-text-secondary py-4 flex items-center gap-2",
+						children: [/* @__PURE__ */ g(te, { className: "w-4 h-4 animate-spin" }), "Loading tokens…"]
+					}),
+					R.length === 0 && !A.loading && /* @__PURE__ */ _("div", {
+						className: "text-sm text-text-secondary py-4 flex items-center gap-2",
+						children: [/* @__PURE__ */ g(c, { className: "w-4 h-4" }), "No URLs minted yet for this vibe."]
+					}),
+					R.length > 0 && /* @__PURE__ */ g("div", {
+						className: "overflow-x-auto",
+						children: /* @__PURE__ */ _("table", {
+							className: "w-full text-sm",
+							children: [/* @__PURE__ */ g("thead", { children: /* @__PURE__ */ _("tr", {
+								className: "border-b border-border-default text-left text-xs text-text-secondary",
+								children: [
+									/* @__PURE__ */ g("th", {
+										className: "py-2 pr-3",
+										children: "Label"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "py-2 pr-3",
+										children: "Fingerprint"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "py-2 pr-3",
+										children: "Sections"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "py-2 pr-3",
+										children: "Creds"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "py-2 pr-3",
+										children: "Status"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "py-2 pr-3",
+										children: "Expires"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "py-2 pr-3",
+										children: "Fetches"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "py-2 pr-3",
+										children: "Actions"
+									})
+								]
+							}) }), /* @__PURE__ */ g("tbody", { children: R.map((e) => /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _("tr", {
+								className: "border-b border-border-subtle align-top",
+								children: [
+									/* @__PURE__ */ g("td", {
+										className: "py-2 pr-3 text-text-primary",
+										children: e.label ?? "—"
+									}),
+									/* @__PURE__ */ g("td", {
+										className: "py-2 pr-3 font-mono text-xs text-text-secondary",
+										children: e.tokenFingerprint
+									}),
+									/* @__PURE__ */ g("td", {
+										className: "py-2 pr-3 text-text-secondary",
+										children: /* @__PURE__ */ g("span", {
+											className: "text-xs",
+											children: e.includes.join(", ")
+										})
+									}),
+									/* @__PURE__ */ g("td", {
+										className: "py-2 pr-3",
+										children: e.includeCredentials ? /* @__PURE__ */ g("span", {
+											className: "text-xs text-status-warning-text",
+											children: "on"
+										}) : /* @__PURE__ */ g("span", {
+											className: "text-xs text-text-secondary",
+											children: "off"
+										})
+									}),
+									/* @__PURE__ */ g("td", {
+										className: "py-2 pr-3",
+										children: /* @__PURE__ */ g("span", {
+											className: `text-xs px-1.5 py-0.5 rounded ${e.status === "ACTIVE" ? "bg-status-success-bg/20 text-status-success-text" : "bg-bg-sunken text-text-secondary"}`,
+											children: e.status
+										})
+									}),
+									/* @__PURE__ */ g("td", {
+										className: "py-2 pr-3 text-xs text-text-secondary",
+										children: /* @__PURE__ */ _("span", {
+											className: "inline-flex items-center gap-1",
+											children: [/* @__PURE__ */ g(o, { className: "w-3 h-3" }), O(e.expiresAt)]
+										})
+									}),
+									/* @__PURE__ */ g("td", {
+										className: "py-2 pr-3 text-xs text-text-secondary",
+										children: e.fetchCount
+									}),
+									/* @__PURE__ */ g("td", {
+										className: "py-2 pr-3",
+										children: /* @__PURE__ */ _("div", {
+											className: "flex gap-1",
+											children: [/* @__PURE__ */ g("button", {
+												onClick: () => ue($ === e.id ? null : e.id),
+												title: "Show fetch history",
+												className: "p-1.5 text-text-secondary hover:text-text-primary",
+												children: /* @__PURE__ */ g(c, { className: "w-4 h-4" })
+											}), e.status === "ACTIVE" && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+												onClick: async () => {
+													let t = await F({ variables: { tokenId: e.id } });
+													t.data && (Z(t.data.rotateVibeLlmContextUrl), Q(!1));
+												},
+												title: "Rotate (revoke + mint a new one with same settings)",
+												className: "p-1.5 text-text-secondary hover:text-text-primary",
+												children: /* @__PURE__ */ g(ne, { className: "w-4 h-4" })
+											}), /* @__PURE__ */ g("button", {
+												onClick: () => P({ variables: { tokenId: e.id } }),
+												title: "Revoke",
+												className: "p-1.5 text-status-error-text hover:opacity-80",
+												children: /* @__PURE__ */ g(u, { className: "w-4 h-4" })
+											})] })]
+										})
+									})
+								]
+							}, e.id), $ === e.id && /* @__PURE__ */ g("tr", { children: /* @__PURE__ */ g("td", {
+								colSpan: 8,
+								className: "py-2 pr-3 bg-bg-sunken/40",
+								children: /* @__PURE__ */ g(ie, { tokenId: e.id })
+							}) }, `${e.id}-audits`)] })) })]
+						})
+					})
+				]
+			}),
+			ae && /* @__PURE__ */ g(t, { vibeId: d }),
+			/* @__PURE__ */ _("p", {
+				className: "text-xs text-text-secondary flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ g(i, { className: "w-3 h-3" }),
+					"Tip: pipe the URL to any LLM with",
+					" ",
+					/* @__PURE__ */ g("code", {
+						className: "bg-bg-sunken px-1 rounded",
+						children: "curl <url>"
+					}),
+					" or",
+					" ",
+					/* @__PURE__ */ g("code", {
+						className: "bg-bg-sunken px-1 rounded",
+						children: "curl -H \"Accept: text/markdown\" <url>"
+					}),
+					" ",
+					"for a markdown snapshot."
+				]
+			})
+		]
+	});
+}
+function ie({ tokenId: e }) {
+	let { data: t, loading: n } = p(T, {
+		variables: {
+			tokenId: e,
+			limit: 100
+		},
+		fetchPolicy: "cache-and-network"
+	}), r = t?.myVibeLlmContextTokenAudits ?? [];
+	return /* @__PURE__ */ g("div", {
+		className: "text-xs",
+		children: n && r.length === 0 ? /* @__PURE__ */ g("span", {
+			className: "text-text-secondary",
+			children: "Loading audit log…"
+		}) : r.length === 0 ? /* @__PURE__ */ g("span", {
+			className: "text-text-secondary",
+			children: "No fetches yet."
+		}) : /* @__PURE__ */ _("table", {
+			className: "w-full",
+			children: [/* @__PURE__ */ g("thead", { children: /* @__PURE__ */ _("tr", {
+				className: "text-text-secondary",
+				children: [
+					/* @__PURE__ */ g("th", {
+						className: "text-left py-1 pr-2",
+						children: "When"
+					}),
+					/* @__PURE__ */ g("th", {
+						className: "text-left py-1 pr-2",
+						children: "IP"
+					}),
+					/* @__PURE__ */ g("th", {
+						className: "text-left py-1 pr-2",
+						children: "Format"
+					}),
+					/* @__PURE__ */ g("th", {
+						className: "text-left py-1 pr-2",
+						children: "Bytes"
+					}),
+					/* @__PURE__ */ g("th", {
+						className: "text-left py-1 pr-2",
+						children: "Status"
+					}),
+					/* @__PURE__ */ g("th", {
+						className: "text-left py-1 pr-2",
+						children: "UA"
+					})
+				]
+			}) }), /* @__PURE__ */ g("tbody", { children: r.map((e) => /* @__PURE__ */ _("tr", {
+				className: "text-text-primary border-t border-border-subtle",
+				children: [
+					/* @__PURE__ */ g("td", {
+						className: "py-1 pr-2",
+						children: new Date(e.fetchedAt).toLocaleString()
+					}),
+					/* @__PURE__ */ g("td", {
+						className: "py-1 pr-2 font-mono",
+						children: e.remoteIp ?? "—"
+					}),
+					/* @__PURE__ */ g("td", {
+						className: "py-1 pr-2",
+						children: e.format
+					}),
+					/* @__PURE__ */ g("td", {
+						className: "py-1 pr-2",
+						children: e.bytes
+					}),
+					/* @__PURE__ */ g("td", {
+						className: "py-1 pr-2",
+						children: e.status
+					}),
+					/* @__PURE__ */ g("td", {
+						className: "py-1 pr-2 truncate max-w-[260px]",
+						title: e.userAgent ?? "",
+						children: e.userAgent ?? "—"
+					})
+				]
+			}, e.id)) })]
+		})
+	});
+}
+//#endregion
+export { k as VibeLlmContextTabPanel };
+
+//# sourceMappingURL=VibeLlmContextTabPanel.js.map