fix: persist active tab via URL params, show full worker names

- Tab state now stored in ?tab= URL param so it survives navigation
- Day period selector preserves tab=infra when changing time range
- Worker names shown in full (not truncated) for easier identification

Author: RickCogley

src/lib/components/dash/WorkerHealth.svelte

@@ -26,10 +26,6 @@
   function errorRate(row: WorkerRow): number {
     return row.requests > 0 ? (row.errors / row.requests) * 100 : 0;
   }
-
-  function shortName(name: string): string {
-    return name.replace(/^esolia-/, '');
-  }
 </script>
 
 <div class="rounded-lg border border-accent-200 dark:border-accent-700">
@@ -61,7 +57,7 @@
             {@const er = errorRate(w)}
             <tr class="border-b border-accent-100 dark:border-accent-800">
               <td class="px-4 py-1.5 font-mono text-xs text-accent-800 dark:text-accent-200">
-                {shortName(w.script_name)}
+                {w.script_name}
               </td>
               <td class="px-4 py-1.5 text-right tabular-nums text-accent-600 dark:text-accent-400">
                 {w.requests.toLocaleString()}

src/routes/dash/+page.svelte

@@ -5,6 +5,8 @@
   import WorkerHealth from '$lib/components/dash/WorkerHealth.svelte';
   import WorkflowStatus from '$lib/components/dash/WorkflowStatus.svelte';
   import DeploymentTimeline from '$lib/components/dash/DeploymentTimeline.svelte';
+  import { page } from '$app/stores';
+  import { goto } from '$app/navigation';
 
   let { data } = $props();
 
@@ -14,7 +16,30 @@
   const isError = $derived(data.status !== 200 || d.error);
 
   type Tab = 'seo' | 'infra' | 'workflows' | 'security';
-  let activeTab: Tab = $state('seo');
+  const validTabs: Tab[] = ['seo', 'infra', 'workflows', 'security'];
+  const activeTab: Tab = $derived.by(() => {
+    const t = $page.url.searchParams.get('tab');
+    return validTabs.includes(t as Tab) ? (t as Tab) : 'seo';
+  });
+
+  function buildParams(overrides: Record<string, string>): string {
+    const entries: [string, string][] = [];
+    for (const [k, v] of $page.url.searchParams.entries()) {
+      if (!(k in overrides)) entries.push([k, v]);
+    }
+    for (const [k, v] of Object.entries(overrides)) {
+      entries.push([k, v]);
+    }
+    return entries.map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(v)}`).join('&');
+  }
+
+  function switchTab(tab: Tab) {
+    void goto(`/dash?${buildParams({ tab })}`, { replaceState: true, noScroll: true });
+  }
+
+  function dayLink(d: number): string {
+    return `/dash?${buildParams({ days: String(d), tab: 'infra' })}`;
+  }
 
   function cqStatusDot(summary: { pagesWithIssues: number }): string {
     if (summary.pagesWithIssues === 0) return 'bg-emerald-500';
@@ -87,9 +112,7 @@
           {activeTab === tab.id
           ? 'bg-white text-accent-900 shadow-sm dark:bg-accent-700 dark:text-accent-100'
           : 'text-accent-600 hover:text-accent-900 dark:text-accent-400 dark:hover:text-accent-200'}"
-        onclick={() => {
-          activeTab = tab.id as Tab;
-        }}
+        onclick={() => switchTab(tab.id as Tab)}
       >
         {tab.label}
       </button>
@@ -667,14 +690,11 @@
         <div class="flex gap-1 rounded-md bg-accent-100 p-0.5 dark:bg-accent-800">
           {#each [1, 7, 14, 30] as d (d)}
             <a
-              href="/dash?days={d}"
+              href={dayLink(d)}
               class="rounded px-2 py-1 text-xs font-medium transition-colors
                 {infra.days === d
                 ? 'bg-white text-accent-900 shadow-sm dark:bg-accent-700 dark:text-accent-100'
                 : 'text-accent-500 hover:text-accent-800 dark:text-accent-400 dark:hover:text-accent-200'}"
-              onclick={() => {
-                activeTab = 'infra';
-              }}
             >
               {d}d
             </a>