Add read-only runtime inventory settings

2026-05-04 02:08:21 +09:00
parent 1b945ff214
commit 20c06ea5a4
11 changed files with 890 additions and 1 deletions
--- a/apps/dashboard/src/RuntimeInventorySettings.css
+++ b/apps/dashboard/src/RuntimeInventorySettings.css
@@ -0,0 +1,130 @@
+.runtime-inventory {
+  display: grid;
+  gap: 18px;
+}
+
+.runtime-summary-card,
+.runtime-agent-card,
+.runtime-skill-card {
+  border: 1px solid rgba(148, 163, 184, 0.18);
+  border-radius: 20px;
+  background: rgba(15, 23, 42, 0.48);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
+}
+
+.runtime-summary-card {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 14px;
+  padding: 18px;
+}
+
+.runtime-summary-card > div {
+  display: grid;
+  gap: 6px;
+  min-width: 0;
+}
+
+.runtime-summary-card strong {
+  color: var(--text);
+  font-size: 1rem;
+}
+
+.runtime-summary-card code,
+.runtime-path-row code,
+.runtime-skill-card code {
+  color: var(--muted);
+  font-size: 0.78rem;
+  overflow-wrap: anywhere;
+}
+
+.runtime-agent-card {
+  padding: 18px;
+}
+
+.runtime-card-head,
+.runtime-skill-card header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.runtime-card-head h4 {
+  margin: 0;
+}
+
+.runtime-path-list,
+.runtime-skill-list {
+  display: grid;
+  gap: 10px;
+  margin: 14px 0 0;
+  padding: 0;
+  list-style: none;
+}
+
+.runtime-path-row {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  border-radius: 14px;
+  background: rgba(15, 23, 42, 0.38);
+  padding: 12px;
+}
+
+.runtime-path-row > span {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}
+
+.runtime-skill-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 12px;
+  margin-top: 14px;
+}
+
+.runtime-skill-card {
+  padding: 14px;
+}
+
+.runtime-skill-card header > div {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}
+
+.runtime-skill-list li {
+  display: grid;
+  gap: 3px;
+  border-top: 1px solid rgba(148, 163, 184, 0.12);
+  padding-top: 9px;
+}
+
+.runtime-skill-list li:first-child {
+  border-top: 0;
+  padding-top: 0;
+}
+
+.runtime-skill-list span {
+  color: var(--muted);
+  font-size: 0.82rem;
+  line-height: 1.4;
+}
+
+@media (max-width: 980px) {
+  .runtime-summary-card,
+  .runtime-skill-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 720px) {
+  .runtime-card-head,
+  .runtime-skill-card header,
+  .runtime-path-row {
+    flex-direction: column;
+  }
+}