raffel 1.1.76 → 1.1.78

package/dist/docs/ui/style-sections/schema-code.d.ts

@@ -1,2 +1,2 @@
-export declare const schemaCodeStyles = "    /* ========== RESPONSE SAMPLES (Right Panel) ========== */\n    .response-samples {\n      margin-top: 20px;\n    }\n\n    .response-samples-header {\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--code-panel-text);\n      margin-bottom: 12px;\n    }\n\n    .sample-tabs {\n      display: flex;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .sample-tab {\n      padding: 6px 14px;\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      background: transparent;\n      border: 1px solid rgba(255,255,255,0.2);\n      color: var(--code-panel-text);\n      transition: all 0.15s;\n    }\n\n    .sample-tab:hover {\n      background: rgba(255,255,255,0.1);\n    }\n\n    .sample-tab.active {\n      background: rgba(255,255,255,0.15);\n      border-color: rgba(255,255,255,0.3);\n    }\n\n    .sample-tab.status-2xx { color: #10b981; border-color: #10b981; }\n    .sample-tab.status-4xx { color: #f59e0b; border-color: #f59e0b; }\n    .sample-tab.status-5xx { color: #ef4444; border-color: #ef4444; }\n\n    .sample-content {\n      display: none;\n    }\n\n    .sample-content.active {\n      display: block;\n    }\n\n    .sample-content-type {\n      font-size: 12px;\n      color: #90a4ae;\n      margin-bottom: 8px;\n    }\n\n    .sample-actions {\n      display: flex;\n      gap: 16px;\n      margin-bottom: 12px;\n    }\n\n    .sample-action {\n      font-size: 12px;\n      color: #90a4ae;\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: 0;\n      transition: color 0.15s;\n    }\n\n    .sample-action:hover {\n      color: white;\n    }\n\n    .sample-json {\n      background: rgba(0,0,0,0.3);\n      border-radius: 6px;\n      padding: 14px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      line-height: 1.5;\n      color: #e2e8f0;\n      overflow-x: auto;\n      white-space: pre-wrap;\n      word-break: break-word;\n    }\n\n    .sample-json .json-key { color: #f8b500; }\n    .sample-json .json-string { color: #a5d6a7; }\n    .sample-json .json-number { color: #82aaff; }\n    .sample-json .json-boolean { color: #f78c6c; }\n    .sample-json .json-null { color: #89ddff; }\n\n    /* Right panel sections */\n    .right-panel-content {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    .right-section {\n      margin-bottom: 0;\n    }\n\n    .right-section-header {\n      font-size: 13px;\n      font-weight: 600;\n      color: #90a4ae;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 16px;\n      padding-bottom: 8px;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n    }\n\n    .sample-contents {\n      margin-top: 0;\n    }\n\n    .tab-status {\n      font-weight: 600;\n    }\n\n    .tab-status.status-2xx { color: #10b981; }\n    .tab-status.status-4xx { color: #f59e0b; }\n    .tab-status.status-5xx { color: #ef4444; }\n\n    .no-example {\n      color: #90a4ae;\n      font-style: italic;\n      font-size: 13px;\n      padding: 12px;\n      background: rgba(0,0,0,0.2);\n      border-radius: 6px;\n    }\n\n    .response-desc-only {\n      color: #90a4ae;\n      font-size: 13px;\n      padding: 12px;\n      background: rgba(0,0,0,0.2);\n      border-radius: 6px;\n    }\n\n    /* ========== CODE EXAMPLES ========== */\n    .code-example {\n      background: rgba(0, 0, 0, 0.2);\n      border-radius: 6px;\n      overflow: hidden;\n      margin-bottom: 16px;\n    }\n\n    .code-example-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 14px;\n      background: var(--code-panel-header);\n      font-size: 12px;\n      font-weight: 600;\n      color: #90a4ae;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .code-example pre {\n      margin: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      color: #e2e8f0;\n      padding: 14px;\n    }\n\n    .code-example code {\n      color: #e2e8f0;\n      white-space: pre-wrap;\n      word-break: break-word;\n      font-size: 12px;\n    }\n\n    /* Code language tabs */\n    .code-tabs {\n      display: flex;\n      gap: 2px;\n      padding: 8px 14px;\n      background: var(--code-panel-header);\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n    }\n\n    .code-tab {\n      padding: 6px 12px;\n      border: none;\n      border-radius: 4px;\n      background: transparent;\n      color: #90a4ae;\n      font-size: 12px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .code-tab:hover {\n      background: rgba(255,255,255,0.1);\n      color: var(--code-panel-text);\n    }\n\n    .code-tab.active {\n      background: rgba(255,255,255,0.15);\n      color: var(--code-panel-text);\n    }\n\n    .code-contents {\n      padding: 0;\n    }\n\n    .code-content {\n      display: none;\n    }\n\n    .code-content.active {\n      display: block;\n    }\n\n    pre {\n      background: var(--code-bg);\n      padding: 16px;\n      border-radius: 8px;\n      overflow-x: auto;\n      font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;\n      font-size: 13px;\n      line-height: 1.5;\n      border: 1px solid var(--border-color);\n    }\n\n    /* ========== SCHEMA VISUALIZATION (Redoc-style) ========== */\n    .schema-container {\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      overflow: hidden;\n      margin-bottom: 16px;\n    }\n\n    .schema-row {\n      display: flex;\n      align-items: flex-start;\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--border-color);\n      transition: background 0.15s;\n    }\n\n    .schema-row:last-child { border-bottom: none; }\n    .schema-row:hover { background: var(--hover-bg); }\n\n    .schema-row.nested {\n      padding-left: 32px;\n      background: rgba(0,0,0,0.02);\n    }\n\n    .schema-row.nested-2 { padding-left: 48px; }\n    .schema-row.nested-3 { padding-left: 64px; }\n    .schema-row.nested-4 { padding-left: 80px; }\n\n    .schema-property {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      min-width: 200px;\n      flex-shrink: 0;\n    }\n\n    .schema-name {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    .schema-required {\n      color: #ef4444;\n      font-weight: 700;\n      font-size: 14px;\n    }\n\n    .schema-type {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n      font-weight: 500;\n    }\n\n    .type-string { background: #dbeafe; color: #1d4ed8; }\n    .type-number, .type-integer { background: #fef3c7; color: #b45309; }\n    .type-boolean { background: #fce7f3; color: #be185d; }\n    .type-object { background: #e0e7ff; color: #4338ca; }\n    .type-array { background: #d1fae5; color: #047857; }\n    .type-null { background: #f3f4f6; color: #6b7280; }\n    .type-ref { background: #fef3c7; color: #92400e; font-style: italic; }\n\n    [data-theme=\"dark\"] .type-string { background: #1e3a5f; color: #93c5fd; }\n    [data-theme=\"dark\"] .type-number, [data-theme=\"dark\"] .type-integer { background: #451a03; color: #fcd34d; }\n    [data-theme=\"dark\"] .type-boolean { background: #4a0519; color: #f9a8d4; }\n    [data-theme=\"dark\"] .type-object { background: #312e81; color: #c7d2fe; }\n    [data-theme=\"dark\"] .type-array { background: #064e3b; color: #6ee7b7; }\n    [data-theme=\"dark\"] .type-null { background: #374151; color: #9ca3af; }\n    [data-theme=\"dark\"] .type-ref { background: #451a03; color: #fbbf24; }\n\n    .schema-details {\n      flex: 1;\n      padding-left: 16px;\n    }\n\n    .schema-desc {\n      color: var(--text-muted);\n      font-size: 13px;\n      margin-bottom: 4px;\n    }\n\n    .schema-constraints {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 6px;\n      margin-top: 6px;\n    }\n\n    .schema-constraint {\n      font-size: 11px;\n      padding: 2px 6px;\n      border-radius: 4px;\n      background: var(--code-bg);\n      color: var(--text-muted);\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    .schema-enum {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n      margin-top: 6px;\n    }\n\n    .schema-enum-value {\n      font-size: 11px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      background: #fef3c7;\n      color: #92400e;\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    [data-theme=\"dark\"] .schema-enum-value {\n      background: #451a03;\n      color: #fbbf24;\n    }\n\n    .schema-default {\n      font-size: 12px;\n      color: var(--text-muted);\n      margin-top: 4px;\n    }\n\n    .schema-default code {\n      background: var(--code-bg);\n      padding: 1px 4px;\n      border-radius: 3px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    .schema-toggle {\n      cursor: pointer;\n      user-select: none;\n      color: var(--primary-color);\n      font-size: 12px;\n      margin-left: 8px;\n    }\n\n    .schema-toggle:hover { text-decoration: underline; }\n\n    .schema-nested-container {\n      overflow: hidden;\n      transition: max-height 0.3s ease;\n    }\n\n    .schema-nested-container.collapsed {\n      max-height: 0 !important;\n    }\n\n    .schema-example {\n      margin-top: 16px;\n      background: var(--code-bg);\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .schema-example-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 12px;\n      background: rgba(0,0,0,0.05);\n      border-bottom: 1px solid var(--border-color);\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--text-muted);\n      text-transform: uppercase;\n    }\n\n    .schema-example-body {\n      padding: 12px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      white-space: pre-wrap;\n      word-break: break-word;\n    }\n\n    /* Response tabs */\n    .response-tabs {\n      display: flex;\n      gap: 2px;\n      margin-bottom: 12px;\n      border-bottom: 2px solid var(--border-color);\n    }\n\n    .response-tab {\n      padding: 8px 16px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      border: none;\n      background: none;\n      color: var(--text-muted);\n      border-bottom: 2px solid transparent;\n      margin-bottom: -2px;\n      transition: all 0.15s;\n    }\n\n    .response-tab:hover { color: var(--text-color); }\n\n    .response-tab.active {\n      color: var(--primary-color);\n      border-bottom-color: var(--primary-color);\n    }\n\n    .response-tab.status-2xx { color: #10b981; }\n    .response-tab.status-2xx.active { border-bottom-color: #10b981; }\n    .response-tab.status-4xx { color: #f59e0b; }\n    .response-tab.status-4xx.active { border-bottom-color: #f59e0b; }\n    .response-tab.status-5xx { color: #ef4444; }\n    .response-tab.status-5xx.active { border-bottom-color: #ef4444; }\n\n    .response-content { display: none; }\n    .response-content.active { display: block; }\n\n    /* Parameters table */\n    .params-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-bottom: 16px;\n    }\n\n    .params-table th {\n      text-align: left;\n      padding: 8px 12px;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      color: var(--text-muted);\n      background: var(--code-bg);\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .params-table td {\n      padding: 10px 12px;\n      border-bottom: 1px solid var(--border-color);\n      font-size: 13px;\n    }\n\n    .params-table tr:last-child td { border-bottom: none; }\n\n    .param-name {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-weight: 600;\n    }\n\n    .param-in {\n      font-size: 10px;\n      padding: 2px 6px;\n      border-radius: 3px;\n      background: var(--code-bg);\n      color: var(--text-muted);\n      text-transform: uppercase;\n      margin-left: 8px;\n    }\n\n    /* ========== CHANNEL TYPES ========== */\n    .channel-type-public { background: #10b981; color: white; }\n    .channel-type-private { background: #f59e0b; color: white; }\n    .channel-type-presence { background: #8b5cf6; color: white; }\n\n    /* ========== INFO GRID ========== */\n    .info-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n      gap: 12px;\n      margin-bottom: 24px;\n    }\n\n    .info-card {\n      background: var(--code-bg);\n      padding: 16px;\n      border-radius: 10px;\n      border: 1px solid var(--border-color);\n    }\n\n    .info-card-title {\n      font-size: 11px;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 6px;\n    }\n\n    .info-card-value {\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    /* ========== RESPONSIVE ========== */\n    @media (max-width: 900px) {\n      .app-container { grid-template-columns: 1fr; }\n      .sidebar {\n        display: none;\n        position: fixed;\n        left: 0;\n        top: 0;\n        width: 300px;\n        z-index: 100;\n      }\n      .sidebar.mobile-open { display: block; }\n      .hero { padding: 40px 24px; min-height: 100vh; }\n      .hero-logo { height: 80px; margin-bottom: 24px; }\n      .hero-title { font-size: 36px; }\n      .hero-version { font-size: 12px; margin-left: 8px; }\n      .hero-tagline { font-size: 17px; margin-bottom: 20px; }\n      .hero-features { flex-direction: column; align-items: center; gap: 12px; }\n      .hero-features li { font-size: 15px; }\n      .hero-btn { padding: 12px 24px; font-size: 15px; }\n      .github-corner svg { width: 60px; height: 60px; }\n      .main { padding: 24px; }\n    }\n\n    /* ========== ANIMATIONS ========== */\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(10px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .endpoint-section {\n      animation: fadeIn 0.3s ease-out;\n    }\n\n    /* ========== HTTP ENDPOINT (ReDoc-style) ========== */\n    .http-param-group {\n      margin-bottom: 20px;\n    }\n\n    .http-param-group-title {\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: var(--text-muted);\n      margin-bottom: 8px;\n    }\n\n    .http-params {\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .http-param {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .http-param:last-child { border-bottom: none; }\n\n    .http-param-head {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 8px;\n    }\n\n    .http-param-name {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    .http-param-required {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n      color: #ef4444;\n    }\n\n    .http-param-deprecated {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n      color: #f59e0b;\n    }\n\n    .http-param-desc {\n      color: var(--text-muted);\n      font-size: 13px;\n      margin-top: 6px;\n      line-height: 1.5;\n    }\n\n    /* Validation constraint chips (reuses .schema-constraint look) */\n    .constraint-chips {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 6px;\n      margin-top: 8px;\n    }\n\n    .constraint-chip {\n      font-size: 11px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      background: var(--code-bg);\n      color: var(--text-muted);\n      border: 1px solid var(--border-color);\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    .constraint-chip.constraint-enum {\n      background: #fef3c7;\n      color: #92400e;\n      border-color: transparent;\n    }\n\n    [data-theme=\"dark\"] .constraint-chip.constraint-enum {\n      background: #451a03;\n      color: #fbbf24;\n    }\n\n    /* Response accordions */\n    .response-accordion {\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      margin-bottom: 10px;\n      overflow: hidden;\n    }\n\n    .response-accordion-header {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 12px 14px;\n      background: var(--code-bg);\n      border: none;\n      cursor: pointer;\n      text-align: left;\n      font-size: 13px;\n      color: var(--text-color);\n      transition: background 0.15s;\n    }\n\n    .response-accordion-header:hover { background: var(--hover-bg); }\n\n    .response-accordion-caret {\n      flex-shrink: 0;\n      font-size: 10px;\n      color: var(--text-muted);\n      transition: transform 0.2s ease;\n    }\n\n    .response-accordion.open .response-accordion-caret {\n      transform: rotate(90deg);\n    }\n\n    .response-status-dot {\n      width: 9px;\n      height: 9px;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .response-status-dot.status-2xx { background: #10b981; }\n    .response-status-dot.status-3xx { background: #3b82f6; }\n    .response-status-dot.status-4xx { background: #f59e0b; }\n    .response-status-dot.status-5xx { background: #ef4444; }\n\n    .response-status-code {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-weight: 600;\n    }\n\n    .response-status-desc {\n      color: var(--text-muted);\n    }\n\n    .response-accordion-body {\n      padding: 14px;\n      border-top: 1px solid var(--border-color);\n      display: none;\n    }\n\n    .response-accordion.open .response-accordion-body { display: block; }\n\n    .response-subhead {\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: var(--text-muted);\n      margin: 0 0 8px;\n    }\n\n    .response-block + .response-block { margin-top: 16px; }\n\n    /* Multi-language code samples */\n    .http-code-samples {\n      margin-top: 8px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      overflow: hidden;\n      background: var(--code-bg);\n    }\n\n    .http-code-samples .code-tabs {\n      flex-wrap: wrap;\n      background: rgba(0,0,0,0.04);\n    }\n\n    [data-theme=\"dark\"] .http-code-samples .code-tabs {\n      background: rgba(255,255,255,0.03);\n    }\n\n    .http-code-sample-pre {\n      margin: 0;\n      padding: 14px;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      overflow-x: auto;\n      font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;\n      font-size: 12px;\n      line-height: 1.55;\n      color: var(--text-color);\n      white-space: pre;\n    }\n\n    .http-code-copy {\n      margin-left: auto;\n      padding: 4px 10px;\n      background: transparent;\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      color: var(--text-muted);\n      font-size: 11px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .http-code-copy:hover { color: var(--text-color); border-color: var(--text-muted); }\n\n    /* Right panel (third column): keep request/response samples dark & legible\n       regardless of the active theme, matching ReDoc's sample column. */\n    .endpoint-right .endpoint-right-section + .endpoint-right-section {\n      margin-top: 24px;\n    }\n\n    .endpoint-right .http-code-samples {\n      background: rgba(0,0,0,0.25);\n      border-color: rgba(255,255,255,0.1);\n    }\n\n    .endpoint-right .http-code-samples .code-tabs {\n      background: rgba(0,0,0,0.2);\n      border-color: rgba(255,255,255,0.1);\n    }\n\n    .endpoint-right .http-code-sample-pre {\n      color: var(--code-panel-text);\n    }\n\n    .endpoint-right .code-tab {\n      color: #90a4ae;\n    }\n\n    .endpoint-right .code-tab.active {\n      background: rgba(255,255,255,0.12);\n      color: #fff;\n    }\n\n    .endpoint-right .response-subhead {\n      color: #90a4ae;\n    }\n\n    /* ========== AUTHENTICATION ========== */\n    .authentication-section {\n      margin: 28px 36px 36px;\n      padding: 24px;\n      border: 1px solid var(--border-color);\n      border-radius: 10px;\n      background: var(--surface-color);\n    }\n\n    .authentication-header h2 {\n      margin: 4px 0 6px;\n      font-size: var(--font-size-h2);\n      color: var(--text-primary);\n    }\n\n    .authentication-header p,\n    .auth-scheme-description,\n    .auth-scheme-meta {\n      color: var(--text-muted);\n      font-size: var(--font-size-small);\n    }\n\n    .auth-environment {\n      display: grid;\n      gap: 6px;\n      margin: 18px 0;\n    }\n\n    .auth-environment-select,\n    .auth-input,\n    .auth-operation-body {\n      width: 100%;\n      padding: 8px 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      background: var(--bg-primary);\n      color: var(--text-primary);\n      font: inherit;\n      font-size: var(--font-size-small);\n    }\n\n    .auth-operation-body {\n      min-height: 112px;\n      resize: vertical;\n      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n      font-size: var(--font-size-code);\n    }\n\n    .auth-schemes {\n      display: grid;\n      gap: 12px;\n    }\n\n    .auth-scheme {\n      padding: 16px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      background: var(--bg-primary);\n    }\n\n    .auth-scheme-title {\n      display: flex;\n      align-items: baseline;\n      gap: 10px;\n      margin-bottom: 10px;\n      color: var(--text-primary);\n    }\n\n    .auth-scheme-title span,\n    .auth-field-label,\n    .auth-status {\n      color: var(--text-muted);\n      font-size: var(--font-size-xs);\n    }\n\n    .auth-form,\n    .auth-field {\n      display: grid;\n      gap: 6px;\n    }\n\n    .auth-form { gap: 10px; }\n\n    .auth-oauth-flow {\n      display: grid;\n      gap: 10px;\n      margin: 6px 0;\n      padding: 14px;\n      border: 1px solid var(--border-color);\n      border-radius: 7px;\n    }\n\n    .auth-oauth-flow legend {\n      padding: 0 6px;\n      font-weight: 600;\n      font-size: var(--font-size-small);\n    }\n\n    .auth-actions {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .auth-save,\n    .auth-request-token,\n    .auth-oauth-token,\n    .auth-oauth-authorize,\n    .auth-oidc-authorize {\n      padding: 7px 12px;\n      border: 1px solid var(--primary-color);\n      border-radius: 6px;\n      background: transparent;\n      color: var(--primary-color);\n      cursor: pointer;\n      font-size: var(--font-size-small);\n      font-weight: 600;\n    }\n\n    .auth-status-error { color: #dc2626; }\n\n    @media (max-width: 760px) {\n      .authentication-section { margin: 20px 16px 28px; padding: 18px; }\n    }\n\n    .docs-overview-server-variables {\n      width: 100%;\n      margin-top: 8px;\n      color: var(--text-muted);\n      font-size: var(--font-size-xs);\n    }\n\n    .docs-overview-server-variables ul {\n      display: grid;\n      gap: 5px;\n      margin-top: 5px;\n      list-style: none;\n    }\n\n    .docs-overview-server-variables li {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n    }\n\n    .endpoint-deprecated,\n    .http-param-deprecated {\n      padding: 2px 6px;\n      border: 1px solid #d97706;\n      border-radius: 4px;\n      color: #b45309;\n      font-size: var(--font-size-xs);\n      font-weight: 600;\n    }\n\n    .response-media-sample + .response-media-sample,\n    .request-example + .request-example {\n      margin-top: 14px;\n      padding-top: 14px;\n      border-top: 1px solid rgba(255,255,255,0.12);\n    }\n\n    .response-example-name {\n      margin: 6px 0;\n      color: var(--text-muted);\n      font-size: var(--font-size-xs);\n      font-weight: 600;\n    }\n\n    .sample-code-error { color: #fca5a5; }\n\n    .response-link {\n      display: grid;\n      gap: 4px;\n      margin-top: 8px;\n      padding: 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      font-size: var(--font-size-small);\n    }\n\n    .response-link-parameters { white-space: pre-wrap; }\n\n    .http-try {\n      display: grid;\n      gap: 10px;\n      margin-top: 12px;\n    }\n\n    .http-try-run {\n      justify-self: start;\n      padding: 7px 12px;\n      border: 1px solid #8bc34a;\n      border-radius: 6px;\n      background: transparent;\n      color: #c5e1a5;\n      cursor: pointer;\n      font-size: var(--font-size-small);\n      font-weight: 600;\n    }\n\n    .http-try-run:disabled { cursor: wait; opacity: 0.6; }\n\n    .http-try-result {\n      max-height: 280px;\n      overflow: auto;\n      padding: 12px;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 6px;\n      color: var(--code-panel-text);\n      white-space: pre-wrap;\n    }\n\n    .async-contracts {\n      margin: 28px 36px;\n      padding: 22px;\n      border: 1px solid var(--border-color);\n      border-radius: 9px;\n      background: var(--surface-color);\n    }\n\n    .endpoint-left > .async-contracts { margin: 16px 0 0; }\n\n    .async-contracts h2 { font-size: var(--font-size-h3); }\n    .async-contracts h3 { margin-top: 14px; font-size: var(--font-size-h5); }\n    .async-contract-note { margin: 5px 0 12px; color: var(--text-muted); font-size: var(--font-size-small); }\n\n    .async-contract {\n      display: grid;\n      gap: 7px;\n      margin-top: 8px;\n      padding: 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n    }\n\n    .async-contract-operation {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 8px;\n      font-size: var(--font-size-small);\n    }\n\n    @media (max-width: 760px) {\n      .async-contracts { margin: 20px 16px; padding: 18px; }\n    }\n\n";
+export declare const schemaCodeStyles = "    /* ========== RESPONSE SAMPLES (Right Panel) ========== */\n    .response-samples {\n      margin-top: 20px;\n    }\n\n    .response-samples-header {\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--code-panel-text);\n      margin-bottom: 12px;\n    }\n\n    .sample-tabs {\n      display: flex;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .sample-tab {\n      padding: 6px 14px;\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      background: transparent;\n      border: 1px solid rgba(255,255,255,0.2);\n      color: var(--code-panel-text);\n      transition: all 0.15s;\n    }\n\n    .sample-tab:hover {\n      background: rgba(255,255,255,0.1);\n    }\n\n    .sample-tab.active {\n      background: rgba(255,255,255,0.15);\n      border-color: rgba(255,255,255,0.3);\n    }\n\n    .sample-tab.status-2xx { color: #10b981; border-color: #10b981; }\n    .sample-tab.status-4xx { color: #f59e0b; border-color: #f59e0b; }\n    .sample-tab.status-5xx { color: #ef4444; border-color: #ef4444; }\n\n    .sample-content {\n      display: none;\n    }\n\n    .sample-content.active {\n      display: block;\n    }\n\n    .sample-content-type {\n      font-size: 12px;\n      color: #90a4ae;\n      margin-bottom: 8px;\n    }\n\n    .sample-actions {\n      display: flex;\n      gap: 16px;\n      margin-bottom: 12px;\n    }\n\n    .sample-action {\n      font-size: 12px;\n      color: #90a4ae;\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: 0;\n      transition: color 0.15s;\n    }\n\n    .sample-action:hover {\n      color: white;\n    }\n\n    .sample-json {\n      background: rgba(0,0,0,0.3);\n      border-radius: 6px;\n      padding: 14px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      line-height: 1.5;\n      color: #e2e8f0;\n      overflow-x: auto;\n      white-space: pre-wrap;\n      word-break: break-word;\n    }\n\n    .sample-json .json-key { color: #f8b500; }\n    .sample-json .json-string { color: #a5d6a7; }\n    .sample-json .json-number { color: #82aaff; }\n    .sample-json .json-boolean { color: #f78c6c; }\n    .sample-json .json-null { color: #89ddff; }\n\n    /* Right panel sections */\n    .right-panel-content {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    .right-section {\n      margin-bottom: 0;\n    }\n\n    .right-section-header {\n      font-size: 13px;\n      font-weight: 600;\n      color: #90a4ae;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 16px;\n      padding-bottom: 8px;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n    }\n\n    .sample-contents {\n      margin-top: 0;\n    }\n\n    .tab-status {\n      font-weight: 600;\n    }\n\n    .tab-status.status-2xx { color: #10b981; }\n    .tab-status.status-4xx { color: #f59e0b; }\n    .tab-status.status-5xx { color: #ef4444; }\n\n    .no-example {\n      color: #90a4ae;\n      font-style: italic;\n      font-size: 13px;\n      padding: 12px;\n      background: rgba(0,0,0,0.2);\n      border-radius: 6px;\n    }\n\n    .response-desc-only {\n      color: #90a4ae;\n      font-size: 13px;\n      padding: 12px;\n      background: rgba(0,0,0,0.2);\n      border-radius: 6px;\n    }\n\n    /* ========== CODE EXAMPLES ========== */\n    .code-example {\n      background: rgba(0, 0, 0, 0.2);\n      border-radius: 6px;\n      overflow: hidden;\n      margin-bottom: 16px;\n    }\n\n    .code-example-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 14px;\n      background: var(--code-panel-header);\n      font-size: 12px;\n      font-weight: 600;\n      color: #90a4ae;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .code-example pre {\n      margin: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      color: #e2e8f0;\n      padding: 14px;\n    }\n\n    .code-example code {\n      color: #e2e8f0;\n      white-space: pre-wrap;\n      word-break: break-word;\n      font-size: 12px;\n    }\n\n    /* Code language tabs */\n    .code-tabs {\n      display: flex;\n      gap: 2px;\n      padding: 8px 14px;\n      background: var(--code-panel-header);\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n    }\n\n    .code-tab {\n      padding: 6px 12px;\n      border: none;\n      border-radius: 4px;\n      background: transparent;\n      color: #90a4ae;\n      font-size: 12px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .code-tab:hover {\n      background: rgba(255,255,255,0.1);\n      color: var(--code-panel-text);\n    }\n\n    .code-tab.active {\n      background: rgba(255,255,255,0.15);\n      color: var(--code-panel-text);\n    }\n\n    .code-contents {\n      padding: 0;\n    }\n\n    .code-content {\n      display: none;\n    }\n\n    .code-content.active {\n      display: block;\n    }\n\n    pre {\n      background: var(--code-bg);\n      padding: 16px;\n      border-radius: 8px;\n      overflow-x: auto;\n      font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;\n      font-size: 13px;\n      line-height: 1.5;\n      border: 1px solid var(--border-color);\n    }\n\n    /* ========== SCHEMA VISUALIZATION (Redoc-style) ========== */\n    .schema-container {\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      overflow: hidden;\n      margin-bottom: 16px;\n    }\n\n    .schema-row {\n      display: flex;\n      align-items: flex-start;\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--border-color);\n      transition: background 0.15s;\n    }\n\n    .schema-row:last-child { border-bottom: none; }\n    .schema-row:hover { background: var(--hover-bg); }\n\n    .schema-row.nested {\n      padding-left: 32px;\n      background: rgba(0,0,0,0.02);\n    }\n\n    .schema-row.nested-2 { padding-left: 48px; }\n    .schema-row.nested-3 { padding-left: 64px; }\n    .schema-row.nested-4 { padding-left: 80px; }\n\n    .schema-property {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      min-width: 200px;\n      flex-shrink: 0;\n    }\n\n    .schema-name {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    .schema-required {\n      color: #ef4444;\n      font-weight: 700;\n      font-size: 14px;\n    }\n\n    .schema-type {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n      font-weight: 500;\n    }\n\n    .type-string { background: #dbeafe; color: #1d4ed8; }\n    .type-number, .type-integer { background: #fef3c7; color: #b45309; }\n    .type-boolean { background: #fce7f3; color: #be185d; }\n    .type-object { background: #e0e7ff; color: #4338ca; }\n    .type-array { background: #d1fae5; color: #047857; }\n    .type-null { background: #f3f4f6; color: #6b7280; }\n    .type-ref { background: #fef3c7; color: #92400e; font-style: italic; }\n\n    [data-theme=\"dark\"] .type-string { background: #1e3a5f; color: #93c5fd; }\n    [data-theme=\"dark\"] .type-number, [data-theme=\"dark\"] .type-integer { background: #451a03; color: #fcd34d; }\n    [data-theme=\"dark\"] .type-boolean { background: #4a0519; color: #f9a8d4; }\n    [data-theme=\"dark\"] .type-object { background: #312e81; color: #c7d2fe; }\n    [data-theme=\"dark\"] .type-array { background: #064e3b; color: #6ee7b7; }\n    [data-theme=\"dark\"] .type-null { background: #374151; color: #9ca3af; }\n    [data-theme=\"dark\"] .type-ref { background: #451a03; color: #fbbf24; }\n\n    .schema-details {\n      flex: 1;\n      padding-left: 16px;\n    }\n\n    .schema-desc {\n      color: var(--text-muted);\n      font-size: 13px;\n      margin-bottom: 4px;\n    }\n\n    .schema-constraints {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 6px;\n      margin-top: 6px;\n    }\n\n    .schema-constraint {\n      font-size: 11px;\n      padding: 2px 6px;\n      border-radius: 4px;\n      background: var(--code-bg);\n      color: var(--text-muted);\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    .schema-enum {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n      margin-top: 6px;\n    }\n\n    .schema-enum-value {\n      font-size: 11px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      background: #fef3c7;\n      color: #92400e;\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    [data-theme=\"dark\"] .schema-enum-value {\n      background: #451a03;\n      color: #fbbf24;\n    }\n\n    .schema-default {\n      font-size: 12px;\n      color: var(--text-muted);\n      margin-top: 4px;\n    }\n\n    .schema-default code {\n      background: var(--code-bg);\n      padding: 1px 4px;\n      border-radius: 3px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    .schema-toggle {\n      cursor: pointer;\n      user-select: none;\n      color: var(--primary-color);\n      font-size: 12px;\n      margin-left: 8px;\n    }\n\n    .schema-toggle:hover { text-decoration: underline; }\n\n    .schema-nested-container {\n      overflow: hidden;\n      transition: max-height 0.3s ease;\n    }\n\n    .schema-nested-container.collapsed {\n      max-height: 0 !important;\n    }\n\n    .schema-example {\n      margin-top: 16px;\n      background: var(--code-bg);\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .schema-example-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 12px;\n      background: rgba(0,0,0,0.05);\n      border-bottom: 1px solid var(--border-color);\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--text-muted);\n      text-transform: uppercase;\n    }\n\n    .schema-example-body {\n      padding: 12px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      white-space: pre-wrap;\n      word-break: break-word;\n    }\n\n    /* Response tabs */\n    .response-tabs {\n      display: flex;\n      gap: 2px;\n      margin-bottom: 12px;\n      border-bottom: 2px solid var(--border-color);\n    }\n\n    .response-tab {\n      padding: 8px 16px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      border: none;\n      background: none;\n      color: var(--text-muted);\n      border-bottom: 2px solid transparent;\n      margin-bottom: -2px;\n      transition: all 0.15s;\n    }\n\n    .response-tab:hover { color: var(--text-color); }\n\n    .response-tab.active {\n      color: var(--primary-color);\n      border-bottom-color: var(--primary-color);\n    }\n\n    .response-tab.status-2xx { color: #10b981; }\n    .response-tab.status-2xx.active { border-bottom-color: #10b981; }\n    .response-tab.status-4xx { color: #f59e0b; }\n    .response-tab.status-4xx.active { border-bottom-color: #f59e0b; }\n    .response-tab.status-5xx { color: #ef4444; }\n    .response-tab.status-5xx.active { border-bottom-color: #ef4444; }\n\n    .response-content { display: none; }\n    .response-content.active { display: block; }\n\n    /* Parameters table */\n    .params-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-bottom: 16px;\n    }\n\n    .params-table th {\n      text-align: left;\n      padding: 8px 12px;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      color: var(--text-muted);\n      background: var(--code-bg);\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .params-table td {\n      padding: 10px 12px;\n      border-bottom: 1px solid var(--border-color);\n      font-size: 13px;\n    }\n\n    .params-table tr:last-child td { border-bottom: none; }\n\n    .param-name {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-weight: 600;\n    }\n\n    .param-in {\n      font-size: 10px;\n      padding: 2px 6px;\n      border-radius: 3px;\n      background: var(--code-bg);\n      color: var(--text-muted);\n      text-transform: uppercase;\n      margin-left: 8px;\n    }\n\n    /* ========== CHANNEL TYPES ========== */\n    .channel-type-public { background: #10b981; color: white; }\n    .channel-type-private { background: #f59e0b; color: white; }\n    .channel-type-presence { background: #8b5cf6; color: white; }\n\n    /* ========== INFO GRID ========== */\n    .info-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n      gap: 12px;\n      margin-bottom: 24px;\n    }\n\n    .info-card {\n      background: var(--code-bg);\n      padding: 16px;\n      border-radius: 10px;\n      border: 1px solid var(--border-color);\n    }\n\n    .info-card-title {\n      font-size: 11px;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 6px;\n    }\n\n    .info-card-value {\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    /* ========== RESPONSIVE ========== */\n    @media (max-width: 900px) {\n      .app-container { grid-template-columns: 1fr; }\n      .sidebar {\n        display: none;\n        position: fixed;\n        left: 0;\n        top: 0;\n        width: 300px;\n        z-index: 100;\n      }\n      .sidebar.mobile-open { display: block; }\n      .hero { padding: 40px 24px; min-height: 100vh; }\n      .hero-logo { height: 80px; margin-bottom: 24px; }\n      .hero-title { font-size: 36px; }\n      .hero-version { font-size: 12px; margin-left: 8px; }\n      .hero-tagline { font-size: 17px; margin-bottom: 20px; }\n      .hero-features { flex-direction: column; align-items: center; gap: 12px; }\n      .hero-features li { font-size: 15px; }\n      .hero-btn { padding: 12px 24px; font-size: 15px; }\n      .github-corner svg { width: 60px; height: 60px; }\n      .main { padding: 24px; }\n    }\n\n    /* ========== ANIMATIONS ========== */\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(10px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .endpoint-section {\n      animation: fadeIn 0.3s ease-out;\n    }\n\n    /* ========== HTTP ENDPOINT (ReDoc-style) ========== */\n    .http-param-group {\n      margin-bottom: 20px;\n    }\n\n    .http-param-group-title {\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: var(--text-muted);\n      margin-bottom: 8px;\n    }\n\n    .http-params {\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .http-param {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .http-param:last-child { border-bottom: none; }\n\n    .http-param-head {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 8px;\n    }\n\n    .http-param-name {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    .http-param-required {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n      color: #ef4444;\n    }\n\n    .http-param-deprecated {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n      color: #f59e0b;\n    }\n\n    .http-param-desc {\n      color: var(--text-muted);\n      font-size: 13px;\n      margin-top: 6px;\n      line-height: 1.5;\n    }\n\n    /* Validation constraint chips (reuses .schema-constraint look) */\n    .constraint-chips {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 6px;\n      margin-top: 8px;\n    }\n\n    .constraint-chip {\n      font-size: 11px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      background: var(--code-bg);\n      color: var(--text-muted);\n      border: 1px solid var(--border-color);\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    .constraint-chip.constraint-enum {\n      background: #fef3c7;\n      color: #92400e;\n      border-color: transparent;\n    }\n\n    [data-theme=\"dark\"] .constraint-chip.constraint-enum {\n      background: #451a03;\n      color: #fbbf24;\n    }\n\n    /* Response accordions */\n    .response-accordion {\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      margin-bottom: 10px;\n      overflow: hidden;\n    }\n\n    .response-accordion-header {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 12px 14px;\n      background: var(--code-bg);\n      border: none;\n      cursor: pointer;\n      text-align: left;\n      font-size: 13px;\n      color: var(--text-color);\n      transition: background 0.15s;\n    }\n\n    .response-accordion-header:hover { background: var(--hover-bg); }\n\n    .response-accordion-caret {\n      flex-shrink: 0;\n      font-size: 10px;\n      color: var(--text-muted);\n      transition: transform 0.2s ease;\n    }\n\n    .response-accordion.open .response-accordion-caret {\n      transform: rotate(90deg);\n    }\n\n    .response-status-dot {\n      width: 9px;\n      height: 9px;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .response-status-dot.status-2xx { background: #10b981; }\n    .response-status-dot.status-3xx { background: #3b82f6; }\n    .response-status-dot.status-4xx { background: #f59e0b; }\n    .response-status-dot.status-5xx { background: #ef4444; }\n\n    .response-status-code {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-weight: 600;\n    }\n\n    .response-status-desc {\n      color: var(--text-muted);\n    }\n\n    .response-accordion-body {\n      padding: 14px;\n      border-top: 1px solid var(--border-color);\n      display: none;\n    }\n\n    .response-accordion.open .response-accordion-body { display: block; }\n\n    .response-subhead {\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: var(--text-muted);\n      margin: 0 0 8px;\n    }\n\n    .response-block + .response-block { margin-top: 16px; }\n\n    /* Multi-language code samples */\n    .http-code-samples {\n      margin-top: 8px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      overflow: hidden;\n      background: var(--code-bg);\n    }\n\n    .http-code-samples .code-tabs {\n      flex-wrap: wrap;\n      background: rgba(0,0,0,0.04);\n    }\n\n    [data-theme=\"dark\"] .http-code-samples .code-tabs {\n      background: rgba(255,255,255,0.03);\n    }\n\n    .http-code-sample-pre {\n      margin: 0;\n      padding: 14px;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      overflow-x: auto;\n      font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;\n      font-size: 12px;\n      line-height: 1.55;\n      color: var(--text-color);\n      white-space: pre;\n    }\n\n    .http-code-copy,\n    .sample-code-copy {\n      margin-left: auto;\n      padding: 4px 10px;\n      background: transparent;\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      color: var(--text-muted);\n      font-size: 11px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .http-code-copy:hover,\n    .sample-code-copy:hover {\n      color: #fff;\n      border-color: #90a4ae;\n    }\n\n    /* Right panel (third column): keep request/response samples dark & legible\n       regardless of the active theme, matching ReDoc's sample column. */\n    .endpoint-right .endpoint-right-section + .endpoint-right-section {\n      margin-top: 24px;\n    }\n\n    .endpoint-right .http-code-samples {\n      background: rgba(0,0,0,0.25);\n      border-color: rgba(255,255,255,0.1);\n    }\n\n    .endpoint-right .http-code-samples .code-tabs {\n      background: rgba(0,0,0,0.2);\n      border-color: rgba(255,255,255,0.1);\n    }\n\n    .endpoint-right .http-code-sample-pre {\n      color: var(--code-panel-text);\n    }\n\n    .response-example-toolbar {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      min-height: 28px;\n      margin: 4px 0 8px;\n    }\n\n    .response-example-toolbar .response-example-name {\n      margin: 0;\n    }\n\n    .endpoint-right .sample-code {\n      margin: 0;\n      padding: 14px;\n      overflow-x: auto;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 6px;\n      background: rgba(0,0,0,0.25);\n      color: var(--code-panel-text);\n      white-space: pre;\n      word-break: normal;\n    }\n\n    .endpoint-right .sample-code code {\n      color: inherit;\n      font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;\n      font-size: 12px;\n      line-height: 1.55;\n      white-space: inherit;\n    }\n\n    .endpoint-right .token.comment,\n    .endpoint-right .token.prolog,\n    .endpoint-right .token.doctype,\n    .endpoint-right .token.cdata {\n      color: #90a4ae;\n    }\n\n    .endpoint-right .token.punctuation { color: #cfd8dc; }\n\n    .endpoint-right .token.property,\n    .endpoint-right .token.tag,\n    .endpoint-right .token.boolean,\n    .endpoint-right .token.number,\n    .endpoint-right .token.constant,\n    .endpoint-right .token.symbol {\n      color: #f8b500;\n    }\n\n    .endpoint-right .token.selector,\n    .endpoint-right .token.attr-name,\n    .endpoint-right .token.string,\n    .endpoint-right .token.char,\n    .endpoint-right .token.builtin {\n      color: #a5d6a7;\n    }\n\n    .endpoint-right .token.operator,\n    .endpoint-right .token.entity,\n    .endpoint-right .token.url,\n    .endpoint-right .token.variable {\n      color: #89ddff;\n    }\n\n    .endpoint-right .token.atrule,\n    .endpoint-right .token.attr-value,\n    .endpoint-right .token.function,\n    .endpoint-right .token.class-name {\n      color: #82aaff;\n    }\n\n    .endpoint-right .token.keyword { color: #c792ea; }\n\n    .endpoint-right .code-tab {\n      color: #90a4ae;\n    }\n\n    .endpoint-right .code-tab.active {\n      background: rgba(255,255,255,0.12);\n      color: #fff;\n    }\n\n    .endpoint-right .response-subhead {\n      color: #90a4ae;\n    }\n\n    /* ========== AUTHENTICATION ========== */\n    .authentication-section {\n      margin: 28px 36px 36px;\n      padding: 24px;\n      border: 1px solid var(--border-color);\n      border-radius: 10px;\n      background: var(--surface-color);\n    }\n\n    .authentication-header h2 {\n      margin: 4px 0 6px;\n      font-size: var(--font-size-h2);\n      color: var(--text-primary);\n    }\n\n    .authentication-header p,\n    .auth-scheme-description,\n    .auth-scheme-meta {\n      color: var(--text-muted);\n      font-size: var(--font-size-small);\n    }\n\n    .auth-environment {\n      display: grid;\n      gap: 6px;\n      margin: 18px 0;\n    }\n\n    .auth-environment-select,\n    .auth-input,\n    .auth-operation-body {\n      width: 100%;\n      padding: 8px 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      background: var(--bg-primary);\n      color: var(--text-primary);\n      font: inherit;\n      font-size: var(--font-size-small);\n    }\n\n    .auth-operation-body {\n      min-height: 112px;\n      resize: vertical;\n      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n      font-size: var(--font-size-code);\n    }\n\n    .auth-schemes {\n      display: grid;\n      gap: 12px;\n    }\n\n    .auth-scheme {\n      padding: 16px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      background: var(--bg-primary);\n    }\n\n    .auth-scheme-title {\n      display: flex;\n      align-items: baseline;\n      gap: 10px;\n      margin-bottom: 10px;\n      color: var(--text-primary);\n    }\n\n    .auth-scheme-title span,\n    .auth-field-label,\n    .auth-status {\n      color: var(--text-muted);\n      font-size: var(--font-size-xs);\n    }\n\n    .auth-form,\n    .auth-field {\n      display: grid;\n      gap: 6px;\n    }\n\n    .auth-form { gap: 10px; }\n\n    .auth-oauth-flow {\n      display: grid;\n      gap: 10px;\n      margin: 6px 0;\n      padding: 14px;\n      border: 1px solid var(--border-color);\n      border-radius: 7px;\n    }\n\n    .auth-oauth-flow legend {\n      padding: 0 6px;\n      font-weight: 600;\n      font-size: var(--font-size-small);\n    }\n\n    .auth-actions {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .auth-save,\n    .auth-request-token,\n    .auth-oauth-token,\n    .auth-oauth-authorize,\n    .auth-oidc-authorize {\n      padding: 7px 12px;\n      border: 1px solid var(--primary-color);\n      border-radius: 6px;\n      background: transparent;\n      color: var(--primary-color);\n      cursor: pointer;\n      font-size: var(--font-size-small);\n      font-weight: 600;\n    }\n\n    .auth-status-error { color: #dc2626; }\n\n    @media (max-width: 760px) {\n      .authentication-section { margin: 20px 16px 28px; padding: 18px; }\n    }\n\n    .docs-overview-server-variables {\n      width: 100%;\n      margin-top: 8px;\n      color: var(--text-muted);\n      font-size: var(--font-size-xs);\n    }\n\n    .docs-overview-server-variables ul {\n      display: grid;\n      gap: 5px;\n      margin-top: 5px;\n      list-style: none;\n    }\n\n    .docs-overview-server-variables li {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n    }\n\n    .endpoint-deprecated,\n    .http-param-deprecated {\n      padding: 2px 6px;\n      border: 1px solid #d97706;\n      border-radius: 4px;\n      color: #b45309;\n      font-size: var(--font-size-xs);\n      font-weight: 600;\n    }\n\n    .response-media-sample + .response-media-sample,\n    .request-example + .request-example {\n      margin-top: 14px;\n      padding-top: 14px;\n      border-top: 1px solid rgba(255,255,255,0.12);\n    }\n\n    .response-example-name {\n      margin: 6px 0;\n      color: var(--text-muted);\n      font-size: var(--font-size-xs);\n      font-weight: 600;\n    }\n\n    .sample-code-error { color: #fca5a5; }\n\n    .response-link {\n      display: grid;\n      gap: 4px;\n      margin-top: 8px;\n      padding: 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      font-size: var(--font-size-small);\n    }\n\n    .response-link-parameters { white-space: pre-wrap; }\n\n    .http-try {\n      display: grid;\n      gap: 10px;\n      margin-top: 12px;\n    }\n\n    .http-try-run {\n      justify-self: start;\n      padding: 7px 12px;\n      border: 1px solid #8bc34a;\n      border-radius: 6px;\n      background: transparent;\n      color: #c5e1a5;\n      cursor: pointer;\n      font-size: var(--font-size-small);\n      font-weight: 600;\n    }\n\n    .http-try-run:disabled { cursor: wait; opacity: 0.6; }\n\n    .http-try-result {\n      max-height: 280px;\n      overflow: auto;\n      padding: 12px;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 6px;\n      color: var(--code-panel-text);\n      white-space: pre-wrap;\n    }\n\n    .async-contracts {\n      margin: 28px 36px;\n      padding: 22px;\n      border: 1px solid var(--border-color);\n      border-radius: 9px;\n      background: var(--surface-color);\n    }\n\n    .endpoint-left > .async-contracts { margin: 16px 0 0; }\n\n    .async-contracts h2 { font-size: var(--font-size-h3); }\n    .async-contracts h3 { margin-top: 14px; font-size: var(--font-size-h5); }\n    .async-contract-note { margin: 5px 0 12px; color: var(--text-muted); font-size: var(--font-size-small); }\n\n    .async-contract {\n      display: grid;\n      gap: 7px;\n      margin-top: 8px;\n      padding: 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n    }\n\n    .async-contract-operation {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 8px;\n      font-size: var(--font-size-small);\n    }\n\n    @media (max-width: 760px) {\n      .async-contracts { margin: 20px 16px; padding: 18px; }\n    }\n\n";
 //# sourceMappingURL=schema-code.d.ts.map

package/dist/docs/ui/style-sections/schema-code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema-code.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/schema-code.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,6zzBA0iC5B,CAAA"}
+{"version":3,"file":"schema-code.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/schema-code.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,+t3BAynC5B,CAAA"}

package/dist/docs/ui/style-sections/schema-code.js

@@ -768,7 +768,8 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
       white-space: pre;
     }
 
-    .http-code-copy {
+    .http-code-copy,
+    .sample-code-copy {
       margin-left: auto;
       padding: 4px 10px;
       background: transparent;
@@ -780,7 +781,11 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
       transition: all 0.15s;
     }
 
-    .http-code-copy:hover { color: var(--text-color); border-color: var(--text-muted); }
+    .http-code-copy:hover,
+    .sample-code-copy:hover {
+      color: #fff;
+      border-color: #90a4ae;
+    }
 
     /* Right panel (third column): keep request/response samples dark & legible
        regardless of the active theme, matching ReDoc's sample column. */
@@ -802,6 +807,80 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
       color: var(--code-panel-text);
     }
 
+    .response-example-toolbar {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      min-height: 28px;
+      margin: 4px 0 8px;
+    }
+
+    .response-example-toolbar .response-example-name {
+      margin: 0;
+    }
+
+    .endpoint-right .sample-code {
+      margin: 0;
+      padding: 14px;
+      overflow-x: auto;
+      border: 1px solid rgba(255,255,255,0.1);
+      border-radius: 6px;
+      background: rgba(0,0,0,0.25);
+      color: var(--code-panel-text);
+      white-space: pre;
+      word-break: normal;
+    }
+
+    .endpoint-right .sample-code code {
+      color: inherit;
+      font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;
+      font-size: 12px;
+      line-height: 1.55;
+      white-space: inherit;
+    }
+
+    .endpoint-right .token.comment,
+    .endpoint-right .token.prolog,
+    .endpoint-right .token.doctype,
+    .endpoint-right .token.cdata {
+      color: #90a4ae;
+    }
+
+    .endpoint-right .token.punctuation { color: #cfd8dc; }
+
+    .endpoint-right .token.property,
+    .endpoint-right .token.tag,
+    .endpoint-right .token.boolean,
+    .endpoint-right .token.number,
+    .endpoint-right .token.constant,
+    .endpoint-right .token.symbol {
+      color: #f8b500;
+    }
+
+    .endpoint-right .token.selector,
+    .endpoint-right .token.attr-name,
+    .endpoint-right .token.string,
+    .endpoint-right .token.char,
+    .endpoint-right .token.builtin {
+      color: #a5d6a7;
+    }
+
+    .endpoint-right .token.operator,
+    .endpoint-right .token.entity,
+    .endpoint-right .token.url,
+    .endpoint-right .token.variable {
+      color: #89ddff;
+    }
+
+    .endpoint-right .token.atrule,
+    .endpoint-right .token.attr-value,
+    .endpoint-right .token.function,
+    .endpoint-right .token.class-name {
+      color: #82aaff;
+    }
+
+    .endpoint-right .token.keyword { color: #c792ea; }
+
     .endpoint-right .code-tab {
       color: #90a4ae;
     }

package/dist/docs/ui/style-sections/schema-code.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema-code.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/schema-code.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0iC/B,CAAA"}
+{"version":3,"file":"schema-code.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/schema-code.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAynC/B,CAAA"}

package/dist/ui/docs/generators/http-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"http-generator.d.ts","sourceRoot":"","sources":["../../../../src/docs/generators/http-generator.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,QAAQ,EAA4C,SAAS,EAAa,MAAM,oBAAoB,CAAA;AAClH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAczE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,uCAAuC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,mCAAmC;IACnC,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;IACjD;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG;QAAE,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IAC9C,yFAAyF;IACzF,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,uBAAuB;IACvB,QAAQ,EAAE,QAAQ,CAAA;IAClB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAA;CACrC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,uBAAuB;IACvB,KAAK,EAAE,QAAQ,CAAA;IACf,wBAAwB;IACxB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAClC,gBAAgB;IAChB,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAClB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,oBAAoB,EACzB,OAAO,GAAE,oBAAyB,GACjC,mBAAmB,CA0IrB"}
+{"version":3,"file":"http-generator.d.ts","sourceRoot":"","sources":["../../../../src/docs/generators/http-generator.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,QAAQ,EAA4C,SAAS,EAAa,MAAM,oBAAoB,CAAA;AAClH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAczE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,uCAAuC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,mCAAmC;IACnC,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;IACjD;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG;QAAE,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IAC9C,yFAAyF;IACzF,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,uBAAuB;IACvB,QAAQ,EAAE,QAAQ,CAAA;IAClB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAA;CACrC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,uBAAuB;IACvB,KAAK,EAAE,QAAQ,CAAA;IACf,wBAAwB;IACxB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAClC,gBAAgB;IAChB,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAClB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,oBAAoB,EACzB,OAAO,GAAE,oBAAyB,GACjC,mBAAmB,CA4IrB"}

package/dist/ui/docs/generators/schema-converter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema-converter.d.ts","sourceRoot":"","sources":["../../../../src/docs/generators/schema-converter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAGnD;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wDAAwD;IACxD,MAAM,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAA;CACvC;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,6CAA6C;IAC7C,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC/B,mCAAmC;IACnC,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7C,wCAAwC;IACxC,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,gCAAgC;IAChC,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;CACtC;AAED;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,uBAAuB,CAwBjE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,CAepD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,IAAI,SAAS,CAuBjE;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,OAAO,EACf,OAAO,GAAE,uBAA4B,GACpC,SAAS,CAMX;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,uBAAuB,EACjC,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,OAAO,GACd,SAAS,CAEX;AA+BD;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,SAAS,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACzF,KAAK,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,SAAS,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC1F,MAAM,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,SAAS,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC3F,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,OAAO,EACf,YAAY,EAAE,MAAM,GACnB,mBAAmB,CA4DrB;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAM9E;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAEvD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,SAAS,GAAG,SAAS,CAKlE;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,GAAE,QAAQ,GAAG,QAAmB,GAAG,SAAS,CAkC7G;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,SAAS,CA4B7C"}
+{"version":3,"file":"schema-converter.d.ts","sourceRoot":"","sources":["../../../../src/docs/generators/schema-converter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAGnD;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wDAAwD;IACxD,MAAM,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAA;CACvC;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,6CAA6C;IAC7C,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC/B,mCAAmC;IACnC,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7C,wCAAwC;IACxC,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,gCAAgC;IAChC,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;CACtC;AAED;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,uBAAuB,CAwBjE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,CAepD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,IAAI,SAAS,CAuBjE;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,OAAO,EACf,OAAO,GAAE,uBAA4B,GACpC,SAAS,CAMX;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,uBAAuB,EACjC,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,OAAO,GACd,SAAS,CAEX;AA+BD;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,SAAS,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACzF,KAAK,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,SAAS,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC1F,MAAM,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,SAAS,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC3F,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,OAAO,EACf,YAAY,EAAE,MAAM,GACnB,mBAAmB,CA+ErB;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAM9E;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAEvD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,SAAS,GAAG,SAAS,CAKlE;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,GAAE,QAAQ,GAAG,QAAmB,GAAG,SAAS,CAkC7G;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,SAAS,CA4B7C"}

package/dist/ui/docs/ui/client-script/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/client-script/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAoBH;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,WAAW,EAAE,MAAM,EACnB,gBAAgB,EAAE,MAAM,EACxB,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,EACtB,mBAAmB,EAAE,MAAM,EAC3B,gBAAgB,EAAE,MAAM,EACxB,kBAAkB,EAAE,MAAM,EAC1B,kBAAkB,EAAE,MAAM,EAC1B,kBAAkB,EAAE,MAAM,EAC1B,wBAAwB,EAAE,MAAM,EAChC,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAClB,eAAe,EAAE,MAAM,EACvB,eAAe,GAAE,MAAe,EAChC,kBAAkB,GAAE,MAA6C,EACjE,cAAc,GAAE,MAAqC,EACrD,cAAc,GAAE,MAA6G,EAC7H,uBAAuB,GAAE,MAAa,EACtC,YAAY,GAAE,MAA4C,GACzD,MAAM,CAwBR;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,IAAI,MAAM,CAIpD;AAED,wBAAgB,sCAAsC,IAAI,MAAM,CAK/D;AAyKD;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,WAAW,EAAE,MAAM,EACnB,gBAAgB,EAAE,MAAM,EACxB,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,EACtB,mBAAmB,EAAE,MAAM,EAC3B,gBAAgB,EAAE,MAAM,EACxB,kBAAkB,EAAE,MAAM,EAC1B,kBAAkB,EAAE,MAAM,EAC1B,kBAAkB,EAAE,MAAM,EAC1B,wBAAwB,EAAE,MAAM,EAChC,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAClB,eAAe,EAAE,MAAM,EACvB,eAAe,GAAE,MAAe,EAChC,kBAAkB,CAAC,EAAE,MAAM,EAC3B,cAAc,GAAE,MAAqC,GACpD,MAAM,CAoBR"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/client-script/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAqBH;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,WAAW,EAAE,MAAM,EACnB,gBAAgB,EAAE,MAAM,EACxB,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,EACtB,mBAAmB,EAAE,MAAM,EAC3B,gBAAgB,EAAE,MAAM,EACxB,kBAAkB,EAAE,MAAM,EAC1B,kBAAkB,EAAE,MAAM,EAC1B,kBAAkB,EAAE,MAAM,EAC1B,wBAAwB,EAAE,MAAM,EAChC,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAClB,eAAe,EAAE,MAAM,EACvB,eAAe,GAAE,MAAe,EAChC,kBAAkB,GAAE,MAA6C,EACjE,cAAc,GAAE,MAAqC,EACrD,cAAc,GAAE,MAA6G,EAC7H,uBAAuB,GAAE,MAAa,EACtC,YAAY,GAAE,MAA4C,GACzD,MAAM,CAwBR;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,IAAI,MAAM,CAIpD;AAED,wBAAgB,sCAAsC,IAAI,MAAM,CAK/D;AAyKD;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,WAAW,EAAE,MAAM,EACnB,gBAAgB,EAAE,MAAM,EACxB,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,EACtB,mBAAmB,EAAE,MAAM,EAC3B,gBAAgB,EAAE,MAAM,EACxB,kBAAkB,EAAE,MAAM,EAC1B,kBAAkB,EAAE,MAAM,EAC1B,kBAAkB,EAAE,MAAM,EAC1B,wBAAwB,EAAE,MAAM,EAChC,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAClB,eAAe,EAAE,MAAM,EACvB,eAAe,GAAE,MAAe,EAChC,kBAAkB,CAAC,EAAE,MAAM,EAC3B,cAAc,GAAE,MAAqC,GACpD,MAAM,CAoBR"}

package/dist/ui/docs/ui/prism-browser-bundle.d.ts

@@ -0,0 +1,3 @@
+/** Build the browser Prism asset used by both inline and external docs UI. */
+export declare function generatePrismBrowserBundle(): string;
+//# sourceMappingURL=prism-browser-bundle.d.ts.map

package/dist/ui/docs/ui/prism-browser-bundle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prism-browser-bundle.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/prism-browser-bundle.ts"],"names":[],"mappings":"AAgBA,8EAA8E;AAC9E,wBAAgB,0BAA0B,IAAI,MAAM,CAKnD"}

package/dist/ui/docs/ui/runtime/code-block-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-block-toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/runtime/code-block-toolbar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAQH,KAAK,MAAM,GAAG;IACZ,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,GAAG,CAAA;CACrC,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,SAAS,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;KAAE,CAAA;CACnE,CAAA;AAED,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,GAAG,EACT,OAAO,GAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,GACtD,IAAI,CAmBN"}
+{"version":3,"file":"code-block-toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/runtime/code-block-toolbar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAUH,KAAK,MAAM,GAAG;IACZ,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,GAAG,CAAA;CACrC,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,SAAS,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;KAAE,CAAA;CACnE,CAAA;AAED,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,GAAG,EACT,OAAO,GAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,GACtD,IAAI,CAuBN"}

package/dist/ui/docs/ui/style-sections/schema-code.d.ts

@@ -1,2 +1,2 @@
-export declare const schemaCodeStyles = "    /* ========== RESPONSE SAMPLES (Right Panel) ========== */\n    .response-samples {\n      margin-top: 20px;\n    }\n\n    .response-samples-header {\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--code-panel-text);\n      margin-bottom: 12px;\n    }\n\n    .sample-tabs {\n      display: flex;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .sample-tab {\n      padding: 6px 14px;\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      background: transparent;\n      border: 1px solid rgba(255,255,255,0.2);\n      color: var(--code-panel-text);\n      transition: all 0.15s;\n    }\n\n    .sample-tab:hover {\n      background: rgba(255,255,255,0.1);\n    }\n\n    .sample-tab.active {\n      background: rgba(255,255,255,0.15);\n      border-color: rgba(255,255,255,0.3);\n    }\n\n    .sample-tab.status-2xx { color: #10b981; border-color: #10b981; }\n    .sample-tab.status-4xx { color: #f59e0b; border-color: #f59e0b; }\n    .sample-tab.status-5xx { color: #ef4444; border-color: #ef4444; }\n\n    .sample-content {\n      display: none;\n    }\n\n    .sample-content.active {\n      display: block;\n    }\n\n    .sample-content-type {\n      font-size: 12px;\n      color: #90a4ae;\n      margin-bottom: 8px;\n    }\n\n    .sample-actions {\n      display: flex;\n      gap: 16px;\n      margin-bottom: 12px;\n    }\n\n    .sample-action {\n      font-size: 12px;\n      color: #90a4ae;\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: 0;\n      transition: color 0.15s;\n    }\n\n    .sample-action:hover {\n      color: white;\n    }\n\n    .sample-json {\n      background: rgba(0,0,0,0.3);\n      border-radius: 6px;\n      padding: 14px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      line-height: 1.5;\n      color: #e2e8f0;\n      overflow-x: auto;\n      white-space: pre-wrap;\n      word-break: break-word;\n    }\n\n    .sample-json .json-key { color: #f8b500; }\n    .sample-json .json-string { color: #a5d6a7; }\n    .sample-json .json-number { color: #82aaff; }\n    .sample-json .json-boolean { color: #f78c6c; }\n    .sample-json .json-null { color: #89ddff; }\n\n    /* Right panel sections */\n    .right-panel-content {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    .right-section {\n      margin-bottom: 0;\n    }\n\n    .right-section-header {\n      font-size: 13px;\n      font-weight: 600;\n      color: #90a4ae;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 16px;\n      padding-bottom: 8px;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n    }\n\n    .sample-contents {\n      margin-top: 0;\n    }\n\n    .tab-status {\n      font-weight: 600;\n    }\n\n    .tab-status.status-2xx { color: #10b981; }\n    .tab-status.status-4xx { color: #f59e0b; }\n    .tab-status.status-5xx { color: #ef4444; }\n\n    .no-example {\n      color: #90a4ae;\n      font-style: italic;\n      font-size: 13px;\n      padding: 12px;\n      background: rgba(0,0,0,0.2);\n      border-radius: 6px;\n    }\n\n    .response-desc-only {\n      color: #90a4ae;\n      font-size: 13px;\n      padding: 12px;\n      background: rgba(0,0,0,0.2);\n      border-radius: 6px;\n    }\n\n    /* ========== CODE EXAMPLES ========== */\n    .code-example {\n      background: rgba(0, 0, 0, 0.2);\n      border-radius: 6px;\n      overflow: hidden;\n      margin-bottom: 16px;\n    }\n\n    .code-example-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 14px;\n      background: var(--code-panel-header);\n      font-size: 12px;\n      font-weight: 600;\n      color: #90a4ae;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .code-example pre {\n      margin: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      color: #e2e8f0;\n      padding: 14px;\n    }\n\n    .code-example code {\n      color: #e2e8f0;\n      white-space: pre-wrap;\n      word-break: break-word;\n      font-size: 12px;\n    }\n\n    /* Code language tabs */\n    .code-tabs {\n      display: flex;\n      gap: 2px;\n      padding: 8px 14px;\n      background: var(--code-panel-header);\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n    }\n\n    .code-tab {\n      padding: 6px 12px;\n      border: none;\n      border-radius: 4px;\n      background: transparent;\n      color: #90a4ae;\n      font-size: 12px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .code-tab:hover {\n      background: rgba(255,255,255,0.1);\n      color: var(--code-panel-text);\n    }\n\n    .code-tab.active {\n      background: rgba(255,255,255,0.15);\n      color: var(--code-panel-text);\n    }\n\n    .code-contents {\n      padding: 0;\n    }\n\n    .code-content {\n      display: none;\n    }\n\n    .code-content.active {\n      display: block;\n    }\n\n    pre {\n      background: var(--code-bg);\n      padding: 16px;\n      border-radius: 8px;\n      overflow-x: auto;\n      font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;\n      font-size: 13px;\n      line-height: 1.5;\n      border: 1px solid var(--border-color);\n    }\n\n    /* ========== SCHEMA VISUALIZATION (Redoc-style) ========== */\n    .schema-container {\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      overflow: hidden;\n      margin-bottom: 16px;\n    }\n\n    .schema-row {\n      display: flex;\n      align-items: flex-start;\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--border-color);\n      transition: background 0.15s;\n    }\n\n    .schema-row:last-child { border-bottom: none; }\n    .schema-row:hover { background: var(--hover-bg); }\n\n    .schema-row.nested {\n      padding-left: 32px;\n      background: rgba(0,0,0,0.02);\n    }\n\n    .schema-row.nested-2 { padding-left: 48px; }\n    .schema-row.nested-3 { padding-left: 64px; }\n    .schema-row.nested-4 { padding-left: 80px; }\n\n    .schema-property {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      min-width: 200px;\n      flex-shrink: 0;\n    }\n\n    .schema-name {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    .schema-required {\n      color: #ef4444;\n      font-weight: 700;\n      font-size: 14px;\n    }\n\n    .schema-type {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n      font-weight: 500;\n    }\n\n    .type-string { background: #dbeafe; color: #1d4ed8; }\n    .type-number, .type-integer { background: #fef3c7; color: #b45309; }\n    .type-boolean { background: #fce7f3; color: #be185d; }\n    .type-object { background: #e0e7ff; color: #4338ca; }\n    .type-array { background: #d1fae5; color: #047857; }\n    .type-null { background: #f3f4f6; color: #6b7280; }\n    .type-ref { background: #fef3c7; color: #92400e; font-style: italic; }\n\n    [data-theme=\"dark\"] .type-string { background: #1e3a5f; color: #93c5fd; }\n    [data-theme=\"dark\"] .type-number, [data-theme=\"dark\"] .type-integer { background: #451a03; color: #fcd34d; }\n    [data-theme=\"dark\"] .type-boolean { background: #4a0519; color: #f9a8d4; }\n    [data-theme=\"dark\"] .type-object { background: #312e81; color: #c7d2fe; }\n    [data-theme=\"dark\"] .type-array { background: #064e3b; color: #6ee7b7; }\n    [data-theme=\"dark\"] .type-null { background: #374151; color: #9ca3af; }\n    [data-theme=\"dark\"] .type-ref { background: #451a03; color: #fbbf24; }\n\n    .schema-details {\n      flex: 1;\n      padding-left: 16px;\n    }\n\n    .schema-desc {\n      color: var(--text-muted);\n      font-size: 13px;\n      margin-bottom: 4px;\n    }\n\n    .schema-constraints {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 6px;\n      margin-top: 6px;\n    }\n\n    .schema-constraint {\n      font-size: 11px;\n      padding: 2px 6px;\n      border-radius: 4px;\n      background: var(--code-bg);\n      color: var(--text-muted);\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    .schema-enum {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n      margin-top: 6px;\n    }\n\n    .schema-enum-value {\n      font-size: 11px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      background: #fef3c7;\n      color: #92400e;\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    [data-theme=\"dark\"] .schema-enum-value {\n      background: #451a03;\n      color: #fbbf24;\n    }\n\n    .schema-default {\n      font-size: 12px;\n      color: var(--text-muted);\n      margin-top: 4px;\n    }\n\n    .schema-default code {\n      background: var(--code-bg);\n      padding: 1px 4px;\n      border-radius: 3px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    .schema-toggle {\n      cursor: pointer;\n      user-select: none;\n      color: var(--primary-color);\n      font-size: 12px;\n      margin-left: 8px;\n    }\n\n    .schema-toggle:hover { text-decoration: underline; }\n\n    .schema-nested-container {\n      overflow: hidden;\n      transition: max-height 0.3s ease;\n    }\n\n    .schema-nested-container.collapsed {\n      max-height: 0 !important;\n    }\n\n    .schema-example {\n      margin-top: 16px;\n      background: var(--code-bg);\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .schema-example-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 12px;\n      background: rgba(0,0,0,0.05);\n      border-bottom: 1px solid var(--border-color);\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--text-muted);\n      text-transform: uppercase;\n    }\n\n    .schema-example-body {\n      padding: 12px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      white-space: pre-wrap;\n      word-break: break-word;\n    }\n\n    /* Response tabs */\n    .response-tabs {\n      display: flex;\n      gap: 2px;\n      margin-bottom: 12px;\n      border-bottom: 2px solid var(--border-color);\n    }\n\n    .response-tab {\n      padding: 8px 16px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      border: none;\n      background: none;\n      color: var(--text-muted);\n      border-bottom: 2px solid transparent;\n      margin-bottom: -2px;\n      transition: all 0.15s;\n    }\n\n    .response-tab:hover { color: var(--text-color); }\n\n    .response-tab.active {\n      color: var(--primary-color);\n      border-bottom-color: var(--primary-color);\n    }\n\n    .response-tab.status-2xx { color: #10b981; }\n    .response-tab.status-2xx.active { border-bottom-color: #10b981; }\n    .response-tab.status-4xx { color: #f59e0b; }\n    .response-tab.status-4xx.active { border-bottom-color: #f59e0b; }\n    .response-tab.status-5xx { color: #ef4444; }\n    .response-tab.status-5xx.active { border-bottom-color: #ef4444; }\n\n    .response-content { display: none; }\n    .response-content.active { display: block; }\n\n    /* Parameters table */\n    .params-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-bottom: 16px;\n    }\n\n    .params-table th {\n      text-align: left;\n      padding: 8px 12px;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      color: var(--text-muted);\n      background: var(--code-bg);\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .params-table td {\n      padding: 10px 12px;\n      border-bottom: 1px solid var(--border-color);\n      font-size: 13px;\n    }\n\n    .params-table tr:last-child td { border-bottom: none; }\n\n    .param-name {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-weight: 600;\n    }\n\n    .param-in {\n      font-size: 10px;\n      padding: 2px 6px;\n      border-radius: 3px;\n      background: var(--code-bg);\n      color: var(--text-muted);\n      text-transform: uppercase;\n      margin-left: 8px;\n    }\n\n    /* ========== CHANNEL TYPES ========== */\n    .channel-type-public { background: #10b981; color: white; }\n    .channel-type-private { background: #f59e0b; color: white; }\n    .channel-type-presence { background: #8b5cf6; color: white; }\n\n    /* ========== INFO GRID ========== */\n    .info-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n      gap: 12px;\n      margin-bottom: 24px;\n    }\n\n    .info-card {\n      background: var(--code-bg);\n      padding: 16px;\n      border-radius: 10px;\n      border: 1px solid var(--border-color);\n    }\n\n    .info-card-title {\n      font-size: 11px;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 6px;\n    }\n\n    .info-card-value {\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    /* ========== RESPONSIVE ========== */\n    @media (max-width: 900px) {\n      .app-container { grid-template-columns: 1fr; }\n      .sidebar {\n        display: none;\n        position: fixed;\n        left: 0;\n        top: 0;\n        width: 300px;\n        z-index: 100;\n      }\n      .sidebar.mobile-open { display: block; }\n      .hero { padding: 40px 24px; min-height: 100vh; }\n      .hero-logo { height: 80px; margin-bottom: 24px; }\n      .hero-title { font-size: 36px; }\n      .hero-version { font-size: 12px; margin-left: 8px; }\n      .hero-tagline { font-size: 17px; margin-bottom: 20px; }\n      .hero-features { flex-direction: column; align-items: center; gap: 12px; }\n      .hero-features li { font-size: 15px; }\n      .hero-btn { padding: 12px 24px; font-size: 15px; }\n      .github-corner svg { width: 60px; height: 60px; }\n      .main { padding: 24px; }\n    }\n\n    /* ========== ANIMATIONS ========== */\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(10px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .endpoint-section {\n      animation: fadeIn 0.3s ease-out;\n    }\n\n    /* ========== HTTP ENDPOINT (ReDoc-style) ========== */\n    .http-param-group {\n      margin-bottom: 20px;\n    }\n\n    .http-param-group-title {\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: var(--text-muted);\n      margin-bottom: 8px;\n    }\n\n    .http-params {\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .http-param {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .http-param:last-child { border-bottom: none; }\n\n    .http-param-head {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 8px;\n    }\n\n    .http-param-name {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    .http-param-required {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n      color: #ef4444;\n    }\n\n    .http-param-deprecated {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n      color: #f59e0b;\n    }\n\n    .http-param-desc {\n      color: var(--text-muted);\n      font-size: 13px;\n      margin-top: 6px;\n      line-height: 1.5;\n    }\n\n    /* Validation constraint chips (reuses .schema-constraint look) */\n    .constraint-chips {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 6px;\n      margin-top: 8px;\n    }\n\n    .constraint-chip {\n      font-size: 11px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      background: var(--code-bg);\n      color: var(--text-muted);\n      border: 1px solid var(--border-color);\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    .constraint-chip.constraint-enum {\n      background: #fef3c7;\n      color: #92400e;\n      border-color: transparent;\n    }\n\n    [data-theme=\"dark\"] .constraint-chip.constraint-enum {\n      background: #451a03;\n      color: #fbbf24;\n    }\n\n    /* Response accordions */\n    .response-accordion {\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      margin-bottom: 10px;\n      overflow: hidden;\n    }\n\n    .response-accordion-header {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 12px 14px;\n      background: var(--code-bg);\n      border: none;\n      cursor: pointer;\n      text-align: left;\n      font-size: 13px;\n      color: var(--text-color);\n      transition: background 0.15s;\n    }\n\n    .response-accordion-header:hover { background: var(--hover-bg); }\n\n    .response-accordion-caret {\n      flex-shrink: 0;\n      font-size: 10px;\n      color: var(--text-muted);\n      transition: transform 0.2s ease;\n    }\n\n    .response-accordion.open .response-accordion-caret {\n      transform: rotate(90deg);\n    }\n\n    .response-status-dot {\n      width: 9px;\n      height: 9px;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .response-status-dot.status-2xx { background: #10b981; }\n    .response-status-dot.status-3xx { background: #3b82f6; }\n    .response-status-dot.status-4xx { background: #f59e0b; }\n    .response-status-dot.status-5xx { background: #ef4444; }\n\n    .response-status-code {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-weight: 600;\n    }\n\n    .response-status-desc {\n      color: var(--text-muted);\n    }\n\n    .response-accordion-body {\n      padding: 14px;\n      border-top: 1px solid var(--border-color);\n      display: none;\n    }\n\n    .response-accordion.open .response-accordion-body { display: block; }\n\n    .response-subhead {\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: var(--text-muted);\n      margin: 0 0 8px;\n    }\n\n    .response-block + .response-block { margin-top: 16px; }\n\n    /* Multi-language code samples */\n    .http-code-samples {\n      margin-top: 8px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      overflow: hidden;\n      background: var(--code-bg);\n    }\n\n    .http-code-samples .code-tabs {\n      flex-wrap: wrap;\n      background: rgba(0,0,0,0.04);\n    }\n\n    [data-theme=\"dark\"] .http-code-samples .code-tabs {\n      background: rgba(255,255,255,0.03);\n    }\n\n    .http-code-sample-pre {\n      margin: 0;\n      padding: 14px;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      overflow-x: auto;\n      font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;\n      font-size: 12px;\n      line-height: 1.55;\n      color: var(--text-color);\n      white-space: pre;\n    }\n\n    .http-code-copy {\n      margin-left: auto;\n      padding: 4px 10px;\n      background: transparent;\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      color: var(--text-muted);\n      font-size: 11px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .http-code-copy:hover { color: var(--text-color); border-color: var(--text-muted); }\n\n    /* Right panel (third column): keep request/response samples dark & legible\n       regardless of the active theme, matching ReDoc's sample column. */\n    .endpoint-right .endpoint-right-section + .endpoint-right-section {\n      margin-top: 24px;\n    }\n\n    .endpoint-right .http-code-samples {\n      background: rgba(0,0,0,0.25);\n      border-color: rgba(255,255,255,0.1);\n    }\n\n    .endpoint-right .http-code-samples .code-tabs {\n      background: rgba(0,0,0,0.2);\n      border-color: rgba(255,255,255,0.1);\n    }\n\n    .endpoint-right .http-code-sample-pre {\n      color: var(--code-panel-text);\n    }\n\n    .endpoint-right .code-tab {\n      color: #90a4ae;\n    }\n\n    .endpoint-right .code-tab.active {\n      background: rgba(255,255,255,0.12);\n      color: #fff;\n    }\n\n    .endpoint-right .response-subhead {\n      color: #90a4ae;\n    }\n\n    /* ========== AUTHENTICATION ========== */\n    .authentication-section {\n      margin: 28px 36px 36px;\n      padding: 24px;\n      border: 1px solid var(--border-color);\n      border-radius: 10px;\n      background: var(--surface-color);\n    }\n\n    .authentication-header h2 {\n      margin: 4px 0 6px;\n      font-size: var(--font-size-h2);\n      color: var(--text-primary);\n    }\n\n    .authentication-header p,\n    .auth-scheme-description,\n    .auth-scheme-meta {\n      color: var(--text-muted);\n      font-size: var(--font-size-small);\n    }\n\n    .auth-environment {\n      display: grid;\n      gap: 6px;\n      margin: 18px 0;\n    }\n\n    .auth-environment-select,\n    .auth-input,\n    .auth-operation-body {\n      width: 100%;\n      padding: 8px 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      background: var(--bg-primary);\n      color: var(--text-primary);\n      font: inherit;\n      font-size: var(--font-size-small);\n    }\n\n    .auth-operation-body {\n      min-height: 112px;\n      resize: vertical;\n      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n      font-size: var(--font-size-code);\n    }\n\n    .auth-schemes {\n      display: grid;\n      gap: 12px;\n    }\n\n    .auth-scheme {\n      padding: 16px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      background: var(--bg-primary);\n    }\n\n    .auth-scheme-title {\n      display: flex;\n      align-items: baseline;\n      gap: 10px;\n      margin-bottom: 10px;\n      color: var(--text-primary);\n    }\n\n    .auth-scheme-title span,\n    .auth-field-label,\n    .auth-status {\n      color: var(--text-muted);\n      font-size: var(--font-size-xs);\n    }\n\n    .auth-form,\n    .auth-field {\n      display: grid;\n      gap: 6px;\n    }\n\n    .auth-form { gap: 10px; }\n\n    .auth-oauth-flow {\n      display: grid;\n      gap: 10px;\n      margin: 6px 0;\n      padding: 14px;\n      border: 1px solid var(--border-color);\n      border-radius: 7px;\n    }\n\n    .auth-oauth-flow legend {\n      padding: 0 6px;\n      font-weight: 600;\n      font-size: var(--font-size-small);\n    }\n\n    .auth-actions {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .auth-save,\n    .auth-request-token,\n    .auth-oauth-token,\n    .auth-oauth-authorize,\n    .auth-oidc-authorize {\n      padding: 7px 12px;\n      border: 1px solid var(--primary-color);\n      border-radius: 6px;\n      background: transparent;\n      color: var(--primary-color);\n      cursor: pointer;\n      font-size: var(--font-size-small);\n      font-weight: 600;\n    }\n\n    .auth-status-error { color: #dc2626; }\n\n    @media (max-width: 760px) {\n      .authentication-section { margin: 20px 16px 28px; padding: 18px; }\n    }\n\n    .docs-overview-server-variables {\n      width: 100%;\n      margin-top: 8px;\n      color: var(--text-muted);\n      font-size: var(--font-size-xs);\n    }\n\n    .docs-overview-server-variables ul {\n      display: grid;\n      gap: 5px;\n      margin-top: 5px;\n      list-style: none;\n    }\n\n    .docs-overview-server-variables li {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n    }\n\n    .endpoint-deprecated,\n    .http-param-deprecated {\n      padding: 2px 6px;\n      border: 1px solid #d97706;\n      border-radius: 4px;\n      color: #b45309;\n      font-size: var(--font-size-xs);\n      font-weight: 600;\n    }\n\n    .response-media-sample + .response-media-sample,\n    .request-example + .request-example {\n      margin-top: 14px;\n      padding-top: 14px;\n      border-top: 1px solid rgba(255,255,255,0.12);\n    }\n\n    .response-example-name {\n      margin: 6px 0;\n      color: var(--text-muted);\n      font-size: var(--font-size-xs);\n      font-weight: 600;\n    }\n\n    .sample-code-error { color: #fca5a5; }\n\n    .response-link {\n      display: grid;\n      gap: 4px;\n      margin-top: 8px;\n      padding: 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      font-size: var(--font-size-small);\n    }\n\n    .response-link-parameters { white-space: pre-wrap; }\n\n    .http-try {\n      display: grid;\n      gap: 10px;\n      margin-top: 12px;\n    }\n\n    .http-try-run {\n      justify-self: start;\n      padding: 7px 12px;\n      border: 1px solid #8bc34a;\n      border-radius: 6px;\n      background: transparent;\n      color: #c5e1a5;\n      cursor: pointer;\n      font-size: var(--font-size-small);\n      font-weight: 600;\n    }\n\n    .http-try-run:disabled { cursor: wait; opacity: 0.6; }\n\n    .http-try-result {\n      max-height: 280px;\n      overflow: auto;\n      padding: 12px;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 6px;\n      color: var(--code-panel-text);\n      white-space: pre-wrap;\n    }\n\n    .async-contracts {\n      margin: 28px 36px;\n      padding: 22px;\n      border: 1px solid var(--border-color);\n      border-radius: 9px;\n      background: var(--surface-color);\n    }\n\n    .endpoint-left > .async-contracts { margin: 16px 0 0; }\n\n    .async-contracts h2 { font-size: var(--font-size-h3); }\n    .async-contracts h3 { margin-top: 14px; font-size: var(--font-size-h5); }\n    .async-contract-note { margin: 5px 0 12px; color: var(--text-muted); font-size: var(--font-size-small); }\n\n    .async-contract {\n      display: grid;\n      gap: 7px;\n      margin-top: 8px;\n      padding: 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n    }\n\n    .async-contract-operation {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 8px;\n      font-size: var(--font-size-small);\n    }\n\n    @media (max-width: 760px) {\n      .async-contracts { margin: 20px 16px; padding: 18px; }\n    }\n\n";
+export declare const schemaCodeStyles = "    /* ========== RESPONSE SAMPLES (Right Panel) ========== */\n    .response-samples {\n      margin-top: 20px;\n    }\n\n    .response-samples-header {\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--code-panel-text);\n      margin-bottom: 12px;\n    }\n\n    .sample-tabs {\n      display: flex;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .sample-tab {\n      padding: 6px 14px;\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      background: transparent;\n      border: 1px solid rgba(255,255,255,0.2);\n      color: var(--code-panel-text);\n      transition: all 0.15s;\n    }\n\n    .sample-tab:hover {\n      background: rgba(255,255,255,0.1);\n    }\n\n    .sample-tab.active {\n      background: rgba(255,255,255,0.15);\n      border-color: rgba(255,255,255,0.3);\n    }\n\n    .sample-tab.status-2xx { color: #10b981; border-color: #10b981; }\n    .sample-tab.status-4xx { color: #f59e0b; border-color: #f59e0b; }\n    .sample-tab.status-5xx { color: #ef4444; border-color: #ef4444; }\n\n    .sample-content {\n      display: none;\n    }\n\n    .sample-content.active {\n      display: block;\n    }\n\n    .sample-content-type {\n      font-size: 12px;\n      color: #90a4ae;\n      margin-bottom: 8px;\n    }\n\n    .sample-actions {\n      display: flex;\n      gap: 16px;\n      margin-bottom: 12px;\n    }\n\n    .sample-action {\n      font-size: 12px;\n      color: #90a4ae;\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: 0;\n      transition: color 0.15s;\n    }\n\n    .sample-action:hover {\n      color: white;\n    }\n\n    .sample-json {\n      background: rgba(0,0,0,0.3);\n      border-radius: 6px;\n      padding: 14px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      line-height: 1.5;\n      color: #e2e8f0;\n      overflow-x: auto;\n      white-space: pre-wrap;\n      word-break: break-word;\n    }\n\n    .sample-json .json-key { color: #f8b500; }\n    .sample-json .json-string { color: #a5d6a7; }\n    .sample-json .json-number { color: #82aaff; }\n    .sample-json .json-boolean { color: #f78c6c; }\n    .sample-json .json-null { color: #89ddff; }\n\n    /* Right panel sections */\n    .right-panel-content {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    .right-section {\n      margin-bottom: 0;\n    }\n\n    .right-section-header {\n      font-size: 13px;\n      font-weight: 600;\n      color: #90a4ae;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 16px;\n      padding-bottom: 8px;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n    }\n\n    .sample-contents {\n      margin-top: 0;\n    }\n\n    .tab-status {\n      font-weight: 600;\n    }\n\n    .tab-status.status-2xx { color: #10b981; }\n    .tab-status.status-4xx { color: #f59e0b; }\n    .tab-status.status-5xx { color: #ef4444; }\n\n    .no-example {\n      color: #90a4ae;\n      font-style: italic;\n      font-size: 13px;\n      padding: 12px;\n      background: rgba(0,0,0,0.2);\n      border-radius: 6px;\n    }\n\n    .response-desc-only {\n      color: #90a4ae;\n      font-size: 13px;\n      padding: 12px;\n      background: rgba(0,0,0,0.2);\n      border-radius: 6px;\n    }\n\n    /* ========== CODE EXAMPLES ========== */\n    .code-example {\n      background: rgba(0, 0, 0, 0.2);\n      border-radius: 6px;\n      overflow: hidden;\n      margin-bottom: 16px;\n    }\n\n    .code-example-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 14px;\n      background: var(--code-panel-header);\n      font-size: 12px;\n      font-weight: 600;\n      color: #90a4ae;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .code-example pre {\n      margin: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      color: #e2e8f0;\n      padding: 14px;\n    }\n\n    .code-example code {\n      color: #e2e8f0;\n      white-space: pre-wrap;\n      word-break: break-word;\n      font-size: 12px;\n    }\n\n    /* Code language tabs */\n    .code-tabs {\n      display: flex;\n      gap: 2px;\n      padding: 8px 14px;\n      background: var(--code-panel-header);\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n    }\n\n    .code-tab {\n      padding: 6px 12px;\n      border: none;\n      border-radius: 4px;\n      background: transparent;\n      color: #90a4ae;\n      font-size: 12px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .code-tab:hover {\n      background: rgba(255,255,255,0.1);\n      color: var(--code-panel-text);\n    }\n\n    .code-tab.active {\n      background: rgba(255,255,255,0.15);\n      color: var(--code-panel-text);\n    }\n\n    .code-contents {\n      padding: 0;\n    }\n\n    .code-content {\n      display: none;\n    }\n\n    .code-content.active {\n      display: block;\n    }\n\n    pre {\n      background: var(--code-bg);\n      padding: 16px;\n      border-radius: 8px;\n      overflow-x: auto;\n      font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;\n      font-size: 13px;\n      line-height: 1.5;\n      border: 1px solid var(--border-color);\n    }\n\n    /* ========== SCHEMA VISUALIZATION (Redoc-style) ========== */\n    .schema-container {\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      overflow: hidden;\n      margin-bottom: 16px;\n    }\n\n    .schema-row {\n      display: flex;\n      align-items: flex-start;\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--border-color);\n      transition: background 0.15s;\n    }\n\n    .schema-row:last-child { border-bottom: none; }\n    .schema-row:hover { background: var(--hover-bg); }\n\n    .schema-row.nested {\n      padding-left: 32px;\n      background: rgba(0,0,0,0.02);\n    }\n\n    .schema-row.nested-2 { padding-left: 48px; }\n    .schema-row.nested-3 { padding-left: 64px; }\n    .schema-row.nested-4 { padding-left: 80px; }\n\n    .schema-property {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      min-width: 200px;\n      flex-shrink: 0;\n    }\n\n    .schema-name {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    .schema-required {\n      color: #ef4444;\n      font-weight: 700;\n      font-size: 14px;\n    }\n\n    .schema-type {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n      font-weight: 500;\n    }\n\n    .type-string { background: #dbeafe; color: #1d4ed8; }\n    .type-number, .type-integer { background: #fef3c7; color: #b45309; }\n    .type-boolean { background: #fce7f3; color: #be185d; }\n    .type-object { background: #e0e7ff; color: #4338ca; }\n    .type-array { background: #d1fae5; color: #047857; }\n    .type-null { background: #f3f4f6; color: #6b7280; }\n    .type-ref { background: #fef3c7; color: #92400e; font-style: italic; }\n\n    [data-theme=\"dark\"] .type-string { background: #1e3a5f; color: #93c5fd; }\n    [data-theme=\"dark\"] .type-number, [data-theme=\"dark\"] .type-integer { background: #451a03; color: #fcd34d; }\n    [data-theme=\"dark\"] .type-boolean { background: #4a0519; color: #f9a8d4; }\n    [data-theme=\"dark\"] .type-object { background: #312e81; color: #c7d2fe; }\n    [data-theme=\"dark\"] .type-array { background: #064e3b; color: #6ee7b7; }\n    [data-theme=\"dark\"] .type-null { background: #374151; color: #9ca3af; }\n    [data-theme=\"dark\"] .type-ref { background: #451a03; color: #fbbf24; }\n\n    .schema-details {\n      flex: 1;\n      padding-left: 16px;\n    }\n\n    .schema-desc {\n      color: var(--text-muted);\n      font-size: 13px;\n      margin-bottom: 4px;\n    }\n\n    .schema-constraints {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 6px;\n      margin-top: 6px;\n    }\n\n    .schema-constraint {\n      font-size: 11px;\n      padding: 2px 6px;\n      border-radius: 4px;\n      background: var(--code-bg);\n      color: var(--text-muted);\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    .schema-enum {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n      margin-top: 6px;\n    }\n\n    .schema-enum-value {\n      font-size: 11px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      background: #fef3c7;\n      color: #92400e;\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    [data-theme=\"dark\"] .schema-enum-value {\n      background: #451a03;\n      color: #fbbf24;\n    }\n\n    .schema-default {\n      font-size: 12px;\n      color: var(--text-muted);\n      margin-top: 4px;\n    }\n\n    .schema-default code {\n      background: var(--code-bg);\n      padding: 1px 4px;\n      border-radius: 3px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    .schema-toggle {\n      cursor: pointer;\n      user-select: none;\n      color: var(--primary-color);\n      font-size: 12px;\n      margin-left: 8px;\n    }\n\n    .schema-toggle:hover { text-decoration: underline; }\n\n    .schema-nested-container {\n      overflow: hidden;\n      transition: max-height 0.3s ease;\n    }\n\n    .schema-nested-container.collapsed {\n      max-height: 0 !important;\n    }\n\n    .schema-example {\n      margin-top: 16px;\n      background: var(--code-bg);\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .schema-example-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 12px;\n      background: rgba(0,0,0,0.05);\n      border-bottom: 1px solid var(--border-color);\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--text-muted);\n      text-transform: uppercase;\n    }\n\n    .schema-example-body {\n      padding: 12px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      white-space: pre-wrap;\n      word-break: break-word;\n    }\n\n    /* Response tabs */\n    .response-tabs {\n      display: flex;\n      gap: 2px;\n      margin-bottom: 12px;\n      border-bottom: 2px solid var(--border-color);\n    }\n\n    .response-tab {\n      padding: 8px 16px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      border: none;\n      background: none;\n      color: var(--text-muted);\n      border-bottom: 2px solid transparent;\n      margin-bottom: -2px;\n      transition: all 0.15s;\n    }\n\n    .response-tab:hover { color: var(--text-color); }\n\n    .response-tab.active {\n      color: var(--primary-color);\n      border-bottom-color: var(--primary-color);\n    }\n\n    .response-tab.status-2xx { color: #10b981; }\n    .response-tab.status-2xx.active { border-bottom-color: #10b981; }\n    .response-tab.status-4xx { color: #f59e0b; }\n    .response-tab.status-4xx.active { border-bottom-color: #f59e0b; }\n    .response-tab.status-5xx { color: #ef4444; }\n    .response-tab.status-5xx.active { border-bottom-color: #ef4444; }\n\n    .response-content { display: none; }\n    .response-content.active { display: block; }\n\n    /* Parameters table */\n    .params-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-bottom: 16px;\n    }\n\n    .params-table th {\n      text-align: left;\n      padding: 8px 12px;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      color: var(--text-muted);\n      background: var(--code-bg);\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .params-table td {\n      padding: 10px 12px;\n      border-bottom: 1px solid var(--border-color);\n      font-size: 13px;\n    }\n\n    .params-table tr:last-child td { border-bottom: none; }\n\n    .param-name {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-weight: 600;\n    }\n\n    .param-in {\n      font-size: 10px;\n      padding: 2px 6px;\n      border-radius: 3px;\n      background: var(--code-bg);\n      color: var(--text-muted);\n      text-transform: uppercase;\n      margin-left: 8px;\n    }\n\n    /* ========== CHANNEL TYPES ========== */\n    .channel-type-public { background: #10b981; color: white; }\n    .channel-type-private { background: #f59e0b; color: white; }\n    .channel-type-presence { background: #8b5cf6; color: white; }\n\n    /* ========== INFO GRID ========== */\n    .info-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n      gap: 12px;\n      margin-bottom: 24px;\n    }\n\n    .info-card {\n      background: var(--code-bg);\n      padding: 16px;\n      border-radius: 10px;\n      border: 1px solid var(--border-color);\n    }\n\n    .info-card-title {\n      font-size: 11px;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 6px;\n    }\n\n    .info-card-value {\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    /* ========== RESPONSIVE ========== */\n    @media (max-width: 900px) {\n      .app-container { grid-template-columns: 1fr; }\n      .sidebar {\n        display: none;\n        position: fixed;\n        left: 0;\n        top: 0;\n        width: 300px;\n        z-index: 100;\n      }\n      .sidebar.mobile-open { display: block; }\n      .hero { padding: 40px 24px; min-height: 100vh; }\n      .hero-logo { height: 80px; margin-bottom: 24px; }\n      .hero-title { font-size: 36px; }\n      .hero-version { font-size: 12px; margin-left: 8px; }\n      .hero-tagline { font-size: 17px; margin-bottom: 20px; }\n      .hero-features { flex-direction: column; align-items: center; gap: 12px; }\n      .hero-features li { font-size: 15px; }\n      .hero-btn { padding: 12px 24px; font-size: 15px; }\n      .github-corner svg { width: 60px; height: 60px; }\n      .main { padding: 24px; }\n    }\n\n    /* ========== ANIMATIONS ========== */\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(10px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .endpoint-section {\n      animation: fadeIn 0.3s ease-out;\n    }\n\n    /* ========== HTTP ENDPOINT (ReDoc-style) ========== */\n    .http-param-group {\n      margin-bottom: 20px;\n    }\n\n    .http-param-group-title {\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: var(--text-muted);\n      margin-bottom: 8px;\n    }\n\n    .http-params {\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .http-param {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .http-param:last-child { border-bottom: none; }\n\n    .http-param-head {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 8px;\n    }\n\n    .http-param-name {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    .http-param-required {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n      color: #ef4444;\n    }\n\n    .http-param-deprecated {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n      color: #f59e0b;\n    }\n\n    .http-param-desc {\n      color: var(--text-muted);\n      font-size: 13px;\n      margin-top: 6px;\n      line-height: 1.5;\n    }\n\n    /* Validation constraint chips (reuses .schema-constraint look) */\n    .constraint-chips {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 6px;\n      margin-top: 8px;\n    }\n\n    .constraint-chip {\n      font-size: 11px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      background: var(--code-bg);\n      color: var(--text-muted);\n      border: 1px solid var(--border-color);\n      font-family: 'SF Mono', 'Monaco', monospace;\n    }\n\n    .constraint-chip.constraint-enum {\n      background: #fef3c7;\n      color: #92400e;\n      border-color: transparent;\n    }\n\n    [data-theme=\"dark\"] .constraint-chip.constraint-enum {\n      background: #451a03;\n      color: #fbbf24;\n    }\n\n    /* Response accordions */\n    .response-accordion {\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      margin-bottom: 10px;\n      overflow: hidden;\n    }\n\n    .response-accordion-header {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 12px 14px;\n      background: var(--code-bg);\n      border: none;\n      cursor: pointer;\n      text-align: left;\n      font-size: 13px;\n      color: var(--text-color);\n      transition: background 0.15s;\n    }\n\n    .response-accordion-header:hover { background: var(--hover-bg); }\n\n    .response-accordion-caret {\n      flex-shrink: 0;\n      font-size: 10px;\n      color: var(--text-muted);\n      transition: transform 0.2s ease;\n    }\n\n    .response-accordion.open .response-accordion-caret {\n      transform: rotate(90deg);\n    }\n\n    .response-status-dot {\n      width: 9px;\n      height: 9px;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .response-status-dot.status-2xx { background: #10b981; }\n    .response-status-dot.status-3xx { background: #3b82f6; }\n    .response-status-dot.status-4xx { background: #f59e0b; }\n    .response-status-dot.status-5xx { background: #ef4444; }\n\n    .response-status-code {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-weight: 600;\n    }\n\n    .response-status-desc {\n      color: var(--text-muted);\n    }\n\n    .response-accordion-body {\n      padding: 14px;\n      border-top: 1px solid var(--border-color);\n      display: none;\n    }\n\n    .response-accordion.open .response-accordion-body { display: block; }\n\n    .response-subhead {\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: var(--text-muted);\n      margin: 0 0 8px;\n    }\n\n    .response-block + .response-block { margin-top: 16px; }\n\n    /* Multi-language code samples */\n    .http-code-samples {\n      margin-top: 8px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      overflow: hidden;\n      background: var(--code-bg);\n    }\n\n    .http-code-samples .code-tabs {\n      flex-wrap: wrap;\n      background: rgba(0,0,0,0.04);\n    }\n\n    [data-theme=\"dark\"] .http-code-samples .code-tabs {\n      background: rgba(255,255,255,0.03);\n    }\n\n    .http-code-sample-pre {\n      margin: 0;\n      padding: 14px;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      overflow-x: auto;\n      font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;\n      font-size: 12px;\n      line-height: 1.55;\n      color: var(--text-color);\n      white-space: pre;\n    }\n\n    .http-code-copy,\n    .sample-code-copy {\n      margin-left: auto;\n      padding: 4px 10px;\n      background: transparent;\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      color: var(--text-muted);\n      font-size: 11px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .http-code-copy:hover,\n    .sample-code-copy:hover {\n      color: #fff;\n      border-color: #90a4ae;\n    }\n\n    /* Right panel (third column): keep request/response samples dark & legible\n       regardless of the active theme, matching ReDoc's sample column. */\n    .endpoint-right .endpoint-right-section + .endpoint-right-section {\n      margin-top: 24px;\n    }\n\n    .endpoint-right .http-code-samples {\n      background: rgba(0,0,0,0.25);\n      border-color: rgba(255,255,255,0.1);\n    }\n\n    .endpoint-right .http-code-samples .code-tabs {\n      background: rgba(0,0,0,0.2);\n      border-color: rgba(255,255,255,0.1);\n    }\n\n    .endpoint-right .http-code-sample-pre {\n      color: var(--code-panel-text);\n    }\n\n    .response-example-toolbar {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      min-height: 28px;\n      margin: 4px 0 8px;\n    }\n\n    .response-example-toolbar .response-example-name {\n      margin: 0;\n    }\n\n    .endpoint-right .sample-code {\n      margin: 0;\n      padding: 14px;\n      overflow-x: auto;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 6px;\n      background: rgba(0,0,0,0.25);\n      color: var(--code-panel-text);\n      white-space: pre;\n      word-break: normal;\n    }\n\n    .endpoint-right .sample-code code {\n      color: inherit;\n      font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;\n      font-size: 12px;\n      line-height: 1.55;\n      white-space: inherit;\n    }\n\n    .endpoint-right .token.comment,\n    .endpoint-right .token.prolog,\n    .endpoint-right .token.doctype,\n    .endpoint-right .token.cdata {\n      color: #90a4ae;\n    }\n\n    .endpoint-right .token.punctuation { color: #cfd8dc; }\n\n    .endpoint-right .token.property,\n    .endpoint-right .token.tag,\n    .endpoint-right .token.boolean,\n    .endpoint-right .token.number,\n    .endpoint-right .token.constant,\n    .endpoint-right .token.symbol {\n      color: #f8b500;\n    }\n\n    .endpoint-right .token.selector,\n    .endpoint-right .token.attr-name,\n    .endpoint-right .token.string,\n    .endpoint-right .token.char,\n    .endpoint-right .token.builtin {\n      color: #a5d6a7;\n    }\n\n    .endpoint-right .token.operator,\n    .endpoint-right .token.entity,\n    .endpoint-right .token.url,\n    .endpoint-right .token.variable {\n      color: #89ddff;\n    }\n\n    .endpoint-right .token.atrule,\n    .endpoint-right .token.attr-value,\n    .endpoint-right .token.function,\n    .endpoint-right .token.class-name {\n      color: #82aaff;\n    }\n\n    .endpoint-right .token.keyword { color: #c792ea; }\n\n    .endpoint-right .code-tab {\n      color: #90a4ae;\n    }\n\n    .endpoint-right .code-tab.active {\n      background: rgba(255,255,255,0.12);\n      color: #fff;\n    }\n\n    .endpoint-right .response-subhead {\n      color: #90a4ae;\n    }\n\n    /* ========== AUTHENTICATION ========== */\n    .authentication-section {\n      margin: 28px 36px 36px;\n      padding: 24px;\n      border: 1px solid var(--border-color);\n      border-radius: 10px;\n      background: var(--surface-color);\n    }\n\n    .authentication-header h2 {\n      margin: 4px 0 6px;\n      font-size: var(--font-size-h2);\n      color: var(--text-primary);\n    }\n\n    .authentication-header p,\n    .auth-scheme-description,\n    .auth-scheme-meta {\n      color: var(--text-muted);\n      font-size: var(--font-size-small);\n    }\n\n    .auth-environment {\n      display: grid;\n      gap: 6px;\n      margin: 18px 0;\n    }\n\n    .auth-environment-select,\n    .auth-input,\n    .auth-operation-body {\n      width: 100%;\n      padding: 8px 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      background: var(--bg-primary);\n      color: var(--text-primary);\n      font: inherit;\n      font-size: var(--font-size-small);\n    }\n\n    .auth-operation-body {\n      min-height: 112px;\n      resize: vertical;\n      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n      font-size: var(--font-size-code);\n    }\n\n    .auth-schemes {\n      display: grid;\n      gap: 12px;\n    }\n\n    .auth-scheme {\n      padding: 16px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      background: var(--bg-primary);\n    }\n\n    .auth-scheme-title {\n      display: flex;\n      align-items: baseline;\n      gap: 10px;\n      margin-bottom: 10px;\n      color: var(--text-primary);\n    }\n\n    .auth-scheme-title span,\n    .auth-field-label,\n    .auth-status {\n      color: var(--text-muted);\n      font-size: var(--font-size-xs);\n    }\n\n    .auth-form,\n    .auth-field {\n      display: grid;\n      gap: 6px;\n    }\n\n    .auth-form { gap: 10px; }\n\n    .auth-oauth-flow {\n      display: grid;\n      gap: 10px;\n      margin: 6px 0;\n      padding: 14px;\n      border: 1px solid var(--border-color);\n      border-radius: 7px;\n    }\n\n    .auth-oauth-flow legend {\n      padding: 0 6px;\n      font-weight: 600;\n      font-size: var(--font-size-small);\n    }\n\n    .auth-actions {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .auth-save,\n    .auth-request-token,\n    .auth-oauth-token,\n    .auth-oauth-authorize,\n    .auth-oidc-authorize {\n      padding: 7px 12px;\n      border: 1px solid var(--primary-color);\n      border-radius: 6px;\n      background: transparent;\n      color: var(--primary-color);\n      cursor: pointer;\n      font-size: var(--font-size-small);\n      font-weight: 600;\n    }\n\n    .auth-status-error { color: #dc2626; }\n\n    @media (max-width: 760px) {\n      .authentication-section { margin: 20px 16px 28px; padding: 18px; }\n    }\n\n    .docs-overview-server-variables {\n      width: 100%;\n      margin-top: 8px;\n      color: var(--text-muted);\n      font-size: var(--font-size-xs);\n    }\n\n    .docs-overview-server-variables ul {\n      display: grid;\n      gap: 5px;\n      margin-top: 5px;\n      list-style: none;\n    }\n\n    .docs-overview-server-variables li {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n    }\n\n    .endpoint-deprecated,\n    .http-param-deprecated {\n      padding: 2px 6px;\n      border: 1px solid #d97706;\n      border-radius: 4px;\n      color: #b45309;\n      font-size: var(--font-size-xs);\n      font-weight: 600;\n    }\n\n    .response-media-sample + .response-media-sample,\n    .request-example + .request-example {\n      margin-top: 14px;\n      padding-top: 14px;\n      border-top: 1px solid rgba(255,255,255,0.12);\n    }\n\n    .response-example-name {\n      margin: 6px 0;\n      color: var(--text-muted);\n      font-size: var(--font-size-xs);\n      font-weight: 600;\n    }\n\n    .sample-code-error { color: #fca5a5; }\n\n    .response-link {\n      display: grid;\n      gap: 4px;\n      margin-top: 8px;\n      padding: 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      font-size: var(--font-size-small);\n    }\n\n    .response-link-parameters { white-space: pre-wrap; }\n\n    .http-try {\n      display: grid;\n      gap: 10px;\n      margin-top: 12px;\n    }\n\n    .http-try-run {\n      justify-self: start;\n      padding: 7px 12px;\n      border: 1px solid #8bc34a;\n      border-radius: 6px;\n      background: transparent;\n      color: #c5e1a5;\n      cursor: pointer;\n      font-size: var(--font-size-small);\n      font-weight: 600;\n    }\n\n    .http-try-run:disabled { cursor: wait; opacity: 0.6; }\n\n    .http-try-result {\n      max-height: 280px;\n      overflow: auto;\n      padding: 12px;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 6px;\n      color: var(--code-panel-text);\n      white-space: pre-wrap;\n    }\n\n    .async-contracts {\n      margin: 28px 36px;\n      padding: 22px;\n      border: 1px solid var(--border-color);\n      border-radius: 9px;\n      background: var(--surface-color);\n    }\n\n    .endpoint-left > .async-contracts { margin: 16px 0 0; }\n\n    .async-contracts h2 { font-size: var(--font-size-h3); }\n    .async-contracts h3 { margin-top: 14px; font-size: var(--font-size-h5); }\n    .async-contract-note { margin: 5px 0 12px; color: var(--text-muted); font-size: var(--font-size-small); }\n\n    .async-contract {\n      display: grid;\n      gap: 7px;\n      margin-top: 8px;\n      padding: 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n    }\n\n    .async-contract-operation {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 8px;\n      font-size: var(--font-size-small);\n    }\n\n    @media (max-width: 760px) {\n      .async-contracts { margin: 20px 16px; padding: 18px; }\n    }\n\n";
 //# sourceMappingURL=schema-code.d.ts.map

package/dist/ui/docs/ui/style-sections/schema-code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema-code.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/schema-code.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,6zzBA0iC5B,CAAA"}
+{"version":3,"file":"schema-code.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/schema-code.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,+t3BAynC5B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "raffel",
-  "version": "1.1.76",
+  "version": "1.1.78",
   "description": "Unified multi-protocol server runtime. One core, multiple transports.",
   "type": "module",
   "main": "./dist/index.js",