Clickable container port links (0.11.1)

Published container ports on the stack Overview (local + remote) render as
clickable chips that open the service at the host's address + port in a new
tab. New ContainerPorts component: links to the bound host IP when concrete,
else the host you're viewing from; remote stacks link to the agent host
(derived from the agent URL). http by default, https for 443/8443.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/src/pages/StackDetail.tsx

@@ -15,6 +15,7 @@ import { toast } from "sonner";
 import { Badge, Button, Card, Spinner, StatusDot } from "@/components/ui";
 import { ConfirmDialog } from "@/components/ui/ConfirmDialog";
 import { LogViewer } from "@/components/stacks/LogViewer";
+import { ContainerPorts } from "@/components/stacks/ContainerPorts";
 import { BackupButton } from "@/components/stacks/BackupRestore";
 import { stacksApi } from "@/api/stacks";
 import { apiErrorMessage } from "@/api/client";
@@ -132,14 +133,7 @@ function Overview({ data }: { data: ReturnType<typeof Object> & any }) {
           <div className="flex items-center gap-3 text-xs text-slate-500">
             {c.health && <Badge>{c.health}</Badge>}
             <span>{c.status}</span>
-            {c.ports.length > 0 && (
-              <span className="font-mono">
-                {c.ports
-                  .filter((p: any) => p.host_port)
-                  .map((p: any) => `${p.host_port}→${p.container}`)
-                  .join(", ")}
-              </span>
-            )}
+            <ContainerPorts ports={c.ports} />
           </div>
         </Card>
       ))}