agnes-the-ai-analyst/app/web/templates/home_onboarded.html
Vojtech 79a958ec26
feat(setup): configurable instance brand + connector setup overhaul (#268)
- instance.brand (env AGNES_INSTANCE_BRAND, default "Agnes") +
  instance.workspace_dir replace hard-coded "Agnes" / "~/Agnes" across
  /home, /setup, /setup-advanced, /login, /install, /me/debug, and the
  Claude Code clipboard setup script. Terraform-friendly env override;
  defaults preserve existing Agnes branding.

- Explicit "create workspace folder" step on /home (OS-tabbed mkdir+cd)
  + same step baked into the clipboard script as step 2. Drops the
  implicit assumption that `agnes init --workspace .` lands in a
  sensibly-cd'd shell.

- Final "Restart Claude Code" step in the setup script (unconditional,
  between connectors and Confirm) so freshly-installed plugins, MCP
  servers, and SessionStart hooks load on the next Claude Code session.

- Asana reverted from hosted Remote MCP back to PAT + raw REST against
  app.asana.com/api/1.0. MCP envelope shape consumed ~5x tokens per
  call; the PAT path lets the agent read flat REST fields. Existing
  MCP registration is detected and the user is asked whether to remove
  it (default Y, with benefits listed: token cost, no third-party hop,
  no OAuth refresh dance, deterministic envelope shape).

- Atlassian connector instructs picking the longest API-token expiry
  (today "1 year") to cut re-mint friction. No public query-parameter
  hook exists on id.atlassian.com to pre-select expiry, so the prompt
  documents the manual click and acknowledges that limitation.

- Uniform  /  per-connector marker contract (Asana, GWS, Atlassian)
  for the Confirm summary to grep. Each connector now ends with a
  Claude-driven end-to-end test that uses Claude Code's own bash to
  exercise the stored credential and prints
  " <Connector> integration verified — ..." (or the failure variant).
2026-05-12 17:10:08 +02:00

150 lines
4.5 KiB
HTML

{% extends "base.html" %}
{% block title %}Home — {{ instance_name or "AI Data Analyst" }}{% endblock %}
{% block content %}
{% include "_page_chrome.html" %}
<style>
.home-mock {
--hp-primary: #0073D1;
--hp-primary-dark: #0056A3;
--hp-primary-light: #E6F3FC;
--hp-border: #E5E7EB;
--hp-border-light: #F3F4F6;
--hp-text-primary: #111827;
--hp-text-secondary: #6B7280;
color: var(--hp-text-primary);
font-size: 14px;
line-height: 1.5;
}
.home-mock * { box-sizing: border-box; }
.home-mock .hero {
background: linear-gradient(135deg, #0073D1 0%, #0056A3 100%);
color: white;
border-radius: 16px;
padding: 38px 40px;
margin-bottom: 22px;
box-shadow: 0 8px 24px rgba(0, 86, 163, 0.18);
}
.home-mock .hero .eyebrow {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.8px;
opacity: 0.85;
margin-bottom: 10px;
}
.home-mock .hero h1 {
font-size: 30px;
font-weight: 600;
letter-spacing: -0.4px;
margin-bottom: 12px;
line-height: 1.2;
color: white;
}
.home-mock .hero p {
font-size: 15px;
opacity: 0.94;
max-width: 680px;
line-height: 1.6;
}
.home-mock .section-label {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.6px;
color: var(--hp-text-secondary);
margin: 30px 0 12px;
}
.home-mock .quick-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 18px;
margin-bottom: 18px;
}
.home-mock .quick-card {
background: white;
border: 1px solid var(--hp-border);
border-radius: 12px;
padding: 22px;
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
gap: 4px;
transition: border-color .15s, box-shadow .15s;
}
.home-mock .quick-card:hover {
border-color: var(--hp-primary);
box-shadow: 0 4px 12px rgba(0, 115, 209, 0.10);
}
.home-mock .quick-card .ico {
font-size: 22px;
margin-bottom: 8px;
}
.home-mock .quick-card .ttl {
font-size: 15px;
font-weight: 600;
color: var(--hp-text-primary);
}
.home-mock .quick-card .desc {
font-size: 13px;
color: var(--hp-text-secondary);
line-height: 1.55;
}
</style>
<div class="home-mock">
{% set display_name = (user.name or (user.email or "").split("@")[0] or "back") %}
<div class="hero">
<div class="eyebrow">Welcome back, {{ display_name }}</div>
<h1>You're all set up</h1>
<p>
Open Claude Code in any project under <code style="background: rgba(255,255,255,0.12); padding: 1px 6px; border-radius: 4px; font-family: ui-monospace, 'SF Mono', Consolas, monospace; font-size: 12.5px;">~/{{ workspace_dir }}/Projects/</code>
and start a session — your data and plugins are already synced. Use the cards below to jump into the parts of {{ instance_brand }} you need.
</p>
</div>
<div class="section-label">Quick links</div>
<div class="quick-grid">
<a class="quick-card" href="/dashboard">
<span class="ico">&#x1F4CA;</span>
<div class="ttl">Dashboard</div>
<div class="desc">Sync state, table inventory, recent activity.</div>
</a>
<a class="quick-card" href="/catalog">
<span class="ico">&#x1F4DA;</span>
<div class="ttl">Catalog</div>
<div class="desc">Browse tables, schema, and metric definitions.</div>
</a>
{# Activity Center + Corporate Memory both admin-only — parity
with the top-nav gating (Memory link hidden for non-admin in
_app_header.html, /corporate-memory route is `require_admin`,
same for the active /home not-onboarded view). #}
{% if is_admin %}
<a class="quick-card" href="/activity-center">
<span class="ico">&#x1F4C8;</span>
<div class="ttl">Activity Center</div>
<div class="desc">Per-user analytics on {{ instance_brand }} adoption.</div>
</a>
<a class="quick-card" href="/corporate-memory">
<span class="ico">&#x1F9E0;</span>
<div class="ttl">Corporate Memory</div>
<div class="desc">Shared analyst knowledge and prior solutions.</div>
</a>
{% endif %}
{% if is_admin %}
<a class="quick-card" href="/admin/server-config">
<span class="ico">&#x2699;&#xFE0F;</span>
<div class="ttl">Admin</div>
<div class="desc">Server configuration, RBAC, marketplaces.</div>
</a>
{% endif %}
</div>
</div>
{% endblock %}