🎨 Floating UI Designer v3 β€” quoting, import & registry fixed

Design floating buttons, menus & panels β†’ live preview β†’ copy validated floating-add commands for the WebX11 newOS4 terminal
βœ… Syntax verified against FloatingModule source code (2026-10-17): menu items are space-separated and use two colons β€” btn:Label:command.
Old pipe syntax (btn:Label|cmd) was wrong and silently produced broken menus. Multi-word labels/commands are auto-quoted here (btn:"My Label":"cmd with args") β€” tested live in the real terminal and confirmed working.
v3 (2026-10-17): auto-quoting, import/preset parsing, ID slugs and the full 344-command registry verified against the live terminal (v4.6.26).

1 Β· Real grammar (from the module's parser)

button: floating-add btn <id> "label" <command> [args...]
menu:   floating-add menu <id> "label" btn:Label:cmd btn:Label2:cmd2 ...
panel:   floating-add panel <id> "title" "content"
⚠ an item with ONE colon (btn:Files) is dropped β†’ "No valid sub-buttons"
⚠ menu items may NOT contain bare spaces β€” quote them: btn:"A B":ls

2 Β· Design your element

3 Β· Presets (all commands verified real)

4 Β· Command palette

aiβœ“ aiAsk the AI assistant
aiβœ“ askAsk the AI assistant
aiβœ“ ai-clearClear AI context
aiβœ“ ai-systemAI system prompt
aiβœ“ ai-contextAI context info
aiβœ“ ai-allowAllow AI command
aiβœ“ ai-denyDeny AI command
aiβœ“ ai-ignoreIgnore AI command
aiβœ“ ai-configAI configuration (user-verified)
aiβœ“ chatOpen chat studio
aiβœ“ debugOpen debug panel
aiβœ“ debug-aiAI debug panel
agentsβœ“ agent-listList registered agents
agentsβœ“ agent-statusAgent status
agentsβœ“ agent-registerRegister agent
agentsβœ“ agent-unregisterUnregister agent
agentsβœ“ contract-listList A2A contracts
agentsβœ“ orchestrateRun orchestrator
agentsβœ“ orchestrator-statusOrchestrator status
agentsβœ“ orchestrator-spawnSpawn orchestrator
agentsβœ“ orchestrator-killKill orchestrator
aiβœ“ webxaiWebX AI alias
aiβœ“ wxWebX AI alias
filesβœ“ lsList current directory
filesβœ“ catRead a file
filesβœ“ putWrite a file
filesβœ“ rmDelete a file
filesβœ“ trashTrash a file
filesβœ“ trash-dirTrash a directory
filesβœ“ ls-trashList trash
filesβœ“ empty-trashEmpty trash
filesβœ“ nvfs-indexBuild neural VFS index
filesβœ“ nvfs-statusNeural VFS status
filesβœ“ nvfs-resolveSemantic file search
filesβœ“ nvfs-treeConcept tree
filesβœ“ saveSave VFS snapshot
filesβœ“ loadLoad VFS snapshot
filesβœ“ importImport VFS
systemβœ“ helpCommand reference
systemβœ“ echoPrint text
systemβœ“ memMemory usage
systemβœ“ statusSystem status
systemβœ“ previewPreview a file
systemβœ“ logsSystem logs
systemβœ“ clearClear terminal
systemβœ“ cdChange directory
systemβœ“ modulesList modules
systemβœ“ listmodsList modules
systemβœ“ loadmodLoad a module
systemβœ“ removemodRemove a module
systemβœ“ startup-modulesManage startup modules
systemβœ“ configConfig manager
systemβœ“ config-listList config
systemβœ“ config-setSet config key
systemβœ“ config-exportExport config
systemβœ“ factory-resetFull reset (destructive)
toolsβœ“ jsRun JavaScript
toolsβœ“ js-runRun JavaScript
toolsβœ“ nodeRun JavaScript
toolsβœ“ guiSimple GUI
toolsβœ“ gui-buttonGUI button
toolsβœ“ gui-inputGUI input
toolsβœ“ gui-textGUI text
toolsβœ“ gui-clearClear GUI
toolsβœ“ gui-runRun GUI actions
toolsβœ“ ollamaOllama manager
toolsβœ“ ollamaconnectConnect Ollama
toolsβœ“ ollamamodelsList Ollama models
toolsβœ“ ollamasetmodelSet Ollama model
toolsβœ“ modelsList LLM models
toolsβœ“ model-infoModel info
toolsβœ“ analyzeMedia analyze
agentsβœ“ lease-listList leases
networkβœ“ fetchFetch a URL
networkβœ“ webFetch a URL
networkβœ“ extractExtract URL content
networkβœ“ searchWeb search
networkβœ“ sWeb search (short)
networkβœ“ imagesImage search
networkβœ“ videosVideo search
networkβœ“ serverServer monitor
networkβœ“ serversList servers
networkβœ“ server-checkCheck server
networkβœ“ monitorMonitor system
networkβœ“ system-healthSystem health
securityβœ“ secret-listList secrets
securityβœ“ secret-statusSecret vault status
securityβœ“ secret-setStore a secret
securityβœ“ secret-getRead a secret
securityβœ“ secret-lockLock vault
securityβœ“ secret-unlockUnlock vault
securityβœ“ securitySecurity info
securityβœ“ security-levelSecurity level
securityβœ“ cmd-allowAllow a command
securityβœ“ cmd-denyDeny a command
uiβœ“ floating-addAdd floating element
uiβœ“ floating-removeRemove element
uiβœ“ floating-listList elements
uiβœ“ floating-posPosition element
uiβœ“ floating-toggleShow/hide element
uiβœ“ floating-clearRemove ALL elements
files⚠ filesFile manager UI
files⚠ editOpen file editor
files⚠ findFind files
ui⚠ themeChange theme
ui⚠ mindmapCreate mindmap
ui⚠ svgRender SVG
tools⚠ calcCalculator
tools⚠ dateShow date
tools⚠ envEnvironment vars
tools⚠ whichLocate command
tools⚠ diffDiff files
tools⚠ gzipGzip file
tools⚠ gunzipUngzip file
tools⚠ encryptEncrypt file
tools⚠ decryptDecrypt file
network⚠ webdav-statusWebDAV status
network⚠ webdav-lsWebDAV listing
network⚠ webdav-pushPush to WebDAV
network⚠ webdav-pullPull from WebDAV
system⚠ cron-listList cron jobs
system⚠ wpmPackage manager
tools⚠ voiceVoice control
system⚠ aliasManage aliases
βœ“ = real terminal command (all default modules auto-load) Β· ⚠ = unknown, routes to the AI Β· click to insert into the form Β· search is case-insensitive.

5 Β· Import existing command

Live preview

newOS4 β€” mock terminal
webx11@newos4:~$ floating-list
… your draft renders bottom-right (dashed = draft) …
Menus expand on click in the preview. The real UI also lets you drag elements by their header/button; position is saved automatically.

Generated command + validation

floating-add btn my-button "πŸ†•" status
βœ“ "status" is a real terminal command
πŸ–₯ Open newOS4 terminal β†—

Collection (0)

Paste the copied block into the newOS4 terminal to install everything at once.