ORACLE TYPE
ACTIONS {["LOOK AT","WALK TO","TALK TO","USE"].map((v,i)=>setSelected(i)} key={v}>{v} )}
SCENE TARGETS / INVENTORY {n.choices.map(c=>choose(c.to)}>{c.label}› )}{n.ending&&choose("dock")}>Play again ↻ }
}
-function Mines(){const[cells,setCells]=useState(()=>Array.from({length:81},(_,i)=>({mine:[7,14,25,42,66,73,78].includes(i),open:false})));const[dead,setDead]=useState(false);return
007 {setDead(false);setCells(cells.map(x=>({...x,open:false})))}}>🙂 999
{cells.map((c,i)=>{if(c.mine)setDead(true);setCells(x=>x.map((v,j)=>j===i?{...v,open:true}:v))}}>{c.open?(c.mine?"💣":((i*7)%4||"")):""} )}
{dead&&
Mine encountered. Your paperwork survives. }
}
-function Snake(){return
◆ ◆ ◆ ◆ ●
SNAKE.EXE
NEW GAME Use arrow keys. Imagine it is moving very carefully.
}
-function Ants({count,generation,clear}:{count:number;generation:number;clear:()=>void}){const ref=useRef
(null);const[pointer,setPointer]=useState({x:50,y:50});return setPointer({x:e.clientX/innerWidth*100,y:e.clientY/innerHeight*100})}>{Array.from({length:count},(_,i)=>{const p=antPosition(i,count);const flee=Math.hypot(p.x-pointer.x,p.y-pointer.y)<12;return
})}
⚠ Ant infestation detected Source: final_final_v7_REAL.txt
;
+ const os = saved.os ? windowReducer(initialOSState, { type: "hydrate", state: saved.os, viewport: { width: innerWidth, height: innerHeight } }) : initialOSState;
+ return { os, prefs: { ...defaultPrefs, ...saved.prefs } };
+ }
+ } catch {}
+ return { os: initialOSState, prefs: defaultPrefs };
+}
+
+export default function MaxwellOS() {
+ const session = useRef(null);
+ const boot = () => (session.current ??= loadSession());
+ const [os, dispatch] = useReducer(windowReducer, undefined, () => boot().os);
+ const [prefs, setPrefs] = useState(() => boot().prefs);
+ const [start, setStart] = useState(false);
+ const [menu, setMenu] = useState<{ x: number; y: number } | null>(null);
+ const [ants, setAnts] = useState({ active: false, count: 0, generation: 0 });
+ const [clock, setClock] = useState("");
+ const top = topWindow(os);
+
+ const open = useCallback((id: AppId, payload?: WindowPayload, title?: string) => {
+ const meta = apps.find((a) => a.id === id)!;
+ dispatch({ type: "open", app: id, title: title ?? meta.title, payload, size: meta.size });
+ setStart(false);
+ setMenu(null);
+ }, []);
+ const api: OSApi = {
+ open,
+ close: (id) => dispatch({ type: "close", id }),
+ release: () => setAnts((s) => ({ active: true, count: Math.max(s.count, 18), generation: s.generation })),
+ exit: () => location.assign("/"),
+ prefs,
+ setPrefs,
+ };
+
+ useEffect(() => { try { localStorage.setItem(STORAGE, JSON.stringify({ os, prefs })); } catch {} }, [os, prefs]);
+ useEffect(() => { const tick = () => setClock(new Date().toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })); tick(); const id = setInterval(tick, 1000); return () => clearInterval(id); }, []);
+ useEffect(() => { if (!ants.active) return; const id = setInterval(() => setAnts((s) => ({ ...s, count: Math.min(80, s.count + 12) })), 3500); return () => clearInterval(id); }, [ants.active]);
+ useEffect(() => {
+ const key = (event: KeyboardEvent) => {
+ const editing = /INPUT|TEXTAREA/.test((event.target as HTMLElement)?.tagName ?? "");
+ if (event.key === "Tab" && (event.altKey || event.ctrlKey)) { event.preventDefault(); dispatch({ type: "cycle", direction: event.shiftKey ? -1 : 1 }); return; }
+ if (event.key !== "Escape") return;
+ if (start || menu) { setStart(false); setMenu(null); return; }
+ if (editing) { (event.target as HTMLElement).blur(); return; }
+ const current = topWindow(os);
+ if (current) dispatch({ type: "close", id: current.id }); else location.assign("/");
+ };
+ addEventListener("keydown", key);
+ return () => removeEventListener("keydown", key);
+ }, [os, start, menu]);
+
+ const scheme = schemeById(prefs.scheme);
+ const wallpaper = wallpaperById(prefs.wallpaper);
+ const rootStyle = { "--os-desktop": scheme.desktop, "--os-face": scheme.face, "--os-title-a": scheme.titleA, "--os-title-b": scheme.titleB, "--os-text": scheme.text, "--os-link": scheme.link, backgroundImage: wallpaper.css } as React.CSSProperties;
+ const openIcon = (id: AppId) => (event: React.MouseEvent) => { if (matchMedia("(hover: none)").matches || event.detail >= 2) open(id); };
+
+ return (
+ { if (menu) setMenu(null); if (start) setStart(false); }} onContextMenu={(e) => { if ((e.target as HTMLElement).closest(`.${styles.window}`)) return; e.preventDefault(); setMenu({ x: e.clientX, y: e.clientY }); }}>
+ MAXWELLPROFESSIONAL
+
+ {DESKTOP_ICONS.map((id) => { const a = apps.find((x) => x.id === id)!; return
e.key === "Enter" && open(id)}>{a.title} ; })}
+
a.id === w.app)?.icon ?? "?"}>
+
+ ))}
+ {ants.active && setAnts((s) => ({ active: false, count: 0, generation: s.generation + 1 }))} />}
+ {menu && open("files")}>Open open("terminal")}>Command Prompt
open("settings")}>Properties setMenu(null)}>Refresh }
+
+
{ e.stopPropagation(); setStart(!start); }}>▦ Start
+ {os.windows.map((w) =>
dispatch(top?.id === w.id && !w.minimized ? { type: "minimize", id: w.id } : { type: "focus", id: w.id })}> a.id === w.app)?.icon ?? "?"} small />{w.title} )}
+
{ants.active ? `⚠ ANTS ${ants.count}` : "VOL"} {clock}
+
e.stopPropagation()}>
+
+
+ {apps.filter((a) => !["settings", "help"].includes(a.id)).map((a) =>
open(a.id)}>› )}
+
+
open("settings")}>›
+
open("help")}>›
+
+
Shut Down...
+
+
+ );
+}
+
+type Drag = { mode: "move" | "resize"; startX: number; startY: number; x: number; y: number; width: number; height: number };
+
+function WindowFrame({ w, active, dispatch, icon, children }: { w: OSWindow; active: boolean; dispatch: React.Dispatch[1]>; icon: string; children: React.ReactNode }) {
+ const drag = useRef(null);
+ const begin = (mode: Drag["mode"], e: ReactPointerEvent) => {
+ if (w.maximized || (e.target as HTMLElement).closest("button")) return;
+ if (e.button !== 0) return;
+ e.currentTarget.setPointerCapture(e.pointerId);
+ drag.current = { mode, startX: e.clientX, startY: e.clientY, x: w.x, y: w.y, width: w.width, height: w.height };
+ };
+ const track = (e: ReactPointerEvent) => {
+ const d = drag.current;
+ if (!d) return;
+ const dx = e.clientX - d.startX, dy = e.clientY - d.startY;
+ if (d.mode === "move") dispatch({ type: "move", id: w.id, x: Math.min(innerWidth - 80, d.x + dx), y: Math.min(innerHeight - 90, d.y + dy) });
+ else dispatch({ type: "resize", id: w.id, width: d.width + dx, height: d.height + dy });
+ };
+ const end = () => { drag.current = null; };
+ const frame = w.maximized ? { zIndex: w.z } : { left: w.x, top: w.y, width: w.width, height: w.height, zIndex: w.z };
+ return (
+ !active && dispatch({ type: "focus", id: w.id })} aria-label={w.title}>
+ begin("move", e)} onPointerMove={track} onPointerUp={end} onPointerCancel={end} onDoubleClick={() => dispatch({ type: "maximize", id: w.id })}>
+ {w.title}
+ dispatch({ type: "minimize", id: w.id })}>_ dispatch({ type: "maximize", id: w.id })}>{w.maximized ? "❐" : "□"} dispatch({ type: "close", id: w.id })}>×
+
+ {children}
+ {!w.maximized && begin("resize", e)} onPointerMove={track} onPointerUp={end} onPointerCancel={end} />}
+
+ );
+}
+
+function App({ w, api }: { w: OSWindow; api: OSApi }) {
+ const path = w.payload?.path;
+ switch (w.app) {
+ case "files": return Starting Maxwell OS…
});
+
+export default function MaxwellOSLoader() { return onPick(path)} aria-current={here ? "location" : undefined}>
+ {depth < 2 && folders.map((f) => (() => (path && traverse(path)?.kind === "folder" ? path : []));
+ const [selected, setSelected] = useState(null);
+ const node = traverse(cwd) ?? FILESYSTEM;
+ const items = node.children ?? [];
+ const up = () => { setCwd(cwd.slice(0, -1)); setSelected(null); };
+ const go = (p: string[]) => { setCwd(p); setSelected(null); };
+ const keys = (e: KeyboardEvent) => { if (e.key === "Backspace" && cwd.length) { e.preventDefault(); up(); } };
+ return (
+
+
⬆ Up Address
+
+
+
+ {items.length === 0 &&
This folder is empty.
}
+ {items.map((item) => {
+ const p = [...cwd, item.name];
+ const act = () => openNode(api, p, item, go);
+ return
{ setSelected(item.name); if (isTouch() || e.detail >= 2) act(); }} onKeyDown={(e) => e.key === "Enter" && act()}>{item.name} ;
+ })}
+
+
+
{items.length} object{items.length === 1 ? "" : "s"} {selected ? (traverse([...cwd, selected])?.content ?? "").split("\n")[0].slice(0, 60) : <>Double-click to open. Backspace goes up. Tap to open. }
+
+
+
api.open("files", { path: path?.slice(0, -1) ?? [] })}>File
+ {href && (href.startsWith("/") ?
Open in portfolio ↗ :
Open link ↗ )}
+
{dirty ? "Edited (not saved: pretend disk)" : node ? "Read-only copy" : "Untitled"}
+
+