catlog22/Claude-Code-Workflow
1
0
Fork 0
mirror of https://github.com/catlog22/Claude-Code-Workflow.git synced 2026-02-10 02:24:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(cli-stream): add search functionality and improve validation in CLI Stream Viewer

Browse Source
This commit is contained in:
catlog22
2025-12-28 22:52:32 +08:00
parent 32cea006b9
commit e2f4241b2e
6 changed files with 411 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
ccw/src/templates/dashboard-css/33-cli-stream-viewer.css
View File

@@ -234,19 +234,25 @@
color: hsl(var(--muted-foreground));
cursor: pointer;
white-space: nowrap;
transition: all 0.15s;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cli-stream-tab:hover {
background: hsl(var(--hover));
color: hsl(var(--foreground));
transform: translateY(-1px);
}
.cli-stream-tab.active {
background: hsl(var(--card));
border-color: hsl(var(--primary));
color: hsl(var(--foreground));
box-shadow: 0 1px 3px rgb(0 0 0 / 0.1);
box-shadow: 0 2px 8px rgb(0 0 0 / 0.15);
transform: translateY(-1px);
}
.cli-stream-tab.active .cli-stream-tab-tool {
color: hsl(var(--primary));
}
.cli-stream-tab-status {
@@ -379,7 +385,13 @@
white-space: pre-wrap;
word-break: break-all;
margin: 0;
padding: 0;
padding: 2px 0;
border-radius: 2px;
transition: background-color 0.15s;
}
.cli-stream-line:hover {
background: hsl(0 0% 100% / 0.03);
}
.cli-stream-line.stdout {
@@ -388,17 +400,33 @@
.cli-stream-line.stderr {
color: hsl(8 75% 65%);
background: hsl(8 75% 65% / 0.05);
}
.cli-stream-line.system {
color: hsl(210 80% 65%);
font-style: italic;
padding-left: 8px;
border-left: 2px solid hsl(210 80% 65% / 0.5);
}
.cli-stream-line.info {
color: hsl(200 80% 70%);
}
/* JSON/Code syntax coloring in output */
.cli-stream-line .json-key {
color: hsl(200 80% 70%);
}
.cli-stream-line .json-string {
color: hsl(100 50% 60%);
}
.cli-stream-line .json-number {
color: hsl(40 80% 65%);
}
/* Search highlight */
.cli-stream-highlight {
background: hsl(50 100% 50% / 0.4);