diff --git a/src/packages/frontend/project/new/add-ai-gen-btn.tsx b/src/packages/frontend/project/new/add-ai-gen-btn.tsx
index ebea01cab6..c122d55176 100644
--- a/src/packages/frontend/project/new/add-ai-gen-btn.tsx
+++ b/src/packages/frontend/project/new/add-ai-gen-btn.tsx
@@ -3,10 +3,10 @@
  *  License: MS-RSL – see LICENSE.md for details
  */
 
-import { Col, Flex } from "antd";
+import { Col, Flex, Space } from "antd";
 
+import { AIGenerateDocumentButton } from "@cocalc/frontend/project/page/home-page/ai-generate-document";
 import { Ext } from "@cocalc/frontend/project/page/home-page/ai-generate-examples";
-import { AIGenerateDocumentButton } from "../page/home-page/ai-generate-document";
 
 interface Props {
   btn: JSX.Element;
@@ -38,10 +38,10 @@ export function AiDocGenerateBtn({ btn, grid, ext, filename, mode }: Props) {
     );
   } else {
     return (
-      <Col sm={sm} md={md} key={`with-ai-${ext}`}>
+      <Space direction="vertical">
         {btn}
         <AIGenerateDocumentButton mode="full" ext={ext} filename={filename} />
-      </Col>
+      </Space>
     );
   }
 }
diff --git a/src/packages/frontend/project/new/file-type-selector.tsx b/src/packages/frontend/project/new/file-type-selector.tsx
index d9266eb80b..4782f1b1b0 100644
--- a/src/packages/frontend/project/new/file-type-selector.tsx
+++ b/src/packages/frontend/project/new/file-type-selector.tsx
@@ -3,13 +3,18 @@
  *  License: MS-RSL – see LICENSE.md for details
  */
 
-import { Col, Modal, Row, Tag } from "antd";
+import { Col, Flex, Modal, Row, Space, Tag } from "antd";
 import { Gutter } from "antd/es/grid/row";
 import type { ReactNode } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 
 import { Available } from "@cocalc/comm/project-configuration";
-import { CSS } from "@cocalc/frontend/app-framework";
+import {
+  CSS,
+  useEffect,
+  useRef,
+  useState,
+} from "@cocalc/frontend/app-framework";
 import { A } from "@cocalc/frontend/components/A";
 import { Icon } from "@cocalc/frontend/components/icon";
 import { Tip } from "@cocalc/frontend/components/tip";
@@ -20,6 +25,7 @@ import { AiDocGenerateBtn } from "./add-ai-gen-btn";
 import { DELAY_SHOW_MS, NEW_FILETYPE_ICONS } from "./consts";
 import { JupyterNotebookButtons } from "./jupyter-buttons";
 import { NewFileButton } from "./new-file-button";
+import { throttle } from "lodash";
 
 interface DisabledFeatures {
   linux?: boolean;
@@ -53,13 +59,36 @@ export function FileTypeSelector({
   disabledFeatures,
   mode = "full",
   selectedExt,
-  children,
   filename,
   makeNewFilename,
   filenameChanged,
 }: Props) {
   const intl = useIntl();
 
+  const mainDivRef = useRef<HTMLDivElement>(null);
+  const [width, setWidth] = useState<number>(0);
+  const btnWidth = Math.max(100, (width - 25) / 5);
+
+  useEffect(() => {
+    const main = mainDivRef.current;
+    if (main == null) return;
+    const resizeObserver = new ResizeObserver(
+      throttle(
+        (entries) => {
+          if (entries.length > 0) {
+            setWidth(entries[0].contentRect.width);
+          }
+        },
+        10,
+        { leading: false, trailing: true },
+      ),
+    );
+    resizeObserver.observe(main);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, []);
+
   if (!create_file) {
     return null;
   }
@@ -77,28 +106,47 @@ export function FileTypeSelector({
   const doubleSm = isFlyout ? 24 : base(4);
   const y: Gutter = isFlyout ? 15 : 30;
   const gutter: [Gutter, Gutter] = [20, y / 2];
-  const newRowStyle = { marginTop: `${y}px` };
+  const newRowStyle: CSS = { marginTop: `${y}px` } as const;
 
   function btnActive(ext: string): boolean {
     if (!isFlyout) return false;
     return ext === selectedExt;
   }
 
-  function renderJupyterNotebook() {
-    if (
-      !availableFeatures.jupyter_notebook &&
-      !availableFeatures.sage &&
-      !availableFeatures.latex
-    ) {
-      return;
-    }
+  function wrapBtn(btn: ReactNode) {
+    //return <Col sm={sm} md={md}>{btn}</Col>
+    return (
+      <div style={{ display: "inline-block", width: `${btnWidth}px` }}>
+        {btn}
+      </div>
+    );
+  }
 
+  function makeRow(btns: ReactNode) {
+    // <Row gutter={gutter} style={newRowStyle}>
+    return (
+      // <Flex
+      //   style={{ ...newRowStyle, width: "100%" }}
+      //   justify={"flex-start"}
+      //   align={"flex-start"}
+      //   gap="middle"
+      //   wrap
+      // >
+      //   {btns}
+      // </Flex>
+      <Space style={{ ...newRowStyle, width: "100%" }} wrap>
+        {btns}
+      </Space>
+    );
+  }
+
+  function renderPopular() {
     return (
       <>
         <Section color="blue" icon="jupyter" isFlyout={isFlyout}>
           Popular
         </Section>
-        <Row gutter={gutter} style={newRowStyle}>
+        {makeRow(
           <JupyterNotebookButtons
             mode={mode}
             availableFeatures={availableFeatures}
@@ -118,81 +166,78 @@ export function FileTypeSelector({
                 renderTeaching(),
               ]
             }
-          />
-        </Row>
+          />,
+        )}
       </>
     );
   }
 
   function renderLinuxTerminal() {
-    return (
-      <Col sm={sm} md={md}>
-        <Tip
-          delayShow={DELAY_SHOW_MS}
-          title={intl.formatMessage(labels.linux_terminal)}
-          icon={NEW_FILETYPE_ICONS.term}
-          tip={intl.formatMessage({
-            id: "new.file-type-selector.linux.tooltip",
-            defaultMessage:
-              "Create a command line Linux terminal.  CoCalc includes a full Linux environment.  Run command line software, vim, emacs and more.",
-          })}
-        >
-          <NewFileButton
-            name={intl.formatMessage(labels.linux_terminal)}
-            on_click={create_file}
-            ext="term"
-            size={btnSize}
-            active={btnActive("term")}
-          />
-        </Tip>
-      </Col>
+    return wrapBtn(
+      <Tip
+        delayShow={DELAY_SHOW_MS}
+        title={intl.formatMessage(labels.linux_terminal)}
+        icon={NEW_FILETYPE_ICONS.term}
+        tip={intl.formatMessage({
+          id: "new.file-type-selector.linux.tooltip",
+          defaultMessage:
+            "Create a command line Linux terminal.  CoCalc includes a full Linux environment.  Run command line software, vim, emacs and more.",
+        })}
+      >
+        <NewFileButton
+          name={intl.formatMessage(labels.linux_terminal)}
+          on_click={create_file}
+          ext="term"
+          size={btnSize}
+          active={btnActive("term")}
+        />
+      </Tip>,
     );
   }
 
   function renderX11() {
     if (!availableFeatures.x11) return null;
 
-    return (
-      <Col sm={sm} md={md}>
-        <Tip
-          delayShow={DELAY_SHOW_MS}
-          title={intl.formatMessage(labels.x11_desktop)}
-          icon={NEW_FILETYPE_ICONS.x11}
-          tip={intl.formatMessage({
-            id: "new.file-type-selector.x11.tooltip",
-            defaultMessage:
-              "Create an X11 desktop for running graphical applications. CoCalc lets you collaboratively run any graphical Linux application in your browser.",
-          })}
-        >
-          <NewFileButton
-            name={intl.formatMessage(labels.x11_desktop)}
-            on_click={create_file}
-            ext="x11"
-            size={btnSize}
-            active={btnActive("x11")}
-          />
-        </Tip>
-      </Col>
+    return wrapBtn(
+      <Tip
+        delayShow={DELAY_SHOW_MS}
+        title={intl.formatMessage(labels.x11_desktop)}
+        icon={NEW_FILETYPE_ICONS.x11}
+        tip={intl.formatMessage({
+          id: "new.file-type-selector.x11.tooltip",
+          defaultMessage:
+            "Create an X11 desktop for running graphical applications. CoCalc lets you collaboratively run any graphical Linux application in your browser.",
+        })}
+      >
+        <NewFileButton
+          name={intl.formatMessage(labels.x11_desktop)}
+          on_click={create_file}
+          ext="x11"
+          size={btnSize}
+          active={btnActive("x11")}
+        />
+      </Tip>,
     );
   }
 
   function renderUtilities() {
     if (disabledFeatures?.linux) return;
+
     return (
       <>
         <Section color="orange" icon="linux" isFlyout={isFlyout}>
           Utilities
         </Section>
 
-        <Row gutter={gutter} style={newRowStyle}>
-          {renderChat()}
-          {renderX11()}
-          {renderStopwatchTimer()}
-          {renderTaskList()}
-          <Col sm={sm} md={md}>
-            {children}
-          </Col>
-        </Row>
+        {makeRow(
+          <>
+            {renderChat()}
+            {renderX11()}
+            {renderStopwatchTimer()}
+            {renderTaskList()}
+            {/* <Col sm={sm} md={md}>{children}</Col> */}
+          </>,
+        )}
       </>
     );
   }
@@ -256,76 +301,72 @@ export function FileTypeSelector({
         "short label on a button to create a course management environment",
     });
 
-    return (
-      <Col sm={sm} md={md}>
-        <Tip
-          delayShow={DELAY_SHOW_MS}
-          title={label}
-          placement="bottom"
-          icon={NEW_FILETYPE_ICONS.course}
-          tip={
-            <FormattedMessage
-              id="project.new.file-type-selector.course.tooltip"
-              defaultMessage={`If you are a teacher, click here to create a new course.
+    return wrapBtn(
+      <Tip
+        delayShow={DELAY_SHOW_MS}
+        title={label}
+        placement="bottom"
+        icon={NEW_FILETYPE_ICONS.course}
+        tip={
+          <FormattedMessage
+            id="project.new.file-type-selector.course.tooltip"
+            defaultMessage={`If you are a teacher, click here to create a new course.
               You can add students and assignments to, and use to automatically create projects for everybody,
               send assignments to students, collect them, grade them, etc.
               See <A>documentation</A> to learn more.`}
-              values={{
-                A: (c) => (
-                  <A href="https://doc.cocalc.com/teaching-instructors.html">
-                    {c}
-                  </A>
-                ),
-              }}
-            />
-          }
-        >
-          <NewFileButton
-            name={label}
-            on_click={create_file}
-            ext="course"
-            size={btnSize}
-            active={btnActive("course")}
+            values={{
+              A: (c) => (
+                <A href="https://doc.cocalc.com/teaching-instructors.html">
+                  {c}
+                </A>
+              ),
+            }}
           />
-        </Tip>
-      </Col>
+        }
+      >
+        <NewFileButton
+          name={label}
+          on_click={create_file}
+          ext="course"
+          size={btnSize}
+          active={btnActive("course")}
+        />
+      </Tip>,
     );
   }
 
   function renderChat() {
     if (disabledFeatures?.chat) return;
 
-    return (
-      <Col sm={sm} md={md}>
-        <Tip
-          delayShow={DELAY_SHOW_MS}
-          title={intl.formatMessage({
-            id: "project.new.file-type-selector.chatroom.title",
-            defaultMessage: "Create a Chatroom",
-          })}
-          placement="bottom"
-          icon={NEW_FILETYPE_ICONS["sage-chat"]}
-          tip={
-            <FormattedMessage
-              id="project.new.file-type-selector.chatroom.tooltip"
-              defaultMessage={`Create a chatroom for chatting with collaborators on this project.
+    return wrapBtn(
+      <Tip
+        delayShow={DELAY_SHOW_MS}
+        title={intl.formatMessage({
+          id: "project.new.file-type-selector.chatroom.title",
+          defaultMessage: "Create a Chatroom",
+        })}
+        placement="bottom"
+        icon={NEW_FILETYPE_ICONS["sage-chat"]}
+        tip={
+          <FormattedMessage
+            id="project.new.file-type-selector.chatroom.tooltip"
+            defaultMessage={`Create a chatroom for chatting with collaborators on this project.
                 You can also embed and run computations in chat messages.
                 See <A>documentation</A> to learn more.`}
-              values={{
-                A: (c) => <A href="https://doc.cocalc.com/chat.html">{c}</A>,
-              }}
-            />
-          }
-        >
-          <NewFileButton
-            name={intl.formatMessage(labels.chatroom)}
-            on_click={create_file}
-            ext="sage-chat"
-            size={btnSize}
-            active={btnActive("sage-chat")}
+            values={{
+              A: (c) => <A href="https://doc.cocalc.com/chat.html">{c}</A>,
+            }}
           />
-        </Tip>
-      </Col>
+        }
+      >
+        <NewFileButton
+          name={intl.formatMessage(labels.chatroom)}
+          on_click={create_file}
+          ext="sage-chat"
+          size={btnSize}
+          active={btnActive("sage-chat")}
+        />
+      </Tip>,
     );
   }
 
@@ -356,27 +397,25 @@ export function FileTypeSelector({
       });
     }
 
-    return (
-      <Col sm={sm} md={md}>
-        <Tip
-          delayShow={DELAY_SHOW_MS}
-          icon={NEW_FILETYPE_ICONS.sagews}
-          title={intl.formatMessage(labels.sagemath_worksheet)}
-          tip={intl.formatMessage({
-            id: "new.file-type-selector.sagews.tooltip",
-            defaultMessage:
-              "Create an interactive worksheet for using the SageMath mathematical software, Python, R, and many other systems.  Do sophisticated mathematics, draw plots, compute integrals, work with matrices, etc.",
-          })}
-        >
-          <NewFileButton
-            name={intl.formatMessage(labels.sagemath_worksheet)}
-            on_click={handleClick}
-            ext="sagews"
-            size={btnSize}
-            active={btnActive("sagews")}
-          />
-        </Tip>
-      </Col>
+    return wrapBtn(
+      <Tip
+        delayShow={DELAY_SHOW_MS}
+        icon={NEW_FILETYPE_ICONS.sagews}
+        title={intl.formatMessage(labels.sagemath_worksheet)}
+        tip={intl.formatMessage({
+          id: "new.file-type-selector.sagews.tooltip",
+          defaultMessage:
+            "Create an interactive worksheet for using the SageMath mathematical software, Python, R, and many other systems.  Do sophisticated mathematics, draw plots, compute integrals, work with matrices, etc.",
+        })}
+      >
+        <NewFileButton
+          name={intl.formatMessage(labels.sagemath_worksheet)}
+          on_click={handleClick}
+          ext="sagews"
+          size={btnSize}
+          active={btnActive("sagews")}
+        />
+      </Tip>,
     );
   }
 
@@ -436,14 +475,14 @@ export function FileTypeSelector({
   }
 
   function addAiDocGenerate(btn, ext) {
-    return (
+    return wrapBtn(
       <AiDocGenerateBtn
         btn={btn}
         mode={mode}
         ext={ext}
         grid={[sm, md]}
         filename={filenameChanged ? filename : undefined}
-      />
+      />,
     );
   }
 
@@ -497,70 +536,78 @@ export function FileTypeSelector({
     );
   }
 
-  function renderMiscellaneous() {
-    if (disabledFeatures?.md) return;
+  function renderWhiteboard() {
+    return wrapBtn(
+      <Tip
+        icon={NEW_FILETYPE_ICONS.board}
+        title={intl.formatMessage({
+          id: "new.file-type-selector.whiteboard.title",
+          defaultMessage: "Computational Whiteboard",
+          description: "Short label on a buton to create a new whiteboard file",
+        })}
+        tip={intl.formatMessage({
+          id: "new.file-type-selector.whiteboard.tooltip",
+          defaultMessage:
+            "Create a computational whiteboard with mathematical formulas, lists, headings, images and Jupyter code cells.",
+        })}
+      >
+        <NewFileButton
+          name="Whiteboard"
+          on_click={create_file}
+          ext="board"
+          size={btnSize}
+          active={btnActive("board")}
+        />
+      </Tip>,
+    );
+  }
 
+  function renderSlides() {
     const labelSlides = intl.formatMessage({
       id: "new.file-type-selector.slides.title",
       defaultMessage: "Slides",
       description: "Short label on a buton to create a new slideshow file",
     });
 
+    return wrapBtn(
+      <Tip
+        delayShow={DELAY_SHOW_MS}
+        icon={NEW_FILETYPE_ICONS.slides}
+        title={labelSlides}
+        tip={intl.formatMessage({
+          id: "new.file-type-selector.slides.tooltip",
+          defaultMessage:
+            "Create a slideshow presentation with mathematical formulas, lists, headings, images and code cells.",
+        })}
+      >
+        <NewFileButton
+          name={labelSlides}
+          on_click={create_file}
+          ext="slides"
+          size={btnSize}
+          active={btnActive("slides")}
+        />
+      </Tip>,
+    );
+  }
+
+  function renderMiscellaneous() {
+    if (disabledFeatures?.md) return;
+
     return (
       <>
         <Section color="green" icon="markdown" isFlyout={isFlyout}>
           Miscellaneous
         </Section>
-        <Row gutter={gutter} style={newRowStyle}>
-          {renderMarkdown()}
-          {renderRMarkdown()}
-          <Col sm={sm} md={md}>
-            <Tip
-              icon={NEW_FILETYPE_ICONS.board}
-              title={intl.formatMessage({
-                id: "new.file-type-selector.whiteboard.title",
-                defaultMessage: "Computational Whiteboard",
-                description:
-                  "Short label on a buton to create a new whiteboard file",
-              })}
-              tip={intl.formatMessage({
-                id: "new.file-type-selector.whiteboard.tooltip",
-                defaultMessage:
-                  "Create a computational whiteboard with mathematical formulas, lists, headings, images and Jupyter code cells.",
-              })}
-            >
-              <NewFileButton
-                name="Whiteboard"
-                on_click={create_file}
-                ext="board"
-                size={btnSize}
-                active={btnActive("board")}
-              />
-            </Tip>
-          </Col>
-
-          <Col sm={sm} md={md}>
-            <Tip
-              delayShow={DELAY_SHOW_MS}
-              icon={NEW_FILETYPE_ICONS.slides}
-              title={labelSlides}
-              tip={intl.formatMessage({
-                id: "new.file-type-selector.slides.tooltip",
-                defaultMessage:
-                  "Create a slideshow presentation with mathematical formulas, lists, headings, images and code cells.",
-              })}
-            >
-              <NewFileButton
-                name={labelSlides}
-                on_click={create_file}
-                ext="slides"
-                size={btnSize}
-                active={btnActive("slides")}
-              />
-            </Tip>
-          </Col>
-          {renderSageWS()}
-        </Row>
+        {makeRow(
+          <>
+            {renderMarkdown()}
+            {renderRMarkdown()}
+            {renderWhiteboard()}
+            {renderSlides()}
+            {renderSageWS()}
+          </>,
+        )}
       </>
     );
   }
@@ -573,27 +620,25 @@ export function FileTypeSelector({
       defaultMessage: "Stopwatch and Timer",
     });
 
-    return (
-      <Col sm={sm} md={md}>
-        <Tip
-          delayShow={DELAY_SHOW_MS}
-          title={labelStopWatchTimer}
-          icon={NEW_FILETYPE_ICONS.time}
-          tip={intl.formatMessage({
-            id: "project.new.file-type-selector.timers.tooltip",
-            defaultMessage:
-              "Create collaborative stopwatches and timers to keep track of how long it takes to do something.",
-          })}
-        >
-          <NewFileButton
-            name={labelStopWatchTimer}
-            on_click={create_file}
-            ext="time"
-            size={btnSize}
-            active={btnActive("time")}
-          />
-        </Tip>
-      </Col>
+    return wrapBtn(
+      <Tip
+        delayShow={DELAY_SHOW_MS}
+        title={labelStopWatchTimer}
+        icon={NEW_FILETYPE_ICONS.time}
+        tip={intl.formatMessage({
+          id: "project.new.file-type-selector.timers.tooltip",
+          defaultMessage:
+            "Create collaborative stopwatches and timers to keep track of how long it takes to do something.",
+        })}
+      >
+        <NewFileButton
+          name={labelStopWatchTimer}
+          on_click={create_file}
+          ext="time"
+          size={btnSize}
+          active={btnActive("time")}
+        />
+      </Tip>,
     );
   }
 
@@ -603,33 +648,31 @@ export function FileTypeSelector({
       defaultMessage: "Task List",
     });
 
-    return (
-      <Col sm={sm} md={md}>
-        <Tip
-          delayShow={DELAY_SHOW_MS}
-          title={labelTaskList}
-          icon={NEW_FILETYPE_ICONS.tasks}
-          tip={intl.formatMessage({
-            id: "new.file-type-selector.tasks.tooltip",
-            defaultMessage:
-              "Create a task list to keep track of everything you are doing on a project.  Put #hashtags in the item descriptions and set due dates.  Run code.",
-          })}
-        >
-          <NewFileButton
-            name={labelTaskList}
-            on_click={create_file}
-            ext="tasks"
-            size={btnSize}
-            active={btnActive("tasks")}
-          />
-        </Tip>
-      </Col>
+    return wrapBtn(
+      <Tip
+        delayShow={DELAY_SHOW_MS}
+        title={labelTaskList}
+        icon={NEW_FILETYPE_ICONS.tasks}
+        tip={intl.formatMessage({
+          id: "new.file-type-selector.tasks.tooltip",
+          defaultMessage:
+            "Create a task list to keep track of everything you are doing on a project.  Put #hashtags in the item descriptions and set due dates.  Run code.",
+        })}
+      >
+        <NewFileButton
+          name={labelTaskList}
+          on_click={create_file}
+          ext="tasks"
+          size={btnSize}
+          active={btnActive("tasks")}
+        />
+      </Tip>,
     );
   }
 
   return (
-    <div>
-      {renderJupyterNotebook()}
+    <div ref={mainDivRef}>
+      {renderPopular()}
       {renderUtilities()}
       {renderMiscellaneous()}
       {renderServers()}
diff --git a/src/packages/frontend/project/new/jupyter-buttons.tsx b/src/packages/frontend/project/new/jupyter-buttons.tsx
index a6010da67b..3ad74ef11e 100644
--- a/src/packages/frontend/project/new/jupyter-buttons.tsx
+++ b/src/packages/frontend/project/new/jupyter-buttons.tsx
@@ -260,23 +260,24 @@ export function JupyterNotebookButtons({
       btns.push({
         lang,
         btn: (
-          <Tip
-            key={`${lang}-${kernelName}`}
-            delayShow={DELAY_SHOW_MS}
-            icon={NEW_FILETYPE_ICONS[ext]}
-            title={`${display} Jupyter Notebook`}
-            tip={`Create an interactive Jupyter Notebook for using ${display}.`}
-            style={mode === "flyout" ? { flex: "1 1 auto" } : undefined}
-          >
-            <NewFileButton
-              name={name}
-              on_click={() => handleClick(kernelName)}
-              ext={ext}
-              size={btnSize}
-              active={btnActive("ipynb-sagemath")}
-              // mode={isFlyout ? "secondary" : undefined}
-            />
-          </Tip>
+          <div style={isFlyout ? { flex: "1 1 auto" } : { flex: 1 }}>
+            <Tip
+              key={`${lang}-${kernelName}`}
+              delayShow={DELAY_SHOW_MS}
+              icon={NEW_FILETYPE_ICONS[ext]}
+              title={`${display} Jupyter Notebook`}
+              tip={`Create an interactive Jupyter Notebook for using ${display}.`}
+            >
+              <NewFileButton
+                name={name}
+                on_click={() => handleClick(kernelName)}
+                ext={ext}
+                size={btnSize}
+                active={btnActive("ipynb-sagemath")}
+                // mode={isFlyout ? "secondary" : undefined}
+              />
+            </Tip>
+          </div>
         ),
       });
     }
diff --git a/src/packages/frontend/project/new/new-file-page.tsx b/src/packages/frontend/project/new/new-file-page.tsx
index ae2158bc1a..3be80853bf 100644
--- a/src/packages/frontend/project/new/new-file-page.tsx
+++ b/src/packages/frontend/project/new/new-file-page.tsx
@@ -6,13 +6,14 @@
 import { Button, Input, Modal, Space } from "antd";
 import { useEffect, useRef, useState } from "react";
 import { defineMessage, FormattedMessage, useIntl } from "react-intl";
+
 import { default_filename } from "@cocalc/frontend/account";
 import { Alert, Col, Row } from "@cocalc/frontend/antd-bootstrap";
 import { filenameIcon } from "@cocalc/frontend/file-associations";
 import {
   ProjectActions,
   useActions,
-  useRedux,
+  // useRedux,
   useTypedRedux,
 } from "@cocalc/frontend/app-framework";
 import {
@@ -29,13 +30,13 @@ import ComputeServer from "@cocalc/frontend/compute/inline";
 import { FileUpload, UploadLink } from "@cocalc/frontend/file-upload";
 import { labels } from "@cocalc/frontend/i18n";
 import { special_filenames_with_no_extension } from "@cocalc/frontend/project-file";
-import { ProjectMap } from "@cocalc/frontend/todo-types";
+// import { ProjectMap } from "@cocalc/frontend/todo-types";
 import { filename_extension, is_only_downloadable } from "@cocalc/util/misc";
 import { COLORS } from "@cocalc/util/theme";
 import { PathNavigator } from "../explorer/path-navigator";
 import { useAvailableFeatures } from "../use-available-features";
 import { FileTypeSelector } from "./file-type-selector";
-import { NewFileButton } from "./new-file-button";
+// import { NewFileButton } from "./new-file-button";
 import { NewFileDropdown } from "./new-file-dropdown";
 
 const CREATE_MSG = defineMessage({
@@ -84,15 +85,15 @@ export default function NewFilePage(props: Props) {
     { project_id },
     "file_creation_error",
   );
-  const downloading_file = useTypedRedux({ project_id }, "downloading_file");
-  const project_map: ProjectMap | undefined = useRedux([
-    "projects",
-    "project_map",
-  ]);
-  const get_total_project_quotas = useRedux([
-    "projects",
-    "get_total_project_quotas",
-  ]);
+  // const downloading_file = useTypedRedux({ project_id }, "downloading_file");
+  // const project_map: ProjectMap | undefined = useRedux([
+  //   "projects",
+  //   "project_map",
+  // ]);
+  // const get_total_project_quotas = useRedux([
+  //   "projects",
+  //   "get_total_project_quotas",
+  // ]);
 
   if (actions == null) {
     return <Loading theme="medium" />;
@@ -164,16 +165,16 @@ export default function NewFilePage(props: Props) {
     );
   }
 
-  function blocked() {
-    if (project_map == null) {
-      return "";
-    }
-    if (get_total_project_quotas(project_id)?.network) {
-      return "";
-    } else {
-      return " (access blocked -- see project settings)";
-    }
-  }
+  // function blocked() {
+  //   if (project_map == null) {
+  //     return "";
+  //   }
+  //   if (get_total_project_quotas(project_id)?.network) {
+  //     return "";
+  //   } else {
+  //     return " (access blocked -- see project settings)";
+  //   }
+  // }
 
   function createFolder() {
     getActions().create_folder({
@@ -506,8 +507,8 @@ export default function NewFilePage(props: Props) {
             availableFeatures={availableFeatures}
             filename={filename}
             filenameChanged={filenameChanged}
-          >
-            <Tip
+          />
+          {/* <Tip
               title={"Download files from the Internet"}
               icon={"cloud"}
               placement={"bottom"}
@@ -519,8 +520,7 @@ export default function NewFilePage(props: Props) {
                 on_click={() => createFile()}
                 loading={downloading_file}
               />
-            </Tip>
-          </FileTypeSelector>
+            </Tip> */}
         </Col>
       </Row>
       {renderUpload()}