enhance: toggle access nanobot legacy chat (#5899)

* enhance: toggle launch chat/agent access based on flags
* remove deep research prompt for now

Author: ivyjeong13

ui/user/src/lib/components/Layout.svelte

@@ -118,6 +118,32 @@
 	let isBootStrapUser = $derived(profile.current.isBootstrapUser?.() ?? false);
 	let isAtLeastPowerUserPlus = $derived(profile.current.groups.includes(Group.POWERUSER_PLUS));
 	let isAtLeastPowerUser = $derived(profile.current.groups.includes(Group.POWERUSER));
+	let chatLinks = $derived<NavLink[]>([
+		...(version.current.disableLegacyChat !== true
+			? [
+					{
+						id: 'legacy-chat',
+						href: '/chat',
+						icon: MessageCircle,
+						label: 'Launch Chat',
+						disabled: isBootStrapUser,
+						collapsible: false
+					}
+				]
+			: []),
+		...(version.current.nanobotIntegration
+			? [
+					{
+						id: 'nanobot-chat',
+						href: '/nanobot',
+						icon: BotMessageSquare,
+						disabled: isBootStrapUser,
+						label: 'Launch Agent',
+						collapsible: false
+					}
+				]
+			: [])
+	]);
 	let navLinks = $derived<NavLink[]>(
 		profile.current.hasAdminAccess?.()
 			? [
@@ -235,26 +261,7 @@
 								disabled: isBootStrapUser,
 								collapsible: false
 							},
-							{
-								id: 'chat',
-								href: '/chat',
-								icon: MessageCircle,
-								label: 'Launch Chat',
-								disabled: isBootStrapUser,
-								collapsible: false
-							},
-							...(version.current.nanobotIntegration
-								? [
-										{
-											id: 'nanobot',
-											href: '/nanobot',
-											icon: BotMessageSquare,
-											disabled: isBootStrapUser,
-											label: 'Launch Nanobot',
-											collapsible: false
-										}
-									]
-								: [])
+							...chatLinks
 						]
 					},
 					{
@@ -362,25 +369,7 @@
 								}
 							]
 						},
-						{
-							id: 'chat',
-							href: '/chat',
-							icon: MessageCircle,
-							label: 'Chat',
-							disabled: isBootStrapUser,
-							collapsible: false
-						},
-						...(version.current.nanobotIntegration
-							? [
-									{
-										id: 'nanobot',
-										href: '/nanobot',
-										icon: BotMessageSquare,
-										label: 'Launch Nanobot',
-										collapsible: false
-									}
-								]
-							: [])
+						...chatLinks
 					]
 				: [
 						{
@@ -391,14 +380,7 @@
 							disabled: false,
 							collapsible: false
 						},
-						{
-							id: 'chat',
-							href: '/chat',
-							icon: MessageCircle,
-							label: 'Chat',
-							disabled: isBootStrapUser,
-							collapsible: false
-						}
+						...chatLinks
 					]
 	);
 

ui/user/src/lib/components/nanobot/ProjectStartThread.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { ChatService } from '$lib/services/nanobot/chat/index.svelte';
 	import Thread from '$lib/components/nanobot/Thread.svelte';
-	import { Binoculars, MessageCircle, Sparkles } from 'lucide-svelte';
+	import { MessageCircle, Sparkles } from 'lucide-svelte';
 	import { AdminService, NanobotService } from '$lib/services';
 	import { errors } from '$lib/stores';
 	import Confirm from '$lib/components/Confirm.svelte';
@@ -90,20 +90,6 @@
 									Design and execute an agentic workflow through conversation
 								</p>
 							</button>
-							<button
-								class="bg-base-200 dark:border-base-300 rounded-field col-span-1 h-full p-4 text-left shadow-sm"
-								onclick={() => {
-									chat?.sendMessage(
-										'I want you to perform deep research on a topic. Help me get started.'
-									);
-								}}
-							>
-								<Binoculars class="mb-4 size-5" />
-								<h3 class="text-base font-semibold">Deep research a topic</h3>
-								<p class="text-base-content/50 text-sm font-light">
-									Get a thorough, evidence-backed report on complex topics
-								</p>
-							</button>
 							<button
 								class="bg-base-200 dark:border-base-300 rounded-field col-span-1 h-full p-4 text-left shadow-sm"
 								onclick={() => {

ui/user/src/lib/components/navbar/Profile.svelte

@@ -14,7 +14,8 @@
 		MessageCircle,
 		CircleFadingArrowUp,
 		LayoutDashboard,
-		KeyRound
+		KeyRound,
+		BotMessageSquare
 	} from 'lucide-svelte/icons';
 	import { twMerge } from 'tailwind-merge';
 	import { version } from '$lib/stores';
@@ -74,7 +75,10 @@
 
 	afterNavigate(() => {
 		inAdminRoute = window.location.pathname.includes('/admin');
-		showChatLink = !window.location.pathname.startsWith('/o') || inAdminRoute;
+		showChatLink =
+			(!window.location.pathname.startsWith('/o') &&
+				!window.location.pathname.startsWith('/nanobot')) ||
+			inAdminRoute;
 		showMcpManagement = ['/o', '/profile', '/nanobot'].some((path) =>
 			window.location.pathname.startsWith(path)
 		);
@@ -149,7 +153,7 @@
 	{/snippet}
 	{#snippet body()}
 		<div class="flex flex-col gap-2 px-2 pb-4">
-			{#if showChatLink}
+			{#if showChatLink && version.current.disableLegacyChat !== true}
 				<button
 					class="dropdown-link"
 					onclick={async (event) => {
@@ -176,7 +180,17 @@
 					}}
 				>
 					<MessageCircle class="size-4" />
-					Chat
+					Launch Chat
+				</button>
+			{/if}
+			{#if showChatLink && version.current.nanobotIntegration}
+				<button
+					class="dropdown-link"
+					onclick={async (event) => {
+						navigateTo('/nanobot', event?.ctrlKey || event?.metaKey);
+					}}
+				>
+					<BotMessageSquare class="size-4" /> Launch Agent
 				</button>
 			{/if}
 			{#if showMcpManagement}

ui/user/src/lib/services/chat/types.ts

@@ -167,6 +167,7 @@ export interface Version {
 	engine?: 'docker' | 'kubernetes' | 'local';
 	autonomousToolUseEnabled?: boolean;
 	nanobotIntegration?: boolean;
+	disableLegacyChat?: boolean;
 }
 
 export interface Profile {