+New ideas 20241007

src/packages/frontend/i18n/common.ts

@@ -306,7 +306,7 @@ export const labels = defineMessages({
   },
   latex_document: {
     id: "labels.latex_document",
-    defaultMessage: "LaTeX Document",
+    defaultMessage: "LaTeX",
     description:
       "Indicating a LaTeX Documents on a button label or frame title",
   },
@@ -578,6 +578,10 @@ export const labels = defineMessages({
     id: "labels.color",
     defaultMessage: "Color",
   },
+  create: {
+    id: "labels.create",
+    defaultMessage: "Create",
+  },
 });
 
 export const menu = defineMessages({

src/packages/frontend/project/new/add-ai-gen-btn.tsx

@@ -0,0 +1,55 @@
+/*
+ *  This file is part of CoCalc: Copyright © 2020 Sagemath, Inc.
+ *  License: MS-RSL – see LICENSE.md for details
+ */
+
+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";
+
+interface Props {
+  btn: JSX.Element;
+  grid: [number | { flex: string }, number | { flex: string }];
+  filename: string | undefined;
+  filenameChanged?: boolean;
+  mode: "full" | "flyout";
+  ext: Ext;
+}
+
+export function AiDocGenerateBtn({ btn, grid, ext, filename, mode }: Props) {
+  const isFlyout = mode === "flyout";
+  const [sm, md] = grid;
+
+  if (isFlyout) {
+    return (
+      <Col sm={sm} md={md} key={`with-ai-${ext}`}>
+        <Flex align="flex-start" vertical={false} gap={"5px"}>
+          <Flex flex={"1 1 auto"}>{btn}</Flex>
+          <Flex flex={"0 0 auto"}>
+            <AIGenerateDocumentButton
+              mode="flyout"
+              ext={ext}
+              filename={filename}
+            />
+          </Flex>
+        </Flex>
+      </Col>
+    );
+  } else {
+    return (
+      //<Space direction="vertical">
+      <Flex
+        align="flex-start"
+        vertical={true}
+        gap={"5px"}
+        style={{ width: "100%" }}
+      >
+        <Flex flex={"1 1 auto"}>{btn}</Flex>
+        <Flex flex={"0 0 auto"}>
+          <AIGenerateDocumentButton mode="full" ext={ext} filename={filename} />
+        </Flex>
+      </Flex>
+    );
+  }
+}