@jetcrab/pi-desk 1.1.8-dev → 1.1.10

package/src/client/l2_biz/workbench/git-workspace/l2-git-workspace-runtime.ts

@@ -58,6 +58,7 @@ interface MutableCwdGitWorkspace {
 interface ProjectRef {
   workId: string
   cwd: string
+  readOnly?: boolean
 }
 
 function createWorkspace(cwd: string): MutableCwdGitWorkspace {
@@ -107,7 +108,8 @@ export class L2GitWorkspaceRuntime {
 
   reconcileWorkSessions(
     workSessions: readonly L2WorkSessionListItem[],
-    focusedWorkId: string | null
+    focusedWorkId: string | null,
+    previewDirectories: readonly Pick<ProjectRef, 'workId' | 'cwd'>[] = []
   ): void {
     const next = new Map<string, ProjectRef>()
     const focused = focusedWorkId
@@ -120,9 +122,16 @@ export class L2GitWorkspaceRuntime {
       }
     }
 
+    for (const directory of previewDirectories) {
+      if (!next.has(directory.cwd)) next.set(directory.cwd, { ...directory, readOnly: true })
+    }
     const changed =
       next.size !== this.projectRefs.size ||
-      [...next].some(([cwd, ref]) => this.projectRefs.get(cwd)?.workId !== ref.workId)
+      [...next].some(
+        ([cwd, ref]) =>
+          this.projectRefs.get(cwd)?.workId !== ref.workId ||
+          this.projectRefs.get(cwd)?.readOnly !== ref.readOnly
+      )
     if (!changed) return
     this.projectRefs.clear()
     for (const [cwd, ref] of next) this.projectRefs.set(cwd, ref)
@@ -171,7 +180,7 @@ export class L2GitWorkspaceRuntime {
     workspace.heads = { ...workspace.heads, status: 'loading', error: null }
     this.publish()
     try {
-      const result = await this.biz.getHeads(project, controller.signal)
+      const result = await this.biz.getHeads({ workId: project.workId, cwd }, controller.signal)
       if (workspace.headsRequest?.token !== token) return
       workspace.headsRequest = null
       workspace.heads = { status: 'ready', repositories: result.repositories, error: null }
@@ -238,7 +247,10 @@ export class L2GitWorkspaceRuntime {
     this.publish()
 
     try {
-      const data = await this.biz.listBranches({ ...project, repositoryRoot }, controller.signal)
+      const data = await this.biz.listBranches(
+        { workId: project.workId, cwd, repositoryRoot },
+        controller.signal
+      )
       if (workspace.branchRequests.get(repositoryRoot)?.token !== token) return
       workspace.branchRequests.delete(repositoryRoot)
       workspace.branches.set(repositoryRoot, { status: 'ready', data, error: null })
@@ -261,7 +273,7 @@ export class L2GitWorkspaceRuntime {
     repositoryRoot: string,
     target: L2WorkSessionGitBranchTarget
   ): Promise<void> {
-    const project = this.requireProject(cwd)
+    const project = this.requireWritableProject(cwd)
     const workspace = this.workspaceFor(cwd)
     if (workspace.branchOperations.has(repositoryRoot)) return
     workspace.branchOperations.add(repositoryRoot)
@@ -283,7 +295,7 @@ export class L2GitWorkspaceRuntime {
     name: string,
     startPoint: L2WorkSessionGitBranchTarget | null
   ): Promise<void> {
-    const project = this.requireProject(cwd)
+    const project = this.requireWritableProject(cwd)
     const workspace = this.workspaceFor(cwd)
     if (workspace.branchOperations.has(repositoryRoot)) return
     workspace.branchOperations.add(repositoryRoot)
@@ -346,7 +358,7 @@ export class L2GitWorkspaceRuntime {
     this.publish()
 
     try {
-      const result = await this.biz.get(project, controller.signal)
+      const result = await this.biz.get({ workId: project.workId, cwd }, controller.signal)
       if (workspace.snapshotRequest?.token !== token) return
       workspace.snapshotRequest = null
       workspace.snapshot = { status: 'ready', repositories: result.repositories, error: null }
@@ -373,7 +385,13 @@ export class L2GitWorkspaceRuntime {
   private requireProject(cwd: string): ProjectRef {
     const project = this.projectRefs.get(cwd)
     if (!project) throw new Error(l2WorkbenchText('gitNoProjectOperation'))
-    return project
+    return { workId: project.workId, cwd: project.cwd }
+  }
+
+  private requireWritableProject(cwd: string): ProjectRef {
+    if (this.projectRefs.get(cwd)?.readOnly)
+      throw new Error(l2WorkbenchText('gitNoProjectOperation'))
+    return this.requireProject(cwd)
   }
 
   private applyRepository(

package/src/client/l2_biz/workbench/hooks/l2-workbench-chat-viewport.ts

@@ -7,8 +7,7 @@ import {
   clearL3ConversationTailSpacer,
   findL3ConversationMessage,
   logL3ConversationScroll,
-  positionL3ConversationMessage,
-  readL3ConversationTailSpacerHeight
+  positionL3ConversationMessage
 } from '@client/l3_modules/conversation/l3-conversation-viewport'
 import type { L2WorkbenchChatViewportSnapshot } from '../l2-workbench-chat'
 
@@ -33,6 +32,7 @@ function markProgrammaticScroll(scrollState: StickToBottomState, scrollElement:
 }
 
 interface L2WorkbenchChatViewportManagerProps {
+  active: boolean
   visible?: boolean
   running: boolean
   ready: boolean
@@ -48,19 +48,7 @@ function activeTailTurn(scrollElement: HTMLElement): HTMLElement | null {
   return scrollElement.querySelector<HTMLElement>('[data-chat-tail-space]')
 }
 
-function captureSnapshot(
-  scrollElement: HTMLElement,
-  includeBottom = false
-): L2WorkbenchChatViewportSnapshot | null {
-  const distanceFromBottom =
-    scrollElement.scrollHeight - scrollElement.scrollTop - scrollElement.clientHeight
-  if (
-    !includeBottom &&
-    readL3ConversationTailSpacerHeight(scrollElement) <= BOTTOM_THRESHOLD_PX &&
-    distanceFromBottom <= BOTTOM_THRESHOLD_PX
-  )
-    return null
-
+function captureSnapshot(scrollElement: HTMLElement): L2WorkbenchChatViewportSnapshot | null {
   const containerTop = scrollElement.getBoundingClientRect().top
   let closest: { messageId: string; offset: number; distance: number } | null = null
   for (const message of scrollElement.querySelectorAll<HTMLElement>('[data-chat-scroll-anchor]')) {
@@ -74,6 +62,7 @@ function captureSnapshot(
 }
 
 export function L2WorkbenchChatViewportManager({
+  active,
   visible = true,
   running,
   ready,
@@ -96,8 +85,9 @@ export function L2WorkbenchChatViewportManager({
   const positionedUserAnchorRef = useRef<string | null>(null)
   // 只在首次进入仍在运行的视图时恢复旧锚点；之后的新用户消息使用自己的锚点。
   const entrySnapshotRef = useRef(running ? entrySnapshot : null)
-  const suspendedSnapshotRef = useRef<L2WorkbenchChatViewportSnapshot | null>(null)
-  const suspendedScrollTopRef = useRef<number | null>(null)
+  const suspendedViewportRef = useRef<
+    'follow' | { snapshot: L2WorkbenchChatViewportSnapshot | null; scrollTop: number } | null
+  >(null)
 
   useLayoutEffect(() => {
     const scrollElement = scrollRef.current
@@ -115,37 +105,65 @@ export function L2WorkbenchChatViewportManager({
   useLayoutEffect(() => {
     const scrollElement = scrollRef.current
     if (!scrollElement) return
+    // 切到其他会话后仍按进入规则定位；同会话查看文件只暂停阅读。
+    if (!active && !running) {
+      initializedRef.current = false
+      entrySnapshotRef.current = null
+      suspendedViewportRef.current = null
+      stopScroll()
+      logL3ConversationScroll('viewport:leave-ended', scrollElement)
+      return
+    }
     if (!visible) {
-      if (suspendedScrollTopRef.current === null) {
-        suspendedSnapshotRef.current = captureSnapshot(scrollElement, true)
-        suspendedScrollTopRef.current = scrollElement.scrollTop
+      if (initializedRef.current && suspendedViewportRef.current === null) {
+        // stopScroll 会清掉库的跟随状态；查看文件仍只暂停阅读，不恢复跟随。
+        suspendedViewportRef.current =
+          !active && containsTail && state.isAtBottom
+            ? 'follow'
+            : { snapshot: captureSnapshot(scrollElement), scrollTop: scrollElement.scrollTop }
+        logL3ConversationScroll('viewport:suspend', scrollElement, {
+          follow: suspendedViewportRef.current === 'follow'
+        })
       }
       stopScroll()
       return
     }
-    if (suspendedScrollTopRef.current === null) return
-    if (!running) {
-      initializedRef.current = false
-      entrySnapshotRef.current = null
-      suspendedSnapshotRef.current = null
-      suspendedScrollTopRef.current = null
-      logL3ConversationScroll('viewport:reenter-ended', scrollElement)
-      return
+    const suspended = suspendedViewportRef.current
+    if (suspended === null) return
+    if (suspended === 'follow') {
+      onClearSnapshot()
+      scrollElement.scrollTop = Math.max(0, scrollElement.scrollHeight - scrollElement.clientHeight)
+      markProgrammaticScroll(state, scrollElement)
+      void scrollToBottom({ animation: 'instant' })
+      logL3ConversationScroll('viewport:restore-follow', scrollElement)
+    } else {
+      stopScroll()
+      const { snapshot } = suspended
+      const target = snapshot
+        ? findL3ConversationMessage(scrollElement, 'data-chat-scroll-anchor', snapshot.messageId)
+        : null
+      if (snapshot && target)
+        positionL3ConversationMessage(scrollElement, target, snapshot.offset, containsTail)
+      else scrollElement.scrollTop = suspended.scrollTop
+      markProgrammaticScroll(state, scrollElement)
+      logL3ConversationScroll('viewport:restore-reading', scrollElement, { running, snapshot })
     }
-    stopScroll()
-    const snapshot = suspendedSnapshotRef.current
-    const target = snapshot
-      ? findL3ConversationMessage(scrollElement, 'data-chat-scroll-anchor', snapshot.messageId)
-      : null
-    if (snapshot && target)
-      positionL3ConversationMessage(scrollElement, target, snapshot.offset, containsTail)
-    else scrollElement.scrollTop = suspendedScrollTopRef.current
-    // 仍在运行时，隐藏期间的新消息不能覆盖离开前的阅读位置。
+    // 隐藏期间的新消息或回复结束都不能覆盖离开前的阅读位置。
     initializedRef.current = true
     positionedUserAnchorRef.current = latestUserAnchor
-    suspendedSnapshotRef.current = null
-    suspendedScrollTopRef.current = null
-  }, [containsTail, latestUserAnchor, running, scrollRef, stopScroll, visible])
+    suspendedViewportRef.current = null
+  }, [
+    active,
+    containsTail,
+    latestUserAnchor,
+    onClearSnapshot,
+    running,
+    scrollRef,
+    scrollToBottom,
+    state,
+    stopScroll,
+    visible
+  ])
 
   useLayoutEffect(() => {
     const returnedToPage = pageVisible && !previousPageVisibleRef.current
@@ -225,8 +243,8 @@ export function L2WorkbenchChatViewportManager({
             0,
             scrollElement.scrollHeight - scrollElement.clientHeight
           )
-          void scrollToBottom({ animation: 'instant' })
         }
+        markProgrammaticScroll(state, scrollElement)
       } else {
         clearL3ConversationTailSpacer(scrollElement)
         scrollElement.scrollTop = Math.max(
@@ -236,6 +254,9 @@ export function L2WorkbenchChatViewportManager({
         void scrollToBottom({ animation: 'instant' })
       }
 
+      // 定位时就确立跟随，不能等下一帧，否则立即切走会丢失这个状态。
+      if (followAfterPosition) void scrollToBottom({ animation: 'instant' })
+
       logL3ConversationScroll('viewport:initialize:positioned', scrollElement, {
         initializing,
         running,
@@ -249,7 +270,6 @@ export function L2WorkbenchChatViewportManager({
       if (initializing && !running && target) {
         // 首屏的懒布局仍会改变高度；用户开始操作后立即交还阅读位置。
         const entryTarget = target
-        markProgrammaticScroll(state, scrollElement)
         const observer = new ResizeObserver(() => {
           stopScroll()
           positionL3ConversationMessage(scrollElement, entryTarget, targetOffset, containsTail)
@@ -271,14 +291,12 @@ export function L2WorkbenchChatViewportManager({
         releaseEntryAnchor = release
       }
       releaseFrame = window.requestAnimationFrame(() => {
-        if (followAfterPosition) void scrollToBottom({ animation: 'instant' })
-        else if (target) stopScroll()
         positioningRef.current = releaseEntryAnchor !== null
       })
     }
 
-    // 首次挂载必须在首帧绘制前定位；后续新用户消息仍等待一帧完成布局。
-    if (initializing && scrollRef.current) position()
+    // 已提交的消息在绘制前定位，避免新消息到达后切走取消待执行的定位。
+    if (scrollRef.current) position()
     else positionFrame = window.requestAnimationFrame(position)
 
     return () => {
@@ -338,6 +356,11 @@ export function L2WorkbenchChatViewportManager({
 
     const save = (): void => {
       if (positioningRef.current) return
+      // 留白是消息定位的布局空间，不代表用户退出了跟随。
+      if (containsTail && state.isAtBottom) {
+        onClearSnapshot()
+        return
+      }
       const snapshot = captureSnapshot(scrollElement)
       if (snapshot) onSaveSnapshot(snapshot)
       else onClearSnapshot()
@@ -347,7 +370,7 @@ export function L2WorkbenchChatViewportManager({
       scrollElement.removeEventListener('scroll', save)
       save()
     }
-  }, [onClearSnapshot, onSaveSnapshot, running, scrollRef, visible])
+  }, [containsTail, onClearSnapshot, onSaveSnapshot, running, scrollRef, state, visible])
 
   return null
 }

package/src/client/l2_biz/workbench/l2-work-session-columns.tsx

@@ -329,6 +329,7 @@ const WorkSessionColumn = memo(function WorkSessionColumn({
               </div>
             </header>
             <L2WorkbenchChatView
+              active={contentActive}
               visible={chatVisible && contentActive}
               workSession={workSession}
               chatRuntime={chatRuntime}

package/src/client/l2_biz/workbench/l2-workbench-chat-view.tsx

@@ -25,6 +25,7 @@ import { L2WorkbenchChatNavigation } from './hooks/l2-workbench-chat-navigation'
 import { L2WorkbenchChatViewportManager } from './hooks/l2-workbench-chat-viewport'
 
 interface L2WorkbenchChatViewProps {
+  active: boolean
   visible: boolean
   workSession: L2WorkSessionListItem
   chatRuntime: L2WorkbenchChatRuntime
@@ -33,6 +34,7 @@ interface L2WorkbenchChatViewProps {
 }
 
 function L2WorkbenchChatViewComponent({
+  active,
   visible,
   workSession,
   chatRuntime,
@@ -138,22 +140,9 @@ function L2WorkbenchChatViewComponent({
         >
           {(turnWindow) => (
             <>
-              <L2WorkbenchChatViewportManager
-                key={`viewport:${source.sessionId}:${source.branchId}`}
-                visible={visible}
-                running={viewportRunning}
-                ready={hasMessages}
-                containsTail={turnWindow.containsTail}
-                latestUserAnchor={latestUserAnchor}
-                entrySnapshot={entrySnapshot}
-                onResetToTail={turnWindow.resetToTail}
-                onSaveSnapshot={saveViewportSnapshot}
-                onClearSnapshot={clearViewportSnapshot}
-              />
-              <L3ConversationTailSpacerObserver active={visible} />
               <L3ConversationStickToBottomBridge>
                 <ConversationContent
-                  scrollClassName="pi-desk-chat-scrollbar pi-desk-chat-conversation-scroll"
+                  scrollClassName="pi-desk-chat-scrollbar pi-desk-chat-conversation-scroll overflow-auto"
                   className="mx-auto min-h-full w-full max-w-3xl gap-6 px-3 pt-3 pb-4 sm:px-5"
                 >
                   {turnWindow.visibleTurns.map((turn, index) => {
@@ -172,6 +161,21 @@ function L2WorkbenchChatViewComponent({
                   })}
                 </ConversationContent>
               </L3ConversationStickToBottomBridge>
+              {/* 内容先挂载，确保视口管理器的布局 effect 能取得滚动节点。 */}
+              <L2WorkbenchChatViewportManager
+                key={`viewport:${source.sessionId}:${source.branchId}`}
+                active={active}
+                visible={visible}
+                running={viewportRunning}
+                ready={hasMessages}
+                containsTail={turnWindow.containsTail}
+                latestUserAnchor={latestUserAnchor}
+                entrySnapshot={entrySnapshot}
+                onResetToTail={turnWindow.resetToTail}
+                onSaveSnapshot={saveViewportSnapshot}
+                onClearSnapshot={clearViewportSnapshot}
+              />
+              <L3ConversationTailSpacerObserver active={visible} />
               <L2WorkbenchChatNavigation
                 key={`navigation:${source.sessionId}:${source.branchId}`}
                 active={visible}

package/src/client/l2_biz/workbench/l2-workbench.tsx

@@ -72,6 +72,10 @@ import { createL2WorkbenchBiz } from './l2-workbench-biz'
 import { createL2WorkbenchVersionRefresh } from './l2-workbench-version-refresh'
 import { L2FileWorkspaceRuntime } from './file-workspace/l2-file-workspace-runtime'
 import { L2ProjectFileBrowser } from './file-workspace/l2-project-file-browser'
+import {
+  subscribeL2ProjectPreviewDirectories,
+  syncL2ProjectPreviewGitReferences
+} from './file-workspace/l2-project-preview-biz'
 import {
   L2PluginStandaloneFilePreview,
   type L2PluginStandaloneFilePreviewTarget
@@ -607,8 +611,8 @@ export function L2Workbench({
 
       workSessionsInitializedRef.current = true
       pluginHost.replaceWorkSessions(next.workSessions)
-      fileRuntime.reconcileWorkSessions(next.workSessions)
       workSessionsRef.current = next.workSessions
+      fileRuntime.reconcileWorkSessions(next.workSessions)
       pinnedCountRef.current = next.pinnedCount
       setPluginStandaloneFilePreview((current) => {
         if (!current) return null
@@ -811,8 +815,20 @@ export function L2Workbench({
   }, [])
 
   useEffect(() => {
-    gitRuntime.reconcileWorkSessions(workSessions, focusedWorkId)
-  }, [focusedWorkId, gitRuntime, workSessions])
+    syncL2ProjectPreviewGitReferences(fileRuntime, gitRuntime, workSessions, focusedWorkId)
+  }, [fileRuntime, focusedWorkId, gitRuntime, workSessions])
+
+  useEffect(
+    () =>
+      subscribeL2ProjectPreviewDirectories(
+        chatRuntime,
+        fileRuntime,
+        gitRuntime,
+        () => workSessionsRef.current,
+        () => focusedWorkIdRef.current
+      ),
+    [chatRuntime, fileRuntime, gitRuntime]
+  )
 
   useEffect(() => {
     const token = {}
@@ -976,8 +992,22 @@ export function L2Workbench({
     const displayed = getL2DisplayedWorkSessionIds(layout, pinnedWorkIds)
       .map((workId) => workSessionById.get(workId))
       .filter((workSession): workSession is L2WorkSessionListItem => workSession !== undefined)
+    if (fileBrowserMounted && activeWorkSession && sidebarMode === 'files') {
+      if (!displayed.some((session) => session.workId === activeWorkSession.workId)) {
+        displayed.push(activeWorkSession)
+      }
+    }
     chatRuntime.ensureDisplayedWorkSessions(displayed)
-  }, [chatRuntime, layout, layoutLoaded, pinnedWorkIds, workSessions])
+  }, [
+    activeWorkSession,
+    chatRuntime,
+    fileBrowserMounted,
+    layout,
+    layoutLoaded,
+    pinnedWorkIds,
+    sidebarMode,
+    workSessions
+  ])
 
   useEffect(() => {
     if (!layoutLoaded) return
@@ -1513,7 +1543,7 @@ export function L2Workbench({
   const handleSidebarRefreshFiles = useCallback((): void => {
     if (!activeCwd || !activeWorkId) return
     fileRuntime.refreshTree(activeWorkId)
-    void gitRuntime.refreshSnapshot(activeCwd)
+    void gitRuntime.refreshSnapshot(fileRuntime.getDirectory(activeWorkId))
   }, [activeCwd, activeWorkId, fileRuntime, gitRuntime])
   const openGitBranchPicker = useCallback((target: L2GitBranchPickerTarget): void => {
     setGitBranchPickerTarget(target)
@@ -1553,6 +1583,7 @@ export function L2Workbench({
         closeMobileDrawer()
         return
       }
+      fileRuntime.selectDirectory(current.workId, current.cwd)
       fileRuntime.openFile(current.workId, path)
       focusWorkSession(current.workId)
       closeMobileDrawer()
@@ -1851,7 +1882,7 @@ export function L2Workbench({
         if (!activeCwd) return
         closeMobileDrawer()
         fileRuntime.collapseExpandedWindow()
-        pluginHost.previewProject(activeCwd)
+        pluginHost.previewProject(activeWorkId ? fileRuntime.getDirectory(activeWorkId) : activeCwd)
       }}
       onOpenTerminal={() => {
         closeMobileDrawer()

package/src/client/l3_modules/conversation/l3-conversation-messages.tsx

@@ -91,6 +91,7 @@ interface DetailLoadState {
 }
 
 const USER_MESSAGE_COLLAPSE_THRESHOLD_LINES = 6
+const THINKING_RENDER_CHARACTER_LIMIT = 5_000
 const MESSAGE_COPY_FEEDBACK_MS = 1500
 const PROCESS_ITEM_BATCH_SIZE = 64
 const TOOL_DETAIL_SCROLL_CLASS = 'max-h-[min(20rem,45dvh)] overflow-auto [scrollbar-gutter:stable]'
@@ -656,22 +657,40 @@ function AssistantReasoningContent({
   content: string
   streaming: boolean
 }): React.JSX.Element {
+  const { t } = useTranslation('conversation')
   const { scrollRef, contentRef } = useStickToBottom({
     initial: streaming ? 'instant' : false,
     resize: 'instant'
   })
+  const truncated = content.length > THINKING_RENDER_CHARACTER_LIMIT
+  const visibleContent = content.slice(-THINKING_RENDER_CHARACTER_LIMIT)
 
   return (
-    <div
-      ref={scrollRef}
-      className="max-h-56 overflow-y-auto pb-2 pr-2 [scrollbar-gutter:stable] sm:max-h-72"
-    >
-      <div ref={contentRef}>
-        <L3ConversationMarkdown isAnimating={streaming} mode={streaming ? 'streaming' : 'static'}>
-          {content}
-        </L3ConversationMarkdown>
+    <>
+      <div
+        ref={scrollRef}
+        className="max-h-56 overflow-y-auto pb-2 pr-2 [scrollbar-gutter:stable] sm:max-h-72"
+      >
+        <div ref={contentRef}>
+          {/* Streamdown 按节点位置缓存元素；窗口移动时重建，避免等长内容沿用旧文本。 */}
+          <L3ConversationMarkdown
+            key={truncated ? content.length : undefined}
+            isAnimating={streaming}
+            mode={streaming ? 'streaming' : 'static'}
+          >
+            {visibleContent}
+          </L3ConversationMarkdown>
+        </div>
       </div>
-    </div>
+      {truncated ? (
+        <div className="flex items-center justify-between gap-2 pt-1">
+          <p className="text-xs text-muted-foreground">
+            {t('thinkingTruncated', { count: THINKING_RENDER_CHARACTER_LIMIT })}
+          </p>
+          <MessageCopyAction text={content} copyLabel={t('copyThinking')} alwaysVisible />
+        </div>
+      ) : null}
+    </>
   )
 }
 

package/src/client/l3_modules/project-files/l3-project-file-browser.tsx

@@ -64,6 +64,8 @@ interface L3ProjectFileBrowserProps {
   gitRuntime: L3ProjectGitBrowser
   onOpenGitBranches: (repositoryRoot: string) => void
   onFileOpened?: () => void
+  rootTitle?: React.ReactNode
+  gitReadOnly?: boolean
 }
 
 const EMPTY_GIT_REPOSITORIES: readonly L4GitRepository[] = []
@@ -155,7 +157,9 @@ export function L3ProjectFileBrowser({
   runtime,
   gitRuntime,
   onOpenGitBranches,
-  onFileOpened
+  onFileOpened,
+  rootTitle,
+  gitReadOnly = false
 }: L3ProjectFileBrowserProps): React.JSX.Element {
   const { t } = useTranslation('projectFiles')
   const { locale } = useL4Region()
@@ -165,7 +169,8 @@ export function L3ProjectFileBrowser({
   const gitWorkspace = gitRuntime.getWorkspace(cwd)
   const scrollRef = useRef<HTMLDivElement>(null)
   const searchInputRef = useRef<HTMLInputElement>(null)
-  const [searchOpen, setSearchOpen] = useState(false)
+  const searchOpen = workspace.searchOpen
+  const setSearchOpen = (open: boolean): void => runtime.setSearchOpen(open)
   const [visibleEntries, setVisibleEntries] = useState<Record<string, number>>({})
   const moreEntries = (key: string, total: number): React.ReactNode => {
     const count = visibleEntries[key] ?? 300
@@ -548,14 +553,14 @@ export function L3ProjectFileBrowser({
             <button
               data-testid={`project-git-branch-${root || 'root'}`}
               type="button"
-              disabled={repository.state !== 'ready'}
+              disabled={gitReadOnly || repository.state !== 'ready'}
               className={cn(
                 buttonVariants({ variant: 'outline', size: 'sm' }),
                 'max-w-28 shrink gap-1 font-mono text-xs text-muted-foreground'
               )}
               title={
                 repository.state === 'ready'
-                  ? t('gitBranches')
+                  ? t(gitReadOnly ? 'gitBranchReadOnly' : 'gitBranches')
                   : selectL4LocalizedText(repository.message, locale)
               }
               onClick={() => onOpenGitBranches(root)}
@@ -667,28 +672,35 @@ export function L3ProjectFileBrowser({
               runtime.canReveal ? (path, type) => runtime.revealFile(path, type) : undefined
             }
             trigger={
-              <div tabIndex={0} className="flex min-w-0 flex-1 items-baseline gap-1">
-                <p className="shrink-0 truncate text-xs font-semibold" title={projectName}>
-                  {projectName}
-                </p>
-                <span className="text-xs text-muted-foreground">·</span>
-                <p className="min-w-0 truncate font-mono text-xs text-muted-foreground" title={cwd}>
-                  {compactPath(cwd)}
-                </p>
-              </div>
+              rootTitle ? (
+                <div className="flex min-w-0 flex-1">{rootTitle}</div>
+              ) : (
+                <div tabIndex={0} className="flex min-w-0 flex-1 items-baseline gap-1">
+                  <p className="shrink-0 truncate text-xs font-semibold" title={projectName}>
+                    {projectName}
+                  </p>
+                  <span className="text-xs text-muted-foreground">·</span>
+                  <p
+                    className="min-w-0 truncate font-mono text-xs text-muted-foreground"
+                    title={cwd}
+                  >
+                    {compactPath(cwd)}
+                  </p>
+                </div>
+              )
             }
           />
           {singleProjectRootRepository ? (
             <button
               type="button"
-              disabled={singleProjectRootRepository.state !== 'ready'}
+              disabled={gitReadOnly || singleProjectRootRepository.state !== 'ready'}
               className={cn(
                 buttonVariants({ variant: 'outline', size: 'sm' }),
                 'max-w-32 shrink gap-1 font-mono text-xs text-muted-foreground'
               )}
               title={
                 singleProjectRootRepository.state === 'ready'
-                  ? t('gitBranches')
+                  ? t(gitReadOnly ? 'gitBranchReadOnly' : 'gitBranches')
                   : selectL4LocalizedText(singleProjectRootRepository.message, locale)
               }
               onClick={() => onOpenGitBranches('')}

package/src/client/l3_modules/project-files/l3-project-file-runtime.ts

@@ -79,6 +79,7 @@ export interface L3ProjectFileState {
   expandedPaths: Set<string>
   treeScrollTop: number
   search: L3FileSearch
+  searchOpen: boolean
   documents: Map<string, L3FileDocument>
   activeDiff: L3FileDiff | null
 }
@@ -130,6 +131,7 @@ export class L3ProjectFileRuntime {
     expandedPaths: new Set(),
     treeScrollTop: 0,
     search: { query: '', status: 'idle', matches: [], truncated: false, error: null },
+    searchOpen: false,
     documents: new Map(),
     activeDiff: null
   }
@@ -159,6 +161,11 @@ export class L3ProjectFileRuntime {
     return () => this.listeners.delete(listener)
   }
   getRevision = (): number => this.revision
+  setSearchOpen(open: boolean): void {
+    if (this.state.searchOpen === open) return
+    this.state.searchOpen = open
+    this.publish()
+  }
   get canReveal(): boolean {
     return Boolean(this.options.reveal)
   }

package/src/client/l4_foundation/ui/code/l4-code-preferences.ts

@@ -8,7 +8,7 @@ const LEGACY_STORAGE_KEY = 'pi-super:project-preview:global'
 const PreferencesSchema = z.object({
   wrapLines: z.boolean().default(true),
   diffViewMode: z.enum(['side-by-side', 'inline']).default('side-by-side'),
-  collapseUnchanged: z.boolean().default(true)
+  collapseUnchanged: z.boolean().default(false)
 })
 type CodePreferences = z.infer<typeof PreferencesSchema>
 const DEFAULT_PREFERENCES = PreferencesSchema.parse({})