mirror of
https://github.com/HeyPuter/puter.git
synced 2026-08-23 22:47:19 +00:00
Nariman Jelveh
73a7a38ea8
* Dashboard: redesign app control pill as a top-edge drawer The floating control capsule over headless dashboard apps consumed noticeable space, especially on mobile. Replace it with a drawer: a slim glass tray flush with the top edge (icon + title + minimize + close) whose tongue-shaped handle hangs from its bottom center. At rest only the tongue peeks in from the edge; hovering it (mouse), tapping it, or keyboard-focusing the drawer slides the tray down. The collapse is a single GPU transform instead of the pill's max-width squeezes, and the open-then-retract intro now visibly retracts into the tongue, teaching where the controls live. Hover-expansion is gated on pointerType === 'mouse': touch taps synthesize a pointerenter right before click, which made the old pill's toggle see an already-open state and shut it again. Also fixes two window-stacking bugs surfaced while testing: - showWindow demoted stay_on_top windows (every fullpage/dashboard app window, created in the 99999999+ z band) to a plain counter z-index on restore. focusWindow deliberately never raises stay_on_top windows, so after minimize/restore a single dashboard focus buried the app permanently. Restore now re-raises into the stay-on-top band. - Pressing the drawer now focuses its window, as the titlebar it replaces did. The document-level activation handler works off mouseover_window, which only mousemove refreshes — a tap with no intervening mousemove (touch, restored windows) would re-raise the dashboard over the app. * Dashboard: restored windows come back with the drawer collapsed The restore re-played the open intro (expand + auto-retract). A restore should bring back the app, not the chrome — the user already met the controls on open, and they just USED them to minimize. showWindow now forces the drawer shut instead, which also covers the Back-button minimize path, where the window hides without touching drawer state. * Dashboard drawer: left-align the title against the icon The tray is asymmetric — one icon on the left, two buttons on the right — so a title centered in its fixed box landed off the tray's true center and read as misaligned against the centered tongue below. Left-aligned, icon + title cluster as the identity on the left and the controls cluster on the right. * Dashboard drawer: morph the tongue into the tray instead of sliding The drawer is now ONE glass surface that changes shape, rather than a tray that slides in from off-screen with a handle below it. At rest it's the tongue; opened, the same surface swells into the tray while the grabber bar rides the morph and settles into a slim strip along the tray's bottom edge as the dismiss handle — same handle, both states. Content is revealed from the center outward through an inner clipping layer (the surface itself can't be overflow:hidden without clipping the toggle's touch halo) and condenses in/out of focus with an opacity + blur + scale crossfade. Opening gets a soft overshoot and settles; closing is quicker and lands without bounce. The open width is DERIVED in CSS from the same part variables that lay out the controls row, so the surface always fits its content exactly and breakpoints (touch sizes, hidden title under 500px) only override parts. * Refine dashboard drawer open-state handle Update the headless dashboard app drawer so the grabber bar disappears when the drawer is open and only the bottom dismiss strip remains interactive. This adjusts tray/strip sizing on desktop and mobile, adds opacity timing for smooth dissolve/reappear transitions during open/close, and aligns in-code docs/comments with the new behavior.
The Open-Source Internet Computer!
« LIVE DEMO »
Puter.com
·
App Store
·
Developers
·
Discord
·
Reddit
·
X
Puter
Puter is an advanced, open-source, self-hostable internet computer designed to be feature-rich, fast, and highly extensible.
For Users
Puter's goal is to provide you with every app and feature you need to work, create, and play under one roof. From a simple Notepad and Voice Recorder to Spreadsheet and Camera, Puter wants to be the all-in-one solution for your digital life.
For Developers
Puter provides everything you need to build and publish web apps and games. From AI to Cloud Storage and Database to Serverless Workers, Puter has you covered. Puter also helps you get users! Once you build your app, you can publish it on our App Store to reach and monetize users.
Getting Started
💻 Local Development
git clone https://github.com/HeyPuter/puter
cd puter
npm install
npm start
→ This should launch Puter at http://puter.localhost:4100
🚀 Self-Hosting
Linux/macOS
curl -fsSL https://puter.com/selfhost | sh
Windows
irm https://puter.com/selfhost?os=windows | iex
→ For more details, see Self-Hosting Puter.
☁️ Puter.com
Puter is available as a hosted service at puter.com.
Support
Connect with the maintainers and community through these channels:
- Bug report or feature request? Please open an issue.
- Discord: discord.com/invite/PQcx7Teh8u
- X (Twitter): x.com/HeyPuter
- Reddit: reddit.com/r/puter/
- Mastodon: mastodon.social/@puter
- Security issues or abuse reports? security@puter.com
- Email maintainers at hi@puter.com
We are always happy to help you with any questions you may have. Don't hesitate to ask!
License
This repository, including all its contents, sub-projects, modules, and components, is licensed under AGPL-3.0 unless explicitly stated otherwise. Third-party libraries included in this repository may be subject to their own licenses.
Translations
- Arabic / العربية
- Armenian / Հայերեն
- Bengali / বাংলা
- Chinese / 中文
- Danish / Dansk
- English
- Farsi / فارسی
- Finnish / Suomi
- French / Français
- German / Deutsch
- Hebrew/ עברית
- Hindi / हिंदी
- Hungarian / Magyar
- Indonesian / Bahasa Indonesia
- Italian / Italiano
- Japanese / 日本語
- Korean / 한국어
- Malay / Bahasa Malaysia
- Malayalam / മലയാളം
- Polish / Polski
- Portuguese / Português
- Punjabi / ਪੰਜਾਬੀ
- Romanian / Română
- Russian / Русский
- Spanish / Español
- Swedish / Svenska
- Tamil / தமிழ்
- Telugu / తెలుగు
- Thai / ไทย
- Turkish / Türkçe
- Ukrainian / Українська
- Urdu / اردو
- Vietnamese / Tiếng Việt