logo time and copy cleanup

rgbkrk · rgbkrk · commit 4bf37e0dac9b · 2025-06-13T21:02:11.000-07:00
diff --git a/packages/web-client/index.html b/packages/web-client/index.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <head>
-  <title>LiveStore Collaborative Notebooks</title>
+  <title>Anode - Collaborative Notebooks</title>
+  <link rel="icon" type="image/x-icon" href="/favicon.ico" />
   <!-- Preconnect to sync backend to speed up initial connection -->
   <link rel="preconnect" href="%VITE_LIVESTORE_SYNC_URL%" />
 </head>
diff --git a/packages/web-client/public/favicon.ico b/packages/web-client/public/favicon.ico
diff --git a/packages/web-client/public/logo.svg b/packages/web-client/public/logo.svg
@@ -0,0 +1,3 @@
+<svg width="137" height="163" viewBox="0 0 137 163" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M80.1695 13.7101C84.6293 15.3694 87.6996 17.2661 89.2274 22.1307C96.1811 44.2716 103.663 66.2465 110.972 88.2757C116.175 103.959 121.49 119.605 126.581 135.324C128.815 142.221 124.574 147.76 117.249 147.999C105.226 148.392 101.748 145.821 98.0355 134.111C95.9939 127.67 93.7497 121.293 91.5091 114.627C82.7195 119.001 73.919 123.424 65.0804 127.769C55.8102 132.326 46.6274 137.095 37.1537 141.187C33.1903 142.898 28.5797 143.811 24.2558 143.837C16.2335 143.885 11.9789 137.976 14.6931 130.371C17.8884 121.418 21.8179 112.713 25.6881 104.016C37.7298 76.9565 49.9208 49.9634 61.9922 22.9169C65.0909 15.9741 70.6107 12.9539 80.1695 13.7101ZM60.3395 87.9604C57.2513 94.7591 54.1631 101.558 50.581 109.444C59.5252 104.797 67.581 100.728 75.5271 96.4552C85.657 91.0076 85.6252 90.9345 82.207 80.0147C79.9233 72.7193 77.6181 65.4307 75.0958 57.4187C70.0284 68.0014 65.4006 77.6663 60.3395 87.9604Z" fill="#ACB882"/>
+</svg>
diff --git a/packages/web-client/src/Root.tsx b/packages/web-client/src/Root.tsx
@@ -33,12 +33,19 @@ const NotebookApp: React.FC = () => {
       <nav className="border-b bg-card px-4 py-3">
         <div className="max-w-6xl mx-auto flex items-center justify-between">
           <div className="flex items-center gap-4">
-            <h1
-              className="text-xl font-bold text-primary cursor-pointer hover:opacity-80 transition-opacity"
-              onClick={handleBackToList}
-            >
-              📓 Anode Notebooks
-            </h1>
+            <div className="flex items-center gap-3">
+              <img
+                src="/logo.svg"
+                alt="Anode"
+                className="h-8 w-auto"
+              />
+              <h1
+                className="text-xl font-bold text-primary cursor-pointer hover:opacity-80 transition-opacity"
+                onClick={handleBackToList}
+              >
+                Anode
+              </h1>
+            </div>
             {viewMode === 'notebook' && (
               <>
                 <span className="text-muted-foreground">/</span>
@@ -52,10 +59,8 @@ const NotebookApp: React.FC = () => {
             )}
           </div>
 
-          <div className="text-xs text-muted-foreground flex items-center gap-2">
-            <span>Notebook: {currentNotebookId}</span>
-            <span>•</span>
-            <span>Real-time Collaborative</span>
+          <div className="text-xs text-muted-foreground">
+            {currentNotebookId}
           </div>
         </div>
       </nav>
diff --git a/packages/web-client/src/components/notebook/NotebookList.tsx b/packages/web-client/src/components/notebook/NotebookList.tsx
@@ -21,18 +21,8 @@ export const NotebookList: React.FC<NotebookListProps> = ({ onSelectNotebook })
   const currentNotebook = notebooks[0]
 
   const createNewNotebook = useCallback(() => {
-    // Generate a unique notebook ID that will also be the store ID
-    const notebookId = `notebook-${Date.now()}-${Math.random().toString(36).slice(2)}`
-
-    // In the new architecture, we need to navigate to a new store
-    // For now, we'll just show a message about how to create notebooks
-    alert(`To create a new notebook, open a new browser tab/window and navigate to:
-
-${window.location.origin}?notebook=${notebookId}
-
-This will create a new notebook with ID: ${notebookId}
-
-Note: In the simplified architecture, each notebook gets its own store/database.`)
+    // Navigate to clean URL which will create a new store/notebook
+    window.location.href = window.location.origin
   }, [])
 
   const initializeCurrentNotebook = useCallback(() => {
@@ -55,9 +45,9 @@ Note: In the simplified architecture, each notebook gets its own store/database.
       {/* Header */}
       <div className="flex items-center justify-between mb-8">
         <div>
-          <h1 className="text-3xl font-bold">Anode Notebooks</h1>
+          <h1 className="text-3xl font-bold">Welcome</h1>
           <p className="text-muted-foreground mt-2">
-            Real-time collaborative notebook system
+            Get started by initializing this notebook or creating a new one
           </p>
         </div>
         <Button onClick={createNewNotebook} size="lg">
