Move components and editor into renderer folder

desktop/src/components/ui/calendar.tsx

@@ -1,70 +0,0 @@
-import * as React from "react"
-import { ChevronLeftIcon, ChevronRightIcon } from "@radix-ui/react-icons"
-import { DayPicker } from "react-day-picker"
-
-import { cn } from "@/lib/utils"
-import { buttonVariants } from "@/components/ui/button"
-
-export type CalendarProps = React.ComponentProps<typeof DayPicker>
-
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  ...props
-}: CalendarProps) {
-  return (
-    <DayPicker
-      showOutsideDays={showOutsideDays}
-      className={cn("p-3", className)}
-      classNames={{
-        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
-        month: "space-y-4",
-        caption: "flex justify-center pt-1 relative items-center",
-        caption_label: "text-sm font-medium",
-        nav: "space-x-1 flex items-center",
-        nav_button: cn(
-          buttonVariants({ variant: "outline" }),
-          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
-        ),
-        nav_button_previous: "absolute left-1",
-        nav_button_next: "absolute right-1",
-        table: "w-full border-collapse space-y-1",
-        head_row: "flex",
-        head_cell:
-          "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
-        row: "flex w-full mt-2",
-        cell: cn(
-          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
-          props.mode === "range"
-            ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md"
-            : "[&:has([aria-selected])]:rounded-md"
-        ),
-        day: cn(
-          buttonVariants({ variant: "ghost" }),
-          "h-8 w-8 p-0 font-normal aria-selected:opacity-100"
-        ),
-        day_range_start: "day-range-start",
-        day_range_end: "day-range-end",
-        day_selected:
-          "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-        day_today: "bg-accent text-accent-foreground",
-        day_outside:
-          "day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
-        day_disabled: "text-muted-foreground opacity-50",
-        day_range_middle:
-          "aria-selected:bg-accent aria-selected:text-accent-foreground",
-        day_hidden: "invisible",
-        ...classNames,
-      }}
-      components={{
-        IconLeft: ({ ...props }) => <ChevronLeftIcon className="h-4 w-4" />,
-        IconRight: ({ ...props }) => <ChevronRightIcon className="h-4 w-4" />,
-      }}
-      {...props}
-    />
-  )
-}
-Calendar.displayName = "Calendar"
-
-export { Calendar }

desktop/src/editor/commands/index.tsx

@@ -1,28 +0,0 @@
-import { BlockquoteCommand } from '@/editor/commands/blockquote';
-import { BulletListCommand } from '@/editor/commands/bullet-list';
-import { CodeBlockCommand } from '@/editor/commands/code-block';
-import { DividerCommand } from '@/editor/commands/divider';
-import { Heading1Command } from '@/editor/commands/heading1';
-import { Heading2Command } from '@/editor/commands/heading2';
-import { Heading3Command } from '@/editor/commands/heading3';
-import { OrderedListCommand } from '@/editor/commands/ordered-list';
-import { ParagraphCommand } from '@/editor/commands/paragraph';
-import { TodoCommand } from '@/editor/commands/todo';
-import { PageCommand } from '@/editor/commands/page';
-import { EditorCommand, EditorCommandProps } from '@/types/editor';
-
-export type { EditorCommand, EditorCommandProps };
-
-export {
-  BlockquoteCommand,
-  BulletListCommand,
-  CodeBlockCommand,
-  Heading1Command,
-  Heading2Command,
-  Heading3Command,
-  OrderedListCommand,
-  ParagraphCommand,
-  DividerCommand,
-  TodoCommand,
-  PageCommand,
-};

desktop/src/editor/extensions/index.tsx

@@ -1,68 +0,0 @@
-import BoldMark from '@tiptap/extension-bold';
-import DocumentNode from '@tiptap/extension-document';
-import ItalicMark from '@tiptap/extension-italic';
-import StrikethroughMark from '@tiptap/extension-strike';
-import TextNode from '@tiptap/extension-text';
-import UnderlineMark from '@tiptap/extension-underline';
-
-import { IdExtension } from '@/editor/extensions/id';
-import { BlockquoteNode } from '@/editor/extensions/blockquote';
-import { BulletListNode } from '@/editor/extensions/bullet-list';
-import { CodeMark } from '@/editor/extensions/code';
-import { CodeBlockNode } from '@/editor/extensions/code-block';
-import { ColorMark } from '@/editor/extensions/color';
-import { CommanderExtension } from '@/editor/extensions/commander';
-import { DeleteControlExtension } from '@/editor/extensions/delete-control';
-import { DividerNode } from '@/editor/extensions/divider';
-import { DropcursorExtension } from '@/editor/extensions/dropcursor';
-import { Heading1Node } from '@/editor/extensions/heading1';
-import { Heading2Node } from '@/editor/extensions/heading2';
-import { Heading3Node } from '@/editor/extensions/heading3';
-import { HighlightMark } from '@/editor/extensions/highlight';
-import { LinkMark } from '@/editor/extensions/link';
-import { ListItemNode } from '@/editor/extensions/list-item';
-import { ListKeymapExtension } from '@/editor/extensions/list-keymap';
-import { MessageNode } from '@/editor/extensions/message';
-import { OrderedListNode } from '@/editor/extensions/ordered-list';
-import { ParagraphNode } from '@/editor/extensions/paragraph';
-import { PlaceholderExtension } from '@/editor/extensions/placeholder';
-import { TabKeymapExtension } from '@/editor/extensions/tab-keymap';
-import { TaskItemNode } from '@/editor/extensions/task-item';
-import { TaskListNode } from '@/editor/extensions/task-list';
-import { TrailingNode } from '@/editor/extensions/trailing-node';
-import { PageNode } from '@/editor/extensions/page';
-
-export {
-  IdExtension,
-  BoldMark,
-  BlockquoteNode,
-  BulletListNode,
-  TabKeymapExtension,
-  CodeBlockNode,
-  CodeMark,
-  ColorMark,
-  CommanderExtension,
-  DeleteControlExtension,
-  DividerNode,
-  DocumentNode,
-  Heading1Node,
-  Heading2Node,
-  Heading3Node,
-  HighlightMark,
-  ItalicMark,
-  LinkMark,
-  ListItemNode,
-  ListKeymapExtension,
-  MessageNode,
-  PlaceholderExtension,
-  OrderedListNode,
-  ParagraphNode,
-  StrikethroughMark,
-  TaskItemNode,
-  TaskListNode,
-  TextNode,
-  TrailingNode,
-  UnderlineMark,
-  DropcursorExtension,
-  PageNode,
-};

desktop/src/editor/views/index.tsx

@@ -1,4 +0,0 @@
-import { CodeBlockNodeView } from '@/editor/views/code-block';
-import { PageNodeView } from '@/editor/views/page';
-
-export { CodeBlockNodeView, PageNodeView };

desktop/src/electron/mutations/message-create.ts

@@ -1,4 +1,4 @@
-import { mapContentsToEditorNodes } from '@/editor/mappers';
+import { mapContentsToEditorNodes } from '@/renderer/editor/mappers';
 import { databaseContext } from '@/electron/database-context';
 import { NodeTypes } from '@/lib/constants';
 import { NeuronId } from '@/lib/id';

desktop/src/renderer.ts

@@ -27,4 +27,4 @@
  */
 
 import './renderer/styles/index.css';
-import './components/root';
+import './renderer/components/root';

desktop/src/renderer/components/accounts/account-logout.tsx

@@ -7,9 +7,9 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from '@/components/ui/alert-dialog';
-import { Button } from '@/components/ui/button';
-import { Spinner } from '@/components/ui/spinner';
+} from '@/renderer/components/ui/alert-dialog';
+import { Button } from '@/renderer/components/ui/button';
+import { Spinner } from '@/renderer/components/ui/spinner';
 
 interface AccountLogoutProps {
   id: string;

desktop/src/renderer/components/accounts/email-login.tsx

@@ -1,19 +1,19 @@
 import React from 'react';
-import { Input } from '@/components/ui/input';
-import { Button } from '@/components/ui/button';
-import { Spinner } from '@/components/ui/spinner';
+import { Input } from '@/renderer/components/ui/input';
+import { Button } from '@/renderer/components/ui/button';
+import { Spinner } from '@/renderer/components/ui/spinner';
 import {
   Form,
   FormControl,
   FormField,
   FormItem,
   FormMessage,
-} from '@/components/ui/form';
+} from '@/renderer/components/ui/form';
 import { z } from 'zod';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { toast } from '@/components/ui/use-toast';
-import { Icon } from '@/components/ui/icon';
+import { toast } from '@/renderer/components/ui/use-toast';
+import { Icon } from '@/renderer/components/ui/icon';
 import { Server } from '@/types/servers';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 

desktop/src/renderer/components/accounts/email-register.tsx

@@ -1,19 +1,19 @@
 import React from 'react';
-import { Input } from '@/components/ui/input';
-import { Button } from '@/components/ui/button';
-import { Spinner } from '@/components/ui/spinner';
+import { Input } from '@/renderer/components/ui/input';
+import { Button } from '@/renderer/components/ui/button';
+import { Spinner } from '@/renderer/components/ui/spinner';
 import {
   Form,
   FormControl,
   FormField,
   FormItem,
   FormMessage,
-} from '@/components/ui/form';
+} from '@/renderer/components/ui/form';
 import { z } from 'zod';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { toast } from '@/components/ui/use-toast';
-import { Icon } from '@/components/ui/icon';
+import { toast } from '@/renderer/components/ui/use-toast';
+import { Icon } from '@/renderer/components/ui/icon';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { Server } from '@/types/servers';
 

desktop/src/renderer/components/accounts/login-form.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Server } from '@/types/servers';
-import { EmailRegister } from '@/components/accounts/email-register';
-import { EmailLogin } from '@/components/accounts/email-login';
-import { ServerDropdown } from '@/components/servers/server-dropdown';
+import { EmailRegister } from '@/renderer/components/accounts/email-register';
+import { EmailLogin } from '@/renderer/components/accounts/email-login';
+import { ServerDropdown } from '@/renderer/components/servers/server-dropdown';
 
 interface LoginFormProps {
   servers: Server[];

desktop/src/renderer/components/accounts/login.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LoginForm } from '@/components/accounts/login-form';
+import { LoginForm } from '@/renderer/components/accounts/login-form';
 import { useQuery } from '@/renderer/hooks/use-query';
 
 export const Login = () => {

desktop/src/renderer/components/app-loading.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Spinner } from '@/components/ui/spinner';
+import { Spinner } from '@/renderer/components/ui/spinner';
 
 export const AppLoading = () => {
   return (

desktop/src/renderer/components/app.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 import Axios from 'axios';
-import { Login } from '@/components/accounts/login';
-import { AppLoading } from '@/components/app-loading';
+import { Login } from '@/renderer/components/accounts/login';
+import { AppLoading } from '@/renderer/components/app-loading';
 import { AccountContext } from '@/renderer/contexts/account';
 import { AxiosContext } from '@/renderer/contexts/axios';
 import { Outlet } from 'react-router-dom';
-import { AccountLogout } from '@/components/accounts/account-logout';
-import { DelayedComponent } from '@/components/ui/delayed-component';
+import { AccountLogout } from '@/renderer/components/accounts/account-logout';
+import { DelayedComponent } from '@/renderer/components/ui/delayed-component';
 import { useQuery } from '@/renderer/hooks/use-query';
 import { buildApiBaseUrl } from '@/lib/servers';
 

desktop/src/renderer/components/channels/channel-container-node.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LocalNode } from '@/types/nodes';
-import { Conversation } from '@/components/messages/conversation';
+import { Conversation } from '@/renderer/components/messages/conversation';
 
 interface ChannelContainerNodeProps {
   node: LocalNode;

desktop/src/renderer/components/channels/channel-create-dialog.tsx

@@ -7,7 +7,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from '@/components/ui/dialog';
+} from '@/renderer/components/ui/dialog';
 import { z } from 'zod';
 import {
   Form,
@@ -16,10 +16,10 @@ import {
   FormItem,
   FormLabel,
   FormMessage,
-} from '@/components/ui/form';
-import { Input } from '@/components/ui/input';
-import { Button } from '@/components/ui/button';
-import { Spinner } from '@/components/ui/spinner';
+} from '@/renderer/components/ui/form';
+import { Input } from '@/renderer/components/ui/input';
+import { Button } from '@/renderer/components/ui/button';
+import { Spinner } from '@/renderer/components/ui/spinner';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useMutation } from '@/renderer/hooks/use-mutation';

desktop/src/renderer/components/chats/chat-create-command.tsx

@@ -6,11 +6,11 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from '@/components/ui/command';
+} from '@/renderer/components/ui/command';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 import { useQuery } from '@/renderer/hooks/use-query';
 import { useMutation } from '@/renderer/hooks/use-mutation';
-import { Avatar } from '@/components/ui/avatar';
+import { Avatar } from '@/renderer/components/ui/avatar';
 
 export const ChatCreateCommand = () => {
   const workspace = useWorkspace();

desktop/src/renderer/components/chats/chat-create-popover.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
-import { Icon } from '@/components/ui/icon';
+import { Icon } from '@/renderer/components/ui/icon';
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
-import { ChatCreateCommand } from '@/components/chats/chat-create-command';
+} from '@/renderer/components/ui/popover';
+import { ChatCreateCommand } from '@/renderer/components/chats/chat-create-command';
 
 export const ChatCreatePopover = () => {
   const [open, setOpen] = React.useState(false);

desktop/src/renderer/components/collaborators/node-collaborator-create.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
-import { NodeCollaboratorSearch } from '@/components/collaborators/node-collaborator-search';
+import { NodeCollaboratorSearch } from '@/renderer/components/collaborators/node-collaborator-search';
 import { NodeCollaboratorNode } from '@/types/nodes';
-import { Button } from '@/components/ui/button';
-import { Spinner } from '@/components/ui/spinner';
-import { NodeCollaboratorRoleDropdown } from '@/components/collaborators/node-collaborator-role-dropdown';
+import { Button } from '@/renderer/components/ui/button';
+import { Spinner } from '@/renderer/components/ui/spinner';
+import { NodeCollaboratorRoleDropdown } from '@/renderer/components/collaborators/node-collaborator-role-dropdown';
 import { useMutation } from '@/renderer/hooks/use-mutation';
-import { toast } from '@/components/ui/use-toast';
+import { toast } from '@/renderer/components/ui/use-toast';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 
 interface NodeCollaboratorCreate {

desktop/src/renderer/components/collaborators/node-collaborator-role-dropdown.tsx

@@ -4,8 +4,8 @@ import {
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
-import { Icon } from '@/components/ui/icon';
+} from '@/renderer/components/ui/dropdown-menu';
+import { Icon } from '@/renderer/components/ui/icon';
 
 interface NodeCollaboratorRole {
   name: string;

desktop/src/renderer/components/collaborators/node-collaborator-search.tsx

@@ -4,8 +4,8 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
-import { Button } from '@/components/ui/button';
+} from '@/renderer/components/ui/popover';
+import { Button } from '@/renderer/components/ui/button';
 import {
   Command,
   CommandEmpty,
@@ -13,10 +13,10 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from '@/components/ui/command';
-import { Icon } from '@/components/ui/icon';
-import { Badge } from '@/components/ui/badge';
-import { Avatar } from '@/components/ui/avatar';
+} from '@/renderer/components/ui/command';
+import { Icon } from '@/renderer/components/ui/icon';
+import { Badge } from '@/renderer/components/ui/badge';
+import { Avatar } from '@/renderer/components/ui/avatar';
 import { useQuery } from '@/renderer/hooks/use-query';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/collaborators/node-collaborator.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { NodeCollaboratorNode } from '@/types/nodes';
-import { Avatar } from '@/components/ui/avatar';
-import { Icon } from '@/components/ui/icon';
-import { NodeCollaboratorRoleDropdown } from '@/components/collaborators/node-collaborator-role-dropdown';
+import { Avatar } from '@/renderer/components/ui/avatar';
+import { Icon } from '@/renderer/components/ui/icon';
+import { NodeCollaboratorRoleDropdown } from '@/renderer/components/collaborators/node-collaborator-role-dropdown';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/collaborators/node-collaborators-popover.tsx

@@ -3,9 +3,9 @@ import {
   Popover,
   PopoverTrigger,
   PopoverContent,
-} from '@/components/ui/popover';
-import { Icon } from '@/components/ui/icon';
-import { NodeCollaborators } from '@/components/collaborators/node-collaborators';
+} from '@/renderer/components/ui/popover';
+import { Icon } from '@/renderer/components/ui/icon';
+import { NodeCollaborators } from '@/renderer/components/collaborators/node-collaborators';
 
 interface NodeCollaboratorsPopoverProps {
   id: string;

desktop/src/renderer/components/collaborators/node-collaborators.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Separator } from '@/components/ui/separator';
-import { NodeCollaborator } from '@/components/collaborators/node-collaborator';
-import { NodeCollaboratorCreate } from '@/components/collaborators/node-collaborator-create';
+import { Separator } from '@/renderer/components/ui/separator';
+import { NodeCollaborator } from '@/renderer/components/collaborators/node-collaborator';
+import { NodeCollaboratorCreate } from '@/renderer/components/collaborators/node-collaborator-create';
 import { useQuery } from '@/renderer/hooks/use-query';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/databases/boards/board-view-column-header.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SelectOptionBadge } from '@/components/databases/fields/select-option-badge';
+import { SelectOptionBadge } from '@/renderer/components/databases/fields/select-option-badge';
 import { SelectOptionNode } from '@/types/databases';
 
 interface BoardViewColumnHeaderProps {

desktop/src/renderer/components/databases/boards/board-view-column-records.tsx

@@ -7,7 +7,7 @@ import {
   SelectOptionNode,
   ViewFilter,
 } from '@/types/databases';
-import { BoardViewCard } from '@/components/databases/boards/board-view-card';
+import { BoardViewCard } from '@/renderer/components/databases/boards/board-view-card';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 
 const RECORDS_PER_PAGE = 50;

desktop/src/renderer/components/databases/boards/board-view-column.tsx

@@ -7,8 +7,8 @@ import {
   SelectOptionNode,
 } from '@/types/databases';
 import { useDrop } from 'react-dnd';
-import { BoardViewColumnHeader } from '@/components/databases/boards/board-view-column-header';
-import { BoardViewColumnRecords } from '@/components/databases/boards/board-view-column-records';
+import { BoardViewColumnHeader } from '@/renderer/components/databases/boards/board-view-column-header';
+import { BoardViewColumnRecords } from '@/renderer/components/databases/boards/board-view-column-records';
 
 interface BoardViewColumnProps {
   view: BoardViewNode;

desktop/src/renderer/components/databases/boards/board-view.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 import { BoardViewNode } from '@/types/databases';
-import { ViewTabs } from '@/components/databases/view-tabs';
+import { ViewTabs } from '@/renderer/components/databases/view-tabs';
 import { useDatabase } from '@/renderer/contexts/database';
-import { BoardViewColumn } from '@/components/databases/boards/board-view-column';
-import { ViewSearchBar } from '@/components/databases/search/view-search-bar';
-import { ViewSortButton } from '@/components/databases/search/view-sort-button';
-import { ViewFilterButton } from '@/components/databases/search/view-filter-button';
-import { ViewSearchProvider } from '@/components/databases/search/view-search-provider';
+import { BoardViewColumn } from '@/renderer/components/databases/boards/board-view-column';
+import { ViewSearchBar } from '@/renderer/components/databases/search/view-search-bar';
+import { ViewSortButton } from '@/renderer/components/databases/search/view-sort-button';
+import { ViewFilterButton } from '@/renderer/components/databases/search/view-filter-button';
+import { ViewSearchProvider } from '@/renderer/components/databases/search/view-search-provider';
 
 interface BoardViewProps {
   node: BoardViewNode;

desktop/src/renderer/components/databases/calendars/calendar-view-day.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { cn, isSameDay } from '@/lib/utils';
 import { RecordNode } from '@/types/databases';
-import { Icon } from '@/components/ui/icon';
-import { CalendarViewCard } from '@/components/databases/calendars/calendar-view-card';
+import { Icon } from '@/renderer/components/ui/icon';
+import { CalendarViewCard } from '@/renderer/components/databases/calendars/calendar-view-card';
 
 interface CalendarViewDayProps {
   date: Date;

desktop/src/renderer/components/databases/calendars/calendar-view-grid.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
-import { buttonVariants } from '@/components/ui/button';
-import { Icon } from '@/components/ui/icon';
+import { buttonVariants } from '@/renderer/components/ui/button';
+import { Icon } from '@/renderer/components/ui/icon';
 import { cn, getDisplayedDates, toUTCDate } from '@/lib/utils';
 import { DayPicker, DayProps } from 'react-day-picker';
-import { CalendarViewDay } from '@/components/databases/calendars/calendar-view-day';
+import { CalendarViewDay } from '@/renderer/components/databases/calendars/calendar-view-day';
 import { CalendarViewNode, FieldNode, ViewFilter } from '@/types/databases';
 import { useInfiniteQuery } from '@/renderer/hooks/use-infinite-query';
 import { useDatabase } from '@/renderer/contexts/database';

desktop/src/renderer/components/databases/calendars/calendar-view.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 import { CalendarViewNode } from '@/types/databases';
-import { ViewTabs } from '@/components/databases/view-tabs';
+import { ViewTabs } from '@/renderer/components/databases/view-tabs';
 import { useDatabase } from '@/renderer/contexts/database';
-import { CalendarViewGrid } from '@/components/databases/calendars/calendar-view-grid';
-import { ViewSearchBar } from '@/components/databases/search/view-search-bar';
-import { ViewSortButton } from '@/components/databases/search/view-sort-button';
-import { ViewFilterButton } from '@/components/databases/search/view-filter-button';
-import { ViewSearchProvider } from '@/components/databases/search/view-search-provider';
+import { CalendarViewGrid } from '@/renderer/components/databases/calendars/calendar-view-grid';
+import { ViewSearchBar } from '@/renderer/components/databases/search/view-search-bar';
+import { ViewSortButton } from '@/renderer/components/databases/search/view-sort-button';
+import { ViewFilterButton } from '@/renderer/components/databases/search/view-filter-button';
+import { ViewSearchProvider } from '@/renderer/components/databases/search/view-search-provider';
 
 interface CalendarViewProps {
   node: CalendarViewNode;

desktop/src/renderer/components/databases/database-container-node.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { LocalNode } from '@/types/nodes';
 import { useQuery } from '@/renderer/hooks/use-query';
-import { Database } from '@/components/databases/database';
-import { DatabaseViews } from '@/components/databases/database-views';
+import { Database } from '@/renderer/components/databases/database';
+import { DatabaseViews } from '@/renderer/components/databases/database-views';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 
 interface DatabaseContainerNodeProps {

desktop/src/renderer/components/databases/database-create-dialog.tsx

@@ -7,7 +7,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from '@/components/ui/dialog';
+} from '@/renderer/components/ui/dialog';
 import { z } from 'zod';
 import {
   Form,
@@ -16,10 +16,10 @@ import {
   FormItem,
   FormLabel,
   FormMessage,
-} from '@/components/ui/form';
-import { Input } from '@/components/ui/input';
-import { Button } from '@/components/ui/button';
-import { Spinner } from '@/components/ui/spinner';
+} from '@/renderer/components/ui/form';
+import { Input } from '@/renderer/components/ui/input';
+import { Button } from '@/renderer/components/ui/button';
+import { Spinner } from '@/renderer/components/ui/spinner';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useMutation } from '@/renderer/hooks/use-mutation';

desktop/src/renderer/components/databases/database-views.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { DatabaseViewsContext } from '@/renderer/contexts/database-views';
 import { ViewNode } from '@/types/databases';
-import { View } from '@/components/databases/view';
-import { ScrollArea } from '@/components/ui/scroll-area';
+import { View } from '@/renderer/components/databases/view';
+import { ScrollArea } from '@/renderer/components/ui/scroll-area';
 
 interface DatabaseViewsProps {
   views: ViewNode[];

desktop/src/renderer/components/databases/fields/field-create-popover.tsx

@@ -3,7 +3,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { useForm } from 'react-hook-form';
 import * as z from 'zod';
 
-import { Button } from '@/components/ui/button';
+import { Button } from '@/renderer/components/ui/button';
 import {
   Form,
   FormControl,
@@ -11,18 +11,18 @@ import {
   FormItem,
   FormLabel,
   FormMessage,
-} from '@/components/ui/form';
-import { Input } from '@/components/ui/input';
+} from '@/renderer/components/ui/form';
+import { Input } from '@/renderer/components/ui/input';
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
+} from '@/renderer/components/ui/popover';
 import { useDatabase } from '@/renderer/contexts/database';
-import { FieldDataTypeSelect } from '@/components/databases/fields/field-type-select';
-import { FieldAttrs } from '@/components/databases/fields/field-attrs';
-import { Spinner } from '@/components/ui/spinner';
-import { Icon } from '@/components/ui/icon';
+import { FieldDataTypeSelect } from '@/renderer/components/databases/fields/field-type-select';
+import { FieldAttrs } from '@/renderer/components/databases/fields/field-attrs';
+import { Spinner } from '@/renderer/components/ui/spinner';
+import { Icon } from '@/renderer/components/ui/icon';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/databases/fields/field-delete-dialog.tsx

@@ -7,8 +7,8 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from '@/components/ui/alert-dialog';
-import { Button } from '@/components/ui/button';
+} from '@/renderer/components/ui/alert-dialog';
+import { Button } from '@/renderer/components/ui/button';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/databases/fields/field-rename-input.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FieldNode } from '@/types/databases';
 import { useMutation } from '@/renderer/hooks/use-mutation';
-import { SmartTextInput } from '@/components/ui/smart-text-input';
+import { SmartTextInput } from '@/renderer/components/ui/smart-text-input';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 
 interface FieldRenameInputProps {

desktop/src/renderer/components/databases/fields/field-select.tsx

@@ -3,8 +3,8 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
-import { Button } from '@/components/ui/button';
+} from '@/renderer/components/ui/popover';
+import { Button } from '@/renderer/components/ui/button';
 import {
   Command,
   CommandEmpty,
@@ -12,8 +12,8 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from '@/components/ui/command';
-import { Icon } from '@/components/ui/icon';
+} from '@/renderer/components/ui/command';
+import { Icon } from '@/renderer/components/ui/icon';
 import { getFieldIcon } from '@/lib/databases';
 import { FieldDataType, FieldNode } from '@/types/databases';
 import { cn } from '@/lib/utils';

desktop/src/renderer/components/databases/fields/field-type-select.tsx

@@ -3,8 +3,8 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
-import { Button } from '@/components/ui/button';
+} from '@/renderer/components/ui/popover';
+import { Button } from '@/renderer/components/ui/button';
 import {
   Command,
   CommandEmpty,
@@ -12,8 +12,8 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from '@/components/ui/command';
-import { Icon } from '@/components/ui/icon';
+} from '@/renderer/components/ui/command';
+import { Icon } from '@/renderer/components/ui/icon';
 import { getFieldIcon } from '@/lib/databases';
 import { FieldDataType } from '@/types/databases';
 import { cn } from '@/lib/utils';

desktop/src/renderer/components/databases/fields/select-field-options.tsx

@@ -6,12 +6,12 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from '@/components/ui/command';
-import { SelectOptionBadge } from '@/components/databases/fields/select-option-badge';
-import { Icon } from '@/components/ui/icon';
+} from '@/renderer/components/ui/command';
+import { SelectOptionBadge } from '@/renderer/components/databases/fields/select-option-badge';
+import { Icon } from '@/renderer/components/ui/icon';
 import { MultiSelectFieldNode, SelectFieldNode } from '@/types/databases';
 import { getRandomSelectOptionColor } from '@/lib/databases';
-import { SelectOptionSettingsPopover } from '@/components/databases/fields/select-option-settings-popover';
+import { SelectOptionSettingsPopover } from '@/renderer/components/databases/fields/select-option-settings-popover';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 

desktop/src/renderer/components/databases/fields/select-option-delete-dialog.tsx

@@ -7,8 +7,8 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from '@/components/ui/alert-dialog';
-import { Button } from '@/components/ui/button';
+} from '@/renderer/components/ui/alert-dialog';
+import { Button } from '@/renderer/components/ui/button';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/databases/fields/select-option-settings-popover.tsx

@@ -1,18 +1,18 @@
 import React from 'react';
-import { Icon } from '@/components/ui/icon';
-import { Label } from '@/components/ui/label';
+import { Icon } from '@/renderer/components/ui/icon';
+import { Label } from '@/renderer/components/ui/label';
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
-import { Separator } from '@/components/ui/separator';
+} from '@/renderer/components/ui/popover';
+import { Separator } from '@/renderer/components/ui/separator';
 import { selectOptionColors } from '@/lib/databases';
 import { cn } from '@/lib/utils';
 import { SelectOptionNode } from '@/types/databases';
-import { SelectOptionDeleteDialog } from '@/components/databases/fields/select-option-delete-dialog';
+import { SelectOptionDeleteDialog } from '@/renderer/components/databases/fields/select-option-delete-dialog';
 import { useMutation } from '@/renderer/hooks/use-mutation';
-import { SmartTextInput } from '@/components/ui/smart-text-input';
+import { SmartTextInput } from '@/renderer/components/ui/smart-text-input';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 
 interface SelectOptionSettingsPopoverProps {

desktop/src/renderer/components/databases/search/view-boolean-field-filter.tsx

@@ -4,15 +4,15 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
+} from '@/renderer/components/ui/popover';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
-import { Button } from '@/components/ui/button';
-import { Icon } from '@/components/ui/icon';
+} from '@/renderer/components/ui/dropdown-menu';
+import { Button } from '@/renderer/components/ui/button';
+import { Icon } from '@/renderer/components/ui/icon';
 import { getFieldIcon, booleanFieldFilterOperators } from '@/lib/databases';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 

desktop/src/renderer/components/databases/search/view-created-at-field-fitler.tsx

@@ -4,17 +4,17 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
+} from '@/renderer/components/ui/popover';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
-import { Button } from '@/components/ui/button';
-import { Icon } from '@/components/ui/icon';
+} from '@/renderer/components/ui/dropdown-menu';
+import { Button } from '@/renderer/components/ui/button';
+import { Icon } from '@/renderer/components/ui/icon';
 import { getFieldIcon, dateFieldFilterOperators } from '@/lib/databases';
-import { DatePicker } from '@/components/ui/date-picker';
+import { DatePicker } from '@/renderer/components/ui/date-picker';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 
 interface ViewCreatedAtFieldFilterProps {

desktop/src/renderer/components/databases/search/view-date-field-filter.tsx

@@ -4,17 +4,17 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
+} from '@/renderer/components/ui/popover';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
-import { Button } from '@/components/ui/button';
-import { Icon } from '@/components/ui/icon';
+} from '@/renderer/components/ui/dropdown-menu';
+import { Button } from '@/renderer/components/ui/button';
+import { Icon } from '@/renderer/components/ui/icon';
 import { getFieldIcon, dateFieldFilterOperators } from '@/lib/databases';
-import { DatePicker } from '@/components/ui/date-picker';
+import { DatePicker } from '@/renderer/components/ui/date-picker';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 
 interface ViewDateFieldFilterProps {

desktop/src/renderer/components/databases/search/view-email-field-filter.tsx

@@ -4,17 +4,17 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
+} from '@/renderer/components/ui/popover';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
-import { Button } from '@/components/ui/button';
-import { Icon } from '@/components/ui/icon';
+} from '@/renderer/components/ui/dropdown-menu';
+import { Button } from '@/renderer/components/ui/button';
+import { Icon } from '@/renderer/components/ui/icon';
 import { getFieldIcon, emailFieldFilterOperators } from '@/lib/databases';
-import { SmartTextInput } from '@/components/ui/smart-text-input';
+import { SmartTextInput } from '@/renderer/components/ui/smart-text-input';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 
 interface ViewEmailFieldFilterProps {

desktop/src/renderer/components/databases/search/view-filter-add-popover.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
-import { Icon } from '@/components/ui/icon';
+import { Icon } from '@/renderer/components/ui/icon';
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
+} from '@/renderer/components/ui/popover';
 import {
   Command,
   CommandEmpty,
@@ -12,7 +12,7 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from '@/components/ui/command';
+} from '@/renderer/components/ui/command';
 import { useDatabase } from '@/renderer/contexts/database';
 import { getFieldIcon } from '@/lib/databases';
 import { useViewSearch } from '@/renderer/contexts/view-search';

desktop/src/renderer/components/databases/search/view-filter-button.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ViewFilterAddPopover } from '@/components/databases/search/view-filter-add-popover';
-import { Icon } from '@/components/ui/icon';
+import { ViewFilterAddPopover } from '@/renderer/components/databases/search/view-filter-add-popover';
+import { Icon } from '@/renderer/components/ui/icon';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 
 export const ViewFilterButton = () => {

desktop/src/renderer/components/databases/search/view-filters.tsx

@@ -1,17 +1,17 @@
 import React from 'react';
 import { useDatabase } from '@/renderer/contexts/database';
-import { ViewTextFieldFilter } from '@/components/databases/search/view-text-field-filter';
-import { ViewNumberFieldFilter } from '@/components/databases/search/view-number-field-filter';
-import { ViewEmailFieldFilter } from '@/components/databases/search/view-email-field-filter';
-import { ViewUrlFieldFilter } from '@/components/databases/search/view-url-field-filter';
-import { ViewPhoneFieldFilter } from '@/components/databases/search/view-phone-field-filter';
-import { ViewBooleanFieldFilter } from '@/components/databases/search/view-boolean-field-filter';
-import { ViewSelectFieldFilter } from '@/components/databases/search/view-select-field-filter';
-import { ViewMultiSelectFieldFilter } from '@/components/databases/search/view-multi-select-field-filter';
-import { ViewDateFieldFilter } from '@/components/databases/search/view-date-field-filter';
-import { ViewCreatedAtFieldFilter } from '@/components/databases/search/view-created-at-field-fitler';
-import { ViewFilterAddPopover } from '@/components/databases/search/view-filter-add-popover';
-import { Icon } from '@/components/ui/icon';
+import { ViewTextFieldFilter } from '@/renderer/components/databases/search/view-text-field-filter';
+import { ViewNumberFieldFilter } from '@/renderer/components/databases/search/view-number-field-filter';
+import { ViewEmailFieldFilter } from '@/renderer/components/databases/search/view-email-field-filter';
+import { ViewUrlFieldFilter } from '@/renderer/components/databases/search/view-url-field-filter';
+import { ViewPhoneFieldFilter } from '@/renderer/components/databases/search/view-phone-field-filter';
+import { ViewBooleanFieldFilter } from '@/renderer/components/databases/search/view-boolean-field-filter';
+import { ViewSelectFieldFilter } from '@/renderer/components/databases/search/view-select-field-filter';
+import { ViewMultiSelectFieldFilter } from '@/renderer/components/databases/search/view-multi-select-field-filter';
+import { ViewDateFieldFilter } from '@/renderer/components/databases/search/view-date-field-filter';
+import { ViewCreatedAtFieldFilter } from '@/renderer/components/databases/search/view-created-at-field-fitler';
+import { ViewFilterAddPopover } from '@/renderer/components/databases/search/view-filter-add-popover';
+import { Icon } from '@/renderer/components/ui/icon';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 
 export const ViewFilters = () => {

desktop/src/renderer/components/databases/search/view-multi-select-field-filter.tsx

@@ -4,18 +4,18 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
+} from '@/renderer/components/ui/popover';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
-import { Button } from '@/components/ui/button';
-import { Icon } from '@/components/ui/icon';
+} from '@/renderer/components/ui/dropdown-menu';
+import { Button } from '@/renderer/components/ui/button';
+import { Icon } from '@/renderer/components/ui/icon';
 import { getFieldIcon, selectFieldFilterOperators } from '@/lib/databases';
-import { SelectFieldOptions } from '@/components/databases/fields/select-field-options';
-import { SelectOptionBadge } from '@/components/databases/fields/select-option-badge';
+import { SelectFieldOptions } from '@/renderer/components/databases/fields/select-field-options';
+import { SelectOptionBadge } from '@/renderer/components/databases/fields/select-option-badge';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 
 interface ViewMultiSelectFieldFilterProps {

desktop/src/renderer/components/databases/search/view-number-field-filter.tsx

@@ -4,17 +4,17 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
+} from '@/renderer/components/ui/popover';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
-import { Button } from '@/components/ui/button';
-import { Icon } from '@/components/ui/icon';
+} from '@/renderer/components/ui/dropdown-menu';
+import { Button } from '@/renderer/components/ui/button';
+import { Icon } from '@/renderer/components/ui/icon';
 import { getFieldIcon, numberFieldFilterOperators } from '@/lib/databases';
-import { SmartNumberInput } from '@/components/ui/smart-number-input';
+import { SmartNumberInput } from '@/renderer/components/ui/smart-number-input';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 
 interface ViewNumberFieldFilterProps {

desktop/src/renderer/components/databases/search/view-phone-field-filter.tsx

@@ -4,17 +4,17 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
+} from '@/renderer/components/ui/popover';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
-import { Button } from '@/components/ui/button';
-import { Icon } from '@/components/ui/icon';
+} from '@/renderer/components/ui/dropdown-menu';
+import { Button } from '@/renderer/components/ui/button';
+import { Icon } from '@/renderer/components/ui/icon';
 import { phoneFieldFilterOperators } from '@/lib/databases';
-import { SmartTextInput } from '@/components/ui/smart-text-input';
+import { SmartTextInput } from '@/renderer/components/ui/smart-text-input';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 
 interface ViewPhoneFieldFilterProps {

desktop/src/renderer/components/databases/search/view-search-bar.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ViewSorts } from '@/components/databases/search/view-sorts';
-import { ViewFilters } from '@/components/databases/search/view-filters';
-import { Separator } from '@/components/ui/separator';
+import { ViewSorts } from '@/renderer/components/databases/search/view-sorts';
+import { ViewFilters } from '@/renderer/components/databases/search/view-filters';
+import { Separator } from '@/renderer/components/ui/separator';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 
 export const ViewSearchBar = () => {

desktop/src/renderer/components/databases/search/view-select-field-filter.tsx

@@ -4,18 +4,18 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
+} from '@/renderer/components/ui/popover';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
-import { Button } from '@/components/ui/button';
-import { Icon } from '@/components/ui/icon';
+} from '@/renderer/components/ui/dropdown-menu';
+import { Button } from '@/renderer/components/ui/button';
+import { Icon } from '@/renderer/components/ui/icon';
 import { getFieldIcon, selectFieldFilterOperators } from '@/lib/databases';
-import { SelectFieldOptions } from '@/components/databases/fields/select-field-options';
-import { SelectOptionBadge } from '@/components/databases/fields/select-option-badge';
+import { SelectFieldOptions } from '@/renderer/components/databases/fields/select-field-options';
+import { SelectOptionBadge } from '@/renderer/components/databases/fields/select-option-badge';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 
 interface ViewSelectFieldFilterProps {

desktop/src/renderer/components/databases/search/view-sort-add-popover.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
-import { Icon } from '@/components/ui/icon';
+import { Icon } from '@/renderer/components/ui/icon';
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
+} from '@/renderer/components/ui/popover';
 import {
   Command,
   CommandEmpty,
@@ -12,7 +12,7 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from '@/components/ui/command';
+} from '@/renderer/components/ui/command';
 import { useDatabase } from '@/renderer/contexts/database';
 import { getFieldIcon, isSortableField } from '@/lib/databases';
 import { useViewSearch } from '@/renderer/contexts/view-search';

desktop/src/renderer/components/databases/search/view-sort-button.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Icon } from '@/components/ui/icon';
-import { ViewSortAddPopover } from '@/components/databases/search/view-sort-add-popover';
+import { Icon } from '@/renderer/components/ui/icon';
+import { ViewSortAddPopover } from '@/renderer/components/databases/search/view-sort-add-popover';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 
 export const ViewSortButton = () => {

desktop/src/renderer/components/databases/search/view-sort-row.tsx

@@ -1,4 +1,4 @@
-import { Icon } from '@/components/ui/icon';
+import { Icon } from '@/renderer/components/ui/icon';
 import { getFieldIcon } from '@/lib/databases';
 import { FieldNode, ViewSort } from '@/types/databases';
 import {
@@ -6,9 +6,9 @@ import {
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
+} from '@/renderer/components/ui/dropdown-menu';
 import React from 'react';
-import { Button } from '@/components/ui/button';
+import { Button } from '@/renderer/components/ui/button';
 import { SortDirections } from '@/lib/constants';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 

desktop/src/renderer/components/databases/search/view-sorts.tsx

@@ -3,12 +3,12 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
-import { Button } from '@/components/ui/button';
-import { ViewSortRow } from '@/components/databases/search/view-sort-row';
+} from '@/renderer/components/ui/popover';
+import { Button } from '@/renderer/components/ui/button';
+import { ViewSortRow } from '@/renderer/components/databases/search/view-sort-row';
 import { useDatabase } from '@/renderer/contexts/database';
-import { ViewSortAddPopover } from '@/components/databases/search/view-sort-add-popover';
-import { Icon } from '@/components/ui/icon';
+import { ViewSortAddPopover } from '@/renderer/components/databases/search/view-sort-add-popover';
+import { Icon } from '@/renderer/components/ui/icon';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 
 export const ViewSorts = () => {

desktop/src/renderer/components/databases/search/view-text-field-filter.tsx

@@ -4,17 +4,17 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
+} from '@/renderer/components/ui/popover';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
-import { Button } from '@/components/ui/button';
-import { Icon } from '@/components/ui/icon';
+} from '@/renderer/components/ui/dropdown-menu';
+import { Button } from '@/renderer/components/ui/button';
+import { Icon } from '@/renderer/components/ui/icon';
 import { getFieldIcon, textFieldFilterOperators } from '@/lib/databases';
-import { SmartTextInput } from '@/components/ui/smart-text-input';
+import { SmartTextInput } from '@/renderer/components/ui/smart-text-input';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 
 interface ViewTextFieldFilterProps {

desktop/src/renderer/components/databases/search/view-url-field-filter.tsx

@@ -4,17 +4,17 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
+} from '@/renderer/components/ui/popover';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
-import { Button } from '@/components/ui/button';
-import { Icon } from '@/components/ui/icon';
+} from '@/renderer/components/ui/dropdown-menu';
+import { Button } from '@/renderer/components/ui/button';
+import { Icon } from '@/renderer/components/ui/icon';
 import { urlFieldFilterOperators } from '@/lib/databases';
-import { SmartTextInput } from '@/components/ui/smart-text-input';
+import { SmartTextInput } from '@/renderer/components/ui/smart-text-input';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 
 interface ViewUrlFieldFilterProps {

desktop/src/renderer/components/databases/tables/cells/table-view-boolean-cell.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Checkbox } from '@/components/ui/checkbox';
+import { Checkbox } from '@/renderer/components/ui/checkbox';
 import { BooleanFieldNode, RecordNode } from '@/types/databases';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { useWorkspace } from '@/renderer/contexts/workspace';

desktop/src/renderer/components/databases/tables/cells/table-view-created-by-cell.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Avatar } from '@/components/ui/avatar';
+import { Avatar } from '@/renderer/components/ui/avatar';
 import { CreatedByFieldNode, RecordNode } from '@/types/databases';
 
 interface TableViewCreatedByCellProps {

desktop/src/renderer/components/databases/tables/cells/table-view-date-cell.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RecordNode, DateFieldNode } from '@/types/databases';
 import { useMutation } from '@/renderer/hooks/use-mutation';
-import { DatePicker } from '@/components/ui/date-picker';
+import { DatePicker } from '@/renderer/components/ui/date-picker';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 
 interface TableViewDateCellProps {

desktop/src/renderer/components/databases/tables/cells/table-view-email-cell.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RecordNode, EmailFieldNode } from '@/types/databases';
-import { SmartTextInput } from '@/components/ui/smart-text-input';
+import { SmartTextInput } from '@/renderer/components/ui/smart-text-input';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/databases/tables/cells/table-view-multi-select-cell.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 import { MultiSelectFieldNode, RecordNode } from '@/types/databases';
-import { SelectOptionBadge } from '@/components/databases/fields/select-option-badge';
+import { SelectOptionBadge } from '@/renderer/components/databases/fields/select-option-badge';
 import {
   Popover,
   PopoverTrigger,
   PopoverContent,
-} from '@/components/ui/popover';
-import { SelectFieldOptions } from '@/components/databases/fields/select-field-options';
+} from '@/renderer/components/ui/popover';
+import { SelectFieldOptions } from '@/renderer/components/databases/fields/select-field-options';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/databases/tables/cells/table-view-number-cell.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RecordNode } from '@/types/databases';
 import { NumberFieldNode } from '@/types/databases';
-import { SmartNumberInput } from '@/components/ui/smart-number-input';
+import { SmartNumberInput } from '@/renderer/components/ui/smart-number-input';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/databases/tables/cells/table-view-phone-cell.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RecordNode, PhoneFieldNode } from '@/types/databases';
-import { SmartTextInput } from '@/components/ui/smart-text-input';
+import { SmartTextInput } from '@/renderer/components/ui/smart-text-input';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/databases/tables/cells/table-view-select-cell.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 import { RecordNode, SelectFieldNode } from '@/types/databases';
-import { SelectOptionBadge } from '@/components/databases/fields/select-option-badge';
+import { SelectOptionBadge } from '@/renderer/components/databases/fields/select-option-badge';
 import {
   Popover,
   PopoverTrigger,
   PopoverContent,
-} from '@/components/ui/popover';
-import { SelectFieldOptions } from '@/components/databases/fields/select-field-options';
+} from '@/renderer/components/ui/popover';
+import { SelectFieldOptions } from '@/renderer/components/databases/fields/select-field-options';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/databases/tables/cells/table-view-text-cell.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RecordNode, TextFieldNode } from '@/types/databases';
-import { SmartTextInput } from '@/components/ui/smart-text-input';
+import { SmartTextInput } from '@/renderer/components/ui/smart-text-input';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/databases/tables/cells/table-view-url-cell.tsx

@@ -5,9 +5,9 @@ import {
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
-} from '@/components/ui/hover-card';
-import { Icon } from '@/components/ui/icon';
-import { SmartTextInput } from '@/components/ui/smart-text-input';
+} from '@/renderer/components/ui/hover-card';
+import { Icon } from '@/renderer/components/ui/icon';
+import { SmartTextInput } from '@/renderer/components/ui/smart-text-input';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/databases/tables/table-view-body.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { useDatabase } from '@/renderer/contexts/database';
-import { TableViewRow } from '@/components/databases/tables/table-view-row';
-import { TableViewEmptyPlaceholder } from '@/components/databases/tables/table-view-empty-placeholder';
-import { TableViewLoadMoreRow } from '@/components/databases/tables/table-view-load-more-row';
+import { TableViewRow } from '@/renderer/components/databases/tables/table-view-row';
+import { TableViewEmptyPlaceholder } from '@/renderer/components/databases/tables/table-view-empty-placeholder';
+import { TableViewLoadMoreRow } from '@/renderer/components/databases/tables/table-view-load-more-row';
 import { useInfiniteQuery } from '@/renderer/hooks/use-infinite-query';
 import { useViewSearch } from '@/renderer/contexts/view-search';
 import { useWorkspace } from '@/renderer/contexts/workspace';

desktop/src/renderer/components/databases/tables/table-view-field-cell.tsx

@@ -1,16 +1,16 @@
 import React from 'react';
 import { FieldNode, RecordNode } from '@/types/databases';
-import { TableViewTextCell } from '@/components/databases/tables/cells/table-view-text-cell';
-import { TableViewNumberCell } from '@/components/databases/tables/cells/table-view-number-cell';
-import { TableViewBooleanCell } from '@/components/databases/tables/cells/table-view-boolean-cell';
-import { TableViewCreatedAtCell } from '@/components/databases/tables/cells/table-view-created-at-cell';
-import { TableViewCreatedByCell } from '@/components/databases/tables/cells/table-view-created-by-cell';
-import { TableViewSelectCell } from '@/components/databases/tables/cells/table-view-select-cell';
-import { TableViewPhoneCell } from '@/components/databases/tables/cells/table-view-phone-cell';
-import { TableViewEmailCell } from '@/components/databases/tables/cells/table-view-email-cell';
-import { TableViewUrlCell } from '@/components/databases/tables/cells/table-view-url-cell';
-import { TableViewMultiSelectCell } from '@/components/databases/tables/cells/table-view-multi-select-cell';
-import { TableViewDateCell } from '@/components/databases/tables/cells/table-view-date-cell';
+import { TableViewTextCell } from '@/renderer/components/databases/tables/cells/table-view-text-cell';
+import { TableViewNumberCell } from '@/renderer/components/databases/tables/cells/table-view-number-cell';
+import { TableViewBooleanCell } from '@/renderer/components/databases/tables/cells/table-view-boolean-cell';
+import { TableViewCreatedAtCell } from '@/renderer/components/databases/tables/cells/table-view-created-at-cell';
+import { TableViewCreatedByCell } from '@/renderer/components/databases/tables/cells/table-view-created-by-cell';
+import { TableViewSelectCell } from '@/renderer/components/databases/tables/cells/table-view-select-cell';
+import { TableViewPhoneCell } from '@/renderer/components/databases/tables/cells/table-view-phone-cell';
+import { TableViewEmailCell } from '@/renderer/components/databases/tables/cells/table-view-email-cell';
+import { TableViewUrlCell } from '@/renderer/components/databases/tables/cells/table-view-url-cell';
+import { TableViewMultiSelectCell } from '@/renderer/components/databases/tables/cells/table-view-multi-select-cell';
+import { TableViewDateCell } from '@/renderer/components/databases/tables/cells/table-view-date-cell';
 
 interface TableViewFieldCellProps {
   record: RecordNode;

desktop/src/renderer/components/databases/tables/table-view-field-header.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from '@/components/ui/icon';
+import { Icon } from '@/renderer/components/ui/icon';
 import { cn } from '@/lib/utils';
 import { getFieldIcon } from '@/lib/databases';
 import { useDrag, useDrop } from 'react-dnd';
@@ -9,10 +9,10 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
-import { Separator } from '@/components/ui/separator';
-import { FieldDeleteDialog } from '@/components/databases/fields/field-delete-dialog';
-import { FieldRenameInput } from '@/components/databases/fields/field-rename-input';
+} from '@/renderer/components/ui/popover';
+import { Separator } from '@/renderer/components/ui/separator';
+import { FieldDeleteDialog } from '@/renderer/components/databases/fields/field-delete-dialog';
+import { FieldRenameInput } from '@/renderer/components/databases/fields/field-rename-input';
 import { useTableView } from '@/renderer/contexts/table-view';
 
 interface TableViewFieldHeaderProps {

desktop/src/renderer/components/databases/tables/table-view-header.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { useTableView } from '@/renderer/contexts/table-view';
-import { TableViewNameHeader } from '@/components/databases/tables/table-view-name-header';
-import { TableViewFieldHeader } from '@/components/databases/tables/table-view-field-header';
-import { FieldCreatePopover } from '@/components/databases/fields/field-create-popover';
+import { TableViewNameHeader } from '@/renderer/components/databases/tables/table-view-name-header';
+import { TableViewFieldHeader } from '@/renderer/components/databases/tables/table-view-field-header';
+import { FieldCreatePopover } from '@/renderer/components/databases/fields/field-create-popover';
 
 export const TableViewHeader = () => {
   const tableView = useTableView();

desktop/src/renderer/components/databases/tables/table-view-load-more-row.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Icon } from '@/components/ui/icon';
-import { Spinner } from '@/components/ui/spinner';
+import { Icon } from '@/renderer/components/ui/icon';
+import { Spinner } from '@/renderer/components/ui/spinner';
 
 interface TableViewLoadMoreRowProps {
   isPending: boolean;

desktop/src/renderer/components/databases/tables/table-view-name-cell.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import isHotkey from 'is-hotkey';
-import { Icon } from '@/components/ui/icon';
+import { Icon } from '@/renderer/components/ui/icon';
 import { useWorkspace } from '@/renderer/contexts/workspace';
-import { Spinner } from '@/components/ui/spinner';
+import { Spinner } from '@/renderer/components/ui/spinner';
 import { RecordNode } from '@/types/databases';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 

desktop/src/renderer/components/databases/tables/table-view-name-header.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
-import { Icon } from '@/components/ui/icon';
+import { Icon } from '@/renderer/components/ui/icon';
 import { Resizable } from 're-resizable';
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
-import { Separator } from '@/components/ui/separator';
-import { Input } from '@/components/ui/input';
+} from '@/renderer/components/ui/popover';
+import { Separator } from '@/renderer/components/ui/separator';
+import { Input } from '@/renderer/components/ui/input';
 import { useTableView } from '@/renderer/contexts/table-view';
 import { useDrop } from 'react-dnd';
 import { cn } from '@/lib/utils';

desktop/src/renderer/components/databases/tables/table-view-record-create-row.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from '@/components/ui/icon';
+import { Icon } from '@/renderer/components/ui/icon';
 import { useDatabase } from '@/renderer/contexts/database';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { useWorkspace } from '@/renderer/contexts/workspace';

desktop/src/renderer/components/databases/tables/table-view-row.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TableViewNameCell } from '@/components/databases/tables/table-view-name-cell';
-import { TableViewFieldCell } from '@/components/databases/tables/table-view-field-cell';
+import { TableViewNameCell } from '@/renderer/components/databases/tables/table-view-name-cell';
+import { TableViewFieldCell } from '@/renderer/components/databases/tables/table-view-field-cell';
 import { RecordNode } from '@/types/databases';
 import { useTableView } from '@/renderer/contexts/table-view';
 

desktop/src/renderer/components/databases/tables/table-view-settings-popover.tsx

@@ -3,10 +3,10 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from '@/components/ui/popover';
-import { Icon } from '@/components/ui/icon';
+} from '@/renderer/components/ui/popover';
+import { Icon } from '@/renderer/components/ui/icon';
 import { useTableView } from '@/renderer/contexts/table-view';
-import { Separator } from '@/components/ui/separator';
+import { Separator } from '@/renderer/components/ui/separator';
 import { useDatabase } from '@/renderer/contexts/database';
 import { cn } from '@/lib/utils';
 import { getFieldIcon } from '@/lib/databases';
@@ -14,11 +14,11 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from '@/components/ui/tooltip';
-import { FieldDeleteDialog } from '@/components/databases/fields/field-delete-dialog';
+} from '@/renderer/components/ui/tooltip';
+import { FieldDeleteDialog } from '@/renderer/components/databases/fields/field-delete-dialog';
 import { useMutation } from '@/renderer/hooks/use-mutation';
-import { ViewDeleteDialog } from '@/components/databases/view-delete-dialog';
-import { SmartTextInput } from '@/components/ui/smart-text-input';
+import { ViewDeleteDialog } from '@/renderer/components/databases/view-delete-dialog';
+import { SmartTextInput } from '@/renderer/components/ui/smart-text-input';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 
 export const TableViewSettingsPopover = () => {

desktop/src/renderer/components/databases/tables/table-view.tsx

@@ -1,20 +1,20 @@
 import React from 'react';
-import { TableViewHeader } from '@/components/databases/tables/table-view-header';
-import { TableViewBody } from '@/components/databases/tables/table-view-body';
-import { TableViewRecordCreateRow } from '@/components/databases/tables/table-view-record-create-row';
+import { TableViewHeader } from '@/renderer/components/databases/tables/table-view-header';
+import { TableViewBody } from '@/renderer/components/databases/tables/table-view-body';
+import { TableViewRecordCreateRow } from '@/renderer/components/databases/tables/table-view-record-create-row';
 import { TableViewContext } from '@/renderer/contexts/table-view';
 import { useDatabase } from '@/renderer/contexts/database';
 import { compareString } from '@/lib/utils';
 import { FieldDataType, TableViewNode } from '@/types/databases';
-import { ViewTabs } from '@/components/databases/view-tabs';
-import { TableViewSettingsPopover } from '@/components/databases/tables/table-view-settings-popover';
+import { ViewTabs } from '@/renderer/components/databases/view-tabs';
+import { TableViewSettingsPopover } from '@/renderer/components/databases/tables/table-view-settings-popover';
 import { getDefaultFieldWidth, getDefaultNameWidth } from '@/lib/databases';
 import { generateNodeIndex } from '@/lib/nodes';
 import { useMutation } from '@/renderer/hooks/use-mutation';
-import { ViewSearchBar } from '@/components/databases/search/view-search-bar';
-import { ViewFilterButton } from '@/components/databases/search/view-filter-button';
-import { ViewSortButton } from '@/components/databases/search/view-sort-button';
-import { ViewSearchProvider } from '@/components/databases/search/view-search-provider';
+import { ViewSearchBar } from '@/renderer/components/databases/search/view-search-bar';
+import { ViewFilterButton } from '@/renderer/components/databases/search/view-filter-button';
+import { ViewSortButton } from '@/renderer/components/databases/search/view-sort-button';
+import { ViewSearchProvider } from '@/renderer/components/databases/search/view-search-provider';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 
 interface TableViewProps {

desktop/src/renderer/components/databases/view-create-button.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ViewCreateDialog } from '@/components/databases/view-create-dialog';
-import { Icon } from '@/components/ui/icon';
+import { ViewCreateDialog } from '@/renderer/components/databases/view-create-dialog';
+import { Icon } from '@/renderer/components/ui/icon';
 
 export const ViewCreateButton = () => {
   const [open, setOpen] = React.useState(false);

desktop/src/renderer/components/databases/view-create-dialog.tsx

@@ -6,7 +6,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from '@/components/ui/dialog';
+} from '@/renderer/components/ui/dialog';
 import { z } from 'zod';
 import {
   Form,
@@ -15,17 +15,17 @@ import {
   FormItem,
   FormLabel,
   FormMessage,
-} from '@/components/ui/form';
-import { Input } from '@/components/ui/input';
-import { Button } from '@/components/ui/button';
-import { Spinner } from '@/components/ui/spinner';
+} from '@/renderer/components/ui/form';
+import { Input } from '@/renderer/components/ui/input';
+import { Button } from '@/renderer/components/ui/button';
+import { Spinner } from '@/renderer/components/ui/spinner';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { cn } from '@/lib/utils';
-import { Icon } from '@/components/ui/icon';
+import { Icon } from '@/renderer/components/ui/icon';
 import { useDatabase } from '@/renderer/contexts/database';
-import { FieldSelect } from '@/components/databases/fields/field-select';
-import { toast } from '@/components/ui/use-toast';
+import { FieldSelect } from '@/renderer/components/databases/fields/field-select';
+import { toast } from '@/renderer/components/ui/use-toast';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/databases/view-delete-dialog.tsx

@@ -7,8 +7,8 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from '@/components/ui/alert-dialog';
-import { Button } from '@/components/ui/button';
+} from '@/renderer/components/ui/alert-dialog';
+import { Button } from '@/renderer/components/ui/button';
 import { useMutation } from '@/renderer/hooks/use-mutation';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/databases/view-settings-button.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from '@/components/ui/icon';
+import { Icon } from '@/renderer/components/ui/icon';
 
 export const ViewSettingsButton = () => {
   return (

desktop/src/renderer/components/databases/view-tab.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { cn } from '@/lib/utils';
-import { Avatar } from '@/components/ui/avatar';
+import { Avatar } from '@/renderer/components/ui/avatar';
 import { ViewNode } from '@/types/databases';
 
 interface ViewTabProps {

desktop/src/renderer/components/databases/view-tabs.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ViewTab } from '@/components/databases/view-tab';
-import { ViewCreateButton } from '@/components/databases/view-create-button';
+import { ViewTab } from '@/renderer/components/databases/view-tab';
+import { ViewCreateButton } from '@/renderer/components/databases/view-create-button';
 import { useDatabaseViews } from '@/renderer/contexts/database-views';
 
 export const ViewTabs = () => {

desktop/src/renderer/components/databases/view.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ViewNode } from '@/types/databases';
-import { TableView } from '@/components/databases/tables/table-view';
-import { BoardView } from '@/components/databases/boards/board-view';
-import { CalendarView } from '@/components/databases/calendars/calendar-view';
+import { TableView } from '@/renderer/components/databases/tables/table-view';
+import { BoardView } from '@/renderer/components/databases/boards/board-view';
+import { CalendarView } from '@/renderer/components/databases/calendars/calendar-view';
 
 interface ViewProps {
   node: ViewNode;

desktop/src/renderer/components/documents/document-editor.tsx

@@ -13,7 +13,7 @@ import {
   DividerCommand,
   TodoCommand,
   PageCommand,
-} from '@/editor/commands';
+} from '@/renderer/editor/commands';
 import {
   IdExtension,
   DocumentNode,
@@ -46,12 +46,12 @@ import {
   LinkMark,
   DeleteControlExtension,
   DropcursorExtension,
-} from '@/editor/extensions';
+} from '@/renderer/editor/extensions';
 
-import { EditorBubbleMenu } from '@/editor/menu/bubble-menu';
+import { EditorBubbleMenu } from '@/renderer/editor/menu/bubble-menu';
 import { LocalNode } from '@/types/nodes';
 import { useWorkspace } from '@/renderer/contexts/workspace';
-import { EditorObserver } from '@/editor/observer';
+import { EditorObserver } from '@/renderer/editor/observer';
 
 interface DocumentEditorProps {
   node: LocalNode;

desktop/src/renderer/components/documents/document.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LocalNode } from '@/types/nodes';
-import { DocumentEditor } from '@/components/documents/document-editor';
+import { DocumentEditor } from '@/renderer/components/documents/document-editor';
 import { useQuery } from '@/renderer/hooks/use-query';
 import { useWorkspace } from '@/renderer/contexts/workspace';
 

desktop/src/renderer/components/emojis/emoji-picker-browser-row.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { EmojiPickerRowData } from '@/lib/emojis';
-import { EmojiPickerItem } from '@/components/emojis/emoji-picker-item';
+import { EmojiPickerItem } from '@/renderer/components/emojis/emoji-picker-item';
 
 interface EmojiPickerBrowserRowProps {
   index: number;

desktop/src/renderer/components/emojis/emoji-picker-browser.tsx

@@ -2,7 +2,7 @@ import { EmojiPickerRowData, categories, emojis } from '@/lib/emojis';
 import React from 'react';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { FixedSizeList } from 'react-window';
-import { EmojiPickerBrowserRow } from '@/components/emojis/emoji-picker-browser-row';
+import { EmojiPickerBrowserRow } from '@/renderer/components/emojis/emoji-picker-browser-row';
 
 const emojisPerRow = 10;