Instance-namespace various endpoints and services.

src/components/Advanced.tsx

@@ -10,14 +10,14 @@ import {
 import { ConfigEditor } from "./ConfigEditor";
 import { Button, Input, Label } from "./ui";
 import { Check, Edit2, HelpCircle, X, ExternalLink, Copy } from "lucide-react";
-import { useInstanceDashboardToken } from "../services/api/hooks/useUtilities";
+import { useDashboardToken } from "../services/api/hooks/useUtilities";
 import { useInstance } from "../services/api";
 
 export function Advanced() {
   const { instanceId } = useParams<{ instanceId: string }>();
   const [copied, setCopied] = useState(false);
   const { data: instance } = useInstance(instanceId || '');
-  const { data: dashboardToken, isLoading: tokenLoading } = useInstanceDashboardToken(instanceId || '');
+  const { data: dashboardToken, isLoading: tokenLoading } = useDashboardToken(instanceId || '');
 
   const [upstreamValue, setUpstreamValue] = useState("https://mywildcloud.org");
   const [editingUpstream, setEditingUpstream] = useState(false);

src/components/operations/OperationProgress.tsx

@@ -5,6 +5,7 @@ import { Loader2, CheckCircle, AlertCircle, XCircle, Clock } from 'lucide-react'
 import { useOperation } from '../../hooks/useOperations';
 
 interface OperationProgressProps {
+  instanceName: string;
   operationId: string;
   onComplete?: () => void;
   onError?: (error: string) => void;
@@ -12,12 +13,13 @@ interface OperationProgressProps {
 }
 
 export function OperationProgress({
+  instanceName,
   operationId,
   onComplete,
   onError,
   showDetails = true
 }: OperationProgressProps) {
-  const { operation, error, isLoading, cancel, isCancelling } = useOperation(operationId);
+  const { operation, error, isLoading, cancel, isCancelling } = useOperation(instanceName, operationId);
 
   // Handle operation completion
   if (operation?.status === 'completed' && onComplete) {