data persist

apps/editor/components/ui/sidebar/app-sidebar.tsx

@@ -27,6 +27,7 @@ import {
 import { cn } from "@/lib/utils";
 import useEditor from "@/store/use-editor";
 import { useViewer } from "@pascal-app/viewer";
+import { SettingsPanel } from "./panels/settings-panel";
 import { SitePanel } from "./panels/site-panel";
 import { ZonePanel } from "./panels/zone-panel";
 
@@ -83,13 +84,8 @@ export function AppSidebar() {
         return <ZonePanel />;
       // case "collections":
       //   return <CollectionsPanel />;
-      // case "settings":
-      //   return (
-      //     <SettingsPanel
-      //       onOpenHelp={() => setIsHelpOpen(true)}
-      //       onOpenJsonInspector={() => setIsJsonInspectorOpen(true)}
-      //     />
-      //   );
+      case "settings":
+        return <SettingsPanel />;
       default:
         return null;
     }

apps/editor/components/ui/sidebar/panels/settings-panel/index.tsx

@@ -0,0 +1,34 @@
+import { useScene } from "@pascal-app/core";
+import { useViewer } from "@pascal-app/viewer";
+import { Trash2 } from "lucide-react";
+import { Button } from "@/components/ui/primitives/button";
+
+export function SettingsPanel() {
+  const clearScene = useScene((state) => state.clearScene);
+  const resetSelection = useViewer((state) => state.resetSelection);
+
+  const handleResetToDefault = () => {
+    clearScene();
+    resetSelection();
+  };
+
+  return (
+    <div className="flex flex-col gap-6 p-3">
+      {/* Danger Zone */}
+      <div className="space-y-2">
+        <label className="font-medium text-destructive text-xs uppercase">
+          Danger Zone
+        </label>
+
+        <Button
+          className="w-full justify-start gap-2"
+          onClick={handleResetToDefault}
+          variant="destructive"
+        >
+          <Trash2 className="size-4" />
+          Clear & Start New
+        </Button>
+      </div>
+    </div>
+  );
+}