@hachej/boring-core 0.1.59 → 0.1.61

package/dist/app/front/chatFirst/chatFirstPublicShell.css

@@ -17,6 +17,109 @@
   );
 }
 
+/* --- Public top-bar CTA + Calendly popover --- */
+.public-topbar-actions {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.public-contact-popover-wrap {
+  position: relative;
+}
+
+.public-contact-button,
+.public-sign-in-button {
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 6px 12px;
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 1.2;
+  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
+}
+
+.public-contact-button {
+  background: var(--foreground);
+  color: var(--background);
+  border-color: var(--foreground);
+}
+
+.public-contact-button:hover {
+  background: color-mix(in oklch, var(--foreground) 88%, var(--accent));
+}
+
+.public-sign-in-button {
+  background: transparent;
+  color: var(--foreground);
+}
+
+.public-sign-in-button:hover {
+  background: var(--muted);
+}
+
+.public-contact-popover {
+  position: absolute;
+  top: calc(100% + 10px);
+  right: 0;
+  z-index: 80;
+  width: min(420px, calc(100vw - 24px));
+  overflow: hidden;
+  border: 1px solid var(--border);
+  border-radius: 18px;
+  background: var(--background);
+  box-shadow: 0 24px 80px color-mix(in oklch, var(--foreground) 18%, transparent);
+}
+
+.public-contact-popover-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  border-bottom: 1px solid var(--border);
+  padding: 10px 12px 10px 14px;
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.public-contact-popover-header button {
+  display: grid;
+  width: 28px;
+  height: 28px;
+  place-items: center;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--muted-foreground);
+  cursor: pointer;
+  font-size: 20px;
+  line-height: 1;
+}
+
+.public-contact-popover-header button:hover {
+  background: var(--muted);
+  color: var(--foreground);
+}
+
+.public-contact-popover iframe {
+  display: block;
+  width: 100%;
+  height: min(680px, calc(100vh - 120px));
+  min-height: 520px;
+  border: 0;
+  background: var(--background);
+}
+
+@media (max-width: 560px) {
+  .public-contact-popover {
+    position: fixed;
+    top: 56px;
+    right: 8px;
+    left: 8px;
+    width: auto;
+  }
+}
+
 /* --- Hand-drawn teaching annotations (public no-auth shell) --- */
 .public-arrow {
   pointer-events: none;
@@ -165,7 +268,7 @@
   padding-top: clamp(28px, 9vh, 132px);
 }
 
-/* Move the /command cards to the bottom of the hero block (after the footer),
+/* Move suggestion cards to the bottom of the hero block (after the footer),
    so they sit directly above the composer. The empty-state is a flex column,
    so `order` reorders without touching the React tree. */
 .public-chat-first-shell [data-boring-agent-part="empty-state"] .public-hero-foot {
@@ -175,7 +278,7 @@
   order: 20;
 }
 
-/* Command launcher cards — make the slash commands read as runnable. */
+/* Suggestion cards — keep example prompts visually connected to the composer. */
 .public-chat-first-shell [data-boring-agent-part="suggestion-grid"] {
   margin-top: 28px;
   max-width: 560px;

package/dist/app/front/index.d.ts

@@ -26,6 +26,16 @@ interface ChatFirstPublicShellOptions {
         label: string;
         available?: boolean;
     }>;
+    /**
+     * Optional public top-bar contact CTA. When set, the no-auth top bar shows a
+     * “Get in touch” button that opens a Calendly popover instead of asking users
+     * to discover hidden chat commands.
+     */
+    contact?: {
+        label?: string;
+        calendlyUrl: string;
+        title?: string;
+    };
     /**
      * Hand-drawn "Ask your AI here" / "Review its work here" annotations point at the
      * composer and the workspace surface to teach the empty public shell. Apps

package/dist/app/front/index.js

@@ -9,7 +9,7 @@ import {
   useSignIn,
   useSignUp,
   useWorkspaceRouteStatus
-} from "../../chunk-Q53N4QUK.js";
+} from "../../chunk-NC46VGXS.js";
 import "../../chunk-HYNKZSTF.js";
 import {
   isRuntimeEmailVerificationEnabled
@@ -18,7 +18,7 @@ import "../../chunk-QZGYKLXB.js";
 import "../../chunk-MLKGABMK.js";
 
 // src/app/front/CoreWorkspaceAgentFront.tsx
-import { useEffect as useEffect3, useMemo, useState as useState3 } from "react";
+import { useEffect as useEffect2, useMemo, useState as useState3 } from "react";
 import { Navigate, Route, useLocation as useLocation2, useParams } from "react-router-dom";
 import { WorkspaceProvider } from "@hachej/boring-workspace";
 import { ErrorState } from "@hachej/boring-ui-kit";
@@ -103,10 +103,9 @@ function ChatFirstAuthenticatedShell({
 }
 
 // src/app/front/chatFirst/ChatFirstPublicShell.tsx
-import { useEffect as useEffect2, useRef, useState as useState2 } from "react";
+import { 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";
@@ -265,6 +264,25 @@ function readComposerDraftFromDom() {
   const input = document.querySelector('[data-boring-agent-part="composer-input"]');
   return input?.value ?? "";
 }
+function PublicTopBarActions({
+  contact,
+  onSignIn
+}) {
+  const [contactOpen, setContactOpen] = useState2(false);
+  return /* @__PURE__ */ jsxs3("div", { className: "public-topbar-actions", children: [
+    contact ? /* @__PURE__ */ jsxs3("div", { className: "public-contact-popover-wrap", children: [
+      /* @__PURE__ */ jsx4("button", { type: "button", className: "public-contact-button", onClick: () => setContactOpen((open) => !open), children: contact.label ?? "Get in touch" }),
+      contactOpen ? /* @__PURE__ */ jsxs3("div", { className: "public-contact-popover", role: "dialog", "aria-label": contact.title ?? "Schedule a call", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "public-contact-popover-header", children: [
+          /* @__PURE__ */ jsx4("span", { children: contact.title ?? "Schedule a call" }),
+          /* @__PURE__ */ jsx4("button", { type: "button", "aria-label": "Close contact popover", onClick: () => setContactOpen(false), children: "\xD7" })
+        ] }),
+        /* @__PURE__ */ jsx4("iframe", { title: contact.title ?? "Schedule a call", src: contact.calendlyUrl, loading: "lazy" })
+      ] }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsx4("button", { type: "button", className: "public-sign-in-button", onClick: onSignIn, children: "Sign in" })
+  ] });
+}
 function ChatFirstPublicShell({
   appTitle,
   intendedWorkspaceId,
@@ -273,7 +291,6 @@ 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;
@@ -284,91 +301,6 @@ function ChatFirstPublicShell({
     writePendingChatEntry({ draft, returnTo: pendingReturnTo, ...intendedWorkspaceId ? { intendedWorkspaceId } : {} });
     setModalOpen(true);
   };
-  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: [
@@ -411,9 +343,9 @@ function ChatFirstPublicShell({
           ...workspaceProps,
           // No-auth landing should open with the workspace surface closed —
           // a fresh load/hard refresh shows just the hero, not a re-opened
-          // panel. The /landing-page command still opens it on demand.
-          defaultSurfaceOpen: false,
-          topBarRight: /* @__PURE__ */ jsx4("button", { type: "button", className: "rounded-md border border-border px-3 py-1.5 text-sm font-medium hover:bg-muted", onClick: () => openAuth(), children: "Sign in" }),
+          // panel unless the app explicitly overrides defaultSurfaceOpen.
+          defaultSurfaceOpen: workspaceProps.defaultSurfaceOpen ?? false,
+          topBarRight: /* @__PURE__ */ jsx4(PublicTopBarActions, { contact: publicShell?.contact, onSignIn: () => openAuth() }),
           // No-auth shell has no real session yet — show just the brand, hide the
           // "· New session" placeholder that the default TopBar would render.
           topBarLeft: /* @__PURE__ */ jsxs3(Fragment2, { children: [
@@ -433,7 +365,7 @@ function ChatFirstPublicShell({
           chatParams: {
             ...workspaceProps.chatParams,
             emptyPlacement: "hero",
-            composerPlaceholder: publicShell?.composerPlaceholder ?? "Type /landing-page or /reach-out",
+            composerPlaceholder: publicShell?.composerPlaceholder ?? "Sign in to continue in a private workspace",
             hideComposerSettings: !showComposerSettings,
             suppressPreSubmitCancelledWarning: true,
             thinkingControl: showComposerSettings,
@@ -448,10 +380,10 @@ function ChatFirstPublicShell({
               ...publicShell?.emptyState
             },
             suggestions: publicShell?.suggestions ?? defaultPublicSuggestions,
-            commands: publicCommands,
+            commands: [],
             excludeBuiltinCommands: builtinCommands.map((command) => command.name),
             onBeforeSubmit: (draft) => {
-              if (!runPublicCommand(draft)) openAuth(draft);
+              openAuth(draft);
               return false;
             }
           }
@@ -563,7 +495,7 @@ function usePendingChatDraft() {
   const session = useSession();
   const userId = session.data?.user?.id ?? null;
   const [pending, setPending] = useState3(() => userId ? readPendingChatEntry() : null);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!userId) {
       setPending(null);
       return;
@@ -1004,7 +936,7 @@ function isPaymentRequiredNotice(notice) {
 }
 
 // src/app/front/credits/useCreditBalance.ts
-import { useCallback, useEffect as useEffect4, useRef as useRef2, useState as useState4 } from "react";
+import { useCallback, useEffect as useEffect3, useRef, 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;
@@ -1020,11 +952,11 @@ function useCreditBalance({
   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 buyingRef = useRef(false);
+  const burstRef = useRef(0);
+  const timersRef = useRef([]);
+  const burstActiveRef = useRef(false);
+  const balanceRef = useRef(null);
   const refresh = useCallback(async () => {
     setUpdating(true);
     try {
@@ -1073,7 +1005,7 @@ function useCreditBalance({
       }, delay)
     );
   }, [refresh]);
-  useEffect4(() => {
+  useEffect3(() => {
     void refresh();
     const interval = setInterval(() => void refresh(), pollMs);
     const onFocus = () => void refresh();
@@ -1403,7 +1335,7 @@ function CreditsSettingsPanel({ apiBaseUrl = "", locale }) {
 }
 
 // src/app/front/credits/useCheckoutReturnHandler.ts
-import { useEffect as useEffect5, useState as useState8 } from "react";
+import { useEffect as useEffect4, useState as useState8 } from "react";
 var CONFIRM_SCHEDULE_MS = [0, 1500, 3e3, 6e3, 1e4, 15e3, 22e3, 3e4, 45e3, 6e4];
 async function fetchBalance(apiBaseUrl) {
   try {
@@ -1437,7 +1369,7 @@ function takeStoredBaseline(now) {
 }
 function useCheckoutReturnHandler({ apiBaseUrl = "", param = "checkout" } = {}) {
   const [status, setStatus] = useState8("idle");
-  useEffect5(() => {
+  useEffect4(() => {
     if (typeof window === "undefined") return;
     const url = new URL(window.location.href);
     const marker = url.searchParams.get(param);

package/dist/app/server/index.js

@@ -983,6 +983,7 @@ async function startCoreWorkspaceAgentDevServer({
       proxy: {
         "/api": apiTarget,
         "/health": apiTarget,
+        "/dev-login": apiTarget,
         "/auth": {
           target: apiTarget,
           changeOrigin: true,