Initial commit of Glimpse: Procedural paper desk and moodboard workspace

src/components/BottomBar.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+export const BottomBar: React.FC = () => {
+  return (
+    <footer className="fixed bottom-2 left-1/2 -translate-x-1/2 z-40 px-3.5 py-1 bg-black/60 text-neutral-400 rounded-full text-[11px] font-mono backdrop-blur-sm pointer-events-none select-none border border-white/5 flex items-center gap-2 shadow-lg">
+      <span className="flex items-center gap-1.5">
+        <span className="w-1.5 h-1.5 rounded-full bg-emerald-400 inline-block" />
+        <span>drag anything</span>
+      </span>
+      <span className="text-neutral-600">·</span>
+      <span>flick to throw</span>
+      <span className="text-neutral-600">·</span>
+      <span>double-click to edit</span>
+      <span className="text-neutral-600">·</span>
+      <span className="text-neutral-300 font-semibold">S</span> shuffle
+      <span className="text-neutral-600">·</span>
+      <span className="text-neutral-300 font-semibold">G</span> grid
+      <span className="text-neutral-600">·</span>
+      <span className="text-neutral-300 font-semibold">P</span> pen
+      <span className="text-neutral-600">·</span>
+      <span className="text-neutral-300 font-semibold">N</span> new
+      <span className="text-neutral-600">·</span>
+      <span className="text-neutral-300 font-semibold">Space</span> scatter
+    </footer>
+  );
+};