// Generated by scripts/generate-manifest.mjs. Do not edit by hand.
import type { AddOnCompiled } from '../../../../../types.js'

type TemplateRecord = Record<string, any>
type TemplateAddOn = TemplateRecord & {
  integrations?: Array<TemplateRecord>
  routes?: Array<TemplateRecord>
}

type TemplateRenderContext = {
  [key: string]: any
  packageManager: any
  projectName: any
  typescript: any
  tailwind: any
  blank: any
  js: any
  jsx: any
  fileRouter: any
  codeRouter: any
  routerOnly: any
  includeExamples: any
  addOnEnabled: Record<string, any>
  addOnOption: Record<string, any>
  addOns: Array<TemplateAddOn>
  integrations: Array<TemplateRecord>
  routes: Array<TemplateRecord>
  getPackageManagerAddScript: (...args: Array<any>) => string
  getPackageManagerRunScript: (...args: Array<any>) => string
  getPackageManagerExecuteScript: (...args: Array<any>) => string
  relativePath: (...args: Array<any>) => string
  integrationImportContent: (...args: Array<any>) => string
  integrationImportCode: (...args: Array<any>) => string | undefined
  renderTemplate: (content: string) => string
  ignoreFile: () => never
}

type TemplateRenderer = (context: TemplateRenderContext) => string | undefined

function __escapeXML(value: unknown) {
  if (value === undefined || value === null) {
    return ''
  }
  return String(value).replace(/[&<>'"]/g, (character) => {
    switch (character) {
      case '&':
        return '&amp;'
      case '<':
        return '&lt;'
      case '>':
        return '&gt;'
      case '"':
        return '&#34;'
      case "'":
        return '&#39;'
      default:
        return character
    }
  })
}

export function getManifestTemplateKey(template: string) {
  let hash = 0x811c9dc5
  for (let i = 0; i < template.length; i++) {
    hash ^= template.charCodeAt(i)
    hash = Math.imul(hash, 0x01000193) >>> 0
  }

  return `${hash.toString(16).padStart(8, '0')}:${template.length}`
}

function __render_66f4457e_670(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
  __append("{\n  \"scripts\": {\n    \"build\": \"")
  __append(__escapeXML(addOnEnabled.vercel ? 'vite build' : 'vite build && cp instrument.server.mjs .output/server'))
  __append("\",\n    \"dev\": \"")
  __append(__escapeXML(addOnEnabled.vercel ? 'dotenv -e .env.local -- vite dev --port 3000' : 'dotenv -e .env.local -- sh -c \"NODE_OPTIONS=\'--import ./instrument.server.mjs\' vite dev --port 3000\"'))
  __append("\",\n    \"start\": \"")
  __append(__escapeXML(addOnEnabled.vercel ? 'node .output/server/index.mjs' : 'node --import ./.output/server/instrument.server.mjs .output/server/index.mjs'))
  __append("\"\n  },\n  \"dependencies\": {\n    \"@sentry/tanstackstart-react\": \"^10.67.0\",\n    \"dotenv-cli\": \"^11.0.0\"\n  },\n  \"pnpm\": {\n    \"onlyBuiltDependencies\": [\n      \"@sentry/cli\"\n    ]\n  }\n}\n")
  return __output
}

const templateRenderers: Record<string, TemplateRenderer> = {
  "66f4457e:670": __render_66f4457e_670,
}

export function hasManifestTemplate(template: string) {
  return getManifestTemplateKey(template) in templateRenderers
}

export function renderManifestTemplate(
  template: string,
  context: TemplateRenderContext,
) {
  const key = getManifestTemplateKey(template)
  const renderer = templateRenderers[key]
  if (!renderer) {
    throw new Error(`Template ${key} was not precompiled into the manifest`)
  }
  return renderer(context) ?? ''
}


export const addOn = {
  "name": "Sentry",
  "phase": "setup",
  "description": "Add Sentry's TanStack Start SDK for server error monitoring and tracing.",
  "link": "https://sentry.com/",
  "modes": [
    "file-router"
  ],
  "type": "add-on",
  "category": "monitoring",
  "color": "#362D59",
  "priority": 130,
  "partner": {
    "id": "sentry",
    "tier": "bronze"
  },
  "routes": [
    {
      "url": "/demo/sentry/testing",
      "name": "Sentry",
      "path": "src/routes/demo.sentry.testing.tsx",
      "jsName": "SentryDemo"
    }
  ],
  "id": "sentry",
  "version": "0.0.0",
  "packageAdditions": {},
  "packageTemplate": "{\n  \"scripts\": {\n    \"build\": \"<%= addOnEnabled.vercel ? 'vite build' : 'vite build && cp instrument.server.mjs .output/server' %>\",\n    \"dev\": \"<%= addOnEnabled.vercel ? 'dotenv -e .env.local -- vite dev --port 3000' : 'dotenv -e .env.local -- sh -c \\\"NODE_OPTIONS=\\'--import ./instrument.server.mjs\\' vite dev --port 3000\\\"' %>\",\n    \"start\": \"<%= addOnEnabled.vercel ? 'node .output/server/index.mjs' : 'node --import ./.output/server/instrument.server.mjs .output/server/index.mjs' %>\"\n  },\n  \"dependencies\": {\n    \"@sentry/tanstackstart-react\": \"^10.67.0\",\n    \"dotenv-cli\": \"^11.0.0\"\n  },\n  \"pnpm\": {\n    \"onlyBuiltDependencies\": [\n      \"@sentry/cli\"\n    ]\n  }\n}\n",
  "readmeIsEjs": false,
  "files": {
    "_dot_cursorrules.append": "We use Sentry for watching for errors in our deployed application, as well as for instrumentation of our application.\n\n## Error collection\n\nError collection is automatic and configured in `src/router.tsx`.\n\n## Instrumentation\n\nWe want our server functions instrumented. So if you see a function name like `createServerFn`, you can instrument it with Sentry. You'll need to import `Sentry`:\n\n```tsx\nimport * as Sentry from '@sentry/tanstackstart-react'\n```\n\nAnd then wrap the implementation of the server function with `Sentry.startSpan`, like so:\n\n```tsx\nSentry.startSpan({ name: 'Requesting all the pokemon' }, async () => {\n  // Some lengthy operation here\n  await fetch('https://api.pokemon.com/data/')\n})\n```\n",
    "_dot_env.local.append": "# Your Sentry DSN (from your Sentry account)\nVITE_SENTRY_DSN=\n\n# Your Sentry organization (from your Sentry account)\nVITE_SENTRY_ORG=\n\n# Your Sentry project (from your Sentry account)\nVITE_SENTRY_PROJECT=\n\n# Your Sentry authentication token (from your Sentry account)\nSENTRY_AUTH_TOKEN=",
    "instrument.server.mjs": "import * as Sentry from '@sentry/tanstackstart-react'\n\nconst sentryDsn =\n  import.meta.env?.VITE_SENTRY_DSN ?? process.env.VITE_SENTRY_DSN\n\nif (!sentryDsn) {\n  console.warn('VITE_SENTRY_DSN is not defined. Sentry is not running.')\n} else {\n  Sentry.init({\n    dsn: sentryDsn,\n    dataCollection: {\n      userInfo: false,\n      httpBodies: [],\n    },\n    tracesSampleRate: 0.1,\n  })\n}\n",
    "src/routes/demo/sentry.testing.tsx": "/**\n * FILE OVERVIEW:\n * Purpose: Interactive demo page showcasing Sentry's monitoring capabilities\n * Key Concepts: Error tracking, Performance monitoring, Session replay\n * Module Type: Route Component\n * @ai_context: Demonstrates Sentry features through interactive examples with educational context\n */\n\nimport * as fs from 'node:fs/promises'\nimport { createFileRoute } from '@tanstack/react-router'\nimport { createServerFn } from '@tanstack/react-start'\nimport * as Sentry from '@sentry/tanstackstart-react'\nimport { useState, useEffect } from 'react'\n\nexport const Route = createFileRoute('/demo/sentry/testing')({\n  component: RouteComponent,\n  errorComponent: ({ error }) => {\n    useEffect(() => {\n      Sentry.captureException(error)\n    }, [error])\n    return (\n      <main className=\"demo-page demo-center\">\n        <section className=\"demo-panel text-center\">\n          <SentryLogo />\n          <h1 className=\"mt-4 mb-2 text-2xl font-bold\">Something went wrong</h1>\n          <p className=\"demo-muted\">{error.message}</p>\n        </section>\n      </main>\n    )\n  },\n})\n\n// Sentry Logo Component\nfunction SentryLogo({ size = 48 }: { size?: number }) {\n  return (\n    <svg\n      height={size}\n      width={size}\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 40 40\"\n    >\n      <path\n        d=\"M21.85 2.995a3.698 3.698 0 0 1 1.353 1.354l16.303 28.278a3.703 3.703 0 0 1-1.354 5.053 3.694 3.694 0 0 1-1.848.496h-3.828a31.149 31.149 0 0 0 0-3.09h3.815a.61.61 0 0 0 .537-.917L20.523 5.893a.61.61 0 0 0-1.057 0l-3.739 6.494a28.948 28.948 0 0 1 9.63 10.453 28.988 28.988 0 0 1 3.499 13.78v1.542h-9.852v-1.544a19.106 19.106 0 0 0-2.182-8.85 19.08 19.08 0 0 0-6.032-6.829l-1.85 3.208a15.377 15.377 0 0 1 6.382 12.484v1.542H3.696A3.694 3.694 0 0 1 0 34.473c0-.648.17-1.286.494-1.849l2.33-4.074a8.562 8.562 0 0 1 2.689 1.536L3.158 34.17a.611.611 0 0 0 .538.917h8.448a12.481 12.481 0 0 0-6.037-9.09l-1.344-.772 4.908-8.545 1.344.77a22.16 22.16 0 0 1 7.705 7.444 22.193 22.193 0 0 1 3.316 10.193h3.699a25.892 25.892 0 0 0-3.811-12.033 25.856 25.856 0 0 0-9.046-8.796l-1.344-.772 5.269-9.136a3.698 3.698 0 0 1 3.2-1.849c.648 0 1.285.17 1.847.495Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\n// Server function that will error\nconst badServerFunc = createServerFn({\n  method: 'GET',\n}).handler(async () => {\n  return await Sentry.startSpan(\n    {\n      name: 'Reading non-existent file',\n      op: 'file.read',\n    },\n    async () => {\n      try {\n        await fs.readFile('./doesnt-exist', 'utf-8')\n        return true\n      } catch (error) {\n        Sentry.captureException(error)\n        throw error\n      }\n    },\n  )\n})\n\n// Server function that will succeed but be traced\nconst goodServerFunc = createServerFn({\n  method: 'GET',\n}).handler(async () => {\n  return await Sentry.startSpan(\n    {\n      name: 'Successful server operation',\n      op: 'demo.success',\n    },\n    async () => {\n      await new Promise((resolve) => setTimeout(resolve, 500))\n      return { success: true }\n    },\n  )\n})\n\n// 3D Button Component inspired by Sentry wizard\nfunction SentryButton({\n  children,\n  onClick,\n  variant = 'primary',\n  disabled = false,\n  loading = false,\n}: {\n  children: React.ReactNode\n  onClick: () => void\n  variant?: 'primary' | 'error'\n  disabled?: boolean\n  loading?: boolean\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled || loading}\n      className={`demo-button w-full px-6 py-4 text-base ${variant === 'error' ? 'demo-button-danger' : ''}`}\n    >\n      {loading && (\n        <svg\n          className=\"animate-spin h-5 w-5\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n        >\n          <circle\n            className=\"opacity-25\"\n            cx=\"12\"\n            cy=\"12\"\n            r=\"10\"\n            stroke=\"currentColor\"\n            strokeWidth=\"4\"\n          />\n          <path\n            className=\"opacity-75\"\n            fill=\"currentColor\"\n            d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n          />\n        </svg>\n      )}\n      {children}\n    </button>\n  )\n}\n\n// Feature Card Component\nfunction FeatureCard({\n  icon,\n  title,\n  description,\n}: {\n  icon: React.ReactNode\n  title: string\n  description: string\n}) {\n  return (\n    <div className=\"demo-card transition-all group\">\n      <div className=\"flex items-center gap-3 mb-2\">\n        <div className=\"text-[var(--lagoon-deep)] group-hover:scale-110 transition-transform\">\n          {icon}\n        </div>\n        <h3 className=\"font-semibold text-[var(--sea-ink)]\">{title}</h3>\n      </div>\n      <p className=\"demo-muted pl-9 text-sm\">{description}</p>\n    </div>\n  )\n}\n\n// Result Badge Component\nfunction ResultBadge({\n  type,\n  spanOp,\n  onCopy,\n}: {\n  type: 'success' | 'error'\n  spanOp: string\n  onCopy: () => void\n}) {\n  const [copied, setCopied] = useState(false)\n\n  const handleCopy = () => {\n    navigator.clipboard.writeText(spanOp)\n    setCopied(true)\n    onCopy()\n    setTimeout(() => setCopied(false), 2000)\n  }\n\n  return (\n    <div className=\"mt-4 space-y-3\">\n      {type === 'error' && (\n        <div className=\"demo-alert demo-alert-danger flex items-center gap-2\">\n          <svg\n            className=\"w-5 h-5 text-[#9f3030]\"\n            fill=\"none\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth=\"2\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <title>Error captured</title>\n            <path d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\n          </svg>\n          <span className=\"text-sm font-medium\">\n            Error captured and sent to Sentry\n          </span>\n        </div>\n      )}\n\n      {type === 'success' && (\n        <div className=\"demo-alert flex items-center gap-2\">\n          <svg\n            className=\"w-5 h-5 text-[var(--palm)]\"\n            fill=\"none\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth=\"2\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <title>Trace complete</title>\n            <path d=\"M5 13l4 4L19 7\" />\n          </svg>\n          <span className=\"text-sm font-medium\">\n            Trace completed successfully\n          </span>\n        </div>\n      )}\n\n      <button\n        type=\"button\"\n        onClick={handleCopy}\n        className=\"demo-list-item relative flex items-center gap-2 transition-all cursor-pointer w-full\"\n      >\n        <span className=\"demo-muted text-sm\">span.op:</span>\n        <code className=\"font-mono text-sm\">{spanOp}</code>\n        <svg\n          className=\"w-4 h-4 demo-muted ml-auto\"\n          fill=\"none\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n        >\n          <title>Copy to clipboard</title>\n          <path d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\" />\n        </svg>\n        {copied && (\n          <span className=\"demo-pill absolute -top-8 left-1/2 -translate-x-1/2 animate-pulse\">\n            Copied!\n          </span>\n        )}\n      </button>\n    </div>\n  )\n}\n\n// Progress Bar Component\nfunction ProgressBar({ loading }: { loading: boolean }) {\n  return (\n    <div className=\"mt-4 flex items-center gap-3\">\n      <div\n        className={`w-3 h-3 rounded-full transition-all ${loading ? 'bg-[var(--lagoon)] animate-pulse' : 'bg-[var(--palm)]'}`}\n      />\n      <div className=\"flex-1 h-2 bg-[var(--line)] rounded-full overflow-hidden\">\n        <div\n          className=\"h-full bg-[var(--lagoon)] rounded-full transition-all duration-500\"\n          style={{ width: loading ? '60%' : '100%' }}\n        />\n      </div>\n      <span className=\"demo-muted text-xs w-16 text-right\">\n        {loading ? 'Running...' : 'Complete'}\n      </span>\n    </div>\n  )\n}\n\nfunction RouteComponent() {\n  const [isLoading, setIsLoading] = useState<Record<string, boolean>>({})\n  const [results, setResults] = useState<\n    Record<string, { type: 'success' | 'error'; spanOp: string }>\n  >({})\n  const [sentryConfigured, setSentryConfigured] = useState<boolean | null>(null)\n\n  useEffect(() => {\n    // Check if Sentry DSN environment variable is set\n    const hasDsn = !!import.meta.env.VITE_SENTRY_DSN\n    setSentryConfigured(hasDsn)\n  }, [])\n\n  // Don't show warning until we've checked on the client\n  const showWarning = sentryConfigured === false\n\n  const handleClientError = async () => {\n    setIsLoading((prev) => ({ ...prev, clientError: true }))\n    try {\n      await Sentry.startSpan(\n        { name: 'Client Error Flow Demo', op: 'demo.client-error' },\n        async () => {\n          Sentry.setContext('demo', {\n            feature: 'client-error-demo',\n            triggered_at: new Date().toISOString(),\n          })\n          throw new Error('Client-side error demonstration')\n        },\n      )\n    } catch (error) {\n      Sentry.captureException(error)\n      setResults((prev) => ({\n        ...prev,\n        clientError: { type: 'error', spanOp: 'demo.client-error' },\n      }))\n    } finally {\n      setIsLoading((prev) => ({ ...prev, clientError: false }))\n    }\n  }\n\n  const handleServerError = async () => {\n    setIsLoading((prev) => ({ ...prev, serverError: true }))\n    try {\n      await Sentry.startSpan(\n        { name: 'Server Error Flow Demo', op: 'demo.server-error' },\n        async () => {\n          Sentry.setContext('demo', {\n            feature: 'server-error-demo',\n            triggered_at: new Date().toISOString(),\n          })\n          await badServerFunc()\n        },\n      )\n    } catch (error) {\n      Sentry.captureException(error)\n      setResults((prev) => ({\n        ...prev,\n        serverError: { type: 'error', spanOp: 'demo.server-error' },\n      }))\n    } finally {\n      setIsLoading((prev) => ({ ...prev, serverError: false }))\n    }\n  }\n\n  const handleClientTrace = async () => {\n    setIsLoading((prev) => ({ ...prev, clientTrace: true }))\n    await Sentry.startSpan(\n      { name: 'Client Operation', op: 'demo.client-trace' },\n      async () => {\n        await new Promise((resolve) => setTimeout(resolve, 1000))\n      },\n    )\n    setResults((prev) => ({\n      ...prev,\n      clientTrace: { type: 'success', spanOp: 'demo.client-trace' },\n    }))\n    setIsLoading((prev) => ({ ...prev, clientTrace: false }))\n  }\n\n  const handleServerTrace = async () => {\n    setIsLoading((prev) => ({ ...prev, serverTrace: true }))\n    try {\n      await Sentry.startSpan(\n        { name: 'Server Operation', op: 'demo.server-trace' },\n        async () => {\n          await goodServerFunc()\n        },\n      )\n      setResults((prev) => ({\n        ...prev,\n        serverTrace: { type: 'success', spanOp: 'demo.server-trace' },\n      }))\n    } finally {\n      setIsLoading((prev) => ({ ...prev, serverTrace: false }))\n    }\n  }\n\n  return (\n    <main className=\"demo-page demo-page-wide\">\n      <div className=\"mx-auto max-w-5xl\">\n        <div className=\"text-center mb-16\">\n          <div className=\"inline-flex items-center gap-4 mb-8\">\n            <div className=\"text-[var(--lagoon-deep)]\">\n              <SentryLogo size={56} />\n            </div>\n            <div className=\"text-left\">\n              <h1 className=\"demo-title\">Sentry Demo</h1>\n              <p className=\"demo-muted text-sm\">\n                Error monitoring & performance tracing\n              </p>\n            </div>\n          </div>\n          <p className=\"demo-muted mx-auto max-w-xl text-lg leading-relaxed\">\n            Click the buttons below to trigger errors and traces, then view them\n            in your{' '}\n            <a\n              href=\"https://sentry.io\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              Sentry dashboard\n            </a>\n            .\n          </p>\n        </div>\n\n        {/* Sentry Not Initialized Warning */}\n        {showWarning && (\n          <div className=\"demo-alert mb-8 flex items-center gap-3\">\n            <svg\n              className=\"w-6 h-6 text-[var(--sea-ink-soft)] flex-shrink-0\"\n              fill=\"none\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth=\"2\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <title>Warning</title>\n              <path d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\n            </svg>\n            <div>\n              <p className=\"font-medium\">Sentry is not initialized</p>\n              <p className=\"demo-muted text-sm mt-1\">\n                Set the <code>VITE_SENTRY_DSN</code> environment variable to\n                enable error tracking and performance monitoring.\n              </p>\n            </div>\n          </div>\n        )}\n\n        {/* Features Grid */}\n        <div className=\"grid grid-cols-1 md:grid-cols-4 gap-4 mb-12\">\n          <FeatureCard\n            icon={\n              <svg className=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" />\n              </svg>\n            }\n            title=\"Error Monitoring\"\n            description=\"Client & server error tracking\"\n          />\n          <FeatureCard\n            icon={\n              <svg className=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M13 3v18h-2V3h2zm6 6v12h-2V9h2zM7 14v7H5v-7h2z\" />\n              </svg>\n            }\n            title=\"Performance\"\n            description=\"Tracing and spans visualization\"\n          />\n          <FeatureCard\n            icon={\n              <svg className=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z\" />\n              </svg>\n            }\n            title=\"Session Replay\"\n            description=\"Real user session playback\"\n          />\n          <FeatureCard\n            icon={\n              <svg className=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z\" />\n              </svg>\n            }\n            title=\"Real-time Alerts\"\n            description=\"Instant issue notifications\"\n          />\n        </div>\n\n        {/* Testing Panels */}\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n          {/* Client-Side Panel */}\n          <div className=\"demo-panel\">\n            <div className=\"flex items-center gap-3 mb-6\">\n              <div className=\"w-3 h-3 rounded-full bg-[var(--palm)]\" />\n              <h2 className=\"demo-section-title\">Client-Side Testing</h2>\n            </div>\n\n            <div className=\"space-y-4\">\n              <div>\n                <SentryButton\n                  variant=\"error\"\n                  onClick={handleClientError}\n                  loading={isLoading.clientError}\n                  disabled={sentryConfigured === false}\n                >\n                  Trigger Client Error\n                </SentryButton>\n                {isLoading.clientError && (\n                  <ProgressBar loading={isLoading.clientError} />\n                )}\n                {results.clientError && !isLoading.clientError && (\n                  <ResultBadge\n                    type={results.clientError.type}\n                    spanOp={results.clientError.spanOp}\n                    onCopy={() => {}}\n                  />\n                )}\n              </div>\n\n              <div>\n                <SentryButton\n                  variant=\"primary\"\n                  onClick={handleClientTrace}\n                  loading={isLoading.clientTrace}\n                  disabled={sentryConfigured === false}\n                >\n                  Test Client Trace\n                </SentryButton>\n                {isLoading.clientTrace && (\n                  <ProgressBar loading={isLoading.clientTrace} />\n                )}\n                {results.clientTrace && !isLoading.clientTrace && (\n                  <ResultBadge\n                    type={results.clientTrace.type}\n                    spanOp={results.clientTrace.spanOp}\n                    onCopy={() => {}}\n                  />\n                )}\n              </div>\n            </div>\n          </div>\n\n          {/* Server-Side Panel */}\n          <div className=\"demo-panel\">\n            <div className=\"flex items-center gap-3 mb-6\">\n              <div className=\"w-3 h-3 rounded-full bg-[var(--lagoon)]\" />\n              <h2 className=\"demo-section-title\">Server-Side Testing</h2>\n            </div>\n\n            <div className=\"space-y-4\">\n              <div>\n                <SentryButton\n                  variant=\"error\"\n                  onClick={handleServerError}\n                  loading={isLoading.serverError}\n                  disabled={sentryConfigured === false}\n                >\n                  Trigger Server Error\n                </SentryButton>\n                {isLoading.serverError && (\n                  <ProgressBar loading={isLoading.serverError} />\n                )}\n                {results.serverError && !isLoading.serverError && (\n                  <ResultBadge\n                    type={results.serverError.type}\n                    spanOp={results.serverError.spanOp}\n                    onCopy={() => {}}\n                  />\n                )}\n              </div>\n\n              <div>\n                <SentryButton\n                  variant=\"primary\"\n                  onClick={handleServerTrace}\n                  loading={isLoading.serverTrace}\n                  disabled={sentryConfigured === false}\n                >\n                  Test Server Trace\n                </SentryButton>\n                {isLoading.serverTrace && (\n                  <ProgressBar loading={isLoading.serverTrace} />\n                )}\n                {results.serverTrace && !isLoading.serverTrace && (\n                  <ResultBadge\n                    type={results.serverTrace.type}\n                    spanOp={results.serverTrace.spanOp}\n                    onCopy={() => {}}\n                  />\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Footer Note */}\n        <div className=\"mt-12 text-center\">\n          <p className=\"demo-muted text-sm\">\n            This page uses <code>@sentry/tanstackstart-react</code> for\n            full-stack error monitoring.\n            <br />\n            <a\n              href=\"https://docs.sentry.io/platforms/javascript/guides/tanstackstart-react/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              Read the documentation →\n            </a>\n          </p>\n        </div>\n      </div>\n    </main>\n  )\n}\n"
  },
  "deletedFiles": [],
  "smallLogo": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"256\" height=\"227\" preserveAspectRatio=\"xMidYMid\" viewBox=\"0 0 256 227\"><path fill=\"#362D59\" d=\"M148.368 12.403a23.935 23.935 0 0 0-41.003 0L73.64 70.165c52.426 26.174 87.05 78.177 90.975 136.642h-23.679c-3.918-50.113-34.061-94.41-79.238-116.448l-31.213 53.97a81.595 81.595 0 0 1 47.307 62.375h-54.38a3.895 3.895 0 0 1-3.178-5.69l15.069-25.626a55.046 55.046 0 0 0-17.221-9.738L3.167 191.277a23.269 23.269 0 0 0 8.662 31.982 23.884 23.884 0 0 0 11.583 3.075h74.471a99.432 99.432 0 0 0-41.003-88.72l11.84-20.5c35.679 24.504 55.754 66.038 52.79 109.22h63.094c2.99-65.43-29.047-127.512-84.107-162.986l23.935-41.002a3.947 3.947 0 0 1 5.382-1.384c2.716 1.486 103.993 178.208 105.89 180.258a3.895 3.895 0 0 1-3.486 5.792h-24.396c.307 6.526.307 13.035 0 19.528h24.499A23.528 23.528 0 0 0 256 202.91a23.015 23.015 0 0 0-3.178-11.685L148.368 12.403Z\"/></svg>"
} satisfies AddOnCompiled