@vibek/cli 0.1.6 → 0.1.7
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/README.md +59 -215
- package/config.example.toml +0 -17
- package/index.js +1 -18
- package/package.json +2 -1
- package/vibek-package.json +1 -1
- package/webui/client.js +328 -22
- package/webui/styles.css +47 -7
- package/webui-quick-start.png +0 -0
package/webui/styles.css
CHANGED
|
@@ -160,9 +160,9 @@ button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-
|
|
|
160
160
|
outline-offset: 2px;
|
|
161
161
|
}
|
|
162
162
|
|
|
163
|
-
.app-shell { height: 100%; display: grid; grid-template-rows: 58px minmax(0, 1fr) auto; background: var(--app-bg); }
|
|
164
|
-
.app-shell.market-mode { grid-template-rows: 58px minmax(0, 1fr) 28px; }
|
|
165
|
-
.app-shell.strategy-mode { grid-template-rows: 58px minmax(0, 1fr); }
|
|
163
|
+
.app-shell { height: 100%; display: grid; grid-template-rows: 58px minmax(0, 1fr) auto; background: var(--app-bg); }
|
|
164
|
+
.app-shell.market-mode { grid-template-rows: 58px minmax(0, 1fr) 28px; }
|
|
165
|
+
.app-shell.strategy-mode, .app-shell.quick-start-mode { grid-template-rows: 58px minmax(0, 1fr); }
|
|
166
166
|
.topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 18px; border-bottom: 1px solid var(--line); background: var(--topbar-bg); z-index: 10; }
|
|
167
167
|
.topbar-left { min-width: 0; display: flex; align-items: center; gap: 22px; }
|
|
168
168
|
.brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
|
|
@@ -197,10 +197,50 @@ button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-
|
|
|
197
197
|
.action-menu button { width: 100%; height: 34px; display: flex; align-items: center; gap: 9px; padding: 0 9px; border: 0; border-radius: 5px; background: transparent; text-align: left; font-size: 13px; cursor: pointer; }
|
|
198
198
|
.action-menu button:hover { background: var(--surface-soft); }
|
|
199
199
|
.action-menu button:disabled { opacity: 0.4; }
|
|
200
|
-
.action-menu hr { margin: 5px 4px; border: 0; border-top: 1px solid var(--line); }
|
|
201
|
-
.danger-text { color: var(--red); }
|
|
202
|
-
|
|
203
|
-
.
|
|
200
|
+
.action-menu hr { margin: 5px 4px; border: 0; border-top: 1px solid var(--line); }
|
|
201
|
+
.danger-text { color: var(--red); }
|
|
202
|
+
|
|
203
|
+
.quick-start-workspace { min-width: 0; min-height: 0; display: grid; grid-template-columns: 226px minmax(0, 1fr); background: var(--app-bg); }
|
|
204
|
+
.quick-start-sidebar { min-height: 0; overflow-y: auto; padding: 20px 14px; border-right: 1px solid var(--line); background: var(--surface-soft); scrollbar-gutter: stable; }
|
|
205
|
+
.quick-start-sidebar-title { height: 28px; display: flex; align-items: center; gap: 8px; padding: 0 8px; color: var(--ink); font-size: 13px; }
|
|
206
|
+
.quick-start-view-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; margin: 12px 0 18px; padding: 3px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
|
|
207
|
+
.quick-start-view-tabs button { min-width: 0; height: 31px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 6px; border: 0; border-radius: 5px; color: var(--muted); background: transparent; font-size: 11px; font-weight: 650; cursor: pointer; }
|
|
208
|
+
.quick-start-view-tabs button:hover { color: var(--ink); background: var(--hover); }
|
|
209
|
+
.quick-start-view-tabs button[aria-selected='true'] { color: var(--green-dark); background: var(--surface-raised); box-shadow: 0 1px 3px rgba(25, 37, 31, 0.12); }
|
|
210
|
+
.quick-start-toc { display: grid; gap: 2px; }
|
|
211
|
+
.quick-start-toc button { min-height: 32px; display: flex; align-items: center; padding: 0 10px; border: 0; border-left: 2px solid transparent; color: var(--muted); background: transparent; font-size: 12px; text-align: left; cursor: pointer; }
|
|
212
|
+
.quick-start-toc button:hover { color: var(--ink); background: var(--hover); }
|
|
213
|
+
.quick-start-toc button.active { color: var(--green-dark); border-left-color: var(--green); background: var(--accent-soft); font-weight: 700; }
|
|
214
|
+
.quick-start-document { min-width: 0; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
|
|
215
|
+
.quick-start-document-inner { width: min(980px, calc(100% - 64px)); margin: 0 auto; padding: 42px 0 72px; }
|
|
216
|
+
.quick-start-document-header { margin-bottom: 24px; padding-bottom: 21px; border-bottom: 1px solid var(--line); scroll-margin-top: 24px; }
|
|
217
|
+
.quick-start-document-header span { display: block; margin-bottom: 8px; color: var(--green); font: 750 10px/1.2 "SFMono-Regular", Consolas, monospace; }
|
|
218
|
+
.quick-start-document-header h1 { margin: 0; color: var(--ink); font-size: 28px; line-height: 1.25; letter-spacing: 0; }
|
|
219
|
+
.markdown.quick-start-markdown { font-size: 14px; line-height: 1.75; }
|
|
220
|
+
.markdown.quick-start-markdown h2, .quick-start-config-template { scroll-margin-top: 24px; }
|
|
221
|
+
.markdown.quick-start-markdown h2 { margin-top: 38px; padding-top: 4px; font-size: 20px; }
|
|
222
|
+
.markdown.quick-start-markdown h3 { margin-top: 26px; font-size: 15px; }
|
|
223
|
+
.markdown.quick-start-markdown li + li { margin-top: 4px; }
|
|
224
|
+
.quick-start-table-wrap { max-width: 100%; margin: 0 0 17px; overflow-x: auto; border: 1px solid var(--line); border-radius: 6px; }
|
|
225
|
+
.markdown.quick-start-markdown .quick-start-table-wrap table { min-width: 640px; margin: 0; border: 0; }
|
|
226
|
+
.quick-start-table-wrap th:first-child, .quick-start-table-wrap td:first-child { border-left: 0; }
|
|
227
|
+
.quick-start-table-wrap th:last-child, .quick-start-table-wrap td:last-child { border-right: 0; }
|
|
228
|
+
.quick-start-table-wrap tr:first-child th { border-top: 0; }
|
|
229
|
+
.quick-start-table-wrap tr:last-child td { border-bottom: 0; }
|
|
230
|
+
.quick-start-code { margin: 0 0 17px; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 6px; background: var(--code-bg); }
|
|
231
|
+
.quick-start-code-toolbar { height: 32px; display: flex; align-items: center; gap: 7px; padding: 0 7px 0 12px; border-bottom: 1px solid color-mix(in srgb, var(--code-ink) 18%, transparent); color: color-mix(in srgb, var(--code-ink) 68%, transparent); }
|
|
232
|
+
.quick-start-code-toolbar > span { flex: 1; font: 700 9px/1 "SFMono-Regular", Consolas, monospace; }
|
|
233
|
+
.quick-start-code-toolbar small { color: var(--red); font-size: 10px; font-weight: 700; }
|
|
234
|
+
.quick-start-code-toolbar .icon-button { width: 25px; height: 25px; flex-basis: 25px; color: var(--code-ink); }
|
|
235
|
+
.quick-start-code-toolbar .icon-button:hover, .quick-start-code-toolbar .icon-button.active { border-color: color-mix(in srgb, var(--code-ink) 22%, transparent); background: color-mix(in srgb, var(--code-ink) 10%, transparent); }
|
|
236
|
+
.markdown.quick-start-markdown .quick-start-code pre { max-height: 520px; margin: 0; padding: 15px; border: 0; border-radius: 0; }
|
|
237
|
+
.quick-start-config-template { margin: 34px 0 8px; padding: 28px 0 14px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
|
|
238
|
+
.quick-start-config-template > h2 { margin: 0 0 8px; color: var(--ink); font-size: 20px; }
|
|
239
|
+
.quick-start-config-template > p { margin: 0 0 16px; color: var(--muted); font-size: 13px; }
|
|
240
|
+
.quick-start-config-template > p code { padding: 2px 5px; border-radius: 4px; color: var(--green-dark); background: var(--chip); font-family: "SFMono-Regular", Consolas, monospace; font-size: 12px; }
|
|
241
|
+
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
|
|
242
|
+
|
|
243
|
+
.transcript { position: relative; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
|
|
204
244
|
.transcript-inner { width: min(920px, calc(100% - 36px)); min-height: 100%; margin: 0 auto; padding: 30px 0 26px; }
|
|
205
245
|
.message { margin: 0; }
|
|
206
246
|
.assistant-message { margin: 0; }
|
|
Binary file
|