79b3f32398
Some checks are pending
build-and-push / image (push) Waiting to run
- Added response presets for standup, bug report, and ship update in the Slack sidecar. - Improved UI elements including a copy button for replies and conversation memory. - Enhanced diagnostics section with better health indicators and tool listings. - Introduced performance metrics for response times in the Slack form. feat: revamp system pane for better process and host introspection - Updated system pane to include live sparklines for memory and CPU usage. - Enhanced KPI display with uptime, memory usage, and CPU load metrics. - Added functionality to capture and display configured services and their statuses. feat: overhaul tools pane for improved usability and interaction - Redesigned tools pane to allow filtering, favoriting, and invoking MCP tools. - Introduced a history feature to track recent tool calls. - Enhanced form handling for tool arguments with schema-driven inputs. feat: new files pane for accessing platform data - Implemented a new files pane to surface data from files.cxllm.io. - Added tabs for providers, edge functions, health, demand runs, watcher events, and file manager categories. - Included functionality to capture health snapshots and display recent data.
2 lines
5.9 KiB
CSS
2 lines
5.9 KiB
CSS
:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f9;color:#15202b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #15202b;--muted: #5a6675;--line: #d9e1e8;--panel: #ffffff;--soft: #eef3f6;--green: #087f5b;--blue: #2563eb;--purple: #7c3aed;--amber: #b45309;--red: #b42318}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7f9}a{color:inherit}button,input{font:inherit}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;background:#111827;color:#f8fafc;border-right:1px solid #0b1120}.brand{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 8px 18px;text-decoration:none}.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#20c997;color:#06281f;font-weight:800}.brand strong{font-size:17px}.sidebar nav{display:grid;gap:6px}.nav-button{width:100%;min-height:40px;border:0;border-radius:7px;padding:0 12px;background:transparent;color:#cbd5e1;text-align:left;cursor:pointer}.nav-button:hover,.nav-button.is-active{background:#1f2937;color:#fff}.workspace{min-width:0;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.topbar p,.section-heading p{margin:0 0 4px;color:var(--green);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0}.topbar h1,.section-heading h2{margin:0;color:var(--ink);font-size:clamp(26px,4vw,42px);line-height:1.05;letter-spacing:0}.search-box{display:grid;gap:5px;width:min(360px,100%);color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.search-box input{width:100%;height:42px;border:1px solid var(--line);border-radius:7px;padding:0 12px;background:var(--panel);color:var(--ink);text-transform:none}.intro-band{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:86px;margin-bottom:18px;border:1px solid var(--line);border-radius:8px;padding:18px;background:#eaf8f2}.intro-band p{margin:0;max-width:820px;color:#244238;font-size:16px;line-height:1.5}.intro-actions,.service-actions{display:flex;flex-wrap:wrap;gap:8px}.intro-actions a,.service-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid #b9d8cd;border-radius:7px;padding:0 12px;background:#fff;color:#0f5132;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;margin-bottom:18px}.metric{min-height:92px;border:1px solid var(--line);border-radius:8px;padding:16px;background:var(--panel)}.metric span{display:block;color:var(--ink);font-size:30px;font-weight:800;line-height:1}.metric label{display:block;margin-top:8px;color:var(--muted);font-size:13px;font-weight:700}.split-view{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:18px;align-items:start}.module-rail{display:grid;gap:10px}.module-row,.auth-grid article,.endpoint-group{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--panel)}.module-row{display:grid;gap:4px}.module-row span,.auth-grid span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.module-row strong,.auth-grid strong{color:var(--ink);font-size:18px}.module-row small,.auth-grid small{color:var(--muted);line-height:1.4}.module-row.is-loaded{border-color:#96d8bf;background:#f1fbf7}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.service-card{display:grid;gap:14px;min-height:232px;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:8px;padding:14px;background:var(--panel)}.service-card.sb-blue{border-top-color:var(--blue)}.service-card.sb-purple{border-top-color:var(--purple)}.service-card.sb-amber{border-top-color:var(--amber)}.service-card.sb-red{border-top-color:var(--red)}.service-main{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start}.service-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--soft);color:var(--green);font-weight:800}.service-copy h3,.endpoint-group h3{margin:0;color:var(--ink);font-size:18px;line-height:1.2}.service-copy p{margin:6px 0 0;color:var(--muted);line-height:1.45}.service-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.service-meta div{min-width:0;border-radius:7px;padding:8px;background:#f8fafc}.service-meta dt{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.service-meta dd{margin:3px 0 0;overflow:hidden;color:var(--ink);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.endpoint-panel,.auth-panel{display:grid;gap:16px}.endpoint-list,.auth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.endpoint-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:center;min-height:36px;border-top:1px solid var(--line);padding:8px 0}.endpoint-row code{border-radius:6px;padding:4px 6px;background:#eef6ff;color:#1d4ed8;font-size:12px;font-weight:800}.endpoint-row span,.endpoint-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint-row small{grid-column:2;color:var(--muted)}.empty-state{border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--panel);color:var(--muted)}@media (max-width: 920px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-button{text-align:center}.topbar,.intro-band{align-items:stretch;flex-direction:column}.metric-grid,.split-view{grid-template-columns:1fr}}@media (max-width: 560px){.workspace{padding:16px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.service-meta,.endpoint-row{grid-template-columns:1fr}.endpoint-row small{grid-column:auto}}
|