@agent-native/core 0.114.4 → 0.114.6

package/corpus/templates/content/app/components/sidebar/DocumentSidebar.tsx

@@ -11,6 +11,7 @@ import {
   useActionQuery,
 } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
+import { OrgSwitcher } from "@agent-native/core/client/org";
 import { FeedbackButton } from "@agent-native/core/client/ui";
 import {
   closestCenter,
@@ -42,6 +43,7 @@ import {
   IconRestore,
   IconSearch,
   IconSettings,
+  IconStar,
   IconTrashX,
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
@@ -76,14 +78,6 @@ import {
   AlertDialogTitle,
   AlertDialogTrigger,
 } from "@/components/ui/alert-dialog";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -91,7 +85,6 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import {
   Tooltip,
@@ -111,7 +104,6 @@ import {
   useTrashedContentDatabases,
 } from "@/hooks/use-content-database";
 import {
-  useCreateContentSpace,
   useContentSpaces,
   useEnsureContentSpaces,
   type ContentSpaceSummary,
@@ -120,7 +112,10 @@ import {
   useDocuments,
   useCreateDocument,
   useDeleteDocument,
+  usePermanentlyDeleteDocument,
   useMoveDocument,
+  useRestoreDocument,
+  useTrashedDocuments,
   useUpdateDocument,
   buildDocumentTree,
   filterDocumentTreeDocuments,
@@ -141,12 +136,17 @@ import { NotionButton } from "./NotionButton";
 import {
   contentSpaceAvailability,
   contentSpaceForStoredSelection,
+  createContentSidebarStateWriteQueue,
   createContentSpaceSelectionQueue,
   ensureWorkspaceExpanded,
   SELECTED_CONTENT_SPACE_STORAGE_KEY,
   selectContentSpace,
   toggleExpandedWorkspaceIds,
 } from "./select-content-space";
+import {
+  WorkspaceSourceMenu,
+  type CreatedWorkspace,
+} from "./WorkspaceSourceMenu";
 
 function nanoid(size = 12): string {
   const chars =
@@ -212,14 +212,21 @@ type CollapsedSectionsState = Record<SidebarSectionId, boolean>;
 
 const SIDEBAR_SECTION_COLLAPSE_STORAGE_KEY =
   "content-sidebar-collapsed-sections";
+const TRASH_COLLAPSED_DEFAULT_MIGRATION_KEY =
+  "content-sidebar-trash-collapsed-default-v2";
 const CONTENT_SIDEBAR_STATE_VERSION = 1 as const;
+interface ContentSidebarStateSnapshot {
+  version: typeof CONTENT_SIDEBAR_STATE_VERSION;
+  expandedWorkspaceIds: string[];
+  expandedDocumentIds: string[];
+}
 const DEFAULT_COLLAPSED_SECTIONS: CollapsedSectionsState = {
   favorites: false,
   "local-files": false,
   "shared-copies": false,
   private: false,
   organization: false,
-  trash: false,
+  trash: true,
 };
 
 function normalizeCollapsedSections(
@@ -231,7 +238,7 @@ function normalizeCollapsedSections(
     "shared-copies": value?.["shared-copies"] ?? false,
     private: value?.private ?? false,
     organization: value?.organization ?? false,
-    trash: value?.trash ?? false,
+    trash: value?.trash ?? true,
   };
 }
 
@@ -351,13 +358,15 @@ export function DocumentSidebar({
   const createDatabase = useCreateContentDatabase(null);
   const deleteContentDatabase = useDeleteContentDatabase();
   const deleteDocument = useDeleteDocument();
+  const permanentlyDeleteDocument = usePermanentlyDeleteDocument();
   const moveDocument = useMoveDocument();
+  const restoreDocument = useRestoreDocument();
+  const { data: trashedDocuments } = useTrashedDocuments();
   const restoreContentDatabase = useRestoreContentDatabase();
   const { data: trashedDatabases } = useTrashedContentDatabases();
   const { isCodeMode } = useCodeMode();
   const updateDocument = useUpdateDocument();
   const contentSpacesQuery = useContentSpaces();
-  const createContentSpace = useCreateContentSpace();
   const ensureContentSpaces = useEnsureContentSpaces();
   const workspaceSelectionQueueRef = useRef(createContentSpaceSelectionQueue());
   const contentSpaces = contentSpacesQuery.data?.spaces ?? [];
@@ -406,6 +415,17 @@ export function DocumentSidebar({
       );
     },
   });
+  const updateSidebarStateRef = useRef(updateSidebarState);
+  updateSidebarStateRef.current = updateSidebarState;
+  const sidebarStateWriteQueueRef = useRef<
+    ((snapshot: ContentSidebarStateSnapshot) => Promise<unknown>) | null
+  >(null);
+  if (!sidebarStateWriteQueueRef.current) {
+    sidebarStateWriteQueueRef.current = createContentSidebarStateWriteQueue(
+      (snapshot: ContentSidebarStateSnapshot) =>
+        updateSidebarStateRef.current.mutateAsync(snapshot),
+    );
+  }
   const [expandedWorkspaceIds, setExpandedWorkspaceIds] = useState<string[]>(
     [],
   );
@@ -417,13 +437,6 @@ export function DocumentSidebar({
   const sidebarStateHydratedRef = useRef(false);
   const expandedWorkspaceIdsRef = useRef<string[]>([]);
   const expandedDocumentIdsRef = useRef<string[]>([]);
-  const sidebarStateWriteTimerRef = useRef<ReturnType<
-    typeof setTimeout
-  > | null>(null);
-  const [createWorkspaceDialogOpen, setCreateWorkspaceDialogOpen] =
-    useState(false);
-  const [newWorkspaceName, setNewWorkspaceName] = useState("");
-  const createWorkspaceRequestIdRef = useRef<string | null>(null);
   const contentSpaceState = contentSpaceAvailability({
     hasSelectedSpace: Boolean(selectedSpace),
     contentSpacesLoading: contentSpacesQuery.isLoading,
@@ -474,19 +487,19 @@ export function DocumentSidebar({
   const queueSidebarStateWrite = useCallback(
     (workspaceIds: string[], documentIds: string[]) => {
       if (!sidebarStateHydratedRef.current) return;
-      if (sidebarStateWriteTimerRef.current) {
-        clearTimeout(sidebarStateWriteTimerRef.current);
-      }
-      sidebarStateWriteTimerRef.current = setTimeout(() => {
-        sidebarStateWriteTimerRef.current = null;
-        updateSidebarState.mutate({
+      void sidebarStateWriteQueueRef
+        .current?.({
           version: CONTENT_SIDEBAR_STATE_VERSION,
           expandedWorkspaceIds: workspaceIds,
           expandedDocumentIds: documentIds,
+        })
+        .catch((error) => {
+          toast.error(t("sidebar.failedSaveSidebarState"), {
+            description: error instanceof Error ? error.message : String(error),
+          });
         });
-      }, 150);
     },
-    [updateSidebarState],
+    [t],
   );
 
   const updateExpandedWorkspaceIds = useCallback(
@@ -517,21 +530,6 @@ export function DocumentSidebar({
     [queueSidebarStateWrite],
   );
 
-  useEffect(
-    () => () => {
-      if (sidebarStateWriteTimerRef.current) {
-        clearTimeout(sidebarStateWriteTimerRef.current);
-      }
-    },
-    [],
-  );
-
-  useEffect(() => {
-    if (!selectedSpace || !sidebarStateHydratedRef.current) return;
-    updateExpandedWorkspaceIds((current) =>
-      ensureWorkspaceExpanded(current, selectedSpace.id),
-    );
-  }, [selectedSpace, updateExpandedWorkspaceIds]);
   const handleSelectContentSpace = useCallback(
     async (
       space: (typeof contentSpaces)[number],
@@ -572,14 +570,9 @@ export function DocumentSidebar({
     },
     [navigate, setStoredSpaceId, updateExpandedWorkspaceIds],
   );
-  const handleCreateWorkspace = useCallback(async () => {
-    const name = newWorkspaceName.trim();
-    if (!name) return;
-    const requestId = createWorkspaceRequestIdRef.current ?? nanoid();
-    createWorkspaceRequestIdRef.current = requestId;
-    try {
-      const created = await createContentSpace.mutateAsync({ name, requestId });
-      const space: ContentSpaceSummary = {
+  const handleWorkspaceCreated = useCallback(
+    (created: CreatedWorkspace) =>
+      handleSelectContentSpace({
         id: created.spaceId,
         name: created.name,
         kind: created.kind,
@@ -589,18 +582,9 @@ export function DocumentSidebar({
         role: "owner",
         catalogItemId: created.catalogItemId,
         catalogDocumentId: created.catalogDocumentId,
-      };
-      const selected = await handleSelectContentSpace(space);
-      if (!selected) return;
-      setCreateWorkspaceDialogOpen(false);
-      setNewWorkspaceName("");
-      createWorkspaceRequestIdRef.current = null;
-    } catch (error) {
-      toast.error(t("sidebar.failedCreateWorkspace"), {
-        description: error instanceof Error ? error.message : String(error),
-      });
-    }
-  }, [createContentSpace, handleSelectContentSpace, newWorkspaceName, t]);
+      }),
+    [handleSelectContentSpace],
+  );
   useEffect(() => {
     if (!selectedSpace) return;
     void setClientAppState(
@@ -634,6 +618,21 @@ export function DocumentSidebar({
     () => normalizeCollapsedSections(storedCollapsedSections),
     [storedCollapsedSections],
   );
+  useEffect(() => {
+    try {
+      if (
+        window.localStorage.getItem(TRASH_COLLAPSED_DEFAULT_MIGRATION_KEY) ===
+        "1"
+      ) {
+        return;
+      }
+      setStoredCollapsedSections((current) => ({
+        ...normalizeCollapsedSections(current),
+        trash: true,
+      }));
+      window.localStorage.setItem(TRASH_COLLAPSED_DEFAULT_MIGRATION_KEY, "1");
+    } catch {}
+  }, [setStoredCollapsedSections]);
   const [removeLocalFilesDialogOpen, setRemoveLocalFilesDialogOpen] =
     useState(false);
   const agentActive = location.pathname.startsWith("/agent");
@@ -700,6 +699,7 @@ export function DocumentSidebar({
     ? documents.find((doc) => doc.id === activeDocumentId)
     : null;
   const trashItems = trashedDatabases?.databases ?? [];
+  const trashedPageItems = trashedDocuments?.documents ?? [];
   const parentByDocumentId = useMemo(
     () => new Map(documents.map((doc) => [doc.id, doc.parentId])),
     [documents],
@@ -1124,7 +1124,7 @@ export function DocumentSidebar({
   const handlePermanentDeleteDatabase = useCallback(
     async (documentId: string) => {
       try {
-        await deleteDocument.mutateAsync({ id: documentId });
+        await permanentlyDeleteDocument.mutateAsync({ id: documentId });
         queryClient.invalidateQueries({
           queryKey: ["action", "list-documents"],
         });
@@ -1139,7 +1139,37 @@ export function DocumentSidebar({
         });
       }
     },
-    [deleteDocument, queryClient, t],
+    [permanentlyDeleteDocument, queryClient, t],
+  );
+
+  const handleRestoreDocument = useCallback(
+    async (documentId: string) => {
+      try {
+        await restoreDocument.mutateAsync({ id: documentId });
+        toast.success(t("sidebar.pageRestored"));
+      } catch (err) {
+        toast.error(t("sidebar.failedRestorePage"), {
+          description:
+            err instanceof Error ? err.message : t("empty.genericError"),
+        });
+      }
+    },
+    [restoreDocument, t],
+  );
+
+  const handlePermanentDeleteDocument = useCallback(
+    async (documentId: string) => {
+      try {
+        await permanentlyDeleteDocument.mutateAsync({ id: documentId });
+        toast.success(t("sidebar.pagePermanentlyDeleted"));
+      } catch (err) {
+        toast.error(t("sidebar.failedPermanentDeletePage"), {
+          description:
+            err instanceof Error ? err.message : t("empty.genericError"),
+        });
+      }
+    },
+    [permanentlyDeleteDocument, t],
   );
 
   const handleRemoveLocalFiles = useCallback(async () => {
@@ -1423,21 +1453,21 @@ export function DocumentSidebar({
             type="button"
             aria-expanded={expanded}
             aria-label={`${expanded ? t("sidebar.collapse") : t("sidebar.expand")} ${space.name}`}
-            className="relative flex size-7 shrink-0 items-center justify-center rounded-md hover:bg-background/60"
+            className="group/workspace-toggle relative flex size-7 shrink-0 items-center justify-center rounded-md hover:bg-background/60"
             onClick={() =>
               updateExpandedWorkspaceIds((current) =>
                 toggleExpandedWorkspaceIds(current, space.id),
               )
             }
           >
-            <span className="group-hover/workspace-header:opacity-0 group-focus-within/workspace-header:opacity-0">
+            <span className="group-hover/workspace-header:opacity-0 group-focus-visible/workspace-toggle:opacity-0">
               {expanded ? (
                 <IconFolderOpen size={14} />
               ) : (
                 <IconFolder size={14} />
               )}
             </span>
-            <span className="absolute inset-0 flex items-center justify-center opacity-0 group-hover/workspace-header:opacity-100 group-focus-within/workspace-header:opacity-100">
+            <span className="absolute inset-0 flex items-center justify-center opacity-0 group-hover/workspace-header:opacity-100 group-focus-visible/workspace-toggle:opacity-100">
               {expanded ? (
                 <IconChevronDown size={14} />
               ) : (
@@ -1555,37 +1585,20 @@ export function DocumentSidebar({
             />
           )}
           <div className="px-1">
-            <DropdownMenu>
-              <DropdownMenuTrigger asChild>
-                <button
-                  type="button"
-                  className="flex h-7 w-full min-w-0 items-center rounded-md text-muted-foreground hover:bg-accent/40 hover:text-foreground"
-                  aria-label={t("sidebar.addWorkspace")}
-                >
-                  <span className="flex size-7 shrink-0 items-center justify-center">
-                    <IconPlus size={14} />
-                  </span>
-                  <span className="truncate text-start text-[10px] font-semibold uppercase tracking-wider">
-                    {t("sidebar.addWorkspace")}
-                  </span>
-                </button>
-              </DropdownMenuTrigger>
-              <DropdownMenuContent align="start" className="w-52">
-                <DropdownMenuItem
-                  onSelect={() => setCreateWorkspaceDialogOpen(true)}
-                >
-                  <IconPlus className="me-2 size-4" />
-                  {t("sidebar.newWorkspace")}
-                </DropdownMenuItem>
-                <DropdownMenuSeparator />
-                <DropdownMenuItem asChild>
-                  <Link to="/local-files">
-                    <IconFolder className="me-2 size-4" />
-                    {t("sidebar.localFolder")}
-                  </Link>
-                </DropdownMenuItem>
-              </DropdownMenuContent>
-            </DropdownMenu>
+            <WorkspaceSourceMenu onCreated={handleWorkspaceCreated}>
+              <button
+                type="button"
+                className="flex h-7 w-full min-w-0 items-center rounded-md text-muted-foreground hover:bg-accent/40 hover:text-foreground"
+                aria-label={t("sidebar.addWorkspace")}
+              >
+                <span className="flex size-7 shrink-0 items-center justify-center">
+                  <IconPlus size={14} />
+                </span>
+                <span className="truncate text-start text-[10px] font-semibold uppercase tracking-wider">
+                  {t("sidebar.addWorkspace")}
+                </span>
+              </button>
+            </WorkspaceSourceMenu>
           </div>
         </div>
       ) : contentSpaceState === "loading" ? (
@@ -1605,14 +1618,123 @@ export function DocumentSidebar({
   );
 
   const renderTrashSection = () => {
-    if (trashItems.length === 0) return null;
     const collapsed = collapsedSections.trash;
 
     return (
       <div className="mt-3 border-t border-border/60 pt-2">
-        {renderSectionHeader("trash", t("sidebar.trash"))}
+        <div className="px-2">
+          <button
+            type="button"
+            aria-expanded={!collapsed}
+            aria-label={`${collapsed ? t("sidebar.expand") : t("sidebar.collapse")} ${t("sidebar.trash")}`}
+            className="group/trash flex h-7 w-full min-w-0 items-center rounded-md px-1 text-start text-[10px] font-semibold uppercase tracking-wider text-muted-foreground hover:bg-accent/40 hover:text-foreground"
+            onClick={() => toggleSection("trash")}
+          >
+            <span className="flex size-7 shrink-0 items-center justify-center">
+              <span className="relative size-3.5">
+                <IconTrash
+                  aria-hidden="true"
+                  className="absolute inset-0 size-3.5 transition-opacity group-hover/trash:opacity-0 group-focus-visible/trash:opacity-0"
+                />
+                <IconChevronRight
+                  aria-hidden="true"
+                  className={cn(
+                    "absolute inset-0 size-3.5 opacity-0 transition-[opacity,transform] group-hover/trash:opacity-100 group-focus-visible/trash:opacity-100 rtl:-scale-x-100",
+                    !collapsed && "rotate-90",
+                  )}
+                />
+              </span>
+            </span>
+            <span className="min-w-0 flex-1 truncate">
+              {t("sidebar.trash")}
+            </span>
+          </button>
+        </div>
         {!collapsed && (
           <div className="px-1 py-1">
+            {trashedPageItems.map((document) => {
+              const title = document.title || t("sidebar.untitled");
+              return (
+                <div
+                  key={document.documentId}
+                  className="group flex min-w-0 items-center gap-1 rounded-md px-2 py-1.5 text-sm text-muted-foreground hover:bg-accent/50 hover:text-foreground"
+                >
+                  <span className="min-w-0 flex-1 truncate">{title}</span>
+                  <Tooltip>
+                    <TooltipTrigger asChild>
+                      <button
+                        type="button"
+                        aria-label={t("sidebar.restorePageNamed", { title })}
+                        className="flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-background hover:text-foreground disabled:opacity-50"
+                        disabled={restoreDocument.isPending}
+                        onClick={() =>
+                          void handleRestoreDocument(document.documentId)
+                        }
+                      >
+                        <IconRestore size={14} />
+                      </button>
+                    </TooltipTrigger>
+                    <TooltipContent>{t("sidebar.restorePage")}</TooltipContent>
+                  </Tooltip>
+                  <AlertDialog>
+                    <Tooltip>
+                      <TooltipTrigger asChild>
+                        <AlertDialogTrigger asChild>
+                          <button
+                            type="button"
+                            aria-label={t(
+                              "sidebar.deletePageNamedPermanently",
+                              {
+                                title,
+                              },
+                            )}
+                            className="flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-destructive/10 hover:text-destructive disabled:opacity-50"
+                            disabled={permanentlyDeleteDocument.isPending}
+                          >
+                            <IconTrashX size={14} />
+                          </button>
+                        </AlertDialogTrigger>
+                      </TooltipTrigger>
+                      <TooltipContent>
+                        {t("sidebar.deletePermanently")}
+                      </TooltipContent>
+                    </Tooltip>
+                    <AlertDialogContent>
+                      <AlertDialogHeader>
+                        <AlertDialogTitle>
+                          {t("sidebar.deletePagePermanentlyQuestion")}
+                        </AlertDialogTitle>
+                        <AlertDialogDescription>
+                          {t("sidebar.deletePagePermanentlyDescription", {
+                            title,
+                          })}
+                        </AlertDialogDescription>
+                      </AlertDialogHeader>
+                      <AlertDialogFooter>
+                        <AlertDialogCancel>
+                          {t("comments.cancel")}
+                        </AlertDialogCancel>
+                        <AlertDialogAction
+                          className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+                          onClick={() =>
+                            void handlePermanentDeleteDocument(
+                              document.documentId,
+                            )
+                          }
+                        >
+                          {t("sidebar.deletePermanently")}
+                        </AlertDialogAction>
+                      </AlertDialogFooter>
+                    </AlertDialogContent>
+                  </AlertDialog>
+                </div>
+              );
+            })}
+            {trashedPageItems.length === 0 && trashItems.length === 0 ? (
+              <div className="px-2 py-1.5 text-sm text-muted-foreground">
+                {t("sidebar.trashEmpty")}
+              </div>
+            ) : null}
             {trashItems.map((database) => {
               const title = database.title || t("editor.untitledDatabase");
               return (
@@ -1653,7 +1775,7 @@ export function DocumentSidebar({
                                 { title },
                               )}
                               className="flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-destructive/10 hover:text-destructive disabled:opacity-50"
-                              disabled={deleteDocument.isPending}
+                              disabled={permanentlyDeleteDocument.isPending}
                             >
                               <IconTrashX size={14} />
                             </button>
@@ -1873,19 +1995,27 @@ export function DocumentSidebar({
               {/* Favorites */}
               {showFavorites && (
                 <div className="mb-2 min-w-0 px-2">
-                  <div className="flex h-7 w-full min-w-0 items-center rounded-md px-1 text-muted-foreground hover:bg-accent/40 hover:text-foreground">
+                  <div className="group/favorites flex h-7 w-full min-w-0 items-center rounded-md px-1 text-muted-foreground hover:bg-accent/40 hover:text-foreground">
                     <button
                       type="button"
                       aria-expanded={!collapsedSections.favorites}
                       aria-label={`${collapsedSections.favorites ? t("sidebar.expand") : t("sidebar.collapse")} ${t("sidebar.favorites")}`}
-                      className="flex size-7 shrink-0 items-center justify-center rounded-md hover:bg-background/60"
+                      className="group/favorites-toggle flex size-7 shrink-0 items-center justify-center rounded-md hover:bg-background/60"
                       onClick={() => toggleSection("favorites")}
                     >
-                      {collapsedSections.favorites ? (
-                        <IconChevronRight size={14} />
-                      ) : (
-                        <IconChevronDown size={14} />
-                      )}
+                      <span className="relative size-3.5">
+                        <IconStar
+                          aria-hidden="true"
+                          className="absolute inset-0 size-3.5 transition-opacity group-hover/favorites:opacity-0 group-focus-visible/favorites-toggle:opacity-0"
+                        />
+                        <IconChevronRight
+                          aria-hidden="true"
+                          className={cn(
+                            "absolute inset-0 size-3.5 opacity-0 transition-[opacity,transform] group-hover/favorites:opacity-100 group-focus-visible/favorites-toggle:opacity-100 rtl:-scale-x-100",
+                            !collapsedSections.favorites && "rotate-90",
+                          )}
+                        />
+                      </span>
                     </button>
                     <Link
                       to={
@@ -1956,6 +2086,10 @@ export function DocumentSidebar({
         <ExtensionsSidebarSection />
       </div>
 
+      <div className="shrink-0 px-3 py-2">
+        <OrgSwitcher reserveSpace />
+      </div>
+
       {/* Footer */}
       <div className="shrink-0 space-y-2 px-3 py-2">
         {isCodeMode ? <DevDatabaseLink /> : null}
@@ -1978,60 +2112,6 @@ export function DocumentSidebar({
           onMouseDown={handleMouseDown}
         />
       )}
-      <Dialog
-        open={createWorkspaceDialogOpen}
-        onOpenChange={(open) => {
-          setCreateWorkspaceDialogOpen(open);
-          if (!open && !createContentSpace.isPending) {
-            setNewWorkspaceName("");
-            createWorkspaceRequestIdRef.current = null;
-          }
-        }}
-      >
-        <DialogContent className="sm:max-w-sm">
-          <form
-            className="grid gap-4"
-            onSubmit={(event) => {
-              event.preventDefault();
-              void handleCreateWorkspace();
-            }}
-          >
-            <DialogHeader>
-              <DialogTitle>{t("sidebar.newWorkspace")}</DialogTitle>
-              <DialogDescription>
-                {t("sidebar.newWorkspaceDescription")}
-              </DialogDescription>
-            </DialogHeader>
-            <Input
-              autoFocus
-              aria-label={t("sidebar.workspaceName")}
-              placeholder={t("sidebar.workspaceName")}
-              value={newWorkspaceName}
-              maxLength={200}
-              onChange={(event) => setNewWorkspaceName(event.target.value)}
-            />
-            <DialogFooter>
-              <button
-                type="button"
-                className="inline-flex h-9 items-center justify-center rounded-md px-4 text-sm font-medium hover:bg-accent"
-                disabled={createContentSpace.isPending}
-                onClick={() => setCreateWorkspaceDialogOpen(false)}
-              >
-                {t("comments.cancel")}
-              </button>
-              <button
-                type="submit"
-                className="inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50"
-                disabled={
-                  createContentSpace.isPending || !newWorkspaceName.trim()
-                }
-              >
-                {t("sidebar.createWorkspace")}
-              </button>
-            </DialogFooter>
-          </form>
-        </DialogContent>
-      </Dialog>
       <AlertDialog
         open={removeLocalFilesDialogOpen}
         onOpenChange={setRemoveLocalFilesDialogOpen}