{"children":[{"children":[{"kind":"view-node","props":{"html":"<style>.attn-dashboard{--attn-ink:#183b32;--attn-muted:#62716b;--attn-line:#e0e7e2;--attn-accent:#18795a;color:var(--attn-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;max-width:1180px;margin:0 auto 32px;min-width:0}\n.attn-dashboard *{box-sizing:border-box}.attn-dashboard a{color:var(--attn-accent);text-decoration:none;font-weight:600}.attn-dashboard a:hover{text-decoration:underline}.attn-dashboard a:focus-visible,.attn-dashboard summary:focus-visible{outline:2px solid var(--attn-accent);outline-offset:4px;border-radius:4px}\n.attn-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}.attn-toolbar p{color:var(--attn-muted);margin:0;font-size:14px}.attn-toolbar nav{display:flex;flex-wrap:wrap;gap:8px}.attn-toolbar a{font-size:12px;padding:8px 12px;background:#fff;border:1px solid var(--attn-line);border-radius:8px;white-space:nowrap}\n.attn-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.attn-stat{padding:20px;background:#fff;border:1px solid var(--attn-line);border-radius:12px;display:flex;flex-direction:column;gap:8px;min-width:0}.attn-stat:first-child{background:#183b32;color:#fff;border-color:#183b32}.attn-stat>span{font-size:12px;font-weight:600}.attn-stat>strong{font-size:30px;line-height:1.2;letter-spacing:-1px;font-variant-numeric:tabular-nums}.attn-stat small{font-size:11px;color:var(--attn-muted)}.attn-stat:first-child small{color:#c6dfd2}\n.attn-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-bottom:20px}.attn-panel{background:#fff;border:1px solid var(--attn-line);border-radius:12px;min-width:0;overflow:hidden}.attn-panel>header{padding:20px 22px 16px;display:flex;align-items:start;justify-content:space-between;gap:16px}.attn-panel h2{font-size:16px;font-weight:650;margin:0 0 5px;letter-spacing:-.2px}.attn-panel header p{font-size:12px;color:var(--attn-muted);margin:0}.attn-panel header a{font-size:12px;white-space:nowrap}.attn-empty{padding:30px 22px 40px;text-align:center;max-width:390px;margin:auto}.attn-empty strong{font-size:14px}.attn-empty p{font-size:13px;line-height:1.6;color:var(--attn-muted);margin:8px 0 0}\n.attn-dashboard ul,.attn-dashboard ol{list-style:none;margin:0;padding:0 22px}.attn-label{display:block;min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.attn-breakdown li{margin:9px 0 18px}.attn-breakdown li>div,.attn-habits li>div{display:flex;justify-content:space-between;align-items:start;gap:16px}.attn-breakdown strong{font-size:13px;white-space:nowrap}.attn-breakdown meter{width:100%;height:7px;display:block;margin-top:9px;border:0;background:#edf2ee;border-radius:9px}.attn-breakdown meter::-webkit-meter-bar{background:#edf2ee;border:0;border-radius:9px}.attn-breakdown meter::-webkit-meter-optimum-value{background:#39a77c;border-radius:9px}.attn-breakdown meter::-moz-meter-bar{background:#39a77c}.attn-note{font-size:11px;color:var(--attn-muted);line-height:1.6;margin:14px 22px 20px}.attn-habits li{padding:14px 0;border-top:1px solid var(--attn-line)}.attn-habits li p{font-size:12px;margin:6px 0;color:var(--attn-muted);line-height:1.5}.attn-badge{border:1px solid var(--attn-line);border-radius:20px;padding:3px 8px;font-size:10px;white-space:nowrap}\n.attn-recent{margin-bottom:20px}.attn-feed li{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--attn-line)}.attn-feed li>div{flex:1;min-width:0}.attn-feed small{display:block;font-size:11px;color:var(--attn-muted);margin-top:3px;overflow-wrap:anywhere}.attn-event-dot{height:8px;width:8px;flex-shrink:0;border-radius:50%;background:#79b79c}.attn-duration{font-size:12px;font-variant-numeric:tabular-nums;color:var(--attn-muted);white-space:nowrap}.attn-feed{padding-bottom:8px!important}\n.attn-diagnostics{border:1px solid var(--attn-line);border-radius:12px;background:#f4f7f4;font-size:13px}.attn-dashboard summary{cursor:pointer;padding:17px 20px;font-weight:600;overflow-wrap:anywhere}.attn-diagnostics>summary>span{font-size:11px;font-weight:400;color:var(--attn-muted);margin-left:12px}.attn-diagnostic-body{border-top:1px solid var(--attn-line);padding:4px 0 12px}.attn-diagnostic-body>details{margin:8px 16px;background:white;border:1px solid var(--attn-line);border-radius:8px;min-width:0}.attn-diagnostic-content{padding:0 16px 16px;overflow:auto;max-height:500px;overflow-wrap:anywhere}.attn-diagnostic-content table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:11px}.attn-diagnostic-content th,.attn-diagnostic-content td{text-align:left;padding:8px;border-bottom:1px solid var(--attn-line);overflow-wrap:anywhere;vertical-align:top}.attn-diagnostic-content th:first-child,.attn-diagnostic-content td:first-child{width:35%}\n.attn-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\n@media(max-width:760px){.attn-toolbar{align-items:start;flex-direction:column;gap:12px;margin-bottom:18px}.attn-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attn-stat{padding:16px}.attn-stat>strong{font-size:26px}.attn-grid{grid-template-columns:minmax(0,1fr);gap:16px}.attn-panel>header{padding:18px 16px 12px}.attn-dashboard ul,.attn-dashboard ol{padding-left:16px;padding-right:16px}.attn-diagnostics>summary>span{display:block;margin:6px 0 0 16px}.attn-toolbar a{padding:8px 10px}.attn-diagnostic-content table{min-width:540px}.attn-diagnostic-content{max-width:100%}.attn-note{margin-left:16px;margin-right:16px}}\n</style><section class=\"attn-dashboard\" aria-label=\"Attention overview\"><div class=\"attn-toolbar\"><p>Make room for what matters.</p><nav aria-label=\"Attention\"><a href=\"/view/app/attention/feed\">Activity</a><a href=\"/view/app/attention/habits\">Manage habits</a><a href=\"/view/app/attention/dashboard\" aria-label=\"Refresh Attention dashboard\">Refresh ↻</a></nav></div><div class=\"attn-stats\"><div class=\"attn-stat\"><span>Today</span><strong>0m</strong><small>Recorded minutes</small></div><div class=\"attn-stat\"><span>This week</span><strong>0m</strong><small>Recorded minutes</small></div><div class=\"attn-stat\"><span>Events today</span><strong>0</strong><small>Current peer</small></div><div class=\"attn-stat\"><span>Goals on track</span><strong>No goals</strong><small>Today's habit goals</small></div></div><div class=\"attn-grid\"><section class=\"attn-panel\"><header><div><h2>Where your time goes</h2><p>Today's recorded activity · current peer</p></div></header><div class=\"attn-empty\"><strong>A fresh start</strong><p>Recorded activity will appear here as you use connected surfaces.</p></div></section><section class=\"attn-panel\"><header><div><h2>Habits</h2><p>A little consistency, every day</p></div><a href=\"/view/app/attention/habits\">Manage →</a></header><div class=\"attn-empty\"><strong>Start with one habit</strong><p>Set a daily target or limit from Manage habits to give your attention a direction.</p></div></section></div><section class=\"attn-panel attn-recent\"><header><div><h2>Recent activity</h2><p>Latest events across the Runtime feed</p></div><a href=\"/view/app/attention/feed\">View all →</a></header><div class=\"attn-empty\"><strong>Nothing recorded yet</strong><p>Recent attention events will appear here.</p></div></section><details class=\"attn-diagnostics\"><summary>Runtime diagnostics <span>Rooms, interactions &amp; pointer heat</span></summary><div class=\"attn-diagnostic-body\"><p class=\"attn-note\">Detailed telemetry across Runtime surfaces. <a href=\"/view/app/attention/analytics\">Open analytics →</a></p><p class=\"attn-note\">Detected habit clusters: 0</p><details><summary>Live view rooms</summary><div class=\"attn-diagnostic-content\"><p class=\"hint\">No ambient view-room attention has landed yet. Open any runtime page and let the attention scope flush.</p></div></details><details><summary>Clicks &amp; actions</summary><div class=\"attn-diagnostic-content\"><p class=\"hint\">No click or form attention has landed yet. Interact with a tracked view or site link.</p></div></details><details><summary>Pointer heat</summary><div class=\"attn-diagnostic-content\"><p class=\"hint\">No pointer heat yet. Move through an SSR attention scope and the next flush will carry a compact heat grid.</p></div></details></div></details></section>"},"tag":"RawHtml"},{"children":[{"children":[],"kind":"view-node","props":{"html":"<style>.attn-graph{font:13px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;color:#183b32;min-width:0}.attn-graph *{box-sizing:border-box}.attn-graph-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.attn-graph-heading h3{font-size:15px;margin:0}.attn-graph-heading p,.attn-graph-heading>span,.attn-graph-note{font-size:11px;color:#62716b;margin:4px 0 16px}.attn-graph-heading>span{white-space:nowrap}.attn-graph-flows{list-style:none;padding:0!important;margin:0!important}.attn-graph-flows>li{padding:12px 0;border-top:1px solid #e0e7e2}.attn-graph-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(85px,.55fr) minmax(0,1fr);gap:12px;align-items:center}.attn-graph-node{background:#f0f6f2;border:1px solid #cfe0d5;border-radius:10px;padding:12px;min-width:0}.attn-graph-node>small{display:block;font-size:10px;color:#62716b;margin-bottom:4px}.attn-graph-node>strong{font-size:12px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.attn-graph-link{min-width:0;text-align:center;color:#18795a}.attn-graph-link svg{display:block;width:100%;height:16px;margin:3px 0}.attn-graph-link span,.attn-graph-link small{font-size:10px;display:block;overflow-wrap:anywhere}.attn-graph-link small{color:#62716b}.attn-graph details{min-width:0}.attn-graph summary{font-size:11px;padding:8px 0!important;cursor:pointer;color:#536a5f}.attn-graph summary:focus-visible{outline:2px solid #18795a;outline-offset:2px}.attn-graph dl{margin:0;background:#f5f7f5;padding:12px;border-radius:6px;min-width:0}.attn-graph dt{font-size:10px;font-weight:600;margin-top:6px}.attn-graph dd{margin:0;min-width:0}.attn-graph pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:90px;overflow:auto;font-size:10px;line-height:1.5;margin:4px 0;max-width:100%;user-select:text}.attn-graph-inventory{border-top:1px solid #e0e7e2}.attn-graph-inventory ul{list-style:none;padding:0!important}.attn-graph-inventory li{padding:10px;border-bottom:1px solid #e0e7e2}.attn-graph-inventory li>strong{display:block;font-size:12px;overflow-wrap:anywhere}.attn-graph-inventory li>span{display:block;font-size:11px;color:#62716b}\n.attention-room-surface{max-width:100%;min-width:0;overflow:auto;max-height:480px}.attention-room-surface table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px}.attention-room-surface th,.attention-room-surface td{padding:10px 8px;text-align:left;vertical-align:top;border-bottom:1px solid #e0e7e2;overflow-wrap:anywhere}.attention-room-surface th:first-child{width:38%}.attention-room-surface td strong,.attention-room-surface td span{display:block;max-width:100%;overflow-wrap:anywhere}.attention-room-surface td span{font-size:11px;color:#62716b;margin-top:4px}.attention-room-surface td strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.attention-room-surface td span{max-height:4.5em;overflow:auto}.primitive-attention-scope .primitive-card,.primitive-attention-scope .primitive-page{min-width:0;max-width:100%}.primitive-attention-scope .primitive-card__body{min-width:0}.primitive-attention-scope .primitive-card__title,.primitive-attention-scope .primitive-page__title{overflow-wrap:anywhere}\n.attention-room-surface th{position:sticky;top:0;background:#f4f7f4}.primitive-attention-scope .primitive-page__header{padding-right:90px}.primitive-attention-scope .primitive-page__title,.primitive-attention-scope .primitive-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\n@media(max-width:600px){.attn-graph-heading{display:block}.attn-graph-flow{gap:6px;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr)}.attn-graph-node{padding:8px}.attn-graph-node>strong{font-size:11px}.attention-room-surface table{min-width:580px}}\n</style><section class=\"attn-graph\" aria-label=\"Attention graph\"><p>No connections recorded yet. Tracked views and interactions will build this graph.</p></section>"},"tag":"RawHtml"}],"kind":"view-node","props":{"title":"Attention graph"},"tag":"Card"},{"children":[{"children":[{"children":["Attention.dashboard SSR payload is live-ready."],"kind":"view-node","props":{},"tag":"Text"}],"kind":"view-node","props":{"id":"payload-live-content-attention-dashboard","title":"Live Payload"},"tag":"Card"}],"kind":"view-node","props":{"id":"payload-live-attention-dashboard","patchTarget":"#payload-live-content-attention-dashboard","pollIntervalMs":8000,"refreshHref":"/view/payload/patch?app=Attention&view=dashboard","streamUrl":"/view/payload/patch?app=Attention&view=dashboard","transport":"http","transportStatus":true},"tag":"LiveSlot"}],"kind":"view-node","props":{"id":"dashboard","title":"Attention Dashboard"},"tag":"Page"}],"data":{"children":[{"children":[{"kind":"view-node","props":{"html":"<style>.attn-dashboard{--attn-ink:#183b32;--attn-muted:#62716b;--attn-line:#e0e7e2;--attn-accent:#18795a;color:var(--attn-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;max-width:1180px;margin:0 auto 32px;min-width:0}\n.attn-dashboard *{box-sizing:border-box}.attn-dashboard a{color:var(--attn-accent);text-decoration:none;font-weight:600}.attn-dashboard a:hover{text-decoration:underline}.attn-dashboard a:focus-visible,.attn-dashboard summary:focus-visible{outline:2px solid var(--attn-accent);outline-offset:4px;border-radius:4px}\n.attn-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}.attn-toolbar p{color:var(--attn-muted);margin:0;font-size:14px}.attn-toolbar nav{display:flex;flex-wrap:wrap;gap:8px}.attn-toolbar a{font-size:12px;padding:8px 12px;background:#fff;border:1px solid var(--attn-line);border-radius:8px;white-space:nowrap}\n.attn-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.attn-stat{padding:20px;background:#fff;border:1px solid var(--attn-line);border-radius:12px;display:flex;flex-direction:column;gap:8px;min-width:0}.attn-stat:first-child{background:#183b32;color:#fff;border-color:#183b32}.attn-stat>span{font-size:12px;font-weight:600}.attn-stat>strong{font-size:30px;line-height:1.2;letter-spacing:-1px;font-variant-numeric:tabular-nums}.attn-stat small{font-size:11px;color:var(--attn-muted)}.attn-stat:first-child small{color:#c6dfd2}\n.attn-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-bottom:20px}.attn-panel{background:#fff;border:1px solid var(--attn-line);border-radius:12px;min-width:0;overflow:hidden}.attn-panel>header{padding:20px 22px 16px;display:flex;align-items:start;justify-content:space-between;gap:16px}.attn-panel h2{font-size:16px;font-weight:650;margin:0 0 5px;letter-spacing:-.2px}.attn-panel header p{font-size:12px;color:var(--attn-muted);margin:0}.attn-panel header a{font-size:12px;white-space:nowrap}.attn-empty{padding:30px 22px 40px;text-align:center;max-width:390px;margin:auto}.attn-empty strong{font-size:14px}.attn-empty p{font-size:13px;line-height:1.6;color:var(--attn-muted);margin:8px 0 0}\n.attn-dashboard ul,.attn-dashboard ol{list-style:none;margin:0;padding:0 22px}.attn-label{display:block;min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.attn-breakdown li{margin:9px 0 18px}.attn-breakdown li>div,.attn-habits li>div{display:flex;justify-content:space-between;align-items:start;gap:16px}.attn-breakdown strong{font-size:13px;white-space:nowrap}.attn-breakdown meter{width:100%;height:7px;display:block;margin-top:9px;border:0;background:#edf2ee;border-radius:9px}.attn-breakdown meter::-webkit-meter-bar{background:#edf2ee;border:0;border-radius:9px}.attn-breakdown meter::-webkit-meter-optimum-value{background:#39a77c;border-radius:9px}.attn-breakdown meter::-moz-meter-bar{background:#39a77c}.attn-note{font-size:11px;color:var(--attn-muted);line-height:1.6;margin:14px 22px 20px}.attn-habits li{padding:14px 0;border-top:1px solid var(--attn-line)}.attn-habits li p{font-size:12px;margin:6px 0;color:var(--attn-muted);line-height:1.5}.attn-badge{border:1px solid var(--attn-line);border-radius:20px;padding:3px 8px;font-size:10px;white-space:nowrap}\n.attn-recent{margin-bottom:20px}.attn-feed li{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--attn-line)}.attn-feed li>div{flex:1;min-width:0}.attn-feed small{display:block;font-size:11px;color:var(--attn-muted);margin-top:3px;overflow-wrap:anywhere}.attn-event-dot{height:8px;width:8px;flex-shrink:0;border-radius:50%;background:#79b79c}.attn-duration{font-size:12px;font-variant-numeric:tabular-nums;color:var(--attn-muted);white-space:nowrap}.attn-feed{padding-bottom:8px!important}\n.attn-diagnostics{border:1px solid var(--attn-line);border-radius:12px;background:#f4f7f4;font-size:13px}.attn-dashboard summary{cursor:pointer;padding:17px 20px;font-weight:600;overflow-wrap:anywhere}.attn-diagnostics>summary>span{font-size:11px;font-weight:400;color:var(--attn-muted);margin-left:12px}.attn-diagnostic-body{border-top:1px solid var(--attn-line);padding:4px 0 12px}.attn-diagnostic-body>details{margin:8px 16px;background:white;border:1px solid var(--attn-line);border-radius:8px;min-width:0}.attn-diagnostic-content{padding:0 16px 16px;overflow:auto;max-height:500px;overflow-wrap:anywhere}.attn-diagnostic-content table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:11px}.attn-diagnostic-content th,.attn-diagnostic-content td{text-align:left;padding:8px;border-bottom:1px solid var(--attn-line);overflow-wrap:anywhere;vertical-align:top}.attn-diagnostic-content th:first-child,.attn-diagnostic-content td:first-child{width:35%}\n.attn-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\n@media(max-width:760px){.attn-toolbar{align-items:start;flex-direction:column;gap:12px;margin-bottom:18px}.attn-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attn-stat{padding:16px}.attn-stat>strong{font-size:26px}.attn-grid{grid-template-columns:minmax(0,1fr);gap:16px}.attn-panel>header{padding:18px 16px 12px}.attn-dashboard ul,.attn-dashboard ol{padding-left:16px;padding-right:16px}.attn-diagnostics>summary>span{display:block;margin:6px 0 0 16px}.attn-toolbar a{padding:8px 10px}.attn-diagnostic-content table{min-width:540px}.attn-diagnostic-content{max-width:100%}.attn-note{margin-left:16px;margin-right:16px}}\n</style><section class=\"attn-dashboard\" aria-label=\"Attention overview\"><div class=\"attn-toolbar\"><p>Make room for what matters.</p><nav aria-label=\"Attention\"><a href=\"/view/app/attention/feed\">Activity</a><a href=\"/view/app/attention/habits\">Manage habits</a><a href=\"/view/app/attention/dashboard\" aria-label=\"Refresh Attention dashboard\">Refresh ↻</a></nav></div><div class=\"attn-stats\"><div class=\"attn-stat\"><span>Today</span><strong>0m</strong><small>Recorded minutes</small></div><div class=\"attn-stat\"><span>This week</span><strong>0m</strong><small>Recorded minutes</small></div><div class=\"attn-stat\"><span>Events today</span><strong>0</strong><small>Current peer</small></div><div class=\"attn-stat\"><span>Goals on track</span><strong>No goals</strong><small>Today's habit goals</small></div></div><div class=\"attn-grid\"><section class=\"attn-panel\"><header><div><h2>Where your time goes</h2><p>Today's recorded activity · current peer</p></div></header><div class=\"attn-empty\"><strong>A fresh start</strong><p>Recorded activity will appear here as you use connected surfaces.</p></div></section><section class=\"attn-panel\"><header><div><h2>Habits</h2><p>A little consistency, every day</p></div><a href=\"/view/app/attention/habits\">Manage →</a></header><div class=\"attn-empty\"><strong>Start with one habit</strong><p>Set a daily target or limit from Manage habits to give your attention a direction.</p></div></section></div><section class=\"attn-panel attn-recent\"><header><div><h2>Recent activity</h2><p>Latest events across the Runtime feed</p></div><a href=\"/view/app/attention/feed\">View all →</a></header><div class=\"attn-empty\"><strong>Nothing recorded yet</strong><p>Recent attention events will appear here.</p></div></section><details class=\"attn-diagnostics\"><summary>Runtime diagnostics <span>Rooms, interactions &amp; pointer heat</span></summary><div class=\"attn-diagnostic-body\"><p class=\"attn-note\">Detailed telemetry across Runtime surfaces. <a href=\"/view/app/attention/analytics\">Open analytics →</a></p><p class=\"attn-note\">Detected habit clusters: 0</p><details><summary>Live view rooms</summary><div class=\"attn-diagnostic-content\"><p class=\"hint\">No ambient view-room attention has landed yet. Open any runtime page and let the attention scope flush.</p></div></details><details><summary>Clicks &amp; actions</summary><div class=\"attn-diagnostic-content\"><p class=\"hint\">No click or form attention has landed yet. Interact with a tracked view or site link.</p></div></details><details><summary>Pointer heat</summary><div class=\"attn-diagnostic-content\"><p class=\"hint\">No pointer heat yet. Move through an SSR attention scope and the next flush will carry a compact heat grid.</p></div></details></div></details></section>"},"tag":"RawHtml"},{"children":[{"children":[],"kind":"view-node","props":{"html":"<style>.attn-graph{font:13px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;color:#183b32;min-width:0}.attn-graph *{box-sizing:border-box}.attn-graph-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.attn-graph-heading h3{font-size:15px;margin:0}.attn-graph-heading p,.attn-graph-heading>span,.attn-graph-note{font-size:11px;color:#62716b;margin:4px 0 16px}.attn-graph-heading>span{white-space:nowrap}.attn-graph-flows{list-style:none;padding:0!important;margin:0!important}.attn-graph-flows>li{padding:12px 0;border-top:1px solid #e0e7e2}.attn-graph-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(85px,.55fr) minmax(0,1fr);gap:12px;align-items:center}.attn-graph-node{background:#f0f6f2;border:1px solid #cfe0d5;border-radius:10px;padding:12px;min-width:0}.attn-graph-node>small{display:block;font-size:10px;color:#62716b;margin-bottom:4px}.attn-graph-node>strong{font-size:12px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.attn-graph-link{min-width:0;text-align:center;color:#18795a}.attn-graph-link svg{display:block;width:100%;height:16px;margin:3px 0}.attn-graph-link span,.attn-graph-link small{font-size:10px;display:block;overflow-wrap:anywhere}.attn-graph-link small{color:#62716b}.attn-graph details{min-width:0}.attn-graph summary{font-size:11px;padding:8px 0!important;cursor:pointer;color:#536a5f}.attn-graph summary:focus-visible{outline:2px solid #18795a;outline-offset:2px}.attn-graph dl{margin:0;background:#f5f7f5;padding:12px;border-radius:6px;min-width:0}.attn-graph dt{font-size:10px;font-weight:600;margin-top:6px}.attn-graph dd{margin:0;min-width:0}.attn-graph pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:90px;overflow:auto;font-size:10px;line-height:1.5;margin:4px 0;max-width:100%;user-select:text}.attn-graph-inventory{border-top:1px solid #e0e7e2}.attn-graph-inventory ul{list-style:none;padding:0!important}.attn-graph-inventory li{padding:10px;border-bottom:1px solid #e0e7e2}.attn-graph-inventory li>strong{display:block;font-size:12px;overflow-wrap:anywhere}.attn-graph-inventory li>span{display:block;font-size:11px;color:#62716b}\n.attention-room-surface{max-width:100%;min-width:0;overflow:auto;max-height:480px}.attention-room-surface table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px}.attention-room-surface th,.attention-room-surface td{padding:10px 8px;text-align:left;vertical-align:top;border-bottom:1px solid #e0e7e2;overflow-wrap:anywhere}.attention-room-surface th:first-child{width:38%}.attention-room-surface td strong,.attention-room-surface td span{display:block;max-width:100%;overflow-wrap:anywhere}.attention-room-surface td span{font-size:11px;color:#62716b;margin-top:4px}.attention-room-surface td strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.attention-room-surface td span{max-height:4.5em;overflow:auto}.primitive-attention-scope .primitive-card,.primitive-attention-scope .primitive-page{min-width:0;max-width:100%}.primitive-attention-scope .primitive-card__body{min-width:0}.primitive-attention-scope .primitive-card__title,.primitive-attention-scope .primitive-page__title{overflow-wrap:anywhere}\n.attention-room-surface th{position:sticky;top:0;background:#f4f7f4}.primitive-attention-scope .primitive-page__header{padding-right:90px}.primitive-attention-scope .primitive-page__title,.primitive-attention-scope .primitive-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\n@media(max-width:600px){.attn-graph-heading{display:block}.attn-graph-flow{gap:6px;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr)}.attn-graph-node{padding:8px}.attn-graph-node>strong{font-size:11px}.attention-room-surface table{min-width:580px}}\n</style><section class=\"attn-graph\" aria-label=\"Attention graph\"><p>No connections recorded yet. Tracked views and interactions will build this graph.</p></section>"},"tag":"RawHtml"}],"kind":"view-node","props":{"title":"Attention graph"},"tag":"Card"},{"children":[{"children":[{"children":["Attention.dashboard SSR payload is live-ready."],"kind":"view-node","props":{},"tag":"Text"}],"kind":"view-node","props":{"id":"payload-live-content-attention-dashboard","title":"Live Payload"},"tag":"Card"}],"kind":"view-node","props":{"id":"payload-live-attention-dashboard","patchTarget":"#payload-live-content-attention-dashboard","pollIntervalMs":8000,"refreshHref":"/view/payload/patch?app=Attention&view=dashboard","streamUrl":"/view/payload/patch?app=Attention&view=dashboard","transport":"http","transportStatus":true},"tag":"LiveSlot"}],"kind":"view-node","props":{"id":"dashboard","title":"Attention Dashboard"},"tag":"Page"}],"kind":"view-node","ok":true,"props":{"attentionKind":"dashboard","endpoint":"/attention/ingest","flushIntervalMs":10000,"label":"Attention Dashboard","mode":"aggregate","pointerGrid":"8x6","target":"view:attention.dashboard","targetKind":"view"},"tag":"AttentionScope"},"kind":"view-node","ok":true,"props":{"attentionKind":"dashboard","endpoint":"/attention/ingest","flushIntervalMs":10000,"label":"Attention Dashboard","mode":"aggregate","pointerGrid":"8x6","target":"view:attention.dashboard","targetKind":"view"},"tag":"AttentionScope"}