@tscircuit/fake-snippets 0.0.98 → 0.0.99

package/fake-snippets-api/routes/api/autocomplete/create_autocomplete.ts

@@ -1,4 +1,3 @@
-import "dotenv/config"
 import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
 import { z } from "zod"
 import OpenAI from "openai"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/fake-snippets",
-  "version": "0.0.98",
+  "version": "0.0.99",
   "type": "module",
   "repository": {
     "type": "git",
@@ -75,7 +75,7 @@
     "@radix-ui/react-toggle-group": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
     "@tailwindcss/typography": "^0.5.16",
-    "@tscircuit/3d-viewer": "^0.0.279",
+    "@tscircuit/3d-viewer": "^0.0.303",
     "@tscircuit/assembly-viewer": "^0.0.1",
     "@tscircuit/create-snippet-url": "^0.0.8",
     "@tscircuit/eval": "^0.0.244",
@@ -83,7 +83,7 @@
     "@tscircuit/mm": "^0.0.8",
     "@tscircuit/pcb-viewer": "^1.11.194",
     "@tscircuit/prompt-benchmarks": "^0.0.28",
-    "@tscircuit/runframe": "^0.0.669",
+    "@tscircuit/runframe": "0.0.715",
     "@tscircuit/schematic-viewer": "^2.0.21",
     "@types/babel__standalone": "^7.1.7",
     "@types/bun": "^1.1.10",
@@ -187,6 +187,7 @@
     "wouter": "^3.3.5",
     "zod": "^3.23.8",
     "zustand": "^4.5.5",
-    "zustand-hoist": "^2.0.1"
+    "zustand-hoist": "^2.0.1",
+    "circuit-json-to-spice": "^0.0.6"
   }
 }

package/src/components/DownloadButtonAndMenu.tsx

@@ -12,6 +12,7 @@ import { downloadDsnFile } from "@/lib/download-fns/download-dsn-file-fn"
 import { downloadFabricationFiles } from "@/lib/download-fns/download-fabrication-files"
 import { downloadSchematicSvg } from "@/lib/download-fns/download-schematic-svg"
 import { downloadReadableNetlist } from "@/lib/download-fns/download-readable-netlist"
+import { downloadSpiceFile } from "@/lib/download-fns/download-spice-file"
 import { downloadAssemblySvg } from "@/lib/download-fns/download-assembly-svg"
 import { usePcbDownloadDialog } from "@/components/dialogs/pcb-download-dialog"
 import { downloadKicadFiles } from "@/lib/download-fns/download-kicad-files"
@@ -214,6 +215,18 @@ export function DownloadButtonAndMenu({
               txt
             </span>
           </DropdownMenuItem>
+          <DropdownMenuItem
+            className="text-xs"
+            onSelect={() => {
+              downloadSpiceFile(circuitJson, unscopedName || "circuit")
+            }}
+          >
+            <Download className="mr-1 h-3 w-3" />
+            <span className="flex-grow mr-6">SPICE Netlist</span>
+            <span className="text-[0.6rem] opacity-80 bg-blue-500 text-white font-mono rounded-md px-1 text-center py-0.5 mr-1">
+              spice
+            </span>
+          </DropdownMenuItem>
           <DropdownMenuItem
             className="text-xs"
             onSelect={() => {

package/src/components/FileSidebar.tsx

@@ -1,6 +1,14 @@
 import React, { useState } from "react"
 import { cn } from "@/lib/utils"
-import { File, Folder, MoreVertical, PanelRightOpen, Plus } from "lucide-react"
+import {
+  File,
+  Folder,
+  MoreVertical,
+  PanelRightOpen,
+  Plus,
+  Trash2,
+  Pencil,
+} from "lucide-react"
 import { TreeView, TreeDataItem } from "@/components/ui/tree-view"
 import { isHiddenFile } from "./ViewPackagePage/utils/is-hidden-file"
 import { Input } from "@/components/ui/input"
@@ -16,8 +24,12 @@ import type {
   ICreateFileResult,
   IDeleteFileProps,
   IDeleteFileResult,
+  IRenameFileProps,
+  IRenameFileResult,
 } from "@/hooks/useFileManagement"
 import { useToast } from "@/hooks/use-toast"
+import { useGlobalStore } from "@/hooks/use-global-store"
+import type { Package } from "fake-snippets-api/lib/db/schema"
 type FileName = string
 
 interface FileSidebarProps {
@@ -28,6 +40,10 @@ interface FileSidebarProps {
   fileSidebarState: ReturnType<typeof useState<boolean>>
   handleCreateFile: (props: ICreateFileProps) => ICreateFileResult
   handleDeleteFile: (props: IDeleteFileProps) => IDeleteFileResult
+  handleRenameFile: (props: IRenameFileProps) => IRenameFileResult
+  isCreatingFile: boolean
+  setIsCreatingFile: React.Dispatch<React.SetStateAction<boolean>>
+  pkg?: Package
 }
 
 const FileSidebar: React.FC<FileSidebarProps> = ({
@@ -38,12 +54,18 @@ const FileSidebar: React.FC<FileSidebarProps> = ({
   fileSidebarState,
   handleCreateFile,
   handleDeleteFile,
+  handleRenameFile,
+  isCreatingFile,
+  setIsCreatingFile,
+  pkg,
 }) => {
   const [sidebarOpen, setSidebarOpen] = fileSidebarState
   const [newFileName, setNewFileName] = useState("")
-  const [isCreatingFile, setIsCreatingFile] = useState(false)
   const [errorMessage, setErrorMessage] = useState("")
+  const [renamingFile, setRenamingFile] = useState<string | null>(null)
   const { toast } = useToast()
+  const session = useGlobalStore((s) => s.session)
+  const canModifyFiles = true
 
   const transformFilesToTreeData = (
     files: Record<FileName, string>,
@@ -79,20 +101,59 @@ const FileSidebar: React.FC<FileSidebarProps> = ({
         ) {
           currentNode[segment] = {
             id: itemId,
-            name: isLeafNode ? segment : segment,
+            name: segment,
+            isRenaming: renamingFile === itemId,
+            onRename: (newFilename: string) => {
+              // Preserve the folder structure when renaming
+              const oldPath = itemId
+              const pathParts = oldPath.split("/").filter((part) => part !== "") // Remove empty segments
+              let newPath: string
+
+              if (pathParts.length > 1) {
+                // File is in a folder, preserve the folder structure
+                const folderPath = pathParts.slice(0, -1).join("/")
+                newPath = folderPath + "/" + newFilename
+              } else {
+                // File is in root, just use the new filename
+                newPath = newFilename
+              }
+
+              // Preserve leading slash if original path had one
+              if (oldPath.startsWith("/") && !newPath.startsWith("/")) {
+                newPath = "/" + newPath
+              }
+
+              const { fileRenamed } = handleRenameFile({
+                oldFilename: itemId,
+                newFilename: newPath,
+                onError: (error) => {
+                  toast({
+                    title: `Error renaming file`,
+                    description: error.message,
+                    variant: "destructive",
+                  })
+                },
+              })
+              if (fileRenamed) {
+                setRenamingFile(null)
+              }
+            },
+            onCancelRename: () => {
+              setRenamingFile(null)
+            },
             icon: isLeafNode ? File : Folder,
             onClick: isLeafNode ? () => onFileSelect(absolutePath) : undefined,
             draggable: false,
             droppable: !isLeafNode,
             children: isLeafNode ? undefined : {},
-            actions: (
+            actions: canModifyFiles ? (
               <>
                 <DropdownMenu key={itemId}>
                   <DropdownMenuTrigger asChild>
                     <MoreVertical className="w-4 h-4 text-gray-500 hover:text-gray-700" />
                   </DropdownMenuTrigger>
                   <DropdownMenuContent
-                    className="w-48 bg-white shadow-lg rounded-md border-4 z-[100] border-white"
+                    className="w-fit bg-white shadow-lg rounded-md border-4 z-[100] border-white"
                     style={{
                       position: "absolute",
                       top: "100%",
@@ -103,13 +164,24 @@ const FileSidebar: React.FC<FileSidebarProps> = ({
                     }}
                   >
                     <DropdownMenuGroup>
+                      {isLeafNode && (
+                        <DropdownMenuItem
+                          onClick={() => {
+                            setRenamingFile(itemId)
+                          }}
+                          className="flex items-center px-3 py-1 text-xs text-black hover:bg-gray-100 cursor-pointer"
+                        >
+                          <Pencil className="mr-2 h-3 w-3" />
+                          Rename
+                        </DropdownMenuItem>
+                      )}
                       <DropdownMenuItem
                         onClick={() => {
                           const { fileDeleted } = handleDeleteFile({
-                            filename: relativePath,
+                            filename: itemId,
                             onError: (error) => {
                               toast({
-                                title: `Error deleting file ${relativePath}`,
+                                title: `Error deleting file ${itemId}`,
                                 description: error.message,
                               })
                             },
@@ -118,15 +190,16 @@ const FileSidebar: React.FC<FileSidebarProps> = ({
                             setErrorMessage("")
                           }
                         }}
-                        className="flex items-center px-4 py-1 text-sm text-gray-700 hover:bg-gray-100 cursor-pointer"
+                        className="flex items-center px-3 py-1 text-xs text-red-600 hover:bg-gray-100 cursor-pointer"
                       >
+                        <Trash2 className="mr-2 h-3 w-3" />
                         Delete
                       </DropdownMenuItem>
                     </DropdownMenuGroup>
                   </DropdownMenuContent>
                 </DropdownMenu>
               </>
-            ),
+            ) : undefined,
           }
         }
 
@@ -152,7 +225,7 @@ const FileSidebar: React.FC<FileSidebarProps> = ({
   }
 
   const treeData = transformFilesToTreeData(files)
-  // console.log("treeData", files)
+
   const handleCreateFileInline = () => {
     const { newFileCreated } = handleCreateFile({
       newFileName,

package/src/components/PackageBuildsPage/LogContent.tsx

@@ -19,34 +19,46 @@ export const LogContent = ({
     type?: "info" | "success" | "error"
     msg?: string
     message?: string
-    timestamp?: string
+    timestamp?: string | number
+    [key: string]: unknown
   }>
   error?: ErrorObject | string | null
 }) => {
   return (
     <div className="font-mono text-xs space-y-1 min-w-0">
       {logs.map((log, i) => {
-        const text = log.msg ?? log.message
+        const { type, msg, message, timestamp, ...rest } = log
+        const text = msg ?? message
         if (!text) return null
 
         return (
           <div
             key={i}
             className={`break-words whitespace-pre-wrap ${
-              log.type === "error"
+              type === "error"
                 ? "text-red-600"
-                : log.type === "success"
+                : type === "success"
                   ? "text-green-600"
                   : "text-gray-600"
             }`}
           >
-            {log.timestamp && (
+            {timestamp !== undefined && (
               <span className="text-gray-500 whitespace-nowrap">
-                {new Date(log.timestamp).toLocaleTimeString()}
+                {new Date(Number(timestamp)).toLocaleTimeString()}
               </span>
             )}
-            {log.timestamp && " "}
+            {timestamp !== undefined && " "}
             <span className="break-all">{text}</span>
+            {Object.keys(rest).filter((k) => k !== "package_release_id")
+              .length > 0 && (
+              <span className="text-gray-500">
+                {" "}
+                {Object.entries(rest)
+                  .filter(([key]) => key !== "package_release_id")
+                  .map(([key, value]) => `${key}: ${String(value)}`)
+                  .join(" ")}
+              </span>
+            )}
           </div>
         )
       })}

package/src/components/package-port/CodeAndPreview.tsx

@@ -16,6 +16,7 @@ import { toastManualEditConflicts } from "@/lib/utils/toastManualEditConflicts"
 import { ManualEditEvent } from "@tscircuit/props"
 import { useFileManagement } from "@/hooks/useFileManagement"
 import { DEFAULT_CODE } from "@/lib/utils/package-utils"
+import { useGlobalStore } from "@/hooks/use-global-store"
 
 interface Props {
   pkg?: Package
@@ -38,6 +39,7 @@ export interface CodeAndPreviewState {
 
 export function CodeAndPreview({ pkg, projectUrl }: Props) {
   const { toast } = useToast()
+  const session = useGlobalStore((s) => s.session)
   const urlParams = useUrlParams()
 
   const templateFromUrl = useMemo(
@@ -75,6 +77,7 @@ export function CodeAndPreview({ pkg, projectUrl }: Props) {
     setLocalFiles,
     localFiles,
     initialFiles,
+    renameFile,
   } = useFileManagement({
     templateCode: templateFromUrl?.code,
     currentPackage: pkg,
@@ -208,6 +211,8 @@ export function CodeAndPreview({ pkg, projectUrl }: Props) {
             isSaving={isSaving}
             handleCreateFile={createFile}
             handleDeleteFile={deleteFile}
+            handleRenameFile={renameFile}
+            pkg={pkg}
             currentFile={currentFile}
             onFileSelect={onFileSelect}
             files={localFiles}

package/src/components/package-port/CodeEditor.tsx

@@ -35,6 +35,7 @@ import CodeEditorHeader, {
 import FileSidebar from "../FileSidebar"
 import { findTargetFile } from "@/lib/utils/findTargetFile"
 import type { PackageFile } from "@/types/package"
+import type { Package } from "fake-snippets-api/lib/db/schema"
 import { useShikiHighlighter } from "@/hooks/use-shiki-highlighter"
 import QuickOpen from "./QuickOpen"
 import GlobalFindReplace from "./GlobalFindReplace"
@@ -43,6 +44,8 @@ import {
   ICreateFileResult,
   IDeleteFileProps,
   IDeleteFileResult,
+  IRenameFileProps,
+  IRenameFileResult,
 } from "@/hooks/useFileManagement"
 import { isHiddenFile } from "../ViewPackagePage/utils/is-hidden-file"
 import { inlineCopilot } from "codemirror-copilot"
@@ -65,14 +68,18 @@ export const CodeEditor = ({
   pkgFilesLoaded,
   currentFile,
   onFileSelect,
+  handleRenameFile,
   handleCreateFile,
   handleDeleteFile,
+  pkg,
 }: {
   onCodeChange: (code: string, filename?: string) => void
   files: PackageFile[]
   isSaving?: boolean
   handleCreateFile: (props: ICreateFileProps) => ICreateFileResult
   handleDeleteFile: (props: IDeleteFileProps) => IDeleteFileResult
+  handleRenameFile: (props: IRenameFileProps) => IRenameFileResult
+  pkg?: Package
   readOnly?: boolean
   isStreaming?: boolean
   pkgFilesLoaded?: boolean
@@ -108,6 +115,9 @@ export const CodeEditor = ({
     return files.find((x) => x.path === "index.tsx")?.path || "index.tsx"
   }, [files])
 
+  const [sidebarOpen, setSidebarOpen] = useState(false)
+  const [isCreatingFile, setIsCreatingFile] = useState(false)
+
   // Set current file on component mount
   useEffect(() => {
     if (files.length === 0 || !pkgFilesLoaded || currentFile) return
@@ -786,10 +796,14 @@ export const CodeEditor = ({
     }
   })
 
+  useHotkeyCombo("cmd+m", () => {
+    setSidebarOpen(true)
+    setIsCreatingFile(true)
+  })
+
   if (isStreaming) {
     return <div className="font-mono whitespace-pre-wrap text-xs">{code}</div>
   }
-  const [sidebarOpen, setSidebarOpen] = useState(false)
   return (
     <div className="flex h-[98vh] w-full overflow-hidden">
       <FileSidebar
@@ -800,7 +814,11 @@ export const CodeEditor = ({
         }
         onFileSelect={(path) => handleFileChange(path)}
         handleCreateFile={handleCreateFile}
+        handleRenameFile={handleRenameFile}
         handleDeleteFile={handleDeleteFile}
+        isCreatingFile={isCreatingFile}
+        setIsCreatingFile={setIsCreatingFile}
+        pkg={pkg}
       />
       <div className="flex flex-col flex-1 w-full min-w-0 h-full">
         {showImportAndFormatButtons && (

package/src/components/package-port/CodeEditorHeader.tsx

@@ -189,13 +189,10 @@ export const CodeEditorHeader: React.FC<CodeEditorHeaderProps> = ({
         onError: (error) => {
           throw error
         },
-        openFile: false,
       })
       if (!createFileResult.newFileCreated) {
-        throw new Error("Failed to create file")
+        throw new Error("Failed to create component file")
       }
-      const newContent = `import ${componentName.replace(/-/g, "")} from "./${componentName}.tsx"\n${files[currentFile || ""]}`
-      updateFileContent(currentFile, newContent)
     }
   }
 
@@ -221,7 +218,15 @@ export const CodeEditorHeader: React.FC<CodeEditorHeaderProps> = ({
                 sidebarOpen ? "-ml-2" : "-ml-1"
               }`}
             >
-              <SelectValue placeholder="Select file" />
+              <SelectValue
+                placeholder={
+                  Object.keys(files).filter(
+                    (filename) => !isHiddenFile(filename),
+                  ).length > 0
+                    ? "Select file"
+                    : "No files"
+                }
+              />
             </SelectTrigger>
             <SelectContent>
               {Object.keys(files)
@@ -307,12 +312,12 @@ export const CodeEditorHeader: React.FC<CodeEditorHeaderProps> = ({
                   onClick={() => {
                     setAiAutocompleteEnabled((prev) => !prev)
                   }}
-                  className={`relative bg-transparent ${aiAutocompleteEnabled ? "text-gray-600 bg-gray-50" : "text-gray-400"}`}
+                  className={`relative group bg-transparent ${aiAutocompleteEnabled ? "text-gray-600 bg-gray-50" : "text-gray-400"}`}
                 >
                   <Bot className="h-4 w-4" />
                   {!aiAutocompleteEnabled && (
                     <div className="absolute inset-0 flex items-center justify-center">
-                      <div className="w-5 h-0.5 bg-gray-400 rotate-45 rounded-full" />
+                      <div className="w-5 h-0.5 group-hover:bg-slate-900 bg-gray-400 rotate-45 rounded-full" />
                     </div>
                   )}
                 </Button>

package/src/components/ui/tree-view.tsx

@@ -3,6 +3,7 @@ import * as AccordionPrimitive from "@radix-ui/react-accordion"
 import { ChevronRight } from "lucide-react"
 import { cva } from "class-variance-authority"
 import { cn } from "@/lib/utils"
+import { Input } from "@/components/ui/input"
 
 const treeVariants = cva(
   "group hover:before:opacity-100 before:absolute before:rounded-lg before:left-0 before:w-full before:opacity-0 before:bg-slate-100/70 before:h-[2rem] before:-z-10' dark:before:bg-slate-800/70",
@@ -18,7 +19,7 @@ const dragOverVariants = cva(
 
 interface TreeDataItem {
   id: string
-  name: string
+  name: React.ReactNode
   icon?: any
   selectedIcon?: any
   openIcon?: any
@@ -27,6 +28,9 @@ interface TreeDataItem {
   onClick?: () => void
   draggable?: boolean
   droppable?: boolean
+  isRenaming?: boolean
+  onRename?: (newName: string) => void
+  onCancelRename?: () => void
 }
 
 type TreeProps = React.HTMLAttributes<HTMLDivElement> & {
@@ -403,7 +407,52 @@ const TreeLeaf = React.forwardRef<
           isSelected={selectedItemId === item.id}
           default={defaultLeafIcon}
         />
-        <span className="flex-grow text-sm truncate">{item.name}</span>
+        {item.isRenaming ? (
+          <Input
+            style={{
+              zIndex: 50,
+            }}
+            defaultValue={item.name as string}
+            onKeyDown={(e) => {
+              if (e.key === "Enter") {
+                e.preventDefault()
+                const value = e.currentTarget.value.trim()
+                if (value && value !== item.name) {
+                  item.onRename?.(value)
+                } else {
+                  item.onCancelRename?.()
+                }
+              } else if (e.key === "Escape") {
+                e.preventDefault()
+                item.onCancelRename?.()
+              }
+            }}
+            spellCheck={false}
+            autoComplete="off"
+            onBlur={(e) => {
+              const value = e.currentTarget.value.trim()
+              if (value && value !== item.name) {
+                item.onRename?.(value)
+              } else {
+                item.onCancelRename?.()
+              }
+            }}
+            autoFocus
+            onClick={(e) => e.stopPropagation()}
+            className="h-6 px-2 py-0 text-sm flex-1 mr-8 bg-white border border-blue-500 rounded-sm focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 shadow-sm"
+            onFocus={(e) => {
+              e.currentTarget.select()
+              // Select filename without extension
+              const filename = e.currentTarget.value
+              const lastDotIndex = filename.lastIndexOf(".")
+              if (lastDotIndex > 0) {
+                e.currentTarget.setSelectionRange(0, lastDotIndex)
+              }
+            }}
+          />
+        ) : (
+          <span className="text-sm truncate">{item.name}</span>
+        )}
         <div className="flex items-center" onClick={(e) => e.stopPropagation()}>
           <TreeActions isSelected={true}>{item.actions}</TreeActions>
         </div>

package/src/hooks/useFileManagement.ts

@@ -17,6 +17,7 @@ import { useCreatePackageReleaseMutation } from "./use-create-package-release-mu
 import { useCreatePackageMutation } from "./use-create-package-mutation"
 import { findTargetFile } from "@/lib/utils/findTargetFile"
 import { encodeFsMapToUrlHash } from "@/lib/encodeFsMapToUrlHash"
+import { isHiddenFile } from "@/components/ViewPackagePage/utils/is-hidden-file"
 
 export interface ICreateFileProps {
   newFileName: string
@@ -36,6 +37,16 @@ export interface IDeleteFileProps {
   onError: (error: Error) => void
 }
 
+export interface IRenameFileProps {
+  oldFilename: string
+  newFilename: string
+  onError: (error: Error) => void
+}
+
+export interface IRenameFileResult {
+  fileRenamed: boolean
+}
+
 export function useFileManagement({
   templateCode,
   currentPackage,
@@ -234,12 +245,69 @@ export function useFileManagement({
     }
     const updatedFiles = localFiles.filter((file) => file.path !== filename)
     setLocalFiles(updatedFiles)
-    onFileSelect(updatedFiles[0]?.path || "")
+    onFileSelect(
+      updatedFiles.filter((file) => !isHiddenFile(file.path))[0]?.path || "",
+    )
     return {
       fileDeleted: true,
     }
   }
 
+  const renameFile = ({
+    oldFilename,
+    newFilename,
+    onError,
+  }: IRenameFileProps): IRenameFileResult => {
+    newFilename = newFilename.trim()
+    if (!newFilename) {
+      onError(new Error("File name cannot be empty"))
+      return {
+        fileRenamed: false,
+      }
+    }
+
+    // Extract just the filename from the path for validation
+    const fileNameOnly = newFilename.split("/").pop() || ""
+    if (!isValidFileName(fileNameOnly)) {
+      onError(new Error("Invalid file name"))
+      return {
+        fileRenamed: false,
+      }
+    }
+
+    const oldFileExists = localFiles?.some((file) => file.path === oldFilename)
+    if (!oldFileExists) {
+      onError(new Error("File does not exist"))
+      return {
+        fileRenamed: false,
+      }
+    }
+
+    const newFileExists = localFiles?.some((file) => file.path === newFilename)
+    if (newFileExists) {
+      onError(new Error("A file with this name already exists"))
+      return {
+        fileRenamed: false,
+      }
+    }
+
+    const updatedFiles = localFiles.map((file) => {
+      if (file.path === oldFilename) {
+        return { ...file, path: newFilename }
+      }
+      return file
+    })
+
+    setLocalFiles(updatedFiles)
+    if (currentFile === oldFilename) {
+      setCurrentFile(newFilename)
+    }
+
+    return {
+      fileRenamed: true,
+    }
+  }
+
   const savePackage = async (isPrivate: boolean) => {
     if (!isLoggedIn) {
       toast({
@@ -354,6 +422,7 @@ export function useFileManagement({
     fsMap,
     createFile,
     deleteFile,
+    renameFile,
     saveFiles,
     localFiles,
     initialFiles,

package/src/lib/download-fns/download-spice-file.ts

@@ -0,0 +1,13 @@
+import { AnyCircuitElement } from "circuit-json"
+import { saveAs } from "file-saver"
+import { circuitJsonToSpice } from "circuit-json-to-spice"
+
+export const downloadSpiceFile = (
+  circuitJson: AnyCircuitElement[],
+  fileName: string,
+) => {
+  const spiceNetlist = circuitJsonToSpice(circuitJson)
+  const spiceString = spiceNetlist.toSpiceString()
+  const blob = new Blob([spiceString], { type: "text/plain" })
+  saveAs(blob, fileName + ".cir")
+}

package/src/pages/dashboard.tsx

@@ -98,7 +98,7 @@ export const DashboardPage = () => {
         <title>Dashboard - tscircuit</title>
       </Helmet>
       <Header />
-      <div className="container mx-auto px-4 py-8">
+      <div className="container mx-auto px-4 py-8 min-h-[80vh]">
         <h1 className="text-3xl font-bold mb-6">Dashboard</h1>
         <div className="flex md:flex-row flex-col">
           <div className="md:w-3/4 p-0 md:pr-6">