@versdotsh/reef 0.1.4 → 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/workflows/publish.yml +45 -0
- package/.github/workflows/test.yml +1 -26
- package/CHANGELOG.md +11 -0
- package/{services → examples/services}/updater/index.ts +1 -1
- package/{services → examples/services}/updater/updater.test.ts +1 -1
- package/package.json +1 -1
- package/services/board/index.ts +0 -155
- package/services/board/routes.ts +0 -335
- package/services/board/store.ts +0 -329
- package/services/board/tools.ts +0 -214
- package/services/feed/behaviors.ts +0 -23
- package/services/feed/index.ts +0 -117
- package/services/feed/routes.ts +0 -224
- package/services/feed/store.ts +0 -194
- package/services/feed/tools.ts +0 -83
- package/services/ui/auth.ts +0 -61
- package/services/ui/index.ts +0 -16
- package/services/ui/routes.ts +0 -160
- package/services/ui/static/app.js +0 -369
- package/services/ui/static/index.html +0 -42
- package/services/ui/static/style.css +0 -157
- /package/{services → examples/services}/updater/README.md +0 -0
|
@@ -1,157 +0,0 @@
|
|
|
1
|
-
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
2
|
-
|
|
3
|
-
:root {
|
|
4
|
-
--bg: #0a0a0a;
|
|
5
|
-
--bg-panel: #111;
|
|
6
|
-
--bg-card: #1a1a1a;
|
|
7
|
-
--border: #2a2a2a;
|
|
8
|
-
--text: #ccc;
|
|
9
|
-
--text-dim: #666;
|
|
10
|
-
--text-bright: #eee;
|
|
11
|
-
--accent: #4f9;
|
|
12
|
-
--yellow: #fd0;
|
|
13
|
-
--red: #f55;
|
|
14
|
-
--blue: #5af;
|
|
15
|
-
--purple: #a7f;
|
|
16
|
-
--orange: #f93;
|
|
17
|
-
--font: 'SF Mono', 'Cascadia Code', 'Fira Code', monospace;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
html, body {
|
|
21
|
-
height: 100%; background: var(--bg); color: var(--text);
|
|
22
|
-
font-family: var(--font); font-size: 13px; line-height: 1.5;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
#app { display: flex; flex-direction: column; height: 100%; }
|
|
26
|
-
|
|
27
|
-
/* ─── Header ─── */
|
|
28
|
-
|
|
29
|
-
header {
|
|
30
|
-
display: flex; align-items: center; gap: 16px;
|
|
31
|
-
padding: 10px 20px; border-bottom: 1px solid var(--border);
|
|
32
|
-
background: var(--bg-panel); flex-shrink: 0;
|
|
33
|
-
}
|
|
34
|
-
header h1 { font-size: 14px; color: var(--accent); font-weight: 600; white-space: nowrap; }
|
|
35
|
-
|
|
36
|
-
.tabs { display: flex; gap: 2px; flex: 1; }
|
|
37
|
-
.tab {
|
|
38
|
-
background: none; border: none; color: var(--text-dim); cursor: pointer;
|
|
39
|
-
padding: 4px 12px; font-size: 11px; font-family: var(--font);
|
|
40
|
-
border-radius: 3px; text-transform: uppercase; letter-spacing: 0.5px;
|
|
41
|
-
transition: all 0.15s;
|
|
42
|
-
}
|
|
43
|
-
.tab:hover { color: var(--text); background: var(--bg-card); }
|
|
44
|
-
.tab.active { color: var(--accent); background: var(--bg-card); font-weight: 600; }
|
|
45
|
-
|
|
46
|
-
.status {
|
|
47
|
-
display: flex; align-items: center; gap: 6px;
|
|
48
|
-
font-size: 11px; color: var(--text-dim); white-space: nowrap;
|
|
49
|
-
}
|
|
50
|
-
.status .dot {
|
|
51
|
-
width: 8px; height: 8px; border-radius: 50%; background: var(--text-dim);
|
|
52
|
-
}
|
|
53
|
-
.status.ok .dot { background: var(--accent); }
|
|
54
|
-
.status.err .dot { background: var(--red); }
|
|
55
|
-
|
|
56
|
-
/* ─── Panels ─── */
|
|
57
|
-
|
|
58
|
-
.panel-view {
|
|
59
|
-
flex: 1; overflow-y: auto; display: none;
|
|
60
|
-
}
|
|
61
|
-
.panel-view.active { display: block; }
|
|
62
|
-
|
|
63
|
-
.panel-loading {
|
|
64
|
-
color: var(--text-dim); font-style: italic;
|
|
65
|
-
padding: 40px; text-align: center;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
/* ─── Chat ─── */
|
|
69
|
-
|
|
70
|
-
.chat-container {
|
|
71
|
-
display: flex; flex-direction: column; height: calc(100vh - 50px);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.chat-messages {
|
|
75
|
-
flex: 1; overflow-y: auto; padding: 16px 20px;
|
|
76
|
-
display: flex; flex-direction: column; gap: 16px;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.chat-empty {
|
|
80
|
-
flex: 1; display: flex; flex-direction: column;
|
|
81
|
-
align-items: center; justify-content: center; gap: 6px;
|
|
82
|
-
}
|
|
83
|
-
.chat-empty-title { font-size: 16px; color: var(--text-bright); font-weight: 600; }
|
|
84
|
-
.chat-empty-sub { font-size: 12px; color: var(--text-dim); }
|
|
85
|
-
|
|
86
|
-
.chat-msg { max-width: 100%; }
|
|
87
|
-
.chat-msg-role {
|
|
88
|
-
font-size: 10px; font-weight: 600; text-transform: uppercase;
|
|
89
|
-
letter-spacing: 0.5px; margin-bottom: 3px; color: var(--text-dim);
|
|
90
|
-
}
|
|
91
|
-
.chat-msg-role.user { color: var(--blue); }
|
|
92
|
-
.chat-msg-role.assistant { color: var(--accent); }
|
|
93
|
-
.chat-msg-role.system { color: var(--red); }
|
|
94
|
-
|
|
95
|
-
.chat-msg-content {
|
|
96
|
-
line-height: 1.6; white-space: pre-wrap; word-wrap: break-word;
|
|
97
|
-
}
|
|
98
|
-
.chat-msg-content code {
|
|
99
|
-
background: var(--bg-card); padding: 1px 5px; border-radius: 3px; font-size: 12px;
|
|
100
|
-
}
|
|
101
|
-
.chat-msg-content pre {
|
|
102
|
-
background: var(--bg-card); border: 1px solid var(--border);
|
|
103
|
-
border-radius: 4px; padding: 10px; margin: 6px 0; overflow-x: auto;
|
|
104
|
-
}
|
|
105
|
-
.chat-msg-content pre code { background: none; padding: 0; }
|
|
106
|
-
|
|
107
|
-
.chat-tool {
|
|
108
|
-
margin: 6px 0; border: 1px solid var(--border); border-radius: 4px; overflow: hidden;
|
|
109
|
-
}
|
|
110
|
-
.chat-tool-header {
|
|
111
|
-
padding: 6px 10px; background: var(--bg-panel); font-size: 11px;
|
|
112
|
-
color: var(--yellow); cursor: pointer; display: flex; align-items: center; gap: 6px;
|
|
113
|
-
user-select: none;
|
|
114
|
-
}
|
|
115
|
-
.chat-tool-header:hover { background: var(--bg-card); }
|
|
116
|
-
.chat-tool-arrow { font-size: 9px; transition: transform 0.15s; }
|
|
117
|
-
.chat-tool-arrow.open { transform: rotate(90deg); }
|
|
118
|
-
.chat-tool-body {
|
|
119
|
-
display: none; padding: 6px 10px; background: var(--bg);
|
|
120
|
-
font-size: 11px; white-space: pre-wrap; color: var(--text-dim);
|
|
121
|
-
max-height: 250px; overflow-y: auto; border-top: 1px solid var(--border);
|
|
122
|
-
}
|
|
123
|
-
.chat-tool-body.open { display: block; }
|
|
124
|
-
.chat-tool-error { color: var(--red); }
|
|
125
|
-
|
|
126
|
-
.chat-cursor {
|
|
127
|
-
display: inline-block; width: 2px; height: 1em;
|
|
128
|
-
background: var(--accent); animation: blink 1s step-end infinite;
|
|
129
|
-
vertical-align: text-bottom; margin-left: 1px;
|
|
130
|
-
}
|
|
131
|
-
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
|
|
132
|
-
|
|
133
|
-
.chat-input-area {
|
|
134
|
-
border-top: 1px solid var(--border); padding: 10px 20px;
|
|
135
|
-
display: flex; gap: 8px; background: var(--bg-panel); flex-shrink: 0;
|
|
136
|
-
}
|
|
137
|
-
#chat-input {
|
|
138
|
-
flex: 1; background: var(--bg-card); border: 1px solid var(--border);
|
|
139
|
-
border-radius: 4px; padding: 8px 12px; color: var(--text);
|
|
140
|
-
font-family: var(--font); font-size: 13px; outline: none;
|
|
141
|
-
resize: none; min-height: 36px; max-height: 200px;
|
|
142
|
-
}
|
|
143
|
-
#chat-input:focus { border-color: #444; }
|
|
144
|
-
#chat-input::placeholder { color: var(--text-dim); }
|
|
145
|
-
#chat-send {
|
|
146
|
-
background: #1a3a1a; color: var(--accent); border: 1px solid #2a4a2a;
|
|
147
|
-
border-radius: 4px; padding: 0 14px; font-size: 12px; font-family: var(--font);
|
|
148
|
-
font-weight: 600; cursor: pointer; white-space: nowrap; align-self: flex-end;
|
|
149
|
-
height: 36px; text-transform: uppercase; letter-spacing: 0.5px;
|
|
150
|
-
}
|
|
151
|
-
#chat-send:hover { background: #2a4a2a; }
|
|
152
|
-
#chat-send:disabled { opacity: 0.4; cursor: not-allowed; }
|
|
153
|
-
|
|
154
|
-
/* ─── Active chat view override ─── */
|
|
155
|
-
.panel-view.active#view-chat {
|
|
156
|
-
display: flex; flex-direction: column;
|
|
157
|
-
}
|
|
File without changes
|