From c4488332f6ab1aa91a97ea205e9ef2842ab1addc Mon Sep 17 00:00:00 2001
From: Yuto Nishida <yuto@berkeley.edu>
Date: Sun, 9 Aug 2026 17:16:05 -0700
Subject: [PATCH] [owl] Keep current view mode

---
 experimental/owl/web/src/components/FileTree.astro | 10 ++++++----
 experimental/owl/web/src/layouts/Shell.astro       |  6 ++++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/experimental/owl/web/src/components/FileTree.astro b/experimental/owl/web/src/components/FileTree.astro
index 131916f..c0fce68 100644
--- a/experimental/owl/web/src/components/FileTree.astro
+++ b/experimental/owl/web/src/components/FileTree.astro
@@ -1,14 +1,16 @@
 ---
 // Recursive file-tree sidebar. Directories are collapsible <details>, expanded
-// along the path to the current file. Files link to their rendered view.
+// along the path to the current file. Files link to the sidebar's current view
+// (rendered or raw), so navigating the tree keeps you in the same view.
 import Self from './FileTree.astro';
 import type { TreeNode } from '../lib/manifest';
 
 interface Props {
   node: TreeNode;
   current: string;
+  view: 'rendered' | 'raw';
 }
-const { node, current } = Astro.props;
+const { node, current, view } = Astro.props;
 ---
 
 <ul class="owl-tree">
@@ -18,12 +20,12 @@ const { node, current } = Astro.props;
         <li class="owl-tree-dir">
           <details open={current === child.path || current.startsWith(`${child.path}/`)}>
             <summary>{child.name}</summary>
-            <Self node={child} current={current} />
+            <Self node={child} current={current} view={view} />
           </details>
         </li>
       ) : (
         <li class={current === child.path ? 'owl-tree-file owl-current' : 'owl-tree-file'}>
-          <a href={`/rendered/${child.path}`}>{child.name}</a>
+          <a href={`/${view}/${child.path}`}>{child.name}</a>
         </li>
       ),
     )
diff --git a/experimental/owl/web/src/layouts/Shell.astro b/experimental/owl/web/src/layouts/Shell.astro
index dacf8f0..451970f 100644
--- a/experimental/owl/web/src/layouts/Shell.astro
+++ b/experimental/owl/web/src/layouts/Shell.astro
@@ -11,7 +11,9 @@ interface Props {
   path?: string;
   view?: 'rendered' | 'raw' | 'tree';
 }
-const { title, path = '' } = Astro.props;
+const { title, path = '', view = 'rendered' } = Astro.props;
+// Sidebar links stay in the current file view; directory (tree) pages fall back to rendered.
+const treeView = view === 'raw' ? 'raw' : 'rendered';
 const tree = buildTree();
 ---
 
@@ -172,7 +174,7 @@ const tree = buildTree();
   <body>
     <aside class="owl-sidebar">
       <a class="owl-logo" href="/">owl</a>
-      <FileTree node={tree} current={path} />
+      <FileTree node={tree} current={path} view={treeView} />
     </aside>
     <main class="owl-main">
       <header class="owl-header">
-- 
2.54.0