Add stubbed UI & feature flag for VNet

web/packages/design/src/Icon/Icons.story.tsx

@@ -56,6 +56,8 @@ export const Icons = () => (
     <IconBox IconCmpt={Icon.ArrowsOut} text="ArrowsOut" />
     <IconBox IconCmpt={Icon.BookOpenText} text="BookOpenText" />
     <IconBox IconCmpt={Icon.Bots} text="Bots" />
+    <IconBox IconCmpt={Icon.Broadcast} text="Broadcast" />
+    <IconBox IconCmpt={Icon.BroadcastSlash} text="BroadcastSlash" />
     <IconBox IconCmpt={Icon.Bubble} text="Bubble" />
     <IconBox IconCmpt={Icon.CCAmex} text="CCAmex" />
     <IconBox IconCmpt={Icon.CCDiscover} text="CCDiscover" />

web/packages/design/src/Icon/Icons/Broadcast.tsx

@@ -0,0 +1,72 @@
+/**
+ * Teleport
+ * Copyright (C) 2023  Gravitational, Inc.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* MIT License
+
+Copyright (c) 2020 Phosphor Icons
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+*/
+
+import React from 'react';
+
+import { Icon, IconProps } from '../Icon';
+
+/*
+
+THIS FILE IS GENERATED. DO NOT EDIT.
+
+*/
+
+export function Broadcast({ size = 24, color, ...otherProps }: IconProps) {
+  return (
+    <Icon
+      size={size}
+      color={color}
+      className="icon icon-broadcast"
+      {...otherProps}
+    >
+      <path d="M5.03521 5.17777C5.32539 4.8822 5.32102 4.40734 5.02545 4.11716C4.72987 3.82697 4.25502 3.83134 3.96483 4.12692C1.90172 6.22834 0.74585 9.05558 0.74585 12.0005C0.74585 14.9454 1.90172 17.7726 3.96483 19.874C4.25502 20.1696 4.72987 20.174 5.02545 19.8838C5.32102 19.5936 5.32539 19.1187 5.03521 18.8232C3.24745 17.0022 2.24585 14.5523 2.24585 12.0005C2.24585 9.44862 3.24745 6.99872 5.03521 5.17777Z" />
+      <path d="M18.9746 4.11716C19.2701 3.82697 19.745 3.83134 20.0352 4.12692C22.0983 6.22834 23.2542 9.05558 23.2542 12.0005C23.2542 14.9454 22.0983 17.7726 20.0352 19.874C19.745 20.1696 19.2701 20.174 18.9746 19.8838C18.679 19.5936 18.6746 19.1187 18.9648 18.8232C20.7526 17.0022 21.7542 14.5523 21.7542 12.0005C21.7542 9.44862 20.7526 6.99872 18.9648 5.17777C18.6746 4.8822 18.679 4.40734 18.9746 4.11716Z" />
+      <path d="M7.52697 8.00042C7.80335 7.69189 7.77728 7.21774 7.46875 6.94136C7.16022 6.66499 6.68606 6.69106 6.40969 6.99959C5.17841 8.37413 4.49756 10.1546 4.49756 12C4.49756 13.8454 5.17841 15.6259 6.40969 17.0004C6.68606 17.309 7.16022 17.335 7.46875 17.0587C7.77728 16.7823 7.80335 16.3081 7.52697 15.9996C6.54214 14.9002 5.99756 13.476 5.99756 12C5.99756 10.524 6.54214 9.09985 7.52697 8.00042Z" />
+      <path d="M16.5311 6.94136C16.8396 6.66499 17.3138 6.69106 17.5901 6.99959C18.8214 8.37413 19.5023 10.1546 19.5023 12C19.5023 13.8454 18.8214 15.6259 17.5901 17.0004C17.3138 17.309 16.8396 17.335 16.5311 17.0587C16.2226 16.7823 16.1965 16.3081 16.4729 15.9996C17.4577 14.9002 18.0023 13.476 18.0023 12C18.0023 10.524 17.4577 9.09985 16.4729 8.00042C16.1965 7.69189 16.2226 7.21774 16.5311 6.94136Z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.25 12C8.25 9.92893 9.92893 8.25 12 8.25C14.0711 8.25 15.75 9.92893 15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C9.92893 15.75 8.25 14.0711 8.25 12ZM12 9.75C10.7574 9.75 9.75 10.7574 9.75 12C9.75 13.2426 10.7574 14.25 12 14.25C13.2426 14.25 14.25 13.2426 14.25 12C14.25 10.7574 13.2426 9.75 12 9.75Z"
+      />
+    </Icon>
+  );
+}

web/packages/design/src/Icon/Icons/BroadcastSlash.tsx

@@ -0,0 +1,71 @@
+/**
+ * Teleport
+ * Copyright (C) 2023  Gravitational, Inc.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* MIT License
+
+Copyright (c) 2020 Phosphor Icons
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+*/
+
+import React from 'react';
+
+import { Icon, IconProps } from '../Icon';
+
+/*
+
+THIS FILE IS GENERATED. DO NOT EDIT.
+
+*/
+
+export function BroadcastSlash({ size = 24, color, ...otherProps }: IconProps) {
+  return (
+    <Icon
+      size={size}
+      color={color}
+      className="icon icon-broadcastslash"
+      {...otherProps}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.0606 1.9394C2.76771 1.6465 2.29284 1.6465 1.99994 1.9394C1.70705 2.23229 1.70705 2.70716 1.99994 3.00006L3.56067 4.56078C1.75137 6.60933 0.74585 9.25367 0.74585 12.0004C0.74585 14.9452 1.90172 17.7725 3.96483 19.8739C4.25502 20.1695 4.72987 20.1739 5.02545 19.8837C5.32102 19.5935 5.32539 19.1186 5.03521 18.8231C3.24745 17.0021 2.24585 14.5522 2.24585 12.0004C2.24585 9.65146 3.09447 7.38894 4.62368 5.6238L6.2198 7.21991C5.1086 8.56169 4.49756 10.2517 4.49756 11.9999C4.49756 13.8453 5.17841 15.6258 6.40969 17.0003C6.68606 17.3088 7.16022 17.3349 7.46875 17.0585C7.77728 16.7822 7.80335 16.308 7.52697 15.9995C6.54214 14.9 5.99756 13.4759 5.99756 11.9999C5.99756 10.6489 6.45381 9.3413 7.28632 8.28643L8.89555 9.89566C8.48843 10.4955 8.25 11.2201 8.25 11.9997C8.25 14.0707 9.92893 15.7497 12 15.7497C12.7795 15.7497 13.5042 15.5112 14.104 15.1041L20.9999 22.0001C21.2928 22.2929 21.7677 22.2929 22.0606 22.0001C22.3535 21.7072 22.3535 21.2323 22.0606 20.9394L3.0606 1.9394ZM13.0106 14.0107L9.98897 10.9891C9.83593 11.2929 9.75 11.636 9.75 11.9997C9.75 13.2423 10.7574 14.2497 12 14.2497C12.3637 14.2497 12.7068 14.1637 13.0106 14.0107Z"
+      />
+      <path d="M20.0352 4.1268C19.745 3.83123 19.2701 3.82686 18.9746 4.11704C18.679 4.40723 18.6746 4.88208 18.9648 5.17766C20.7526 6.99861 21.7542 9.44851 21.7542 12.0004C21.7542 13.5527 21.3835 15.0673 20.6907 16.4256C20.5025 16.7946 20.649 17.2463 21.018 17.4345C21.387 17.6227 21.8387 17.4762 22.0269 17.1072C22.8264 15.5398 23.2542 13.7918 23.2542 12.0004C23.2542 9.05546 22.0983 6.22822 20.0352 4.1268Z" />
+      <path d="M17.5901 6.99948C17.3138 6.69095 16.8396 6.66488 16.5311 6.94125C16.2226 7.21762 16.1965 7.69178 16.4729 8.00031C17.4577 9.09974 18.0023 10.5239 18.0023 11.9999C18.0023 12.6076 17.91 13.2064 17.7326 13.7775C17.6098 14.1731 17.8309 14.5933 18.2265 14.7162C18.6221 14.839 19.0423 14.6179 19.1652 14.2223C19.3869 13.5084 19.5023 12.7596 19.5023 11.9999C19.5023 10.1545 18.8214 8.37402 17.5901 6.99948Z" />
+      <path d="M12.954 8.37229C12.5534 8.26715 12.1433 8.5067 12.0382 8.90735C11.9331 9.308 12.1726 9.71802 12.5733 9.82316C13.3876 10.0369 14.0227 10.6976 14.2001 11.5253C14.2868 11.9303 14.6855 12.1883 15.0905 12.1015C15.4956 12.0147 15.7535 11.6161 15.6668 11.211C15.3704 9.82755 14.3134 8.72904 12.954 8.37229Z" />
+    </Icon>
+  );
+}

web/packages/design/src/Icon/index.ts

@@ -44,6 +44,8 @@ export { ArrowsIn } from './Icons/ArrowsIn';
 export { ArrowsOut } from './Icons/ArrowsOut';
 export { BookOpenText } from './Icons/BookOpenText';
 export { Bots } from './Icons/Bots';
+export { Broadcast } from './Icons/Broadcast';
+export { BroadcastSlash } from './Icons/BroadcastSlash';
 export { Bubble } from './Icons/Bubble';
 export { CCAmex } from './Icons/CCAmex';
 export { CCDiscover } from './Icons/CCDiscover';

web/packages/teleterm/src/services/config/appConfigSchema.ts

@@ -122,6 +122,7 @@ export const createAppConfigSchema = (platform: Platform) => {
       .boolean()
       .default(false)
       .describe('Disables SSH connection resumption.'),
+    'feature.vnet': z.boolean().default(false).describe('Shows UI for VNet.'),
   });
 };
 

web/packages/teleterm/src/ui/App.tsx

@@ -27,16 +27,19 @@ import { StyledApp } from './components/App';
 import AppContextProvider from './appContextProvider';
 import AppContext from './appContext';
 import { ThemeProvider } from './ThemeProvider';
+import { VnetContextProvider } from './Vnet/vnetContext';
 
 export const App: React.FC<{ ctx: AppContext }> = ({ ctx }) => {
   return (
     <CatchError>
       <StyledApp>
         <DndProvider backend={HTML5Backend}>
           <AppContextProvider value={ctx}>
-            <ThemeProvider>
-              <AppInitializer />
-            </ThemeProvider>
+            <VnetContextProvider>
+              <ThemeProvider>
+                <AppInitializer />
+              </ThemeProvider>
+            </VnetContextProvider>
           </AppContextProvider>
         </DndProvider>
       </StyledApp>