Move request to another workspace (#52)

src-web/components/core/Icon.tsx

@@ -5,9 +5,6 @@ import { memo } from 'react';
 
 const icons = {
   alert: lucide.AlertTriangleIcon,
-  text: lucide.FileTextIcon,
-  table: lucide.TableIcon,
-  fileCode: lucide.FileCodeIcon,
   archive: lucide.ArchiveIcon,
   arrowBigDownDash: lucide.ArrowBigDownDashIcon,
   arrowBigLeftDash: lucide.ArrowBigLeftDashIcon,
@@ -33,19 +30,22 @@ const icons = {
   externalLink: lucide.ExternalLinkIcon,
   eye: lucide.EyeIcon,
   eyeClosed: lucide.EyeOffIcon,
+  fileCode: lucide.FileCodeIcon,
   filter: lucide.FilterIcon,
   flask: lucide.FlaskConicalIcon,
   folderInput: lucide.FolderInputIcon,
   folderOutput: lucide.FolderOutputIcon,
   gripVertical: lucide.GripVerticalIcon,
+  hand: lucide.HandIcon,
+  house: lucide.HomeIcon,
   info: lucide.InfoIcon,
   keyboard: lucide.KeyboardIcon,
   leftPanelHidden: lucide.PanelLeftOpenIcon,
   leftPanelVisible: lucide.PanelLeftCloseIcon,
   magicWand: lucide.Wand2Icon,
   minus: lucide.MinusIcon,
-  moreVertical: lucide.MoreVerticalIcon,
   moon: lucide.MoonIcon,
+  moreVertical: lucide.MoreVerticalIcon,
   paste: lucide.ClipboardPasteIcon,
   pencil: lucide.PencilIcon,
   pin: lucide.PinIcon,
@@ -61,6 +61,8 @@ const icons = {
   settings: lucide.SettingsIcon,
   sparkles: lucide.SparklesIcon,
   sun: lucide.SunIcon,
+  table: lucide.TableIcon,
+  text: lucide.FileTextIcon,
   trash: lucide.Trash2Icon,
   unpin: lucide.PinOffIcon,
   update: lucide.RefreshCcwIcon,

src-web/components/core/Toast.tsx

@@ -6,6 +6,7 @@ import { useKey } from 'react-use';
 import type { IconProps } from './Icon';
 import { Icon } from './Icon';
 import { IconButton } from './IconButton';
+import { VStack } from './Stacks';
 
 export interface ToastProps {
   children: ReactNode;
@@ -63,7 +64,7 @@ export function Toast({
         'text-fg',
       )}
     >
-      <div className="px-3 py-2 flex items-center gap-2">
+      <div className="px-3 py-3 flex items-center gap-2">
         {variant != null && (
           <Icon
             icon={ICONS[variant]}
@@ -75,10 +76,10 @@ export function Toast({
             )}
           />
         )}
-        <div className="flex flex-col gap-1 w-full">
+        <VStack space={2}>
           <div>{children}</div>
           {action}
-        </div>
+        </VStack>
       </div>
 
       <IconButton