feat: AI Router per session; Settings at the sidebar's foot; shipped tool icons

AI Router is a session's choice, not a workspace's:
- an AI Router select beside the model picker in the workspace home and a
  pane's run form (RouterPicker.tsx; hidden off Claude/Codex or with only
  Native; last pick remembered in agenthub.session.router)
- `router` on POST /api/lanes/:id/start and POST /api/run; Claude gets
  --settings=<data dir>/router-settings/<name>.json (0600, outranks project
  and user settings, key never in argv), Codex -p <name> + key via tmux -e
- dashboard_runs.router; a resume naming none goes back to it
- profile PATCH rewrites the session files, DELETE removes them
- gone: POST /api/lanes/:id/router/apply, LaneRouterRow, the Add-workspace
  router radio, the claude-/codex-home `routers` answers; clearLaneRouters
  takes the old keys out of each workspace's settings.local.json at start

Sidebar: Settings pinned to the foot, the collapse toggle beside it (stacked
on the rail) instead of in the brand's corner.

Icons: shipped SVG marks for claude, codex, openclaw and hermes (a
black/white pair swapped by theme) in client/public/ai-tools/, used by
AiToolIcon before the server's favicon.

client/src/components/lanes/AddLaneModal.tsx

@@ -24,7 +24,7 @@ import { ConfirmModal } from "../ConfirmModal";
 import { CwdAutocomplete } from "../run/RunSetup";
 import { FolderBrowseModal } from "./FolderBrowseModal";
 import { api } from "../../lib/api";
-import type { AiRouter, CwdSuggestion } from "../../lib/api";
+import type { CwdSuggestion } from "../../lib/api";
 import type { Lane, LaneWorktree } from "../../lib/types";
 import { useAiTools } from "../../hooks/useAiTools";
 import { AiToolIcon } from "../AiToolIcon";
@@ -106,10 +106,6 @@ export function AddLaneModal({
   // repo's worktrees, hence the busy markers below.
   const [branchMode, setBranchMode] = useState<"new" | "existing">("new");
   const [base, setBase] = useState("");
-  // "native" is the built-in profile, not a null state — see server/lib/ai-routers.js.
-  const [router, setRouter] = useState("native");
-  const [routers, setRouters] = useState<AiRouter[]>([]);
-  const [routersLoaded, setRoutersLoaded] = useState(false);
   const [branchesError, setBranchesError] = useState<string | null>(null);
   // null = the default AI tool (Settings → AI Tools), resolved at submit time.
   const [pickedTool, setPickedTool] = useState<string | null>(null);
@@ -123,20 +119,15 @@ export function AddLaneModal({
   const [toolListOpen, setToolListOpen] = useState(false);
   const pickTool = (id: string) => {
     setPickedTool(id === defaultTool ? null : id);
-    // A tool with no endpoint to rewrite runs native only (see router-apply.js).
-    if (!aiTools.byId(id)?.routerCapable) setRouter("native");
     setToolListOpen(false);
   };
   const noTools = aiTools.loaded && aiTools.defaultId === null;
-  const toolRouterCapable =
-    aiTools.byId(tool)?.routerCapable ?? (tool === "claude" || tool === "codex");
   const [busy, setBusy] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [browseOpen, setBrowseOpen] = useState(false);
   const [setupResult, setSetupResult] = useState<{
     profile: "scaffolded" | "skipped" | "failed";
     mcp: "ok" | "failed";
-    router: "ok" | "skipped" | "failed";
   } | null>(null);
 
   const reset = () => {
@@ -148,8 +139,6 @@ export function AddLaneModal({
     setWorktrees([]);
     setBranchMode("new");
     setBase("");
-    setRouter("native");
-    setRoutersLoaded(false);
     setPickedTool(null);
     setBranchesError(null);
     setError(null);
@@ -169,36 +158,6 @@ export function AddLaneModal({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open]);
 
-  // A session that boots on the vendor's API keeps talking to it for its whole
-  // life, so the router has to be picked here, before the lane exists.
-  useEffect(() => {
-    if (!open) return;
-    let cancelled = false;
-    api.aiRouters
-      .list()
-      .then((r) => {
-        if (cancelled) return;
-        setRouters(r.items);
-        // A profile deleted in another tab while this modal sat open would
-        // otherwise stay selected in state while the select showed no matching
-        // option — and submit would send a name the server no longer knows.
-        setRouter((current) =>
-          current === "native" || r.items.some((item) => item.name === current) ? current : "native"
-        );
-      })
-      .catch(() => {
-        // Quiet: with no list the radio simply offers Native, and the lane is
-        // still created — a router is an optional extra, never a precondition.
-        if (!cancelled) setRouters([]);
-      })
-      .finally(() => {
-        if (!cancelled) setRoutersLoaded(true);
-      });
-    return () => {
-      cancelled = true;
-    };
-  }, [open]);
-
   // Look up the repo's branches once the path settles - debounced so every
   // keystroke while typing a path doesn't fire a request against a path that
   // isn't finished yet. Worktree mode only: "Repo" mode adopts as-is and
@@ -236,10 +195,6 @@ export function AddLaneModal({
     return () => window.clearTimeout(timer);
   }, [mode, sourceRepo, t]);
 
-  // Native is the built-in profile, so this is one call either way — there is
-  // no "no router" branch to keep in step with the real one.
-  const applyRouter = (laneId: number) => api.lanes.routerApply(laneId, router);
-
   const submit = async () => {
     const repo = sourceRepo.trim();
     const name = title.trim();
@@ -274,18 +229,6 @@ export function AddLaneModal({
           setBusy(false);
           return;
         }
-
-        // A session that booted on the vendor's API would keep talking to it
-        // for its whole life, so the router is applied before anything runs.
-        try {
-          await applyRouter(result.lane.id);
-        } catch (routerErr) {
-          // The lane exists and is already listed — name what did not finish
-          // instead of closing on a half-set-up lane.
-          setError(routerErr instanceof Error ? routerErr.message : String(routerErr));
-          setBusy(false);
-          return;
-        }
         reset();
         onClose();
       } catch (err) {
@@ -322,10 +265,9 @@ export function AddLaneModal({
         return;
       }
 
-      const [profileOutcome, mcpOutcome, routerOutcome] = await Promise.allSettled([
+      const [profileOutcome, mcpOutcome] = await Promise.allSettled([
         api.lanes.profileInit(result.lane.id),
         api.lanes.mcpSync(result.lane.id),
-        applyRouter(result.lane.id),
       ]);
       const outcome = {
         profile:
@@ -335,8 +277,6 @@ export function AddLaneModal({
               : "skipped"
             : "failed",
         mcp: mcpOutcome.status === "fulfilled" ? "ok" : "failed",
-        router:
-          routerOutcome.status !== "fulfilled" ? "failed" : router === "native" ? "skipped" : "ok",
       } as const;
       const anyFailed = Object.values(outcome).includes("failed");
       setSetupResult(outcome);
@@ -346,9 +286,6 @@ export function AddLaneModal({
           profile:
             profileOutcome.status === "fulfilled" ? profileOutcome.value : profileOutcome.reason,
           mcp: mcpOutcome.status === "fulfilled" ? mcpOutcome.value : mcpOutcome.reason,
-          // Never the profile itself: it would put an endpoint and a lane id in
-          // the browser console. (The key is never sent here at all.)
-          router: routerOutcome.status,
         });
       }
 
@@ -690,103 +627,6 @@ export function AddLaneModal({
           </div>
         )}
 
-        {/* The router is the one per-lane extra this form still asks for, so it
-            sits in the form itself — a disclosure around a single field only
-            hid it. The pipeline picker is gone entirely: every lane is created
-            on `default` (the server's own default) and the template is changed
-            from the lane's own header afterwards. */}
-        <div className="rounded-md border border-border-light bg-surface-0 p-2">
-          <div>
-            <fieldset>
-              <legend className="mb-1 text-xs text-fg-secondary">{t("addLaneRouterLabel")}</legend>
-              <div className="flex gap-2">
-                {(
-                  [
-                    {
-                      value: "native",
-                      label: t("addLaneRouterNativeTool", { tool: aiTools.label(tool) }),
-                    },
-                    { value: "router", label: t("addLaneRouterCustom") },
-                  ] as const
-                ).map((option) => {
-                  const active =
-                    option.value === "native" ? router === "native" : router !== "native";
-                  // Clicking "AI Router" before the list lands would resolve back to
-                  // Native and read as a dead control.
-                  const disabled =
-                    option.value === "router" && (!routersLoaded || !toolRouterCapable);
-                  return (
-                    <label
-                      key={option.value}
-                      title={
-                        option.value === "router" && !toolRouterCapable
-                          ? t("router.nativeOnly", { tool: aiTools.label(tool) })
-                          : undefined
-                      }
-                      // No radio dot: the card itself lights up when selected. That
-                      // leaves the DISABLED state with nothing to show it, since the
-                      // greyed-out dot was carrying it — hence the explicit branch.
-                      // The input only goes visually hidden, so keyboard and screen
-                      // readers still get a real radio group, and the card carries
-                      // its focus ring.
-                      className={`block flex-1 rounded-lg border p-2.5 text-center text-xs shadow-sm transition-colors focus-within:ring-2 focus-within:ring-accent/50 ${
-                        disabled
-                          ? "cursor-not-allowed border-border bg-surface-2 text-fg-muted opacity-60"
-                          : active
-                            ? "cursor-pointer border-accent bg-accent/10 text-accent"
-                            : "cursor-pointer border-border bg-surface-2 text-fg-secondary hover:border-border-light hover:bg-surface-3"
-                      }`}
-                    >
-                      <input
-                        type="radio"
-                        name="add-lane-router"
-                        className="sr-only"
-                        disabled={disabled}
-                        checked={active}
-                        onChange={() =>
-                          // Switching to "AI Router" lands on the first saved
-                          // profile; with none saved the radio stays on native and
-                          // the select below explains why.
-                          setRouter(
-                            option.value === "native"
-                              ? "native"
-                              : routers.find((r) => !r.builtin)?.name || "native"
-                          )
-                        }
-                      />
-                      {option.label}
-                    </label>
-                  );
-                })}
-              </div>
-
-              {router !== "native" && (
-                <select
-                  aria-label={t("addLaneRouterProfileLabel")}
-                  value={router}
-                  onChange={(e) => setRouter(e.target.value)}
-                  className="mt-2 w-full rounded-md border border-border-light bg-surface-0 px-3 py-1.5 text-xs text-fg-primary focus:border-accent focus:outline-none"
-                >
-                  {routers
-                    .filter((r) => !r.builtin)
-                    .map((r) => (
-                      <option key={r.name} value={r.name}>
-                        {r.label}
-                      </option>
-                    ))}
-                </select>
-              )}
-              <p className="mt-1 text-[10px] text-fg-muted">
-                {!routersLoaded
-                  ? t("addLaneRouterLoading")
-                  : routers.some((r) => !r.builtin)
-                    ? t("addLaneRouterHint")
-                    : t("addLaneRouterEmptyHint")}
-              </p>
-            </fieldset>
-          </div>
-        </div>
-
         {setupResult && (
           <div className="rounded-md border border-border-light bg-surface-0 p-2 space-y-1">
             <p className="text-[10px] font-medium text-fg-secondary">{t("addLaneSetupTitle")}</p>
@@ -798,11 +638,6 @@ export function AddLaneModal({
                   skipped: setupResult.profile === "skipped",
                 },
                 { label: t("addLaneSetupMcp"), ok: setupResult.mcp === "ok" },
-                {
-                  label: t("addLaneSetupRouter"),
-                  ok: setupResult.router !== "failed",
-                  skipped: setupResult.router === "skipped",
-                },
               ] as const
             ).map((row) => (
               <p key={row.label} className="flex items-center gap-1.5 text-[11px] text-fg-primary">