@nextclaw/ui 0.13.13 → 0.14.1-beta.0

package/dist/assets/tabs-BqkKwx1R.js

@@ -1 +0,0 @@
-import{d as e,g as t,m as n,y as r}from"./react-C7HsxuKH.js";var i=r(t(),1),a=n(),o=i.createContext(null);function s({defaultValue:e,value:t,onValueChange:n,children:r}){return(0,a.jsx)(o.Provider,{value:{value:t,onValueChange:n},children:r})}function c({children:t,className:n}){return(0,a.jsx)(`div`,{className:e(`inline-flex h-9 items-center justify-center rounded-xl bg-gray-100/80 p-1 text-gray-500`,n),children:t})}function l({value:t,children:n,className:r}){let s=i.useContext(o);if(!s)throw Error(`TabsTrigger must be used within Tabs`);let c=s.value===t;return(0,a.jsx)(`button`,{type:`button`,onClick:()=>s.onValueChange(t),"aria-pressed":c,"data-state":c?`active`:`inactive`,className:e(`inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-[13px] font-medium ring-offset-white transition-all duration-fast focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50`,c?`bg-white text-gray-900 shadow-sm`:`hover:bg-white/50 hover:text-gray-800 text-gray-600`,r),children:n})}function u({value:t,children:n,className:r}){let s=i.useContext(o);if(!s)throw Error(`TabsContent must be used within Tabs`);return s.value===t?(0,a.jsx)(`div`,{className:e(`mt-2 animate-fade-in`,r),children:n}):null}export{l as i,u as n,c as r,s as t};

package/dist/assets/tabs-custom-DOkaJZmt.js

@@ -1 +0,0 @@
-import{d as e,g as t,m as n,r}from"./react-C7HsxuKH.js";t();var i=n();function a({tabs:t,activeTab:n,onChange:a,className:o}){return(0,i.jsx)(`div`,{className:e(`flex items-center gap-6 border-b border-gray-200/60 mb-6`,o),children:t.map(t=>{let o=n===t.id;return(0,i.jsxs)(`button`,{onClick:()=>a(t.id),className:e(`relative pb-3 text-[14px] font-medium transition-all duration-fast flex items-center gap-1.5`,o?`text-gray-900`:`text-gray-600 hover:text-gray-900`),children:[t.label,t.count!==void 0&&(0,i.jsx)(`span`,{className:e(`text-[11px] font-medium`,`text-gray-500`),children:r(t.count)}),o&&(0,i.jsx)(`div`,{className:`absolute bottom-0 left-0 right-0 h-[2px] bg-primary rounded-full`})]},t.id)})})}export{a as t};

package/dist/assets/tooltip-Bw-mXQAM.js

@@ -1 +0,0 @@
-import{d as e,g as t,m as n,y as r}from"./react-C7HsxuKH.js";import{a as i,b as a,c as o,f as s,g as c,h as l,i as u,l as d,m as f,o as p,r as m,s as h,t as g,u as _,x as v,y}from"./dist-C59BKqbX.js";import{t as b}from"./dist-Di6EHp2x.js";var x=o(`Boxes`,[[`path`,{d:`M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z`,key:`lc1i9w`}],[`path`,{d:`m7 16.5-4.74-2.85`,key:`1o9zyk`}],[`path`,{d:`m7 16.5 5-3`,key:`va8pkn`}],[`path`,{d:`M7 16.5v5.17`,key:`jnp8gn`}],[`path`,{d:`M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z`,key:`8zsnat`}],[`path`,{d:`m17 16.5-5-3`,key:`8arw3v`}],[`path`,{d:`m17 16.5 4.74-2.85`,key:`8rfmw`}],[`path`,{d:`M17 16.5v5.17`,key:`k6z78m`}],[`path`,{d:`M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z`,key:`1xygjf`}],[`path`,{d:`M12 8 7.26 5.15`,key:`1vbdud`}],[`path`,{d:`m12 8 4.74-2.85`,key:`3rx089`}],[`path`,{d:`M12 13.5V8`,key:`1io7kd`}]]),S=r(t(),1),C=n(),[w,T]=y(`Tooltip`,[h]),E=h(),D=`TooltipProvider`,O=700,k=`tooltip.open`,[A,j]=w(D),M=e=>{let{__scopeTooltip:t,delayDuration:n=O,skipDelayDuration:r=300,disableHoverableContent:i=!1,children:a}=e,o=S.useRef(!0),s=S.useRef(!1),c=S.useRef(0);return S.useEffect(()=>{let e=c.current;return()=>window.clearTimeout(e)},[]),(0,C.jsx)(A,{scope:t,isOpenDelayedRef:o,delayDuration:n,onOpen:S.useCallback(()=>{window.clearTimeout(c.current),o.current=!1},[]),onClose:S.useCallback(()=>{window.clearTimeout(c.current),c.current=window.setTimeout(()=>o.current=!0,r)},[r]),isPointerInTransitRef:s,onPointerInTransitChange:S.useCallback(e=>{s.current=e},[]),disableHoverableContent:i,children:a})};M.displayName=D;var N=`Tooltip`,[ee,P]=w(N),F=e=>{let{__scopeTooltip:t,children:n,open:r,defaultOpen:i,onOpenChange:a,disableHoverableContent:o,delayDuration:s}=e,u=j(N,e.__scopeTooltip),d=E(t),[f,m]=S.useState(null),h=c(),g=S.useRef(0),_=o??u.disableHoverableContent,v=s??u.delayDuration,y=S.useRef(!1),[b,x]=l({prop:r,defaultProp:i??!1,onChange:e=>{e?(u.onOpen(),document.dispatchEvent(new CustomEvent(k))):u.onClose(),a?.(e)},caller:N}),w=S.useMemo(()=>b?y.current?`delayed-open`:`instant-open`:`closed`,[b]),T=S.useCallback(()=>{window.clearTimeout(g.current),g.current=0,y.current=!1,x(!0)},[x]),D=S.useCallback(()=>{window.clearTimeout(g.current),g.current=0,x(!1)},[x]),O=S.useCallback(()=>{window.clearTimeout(g.current),g.current=window.setTimeout(()=>{y.current=!0,x(!0),g.current=0},v)},[v,x]);return S.useEffect(()=>()=>{g.current&&=(window.clearTimeout(g.current),0)},[]),(0,C.jsx)(p,{...d,children:(0,C.jsx)(ee,{scope:t,contentId:h,open:b,stateAttribute:w,trigger:f,onTriggerChange:m,onTriggerEnter:S.useCallback(()=>{u.isOpenDelayedRef.current?O():T()},[u.isOpenDelayedRef,O,T]),onTriggerLeave:S.useCallback(()=>{_?D():(window.clearTimeout(g.current),g.current=0)},[D,_]),onOpen:T,onClose:D,disableHoverableContent:_,children:n})})};F.displayName=N;var I=`TooltipTrigger`,L=S.forwardRef((e,t)=>{let{__scopeTooltip:n,...r}=e,i=P(I,n),o=j(I,n),c=E(n),l=a(t,S.useRef(null),i.onTriggerChange),u=S.useRef(!1),d=S.useRef(!1),f=S.useCallback(()=>u.current=!1,[]);return S.useEffect(()=>()=>document.removeEventListener(`pointerup`,f),[f]),(0,C.jsx)(m,{asChild:!0,...c,children:(0,C.jsx)(s.button,{"aria-describedby":i.open?i.contentId:void 0,"data-state":i.stateAttribute,...r,ref:l,onPointerMove:v(e.onPointerMove,e=>{e.pointerType!==`touch`&&!d.current&&!o.isPointerInTransitRef.current&&(i.onTriggerEnter(),d.current=!0)}),onPointerLeave:v(e.onPointerLeave,()=>{i.onTriggerLeave(),d.current=!1}),onPointerDown:v(e.onPointerDown,()=>{i.open&&i.onClose(),u.current=!0,document.addEventListener(`pointerup`,f,{once:!0})}),onFocus:v(e.onFocus,()=>{u.current||i.onOpen()}),onBlur:v(e.onBlur,i.onClose),onClick:v(e.onClick,i.onClose)})})});L.displayName=I;var R=`TooltipPortal`,[z,B]=w(R,{forceMount:void 0}),V=e=>{let{__scopeTooltip:t,forceMount:n,children:r,container:i}=e,a=P(R,t);return(0,C.jsx)(z,{scope:t,forceMount:n,children:(0,C.jsx)(b,{present:n||a.open,children:(0,C.jsx)(d,{asChild:!0,container:i,children:r})})})};V.displayName=R;var H=`TooltipContent`,U=S.forwardRef((e,t)=>{let n=B(H,e.__scopeTooltip),{forceMount:r=n.forceMount,side:i=`top`,...a}=e,o=P(H,e.__scopeTooltip);return(0,C.jsx)(b,{present:r||o.open,children:o.disableHoverableContent?(0,C.jsx)(K,{side:i,...a,ref:t}):(0,C.jsx)(W,{side:i,...a,ref:t})})}),W=S.forwardRef((e,t)=>{let n=P(H,e.__scopeTooltip),r=j(H,e.__scopeTooltip),i=S.useRef(null),o=a(t,i),[s,c]=S.useState(null),{trigger:l,onClose:u}=n,d=i.current,{onPointerInTransitChange:f}=r,p=S.useCallback(()=>{c(null),f(!1)},[f]),m=S.useCallback((e,t)=>{let n=e.currentTarget,r={x:e.clientX,y:e.clientY},i=ae(r,ie(r,n.getBoundingClientRect())),a=oe(t.getBoundingClientRect());c(ce([...i,...a])),f(!0)},[f]);return S.useEffect(()=>()=>p(),[p]),S.useEffect(()=>{if(l&&d){let e=e=>m(e,d),t=e=>m(e,l);return l.addEventListener(`pointerleave`,e),d.addEventListener(`pointerleave`,t),()=>{l.removeEventListener(`pointerleave`,e),d.removeEventListener(`pointerleave`,t)}}},[l,d,m,p]),S.useEffect(()=>{if(s){let e=e=>{let t=e.target,n={x:e.clientX,y:e.clientY},r=l?.contains(t)||d?.contains(t),i=!se(n,s);r?p():i&&(p(),u())};return document.addEventListener(`pointermove`,e),()=>document.removeEventListener(`pointermove`,e)}},[l,d,s,u,p]),(0,C.jsx)(K,{...e,ref:o})}),[G,te]=w(N,{isInside:!1}),ne=f(`TooltipContent`),K=S.forwardRef((e,t)=>{let{__scopeTooltip:n,children:r,"aria-label":a,onEscapeKeyDown:o,onPointerDownOutside:s,...c}=e,l=P(H,n),u=E(n),{onClose:d}=l;return S.useEffect(()=>(document.addEventListener(k,d),()=>document.removeEventListener(k,d)),[d]),S.useEffect(()=>{if(l.trigger){let e=e=>{e.target?.contains(l.trigger)&&d()};return window.addEventListener(`scroll`,e,{capture:!0}),()=>window.removeEventListener(`scroll`,e,{capture:!0})}},[l.trigger,d]),(0,C.jsx)(_,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:o,onPointerDownOutside:s,onFocusOutside:e=>e.preventDefault(),onDismiss:d,children:(0,C.jsxs)(i,{"data-state":l.stateAttribute,...u,...c,ref:t,style:{...c.style,"--radix-tooltip-content-transform-origin":`var(--radix-popper-transform-origin)`,"--radix-tooltip-content-available-width":`var(--radix-popper-available-width)`,"--radix-tooltip-content-available-height":`var(--radix-popper-available-height)`,"--radix-tooltip-trigger-width":`var(--radix-popper-anchor-width)`,"--radix-tooltip-trigger-height":`var(--radix-popper-anchor-height)`},children:[(0,C.jsx)(ne,{children:r}),(0,C.jsx)(G,{scope:n,isInside:!0,children:(0,C.jsx)(g,{id:l.contentId,role:`tooltip`,children:a||r})})]})})});U.displayName=H;var q=`TooltipArrow`,re=S.forwardRef((e,t)=>{let{__scopeTooltip:n,...r}=e,i=E(n);return te(q,n).isInside?null:(0,C.jsx)(u,{...i,...r,ref:t})});re.displayName=q;function ie(e,t){let n=Math.abs(t.top-e.y),r=Math.abs(t.bottom-e.y),i=Math.abs(t.right-e.x),a=Math.abs(t.left-e.x);switch(Math.min(n,r,i,a)){case a:return`left`;case i:return`right`;case n:return`top`;case r:return`bottom`;default:throw Error(`unreachable`)}}function ae(e,t,n=5){let r=[];switch(t){case`top`:r.push({x:e.x-n,y:e.y+n},{x:e.x+n,y:e.y+n});break;case`bottom`:r.push({x:e.x-n,y:e.y-n},{x:e.x+n,y:e.y-n});break;case`left`:r.push({x:e.x+n,y:e.y-n},{x:e.x+n,y:e.y+n});break;case`right`:r.push({x:e.x-n,y:e.y-n},{x:e.x-n,y:e.y+n});break}return r}function oe(e){let{top:t,right:n,bottom:r,left:i}=e;return[{x:i,y:t},{x:n,y:t},{x:n,y:r},{x:i,y:r}]}function se(e,t){let{x:n,y:r}=e,i=!1;for(let e=0,a=t.length-1;e<t.length;a=e++){let o=t[e],s=t[a],c=o.x,l=o.y,u=s.x,d=s.y;l>r!=d>r&&n<(u-c)*(r-l)/(d-l)+c&&(i=!i)}return i}function ce(e){let t=e.slice();return t.sort((e,t)=>e.x<t.x?-1:e.x>t.x?1:e.y<t.y?-1:e.y>t.y?1:0),le(t)}function le(e){if(e.length<=1)return e.slice();let t=[];for(let n=0;n<e.length;n++){let r=e[n];for(;t.length>=2;){let e=t[t.length-1],n=t[t.length-2];if((e.x-n.x)*(r.y-n.y)>=(e.y-n.y)*(r.x-n.x))t.pop();else break}t.push(r)}t.pop();let n=[];for(let t=e.length-1;t>=0;t--){let r=e[t];for(;n.length>=2;){let e=n[n.length-1],t=n[n.length-2];if((e.x-t.x)*(r.y-t.y)>=(e.y-t.y)*(r.x-t.x))n.pop();else break}n.push(r)}return n.pop(),t.length===1&&n.length===1&&t[0].x===n[0].x&&t[0].y===n[0].y?t:t.concat(n)}var J=M,Y=F,X=L,Z=V,Q=U,ue=J,de=Y,fe=X,$=S.forwardRef(({className:t,sideOffset:n=4,...r},i)=>(0,C.jsx)(Z,{children:(0,C.jsx)(Q,{ref:i,sideOffset:n,className:e(`z-[var(--z-tooltip)] overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`,t),...r})}));$.displayName=Q.displayName;export{Q as a,Y as c,fe as i,X as l,$ as n,Z as o,ue as r,J as s,de as t,x as u};

package/dist/assets/trash-2-CmIwAJIT.js

@@ -1 +0,0 @@
-import{c as e}from"./dist-C59BKqbX.js";var t=e(`Trash2`,[[`path`,{d:`M3 6h18`,key:`d0wm0j`}],[`path`,{d:`M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6`,key:`4alrt4`}],[`path`,{d:`M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2`,key:`v07s0e`}],[`line`,{x1:`10`,x2:`10`,y1:`11`,y2:`17`,key:`1uufr5`}],[`line`,{x1:`14`,x2:`14`,y1:`11`,y2:`17`,key:`xtxkd`}]]);export{t};

package/dist/assets/x-CSRTOZnM.js

@@ -1 +0,0 @@
-import{c as e}from"./dist-C59BKqbX.js";var t=e(`X`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]);export{t};

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

@@ -1,264 +0,0 @@
-import { AlarmClock, ArrowLeft, ArrowRight, FileCode2, MessageSquareText, X } from "lucide-react";
-import type { ResolvedChildSessionTab } from "@/features/chat/hooks/use-ncp-child-session-tabs-view";
-import type { ChatWorkspaceFileTab } from "@/features/chat/stores/chat-thread.store";
-import { AgentIdentityAvatar } from "@/shared/components/common/agent-identity";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/shared/components/ui/tooltip";
-import { t } from "@/shared/lib/i18n";
-import { cn } from "@/shared/lib/utils";
-
-export type WorkspaceSelection =
-  | {
-      kind: "child-session";
-      tab: ResolvedChildSessionTab;
-    }
-  | {
-      kind: "file";
-      file: ChatWorkspaceFileTab;
-    }
-  | {
-      kind: "cron";
-    };
-
-export type WorkspaceTabViewModel = {
-  key: string;
-  kind: "child-session" | "file" | "cron";
-  title: string;
-  tooltip: string;
-  active: boolean;
-  agentId?: string | null;
-  showUnreadDot?: boolean;
-  viewMode?: "preview" | "diff";
-  onSelect: () => void;
-  onClose?: () => void;
-};
-
-export function readWorkspaceFileTitle(file: ChatWorkspaceFileTab): string {
-  const label = file.label?.trim();
-  if (label) {
-    return label;
-  }
-  return file.path.split("/").filter(Boolean).pop() || file.path;
-}
-
-export function resolveWorkspaceSelection(params: {
-  activePanelKind?: "child-session" | "file" | "cron" | null;
-  activeChildSessionKey: string | null;
-  activeWorkspaceFileKey: string | null;
-  childSessionTabs: ResolvedChildSessionTab[];
-  workspaceFileTabs: readonly ChatWorkspaceFileTab[];
-  sessionCronJobCount: number;
-}): WorkspaceSelection | null {
-  const {
-    activePanelKind,
-    activeChildSessionKey,
-    activeWorkspaceFileKey,
-    childSessionTabs,
-    workspaceFileTabs,
-    sessionCronJobCount,
-  } = params;
-
-  if (activePanelKind === "cron" && sessionCronJobCount > 0) {
-    return { kind: "cron" };
-  }
-
-  if (activePanelKind !== "child-session" && activeWorkspaceFileKey) {
-    const activeFile = workspaceFileTabs.find(
-      (file) => file.key === activeWorkspaceFileKey,
-    );
-    if (activeFile) {
-      return {
-        kind: "file",
-        file: activeFile,
-      };
-    }
-  }
-
-  if (activePanelKind !== "file" && activeChildSessionKey) {
-    const activeChild = childSessionTabs.find(
-      (tab) => tab.sessionKey === activeChildSessionKey,
-    );
-    if (activeChild) {
-      return {
-        kind: "child-session",
-        tab: activeChild,
-      };
-    }
-  }
-
-  if (childSessionTabs[0]) {
-    return {
-      kind: "child-session",
-      tab: childSessionTabs[0],
-    };
-  }
-
-  if (workspaceFileTabs[0]) {
-    return {
-      kind: "file",
-      file: workspaceFileTabs[0],
-    };
-  }
-
-  if (sessionCronJobCount > 0) {
-    return { kind: "cron" };
-  }
-
-  return null;
-}
-
-function WorkspaceTabIcon({ agentId, kind }: Pick<WorkspaceTabViewModel, "agentId" | "kind">) {
-  if (kind === "cron") {
-    return <AlarmClock className="h-3.5 w-3.5 shrink-0 text-gray-400" />;
-  }
-
-  if (kind === "file") {
-    return <FileCode2 className="h-3.5 w-3.5 shrink-0 text-gray-400" />;
-  }
-
-  if (agentId) {
-    return (
-      <AgentIdentityAvatar agentId={agentId} className="h-3.5 w-3.5 shrink-0" />
-    );
-  }
-
-  return <MessageSquareText className="h-3.5 w-3.5 shrink-0 text-gray-400" />;
-}
-
-function WorkspaceTabItem({ tab }: { tab: WorkspaceTabViewModel }) {
-  return (
-    <Tooltip>
-      <TooltipTrigger asChild>
-        <div
-          className={cn(
-            "group flex max-w-[180px] min-w-0 items-center gap-1.5 border-r border-gray-200/70 border-b-2 px-2.5 py-2 transition-colors",
-            tab.active
-              ? "border-b-primary bg-white text-gray-900"
-              : "border-b-transparent bg-gray-50/85 text-gray-500 hover:bg-gray-100",
-          )}
-        >
-          {tab.onClose ? (
-            <button
-              type="button"
-              onClick={(event) => {
-                event.stopPropagation();
-                tab.onClose?.();
-              }}
-              className="relative inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-md text-gray-400 transition-colors hover:bg-gray-200 hover:text-gray-700"
-              aria-label={t("chatWorkspaceCloseFile")}
-            >
-              <span className="flex items-center justify-center group-hover:hidden">
-                <WorkspaceTabIcon kind={tab.kind} agentId={tab.agentId} />
-              </span>
-              <X className="hidden h-3.5 w-3.5 group-hover:block" />
-            </button>
-          ) : (
-            <WorkspaceTabIcon kind={tab.kind} agentId={tab.agentId} />
-          )}
-          <button
-            type="button"
-            onClick={tab.onSelect}
-            className="flex min-w-0 flex-1 items-center gap-1.5 text-left"
-          >
-            <span className="min-w-0 truncate text-[12px] font-medium">
-              {tab.title}
-            </span>
-            {tab.kind === "file" && tab.viewMode === "diff" ? (
-              <span className="shrink-0 rounded border border-amber-200 bg-amber-50 px-1 py-0 text-[9px] font-medium uppercase tracking-[0.08em] text-amber-700">
-                {t("chatWorkspaceDiff")}
-              </span>
-            ) : null}
-            {tab.showUnreadDot ? (
-              <span
-                aria-label={t("chatSessionUnread")}
-                className="h-2 w-2 shrink-0 rounded-full bg-primary"
-              />
-            ) : null}
-          </button>
-        </div>
-      </TooltipTrigger>
-      <TooltipContent side="bottom" className="max-w-[320px] text-xs">
-        {tab.tooltip}
-      </TooltipContent>
-    </Tooltip>
-  );
-}
-
-export function WorkspaceTabsBar({
-  canGoBack,
-  canGoForward,
-  onClose,
-  onGoBack,
-  onGoForward,
-  tabs,
-}: {
-  canGoBack: boolean;
-  canGoForward: boolean;
-  onClose: () => void;
-  onGoBack: () => void;
-  onGoForward: () => void;
-  tabs: readonly WorkspaceTabViewModel[];
-}) {
-  return (
-    <TooltipProvider delayDuration={250}>
-      <div
-        data-testid="workspace-tabs-bar"
-        className="flex min-w-0 items-stretch border-b border-gray-200/70 bg-gray-50/85"
-      >
-        <div className="workspace-horizontal-scrollbar min-w-0 flex-1 overflow-x-auto overflow-y-hidden">
-          <div
-            data-testid="workspace-tabs-scroll"
-            className="flex min-w-max items-stretch"
-          >
-            {tabs.map((tab) => (
-              <WorkspaceTabItem key={tab.key} tab={tab} />
-            ))}
-          </div>
-        </div>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <span className="ml-1 inline-flex self-center">
-              <button
-                type="button"
-                onClick={onGoBack}
-                disabled={!canGoBack}
-                className="flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 disabled:cursor-not-allowed disabled:text-gray-300 disabled:hover:bg-transparent"
-                aria-label={t("chatWorkspaceBack")}
-              >
-                <ArrowLeft className="h-4 w-4" />
-              </button>
-            </span>
-          </TooltipTrigger>
-          <TooltipContent side="bottom" className="text-xs">
-            {t("chatWorkspaceBack")}
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <span className="inline-flex self-center">
-              <button
-                type="button"
-                onClick={onGoForward}
-                disabled={!canGoForward}
-                className="flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 disabled:cursor-not-allowed disabled:text-gray-300 disabled:hover:bg-transparent"
-                aria-label={t("chatWorkspaceForward")}
-              >
-                <ArrowRight className="h-4 w-4" />
-              </button>
-            </span>
-          </TooltipTrigger>
-          <TooltipContent side="bottom" className="text-xs">
-            {t("chatWorkspaceForward")}
-          </TooltipContent>
-        </Tooltip>
-        <button
-          type="button"
-          onClick={onClose}
-          className="mx-1 flex h-7 w-7 shrink-0 self-center items-center justify-center rounded-md text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40"
-          aria-label={t("chatWorkspaceClosePanel")}
-        >
-          <X className="h-4 w-4" />
-        </button>
-      </div>
-    </TooltipProvider>
-  );
-}

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

@@ -1,380 +0,0 @@
-import { useEffect, useMemo, useRef } from "react";
-import { FolderGit2, Loader2 } from "lucide-react";
-import type {
-  ChatFileOpenActionViewModel,
-  ChatToolActionViewModel,
-} from "@nextclaw/agent-chat-ui";
-import type { CronJobView } from "@/shared/lib/api";
-import { useStickyBottomScroll } from "@nextclaw/agent-chat-ui";
-import { ChatMessageListContainer } from "@/features/chat/components/conversation/chat-message-list.container";
-import {
-  useNcpChildSessionTabsView,
-  type ResolvedChildSessionTab,
-} from "@/features/chat/hooks/use-ncp-child-session-tabs-view";
-import { useNcpSessionConversation } from "@/features/chat/hooks/use-ncp-session-conversation";
-import {
-  shouldShowUnreadSessionIndicator,
-  useChatSessionListStore,
-} from "@/features/chat/stores/chat-session-list.store";
-import type {
-  ChatChildSessionTab,
-  ChatWorkspaceNavigationEntry,
-  ChatWorkspaceFileTab,
-} from "@/features/chat/stores/chat-thread.store";
-import {
-  readWorkspaceFileTitle,
-  resolveWorkspaceSelection,
-  type WorkspaceTabViewModel,
-  WorkspaceTabsBar,
-} from "./chat-session-workspace-panel-nav";
-import { usePresenter } from "@/features/chat/components/providers/chat-presenter.provider";
-import { ChatSessionWorkspaceFilePreview } from "./chat-session-workspace-file-preview";
-import { AgentIdentityAvatar } from "@/shared/components/common/agent-identity";
-import { SessionCronJobContent } from "@/features/chat/components/workspace/session-cron-job-content";
-import { ResizableRightPanel } from "@/shared/components/resizable-right-panel/resizable-right-panel";
-import { t } from "@/shared/lib/i18n";
-import { cn } from "@/shared/lib/utils";
-import {
-  canGoBackInNavigationHistory,
-  canGoForwardInNavigationHistory,
-} from "@/shared/lib/navigation-history";
-
-type ChatSessionWorkspacePanelProps = {
-  sessionKey: string | null;
-  childSessionTabs: readonly ChatChildSessionTab[];
-  activeChildSessionKey: string | null;
-  workspaceFileTabs: readonly ChatWorkspaceFileTab[];
-  activeWorkspaceFileKey: string | null;
-  workspaceNavigationHistory?: readonly ChatWorkspaceNavigationEntry[];
-  workspaceNavigationHistoryIndex?: number;
-  activePanelKind?: "child-session" | "file" | "cron" | null;
-  sessionCronJobs?: readonly CronJobView[];
-  sessionProjectRoot: string | null;
-  sessionWorkingDir: string | null;
-  displayMode?: "docked" | "overlay";
-};
-
-function ChildSessionContent({
-  sessionKey,
-  onToolAction,
-  onFileOpen,
-}: {
-  sessionKey: string;
-  onToolAction?: (action: ChatToolActionViewModel) => void;
-  onFileOpen: (action: ChatFileOpenActionViewModel) => void;
-}) {
-  const agent = useNcpSessionConversation(sessionKey);
-  const messages = agent.visibleMessages;
-  const scrollRef = useRef<HTMLDivElement>(null);
-  const { onScroll } = useStickyBottomScroll({
-    scrollRef,
-    resetKey: sessionKey,
-    isLoading: agent.isHydrating,
-    hasContent: messages.length > 0,
-    contentVersion: messages[messages.length - 1] ?? null,
-    stickyThresholdPx: 20,
-  });
-
-  return (
-    <div
-      ref={scrollRef}
-      onScroll={onScroll}
-      className="h-full overflow-y-auto custom-scrollbar"
-    >
-      {agent.isHydrating ? (
-        <div className="flex h-full items-center justify-center text-sm text-gray-500">
-          <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-          {t("chatChildSessionLoading")}
-        </div>
-      ) : agent.hydrateError ? (
-        <div className="px-4 py-5 text-sm text-rose-600">
-          {agent.hydrateError.message}
-        </div>
-      ) : messages.length === 0 && !agent.isRunning ? (
-        <div className="px-4 py-5 text-sm text-gray-500">
-          {t("chatChildSessionEmpty")}
-        </div>
-      ) : (
-        <div className="px-4 py-5">
-          <ChatMessageListContainer
-            messages={messages}
-            isSending={agent.isRunning}
-            onToolAction={onToolAction}
-            onFileOpen={onFileOpen}
-          />
-        </div>
-      )}
-    </div>
-  );
-}
-
-function ChildSessionMetaChip({ value }: { value: string }) {
-  return (
-    <span className="inline-flex max-w-full items-center rounded border border-gray-200 bg-gray-50 px-2 py-0.5 text-[10px] font-medium text-gray-600">
-      <span className="truncate">{value}</span>
-    </span>
-  );
-}
-
-function ChildSessionMetaStrip({ tab }: { tab: ResolvedChildSessionTab }) {
-  const metaItems = [
-    tab.sessionTypeLabel,
-    tab.preferredModel,
-    tab.projectName,
-  ].filter((value): value is string => Boolean(value?.trim()));
-
-  if (metaItems.length === 0 && !tab.projectRoot) {
-    return null;
-  }
-
-  return (
-    <div className="mt-3 space-y-2">
-      {metaItems.length > 0 ? (
-        <div className="flex flex-wrap gap-1.5">
-          {metaItems.map((item) => (
-            <ChildSessionMetaChip key={item} value={item} />
-          ))}
-        </div>
-      ) : null}
-      {tab.projectRoot ? (
-        <div
-          title={tab.projectRoot}
-          className="truncate rounded border border-gray-200 bg-gray-50 px-2 py-1.5 font-mono text-[11px] text-gray-500"
-        >
-          {tab.projectRoot}
-        </div>
-      ) : null}
-    </div>
-  );
-}
-
-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">
-        {tab.agentId ? (
-          <AgentIdentityAvatar
-            agentId={tab.agentId}
-            className="h-4 w-4 shrink-0"
-          />
-        ) : (
-          <FolderGit2 className="h-4 w-4 shrink-0 text-gray-400" />
-        )}
-        <span className="truncate">{tab.title}</span>
-      </div>
-      <ChildSessionMetaStrip tab={tab} />
-    </div>
-  );
-}
-
-function buildWorkspaceTabsViewModel(params: {
-  resolvedChildTabs: ResolvedChildSessionTab[];
-  workspaceFileTabs: readonly ChatWorkspaceFileTab[];
-  sessionCronJobCount: number;
-  activeSelection: ReturnType<typeof resolveWorkspaceSelection>;
-  optimisticReadAtBySessionKey: Record<string, string>;
-  onSelectSession: (sessionKey: string) => void;
-  onSelectFile: (fileKey: string) => void;
-  onCloseFile: (fileKey: string) => void;
-  onSelectCronJobs: () => void;
-}): WorkspaceTabViewModel[] {
-  const {
-    resolvedChildTabs,
-    workspaceFileTabs,
-    sessionCronJobCount,
-    activeSelection,
-    optimisticReadAtBySessionKey,
-    onSelectSession,
-    onSelectFile,
-    onCloseFile,
-    onSelectCronJobs,
-  } = params;
-
-  const childTabs = resolvedChildTabs.map((tab) => {
-    const optimisticReadAt = optimisticReadAtBySessionKey[tab.sessionKey];
-    const effectiveReadAt =
-      optimisticReadAt && tab.readAt
-        ? optimisticReadAt.localeCompare(tab.readAt) > 0
-          ? optimisticReadAt
-          : tab.readAt
-        : (optimisticReadAt ?? tab.readAt);
-    return {
-      key: `child:${tab.sessionKey}`,
-      kind: "child-session" as const,
-      title: tab.title,
-      tooltip: tab.title,
-      agentId: tab.agentId,
-      active:
-        activeSelection?.kind === "child-session" &&
-        activeSelection.tab.sessionKey === tab.sessionKey,
-      showUnreadDot: shouldShowUnreadSessionIndicator({
-        active:
-          activeSelection?.kind === "child-session" &&
-          activeSelection.tab.sessionKey === tab.sessionKey,
-        lastMessageAt: tab.lastMessageAt,
-        readAt: effectiveReadAt,
-        runStatus: tab.runStatus,
-      }),
-      onSelect: () => onSelectSession(tab.sessionKey),
-    };
-  });
-
-  const fileTabs = workspaceFileTabs.map((file) => ({
-    key: `file:${file.key}`,
-    kind: "file" as const,
-    title: readWorkspaceFileTitle(file),
-    tooltip: file.path,
-    viewMode: file.viewMode,
-    active:
-      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,
-          },
-        ]
-      : [];
-
-  return [...childTabs, ...fileTabs, ...cronTab];
-}
-
-export function ChatSessionWorkspacePanel({
-  sessionKey,
-  childSessionTabs,
-  activeChildSessionKey,
-  workspaceFileTabs,
-  activeWorkspaceFileKey,
-  workspaceNavigationHistory = [],
-  workspaceNavigationHistoryIndex = 0,
-  activePanelKind,
-  sessionCronJobs = [],
-  sessionProjectRoot,
-  sessionWorkingDir,
-  displayMode = "docked",
-}: ChatSessionWorkspacePanelProps) {
-  const presenter = usePresenter();
-  const resolvedChildTabs = useNcpChildSessionTabsView(childSessionTabs);
-  const optimisticReadAtBySessionKey = useChatSessionListStore(
-    (state) => state.optimisticReadAtBySessionKey,
-  );
-  const activeSelection = resolveWorkspaceSelection({
-    activeChildSessionKey,
-    activeWorkspaceFileKey,
-    activePanelKind,
-    childSessionTabs: resolvedChildTabs,
-    workspaceFileTabs,
-    sessionCronJobCount: sessionCronJobs.length,
-  });
-  const workspaceHistory = {
-    entries: workspaceNavigationHistory,
-    index: workspaceNavigationHistoryIndex,
-  };
-
-  useEffect(() => {
-    if (
-      activeSelection?.kind !== "child-session" ||
-      activeSelection.tab.runStatus === "running"
-    ) {
-      return;
-    }
-    const activeTabReadAt = activeSelection.tab.lastMessageAt?.trim() ?? null;
-    if (!activeTabReadAt) {
-      return;
-    }
-    presenter.chatSessionListManager.markSessionRead(
-      activeSelection.tab.sessionKey,
-      activeTabReadAt,
-      activeSelection.tab.readAt ?? null,
-    );
-  }, [activeSelection, presenter]);
-
-  const workspaceTabs = useMemo<WorkspaceTabViewModel[]>(
-    () =>
-      buildWorkspaceTabsViewModel({
-        resolvedChildTabs,
-        workspaceFileTabs,
-        sessionCronJobCount: sessionCronJobs.length,
-        activeSelection,
-        optimisticReadAtBySessionKey,
-        onSelectSession: presenter.chatThreadManager.selectChildSessionDetail,
-        onSelectFile: presenter.chatThreadManager.selectWorkspaceFile,
-        onCloseFile: presenter.chatThreadManager.closeWorkspaceFile,
-        onSelectCronJobs: () => {
-          if (sessionKey)
-            presenter.chatThreadManager.openSessionCronPanel(sessionKey);
-        },
-      }),
-    [
-      activeSelection,
-      optimisticReadAtBySessionKey,
-      presenter.chatThreadManager,
-      resolvedChildTabs,
-      sessionKey,
-      workspaceFileTabs,
-      sessionCronJobs.length,
-    ],
-  );
-
-  if (!activeSelection) {
-    return null;
-  }
-
-  return (
-    <ResizableRightPanel
-      className={cn(
-        displayMode === "overlay"
-          ? "bg-white"
-          : "hidden border-gray-200/70 bg-white/95 backdrop-blur-sm md:flex",
-      )}
-      defaultWidth={480}
-      minWidth={360}
-      maxWidth={860}
-      overlay={displayMode === "overlay"}
-    >
-      <WorkspaceTabsBar
-        tabs={workspaceTabs}
-        canGoBack={canGoBackInNavigationHistory(workspaceHistory)}
-        canGoForward={canGoForwardInNavigationHistory(workspaceHistory)}
-        onGoBack={presenter.chatThreadManager.goBackWorkspacePanel}
-        onGoForward={presenter.chatThreadManager.goForwardWorkspacePanel}
-        onClose={presenter.chatThreadManager.closeWorkspacePanel}
-      />
-
-      <div className="flex min-h-0 flex-1 flex-col bg-white">
-        {activeSelection.kind === "child-session" ? (
-          <>
-            <WorkspaceActiveChildHeader tab={activeSelection.tab} />
-            <div className="flex-1 min-h-0">
-              <ChildSessionContent
-                sessionKey={activeSelection.tab.sessionKey}
-                onToolAction={
-                  presenter.chatThreadManager.openSessionFromToolAction
-                }
-                onFileOpen={presenter.chatThreadManager.openFilePreview}
-              />
-            </div>
-          </>
-        ) : activeSelection.kind === "file" ? (
-          <ChatSessionWorkspaceFilePreview
-            file={activeSelection.file}
-            sessionProjectRoot={sessionProjectRoot}
-            sessionWorkingDir={sessionWorkingDir}
-            onFileOpen={presenter.chatThreadManager.openFilePreview}
-          />
-        ) : (
-          <SessionCronJobContent jobs={sessionCronJobs} />
-        )}
-      </div>
-    </ResizableRightPanel>
-  );
-}