feat(canvas): open New task in channels space from channels sidebar

The New task button in the channels sidebar now opens the new-task
screen at /website/new instead of jumping to /code, keeping the channels
chrome. The route renders the same shared TaskInput (with the same
prefill) as the /code/ index, so the page stays single-source.

openTaskInput gains a `space` option; SidebarNavSection passes
space: "website" when it renders inside the channels space.

Generated-By: PostHog Code
Task-Id: 93824635-f0b3-4b9d-bf15-f31a4e505939

Author: raquelmsmith

packages/ui/src/features/sidebar/components/SidebarNavSection.tsx

@@ -54,6 +54,8 @@ export function SidebarNavSection() {
   const inChannels = useRouterState({
     select: (s) => s.location.pathname.startsWith("/website"),
   });
+  const goNewTask = () =>
+    openTaskInput(inChannels ? { space: "website" } : undefined);
   const goHome = inChannels ? navigateToWebsiteHome : navigateToHome;
   const goSkills = inChannels ? navigateToWebsiteSkills : navigateToSkills;
   const goMcpServers = inChannels
@@ -100,7 +102,7 @@ export function SidebarNavSection() {
   return (
     <Flex direction="column" className="shrink-0 gap-px px-2 py-2">
       <Box mb="2">
-        <NewTaskItem isActive={isHomeActive} onClick={openTaskInput} />
+        <NewTaskItem isActive={isHomeActive} onClick={goNewTask} />
       </Box>
 
       {homeTabEnabled && (

packages/ui/src/router/navigationBridge.ts

@@ -100,6 +100,10 @@ export function navigateToMcpServers(): void {
 // sidebar keeps the channels chrome instead of switching back to Code. The
 // SidebarNavSection picks the right variant based on the active space.
 
+export function navigateToWebsiteNew(): void {
+  void getRouterOrNull()?.navigate({ to: "/website/new" });
+}
+
 export function navigateToWebsiteHome(): void {
   void getRouterOrNull()?.navigate({ to: "/website/home" });
 }

packages/ui/src/router/routeTree.gen.ts

@@ -0,0 +1,26 @@
+import { TaskInput } from "@posthog/ui/features/task-detail/components/TaskInput";
+import { useAppView } from "@posthog/ui/router/useAppView";
+import { createFileRoute } from "@tanstack/react-router";
+
+// Channels-space mirror of the /code/ new-task screen. Renders the same shared
+// TaskInput (reading the same prefill) so the page stays single-source; only
+// the route entry is duplicated so opening it from the channels sidebar keeps
+// the channels chrome. (Per-channel new tasks live at /website/$channelId/new.)
+export const Route = createFileRoute("/website/new")({
+  component: WebsiteNewTaskRoute,
+});
+
+function WebsiteNewTaskRoute() {
+  const view = useAppView();
+
+  return (
+    <TaskInput
+      initialPrompt={view.initialPrompt}
+      initialPromptKey={view.taskInputRequestId}
+      initialCloudRepository={view.initialCloudRepository}
+      initialModel={view.initialModel}
+      initialMode={view.initialMode}
+      reportAssociation={view.reportAssociation}
+    />
+  );
+}

packages/ui/src/router/routes/website/new.tsx

@@ -49,6 +49,10 @@ function deriveFromMatches(matches: Match[]): AppView {
     }
     case "/code/tasks/pending/$key":
       return { type: "task-pending", pendingTaskKey: last.params.key };
+    // Channels-space new-task screen — same task-input view (and prefill merge
+    // below) as the /code/ index, so the New task item highlights identically.
+    case "/website/new":
+      return { type: "task-input" };
     case "/folders/$folderId":
       return { type: "folder-settings", folderId: last.params.folderId };
     case "/code/home":

packages/ui/src/router/useAppView.ts

@@ -55,6 +55,9 @@ export interface TaskInputNavigationOptions {
   initialModel?: string;
   initialMode?: string;
   reportAssociation?: { reportId: string; title: string };
+  // Which space's new-task screen to open. Both render the same TaskInput; the
+  // channels variant keeps the channels chrome instead of switching to Code.
+  space?: "code" | "website";
 }
 
 /**
@@ -90,7 +93,11 @@ export function openTaskInput(
         : undefined,
     },
   });
-  nav.navigateToCode();
+  if (options.space === "website") {
+    nav.navigateToWebsiteNew();
+  } else {
+    nav.navigateToCode();
+  }
 }
 
 export function useOpenTaskInput(): typeof openTaskInput {