feat: client panel-router architecture with component-based sidebar (#26)

* refactor: derive SavedState from RunConfig to eliminate field duplication

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* reordering menu buttons

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: aaronbrezel

src/client/panels/configure-ai-run.ts

@@ -5,13 +5,7 @@ import { SingleTagList } from "../components/single-tag-list";
 import { RowRange } from "../components/row-range";
 import { getSheetHeaders, runBatchAI } from "../services";
 
-export interface SavedState {
-  userPromptCols: string[];
-  driveFileCols: string[];
-  systemPromptCol: string;
-  outputCol: string;
-  rowRange?: { start: number; end: number };
-}
+export type SavedState = Required<Omit<RunConfig, "rowRange">> & Pick<RunConfig, "rowRange">;
 
 export class ConfigureAIRunPanel implements Panel<Partial<RunConfig>, SavedState> {
   private userPromptList: TagList | null = null;

src/client/panels/tool-list.ts

@@ -60,18 +60,18 @@ export class ToolListPanel implements Panel {
       </div>
       <div class="section">
         <h3>Main Tools</h3>
-        <button id="btn-import-drive-links" class="tool-btn">
-          <span class="icon">📂</span> Import Drive Links
+        <button id="btn-recipes" class="tool-btn">
+          <span class="icon">🥞</span> Recipes
         </button>
         <button id="btn-run-ai" class="tool-btn">
           <span class="icon">▶️</span> Run AI Inference
         </button>
-        <button id="btn-recipes" class="tool-btn">
-          <span class="icon">🥞</span> Recipes
-        </button>
       </div>
       <div class="section">
         <h3>Extras</h3>
+        <button id="btn-import-drive-links" class="tool-btn">
+          <span class="icon">📂</span> Import Drive Links
+        </button>
         <button id="btn-sample-rows" class="tool-btn">
           <span class="icon">🎲</span> Sample Rows
         </button>