fix(mobile): hide plan UI chip overlay

Remove the mobile plan chip/toggles that were absolutely-positioned and could cover chat content. Plan remains available in the Results drawer (Activity tab) and via the desktop plan drawer.

Author: 0xSero

frontend/src/app/chat/_components/input/tool-belt-toolbar.tsx

@@ -21,7 +21,6 @@ import {
   VolumeX,
   Plus,
   PanelRightOpen,
-  ListChecks,
 } from "lucide-react";
 import { ToolDropdown, DropdownItem } from "./tool-dropdown";
 import type { ModelOption } from "../../types";
@@ -45,10 +44,7 @@ interface ToolBeltToolbarProps {
   artifactsEnabled?: boolean;
   deepResearchEnabled?: boolean;
   isTTSEnabled?: boolean;
-  planSummary?: string | null;
   onOpenResults?: () => void;
-  planChipHidden?: boolean;
-  onTogglePlanChipHidden?: () => void;
   availableModels?: ModelOption[];
   selectedModel?: string;
   onModelChange?: (modelId: string) => void;
@@ -81,10 +77,7 @@ export const ToolBeltToolbar = memo(function ToolBeltToolbar({
   artifactsEnabled,
   deepResearchEnabled,
   isTTSEnabled,
-  planSummary,
   onOpenResults,
-  planChipHidden,
-  onTogglePlanChipHidden,
   availableModels = [],
   selectedModel,
   onModelChange,
@@ -286,26 +279,9 @@ export const ToolBeltToolbar = memo(function ToolBeltToolbar({
             </>
           )}
 
-          {onTogglePlanChipHidden && (
-            <>
-              <DropdownItem
-                icon={ListChecks}
-                label={planChipHidden ? "Show plan chip" : "Hide plan chip"}
-                isActive={!planChipHidden}
-                onClick={onTogglePlanChipHidden}
-                disabled={disabled}
-                closeOnClick
-              />
-              <div className="h-px bg-(--border) my-1" />
-            </>
-          )}
-
           {onOpenResults && (
             <>
               <DropdownItem icon={PanelRightOpen} label="Results" onClick={onOpenResults} disabled={disabled} closeOnClick />
-              {planSummary && (
-                <DropdownItem icon={ListChecks} label={planSummary} onClick={onOpenResults} disabled={disabled} closeOnClick />
-              )}
               <div className="h-px bg-(--border) my-1" />
             </>
           )}

frontend/src/app/chat/_components/input/tool-belt.tsx

@@ -50,9 +50,6 @@ interface ToolBeltProps {
   placeholder?: string;
   onStop?: () => void;
   onOpenResults?: () => void;
-  planSummary?: string | null;
-  planChipHidden?: boolean;
-  onTogglePlanChipHidden?: () => void;
   selectedModel?: string;
   availableModels?: ModelOption[];
   onModelChange?: (modelId: string) => void;
@@ -89,9 +86,6 @@ export function ToolBelt({
   placeholder = "Message...",
   onStop,
   onOpenResults,
-  planSummary,
-  planChipHidden,
-  onTogglePlanChipHidden,
   selectedModel,
   availableModels = [],
   onModelChange,
@@ -421,16 +415,6 @@ export function ToolBelt({
           }}
         >
           <div className="hidden md:block">{planDrawer}</div>
-          {planSummary && onOpenResults && (
-            <button
-              onClick={onOpenResults}
-              className="md:hidden absolute -top-3 left-3 flex items-center gap-1 px-2.5 py-1 rounded-full border border-white/10 bg-[#121212]/90 backdrop-blur text-[11px] text-[#d8d3ca] shadow-sm hover:bg-[#151515]/95 transition-colors"
-              title="Open plan"
-            >
-              <span className="inline-flex h-1.5 w-1.5 rounded-full bg-violet-300" />
-              <span className="truncate max-w-[70vw]">{planSummary}</span>
-            </button>
-          )}
           <textarea
             ref={textareaRef}
             value={isLoading ? queuedContext : value}
@@ -479,10 +463,7 @@ export function ToolBelt({
           artifactsEnabled={artifactsEnabled}
           deepResearchEnabled={deepResearchEnabled}
           isTTSEnabled={isTTSEnabled}
-          planSummary={planSummary}
           onOpenResults={onOpenResults}
-          planChipHidden={planChipHidden}
-          onTogglePlanChipHidden={onTogglePlanChipHidden}
           availableModels={availableModels}
           selectedModel={selectedModel}
           onModelChange={onModelChange}

frontend/src/app/chat/_components/layout/chat-page/use-chat-page-controller.tsx

@@ -121,9 +121,6 @@ export function useChatPageController(): ChatPageViewProps {
     })),
   );
 
-  const mobilePlanChipHidden = useAppStore((state) => state.mobilePlanChipHidden);
-  const setMobilePlanChipHidden = useAppStore((state) => state.setMobilePlanChipHidden);
-
   // Ensure agent mode is enabled (agent-first UX).
   useEffect(() => {
     if (!agentMode) setAgentMode(true);
@@ -727,14 +724,6 @@ export function useChatPageController(): ChatPageViewProps {
     setSettingsOpen(true);
   }, [setSettingsOpen]);
 
-  const planSummary = useMemo(() => {
-    if (!agentPlan?.steps?.length) return null;
-    const total = agentPlan.steps.length;
-    const done = agentPlan.steps.filter((s) => s.status === "done").length;
-    if (done >= total) return "Plan Done";
-    return `Plan ${done}/${total}`;
-  }, [agentPlan]);
-
   const handleSetSidebarTab = useCallback(
     (tab: SidebarTab) => {
       setSidebarTab(tab);
@@ -758,9 +747,6 @@ export function useChatPageController(): ChatPageViewProps {
         thinkingSnippet={thinkingSnippet}
         placeholder={selectedModel ? "Message..." : "Select a model"}
         onOpenResults={handleOpenResults}
-        planSummary={mobilePlanChipHidden ? null : planSummary}
-        planChipHidden={mobilePlanChipHidden}
-        onTogglePlanChipHidden={() => setMobilePlanChipHidden(!mobilePlanChipHidden)}
         selectedModel={selectedModel}
         availableModels={availableModels}
         onModelChange={handleModelChange}
@@ -793,10 +779,7 @@ export function useChatPageController(): ChatPageViewProps {
     handleStop,
     isLoading,
     mcpEnabled,
-    mobilePlanChipHidden,
-    planSummary,
     selectedModel,
-    setMobilePlanChipHidden,
     systemPrompt,
     thinkingSnippet,
   ]);