@@ -1,21 +1,129 @@
 # Mindwire
 
-**One agent. Bring your subscriptions.**
+**Your product. Powered by agents.**
 
-Mindwire is your personal agent for everyday work and coding. Bring your supported AI
-subscriptions, connect your computer, and put it to work from your Mac, iPhone or iPad.
+Mindwire is an open-source SDK and runtime for building products that can create things and
+carry out work. Connect agents like Codex, Claude Code, and OpenCode to your application's
+tools, files, and knowledge. Give them a goal. Present the work in your own interface, under
+your own brand.
 
-- **Get everyday work done.** Organize files, process data, prepare documents, and automate repetitive tasks.
-- **Build from anywhere.** Write and review code, manage projects, and use a full terminal.
-- **Keep work moving.** Start a task, close the app, and come back to the result while your computer stays online.
-- **Stay in control.** Follow progress, answer questions, and approve actions along the way.
-- **Work where you want.** Use your computer, a server, or a cloud workspace.
+Build on agents that already know how to plan, write code, use tools, and execute tasks.
+Focus on the experience only your product can offer.
 
-[Download for Mac](https://github.com/oblien/mindwire/releases/latest/download/Mindwire.dmg) ·
-[Get started](https://mindwire.sh/get-started) · [Documentation](https://mindwire.sh/docs) ·
-[Account & Cloud portal](https://console.mindwire.sh)
+[Website](https://mindwire.sh) · [Quickstart](https://mindwire.sh/docs/guides/quickstart) ·
+[Documentation](https://mindwire.sh/docs) · [TypeScript SDK](packages/sdk) ·
+[Go SDK](packages/daemon/sdk)
 
-[Development](CONTRIBUTING.md) · [Runtime installation](https://mindwire.sh/docs/guides/destinations) ·
+![A product workspace turning a launch brief into a landing page, campaign assets, and an assigned task plan.](docs/assets/product-creation.png)
+
+*The [homepage demo](https://mindwire.sh/#in-action) illustrates one request becoming a complete
+project. Its build sequence is simulated; the page, poster, and task-plan outputs work and can
+be downloaded.*
+
+## Build things your users can use
+
+Bring the tools and source material. Let users ask for an outcome inside your product:
+
+- **A brief becomes a launch.** Build a responsive website, create campaign files, and prepare
+  an assigned rollout plan.
+- **Data becomes a working tool.** Turn a spreadsheet into an interactive dashboard or a small
+  application your users can explore and use.
+- **Research becomes a finished artifact.** Work through documents, compare findings, and
+  produce a report, presentation, or export grounded in the supplied material.
+- **A request becomes completed work.** Plan the steps, edit files, run checks, call your
+  application's tools, and bring the results back into its workspace.
+
+These are experiences you build on Mindwire. Your application supplies the tools, context,
+permissions, and interface that make them useful.
+
+## Your brand, tools, and way of working
+
+| Capability | What it gives your product |
+| --- | --- |
+| **Your interface** | Embed agent work in your editor, dashboard, app builder, or workspace. Your users stay in your product. |
+| **Your tools** | Connect product operations through MCP: read data, create resources, update projects, and save results. |
+| **Your context and goals** | Supply files, knowledge, instructions, and skills that shape how the work gets done. |
+| **Live progress** | Stream text, tool activity, native task events, and results through a shared event format. |
+| **Human input** | Present supported questions and approvals in your own UI, and cancel work when needed. |
+| **Sessions and automation** | Keep conversation history, resume supported sessions, and start work on demand, on a schedule, or from your backend. |
+
+Mindwire manages native agent connections, execution, authentication, and event translation.
+You decide what the product can do and how people use it. Capabilities vary by agent;
+[the compatibility guide](packages/daemon/HARNESSES.md) documents the supported surfaces.
+
+## Start building
+
+```sh
+npm install mindwire
+```
+
+The TypeScript SDK starts a local runtime for you on a server runtime such as Node.js or Bun.
+Set up and [authenticate your chosen agent](https://mindwire.sh/docs/guides/authentication),
+then run this from a project containing `launch-brief.md` and its source assets:
+
+```ts
+import { Mindwire } from "mindwire";
+
+const mw = new Mindwire({ agent: "codex" });
+
+try {
+  const run = await mw.turn({
+    chatId: "launch-project",
+    cwd: process.cwd(),
+    message:
+      "Read launch-brief.md and the supplied assets. Build a responsive landing " +
+      "page, create an SVG campaign poster, and write an assigned launch plan. " +
+      "Save the results in ./output and check your work.",
+  });
+
+  for await (const event of run) {
+    if (event.type === "text") process.stdout.write(event.text ?? "");
+    if (event.type === "tool_use") console.log("Tool:", event.tool?.name);
+  }
+
+  await run.wait(); // Surface a failed or cancelled outcome.
+} finally {
+  await mw.close();
+}
+```
+
+Use the same execution model through the [Go SDK](packages/daemon/sdk) or
+[REST API](https://mindwire.sh/docs/reference/rest/turns-runs/post-turns). Add your
+[product tools](https://mindwire.sh/docs/guides/mcp), route
+[questions and approvals](https://mindwire.sh/docs/guides/interaction) into your UI, and stream
+the work back to your users. The [quickstart](https://mindwire.sh/docs/guides/quickstart) covers setup.
+
+## Native agents, one integration
+
+Adapters are included for **Codex, Claude Code, OpenCode, Grok, Cursor, and Antigravity**.
+Each uses its native protocol behind the shared SDK and runtime API. Select the agent per
+client or per task, with the authentication methods and capabilities that agent supports.
+
+Cursor and Antigravity are newly added adapters; authenticated model-turn and OAuth
+qualification is still in progress. See [versions, capabilities, and validation](packages/daemon/HARNESSES.md)
+before choosing an adapter for production.
+
+## Build, run, and use Mindwire
+
+| Part | Purpose |
+| --- | --- |
+| **[SDKs and runtime](https://mindwire.sh/sdk)** | The foundation for your own agent-powered product. TypeScript, Go, and REST. |
+| **[Cloud](https://mindwire.sh/cloud)** | Optional Cloud Computer hosting. You can also run locally, on a server, or in a container you manage. |
+| **[Mindwire app](https://mindwire.sh/app)** | A first-party Mac, iPhone, and iPad client built on the same runtime, with General and Developer experiences. |
+
+Your integration does not require the Mindwire app or Cloud. Agent access comes from the
+account or API credentials supported by the selected provider. Scheduled work runs while
+its runtime host remains available.
+
+## Develop and contribute
+
+[Contributing and local development](CONTRIBUTING.md) ·
+[Runtime internals](https://mindwire.sh/docs/concepts/internals) ·
+[Runtime destinations](https://mindwire.sh/docs/guides/destinations) ·
 [SaaS source deployment](docker/README.md)
 
-Runtime and SDKs: Apache-2.0. Apple app: source-available. [License details](LICENSING.md).
+## License
+
+The runtime, SDKs, website, and Console are **Apache-2.0**. The Apple app is **source-available**
+under its own license. Independently written products can use the open-source SDKs and runtime.
+See [license details](LICENSING.md).
@@ -1,6 +1,6 @@
 # @mindwire/web
 
-Mindwire’s mobile product site and developer documentation. Built with Next.js App
+Mindwire’s SDK/runtime product site, app showcase, and developer documentation. Built with Next.js App
 Router, React, Tailwind CSS, and Fumadocs. The Node deployment uses Next’s
 `standalone` output.
 
@@ -28,8 +28,11 @@ are not used.
 
 ## Product pages
 
-- `/`: personal-bot hero, interactive everyday creations, General / Developer mode explorer, computer/phone
-  continuity, SDK showcase, questions and a download invitation.
+- `/`: developer positioning, an example product with embedded agent work, a white-label
+  configuration preview, custom tools/context/goals, automation, and SDK integration examples.
+- `/app/`: the first-party app showcase with a desktop/phone preview, shared review state,
+  General / Developer modes, everyday examples, continuity, and app setup/download links.
+- `/cloud/`: optional Cloud Computer hosting, its relationship to the runtime, and pricing/Console links.
 - `/get-started/`: app, computer/server/cloud and agent setup.
 - `/pricing/`: free own-computer runtime and monthly Mindwire Cloud Computer plans.
 - `/download/`: Mac and iOS app availability, CLI installation and release links.
@@ -46,14 +49,29 @@ Shared product URLs live in `lib/product.ts`. Product pages share the components
 and scoped styles in `components/landing/`. The changelog and sandboxing content
 retain `components/marketing/`; the docs theme stays in `app/globals.css`.
 
-The homepage uses Gellix, soft rounded surfaces, and the native app's peach, blue,
-and mint bot palette. `BotAvatar` adapts the native bean, robot, and sprout vectors.
+The site uses Gellix, soft rounded surfaces, and the shared peach, blue,
+and mint palette. Dark mode is the default; a saved light/dark preference is respected.
+Keep the homepage focused on adapting leading agents to a developer's own product. The centered
+hero uses tool and provider illustrations; its preview demonstrates an agent feature in a product,
+not a bot directory or personal chat flow. Avoid decorative status dots, dotted backgrounds,
+numbered section badges, and widely spaced uppercase labels. App modes and everyday task demos
+belong on `/app/`, which has no SDK promotional section. `BotAvatar` remains in app-specific art.
+Separate homepage containers with contrasting surface colors instead of nested borders.
+Claude and OpenCode use SVG images that preserve their artwork; don't recolor them with CSS masks.
+The hero shows an agent creating a complete project inside a product: a brief becomes a working
+landing page, campaign poster and announcement, and an assigned launch plan. Visitors can try the
+page, copy the announcement, complete tasks, and download self-contained HTML, SVG, and CSV outputs.
+The build is illustrative; the outputs are usable local examples. Provider choice stays outside the
+product UI. Campaign artwork and its generation prompt are in `public/images/launch-demo/`.
+The white-label section pairs a customization rail with an editable product feature preview.
+Automation uses connected nodes, context/tool inputs, a review branch, and an inspectable result;
+connections follow the responsive node layout. Keep its canvas free of decorative dot grids.
 `LandingNav` and `LandingFooter` are shared by marketing routes without changing the documentation shell.
 The previews use fictional example content and local interactions only: changing
-bots, inspecting their memory and instructions, checking tasks, comparing ideas,
-switching bookshelves, trying everyday tools, and exploring General / Developer views. They never contact
+project creation, working artifact previews, downloads, tasks, and agent choices, editing brand/tools/instructions/context/goals, stepping through
+automation and review, switching bookshelves, and exploring General / Developer views. They never contact
 an agent or touch an account. Mode switching preserves the example app's state.
-The personal secretary example shares one component between the homepage and the
+The personal secretary example shares one component between the app page and the
 use-case directory. Check a priority, open the meeting brief, or switch with arrow keys.
 Use-case prompts start from information the user supplies and tools they connect;
 they do not imply built-in email or calendar integrations.
@@ -120,3 +138,13 @@ selection when changing its presentation.
 Verify public pages, guide and API docs, search, and 404 pages in both themes at
 desktop and phone widths. Workspace options on `/sandboxing/` are a local preview;
 they never create a computer or change an account.
+
+### Positioning
+
+Mindwire is the SDK and runtime for putting supported agents inside an existing product. Lead with
+a concrete task and the integration surface: execution, streaming, sessions, and supported approvals.
+The app is a first-party client; Cloud is optional hosting. Neither is required for an SDK integration.
+General mode remains an approachable app experience alongside Developer mode. Saved bot profiles
+remain an optional runtime capability, not a prerequisite or the primary marketing promise. Avoid
+claims of universal app access, identical provider capabilities, bundled model usage, or unimplemented
+managed orchestration. Keep Cloud prices sourced from the existing catalog.
@@ -0,0 +1,50 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { ArrowDown, ArrowUpRight, Folder, Radio, ShieldCheck, Smartphone } from "lucide-react";
+import AppWorkspacePreview from "@/components/landing/AppWorkspacePreview";
+import ModeExplorer from "@/components/landing/ModeExplorer";
+import PersonalSection from "@/components/landing/PersonalSection";
+import ContinuitySection from "@/components/landing/ContinuitySection";
+import FinalInvite from "@/components/landing/FinalInvite";
+import Questions from "@/components/landing/Questions";
+import base from "@/components/landing/landing.module.css";
+import product from "@/components/landing/product.module.css";
+import styles from "@/components/landing/app-showcase.module.css";
+
+export const metadata: Metadata = {
+  title: "Mindwire App — Your work, with you everywhere",
+  description: "A workspace for your agents, files, and ideas. Work from Mac, iPhone, or iPad, follow progress, and review the next step in General or Developer mode.",
+  alternates: { canonical: "/app/" },
+};
+
+export default function AppPage() {
+  return <div className={base.landing}>
+    <section className={styles.hero} aria-labelledby="app-title">
+      <div className={styles.intro}>
+        <span className={styles.label}><Smartphone size={15} />The Mindwire App · Mac, iPhone & iPad</span>
+        <h1 id="app-title">Your work.<br /><em>With you, everywhere.</em></h1>
+        <p>A home for your agents, files, and ideas. Start something at your desk, follow its progress, and pick up the next step from your phone.</p>
+        <div className={styles.actions}><Link href="/download" className={base.primaryButton}>Get the app <ArrowUpRight size={17} /></Link><Link href="#modes" className={base.secondaryButton}>Find your way to work <ArrowDown size={16} /></Link></div>
+      </div>
+      <AppWorkspacePreview />
+    </section>
+    <section className={styles.benefits} aria-label="What the Mindwire app brings together">
+      <div><Radio size={21} /><h2>Know where the work stands.</h2><p>Follow agent progress and tool activity in the same place as the conversation.</p></div>
+      <div><Folder size={21} /><h2>Keep the context close.</h2><p>Your projects, source files, and finished results stay part of the workspace.</p></div>
+      <div><ShieldCheck size={21} /><h2>Stay in the decisions.</h2><p>Review the work and respond to supported questions and approvals across devices.</p></div>
+    </section>
+    <ModeExplorer />
+    <PersonalSection />
+    <ContinuitySection />
+    <section className={`${product.section} ${product.faqSection}`} aria-labelledby="app-questions">
+      <div className={`${product.sectionCopy} ${styles.faqHeading}`}><span className={product.eyebrow}>Make yourself at home</span><h2 id="app-questions">A few things<br /><em>before you start.</em></h2><p>Choose a computer, connect a supported agent, and start with something you need done.</p></div>
+      <Questions items={[
+        { question: "Which mode should I use?", answer: "General mode keeps conversations, files, and finished results up front. Developer mode exposes projects, code changes, Git, and the terminal. Switch views as the work changes." },
+        { question: "Does the work run on my phone?", answer: "The work runs on a connected computer: your Mac, a server, or an optional Cloud Computer. Your phone lets you follow progress and interact with the workspace. The host needs to stay running while tasks execute." },
+        { question: "Can I use my existing agent account?", answer: "Connect an account or API key supported by your selected agent. Available authentication methods, provider terms, limits, and usage charges still apply." },
+        { question: "Where can I get the app?", answer: <>See <Link href="/download">downloads</Link> for current Mac and iOS availability, then follow the <Link href="/get-started">app setup guide</Link> to connect your computer and agent.</> },
+      ]} />
+    </section>
+    <FinalInvite audience="app" />
+  </div>;
+}