responsive user fullname + help button

components/editor/ask-ai/index.tsx

@@ -417,7 +417,7 @@ export function AskAI({
               onModelChange={setModel}
               open={openProvider}
               error={providerError}
-              isFollowUp={!isSameHtml}
+              isFollowUp={!isSameHtml && isFollowUp}
               onClose={setOpenProvider}
             />
             <Button
@@ -445,6 +445,9 @@ export function AskAI({
                 id="diff-patch-checkbox"
                 checked={isFollowUp}
                 onCheckedChange={(e) => {
+                  if (e === true && !isSameHtml) {
+                    setModel(MODELS[0].value);
+                  }
                   setIsFollowUp(e === true);
                 }}
               />

components/editor/ask-ai/settings.tsx

@@ -74,14 +74,6 @@ export function Settings({
             Customize Settings
           </header>
           <main className="px-4 pt-5 pb-6 space-y-5">
-            {/* <a
-              href="https://huggingface.co/spaces/enzostvs/deepsite/discussions/74"
-              target="_blank"
-              className="w-full flex items-center justify-between text-neutral-300 bg-neutral-300/15 border border-neutral-300/15 pl-4 p-1.5 rounded-full text-sm font-medium hover:brightness-95"
-            >
-              How to use it locally?
-              <Button size="xs">See guide</Button>
-            </a> */}
             {error !== "" && (
               <p className="text-red-500 text-sm font-medium mb-2 flex items-center justify-between bg-red-500/10 p-2 rounded-md">
                 {error}

components/editor/footer/index.tsx

@@ -1,6 +1,6 @@
 import classNames from "classnames";
 import { FaMobileAlt } from "react-icons/fa";
-import { RefreshCcw, SparkleIcon } from "lucide-react";
+import { HelpCircle, RefreshCcw, SparkleIcon } from "lucide-react";
 import { FaLaptopCode } from "react-icons/fa6";
 import { HtmlHistory } from "@/types";
 import { Button } from "@/components/ui/button";
@@ -83,6 +83,15 @@ export function Footer({
             <span className="max-lg:hidden">DeepSite Gallery</span>
           </Button>
         </a>
+        <a
+          target="_blank"
+          href="https://huggingface.co/spaces/enzostvs/deepsite/discussions/157"
+        >
+          <Button size="sm" variant="outline">
+            <HelpCircle className="size-3.5" />
+            <span className="max-lg:hidden">Help</span>
+          </Button>
+        </a>
         <Button size="sm" variant="outline" onClick={handleRefreshIframe}>
           <RefreshCcw className="size-3.5" />
           <span className="max-lg:hidden">Refresh Preview</span>

components/user-menu/index.tsx

@@ -32,7 +32,11 @@ export const UserMenu = ({ className }: { className?: string }) => {
               {user?.fullname?.charAt(0).toUpperCase() ?? "E"}
             </AvatarFallback>
           </Avatar>
-          {user?.fullname}
+          <span className="max-lg:hidden">{user?.fullname}</span>
+          <span className="lg:hidden">
+            {user?.fullname.slice(0, 10)}
+            {(user?.fullname?.length ?? 0) > 10 ? "..." : ""}
+          </span>
         </Button>
       </DropdownMenuTrigger>
       <DropdownMenuContent className="w-56" align="start">