Share studio: one customisation suite for share images (machine card, canvas, any state) #94

New issue

Open

opened 2026-10-08 10:43:38 +00:00 by kayg · 8 comments

kayg commented 2026-10-08 10:43:38 +00:00

Owner

Copy link

Owner (2026-10-08): one customisation suite for share images, reused everywhere: the machine info share card (D126), the canvas (whole canvas, a view, or a window), and later any state worth sharing.

Scope to grill:

• One share studio component in packages/ui: a live preview of the image with the controls beside it (theme and gradient background, padding, frame and shadow, window chrome on/off, a small infraternal mark on/off, redaction toggles for IPs, hostnames, usernames and paths, aspect presets such as square, 16:9 and story, and scale 1×/2×/3×).
• Output: PNG (and SVG where possible), copy to clipboard, share sheet on mobile, and plain-text or Markdown alternatives where they make sense.
• Rendering stays local in the browser; nothing is uploaded.
• Every surface plugs in through one "shareable" interface (provide a renderable node plus redactable fields).
• Opened from ⌘K ("Share …"), the window pill menu, and the machine popover's share action.

Owner (2026-10-08): one customisation suite for share images, reused everywhere: the machine info share card (D126), the canvas (whole canvas, a view, or a window), and later any state worth sharing. Scope to grill: - One share studio component in packages/ui: a live preview of the image with the controls beside it (theme and gradient background, padding, frame and shadow, window chrome on/off, a small infraternal mark on/off, redaction toggles for IPs, hostnames, usernames and paths, aspect presets such as square, 16:9 and story, and scale 1×/2×/3×). - Output: PNG (and SVG where possible), copy to clipboard, share sheet on mobile, and plain-text or Markdown alternatives where they make sense. - Rendering stays local in the browser; nothing is uploaded. - Every surface plugs in through one "shareable" interface (provide a renderable node plus redactable fields). - Opened from ⌘K ("Share …"), the window pill menu, and the machine popover's share action.

1440x900-ink-view-frosted-windows.png

2.5 MiB

1440x900-paper-view-frosted-windows.png

2 MiB

1440x900-ink-pill-compare.png

1.1 MiB

1440x900-paper-pill-compare.png

872 KiB

1440x900-ink-view-stress.png

1.5 MiB

393x852-ink-pill-compact.png

666 KiB

393x852-ink-view.png

868 KiB

393x852-paper-pill-compact.png

525 KiB

393x852-paper-view.png

786 KiB

375x667-ink-view.png

732 KiB

1440x900-ink-view.png

1.5 MiB

1440x900-paper-view.png

1.4 MiB

crop-ink-header.png

149 KiB

crop-ink-gap-memory-storage.png

40 KiB

crop-ink-gap-storage-network.png

49 KiB

crop-ink-gap-rows.png

21 KiB

crop-ink-below-cards.png

149 KiB

crop-paper-below-cards.png

156 KiB

1440x900-ink-pill-compare.png

1.1 MiB

1440x900-ink-view-stress.png

1.7 MiB

393x852-ink-pill-compact.png

611 KiB

393x852-paper-view.png

903 KiB

crop-ink-gap-processor-memory.png

41 KiB

crop-paper-header.png

146 KiB

crop-paper-gap-memory-storage.png

38 KiB

393x852-ink-view.png

1.1 MiB

94-compact-card-d-ink.png

444 KiB

94-machine-view-d-ink.png

1,005 KiB

94-machine-view-over-frosted-windows-d-ink.png

1,022 KiB

94-machine-view-worst-case-d-ink.png

1.2 MiB

94-today-beside-proposed-d-ink.png

769 KiB

94-compact-card-d-paper.png

404 KiB

94-machine-view-d-paper.png

1,011 KiB

94-machine-view-over-frosted-windows-d-paper.png

984 KiB

94-machine-view-worst-case-d-paper.png

1.1 MiB

94-today-beside-proposed-d-paper.png

631 KiB

94-compact-card-p-ink.png

283 KiB

94-machine-view-over-frosted-windows-p-ink.png

724 KiB

94-machine-view-p-ink.png

722 KiB

94-machine-view-worst-case-p-ink.png

938 KiB

94-today-beside-proposed-p-ink.png

503 KiB

94-compact-card-p-paper.png

227 KiB

94-machine-view-over-frosted-windows-p-paper.png

623 KiB

94-machine-view-worst-case-p-paper.png

729 KiB

94-today-beside-proposed-p-paper.png

389 KiB

kayg referenced this issue 2026-10-08 10:59:04 +00:00

Live sharing: encrypted links to sessions and views with view/edit permission #96

kayg referenced this issue from a commit 2026-10-10 09:21:11 +00:00

spike: mirror browser binary text decoding

kayg referenced this issue from a commit 2026-10-10 09:21:11 +00:00

spike: check crash payloads with native libghostty vt

kayg referenced this issue from a commit 2026-10-10 09:21:11 +00:00

spike: preserve exact renderer crash reproducers

kayg referenced this issue from a commit 2026-10-10 09:21:11 +00:00

spike: mark reproducer payloads as binary

kayg referenced this issue from a commit 2026-10-10 09:21:11 +00:00

docs: record renderer crash minimization evidence

kayg referenced this issue from a commit 2026-10-10 09:21:11 +00:00

docs: draft ghostty web crash report

kayg commented 2026-10-17 16:05:30 +00:00

Author

Owner

Copy link

Owner 2026-10-17: the Machine tab (D126) is part of infrafetch / the share studio — "our take on it, not just copying fastfetch". Mockup round to start: the Machine tab and its share card designed as one infrafetch piece (our own layout, typography and OS marks, live bars only while open, redaction by default), feeding the share studio (#94). Backend facts are on branch host-facts (#238).

Owner 2026-10-17: the Machine tab (D126) is part of **infrafetch / the share studio** — "our take on it, not just copying fastfetch". Mockup round to start: the Machine tab and its share card designed as one infrafetch piece (our own layout, typography and OS marks, live bars only while open, redaction by default), feeding the share studio (#94). Backend facts are on branch host-facts (#238).

kayg commented 2026-10-19 09:32:38 +00:00

Author

Owner

Copy link

Machine view round 2 (mockup), head 34b168d4b8 on branch mockup-infrafetch-r2 (D309, D310).

Open (production build of the mock, preview flag on): /?mock=1&proto=clusters&scene=3&infrafetch=cards&machines=lab. Press the build-01 window pill, then the expand icon in the compact card (or press the card) to open the Machine view. Escape or the close icon closes it. infrafetch=compare shows today's tab beside the proposed card (before/after). &fx=stress is the worst case; &windows=4&card=3 shows the glass over frosted windows.

Screenshots (Chromium, real backdrop blur):

Measured (software-rendered headless Chromium on a host at load 22, so only relative): layout while numbers count 2039 ms per 3 s with CSS columns, 31 ms with the grid used now; view open p50 frame 67 ms against 16.7 ms closed, blur is not the cost (same with it off). Real-device numbers still owed.

Machine view round 2 (mockup), head 34b168d4b8d17d1deaba087b282563d50b44b605 on branch mockup-infrafetch-r2 (D309, D310). Open (production build of the mock, preview flag on): `/?mock=1&proto=clusters&scene=3&infrafetch=cards&machines=lab`. Press the build-01 window pill, then the expand icon in the compact card (or press the card) to open the Machine view. Escape or the close icon closes it. `infrafetch=compare` shows today's tab beside the proposed card (before/after). `&fx=stress` is the worst case; `&windows=4&card=3` shows the glass over frosted windows. Screenshots (Chromium, real backdrop blur):           Measured (software-rendered headless Chromium on a host at load 22, so only relative): layout while numbers count 2039 ms per 3 s with CSS columns, 31 ms with the grid used now; view open p50 frame 67 ms against 16.7 ms closed, blur is not the cost (same with it off). Real-device numbers still owed.

kayg commented 2026-10-19 10:02:04 +00:00

Author

Owner

Copy link

Machine view r2, review fixes, head e4c019cc58 (supersedes the screenshots in my earlier comment).

1. Text behind glass: the canvas is now blurred once as a whole (26 px filter on the panes while the view is open) and tinted 26 percent; cards sit on it with a thin fill. A backdrop blur on the scrim was tried first and left crisp lines at any radius up to 90 px (partial repaints in the software compositor), so it could not guarantee anything. 2x crops of the header, every gap between cards, the row gap and the area below the cards over dense text, ink and paper: no legible text anywhere.
2. Layout: header; row 1 Processor, Memory, Storage, Network; row 2 Running, Software (then Graphics and Details when on); equal heights, full width. Two columns under 1100 px, one under 720 px.
3. Perf, same run, 1440x900 headless software rendering, host at load about 20: popover open (baseline) p50 16.7 ms; Machine view open p50 67 to 83 ms (p95 100 to 133). Earlier versions: 8 backdrop blurs 133 ms, one backdrop blur 100 ms. Not a GPU number; the real-device check is still owed. Keyboard open and close: no running animation or transition right after the open, view gone synchronously on Escape.
   Also: the pill popover no longer repeats the mark and system name above the compact card.

Machine view r2, review fixes, head e4c019cc5800619727376ebdab3f4c96c5b68924 (supersedes the screenshots in my earlier comment). 1. Text behind glass: the canvas is now blurred once as a whole (26 px filter on the panes while the view is open) and tinted 26 percent; cards sit on it with a thin fill. A backdrop blur on the scrim was tried first and left crisp lines at any radius up to 90 px (partial repaints in the software compositor), so it could not guarantee anything. 2x crops of the header, every gap between cards, the row gap and the area below the cards over dense text, ink and paper: no legible text anywhere. 2. Layout: header; row 1 Processor, Memory, Storage, Network; row 2 Running, Software (then Graphics and Details when on); equal heights, full width. Two columns under 1100 px, one under 720 px. 3. Perf, same run, 1440x900 headless software rendering, host at load about 20: popover open (baseline) p50 16.7 ms; Machine view open p50 67 to 83 ms (p95 100 to 133). Earlier versions: 8 backdrop blurs 133 ms, one backdrop blur 100 ms. Not a GPU number; the real-device check is still owed. Keyboard open and close: no running animation or transition right after the open, view gone synchronously on Escape. Also: the pill popover no longer repeats the mark and system name above the compact card.                

kayg referenced this issue 2026-10-28 17:53:56 +00:00

Orchestrator handover 2026-10-28: moving to a new machine #254

kayg referenced this issue 2026-10-28 18:00:45 +00:00

Orchestrator handover 2026-10-28: moving to a new machine #254

kayg referenced this issue 2026-10-30 17:36:12 +00:00

Orchestrator handover 2026-10-30: all work paused; mesh-first roadmap; Claude-only #262

kayg commented 2026-10-31 17:21:15 +00:00

Author

Owner

Copy link

Rebuilt on current dev for the owner's review. Branch mockups-2026-10-31, head 586cd2b13 (base dev 42ab33035, 2026-10-31). Test double only; nothing is real or saved. Not merged, not deployed. Old previews are gone; this replaces them.

Preview (NetBird, bound to infraternal-dev-02-std; index of every mockup: http://10.69.69.117:47650/mockups.html):

• http://10.69.69.117:47650/?mock=1&proto=clusters&scene=3&infrafetch=cards&machines=lab
• http://10.69.69.117:47650/?mock=1&proto=clusters&scene=3&infrafetch=compare&machines=lab
• http://10.69.69.117:47650/?mock=1&proto=clusters&scene=3&infrafetch=cards&machines=lab&fx=stress
• http://10.69.69.117:47650/?mock=1&proto=clusters&scene=3&infrafetch=cards&machines=lab&windows=4&card=3

How: Press a window's pill, then the expand icon in the compact card. Escape closes. Variants: today beside proposed, worst case, over frosted windows.

Note: Rebased only: no design change. The details popover now also carries the privileged-access row and the starting-tab option of the other mockups.

Captures are Chromium on the production build of the mockup, taken by apps/tracer/test/capture-mockups.ts; I have read them for wrong states, not judged them as final.

Desktop 1440×900 @2x, ink

Desktop 1440×900 @2x, paper

Phone 393×852 @3x, ink

Phone 393×852 @3x, paper (first state only)

Rebuilt on current dev for the owner's review. Branch `mockups-2026-10-31`, head `586cd2b13` (base dev `42ab33035`, 2026-10-31). Test double only; nothing is real or saved. Not merged, not deployed. Old previews are gone; this replaces them. **Preview** (NetBird, bound to infraternal-dev-02-std; index of every mockup: http://10.69.69.117:47650/mockups.html): - http://10.69.69.117:47650/?mock=1&proto=clusters&scene=3&infrafetch=cards&machines=lab - http://10.69.69.117:47650/?mock=1&proto=clusters&scene=3&infrafetch=compare&machines=lab - http://10.69.69.117:47650/?mock=1&proto=clusters&scene=3&infrafetch=cards&machines=lab&fx=stress - http://10.69.69.117:47650/?mock=1&proto=clusters&scene=3&infrafetch=cards&machines=lab&windows=4&card=3 **How:** Press a window's pill, then the expand icon in the compact card. Escape closes. Variants: today beside proposed, worst case, over frosted windows. **Note:** Rebased only: no design change. The details popover now also carries the privileged-access row and the starting-tab option of the other mockups. Captures are Chromium on the production build of the mockup, taken by `apps/tracer/test/capture-mockups.ts`; I have read them for wrong states, not judged them as final. **Desktop 1440×900 @2x, ink**      **Desktop 1440×900 @2x, paper**      **Phone 393×852 @3x, ink**      **Phone 393×852 @3x, paper (first state only)**    

kayg referenced this issue 2026-10-31 17:32:45 +00:00

J19: mockups awaiting approval rebuilt on current dev at one URL #272

kayg commented 2026-10-31 17:32:53 +00:00

Author

Owner

Copy link

Update to the comment above: the branch head is now 57871651f (the preview at http://10.69.69.117:47650/mockups.html runs it). The captures above were taken one build earlier; the only difference is that the window terminals there hide their cursor until attached, a production change that was since removed from the branch. Gate output, what is left out, and the budget finding: #272.

Update to the comment above: the branch head is now `57871651f` (the preview at http://10.69.69.117:47650/mockups.html runs it). The captures above were taken one build earlier; the only difference is that the window terminals there hide their cursor until attached, a production change that was since removed from the branch. Gate output, what is left out, and the budget finding: #272.

kayg referenced this issue 2026-11-01 09:41:54 +00:00

Own context menu and swipe actions on rows (Views tree first) #242

kayg commented 2026-11-02 14:18:53 +00:00

Author

Owner

Copy link

J108 start (Machine cards, owner review 2026-11-02). Mockup only, no product code.

Branch machine-cards-structure-j108, base origin/dev 17d282a18. Port, not rebase: mockups-2026-10-31 is 152 commits ahead of and 246 behind dev (a combined preview of many mocks), so I took a fresh branch from dev and cherry-picked the five #94 commits (61415ec5f, 756f8c8a9, 9b64bf248, 34b168d4b, e4c019cc5). Two conflicts, both in details.on-demand.ts (dev's UI-scale width and the "Remove host" hint), resolved by keeping both sides. The combined preview's extra rows in the details popover (privileged access, starting tab) belong to other mocks and are not in this branch.

Owner's words: "machine cards is all kinds of wrong ;/ look at the top tabs they got pushed up! … all of this needs to be pushed inwards and we need to have a proper structure!"

Plan (estimate about 3 h, stop and report at 6 h)

1. Compact card: tab bar inset inside the card by the same inset as the content below (new TASTE row 150 already on main: "Content sits inside its container, with an even inset").
2. Expanded view: stays a window-sized surface on the canvas with even insets (not a full-bleed page); hierarchy identity header, key vitals, details sections; one grid, shared baselines, no orphan wraps. Also: the masked Address, "Infraternal agent: embedded, user" wording, and "Console · offline" with a spinner.
3. Two structure options as separate links: A one column of sections inside the window, B a two-level grid inside the window. Each at 1440×900 and 393×852. I will recommend one.
4. Measure insets per TASTE's check (Playwright), DPR 2 screenshots of compact and expanded (both options, desktop and phone) on this issue.
5. Serve from my own worktree on its own port (the way #304 is served), link it from the #94 entry in mockups.html with an absolute origin, drop the .br/.gz copies.

Not building: product code, new shared components in packages/ui beyond what the mock needs, a capture framework.

Build queues at start: infraternal-dev-02-std 2 busy plus 3 queued; compute01 2 of 4 slots free, so heavy runs go to compute01 (the mock is served from dev-02 because the owner's index lives there; builds are light).

**J108 start** (Machine cards, owner review 2026-11-02). Mockup only, no product code. Branch `machine-cards-structure-j108`, base `origin/dev` 17d282a18. **Port, not rebase:** `mockups-2026-10-31` is 152 commits ahead of and 246 behind dev (a combined preview of many mocks), so I took a fresh branch from dev and cherry-picked the five #94 commits (61415ec5f, 756f8c8a9, 9b64bf248, 34b168d4b, e4c019cc5). Two conflicts, both in `details.on-demand.ts` (dev's UI-scale width and the "Remove host" hint), resolved by keeping both sides. The combined preview's extra rows in the details popover (privileged access, starting tab) belong to other mocks and are not in this branch. Owner's words: "machine cards is all kinds of wrong ;/ look at the top tabs they got pushed up! … all of this needs to be pushed inwards and we need to have a proper structure!" **Plan (estimate about 3 h, stop and report at 6 h)** 1. Compact card: tab bar inset inside the card by the same inset as the content below (new TASTE row 150 already on main: "Content sits inside its container, with an even inset"). 2. Expanded view: stays a window-sized surface on the canvas with even insets (not a full-bleed page); hierarchy identity header, key vitals, details sections; one grid, shared baselines, no orphan wraps. Also: the masked Address, "Infraternal agent: embedded, user" wording, and "Console · offline" with a spinner. 3. Two structure options as separate links: A one column of sections inside the window, B a two-level grid inside the window. Each at 1440×900 and 393×852. I will recommend one. 4. Measure insets per TASTE's check (Playwright), DPR 2 screenshots of compact and expanded (both options, desktop and phone) on this issue. 5. Serve from my own worktree on its own port (the way #304 is served), link it from the #94 entry in `mockups.html` with an absolute origin, drop the `.br`/`.gz` copies. Not building: product code, new shared components in `packages/ui` beyond what the mock needs, a capture framework. Build queues at start: infraternal-dev-02-std 2 busy plus 3 queued; compute01 2 of 4 slots free, so heavy runs go to compute01 (the mock is served from dev-02 because the owner's index lives there; builds are light).

kayg commented 2026-11-02 14:37:14 +00:00

Author

Owner

Copy link

J108: Machine cards, structure round for the owner's review of 2026-11-02. Mockup only; test double; nothing merged or deployed.
Branch machine-cards-structure-j108, head ca718007e (base origin/dev 17d282a18). Port, not rebase (see below).

Links (served from infraternal-dev-02-std, port 47670; also on the index http://10.69.69.117:47650/mockups.html, entry #94). Press the build-01 window's pill, then the expand icon in the compact card; Escape closes.

• A, one column: http://10.69.69.117:47670/?mock=1&proto=clusters&scene=3&infrafetch=cards&machines=lab&structure=a
• B, two-level grid: http://10.69.69.117:47670/?mock=1&proto=clusters&scene=3&infrafetch=cards&machines=lab&structure=b
• A or B over frosted windows (the owner's URL): add &windows=4&card=3
• today beside proposed: &infrafetch=compare instead of cards

Recommendation: A. One hierarchy read top to bottom (who it is, the four key levels, details in sections), one left edge for everything, a window of the usual width (TASTE: windows keep their natural width), and the same on a phone. B shows more at a glance on a desktop (all four levels and half the sections without scrolling) but it is again boxes in a grid, the thing the owner called structureless, and its window is wider than a normal window (1162 px at the 110 % UI size). If the owner wants everything visible without scrolling on a desktop, take B; both share one DOM and one set of rows, so switching costs nothing.

What was wrong, with its cause, and what changed

1. Tabs pushed up onto the card edge. The compact card hides the popover header, and the tab bar's padding had no top inset. Now the tab bar sits one inset from the top, the same as the card has on its other sides, and no rule or fade runs edge to edge under it.
2. Full-bleed page of eight boxes. The expanded view is now the shared window card (same frame, header pill and action pill as any window) floated over the blurred canvas, centred, as tall as its content, growing out of the window it came from. Inside: identity, then key vitals (processor, memory, storage, network), then details sections using the shared key/value list.
3. "up to 5.1 GHz" alone on a line. Joined facts are rows of their own now (Cores 8, Threads 16, Top speed 5.1 GHz; Sessions 5, In the background 2), and short vital notes. The spec asserts that no value wraps, on both sizes.
4. Address as dots. It was hidden on purpose (nothing secret in a screenshot). It now says "Hidden" in words, with the tooltip "Show address. It stays hidden until you ask, so a screenshot never shows it"; pressing shows it and then it copies like any value.
5. "Infraternal agent: embedded, user". Now "Infraternal agent: Built into the server" and "Root access: No". The spec asserts that "agent" never appears without "infraternal".
6. "Console · offline" with a spinner. Not part of the Machine cards. I loaded the owner's exact URL (windows=4&card=3) fresh and watched the top pill before, during and 9 s after opening the view: it stays "Console · 11 sessions" with the green dot every time. The spinner is the pill's real reconnecting state, so that page had lost its link to the test double (likely the server restarted while the tab was open). Reload fixes it. I did not change anything for it; if it appears again on a fresh load, send me the steps.
7. Found while reading my own captures: the key/value list fades a changed value out and back, and live numbers (receiving, sending, memory) change every second, so they flickered to near-invisible. Fixed inside this window (they update at once).

Measured (Playwright test/machine-cards.spec.ts, DPR 2, desktop is the 110 % UI size; ±0.5 px except where noted; 6 of 6 pass)

surface	inset from its container, CSS px
compact card, desktop	tab bar left 18.59, top 18.59; card left 18.59, right 18.59, bottom 18.59
compact card, phone	all five 17.00
A desktop	window 634×821, side gaps 403.2 / 403.2, bottom 13.2; content left = header pill mark 19.6, right 19.6, bottom 19.4 (±1 on the bottom: the scroll body's own padding)
B desktop	window 1162×821, sides 139.2 / 139.2, bottom 13.2; blocks left 9.8 = header pill edge, right 9.8, bottom 10.2
A phone	window 377×730, sides 8.0 / 8.0; content 18.0 left and right, bottom 17.8
B phone	window 377×730, sides 8.0 / 8.0; blocks 9.0, bottom 9.3
Also asserted: no child box crosses the window; every key/value row is one line with key and value on one centre line (≤1.5 px, the key is 13 px and the value 14 px); each vital's icon and label share a centre line (A also the number and the meter, within 1 px); vital notes do not wrap.
Not checked: real-device frame rate (headless Chromium on a shared VM); the window's grow animation was looked at in code only, not frame by frame.

Screenshots, DPR 2, ink
Compact, desktop and phone:
Expanded A, desktop and phone:
Expanded B, desktop and phone:

Paper (light), same captures



(In the paper compact card the processor row has no number yet: the first read of its level has not arrived, by design, so the rows below do not move.)

Provenance. Port, not rebase: mockups-2026-10-31 is 152 commits ahead of and 246 behind dev. This branch starts from dev and carries the #94 commits 61415ec5f, 756f8c8a9, 9b64bf248, 34b168d4b, e4c019cc5 plus the dot mark and dot meter of 145d24cdc, without its key/value list rewrite (dev's list already patches in place and has sections, meters and pressable values). Round 1's popover layouts (?infrafetch=a|b|c) are dropped. The commits are squashed into one mock commit, one test commit and the TASTE row (cee929993, same text; the row is also on main).

**J108: Machine cards, structure round for the owner's review of 2026-11-02.** Mockup only; test double; nothing merged or deployed. Branch `machine-cards-structure-j108`, head `ca718007e` (base `origin/dev` 17d282a18). Port, not rebase (see below). **Links** (served from infraternal-dev-02-std, port 47670; also on the index http://10.69.69.117:47650/mockups.html, entry #94). Press the build-01 window's pill, then the expand icon in the compact card; Escape closes. - A, one column: http://10.69.69.117:47670/?mock=1&proto=clusters&scene=3&infrafetch=cards&machines=lab&structure=a - B, two-level grid: http://10.69.69.117:47670/?mock=1&proto=clusters&scene=3&infrafetch=cards&machines=lab&structure=b - A or B over frosted windows (the owner's URL): add `&windows=4&card=3` - today beside proposed: `&infrafetch=compare` instead of `cards` **Recommendation: A.** One hierarchy read top to bottom (who it is, the four key levels, details in sections), one left edge for everything, a window of the usual width (TASTE: windows keep their natural width), and the same on a phone. B shows more at a glance on a desktop (all four levels and half the sections without scrolling) but it is again boxes in a grid, the thing the owner called structureless, and its window is wider than a normal window (1162 px at the 110 % UI size). If the owner wants everything visible without scrolling on a desktop, take B; both share one DOM and one set of rows, so switching costs nothing. **What was wrong, with its cause, and what changed** 1. *Tabs pushed up onto the card edge.* The compact card hides the popover header, and the tab bar's padding had no top inset. Now the tab bar sits one inset from the top, the same as the card has on its other sides, and no rule or fade runs edge to edge under it. 2. *Full-bleed page of eight boxes.* The expanded view is now the shared window card (same frame, header pill and action pill as any window) floated over the blurred canvas, centred, as tall as its content, growing out of the window it came from. Inside: identity, then key vitals (processor, memory, storage, network), then details sections using the shared key/value list. 3. *"up to 5.1 GHz" alone on a line.* Joined facts are rows of their own now (Cores 8, Threads 16, Top speed 5.1 GHz; Sessions 5, In the background 2), and short vital notes. The spec asserts that no value wraps, on both sizes. 4. *Address as dots.* It was hidden on purpose (nothing secret in a screenshot). It now says "Hidden" in words, with the tooltip "Show address. It stays hidden until you ask, so a screenshot never shows it"; pressing shows it and then it copies like any value. 5. *"Infraternal agent: embedded, user".* Now "Infraternal agent: Built into the server" and "Root access: No". The spec asserts that "agent" never appears without "infraternal". 6. *"Console · offline" with a spinner.* Not part of the Machine cards. I loaded the owner's exact URL (`windows=4&card=3`) fresh and watched the top pill before, during and 9 s after opening the view: it stays "Console · 11 sessions" with the green dot every time. The spinner is the pill's real reconnecting state, so that page had lost its link to the test double (likely the server restarted while the tab was open). Reload fixes it. I did not change anything for it; if it appears again on a fresh load, send me the steps. 7. Found while reading my own captures: the key/value list fades a changed value out and back, and live numbers (receiving, sending, memory) change every second, so they flickered to near-invisible. Fixed inside this window (they update at once). **Measured** (Playwright `test/machine-cards.spec.ts`, DPR 2, desktop is the 110 % UI size; ±0.5 px except where noted; 6 of 6 pass) | surface | inset from its container, CSS px | |---|---| | compact card, desktop | tab bar left 18.59, top 18.59; card left 18.59, right 18.59, bottom 18.59 | | compact card, phone | all five 17.00 | | A desktop | window 634×821, side gaps 403.2 / 403.2, bottom 13.2; content left = header pill mark 19.6, right 19.6, bottom 19.4 (±1 on the bottom: the scroll body's own padding) | | B desktop | window 1162×821, sides 139.2 / 139.2, bottom 13.2; blocks left 9.8 = header pill edge, right 9.8, bottom 10.2 | | A phone | window 377×730, sides 8.0 / 8.0; content 18.0 left and right, bottom 17.8 | | B phone | window 377×730, sides 8.0 / 8.0; blocks 9.0, bottom 9.3 | Also asserted: no child box crosses the window; every key/value row is one line with key and value on one centre line (≤1.5 px, the key is 13 px and the value 14 px); each vital's icon and label share a centre line (A also the number and the meter, within 1 px); vital notes do not wrap. Not checked: real-device frame rate (headless Chromium on a shared VM); the window's grow animation was looked at in code only, not frame by frame. **Screenshots, DPR 2, ink** Compact, desktop and phone:   Expanded A, desktop and phone:   Expanded B, desktop and phone:   **Paper (light), same captures**       (In the paper compact card the processor row has no number yet: the first read of its level has not arrived, by design, so the rows below do not move.) **Provenance.** Port, not rebase: `mockups-2026-10-31` is 152 commits ahead of and 246 behind dev. This branch starts from dev and carries the #94 commits 61415ec5f, 756f8c8a9, 9b64bf248, 34b168d4b, e4c019cc5 plus the dot mark and dot meter of 145d24cdc, without its key/value list rewrite (dev's list already patches in place and has sections, meters and pressable values). Round 1's popover layouts (`?infrafetch=a|b|c`) are dropped. The commits are squashed into one mock commit, one test commit and the TASTE row (cee929993, same text; the row is also on main).

desktop-compact.png

501 KiB

desktop-expanded-a.png

422 KiB

desktop-expanded-b.png

416 KiB

phone-compact.png

178 KiB

phone-expanded-a.png

176 KiB

phone-expanded-b.png

178 KiB

paper-desktop-compact.png

458 KiB

paper-desktop-expanded-a.png

479 KiB

paper-desktop-expanded-b.png

439 KiB

paper-phone-compact.png

155 KiB

paper-phone-expanded-a.png

179 KiB

paper-phone-expanded-b.png

180 KiB

kayg commented 2026-11-02 15:31:58 +00:00

Author

Owner

Copy link

J108 finish. Branch machine-cards-structure-j108, head ca718007e (base dev 17d282a18). Report and screenshots are in the comment above. Preview: http://10.69.69.117:47670/?mock=1&proto=clusters&scene=3&infrafetch=cards&machines=lab&structure=a (and structure=b); index entry #94 updated at http://10.69.69.117:47650/mockups.html.

Gate scripts/verify fast on infraternal-dev-01-compute01 (via build-slot), verbatim summary:

repository artifact gate: PASS (22 changed path(s), merge base 17d282a18761)
x86_64 static: PT_INTERP: absent; size: 22414416 bytes; baseline 21443824; delta +970592 bytes (report only, D243 amended 2026-11-01)
aarch64 static: PT_INTERP: absent; size: 20451312 bytes; baseline 19629240; delta +822072 bytes (report only, D243 amended 2026-11-01)
(static builds: 1317s)

+---------------------------+--------------+
| Rust gate                 | Result       |
+---------------------------+--------------+
| fmt                       | PASS         |
| VT native fmt             | PASS         |
| CLI plugin compile-out    | PASS         |
| clippy                    | PASS         |
| SSH runtime test helper   | PASS         |
| real-binary fixture paths | PASS         |
| test                      | FAIL (101)   |
| SSH inode reuse fixture   | PASS         |
| shim process-per-user     | PASS         |
| cargo-deny                | PASS         |
| gate architecture         | PASS         |
| static builds             | PASS         |
+---------------------------+--------------+
VERIFY_EXIT=1

The one failure is not from this branch. test failed in crates/infraternal/tests/status_restart.rs:136, service_states_are_truthful_in_text_and_json: "agent Unknown user service; service manager query timed out" (the VM had all four build slots busy). This branch changes no Rust: git diff --name-only 17d282a18 HEAD lists 22 paths, all under apps/tracer, packages/ui and docs/design. Rerun alone in the same built tree, 3 of 3 passed ("test result: ok. 1 passed" ×3), so it is a timing flake under load. I did not prove it on a separate unmodified origin/dev build (a second 25 GB target); say if you want that.
Binary size: the static rows above report +970592 (x86_64) and +822072 (aarch64) bytes against the gate's recorded baseline. No Rust changed here, so I read this as the baseline lagging dev rather than anything from this branch, but I have not measured dev itself; the orchestrator ratchets on merge.
Not run: the tracer's Playwright suite beyond machine-cards.spec.ts (6 of 6 pass, numbers in the comment above).

**J108 finish.** Branch `machine-cards-structure-j108`, head `ca718007e` (base dev 17d282a18). Report and screenshots are in the comment above. Preview: http://10.69.69.117:47670/?mock=1&proto=clusters&scene=3&infrafetch=cards&machines=lab&structure=a (and `structure=b`); index entry #94 updated at http://10.69.69.117:47650/mockups.html. **Gate** `scripts/verify fast` on infraternal-dev-01-compute01 (via build-slot), verbatim summary: ``` repository artifact gate: PASS (22 changed path(s), merge base 17d282a18761) x86_64 static: PT_INTERP: absent; size: 22414416 bytes; baseline 21443824; delta +970592 bytes (report only, D243 amended 2026-11-01) aarch64 static: PT_INTERP: absent; size: 20451312 bytes; baseline 19629240; delta +822072 bytes (report only, D243 amended 2026-11-01) (static builds: 1317s) +---------------------------+--------------+ | Rust gate | Result | +---------------------------+--------------+ | fmt | PASS | | VT native fmt | PASS | | CLI plugin compile-out | PASS | | clippy | PASS | | SSH runtime test helper | PASS | | real-binary fixture paths | PASS | | test | FAIL (101) | | SSH inode reuse fixture | PASS | | shim process-per-user | PASS | | cargo-deny | PASS | | gate architecture | PASS | | static builds | PASS | +---------------------------+--------------+ VERIFY_EXIT=1 ``` **The one failure is not from this branch.** `test` failed in `crates/infraternal/tests/status_restart.rs:136`, `service_states_are_truthful_in_text_and_json`: "agent Unknown user service; service manager query timed out" (the VM had all four build slots busy). This branch changes no Rust: `git diff --name-only 17d282a18 HEAD` lists 22 paths, all under `apps/tracer`, `packages/ui` and `docs/design`. Rerun alone in the same built tree, 3 of 3 passed ("test result: ok. 1 passed" ×3), so it is a timing flake under load. I did not prove it on a separate unmodified `origin/dev` build (a second 25 GB target); say if you want that. **Binary size:** the static rows above report +970592 (x86_64) and +822072 (aarch64) bytes against the gate's recorded baseline. No Rust changed here, so I read this as the baseline lagging dev rather than anything from this branch, but I have not measured dev itself; the orchestrator ratchets on merge. Not run: the tracer's Playwright suite beyond `machine-cards.spec.ts` (6 of 6 pass, numbers in the comment above).

kayg referenced this issue 2026-11-03 08:58:18 +00:00

Appearance presets: one transparency setting, preset carousel, Themes renamed Colors #323

kayg referenced this issue 2026-11-03 10:17:54 +00:00

Appearance presets: one transparency setting, preset carousel, Themes renamed Colors #323

kayg referenced this issue 2026-11-03 13:28:43 +00:00

Appearance presets: one transparency setting, preset carousel, Themes renamed Colors #323

kayg referenced this issue 2026-11-10 15:23:56 +00:00

J478: housekeeping 2026-11-10, 60 old origin branches archived #487

kayg referenced this issue 2026-11-10 15:26:24 +00:00

J478: housekeeping 2026-11-10, 60 old origin branches archived #487

kayg referenced this issue 2026-11-10 15:28:09 +00:00

J478: housekeeping 2026-11-10, 60 old origin branches archived #487

kayg referenced this issue 2026-11-10 15:28:09 +00:00

J478: housekeeping 2026-11-10, 60 old origin branches archived #487

Sign in to join this conversation.

No Branch/Tag specified

Branches Tags

main

j470b-server-mesh-rejoin

mesh-compat-382

j444b-d381-key-wins-flood

j461b-macos-utun-reader-thread

j475b-remove-host-motion

fix-reconnect-new-link

j481-d380

dev

j479-mesh-soak

fix/j476-host-facts

j475-motion-pill-split

j470-mac-node-join

root-upgrade-d376

j474-review-merge

latency-targets-120hz

nightly-suite-shards

gotatun-pin-j469

macos-utun-reader-thread

fix-flood-echo-stall

wip/j416

motion-fast-ease-out

mesh-addhost-j259

takeover-close-terminals-d368

kbd-instant-followups

fix-trust-key-double-click

nightly-suite-partial-report

appwin-icons-j207

rusqlite-slice1

swipe-content-first-d374

mesh-mtu-381

addhost-instant-open

glass-contrast-d365-mock

glass-contrast-d365

signout-followups-442

fix-startup-toast-red

research-gotatun-matrix-j317

themes-sync-j304

fix-load-flakes

fix-nix-zig-patch

fix-compute01-browser-baseline

ratchet-size-baseline-419

predict-auto-d130

revoke-coverage-d367

nightly-suite-queue-timeout

nightly-browser-suite

fix-rustsec-2026-0459

fonts-ioskeley-obel

log-retention-d375

fix-kbd-no-anim-427

fix-dev-red-specs-2

takeover-proof-305-j205

wip/j410-server-pump

ui-consistency-d372

fix-osc52-clipboard

libghostty-vt-1.0

forget-retired-host-d369

j404-merge-426

fix-setup-lock-race

fix-touch-select-426

revoke-access-report-ui

fix-predictive-echo-specs

fix-selinux-agent-exec

wip/j395-checkpoint2

wip/j395

j391-review-scratch

ui-consistency-j195-deferred-rebased

fix-rustc-paths-421

decisions-wording-341

fix-install-suite-red

fix-dev-rtt-specs

fix-pending-removal-align

fix-privileged-skip

fix-install-suite-404

review-j368

mesh-dns-j254

revoke-access-report-d356b

revoke-privilege-round5

fix-removal-confirm

review-j360

gotatun-rotation-367

deps-refresh-340

review-j354

review-J351

review-j350

addhost-takeover-d359

revoke-report-items-347

revoke-end-sessions-d362

review-j348

size-mesh-ssh-346

size-trim-337

revoke-access-diff-d356

j259-pre-rebase-b06c5a6

j305-ended-at-start-spec

addhost-sudo-consent

fix-layout-real-specs-411

fix-shell-open-411

fix-console-hosts-373

fix-shell-exit

fuzz-host-name-353

fix-host-details-410

macos-filter-j197

research-gotatun-tricks

revoke-p3-j216l

stale-state-pill

revoke-followups-j216k

revoke-progress-j216e

backup/macos01-20261106/lume/j197

backup/macos01-20261106/lume/appwin-icons-j207-stash0

backup/macos01-20261106/claude/stash-0

backup/macos01-20261106/claude/stash-1

backup/macos01-20261106/claude/J80-macos-s1

backup/macos01-20261106/claude/J80

backup/macos01-20261106/claude/J80-slice1-20261102

backup/macos01-20261106/claude/J16b-appwin-on-dev

backup/macos01-20261106/claude/appwin-launch-idle-146

backup/macos01-20261106/claude/J80-s1-run

wip/j259

trust-285-p3c

runtime-lock-j216f

mesh-ssh-p3-j175

tun-proof-p3b

trust-285-p3

terminal-polish-j271

tun-proof-p3

ssh-install-flakes-j216i

fuzz-fixes-j264

trust-285-a

trust-285-b

restart-oversized-fixture-j198

backup/macos01-20261106/lume/appwin-icons-j207

restart-bound-j216h

up-preflight-p3-j198

backup/macos01-20261106/lume/j251

up-preflight-j198

wip/up-preflight-j198-j245-p2

wip/up-preflight-j198-j245-p1

agent-fsync-offloop-j196

wip/up-preflight-j198-j245

settings-offscreen-j231

wip/up-preflight-j198-j226-inspection

wip/j103f

themes-j206

wip/up-preflight-j198-j226

flakes-j216c

backup/macos01-20261106/claude/j197

flakes-j216b

backup/macos01-20261106/claude/j197-red

wip/up-preflight-j198-review

flakes-j216

backup/macos01-20261106/claude/appwin-icons-j207

engineering-j208b

appwin-mock-j209

toast-stack-j165

engineering-j208

decisions-d351

decisions-d350

decisions-d349

appearance-presets-mock-j129

decisions-d348

docs-audit-spec

doc-coverage-baseline-raise

decisions-d347

decisions-d346b

decisions-d346

j88h-profile

ui-consistency-j195-deferred

ui-consistency-j195

engineering-practices-j194

preferred-login-ui-j166

signin-pools-263-j174

macos-node-265-s1

decisions-d345

decisions-d344

proxy-cgroup-j164

verify-quick-fuzz-329

proxy-start-io-j168

timing-flakes-j163

up-263-s1

mcp-events-j147

verify-quick-fuzz-j158

proxy-p3-j159

agent-resource-j157-detect

wip/j103d-final

remote-cancel-hang-j155

proxy-traefik-281-j62d

j149-verify-quick

proxy-traefik-281-j62b

j150-drop-unnamed

wip/j79d-red-r4

wip/j103d-d332

rootless-toast-j142

wip/j103d-head

wip/j103d

j125c-mcp

macos-build-j136

backup/macos01-20261106/claude/j136

wip/j79d-red-cli

wip/j79d-red-server

j121-link-liveness

j118c-tracer-failures

wip/j79c-head

release-desktop-j131

j124c-signed-macos

wip/j79c-red-p3

wip/j79c-red-p23

wip/j79c-red-p22

merge-j128-check

perf-deferred-j128

sidebar-toggle-260

j127-shortcut-changed-dot

j125-mcp

j118-tracer-failures

j126-account-summary

settings-sections-mock-j92

j120-pinch-lock

sidebar-292

backup/macos01-20261106/claude/j120

taste-2026-11-03

row-actions-242-215

backup/macos01-20261106/claude/stash-0-untracked

backup/macos01-20261106/claude/J80-265-s1-run

backup/macos01-20261106/claude/J80-macos-s1-20261102

j112-canvas-commands

ui-no-overshoot-scroll

fix-recovery-restart

backup/macos01-20261106/claude/stash-1-untracked

taste-2026-11-02

size-baseline-ratchet

machine-cards-structure-j108

j109-boot-copy-mockups

fix-dev-red

wip/up-263-s1

j95b-settings-rows

proxy-traefik-281

j95-option-rows

docs-human-j91

docs-keys-palette

fix-flood-1013-270-j38d

mesh-ssh-s1

mesh-ssh-s0

addhost-d291-tunnel

test-stability-load

mesh-relay-220

repro-296

shim-thp-off-24

mesh-pins-258-v2

mesh-dns

signin-d311-merged

docs-pages

ui-size-283

fix-ui-batch-specs

wip/j12b-edge-update

gate-on-arm

fix-rename-sync-293

trust-285-j60b

fix-focus-ring-clip

integ-ui-1101

edge-update-v2

signin-d311

taste-2026-11-01

layout-per-tab-250

ui-approved-splitopt-224

ui-approved-splitopt-224-on-dev

icon-text-centre-282

ui-approved-189-212-216

research-reverse-proxy

transfer-budget-320

review-mesh-pins-258-r2

sidebar-pill-259

review-mesh-relay-220

wip/j12-edge-update-v2

nix-package

status-crash-loop-237

fix-dev-test-failures

fix-fixture-socket-path

wip/mesh-relay-220-pre-dev-advance-rebase

fix-canvas-side-clip

research-head-to-head

frosted-real-256

review-mesh-pins-258

wip/mesh-relay-220-pre-final-rebase

review-layout-per-tab-250-r2

broad-suite-triage

nix-devshell

review-status-crash-loop-237-r3

wip/nix-devshell-pre-p3

taste-frosted-real

wip/code-serve-demo-2026-10-30

wip/code-serve-glass-2026-10-30

wip/code-serve-clusters-2026-10-30

wip/code-merge-release94-dev-2026-10-30

wip/rproxy-delta-scratch-2026-10-30

wip/stale-note-257-staged-2026-10-30

wip/d241-size-staged-2026-10-30

review-broad-suite-207

wip/mesh-pins-258-pre-split

wip/mesh-relay-220-pre-rebase

mesh-measure-220

plan-211-update

review-edge-autoupdate-r3

perf24-reconnect

review-stale-note-r2

release-prod-live

d241-shell-marker

review-mesh-pins-server-258

review-revocation-r3

review-setup-token-r2

review-sync-journal-r3

wip/review-mesh-pins-258-prune-review-1995fee46

frosted-scroll-256

sync-journal-r3

revocation-per-account-wip

review-tokio-asyncfd-0386

review-sync-p3s

wip/stash-8by64-stash0-2026-10-30

mesh-drag-r2

setup-token-data-wip

release-9-4

auth-busy-1013

mesh-view-overlap

sync-p3s

review-auth-busy-wake

review-readd-r8-wip

mesh-drag-bounds

audit-auth-93

app-windows-stream-start

review-authority-cap-r3

app-windows-r7-measure

readd-minimal-r6

readd-minimal-r5

app-windows-r7-soak

readd-minimal-r4

app-windows-r7

app-windows-r6

readd-minimal-r3

readd-minimal-r2

readd-minimal

merge-release8-dev

review-busy-page-liveness-r2

review-busy-page-liveness

mesh-view-trim

review-authority-read-retry-r2

review-remove-uninstall-r2

release-retry-reattach

release-retry

review-remove-uninstall

review-authority-read-retry

app-windows-ship

mesh-autoswitch-p2

mesh-ssh

mesh-relay

mesh-macos-node

screen-and-control

session-labels

review-real-logins-r5

review-real-logins-r4

review-real-logins-r3

shim-memory-r2

review-real-logins-r2

shim-memory

shadow-addhost-instant

shadow-real-logins

shadow-same-session-flood

shadow-prod-perf-fix

hosts-from-server

app-windows-real

app-windows-transport

release-prod-6w

mesh-policy-verify

quiet-close-toast

dev-merge-r4

review-mesh-agent-transport

review-app-windows-transport

settings-roundtrip

review-release-pipeline-r4

mesh-agent-transport

ended-strip-fix

review-audit-ca-update-d244

settings-rows

phone-width

signout-clear

fix-restart-tests

dev-merge-rp

signer-hardening

review-audit-ca-update

terminal-fidelity

review-audit-ca-update-wip

mesh-integrate

review-mesh-agent-transport-515d3712

review-mesh-dataplane-feec1988

mesh-dataplane

signout

research-canvas-node

wip/review-renderer-cost

wip/review-terminal-fidelity

padlock-glyph

review-release-pipeline-2e95b689

phone-polish

sidebar-polish

inbox-generic

review-mesh-dataplane-378d4055

prod-batch

ui-inbox

ui-ca-unlock

ui-machine-sections

review-mesh-dataplane-a5f744fb

tls-session-prod

session-bounds-prod

fix-dead-session

session-bounds

tls-session

palette-polish

shortcuts-d222

research-appmeta

phone-gutter

ui-centre-button

wip/ui-centre-button

wip/tls-session

review-addhost-breakit

ui-platform

renderer-cost

remote-agents

mesh-api

ssh-bootstrap

prod-hotfix2

prod-fixes

review-remote-agents

review-mesh-dataplane

session-life

research-browser

review-mesh-api

research-capture

review-mesh-api-round3

review-mesh-api-round1

gate-stability

review-gate-stability

review-relay-direct

review-mesh-api-findings

proto-sessions

font-picker

proto-addhost

proto-windows

mesh-core

latency-gate

research-bsd

research-discovery

keytray-mods

mock-core

ui-tweaks

fix-motion-sel

fix-motion

integrate2

fix-robust

t-web

t-server

vt-ghostty

fix-snap-echo

t-web-auth

review-vt2

t-agent

lane-protocol

lane-shim

lane-auth

s1-base

s1-contracts

s1-workspace

No results found.

Labels

Clear labels   

launch-qa

Findings from launch QA.

No labels

launch-qa

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference

kayg/infraternal#94

No description provided.