npm - @conversionpros/aiva - Versions diffs - 1.0.1 → 2.0.1 - Mend

@conversionpros/aiva 1.0.1 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (149) hide show

package/bin/aiva.js +26 -14
package/lib/bluebubbles.js +145 -0
package/lib/config-gen.js +253 -0
package/lib/constants.js +72 -0
package/lib/launch-agent.js +112 -0
package/lib/prerequisites.js +236 -0
package/lib/process.js +59 -145
package/lib/setup.js +224 -194
package/lib/validate.js +194 -0
package/package.json +9 -34
package/auto-deploy.js +0 -190
package/cli-sync.js +0 -126
package/d2a-prompt-template.txt +0 -106
package/diagnostics-api.js +0 -304
package/docs/ara-dedup-fix-scope.md +0 -112
package/docs/ara-fix-round2-scope.md +0 -61
package/docs/ara-greeting-fix-scope.md +0 -70
package/docs/calendar-date-fix-scope.md +0 -28
package/docs/getting-started.md +0 -115
package/docs/network-architecture-rollout-scope.md +0 -43
package/docs/scope-google-oauth-integration.md +0 -351
package/docs/settings-page-scope.md +0 -50
package/docs/xai-imagine-scope.md +0 -116
package/docs/xai-voice-integration-scope.md +0 -115
package/docs/xai-voice-tools-scope.md +0 -165
package/email-router.js +0 -512
package/follow-up-handler.js +0 -606
package/gateway-monitor.js +0 -158
package/google-email.js +0 -379
package/google-oauth.js +0 -310
package/grok-imagine.js +0 -97
package/health-reporter.js +0 -287
package/invisible-prefix-base.txt +0 -206
package/invisible-prefix-owner.txt +0 -26
package/invisible-prefix-slim.txt +0 -10
package/invisible-prefix.txt +0 -43
package/knowledge-base.js +0 -472
package/lib/cli.js +0 -19
package/lib/server.js +0 -42
package/meta-capi.js +0 -206
package/meta-leads.js +0 -411
package/notion-oauth.js +0 -323
package/public/agent-config.html +0 -241
package/public/aiva-avatar-anime.png +0 -0
package/public/css/docs.css.bak +0 -688
package/public/css/onboarding.css +0 -543
package/public/diagrams/claude-subscription-pool.html +0 -329
package/public/diagrams/claude-subscription-pool.png +0 -0
package/public/docs-icon.png +0 -0
package/public/escalation.html +0 -237
package/public/group-config.html +0 -300
package/public/icon-192.png +0 -0
package/public/icon-512.png +0 -0
package/public/icons/agents.svg +0 -1
package/public/icons/attach.svg +0 -1
package/public/icons/characters.svg +0 -1
package/public/icons/chat.svg +0 -1
package/public/icons/docs.svg +0 -1
package/public/icons/heartbeat.svg +0 -1
package/public/icons/messages.svg +0 -1
package/public/icons/mic.svg +0 -1
package/public/icons/notes.svg +0 -1
package/public/icons/settings.svg +0 -1
package/public/icons/tasks.svg +0 -1
package/public/images/onboarding/p0-communication-layer.png +0 -0
package/public/images/onboarding/p0-infinite-surface.png +0 -0
package/public/images/onboarding/p0-learning-model.png +0 -0
package/public/images/onboarding/p0-meet-aiva.png +0 -0
package/public/images/onboarding/p4-contact-intelligence.png +0 -0
package/public/images/onboarding/p4-context-compounds.png +0 -0
package/public/images/onboarding/p4-message-router.png +0 -0
package/public/images/onboarding/p4-per-contact-rules.png +0 -0
package/public/images/onboarding/p4-send-messages.png +0 -0
package/public/images/onboarding/p6-be-precise.png +0 -0
package/public/images/onboarding/p6-review-escalations.png +0 -0
package/public/images/onboarding/p6-voice-input.png +0 -0
package/public/images/onboarding/p7-completion.png +0 -0
package/public/index.html +0 -11594
package/public/js/onboarding.js +0 -699
package/public/manifest.json +0 -24
package/public/messages-v2.html +0 -2824
package/public/permission-approve.html.bak +0 -107
package/public/permissions.html +0 -150
package/public/styles/design-system.css +0 -68
package/router-db.js +0 -604
package/router-utils.js +0 -28
package/router-v2/adapters/imessage.js +0 -191
package/router-v2/adapters/quo.js +0 -82
package/router-v2/adapters/whatsapp.js +0 -192
package/router-v2/contact-manager.js +0 -234
package/router-v2/conversation-engine.js +0 -498
package/router-v2/data/knowledge-base.json +0 -176
package/router-v2/data/router-v2.db +0 -0
package/router-v2/data/router-v2.db-shm +0 -0
package/router-v2/data/router-v2.db-wal +0 -0
package/router-v2/data/router.db +0 -0
package/router-v2/db.js +0 -457
package/router-v2/escalation-bridge.js +0 -540
package/router-v2/follow-up-engine.js +0 -347
package/router-v2/index.js +0 -441
package/router-v2/ingestion.js +0 -213
package/router-v2/knowledge-base.js +0 -231
package/router-v2/lead-qualifier.js +0 -152
package/router-v2/learning-loop.js +0 -202
package/router-v2/outbound-sender.js +0 -160
package/router-v2/package.json +0 -13
package/router-v2/permission-gate.js +0 -86
package/router-v2/playbook.js +0 -177
package/router-v2/prompts/base.js +0 -52
package/router-v2/prompts/first-contact.js +0 -38
package/router-v2/prompts/lead-qualification.js +0 -37
package/router-v2/prompts/scheduling.js +0 -72
package/router-v2/prompts/style-overrides.js +0 -22
package/router-v2/scheduler.js +0 -301
package/router-v2/scripts/migrate-v1-to-v2.js +0 -215
package/router-v2/scripts/seed-faq.js +0 -67
package/router-v2/seed-knowledge-base.js +0 -39
package/router-v2/utils/ai.js +0 -129
package/router-v2/utils/phone.js +0 -52
package/router-v2/utils/response-validator.js +0 -98
package/router-v2/utils/sanitize.js +0 -222
package/router.js +0 -5005
package/routes/google-calendar.js +0 -186
package/scripts/deploy.sh +0 -62
package/scripts/macos-calendar.sh +0 -232
package/scripts/onboard-device.sh +0 -466
package/server.js +0 -5131
package/start.sh +0 -24
package/templates/AGENTS.md +0 -548
package/templates/IDENTITY.md +0 -15
package/templates/docs-agents.html +0 -132
package/templates/docs-app.html +0 -130
package/templates/docs-home.html +0 -83
package/templates/docs-imessage.html +0 -121
package/templates/docs-tasks.html +0 -123
package/templates/docs-tips.html +0 -175
package/templates/getting-started.html +0 -809
package/templates/invisible-prefix-base.txt +0 -171
package/templates/invisible-prefix-owner.txt +0 -282
package/templates/invisible-prefix.txt +0 -338
package/templates/manifest.json +0 -61
package/templates/memory-org/clients.md +0 -7
package/templates/memory-org/credentials.md +0 -9
package/templates/memory-org/devices.md +0 -7
package/templates/updates.html +0 -464
package/tts-proxy.js +0 -96
package/voice-call-local.js +0 -731
package/voice-call.js +0 -732
package/wa-listener.js +0 -354

package/templates/getting-started.html DELETED Viewed

@@ -1,809 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Getting Started — AIVA</title>
-<style>
-  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
-  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
-  :root {
-    --bg: #0a0a0f;
-    --bg-elevated: #111118;
-    --bg-card: rgba(255,255,255,0.03);
-    --border: rgba(255,255,255,0.06);
-    --border-hover: rgba(255,255,255,0.12);
-    --text: #b0b0b8;
-    --text-secondary: #707078;
-    --text-heading: #f0f0f5;
-    --accent: #7b8cff;
-    --accent-soft: rgba(123,140,255,0.08);
-    --accent-glow: rgba(123,140,255,0.15);
-    --radius: 16px;
-    --radius-sm: 10px;
-  }
-  body {
-    background: var(--bg);
-    color: var(--text);
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-    line-height: 1.7;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    overflow-x: hidden;
-  }
-  /* ── Animations ── */
-  @keyframes fadeUp {
-    from { opacity: 0; transform: translateY(24px); }
-    to { opacity: 1; transform: translateY(0); }
-  }
-  @keyframes fadeIn {
-    from { opacity: 0; }
-    to { opacity: 1; }
-  }
-  .fade-section {
-    opacity: 0;
-    transform: translateY(24px);
-    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
-  }
-  .fade-section.visible {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  /* ── Layout ── */
-  .page-container {
-    max-width: 960px;
-    margin: 0 auto;
-    padding: 0 1.5rem;
-  }
-  /* ── Hero ── */
-  .hero {
-    position: relative;
-    padding: 6rem 0 4rem;
-    text-align: center;
-    overflow: hidden;
-  }
-  .hero::before {
-    content: '';
-    position: absolute;
-    top: -40%;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 600px;
-    height: 600px;
-    background: radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);
-    border-radius: 50%;
-    pointer-events: none;
-    z-index: 0;
-  }
-  .hero-content {
-    position: relative;
-    z-index: 1;
-    animation: fadeUp 0.8s ease-out;
-  }
-  .hero-badge {
-    display: inline-flex;
-    align-items: center;
-    gap: 6px;
-    padding: 6px 14px;
-    border-radius: 100px;
-    background: var(--accent-soft);
-    border: 1px solid rgba(123,140,255,0.15);
-    font-size: 0.8rem;
-    font-weight: 500;
-    color: var(--accent);
-    letter-spacing: 0.03em;
-    margin-bottom: 1.5rem;
-  }
-  .hero h1 {
-    font-size: clamp(2rem, 5vw, 3.2rem);
-    font-weight: 800;
-    color: var(--text-heading);
-    line-height: 1.15;
-    letter-spacing: -0.03em;
-    margin-bottom: 1rem;
-  }
-  .hero .subtitle {
-    font-size: clamp(1rem, 2.5vw, 1.2rem);
-    color: var(--text-secondary);
-    max-width: 540px;
-    margin: 0 auto;
-    line-height: 1.6;
-    font-weight: 400;
-  }
-  /* ── Section ── */
-  .section {
-    padding: 4rem 0;
-  }
-  .section + .section {
-    border-top: 1px solid var(--border);
-  }
-  .section-label {
-    font-size: 0.75rem;
-    font-weight: 600;
-    text-transform: uppercase;
-    letter-spacing: 0.1em;
-    color: var(--accent);
-    margin-bottom: 0.75rem;
-  }
-  .section-title {
-    font-size: clamp(1.5rem, 3vw, 2rem);
-    font-weight: 700;
-    color: var(--text-heading);
-    letter-spacing: -0.02em;
-    margin-bottom: 0.75rem;
-    line-height: 1.2;
-  }
-  .section-desc {
-    font-size: 1.05rem;
-    color: var(--text-secondary);
-    max-width: 620px;
-    line-height: 1.7;
-    margin-bottom: 2.5rem;
-  }
-  /* ── Agent Cards ── */
-  .agent-grid {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 1.25rem;
-  }
-  .agent-card {
-    background: var(--bg-card);
-    border: 1px solid var(--border);
-    border-radius: var(--radius);
-    padding: 1.75rem;
-    transition: border-color 0.3s ease, box-shadow 0.3s ease;
-  }
-  .agent-card:hover {
-    border-color: var(--border-hover);
-    box-shadow: 0 0 40px rgba(123,140,255,0.04);
-  }
-  .agent-card .agent-icon {
-    width: 40px;
-    height: 40px;
-    border-radius: 10px;
-    background: var(--accent-soft);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-bottom: 1rem;
-  }
-  .agent-card .agent-icon svg {
-    width: 20px;
-    height: 20px;
-    stroke: var(--accent);
-    fill: none;
-    stroke-width: 1.5;
-    stroke-linecap: round;
-    stroke-linejoin: round;
-  }
-  .agent-card h3 {
-    font-size: 1.05rem;
-    font-weight: 600;
-    color: var(--text-heading);
-    margin-bottom: 0.25rem;
-  }
-  .agent-card .agent-role {
-    font-size: 0.82rem;
-    color: var(--accent);
-    font-weight: 500;
-    margin-bottom: 0.75rem;
-  }
-  .agent-card p {
-    font-size: 0.92rem;
-    line-height: 1.65;
-    color: var(--text);
-  }
-  .agent-card ul {
-    list-style: none;
-    padding: 0;
-    margin: 0.75rem 0 0;
-  }
-  .agent-card ul li {
-    font-size: 0.88rem;
-    color: var(--text);
-    padding: 0.25rem 0;
-    padding-left: 1.1rem;
-    position: relative;
-  }
-  .agent-card ul li::before {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 0.65rem;
-    width: 5px;
-    height: 5px;
-    border-radius: 50%;
-    background: var(--accent);
-    opacity: 0.5;
-  }
-  /* Full-width card */
-  .agent-card.full-width {
-    grid-column: 1 / -1;
-  }
-  /* ── Communication Comparison ── */
-  .comm-grid {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 1.25rem;
-  }
-  .comm-card {
-    background: var(--bg-card);
-    border: 1px solid var(--border);
-    border-radius: var(--radius);
-    padding: 2rem;
-  }
-  .comm-card h3 {
-    font-size: 1.1rem;
-    font-weight: 600;
-    color: var(--text-heading);
-    margin-bottom: 0.5rem;
-  }
-  .comm-card .comm-subtitle {
-    font-size: 0.85rem;
-    color: var(--accent);
-    font-weight: 500;
-    margin-bottom: 1.25rem;
-  }
-  .comm-card ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-  }
-  .comm-card ul li {
-    font-size: 0.92rem;
-    color: var(--text);
-    padding: 0.4rem 0;
-    padding-left: 1.1rem;
-    position: relative;
-    line-height: 1.55;
-  }
-  .comm-card ul li::before {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 0.7rem;
-    width: 5px;
-    height: 5px;
-    border-radius: 50%;
-    background: var(--accent);
-    opacity: 0.4;
-  }
-  .comm-card .pro-tip {
-    margin-top: 1.25rem;
-    padding: 0.85rem 1rem;
-    background: var(--accent-soft);
-    border-radius: var(--radius-sm);
-    font-size: 0.88rem;
-    color: var(--text);
-    line-height: 1.55;
-  }
-  .comm-card .pro-tip strong {
-    color: var(--text-heading);
-  }
-  /* ── Workflow Steps ── */
-  .workflow {
-    margin-top: 2.5rem;
-  }
-  .workflow-step {
-    display: flex;
-    gap: 1.25rem;
-    padding: 1.25rem 0;
-  }
-  .workflow-step + .workflow-step {
-    border-top: 1px solid var(--border);
-  }
-  .step-num {
-    flex-shrink: 0;
-    width: 36px;
-    height: 36px;
-    border-radius: 10px;
-    background: var(--accent-soft);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 0.85rem;
-    font-weight: 600;
-    color: var(--accent);
-  }
-  .step-content {
-    flex: 1;
-  }
-  .step-content strong {
-    display: block;
-    color: var(--text-heading);
-    font-size: 0.95rem;
-    margin-bottom: 0.15rem;
-  }
-  .step-content span {
-    font-size: 0.9rem;
-    color: var(--text);
-  }
-  /* ── Best Practices ── */
-  .practices-grid {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 1.25rem;
-  }
-  .practice-card {
-    background: var(--bg-card);
-    border: 1px solid var(--border);
-    border-radius: var(--radius);
-    padding: 2rem;
-  }
-  .practice-card h3 {
-    font-size: 1rem;
-    font-weight: 600;
-    margin-bottom: 1.25rem;
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-  }
-  .practice-card.do h3 { color: #6fcf97; }
-  .practice-card.dont h3 { color: #f2836b; }
-  .practice-card ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-  }
-  .practice-card ul li {
-    font-size: 0.92rem;
-    color: var(--text);
-    padding: 0.5rem 0;
-    line-height: 1.6;
-    border-top: 1px solid var(--border);
-  }
-  .practice-card ul li:first-child {
-    border-top: none;
-    padding-top: 0;
-  }
-  .practice-card ul li strong {
-    color: var(--text-heading);
-  }
-  /* ── FAQ ── */
-  .faq-list {
-    display: flex;
-    flex-direction: column;
-    gap: 0;
-  }
-  .faq-item {
-    border-bottom: 1px solid var(--border);
-  }
-  .faq-item:first-child {
-    border-top: 1px solid var(--border);
-  }
-  .faq-question {
-    width: 100%;
-    background: none;
-    border: none;
-    padding: 1.25rem 0;
-    font-size: 1rem;
-    font-weight: 500;
-    color: var(--text-heading);
-    text-align: left;
-    cursor: pointer;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    font-family: inherit;
-    line-height: 1.5;
-  }
-  .faq-question:hover { color: #fff; }
-  .faq-question svg {
-    flex-shrink: 0;
-    width: 18px;
-    height: 18px;
-    stroke: var(--text-secondary);
-    fill: none;
-    stroke-width: 2;
-    transition: transform 0.3s ease;
-    margin-left: 1rem;
-  }
-  .faq-item.open .faq-question svg {
-    transform: rotate(45deg);
-  }
-  .faq-answer {
-    max-height: 0;
-    overflow: hidden;
-    transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;
-  }
-  .faq-item.open .faq-answer {
-    max-height: 300px;
-    padding-bottom: 1.25rem;
-  }
-  .faq-answer p {
-    font-size: 0.95rem;
-    color: var(--text);
-    line-height: 1.7;
-  }
-  /* ── Footer ── */
-  .page-footer {
-    padding: 3rem 0;
-    border-top: 1px solid var(--border);
-    text-align: center;
-    margin-top: 2rem;
-  }
-  .page-footer p {
-    font-size: 0.85rem;
-    color: var(--text-secondary);
-  }
-  .page-footer a {
-    color: var(--accent);
-    text-decoration: none;
-  }
-  .page-footer a:hover {
-    text-decoration: underline;
-  }
-  /* ── Responsive ── */
-  @media (max-width: 680px) {
-    .hero { padding: 4rem 0 3rem; }
-    .section { padding: 3rem 0; }
-    .agent-grid { grid-template-columns: 1fr; }
-    .comm-grid { grid-template-columns: 1fr; }
-    .practices-grid { grid-template-columns: 1fr; }
-    .page-container { padding: 0 1.25rem; }
-  }
-</style>
-</head>
-<body>
-<!-- ── Hamburger Nav ── -->
-<style>
-  .nav-hamburger {
-    position: fixed; top: 20px; left: 20px; z-index: 10000;
-    width: 44px; height: 44px; border-radius: 12px;
-    background: var(--bg-elevated); border: 1px solid var(--border);
-    display: flex; align-items: center; justify-content: center;
-    cursor: pointer; transition: background 0.2s, border-color 0.2s;
-  }
-  .nav-hamburger:hover { background: rgba(255,255,255,0.06); border-color: var(--border-hover); }
-  .nav-hamburger span { display: block; width: 20px; height: 2px; background: var(--text-heading); position: relative; transition: all 0.3s; }
-  .nav-hamburger span::before, .nav-hamburger span::after {
-    content: ''; position: absolute; left: 0; width: 20px; height: 2px;
-    background: var(--text-heading); transition: all 0.3s;
-  }
-  .nav-hamburger span::before { top: -6px; }
-  .nav-hamburger span::after { top: 6px; }
-  .nav-hamburger.open span { background: transparent; }
-  .nav-hamburger.open span::before { top: 0; transform: rotate(45deg); }
-  .nav-hamburger.open span::after { top: 0; transform: rotate(-45deg); }
-  .nav-overlay {
-    position: fixed; inset: 0; z-index: 9998;
-    background: rgba(0,0,0,0.5); opacity: 0; pointer-events: none;
-    transition: opacity 0.3s;
-  }
-  .nav-overlay.open { opacity: 1; pointer-events: auto; }
-  .nav-drawer {
-    position: fixed; top: 0; left: 0; z-index: 9999;
-    width: 280px; height: 100vh; background: var(--bg-elevated);
-    border-right: 1px solid var(--border);
-    transform: translateX(-100%); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
-    padding: 80px 24px 24px;
-  }
-  .nav-drawer.open { transform: translateX(0); }
-  .nav-drawer a {
-    display: block; padding: 14px 16px; margin-bottom: 4px;
-    color: var(--text); text-decoration: none; font-size: 15px;
-    font-weight: 500; border-radius: var(--radius-sm);
-    transition: background 0.2s, color 0.2s;
-  }
-  .nav-drawer a:hover, .nav-drawer a.active {
-    background: var(--accent-soft); color: var(--accent);
-  }
-</style>
-<div class="nav-overlay" id="navOverlay"></div>
-<div class="nav-drawer" id="navDrawer">
-  <a href="/getting-started" id="nav-gs">Getting Started</a>
-  <a href="/updates" id="nav-up">Updates</a>
-  <a href="/">Back to AIVA App</a>
-</div>
-<button class="nav-hamburger" id="navHamburger" aria-label="Menu"><span></span></button>
-<script>
-(function(){
-  var btn=document.getElementById('navHamburger'),
-      drawer=document.getElementById('navDrawer'),
-      overlay=document.getElementById('navOverlay');
-  function toggle(){
-    var open=drawer.classList.toggle('open');
-    overlay.classList.toggle('open',open);
-    btn.classList.toggle('open',open);
-  }
-  btn.addEventListener('click',toggle);
-  overlay.addEventListener('click',toggle);
-  // highlight current
-  var path=location.pathname;
-  if(path==='/getting-started') document.getElementById('nav-gs').classList.add('active');
-  else if(path==='/updates') document.getElementById('nav-up').classList.add('active');
-})();
-</script>
-<!-- ── End Hamburger Nav ── -->
-<!-- ── Hero ── -->
-<section class="hero">
-  <div class="page-container hero-content">
-    <div class="hero-badge">
-      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
-      Getting Started
-    </div>
-    <h1>Getting to Know Your<br>AIVA Assistant</h1>
-    <p class="subtitle">AIVA is your personal AI-powered assistant designed to help you stay organized, communicate effectively, and get things done. Here's everything you need to know.</p>
-    <a href="/updates" style="display:inline-flex;align-items:center;gap:8px;margin-top:1.5rem;padding:0.65rem 1.5rem;background:rgba(123,140,255,0.1);border:1px solid rgba(123,140,255,0.25);border-radius:999px;color:#7b8cff;font-size:0.9rem;font-weight:500;text-decoration:none;transition:all 0.2s ease;" onmouseover="this.style.background='rgba(123,140,255,0.18)';this.style.borderColor='rgba(123,140,255,0.4)'" onmouseout="this.style.background='rgba(123,140,255,0.1)';this.style.borderColor='rgba(123,140,255,0.25)'">
-      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20V10"/><path d="M18 20V4"/><path d="M6 20v-4"/></svg>
-      View Updates &amp; Training Feed
-    </a>
-  </div>
-</section>
-<div class="page-container">
-  <!-- ── What is AIVA ── -->
-  <section class="section fade-section">
-    <div class="section-label">Overview</div>
-    <h2 class="section-title">What is AIVA?</h2>
-    <p class="section-desc">AIVA is more than a chatbot — she's a team of specialized AI agents working together behind the scenes. Think of it like having a personal office staff: each agent has a specific role, and they coordinate to handle your requests efficiently.</p>
-    <p class="section-desc" style="margin-top:-1rem;">You don't need to worry about which agent does what — just communicate naturally, and AIVA routes everything to the right place.</p>
-  </section>
-  <!-- ── How AIVA is Set Up ── -->
-  <section class="section fade-section">
-    <div class="section-label">Architecture</div>
-    <h2 class="section-title">How AIVA is Set Up</h2>
-    <p class="section-desc">AIVA uses a multi-agent system, meaning different agents handle different types of work.</p>
-    <div class="agent-grid">
-      <div class="agent-card full-width">
-        <div class="agent-icon">
-          <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="3"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>
-        </div>
-        <h3>Main Agent</h3>
-        <div class="agent-role">Your Central Brain</div>
-        <p>This is the agent you talk to in the AIVA App. It's the coordinator — the one that receives your requests and figures out who should handle them.</p>
-        <ul>
-          <li>Receives your requests and figures out who should handle them</li>
-          <li>Manages your task board</li>
-          <li>Distributes knowledge across all other agents</li>
-          <li>Handles calendar, email monitoring, and general questions</li>
-          <li>Sends you morning and evening briefings</li>
-        </ul>
-        <p style="margin-top:0.75rem;"><strong>Think of it as your executive assistant</strong> who delegates to specialists.</p>
-      </div>
-      <div class="agent-card">
-        <div class="agent-icon">
-          <svg viewBox="0 0 24 24"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
-        </div>
-        <h3>Outreach Agent</h3>
-        <div class="agent-role">Your Message Manager</div>
-        <p>Handles all iMessage and text communication. When someone texts your AIVA-managed number:</p>
-        <ul>
-          <li>Reads and responds based on your preferences</li>
-          <li>Manages conversations with contacts on your behalf</li>
-          <li>Follows up on active conversations automatically</li>
-          <li>Surfaces important messages to the main agent</li>
-        </ul>
-        <p style="margin-top:0.75rem;"><strong>Think of it as your receptionist</strong> — fielding calls and messages so you don't have to.</p>
-      </div>
-      <div class="agent-card">
-        <div class="agent-icon">
-          <svg viewBox="0 0 24 24"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M22 7l-10 7L2 7"/></svg>
-        </div>
-        <h3>Email Agent</h3>
-        <div class="agent-role">Your Inbox Manager</div>
-        <p>Monitors your email, triages messages, and alerts you to anything important. Routine stuff gets handled automatically so you only see what matters.</p>
-      </div>
-      <div class="agent-card">
-        <div class="agent-icon">
-          <svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
-        </div>
-        <h3>Research Agent</h3>
-        <div class="agent-role">Your Analyst</div>
-        <p>When you need information — market research, competitor analysis, or deep dives on a topic — the research agent handles it and reports back with findings.</p>
-      </div>
-      <div class="agent-card">
-        <div class="agent-icon">
-          <svg viewBox="0 0 24 24"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
-        </div>
-        <h3>Content Agent</h3>
-        <div class="agent-role">Your Writer</div>
-        <p>Handles content creation tasks — drafts, copy, documentation, social posts, and more.</p>
-      </div>
-    </div>
-  </section>
-  <!-- ── How to Communicate ── -->
-  <section class="section fade-section">
-    <div class="section-label">Communication</div>
-    <h2 class="section-title">How to Communicate with AIVA</h2>
-    <p class="section-desc">Two channels, each with a distinct purpose. Use the right one to get the best results.</p>
-    <div class="comm-grid">
-      <div class="comm-card">
-        <h3>The AIVA App</h3>
-        <div class="comm-subtitle">Your Main Channel</div>
-        <p style="font-size:0.92rem;color:var(--text);margin-bottom:1rem;">The AIVA app is your central hub. This is where you should:</p>
-        <ul>
-          <li><strong>Brain dump</strong> — tell AIVA everything on your mind. She'll organize it, create tasks, and distribute knowledge to the right agents.</li>
-          <li><strong>Make requests</strong> — "Schedule a meeting with John next week" or "Research the best CRM tools for small businesses"</li>
-          <li><strong>Check your task board</strong> — see what's in progress, what's done, and what needs attention</li>
-          <li><strong>Review agent activity</strong> — see what your agents are working on</li>
-        </ul>
-        <div class="pro-tip"><strong>Pro tip:</strong> Voice messages work great in the app. Just talk naturally — AIVA will transcribe and act on it.</div>
-      </div>
-      <div class="comm-card">
-        <h3>iMessage</h3>
-        <div class="comm-subtitle">Your Outreach Channel</div>
-        <p style="font-size:0.92rem;color:var(--text);margin-bottom:1rem;">Messages sent to your AIVA phone number go directly to the outreach agent. This is specifically for:</p>
-        <ul>
-          <li>Managing conversations with contacts</li>
-          <li>Scheduling and follow-ups</li>
-          <li>Having your outreach agent handle communication on your behalf</li>
-        </ul>
-        <div class="pro-tip"><strong>Important:</strong> The outreach agent is a separate specialist from your main AIVA. Training it happens through iMessage conversations. The more context you give it about how you want to handle specific contacts, the better it gets.</div>
-      </div>
-    </div>
-    <!-- Workflow Steps -->
-    <div class="workflow">
-      <h3 style="font-size:1.05rem;font-weight:600;color:var(--text-heading);margin-bottom:0.5rem;">What Happens When You Submit a Request</h3>
-      <div class="workflow-step">
-        <div class="step-num">1</div>
-        <div class="step-content"><strong>You send a message</strong><span>Via app, voice, or text</span></div>
-      </div>
-      <div class="workflow-step">
-        <div class="step-num">2</div>
-        <div class="step-content"><strong>AIVA receives it</strong><span>And creates a task on your board</span></div>
-      </div>
-      <div class="workflow-step">
-        <div class="step-num">3</div>
-        <div class="step-content"><strong>The right agent picks it up</strong><span>Based on what needs to be done</span></div>
-      </div>
-      <div class="workflow-step">
-        <div class="step-num">4</div>
-        <div class="step-content"><strong>Work happens</strong><span>You can check progress on the task board anytime</span></div>
-      </div>
-      <div class="workflow-step">
-        <div class="step-num">5</div>
-        <div class="step-content"><strong>You get notified</strong><span>When it's done, with a summary of what was accomplished</span></div>
-      </div>
-    </div>
-  </section>
-  <!-- ── Best Practices ── -->
-  <section class="section fade-section">
-    <div class="section-label">Best Practices</div>
-    <h2 class="section-title">Getting the Most from AIVA</h2>
-    <p class="section-desc">A few guidelines to help you work effectively with your assistant.</p>
-    <div class="practices-grid">
-      <div class="practice-card do">
-        <h3>
-          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>
-          Do This
-        </h3>
-        <ul>
-          <li><strong>Be specific</strong> — "Schedule a 30-min call with John on Thursday at 2 PM" works better than "set something up with John"</li>
-          <li><strong>Use the app for big-picture stuff</strong> — strategy, planning, brain dumps, complex requests</li>
-          <li><strong>Use iMessage for message management</strong> — training your outreach agent on how to handle contacts</li>
-          <li><strong>Check your task board</strong> — it's the single source of truth for all work in progress</li>
-          <li><strong>Give feedback</strong> — if AIVA does something you don't like, say so. She learns from your preferences.</li>
-        </ul>
-      </div>
-      <div class="practice-card dont">
-        <h3>
-          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6L6 18M6 6l12 12"/></svg>
-          Avoid This
-        </h3>
-        <ul>
-          <li><strong>Don't repeat yourself</strong> — if you submitted a request, it's on the board. No need to follow up unless it's been too long.</li>
-          <li><strong>Don't mix channels unnecessarily</strong> — use the app for requests, iMessage for message management</li>
-          <li><strong>Don't assume AIVA knows everything</strong> — she wakes up fresh each session. Important context should be stated clearly.</li>
-        </ul>
-      </div>
-    </div>
-  </section>
-  <!-- ── FAQ ── -->
-  <section class="section fade-section">
-    <div class="section-label">FAQ</div>
-    <h2 class="section-title">Frequently Asked Questions</h2>
-    <p class="section-desc">Quick answers to the most common questions about AIVA.</p>
-    <div class="faq-list">
-      <div class="faq-item">
-        <button class="faq-question" onclick="this.parentElement.classList.toggle('open')">
-          Does AIVA remember our conversations?
-          <svg viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></svg>
-        </button>
-        <div class="faq-answer">
-          <p>AIVA maintains memory through daily notes and long-term memory files. Important decisions, preferences, and context are saved between sessions. However, she starts each session fresh and reads her notes — so the more important something is, the more clearly you should state it.</p>
-        </div>
-      </div>
-      <div class="faq-item">
-        <button class="faq-question" onclick="this.parentElement.classList.toggle('open')">
-          Can AIVA text people on my behalf?
-          <svg viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></svg>
-        </button>
-        <div class="faq-answer">
-          <p>Yes! The outreach agent can handle iMessage conversations. You set preferences for each contact (respond, ignore, take message only), and AIVA follows them. She'll always check with you before contacting someone new.</p>
-        </div>
-      </div>
-      <div class="faq-item">
-        <button class="faq-question" onclick="this.parentElement.classList.toggle('open')">
-          How do I know what AIVA is working on?
-          <svg viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></svg>
-        </button>
-        <div class="faq-answer">
-          <p>Check the task board in the app. Every request becomes a task with status tracking (To Do, In Progress, Done).</p>
-        </div>
-      </div>
-      <div class="faq-item">
-        <button class="faq-question" onclick="this.parentElement.classList.toggle('open')">
-          What if AIVA makes a mistake?
-          <svg viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></svg>
-        </button>
-        <div class="faq-answer">
-          <p>Tell her! Feedback helps AIVA improve. She logs lessons learned and adjusts her approach going forward.</p>
-        </div>
-      </div>
-      <div class="faq-item">
-        <button class="faq-question" onclick="this.parentElement.classList.toggle('open')">
-          Is my information private?
-          <svg viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></svg>
-        </button>
-        <div class="faq-answer">
-          <p>Yes. AIVA treats your data with strict privacy. She won't share personal information in group settings or with other contacts without your explicit permission.</p>
-        </div>
-      </div>
-    </div>
-  </section>
-  <!-- ── Footer ── -->
-  <footer class="page-footer">
-    <p>Check the <a href="/updates">Updates page</a> for the latest changes and improvements to your AIVA assistant.</p>
-  </footer>
-</div>
-<script>
-// Scroll-linked fade-in
-const observer = new IntersectionObserver((entries) => {
-  entries.forEach(entry => {
-    if (entry.isIntersecting) {
-      entry.target.classList.add('visible');
-    }
-  });
-}, { threshold: 0.08, rootMargin: '0px 0px -40px 0px' });
-document.querySelectorAll('.fade-section').forEach(el => observer.observe(el));
-</script>
-</body>
-</html>