Merge pull request #244 from Point72/tkp/hf

Configure title to reset layout, fix default restore issue

Author: timkpaine

js/src/components/header.jsx

@@ -72,7 +72,18 @@ export function Header(props) {
       {/* Left */}
       <div className="row">
         {headerLogo}
-        <h1 className="header-title">{openapi?.info.title}</h1>
+        <a
+          href="/"
+          onClick={(e) => {
+            e.preventDefault();
+            const url = new URL(window.location);
+            url.searchParams.delete("layout");
+            window.history.replaceState(null, "", url);
+            window.location.reload();
+          }}
+        >
+          <h1 className="header-title">{openapi?.info.title}</h1>
+        </a>
         <p className="header-version">{openapi?.info.version}</p>
       </div>
 

js/src/components/perspective/workspace.jsx

@@ -37,6 +37,7 @@ export const Workspace = forwardRef(function Workspace(
   const wsRef = useRef(null);
   const [layouts, setLayouts] = useState({});
   const [activeLayoutName, setActiveLayoutName] = useState(null);
+  const [restoreCount, setRestoreCount] = useState(0);
   const initializedRef = useRef(false);
 
   // ── Imperative handle for Header and other consumers ──────────────
@@ -46,7 +47,10 @@ export const Workspace = forwardRef(function Workspace(
       getLayouts: () => layouts,
       getActiveLayout: () => activeLayoutName,
       setActiveLayout: (name) => {
-        if (layouts[name]) setActiveLayoutName(name);
+        if (layouts[name]) {
+          setActiveLayoutName(name);
+          setRestoreCount((c) => c + 1);
+        }
       },
       saveLayout: async () => {
         const ws = wsRef.current;
@@ -166,7 +170,7 @@ export const Workspace = forwardRef(function Workspace(
     if (!ws) return;
 
     ws.restore(applyThemeToLayout(layouts[activeLayoutName]));
-  }, [activeLayoutName]);
+  }, [activeLayoutName, restoreCount]);
 
   // ── Apply theme to newly added viewers (right-click → add table) ──
   // Only fires AFTER initial restore is complete (guarded by initializedRef)

js/src/style/header_footer.css

@@ -16,6 +16,11 @@
   border-bottom: 1px solid var(--border);
 }
 
+.header a {
+  color: unset;
+  text-decoration: none;
+}
+
 .header-title {
   margin-left: 10px;
 }