@hachej/boring-core 0.1.42 → 0.1.44

package/dist/app/front/index.js

@@ -8,13 +8,13 @@ import {
   useSignIn,
   useSignUp,
   useWorkspaceRouteStatus
-} from "../../chunk-MLTJKZL4.js";
+} from "../../chunk-VYXEXOCO.js";
 import "../../chunk-HYNKZSTF.js";
-import "../../chunk-H5KU6R6Y.js";
+import "../../chunk-LIBHVT7V.js";
 import "../../chunk-MLKGABMK.js";
 
 // src/app/front/CoreWorkspaceAgentFront.tsx
-import { useEffect as useEffect2, useMemo, useState as useState3 } from "react";
+import { useEffect as useEffect3, useMemo, useState as useState3 } from "react";
 import { Navigate, Route, useLocation as useLocation2, useParams } from "react-router-dom";
 import {
   WorkspaceAgentFront as WorkspaceAgentFront2
@@ -63,14 +63,17 @@ function ChatFirstAuthenticatedShell({
       provisionWorkspace: false,
       bootPreloadPaths: [],
       bridgeEndpoint: null,
-      excludeDefaults: ["filesystem"],
-      plugins: [],
+      excludeDefaults: workspaceProps.excludeDefaults ?? ["filesystem"],
+      plugins: workspaceProps.plugins ?? [],
       catalogs: [],
       commands: [],
       persistenceEnabled: false,
       navEnabled: false,
       defaultNavOpen: false,
-      defaultSurfaceOpen: false,
+      defaultSurfaceOpen: workspaceProps.defaultSurfaceOpen ?? false,
+      defaultWorkbenchLeftTab: workspaceProps.defaultWorkbenchLeftTab,
+      defaultWorkbenchLeftOpen: false,
+      surfaceInitialPanels: workspaceProps.surfaceInitialPanels,
       beforeShell: showComposerBlocker ? /* @__PURE__ */ jsxs(Fragment, { children: [
         workspaceProps.beforeShell,
         /* @__PURE__ */ jsx(ChatFirstComposerBlocker, {})
@@ -91,8 +94,10 @@ function ChatFirstAuthenticatedShell({
 }
 
 // src/app/front/chatFirst/ChatFirstPublicShell.tsx
-import { useState as useState2 } from "react";
+import { useEffect as useEffect2, useRef, useState as useState2 } from "react";
 import { useLocation } from "react-router-dom";
+import { builtinCommands } from "@hachej/boring-agent/front";
+import { postUiCommand } from "@hachej/boring-workspace";
 
 // src/app/front/chatFirst/AuthCard.tsx
 import { useState } from "react";
@@ -111,7 +116,6 @@ function AuthCard({
   const [password, setPassword] = useState("");
   const [error, setError] = useState(null);
   const [submitting, setSubmitting] = useState(false);
-  const forgotPasswordHref = `${routes.forgotPassword}?redirect=${encodeURIComponent(returnTo)}`;
   async function submit(event) {
     event.preventDefault();
     setError(null);
@@ -130,23 +134,20 @@ function AuthCard({
       setSubmitting(false);
     }
   }
-  return /* @__PURE__ */ jsxs2("div", { className: "w-full max-w-sm rounded-2xl border border-border bg-card p-4 shadow-2xl", children: [
+  return /* @__PURE__ */ jsxs2("div", { className: "w-full max-w-xs rounded-2xl border border-border bg-card p-3 shadow-2xl", children: [
     onClose ? /* @__PURE__ */ jsx2("div", { className: "mb-3 flex justify-end", children: /* @__PURE__ */ jsx2("button", { type: "button", className: "rounded-full px-2 py-1 text-sm text-muted-foreground hover:bg-muted", onClick: onClose, "aria-label": "Close sign in", children: "\xD7" }) }) : null,
-    /* @__PURE__ */ jsx2("h2", { id: "auth-modal-title", className: "text-center text-xl font-semibold", children: mode === "signin" ? "Sign in to continue" : "Create your account" }),
-    /* @__PURE__ */ jsx2("p", { className: "mt-2 text-center text-sm text-muted-foreground", children: "Keep your draft and unlock the full workspace." }),
-    /* @__PURE__ */ jsxs2("div", { className: "mt-4 grid grid-cols-2 rounded-xl bg-muted p-1 text-sm", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-2 rounded-xl bg-muted p-1 text-sm", children: [
       /* @__PURE__ */ jsx2("button", { type: "button", className: `rounded-lg px-3 py-2 ${mode === "signin" ? "bg-background shadow-sm" : "text-muted-foreground"}`, onClick: () => setMode("signin"), children: "Sign in" }),
       /* @__PURE__ */ jsx2("button", { type: "button", className: `rounded-lg px-3 py-2 ${mode === "signup" ? "bg-background shadow-sm" : "text-muted-foreground"}`, onClick: () => setMode("signup"), children: "Sign up" })
     ] }),
-    /* @__PURE__ */ jsxs2("form", { className: "mt-4 space-y-2.5", onSubmit: submit, children: [
+    /* @__PURE__ */ jsxs2("form", { className: "mt-3 space-y-2", onSubmit: submit, children: [
       error ? /* @__PURE__ */ jsx2("div", { className: "rounded-lg border border-destructive/30 bg-destructive/10 p-2 text-sm text-destructive", role: "alert", children: error }) : null,
       mode === "signup" ? /* @__PURE__ */ jsx2("input", { className: "w-full rounded-xl border border-border bg-background px-3 py-2.5 text-sm outline-none focus:border-ring", placeholder: "Name", value: name, onChange: (event) => setName(event.currentTarget.value) }) : null,
       /* @__PURE__ */ jsx2("input", { className: "w-full rounded-xl border border-border bg-background px-3 py-2.5 text-sm outline-none focus:border-ring", type: "email", autoComplete: "email", placeholder: "Email", value: email, onChange: (event) => setEmail(event.currentTarget.value), required: true }),
       /* @__PURE__ */ jsx2("input", { className: "w-full rounded-xl border border-border bg-background px-3 py-2.5 text-sm outline-none focus:border-ring", type: "password", autoComplete: mode === "signin" ? "current-password" : "new-password", placeholder: "Password", value: password, onChange: (event) => setPassword(event.currentTarget.value), required: true }),
-      mode === "signin" ? /* @__PURE__ */ jsx2("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx2("a", { href: forgotPasswordHref, className: "text-xs text-muted-foreground hover:underline", children: "Forgot password?" }) }) : null,
+      mode === "signin" ? /* @__PURE__ */ jsx2("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx2("a", { href: routes.forgotPassword, className: "text-xs text-muted-foreground hover:underline", children: "Forgot password?" }) }) : null,
       /* @__PURE__ */ jsx2("button", { type: "submit", className: "w-full rounded-xl bg-primary px-3 py-2.5 text-sm font-medium text-primary-foreground disabled:opacity-50", disabled: submitting, children: submitting ? "Please wait\u2026" : mode === "signin" ? "Continue with email" : "Create account" })
-    ] }),
-    /* @__PURE__ */ jsx2("p", { className: "mt-4 text-center text-xs text-muted-foreground", children: "By continuing, you agree to continue into your private workspace." })
+    ] })
   ] });
 }
 
@@ -233,17 +234,17 @@ function workspaceIdFromPath(pathname, workspaceRoute, workspaceIdParam) {
 }
 
 // src/app/front/chatFirst/ChatFirstPublicShell.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var defaultPublicEmptyState = {
-  eyebrow: "Start here",
-  title: "What do you want to build?",
-  description: "Type a prompt or pick an example. Sign in on send to unlock your private workspace."
+  eyebrow: "Private AI workspace",
+  title: "Start in a secure workspace",
+  description: "Draft a task, then continue in an isolated workspace where the assistant can inspect files, make changes, and run commands only inside that workspace."
 };
 var defaultPublicSuggestions = [
-  { label: "Build an app from scratch", hint: "Creates files, installs deps, opens a preview", prompt: "Build a full-stack app with auth, a dashboard, and sample data." },
-  { label: "Understand a codebase", hint: "Maps the repo and explains where to start", prompt: "Explain this codebase, map the architecture, and suggest first improvements." },
-  { label: "Fix a bug safely", hint: "Finds the cause, edits files, runs tests", prompt: "Trace a bug, edit the right files, update tests, and summarize the diff." },
-  { label: "Prototype an interface", hint: "Turns an idea into an interactive UI", prompt: "Build an interactive prototype and open it in the workspace." }
+  { label: "Audit a workspace", hint: "Map files, risks, and next steps", prompt: "Inspect this workspace, summarize what is here, and identify the safest next steps." },
+  { label: "Make a safe change", hint: "Edit files and verify the result", prompt: "Make a small, safe change, run the relevant checks, and summarize the diff." },
+  { label: "Explain access boundaries", hint: "Files, commands, and model use", prompt: "Explain what you can access in this workspace, what commands you may run, and how model processing works." },
+  { label: "Plan a project", hint: "Turn an idea into milestones", prompt: "Turn my idea into a concrete workspace plan with milestones, risks, and verification steps." }
 ];
 function readComposerDraftFromDom() {
   if (typeof document === "undefined") return "";
@@ -258,13 +259,132 @@ function ChatFirstPublicShell({
 }) {
   const location = useLocation();
   const [modalOpen, setModalOpen] = useState2(false);
+  const lastAutoRunCommandRef = useRef("");
   const returnTo = safeReturnTo(location.pathname, location.search, location.hash);
+  const promptedDraft = new URLSearchParams(location.search).get("prompt")?.trim() ?? "";
+  const pendingReturnTo = promptedDraft ? "/" : returnTo;
   const workspaceId = intendedWorkspaceId || "public";
   const openAuth = (draft = readComposerDraftFromDom()) => {
-    writePendingChatEntry({ draft, returnTo, ...intendedWorkspaceId ? { intendedWorkspaceId } : {} });
+    writePendingChatEntry({ draft, returnTo: pendingReturnTo, ...intendedWorkspaceId ? { intendedWorkspaceId } : {} });
     setModalOpen(true);
   };
-  return /* @__PURE__ */ jsxs3("div", { className: "relative h-screen min-h-0", children: [
+  const normalizePublicCommand = (draft) => draft.trim().toLowerCase().replace(/[’`]/g, "'");
+  const openLandingPage = () => postUiCommand({
+    kind: "openPanel",
+    params: { id: "public-landing-page", component: "public.launch.landing", title: "Landing page" }
+  });
+  const openLetsChat = () => postUiCommand({
+    kind: "openPanel",
+    params: { id: "public-lets-chat", component: "public.launch.lets-chat", title: "Let\u2019s chat" }
+  });
+  const publicCommands = [
+    {
+      name: "landing-page",
+      description: "Open the landing page workspace tab.",
+      kind: "local",
+      handler: () => {
+        openLandingPage();
+        return { message: "Opened Landing page." };
+      }
+    },
+    {
+      name: "reach-out",
+      description: "Open the Calendly workspace tab.",
+      kind: "local",
+      handler: () => {
+        openLetsChat();
+        return { message: "Opened Let\u2019s chat." };
+      }
+    }
+  ];
+  const runPublicCommand = (draft) => {
+    const command = normalizePublicCommand(draft);
+    if (command === "/landing-page") {
+      openLandingPage();
+      return true;
+    }
+    if (command === "/reach-out" || command === "/let's-chat" || command === "/lets-chat") {
+      openLetsChat();
+      return true;
+    }
+    return false;
+  };
+  useEffect2(() => {
+    const intercept = (event) => {
+      const draft = readComposerDraftFromDom();
+      if (!runPublicCommand(draft)) return false;
+      event.preventDefault();
+      event.stopPropagation();
+      return true;
+    };
+    const onClick = (event) => {
+      const target = event.target instanceof Element ? event.target : null;
+      if (!target?.closest('[data-boring-agent-part="composer-submit"], [aria-label="Submit"]')) return;
+      intercept(event);
+    };
+    const maybeAutoRunDraft = () => {
+      const draft = readComposerDraftFromDom();
+      const command = normalizePublicCommand(draft);
+      const isCommand = command === "/landing-page" || command === "/reach-out" || command === "/let's-chat" || command === "/lets-chat";
+      if (!isCommand) {
+        lastAutoRunCommandRef.current = "";
+        return;
+      }
+      if (lastAutoRunCommandRef.current === command) return;
+      lastAutoRunCommandRef.current = command;
+      runPublicCommand(draft);
+    };
+    const onKeyDown = (event) => {
+      const target = event.target instanceof Element ? event.target : null;
+      if (!target?.closest('[data-boring-agent-part="composer-input"]')) return;
+      if (event.key === "Enter" && !event.shiftKey && !event.altKey && !event.ctrlKey && !event.metaKey) intercept(event);
+    };
+    const onInput = (event) => {
+      const target = event.target instanceof Element ? event.target : null;
+      if (!target?.closest('[data-boring-agent-part="composer-input"]')) return;
+      window.setTimeout(maybeAutoRunDraft, 0);
+    };
+    document.addEventListener("click", onClick, true);
+    document.addEventListener("keydown", onKeyDown, true);
+    document.addEventListener("input", onInput, true);
+    return () => {
+      document.removeEventListener("click", onClick, true);
+      document.removeEventListener("keydown", onKeyDown, true);
+      document.removeEventListener("input", onInput, true);
+    };
+  });
+  return /* @__PURE__ */ jsxs3("div", { className: "public-chat-first-shell relative h-screen min-h-0 bg-background", children: [
+    publicShell?.showTeachingArrows !== false && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      /* @__PURE__ */ jsxs3("div", { className: "public-arrow public-arrow-computer", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx4("span", { className: "public-arrow-label", children: "Your remote computer" }),
+        /* @__PURE__ */ jsxs3("svg", { className: "public-arrow-svg", viewBox: "0 0 190 140", fill: "none", children: [
+          /* @__PURE__ */ jsx4(
+            "path",
+            {
+              className: "paw-stroke",
+              d: "M14 122 C 58 134 104 128 134 100 C 150 85 160 64 164 40"
+            }
+          ),
+          /* @__PURE__ */ jsx4("path", { className: "paw-stroke", d: "M164 40 C 158 49 149 56 138 60" }),
+          /* @__PURE__ */ jsx4("path", { className: "paw-stroke", d: "M164 40 C 168 51 170 63 169 75" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "public-arrow public-arrow-agent", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxs3("svg", { className: "public-arrow-svg", viewBox: "0 0 120 116", fill: "none", children: [
+          /* @__PURE__ */ jsx4(
+            "path",
+            {
+              className: "paw-stroke",
+              d: "M60 104 C 56 76 64 50 70 24 C 71 19 73 14 76 10"
+            }
+          ),
+          /* @__PURE__ */ jsx4("path", { className: "paw-stroke", d: "M76 10 C 70 16 62 19 53 20" }),
+          /* @__PURE__ */ jsx4("path", { className: "paw-stroke", d: "M76 10 C 82 14 87 21 90 29" })
+        ] }),
+        /* @__PURE__ */ jsx4("span", { className: "public-arrow-label", children: "Your agent" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx4("aside", { className: "pointer-events-none fixed bottom-6 left-6 z-20 w-[300px]", children: /* @__PURE__ */ jsx4("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx4(AuthCard, { returnTo }) }) }),
     /* @__PURE__ */ jsx4(
       ChatFirstAuthenticatedShell,
       {
@@ -279,27 +399,32 @@ function ChatFirstPublicShell({
           chatParams: {
             ...workspaceProps.chatParams,
             emptyPlacement: "hero",
-            composerPlaceholder: publicShell?.composerPlaceholder ?? "Describe the app, bug, or repo task you want help with\u2026",
+            composerPlaceholder: publicShell?.composerPlaceholder ?? "Type /landing-page or /reach-out",
+            hideComposerSettings: true,
+            suppressPreSubmitCancelledWarning: true,
+            thinkingControl: false,
+            initialDraft: promptedDraft || void 0,
             emptyState: {
               ...defaultPublicEmptyState,
               ...publicShell?.emptyState
             },
             suggestions: publicShell?.suggestions ?? defaultPublicSuggestions,
+            commands: publicCommands,
+            excludeBuiltinCommands: builtinCommands.map((command) => command.name),
             onBeforeSubmit: (draft) => {
-              openAuth(draft);
+              if (!runPublicCommand(draft)) openAuth(draft);
               return false;
             }
           }
         }
       }
     ),
-    /* @__PURE__ */ jsx4("aside", { className: "pointer-events-none fixed bottom-6 right-6 z-20 w-[320px]", children: /* @__PURE__ */ jsx4("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx4(AuthCard, { returnTo }) }) }),
     modalOpen ? /* @__PURE__ */ jsx4(AuthModal, { returnTo, onClose: () => setModalOpen(false) }) : null
   ] });
 }
 
 // src/app/front/CoreWorkspaceAgentFront.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var DEFAULT_WORKSPACE_ROUTE = "/workspace/:id";
 var DEFAULT_WORKSPACE_ID_PARAM = "id";
 function DefaultTopBarRight() {
@@ -332,11 +457,30 @@ function WorkspaceLoadingPage({
     ] }) })
   ] });
 }
+function mergePublicWorkspaceProps(workspaceProps, publicWorkspaceProps) {
+  if (!publicWorkspaceProps) return workspaceProps;
+  return {
+    ...workspaceProps,
+    ...publicWorkspaceProps,
+    requestHeaders: {
+      ...workspaceProps.requestHeaders,
+      ...publicWorkspaceProps.requestHeaders
+    },
+    authHeaders: {
+      ...workspaceProps.authHeaders,
+      ...publicWorkspaceProps.authHeaders
+    },
+    chatParams: {
+      ...workspaceProps.chatParams,
+      ...publicWorkspaceProps.chatParams
+    }
+  };
+}
 function usePendingChatDraft() {
   const session = useSession();
   const userId = session.data?.user?.id ?? null;
   const [pending, setPending] = useState3(() => userId ? readPendingChatEntry() : null);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!userId) {
       setPending(null);
       return;
@@ -354,7 +498,8 @@ function HomeRedirect({
   chatEntryMode,
   appTitle,
   workspaceProps,
-  chatFirstPublicShell
+  chatFirstPublicShell,
+  chatFirstPublicWorkspaceProps
 }) {
   const location = useLocation2();
   const session = useSession();
@@ -366,7 +511,16 @@ function HomeRedirect({
     location.search,
     location.hash
   );
-  if (!session.data?.user && chatEntryMode === "chat-first") return /* @__PURE__ */ jsx5(ChatFirstPublicShell, { appTitle, publicShell: chatFirstPublicShell, workspaceProps });
+  if (!session.data?.user && chatEntryMode === "chat-first") {
+    return /* @__PURE__ */ jsx5(
+      ChatFirstPublicShell,
+      {
+        appTitle,
+        publicShell: chatFirstPublicShell,
+        workspaceProps: mergePublicWorkspaceProps(workspaceProps, chatFirstPublicWorkspaceProps)
+      }
+    );
+  }
   if (!workspace && chatEntryMode === "chat-first" && session.data?.user && restorePendingDraft) {
     return /* @__PURE__ */ jsx5(
       ChatFirstAuthenticatedShell,
@@ -378,7 +532,7 @@ function HomeRedirect({
       }
     );
   }
-  if (!workspace) return /* @__PURE__ */ jsx5(Fragment2, { children: loadingFallback });
+  if (!workspace) return /* @__PURE__ */ jsx5(Fragment3, { children: loadingFallback });
   return /* @__PURE__ */ jsx5(Navigate, { to: workspaceHref(workspace.id), replace: true });
 }
 function WorkspaceRouteErrorPage({ status, message }) {
@@ -396,7 +550,8 @@ function WorkspaceRoute({
   chatEntryMode,
   appTitle,
   workspaceRoute,
-  chatFirstPublicShell
+  chatFirstPublicShell,
+  chatFirstPublicWorkspaceProps
 }) {
   const params = useParams();
   const location = useLocation2();
@@ -420,9 +575,17 @@ function WorkspaceRoute({
     () => ({ ...workspaceProps.authHeaders, "x-boring-workspace-id": workspaceId }),
     [workspaceId, workspaceProps.authHeaders]
   );
-  if (!workspaceId) return /* @__PURE__ */ jsx5(Fragment2, { children: loadingFallback });
+  if (!workspaceId) return /* @__PURE__ */ jsx5(Fragment3, { children: loadingFallback });
   if (!session.data?.user && chatEntryMode === "chat-first") {
-    return /* @__PURE__ */ jsx5(ChatFirstPublicShell, { appTitle, intendedWorkspaceId: workspaceId, publicShell: chatFirstPublicShell, workspaceProps });
+    return /* @__PURE__ */ jsx5(
+      ChatFirstPublicShell,
+      {
+        appTitle,
+        intendedWorkspaceId: workspaceId,
+        publicShell: chatFirstPublicShell,
+        workspaceProps: mergePublicWorkspaceProps(workspaceProps, chatFirstPublicWorkspaceProps)
+      }
+    );
   }
   if (routeStatus.status === "not-found" || routeStatus.status === "forbidden" || routeStatus.status === "switch-failed") {
     return /* @__PURE__ */ jsx5(WorkspaceRouteErrorPage, { status: routeStatus.status, message: routeStatus.message });
@@ -438,7 +601,7 @@ function WorkspaceRoute({
       }
     );
   }
-  if (routeStatus.status !== "matched" || currentWorkspace?.id !== workspaceId) return /* @__PURE__ */ jsx5(Fragment2, { children: loadingFallback });
+  if (routeStatus.status !== "matched" || currentWorkspace?.id !== workspaceId) return /* @__PURE__ */ jsx5(Fragment3, { children: loadingFallback });
   const shouldRestorePendingDraft = restorePendingDraft && Boolean(pendingChatEntry?.draft);
   const chatParams = {
     ...workspaceProps.chatParams,
@@ -456,6 +619,7 @@ function WorkspaceRoute({
     {
       ...workspaceProps,
       workspaceId,
+      workspaceLabel: workspaceProps.workspaceLabel ?? currentWorkspace.name,
       requestHeaders,
       authHeaders,
       chatParams,
@@ -481,11 +645,13 @@ function CoreWorkspaceAgentFront({
   bootPreloadPaths,
   topBarLeft = /* @__PURE__ */ jsx5(WorkspaceSwitcher, {}),
   topBarRight = /* @__PURE__ */ jsx5(DefaultTopBarRight, {}),
-  appTitle = "Boring",
+  appTitle = "Sovereign Workspace",
   bridgeEndpoint = "/api/v1/ui",
   hotReload = false,
   chatEntryMode = "auth-first",
   chatFirstPublicShell,
+  chatFirstPublicWorkspaceProps,
+  publicPaths,
   ...workspaceProps
 }) {
   if (hotReload !== false) {
@@ -515,7 +681,7 @@ function CoreWorkspaceAgentFront({
       cspNonce,
       workspaceRoute,
       workspaceIdParam,
-      publicPaths: chatEntryMode === "chat-first" ? chatFirstPublicPaths(workspaceRoute) : void 0,
+      publicPaths: chatEntryMode === "chat-first" ? [...chatFirstPublicPaths(workspaceRoute), ...publicPaths ?? []] : publicPaths,
       children: [
         /* @__PURE__ */ jsx5(
           Route,
@@ -529,7 +695,8 @@ function CoreWorkspaceAgentFront({
                 chatEntryMode,
                 appTitle,
                 workspaceProps: resolvedWorkspaceProps,
-                chatFirstPublicShell
+                chatFirstPublicShell,
+                chatFirstPublicWorkspaceProps
               }
             )
           }
@@ -548,7 +715,8 @@ function CoreWorkspaceAgentFront({
                 chatEntryMode,
                 appTitle,
                 workspaceRoute,
-                chatFirstPublicShell
+                chatFirstPublicShell,
+                chatFirstPublicWorkspaceProps
               }
             )
           }
@@ -558,6 +726,629 @@ function CoreWorkspaceAgentFront({
     }
   );
 }
+
+// src/app/front/credits/CreditBalanceBadge.tsx
+import { useState as useState5 } from "react";
+import { Button, Popover, PopoverContent, PopoverTrigger } from "@hachej/boring-ui-kit";
+import { Plus } from "lucide-react";
+
+// src/app/front/credits/helpers.ts
+function creditNetMicros(balance) {
+  const remaining = Number.isFinite(balance.remainingMicros) ? balance.remainingMicros : 0;
+  const debt = Number.isFinite(balance.debtMicros) ? balance.debtMicros : 0;
+  return remaining - debt;
+}
+function formatSignedCreditMicros(micros, currency = "EUR", locale) {
+  const major = (Number.isFinite(micros) ? micros : 0) / 1e6;
+  const sign = major > 0 ? "+" : major < 0 ? "\u2212" : "";
+  const abs = new Intl.NumberFormat(locale, { style: "currency", currency }).format(Math.abs(major));
+  return `${sign}${abs}`;
+}
+function formatMinorPrice(priceMinor, currency, locale) {
+  const major = (Number.isFinite(priceMinor) ? priceMinor : 0) / 100;
+  return new Intl.NumberFormat(locale, { style: "currency", currency, maximumFractionDigits: major % 1 === 0 ? 0 : 2 }).format(major);
+}
+function formatCreditMicros(micros, currency = "EUR", locale) {
+  const major = (Number.isFinite(micros) ? Math.max(0, micros) : 0) / 1e6;
+  return new Intl.NumberFormat(locale, { style: "currency", currency }).format(major);
+}
+function isLowBalance(micros, thresholdMicros = 5e5) {
+  return Number.isFinite(micros) && micros <= thresholdMicros;
+}
+var PAYMENT_REQUIRED_ERROR_CODE = "PAYMENT_REQUIRED";
+function isPaymentRequiredNotice(notice) {
+  return notice.errorCode === PAYMENT_REQUIRED_ERROR_CODE;
+}
+
+// src/app/front/credits/useCreditBalance.ts
+import { useCallback, useEffect as useEffect4, useRef as useRef2, useState as useState4 } from "react";
+var CREDITS_REFRESH_EVENT = "credits:refresh";
+var CHECKOUT_BASELINE_STORAGE_KEY = "credits:checkout-baseline";
+var CHECKOUT_BASELINE_TTL_MS = 60 * 60 * 1e3;
+var RETRY_BURST_MS = [0, 1e3, 2e3, 4e3, 8e3];
+function useCreditBalance({
+  apiBaseUrl = "",
+  pollMs = 3e4,
+  pack
+} = {}) {
+  const [balance, setBalance] = useState4(null);
+  const [hidden, setHidden] = useState4(false);
+  const [buying, setBuying] = useState4(false);
+  const [lastUpdatedAt, setLastUpdatedAt] = useState4(null);
+  const [updating, setUpdating] = useState4(false);
+  const [error, setError] = useState4(null);
+  const buyingRef = useRef2(false);
+  const burstRef = useRef2(0);
+  const timersRef = useRef2([]);
+  const burstActiveRef = useRef2(false);
+  const balanceRef = useRef2(null);
+  const refresh = useCallback(async () => {
+    setUpdating(true);
+    try {
+      const res = await fetch(`${apiBaseUrl}/api/credits/balance`, { credentials: "include" });
+      if (res.status === 401) {
+        setHidden(true);
+        return;
+      }
+      if (!res.ok) {
+        setError("Could not load your balance.");
+        return;
+      }
+      const data = await res.json();
+      if (!data.enabled) {
+        setHidden(true);
+        return;
+      }
+      setBalance(data);
+      balanceRef.current = data;
+      setHidden(false);
+      setError(null);
+      setLastUpdatedAt(Date.now());
+    } catch {
+      setError("Could not load your balance.");
+    } finally {
+      if (!burstActiveRef.current) setUpdating(false);
+    }
+  }, [apiBaseUrl]);
+  const refreshWithRetry = useCallback(() => {
+    const token = burstRef.current += 1;
+    for (const t of timersRef.current) clearTimeout(t);
+    burstActiveRef.current = true;
+    setUpdating(true);
+    const lastIndex = RETRY_BURST_MS.length - 1;
+    timersRef.current = RETRY_BURST_MS.map(
+      (delay, index) => setTimeout(async () => {
+        if (burstRef.current !== token) return;
+        try {
+          await refresh();
+        } finally {
+          if (index === lastIndex && burstRef.current === token) {
+            burstActiveRef.current = false;
+            setUpdating(false);
+          }
+        }
+      }, delay)
+    );
+  }, [refresh]);
+  useEffect4(() => {
+    void refresh();
+    const interval = setInterval(() => void refresh(), pollMs);
+    const onFocus = () => void refresh();
+    const onRefreshEvent = () => refreshWithRetry();
+    window.addEventListener("focus", onFocus);
+    window.addEventListener(CREDITS_REFRESH_EVENT, onRefreshEvent);
+    let channel = null;
+    try {
+      channel = new BroadcastChannel("credits");
+      channel.onmessage = () => refreshWithRetry();
+    } catch {
+    }
+    return () => {
+      clearInterval(interval);
+      window.removeEventListener("focus", onFocus);
+      window.removeEventListener(CREDITS_REFRESH_EVENT, onRefreshEvent);
+      for (const t of timersRef.current) clearTimeout(t);
+      channel?.close();
+    };
+  }, [refresh, refreshWithRetry, pollMs]);
+  const buy = useCallback(async (overridePack) => {
+    if (buyingRef.current) return null;
+    buyingRef.current = true;
+    setBuying(true);
+    let win = null;
+    try {
+      win = window.open("about:blank", "_blank");
+      if (!win) return "Could not open the checkout tab. Please allow pop-ups for this site and try again.";
+      try {
+        win.opener = null;
+      } catch {
+      }
+      const chosen = overridePack ?? pack;
+      const res = await fetch(`${apiBaseUrl}/api/credits/checkout`, {
+        method: "POST",
+        credentials: "include",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(chosen ? { pack: chosen } : {})
+      });
+      if (!res.ok) {
+        win.close();
+        return "Could not start checkout. Please try again.";
+      }
+      const { url } = await res.json();
+      if (!url) {
+        win.close();
+        return "Checkout is not available right now.";
+      }
+      try {
+        let current = balanceRef.current;
+        try {
+          const bres = await fetch(`${apiBaseUrl}/api/credits/balance`, { credentials: "include" });
+          if (bres.ok) {
+            const fresh = await bres.json();
+            if (fresh?.enabled) current = fresh;
+          }
+        } catch {
+        }
+        if (current) {
+          window.localStorage.setItem(
+            CHECKOUT_BASELINE_STORAGE_KEY,
+            // userId so the return handler can reject a baseline left by a DIFFERENT
+            // user (shared localStorage) instead of confirming a phantom purchase.
+            JSON.stringify({ net: creditNetMicros(current), ts: Date.now(), userId: current.userId })
+          );
+        }
+      } catch {
+      }
+      win.location.href = url;
+      return null;
+    } catch {
+      win?.close();
+      return "Could not reach the checkout service. Please try again.";
+    } finally {
+      buyingRef.current = false;
+      setBuying(false);
+    }
+  }, [apiBaseUrl, pack]);
+  return { balance, hidden, error, refresh, refreshWithRetry, buy, buying, lastUpdatedAt, updating };
+}
+
+// src/app/front/credits/CreditBalanceBadge.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function CreditBalanceBadge({
+  apiBaseUrl = "",
+  buyEnabled = false,
+  pollMs = 3e4,
+  locale
+}) {
+  const { balance, hidden, buy, buying } = useCreditBalance({ apiBaseUrl, pollMs });
+  const [open, setOpen] = useState5(false);
+  if (hidden || !balance) return null;
+  const inDebt = (balance.debtMicros ?? 0) > 0;
+  const low = inDebt || isLowBalance(balance.remainingMicros);
+  const showBuy = balance.checkoutEnabled ?? buyEnabled;
+  const packs = (balance.packs ?? []).filter((p) => !p.custom);
+  const currency = balance.packs?.[0]?.currency ?? "EUR";
+  const pick = async (packId) => {
+    setOpen(false);
+    await buy(packId);
+  };
+  return /* @__PURE__ */ jsxs5("div", { className: "inline-flex items-center gap-1.5", "data-low": low ? "true" : "false", "data-debt": inDebt ? "true" : "false", children: [
+    /* @__PURE__ */ jsx6(
+      "span",
+      {
+        title: inDebt ? "Amount owed \u2014 top up to resume" : "Remaining credits",
+        className: `text-[11px] tabular-nums ${low ? "text-destructive" : "text-muted-foreground"}`,
+        children: inDebt ? `\u2212${formatCreditMicros(balance.debtMicros, currency, locale)}` : formatCreditMicros(balance.remainingMicros, currency, locale)
+      }
+    ),
+    showBuy ? /* @__PURE__ */ jsxs5(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx6(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx6(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-sm",
+          "aria-label": "Add credits",
+          disabled: buying,
+          className: "size-5 rounded-full text-muted-foreground hover:text-foreground",
+          children: /* @__PURE__ */ jsx6(Plus, { className: "size-3.5", "aria-hidden": "true" })
+        }
+      ) }),
+      /* @__PURE__ */ jsxs5(PopoverContent, { align: "end", className: "w-48 p-1.5", children: [
+        /* @__PURE__ */ jsx6("p", { className: "px-2 py-1 text-[11px] font-medium text-muted-foreground", children: "Add credits" }),
+        packs.length > 0 ? /* @__PURE__ */ jsx6("div", { className: "flex flex-col", children: packs.map((p) => /* @__PURE__ */ jsxs5(
+          "button",
+          {
+            type: "button",
+            onClick: () => void pick(p.id),
+            disabled: buying,
+            className: "flex items-center justify-between gap-3 rounded-md px-2 py-1.5 text-[13px] hover:bg-muted disabled:opacity-50",
+            children: [
+              /* @__PURE__ */ jsx6("span", { className: "tabular-nums font-medium", children: formatMinorPrice(p.priceMinor, p.currency, locale) }),
+              /* @__PURE__ */ jsx6("span", { className: "text-[11px] text-muted-foreground", children: formatCreditMicros(p.creditMicros, p.currency, locale) })
+            ]
+          },
+          p.id
+        )) }) : /* @__PURE__ */ jsx6(
+          "button",
+          {
+            type: "button",
+            onClick: () => void pick(),
+            disabled: buying,
+            className: "w-full rounded-md px-2 py-1.5 text-left text-[13px] hover:bg-muted disabled:opacity-50",
+            children: buying ? "Opening\u2026" : "Buy credits"
+          }
+        )
+      ] })
+    ] }) : null
+  ] });
+}
+
+// src/app/front/credits/CreditsSettingsPanel.tsx
+import { useState as useState7 } from "react";
+import {
+  Button as Button2,
+  DetailList,
+  DetailLine,
+  Notice,
+  SettingsPanel
+} from "@hachej/boring-ui-kit";
+import { CreditCard } from "lucide-react";
+
+// src/app/front/credits/useCreditHistory.ts
+import { useCallback as useCallback2, useState as useState6 } from "react";
+function useCreditHistory(apiBaseUrl = "", limit = 20) {
+  const [entries, setEntries] = useState6(null);
+  const [loading, setLoading] = useState6(false);
+  const [error, setError] = useState6(false);
+  const load = useCallback2(async () => {
+    setLoading(true);
+    setError(false);
+    try {
+      const res = await fetch(`${apiBaseUrl}/api/credits/history?limit=${encodeURIComponent(String(limit))}`, { credentials: "include" });
+      if (!res.ok) {
+        setError(true);
+        return;
+      }
+      const data = await res.json();
+      setEntries(Array.isArray(data.entries) ? data.entries : []);
+    } catch {
+      setError(true);
+    } finally {
+      setLoading(false);
+    }
+  }, [apiBaseUrl, limit]);
+  return { entries, loading, error, load };
+}
+
+// src/app/front/credits/CreditsSettingsPanel.tsx
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function relativeTime(iso, locale) {
+  const then = new Date(iso).getTime();
+  if (!Number.isFinite(then)) return "";
+  return new Date(then).toLocaleString(locale, { dateStyle: "medium", timeStyle: "short" });
+}
+function CreditsSettingsPanel({ apiBaseUrl = "", locale }) {
+  const { balance, hidden, error, buy, buying, lastUpdatedAt, updating } = useCreditBalance({ apiBaseUrl });
+  const history = useCreditHistory(apiBaseUrl);
+  const [buyError, setBuyError] = useState7(null);
+  const [selectedPack, setSelectedPack] = useState7(null);
+  if (hidden) return null;
+  if (!balance) {
+    return /* @__PURE__ */ jsx7(
+      SettingsPanel,
+      {
+        id: "billing",
+        icon: /* @__PURE__ */ jsx7(CreditCard, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+        title: "Billing & credits",
+        description: "Your remaining AI credits, how to top up, and recent activity.",
+        children: error ? /* @__PURE__ */ jsx7(Notice, { role: "alert", tone: "error", description: error }) : /* @__PURE__ */ jsx7("p", { className: "text-[13px] text-muted-foreground", children: "Loading your balance\u2026" })
+      }
+    );
+  }
+  const inDebt = (balance.debtMicros ?? 0) > 0;
+  const low = inDebt || isLowBalance(balance.remainingMicros);
+  const showBuy = balance.checkoutEnabled ?? false;
+  const packs = balance.packs ?? [];
+  const currency = packs[0]?.currency ?? "EUR";
+  const activePack = selectedPack ?? packs.find((p) => p.isDefault)?.id ?? packs[0]?.id ?? null;
+  const activePackObj = packs.find((p) => p.id === activePack) ?? null;
+  const doBuy = async (pack) => {
+    setBuyError(null);
+    const error2 = await buy(pack);
+    if (error2) setBuyError(error2);
+  };
+  return /* @__PURE__ */ jsx7(
+    SettingsPanel,
+    {
+      id: "billing",
+      icon: /* @__PURE__ */ jsx7(CreditCard, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+      title: "Billing & credits",
+      description: "Your remaining AI credits, how to top up, and recent activity.",
+      footer: showBuy && packs.length === 0 ? /* @__PURE__ */ jsx7(Button2, { type: "button", size: "sm", onClick: () => void doBuy(), disabled: buying, children: buying ? "Opening checkout\u2026" : "Buy credits" }) : void 0,
+      children: /* @__PURE__ */ jsxs6("div", { className: "space-y-4", children: [
+        buyError && /* @__PURE__ */ jsx7(Notice, { role: "alert", tone: "error", description: buyError }),
+        inDebt && /* @__PURE__ */ jsx7(Notice, { role: "status", tone: "error", description: "Your balance is negative. Top up to resume running the agent." }),
+        !inDebt && low && /* @__PURE__ */ jsx7(Notice, { role: "status", tone: "warning", description: "You're low on credits. Top up to avoid interruptions." }),
+        /* @__PURE__ */ jsxs6(DetailList, { children: [
+          /* @__PURE__ */ jsx7(DetailLine, { label: "Remaining balance", children: /* @__PURE__ */ jsxs6("p", { style: { fontVariantNumeric: "tabular-nums", fontWeight: 600 }, children: [
+            inDebt ? `\u2212${formatCreditMicros(balance.debtMicros, currency, locale)}` : formatCreditMicros(balance.remainingMicros, currency, locale),
+            updating && /* @__PURE__ */ jsx7("span", { className: "ml-2 text-[11px] font-normal text-muted-foreground", "aria-live": "polite", children: "Updating\u2026" })
+          ] }) }),
+          /* @__PURE__ */ jsx7(DetailLine, { label: "Used so far", children: /* @__PURE__ */ jsx7("p", { style: { fontVariantNumeric: "tabular-nums" }, children: formatCreditMicros(balance.usedMicros, currency, locale) }) })
+        ] }),
+        showBuy && packs.length > 0 && /* @__PURE__ */ jsxs6("fieldset", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx7("legend", { className: "text-[12px] font-medium text-foreground", children: "Buy credits" }),
+          /* @__PURE__ */ jsx7("div", { role: "radiogroup", "aria-label": "Credit pack", className: "flex flex-wrap gap-2", children: packs.map((p) => {
+            const selected = p.id === activePack;
+            return /* @__PURE__ */ jsxs6(
+              "label",
+              {
+                className: `flex cursor-pointer items-center gap-2 rounded-md border px-3 py-1.5 text-[13px] ${selected ? "border-foreground" : "border-border/60"}`,
+                children: [
+                  /* @__PURE__ */ jsx7(
+                    "input",
+                    {
+                      type: "radio",
+                      name: "credit-pack",
+                      value: p.id,
+                      checked: selected,
+                      onChange: () => setSelectedPack(p.id)
+                    }
+                  ),
+                  p.custom ? /* @__PURE__ */ jsxs6("span", { children: [
+                    "Custom",
+                    /* @__PURE__ */ jsxs6("span", { className: "text-muted-foreground", children: [
+                      " \xB7 from ",
+                      formatMinorPrice(p.priceMinor, p.currency, locale)
+                    ] })
+                  ] }) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
+                    /* @__PURE__ */ jsx7("span", { style: { fontVariantNumeric: "tabular-nums" }, children: formatMinorPrice(p.priceMinor, p.currency, locale) }),
+                    /* @__PURE__ */ jsxs6("span", { className: "text-muted-foreground", children: [
+                      "\xB7 ",
+                      formatCreditMicros(p.creditMicros, p.currency, locale)
+                    ] })
+                  ] })
+                ]
+              },
+              p.id
+            );
+          }) }),
+          /* @__PURE__ */ jsx7(
+            Button2,
+            {
+              type: "button",
+              size: "sm",
+              onClick: () => activePack && void doBuy(activePack),
+              disabled: buying || !activePack,
+              children: buying ? "Opening checkout\u2026" : activePackObj?.custom ? "Choose amount" : activePackObj ? `Buy ${formatMinorPrice(activePackObj.priceMinor, activePackObj.currency, locale)}` : "Buy credits"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx7("p", { className: "text-[12px] leading-5 text-muted-foreground", children: showBuy ? "Credits are consumed as the agent runs (priced from model token usage). Checkout opens in a new tab; your balance updates automatically when payment completes." : "Credits are consumed as the agent runs (priced from model token usage). Purchasing more credits is not available in this deployment yet." }),
+        /* @__PURE__ */ jsxs6("details", { onToggle: (e) => {
+          if (e.currentTarget.open && history.entries === null && !history.loading) void history.load();
+        }, children: [
+          /* @__PURE__ */ jsx7("summary", { className: "cursor-pointer text-[12px] font-medium text-foreground", children: "Recent activity" }),
+          /* @__PURE__ */ jsxs6("div", { className: "mt-2", children: [
+            history.loading && /* @__PURE__ */ jsx7("p", { className: "text-[12px] text-muted-foreground", "aria-live": "polite", children: "Loading\u2026" }),
+            history.error && /* @__PURE__ */ jsx7(Notice, { role: "alert", tone: "error", description: "Could not load activity. Try again." }),
+            !history.loading && !history.error && history.entries?.length === 0 && /* @__PURE__ */ jsx7("p", { className: "text-[12px] text-muted-foreground", children: "No credit activity yet." }),
+            !history.loading && !history.error && history.entries && history.entries.length > 0 && /* @__PURE__ */ jsx7("ul", { className: "divide-y divide-border/40", children: history.entries.map((e) => /* @__PURE__ */ jsxs6("li", { className: "flex items-center justify-between gap-3 py-1.5 text-[12px]", children: [
+              /* @__PURE__ */ jsxs6("span", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx7("span", { className: "text-foreground", children: e.description }),
+                /* @__PURE__ */ jsx7("span", { className: "ml-2 text-muted-foreground", children: relativeTime(e.createdAt, locale) })
+              ] }),
+              /* @__PURE__ */ jsx7(
+                "span",
+                {
+                  style: { fontVariantNumeric: "tabular-nums" },
+                  className: e.amountMicros >= 0 ? "text-foreground" : "text-muted-foreground",
+                  children: formatSignedCreditMicros(e.amountMicros, currency, locale)
+                }
+              )
+            ] }, e.id)) })
+          ] })
+        ] }),
+        lastUpdatedAt && /* @__PURE__ */ jsxs6("p", { className: "text-[11px] text-muted-foreground", children: [
+          "Updated ",
+          new Date(lastUpdatedAt).toLocaleTimeString(locale)
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/app/front/credits/useCheckoutReturnHandler.ts
+import { useEffect as useEffect5, useState as useState8 } from "react";
+var CONFIRM_SCHEDULE_MS = [0, 1500, 3e3, 6e3, 1e4, 15e3, 22e3, 3e4, 45e3, 6e4];
+async function fetchBalance(apiBaseUrl) {
+  try {
+    const res = await fetch(`${apiBaseUrl}/api/credits/balance`, { credentials: "include" });
+    if (!res.ok) return null;
+    return await res.json();
+  } catch {
+    return null;
+  }
+}
+function clearStoredBaseline() {
+  try {
+    window.localStorage.removeItem(CHECKOUT_BASELINE_STORAGE_KEY);
+  } catch {
+  }
+}
+function takeStoredBaseline(now) {
+  try {
+    const raw = window.localStorage.getItem(CHECKOUT_BASELINE_STORAGE_KEY);
+    if (raw === null) return null;
+    window.localStorage.removeItem(CHECKOUT_BASELINE_STORAGE_KEY);
+    const parsed = JSON.parse(raw);
+    const net = Number(parsed?.net);
+    const ts = Number(parsed?.ts);
+    if (!Number.isFinite(net) || !Number.isFinite(ts)) return null;
+    if (now - ts > CHECKOUT_BASELINE_TTL_MS) return null;
+    return { net, userId: typeof parsed?.userId === "string" ? parsed.userId : void 0 };
+  } catch {
+    return null;
+  }
+}
+function useCheckoutReturnHandler({ apiBaseUrl = "", param = "checkout" } = {}) {
+  const [status, setStatus] = useState8("idle");
+  useEffect5(() => {
+    if (typeof window === "undefined") return;
+    const url = new URL(window.location.href);
+    const marker = url.searchParams.get(param);
+    if (!marker) return;
+    url.searchParams.delete(param);
+    window.history.replaceState(window.history.state, "", url.toString());
+    if (marker === "cancelled") {
+      clearStoredBaseline();
+      setStatus("cancelled");
+      return;
+    }
+    let cancelled = false;
+    const timers = [];
+    let channel = null;
+    setStatus("checking");
+    const stored = takeStoredBaseline(Date.now());
+    let baseline = null;
+    void (async () => {
+      window.dispatchEvent(new Event(CREDITS_REFRESH_EVENT));
+      try {
+        channel = new BroadcastChannel("credits");
+        channel.postMessage("refresh");
+      } catch {
+      }
+      for (const delay of CONFIRM_SCHEDULE_MS) {
+        timers.push(setTimeout(async () => {
+          if (cancelled) return;
+          const bal = await fetchBalance(apiBaseUrl);
+          if (cancelled || !bal) return;
+          if (baseline === null) {
+            baseline = stored && stored.userId === bal.userId ? stored.net : creditNetMicros(bal);
+          }
+          if (creditNetMicros(bal) > baseline) {
+            setStatus("confirmed");
+            cancelled = true;
+            window.dispatchEvent(new Event(CREDITS_REFRESH_EVENT));
+            try {
+              channel?.postMessage("refresh");
+            } catch {
+            }
+          }
+        }, delay));
+      }
+      timers.push(setTimeout(() => {
+        if (!cancelled) setStatus((s) => s === "checking" ? "processing" : s);
+      }, CONFIRM_SCHEDULE_MS[CONFIRM_SCHEDULE_MS.length - 1] + 2e3));
+    })();
+    return () => {
+      cancelled = true;
+      for (const t of timers) clearTimeout(t);
+      channel?.close();
+    };
+  }, [apiBaseUrl, param]);
+  return { status, dismiss: () => setStatus("idle") };
+}
+
+// src/app/front/credits/CheckoutReturnBanner.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var COPY = {
+  checking: { tone: "info", text: "Checking your payment\u2026" },
+  confirmed: { tone: "success", text: "Credits added \u2014 thank you!" },
+  // Reached on timeout WITHOUT a confirmed balance increase: don't claim the payment
+  // was received (we can't confirm that from the client), just that it's still pending.
+  processing: { tone: "info", text: "Your purchase is still being confirmed \u2014 credits usually appear within a minute. Refresh if it doesn\u2019t update." },
+  cancelled: { tone: "warning", text: "Checkout cancelled \u2014 no charge was made." }
+};
+function CheckoutReturnBanner({ apiBaseUrl = "", param }) {
+  const { status, dismiss } = useCheckoutReturnHandler({ apiBaseUrl, ...param ? { param } : {} });
+  if (status === "idle") return null;
+  const copy = COPY[status];
+  if (!copy) return null;
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "data-tone": copy.tone,
+      style: {
+        position: "fixed",
+        bottom: 16,
+        right: 16,
+        zIndex: 1e3,
+        maxWidth: 360,
+        display: "flex",
+        alignItems: "center",
+        gap: 12,
+        padding: "10px 12px",
+        borderRadius: 8,
+        fontSize: 13,
+        background: "var(--color-surface, #fff)",
+        color: "var(--color-foreground, inherit)",
+        border: "1px solid var(--color-border, rgba(0,0,0,0.12))",
+        boxShadow: "0 4px 16px rgba(0,0,0,0.12)"
+      },
+      children: [
+        /* @__PURE__ */ jsx8("span", { children: copy.text }),
+        /* @__PURE__ */ jsx8(
+          "button",
+          {
+            type: "button",
+            onClick: dismiss,
+            "aria-label": "Dismiss",
+            style: { marginLeft: "auto", background: "none", border: "none", cursor: "pointer", fontSize: 16, lineHeight: 1, color: "inherit" },
+            children: "\xD7"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/app/front/credits/BuyCreditsNoticeAction.tsx
+import { useState as useState9 } from "react";
+import { Button as Button3 } from "@hachej/boring-ui-kit";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function BuyCreditsNoticeAction({ apiBaseUrl = "", label = "Buy credits" }) {
+  const { buy, buying, balance, hidden } = useCreditBalance({ apiBaseUrl, pollMs: 6e4 });
+  const [error, setError] = useState9(null);
+  if (hidden || !balance || balance.checkoutEnabled === false) return null;
+  const onBuy = async () => {
+    setError(null);
+    const message = await buy();
+    if (message) setError(message);
+  };
+  return /* @__PURE__ */ jsxs8("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
+    /* @__PURE__ */ jsx9(
+      Button3,
+      {
+        type: "button",
+        size: "sm",
+        onClick: () => void onBuy(),
+        disabled: buying,
+        className: "bg-foreground text-background hover:bg-foreground/90",
+        children: buying ? "Opening\u2026" : label
+      }
+    ),
+    error ? /* @__PURE__ */ jsx9("span", { role: "alert", className: "text-xs text-destructive", children: error }) : null
+  ] });
+}
 export {
-  CoreWorkspaceAgentFront
+  BuyCreditsNoticeAction,
+  CREDITS_REFRESH_EVENT,
+  CheckoutReturnBanner,
+  CoreWorkspaceAgentFront,
+  CreditBalanceBadge,
+  CreditsSettingsPanel,
+  DefaultTopBarRight,
+  PAYMENT_REQUIRED_ERROR_CODE,
+  formatCreditMicros,
+  formatMinorPrice,
+  formatSignedCreditMicros,
+  isLowBalance,
+  isPaymentRequiredNotice,
+  useCheckoutReturnHandler,
+  useCreditBalance,
+  useCreditHistory
 };