Rename project from AivoMind to MindMapFlow and update related references. Add privacy and terms of service texts. Add small toolbar on top of selected node.

tlaukkanen · tlaukkanen · commit 3d694e6a2eb6 · 2025-03-08T23:40:29.000+02:00
diff --git a/.github/copilot-instructions.ms b/.github/copilot-instructions.ms
@@ -0,0 +1,15 @@
+We use Tailwind class names instead of CSS files.
+We use MUI React UI components for consistent look and feel.
+Application should be usable on both desktop as well as mobile so we use responsive design.
+
+The folder structure is the following:
+- `src/app` contains the pages and layouts
+- `src/components` contains the UI components like Editor, MenuBar, Toolbar, ResourcePalette, PropertiesPanel, custom diagram Nodes etc.
+- `src/config` contains generic website configuration files
+- `src/hooks` contains custom React hooks, like useAutoSave, useMindMap, useKeyboardShortcuts, useUserSettings, etc.
+- `src/lib` contains generic libraries, like Storage for handling Blob storage operations
+- `src/model` contains data models
+- `src/pages/api` contains the backend REST API implementations for auth, diagrams, user-settings
+- `src/public` contains public files
+- `src/services` contains services like DiagramService, Logger, SettingsService etc.
+- `src/utils` contains generic utilities like NodeUtils and AuthUtils.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -8,7 +8,7 @@ on:
 
 env:
   ACR_REGISTRY: ${{ secrets.ACR_REGISTRY }}
-  IMAGE_NAME: aivomind
+  IMAGE_NAME: mindmapflow
 
 jobs:
   build-and-push:
diff --git a/README.md b/README.md
@@ -1,12 +1,12 @@
-# AivoMind
+# MindMapFlow
 
-Meet AivoMind, your ultimate brainstorming companion. Designed to unleash creativity and enhance productivity, AivoMind transforms complex ideas into clear, structured visuals. Whether you're a student, professional, or creative, our intuitive interface helps you map out thoughts, simplify concepts, and bring your projects to life. Join the AivoMind revolution and unlock the full potential of your mind!
+Meet MindMapFlow, your ultimate brainstorming companion. Designed to unleash creativity and enhance productivity, MindMapFlow transforms complex ideas into clear, structured visuals. Whether you're a student, professional, or creative, our intuitive interface helps you map out thoughts, simplify concepts, and bring your projects to life. Join the MindMapFlow revolution and unlock the full potential of your mind!
 
 ![Screenshot](/public/screens/screen_20250204.png)
 
 # Tech Stack
 
-AivoMind is built using these major components:
+MindMapFlow is built using these major components:
 
 * React, Next.js - https://nextjs.org/
 * MUI React UI tools - https://mui.com/
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "aivomind",
+  "name": "mindmapflow",
   "version": "0.1.0",
   "private": true,
   "scripts": {
diff --git a/src/app/(home)/layout.tsx b/src/app/(home)/layout.tsx
@@ -35,9 +35,21 @@ export default function RootLayout({
       <main className="container mx-auto max-w-7xl pt-16 px-6 flex-grow ">
         {children}
       </main>
-      <footer className="w-full flex items-center justify-center py-3">
+      <footer className="w-full flex flex-col items-center justify-center py-5 gap-3">
+        <div className="flex gap-6 items-center">
+          {siteConfig.footerItems?.map((item, index) => (
+            <Link
+              key={`footer-${index}`}
+              className="text-slate-300 hover:text-white text-sm no-underline"
+              href={item.href}
+              underline="none"
+            >
+              {item.label}
+            </Link>
+          ))}
+        </div>
         <Link
-          className="flex items-center gap-1 text-current no-underline"
+          className="flex items-center gap-1 text-current no-underline mt-2"
           href="https://www.linkedin.com/in/tlaukkanen/"
           title="Tommi Laukkanen"
           underline="none"
diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
@@ -33,15 +33,16 @@ export default function Home() {
         <div className="flex gap-3 items-start justify-start max-w-4xl py-8 md:py-10 text-white">
           <div className="grid grid-cols-1 gap-6">
             <div className={subtitle({ class: "mt-4 text-white" })}>
-              ✏️ Meet AivoMind, your ultimate brainstorming companion. Designed
-              to unleash creativity and enhance productivity, AivoMind
-              transforms complex ideas into clear, structured visuals.
+              ✏️ Meet MindMapFlow, your ultimate brainstorming companion.
+              Designed to unleash creativity and enhance productivity,
+              MindMapFlow transforms complex ideas into clear, structured
+              visuals.
             </div>
             <div className={subtitle({ class: "mt-4 text-white" })}>
               🧠 Whether you&apos;re a student, professional, or creative, our
               intuitive interface helps you map out thoughts, simplify concepts,
-              and bring your projects to life. Join the AivoMind revolution and
-              unlock the full potential of your mind!
+              and bring your projects to life. Join the MindMapFlow revolution
+              and unlock the full potential of your mind!
             </div>
           </div>
         </div>
diff --git a/src/app/(home)/privacy/layout.tsx b/src/app/(home)/privacy/layout.tsx
@@ -0,0 +1,13 @@
+export default function PrivacyLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
+      <div className="inline-block max-w-3xl text-center justify-center">
+        {children}
+      </div>
+    </section>
+  );
+}
diff --git a/src/app/(home)/privacy/page.tsx b/src/app/(home)/privacy/page.tsx
@@ -0,0 +1,94 @@
+import { title } from "@/components/primitives";
+
+export default function PrivacyPolicyPage() {
+  return (
+    <div className="text-left">
+      <h1 className={title({ class: "mb-6" })}>Privacy Policy</h1>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">Introduction</h2>
+      <p className="mb-4">
+        At MindMapFlow, we respect your privacy and are committed to protecting
+        your personal data. This privacy policy explains how we collect, use,
+        and safeguard your information when you use our service.
+      </p>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">Information We Collect</h2>
+      <p className="mb-2">We collect the following types of information:</p>
+      <ul className="list-disc pl-5 mb-4">
+        <li>Account information (email address) when you register</li>
+        <li>Usage data related to how you interact with our application</li>
+        <li>Content you create and store using our mind mapping tools</li>
+        <li>
+          Technical information such as your IP address, browser type, and
+          device information
+        </li>
+      </ul>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">
+        How We Use Your Information
+      </h2>
+      <p className="mb-2">
+        We use your information for the following purposes:
+      </p>
+      <ul className="list-disc pl-5 mb-4">
+        <li>To provide and maintain our service</li>
+        <li>To notify you about changes to our service</li>
+        <li>To provide customer support</li>
+        <li>
+          To gather analysis or valuable information to improve our service
+        </li>
+        <li>To monitor the usage of our service</li>
+        <li>To detect, prevent and address technical issues</li>
+      </ul>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">Data Security</h2>
+      <p className="mb-4">
+        The security of your data is important to us. We strive to use
+        commercially acceptable means to protect your personal information, but
+        we cannot guarantee its absolute security. Your data is stored securely
+        in Azure Blob Storage with appropriate access controls.
+      </p>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">Sharing Your Information</h2>
+      <p className="mb-4">
+        We do not sell, trade, or rent your personal identification information
+        to others. We may share generic aggregated demographic information not
+        linked to any personal identification information regarding visitors and
+        users with our business partners and trusted affiliates for the purposes
+        outlined above.
+      </p>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">Third-party Services</h2>
+      <p className="mb-4">
+        We may use third-party services, such as Google Analytics and Microsoft
+        Application Insights, to monitor and analyze the use of our service.
+        These third parties have their own privacy policies addressing how they
+        use such information.
+      </p>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">
+        Changes to This Privacy Policy
+      </h2>
+      <p className="mb-4">
+        We may update our Privacy Policy from time to time. We will notify you
+        of any changes by posting the new Privacy Policy on this page and
+        updating the &quot;Last updated&quot; date. You are advised to review
+        this Privacy Policy periodically for any changes.
+      </p>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">Contact Us</h2>
+      <p className="mb-4">
+        If you have any questions about this Privacy Policy, please contact
+        Tommi through LinkedIn:{" "}
+        <a
+          className="text-white underline"
+          href="https://www.linkedin.com/in/tlaukkanen/"
+        >
+          https://www.linkedin.com/in/tlaukkanen/
+        </a>
+      </p>
+
+      <p className="text-sm text-gray-400 mt-8">Last updated: March 2025</p>
+    </div>
+  );
+}
diff --git a/src/app/(home)/terms/layout.tsx b/src/app/(home)/terms/layout.tsx
@@ -0,0 +1,13 @@
+export default function TermsLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
+      <div className="inline-block max-w-3xl text-center justify-center">
+        {children}
+      </div>
+    </section>
+  );
+}
diff --git a/src/app/(home)/terms/page.tsx b/src/app/(home)/terms/page.tsx
@@ -0,0 +1,108 @@
+import { title } from "@/components/primitives";
+
+export default function TermsOfServicePage() {
+  return (
+    <div className="text-left">
+      <h1 className={title({ class: "mb-6" })}>Terms of Service</h1>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">1. Introduction</h2>
+      <p className="mb-4">
+        Welcome to MindMapFlow. By accessing our website or using our services,
+        you agree to these Terms of Service. Please read them carefully. If you
+        do not agree with these terms, please do not use our services.
+      </p>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">2. Description of Service</h2>
+      <p className="mb-4">
+        MindMapFlow provides tools for creating, editing, and sharing mind maps
+        and visual diagrams. Our services include both free and paid features as
+        described on our website. We reserve the right to modify, suspend, or
+        discontinue any part of our services at any time.
+      </p>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">3. User Accounts</h2>
+      <p className="mb-4">
+        Some features of our services require you to create an account. You are
+        responsible for maintaining the confidentiality of your account
+        information and for all activities that occur under your account. You
+        agree to notify us immediately of any unauthorized use of your account.
+      </p>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">4. User Content</h2>
+      <p className="mb-4">
+        You retain ownership of any content you create using our services. By
+        using our services, you grant us a license to host, store, and display
+        your content as necessary to provide the service. You are solely
+        responsible for the content you create and share through our services.
+      </p>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">5. Acceptable Use</h2>
+      <p className="mb-2">You agree not to use our services to:</p>
+      <ul className="list-disc pl-5 mb-4">
+        <li>Violate any laws or regulations</li>
+        <li>Infringe on the rights of others</li>
+        <li>Distribute malicious software or harmful content</li>
+        <li>Interfere with or disrupt our services</li>
+        <li>
+          Attempt to gain unauthorized access to our systems or user accounts
+        </li>
+      </ul>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">6. Intellectual Property</h2>
+      <p className="mb-4">
+        The MindMapFlow name, logos, and all related graphics, design elements,
+        and user interfaces are our trademarks and intellectual property. You
+        may not use our trademarks without our prior written permission.
+      </p>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">
+        7. Limitation of Liability
+      </h2>
+      <p className="mb-4">
+        To the fullest extent permitted by law, MindMapFlow shall not be liable
+        for any indirect, incidental, special, consequential, or punitive
+        damages, or any loss of profits or revenues, whether incurred directly
+        or indirectly, or any loss of data, use, goodwill, or other intangible
+        losses resulting from your use of our services.
+      </p>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">
+        8. Disclaimer of Warranties
+      </h2>
+      <p className="mb-4">
+        Our services are provided &quot;as is&quot; and &quot;as available&quot;
+        without warranties of any kind, either express or implied, including,
+        but not limited to, implied warranties of merchantability, fitness for a
+        particular purpose, or non-infringement.
+      </p>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">9. Changes to Terms</h2>
+      <p className="mb-4">
+        We reserve the right to modify these Terms of Service at any time. We
+        will provide notice of significant changes by posting the updated terms
+        on our website. Your continued use of our services after such changes
+        constitutes your acceptance of the new terms.
+      </p>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">10. Governing Law</h2>
+      <p className="mb-4">
+        These terms shall be governed by the laws of the jurisdiction in which
+        MindMapFlow operates, without regard to its conflict of law provisions.
+      </p>
+
+      <h2 className="text-xl font-bold mb-3 mt-6">11. Contact Us</h2>
+      <p className="mb-4">
+        If you have any questions about these Terms of Service, please contact
+        Tommi through LinkedIn:{" "}
+        <a
+          className="text-white underline"
+          href="https://www.linkedin.com/in/tlaukkanen/"
+        >
+          https://www.linkedin.com/in/tlaukkanen/
+        </a>
+      </p>
+
+      <p className="text-sm text-gray-400 mt-8">Last updated: March 2025</p>
+    </div>
+  );
+}
diff --git a/src/app/manifest.ts b/src/app/manifest.ts
@@ -2,8 +2,8 @@ import type { MetadataRoute } from "next";
 
 export default function manifest(): MetadataRoute.Manifest {
   return {
-    name: "AivoMind",
-    short_name: "AivoMind",
+    name: "MindMapFlow",
+    short_name: "MindMapFlow",
     description:
       "Organize Your Ideas, Simplify Your Workflow, Enhance Productivity.",
     start_url: "/editor",
diff --git a/src/components/editor/menubar.tsx b/src/components/editor/menubar.tsx
@@ -102,7 +102,7 @@ export const Menubar = ({
 
   // Update document title based on save status
   useEffect(() => {
-    const baseTitle = "AivoMind";
+    const baseTitle = "MindMapFlow";
 
     document.title = !isSaved ? `${baseTitle} (Unsaved Changes)` : baseTitle;
 
@@ -250,7 +250,7 @@ export const Menubar = ({
               />
               <Box width={2} />
               <Typography className="hidden sm:block font-extrabold text-menuBar-text">
-                AivoMind
+                MindMapFlow
               </Typography>
             </Link>
             <div className="flex gap-0">
diff --git a/src/components/editor/nodes/base-node.tsx b/src/components/editor/nodes/base-node.tsx
diff --git a/src/components/editor/nodes/format-toolbar.tsx b/src/components/editor/nodes/format-toolbar.tsx
diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
diff --git a/src/config/site.ts b/src/config/site.ts
diff --git a/src/hooks/use-auto-save.ts b/src/hooks/use-auto-save.ts

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`{`
`2`		`- "name": "aivomind",`
	`2`	`+ "name": "mindmapflow",`
`3`	`3`	`"version": "0.1.0",`
`4`	`4`	`"private": true,`
`5`	`5`	`"scripts": {`