Restore NE management to the workbench and simplify network device list.

Network Management devices page is a read-only managed+UME inventory; full CRUD stays on /ne.

Co-authored-by: Cursor <cursoragent@cursor.com>

web/src/pages/TopologyPage.tsx

@@ -697,8 +697,8 @@ export function TopologyPage() {
     const umeId = node?.data.ume_ne_id;
     if (managedId) {
       openOrFocusModule({
-        moduleId: "network",
-        path: "/network/devices",
+        moduleId: "ne",
+        path: "/ne",
       });
       return;
     }

web/src/pages/network/NetworkDevicesPage.tsx

@@ -0,0 +1,113 @@
+import { useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { fetchCliTargets } from "../../services/api";
+import { queryKeys } from "../../constants/queryKeys";
+import { useI18n } from "../../i18n";
+import { pageCount } from "../../utils/display";
+
+const PAGE_SIZE = 50;
+
+/** Read-only inventory of managed + UME NEs for Network Management. */
+export function NetworkDevicesPage() {
+  const { t } = useI18n();
+  const [keyword, setKeyword] = useState("");
+  const [source, setSource] = useState<"all" | "managed" | "ume">("all");
+  const [page, setPage] = useState(1);
+
+  const listQuery = useQuery({
+    queryKey: queryKeys.cliTargets(`${source}:${keyword}`, page, PAGE_SIZE),
+    queryFn: () => fetchCliTargets({ source, keyword, page, pageSize: PAGE_SIZE }),
+    staleTime: 5000,
+  });
+
+  const items = listQuery.data?.items ?? [];
+  const total = Number(listQuery.data?.total || 0);
+  const pages = pageCount(total, PAGE_SIZE);
+
+  return (
+    <section className="panel">
+      <div className="panel__toolbar">
+        <h2>{t("networkDevices.title")}</h2>
+      </div>
+
+      <div className="filter-inline">
+        <input
+          value={keyword}
+          placeholder={t("networkDevices.keywordPh")}
+          onChange={(e) => {
+            setKeyword(e.target.value);
+            setPage(1);
+          }}
+        />
+        <select
+          value={source}
+          onChange={(e) => {
+            setSource(e.target.value as "all" | "managed" | "ume");
+            setPage(1);
+          }}
+        >
+          <option value="all">{t("networkDevices.allSource")}</option>
+          <option value="managed">managed</option>
+          <option value="ume">ume</option>
+        </select>
+        <button
+          type="button"
+          disabled={!keyword.trim() && source === "all"}
+          onClick={() => {
+            setKeyword("");
+            setSource("all");
+            setPage(1);
+          }}
+        >
+          {t("common.clearFilters")}
+        </button>
+      </div>
+
+      {listQuery.isLoading ? <p className="muted">{t("common.refreshing")}</p> : null}
+
+      <table className="data-table">
+        <thead>
+          <tr>
+            <th>{t("networkDevices.col.source")}</th>
+            <th>{t("networkDevices.col.name")}</th>
+            <th>IP</th>
+            <th>{t("networkDevices.col.vendor")}</th>
+            <th>{t("networkDevices.col.deviceType")}</th>
+            <th>{t("networkDevices.col.connect")}</th>
+          </tr>
+        </thead>
+        <tbody>
+          {items.map((row) => (
+            <tr key={`${row.source}:${row.id}`}>
+              <td>{row.source}</td>
+              <td>{row.name || row.id}</td>
+              <td>{row.ip_address || "-"}</td>
+              <td>{row.vendor || "-"}</td>
+              <td>{row.device_type || row.ne_type || "-"}</td>
+              <td>{row.connect_status || "-"}</td>
+            </tr>
+          ))}
+          {!items.length && !listQuery.isLoading ? (
+            <tr>
+              <td colSpan={6} className="muted">
+                {t("networkDevices.empty")}
+              </td>
+            </tr>
+          ) : null}
+        </tbody>
+      </table>
+
+      <div className="pager">
+        <button type="button" disabled={page <= 1} onClick={() => setPage((p) => p - 1)}>
+          {t("common.prevPage")}
+        </button>
+        <span className="muted">
+          {t("common.pagerMeta", { total: String(total), page: String(page), pages: String(pages) })}
+        </span>
+        <button type="button" disabled={page >= pages} onClick={() => setPage((p) => p + 1)}>
+          {t("common.nextPage")}
+        </button>
+      </div>
+    </section>
+  );
+}