@agentwhy/cli 0.0.0-dev

package/dist/report/render/report-page/providers.js

@@ -0,0 +1,208 @@
+const PROVIDERS = {
+    // Your AI account
+    anthropic: { name: 'Anthropic', what: 'provider.ai', url: 'https://console.anthropic.com/settings/keys', names: ['ANTHROPIC', 'CLAUDE'] },
+    openai: { name: 'OpenAI', what: 'provider.ai', url: 'https://platform.openai.com/api-keys', names: ['OPENAI', 'OPEN_AI'] },
+    mistral: { name: 'Mistral AI', what: 'provider.ai', url: 'https://console.mistral.ai/api-keys', names: ['MISTRAL'] },
+    groq: { name: 'Groq', what: 'provider.ai', url: 'https://console.groq.com/keys', names: ['GROQ'] },
+    cohere: { name: 'Cohere', what: 'provider.ai', url: 'https://dashboard.cohere.com/api-keys', names: ['COHERE'] },
+    replicate: { name: 'Replicate', what: 'provider.ai', url: 'https://replicate.com/account/api-tokens', names: ['REPLICATE'] },
+    huggingface: { name: 'Hugging Face', what: 'provider.ai', url: 'https://huggingface.co/settings/tokens', names: ['HUGGINGFACE', 'HUGGING_FACE', 'HF'] },
+    perplexity: { name: 'Perplexity', what: 'provider.ai', url: 'https://www.perplexity.ai/settings/api', names: ['PERPLEXITY', 'PPLX'] },
+    deepseek: { name: 'DeepSeek', what: 'provider.ai', url: 'https://platform.deepseek.com/api_keys', names: ['DEEPSEEK'] },
+    together: { name: 'Together AI', what: 'provider.ai', url: 'https://api.together.ai/settings/api-keys', names: ['TOGETHER', 'TOGETHERAI', 'TOGETHER_AI'] },
+    fireworks: { name: 'Fireworks AI', what: 'provider.ai', url: 'https://fireworks.ai/account/api-keys', names: ['FIREWORKS'] },
+    openrouter: { name: 'OpenRouter', what: 'provider.ai', url: 'https://openrouter.ai/settings/keys', names: ['OPENROUTER', 'OPEN_ROUTER'] },
+    xai: { name: 'xAI', what: 'provider.ai', url: 'https://console.x.ai', names: ['XAI', 'GROK'] },
+    elevenlabs: { name: 'ElevenLabs', what: 'provider.ai', url: 'https://elevenlabs.io/app/settings/api-keys', names: ['ELEVENLABS', 'ELEVEN_LABS'] },
+    assemblyai: { name: 'AssemblyAI', what: 'provider.ai', url: 'https://www.assemblyai.com/app/api-keys', names: ['ASSEMBLYAI', 'ASSEMBLY_AI'] },
+    deepgram: { name: 'Deepgram', what: 'provider.ai', url: 'https://console.deepgram.com', names: ['DEEPGRAM'] },
+    stability: { name: 'Stability AI', what: 'provider.ai', url: 'https://platform.stability.ai/account/keys', names: ['STABILITY'] },
+    voyage: { name: 'Voyage AI', what: 'provider.ai', url: 'https://dashboard.voyageai.com', names: ['VOYAGE', 'VOYAGEAI'] },
+    langsmith: { name: 'LangSmith', what: 'provider.monitoring', url: 'https://smith.langchain.com/settings', names: ['LANGSMITH', 'LANGCHAIN'] },
+    pinecone: { name: 'Pinecone', what: 'provider.database', url: 'https://app.pinecone.io', names: ['PINECONE'] },
+    // Payments
+    stripe: { name: 'Stripe', what: 'provider.payments', url: 'https://dashboard.stripe.com/apikeys', names: ['STRIPE'] },
+    paypal: { name: 'PayPal', what: 'provider.payments', url: 'https://developer.paypal.com/dashboard/applications', names: ['PAYPAL'] },
+    braintree: { name: 'Braintree', what: 'provider.payments', url: 'https://www.braintreegateway.com/login', names: ['BRAINTREE'] },
+    square: { name: 'Square', what: 'provider.payments', url: 'https://developer.squareup.com/apps', names: ['SQUARE'] },
+    adyen: { name: 'Adyen', what: 'provider.payments', url: 'https://ca-live.adyen.com', names: ['ADYEN'] },
+    lemonsqueezy: { name: 'Lemon Squeezy', what: 'provider.payments', url: 'https://app.lemonsqueezy.com/settings/api', names: ['LEMONSQUEEZY', 'LEMON_SQUEEZY', 'LEMON'] },
+    paddle: { name: 'Paddle', what: 'provider.payments', url: 'https://vendors.paddle.com/authentication', names: ['PADDLE'] },
+    polar: { name: 'Polar', what: 'provider.payments', url: 'https://polar.sh/dashboard', names: ['POLAR'] },
+    mollie: { name: 'Mollie', what: 'provider.payments', url: 'https://my.mollie.com/dashboard/developers/api-keys', names: ['MOLLIE'] },
+    razorpay: { name: 'Razorpay', what: 'provider.payments', url: 'https://dashboard.razorpay.com/app/keys', names: ['RAZORPAY'] },
+    przelewy24: { name: 'Przelewy24', what: 'provider.payments', url: 'https://panel.przelewy24.pl', names: ['PRZELEWY24', 'P24'] },
+    payu: { name: 'PayU', what: 'provider.payments', url: 'https://secure.payu.com', names: ['PAYU'] },
+    tpay: { name: 'Tpay', what: 'provider.payments', url: 'https://panel.tpay.com', names: ['TPAY'] },
+    klarna: { name: 'Klarna', what: 'provider.payments', url: 'https://portal.klarna.com', names: ['KLARNA'] },
+    revenuecat: { name: 'RevenueCat', what: 'provider.payments', url: 'https://app.revenuecat.com', names: ['REVENUECAT', 'REVENUE_CAT'] },
+    coinbase: { name: 'Coinbase', what: 'provider.payments', url: 'https://www.coinbase.com/settings/api', names: ['COINBASE'] },
+    // Databases and backends
+    supabase: { name: 'Supabase', what: 'provider.supabase', url: 'https://supabase.com/dashboard/account/tokens', names: ['SUPABASE'] },
+    firebase: { name: 'Firebase', what: 'provider.backend', url: 'https://console.firebase.google.com', names: ['FIREBASE'] },
+    mongodb: { name: 'MongoDB', what: 'provider.database', url: 'https://cloud.mongodb.com', names: ['MONGODB', 'MONGO', 'ATLAS'] },
+    planetscale: { name: 'PlanetScale', what: 'provider.database', url: 'https://app.planetscale.com', names: ['PLANETSCALE'] },
+    neon: { name: 'Neon', what: 'provider.database', url: 'https://console.neon.tech', names: ['NEON'] },
+    turso: { name: 'Turso', what: 'provider.database', url: 'https://app.turso.tech', names: ['TURSO'] },
+    upstash: { name: 'Upstash', what: 'provider.database', url: 'https://console.upstash.com', names: ['UPSTASH', 'KV'] },
+    xata: { name: 'Xata', what: 'provider.database', url: 'https://app.xata.io', names: ['XATA'] },
+    cockroach: { name: 'CockroachDB', what: 'provider.database', url: 'https://cockroachlabs.cloud', names: ['COCKROACH', 'COCKROACHDB'] },
+    prisma: { name: 'Prisma', what: 'provider.database', url: 'https://console.prisma.io', names: ['PRISMA'] },
+    convex: { name: 'Convex', what: 'provider.backend', url: 'https://dashboard.convex.dev', names: ['CONVEX'] },
+    appwrite: { name: 'Appwrite', what: 'provider.backend', url: 'https://cloud.appwrite.io', names: ['APPWRITE'] },
+    // Signing people in
+    clerk: { name: 'Clerk', what: 'provider.login', url: 'https://dashboard.clerk.com', names: ['CLERK'] },
+    auth0: { name: 'Auth0', what: 'provider.login', url: 'https://manage.auth0.com', names: ['AUTH0'] },
+    okta: { name: 'Okta', what: 'provider.login', url: 'https://www.okta.com/login', names: ['OKTA'] },
+    kinde: { name: 'Kinde', what: 'provider.login', url: 'https://app.kinde.com', names: ['KINDE'] },
+    workos: { name: 'WorkOS', what: 'provider.login', url: 'https://dashboard.workos.com', names: ['WORKOS'] },
+    stytch: { name: 'Stytch', what: 'provider.login', url: 'https://stytch.com/dashboard', names: ['STYTCH'] },
+    // Cloud and hosting
+    aws: { name: 'AWS', what: 'provider.cloud', url: 'https://console.aws.amazon.com/iam/home#/security_credentials', names: ['AWS', 'AMAZON', 'S3', 'SES'] },
+    google: { name: 'Google', what: 'provider.google', url: 'https://console.cloud.google.com/apis/credentials', names: ['GOOGLE', 'GCP', 'GCLOUD', 'GEMINI', 'YOUTUBE', 'GMAIL'] },
+    azure: { name: 'Microsoft Azure', what: 'provider.cloud', url: 'https://portal.azure.com', names: ['AZURE', 'MICROSOFT'] },
+    vercel: { name: 'Vercel', what: 'provider.hosting', url: 'https://vercel.com/account/tokens', names: ['VERCEL'] },
+    netlify: { name: 'Netlify', what: 'provider.hosting', url: 'https://app.netlify.com/user/applications', names: ['NETLIFY'] },
+    cloudflare: { name: 'Cloudflare', what: 'provider.hosting', url: 'https://dash.cloudflare.com/profile/api-tokens', names: ['CLOUDFLARE', 'CF', 'R2'] },
+    heroku: { name: 'Heroku', what: 'provider.hosting', url: 'https://dashboard.heroku.com/account', names: ['HEROKU'] },
+    railway: { name: 'Railway', what: 'provider.hosting', url: 'https://railway.com/account/tokens', names: ['RAILWAY'] },
+    render: { name: 'Render', what: 'provider.hosting', url: 'https://dashboard.render.com', names: ['RENDER'] },
+    fly: { name: 'Fly.io', what: 'provider.hosting', url: 'https://fly.io/dashboard', names: ['FLY', 'FLYIO'] },
+    digitalocean: { name: 'DigitalOcean', what: 'provider.servers', url: 'https://cloud.digitalocean.com/account/api/tokens', names: ['DIGITALOCEAN', 'DIGITAL_OCEAN'] },
+    linode: { name: 'Linode', what: 'provider.servers', url: 'https://cloud.linode.com/profile/tokens', names: ['LINODE', 'AKAMAI'] },
+    hetzner: { name: 'Hetzner', what: 'provider.servers', url: 'https://console.hetzner.cloud', names: ['HETZNER', 'HCLOUD'] },
+    ovh: { name: 'OVHcloud', what: 'provider.servers', url: 'https://www.ovh.com/manager', names: ['OVH'] },
+    expo: { name: 'Expo', what: 'provider.hosting', url: 'https://expo.dev/settings/access-tokens', names: ['EXPO', 'EAS'] },
+    // Your code and the tools you build with
+    github: { name: 'GitHub', what: 'provider.github', url: 'https://github.com/settings/tokens', names: ['GITHUB', 'GH'] },
+    gitlab: { name: 'GitLab', what: 'provider.gitlab', url: 'https://gitlab.com/-/user_settings/personal_access_tokens', names: ['GITLAB'] },
+    bitbucket: { name: 'Bitbucket', what: 'provider.dev', url: 'https://bitbucket.org/account/settings/app-passwords/', names: ['BITBUCKET'] },
+    npm: { name: 'npm', what: 'provider.npm', url: 'https://docs.npmjs.com/creating-and-viewing-access-tokens', names: ['NPM'] },
+    docker: { name: 'Docker Hub', what: 'provider.dev', url: 'https://app.docker.com/settings/personal-access-tokens', names: ['DOCKER', 'DOCKERHUB'] },
+    circleci: { name: 'CircleCI', what: 'provider.dev', url: 'https://app.circleci.com/settings/user/tokens', names: ['CIRCLECI'] },
+    // Errors, logs and usage
+    sentry: { name: 'Sentry', what: 'provider.monitoring', url: 'https://sentry.io/settings/account/api/auth-tokens/', names: ['SENTRY'] },
+    datadog: { name: 'Datadog', what: 'provider.monitoring', url: 'https://app.datadoghq.com/organization-settings/api-keys', names: ['DATADOG', 'DD'] },
+    newrelic: { name: 'New Relic', what: 'provider.monitoring', url: 'https://one.newrelic.com/api-keys', names: ['NEWRELIC', 'NEW_RELIC'] },
+    bugsnag: { name: 'Bugsnag', what: 'provider.monitoring', url: 'https://app.bugsnag.com/settings', names: ['BUGSNAG'] },
+    logrocket: { name: 'LogRocket', what: 'provider.monitoring', url: 'https://app.logrocket.com', names: ['LOGROCKET'] },
+    axiom: { name: 'Axiom', what: 'provider.monitoring', url: 'https://app.axiom.co/settings/api-tokens', names: ['AXIOM'] },
+    betterstack: { name: 'Better Stack', what: 'provider.monitoring', url: 'https://betterstack.com/settings/api-tokens', names: ['BETTERSTACK', 'BETTER_STACK', 'LOGTAIL'] },
+    posthog: { name: 'PostHog', what: 'provider.analytics', url: 'https://us.posthog.com/settings/user-api-keys', names: ['POSTHOG'] },
+    mixpanel: { name: 'Mixpanel', what: 'provider.analytics', url: 'https://mixpanel.com/settings/project', names: ['MIXPANEL'] },
+    segment: { name: 'Segment', what: 'provider.analytics', url: 'https://app.segment.com', names: ['SEGMENT'] },
+    amplitude: { name: 'Amplitude', what: 'provider.analytics', url: 'https://app.amplitude.com', names: ['AMPLITUDE'] },
+    // Emails, text messages, chat
+    sendgrid: { name: 'SendGrid', what: 'provider.email', url: 'https://app.sendgrid.com/settings/api_keys', names: ['SENDGRID'] },
+    resend: { name: 'Resend', what: 'provider.email', url: 'https://resend.com/api-keys', names: ['RESEND'] },
+    mailgun: { name: 'Mailgun', what: 'provider.email', url: 'https://app.mailgun.com/settings/api_security', names: ['MAILGUN'] },
+    postmark: { name: 'Postmark', what: 'provider.email', url: 'https://account.postmarkapp.com/servers', names: ['POSTMARK'] },
+    mailchimp: { name: 'Mailchimp', what: 'provider.email', url: 'https://mailchimp.com/help/about-api-keys/', names: ['MAILCHIMP', 'MANDRILL'] },
+    brevo: { name: 'Brevo', what: 'provider.email', url: 'https://app.brevo.com/settings/keys/api', names: ['BREVO', 'SENDINBLUE'] },
+    loops: { name: 'Loops', what: 'provider.email', url: 'https://app.loops.so/settings', names: ['LOOPS'] },
+    mailersend: { name: 'MailerSend', what: 'provider.email', url: 'https://app.mailersend.com', names: ['MAILERSEND'] },
+    convertkit: { name: 'Kit', what: 'provider.email', url: 'https://app.kit.com', names: ['CONVERTKIT'] },
+    twilio: { name: 'Twilio', what: 'provider.sms', url: 'https://console.twilio.com', names: ['TWILIO'] },
+    vonage: { name: 'Vonage', what: 'provider.sms', url: 'https://dashboard.nexmo.com', names: ['VONAGE', 'NEXMO'] },
+    messagebird: { name: 'MessageBird', what: 'provider.sms', url: 'https://dashboard.messagebird.com', names: ['MESSAGEBIRD'] },
+    plivo: { name: 'Plivo', what: 'provider.sms', url: 'https://console.plivo.com', names: ['PLIVO'] },
+    slack: { name: 'Slack', what: 'provider.slack', url: 'https://api.slack.com/apps', names: ['SLACK'] },
+    discord: { name: 'Discord', what: 'provider.chat', url: 'https://discord.com/developers/applications', names: ['DISCORD'] },
+    telegram: { name: 'Telegram', what: 'provider.chat', url: 'https://t.me/BotFather', names: ['TELEGRAM'] },
+    whatsapp: { name: 'WhatsApp', what: 'provider.chat', url: 'https://business.facebook.com', names: ['WHATSAPP'] },
+    pusher: { name: 'Pusher', what: 'provider.realtime', url: 'https://dashboard.pusher.com', names: ['PUSHER'] },
+    ably: { name: 'Ably', what: 'provider.realtime', url: 'https://ably.com/accounts', names: ['ABLY'] },
+    livekit: { name: 'LiveKit', what: 'provider.realtime', url: 'https://cloud.livekit.io', names: ['LIVEKIT'] },
+    agora: { name: 'Agora', what: 'provider.realtime', url: 'https://console.agora.io', names: ['AGORA'] },
+    // Files, maps, search, content, shops
+    cloudinary: { name: 'Cloudinary', what: 'provider.files', url: 'https://console.cloudinary.com/settings/api-keys', names: ['CLOUDINARY'] },
+    uploadthing: { name: 'UploadThing', what: 'provider.files', url: 'https://uploadthing.com/dashboard', names: ['UPLOADTHING'] },
+    mux: { name: 'Mux', what: 'provider.files', url: 'https://dashboard.mux.com/settings/access-tokens', names: ['MUX'] },
+    backblaze: { name: 'Backblaze', what: 'provider.files', url: 'https://secure.backblaze.com/app_keys.htm', names: ['BACKBLAZE', 'B2'] },
+    imagekit: { name: 'ImageKit', what: 'provider.files', url: 'https://imagekit.io/dashboard/developer/api-keys', names: ['IMAGEKIT'] },
+    mapbox: { name: 'Mapbox', what: 'provider.maps', url: 'https://account.mapbox.com/access-tokens/', names: ['MAPBOX'] },
+    algolia: { name: 'Algolia', what: 'provider.search', url: 'https://dashboard.algolia.com/account/api-keys', names: ['ALGOLIA'] },
+    meilisearch: { name: 'Meilisearch', what: 'provider.search', url: 'https://cloud.meilisearch.com', names: ['MEILISEARCH', 'MEILI'] },
+    typesense: { name: 'Typesense', what: 'provider.search', url: 'https://cloud.typesense.org', names: ['TYPESENSE'] },
+    elastic: { name: 'Elastic', what: 'provider.search', url: 'https://cloud.elastic.co', names: ['ELASTIC', 'ELASTICSEARCH'] },
+    contentful: { name: 'Contentful', what: 'provider.content', url: 'https://app.contentful.com', names: ['CONTENTFUL'] },
+    sanity: { name: 'Sanity', what: 'provider.content', url: 'https://www.sanity.io/manage', names: ['SANITY'] },
+    strapi: { name: 'Strapi', what: 'provider.content', url: 'https://cloud.strapi.io', names: ['STRAPI'] },
+    storyblok: { name: 'Storyblok', what: 'provider.content', url: 'https://app.storyblok.com', names: ['STORYBLOK'] },
+    shopify: { name: 'Shopify', what: 'provider.shop', url: 'https://admin.shopify.com', names: ['SHOPIFY'] },
+    woocommerce: { name: 'WooCommerce', what: 'provider.shop', url: 'https://woocommerce.com/my-account/', names: ['WOOCOMMERCE', 'WOO'] },
+    // Social networks and work tools
+    meta: { name: 'Meta (Facebook, Instagram)', what: 'provider.social', url: 'https://developers.facebook.com/apps', names: ['FACEBOOK', 'FB', 'META', 'INSTAGRAM', 'IG'] },
+    twitter: { name: 'X (Twitter)', what: 'provider.social', url: 'https://developer.x.com/en/portal/dashboard', names: ['TWITTER'] },
+    linkedin: { name: 'LinkedIn', what: 'provider.social', url: 'https://www.linkedin.com/developers/apps', names: ['LINKEDIN'] },
+    tiktok: { name: 'TikTok', what: 'provider.social', url: 'https://developers.tiktok.com/apps', names: ['TIKTOK'] },
+    reddit: { name: 'Reddit', what: 'provider.social', url: 'https://www.reddit.com/prefs/apps', names: ['REDDIT'] },
+    spotify: { name: 'Spotify', what: 'provider.social', url: 'https://developer.spotify.com/dashboard', names: ['SPOTIFY'] },
+    notion: { name: 'Notion', what: 'provider.workspace', url: 'https://www.notion.so/my-integrations', names: ['NOTION'] },
+    airtable: { name: 'Airtable', what: 'provider.workspace', url: 'https://airtable.com/create/tokens', names: ['AIRTABLE'] },
+    linear: { name: 'Linear', what: 'provider.workspace', url: 'https://linear.app/settings/account/security', names: ['LINEAR'] },
+    atlassian: { name: 'Atlassian (Jira, Confluence)', what: 'provider.workspace', url: 'https://id.atlassian.com/manage-profile/security/api-tokens', names: ['ATLASSIAN', 'JIRA', 'CONFLUENCE'] },
+    trello: { name: 'Trello', what: 'provider.workspace', url: 'https://trello.com/power-ups/admin', names: ['TRELLO'] },
+    asana: { name: 'Asana', what: 'provider.workspace', url: 'https://app.asana.com/0/my-apps', names: ['ASANA'] },
+    figma: { name: 'Figma', what: 'provider.workspace', url: 'https://www.figma.com/settings', names: ['FIGMA'] },
+    hubspot: { name: 'HubSpot', what: 'provider.workspace', url: 'https://app.hubspot.com', names: ['HUBSPOT'] },
+    salesforce: { name: 'Salesforce', what: 'provider.workspace', url: 'https://login.salesforce.com', names: ['SALESFORCE', 'SFDC'] },
+    zendesk: { name: 'Zendesk', what: 'provider.workspace', url: 'https://www.zendesk.com/login/', names: ['ZENDESK'] },
+    intercom: { name: 'Intercom', what: 'provider.workspace', url: 'https://app.intercom.com/a/apps/_/developer-hub', names: ['INTERCOM'] },
+    dropbox: { name: 'Dropbox', what: 'provider.workspace', url: 'https://www.dropbox.com/developers/apps', names: ['DROPBOX'] },
+    calendly: { name: 'Calendly', what: 'provider.workspace', url: 'https://calendly.com/integrations/api_webhooks', names: ['CALENDLY'] },
+    zapier: { name: 'Zapier', what: 'provider.workspace', url: 'https://zapier.com/app/settings', names: ['ZAPIER'] },
+};
+/** Pattern name → provider. A pattern not here (`jwt`, `private-key`, `url-password`, …) names no provider. */
+const BY_PATTERN = {
+    'anthropic-key': 'anthropic',
+    'openai-key': 'openai',
+    'github-token': 'github',
+    'gitlab-token': 'gitlab',
+    'slack-token': 'slack',
+    'aws-access-key-id': 'aws',
+    'google-key': 'google',
+    'stripe-key': 'stripe',
+    'supabase-key': 'supabase',
+    'npm-token': 'npm',
+    'npmrc-auth-token': 'npm',
+    'digitalocean-token': 'digitalocean',
+    'sendgrid-key': 'sendgrid',
+};
+/** The first word or two of a variable name → provider: `STRIPE` → Stripe, `NEW_RELIC` → New Relic. */
+const BY_NAME = new Map(Object.entries(PROVIDERS).flatMap(([id, row]) => row.names.map((name) => [name, id])));
+/**
+ * What a framework puts in front of a variable it hands to the browser or the build - `NEXT_PUBLIC_SUPABASE_URL` - which
+ * says nothing about the service, so it is read past. The first group are the ones a framework ships to every visitor's
+ * browser: a key under one of them is public by the framework's own rule.
+ */
+const FRAMEWORK = /^(?:(NEXT_PUBLIC|EXPO_PUBLIC|NUXT_PUBLIC|REACT_APP|VUE_APP|VITE|GATSBY|PUBLIC)|NUXT|PRIVATE|STORYBOOK)_/;
+/** A variable's name as words - `stripeSecretKey`, `stripe-secret-key` and `STRIPE_SECRET_KEY` alike - past its framework's prefix. */
+export function nameWords(name) {
+    const upper = name.replace(/([a-z0-9])([A-Z])/g, '$1_$2').replace(/[^A-Za-z0-9]+/g, '_').toUpperCase().replace(/^_+/, '');
+    const prefix = FRAMEWORK.exec(upper);
+    const words = (prefix === null ? upper : upper.slice(prefix[0].length)).split('_').filter((word) => word !== '');
+    return { words, shipped: prefix?.[1] !== undefined };
+}
+const entry = (id) => {
+    const row = id === undefined ? undefined : PROVIDERS[id];
+    if (row === undefined)
+        return undefined;
+    const { names: _names, ...provider } = row;
+    return provider;
+};
+/** The provider a key's format belongs to (F45 row 1), or none: `jwt`, `private-key`, a random value. */
+export function providerOfPattern(pattern) {
+    return entry(BY_PATTERN[pattern]);
+}
+/**
+ * The provider a variable's name points to (F45 row 2, O11), or none. The name is read as words - `stripeSecretKey`,
+ * `stripe-secret-key` and `STRIPE_SECRET_KEY` alike - past a framework's prefix, and only its first word or two count:
+ * `STRIPE_SECRET_KEY` is Stripe, and `MAX_RESEND_TRIES` is not Resend.
+ */
+export function providerOfName(name) {
+    const { words } = nameWords(name);
+    if (words.length < 2)
+        return undefined;
+    return entry(BY_NAME.get(words[0] + '_' + words[1]) ?? BY_NAME.get(words[0]));
+}

package/dist/report/render/report-page/record-view.js

@@ -0,0 +1,367 @@
+import { PROVIDER_NAMES } from '../../../core/session-format.js';
+import { SENTENCE_CAP } from '../../../shared/sentence.js';
+import { filesRead } from '../../flow-reads.js';
+import { actionsFor, escapeHtml as e } from '../html-report-components.js';
+import { inLanguages } from '../report-copy.js';
+import { buildSessionView } from '../session-view.js';
+import { avatar } from '../ui/avatar.js';
+import { callout } from '../ui/callout.js';
+import { tag } from '../ui/tag.js';
+export function recordGaps(report) {
+    const view = buildSessionView(report);
+    const unknown = [report.graph.main, ...report.graph.agents].flatMap((agent) => actionsFor(agent, report).filter((action) => action.outcome === 'unknown').map((action) => ({ agent, action })));
+    const unresolved = view.agents.filter((entry) => entry.unresolved).map((entry) => entry.agent);
+    const missingDelegations = view.column.flatMap((entry) => (entry.kind === 'missing' ? [entry.delegation.description] : []));
+    return {
+        any: report.scope.completeness !== 'complete' || report.missing.length > 0 || unknown.length > 0 || unresolved.length > 0 || missingDelegations.length > 0,
+        unknown,
+        unresolved,
+        missingDelegations,
+    };
+}
+/** Your AI, "Helper 6", or an agent the report does not hold. */
+function namesOf(report) {
+    const agents = new Map([report.graph.main, ...report.graph.agents].map((agent) => [agent.index, agent]));
+    return (index, t) => {
+        const agent = index === undefined ? undefined : agents.get(index);
+        if (agent === undefined)
+            return t('flow.someAgent');
+        return agent.ordinal === undefined ? t('st.main') : t('st.helper', { ordinal: agent.ordinal });
+    };
+}
+const section = (title, body) => '<section class="rc-sect"><h3 class="rc-h">' + title + '</h3>' + body + '</section>';
+const label = (key, vars = {}) => inLanguages((t) => t(key, vars));
+/** The questions a record may leave open, in the order the page asks them. */
+const QUESTIONS = ['actions', 'access', 'output-delivery', 'own-words', 'reasoning', 'refusals', 'permissions'];
+/** One row of what is missing: what it is, what it changes, how many times, and - folded - which ones. */
+function gapRow(key, count, which = []) {
+    return '<li class="rc-row"><span class="rc-row-mark" aria-hidden="true"></span><div class="rc-row-main">' +
+        '<div class="rc-row-t">' + label(key + '.t') + '</div><div class="rc-row-d">' + label(key + '.d') + '</div>' +
+        (which.length === 0 ? '' : '<details class="rc-which"><summary>' + label('rec.gap.which') + '</summary><ul class="rc-list">' +
+            which.map((one) => '<li>' + one + '</li>').join('') + '</ul></details>') +
+        '</div>' + (count > 1 ? tag(label('rec.gap.times', { n: count }), 'grey', 'badge') : '') + '</li>';
+}
+/**
+ * P61: the Record tab. An answer first - whether the record is complete - then each gap as a row that says what is
+ * missing and what that changes, in the reader's language (`report.gaps`, never `missing`'s English lines); what the
+ * format cannot show, once; how the conversation was checked, with every code folded under Technical details.
+ */
+export function recordTab(report) {
+    const gaps = recordGaps(report);
+    const names = namesOf(report);
+    const ai = e(PROVIDER_NAMES[report.scope.provider]);
+    const missing = [
+        ...report.gaps.filter((gap) => gap.question === undefined).map((gap) => gapRow('rec.gap.k.' + gap.kind, gap.count)),
+        ...(gaps.unknown.length === 0 ? [] : [gapRow('rec.gap.unknown', gaps.unknown.length, gaps.unknown.map(({ agent, action }) => inLanguages((t) => names(agent.index, t)) + ' · <code>' + e(action.tool) + '</code> · <code>' + e(action.evidence) + '</code>'))]),
+        ...(gaps.unresolved.length === 0 ? [] : [gapRow('rec.gap.unresolved', gaps.unresolved.length, gaps.unresolved.map((agent) => inLanguages((t) => names(agent.index, t))))]),
+        ...(gaps.missingDelegations.length === 0 ? [] : [gapRow('rec.gap.lost', gaps.missingDelegations.length, gaps.missingDelegations.map((description) => description === undefined ? label('missing.none') : e(description)))]),
+    ];
+    // What the format cannot show, from its gaps and from what its sources declared: said once, here, and the rest it
+    // does show named in one line under it.
+    const states = new Map();
+    const note = (question, state) => {
+        const known = states.get(question);
+        if (known === 'absent' || (known === 'unmeasured' && state === 'supported'))
+            return;
+        states.set(question, state);
+    };
+    for (const gap of report.gaps)
+        if (gap.question !== undefined)
+            note(gap.question, gap.kind === 'capability-absent' ? 'absent' : 'unmeasured');
+    for (const one of report.recorded.capabilities)
+        note(one.question, one.state);
+    const unseen = QUESTIONS.filter((question) => states.get(question) === 'absent')
+        .concat(QUESTIONS.filter((question) => states.get(question) === 'unmeasured'));
+    const shown = QUESTIONS.filter((question) => states.get(question) === 'supported');
+    const cannotShow = unseen.length === 0 ? '' : '<h4 class="rc-h4">' + label('rec.cap.h') + '</h4>' +
+        '<p class="rc-p rc-dim rc-narrow">' + label('rec.cap.lead', { ai }) + '</p><ul class="rc-rows">' +
+        unseen.map((question) => '<li class="rc-row rc-row-cap"><div class="rc-row-main"><div class="rc-row-t">' + label('rec.cap.t.' + question) + '</div>' +
+            '<div class="rc-row-d">' + label('rec.cap.d.' + question) + '</div></div>' +
+            (states.get(question) === 'absent' ? tag(label('rec.cap.tag.absent'), 'amber') : tag(label('rec.cap.tag.unmeasured'), 'grey')) + '</li>').join('') + '</ul>' +
+        (shown.length === 0 ? '' : '<p class="rc-p rc-dim">' + inLanguages((t) => t('rec.cap.shown', { ai, list: shown.map((question) => t('rec.q.' + question)).join(', ') })) + '</p>');
+    const state = gaps.any ? 'gaps' : 'clean';
+    const cannot = '<section class="rc-sect rc-answer">' + tag(label('rec.gap.tag.' + state), gaps.any ? 'amber' : 'grey') +
+        '<h3 class="rc-title">' + label('rec.gap.title.' + state) + '</h3><p class="rc-lead">' + label('rec.gap.lead.' + state) + '</p>' +
+        (missing.length === 0 ? '' : '<h4 class="rc-h4">' + label('rec.gap.missing') + '</h4><ul class="rc-rows">' + missing.join('') + '</ul>') +
+        cannotShow + '<div class="rc-note">' + callout({ tone: 'grey', body: label('rec.note') }) + '</div></section>';
+    const shapes = report.secretShapes.length === 0 ? '<p class="rc-p">' + label('rec.shapes.none') + '</p>'
+        : '<ul class="rc-list">' + report.secretShapes.map((shape) => '<li><code>' + shape.classes.map((one) => e(one)).join(', ') + '</code> · ' +
+            inLanguages((t) => names(shape.agentIndex, t)) + ' · ' + e(shape.tool) + ' · <code>' + e(shape.evidence) + '</code></li>').join('') + '</ul>';
+    return '<div class="rc">' + cannot + howChecked(report) + recordedSection(report, names) + section(label('rec.shapes'), shapes) + '</div>';
+}
+/** P61, *How the session was read*: three facts in words, and every code - the rule, its source, the ID - folded. */
+function howChecked(report) {
+    const { policy, redaction, sessionId, paths } = report.scope;
+    const builtIn = policy.origin.startsWith('BUILT-IN DEFAULT');
+    const level = policy.level === 'no-read' || policy.level === 'no-disclose' ? policy.level : 'other';
+    const fact = (key, value, note = '') => '<div class="rc-fact"><dt>' + label(key) + '</dt><dd>' + value +
+        (note === '' ? '' : '<span class="rc-fact-note">' + note + '</span>') + '</dd></div>';
+    const counts = inLanguages((t) => t(builtIn ? 'rec.how.files.builtIn' : 'rec.how.files.own', {
+        patterns: t('scope.patterns', { n: policy.patterns }), exceptions: t('scope.exceptions', { n: policy.exceptions }),
+    }));
+    const where = paths.shared
+        ? label('scope.pathsShared') + ' ' + label('scope.root.' + paths.root + (paths.root === 'known' ? '' : 'Shared'), { n: paths.workingDirectories ?? 0 })
+        : label('rec.how.root.' + paths.root, { n: paths.workingDirectories ?? 0 });
+    const technical = [
+        ['rec.how.session', '<code>' + e(sessionId) + '</code>'], ['rec.how.level', '<code>' + e(policy.level) + '</code>'],
+        ['rec.how.origin', '<code>' + e(policy.origin) + '</code>'],
+        ['scope.ruleset', 'v' + redaction.rulesetVersion], ['scope.redactions', String(redaction.redactions)],
+        ['scope.distinct', String(redaction.distinctValues)], ['scope.protected', String(redaction.protectedContents)],
+        ['scope.missingClasses', redaction.missingClasses.length === 0 ? '' : redaction.missingClasses.map((one) => e(one)).join(', ')],
+    ];
+    return section(label('rec.how.h'), '<dl class="rc-facts">' +
+        fact('rec.how.rule', label('rec.how.rule.' + level)) +
+        fact('rec.how.files', counts, label('rec.how.files.note')) +
+        fact('rec.how.paths', label(paths.shared ? 'rec.how.paths.shared' : 'rec.how.paths.full'), where) + '</dl>' +
+        '<details class="rc-fold"><summary>' + label('scope.technical') + '</summary><dl class="rc-dl">' +
+        technical.map(([key, value]) => '<dt>' + label(key) + '</dt><dd>' + (value === '' ? label('scope.none') : value) + '</dd>').join('') + '</dl></details>');
+}
+/**
+ * What the AI's runtime recorded at the time (`2026-09-27-what-codex-wrote.md` X19-X23), beside how this report was read
+ * and never in its place: the permissions in force by turn, and what its reviewer decided - on a turn, never on an
+ * action. What the record can show is said once, in the tab's first card. Nothing a reviewer wrote is quoted. A record
+ * that holds none of it has no section.
+ */
+function recordedSection(report, names) {
+    const { recorded } = report;
+    if (recorded.permissions.length === 0 && recorded.reviews.length === 0)
+        return '';
+    const ai = e(PROVIDER_NAMES[report.scope.provider]);
+    const permissions = recorded.permissions.map((group) => '<li>' + inLanguages((t) => [
+        t('rec.perm.turns', { n: group.turns }),
+        t('rec.perm.approval', { value: group.approval === undefined ? t('rec.value.none') : '<code>' + e(group.approval) + '</code>' }),
+        t('rec.perm.approver', { value: t('rec.who.' + group.approver, { ai }) }),
+        t('rec.perm.sandbox', { value: group.sandbox === undefined ? t('rec.value.none') : '<code>' + e(group.sandbox) + '</code>' }),
+        t('rec.perm.network', { value: t('rec.net.' + group.network) }),
+        t('rec.perm.scopes', { read: group.readScopes, write: group.writeScopes }),
+    ].join(' · ')) +
+        (group.writablePaths.length === 0 ? '' : '<br><span class="rc-dim">' + label('rec.perm.writable') + '</span> ' +
+            group.writablePaths.map((path) => '<code>' + e(path) + '</code>').join(', ')) +
+        (group.complete ? '' : '<br><span class="rc-dim">' + label('rec.perm.incomplete') + '</span>') + '</li>').join('');
+    const verdicts = recorded.reviews.flatMap((review) => review.verdicts.map((verdict) => '<li>' + inLanguages((t) => (verdict.outcome === 'unrecognised' ? t('rec.review.unrecognised')
+        : verdict.turnKnown ? t('rec.review.allowed', { who: names(review.reviewedAgentIndex, t) }) : t('rec.review.allowedNoTurn')) +
+        (verdict.risk === undefined ? '' : ' · ' + t('rec.review.risk', { risk: e(verdict.risk) })) +
+        (verdict.rationaleSize === undefined ? '' : ' · ' + t('rec.review.why', { n: verdict.rationaleSize }))) +
+        ' · <code>' + e(verdict.evidence) + '</code></li>')).join('');
+    return section(label('rec.recorded', { ai }), '<p class="rc-p rc-dim">' + label('rec.recorded.note', { ai }) + '</p>' +
+        (permissions === '' ? '' : '<ul class="rc-list">' + permissions + '</ul>') +
+        (verdicts === '' ? '' : '<h4 class="rc-h4">' + label('rec.reviews', { ai }) + '</h4><ul class="rc-list">' + verdicts + '</ul>'));
+}
+/** P62: every AI's run, step by step, with every action it took folded under it. */
+export function agentRuns(report) {
+    const names = namesOf(report);
+    const runs = report.flows.map((flow) => run(flow, report, names)).join('');
+    return '<section class="rc-runs"><div class="rc-runs-head"><h3 class="rc-h">' + label('steps.how') + '</h3>' +
+        (runs === '' ? '' : '<p class="rc-p rc-dim rc-narrow">' + label('rec.runs.lead') + '</p><ul class="rc-key">' +
+            ['coral', 'blue', 'amber', 'mint'].map((tone) => '<li><span class="rc-key-dot rc-tone-' + tone + '" aria-hidden="true"></span>' +
+                label('rec.runs.key.' + tone) + '</li>').join('') + '</ul>') + '</div>' +
+        (runs === '' ? '<p class="rc-p">' + label('rec.runs.none') + '</p>' : runs) + '</section>';
+}
+function run(flow, report, names) {
+    const named = new Set();
+    const agent = [report.graph.main, ...report.graph.agents].find((each) => each.index === flow.agentIndex);
+    const actions = agent === undefined ? [] : actionsFor(agent, report);
+    // P63, what-came-back R14: what came back from this AI, in the earlier report's sentences - never delivered is not
+    // "could not be read" (where-the-value-went R5), and what it wrote in its own messages is said beside it (R4b).
+    const cameBack = report.returns.filter((statement) => statement.agentIndex === flow.agentIndex).map((statement) => '<p class="rc-p rc-came-' + statement.strength + '">' + inLanguages((t) => t(statement.awaited === true ? 'return.awaited' : statement.inferred === true ? 'return.crossed' : 'return.' + statement.strength, {
+        files: returnFiles(t, statement.paths, statement.fileUncertain === true && statement.strength === 'value'),
+        n: statement.filesReached,
+        length: statement.reportLength ?? '?',
+    }) + (statement.strength === 'value' || statement.writtenFrom.length === 0 ? '' : ' ' + t('return.written', {
+        files: returnFiles(t, statement.writtenFrom, statement.fileUncertain === true),
+    }))) + '</p>').join('');
+    const steps = flow.steps.map((step) => {
+        const html = stepHtml(step, named, names, flow.agentIndex, report);
+        if ('files' in step)
+            named.add(JSON.stringify(step.files));
+        return html;
+    });
+    // The avatar says what the steps say: coral where one of them put a private file's text in front of this AI.
+    const read = steps.some((html) => html.includes('rc-tone-coral'));
+    return '<article class="rc-run" id="run-' + flow.agentIndex + '"><h4 class="rc-run-h">' +
+        avatar(agent?.ordinal === undefined ? 'AI' : 'H' + agent.ordinal, read ? 'coral' : 'grey', 30) +
+        '<span>' + inLanguages((t) => names(flow.agentIndex, t)) + '</span>' + tag(label('steps.count', { n: flow.steps.length }), 'grey', 'badge') + '</h4>' +
+        (cameBack === '' ? '' : '<div class="rc-came"><div class="rc-step-title">' + label('rec.cameBack') + '</div>' + cameBack + '</div>') +
+        '<ol class="rc-steps">' + steps.join('') + '</ol>' +
+        (actions.length === 0 ? '' : '<details class="rc-which rc-every"><summary>' + label('rec.actions', { n: actions.length }) + '</summary><div class="rc-actions">' +
+            actions.map((action) => '<div class="rc-action"><span class="rc-mono">' + action.sequence + '</span><span class="rc-mono">' + e(action.tool) + '</span>' +
+                '<span class="rc-mono">' + (action.target === undefined ? '—' : e(action.target)) + '</span>' +
+                tag(label('st.res.' + action.outcome), action.outcome === 'succeeded' ? 'mint' : action.outcome === 'blocked' ? 'grey' : 'coral') +
+                '<span class="rc-mono rc-dim">' + e(action.evidence) + '</span></div>').join('') + '</div></details>') +
+        '</article>';
+}
+/** Files as chips; "or" between them where the transcript does not say which one a value came from (what-came-back R8). */
+const chips = (t, paths, uncertain = false) => paths.map((path) => '<code class="rc-chip">' + e(path) + '</code>').join(uncertain && paths.length > 1 ? t('files.or') : ', ');
+const programList = (programs) => (programs ?? []).length === 0 ? '' : ' (' + (programs ?? []).map((program) => '<b>' + e(program) + '</b>').join(', ') + ')';
+/** P62, P63: one step in the earlier report's sentences - its number, its kind, what it did, and where it leads. */
+function stepHtml(step, named, names, agentIndex, report) {
+    const link = (index) => index === undefined ? '' :
+        '<a class="rc-link" href="#run-' + index + '">' + inLanguages((t) => t('flow.openOther', { name: names(index, t) })) + '</a>';
+    const uncertain = (index) => report.returns.some((item) => item.agentIndex === index && item.fileUncertain === true);
+    let title;
+    let body;
+    let after = '';
+    // The number's colour is the step's meaning, in the palette's words: coral - a private file's text was in front of the
+    // AI; blue - only its name; amber - not known; mint - stopped; grey - work passed between AIs.
+    let tone = 'grey';
+    switch (step.kind) {
+        case 'asked':
+            title = 'flow.kind.asked';
+            body = (t) => step.askedTo === undefined ? t('flow.askedBare', { by: names(step.byAgentIndex, t) })
+                : t('flow.asked', { by: names(step.byAgentIndex, t), asked: t('quote.open') + e(step.askedTo) + t('quote.close') });
+            after = link(step.byAgentIndex);
+            break;
+        case 'reached': {
+            // A traced value may be from any file the call reached; lines a search printed say whose they are.
+            const read = filesRead(step).length > 0;
+            // X10: a process's own output is not what the agent was handed, so its lacking the contents says nothing of that.
+            const key = step.outcome === 'blocked' ? 'blocked' : step.outcome === 'unknown' ? 'unknown' : read ? 'value'
+                : step.sources.includes('result') ? 'result' : step.processOutput === true ? 'printed' : 'input';
+            tone = key === 'blocked' ? 'mint' : key === 'unknown' || key === 'printed' ? 'amber' : key === 'value' ? 'coral' : 'blue';
+            title = step.outcome !== 'succeeded' ? 'flow.kind.reached.' + step.outcome
+                : read ? 'flow.kind.reached.value' : step.sources.includes('result') ? 'flow.kind.reached.path' : 'flow.kind.reached.named';
+            body = (t) => t('flow.reached.' + key, { did: '<b>' + e(step.did) + '</b>', files: chips(t, read ? filesRead(step) : step.files, step.carriedValue) });
+            after = '<details class="rc-which rc-wrote"><summary>' + label('wrote.open') + '</summary><div class="rc-open">' + wroteBefore(step.wrote) + '</div></details>';
+            break;
+        }
+        case 'received':
+            title = 'flow.kind.received';
+            tone = 'coral';
+            body = (t) => t('flow.received', { files: chips(t, step.files, true) });
+            break;
+        case 'carried':
+            title = 'flow.kind.carried';
+            tone = 'coral';
+            body = (t) => t(step.named.length === 0 ? 'flow.carriedBare' : 'flow.carried', { did: '<b>' + e(step.did) + '</b>', named: chips(t, step.named) });
+            break;
+        case 'used': {
+            const same = named.has(JSON.stringify(step.files));
+            const key = (step.landed === 'file' ? (step.intoProtected === true ? 'use.fileProtected' : 'use.file')
+                : step.landed === 'command' ? (step.commits === true ? 'use.commit' : 'use.command') : 'use.' + step.landed) + (same ? '.same' : '');
+            title = 'flow.kind.used.' + step.landed;
+            tone = 'coral';
+            body = (t) => t(key, { files: chips(t, step.files, step.fileUncertain === true), targets: chips(t, step.targets ?? []), programs: programList(step.programs) }) +
+                (step.after !== undefined ? ' ' + t('flow.after', { n: step.after }) : step.source === 'none' ? ' ' + t('use.source.none') : '');
+            break;
+        }
+        case 'delegated':
+            title = 'flow.kind.delegated';
+            tone = step.strength === 'value' ? 'coral' : 'grey';
+            body = (t) => t('flow.delegated.' + (step.awaited === true ? 'awaited' : step.inferred === true ? 'crossed' : step.strength), {
+                agent: names(step.toAgentIndex, t), files: returnFiles(t, step.files, uncertain(step.toAgentIndex) && step.strength === 'value'),
+            });
+            after = link(step.toAgentIndex);
+            break;
+        case 'returned':
+            title = 'flow.kind.returned';
+            tone = step.strength === 'value' ? 'coral' : 'grey';
+            body = (t) => t('flow.returned.' + (step.awaited === true ? 'awaited' : step.inferred === true ? 'crossed' : step.strength), {
+                agent: names(step.toAgentIndex, t), files: returnFiles(t, step.files, uncertain(agentIndex) && step.strength === 'value'),
+            });
+            after = link(step.toAgentIndex);
+            break;
+    }
+    const times = step.count > 1 ? '<b class="rc-times">' + step.count + ' ×</b> ' : '';
+    // The links to another AI's run stay beside the step's words; what it wrote before and where it is in the record are
+    // one row of pills, and an open one takes the row's width.
+    const links = after.startsWith('<a') ? after : '';
+    const wrote = links === '' ? after : '';
+    return '<li class="rc-step rc-' + step.kind + (step.broken === true ? ' rc-broken' : '') + '"><span class="rc-n rc-tone-' + tone + '">' + step.number + '</span>' +
+        '<div class="rc-step-body"><div class="rc-step-title">' + label(title) + '</div><p class="rc-p rc-step-text">' + inLanguages((t) => times + body(t)) + '</p>' + links +
+        '<div class="rc-tools">' + wrote + '<details class="rc-which"><summary>' + label('flow.records', { n: step.evidence.length }) + '</summary><div class="rc-open"><code class="rc-refs">' +
+        step.evidence.map((ref) => e(ref)).join(' → ') + '</code></div></details></div></div></li>';
+}
+function returnFiles(t, paths, uncertain) {
+    const files = paths.map((path) => '<code>' + e(path) + '</code>');
+    return files.join(uncertain && files.length > 1 ? t('files.or') : ', ');
+}
+/** P62, why-this-call R6-R8: the agent's one sentence, quoted as its own, or the fact in its place. */
+function wroteBefore(wrote) {
+    const covers = wrote.covers > 1 ? '<p class="rc-p rc-dim">' + label('wrote.covers', { n: wrote.covers }) + '</p>' : '';
+    if (wrote.sentence !== undefined) {
+        const sentence = wrote.sentence;
+        return '<div class="rc-quote-head">' + label(wrote.kind === 'said' ? 'wrote.head.said' : 'wrote.head.reasoning') + '</div>' +
+            '<blockquote class="rc-quote">' + inLanguages((t) => t('quote.open') + e(sentence) + t('quote.close')) + '</blockquote>' +
+            (wrote.cut === true ? '<p class="rc-p rc-dim">' + label('wrote.cut', { n: SENTENCE_CAP }) + '</p>' : '') + covers;
+    }
+    const files = wrote.carried.map((path) => '<code>' + e(path) + '</code>').join(', ');
+    const said = wrote.carried.length > 0 ? label('wrote.carried', { files })
+        : wrote.size === 0 ? (wrote.blank > 0 ? label('wrote.blank', { n: wrote.blank }) : label('wrote.none')) : label('wrote.size', { n: wrote.size });
+    return '<p class="rc-p">' + said + '</p>' + covers;
+}
+export const RECORD_VIEW_STYLE = String.raw `
+.rc{display:flex;flex-direction:column;gap:28px}
+.rc-sect,.rc-runs{border-radius:16px;background:var(--card);border:1px solid var(--white-09);padding:22px 24px}
+.rc-runs{margin-top:28px;display:flex;flex-direction:column;gap:22px}
+.rc-runs-head .rc-h{margin-bottom:6px}
+.rc-key{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--text-2)}
+.rc-key li{display:flex;align-items:center;gap:7px}
+.rc-key-dot{width:10px;height:10px;border-radius:50%}
+.rc-key-dot.rc-tone-coral{background:var(--coral)}.rc-key-dot.rc-tone-blue{background:var(--blue)}.rc-key-dot.rc-tone-amber{background:var(--amber)}.rc-key-dot.rc-tone-mint{background:var(--mint)}
+.rc-h{margin:0 0 12px;font-size:17px;font-weight:650}
+.rc-answer>.tag{margin-bottom:12px}
+.rc-title{margin:0 0 8px;font-size:22px;line-height:1.3;font-weight:650;letter-spacing:-0.01em}
+.rc-lead{margin:0 0 6px;max-width:680px;font-size:15px;line-height:1.55;color:var(--text-2)}
+.rc-narrow{max-width:680px}
+.rc-rows{list-style:none;margin:0 0 10px;padding:0;border:1px solid var(--white-07);border-radius:12px;background:var(--panel);overflow:hidden}
+.rc-row{display:flex;align-items:flex-start;gap:14px;padding:14px 16px}
+.rc-row+.rc-row{border-top:1px solid var(--white-07)}
+.rc-row-mark{flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--amber)}
+.rc-row-main{flex:1;min-width:0}
+.rc-row-t{font-size:15px;font-weight:600;color:var(--text)}
+.rc-row-d{margin-top:2px;font-size:14px;line-height:1.5;color:var(--text-2)}
+.rc-row>.tag{flex:none;margin-top:1px}
+.rc-which{margin-top:8px}
+.rc-which>summary{display:inline-flex;cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:var(--text-soft);padding:4px 12px;border-radius:999px;border:1px solid var(--white-14)}
+.rc-which>summary::-webkit-details-marker{display:none}
+.rc-which>summary:hover{border-color:var(--white-32)}
+.rc-which[open]>summary{margin-bottom:8px}
+.rc-note{margin-top:18px}
+.rc-facts{margin:0;display:flex;flex-direction:column}
+.rc-fact{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:6px 24px;padding:12px 0;border-top:1px solid var(--white-07)}
+.rc-fact:first-child{border-top:0;padding-top:0}
+.rc-fact dt{font-size:13px;font-weight:600;color:var(--text-3);padding-top:2px}
+.rc-fact dd{margin:0;font-size:15px;line-height:1.5;color:var(--text)}
+.rc-fact-note{display:block;margin-top:4px;max-width:680px;font-size:14px;line-height:1.5;color:var(--text-3)}
+@media (max-width:640px){.rc-sect,.rc-runs{padding:18px 16px}.rc-fact{grid-template-columns:1fr;gap:2px}.rc-row-cap{flex-direction:column;gap:8px}.rc-dl{grid-template-columns:1fr}}
+.rc-h4{margin:18px 0 8px;font-size:14px;font-weight:650;color:var(--text-soft)}
+.rc-p{margin:0 0 8px;font-size:14.5px;line-height:1.55;color:var(--text)}
+.rc-p code,.rc-list code{font-family:var(--mono);font-size:13px}
+.rc-dim{color:var(--text-3)}
+.rc-list{margin:0 0 8px;padding-left:20px;font-size:14px;line-height:1.6}
+.rc-fold>summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--text-2);margin:6px 0}
+.rc-dl{display:grid;grid-template-columns:minmax(160px,auto) 1fr;gap:6px 18px;margin:8px 0 0;font-size:14px}
+.rc-dl dt{color:var(--text-3)}.rc-dl dd{margin:0;font-family:var(--mono);font-size:13px}
+.rc-run{border-top:1px solid var(--white-07);padding-top:20px}
+.rc-run-h{margin:0 0 16px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:650}
+.rc-steps{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column}
+.rc-step{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding-bottom:22px}
+.rc-step:last-child{padding-bottom:4px}
+.rc-step:not(:last-child)::before{content:"";position:absolute;left:14px;top:34px;bottom:4px;border-left:2px solid var(--white-08)}
+.rc-broken:not(:last-child)::before{border-left-style:dashed;border-left-color:var(--amber-35)}
+.rc-n{width:30px;height:30px;border-radius:50%;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid transparent}
+.rc-tone-coral{background:var(--coral-16);color:var(--coral-text);border-color:var(--coral-35)}.rc-tone-blue{background:var(--blue-16);color:var(--blue)}
+.rc-tone-amber{background:var(--amber-12);color:var(--amber);border-color:var(--amber-35)}.rc-tone-mint{background:var(--mint-12);color:var(--mint)}
+.rc-tone-grey{background:var(--white-06);color:var(--text-2)}
+.rc-step-body{min-width:0;padding-top:4px}
+.rc-step .rc-step-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:3px}
+.rc-step-text{max-width:820px;color:var(--text-2)}
+.rc-step-text b{color:var(--text);font-weight:600}
+.rc-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
+.rc-tools>.rc-which{margin-top:0}
+.rc-tools>.rc-which[open]{flex-basis:100%}
+.rc-open{padding:12px 14px;border-radius:10px;background:var(--panel);border:1px solid var(--white-07)}
+.rc-open>:last-child{margin-bottom:0}
+.rc-every{margin-top:4px}
+.rc-step-title{font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:4px}
+.rc-times{color:var(--coral-text)}
+.rc-chip{font-family:var(--mono);font-size:12.5px;color:var(--text);background:var(--white-07);border:1px solid var(--white-10);border-radius:6px;padding:1px 6px}
+.rc-link{display:inline-block;margin:2px 0 4px;font-size:13.5px;font-weight:600;color:var(--coral-text)}
+.rc-refs{display:block;font-family:var(--mono);font-size:12.5px;color:var(--text-3);overflow-wrap:anywhere}
+.rc-quote-head{font-size:13px;font-weight:600;color:var(--text-3);margin:8px 0 4px}
+.rc-quote{margin:0 0 8px;padding:8px 14px;border-left:2px solid var(--white-18);font-size:14.5px;line-height:1.55;color:var(--text-soft)}
+.rc-came{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--white-07)}
+.rc-actions{display:flex;flex-direction:column;gap:6px;margin-top:8px}
+.rc-action{display:grid;grid-template-columns:40px minmax(120px,0.8fr) minmax(0,1.5fr) 110px minmax(0,1fr);gap:12px;align-items:center;font-size:13px}
+.rc-mono{font-family:var(--mono);font-size:12.5px;overflow-wrap:anywhere}
+`;