opengstack 0.13.9 → 0.14.0

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.
Files changed (152) hide show
  1. package/{skills/land-and-deploy/SKILL.md → commands/autoplan.md} +0 -16
  2. package/{skills/benchmark/SKILL.md → commands/benchmark.md} +0 -17
  3. package/{skills/browse/SKILL.md → commands/browse.md} +0 -17
  4. package/{skills/ship/SKILL.md → commands/canary.md} +0 -18
  5. package/{skills/careful/SKILL.md → commands/careful.md} +0 -20
  6. package/{skills/canary/SKILL.md → commands/codex.md} +0 -17
  7. package/{skills/connect-chrome/SKILL.md → commands/connect-chrome.md} +0 -15
  8. package/commands/cso.md +72 -0
  9. package/commands/design-consultation.md +72 -0
  10. package/commands/design-review.md +72 -0
  11. package/commands/design-shotgun.md +72 -0
  12. package/commands/document-release.md +72 -0
  13. package/{skills/freeze/SKILL.md → commands/freeze.md} +0 -26
  14. package/{skills/gstack-upgrade/SKILL.md → commands/gstack-upgrade.md} +0 -14
  15. package/{skills/guard/SKILL.md → commands/guard.md} +0 -31
  16. package/commands/investigate.md +72 -0
  17. package/commands/land-and-deploy.md +72 -0
  18. package/commands/office-hours.md +72 -0
  19. package/commands/plan-ceo-review.md +72 -0
  20. package/commands/plan-design-review.md +72 -0
  21. package/commands/plan-eng-review.md +72 -0
  22. package/commands/qa-only.md +72 -0
  23. package/commands/qa.md +72 -0
  24. package/commands/retro.md +72 -0
  25. package/commands/review.md +72 -0
  26. package/{skills/setup-browser-cookies/SKILL.md → commands/setup-browser-cookies.md} +0 -14
  27. package/commands/setup-deploy.md +72 -0
  28. package/commands/ship.md +72 -0
  29. package/{skills/unfreeze/SKILL.md → commands/unfreeze.md} +0 -12
  30. package/package.json +4 -4
  31. package/scripts/install-commands.js +45 -0
  32. package/scripts/install-skills.js +4 -7
  33. package/skills/autoplan/SKILL.md +0 -96
  34. package/skills/autoplan/SKILL.md.tmpl +0 -694
  35. package/skills/benchmark/SKILL.md.tmpl +0 -222
  36. package/skills/browse/SKILL.md.tmpl +0 -131
  37. package/skills/browse/bin/find-browse +0 -21
  38. package/skills/browse/bin/remote-slug +0 -14
  39. package/skills/browse/scripts/build-node-server.sh +0 -48
  40. package/skills/browse/src/activity.ts +0 -208
  41. package/skills/browse/src/browser-manager.ts +0 -959
  42. package/skills/browse/src/buffers.ts +0 -137
  43. package/skills/browse/src/bun-polyfill.cjs +0 -109
  44. package/skills/browse/src/cli.ts +0 -678
  45. package/skills/browse/src/commands.ts +0 -128
  46. package/skills/browse/src/config.ts +0 -150
  47. package/skills/browse/src/cookie-import-browser.ts +0 -625
  48. package/skills/browse/src/cookie-picker-routes.ts +0 -230
  49. package/skills/browse/src/cookie-picker-ui.ts +0 -688
  50. package/skills/browse/src/find-browse.ts +0 -61
  51. package/skills/browse/src/meta-commands.ts +0 -550
  52. package/skills/browse/src/platform.ts +0 -17
  53. package/skills/browse/src/read-commands.ts +0 -358
  54. package/skills/browse/src/server.ts +0 -1192
  55. package/skills/browse/src/sidebar-agent.ts +0 -280
  56. package/skills/browse/src/sidebar-utils.ts +0 -21
  57. package/skills/browse/src/snapshot.ts +0 -407
  58. package/skills/browse/src/url-validation.ts +0 -95
  59. package/skills/browse/src/write-commands.ts +0 -364
  60. package/skills/browse/test/activity.test.ts +0 -120
  61. package/skills/browse/test/adversarial-security.test.ts +0 -32
  62. package/skills/browse/test/browser-manager-unit.test.ts +0 -17
  63. package/skills/browse/test/bun-polyfill.test.ts +0 -72
  64. package/skills/browse/test/commands.test.ts +0 -2075
  65. package/skills/browse/test/compare-board.test.ts +0 -342
  66. package/skills/browse/test/config.test.ts +0 -316
  67. package/skills/browse/test/cookie-import-browser.test.ts +0 -519
  68. package/skills/browse/test/cookie-picker-routes.test.ts +0 -260
  69. package/skills/browse/test/file-drop.test.ts +0 -271
  70. package/skills/browse/test/find-browse.test.ts +0 -50
  71. package/skills/browse/test/findport.test.ts +0 -191
  72. package/skills/browse/test/fixtures/basic.html +0 -33
  73. package/skills/browse/test/fixtures/cursor-interactive.html +0 -22
  74. package/skills/browse/test/fixtures/dialog.html +0 -15
  75. package/skills/browse/test/fixtures/empty.html +0 -2
  76. package/skills/browse/test/fixtures/forms.html +0 -55
  77. package/skills/browse/test/fixtures/iframe.html +0 -30
  78. package/skills/browse/test/fixtures/network-idle.html +0 -30
  79. package/skills/browse/test/fixtures/qa-eval-checkout.html +0 -108
  80. package/skills/browse/test/fixtures/qa-eval-spa.html +0 -98
  81. package/skills/browse/test/fixtures/qa-eval.html +0 -51
  82. package/skills/browse/test/fixtures/responsive.html +0 -49
  83. package/skills/browse/test/fixtures/snapshot.html +0 -55
  84. package/skills/browse/test/fixtures/spa.html +0 -24
  85. package/skills/browse/test/fixtures/states.html +0 -17
  86. package/skills/browse/test/fixtures/upload.html +0 -25
  87. package/skills/browse/test/gstack-config.test.ts +0 -138
  88. package/skills/browse/test/gstack-update-check.test.ts +0 -514
  89. package/skills/browse/test/handoff.test.ts +0 -235
  90. package/skills/browse/test/path-validation.test.ts +0 -91
  91. package/skills/browse/test/platform.test.ts +0 -37
  92. package/skills/browse/test/server-auth.test.ts +0 -65
  93. package/skills/browse/test/sidebar-agent-roundtrip.test.ts +0 -226
  94. package/skills/browse/test/sidebar-agent.test.ts +0 -199
  95. package/skills/browse/test/sidebar-integration.test.ts +0 -320
  96. package/skills/browse/test/sidebar-unit.test.ts +0 -96
  97. package/skills/browse/test/snapshot.test.ts +0 -467
  98. package/skills/browse/test/state-ttl.test.ts +0 -35
  99. package/skills/browse/test/test-server.ts +0 -57
  100. package/skills/browse/test/url-validation.test.ts +0 -72
  101. package/skills/browse/test/watch.test.ts +0 -129
  102. package/skills/canary/SKILL.md.tmpl +0 -212
  103. package/skills/careful/SKILL.md.tmpl +0 -56
  104. package/skills/careful/bin/check-careful.sh +0 -112
  105. package/skills/codex/SKILL.md +0 -90
  106. package/skills/codex/SKILL.md.tmpl +0 -417
  107. package/skills/connect-chrome/SKILL.md.tmpl +0 -195
  108. package/skills/cso/ACKNOWLEDGEMENTS.md +0 -14
  109. package/skills/cso/SKILL.md +0 -93
  110. package/skills/cso/SKILL.md.tmpl +0 -606
  111. package/skills/design-consultation/SKILL.md +0 -94
  112. package/skills/design-consultation/SKILL.md.tmpl +0 -415
  113. package/skills/design-review/SKILL.md +0 -94
  114. package/skills/design-review/SKILL.md.tmpl +0 -290
  115. package/skills/design-shotgun/SKILL.md +0 -91
  116. package/skills/design-shotgun/SKILL.md.tmpl +0 -285
  117. package/skills/document-release/SKILL.md +0 -91
  118. package/skills/document-release/SKILL.md.tmpl +0 -359
  119. package/skills/freeze/SKILL.md.tmpl +0 -77
  120. package/skills/freeze/bin/check-freeze.sh +0 -79
  121. package/skills/gstack-upgrade/SKILL.md.tmpl +0 -222
  122. package/skills/guard/SKILL.md.tmpl +0 -77
  123. package/skills/investigate/SKILL.md +0 -105
  124. package/skills/investigate/SKILL.md.tmpl +0 -194
  125. package/skills/land-and-deploy/SKILL.md.tmpl +0 -881
  126. package/skills/office-hours/SKILL.md +0 -96
  127. package/skills/office-hours/SKILL.md.tmpl +0 -645
  128. package/skills/plan-ceo-review/SKILL.md +0 -94
  129. package/skills/plan-ceo-review/SKILL.md.tmpl +0 -811
  130. package/skills/plan-design-review/SKILL.md +0 -92
  131. package/skills/plan-design-review/SKILL.md.tmpl +0 -446
  132. package/skills/plan-eng-review/SKILL.md +0 -93
  133. package/skills/plan-eng-review/SKILL.md.tmpl +0 -303
  134. package/skills/qa/SKILL.md +0 -95
  135. package/skills/qa/SKILL.md.tmpl +0 -316
  136. package/skills/qa/references/issue-taxonomy.md +0 -85
  137. package/skills/qa/templates/qa-report-template.md +0 -126
  138. package/skills/qa-only/SKILL.md +0 -89
  139. package/skills/qa-only/SKILL.md.tmpl +0 -101
  140. package/skills/retro/SKILL.md +0 -89
  141. package/skills/retro/SKILL.md.tmpl +0 -820
  142. package/skills/review/SKILL.md +0 -92
  143. package/skills/review/SKILL.md.tmpl +0 -281
  144. package/skills/review/TODOS-format.md +0 -62
  145. package/skills/review/checklist.md +0 -220
  146. package/skills/review/design-checklist.md +0 -132
  147. package/skills/review/greptile-triage.md +0 -220
  148. package/skills/setup-browser-cookies/SKILL.md.tmpl +0 -81
  149. package/skills/setup-deploy/SKILL.md +0 -92
  150. package/skills/setup-deploy/SKILL.md.tmpl +0 -215
  151. package/skills/ship/SKILL.md.tmpl +0 -636
  152. package/skills/unfreeze/SKILL.md.tmpl +0 -36
package/skills/browse/src/cookie-picker-ui.ts DELETED
@@ -1,688 +0,0 @@
1
- /**
2
- * Cookie picker UI — self-contained HTML page
3
- *
4
- * Dark theme, two-panel layout, vanilla HTML/CSS/JS.
5
- * Left: source browser domains with search + import buttons.
6
- * Right: imported domains with trash buttons.
7
- * No cookie values exposed anywhere.
8
- */
9
-
10
- export function getCookiePickerHTML(serverPort: number, authToken?: string): string {
11
- const baseUrl = `http://127.0.0.1:${serverPort}`;
12
-
13
- return `<!DOCTYPE html>
14
- <html lang="en">
15
- <head>
16
- <meta charset="utf-8">
17
- <meta name="viewport" content="width=device-width, initial-scale=1">
18
- <title>Cookie Import — gstack browse</title>
19
- <style>
20
- * { margin: 0; padding: 0; box-sizing: border-box; }
21
- body {
22
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
23
- background: #0a0a0a;
24
- color: #e0e0e0;
25
- height: 100vh;
26
- overflow: hidden;
27
- }
28
-
29
- /* ─── Header ──────────────────────────── */
30
- .header {
31
- display: flex;
32
- align-items: center;
33
- justify-content: space-between;
34
- padding: 16px 24px;
35
- border-bottom: 1px solid #222;
36
- background: #0f0f0f;
37
- }
38
- .header h1 {
39
- font-size: 16px;
40
- font-weight: 600;
41
- color: #fff;
42
- }
43
- .header .port {
44
- font-size: 12px;
45
- color: #666;
46
- font-family: 'SF Mono', 'Fira Code', monospace;
47
- }
48
-
49
- /* ─── Layout ──────────────────────────── */
50
- .container {
51
- display: flex;
52
- height: calc(100vh - 53px);
53
- }
54
- .panel {
55
- flex: 1;
56
- display: flex;
57
- flex-direction: column;
58
- overflow: hidden;
59
- }
60
- .panel-left {
61
- border-right: 1px solid #222;
62
- }
63
- .panel-header {
64
- padding: 16px 20px 12px;
65
- font-size: 11px;
66
- font-weight: 600;
67
- text-transform: uppercase;
68
- letter-spacing: 0.5px;
69
- color: #888;
70
- }
71
-
72
- /* ─── Browser Pills ───────────────────── */
73
- .browser-pills {
74
- display: flex;
75
- gap: 8px;
76
- padding: 0 20px 12px;
77
- flex-wrap: wrap;
78
- }
79
- .pill {
80
- padding: 6px 14px;
81
- border-radius: 20px;
82
- border: 1px solid #333;
83
- background: #1a1a1a;
84
- color: #aaa;
85
- font-size: 13px;
86
- cursor: pointer;
87
- transition: all 0.15s;
88
- display: flex;
89
- align-items: center;
90
- gap: 6px;
91
- }
92
- .pill:hover { border-color: #555; color: #ddd; }
93
- .pill.active {
94
- border-color: #4ade80;
95
- background: #0a2a14;
96
- color: #4ade80;
97
- }
98
- .pill .dot {
99
- width: 6px; height: 6px;
100
- border-radius: 50%;
101
- background: #4ade80;
102
- }
103
-
104
- /* ─── Profile Pills ─────────────────── */
105
- .profile-pills {
106
- display: flex;
107
- gap: 6px;
108
- padding: 0 20px 12px;
109
- flex-wrap: wrap;
110
- }
111
- .profile-pill {
112
- padding: 4px 10px;
113
- border-radius: 14px;
114
- border: 1px solid #2a2a2a;
115
- background: #141414;
116
- color: #888;
117
- font-size: 12px;
118
- cursor: pointer;
119
- transition: all 0.15s;
120
- }
121
- .profile-pill:hover { border-color: #444; color: #bbb; }
122
- .profile-pill.active {
123
- border-color: #60a5fa;
124
- background: #0a1a2a;
125
- color: #60a5fa;
126
- }
127
-
128
- /* ─── Search ──────────────────────────── */
129
- .search-wrap {
130
- padding: 0 20px 12px;
131
- }
132
- .search-input {
133
- width: 100%;
134
- padding: 8px 12px;
135
- border-radius: 8px;
136
- border: 1px solid #333;
137
- background: #141414;
138
- color: #e0e0e0;
139
- font-size: 13px;
140
- outline: none;
141
- transition: border-color 0.15s;
142
- }
143
- .search-input::placeholder { color: #555; }
144
- .search-input:focus { border-color: #555; }
145
-
146
- /* ─── Domain List ─────────────────────── */
147
- .domain-list {
148
- flex: 1;
149
- overflow-y: auto;
150
- padding: 0 12px;
151
- }
152
- .domain-list::-webkit-scrollbar { width: 6px; }
153
- .domain-list::-webkit-scrollbar-track { background: transparent; }
154
- .domain-list::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
155
-
156
- .domain-row {
157
- display: flex;
158
- align-items: center;
159
- padding: 8px 10px;
160
- border-radius: 6px;
161
- transition: background 0.1s;
162
- gap: 8px;
163
- }
164
- .domain-row:hover { background: #1a1a1a; }
165
- .domain-name {
166
- flex: 1;
167
- font-family: 'SF Mono', 'Fira Code', monospace;
168
- font-size: 13px;
169
- color: #ccc;
170
- overflow: hidden;
171
- text-overflow: ellipsis;
172
- white-space: nowrap;
173
- }
174
- .domain-count {
175
- font-size: 12px;
176
- color: #666;
177
- font-family: 'SF Mono', 'Fira Code', monospace;
178
- min-width: 28px;
179
- text-align: right;
180
- }
181
- .btn-add, .btn-trash {
182
- width: 28px; height: 28px;
183
- border-radius: 6px;
184
- border: 1px solid #333;
185
- background: #1a1a1a;
186
- color: #888;
187
- font-size: 16px;
188
- cursor: pointer;
189
- display: flex;
190
- align-items: center;
191
- justify-content: center;
192
- transition: all 0.15s;
193
- flex-shrink: 0;
194
- }
195
- .btn-add:hover { border-color: #4ade80; color: #4ade80; background: #0a2a14; }
196
- .btn-trash:hover { border-color: #f87171; color: #f87171; background: #2a0a0a; }
197
- .btn-add:disabled, .btn-trash:disabled {
198
- opacity: 0.3;
199
- cursor: not-allowed;
200
- pointer-events: none;
201
- }
202
- .btn-add.imported {
203
- border-color: #333;
204
- color: #4ade80;
205
- background: transparent;
206
- cursor: default;
207
- font-size: 14px;
208
- }
209
-
210
- /* ─── Footer ──────────────────────────── */
211
- .panel-footer {
212
- padding: 12px 20px;
213
- border-top: 1px solid #222;
214
- font-size: 12px;
215
- color: #666;
216
- display: flex;
217
- align-items: center;
218
- justify-content: space-between;
219
- }
220
- .btn-import-all {
221
- padding: 4px 12px;
222
- border-radius: 6px;
223
- border: 1px solid #333;
224
- background: #1a1a1a;
225
- color: #4ade80;
226
- font-size: 12px;
227
- cursor: pointer;
228
- transition: all 0.15s;
229
- }
230
- .btn-import-all:hover { border-color: #4ade80; background: #0a2a14; }
231
- .btn-import-all:disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none; }
232
-
233
- /* ─── Imported Panel ──────────────────── */
234
- .imported-empty {
235
- flex: 1;
236
- display: flex;
237
- align-items: center;
238
- justify-content: center;
239
- color: #444;
240
- font-size: 13px;
241
- padding: 20px;
242
- text-align: center;
243
- }
244
-
245
- /* ─── Banner ──────────────────────────── */
246
- .banner {
247
- padding: 10px 20px;
248
- font-size: 13px;
249
- display: none;
250
- align-items: center;
251
- gap: 10px;
252
- }
253
- .banner.error {
254
- background: #1a0a0a;
255
- border-bottom: 1px solid #3a1111;
256
- color: #f87171;
257
- }
258
- .banner.info {
259
- background: #0a1a2a;
260
- border-bottom: 1px solid #112233;
261
- color: #60a5fa;
262
- }
263
- .banner .banner-text { flex: 1; }
264
- .banner .banner-close, .banner .banner-retry {
265
- background: none;
266
- border: 1px solid currentColor;
267
- color: inherit;
268
- padding: 3px 10px;
269
- border-radius: 4px;
270
- cursor: pointer;
271
- font-size: 12px;
272
- }
273
-
274
- /* ─── Spinner ─────────────────────────── */
275
- .spinner {
276
- display: inline-block;
277
- width: 14px; height: 14px;
278
- border: 2px solid #333;
279
- border-top-color: #4ade80;
280
- border-radius: 50%;
281
- animation: spin 0.6s linear infinite;
282
- }
283
- @keyframes spin { to { transform: rotate(360deg); } }
284
-
285
- .loading-row {
286
- display: flex;
287
- align-items: center;
288
- justify-content: center;
289
- padding: 40px;
290
- gap: 10px;
291
- color: #666;
292
- font-size: 13px;
293
- }
294
- </style>
295
- </head>
296
- <body>
297
-
298
- <div class="header">
299
- <h1>Cookie Import</h1>
300
- <span class="port">localhost:${serverPort}</span>
301
- </div>
302
-
303
- <div id="banner" class="banner"></div>
304
-
305
- <div class="container">
306
- <!-- Left Panel: Source Browser -->
307
- <div class="panel panel-left">
308
- <div class="panel-header">Source Browser</div>
309
- <div id="browser-pills" class="browser-pills"></div>
310
- <div id="profile-pills" class="profile-pills" style="display:none"></div>
311
- <div class="search-wrap">
312
- <input type="text" class="search-input" id="search" placeholder="Search domains..." />
313
- </div>
314
- <div class="domain-list" id="source-domains">
315
- <div class="loading-row"><span class="spinner"></span> Detecting browsers...</div>
316
- </div>
317
- <div class="panel-footer" id="source-footer"><span id="source-footer-text"></span><button class="btn-import-all" id="btn-import-all" style="display:none">Import All</button></div>
318
- </div>
319
-
320
- <!-- Right Panel: Imported -->
321
- <div class="panel panel-right">
322
- <div class="panel-header">Imported to Session</div>
323
- <div class="domain-list" id="imported-domains">
324
- <div class="imported-empty">No cookies imported yet</div>
325
- </div>
326
- <div class="panel-footer" id="imported-footer"></div>
327
- </div>
328
- </div>
329
-
330
- <script>
331
- (function() {
332
- const BASE = '${baseUrl}';
333
- const AUTH_TOKEN = '${authToken || ''}';
334
- let activeBrowser = null;
335
- let activeProfile = 'Default';
336
- let allProfiles = [];
337
- let allDomains = [];
338
- let importedSet = {}; // domain → count
339
- let inflight = {}; // domain → true (prevents double-click)
340
-
341
- const $pills = document.getElementById('browser-pills');
342
- const $profilePills = document.getElementById('profile-pills');
343
- const $search = document.getElementById('search');
344
- const $sourceDomains = document.getElementById('source-domains');
345
- const $importedDomains = document.getElementById('imported-domains');
346
- const $sourceFooter = document.getElementById('source-footer-text');
347
- const $btnImportAll = document.getElementById('btn-import-all');
348
- const $importedFooter = document.getElementById('imported-footer');
349
- const $banner = document.getElementById('banner');
350
-
351
- // ─── Banner ────────────────────────────
352
- function showBanner(msg, type, retryFn) {
353
- $banner.className = 'banner ' + type;
354
- $banner.style.display = 'flex';
355
- let html = '<span class="banner-text">' + escHtml(msg) + '</span>';
356
- if (retryFn) {
357
- html += '<button class="banner-retry" id="banner-retry">Retry</button>';
358
- }
359
- html += '<button class="banner-close" id="banner-close">×</button>';
360
- $banner.innerHTML = html;
361
- document.getElementById('banner-close').onclick = () => { $banner.style.display = 'none'; };
362
- if (retryFn) {
363
- document.getElementById('banner-retry').onclick = () => {
364
- $banner.style.display = 'none';
365
- retryFn();
366
- };
367
- }
368
- }
369
-
370
- function escHtml(s) {
371
- return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
372
- }
373
-
374
- // ─── API ────────────────────────────────
375
- async function api(path, opts) {
376
- const headers = { ...(opts?.headers || {}) };
377
- if (AUTH_TOKEN) headers['Authorization'] = 'Bearer ' + AUTH_TOKEN;
378
- const res = await fetch(BASE + '/cookie-picker' + path, { ...opts, headers });
379
- const data = await res.json();
380
- if (!res.ok) {
381
- const err = new Error(data.error || 'Request failed');
382
- err.code = data.code;
383
- err.action = data.action;
384
- throw err;
385
- }
386
- return data;
387
- }
388
-
389
- // ─── Init ───────────────────────────────
390
- async function init() {
391
- try {
392
- const [browserData, importedData] = await Promise.all([
393
- api('/browsers'),
394
- api('/imported'),
395
- ]);
396
-
397
- // Populate imported state
398
- for (const entry of importedData.domains) {
399
- importedSet[entry.domain] = entry.count;
400
- }
401
- renderImported();
402
-
403
- // Render browser pills
404
- const browsers = browserData.browsers;
405
- if (browsers.length === 0) {
406
- $sourceDomains.innerHTML = '<div class="imported-empty">No Chromium browsers detected</div>';
407
- return;
408
- }
409
-
410
- $pills.innerHTML = '';
411
- browsers.forEach(b => {
412
- const pill = document.createElement('button');
413
- pill.className = 'pill';
414
- pill.innerHTML = '<span class="dot"></span>' + escHtml(b.name);
415
- pill.onclick = () => selectBrowser(b.name);
416
- $pills.appendChild(pill);
417
- });
418
-
419
- // Auto-select first browser
420
- selectBrowser(browsers[0].name);
421
- } catch (err) {
422
- showBanner(err.message, 'error', init);
423
- $sourceDomains.innerHTML = '<div class="imported-empty">Failed to load</div>';
424
- }
425
- }
426
-
427
- // ─── Select Browser ────────────────────
428
- async function selectBrowser(name) {
429
- activeBrowser = name;
430
- activeProfile = 'Default';
431
-
432
- // Update pills
433
- $pills.querySelectorAll('.pill').forEach(p => {
434
- p.classList.toggle('active', p.textContent === name);
435
- });
436
-
437
- $sourceDomains.innerHTML = '<div class="loading-row"><span class="spinner"></span> Loading...</div>';
438
- $sourceFooter.textContent = '';
439
- $search.value = '';
440
-
441
- try {
442
- // Fetch profiles for this browser
443
- const profileData = await api('/profiles?browser=' + encodeURIComponent(name));
444
- allProfiles = profileData.profiles || [];
445
-
446
- if (allProfiles.length > 1) {
447
- // Show profile pills when multiple profiles exist
448
- $profilePills.style.display = 'flex';
449
- renderProfilePills();
450
- // Auto-select profile with the most recent/largest cookie DB, or Default
451
- activeProfile = allProfiles[0].name;
452
- } else {
453
- $profilePills.style.display = 'none';
454
- activeProfile = allProfiles.length === 1 ? allProfiles[0].name : 'Default';
455
- }
456
-
457
- await loadDomains();
458
- } catch (err) {
459
- showBanner(err.message, 'error', err.action === 'retry' ? () => selectBrowser(name) : null);
460
- $sourceDomains.innerHTML = '<div class="imported-empty">Failed to load</div>';
461
- $profilePills.style.display = 'none';
462
- }
463
- }
464
-
465
- // ─── Render Profile Pills ─────────────
466
- function renderProfilePills() {
467
- let html = '';
468
- for (const p of allProfiles) {
469
- const isActive = p.name === activeProfile;
470
- const label = p.displayName || p.name;
471
- html += '<button class="profile-pill' + (isActive ? ' active' : '') + '" data-profile="' + escHtml(p.name) + '">' + escHtml(label) + '</button>';
472
- }
473
- $profilePills.innerHTML = html;
474
-
475
- $profilePills.querySelectorAll('.profile-pill').forEach(btn => {
476
- btn.addEventListener('click', () => selectProfile(btn.dataset.profile));
477
- });
478
- }
479
-
480
- // ─── Select Profile ───────────────────
481
- async function selectProfile(profileName) {
482
- activeProfile = profileName;
483
- renderProfilePills();
484
-
485
- $sourceDomains.innerHTML = '<div class="loading-row"><span class="spinner"></span> Loading domains...</div>';
486
- $sourceFooter.textContent = '';
487
- $search.value = '';
488
-
489
- await loadDomains();
490
- }
491
-
492
- // ─── Load Domains ─────────────────────
493
- async function loadDomains() {
494
- try {
495
- const data = await api('/domains?browser=' + encodeURIComponent(activeBrowser) + '&profile=' + encodeURIComponent(activeProfile));
496
- allDomains = data.domains;
497
- renderSourceDomains();
498
- } catch (err) {
499
- showBanner(err.message, 'error', err.action === 'retry' ? () => loadDomains() : null);
500
- $sourceDomains.innerHTML = '<div class="imported-empty">Failed to load domains</div>';
501
- }
502
- }
503
-
504
- // ─── Render Source Domains ─────────────
505
- function renderSourceDomains() {
506
- const query = $search.value.toLowerCase();
507
- const filtered = query
508
- ? allDomains.filter(d => d.domain.toLowerCase().includes(query))
509
- : allDomains;
510
-
511
- if (filtered.length === 0) {
512
- $sourceDomains.innerHTML = '<div class="imported-empty">' +
513
- (query ? 'No matching domains' : 'No cookie domains found') + '</div>';
514
- $sourceFooter.textContent = '';
515
- return;
516
- }
517
-
518
- let html = '';
519
- for (const d of filtered) {
520
- const isImported = d.domain in importedSet;
521
- const isInflight = inflight[d.domain];
522
- html += '<div class="domain-row">';
523
- html += '<span class="domain-name">' + escHtml(d.domain) + '</span>';
524
- html += '<span class="domain-count">' + d.count + '</span>';
525
- if (isInflight) {
526
- html += '<span class="btn-add" disabled><span class="spinner" style="width:12px;height:12px;border-width:1.5px;"></span></span>';
527
- } else if (isImported) {
528
- html += '<span class="btn-add imported">&#10003;</span>';
529
- } else {
530
- html += '<button class="btn-add" data-domain="' + escHtml(d.domain) + '" title="Import">+</button>';
531
- }
532
- html += '</div>';
533
- }
534
- $sourceDomains.innerHTML = html;
535
-
536
- // Total counts
537
- const totalDomains = allDomains.length;
538
- const totalCookies = allDomains.reduce((s, d) => s + d.count, 0);
539
- $sourceFooter.textContent = totalDomains + ' domains · ' + totalCookies.toLocaleString() + ' cookies';
540
-
541
- // Show/hide Import All button
542
- const unimported = filtered.filter(d => !(d.domain in importedSet) && !inflight[d.domain]);
543
- if (unimported.length > 0) {
544
- $btnImportAll.style.display = '';
545
- $btnImportAll.disabled = false;
546
- $btnImportAll.textContent = 'Import All (' + unimported.length + ')';
547
- } else {
548
- $btnImportAll.style.display = 'none';
549
- }
550
-
551
- // Click handlers
552
- $sourceDomains.querySelectorAll('.btn-add[data-domain]').forEach(btn => {
553
- btn.addEventListener('click', () => importDomain(btn.dataset.domain));
554
- });
555
- }
556
-
557
- // ─── Import Domain ─────────────────────
558
- async function importDomain(domain) {
559
- if (inflight[domain] || domain in importedSet) return;
560
- inflight[domain] = true;
561
- renderSourceDomains();
562
-
563
- try {
564
- const data = await api('/import', {
565
- method: 'POST',
566
- headers: { 'Content-Type': 'application/json' },
567
- body: JSON.stringify({ browser: activeBrowser, domains: [domain], profile: activeProfile }),
568
- });
569
-
570
- if (data.domainCounts) {
571
- for (const [d, count] of Object.entries(data.domainCounts)) {
572
- importedSet[d] = (importedSet[d] || 0) + count;
573
- }
574
- }
575
- renderImported();
576
- } catch (err) {
577
- showBanner('Import failed for ' + domain + ': ' + err.message, 'error',
578
- err.action === 'retry' ? () => importDomain(domain) : null);
579
- } finally {
580
- delete inflight[domain];
581
- renderSourceDomains();
582
- }
583
- }
584
-
585
- // ─── Import All ───────────────────────
586
- async function importAll() {
587
- const query = $search.value.toLowerCase();
588
- const filtered = query
589
- ? allDomains.filter(d => d.domain.toLowerCase().includes(query))
590
- : allDomains;
591
- const toImport = filtered.filter(d => !(d.domain in importedSet) && !inflight[d.domain]);
592
- if (toImport.length === 0) return;
593
-
594
- $btnImportAll.disabled = true;
595
- $btnImportAll.textContent = 'Importing...';
596
-
597
- const domains = toImport.map(d => d.domain);
598
- try {
599
- const data = await api('/import', {
600
- method: 'POST',
601
- headers: { 'Content-Type': 'application/json' },
602
- body: JSON.stringify({ browser: activeBrowser, domains: domains, profile: activeProfile }),
603
- });
604
-
605
- if (data.domainCounts) {
606
- for (const [d, count] of Object.entries(data.domainCounts)) {
607
- importedSet[d] = (importedSet[d] || 0) + count;
608
- }
609
- }
610
- renderImported();
611
- } catch (err) {
612
- showBanner('Import all failed: ' + err.message, 'error',
613
- err.action === 'retry' ? () => importAll() : null);
614
- } finally {
615
- renderSourceDomains();
616
- }
617
- }
618
-
619
- $btnImportAll.addEventListener('click', importAll);
620
-
621
- // ─── Render Imported ───────────────────
622
- function renderImported() {
623
- const entries = Object.entries(importedSet).sort((a, b) => b[1] - a[1]);
624
-
625
- if (entries.length === 0) {
626
- $importedDomains.innerHTML = '<div class="imported-empty">No cookies imported yet</div>';
627
- $importedFooter.textContent = '';
628
- return;
629
- }
630
-
631
- let html = '';
632
- for (const [domain, count] of entries) {
633
- const isInflight = inflight['remove:' + domain];
634
- html += '<div class="domain-row">';
635
- html += '<span class="domain-name">' + escHtml(domain) + '</span>';
636
- html += '<span class="domain-count">' + count + '</span>';
637
- if (isInflight) {
638
- html += '<span class="btn-trash" disabled><span class="spinner" style="width:12px;height:12px;border-width:1.5px;border-top-color:#f87171;"></span></span>';
639
- } else {
640
- html += '<button class="btn-trash" data-domain="' + escHtml(domain) + '" title="Remove">&#128465;</button>';
641
- }
642
- html += '</div>';
643
- }
644
- $importedDomains.innerHTML = html;
645
-
646
- const totalCookies = entries.reduce((s, e) => s + e[1], 0);
647
- $importedFooter.textContent = entries.length + ' domains · ' + totalCookies.toLocaleString() + ' cookies imported';
648
-
649
- // Click handlers
650
- $importedDomains.querySelectorAll('.btn-trash[data-domain]').forEach(btn => {
651
- btn.addEventListener('click', () => removeDomain(btn.dataset.domain));
652
- });
653
- }
654
-
655
- // ─── Remove Domain ─────────────────────
656
- async function removeDomain(domain) {
657
- if (inflight['remove:' + domain]) return;
658
- inflight['remove:' + domain] = true;
659
- renderImported();
660
-
661
- try {
662
- await api('/remove', {
663
- method: 'POST',
664
- headers: { 'Content-Type': 'application/json' },
665
- body: JSON.stringify({ domains: [domain] }),
666
- });
667
- delete importedSet[domain];
668
- renderImported();
669
- renderSourceDomains(); // update checkmarks
670
- } catch (err) {
671
- showBanner('Remove failed for ' + domain + ': ' + err.message, 'error',
672
- err.action === 'retry' ? () => removeDomain(domain) : null);
673
- } finally {
674
- delete inflight['remove:' + domain];
675
- renderImported();
676
- }
677
- }
678
-
679
- // ─── Search ────────────────────────────
680
- $search.addEventListener('input', renderSourceDomains);
681
-
682
- // ─── Start ─────────────────────────────
683
- init();
684
- })();
685
- </script>
686
- </body>
687
- </html>`;
688
- }