@hachej/boring-workspace 0.1.32 → 0.1.33

package/dist/app-front.js

@@ -1,8 +1,8 @@
 import { jsx as c, jsxs as te, Fragment as K } from "react/jsx-runtime";
-import { useEffect as v, useSyncExternalStore as Lr, useMemo as T, useState as _, useRef as F, useCallback as L, useLayoutEffect as Tr } from "react";
+import { useEffect as v, useSyncExternalStore as Lr, useMemo as T, useState as _, useRef as k, useCallback as L, useLayoutEffect as Tr } from "react";
 import { ChatPanel as xr, useSessions as Or } from "@hachej/boring-agent/front";
-import { aj as Wr, as as kr, at as Fr, U as xt, q as Ur, au as Gr, u as Mt, ag as Mr, av as Cr } from "./WorkspaceProvider-Cg-J1wxr.js";
-import { T as $r, C as Ir, r as Ot, w as qr, W as Wt } from "./WorkspaceLoadingState-InXsc_8G.js";
+import { aj as Wr, as as Mr, at as kr, U as xt, q as Fr, au as Ur, u as Gt, ag as Gr, av as Cr } from "./WorkspaceProvider-CuIZx1ua.js";
+import { T as $r, C as Ir, r as Ot, w as qr, W as Wt } from "./WorkspaceLoadingState-BlvZXmFg.js";
 import { Sun as jr, Moon as Br } from "lucide-react";
 import { IconButton as Kr, ErrorState as Jr } from "@hachej/boring-ui-kit";
 function Hr() {
@@ -35,9 +35,9 @@ function zr(e, t) {
   try {
     const n = localStorage.getItem(e);
     if (n) {
-      const s = JSON.parse(n), i = Array.isArray(s.sessions) ? s.sessions : Array.isArray(s.items) ? s.items : null;
-      if (i)
-        return { sessions: i, activeId: s.activeId ?? ((r = i[0]) == null ? void 0 : r.id) ?? "" };
+      const i = JSON.parse(n), s = Array.isArray(i.sessions) ? i.sessions : Array.isArray(i.items) ? i.items : null;
+      if (s)
+        return { sessions: s, activeId: i.activeId ?? ((r = s[0]) == null ? void 0 : r.id) ?? "" };
     }
   } catch {
   }
@@ -53,18 +53,18 @@ function Yr(e, t) {
 function Qr(e = {}) {
   const t = e.storageKey ?? "workspace:sessions", r = e.initial ?? Vr;
   let n = zr(t, r);
-  const s = /* @__PURE__ */ new Set(), i = (a) => {
-    n = a, Yr(t, n), s.forEach((l) => l());
+  const i = /* @__PURE__ */ new Set(), s = (a) => {
+    n = a, Yr(t, n), i.forEach((l) => l());
   };
   return {
     getState: () => n,
     subscribe(a) {
-      return s.add(a), () => {
-        s.delete(a);
+      return i.add(a), () => {
+        i.delete(a);
       };
     },
     switchTo(a) {
-      i({ ...n, activeId: a });
+      s({ ...n, activeId: a });
     },
     create() {
       const a = `s${Date.now()}`, l = {
@@ -72,12 +72,12 @@ function Qr(e = {}) {
         title: "New session",
         updatedAt: Date.now()
       };
-      i({ sessions: [l, ...n.sessions], activeId: a });
+      s({ sessions: [l, ...n.sessions], activeId: a });
     },
     remove(a) {
       var h;
-      const l = n.sessions.filter((d) => d.id !== a), p = n.activeId === a ? ((h = l[0]) == null ? void 0 : h.id) ?? "" : n.activeId;
-      i({ sessions: l, activeId: p });
+      const l = n.sessions.filter((f) => f.id !== a), p = n.activeId === a ? ((h = l[0]) == null ? void 0 : h.id) ?? "" : n.activeId;
+      s({ sessions: l, activeId: p });
     }
   };
 }
@@ -92,7 +92,7 @@ const Ct = ["/api/v1/tree?path=.", "/api/v1/agent/sessions"], Zr = /* @__PURE__
 function $t(e, t) {
   return /^https?:\/\//i.test(t) || !e ? t : `${e.replace(/\/$/, "")}/${t.replace(/^\//, "")}`;
 }
-function Ee(e, t) {
+function we(e, t) {
   const r = { ...t ?? {} };
   for (const n of Object.keys(r))
     n.toLowerCase() === "x-boring-workspace-id" && delete r[n];
@@ -103,8 +103,8 @@ function It(e) {
   return t.pathname !== "/api/v1/tree" ? null : t.searchParams.get("path") ?? ".";
 }
 function qt(e, t, r, n) {
-  const s = It(r);
-  s === null || !n || !Array.isArray(n.entries) || kr(e, t, s, n.entries);
+  const i = It(r);
+  i === null || !n || !Array.isArray(n.entries) || Mr(e, t, i, n.entries);
 }
 const en = /* @__PURE__ */ new Set(["workspace-fs", "sandbox-exec", "ui-bridge"]);
 function tn(e) {
@@ -142,30 +142,30 @@ function Je(e) {
   const r = t.error;
   return typeof (r == null ? void 0 : r.message) == "string" && r.message ? r.message : null;
 }
-function kt(e) {
-  var r, n, s, i, a, l, p, h, d, A;
+function Mt(e) {
+  var r, n, i, s, a, l, p, h, f, A;
   if (!e || typeof e != "object") return null;
   const t = e;
   return {
     state: typeof t.state == "string" ? t.state : void 0,
     message: typeof t.message == "string" ? t.message : void 0,
     chatState: typeof ((n = (r = t.capabilities) == null ? void 0 : r.chat) == null ? void 0 : n.state) == "string" ? t.capabilities.chat.state : void 0,
-    workspaceState: typeof ((i = (s = t.capabilities) == null ? void 0 : s.workspace) == null ? void 0 : i.state) == "string" ? t.capabilities.workspace.state : void 0,
+    workspaceState: typeof ((s = (i = t.capabilities) == null ? void 0 : i.workspace) == null ? void 0 : s.state) == "string" ? t.capabilities.workspace.state : void 0,
     runtimeDependenciesState: typeof ((l = (a = t.capabilities) == null ? void 0 : a.runtimeDependencies) == null ? void 0 : l.state) == "string" ? t.capabilities.runtimeDependencies.state : void 0,
     runtimeDependenciesMessage: typeof ((h = (p = t.capabilities) == null ? void 0 : p.runtimeDependencies) == null ? void 0 : h.message) == "string" ? t.capabilities.runtimeDependencies.message : void 0,
-    runtimeDependenciesRequirement: typeof ((A = (d = t.capabilities) == null ? void 0 : d.runtimeDependencies) == null ? void 0 : A.requirement) == "string" ? t.capabilities.runtimeDependencies.requirement : void 0
+    runtimeDependenciesRequirement: typeof ((A = (f = t.capabilities) == null ? void 0 : f.runtimeDependencies) == null ? void 0 : A.requirement) == "string" ? t.capabilities.runtimeDependencies.requirement : void 0
   };
 }
-function we(e) {
-  if (e && typeof e == "object") return kt(e);
+function Pe(e) {
+  if (e && typeof e == "object") return Mt(e);
   if (typeof e != "string" || !e.trim()) return null;
   const t = e.split(/\n\n+/);
   for (let r = t.length - 1; r >= 0; r -= 1) {
     const n = t[r].split(`
-`).filter((s) => s.startsWith("data:")).map((s) => s.slice(5).trim());
+`).filter((i) => i.startsWith("data:")).map((i) => i.slice(5).trim());
     if (n.length !== 0)
       try {
-        return kt(JSON.parse(n.join(`
+        return Mt(JSON.parse(n.join(`
 `)));
       } catch {
         return null;
@@ -176,7 +176,7 @@ function we(e) {
 function nn(e) {
   return e ? e.chatState || e.workspaceState ? e.chatState === "ready" && e.workspaceState === "ready" : e.state === "ready" : !0;
 }
-async function Ae(e) {
+async function Ee(e) {
   const t = await e.text().catch(() => "");
   if (!t) return null;
   try {
@@ -186,38 +186,38 @@ async function Ae(e) {
   }
 }
 const sn = 500;
-function Ft(e) {
+function kt(e) {
   return new Promise((t, r) => {
     let n;
-    const s = () => {
-      n && globalThis.clearTimeout(n), e.removeEventListener("abort", i);
-    }, i = () => {
-      s(), r(new DOMException("Warmup aborted", "AbortError"));
+    const i = () => {
+      n && globalThis.clearTimeout(n), e.removeEventListener("abort", s);
+    }, s = () => {
+      i(), r(new DOMException("Warmup aborted", "AbortError"));
     };
     if (e.aborted) {
-      i();
+      s();
       return;
     }
     n = globalThis.setTimeout(() => {
-      s(), t();
-    }, sn), e.addEventListener("abort", i, { once: !0 });
+      i(), t();
+    }, sn), e.addEventListener("abort", s, { once: !0 });
   });
 }
 async function on(e) {
   const t = e.body;
-  if (!t) return we(await Ae(e));
+  if (!t) return Pe(await Ee(e));
   const r = t.getReader(), n = new TextDecoder();
-  let s = "";
+  let i = "";
   try {
     for (; ; ) {
-      const { done: i, value: a } = await r.read();
+      const { done: s, value: a } = await r.read();
       if (a) {
-        s += n.decode(a, { stream: !i });
-        const l = we(s);
+        i += n.decode(a, { stream: !s });
+        const l = Pe(i);
         if (l) return l;
       }
-      if (i)
-        return s += n.decode(), we(s);
+      if (s)
+        return i += n.decode(), Pe(i);
     }
   } finally {
     await r.cancel().catch(() => {
@@ -234,9 +234,9 @@ function an(e) {
 }
 async function ln(e) {
   if (!e.ok) {
-    const s = await Ae(e);
-    if (Ke(s)) return { status: "preparing" };
-    throw new Error(Je(s) ?? `/api/v1/ready-status failed with ${e.status}`);
+    const i = await Ee(e);
+    if (Ke(i)) return { status: "preparing" };
+    throw new Error(Je(i) ?? `/api/v1/ready-status failed with ${e.status}`);
   }
   const t = await on(e), r = an(t), n = nn(t);
   if ((t == null ? void 0 : t.state) === "degraded" || (t == null ? void 0 : t.state) === "failed") {
@@ -251,62 +251,62 @@ async function cn({
   path: t,
   headers: r,
   signal: n,
-  workspaceId: s
+  workspaceId: i
 }) {
-  const i = await fetch($t(e, t), { headers: r, signal: n });
-  if (jt(t)) return ln(i);
-  const a = await Ae(i);
-  if (!i.ok) {
+  const s = await fetch($t(e, t), { headers: r, signal: n });
+  if (jt(t)) return ln(s);
+  const a = await Ee(s);
+  if (!s.ok) {
     const l = Ke(a);
     if (l) return { status: "preparing", ...l };
-    throw new Error(Je(a) ?? `${t} failed with ${i.status}`);
+    throw new Error(Je(a) ?? `${t} failed with ${s.status}`);
   }
-  return a && typeof a == "object" && qt(e, r["x-boring-workspace-id"] ?? s, t, a), { status: "ready" };
+  return a && typeof a == "object" && qt(e, r["x-boring-workspace-id"] ?? i, t, a), { status: "ready" };
 }
 function un({
   workspaceId: e,
   requestHeaders: t,
   apiBaseUrl: r,
   preloadPaths: n = Ct,
-  provisionWorkspace: s = !0,
-  onStatusChange: i
+  provisionWorkspace: i = !0,
+  onStatusChange: s
 }) {
   return v(() => {
     let a = !1;
-    const l = new AbortController(), p = Ee(e, t);
+    const l = new AbortController(), p = we(e, t);
     async function h() {
-      var d, A;
-      i == null || i({ status: "preparing" });
+      var f, A;
+      s == null || s({ status: "preparing" });
       try {
-        const w = Bt(n, s), C = (u) => cn({
+        const w = Bt(n, i), C = (d) => cn({
           apiBaseUrl: r,
-          path: u,
+          path: d,
           headers: p,
           signal: l.signal,
           workspaceId: e
         });
-        let b = await Promise.all(w.map(async (u) => ({ path: u, result: await C(u) })));
+        let b = await Promise.all(w.map(async (d) => ({ path: d, result: await C(d) })));
         if (a || l.signal.aborted) return;
-        let g = (d = b.find((u) => u.result.runtimeDependencies)) == null ? void 0 : d.result.runtimeDependencies, y = b.filter((u) => u.result.status === "preparing");
+        let g = (f = b.find((d) => d.result.runtimeDependencies)) == null ? void 0 : f.result.runtimeDependencies, y = b.filter((d) => d.result.status === "preparing");
         for (; y.length > 0; ) {
-          let u;
+          let d;
           for (const S of y)
             if (S.result.status === "preparing" && S.result.requirement) {
-              u = S.result.requirement;
+              d = S.result.requirement;
               break;
             }
-          if (i == null || i({ status: "preparing", message: "Workspace is still preparing", ...u ? { requirement: u } : {} }), await Ft(l.signal), a || l.signal.aborted || (b = await Promise.all(y.map(async (S) => ({ path: S.path, result: await C(S.path) }))), a || l.signal.aborted)) return;
+          if (s == null || s({ status: "preparing", message: "Workspace is still preparing", ...d ? { requirement: d } : {} }), await kt(l.signal), a || l.signal.aborted || (b = await Promise.all(y.map(async (S) => ({ path: S.path, result: await C(S.path) }))), a || l.signal.aborted)) return;
           g = ((A = b.find((S) => S.result.runtimeDependencies)) == null ? void 0 : A.result.runtimeDependencies) ?? g, y = b.filter((S) => S.result.status === "preparing");
         }
-        for (i == null || i({ status: "ready", ...g ? { runtimeDependencies: g } : {} }); (g == null ? void 0 : g.state) === "preparing"; ) {
-          if (await Ft(l.signal), a || l.signal.aborted) return;
-          const u = await C("/api/v1/ready-status");
+        for (s == null || s({ status: "ready", ...g ? { runtimeDependencies: g } : {} }); (g == null ? void 0 : g.state) === "preparing"; ) {
+          if (await kt(l.signal), a || l.signal.aborted) return;
+          const d = await C("/api/v1/ready-status");
           if (a || l.signal.aborted) return;
-          g = u.runtimeDependencies, g && (i == null || i({ status: "ready", runtimeDependencies: g }));
+          g = d.runtimeDependencies, g && (s == null || s({ status: "ready", runtimeDependencies: g }));
         }
       } catch (w) {
         if (a || l.signal.aborted) return;
-        i == null || i({
+        s == null || s({
           status: "failed",
           message: w instanceof Error ? w.message : "Workspace failed to prepare"
         });
@@ -315,7 +315,7 @@ function un({
     return h(), () => {
       a = !0, l.abort();
     };
-  }, [r, i, n, s, t, e]), null;
+  }, [r, s, n, i, t, e]), null;
 }
 function dn(e, t) {
   return !!(e && e.title === t && e.turnCount === 0);
@@ -324,28 +324,28 @@ function fn(e, t) {
   return e.endsWith(":surface") ? e.slice(0, -8) : t;
 }
 function qe(e, t, r) {
-  const [n, s] = _(() => Ot(e, t, r));
+  const [n, i] = _(() => Ot(e, t, r));
   v(() => {
-    s(Ot(e, t, r));
+    i(Ot(e, t, r));
   }, [e, t, r]);
-  const i = L(
+  const s = L(
     (a) => {
-      s(a), qr(e, a, r);
+      i(a), qr(e, a, r);
     },
     [r, e]
   );
-  return [n, i];
+  return [n, s];
 }
-const je = {}, Ut = { status: "preparing" }, Gt = {
+const je = {}, Ft = { status: "preparing" }, Ut = {
   openTabs: [],
   activeTab: null
 };
 function mn({ status: e }) {
-  const t = e.status === "ready" ? void 0 : e.requirement, r = e.status !== "failed", n = r ? t === "workspace-fs" ? "Preparing files…" : t === "sandbox-exec" ? "Waking sandbox…" : t === "ui-bridge" ? "Connecting workspace UI…" : "Preparing workspace…" : "Workspace workbench failed", s = e.status === "failed" ? e.message : "Chat is ready while files, tools, and workspace panels finish warming up.";
+  const t = e.status === "ready" ? void 0 : e.requirement, r = e.status !== "failed", n = r ? t === "workspace-fs" ? "Preparing files…" : t === "sandbox-exec" ? "Waking sandbox…" : t === "ui-bridge" ? "Connecting workspace UI…" : "Preparing workspace…" : "Workspace workbench failed", i = e.status === "failed" ? e.message : "Chat is ready while files, tools, and workspace panels finish warming up.";
   return /* @__PURE__ */ c("div", { className: "flex h-full min-h-0 items-center justify-center bg-background px-6 text-center", children: /* @__PURE__ */ te("div", { className: "max-w-sm rounded-2xl border border-border bg-card p-5 shadow-sm", children: [
     r ? /* @__PURE__ */ c("div", { className: "mx-auto mb-3 h-7 w-7 rounded-full border-2 border-muted-foreground/20 border-t-foreground animate-spin", "aria-hidden": "true" }) : null,
     /* @__PURE__ */ c("div", { className: "text-sm font-semibold text-foreground", children: n }),
-    /* @__PURE__ */ c("p", { className: "mt-2 text-sm text-muted-foreground", children: s }),
+    /* @__PURE__ */ c("p", { className: "mt-2 text-sm text-muted-foreground", children: i }),
     e.status === "failed" ? /* @__PURE__ */ c("p", { className: "mt-3 text-xs text-muted-foreground", children: "Reload the workspace to retry." }) : null
   ] }) });
 }
@@ -374,7 +374,7 @@ function bn(e) {
 }
 function yn(e) {
   var n;
-  const t = e.openTabs.find((s) => s.id === e.activeTab), r = (n = t == null ? void 0 : t.params) == null ? void 0 : n.path;
+  const t = e.openTabs.find((i) => i.id === e.activeTab), r = (n = t == null ? void 0 : t.params) == null ? void 0 : n.path;
   return typeof r == "string" ? r : null;
 }
 function Sn({
@@ -382,23 +382,23 @@ function Sn({
   requestHeaders: t,
   navOpen: r,
   surfaceOpen: n,
-  surfaceReady: s,
-  snapshot: i
+  surfaceReady: i,
+  snapshot: s
 }) {
-  const a = Mt(), l = F(null);
+  const a = Gt(), l = k(null);
   return v(() => {
-    var d;
-    if (e === null || n && !s) return;
-    (d = l.current) == null || d.abort();
+    var f;
+    if (e === null || n && !i) return;
+    (f = l.current) == null || f.abort();
     const p = new AbortController();
     l.current = p;
     const h = {
       v: 1,
       drawerOpen: r,
       workbenchOpen: n,
-      openTabs: i.openTabs,
-      activeTab: i.activeTab,
-      activeFile: yn(i),
+      openTabs: s.openTabs,
+      activeTab: s.activeTab,
+      activeFile: yn(s),
       availablePanels: a.list().map((A) => A.id)
     };
     return fetch(bn(e), {
@@ -410,31 +410,31 @@ function Sn({
     }), () => {
       p.abort();
     };
-  }, [e, r, a, t, i, n, s]), null;
+  }, [e, r, a, t, s, n, i]), null;
 }
 function In({
   workspaceId: e,
   chatPanel: t,
   useSessions: r,
   requestHeaders: n,
-  sessionStorageKey: s,
-  providerStorageKey: i,
+  sessionStorageKey: i,
+  providerStorageKey: s,
   surfaceStorageKey: a,
   beforeShell: l,
   afterShell: p,
   panels: h,
-  commands: d,
+  commands: f,
   catalogs: A,
   plugins: w,
   excludeDefaults: C,
   capabilities: b,
   apiBaseUrl: g,
   authHeaders: y,
-  apiTimeout: u,
+  apiTimeout: d,
   defaultTheme: S,
   onThemeChange: Kt,
   persistenceEnabled: He,
-  bridgeEndpoint: De,
+  bridgeEndpoint: Ae,
   fullPageBasePath: Jt,
   onAuthError: Ht,
   sessions: Ve,
@@ -453,147 +453,147 @@ function In({
   topBarLeft: Qt,
   topBarRight: Xt,
   showThemeToggle: Zt = !0,
-  chatParams: U,
-  hotReloadEnabled: Ne,
+  chatParams: F,
+  hotReloadEnabled: De,
   frontPluginHotReload: er,
   extraPanels: tt,
   extraCommands: rt,
-  provisionWorkspace: Re,
+  provisionWorkspace: Ne,
   bootPreloadPaths: tr,
-  onWorkspaceWarmupStatusChange: se,
-  onOpenNav: _e,
-  onOpenSurface: Le,
+  onWorkspaceWarmupStatusChange: ie,
+  onOpenNav: Re,
+  onOpenSurface: _e,
   surfaceButtonBottomOffset: rr,
   className: nr
 }) {
   var _t, Lt;
-  const Te = i ?? `boring-ui-v2:layout:${e}`, E = a ?? `${Te}:surface`, ie = fn(
+  const Le = s ?? `boring-ui-v2:layout:${e}`, E = a ?? `${Le}:surface`, se = fn(
     E,
-    Te
-  ), oe = He !== !1, ae = s ?? `boring-workspace:sessions:${e}`, J = T(
-    () => Ee(e, n ?? je),
+    Le
+  ), oe = He !== !1, ae = i ?? `boring-workspace:sessions:${e}`, J = T(
+    () => we(e, n ?? je),
     [n, e]
-  ), sr = T(
-    () => Ee(e, { ...n ?? je, ...y ?? je }),
+  ), ir = T(
+    () => we(e, { ...n ?? je, ...y ?? je }),
     [y, n, e]
   ), le = T(
     () => Qr({ storageKey: ae }),
     [ae]
-  ), nt = Xr(le), [st, ir] = _(() => ({
+  ), nt = Xr(le), [it, sr] = _(() => ({
     workspaceId: e,
-    status: Ut
-  })), [ce, xe] = _(() => ({
+    status: Ft
+  })), [ce, Te] = _(() => ({
     workspaceId: e,
     expired: !1
-  })), [it, ue] = _(() => ({
+  })), [st, ue] = _(() => ({
     workspaceId: e,
     creating: !1
   })), [ot, de] = _(() => ({
     workspaceId: e,
     failed: !1
-  })), [Oe, at] = _(null), fe = st.workspaceId === e ? st.status : Ut, or = t ?? xr, ar = r ?? Or, H = !t || !!r, We = H && Re !== !1, ke = () => {
+  })), [xe, at] = _(null), fe = it.workspaceId === e ? it.status : Ft, or = t ?? xr, ar = r ?? Or, H = !t || !!r, Oe = H && Ne !== !1, We = () => {
   }, D = ar({
     requestHeaders: J,
     storageKey: ae,
-    enabled: We
-  }), G = We && !D.loading && !D.error, x = We && !G, [me, lr] = _(() => ({ workspaceId: e, sessions: [], activeSessionId: null }));
+    enabled: Oe
+  }), U = Oe && !D.loading && !D.error, x = Oe && !U, [me, lr] = _(() => ({ workspaceId: e, sessions: [], activeSessionId: null }));
   v(() => {
-    G && lr((o) => {
-      const R = o.workspaceId === e, k = o.activeSessionId === D.activeSessionId, ee = o.sessions.length === D.sessions.length && o.sessions.every((Rr, _r) => {
+    U && lr((o) => {
+      const R = o.workspaceId === e, M = o.activeSessionId === D.activeSessionId, ee = o.sessions.length === D.sessions.length && o.sessions.every((Rr, _r) => {
         var Tt;
         return Rr.id === ((Tt = D.sessions[_r]) == null ? void 0 : Tt.id);
       });
-      return R && k && ee ? o : {
+      return R && M && ee ? o : {
         workspaceId: e,
         sessions: D.sessions,
         activeSessionId: D.activeSessionId
       };
     });
-  }, [D.activeSessionId, D.sessions, G, e]);
-  const Fe = x && me.workspaceId === e && me.sessions.length > 0, pe = x ? pn(ae) : null, M = G ? D.sessions : Fe ? me.sessions : [], cr = G ? D.activeSessionId : Fe ? me.activeSessionId : null, f = H && (G || Fe) ? D : void 0, V = Ve !== void 0 || ze !== void 0 || Ye !== void 0 || Qe !== void 0 || Xe !== void 0, lt = ce.workspaceId === e && ce.expired, z = F(!1), Y = !!(G && f && !V && M.length === 0 && !lt), ur = it.workspaceId === e && it.creating, dr = ot.workspaceId === e && ot.failed, fr = !!(G && f && !V && M.length === 0 && lt && !z.current && !dr), ct = x && !pe || Y || ur || fr;
+  }, [D.activeSessionId, D.sessions, U, e]);
+  const Me = x && me.workspaceId === e && me.sessions.length > 0, ke = x ? pn(ae) : null, G = U ? D.sessions : Me ? me.sessions : [], cr = U ? D.activeSessionId : Me ? me.activeSessionId : null, u = H && (U || Me) ? D : void 0, V = Ve !== void 0 || ze !== void 0 || Ye !== void 0 || Qe !== void 0 || Xe !== void 0, lt = ce.workspaceId === e && ce.expired, z = k(!1), Y = !!(U && u && !V && G.length === 0 && !lt), ur = st.workspaceId === e && st.creating, dr = ot.workspaceId === e && ot.failed, fr = !!(U && u && !V && G.length === 0 && lt && !z.current && !dr), ct = Y || ur || fr;
   v(() => {
     if (!Y) {
-      ce.workspaceId !== e && xe({ workspaceId: e, expired: !1 });
+      ce.workspaceId !== e && Te({ workspaceId: e, expired: !1 });
       return;
     }
-    xe({ workspaceId: e, expired: !1 });
+    Te({ workspaceId: e, expired: !1 });
     const o = globalThis.setTimeout(() => {
-      xe({ workspaceId: e, expired: !0 });
+      Te({ workspaceId: e, expired: !0 });
     }, 2e3);
     return () => globalThis.clearTimeout(o);
   }, [ce.workspaceId, Y, e]);
-  const mr = f ? M.map((o) => ({
+  const mr = u ? G.map((o) => ({
     ...o,
     title: o.title ?? "New session"
-  })) : void 0, pr = pe ? [{
-    id: pe,
+  })) : void 0, pr = ke ? [{
+    id: ke,
     title: "Loading sessions…",
     createdAt: (/* @__PURE__ */ new Date(0)).toISOString(),
     updatedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
     turnCount: 0
-  }] : [], Ue = f ? mr ?? [] : x ? pr : V ? Ve ?? [] : nt.sessions, ut = f ? cr ?? null : x ? pe : V ? ze ?? null : nt.activeId, j = (U == null ? void 0 : U.autoSubmitInitialDraft) === !0, ge = j && H && !V, [O, Q] = _(() => ge ? null : void 0), dt = F(e), B = F(!1);
+  }] : [], Fe = u ? mr ?? [] : x ? pr : V ? Ve ?? [] : nt.sessions, ut = u ? cr ?? null : x ? ke : V ? ze ?? null : nt.activeId, j = (F == null ? void 0 : F.autoSubmitInitialDraft) === !0, pe = j && H && !V, [O, Q] = _(() => pe ? null : void 0), dt = k(e), B = k(!1);
   v(() => {
     if (dt.current !== e) {
-      dt.current = e, B.current = !1, Q(ge ? null : void 0);
+      dt.current = e, B.current = !1, Q(pe ? null : void 0);
       return;
     }
-    ge && O === void 0 && (B.current = !1, Q(null));
-  }, [O, ge, e]), v(() => {
-    !f || O !== null || B.current || (B.current = !0, Promise.resolve(f.create({ title: q })).then((o) => {
+    pe && O === void 0 && (B.current = !1, Q(null));
+  }, [O, pe, e]), v(() => {
+    !u || O !== null || B.current || (B.current = !0, Promise.resolve(u.create({ title: q })).then((o) => {
       if (typeof (o == null ? void 0 : o.id) != "string")
         throw new Error("auto_submit_session_create_failed");
       Q(o.id);
     }).catch(() => {
       B.current = !1, Q(void 0);
     }));
-  }, [O, q, f]);
-  const N = O !== void 0 ? O ?? null : ut, ft = x ? ke : (f == null ? void 0 : f.switch) ?? Ye ?? le.switchTo, gr = L((o) => (N && o !== N && window.dispatchEvent(new CustomEvent("boring:workspace-composer-stop", { detail: { sessionId: N } })), ft(o)), [N, ft]), mt = x ? ke : f ? () => {
-    const o = M.find((k) => k.id === N && dn(k, q)), R = f.create();
-    return o && Promise.resolve(R).then(() => f.delete(o.id)).catch(() => {
+  }, [O, q, u]);
+  const N = O !== void 0 ? O ?? null : ut, ft = x ? We : (u == null ? void 0 : u.switch) ?? Ye ?? le.switchTo, gr = L((o) => (N && o !== N && window.dispatchEvent(new CustomEvent("boring:workspace-composer-stop", { detail: { sessionId: N } })), ft(o)), [N, ft]), mt = x ? We : u ? () => {
+    const o = G.find((M) => M.id === N && dn(M, q)), R = u.create();
+    return o && Promise.resolve(R).then(() => u.delete(o.id)).catch(() => {
     }), R;
-  } : Qe ?? le.create, pt = x ? ke : (f == null ? void 0 : f.delete) ?? Xe ?? le.remove, hr = L((o) => (f && M.length <= 1 && (z.current = !0), pt(o)), [M.length, pt, f]), br = ((_t = Ue.find((o) => o.id === N)) == null ? void 0 : _t.title) ?? void 0, [yr, gt] = qe(
-    `${ie}:drawer`,
+  } : Qe ?? le.create, pt = x ? We : (u == null ? void 0 : u.delete) ?? Xe ?? le.remove, hr = L((o) => (u && G.length <= 1 && (z.current = !0), pt(o)), [G.length, pt, u]), br = ((_t = Fe.find((o) => o.id === N)) == null ? void 0 : _t.title) ?? void 0, [yr, gt] = qe(
+    `${se}:drawer`,
     zt,
     oe
   ), ht = Ze && yr, [$, W] = qe(
     // Key must NOT match resolvedSurfaceStorageKey (which stores the dockview
     // layout JSON at the same ":surface" suffix). Writing "1"/"0" to the same
     // key corrupts the JSON and drops the persisted workbench layout on reload.
-    `${ie}:workbenchOpen`,
+    `${se}:workbenchOpen`,
     Yt ?? !1,
     oe
-  ), [Sr, Ge] = _(!1), [vr, X] = qe(
-    `${ie}:workbenchLeftOpen`,
+  ), [Sr, Ue] = _(!1), [vr, X] = qe(
+    `${se}:workbenchLeftOpen`,
     !0,
     oe
-  ), Z = F(!1), I = F($), bt = F(E), Me = F(null);
+  ), Z = k(!1), I = k($), bt = k(E), Ge = k(null);
   bt.current = E;
   const [yt, St] = _(() => ({
     key: E,
-    snapshot: Gt
-  })), Pr = yt.key === E ? yt.snapshot : Gt;
+    snapshot: Ut
+  })), Pr = yt.key === E ? yt.snapshot : Ut;
   v(() => {
     Z.current = !1, z.current = !1, ue({ workspaceId: e, creating: !1 }), de({ workspaceId: e, failed: !1 }), at(null);
   }, [e]), v(() => {
-    Ge(!1);
+    Ue(!1);
   }, [E]), v(() => {
-    if (!(!f || f.loading) && !Y && O === void 0) {
-      if (M.length > 0) {
+    if (!(!u || u.loading) && !Y && O === void 0) {
+      if (G.length > 0) {
         Z.current = !1, z.current = !1, ue((o) => o.workspaceId === e && o.creating ? { workspaceId: e, creating: !1 } : o), de((o) => o.workspaceId === e && o.failed ? { workspaceId: e, failed: !1 } : o);
         return;
       }
-      z.current || Z.current || (Z.current = !0, ue({ workspaceId: e, creating: !0 }), de({ workspaceId: e, failed: !1 }), Promise.resolve(f.create({ title: q })).then((o) => {
+      z.current || Z.current || (Z.current = !0, ue({ workspaceId: e, creating: !0 }), de({ workspaceId: e, failed: !1 }), Promise.resolve(u.create({ title: q })).then((o) => {
         const R = o == null ? void 0 : o.id;
         typeof R == "string" && at({ workspaceId: e, id: R });
       }).catch(() => {
         Z.current = !1, ue({ workspaceId: e, creating: !1 }), de({ workspaceId: e, failed: !0 });
       }));
     }
-  }, [M.length, O, q, Y, f, e]), v(() => {
+  }, [G.length, O, q, Y, u, e]), v(() => {
     I.current = $;
   }, [$]);
   const vt = L((o) => {
-    Me.current = { key: E, api: o }, Ge(!0), St({
+    Ge.current = { key: E, api: o }, Ue(!0), St({
       key: E,
       snapshot: o.getSnapshot()
     });
@@ -602,28 +602,28 @@ function In({
       key: E,
       snapshot: o
     });
-  }, [E]), he = L(() => {
-    const o = Me.current;
+  }, [E]), ge = L(() => {
+    const o = Ge.current;
     return (o == null ? void 0 : o.key) === bt.current ? o.api : null;
-  }, []), be = L(() => I.current, []), ye = L(() => {
+  }, []), he = L(() => I.current, []), be = L(() => {
     I.current = !0, W(!0);
-  }, [W]), Se = L(() => {
+  }, [W]), ye = L(() => {
     I.current = !0, W(!0), X(!0);
-  }, [W, X]), ve = L(() => {
-    I.current = !1, Me.current = null, Ge(!1), W(!1);
-  }, [W]), Pe = T(
-    () => (w == null ? void 0 : w.map(Fr)) ?? [],
+  }, [W, X]), Se = L(() => {
+    I.current = !1, Ge.current = null, Ue(!1), W(!1);
+  }, [W]), ve = T(
+    () => (w == null ? void 0 : w.map(kr)) ?? [],
     [w]
   ), Ce = T(
-    () => Pe.some((o) => o.registrations.leftTabs.length > 0),
-    [Pe]
+    () => ve.some((o) => o.registrations.leftTabs.length > 0),
+    [ve]
   ), wt = T(
-    () => Pe.flatMap((o) => o.registrations.panels.map((R) => R.id)),
-    [Pe]
+    () => ve.flatMap((o) => o.registrations.panels.map((R) => R.id)),
+    [ve]
   ), Et = T(
     () => [...tt ?? [], ...wt],
     [tt, wt]
-  ), At = N ?? (O !== void 0 ? "default" : ((Lt = Ue[0]) == null ? void 0 : Lt.id) ?? "default"), [wr, $e] = _(j), Dt = F(e);
+  ), At = N ?? (O !== void 0 ? "default" : ((Lt = Fe[0]) == null ? void 0 : Lt.id) ?? "default"), [wr, $e] = _(j), Dt = k(e);
   v(() => {
     if (Dt.current !== e) {
       Dt.current = e, $e(j);
@@ -631,53 +631,53 @@ function In({
     }
     j && $e(!0);
   }, [j, e]);
-  const Nt = j && H && !N, Rt = !!!(Oe && Oe.workspaceId === e && Oe.id === N) && !wr && Re !== !1 && (H ? !!N : !0), Er = L((o) => {
-    ir({ workspaceId: e, status: o }), se == null || se(o);
-  }, [se, e]);
+  const Nt = j && H && !N, Rt = !!!(xe && xe.workspaceId === e && xe.id === N) && !wr && Ne !== !1 && (H ? !!N : !0), Er = L((o) => {
+    sr({ workspaceId: e, status: o }), ie == null || ie(o);
+  }, [ie, e]);
   v(() => {
     var R;
-    const o = (k) => {
-      const ee = k.detail;
-      !ee || typeof ee != "object" || Gr(ee, {
-        surface: he,
-        isWorkbenchOpen: be,
-        openWorkbench: ye,
-        openWorkbenchSources: Se
+    const o = (M) => {
+      const ee = M.detail;
+      !ee || typeof ee != "object" || Ur(ee, {
+        surface: ge,
+        isWorkbenchOpen: he,
+        openWorkbench: be,
+        openWorkbenchSources: ye
       });
     };
     return (R = globalThis.addEventListener) == null || R.call(globalThis, xt, o), () => {
-      var k;
-      return (k = globalThis.removeEventListener) == null ? void 0 : k.call(globalThis, xt, o);
+      var M;
+      return (M = globalThis.removeEventListener) == null ? void 0 : M.call(globalThis, xt, o);
     };
-  }, [he, be, ye, Se]), v(() => {
+  }, [ge, he, be, ye]), v(() => {
     x || re == null || re(N ?? null);
   }, [N, re, x]);
   const Ie = fe.status !== "ready", Ar = Ie ? /* @__PURE__ */ c(mn, { status: fe }) : void 0, Dr = T(
     () => ({
-      ...U,
+      ...F,
       ...Nt ? { autoSubmitInitialDraft: !1, initialDraft: void 0 } : {},
       sessionId: At,
       requestHeaders: J,
-      bridgeEndpoint: De,
-      getSurface: he,
-      isWorkbenchOpen: be,
-      openWorkbench: ye,
-      openWorkbenchSources: Se,
-      closeWorkbench: ve,
+      bridgeEndpoint: Ae,
+      getSurface: ge,
+      isWorkbenchOpen: he,
+      openWorkbench: be,
+      openWorkbenchSources: ye,
+      closeWorkbench: Se,
       extraCommands: rt,
       workspaceWarmupStatus: fe,
       hydrateMessages: Rt,
       onAutoSubmitInitialDraftSettled: () => {
         B.current = !1, $e(!1), Q(void 0);
-        const o = U == null ? void 0 : U.onAutoSubmitInitialDraftSettled;
+        const o = F == null ? void 0 : F.onAutoSubmitInitialDraftSettled;
         typeof o == "function" && o();
       },
       // Forward the explicit prop when set. Omitting the key (when undefined)
       // lets ChatPanel apply its own default (true) and avoids overriding a
       // value passed through chatParams.
-      ...Ne !== void 0 ? { hotReloadEnabled: Ne } : {}
+      ...De !== void 0 ? { hotReloadEnabled: De } : {}
     }),
-    [U, Nt, At, J, De, he, be, ye, Se, ve, rt, fe, Rt, Ne]
+    [F, Nt, At, J, Ae, ge, he, be, ye, Se, rt, fe, Rt, De]
   ), Nr = T(() => ({
     storageKey: E,
     defaultLeftTab: ne,
@@ -685,9 +685,9 @@ function In({
     extraPanels: Et,
     onReady: vt,
     onChange: Pt,
-    onClose: ve
+    onClose: Se
   }), [
-    ve,
+    Se,
     ne,
     et,
     Pt,
@@ -697,22 +697,22 @@ function In({
     W
   ]);
   return /* @__PURE__ */ c("div", { className: "h-full bg-background text-foreground", children: /* @__PURE__ */ te(
-    Ur,
+    Fr,
     {
       chatPanel: or,
       panels: h,
-      commands: d,
+      commands: f,
       catalogs: A,
       plugins: w,
       excludeDefaults: C,
       capabilities: b,
       apiBaseUrl: g,
-      authHeaders: sr,
-      apiTimeout: u,
+      authHeaders: ir,
+      apiTimeout: d,
       defaultTheme: S,
       onThemeChange: Kt,
       workspaceId: e,
-      storageKey: Te,
+      storageKey: Le,
       persistenceEnabled: He,
       bridgeEndpoint: null,
       onAuthError: Ht,
@@ -727,14 +727,14 @@ function In({
             requestHeaders: J,
             apiBaseUrl: g,
             preloadPaths: tr,
-            provisionWorkspace: Re,
+            provisionWorkspace: Ne,
             onStatusChange: Er
           }
         ),
         /* @__PURE__ */ c(
           Sn,
           {
-            bridgeEndpoint: De,
+            bridgeEndpoint: Ae,
             requestHeaders: J,
             navOpen: ht,
             surfaceOpen: $,
@@ -771,11 +771,14 @@ function In({
               className: nr,
               nav: ht ? "session-list" : null,
               navParams: {
-                sessions: Ue,
+                sessions: Fe,
                 activeId: ut,
                 onSwitch: gr,
                 onCreate: mt,
                 onDelete: hr,
+                onLoadMore: u == null ? void 0 : u.loadMore,
+                hasMore: u == null ? void 0 : u.hasMore,
+                loadingMore: u == null ? void 0 : u.loadingMore,
                 onClose: () => gt(!1)
               },
               center: "chat",
@@ -789,12 +792,12 @@ function In({
                 onClose: () => X(!1),
                 onCollapse: () => X(!1)
               } : void 0,
-              storageKey: oe ? ie : void 0,
+              storageKey: oe ? se : void 0,
               onOpenNav: Ze ? () => {
-                gt(!0), _e == null || _e();
+                gt(!0), Re == null || Re();
               } : void 0,
               onOpenSurface: () => {
-                I.current = !0, W(!0), Le == null || Le();
+                I.current = !0, W(!0), _e == null || _e();
               },
               surfaceButtonBottomOffset: rr,
               onOpenSidebar: Ce ? () => {
@@ -812,18 +815,18 @@ const vn = 500;
 function Pn(e) {
   return new Promise((t, r) => {
     let n;
-    const s = () => {
-      n && globalThis.clearTimeout(n), e.removeEventListener("abort", i);
-    }, i = () => {
-      s(), r(new DOMException("Workspace boot aborted", "AbortError"));
+    const i = () => {
+      n && globalThis.clearTimeout(n), e.removeEventListener("abort", s);
+    }, s = () => {
+      i(), r(new DOMException("Workspace boot aborted", "AbortError"));
     };
     if (e.aborted) {
-      i();
+      s();
       return;
     }
     n = globalThis.setTimeout(() => {
-      s(), t();
-    }, vn), e.addEventListener("abort", i, { once: !0 });
+      i(), t();
+    }, vn), e.addEventListener("abort", s, { once: !0 });
   });
 }
 function qn({
@@ -831,8 +834,8 @@ function qn({
   requestHeaders: t,
   apiBaseUrl: r,
   preloadPaths: n = Ct,
-  provisionWorkspace: s = !0,
-  loadingFallback: i,
+  provisionWorkspace: i = !0,
+  loadingFallback: s,
   errorFallback: a,
   children: l
 }) {
@@ -841,18 +844,18 @@ function qn({
     label: "Waking workspace runtime"
   });
   return v(() => {
-    const d = new AbortController(), A = Ee(e, t);
+    const f = new AbortController(), A = we(e, t);
     async function w(b) {
       const g = await fetch($t(r, b), {
         headers: A,
-        signal: d.signal
-      }), y = await Ae(g);
+        signal: f.signal
+      }), y = await Ee(g);
       if (!g.ok) {
         if (Ke(y)) return "preparing";
         throw new Error(Je(y) ?? `${b} failed with ${g.status}`);
       }
       if (jt(b)) {
-        const S = we(y);
+        const S = Pe(y);
         if ((S == null ? void 0 : S.state) === "degraded") throw new Error(S.message ?? "Workspace failed to prepare");
       }
       return It(b) !== null && y && typeof y == "object" && qt(r, A["x-boring-workspace-id"] ?? e, b, y), "ready";
@@ -860,30 +863,30 @@ function qn({
     async function C() {
       h({ status: "loading", label: "Waking workspace runtime" });
       try {
-        const b = Bt(n, s);
-        let g = await Promise.all(b.map(async (u) => ({ path: u, status: await w(u) }))), y = g.filter((u) => u.status === "preparing").map((u) => u.path);
+        const b = Bt(n, i);
+        let g = await Promise.all(b.map(async (d) => ({ path: d, status: await w(d) }))), y = g.filter((d) => d.status === "preparing").map((d) => d.path);
         for (; y.length > 0; ) {
-          if (h({ status: "loading", label: "Workspace is still preparing" }), await Pn(d.signal), d.signal.aborted) return;
-          g = await Promise.all(y.map(async (u) => ({ path: u, status: await w(u) }))), y = g.filter((u) => u.status === "preparing").map((u) => u.path);
+          if (h({ status: "loading", label: "Workspace is still preparing" }), await Pn(f.signal), f.signal.aborted) return;
+          g = await Promise.all(y.map(async (d) => ({ path: d, status: await w(d) }))), y = g.filter((d) => d.status === "preparing").map((d) => d.path);
         }
-        d.signal.aborted || h({ status: "ready" });
+        f.signal.aborted || h({ status: "ready" });
       } catch (b) {
-        if (d.signal.aborted) return;
+        if (f.signal.aborted) return;
         h({
           status: "error",
           message: b instanceof Error ? b.message : "Unknown workspace boot error"
         });
       }
     }
-    return C(), () => d.abort();
-  }, [r, n, s, t, e]), p.status === "ready" ? /* @__PURE__ */ c(K, { children: l }) : p.status === "error" ? typeof a == "function" ? /* @__PURE__ */ c(K, { children: a(p.message) }) : a ? /* @__PURE__ */ c(K, { children: a }) : /* @__PURE__ */ c(
+    return C(), () => f.abort();
+  }, [r, n, i, t, e]), p.status === "ready" ? /* @__PURE__ */ c(K, { children: l }) : p.status === "error" ? typeof a == "function" ? /* @__PURE__ */ c(K, { children: a(p.message) }) : a ? /* @__PURE__ */ c(K, { children: a }) : /* @__PURE__ */ c(
     Wt,
     {
       title: "Workspace failed to open",
       description: p.message,
       status: "Retry by reloading the page"
     }
-  ) : typeof i == "function" ? /* @__PURE__ */ c(K, { children: i(p.label) }) : i ? /* @__PURE__ */ c(K, { children: i }) : /* @__PURE__ */ c(
+  ) : typeof s == "function" ? /* @__PURE__ */ c(K, { children: s(p.label) }) : s ? /* @__PURE__ */ c(K, { children: s }) : /* @__PURE__ */ c(
     Wt,
     {
       title: "Opening workspace",
@@ -984,26 +987,26 @@ function Be({ code: e, title: t, description: r }) {
   );
 }
 function jn({ componentId: e, params: t = {} }) {
-  const r = Mt(), { errors: n } = Mr(), s = r.get(e), i = r.getComponents()[e];
+  const r = Gt(), { errors: n } = Gr(), i = r.get(e), s = r.getComponents()[e];
   Tr(() => {
-    document.title = (s == null ? void 0 : s.title) ?? e;
-  }, [e, s == null ? void 0 : s.title]);
+    document.title = (i == null ? void 0 : i.title) ?? e;
+  }, [e, i == null ? void 0 : i.title]);
   const a = T(() => ({
     params: t,
     api: Ln(e),
     containerApi: Tn(),
     className: "h-full"
   }), [e, t]), l = T(() => {
-    if (!s) return null;
-    const p = s.pluginId ?? s.id;
+    if (!i) return null;
+    const p = i.pluginId ?? i.id;
     for (let h = n.length - 1; h >= 0; h -= 1) {
-      const d = n[h];
-      if (d.contributionKind === "panel" && d.contributionId === e && d.pluginId === p)
-        return d;
+      const f = n[h];
+      if (f.contributionKind === "panel" && f.contributionId === e && f.pluginId === p)
+        return f;
     }
     return null;
-  }, [e, n, s]);
-  return s ? !s.supportsFullPage || !i ? /* @__PURE__ */ c(
+  }, [e, n, i]);
+  return i ? !i.supportsFullPage || !s ? /* @__PURE__ */ c(
     Be,
     {
       code: Nn,
@@ -1017,7 +1020,7 @@ function jn({ componentId: e, params: t = {} }) {
       title: "Panel failed to render",
       description: `Panel "${e}" crashed while rendering in full-page mode: ${l.error.message}`
     }
-  ) : /* @__PURE__ */ c("div", { className: "min-h-screen bg-background text-foreground", children: /* @__PURE__ */ c(Cr, { mode: "full-page", children: /* @__PURE__ */ c(i, { ...a }) }) }) : /* @__PURE__ */ c(
+  ) : /* @__PURE__ */ c("div", { className: "min-h-screen bg-background text-foreground", children: /* @__PURE__ */ c(Cr, { mode: "full-page", children: /* @__PURE__ */ c(s, { ...a }) }) }) : /* @__PURE__ */ c(
     Be,
     {
       code: Dn,
@@ -1027,8 +1030,8 @@ function jn({ componentId: e, params: t = {} }) {
   );
 }
 function Bn(e) {
-  var i;
-  const t = new URLSearchParams(e), r = ((i = t.get("component")) == null ? void 0 : i.trim()) ?? "";
+  var s;
+  const t = new URLSearchParams(e), r = ((s = t.get("component")) == null ? void 0 : s.trim()) ?? "";
   if (!r)
     return {
       componentId: null,
@@ -1041,9 +1044,9 @@ function Bn(e) {
   const n = t.get("params");
   if (!n)
     return { componentId: r, params: {} };
-  let s;
+  let i;
   try {
-    s = JSON.parse(n);
+    i = JSON.parse(n);
   } catch {
     return {
       componentId: null,
@@ -1054,14 +1057,14 @@ function Bn(e) {
       }
     };
   }
-  return s === null || Array.isArray(s) || typeof s != "object" ? {
+  return i === null || Array.isArray(i) || typeof i != "object" ? {
     componentId: null,
     params: {},
     error: {
       code: An,
       message: "Full-page panel params must be a JSON object."
     }
-  } : { componentId: r, params: s };
+  } : { componentId: r, params: i };
 }
 export {
   En as FULL_PAGE_PANEL_INVALID_PARAMS_JSON,