codebay 0.5.0 → 0.7.0

package/.mochi/svelte-css/Avatar-3pi30db6ozvf0.css

@@ -0,0 +1 @@
+.avatar.svelte-1pre9qb{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);border:1px solid var(--ink);background:var(--bg);flex:none}.px.svelte-1pre9qb{box-sizing:border-box;padding:0 var(--gap)var(--gap)0;background-clip:content-box;background-color:var(--rule-soft)}.px.gray.svelte-1pre9qb{background-color:var(--led-gray)}.px.on.svelte-1pre9qb{background-color:var(--ink)}@property --hue{syntax:"<angle>";inherits:false;initial-value:0deg}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}.avatar.interactive.svelte-1pre9qb{position:relative;cursor:pointer;touch-action:none}.invert.svelte-1pre9qb{position:absolute;pointer-events:none;opacity:0;mix-blend-mode:difference;-webkit-mask:radial-gradient(circle at var(--bx)var(--by),#000 0%,#000000eb 24%,#0000 58%);mask:radial-gradient(circle at var(--bx)var(--by),#000 0%,#000000eb 24%,#0000 58%);background:#fff;inset:0}.avatar.pressed.svelte-1pre9qb .invert:where(.svelte-1pre9qb){opacity:1}.avatar.ghosting.svelte-1pre9qb .invert:where(.svelte-1pre9qb){opacity:0;transition:opacity .25s ease-out}.bloom.svelte-1pre9qb{position:absolute;pointer-events:none;opacity:0;mix-blend-mode:screen;filter:hue-rotate(var(--hue,0deg));background:conic-gradient(from var(--spin,0deg)at var(--bx)var(--by),#ff0080,#ffae00,#00ff6a,#00b3ff,#7a00ff,#ff0080),radial-gradient(circle at var(--bx)var(--by),#0d0e0ad9 0%,#0d0e0a66 18%,transparent 45%);-webkit-mask:radial-gradient(circle at var(--bx)var(--by),transparent 8%,#000 26%,#000 38%,transparent 60%);mask:radial-gradient(circle at var(--bx)var(--by),transparent 8%,#000 26%,#000 38%,transparent 60%);transition:--hue .35s ease-out,--spin .35s ease-out;inset:0}.avatar.pressed.svelte-1pre9qb .bloom:where(.svelte-1pre9qb){opacity:.45}.avatar.ghosting.svelte-1pre9qb .bloom:where(.svelte-1pre9qb){opacity:0;transition:opacity .25s ease-out}@media (prefers-reduced-motion:no-preference){.avatar.interactive.svelte-1pre9qb{transition:transform .25s ease-out}.avatar.pressed.svelte-1pre9qb{transition:transform 60ms ease-out;transform:scale(.97)}}

package/.mochi/svelte-css/AvatarEditor-2ewwtejaml4e2.css

@@ -0,0 +1 @@
+.editor.svelte-qu6vp4{display:flex;background:var(--bg-card);border:1px solid var(--rule);overflow:hidden;flex-direction:column;width:100%}.head.svelte-qu6vp4{display:flex;border-bottom:1px solid var(--ink);background:var(--ink);align-items: center;padding:14px 18px}.head.svelte-qu6vp4 h2:where(.svelte-qu6vp4){font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--bg);margin:0;font-size:17px;font-weight:700}.body.svelte-qu6vp4{display:flex;flex-wrap:wrap;gap:18px;padding:18px}.grid-frame.svelte-qu6vp4{display:grid;grid-template-columns:repeat(10,40px);grid-template-rows:repeat(10,40px);border:1px solid var(--ink);background:var(--bg);flex:none;width:400px;height:400px}.ring-cell.svelte-qu6vp4{box-sizing:border-box;background-clip:content-box;background-color:var(--rule-soft);opacity:.4;padding:0 1px 1px 0}.grid.svelte-qu6vp4{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);grid-column:2/10;grid-row:2/10;cursor:crosshair;touch-action:none}.cell.svelte-qu6vp4{box-sizing:border-box;background-clip:content-box;background-color:var(--rule-soft);padding:0 1px 1px 0}.cell.gray.svelte-qu6vp4{background-color:var(--led-gray)}.cell.on.svelte-qu6vp4{background-color:var(--ink)}.side.svelte-qu6vp4{display:flex;flex-direction:column;flex:1;gap:16px;min-width:160px}.preview-label.svelte-qu6vp4{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);font-size:11px;font-family:var(--font-mono)}.preview-row.svelte-qu6vp4{display:flex;align-items: flex-end;gap:10px;margin-top:6px}.name-field.svelte-qu6vp4{display:flex;flex-direction:column;gap:6px}.name-field.svelte-qu6vp4 input:where(.svelte-qu6vp4){font-family:var(--font-mono);border:1px solid var(--ink);background:var(--bg);color:var(--ink);padding:8px 12px;font-size:13px}.name-field.svelte-qu6vp4 input:where(.svelte-qu6vp4)::placeholder{color:var(--ink-faint)}.name-field.svelte-qu6vp4 input:where(.svelte-qu6vp4):focus{outline:none;box-shadow:inset 3px 3px 0 var(--rule-soft)}.mode-field.svelte-qu6vp4{display:flex;flex-direction:column;gap:6px}.modes.svelte-qu6vp4{display:flex;border:1px solid var(--ink)}.mode.svelte-qu6vp4{border:none;border-right:1px solid var(--ink);background:var(--bg);color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;flex:1;padding:7px 6px;font-size:11px}.mode.svelte-qu6vp4:last-child{border-right:none}.mode.active.svelte-qu6vp4{background:var(--ink);color:var(--bg)}.mode.svelte-qu6vp4:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--rule-soft)}.tools.svelte-qu6vp4{display:flex;gap:8px}.foot.svelte-qu6vp4{display:flex;border-top:1px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px;padding:14px 18px}.hint.svelte-qu6vp4{font-family:var(--font-mono);color:var(--ink-faint);flex:1;min-width:180px;font-size:12px}.actions.svelte-qu6vp4{display:flex;gap:8px}.actions.svelte-qu6vp4 .btn{white-space:nowrap}

package/.mochi/svelte-css/{AvatarsView-3hq37u4dgtljn.css → AvatarsView-2ughbzc26luyb.css}

@@ -1 +1 @@
-.page.svelte-fkq7sr{display:flex;flex-direction:column;min-height:100vh}.title.svelte-fkq7sr{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);align-items: center;padding:0 14px;font-size:12px}.content.svelte-fkq7sr{display:flex;flex-direction:column;flex:1;align-items: center;gap:24px;padding:32px 20px}.content.svelte-fkq7sr>*{width:100%;max-width:720px}.catalog.svelte-fkq7sr{background:var(--bg-card);border:1px solid var(--rule);padding:18px}.catalog.svelte-fkq7sr header:where(.svelte-fkq7sr){margin-bottom:20px}.catalog.svelte-fkq7sr h2:where(.svelte-fkq7sr){font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:17px;font-weight:700}.catalog.svelte-fkq7sr header:where(.svelte-fkq7sr) p:where(.svelte-fkq7sr){font-family:var(--font-mono);color:var(--ink-soft);margin:4px 0 0;font-size:12px}ul.svelte-fkq7sr{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:20px;margin:0;padding:0}li.svelte-fkq7sr{display:flex;flex-direction:column;align-items: center;gap:8px}.label.svelte-fkq7sr{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:11px}
+.page.svelte-fkq7sr{display:flex;flex-direction:column;min-height:100vh}.title.svelte-fkq7sr{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);align-items: center;padding:0 14px;font-size:12px}.content.svelte-fkq7sr{display:flex;flex-direction:column;flex:1;align-items: center;gap:24px;padding:32px 20px}.content.svelte-fkq7sr>*{width:100%;max-width:720px}.catalog.svelte-fkq7sr{background:var(--bg-card);border:1px solid var(--rule);padding:18px}.catalog.svelte-fkq7sr header:where(.svelte-fkq7sr){margin-bottom:20px}.catalog.svelte-fkq7sr h2:where(.svelte-fkq7sr){font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:17px;font-weight:700}.catalog.svelte-fkq7sr header:where(.svelte-fkq7sr) p:where(.svelte-fkq7sr){font-family:var(--font-mono);color:var(--ink-soft);margin:4px 0 0;font-size:12px}ul.svelte-fkq7sr{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:20px;margin:0;padding:0}li.svelte-fkq7sr{display:flex;flex-direction:column;align-items: center;gap:8px}.label.svelte-fkq7sr{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);align-items: center;gap:4px;font-size:11px}.robot-mark.svelte-fkq7sr{display:inline-flex;color:var(--ink-faint)}

package/.mochi/svelte-css/InstanceCard-3vnltxnbxkvay.css

@@ -0,0 +1 @@
+.card.svelte-13338y7{position:relative;background:var(--bg-card);padding:16px 16px 14px;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end)}.card.svelte-13338y7:hover:not(.busy){box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.busy-overlay.svelte-13338y7{position:absolute;z-index:1;display:flex;background:color-mix(in srgb,var(--bg-card)78%,transparent);justify-content:center;align-items: center;inset:0}.busy-label.svelte-13338y7{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--ink);background:var(--ink);color:var(--bg);animation:svelte-13338y7-lcd-blink 1.1s steps(1)infinite;padding:4px 9px;font-size:12px;font-weight:600}@keyframes svelte-13338y7-lcd-blink{50%{background:0 0;color:var(--ink)}}@media (prefers-reduced-motion:reduce){.busy-label.svelte-13338y7{animation:none}}.card-head.svelte-13338y7{display:flex;align-items: center;gap:11px}.attn.svelte-13338y7{border:1px solid var(--ink);flex:none;width:14px;height:14px}.attn.attn-done.svelte-13338y7{background:var(--attn-done);animation:svelte-13338y7-card-attn-pulse 1.4s ease-in-out infinite}.attn.attn-waiting.svelte-13338y7{background:var(--attn-waiting);animation:svelte-13338y7-card-attn-pulse 1.4s ease-in-out infinite}@keyframes svelte-13338y7-card-attn-pulse{0%,to{box-shadow:0 0 #0000;filter:brightness(.85)}50%{box-shadow:0 0 7px 2px color-mix(in srgb,currentColor 60%,transparent);filter:brightness(1.15)}}.attn.attn-done.svelte-13338y7{color:var(--attn-done)}.attn.attn-waiting.svelte-13338y7{color:var(--attn-waiting)}@media (prefers-reduced-motion:reduce){.attn.svelte-13338y7{animation:none;filter:none}}.name.svelte-13338y7{font-family:var(--font-mono);overflow-wrap:anywhere;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;flex:1;min-width:0;margin:0;padding:2px 4px;font-size:15px;font-weight:600}.name.svelte-13338y7:hover{border-color:var(--ink-faint)}.name-edit.svelte-13338y7{font-family:var(--font-mono);border:1px solid var(--ink);background:var(--bg);color:var(--ink);outline:none;flex:1;min-width:0;margin:0;padding:2px 4px;font-size:15px;font-weight:600}.path.svelte-13338y7{font-family:var(--font-mono);color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-size:12px}.card-error.svelte-13338y7{font-family:var(--font-mono);color:var(--ink);background:var(--bg);border:1px solid var(--ink);overflow:auto;max-height:80px;margin-top:10px;padding:8px 10px;font-size:12px}.actions.svelte-13338y7{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}

package/.mochi/svelte-css/InstanceFilter-3q6x0jt0hcgpz.css

@@ -0,0 +1 @@
+.picker.svelte-12yor8r{display:inline-flex;border:1px solid var(--ink);background:var(--bg-card);flex:none}.segment.svelte-12yor8r{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);cursor:pointer;background:0 0;border:none;align-items: center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600}.segment.svelte-12yor8r+.segment:where(.svelte-12yor8r){border-left:1px solid var(--ink)}.segment.svelte-12yor8r:hover:not(.active){background:var(--ink);color:var(--bg)}.segment.active.svelte-12yor8r{background:var(--ink);color:var(--bg);cursor:default;font-weight:700}.segment.svelte-12yor8r:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}

package/.mochi/svelte-css/{InstanceView-wq85bxtusont.css → InstanceView-3vzow3ttxzlh3.css}

@@ -1 +1 @@
-.topbar.svelte-15fxkvm{display:flex;border-bottom:1px solid var(--rule);align-items: center;gap:18px;padding:16px 24px}.back.svelte-15fxkvm{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);text-decoration:none;align-items: center;gap:5px;font-size:12px}.back.svelte-15fxkvm:hover{color:var(--ink)}.title.svelte-15fxkvm{display:flex;flex:1;align-items: center;gap:12px}.name.svelte-15fxkvm{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:20px;font-weight:700}.open.svelte-15fxkvm{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);text-decoration:none;border:1px solid var(--ink);align-items: center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600}.open.svelte-15fxkvm:hover{background:var(--ink);color:var(--bg)}.restart.svelte-15fxkvm{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--bg);border:1px solid var(--ink);cursor:pointer;align-items: center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600}.restart.svelte-15fxkvm:hover:not(:disabled){background:var(--ink);color:var(--bg)}.restart.svelte-15fxkvm:disabled{opacity:.5;cursor:not-allowed}.restart-err.svelte-15fxkvm{font-family:var(--font-mono);color:var(--danger);margin:0;padding:8px 24px 0;font-size:12px}.stage.svelte-15fxkvm{max-width:1200px;margin:0 auto;padding:20px 24px 40px}.meta.svelte-15fxkvm{display:grid;grid-template-columns:max-content 1fr;align-items: center;gap:6px 14px;margin-bottom:18px}.meta.svelte-15fxkvm .k:where(.svelte-15fxkvm){font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:12px;font-weight:700}.meta.svelte-15fxkvm code:where(.svelte-15fxkvm){font-family:var(--font-mono);color:var(--ink-soft);font-size:13px}.meta.svelte-15fxkvm code.muted:where(.svelte-15fxkvm){color:var(--ink-faint)}.healthslot.svelte-15fxkvm,.ports.svelte-15fxkvm{margin-bottom:18px}.ports-bar.svelte-15fxkvm{display:flex;justify-content:space-between;align-items: center}.rebuild.svelte-15fxkvm{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--bg);color:var(--ink);border:1px solid var(--bg);cursor:pointer;padding:4px 9px;font-size:10px;font-weight:600}.rebuild.svelte-15fxkvm:hover:not(:disabled){color:var(--bg);background:0 0}.rebuild.svelte-15fxkvm:disabled{opacity:.5;cursor:not-allowed}.ports-body.svelte-15fxkvm{background:var(--bg-card);padding:12px 14px 14px}.port-list.svelte-15fxkvm{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0 0 12px;padding:0}.port-list.svelte-15fxkvm li:where(.svelte-15fxkvm){display:flex;font-family:var(--font-mono);align-items: center;gap:8px;font-size:13px}.port-list.svelte-15fxkvm .cp:where(.svelte-15fxkvm){color:var(--ink);font-weight:600}.port-list.svelte-15fxkvm .arr:where(.svelte-15fxkvm){color:var(--ink-faint)}.port-list.svelte-15fxkvm a:where(.svelte-15fxkvm){display:inline-flex;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink-faint);align-items: center;gap:4px}.port-list.svelte-15fxkvm a:where(.svelte-15fxkvm):hover{border-bottom-color:var(--ink)}.rm.svelte-15fxkvm{border:1px solid var(--ink-faint);color:var(--ink-soft);cursor:pointer;background:0 0;width:20px;height:20px;margin-left:auto;font-size:15px;line-height:1}.rm.svelte-15fxkvm:hover{border-color:var(--danger);color:var(--danger)}.empty.svelte-15fxkvm{font-family:var(--font-mono);color:var(--ink-faint);margin:0 0 12px;font-size:12px}.add.svelte-15fxkvm{display:flex;gap:8px}.add.svelte-15fxkvm input:where(.svelte-15fxkvm){font-family:var(--font-mono);border:1px solid var(--ink);background:var(--bg);color:var(--ink);outline:none;flex:1;min-width:0;padding:6px 9px;font-size:13px}.add.svelte-15fxkvm button:where(.svelte-15fxkvm){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--ink);background:var(--bg-card);color:var(--ink);cursor:pointer;padding:6px 14px;font-size:12px;font-weight:600}.add.svelte-15fxkvm button:where(.svelte-15fxkvm):hover{background:var(--ink);color:var(--bg)}.port-err.svelte-15fxkvm{font-family:var(--font-mono);color:var(--danger);margin:10px 0 0;font-size:12px}.hint.svelte-15fxkvm{font-family:var(--font-mono);color:var(--ink-faint);margin:10px 0 0;font-size:11px}.hint.pending.svelte-15fxkvm{color:var(--ink-soft)}.hint.svelte-15fxkvm code:where(.svelte-15fxkvm){color:var(--ink)}.logwrap.svelte-15fxkvm{overflow:hidden}.log-bar.svelte-15fxkvm{display:flex;justify-content:space-between;align-items: center}.copy.svelte-15fxkvm{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--bg);color:var(--ink);border:1px solid var(--bg);cursor:pointer;padding:4px 9px;font-size:10px;font-weight:600}.copy.svelte-15fxkvm:hover:not(:disabled){color:var(--bg);background:0 0}.copy.svelte-15fxkvm:disabled{opacity:.5;cursor:not-allowed}.logs.svelte-15fxkvm{position:relative;background:repeating-linear-gradient(0deg,var(--screen-line)0 1px,transparent 1px 3px),var(--screen-bg);color:var(--screen-ink);overflow:auto;height:calc(100vh - 320px);min-height:360px;padding:14px}.logs.svelte-15fxkvm pre:where(.svelte-15fxkvm){font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;margin:0;font-size:12.5px;line-height:1.5}@keyframes svelte-15fxkvm-lcd-blink{50%{background:0 0}}.caret.svelte-15fxkvm{display:inline-block;background:var(--screen-ink);vertical-align:text-bottom;animation:svelte-15fxkvm-lcd-blink 1.05s steps(1)infinite;width:.6em;height:1.05em;margin-left:2px}.err.svelte-15fxkvm{background:var(--bg-card);color:var(--ink);border-top:2px solid var(--ink);font-family:var(--font-mono);padding:12px 14px;font-size:13px}
+.topbar.svelte-15fxkvm{display:flex;border-bottom:1px solid var(--rule);align-items: center;gap:18px;padding:16px 24px}.back.svelte-15fxkvm{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);text-decoration:none;align-items: center;gap:5px;font-size:12px}.back.svelte-15fxkvm:hover{color:var(--ink)}.title.svelte-15fxkvm{display:flex;flex:1;align-items: center;gap:12px}.name.svelte-15fxkvm{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:20px;font-weight:700}.open.svelte-15fxkvm{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);text-decoration:none;border:1px solid var(--ink);align-items: center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600}.open.svelte-15fxkvm:hover{background:var(--ink);color:var(--bg)}.restart.svelte-15fxkvm{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--bg);border:1px solid var(--ink);cursor:pointer;align-items: center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600}.restart.svelte-15fxkvm:hover:not(:disabled){background:var(--ink);color:var(--bg)}.restart.svelte-15fxkvm:disabled{opacity:.5;cursor:not-allowed}.restart-err.svelte-15fxkvm{font-family:var(--font-mono);color:var(--danger);margin:0;padding:8px 24px 0;font-size:12px}.stage.svelte-15fxkvm{max-width:1200px;margin:0 auto;padding:20px 24px 40px}.meta.svelte-15fxkvm{display:grid;grid-template-columns:max-content 1fr;align-items: center;gap:6px 14px;margin-bottom:18px}.meta.svelte-15fxkvm .k:where(.svelte-15fxkvm){font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:12px;font-weight:700}.meta.svelte-15fxkvm code:where(.svelte-15fxkvm){font-family:var(--font-mono);color:var(--ink-soft);font-size:13px}.meta.svelte-15fxkvm code.muted:where(.svelte-15fxkvm){color:var(--ink-faint)}.healthslot.svelte-15fxkvm,.ports.svelte-15fxkvm{margin-bottom:18px}.ports-bar.svelte-15fxkvm{display:flex;justify-content:space-between;align-items: center}.rebuild.svelte-15fxkvm{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--bg);color:var(--ink);border:1px solid var(--bg);cursor:pointer;padding:4px 9px;font-size:10px;font-weight:600}.rebuild.svelte-15fxkvm:hover:not(:disabled){color:var(--bg);background:0 0}.rebuild.svelte-15fxkvm:disabled{opacity:.5;cursor:not-allowed}.ports-body.svelte-15fxkvm{background:var(--bg-card);padding:12px 14px 14px}.port-list.svelte-15fxkvm{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0 0 12px;padding:0}.port-list.svelte-15fxkvm li:where(.svelte-15fxkvm){display:flex;font-family:var(--font-mono);align-items: center;gap:8px;font-size:13px}.port-list.svelte-15fxkvm .cp:where(.svelte-15fxkvm){color:var(--ink);font-weight:600}.port-list.svelte-15fxkvm .arr:where(.svelte-15fxkvm){color:var(--ink-faint)}.port-list.svelte-15fxkvm a:where(.svelte-15fxkvm){display:inline-flex;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink-faint);align-items: center;gap:4px}.port-list.svelte-15fxkvm a:where(.svelte-15fxkvm):hover{border-bottom-color:var(--ink)}.rm.svelte-15fxkvm{border:1px solid var(--ink-faint);color:var(--ink-soft);cursor:pointer;background:0 0;width:20px;height:20px;margin-left:auto;font-size:15px;line-height:1}.rm.svelte-15fxkvm:hover{border-color:var(--danger);color:var(--danger)}.empty.svelte-15fxkvm{font-family:var(--font-mono);color:var(--ink-faint);margin:0 0 12px;font-size:12px}.add.svelte-15fxkvm{display:flex;gap:8px}.add.svelte-15fxkvm input:where(.svelte-15fxkvm){font-family:var(--font-mono);border:1px solid var(--ink);background:var(--bg);color:var(--ink);outline:none;flex:1;min-width:0;padding:6px 9px;font-size:13px}.add.svelte-15fxkvm button:where(.svelte-15fxkvm){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--ink);background:var(--bg-card);color:var(--ink);cursor:pointer;padding:6px 14px;font-size:12px;font-weight:600}.add.svelte-15fxkvm button:where(.svelte-15fxkvm):hover{background:var(--ink);color:var(--bg)}.port-err.svelte-15fxkvm{font-family:var(--font-mono);color:var(--danger);margin:10px 0 0;font-size:12px}.hint.svelte-15fxkvm{font-family:var(--font-mono);color:var(--ink-faint);margin:10px 0 0;font-size:11px}.hint.pending.svelte-15fxkvm{color:var(--ink-soft)}.hint.svelte-15fxkvm code:where(.svelte-15fxkvm){color:var(--ink)}.logwrap.svelte-15fxkvm{overflow:hidden}.log-bar.svelte-15fxkvm{display:flex;justify-content:space-between;align-items: center}.log-actions.svelte-15fxkvm{display:flex;align-items: center;gap:6px}.copy.svelte-15fxkvm{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--bg);color:var(--ink);border:1px solid var(--bg);cursor:pointer;padding:4px 9px;font-size:10px;font-weight:600}.copy.svelte-15fxkvm:hover:not(:disabled),.copy.active.svelte-15fxkvm{color:var(--bg);background:0 0}.copy.svelte-15fxkvm:disabled{opacity:.5;cursor:not-allowed}.logs.svelte-15fxkvm{position:relative;background:repeating-linear-gradient(0deg,var(--screen-line)0 1px,transparent 1px 3px),var(--screen-bg);color:var(--screen-ink);overflow:auto;height:calc(100vh - 320px);min-height:360px;padding:14px}.logs.svelte-15fxkvm pre:where(.svelte-15fxkvm){font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;margin:0;font-size:12.5px;line-height:1.5}@keyframes svelte-15fxkvm-lcd-blink{50%{background:0 0}}.caret.svelte-15fxkvm{display:inline-block;background:var(--screen-ink);vertical-align:text-bottom;animation:svelte-15fxkvm-lcd-blink 1.05s steps(1)infinite;width:.6em;height:1.05em;margin-left:2px}.err.svelte-15fxkvm{background:var(--bg-card);color:var(--ink);border-top:2px solid var(--ink);font-family:var(--font-mono);padding:12px 14px;font-size:13px}

package/README.md

@@ -35,6 +35,8 @@ bun run dev        # dev server, local ./.codebay DATA_DIR, no browser launch
 bun run checks     # format + typecheck + tests
 ```
 
+The repo also ships a minimal Bun devcontainer (`.devcontainer/`) for a containerized setup. New to authoring devcontainers? See the general [Devcontainer guide](./DEVCONTAINER_GUIDE.md).
+
 ## License
 
 MIT

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "codebay",
-	"version": "0.5.0",
+	"version": "0.7.0",
 	"description": "Web UI for spinning up isolated devcontainer instances from any local folder, each with a browser-based VS Code (code-server) — built for parallel Claude Code workflows.",
 	"type": "module",
 	"license": "MIT",
@@ -52,7 +52,7 @@
 		"test": "bun test",
 		"lint": "prettier --check . && eslint .",
 		"format": "prettier --write .",
-		"checks": "bun run format && bun run typecheck && bun run test",
+		"checks": "bun run format && eslint . && bun run typecheck && bun run test",
 		"clean": "rimraf .mochi",
 		"gen:chimes": "bun scripts/gen-chimes.ts",
 		"debug:tokens": "bun scripts/debug-tokens.ts",

package/src/avatars/anchor.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'anchor',
+	robot: true,
 	pixels: [
 		'...##...',
 		'..#..#..',

package/src/avatars/ant-head.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'ant-head',
+	pixels: [
+		'#......#',
+		'.#....#.',
+		'.######.',
+		'#..##..#',
+		'#..##..#',
+		'#..##..#',
+		'.######.',
+		'...##...'
+	]
+};
+
+export default art;

package/src/avatars/apple.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'apple',
+	pixels: [
+		'...##...',
+		'...#....',
+		'.##..##.',
+		'#.######',
+		'#.######',
+		'#.######',
+		'.#.####.',
+		'..####..'
+	]
+};
+
+export default art;

package/src/avatars/bear.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'bear',
+	robot: true,
 	pixels: [
 		'##....##',
 		'###..###',

package/src/avatars/bee.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'bee',
+	robot: true,
 	pixels: [
 		'.#....#.',
 		'##.##.##',

package/src/avatars/bodybuilder.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'bodybuilder',
+	pixels: [
+		'...##...',
+		'...##...',
+		'.#....#.',
+		'#..##..#',
+		'##....##',
+		'##.##.##',
+		'........',
+		'...##...'
+	]
+};
+
+export default art;

package/src/avatars/cat.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'cat',
+	robot: true,
 	pixels: [
 		'##....##',
 		'##....##',

package/src/avatars/cherry.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'cherry',
+	robot: true,
 	pixels: [
 		'......##',
 		'....###.',

package/src/avatars/crab.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'crab',
+	robot: true,
 	pixels: [
 		'.#....#.',
 		'##....##',

package/src/avatars/crown.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'crown',
+	robot: true,
 	pixels: [
 		'#......#',
 		'#..##..#',

package/src/avatars/diamond.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'diamond',
+	robot: true,
 	pixels: [
 		'.######.',
 		'#.#..#.#',

package/src/avatars/dog.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'dog',
+	robot: true,
 	pixels: [
 		'##....##',
 		'##.##.##',

package/src/avatars/editor.ts

@@ -0,0 +1,17 @@
+// Drawing modes for the avatar editor: how a click advances a cell's value.
+import { ON, OFF, GRAY } from './types.ts';
+
+export type Mode = 'black' | 'gray' | 'cycle';
+
+export const MODES: { id: Mode; label: string }[] = [
+	{ id: 'black', label: 'Black' },
+	{ id: 'gray', label: 'Gray' },
+	{ id: 'cycle', label: 'Cycle' }
+];
+
+// black toggles off↔on, gray toggles off↔gray, cycle steps off→gray→on→off.
+export function nextValue(mode: Mode, current: number): number {
+	if (mode === 'black') return current === ON ? OFF : ON;
+	if (mode === 'gray') return current === GRAY ? OFF : GRAY;
+	return current === OFF ? GRAY : current === GRAY ? ON : OFF;
+}

package/src/avatars/fish.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'fish',
+	robot: true,
 	pixels: [
 		'......#.',
 		'.###.##.',

package/src/avatars/flower.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'flower',
+	robot: true,
 	pixels: [
 		'..#..#..',
 		'.###.##.',

package/src/avatars/fox.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'fox',
+	robot: true,
 	pixels: [
 		'##....##',
 		'##....##',

package/src/avatars/frog.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'frog',
+	robot: true,
 	pixels: [
 		'.#....#.',
 		'###..###',

package/src/avatars/ghost.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'ghost',
+	robot: true,
 	pixels: [
 		'..####..',
 		'.######.',

package/src/avatars/heart.ts

@@ -3,14 +3,14 @@ import type { AvatarArt } from './types.ts';
 const art: AvatarArt = {
 	name: 'heart',
 	pixels: [
-		'.##..##.',
-		'########',
-		'########',
-		'########',
-		'.######.',
-		'..####..',
-		'...##...',
-		'........'
+		'........',
+		'........',
+		'.##.##..',
+		'#..#..#.',
+		'#.....#.',
+		'.#...#..',
+		'..#.#...',
+		'...#....'
 	]
 };
 

package/src/avatars/horse.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'horse',
+	pixels: [
+		'....#.#.',
+		'....####',
+		'....####',
+		'....##..',
+		'######..',
+		'#.#.##..',
+		'#.#.##..',
+		'#.#.##..'
+	]
+};
+
+export default art;

package/src/avatars/index.ts

@@ -1,9 +1,12 @@
 import type { AvatarArt } from './types.ts';
 
 import anchor from './anchor.ts';
+import antHead from './ant-head.ts';
+import apple from './apple.ts';
 import bear from './bear.ts';
 import bee from './bee.ts';
 import bobMarley from './bob-marley.ts';
+import bodybuilder from './bodybuilder.ts';
 import car from './car.ts';
 import carpathians from './carpathians.ts';
 import cat from './cat.ts';
@@ -26,6 +29,7 @@ import ghost from './ghost.ts';
 import giraffe from './giraffe.ts';
 import glasses from './glasses.ts';
 import heart from './heart.ts';
+import horse from './horse.ts';
 import invader from './invader.ts';
 import kangaroo from './kangaroo.ts';
 import key from './key.ts';
@@ -35,6 +39,7 @@ import octopus from './octopus.ts';
 import owl from './owl.ts';
 import penguin from './penguin.ts';
 import planet from './planet.ts';
+import prayingMantis from './praying-mantis.ts';
 import rabbit from './rabbit.ts';
 import rat from './rat.ts';
 import robot from './robot.ts';
@@ -44,21 +49,29 @@ import skull from './skull.ts';
 import snail from './snail.ts';
 import snake from './snake.ts';
 import snakegame from './snakegame.ts';
+import snowflake from './snowflake.ts';
 import star from './star.ts';
+import strawberry from './strawberry.ts';
 import svelte from './svelte.ts';
 import target from './target.ts';
 import tree from './tree.ts';
 import ukraine from './ukraine.ts';
+import vangoghAlmondBlossoms from './vangogh-almond-blossoms.ts';
+import wasp from './wasp.ts';
 import whale from './whale.ts';
 import wheat from './wheat.ts';
+import windmill from './windmill.ts';
 import yinyan from './yinyan.ts';
 
 // Order must stay stable, or every container's artwork changes on the next restart.
 export const avatars: AvatarArt[] = [
 	anchor,
+	antHead,
+	apple,
 	bear,
 	bee,
 	bobMarley,
+	bodybuilder,
 	car,
 	carpathians,
 	cat,
@@ -81,6 +94,7 @@ export const avatars: AvatarArt[] = [
 	giraffe,
 	glasses,
 	heart,
+	horse,
 	invader,
 	kangaroo,
 	key,
@@ -90,6 +104,7 @@ export const avatars: AvatarArt[] = [
 	owl,
 	penguin,
 	planet,
+	prayingMantis,
 	rabbit,
 	rat,
 	robot,
@@ -99,13 +114,18 @@ export const avatars: AvatarArt[] = [
 	snail,
 	snake,
 	snakegame,
+	snowflake,
 	star,
+	strawberry,
 	svelte,
 	target,
 	tree,
 	ukraine,
+	vangoghAlmondBlossoms,
+	wasp,
 	whale,
 	wheat,
+	windmill,
 	yinyan
 ];
 

package/src/avatars/invader.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'invader',
+	robot: true,
 	pixels: [
 		'#......#',
 		'.#....#.',

package/src/avatars/key.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'key',
+	robot: true,
 	pixels: [
 		'.####...',
 		'##..##..',

package/src/avatars/lightning.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'lightning',
+	robot: true,
 	pixels: [
 		'...#####',
 		'..####..',

package/src/avatars/mushroom.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'mushroom',
+	robot: true,
 	pixels: [
 		'..####..',
 		'.######.',

package/src/avatars/octopus.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'octopus',
+	robot: true,
 	pixels: [
 		'..####..',
 		'.######.',

package/src/avatars/owl.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'owl',
+	robot: true,
 	pixels: [
 		'#......#',
 		'##....##',

package/src/avatars/penguin.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'penguin',
+	robot: true,
 	pixels: [
 		'..####..',
 		'.######.',

package/src/avatars/planet.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'planet',
+	robot: true,
 	pixels: [
 		'...###..',
 		'..#####.',

package/src/avatars/praying-mantis.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'praying-mantis',
+	pixels: [
+		'#.....#.',
+		'.#...#..',
+		'.##.##..',
+		'#..#..#.',
+		'#..#..#.',
+		'.#####..',
+		'..#.#...',
+		'...#....'
+	]
+};
+
+export default art;

package/src/avatars/rabbit.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'rabbit',
+	robot: true,
 	pixels: [
 		'.#....#.',
 		'.##..##.',

package/src/avatars/robot.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'robot',
+	robot: true,
 	pixels: [
 		'...##...',
 		'...#....',

package/src/avatars/rocket.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'rocket',
+	robot: true,
 	pixels: [
 		'...##...',
 		'..####..',

package/src/avatars/serialize.ts

@@ -1,6 +1,6 @@
 // Turns an avatar-editor drawing into the two things a contribution needs:
 // module source and a pre-filled issue URL.
-import { type AvatarArt, ROWS, COLS, ON } from './types.ts';
+import { type AvatarArt, ROWS, COLS, ON, GRAY } from './types.ts';
 
 export const REPO_URL = 'https://github.com/khromov/codebay';
 
@@ -18,7 +18,8 @@ export function cellsToPixels(cells: number[]): string[] {
 	for (let r = 0; r < ROWS; r++) {
 		let row = '';
 		for (let c = 0; c < COLS; c++) {
-			row += cells[r * COLS + c] === ON ? '#' : '.';
+			const cell = cells[r * COLS + c];
+			row += cell === ON ? '#' : cell === GRAY ? '+' : '.';
 		}
 		rows.push(row);
 	}
@@ -58,7 +59,7 @@ export function toIssueUrl(art: AvatarArt): string {
 		toModuleSource(art).trimEnd(),
 		'```',
 		'',
-		'_It should satisfy `src/avatars/avatars.test.ts`: exactly 8×8, only `#`/`.` pixels, unique name._'
+		'_It should satisfy `src/avatars/avatars.test.ts`: exactly 8×8, only `#`/`+`/`.` pixels, unique name._'
 	].join('\n');
 	const params = new URLSearchParams({ title, body });
 	return `${REPO_URL}/issues/new?${params}`;

package/src/avatars/skull.ts

@@ -4,13 +4,13 @@ const art: AvatarArt = {
 	name: 'skull',
 	pixels: [
 		'.######.',
+		'#..#..##',
+		'#..#..##',
 		'########',
-		'#.####.#',
-		'#.#..#.#',
-		'########',
-		'##.##.##',
-		'.#.##.#.',
-		'.##.##..'
+		'.##.##..',
+		'.#####..',
+		'.#.#.#..',
+		'........'
 	]
 };
 

package/src/avatars/snail.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'snail',
+	robot: true,
 	pixels: [
 		'.####..#',
 		'#....#.#',

package/src/avatars/snowflake.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'snowflake',
+	pixels: [
+		'#..##..#',
+		'.##..##.',
+		'.#.##.#.',
+		'#.####.#',
+		'#.####.#',
+		'.#.##.#.',
+		'.##..##.',
+		'#..##..#'
+	]
+};
+
+export default art;

package/src/avatars/star.ts

@@ -2,6 +2,7 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'star',
+	robot: true,
 	pixels: [
 		'...##...',
 		'...##...',