@bongos/core 1.19.726 → 1.19.727

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 (226) hide show
  1. package/.bongos-core.json +176 -491
  2. package/.devcontainer/Dockerfile +1 -1
  3. package/.devcontainer/devcontainer.json +2 -2
  4. package/.devcontainer/healthcheck.sh +1 -1
  5. package/.devcontainer/init-firewall.sh +1 -1
  6. package/.devcontainer/post-create.sh +2 -2
  7. package/.env.local.example +1 -1
  8. package/Dockerfile +1 -1
  9. package/docs/copy-inventory.md +1 -1
  10. package/docs/copy-registry.json +9 -9
  11. package/docs/module-api-changelog.md +2 -0
  12. package/docs/recipes/devbox-app-release.md +4 -4
  13. package/modules/dev-box/app/scripts/dmgbuild-settings.py +5 -5
  14. package/modules/dev-box/app/scripts/gen-brand.js +1 -1
  15. package/modules/dev-box/app/src/brand.js +1 -1
  16. package/modules/dev-box/app/test/unit.mjs +16 -16
  17. package/modules/dev-box/box-access.js +1 -1
  18. package/modules/dev-box/routes/box.js +1 -1
  19. package/modules/discord/discord-approvals.js +1 -1
  20. package/modules/grading/grader-model.js +1 -1
  21. package/modules/grading/grader-prompt.js +1 -1
  22. package/modules/grading/grader-workers/quality.js +1 -1
  23. package/modules/hall-ui/module.json +1 -1
  24. package/modules/hall-ui/public/brand-apply.js +1 -1
  25. package/modules/hall-ui/public/shell.js +1 -1
  26. package/modules/hall-ui/public/work.js +1 -1
  27. package/modules/lifecycle/conflict-resolve.js +1 -1
  28. package/modules/lifecycle/db-analytics.js +1 -1
  29. package/modules/lifecycle/routes/analytics.js +1 -1
  30. package/modules/onboarding/approval-broadcast.js +1 -1
  31. package/modules/onboarding/onboarding.js +1 -1
  32. package/modules/provisioning/tests/liveness.mjs +1 -1
  33. package/modules/public-landing/public/index.html +1 -1
  34. package/modules/public-landing/public/projects-floor.states.json +2 -2
  35. package/modules/public-landing/public/projects.probes.json +4 -4
  36. package/modules/public-landing/public/projects.states.json +2 -2
  37. package/modules/status-ui/module.json +1 -1
  38. package/modules/status-ui/public/status.js +4 -4
  39. package/modules/status-ui/public/style.css +1 -1
  40. package/modules/ui-design/kit/fixtures/cost-summary.json +1 -1
  41. package/modules/ui-design/kit/fixtures/featured-hub.json +1 -1
  42. package/modules/ui-design/kit/fixtures/featured.json +1 -1
  43. package/modules/ui-design/kit/fixtures/leaderboard.json +1 -1
  44. package/modules/ui-design/kit/fixtures/my-projects.json +1 -1
  45. package/modules/ui-design/kit/fixtures/progress.json +1 -1
  46. package/modules/ui-design/kit/fixtures/recent-shipped.json +1 -1
  47. package/package-lock.json +2 -2
  48. package/package.json +1 -1
  49. package/scripts/cron/style_guide_audit.sh +1 -1
  50. package/scripts/discord/lib.js +1 -1
  51. package/scripts/discord/post.js +1 -1
  52. package/scripts/gds/audit-authorship.sh +1 -1
  53. package/scripts/gds/audit-replay.sh +29 -2
  54. package/scripts/gds/audit-ships.js +1 -1
  55. package/scripts/gds/backfill-sessions.js +2 -2
  56. package/scripts/gds/cf-tunnel.js +4 -4
  57. package/scripts/gds/claude-materialize.js +2 -2
  58. package/scripts/gds/cli-lib.js +6 -6
  59. package/scripts/gds/cutover-codemod.js +1 -1
  60. package/scripts/gds/dev-lib.js +2 -2
  61. package/scripts/gds/diagnose-achievements.js +2 -2
  62. package/scripts/gds/fitness-checks-identity.js +6 -4
  63. package/scripts/gds/gen-diagrams.js +1 -1
  64. package/scripts/gds/leak-scan-allowlist.js +293 -0
  65. package/scripts/gds/learning-capture.js +1 -1
  66. package/scripts/gds/linkify-refs.js +2 -2
  67. package/scripts/gds/local-preview-lib.js +1 -1
  68. package/scripts/gds/mirror-lineage-check.js +1 -1
  69. package/scripts/gds/mirror-redact.js +17 -2
  70. package/scripts/gds/newcomer-floor.templates.json +1 -1
  71. package/scripts/gds/package-core.js +18 -1
  72. package/scripts/gds/paste-token.js +1 -1
  73. package/scripts/gds/provision-units.js +2 -2
  74. package/scripts/gds/publish-manifest.js +15 -0
  75. package/scripts/gds/repo-metrics.js +1 -1
  76. package/scripts/gds/sandbox-stage.js +1 -1
  77. package/scripts/gds/seed-bongos-coreB-tranche1-tasks.js +1 -1
  78. package/scripts/gds/seed-bongos-coreB-tranche2-tasks.js +1 -1
  79. package/scripts/gds/seed-bongos-goal-hierarchy-tasks.js +1 -1
  80. package/scripts/gds/seed-bongos-tasks.js +2 -2
  81. package/scripts/gds/seed-gds-v4-tasks.js +1 -1
  82. package/scripts/gds/seed-medusa-tasks.js +10 -10
  83. package/scripts/gds/seed-module-upstreaming.js +1 -1
  84. package/scripts/gds/seed-productization-tasks.js +6 -6
  85. package/scripts/gds/seed-provisioning-tasks.js +2 -2
  86. package/scripts/gds/seed-staging.sh +19 -6
  87. package/scripts/gds/ship-deploy-target.js +1 -1
  88. package/scripts/gds/ship-flow.js +1 -1
  89. package/scripts/gds/smoke-gds.js +1 -1
  90. package/scripts/status-probe.mjs +2 -2
  91. package/src/bongos/auth-discord.js +2 -2
  92. package/src/bongos/live-channel.js +1 -1
  93. package/src/bongos/pool.js +1 -1
  94. package/src/bongos/routes/auth.js +11 -11
  95. package/src/bongos/routes/security.js +1 -1
  96. package/src/bongos/routes.js +1 -1
  97. package/src/branding.js +1 -1
  98. package/src/devbox-downloads.js +1 -1
  99. package/src/instance-config.js +2 -2
  100. package/src/module-api.js +1 -1
  101. package/src/module-loader/provenance.js +2 -2
  102. package/tests/art_stage.mjs +2 -2
  103. package/tests/auth_anthropic_identity.mjs +1 -1
  104. package/tests/auth_duplicate_cookie.mjs +1 -1
  105. package/tests/auth_error_brand.mjs +1 -1
  106. package/tests/auth_inactive_builder.mjs +1 -1
  107. package/tests/backup_cli.mjs +4 -4
  108. package/tests/bongos_box_connect.mjs +2 -2
  109. package/tests/bongos_downloads.mjs +2 -2
  110. package/tests/bongos_login.mjs +5 -5
  111. package/tests/box_connect_e2e.mjs +2 -2
  112. package/tests/box_dns_repoint.mjs +10 -10
  113. package/tests/box_host_keys.mjs +1 -1
  114. package/tests/box_onboard.mjs +9 -9
  115. package/tests/box_scope_session.mjs +1 -1
  116. package/tests/box_terminal_ssrf.mjs +7 -7
  117. package/tests/boxes.mjs +9 -9
  118. package/tests/branding.mjs +2 -2
  119. package/tests/bump_version.mjs +2 -2
  120. package/tests/cf_tunnel.mjs +40 -40
  121. package/tests/cli_token_reissue.mjs +7 -7
  122. package/tests/cloud_bongos_pack.mjs +1 -1
  123. package/tests/currency_label.mjs +8 -8
  124. package/tests/dev_lib.mjs +4 -4
  125. package/tests/devbox_dmg_backdrop.mjs +1 -1
  126. package/tests/devbox_downloads.mjs +2 -2
  127. package/tests/devbox_icons.mjs +1 -1
  128. package/tests/discord_approvals.mjs +1 -1
  129. package/tests/discord_oauth.mjs +2 -2
  130. package/tests/executed_closure.mjs +6 -1
  131. package/tests/first_admin_bootstrap.mjs +1 -1
  132. package/tests/gate_approvals.mjs +5 -5
  133. package/tests/grade_aggregates_unavailable.mjs +1 -1
  134. package/tests/hook_user_agents.mjs +2 -2
  135. package/tests/init.mjs +6 -6
  136. package/tests/instance_config.mjs +1 -1
  137. package/tests/instance_manifest.mjs +5 -5
  138. package/tests/instance_mismatch_guard.mjs +13 -13
  139. package/tests/leak_scan_allowlist.mjs +94 -0
  140. package/tests/migrate_root_resolution.mjs +4 -4
  141. package/tests/mirror_redact.mjs +28 -4
  142. package/tests/module_catalog.mjs +5 -5
  143. package/tests/module_submissions.mjs +3 -3
  144. package/tests/package_core.mjs +1 -1
  145. package/tests/parallel-load.mjs +6 -6
  146. package/tests/projects_hub.mjs +2 -2
  147. package/tests/provision.mjs +50 -50
  148. package/tests/provisioning_github_app_routes.mjs +1 -1
  149. package/tests/provisioning_onboard_mode.mjs +2 -2
  150. package/tests/publish_reconciler.mjs +4 -4
  151. package/tests/sandbox_stage.mjs +1 -1
  152. package/tests/scrubber_corpus.mjs +3 -3
  153. package/tests/search_isolation.mjs +1 -1
  154. package/tests/session_records.mjs +1 -1
  155. package/tests/ship_card.mjs +6 -6
  156. package/tests/ship_ci_deploy.mjs +1 -1
  157. package/tests/single_host_hall.mjs +9 -9
  158. package/tests/smoke_preflight.mjs +1 -1
  159. package/tests/smoke_target.mjs +1 -1
  160. package/tests/status-probe.mjs +1 -1
  161. package/tests/status_mirror_sync.mjs +1 -1
  162. package/docs/adr/0004-amazonprimea-name-and-trademark-acceptance.md +0 -45
  163. package/docs/design/mocks/_schemes.css +0 -604
  164. package/docs/design/mocks/component-sheet.html +0 -428
  165. package/docs/design/mocks/hall/_tokens.css +0 -370
  166. package/docs/design/mocks/hall/board/v1.html +0 -846
  167. package/docs/design/mocks/hall/board/v2.html +0 -858
  168. package/docs/design/mocks/hall/board/v3.html +0 -884
  169. package/docs/design/mocks/hall/goals/v1.html +0 -1212
  170. package/docs/design/mocks/hall/goals/v2.html +0 -1192
  171. package/docs/design/mocks/hall/goals/v3.html +0 -1205
  172. package/docs/design/mocks/hall/hall-sheet.html +0 -244
  173. package/docs/design/mocks/hall/reading/v1.html +0 -1125
  174. package/docs/design/mocks/hall/reading/v2.html +0 -1177
  175. package/docs/design/mocks/hall/reading/v3.html +0 -1150
  176. package/docs/design/mocks/hall/settings/v1.html +0 -1238
  177. package/docs/design/mocks/hall/settings/v2.html +0 -1235
  178. package/docs/design/mocks/hall/settings/v3.html +0 -1299
  179. package/docs/design/mocks/hall/task/v1.html +0 -633
  180. package/docs/design/mocks/hall/task/v2.html +0 -646
  181. package/docs/design/mocks/hall/task/v3.html +0 -647
  182. package/docs/design/mocks/hub/assets/r3-space-deepfield-half.jpg +0 -0
  183. package/docs/design/mocks/hub/assets/r3-space-deepfield-half.jpg.json +0 -13
  184. package/docs/design/mocks/hub/assets/r3-space-dust-half.jpg +0 -0
  185. package/docs/design/mocks/hub/assets/r3-space-dust-half.jpg.json +0 -13
  186. package/docs/design/mocks/hub/assets/r3-space-nebula-half.jpg +0 -0
  187. package/docs/design/mocks/hub/assets/r3-space-nebula-half.jpg.json +0 -13
  188. package/docs/design/mocks/hub/assets/r3-space-starfield-half.jpg +0 -0
  189. package/docs/design/mocks/hub/assets/r3-space-starfield-half.jpg.json +0 -13
  190. package/docs/design/mocks/hub/hub-sheet.html +0 -192
  191. package/docs/design/mocks/hub/mine.html +0 -465
  192. package/docs/design/mocks/hub/picker.html +0 -421
  193. package/docs/design/mocks/hub/planets.html +0 -356
  194. package/docs/design/mocks/hub/v1.html +0 -1209
  195. package/docs/design/mocks/hub/v2.html +0 -1257
  196. package/docs/design/mocks/hub/v3.html +0 -1496
  197. package/docs/design/mocks/hub/wizard.html +0 -421
  198. package/docs/design/mocks/landing/landing-sheet.html +0 -131
  199. package/docs/design/mocks/landing/v1.html +0 -956
  200. package/docs/design/mocks/landing/v2.html +0 -708
  201. package/docs/design/mocks/landing/v3.html +0 -911
  202. package/docs/design/mocks/landing-page-mock.html +0 -687
  203. package/docs/design/mocks/landing-palettes.html +0 -103
  204. package/docs/design/mocks/projects-hub-mock.html +0 -991
  205. package/docs/design/mocks/projects-hub-variants.html +0 -146
  206. package/docs/design/mocks/projects-page-mock.html +0 -167
  207. package/docs/design/mocks/world/blue-hud/_tokens.css +0 -246
  208. package/docs/design/mocks/world/blue-hud/hall.html +0 -595
  209. package/docs/design/mocks/world/blue-hud/landing.html +0 -424
  210. package/docs/design/mocks/world/blue-hud/status.html +0 -410
  211. package/docs/design/mocks/world/chrome-blobs/_tokens.css +0 -479
  212. package/docs/design/mocks/world/chrome-blobs/hall.html +0 -553
  213. package/docs/design/mocks/world/chrome-blobs/landing-b.html +0 -581
  214. package/docs/design/mocks/world/chrome-blobs/landing.html +0 -328
  215. package/docs/design/mocks/world/chrome-blobs/status.html +0 -416
  216. package/docs/design/mocks/world/natgeo-editorial/_tokens.css +0 -377
  217. package/docs/design/mocks/world/natgeo-editorial/hall.html +0 -649
  218. package/docs/design/mocks/world/natgeo-editorial/landing-b.html +0 -743
  219. package/docs/design/mocks/world/natgeo-editorial/landing.html +0 -475
  220. package/docs/design/mocks/world/natgeo-editorial/status.html +0 -437
  221. package/docs/design/mocks/world/organic-cards/_tokens.css +0 -462
  222. package/docs/design/mocks/world/organic-cards/hall.html +0 -625
  223. package/docs/design/mocks/world/organic-cards/landing-b.html +0 -736
  224. package/docs/design/mocks/world/organic-cards/landing.html +0 -420
  225. package/docs/design/mocks/world/organic-cards/status.html +0 -458
  226. package/docs/design/mocks/world/world-sheet.html +0 -156
package/docs/design/mocks/world/natgeo-editorial/hall.html DELETED
@@ -1,649 +0,0 @@
1
- <!doctype html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
- <script>
6
- (function(){try{var q=new URLSearchParams(location.search).get('mode');var m=(q==='light'||q==='dark')?q:localStorage.getItem('cb-color-mode');if(m==='light'||m==='dark')document.documentElement.setAttribute('data-mode',m);}catch(e){}})();
7
- </script>
8
- <meta name="viewport" content="width=device-width, initial-scale=1">
9
- <title>Tasks, Builders' Hall</title>
10
- <link rel="preconnect" href="https://fonts.googleapis.com">
11
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12
- <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400&display=swap">
13
- <link rel="stylesheet" href="_tokens.css">
14
- <style>
15
- *{box-sizing:border-box}
16
- html,body{margin:0;padding:0}
17
- body{
18
- background:var(--bg-frame); color:var(--ink);
19
- font-family:var(--font-body); font-weight:400;
20
- font-variant-numeric:tabular-nums;
21
- -webkit-font-smoothing:antialiased;
22
- min-height:100dvh;
23
- }
24
- ::selection{background:var(--sel-bg); color:var(--sel-ink)}
25
- a{color:inherit}
26
- :focus-visible{outline:none; box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--focus)}
27
- .vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
28
-
29
- /* ---------- ground ---------- */
30
- .plate{
31
- position:fixed;inset:-24px;z-index:0;pointer-events:none;
32
- background-image:var(--plate);background-size:cover;background-position:center 42%;
33
- filter:var(--plate-filter);
34
- }
35
- .plate::after{content:'';position:absolute;inset:0;background:var(--plate-scrim)}
36
-
37
- /* ---------- shell ---------- */
38
- .shell{
39
- position:relative;z-index:1;
40
- margin:var(--shell-inset);
41
- min-height:calc(100dvh - var(--shell-inset) * 2);
42
- display:flex;
43
- background:var(--glass);
44
- -webkit-backdrop-filter:blur(var(--glass-blur)) brightness(var(--glass-dim));
45
- backdrop-filter:blur(var(--glass-blur)) brightness(var(--glass-dim));
46
- border-radius:var(--shell-radius);
47
- box-shadow:var(--glass-shadow), inset 0 0 0 var(--line) var(--glass-edge);
48
- overflow:hidden;
49
- }
50
-
51
- /* ---------- sidebar ---------- */
52
- .side{
53
- flex:0 0 240px;width:240px;display:flex;flex-direction:column;
54
- background:var(--side-fill);border-right:var(--line) solid var(--glass-edge);
55
- }
56
- .side-head{
57
- height:56px;flex:0 0 56px;display:flex;align-items:center;gap:12px;
58
- padding:0 16px;border-bottom:var(--line) solid var(--glass-edge);
59
- }
60
- .mark-plate{
61
- width:28px;height:35px;flex:0 0 28px;display:grid;place-items:center;
62
- border-radius:var(--radius);box-shadow:inset 0 0 0 1.5px var(--mark-bg);
63
- }
64
- .mark-plate svg{width:21px;height:14px;display:block}
65
- .mark-plate .ring,.mark-plate .glow,.mark-plate .bshadow{display:none}
66
- .side-head b{font-size:.9375rem;font-weight:500;letter-spacing:-.01em;color:var(--ink)}
67
- .side-nav{
68
- flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 12px 18px;
69
- scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track);
70
- }
71
- .side-nav::-webkit-scrollbar{width:8px}
72
- .side-nav::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:var(--radius-pill)}
73
- .side-nav::-webkit-scrollbar-track{background:var(--scroll-track)}
74
- .side-nav ul{list-style:none;margin:0 0 4px;padding:0}
75
- .grp-label{
76
- margin:20px 0 7px;padding:0 12px;
77
- font-family:var(--font-label);font-size:.6875rem;font-weight:400;
78
- letter-spacing:.10em;text-transform:uppercase;color:var(--ink-faint);
79
- }
80
- .nav-item{
81
- position:relative;display:flex;align-items:center;gap:11px;
82
- padding:7px 12px;border-radius:var(--radius-pill);
83
- text-decoration:none;color:var(--ink-soft);
84
- font-family:var(--font-label);font-size:.75rem;letter-spacing:.055em;
85
- text-transform:var(--nav-case);
86
- }
87
- .g-main .nav-item{text-transform:uppercase}
88
- .nav-item:hover{color:var(--ink);background:var(--row-hover)}
89
- .nav-item .ico{width:16px;height:16px;flex:0 0 16px;display:block;color:var(--ink-faint)}
90
- .nav-item[aria-current="page"]{
91
- background:var(--cur-fill);color:var(--cur-ink);font-weight:500;
92
- }
93
- .nav-item[aria-current="page"] .ico{color:var(--cur-mark)}
94
- .nav-item[aria-current="page"]::before{
95
- content:'';position:absolute;left:4px;top:50%;transform:translateY(-50%);
96
- width:var(--cur-dot-size);height:var(--cur-dot-size);
97
- border-radius:50%;background:var(--cur-dot);
98
- }
99
- .side-foot{border-top:var(--line) solid var(--glass-edge);padding:12px}
100
- .signout{
101
- display:flex;align-items:center;gap:11px;width:100%;
102
- padding:8px 12px;border:0;background:none;cursor:pointer;
103
- font:inherit;font-family:var(--font-label);font-size:.75rem;letter-spacing:.055em;color:var(--ink-soft);
104
- border-radius:var(--radius-pill);text-transform:var(--nav-case);
105
- }
106
- .signout:hover{color:var(--ink);background:var(--row-hover)}
107
- .signout svg{width:16px;height:16px;flex:0 0 16px}
108
-
109
- /* ---------- column + top bar ---------- */
110
- .col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
111
- .topbar{
112
- height:56px;flex:0 0 56px;display:flex;align-items:center;gap:22px;
113
- padding:0 20px;border-bottom:var(--line) solid var(--glass-edge);
114
- background:var(--topbar-fill);
115
- }
116
- .hallmark{font-size:.9375rem;font-weight:500;color:var(--ink);white-space:nowrap}
117
- .search{position:relative;flex:1 1 auto;max-width:440px}
118
- .search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--ink-faint)}
119
- .search input{
120
- width:100%;height:34px;padding:0 14px 0 38px;
121
- border:var(--line) solid var(--rule);border-radius:var(--radius-pill);
122
- background:var(--field);color:var(--ink);font:inherit;font-size:.8125rem;
123
- }
124
- .search input::placeholder{color:var(--ink-faint)}
125
- .who{display:flex;align-items:center;gap:12px;margin-left:auto}
126
- .badge{
127
- display:inline-flex;align-items:center;gap:6px;
128
- padding:4px 11px;border-radius:var(--radius-pill);
129
- background:var(--chip-fill);color:var(--chip-ink);
130
- font-family:var(--font-label);font-size:.6875rem;letter-spacing:.09em;text-transform:uppercase;
131
- box-shadow:inset 0 0 0 var(--line) var(--chip-edge);
132
- }
133
- .badge svg{width:11px;height:11px}
134
- .avatar{
135
- width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
136
- background:var(--head-fill);color:var(--ink);font-size:.8125rem;font-weight:500;
137
- box-shadow:inset 0 0 0 var(--line) var(--glass-edge);
138
- }
139
- .caretbtn{
140
- width:24px;height:24px;border:0;background:none;cursor:pointer;color:var(--ink-faint);
141
- display:grid;place-items:center;border-radius:var(--radius-pill);
142
- }
143
- .caretbtn:hover{color:var(--ink)}
144
- .caretbtn i{width:6px;height:6px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:translateY(-2px) rotate(45deg)}
145
- .mode-toggle{
146
- width:52px;height:28px;border:0;cursor:pointer;
147
- background:var(--field);color:var(--ink-soft);
148
- border-radius:var(--radius-pill);display:grid;place-items:center;
149
- box-shadow:inset 0 0 0 var(--line) var(--rule);
150
- }
151
- .mode-toggle:hover{color:var(--ink)}
152
- .mode-toggle svg{width:16px;height:16px;display:block}
153
- .mode-toggle .i-moon{display:var(--moon-display)}
154
- .mode-toggle .i-sun{display:var(--sun-display)}
155
-
156
- /* ---------- main ---------- */
157
- main{flex:1 1 auto;width:100%;max-width:1120px;padding:28px 30px 40px;min-width:0}
158
- h1{margin:0;font-family:var(--font-display);font-size:2.5rem;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
159
-
160
- .tabs{
161
- display:flex;gap:26px;margin:20px 0 0;border-bottom:var(--line) solid var(--rule);
162
- overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track);
163
- }
164
- .tabs::-webkit-scrollbar{height:6px}
165
- .tabs::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:var(--radius-pill)}
166
- .tabs::-webkit-scrollbar-track{background:var(--scroll-track)}
167
- .tab{
168
- border:0;background:none;cursor:pointer;font:inherit;
169
- padding:10px 2px;margin-bottom:-1px;
170
- border-bottom:2px solid transparent;
171
- color:var(--ink-soft);font-size:.875rem;letter-spacing:.02em;white-space:nowrap;
172
- display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;
173
- }
174
- .tab:hover{color:var(--ink)}
175
- .tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}
176
- .cnt{
177
- padding:1px 8px;border-radius:var(--radius-pill);
178
- background:var(--head-fill);color:var(--ink-faint);
179
- font-size:.6875rem;letter-spacing:.03em;
180
- }
181
- .tab[aria-selected="true"] .cnt{background:var(--head-fill);color:var(--ink)}
182
-
183
- .filters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 18px;align-items:center}
184
- .qwrap{position:relative;flex:0 0 260px}
185
- .qwrap input{
186
- width:100%;height:34px;padding:0 14px;
187
- border:var(--line) solid var(--rule);border-radius:var(--radius-pill);
188
- background:var(--field);color:var(--ink);font:inherit;font-size:.8125rem;
189
- }
190
- .qwrap input::placeholder{color:var(--ink-faint)}
191
- .sel{
192
- position:relative;display:inline-flex;align-items:center;gap:8px;
193
- height:34px;padding:0 30px 0 14px;
194
- border:var(--line) solid var(--rule);border-radius:var(--radius-pill);
195
- background:var(--field);
196
- }
197
- .sel::after{
198
- content:'';position:absolute;right:13px;top:50%;width:6px;height:6px;
199
- border-right:1.3px solid var(--ink-faint);border-bottom:1.3px solid var(--ink-faint);
200
- transform:translateY(-70%) rotate(45deg);pointer-events:none;
201
- }
202
- .sel .fl{
203
- font-family:var(--font-label);font-size:.625rem;letter-spacing:.09em;
204
- text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;
205
- }
206
- .sel select{
207
- appearance:none;-webkit-appearance:none;border:0;background:none;
208
- color:var(--ink-soft);font:inherit;font-size:.8125rem;padding:0;cursor:pointer;
209
- max-width:190px;text-overflow:ellipsis;
210
- }
211
- .sel:hover{border-color:var(--ink-faint)}
212
-
213
- .tablewrap{
214
- overflow-x:auto;
215
- border:var(--line) solid var(--panel-edge);background:var(--panel);
216
- scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track);
217
- }
218
- .tablewrap::-webkit-scrollbar{height:9px}
219
- .tablewrap::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:var(--radius-pill)}
220
- .tablewrap::-webkit-scrollbar-track{background:var(--scroll-track)}
221
- table{width:100%;min-width:940px;border-collapse:collapse;table-layout:fixed}
222
- th{
223
- text-align:left;padding:11px 12px;background:var(--head-fill);
224
- font-family:var(--font-label);font-weight:400;font-size:.6875rem;
225
- letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);
226
- border-bottom:var(--line) solid var(--panel-edge);white-space:nowrap;
227
- }
228
- td{
229
- padding:11px 12px;font-size:.8125rem;color:var(--ink);
230
- border-bottom:var(--line) solid var(--rule-soft);vertical-align:middle;
231
- }
232
- tbody tr:last-child td{border-bottom:0}
233
- tbody tr:hover td{background:var(--row-hover)}
234
- .num{text-align:right;color:var(--ink-soft)}
235
- .tid{color:var(--ink-soft)}
236
- .ttl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
237
- .goal{color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
238
- .st{white-space:nowrap}
239
- .st .cflag{margin-left:10px}
240
- .state{display:inline-flex;align-items:center;gap:8px;color:var(--ink-soft);white-space:nowrap}
241
- .sq{width:7px;height:7px;flex:0 0 7px;box-shadow:inset 0 0 0 1px var(--ink-faint)}
242
- .sq.full{background:var(--ink-faint);box-shadow:none}
243
- tr.held td{color:var(--ink-faint)}
244
- tr.held .ttl,tr.held .goal{color:var(--ink-faint)}
245
- .lock{width:13px;height:13px;flex:0 0 13px;color:var(--ink-faint)}
246
- tr.conflict td.st{background:var(--hatch-bg);background-image:var(--hatch)}
247
- tbody tr.conflict:hover td.st{background-image:var(--hatch)}
248
- .cflag{color:var(--ink);font-size:.6875rem;letter-spacing:.04em;white-space:nowrap}
249
- input[type=checkbox]{
250
- appearance:none;-webkit-appearance:none;margin:0;display:block;
251
- width:16px;height:16px;cursor:pointer;position:relative;
252
- border:var(--line) solid var(--check-edge);border-radius:var(--radius-sm);background:transparent;
253
- }
254
- input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}
255
- input[type=checkbox]:checked::after{
256
- content:'';position:absolute;left:4.5px;top:1px;width:4px;height:8px;
257
- border:solid var(--ink-on-accent);border-width:0 2px 2px 0;transform:rotate(42deg);
258
- }
259
-
260
- .bulk{
261
- display:flex;flex-wrap:wrap;align-items:center;gap:10px;
262
- margin-top:18px;
263
- }
264
- .selcount{font-size:.8125rem;color:var(--ink-soft);margin-right:6px;min-width:8ch}
265
- .btn{
266
- height:36px;padding:0 18px;border-radius:var(--radius-pill);cursor:pointer;
267
- font:inherit;font-size:.8125rem;font-weight:500;
268
- border:var(--line) solid var(--rule);background:var(--field);color:var(--ink);
269
- transition:background-color .16s cubic-bezier(.16,1,.3,1), color .16s cubic-bezier(.16,1,.3,1);
270
- }
271
- .btn:hover{border-color:var(--ink-faint)}
272
- .btn-primary{background:var(--primary-fill);color:var(--primary-ink);border-color:var(--primary-fill)}
273
- .btn-primary:hover{background:var(--primary-fill);filter:brightness(1.08)}
274
-
275
- .pager{display:flex;align-items:center;gap:14px;margin-top:20px;font-size:.8125rem;color:var(--ink-soft)}
276
- .pager .btn{height:32px;padding:0 15px}
277
- .empty{padding:46px 12px;color:var(--ink-soft);font-size:.875rem;border:var(--line) solid var(--panel-edge);background:var(--panel)}
278
-
279
- @media (max-width:1023px){
280
- .shell{flex-direction:column;margin:0;min-height:100dvh;border-radius:0}
281
- .side{flex:0 0 auto;width:100%;border-right:0;border-bottom:var(--line) solid var(--glass-edge)}
282
- .side-head{border-bottom:0}
283
- .side-nav{
284
- display:flex;align-items:center;gap:4px;overflow-x:auto;overflow-y:visible;
285
- padding:8px 12px;
286
- }
287
- .side-nav ul{display:flex;gap:4px;margin:0}
288
- .grp-label{margin:0 6px 0 12px;padding:0;white-space:nowrap;align-self:center}
289
- .nav-item{white-space:nowrap}
290
- .side-foot{border-top:0;padding:0 12px 10px}
291
- .signout{width:auto}
292
- main{padding:20px 16px 32px}
293
- h1{font-size:2rem}
294
- .topbar{gap:12px;padding:0 16px}
295
- .hallmark{display:none}
296
- }
297
- @media (max-width:640px){
298
- .search{max-width:none}
299
- .qwrap{flex:1 1 100%}
300
- .badge{display:none}
301
- }
302
- </style>
303
- </head>
304
- <body>
305
-
306
- <div class="plate" aria-hidden="true"></div>
307
-
308
- <div class="shell">
309
-
310
- <aside class="side">
311
- <div class="side-head">
312
- <span class="mark-plate" aria-hidden="true">
313
- <svg class="bongos" viewBox="62 100 316 208" role="img" aria-label="A pair of bongo drums being played">
314
- <defs>
315
- <linearGradient id="shellBig" x1="0" y1="0" x2="1" y2="0.35">
316
- <stop offset="0%" stop-color="var(--accent-deep)"/><stop offset="16%" stop-color="var(--accent)"/>
317
- <stop offset="48%" stop-color="var(--accent)"/><stop offset="86%" stop-color="var(--accent-deep)"/>
318
- <stop offset="100%" stop-color="var(--accent-deep)"/>
319
- </linearGradient>
320
- <linearGradient id="shellSml" x1="0" y1="0" x2="1" y2="0.35">
321
- <stop offset="0%" stop-color="var(--accent-deep)"/><stop offset="18%" stop-color="var(--terracotta)"/>
322
- <stop offset="55%" stop-color="var(--terracotta)"/><stop offset="100%" stop-color="var(--accent-deep)"/>
323
- </linearGradient>
324
- <radialGradient id="skin" cx="0.36" cy="0.26" r="0.9">
325
- <stop offset="0%" stop-color="var(--skin-hi)"/><stop offset="58%" stop-color="var(--skin-mid)"/>
326
- <stop offset="100%" stop-color="var(--skin-lo)"/>
327
- </radialGradient>
328
- <radialGradient id="halo" cx="0.5" cy="0.5" r="0.5">
329
- <stop offset="0%" stop-color="var(--accent)" stop-opacity="0.30"/>
330
- <stop offset="48%" stop-color="var(--accent)" stop-opacity="0.13"/>
331
- <stop offset="100%" stop-color="var(--accent)" stop-opacity="0"/>
332
- </radialGradient>
333
- <filter id="soft" x="-60%" y="-160%" width="220%" height="420%">
334
- <feGaussianBlur stdDeviation="9"/>
335
- </filter>
336
- </defs>
337
- <ellipse class="glow" cx="222" cy="170" rx="215" ry="140" fill="url(#halo)"/>
338
- <ellipse class="bshadow" cx="220" cy="286" rx="142" ry="14" fill="var(--drum-shadow)" opacity=".22" filter="url(#soft)"/>
339
- <path d="M 214,196 C 232,188 250,188 264,196 L 258,232 C 244,225 230,225 219,232 Z" fill="var(--accent-deep)"/>
340
- <path d="M 214,196 C 232,188 250,188 264,196 L 262,205 C 247,197 231,197 216,205 Z" fill="var(--ink)" opacity=".22"/>
341
- <g class="drumBig">
342
- <path d="M 74,118 C 76,166 90,228 98,266 A 52,17 0 0 0 202,266 C 210,228 224,166 226,118 Z" fill="url(#shellBig)"/>
343
- <path d="M 172,124 C 174,176 186,232 192,268 A 52,17 0 0 0 202,266 C 210,228 224,166 226,118 Z" fill="var(--ink)" opacity=".17"/>
344
- <path d="M 92,126 C 94,174 104,230 110,266 A 52,17 0 0 1 100,267 C 92,230 78,172 76,124 Z" fill="#fff" opacity=".20"/>
345
- <ellipse cx="150" cy="121" rx="80" ry="29" fill="var(--accent-deep)"/>
346
- <ellipse cx="150" cy="117" rx="80" ry="29" fill="var(--accent)"/>
347
- <ellipse cx="150" cy="117" rx="80" ry="29" fill="#fff" opacity=".13"/>
348
- <g class="headBig">
349
- <ellipse cx="150" cy="118" rx="70" ry="24" fill="url(#skin)"/>
350
- <ellipse cx="150" cy="118" rx="70" ry="24" fill="none" stroke="var(--ink)" stroke-opacity=".09" stroke-width="1.4"/>
351
- <ellipse cx="150" cy="118" rx="55" ry="18" fill="none" stroke="var(--ink)" stroke-opacity=".045" stroke-width="1"/>
352
- <ellipse class="ring" cx="150" cy="118" rx="56" ry="19" fill="none" stroke="var(--accent-deep)" stroke-width="2.6"/>
353
- </g>
354
- <g fill="var(--accent-deep)">
355
- <path d="M 78,138 l 9,0 -1.5,20 -6,0 z"/><path d="M 120,148 l 9,0 -1,21 -7,0 z"/>
356
- <path d="M 172,148 l 9,0 -1,21 -7,0 z"/><path d="M 214,138 l 9,0 -1.5,20 -6,0 z"/>
357
- </g>
358
- </g>
359
- <g class="drumSml">
360
- <path d="M 240,134 C 242,178 252,230 258,266 A 40,13 0 0 0 338,266 C 344,230 354,178 356,134 Z" fill="url(#shellSml)"/>
361
- <path d="M 314,140 C 316,186 324,234 328,268 A 40,13 0 0 0 338,266 C 344,230 354,178 356,134 Z" fill="var(--ink)" opacity=".19"/>
362
- <path d="M 254,140 C 256,182 264,232 268,266 A 40,13 0 0 1 260,267 C 254,232 244,182 242,138 Z" fill="#fff" opacity=".17"/>
363
- <ellipse cx="296" cy="137" rx="60" ry="22" fill="var(--accent-deep)"/>
364
- <ellipse cx="296" cy="133" rx="60" ry="22" fill="var(--terracotta)"/>
365
- <ellipse cx="296" cy="133" rx="60" ry="22" fill="#fff" opacity=".13"/>
366
- <g class="headSml">
367
- <ellipse cx="296" cy="134" rx="51" ry="18" fill="url(#skin)"/>
368
- <ellipse cx="296" cy="134" rx="51" ry="18" fill="none" stroke="var(--ink)" stroke-opacity=".09" stroke-width="1.4"/>
369
- <ellipse cx="296" cy="134" rx="39" ry="13" fill="none" stroke="var(--ink)" stroke-opacity=".045" stroke-width="1"/>
370
- <ellipse class="ring" cx="296" cy="134" rx="41" ry="14" fill="none" stroke="var(--accent-deep)" stroke-width="2.3"/>
371
- </g>
372
- <g fill="var(--accent-deep)">
373
- <path d="M 243,152 l 8,0 -1,17 -6,0 z"/><path d="M 276,160 l 8,0 -1,18 -6,0 z"/>
374
- <path d="M 312,160 l 8,0 -1,18 -6,0 z"/><path d="M 345,152 l 8,0 -1,17 -6,0 z"/>
375
- </g>
376
- </g>
377
- </svg>
378
- </span>
379
- <b>Cloud Bongos</b>
380
- </div>
381
-
382
- <nav class="side-nav" aria-label="Hall sections">
383
- <ul class="g-main">
384
- <li><a class="nav-item" href="/hall"><svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 10.5 12 4l8 6.5V19a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z"/></svg>Home</a></li>
385
- <li><a class="nav-item" href="/hall/roadmap"><svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" aria-hidden="true"><path d="M4 7h16M4 12h10M4 17h13"/></svg>Roadmap</a></li>
386
- <li><a class="nav-item" href="/hall/goals"><svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><circle cx="12" cy="12" r="7"/><circle cx="12" cy="12" r="2.5"/></svg>Goals</a></li>
387
- <li><a class="nav-item" href="/hall/work" aria-current="page"><svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="4" width="14" height="16" rx="1"/><path d="M9 9h6M9 13h4"/></svg>Tasks</a></li>
388
- <li><a class="nav-item" href="/hall/ideas"><svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9.5 17h5M10.5 20h3M12 3.5a6 6 0 0 1 3.4 10.9V17H8.6v-2.6A6 6 0 0 1 12 3.5Z"/></svg>Ideas</a></li>
389
- <li><a class="nav-item" href="/hall/copy"><svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 4h7l5 5v11H8z"/><path d="M15 4v5h5"/></svg>Copy desk</a></li>
390
- </ul>
391
-
392
- <p class="grp-label" id="g-you">You</p>
393
- <ul aria-labelledby="g-you">
394
- <li><a class="nav-item" href="/hall/standing">Standing</a></li>
395
- <li><a class="nav-item" href="/hall/profile">Profile</a></li>
396
- </ul>
397
-
398
- <p class="grp-label" id="g-community">Community</p>
399
- <ul aria-labelledby="g-community">
400
- <li><a class="nav-item" href="/hall/collab">Collab</a></li>
401
- <li><a class="nav-item" href="/hall/leaderboard">Leaderboard</a></li>
402
- <li><a class="nav-item" href="/hall/people">People</a></li>
403
- </ul>
404
-
405
- <p class="grp-label" id="g-docs">Docs</p>
406
- <ul aria-labelledby="g-docs">
407
- <li><a class="nav-item" href="/hall/primer">Primer</a></li>
408
- <li><a class="nav-item" href="/hall/ranks">Ranks</a></li>
409
- <li><a class="nav-item" href="/hall/economy">Economy</a></li>
410
- <li><a class="nav-item" href="/hall/diagrams">Diagrams</a></li>
411
- <li><a class="nav-item" href="/hall/atlas">Repo Atlas</a></li>
412
- <li><a class="nav-item" href="/hall/modules">Modules</a></li>
413
- <li><a class="nav-item" href="/hall/api">API docs</a></li>
414
- </ul>
415
-
416
- <p class="grp-label" id="g-government">Government</p>
417
- <ul aria-labelledby="g-government">
418
- <li><a class="nav-item" href="/hall/watch">Watch</a></li>
419
- <li><a class="nav-item" href="/hall/harbor">Harbor</a></li>
420
- <li><a class="nav-item" href="/hall/gate">Gate</a></li>
421
- <li><a class="nav-item" href="/hall/sessions">Sessions</a></li>
422
- <li><a class="nav-item" href="/hall/permissions">Permissions</a></li>
423
- </ul>
424
- </nav>
425
-
426
- <div class="side-foot">
427
- <button class="signout" type="button">
428
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14 4h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-4M9 8l-4 4 4 4M5 12h10"/></svg>
429
- Sign out
430
- </button>
431
- </div>
432
- </aside>
433
-
434
- <div class="col">
435
- <header class="topbar">
436
- <span class="hallmark">Builders' Hall</span>
437
- <div class="search">
438
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="6"/><path d="m16 16 4.5 4.5"/></svg>
439
- <label class="vh" for="hall-search">Search</label>
440
- <input id="hall-search" type="search" placeholder="Search">
441
- </div>
442
- <div class="who">
443
- <button class="mode-toggle" id="mode" type="button" aria-label="Toggle light or dark">
444
- <svg class="i-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.2 14.8A8.6 8.6 0 0 1 9.2 3.8a7.6 7.6 0 1 0 11 11Z"/></svg>
445
- <svg class="i-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 3v2M12 19v2M4.6 4.6l1.4 1.4M18 18l1.4 1.4M3 12h2M19 12h2M4.6 19.4 6 18M18 6l1.4-1.4"/></svg>
446
- </button>
447
- <span class="badge"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="m12 4 2.4 5 5.6.8-4 3.9.9 5.5L12 16.6 7.1 19.2l.9-5.5-4-3.9 5.6-.8Z"/></svg>Trusted</span>
448
- <span class="avatar" aria-hidden="true">P</span>
449
- <button class="caretbtn" type="button" aria-label="Open account menu"><i></i></button>
450
- </div>
451
- </header>
452
-
453
- <main>
454
- <h1>Tasks</h1>
455
-
456
- <div class="tabs" role="tablist" aria-label="Task states">
457
- <button class="tab" role="tab" id="t-ready" aria-controls="p-ready" aria-selected="true" type="button">Ready <span class="cnt">42</span></button>
458
- <button class="tab" role="tab" id="t-active" aria-controls="p-active" aria-selected="false" type="button">In Progress <span class="cnt">15</span></button>
459
- <button class="tab" role="tab" id="t-backlog" aria-controls="p-backlog" aria-selected="false" type="button">Backlog <span class="cnt">89</span></button>
460
- <button class="tab" role="tab" id="t-done" aria-controls="p-done" aria-selected="false" type="button">Completed <span class="cnt">1107</span></button>
461
- </div>
462
-
463
- <div class="filters">
464
- <div class="qwrap">
465
- <label class="vh" for="f-q">Filter tasks</label>
466
- <input id="f-q" type="search" placeholder="task #, title, or goal">
467
- </div>
468
- <span class="sel"><span class="fl" id="l-sort">Sort</span><select aria-labelledby="l-sort"><option>credits / minute (high to low)</option><option>newest first</option><option>credits (high to low)</option></select></span>
469
- <span class="sel"><span class="fl" id="l-version">Version</span><select aria-labelledby="l-version"><option>any</option><option>V1</option></select></span>
470
- <span class="sel"><span class="fl" id="l-goal">Goal</span><select aria-labelledby="l-goal"><option>any</option><option>Apex UI pass 2</option></select></span>
471
- <span class="sel"><span class="fl" id="l-kind">Kind</span><select aria-labelledby="l-kind"><option>any</option><option>feature</option></select></span>
472
- <span class="sel"><span class="fl" id="l-disc">Discipline</span><select aria-labelledby="l-disc"><option>any</option><option>engineer</option></select></span>
473
- <span class="sel"><span class="fl" id="l-new">Newcomer</span><select aria-labelledby="l-new"><option>any</option><option>newcomer friendly</option></select></span>
474
- <span class="sel"><span class="fl" id="l-creator">Creator</span><select aria-labelledby="l-creator"><option>any</option><option>lars589</option></select></span>
475
- <span class="sel"><span class="fl" id="l-age">Age</span><select aria-labelledby="l-age"><option>any</option><option>last 7 days</option></select></span>
476
- <span class="sel"><span class="fl" id="l-run">Run mode</span><select aria-labelledby="l-run"><option>any</option><option>parallel safe</option></select></span>
477
- </div>
478
-
479
- <div role="tabpanel" id="p-ready" aria-labelledby="t-ready">
480
- <div class="tablewrap">
481
- <table>
482
- <colgroup>
483
- <col style="width:44px"><col style="width:88px"><col><col style="width:162px">
484
- <col style="width:74px"><col style="width:78px"><col style="width:74px"><col style="width:212px">
485
- </colgroup>
486
- <thead>
487
- <tr>
488
- <th scope="col"><label class="vh" for="all">Select all rows</label><input id="all" type="checkbox"></th>
489
- <th scope="col">Task</th>
490
- <th scope="col">Title</th>
491
- <th scope="col">Goal</th>
492
- <th scope="col" class="num">Credits</th>
493
- <th scope="col" class="num">Minutes</th>
494
- <th scope="col" class="num">Cr/min</th>
495
- <th scope="col">Status</th>
496
- </tr>
497
- </thead>
498
- <tbody>
499
- <!-- sample rows -->
500
- <tr>
501
- <td><label class="vh" for="r1">Select task 1003297</label><input id="r1" type="checkbox"></td>
502
- <td class="tid">1003297</td>
503
- <td class="ttl">Landing: three composition versions in the chosen world</td>
504
- <td class="goal">Apex UI pass 2</td>
505
- <td class="num">96</td><td class="num">40</td><td class="num">2.4</td>
506
- <td><span class="state"><i class="sq full"></i>ready</span></td>
507
- </tr>
508
- <tr>
509
- <td><label class="vh" for="r2">Select task 1003302</label><input id="r2" type="checkbox"></td>
510
- <td class="tid">1003302</td>
511
- <td class="ttl">Hall: five archetype mocks in the world</td>
512
- <td class="goal">Builders' hall in the world</td>
513
- <td class="num">120</td><td class="num">55</td><td class="num">2.2</td>
514
- <td><span class="state"><i class="sq full"></i>ready</span></td>
515
- </tr>
516
- <tr>
517
- <td><label class="vh" for="r3">Select task 1003310</label><input id="r3" type="checkbox"></td>
518
- <td class="tid">1003310</td>
519
- <td class="ttl">Status: the index mock in the world</td>
520
- <td class="goal">Status ledger in the world</td>
521
- <td class="num">60</td><td class="num">30</td><td class="num">2.0</td>
522
- <td><span class="state"><i class="sq full"></i>ready</span></td>
523
- </tr>
524
- <tr>
525
- <td><label class="vh" for="r4">Select task 1003251</label><input id="r4" type="checkbox"></td>
526
- <td class="tid">1003251</td>
527
- <td class="ttl">The manage view says which door the project runs</td>
528
- <td class="goal">Project hub</td>
529
- <td class="num">45</td><td class="num">25</td><td class="num">1.8</td>
530
- <td><span class="state"><i class="sq full"></i>ready</span></td>
531
- </tr>
532
- <tr class="held">
533
- <td><label class="vh" for="r5">Select task 1003240</label><input id="r5" type="checkbox" disabled></td>
534
- <td class="tid">1003240</td>
535
- <td class="ttl">A gated project refuses strangers at the door</td>
536
- <td class="goal">Project hub</td>
537
- <td class="num">72</td><td class="num">45</td><td class="num">1.6</td>
538
- <td><span class="state"><svg class="lock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" aria-hidden="true"><rect x="5" y="10.5" width="14" height="9" rx="1"/><path d="M8.5 10.5V7a3.5 3.5 0 0 1 7 0v3.5"/></svg>active</span></td>
539
- </tr>
540
- <tr class="conflict">
541
- <td><label class="vh" for="r6">Select task 1003241</label><input id="r6" type="checkbox"></td>
542
- <td class="tid">1003241</td>
543
- <td class="ttl">The wizard remembers a half-finished project</td>
544
- <td class="goal">Project hub</td>
545
- <td class="num">54</td><td class="num">35</td><td class="num">1.5</td>
546
- <td class="st"><span class="state"><i class="sq full"></i>ready</span><span class="cflag">has file conflicts</span></td>
547
- </tr>
548
- <tr>
549
- <td><label class="vh" for="r7">Select task 1003242</label><input id="r7" type="checkbox"></td>
550
- <td class="tid">1003242</td>
551
- <td class="ttl">Copy desk: flags carry a reason</td>
552
- <td class="goal">Copy desk</td>
553
- <td class="num">38</td><td class="num">30</td><td class="num">1.3</td>
554
- <td><span class="state"><i class="sq full"></i>ready</span></td>
555
- </tr>
556
- <tr>
557
- <td><label class="vh" for="r8">Select task 1003245</label><input id="r8" type="checkbox"></td>
558
- <td class="tid">1003245</td>
559
- <td class="ttl">The identity chip opens the profile menu</td>
560
- <td class="goal">Apex UI pass 2</td>
561
- <td class="num">30</td><td class="num">25</td><td class="num">1.2</td>
562
- <td><span class="state"><i class="sq full"></i>ready</span></td>
563
- </tr>
564
- <tr>
565
- <td><label class="vh" for="r9">Select task 1003235</label><input id="r9" type="checkbox"></td>
566
- <td class="tid">1003235</td>
567
- <td class="ttl">The hub answers the keyboard</td>
568
- <td class="goal">Project hub</td>
569
- <td class="num">24</td><td class="num">20</td><td class="num">1.2</td>
570
- <td><span class="state"><i class="sq full"></i>ready</span></td>
571
- </tr>
572
- <tr>
573
- <td><label class="vh" for="r10">Select task 1003239</label><input id="r10" type="checkbox"></td>
574
- <td class="tid">1003239</td>
575
- <td class="ttl">A same-tab GitHub return stays put</td>
576
- <td class="goal">Project hub</td>
577
- <td class="num">20</td><td class="num">20</td><td class="num">1.0</td>
578
- <td><span class="state"><i class="sq full"></i>ready</span></td>
579
- </tr>
580
- </tbody>
581
- </table>
582
- </div>
583
-
584
- <div class="bulk" role="region" aria-label="Bulk actions">
585
- <span class="selcount" id="selcount">0 selected</span>
586
- <button class="btn btn-primary" type="button">Bulk claim</button>
587
- <button class="btn" type="button">Bulk release</button>
588
- <button class="btn" type="button">Copy parallel prompt</button>
589
- <button class="btn" type="button">Copy sequential prompt</button>
590
- <button class="btn" type="button">Clear</button>
591
- </div>
592
-
593
- <div class="pager">
594
- <span>1 to 10 of 42</span>
595
- <button class="btn" type="button">Previous</button>
596
- <button class="btn" type="button">Next</button>
597
- </div>
598
- </div>
599
-
600
- <div role="tabpanel" id="p-active" aria-labelledby="t-active" hidden><p class="empty">Nothing here yet.</p></div>
601
- <div role="tabpanel" id="p-backlog" aria-labelledby="t-backlog" hidden><p class="empty">Nothing here yet.</p></div>
602
- <div role="tabpanel" id="p-done" aria-labelledby="t-done" hidden><p class="empty">Nothing here yet.</p></div>
603
- </main>
604
- </div>
605
- </div>
606
-
607
- <script>
608
- (function(){
609
- var root=document.documentElement;
610
- function isDark(){
611
- var m=root.getAttribute('data-mode');
612
- if(m==='dark')return true;
613
- if(m==='light')return false;
614
- return window.matchMedia('(prefers-color-scheme: dark)').matches;
615
- }
616
- document.getElementById('mode').addEventListener('click',function(){
617
- var next=isDark()?'light':'dark';
618
- root.setAttribute('data-mode',next);
619
- try{localStorage.setItem('cb-color-mode',next);}catch(e){}
620
- });
621
-
622
- var rows=Array.prototype.slice.call(document.querySelectorAll('tbody input[type=checkbox]'));
623
- var all=document.getElementById('all');
624
- var out=document.getElementById('selcount');
625
- function tally(){
626
- var n=rows.filter(function(c){return c.checked;}).length;
627
- out.textContent=n+' selected';
628
- all.checked=n>0&&n===rows.filter(function(c){return !c.disabled;}).length;
629
- }
630
- rows.forEach(function(c){c.addEventListener('change',tally);});
631
- all.addEventListener('change',function(){
632
- rows.forEach(function(c){if(!c.disabled)c.checked=all.checked;});
633
- tally();
634
- });
635
-
636
- var tabs=Array.prototype.slice.call(document.querySelectorAll('[role=tab]'));
637
- tabs.forEach(function(t){
638
- t.addEventListener('click',function(){
639
- tabs.forEach(function(o){
640
- var on=o===t;
641
- o.setAttribute('aria-selected',on?'true':'false');
642
- document.getElementById(o.getAttribute('aria-controls')).hidden=!on;
643
- });
644
- });
645
- });
646
- })();
647
- </script>
648
- </body>
649
- </html>