[v13] Backport Assist UI

web/packages/build/vite/config.ts

@@ -95,6 +95,23 @@ export function createViteConfig(
           secure: false,
           ws: true,
         },
+        '^\\/v1\\/webapi\\/assistant\\/(.*?)': {
+          target: `https://${target}`,
+          changeOrigin: false,
+          secure: false,
+        },
+        '^\\/v1\\/webapi\\/sites\\/(.*?)\\/assistant': {
+          target: `wss://${target}`,
+          changeOrigin: false,
+          secure: false,
+          ws: true,
+        },
+        '^\\/v1\\/webapi\\/command\\/(.*?)/execute': {
+          target: `wss://${target}`,
+          changeOrigin: false,
+          secure: false,
+          ws: true,
+        },
         '/web/config.js': {
           target: `https://${target}`,
           changeOrigin: true,

web/packages/design/src/SVGIcon/Chat.tsx

@@ -0,0 +1,29 @@
+/*
+Copyright 2023 Gravitational, Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+
+import { SVGIcon } from './SVGIcon';
+
+import type { SVGIconProps } from './common';
+
+export function ChatIcon({ size = 22, fill }: SVGIconProps) {
+  return (
+    <SVGIcon fill={fill} size={size} viewBox="0 0 48 48">
+      <path d="M 24 4 C 12.972292 4 4 12.972292 4 24 C 4 27.275316 4.8627078 30.334853 6.2617188 33.064453 L 4.09375 40.828125 C 3.5887973 42.631528 5.3719261 44.41261 7.1757812 43.908203 L 14.943359 41.740234 C 17.671046 43.137358 20.726959 44 24 44 C 35.027708 44 44 35.027708 44 24 C 44 12.972292 35.027708 4 24 4 z M 24 7 C 33.406292 7 41 14.593708 41 24 C 41 33.406292 33.406292 41 24 41 C 20.997029 41 18.192258 40.218281 15.744141 38.853516 A 1.50015 1.50015 0 0 0 14.609375 38.71875 L 7.2226562 40.78125 L 9.2851562 33.398438 A 1.50015 1.50015 0 0 0 9.1503906 32.263672 C 7.7836522 29.813476 7 27.004518 7 24 C 7 14.593708 14.593708 7 24 7 z" />
+    </SVGIcon>
+  );
+}

web/packages/design/src/SVGIcon/ChatGPT.tsx

@@ -0,0 +1,29 @@
+/*
+Copyright 2023 Gravitational, Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+
+import { SVGIcon } from 'design/SVGIcon/SVGIcon';
+
+import type { SVGIconProps } from './common';
+
+export function ChatGPTIcon({ size = 20, fill }: SVGIconProps) {
+  return (
+    <SVGIcon fill={fill} size={size} viewBox="0 0 671.2 680.25">
+      <path d="M626.95 278.4a169.444 169.444 0 0 0-14.56-139.19C575.28 74.58 500.66 41.34 427.8 56.98A169.52 169.52 0 0 0 299.98 0c-74.5-.18-140.58 47.78-163.5 118.67a169.546 169.546 0 0 0-113.32 82.21c-37.4 64.45-28.88 145.68 21.08 200.97A169.444 169.444 0 0 0 58.8 541.04c37.11 64.63 111.73 97.87 184.6 82.23a169.448 169.448 0 0 0 127.81 56.98c74.54.19 140.65-47.81 163.55-118.74 47.85-9.79 89.15-39.76 113.32-82.21 37.35-64.45 28.81-145.64-21.14-200.9ZM371.27 635.77c-29.82.04-58.7-10.4-81.6-29.5 1.03-.56 2.84-1.56 4.02-2.28l135.44-78.24a22.024 22.024 0 0 0 11.13-19.27V315.53l57.25 33.06c.61.3 1.03.89 1.11 1.57V508.3c-.09 70.32-57.04 127.32-127.36 127.48ZM97.37 518.79a127.061 127.061 0 0 1-15.21-85.43c1.01.6 2.76 1.68 4.02 2.4L221.62 514a22.032 22.032 0 0 0 22.25 0l165.36-95.48v66.11c.04.69-.27 1.34-.82 1.76l-136.92 79.05c-60.98 35.12-138.88 14.25-174.13-46.65ZM61.74 223.11a126.968 126.968 0 0 1 66.36-55.89c0 1.17-.07 3.23-.07 4.67v156.47c-.05 7.96 4.2 15.32 11.12 19.26l165.36 95.47-57.25 33.05c-.57.38-1.3.44-1.93.18L108.4 397.2c-60.87-35.25-81.74-113.11-46.65-174.08ZM532.1 332.57l-165.36-95.48 57.25-33.04c.57-.38 1.3-.44 1.93-.17l136.93 79.05c60.98 35.22 81.86 113.21 46.64 174.18a127.475 127.475 0 0 1-66.34 55.87V351.83a22.01 22.01 0 0 0-11.05-19.26Zm56.98-85.76c-1.33-.82-2.67-1.62-4.02-2.4l-135.45-78.24a22.08 22.08 0 0 0-22.25 0L262 261.65v-66.11c-.04-.69.27-1.34.82-1.76l136.92-78.99c61-35.17 138.96-14.24 174.13 46.76a127.506 127.506 0 0 1 15.21 85.25Zm-358.2 117.84-57.26-33.06c-.61-.3-1.03-.89-1.11-1.57V171.88c.05-70.41 57.17-127.46 127.58-127.41 29.78.02 58.61 10.46 81.49 29.51-1.03.56-2.83 1.56-4.02 2.28L242.12 154.5a21.996 21.996 0 0 0-11.13 19.26l-.09 190.89Zm31.1-67.05 73.65-42.54 73.65 42.51v85.05l-73.65 42.51-73.65-42.51V297.6Z" />
+    </SVGIcon>
+  );
+}

web/packages/design/src/SVGIcon/Edit.tsx

@@ -0,0 +1,29 @@
+/*
+Copyright 2023 Gravitational, Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+
+import { SVGIcon } from './SVGIcon';
+
+import type { SVGIconProps } from './common';
+
+export function EditIcon({ size = 24, fill }: SVGIconProps) {
+  return (
+    <SVGIcon fill={fill} size={size} viewBox="0 0 24 24">
+      <path d="M 19.171875 2 C 18.448125 2 17.724375 2.275625 17.171875 2.828125 L 16 4 L 20 8 L 21.171875 6.828125 C 22.275875 5.724125 22.275875 3.933125 21.171875 2.828125 C 20.619375 2.275625 19.895625 2 19.171875 2 z M 14.5 5.5 L 5 15 C 5 15 6.005 15.005 6.5 15.5 C 6.995 15.995 6.984375 16.984375 6.984375 16.984375 C 6.984375 16.984375 8.004 17.004 8.5 17.5 C 8.996 17.996 9 19 9 19 L 18.5 9.5 L 14.5 5.5 z M 3.6699219 17 L 3.0136719 20.503906 C 2.9606719 20.789906 3.2100938 21.039328 3.4960938 20.986328 L 7 20.330078 L 3.6699219 17 z" />
+    </SVGIcon>
+  );
+}

web/packages/design/src/SVGIcon/Label.tsx

@@ -0,0 +1,33 @@
+/*
+Copyright 2023 Gravitational, Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+
+import type { SVGIconProps } from './common';
+
+export function LabelIcon({ size = 14, fill = 'white' }: SVGIconProps) {
+  return (
+    <svg
+      viewBox="0 0 64 64"
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      fill={fill}
+    >
+      <path d="M 50.998047 5.5371094 A 7.36 7.36 0 0 0 50.890625 5.5390625 L 36.919922 6 A 7.33 7.33 0 0 0 31.919922 8.1503906 L 7.3203125 32.730469 A 7.35 7.35 0 0 0 7.3203125 43.130859 L 20.869141 56.679688 A 7.35 7.35 0 0 0 31.269531 56.679688 L 55.890625 32.060547 A 7.33 7.33 0 0 0 58.039062 27.060547 L 58.460938 13.060547 A 7.38 7.38 0 0 0 56.310547 7.6894531 A 7.36 7.36 0 0 0 50.998047 5.5371094 z M 51 9.5800781 L 51.099609 9.5800781 A 3.35 3.35 0 0 1 54.470703 13 L 54 27 A 3.34 3.34 0 0 1 53 29.269531 L 28.439453 53.859375 A 3.36 3.36 0 0 1 23.699219 53.859375 L 10.140625 40.300781 A 3.36 3.36 0 0 1 10.140625 35.560547 L 34.769531 10.929688 A 3.34 3.34 0 0 1 37 10 L 51 9.5800781 z M 43.365234 16.466797 A 4.12 4.12 0 0 0 40.519531 17.669922 A 4.11 4.11 0 1 0 46.339844 17.669922 A 4.12 4.12 0 0 0 43.365234 16.466797 z M 43.4375 20.474609 A 0.11 0.11 0 0 1 43.519531 20.509766 A 0.11 0.11 0 0 1 43.509766 20.650391 L 43.519531 20.669922 A 0.12 0.12 0 0 1 43.359375 20.669922 A 0.11 0.11 0 0 1 43.359375 20.509766 A 0.11 0.11 0 0 1 43.4375 20.474609 z" />
+    </svg>
+  );
+}

web/packages/design/src/SVGIcon/Plus.tsx

@@ -0,0 +1,29 @@
+/*
+Copyright 2023 Gravitational, Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+
+import { SVGIcon } from './SVGIcon';
+
+import type { SVGIconProps } from './common';
+
+export function PlusIcon({ size = 30, fill }: SVGIconProps) {
+  return (
+    <SVGIcon fill={fill} size={size} viewBox="0 0 30 30">
+      <path d="M 14.970703 2.9726562 A 2.0002 2.0002 0 0 0 13 5 L 13 13 L 5 13 A 2.0002 2.0002 0 1 0 5 17 L 13 17 L 13 25 A 2.0002 2.0002 0 1 0 17 25 L 17 17 L 25 17 A 2.0002 2.0002 0 1 0 25 13 L 17 13 L 17 5 A 2.0002 2.0002 0 0 0 14.970703 2.9726562 z" />
+    </SVGIcon>
+  );
+}

web/packages/design/src/SVGIcon/RemoteCommand.tsx

@@ -0,0 +1,29 @@
+/*
+Copyright 2023 Gravitational, Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+
+import { SVGIcon } from './SVGIcon';
+
+import type { SVGIconProps } from './common';
+
+export function RemoteCommandIcon({ size = 24, fill }: SVGIconProps) {
+  return (
+    <SVGIcon fill={fill} size={size} viewBox="0 0 24 24">
+      <path d="M 5 3 C 3.9069372 3 3 3.9069372 3 5 L 3 19 C 3 20.093063 3.9069372 21 5 21 L 19 21 C 20.093063 21 21 20.093063 21 19 L 21 5 C 21 3.9069372 20.093063 3 19 3 L 5 3 z M 5 8 L 19 8 L 19 19 L 5 19 L 5 8 z M 7.9941406 11 C 7.8078906 11 7.6205156 11.070891 7.4785156 11.212891 C 7.1945156 11.496891 7.1945156 11.957188 7.4785156 12.242188 L 9.2363281 14 L 7.4785156 15.757812 C 7.1945156 16.041812 7.1945156 16.501156 7.4785156 16.785156 C 7.7625156 17.069156 8.2238125 17.069156 8.5078125 16.785156 L 10.779297 14.513672 C 11.063297 14.229672 11.063297 13.768375 10.779297 13.484375 L 8.5078125 11.212891 C 8.3658125 11.070891 8.1803906 11 7.9941406 11 z M 12.75 15.5 C 12.336 15.5 12 15.836 12 16.25 C 12 16.664 12.336 17 12.75 17 L 16.25 17 C 16.664 17 17 16.664 17 16.25 C 17 15.836 16.664 15.5 16.25 15.5 L 12.75 15.5 z" />
+    </SVGIcon>
+  );
+}

web/packages/design/src/SVGIcon/Run.tsx

@@ -0,0 +1,30 @@
+/*
+Copyright 2023 Gravitational, Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+
+import { SVGIcon } from './SVGIcon';
+
+import type { SVGIconProps } from './common';
+
+export function RunIcon({ size = 48, fill = 'white' }: SVGIconProps) {
+  return (
+    <SVGIcon fill={fill} size={size} viewBox="0 0 64 64">
+      <path d="M26.023,43.745C25.467,43.283,25,42.724,25,42V23c0-0.734,0.402-1.41,1.048-1.759s1.431-0.316,2.046,0.084l15,9.798	c0.574,0.375,0.916,1.018,0.906,1.703c-0.01,0.686-0.37,1.318-0.954,1.676l-15,9.202C27.726,43.901,26.58,44.207,26.023,43.745z M29,26.695v11.731l9.262-5.682L29,26.695z" />
+      <path d="M32,54c-12.131,0-22-9.869-22-22s9.869-22,22-22s22,9.869,22,22S44.131,54,32,54z M32,14	c-9.925,0-18,8.075-18,18s8.075,18,18,18s18-8.075,18-18S41.925,14,32,14z" />
+    </SVGIcon>
+  );
+}

web/packages/design/src/SVGIcon/Search.tsx

@@ -0,0 +1,34 @@
+/*
+Copyright 2023 Gravitational, Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+
+import { SVGIcon } from './SVGIcon';
+
+import type { SVGIconProps } from './common';
+
+export function SearchIcon({ size = 24, fill }: SVGIconProps) {
+  return (
+    <SVGIcon fill={fill} size={size} viewBox="0 0 24 24">
+      <path d="M10 9A1 1 0 1 0 10 11 1 1 0 1 0 10 9zM7 9A1 1 0 1 0 7 11 1 1 0 1 0 7 9zM13 9A1 1 0 1 0 13 11 1 1 0 1 0 13 9zM22 20L20 22 16 18 16 16 18 16z" />
+      <path d="M10,18c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8c4.4,0,8,3.6,8,8C18,14.4,14.4,18,10,18z M10,4c-3.3,0-6,2.7-6,6c0,3.3,2.7,6,6,6 c3.3,0,6-2.7,6-6C16,6.7,13.3,4,10,4z" />
+      <path
+        d="M15.7 14.5H16.7V18H15.7z"
+        transform="rotate(-45.001 16.25 16.249)"
+      />
+    </SVGIcon>
+  );
+}

web/packages/design/src/SVGIcon/Server.tsx

@@ -0,0 +1,34 @@
+/*
+Copyright 2023 Gravitational, Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+
+import type { SVGIconProps } from './common';
+
+export function ServerIcon({ size = 13, fill = 'white' }: SVGIconProps) {
+  return (
+    <svg
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width={size}
+      height={size}
+      fill={fill}
+    >
+      <path d="M 7 1 C 5.895 1 5 1.895 5 3 L 5 21 C 5 22.105 5.895 23 7 23 L 17 23 C 18.105 23 19 22.105 19 21 L 19 3 C 19 1.895 18.105 1 17 1 L 7 1 z M 7 3 L 17 3 L 17 13 L 7 13 L 7 3 z M 9 5 L 9 7 L 15 7 L 15 5 L 9 5 z M 9 9 L 9 11 L 15 11 L 15 9 L 9 9 z M 7 15 L 17 15 L 17 21 L 7 21 L 7 15 z M 12 16.5 C 11.172 16.5 10.5 17.172 10.5 18 C 10.5 18.828 11.172 19.5 12 19.5 C 12.828 19.5 13.5 18.828 13.5 18 C 13.5 17.172 12.828 16.5 12 16.5 z" />
+    </svg>
+  );
+}

web/packages/design/src/SVGIcon/ServerIcon.tsx

@@ -0,0 +1,29 @@
+/*
+Copyright 2023 Gravitational, Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+
+import { SVGIcon } from './SVGIcon';
+
+import type { SVGIconProps } from './common';
+
+export function ServerIcon({ size = 48, fill }: SVGIconProps) {
+  return (
+    <SVGIcon fill={fill} size={size} viewBox="0 0 48 48">
+      <path d="M 9.5 6 C 7.0324991 6 5 8.0324991 5 10.5 L 5 37.5 C 5 39.967501 7.0324991 42 9.5 42 L 17.5 42 C 19.967501 42 22 39.967501 22 37.5 L 22 25.5 L 24 25.5 L 24 32.5 C 24 34.414955 25.585045 36 27.5 36 L 29 36 L 29 37.5 C 29 39.967501 31.032499 42 33.5 42 L 38.5 42 C 40.967501 42 43 39.967501 43 37.5 L 43 29.5 C 43 27.032499 40.967501 25 38.5 25 L 33.5 25 C 31.032499 25 29 27.032499 29 29.5 L 29 33 L 27.5 33 C 27.204955 33 27 32.795045 27 32.5 L 27 24.246094 A 1.50015 1.50015 0 0 0 27 23.759766 L 27 15.5 C 27 15.204955 27.204955 15 27.5 15 L 29 15 L 29 18.5 C 29 20.967501 31.032499 23 33.5 23 L 38.5 23 C 40.967501 23 43 20.967501 43 18.5 L 43 10.5 C 43 8.0324991 40.967501 6 38.5 6 L 33.5 6 C 31.032499 6 29 8.0324991 29 10.5 L 29 12 L 27.5 12 C 25.585045 12 24 13.585045 24 15.5 L 24 22.5 L 22 22.5 L 22 10.5 C 22 8.0324991 19.967501 6 17.5 6 L 9.5 6 z M 9.5 9 L 17.5 9 C 18.346499 9 19 9.6535009 19 10.5 L 19 23.753906 A 1.50015 1.50015 0 0 0 19 24.240234 L 19 37.5 C 19 38.346499 18.346499 39 17.5 39 L 9.5 39 C 8.6535009 39 8 38.346499 8 37.5 L 8 10.5 C 8 9.6535009 8.6535009 9 9.5 9 z M 33.5 9 L 38.5 9 C 39.346499 9 40 9.6535009 40 10.5 L 40 18.5 C 40 19.346499 39.346499 20 38.5 20 L 33.5 20 C 32.653501 20 32 19.346499 32 18.5 L 32 13.746094 A 1.50015 1.50015 0 0 0 32 13.259766 L 32 10.5 C 32 9.6535009 32.653501 9 33.5 9 z M 11.5 12 A 1.50015 1.50015 0 1 0 11.5 15 L 15.5 15 A 1.50015 1.50015 0 1 0 15.5 12 L 11.5 12 z M 36 15 A 1.5 1.5 0 0 0 36 18 A 1.5 1.5 0 0 0 36 15 z M 11.5 17 A 1.50015 1.50015 0 1 0 11.5 20 L 15.5 20 A 1.50015 1.50015 0 1 0 15.5 17 L 11.5 17 z M 33.5 28 L 38.5 28 C 39.346499 28 40 28.653501 40 29.5 L 40 37.5 C 40 38.346499 39.346499 39 38.5 39 L 33.5 39 C 32.653501 39 32 38.346499 32 37.5 L 32 34.746094 A 1.50015 1.50015 0 0 0 32 34.259766 L 32 29.5 C 32 28.653501 32.653501 28 33.5 28 z M 13.5 33 A 1.5 1.5 0 0 0 13.5 36 A 1.5 1.5 0 0 0 13.5 33 z M 36 34 A 1.5 1.5 0 0 0 36 37 A 1.5 1.5 0 0 0 36 34 z" />
+    </SVGIcon>
+  );
+}

web/packages/design/src/SVGIcon/Upgrade.tsx

@@ -0,0 +1,29 @@
+/*
+Copyright 2023 Gravitational, Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+
+import { SVGIcon } from './SVGIcon';
+
+import type { SVGIconProps } from './common';
+
+export function UpgradeIcon({ size = 50, fill }: SVGIconProps) {
+  return (
+    <SVGIcon fill={fill} size={size} viewBox="0 0 50 50">
+      <path d="M 20.011719 2 A 1.0001 1.0001 0 0 0 19.654297 2.0625 L 0.65429688 9.0625 A 1.0001 1.0001 0 0 0 0.15234375 10.529297 L 4.8222656 18 L 0.15234375 25.470703 A 1.0001 1.0001 0 0 0 0.65429688 26.9375 L 5 28.539062 L 5 40 A 1.0001 1.0001 0 0 0 5.6542969 40.9375 L 24.654297 47.9375 A 1.0001 1.0001 0 0 0 25.345703 47.9375 L 44.345703 40.9375 A 1.0001 1.0001 0 0 0 45 40 L 45 18.285156 L 49.847656 10.529297 A 1.0001 1.0001 0 0 0 49.345703 9.0625 L 30.345703 2.0625 A 1.0001 1.0001 0 0 0 29.953125 2.0019531 A 1.0001 1.0001 0 0 0 29.152344 2.4707031 L 25 9.1152344 L 20.847656 2.4707031 A 1.0001 1.0001 0 0 0 20.011719 2 z M 19.582031 4.21875 L 23.501953 10.488281 L 6.4160156 16.78125 L 2.4980469 10.511719 L 19.582031 4.21875 z M 30.417969 4.21875 L 46.111328 10 L 35.642578 13.855469 L 26.5 10.486328 L 30.417969 4.21875 z M 46.605469 11.947266 L 43.333984 17.179688 L 27.394531 23.052734 L 30.666016 17.820312 L 46.605469 11.947266 z M 25 12.066406 L 32.751953 14.921875 L 29.654297 16.0625 A 1.0001 1.0001 0 0 0 29.152344 16.470703 L 24.583984 23.78125 L 8.890625 18 L 25 12.066406 z M 6.4179688 19.21875 L 23.5 25.513672 L 19.583984 31.78125 L 2.4980469 25.488281 L 6.4179688 19.21875 z M 43 19.433594 L 43 39.302734 L 26 45.564453 L 26 25.697266 L 43 19.433594 z M 24 28.486328 L 24 45.564453 L 7 39.302734 L 7 29.275391 L 19.654297 33.9375 A 1.0001 1.0001 0 0 0 20.847656 33.529297 L 24 28.486328 z" />
+    </SVGIcon>
+  );
+}