Add scrollable widget, expand/collapse toggle, inline name editing

- Fix overflow by making card body scrollable with thin custom scrollbar
- Add expand/collapse chevron button toggling row-span-1 to row-span-2
- Add inline name editing on hover (pencil icon) with Enter/Escape/blur
- Add PATCH /api/services endpoint for renaming with log history update
- Add rename button in detail modal

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Shivam Patel
2026-02-09 02:23:19 -05:00
parent 372ff8cd22
commit 8e18bf64b2
3 changed files with 187 additions and 18 deletions

View File

@@ -24,3 +24,22 @@ body {
color: var(--foreground);
font-family: Arial, Helvetica, sans-serif;
}
/* Thin scrollbar for widget overflow areas */
.scrollbar-thin {
scrollbar-width: thin;
scrollbar-color: #404040 transparent;
}
.scrollbar-thin::-webkit-scrollbar {
width: 4px;
}
.scrollbar-thin::-webkit-scrollbar-track {
background: transparent;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
background: #404040;
border-radius: 2px;
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
background: #525252;
}