[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_112":113,"_114":115},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","canonry","name","AI-Visibility-Check","path","src/ui/render.ts","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":59,"_60":61,"_62":63,"_64":34,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/canonry/AI-Visibility-Check/code/src/ui/render.ts","extension","id","24d56b8a-c0c0-4c96-9dab-c745268fabdd","render.ts","fileId","9343b730-a63e-11f1-a6d3-1607ee4eb77e","parentId","91e63a7a-a63e-11f1-9a7d-1607ee4eb77e","branchId","a4524491-dcb3-470a-a361-437a88df6a63","branchVersion",323,"latest",true,"createdAt",["D",1788474097213],"version",30,"fileType","script","content","import { MAX_USER_QUERIES } from 'npm:@canonry/val-kit@0.2.0/jobs'\nimport { canonryDemoStyles, canonryGlyph, canonryMark } from 'npm:@canonry/val-kit@0.2.0/ui'\nimport { canonryDemoClientScript, QUERY_HINT_SUFFIX } from './client.ts'\nimport type {\n CanonryDemoViewModel,\n DemoUiStatus,\n EvidenceSource,\n QueryEvidenceViewModel,\n ShareEntryViewModel,\n ShareViewModel,\n SiteHealthFactorViewModel,\n SiteHealthPageViewModel,\n UiNotice,\n VisibilityViewModel,\n} from './types.ts'\n\nconst DEFAULT_CSS_HREF = '/assets/canonry-ui.css'\nconst DEFAULT_SCRIPT_SRC = '/assets/canonry-ui.js'\nconst DEFAULT_MARK_SRC = '/assets/canonry-mark.svg'\nconst DEFAULT_GLYPH_SRC = '/assets/canonry-glyph.svg'\n\n/**\n * Fingerprint an asset's own content into its URL.\n *\n * The document is `no-store` but the stylesheet was `max-age=3600`, so after a\n * deploy a returning visitor got new markup styled by an hour-old stylesheet —\n * new class names unstyled, removed ones still applied. A content hash changes\n * the URL exactly when the bytes change, which is what makes a long cache\n * lifetime safe rather than a liability.\n *\n * FNV-1a rather than SHA-256 because this runs at module load and only has to\n * differ when the content differs; it is a cache key, not a security boundary.\n */\nexport function assetUrl(path: string, content: string): string {\n let hash = 0x811c9dc5\n for (let index = 0; index < content.length; index++) {\n hash ^= content.charCodeAt(index)\n hash = Math.imul(hash, 0x01000193) >>> 0\n }\n return `${path}?v=${hash.toString(36)}`\n}\nconst MAX_ANSWER_CHARS = 1_400\n\nfunction escapeHtml(value: unknown): string {\n return String(value ?? '')\n .replaceAll('&', '&')\n .replaceAll('<', '<')\n .replaceAll('>', '>')\n .replaceAll('\"', '"')\n .replaceAll(\"'\", ''')\n}\n\nfunction escapeAttr(value: unknown): string {\n return escapeHtml(value).replaceAll('`', '`')\n}\n\nfunction safeUrl(value: string): string | null {\n try {\n const url = new URL(value)\n return url.protocol === 'https:' || url.protocol === 'http:' ? url.toString() : null\n } catch {\n return null\n }\n}\n\nfunction safeHref(value: string): string | null {\n if (value.startsWith('/') && !value.startsWith('//')) return value\n return safeUrl(value)\n}\n\nfunction safeFormAction(value: string): string {\n return value.startsWith('/') && !value.startsWith('//') ? value : '/check'\n}\n\nfunction safeHost(value: string): string {\n const url = safeUrl(value)\n if (!url) return 'Unavailable source'\n return new URL(url).hostname\n}\n\nfunction clip(value: string | null | undefined, limit = MAX_ANSWER_CHARS): string {\n if (!value) return ''\n return value.length > limit ? `${value.slice(0, limit - 1).trimEnd()}…` : value\n}\n\nfunction isFiniteNumber(value: number | null | undefined): value is number {\n return typeof value === 'number' && Number.isFinite(value)\n}\n\nfunction asPercent(value: number | null | undefined): string {\n if (!isFiniteNumber(value)) return 'Not measured'\n return `${Number.isInteger(value) ? value : value.toFixed(1)}%`\n}\n\nfunction asScore(value: number | null | undefined): string {\n return isFiniteNumber(value) ? `${Math.round(value)} / 100` : 'Not measured'\n}\n\nfunction formatTime(value: string | null | undefined): string | null {\n if (!value) return null\n const date = new Date(value)\n if (Number.isNaN(date.valueOf())) return null\n return new Intl.DateTimeFormat('en-US', {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n hour: 'numeric',\n minute: '2-digit',\n }).format(date)\n}\n\nfunction statusCopy(status: DemoUiStatus): UiNotice | null {\n switch (status) {\n case 'loading':\n return {\n tone: 'neutral',\n title: 'Checking this domain',\n detail: 'The report will appear here when the bounded checks finish.',\n }\n case 'partial':\n return {\n tone: 'caution',\n title: 'Partial result',\n detail: 'Only completed checks are included below. Failed checks are shown separately.',\n }\n case 'error':\n return {\n tone: 'negative',\n title: 'This check could not finish',\n detail: 'Try again later or use a domain that responds publicly.',\n }\n case 'rate-limited':\n return {\n tone: 'caution',\n title: 'Check limit reached',\n detail: 'This public sample has reached its current limit. Try again later.',\n }\n case 'empty':\n return { tone: 'neutral', title: 'No report yet', detail: 'Enter a public domain to create a bounded snapshot.' }\n default:\n return null\n }\n}\n\nfunction renderNotice(notice: UiNotice | undefined): string {\n if (!notice) return ''\n const href = notice.action?.href ? safeHref(notice.action.href) : null\n const action = href && notice.action\n ? `${escapeHtml(notice.action.label)}`\n : ''\n return `\n `\n}\n\n/**\n * Share of voice as a single 100% bar plus a ranked table.\n *\n * A bar rather than a pie because the question is comparative (\"am I ahead of\n * that site?\") and angles are read worse than lengths. One bar rather than a\n * bar per domain because the parts are shares of one whole, and the whole is\n * the point.\n *\n * The checked site is the only coloured segment. Rivals sit on a neutral ramp,\n * because giving each a hue would imply category meaning that does not exist:\n * they are the field, not a taxonomy. The ramp is ordered so adjacent segments\n * stay distinguishable.\n */\n/**\n * What the check actually does, carried by the heading's tooltip rather than a\n * subtitle. The trigger is a real button, and the copy rides its `aria-label`\n * so nothing is lost for assistive tech or for a test that looks the button up\n * by accessible name.\n */\nconst LANDING_EXPLAINER =\n 'An answer engine is asked your questions. We record whether the answer names your brand and whether it cites your domain, then run a technical SEO audit on a sample of your pages.'\n\n/** Where \"open source Canonry\" points. */\nconst CANONRY_REPO_URL = 'https://github.com/Canonry/canonry'\n\n/**\n * Ring geometry. `r` and the stroke width set the hole, and the hole is what\n * the target's own share is written into: a share chart where the reader has to\n * hunt for their own row has buried its own headline.\n */\nconst DONUT_RADIUS = 38\nconst DONUT_CIRCUMFERENCE = 2 * Math.PI * DONUT_RADIUS\n/** Separator between slices, in path units, shrunk for a slice too thin to keep it. */\nconst DONUT_GAP = 1.6\n\n/** One arc, positioned by how much of the ring precedes it. */\nfunction donutArc(startFraction: number, fraction: number, className: string, label: string): string {\n const length = fraction * DONUT_CIRCUMFERENCE\n if (length <= 0) return ''\n const drawn = Math.max(length - Math.min(DONUT_GAP, length * 0.3), 0.01)\n return ``\n}\n\n/** Copy that must change with the basis, since the two measure different things. */\nconst SHARE_BASIS = {\n mention: {\n label: 'Mentioned',\n caption: 'Brands named in the answer text. A brand counts once per answer.',\n column: 'Brand',\n tailNoun: 'named in',\n unmeasured: 'Mentions were not measured on this check.',\n },\n citation: {\n label: 'Cited',\n caption: 'Domains cited as sources. A domain counts once per answer.',\n column: 'Domain',\n tailNoun: 'cited in',\n unmeasured: 'Citations were not measured on this check.',\n },\n} as const\n\n/**\n * The whole section, with a basis switch when both are measurable.\n *\n * The switch is two radios and CSS, not script: the page CSP allows no inline\n * script, and a control that only works once an external file has loaded is a\n * control that is broken on first paint. Radios also give the group real\n * keyboard semantics for free, which a pair of divs would not.\n */\nfunction renderShareSection(visibility: VisibilityViewModel, idPrefix = 'share'): string {\n // Both bases are always offered. A basis with no data gets a pane that says\n // so, because a control that silently disappears reads as a broken page: the\n // reader cannot tell the difference between \"this was not measured\" and\n // \"this feature is gone\". The extraction can fail on a live check too, so\n // this is not only about records written before it existed.\n const panes = [\n { basis: 'mention', share: visibility.mentionShare },\n { basis: 'citation', share: visibility.share },\n ] as const\n if (panes.every((pane) => !pane.share)) return ''\n\n const headingId = `${idPrefix}-heading`\n const heading = `

Who else shows up

`\n // Open on a basis that HAS data, or the page loads onto an empty pane.\n const defaultBasis = panes.find((pane) => pane.share)?.basis ?? 'citation'\n\n const inputs = panes.map((pane) =>\n ``\n ).join('')\n const switcher = ``\n\n return `\n

\n ${heading}\n ${inputs}\n ${switcher}\n ${\n panes.map((pane) =>\n ``\n ).join('')\n }\n

`\n}\n\nfunction renderSharePane(\n share: ShareViewModel,\n basis: 'mention' | 'citation',\n idPrefix: string,\n headingId: string,\n): string {\n const copy = SHARE_BASIS[basis]\n const descId = `${idPrefix}-desc`\n\n // Fractions come from the counts, never from the rounded display percent:\n // eight rows each rounded to 5% would leave the ring visibly short.\n let cursor = 0\n const arcs = share.entries.map((entry, index) => {\n const fraction = entry.answers / share.totalAppearances\n const arc = donutArc(\n cursor,\n fraction,\n segmentClass(entry, index),\n `${escapeHtml(entry.domain)}: ${entry.percent}%`,\n )\n cursor += fraction\n return arc\n }).join('') + (share.tail\n ? donutArc(cursor, Math.max(1 - cursor, 0), 'is-other', `${share.tail.domains} more: ${share.tail.percent}%`)\n : '')\n\n const rows = share.entries.map((entry, index) => `\n \n ${\n escapeHtml(entry.domain)\n }${entry.isTarget ? '' : ''}\n ${entry.percent}%\n ${entry.answers} of ${share.measuredAnswers}\n `).join('')\n\n const summary = share.targetPercent === 0\n ? `${escapeHtml(share.targetDomain)} was not ${copy.tailNoun} any answer`\n : `${escapeHtml(share.targetDomain)} holds ${share.targetPercent}%`\n\n return `\n

${copy.caption}

\n \n ${\n share.tail\n ? ``\n : ''\n }\n ${\n share.unattributedAnswers > 0\n ? ``\n : ''\n }\n `\n}\n\nfunction round2(value: number): string {\n return (Math.round(value * 100) / 100).toString()\n}\n\n/** Target first, remainder last, rivals on a five-step neutral ramp. */\nfunction segmentClass(entry: ShareEntryViewModel, index: number): string {\n if (entry.isTarget) return 'is-target'\n return `rank-${index % 5}`\n}\n\nfunction renderVisibilityChart(visibility: VisibilityViewModel): string {\n const mention = visibility.summaries.mentioned\n const cite = visibility.summaries.cited\n const checkedAt = formatTime(visibility.checkedAt)\n return `\n

Answer-engine snapshot

\n ${checkedAt ? `

Checked ${escapeHtml(checkedAt)}

` : ''}\n

Mentioned in the answer: ${\n asPercent(mention.rate)\n }
Cited as a source: ${\n asPercent(cite.rate)\n }

`\n}\n\nfunction signalLabel(value: boolean | null, positive: string, negative: string): string {\n if (value === true) return positive\n if (value === false) return negative\n return 'Not measured'\n}\n\nfunction signalClass(value: boolean | null): string {\n if (value === true) return 'signal-positive'\n if (value === false) return 'signal-neutral'\n return 'signal-unavailable'\n}\n\nfunction renderSource(source: EvidenceSource): string {\n const url = safeUrl(source.url)\n const title = source.title?.trim() || safeHost(source.url)\n if (!url) {\n return `

${\n escapeHtml(title)\n }Unavailable URL

`\n }\n return `

${\n escapeHtml(title)\n }${escapeHtml(safeHost(url))}${\n source.isTargetDomain ? ' · target source' : ''\n }

`\n}\n\nfunction renderEvidenceDetails(row: QueryEvidenceViewModel): string {\n const answer = row.answerText\n ? `

${escapeHtml(clip(row.answerText))}

`\n : '

Answer text was not retained for this result.

'\n const sources = row.sources?.length\n ? `

${row.sources.map(renderSource).join('')}`\n : '

No source URLs were recorded.

'\n const matched = row.matchedTerms?.length\n ? `

Matched terms${escapeHtml(row.matchedTerms.join(', '))}

`\n : ''\n const models = [\n row.requestedModel ? `Requested: ${escapeHtml(row.requestedModel)}` : '',\n row.servedModel ? `Served: ${escapeHtml(row.servedModel)}` : '',\n ].filter(Boolean).join('')\n const searches = row.searchQueries?.length\n ? `

Search queries${escapeHtml(row.searchQueries.join(', '))}

`\n : ''\n const error = row.error\n ? `

Unavailable${escapeHtml(row.error)}

`\n : ''\n return `\n

View evidence

${models}${\n row.completedAt && formatTime(row.completedAt)\n ? `Completed: ${escapeHtml(formatTime(row.completedAt)!)}`\n : ''\n }

Answer

${answer}

\n ${matched}${searches}${error}\n

Sources

${sources}

`\n}\n\nfunction renderEvidence(visibility: VisibilityViewModel): string {\n const rows = visibility.evidence.map((row) => `\n \n ${escapeHtml(row.query)}\n ${escapeHtml(row.providerLabel ?? row.provider)}\n ${\n row.mentioned === true ? '✓' : row.mentioned === false ? '−' : '?'\n }${signalLabel(row.mentioned, 'Mentioned', 'Not mentioned')}\n ${\n row.cited === true ? '✓' : row.cited === false ? '−' : '?'\n }${signalLabel(row.cited, 'Cited', 'Not cited')}\n ${renderEvidenceDetails(row)}\n `).join('')\n const empty =\n '

No completed query evidence

Evidence appears after a check returns an answer.

'\n return `\n

Query evidence

\n ${visibility.notice ? renderNotice(visibility.notice) : ''}\n ${\n visibility.evidence.length\n ? `

${rows}

Query	Engine	Mentioned	Cited	Evidence

`\n : empty\n }\n

`\n}\n\nfunction factorTone(factor: SiteHealthFactorViewModel): string {\n if (factor.state !== 'measured' || !isFiniteNumber(factor.score)) return 'factor-unavailable'\n if (factor.score >= 80) return 'factor-positive'\n if (factor.score >= 60) return 'factor-caution'\n return 'factor-negative'\n}\n\n/**\n * One row per factor, mirroring the dashboard's page audit: the summary carries\n * everything needed to decide whether to open it, and the evidence and the fix\n * live together inside. Closed by default so the section stays scannable.\n */\nfunction renderFactor(factor: SiteHealthFactorViewModel): string {\n const score = isFiniteNumber(factor.score)\n ? `${asScore(factor.score)}`\n : `${factor.state === 'not-applicable' ? 'Not applicable' : 'Unavailable'}`\n\n const list = (items: readonly string[], ordered: boolean) =>\n items.length === 0\n ? ''\n : ordered\n ? `

${escapeHtml(item)}

`\n : `

${escapeHtml(item)}

`\n\n const body = factor.findings.length === 0 && factor.recommendations.length === 0\n ? `

Nothing to report here.

`\n : `${factor.findings.length ? `

Evidence

${list(factor.findings, false)}

` : ''}${\n factor.recommendations.length ? `

Recommended fix

${list(factor.recommendations, true)}

` : ''\n }`\n\n return `

${escapeHtml(factor.label)}${\n escapeHtml(factor.detail)\n }${score}

${body}

`\n}\n\nfunction pageStatusLabel(status: SiteHealthPageViewModel['status']): string {\n if (status === 'good') return 'Good'\n if (status === 'needs-attention') return 'Needs attention'\n return 'Unavailable'\n}\n\nfunction renderPageDetails(page: SiteHealthPageViewModel): string {\n const facts = page.findings.length\n ? `

${escapeHtml(finding)}

`\n : '

No page-level findings were retained.

'\n return `

View findings

${facts}${\n page.indexable != null\n ? `

${\n page.indexable ? 'Indexable in this sample.' : 'Not indexable in this sample.'\n }

`\n : ''\n }

`\n}\n\nfunction readableValue(value: string): string {\n return value.replaceAll(/[-_]+/g, ' ').replaceAll(/\\s+/g, ' ').trim()\n}\n\nfunction renderSiteHealth(siteHealth: CanonryDemoViewModel['siteHealth'], idPrefix = 'site-health'): string {\n const headingId = `${idPrefix}-heading`\n const factorHeadingId = `${idPrefix}-factors`\n const fixHeadingId = `${idPrefix}-fixes`\n const worstPagesHeadingId = `${idPrefix}-worst-pages`\n if (!siteHealth) {\n return `\n

Technical AEO sample

No site-health sample

A bounded crawl can appear with a domain check.

`\n }\n const checkedAt = formatTime(siteHealth.checkedAt)\n // Inbound links come from the same crawl's link graph, joined by URL.\n const inboundByUrl = new Map((siteHealth.siteMap?.nodes ?? []).map((node) => [node.url, node.inboundLinks]))\n const pages = siteHealth.worstPages.map((page) => {\n const inbound = inboundByUrl.get(page.url)\n const url = safeUrl(page.url)\n const label = escapeHtml(page.url.replace(/^https?:\\/\\//, ''))\n const pageLink = url\n ? `${label}`\n : `${label}`\n return `${pageLink}${escapeHtml(pageStatusLabel(page.status))}${\n asScore(page.score)\n }${\n inbound === undefined ? 'not measured' : inbound\n }${renderPageDetails(page)}`\n }).join('')\n const defects = siteHealth.criticalDefects.map((defect) =>\n `

${escapeHtml(defect.detail)}

Fix${\n escapeHtml(defect.recommendation)\n }

`\n ).join('')\n // \"Partial termination\" was the third place that called a bounded sample\n // reaching its own ceiling a failure. Every `max-*` reason names a limit this\n // app configured, so say that; anything else really did end the crawl early.\n const termination = siteHealth.terminationReason\n ? `

${\n siteHealth.terminationReason.startsWith('max-')\n ? `Stopped at a configured limit: ${escapeHtml(readableValue(siteHealth.terminationReason))}`\n : `Crawl ended early: ${escapeHtml(readableValue(siteHealth.terminationReason))}`\n }.

`\n : ''\n const provenance = [\n siteHealth.provenance?.schemaVersion ? `Crawl schema ${siteHealth.provenance.schemaVersion}` : '',\n siteHealth.provenance?.engineVersion ? `Engine ${siteHealth.provenance.engineVersion}` : '',\n ].filter(Boolean).join(' · ')\n return `\n

${escapeHtml(siteHealth.sampleLabel)}

Sample score${asScore(siteHealth.score)}

${siteHealth.completedPages} of ${siteHealth.attemptedPages} pages completed${siteHealth.discoveredPages} pages discovered${\n siteHealth.failedPages === 0\n ? 'No failed pages'\n : `${siteHealth.failedPages} failed ${siteHealth.failedPages === 1 ? 'page' : 'pages'}`\n }${checkedAt ? `Checked ${escapeHtml(checkedAt)}` : ''}

\n ${siteHealth.notice ? renderNotice(siteHealth.notice) : ''}\n ${\n siteHealth.criticalDefects.length\n ? `

Problems outside the score

${defects}

`\n : ''\n }\n

Factors

${\n siteHealth.factors.map(renderFactor).join('')\n }

Worst sampled pages

${\n pages\n ? `

${pages}

Page	Status	Score	Inbound links	Findings

`\n : '

No page audit evidence is available.

'\n }${\n siteHealth.siteMap\n ? `

${siteHealth.siteMap.nodes.length} of ${siteHealth.siteMap.totalPages} pages and ${siteHealth.siteMap.edges.length} of ${siteHealth.siteMap.totalEdges} internal links were seen by this bounded crawl.

`\n : ''\n }

Sample scope

This is a bounded page sample, not a complete technical audit. A score applies only to the pages and factors checked here.

${termination}${\n provenance ? `

${escapeHtml(provenance)}

` : ''\n }

`\n}\n\n/**\n * The form does two different jobs, so it gets two treatments.\n *\n * On the landing page it is the ONLY thing to do, so it is the hero: a full\n * headline, a large field, and the scope note underneath. On a result page the\n * reader already has what they came for, so it shrinks into the header as a\n * secondary action and drops the onboarding copy — that copy wrapped to two\n * lines under a field jammed against the top edge, which is what made the\n * header look broken.\n */\n/**\n * The waiting state, revealed by script when a check is submitted.\n *\n * A check takes about 45 seconds and execution is request-bound, so the native\n * form POST leaves the browser blocked on a navigation for the whole time with\n * nothing on screen but a disabled button. The work still happens inside one\n * request; this just stops that request being the thing the browser is\n * painting.\n *\n * It claims only what is knowable while waiting. The domain and any questions\n * the visitor typed are theirs already; elapsed time is counted, not guessed;\n * and the two tracks are shown running TOGETHER because they genuinely do\n * (`Promise.allSettled` over the probe and the crawl). No invented sequence of\n * phases, because the server reports none and a progress bar that moves on a\n * timer is a lie with a nice curve.\n *\n * Rendered server-side and hidden, rather than built in script, so the markup\n * stays in one place and there is nothing to keep in sync.\n */\nfunction renderLoadingView(): string {\n return `\n `\n}\n\n/** Hover- and focus-revealed note. CSS only, because the page CSP allows no inline script. */\nfunction renderInfoTip(copy: string): string {\n return `${\n escapeHtml(copy)\n }`\n}\n\nfunction renderCheckForm(model: CanonryDemoViewModel, variant: 'hero' | 'compact' = 'compact'): string {\n if (!model.form) return ''\n const value = model.status === 'demo' || model.status === 'empty' ? '' : model.domain\n const verificationStatus = model.form.verificationStatus ?? (model.form.turnstileSiteKey ? 'ready' : 'not-required')\n const hasTurnstile = Boolean(model.form.turnstileSiteKey && verificationStatus === 'ready')\n const disabled = verificationStatus === 'unavailable'\n // interaction-only: the challenge still runs on load, so a token is ready at\n // submit, but the widget is drawn only if the visitor has to do something.\n // The default (`always`) meant the result page carried a green \"Success!\"\n // panel next to the check-another-domain form, announcing the outcome of a\n // challenge for a submission that had not happened, beside a report that had.\n const verification = hasTurnstile\n ? `

`\n : verificationStatus === 'unavailable'\n ? `

!${\n escapeHtml(\n model.form.verificationUnavailableMessage ?? 'Human verification is unavailable. Public checks are disabled.',\n )\n }

`\n : ''\n const verificationSlot = verification\n ? `

${verification}

`\n : ''\n const hero = variant === 'hero'\n return `\n

\n \n

\n \n \n

\n ${\n hero\n ? `

\n Questions you want to show up for optional\n \n

Add up to ${MAX_USER_QUERIES}. We generate the rest. ${QUERY_HINT_SUFFIX}

`\n : ''\n }\n ${\n hero\n // Scope facts, one line, said once. They used to be a sentence here and\n // a second sentence in the footer, which repeated the engine and the\n // question count the hint above already states.\n ? `

Gemini only5-page technical SEO auditMore engines in open source Canonry

`\n : ''\n }\n \n ${verificationSlot}\n

`\n}\n\nfunction renderMain(model: CanonryDemoViewModel): string {\n const glyphHref = assetUrl(DEFAULT_GLYPH_SRC, canonryGlyph)\n const globalNotice =\n (model.status === 'demo' || model.status === 'ready' ? model.notice : model.notice ?? statusCopy(model.status)) ??\n undefined\n const loading = model.status === 'loading'\n const visibility = model.visibility\n // Nothing has been checked yet, so a report header, tabs, and two empty\n // panels are scaffolding around an absence. Lead with the one action instead.\n if (model.status === 'empty') {\n return `\n

\n \n

Does AI mention your brand?${renderInfoTip(LANDING_EXPLAINER)}

\n ${renderCheckForm(model, 'hero')}\n

\n ${renderLoadingView()}\n

\n \n

`\n }\n return `\n

\n \n

${escapeHtml(model.domain)}

\n ${model.locale ? `

${escapeHtml(model.locale)}

` : ''}\n

\n ${model.status === 'demo' ? 'Sample data' : ''}\n

\n ${renderNotice(globalNotice)}\n

\n \n \n

\n ${\n visibility\n ? `${renderVisibilityChart(visibility)}${renderShareSection(visibility)}${renderEvidence(visibility)}`\n : '

No visibility result

Start a check to inspect answer-engine evidence.

'\n }\n

\n \n \n \n

`\n}\n\n/** Returns a complete document so the runtime can use it as an HTTP response body. */\nexport function renderCanonryDemo(model: CanonryDemoViewModel): string {\n const title = `${model.displayName} | AI Visibility Check`\n return `\n\n \n \n \n \n ${escapeHtml(title)}\n \n \n \n \n \n \n ${\n model.form?.turnstileSiteKey && (model.form.verificationStatus ?? 'ready') === 'ready'\n ? ''\n : ''\n }\n \n ${renderMain(model)}\n`\n}\n\n/** Useful for a host that owns the outer document or wants an embedded fragment. */\nexport function renderCanonryDemoBody(model: CanonryDemoViewModel): string {\n return renderMain(model)\n}\n","deleted",false,"label",[47,48,24],"src","ui","b1194860-7c77-41d7-b0b7-f3529a80e15b",["D",1788292195151],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Does AI mention your brand and cite your site? Free check.","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f4d36c97-6af9-485c-0fa5-13e825466c01/square512?exp=1789567199&sig=384af81203f705af155e58c5f81ae8936be1a2a7073f35bdb03d5b63169e25d2","userId","891d245e-ec71-404d-a5ca-223733ee2844","pinnedFileId","92ee44ee-a63e-11f1-8fd4-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a0460b-6625-75ce-9e7f-9a6b062b0798","tursoName","b11948607c7741d7b0b7f3529a80e15b","tursoHostname","b11948607c7741d7b0b7f3529a80e15b-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789514495229],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_111":107},"org",{"_9":10,"_104":105,"_106":107,"_60":-5,"_108":109,"_110":44},"branch",{"_37":94,"_11":95,"_22":30,"_96":49,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":12,"_103":10},"isOwned",333,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Canonry","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/5ae39d80-0d23-48e5-89d8-6bd2a7096401/square512?exp=1789567199&sig=a5ebc03fa3701ebdc18a3095160be5dbf1e5c6f020560ab8d689b484c3dfeba5","tier","free","canRestrictVals","profileImageUrl","ctx",{"_87":-5,"_145":146,"_147":148,"_149":150,"_151":44,"_152":44,"_153":44,"_154":34,"_155":-5,"_156":-7,"_157":-7,"_158":68,"_159":44,"_160":44,"_161":-5,"_162":44,"_163":44,"_164":44,"_165":-5},"ENV",{"_116":117,"_118":119,"_120":95,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":140,"_141":142,"_143":144},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]