fix: fix frontend handling undefined flow url

kontrol-frontend/src/components/CytoscapeGraph/Legend.tsx

@@ -77,17 +77,21 @@ const Legend = () => {
                   <Td>{flowId}</Td>
                   <Td textTransform={"capitalize"}>{isBaseline.toString()}</Td>
                   <Td whiteSpace={"nowrap"}>
-                    <Link
-                      href={`http://${flowUrls[0]}`}
-                      isExternal
-                      target="_blank"
-                      display={"flex"}
-                      alignItems={"center"}
-                      gap={2}
-                    >
-                      {flowUrls[0].hostname}
-                      <FiExternalLink size={12} />
-                    </Link>
+                    {flowUrls[0]?.hostname != null ? (
+                      <Link
+                        href={`http://${flowUrls[0]}`}
+                        isExternal
+                        target="_blank"
+                        display={"flex"}
+                        alignItems={"center"}
+                        gap={2}
+                      >
+                        {flowUrls[0].hostname}
+                        <FiExternalLink size={12} />
+                      </Link>
+                    ) : (
+                      "—"
+                    )}
                   </Td>
                   <Td textAlign={"right"}>
                     {flowVisibility[flowId] === true ? (

kontrol-frontend/src/contexts/ApiContext.tsx

@@ -43,20 +43,21 @@ export interface ApiContextType {
 
 const defaultContextValue: ApiContextType = {
   deleteFlow: async () => [],
-  deleteTemplate: async () => { },
+  deleteTemplate: async () => {},
   error: null,
   getFlows: async () => [],
-  getTemplates: async () => { },
+  getTemplates: async () => {},
   getTopology: async () => {
     return { nodes: [], edges: [] };
   },
   loading: false,
   postFlowCreate: async () => ({
     "flow-id": "",
     "access-entry": [],
+    "flow-urls": [],
     isBaseline: false,
   }),
-  postTemplateCreate: async () => { },
+  postTemplateCreate: async () => {},
   templates: [],
 };