feat: auto expand in demo mode

frontend/src/components/workspace/artifacts/artifact-file-detail.tsx

@@ -1,6 +1,8 @@
 import {
+  Code2Icon,
   CopyIcon,
   DownloadIcon,
+  EyeIcon,
   SquareArrowOutUpRightIcon,
   XIcon,
 } from "lucide-react";
@@ -31,6 +33,8 @@ import { useI18n } from "@/core/i18n/hooks";
 import { checkCodeFile, getFileName } from "@/core/utils/files";
 import { cn } from "@/lib/utils";
 
+import { Tooltip } from "../tooltip";
+
 import { useArtifacts } from "./context";
 
 export function ArtifactFileDetail({
@@ -115,8 +119,16 @@ export function ArtifactFileDetail({
                 setViewMode(value as "code" | "preview")
               }
             >
-              <ToggleGroupItem value="code">Code</ToggleGroupItem>
-              <ToggleGroupItem value="preview">Preview</ToggleGroupItem>
+              <Tooltip content={t.common.code}>
+                <ToggleGroupItem value="code">
+                  <Code2Icon />
+                </ToggleGroupItem>
+              </Tooltip>
+              <Tooltip content={t.common.preview}>
+                <ToggleGroupItem value="preview">
+                  <EyeIcon />
+                </ToggleGroupItem>
+              </Tooltip>
             </ToggleGroup>
           )}
         </div>

frontend/src/components/workspace/artifacts/context.tsx

@@ -1,6 +1,7 @@
 import { createContext, useContext, useState, type ReactNode } from "react";
 
 import { useSidebar } from "@/components/ui/sidebar";
+import { env } from "@/env";
 
 export interface ArtifactsContextType {
   artifacts: string[];
@@ -28,7 +29,9 @@ export function ArtifactsProvider({ children }: ArtifactsProviderProps) {
   const [artifacts, setArtifacts] = useState<string[]>([]);
   const [selectedArtifact, setSelectedArtifact] = useState<string | null>(null);
   const [autoSelect, setAutoSelect] = useState(true);
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState(
+    env.NEXT_PUBLIC_STATIC_WEBSITE_ONLY === "true",
+  );
   const [autoOpen, setAutoOpen] = useState(true);
   const { setOpen: setSidebarOpen } = useSidebar();