fix: filter hidden internal agents from UI and updated sdk version

packages/ui/src/components/chat/AgentMentionAutocomplete.tsx

@@ -34,10 +34,11 @@ export const AgentMentionAutocomplete = React.forwardRef<AgentMentionAutocomplet
   const containerRef = React.useRef<HTMLDivElement | null>(null);
   const [selectedIndex, setSelectedIndex] = React.useState(0);
   const [agents, setAgents] = React.useState<AgentInfo[]>([]);
-  const { agents: allAgents } = useConfigStore();
+  const { getVisibleAgents } = useConfigStore();
 
   React.useEffect(() => {
-    const filtered = allAgents
+    const visibleAgents = getVisibleAgents();
+    const filtered = visibleAgents
       .filter((agent) => isMentionable(agent.mode))
       .map((agent) => ({
         name: agent.name,
@@ -54,7 +55,7 @@ export const AgentMentionAutocomplete = React.forwardRef<AgentMentionAutocomplet
 
     setAgents(matches);
     setSelectedIndex(0);
-  }, [allAgents, searchQuery]);
+  }, [getVisibleAgents, searchQuery]);
 
   React.useEffect(() => {
     const handlePointerDown = (event: MouseEvent | TouchEvent) => {

packages/ui/src/components/chat/ChatInput.tsx

@@ -72,7 +72,8 @@ export const ChatInput: React.FC<ChatInputProps> = ({ onOpenSettings, scrollToBo
     const clearAttachedFiles = useSessionStore((state) => state.clearAttachedFiles);
     const saveSessionAgentSelection = useSessionStore((state) => state.saveSessionAgentSelection);
 
-    const { currentProviderId, currentModelId, currentAgentName, agents, setAgent } = useConfigStore();
+    const { currentProviderId, currentModelId, currentAgentName, setAgent, getVisibleAgents } = useConfigStore();
+    const agents = getVisibleAgents();
     const { isMobile } = useUIStore();
     const { working } = useAssistantStatus();
     const [showAbortStatus, setShowAbortStatus] = React.useState(false);

packages/ui/src/components/chat/ModelControls.tsx

@@ -209,7 +209,6 @@ interface ModelControlsProps {
 export const ModelControls: React.FC<ModelControlsProps> = ({ className }) => {
     const {
         providers,
-        agents,
         currentProviderId,
         currentModelId,
         currentAgentName,
@@ -219,8 +218,12 @@ export const ModelControls: React.FC<ModelControlsProps> = ({ className }) => {
         getCurrentProvider,
         getModelMetadata,
         getCurrentAgent,
+        getVisibleAgents,
     } = useConfigStore();
 
+    // Use visible agents (excludes hidden internal agents)
+    const agents = getVisibleAgents();
+
     const {
         currentSessionId,
         messages,

packages/ui/src/components/sections/agents/AgentsSidebar.tsx

@@ -19,7 +19,7 @@ import {
     DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
 import { RiAddLine, RiAiAgentFill, RiAiAgentLine, RiDeleteBinLine, RiFileCopyLine, RiMore2Line, RiRobot2Line, RiRobotLine } from '@remixicon/react';
-import { useAgentsStore } from '@/stores/useAgentsStore';
+import { useAgentsStore, isAgentBuiltIn, isAgentHidden } from '@/stores/useAgentsStore';
 import { useUIStore } from '@/stores/useUIStore';
 import { useDeviceInfo } from '@/lib/device';
 import { cn } from '@/lib/utils';
@@ -66,7 +66,7 @@ export const AgentsSidebar: React.FC = () => {
     };
 
     const handleDeleteAgent = async (agent: Agent) => {
-        if (agent.builtIn) {
+        if (isAgentBuiltIn(agent)) {
             toast.error('Built-in agents cannot be deleted');
             return;
         }
@@ -112,8 +112,10 @@ export const AgentsSidebar: React.FC = () => {
         }
     };
 
-    const builtInAgents = agents.filter((agent) => agent.builtIn);
-    const customAgents = agents.filter((agent) => !agent.builtIn);
+    // Filter out hidden agents (internal agents like title, compaction, summary)
+    const visibleAgents = agents.filter((agent) => !isAgentHidden(agent));
+    const builtInAgents = visibleAgents.filter(isAgentBuiltIn);
+    const customAgents = visibleAgents.filter((agent) => !isAgentBuiltIn(agent));
 
     return (
         <div className="flex h-full flex-col bg-sidebar">
@@ -122,7 +124,7 @@ export const AgentsSidebar: React.FC = () => {
                     <div className="flex items-center justify-between gap-2">
                         <h2 className="typography-ui-label font-semibold text-foreground">Agents</h2>
                         <div className="flex items-center gap-1">
-                            <span className="typography-meta text-muted-foreground">{agents.length}</span>
+                            <span className="typography-meta text-muted-foreground">{visibleAgents.length}</span>
                             <DialogTrigger asChild>
                                 <Button type="button" variant="ghost" size="icon" className="h-7 w-7 text-muted-foreground">
                                     <RiAddLine className="size-4" />
@@ -133,7 +135,7 @@ export const AgentsSidebar: React.FC = () => {
                 </div>
 
                 <ScrollableOverlay outerClassName="flex-1 min-h-0" className="space-y-1 px-3 py-2 overflow-x-hidden">
-                    {agents.length === 0 ? (
+                    {visibleAgents.length === 0 ? (
                         <div className="py-12 px-4 text-center text-muted-foreground">
                             <RiRobot2Line className="mx-auto mb-3 h-10 w-10 opacity-50" />
                             <p className="typography-ui-label font-medium">No agents configured</p>
@@ -297,7 +299,7 @@ const AgentListItem: React.FC<AgentListItemProps> = ({
                                 Duplicate
                             </DropdownMenuItem>
 
-                            {!agent.builtIn && onDelete && (
+                            {!isAgentBuiltIn(agent) && onDelete && (
                                 <DropdownMenuItem
                                     onClick={(e) => {
                                         e.stopPropagation();

packages/ui/src/components/sections/commands/AgentSelector.tsx

@@ -23,7 +23,8 @@ export const AgentSelector: React.FC<AgentSelectorProps> = ({
     onChange,
     className
 }) => {
-    const { agents, loadAgents } = useAgentsStore();
+    const { loadAgents, getVisibleAgents } = useAgentsStore();
+    const agents = getVisibleAgents();
     const isMobile = useUIStore(state => state.isMobile);
     const { isMobile: deviceIsMobile } = useDeviceInfo();
     const isActuallyMobile = isMobile || deviceIsMobile;