feat: workspaces own their sessions; desktop parity; sidebar and settings cleanup

Workspace sessions (docs/plans/desktop-parity, phases 1-5 and 7):
- sessions.lane_id: a workspace lists only the sessions its panes held,
  stamped by bindRunSession (first writer wins, nested `claude -p`
  excluded); GET /api/sessions?lane=&archived=
- session row state dot, double-click rename, archive (sessions.archived_at,
  hides only); the activity bar's duplicate Sessions tab removed
- Fork beside Resume (--fork-session, Claude only), Ctrl/Cmd+click a live
  session opens it in a second pane, a diff line's comment is pasted into
  the workspace's last-focused pane (lib/panePaste.ts)

dashboard_runs stability:
- a pane's previous run is archived as <pane>@<started_at> instead of being
  overwritten by INSERT OR REPLACE
- a run is flagged abandoned only once its tmux session is gone, at boot and
  on the run-heal beat (panes outlive a server restart)

UI:
- sidebar: no footer, language or theme block; small collapse button in the
  brand corner; version + update check in the connection details modal, a
  status-bar dot while a release is out; language in Settings -> General
- one Switch component for every switch, the themed Checkbox for every
  checkbox (no native checkboxes)

Also: AI Tools catalog trimmed to 10 built-ins (custom-file prompt modes
tested through fixtures), and the workspace plans under docs/plans/ (the
multi-user server plan lives in the AgentHub-Server repo).

client/src/components/settings/AiToolsSettings.tsx

@@ -14,6 +14,7 @@
  * @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
  */
 
+import { Switch } from "../Switch";
 import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { ChevronDown, Download, ExternalLink, RefreshCw } from "lucide-react";
@@ -44,7 +45,7 @@ function Homepage({ tool }: { tool: AiTool }) {
   );
 }
 
-function Switch({
+function ToolSwitch({
   tool,
   disabled,
   onToggle,
@@ -55,26 +56,13 @@ function Switch({
 }) {
   const { t } = useTranslation("settings");
   return (
-    <button
-      type="button"
-      role="switch"
-      aria-checked={tool.enabled}
-      aria-label={t("aiTools.enabledOf", { tool: tool.label })}
+    <Switch
+      checked={tool.enabled}
+      onChange={onToggle}
+      label={t("aiTools.enabledOf", { tool: tool.label })}
       title={tool.enabled ? t("aiTools.enabled") : t("aiTools.disabled")}
       disabled={disabled}
-      onClick={onToggle}
-      className={`relative h-5 w-9 shrink-0 rounded-full transition-colors disabled:opacity-50 ${
-        tool.enabled ? "bg-accent" : "bg-surface-4"
-      }`}
-    >
-      <span
-        aria-hidden
-        className={`absolute top-0.5 h-4 w-4 rounded-full bg-white shadow transition-all ${
-          tool.enabled ? "left-[18px]" : "left-0.5"
-        }`}
-      />
-      <span className="sr-only">{tool.enabled ? t("aiTools.enabled") : t("aiTools.disabled")}</span>
-    </button>
+    />
   );
 }
 
@@ -297,7 +285,7 @@ export function AiToolsSettings() {
                       </button>
                     )}
                   </div>
-                  <Switch
+                  <ToolSwitch
                     tool={tool}
                     disabled={busy !== null}
                     onToggle={() =>

client/src/components/settings/PricingSettings.tsx

@@ -12,6 +12,7 @@
  * @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
  */
 
+import { Checkbox } from "../Checkbox";
 import { useEffect, useState, useCallback, useRef, Fragment } from "react";
 import { useTranslation } from "react-i18next";
 import { DollarSign, Plus, Pencil, Trash2, Check, X, RotateCcw, Info } from "lucide-react";
@@ -571,15 +572,11 @@ export function PricingSettings({ vendor, allowReset = false, id = "pricing" }:
         </div>
         <div className="flex items-center gap-2">
           {hidden > 0 && (
-            <label className="inline-flex items-center gap-1.5 text-xs text-fg-secondary cursor-pointer select-none">
-              <input
-                type="checkbox"
-                checked={showAll}
-                onChange={(e) => setShowAll(e.target.checked)}
-                className="accent-current"
-              />
-              {t("pricing.showAll", { count: hidden })}
-            </label>
+            <Checkbox
+              checked={showAll}
+              onChange={setShowAll}
+              label={t("pricing.showAll", { count: hidden })}
+            />
           )}
           {allowReset && (
             <button

client/src/components/settings/SettingsRow.tsx

@@ -7,6 +7,7 @@
  * @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
  */
 
+import { Switch } from "../Switch";
 import type { ReactNode } from "react";
 
 export function SettingsSection({
@@ -70,25 +71,7 @@ export function SettingsSwitchRow({
     <SettingsRow
       label={label}
       description={description}
-      control={
-        <button
-          type="button"
-          role="switch"
-          aria-checked={checked}
-          aria-label={label}
-          disabled={disabled}
-          onClick={() => onChange(!checked)}
-          className={`relative inline-flex h-5 w-9 rounded-full border-2 border-transparent transition-colors disabled:opacity-50 ${
-            checked ? "bg-accent" : "bg-surface-4"
-          }`}
-        >
-          <span
-            className={`pointer-events-none inline-block h-4 w-4 rounded-full bg-white shadow transition-transform ${
-              checked ? "translate-x-4" : "translate-x-0"
-            }`}
-          />
-        </button>
-      }
+      control={<Switch checked={checked} onChange={onChange} label={label} disabled={disabled} />}
     />
   );
 }

client/src/components/settings/__tests__/AiToolsSettings.test.tsx

@@ -115,7 +115,7 @@ describe("AiToolsSettings", () => {
     // A disabled tool cannot become the default.
     const grok = screen.getByTestId("ai-tool-grok");
     expect(within(grok).getByText("Set default")).toBeDisabled();
-    expect(within(grok).getByRole("switch")).toHaveTextContent("Disabled");
+    expect(within(grok).getByRole("switch")).toHaveAttribute("aria-checked", "false");
   });
 
   it("refreshes detection", async () => {