Merge pull request #43 from odefun/ode_1770389734.193579

fix: restore local-setting slack detail deep links

Author: LIU9293

package.json

@@ -9,6 +9,7 @@
     "setup": "bun install --concurrent-scripts=1 --network-concurrency=8 && bun install --concurrent-scripts=1 --network-concurrency=8 --cwd packages/web-ui",
     "start": "bun run packages/core/index.ts",
     "dev": "bun --watch run packages/core/index.ts --local",
+    "web:dev": "sh -c 'bun --watch run packages/core/index.ts --local & bun --cwd packages/web-ui run dev; kill 0'",
     "postinstall": "bun install --cwd packages/web-ui",
     "test:ci": "bun run setup && bun test",
     "build:web": "bun --cwd packages/web-ui build && bun run embed:web",

packages/web-ui/src/app.css

@@ -69,7 +69,7 @@ main {
 	min-height: 100vh;
 	padding: 6vh 7vw;
 	display: flex;
-	align-items: center;
+	align-items: flex-start;
 	justify-content: center;
 }
 

packages/web-ui/src/routes/local-setting/+page.svelte

@@ -55,7 +55,7 @@
   $: activeSection =
     pathname.startsWith("/local-setting/agent")
       ? "agent"
-      : pathname.startsWith("/local-setting/slack-bot/")
+      : pathname.startsWith("/local-setting/slack-bot")
         ? "slack"
         : "profile";
   $: enabledProviders = (Object.keys(providerLabels) as AgentProvider[]).filter((provider) => {
@@ -79,8 +79,10 @@
 
   function getSelectedWorkspace(currentPathname: string): DashboardConfig["workspaces"][number] | null {
     if (!config.workspaces.length) return null;
-    if (!currentPathname.startsWith("/local-setting/slack-bot/")) return config.workspaces[0] ?? null;
-    const slug = currentPathname.split("/").filter(Boolean)[2];
+    if (!currentPathname.startsWith("/local-setting/slack-bot")) return config.workspaces[0] ?? null;
+    const [withoutQuery] = currentPathname.split("?");
+    const segments = withoutQuery.split("/").filter(Boolean);
+    const slug = decodeURIComponent(segments[2] ?? "");
     if (!slug) return config.workspaces[0] ?? null;
     return (
       config.workspaces.find((workspace) => slugify(workspace.name) === slug || workspace.id === slug) ??

packages/web-ui/src/routes/local-setting/agent/+page.svelte

@@ -5,4 +5,4 @@
   export let data: { config: DashboardConfig } | undefined = undefined;
 </script>
 
-<LocalSettingPage {data} />
+<LocalSettingPage {data} initialSection="agent" />

packages/web-ui/src/routes/local-setting/profile/+page.svelte

@@ -5,4 +5,4 @@
 	export let data: { config: DashboardConfig } | undefined = undefined;
 </script>
 
-<LocalSettingPage {data} />
+<LocalSettingPage {data} initialSection="profile" />

packages/web-ui/src/routes/local-setting/slack-bot/[workspace]/+page.svelte

@@ -1,8 +1,9 @@
 <script lang="ts">
 	import LocalSettingPage from "../../+page.svelte";
+	import { page } from "$app/stores";
 	import type { DashboardConfig } from "$lib/localConfig";
 
 	export let data: { config: DashboardConfig } | undefined = undefined;
 </script>
 
-<LocalSettingPage {data} />
+<LocalSettingPage {data} initialSection="slack" initialSlug={$page.params.workspace ?? null} />