@burdenoff/fe-libs 2026.731.4 → 2026.801.1

package/dist/chrome/AutoBreadcrumbs.js

@@ -3,7 +3,7 @@ import { useSafeShellUi as t } from "../shared/providers/shell/ShellUiProvider.j
 import { useEffect as n, useMemo as r, useState as i } from "react";
 import { ChevronRight as a, Home as o, PanelTopClose as s, PanelTopOpen as c } from "lucide-react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useLocation as d, useNavigate as f } from "react-router-dom";
+import { useLocation as d, useNavigate as f } from "react-router";
 //#region src/chrome/AutoBreadcrumbs.tsx
 var p = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, m = /* @__PURE__ */ new Map();
 function h(e, t) {

package/dist/chrome/DynamicFooter.js

@@ -7,7 +7,7 @@ import { useEffect as o, useMemo as s, useState as c } from "react";
 import { Github as l, Globe as u, Linkedin as d, MessageCircle as f, Twitter as p, Youtube as m } from "lucide-react";
 import { jsx as h } from "react/jsx-runtime";
 import { gql as g } from "@apollo/client/core";
-import { Link as _ } from "react-router-dom";
+import { Link as _ } from "react-router";
 //#region src/chrome/DynamicFooter.tsx
 var v = g`
   query GetFooterContentPages($filter: ContentPageFilterInput, $limit: Int) {

package/dist/chrome/Footer.d.ts

@@ -120,7 +120,7 @@ export declare const DEFAULT_SOCIAL_LINKS: SocialLink[];
  *
  * @example Custom columns and router integration
  * ```tsx
- * import { Link } from 'react-router-dom';
+ * import { Link } from 'react-router';
  *
  * <Footer
  *   columns={myColumns}

package/dist/chrome/PageHeader.js

@@ -2,7 +2,7 @@ import { cn as e } from "../lib/utils.js";
 import "react";
 import { ChevronRightIcon as t } from "lucide-react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Link as i } from "react-router-dom";
+import { Link as i } from "react-router";
 //#region src/chrome/PageHeader.tsx
 function a({ title: a, description: o, actions: s, breadcrumb: c, icon: l, toolbar: u, className: d }) {
 	return /* @__PURE__ */ r("header", {

package/dist/chrome/PluginRoutes.js

@@ -1,7 +1,7 @@
 import { useRouteRegistryStore as e } from "../shared/plugins/registries/useRouteRegistry.js";
 import { Suspense as t, useMemo as n } from "react";
 import { Fragment as r, jsx as i } from "react/jsx-runtime";
-import { matchPath as a, useLocation as o } from "react-router-dom";
+import { matchPath as a, useLocation as o } from "react-router";
 //#region src/chrome/PluginRoutes.tsx
 var s = ({ fallback: s = null, notFound: c = null }) => {
 	let l = o(), u = e((e) => e.items), d = n(() => u.filter((e) => e.visible !== !1).sort((e, t) => t.path.length - e.path.length), [u]), f = n(() => d.find((e) => !!a({

package/dist/chrome/ProductSideNav.js

@@ -9,7 +9,7 @@ import { NavCustomizeDialog as l } from "./NavCustomizeDialog.js";
 import { PersonaSimulationPill as u, PersonaSurfaceControls as d } from "./PersonaSurfaceControls.js";
 import { useMemo as f } from "react";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { useLocation as g, useNavigate as _ } from "react-router-dom";
+import { useLocation as g, useNavigate as _ } from "react-router";
 //#region src/chrome/ProductSideNav.tsx
 function v({ logo: v, appName: y, groupOrder: b, groupLabels: x, mobileActions: S, customHeader: C, homeAriaLabel: w = "Go to dashboard", collapseLabel: T = "Collapse" }) {
 	let E = _(), D = g(), { sidebarCollapsed: O, toggleSidebar: k } = r(), A = o(), j = e((e) => e.items), M = n(), N = i(), P = N?.simulation ?? null, F = M?.hasPermission, I = !!M && !M.isLoading && !M.error, L = f(() => {

package/dist/shared/components/ConditionalShell.js

@@ -1,7 +1,7 @@
 import { isShellLessRoute as e } from "../config/shellRoutes.js";
 import { Suspense as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useLocation as i } from "react-router-dom";
+import { useLocation as i } from "react-router";
 //#region src/shared/components/ConditionalShell.tsx
 function a({ children: a, routes: o, ShellComponent: s, shellExtras: c, shellFallback: l }) {
 	return e(i().pathname, o) ? /* @__PURE__ */ n("div", {

package/dist/shared/components/ContextConversationWidget.js

@@ -23,7 +23,7 @@ import { WidgetHeader as me } from "./contextConversationWidget/WidgetHeader.js"
 import { useEffect as u, useMemo as d, useRef as he, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { useQuery as h } from "@apollo/client/react";
-import { useNavigate as ge } from "react-router-dom";
+import { useNavigate as ge } from "react-router";
 //#region src/shared/components/ContextConversationWidget.tsx
 function g({ className: g, widgetKey: _ }) {
 	let { t: v } = te(), { workspaceId: y } = n(), b = t(), x = ne(), S = e("workspace"), C = ge(), [w, T] = f(null), [E, D] = f(null), [O, k] = f(""), [A, _e] = f(() => typeof window < "u" ? window.innerWidth < 768 : !1), [j, M] = f(null), [N, P] = f(null), [F, I] = f(""), [L, R] = f(null), [z, B] = f([]), V = he(null), H = d(() => (e, t) => {

package/dist/shared/components/MicrofrontendErrorBoundary.js

@@ -3,7 +3,7 @@ import { m as t } from "../../node_modules/react-error-boundary/dist/react-error
 import { PageLoadingFallback as n } from "./LoadingFallback.js";
 import { Suspense as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
-import { useLocation as a } from "react-router-dom";
+import { useLocation as a } from "react-router";
 //#region src/shared/components/MicrofrontendErrorBoundary.tsx
 function o({ children: o, fallback: s, loadingMessage: c = "Loading..." }) {
 	return /* @__PURE__ */ i(t, {

package/dist/shared/components/RequireAuth.d.ts

@@ -30,9 +30,9 @@ export interface RequireAuthProps {
  * - Customizable redirect
  * - Flexible fallback components
  *
- * @example Basic usage (with Navigate from react-router-dom)
+ * @example Basic usage (with Navigate from react-router)
  * ```tsx
- * import { Navigate } from 'react-router-dom';
+ * import { Navigate } from 'react-router';
  *
  * <RequireAuth redirect={(path) => <Navigate to={path} replace />}>
  *   <ProtectedPage />

package/dist/shared/components/assistantWidget/AssistantWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantWidget.d.ts","sourceRoot":"","sources":["../../../../src/shared/components/assistantWidget/AssistantWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAML,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAqBf,OAAO,KAAK,EAGV,kBAAkB,EAEnB,MAAM,SAAS,CAAC;AAEjB;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,SAAS,EAAE,kBAAkB,CAAC;IAC9B,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,8EAA8E;AAC9E,eAAO,MAAM,6BAA6B,+BAA+B,CAAC;AA0D1E,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAy3BpD,CAAC"}
+{"version":3,"file":"AssistantWidget.d.ts","sourceRoot":"","sources":["../../../../src/shared/components/assistantWidget/AssistantWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAML,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAqBf,OAAO,KAAK,EAGV,kBAAkB,EAEnB,MAAM,SAAS,CAAC;AAEjB;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,SAAS,EAAE,kBAAkB,CAAC;IAC9B,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,8EAA8E;AAC9E,eAAO,MAAM,6BAA6B,+BAA+B,CAAC;AA0D1E,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAs6BpD,CAAC"}

package/dist/shared/components/assistantWidget/AssistantWidget.js

@@ -68,16 +68,16 @@ var ye = ({ transport: p, modes: m, defaultModeId: ye, title: g = "AI Assistant"
 	i(() => {
 		w || console.error("[AssistantWidget] No transport available — supply `transport`, or a non-empty `modes` where each entry has a transport.");
 	}, [w]);
-	let [T, E] = s(() => ge()), [D, O] = s([]), [k, A] = s(""), [j, M] = s([]), [N, P] = s(!1), [Ne, F] = s(!1), [I, L] = s([]), [R, z] = s(!1), [Pe, Fe] = s(!1), [Ie, Le] = s(() => me()), [Re, B] = s([]), [V, ze] = s(null), H = o(null), U = o(null), W = o(null), G = o(!1), Be = o(null), K = Se === "sidebar", Ve = Ce && !!C?.newSession, He = r(() => {
+	let [T, E] = s(() => ge()), [D, O] = s([]), [k, A] = s(""), [j, M] = s([]), [N, P] = s(!1), [Ne, F] = s(!1), [I, L] = s([]), [R, z] = s(!1), [Pe, Fe] = s(!1), [Ie, Le] = s(() => me()), [Re, B] = s([]), [V, ze] = s(null), [Be, H] = s(!1), U = o(null), W = o(null), G = o(null), K = o(!1), Ve = o(null), q = Se === "sidebar", He = Ce && !!C?.newSession, Ue = r(() => {
 		Le((e) => {
 			let t = !e;
 			return he(t), t;
 		});
-	}, []), q = t(xe), Ue = r(() => {
+	}, []), J = t(xe), We = r(() => {
 		h(!0), E(!0), C.prewarm?.("full");
-	}, [C]), J = r(() => {
-		h(!1), E(!1), C.suspend?.();
 	}, [C]), Y = r(() => {
+		h(!1), E(!1), C.suspend?.();
+	}, [C]), X = r(() => {
 		E((e) => {
 			let t = !e;
 			return h(t), t ? C.prewarm?.("full") : C.suspend?.(), t;
@@ -86,38 +86,38 @@ var ye = ({ transport: p, modes: m, defaultModeId: ye, title: g = "AI Assistant"
 	i(() => {
 		let e = (e) => {
 			let t = e.detail;
-			t?.open === !0 ? Ue() : t?.open === !1 ? J() : Y();
+			t?.open === !0 ? We() : t?.open === !1 ? Y() : X();
 		};
 		return window.addEventListener(f, e), () => window.removeEventListener(f, e);
 	}, [
-		Ue,
-		J,
-		Y
+		We,
+		Y,
+		X
 	]), i(() => {
-		q.isListening && q.transcript && A(q.transcript);
-	}, [q.transcript, q.isListening]);
-	let X = r(async () => {
+		J.isListening && J.transcript && A(J.transcript);
+	}, [J.transcript, J.isListening]);
+	let Z = r(async () => {
 		if (C.listArtifacts) try {
 			B(await C.listArtifacts());
 		} catch {
 			B([]);
 		}
-	}, [C]), We = o(x);
+	}, [C]), Ge = o(x);
 	i(() => {
-		We.current !== x && (We.current = x, W.current?.abort(), W.current = null, P(!1), O([]), A(""), L([]), z(!1), F(!1), B([]), G.current = !1);
+		Ge.current !== x && (Ge.current = x, G.current?.abort(), G.current = null, P(!1), O([]), A(""), L([]), z(!1), F(!1), B([]), K.current = !1);
 	}, [x]), i(() => {
-		if (!T || G.current) return;
+		if (!T || K.current) return;
 		let e = C.loadHistory;
 		if (!e) {
-			G.current = !0;
+			K.current = !0;
 			return;
 		}
-		G.current = !0;
+		K.current = !0;
 		let t = !1;
 		return F(!0), (async () => {
 			try {
 				let n = await e();
-				!t && n.length > 0 && (O((e) => e.length === 0 ? n : e), X());
+				!t && n.length > 0 && (O((e) => e.length === 0 ? n : e), Z());
 			} catch {} finally {
 				t || F(!1);
 			}
@@ -127,16 +127,16 @@ var ye = ({ transport: p, modes: m, defaultModeId: ye, title: g = "AI Assistant"
 	}, [
 		T,
 		C,
-		X
+		Z
 	]), i(() => {
-		T && U.current && (U.current.scrollTop = U.current.scrollHeight);
+		T && W.current && (W.current.scrollTop = W.current.scrollHeight);
 	}, [D, T]);
-	let Z = r((e, t) => {
+	let Q = r((e, t) => {
 		O((n) => n.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
-	}, []), Q = r(async () => {
+	}, []), $ = r(async () => {
 		if (C.listSessions) {
 			Fe(!0);
 			try {
@@ -147,7 +147,7 @@ var ye = ({ transport: p, modes: m, defaultModeId: ye, title: g = "AI Assistant"
 				Fe(!1);
 			}
 		}
-	}, [C]), Ge = r(async (e) => {
+	}, [C]), Ke = r(async (e) => {
 		if (!(!C.downloadArtifact || V)) {
 			ze(e.path);
 			try {
@@ -156,28 +156,28 @@ var ye = ({ transport: p, modes: m, defaultModeId: ye, title: g = "AI Assistant"
 				ze(null);
 			}
 		}
-	}, [C, V]), Ke = r(async () => {
+	}, [C, V]), qe = r(async () => {
 		!C.newSession || N || (O([]), A(""), z(!1), B([]), await C.newSession());
-	}, [C, N]), qe = r(async (e, t) => {
+	}, [C, N]), Je = r(async (e, t) => {
 		if (!(!C.deleteSession || N)) {
 			L((t) => t.filter((t) => t.id !== e)), t && (O([]), A(""));
 			try {
 				await C.deleteSession(e);
 			} finally {
-				Q();
+				$();
 			}
 		}
 	}, [
 		C,
 		N,
-		Q
-	]), Je = r(() => {
-		z((e) => (e || Q(), !e));
-	}, [Q]), Ye = r(async (e) => {
+		$
+	]), Ye = r(() => {
+		z((e) => (e || $(), !e));
+	}, [$]), Xe = r(async (e) => {
 		if (!(!C.selectSession || N)) {
 			F(!0);
 			try {
-				O(await C.selectSession(e)), z(!1), Q(), X();
+				O(await C.selectSession(e)), z(!1), $(), Z();
 			} catch {} finally {
 				F(!1);
 			}
@@ -185,12 +185,12 @@ var ye = ({ transport: p, modes: m, defaultModeId: ye, title: g = "AI Assistant"
 	}, [
 		C,
 		N,
-		Q,
-		X
-	]), $ = r(async () => {
+		$,
+		Z
+	]), Ze = r(async () => {
 		let e = k.trim(), t = j;
 		if (!e && t.length === 0 || N) return;
-		q.isListening && q.stop(), q.reset(), A(""), M([]), H.current && (H.current.style.height = "auto");
+		J.isListening && J.stop(), J.reset(), A(""), M([]), U.current && (U.current.style.height = "auto");
 		let n = t.length > 0 ? `📎 ${t.map((e) => e.name).join(", ")}` : "", r = {
 			id: _e(),
 			role: "user",
@@ -207,47 +207,47 @@ var ye = ({ transport: p, modes: m, defaultModeId: ye, title: g = "AI Assistant"
 			}
 		]), P(!0);
 		let a = new AbortController();
-		W.current = a;
+		G.current = a;
 		try {
 			let { text: n } = await C.sendPrompt({
 				prompt: e,
 				attachments: t.length > 0 ? t : void 0,
 				signal: a.signal,
-				onProgress: (e) => Z(i, { content: e })
+				onProgress: (e) => Q(i, { content: e })
 			});
-			Z(i, {
+			Q(i, {
 				content: n,
 				pending: !1
-			}), X();
+			}), Z();
 		} catch (e) {
-			Z(i, {
+			Q(i, {
 				content: `Sorry, I couldn't complete that: ${e instanceof Error ? e.message : "Something went wrong. Please try again."}`,
 				pending: !1,
 				error: !0
 			});
 		} finally {
-			P(!1), W.current = null, R && Q();
+			P(!1), G.current = null, R && $();
 		}
 	}, [
 		k,
 		j,
 		N,
-		Z,
+		Q,
 		C,
-		q,
+		J,
 		R,
-		Q,
-		X
-	]), Xe = r((e) => {
-		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), $());
-	}, [$]), Ze = r(() => {
-		let e = H.current;
+		$,
+		Z
+	]), Qe = r((e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Ze());
+	}, [Ze]), $e = r(() => {
+		let e = U.current;
 		e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, 120)}px`);
-	}, []), Qe = r(() => {
-		q.isListening ? q.stop() : q.start();
-	}, [q]), $e = a(() => /* @__PURE__ */ u("button", {
+	}, []), et = r(() => {
+		J.isListening ? J.stop() : J.start();
+	}, [J]), tt = a(() => /* @__PURE__ */ u("button", {
 		type: "button",
-		onClick: Y,
+		onClick: X,
 		onMouseEnter: () => !T && C.prewarm?.("probe"),
 		onFocus: () => !T && C.prewarm?.("probe"),
 		"aria-label": T ? "Close AI assistant" : "Open AI assistant",
@@ -257,276 +257,311 @@ var ye = ({ transport: p, modes: m, defaultModeId: ye, title: g = "AI Assistant"
 		children: u(T ? l : de, { className: "size-6" })
 	}), [
 		T,
-		Y,
+		X,
 		be,
 		C
 	]);
-	return w ? /* @__PURE__ */ d(pe, { children: [$e, T ? /* @__PURE__ */ d("div", {
-		role: "dialog",
-		"aria-label": Ae,
-		"data-testid": "assistant-widget-window",
-		"data-layout": Se,
-		style: K ? {
-			top: Te,
-			height: `calc(100vh - ${String(Te)}px)`
-		} : void 0,
-		className: e("fixed z-[100] flex overflow-hidden border-border-default bg-bg-surface shadow-2xl", K ? "bottom-0 right-0 w-full border-l sm:w-[480px] lg:w-[560px] animate-in slide-in-from-right duration-200" : "flex-col rounded-xl border bottom-24 right-6 h-[560px] max-h-[calc(100vh-7rem)] w-[calc(100vw-3rem)] sm:w-[400px] animate-in slide-in-from-bottom-2 fade-in duration-200"),
-		children: [K && Ve && Ie ? /* @__PURE__ */ d("aside", {
-			"data-testid": "assistant-session-panel",
-			className: "flex w-[168px] shrink-0 flex-col gap-1 border-r border-border-subtle bg-bg-sunken p-2",
-			children: [
-				/* @__PURE__ */ d("button", {
-					type: "button",
-					onClick: He,
-					"aria-label": "Hide chats",
-					"aria-expanded": !0,
-					title: "Hide chats",
-					"data-testid": "assistant-rail-toggle",
-					className: "mb-1 flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer",
-					children: [/* @__PURE__ */ u(oe, { className: "size-4 shrink-0" }), "Hide chats"]
-				}),
-				/* @__PURE__ */ d("button", {
-					type: "button",
-					onClick: () => void Ke(),
-					disabled: N,
-					"data-testid": "assistant-new-chat",
-					className: "flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium text-text-primary transition-colors hover:bg-bg-surface disabled:opacity-50 cursor-pointer",
-					children: [/* @__PURE__ */ u(le, { className: "size-4 shrink-0" }), "New chat"]
-				}),
-				/* @__PURE__ */ d("button", {
-					type: "button",
-					onClick: Je,
-					"aria-expanded": R,
-					"data-testid": "assistant-history-toggle",
-					className: "flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium text-text-primary transition-colors hover:bg-bg-surface cursor-pointer",
-					children: [/* @__PURE__ */ u(ne, { className: "size-4 shrink-0" }), "History"]
-				}),
-				R ? /* @__PURE__ */ u("div", {
-					"data-testid": "assistant-history-list",
-					className: "mt-1 flex-1 space-y-0.5 overflow-y-auto border-t border-border-subtle pt-2",
-					children: Pe && I.length === 0 ? /* @__PURE__ */ d("p", {
-						className: "flex items-center gap-1.5 px-2 py-1 text-[11px] text-text-muted",
-						children: [/* @__PURE__ */ u(c, { className: "size-3 animate-spin" }), "Loading…"]
-					}) : I.length === 0 ? /* @__PURE__ */ u("p", {
-						className: "px-2 py-1 text-[11px] leading-relaxed text-text-muted",
-						children: "No past chats yet."
-					}) : I.map((t) => /* @__PURE__ */ d("div", {
-						"data-testid": "assistant-history-row",
-						className: e("group flex items-center gap-1 rounded pr-1 transition-colors", t.active ? "bg-bg-surface" : "hover:bg-bg-surface"),
-						children: [/* @__PURE__ */ u("button", {
-							type: "button",
-							onClick: () => void Ye(t.id),
-							title: t.title,
-							"data-testid": "assistant-history-item",
-							className: e("min-w-0 flex-1 truncate rounded px-2 py-1.5 text-left text-[11px] leading-relaxed cursor-pointer", t.active ? "font-medium text-text-primary" : "text-text-secondary group-hover:text-text-primary"),
-							children: t.title
-						}), C.deleteSession ? /* @__PURE__ */ u("button", {
-							type: "button",
-							onClick: () => void qe(t.id, !!t.active),
-							disabled: N,
-							"aria-label": `Delete chat: ${t.title}`,
-							title: "Delete this chat",
-							"data-testid": "assistant-delete-chat",
-							className: "inline-flex size-6 shrink-0 items-center justify-center rounded text-text-muted opacity-0 transition-opacity hover:text-status-error-bg focus-visible:opacity-100 group-hover:opacity-100 disabled:opacity-30 cursor-pointer",
-							children: /* @__PURE__ */ u(fe, { className: "size-3.5" })
-						}) : null]
-					}, t.id))
-				}) : null
-			]
-		}) : null, /* @__PURE__ */ d("div", {
-			className: "flex min-h-0 min-w-0 flex-1 flex-col",
-			children: [
-				/* @__PURE__ */ d("div", {
-					className: "flex shrink-0 items-center justify-between gap-2 border-b border-border-subtle bg-bg-surface px-4 py-3",
-					children: [/* @__PURE__ */ d("div", {
-						className: "flex min-w-0 items-center gap-2",
-						children: [K && Ve && !Ie ? /* @__PURE__ */ d("button", {
-							type: "button",
-							onClick: He,
-							"aria-label": "Show chats",
-							"aria-expanded": !1,
-							title: "Show chats",
-							"data-testid": "assistant-rail-toggle",
-							className: "inline-flex shrink-0 items-center gap-1.5 rounded-md border border-border-subtle px-2 py-1.5 text-xs font-medium text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer",
-							children: [/* @__PURE__ */ u(se, { className: "size-4" }), "Chats"]
-						}) : /* @__PURE__ */ u("span", {
-							className: "inline-flex size-7 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-action-primary-bg",
-							children: /* @__PURE__ */ u(de, { className: "size-4" })
-						}), /* @__PURE__ */ u("h2", {
-							className: "truncate text-sm font-semibold text-text-primary",
-							children: Ae
-						})]
-					}), /* @__PURE__ */ u("button", {
+	return w ? /* @__PURE__ */ d(pe, { children: [
+		tt,
+		T ? /* @__PURE__ */ d("div", {
+			role: "dialog",
+			"aria-label": Ae,
+			"data-testid": "assistant-widget-window",
+			"data-layout": Se,
+			style: q ? {
+				top: Te,
+				height: `calc(100vh - ${String(Te)}px)`
+			} : void 0,
+			className: e("fixed z-[100] flex overflow-hidden border-border-default bg-bg-surface shadow-2xl", q ? "bottom-0 right-0 w-full border-l sm:w-[480px] lg:w-[560px] animate-in slide-in-from-right duration-200" : "flex-col rounded-xl border bottom-24 right-6 h-[560px] max-h-[calc(100vh-7rem)] w-[calc(100vw-3rem)] sm:w-[400px] animate-in slide-in-from-bottom-2 fade-in duration-200"),
+			children: [q && He && Ie ? /* @__PURE__ */ d("aside", {
+				"data-testid": "assistant-session-panel",
+				className: "flex w-[168px] shrink-0 flex-col gap-1 border-r border-border-subtle bg-bg-sunken p-2",
+				children: [
+					/* @__PURE__ */ d("button", {
 						type: "button",
-						onClick: J,
-						"aria-label": "Close AI assistant",
-						"data-testid": "assistant-widget-close",
-						className: "inline-flex size-8 shrink-0 items-center justify-center rounded-md text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer",
-						children: /* @__PURE__ */ u(l, { className: "size-4" })
-					})]
-				}),
-				b.length > 1 ? /* @__PURE__ */ u("div", {
-					role: "tablist",
-					"aria-label": "Assistant mode",
-					"data-testid": "assistant-mode-switcher",
-					className: "flex shrink-0 items-center gap-1 border-b border-border-subtle bg-bg-surface px-3 py-2",
-					children: b.map((t) => {
-						let n = t.id === x;
-						return /* @__PURE__ */ u("button", {
+						onClick: Ue,
+						"aria-label": "Hide chats",
+						"aria-expanded": !0,
+						title: "Hide chats",
+						"data-testid": "assistant-rail-toggle",
+						className: "mb-1 flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer",
+						children: [/* @__PURE__ */ u(oe, { className: "size-4 shrink-0" }), "Hide chats"]
+					}),
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: () => void qe(),
+						disabled: N,
+						"data-testid": "assistant-new-chat",
+						className: "flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium text-text-primary transition-colors hover:bg-bg-surface disabled:opacity-50 cursor-pointer",
+						children: [/* @__PURE__ */ u(le, { className: "size-4 shrink-0" }), "New chat"]
+					}),
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: Ye,
+						"aria-expanded": R,
+						"data-testid": "assistant-history-toggle",
+						className: "flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium text-text-primary transition-colors hover:bg-bg-surface cursor-pointer",
+						children: [/* @__PURE__ */ u(ne, { className: "size-4 shrink-0" }), "History"]
+					}),
+					R ? /* @__PURE__ */ u("div", {
+						"data-testid": "assistant-history-list",
+						className: "mt-1 flex-1 space-y-0.5 overflow-y-auto border-t border-border-subtle pt-2",
+						children: Pe && I.length === 0 ? /* @__PURE__ */ d("p", {
+							className: "flex items-center gap-1.5 px-2 py-1 text-[11px] text-text-muted",
+							children: [/* @__PURE__ */ u(c, { className: "size-3 animate-spin" }), "Loading…"]
+						}) : I.length === 0 ? /* @__PURE__ */ u("p", {
+							className: "px-2 py-1 text-[11px] leading-relaxed text-text-muted",
+							children: "No past chats yet."
+						}) : I.map((t) => /* @__PURE__ */ d("div", {
+							"data-testid": "assistant-history-row",
+							className: e("group flex items-center gap-1 rounded pr-1 transition-colors", t.active ? "bg-bg-surface" : "hover:bg-bg-surface"),
+							children: [/* @__PURE__ */ u("button", {
+								type: "button",
+								onClick: () => void Xe(t.id),
+								title: t.title,
+								"data-testid": "assistant-history-item",
+								className: e("min-w-0 flex-1 truncate rounded px-2 py-1.5 text-left text-[11px] leading-relaxed cursor-pointer", t.active ? "font-medium text-text-primary" : "text-text-secondary group-hover:text-text-primary"),
+								children: t.title
+							}), C.deleteSession ? /* @__PURE__ */ u("button", {
+								type: "button",
+								onClick: () => void Je(t.id, !!t.active),
+								disabled: N,
+								"aria-label": `Delete chat: ${t.title}`,
+								title: "Delete this chat",
+								"data-testid": "assistant-delete-chat",
+								className: "inline-flex size-6 shrink-0 items-center justify-center rounded text-text-muted opacity-0 transition-opacity hover:text-status-error-bg focus-visible:opacity-100 group-hover:opacity-100 disabled:opacity-30 cursor-pointer",
+								children: /* @__PURE__ */ u(fe, { className: "size-3.5" })
+							}) : null]
+						}, t.id))
+					}) : null
+				]
+			}) : null, /* @__PURE__ */ d("div", {
+				className: "flex min-h-0 min-w-0 flex-1 flex-col",
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: "flex shrink-0 items-center justify-between gap-2 border-b border-border-subtle bg-bg-surface px-4 py-3",
+						children: [/* @__PURE__ */ d("div", {
+							className: "flex min-w-0 items-center gap-2",
+							children: [q && He && !Ie ? /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: Ue,
+								"aria-label": "Show chats",
+								"aria-expanded": !1,
+								title: "Show chats",
+								"data-testid": "assistant-rail-toggle",
+								className: "inline-flex shrink-0 items-center gap-1.5 rounded-md border border-border-subtle px-2 py-1.5 text-xs font-medium text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer",
+								children: [/* @__PURE__ */ u(se, { className: "size-4" }), "Chats"]
+							}) : /* @__PURE__ */ u("span", {
+								className: "inline-flex size-7 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-action-primary-bg",
+								children: /* @__PURE__ */ u(de, { className: "size-4" })
+							}), /* @__PURE__ */ u("h2", {
+								className: "truncate text-sm font-semibold text-text-primary",
+								children: Ae
+							})]
+						}), /* @__PURE__ */ u("button", {
 							type: "button",
-							role: "tab",
-							"aria-selected": n,
-							tabIndex: n ? 0 : -1,
-							onClick: () => ke(t.id),
-							disabled: N,
-							title: N ? "Finish the current turn before switching" : t.label,
-							"data-testid": `assistant-mode-${t.id}`,
-							className: e("rounded-md px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", n ? "bg-action-primary-bg text-action-primary-text" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
-							children: t.label
-						}, t.id);
-					})
-				}) : null,
-				/* @__PURE__ */ u("div", {
-					ref: U,
-					className: "min-h-0 flex-1 space-y-3 overflow-y-auto px-4 py-4",
-					"data-testid": "assistant-widget-messages",
-					children: D.length === 0 && Ne ? /* @__PURE__ */ d("div", {
-						"data-testid": "assistant-widget-restoring",
-						className: "flex h-full flex-col items-center justify-center gap-3 text-center",
-						children: [/* @__PURE__ */ u(c, { className: "size-5 animate-spin text-text-secondary" }), /* @__PURE__ */ u("p", {
-							className: "text-xs leading-relaxed text-text-secondary",
-							children: "Restoring your conversation…"
-						})]
-					}) : D.length === 0 ? /* @__PURE__ */ d("div", {
-						className: "flex h-full flex-col items-center justify-center gap-3 text-center",
-						children: [/* @__PURE__ */ u("span", {
-							className: "inline-flex size-12 items-center justify-center rounded-full bg-bg-sunken text-action-primary-bg",
-							children: /* @__PURE__ */ u(ie, { className: "size-6" })
-						}), /* @__PURE__ */ u("p", {
-							className: "max-w-[16rem] text-xs leading-relaxed text-text-secondary",
-							children: je
+							onClick: Y,
+							"aria-label": "Close AI assistant",
+							"data-testid": "assistant-widget-close",
+							className: "inline-flex size-8 shrink-0 items-center justify-center rounded-md text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer",
+							children: /* @__PURE__ */ u(l, { className: "size-4" })
 						})]
-					}) : D.map((t) => /* @__PURE__ */ u("div", {
-						className: e("flex", t.role === "user" ? "justify-end" : "justify-start"),
-						children: /* @__PURE__ */ d("div", {
-							"data-testid": `assistant-widget-message-${t.role}`,
-							className: e("whitespace-pre-wrap break-words rounded-lg px-3 py-2 text-xs leading-relaxed", K ? "max-w-[92%]" : "max-w-[85%]", t.role === "user" ? "bg-action-primary-bg text-action-primary-text" : t.error ? "bg-status-error-bg/10 text-status-error-bg" : "bg-bg-sunken text-text-primary"),
-							children: [t.content ? /* @__PURE__ */ u(n, {
-								content: t.content,
-								onNavigate: we
-							}) : null, t.pending ? /* @__PURE__ */ d("span", {
-								"data-testid": "assistant-widget-working",
-								className: e("inline-flex items-center gap-1 text-text-secondary", t.content ? "mt-1" : ""),
-								children: [/* @__PURE__ */ u(c, { className: "size-3 animate-spin" }), t.content ? null : /* @__PURE__ */ u("span", { children: "Working on it…" })]
-							}) : null]
+					}),
+					b.length > 1 ? /* @__PURE__ */ u("div", {
+						role: "tablist",
+						"aria-label": "Assistant mode",
+						"data-testid": "assistant-mode-switcher",
+						className: "flex shrink-0 items-center gap-1 border-b border-border-subtle bg-bg-surface px-3 py-2",
+						children: b.map((t) => {
+							let n = t.id === x;
+							return /* @__PURE__ */ u("button", {
+								type: "button",
+								role: "tab",
+								"aria-selected": n,
+								tabIndex: n ? 0 : -1,
+								onClick: () => ke(t.id),
+								disabled: N,
+								title: N ? "Finish the current turn before switching" : t.label,
+								"data-testid": `assistant-mode-${t.id}`,
+								className: e("rounded-md px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", n ? "bg-action-primary-bg text-action-primary-text" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
+								children: t.label
+							}, t.id);
 						})
-					}, t.id))
-				}),
-				C.downloadArtifact && Re.length > 0 ? /* @__PURE__ */ u("div", {
-					"data-testid": "assistant-widget-artifacts",
-					className: "flex shrink-0 flex-wrap gap-1.5 border-t border-border-subtle bg-bg-sunken px-3 py-2",
-					children: Re.map((e) => {
-						let t = V === e.path;
-						return /* @__PURE__ */ d("button", {
-							type: "button",
-							onClick: () => void Ge(e),
-							disabled: !!V,
-							title: `Download ${e.name}${e.size ? ` (${ve(e.size)})` : ""}`,
-							"data-testid": "assistant-widget-artifact",
-							className: "inline-flex max-w-full items-center gap-1.5 rounded-md border border-border-default bg-bg-surface px-2 py-1 text-[11px] font-medium text-text-primary transition-colors hover:bg-bg-sunken focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:opacity-50 cursor-pointer",
-							children: [t ? /* @__PURE__ */ u(c, { className: "size-3.5 shrink-0 animate-spin" }) : e.type === "directory" ? /* @__PURE__ */ u(te, { className: "size-3.5 shrink-0 text-action-primary-bg" }) : /* @__PURE__ */ u(ee, { className: "size-3.5 shrink-0 text-action-primary-bg" }), /* @__PURE__ */ u("span", {
-								className: "truncate",
-								children: e.name
+					}) : null,
+					/* @__PURE__ */ u("div", {
+						ref: W,
+						className: "min-h-0 flex-1 space-y-3 overflow-y-auto px-4 py-4",
+						"data-testid": "assistant-widget-messages",
+						children: D.length === 0 && Ne ? /* @__PURE__ */ d("div", {
+							"data-testid": "assistant-widget-restoring",
+							className: "flex h-full flex-col items-center justify-center gap-3 text-center",
+							children: [/* @__PURE__ */ u(c, { className: "size-5 animate-spin text-text-secondary" }), /* @__PURE__ */ u("p", {
+								className: "text-xs leading-relaxed text-text-secondary",
+								children: "Restoring your conversation…"
 							})]
-						}, e.path);
-					})
-				}) : null,
-				y && j.length > 0 ? /* @__PURE__ */ u("div", {
-					className: "flex flex-wrap gap-1.5 border-t border-border-default bg-bg-surface px-3 pt-2",
-					children: j.map((e, t) => /* @__PURE__ */ d("span", {
-						"data-testid": "assistant-widget-attachment",
-						className: "flex items-center gap-1 rounded-md bg-bg-sunken px-2 py-1 text-[11px] text-text-secondary",
+						}) : D.length === 0 ? /* @__PURE__ */ d("div", {
+							className: "flex h-full flex-col items-center justify-center gap-3 text-center",
+							children: [/* @__PURE__ */ u("span", {
+								className: "inline-flex size-12 items-center justify-center rounded-full bg-bg-sunken text-action-primary-bg",
+								children: /* @__PURE__ */ u(ie, { className: "size-6" })
+							}), /* @__PURE__ */ u("p", {
+								className: "max-w-[16rem] text-xs leading-relaxed text-text-secondary",
+								children: je
+							})]
+						}) : D.map((t) => /* @__PURE__ */ u("div", {
+							className: e("flex", t.role === "user" ? "justify-end" : "justify-start"),
+							children: /* @__PURE__ */ d("div", {
+								"data-testid": `assistant-widget-message-${t.role}`,
+								className: e("whitespace-pre-wrap break-words rounded-lg px-3 py-2 text-xs leading-relaxed", q ? "max-w-[92%]" : "max-w-[85%]", t.role === "user" ? "bg-action-primary-bg text-action-primary-text" : t.error ? "bg-status-error-bg/10 text-status-error-bg" : "bg-bg-sunken text-text-primary"),
+								children: [t.content ? /* @__PURE__ */ u(n, {
+									content: t.content,
+									onNavigate: we
+								}) : null, t.pending ? /* @__PURE__ */ d("span", {
+									"data-testid": "assistant-widget-working",
+									className: e("inline-flex items-center gap-1 text-text-secondary", t.content ? "mt-1" : ""),
+									children: [/* @__PURE__ */ u(c, { className: "size-3 animate-spin" }), t.content ? null : /* @__PURE__ */ u("span", { children: "Working on it…" })]
+								}) : null]
+							})
+						}, t.id))
+					}),
+					C.downloadArtifact && Re.length > 0 ? /* @__PURE__ */ u("div", {
+						"data-testid": "assistant-widget-artifacts",
+						className: "flex shrink-0 flex-wrap gap-1.5 border-t border-border-subtle bg-bg-sunken px-3 py-2",
+						children: Re.map((e) => {
+							let t = V === e.path;
+							return /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: () => void Ke(e),
+								disabled: !!V,
+								title: `Download ${e.name}${e.size ? ` (${ve(e.size)})` : ""}`,
+								"data-testid": "assistant-widget-artifact",
+								className: "inline-flex max-w-full items-center gap-1.5 rounded-md border border-border-default bg-bg-surface px-2 py-1 text-[11px] font-medium text-text-primary transition-colors hover:bg-bg-sunken focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:opacity-50 cursor-pointer",
+								children: [t ? /* @__PURE__ */ u(c, { className: "size-3.5 shrink-0 animate-spin" }) : e.type === "directory" ? /* @__PURE__ */ u(te, { className: "size-3.5 shrink-0 text-action-primary-bg" }) : /* @__PURE__ */ u(ee, { className: "size-3.5 shrink-0 text-action-primary-bg" }), /* @__PURE__ */ u("span", {
+									className: "truncate",
+									children: e.name
+								})]
+							}, e.path);
+						})
+					}) : null,
+					y && j.length > 0 ? /* @__PURE__ */ u("div", {
+						className: "flex flex-wrap gap-1.5 border-t border-border-default bg-bg-surface px-3 pt-2",
+						children: j.map((e, t) => /* @__PURE__ */ d("span", {
+							"data-testid": "assistant-widget-attachment",
+							className: "flex items-center gap-1 rounded-md bg-bg-sunken px-2 py-1 text-[11px] text-text-secondary",
+							children: [
+								/* @__PURE__ */ u(ce, { className: "size-3" }),
+								/* @__PURE__ */ u("span", {
+									className: "max-w-[140px] truncate",
+									children: e.name
+								}),
+								/* @__PURE__ */ u("button", {
+									type: "button",
+									onClick: () => M((e) => e.filter((e, n) => n !== t)),
+									"aria-label": `Remove ${e.name}`,
+									className: "text-text-muted hover:text-text-primary cursor-pointer",
+									children: /* @__PURE__ */ u(l, { className: "size-3" })
+								})
+							]
+						}, `${e.name}-${t}`))
+					}) : null,
+					/* @__PURE__ */ d("div", {
+						className: e("flex shrink-0 items-end gap-2 bg-bg-surface px-3 py-2.5", y && j.length > 0 ? "" : "border-t border-border-default"),
 						children: [
-							/* @__PURE__ */ u(ce, { className: "size-3" }),
-							/* @__PURE__ */ u("span", {
-								className: "max-w-[140px] truncate",
-								children: e.name
+							y ? /* @__PURE__ */ d(pe, { children: [/* @__PURE__ */ u("input", {
+								ref: Ve,
+								type: "file",
+								accept: Ee,
+								multiple: !0,
+								className: "hidden",
+								onChange: (e) => {
+									let t = Array.from(e.target.files ?? []);
+									t.length > 0 && M((e) => [...e, ...t]), e.target.value = "";
+								}
+							}), /* @__PURE__ */ u("button", {
+								type: "button",
+								onClick: () => Ve.current?.click(),
+								"aria-label": "Attach a data file",
+								"data-testid": "assistant-widget-upload",
+								className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary transition-colors hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer",
+								children: /* @__PURE__ */ u(ce, { className: "size-4" })
+							})] }) : null,
+							De ? /* @__PURE__ */ u("button", {
+								type: "button",
+								onClick: () => H(!0),
+								"aria-label": "Connect a data source",
+								title: "Connect a source (REST API / connection)",
+								"data-testid": "assistant-widget-connect-source",
+								className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary transition-colors hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer",
+								children: /* @__PURE__ */ u(re, { className: "size-4" })
+							}) : null,
+							J.isSupported ? /* @__PURE__ */ u("button", {
+								type: "button",
+								onClick: et,
+								"aria-label": J.isListening ? "Stop voice input" : "Start voice input",
+								"aria-pressed": J.isListening,
+								"data-testid": "assistant-widget-mic",
+								className: e("flex size-9 shrink-0 items-center justify-center rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer", J.isListening ? "animate-pulse bg-status-error-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+								children: /* @__PURE__ */ u(ae, { className: "size-4" })
+							}) : null,
+							/* @__PURE__ */ u("textarea", {
+								ref: U,
+								value: k,
+								onChange: (e) => A(e.target.value),
+								onKeyDown: Qe,
+								onInput: $e,
+								rows: 1,
+								placeholder: Me,
+								"aria-label": "Message the assistant",
+								"data-testid": "assistant-widget-input",
+								className: "flex-1 resize-none rounded-lg border border-border-default bg-bg-sunken px-3 py-2 text-xs leading-relaxed text-text-primary placeholder:text-text-muted focus:border-action-primary-bg focus:outline-none"
 							}),
 							/* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: () => M((e) => e.filter((e, n) => n !== t)),
-								"aria-label": `Remove ${e.name}`,
-								className: "text-text-muted hover:text-text-primary cursor-pointer",
-								children: /* @__PURE__ */ u(l, { className: "size-3" })
+								onClick: () => void Ze(),
+								disabled: N || k.trim().length === 0 && j.length === 0,
+								"aria-label": "Send message",
+								"data-testid": "assistant-widget-send",
+								className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg text-action-primary-text transition-colors hover:bg-action-primary-bg-hover focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:opacity-50 cursor-pointer",
+								children: N ? /* @__PURE__ */ u(c, { className: "size-4 animate-spin" }) : /* @__PURE__ */ u(ue, { className: "size-4" })
 							})
 						]
-					}, `${e.name}-${t}`))
-				}) : null,
-				/* @__PURE__ */ d("div", {
-					className: e("flex shrink-0 items-end gap-2 bg-bg-surface px-3 py-2.5", y && j.length > 0 ? "" : "border-t border-border-default"),
-					children: [
-						y ? /* @__PURE__ */ d(pe, { children: [/* @__PURE__ */ u("input", {
-							ref: Be,
-							type: "file",
-							accept: Ee,
-							multiple: !0,
-							className: "hidden",
-							onChange: (e) => {
-								let t = Array.from(e.target.files ?? []);
-								t.length > 0 && M((e) => [...e, ...t]), e.target.value = "";
-							}
-						}), /* @__PURE__ */ u("button", {
-							type: "button",
-							onClick: () => Be.current?.click(),
-							"aria-label": "Attach a data file",
-							"data-testid": "assistant-widget-upload",
-							className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary transition-colors hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer",
-							children: /* @__PURE__ */ u(ce, { className: "size-4" })
-						})] }) : null,
-						De ? /* @__PURE__ */ u("button", {
-							type: "button",
-							onClick: () => we?.(Oe),
-							"aria-label": "Connect a data source",
-							title: "Connect a source (REST API / connection)",
-							"data-testid": "assistant-widget-connect-source",
-							className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary transition-colors hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer",
-							children: /* @__PURE__ */ u(re, { className: "size-4" })
-						}) : null,
-						q.isSupported ? /* @__PURE__ */ u("button", {
-							type: "button",
-							onClick: Qe,
-							"aria-label": q.isListening ? "Stop voice input" : "Start voice input",
-							"aria-pressed": q.isListening,
-							"data-testid": "assistant-widget-mic",
-							className: e("flex size-9 shrink-0 items-center justify-center rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer", q.isListening ? "animate-pulse bg-status-error-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
-							children: /* @__PURE__ */ u(ae, { className: "size-4" })
-						}) : null,
-						/* @__PURE__ */ u("textarea", {
-							ref: H,
-							value: k,
-							onChange: (e) => A(e.target.value),
-							onKeyDown: Xe,
-							onInput: Ze,
-							rows: 1,
-							placeholder: Me,
-							"aria-label": "Message the assistant",
-							"data-testid": "assistant-widget-input",
-							className: "flex-1 resize-none rounded-lg border border-border-default bg-bg-sunken px-3 py-2 text-xs leading-relaxed text-text-primary placeholder:text-text-muted focus:border-action-primary-bg focus:outline-none"
-						}),
-						/* @__PURE__ */ u("button", {
-							type: "button",
-							onClick: () => void $(),
-							disabled: N || k.trim().length === 0 && j.length === 0,
-							"aria-label": "Send message",
-							"data-testid": "assistant-widget-send",
-							className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg text-action-primary-text transition-colors hover:bg-action-primary-bg-hover focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:opacity-50 cursor-pointer",
-							children: N ? /* @__PURE__ */ u(c, { className: "size-4 animate-spin" }) : /* @__PURE__ */ u(ue, { className: "size-4" })
-						})
-					]
-				})
-			]
-		})]
-	}) : null] }) : null;
+					})
+				]
+			})]
+		}) : null,
+		Be ? /* @__PURE__ */ u("div", {
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": "Connect a source",
+			"data-testid": "assistant-connect-source-modal",
+			className: "fixed inset-0 z-[110] flex items-center justify-center bg-black/50 p-4 animate-in fade-in duration-150",
+			onClick: () => H(!1),
+			children: /* @__PURE__ */ d("div", {
+				className: "flex h-[80vh] max-h-[720px] w-full max-w-4xl flex-col overflow-hidden rounded-xl border border-border-default bg-bg-surface shadow-2xl animate-in zoom-in-95 duration-150",
+				onClick: (e) => e.stopPropagation(),
+				children: [/* @__PURE__ */ d("div", {
+					className: "flex shrink-0 items-center justify-between border-b border-border-subtle px-4 py-3",
+					children: [/* @__PURE__ */ d("div", {
+						className: "flex items-center gap-2 text-sm font-medium text-text-primary",
+						children: [/* @__PURE__ */ u(re, { className: "size-4 shrink-0" }), "Connect a source"]
+					}), /* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: () => H(!1),
+						"aria-label": "Close",
+						title: "Close",
+						"data-testid": "assistant-connect-source-close",
+						className: "flex size-8 items-center justify-center rounded-lg text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer",
+						children: /* @__PURE__ */ u(l, { className: "size-4" })
+					})]
+				}), /* @__PURE__ */ u("iframe", {
+					src: Oe,
+					title: "Connected Systems",
+					"data-testid": "assistant-connect-source-frame",
+					className: "min-h-0 w-full flex-1 border-0 bg-bg-surface"
+				})]
+			})
+		}) : null
+	] }) : null;
 };
 //#endregion
 export { f as ASSISTANT_WIDGET_TOGGLE_EVENT, ye as AssistantWidget };

package/dist/shared/hooks/shell/useEffectiveContext.js

@@ -1,6 +1,6 @@
 import { DEFAULT_ACTIVE_CONTEXT_URL_PARAMS as e } from "../../providers/shell/ActiveContextStorage.js";
 import { useActiveContext as t } from "../../providers/shell/ActiveContextProvider.js";
-import { useParams as n, useSearchParams as r } from "react-router-dom";
+import { useParams as n, useSearchParams as r } from "react-router";
 //#region src/shared/hooks/shell/useEffectiveContext.ts
 var i = e;
 function a(e, t, n) {

package/dist/shared/hooks/useReferralAttribution.js

@@ -3,7 +3,7 @@ import { useAppShell as t } from "../providers/shell/AppShellContext.js";
 import { useAuth as n } from "../providers/shell/AuthProvider.js";
 import { useActiveContext as r } from "../providers/shell/ActiveContextProvider.js";
 import { useEffect as i, useMemo as a, useRef as o } from "react";
-import { useLocation as s } from "react-router-dom";
+import { useLocation as s } from "react-router";
 //#region src/shared/hooks/useReferralAttribution.ts
 var c = "boff-referral-attribution", l = [
 	"ref",

package/dist/shared/pages/LegalPage.js

@@ -5,7 +5,7 @@ import { useEffect as n, useState as r } from "react";
 import { ArrowLeft as i, Clock as a, FileText as o, Shield as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { gql as u } from "@apollo/client";
-import { Link as d, useParams as f } from "react-router-dom";
+import { Link as d, useParams as f } from "react-router";
 //#region src/shared/pages/LegalPage.tsx
 var p = u`
   query GetResolvedContentPage($slug: String!, $productId: String!) {

package/dist/shared/pages/SearchPage.js

@@ -13,7 +13,7 @@ import { SearchPagination as le } from "./searchPage/SearchPagination.js";
 import { useCallback as ue, useEffect as de, useMemo as c, useState as l } from "react";
 import { FileText as fe } from "lucide-react";
 import { jsx as u, jsxs as pe } from "react/jsx-runtime";
-import { useSearchParams as me } from "react-router-dom";
+import { useSearchParams as me } from "react-router";
 //#region src/shared/pages/SearchPage.tsx
 function d({ entityTypeOptions: d = a, entityTypeIcons: he = i, productOptions: ge = ee, defaultProductSources: _e = [], placeholder: ve = "Search for documents, tags, projects, tasks...", subtitle: ye = "Search across all entities in your workspace", supplementalSearch: f } = {}) {
 	let be = t(), [p, xe] = me(), { workspaceId: Se } = e(), { searchFull: Ce, isSearching: we } = n(), Te = p.get("q") || "", Ee = p.get("mode") || "FULLTEXT", De = p.get("sortBy") || "SCORE_DESC", Oe = s(p.get("types") || ""), ke = s(p.get("excludeTypes") || ""), Ae = s(p.get("products") || ""), je = p.get("createdBy") || "", Me = p.get("updatedBy") || "", Ne = p.get("projectId") || "", Pe = p.get("from") || "", Fe = p.get("to") || "", Ie = p.get("updatedFrom") || "", Le = p.get("updatedTo") || "", Re = s(p.get("excludeIds") || ""), m = ne(p.get("tagFilter"), {}), ze = te(ne(p.get("metadataConditions"), [])), Be = parseInt(p.get("page") || "1", 10), [h, Ve] = l(Te), [g, He] = l(Ee), [_, Ue] = l(De), [v, We] = l(Oe), [y, Ge] = l(ke), [b, Ke] = l(Ae.length > 0 ? Ae : _e), [x, qe] = l(je), [S, Je] = l(Me), [C, Ye] = l(Ne), [w, Xe] = l(Pe), [T, E] = l(Fe), [D, O] = l(Ie), [k, Ze] = l(Le), [A, j] = l(Re.join(", ")), [M, N] = l((m.tagIds ?? []).join(", ")), [P, F] = l((m.tagKeys ?? []).join(", ")), [I, L] = l((m.hierarchyPaths ?? []).join(", ")), [R, z] = l((m.vocabularyKeys ?? []).join(", ")), [B, V] = l(m.matchAll ?? !1), [H, U] = l(m.includeDescendants ?? !0), [W, G] = l(m.depth === void 0 ? "" : String(m.depth)), [K, q] = l(ze), [J, Y] = l(Be), [Qe, $e] = l([]), [et, tt] = l(0), [nt, rt] = l(!1), [it, at] = l(0), [ot, st] = l(), [ct, X] = l(null), [lt, ut] = l(!1), [dt, ft] = l(Te), pt = ue((e) => {

package/dist/shared/providers/AppShellProvider.js

@@ -34,7 +34,7 @@ import { ToursProvider as F, useToursContext as I } from "../tours/ToursContext.
 import { TourInitializer as L } from "../tours/TourInitializer.js";
 import { Suspense as R, useCallback as z, useEffect as B, useMemo as V, useRef as H } from "react";
 import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
-import { BrowserRouter as le, useLocation as K } from "react-router-dom";
+import { BrowserRouter as le, useLocation as K } from "react-router";
 import { Toaster as q, toast as J } from "sonner";
 import { MutationCache as ue, QueryCache as de, QueryClient as fe, QueryClientProvider as pe } from "@tanstack/react-query";
 //#region src/shared/providers/AppShellProvider.tsx

package/dist/shared/providers/shell/PageConversationContextProvider.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { useLocation } from 'react-router-dom';
+import { useLocation } from 'react-router';
 export interface PageConversationContext {
     product: string;
     pagePath: string;

package/dist/shared/providers/shell/PageConversationContextProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageConversationContextProvider.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/shell/PageConversationContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,oCAAoC;IACnD,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CACf,QAAQ,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,KACrC,OAAO,CAAC,uBAAuB,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CAC1D;AAqBD,wBAAgB,+BAA+B,CAAC,EAC9C,QAAQ,EACR,OAAO,EACP,cAAc,GACf,EAAE,oCAAoC,2CAgEtC;AAED,wBAAgB,0BAA0B,IAAI,uBAAuB,CAQpE;AAED,wBAAgB,kCAAkC,CAChD,KAAK,EAAE,OAAO,CAAC,uBAAuB,CAAC,GAAG,IAAI,GAAG,SAAS,GACzD,IAAI,CAcN"}
+{"version":3,"file":"PageConversationContextProvider.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/shell/PageConversationContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,oCAAoC;IACnD,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CACf,QAAQ,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,KACrC,OAAO,CAAC,uBAAuB,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CAC1D;AAqBD,wBAAgB,+BAA+B,CAAC,EAC9C,QAAQ,EACR,OAAO,EACP,cAAc,GACf,EAAE,oCAAoC,2CAgEtC;AAED,wBAAgB,0BAA0B,IAAI,uBAAuB,CAQpE;AAED,wBAAgB,kCAAkC,CAChD,KAAK,EAAE,OAAO,CAAC,uBAAuB,CAAC,GAAG,IAAI,GAAG,SAAS,GACzD,IAAI,CAcN"}

package/dist/shared/providers/shell/PageConversationContextProvider.js

@@ -1,6 +1,6 @@
 import { createContext as e, use as t, useCallback as n, useEffect as r, useMemo as i, useState as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
-import { useLocation as s } from "react-router-dom";
+import { useLocation as s } from "react-router";
 //#region src/shared/providers/shell/PageConversationContextProvider.tsx
 var c = e(null);
 function l(e) {

package/dist/shared/tours/TourTrigger.js

@@ -8,7 +8,7 @@ import { MobileTourSheet as l } from "./tourTrigger/MobileTourSheet.js";
 import { DesktopTourDropdown as u } from "./tourTrigger/DesktopTourDropdown.js";
 import { useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useInRouterContext as v, useLocation as y, useNavigate as b } from "react-router-dom";
+import { useInRouterContext as v, useLocation as y, useNavigate as b } from "react-router";
 //#region src/shared/tours/TourTrigger.tsx
 var x = 5e3, S = 100, C = 150;
 function w(e, t) {

package/dist/shared/tours/ToursContext.js

@@ -14,7 +14,7 @@ import { useIdleReady as ee } from "./toursContext/useIdleReady.js";
 import { useTourMutations as te } from "./toursContext/useTourMutations.js";
 import { createContext as f, use as p, useCallback as m, useEffect as h, useMemo as g, useRef as _, useState as v } from "react";
 import { jsx as ne } from "react/jsx-runtime";
-import { useLocation as y } from "react-router-dom";
+import { useLocation as y } from "react-router";
 //#region src/shared/tours/ToursContext.tsx
 var b = f(null);
 function x({ children: f, defaultPageId: p = "home", getPageIdFromPath: x, disabled: S = !1 }) {

package/dist/shared/utils/appHelpers.js

@@ -4,7 +4,7 @@ import { useNavRegistryStore as n } from "../hooks/shell/useNavRegistry.js";
 import { useFooterRegistryStore as r } from "../hooks/shell/useFooterRegistry.js";
 import { useCallback as i, useEffect as a, useTransition as o } from "react";
 import { Fragment as s, jsx as c } from "react/jsx-runtime";
-import { useNavigate as l } from "react-router-dom";
+import { useNavigate as l } from "react-router";
 //#region src/shared/utils/appHelpers.tsx
 function u({ user: n, authToken: r, workspaceId: i, tenantId: o, projectId: l, children: u }) {
 	let { login: d, isAuthenticated: f } = e(), { setWorkspace: p, setTenant: m, setProject: h } = t();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fe-libs",
-  "version": "2026.731.4",
+  "version": "2026.801.1",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "bin": {
@@ -340,6 +340,7 @@
     "lefthook": "^2.1.1",
     "postcss": "8.5.12",
     "prettier": "^3.4.2",
+    "react-router": "^8.3.0",
     "tailwindcss": "^4.0.0",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.0",
@@ -356,7 +357,7 @@
     "graphql": "^16.12.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-router-dom": "^7.12.0",
+    "react-router": "^8.3.0",
     "zustand": "^5.0.5",
     "framer-motion": "^12.0.0"
   },

package/src/vite/mfe.config.ts

@@ -139,7 +139,7 @@ export function createMicrofrontendConfig(
         ...additionalAliases,
       },
       // Ensure consistent dependency resolution
-      dedupe: ['react', 'react-dom', 'react-router-dom', '@apollo/client', 'graphql', 'zustand'],
+      dedupe: ['react', 'react-dom', 'react-router', '@apollo/client', 'graphql', 'zustand'],
     },
 
     // Vite 8 uses Oxc for transforms instead of esbuild
@@ -154,7 +154,7 @@ export function createMicrofrontendConfig(
       include: [
         'react',
         'react-dom',
-        'react-router-dom',
+        'react-router',
         '@apollo/client',
         'graphql',
         'lucide-react',

package/src/vite/shell.config.ts

@@ -91,7 +91,7 @@ export function createAppShellConfig(config: AppShellConfig, configPath: string)
 
   // Default manual chunks for optimal caching
   const defaultManualChunks: Record<string, string[]> = {
-    'vendor-react': ['react', 'react-dom', 'react-router-dom'],
+    'vendor-react': ['react', 'react-dom', 'react-router'],
     'vendor-apollo': ['@apollo/client', 'graphql'],
     'vendor-ui': ['lucide-react', 'zustand'],
     ...manualChunks,
@@ -172,7 +172,7 @@ export function createAppShellConfig(config: AppShellConfig, configPath: string)
       dedupe: [
         'react',
         'react-dom',
-        'react-router-dom',
+        'react-router',
         '@apollo/client',
         'graphql',
         'zustand',
@@ -199,7 +199,7 @@ export function createAppShellConfig(config: AppShellConfig, configPath: string)
         'react-dom/client',
         'react/jsx-runtime',
         'react/jsx-dev-runtime',
-        'react-router-dom',
+        'react-router',
         'react-error-boundary',
         '@apollo/client',
         '@apollo/client/react',

package/src/vite/types.ts

@@ -78,7 +78,7 @@ export const STANDARD_MFE_EXTERNALS = [
   'react-dom',
   'react/jsx-runtime',
   'react/jsx-dev-runtime',
-  'react-router-dom',
+  'react-router',
 
   // Apollo Client
   '@apollo/client',