> ## Documentation Index
> Fetch the complete documentation index at: https://docs.patchline.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Aria on the Web App

> The flagship Aria surface — the Patchline dashboard. Aria is the home screen, wired into every tab: Profiles, Catalog, Projects, Playlists, Visual Library, Music Store, Launchpad, and Audience. Drop a track, ask a question, paste a link — Aria acts on it.

export const AriaPromptCard = ({prompt, surface = "web"}) => {
  const surfaces = {
    web: {
      href: "https://patchline.ai/dashboard",
      label: "Try in dashboard"
    },
    telegram: {
      href: "https://t.me/AriaMusicBizBot",
      label: "Try in Telegram"
    },
    claude: {
      href: "https://patchline.ai/claude",
      label: "Try in Claude"
    },
    mcp: {
      href: "https://patchline.ai/mcp",
      label: "Install MCP first"
    }
  };
  const s = surfaces[surface] ?? surfaces.web;
  return <div style={{
    display: "flex",
    justifyContent: "space-between",
    alignItems: "center",
    gap: "16px",
    padding: "12px 16px",
    marginBottom: "12px",
    borderRadius: "10px",
    border: "1px solid rgba(255,255,255,0.10)",
    background: "rgba(255,255,255,0.03)"
  }}>
      <code style={{
    fontFamily: "var(--font-family-mono)",
    fontSize: "14px",
    color: "inherit",
    flex: 1
  }}>
        "{prompt}"
      </code>
      <a href={s.href} target="_blank" rel="noopener noreferrer" style={{
    fontSize: "12px",
    fontWeight: 600,
    padding: "6px 12px",
    borderRadius: "999px",
    background: "linear-gradient(92deg, #00E6E2, #0068FF)",
    color: "#FFFFFF",
    textDecoration: "none",
    whiteSpace: "nowrap"
  }}>
        {s.label} →
      </a>
    </div>;
};

export const TierBadge = ({tier}) => {
  const styles = {
    free: {
      label: "Free",
      color: "#A1A1AA"
    },
    starter: {
      label: "Starter+",
      color: "#00E6E2"
    },
    pro: {
      label: "Pro+",
      color: "#0068FF"
    },
    scale: {
      label: "Scale+",
      color: "#7A5BFF"
    },
    enterprise: {
      label: "Enterprise",
      color: "#FF7A59"
    },
    all: {
      label: "All plans",
      color: "#22C55E"
    }
  };
  const t = styles[tier?.toLowerCase()] ?? styles.all;
  return <span style={{
    display: "inline-flex",
    alignItems: "center",
    gap: "4px",
    padding: "2px 10px",
    borderRadius: "999px",
    border: `1px solid ${t.color}40`,
    background: `${t.color}1A`,
    color: t.color,
    fontSize: "12px",
    fontWeight: 600,
    fontFamily: "var(--font-family-mono)",
    verticalAlign: "middle"
  }}>
      {t.label}
    </span>;
};

export const AICallout = ({page}) => {
  const slug = page ?? "";
  const mdUrl = `https://docs.patchline.ai${slug}.md`;
  return <div style={{
    marginTop: "32px",
    padding: "16px 20px",
    borderRadius: "12px",
    border: "1px solid rgba(0,230,226,0.25)",
    background: "linear-gradient(135deg, rgba(0,230,226,0.08), rgba(0,104,255,0.05))",
    color: "inherit",
    fontSize: "14px",
    lineHeight: 1.6
  }}>
      <strong style={{
    display: "block",
    marginBottom: "6px",
    color: "#00E6E2"
  }}>
        For AI agents reading this page
      </strong>
      The canonical machine-readable version of this page is at{" "}
      <a href={mdUrl}>
        <code>{mdUrl}</code>
      </a>
      . For product actions, connect to{" "}
      <code>www.patchline.ai/api/mcp/v1</code>
      {" "}and call MCP <code>tools/list</code> for the current tool schema.
      Rules for navigating these docs:{" "}
      <a href="https://docs.patchline.ai/AGENTS.md">
        <code>docs.patchline.ai/AGENTS.md</code>
      </a>
      .
    </div>;
};

The **web app** is the full Aria — the Patchline dashboard at
[patchline.ai/dashboard](https://patchline.ai/dashboard). Aria is the
home screen, and every tab in the product is wired to it. Drop a track,
ask a question, or paste a streaming link, and Aria acts on it across
your whole catalog, roster, and release pipeline.

<TierBadge tier="all" />   The web app is available on every tier. Capability depth scales with your plan.

## Why the web app is the flagship surface

The other surfaces (Slack, Claude, MCP) bring Aria *into the tool you're
already in*. The web app is where Aria has **everything** in one place —
the full UI, every tab, every asset, the visual flows (cover art,
storefront, launchpad) that don't live in a chat window.

If a feature exists in Patchline, it's on the web app first.

## What you can do here

Aria sits on top of every tab in the dashboard:

| Tab                | What Aria touches                                                             |
| ------------------ | ----------------------------------------------------------------------------- |
| **Profiles**       | Add and research artists; pull streaming, audience, and momentum intelligence |
| **Catalog**        | Upload or import tracks; AI-readable captions; semantic search                |
| **Projects**       | Generate a release campaign blueprint; work the plan                          |
| **Playlists**      | Match tracks to playlists; inspect curators before you pitch                  |
| **Visual Library** | Generate cover art, promo flyers, Canvas videos                               |
| **Music Store**    | Sell direct to fans at 0% platform fee on paid tiers                          |
| **Launchpad**      | Create public links — pitch links, drop links, media kits, press kits         |
| **Audience**       | Read the fan graph, demographics, and growth across your roster               |

Everything is interconnected. Your release plan reads from your catalog;
your storefront knows about your release; your audience data feeds your
pitches. One assistant moves through all of it.

## Getting there

<Steps>
  <Step title="Sign up">
    [patchline.ai](https://patchline.ai) → sign up with Google or email.
  </Step>

  <Step title="Claim your profile">
    Search your artist name and claim your profile — this wires your
    streaming presence, audience, and release history into your
    workspace.
  </Step>

  <Step title="Land on Aria">
    Onboarding drops you on the Aria home screen. Start talking.
  </Step>
</Steps>

<AriaPromptCard prompt="What do I do now, and why?" />

<AriaPromptCard prompt="What can you tell me about my catalog?" />

<AriaPromptCard prompt="Plan a release for my next track." />

## Same Aria, everywhere else

The web app is the home base, but Aria comes with you:

* [Aria on Slack](/aria/slack) — chat with Aria in your team channels
* [Aria on Claude](/aria/claude) — Aria inside Claude Desktop + Code
* [Aria via MCP](/aria/mcp) — Aria's tools in Cursor, Codex, VS Code

## Related pages

* [Aria overview](/aria/overview) — what Aria is
* [Use cases](/aria/prompts) — prompts that work
* [Quickstart](/get-started/quickstart) — from sign-up to first answer

<AICallout page="/aria/web-app" />