feat(go, ts): add system-region mapping and highlight functionality

frontend/src/components/RegionMap.tsx

@@ -98,6 +98,25 @@ export const RegionMap = ({ regionName, focusSystem, isCompact = false, isWormho
   const [offRegionIndicators, setOffRegionIndicators] = useState<OffIndicator[]>([]);
   const [meanNeighborAngle, setMeanNeighborAngle] = useState<Record<string, number>>({});
   const [charLocs, setCharLocs] = useState<Array<{ character_id: number; character_name: string; solar_system_name: string }>>([]);
+  const [focusUntil, setFocusUntil] = useState<number | null>(null);
+
+  // When focusSystem changes, set an expiry 20s in the future
+  useEffect(() => {
+    if (focusSystem) {
+      setFocusUntil(Date.now() + 20000);
+    }
+  }, [focusSystem]);
+
+  // Timer to clear focus after expiry
+  useEffect(() => {
+    if (!focusUntil) return;
+    const id = setInterval(() => {
+      if (Date.now() > focusUntil) {
+        setFocusUntil(null);
+      }
+    }, 500);
+    return () => clearInterval(id);
+  }, [focusUntil]);
 
   useEffect(() => {
     const onKeyDown = async (e: KeyboardEvent) => {
@@ -700,27 +719,35 @@ export const RegionMap = ({ regionName, focusSystem, isCompact = false, isWormho
         })}
 
         {/* Highlight focused system */}
-        {focusSystem && positions[focusSystem] && (
-          <circle
-            cx={positions[focusSystem].x}
-            cy={positions[focusSystem].y}
-            r="15"
-            fill="none"
-            stroke="#a855f7"
-            strokeWidth="3"
-            strokeDasharray="5,5"
-            opacity="0.8"
-          >
-            <animateTransform
-              attributeName="transform"
-              attributeType="XML"
-              type="rotate"
-              from={`0 ${positions[focusSystem].x} ${positions[focusSystem].y}`}
-              to={`360 ${positions[focusSystem].x} ${positions[focusSystem].y}`}
-              dur="10s"
-              repeatCount="indefinite"
+        {focusSystem && focusUntil && Date.now() <= focusUntil && positions[focusSystem] && (
+          <g>
+            <circle
+              cx={positions[focusSystem].x}
+              cy={positions[focusSystem].y}
+              r="20"
+              fill="none"
+              stroke="#f472b6"
+              strokeWidth="4"
+              strokeDasharray="6,6"
+              opacity="0.95"
+              filter="url(#glow)"
+            >
+              <animate
+                attributeName="r"
+                values="18;24;18"
+                dur="1.8s"
+                repeatCount="indefinite"
+              />
+            </circle>
+            <circle
+              cx={positions[focusSystem].x}
+              cy={positions[focusSystem].y}
+              r="8"
+              fill="#f472b6"
+              opacity="0.8"
             />
-          </circle>
+            <text x={positions[focusSystem].x + 14} y={positions[focusSystem].y - 14} fontSize="10" fill="#ffffff" stroke="#0f172a" strokeWidth="2" paintOrder="stroke">{focusSystem}</text>
+          </g>
         )}
       </svg>
 

frontend/src/components/SearchDialog.tsx

@@ -3,7 +3,6 @@ import { useNavigate } from 'react-router-dom';
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
 import { Input } from '@/components/ui/input';
 import { AhoCorasick } from '@/lib/aho';
-import pb from '@/lib/pocketbase';
 
 interface SearchResult {
   system: string;
@@ -11,26 +10,22 @@ interface SearchResult {
 }
 
 async function loadAllSystems(): Promise<Array<SearchResult>> {
-  // Fetch system names with regions from PocketBase, paginated and minimal fields
-  const perPage = 1000;
-  let page = 1;
-  const out: Array<SearchResult> = [];
-  const seen = new Set<string>();
-  // loop pages until fewer than perPage items
-  while (true) {
-    const res = await pb.collection('regionview').getList(page, perPage, { fields: 'sysname,sysregion' });
-    for (const item of res.items as any[]) {
-      const system: string = item.sysname;
-      const region: string = item.sysregion;
-      if (!seen.has(system)) {
+  // Fetch from Go (Wails): local SQLite DB via App.ListSystemsWithRegions
+  try {
+    const list = await (window as any)?.go?.main?.App?.ListSystemsWithRegions?.();
+    if (Array.isArray(list)) {
+      const seen = new Set<string>();
+      const out: Array<SearchResult> = [];
+      for (const item of list) {
+        const system = String(item.system);
+        if (seen.has(system)) continue;
         seen.add(system);
-        out.push({ system, region });
+        out.push({ system, region: String(item.region) });
       }
+      return out;
     }
-    if (res.items.length < perPage) break;
-    page += 1;
-  }
-  return out;
+  } catch (_) { /* noop */ }
+  return [];
 }
 
 export const SearchDialog: React.FC = () => {