Add TapApp Studio single-file no-code UI builder (index.html)

[reodesureodesu]

Motivation

• Provide a single-file in-browser no-code UI builder to quickly prototype mobile/WEB UIs with drag/drop, inline editing and AI-assisted layout generation.
• Support both OpenAI and Hugging Face inference APIs so users can generate initial layouts from a natural-language prompt.
• Persist editor state and API settings to localStorage for resume/edit workflows and enable JSON export for portability.

Description

• Adds a new index.html that implements a complete TapApp Studio UI including layout, styles, and client-side logic in a single file.
• Implements element types (heading, text, button, input, card) with drag-and-drop reorder, inline editing, duplicate, move up/down, add/delete, and live style controls (bg, color, radius, padding, fontSize).
• Adds AI integration functions callOpenAI and callHF to fetch JSON-only layout responses, extractJson/applyGenerated to parse and apply results, and a fallback template when parsing fails.
• Adds persistence and utilities: saveState/loadState using localStorage, JSON export, a Vercel deploy guide alert, and a small bootstrapping routine to restore saved settings.

Testing

• No automated tests were added or executed for this change; CI/test suite remains unchanged.

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
app-generate-app	Ready	Preview, Comment	Mar 4, 2026 10:24pm

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 23c9be726e

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Guard startup state parsing against invalid localStorage

The bootstrap path parses tapapp-state without a try/catch, so any malformed value in localStorage (for example from manual edits, browser extensions, or stale data from older builds) throws synchronously and prevents the app from rendering at all. This makes the whole editor unavailable until the user manually clears storage.

Useful? React with 👍 / 👎.

[reodesureodesu]

👍️