Merge upstream/main and address Copilot review feedback

Merge resolved conflicts in web/src/{i18n/{en,zh,types}.ts,lib/api.ts}
by keeping both this branch's `profiles` additions and upstream's new
`models` page additions.

Copilot review feedback:
- Implement POST /api/profiles/{name}/open-terminal endpoint (already
  present); align Windows branch to `cmd.exe /c start "" <cmd>` so it
  matches the new test and spawns a fresh window instead of /k reusing
  the parent console.
- Move backslash escaping out of the macOS AppleScript f-string
  expression (Python <3.12 disallows backslashes inside f-string
  expression parts).
- Patch `_get_wrapper_dir` via monkeypatch in
  test_profiles_create_creates_wrapper_alias_when_safe so the test no
  longer writes to the real `~/.local/bin`.
- Extend test_dashboard_browser_safe_imports to scan `.ts` files in
  addition to `.tsx`.
- Switch upstream's new ModelsPage.tsx away from the `@nous-research/ui`
  root barrel onto per-component subpaths to satisfy the stricter scan.
- Fix NouiTypography `leading-1.4` -> `leading-[1.4]` so Tailwind
  actually emits the line-height for the `sm` variant.
- Guard ProfilesPage.openSoulEditor against out-of-order responses by
  tracking the latest requested profile via a ref.
- Replace ProfilesPage's hand-rolled setup command with a fetch to
  `/api/profiles/{name}/setup-command` so the copied command always
  matches what the backend would actually run (handles wrapper-alias
  collisions and reserved names correctly).
- Wire SOUL.md textarea label `htmlFor` -> textarea `id` so screen
  readers and clicking the label work as expected.

web/src/pages/ProfilesPage.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { ChevronDown, Pencil, Plus, Terminal, Trash2, Users } from "lucide-react";
 import { H2 } from "@/components/NouiTypography";
 import { api } from "@/lib/api";
@@ -37,6 +37,9 @@ export default function ProfilesPage() {
   const [editingSoulFor, setEditingSoulFor] = useState<string | null>(null);
   const [soulText, setSoulText] = useState("");
   const [soulSaving, setSoulSaving] = useState(false);
+  // Tracks the latest SOUL request so out-of-order responses don't overwrite
+  // newer state when the user switches profiles or closes the editor.
+  const activeSoulRequest = useRef<string | null>(null);
 
   const load = useCallback(() => {
     api
@@ -99,16 +102,22 @@ export default function ProfilesPage() {
   const openSoulEditor = useCallback(
     async (name: string) => {
       if (editingSoulFor === name) {
+        activeSoulRequest.current = null;
         setEditingSoulFor(null);
         return;
       }
       setEditingSoulFor(name);
       setSoulText("");
+      activeSoulRequest.current = name;
       try {
         const soul = await api.getProfileSoul(name);
-        setSoulText(soul.content);
+        if (activeSoulRequest.current === name) {
+          setSoulText(soul.content);
+        }
       } catch (e) {
-        showToast(`${t.status.error}: ${e}`, "error");
+        if (activeSoulRequest.current === name) {
+          showToast(`${t.status.error}: ${e}`, "error");
+        }
       }
     },
     [editingSoulFor, showToast, t.status.error],
@@ -127,7 +136,14 @@ export default function ProfilesPage() {
   };
 
   const handleCopyTerminalCommand = async (name: string) => {
-    const cmd = name === "default" ? "hermes setup" : `${name} setup`;
+    let cmd: string;
+    try {
+      const res = await api.getProfileSetupCommand(name);
+      cmd = res.command;
+    } catch (e) {
+      showToast(`${t.status.error}: ${e}`, "error");
+      return;
+    }
     try {
       await navigator.clipboard.writeText(cmd);
       showToast(`${t.profiles.commandCopied}: ${cmd}`, "success");
@@ -395,10 +411,14 @@ export default function ProfilesPage() {
 
               {isEditingSoul && (
                 <div className="border-t border-border px-4 pb-4 pt-3 flex flex-col gap-2">
-                  <Label className="flex items-center gap-2 text-xs uppercase tracking-wider text-muted-foreground">
+                  <Label
+                    htmlFor={`soul-editor-${p.name}`}
+                    className="flex items-center gap-2 text-xs uppercase tracking-wider text-muted-foreground"
+                  >
                     {t.profiles.soulSection}
                   </Label>
                   <textarea
+                    id={`soul-editor-${p.name}`}
                     className="flex min-h-[180px] w-full border border-input bg-transparent px-3 py-2 text-sm font-mono shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
                     placeholder={t.profiles.soulPlaceholder}
                     value={soulText}