diff --git a/apps/web/home.ts b/apps/web/home.ts index 60fd089..fc50bf5 100644 --- a/apps/web/home.ts +++ b/apps/web/home.ts @@ -1,24 +1,22 @@ import { LitElement, html, css } from 'lit'; -type InstallKind = 'plugin' | 'http'; +const AGENT_PROMPT = `Add this MCP and follow the skill so you can render real UI forms for me instead of asking in chat. -const INSTALL_COMMANDS: Record = { - plugin: '/plugin marketplace add blockful/pagent\n/plugin install pagent@pagent', - http: 'claude mcp add --scope project --transport http pagent "https://pagent.up.railway.app/mcp"', -}; +MCP: https://pagent.up.railway.app/mcp +Skill: https://raw.githubusercontent.com/blockful/pagent/main/skills/pagent/SKILL.md`; class HomePage extends LitElement { static properties = { copied: { state: true }, }; - declare copied: InstallKind | null; + declare copied: boolean; private _copyTimer: ReturnType | null = null; constructor() { super(); - this.copied = null; + this.copied = false; } disconnectedCallback() { @@ -26,16 +24,16 @@ class HomePage extends LitElement { if (this._copyTimer) clearTimeout(this._copyTimer); } - private async _onCopy(which: InstallKind) { + private async _onCopy() { try { - await navigator.clipboard.writeText(INSTALL_COMMANDS[which]); + await navigator.clipboard.writeText(AGENT_PROMPT); } catch { // clipboard may be unavailable (insecure context); still flash UX } - this.copied = which; + this.copied = true; if (this._copyTimer) clearTimeout(this._copyTimer); this._copyTimer = setTimeout(() => { - this.copied = null; + this.copied = false; }, 1800); } @@ -200,7 +198,7 @@ class HomePage extends LitElement { .install { margin-top: 44px; - max-width: 640px; + max-width: 720px; background: #15140f; color: #ebe2d2; border-radius: 12px; @@ -278,6 +276,12 @@ class HomePage extends LitElement { white-space: pre; overflow-x: auto; } + .install-body.is-prompt { + font-size: 13px; + line-height: 1.65; + white-space: pre-wrap; + word-break: break-word; + } .install-body .prompt { color: var(--accent); user-select: none; @@ -507,49 +511,18 @@ class HomePage extends LitElement {
- Install · Claude Code + Install · Any agent
-
/plugin marketplace add blockful/pagent
-/plugin install pagent@pagent
-
- Verify with /mcp — you'll see show_ui & - check_result. -
-
- -
-
- Or via HTTP · any MCP client - -
-
claude mcp add --scope project --transport http pagent "https://pagent.up.railway.app/mcp"
-
- Same tools, no local install. Works with Codex, OpenCode, Cursor, Cline, anything - that speaks streamable HTTP MCP. -
+
${AGENT_PROMPT}