@nextclaw/ui 0.12.25 → 0.12.27

package/dist/assets/{use-infinite-scroll-loader-Cvz8ZteY.js → use-infinite-scroll-loader-DF2e6nQ2.js}

@@ -1 +1 @@
-import{_ as e,m as t,p as n,r}from"./i18n-D1144VAA.js";import{$t as i,Bt as a,Qt as o,Zt as s,en as c}from"./api-DGD9_Bg4.js";import{t as l}from"./createLucideIcon-DzY6wN61.js";import{a as u,i as d,n as f,r as p,t as m}from"./select-BUTwE_lC.js";import{_ as h}from"./index-D-AAMKCt.js";var g=class extends c{constructor(e,t){super(e,t)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(e){super.setOptions({...e,behavior:i()})}getOptimisticResult(e){return e.behavior=i(),super.getOptimisticResult(e)}fetchNextPage(e){return this.fetch({...e,meta:{fetchMore:{direction:`forward`}}})}fetchPreviousPage(e){return this.fetch({...e,meta:{fetchMore:{direction:`backward`}}})}createResult(e,t){let{state:n}=e,r=super.createResult(e,t),{isFetching:i,isRefetching:a,isError:c,isRefetchError:l}=r,u=n.fetchMeta?.fetchMore?.direction,d=c&&u===`forward`,f=i&&u===`forward`,p=c&&u===`backward`,m=i&&u===`backward`;return{...r,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:s(t,n.data),hasPreviousPage:o(t,n.data),isFetchNextPageError:d,isFetchingNextPage:f,isFetchPreviousPageError:p,isFetchingPreviousPage:m,isRefetchError:l&&!d&&!p,isRefetching:a&&!f&&!m}}};function _(e,t){return a(e,g,t)}var v=l(`PackageSearch`,[[`path`,{d:`M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14`,key:`e7tb2h`}],[`path`,{d:`m7.5 4.27 9 5.15`,key:`1c824w`}],[`polyline`,{points:`3.29 7 12 12 20.71 7`,key:`ousv84`}],[`line`,{x1:`12`,x2:`12`,y1:`22`,y2:`12`,key:`a4e8g8`}],[`circle`,{cx:`18.5`,cy:`15.5`,r:`2.5`,key:`b5zd12`}],[`path`,{d:`M20.27 17.27 22 19`,key:`1l4muz`}]]);function y(e){if(!e||e.pages.length===0)return;let t=e.pages.flatMap(e=>e.items);return{...e.pages[e.pages.length-1],items:t,pages:e.pages,loadedItems:t.length,loadedPages:e.pages.length}}var b=n();function x({scope:e,searchText:t,searchPlaceholder:n,sort:i,onSearchTextChange:a,onSortChange:o}){return(0,b.jsx)(`div`,{className:`mb-4`,children:(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsxs)(`div`,{className:`relative min-w-0 flex-1`,children:[(0,b.jsx)(v,{className:`absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400`}),(0,b.jsx)(`input`,{value:t,onChange:e=>a(e.target.value),placeholder:n,className:`h-9 w-full rounded-xl border border-gray-200/80 pl-9 pr-3 text-sm focus:outline-none focus:ring-1 focus:ring-primary/40`})]}),e===`all`&&(0,b.jsxs)(m,{value:i,onValueChange:e=>o(e),children:[(0,b.jsx)(d,{className:`h-9 w-[150px] shrink-0 rounded-lg`,children:(0,b.jsx)(u,{})}),(0,b.jsxs)(f,{children:[(0,b.jsx)(p,{value:`relevance`,children:r(`marketplaceSortRelevance`)}),(0,b.jsx)(p,{value:`updated`,children:r(`marketplaceSortUpdated`)})]})]})]})})}function S({count:e}){return(0,b.jsx)(b.Fragment,{children:Array.from({length:e},(e,t)=>(0,b.jsx)(`article`,{className:`h-full rounded-2xl border border-gray-200/40 bg-white px-5 py-4 shadow-sm`,children:(0,b.jsxs)(`div`,{className:`flex items-start justify-between gap-3.5`,children:[(0,b.jsxs)(`div`,{className:`flex min-w-0 flex-1 gap-3`,children:[(0,b.jsx)(h,{className:`h-10 w-10 shrink-0 rounded-xl`}),(0,b.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-2 pt-0.5`,children:[(0,b.jsx)(h,{className:`h-4 w-32 max-w-[70%]`}),(0,b.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,b.jsx)(h,{className:`h-3 w-12`}),(0,b.jsx)(h,{className:`h-3 w-24`})]}),(0,b.jsx)(h,{className:`h-3 w-full`})]})]}),(0,b.jsx)(h,{className:`h-8 w-20 shrink-0 rounded-xl`})]})},`marketplace-skeleton-${t}`))})}function C({hasMore:e,loading:t,sentinelRef:n}){return!e&&!t?null:(0,b.jsxs)(`div`,{className:`py-4`,children:[e&&(0,b.jsx)(`div`,{ref:n,className:`h-1 w-full`,"aria-hidden":`true`}),t&&(0,b.jsx)(`div`,{"data-testid":`marketplace-loading-more`,className:`pt-3 text-center text-xs text-gray-500`,children:r(`loading`)})]})}function w(e){let t=e.trim().toLowerCase().replace(/_/g,`-`),n=[t,t.split(`-`)[0],`en`];return Array.from(new Set(n.filter(Boolean)))}function T(e){return e.trim().toLowerCase().replace(/_/g,`-`)}function E(e,t,n){if(e){let t=Object.entries(e).map(([e,t])=>({locale:T(e),text:typeof t==`string`?t.trim():``})).filter(e=>e.text.length>0);if(t.length>0){let e=new Map(t.map(e=>[e.locale,e.text]));for(let t of n){let n=T(t),r=e.get(n);if(r)return r}for(let e of n){let n=T(e).split(`-`)[0];if(!n)continue;let r=t.find(e=>e.locale===n||e.locale.startsWith(`${n}-`));if(r)return r.text}return t[0]?.text??``}}return t?.trim()??``}function D(e,t){if(!e)return``;for(let n of t)if(T(n).split(`-`)[0]===`zh`&&e.descriptionZh?.trim())return e.descriptionZh.trim();return e.description?.trim()?e.description.trim():e.descriptionZh?.trim()?e.descriptionZh.trim():``}var O=e(t(),1),k=160;function A(e){let t=(0,O.useRef)(null),n=(0,O.useRef)(null),r=(0,O.useRef)(e.onLoadMore),i=(0,O.useRef)(!1);return(0,O.useEffect)(()=>{r.current=e.onLoadMore},[e.onLoadMore]),(0,O.useEffect)(()=>{e.disabled&&(i.current=!1)},[e.disabled]),(0,O.useEffect)(()=>{let a=t.current,o=n.current,s=e.thresholdPx??k;if(e.disabled||!a||!o)return;let c=()=>{i.current||e.disabled||(i.current=!0,Promise.resolve(r.current()).finally(()=>{i.current=!1}))},l=()=>{o.getBoundingClientRect().top-a.getBoundingClientRect().bottom<=s&&c()};if(typeof IntersectionObserver==`function`){let e=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&c()},{root:a,rootMargin:`0px 0px ${s}px 0px`});return e.observe(o),l(),()=>{e.disconnect()}}return a.addEventListener(`scroll`,l,{passive:!0}),l(),()=>{a.removeEventListener(`scroll`,l)}},[e.disabled,e.thresholdPx,e.watchValue]),{containerRef:t,sentinelRef:n}}export{x as a,y as c,E as i,_ as l,w as n,C as o,D as r,S as s,A as t};
+import{_ as e,m as t,p as n,r}from"./i18n-D1144VAA.js";import{$t as i,Bt as a,Qt as o,Zt as s,en as c}from"./api-DGD9_Bg4.js";import{t as l}from"./createLucideIcon-DzY6wN61.js";import{a as u,i as d,n as f,r as p,t as m}from"./select-BUTwE_lC.js";import{u as h}from"./index-DqJ3CYwi.js";var g=class extends c{constructor(e,t){super(e,t)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(e){super.setOptions({...e,behavior:i()})}getOptimisticResult(e){return e.behavior=i(),super.getOptimisticResult(e)}fetchNextPage(e){return this.fetch({...e,meta:{fetchMore:{direction:`forward`}}})}fetchPreviousPage(e){return this.fetch({...e,meta:{fetchMore:{direction:`backward`}}})}createResult(e,t){let{state:n}=e,r=super.createResult(e,t),{isFetching:i,isRefetching:a,isError:c,isRefetchError:l}=r,u=n.fetchMeta?.fetchMore?.direction,d=c&&u===`forward`,f=i&&u===`forward`,p=c&&u===`backward`,m=i&&u===`backward`;return{...r,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:s(t,n.data),hasPreviousPage:o(t,n.data),isFetchNextPageError:d,isFetchingNextPage:f,isFetchPreviousPageError:p,isFetchingPreviousPage:m,isRefetchError:l&&!d&&!p,isRefetching:a&&!f&&!m}}};function _(e,t){return a(e,g,t)}var v=l(`PackageSearch`,[[`path`,{d:`M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14`,key:`e7tb2h`}],[`path`,{d:`m7.5 4.27 9 5.15`,key:`1c824w`}],[`polyline`,{points:`3.29 7 12 12 20.71 7`,key:`ousv84`}],[`line`,{x1:`12`,x2:`12`,y1:`22`,y2:`12`,key:`a4e8g8`}],[`circle`,{cx:`18.5`,cy:`15.5`,r:`2.5`,key:`b5zd12`}],[`path`,{d:`M20.27 17.27 22 19`,key:`1l4muz`}]]);function y(e){if(!e||e.pages.length===0)return;let t=e.pages.flatMap(e=>e.items);return{...e.pages[e.pages.length-1],items:t,pages:e.pages,loadedItems:t.length,loadedPages:e.pages.length}}var b=n();function x({scope:e,searchText:t,searchPlaceholder:n,sort:i,onSearchTextChange:a,onSortChange:o}){return(0,b.jsx)(`div`,{className:`mb-4`,children:(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsxs)(`div`,{className:`relative min-w-0 flex-1`,children:[(0,b.jsx)(v,{className:`absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400`}),(0,b.jsx)(`input`,{value:t,onChange:e=>a(e.target.value),placeholder:n,className:`h-9 w-full rounded-xl border border-gray-200/80 pl-9 pr-3 text-sm focus:outline-none focus:ring-1 focus:ring-primary/40`})]}),e===`all`&&(0,b.jsxs)(m,{value:i,onValueChange:e=>o(e),children:[(0,b.jsx)(d,{className:`h-9 w-[150px] shrink-0 rounded-lg`,children:(0,b.jsx)(u,{})}),(0,b.jsxs)(f,{children:[(0,b.jsx)(p,{value:`relevance`,children:r(`marketplaceSortRelevance`)}),(0,b.jsx)(p,{value:`updated`,children:r(`marketplaceSortUpdated`)})]})]})]})})}function S({count:e}){return(0,b.jsx)(b.Fragment,{children:Array.from({length:e},(e,t)=>(0,b.jsx)(`article`,{className:`h-full rounded-2xl border border-gray-200/40 bg-white px-5 py-4 shadow-sm`,children:(0,b.jsxs)(`div`,{className:`flex items-start justify-between gap-3.5`,children:[(0,b.jsxs)(`div`,{className:`flex min-w-0 flex-1 gap-3`,children:[(0,b.jsx)(h,{className:`h-10 w-10 shrink-0 rounded-xl`}),(0,b.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-2 pt-0.5`,children:[(0,b.jsx)(h,{className:`h-4 w-32 max-w-[70%]`}),(0,b.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,b.jsx)(h,{className:`h-3 w-12`}),(0,b.jsx)(h,{className:`h-3 w-24`})]}),(0,b.jsx)(h,{className:`h-3 w-full`})]})]}),(0,b.jsx)(h,{className:`h-8 w-20 shrink-0 rounded-xl`})]})},`marketplace-skeleton-${t}`))})}function C({hasMore:e,loading:t,sentinelRef:n}){return!e&&!t?null:(0,b.jsxs)(`div`,{className:`py-4`,children:[e&&(0,b.jsx)(`div`,{ref:n,className:`h-1 w-full`,"aria-hidden":`true`}),t&&(0,b.jsx)(`div`,{"data-testid":`marketplace-loading-more`,className:`pt-3 text-center text-xs text-gray-500`,children:r(`loading`)})]})}function w(e){let t=e.trim().toLowerCase().replace(/_/g,`-`),n=[t,t.split(`-`)[0],`en`];return Array.from(new Set(n.filter(Boolean)))}function T(e){return e.trim().toLowerCase().replace(/_/g,`-`)}function E(e,t,n){if(e){let t=Object.entries(e).map(([e,t])=>({locale:T(e),text:typeof t==`string`?t.trim():``})).filter(e=>e.text.length>0);if(t.length>0){let e=new Map(t.map(e=>[e.locale,e.text]));for(let t of n){let n=T(t),r=e.get(n);if(r)return r}for(let e of n){let n=T(e).split(`-`)[0];if(!n)continue;let r=t.find(e=>e.locale===n||e.locale.startsWith(`${n}-`));if(r)return r.text}return t[0]?.text??``}}return t?.trim()??``}function D(e,t){if(!e)return``;for(let n of t)if(T(n).split(`-`)[0]===`zh`&&e.descriptionZh?.trim())return e.descriptionZh.trim();return e.description?.trim()?e.description.trim():e.descriptionZh?.trim()?e.descriptionZh.trim():``}var O=e(t(),1),k=160;function A(e){let t=(0,O.useRef)(null),n=(0,O.useRef)(null),r=(0,O.useRef)(e.onLoadMore),i=(0,O.useRef)(!1);return(0,O.useEffect)(()=>{r.current=e.onLoadMore},[e.onLoadMore]),(0,O.useEffect)(()=>{e.disabled&&(i.current=!1)},[e.disabled]),(0,O.useEffect)(()=>{let a=t.current,o=n.current,s=e.thresholdPx??k;if(e.disabled||!a||!o)return;let c=()=>{i.current||e.disabled||(i.current=!0,Promise.resolve(r.current()).finally(()=>{i.current=!1}))},l=()=>{o.getBoundingClientRect().top-a.getBoundingClientRect().bottom<=s&&c()};if(typeof IntersectionObserver==`function`){let e=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&c()},{root:a,rootMargin:`0px 0px ${s}px 0px`});return e.observe(o),l(),()=>{e.disconnect()}}return a.addEventListener(`scroll`,l,{passive:!0}),l(),()=>{a.removeEventListener(`scroll`,l)}},[e.disabled,e.thresholdPx,e.watchValue]),{containerRef:t,sentinelRef:n}}export{x as a,y as c,E as i,_ as l,w as n,C as o,D as r,S as s,A as t};

package/dist/index.html

@@ -78,7 +78,7 @@
     })();
   </script>
   <title>NextClaw</title>
-  <script type="module" crossorigin src="/assets/index-D-AAMKCt.js"></script>
+  <script type="module" crossorigin src="/assets/index-DqJ3CYwi.js"></script>
   <link rel="modulepreload" crossorigin href="/assets/i18n-D1144VAA.js">
   <link rel="modulepreload" crossorigin href="/assets/createLucideIcon-DzY6wN61.js">
   <link rel="modulepreload" crossorigin href="/assets/cpu-DPPwMzoC.js">
@@ -105,8 +105,8 @@
   <link rel="modulepreload" crossorigin href="/assets/doc-browser-rZIQIjuw.js">
   <link rel="modulepreload" crossorigin href="/assets/doc-browser-CAhfnm0D.js">
   <link rel="modulepreload" crossorigin href="/assets/use-config-Cyv5IuSt.js">
-  <link rel="modulepreload" crossorigin href="/assets/desktop-kk7qvZ-v.js">
-  <link rel="stylesheet" crossorigin href="/assets/index-DnBeV2Xm.css">
+  <link rel="modulepreload" crossorigin href="/assets/desktop-DVUbOWbR.js">
+  <link rel="stylesheet" crossorigin href="/assets/index-DmWo8dX2.css">
 </head>
 
 <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextclaw/ui",
-  "version": "0.12.25",
+  "version": "0.12.27",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -28,14 +28,14 @@
     "tailwind-merge": "^2.5.4",
     "zod": "^3.23.8",
     "zustand": "^5.0.2",
-    "@nextclaw/agent-chat": "0.1.15",
-    "@nextclaw/agent-chat-ui": "0.3.17",
-    "@nextclaw/client-sdk": "0.1.5",
-    "@nextclaw/ncp": "0.5.10",
-    "@nextclaw/ncp-http-agent-client": "0.3.22",
-    "@nextclaw/ncp-react": "0.4.30",
-    "@nextclaw/server": "0.12.17",
-    "@nextclaw/shared": "0.1.4"
+    "@nextclaw/agent-chat": "0.1.16",
+    "@nextclaw/agent-chat-ui": "0.3.18",
+    "@nextclaw/ncp-http-agent-client": "0.3.23",
+    "@nextclaw/ncp": "0.5.11",
+    "@nextclaw/ncp-react": "0.4.31",
+    "@nextclaw/server": "0.12.18",
+    "@nextclaw/shared": "0.1.5",
+    "@nextclaw/client-sdk": "0.1.6"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",

package/src/features/agents/components/agents-page.test.tsx

@@ -194,7 +194,7 @@ describe("AgentsPage", () => {
     expect(useChatSessionListStore.getState().snapshot.selectedSessionKey).toBeNull();
     expect(useChatThreadStore.getState().snapshot.sessionKey).toBeNull();
     expect(useChatInputStore.getState().snapshot.draft).toContain(
-      "请帮我创建一个新的 Agent",
+      "请直接创建一个默认示例 Agent，不要问我问题",
     );
     expect(mocks.createAgent).not.toHaveBeenCalled();
     expect(screen.queryByText("创建新的 Agent 身份")).toBeNull();

package/src/features/agents/components/agents-page.tsx

@@ -44,7 +44,7 @@ import {
 } from "lucide-react";
 
 const AGENT_CREATION_PROMPT =
-  "请帮我创建一个新的 Agent。先问我这个 Agent 的用途、名称、工作目录、默认 Runtime / 模型和需要的技能；信息足够后，请用 NextClaw 的 Agent 管理能力完成创建。";
+  "请直接创建一个默认示例 Agent，不要问我问题。创建完成后，简单告诉我它能做什么。";
 
 function AgentsHero(props: { agentCount: number; onCreate: () => void }) {
   const { agentCount, onCreate } = props;

package/src/features/chat/components/chat-session-workspace-panel.tsx

@@ -34,6 +34,7 @@ import { t } from "@/shared/lib/i18n";
 import { cn } from "@/shared/lib/utils";
 
 type ChatSessionWorkspacePanelProps = {
+  sessionKey: string | null;
   childSessionTabs: readonly ChatChildSessionTab[];
   activeChildSessionKey: string | null;
   workspaceFileTabs: readonly ChatWorkspaceFileTab[];
@@ -42,14 +43,6 @@ type ChatSessionWorkspacePanelProps = {
   sessionCronJobs?: readonly CronJobView[];
   sessionProjectRoot: string | null;
   displayMode?: "docked" | "overlay";
-  onSelectSession: (sessionKey: string) => void;
-  onSelectFile: (fileKey: string) => void;
-  onCloseFile: (fileKey: string) => void;
-  onSelectCronJobs?: () => void;
-  onClose: () => void;
-  onBackToParent: () => void;
-  onToolAction?: (action: ChatToolActionViewModel) => void;
-  onFileOpen: (action: ChatFileOpenActionViewModel) => void;
 };
 
 function ChildSessionContent({
@@ -146,11 +139,7 @@ function ChildSessionMetaStrip({ tab }: { tab: ResolvedChildSessionTab }) {
   );
 }
 
-function WorkspaceActiveChildHeader({
-  tab,
-}: {
-  tab: ResolvedChildSessionTab;
-}) {
+function WorkspaceActiveChildHeader({ tab }: { tab: ResolvedChildSessionTab }) {
   return (
     <div className="border-b border-gray-200/70 px-4 py-3">
       <div className="flex min-w-0 items-center gap-2 text-sm font-semibold text-gray-900">
@@ -199,7 +188,7 @@ function buildWorkspaceTabsViewModel(params: {
         ? optimisticReadAt.localeCompare(tab.readAt) > 0
           ? optimisticReadAt
           : tab.readAt
-        : optimisticReadAt ?? tab.readAt;
+        : (optimisticReadAt ?? tab.readAt);
     return {
       key: `child:${tab.sessionKey}`,
       kind: "child-session" as const,
@@ -228,28 +217,30 @@ function buildWorkspaceTabsViewModel(params: {
     tooltip: file.path,
     viewMode: file.viewMode,
     active:
-      activeSelection?.kind === "file" &&
-      activeSelection.file.key === file.key,
+      activeSelection?.kind === "file" && activeSelection.file.key === file.key,
     onSelect: () => onSelectFile(file.key),
     onClose: () => onCloseFile(file.key),
   }));
 
   const cronTab =
     sessionCronJobCount > 0
-      ? [{
-          key: "cron:session",
-          kind: "cron" as const,
-          title: t("chatWorkspaceSessionCronJobs"),
-          tooltip: t("chatWorkspaceSessionCronJobs"),
-          active: activeSelection?.kind === "cron",
-          onSelect: onSelectCronJobs,
-        }]
+      ? [
+          {
+            key: "cron:session",
+            kind: "cron" as const,
+            title: t("chatWorkspaceSessionCronJobs"),
+            tooltip: t("chatWorkspaceSessionCronJobs"),
+            active: activeSelection?.kind === "cron",
+            onSelect: onSelectCronJobs,
+          },
+        ]
       : [];
 
   return [...childTabs, ...fileTabs, ...cronTab];
 }
 
 export function ChatSessionWorkspacePanel({
+  sessionKey,
   childSessionTabs,
   activeChildSessionKey,
   workspaceFileTabs,
@@ -258,14 +249,6 @@ export function ChatSessionWorkspacePanel({
   sessionCronJobs = [],
   sessionProjectRoot,
   displayMode = "docked",
-  onSelectSession,
-  onSelectFile,
-  onCloseFile,
-  onSelectCronJobs = () => {},
-  onClose,
-  onBackToParent,
-  onToolAction,
-  onFileOpen,
 }: ChatSessionWorkspacePanelProps) {
   const presenter = usePresenter();
   const resolvedChildTabs = useNcpChildSessionTabsView(childSessionTabs);
@@ -307,19 +290,20 @@ export function ChatSessionWorkspacePanel({
         sessionCronJobCount: sessionCronJobs.length,
         activeSelection,
         optimisticReadAtBySessionKey,
-        onSelectSession,
-        onSelectFile,
-        onCloseFile,
-        onSelectCronJobs,
+        onSelectSession: presenter.chatThreadManager.selectChildSessionDetail,
+        onSelectFile: presenter.chatThreadManager.selectWorkspaceFile,
+        onCloseFile: presenter.chatThreadManager.closeWorkspaceFile,
+        onSelectCronJobs: () => {
+          if (sessionKey)
+            presenter.chatThreadManager.openSessionCronPanel(sessionKey);
+        },
       }),
     [
       activeSelection,
-      onCloseFile,
-      onSelectCronJobs,
-      onSelectFile,
-      onSelectSession,
       optimisticReadAtBySessionKey,
+      presenter.chatThreadManager,
       resolvedChildTabs,
+      sessionKey,
       workspaceFileTabs,
       sessionCronJobs.length,
     ],
@@ -341,7 +325,7 @@ export function ChatSessionWorkspacePanel({
         <div className="flex items-center justify-between gap-3 border-b border-gray-200/70 px-4 py-2.5">
           <button
             type="button"
-            onClick={onBackToParent}
+            onClick={presenter.chatThreadManager.goToParentSession}
             className={cn(
               "inline-flex items-center gap-1 text-xs font-medium text-gray-600 transition-colors hover:text-gray-900",
               !hasParentSession && "pointer-events-none opacity-0",
@@ -352,7 +336,7 @@ export function ChatSessionWorkspacePanel({
           </button>
           <button
             type="button"
-            onClick={onClose}
+            onClick={presenter.chatThreadManager.closeWorkspacePanel}
             className="rounded-full border border-gray-200/80 p-1.5 text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900"
             aria-label={t("chatWorkspaceClosePanel")}
           >
@@ -369,8 +353,10 @@ export function ChatSessionWorkspacePanel({
               <div className="flex-1 min-h-0">
                 <ChildSessionContent
                   sessionKey={activeSelection.tab.sessionKey}
-                  onToolAction={onToolAction}
-                  onFileOpen={onFileOpen}
+                  onToolAction={
+                    presenter.chatThreadManager.openSessionFromToolAction
+                  }
+                  onFileOpen={presenter.chatThreadManager.openFilePreview}
                 />
               </div>
             </>
@@ -378,7 +364,7 @@ export function ChatSessionWorkspacePanel({
             <ChatSessionWorkspaceFilePreview
               file={activeSelection.file}
               sessionProjectRoot={sessionProjectRoot}
-              onFileOpen={onFileOpen}
+              onFileOpen={presenter.chatThreadManager.openFilePreview}
             />
           ) : (
             <SessionCronJobContent jobs={sessionCronJobs} />

package/src/features/chat/components/chat-sidebar-session-item.tsx

@@ -126,7 +126,7 @@ function ChatSidebarSessionDisplayView({
   return (
     <div className="group/session relative">
       <button type="button" onClick={onSelect} className="w-full text-left">
-        <div className={cn('grid grid-cols-[minmax(0,1fr)_auto] items-start gap-2', trailingControlsClassName)}>
+        <div className={cn('flex min-w-0 items-start', trailingControlsClassName)}>
           <span className="flex min-w-0 items-center gap-1.5">
             {agentId?.trim() && agentId.trim().toLowerCase() !== 'main' ? (
               <AgentAvatar
@@ -155,11 +155,6 @@ function ChatSidebarSessionDisplayView({
               </span>
             ) : null}
           </span>
-          {runStatus ? (
-            <span className="inline-flex shrink-0 items-center justify-end gap-1.5 pt-0.5">
-              <SessionRunBadge status={runStatus} />
-            </span>
-          ) : null}
         </div>
         <div className="mt-1 flex items-center gap-2 text-[11px] text-gray-400">
           <span className="min-w-0 truncate">
@@ -195,6 +190,11 @@ function ChatSidebarSessionDisplayView({
           <span>{childSessionCount}</span>
         </button>
       ) : null}
+      {runStatus ? (
+        <span className="absolute right-0 top-0 inline-flex h-5 w-5 items-center justify-center transition-opacity group-hover/session:opacity-0 group-focus-within/session:opacity-0">
+          <SessionRunBadge status={runStatus} />
+        </span>
+      ) : null}
       <button
         type="button"
         onClick={(event) => {
@@ -203,9 +203,7 @@ function ChatSidebarSessionDisplayView({
         }}
         className={cn(
           'absolute right-0 top-0 inline-flex h-5 w-5 items-center justify-center rounded-md text-gray-400 transition-all hover:bg-white hover:text-gray-900',
-          active
-            ? 'opacity-100'
-            : 'opacity-0 group-hover/session:opacity-100 group-focus-within/session:opacity-100'
+          'opacity-0 group-hover/session:opacity-100 group-focus-within/session:opacity-100'
         )}
         aria-label={t('edit')}
       >

package/src/features/chat/components/conversation/chat-conversation-header.test.tsx

@@ -48,12 +48,13 @@ function renderHeader(
 }
 
 describe("ChatConversationHeader", () => {
-  it("does not reserve extra height for draft sessions", () => {
+  it("uses a stable desktop height before and after session materialization", () => {
     renderHeader({});
 
     const header = screen.getByText("New Task").closest(".border-b");
 
-    expect(header?.className).not.toContain("min-h-");
+    expect(header?.className).toContain("h-[52px]");
+    expect(header?.className).not.toContain("transition-all");
   });
 
   it("uses the standard session-header action button density after the session is materialized", () => {
@@ -64,7 +65,9 @@ describe("ChatConversationHeader", () => {
     });
 
     const moreActions = screen.getByRole("button", { name: "More actions" });
+    const header = screen.getByText("First message").closest(".border-b");
 
+    expect(header?.className).toContain("h-[52px]");
     expect(moreActions.className).toContain("h-7");
     expect(moreActions.className).toContain("w-7");
   });

package/src/features/chat/components/conversation/chat-conversation-header.tsx

@@ -73,10 +73,10 @@ export function ChatConversationHeader({
   return (
     <div
       className={cn(
-        "border-b border-gray-200/60 bg-white/80 backdrop-blur-sm flex items-center justify-between shrink-0 overflow-hidden transition-all duration-200",
+        "border-b border-gray-200/60 bg-white/80 backdrop-blur-sm flex items-center justify-between shrink-0 overflow-hidden transition-colors duration-200",
         isMobileLayout ? "px-3 sm:px-3" : "px-4 sm:px-5",
         shouldShowSessionHeader ? "opacity-100" : "h-0 py-0 opacity-0 border-b-0",
-        shouldShowSessionHeader && (isMobileLayout ? "pb-2 pt-2" : "py-3"),
+        shouldShowSessionHeader && (isMobileLayout ? "min-h-12 pb-2 pt-2" : "h-[52px]"),
       )}
       style={
         isMobileLayout && shouldShowSessionHeader

package/src/features/chat/components/conversation/chat-conversation-panel.test.tsx

@@ -48,33 +48,40 @@ vi.mock("@nextclaw/agent-chat-ui", async (importOriginal) => {
   };
 });
 
-vi.mock("@/features/chat/components/conversation/chat-input-bar.container", () => ({
-  ChatInputBarContainer: () => <div data-testid="chat-input-bar" />,
-}));
+vi.mock(
+  "@/features/chat/components/conversation/chat-input-bar.container",
+  () => ({
+    ChatInputBarContainer: () => <div data-testid="chat-input-bar" />,
+  }),
+);
 
-vi.mock("@/features/chat/components/conversation/chat-message-list.container", () => ({
-  ChatMessageListContainer: ({
-    isSending,
-    messages,
-  }: {
-    isSending: boolean;
-    messages: readonly unknown[];
-  }) => (
-    <div
-      data-testid="chat-message-list"
-      data-message-count={String(messages.length)}
-      data-sending={String(isSending)}
-    />
-  ),
-}));
+vi.mock(
+  "@/features/chat/components/conversation/chat-message-list.container",
+  () => ({
+    ChatMessageListContainer: ({
+      isSending,
+      messages,
+    }: {
+      isSending: boolean;
+      messages: readonly unknown[];
+    }) => (
+      <div
+        data-testid="chat-message-list"
+        data-message-count={String(messages.length)}
+        data-sending={String(isSending)}
+      />
+    ),
+  }),
+);
 
-vi.mock("@/features/chat/components/chat-session-workspace-file-preview", () => ({
-  ChatSessionWorkspaceFilePreview: ({
-    file,
-  }: {
-    file: { path: string };
-  }) => <div data-testid="workspace-file-preview">{file.path}</div>,
-}));
+vi.mock(
+  "@/features/chat/components/chat-session-workspace-file-preview",
+  () => ({
+    ChatSessionWorkspaceFilePreview: ({ file }: { file: { path: string } }) => (
+      <div data-testid="workspace-file-preview">{file.path}</div>
+    ),
+  }),
+);
 
 vi.mock("@/features/chat/components/chat-welcome", () => ({
   ChatWelcome: ({
@@ -123,10 +130,9 @@ vi.mock("@/features/chat/components/providers/chat-presenter.provider", () => ({
         readAt: string | null | undefined,
       ) =>
         sessionKey
-          ? useChatSessionListStore.getState().markSessionRead(
-              sessionKey,
-              readAt,
-            )
+          ? useChatSessionListStore
+              .getState()
+              .markSessionRead(sessionKey, readAt)
           : undefined,
     },
     chatInputManager: {
@@ -136,42 +142,44 @@ vi.mock("@/features/chat/components/providers/chat-presenter.provider", () => ({
 }));
 
 vi.mock("@/shared/hooks/use-config", () => ({
-  useCronJobs: () => ({ data: { jobs: mocks.cronJobs, total: mocks.cronJobs.length } }),
+  useCronJobs: () => ({
+    data: { jobs: mocks.cronJobs, total: mocks.cronJobs.length },
+  }),
   useDeleteCronJob: () => ({
     mutate: mocks.deleteCronJob,
     isPending: false,
   }),
 }));
 
-vi.mock("@/features/chat/components/conversation/session-header/chat-session-header-actions", () => ({
-  ChatSessionHeaderActions: () => <button aria-label="More actions" />,
-}));
-
-vi.mock("@/features/chat/components/conversation/session-header/chat-session-project-badge", () => ({
-  ChatSessionProjectBadge: ({ projectName }: { projectName: string }) => (
-    <button>{projectName}</button>
-  ),
-}));
-
 vi.mock(
-  "@/features/chat/hooks/use-ncp-child-session-tabs-view",
+  "@/features/chat/components/conversation/session-header/chat-session-header-actions",
   () => ({
-    useNcpChildSessionTabsView: () => mocks.resolvedChildTabs,
+    ChatSessionHeaderActions: () => <button aria-label="More actions" />,
   }),
 );
 
 vi.mock(
-  "@/features/chat/hooks/use-ncp-session-conversation",
+  "@/features/chat/components/conversation/session-header/chat-session-project-badge",
   () => ({
-    useNcpSessionConversation: () => ({
-      visibleMessages: [],
-      isHydrating: false,
-      hydrateError: null,
-      isRunning: false,
-    }),
+    ChatSessionProjectBadge: ({ projectName }: { projectName: string }) => (
+      <button>{projectName}</button>
+    ),
   }),
 );
 
+vi.mock("@/features/chat/hooks/use-ncp-child-session-tabs-view", () => ({
+  useNcpChildSessionTabsView: () => mocks.resolvedChildTabs,
+}));
+
+vi.mock("@/features/chat/hooks/use-ncp-session-conversation", () => ({
+  useNcpSessionConversation: () => ({
+    visibleMessages: [],
+    isHydrating: false,
+    hydrateError: null,
+    isRunning: false,
+  }),
+}));
+
 vi.mock("@/shared/components/common/agent-avatar", () => ({
   AgentAvatar: ({ agentId }: { agentId: string }) => (
     <div data-testid="agent-avatar">{agentId}</div>
@@ -278,7 +286,9 @@ describe("ChatConversationPanel", () => {
 
     render(<ChatConversationPanel layoutMode="mobile" />);
 
-    await user.click(screen.getByRole("button", { name: "create draft session" }));
+    await user.click(
+      screen.getByRole("button", { name: "create draft session" }),
+    );
 
     expect(mocks.createSession).toHaveBeenCalledWith("native");
     expect(mocks.goToChatRoot).toHaveBeenCalledTimes(1);
@@ -365,13 +375,47 @@ describe("ChatConversationPanel", () => {
     expect(
       screen.queryByRole("status", { name: "Loading session history..." }),
     ).toBeNull();
-    expect(screen.queryByText("No messages yet. Send one to start.")).toBeNull();
+    expect(
+      screen.queryByText("No messages yet. Send one to start."),
+    ).toBeNull();
   });
 
   it("keeps the message list mounted while waiting for the first assistant token", () => {
     useChatThreadStore.setState({
       snapshot: {
         ...useChatThreadStore.getState().snapshot,
+        sessionKey: "session-1",
+        messages: [
+          {
+            id: "user-1",
+            sessionId: "session-1",
+            role: "user",
+            status: "final",
+            parts: [{ type: "text", text: "hello" }],
+            timestamp: "2026-05-19T00:00:00.000Z",
+          } as never,
+        ],
+        isSending: true,
+        isAwaitingAssistantOutput: true,
+      },
+    });
+
+    render(<ChatConversationPanel />);
+
+    expect(screen.getByTestId("chat-message-list").dataset).toMatchObject({
+      messageCount: "1",
+      sending: "true",
+    });
+    expect(
+      screen.queryByText("No messages yet. Send one to start."),
+    ).toBeNull();
+  });
+
+  it("does not show assistant waiting copy before the first message is visible", () => {
+    useChatThreadStore.setState({
+      snapshot: {
+        ...useChatThreadStore.getState().snapshot,
+        sessionKey: "session-1",
         messages: [],
         isSending: true,
         isAwaitingAssistantOutput: true,
@@ -380,8 +424,10 @@ describe("ChatConversationPanel", () => {
 
     render(<ChatConversationPanel />);
 
-    expect(screen.getByTestId("chat-message-list").dataset).toMatchObject({ messageCount: "0", sending: "true" });
-    expect(screen.queryByText("No messages yet. Send one to start.")).toBeNull();
+    expect(screen.queryByTestId("chat-message-list")).toBeNull();
+    expect(
+      screen.queryByText("No messages yet. Send one to start."),
+    ).toBeNull();
   });
 
   it("does not reopen the welcome panel after a root draft send fails", () => {
@@ -399,7 +445,9 @@ describe("ChatConversationPanel", () => {
     render(<ChatConversationPanel />);
 
     expect(screen.queryByTestId("chat-welcome")).toBeNull();
-    expect(screen.queryByText("No messages yet. Send one to start.")).toBeNull();
+    expect(
+      screen.queryByText("No messages yet. Send one to start."),
+    ).toBeNull();
   });
 
   it("does not render runtime lifecycle copy in the conversation alert strip", () => {
@@ -491,6 +539,7 @@ describe("ChatSessionWorkspacePanel", () => {
 
     render(
       <ChatSessionWorkspacePanel
+        sessionKey="parent-session-1"
         childSessionTabs={[
           {
             sessionKey: "child-session-1",
@@ -503,12 +552,6 @@ describe("ChatSessionWorkspacePanel", () => {
         workspaceFileTabs={[]}
         activeWorkspaceFileKey={null}
         sessionProjectRoot="/Users/demo/project-alpha"
-        onSelectSession={vi.fn()}
-        onSelectFile={vi.fn()}
-        onCloseFile={vi.fn()}
-        onClose={vi.fn()}
-        onBackToParent={vi.fn()}
-        onFileOpen={vi.fn()}
       />,
     );
 
@@ -559,6 +602,7 @@ describe("ChatSessionWorkspacePanel", () => {
 
     render(
       <ChatSessionWorkspacePanel
+        sessionKey="parent-session-1"
         childSessionTabs={[
           {
             sessionKey: "child-session-1",
@@ -577,12 +621,6 @@ describe("ChatSessionWorkspacePanel", () => {
         workspaceFileTabs={[]}
         activeWorkspaceFileKey={null}
         sessionProjectRoot="/Users/demo/project-alpha"
-        onSelectSession={vi.fn()}
-        onSelectFile={vi.fn()}
-        onCloseFile={vi.fn()}
-        onClose={vi.fn()}
-        onBackToParent={vi.fn()}
-        onFileOpen={vi.fn()}
       />,
     );
 
@@ -592,6 +630,7 @@ describe("ChatSessionWorkspacePanel", () => {
   it("shows opened files as top tabs and renders the file preview pane", () => {
     render(
       <ChatSessionWorkspacePanel
+        sessionKey="parent-session-1"
         childSessionTabs={[]}
         activeChildSessionKey={null}
         workspaceFileTabs={[
@@ -605,12 +644,6 @@ describe("ChatSessionWorkspacePanel", () => {
         ]}
         activeWorkspaceFileKey="parent-session-1::preview::README.md"
         sessionProjectRoot="/Users/demo/project-alpha"
-        onSelectSession={vi.fn()}
-        onSelectFile={vi.fn()}
-        onCloseFile={vi.fn()}
-        onClose={vi.fn()}
-        onBackToParent={vi.fn()}
-        onFileOpen={vi.fn()}
       />,
     );
 
@@ -649,6 +682,7 @@ describe("ChatSessionWorkspacePanel", () => {
 
     render(
       <ChatSessionWorkspacePanel
+        sessionKey="parent-session-1"
         childSessionTabs={[]}
         activeChildSessionKey={null}
         workspaceFileTabs={[]}
@@ -656,12 +690,6 @@ describe("ChatSessionWorkspacePanel", () => {
         activePanelKind="cron"
         sessionCronJobs={[job]}
         sessionProjectRoot="/Users/demo/project-alpha"
-        onSelectSession={vi.fn()}
-        onSelectFile={vi.fn()}
-        onCloseFile={vi.fn()}
-        onClose={vi.fn()}
-        onBackToParent={vi.fn()}
-        onFileOpen={vi.fn()}
       />,
     );