chore: bootstrap hermes-ui skeleton from 0.6.29 snapshot
Import the client, server, skills, tests, and build scripts as the starting point for the rebuild, then trim the surfaces this project does not ship: Electron desktop packaging, the marketing website, and the ESP32 firmware tree. CI keeps the web build, e2e, lockfile, release, and Docker workflows. Rename the package and CLI entry points to hermes-ui, drop the prepare hook so npm ci no longer triggers a build, and drop the removed tsconfig and nodemon references. Rewrite AGENTS.md, ARCHITECTURE.md, DEVELOPMENT.md, and the READMEs so the documented package map and hard rules match this repository. reference_code/ is ignored: it is a read-only snapshot, not an input to the build.
This commit is contained in:
@@ -0,0 +1,290 @@
|
||||
@use 'variables' as *;
|
||||
|
||||
// Shared code-block styles used by markdown rendering and tool payload details.
|
||||
// Keep these global so v-html output in both MarkdownRenderer.vue and MessageItem.vue
|
||||
// stays styled even though the HTML is not compiled as Vue template content.
|
||||
|
||||
.hljs-code-block {
|
||||
margin: 8px 0;
|
||||
border-radius: $radius-sm;
|
||||
overflow: hidden;
|
||||
background: $code-bg;
|
||||
border: 1px solid $border-color;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-width: 0;
|
||||
white-space: normal;
|
||||
|
||||
.code-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 6px 12px;
|
||||
background: rgba(0, 0, 0, 0.03);
|
||||
border-bottom: 1px solid $border-color;
|
||||
|
||||
.code-lang {
|
||||
font-size: 11px;
|
||||
color: $text-muted;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.copy-btn {
|
||||
font-size: 11px;
|
||||
color: $text-muted;
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
padding: 2px 6px;
|
||||
border-radius: 3px;
|
||||
transition: all $transition-fast;
|
||||
|
||||
&:hover {
|
||||
color: $text-primary;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
code.hljs {
|
||||
display: block;
|
||||
padding: 12px;
|
||||
font-family: $font-code;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
overflow-x: auto;
|
||||
white-space: pre-wrap;
|
||||
overflow-wrap: anywhere;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
&.hljs-unified-diff {
|
||||
code.hljs {
|
||||
display: block;
|
||||
padding: 0;
|
||||
overflow-x: auto;
|
||||
white-space: pre;
|
||||
overflow-wrap: normal;
|
||||
word-break: normal;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.diff-line {
|
||||
display: grid;
|
||||
grid-template-columns: 58px max-content;
|
||||
min-width: max-content;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.diff-line-number {
|
||||
user-select: none;
|
||||
text-align: right;
|
||||
padding: 0 14px 0 10px;
|
||||
color: #94a3b8;
|
||||
background: rgba(15, 23, 42, 0.04);
|
||||
border-right: 1px solid rgba(148, 163, 184, 0.25);
|
||||
}
|
||||
|
||||
.diff-line-content {
|
||||
padding: 0 12px;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.diff-line-file-header {
|
||||
color: #475569;
|
||||
background: rgba(148, 163, 184, 0.16);
|
||||
}
|
||||
|
||||
.diff-line-hunk-header {
|
||||
color: #1d4ed8;
|
||||
background: rgba(59, 130, 246, 0.12);
|
||||
}
|
||||
|
||||
.diff-line-context-fold {
|
||||
color: #64748b;
|
||||
background: rgba(148, 163, 184, 0.1);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.diff-line-added {
|
||||
color: #166534;
|
||||
background: rgba(34, 197, 94, 0.14);
|
||||
|
||||
.diff-line-number {
|
||||
color: #15803d;
|
||||
background: rgba(34, 197, 94, 0.18);
|
||||
}
|
||||
}
|
||||
|
||||
.diff-line-removed {
|
||||
color: #b91c1c;
|
||||
background: rgba(239, 68, 68, 0.12);
|
||||
|
||||
.diff-line-number {
|
||||
color: #dc2626;
|
||||
background: rgba(239, 68, 68, 0.18);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// highlight.js theme override — higher-contrast, still calm
|
||||
.hljs-code-block {
|
||||
.hljs {
|
||||
color: #1f2937;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.hljs-keyword,
|
||||
.hljs-selector-tag,
|
||||
.hljs-meta .hljs-keyword {
|
||||
color: #7c3aed;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.hljs-string,
|
||||
.hljs-attr,
|
||||
.hljs-regexp,
|
||||
.hljs-template-variable {
|
||||
color: #0f766e;
|
||||
}
|
||||
|
||||
.hljs-number,
|
||||
.hljs-literal,
|
||||
.hljs-symbol,
|
||||
.hljs-bullet {
|
||||
color: #b45309;
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-quote {
|
||||
color: #6b7280;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.hljs-built_in,
|
||||
.hljs-title.class_,
|
||||
.hljs-title.function_ {
|
||||
color: #2563eb;
|
||||
}
|
||||
|
||||
.hljs-type,
|
||||
.hljs-variable,
|
||||
.hljs-property,
|
||||
.hljs-params {
|
||||
color: #b91c1c;
|
||||
}
|
||||
|
||||
.hljs-tag,
|
||||
.hljs-name,
|
||||
.hljs-section,
|
||||
.hljs-title {
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.hljs-meta {
|
||||
color: #6b7280;
|
||||
}
|
||||
}
|
||||
|
||||
// Dark mode highlight.js — clearer separation without neon
|
||||
.dark .hljs-code-block {
|
||||
.hljs {
|
||||
color: #e5e7eb;
|
||||
}
|
||||
|
||||
&.hljs-unified-diff {
|
||||
.diff-line-file-header {
|
||||
color: #cbd5e1;
|
||||
background: rgba(148, 163, 184, 0.18);
|
||||
}
|
||||
|
||||
.diff-line-number {
|
||||
color: #94a3b8;
|
||||
background: rgba(15, 23, 42, 0.28);
|
||||
border-right-color: rgba(148, 163, 184, 0.22);
|
||||
}
|
||||
|
||||
.diff-line-hunk-header {
|
||||
color: #93c5fd;
|
||||
background: rgba(59, 130, 246, 0.18);
|
||||
}
|
||||
|
||||
.diff-line-context-fold {
|
||||
color: #cbd5e1;
|
||||
background: rgba(148, 163, 184, 0.14);
|
||||
}
|
||||
|
||||
.diff-line-added {
|
||||
color: #86efac;
|
||||
background: rgba(34, 197, 94, 0.18);
|
||||
|
||||
.diff-line-number {
|
||||
color: #4ade80;
|
||||
background: rgba(34, 197, 94, 0.22);
|
||||
}
|
||||
}
|
||||
|
||||
.diff-line-removed {
|
||||
color: #fca5a5;
|
||||
background: rgba(239, 68, 68, 0.18);
|
||||
|
||||
.diff-line-number {
|
||||
color: #f87171;
|
||||
background: rgba(239, 68, 68, 0.22);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hljs-keyword,
|
||||
.hljs-selector-tag,
|
||||
.hljs-meta .hljs-keyword {
|
||||
color: #c084fc;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.hljs-string,
|
||||
.hljs-attr,
|
||||
.hljs-regexp,
|
||||
.hljs-template-variable {
|
||||
color: #5eead4;
|
||||
}
|
||||
|
||||
.hljs-number,
|
||||
.hljs-literal,
|
||||
.hljs-symbol,
|
||||
.hljs-bullet {
|
||||
color: #fbbf24;
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-quote {
|
||||
color: #94a3b8;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.hljs-built_in,
|
||||
.hljs-title.class_,
|
||||
.hljs-title.function_ {
|
||||
color: #93c5fd;
|
||||
}
|
||||
|
||||
.hljs-type,
|
||||
.hljs-variable,
|
||||
.hljs-property,
|
||||
.hljs-params {
|
||||
color: #fca5a5;
|
||||
}
|
||||
|
||||
.hljs-tag,
|
||||
.hljs-name,
|
||||
.hljs-section,
|
||||
.hljs-title {
|
||||
color: #f3f4f6;
|
||||
}
|
||||
|
||||
.hljs-meta {
|
||||
color: #94a3b8;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user