N
Mac Native
Apple shell · Speech · Vision · haptics. Lane in code: Swift / Tauri native helpers. Dock language: Native.
Features · live implementations
Each lab mounts the same Family Office kit file the consoles ship. Interact with it. Read the mount attribute and source path under the demo.
01 · Three.js
Procedural mesh — body, lid, chrome handle, latches, feet. ACES filmic. Pointer dolly. Not a stock torus knot.
Mount<div data-fo-depth-rich data-hue="28"></div> <script type="module" src="/family-office-kit/fo-depth-rich.js"></script> Sourcescripts/apple/resources/family-office-kit/fo-depth-rich.js scripts/apple/resources/family-office-kit/vendor/three/three.module.min.js
02 · FO Stage
Multi-slide wall with Web Animations layer entrances, Ken Burns glows, progress bar. Same fo-stage.js as home.
Mount<div data-fo-stage data-autoplay="5500"> <div data-slide>… <div data-layer data-delay="100">…</div></div> </div> <script src="/family-office-kit/fo-stage.js" defer></script> Sourcescripts/apple/resources/family-office-kit/fo-stage.js API: window.FoStage.mount(el) · .next() · .prev() · .go(i)
03 · Infinite canvas
Drag the world. Scroll/pinch to zoom. Nodes from real product surfaces — not placeholder lorem.
Drag · scroll/pinch · FO Infinite Canvas
Mount<div data-fo-infinite-canvas id="features-canvas"></div> const api = FoInfiniteCanvas.mount(el); api.add({ x: 40, y: 60, w: 240, h: 140, html: "…" }); api.panTo(400, 280, 0.85); Sourcescripts/apple/resources/family-office-kit/fo-infinite-canvas.js sites/thebriefcase.app/js/features-labs.js ← seeds this lab
04 · FoScene
Replay the entrance choreography. Spec shape is the same as Briefcase console hero scenes.
FoScene · entrance
Staggered opacity + transform on real DOM nodes.
Spec{ "scenes": [{ "id": "lab", "trigger": "manual", "layers": [ { "target": "#lab-sc-title", "timeline": [{ "at": 0, "duration": 800, "easing": "fo-cinematic", "props": { "opacity": [0,1], "transform": ["translateY(20px)","none"] } }] } ] }] } Sourcescripts/apple/resources/family-office-kit/fo-scene-engine.js FoScene.play(spec) · easings: fo-cinematic · fo-liquid · fo-drift · fo-snap
05 · FoToast
Same toast wall consoles use. Fire real toasts — not a CSS mock.
APIFoToast.show({ title: "Suite Get", body: "Pockit Universal App installed into The Briefcase App folder.", duration: 4500 }); Sourcescripts/apple/resources/family-office-kit/fo-console-toast.js scripts/apple/resources/family-office-kit/fo-console-toast.css
06 · Haptics · comet tips
Click with haptic attribute. Hover for comet tooltips (same as Father chrome).
Markup<button data-fo-haptic="tap" data-comet-tip="Line one Line two">… Sourcescripts/apple/resources/family-office-kit/fo-haptics.js scripts/apple/resources/family-office-kit/fo-comet-tooltip.js
07 · Host-only seed
Not a metaphor. Product folder law + installer targets from the monorepo.
Product folder (default)~/Applications/The Briefcase App/ The Briefcase.app ← host only suite.manifest.json ← inventory /Applications/The Briefcase App/ ← same law Not preloadedNo Pockit / Studio / Voice apps until Suite Get No warehouse dump into the product folder Make · scriptsmake package-the-briefcase-app make briefcase-install-gui make stamp-briefcase-identity make install-the-briefcase-app-folder scripts/apple/package-the-briefcase-app.sh scripts/apple/stamp-briefcase-product-identity.sh docs/briefcase/HOW-BRIEFCASE-FOLDER-AND-SUITE-INSTALLER-WORK.md docs/briefcase/INSTALL-PACKAGE.md
Suite Get (in-app)The Briefcase → Suite tab Get · Ensure · Open Same surface as apps.localhost catalog Get = install Console/Native into product folder Open = Web door · zero disk footprint Artifactsdist/the-briefcase-app/ The-Briefcase-App-<ver>.pkg The-Briefcase-App-<ver>.dmg SHA256SUMS Marketing download routes: /downloads/The-Briefcase-App-latest.pkg /downloads/The-Briefcase-App-latest.dmg
08 · Three Suits
Operator language, not engine names. Auto-detect open: Mac Native → Universal App → Web App.
Apple shell · Speech · Vision · haptics. Lane in code: Swift / Tauri native helpers. Dock language: Native.
Desktop host / Father stamp. Lane: Tauri + FO kit HTML. Dock language: Console.
Web App — door / browser / PWA. Portable UI is the product. Zero install. Open only.
Footprint auto-openWhen reducing dock clutter, open first available: 1. Native (installed) 2. Console (installed) 3. Web (always) DoctrineNephew/Understandings/Pockit/0011-three-suits-one-door-chrome-updates.md lang: Three Suits · Mac Native · Universal App · Web App (engines stay swift · tauri · web_boot)
09 · Channels
Wired in js/downloads.js — not fake buttons.
Configsites/thebriefcase.app/js/downloads.js webPublic · webLocal · testflight · testflightReady latest .pkg/.dmg via server.mjs → dist/the-briefcase-app/ iOS lawRL-IOS-TF-001 — agents prepare bill; operator archives to TestFlight
10 · Kit inventory
Served at /family-office-kit/* from this site’s server.mjs.
Loading kit listing…
Servesites/thebriefcase.app/server.mjs ROOT = sites/thebriefcase.app FO_KIT = scripts/apple/resources/family-office-kit GET /family-office-kit/* → FO_KIT Opt-in cinemahtml[data-fo-cinema] → fo-cinematic-ux + fo-audio-bed Consoles stay clean without that attribute.