labring · zzjin · Sep 20, 2024 · Aug 7, 2024 · Aug 7, 2024 · Aug 8, 2024
diff --git a/.github/workflows/frontend.yml b/.github/workflows/frontend.yml
@@ -67,6 +67,7 @@ jobs:
             providers/objectstorage,
             providers/kubepanel,
             providers/workorder,
+            providers/devbox,
             desktop,
           ]
     steps:
@@ -165,6 +166,7 @@ jobs:
             providers/objectstorage,
             providers/kubepanel,
             providers/workorder,
+            providers/devbox,
             desktop,
           ]
     steps:

diff --git a/frontend/Makefile b/frontend/Makefile
@@ -26,6 +26,7 @@ buildTargets := \
 	providers/license \
 	providers/kubepanel \
 	providers/objectstorage \
+	providers/devbox \
 	providers/workorder
 
 buildTargets-all := $(addprefix image-build-,$(buildTargets))

diff --git a/frontend/packages/ui/src/components/RangeInput/index.tsx b/frontend/packages/ui/src/components/RangeInput/index.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import React, { useState } from 'react';
 import { HStack, Input, useNumberInput, IconButton, InputProps } from '@chakra-ui/react';
 import { AddIcon, MinusIcon } from '@chakra-ui/icons';

diff --git a/frontend/packages/ui/src/components/Select/index.tsx b/frontend/packages/ui/src/components/Select/index.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import React, { useRef, forwardRef, useMemo } from 'react';
 import {
   Menu,

diff --git a/frontend/packages/ui/src/components/icons/AddIcon.tsx b/frontend/packages/ui/src/components/icons/AddIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const AddIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/ArrowDownSLineIcon.tsx b/frontend/packages/ui/src/components/icons/ArrowDownSLineIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const ArrowDownSLineIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/ArrowExchangeIcon.tsx b/frontend/packages/ui/src/components/icons/ArrowExchangeIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const ArrowExchangeIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/BucketIcon.tsx b/frontend/packages/ui/src/components/icons/BucketIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const BucketIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/CancelIcon.tsx b/frontend/packages/ui/src/components/icons/CancelIcon.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { Icon } from '@chakra-ui/react';
 export default function CancelIcon(props: Parameters<typeof Icon>[0]) {
   return (

diff --git a/frontend/packages/ui/src/components/icons/ChangeIcon.tsx b/frontend/packages/ui/src/components/icons/ChangeIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const ChangeIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/ClearOutlineIcon.tsx b/frontend/packages/ui/src/components/icons/ClearOutlineIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const ClearOutlineIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/CloseIcon.tsx b/frontend/packages/ui/src/components/icons/CloseIcon.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { Icon, IconProps } from '@chakra-ui/react';
 
 export default function CloseIcon(props: IconProps) {

diff --git a/frontend/packages/ui/src/components/icons/CopyIcon.tsx b/frontend/packages/ui/src/components/icons/CopyIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const CopyIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/CreateFolderIcon.tsx b/frontend/packages/ui/src/components/icons/CreateFolderIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const CreateFolderIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/DeleteIcon.tsx b/frontend/packages/ui/src/components/icons/DeleteIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const DeleteIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/DetailsMoreIcon.tsx b/frontend/packages/ui/src/components/icons/DetailsMoreIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const ListIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/DnsIcon.tsx b/frontend/packages/ui/src/components/icons/DnsIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const DnsIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/DocsIcon.tsx b/frontend/packages/ui/src/components/icons/DocsIcon.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { Icon, IconProps } from '@chakra-ui/react';
 
 export default function DocsIcon(props: IconProps) {

diff --git a/frontend/packages/ui/src/components/icons/DownloadIcon.tsx b/frontend/packages/ui/src/components/icons/DownloadIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const DownloadIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/EditIcon.tsx b/frontend/packages/ui/src/components/icons/EditIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const EditIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/ExpandMoreIcon.tsx b/frontend/packages/ui/src/components/icons/ExpandMoreIcon.tsx
@@ -1,3 +1,5 @@
+'use client';
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const ExpanMoreIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/FileIcon.tsx b/frontend/packages/ui/src/components/icons/FileIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const FileIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/FolderIcon.tsx b/frontend/packages/ui/src/components/icons/FolderIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const FolderIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/GroupAdd.tsx b/frontend/packages/ui/src/components/icons/GroupAdd.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const GroupAddIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/InfoCircleIcon.tsx b/frontend/packages/ui/src/components/icons/InfoCircleIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const InfoCircleIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/InfoIcon.tsx b/frontend/packages/ui/src/components/icons/InfoIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const InfoIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/LeftArrowIcon.tsx b/frontend/packages/ui/src/components/icons/LeftArrowIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const LeftArrowIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/LinkIcon.tsx b/frontend/packages/ui/src/components/icons/LinkIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const LinkIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/ListCheckIcon.tsx b/frontend/packages/ui/src/components/icons/ListCheckIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 const ListCheckIcon = createIcon({
   displayName: 'ListCheckIcon',

diff --git a/frontend/packages/ui/src/components/icons/ListIcon.tsx b/frontend/packages/ui/src/components/icons/ListIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const ListIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/MoreIcon.tsx b/frontend/packages/ui/src/components/icons/MoreIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const MoreIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/PortIcon.tsx b/frontend/packages/ui/src/components/icons/PortIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const PortIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/ProviderIcon.tsx b/frontend/packages/ui/src/components/icons/ProviderIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const ProviderIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/RefreshIcon.tsx b/frontend/packages/ui/src/components/icons/RefreshIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const RefreshIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/SearchIcon.tsx b/frontend/packages/ui/src/components/icons/SearchIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const SearchIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/SortPolygonDownIcon.tsx b/frontend/packages/ui/src/components/icons/SortPolygonDownIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const SortPolygonUpIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/SortPolygonUpIcon.tsx b/frontend/packages/ui/src/components/icons/SortPolygonUpIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const SortPolygonUpIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/StorageIcon.tsx b/frontend/packages/ui/src/components/icons/StorageIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const StorageIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/UploadIcon.tsx b/frontend/packages/ui/src/components/icons/UploadIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const UploadIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/VisibilityIcon.tsx b/frontend/packages/ui/src/components/icons/VisibilityIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const VisibityIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/WebHostIcon.tsx b/frontend/packages/ui/src/components/icons/WebHostIcon.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const WebHostIcon = createIcon({

diff --git a/frontend/packages/ui/src/components/icons/line/WarnTriange.tsx b/frontend/packages/ui/src/components/icons/line/WarnTriange.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { createIcon } from '@chakra-ui/react';
 
 const WarnTriangeIcon = createIcon({