@bridge_gpt/mcp-server 0.2.16 → 0.2.19

package/public/css/main.min.css

@@ -1,2 +1,3312 @@
-body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.header{background-color:var(--surface-color);box-shadow:var(--box-shadow);height:var(--header-height);left:0;position:fixed;top:0;width:100%;z-index:100}.header-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.logo-container img{height:32px;width:auto}.nav-menu ul{display:flex;list-style-type:none}.nav-menu li{margin-left:2rem}.nav-menu a{color:var(--text-color);font-weight:500;text-decoration:none}.nav-menu a:hover{color:var(--primary-color)}.main-content{margin:2rem auto;max-width:1200px;padding:0 1rem}.container{background-color:var(--surface-color);border-radius:.5rem;box-shadow:var(--box-shadow);margin-bottom:2rem;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.section-header h1{color:var(--text-color);font-size:1.5rem;font-weight:600}.form-intro{color:var(--secondary-color);font-size:.875rem;margin-bottom:1.5rem}.form-intro code{color:var(--text-color);font-size:.8125rem}.form-group{margin-bottom:1.5rem}.form-group-block{align-items:center;display:flex;justify-content:left}input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{background-color:#fff;border:1px solid var(--border-color);border-radius:.25rem;font-size:1rem;padding:.5rem;width:100%}.projects-grid{display:grid;gap:1rem;grid-template-columns:1fr}.project-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.project-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.project-card h2{color:var(--text-color);font-size:1.125rem;margin-bottom:1rem}.project-card p{color:var(--secondary-color);display:-webkit-box;font-size:.875rem;height:4.5rem;margin-bottom:1.5rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3}.project-card .project-meta{align-items:center;color:var(--secondary-color);display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:1rem}.project-card-actions{flex-direction:column;gap:.75rem}.project-card-actions-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.project-card-actions-row .btn{flex:1;margin:.5rem;text-align:center}.project-card-actions-secondary{justify-content:flex-end}.delete-link{color:var(--error-color);cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s ease}.delete-link:hover{color:#dc2626;text-decoration:underline}.modal{background-color:rgba(0,0,0,.4);height:100%;overflow:auto;width:100%}.modal-content{background-color:var(--surface-color);border-radius:.5rem;box-shadow:var(--box-shadow);margin:15% auto;max-width:500px;padding:2rem;width:80%}.close-modal{color:var(--secondary-color);cursor:pointer;float:right;font-size:1.5rem;font-weight:700}.close-modal:hover{color:var(--text-color)}#modal-body,#modal-title{margin-bottom:1rem}#modal-body{line-height:1.5}#modal-body ul{margin:.5rem 0;padding-left:1.5rem}#modal-body li{margin:.25rem 0}#modal-body p{margin:.5rem 0}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.modal-actions.hidden{display:none}.loading-overlay{align-items:center;background-color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.spinner{animation:spin 1s linear infinite;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid var(--primary-color);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.header-container{padding:0 1rem}.nav-menu li{margin-left:1rem}.container{padding:1.5rem}.modal-content{margin:10% auto;width:90%}}input.input-error,select.input-error,textarea.input-error{border-color:var(--error-color);box-shadow:0 0 0 .2rem rgba(239,68,68,.25)}.health-stat-value.config-healthy{color:#16a34a}.health-stat-value.config-errors{color:var(--error-color)}.health-stat-value.config-warnings{color:#f59e0b}.dismiss-warning-btn{background-color:transparent;border:1px solid var(--border-color);border-radius:.25rem;color:var(--secondary-color);cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:all .2s ease}.dismiss-warning-btn:hover{background-color:#f9fafb;border-color:var(--secondary-color);color:var(--text-color)}.dismiss-warning-btn:active{background-color:#f3f4f6}.dismiss-warning-btn:disabled{cursor:not-allowed;opacity:.5}.pinecone-stat-label{color:var(--secondary-color);font-size:.875rem;margin-bottom:.25rem}.pinecone-stat-value{color:var(--text-color);font-size:1.5rem;font-weight:600}.pinecone-stat-value.stat-healthy{color:#16a34a}.pinecone-stat-value.stat-error{color:var(--error-color)}.pinecone-match-badge{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.pinecone-match-badge.match-yes{background-color:#dcfce7;color:#166534}.pinecone-match-badge.match-no{background-color:#fef2f2;color:#991b1b}.setup-detail-intro{color:var(--secondary-color);font-size:.9rem;line-height:1.5;margin:.5rem 0 1.5rem}.install-status-panel{background-color:#f9fafb;border:1px solid var(--border-color);border-radius:.25rem;margin-bottom:2rem;padding:1rem}.install-status-panel-title{color:var(--text-color);font-size:1rem;font-weight:500;margin-bottom:.75rem}.install-status-summary{align-items:center;color:var(--secondary-color);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem;margin-bottom:1rem}.install-status-summary-count{color:var(--text-color);font-weight:600}.install-status-groups{display:flex;flex-direction:column;gap:1rem}.install-status-group{border-top:1px solid var(--border-color);padding-top:.75rem}.install-status-group-title{color:var(--text-color);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.install-status-field-row{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;padding:.375rem 0}.install-status-field-name{color:var(--text-color);font-weight:500}.install-status-field-value{color:var(--secondary-color);word-break:break-word}.install-status-field-confirm{color:#92400e;font-size:.75rem;font-style:italic}.install-status-error{background-color:#f9fafb;border:1px solid var(--border-color);border-radius:.25rem;color:var(--secondary-color);font-size:.875rem;padding:.75rem 1rem}.install-status-badge{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:500;line-height:1.4;padding:.125rem .5rem;white-space:nowrap}.install-status-badge.status-set{background-color:#dcfce7;color:#166534}.install-status-badge.status-unset{background-color:#fef3c7;color:#92400e}.install-status-badge.status-loading,.install-status-badge.status-unavailable{background-color:#f1f5f9;color:var(--secondary-color)}.install-status-badge-slot{align-items:center;display:inline-flex;margin-left:6px;vertical-align:middle}.install-status-edit{background:none;border:none;color:var(--primary-color,#2563eb);cursor:pointer;font-size:.8rem;font-weight:500;padding:0;text-decoration:underline}.install-status-edit:hover{text-decoration:none}.install-status-edit:focus-visible{border-radius:.25rem;outline:2px solid var(--primary-color,#2563eb);outline-offset:2px}@media (max-width:600px){.install-status-summary{gap:.5rem}.install-status-field-row{align-items:flex-start;flex-direction:column}.install-status-badge-slot{margin-left:0;margin-top:.25rem}}.public-page-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-start;margin-bottom:1.5rem;padding:1rem 0}.public-page-header a{align-items:center;color:inherit;display:inline-flex;text-decoration:none}.public-page-logo{display:block;height:auto;max-width:240px;width:100%}@media (max-width:480px){.public-page-logo{max-width:180px}}.public-page-hero{padding:2rem 0 1.5rem}.public-page-hero h1{color:var(--text-color);font-size:1.75rem;font-weight:600;margin-bottom:1rem}.public-page-copy{color:var(--text-color);font-size:1rem;line-height:1.6}.public-page-copy p{margin-bottom:.75rem}.public-page-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.public-page-actions a{display:inline-block;text-decoration:none}.public-page-footer{border-top:1px solid var(--border-color);color:var(--secondary-color);font-size:.875rem;margin-top:3rem;padding-top:1.5rem}.public-page-footer-nav{display:flex;flex-wrap:wrap;gap:1.5rem}.public-page-footer-nav a{color:var(--secondary-color);text-decoration:none}.public-page-footer-nav a:hover{color:var(--primary-color);text-decoration:underline}.legal-page-content{background-color:var(--surface-color);border-radius:.5rem;box-shadow:var(--box-shadow);max-width:800px;padding:2rem}.legal-page-content h1{color:var(--text-color);font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.legal-page-content .last-updated{color:var(--secondary-color);font-size:.875rem;margin-bottom:1.5rem}.legal-section{margin-bottom:1.5rem}.legal-section h2{color:var(--text-color);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.legal-section p{color:var(--text-color);line-height:1.6;margin-bottom:.75rem}.save-container{display:flex;justify-content:center;margin-top:2rem}.save-container .btn{font-size:1rem;padding:.75rem 1.5rem}.form-static-text{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.25rem;color:var(--secondary-color);font-family:monospace;margin-top:.5rem;padding:.5rem;word-break:break-all}.header-title{color:var(--text-color);font-size:1.2rem;font-weight:600}.explain-link{color:var(--primary-color);margin-left:.5rem}.explain-link:hover{text-decoration:underline}.explanation-content{background-color:#eef2ff;border-left:4px solid var(--primary-color);border-radius:0 .25rem .25rem 0;color:#374151;flex-basis:100%;font-size:.875rem;margin-top:.5rem;padding:.75rem;width:100%}.project-card-actions{align-items:center;display:flex;justify-content:space-between}.explain-link{background-color:#6c757d;border-radius:50%;color:#fff;cursor:pointer;display:inline-block;font-size:.8em;font-weight:700;line-height:1.2;margin-left:6px;padding:1px 6px;text-decoration:none;vertical-align:middle}.explain-link:hover{background-color:#444;text-decoration:none}.explanation-content{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:.9em;line-height:1.4;margin-top:8px;padding:10px}#project-detail-container .explanation-content{display:block}#project-detail-container .explanation-content.hidden{display:none}.code-input{border:1px solid var(--border-color);border-radius:.25rem;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.4;padding:.75rem;width:100%}.form-error{color:#dc3545;font-size:.875em}input.input-error,select.input-error,textarea.input-error{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-error:not(:empty){display:block}.form-error{color:var(--error-color);display:none;font-size:.875rem;margin-top:.5rem}.form-error.visible{display:block}.mcp-docs-checkbox-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.mcp-doc-option{align-items:center;cursor:pointer;display:flex;gap:.5rem;line-height:1.4}.mcp-doc-checkbox{flex-shrink:0;margin:0}.mcp-doc-label{display:inline}.mcp-docs-empty-state{color:var(--secondary-color);font-size:.875rem;padding:.5rem .75rem}#project-detail-container .ci-followup-section,.mcp-docs-empty-state{border:1px solid var(--border-color);border-radius:.25rem;margin-top:.5rem}#project-detail-container .ci-followup-section{padding:.75rem}#project-detail-container .ci-followup-controls{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}#project-detail-container .ci-followup-strategy-option{display:block;margin-bottom:.5rem}#project-detail-container .form-help{color:var(--secondary-color);font-size:.875rem;margin:.25rem 0 0}#project-detail-container .ci-followup-byte-counter{color:var(--secondary-color);font-size:.8125rem;margin-top:.25rem}#project-detail-container .ci-followup-byte-counter.over-limit{color:var(--error-color)}#project-detail-container .form-group-document-format{border-left:3px solid var(--border-color);padding-left:.75rem}#project-detail-container .document-format-help{color:var(--secondary-color);font-size:.875rem;line-height:1.4;margin:0 0 .5rem}.analysis-section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}#build-section{padding-top:2rem}.analysis-section:last-child{border-bottom:none}.analysis-section h4{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.analysis-info-label{color:#555;font-style:italic;line-height:1.5;margin-bottom:10px}.reanalyze-container{font-size:.9em;margin-top:10px}.reanalyze-container p{margin:0}.reanalyze-container a{color:var(--primary-color);font-weight:500;text-decoration:none}.reanalyze-container a:hover{text-decoration:underline}.code-analysis{border-top:1px solid var(--border-color);margin-top:2rem;padding:1rem 0}.code-analysis h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.code-analysis form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.code-analysis form>div{display:flex;flex-direction:column;gap:.25rem}.code-analysis label{color:var(--text-color);font-weight:500}.code-analysis select,.code-analysis textarea{border:1px solid var(--border-color);border-radius:.25rem;font-family:inherit;padding:.5rem}.code-analysis select:focus,.code-analysis textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1);outline:none}.status-message{border-radius:.25rem;font-size:.875rem;margin-top:.5rem;padding:.5rem}.status-message.processing{background-color:#e0f2fe;border:1px solid #81d4fa;color:#0277bd}.status-message.success{background-color:#e8f5e8;border:1px solid #a5d6a7;color:#2e7d32}.status-message.error{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}.textarea-wide{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.4;resize:vertical;width:100%}.code-analysis button{align-self:flex-start;margin-top:.5rem}.planner-section{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}select[multiple]{border:1px solid var(--border-color);border-radius:.25rem;min-height:180px}label{color:var(--text-color)}#learn-repository-section{border-bottom:1px solid var(--border-color);padding-bottom:2rem;*{margin-top:1rem}}.learn-section{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1.5rem}.learn-section:last-of-type{border-bottom:none;margin-bottom:0}.learn-section.lr-state-idle{border-left:3px solid var(--border-color);padding-left:1rem}.learn-section.lr-state-draft,.learn-section.lr-state-review,.learn-section.lr-state-running{border-left:3px solid var(--primary-color);padding-left:1rem}.learn-section.lr-state-complete{border-left:3px solid var(--text-color);padding-left:1rem}.lr-reanalyze-link{display:inline-block}.lr-initial-mode-options{align-items:center;display:flex;flex-direction:row;gap:1.25rem}.lr-initial-mode-options label{display:inline;font-weight:400}.lr-in-progress-container{border:1px solid var(--border-color);border-radius:.375rem;margin:.5rem 0 1rem;padding:.75rem 1rem}.lr-reanalyze-confirm-btn+.lr-reanalyze-cancel-btn{margin-left:.5rem}#estimator-section{display:flex;flex-direction:column;gap:1rem}#estimator-section>div{border:1px solid var(--border-color);border-radius:.375rem;padding:1rem}#estimator-optimize{background-color:#f0f9ff;border-color:#0ea5e9}#estimator-running{background-color:#fef3c7;border-color:#f59e0b}#estimator-review{background-color:#f0fdf4;border-color:#22c55e}#estimator-loading{background-color:#f3f4f6;border-color:var(--border-color);text-align:center}#range-editor{margin:1rem 0}#range-json{background-color:#f8fafc;border:1px solid var(--border-color);border-radius:.375rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;min-height:300px;padding:.75rem;resize:vertical;width:100%}#range-json:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(37,99,235,.1);outline:none}.estimator-actions{display:flex;gap:.5rem;margin-top:1rem}.estimator-actions .btn{flex:0 0 auto}@media (max-width:768px){#range-json{font-size:.75rem;min-height:200px}.estimator-actions{flex-direction:column}.estimator-actions .btn{width:100%}}.estimator-message{border-radius:.375rem;margin-bottom:1rem;padding:.75rem}.estimator-message.success{background-color:#dcfce7;border:1px solid #22c55e;color:#166534}.estimator-message.error{background-color:#fef2f2;border:1px solid #ef4444;color:#991b1b}.estimator-message.info{background-color:#eff6ff;border:1px solid #3b82f6;color:#1e40af}.draft-review-container .btn+.btn{margin-left:1.5rem}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(/public/fonts/SourceSansPro-Regular.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(/public/fonts/SourceSansPro-Italic.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:200;src:url(/public/fonts/SourceSansPro-ExtraLight.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:200;src:url(/public/fonts/SourceSansPro-ExtraLightItalic.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(/public/fonts/SourceSansPro-Light.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(/public/fonts/SourceSansPro-LightItalic.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(/public/fonts/SourceSansPro-SemiBold.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(/public/fonts/SourceSansPro-SemiBoldItalic.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(/public/fonts/SourceSansPro-Bold.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(/public/fonts/SourceSansPro-BoldItalic.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:900;src:url(/public/fonts/SourceSansPro-Black.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:900;src:url(/public/fonts/SourceSansPro-BlackItalic.ttf) format("truetype")}:root{--primary-color:#e2624b;--primary-dark:#c51616;--secondary-color:#6b7280;--light-grey:#eee;--secondary-button-background:#fdf4ec;--light-orange:#f2b27a;--dark-orange:#e17055;--background-color:#fffdf0;--surface-color:#fff;--text-color:#393d4e;--border-color:#e6e4d5;--error-color:#ef4444;--success-color:#10b981;--header-height:60px;--box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-color);font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;min-height:100vh;padding-top:var(--header-height)}.hidden{display:none!important}.btn{border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:1rem;line-height:1.25rem;padding:.75rem 2rem;transition:background-color .3s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary-button-background);border:1px solid var(--light-orange);color:#333}.btn-secondary:hover{background-color:var(--dark-orange);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.btn-sm{font-size:.75rem;padding:.2rem .5rem}.btn-danger{background-color:var(--error-color);color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn:disabled{background-color:#d1d5db;cursor:not-allowed;opacity:.6}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],textarea{background-color:#fff;border:1px solid var(--border-color);border-radius:.25rem;font-size:1rem;padding:.5rem;width:100%}input[type=number]{width:auto}textarea{min-height:100px;resize:vertical}.required{color:var(--error-color)}.form-group.checkbox{align-items:center;display:flex;flex-wrap:wrap}.form-group.checkbox input{margin-right:.5rem}.form-group.checkbox label{margin-bottom:0}.modal{align-items:center;background:rgba(0,0,0,.4);display:none;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}#get-started-container .get-started-intro{color:var(--text-muted,#666);line-height:1.6;margin-bottom:1.5rem;max-width:720px}#get-started-container .get-started-section{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}#get-started-container .get-started-section h2{font-size:1.15rem;margin-bottom:.75rem;margin-top:0}.install-key-panel{background:var(--code-bg,#f8f9fa);border:1px solid var(--border-color,#e0e0e0);border-radius:8px;margin:.75rem 0 1.25rem;padding:1rem 1.25rem}.install-key-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.install-key-header h3{font-size:1rem;margin:0 0 .25rem}.install-key-header p{color:var(--text-muted,#666);font-size:.88rem;margin:0;max-width:48ch}.install-key-actions{align-items:center;display:flex;flex-shrink:0;gap:.6rem}.install-key-status{color:var(--success-color,#28a745);font-size:.82rem}.install-key-error{color:var(--danger-color,#dc3545);font-size:.85rem;margin:.75rem 0 0}.install-key-error.hidden{display:none}.install-key-result{margin-top:1rem}.install-key-result.hidden{display:none}.install-key-panel .key-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;font-size:.88rem;font-weight:600;margin-bottom:.75rem;padding:.75rem}.install-key-panel .key-display{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.install-key-panel .key-display input{background:#fff;border:1px solid var(--border-color,#dee2e6);border-radius:4px;flex:1;font-family:monospace;font-size:.85rem;min-width:200px;padding:.5rem .75rem}.bapi-api-key-slot-filled{background:#d4edda;color:#155724;font-style:normal}#editor-tabs{border-bottom:2px solid var(--border-color,#e0e0e0);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:.25rem}.snippet-tab-btn{background:none;border:none;border-bottom:3px solid transparent;border-radius:4px 4px 0 0;color:var(--text-muted,#666);cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:color .15s,border-color .15s}.snippet-tab-btn:hover{color:var(--primary-color,#007bff)}.snippet-tab-btn.active,.snippet-tab-btn[aria-selected=true]{border-bottom-color:var(--primary-color,#007bff);color:var(--primary-color,#007bff);font-weight:600}.snippet-tab-btn:focus-visible{outline:2px solid var(--primary-color,#007bff);outline-offset:2px}.snippet-panel{margin-bottom:.5rem}.snippet-panel.hidden{display:none}.snippet-meta{color:var(--text-muted,#888);font-family:monospace;font-size:.78rem;margin-bottom:.4rem}.snippet-notes{color:var(--text-muted,#666);font-size:.85rem;font-style:italic;margin-bottom:.5rem}.snippet-panel pre{background:var(--code-bg,#f5f5f5);border:1px solid var(--border-color,#ddd);border-radius:6px;margin-bottom:.5rem;max-width:100%;overflow-x:auto;padding:1rem}.snippet-panel code{font-family:Courier New,Courier,monospace;font-size:.82rem;line-height:1.5;overflow-wrap:normal;white-space:pre;word-break:normal}.bapi-api-key-slot{background:#fff3cd;border-radius:3px;color:#856404;font-style:italic;font-weight:600;padding:0 2px}.snippet-copy-row{align-items:center;display:flex;gap:.5rem;margin-top:.25rem}.copy-status{color:var(--success-color,#28a745);font-size:.82rem;min-width:60px}.install-bridge-notice{background:#fff8e1;border-left:4px solid #f59e0b;border-radius:4px;font-size:.9rem;line-height:1.5;margin-bottom:1rem;padding:.75rem 1rem}.handoff-copy-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.handoff-command{background:var(--code-bg,#f5f5f5);border:1px solid var(--border-color,#ddd);border-radius:4px;font-family:monospace;font-size:.95rem;padding:.3rem .6rem}.status-summary{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.status-total{color:var(--text-muted,#666);font-size:.85rem}.status-chip{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.02em;padding:.2rem .6rem}.status-set{background:#d4edda;color:#155724}.status-unset{background:#f8d7da;color:#721c24}.status-group{margin-bottom:1rem}.status-group-title{color:var(--text-muted,#555);font-size:.9rem;font-weight:600;letter-spacing:.05em;margin:0 0 .4rem;text-transform:uppercase}.status-field-row{align-items:baseline;border-bottom:1px solid var(--border-color,#eee);display:flex;flex-wrap:wrap;gap:.6rem;padding:.25rem 0}.status-field-row:last-child{border-bottom:none}.status-field-name{font-family:monospace;font-size:.88rem}.status-field-value{color:var(--text-muted,#888);font-family:monospace;font-size:.8rem;word-break:break-all}.status-empty{color:var(--text-muted,#888);font-size:.9rem;font-style:italic}.get-started-state{padding:1rem 0}.get-started-state.hidden{display:none}.skeleton{animation:skeleton-shimmer 1.4s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;margin-bottom:.75rem}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-tabs{height:36px;width:70%}.skeleton-code{height:160px;width:100%}.skeleton-status{height:80px;width:100%}.get-started-error-msg{color:var(--danger-color,#dc3545);margin-bottom:.75rem}.get-started-footer{margin-top:1rem;text-align:center}@media (max-width:600px){.snippet-tab-btn{font-size:.82rem;padding:.35rem .55rem}.handoff-copy-row{align-items:flex-start}.handoff-copy-row,.install-key-header{flex-direction:column}.install-key-actions{width:100%}.install-key-actions .btn{flex:1}.install-key-panel .key-display{align-items:stretch;flex-direction:column}.install-key-panel .key-display .btn,.install-key-panel .key-display input{width:100%}.status-field-row{flex-direction:column;gap:.2rem}}.collapsible-drawers{margin-bottom:2rem}.drawer{border:1px solid var(--border-color);border-radius:.25rem;margin-bottom:1rem;overflow:hidden}.drawer-header{align-items:center;background-color:#f9fafb;cursor:pointer;display:flex;justify-content:space-between;padding:1rem}.drawer-header h2{font-size:1rem;font-weight:500}.toggle-drawer{background:none;border:none;cursor:pointer;font-size:1rem;transition:transform var(--drawer-transition)}.drawer-content{border-top:1px solid var(--border-color);padding:1rem}.learn-repository-jobs-section,.parse-repository-jobs-section{display:flex;flex-direction:column;gap:1.5rem}.operation-last-ran{font-size:.875rem;margin-top:.5rem}.parse-schedule-status{border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;margin-top:.75rem;padding:.75rem}.parse-schedule-status--active{border-color:var(--success-color);color:var(--success-color)}.parse-schedule-status--empty,.parse-schedule-status--paused{border-color:var(--dark-orange);color:var(--dark-orange)}.parse-schedule-next-run{color:var(--text-color);display:block;margin-top:.25rem}.parse-schedule-actions{display:flex;gap:.5rem;margin-top:.5rem}.operation-row{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;padding-bottom:1rem}.operation-row:last-child{border-bottom:none;padding-bottom:0}.operation-item{display:flex;flex-direction:column;gap:.5rem}.operation-item .btn{align-self:flex-start}.operation-label{color:var(--secondary-color);font-size:.875rem;line-height:1.4}.schedule-controls{align-items:flex-end;display:flex;gap:1rem;margin-top:.5rem}.schedule-controls .form-group{margin-bottom:0}.schedule-controls .form-group.inline{display:flex;flex-direction:column;gap:.25rem}.schedule-controls .form-group.inline label{color:var(--secondary-color);font-size:.75rem}.schedule-controls .form-group.inline input,.schedule-controls .form-group.inline select{font-size:.875rem;min-width:120px;padding:.375rem .5rem;width:auto}.integrity-error,.integrity-loading{color:var(--secondary-color);padding:1rem;text-align:center}.integrity-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.25rem;color:var(--error-color)}.integrity-summary{background-color:#f9fafb;border-radius:.25rem;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem}.integrity-stat{align-items:center;display:flex;flex-direction:column}.integrity-stat-label{color:var(--secondary-color);font-size:.875rem;margin-bottom:.25rem}.integrity-stat-value{color:var(--text-color);font-size:1.5rem;font-weight:600}.integrity-stat-value.integrity-healthy{color:#16a34a}.integrity-empty-state{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.25rem;color:#166534;padding:1.5rem;text-align:center}.integrity-empty-state p{font-weight:500;margin:0}.integrity-table{border-collapse:collapse;margin-top:1rem;width:100%}.integrity-table td,.integrity-table th{border-bottom:1px solid var(--border-color);padding:.75rem;text-align:left}.integrity-table th{background-color:#f9fafb;color:var(--secondary-color);font-size:.875rem;font-weight:500}.integrity-table td{font-size:.875rem;vertical-align:top}.integrity-table tbody tr:hover{background-color:#f9fafb}.integrity-file-list{background-color:#f1f5f9;border-radius:4px;font-family:monospace;font-size:.8rem;list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:.5rem}.integrity-file-list li{padding:.125rem 0;word-break:break-all}.integrity-file-list li:not(:last-child){border-bottom:1px solid #e2e8f0}.integrity-more-files{color:var(--secondary-color);font-size:.8rem;font-style:italic;margin-top:.25rem}#integrity-issues-container h3{color:var(--text-color);font-size:1rem;font-weight:500;margin-bottom:.5rem}.config-health-error,.config-health-loading{color:var(--secondary-color);padding:1rem;text-align:center}.config-health-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.25rem;color:var(--error-color)}.health-stats{background-color:#f9fafb;border-radius:.25rem;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem}.health-stat{align-items:center;display:flex;flex-direction:column}.health-stat-label{color:var(--secondary-color);font-size:.875rem;margin-bottom:.25rem}.health-stat-value{color:var(--text-color);font-size:1.5rem;font-weight:600}.health-stat-value.health-configured{color:#16a34a}.health-stat-value.health-errors{color:var(--error-color)}.health-stat-value.health-warnings{color:#f59e0b}.config-health-all-good{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.25rem;color:#166534;padding:1.5rem;text-align:center}.config-health-all-good p{font-weight:500;margin:0}.config-health-table{border-collapse:collapse;margin-top:1rem;width:100%}.config-health-table td,.config-health-table th{border-bottom:1px solid var(--border-color);padding:.75rem;text-align:left}.config-health-table th{background-color:#f9fafb;color:var(--secondary-color);font-size:.875rem;font-weight:500}.config-health-table td{font-size:.875rem;vertical-align:top}.config-health-table tbody tr:hover{background-color:#f9fafb}.config-status-badge{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.config-status-badge.status-invalid,.config-status-badge.status-missing{background-color:#fef2f2;color:#991b1b}.btn-text{background-color:transparent;border:1px solid var(--border-color);border-radius:.25rem;color:var(--secondary-color);cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:all .2s ease}.btn-text:hover{background-color:#f9fafb;border-color:var(--secondary-color);color:var(--text-color)}.btn-text:active{background-color:#f3f4f6}.btn-text:disabled{cursor:not-allowed;opacity:.5}#config-errors-container h3,#config-warnings-container h3{color:var(--text-color);font-size:1rem;font-weight:500;margin-bottom:.5rem;margin-top:1.5rem}#config-errors-container h3{color:var(--error-color)}#config-warnings-container h3{color:#f59e0b}.pinecone-health-actions{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.last-run-text{color:var(--secondary-color);font-size:.875rem}.pinecone-health-error,.pinecone-health-loading{color:var(--secondary-color);padding:1rem;text-align:center}.pinecone-health-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.25rem;color:var(--error-color)}.pinecone-health-no-results{background-color:#f9fafb;border:1px solid var(--border-color);border-radius:.25rem;color:var(--secondary-color);padding:1rem;text-align:center}.pinecone-health-no-results p{margin:0}.pinecone-health-status-container{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.pinecone-health-status{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.pinecone-health-status.status-healthy{background-color:#dcfce7;color:#166534}.pinecone-health-status.status-error{background-color:#fef2f2;color:#991b1b}.pinecone-health-status.status-warning{background-color:#fef3c7;color:#92400e}.pinecone-health-status.status-running{background-color:#dbeafe;color:#1e40af}.pinecone-health-summary{background-color:#f9fafb;border-radius:.25rem;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;padding:1rem}.pinecone-health-stat{align-items:center;display:flex;flex-direction:column;min-width:80px}.pinecone-health-stat-label{color:var(--secondary-color);font-size:.875rem;margin-bottom:.25rem}.pinecone-health-stat-value{color:var(--text-color);font-size:1.5rem;font-weight:600}.pinecone-health-all-good{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.25rem;color:#166534;padding:1.5rem;text-align:center}.pinecone-health-all-good p{font-weight:500;margin:0}.pinecone-health-table{border-collapse:collapse;margin-top:1rem;table-layout:fixed;width:100%}.pinecone-health-table td,.pinecone-health-table th{border-bottom:1px solid var(--border-color);padding:.75rem;text-align:left}.pinecone-health-table th{background-color:#f9fafb;color:var(--secondary-color);font-size:.875rem;font-weight:500}.pinecone-health-table td{font-size:.875rem;vertical-align:middle;word-wrap:break-word}.pinecone-health-table tbody tr:hover{background-color:#f9fafb}#pinecone-namespace-container .pinecone-health-table td:first-child,#pinecone-namespace-container .pinecone-health-table th:first-child{width:25%}#pinecone-namespace-container .pinecone-health-table td:nth-child(2),#pinecone-namespace-container .pinecone-health-table th:nth-child(2){width:15%}#pinecone-namespace-container .pinecone-health-table td:nth-child(3),#pinecone-namespace-container .pinecone-health-table td:nth-child(4),#pinecone-namespace-container .pinecone-health-table td:nth-child(5),#pinecone-namespace-container .pinecone-health-table th:nth-child(3),#pinecone-namespace-container .pinecone-health-table th:nth-child(4),#pinecone-namespace-container .pinecone-health-table th:nth-child(5){text-align:right;width:12%}#pinecone-namespace-container .pinecone-health-table td:nth-child(6),#pinecone-namespace-container .pinecone-health-table th:nth-child(6){text-align:center;width:12%}#pinecone-failures-container .pinecone-health-table td:first-child,#pinecone-failures-container .pinecone-health-table th:first-child{width:20%}#pinecone-failures-container .pinecone-health-table td:nth-child(2),#pinecone-failures-container .pinecone-health-table th:nth-child(2){width:15%}#pinecone-failures-container .pinecone-health-table td:nth-child(3),#pinecone-failures-container .pinecone-health-table th:nth-child(3){font-family:monospace;font-size:.8rem;width:30%}#pinecone-failures-container .pinecone-health-table td:nth-child(4),#pinecone-failures-container .pinecone-health-table th:nth-child(4){width:35%}#pinecone-failures-container h3,#pinecone-namespace-container h3{color:var(--text-color);font-size:1rem;font-weight:500;margin-bottom:.5rem;margin-top:1.5rem}#pinecone-failures-container h3{color:var(--error-color)}.pinecone-regenerate-section{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.pinecone-regenerate-section h4{color:var(--text-color);font-size:.95rem;font-weight:600;margin:0 0 .5rem}.regenerate-instructions{color:var(--secondary-color);font-size:.875rem;margin:0 0 .75rem}.regenerate-checkboxes{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.regenerate-checkboxes .checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.regenerate-checkboxes .checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:16px;width:16px}.regenerate-checkboxes .checkbox-label span{color:var(--text-color)}.regenerate-checkboxes .namespace-name{background-color:#f1f5f9;border-radius:.25rem;color:var(--secondary-color);font-family:monospace;font-size:.8rem;padding:.125rem .375rem}.regenerate-checkboxes .metadata-warning{color:#f59e0b;font-size:.75rem;margin-left:.25rem}.info-tooltip-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.75rem;height:18px;justify-content:center;margin-left:.375rem;padding:0;transition:color .15s ease;vertical-align:middle;width:18px}.info-tooltip-btn:hover{color:var(--primary-color)}.namespace-info{background-color:#f3f4f6;border-left:3px solid var(--primary-color);border-radius:0 .25rem .25rem 0;color:#4b5563;font-size:.8rem;line-height:1.4;margin:.375rem 0 .75rem 1.5rem;padding:.625rem .75rem}.namespace-info.hidden{display:none}.namespace-info strong{color:var(--text-color)}.regenerate-note{align-items:flex-start;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.25rem;display:flex;gap:.5rem;margin-bottom:1rem;padding:.625rem .75rem}.regenerate-note .note-label{color:#1e40af;font-size:.8rem;font-weight:600}.regenerate-note .note-text{color:#1e40af;font-size:.8rem;line-height:1.4}.regenerate-warning{align-items:flex-start;background-color:#fef3c7;border:1px solid #fcd34d;border-radius:.25rem;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem}.regenerate-warning .warning-icon{font-size:1rem;line-height:1}.regenerate-warning .warning-text{color:#92400e;font-size:.8rem;line-height:1.4}.btn-warning{background-color:#f59e0b;border:1px solid #d97706;color:#fff}.btn-warning:hover{background-color:#d97706;border-color:#b45309}.btn-warning:active{background-color:#b45309}.btn-warning:disabled{background-color:#fcd34d;border-color:#fcd34d;cursor:not-allowed}.learn-repo-schedule-section{border-radius:6px;margin-top:.75rem;padding:1rem}.learn-repo-schedule-section h4{margin:0 0 .25rem}.learn-repo-instructions{color:#6b7280;font-size:.85rem;margin-bottom:.75rem}.learn-repo-analysis-types{border:none;display:grid;gap:.25rem 1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 0 .75rem;padding:0}.learn-repo-analysis-types legend{font-weight:600;margin-bottom:.25rem}.learn-repo-actions{margin-top:.5rem}.learn-repo-message{color:#1f2937;font-size:.875rem;margin-top:.5rem}.learn-repo-schedule-status{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.learn-repo-schedule-row{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:.75rem}.learn-repo-schedule-meta{color:#4b5563;font-size:.85rem;margin:.25rem 0}.learn-repo-row-actions{display:flex;gap:.5rem;margin-top:.5rem}.learn-repo-status-running{color:#2563eb}.learn-repo-status-success{color:#15803d}.learn-repo-status-failure{color:#b91c1c}.learn-repo-status-idle{color:#6b7280}.learn-repo-schedule-row details{font-size:.85rem;margin-top:.5rem}.learn-repo-schedule-row details pre{background-color:#fff;border:1px solid #e5e7eb;border-radius:3px;margin:.25rem 0 0;padding:.5rem;white-space:pre-wrap}.form-error{color:#b91c1c;font-size:.85rem;margin-top:.25rem}
+/*!*************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/setup.css ***!
+  \*************************************************************************************************/
+/* Setup page CSS */
+
+/* Reset and base styles */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+    line-height: 1.5;
+    min-height: 100vh;
+    padding-top: var(--header-height);
+}
+
+/* Header styles */
+.header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: var(--header-height);
+    background-color: var(--surface-color);
+    box-shadow: var(--box-shadow);
+    z-index: 100;
+}
+
+.header-container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    max-width: 1200px;
+    height: 100%;
+    margin: 0 auto;
+    padding: 0 1rem;
+}
+
+.logo-container img {
+    height: 32px;
+    width: auto;
+}
+
+.nav-menu ul {
+    display: flex;
+    list-style-type: none;
+}
+
+.nav-menu li {
+    margin-left: 2rem;
+}
+
+.nav-menu a {
+    color: var(--text-color);
+    text-decoration: none;
+    font-weight: 500;
+}
+
+.nav-menu a:hover {
+    color: var(--primary-color);
+}
+
+/* Main content area */
+.main-content {
+    max-width: 1200px;
+    margin: 2rem auto;
+    padding: 0 1rem;
+}
+
+/* Container styles */
+.container {
+    background-color: var(--surface-color);
+    border-radius: 0.5rem;
+    padding: 2rem;
+    box-shadow: var(--box-shadow);
+    margin-bottom: 2rem;
+}
+
+.hidden {
+    display: none !important;
+}
+
+/* Section header */
+.section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 2rem;
+}
+
+.section-header h1 {
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: var(--text-color);
+}
+
+/* Form styles */
+.form-intro {
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+    margin-bottom: 1.5rem;
+}
+
+.form-intro code {
+    font-size: 0.8125rem;
+    color: var(--text-color);
+}
+
+.form-group {
+    margin-bottom: 1.5rem;
+}
+
+.form-group-block {
+    display: flex;
+    justify-content: left;
+    align-items: center;
+}
+
+label {
+    display: block;
+    font-size: 0.875rem;
+    font-weight: 500;
+    margin-bottom: 0.5rem;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="url"],
+input[type="number"],
+select,
+textarea {
+    width: 100%;
+    padding: 0.5rem;
+    font-size: 1rem;
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    background-color: #fff;
+}
+
+input[type="number"] {
+    width: auto;
+}
+
+textarea {
+    min-height: 100px;
+    resize: vertical;
+}
+
+.required {
+    color: var(--error-color);
+}
+
+/* Checkbox styling */
+.form-group.checkbox {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+}
+
+.form-group.checkbox input {
+    margin-right: 0.5rem;
+}
+
+.form-group.checkbox label {
+    margin-bottom: 0;
+}
+
+/* Projects grid */
+.projects-grid {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 1rem;
+}
+
+.project-card {
+    background-color: var(--surface-color);
+    border: 1px solid var(--border-color);
+    border-radius: 0.5rem;
+    padding: 1.5rem;
+    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.project-card:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.project-card h2 {
+    font-size: 1.125rem;
+    margin-bottom: 1rem;
+    color: var(--text-color);
+}
+
+.project-card p {
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+    margin-bottom: 1.5rem;
+    height: 4.5rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    line-clamp: 3;
+}
+
+.project-card .project-meta {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-size: 0.75rem;
+    color: var(--secondary-color);
+    margin-bottom: 1rem;
+}
+
+/* Project card actions layout */
+.project-card-actions {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+}
+
+.project-card-actions-row {
+    display: flex;
+    gap: 0.5rem;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+}
+
+.project-card-actions-row .btn {
+    flex: 1;
+    text-align: center;
+    margin: 0.5rem;
+}
+
+.project-card-actions-secondary {
+    justify-content: flex-end;
+}
+
+/* Delete link styling */
+.delete-link {
+    color: var(--error-color);
+    text-decoration: none;
+    font-size: 0.875rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: color 150ms ease;
+}
+
+.delete-link:hover {
+    color: #dc2626;
+    text-decoration: underline;
+}
+
+/* Modal styles */
+.modal {
+    display: none;
+    position: fixed;
+    z-index: 1000;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background-color: rgba(0, 0, 0, 0.4);
+}
+
+.modal-content {
+    background-color: var(--surface-color);
+    margin: 15% auto;
+    padding: 2rem;
+    border-radius: 0.5rem;
+    width: 80%;
+    max-width: 500px;
+    box-shadow: var(--box-shadow);
+}
+
+.close-modal {
+    color: var(--secondary-color);
+    float: right;
+    font-size: 1.5rem;
+    font-weight: bold;
+    cursor: pointer;
+}
+
+.close-modal:hover {
+    color: var(--text-color);
+}
+
+#modal-title {
+    margin-bottom: 1rem;
+}
+
+#modal-body {
+    margin-bottom: 1rem;
+    line-height: 1.5;
+}
+
+#modal-body ul {
+    margin: 0.5rem 0;
+    padding-left: 1.5rem;
+}
+
+#modal-body li {
+    margin: 0.25rem 0;
+}
+
+#modal-body p {
+    margin: 0.5rem 0;
+}
+
+.modal-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 0.75rem;
+    margin-top: 1.5rem;
+    padding-top: 1rem;
+    border-top: 1px solid var(--border-color);
+}
+
+.modal-actions.hidden {
+    display: none;
+}
+
+/* Loading overlay */
+.loading-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255, 255, 255, 0.8);
+    z-index: 2000;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.spinner {
+    border: 4px solid rgba(0, 0, 0, 0.1);
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    border-top-color: var(--primary-color);
+    animation: spin 1s linear infinite;
+    margin-bottom: 1rem;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+    .projects-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .header-container {
+        padding: 0 1rem;
+    }
+
+    .nav-menu li {
+        margin-left: 1rem;
+    }
+
+    .container {
+        padding: 1.5rem;
+    }
+
+    .modal-content {
+        width: 90%;
+        margin: 10% auto;
+    }
+}
+/*!********************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/setup-detail.css ***!
+  \********************************************************************************************************/
+/* src/css/setup-detail.css */
+
+/* Collapsible drawers specific to Setup Detail View */
+.collapsible-drawers {
+    margin-bottom: 2rem;
+}
+
+.drawer {
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    margin-bottom: 1rem;
+    overflow: hidden;
+}
+
+.drawer-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 1rem;
+    background-color: #f9fafb;
+    cursor: pointer;
+}
+
+.drawer-header h2 {
+    font-size: 1rem;
+    font-weight: 500;
+}
+
+.toggle-drawer {
+    background: none;
+    border: none;
+    font-size: 1rem;
+    cursor: pointer;
+    transition: transform var(--drawer-transition);
+}
+
+.drawer-content {
+    padding: 1rem;
+    border-top: 1px solid var(--border-color);
+    /* Visibility is controlled solely by the global `.hidden` class (BAPI-301);
+       `.expanded` is reserved for header/glyph styling. The shared drawer helper
+       sets the ▲/▼ glyph text directly, so no CSS rotation is applied. */
+}
+
+/* Save button container specific to Setup Detail View */
+.save-container {
+    display: flex;
+    justify-content: center;
+    margin-top: 2rem;
+}
+
+.save-container .btn {
+    padding: 0.75rem 1.5rem;
+    font-size: 1rem;
+}
+
+/* Static text display (like repo name) */
+.form-static-text {
+    background-color: var(--background-color);
+    padding: 0.5rem;
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    font-family: monospace;
+    color: var(--secondary-color);
+    margin-top: 0.5rem;
+    word-break: break-all;
+}
+
+/* Header title specific to this page */
+.header-title {
+    font-size: 1.2rem;
+    font-weight: 600;
+    color: var(--text-color);
+}
+
+/* Explain Link Styling */
+.explain-link {
+    display: inline-block;
+    margin-left: 6px;
+    padding: 1px 6px;
+    font-size: 0.8em;
+    font-weight: bold;
+    color: #fff;
+    background-color: #6c757d;
+    border-radius: 50%;
+    text-decoration: none;
+    cursor: pointer;
+    vertical-align: middle;
+    line-height: 1.2;
+}
+
+.explain-link:hover {
+    background-color: #444;
+    text-decoration: none;
+}
+
+.explanation-content {
+    /* Hidden by default via the global `.hidden` class in the markup; the JS
+       toggles only `.hidden` (BAPI-301), so no base `display: none` here. */
+    margin-top: 8px;
+    padding: 10px;
+    border: 1px solid #ced4da;
+    border-radius: 4px;
+    background-color: #f8f9fa;
+    font-size: 0.9em;
+    color: #495057;
+    line-height: 1.4;
+}
+
+/* Structured server-sourced setup instructions (BAPI-515), rendered inside
+   .explanation-content by renderExplanationContent(). Scoped to this wrapper
+   only — the container above is left untouched. */
+.explanation-content .setup-instructions {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.explanation-content .setup-instructions-link {
+    color: var(--primary-color);
+    font-weight: 500;
+    text-decoration: underline;
+    overflow-wrap: anywhere;
+}
+
+.explanation-content .setup-instructions-link:hover {
+    color: var(--primary-dark);
+}
+
+.explanation-content .setup-instructions-link:focus-visible {
+    outline: 2px solid var(--primary-color);
+    outline-offset: 2px;
+}
+
+.explanation-content .setup-instructions-steps {
+    margin: 0;
+    padding-left: 20px;
+}
+
+.explanation-content .setup-instructions-steps li + li {
+    margin-top: 4px;
+}
+
+.explanation-content .setup-instructions-note {
+    margin: 0;
+    color: var(--secondary-color);
+}
+
+/* Form error styling */
+.form-error {
+    color: var(--error-color);
+    font-size: 0.875rem;
+    margin-top: 0.5rem;
+    display: none;
+}
+
+.form-error.visible {
+    display: block;
+}
+
+input.input-error,
+textarea.input-error,
+select.input-error {
+    border-color: var(--error-color);
+    box-shadow: 0 0 0 0.2rem rgba(239, 68, 68, 0.25);
+}
+
+/* Required field indicator */
+.required {
+    color: var(--error-color);
+}
+
+/* ========================================
+   Data Integrity Section Styles
+   ======================================== */
+
+/* Loading and error states */
+.integrity-loading,
+.integrity-error {
+    padding: 1rem;
+    text-align: center;
+    color: var(--secondary-color);
+}
+
+.integrity-error {
+    color: var(--error-color);
+    background-color: #fef2f2;
+    border: 1px solid #fecaca;
+    border-radius: 0.25rem;
+}
+
+/* Summary statistics */
+.integrity-summary {
+    display: flex;
+    gap: 2rem;
+    margin-bottom: 1.5rem;
+    padding: 1rem;
+    background-color: #f9fafb;
+    border-radius: 0.25rem;
+}
+
+.integrity-stat {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.integrity-stat-label {
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+    margin-bottom: 0.25rem;
+}
+
+.integrity-stat-value {
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: var(--text-color);
+}
+
+.integrity-stat-value.integrity-healthy {
+    color: #16a34a;
+}
+
+/* Empty state */
+.integrity-empty-state {
+    padding: 1.5rem;
+    text-align: center;
+    background-color: #f0fdf4;
+    border: 1px solid #bbf7d0;
+    border-radius: 0.25rem;
+    color: #166534;
+}
+
+.integrity-empty-state p {
+    margin: 0;
+    font-weight: 500;
+}
+
+/* Issues table */
+.integrity-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 1rem;
+}
+
+.integrity-table th,
+.integrity-table td {
+    padding: 0.75rem;
+    text-align: left;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.integrity-table th {
+    background-color: #f9fafb;
+    font-weight: 500;
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+}
+
+.integrity-table td {
+    font-size: 0.875rem;
+    vertical-align: top;
+}
+
+.integrity-table tbody tr:hover {
+    background-color: #f9fafb;
+}
+
+/* File list styling */
+.integrity-file-list {
+    font-family: monospace;
+    font-size: 0.8rem;
+    background-color: #f1f5f9;
+    padding: 0.5rem;
+    border-radius: 4px;
+    max-height: 150px;
+    overflow-y: auto;
+    margin: 0;
+    list-style: none;
+}
+
+.integrity-file-list li {
+    padding: 0.125rem 0;
+    word-break: break-all;
+}
+
+.integrity-file-list li:not(:last-child) {
+    border-bottom: 1px solid #e2e8f0;
+}
+
+.integrity-more-files {
+    font-style: italic;
+    color: var(--secondary-color);
+    font-size: 0.8rem;
+    margin-top: 0.25rem;
+}
+
+/* Issues container header */
+#integrity-issues-container h3 {
+    font-size: 1rem;
+    font-weight: 500;
+    color: var(--text-color);
+    margin-bottom: 0.5rem;
+}
+
+/* ========================================
+   Configuration Health Section Styles
+   ======================================== */
+
+/* Loading and error states */
+.config-health-loading,
+.config-health-error {
+    padding: 1rem;
+    text-align: center;
+    color: var(--secondary-color);
+}
+
+.config-health-error {
+    color: var(--error-color);
+    background-color: #fef2f2;
+    border: 1px solid #fecaca;
+    border-radius: 0.25rem;
+}
+
+/* Summary statistics */
+.health-stats {
+    display: flex;
+    gap: 2rem;
+    margin-bottom: 1.5rem;
+    padding: 1rem;
+    background-color: #f9fafb;
+    border-radius: 0.25rem;
+}
+
+.health-stat {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.health-stat-label {
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+    margin-bottom: 0.25rem;
+}
+
+.health-stat-value {
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: var(--text-color);
+}
+
+.health-stat-value.config-healthy {
+    color: #16a34a;
+}
+
+.health-stat-value.config-errors {
+    color: var(--error-color);
+}
+
+.health-stat-value.config-warnings {
+    color: #f59e0b;
+}
+
+/* All good state */
+.config-health-all-good {
+    padding: 1.5rem;
+    text-align: center;
+    background-color: #f0fdf4;
+    border: 1px solid #bbf7d0;
+    border-radius: 0.25rem;
+    color: #166534;
+}
+
+.config-health-all-good p {
+    margin: 0;
+    font-weight: 500;
+}
+
+/* Config health table */
+.config-health-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 1rem;
+}
+
+.config-health-table th,
+.config-health-table td {
+    padding: 0.75rem;
+    text-align: left;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.config-health-table th {
+    background-color: #f9fafb;
+    font-weight: 500;
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+}
+
+.config-health-table td {
+    font-size: 0.875rem;
+    vertical-align: top;
+}
+
+.config-health-table tbody tr:hover {
+    background-color: #f9fafb;
+}
+
+/* Status badge styling */
+.config-status-badge {
+    display: inline-block;
+    padding: 0.25rem 0.5rem;
+    border-radius: 0.25rem;
+    font-size: 0.75rem;
+    font-weight: 500;
+    text-transform: uppercase;
+}
+
+.config-status-badge.status-missing {
+    background-color: #fef2f2;
+    color: #991b1b;
+}
+
+.config-status-badge.status-invalid {
+    background-color: #fef2f2;
+    color: #991b1b;
+}
+
+/* Dismiss button styling */
+.dismiss-warning-btn {
+    background-color: transparent;
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    padding: 0.375rem 0.75rem;
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+    cursor: pointer;
+    transition: all 0.2s ease;
+}
+
+.dismiss-warning-btn:hover {
+    background-color: #f9fafb;
+    border-color: var(--secondary-color);
+    color: var(--text-color);
+}
+
+.dismiss-warning-btn:active {
+    background-color: #f3f4f6;
+}
+
+.dismiss-warning-btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+/* Config errors/warnings container headers */
+#config-errors-container h3,
+#config-warnings-container h3 {
+    font-size: 1rem;
+    font-weight: 500;
+    color: var(--text-color);
+    margin-bottom: 0.5rem;
+    margin-top: 1.5rem;
+}
+
+#config-errors-container h3 {
+    color: var(--error-color);
+}
+
+#config-warnings-container h3 {
+    color: #f59e0b;
+}
+
+/* ========================================
+   Pinecone Data Integrity Section Styles
+   ======================================== */
+
+/* Actions container with button and last run text */
+.pinecone-health-actions {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    margin-bottom: 1rem;
+}
+
+.last-run-text {
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+}
+
+/* Loading and error states */
+.pinecone-health-loading,
+.pinecone-health-error {
+    padding: 1rem;
+    text-align: center;
+    color: var(--secondary-color);
+}
+
+.pinecone-health-error {
+    color: var(--error-color);
+    background-color: #fef2f2;
+    border: 1px solid #fecaca;
+    border-radius: 0.25rem;
+}
+
+/* No results state */
+.pinecone-health-no-results {
+    padding: 1rem;
+    text-align: center;
+    color: var(--secondary-color);
+    background-color: #f9fafb;
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+}
+
+.pinecone-health-no-results p {
+    margin: 0;
+}
+
+/* Status container and badge */
+.pinecone-health-status-container {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    margin-bottom: 1rem;
+}
+
+.pinecone-health-status {
+    display: inline-block;
+    padding: 0.25rem 0.75rem;
+    border-radius: 0.25rem;
+    font-size: 0.75rem;
+    font-weight: 600;
+    text-transform: uppercase;
+}
+
+.pinecone-health-status.status-healthy {
+    background-color: #dcfce7;
+    color: #166534;
+}
+
+.pinecone-health-status.status-error {
+    background-color: #fef2f2;
+    color: #991b1b;
+}
+
+.pinecone-health-status.status-warning {
+    background-color: #fef3c7;
+    color: #92400e;
+}
+
+.pinecone-health-status.status-running {
+    background-color: #dbeafe;
+    color: #1e40af;
+}
+
+/* Summary statistics */
+.pinecone-health-summary {
+    display: flex;
+    gap: 2rem;
+    margin-bottom: 1.5rem;
+    padding: 1rem;
+    background-color: #f9fafb;
+    border-radius: 0.25rem;
+    flex-wrap: wrap;
+}
+
+.pinecone-health-stat {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    min-width: 80px;
+}
+
+.pinecone-stat-label {
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+    margin-bottom: 0.25rem;
+}
+
+.pinecone-stat-value {
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: var(--text-color);
+}
+
+.pinecone-stat-value.stat-healthy {
+    color: #16a34a;
+}
+
+.pinecone-stat-value.stat-error {
+    color: var(--error-color);
+}
+
+/* All good state */
+.pinecone-health-all-good {
+    padding: 1.5rem;
+    text-align: center;
+    background-color: #f0fdf4;
+    border: 1px solid #bbf7d0;
+    border-radius: 0.25rem;
+    color: #166534;
+}
+
+.pinecone-health-all-good p {
+    margin: 0;
+    font-weight: 500;
+}
+
+/* Pinecone health table (shared styles for namespace and failures tables) */
+.pinecone-health-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 1rem;
+    table-layout: fixed;
+}
+
+.pinecone-health-table th,
+.pinecone-health-table td {
+    padding: 0.75rem;
+    text-align: left;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.pinecone-health-table th {
+    background-color: #f9fafb;
+    font-weight: 500;
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+}
+
+.pinecone-health-table td {
+    font-size: 0.875rem;
+    vertical-align: middle;
+    word-wrap: break-word;
+}
+
+.pinecone-health-table tbody tr:hover {
+    background-color: #f9fafb;
+}
+
+/* Namespace results table column widths */
+#pinecone-namespace-container .pinecone-health-table th:nth-child(1),
+#pinecone-namespace-container .pinecone-health-table td:nth-child(1) {
+    width: 25%;
+}
+
+#pinecone-namespace-container .pinecone-health-table th:nth-child(2),
+#pinecone-namespace-container .pinecone-health-table td:nth-child(2) {
+    width: 15%;
+}
+
+#pinecone-namespace-container .pinecone-health-table th:nth-child(3),
+#pinecone-namespace-container .pinecone-health-table td:nth-child(3),
+#pinecone-namespace-container .pinecone-health-table th:nth-child(4),
+#pinecone-namespace-container .pinecone-health-table td:nth-child(4),
+#pinecone-namespace-container .pinecone-health-table th:nth-child(5),
+#pinecone-namespace-container .pinecone-health-table td:nth-child(5) {
+    width: 12%;
+    text-align: right;
+}
+
+#pinecone-namespace-container .pinecone-health-table th:nth-child(6),
+#pinecone-namespace-container .pinecone-health-table td:nth-child(6) {
+    width: 12%;
+    text-align: center;
+}
+
+/* Sample failures table column widths */
+#pinecone-failures-container .pinecone-health-table th:nth-child(1),
+#pinecone-failures-container .pinecone-health-table td:nth-child(1) {
+    width: 20%;
+}
+
+#pinecone-failures-container .pinecone-health-table th:nth-child(2),
+#pinecone-failures-container .pinecone-health-table td:nth-child(2) {
+    width: 15%;
+}
+
+#pinecone-failures-container .pinecone-health-table th:nth-child(3),
+#pinecone-failures-container .pinecone-health-table td:nth-child(3) {
+    width: 30%;
+    font-family: monospace;
+    font-size: 0.8rem;
+}
+
+#pinecone-failures-container .pinecone-health-table th:nth-child(4),
+#pinecone-failures-container .pinecone-health-table td:nth-child(4) {
+    width: 35%;
+}
+
+/* Match indicator */
+.pinecone-match-badge {
+    display: inline-block;
+    padding: 0.125rem 0.5rem;
+    border-radius: 0.25rem;
+    font-size: 0.75rem;
+    font-weight: 500;
+}
+
+.pinecone-match-badge.match-yes {
+    background-color: #dcfce7;
+    color: #166534;
+}
+
+.pinecone-match-badge.match-no {
+    background-color: #fef2f2;
+    color: #991b1b;
+}
+
+/* Container headers */
+#pinecone-namespace-container h3,
+#pinecone-failures-container h3 {
+    font-size: 1rem;
+    font-weight: 500;
+    color: var(--text-color);
+    margin-bottom: 0.5rem;
+    margin-top: 1.5rem;
+}
+
+#pinecone-failures-container h3 {
+    color: var(--error-color);
+}
+
+/* ========================================
+   Install Status Review Panel (BAPI-384)
+   ======================================== */
+
+/* Intro paragraph below the page title */
+.setup-detail-intro {
+    margin: 0.5rem 0 1.5rem;
+    font-size: 0.9rem;
+    color: var(--secondary-color);
+    line-height: 1.5;
+}
+
+/* Top-level review panel; matches the drawer/panel border + radius + spacing */
+.install-status-panel {
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    padding: 1rem;
+    margin-bottom: 2rem;
+    background-color: #f9fafb;
+}
+
+.install-status-panel-title {
+    font-size: 1rem;
+    font-weight: 500;
+    color: var(--text-color);
+    margin-bottom: 0.75rem;
+}
+
+/* Compact set/unset counts */
+.install-status-summary {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 1rem;
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+    margin-bottom: 1rem;
+}
+
+.install-status-summary-count {
+    font-weight: 600;
+    color: var(--text-color);
+}
+
+/* Manifest-driven group list */
+.install-status-groups {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+.install-status-group {
+    border-top: 1px solid var(--border-color);
+    padding-top: 0.75rem;
+}
+
+.install-status-group-title {
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: var(--text-color);
+    margin-bottom: 0.5rem;
+}
+
+.install-status-field-row {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.375rem 0;
+    font-size: 0.875rem;
+}
+
+.install-status-field-name {
+    font-weight: 500;
+    color: var(--text-color);
+}
+
+.install-status-field-value {
+    color: var(--secondary-color);
+    word-break: break-word;
+}
+
+.install-status-field-confirm {
+    font-size: 0.75rem;
+    font-style: italic;
+    color: #92400e;
+}
+
+/* Unavailable / error area */
+.install-status-error {
+    padding: 0.75rem 1rem;
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+    background-color: #f9fafb;
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+}
+
+/* Base status badge — always pairs color with text, never color alone */
+.install-status-badge {
+    display: inline-block;
+    padding: 0.125rem 0.5rem;
+    border-radius: 0.25rem;
+    font-size: 0.75rem;
+    font-weight: 500;
+    line-height: 1.4;
+    white-space: nowrap;
+}
+
+.install-status-badge.status-set {
+    background-color: #dcfce7;
+    color: #166534;
+}
+
+.install-status-badge.status-unset {
+    background-color: #fef3c7;
+    color: #92400e;
+}
+
+.install-status-badge.status-loading {
+    background-color: #f1f5f9;
+    color: var(--secondary-color);
+}
+
+.install-status-badge.status-unavailable {
+    background-color: #f1f5f9;
+    color: var(--secondary-color);
+}
+
+/* Inline badge slot next to a field label */
+.install-status-badge-slot {
+    display: inline-flex;
+    align-items: center;
+    margin-left: 6px;
+    vertical-align: middle;
+}
+
+/* Keyboard-focusable edit affordance — matches existing link/button affordances */
+.install-status-edit {
+    background: none;
+    border: none;
+    padding: 0;
+    font-size: 0.8rem;
+    font-weight: 500;
+    color: var(--primary-color, #2563eb);
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+.install-status-edit:hover {
+    text-decoration: none;
+}
+
+.install-status-edit:focus-visible {
+    outline: 2px solid var(--primary-color, #2563eb);
+    outline-offset: 2px;
+    border-radius: 0.25rem;
+}
+
+/* Mobile: keep labels/badges/edit controls from crowding the controls */
+@media (max-width: 600px) {
+    .install-status-summary {
+        gap: 0.5rem;
+    }
+
+    .install-status-field-row {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    .install-status-badge-slot {
+        margin-left: 0;
+        margin-top: 0.25rem;
+    }
+}
+
+
+/*!********************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/public-pages.css ***!
+  \********************************************************************************************************/
+/* Public-page styling for the homepage and the legal placeholder pages.
+   Class-scoped only — no overrides of body, :root, .hidden, or form elements. */
+
+.public-page-header {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    padding: 1rem 0;
+    margin-bottom: 1.5rem;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.public-page-header a {
+    display: inline-flex;
+    align-items: center;
+    text-decoration: none;
+    color: inherit;
+}
+
+.public-page-logo {
+    height: auto;
+    max-width: 240px;
+    width: 100%;
+    display: block;
+}
+
+@media (max-width: 480px) {
+    .public-page-logo {
+        max-width: 180px;
+    }
+}
+
+.public-page-hero {
+    padding: 2rem 0 1.5rem;
+}
+
+.public-page-hero h1 {
+    font-size: 1.75rem;
+    font-weight: 600;
+    color: var(--text-color);
+    margin-bottom: 1rem;
+}
+
+.public-page-copy {
+    font-size: 1rem;
+    color: var(--text-color);
+    line-height: 1.6;
+}
+
+.public-page-copy p {
+    margin-bottom: 0.75rem;
+}
+
+.public-page-actions {
+    margin-top: 1.5rem;
+    display: flex;
+    gap: 0.75rem;
+    flex-wrap: wrap;
+}
+
+.public-page-actions a {
+    text-decoration: none;
+    display: inline-block;
+}
+
+.public-page-footer {
+    margin-top: 3rem;
+    padding-top: 1.5rem;
+    border-top: 1px solid var(--border-color);
+    color: var(--secondary-color);
+    font-size: 0.875rem;
+}
+
+.public-page-footer-nav {
+    display: flex;
+    gap: 1.5rem;
+    flex-wrap: wrap;
+}
+
+.public-page-footer-nav a {
+    color: var(--secondary-color);
+    text-decoration: none;
+}
+
+.public-page-footer-nav a:hover {
+    color: var(--primary-color);
+    text-decoration: underline;
+}
+
+.legal-page-content {
+    max-width: 800px;
+    background-color: var(--surface-color);
+    border-radius: 0.5rem;
+    padding: 2rem;
+    box-shadow: var(--box-shadow);
+}
+
+.legal-page-content h1 {
+    font-size: 1.75rem;
+    font-weight: 600;
+    color: var(--text-color);
+    margin-bottom: 0.5rem;
+}
+
+.legal-page-content .last-updated {
+    color: var(--secondary-color);
+    font-size: 0.875rem;
+    margin-bottom: 1.5rem;
+}
+
+.legal-section {
+    margin-bottom: 1.5rem;
+}
+
+.legal-section h2 {
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: var(--text-color);
+    margin-bottom: 0.5rem;
+}
+
+.legal-section p {
+    color: var(--text-color);
+    line-height: 1.6;
+    margin-bottom: 0.75rem;
+}
+
+/*!**********************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/project-detail.css ***!
+  \**********************************************************************************************************/
+/* src/css/project-detail.css */
+
+/* Collapsible drawers specific to Project Detail View */
+.collapsible-drawers {
+    margin-bottom: 2rem;
+}
+
+.drawer {
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    margin-bottom: 1rem;
+    overflow: hidden;
+}
+
+.drawer-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 1rem;
+    background-color: #f9fafb;
+    cursor: pointer;
+}
+
+.drawer-header h2 {
+    font-size: 1rem;
+    font-weight: 500;
+}
+
+.toggle-drawer {
+    background: none;
+    border: none;
+    font-size: 1rem;
+    cursor: pointer;
+    transition: transform var(--drawer-transition);
+}
+
+.drawer-content {
+    padding: 1rem;
+    border-top: 1px solid var(--border-color);
+    /* Visibility is controlled solely by the global `.hidden` class (BAPI-301);
+       `.expanded` is reserved for header/glyph styling. The shared drawer helper
+       sets the ▲/▼ glyph text directly, so no CSS rotation is applied. */
+}
+
+/* Save button container specific to Project Detail View */
+.save-container {
+    display: flex;
+    justify-content: center;
+    margin-top: 2rem;
+}
+
+.save-container .btn {
+    padding: 0.75rem 1.5rem;
+    font-size: 1rem;
+}
+
+/* Static text display (like project path) */
+.form-static-text {
+    background-color: var(--background-color);
+    padding: 0.5rem;
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    font-family: monospace; /* Or choose appropriate font */
+    color: var(--secondary-color);
+    margin-top: 0.5rem; /* Align with inputs */
+    word-break: break-all; /* Prevent long paths from breaking layout */
+}
+
+/* Header title specific to this page */
+.header-title {
+    font-size: 1.2rem;
+    font-weight: 600;
+    color: var(--text-color);
+}
+
+/* Explain Link Styling */
+.explain-link {
+    margin-left: 0.5rem;
+    color: var(--primary-color);
+    text-decoration: none;
+    font-weight: bold;
+}
+
+.explain-link:hover {
+    text-decoration: underline;
+}
+
+.explanation-content {
+    margin-top: 0.5rem;
+    padding: 0.75rem;
+    background-color: #eef2ff; /* Light indigo background */
+    border-left: 4px solid var(--primary-color);
+    font-size: 0.875rem;
+    color: #374151; /* Gray-700 */
+    border-radius: 0 0.25rem 0.25rem 0; /* Slight rounding */
+    flex-basis: 100%;
+    width: 100%;
+}
+
+.project-card-actions {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+/* Explanation link and content styles */
+.explain-link {
+    display: inline-block;
+    margin-left: 6px;
+    padding: 1px 6px;
+    font-size: 0.8em;
+    font-weight: bold;
+    color: #fff;
+    background-color: #6c757d; /* Bootstrap secondary color */
+    border-radius: 50%;
+    text-decoration: none;
+    cursor: pointer;
+    vertical-align: middle; /* Align with the label text */
+    line-height: 1.2;
+}
+
+.explain-link:hover {
+    background-color: #444;
+    text-decoration: none;
+}
+
+.explanation-content {
+    /* Base styling only; visibility is toggled via the .hidden class so the JS
+       can show/hide help without inline display mutations. */
+    margin-top: 8px;
+    padding: 10px;
+    border: 1px solid #ced4da; /* Light grey border */
+    border-radius: 4px;
+    background-color: #f8f9fa; /* Light background */
+    font-size: 0.9em;
+    color: #495057;
+    line-height: 1.4;
+}
+
+/* The shared setup-detail.css defines a global `.explanation-content { display:
+   none }` that also lands in the bundled stylesheet. Scope the visible/hidden
+   states to this page's container so they win deterministically regardless of
+   bundle order, while leaving the setup-detail page's own behavior untouched.
+   The .hidden variant has higher specificity so it always hides when present. */
+#project-detail-container .explanation-content {
+    display: block;
+}
+
+#project-detail-container .explanation-content.hidden {
+    display: none;
+}
+
+/* Added styles for JSON input textarea */
+.code-input {
+    font-family: 'Courier New', Courier, monospace;
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    padding: 0.75rem;
+    font-size: 0.9rem;
+    line-height: 1.4;
+    width: 100%; /* Ensure it takes full width */
+}
+
+/* Add styles for input validation feedback */
+.form-error {
+    color: #dc3545; /* Bootstrap danger color */
+    font-size: 0.875em;
+    margin-top: 0.25rem;
+    display: none; /* Hide by default */
+}
+
+input.input-error,
+textarea.input-error,
+select.input-error {
+    border-color: #dc3545;
+    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); /* Optional: Add a glow */
+}
+
+/* Ensure error messages are shown when they have content */
+.form-error:not(:empty) {
+    display: block;
+}
+
+/* Added styles for validation error messages */
+.form-error {
+    color: var(--error-color);
+    font-size: 0.875rem;
+    margin-top: 0.5rem;
+    display: none; /* Hidden by default */
+}
+
+.form-error.visible {
+    display: block; /* Visible when needed */
+}
+
+/* MCP Validation Manuals selector
+   Lay each manual out on its own row with clear spacing between the checkbox and
+   its label. JS-emitted classes (.mcp-doc-option/.mcp-doc-checkbox/.mcp-doc-label)
+   are only styled here — never renamed. */
+.mcp-docs-checkbox-list {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    margin-top: 0.5rem;
+}
+
+.mcp-doc-option {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    line-height: 1.4;
+    cursor: pointer;
+}
+
+.mcp-doc-checkbox {
+    margin: 0; /* drop inconsistent default checkbox margins */
+    flex-shrink: 0; /* keep the checkbox from shrinking next to long labels */
+}
+
+.mcp-doc-label {
+    /* Spacing comes from the parent's gap; keep the label inline and readable. */
+    display: inline;
+}
+
+.mcp-docs-empty-state {
+    margin-top: 0.5rem;
+    padding: 0.5rem 0.75rem;
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    color: var(--secondary-color);
+    font-size: 0.875rem;
+}
+
+/* --- CI Follow-up sub-section (BAPI-308) --- */
+/* Page-scoped under #project-detail-container so these styles never leak to other
+   Configure-page-like layouts. Uses existing semantic CSS variables. */
+#project-detail-container .ci-followup-section {
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    padding: 0.75rem;
+    margin-top: 0.5rem;
+}
+
+#project-detail-container .ci-followup-controls {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    margin-top: 0.75rem;
+}
+
+#project-detail-container .ci-followup-strategy-option {
+    display: block;
+    margin-bottom: 0.5rem;
+}
+
+/* .form-help styles all page-scoped help paragraphs (the deep-research stall
+   timeout helper and the CI Follow-up strategy descriptions), not only the CI
+   Follow-up sub-section. */
+#project-detail-container .form-help {
+    margin: 0.25rem 0 0;
+    color: var(--secondary-color);
+    font-size: 0.875rem;
+}
+
+#project-detail-container .ci-followup-byte-counter {
+    margin-top: 0.25rem;
+    color: var(--secondary-color);
+    font-size: 0.8125rem;
+}
+
+#project-detail-container .ci-followup-byte-counter.over-limit {
+    color: var(--error-color);
+}
+
+/* BAPI-355: low-emphasis grouping for the TDD/FSD document-format controls.
+   Keeps the existing drawer rhythm (form-group spacing, textarea readability,
+   focus states inherited from the base textarea rules) while visually grouping
+   the two document-format textareas under a shared intro paragraph. */
+#project-detail-container .form-group-document-format {
+    border-left: 3px solid var(--border-color);
+    padding-left: 0.75rem;
+}
+
+#project-detail-container .document-format-help {
+    margin: 0 0 0.5rem;
+    color: var(--secondary-color);
+    font-size: 0.875rem;
+    line-height: 1.4;
+}
+/*!*************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/optimize_analysis.css ***!
+  \*************************************************************************************************************/
+/* Code Analysis Styling */
+
+.hidden {
+    display: none !important;
+}
+
+.analysis-section {
+    margin-bottom: 2rem;
+    padding-bottom: 1.5rem;
+    border-bottom: 1px solid var(--border-color);
+}
+
+#build-section {
+    padding-top: 2rem;
+}
+
+.analysis-section:last-child {
+    border-bottom: none;
+}
+
+.analysis-section h4 {
+    margin-bottom: 1rem;
+    font-size: 1.1rem;
+    font-weight: 600;
+}
+
+.analysis-info-label {
+    margin-bottom: 10px;
+    font-style: italic;
+    color: #555;
+    line-height: 1.5;
+}
+
+.reanalyze-container {
+    margin-top: 10px;
+    font-size: 0.9em;
+}
+
+.reanalyze-container p {
+    margin: 0;
+}
+
+.reanalyze-container a {
+    color: var(--primary-color);
+    text-decoration: none;
+    font-weight: 500;
+}
+
+.reanalyze-container a:hover {
+    text-decoration: underline;
+}
+
+.code-analysis {
+    margin-top: 2rem;
+    padding: 1rem 0;
+    border-top: 1px solid var(--border-color);
+}
+
+.code-analysis h3 {
+    margin-bottom: 1rem;
+    font-size: 1.1rem;
+    font-weight: 600;
+}
+
+.code-analysis form {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    margin-bottom: 1rem;
+}
+
+.code-analysis form > div {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
+
+.code-analysis label {
+    font-weight: 500;
+    color: var(--text-color);
+}
+
+.code-analysis select,
+.code-analysis textarea {
+    padding: 0.5rem;
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    font-family: inherit;
+}
+
+.code-analysis select:focus,
+.code-analysis textarea:focus {
+    outline: none;
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+}
+
+.status-message {
+    margin-top: 0.5rem;
+    font-size: 0.875rem;
+    padding: 0.5rem;
+    border-radius: 0.25rem;
+}
+
+.status-message.processing {
+    background-color: #e0f2fe;
+    color: #0277bd;
+    border: 1px solid #81d4fa;
+}
+
+.status-message.success {
+    background-color: #e8f5e8;
+    color: #2e7d32;
+    border: 1px solid #a5d6a7;
+}
+
+.status-message.error {
+    background-color: #ffebee;
+    color: #c62828;
+    border: 1px solid #ef9a9a;
+}
+
+.textarea-wide {
+    width: 100%;
+    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+    font-size: 0.875rem;
+    line-height: 1.4;
+    resize: vertical;
+}
+
+.code-analysis button {
+    align-self: flex-start;
+    margin-top: 0.5rem;
+}
+
+/*!****************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/optimize.css ***!
+  \****************************************************************************************************/
+/* src/css/optimize.css */
+
+/* Collapsible drawers specific to Optimize View */
+.collapsible-drawers {
+    margin-bottom: 2rem;
+}
+
+.drawer {
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    margin-bottom: 1rem;
+    overflow: hidden;
+}
+
+.drawer-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 1rem;
+    background-color: #f9fafb;
+    cursor: pointer;
+}
+
+.drawer-header h2 {
+    font-size: 1rem;
+    font-weight: 500;
+}
+
+.toggle-drawer {
+    background: none;
+    border: none;
+    font-size: 1rem;
+    cursor: pointer;
+    transition: transform var(--drawer-transition);
+}
+
+.drawer-content {
+    padding: 1rem;
+    border-top: 1px solid var(--border-color);
+    /* Visibility is controlled solely by the global `.hidden` class (BAPI-301);
+       `.expanded` is reserved for header/glyph styling. The shared drawer helper
+       sets the ▲/▼ glyph text directly, so no CSS rotation is applied. */
+}
+
+/* Planner sub-section */
+.planner-section {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    margin-top: 1rem;
+}
+
+select[multiple] {
+    min-height: 180px;
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+}
+
+/* Label styling */
+label {
+    font-weight: 500;
+    color: var(--text-color);
+    margin-bottom: 0.5rem;
+    display: block;
+}
+
+/* ====================================================================
+ * LEARN REPOSITORY STYLES
+ * ==================================================================== */
+#learn-repository-section {
+    * {
+        margin-top: 1rem;
+    }
+
+    padding-bottom: 2rem;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.learn-section {
+    padding-bottom: 1.5rem;
+    margin-bottom: 1.5rem;
+    border-bottom: 1px solid #e5e7eb;
+}
+
+.learn-section:last-of-type {
+    border-bottom: none;
+    margin-bottom: 0;
+}
+
+/* ====================================================================
+ * LEARN REPOSITORY PER-SECTION STATE CLASSES (BAPI-307)
+ *
+ * Declarative per-section state cues. Visibility is driven ONLY by the global
+ * `.hidden` class (toggled in JS by the renderer); these classes add a small
+ * left-border status accent and never set display/visibility. `data-state` is
+ * intentionally NOT used as a visibility mechanism, and `.hidden` is never
+ * redefined here.
+ * ==================================================================== */
+.learn-section.lr-state-idle {
+    border-left: 3px solid var(--border-color);
+    padding-left: 1rem;
+}
+
+.learn-section.lr-state-running {
+    border-left: 3px solid var(--primary-color);
+    padding-left: 1rem;
+}
+
+.learn-section.lr-state-review {
+    border-left: 3px solid var(--primary-color);
+    padding-left: 1rem;
+}
+
+.learn-section.lr-state-draft {
+    border-left: 3px solid var(--primary-color);
+    padding-left: 1rem;
+}
+
+.learn-section.lr-state-complete {
+    border-left: 3px solid var(--text-color);
+    padding-left: 1rem;
+}
+
+/* The Reanalyze control is now a <button> (BAPI-307) rather than an inline
+ * link; keep it left-aligned as a block action within the section actions. */
+.lr-reanalyze-link {
+    display: inline-block;
+}
+
+.lr-initial-mode-options {
+    display: flex;
+    flex-direction: row;
+    gap: 1.25rem;
+    align-items: center;
+}
+
+.lr-initial-mode-options label {
+    display: inline;
+    font-weight: normal;
+}
+
+.lr-in-progress-container {
+    margin: 0.5rem 0 1rem;
+    padding: 0.75rem 1rem;
+    border: 1px solid var(--border-color);
+    border-radius: 0.375rem;
+}
+
+/* Horizontal separation between the reanalyze Confirm and Cancel buttons.
+ * Adjacent-sibling margin keeps the existing block-level radio labels from
+ * being reflowed, which a flex/gap container would do. */
+.lr-reanalyze-confirm-btn + .lr-reanalyze-cancel-btn {
+    margin-left: 0.5rem;
+}
+
+/* ====================================================================
+ * ESTIMATOR SECTION STYLES
+ * ==================================================================== */
+
+#estimator-section {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+#estimator-section > div {
+    padding: 1rem;
+    border-radius: 0.375rem;
+    border: 1px solid var(--border-color);
+}
+
+#estimator-optimize {
+    background-color: #f0f9ff;
+    border-color: #0ea5e9;
+}
+
+#estimator-running {
+    background-color: #fef3c7;
+    border-color: #f59e0b;
+}
+
+#estimator-review {
+    background-color: #f0fdf4;
+    border-color: #22c55e;
+}
+
+#estimator-loading {
+    background-color: #f3f4f6;
+    border-color: var(--border-color);
+    text-align: center;
+}
+
+#range-editor {
+    margin: 1rem 0;
+}
+
+#range-json {
+    width: 100%;
+    min-height: 300px;
+    padding: 0.75rem;
+    border: 1px solid var(--border-color);
+    border-radius: 0.375rem;
+    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+    font-size: 0.875rem;
+    line-height: 1.5;
+    background-color: #f8fafc;
+    resize: vertical;
+}
+
+#range-json:focus {
+    outline: none;
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
+}
+
+.estimator-actions {
+    display: flex;
+    gap: 0.5rem;
+    margin-top: 1rem;
+}
+
+.estimator-actions .btn {
+    flex: 0 0 auto;
+}
+
+/* Responsive design for estimator */
+@media (max-width: 768px) {
+    #range-json {
+        min-height: 200px;
+        font-size: 0.75rem;
+    }
+    
+    .estimator-actions {
+        flex-direction: column;
+    }
+    
+    .estimator-actions .btn {
+        width: 100%;
+    }
+}
+
+/* Success/Error states for estimator messages */
+.estimator-message {
+    padding: 0.75rem;
+    border-radius: 0.375rem;
+    margin-bottom: 1rem;
+}
+
+.estimator-message.success {
+    background-color: #dcfce7;
+    color: #166534;
+    border: 1px solid #22c55e;
+}
+
+.estimator-message.error {
+    background-color: #fef2f2;
+    color: #991b1b;
+    border: 1px solid #ef4444;
+}
+
+.estimator-message.info {
+    background-color: #eff6ff;
+    color: #1e40af;
+    border: 1px solid #3b82f6;
+}
+
+.draft-review-container .btn + .btn {
+    margin-left: 1.5rem;
+}
+
+/*!***************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/globals.css ***!
+  \***************************************************************************************************/
+/* Font faces */
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('/public/fonts/SourceSansPro-Regular.ttf') format('truetype');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('/public/fonts/SourceSansPro-Italic.ttf') format('truetype');
+    font-weight: 400;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('/public/fonts/SourceSansPro-ExtraLight.ttf') format('truetype');
+    font-weight: 200;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('/public/fonts/SourceSansPro-ExtraLightItalic.ttf') format('truetype');
+    font-weight: 200;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('/public/fonts/SourceSansPro-Light.ttf') format('truetype');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('/public/fonts/SourceSansPro-LightItalic.ttf') format('truetype');
+    font-weight: 300;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('/public/fonts/SourceSansPro-SemiBold.ttf') format('truetype');
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('/public/fonts/SourceSansPro-SemiBoldItalic.ttf') format('truetype');
+    font-weight: 600;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('/public/fonts/SourceSansPro-Bold.ttf') format('truetype');
+    font-weight: 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('/public/fonts/SourceSansPro-BoldItalic.ttf') format('truetype');
+    font-weight: 700;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('/public/fonts/SourceSansPro-Black.ttf') format('truetype');
+    font-weight: 900;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('/public/fonts/SourceSansPro-BlackItalic.ttf') format('truetype');
+    font-weight: 900;
+    font-style: italic;
+}
+
+/* Global variables */
+:root {
+    --primary-color: #E2624B;
+    --primary-dark: #C51616;
+    --secondary-color: #6b7280;
+    --light-grey: #eee;
+    --secondary-button-background: #fdf4ec;
+    --light-orange: #F2B27A;
+    --dark-orange: #e17055;
+    --background-color: #fffdf0;
+    --surface-color: #ffffff;
+    --text-color: #393D4E;
+    --border-color: #e6e4d5;
+    --error-color: #ef4444;
+    --success-color: #10b981;
+    --header-height: 60px;
+    --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+/* Reset and base styles */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+    line-height: 1.5;
+    min-height: 100vh;
+    padding-top: var(--header-height);
+}
+
+.hidden {
+    display: none !important;
+}
+
+/* Button styles */
+.btn {
+    cursor: pointer;
+    padding: 0.75rem 2rem;
+    border-radius: 4px;
+    border: 1px solid transparent;
+    font-size: 1rem;
+    line-height: 1.25rem;
+    transition: background-color 0.3s ease;
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    color: white;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-dark);
+}
+
+.btn-secondary {
+    background-color: var(--secondary-button-background);
+    border: 1px solid var(--light-orange);
+    color: #333;
+}
+
+.btn-secondary:hover {
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
+    background-color: var(--dark-orange);
+    color: white;
+}   
+
+.btn-sm {
+    padding: 0.2rem 0.5rem;
+    font-size: 0.75rem;
+}
+
+.btn-danger {
+    background-color: var(--error-color);
+    color: white;
+}
+
+.btn-danger:hover {
+    background-color: #b91c1c; /* darker red for hover */
+}
+
+.btn:disabled {
+    background-color: #d1d5db;
+    cursor: not-allowed;
+    opacity: 0.6;
+}
+
+/* Form element base styles */
+label {
+    display: block;
+    font-size: 0.875rem;
+    font-weight: 500;
+    margin-bottom: 0.5rem;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="url"],
+input[type="number"],
+textarea {
+    width: 100%;
+    padding: 0.5rem;
+    font-size: 1rem;
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    background-color: #fff;
+}
+
+input[type="number"] {
+    width: auto;
+}
+
+textarea {
+    min-height: 100px;
+    resize: vertical;
+}
+
+.required {
+    color: var(--error-color);
+}
+
+/* Checkbox styling */
+.form-group.checkbox {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+}
+
+.form-group.checkbox input {
+    margin-right: 0.5rem;
+}
+
+.form-group.checkbox label {
+    margin-bottom: 0;
+}
+
+/* Modal base styles (if used globally) */
+.modal {
+    display: none;
+    position: fixed;
+    z-index: 1000;
+    left: 0;
+    top: 0;
+    width: 100vw;
+    height: 100vh;
+    background: rgba(0,0,0,0.4);
+    align-items: center;
+    justify-content: center;
+}
+
+/*!*******************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/data_health.css ***!
+  \*******************************************************************************************************/
+/* src/css/data_health.css */
+
+/* Collapsible drawers for Data Health View */
+.collapsible-drawers {
+    margin-bottom: 2rem;
+}
+
+.drawer {
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    margin-bottom: 1rem;
+    overflow: hidden;
+}
+
+.drawer-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 1rem;
+    background-color: #f9fafb;
+    cursor: pointer;
+}
+
+.drawer-header h2 {
+    font-size: 1rem;
+    font-weight: 500;
+}
+
+.toggle-drawer {
+    background: none;
+    border: none;
+    font-size: 1rem;
+    cursor: pointer;
+    transition: transform var(--drawer-transition);
+}
+
+.drawer-content {
+    padding: 1rem;
+    border-top: 1px solid var(--border-color);
+    /* Visibility is controlled solely by the global `.hidden` class (BAPI-301);
+       `.expanded` is reserved for header/glyph styling. The shared drawer helper
+       sets the ▲/▼ glyph text directly, so no CSS rotation is applied. */
+}
+
+/* ========================================
+   Parse / Learn Repository Jobs Section Styles
+   ======================================== */
+
+.parse-repository-jobs-section,
+.learn-repository-jobs-section {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}
+
+/* Last-ran timestamp shown under the Update Repository action.
+   Replaces a former inline style on the template. */
+.operation-last-ran {
+    margin-top: 0.5rem;
+    font-size: 0.875rem;
+}
+
+/* Parse schedule status panel. Replaces the former inline-styled status
+   blocks; state colors come from global design tokens (no hardcoded colors). */
+.parse-schedule-status {
+    margin-top: 0.75rem;
+    padding: 0.75rem;
+    border: 1px solid var(--border-color);
+    border-radius: 4px;
+    font-size: 0.875rem;
+}
+
+.parse-schedule-status--active {
+    color: var(--success-color);
+    border-color: var(--success-color);
+}
+
+.parse-schedule-status--paused,
+.parse-schedule-status--empty {
+    color: var(--dark-orange);
+    border-color: var(--dark-orange);
+}
+
+.parse-schedule-next-run {
+    display: block;
+    margin-top: 0.25rem;
+    color: var(--text-color);
+}
+
+.parse-schedule-actions {
+    margin-top: 0.5rem;
+    display: flex;
+    gap: 0.5rem;
+}
+
+.operation-row {
+    display: flex;
+    flex-direction: column;
+    padding-bottom: 1rem;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.operation-row:last-child {
+    border-bottom: none;
+    padding-bottom: 0;
+}
+
+.operation-item {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.operation-item .btn {
+    align-self: flex-start;
+}
+
+.operation-label {
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+    line-height: 1.4;
+}
+
+.schedule-controls {
+    display: flex;
+    gap: 1rem;
+    margin-top: 0.5rem;
+    align-items: flex-end;
+}
+
+.schedule-controls .form-group {
+    margin-bottom: 0;
+}
+
+.schedule-controls .form-group.inline {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
+
+.schedule-controls .form-group.inline label {
+    font-size: 0.75rem;
+    color: var(--secondary-color);
+}
+
+.schedule-controls .form-group.inline input,
+.schedule-controls .form-group.inline select {
+    width: auto;
+    min-width: 120px;
+    padding: 0.375rem 0.5rem;
+    font-size: 0.875rem;
+}
+
+/* ========================================
+   Data Integrity Section Styles
+   ======================================== */
+
+/* Loading and error states */
+.integrity-loading,
+.integrity-error {
+    padding: 1rem;
+    text-align: center;
+    color: var(--secondary-color);
+}
+
+.integrity-error {
+    color: var(--error-color);
+    background-color: #fef2f2;
+    border: 1px solid #fecaca;
+    border-radius: 0.25rem;
+}
+
+/* Summary statistics */
+.integrity-summary {
+    display: flex;
+    gap: 2rem;
+    margin-bottom: 1.5rem;
+    padding: 1rem;
+    background-color: #f9fafb;
+    border-radius: 0.25rem;
+}
+
+.integrity-stat {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.integrity-stat-label {
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+    margin-bottom: 0.25rem;
+}
+
+.integrity-stat-value {
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: var(--text-color);
+}
+
+.integrity-stat-value.integrity-healthy {
+    color: #16a34a;
+}
+
+/* Empty state */
+.integrity-empty-state {
+    padding: 1.5rem;
+    text-align: center;
+    background-color: #f0fdf4;
+    border: 1px solid #bbf7d0;
+    border-radius: 0.25rem;
+    color: #166534;
+}
+
+.integrity-empty-state p {
+    margin: 0;
+    font-weight: 500;
+}
+
+/* Issues table */
+.integrity-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 1rem;
+}
+
+.integrity-table th,
+.integrity-table td {
+    padding: 0.75rem;
+    text-align: left;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.integrity-table th {
+    background-color: #f9fafb;
+    font-weight: 500;
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+}
+
+.integrity-table td {
+    font-size: 0.875rem;
+    vertical-align: top;
+}
+
+.integrity-table tbody tr:hover {
+    background-color: #f9fafb;
+}
+
+/* File list styling */
+.integrity-file-list {
+    font-family: monospace;
+    font-size: 0.8rem;
+    background-color: #f1f5f9;
+    padding: 0.5rem;
+    border-radius: 4px;
+    max-height: 150px;
+    overflow-y: auto;
+    margin: 0;
+    list-style: none;
+}
+
+.integrity-file-list li {
+    padding: 0.125rem 0;
+    word-break: break-all;
+}
+
+.integrity-file-list li:not(:last-child) {
+    border-bottom: 1px solid #e2e8f0;
+}
+
+.integrity-more-files {
+    font-style: italic;
+    color: var(--secondary-color);
+    font-size: 0.8rem;
+    margin-top: 0.25rem;
+}
+
+/* Issues container header */
+#integrity-issues-container h3 {
+    font-size: 1rem;
+    font-weight: 500;
+    color: var(--text-color);
+    margin-bottom: 0.5rem;
+}
+
+/* ========================================
+   Configuration Health Section Styles
+   ======================================== */
+
+/* Loading and error states */
+.config-health-loading,
+.config-health-error {
+    padding: 1rem;
+    text-align: center;
+    color: var(--secondary-color);
+}
+
+.config-health-error {
+    color: var(--error-color);
+    background-color: #fef2f2;
+    border: 1px solid #fecaca;
+    border-radius: 0.25rem;
+}
+
+/* Summary statistics */
+.health-stats {
+    display: flex;
+    gap: 2rem;
+    margin-bottom: 1.5rem;
+    padding: 1rem;
+    background-color: #f9fafb;
+    border-radius: 0.25rem;
+}
+
+.health-stat {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.health-stat-label {
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+    margin-bottom: 0.25rem;
+}
+
+.health-stat-value {
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: var(--text-color);
+}
+
+.health-stat-value.health-configured {
+    color: #16a34a;
+}
+
+.health-stat-value.health-errors {
+    color: var(--error-color);
+}
+
+.health-stat-value.health-warnings {
+    color: #f59e0b;
+}
+
+/* All good state */
+.config-health-all-good {
+    padding: 1.5rem;
+    text-align: center;
+    background-color: #f0fdf4;
+    border: 1px solid #bbf7d0;
+    border-radius: 0.25rem;
+    color: #166534;
+}
+
+.config-health-all-good p {
+    margin: 0;
+    font-weight: 500;
+}
+
+/* Config health table */
+.config-health-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 1rem;
+}
+
+.config-health-table th,
+.config-health-table td {
+    padding: 0.75rem;
+    text-align: left;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.config-health-table th {
+    background-color: #f9fafb;
+    font-weight: 500;
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+}
+
+.config-health-table td {
+    font-size: 0.875rem;
+    vertical-align: top;
+}
+
+.config-health-table tbody tr:hover {
+    background-color: #f9fafb;
+}
+
+/* Status badge styling */
+.config-status-badge {
+    display: inline-block;
+    padding: 0.25rem 0.5rem;
+    border-radius: 0.25rem;
+    font-size: 0.75rem;
+    font-weight: 500;
+    text-transform: uppercase;
+}
+
+.config-status-badge.status-missing {
+    background-color: #fef2f2;
+    color: #991b1b;
+}
+
+.config-status-badge.status-invalid {
+    background-color: #fef2f2;
+    color: #991b1b;
+}
+
+/* Dismiss button / text button styling */
+.btn-text {
+    background-color: transparent;
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+    padding: 0.375rem 0.75rem;
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+    cursor: pointer;
+    transition: all 0.2s ease;
+}
+
+.btn-text:hover {
+    background-color: #f9fafb;
+    border-color: var(--secondary-color);
+    color: var(--text-color);
+}
+
+.btn-text:active {
+    background-color: #f3f4f6;
+}
+
+.btn-text:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+/* Config errors/warnings container headers */
+#config-errors-container h3,
+#config-warnings-container h3 {
+    font-size: 1rem;
+    font-weight: 500;
+    color: var(--text-color);
+    margin-bottom: 0.5rem;
+    margin-top: 1.5rem;
+}
+
+#config-errors-container h3 {
+    color: var(--error-color);
+}
+
+#config-warnings-container h3 {
+    color: #f59e0b;
+}
+
+/* ========================================
+   Pinecone Data Integrity Section Styles
+   ======================================== */
+
+/* Actions container with button and last run text */
+.pinecone-health-actions {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    margin-bottom: 1rem;
+}
+
+.last-run-text {
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+}
+
+/* Loading and error states */
+.pinecone-health-loading,
+.pinecone-health-error {
+    padding: 1rem;
+    text-align: center;
+    color: var(--secondary-color);
+}
+
+.pinecone-health-error {
+    color: var(--error-color);
+    background-color: #fef2f2;
+    border: 1px solid #fecaca;
+    border-radius: 0.25rem;
+}
+
+/* No results state */
+.pinecone-health-no-results {
+    padding: 1rem;
+    text-align: center;
+    color: var(--secondary-color);
+    background-color: #f9fafb;
+    border: 1px solid var(--border-color);
+    border-radius: 0.25rem;
+}
+
+.pinecone-health-no-results p {
+    margin: 0;
+}
+
+/* Status container and badge */
+.pinecone-health-status-container {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    margin-bottom: 1rem;
+}
+
+.pinecone-health-status {
+    display: inline-block;
+    padding: 0.25rem 0.75rem;
+    border-radius: 0.25rem;
+    font-size: 0.75rem;
+    font-weight: 600;
+    text-transform: uppercase;
+}
+
+.pinecone-health-status.status-healthy {
+    background-color: #dcfce7;
+    color: #166534;
+}
+
+.pinecone-health-status.status-error {
+    background-color: #fef2f2;
+    color: #991b1b;
+}
+
+.pinecone-health-status.status-warning {
+    background-color: #fef3c7;
+    color: #92400e;
+}
+
+.pinecone-health-status.status-running {
+    background-color: #dbeafe;
+    color: #1e40af;
+}
+
+/* Summary statistics */
+.pinecone-health-summary {
+    display: flex;
+    gap: 2rem;
+    margin-bottom: 1.5rem;
+    padding: 1rem;
+    background-color: #f9fafb;
+    border-radius: 0.25rem;
+    flex-wrap: wrap;
+}
+
+.pinecone-health-stat {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    min-width: 80px;
+}
+
+.pinecone-health-stat-label {
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+    margin-bottom: 0.25rem;
+}
+
+.pinecone-health-stat-value {
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: var(--text-color);
+}
+
+/* All good state */
+.pinecone-health-all-good {
+    padding: 1.5rem;
+    text-align: center;
+    background-color: #f0fdf4;
+    border: 1px solid #bbf7d0;
+    border-radius: 0.25rem;
+    color: #166534;
+}
+
+.pinecone-health-all-good p {
+    margin: 0;
+    font-weight: 500;
+}
+
+/* Pinecone health table (shared styles for namespace and failures tables) */
+.pinecone-health-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 1rem;
+    table-layout: fixed;
+}
+
+.pinecone-health-table th,
+.pinecone-health-table td {
+    padding: 0.75rem;
+    text-align: left;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.pinecone-health-table th {
+    background-color: #f9fafb;
+    font-weight: 500;
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+}
+
+.pinecone-health-table td {
+    font-size: 0.875rem;
+    vertical-align: middle;
+    word-wrap: break-word;
+}
+
+.pinecone-health-table tbody tr:hover {
+    background-color: #f9fafb;
+}
+
+/* Namespace results table column widths */
+#pinecone-namespace-container .pinecone-health-table th:nth-child(1),
+#pinecone-namespace-container .pinecone-health-table td:nth-child(1) {
+    width: 25%;
+}
+
+#pinecone-namespace-container .pinecone-health-table th:nth-child(2),
+#pinecone-namespace-container .pinecone-health-table td:nth-child(2) {
+    width: 15%;
+}
+
+#pinecone-namespace-container .pinecone-health-table th:nth-child(3),
+#pinecone-namespace-container .pinecone-health-table td:nth-child(3),
+#pinecone-namespace-container .pinecone-health-table th:nth-child(4),
+#pinecone-namespace-container .pinecone-health-table td:nth-child(4),
+#pinecone-namespace-container .pinecone-health-table th:nth-child(5),
+#pinecone-namespace-container .pinecone-health-table td:nth-child(5) {
+    width: 12%;
+    text-align: right;
+}
+
+#pinecone-namespace-container .pinecone-health-table th:nth-child(6),
+#pinecone-namespace-container .pinecone-health-table td:nth-child(6) {
+    width: 12%;
+    text-align: center;
+}
+
+/* Sample failures table column widths */
+#pinecone-failures-container .pinecone-health-table th:nth-child(1),
+#pinecone-failures-container .pinecone-health-table td:nth-child(1) {
+    width: 20%;
+}
+
+#pinecone-failures-container .pinecone-health-table th:nth-child(2),
+#pinecone-failures-container .pinecone-health-table td:nth-child(2) {
+    width: 15%;
+}
+
+#pinecone-failures-container .pinecone-health-table th:nth-child(3),
+#pinecone-failures-container .pinecone-health-table td:nth-child(3) {
+    width: 30%;
+    font-family: monospace;
+    font-size: 0.8rem;
+}
+
+#pinecone-failures-container .pinecone-health-table th:nth-child(4),
+#pinecone-failures-container .pinecone-health-table td:nth-child(4) {
+    width: 35%;
+}
+
+/* Container headers */
+#pinecone-namespace-container h3,
+#pinecone-failures-container h3 {
+    font-size: 1rem;
+    font-weight: 500;
+    color: var(--text-color);
+    margin-bottom: 0.5rem;
+    margin-top: 1.5rem;
+}
+
+#pinecone-failures-container h3 {
+    color: var(--error-color);
+}
+
+/* ========================================
+   Pinecone Regenerate Section Styles
+   ======================================== */
+
+.pinecone-regenerate-section {
+    margin-top: 1.5rem;
+    padding-top: 1.5rem;
+    border-top: 1px solid var(--border-color);
+}
+
+.pinecone-regenerate-section h4 {
+    font-size: 0.95rem;
+    font-weight: 600;
+    color: var(--text-color);
+    margin: 0 0 0.5rem 0;
+}
+
+.regenerate-instructions {
+    font-size: 0.875rem;
+    color: var(--secondary-color);
+    margin: 0 0 0.75rem 0;
+}
+
+.regenerate-checkboxes {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    margin-bottom: 1rem;
+}
+
+.regenerate-checkboxes .checkbox-label {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 0.875rem;
+    cursor: pointer;
+}
+
+.regenerate-checkboxes .checkbox-label input[type="checkbox"] {
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+    accent-color: var(--primary-color);
+}
+
+.regenerate-checkboxes .checkbox-label span {
+    color: var(--text-color);
+}
+
+.regenerate-checkboxes .namespace-name {
+    font-family: monospace;
+    font-size: 0.8rem;
+    background-color: #f1f5f9;
+    padding: 0.125rem 0.375rem;
+    border-radius: 0.25rem;
+    color: var(--secondary-color);
+}
+
+.regenerate-checkboxes .metadata-warning {
+    font-size: 0.75rem;
+    color: #f59e0b;
+    margin-left: 0.25rem;
+}
+
+/* Info tooltip button */
+.info-tooltip-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 18px;
+    height: 18px;
+    margin-left: 0.375rem;
+    padding: 0;
+    font-size: 0.75rem;
+    color: #6b7280;
+    background: none;
+    border: none;
+    cursor: pointer;
+    vertical-align: middle;
+    transition: color 0.15s ease;
+}
+
+.info-tooltip-btn:hover {
+    color: var(--primary-color);
+}
+
+/* Namespace info panel */
+.namespace-info {
+    margin: 0.375rem 0 0.75rem 1.5rem;
+    padding: 0.625rem 0.75rem;
+    font-size: 0.8rem;
+    color: #4b5563;
+    background-color: #f3f4f6;
+    border-left: 3px solid var(--primary-color);
+    border-radius: 0 0.25rem 0.25rem 0;
+    line-height: 1.4;
+}
+
+.namespace-info.hidden {
+    display: none;
+}
+
+.namespace-info strong {
+    color: var(--text-color);
+}
+
+/* Note styling (softer than warning) */
+.regenerate-note {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.5rem;
+    padding: 0.625rem 0.75rem;
+    background-color: #eff6ff;
+    border: 1px solid #bfdbfe;
+    border-radius: 0.25rem;
+    margin-bottom: 1rem;
+}
+
+.regenerate-note .note-label {
+    font-size: 0.8rem;
+    font-weight: 600;
+    color: #1e40af;
+}
+
+.regenerate-note .note-text {
+    font-size: 0.8rem;
+    color: #1e40af;
+    line-height: 1.4;
+}
+
+.regenerate-warning {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.5rem;
+    padding: 0.75rem;
+    background-color: #fef3c7;
+    border: 1px solid #fcd34d;
+    border-radius: 0.25rem;
+    margin-bottom: 1rem;
+}
+
+.regenerate-warning .warning-icon {
+    font-size: 1rem;
+    line-height: 1;
+}
+
+.regenerate-warning .warning-text {
+    font-size: 0.8rem;
+    color: #92400e;
+    line-height: 1.4;
+}
+
+/* Warning button style */
+.btn-warning {
+    background-color: #f59e0b;
+    color: #fff;
+    border: 1px solid #d97706;
+}
+
+.btn-warning:hover {
+    background-color: #d97706;
+    border-color: #b45309;
+}
+
+.btn-warning:active {
+    background-color: #b45309;
+}
+
+.btn-warning:disabled {
+    background-color: #fcd34d;
+    border-color: #fcd34d;
+    cursor: not-allowed;
+}
+
+/* `.hidden` is provided by the global utility in src/css/globals.css; do not
+   redefine it here (BAPI-301). */
+
+/* Phase 1b: Learn-repository auto-update schedule */
+.learn-repo-schedule-section {
+    border-radius: 6px;
+    padding: 1rem;
+    margin-top: 0.75rem;
+}
+.learn-repo-schedule-section h4 {
+    margin: 0 0 0.25rem 0;
+}
+.learn-repo-instructions {
+    font-size: 0.85rem;
+    color: #6b7280;
+    margin-bottom: 0.75rem;
+}
+.learn-repo-analysis-types {
+    border: none;
+    padding: 0;
+    margin: 0 0 0.75rem 0;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: 0.25rem 1rem;
+}
+.learn-repo-analysis-types legend {
+    font-weight: 600;
+    margin-bottom: 0.25rem;
+}
+.learn-repo-actions {
+    margin-top: 0.5rem;
+}
+.learn-repo-message {
+    margin-top: 0.5rem;
+    font-size: 0.875rem;
+    color: #1f2937;
+}
+.learn-repo-schedule-status {
+    margin-top: 0.75rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+.learn-repo-schedule-row {
+    border: 1px solid #e5e7eb;
+    border-radius: 4px;
+    padding: 0.75rem;
+    background-color: #f9fafb;
+}
+.learn-repo-schedule-meta {
+    font-size: 0.85rem;
+    color: #4b5563;
+    margin: 0.25rem 0;
+}
+.learn-repo-row-actions {
+    margin-top: 0.5rem;
+    display: flex;
+    gap: 0.5rem;
+}
+.learn-repo-status-running {
+    color: #2563eb;
+}
+.learn-repo-status-success {
+    color: #15803d;
+}
+.learn-repo-status-failure {
+    color: #b91c1c;
+}
+.learn-repo-status-idle {
+    color: #6b7280;
+}
+.learn-repo-schedule-row details {
+    margin-top: 0.5rem;
+    font-size: 0.85rem;
+}
+.learn-repo-schedule-row details pre {
+    white-space: pre-wrap;
+    background-color: #ffffff;
+    border: 1px solid #e5e7eb;
+    border-radius: 3px;
+    padding: 0.5rem;
+    margin: 0.25rem 0 0 0;
+}
+.form-error {
+    color: #b91c1c;
+    font-size: 0.85rem;
+    margin-top: 0.25rem;
+}
+
+
 /*# sourceMappingURL=main.min.css.map*/