@mcp-b/react-components 0.46.2 → 0.46.4

package/dist/{McpConnectorForm-BETdVBRk.d.ts → McpConnectorForm-CeYNY0MI.d.ts}

@@ -1,4 +1,4 @@
-import { d as McpServerSetupAuthFieldName, l as McpServerSetupAuth } from "./mcp-server-catalog-Cbu483Zb.js";
+import { d as McpServerSetupAuthFieldName, l as McpServerSetupAuth } from "./mcp-server-catalog-C_g7C-9o.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/McpConnectorForm.d.ts

package/dist/{McpPluginCatalog-C6ip9IvL.d.ts → McpPluginCatalog-3qWu8oK1.d.ts}

@@ -1,5 +1,5 @@
-import { o as McpServerCard } from "./mcp-server-catalog-Cbu483Zb.js";
-import { r as McpConnectorFormValues } from "./McpConnectorForm-BETdVBRk.js";
+import { o as McpServerCard } from "./mcp-server-catalog-C_g7C-9o.js";
+import { r as McpConnectorFormValues } from "./McpConnectorForm-CeYNY0MI.js";
 import { l as DialogProps } from "./Dialog-B_FhRWaz.js";
 import * as React from "react";
 import { MCPServersState } from "agents";

package/dist/components/agents-sdk/BrowserLiveScreen.js

@@ -16,19 +16,37 @@ const BROWSER_LIVE_SCREEN_NEGOTIATION_TIMEOUT_MS = 1e4;
 */
 function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, protocol, getIceServers, label = "Employee browser", controlLabel = "Control employee browser", tabs = [], requestedTabId }) {
 	const video = useRef(null);
+	const input = useRef(null);
+	const [videoElement, setVideoElement] = useState(null);
 	const track = useRef(null);
 	const attachVideo = useCallback((element) => {
 		video.current = element;
 		if (element) element.srcObject = track.current;
+		setVideoElement(element);
 	}, []);
 	const showTrack = useCallback((stream) => {
 		track.current = stream;
-		if (video.current) video.current.srcObject = stream;
+		if (video.current) {
+			video.current.srcObject = stream;
+			syncInputBounds();
+		}
 	}, []);
 	const channel = useRef(null);
 	const geometry = useRef(null);
 	const [phase, setPhase] = useState("connecting");
 	const [failure, setFailure] = useState(null);
+	const syncVideoInputBounds = useEffectEvent(() => syncInputBounds());
+	useEffect(() => {
+		if (!videoElement) return;
+		videoElement.addEventListener("resize", syncVideoInputBounds);
+		const observer = new ResizeObserver(syncVideoInputBounds);
+		observer.observe(videoElement);
+		syncVideoInputBounds();
+		return () => {
+			videoElement.removeEventListener("resize", syncVideoInputBounds);
+			observer.disconnect();
+		};
+	}, [videoElement]);
 	const sendSignal = useEffectEvent((viewerId, payload) => sendHostSignal({
 		viewerId,
 		payload
@@ -46,7 +64,6 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 		}));
 	});
 	const dataChannelLabel = protocol.dataChannelLabel;
-	const input = useRef(null);
 	const handleWheel = useEffectEvent((event) => {
 		event.preventDefault();
 		const point = toPagePoint(event);
@@ -60,14 +77,27 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 			modifiers: modifiers(event)
 		}]);
 	});
+	const [keyboardOpen, setKeyboardOpen] = useState(false);
+	const touch = useRef(null);
+	const mousePress = useRef(null);
+	function cancelPointerState() {
+		const activeTouch = touch.current;
+		const activeMouse = mousePress.current;
+		if (activeTouch) clearTimeout(activeTouch.holdTimer);
+		touch.current = null;
+		mousePress.current = null;
+		const releases = [];
+		if (activeTouch?.mode === "drag") releases.push(release(activeTouch.lastPage, "left", 0, 1, 0));
+		if (activeMouse?.pressed) releases.push(release(activeMouse.lastPage, activeMouse.button, 0, activeMouse.clickCount, activeMouse.modifiers));
+		sendInput(releases);
+	}
 	const attachInput = useCallback((element) => {
+		if (input.current !== element) cancelPointerState();
 		input.current?.removeEventListener("wheel", handleWheel);
 		input.current = element;
 		element?.addEventListener("wheel", handleWheel, { passive: false });
+		syncInputBounds();
 	}, []);
-	const [keyboardOpen, setKeyboardOpen] = useState(false);
-	const touch = useRef(null);
-	const mousePress = useRef(null);
 	const [streamed, setStreamed] = useState(null);
 	useEffect(() => {
 		let disposed = false;
@@ -90,6 +120,7 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 			const closing = connection;
 			const closingViewerId = viewerId;
 			connection = void 0;
+			cancelPointerState();
 			channel.current = null;
 			geometry.current = null;
 			if (!disposed) setStreamed(null);
@@ -188,14 +219,19 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 				const status = parseStatus(event.data);
 				if (!status) return;
 				if (status.kind === "idle") {
+					cancelPointerState();
 					geometry.current = null;
+					syncInputBounds();
 					setFailure(null);
 					setPhase("idle");
 					setStreamed(null);
 					return;
 				}
 				if (status.kind === "streaming") {
+					const previous = geometry.current;
+					if (previous?.tabId !== status.tabId || previous.streamGeneration !== status.streamGeneration) cancelPointerState();
 					geometry.current = status;
+					syncInputBounds();
 					setFailure(null);
 					setPhase("streaming");
 					setStreamed(status);
@@ -275,11 +311,29 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 			renderedTop: bounds.top + (bounds.height - renderedHeight) / 2,
 			renderedWidth,
 			renderedHeight,
-			zoomX: renderedWidth / status.metadata.deviceWidth,
-			zoomY: renderedHeight / status.metadata.deviceHeight,
-			offsetTop: status.metadata.offsetTop
+			zoom: renderedWidth / status.metadata.deviceWidth
 		};
 	}
+	function syncInputBounds() {
+		const element = input.current;
+		if (!element) return;
+		const view = currentViewGeometry();
+		const surface = element.parentElement;
+		if (!view || !surface) {
+			element.style.removeProperty("inset");
+			element.style.removeProperty("left");
+			element.style.removeProperty("top");
+			element.style.removeProperty("width");
+			element.style.removeProperty("height");
+			return;
+		}
+		const bounds = surface.getBoundingClientRect();
+		element.style.inset = "auto";
+		element.style.left = `${view.renderedLeft - bounds.left}px`;
+		element.style.top = `${view.renderedTop - bounds.top}px`;
+		element.style.width = `${view.renderedWidth}px`;
+		element.style.height = `${view.renderedHeight}px`;
+	}
 	function toPagePoint(event) {
 		const view = currentViewGeometry();
 		return view ? pointWithin(view, event) : null;
@@ -303,7 +357,7 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 			lastPage: startPage,
 			holdTimer: setTimeout(() => {
 				gesture.mode = "drag";
-				sendInput([move(startPage, 0), press(startPage)]);
+				sendInput([move(startPage, 0, 0), press(startPage, "left", 1, 1, 0)]);
 			}, TOUCH_HOLD_MS)
 		};
 		touch.current = gesture;
@@ -322,8 +376,8 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 			gesture.mode = "scroll";
 		}
 		if (gesture.mode === "scroll") {
-			const deltaX = (gesture.lastClient.x - client.x) / gesture.view.zoomX;
-			const deltaY = (gesture.lastClient.y - client.y) / gesture.view.zoomY;
+			const deltaX = (gesture.lastClient.x - client.x) / gesture.view.zoom;
+			const deltaY = (gesture.lastClient.y - client.y) / gesture.view.zoom;
 			gesture.lastClient = client;
 			if (deltaX !== 0 || deltaY !== 0) sendInput([{
 				kind: "mouse",
@@ -337,7 +391,7 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 		const point = pointWithin(gesture.view, event);
 		if (!point) return;
 		gesture.lastPage = point;
-		sendInput([move(point, 1)]);
+		sendInput([move(point, 1, 0)]);
 	}
 	function endTouch(event, cancelled) {
 		const gesture = touch.current;
@@ -348,13 +402,21 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 		if (gesture.mode === "pending") {
 			if (cancelled) return;
 			sendInput([
-				move(gesture.startPage, 0),
-				press(gesture.startPage),
-				release(gesture.startPage)
+				move(gesture.startPage, 0, 0),
+				press(gesture.startPage, "left", 1, 1, 0),
+				release(gesture.startPage, "left", 0, 1, 0)
 			]);
 			return;
 		}
-		if (gesture.mode === "drag") sendInput([release(gesture.lastPage)]);
+		if (gesture.mode === "drag") sendInput([release(gesture.lastPage, "left", 0, 1, 0)]);
+	}
+	function endMouse(event) {
+		const gesture = mousePress.current;
+		if (!gesture || event.pointerId !== gesture.pointerId) return;
+		const point = toPagePoint(event) ?? gesture.lastPage;
+		mousePress.current = null;
+		if (!gesture.pressed) return;
+		sendInput([release(point, gesture.button, event.buttons, gesture.clickCount, modifiers(event))]);
 	}
 	const notice = failure ?? (phase === "streaming" ? void 0 : PHASE_TEXT[phase]);
 	const streamedTab = streamed ? tabs.find((tab) => tab.tabId === streamed.tabId) : void 0;
@@ -425,7 +487,7 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 				onKeyDown: (event) => {
 					event.currentTarget.removeAttribute("data-pointer-focus");
 					if (event.nativeEvent.isComposing) return;
-					if (event.key === "Enter") event.preventDefault();
+					if (event.key === "Enter" || event.key === "Tab") event.preventDefault();
 					sendInput([{
 						kind: "key",
 						type: "keyDown",
@@ -459,6 +521,15 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 					event.preventDefault();
 				},
 				onBlur: (event) => event.currentTarget.removeAttribute("data-pointer-focus"),
+				onMouseDown: (event) => {
+					const gesture = mousePress.current;
+					if (!gesture || gesture.pressed) return;
+					gesture.button = mouseButton(event.button);
+					gesture.clickCount = event.detail > 0 ? event.detail : 1;
+					gesture.modifiers = modifiers(event);
+					gesture.pressed = true;
+					sendInput([press(gesture.lastPage, gesture.button, event.buttons, gesture.clickCount, gesture.modifiers)]);
+				},
 				onPointerDown: (event) => {
 					event.currentTarget.dataset.pointerFocus = "";
 					if (event.pointerType === "touch") {
@@ -467,9 +538,20 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 					}
 					const point = toPagePoint(event);
 					if (point) {
+						const button = mouseButton(event.button);
+						const clickCount = event.detail > 0 ? event.detail : 1;
+						const modifierMask = modifiers(event);
+						const pressed = event.pointerType !== "mouse";
 						event.currentTarget.setPointerCapture(event.pointerId);
-						mousePress.current = point;
-						sendInput([press(point)]);
+						mousePress.current = {
+							button,
+							clickCount,
+							lastPage: point,
+							modifiers: modifierMask,
+							pointerId: event.pointerId,
+							pressed
+						};
+						if (pressed) sendInput([press(point, button, event.buttons, clickCount, modifierMask)]);
 					}
 				},
 				onPointerMove: (event) => {
@@ -479,8 +561,12 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 					}
 					const point = toPagePoint(event);
 					if (point) {
-						if (mousePress.current) mousePress.current = point;
-						sendInput([move(point, event.buttons)]);
+						const modifierMask = modifiers(event);
+						if (mousePress.current) {
+							mousePress.current.lastPage = point;
+							mousePress.current.modifiers = modifierMask;
+						}
+						sendInput([move(point, event.buttons, modifierMask)]);
 					}
 				},
 				onPointerUp: (event) => {
@@ -488,9 +574,7 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 						endTouch(event, false);
 						return;
 					}
-					const point = toPagePoint(event) ?? mousePress.current;
-					mousePress.current = null;
-					if (point) sendInput([release(point)]);
+					endMouse(event);
 					if (event.currentTarget.hasPointerCapture(event.pointerId)) event.currentTarget.releasePointerCapture(event.pointerId);
 				},
 				onPointerCancel: (event) => {
@@ -498,9 +582,14 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 						endTouch(event, true);
 						return;
 					}
-					const point = toPagePoint(event) ?? mousePress.current;
-					mousePress.current = null;
-					if (point) sendInput([release(point)]);
+					endMouse(event);
+				},
+				onLostPointerCapture: (event) => {
+					if (event.pointerType === "touch") {
+						endTouch(event, true);
+						return;
+					}
+					endMouse(event);
 				}
 			}),
 			/* @__PURE__ */ jsx(Button, {
@@ -590,36 +679,49 @@ function normalizeOpenUrl(raw) {
 	}
 	return null;
 }
-const press = (p) => ({
+const press = (p, button, buttons, clickCount, modifierMask) => ({
 	kind: "mouse",
 	type: "mousePressed",
 	...p,
-	button: "left",
-	buttons: 1,
-	clickCount: 1
+	button,
+	buttons,
+	clickCount,
+	modifiers: modifierMask
 });
-const release = (p) => ({
+const release = (p, button, buttons, clickCount, modifierMask) => ({
 	kind: "mouse",
 	type: "mouseReleased",
 	...p,
-	button: "left",
-	buttons: 0,
-	clickCount: 1
+	button,
+	buttons,
+	clickCount,
+	modifiers: modifierMask
 });
-const move = (p, buttons) => ({
+const move = (p, buttons, modifierMask) => ({
 	kind: "mouse",
 	type: "mouseMoved",
 	...p,
-	buttons
+	buttons,
+	modifiers: modifierMask
 });
+function mouseButton(button) {
+	return MOUSE_BUTTONS[button] ?? "none";
+}
+const MOUSE_BUTTONS = {
+	0: "left",
+	1: "middle",
+	2: "right",
+	3: "back",
+	4: "forward"
+};
 /** A client point in the picture's own page coordinates, or null if outside it. */
 function pointWithin(view, event) {
 	const renderedX = event.clientX - view.renderedLeft;
 	const renderedY = event.clientY - view.renderedTop;
 	if (renderedX < 0 || renderedY < 0 || renderedX > view.renderedWidth || renderedY > view.renderedHeight) return null;
 	return {
-		x: renderedX / view.zoomX,
-		y: renderedY / view.zoomY - view.offsetTop
+		x: renderedX / view.zoom,
+		y: renderedY / view.zoom
 	};
 }
 /** CDP's modifier bitmask: alt, ctrl, meta, shift. */

package/dist/components/agents-sdk/ManagerOffice.d.ts

@@ -1,4 +1,5 @@
 import { n as ResponsiveSidebarShell } from "../../ResponsiveSidebarShell-BTVPxLJK.js";
+import { ThinkRoutine } from "./ThinkRoutine.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/ManagerOffice.d.ts
@@ -44,20 +45,6 @@ interface ManagerOfficeWork {
   /** Unix timestamp in milliseconds of the latest lifecycle transition. */
   updatedAt: number;
 }
-interface ManagerOfficeRoutine {
-  /** Stable routine identity. */
-  id: string;
-  /** Human-readable recurring responsibility. */
-  name: string;
-  /** Human-readable schedule supplied by the host. */
-  schedule: string;
-  /** Whether future occurrences are enabled. */
-  enabled: boolean;
-  /** Completed runs among the bounded recent run history. */
-  completedRuns: number;
-  /** Terminal runs among the bounded recent run history. */
-  finishedRuns: number;
-}
 /** Which way work moves through a channel, from the employee's side. */
 type ManagerOfficeChannelDirection = "input" | "output" | "both";
 type ManagerOfficeChannelStatus = "connected" | "needs-auth" | "error";
@@ -117,7 +104,8 @@ interface ManagerOfficeConnectedEmployee extends ManagerOfficeEmployeeBase {
   role: string;
   handoffs: readonly ManagerOfficeHandoff[];
   work: readonly ManagerOfficeWork[];
-  routines: readonly ManagerOfficeRoutine[];
+  /** Whole upstream-backed routines, including their native task, schedule, and runs. */
+  routines: readonly ThinkRoutine[];
   /** Every service the employee reads from or acts on. Empty is meaningful. */
   channels: readonly ManagerOfficeChannel[];
   /** The live tab the manager can glance at from the office. */
@@ -151,7 +139,7 @@ type ManagerOfficeDestination = {
 } | {
   kind: "routine";
   employee: ManagerOfficeConnectedEmployee;
-  routine: ManagerOfficeRoutine;
+  routine: ThinkRoutine;
 } | {
   kind: "new-work";
   employee: ManagerOfficeConnectedEmployee;
@@ -260,4 +248,4 @@ declare function ManagerOffice({
   ...props
 }: ManagerOfficeProps): React.JSX.Element;
 //#endregion
-export { ManagerOffice, ManagerOfficeAnalyticsPoint, ManagerOfficeBrowserPreview, ManagerOfficeChannel, ManagerOfficeChannelDirection, ManagerOfficeChannelStatus, ManagerOfficeConnectedEmployee, ManagerOfficeDestination, ManagerOfficeDisconnectedEmployee, ManagerOfficeEmployee, ManagerOfficeEmployeeAnalytics, ManagerOfficeEmployeeStatus, ManagerOfficeHandoff, ManagerOfficeProps, ManagerOfficeReportSelection, ManagerOfficeRoutine, ManagerOfficeSidebar, ManagerOfficeSidebarAlert, ManagerOfficeSidebarAlertProps, ManagerOfficeSidebarProps, ManagerOfficeView, ManagerOfficeWork, ManagerOfficeWorkStatus };
+export { ManagerOffice, ManagerOfficeAnalyticsPoint, ManagerOfficeBrowserPreview, ManagerOfficeChannel, ManagerOfficeChannelDirection, ManagerOfficeChannelStatus, ManagerOfficeConnectedEmployee, ManagerOfficeDestination, ManagerOfficeDisconnectedEmployee, ManagerOfficeEmployee, ManagerOfficeEmployeeAnalytics, ManagerOfficeEmployeeStatus, ManagerOfficeHandoff, ManagerOfficeProps, ManagerOfficeReportSelection, ManagerOfficeSidebar, ManagerOfficeSidebarAlert, ManagerOfficeSidebarAlertProps, ManagerOfficeSidebarProps, ManagerOfficeView, ManagerOfficeWork, ManagerOfficeWorkStatus };

package/dist/components/agents-sdk/ManagerOffice.js

@@ -15,6 +15,7 @@ import { LinkButton } from "../foundations/LinkButton.js";
 import "../foundations/icons.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
+import { getThinkExecutionRunStatus } from "./ThinkExecutionRun.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/chrome-profile-colors.ts
@@ -354,6 +355,15 @@ function relativeTime(timestamp, now) {
 	if (elapsed < day) return `${Math.floor(elapsed / hour)}h`;
 	return `${Math.floor(elapsed / day)}d`;
 }
+function routineDetail(routine) {
+	const schedule = routine.enabled ? routine.task.schedule : `Paused · ${routine.task.schedule}`;
+	const finishedRuns = routine.runs.filter((run) => run.completedAt != null);
+	if (!finishedRuns.length) return schedule;
+	return `${schedule} · ${finishedRuns.filter((run) => {
+		const status = getThinkExecutionRunStatus(run);
+		return status === "completed" || status === "complete";
+	}).length} of ${finishedRuns.length} recent runs completed`;
+}
 function Timestamp({ now, timestamp }) {
 	const date = new Date(timestamp);
 	return /* @__PURE__ */ jsx("time", {
@@ -938,10 +948,14 @@ function DashboardCard({ card, collapsed, color, index, now, onToggleCollapsed,
 	});
 }
 function DashboardFilterMenu({ label, onToggle, options, selected }) {
-	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsxs(Menu.Trigger, {
+	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsxs(Button, {
+		variant: "outline",
+		color: "neutral",
+		size: "sm",
 		"aria-label": `${label} filter`,
 		className: "manager-office__filter-trigger",
 		"data-active": selected.size || void 0,
+		render: /* @__PURE__ */ jsx(Menu.Trigger, { unstyled: true }),
 		children: [
 			/* @__PURE__ */ jsx("span", { children: label }),
 			selected.size ? /* @__PURE__ */ jsx("strong", { children: selected.size }) : null,
@@ -961,10 +975,12 @@ function DashboardFilterMenu({ label, onToggle, options, selected }) {
 	}) })] });
 }
 function AssignWorkMenu({ employees, profileColors, renderLink }) {
-	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsxs(Menu.Trigger, {
+	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsxs(Button, {
+		size: "sm",
 		className: "manager-office__assignment-trigger",
 		disabled: !employees.length,
-		children: [/* @__PURE__ */ jsx("span", { children: "Assign work" }), /* @__PURE__ */ jsx(ChevronDownIcon, {})]
+		render: /* @__PURE__ */ jsx(Menu.Trigger, { unstyled: true }),
+		children: ["Assign work", /* @__PURE__ */ jsx(ChevronDownIcon, {})]
 	}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
 		align: "end",
 		sideOffset: 6,
@@ -1592,7 +1608,7 @@ function EmployeeDetail({ employee, renderLink, now, profileColor }) {
 													children: routine.name
 												}), /* @__PURE__ */ jsx("small", {
 													className: "sigvelo-truncate",
-													children: routine.enabled ? routine.schedule : `Paused · ${routine.schedule}`
+													children: routineDetail(routine)
 												})]
 											}),
 											/* @__PURE__ */ jsx(ChevronRightIcon, { className: "manager-office__row-chevron" })

package/dist/components/agents-sdk/McpConnectionRequest.d.ts

@@ -1,4 +1,4 @@
-import { o as McpServerCard } from "../../mcp-server-catalog-Cbu483Zb.js";
+import { o as McpServerCard } from "../../mcp-server-catalog-C_g7C-9o.js";
 import * as React from "react";
 import { DynamicToolUIPart, ToolUIPart } from "ai";
 import { MCPServersState } from "agents";

package/dist/components/agents-sdk/McpConnectorForm.d.ts

@@ -1,2 +1,2 @@
-import { n as McpConnectorFormProps, r as McpConnectorFormValues, t as McpConnectorForm } from "../../McpConnectorForm-BETdVBRk.js";
+import { n as McpConnectorFormProps, r as McpConnectorFormValues, t as McpConnectorForm } from "../../McpConnectorForm-CeYNY0MI.js";
 export { McpConnectorForm, McpConnectorFormProps, McpConnectorFormValues };

package/dist/components/agents-sdk/McpPluginCatalog.d.ts

@@ -1,2 +1,2 @@
-import { a as McpPluginDetailsDialogProps, i as McpPluginDetailsDialog, n as McpPluginCatalogProps, r as McpPluginDetails, t as McpPluginCatalog } from "../../McpPluginCatalog-C6ip9IvL.js";
+import { a as McpPluginDetailsDialogProps, i as McpPluginDetailsDialog, n as McpPluginCatalogProps, r as McpPluginDetails, t as McpPluginCatalog } from "../../McpPluginCatalog-3qWu8oK1.js";
 export { McpPluginCatalog, McpPluginCatalogProps, McpPluginDetails, McpPluginDetailsDialog, McpPluginDetailsDialogProps };

package/dist/components/agents-sdk/McpServerPicker.d.ts

@@ -1,6 +1,6 @@
 import { s as MenuItemProps, t as Menu } from "../../Menu-yb6QXWA3.js";
-import { o as McpServerCard } from "../../mcp-server-catalog-Cbu483Zb.js";
-import { n as McpConnectorFormProps } from "../../McpConnectorForm-BETdVBRk.js";
+import { o as McpServerCard } from "../../mcp-server-catalog-C_g7C-9o.js";
+import { n as McpConnectorFormProps } from "../../McpConnectorForm-CeYNY0MI.js";
 import { l as DialogProps } from "../../Dialog-B_FhRWaz.js";
 import * as React from "react";
 import { MCPServersState } from "agents";

package/dist/components/agents-sdk/ThinkFullApp.d.ts

@@ -1,7 +1,7 @@
 import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
 import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-jtmveaRE.js";
 import { n as ResponsiveSidebarShell, t as AppBarSlots } from "../../ResponsiveSidebarShell-BTVPxLJK.js";
-import { n as McpPluginCatalogProps } from "../../McpPluginCatalog-C6ip9IvL.js";
+import { n as McpPluginCatalogProps } from "../../McpPluginCatalog-3qWu8oK1.js";
 import { ThinkChatMessagesProps } from "./ThinkChat.js";
 import { ThinkThreadStatusSummary } from "./ThinkThreadPicker.js";
 import { r as WorkspaceFileAssetResolver } from "../../WorkspaceFile-Dq-GC0_T.js";

package/dist/components/agents-sdk/ThinkSidepanel.d.ts

@@ -1,7 +1,7 @@
+import { ThinkRoutine } from "./ThinkRoutine.js";
 import { ThinkChatDraft } from "./ThinkChat.js";
 import { ThinkThreadItem } from "./ThinkThreadPicker.js";
 import { ThinkFullAppAgent, ThinkFullAppConversation, ThinkFullAppProps } from "./ThinkFullApp.js";
-import { ThinkRoutine } from "./ThinkRoutine.js";
 import { SetupChecklistEntry } from "../general-purpose/SetupChecklist.js";
 import * as React from "react";
 import { UIMessage } from "ai";

package/dist/components/agents-sdk/ThinkSidepanel.js

@@ -18,8 +18,8 @@ import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { t as SetupChecklistAction } from "../../SetupChecklist-DyPZWzK2.js";
 import { NaniteMark } from "../nanites/NaniteScene.js";
 import { SubagentRunLabel } from "./SubagentRunIndicator.js";
-import { McpServerPickerAction, McpServerPickerItems } from "./McpServerPicker.js";
 import { getThinkExecutionRunId } from "./ThinkExecutionRun.js";
+import { McpServerPickerAction, McpServerPickerItems } from "./McpServerPicker.js";
 import { ThinkThreadPicker, summarizeThinkThreads } from "./ThinkThreadPicker.js";
 import { ThinkFullApp } from "./ThinkFullApp.js";
 import { ThinkRoutineLibrary } from "./ThinkRoutineLibrary.js";

package/dist/{mcp-server-catalog-Cbu483Zb.d.ts → mcp-server-catalog-C_g7C-9o.d.ts}

@@ -420,6 +420,30 @@ declare const MANUAL_MCP_SERVER_CARDS: readonly [{
       readonly url: "https://developers.asana.com/docs/connecting-mcp-clients-to-asanas-v2-server";
     }];
   };
+}, {
+  readonly id: "github";
+  readonly name: "GitHub";
+  readonly url: "https://api.githubcopilot.com/mcp/";
+  readonly description: "Clone, push, and open pull requests as a connected GitHub account";
+  readonly category: "Manual";
+  readonly manualSetup: {
+    readonly auth: {
+      readonly type: "bearer";
+      readonly label: "Personal access token (classic)";
+      readonly fields: readonly [{
+        readonly name: "bearerToken";
+        readonly label: "Personal access token";
+        readonly inputType: "password";
+        readonly placeholder: "ghp_…";
+        readonly required: true;
+      }];
+    };
+    readonly description: "Paste a classic personal access token with all scopes from the agent's own GitHub account — the account is the access boundary. Git and the GitHub API both authenticate as this account.";
+    readonly links: readonly [{
+      readonly label: "Create a classic token";
+      readonly url: "https://github.com/settings/tokens";
+    }];
+  };
 }, {
   readonly id: "gmail";
   readonly name: "Gmail";

package/dist/styles/browser-control-overlay.css

@@ -1,18 +1,20 @@
 /*
- * Standalone stylesheet for browser-control chrome mounted in a closed shadow
- * root. It intentionally uses system colors so it remains legible on arbitrary
- * pages without leaking the full document-level token sheet into the host.
+ * Browser-control chrome, mounted in a closed shadow root on someone else's
+ * page. This standalone design-system leaf is isolated by `:host { all:
+ * initial }`, so it shares no variable, scale, or primitive with the document
+ * stylesheet.
  *
- * Every length here is a literal on purpose. The token layer does not exist
- * inside this shadow root, so a --sigvelo-* reference resolves to nothing and
- * takes its whole declaration with it — silently, and only on a real host page,
- * which is the one place this is hard to notice. Keep the values on the 4px
- * grid by hand; audit:css-recipes checks both halves of that.
+ * Every length is a literal on purpose. A --sigvelo-* reference here resolves
+ * to nothing and silently takes its whole declaration with it, and only on a
+ * real host page — the one place that is hardest to notice. Keep the values on
+ * the 4px grid by hand.
+ *
+ * System colors keep the chrome legible on an arbitrary page's palette and in
+ * forced-colors mode.
  */
 
 :host {
   --browser-control-accent: Highlight;
-  --browser-control-accent-text: HighlightText;
   --browser-control-warning: Mark;
   --browser-control-warning-text: MarkText;
   --browser-control-shadow: color-mix(in srgb, CanvasText 28%, transparent);
@@ -31,50 +33,56 @@
   z-index: 2147483647;
 }
 
+/*
+ * Only the waiting mode draws an edge. A tab under agent control is identified
+ * by its pointer; a border around the whole viewport reads as an error state
+ * and hides the page's own chrome. Waiting is the exception because the page
+ * is being handed back and the user has to notice.
+ */
 :host .frame {
-  background: color-mix(in srgb, var(--browser-control-accent) 5%, transparent);
-  border: 3px solid color-mix(in srgb, var(--browser-control-accent) 88%, transparent);
-  box-shadow: inset 0 0 18px color-mix(in srgb, var(--browser-control-accent) 28%, transparent);
+  box-shadow:
+    inset 0 0 0 3px var(--browser-control-warning),
+    inset 0 0 24px color-mix(in srgb, var(--browser-control-warning) 32%, transparent);
   box-sizing: border-box;
   inset: 0;
   pointer-events: none;
   position: fixed;
 }
 
-:host .frame.waiting {
-  background: color-mix(in srgb, var(--browser-control-warning) 12%, transparent);
-  border-color: var(--browser-control-warning);
-  box-shadow: inset 0 0 18px color-mix(in srgb, var(--browser-control-warning) 32%, transparent);
-}
-
+/*
+ * The pointer artwork. The file is cropped to its alpha, and the alpha includes
+ * the soft white halo -- so the arrow's ink apex, which is what the eye reads as
+ * the point, sits 5px into a 40x41 image, or 3.41px once `contain` renders it
+ * 28px tall. The box is offset by that much and the pivot moved onto it, so the
+ * apex lands on the page's pointer and every rotation the planner emits turns
+ * about it. Shifting the background instead would do the same thing and clip the
+ * halo off the leading edge.
+ *
+ * Position comes from the Web Animations API during a move and from
+ * --think-cursor-x/y at rest; no transform transition, since a CSS transition
+ * and a script-driven animation would fight over the same property.
+ */
 :host .cursor {
-  filter: drop-shadow(0 2px 4px var(--browser-control-shadow));
+  background: url(../assets/browser-control-cursor.png) no-repeat 0 0 / contain;
+  /* Two shadows rather than one: a tight halo that separates the artwork from
+     whatever it is over, and a wide one that reads as the accent glow. */
+  filter: drop-shadow(0 0 6px color-mix(in srgb, var(--browser-control-accent) 90%, transparent))
+    drop-shadow(0 0 15px color-mix(in srgb, var(--browser-control-accent) 48%, transparent));
   height: 28px;
-  left: 0;
-  opacity: 0;
+  left: -3.41px;
   pointer-events: none;
   position: fixed;
-  top: 0;
+  top: -3.41px;
   transform: translate3d(var(--think-cursor-x, 16px), var(--think-cursor-y, 16px), 0);
-  transition:
-    transform 140ms cubic-bezier(0.2, 0.8, 0.2, 1),
-    opacity 80ms linear;
+  /* The ink apex, not the box corner and not the centre. The offset above puts
+     this point on the pointer, and the body swings around it. */
+  transform-origin: 3.41px 3.41px;
   width: 28px;
 }
 
-:host .cursor.visible {
-  opacity: 1;
-}
-
-:host .cursor path {
-  fill: var(--browser-control-accent);
-  stroke: var(--browser-control-accent-text);
-}
-
 :host button {
   appearance: none;
   border-radius: 999px;
-  box-shadow: 0 2px 10px var(--browser-control-shadow);
   cursor: pointer;
   font:
     600 12px/1.2 system-ui,
@@ -92,41 +100,6 @@
   opacity: 0.72;
 }
 
-:host .takeover,
-:host .owner {
-  background: var(--browser-control-accent);
-  border: solid 1px var(--browser-control-accent-text);
-  box-shadow: 0 2px 10px var(--browser-control-shadow);
-  color: var(--browser-control-accent-text);
-}
-
-:host .takeover {
-  pointer-events: none;
-  position: fixed;
-  right: 10px;
-  top: 10px;
-}
-
-:host .takeover.takeover-armed {
-  pointer-events: auto;
-}
-
-:host .owner {
-  border-radius: 999px;
-  font:
-    600 12px/1.2 system-ui,
-    sans-serif;
-  left: 10px;
-  max-width: min(360px, 60vw);
-  overflow: hidden;
-  padding: 8px 12px;
-  pointer-events: none;
-  position: fixed;
-  text-overflow: ellipsis;
-  top: 10px;
-  white-space: nowrap;
-}
-
 :host .banner {
   align-items: center;
   background: var(--browser-control-warning);
@@ -158,6 +131,7 @@
 :host .banner .done,
 :host .banner .cannot {
   border: solid 1px currentcolor;
+  box-shadow: 0 2px 10px var(--browser-control-shadow);
   color: inherit;
   flex-shrink: 0;
 }
@@ -171,12 +145,6 @@
   box-shadow: none;
 }
 
-@media (prefers-reduced-motion: reduce) {
-  :host .cursor {
-    transition: none;
-  }
-}
-
 @media print {
   :host {
     display: none !important;
@@ -184,10 +152,8 @@
 }
 
 @media (forced-colors: active) {
-  :host .frame,
-  :host .takeover,
-  :host .owner,
   :host .banner {
-    forced-color-adjust: none;
+    background: Canvas;
+    color: CanvasText;
   }
 }

package/dist/styles/extension-status.css

@@ -0,0 +1,46 @@
+/*
+ * Standalone extension interstitial. It intentionally does not load the token
+ * cascade; system colors follow the user's light, dark, and forced-color theme.
+ */
+
+.extension-status-page {
+  background: Canvas;
+  color: CanvasText;
+  color-scheme: light dark;
+  display: grid;
+  font:
+    0.875rem/1.5 system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    sans-serif;
+  margin: 0;
+  min-block-size: 100dvb;
+  place-items: center;
+}
+
+.extension-status {
+  /* Mirrors --sigvelo-layout-gutter without loading the document token sheet. */
+  display: grid;
+  gap: 0.75rem;
+  justify-items: center;
+  max-inline-size: 30rem;
+  padding: 0.75rem;
+  text-align: center;
+}
+
+.extension-status h1 {
+  font-size: inherit;
+  font-weight: 600;
+  margin: 0;
+}
+
+.extension-status p {
+  color: GrayText;
+  margin: 0;
+}
+
+.extension-status button {
+  font: inherit;
+}

package/dist/styles/index.css

@@ -86,7 +86,6 @@
 @import "./artifact.css" layer(components);
 @import "./browser-live-view.css" layer(components);
 @import "./browser-live-screen.css" layer(components);
-@import "./browser-control-overlay.css" layer(components);
 @import "./browser-run-panel.css" layer(components);
 @import "./chain-of-thought.css" layer(components);
 @import "./checkpoint.css" layer(components);

package/dist/styles/manager-office.css

@@ -12,12 +12,6 @@
   background: var(--sigvelo-color-surface);
 }
 
-.manager-office--dashboard .app-top-bar__title {
-  font-size: var(--sigvelo-text-base);
-  font-weight: var(--sigvelo-font-weight-bold);
-  line-height: var(--sigvelo-text-base-leading);
-}
-
 .manager-office__dashboard {
   min-inline-size: 0;
   min-block-size: 0;
@@ -180,24 +174,6 @@
   background: transparent;
 }
 
-.manager-office__add-employee {
-  min-inline-size: var(--sigvelo-control-height-md);
-  min-block-size: var(--sigvelo-control-height-md);
-  padding: var(--sigvelo-spacing-1);
-  border: 0;
-  border-radius: var(--sigvelo-radius-md);
-  background: transparent;
-}
-
-.manager-office__add-employee:hover:not([data-disabled]) {
-  background: var(--sigvelo-color-neutral-bg-subtle);
-}
-
-.manager-office__add-employee > svg {
-  inline-size: var(--sigvelo-density-compact-control-icon-size);
-  block-size: var(--sigvelo-density-compact-control-icon-size);
-}
-
 .manager-office__filters-main {
   flex: 1;
   min-inline-size: 0;
@@ -240,14 +216,8 @@
 }
 
 .manager-office__filter-trigger {
-  min-block-size: var(--sigvelo-control-height-md);
   flex: none;
-  display: inline-flex;
-  align-items: center;
   gap: var(--sigvelo-spacing-1);
-  border-color: var(--sigvelo-color-neutral-border-muted);
-  background: var(--sigvelo-color-surface);
-  font-size: var(--sigvelo-text-xs);
 }
 
 .manager-office__filter-trigger[data-active] {
@@ -260,12 +230,6 @@
   font-size: var(--sigvelo-text-2xs);
 }
 
-.manager-office__filter-trigger > svg {
-  inline-size: var(--sigvelo-density-compact-control-icon-size);
-  block-size: var(--sigvelo-density-compact-control-icon-size);
-  color: var(--sigvelo-color-text-muted);
-}
-
 .manager-office__filter-clear {
   flex: none;
   gap: var(--sigvelo-spacing-1);
@@ -296,13 +260,8 @@
 
 .manager-office__analytics {
   min-inline-size: 0;
-  padding: var(--sigvelo-spacing-4);
   display: grid;
-  gap: var(--sigvelo-spacing-3);
-  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
-    var(--sigvelo-color-neutral-border-subtle);
-  border-radius: var(--sigvelo-radius-lg);
-  background: color-mix(in oklab, var(--sigvelo-color-neutral-bg-subtle), transparent 38%);
+  gap: var(--sigvelo-layout-gap);
 }
 
 .manager-office__analytics-header {
@@ -315,9 +274,6 @@
 
 .manager-office__analytics-header h2 {
   margin: 0;
-}
-
-.manager-office__analytics-header h2 {
   font-size: var(--sigvelo-text-base);
   line-height: var(--sigvelo-text-base-leading);
 }
@@ -357,15 +313,11 @@
 
 .manager-office__analytics-series {
   min-inline-size: 0;
-  padding: var(--sigvelo-spacing-3);
+  padding: var(--sigvelo-spacing-3) 0;
   display: grid;
   grid-template-columns: minmax(0, 1fr);
   align-content: start;
   gap: var(--sigvelo-spacing-2);
-  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
-    var(--sigvelo-color-neutral-border-muted);
-  border-radius: var(--sigvelo-radius-md);
-  background: var(--sigvelo-color-surface);
   color: var(--sigvelo-color-viz-series-1);
 }
 
@@ -492,34 +444,10 @@
 }
 
 .manager-office__assignment-trigger {
-  min-block-size: var(--sigvelo-control-height-md);
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-  gap: var(--sigvelo-spacing-2);
-  border-color: var(--sigvelo-color-primary-bg);
-  background: var(--sigvelo-color-primary-bg);
-  color: var(--sigvelo-color-primary-text-on-bg);
-  font-size: var(--sigvelo-text-xs);
+  flex: none;
   white-space: nowrap;
 }
 
-.manager-office__assignment-trigger > svg {
-  inline-size: var(--sigvelo-density-compact-control-icon-size);
-  block-size: var(--sigvelo-density-compact-control-icon-size);
-}
-
-.manager-office__assignment-trigger > svg:last-child {
-}
-
-.manager-office__assignment-trigger:hover:not([data-disabled]) {
-  background: var(--sigvelo-color-primary-bg-hover);
-}
-
-.manager-office__assignment-trigger:active:not([data-disabled]) {
-  background: var(--sigvelo-color-primary-bg-press);
-}
-
 .manager-office__assignment-popup {
   inline-size: min(22rem, calc(100vw - 2 * var(--sigvelo-spacing-4)));
   max-block-size: 24rem;
@@ -696,7 +624,6 @@
   border-radius: var(--sigvelo-radius-md);
   background: var(--sigvelo-color-surface);
   color: var(--sigvelo-color-text);
-  box-shadow: var(--sigvelo-elevation-raised);
 }
 
 .manager-office__dashboard-card-header {
@@ -709,7 +636,6 @@
 
 .manager-office__dashboard-card[data-collapsed] {
   gap: 0;
-  box-shadow: none;
 }
 
 .manager-office__dashboard-card-owner,
@@ -765,10 +691,10 @@
 }
 
 .manager-office__browser-chrome {
-  block-size: 1.45rem;
+  block-size: var(--sigvelo-spacing-6);
   padding-inline: var(--sigvelo-spacing-2);
   display: grid;
-  grid-template-columns: repeat(3, 0.35rem) minmax(0, 1fr);
+  grid-template-columns: repeat(3, var(--sigvelo-spacing-1-5)) minmax(0, 1fr);
   align-items: center;
   gap: var(--sigvelo-spacing-1);
   border-block-end: var(--sigvelo-border-style) var(--sigvelo-border-width)
@@ -777,8 +703,8 @@
 }
 
 .manager-office__browser-chrome > span {
-  inline-size: 0.35rem;
-  block-size: 0.35rem;
+  inline-size: var(--sigvelo-spacing-1-5);
+  block-size: var(--sigvelo-spacing-1-5);
   border-radius: 50%;
   background: var(--sigvelo-color-neutral-border);
 }
@@ -789,14 +715,15 @@
   min-inline-size: 0;
   overflow: hidden;
   color: var(--sigvelo-color-text-subtle);
-  font-size: 0.55em;
+  font-size: var(--sigvelo-text-2xs);
+  line-height: var(--sigvelo-text-2xs-leading);
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .manager-office__browser-page {
   position: absolute;
-  inset: 1.45rem 0 0;
+  inset: var(--sigvelo-spacing-6) 0 0;
   padding: var(--sigvelo-spacing-3);
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
@@ -809,8 +736,8 @@
 }
 
 .manager-office__browser-page-mark {
-  inline-size: 1.35rem;
-  block-size: 1.35rem;
+  inline-size: var(--sigvelo-spacing-5);
+  block-size: var(--sigvelo-spacing-5);
   border-radius: var(--sigvelo-radius-sm);
   background: var(--sigvelo-color-primary-bg);
 }
@@ -818,7 +745,7 @@
   min-inline-size: 0;
   display: grid;
   align-content: start;
-  gap: 2px;
+  gap: var(--sigvelo-spacing-0-5);
 }
 .manager-office__browser-page-copy strong,
 .manager-office__browser-page-copy small {
@@ -827,13 +754,13 @@
   white-space: nowrap;
 }
 .manager-office__browser-page-copy strong {
-  font-size: 0.68em;
-  line-height: var(--sigvelo-leading-tight);
+  font-size: var(--sigvelo-text-2xs);
+  line-height: var(--sigvelo-text-2xs-leading);
 }
 .manager-office__browser-page-copy small {
   color: var(--sigvelo-color-text-muted);
-  font-size: 0.52em;
-  line-height: var(--sigvelo-leading-tight);
+  font-size: var(--sigvelo-text-2xs);
+  line-height: var(--sigvelo-text-2xs-leading);
 }
 .manager-office__browser-page-lines {
   grid-column: 1 / -1;
@@ -857,11 +784,11 @@
   position: absolute;
   inset-inline-end: 22%;
   inset-block-end: 22%;
-  inline-size: 0.55rem;
-  block-size: 0.75rem;
+  inline-size: var(--sigvelo-spacing-2-5);
+  block-size: var(--sigvelo-spacing-3);
   background: var(--sigvelo-color-text);
   clip-path: polygon(0 0, 100% 70%, 58% 72%, 42% 100%);
-  animation: manager-office-browser-cursor 2.8s ease-in-out infinite;
+  animation: manager-office-browser-cursor 2.8s var(--sigvelo-ease-standard) infinite;
 }
 @keyframes manager-office-browser-cursor {
   0%,
@@ -880,12 +807,13 @@
   align-items: center;
   gap: var(--sigvelo-spacing-1);
   color: var(--sigvelo-color-text-muted);
-  font-size: 0.58em;
+  font-size: var(--sigvelo-text-2xs);
   font-weight: var(--sigvelo-font-weight-semibold);
+  line-height: var(--sigvelo-text-2xs-leading);
 }
 .manager-office__browser-state > svg {
-  inline-size: 0.65rem;
-  block-size: 0.65rem;
+  inline-size: var(--sigvelo-control-icon-size-xs);
+  block-size: var(--sigvelo-control-icon-size-xs);
 }
 .manager-office__browser-preview[data-lane="working"] .manager-office__browser-state {
   color: var(--sigvelo-color-primary-text);
@@ -954,9 +882,6 @@
   .manager-office__filters-main {
     flex: none;
   }
-  .manager-office__analytics {
-    padding: var(--sigvelo-spacing-3);
-  }
   .manager-office__analytics-header {
     align-items: stretch;
     flex-direction: column;
@@ -993,10 +918,6 @@
 @media (width <= 38rem) {
   .manager-office__assignment-trigger {
     inline-size: auto;
-    min-block-size: var(--sigvelo-density-compact-control-height);
-    padding-inline: var(--sigvelo-spacing-2);
-    gap: var(--sigvelo-spacing-1);
-    font-size: var(--sigvelo-text-xs);
   }
 }
 
@@ -1078,7 +999,7 @@
 }
 
 .manager-office__employee-nav {
-  --manager-office-roster-scrollbar-size: 4px;
+  --manager-office-roster-scrollbar-size: var(--sigvelo-spacing-1);
   min-inline-size: 0;
   margin: 0;
   padding: var(--sigvelo-spacing-1) var(--sigvelo-spacing-2);
@@ -1253,8 +1174,8 @@
   position: absolute;
   inset-inline-start: 50%;
   inset-block-end: -1px;
-  inline-size: 1.125rem;
-  block-size: 2px;
+  inline-size: var(--sigvelo-spacing-4);
+  block-size: var(--sigvelo-spacing-0-5);
   border-radius: var(--sigvelo-radius-full);
   background: var(--sigvelo-color-text);
   content: "";
@@ -1334,13 +1255,13 @@
   position: absolute;
   inset-inline-end: -1px;
   inset-block-end: -1px;
-  inline-size: 15px;
-  block-size: 15px;
+  inline-size: var(--sigvelo-spacing-4);
+  block-size: var(--sigvelo-spacing-4);
   display: grid;
   place-items: center;
   border-radius: var(--sigvelo-radius-xs);
   background: var(--sigvelo-color-surface);
-  box-shadow: 0 0 0 1.5px var(--sigvelo-color-surface);
+  box-shadow: 0 0 0 var(--sigvelo-border-width) var(--sigvelo-color-surface);
 }
 
 .manager-office__identity {
@@ -1634,25 +1555,24 @@
 }
 
 .manager-office__nav-status > svg {
-  inline-size: 11px;
-  block-size: 11px;
-  stroke-width: 2.35;
+  inline-size: var(--sigvelo-control-icon-size-xs);
+  block-size: var(--sigvelo-control-icon-size-xs);
 }
 
 .manager-office__nav-status:is([data-status="needs-you"], [data-status="issue"]) {
-  color: light-dark(#b3261e, #ff8a80);
+  color: var(--sigvelo-color-danger-text);
 }
 
 .manager-office__nav-status[data-status="unavailable"] {
-  color: light-dark(#7c2d12, #fb923c);
+  color: var(--sigvelo-color-warning-text);
 }
 
 .manager-office__nav-status[data-status="idle"] {
-  color: light-dark(#087f5b, #4fd1a1);
+  color: var(--sigvelo-color-text-muted);
 }
 
 .manager-office__nav-status[data-status="offline"] {
-  color: light-dark(#667085, #a7afbe);
+  color: var(--sigvelo-color-text-muted);
 }
 
 .manager-office__thread-status[data-status="error"] {
@@ -1660,7 +1580,7 @@
 }
 
 .manager-office__nav-status:is([data-status="working"], [data-status="connecting"]) {
-  color: light-dark(#0b57d0, #69a7ff);
+  color: var(--sigvelo-color-primary-text);
 }
 
 .manager-office__thread-status[data-status="running"] {

package/dist/utils/mcp-server-catalog.d.ts

@@ -1,2 +1,2 @@
-import { a as MCP_SERVER_SETUP_AUTH, c as McpServerManualSetup, d as McpServerSetupAuthFieldName, f as McpServerSetupLink, h as getMcpServerRuntimeState, i as MANUAL_MCP_SERVER_CARDS, l as McpServerSetupAuth, m as getMcpServerIconSrc, n as DCR_MCP_SERVER_CARDS, o as McpServerCard, p as getMcpServerEntry, r as DEFAULT_MCP_SERVER_CARDS, s as McpServerCardIcon, t as CUSTOM_MCP_SERVER_CARD, u as McpServerSetupAuthField } from "../mcp-server-catalog-Cbu483Zb.js";
+import { a as MCP_SERVER_SETUP_AUTH, c as McpServerManualSetup, d as McpServerSetupAuthFieldName, f as McpServerSetupLink, h as getMcpServerRuntimeState, i as MANUAL_MCP_SERVER_CARDS, l as McpServerSetupAuth, m as getMcpServerIconSrc, n as DCR_MCP_SERVER_CARDS, o as McpServerCard, p as getMcpServerEntry, r as DEFAULT_MCP_SERVER_CARDS, s as McpServerCardIcon, t as CUSTOM_MCP_SERVER_CARD, u as McpServerSetupAuthField } from "../mcp-server-catalog-C_g7C-9o.js";
 export { CUSTOM_MCP_SERVER_CARD, DCR_MCP_SERVER_CARDS, DEFAULT_MCP_SERVER_CARDS, MANUAL_MCP_SERVER_CARDS, MCP_SERVER_SETUP_AUTH, McpServerCard, McpServerCardIcon, McpServerManualSetup, McpServerSetupAuth, McpServerSetupAuthField, McpServerSetupAuthFieldName, McpServerSetupLink, getMcpServerEntry, getMcpServerIconSrc, getMcpServerRuntimeState };

package/dist/utils/mcp-server-catalog.js

@@ -1,4 +1,5 @@
 import { inferFaviconUrl } from "./favicon.js";
+import { siAirtable, siAsana, siAtlassian, siCalendly, siCloudflare, siDatadog, siEgnyte, siGithub, siGitlab, siGrafana, siHubspot, siHuggingface, siLinear, siMiro, siNeon, siNotion, siPaypal, siPosthog, siPostman, siRailway, siSentry, siStripe, siSupabase, siWebflow, siWix, siZapier, siZoom } from "simple-icons";
 //#region src/utils/mcp-server-catalog.ts
 /**
 * Read the complete state emitted by the pinned Agents runtime.
@@ -38,6 +39,40 @@ function normalizeMcpServerUrl(url) {
 }
 const DCR_CATEGORY = "Auto";
 const MANUAL_CATEGORY = "Manual";
+const SIMPLE_ICONS = Object.fromEntries([
+	siAirtable,
+	siAsana,
+	siAtlassian,
+	siCalendly,
+	siCloudflare,
+	siDatadog,
+	siEgnyte,
+	siGithub,
+	siGitlab,
+	siGrafana,
+	siHubspot,
+	siHuggingface,
+	siLinear,
+	siMiro,
+	siNeon,
+	siNotion,
+	siPaypal,
+	siPosthog,
+	siPostman,
+	siRailway,
+	siSentry,
+	siStripe,
+	siSupabase,
+	siWebflow,
+	siWix,
+	siZapier,
+	siZoom
+].map((icon) => [icon.slug, icon.svg]));
+function bundledSimpleIcon(server) {
+	const slug = server.id === "zoom-workspace" ? "zoom" : server.id.replaceAll("-", "");
+	const svg = SIMPLE_ICONS[slug];
+	return svg ? `data:image/svg+xml,${encodeURIComponent(svg)}` : void 0;
+}
 const MCP_SERVER_SETUP_AUTH = {
 	bearer: {
 		type: "bearer",
@@ -120,6 +155,8 @@ const CUSTOM_MCP_SERVER_CARD = {
 function getMcpServerIconSrc(server) {
 	if (typeof server.icon === "string") return server.icon;
 	if (server.icon?.src) return server.icon.src;
+	const bundled = bundledSimpleIcon(server);
+	if (bundled) return bundled;
 	return inferFaviconUrl(server.url);
 }
 /** Remote MCP servers whose OAuth metadata exposes a registration_endpoint. */
@@ -425,6 +462,31 @@ const MANUAL_MCP_SERVER_CARDS = [
 			]
 		}
 	},
+	{
+		id: "github",
+		name: "GitHub",
+		url: "https://api.githubcopilot.com/mcp/",
+		description: "Clone, push, and open pull requests as a connected GitHub account",
+		category: MANUAL_CATEGORY,
+		manualSetup: {
+			auth: {
+				type: "bearer",
+				label: "Personal access token (classic)",
+				fields: [{
+					name: "bearerToken",
+					label: "Personal access token",
+					inputType: "password",
+					placeholder: "ghp_…",
+					required: true
+				}]
+			},
+			description: "Paste a classic personal access token with all scopes from the agent's own GitHub account — the account is the access boundary. Git and the GitHub API both authenticate as this account.",
+			links: [{
+				label: "Create a classic token",
+				url: "https://github.com/settings/tokens"
+			}]
+		}
+	},
 	{
 		id: "gmail",
 		name: "Gmail",
@@ -870,6 +932,12 @@ const DEFAULT_MCP_SERVER_CARDS = [
 	...DCR_MCP_SERVER_CARDS,
 	CUSTOM_MCP_SERVER_CARD,
 	...MANUAL_MCP_SERVER_CARDS
-];
+].map((server) => {
+	const icon = bundledSimpleIcon(server);
+	return icon ? {
+		...server,
+		icon
+	} : server;
+});
 //#endregion
 export { CUSTOM_MCP_SERVER_CARD, DCR_MCP_SERVER_CARDS, DEFAULT_MCP_SERVER_CARDS, MANUAL_MCP_SERVER_CARDS, MCP_SERVER_SETUP_AUTH, getMcpServerEntry, getMcpServerIconSrc, getMcpServerRuntimeState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.46.2",
+  "version": "0.46.4",
   "description": "MCP-B React components built on Base UI and shared design tokens, including Cloudflare Think chat primitives.",
   "homepage": "https://design-system.sigvelo.com",
   "bugs": {
@@ -50,10 +50,11 @@
     "react-icons": "^5.7.0",
     "rehype-slug": "^6.0.0",
     "shiki": "^3.23.0",
+    "simple-icons": "16.28.0",
     "streamdown": "^2.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.2",
-    "@mcp-b/design-tokens": "0.46.2"
+    "@mcp-b/design-tokens": "0.46.4"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.249",