@iloveagents/foundry-web-ui 0.1.0 → 0.1.2

package/src/lib/use-new-conversation.test.tsx

@@ -39,6 +39,18 @@ function Trigger() {
   );
 }
 
+function PreserveNavigationTrigger() {
+  const handleNewConversation = useNewConversation({
+    navigateToChat: false,
+    preserveNavigation: true,
+  });
+  return (
+    <button type="button" onClick={handleNewConversation}>
+      New Bubble Thread
+    </button>
+  );
+}
+
 describe("useNewConversation", () => {
   let container: HTMLDivElement;
   let root: Root;
@@ -121,4 +133,30 @@ describe("useNewConversation", () => {
     expect(citationStore.getState().results).toEqual([]);
     expect(citationStore.getState().handler).toBeNull();
   });
+
+  it("can reset the thread without leaving the current page", async () => {
+    await act(async () => {
+      root.render(
+        <MemoryRouter initialEntries={["/spaces/demo"]}>
+          <PreserveNavigationTrigger />
+          <LocationProbe />
+        </MemoryRouter>,
+      );
+    });
+
+    const button = container.querySelector("button");
+    expect(button).toBeTruthy();
+
+    await act(async () => {
+      button?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+    });
+
+    expect(container.querySelector('[data-testid="location"]')?.textContent).toBe("/spaces/demo");
+    expect(switchToNewThread).toHaveBeenCalledTimes(1);
+    expect(resetThread).toHaveBeenCalledTimes(1);
+    expect(useAppStore.getState().currentPage).toBe("/spaces/demo");
+    expect(useAppStore.getState().navContext.label).toBe("Demo");
+    expect(useAppStore.getState().threadActive).toBe(false);
+    expect(useAppStore.getState().contextItems).toEqual([]);
+  });
 });

package/src/lib/use-new-conversation.ts

@@ -12,7 +12,7 @@ import { useSidebarStore } from "./sidebar-store.ts";
  * Shared hook for starting a new conversation.
  * Used by ChatHeader and Sidebar to keep behavior in sync.
  */
-export function useNewConversation() {
+export function useNewConversation(options?: { navigateToChat?: boolean; preserveNavigation?: boolean }) {
   const aui = useAui();
   const { resetThread } = useAGUIAdapter();
   const navigate = useNavigate();
@@ -22,12 +22,33 @@ export function useNewConversation() {
   const clearCitations = useStore(citationStore, (s) => s.clear);
 
   return useCallback(() => {
+    const preserved = options?.preserveNavigation
+      ? {
+          currentPage: useAppStore.getState().currentPage,
+          navContext: useAppStore.getState().navContext,
+        }
+      : null;
     closePanel();
     resetApp();
+    if (preserved) {
+      useAppStore.setState(preserved);
+    }
     closeMobile();
     clearCitations();
     resetThread();
     aui.threads().switchToNewThread();
-    navigate("/");
-  }, [closePanel, resetApp, closeMobile, clearCitations, resetThread, aui, navigate]);
+    if (options?.navigateToChat ?? true) {
+      navigate("/");
+    }
+  }, [
+    closePanel,
+    resetApp,
+    options?.preserveNavigation,
+    closeMobile,
+    clearCitations,
+    resetThread,
+    aui,
+    options?.navigateToChat,
+    navigate,
+  ]);
 }

package/src/ui/dropdown-menu.tsx

@@ -36,7 +36,11 @@ export const DropdownMenuItem = forwardRef<
   <DropdownMenuPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
+      // ``gap-2`` is the same icon-to-text spacing the framework's
+      // Button primitive uses, so a ``<lucide-icon /> Label`` pattern
+      // inside any menu item renders consistently everywhere without
+      // the consumer needing to remember the override.
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none",
       "transition-colors focus:bg-accent focus:text-accent-foreground",
       "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className,