bearings 0.5.3 → 0.5.5
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 +40 -22
- package/dist/chunk-MOZJECCW.js +1823 -0
- package/dist/cli.js +189 -158
- package/dist/{update-4DZKUPFP.js → update-YY5SLPDF.js} +84 -221
- package/package.json +1 -1
- package/templates/AGENTS.md +1 -5
- package/templates/agents/commands/refresh-repo-map.md +36 -13
- package/templates/agents/commands/update-bearings-setup.md +144 -0
- package/templates/agents/skills/checklist/SKILL.md +11 -3
- package/templates/agents/skills/checklist/previewer/index.html +44 -10
- package/templates/agents/skills/checklist/previewer/viewer.css +321 -77
- package/templates/agents/skills/checklist/previewer/viewer.js +805 -99
- package/templates/initial-setup.md +112 -0
- package/dist/chunk-WYXKSCUW.js +0 -818
- package/templates/agents/commands/setup-repo.md +0 -155
|
@@ -1,93 +1,337 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
color-scheme: light;
|
|
3
|
-
--ink: #
|
|
4
|
-
--muted: #
|
|
5
|
-
--paper: #
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
--
|
|
11
|
-
--
|
|
12
|
-
--
|
|
13
|
-
|
|
3
|
+
--ink: #0f172a;
|
|
4
|
+
--muted: #475569;
|
|
5
|
+
--paper: #e2e8f0;
|
|
6
|
+
--surface: #ffffff;
|
|
7
|
+
--surface-muted: #f8fafc;
|
|
8
|
+
--line: #cbd5e1;
|
|
9
|
+
--chrome: #0f172a;
|
|
10
|
+
--chrome-soft: #1e293b;
|
|
11
|
+
--accent: #2563eb;
|
|
12
|
+
--success: #15803d;
|
|
13
|
+
--success-soft: #f0fdf4;
|
|
14
|
+
--danger: #b91c1c;
|
|
15
|
+
--danger-soft: #fef2f2;
|
|
16
|
+
--blocked: #b45309;
|
|
17
|
+
--blocked-soft: #fffbeb;
|
|
18
|
+
--na: #64748b;
|
|
19
|
+
--sticky-offset: 140px;
|
|
20
|
+
font-family: "IBM Plex Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
14
21
|
}
|
|
15
22
|
|
|
16
23
|
* { box-sizing: border-box; }
|
|
24
|
+
[hidden] { display: none !important; }
|
|
25
|
+
html { scroll-behavior: smooth; }
|
|
17
26
|
body { margin: 0; color: var(--ink); background: var(--paper); }
|
|
18
27
|
button, select, input { font: inherit; }
|
|
19
|
-
button, select { min-height: 40px;
|
|
20
|
-
button {
|
|
21
|
-
|
|
22
|
-
|
|
28
|
+
button, select, summary { min-height: 40px; }
|
|
29
|
+
button {
|
|
30
|
+
padding: 8px 12px;
|
|
31
|
+
color: var(--ink);
|
|
32
|
+
background: var(--surface);
|
|
33
|
+
border: 1px solid var(--line);
|
|
34
|
+
border-radius: 6px;
|
|
35
|
+
font-weight: 700;
|
|
36
|
+
cursor: pointer;
|
|
37
|
+
}
|
|
38
|
+
button:hover { background: #e8eef7; border-color: #94a3b8; }
|
|
39
|
+
button:focus-visible, select:focus-visible, summary:focus-visible, a:focus-visible {
|
|
40
|
+
outline: 3px solid #60a5fa;
|
|
41
|
+
outline-offset: 3px;
|
|
42
|
+
}
|
|
23
43
|
|
|
24
|
-
.
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
44
|
+
.skip-link {
|
|
45
|
+
position: fixed;
|
|
46
|
+
top: 8px;
|
|
47
|
+
left: 8px;
|
|
48
|
+
z-index: 20;
|
|
49
|
+
padding: 10px 13px;
|
|
50
|
+
color: white;
|
|
51
|
+
background: var(--accent);
|
|
52
|
+
border-radius: 6px;
|
|
53
|
+
transform: translateY(-150%);
|
|
54
|
+
}
|
|
55
|
+
.skip-link:focus { transform: translateY(0); }
|
|
30
56
|
|
|
31
|
-
.
|
|
32
|
-
.toolbar-inner
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
.
|
|
37
|
-
|
|
38
|
-
.
|
|
39
|
-
|
|
40
|
-
|
|
57
|
+
.masthead { color: white; background: var(--chrome); border-bottom: 1px solid #334155; }
|
|
58
|
+
.masthead-inner, .toolbar-inner, .shortcut-legend, main, .storage-warning, .status {
|
|
59
|
+
width: min(1180px, calc(100% - 32px));
|
|
60
|
+
margin-inline: auto;
|
|
61
|
+
}
|
|
62
|
+
.masthead-inner { padding: 25px 0 23px; }
|
|
63
|
+
.eyebrow, .toolbar-label, .field-label, .hierarchy-label {
|
|
64
|
+
font: 750 11px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
65
|
+
letter-spacing: .08em;
|
|
66
|
+
text-transform: uppercase;
|
|
67
|
+
}
|
|
68
|
+
.eyebrow { margin: 0 0 7px; color: #93c5fd; }
|
|
69
|
+
h1 { max-width: 920px; margin: 0; font-size: clamp(28px, 5vw, 42px); line-height: 1.08; letter-spacing: -.025em; overflow-wrap: anywhere; }
|
|
70
|
+
.summary { max-width: 820px; margin: 9px 0 0; color: #cbd5e1; line-height: 1.45; overflow-wrap: anywhere; }
|
|
41
71
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
.
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
.
|
|
60
|
-
.
|
|
72
|
+
.toolbar {
|
|
73
|
+
position: sticky;
|
|
74
|
+
top: 0;
|
|
75
|
+
z-index: 10;
|
|
76
|
+
color: white;
|
|
77
|
+
background: rgb(30 41 59 / 98%);
|
|
78
|
+
border-bottom: 1px solid #475569;
|
|
79
|
+
box-shadow: 0 4px 12px rgb(15 23 42 / 18%);
|
|
80
|
+
backdrop-filter: blur(8px);
|
|
81
|
+
}
|
|
82
|
+
.toolbar-inner {
|
|
83
|
+
min-height: 92px;
|
|
84
|
+
display: grid;
|
|
85
|
+
grid-template-columns: minmax(190px, 250px) minmax(190px, 1fr) minmax(300px, 1.35fr) auto;
|
|
86
|
+
gap: 18px;
|
|
87
|
+
align-items: center;
|
|
88
|
+
}
|
|
89
|
+
.picker, .task-pointer, .progress { min-width: 0; }
|
|
90
|
+
.toolbar-label { display: block; margin-bottom: 6px; color: #94a3b8; }
|
|
91
|
+
#checklist-picker {
|
|
92
|
+
width: 100%;
|
|
93
|
+
padding: 8px 30px 8px 10px;
|
|
94
|
+
color: var(--ink);
|
|
95
|
+
background: var(--surface);
|
|
96
|
+
border: 1px solid #64748b;
|
|
97
|
+
border-radius: 6px;
|
|
98
|
+
}
|
|
99
|
+
.task-pointer { display: grid; }
|
|
100
|
+
#current-task-link { color: white; font-weight: 750; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
101
|
+
.next-task { margin-top: 4px; color: #94a3b8; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
102
|
+
.progress { display: grid; gap: 8px; }
|
|
103
|
+
.progress-heading { display: flex; gap: 12px; justify-content: space-between; align-items: center; font-size: 13px; }
|
|
104
|
+
.progress-outcomes { display: flex; flex-wrap: wrap; gap: 5px; justify-content: end; }
|
|
105
|
+
.outcome { padding: 3px 6px; border: 1px solid #64748b; border-radius: 99px; color: #e2e8f0; font-size: 11px; white-space: nowrap; }
|
|
106
|
+
.outcome-failed { border-color: #f87171; }
|
|
107
|
+
.outcome-blocked { border-color: #fbbf24; }
|
|
108
|
+
.outcome-na { border-color: #94a3b8; }
|
|
109
|
+
.progress-track { width: 100%; height: 9px; overflow: hidden; appearance: none; background: #475569; border: 0; border-radius: 99px; }
|
|
110
|
+
.progress-track::-webkit-progress-bar { background: #475569; border-radius: 99px; }
|
|
111
|
+
.progress-track::-webkit-progress-value { background: #22c55e; border-radius: 99px; transition: width .2s ease; }
|
|
112
|
+
.progress-track::-moz-progress-bar { background: #22c55e; border-radius: 99px; transition: width .2s ease; }
|
|
113
|
+
.action-menu { position: relative; }
|
|
114
|
+
.action-menu > summary {
|
|
115
|
+
display: inline-flex;
|
|
116
|
+
align-items: center;
|
|
117
|
+
justify-content: center;
|
|
118
|
+
gap: 8px;
|
|
119
|
+
padding: 8px 12px;
|
|
120
|
+
color: white;
|
|
121
|
+
border: 1px solid #64748b;
|
|
122
|
+
border-radius: 6px;
|
|
123
|
+
font-weight: 750;
|
|
124
|
+
cursor: pointer;
|
|
125
|
+
list-style: none;
|
|
126
|
+
white-space: nowrap;
|
|
127
|
+
}
|
|
128
|
+
.action-menu > summary::-webkit-details-marker { display: none; }
|
|
129
|
+
.action-menu > summary::after { content: "⋯"; color: #93c5fd; }
|
|
130
|
+
.action-menu[open] > summary, .action-menu > summary:hover { background: #334155; }
|
|
131
|
+
.action-panel {
|
|
132
|
+
position: absolute;
|
|
133
|
+
top: calc(100% + 9px);
|
|
134
|
+
right: 0;
|
|
135
|
+
width: 230px;
|
|
136
|
+
display: grid;
|
|
137
|
+
gap: 8px;
|
|
138
|
+
padding: 12px;
|
|
139
|
+
color: var(--ink);
|
|
140
|
+
background: var(--surface);
|
|
141
|
+
border: 1px solid var(--line);
|
|
142
|
+
border-radius: 8px;
|
|
143
|
+
box-shadow: 0 16px 35px rgb(15 23 42 / 28%);
|
|
144
|
+
}
|
|
145
|
+
.action-panel button { width: 100%; text-align: left; }
|
|
146
|
+
.danger-button { color: var(--danger); border-color: #fca5a5; }
|
|
147
|
+
.danger-button:hover { color: #7f1d1d; background: var(--danger-soft); border-color: #ef4444; }
|
|
148
|
+
.action-status { margin: 2px 0 0; padding-top: 8px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; line-height: 1.4; }
|
|
149
|
+
.action-status[data-tone="error"] { color: var(--danger); font-weight: 700; }
|
|
150
|
+
.shortcut-legend {
|
|
151
|
+
display: flex;
|
|
152
|
+
flex-wrap: wrap;
|
|
153
|
+
gap: 7px 14px;
|
|
154
|
+
margin-top: -5px;
|
|
155
|
+
margin-bottom: 0;
|
|
156
|
+
padding: 0 0 9px;
|
|
157
|
+
color: #cbd5e1;
|
|
158
|
+
font-size: 11px;
|
|
159
|
+
}
|
|
160
|
+
.shortcut-legend span { flex: 0 0 auto; white-space: nowrap; }
|
|
161
|
+
kbd {
|
|
162
|
+
display: inline-block;
|
|
163
|
+
min-width: 19px;
|
|
164
|
+
padding: 2px 5px;
|
|
165
|
+
color: white;
|
|
166
|
+
background: #334155;
|
|
167
|
+
border: 1px solid #64748b;
|
|
168
|
+
border-bottom-width: 2px;
|
|
169
|
+
border-radius: 4px;
|
|
170
|
+
font: 750 10px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
171
|
+
text-align: center;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.storage-warning, .status { margin-top: 12px; margin-bottom: 0; }
|
|
175
|
+
.storage-warning { padding: 12px 15px; color: #78350f; background: #fef3c7; border: 1px solid #f59e0b; border-radius: 6px; }
|
|
176
|
+
.status { min-height: 1.5em; color: var(--muted); font-size: 13px; }
|
|
177
|
+
.status[data-tone="error"] { color: var(--danger); font-weight: 700; }
|
|
178
|
+
|
|
179
|
+
main { padding: 12px 0 80px; }
|
|
180
|
+
.empty, .error { padding: 32px; background: var(--surface); border: 1px dashed var(--line); border-radius: 8px; text-align: center; white-space: pre-wrap; }
|
|
181
|
+
.error { color: #7f1d1d; background: var(--danger-soft); border-color: #fca5a5; }
|
|
182
|
+
.checklist-shell { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 26px; align-items: start; }
|
|
183
|
+
.section-nav {
|
|
184
|
+
position: sticky;
|
|
185
|
+
top: var(--sticky-offset);
|
|
186
|
+
padding: 15px;
|
|
187
|
+
background: var(--chrome-soft);
|
|
188
|
+
border: 1px solid #334155;
|
|
189
|
+
border-radius: 8px;
|
|
190
|
+
box-shadow: 0 4px 12px rgb(15 23 42 / 10%);
|
|
191
|
+
}
|
|
192
|
+
.section-nav .section-nav-title { margin: 0 0 9px; color: #94a3b8; }
|
|
193
|
+
.section-nav-list { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; }
|
|
194
|
+
.section-nav-link {
|
|
195
|
+
display: grid;
|
|
196
|
+
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
197
|
+
gap: 8px;
|
|
198
|
+
align-items: baseline;
|
|
199
|
+
padding: 9px;
|
|
200
|
+
color: #cbd5e1;
|
|
201
|
+
border-left: 3px solid transparent;
|
|
202
|
+
border-radius: 4px;
|
|
203
|
+
text-decoration: none;
|
|
204
|
+
}
|
|
205
|
+
.section-nav-link:hover { color: white; background: #334155; }
|
|
206
|
+
.section-nav-link[aria-current="location"] { color: white; background: #334155; border-left-color: #60a5fa; }
|
|
207
|
+
.nav-number, .nav-count { color: #94a3b8; font: 700 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
|
|
208
|
+
.nav-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
209
|
+
.checklist-body { min-width: 0; }
|
|
210
|
+
.intro, .callout, .conventions { margin: 0 0 14px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
|
|
211
|
+
.intro { color: var(--muted); }
|
|
212
|
+
.callout, .conventions { padding: 15px 17px; background: var(--surface); border: 1px solid var(--line); border-left-width: 5px; border-radius: 6px; }
|
|
213
|
+
.callout { border-left-color: var(--blocked); }
|
|
214
|
+
.conventions { border-left-color: var(--accent); }
|
|
215
|
+
|
|
216
|
+
section { margin-top: 34px; scroll-margin-top: var(--sticky-offset); }
|
|
217
|
+
section:first-of-type { margin-top: 22px; }
|
|
218
|
+
.checklist-section[data-keyboard-current="true"] { outline: 2px dashed #334155; outline-offset: 8px; border-radius: 4px; }
|
|
219
|
+
.section-heading { display: grid; grid-template-columns: auto 1fr; gap: 11px; align-items: baseline; padding-bottom: 10px; border-bottom: 2px solid #94a3b8; }
|
|
220
|
+
.section-number { color: var(--accent); font: 800 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
|
|
221
|
+
h2 { margin: 0; font-size: clamp(22px, 4vw, 29px); line-height: 1.15; overflow-wrap: anywhere; }
|
|
222
|
+
.section-intro { max-width: 840px; margin-bottom: 0; color: var(--muted); line-height: 1.5; white-space: pre-wrap; }
|
|
223
|
+
.items { display: grid; gap: 13px; margin-top: 16px; }
|
|
224
|
+
|
|
225
|
+
.item {
|
|
226
|
+
background: var(--surface);
|
|
227
|
+
border: 1px solid var(--line);
|
|
228
|
+
border-left: 5px solid #94a3b8;
|
|
229
|
+
border-radius: 8px;
|
|
230
|
+
box-shadow: 0 2px 5px rgb(15 23 42 / 7%);
|
|
231
|
+
overflow: hidden;
|
|
232
|
+
overflow-wrap: anywhere;
|
|
233
|
+
scroll-margin-top: var(--sticky-offset);
|
|
234
|
+
}
|
|
235
|
+
.item[data-state="complete"] { border-left-color: var(--success); }
|
|
236
|
+
.item[data-state="failed"] { border-left-color: var(--danger); background: var(--danger-soft); }
|
|
237
|
+
.item[data-state="blocked"] { border-left-color: var(--blocked); background: var(--blocked-soft); }
|
|
238
|
+
.item[data-state="not-applicable"] { border-left-color: var(--na); background: #f1f5f9; }
|
|
239
|
+
.item[data-keyboard-current="true"] { outline: 4px solid #2563eb; outline-offset: 3px; box-shadow: 0 8px 24px rgb(37 99 235 / 22%); }
|
|
240
|
+
.item[data-contains-next="true"] { border-color: #60a5fa; }
|
|
241
|
+
.item.info { border-left-color: var(--accent); }
|
|
242
|
+
.item-head { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 12px; align-items: center; padding: 16px 17px; }
|
|
61
243
|
.item-heading { min-width: 0; }
|
|
244
|
+
.hierarchy-label { display: block; margin-bottom: 5px; color: var(--muted); }
|
|
62
245
|
h3, h4 { margin: 0; font-size: 18px; line-height: 1.35; }
|
|
63
246
|
h4 { font-size: 16px; }
|
|
64
|
-
.item-id { margin-right:
|
|
65
|
-
.optional { display: inline-block; margin-left: 8px; padding: 2px 6px; color: var(--muted); border: 1px solid var(--line); border-radius: 3px; font: 750 10px/1.4 ui-monospace, monospace; text-transform: uppercase; }
|
|
66
|
-
.
|
|
67
|
-
.
|
|
68
|
-
.
|
|
69
|
-
.
|
|
70
|
-
.
|
|
71
|
-
.
|
|
72
|
-
.
|
|
73
|
-
.
|
|
74
|
-
|
|
247
|
+
.item-id { margin-right: 8px; color: var(--accent); font: 800 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
|
|
248
|
+
.optional { display: inline-block; margin-left: 8px; padding: 2px 6px; color: var(--muted); border: 1px solid var(--line); border-radius: 3px; font: 750 10px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
|
|
249
|
+
.next-unresolved-marker { display: inline-block; margin-top: 7px; padding: 2px 6px; color: #1e3a8a; background: #dbeafe; border: 1px dashed #60a5fa; border-radius: 99px; font-size: 10px; font-weight: 800; }
|
|
250
|
+
.focused-task-marker { display: inline-block; margin: 7px 0 0 5px; padding: 2px 6px; color: #172554; background: white; border: 2px solid #2563eb; border-radius: 3px; font-size: 10px; font-weight: 800; }
|
|
251
|
+
.status-badge { display: inline-flex; gap: 6px; align-items: center; padding: 5px 8px; color: var(--muted); background: var(--surface-muted); border: 1px solid var(--line); border-radius: 99px; font-size: 12px; font-weight: 800; white-space: nowrap; }
|
|
252
|
+
.status-badge[data-state="complete"] { color: #166534; background: #dcfce7; border-color: #86efac; }
|
|
253
|
+
.status-badge[data-state="failed"] { color: #991b1b; background: #fee2e2; border-color: #fca5a5; }
|
|
254
|
+
.status-badge[data-state="blocked"] { color: #92400e; background: #fef3c7; border-color: #fcd34d; }
|
|
255
|
+
.status-badge[data-state="not-applicable"] { color: #334155; background: #e2e8f0; border-color: #94a3b8; }
|
|
256
|
+
.status-symbol { font: 900 14px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
|
|
257
|
+
.item-toggle { min-width: 105px; padding: 6px 9px; color: var(--muted); background: var(--surface-muted); font-size: 12px; }
|
|
258
|
+
.item-body { padding: 0 17px 17px; border-top: 1px solid #e2e8f0; }
|
|
259
|
+
.item-body[hidden] { display: none; }
|
|
260
|
+
.step-block { margin: 14px 0 0; padding: 13px 15px; line-height: 1.55; white-space: pre-wrap; }
|
|
261
|
+
.instruction { background: var(--surface-muted); border-left: 4px solid var(--accent); }
|
|
262
|
+
.warning { color: #78350f; background: #fef3c7; border-left: 4px solid var(--blocked); }
|
|
263
|
+
.expected { color: #14532d; background: var(--success-soft); border-left: 4px solid var(--success); }
|
|
264
|
+
.failure { color: #7f1d1d; background: var(--danger-soft); border-left: 4px solid var(--danger); }
|
|
265
|
+
.field-label { display: block; margin-bottom: 6px; color: inherit; }
|
|
266
|
+
.code-block { margin-top: 14px; overflow: hidden; background: #020617; border: 1px solid #334155; border-radius: 6px; }
|
|
267
|
+
.code-heading { min-height: 38px; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 5px 7px 5px 13px; color: #94a3b8; background: #0f172a; border-bottom: 1px solid #334155; }
|
|
268
|
+
.language { font: 750 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .09em; text-transform: uppercase; }
|
|
269
|
+
.copy-button { min-height: 28px; padding: 4px 9px; color: #e2e8f0; background: #1e293b; border-color: #475569; font-size: 11px; }
|
|
270
|
+
.copy-button:hover { color: white; background: #334155; border-color: #64748b; }
|
|
271
|
+
.copy-chooser { width: min(620px, calc(100% - 28px)); max-height: min(80vh, 720px); margin: auto; padding: 18px; color: var(--ink); background: #eff6ff; border: 2px solid #60a5fa; border-radius: 8px; box-shadow: 0 24px 70px rgb(15 23 42 / 45%); }
|
|
272
|
+
.copy-chooser::backdrop { background: rgb(15 23 42 / 72%); }
|
|
273
|
+
.copy-chooser-title { margin: 0; color: #1e3a8a; font-weight: 800; }
|
|
274
|
+
.copy-chooser-hint { margin: 4px 0 10px; color: #334155; font-size: 12px; line-height: 1.4; }
|
|
275
|
+
.copy-choices { max-height: min(55vh, 520px); display: grid; gap: 7px; overflow-y: auto; }
|
|
276
|
+
.copy-choice { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; align-items: center; text-align: left; }
|
|
277
|
+
.copy-choice:focus-visible { outline-offset: -4px; }
|
|
278
|
+
.copy-choice-key { min-width: 24px; padding: 3px 6px; color: white; background: var(--accent); border-radius: 4px; font: 800 11px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: center; }
|
|
279
|
+
.copy-choice-command { min-width: 0; overflow: hidden; font: 12px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }
|
|
280
|
+
.copy-chooser-actions { display: flex; justify-content: flex-end; margin-top: 12px; }
|
|
281
|
+
.copy-source { position: fixed; opacity: 0; pointer-events: none; }
|
|
282
|
+
pre { overflow-x: auto; margin: 0; padding: 15px; color: #e2e8f0; }
|
|
75
283
|
pre code { font: 13px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre; }
|
|
76
|
-
.
|
|
77
|
-
.links { display: flex; flex-wrap: wrap; gap: 8px 15px; margin:
|
|
78
|
-
a { color: #
|
|
79
|
-
.
|
|
80
|
-
.
|
|
284
|
+
.resources { margin-top: 14px; }
|
|
285
|
+
.links { display: flex; flex-wrap: wrap; gap: 8px 15px; margin: 0; padding: 0; list-style: none; }
|
|
286
|
+
a { color: #0369a1; }
|
|
287
|
+
.state-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
|
|
288
|
+
.state-action { min-height: 38px; }
|
|
289
|
+
.primary-action { color: white; background: var(--success); border-color: var(--success); }
|
|
290
|
+
.primary-action:hover { color: white; background: #166534; border-color: #166534; }
|
|
291
|
+
.state-action[data-state-value="failed"] { color: var(--danger); }
|
|
292
|
+
.state-action[data-state-value="blocked"] { color: #92400e; }
|
|
293
|
+
.state-action[data-selected="true"] { box-shadow: inset 0 0 0 2px currentColor; }
|
|
294
|
+
.state-more { position: relative; }
|
|
295
|
+
.state-more > summary { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 7px 11px; border: 1px solid var(--line); border-radius: 6px; font-weight: 700; cursor: pointer; list-style: none; white-space: nowrap; }
|
|
296
|
+
.state-more > summary::-webkit-details-marker { display: none; }
|
|
297
|
+
.state-more > summary::after { content: "▾"; }
|
|
298
|
+
.state-more-menu { position: absolute; right: 0; bottom: calc(100% + 6px); z-index: 4; width: 175px; display: grid; gap: 6px; padding: 8px; background: var(--surface); border: 1px solid var(--line); border-radius: 7px; box-shadow: 0 10px 25px rgb(15 23 42 / 20%); }
|
|
299
|
+
.state-more-menu button { text-align: left; }
|
|
300
|
+
.substeps { margin-top: 17px; padding-top: 15px; border-top: 2px solid var(--line); }
|
|
301
|
+
.substeps-heading { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 10px; color: var(--muted); font-size: 12px; font-weight: 800; }
|
|
302
|
+
.sub-items { display: grid; gap: 10px; padding-left: 17px; border-left: 2px solid #94a3b8; }
|
|
303
|
+
.sub-items .item { box-shadow: none; }
|
|
304
|
+
.task-group { padding-bottom: 17px; }
|
|
305
|
+
.task-group > .item-head { border-bottom: 1px solid #e2e8f0; }
|
|
306
|
+
.task-group > .substeps { margin: 15px 17px 0; padding-top: 0; border-top: 0; }
|
|
307
|
+
|
|
308
|
+
@media (max-width: 980px) {
|
|
309
|
+
.toolbar-inner { grid-template-columns: minmax(180px, 230px) 1fr auto; gap: 12px; padding: 10px 0; }
|
|
310
|
+
.task-pointer { display: none; }
|
|
311
|
+
.checklist-shell { grid-template-columns: 1fr; }
|
|
312
|
+
.section-nav { display: none; }
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
@media (max-width: 700px) {
|
|
316
|
+
:root { --sticky-offset: 210px; }
|
|
317
|
+
.masthead-inner, .toolbar-inner, .shortcut-legend, main, .storage-warning, .status { width: min(100% - 22px, 1180px); }
|
|
318
|
+
.toolbar-inner { grid-template-columns: 1fr auto; }
|
|
319
|
+
.picker { grid-column: 1 / -1; }
|
|
320
|
+
.progress { min-width: 0; }
|
|
321
|
+
.progress-heading { display: grid; }
|
|
322
|
+
.progress-outcomes { justify-content: start; }
|
|
323
|
+
.action-menu { align-self: end; }
|
|
324
|
+
.item-head { grid-template-columns: minmax(0, 1fr) auto; }
|
|
325
|
+
.status-badge { grid-column: 1; justify-self: start; }
|
|
326
|
+
.item-toggle { grid-column: 2; grid-row: 1 / span 2; }
|
|
327
|
+
.item-head, .item-body { padding-left: 13px; padding-right: 13px; }
|
|
328
|
+
.state-actions { display: grid; grid-template-columns: 1fr 1fr; }
|
|
329
|
+
.state-actions > *, .state-action { width: 100%; }
|
|
330
|
+
.state-more-menu { right: auto; left: 0; }
|
|
331
|
+
.sub-items { padding-left: 10px; }
|
|
332
|
+
}
|
|
81
333
|
|
|
82
|
-
@media (
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
.picker-label { width: 100%; }
|
|
86
|
-
#checklist-picker { max-width: none; flex: 1 1 100%; }
|
|
87
|
-
.progress { flex-basis: 100%; }
|
|
88
|
-
.item { padding: 16px 14px; }
|
|
89
|
-
.item-head { display: grid; }
|
|
90
|
-
.state-label { width: 100%; }
|
|
91
|
-
.state-select { width: 100%; }
|
|
92
|
-
section { margin-top: 37px; }
|
|
334
|
+
@media (prefers-reduced-motion: reduce) {
|
|
335
|
+
html { scroll-behavior: auto; }
|
|
336
|
+
*, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
|
|
93
337
|
}
|