(()=>{if(!document.getElementById("aaas-design-panes-css")){const a=document.createElement("style");a.id="aaas-design-panes-css",a.textContent=`.aaas-design-pane{--basalt-deep:var(--app-bg);--basalt-surface:var(--app-surface);--basalt-bright:var(--app-elevated);--circuit:var(--app-accent);--circuit-glow:var(--app-accent-glow);--circuit-glow-strong:var(--app-accent-glow);--circuit-dim:var(--app-accent-dim);--accent-red:var(--app-signal);--accent-red-dim:var(--app-signal-dim);--accent-red-glow:var(--app-signal);--accent-teal:var(--app-success);--accent-teal-dim:var(--app-success);--text:var(--app-ink);--text-muted:var(--app-ink-soft);--border:var(--app-rule);--font-jetbrains:var(--app-font-mono);--pastel-lavender:var(--app-accent-dim);--pastel-gold:var(--app-warn);--radius:var(--app-radius);--font-inter:var(--app-font-body);--font-jb:var(--app-font-mono);--app-running:var(--app-accent);color:var(--app-ink);font-family:var(--app-font-body);height:100%;overflow:auto;}.aaas-design-pane [data-rail],.aaas-design-pane [data-bottomtab]{display:none!important;}.aaas-design-pane aside{display:none!important;}.aaas-design-pane :has(> aside){display:block!important;}.aaas-design-pane .appscroll:has(> .scp2),.aaas-design-pane [data-dc-tpl] > div:has(> button:nth-of-type(5)){display:none!important;}.aaas-design-pane .msym,.aaas-design-pane .ms,.aaas-design-pane .material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 20;}.aaas-design-pane .appscroll{overflow:auto;}main.canvas[data-aaas-pane]>.canvas-scroll{padding:0!important;gap:0!important;}main.canvas[data-aaas-pane]>.canvas-scroll>.hero-panel,main.canvas[data-aaas-pane]>.canvas-scroll>.kpi-strip{display:none!important;}main.canvas[data-aaas-pane]>.canvas-scroll>.work-region{padding-top:0!important;}.aaas-design-pane .appscroll:has(> .scp2){display:none!important;}.aaas-design-pane .appscroll[style*="min-height: 64px"]{flex-wrap:wrap!important;overflow-x:hidden!important;}.aaas-design-pane .appscroll[style*="min-height: 64px"]>*{min-width:150px!important;flex:0 1 230px!important;}`,document.head.appendChild(a)}window.AAAS_DESIGN_PANES=Object.assign(window.AAAS_DESIGN_PANES||{},{"streamOverview-costs":`<div data-dc-tpl="28" data-om-id="a524385e:32" style="display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center; padding: 16px 32px; border-bottom: 1px solid var(--border); position: relative;">
      <div data-dc-tpl="29" data-om-id="a524385e:33">
        <div data-dc-tpl="30" class="label-overline" data-om-id="a524385e:34" style="color: var(--text-muted);">Workspace</div>
        <div data-dc-tpl="31" data-om-id="a524385e:35" style="font-family: var(--font-inter); font-weight: 600; font-size: 14px; display: flex; align-items: center; gap: 8px; color: var(--app-ink); cursor: pointer; margin-top: 2px;">
          aaas-platform-prod
          <svg data-dc-tpl="32" width="10" height="6" viewBox="0 0 10 6" data-om-id="a524385e:36"><path data-dc-tpl="33" d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" data-om-id="a524385e:37"></path></svg>
        </div>
      </div>
      <div data-dc-tpl="34" data-om-id="a524385e:38" style="display: flex; align-items: center; gap: 10px; padding: 8px 14px; background: color-mix(in srgb, var(--app-surface) 60%, transparent); backdrop-filter: blur(12px); border: 1px solid color-mix(in srgb, white 6%, transparent); border-radius: 0.75rem; max-width: 460px; margin: 0px auto; width: 100%; color: color-mix(in srgb, var(--app-ink) 50%, transparent);">
        <svg data-dc-tpl="35" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" data-om-id="a524385e:39"><circle data-dc-tpl="36" cx="11" cy="11" r="7" data-om-id="a524385e:40"></circle><path data-dc-tpl="37" d="M20 20l-3.5-3.5" data-om-id="a524385e:41"></path></svg>
        <input data-dc-tpl="38" placeholder="Search vendors, receipts, budgets\u2026" data-om-id="a524385e:42" style="flex: 1 1 0%; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--app-ink); font-family: var(--font-inter); font-size: 13px;">
        <span data-dc-tpl="39" data-om-id="a524385e:43" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 6px; border: 1px solid color-mix(in srgb, white 8%, transparent); border-radius: 4px; color: color-mix(in srgb, var(--app-ink) 50%, transparent);">\u2318K</span>
      </div>
      <div data-dc-tpl="40" data-om-id="a524385e:44" style="display: flex; align-items: center; gap: 14px;">
        <button data-dc-tpl="41" aria-label="Notifications" data-om-id="a524385e:45" style="width: 34px; height: 34px; border-radius: 8px; background: none; border: 1px solid transparent; color: color-mix(in srgb, var(--app-ink) 60%, transparent); cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative;">
          <svg data-dc-tpl="42" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" data-om-id="a524385e:46"><path data-dc-tpl="43" d="M18 8a6 6 0 10-12 0c0 7-3 9-3 9h18s-3-2-3-9" data-om-id="a524385e:47"></path><path data-dc-tpl="44" d="M13.7 21a2 2 0 01-3.4 0" data-om-id="a524385e:48"></path></svg>
          <span data-dc-tpl="45" data-om-id="a524385e:49" style="position: absolute; top: 7px; right: 7px; width: 6px; height: 6px; border-radius: 50%; background: var(--app-signal); box-shadow: 0 0 6px var(--app-signal);"></span>
        </button>
        <div data-dc-tpl="46" data-om-id="a524385e:50" style="display: flex; align-items: center; gap: 10px; padding: 5px 12px 5px 5px; background: color-mix(in srgb, var(--app-surface) 50%, transparent); border: 1px solid color-mix(in srgb, white 6%, transparent); border-radius: 9999px; cursor: pointer;">
          <span data-dc-tpl="47" data-om-id="a524385e:51" style="width: 28px; height: 28px; border-radius: 50%; background: color-mix(in srgb, var(--app-accent) 20%, transparent); border: 1px solid color-mix(in srgb, var(--app-accent) 40%, transparent); color: var(--app-accent); font-family: var(--font-jetbrains); font-weight: 500; font-size: 11px; display: flex; align-items: center; justify-content: center;">M</span>
          <span data-dc-tpl="48" data-om-id="a524385e:52" style="display: flex; flex-direction: column; line-height: 1.1;">
            <span data-dc-tpl="49" data-om-id="a524385e:53" style="font-family: var(--font-inter); font-size: 12px; font-weight: 500; color: var(--app-ink);">Maya Okonkwo</span>
            <span data-dc-tpl="50" class="label-overline" data-om-id="a524385e:54" style="color: var(--text-muted);">Finance ops</span>
          </span>
        </div>
      </div>
    </div>

    <div data-dc-tpl="51" class="cost-scroll" data-om-id="a524385e:55" style="padding: 28px 32px 48px; display: flex; flex-direction: column; gap: 22px; max-width: 1600px; width: 100%;">

      
      <div data-dc-tpl="52" data-om-id="a524385e:56" style="display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap;">
        <div data-dc-tpl="53" data-om-id="a524385e:57">
          <div data-dc-tpl="54" data-om-id="a524385e:58" style="display: flex; align-items: center; gap: 12px; font-family: var(--font-inter); font-size: 0.6rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15rem; color: var(--app-signal); margin-bottom: 12px;">
            <span data-dc-tpl="55" data-om-id="a524385e:59" style="width: 20px; height: 2px; background: var(--app-signal); box-shadow: color-mix(in srgb, var(--app-signal) 40%, transparent) 0px 0px 8px;"></span>
            Billing \xB7 Costs stream
          </div>
          <h2 data-dc-tpl="56" data-om-id="a524385e:60" style="margin: 0px 0px 4px; font-family: var(--font-inter); font-weight: 900; text-transform: uppercase; letter-spacing: -0.025em; font-size: 2.2rem; color: var(--app-ink);">Costs<span data-dc-tpl="57" data-om-id="a524385e:61" style="color: var(--app-signal);">.</span></h2>
          <p data-dc-tpl="58" data-om-id="a524385e:62" style="margin: 0px; color: color-mix(in srgb, var(--app-ink) 60%, transparent); font-size: 0.9rem;">Self-monitored burn for an autonomous AI company \xB7 June 2026 cycle</p>
        </div>
        <div data-dc-tpl="59" data-om-id="a524385e:63" style="display: flex; align-items: center; gap: 10px;">
          <div data-dc-tpl="60" data-om-id="a524385e:64" style="display: flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid color-mix(in srgb, white 8%, transparent); border-radius: 0.6rem; font-family: var(--font-jetbrains); font-size: 11px; color: var(--text-muted);">
            <svg data-dc-tpl="61" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" data-om-id="a524385e:65"><path data-dc-tpl="62" d="M21 12a9 9 0 11-6.2-8.5" data-om-id="a524385e:66"></path><path data-dc-tpl="63" d="M21 3v6h-6" data-om-id="a524385e:67"></path></svg>
            SYNC 06:00
          </div>
          <button data-dc-tpl="64" data-om-id="a524385e:68" style="padding: 0px 1.2rem; height: 38px; background: var(--app-ink); color: var(--app-bg); font-family: var(--font-inter); font-weight: 700; text-transform: uppercase; font-size: 0.7rem; letter-spacing: 0.05em; border-radius: 0.6rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: inline-flex; align-items: center; gap: 8px;">
            <svg data-dc-tpl="65" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" data-om-id="a524385e:69"><path data-dc-tpl="66" d="M12 5v14M5 12h14" data-om-id="a524385e:70"></path></svg>
            New budget
          </button>
        </div>
      </div>

      
      <div data-dc-tpl="67" data-om-id="a524385e:71" style="display: flex; align-items: center; gap: 16px; padding: 12px 18px; border-radius: var(--radius); background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--app-accent) 4%, transparent) 0 8px, transparent 8px 16px); background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border: 1px solid color-mix(in srgb, var(--app-accent) 18%, transparent); flex-wrap: wrap;">
        <span data-dc-tpl="68" data-om-id="a524385e:72" style="width: 9px; height: 9px; border-radius: 50%; background: var(--app-accent); box-shadow: 0 0 8px var(--app-accent); animation: 1.6s ease-in-out 0s infinite normal none running dot-pulse; flex-shrink: 0;"></span>
        <div data-dc-tpl="69" data-om-id="a524385e:73" style="flex: 1 1 0%; min-width: 220px;">
          <span data-dc-tpl="70" data-om-id="a524385e:74" style="font-family: var(--font-jetbrains); font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--app-accent);">Projection cycle</span>
          <span data-dc-tpl="71" data-om-id="a524385e:75" style="color: color-mix(in srgb, var(--app-ink) 70%, transparent); font-size: 12.5px; margin-left: 10px;">Most figures are <strong data-dc-tpl="72" data-om-id="a524385e:76" style="color: var(--app-ink); font-weight: 600;">modeled</strong> from last sync \u2014 not billed actuals. Precision is indicative, not final.</span>
        </div>
        <div data-dc-tpl="73" data-om-id="a524385e:77" style="display: flex; align-items: center; gap: 16px; font-family: var(--font-jetbrains); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase;">
          <span data-dc-tpl="74" data-om-id="a524385e:78" style="display: flex; align-items: center; gap: 6px; color: var(--app-success);"><span data-dc-tpl="75" data-om-id="a524385e:79" style="width: 7px; height: 7px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 6px var(--app-success);"></span>Live</span>
          <span data-dc-tpl="76" data-om-id="a524385e:80" style="display: flex; align-items: center; gap: 6px; color: var(--app-accent);"><span data-dc-tpl="77" data-om-id="a524385e:81" style="width: 7px; height: 7px; border-radius: 50%; border: 1.5px dashed var(--app-accent);"></span>Modeled</span>
          <span data-dc-tpl="78" data-om-id="a524385e:82" style="display: flex; align-items: center; gap: 6px; color: var(--app-signal);"><span data-dc-tpl="79" data-om-id="a524385e:83" style="width: 7px; height: 7px; border-radius: 50%; background: var(--app-signal); box-shadow: 0 0 6px var(--app-signal);"></span>Error</span>
        </div>
      </div>

      
      <div data-dc-tpl="80" data-om-id="a524385e:84" style="display: flex; gap: 6px; border-bottom: 1px solid var(--border); padding-bottom: 0px;">
        
          <button data-dc-tpl="82" data-om-id="a524385e:86" style="padding: 10px 16px; background: color-mix(in srgb, var(--app-accent) 6%, transparent); border-top-width: medium; border-right-width: medium; border-bottom: 2px solid var(--app-accent); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; cursor: pointer; color: var(--app-accent); font-family: var(--font-jetbrains); font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.08em; transition: all 0.2s var(--liquid-ease);"><span class="sc-interp">Overview</span></button>
        
          <button data-dc-tpl="82" data-om-id="a524385e:86" style="padding: 10px 16px; background: transparent; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; cursor: pointer; color: color-mix(in srgb, var(--app-ink) 50%, transparent); font-family: var(--font-jetbrains); font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.08em; transition: all 0.2s var(--liquid-ease);"><span class="sc-interp">Sources</span></button>
        
          <button data-dc-tpl="82" data-om-id="a524385e:86" style="padding: 10px 16px; background: transparent; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; cursor: pointer; color: color-mix(in srgb, var(--app-ink) 50%, transparent); font-family: var(--font-jetbrains); font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.08em; transition: all 0.2s var(--liquid-ease);"><span class="sc-interp">AP Inbox</span></button>
        
          <button data-dc-tpl="82" data-om-id="a524385e:86" style="padding: 10px 16px; background: transparent; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; cursor: pointer; color: color-mix(in srgb, var(--app-ink) 50%, transparent); font-family: var(--font-jetbrains); font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.08em; transition: all 0.2s var(--liquid-ease);"><span class="sc-interp">Budgets &amp; Forecast</span></button>
        
          <button data-dc-tpl="82" data-om-id="a524385e:86" style="padding: 10px 16px; background: transparent; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; cursor: pointer; color: color-mix(in srgb, var(--app-ink) 50%, transparent); font-family: var(--font-jetbrains); font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.08em; transition: all 0.2s var(--liquid-ease);"><span class="sc-interp">Rev-Rec</span></button>
        
      </div>

      
      
        <div data-dc-tpl="84" data-om-id="a524385e:88" style="display: flex; flex-direction: column; gap: 22px;">

          
          <div data-dc-tpl="85" data-om-id="a524385e:89" style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;">
            
              <div data-dc-tpl="87" data-om-id="a524385e:91" style="background: color-mix(in srgb, var(--app-surface) 55%, transparent); backdrop-filter: blur(24px); border: 1px solid color-mix(in srgb, white 6%, transparent); border-radius: var(--radius); padding: 18px; box-shadow: color-mix(in srgb, white 5%, transparent) 0px 1px 0px inset;">
                <div data-dc-tpl="88" data-om-id="a524385e:92" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
                  <span data-dc-tpl="89" data-om-id="a524385e:93" style="font-family: var(--font-jetbrains); font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.15rem; color: var(--text-muted);"><span class="sc-interp">MTD spend</span></span>
                  <span data-dc-tpl="90" data-om-id="a524385e:94" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--app-accent); border: 1px solid color-mix(in srgb, var(--app-accent) 25%, transparent); background: color-mix(in srgb, var(--app-accent) 6%, transparent);"><span class="sc-interp">+18%</span></span>
                </div>
                <div data-dc-tpl="91" data-om-id="a524385e:95" style="font-family: var(--font-inter); font-weight: 900; font-size: 1.9rem; line-height: 1; margin-bottom: 8px; background: linear-gradient(white 0%, var(--app-ink-faint) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">\u20AC4,182</span></div>
                <div data-dc-tpl="92" data-om-id="a524385e:96" style="font-family: var(--font-jetbrains); font-size: 10.5px; color: color-mix(in srgb, var(--app-ink) 45%, transparent); letter-spacing: 0.03em;"><span class="sc-interp">of \u20AC7,500 cap</span></div>
              </div>
            
              <div data-dc-tpl="87" data-om-id="a524385e:91" style="background: color-mix(in srgb, var(--app-surface) 55%, transparent); backdrop-filter: blur(24px); border: 1px solid color-mix(in srgb, white 6%, transparent); border-radius: var(--radius); padding: 18px; box-shadow: color-mix(in srgb, white 5%, transparent) 0px 1px 0px inset;">
                <div data-dc-tpl="88" data-om-id="a524385e:92" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
                  <span data-dc-tpl="89" data-om-id="a524385e:93" style="font-family: var(--font-jetbrains); font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.15rem; color: var(--text-muted);"><span class="sc-interp">Run-rate close</span></span>
                  <span data-dc-tpl="90" data-om-id="a524385e:94" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--app-accent); border: 1px solid color-mix(in srgb, var(--app-accent) 30%, transparent); background: color-mix(in srgb, var(--app-accent) 6%, transparent);"><span class="sc-interp">Modeled</span></span>
                </div>
                <div data-dc-tpl="91" data-om-id="a524385e:95" style="font-family: var(--font-inter); font-weight: 900; font-size: 1.9rem; line-height: 1; margin-bottom: 8px; background: linear-gradient(white 0%, var(--app-ink-faint) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">\u20AC6,040</span></div>
                <div data-dc-tpl="92" data-om-id="a524385e:96" style="font-family: var(--font-jetbrains); font-size: 10.5px; color: color-mix(in srgb, var(--app-ink) 45%, transparent); letter-spacing: 0.03em;"><span class="sc-interp">\u2248 \u20AC201 / day</span></div>
              </div>
            
              <div data-dc-tpl="87" data-om-id="a524385e:91" style="background: color-mix(in srgb, var(--app-surface) 55%, transparent); backdrop-filter: blur(24px); border: 1px solid color-mix(in srgb, white 6%, transparent); border-radius: var(--radius); padding: 18px; box-shadow: color-mix(in srgb, white 5%, transparent) 0px 1px 0px inset;">
                <div data-dc-tpl="88" data-om-id="a524385e:92" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
                  <span data-dc-tpl="89" data-om-id="a524385e:93" style="font-family: var(--font-jetbrains); font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.15rem; color: var(--text-muted);"><span class="sc-interp">Biggest mover</span></span>
                  <span data-dc-tpl="90" data-om-id="a524385e:94" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--app-signal); border: 1px solid color-mix(in srgb, var(--app-signal) 25%, transparent); background: color-mix(in srgb, var(--app-signal) 6%, transparent);"><span class="sc-interp">+28%</span></span>
                </div>
                <div data-dc-tpl="91" data-om-id="a524385e:95" style="font-family: var(--font-inter); font-weight: 900; font-size: 1.9rem; line-height: 1; margin-bottom: 8px; background: linear-gradient(white 0%, var(--app-ink-faint) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">LLM</span></div>
                <div data-dc-tpl="92" data-om-id="a524385e:96" style="font-family: var(--font-jetbrains); font-size: 10.5px; color: color-mix(in srgb, var(--app-ink) 45%, transparent); letter-spacing: 0.03em;"><span class="sc-interp">OpenRouter + Anthropic</span></div>
              </div>
            
              <div data-dc-tpl="87" data-om-id="a524385e:91" style="background: color-mix(in srgb, var(--app-surface) 55%, transparent); backdrop-filter: blur(24px); border: 1px solid color-mix(in srgb, white 6%, transparent); border-radius: var(--radius); padding: 18px; box-shadow: color-mix(in srgb, white 5%, transparent) 0px 1px 0px inset;">
                <div data-dc-tpl="88" data-om-id="a524385e:92" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
                  <span data-dc-tpl="89" data-om-id="a524385e:93" style="font-family: var(--font-jetbrains); font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.15rem; color: var(--text-muted);"><span class="sc-interp">Budget headroom</span></span>
                  <span data-dc-tpl="90" data-om-id="a524385e:94" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 25%, transparent); background: color-mix(in srgb, var(--app-success) 6%, transparent);"><span class="sc-interp">44% left</span></span>
                </div>
                <div data-dc-tpl="91" data-om-id="a524385e:95" style="font-family: var(--font-inter); font-weight: 900; font-size: 1.9rem; line-height: 1; margin-bottom: 8px; background: linear-gradient(white 0%, var(--app-ink-faint) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">\u20AC3,318</span></div>
                <div data-dc-tpl="92" data-om-id="a524385e:96" style="font-family: var(--font-jetbrains); font-size: 10.5px; color: color-mix(in srgb, var(--app-ink) 45%, transparent); letter-spacing: 0.03em;"><span class="sc-interp">9 days remaining</span></div>
              </div>
            
          </div>

          
          <div data-dc-tpl="93" data-om-id="a524385e:97" style="display: grid; grid-template-columns: 1.35fr 1fr; gap: 22px;">

            
            <div data-dc-tpl="94" data-om-id="a524385e:98" style="background: color-mix(in srgb, var(--app-surface) 60%, transparent); backdrop-filter: blur(24px); border: 1px solid color-mix(in srgb, white 8%, transparent); border-radius: var(--radius); box-shadow: color-mix(in srgb, white 5%, transparent) 0px 1px 0px inset; padding: 26px;">
              <div data-dc-tpl="95" data-om-id="a524385e:99" style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 6px;">
                <div data-dc-tpl="96" data-om-id="a524385e:100">
                  <div data-dc-tpl="97" class="label-overline" data-om-id="a524385e:101" style="color: var(--text-muted); margin-bottom: 10px;">Monthly burn \xB7 vs budget cap</div>
                </div>
                <span data-dc-tpl="98" data-om-id="a524385e:102" style="display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--app-accent); border: 1px dashed color-mix(in srgb, var(--app-accent) 40%, transparent); padding: 3px 8px; border-radius: 9999px;">Modeled</span>
              </div>

              <div data-dc-tpl="99" data-om-id="a524385e:103" style="display: grid; grid-template-columns: 230px 1fr; gap: 26px; align-items: center;">
                
                <div data-dc-tpl="100" data-om-id="a524385e:104" style="position: relative; width: 230px; height: 150px;">
                  <svg data-dc-tpl="101" viewBox="0 0 208 150" width="230" height="150" data-om-id="a524385e:105" style="overflow: visible;">
                    <path data-dc-tpl="102" d="M 33.0 145.0 A 82 82 0 1 1 175.0 145.0" fill="none" stroke="color-mix(in srgb, white 6%, transparent)" stroke-width="14" stroke-linecap="round" data-om-id="a524385e:106"></path>
                    <path data-dc-tpl="103" d="M 123.6 24.4 A 82 82 0 0 1 182.5 80.4" fill="none" stroke="color-mix(in srgb, var(--app-accent) 55%, transparent)" stroke-width="14" stroke-linecap="round" stroke-dasharray="2 7" data-om-id="a524385e:107"></path>
                    <path data-dc-tpl="104" d="M 33.0 145.0 A 82 82 0 0 1 123.6 24.4" fill="none" stroke="var(--app-accent)" stroke-width="14" stroke-linecap="round" data-om-id="a524385e:108" style="filter: drop-shadow(0 0 6px color-mix(in srgb, var(--app-accent) 60%, transparent));"></path>
                  </svg>
                  <div data-dc-tpl="105" data-om-id="a524385e:109" style="position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 14px;">
                    <div data-dc-tpl="106" data-om-id="a524385e:110" style="font-family: var(--font-inter); font-weight: 900; font-size: 2rem; line-height: 1; color: var(--app-ink);"><span class="sc-interp">\u20AC4,182</span></div>
                    <div data-dc-tpl="107" data-om-id="a524385e:111" style="font-family: var(--font-jetbrains); font-size: 10.5px; color: var(--text-muted); margin-top: 4px; letter-spacing: 0.05em;">of <span class="sc-interp">\u20AC7,500</span> cap</div>
                    <div data-dc-tpl="108" data-om-id="a524385e:112" style="font-family: var(--font-jetbrains); font-size: 10px; color: var(--app-accent); margin-top: 2px;"><span class="sc-interp">56</span>% used</div>
                  </div>
                </div>
                
                <div data-dc-tpl="109" data-om-id="a524385e:113" style="display: flex; flex-direction: column; gap: 14px;">
                  <div data-dc-tpl="110" data-om-id="a524385e:114">
                    <div data-dc-tpl="111" data-om-id="a524385e:115" style="display: flex; align-items: center; gap: 8px; font-family: var(--font-jetbrains); font-size: 10.5px; color: color-mix(in srgb, var(--app-ink) 70%, transparent); text-transform: uppercase; letter-spacing: 0.06em;"><span data-dc-tpl="112" data-om-id="a524385e:116" style="width: 10px; height: 10px; border-radius: 2px; background: var(--app-accent); box-shadow: 0 0 6px var(--app-accent);"></span>Spent to date</div>
                    <div data-dc-tpl="113" data-om-id="a524385e:117" style="font-family: var(--font-inter); font-size: 1.05rem; font-weight: 700; color: var(--app-ink); margin-top: 4px; margin-left: 18px;"><span class="sc-interp">\u20AC4,182</span></div>
                  </div>
                  <div data-dc-tpl="114" data-om-id="a524385e:118">
                    <div data-dc-tpl="115" data-om-id="a524385e:119" style="display: flex; align-items: center; gap: 8px; font-family: var(--font-jetbrains); font-size: 10.5px; color: color-mix(in srgb, var(--app-ink) 70%, transparent); text-transform: uppercase; letter-spacing: 0.06em;"><span data-dc-tpl="116" data-om-id="a524385e:120" style="width: 10px; height: 10px; border-radius: 2px; border: 1.5px dashed var(--app-accent);"></span>Projected close</div>
                    <div data-dc-tpl="117" data-om-id="a524385e:121" style="font-family: var(--font-inter); font-size: 1.05rem; font-weight: 700; color: var(--app-accent); margin-top: 4px; margin-left: 18px;"><span class="sc-interp">\u20AC6,040</span> <span data-dc-tpl="118" data-om-id="a524385e:122" style="font-size: 0.7rem; color: var(--text-muted); font-weight: 500;">run-rate</span></div>
                  </div>
                  <div data-dc-tpl="119" data-om-id="a524385e:123" style="display: flex; align-items: center; gap: 8px; padding-top: 6px; border-top: 1px solid var(--border); font-family: var(--font-jetbrains); font-size: 10.5px; color: var(--text-muted);">
                    <svg data-dc-tpl="120" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" data-om-id="a524385e:124"><rect data-dc-tpl="121" x="3" y="4" width="18" height="18" rx="2" data-om-id="a524385e:125"></rect><path data-dc-tpl="122" d="M16 2v4M8 2v4M3 10h18" data-om-id="a524385e:126"></path></svg>
                    Renews <span class="sc-interp">10 Jul 2026</span> \xB7 <span class="sc-interp">9</span> days left
                  </div>
                </div>
              </div>

              
              <div data-dc-tpl="123" data-om-id="a524385e:127" style="margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--border);">
                <div data-dc-tpl="124" class="label-overline" data-om-id="a524385e:128" style="color: var(--text-muted); margin-bottom: 12px;">Spend composition</div>
                <div data-dc-tpl="125" data-om-id="a524385e:129" style="display: flex; height: 14px; border-radius: 9999px; overflow: hidden; background: color-mix(in srgb, white 4%, transparent);">
                  
                    <div data-dc-tpl="127" title="LLM" data-om-id="a524385e:131" style="width: 44%; background: var(--app-accent); height: 100%;"></div>
                  
                    <div data-dc-tpl="127" title="GCP" data-om-id="a524385e:131" style="width: 28.93%; background: var(--app-success); height: 100%;"></div>
                  
                    <div data-dc-tpl="127" title="Stripe fees" data-om-id="a524385e:131" style="width: 14.63%; background: var(--app-accent); height: 100%;"></div>
                  
                    <div data-dc-tpl="127" title="Darvis" data-om-id="a524385e:131" style="width: 8.13%; background: var(--app-warn); height: 100%;"></div>
                  
                    <div data-dc-tpl="127" title="FX" data-om-id="a524385e:131" style="width: 4.3%; background: color-mix(in srgb, var(--app-ink) 40%, transparent); height: 100%;"></div>
                  
                </div>
                <div data-dc-tpl="128" data-om-id="a524385e:132" style="display: flex; flex-wrap: wrap; gap: 14px 22px; margin-top: 16px;">
                  
                    <div data-dc-tpl="130" data-om-id="a524385e:134" style="display: flex; align-items: center; gap: 9px;">
                      <span data-dc-tpl="131" data-om-id="a524385e:135" style="width: 9px; height: 9px; border-radius: 2px; background: var(--app-accent); flex-shrink: 0;"></span>
                      <div data-dc-tpl="132" data-om-id="a524385e:136">
                        <div data-dc-tpl="133" data-om-id="a524385e:137" style="font-family: var(--font-inter); font-size: 12px; color: var(--app-ink); font-weight: 500;"><span class="sc-interp">LLM</span></div>
                        <div data-dc-tpl="134" data-om-id="a524385e:138" style="font-family: var(--font-jetbrains); font-size: 11px; color: var(--text-muted); margin-top: 1px;"><span class="sc-interp">\u20AC1,840</span> \xB7 <span class="sc-interp">44.0</span>%</div>
                      </div>
                    </div>
                  
                    <div data-dc-tpl="130" data-om-id="a524385e:134" style="display: flex; align-items: center; gap: 9px;">
                      <span data-dc-tpl="131" data-om-id="a524385e:135" style="width: 9px; height: 9px; border-radius: 2px; background: var(--app-success); flex-shrink: 0;"></span>
                      <div data-dc-tpl="132" data-om-id="a524385e:136">
                        <div data-dc-tpl="133" data-om-id="a524385e:137" style="font-family: var(--font-inter); font-size: 12px; color: var(--app-ink); font-weight: 500;"><span class="sc-interp">GCP</span></div>
                        <div data-dc-tpl="134" data-om-id="a524385e:138" style="font-family: var(--font-jetbrains); font-size: 11px; color: var(--text-muted); margin-top: 1px;"><span class="sc-interp">\u20AC1,210</span> \xB7 <span class="sc-interp">28.9</span>%</div>
                      </div>
                    </div>
                  
                    <div data-dc-tpl="130" data-om-id="a524385e:134" style="display: flex; align-items: center; gap: 9px;">
                      <span data-dc-tpl="131" data-om-id="a524385e:135" style="width: 9px; height: 9px; border-radius: 2px; background: var(--app-accent); flex-shrink: 0;"></span>
                      <div data-dc-tpl="132" data-om-id="a524385e:136">
                        <div data-dc-tpl="133" data-om-id="a524385e:137" style="font-family: var(--font-inter); font-size: 12px; color: var(--app-ink); font-weight: 500;"><span class="sc-interp">Stripe fees</span></div>
                        <div data-dc-tpl="134" data-om-id="a524385e:138" style="font-family: var(--font-jetbrains); font-size: 11px; color: var(--text-muted); margin-top: 1px;"><span class="sc-interp">\u20AC612</span> \xB7 <span class="sc-interp">14.6</span>%</div>
                      </div>
                    </div>
                  
                    <div data-dc-tpl="130" data-om-id="a524385e:134" style="display: flex; align-items: center; gap: 9px;">
                      <span data-dc-tpl="131" data-om-id="a524385e:135" style="width: 9px; height: 9px; border-radius: 2px; background: var(--app-warn); flex-shrink: 0;"></span>
                      <div data-dc-tpl="132" data-om-id="a524385e:136">
                        <div data-dc-tpl="133" data-om-id="a524385e:137" style="font-family: var(--font-inter); font-size: 12px; color: var(--app-ink); font-weight: 500;"><span class="sc-interp">Darvis</span></div>
                        <div data-dc-tpl="134" data-om-id="a524385e:138" style="font-family: var(--font-jetbrains); font-size: 11px; color: var(--text-muted); margin-top: 1px;"><span class="sc-interp">\u20AC340</span> \xB7 <span class="sc-interp">8.1</span>%</div>
                      </div>
                    </div>
                  
                    <div data-dc-tpl="130" data-om-id="a524385e:134" style="display: flex; align-items: center; gap: 9px;">
                      <span data-dc-tpl="131" data-om-id="a524385e:135" style="width: 9px; height: 9px; border-radius: 2px; background: color-mix(in srgb, var(--app-ink) 40%, transparent); flex-shrink: 0;"></span>
                      <div data-dc-tpl="132" data-om-id="a524385e:136">
                        <div data-dc-tpl="133" data-om-id="a524385e:137" style="font-family: var(--font-inter); font-size: 12px; color: var(--app-ink); font-weight: 500;"><span class="sc-interp">FX</span></div>
                        <div data-dc-tpl="134" data-om-id="a524385e:138" style="font-family: var(--font-jetbrains); font-size: 11px; color: var(--text-muted); margin-top: 1px;"><span class="sc-interp">\u20AC180</span> \xB7 <span class="sc-interp">4.3</span>%</div>
                      </div>
                    </div>
                  
                </div>
              </div>
            </div>

            
            <div data-dc-tpl="135" data-om-id="a524385e:139" style="background: color-mix(in srgb, var(--app-surface) 60%, transparent); backdrop-filter: blur(24px); border: 1px solid color-mix(in srgb, white 8%, transparent); border-radius: var(--radius); box-shadow: color-mix(in srgb, white 5%, transparent) 0px 1px 0px inset; padding: 26px; display: flex; flex-direction: column;">
              <div data-dc-tpl="136" data-om-id="a524385e:140" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px;">
                <div data-dc-tpl="137" class="label-overline" data-om-id="a524385e:141" style="color: var(--text-muted);">Daily spend \xB7 30 days</div>
                <span data-dc-tpl="138" data-om-id="a524385e:142" style="display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 10px; color: var(--app-success); text-transform: uppercase; letter-spacing: 0.08em;"><span data-dc-tpl="139" data-om-id="a524385e:143" style="width: 7px; height: 7px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 6px var(--app-success);"></span>Actuals</span>
              </div>
              <div data-dc-tpl="140" data-om-id="a524385e:144" style="display: flex; align-items: baseline; gap: 10px; margin-bottom: 14px;">
                <span data-dc-tpl="141" data-om-id="a524385e:145" style="font-family: var(--font-inter); font-weight: 900; font-size: 1.6rem; color: var(--app-ink);"><span class="sc-interp">\u20AC152</span></span>
                <span data-dc-tpl="142" data-om-id="a524385e:146" style="font-family: var(--font-jetbrains); font-size: 11px; color: var(--text-muted);">avg / day</span>
              </div>
              <svg data-dc-tpl="143" viewBox="0 0 440 130" preserveAspectRatio="none" data-om-id="a524385e:147" style="width: 100%; height: 150px; flex: 1 1 0%;">
                <defs data-dc-tpl="144" data-om-id="a524385e:148">
                  <linearGradient data-dc-tpl="145" id="sparkFill" x1="0" y1="0" x2="0" y2="1" data-om-id="a524385e:149">
                    <stop data-dc-tpl="146" offset="0%" stop-color="var(--app-accent)" stop-opacity="0.28" data-om-id="a524385e:150"></stop>
                    <stop data-dc-tpl="147" offset="100%" stop-color="var(--app-accent)" stop-opacity="0" data-om-id="a524385e:151"></stop>
                  </linearGradient>
                </defs>
                <path data-dc-tpl="148" d="M 6.0 115.9 L 20.8 107.9 L 35.5 124.0 L 50.3 99.8 L 65.0 91.7 L 79.8 103.8 L 94.6 79.6 L 109.3 87.7 L 124.1 71.6 L 138.8 93.7 L 153.6 61.5 L 168.3 73.6 L 183.1 83.7 L 197.9 51.4 L 212.6 66.5 L 227.4 59.5 L 242.1 43.3 L 256.9 53.4 L 271.7 39.3 L 286.4 47.4 L 301.2 31.2 L 315.9 36.3 L 330.7 43.3 L 345.4 21.1 L 360.2 29.2 L 375.0 33.2 L 389.7 15.1 L 404.5 23.1 L 419.2 6.0 L 434.0 13.1 L 434.0 124.0 L 6.0 124.0 Z" fill="url(#sparkFill)" data-om-id="a524385e:152"></path>
                <path data-dc-tpl="149" d="M 6.0 115.9 L 20.8 107.9 L 35.5 124.0 L 50.3 99.8 L 65.0 91.7 L 79.8 103.8 L 94.6 79.6 L 109.3 87.7 L 124.1 71.6 L 138.8 93.7 L 153.6 61.5 L 168.3 73.6 L 183.1 83.7 L 197.9 51.4 L 212.6 66.5 L 227.4 59.5 L 242.1 43.3 L 256.9 53.4 L 271.7 39.3 L 286.4 47.4 L 301.2 31.2 L 315.9 36.3 L 330.7 43.3 L 345.4 21.1 L 360.2 29.2 L 375.0 33.2 L 389.7 15.1 L 404.5 23.1 L 419.2 6.0 L 434.0 13.1" fill="none" stroke="var(--app-accent)" stroke-width="2" stroke-linejoin="round" data-om-id="a524385e:153" style="filter: drop-shadow(0 0 4px color-mix(in srgb, var(--app-accent) 50%, transparent));"></path>
                <line data-dc-tpl="150" x1="6" y1="10.0" x2="434" y2="10.0" stroke="var(--app-accent)" stroke-width="1.4" stroke-dasharray="5 5" opacity="0.85" data-om-id="a524385e:154"></line>
              </svg>
              <div data-dc-tpl="151" data-om-id="a524385e:155" style="display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding-top: 14px; border-top: 1px solid var(--border);">
                <div data-dc-tpl="152" data-om-id="a524385e:156" style="display: flex; align-items: center; gap: 8px; font-family: var(--font-jetbrains); font-size: 10.5px; color: var(--app-accent);"><span data-dc-tpl="153" data-om-id="a524385e:157" style="width: 14px; height: 0px; border-top: 1.5px dashed var(--app-accent);"></span>Modeled run-rate <span class="sc-interp">\u20AC201</span>/day</div>
                <span data-dc-tpl="154" data-om-id="a524385e:158" style="font-family: var(--font-jetbrains); font-size: 10.5px; color: var(--text-muted);">Biggest mover \xB7 <span data-dc-tpl="155" data-om-id="a524385e:159" style="color: var(--app-signal);"><span class="sc-interp">LLM +28%</span></span></span>
              </div>
            </div>
          </div>
        </div>
      

      
      

      
      

      
      

      
      

    </div>`,"streamOverview-design":`<div data-dc-tpl="68" data-screen-label="Tokens studio">

            
            
              <div data-dc-tpl="70" style="display: flex; flex-direction: column; gap: 16px;">
                
                <div data-dc-tpl="71" style="display: flex; gap: 10px; align-items: flex-start; background: color-mix(in srgb, var(--app-accent) 8%, transparent); border-left: 3px solid var(--app-accent); border-radius: var(--app-radius-sm); padding: 11px 14px;">
                  <span data-dc-tpl="72" class="ms" style="font-size: 18px; color: var(--app-accent);">info</span>
                  <div data-dc-tpl="73" style="font-size: 12px; color: var(--app-ink-soft);">Tokens are the contract. Edits are <b data-dc-tpl="74" style="color: var(--app-ink);">modeled</b> until published to <span data-dc-tpl="75" style="font-family: var(--app-font-mono);">@supraforge/ui \u2192 contract/tenants/companyx.{mode}.tokens.css</span>. Published values compile framework-agnostic and are consumed by every stream.</div>
                </div>

                <div data-dc-tpl="76" style="display: grid; grid-template-columns: minmax(0px, 1fr) 372px; gap: 16px; align-items: start;">
                  
                  <div data-dc-tpl="77" style="display: flex; flex-direction: column; gap: 12px; min-width: 0px;">
                    <div data-dc-tpl="78" style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
                      
                        <button data-dc-tpl="80" style="display: flex; align-items: center; gap: 6px; height: 32px; padding: 0px 12px; border: 1px solid var(--app-accent); background: var(--app-accent-dim); color: var(--app-accent); border-radius: var(--app-radius-sm); font-family: var(--app-font-body); font-size: 12px; font-weight: 600; cursor: pointer;">
                          <span data-dc-tpl="81" class="ms" style="font-size: 15px;"><span class="sc-interp">palette</span></span><span class="sc-interp">Color</span>
                          <span data-dc-tpl="82" style="font-family: var(--app-font-mono); font-size: 10px; opacity: 0.7;"><span class="sc-interp">10</span></span>
                        </button>
                      
                        <button data-dc-tpl="80" style="display: flex; align-items: center; gap: 6px; height: 32px; padding: 0px 12px; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft); border-radius: var(--app-radius-sm); font-family: var(--app-font-body); font-size: 12px; font-weight: 500; cursor: pointer;">
                          <span data-dc-tpl="81" class="ms" style="font-size: 15px;"><span class="sc-interp">text_fields</span></span><span class="sc-interp">Type</span>
                          <span data-dc-tpl="82" style="font-family: var(--app-font-mono); font-size: 10px; opacity: 0.7;"><span class="sc-interp">5</span></span>
                        </button>
                      
                        <button data-dc-tpl="80" style="display: flex; align-items: center; gap: 6px; height: 32px; padding: 0px 12px; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft); border-radius: var(--app-radius-sm); font-family: var(--app-font-body); font-size: 12px; font-weight: 500; cursor: pointer;">
                          <span data-dc-tpl="81" class="ms" style="font-size: 15px;"><span class="sc-interp">space_bar</span></span><span class="sc-interp">Space</span>
                          <span data-dc-tpl="82" style="font-family: var(--app-font-mono); font-size: 10px; opacity: 0.7;"><span class="sc-interp">6</span></span>
                        </button>
                      
                        <button data-dc-tpl="80" style="display: flex; align-items: center; gap: 6px; height: 32px; padding: 0px 12px; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft); border-radius: var(--app-radius-sm); font-family: var(--app-font-body); font-size: 12px; font-weight: 500; cursor: pointer;">
                          <span data-dc-tpl="81" class="ms" style="font-size: 15px;"><span class="sc-interp">rounded_corner</span></span><span class="sc-interp">Radius</span>
                          <span data-dc-tpl="82" style="font-family: var(--app-font-mono); font-size: 10px; opacity: 0.7;"><span class="sc-interp">3</span></span>
                        </button>
                      
                      <div data-dc-tpl="83" style="margin-left: auto; display: flex; align-items: center; gap: 6px; font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);">
                        <span data-dc-tpl="84" class="ms" style="font-size: 14px;"><span class="sc-interp">dark_mode</span></span>resolving \xB7 <span class="sc-interp">dark</span> mode
                      </div>
                    </div>

                    <div data-dc-tpl="85" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden;">
                      <div data-dc-tpl="86" style="display: grid; grid-template-columns: 34px minmax(0px, 1fr) 116px 92px; gap: 10px; padding: 9px 14px; background: var(--app-bg); border-bottom: 1px solid var(--app-rule); font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--app-ink-faint); font-weight: 600;">
                        <span data-dc-tpl="87"></span><span data-dc-tpl="88">Token</span><span data-dc-tpl="89"><span class="sc-interp">Light value</span></span><span data-dc-tpl="90" style="text-align: right;">Used by</span>
                      </div>
                      <div data-dc-tpl="91" role="table">
                        
                          <div data-dc-tpl="93" role="row" tabindex="0" style="display: grid; grid-template-columns: 34px minmax(0px, 1fr) 116px 92px; gap: 10px; align-items: center; padding: 9px 14px; border-bottom: 1px solid var(--app-rule-soft); cursor: pointer; background: var(--app-accent-dim); border-left: 2px solid var(--app-accent);">
                            
                              <span data-dc-tpl="95" style="width: 26px; height: 26px; border-radius: 6px; border: 1px solid var(--app-rule); background: rgb(43, 205, 238);"></span>
                            
                            
                            <div data-dc-tpl="98" style="min-width: 0px; display: flex; flex-direction: column; gap: 2px;">
                              <div data-dc-tpl="99" style="display: flex; align-items: center; gap: 7px;">
                                <span data-dc-tpl="100" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-accent</span></span>
                                
                              </div>
                              <span data-dc-tpl="103" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">#2bcdee</span></span>
                            </div>
                            <span data-dc-tpl="104" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">#0099a8</span></span>
                            <span data-dc-tpl="105" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">42</span></span>
                          </div>
                        
                          <div data-dc-tpl="93" role="row" tabindex="0" style="display: grid; grid-template-columns: 34px minmax(0px, 1fr) 116px 92px; gap: 10px; align-items: center; padding: 9px 14px; border-bottom: 1px solid var(--app-rule-soft); cursor: pointer; background: transparent; border-left: 2px solid transparent;">
                            
                              <span data-dc-tpl="95" style="width: 26px; height: 26px; border-radius: 6px; border: 1px solid var(--app-rule); background: rgb(16, 31, 34);"></span>
                            
                            
                            <div data-dc-tpl="98" style="min-width: 0px; display: flex; flex-direction: column; gap: 2px;">
                              <div data-dc-tpl="99" style="display: flex; align-items: center; gap: 7px;">
                                <span data-dc-tpl="100" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-bg</span></span>
                                
                              </div>
                              <span data-dc-tpl="103" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">#101f22</span></span>
                            </div>
                            <span data-dc-tpl="104" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">#f4f7f7</span></span>
                            <span data-dc-tpl="105" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">118</span></span>
                          </div>
                        
                          <div data-dc-tpl="93" role="row" tabindex="0" style="display: grid; grid-template-columns: 34px minmax(0px, 1fr) 116px 92px; gap: 10px; align-items: center; padding: 9px 14px; border-bottom: 1px solid var(--app-rule-soft); cursor: pointer; background: transparent; border-left: 2px solid transparent;">
                            
                              <span data-dc-tpl="95" style="width: 26px; height: 26px; border-radius: 6px; border: 1px solid var(--app-rule); background: rgb(22, 42, 46);"></span>
                            
                            
                            <div data-dc-tpl="98" style="min-width: 0px; display: flex; flex-direction: column; gap: 2px;">
                              <div data-dc-tpl="99" style="display: flex; align-items: center; gap: 7px;">
                                <span data-dc-tpl="100" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-surface</span></span>
                                
                              </div>
                              <span data-dc-tpl="103" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">#162a2e</span></span>
                            </div>
                            <span data-dc-tpl="104" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">#ffffff</span></span>
                            <span data-dc-tpl="105" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">96</span></span>
                          </div>
                        
                          <div data-dc-tpl="93" role="row" tabindex="0" style="display: grid; grid-template-columns: 34px minmax(0px, 1fr) 116px 92px; gap: 10px; align-items: center; padding: 9px 14px; border-bottom: 1px solid var(--app-rule-soft); cursor: pointer; background: transparent; border-left: 2px solid transparent;">
                            
                              <span data-dc-tpl="95" style="width: 26px; height: 26px; border-radius: 6px; border: 1px solid var(--app-rule); background: rgb(30, 58, 64);"></span>
                            
                            
                            <div data-dc-tpl="98" style="min-width: 0px; display: flex; flex-direction: column; gap: 2px;">
                              <div data-dc-tpl="99" style="display: flex; align-items: center; gap: 7px;">
                                <span data-dc-tpl="100" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-elevated</span></span>
                                
                              </div>
                              <span data-dc-tpl="103" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">#1e3a40</span></span>
                            </div>
                            <span data-dc-tpl="104" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">#e9eff0</span></span>
                            <span data-dc-tpl="105" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">31</span></span>
                          </div>
                        
                          <div data-dc-tpl="93" role="row" tabindex="0" style="display: grid; grid-template-columns: 34px minmax(0px, 1fr) 116px 92px; gap: 10px; align-items: center; padding: 9px 14px; border-bottom: 1px solid var(--app-rule-soft); cursor: pointer; background: transparent; border-left: 2px solid transparent;">
                            
                              <span data-dc-tpl="95" style="width: 26px; height: 26px; border-radius: 6px; border: 1px solid var(--app-rule); background: rgb(255, 255, 255);"></span>
                            
                            
                            <div data-dc-tpl="98" style="min-width: 0px; display: flex; flex-direction: column; gap: 2px;">
                              <div data-dc-tpl="99" style="display: flex; align-items: center; gap: 7px;">
                                <span data-dc-tpl="100" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-ink</span></span>
                                
                              </div>
                              <span data-dc-tpl="103" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">#ffffff</span></span>
                            </div>
                            <span data-dc-tpl="104" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">#0f1b1e</span></span>
                            <span data-dc-tpl="105" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">203</span></span>
                          </div>
                        
                          <div data-dc-tpl="93" role="row" tabindex="0" style="display: grid; grid-template-columns: 34px minmax(0px, 1fr) 116px 92px; gap: 10px; align-items: center; padding: 9px 14px; border-bottom: 1px solid var(--app-rule-soft); cursor: pointer; background: transparent; border-left: 2px solid transparent;">
                            
                              <span data-dc-tpl="95" style="width: 26px; height: 26px; border-radius: 6px; border: 1px solid var(--app-rule); background: rgb(209, 213, 219);"></span>
                            
                            
                            <div data-dc-tpl="98" style="min-width: 0px; display: flex; flex-direction: column; gap: 2px;">
                              <div data-dc-tpl="99" style="display: flex; align-items: center; gap: 7px;">
                                <span data-dc-tpl="100" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-ink-soft</span></span>
                                
                              </div>
                              <span data-dc-tpl="103" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">#d1d5db</span></span>
                            </div>
                            <span data-dc-tpl="104" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">rgba(15,27,30,0.62)</span></span>
                            <span data-dc-tpl="105" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">77</span></span>
                          </div>
                        
                          <div data-dc-tpl="93" role="row" tabindex="0" style="display: grid; grid-template-columns: 34px minmax(0px, 1fr) 116px 92px; gap: 10px; align-items: center; padding: 9px 14px; border-bottom: 1px solid var(--app-rule-soft); cursor: pointer; background: transparent; border-left: 2px solid transparent;">
                            
                              <span data-dc-tpl="95" style="width: 26px; height: 26px; border-radius: 6px; border: 1px solid var(--app-rule); background: rgb(0, 255, 157);"></span>
                            
                            
                            <div data-dc-tpl="98" style="min-width: 0px; display: flex; flex-direction: column; gap: 2px;">
                              <div data-dc-tpl="99" style="display: flex; align-items: center; gap: 7px;">
                                <span data-dc-tpl="100" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-success</span></span>
                                
                              </div>
                              <span data-dc-tpl="103" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">#00ff9d</span></span>
                            </div>
                            <span data-dc-tpl="104" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">#00a36c</span></span>
                            <span data-dc-tpl="105" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">24</span></span>
                          </div>
                        
                          <div data-dc-tpl="93" role="row" tabindex="0" style="display: grid; grid-template-columns: 34px minmax(0px, 1fr) 116px 92px; gap: 10px; align-items: center; padding: 9px 14px; border-bottom: 1px solid var(--app-rule-soft); cursor: pointer; background: transparent; border-left: 2px solid transparent;">
                            
                              <span data-dc-tpl="95" style="width: 26px; height: 26px; border-radius: 6px; border: 1px solid var(--app-rule); background: rgb(236, 85, 103);"></span>
                            
                            
                            <div data-dc-tpl="98" style="min-width: 0px; display: flex; flex-direction: column; gap: 2px;">
                              <div data-dc-tpl="99" style="display: flex; align-items: center; gap: 7px;">
                                <span data-dc-tpl="100" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-signal</span></span>
                                
                              </div>
                              <span data-dc-tpl="103" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">#ec5567</span></span>
                            </div>
                            <span data-dc-tpl="104" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">#ec5567</span></span>
                            <span data-dc-tpl="105" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">18</span></span>
                          </div>
                        
                          <div data-dc-tpl="93" role="row" tabindex="0" style="display: grid; grid-template-columns: 34px minmax(0px, 1fr) 116px 92px; gap: 10px; align-items: center; padding: 9px 14px; border-bottom: 1px solid var(--app-rule-soft); cursor: pointer; background: transparent; border-left: 2px solid transparent;">
                            
                              <span data-dc-tpl="95" style="width: 26px; height: 26px; border-radius: 6px; border: 1px solid var(--app-rule); background: rgb(245, 158, 11);"></span>
                            
                            
                            <div data-dc-tpl="98" style="min-width: 0px; display: flex; flex-direction: column; gap: 2px;">
                              <div data-dc-tpl="99" style="display: flex; align-items: center; gap: 7px;">
                                <span data-dc-tpl="100" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-warn</span></span>
                                
                              </div>
                              <span data-dc-tpl="103" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">#f59e0b</span></span>
                            </div>
                            <span data-dc-tpl="104" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">#f59e0b</span></span>
                            <span data-dc-tpl="105" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">12</span></span>
                          </div>
                        
                          <div data-dc-tpl="93" role="row" tabindex="0" style="display: grid; grid-template-columns: 34px minmax(0px, 1fr) 116px 92px; gap: 10px; align-items: center; padding: 9px 14px; border-bottom: 1px solid var(--app-rule-soft); cursor: pointer; background: transparent; border-left: 2px solid transparent;">
                            
                              <span data-dc-tpl="95" style="width: 26px; height: 26px; border-radius: 6px; border: 1px solid var(--app-rule); background: rgb(239, 68, 68);"></span>
                            
                            
                            <div data-dc-tpl="98" style="min-width: 0px; display: flex; flex-direction: column; gap: 2px;">
                              <div data-dc-tpl="99" style="display: flex; align-items: center; gap: 7px;">
                                <span data-dc-tpl="100" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-fail</span></span>
                                
                              </div>
                              <span data-dc-tpl="103" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">#ef4444</span></span>
                            </div>
                            <span data-dc-tpl="104" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">#ef4444</span></span>
                            <span data-dc-tpl="105" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">9</span></span>
                          </div>
                        
                      </div>
                    </div>
                  </div>

                  
                  <div data-dc-tpl="106" style="background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 16px; display: flex; flex-direction: column; gap: 14px; position: sticky; top: 0px;">
                    <div data-dc-tpl="107" style="display: flex; align-items: center; justify-content: space-between;">
                      <span data-dc-tpl="108" style="font-family: var(--app-font-display); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--app-ink-faint);">Token editor</span>
                      <span data-dc-tpl="109" style="font-family: var(--app-font-mono); font-size: 10px; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span class="sc-interp">published</span></span>
                    </div>
                    <div data-dc-tpl="110" style="font-family: var(--app-font-mono); font-size: 14px; color: var(--app-ink); word-break: break-all;"><span class="sc-interp">--app-accent</span></div>

                    
                    <div data-dc-tpl="111" style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px;">
                      <div data-dc-tpl="112" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); padding: 10px; display: flex; flex-direction: column; gap: 8px;">
                        <span data-dc-tpl="113" style="font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--app-ink-faint);">Published</span>
                        <span data-dc-tpl="115" style="height: 38px; border-radius: 6px; border: 1px solid var(--app-rule); background: rgb(43, 205, 238);"></span>
                        <span data-dc-tpl="116" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-soft); word-break: break-all;"><span class="sc-interp">#2bcdee</span></span>
                      </div>
                      <div data-dc-tpl="117" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); padding: 10px; display: flex; flex-direction: column; gap: 8px;">
                        <span data-dc-tpl="118" style="font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--app-ink-faint);">Modeled</span>
                        <span data-dc-tpl="120" style="height: 38px; border-radius: 6px; border: 1px solid var(--app-rule); background: rgb(43, 205, 238);"></span>
                        <span data-dc-tpl="121" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-soft); word-break: break-all;"><span class="sc-interp">#2bcdee</span></span>
                      </div>
                    </div>

                    
                    <div data-dc-tpl="122" style="display: flex; flex-direction: column; gap: 7px;">
                      <span data-dc-tpl="123" style="font-size: 11px; color: var(--app-ink-faint);">Edit <span class="sc-interp">dark</span> value</span>
                      <div data-dc-tpl="124" style="display: flex; gap: 8px; align-items: center;">
                        
                          <input data-dc-tpl="126" type="color" aria-label="Pick color" value="#2bcdee" style="width: 38px; height: 34px; padding: 0px; border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); background: transparent; cursor: pointer;">
                        
                        <input data-dc-tpl="127" type="text" aria-label="Token value" spellcheck="false" value="#2bcdee" style="flex: 1 1 0%; min-width: 0px; height: 34px; padding: 0px 10px; background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: var(--app-font-mono); font-size: 12px;">
                      </div>
                    </div>

                    <div data-dc-tpl="128" style="display: flex; align-items: center; justify-content: space-between; padding: 9px 11px; background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm);">
                      <span data-dc-tpl="129" style="font-size: 11px; color: var(--app-ink-soft);">Referenced by</span>
                      <span data-dc-tpl="130" style="font-family: var(--app-font-mono); font-size: 13px; color: var(--app-accent);"><span class="sc-interp">42</span> components</span>
                    </div>

                    
                    <div data-dc-tpl="131" style="display: flex; flex-direction: column; gap: 6px; margin-top: 2px;">
                      <button data-dc-tpl="132" disabled="" style="position: relative; overflow: hidden; height: 40px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--app-radius-sm); cursor: default; background: color-mix(in srgb, var(--app-success) 18%, transparent); color: var(--app-success); font-family: var(--app-font-body); font-weight: 600; font-size: 13px; opacity: 0.9; touch-action: none; user-select: none;">
                        <span data-dc-tpl="133" style="position: absolute; left: 0px; top: 0px; bottom: 0px; width: 0%; background: color-mix(in srgb, var(--app-accent-ink) 22%, transparent); transition: width 0.05s linear;"></span>
                        <span data-dc-tpl="134" style="position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%;">
                          <span data-dc-tpl="135" class="ms" style="font-size: 16px;"><span class="sc-interp">check_circle</span></span><span class="sc-interp">Published</span>
                        </span>
                      </button>
                      <div data-dc-tpl="136" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint); text-align: center;"><span class="sc-interp">PATCH /contract/tenants/companyx/dark/--app-accent</span></div>
                      
                    </div>
                  </div>
                </div>
              </div>
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            

          </div>`,"streamOverview-intelligence":`<div data-dc-tpl="47" style="display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center; padding: 16px 32px; border-bottom: 1px solid var(--border);">
      <div data-dc-tpl="48">
        <div data-dc-tpl="49" class="label-overline" style="color: color-mix(in srgb, var(--app-ink) 50%, transparent);">Workspace</div>
        <div data-dc-tpl="50" style="font-family: var(--font-inter); font-weight: 600; font-size: 14px; display: flex; align-items: center; gap: 8px; color: var(--app-ink); cursor: pointer; margin-top: 2px;">
          aaas-platform-prod
          <svg data-dc-tpl="51" width="10" height="6" viewBox="0 0 10 6"><path data-dc-tpl="52" d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"></path></svg>
        </div>
      </div>
      <div data-dc-tpl="53" style="display: flex; align-items: center; gap: 10px; padding: 8px 14px; background: color-mix(in srgb, var(--app-surface) 60%, transparent); backdrop-filter: blur(12px); border: 1px solid color-mix(in srgb, white 6%, transparent); border-radius: 0.75rem; max-width: 460px; margin: 0px auto; width: 100%; color: color-mix(in srgb, var(--app-ink) 50%, transparent);">
        <svg data-dc-tpl="54" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><circle data-dc-tpl="55" cx="11" cy="11" r="7"></circle><path data-dc-tpl="56" d="M20 20l-3.5-3.5"></path></svg>
        <input data-dc-tpl="57" placeholder="Search agents, skills, context\u2026" style="flex: 1 1 0%; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--app-ink); font-family: var(--font-inter); font-size: 13px;">
        <span data-dc-tpl="58" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 6px; border: 1px solid color-mix(in srgb, white 8%, transparent); border-radius: 4px; color: color-mix(in srgb, var(--app-ink) 50%, transparent);">\u2318K</span>
      </div>
      <div data-dc-tpl="59" style="display: flex; align-items: center; gap: 14px;">
        <button data-dc-tpl="60" aria-label="Notifications" style="width: 34px; height: 34px; border-radius: 8px; background: none; border: 1px solid transparent; color: color-mix(in srgb, var(--app-ink) 60%, transparent); cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative;">
          <svg data-dc-tpl="61" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path data-dc-tpl="62" d="M18 8a6 6 0 10-12 0c0 7-3 9-3 9h18s-3-2-3-9"></path><path data-dc-tpl="63" d="M13.7 21a2 2 0 01-3.4 0"></path></svg>
          <span data-dc-tpl="64" style="position: absolute; top: 7px; right: 7px; width: 6px; height: 6px; border-radius: 50%; background: var(--app-signal); box-shadow: 0 0 6px var(--app-signal);"></span>
        </button>
        <button data-dc-tpl="65" style="display: flex; align-items: center; gap: 10px; padding: 5px 12px 5px 5px; background: color-mix(in srgb, var(--app-surface) 50%, transparent); border: 1px solid color-mix(in srgb, white 6%, transparent); border-radius: 9999px; cursor: pointer;">
          <span data-dc-tpl="66" style="width: 28px; height: 28px; border-radius: 50%; background: color-mix(in srgb, var(--app-accent) 20%, transparent); border: 1px solid color-mix(in srgb, var(--app-accent) 40%, transparent); color: var(--app-accent); font-family: var(--font-jetbrains); font-weight: 500; font-size: 11px; display: flex; align-items: center; justify-content: center;">M</span>
          <span data-dc-tpl="67" style="display: flex; flex-direction: column; line-height: 1.1;">
            <span data-dc-tpl="68" style="font-family: var(--font-inter); font-size: 12px; font-weight: 500; color: var(--app-ink);">Maya Okonkwo</span>
            <span data-dc-tpl="69" class="label-overline" style="color: color-mix(in srgb, var(--app-ink) 50%, transparent);">Builder</span>
          </span>
        </button>
      </div>
    </div>

    
    <div data-dc-tpl="70" class="isk-scroll" style="padding: 28px 32px 40px; display: flex; flex-direction: column; gap: 22px; overflow-y: auto;">

      
      <div data-dc-tpl="71" style="display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap;">
        <div data-dc-tpl="72">
          <div data-dc-tpl="73" style="display: flex; align-items: center; gap: 12px; font-family: var(--font-inter); font-size: 0.6rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15rem; color: var(--app-signal); margin-bottom: 12px;">
            <span data-dc-tpl="74" style="width: 20px; height: 2px; background: var(--app-signal); box-shadow: color-mix(in srgb, var(--app-signal) 40%, transparent) 0px 0px 8px;"></span>
            Stream \xB7 Intelligence
          </div>
          <h2 data-dc-tpl="75" style="margin: 0px 0px 4px; font-family: var(--font-inter); font-weight: 900; text-transform: uppercase; letter-spacing: -0.025em; font-size: 2.2rem; color: var(--app-ink);">Intelligence<span data-dc-tpl="76" style="color: var(--app-signal);">.</span></h2>
          <p data-dc-tpl="77" style="margin: 0px; color: color-mix(in srgb, var(--app-ink) 60%, transparent); font-size: 0.9rem;">Ask anything across the org's knowledge \u2014 entities, documents, and runs.</p>
        </div>
        <div data-dc-tpl="78" style="display: flex; align-items: center; gap: 6px; padding: 5px; background: color-mix(in srgb, var(--app-surface) 50%, transparent); border: 1px solid color-mix(in srgb, white 6%, transparent); border-radius: 9999px;">
          
            <button data-dc-tpl="80" style="display: flex; align-items: center; gap: 7px; padding: 6px 12px; border-radius: 9999px; background: color-mix(in srgb, var(--app-accent) 10%, transparent); border: 1px solid color-mix(in srgb, var(--app-accent) 35%, transparent); color: var(--app-accent); font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.12em; font-weight: 500; cursor: pointer; transition: all 0.2s var(--liquid-ease);"><span data-dc-tpl="81" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-accent); box-shadow: 0 0 6px var(--app-accent); opacity: 1;"></span><span class="sc-interp">Live</span></button>
          
            <button data-dc-tpl="80" style="display: flex; align-items: center; gap: 7px; padding: 6px 12px; border-radius: 9999px; background: transparent; border: 1px solid transparent; color: color-mix(in srgb, var(--app-ink) 45%, transparent); font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.12em; font-weight: 500; cursor: pointer; transition: all 0.2s var(--liquid-ease);"><span data-dc-tpl="81" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-warn); box-shadow: none; opacity: 0.5;"></span><span class="sc-interp">Loading</span></button>
          
            <button data-dc-tpl="80" style="display: flex; align-items: center; gap: 7px; padding: 6px 12px; border-radius: 9999px; background: transparent; border: 1px solid transparent; color: color-mix(in srgb, var(--app-ink) 45%, transparent); font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.12em; font-weight: 500; cursor: pointer; transition: all 0.2s var(--liquid-ease);"><span data-dc-tpl="81" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-ink); box-shadow: none; opacity: 0.5;"></span><span class="sc-interp">Empty</span></button>
          
            <button data-dc-tpl="80" style="display: flex; align-items: center; gap: 7px; padding: 6px 12px; border-radius: 9999px; background: transparent; border: 1px solid transparent; color: color-mix(in srgb, var(--app-ink) 45%, transparent); font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.12em; font-weight: 500; cursor: pointer; transition: all 0.2s var(--liquid-ease);"><span data-dc-tpl="81" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-signal); box-shadow: none; opacity: 0.5;"></span><span class="sc-interp">Error</span></button>
          
        </div>
      </div>

      
      <div data-dc-tpl="82" style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;">
        
          <div data-dc-tpl="84" class="glass" style="padding: 18px;">
            <div data-dc-tpl="85" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
              <div data-dc-tpl="86" class="label-overline" style="color: color-mix(in srgb, var(--app-ink) 50%, transparent);"><span class="sc-interp">Entities Indexed</span></div>
              <span data-dc-tpl="87" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--app-accent); border: 1px solid color-mix(in srgb, var(--app-accent) 25%, transparent); background: color-mix(in srgb, var(--app-accent) 6%, transparent);"><span class="sc-interp">+42</span></span>
            </div>
            <div data-dc-tpl="88" style="font-family: var(--font-inter); font-weight: 900; font-size: 1.9rem; line-height: 1; margin-bottom: 14px; background: linear-gradient(white 0%, var(--app-ink-faint) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">1,284</span></div>
            <div data-dc-tpl="89" style="height: 4px; background: color-mix(in srgb, white 4%, transparent); border-radius: 9999px; overflow: hidden;"><div data-dc-tpl="90" style="height: 100%; border-radius: 9999px; width: 78%; background: var(--app-accent); box-shadow: var(--app-accent) 0 0 8px;"></div></div>
          </div>
        
          <div data-dc-tpl="84" class="glass" style="padding: 18px;">
            <div data-dc-tpl="85" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
              <div data-dc-tpl="86" class="label-overline" style="color: color-mix(in srgb, var(--app-ink) 50%, transparent);"><span class="sc-interp">Vault Documents</span></div>
              <span data-dc-tpl="87" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--app-accent); border: 1px solid color-mix(in srgb, var(--app-accent) 25%, transparent); background: color-mix(in srgb, var(--app-accent) 6%, transparent);"><span class="sc-interp">+128</span></span>
            </div>
            <div data-dc-tpl="88" style="font-family: var(--font-inter); font-weight: 900; font-size: 1.9rem; line-height: 1; margin-bottom: 14px; background: linear-gradient(white 0%, var(--app-ink-faint) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">5,400</span></div>
            <div data-dc-tpl="89" style="height: 4px; background: color-mix(in srgb, white 4%, transparent); border-radius: 9999px; overflow: hidden;"><div data-dc-tpl="90" style="height: 100%; border-radius: 9999px; width: 64%; background: var(--app-accent); box-shadow: var(--app-accent) 0 0 8px;"></div></div>
          </div>
        
          <div data-dc-tpl="84" class="glass" style="padding: 18px;">
            <div data-dc-tpl="85" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
              <div data-dc-tpl="86" class="label-overline" style="color: color-mix(in srgb, var(--app-ink) 50%, transparent);"><span class="sc-interp">Avg Confidence</span></div>
              <span data-dc-tpl="87" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 25%, transparent); background: color-mix(in srgb, var(--app-success) 6%, transparent);"><span class="sc-interp">+1.4%</span></span>
            </div>
            <div data-dc-tpl="88" style="font-family: var(--font-inter); font-weight: 900; font-size: 1.9rem; line-height: 1; margin-bottom: 14px; background: linear-gradient(white 0%, var(--app-ink-faint) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">86%</span></div>
            <div data-dc-tpl="89" style="height: 4px; background: color-mix(in srgb, white 4%, transparent); border-radius: 9999px; overflow: hidden;"><div data-dc-tpl="90" style="height: 100%; border-radius: 9999px; width: 86%; background: var(--app-success); box-shadow: none;"></div></div>
          </div>
        
          <div data-dc-tpl="84" class="glass" style="padding: 18px;">
            <div data-dc-tpl="85" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
              <div data-dc-tpl="86" class="label-overline" style="color: color-mix(in srgb, var(--app-ink) 50%, transparent);"><span class="sc-interp">Sync Coverage</span></div>
              <span data-dc-tpl="87" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--app-signal); border: 1px solid color-mix(in srgb, var(--app-signal) 25%, transparent); background: color-mix(in srgb, var(--app-signal) 6%, transparent);"><span class="sc-interp">\u22123 failed</span></span>
            </div>
            <div data-dc-tpl="88" style="font-family: var(--font-inter); font-weight: 900; font-size: 1.9rem; line-height: 1; margin-bottom: 14px; background: linear-gradient(white 0%, var(--app-ink-faint) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">92%</span></div>
            <div data-dc-tpl="89" style="height: 4px; background: color-mix(in srgb, white 4%, transparent); border-radius: 9999px; overflow: hidden;"><div data-dc-tpl="90" style="height: 100%; border-radius: 9999px; width: 92%; background: var(--app-signal); box-shadow: none;"></div></div>
          </div>
        
      </div>

      
      <div data-dc-tpl="91" style="display: flex; align-items: center; gap: 28px; border-bottom: 1px solid var(--border); padding: 0px 2px;">
        
          <button data-dc-tpl="93" style="display: flex; align-items: center; gap: 8px; padding: 10px 4px; background: none; border-top-width: medium; border-right-width: medium; border-bottom: 2px solid var(--app-accent); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; color: var(--app-accent); font-family: var(--font-inter); font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer; transition: all 0.2s var(--liquid-ease); text-shadow: 0 0 12px color-mix(in srgb, var(--app-accent) 40%, transparent);"><span data-dc-tpl="94" style="font-family: var(--font-jetbrains); font-size: 9px; color: color-mix(in srgb, var(--app-accent) 70%, transparent);"><span class="sc-interp">01</span></span><span class="sc-interp">Ask</span></button>
        
          <button data-dc-tpl="93" style="display: flex; align-items: center; gap: 8px; padding: 10px 4px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; color: color-mix(in srgb, var(--app-ink) 50%, transparent); font-family: var(--font-inter); font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer; transition: all 0.2s var(--liquid-ease); text-shadow: none;"><span data-dc-tpl="94" style="font-family: var(--font-jetbrains); font-size: 9px; color: color-mix(in srgb, var(--app-ink) 30%, transparent);"><span class="sc-interp">02</span></span><span class="sc-interp">Graph</span></button>
        
          <button data-dc-tpl="93" style="display: flex; align-items: center; gap: 8px; padding: 10px 4px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; color: color-mix(in srgb, var(--app-ink) 50%, transparent); font-family: var(--font-inter); font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer; transition: all 0.2s var(--liquid-ease); text-shadow: none;"><span data-dc-tpl="94" style="font-family: var(--font-jetbrains); font-size: 9px; color: color-mix(in srgb, var(--app-ink) 30%, transparent);"><span class="sc-interp">03</span></span><span class="sc-interp">Vault</span></button>
        
          <button data-dc-tpl="93" style="display: flex; align-items: center; gap: 8px; padding: 10px 4px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; color: color-mix(in srgb, var(--app-ink) 50%, transparent); font-family: var(--font-inter); font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer; transition: all 0.2s var(--liquid-ease); text-shadow: none;"><span data-dc-tpl="94" style="font-family: var(--font-jetbrains); font-size: 9px; color: color-mix(in srgb, var(--app-ink) 30%, transparent);"><span class="sc-interp">04</span></span><span class="sc-interp">NotebookLM</span></button>
        
          <button data-dc-tpl="93" style="display: flex; align-items: center; gap: 8px; padding: 10px 4px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; color: color-mix(in srgb, var(--app-ink) 50%, transparent); font-family: var(--font-inter); font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer; transition: all 0.2s var(--liquid-ease); text-shadow: none;"><span data-dc-tpl="94" style="font-family: var(--font-jetbrains); font-size: 9px; color: color-mix(in srgb, var(--app-ink) 30%, transparent);"><span class="sc-interp">05</span></span><span class="sc-interp">KB</span></button>
        
          <button data-dc-tpl="93" style="display: flex; align-items: center; gap: 8px; padding: 10px 4px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; color: color-mix(in srgb, var(--app-ink) 50%, transparent); font-family: var(--font-inter); font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer; transition: all 0.2s var(--liquid-ease); text-shadow: none;"><span data-dc-tpl="94" style="font-family: var(--font-jetbrains); font-size: 9px; color: color-mix(in srgb, var(--app-ink) 30%, transparent);"><span class="sc-interp">06</span></span><span class="sc-interp">Audit</span></button>
        
      </div>

      
      

      
      

      
      

      
      
        <div data-dc-tpl="146" class="isk-fade" style="display: grid; grid-template-columns: 1.55fr 1fr; gap: 20px; align-items: start;">
          
          <div data-dc-tpl="147" style="display: flex; flex-direction: column; gap: 18px; min-width: 0px;">
            
            <div data-dc-tpl="148" class="glass" style="padding: 8px 8px 8px 18px; display: flex; align-items: center; gap: 14px;">
              <svg data-dc-tpl="149" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--app-accent)" stroke-width="1.6"><circle data-dc-tpl="150" cx="11" cy="11" r="7"></circle><path data-dc-tpl="151" d="M20 20l-3.5-3.5"></path></svg>
              <input data-dc-tpl="152" placeholder="Ask anything across your knowledge\u2026" value="What did ops-agent change this week?" style="flex: 1 1 0%; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--app-ink); font-family: var(--font-inter); font-size: 15px; min-width: 0px;">
              <span data-dc-tpl="153" class="label-overline" style="color: color-mix(in srgb, var(--app-ink) 35%, transparent); white-space: nowrap;">1,284 entities</span>
              <button data-dc-tpl="154" style="padding: 0.6rem 1.1rem; background: var(--app-accent); color: black; font-family: var(--font-inter); font-weight: 700; text-transform: uppercase; font-size: 0.7rem; letter-spacing: 0.05em; border-radius: 0.5rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer;">Ask</button>
            </div>

            
            <div data-dc-tpl="155" class="glass" style="padding: 24px;">
              <div data-dc-tpl="156" style="display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px;">
                <div data-dc-tpl="157" class="label-overline" style="color: var(--app-accent);">Answer \xB7 synthesized</div>
                <div data-dc-tpl="158" style="display: flex; align-items: center; gap: 7px;">
                  <span data-dc-tpl="159" style="width: 7px; height: 7px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 6px var(--app-success);"></span>
                  <span data-dc-tpl="160" class="label-overline" style="color: color-mix(in srgb, var(--app-ink) 50%, transparent);">4 sources</span>
                </div>
              </div>
              <p data-dc-tpl="161" style="margin: 0px 0px 18px; font-family: var(--font-inter); font-size: 1.02rem; line-height: 1.7; color: color-mix(in srgb, var(--app-ink) 92%, transparent);"><span class="sc-interp">ops-agent-3 opened 4 pull requests this week \u2014 analytics funnel instrumentation (PR #128), a social calendar sync, a content refresh, and a deploy hotfix. All four passed HITL review; the analytics change wired GA4 funnel events into the reporting agent.</span></p>
              <div data-dc-tpl="162" style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;">
                <span data-dc-tpl="163" class="label-overline" style="color: color-mix(in srgb, var(--app-ink) 40%, transparent); margin-right: 4px;">Cites</span>
                
                  <span data-dc-tpl="165" style="display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 9999px; background: color-mix(in srgb, var(--app-warn) 8%, transparent); border: 1px solid color-mix(in srgb, var(--app-warn) 28%, transparent); color: var(--app-warn); font-family: var(--font-jetbrains); font-size: 10.5px; letter-spacing: 0.04em;"><span data-dc-tpl="166" style="color: color-mix(in srgb, var(--app-warn) 65%, transparent);">\u25CF</span><span class="sc-interp">RUN</span> \xB7 <span class="sc-interp">run-882</span></span>
                
                  <span data-dc-tpl="165" style="display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 9999px; background: color-mix(in srgb, var(--app-accent) 8%, transparent); border: 1px solid color-mix(in srgb, var(--app-accent) 28%, transparent); color: var(--app-accent); font-family: var(--font-jetbrains); font-size: 10.5px; letter-spacing: 0.04em;"><span data-dc-tpl="166" style="color: color-mix(in srgb, var(--app-accent) 65%, transparent);">\u25CF</span><span class="sc-interp">PR</span> \xB7 <span class="sc-interp">#128</span></span>
                
                  <span data-dc-tpl="165" style="display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 9999px; background: color-mix(in srgb, var(--app-accent) 8%, transparent); border: 1px solid color-mix(in srgb, var(--app-accent) 28%, transparent); color: var(--app-accent); font-family: var(--font-jetbrains); font-size: 10.5px; letter-spacing: 0.04em;"><span data-dc-tpl="166" style="color: color-mix(in srgb, var(--app-accent) 65%, transparent);">\u25CF</span><span class="sc-interp">DOC</span> \xB7 <span class="sc-interp">Q3 Growth Plan</span></span>
                
              </div>

              
              <div data-dc-tpl="167" style="margin-top: 20px; border-top: 1px solid var(--border); padding-top: 16px;">
                <button data-dc-tpl="168" style="display: flex; align-items: center; gap: 10px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; padding: 0px; color: var(--app-ink); font-family: var(--font-jetbrains); font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em;">
                  <svg data-dc-tpl="169" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="transform: rotate(0deg); transition: transform 0.25s var(--liquid-ease);"><path data-dc-tpl="170" d="M9 18l6-6-6-6"></path></svg>
                  Show provenance
                </button>
                
              </div>
            </div>
          </div>

          
          <div data-dc-tpl="182" style="display: flex; flex-direction: column; gap: 16px;">
            <div data-dc-tpl="183" class="glass" style="padding: 24px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px;">
              <div data-dc-tpl="184" class="label-overline" style="color: color-mix(in srgb, var(--app-ink) 50%, transparent); align-self: flex-start;">Confidence</div>
              <div data-dc-tpl="185" style="font-family: var(--font-inter); font-weight: 900; font-size: 3.2rem; line-height: 1; color: var(--app-accent); text-shadow: 0 0 20px color-mix(in srgb, var(--app-accent) 40%, transparent);"><span class="sc-interp">86</span><span data-dc-tpl="186" style="font-size: 1.4rem; opacity: 0.6;">%</span></div>
              <div data-dc-tpl="187" style="width: 100%; height: 6px; background: color-mix(in srgb, white 5%, transparent); border-radius: 9999px; overflow: hidden; margin-top: 10px;"><div data-dc-tpl="188" style="height: 100%; background: var(--app-accent); box-shadow: 0 0 10px var(--app-accent); border-radius: 9999px; width: 86%;"></div></div>
              <div data-dc-tpl="189" style="display: flex; align-items: center; gap: 8px; margin-top: 12px;">
                <span data-dc-tpl="190" style="width: 7px; height: 7px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 6px var(--app-success);"></span>
                <span data-dc-tpl="191" style="font-family: var(--font-inter); font-size: 13px; color: color-mix(in srgb, var(--app-ink) 80%, transparent);"><span class="sc-interp">High confidence</span></span>
              </div>
              <p data-dc-tpl="192" style="margin: 10px 0px 0px; font-size: 12px; color: color-mix(in srgb, var(--app-ink) 50%, transparent); line-height: 1.5;">Grounded in 4 high-relevance sources across 2 agents and 1 document.</p>
            </div>
            <div data-dc-tpl="193" class="glass" style="padding: 20px;">
              <div data-dc-tpl="194" class="label-overline" style="color: var(--app-signal); margin-bottom: 14px;">Coverage note</div>
              <div data-dc-tpl="195" style="display: flex; gap: 10px; align-items: flex-start;">
                <span data-dc-tpl="196" style="width: 6px; height: 6px; border-radius: 50%; margin-top: 6px; background: var(--app-warn); box-shadow: 0 0 6px var(--app-warn); flex-shrink: 0;"></span>
                <p data-dc-tpl="197" style="margin: 0px; font-size: 12.5px; color: color-mix(in srgb, var(--app-ink) 70%, transparent); line-height: 1.55;">social-agent publish history is not synced \u2014 answers about published social posts may be incomplete.</p>
              </div>
            </div>
          </div>
        </div>
      

      
      

      
      

      
      

      
      

      
      

    </div>`,"streamOverview-platform":`<div data-dc-tpl="81" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-warn); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 12px 14px; margin-bottom: 16px;">
              <div data-dc-tpl="82" style="display: flex; align-items: center; gap: 8px; margin-bottom: 10px;">
                <span data-dc-tpl="83" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 18px; color: var(--app-warn);">warning</span>
                <span data-dc-tpl="84" style="font-size: 13px; font-weight: 600;">Open incidents</span>
                <span data-dc-tpl="85" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">3</span> active</span>
              </div>
              <div data-dc-tpl="86" style="display: flex; flex-direction: column; gap: 8px;">
                
                  <div data-dc-tpl="88" style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
                    <span data-dc-tpl="89" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); min-width: 92px;"><span class="sc-interp">ALERT-2288</span></span>
                    <span data-dc-tpl="90" style="font-family: Inter; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-signal) 15%, transparent); color: var(--app-signal); text-transform: uppercase; letter-spacing: 0.04em;"><span class="sc-interp">CRITICAL</span></span>
                    <span data-dc-tpl="91" style="font-size: 13px; color: var(--app-ink); flex: 1 1 0%; min-width: 180px;"><span class="sc-interp">bigquery connection \xB7 PERMISSION_DENIED</span></span>
                    <button data-dc-tpl="92" style="font-family: Inter; font-size: 12px; font-weight: 600; color: var(--app-accent); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer;">Investigate \u2192</button>
                  </div>
                
                  <div data-dc-tpl="88" style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
                    <span data-dc-tpl="89" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); min-width: 92px;"><span class="sc-interp">ALERT-2291</span></span>
                    <span data-dc-tpl="90" style="font-family: Inter; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail); text-transform: uppercase; letter-spacing: 0.04em;"><span class="sc-interp">HIGH</span></span>
                    <span data-dc-tpl="91" style="font-size: 13px; color: var(--app-ink); flex: 1 1 0%; min-width: 180px;"><span class="sc-interp">posthog token expired \xB7 2 dashboards stale</span></span>
                    <button data-dc-tpl="92" style="font-family: Inter; font-size: 12px; font-weight: 600; color: var(--app-accent); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer;">Investigate \u2192</button>
                  </div>
                
                  <div data-dc-tpl="88" style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
                    <span data-dc-tpl="89" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); min-width: 92px;"><span class="sc-interp">ALERT-2280</span></span>
                    <span data-dc-tpl="90" style="font-family: Inter; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn); text-transform: uppercase; letter-spacing: 0.04em;"><span class="sc-interp">MEDIUM</span></span>
                    <span data-dc-tpl="91" style="font-size: 13px; color: var(--app-ink); flex: 1 1 0%; min-width: 180px;"><span class="sc-interp">fn-rotate-secrets latency &gt; 500ms</span></span>
                    <button data-dc-tpl="92" style="font-family: Inter; font-size: 12px; font-weight: 600; color: var(--app-accent); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer;">Investigate \u2192</button>
                  </div>
                
              </div>
            </div>

            <div data-dc-tpl="93" style="font-family: Inter; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--app-ink-faint); margin: 0px 0px 12px;">Services</div>
            <div data-dc-tpl="94" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(248px, 1fr)); gap: 12px;">
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 8px var(--app-success); animation: auto ease 0s 1 normal none running none;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">app</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">web-canvas</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">42ms</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">up</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 8px var(--app-success); animation: auto ease 0s 1 normal none running none;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">app</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">api-gateway</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">88ms</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">up</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 8px var(--app-success); animation: auto ease 0s 1 normal none running none;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">app</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">edge-cache</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">12ms</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">up</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 8px var(--app-success); animation: auto ease 0s 1 normal none running none;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">function</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">fn-ingest-ga4</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">120ms</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">up</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-warn); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-warn); box-shadow: 0 0 8px var(--app-warn); animation: auto ease 0s 1 normal none running none;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">function</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">fn-rotate-secrets</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">640ms</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">degraded</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 8px var(--app-success); animation: auto ease 0s 1 normal none running none;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">function</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">worker-email</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">210ms</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">up</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-fail); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-fail); box-shadow: 0 0 8px var(--app-fail); animation: 1.4s ease 0s infinite normal none running blink;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">integration</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">integration-posthog</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink-faint);"><span class="sc-interp">\u2014</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">down</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-fail); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-fail); box-shadow: 0 0 8px var(--app-fail); animation: 1.4s ease 0s infinite normal none running blink;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">integration</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">integration-bigquery</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink-faint);"><span class="sc-interp">\u2014</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">down</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 8px var(--app-success); animation: auto ease 0s 1 normal none running none;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">function</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">fn-report-builder</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">305ms</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">up</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
            </div>`,designBrandbook:`<div data-dc-tpl="68" data-screen-label="Brand book">

            
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            
              <div data-dc-tpl="279" style="display: flex; flex-direction: column; gap: 16px;">
                <div data-dc-tpl="280" style="display: flex; gap: 6px; border-bottom: 1px solid var(--app-rule);">
                  
                    <button data-dc-tpl="282" style="display: flex; align-items: center; gap: 7px; height: 34px; padding: 0px 14px; border-top-width: medium; border-right-width: medium; border-bottom: 2px solid var(--app-accent); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; background: transparent; color: var(--app-accent); font-family: var(--app-font-body); font-size: 13px; font-weight: 600; cursor: pointer;"><span data-dc-tpl="283" class="ms" style="font-size: 16px;"><span class="sc-interp">record_voice_over</span></span><span class="sc-interp">Voice</span></button>
                  
                    <button data-dc-tpl="282" style="display: flex; align-items: center; gap: 7px; height: 34px; padding: 0px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-soft); font-family: var(--app-font-body); font-size: 13px; font-weight: 500; cursor: pointer;"><span data-dc-tpl="283" class="ms" style="font-size: 16px;"><span class="sc-interp">image</span></span><span class="sc-interp">Logo</span></button>
                  
                    <button data-dc-tpl="282" style="display: flex; align-items: center; gap: 7px; height: 34px; padding: 0px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-soft); font-family: var(--app-font-body); font-size: 13px; font-weight: 500; cursor: pointer;"><span data-dc-tpl="283" class="ms" style="font-size: 16px;"><span class="sc-interp">palette</span></span><span class="sc-interp">Color</span></button>
                  
                    <button data-dc-tpl="282" style="display: flex; align-items: center; gap: 7px; height: 34px; padding: 0px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-soft); font-family: var(--app-font-body); font-size: 13px; font-weight: 500; cursor: pointer;"><span data-dc-tpl="283" class="ms" style="font-size: 16px;"><span class="sc-interp">text_fields</span></span><span class="sc-interp">Type</span></button>
                  
                </div>
                
                  <div data-dc-tpl="285" style="display: flex; flex-direction: column; gap: 12px;">
                    
                      <div data-dc-tpl="287" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 16px; display: flex; flex-direction: column; gap: 10px;">
                        <div data-dc-tpl="288"><div data-dc-tpl="289" style="font-size: 15px; font-weight: 600; font-family: var(--app-font-display); letter-spacing: -0.01em;"><span class="sc-interp">Calm, never alarming</span></div><div data-dc-tpl="290" style="font-size: 12px; color: var(--app-ink-soft); margin-top: 3px;"><span class="sc-interp">Signals are clear but controlled. State the fact, then the action.</span></div></div>
                        <div data-dc-tpl="291" style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px;">
                          <div data-dc-tpl="292" style="border-left: 3px solid var(--app-success); background: color-mix(in srgb, var(--app-success) 7%, transparent); border-radius: 6px; padding: 9px 11px;"><div data-dc-tpl="293" style="font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; color: var(--app-success); margin-bottom: 4px;">Do</div><div data-dc-tpl="294" style="font-size: 12px; color: var(--app-ink);"><span class="sc-interp">2 surfaces are below their PSI budget. Re-run after the fix.</span></div></div>
                          <div data-dc-tpl="295" style="border-left: 3px solid var(--app-fail); background: color-mix(in srgb, var(--app-fail) 7%, transparent); border-radius: 6px; padding: 9px 11px;"><div data-dc-tpl="296" style="font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; color: var(--app-fail); margin-bottom: 4px;">Don\u2019t</div><div data-dc-tpl="297" style="font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">\u26A0\uFE0F CRITICAL!! Your performance is FAILING!!!</span></div></div>
                        </div>
                      </div>
                    
                      <div data-dc-tpl="287" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 16px; display: flex; flex-direction: column; gap: 10px;">
                        <div data-dc-tpl="288"><div data-dc-tpl="289" style="font-size: 15px; font-weight: 600; font-family: var(--app-font-display); letter-spacing: -0.01em;"><span class="sc-interp">Operator-grade precision</span></div><div data-dc-tpl="290" style="font-size: 12px; color: var(--app-ink-soft); margin-top: 3px;"><span class="sc-interp">Show real IDs, field names and raw values. Never round away the truth.</span></div></div>
                        <div data-dc-tpl="291" style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px;">
                          <div data-dc-tpl="292" style="border-left: 3px solid var(--app-success); background: color-mix(in srgb, var(--app-success) 7%, transparent); border-radius: 6px; padding: 9px 11px;"><div data-dc-tpl="293" style="font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; color: var(--app-success); margin-bottom: 4px;">Do</div><div data-dc-tpl="294" style="font-size: 12px; color: var(--app-ink);"><span class="sc-interp">LCP 3.4s exceeds the 2.5s budget on /catalog.</span></div></div>
                          <div data-dc-tpl="295" style="border-left: 3px solid var(--app-fail); background: color-mix(in srgb, var(--app-fail) 7%, transparent); border-radius: 6px; padding: 9px 11px;"><div data-dc-tpl="296" style="font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; color: var(--app-fail); margin-bottom: 4px;">Don\u2019t</div><div data-dc-tpl="297" style="font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">This page feels a little slow sometimes.</span></div></div>
                        </div>
                      </div>
                    
                      <div data-dc-tpl="287" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 16px; display: flex; flex-direction: column; gap: 10px;">
                        <div data-dc-tpl="288"><div data-dc-tpl="289" style="font-size: 15px; font-weight: 600; font-family: var(--app-font-display); letter-spacing: -0.01em;"><span class="sc-interp">Contract-first</span></div><div data-dc-tpl="290" style="font-size: 12px; color: var(--app-ink-soft); margin-top: 3px;"><span class="sc-interp">Name the source of truth. Edits are modeled until published.</span></div></div>
                        <div data-dc-tpl="291" style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px;">
                          <div data-dc-tpl="292" style="border-left: 3px solid var(--app-success); background: color-mix(in srgb, var(--app-success) 7%, transparent); border-radius: 6px; padding: 9px 11px;"><div data-dc-tpl="293" style="font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; color: var(--app-success); margin-bottom: 4px;">Do</div><div data-dc-tpl="294" style="font-size: 12px; color: var(--app-ink);"><span class="sc-interp">Modeled \u2014 publish to companyx.dark.tokens.css to apply.</span></div></div>
                          <div data-dc-tpl="295" style="border-left: 3px solid var(--app-fail); background: color-mix(in srgb, var(--app-fail) 7%, transparent); border-radius: 6px; padding: 9px 11px;"><div data-dc-tpl="296" style="font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; color: var(--app-fail); margin-bottom: 4px;">Don\u2019t</div><div data-dc-tpl="297" style="font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">Saved! Your changes are live everywhere now.</span></div></div>
                        </div>
                      </div>
                    
                  </div>
                
                
                
                
              </div>
            

            
            

            
            

            
            

          </div>`,designCatalog:`<div data-dc-tpl="68" data-screen-label="Asset catalog">

            
            

            
            

            
            
              <div data-dc-tpl="155" style="display: flex; flex-direction: column; gap: 16px;">
                <div data-dc-tpl="156" style="display: flex; gap: 10px; align-items: flex-start; background: color-mix(in srgb, var(--app-accent) 8%, transparent); border-left: 3px solid var(--app-accent); border-radius: var(--app-radius-sm); padding: 11px 14px;">
                  <span data-dc-tpl="157" class="ms" style="font-size: 18px; color: var(--app-accent);">grid_view</span>
                  <div data-dc-tpl="158" style="font-size: 12px; color: var(--app-ink-soft);">Consumes the AaaS <span data-dc-tpl="159" style="font-family: var(--app-font-mono);">designs</span> archetype \u2014 the live 104-asset machine-room catalogue. Read-only here; assets are managed in the <b data-dc-tpl="160" style="color: var(--app-ink);">designs stream</b>.</div>
                </div>
                <div data-dc-tpl="161" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px;">
                  
                    <div data-dc-tpl="163" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden; display: flex; flex-direction: column;">
                      <div data-dc-tpl="164" style="height: 96px; background: var(--app-bg); display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--app-rule);">
                        <span data-dc-tpl="165" class="ms" style="font-size: 34px; color: var(--app-ink-faint);"><span class="sc-interp">image</span></span>
                      </div>
                      <div data-dc-tpl="166" style="padding: 11px 12px; display: flex; flex-direction: column; gap: 8px;">
                        <span data-dc-tpl="167" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">companyx-wordmark-lockup-horizontal-dark.svg</span></span>
                        <div data-dc-tpl="168" style="display: flex; align-items: center; justify-content: space-between;">
                          <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span data-dc-tpl="170" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">logo</span></span>
                          <span data-dc-tpl="171" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">2026-06-28</span></span>
                        </div>
                      </div>
                    </div>
                  
                    <div data-dc-tpl="163" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden; display: flex; flex-direction: column;">
                      <div data-dc-tpl="164" style="height: 96px; background: var(--app-bg); display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--app-rule);">
                        <span data-dc-tpl="165" class="ms" style="font-size: 34px; color: var(--app-ink-faint);"><span class="sc-interp">dashboard</span></span>
                      </div>
                      <div data-dc-tpl="166" style="padding: 11px 12px; display: flex; flex-direction: column; gap: 8px;">
                        <span data-dc-tpl="167" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">assessment-report-cover-template.fig</span></span>
                        <div data-dc-tpl="168" style="display: flex; align-items: center; justify-content: space-between;">
                          <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span data-dc-tpl="170" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">template</span></span>
                          <span data-dc-tpl="171" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">2026-06-24</span></span>
                        </div>
                      </div>
                    </div>
                  
                    <div data-dc-tpl="163" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden; display: flex; flex-direction: column;">
                      <div data-dc-tpl="164" style="height: 96px; background: var(--app-bg); display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--app-rule);">
                        <span data-dc-tpl="165" class="ms" style="font-size: 34px; color: var(--app-ink-faint);"><span class="sc-interp">brush</span></span>
                      </div>
                      <div data-dc-tpl="166" style="padding: 11px 12px; display: flex; flex-direction: column; gap: 8px;">
                        <span data-dc-tpl="167" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">threat-surface-illustration-set (12 files)</span></span>
                        <div data-dc-tpl="168" style="display: flex; align-items: center; justify-content: space-between;">
                          <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn);"><span data-dc-tpl="170" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-warn);"></span><span class="sc-interp">illustration</span></span>
                          <span data-dc-tpl="171" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">2026-06-20</span></span>
                        </div>
                      </div>
                    </div>
                  
                    <div data-dc-tpl="163" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden; display: flex; flex-direction: column;">
                      <div data-dc-tpl="164" style="height: 96px; background: var(--app-bg); display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--app-rule);">
                        <span data-dc-tpl="165" class="ms" style="font-size: 34px; color: var(--app-ink-faint);"><span class="sc-interp">category</span></span>
                      </div>
                      <div data-dc-tpl="166" style="padding: 11px 12px; display: flex; flex-direction: column; gap: 8px;">
                        <span data-dc-tpl="167" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">nav-glyphs-material-subset.svg</span></span>
                        <div data-dc-tpl="168" style="display: flex; align-items: center; justify-content: space-between;">
                          <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span data-dc-tpl="170" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">icon</span></span>
                          <span data-dc-tpl="171" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">2026-06-18</span></span>
                        </div>
                      </div>
                    </div>
                  
                    <div data-dc-tpl="163" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden; display: flex; flex-direction: column;">
                      <div data-dc-tpl="164" style="height: 96px; background: var(--app-bg); display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--app-rule);">
                        <span data-dc-tpl="165" class="ms" style="font-size: 34px; color: var(--app-ink-faint);"><span class="sc-interp">share</span></span>
                      </div>
                      <div data-dc-tpl="166" style="padding: 11px 12px; display: flex; flex-direction: column; gap: 8px;">
                        <span data-dc-tpl="167" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">launch-announcement-og-card-1200x630.png</span></span>
                        <div data-dc-tpl="168" style="display: flex; align-items: center; justify-content: space-between;">
                          <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span data-dc-tpl="170" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">social</span></span>
                          <span data-dc-tpl="171" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">2026-06-11</span></span>
                        </div>
                      </div>
                    </div>
                  
                    <div data-dc-tpl="163" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden; display: flex; flex-direction: column;">
                      <div data-dc-tpl="164" style="height: 96px; background: var(--app-bg); display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--app-rule);">
                        <span data-dc-tpl="165" class="ms" style="font-size: 34px; color: var(--app-ink-faint);"><span class="sc-interp">image</span></span>
                      </div>
                      <div data-dc-tpl="166" style="padding: 11px 12px; display: flex; flex-direction: column; gap: 8px;">
                        <span data-dc-tpl="167" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">companyx-monogram-mono.svg</span></span>
                        <div data-dc-tpl="168" style="display: flex; align-items: center; justify-content: space-between;">
                          <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-ink-faint) 15%, transparent); color: var(--app-ink-faint);"><span data-dc-tpl="170" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-ink-faint);"></span><span class="sc-interp">logo</span></span>
                          <span data-dc-tpl="171" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">2026-05-30</span></span>
                        </div>
                      </div>
                    </div>
                  
                </div>
              </div>
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            

          </div>`,designLogos:`<div data-dc-tpl="68" data-screen-label="Logos &amp; lockups">

            
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            
              <div data-dc-tpl="325" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px;">
                
                  <div data-dc-tpl="327" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden; display: flex; flex-direction: column;">
                    <div data-dc-tpl="328" style="height: 120px; display: flex; align-items: center; justify-content: center; gap: 8px; background: rgb(16, 31, 34); position: relative;">
                      
                      
                      
                        <span data-dc-tpl="334" class="ms" style="font-size: 24px; color: rgb(43, 205, 238);">deployed_code</span>
                        <span data-dc-tpl="335" style="font-family: var(--app-font-display); font-weight: 800; font-size: 18px; letter-spacing: -0.02em; color: rgb(255, 255, 255);"><span class="sc-interp">AaaS DESIGN.</span></span>
                      
                    </div>
                    <div data-dc-tpl="336" style="padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                      <div data-dc-tpl="337" style="min-width: 0px;"><div data-dc-tpl="338" style="font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Primary \xB7 horizontal</span></div><div data-dc-tpl="339" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">dark</span></div></div>
                      <span data-dc-tpl="340" class="ms" style="font-size: 18px; color: var(--app-ink-faint); cursor: pointer;">download</span>
                    </div>
                  </div>
                
                  <div data-dc-tpl="327" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden; display: flex; flex-direction: column;">
                    <div data-dc-tpl="328" style="height: 120px; display: flex; align-items: center; justify-content: center; gap: 8px; background: rgb(244, 247, 247); position: relative;">
                      
                      
                      
                        <span data-dc-tpl="334" class="ms" style="font-size: 24px; color: rgb(0, 153, 168);">deployed_code</span>
                        <span data-dc-tpl="335" style="font-family: var(--app-font-display); font-weight: 800; font-size: 18px; letter-spacing: -0.02em; color: rgb(15, 27, 30);"><span class="sc-interp">AaaS DESIGN.</span></span>
                      
                    </div>
                    <div data-dc-tpl="336" style="padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                      <div data-dc-tpl="337" style="min-width: 0px;"><div data-dc-tpl="338" style="font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Primary \xB7 horizontal</span></div><div data-dc-tpl="339" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">light</span></div></div>
                      <span data-dc-tpl="340" class="ms" style="font-size: 18px; color: var(--app-ink-faint); cursor: pointer;">download</span>
                    </div>
                  </div>
                
                  <div data-dc-tpl="327" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden; display: flex; flex-direction: column;">
                    <div data-dc-tpl="328" style="height: 120px; display: flex; align-items: center; justify-content: center; gap: 8px; background: rgb(22, 42, 46); position: relative;">
                      
                      
                        <span data-dc-tpl="332" class="ms" style="font-size: 44px; color: rgb(43, 205, 238);">deployed_code</span>
                      
                      
                    </div>
                    <div data-dc-tpl="336" style="padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                      <div data-dc-tpl="337" style="min-width: 0px;"><div data-dc-tpl="338" style="font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Monogram</span></div><div data-dc-tpl="339" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">dark</span></div></div>
                      <span data-dc-tpl="340" class="ms" style="font-size: 18px; color: var(--app-ink-faint); cursor: pointer;">download</span>
                    </div>
                  </div>
                
                  <div data-dc-tpl="327" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden; display: flex; flex-direction: column;">
                    <div data-dc-tpl="328" style="height: 120px; display: flex; align-items: center; justify-content: center; gap: 8px; background: rgb(43, 205, 238); position: relative;">
                      
                      
                        <span data-dc-tpl="332" class="ms" style="font-size: 44px; color: rgb(10, 18, 21);">deployed_code</span>
                      
                      
                    </div>
                    <div data-dc-tpl="336" style="padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                      <div data-dc-tpl="337" style="min-width: 0px;"><div data-dc-tpl="338" style="font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Monogram</span></div><div data-dc-tpl="339" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">accent</span></div></div>
                      <span data-dc-tpl="340" class="ms" style="font-size: 18px; color: var(--app-ink-faint); cursor: pointer;">download</span>
                    </div>
                  </div>
                
                  <div data-dc-tpl="327" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden; display: flex; flex-direction: column;">
                    <div data-dc-tpl="328" style="height: 120px; display: flex; align-items: center; justify-content: center; gap: 8px; background: rgb(16, 31, 34); position: relative;">
                      
                      
                      
                        <span data-dc-tpl="334" class="ms" style="font-size: 24px; color: rgb(43, 205, 238);">deployed_code</span>
                        <span data-dc-tpl="335" style="font-family: var(--app-font-display); font-weight: 800; font-size: 22px; letter-spacing: -0.02em; color: rgb(255, 255, 255);"><span class="sc-interp">AaaS</span></span>
                      
                    </div>
                    <div data-dc-tpl="336" style="padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                      <div data-dc-tpl="337" style="min-width: 0px;"><div data-dc-tpl="338" style="font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Stacked</span></div><div data-dc-tpl="339" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">dark</span></div></div>
                      <span data-dc-tpl="340" class="ms" style="font-size: 18px; color: var(--app-ink-faint); cursor: pointer;">download</span>
                    </div>
                  </div>
                
                  <div data-dc-tpl="327" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden; display: flex; flex-direction: column;">
                    <div data-dc-tpl="328" style="height: 120px; display: flex; align-items: center; justify-content: center; gap: 8px; background: rgb(236, 85, 103); position: relative;">
                      
                      
                      
                        <span data-dc-tpl="334" class="ms" style="font-size: 24px; color: rgb(255, 255, 255);">deployed_code</span>
                        <span data-dc-tpl="335" style="font-family: var(--app-font-display); font-weight: 800; font-size: 18px; letter-spacing: -0.02em; color: rgb(255, 255, 255);"><span class="sc-interp">AaaS DESIGN.</span></span>
                      
                    </div>
                    <div data-dc-tpl="336" style="padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                      <div data-dc-tpl="337" style="min-width: 0px;"><div data-dc-tpl="338" style="font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Reversed knockout</span></div><div data-dc-tpl="339" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">signal</span></div></div>
                      <span data-dc-tpl="340" class="ms" style="font-size: 18px; color: var(--app-ink-faint); cursor: pointer;">download</span>
                    </div>
                  </div>
                
                  <div data-dc-tpl="327" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden; display: flex; flex-direction: column;">
                    <div data-dc-tpl="328" style="height: 120px; display: flex; align-items: center; justify-content: center; gap: 8px; background: rgb(13, 26, 28); position: relative;">
                      
                        <span data-dc-tpl="330" style="position: absolute; inset: 16px; border: 1px dashed rgb(43, 205, 238); border-radius: 4px; opacity: 0.5;"></span>
                      
                      
                      
                        <span data-dc-tpl="334" class="ms" style="font-size: 24px; color: rgb(43, 205, 238);">deployed_code</span>
                        <span data-dc-tpl="335" style="font-family: var(--app-font-display); font-weight: 800; font-size: 18px; letter-spacing: -0.02em; color: rgb(156, 163, 175);"><span class="sc-interp">AaaS DESIGN.</span></span>
                      
                    </div>
                    <div data-dc-tpl="336" style="padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                      <div data-dc-tpl="337" style="min-width: 0px;"><div data-dc-tpl="338" style="font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Clear-space spec</span></div><div data-dc-tpl="339" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">grid</span></div></div>
                      <span data-dc-tpl="340" class="ms" style="font-size: 18px; color: var(--app-ink-faint); cursor: pointer;">download</span>
                    </div>
                  </div>
                
                  <div data-dc-tpl="327" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden; display: flex; flex-direction: column;">
                    <div data-dc-tpl="328" style="height: 120px; display: flex; align-items: center; justify-content: center; gap: 8px; background: rgb(22, 42, 46); position: relative;">
                      
                      
                        <span data-dc-tpl="332" class="ms" style="font-size: 44px; color: rgb(43, 205, 238);">deployed_code</span>
                      
                      
                    </div>
                    <div data-dc-tpl="336" style="padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                      <div data-dc-tpl="337" style="min-width: 0px;"><div data-dc-tpl="338" style="font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Favicon 32px</span></div><div data-dc-tpl="339" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">dark</span></div></div>
                      <span data-dc-tpl="340" class="ms" style="font-size: 18px; color: var(--app-ink-faint); cursor: pointer;">download</span>
                    </div>
                  </div>
                
              </div>
            

            
            

            
            

          </div>`,designMirrors:`<div data-dc-tpl="68" data-screen-label="Environment mirrors">

            
            

            
            

            
            

            
            

            
            
              <div data-dc-tpl="201" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden;">
                <div data-dc-tpl="202" style="display: grid; grid-template-columns: 150px minmax(0px, 1fr) 96px 150px 150px; gap: 12px; padding: 9px 16px; background: var(--app-bg); border-bottom: 1px solid var(--app-rule); font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--app-ink-faint); font-weight: 600;">
                  <span data-dc-tpl="203">Environment</span><span data-dc-tpl="204">Target</span><span data-dc-tpl="205">Version</span><span data-dc-tpl="206">Sync state</span><span data-dc-tpl="207">Action</span>
                </div>
                
                  <div data-dc-tpl="209" style="display: grid; grid-template-columns: 150px minmax(0px, 1fr) 96px 150px 150px; gap: 12px; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft);">
                    <span data-dc-tpl="210" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink);"><span class="sc-interp">production</span></span>
                    <span data-dc-tpl="211" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">ui.supraforge.com</span></span>
                    <span data-dc-tpl="212" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">v4.2.1</span></span>
                    <span data-dc-tpl="213" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span data-dc-tpl="214" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">in sync</span></span>
                    
                    <span data-dc-tpl="219" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);">\u2014</span>
                  </div>
                
                  <div data-dc-tpl="209" style="display: grid; grid-template-columns: 150px minmax(0px, 1fr) 96px 150px 150px; gap: 12px; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft);">
                    <span data-dc-tpl="210" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink);"><span class="sc-interp">preview</span></span>
                    <span data-dc-tpl="211" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">preview.ui.supraforge.com</span></span>
                    <span data-dc-tpl="212" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">v4.2.1</span></span>
                    <span data-dc-tpl="213" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span data-dc-tpl="214" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">in sync</span></span>
                    
                    <span data-dc-tpl="219" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);">\u2014</span>
                  </div>
                
                  <div data-dc-tpl="209" style="display: grid; grid-template-columns: 150px minmax(0px, 1fr) 96px 150px 150px; gap: 12px; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft);">
                    <span data-dc-tpl="210" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink);"><span class="sc-interp">staging</span></span>
                    <span data-dc-tpl="211" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">staging.ui.supraforge.com</span></span>
                    <span data-dc-tpl="212" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">v4.2.0</span></span>
                    <span data-dc-tpl="213" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn);"><span data-dc-tpl="214" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-warn);"></span><span class="sc-interp">1 commit behind</span></span>
                    
                      <button data-dc-tpl="216" style="height: 30px; padding: 0px 12px; display: inline-flex; align-items: center; gap: 6px; background: transparent; border: 1px solid var(--app-accent); color: var(--app-accent); border-radius: 6px; font-family: var(--app-font-body); font-size: 12px; font-weight: 600; cursor: pointer;"><span data-dc-tpl="217" class="ms" style="font-size: 14px;">upgrade</span>Promote</button>
                    
                    
                  </div>
                
                  <div data-dc-tpl="209" style="display: grid; grid-template-columns: 150px minmax(0px, 1fr) 96px 150px 150px; gap: 12px; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft);">
                    <span data-dc-tpl="210" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink);"><span class="sc-interp">figma-plugin</span></span>
                    <span data-dc-tpl="211" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">@supraforge/tokens-sync</span></span>
                    <span data-dc-tpl="212" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">v4.1.7</span></span>
                    <span data-dc-tpl="213" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail);"><span data-dc-tpl="214" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-fail);"></span><span class="sc-interp">sync failed \xB7 429</span></span>
                    
                      <button data-dc-tpl="216" style="height: 30px; padding: 0px 12px; display: inline-flex; align-items: center; gap: 6px; background: transparent; border: 1px solid var(--app-accent); color: var(--app-accent); border-radius: 6px; font-family: var(--app-font-body); font-size: 12px; font-weight: 600; cursor: pointer;"><span data-dc-tpl="217" class="ms" style="font-size: 14px;">upgrade</span>Promote</button>
                    
                    
                  </div>
                
              </div>
            

            
            

            
            

            
            

            
            

            
            

            
            

          </div>`,designPalette:`<div data-dc-tpl="68" data-screen-label="Palette inspector">

            
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            
              <div data-dc-tpl="356" style="display: flex; flex-direction: column; gap: 14px;">
                <div data-dc-tpl="357" style="display: flex; gap: 10px; align-items: flex-start; background: color-mix(in srgb, var(--app-accent) 8%, transparent); border-left: 3px solid var(--app-accent); border-radius: 6px; padding: 11px 14px;">
                  <span data-dc-tpl="358" class="ms" style="font-size: 18px; color: var(--app-accent);">contrast</span>
                  <div data-dc-tpl="359" style="font-size: 12px; color: var(--app-ink-soft);">Contrast ratios computed live from the resolved <b data-dc-tpl="360" style="color: var(--app-ink);"><span class="sc-interp">dark</span></b>-mode tokens against WCAG 2.2 AA. <b data-dc-tpl="361" style="color: var(--app-ink);"><span class="sc-interp">2</span></b> pair(s) below the 4.5:1 body threshold \u2014 toggle theme to compare modes.</div>
                </div>
                <div data-dc-tpl="362" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden;">
                  <div data-dc-tpl="363" style="display: grid; grid-template-columns: 90px minmax(0px, 1fr) 96px 130px; gap: 12px; padding: 9px 16px; background: var(--app-bg); border-bottom: 1px solid var(--app-rule); font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--app-ink-faint); font-weight: 600;">
                    <span data-dc-tpl="364">Sample</span><span data-dc-tpl="365">Pair</span><span data-dc-tpl="366" style="text-align: right;">Ratio</span><span data-dc-tpl="367">Grade</span>
                  </div>
                  
                    <div data-dc-tpl="369" style="display: grid; grid-template-columns: 90px minmax(0px, 1fr) 96px 130px; gap: 12px; align-items: center; padding: 11px 16px; border-bottom: 1px solid var(--app-rule-soft);">
                      <span data-dc-tpl="370" style="background: rgb(16, 31, 34); color: rgb(255, 255, 255); height: 36px; border-radius: 6px; border: 1px solid var(--app-rule); display: flex; align-items: center; justify-content: center; font-family: var(--app-font-mono); font-size: 12px; font-weight: 600;">Aa</span>
                      <div data-dc-tpl="371" style="min-width: 0px;"><div data-dc-tpl="372" style="font-size: 12px; color: var(--app-ink);"><span class="sc-interp">Body text on canvas</span></div><div data-dc-tpl="373" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-ink</span> on <span class="sc-interp">--app-bg</span></div></div>
                      <span data-dc-tpl="374" style="font-family: var(--app-font-mono); font-size: 14px; color: var(--app-ink); text-align: right;"><span class="sc-interp">16.92:1</span></span>
                      <span data-dc-tpl="375" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span data-dc-tpl="376" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">AA</span></span>
                    </div>
                  
                    <div data-dc-tpl="369" style="display: grid; grid-template-columns: 90px minmax(0px, 1fr) 96px 130px; gap: 12px; align-items: center; padding: 11px 16px; border-bottom: 1px solid var(--app-rule-soft);">
                      <span data-dc-tpl="370" style="background: rgb(22, 42, 46); color: rgb(209, 213, 219); height: 36px; border-radius: 6px; border: 1px solid var(--app-rule); display: flex; align-items: center; justify-content: center; font-family: var(--app-font-mono); font-size: 12px; font-weight: 600;">Aa</span>
                      <div data-dc-tpl="371" style="min-width: 0px;"><div data-dc-tpl="372" style="font-size: 12px; color: var(--app-ink);"><span class="sc-interp">Secondary text on card</span></div><div data-dc-tpl="373" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-ink-soft</span> on <span class="sc-interp">--app-surface</span></div></div>
                      <span data-dc-tpl="374" style="font-family: var(--app-font-mono); font-size: 14px; color: var(--app-ink); text-align: right;"><span class="sc-interp">10.15:1</span></span>
                      <span data-dc-tpl="375" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span data-dc-tpl="376" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">AA</span></span>
                    </div>
                  
                    <div data-dc-tpl="369" style="display: grid; grid-template-columns: 90px minmax(0px, 1fr) 96px 130px; gap: 12px; align-items: center; padding: 11px 16px; border-bottom: 1px solid var(--app-rule-soft);">
                      <span data-dc-tpl="370" style="background: rgb(16, 31, 34); color: rgb(43, 205, 238); height: 36px; border-radius: 6px; border: 1px solid var(--app-rule); display: flex; align-items: center; justify-content: center; font-family: var(--app-font-mono); font-size: 12px; font-weight: 600;">Aa</span>
                      <div data-dc-tpl="371" style="min-width: 0px;"><div data-dc-tpl="372" style="font-size: 12px; color: var(--app-ink);"><span class="sc-interp">Accent UI / links</span></div><div data-dc-tpl="373" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-accent</span> on <span class="sc-interp">--app-bg</span></div></div>
                      <span data-dc-tpl="374" style="font-family: var(--app-font-mono); font-size: 14px; color: var(--app-ink); text-align: right;"><span class="sc-interp">8.92:1</span></span>
                      <span data-dc-tpl="375" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span data-dc-tpl="376" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">AA</span></span>
                    </div>
                  
                    <div data-dc-tpl="369" style="display: grid; grid-template-columns: 90px minmax(0px, 1fr) 96px 130px; gap: 12px; align-items: center; padding: 11px 16px; border-bottom: 1px solid var(--app-rule-soft);">
                      <span data-dc-tpl="370" style="background: rgb(43, 205, 238); height: 36px; border-radius: 6px; border: 1px solid var(--app-rule); display: flex; align-items: center; justify-content: center; font-family: var(--app-font-mono); font-size: 12px; font-weight: 600;">Aa</span>
                      <div data-dc-tpl="371" style="min-width: 0px;"><div data-dc-tpl="372" style="font-size: 12px; color: var(--app-ink);"><span class="sc-interp">Text on accent fill</span></div><div data-dc-tpl="373" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-accent-ink</span> on <span class="sc-interp">--app-accent</span></div></div>
                      <span data-dc-tpl="374" style="font-family: var(--app-font-mono); font-size: 14px; color: var(--app-ink); text-align: right;"><span class="sc-interp">11.07:1</span></span>
                      <span data-dc-tpl="375" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span data-dc-tpl="376" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">AA</span></span>
                    </div>
                  
                    <div data-dc-tpl="369" style="display: grid; grid-template-columns: 90px minmax(0px, 1fr) 96px 130px; gap: 12px; align-items: center; padding: 11px 16px; border-bottom: 1px solid var(--app-rule-soft);">
                      <span data-dc-tpl="370" style="background: rgb(22, 42, 46); color: rgb(0, 255, 157); height: 36px; border-radius: 6px; border: 1px solid var(--app-rule); display: flex; align-items: center; justify-content: center; font-family: var(--app-font-mono); font-size: 12px; font-weight: 600;">Aa</span>
                      <div data-dc-tpl="371" style="min-width: 0px;"><div data-dc-tpl="372" style="font-size: 12px; color: var(--app-ink);"><span class="sc-interp">Success chip text</span></div><div data-dc-tpl="373" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-success</span> on <span class="sc-interp">--app-surface</span></div></div>
                      <span data-dc-tpl="374" style="font-family: var(--app-font-mono); font-size: 14px; color: var(--app-ink); text-align: right;"><span class="sc-interp">11.24:1</span></span>
                      <span data-dc-tpl="375" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span data-dc-tpl="376" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">AA</span></span>
                    </div>
                  
                    <div data-dc-tpl="369" style="display: grid; grid-template-columns: 90px minmax(0px, 1fr) 96px 130px; gap: 12px; align-items: center; padding: 11px 16px; border-bottom: 1px solid var(--app-rule-soft);">
                      <span data-dc-tpl="370" style="background: rgb(22, 42, 46); color: rgb(236, 85, 103); height: 36px; border-radius: 6px; border: 1px solid var(--app-rule); display: flex; align-items: center; justify-content: center; font-family: var(--app-font-mono); font-size: 12px; font-weight: 600;">Aa</span>
                      <div data-dc-tpl="371" style="min-width: 0px;"><div data-dc-tpl="372" style="font-size: 12px; color: var(--app-ink);"><span class="sc-interp">Signal chip text</span></div><div data-dc-tpl="373" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-signal</span> on <span class="sc-interp">--app-surface</span></div></div>
                      <span data-dc-tpl="374" style="font-family: var(--app-font-mono); font-size: 14px; color: var(--app-ink); text-align: right;"><span class="sc-interp">4.32:1</span></span>
                      <span data-dc-tpl="375" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn);"><span data-dc-tpl="376" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-warn);"></span><span class="sc-interp">AA Large only</span></span>
                    </div>
                  
                    <div data-dc-tpl="369" style="display: grid; grid-template-columns: 90px minmax(0px, 1fr) 96px 130px; gap: 12px; align-items: center; padding: 11px 16px; border-bottom: 1px solid var(--app-rule-soft);">
                      <span data-dc-tpl="370" style="background: rgb(22, 42, 46); height: 36px; border-radius: 6px; border: 1px solid var(--app-rule); display: flex; align-items: center; justify-content: center; font-family: var(--app-font-mono); font-size: 12px; font-weight: 600;">Aa</span>
                      <div data-dc-tpl="371" style="min-width: 0px;"><div data-dc-tpl="372" style="font-size: 12px; color: var(--app-ink);"><span class="sc-interp">Faint hint text</span></div><div data-dc-tpl="373" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-ink-faint</span> on <span class="sc-interp">--app-surface</span></div></div>
                      <span data-dc-tpl="374" style="font-family: var(--app-font-mono); font-size: 14px; color: var(--app-ink); text-align: right;"><span class="sc-interp">1.40:1</span></span>
                      <span data-dc-tpl="375" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail);"><span data-dc-tpl="376" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-fail);"></span><span class="sc-interp">Fail</span></span>
                    </div>
                  
                </div>
              </div>
            

          </div>`,designPlugin:`<div data-dc-tpl="68" data-screen-label="Figma / IDE plugin">

            
            

            
            

            
            

            
            

            
            

            
            

            
            
              <div data-dc-tpl="253" style="display: grid; grid-template-columns: minmax(0px, 1fr) 320px; gap: 16px; align-items: start;">
                <div data-dc-tpl="254" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 18px; display: flex; flex-direction: column; gap: 14px;">
                  <div data-dc-tpl="255" style="display: flex; align-items: center; gap: 12px;">
                    <span data-dc-tpl="256" class="ms" style="font-size: 28px; color: var(--app-accent);">extension</span>
                    <div data-dc-tpl="257"><div data-dc-tpl="258" style="font-size: 15px; font-weight: 600;">@supraforge/tokens-sync</div><div data-dc-tpl="259" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);">v4.1.7 \xB7 Figma + VS Code</div></div>
                    <span data-dc-tpl="260" style="margin-left: auto; display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; padding: 2px 8px; border-radius: 6px; background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn);">update available</span>
                  </div>
                  <div data-dc-tpl="261" style="font-size: 13px; color: var(--app-ink-soft);">Pulls the published contract into design tools and the IDE so tokens resolve identically everywhere. One-way: the canvas is the source of truth.</div>
                  <div data-dc-tpl="262" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="263" style="height: 34px; padding: 0px 16px; display: flex; align-items: center; gap: 7px; background: var(--app-accent); color: var(--app-accent-ink); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; font-family: var(--app-font-body); font-weight: 600; font-size: 13px; cursor: pointer;"><span data-dc-tpl="264" class="ms" style="font-size: 16px;">download</span>Install</button>
                    <button data-dc-tpl="265" style="height: 34px; padding: 0px 16px; background: transparent; color: var(--app-ink); border: 1px solid var(--app-rule); border-radius: 6px; font-family: var(--app-font-body); font-weight: 600; font-size: 13px; cursor: pointer;">Docs</button>
                  </div>
                </div>
                <div data-dc-tpl="266" style="background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 16px; display: flex; flex-direction: column; gap: 12px;">
                  <span data-dc-tpl="267" style="font-family: var(--app-font-display); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--app-ink-faint);">Configuration</span>
                  <label data-dc-tpl="268" style="display: flex; flex-direction: column; gap: 5px;"><span data-dc-tpl="269" style="font-size: 11px; color: var(--app-ink-faint);">Tenant</span><div data-dc-tpl="270" style="height: 32px; display: flex; align-items: center; padding: 0px 10px; background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: 6px; font-family: var(--app-font-mono); font-size: 12px;">companyx</div></label>
                  <label data-dc-tpl="271" style="display: flex; flex-direction: column; gap: 5px;"><span data-dc-tpl="272" style="font-size: 11px; color: var(--app-ink-faint);">Contract endpoint</span><div data-dc-tpl="273" style="height: 32px; display: flex; align-items: center; padding: 0px 10px; background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: 6px; font-family: var(--app-font-mono); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">ui.supraforge.com/contract</div></label>
                  <label data-dc-tpl="274" style="display: flex; align-items: center; justify-content: space-between; gap: 10px;"><span data-dc-tpl="275" style="font-size: 12px; color: var(--app-ink-soft);">Auto-sync on publish</span><span data-dc-tpl="276" style="width: 34px; height: 20px; border-radius: 9999px; background: var(--app-accent); position: relative;"><span data-dc-tpl="277" style="position: absolute; top: 2px; right: 2px; width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255);"></span></span></label>
                </div>
              </div>
            

            
            

            
            

            
            

            
            

          </div>`,designPsi:`<div data-dc-tpl="68" data-screen-label="PSI performance gate">

            
            

            
            

            
            

            
            

            
            

            
            
              <div data-dc-tpl="221" style="display: flex; flex-direction: column; gap: 14px;">
                <div data-dc-tpl="222" style="display: flex; align-items: center; gap: 16px; flex-wrap: wrap;">
                  <div data-dc-tpl="223" style="display: flex; align-items: baseline; gap: 8px;"><span data-dc-tpl="224" style="font-family: var(--app-font-mono); font-size: 24px; font-weight: 700; color: var(--app-ink);"><span class="sc-interp">4</span><span data-dc-tpl="225" style="color: var(--app-ink-faint);">/6</span></span><span data-dc-tpl="226" style="font-size: 12px; color: var(--app-ink-soft);">surfaces pass budget</span></div>
                  <div data-dc-tpl="227" style="display: flex; gap: 9px; align-items: flex-start; flex: 1 1 0%; min-width: 240px; background: color-mix(in srgb, var(--app-fail) 8%, transparent); border-left: 3px solid var(--app-fail); border-radius: 6px; padding: 9px 12px;">
                    <span data-dc-tpl="228" class="ms" style="font-size: 16px; color: var(--app-fail);">policy</span>
                    <div data-dc-tpl="229" style="font-size: 12px; color: var(--app-ink-soft);"><b data-dc-tpl="230" style="color: var(--app-ink);">2 surfaces block the release.</b> Re-run each gate after landing the fix.</div>
                  </div>
                </div>
                <div data-dc-tpl="231" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 12px;">
                  
                    <div data-dc-tpl="233" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 16px; display: flex; flex-direction: column; gap: 12px;">
                      <div data-dc-tpl="234" style="display: flex; align-items: center; gap: 14px;">
                        <div data-dc-tpl="235" style="--sc: 96; width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: conic-gradient(var(--app-success) 345.6deg, var(--app-rule) 0);"><div data-dc-tpl="236" style="width: 50px; height: 50px; border-radius: 50%; background: var(--app-surface); display: flex; align-items: center; justify-content: center; font-family: var(--app-font-mono); font-size: 16px; font-weight: 700; color: var(--app-success);"><span class="sc-interp">96</span></div></div>
                        <div data-dc-tpl="237" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 5px;">
                          <span data-dc-tpl="238" style="font-size: 13px; font-weight: 600; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Tokens studio</span></span>
                          <div data-dc-tpl="239" style="display: flex; align-items: center; gap: 8px;">
                            <span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span data-dc-tpl="241" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">pass</span></span>
                            <span data-dc-tpl="242" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);">budget \u2265 <span class="sc-interp">90</span></span>
                          </div>
                        </div>
                      </div>
                      <div data-dc-tpl="243" style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px;">
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">LCP</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">1.2s</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 2.5s</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">CLS</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">0.01</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 0.10</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">TBT</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">80ms</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 300ms</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">INP</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">110ms</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 200ms</span></span>
                            </div>
                          </div>
                        
                      </div>
                      <button data-dc-tpl="250" style="height: 34px; display: flex; align-items: center; justify-content: center; gap: 7px; background: transparent; border: 1px solid var(--app-rule); color: var(--app-ink); border-radius: 6px; font-family: var(--app-font-body); font-size: 12px; font-weight: 600; cursor: pointer;"><span data-dc-tpl="251" class="ms" style="font-size: 15px;">refresh</span><span class="sc-interp">Re-run gate</span></button>
                    </div>
                  
                    <div data-dc-tpl="233" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 16px; display: flex; flex-direction: column; gap: 12px;">
                      <div data-dc-tpl="234" style="display: flex; align-items: center; gap: 14px;">
                        <div data-dc-tpl="235" style="--sc: 92; width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: conic-gradient(var(--app-success) 331.2deg, var(--app-rule) 0);"><div data-dc-tpl="236" style="width: 50px; height: 50px; border-radius: 50%; background: var(--app-surface); display: flex; align-items: center; justify-content: center; font-family: var(--app-font-mono); font-size: 16px; font-weight: 700; color: var(--app-success);"><span class="sc-interp">92</span></div></div>
                        <div data-dc-tpl="237" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 5px;">
                          <span data-dc-tpl="238" style="font-size: 13px; font-weight: 600; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Overview</span></span>
                          <div data-dc-tpl="239" style="display: flex; align-items: center; gap: 8px;">
                            <span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span data-dc-tpl="241" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">pass</span></span>
                            <span data-dc-tpl="242" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);">budget \u2265 <span class="sc-interp">90</span></span>
                          </div>
                        </div>
                      </div>
                      <div data-dc-tpl="243" style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px;">
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">LCP</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">1.8s</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 2.5s</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">CLS</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">0.02</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 0.10</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">TBT</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">120ms</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 300ms</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">INP</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">180ms</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 200ms</span></span>
                            </div>
                          </div>
                        
                      </div>
                      <button data-dc-tpl="250" style="height: 34px; display: flex; align-items: center; justify-content: center; gap: 7px; background: transparent; border: 1px solid var(--app-rule); color: var(--app-ink); border-radius: 6px; font-family: var(--app-font-body); font-size: 12px; font-weight: 600; cursor: pointer;"><span data-dc-tpl="251" class="ms" style="font-size: 15px;">refresh</span><span class="sc-interp">Re-run gate</span></button>
                    </div>
                  
                    <div data-dc-tpl="233" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 16px; display: flex; flex-direction: column; gap: 12px;">
                      <div data-dc-tpl="234" style="display: flex; align-items: center; gap: 14px;">
                        <div data-dc-tpl="235" style="--sc: 98; width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: conic-gradient(var(--app-success) 352.8deg, var(--app-rule) 0);"><div data-dc-tpl="236" style="width: 50px; height: 50px; border-radius: 50%; background: var(--app-surface); display: flex; align-items: center; justify-content: center; font-family: var(--app-font-mono); font-size: 16px; font-weight: 700; color: var(--app-success);"><span class="sc-interp">98</span></div></div>
                        <div data-dc-tpl="237" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 5px;">
                          <span data-dc-tpl="238" style="font-size: 13px; font-weight: 600; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Logos gallery</span></span>
                          <div data-dc-tpl="239" style="display: flex; align-items: center; gap: 8px;">
                            <span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span data-dc-tpl="241" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">pass</span></span>
                            <span data-dc-tpl="242" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);">budget \u2265 <span class="sc-interp">90</span></span>
                          </div>
                        </div>
                      </div>
                      <div data-dc-tpl="243" style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px;">
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">LCP</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">0.9s</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 2.5s</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">CLS</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">0</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 0.10</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">TBT</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">60ms</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 300ms</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">INP</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">90ms</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 200ms</span></span>
                            </div>
                          </div>
                        
                      </div>
                      <button data-dc-tpl="250" style="height: 34px; display: flex; align-items: center; justify-content: center; gap: 7px; background: transparent; border: 1px solid var(--app-rule); color: var(--app-ink); border-radius: 6px; font-family: var(--app-font-body); font-size: 12px; font-weight: 600; cursor: pointer;"><span data-dc-tpl="251" class="ms" style="font-size: 15px;">refresh</span><span class="sc-interp">Re-run gate</span></button>
                    </div>
                  
                    <div data-dc-tpl="233" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 16px; display: flex; flex-direction: column; gap: 12px;">
                      <div data-dc-tpl="234" style="display: flex; align-items: center; gap: 14px;">
                        <div data-dc-tpl="235" style="--sc: 88; width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: conic-gradient(var(--app-success) 316.8deg, var(--app-rule) 0);"><div data-dc-tpl="236" style="width: 50px; height: 50px; border-radius: 50%; background: var(--app-surface); display: flex; align-items: center; justify-content: center; font-family: var(--app-font-mono); font-size: 16px; font-weight: 700; color: var(--app-success);"><span class="sc-interp">88</span></div></div>
                        <div data-dc-tpl="237" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 5px;">
                          <span data-dc-tpl="238" style="font-size: 13px; font-weight: 600; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Brand book</span></span>
                          <div data-dc-tpl="239" style="display: flex; align-items: center; gap: 8px;">
                            <span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span data-dc-tpl="241" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">pass</span></span>
                            <span data-dc-tpl="242" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);">budget \u2265 <span class="sc-interp">85</span></span>
                          </div>
                        </div>
                      </div>
                      <div data-dc-tpl="243" style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px;">
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">LCP</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">2.1s</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 2.5s</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">CLS</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">0.03</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 0.10</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">TBT</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">190ms</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 300ms</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">INP</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">210ms</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 200ms</span></span>
                            </div>
                          </div>
                        
                      </div>
                      <button data-dc-tpl="250" style="height: 34px; display: flex; align-items: center; justify-content: center; gap: 7px; background: transparent; border: 1px solid var(--app-rule); color: var(--app-ink); border-radius: 6px; font-family: var(--app-font-body); font-size: 12px; font-weight: 600; cursor: pointer;"><span data-dc-tpl="251" class="ms" style="font-size: 15px;">refresh</span><span class="sc-interp">Re-run gate</span></button>
                    </div>
                  
                    <div data-dc-tpl="233" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-fail); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 16px; display: flex; flex-direction: column; gap: 12px;">
                      <div data-dc-tpl="234" style="display: flex; align-items: center; gap: 14px;">
                        <div data-dc-tpl="235" style="--sc: 74; width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: conic-gradient(var(--app-fail) 266.40000000000003deg, var(--app-rule) 0);"><div data-dc-tpl="236" style="width: 50px; height: 50px; border-radius: 50%; background: var(--app-surface); display: flex; align-items: center; justify-content: center; font-family: var(--app-font-mono); font-size: 16px; font-weight: 700; color: var(--app-fail);"><span class="sc-interp">74</span></div></div>
                        <div data-dc-tpl="237" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 5px;">
                          <span data-dc-tpl="238" style="font-size: 13px; font-weight: 600; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Asset catalog (104 assets)</span></span>
                          <div data-dc-tpl="239" style="display: flex; align-items: center; gap: 8px;">
                            <span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail);"><span data-dc-tpl="241" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-fail);"></span><span class="sc-interp">fail</span></span>
                            <span data-dc-tpl="242" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);">budget \u2265 <span class="sc-interp">90</span></span>
                          </div>
                        </div>
                      </div>
                      <div data-dc-tpl="243" style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px;">
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">LCP</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-fail);"><span class="sc-interp">3.4s</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 2.5s</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">CLS</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-fail);"><span class="sc-interp">0.19</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 0.10</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">TBT</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-fail);"><span class="sc-interp">640ms</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 300ms</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">INP</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">420ms</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 200ms</span></span>
                            </div>
                          </div>
                        
                      </div>
                      <button data-dc-tpl="250" style="height: 34px; display: flex; align-items: center; justify-content: center; gap: 7px; background: transparent; border: 1px solid var(--app-rule); color: var(--app-ink); border-radius: 6px; font-family: var(--app-font-body); font-size: 12px; font-weight: 600; cursor: pointer;"><span data-dc-tpl="251" class="ms" style="font-size: 15px;">refresh</span><span class="sc-interp">Re-run gate</span></button>
                    </div>
                  
                    <div data-dc-tpl="233" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-fail); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 16px; display: flex; flex-direction: column; gap: 12px;">
                      <div data-dc-tpl="234" style="display: flex; align-items: center; gap: 14px;">
                        <div data-dc-tpl="235" style="--sc: 81; width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: conic-gradient(var(--app-fail) 291.6deg, var(--app-rule) 0);"><div data-dc-tpl="236" style="width: 50px; height: 50px; border-radius: 50%; background: var(--app-surface); display: flex; align-items: center; justify-content: center; font-family: var(--app-font-mono); font-size: 16px; font-weight: 700; color: var(--app-fail);"><span class="sc-interp">81</span></div></div>
                        <div data-dc-tpl="237" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 5px;">
                          <span data-dc-tpl="238" style="font-size: 13px; font-weight: 600; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Component studio</span></span>
                          <div data-dc-tpl="239" style="display: flex; align-items: center; gap: 8px;">
                            <span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail);"><span data-dc-tpl="241" style="width: 5px; height: 5px; border-radius: 50%; background: var(--app-fail);"></span><span class="sc-interp">fail</span></span>
                            <span data-dc-tpl="242" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);">budget \u2265 <span class="sc-interp">90</span></span>
                          </div>
                        </div>
                      </div>
                      <div data-dc-tpl="243" style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px;">
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">LCP</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-fail);"><span class="sc-interp">2.9s</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 2.5s</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">CLS</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">0.08</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 0.10</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">TBT</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-fail);"><span class="sc-interp">510ms</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 300ms</span></span>
                            </div>
                          </div>
                        
                          <div data-dc-tpl="245" style="display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--app-bg); border-radius: 6px;">
                            <span data-dc-tpl="246" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">INP</span></span>
                            <div data-dc-tpl="247" style="display: flex; flex-direction: column; align-items: flex-end; gap: 1px;">
                              <span data-dc-tpl="248" style="font-family: var(--app-font-mono); font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">260ms</span></span>
                              <span data-dc-tpl="249" style="font-family: var(--app-font-mono); font-size: 9px; color: var(--app-ink-faint);"><span class="sc-interp">\u2264 200ms</span></span>
                            </div>
                          </div>
                        
                      </div>
                      <button data-dc-tpl="250" style="height: 34px; display: flex; align-items: center; justify-content: center; gap: 7px; background: transparent; border: 1px solid var(--app-rule); color: var(--app-ink); border-radius: 6px; font-family: var(--app-font-body); font-size: 12px; font-weight: 600; cursor: pointer;"><span data-dc-tpl="251" class="ms" style="font-size: 15px;">refresh</span><span class="sc-interp">Re-run gate</span></button>
                    </div>
                  
                </div>
              </div>
            

            
            

            
            

            
            

            
            

            
            

          </div>`,designStudio:`<div data-dc-tpl="68" data-screen-label="Component studio">

            
            

            
            

            
            

            
            
              <div data-dc-tpl="173" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px;">
                <div data-dc-tpl="174" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 16px; display: flex; flex-direction: column; gap: 12px;">
                  <div data-dc-tpl="175" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft);">StatusChip \xB7 all states</div>
                  <div data-dc-tpl="176" style="display: flex; flex-wrap: wrap; gap: 8px;">
                    <span data-dc-tpl="177" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; padding: 2px 8px; border-radius: 6px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);">ok</span>
                    <span data-dc-tpl="178" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; padding: 2px 8px; border-radius: 6px; background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn);">warn</span>
                    <span data-dc-tpl="179" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; padding: 2px 8px; border-radius: 6px; background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail);">fail</span>
                    <span data-dc-tpl="180" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; padding: 2px 8px; border-radius: 6px; background: color-mix(in srgb, var(--app-signal) 15%, transparent); color: var(--app-signal);">alert</span>
                    <span data-dc-tpl="181" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; padding: 2px 8px; border-radius: 6px; background: color-mix(in srgb, var(--app-ink-faint) 12%, transparent); color: var(--app-ink-faint);">idle</span>
                    <span data-dc-tpl="182" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--app-font-mono); font-size: 10px; text-transform: uppercase; padding: 2px 8px; border-radius: 6px; background: color-mix(in srgb, var(--app-running) 15%, transparent); color: var(--app-accent);">running</span>
                  </div>
                </div>
                <div data-dc-tpl="183" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 16px; display: flex; flex-direction: column; gap: 6px;">
                  <div data-dc-tpl="184" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft);">dash-card</div>
                  <div data-dc-tpl="185" style="font-size: 13px; font-weight: 600;">Quality score</div>
                  <div data-dc-tpl="186" style="font-family: var(--app-font-mono); font-size: 28px; font-weight: 700;">8.4<span data-dc-tpl="187" style="font-size: 14px; color: var(--app-ink-faint);">/10</span></div>
                  <div data-dc-tpl="188" style="font-family: var(--app-font-mono); font-size: 11px; color: var(--app-ink-faint);">last synced 4m ago</div>
                </div>
                <div data-dc-tpl="189" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 16px; display: flex; flex-direction: column; gap: 10px;">
                  <div data-dc-tpl="190" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft);">HoldToConfirm</div>
                  <div data-dc-tpl="191" style="position: relative; overflow: hidden; height: 40px; border-radius: 6px; background: var(--app-signal); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; font-size: 13px;"><span data-dc-tpl="192" class="ms" style="font-size: 16px;">bolt</span>Hold to fire</div>
                  <div data-dc-tpl="193" style="font-family: var(--app-font-mono); font-size: 10px; color: var(--app-ink-faint);">POST /campaigns/pause \xB7 3s hold</div>
                </div>
                <div data-dc-tpl="194" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 16px; display: flex; flex-direction: column; gap: 10px;">
                  <div data-dc-tpl="195" style="font-family: var(--app-font-mono); font-size: 12px; color: var(--app-ink-soft);">Banner \xB7 warn</div>
                  <div data-dc-tpl="196" style="display: flex; gap: 9px; align-items: flex-start; background: color-mix(in srgb, var(--app-warn) 8%, transparent); border-left: 3px solid var(--app-warn); border-radius: 6px; padding: 10px 12px;">
                    <span data-dc-tpl="197" class="ms" style="font-size: 16px; color: var(--app-warn);">warning</span>
                    <div data-dc-tpl="198" style="font-size: 12px; color: var(--app-ink-soft);"><b data-dc-tpl="199" style="color: var(--app-ink);">Budget capped.</b> Campaign spend limited by daily cap.</div>
                  </div>
                </div>
              </div>
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            

          </div>`,designTokens:`<header data-dc-tpl="25" style="height: 60px; flex-shrink: 0; border-bottom: 1px solid var(--app-border); display: flex; align-items: center; gap: 16px; padding: 0px 24px; position: sticky; top: 0px; z-index: 20; background: color-mix(in srgb,var(--app-bg) 82%,transparent); backdrop-filter: blur(18px);">
      <div data-dc-tpl="26" style="display: flex; align-items: center; gap: 8px; font-family: var(--font-jetbrains); font-size: 0.72rem;">
        <span data-dc-tpl="27" style="color: var(--app-muted);">design</span>
        <span data-dc-tpl="28" style="color: var(--app-muted);">/</span>
        <span data-dc-tpl="29" style="color: var(--app-accent);"><span class="sc-interp">Tokens</span></span>
      </div>
      <div data-dc-tpl="30" style="margin-left: 8px; display: flex; align-items: center; gap: 6px; height: 32px; padding: 0px 10px; border: 1px solid var(--app-border); border-radius: 8px; background: color-mix(in srgb,var(--app-surface) 50%,transparent); font-family: var(--font-jetbrains); font-size: 0.68rem; color: var(--app-muted);">
        <svg data-dc-tpl="31" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path data-dc-tpl="32" d="M12 2l8 4.6v9.2L12 20.4 4 15.8V6.6L12 2z"></path></svg>
        tenant: aaas
        <svg data-dc-tpl="33" width="10" height="6" viewBox="0 0 10 6" style="margin-left: 2px;"><path data-dc-tpl="34" d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.4" fill="none" stroke-linecap="round"></path></svg>
      </div>
      <div data-dc-tpl="35" style="margin-left: auto; display: flex; align-items: center; gap: 6px; height: 34px; padding: 0px 12px; border: 1px solid var(--app-border); border-radius: 8px; background: color-mix(in srgb,var(--app-surface) 45%,transparent); width: 240px;">
        <svg data-dc-tpl="36" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--app-muted)" stroke-width="1.6"><circle data-dc-tpl="37" cx="11" cy="11" r="7"></circle><path data-dc-tpl="38" d="M20 20l-3.5-3.5"></path></svg>
        <input data-dc-tpl="39" placeholder="Search tokens, components\u2026" style="border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; outline: none; color: var(--app-text); font-family: var(--font-inter); font-size: 0.8rem; width: 100%;">
      </div>
      
      <div data-dc-tpl="40" style="display: flex; height: 34px; padding: 3px; border: 1px solid var(--app-border); border-radius: 9px; background: color-mix(in srgb,var(--app-surface) 55%,transparent); gap: 2px;">
        <button data-dc-tpl="41" style="display: flex; align-items: center; gap: 6px; padding: 0px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 7px; font-family: var(--font-jetbrains); font-size: 0.66rem; letter-spacing: 0.04em; cursor: pointer; background: color-mix(in srgb,var(--app-accent) 18%,var(--app-surface)); color: var(--app-accent);">
          <svg data-dc-tpl="42" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path data-dc-tpl="43" d="M21 12.8A9 9 0 1 1 11.2 3 7 7 0 0 0 21 12.8z"></path></svg> Dark
        </button>
        <button data-dc-tpl="44" style="display: flex; align-items: center; gap: 6px; padding: 0px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 7px; font-family: var(--font-jetbrains); font-size: 0.66rem; letter-spacing: 0.04em; cursor: pointer; background: none; color: var(--app-muted);">
          <svg data-dc-tpl="45" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><circle data-dc-tpl="46" cx="12" cy="12" r="4.2"></circle><path data-dc-tpl="47" d="M12 2v2M12 20v2M4 12H2M22 12h-2M5 5l1.4 1.4M17.6 17.6L19 19M19 5l-1.4 1.4M6.4 17.6L5 19"></path></svg> Light
        </button>
      </div>
      <div data-dc-tpl="48" style="display: flex; align-items: center; gap: 10px; padding-left: 6px;">
        <span data-dc-tpl="49" style="width: 30px; height: 30px; border-radius: 8px; background: color-mix(in srgb,var(--app-accent) 20%,var(--app-surface)); display: flex; align-items: center; justify-content: center; font-family: var(--font-jetbrains); font-size: 0.78rem; color: var(--app-accent);">M</span>
      </div>
    </header>

    <div data-dc-tpl="50" style="padding: 26px 32px 72px; width: 100%; max-width: 1360px; margin: 0px auto; box-sizing: border-box;">

      
      
      <section data-dc-tpl="52">
        <div data-dc-tpl="53" style="display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 22px; flex-wrap: wrap;">
          <div data-dc-tpl="54">
            <div data-dc-tpl="55" style="font-family: var(--font-jetbrains); font-size: 0.62rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--app-accent); margin-bottom: 8px;">Manage \xB7 the contract</div>
            <h2 data-dc-tpl="56" style="font-size: 2rem; margin: 0px; color: var(--app-text);">TOKENS STUDIO</h2>
            <p data-dc-tpl="57" style="margin: 8px 0px 0px; color: var(--app-muted); max-width: 560px; font-size: 0.92rem;">Tokens are the contract every surface binds to. Browse groups, edit resolved values per mode, preview live, then publish through review.</p>
          </div>
          <div data-dc-tpl="58" style="display: flex; gap: 10px; align-items: center;">
            <div data-dc-tpl="59" style="text-align: right;">
              <div data-dc-tpl="60" style="font-family: var(--font-jetbrains); font-size: 1.4rem; color: var(--app-text);"><span class="sc-interp">21</span></div>
              <div data-dc-tpl="61" style="font-family: var(--font-jetbrains); font-size: 0.58rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--app-muted);">published</div>
            </div>
            <div data-dc-tpl="62" style="width: 1px; height: 38px; background: var(--app-border);"></div>
            <div data-dc-tpl="63" style="text-align: right;">
              <div data-dc-tpl="64" style="font-family: var(--font-jetbrains); font-size: 1.4rem; color: var(--app-warn);"><span class="sc-interp">1</span></div>
              <div data-dc-tpl="65" style="font-family: var(--font-jetbrains); font-size: 0.58rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--app-muted);">modeled</div>
            </div>
          </div>
        </div>

        
        <div data-dc-tpl="66" style="display: flex; gap: 4px; margin-bottom: 18px; border-bottom: 1px solid var(--app-border); padding-bottom: 0px;">
          
            <button data-dc-tpl="68" style="padding: 11px 16px; border-width: medium medium 2px; border-style: none none solid; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: var(--app-accent); border-left-color: currentcolor; border-image: initial; background: none; font-family: var(--font-inter); font-size: 0.82rem; cursor: pointer; margin-bottom: -1px; text-transform: capitalize; color: var(--app-accent); font-weight: 600;"><span class="sc-interp">color</span><span data-dc-tpl="69" style="font-family: var(--font-jetbrains); font-size: 0.62rem; color: var(--app-muted); margin-left: 7px;"><span class="sc-interp">8</span></span></button>
          
            <button data-dc-tpl="68" style="padding: 11px 16px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: none; font-family: var(--font-inter); font-size: 0.82rem; cursor: pointer; margin-bottom: -1px; text-transform: capitalize; color: var(--app-muted); font-weight: 500;"><span class="sc-interp">type</span><span data-dc-tpl="69" style="font-family: var(--font-jetbrains); font-size: 0.62rem; color: var(--app-muted); margin-left: 7px;"><span class="sc-interp">6</span></span></button>
          
            <button data-dc-tpl="68" style="padding: 11px 16px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: none; font-family: var(--font-inter); font-size: 0.82rem; cursor: pointer; margin-bottom: -1px; text-transform: capitalize; color: var(--app-muted); font-weight: 500;"><span class="sc-interp">space</span><span data-dc-tpl="69" style="font-family: var(--font-jetbrains); font-size: 0.62rem; color: var(--app-muted); margin-left: 7px;"><span class="sc-interp">5</span></span></button>
          
            <button data-dc-tpl="68" style="padding: 11px 16px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: none; font-family: var(--font-inter); font-size: 0.82rem; cursor: pointer; margin-bottom: -1px; text-transform: capitalize; color: var(--app-muted); font-weight: 500;"><span class="sc-interp">radius</span><span data-dc-tpl="69" style="font-family: var(--font-jetbrains); font-size: 0.62rem; color: var(--app-muted); margin-left: 7px;"><span class="sc-interp">3</span></span></button>
          
        </div>

        <div data-dc-tpl="70" style="display: grid; grid-template-columns: 1.25fr 1fr; gap: 20px; align-items: start;">
          
          <div data-dc-tpl="71" style="border: 1px solid var(--app-border); border-radius: var(--app-radius); overflow: hidden; background: color-mix(in srgb,var(--app-surface) 55%,transparent);">
            <div data-dc-tpl="72" style="display: grid; grid-template-columns: 1fr auto auto; gap: 12px; padding: 11px 16px; border-bottom: 1px solid var(--app-border); font-family: var(--font-jetbrains); font-size: 0.58rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--app-muted);">
              <span data-dc-tpl="73">token</span><span data-dc-tpl="74">resolved \xB7 <span class="sc-interp">dark</span></span><span data-dc-tpl="75">used by</span>
            </div>
            
              <button data-dc-tpl="77" class="scp1" style="display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; width: 100%; padding: 11px 16px; border-top-width: medium; border-right-width: medium; border-bottom: 1px solid var(--app-border); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; cursor: pointer; text-align: left; transition: background 0.15s; background: none;">
                <span data-dc-tpl="78" style="display: flex; align-items: center; gap: 11px; min-width: 0px;">
                  <span data-dc-tpl="79" style="width: 20px; height: 20px; border-radius: 6px; flex-shrink: 0; border: 1px solid var(--app-border); background: rgb(14, 14, 16);"></span>
                  <span data-dc-tpl="80" style="display: flex; flex-direction: column; gap: 2px; min-width: 0px;">
                    <span data-dc-tpl="81" style="font-family: var(--font-jetbrains); font-size: 0.78rem; color: var(--app-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-bg</span></span>
                    <span data-dc-tpl="82" style="font-size: 0.68rem; color: var(--app-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Page background</span></span>
                  </span>
                </span>
                <span data-dc-tpl="83" style="display: flex; align-items: center; gap: 8px; justify-self: end;">
                  
                  <span data-dc-tpl="86" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-text);"><span class="sc-interp">#0e0e10</span></span>
                </span>
                <span data-dc-tpl="87" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-muted); justify-self: end; min-width: 34px; text-align: right;"><span class="sc-interp">88</span></span>
              </button>
            
              <button data-dc-tpl="77" class="scp1" style="display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; width: 100%; padding: 11px 16px; border-top-width: medium; border-right-width: medium; border-bottom: 1px solid var(--app-border); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; cursor: pointer; text-align: left; transition: background 0.15s; background: none;">
                <span data-dc-tpl="78" style="display: flex; align-items: center; gap: 11px; min-width: 0px;">
                  <span data-dc-tpl="79" style="width: 20px; height: 20px; border-radius: 6px; flex-shrink: 0; border: 1px solid var(--app-border); background: rgb(26, 26, 28);"></span>
                  <span data-dc-tpl="80" style="display: flex; flex-direction: column; gap: 2px; min-width: 0px;">
                    <span data-dc-tpl="81" style="font-family: var(--font-jetbrains); font-size: 0.78rem; color: var(--app-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-surface</span></span>
                    <span data-dc-tpl="82" style="font-size: 0.68rem; color: var(--app-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Card / panel</span></span>
                  </span>
                </span>
                <span data-dc-tpl="83" style="display: flex; align-items: center; gap: 8px; justify-self: end;">
                  
                  <span data-dc-tpl="86" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-text);"><span class="sc-interp">#1a1a1c</span></span>
                </span>
                <span data-dc-tpl="87" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-muted); justify-self: end; min-width: 34px; text-align: right;"><span class="sc-interp">64</span></span>
              </button>
            
              <button data-dc-tpl="77" class="scp1" style="display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; width: 100%; padding: 11px 16px; border-top-width: medium; border-right-width: medium; border-bottom: 1px solid var(--app-border); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; cursor: pointer; text-align: left; transition: background 0.15s; background: none;">
                <span data-dc-tpl="78" style="display: flex; align-items: center; gap: 11px; min-width: 0px;">
                  <span data-dc-tpl="79" style="width: 20px; height: 20px; border-radius: 6px; flex-shrink: 0; border: 1px solid var(--app-border); background: rgb(35, 35, 39);"></span>
                  <span data-dc-tpl="80" style="display: flex; flex-direction: column; gap: 2px; min-width: 0px;">
                    <span data-dc-tpl="81" style="font-family: var(--font-jetbrains); font-size: 0.78rem; color: var(--app-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-surface-2</span></span>
                    <span data-dc-tpl="82" style="font-size: 0.68rem; color: var(--app-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Elevated / hover</span></span>
                  </span>
                </span>
                <span data-dc-tpl="83" style="display: flex; align-items: center; gap: 8px; justify-self: end;">
                  
                  <span data-dc-tpl="86" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-text);"><span class="sc-interp">#232327</span></span>
                </span>
                <span data-dc-tpl="87" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-muted); justify-self: end; min-width: 34px; text-align: right;"><span class="sc-interp">37</span></span>
              </button>
            
              <button data-dc-tpl="77" class="scp1" style="display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; width: 100%; padding: 11px 16px; border-top-width: medium; border-right-width: medium; border-bottom: 1px solid var(--app-border); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; cursor: pointer; text-align: left; transition: background 0.15s; background: none;">
                <span data-dc-tpl="78" style="display: flex; align-items: center; gap: 11px; min-width: 0px;">
                  <span data-dc-tpl="79" style="width: 20px; height: 20px; border-radius: 6px; flex-shrink: 0; border: 1px solid var(--app-border); background: rgb(0, 243, 255);"></span>
                  <span data-dc-tpl="80" style="display: flex; flex-direction: column; gap: 2px; min-width: 0px;">
                    <span data-dc-tpl="81" style="font-family: var(--font-jetbrains); font-size: 0.78rem; color: var(--app-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-accent</span></span>
                    <span data-dc-tpl="82" style="font-size: 0.68rem; color: var(--app-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Active \xB7 links \xB7 CTAs</span></span>
                  </span>
                </span>
                <span data-dc-tpl="83" style="display: flex; align-items: center; gap: 8px; justify-self: end;">
                  
                  <span data-dc-tpl="86" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-text);"><span class="sc-interp">#00f3ff</span></span>
                </span>
                <span data-dc-tpl="87" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-muted); justify-self: end; min-width: 34px; text-align: right;"><span class="sc-interp">42</span></span>
              </button>
            
              <button data-dc-tpl="77" class="scp1" style="display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; width: 100%; padding: 11px 16px; border-top-width: medium; border-right-width: medium; border-bottom: 1px solid var(--app-border); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; cursor: pointer; text-align: left; transition: background 0.15s; background: none;">
                <span data-dc-tpl="78" style="display: flex; align-items: center; gap: 11px; min-width: 0px;">
                  <span data-dc-tpl="79" style="width: 20px; height: 20px; border-radius: 6px; flex-shrink: 0; border: 1px solid var(--app-border); background: rgb(0, 212, 184);"></span>
                  <span data-dc-tpl="80" style="display: flex; flex-direction: column; gap: 2px; min-width: 0px;">
                    <span data-dc-tpl="81" style="font-family: var(--font-jetbrains); font-size: 0.78rem; color: var(--app-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-success</span></span>
                    <span data-dc-tpl="82" style="font-size: 0.68rem; color: var(--app-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">All-clear / pass</span></span>
                  </span>
                </span>
                <span data-dc-tpl="83" style="display: flex; align-items: center; gap: 8px; justify-self: end;">
                  
                  <span data-dc-tpl="86" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-text);"><span class="sc-interp">#00d4b8</span></span>
                </span>
                <span data-dc-tpl="87" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-muted); justify-self: end; min-width: 34px; text-align: right;"><span class="sc-interp">17</span></span>
              </button>
            
              <button data-dc-tpl="77" class="scp1" style="display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; width: 100%; padding: 11px 16px; border-top-width: medium; border-right-width: medium; border-bottom: 1px solid var(--app-border); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; cursor: pointer; text-align: left; transition: background 0.15s; background: color-mix(in srgb,var(--app-accent) 8%,transparent); box-shadow: inset 2px 0 0 var(--app-accent);">
                <span data-dc-tpl="78" style="display: flex; align-items: center; gap: 11px; min-width: 0px;">
                  <span data-dc-tpl="79" style="width: 20px; height: 20px; border-radius: 6px; flex-shrink: 0; border: 1px solid var(--app-border); background: rgb(255, 90, 126);"></span>
                  <span data-dc-tpl="80" style="display: flex; flex-direction: column; gap: 2px; min-width: 0px;">
                    <span data-dc-tpl="81" style="font-family: var(--font-jetbrains); font-size: 0.78rem; color: var(--app-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-alert</span></span>
                    <span data-dc-tpl="82" style="font-size: 0.68rem; color: var(--app-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Alert / fail</span></span>
                  </span>
                </span>
                <span data-dc-tpl="83" style="display: flex; align-items: center; gap: 8px; justify-self: end;">
                  
                    <span data-dc-tpl="85" style="font-family: var(--font-jetbrains); font-size: 0.55rem; letter-spacing: 0.1em; color: var(--app-warn); border: 1px solid color-mix(in srgb,var(--app-warn) 40%,transparent); border-radius: 5px; padding: 2px 5px;">MOD</span>
                  
                  <span data-dc-tpl="86" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-text);"><span class="sc-interp">#ff5a7e</span></span>
                </span>
                <span data-dc-tpl="87" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-muted); justify-self: end; min-width: 34px; text-align: right;"><span class="sc-interp">23</span></span>
              </button>
            
              <button data-dc-tpl="77" class="scp1" style="display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; width: 100%; padding: 11px 16px; border-top-width: medium; border-right-width: medium; border-bottom: 1px solid var(--app-border); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; cursor: pointer; text-align: left; transition: background 0.15s; background: none;">
                <span data-dc-tpl="78" style="display: flex; align-items: center; gap: 11px; min-width: 0px;">
                  <span data-dc-tpl="79" style="width: 20px; height: 20px; border-radius: 6px; flex-shrink: 0; border: 1px solid var(--app-border); background: rgb(248, 217, 116);"></span>
                  <span data-dc-tpl="80" style="display: flex; flex-direction: column; gap: 2px; min-width: 0px;">
                    <span data-dc-tpl="81" style="font-family: var(--font-jetbrains); font-size: 0.78rem; color: var(--app-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-warn</span></span>
                    <span data-dc-tpl="82" style="font-size: 0.68rem; color: var(--app-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">New / soft-alert</span></span>
                  </span>
                </span>
                <span data-dc-tpl="83" style="display: flex; align-items: center; gap: 8px; justify-self: end;">
                  
                  <span data-dc-tpl="86" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-text);"><span class="sc-interp">#f8d974</span></span>
                </span>
                <span data-dc-tpl="87" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-muted); justify-self: end; min-width: 34px; text-align: right;"><span class="sc-interp">9</span></span>
              </button>
            
              <button data-dc-tpl="77" class="scp1" style="display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; width: 100%; padding: 11px 16px; border-top-width: medium; border-right-width: medium; border-bottom: 1px solid var(--app-border); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; cursor: pointer; text-align: left; transition: background 0.15s; background: none;">
                <span data-dc-tpl="78" style="display: flex; align-items: center; gap: 11px; min-width: 0px;">
                  <span data-dc-tpl="79" style="width: 20px; height: 20px; border-radius: 6px; flex-shrink: 0; border: 1px solid var(--app-border); background: rgb(224, 224, 222);"></span>
                  <span data-dc-tpl="80" style="display: flex; flex-direction: column; gap: 2px; min-width: 0px;">
                    <span data-dc-tpl="81" style="font-family: var(--font-jetbrains); font-size: 0.78rem; color: var(--app-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">--app-text</span></span>
                    <span data-dc-tpl="82" style="font-size: 0.68rem; color: var(--app-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Primary text</span></span>
                  </span>
                </span>
                <span data-dc-tpl="83" style="display: flex; align-items: center; gap: 8px; justify-self: end;">
                  
                  <span data-dc-tpl="86" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-text);"><span class="sc-interp">#e0e0de</span></span>
                </span>
                <span data-dc-tpl="87" style="font-family: var(--font-jetbrains); font-size: 0.74rem; color: var(--app-muted); justify-self: end; min-width: 34px; text-align: right;"><span class="sc-interp">120</span></span>
              </button>
            
          </div>

          
          <div data-dc-tpl="88" style="position: sticky; top: 80px; border: 1px solid color-mix(in srgb,var(--app-warn) 40%,transparent); border-radius: var(--app-radius); background: color-mix(in srgb,var(--app-surface) 70%,transparent); backdrop-filter: blur(18px); overflow: hidden;">
            <div data-dc-tpl="89" style="padding: 16px 18px; border-bottom: 1px solid var(--app-border); display: flex; align-items: center; justify-content: space-between; gap: 8px;">
              <span data-dc-tpl="90" style="font-family: var(--font-jetbrains); font-size: 0.82rem; color: var(--app-text); word-break: break-all;"><span class="sc-interp">--app-alert</span></span>
              <span data-dc-tpl="91" style="font-family: var(--font-jetbrains); font-size: 0.56rem; letter-spacing: 0.1em; padding: 3px 8px; border-radius: 6px; background: color-mix(in srgb,var(--app-warn) 15%,transparent); color: var(--app-warn); border: 1px solid color-mix(in srgb,var(--app-warn) 40%,transparent);"><span class="sc-interp">MODELED</span></span>
            </div>
            <div data-dc-tpl="92" style="padding: 18px;">
              <div data-dc-tpl="93" style="font-size: 0.78rem; color: var(--app-muted); margin-bottom: 16px;"><span class="sc-interp">Alert / fail</span> \xB7 referenced by <span data-dc-tpl="94" style="color: var(--app-text); font-family: var(--font-jetbrains);"><span class="sc-interp">23</span></span> components</div>

              
                
                <div data-dc-tpl="96" style="font-family: var(--font-jetbrains); font-size: 0.58rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--app-muted); margin-bottom: 10px;">Resolved values \xB7 per mode</div>
                <div data-dc-tpl="97" style="display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px;">
                  <label data-dc-tpl="98" style="display: flex; align-items: center; gap: 12px; padding: 9px 11px; border: 1px solid var(--app-border); border-radius: 10px; background: var(--app-bg);">
                    <input data-dc-tpl="99" type="color" value="#ff5a7e" style="width: 34px; height: 34px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 7px; background: none; padding: 0px; cursor: pointer;">
                    <span data-dc-tpl="100" style="display: flex; flex-direction: column; gap: 1px; flex: 1 1 0%;">
                      <span data-dc-tpl="101" style="font-family: var(--font-jetbrains); font-size: 0.56rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--app-muted);">Dark</span>
                      <span data-dc-tpl="102" style="font-family: var(--font-jetbrains); font-size: 0.82rem; color: var(--app-text);"><span class="sc-interp">#ff5a7e</span></span>
                    </span>
                  </label>
                  <label data-dc-tpl="103" style="display: flex; align-items: center; gap: 12px; padding: 9px 11px; border: 1px solid var(--app-border); border-radius: 10px; background: var(--app-bg);">
                    <input data-dc-tpl="104" type="color" value="#e04868" style="width: 34px; height: 34px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 7px; background: none; padding: 0px; cursor: pointer;">
                    <span data-dc-tpl="105" style="display: flex; flex-direction: column; gap: 1px; flex: 1 1 0%;">
                      <span data-dc-tpl="106" style="font-family: var(--font-jetbrains); font-size: 0.56rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--app-muted);">Light</span>
                      <span data-dc-tpl="107" style="font-family: var(--font-jetbrains); font-size: 0.82rem; color: var(--app-text);"><span class="sc-interp">#e04868</span></span>
                    </span>
                  </label>
                </div>

                
                <div data-dc-tpl="108" style="padding: 14px; border-radius: 10px; border: 1px solid color-mix(in srgb,var(--app-warn) 40%,transparent); background: color-mix(in srgb,var(--app-warn) 7%,transparent);">
                  <div data-dc-tpl="109" style="font-family: var(--font-jetbrains); font-size: 0.56rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--app-warn); margin-bottom: 10px;">Modeled \u2192 not yet published</div>
                  <div data-dc-tpl="110" style="display: flex; align-items: center; gap: 10px;">
                    <div data-dc-tpl="111" style="display: flex; flex-direction: column; gap: 5px; flex: 1 1 0%;">
                      <span data-dc-tpl="112" style="font-family: var(--font-jetbrains); font-size: 0.56rem; letter-spacing: 0.1em; color: var(--app-muted);">PUBLISHED</span>
                      <span data-dc-tpl="113" style="display: flex; align-items: center; gap: 7px;"><span data-dc-tpl="114" style="width: 16px; height: 16px; border-radius: 4px; border: 1px solid var(--app-border); background: rgb(244, 63, 108);"></span><span data-dc-tpl="115" style="font-family: var(--font-jetbrains); font-size: 0.72rem; color: var(--app-muted);"><span class="sc-interp">#f43f6c</span></span></span>
                    </div>
                    <svg data-dc-tpl="116" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--app-warn)" stroke-width="1.8"><path data-dc-tpl="117" d="M5 12h14M13 6l6 6-6 6"></path></svg>
                    <div data-dc-tpl="118" style="display: flex; flex-direction: column; gap: 5px; flex: 1 1 0%;">
                      <span data-dc-tpl="119" style="font-family: var(--font-jetbrains); font-size: 0.56rem; letter-spacing: 0.1em; color: var(--app-warn);">MODELED</span>
                      <span data-dc-tpl="120" style="display: flex; align-items: center; gap: 7px;"><span data-dc-tpl="121" style="width: 16px; height: 16px; border-radius: 4px; border: 1px solid color-mix(in srgb,var(--app-warn) 50%,transparent); background: rgb(255, 90, 126);"></span><span data-dc-tpl="122" style="font-family: var(--font-jetbrains); font-size: 0.72rem; color: var(--app-text);"><span class="sc-interp">#ff5a7e</span></span></span>
                    </div>
                  </div>
                  <div data-dc-tpl="123" style="margin-top: 11px; font-size: 0.72rem; color: var(--app-muted); display: flex; align-items: center; gap: 6px;">
                    <span data-dc-tpl="124" style="width: 7px; height: 7px; border-radius: 50%; background: var(--app-accent); box-shadow: 0 0 7px var(--app-accent); animation: 1.4s ease-in-out 0s infinite normal none running ds-pulse;"></span>
                    Previewing live across <span class="sc-interp">23</span> components in this canvas
                  </div>
                </div>

                
                <div data-dc-tpl="125" style="margin-top: 16px;">
                  <div data-dc-tpl="126" style="display: flex; align-items: center; gap: 8px; margin-bottom: 9px; font-size: 0.72rem; color: var(--app-muted);">
                    <svg data-dc-tpl="127" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="var(--app-muted)" stroke-width="1.6"><path data-dc-tpl="128" d="M12 2a5 5 0 0 0-5 5v3H5v10h14V10h-2V7a5 5 0 0 0-5-5zM9 10V7a3 3 0 0 1 6 0v3"></path></svg>
                    Publishing rewrites the contract \u2014 hold to confirm.
                  </div>
                  <div data-dc-tpl="129" style="display: flex; gap: 9px;">
                    <button data-dc-tpl="130" class="scp2" style="height: 42px; padding: 0px 16px; border: 1px solid var(--app-border); border-radius: var(--app-radius-btn); background: none; color: var(--app-muted); font-family: var(--font-inter); font-weight: 600; font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer;">Revert</button>
                    <button data-dc-tpl="131" style="position: relative; flex: 1 1 0%; height: 42px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--app-radius-btn); background: color-mix(in srgb,var(--app-accent) 20%,var(--app-surface)); color: var(--app-accent); font-family: var(--font-inter); font-weight: 700; font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer; overflow: hidden;">
                      <span data-dc-tpl="132" style="position: absolute; left: 0px; top: 0px; bottom: 0px; width: 0%; background: var(--app-accent); transition: width 0.05s linear;"></span>
                      <span data-dc-tpl="133" style="position: relative; z-index: 1; color: var(--app-accent);"><span class="sc-interp">Hold to publish</span></span>
                    </button>
                  </div>
                </div>
              

              
            </div>
          </div>
        </div>
      </section>
      

      
      

      
      

      
      

      
      

      
      

      
      

      
      

      
      

      
      

      
      

    </div>`,finBookkeeping:`<div data-dc-tpl="67">
            
            

            
            

            
            

            
            
              <div data-dc-tpl="93">
                
                  <div data-dc-tpl="95" style="display: flex; gap: 10px; align-items: flex-start; padding: 11px 14px; margin-bottom: 16px; background: color-mix(in srgb, var(--app-warn) 8%, transparent); border-left: 3px solid var(--app-warn); border-radius: 0px 8px 8px 0px;">
                    <span data-dc-tpl="96" class="ms" style="font-size: 18px; color: var(--app-warn);">timeline</span>
                    <div data-dc-tpl="97">
                      <div data-dc-tpl="98" style="font-weight: 600; font-size: 13px;">Current period is projected</div>
                      <div data-dc-tpl="99" style="font-size: 12px; color: var(--app-ink-soft); margin-top: 1px;">June figures are modeled from 20 days of actuals + open invoices. Values marked <span data-dc-tpl="100" style="font-family: &quot;JetBrains Mono&quot;, monospace; color: var(--app-warn);">~</span> are estimates, not booked.</div>
                    </div>
                  </div>
                

                
                <div data-dc-tpl="101" style="display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px;">
                  
                    <div data-dc-tpl="103" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: 12px; padding: 16px; display: flex; flex-direction: column;">
                      <div data-dc-tpl="104" style="display: flex; align-items: center; justify-content: space-between;">
                        <span data-dc-tpl="105" style="font-size: 12px; font-weight: 600; color: var(--app-ink-soft);"><span class="sc-interp">Revenue MTD</span></span>
                        <span data-dc-tpl="106" class="ms" style="font-size: 17px; color: var(--app-accent);"><span class="sc-interp">trending_up</span></span>
                      </div>
                      <div data-dc-tpl="107" style="margin-top: 10px; display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap;">
                        <span data-dc-tpl="108" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 28px; font-weight: 700; letter-spacing: -0.01em; color: var(--app-ink);"><span class="sc-interp">~\u20AC18,400</span></span>
                        
                          <span data-dc-tpl="110" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-warn); border: 1px solid color-mix(in srgb,var(--app-warn) 35%,transparent); border-radius: 4px; padding: 1px 5px;"><span class="sc-interp">~ proj</span></span>
                        
                      </div>
                      <div data-dc-tpl="111" style="margin-top: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">Jun 2026 \xB7 +8.2% vs Mai</span></div>
                    </div>
                  
                    <div data-dc-tpl="103" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: 12px; padding: 16px; display: flex; flex-direction: column; box-shadow: inset 3px 0 0 var(--app-signal);">
                      <div data-dc-tpl="104" style="display: flex; align-items: center; justify-content: space-between;">
                        <span data-dc-tpl="105" style="font-size: 12px; font-weight: 600; color: var(--app-ink-soft);"><span class="sc-interp">Outstanding</span></span>
                        <span data-dc-tpl="106" class="ms" style="font-size: 17px; color: var(--app-signal);"><span class="sc-interp">schedule</span></span>
                      </div>
                      <div data-dc-tpl="107" style="margin-top: 10px; display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap;">
                        <span data-dc-tpl="108" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 28px; font-weight: 700; letter-spacing: -0.01em; color: var(--app-signal);"><span class="sc-interp">\u20AC6,200</span></span>
                        
                      </div>
                      <div data-dc-tpl="111" style="margin-top: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">3 unpaid \xB7 2 overdue</span></div>
                    </div>
                  
                    <div data-dc-tpl="103" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: 12px; padding: 16px; display: flex; flex-direction: column;">
                      <div data-dc-tpl="104" style="display: flex; align-items: center; justify-content: space-between;">
                        <span data-dc-tpl="105" style="font-size: 12px; font-weight: 600; color: var(--app-ink-soft);"><span class="sc-interp">Expenses MTD</span></span>
                        <span data-dc-tpl="106" class="ms" style="font-size: 17px; color: var(--app-ink-soft);"><span class="sc-interp">shopping_cart</span></span>
                      </div>
                      <div data-dc-tpl="107" style="margin-top: 10px; display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap;">
                        <span data-dc-tpl="108" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 28px; font-weight: 700; letter-spacing: -0.01em; color: var(--app-ink);"><span class="sc-interp">~\u20AC4,182</span></span>
                        
                          <span data-dc-tpl="110" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-warn); border: 1px solid color-mix(in srgb,var(--app-warn) 35%,transparent); border-radius: 4px; padding: 1px 5px;"><span class="sc-interp">~ proj</span></span>
                        
                      </div>
                      <div data-dc-tpl="111" style="margin-top: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">6 booked \xB7 1 receipt missing</span></div>
                    </div>
                  
                    <div data-dc-tpl="103" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: 12px; padding: 16px; display: flex; flex-direction: column; box-shadow: inset 3px 0 0 var(--app-success);">
                      <div data-dc-tpl="104" style="display: flex; align-items: center; justify-content: space-between;">
                        <span data-dc-tpl="105" style="font-size: 12px; font-weight: 600; color: var(--app-ink-soft);"><span class="sc-interp">Cash position</span></span>
                        <span data-dc-tpl="106" class="ms" style="font-size: 17px; color: var(--app-success);"><span class="sc-interp">account_balance_wallet</span></span>
                      </div>
                      <div data-dc-tpl="107" style="margin-top: 10px; display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap;">
                        <span data-dc-tpl="108" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 28px; font-weight: 700; letter-spacing: -0.01em; color: var(--app-ink);"><span class="sc-interp">\u20AC31,540</span></span>
                        
                      </div>
                      <div data-dc-tpl="111" style="margin-top: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">2 accounts \xB7 actual</span></div>
                    </div>
                  
                </div>

                
                <div data-dc-tpl="112" style="margin-top: 12px; display: grid; grid-template-columns: 1.55fr 1fr; gap: 12px;">
                  
                  <div data-dc-tpl="113" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: 12px; padding: 16px; display: flex; flex-direction: column;">
                    <div data-dc-tpl="114" style="display: flex; align-items: center; justify-content: space-between;">
                      <span data-dc-tpl="115" style="font-size: 13px; font-weight: 600;">Revenue vs Expenses</span>
                      <div data-dc-tpl="116" style="display: flex; align-items: center; gap: 14px; font-size: 11px; color: var(--app-ink-soft);">
                        <span data-dc-tpl="117" style="display: inline-flex; align-items: center; gap: 5px;"><span data-dc-tpl="118" style="width: 10px; height: 10px; border-radius: 2px; background: var(--app-accent);"></span>Revenue</span>
                        <span data-dc-tpl="119" style="display: inline-flex; align-items: center; gap: 5px;"><span data-dc-tpl="120" style="width: 10px; height: 10px; border-radius: 2px; background: var(--app-signal);"></span>Expenses</span>
                      </div>
                    </div>
                    <div data-dc-tpl="121" style="margin-top: 4px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);">last 6 months \xB7 \u20AC thousand</div>
                    <div data-dc-tpl="122" style="flex: 1 1 0%; display: flex; align-items: stretch; gap: 10px; height: 170px; margin-top: 14px; padding-top: 8px; border-top: 1px solid var(--app-rule-soft);">
                      
                        <div data-dc-tpl="124" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 6px;">
                          <div data-dc-tpl="125" style="flex: 1 1 0%; width: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 4px;">
                            <div data-dc-tpl="126" title="Revenue" style="width: 42%; height: 71%; border-radius: 3px 3px 0px 0px; background-image: none; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;"></div>
                            <div data-dc-tpl="127" title="Expenses" style="width: 42%; height: 19.5%; border-radius: 3px 3px 0px 0px; background-image: none; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;"></div>
                          </div>
                          <div data-dc-tpl="128" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">Jan</span></div>
                        </div>
                      
                        <div data-dc-tpl="124" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 6px;">
                          <div data-dc-tpl="125" style="flex: 1 1 0%; width: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 4px;">
                            <div data-dc-tpl="126" title="Revenue" style="width: 42%; height: 78%; border-radius: 3px 3px 0px 0px; background-image: none; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;"></div>
                            <div data-dc-tpl="127" title="Expenses" style="width: 42%; height: 20.5%; border-radius: 3px 3px 0px 0px; background-image: none; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;"></div>
                          </div>
                          <div data-dc-tpl="128" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">Feb</span></div>
                        </div>
                      
                        <div data-dc-tpl="124" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 6px;">
                          <div data-dc-tpl="125" style="flex: 1 1 0%; width: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 4px;">
                            <div data-dc-tpl="126" title="Revenue" style="width: 42%; height: 89%; border-radius: 3px 3px 0px 0px; background-image: none; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;"></div>
                            <div data-dc-tpl="127" title="Expenses" style="width: 42%; height: 23%; border-radius: 3px 3px 0px 0px; background-image: none; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;"></div>
                          </div>
                          <div data-dc-tpl="128" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">M\xE4r</span></div>
                        </div>
                      
                        <div data-dc-tpl="124" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 6px;">
                          <div data-dc-tpl="125" style="flex: 1 1 0%; width: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 4px;">
                            <div data-dc-tpl="126" title="Revenue" style="width: 42%; height: 82%; border-radius: 3px 3px 0px 0px; background-image: none; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;"></div>
                            <div data-dc-tpl="127" title="Expenses" style="width: 42%; height: 19%; border-radius: 3px 3px 0px 0px; background-image: none; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;"></div>
                          </div>
                          <div data-dc-tpl="128" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">Apr</span></div>
                        </div>
                      
                        <div data-dc-tpl="124" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 6px;">
                          <div data-dc-tpl="125" style="flex: 1 1 0%; width: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 4px;">
                            <div data-dc-tpl="126" title="Revenue" style="width: 42%; height: 96%; border-radius: 3px 3px 0px 0px; background-image: none; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;"></div>
                            <div data-dc-tpl="127" title="Expenses" style="width: 42%; height: 25.5%; border-radius: 3px 3px 0px 0px; background-image: none; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;"></div>
                          </div>
                          <div data-dc-tpl="128" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">Mai</span></div>
                        </div>
                      
                        <div data-dc-tpl="124" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 6px;">
                          <div data-dc-tpl="125" style="flex: 1 1 0%; width: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 4px;">
                            <div data-dc-tpl="126" title="Revenue" style="width: 42%; height: 92%; border-radius: 3px 3px 0px 0px; background-image: var(--hatch); background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border: 1.5px dashed var(--app-accent);"></div>
                            <div data-dc-tpl="127" title="Expenses" style="width: 42%; height: 20.9%; border-radius: 3px 3px 0px 0px; background-image: var(--hatch); background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border: 1.5px dashed var(--app-signal);"></div>
                          </div>
                          <div data-dc-tpl="128" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-warn);"><span class="sc-interp">Jun</span></div>
                        </div>
                      
                    </div>
                  </div>

                  
                  <div data-dc-tpl="129" style="background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: 12px; padding: 18px; display: flex; flex-direction: column;">
                    <div data-dc-tpl="130" style="display: flex; align-items: center; justify-content: space-between;">
                      <span data-dc-tpl="131" style="font-size: 13px; font-weight: 600;">E\xDCR at a glance</span>
                      <span data-dc-tpl="132" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);">Jun 2026</span>
                    </div>
                    <div data-dc-tpl="133" style="margin-top: 16px; display: flex; flex-direction: column; gap: 10px;">
                      <div data-dc-tpl="134" style="display: flex; align-items: center; justify-content: space-between;">
                        <span data-dc-tpl="135" style="font-size: 12px; color: var(--app-ink-soft); display: inline-flex; align-items: center; gap: 6px;"><span data-dc-tpl="136" class="ms" style="font-size: 15px; color: var(--app-success);">add</span>Einnahmen</span>
                        <span data-dc-tpl="137" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 14px; color: var(--app-success);"><span class="sc-interp">\u20AC18,400</span></span>
                      </div>
                      <div data-dc-tpl="138" style="display: flex; align-items: center; justify-content: space-between;">
                        <span data-dc-tpl="139" style="font-size: 12px; color: var(--app-ink-soft); display: inline-flex; align-items: center; gap: 6px;"><span data-dc-tpl="140" class="ms" style="font-size: 15px; color: var(--app-signal);">remove</span>Ausgaben</span>
                        <span data-dc-tpl="141" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 14px; color: var(--app-signal);"><span class="sc-interp">\u20AC4,182</span></span>
                      </div>
                      <div data-dc-tpl="142" style="height: 1px; background: var(--app-rule);"></div>
                    </div>
                    <div data-dc-tpl="143" style="margin-top: 14px;">
                      <div data-dc-tpl="144" style="font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--app-ink-faint);">\xDCberschuss (Ergebnis)</div>
                      <div data-dc-tpl="145" style="display: flex; align-items: baseline; gap: 8px; margin-top: 4px;">
                        <span data-dc-tpl="146" style="font-family: Montserrat, sans-serif; font-weight: 800; font-size: 34px; letter-spacing: -0.02em; color: var(--app-ink);"><span class="sc-interp">\u20AC14,218</span></span>
                        
                          <span data-dc-tpl="148" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-warn); border: 1px solid color-mix(in srgb,var(--app-warn) 35%,transparent); border-radius: 4px; padding: 1px 5px;">~ proj</span>
                        
                      </div>
                    </div>
                    <button data-dc-tpl="149" class="scp4" style="margin-top: auto; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 34px; background: transparent; color: var(--app-accent); border: 1px solid color-mix(in srgb,var(--app-accent) 40%,transparent); border-radius: 8px; font-weight: 600; font-size: 12px; cursor: pointer;">
                      <span data-dc-tpl="150" class="ms" style="font-size: 15px;">summarize</span>Open E\xDCR report
                    </button>
                  </div>
                </div>
              </div>
            
          </div>`,finClients:`<div data-dc-tpl="334" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px;">
              
                <div data-dc-tpl="336" class="scp1" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 16px; cursor: pointer; transition: border-color 0.12s;">
                  <div data-dc-tpl="337" style="display: flex; align-items: flex-start; gap: 12px;">
                    <div data-dc-tpl="338" style="width: 40px; height: 40px; flex: 0 0 40px; border-radius: var(--app-radius-sm); background: var(--app-accent-dim); color: var(--app-accent); display: grid; place-items: center; font-weight: 700; font-size: 14px; font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">NL</span></div>
                    <div data-dc-tpl="339" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="340" style="font-size: 14px; font-weight: 600; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Nordwind Logistik AG</span></div>
                      <div data-dc-tpl="341" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">cl-08</span></div>
                    </div>
                    <span data-dc-tpl="342" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="343" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Active</span></span>
                  </div>
                  <div data-dc-tpl="344" style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px;">
                    <div data-dc-tpl="345"><div data-dc-tpl="346" style="font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--app-ink-faint);">Billed total</div><div data-dc-tpl="347" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 16px; color: var(--app-ink); margin-top: 2px;"><span class="sc-interp">\u20AC38,900</span></div></div>
                    <div data-dc-tpl="348"><div data-dc-tpl="349" style="font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--app-ink-faint);">MRR</div><div data-dc-tpl="350" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 16px; color: var(--app-ink); margin-top: 2px;"><span class="sc-interp">\u20AC0</span></div></div>
                  </div>
                  <div data-dc-tpl="351" style="display: flex; justify-content: space-between; align-items: center; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--app-rule-soft);">
                    <span data-dc-tpl="352" style="font-size: 11px; color: var(--app-ink-soft);">Last invoice <span data-dc-tpl="353" style="font-family: &quot;JetBrains Mono&quot;, monospace; color: var(--app-ink);"><span class="sc-interp">2026-06-15</span></span></span>
                    <span data-dc-tpl="354" style="font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">14</span> invoices</span>
                  </div>
                </div>
              
                <div data-dc-tpl="336" class="scp1" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 16px; cursor: pointer; transition: border-color 0.12s;">
                  <div data-dc-tpl="337" style="display: flex; align-items: flex-start; gap: 12px;">
                    <div data-dc-tpl="338" style="width: 40px; height: 40px; flex: 0 0 40px; border-radius: var(--app-radius-sm); background: var(--app-accent-dim); color: var(--app-accent); display: grid; place-items: center; font-weight: 700; font-size: 14px; font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">KG</span></div>
                    <div data-dc-tpl="339" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="340" style="font-size: 14px; font-weight: 600; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Kunde GmbH</span></div>
                      <div data-dc-tpl="341" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">cl-12</span></div>
                    </div>
                    <span data-dc-tpl="342" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="343" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Active</span></span>
                  </div>
                  <div data-dc-tpl="344" style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px;">
                    <div data-dc-tpl="345"><div data-dc-tpl="346" style="font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--app-ink-faint);">Billed total</div><div data-dc-tpl="347" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 16px; color: var(--app-ink); margin-top: 2px;"><span class="sc-interp">\u20AC24,300</span></div></div>
                    <div data-dc-tpl="348"><div data-dc-tpl="349" style="font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--app-ink-faint);">MRR</div><div data-dc-tpl="350" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 16px; color: var(--app-ink); margin-top: 2px;"><span class="sc-interp">\u20AC2,100</span></div></div>
                  </div>
                  <div data-dc-tpl="351" style="display: flex; justify-content: space-between; align-items: center; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--app-rule-soft);">
                    <span data-dc-tpl="352" style="font-size: 11px; color: var(--app-ink-soft);">Last invoice <span data-dc-tpl="353" style="font-family: &quot;JetBrains Mono&quot;, monospace; color: var(--app-ink);"><span class="sc-interp">2026-06-20</span></span></span>
                    <span data-dc-tpl="354" style="font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">11</span> invoices</span>
                  </div>
                </div>
              
                <div data-dc-tpl="336" class="scp1" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 16px; cursor: pointer; transition: border-color 0.12s;">
                  <div data-dc-tpl="337" style="display: flex; align-items: flex-start; gap: 12px;">
                    <div data-dc-tpl="338" style="width: 40px; height: 40px; flex: 0 0 40px; border-radius: var(--app-radius-sm); background: var(--app-accent-dim); color: var(--app-accent); display: grid; place-items: center; font-weight: 700; font-size: 14px; font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">HE</span></div>
                    <div data-dc-tpl="339" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="340" style="font-size: 14px; font-weight: 600; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Helios Energie GmbH</span></div>
                      <div data-dc-tpl="341" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">cl-15</span></div>
                    </div>
                    <span data-dc-tpl="342" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn); border: 1px solid color-mix(in srgb, var(--app-warn) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="343" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-warn);"></span><span class="sc-interp">At risk</span></span>
                  </div>
                  <div data-dc-tpl="344" style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px;">
                    <div data-dc-tpl="345"><div data-dc-tpl="346" style="font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--app-ink-faint);">Billed total</div><div data-dc-tpl="347" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 16px; color: var(--app-ink); margin-top: 2px;"><span class="sc-interp">\u20AC12,480</span></div></div>
                    <div data-dc-tpl="348"><div data-dc-tpl="349" style="font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--app-ink-faint);">MRR</div><div data-dc-tpl="350" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 16px; color: var(--app-ink); margin-top: 2px;"><span class="sc-interp">\u20AC0</span></div></div>
                  </div>
                  <div data-dc-tpl="351" style="display: flex; justify-content: space-between; align-items: center; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--app-rule-soft);">
                    <span data-dc-tpl="352" style="font-size: 11px; color: var(--app-ink-soft);">Last invoice <span data-dc-tpl="353" style="font-family: &quot;JetBrains Mono&quot;, monospace; color: var(--app-ink);"><span class="sc-interp">2026-06-01</span></span></span>
                    <span data-dc-tpl="354" style="font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">3</span> invoices</span>
                  </div>
                </div>
              
                <div data-dc-tpl="336" class="scp1" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 16px; cursor: pointer; transition: border-color 0.12s;">
                  <div data-dc-tpl="337" style="display: flex; align-items: flex-start; gap: 12px;">
                    <div data-dc-tpl="338" style="width: 40px; height: 40px; flex: 0 0 40px; border-radius: var(--app-radius-sm); background: var(--app-accent-dim); color: var(--app-accent); display: grid; place-items: center; font-weight: 700; font-size: 14px; font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">MP</span></div>
                    <div data-dc-tpl="339" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="340" style="font-size: 14px; font-weight: 600; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">M\xFCller &amp; Partner Steuerberatung mbH</span></div>
                      <div data-dc-tpl="341" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">cl-19</span></div>
                    </div>
                    <span data-dc-tpl="342" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="343" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Active</span></span>
                  </div>
                  <div data-dc-tpl="344" style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px;">
                    <div data-dc-tpl="345"><div data-dc-tpl="346" style="font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--app-ink-faint);">Billed total</div><div data-dc-tpl="347" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 16px; color: var(--app-ink); margin-top: 2px;"><span class="sc-interp">\u20AC9,520</span></div></div>
                    <div data-dc-tpl="348"><div data-dc-tpl="349" style="font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--app-ink-faint);">MRR</div><div data-dc-tpl="350" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 16px; color: var(--app-ink); margin-top: 2px;"><span class="sc-interp">\u20AC680</span></div></div>
                  </div>
                  <div data-dc-tpl="351" style="display: flex; justify-content: space-between; align-items: center; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--app-rule-soft);">
                    <span data-dc-tpl="352" style="font-size: 11px; color: var(--app-ink-soft);">Last invoice <span data-dc-tpl="353" style="font-family: &quot;JetBrains Mono&quot;, monospace; color: var(--app-ink);"><span class="sc-interp">2026-06-25</span></span></span>
                    <span data-dc-tpl="354" style="font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">7</span> invoices</span>
                  </div>
                </div>
              
                <div data-dc-tpl="336" class="scp1" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 16px; cursor: pointer; transition: border-color 0.12s;">
                  <div data-dc-tpl="337" style="display: flex; align-items: flex-start; gap: 12px;">
                    <div data-dc-tpl="338" style="width: 40px; height: 40px; flex: 0 0 40px; border-radius: var(--app-radius-sm); background: var(--app-accent-dim); color: var(--app-accent); display: grid; place-items: center; font-weight: 700; font-size: 14px; font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">SX</span></div>
                    <div data-dc-tpl="339" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="340" style="font-size: 14px; font-weight: 600; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Startup XYZ UG</span></div>
                      <div data-dc-tpl="341" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">cl-21</span></div>
                    </div>
                    <span data-dc-tpl="342" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="343" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Active</span></span>
                  </div>
                  <div data-dc-tpl="344" style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px;">
                    <div data-dc-tpl="345"><div data-dc-tpl="346" style="font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--app-ink-faint);">Billed total</div><div data-dc-tpl="347" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 16px; color: var(--app-ink); margin-top: 2px;"><span class="sc-interp">\u20AC1,120</span></div></div>
                    <div data-dc-tpl="348"><div data-dc-tpl="349" style="font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--app-ink-faint);">MRR</div><div data-dc-tpl="350" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 16px; color: var(--app-ink); margin-top: 2px;"><span class="sc-interp">\u20AC560</span></div></div>
                  </div>
                  <div data-dc-tpl="351" style="display: flex; justify-content: space-between; align-items: center; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--app-rule-soft);">
                    <span data-dc-tpl="352" style="font-size: 11px; color: var(--app-ink-soft);">Last invoice <span data-dc-tpl="353" style="font-family: &quot;JetBrains Mono&quot;, monospace; color: var(--app-ink);"><span class="sc-interp">2026-06-29</span></span></span>
                    <span data-dc-tpl="354" style="font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">2</span> invoices</span>
                  </div>
                </div>
              
                <div data-dc-tpl="336" class="scp1" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 16px; cursor: pointer; transition: border-color 0.12s;">
                  <div data-dc-tpl="337" style="display: flex; align-items: flex-start; gap: 12px;">
                    <div data-dc-tpl="338" style="width: 40px; height: 40px; flex: 0 0 40px; border-radius: var(--app-radius-sm); background: var(--app-accent-dim); color: var(--app-accent); display: grid; place-items: center; font-weight: 700; font-size: 14px; font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">AK</span></div>
                    <div data-dc-tpl="339" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="340" style="font-size: 14px; font-weight: 600; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Altkunde e.K.</span></div>
                      <div data-dc-tpl="341" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">cl-04</span></div>
                    </div>
                    <span data-dc-tpl="342" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-ink-faint) 15%, transparent); color: var(--app-ink-faint); border: 1px solid color-mix(in srgb, var(--app-ink-faint) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="343" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-ink-faint);"></span><span class="sc-interp">Inactive</span></span>
                  </div>
                  <div data-dc-tpl="344" style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px;">
                    <div data-dc-tpl="345"><div data-dc-tpl="346" style="font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--app-ink-faint);">Billed total</div><div data-dc-tpl="347" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 16px; color: var(--app-ink); margin-top: 2px;"><span class="sc-interp">\u20AC54,200</span></div></div>
                    <div data-dc-tpl="348"><div data-dc-tpl="349" style="font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--app-ink-faint);">MRR</div><div data-dc-tpl="350" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 16px; color: var(--app-ink); margin-top: 2px;"><span class="sc-interp">\u20AC0</span></div></div>
                  </div>
                  <div data-dc-tpl="351" style="display: flex; justify-content: space-between; align-items: center; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--app-rule-soft);">
                    <span data-dc-tpl="352" style="font-size: 11px; color: var(--app-ink-soft);">Last invoice <span data-dc-tpl="353" style="font-family: &quot;JetBrains Mono&quot;, monospace; color: var(--app-ink);"><span class="sc-interp">2025-11-30</span></span></span>
                    <span data-dc-tpl="354" style="font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">38</span> invoices</span>
                  </div>
                </div>
              
            </div>`,finCredits:`<div data-dc-tpl="518" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden;">
              <div data-dc-tpl="519" style="overflow-x: auto;"><table data-dc-tpl="520" style="width: 100%; border-collapse: collapse; min-width: 640px;">
                <thead data-dc-tpl="521"><tr data-dc-tpl="522" style="background: var(--app-bg);">
                  <th data-dc-tpl="523" style="text-align: left; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Credit note</th>
                  <th data-dc-tpl="524" style="text-align: left; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Client</th>
                  <th data-dc-tpl="525" style="text-align: left; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Date</th>
                  <th data-dc-tpl="526" style="text-align: left; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Against</th>
                  <th data-dc-tpl="527" style="text-align: left; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Reason</th>
                  <th data-dc-tpl="528" style="text-align: right; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Amount</th>
                  <th data-dc-tpl="529" style="text-align: left; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Status</th>
                </tr></thead>
                <tbody data-dc-tpl="530">
                  
                    <tr data-dc-tpl="532" class="scp0">
                      <td data-dc-tpl="533" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink);"><span class="sc-interp">CN-2026-003</span></td>
                      <td data-dc-tpl="534" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 13px; color: var(--app-ink);"><span class="sc-interp">Nordwind Logistik AG</span></td>
                      <td data-dc-tpl="535" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-06-10</span></td>
                      <td data-dc-tpl="536" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">INV-2026-041</span></td>
                      <td data-dc-tpl="537" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">Partial re-delivery</span></td>
                      <td data-dc-tpl="538" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; color: var(--app-signal);"><span class="sc-interp">\u2212\u20AC240.00</span></td>
                      <td data-dc-tpl="539" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="540" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-accent) 15%, transparent); color: var(--app-accent); border: 1px solid color-mix(in srgb, var(--app-accent) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="541" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-accent);"></span><span class="sc-interp">Issued</span></span></td>
                    </tr>
                  
                    <tr data-dc-tpl="532" class="scp0">
                      <td data-dc-tpl="533" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink);"><span class="sc-interp">CN-2026-002</span></td>
                      <td data-dc-tpl="534" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 13px; color: var(--app-ink);"><span class="sc-interp">Kunde GmbH</span></td>
                      <td data-dc-tpl="535" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-05-22</span></td>
                      <td data-dc-tpl="536" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">INV-2026-039</span></td>
                      <td data-dc-tpl="537" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">Goodwill discount</span></td>
                      <td data-dc-tpl="538" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; color: var(--app-signal);"><span class="sc-interp">\u2212\u20AC120.00</span></td>
                      <td data-dc-tpl="539" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="540" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="541" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Applied</span></span></td>
                    </tr>
                  
                </tbody>
              </table></div>
            </div>`,finExpenses:`<div data-dc-tpl="412" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden;">
              <div data-dc-tpl="413" style="display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--app-rule);">
                <span data-dc-tpl="414" style="font-size: 13px; font-weight: 600; color: var(--app-ink);">June 2026 \xB7 capture ledger</span>
                <span data-dc-tpl="415" style="font-size: 11px; color: var(--app-warn); display: flex; align-items: center; gap: 5px;"><span data-dc-tpl="416" class="material-symbols-outlined" style="font-size: 15px;">warning</span>1 entry missing a receipt</span>
              </div>
              <div data-dc-tpl="417" style="overflow-x: auto;">
                <table data-dc-tpl="418" style="width: 100%; border-collapse: collapse; min-width: 680px;">
                  <thead data-dc-tpl="419"><tr data-dc-tpl="420" style="background: var(--app-bg);">
                    <th data-dc-tpl="421" style="text-align: left; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Date</th>
                    <th data-dc-tpl="422" style="text-align: left; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Vendor</th>
                    <th data-dc-tpl="423" style="text-align: left; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Category</th>
                    <th data-dc-tpl="424" style="text-align: right; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Amount</th>
                    <th data-dc-tpl="425" style="text-align: center; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">VAT</th>
                    <th data-dc-tpl="426" style="text-align: left; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Receipt</th>
                  </tr></thead>
                  <tbody data-dc-tpl="427">
                    
                      <tr data-dc-tpl="429" class="scp0">
                        <td data-dc-tpl="430" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-06-02</span></td>
                        <td data-dc-tpl="431" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 13px; color: var(--app-ink);"><span class="sc-interp">Amazon Web Services</span></td>
                        <td data-dc-tpl="432" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">Betriebskosten</span></td>
                        <td data-dc-tpl="433" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; color: var(--app-ink);"><span class="sc-interp">\u20AC1,240.00</span></td>
                        <td data-dc-tpl="434" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: center; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">19%</span></td>
                        <td data-dc-tpl="435" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="436" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="437" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Receipt</span></span></td>
                      </tr>
                    
                      <tr data-dc-tpl="429" class="scp0">
                        <td data-dc-tpl="430" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-06-05</span></td>
                        <td data-dc-tpl="431" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 13px; color: var(--app-ink);"><span class="sc-interp">B\xFCromiete Q2</span></td>
                        <td data-dc-tpl="432" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">Raumkosten</span></td>
                        <td data-dc-tpl="433" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; color: var(--app-ink);"><span class="sc-interp">\u20AC1,450.00</span></td>
                        <td data-dc-tpl="434" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: center; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">0%</span></td>
                        <td data-dc-tpl="435" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="436" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="437" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Receipt</span></span></td>
                      </tr>
                    
                      <tr data-dc-tpl="429" class="scp0">
                        <td data-dc-tpl="430" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-06-12</span></td>
                        <td data-dc-tpl="431" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 13px; color: var(--app-ink);"><span class="sc-interp">Software-Lizenzen</span></td>
                        <td data-dc-tpl="432" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">Betriebskosten</span></td>
                        <td data-dc-tpl="433" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; color: var(--app-ink);"><span class="sc-interp">\u20AC389.00</span></td>
                        <td data-dc-tpl="434" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: center; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">19%</span></td>
                        <td data-dc-tpl="435" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="436" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="437" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Receipt</span></span></td>
                      </tr>
                    
                      <tr data-dc-tpl="429" class="scp0">
                        <td data-dc-tpl="430" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-06-18</span></td>
                        <td data-dc-tpl="431" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 13px; color: var(--app-ink);"><span class="sc-interp">Fachliteratur Verlag</span></td>
                        <td data-dc-tpl="432" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">Fortbildung</span></td>
                        <td data-dc-tpl="433" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; color: var(--app-ink);"><span class="sc-interp">\u20AC78.50</span></td>
                        <td data-dc-tpl="434" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: center; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">7%</span></td>
                        <td data-dc-tpl="435" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="436" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn); border: 1px solid color-mix(in srgb, var(--app-warn) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="437" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-warn);"></span><span class="sc-interp">No receipt</span></span></td>
                      </tr>
                    
                      <tr data-dc-tpl="429" class="scp0">
                        <td data-dc-tpl="430" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-06-22</span></td>
                        <td data-dc-tpl="431" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 13px; color: var(--app-ink);"><span class="sc-interp">Bewirtung Kunde GmbH</span></td>
                        <td data-dc-tpl="432" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">Bewirtungskosten</span></td>
                        <td data-dc-tpl="433" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; color: var(--app-ink);"><span class="sc-interp">\u20AC124.80</span></td>
                        <td data-dc-tpl="434" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: center; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">19%</span></td>
                        <td data-dc-tpl="435" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="436" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="437" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Receipt</span></span></td>
                      </tr>
                    
                      <tr data-dc-tpl="429" class="scp0">
                        <td data-dc-tpl="430" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-06-28</span></td>
                        <td data-dc-tpl="431" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 13px; color: var(--app-ink);"><span class="sc-interp">DB Fernverkehr</span></td>
                        <td data-dc-tpl="432" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">Reisekosten</span></td>
                        <td data-dc-tpl="433" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; color: var(--app-ink);"><span class="sc-interp">\u20AC89.90</span></td>
                        <td data-dc-tpl="434" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: center; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">7%</span></td>
                        <td data-dc-tpl="435" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="436" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="437" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Receipt</span></span></td>
                      </tr>
                    
                      <tr data-dc-tpl="429" class="scp0">
                        <td data-dc-tpl="430" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-06-30</span></td>
                        <td data-dc-tpl="431" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 13px; color: var(--app-ink);"><span class="sc-interp">Steuerkanzlei Berg</span></td>
                        <td data-dc-tpl="432" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">Rechts- &amp; Beratungskosten</span></td>
                        <td data-dc-tpl="433" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; color: var(--app-ink);"><span class="sc-interp">\u20AC820.00</span></td>
                        <td data-dc-tpl="434" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: center; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">19%</span></td>
                        <td data-dc-tpl="435" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="436" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="437" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Receipt</span></span></td>
                      </tr>
                    
                  </tbody>
                </table>
              </div>
              <div data-dc-tpl="438" style="display: flex; justify-content: space-between; align-items: center; padding: 11px 16px; border-top: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span data-dc-tpl="439">7 entries</span><span data-dc-tpl="440">Total <span data-dc-tpl="441" style="font-family: &quot;JetBrains Mono&quot;, monospace; color: var(--app-ink); font-weight: 500;">\u20AC4,182.20</span></span></div>
            </div>`,finInvoices:`<div data-dc-tpl="202" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden;">
              <div data-dc-tpl="203" style="display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule);">
                <div data-dc-tpl="204" style="display: flex; align-items: center; gap: 8px; height: 30px; padding: 0px 10px; background: var(--app-bg); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-faint); flex: 1 1 0%; max-width: 280px;">
                  <span data-dc-tpl="205" class="material-symbols-outlined" style="font-size: 16px;">search</span><span data-dc-tpl="206" style="font-size: 12px;">Filter by number or client\u2026</span>
                </div>
                <div data-dc-tpl="207" style="display: flex; gap: 6px;">
                  <span data-dc-tpl="208" style="font-size: 11px; font-weight: 600; padding: 5px 10px; border-radius: var(--app-radius-sm); background: var(--app-accent-dim); color: var(--app-accent); cursor: pointer;">All 6</span>
                  <span data-dc-tpl="209" style="font-size: 11px; font-weight: 500; padding: 5px 10px; border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">Overdue 2</span>
                  <span data-dc-tpl="210" style="font-size: 11px; font-weight: 500; padding: 5px 10px; border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">Draft 1</span>
                </div>
              </div>
              <div data-dc-tpl="211" style="overflow-x: auto;">
                <table data-dc-tpl="212" role="table" style="width: 100%; border-collapse: collapse; min-width: 720px;">
                  <thead data-dc-tpl="213">
                    <tr data-dc-tpl="214" style="background: var(--app-bg);">
                      <th data-dc-tpl="215" style="text-align: left; font-size: 10.5px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Number</th>
                      <th data-dc-tpl="216" style="text-align: left; font-size: 10.5px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Client</th>
                      <th data-dc-tpl="217" style="text-align: left; font-size: 10.5px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Issued</th>
                      <th data-dc-tpl="218" style="text-align: left; font-size: 10.5px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Due</th>
                      <th data-dc-tpl="219" style="text-align: right; font-size: 10.5px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Amount</th>
                      <th data-dc-tpl="220" style="text-align: center; font-size: 10.5px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">VAT</th>
                      <th data-dc-tpl="221" style="text-align: left; font-size: 10.5px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Status</th>
                      <th data-dc-tpl="222" style="width: 36px;"></th>
                    </tr>
                  </thead>
                  <tbody data-dc-tpl="223">
                    
                      <tr data-dc-tpl="225" role="row" tabindex="0" class="scp0" style="cursor: pointer; background: color-mix(in srgb, var(--app-fail) 5%, transparent);">
                        <td data-dc-tpl="226" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); border-left: 3px solid var(--app-fail);"><span data-dc-tpl="227" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink);"><span class="sc-interp">INV-2026-042</span></span></td>
                        <td data-dc-tpl="228" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); max-width: 220px;"><span data-dc-tpl="229" style="font-size: 13px; color: var(--app-ink); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Helios Energie GmbH</span></span></td>
                        <td data-dc-tpl="230" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="231" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-06-01</span></span></td>
                        <td data-dc-tpl="232" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="233" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-fail); font-weight: 500;"><span class="sc-interp">2026-06-15</span></span><div data-dc-tpl="234" style="font-size: 10px; color: var(--app-fail);"><span class="sc-interp">16 days overdue</span></div></td>
                        <td data-dc-tpl="235" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right;"><span data-dc-tpl="236" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">\u20AC12,480.50</span></span></td>
                        <td data-dc-tpl="237" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: center;"><span data-dc-tpl="238" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">19%</span></span></td>
                        <td data-dc-tpl="239" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail); border: 1px solid color-mix(in srgb, var(--app-fail) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="241" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-fail);"></span><span class="sc-interp">Overdue</span></span></td>
                        <td data-dc-tpl="242" style="padding: 11px 8px; border-bottom: 1px solid var(--app-rule); text-align: center;"><span data-dc-tpl="243" class="material-symbols-outlined" style="font-size: 16px; color: var(--app-ink-faint);">chevron_right</span></td>
                      </tr>
                    
                      <tr data-dc-tpl="225" role="row" tabindex="0" class="scp0" style="cursor: pointer; background: color-mix(in srgb, var(--app-fail) 5%, transparent);">
                        <td data-dc-tpl="226" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); border-left: 3px solid var(--app-fail);"><span data-dc-tpl="227" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink);"><span class="sc-interp">INV-2026-044</span></span></td>
                        <td data-dc-tpl="228" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); max-width: 220px;"><span data-dc-tpl="229" style="font-size: 13px; color: var(--app-ink); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Kunde GmbH</span></span></td>
                        <td data-dc-tpl="230" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="231" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-06-20</span></span></td>
                        <td data-dc-tpl="232" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="233" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-fail); font-weight: 500;"><span class="sc-interp">2026-07-04</span></span><div data-dc-tpl="234" style="font-size: 10px; color: var(--app-fail);"><span class="sc-interp">2 days overdue</span></div></td>
                        <td data-dc-tpl="235" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right;"><span data-dc-tpl="236" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">\u20AC2,100.00</span></span></td>
                        <td data-dc-tpl="237" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: center;"><span data-dc-tpl="238" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">19%</span></span></td>
                        <td data-dc-tpl="239" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail); border: 1px solid color-mix(in srgb, var(--app-fail) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="241" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-fail);"></span><span class="sc-interp">Overdue</span></span></td>
                        <td data-dc-tpl="242" style="padding: 11px 8px; border-bottom: 1px solid var(--app-rule); text-align: center;"><span data-dc-tpl="243" class="material-symbols-outlined" style="font-size: 16px; color: var(--app-ink-faint);">chevron_right</span></td>
                      </tr>
                    
                      <tr data-dc-tpl="225" role="row" tabindex="0" class="scp0" style="cursor: pointer;">
                        <td data-dc-tpl="226" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); border-left: 3px solid transparent;"><span data-dc-tpl="227" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink);"><span class="sc-interp">INV-2026-045</span></span></td>
                        <td data-dc-tpl="228" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); max-width: 220px;"><span data-dc-tpl="229" style="font-size: 13px; color: var(--app-ink); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">M\xFCller &amp; Partner Steuerberatung mbH</span></span></td>
                        <td data-dc-tpl="230" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="231" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-06-25</span></span></td>
                        <td data-dc-tpl="232" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="233" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-07-09</span></span><div data-dc-tpl="234" style="font-size: 10px; color: var(--app-fail);"><span class="sc-interp"></span></div></td>
                        <td data-dc-tpl="235" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right;"><span data-dc-tpl="236" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">\u20AC4,760.00</span></span></td>
                        <td data-dc-tpl="237" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: center;"><span data-dc-tpl="238" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">19%</span></span></td>
                        <td data-dc-tpl="239" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-accent) 15%, transparent); color: var(--app-accent); border: 1px solid color-mix(in srgb, var(--app-accent) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="241" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-accent);"></span><span class="sc-interp">Sent</span></span></td>
                        <td data-dc-tpl="242" style="padding: 11px 8px; border-bottom: 1px solid var(--app-rule); text-align: center;"><span data-dc-tpl="243" class="material-symbols-outlined" style="font-size: 16px; color: var(--app-ink-faint);">chevron_right</span></td>
                      </tr>
                    
                      <tr data-dc-tpl="225" role="row" tabindex="0" class="scp0" style="cursor: pointer;">
                        <td data-dc-tpl="226" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); border-left: 3px solid transparent;"><span data-dc-tpl="227" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink);"><span class="sc-interp">INV-2026-047</span></span></td>
                        <td data-dc-tpl="228" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); max-width: 220px;"><span data-dc-tpl="229" style="font-size: 13px; color: var(--app-ink); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Startup XYZ UG (haftungsbeschr\xE4nkt)</span></span></td>
                        <td data-dc-tpl="230" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="231" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-06-29</span></span></td>
                        <td data-dc-tpl="232" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="233" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-07-13</span></span><div data-dc-tpl="234" style="font-size: 10px; color: var(--app-fail);"><span class="sc-interp"></span></div></td>
                        <td data-dc-tpl="235" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right;"><span data-dc-tpl="236" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">\u20AC560.00</span></span></td>
                        <td data-dc-tpl="237" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: center;"><span data-dc-tpl="238" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">7%</span></span></td>
                        <td data-dc-tpl="239" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-accent) 15%, transparent); color: var(--app-accent); border: 1px solid color-mix(in srgb, var(--app-accent) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="241" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-accent);"></span><span class="sc-interp">Sent</span></span></td>
                        <td data-dc-tpl="242" style="padding: 11px 8px; border-bottom: 1px solid var(--app-rule); text-align: center;"><span data-dc-tpl="243" class="material-symbols-outlined" style="font-size: 16px; color: var(--app-ink-faint);">chevron_right</span></td>
                      </tr>
                    
                      <tr data-dc-tpl="225" role="row" tabindex="0" class="scp0" style="cursor: pointer;">
                        <td data-dc-tpl="226" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); border-left: 3px solid transparent;"><span data-dc-tpl="227" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink);"><span class="sc-interp">INV-2026-046</span></span></td>
                        <td data-dc-tpl="228" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); max-width: 220px;"><span data-dc-tpl="229" style="font-size: 13px; color: var(--app-ink); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Kunde GmbH</span></span></td>
                        <td data-dc-tpl="230" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="231" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-06-28</span></span></td>
                        <td data-dc-tpl="232" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="233" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-07-12</span></span><div data-dc-tpl="234" style="font-size: 10px; color: var(--app-fail);"><span class="sc-interp"></span></div></td>
                        <td data-dc-tpl="235" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right;"><span data-dc-tpl="236" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">\u20AC890.00</span></span></td>
                        <td data-dc-tpl="237" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: center;"><span data-dc-tpl="238" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">19%</span></span></td>
                        <td data-dc-tpl="239" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-ink-faint) 15%, transparent); color: var(--app-ink-faint); border: 1px solid color-mix(in srgb, var(--app-ink-faint) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="241" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-ink-faint);"></span><span class="sc-interp">Draft</span></span></td>
                        <td data-dc-tpl="242" style="padding: 11px 8px; border-bottom: 1px solid var(--app-rule); text-align: center;"><span data-dc-tpl="243" class="material-symbols-outlined" style="font-size: 16px; color: var(--app-ink-faint);">chevron_right</span></td>
                      </tr>
                    
                      <tr data-dc-tpl="225" role="row" tabindex="0" class="scp0" style="cursor: pointer;">
                        <td data-dc-tpl="226" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); border-left: 3px solid transparent;"><span data-dc-tpl="227" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink);"><span class="sc-interp">INV-2026-043</span></span></td>
                        <td data-dc-tpl="228" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); max-width: 220px;"><span data-dc-tpl="229" style="font-size: 13px; color: var(--app-ink); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Nordwind Logistik AG</span></span></td>
                        <td data-dc-tpl="230" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="231" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-06-15</span></span></td>
                        <td data-dc-tpl="232" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="233" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-06-29</span></span><div data-dc-tpl="234" style="font-size: 10px; color: var(--app-fail);"><span class="sc-interp"></span></div></td>
                        <td data-dc-tpl="235" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right;"><span data-dc-tpl="236" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">\u20AC1,240.00</span></span></td>
                        <td data-dc-tpl="237" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: center;"><span data-dc-tpl="238" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">19%</span></span></td>
                        <td data-dc-tpl="239" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="241" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Paid</span></span></td>
                        <td data-dc-tpl="242" style="padding: 11px 8px; border-bottom: 1px solid var(--app-rule); text-align: center;"><span data-dc-tpl="243" class="material-symbols-outlined" style="font-size: 16px; color: var(--app-ink-faint);">chevron_right</span></td>
                      </tr>
                    
                  </tbody>
                </table>
              </div>
              <div data-dc-tpl="244" style="display: flex; justify-content: space-between; align-items: center; padding: 11px 16px; border-top: 1px solid var(--app-rule); font-size: 11px; color: var(--app-ink-faint);">
                <span data-dc-tpl="245" style="font-family: &quot;JetBrains Mono&quot;, monospace;">6 invoices \xB7 \u20AC22,030.50 total</span>
                <span data-dc-tpl="246">Outstanding <span data-dc-tpl="247" style="font-family: &quot;JetBrains Mono&quot;, monospace; color: var(--app-warn);">\u20AC6,200.00</span></span>
              </div>
            </div>`,finSubs:`<div data-dc-tpl="490" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden;">
              <div data-dc-tpl="491" style="overflow-x: auto;"><table data-dc-tpl="492" style="width: 100%; border-collapse: collapse; min-width: 640px;">
                <thead data-dc-tpl="493"><tr data-dc-tpl="494" style="background: var(--app-bg);">
                  <th data-dc-tpl="495" style="text-align: left; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Client</th>
                  <th data-dc-tpl="496" style="text-align: left; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Plan</th>
                  <th data-dc-tpl="497" style="text-align: right; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Amount</th>
                  <th data-dc-tpl="498" style="text-align: left; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Cycle</th>
                  <th data-dc-tpl="499" style="text-align: left; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Next run</th>
                  <th data-dc-tpl="500" style="text-align: left; font-size: 10.5px; font-weight: 600; text-transform: uppercase; color: var(--app-ink-faint); padding: 9px 16px;">Status</th>
                </tr></thead>
                <tbody data-dc-tpl="501">
                  
                    <tr data-dc-tpl="503" class="scp0">
                      <td data-dc-tpl="504" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 13px; color: var(--app-ink);"><span class="sc-interp">Kunde GmbH</span></td>
                      <td data-dc-tpl="505" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">Retainer M</span></td>
                      <td data-dc-tpl="506" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; color: var(--app-ink);"><span class="sc-interp">\u20AC2,100</span><span data-dc-tpl="507" style="font-size: 10px; color: var(--app-ink-faint);">/mo</span></td>
                      <td data-dc-tpl="508" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">monthly</span></td>
                      <td data-dc-tpl="509" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-07-01</span></td>
                      <td data-dc-tpl="510" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="511" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="512" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Active</span></span></td>
                    </tr>
                  
                    <tr data-dc-tpl="503" class="scp0">
                      <td data-dc-tpl="504" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 13px; color: var(--app-ink);"><span class="sc-interp">M\xFCller &amp; Partner Steuerberatung mbH</span></td>
                      <td data-dc-tpl="505" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">Support S</span></td>
                      <td data-dc-tpl="506" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; color: var(--app-ink);"><span class="sc-interp">\u20AC680</span><span data-dc-tpl="507" style="font-size: 10px; color: var(--app-ink-faint);">/mo</span></td>
                      <td data-dc-tpl="508" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">monthly</span></td>
                      <td data-dc-tpl="509" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-07-01</span></td>
                      <td data-dc-tpl="510" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="511" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="512" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Active</span></span></td>
                    </tr>
                  
                    <tr data-dc-tpl="503" class="scp0">
                      <td data-dc-tpl="504" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 13px; color: var(--app-ink);"><span class="sc-interp">Startup XYZ UG</span></td>
                      <td data-dc-tpl="505" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">Starter</span></td>
                      <td data-dc-tpl="506" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; color: var(--app-ink);"><span class="sc-interp">\u20AC560</span><span data-dc-tpl="507" style="font-size: 10px; color: var(--app-ink-faint);">/mo</span></td>
                      <td data-dc-tpl="508" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">monthly</span></td>
                      <td data-dc-tpl="509" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2026-07-05</span></td>
                      <td data-dc-tpl="510" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="511" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="512" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Active</span></span></td>
                    </tr>
                  
                    <tr data-dc-tpl="503" class="scp0">
                      <td data-dc-tpl="504" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 13px; color: var(--app-ink);"><span class="sc-interp">Altkunde e.K.</span></td>
                      <td data-dc-tpl="505" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">Legacy retainer</span></td>
                      <td data-dc-tpl="506" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; color: var(--app-ink);"><span class="sc-interp">\u20AC0</span><span data-dc-tpl="507" style="font-size: 10px; color: var(--app-ink-faint);">/mo</span></td>
                      <td data-dc-tpl="508" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">\u2014</span></td>
                      <td data-dc-tpl="509" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">\u2014</span></td>
                      <td data-dc-tpl="510" style="padding: 11px 16px; border-bottom: 1px solid var(--app-rule);"><span data-dc-tpl="511" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-ink-faint) 15%, transparent); color: var(--app-ink-faint); border: 1px solid color-mix(in srgb, var(--app-ink-faint) 30%, transparent); white-space: nowrap;"><span data-dc-tpl="512" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-ink-faint);"></span><span class="sc-interp">Cancelled</span></span></td>
                    </tr>
                  
                </tbody>
              </table></div>
              <div data-dc-tpl="513" style="display: flex; justify-content: space-between; align-items: center; padding: 11px 16px; border-top: 1px solid var(--app-rule); font-size: 12px; color: var(--app-ink-soft);"><span data-dc-tpl="514">4 subscriptions \xB7 3 active</span><span data-dc-tpl="515">MRR <span data-dc-tpl="516" style="font-family: &quot;JetBrains Mono&quot;, monospace; color: var(--app-ink); font-weight: 500;">\u20AC3,340.00</span></span></div>
            </div>`,integration:`<div data-dc-tpl="109" style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 16px;">
              
                <button data-dc-tpl="111" style="height: 30px; padding: 0px 12px; border-radius: var(--app-radius-sm); cursor: pointer; font-family: Inter; font-size: 12px; font-weight: 600; border: 1px solid var(--app-accent); background: var(--app-accent-dim); color: var(--app-accent);"><span class="sc-interp">All</span><span data-dc-tpl="112" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; opacity: 0.7; margin-left: 6px;"><span class="sc-interp">6</span></span></button>
              
                <button data-dc-tpl="111" style="height: 30px; padding: 0px 12px; border-radius: var(--app-radius-sm); cursor: pointer; font-family: Inter; font-size: 12px; font-weight: 600; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft);"><span class="sc-interp">Connected</span><span data-dc-tpl="112" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; opacity: 0.7; margin-left: 6px;"><span class="sc-interp">3</span></span></button>
              
                <button data-dc-tpl="111" style="height: 30px; padding: 0px 12px; border-radius: var(--app-radius-sm); cursor: pointer; font-family: Inter; font-size: 12px; font-weight: 600; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft);"><span class="sc-interp">Expired</span><span data-dc-tpl="112" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; opacity: 0.7; margin-left: 6px;"><span class="sc-interp">1</span></span></button>
              
                <button data-dc-tpl="111" style="height: 30px; padding: 0px 12px; border-radius: var(--app-radius-sm); cursor: pointer; font-family: Inter; font-size: 12px; font-weight: 600; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft);"><span class="sc-interp">Error</span><span data-dc-tpl="112" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; opacity: 0.7; margin-left: 6px;"><span class="sc-interp">1</span></span></button>
              
                <button data-dc-tpl="111" style="height: 30px; padding: 0px 12px; border-radius: var(--app-radius-sm); cursor: pointer; font-family: Inter; font-size: 12px; font-weight: 600; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft);"><span class="sc-interp">Not connected</span><span data-dc-tpl="112" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; opacity: 0.7; margin-left: 6px;"><span class="sc-interp">1</span></span></button>
              
            </div>
            <div data-dc-tpl="113" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(336px, 1fr)); gap: 12px;">
              
                <div data-dc-tpl="115" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 16px; opacity: 1; display: flex; flex-direction: column; gap: 12px;">
                  <div data-dc-tpl="116" style="display: flex; align-items: flex-start; gap: 11px;">
                    <span data-dc-tpl="117" style="width: 36px; height: 36px; flex: 0 0 36px; border-radius: 8px; background: var(--app-elevated); border: 1px solid var(--app-rule); display: grid; place-items: center; font-weight: 700; font-size: 15px; color: var(--app-ink-soft);"><span class="sc-interp">G</span></span>
                    <div data-dc-tpl="118" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="119" style="font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Google Analytics 4</span></div>
                      <div data-dc-tpl="120" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">property 419\u2026 \xB7 EU</span></div>
                    </div>
                    <span data-dc-tpl="121" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); white-space: nowrap;">
                      <span data-dc-tpl="122" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Connected</span>
                    </span>
                  </div>

                  

                  <div data-dc-tpl="125" style="display: flex; flex-direction: column; gap: 7px; font-family: &quot;JetBrains Mono&quot;; font-size: 12px;">
                    <div data-dc-tpl="126" style="display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="127" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint); min-width: 76px;">Last sync</span>
                      <span data-dc-tpl="128" style="color: var(--app-ink);"><span class="sc-interp">06:00</span></span>
                    </div>
                    <div data-dc-tpl="129" style="display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="130" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint); min-width: 76px;">Secret</span>
                      
                        <span data-dc-tpl="132" style="display: inline-flex; align-items: center; gap: 5px; color: var(--app-ink-soft); overflow: hidden;">
                          <span data-dc-tpl="133" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 14px; color: var(--app-accent);">key</span>
                          <span data-dc-tpl="134" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/ga4-sa</span></span>
                        </span>
                        <button data-dc-tpl="135" title="Copy reference" style="width: 22px; height: 22px; flex: 0 0 22px; display: grid; place-items: center; background: none; border: 1px solid var(--app-rule); border-radius: 4px; color: var(--app-ink-faint); cursor: pointer; margin-left: auto;">
                          <span data-dc-tpl="136" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 13px;">content_copy</span>
                        </button>
                      
                      
                    </div>
                  </div>

                  <div data-dc-tpl="139" style="display: flex; flex-direction: column; gap: 6px;">
                    <span data-dc-tpl="140" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint);">Powers <span class="sc-interp">2</span> dashboard(s)</span>
                    <div data-dc-tpl="141" style="display: flex; flex-wrap: wrap; gap: 5px;">
                      
                        <span data-dc-tpl="143" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft); background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); padding: 2px 7px;"><span class="sc-interp">analytics/funnel</span></span>
                      
                        <span data-dc-tpl="143" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft); background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); padding: 2px 7px;"><span class="sc-interp">email/overview</span></span>
                      
                    </div>
                  </div>

                  <div data-dc-tpl="144" style="display: flex; gap: 8px; margin-top: auto;">
                    <button data-dc-tpl="145" style="flex: 1 1 0%; height: 34px; display: flex; align-items: center; justify-content: center; gap: 6px; background: var(--app-accent); color: var(--app-accent-ink); border: 1px solid var(--app-accent); border-radius: var(--app-radius-sm); font-family: Inter; font-size: 13px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="146" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 16px;"><span class="sc-interp">sync</span></span><span class="sc-interp">Reconnect</span>
                    </button>
                    
                      <button data-dc-tpl="148" style="height: 34px; padding: 0px 12px; display: flex; align-items: center; gap: 6px; background: transparent; color: var(--app-signal); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); font-family: Inter; font-size: 13px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Disconnect</span></button>
                    
                  </div>
                </div>
              
                <div data-dc-tpl="115" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 16px; opacity: 1; display: flex; flex-direction: column; gap: 12px;">
                  <div data-dc-tpl="116" style="display: flex; align-items: flex-start; gap: 11px;">
                    <span data-dc-tpl="117" style="width: 36px; height: 36px; flex: 0 0 36px; border-radius: 8px; background: var(--app-elevated); border: 1px solid var(--app-rule); display: grid; place-items: center; font-weight: 700; font-size: 15px; color: var(--app-ink-soft);"><span class="sc-interp">S</span></span>
                    <div data-dc-tpl="118" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="119" style="font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Stripe Billing</span></div>
                      <div data-dc-tpl="120" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">acct_1P\u2026 \xB7 restricted key</span></div>
                    </div>
                    <span data-dc-tpl="121" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); white-space: nowrap;">
                      <span data-dc-tpl="122" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Connected</span>
                    </span>
                  </div>

                  

                  <div data-dc-tpl="125" style="display: flex; flex-direction: column; gap: 7px; font-family: &quot;JetBrains Mono&quot;; font-size: 12px;">
                    <div data-dc-tpl="126" style="display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="127" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint); min-width: 76px;">Last sync</span>
                      <span data-dc-tpl="128" style="color: var(--app-ink);"><span class="sc-interp">05:58</span></span>
                    </div>
                    <div data-dc-tpl="129" style="display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="130" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint); min-width: 76px;">Secret</span>
                      
                        <span data-dc-tpl="132" style="display: inline-flex; align-items: center; gap: 5px; color: var(--app-ink-soft); overflow: hidden;">
                          <span data-dc-tpl="133" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 14px; color: var(--app-accent);">key</span>
                          <span data-dc-tpl="134" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/stripe-restricted</span></span>
                        </span>
                        <button data-dc-tpl="135" title="Copy reference" style="width: 22px; height: 22px; flex: 0 0 22px; display: grid; place-items: center; background: none; border: 1px solid var(--app-rule); border-radius: 4px; color: var(--app-ink-faint); cursor: pointer; margin-left: auto;">
                          <span data-dc-tpl="136" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 13px;">content_copy</span>
                        </button>
                      
                      
                    </div>
                  </div>

                  <div data-dc-tpl="139" style="display: flex; flex-direction: column; gap: 6px;">
                    <span data-dc-tpl="140" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint);">Powers <span class="sc-interp">3</span> dashboard(s)</span>
                    <div data-dc-tpl="141" style="display: flex; flex-wrap: wrap; gap: 5px;">
                      
                        <span data-dc-tpl="143" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft); background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); padding: 2px 7px;"><span class="sc-interp">finances/mrr</span></span>
                      
                        <span data-dc-tpl="143" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft); background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); padding: 2px 7px;"><span class="sc-interp">finances/invoices</span></span>
                      
                        <span data-dc-tpl="143" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft); background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); padding: 2px 7px;"><span class="sc-interp">costs/overview</span></span>
                      
                    </div>
                  </div>

                  <div data-dc-tpl="144" style="display: flex; gap: 8px; margin-top: auto;">
                    <button data-dc-tpl="145" style="flex: 1 1 0%; height: 34px; display: flex; align-items: center; justify-content: center; gap: 6px; background: var(--app-accent); color: var(--app-accent-ink); border: 1px solid var(--app-accent); border-radius: var(--app-radius-sm); font-family: Inter; font-size: 13px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="146" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 16px;"><span class="sc-interp">sync</span></span><span class="sc-interp">Reconnect</span>
                    </button>
                    
                      <button data-dc-tpl="148" style="height: 34px; padding: 0px 12px; display: flex; align-items: center; gap: 6px; background: transparent; color: var(--app-signal); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); font-family: Inter; font-size: 13px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Disconnect</span></button>
                    
                  </div>
                </div>
              
                <div data-dc-tpl="115" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 16px; opacity: 1; display: flex; flex-direction: column; gap: 12px;">
                  <div data-dc-tpl="116" style="display: flex; align-items: flex-start; gap: 11px;">
                    <span data-dc-tpl="117" style="width: 36px; height: 36px; flex: 0 0 36px; border-radius: 8px; background: var(--app-elevated); border: 1px solid var(--app-rule); display: grid; place-items: center; font-weight: 700; font-size: 15px; color: var(--app-ink-soft);"><span class="sc-interp">S</span></span>
                    <div data-dc-tpl="118" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="119" style="font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Slack</span></div>
                      <div data-dc-tpl="120" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">AaaS \xB7 #ops-alerts</span></div>
                    </div>
                    <span data-dc-tpl="121" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); white-space: nowrap;">
                      <span data-dc-tpl="122" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">Connected</span>
                    </span>
                  </div>

                  

                  <div data-dc-tpl="125" style="display: flex; flex-direction: column; gap: 7px; font-family: &quot;JetBrains Mono&quot;; font-size: 12px;">
                    <div data-dc-tpl="126" style="display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="127" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint); min-width: 76px;">Last sync</span>
                      <span data-dc-tpl="128" style="color: var(--app-ink);"><span class="sc-interp">06:01</span></span>
                    </div>
                    <div data-dc-tpl="129" style="display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="130" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint); min-width: 76px;">Secret</span>
                      
                        <span data-dc-tpl="132" style="display: inline-flex; align-items: center; gap: 5px; color: var(--app-ink-soft); overflow: hidden;">
                          <span data-dc-tpl="133" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 14px; color: var(--app-accent);">key</span>
                          <span data-dc-tpl="134" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/slack-bot-token</span></span>
                        </span>
                        <button data-dc-tpl="135" title="Copy reference" style="width: 22px; height: 22px; flex: 0 0 22px; display: grid; place-items: center; background: none; border: 1px solid var(--app-rule); border-radius: 4px; color: var(--app-ink-faint); cursor: pointer; margin-left: auto;">
                          <span data-dc-tpl="136" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 13px;">content_copy</span>
                        </button>
                      
                      
                    </div>
                  </div>

                  <div data-dc-tpl="139" style="display: flex; flex-direction: column; gap: 6px;">
                    <span data-dc-tpl="140" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint);">Powers <span class="sc-interp">1</span> dashboard(s)</span>
                    <div data-dc-tpl="141" style="display: flex; flex-wrap: wrap; gap: 5px;">
                      
                        <span data-dc-tpl="143" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft); background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); padding: 2px 7px;"><span class="sc-interp">alerts/routing</span></span>
                      
                    </div>
                  </div>

                  <div data-dc-tpl="144" style="display: flex; gap: 8px; margin-top: auto;">
                    <button data-dc-tpl="145" style="flex: 1 1 0%; height: 34px; display: flex; align-items: center; justify-content: center; gap: 6px; background: var(--app-accent); color: var(--app-accent-ink); border: 1px solid var(--app-accent); border-radius: var(--app-radius-sm); font-family: Inter; font-size: 13px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="146" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 16px;"><span class="sc-interp">sync</span></span><span class="sc-interp">Reconnect</span>
                    </button>
                    
                      <button data-dc-tpl="148" style="height: 34px; padding: 0px 12px; display: flex; align-items: center; gap: 6px; background: transparent; color: var(--app-signal); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); font-family: Inter; font-size: 13px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Disconnect</span></button>
                    
                  </div>
                </div>
              
                <div data-dc-tpl="115" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-warn); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 16px; opacity: 1; display: flex; flex-direction: column; gap: 12px;">
                  <div data-dc-tpl="116" style="display: flex; align-items: flex-start; gap: 11px;">
                    <span data-dc-tpl="117" style="width: 36px; height: 36px; flex: 0 0 36px; border-radius: 8px; background: var(--app-elevated); border: 1px solid var(--app-rule); display: grid; place-items: center; font-weight: 700; font-size: 15px; color: var(--app-ink-soft);"><span class="sc-interp">P</span></span>
                    <div data-dc-tpl="118" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="119" style="font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">PostHog EU</span></div>
                      <div data-dc-tpl="120" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">eu.posthog.com \xB7 self-host</span></div>
                    </div>
                    <span data-dc-tpl="121" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn); white-space: nowrap;">
                      <span data-dc-tpl="122" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-warn);"></span><span class="sc-interp">Expired</span>
                    </span>
                  </div>

                  

                  <div data-dc-tpl="125" style="display: flex; flex-direction: column; gap: 7px; font-family: &quot;JetBrains Mono&quot;; font-size: 12px;">
                    <div data-dc-tpl="126" style="display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="127" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint); min-width: 76px;">Last sync</span>
                      <span data-dc-tpl="128" style="color: var(--app-ink);"><span class="sc-interp">yest 23:10</span></span>
                    </div>
                    <div data-dc-tpl="129" style="display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="130" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint); min-width: 76px;">Secret</span>
                      
                        <span data-dc-tpl="132" style="display: inline-flex; align-items: center; gap: 5px; color: var(--app-ink-soft); overflow: hidden;">
                          <span data-dc-tpl="133" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 14px; color: var(--app-accent);">key</span>
                          <span data-dc-tpl="134" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/posthog-token</span></span>
                        </span>
                        <button data-dc-tpl="135" title="Copy reference" style="width: 22px; height: 22px; flex: 0 0 22px; display: grid; place-items: center; background: none; border: 1px solid var(--app-rule); border-radius: 4px; color: var(--app-ink-faint); cursor: pointer; margin-left: auto;">
                          <span data-dc-tpl="136" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 13px;">content_copy</span>
                        </button>
                      
                      
                    </div>
                  </div>

                  <div data-dc-tpl="139" style="display: flex; flex-direction: column; gap: 6px;">
                    <span data-dc-tpl="140" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint);">Powers <span class="sc-interp">2</span> dashboard(s)</span>
                    <div data-dc-tpl="141" style="display: flex; flex-wrap: wrap; gap: 5px;">
                      
                        <span data-dc-tpl="143" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft); background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); padding: 2px 7px;"><span class="sc-interp">ops/cro</span></span>
                      
                        <span data-dc-tpl="143" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft); background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); padding: 2px 7px;"><span class="sc-interp">analytics/posthog-funnel</span></span>
                      
                    </div>
                  </div>

                  <div data-dc-tpl="144" style="display: flex; gap: 8px; margin-top: auto;">
                    <button data-dc-tpl="145" style="flex: 1 1 0%; height: 34px; display: flex; align-items: center; justify-content: center; gap: 6px; background: var(--app-accent); color: var(--app-accent-ink); border: 1px solid var(--app-accent); border-radius: var(--app-radius-sm); font-family: Inter; font-size: 13px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="146" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 16px;"><span class="sc-interp">sync</span></span><span class="sc-interp">Reconnect</span>
                    </button>
                    
                  </div>
                </div>
              
                <div data-dc-tpl="115" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-fail); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 16px; opacity: 1; display: flex; flex-direction: column; gap: 12px;">
                  <div data-dc-tpl="116" style="display: flex; align-items: flex-start; gap: 11px;">
                    <span data-dc-tpl="117" style="width: 36px; height: 36px; flex: 0 0 36px; border-radius: 8px; background: var(--app-elevated); border: 1px solid var(--app-rule); display: grid; place-items: center; font-weight: 700; font-size: 15px; color: var(--app-ink-soft);"><span class="sc-interp">G</span></span>
                    <div data-dc-tpl="118" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="119" style="font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Google BigQuery Warehouse</span></div>
                      <div data-dc-tpl="120" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">analytics-prod-eu-west1.canvas_marts</span></div>
                    </div>
                    <span data-dc-tpl="121" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail); white-space: nowrap;">
                      <span data-dc-tpl="122" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-fail);"></span><span class="sc-interp">Error</span>
                    </span>
                  </div>

                  
                    <div data-dc-tpl="124" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-fail); background: color-mix(in srgb, var(--app-fail) 10%, transparent); border-radius: var(--app-radius-sm); padding: 6px 9px;"><span class="sc-interp">PERMISSION_DENIED \xB7 sa lacks bigquery.tables.get</span></div>
                  

                  <div data-dc-tpl="125" style="display: flex; flex-direction: column; gap: 7px; font-family: &quot;JetBrains Mono&quot;; font-size: 12px;">
                    <div data-dc-tpl="126" style="display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="127" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint); min-width: 76px;">Last sync</span>
                      <span data-dc-tpl="128" style="color: var(--app-ink);"><span class="sc-interp">failed 04:12</span></span>
                    </div>
                    <div data-dc-tpl="129" style="display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="130" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint); min-width: 76px;">Secret</span>
                      
                        <span data-dc-tpl="132" style="display: inline-flex; align-items: center; gap: 5px; color: var(--app-ink-soft); overflow: hidden;">
                          <span data-dc-tpl="133" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 14px; color: var(--app-accent);">key</span>
                          <span data-dc-tpl="134" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/bq-sa</span></span>
                        </span>
                        <button data-dc-tpl="135" title="Copy reference" style="width: 22px; height: 22px; flex: 0 0 22px; display: grid; place-items: center; background: none; border: 1px solid var(--app-rule); border-radius: 4px; color: var(--app-ink-faint); cursor: pointer; margin-left: auto;">
                          <span data-dc-tpl="136" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 13px;">content_copy</span>
                        </button>
                      
                      
                    </div>
                  </div>

                  <div data-dc-tpl="139" style="display: flex; flex-direction: column; gap: 6px;">
                    <span data-dc-tpl="140" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint);">Powers <span class="sc-interp">4</span> dashboard(s)</span>
                    <div data-dc-tpl="141" style="display: flex; flex-wrap: wrap; gap: 5px;">
                      
                        <span data-dc-tpl="143" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft); background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); padding: 2px 7px;"><span class="sc-interp">analytics/*</span></span>
                      
                        <span data-dc-tpl="143" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft); background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); padding: 2px 7px;"><span class="sc-interp">product/retention</span></span>
                      
                        <span data-dc-tpl="143" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft); background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); padding: 2px 7px;"><span class="sc-interp">finances/cohorts</span></span>
                      
                        <span data-dc-tpl="143" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft); background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); padding: 2px 7px;"><span class="sc-interp">costs/allocation</span></span>
                      
                    </div>
                  </div>

                  <div data-dc-tpl="144" style="display: flex; gap: 8px; margin-top: auto;">
                    <button data-dc-tpl="145" style="flex: 1 1 0%; height: 34px; display: flex; align-items: center; justify-content: center; gap: 6px; background: var(--app-accent); color: var(--app-accent-ink); border: 1px solid var(--app-accent); border-radius: var(--app-radius-sm); font-family: Inter; font-size: 13px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="146" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 16px;"><span class="sc-interp">sync</span></span><span class="sc-interp">Reconnect</span>
                    </button>
                    
                      <button data-dc-tpl="148" style="height: 34px; padding: 0px 12px; display: flex; align-items: center; gap: 6px; background: transparent; color: var(--app-ink-soft); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); font-family: Inter; font-size: 13px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Logs</span></button>
                    
                  </div>
                </div>
              
                <div data-dc-tpl="115" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-ink-faint); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 16px; opacity: 0.9; display: flex; flex-direction: column; gap: 12px;">
                  <div data-dc-tpl="116" style="display: flex; align-items: flex-start; gap: 11px;">
                    <span data-dc-tpl="117" style="width: 36px; height: 36px; flex: 0 0 36px; border-radius: 8px; background: var(--app-elevated); border: 1px solid var(--app-rule); display: grid; place-items: center; font-weight: 700; font-size: 15px; color: var(--app-ink-soft);"><span class="sc-interp">R</span></span>
                    <div data-dc-tpl="118" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="119" style="font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Resend</span></div>
                      <div data-dc-tpl="120" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">transactional email</span></div>
                    </div>
                    <span data-dc-tpl="121" style="display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-ink-faint) 15%, transparent); color: var(--app-ink-faint); white-space: nowrap;">
                      <span data-dc-tpl="122" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-ink-faint);"></span><span class="sc-interp">Not connected</span>
                    </span>
                  </div>

                  

                  <div data-dc-tpl="125" style="display: flex; flex-direction: column; gap: 7px; font-family: &quot;JetBrains Mono&quot;; font-size: 12px;">
                    <div data-dc-tpl="126" style="display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="127" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint); min-width: 76px;">Last sync</span>
                      <span data-dc-tpl="128" style="color: var(--app-ink);"><span class="sc-interp">\u2014</span></span>
                    </div>
                    <div data-dc-tpl="129" style="display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="130" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint); min-width: 76px;">Secret</span>
                      
                      
                        <span data-dc-tpl="138" style="font-family: Inter; font-size: 12px; color: var(--app-ink-faint); font-style: italic;">no secret bound</span>
                      
                    </div>
                  </div>

                  <div data-dc-tpl="139" style="display: flex; flex-direction: column; gap: 6px;">
                    <span data-dc-tpl="140" style="font-family: Inter; font-size: 11px; color: var(--app-ink-faint);">Powers <span class="sc-interp">1</span> dashboard(s)</span>
                    <div data-dc-tpl="141" style="display: flex; flex-wrap: wrap; gap: 5px;">
                      
                        <span data-dc-tpl="143" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft); background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); padding: 2px 7px;"><span class="sc-interp">email/*</span></span>
                      
                    </div>
                  </div>

                  <div data-dc-tpl="144" style="display: flex; gap: 8px; margin-top: auto;">
                    <button data-dc-tpl="145" style="flex: 1 1 0%; height: 34px; display: flex; align-items: center; justify-content: center; gap: 6px; background: var(--app-accent); color: var(--app-accent-ink); border: 1px solid var(--app-accent); border-radius: var(--app-radius-sm); font-family: Inter; font-size: 13px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="146" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 16px;"><span class="sc-interp">link</span></span><span class="sc-interp">Connect</span>
                    </button>
                    
                  </div>
                </div>
              
            </div>`,intelAudit:`<div data-dc-tpl="39" style="height: 56px; flex: 0 0 auto; display: flex; align-items: stretch; background: var(--app-surface); border-bottom: 1px solid var(--app-rule); overflow-x: auto;">
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Entities</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">1,284</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 42</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Documents</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">3.2K</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 118</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Coverage</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">78%</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-fail);"><span class="sc-interp">\u25BC 3</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Queries \xB7 24h</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">412</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 96</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Avg conf.</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">0.84</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">\u2014</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">NB sync</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">2m</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">ago</span></span>
            </div>
          </div>
        
      </div>

      
      <div data-dc-tpl="46" style="flex: 0 0 auto; padding: 12px 20px; border-bottom: 1px solid var(--app-rule); display: flex; align-items: center; gap: 16px; flex-wrap: wrap;">
        <div data-dc-tpl="47" style="min-width: 0px;">
          <div data-dc-tpl="48" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);">AaaS Intelligence \u203A <span class="sc-interp">Query Audit</span></div>
          <div data-dc-tpl="49" style="font-family: Montserrat, sans-serif; font-weight: 700; font-size: 22px; letter-spacing: -0.02em; margin-top: 2px;"><span class="sc-interp">Query Audit</span></div>
        </div>
        <div data-dc-tpl="50" style="margin-left: auto; display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
          <div data-dc-tpl="51" style="display: flex; align-items: center; gap: 0px; background: var(--app-bg); border: 1px solid var(--app-rule); border-radius: 8px; padding: 2px;">
            
              <button data-dc-tpl="53" title="Loaded" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: var(--app-accent); color: var(--app-accent-ink); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Live</span></button>
            
              <button data-dc-tpl="53" title="Skeletons" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: transparent; color: var(--app-ink-soft); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Loading</span></button>
            
              <button data-dc-tpl="53" title="Ask to begin / no data" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: transparent; color: var(--app-ink-soft); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Empty</span></button>
            
              <button data-dc-tpl="53" title="API failure" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: transparent; color: var(--app-ink-soft); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Error</span></button>
            
          </div>
          <button data-dc-tpl="54" style="display: flex; align-items: center; gap: 6px; height: 32px; padding: 0px 12px; border-radius: 8px; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft); font-size: 12px; font-weight: 500; cursor: pointer;"><span data-dc-tpl="55" class="ms" style="font-size: 16px;">sync</span>Sync</button>
        </div>
      </div>

      
      <div data-dc-tpl="56" style="flex: 1 1 0%; min-height: 0px; overflow-y: auto; padding: 20px;">

        
        

        
        

        
        

        
        

        
        

        
        
          <div data-dc-tpl="301">
            <div data-dc-tpl="302" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft); margin-bottom: 12px;">query audit \xB7 last 24h \xB7 412 queries</div>
            <div data-dc-tpl="303" style="border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden;">
              <div data-dc-tpl="304" style="display: grid; grid-template-columns: 1fr 2.4fr 0.9fr 0.8fr 0.8fr 1fr; padding: 9px 16px; background: var(--app-bg); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--app-ink-faint);">
                <div data-dc-tpl="305">Time</div><div data-dc-tpl="306">Query</div><div data-dc-tpl="307">Actor</div><div data-dc-tpl="308">Conf.</div><div data-dc-tpl="309">Latency</div><div data-dc-tpl="310">Status</div>
              </div>
              
                <div data-dc-tpl="312" style="display: grid; grid-template-columns: 1fr 2.4fr 0.9fr 0.8fr 0.8fr 1fr; padding: 11px 16px; border-top: 1px solid var(--app-rule-soft); background: var(--app-surface); align-items: center;">
                  <div data-dc-tpl="313" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">14:22:07</span></div>
                  <div data-dc-tpl="314" title="What did ops-agent change this week?" style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">What did ops-agent change this week?</span></div>
                  <div data-dc-tpl="315" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">sc@companyx</span></div>
                  <div data-dc-tpl="316" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">0.86</span></div>
                  <div data-dc-tpl="317" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">312ms</span></div>
                  <div data-dc-tpl="318"><span data-dc-tpl="319" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: var(--app-radius-sm); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; font-weight: 500; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span class="sc-interp">answered</span></span></div>
                </div>
              
                <div data-dc-tpl="312" style="display: grid; grid-template-columns: 1fr 2.4fr 0.9fr 0.8fr 0.8fr 1fr; padding: 11px 16px; border-top: 1px solid var(--app-rule-soft); background: var(--app-surface); align-items: center;">
                  <div data-dc-tpl="313" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">14:09:41</span></div>
                  <div data-dc-tpl="314" title="Show every agent with a failing HITL checkpoint in the last 30 days across all pipelines" style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Show every agent with a failing HITL checkpoint in the last 30 days across all pipelines</span></div>
                  <div data-dc-tpl="315" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">sc@companyx</span></div>
                  <div data-dc-tpl="316" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-warn);"><span class="sc-interp">0.71</span></div>
                  <div data-dc-tpl="317" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">820ms</span></div>
                  <div data-dc-tpl="318"><span data-dc-tpl="319" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: var(--app-radius-sm); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; font-weight: 500; background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn);"><span class="sc-interp">low conf</span></span></div>
                </div>
              
                <div data-dc-tpl="312" style="display: grid; grid-template-columns: 1fr 2.4fr 0.9fr 0.8fr 0.8fr 1fr; padding: 11px 16px; border-top: 1px solid var(--app-rule-soft); background: var(--app-surface); align-items: center;">
                  <div data-dc-tpl="313" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">13:58:12</span></div>
                  <div data-dc-tpl="314" title="Which docs reference the \u20AC5k budget threshold?" style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Which docs reference the \u20AC5k budget threshold?</span></div>
                  <div data-dc-tpl="315" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">ops-agent-3</span></div>
                  <div data-dc-tpl="316" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">0.93</span></div>
                  <div data-dc-tpl="317" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">188ms</span></div>
                  <div data-dc-tpl="318"><span data-dc-tpl="319" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: var(--app-radius-sm); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; font-weight: 500; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span class="sc-interp">answered</span></span></div>
                </div>
              
                <div data-dc-tpl="312" style="display: grid; grid-template-columns: 1fr 2.4fr 0.9fr 0.8fr 0.8fr 1fr; padding: 11px 16px; border-top: 1px solid var(--app-rule-soft); background: var(--app-surface); align-items: center;">
                  <div data-dc-tpl="313" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">13:40:55</span></div>
                  <div data-dc-tpl="314" title="Coverage gaps in analytics-pipeline" style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Coverage gaps in analytics-pipeline</span></div>
                  <div data-dc-tpl="315" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">sc@companyx</span></div>
                  <div data-dc-tpl="316" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-fail);"><span class="sc-interp">0.48</span></div>
                  <div data-dc-tpl="317" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">260ms</span></div>
                  <div data-dc-tpl="318"><span data-dc-tpl="319" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: var(--app-radius-sm); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; font-weight: 500; background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn);"><span class="sc-interp">low conf</span></span></div>
                </div>
              
                <div data-dc-tpl="312" style="display: grid; grid-template-columns: 1fr 2.4fr 0.9fr 0.8fr 0.8fr 1fr; padding: 11px 16px; border-top: 1px solid var(--app-rule-soft); background: var(--app-surface); align-items: center;">
                  <div data-dc-tpl="313" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">13:12:03</span></div>
                  <div data-dc-tpl="314" title="Delete run-882" style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Delete run-882</span></div>
                  <div data-dc-tpl="315" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">social-agent-1</span></div>
                  <div data-dc-tpl="316" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">\u2014</span></div>
                  <div data-dc-tpl="317" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">\u2014</span></div>
                  <div data-dc-tpl="318"><span data-dc-tpl="319" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: var(--app-radius-sm); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; font-weight: 500; background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail);"><span class="sc-interp">denied</span></span></div>
                </div>
              
                <div data-dc-tpl="312" style="display: grid; grid-template-columns: 1fr 2.4fr 0.9fr 0.8fr 0.8fr 1fr; padding: 11px 16px; border-top: 1px solid var(--app-rule-soft); background: var(--app-surface); align-items: center;">
                  <div data-dc-tpl="313" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">12:44:19</span></div>
                  <div data-dc-tpl="314" title="Summarize PR #128" style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Summarize PR #128</span></div>
                  <div data-dc-tpl="315" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">sc@companyx</span></div>
                  <div data-dc-tpl="316" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">0.90</span></div>
                  <div data-dc-tpl="317" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">204ms</span></div>
                  <div data-dc-tpl="318"><span data-dc-tpl="319" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: var(--app-radius-sm); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; font-weight: 500; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span class="sc-interp">answered</span></span></div>
                </div>
              
                <div data-dc-tpl="312" style="display: grid; grid-template-columns: 1fr 2.4fr 0.9fr 0.8fr 0.8fr 1fr; padding: 11px 16px; border-top: 1px solid var(--app-rule-soft); background: var(--app-surface); align-items: center;">
                  <div data-dc-tpl="313" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">12:01:37</span></div>
                  <div data-dc-tpl="314" title="List entities with zero indexed sources" style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">List entities with zero indexed sources</span></div>
                  <div data-dc-tpl="315" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">ops-agent-3</span></div>
                  <div data-dc-tpl="316" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-warn);"><span class="sc-interp">0.62</span></div>
                  <div data-dc-tpl="317" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">440ms</span></div>
                  <div data-dc-tpl="318"><span data-dc-tpl="319" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: var(--app-radius-sm); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; font-weight: 500; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span class="sc-interp">answered</span></span></div>
                </div>
              
            </div>
          </div>
        

        
        
        
        

      </div>`,intelGraph:`<div data-dc-tpl="39" style="height: 56px; flex: 0 0 auto; display: flex; align-items: stretch; background: var(--app-surface); border-bottom: 1px solid var(--app-rule); overflow-x: auto;">
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Entities</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">1,284</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 42</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Documents</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">3.2K</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 118</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Coverage</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">78%</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-fail);"><span class="sc-interp">\u25BC 3</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Queries \xB7 24h</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">412</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 96</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Avg conf.</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">0.84</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">\u2014</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">NB sync</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">2m</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">ago</span></span>
            </div>
          </div>
        
      </div>

      
      <div data-dc-tpl="46" style="flex: 0 0 auto; padding: 12px 20px; border-bottom: 1px solid var(--app-rule); display: flex; align-items: center; gap: 16px; flex-wrap: wrap;">
        <div data-dc-tpl="47" style="min-width: 0px;">
          <div data-dc-tpl="48" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);">AaaS Intelligence \u203A <span class="sc-interp">Entity Graph</span></div>
          <div data-dc-tpl="49" style="font-family: Montserrat, sans-serif; font-weight: 700; font-size: 22px; letter-spacing: -0.02em; margin-top: 2px;"><span class="sc-interp">Entity Graph</span></div>
        </div>
        <div data-dc-tpl="50" style="margin-left: auto; display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
          <div data-dc-tpl="51" style="display: flex; align-items: center; gap: 0px; background: var(--app-bg); border: 1px solid var(--app-rule); border-radius: 8px; padding: 2px;">
            
              <button data-dc-tpl="53" title="Loaded" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: var(--app-accent); color: var(--app-accent-ink); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Live</span></button>
            
              <button data-dc-tpl="53" title="Skeletons" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: transparent; color: var(--app-ink-soft); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Loading</span></button>
            
              <button data-dc-tpl="53" title="Ask to begin / no data" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: transparent; color: var(--app-ink-soft); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Empty</span></button>
            
              <button data-dc-tpl="53" title="API failure" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: transparent; color: var(--app-ink-soft); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Error</span></button>
            
          </div>
          <button data-dc-tpl="54" style="display: flex; align-items: center; gap: 6px; height: 32px; padding: 0px 12px; border-radius: 8px; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft); font-size: 12px; font-weight: 500; cursor: pointer;"><span data-dc-tpl="55" class="ms" style="font-size: 16px;">sync</span>Sync</button>
        </div>
      </div>

      
      <div data-dc-tpl="56" style="flex: 1 1 0%; min-height: 0px; overflow-y: auto; padding: 20px;">

        
        

        
        
          <div data-dc-tpl="149" style="display: flex; gap: 16px; align-items: stretch; height: 100%; min-height: 520px; flex-wrap: wrap;">
            
            <div data-dc-tpl="150" style="flex: 1 1 0%; min-width: 320px; background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); display: flex; flex-direction: column; overflow: hidden;">
              <div data-dc-tpl="151" style="display: flex; align-items: center; gap: 14px; padding: 10px 14px; border-bottom: 1px solid var(--app-rule-soft); flex-wrap: wrap;">
                <div data-dc-tpl="152" style="font-size: 12px; font-weight: 600;">Entity graph</div>
                <div data-dc-tpl="153" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);">11 entities \xB7 11 relations</div>
                <div data-dc-tpl="154" style="margin-left: auto; display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
                  
                    <div data-dc-tpl="156" style="display: flex; align-items: center; gap: 5px; font-size: 10px; color: var(--app-ink-faint);"><span data-dc-tpl="157" style="width: 9px; height: 9px; border-radius: 50%; background: var(--app-accent);"></span><span class="sc-interp">agent</span></div>
                  
                    <div data-dc-tpl="156" style="display: flex; align-items: center; gap: 5px; font-size: 10px; color: var(--app-ink-faint);"><span data-dc-tpl="157" style="width: 9px; height: 9px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">source</span></div>
                  
                    <div data-dc-tpl="156" style="display: flex; align-items: center; gap: 5px; font-size: 10px; color: var(--app-ink-faint);"><span data-dc-tpl="157" style="width: 9px; height: 9px; border-radius: 50%; background: var(--app-warn);"></span><span class="sc-interp">pr</span></div>
                  
                    <div data-dc-tpl="156" style="display: flex; align-items: center; gap: 5px; font-size: 10px; color: var(--app-ink-faint);"><span data-dc-tpl="157" style="width: 9px; height: 9px; border-radius: 50%; background: var(--app-signal);"></span><span class="sc-interp">run</span></div>
                  
                    <div data-dc-tpl="156" style="display: flex; align-items: center; gap: 5px; font-size: 10px; color: var(--app-ink-faint);"><span data-dc-tpl="157" style="width: 9px; height: 9px; border-radius: 50%; background: var(--app-ink-soft);"></span><span class="sc-interp">doc</span></div>
                  
                </div>
              </div>
              <div data-dc-tpl="158" style="flex: 1 1 0%; min-height: 360px; overflow: auto;">
                <svg data-dc-tpl="159" viewBox="0 0 860 560" style="width: 100%; height: 100%; min-height: 360px; display: block;">
                  
                    <line data-dc-tpl="161" x1="430" y1="285" x2="205" y2="150" stroke="var(--app-accent)" stroke-width="2"></line>
                  
                    <line data-dc-tpl="161" x1="430" y1="285" x2="665" y2="165" stroke="var(--app-accent)" stroke-width="2"></line>
                  
                    <line data-dc-tpl="161" x1="430" y1="285" x2="690" y2="385" stroke="var(--app-accent)" stroke-width="2"></line>
                  
                    <line data-dc-tpl="161" x1="430" y1="285" x2="250" y2="290" stroke="var(--app-accent)" stroke-width="2"></line>
                  
                    <line data-dc-tpl="161" x1="430" y1="285" x2="350" y2="80" stroke="var(--app-accent)" stroke-width="2"></line>
                  
                    <line data-dc-tpl="161" x1="430" y1="285" x2="420" y2="490" stroke="var(--app-accent)" stroke-width="2"></line>
                  
                    <line data-dc-tpl="161" x1="175" y1="400" x2="540" y2="90" stroke="var(--app-rule)" stroke-width="1.4"></line>
                  
                    <line data-dc-tpl="161" x1="420" y1="490" x2="205" y2="150" stroke="var(--app-rule)" stroke-width="1.4"></line>
                  
                    <line data-dc-tpl="161" x1="250" y1="290" x2="640" y2="490" stroke="var(--app-rule)" stroke-width="1.4"></line>
                  
                    <line data-dc-tpl="161" x1="665" y1="165" x2="250" y2="290" stroke="var(--app-rule)" stroke-width="1.4"></line>
                  
                    <line data-dc-tpl="161" x1="600" y1="300" x2="205" y2="150" stroke="var(--app-rule)" stroke-width="1.4"></line>
                  
                  
                    <text data-dc-tpl="163" x="317.5" y="213.5" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 9px; fill: var(--app-ink-faint);"><span class="sc-interp">wired</span></text>
                  
                    <text data-dc-tpl="163" x="547.5" y="221" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 9px; fill: var(--app-ink-faint);"><span class="sc-interp">opened</span></text>
                  
                    <text data-dc-tpl="163" x="560" y="331" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 9px; fill: var(--app-ink-faint);"><span class="sc-interp">produced</span></text>
                  
                    <text data-dc-tpl="163" x="340" y="283.5" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 9px; fill: var(--app-ink-faint);"><span class="sc-interp">deploys</span></text>
                  
                    <text data-dc-tpl="163" x="390" y="178.5" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 9px; fill: var(--app-ink-faint);"><span class="sc-interp">governed</span></text>
                  
                    <text data-dc-tpl="163" x="425" y="383.5" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 9px; fill: var(--app-ink-faint);"><span class="sc-interp">coordinates</span></text>
                  
                  
                    <g data-dc-tpl="165" style="cursor: pointer;">
                      <circle data-dc-tpl="167" cx="430" cy="285" r="40" fill="none" stroke="var(--app-accent)" stroke-width="1.5" opacity="0.5"></circle>
                      <circle data-dc-tpl="168" cx="430" cy="285" r="34" fill="color-mix(in srgb, var(--app-accent) 20%, var(--app-surface))" stroke="var(--app-accent)" stroke-width="3"></circle>
                      <text data-dc-tpl="169" x="430" y="333" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; fill: var(--app-ink); font-weight: 500;"><span class="sc-interp">ops-agent-3</span></text>
                    </g>
                  
                    <g data-dc-tpl="165" style="cursor: pointer;">
                      
                      <circle data-dc-tpl="168" cx="205" cy="150" r="24" fill="color-mix(in srgb, var(--app-success) 20%, var(--app-surface))" stroke="var(--app-success)" stroke-width="1.5"></circle>
                      <text data-dc-tpl="169" x="205" y="188" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; fill: var(--app-ink); font-weight: 500;"><span class="sc-interp">GA4 funnel</span></text>
                    </g>
                  
                    <g data-dc-tpl="165" style="cursor: pointer;">
                      
                      <circle data-dc-tpl="168" cx="665" cy="165" r="21" fill="color-mix(in srgb, var(--app-warn) 20%, var(--app-surface))" stroke="var(--app-warn)" stroke-width="1.5"></circle>
                      <text data-dc-tpl="169" x="665" y="200" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; fill: var(--app-ink); font-weight: 500;"><span class="sc-interp">PR #128</span></text>
                    </g>
                  
                    <g data-dc-tpl="165" style="cursor: pointer;">
                      
                      <circle data-dc-tpl="168" cx="690" cy="385" r="21" fill="color-mix(in srgb, var(--app-signal) 20%, var(--app-surface))" stroke="var(--app-signal)" stroke-width="1.5"></circle>
                      <text data-dc-tpl="169" x="690" y="420" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; fill: var(--app-ink); font-weight: 500;"><span class="sc-interp">run-882</span></text>
                    </g>
                  
                    <g data-dc-tpl="165" style="cursor: pointer;">
                      
                      <circle data-dc-tpl="168" cx="175" cy="400" r="27" fill="color-mix(in srgb, var(--app-accent) 20%, var(--app-surface))" stroke="var(--app-accent)" stroke-width="1.5"></circle>
                      <text data-dc-tpl="169" x="175" y="441" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; fill: var(--app-ink); font-weight: 500;"><span class="sc-interp">social-agent-1</span></text>
                    </g>
                  
                    <g data-dc-tpl="165" style="cursor: pointer;">
                      
                      <circle data-dc-tpl="168" cx="420" cy="490" r="27" fill="color-mix(in srgb, var(--app-accent) 20%, var(--app-surface))" stroke="var(--app-accent)" stroke-width="1.5"></circle>
                      <text data-dc-tpl="169" x="420" y="531" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; fill: var(--app-ink); font-weight: 500;"><span class="sc-interp">content-agent-2</span></text>
                    </g>
                  
                    <g data-dc-tpl="165" style="cursor: pointer;">
                      
                      <circle data-dc-tpl="168" cx="250" cy="290" r="24" fill="color-mix(in srgb, var(--app-success) 20%, var(--app-surface))" stroke="var(--app-success)" stroke-width="1.5"></circle>
                      <text data-dc-tpl="169" x="250" y="328" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; fill: var(--app-ink); font-weight: 500;"><span class="sc-interp">analytics-pipeline</span></text>
                    </g>
                  
                    <g data-dc-tpl="165" style="cursor: pointer;">
                      
                      <circle data-dc-tpl="168" cx="640" cy="490" r="22" fill="color-mix(in srgb, var(--app-ink-soft) 20%, var(--app-surface))" stroke="var(--app-ink-soft)" stroke-width="1.5"></circle>
                      <text data-dc-tpl="169" x="640" y="526" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; fill: var(--app-ink); font-weight: 500;"><span class="sc-interp">Conversion schema</span></text>
                    </g>
                  
                    <g data-dc-tpl="165" style="cursor: pointer;">
                      
                      <circle data-dc-tpl="168" cx="350" cy="80" r="22" fill="color-mix(in srgb, var(--app-ink-soft) 20%, var(--app-surface))" stroke="var(--app-ink-soft)" stroke-width="1.5"></circle>
                      <text data-dc-tpl="169" x="350" y="116" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; fill: var(--app-ink); font-weight: 500;"><span class="sc-interp">HITL policy</span></text>
                    </g>
                  
                    <g data-dc-tpl="165" style="cursor: pointer;">
                      
                      <circle data-dc-tpl="168" cx="600" cy="300" r="22" fill="color-mix(in srgb, var(--app-success) 20%, var(--app-surface))" stroke="var(--app-success)" stroke-width="1.5"></circle>
                      <text data-dc-tpl="169" x="600" y="336" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; fill: var(--app-ink); font-weight: 500;"><span class="sc-interp">GSC keywords</span></text>
                    </g>
                  
                    <g data-dc-tpl="165" style="cursor: pointer;">
                      
                      <circle data-dc-tpl="168" cx="540" cy="90" r="20" fill="color-mix(in srgb, var(--app-warn) 20%, var(--app-surface))" stroke="var(--app-warn)" stroke-width="1.5"></circle>
                      <text data-dc-tpl="169" x="540" y="124" text-anchor="middle" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; fill: var(--app-ink); font-weight: 500;"><span class="sc-interp">PR #131</span></text>
                    </g>
                  
                </svg>
              </div>
              <div data-dc-tpl="170" style="padding: 8px 14px; border-top: 1px solid var(--app-rule-soft); font-size: 11px; color: var(--app-ink-faint); display: flex; align-items: center; gap: 6px;"><span data-dc-tpl="171" class="ms" style="font-size: 14px;">info</span>Click a node to inspect. 2 low-confidence relations hidden below threshold.</div>
            </div>

            
            <div data-dc-tpl="172" style="width: 340px; flex: 0 0 auto; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow-y: auto; display: flex; flex-direction: column;">
              <div data-dc-tpl="173" style="padding: 16px 16px 14px; border-bottom: 1px solid var(--app-rule-soft);">
                <div data-dc-tpl="174" style="display: flex; align-items: center; gap: 8px;">
                  <span data-dc-tpl="175" style="display: inline-flex; align-items: center; padding: 2px 8px; border-radius: var(--app-radius-sm); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; background: color-mix(in srgb, var(--app-accent) 15%, transparent); color: var(--app-accent);"><span class="sc-interp">Autonomous agent</span></span>
                  <span data-dc-tpl="176" style="margin-left: auto; display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: var(--app-radius-sm); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; font-weight: 500; background: color-mix(in srgb, var(--app-running) 15%, transparent); color: var(--app-accent);"><span class="sc-interp">Active</span></span>
                </div>
                <h2 data-dc-tpl="177" style="font-family: Montserrat, sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -0.02em; margin: 12px 0px 4px; word-break: break-word;"><span class="sc-interp">ops-agent-3</span></h2>
                <div data-dc-tpl="178" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">ent-ops-agent-3</span></div>
                
                <div data-dc-tpl="179" style="margin-top: 14px;">
                  <div data-dc-tpl="180" style="display: flex; align-items: center; justify-content: space-between; font-size: 11px; margin-bottom: 5px;"><span data-dc-tpl="181" style="color: var(--app-ink-soft); font-weight: 500;">Index coverage</span><span data-dc-tpl="182" style="font-family: &quot;JetBrains Mono&quot;, monospace; color: var(--app-success);"><span class="sc-interp">92%</span></span></div>
                  <div data-dc-tpl="183" style="height: 6px; border-radius: 99px; background: var(--app-bg); overflow: hidden;"><div data-dc-tpl="184" style="width: 92%; height: 100%; background: var(--app-success);"></div></div>
                  
                </div>
              </div>
              <div data-dc-tpl="188" style="padding: 16px; display: flex; flex-direction: column; gap: 18px;">
                <div data-dc-tpl="189">
                  <div data-dc-tpl="190" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--app-ink-faint); margin-bottom: 8px;">Facts</div>
                  <div data-dc-tpl="191" style="display: flex; flex-direction: column; gap: 6px;">
                    
                      <div data-dc-tpl="193" style="display: flex; gap: 8px; font-size: 13px; line-height: 1.4; color: var(--app-ink);"><span data-dc-tpl="194" class="ms" style="font-size: 15px; color: var(--app-accent); flex: 0 0 auto; margin-top: 1px;">check</span><span data-dc-tpl="195"><span class="sc-interp">94% task success over 30 days</span></span></div>
                    
                      <div data-dc-tpl="193" style="display: flex; gap: 8px; font-size: 13px; line-height: 1.4; color: var(--app-ink);"><span data-dc-tpl="194" class="ms" style="font-size: 15px; color: var(--app-accent); flex: 0 0 auto; margin-top: 1px;">check</span><span data-dc-tpl="195"><span class="sc-interp">HITL required for budget changes &gt; \u20AC5k</span></span></div>
                    
                      <div data-dc-tpl="193" style="display: flex; gap: 8px; font-size: 13px; line-height: 1.4; color: var(--app-ink);"><span data-dc-tpl="194" class="ms" style="font-size: 15px; color: var(--app-accent); flex: 0 0 auto; margin-top: 1px;">check</span><span data-dc-tpl="195"><span class="sc-interp">Owns analytics + social pipelines</span></span></div>
                    
                      <div data-dc-tpl="193" style="display: flex; gap: 8px; font-size: 13px; line-height: 1.4; color: var(--app-ink);"><span data-dc-tpl="194" class="ms" style="font-size: 15px; color: var(--app-accent); flex: 0 0 auto; margin-top: 1px;">check</span><span data-dc-tpl="195"><span class="sc-interp">Last active 2h ago</span></span></div>
                    
                  </div>
                </div>
                <div data-dc-tpl="196">
                  <div data-dc-tpl="197" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--app-ink-faint); margin-bottom: 8px;">Relations</div>
                  <div data-dc-tpl="198" style="display: flex; flex-direction: column; gap: 4px;">
                    
                      <button data-dc-tpl="200" style="display: flex; align-items: center; gap: 8px; padding: 7px 9px; background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: 8px; cursor: pointer; text-align: left;">
                        <span data-dc-tpl="201" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-accent); background: var(--app-accent-dim); padding: 1px 6px; border-radius: 4px;"><span class="sc-interp">wired</span></span>
                        <span data-dc-tpl="202" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">GA4 funnel</span></span>
                        <span data-dc-tpl="203" class="ms" style="margin-left: auto; font-size: 15px; color: var(--app-ink-faint);">north_east</span>
                      </button>
                    
                      <button data-dc-tpl="200" style="display: flex; align-items: center; gap: 8px; padding: 7px 9px; background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: 8px; cursor: pointer; text-align: left;">
                        <span data-dc-tpl="201" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-accent); background: var(--app-accent-dim); padding: 1px 6px; border-radius: 4px;"><span class="sc-interp">opened</span></span>
                        <span data-dc-tpl="202" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">PR #128</span></span>
                        <span data-dc-tpl="203" class="ms" style="margin-left: auto; font-size: 15px; color: var(--app-ink-faint);">north_east</span>
                      </button>
                    
                      <button data-dc-tpl="200" style="display: flex; align-items: center; gap: 8px; padding: 7px 9px; background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: 8px; cursor: pointer; text-align: left;">
                        <span data-dc-tpl="201" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-accent); background: var(--app-accent-dim); padding: 1px 6px; border-radius: 4px;"><span class="sc-interp">produced</span></span>
                        <span data-dc-tpl="202" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">run-882</span></span>
                        <span data-dc-tpl="203" class="ms" style="margin-left: auto; font-size: 15px; color: var(--app-ink-faint);">north_east</span>
                      </button>
                    
                      <button data-dc-tpl="200" style="display: flex; align-items: center; gap: 8px; padding: 7px 9px; background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: 8px; cursor: pointer; text-align: left;">
                        <span data-dc-tpl="201" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-accent); background: var(--app-accent-dim); padding: 1px 6px; border-radius: 4px;"><span class="sc-interp">deploys</span></span>
                        <span data-dc-tpl="202" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">analytics-pipeline</span></span>
                        <span data-dc-tpl="203" class="ms" style="margin-left: auto; font-size: 15px; color: var(--app-ink-faint);">north_east</span>
                      </button>
                    
                      <button data-dc-tpl="200" style="display: flex; align-items: center; gap: 8px; padding: 7px 9px; background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: 8px; cursor: pointer; text-align: left;">
                        <span data-dc-tpl="201" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-accent); background: var(--app-accent-dim); padding: 1px 6px; border-radius: 4px;"><span class="sc-interp">governed</span></span>
                        <span data-dc-tpl="202" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">HITL policy</span></span>
                        <span data-dc-tpl="203" class="ms" style="margin-left: auto; font-size: 15px; color: var(--app-ink-faint);">north_east</span>
                      </button>
                    
                  </div>
                </div>
                <div data-dc-tpl="204">
                  <div data-dc-tpl="205" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--app-ink-faint); margin-bottom: 8px;">Linked docs</div>
                  <div data-dc-tpl="206" style="display: flex; flex-direction: column; gap: 4px;">
                    
                      <div data-dc-tpl="208" style="display: flex; align-items: center; gap: 8px; padding: 6px 2px; font-size: 12px; color: var(--app-ink-soft);"><span data-dc-tpl="209" class="ms" style="font-size: 16px; color: var(--app-ink-faint);">description</span><span data-dc-tpl="210" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">ops-agent-3 system prompt.md</span></span></div>
                    
                      <div data-dc-tpl="208" style="display: flex; align-items: center; gap: 8px; padding: 6px 2px; font-size: 12px; color: var(--app-ink-soft);"><span data-dc-tpl="209" class="ms" style="font-size: 16px; color: var(--app-ink-faint);">description</span><span data-dc-tpl="210" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Q3 Ads Ops Runbook \u2014 Autonomous Campaign Governance.pdf</span></span></div>
                    
                  </div>
                </div>
                <div data-dc-tpl="211">
                  <div data-dc-tpl="212" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--app-ink-faint); margin-bottom: 8px;">Recent mentions</div>
                  <div data-dc-tpl="213" style="display: flex; flex-direction: column; gap: 10px;">
                    
                      <div data-dc-tpl="215" style="display: flex; gap: 9px;">
                        <div data-dc-tpl="216" style="width: 2px; flex: 0 0 auto; background: var(--app-rule); border-radius: 2px;"></div>
                        <div data-dc-tpl="217" style="min-width: 0px;">
                          <div data-dc-tpl="218" style="font-size: 12.5px; color: var(--app-ink); line-height: 1.4;"><span class="sc-interp">Opened PR #128 \u2014 analytics conversion refactor</span></div>
                          <div data-dc-tpl="219" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 3px;"><span class="sc-interp">run-882</span> \xB7 <span class="sc-interp">2h ago</span></div>
                        </div>
                      </div>
                    
                      <div data-dc-tpl="215" style="display: flex; gap: 9px;">
                        <div data-dc-tpl="216" style="width: 2px; flex: 0 0 auto; background: var(--app-rule); border-radius: 2px;"></div>
                        <div data-dc-tpl="217" style="min-width: 0px;">
                          <div data-dc-tpl="218" style="font-size: 12.5px; color: var(--app-ink); line-height: 1.4;"><span class="sc-interp">Query: "ops-agent weekly changes"</span></div>
                          <div data-dc-tpl="219" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 3px;"><span class="sc-interp">audit-4471</span> \xB7 <span class="sc-interp">5h ago</span></div>
                        </div>
                      </div>
                    
                      <div data-dc-tpl="215" style="display: flex; gap: 9px;">
                        <div data-dc-tpl="216" style="width: 2px; flex: 0 0 auto; background: var(--app-rule); border-radius: 2px;"></div>
                        <div data-dc-tpl="217" style="min-width: 0px;">
                          <div data-dc-tpl="218" style="font-size: 12.5px; color: var(--app-ink); line-height: 1.4;"><span class="sc-interp">Review requested by social-agent-1</span></div>
                          <div data-dc-tpl="219" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 3px;"><span class="sc-interp">#131</span> \xB7 <span class="sc-interp">1d ago</span></div>
                        </div>
                      </div>
                    
                  </div>
                </div>
              </div>
            </div>
          </div>
        

        
        

        
        

        
        

        
        

        
        
        
        

      </div>`,intelKb:`<div data-dc-tpl="39" style="height: 56px; flex: 0 0 auto; display: flex; align-items: stretch; background: var(--app-surface); border-bottom: 1px solid var(--app-rule); overflow-x: auto;">
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Entities</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">1,284</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 42</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Documents</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">3.2K</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 118</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Coverage</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">78%</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-fail);"><span class="sc-interp">\u25BC 3</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Queries \xB7 24h</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">412</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 96</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Avg conf.</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">0.84</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">\u2014</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">NB sync</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">2m</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">ago</span></span>
            </div>
          </div>
        
      </div>

      
      <div data-dc-tpl="46" style="flex: 0 0 auto; padding: 12px 20px; border-bottom: 1px solid var(--app-rule); display: flex; align-items: center; gap: 16px; flex-wrap: wrap;">
        <div data-dc-tpl="47" style="min-width: 0px;">
          <div data-dc-tpl="48" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);">AaaS Intelligence \u203A <span class="sc-interp">Knowledge Base</span></div>
          <div data-dc-tpl="49" style="font-family: Montserrat, sans-serif; font-weight: 700; font-size: 22px; letter-spacing: -0.02em; margin-top: 2px;"><span class="sc-interp">Knowledge Base</span></div>
        </div>
        <div data-dc-tpl="50" style="margin-left: auto; display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
          <div data-dc-tpl="51" style="display: flex; align-items: center; gap: 0px; background: var(--app-bg); border: 1px solid var(--app-rule); border-radius: 8px; padding: 2px;">
            
              <button data-dc-tpl="53" title="Loaded" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: var(--app-accent); color: var(--app-accent-ink); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Live</span></button>
            
              <button data-dc-tpl="53" title="Skeletons" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: transparent; color: var(--app-ink-soft); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Loading</span></button>
            
              <button data-dc-tpl="53" title="Ask to begin / no data" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: transparent; color: var(--app-ink-soft); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Empty</span></button>
            
              <button data-dc-tpl="53" title="API failure" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: transparent; color: var(--app-ink-soft); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Error</span></button>
            
          </div>
          <button data-dc-tpl="54" style="display: flex; align-items: center; gap: 6px; height: 32px; padding: 0px 12px; border-radius: 8px; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft); font-size: 12px; font-weight: 500; cursor: pointer;"><span data-dc-tpl="55" class="ms" style="font-size: 16px;">sync</span>Sync</button>
        </div>
      </div>

      
      <div data-dc-tpl="56" style="flex: 1 1 0%; min-height: 0px; overflow-y: auto; padding: 20px;">

        
        

        
        

        
        

        
        

        
        
          <div data-dc-tpl="287" style="max-width: 720px;">
            <div data-dc-tpl="288" style="display: flex; align-items: center; gap: 10px; margin-bottom: 12px;"><div data-dc-tpl="289" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);">knowledge-base \xB7 editable</div><button data-dc-tpl="290" style="margin-left: auto; display: flex; align-items: center; gap: 6px; height: 30px; padding: 0px 12px; border-radius: 8px; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft); font-size: 12px; cursor: pointer;"><span data-dc-tpl="291" class="ms" style="font-size: 16px;">add</span>New node</button></div>
            <div data-dc-tpl="292" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 8px;">
              
                <div data-dc-tpl="294" title="Agents" style="display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 8px; cursor: pointer;">
                  <span data-dc-tpl="295" class="ms" style="font-size: 17px; color: var(--app-accent);"><span class="sc-interp">folder</span></span>
                  <span data-dc-tpl="296" style="font-size: 13px; font-weight: 600; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Agents</span></span>
                  <span data-dc-tpl="298" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">4</span></span>
                  <span data-dc-tpl="299" class="ms" style="margin-left: auto; font-size: 15px; color: var(--app-ink-faint); opacity: 0.6;"><span class="sc-interp">add</span></span>
                </div>
              
                <div data-dc-tpl="294" title="ops-agent-3" style="display: flex; align-items: center; gap: 8px; padding: 7px 10px 7px 32px; border-radius: 8px; cursor: pointer;">
                  <span data-dc-tpl="295" class="ms" style="font-size: 17px; color: var(--app-ink-faint);"><span class="sc-interp">smart_toy</span></span>
                  <span data-dc-tpl="296" style="font-size: 13px; font-weight: 400; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">ops-agent-3</span></span>
                  
                  <span data-dc-tpl="299" class="ms" style="margin-left: auto; font-size: 15px; color: var(--app-ink-faint); opacity: 0.6;"><span class="sc-interp">more_horiz</span></span>
                </div>
              
                <div data-dc-tpl="294" title="social-agent-1" style="display: flex; align-items: center; gap: 8px; padding: 7px 10px 7px 32px; border-radius: 8px; cursor: pointer;">
                  <span data-dc-tpl="295" class="ms" style="font-size: 17px; color: var(--app-ink-faint);"><span class="sc-interp">smart_toy</span></span>
                  <span data-dc-tpl="296" style="font-size: 13px; font-weight: 400; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">social-agent-1</span></span>
                  
                  <span data-dc-tpl="299" class="ms" style="margin-left: auto; font-size: 15px; color: var(--app-ink-faint); opacity: 0.6;"><span class="sc-interp">more_horiz</span></span>
                </div>
              
                <div data-dc-tpl="294" title="content-agent-2" style="display: flex; align-items: center; gap: 8px; padding: 7px 10px 7px 32px; border-radius: 8px; cursor: pointer;">
                  <span data-dc-tpl="295" class="ms" style="font-size: 17px; color: var(--app-ink-faint);"><span class="sc-interp">smart_toy</span></span>
                  <span data-dc-tpl="296" style="font-size: 13px; font-weight: 400; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">content-agent-2</span></span>
                  
                  <span data-dc-tpl="299" class="ms" style="margin-left: auto; font-size: 15px; color: var(--app-ink-faint); opacity: 0.6;"><span class="sc-interp">more_horiz</span></span>
                </div>
              
                <div data-dc-tpl="294" title="Data sources" style="display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 8px; cursor: pointer;">
                  <span data-dc-tpl="295" class="ms" style="font-size: 17px; color: var(--app-accent);"><span class="sc-interp">folder</span></span>
                  <span data-dc-tpl="296" style="font-size: 13px; font-weight: 600; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Data sources</span></span>
                  <span data-dc-tpl="298" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">3</span></span>
                  <span data-dc-tpl="299" class="ms" style="margin-left: auto; font-size: 15px; color: var(--app-ink-faint); opacity: 0.6;"><span class="sc-interp">add</span></span>
                </div>
              
                <div data-dc-tpl="294" title="GA4 funnel" style="display: flex; align-items: center; gap: 8px; padding: 7px 10px 7px 32px; border-radius: 8px; cursor: pointer;">
                  <span data-dc-tpl="295" class="ms" style="font-size: 17px; color: var(--app-ink-faint);"><span class="sc-interp">database</span></span>
                  <span data-dc-tpl="296" style="font-size: 13px; font-weight: 400; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">GA4 funnel</span></span>
                  
                  <span data-dc-tpl="299" class="ms" style="margin-left: auto; font-size: 15px; color: var(--app-ink-faint); opacity: 0.6;"><span class="sc-interp">more_horiz</span></span>
                </div>
              
                <div data-dc-tpl="294" title="GSC keywords" style="display: flex; align-items: center; gap: 8px; padding: 7px 10px 7px 32px; border-radius: 8px; cursor: pointer;">
                  <span data-dc-tpl="295" class="ms" style="font-size: 17px; color: var(--app-ink-faint);"><span class="sc-interp">database</span></span>
                  <span data-dc-tpl="296" style="font-size: 13px; font-weight: 400; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">GSC keywords</span></span>
                  
                  <span data-dc-tpl="299" class="ms" style="margin-left: auto; font-size: 15px; color: var(--app-ink-faint); opacity: 0.6;"><span class="sc-interp">more_horiz</span></span>
                </div>
              
                <div data-dc-tpl="294" title="Playbooks" style="display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 8px; cursor: pointer;">
                  <span data-dc-tpl="295" class="ms" style="font-size: 17px; color: var(--app-accent);"><span class="sc-interp">folder</span></span>
                  <span data-dc-tpl="296" style="font-size: 13px; font-weight: 600; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Playbooks</span></span>
                  <span data-dc-tpl="298" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">6</span></span>
                  <span data-dc-tpl="299" class="ms" style="margin-left: auto; font-size: 15px; color: var(--app-ink-faint); opacity: 0.6;"><span class="sc-interp">add</span></span>
                </div>
              
                <div data-dc-tpl="294" title="Policies" style="display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 8px; cursor: pointer;">
                  <span data-dc-tpl="295" class="ms" style="font-size: 17px; color: var(--app-accent);"><span class="sc-interp">folder</span></span>
                  <span data-dc-tpl="296" style="font-size: 13px; font-weight: 600; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Policies</span></span>
                  <span data-dc-tpl="298" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">2</span></span>
                  <span data-dc-tpl="299" class="ms" style="margin-left: auto; font-size: 15px; color: var(--app-ink-faint); opacity: 0.6;"><span class="sc-interp">add</span></span>
                </div>
              
                <div data-dc-tpl="294" title="HITL thresholds" style="display: flex; align-items: center; gap: 8px; padding: 7px 10px 7px 32px; border-radius: 8px; cursor: pointer;">
                  <span data-dc-tpl="295" class="ms" style="font-size: 17px; color: var(--app-ink-faint);"><span class="sc-interp">policy</span></span>
                  <span data-dc-tpl="296" style="font-size: 13px; font-weight: 400; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">HITL thresholds</span></span>
                  
                  <span data-dc-tpl="299" class="ms" style="margin-left: auto; font-size: 15px; color: var(--app-ink-faint); opacity: 0.6;"><span class="sc-interp">more_horiz</span></span>
                </div>
              
            </div>
          </div>
        

        
        

        
        
        
        

      </div>`,intelNotebooklm:`<div data-dc-tpl="39" style="height: 56px; flex: 0 0 auto; display: flex; align-items: stretch; background: var(--app-surface); border-bottom: 1px solid var(--app-rule); overflow-x: auto;">
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Entities</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">1,284</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 42</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Documents</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">3.2K</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 118</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Coverage</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">78%</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-fail);"><span class="sc-interp">\u25BC 3</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Queries \xB7 24h</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">412</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 96</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Avg conf.</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">0.84</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">\u2014</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">NB sync</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">2m</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">ago</span></span>
            </div>
          </div>
        
      </div>

      
      <div data-dc-tpl="46" style="flex: 0 0 auto; padding: 12px 20px; border-bottom: 1px solid var(--app-rule); display: flex; align-items: center; gap: 16px; flex-wrap: wrap;">
        <div data-dc-tpl="47" style="min-width: 0px;">
          <div data-dc-tpl="48" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);">AaaS Intelligence \u203A <span class="sc-interp">NotebookLM Sync</span></div>
          <div data-dc-tpl="49" style="font-family: Montserrat, sans-serif; font-weight: 700; font-size: 22px; letter-spacing: -0.02em; margin-top: 2px;"><span class="sc-interp">NotebookLM Sync</span></div>
        </div>
        <div data-dc-tpl="50" style="margin-left: auto; display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
          <div data-dc-tpl="51" style="display: flex; align-items: center; gap: 0px; background: var(--app-bg); border: 1px solid var(--app-rule); border-radius: 8px; padding: 2px;">
            
              <button data-dc-tpl="53" title="Loaded" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: var(--app-accent); color: var(--app-accent-ink); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Live</span></button>
            
              <button data-dc-tpl="53" title="Skeletons" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: transparent; color: var(--app-ink-soft); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Loading</span></button>
            
              <button data-dc-tpl="53" title="Ask to begin / no data" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: transparent; color: var(--app-ink-soft); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Empty</span></button>
            
              <button data-dc-tpl="53" title="API failure" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: transparent; color: var(--app-ink-soft); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Error</span></button>
            
          </div>
          <button data-dc-tpl="54" style="display: flex; align-items: center; gap: 6px; height: 32px; padding: 0px 12px; border-radius: 8px; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft); font-size: 12px; font-weight: 500; cursor: pointer;"><span data-dc-tpl="55" class="ms" style="font-size: 16px;">sync</span>Sync</button>
        </div>
      </div>

      
      <div data-dc-tpl="56" style="flex: 1 1 0%; min-height: 0px; overflow-y: auto; padding: 20px;">

        
        

        
        

        
        

        
        
          <div data-dc-tpl="261" style="max-width: 820px; display: flex; flex-direction: column; gap: 16px;">
            <div data-dc-tpl="262" style="background: color-mix(in srgb, var(--app-accent) 8%, transparent); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-accent); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 16px; display: flex; gap: 12px; align-items: flex-start;">
              <span data-dc-tpl="263" class="ms" style="font-size: 19px; color: var(--app-accent);">info</span>
              <div data-dc-tpl="264"><div data-dc-tpl="265" style="font-size: 13px; font-weight: 600;">NotebookLM sync is live</div><div data-dc-tpl="266" style="font-size: 12.5px; color: var(--app-ink-soft); margin-top: 2px;">The megadoc mirrors your vault into a Google NotebookLM notebook. Last successful sync 2 minutes ago.</div></div>
            </div>

            <div data-dc-tpl="267" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 18px;">
              <div data-dc-tpl="268" style="display: flex; align-items: center; gap: 10px; margin-bottom: 18px;"><div data-dc-tpl="269" style="font-size: 13px; font-weight: 600;">Megadoc pipeline</div><span data-dc-tpl="270" style="margin-left: auto; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);">notebook-9f2a \xB7 v41</span></div>
              <div data-dc-tpl="271" style="display: flex; align-items: flex-start; gap: 0px;">
                
                  <div data-dc-tpl="273" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative;">
                    <div data-dc-tpl="274" style="width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--app-accent); color: var(--app-accent-ink); border: 2px solid var(--app-accent); z-index: 2;"><span data-dc-tpl="275" class="ms" style="font-size: 18px;"><span class="sc-interp">check</span></span></div>
                    <div data-dc-tpl="276" style="font-size: 12px; font-weight: 600; margin-top: 8px;"><span class="sc-interp">Collect</span></div>
                    <div data-dc-tpl="277" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">3.2K docs</span></div>
                    <div data-dc-tpl="279" style="position: absolute; top: 16px; left: 60%; right: -40%; height: 2px; background: var(--app-accent); z-index: 1;"></div>
                  </div>
                
                  <div data-dc-tpl="273" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative;">
                    <div data-dc-tpl="274" style="width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--app-accent); color: var(--app-accent-ink); border: 2px solid var(--app-accent); z-index: 2;"><span data-dc-tpl="275" class="ms" style="font-size: 18px;"><span class="sc-interp">check</span></span></div>
                    <div data-dc-tpl="276" style="font-size: 12px; font-weight: 600; margin-top: 8px;"><span class="sc-interp">Chunk</span></div>
                    <div data-dc-tpl="277" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">48K chunks</span></div>
                    <div data-dc-tpl="279" style="position: absolute; top: 16px; left: 60%; right: -40%; height: 2px; background: var(--app-accent); z-index: 1;"></div>
                  </div>
                
                  <div data-dc-tpl="273" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative;">
                    <div data-dc-tpl="274" style="width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--app-accent); color: var(--app-accent-ink); border: 2px solid var(--app-accent); z-index: 2;"><span data-dc-tpl="275" class="ms" style="font-size: 18px;"><span class="sc-interp">check</span></span></div>
                    <div data-dc-tpl="276" style="font-size: 12px; font-weight: 600; margin-top: 8px;"><span class="sc-interp">Embed</span></div>
                    <div data-dc-tpl="277" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">vec \xB7 92%</span></div>
                    <div data-dc-tpl="279" style="position: absolute; top: 16px; left: 60%; right: -40%; height: 2px; background: var(--app-accent); z-index: 1;"></div>
                  </div>
                
                  <div data-dc-tpl="273" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative;">
                    <div data-dc-tpl="274" style="width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--app-accent-dim); color: var(--app-accent); border: 2px solid var(--app-accent); z-index: 2;"><span data-dc-tpl="275" class="ms" style="font-size: 18px;"><span class="sc-interp">menu_book</span></span></div>
                    <div data-dc-tpl="276" style="font-size: 12px; font-weight: 600; margin-top: 8px;"><span class="sc-interp">Notebook</span></div>
                    <div data-dc-tpl="277" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">2m ago</span></div>
                    
                  </div>
                
              </div>
            </div>

            <div data-dc-tpl="280" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px;">
              
                <div data-dc-tpl="282" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 14px;">
                  <div data-dc-tpl="283" style="font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--app-ink-faint);"><span class="sc-interp">Sources synced</span></div>
                  <div data-dc-tpl="284" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 24px; font-weight: 500; margin-top: 6px;"><span class="sc-interp">3.2K</span></div>
                  <div data-dc-tpl="285" style="font-size: 11px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">of 3.2K docs</span></div>
                </div>
              
                <div data-dc-tpl="282" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 14px;">
                  <div data-dc-tpl="283" style="font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--app-ink-faint);"><span class="sc-interp">Notebook coverage</span></div>
                  <div data-dc-tpl="284" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 24px; font-weight: 500; margin-top: 6px;"><span class="sc-interp">92%</span></div>
                  <div data-dc-tpl="285" style="font-size: 11px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">256 docs pending embed</span></div>
                </div>
              
                <div data-dc-tpl="282" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 14px;">
                  <div data-dc-tpl="283" style="font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--app-ink-faint);"><span class="sc-interp">Last drift check</span></div>
                  <div data-dc-tpl="284" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 24px; font-weight: 500; margin-top: 6px;"><span class="sc-interp">0</span></div>
                  <div data-dc-tpl="285" style="font-size: 11px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">no divergence</span></div>
                </div>
              
            </div>
          </div>
        

        
        

        
        

        
        
        
        

      </div>`,intelVault:`<div data-dc-tpl="39" style="height: 56px; flex: 0 0 auto; display: flex; align-items: stretch; background: var(--app-surface); border-bottom: 1px solid var(--app-rule); overflow-x: auto;">
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Entities</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">1,284</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 42</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Documents</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">3.2K</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 118</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Coverage</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">78%</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-fail);"><span class="sc-interp">\u25BC 3</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Queries \xB7 24h</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">412</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 96</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">Avg conf.</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">0.84</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">\u2014</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="41" style="flex: 1 1 0%; min-width: 120px; padding: 9px 16px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="42" style="font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint); white-space: nowrap;"><span class="sc-interp">NB sync</span></div>
            <div data-dc-tpl="43" style="display: flex; align-items: baseline; gap: 6px;">
              <span data-dc-tpl="44" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 18px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">2m</span></span>
              <span data-dc-tpl="45" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">ago</span></span>
            </div>
          </div>
        
      </div>

      
      <div data-dc-tpl="46" style="flex: 0 0 auto; padding: 12px 20px; border-bottom: 1px solid var(--app-rule); display: flex; align-items: center; gap: 16px; flex-wrap: wrap;">
        <div data-dc-tpl="47" style="min-width: 0px;">
          <div data-dc-tpl="48" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--app-ink-faint);">AaaS Intelligence \u203A <span class="sc-interp">Vault</span></div>
          <div data-dc-tpl="49" style="font-family: Montserrat, sans-serif; font-weight: 700; font-size: 22px; letter-spacing: -0.02em; margin-top: 2px;"><span class="sc-interp">Vault</span></div>
        </div>
        <div data-dc-tpl="50" style="margin-left: auto; display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
          <div data-dc-tpl="51" style="display: flex; align-items: center; gap: 0px; background: var(--app-bg); border: 1px solid var(--app-rule); border-radius: 8px; padding: 2px;">
            
              <button data-dc-tpl="53" title="Loaded" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: var(--app-accent); color: var(--app-accent-ink); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Live</span></button>
            
              <button data-dc-tpl="53" title="Skeletons" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: transparent; color: var(--app-ink-soft); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Loading</span></button>
            
              <button data-dc-tpl="53" title="Ask to begin / no data" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: transparent; color: var(--app-ink-soft); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Empty</span></button>
            
              <button data-dc-tpl="53" title="API failure" style="height: 26px; padding: 0px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; background: transparent; color: var(--app-ink-soft); font-size: 11px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Error</span></button>
            
          </div>
          <button data-dc-tpl="54" style="display: flex; align-items: center; gap: 6px; height: 32px; padding: 0px 12px; border-radius: 8px; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft); font-size: 12px; font-weight: 500; cursor: pointer;"><span data-dc-tpl="55" class="ms" style="font-size: 16px;">sync</span>Sync</button>
        </div>
      </div>

      
      <div data-dc-tpl="56" style="flex: 1 1 0%; min-height: 0px; overflow-y: auto; padding: 20px;">

        
        

        
        

        
        
          <div data-dc-tpl="221">
            <div data-dc-tpl="222" style="display: flex; align-items: center; gap: 12px; margin-bottom: 14px; flex-wrap: wrap;">
              <div data-dc-tpl="223" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">6</span> documents \xB7 2 need attention</div>
              <div data-dc-tpl="224" style="margin-left: auto; display: flex; align-items: center; gap: 0px; background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: 8px; padding: 2px;">
                <button data-dc-tpl="225" style="width: 30px; height: 26px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 5px; background: var(--app-accent); color: var(--app-accent-ink); cursor: pointer; display: flex; align-items: center; justify-content: center;"><span data-dc-tpl="226" class="ms" style="font-size: 17px;">grid_view</span></button>
                <button data-dc-tpl="227" style="width: 30px; height: 26px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 5px; background: transparent; color: var(--app-ink-soft); cursor: pointer; display: flex; align-items: center; justify-content: center;"><span data-dc-tpl="228" class="ms" style="font-size: 17px;">view_list</span></button>
              </div>
            </div>

            
            
              <div data-dc-tpl="230" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px;">
                
                  <div data-dc-tpl="232" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px; display: flex; flex-direction: column; gap: 10px; min-height: 132px;">
                    <div data-dc-tpl="233" style="display: flex; align-items: flex-start; gap: 10px;">
                      <div data-dc-tpl="234" style="width: 34px; height: 34px; flex: 0 0 auto; border-radius: 8px; background: var(--app-elevated); display: flex; align-items: center; justify-content: center; color: var(--app-ink-soft);"><span data-dc-tpl="235" class="ms" style="font-size: 19px;"><span class="sc-interp">picture_as_pdf</span></span></div>
                      <div data-dc-tpl="236" style="min-width: 0px; flex: 1 1 0%;">
                        <div data-dc-tpl="237" title="Q3 Ads Ops Runbook \u2014 Autonomous Campaign Governance &amp; Escalation Matrix.pdf" style="font-size: 13px; font-weight: 600; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;"><span class="sc-interp">Q3 Ads Ops Runbook \u2014 Autonomous Campaign Governance &amp; Escalation Matrix.pdf</span></div>
                        <div data-dc-tpl="238" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 3px;"><span class="sc-interp">PDF</span> \xB7 <span class="sc-interp">2.4 MB</span></div>
                      </div>
                    </div>
                    <div data-dc-tpl="239" style="margin-top: auto; display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: var(--app-radius-sm); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; font-weight: 500; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span class="sc-interp">Indexed</span></span>
                      <span data-dc-tpl="241" style="margin-left: auto; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">6d ago</span></span>
                    </div>
                  </div>
                
                  <div data-dc-tpl="232" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px; display: flex; flex-direction: column; gap: 10px; min-height: 132px;">
                    <div data-dc-tpl="233" style="display: flex; align-items: flex-start; gap: 10px;">
                      <div data-dc-tpl="234" style="width: 34px; height: 34px; flex: 0 0 auto; border-radius: 8px; background: var(--app-elevated); display: flex; align-items: center; justify-content: center; color: var(--app-ink-soft);"><span data-dc-tpl="235" class="ms" style="font-size: 19px;"><span class="sc-interp">data_object</span></span></div>
                      <div data-dc-tpl="236" style="min-width: 0px; flex: 1 1 0%;">
                        <div data-dc-tpl="237" title="GA4 Conversion Schema v12.json" style="font-size: 13px; font-weight: 600; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;"><span class="sc-interp">GA4 Conversion Schema v12.json</span></div>
                        <div data-dc-tpl="238" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 3px;"><span class="sc-interp">JSON</span> \xB7 <span class="sc-interp">48 KB</span></div>
                      </div>
                    </div>
                    <div data-dc-tpl="239" style="margin-top: auto; display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: var(--app-radius-sm); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; font-weight: 500; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span class="sc-interp">Indexed</span></span>
                      <span data-dc-tpl="241" style="margin-left: auto; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">2h ago</span></span>
                    </div>
                  </div>
                
                  <div data-dc-tpl="232" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px; display: flex; flex-direction: column; gap: 10px; min-height: 132px;">
                    <div data-dc-tpl="233" style="display: flex; align-items: flex-start; gap: 10px;">
                      <div data-dc-tpl="234" style="width: 34px; height: 34px; flex: 0 0 auto; border-radius: 8px; background: var(--app-elevated); display: flex; align-items: center; justify-content: center; color: var(--app-ink-soft);"><span data-dc-tpl="235" class="ms" style="font-size: 19px;"><span class="sc-interp">difference</span></span></div>
                      <div data-dc-tpl="236" style="min-width: 0px; flex: 1 1 0%;">
                        <div data-dc-tpl="237" title="PR-128-analytics-refactor.diff" style="font-size: 13px; font-weight: 600; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;"><span class="sc-interp">PR-128-analytics-refactor.diff</span></div>
                        <div data-dc-tpl="238" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 3px;"><span class="sc-interp">DIFF</span> \xB7 <span class="sc-interp">1.2 MB</span></div>
                      </div>
                    </div>
                    <div data-dc-tpl="239" style="margin-top: auto; display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: var(--app-radius-sm); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; font-weight: 500; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);"><span class="sc-interp">Indexed</span></span>
                      <span data-dc-tpl="241" style="margin-left: auto; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">1d ago</span></span>
                    </div>
                  </div>
                
                  <div data-dc-tpl="232" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-warn); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px; display: flex; flex-direction: column; gap: 10px; min-height: 132px;">
                    <div data-dc-tpl="233" style="display: flex; align-items: flex-start; gap: 10px;">
                      <div data-dc-tpl="234" style="width: 34px; height: 34px; flex: 0 0 auto; border-radius: 8px; background: var(--app-elevated); display: flex; align-items: center; justify-content: center; color: var(--app-ink-soft);"><span data-dc-tpl="235" class="ms" style="font-size: 19px;"><span class="sc-interp">policy</span></span></div>
                      <div data-dc-tpl="236" style="min-width: 0px; flex: 1 1 0%;">
                        <div data-dc-tpl="237" title="Policy: HITL thresholds.yaml" style="font-size: 13px; font-weight: 600; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;"><span class="sc-interp">Policy: HITL thresholds.yaml</span></div>
                        <div data-dc-tpl="238" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 3px;"><span class="sc-interp">YAML</span> \xB7 <span class="sc-interp">6 KB</span></div>
                      </div>
                    </div>
                    <div data-dc-tpl="239" style="margin-top: auto; display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: var(--app-radius-sm); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; font-weight: 500; background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn);"><span class="sc-interp">Stale</span></span>
                      <span data-dc-tpl="241" style="margin-left: auto; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">41d ago</span></span>
                    </div>
                  </div>
                
                  <div data-dc-tpl="232" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-accent); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px; display: flex; flex-direction: column; gap: 10px; min-height: 132px;">
                    <div data-dc-tpl="233" style="display: flex; align-items: flex-start; gap: 10px;">
                      <div data-dc-tpl="234" style="width: 34px; height: 34px; flex: 0 0 auto; border-radius: 8px; background: var(--app-elevated); display: flex; align-items: center; justify-content: center; color: var(--app-ink-soft);"><span data-dc-tpl="235" class="ms" style="font-size: 19px;"><span class="sc-interp">description</span></span></div>
                      <div data-dc-tpl="236" style="min-width: 0px; flex: 1 1 0%;">
                        <div data-dc-tpl="237" title="NotebookLM export \u2014 weekly digest.md" style="font-size: 13px; font-weight: 600; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;"><span class="sc-interp">NotebookLM export \u2014 weekly digest.md</span></div>
                        <div data-dc-tpl="238" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 3px;"><span class="sc-interp">MD</span> \xB7 <span class="sc-interp">312 KB</span></div>
                      </div>
                    </div>
                    <div data-dc-tpl="239" style="margin-top: auto; display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: var(--app-radius-sm); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; font-weight: 500; background: color-mix(in srgb, var(--app-running) 15%, transparent); color: var(--app-accent);"><span class="sc-interp">Syncing</span></span>
                      <span data-dc-tpl="241" style="margin-left: auto; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">now</span></span>
                    </div>
                  </div>
                
                  <div data-dc-tpl="232" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-fail); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px; display: flex; flex-direction: column; gap: 10px; min-height: 132px;">
                    <div data-dc-tpl="233" style="display: flex; align-items: flex-start; gap: 10px;">
                      <div data-dc-tpl="234" style="width: 34px; height: 34px; flex: 0 0 auto; border-radius: 8px; background: var(--app-elevated); display: flex; align-items: center; justify-content: center; color: var(--app-ink-soft);"><span data-dc-tpl="235" class="ms" style="font-size: 19px;"><span class="sc-interp">description</span></span></div>
                      <div data-dc-tpl="236" style="min-width: 0px; flex: 1 1 0%;">
                        <div data-dc-tpl="237" title="ops-agent-3 system prompt.md" style="font-size: 13px; font-weight: 600; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;"><span class="sc-interp">ops-agent-3 system prompt.md</span></div>
                        <div data-dc-tpl="238" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint); margin-top: 3px;"><span class="sc-interp">MD</span> \xB7 <span class="sc-interp">0 KB</span></div>
                      </div>
                    </div>
                    <div data-dc-tpl="239" style="margin-top: auto; display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="240" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: var(--app-radius-sm); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; font-weight: 500; background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail);"><span class="sc-interp">Index failed</span></span>
                      <span data-dc-tpl="241" style="margin-left: auto; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">3h ago</span></span>
                    </div>
                  </div>
                
              </div>
            

            
            
          </div>
        

        
        

        
        

        
        

        
        
        
        

      </div>`,platAlerts:`<div data-dc-tpl="197" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden;">
              <div data-dc-tpl="198" style="overflow-x: auto;">
                <div data-dc-tpl="199" style="min-width: 720px;">
                  <div data-dc-tpl="200" style="display: grid; grid-template-columns: 1.5fr 1.2fr 0.9fr 0.7fr 150px; gap: 12px; padding: 11px 16px; background: var(--app-bg); border-bottom: 1px solid var(--app-rule); font-family: Inter; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--app-ink-faint);">
                    
                      <span data-dc-tpl="202"><span class="sc-interp">Rule</span></span>
                    
                      <span data-dc-tpl="202"><span class="sc-interp">Condition</span></span>
                    
                      <span data-dc-tpl="202"><span class="sc-interp">State</span></span>
                    
                      <span data-dc-tpl="202"><span class="sc-interp">Last fired</span></span>
                    
                      <span data-dc-tpl="202"><span class="sc-interp"></span></span>
                    
                  </div>
                  
                    <div data-dc-tpl="204" style="display: grid; grid-template-columns: 1.5fr 1.2fr 0.9fr 0.7fr 150px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="205" style="min-width: 0px;">
                        <div data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Integration connection lost</span></div>
                        <div data-dc-tpl="207" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">high</span></div>
                      </div>
                      <span data-dc-tpl="208" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">state in (expired,error) 5m</span></span>
                      <span data-dc-tpl="209" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail);">
                        <span data-dc-tpl="210" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-fail);"></span><span class="sc-interp">firing</span>
                      </span>
                      <span data-dc-tpl="211" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">04:12</span></span>
                      <div data-dc-tpl="212" style="display: flex; gap: 7px; justify-content: flex-end;">
                        <button data-dc-tpl="213" style="height: 29px; padding: 0px 11px; display: flex; align-items: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Mute</span></button>
                        
                      </div>
                    </div>
                  
                    <div data-dc-tpl="204" style="display: grid; grid-template-columns: 1.5fr 1.2fr 0.9fr 0.7fr 150px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="205" style="min-width: 0px;">
                        <div data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Function latency SLO</span></div>
                        <div data-dc-tpl="207" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">medium</span></div>
                      </div>
                      <span data-dc-tpl="208" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">p95 &gt; 500ms 10m</span></span>
                      <span data-dc-tpl="209" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail);">
                        <span data-dc-tpl="210" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-fail);"></span><span class="sc-interp">firing</span>
                      </span>
                      <span data-dc-tpl="211" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">05:59</span></span>
                      <div data-dc-tpl="212" style="display: flex; gap: 7px; justify-content: flex-end;">
                        <button data-dc-tpl="213" style="height: 29px; padding: 0px 11px; display: flex; align-items: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Mute</span></button>
                        
                      </div>
                    </div>
                  
                    <div data-dc-tpl="204" style="display: grid; grid-template-columns: 1.5fr 1.2fr 0.9fr 0.7fr 150px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="205" style="min-width: 0px;">
                        <div data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Secret overdue rotation</span></div>
                        <div data-dc-tpl="207" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">medium</span></div>
                      </div>
                      <span data-dc-tpl="208" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">age &gt; 180d</span></span>
                      <span data-dc-tpl="209" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail);">
                        <span data-dc-tpl="210" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-fail);"></span><span class="sc-interp">firing</span>
                      </span>
                      <span data-dc-tpl="211" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">06:00</span></span>
                      <div data-dc-tpl="212" style="display: flex; gap: 7px; justify-content: flex-end;">
                        <button data-dc-tpl="213" style="height: 29px; padding: 0px 11px; display: flex; align-items: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Mute</span></button>
                        
                      </div>
                    </div>
                  
                    <div data-dc-tpl="204" style="display: grid; grid-template-columns: 1.5fr 1.2fr 0.9fr 0.7fr 150px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="205" style="min-width: 0px;">
                        <div data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Service down</span></div>
                        <div data-dc-tpl="207" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">critical</span></div>
                      </div>
                      <span data-dc-tpl="208" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">status = down</span></span>
                      <span data-dc-tpl="209" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail);">
                        <span data-dc-tpl="210" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-fail);"></span><span class="sc-interp">firing</span>
                      </span>
                      <span data-dc-tpl="211" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">04:12</span></span>
                      <div data-dc-tpl="212" style="display: flex; gap: 7px; justify-content: flex-end;">
                        <button data-dc-tpl="213" style="height: 29px; padding: 0px 11px; display: flex; align-items: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Mute</span></button>
                        
                      </div>
                    </div>
                  
                    <div data-dc-tpl="204" style="display: grid; grid-template-columns: 1.5fr 1.2fr 0.9fr 0.7fr 150px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="205" style="min-width: 0px;">
                        <div data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Deploy failure</span></div>
                        <div data-dc-tpl="207" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">high</span></div>
                      </div>
                      <span data-dc-tpl="208" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">deploy = failed</span></span>
                      <span data-dc-tpl="209" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-ink-faint) 15%, transparent); color: var(--app-ink-faint);">
                        <span data-dc-tpl="210" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-ink-faint);"></span><span class="sc-interp">muted</span>
                      </span>
                      <span data-dc-tpl="211" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">02:31</span></span>
                      <div data-dc-tpl="212" style="display: flex; gap: 7px; justify-content: flex-end;">
                        <button data-dc-tpl="213" style="height: 29px; padding: 0px 11px; display: flex; align-items: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Unmute</span></button>
                        
                      </div>
                    </div>
                  
                    <div data-dc-tpl="204" style="display: grid; grid-template-columns: 1.5fr 1.2fr 0.9fr 0.7fr 150px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="205" style="min-width: 0px;">
                        <div data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Error rate spike</span></div>
                        <div data-dc-tpl="207" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">high</span></div>
                      </div>
                      <span data-dc-tpl="208" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">5xx rate &gt; 1%</span></span>
                      <span data-dc-tpl="209" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);">
                        <span data-dc-tpl="210" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">ok</span>
                      </span>
                      <span data-dc-tpl="211" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">\u2014</span></span>
                      <div data-dc-tpl="212" style="display: flex; gap: 7px; justify-content: flex-end;">
                        <button data-dc-tpl="213" style="height: 29px; padding: 0px 11px; display: flex; align-items: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Mute</span></button>
                        
                      </div>
                    </div>
                  
                </div>
              </div>
            </div>`,platFlags:`<div data-dc-tpl="182" style="display: flex; flex-direction: column; gap: 10px;">
              
                <div data-dc-tpl="184" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-accent); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap;">
                  <div data-dc-tpl="185" style="flex: 1 1 0%; min-width: 200px;">
                    <div data-dc-tpl="186" style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
                      <span data-dc-tpl="187" style="font-size: 14px; font-weight: 600;"><span class="sc-interp">New integrations manager UI</span></span>
                      
                    </div>
                    <div data-dc-tpl="190" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); margin-top: 3px;"><span class="sc-interp">integrations_v2_ui</span> \xB7 scope <span class="sc-interp">global</span></div>
                  </div>
                  <div data-dc-tpl="191" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); text-align: right; min-width: 150px;">
                    <div data-dc-tpl="192"><span class="sc-interp">ada@aaas</span></div>
                    <div data-dc-tpl="193"><span class="sc-interp">2026-06-30 14:02</span></div>
                  </div>
                  <button data-dc-tpl="194" role="switch" aria-checked="true" style="position: relative; width: 46px; height: 26px; flex: 0 0 46px; border-radius: 14px; border: 1px solid var(--app-rule); background: var(--app-accent); cursor: pointer; transition: background 0.15s;">
                    <span data-dc-tpl="195" style="position: absolute; top: 2px; left: 22px; width: 20px; height: 20px; border-radius: 50%; background: rgb(255, 255, 255); transition: left 0.15s; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px;"></span>
                  </button>
                </div>
              
                <div data-dc-tpl="184" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-accent); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap;">
                  <div data-dc-tpl="185" style="flex: 1 1 0%; min-width: 200px;">
                    <div data-dc-tpl="186" style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
                      <span data-dc-tpl="187" style="font-size: 14px; font-weight: 600;"><span class="sc-interp">Require 3s hold on mutations</span></span>
                      
                    </div>
                    <div data-dc-tpl="190" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); margin-top: 3px;"><span class="sc-interp">hitl_hold_confirm</span> \xB7 scope <span class="sc-interp">global</span></div>
                  </div>
                  <div data-dc-tpl="191" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); text-align: right; min-width: 150px;">
                    <div data-dc-tpl="192"><span class="sc-interp">system</span></div>
                    <div data-dc-tpl="193"><span class="sc-interp">2026-06-01 09:00</span></div>
                  </div>
                  <button data-dc-tpl="194" role="switch" aria-checked="true" style="position: relative; width: 46px; height: 26px; flex: 0 0 46px; border-radius: 14px; border: 1px solid var(--app-rule); background: var(--app-accent); cursor: pointer; transition: background 0.15s;">
                    <span data-dc-tpl="195" style="position: absolute; top: 2px; left: 22px; width: 20px; height: 20px; border-radius: 50%; background: rgb(255, 255, 255); transition: left 0.15s; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px;"></span>
                  </button>
                </div>
              
                <div data-dc-tpl="184" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-rule); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap;">
                  <div data-dc-tpl="185" style="flex: 1 1 0%; min-width: 200px;">
                    <div data-dc-tpl="186" style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
                      <span data-dc-tpl="187" style="font-size: 14px; font-weight: 600;"><span class="sc-interp">Function rollback controls</span></span>
                      
                    </div>
                    <div data-dc-tpl="190" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); margin-top: 3px;"><span class="sc-interp">fn_rollback_enabled</span> \xB7 scope <span class="sc-interp">platform</span></div>
                  </div>
                  <div data-dc-tpl="191" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); text-align: right; min-width: 150px;">
                    <div data-dc-tpl="192"><span class="sc-interp">kai@aaas</span></div>
                    <div data-dc-tpl="193"><span class="sc-interp">2026-06-28 17:41</span></div>
                  </div>
                  <button data-dc-tpl="194" role="switch" aria-checked="false" style="position: relative; width: 46px; height: 26px; flex: 0 0 46px; border-radius: 14px; border: 1px solid var(--app-rule); background: var(--app-elevated); cursor: pointer; transition: background 0.15s;">
                    <span data-dc-tpl="195" style="position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: var(--app-ink-faint); transition: left 0.15s; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px;"></span>
                  </button>
                </div>
              
                <div data-dc-tpl="184" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-rule); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap;">
                  <div data-dc-tpl="185" style="flex: 1 1 0%; min-width: 200px;">
                    <div data-dc-tpl="186" style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
                      <span data-dc-tpl="187" style="font-size: 14px; font-weight: 600;"><span class="sc-interp">Beta \xB7 auto-rotate GSM secrets</span></span>
                      
                    </div>
                    <div data-dc-tpl="190" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); margin-top: 3px;"><span class="sc-interp">secrets_autorotate</span> \xB7 scope <span class="sc-interp">platform</span></div>
                  </div>
                  <div data-dc-tpl="191" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); text-align: right; min-width: 150px;">
                    <div data-dc-tpl="192"><span class="sc-interp">ada@aaas</span></div>
                    <div data-dc-tpl="193"><span class="sc-interp">2026-06-15 11:20</span></div>
                  </div>
                  <button data-dc-tpl="194" role="switch" aria-checked="false" style="position: relative; width: 46px; height: 26px; flex: 0 0 46px; border-radius: 14px; border: 1px solid var(--app-rule); background: var(--app-elevated); cursor: pointer; transition: background 0.15s;">
                    <span data-dc-tpl="195" style="position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: var(--app-ink-faint); transition: left 0.15s; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px;"></span>
                  </button>
                </div>
              
                <div data-dc-tpl="184" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-accent); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap;">
                  <div data-dc-tpl="185" style="flex: 1 1 0%; min-width: 200px;">
                    <div data-dc-tpl="186" style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
                      <span data-dc-tpl="187" style="font-size: 14px; font-weight: 600;"><span class="sc-interp">Default to dark theme</span></span>
                      
                    </div>
                    <div data-dc-tpl="190" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); margin-top: 3px;"><span class="sc-interp">dark_mode_default</span> \xB7 scope <span class="sc-interp">global</span></div>
                  </div>
                  <div data-dc-tpl="191" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); text-align: right; min-width: 150px;">
                    <div data-dc-tpl="192"><span class="sc-interp">system</span></div>
                    <div data-dc-tpl="193"><span class="sc-interp">2026-05-02 08:00</span></div>
                  </div>
                  <button data-dc-tpl="194" role="switch" aria-checked="true" style="position: relative; width: 46px; height: 26px; flex: 0 0 46px; border-radius: 14px; border: 1px solid var(--app-rule); background: var(--app-accent); cursor: pointer; transition: background 0.15s;">
                    <span data-dc-tpl="195" style="position: absolute; top: 2px; left: 22px; width: 20px; height: 20px; border-radius: 50%; background: rgb(255, 255, 255); transition: left 0.15s; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px;"></span>
                  </button>
                </div>
              
                <div data-dc-tpl="184" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-rule); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap;">
                  <div data-dc-tpl="185" style="flex: 1 1 0%; min-width: 200px;">
                    <div data-dc-tpl="186" style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
                      <span data-dc-tpl="187" style="font-size: 14px; font-weight: 600;"><span class="sc-interp">Maintenance mode \xB7 read-only shell</span></span>
                      
                        <span data-dc-tpl="189" style="font-family: Inter; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding: 2px 7px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-signal) 14%, transparent); color: var(--app-signal);">destructive</span>
                      
                    </div>
                    <div data-dc-tpl="190" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); margin-top: 3px;"><span class="sc-interp">maintenance_mode</span> \xB7 scope <span class="sc-interp">global</span></div>
                  </div>
                  <div data-dc-tpl="191" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); text-align: right; min-width: 150px;">
                    <div data-dc-tpl="192"><span class="sc-interp">\u2014</span></div>
                    <div data-dc-tpl="193"><span class="sc-interp">\u2014</span></div>
                  </div>
                  <button data-dc-tpl="194" role="switch" aria-checked="false" style="position: relative; width: 46px; height: 26px; flex: 0 0 46px; border-radius: 14px; border: 1px solid var(--app-rule); background: var(--app-elevated); cursor: pointer; transition: background 0.15s;">
                    <span data-dc-tpl="195" style="position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: var(--app-ink-faint); transition: left 0.15s; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px;"></span>
                  </button>
                </div>
              
            </div>`,platFunctions:`<div data-dc-tpl="197" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden;">
              <div data-dc-tpl="198" style="overflow-x: auto;">
                <div data-dc-tpl="199" style="min-width: 720px;">
                  <div data-dc-tpl="200" style="display: grid; grid-template-columns: 1.6fr 0.7fr 1fr 0.9fr 190px; gap: 12px; padding: 11px 16px; background: var(--app-bg); border-bottom: 1px solid var(--app-rule); font-family: Inter; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--app-ink-faint);">
                    
                      <span data-dc-tpl="202"><span class="sc-interp">Function</span></span>
                    
                      <span data-dc-tpl="202"><span class="sc-interp">Version</span></span>
                    
                      <span data-dc-tpl="202"><span class="sc-interp">Deploy</span></span>
                    
                      <span data-dc-tpl="202"><span class="sc-interp">Latency</span></span>
                    
                      <span data-dc-tpl="202"><span class="sc-interp"></span></span>
                    
                  </div>
                  
                    <div data-dc-tpl="204" style="display: grid; grid-template-columns: 1.6fr 0.7fr 1fr 0.9fr 190px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="205" style="min-width: 0px;">
                        <div data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">fn-ingest-ga4</span></div>
                        <div data-dc-tpl="207" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">eu-west1</span></div>
                      </div>
                      <span data-dc-tpl="208" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">v42</span></span>
                      <span data-dc-tpl="209" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);">
                        <span data-dc-tpl="210" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">deployed</span>
                      </span>
                      <span data-dc-tpl="211" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">120ms</span></span>
                      <div data-dc-tpl="212" style="display: flex; gap: 7px; justify-content: flex-end;">
                        <button data-dc-tpl="213" style="height: 29px; padding: 0px 11px; display: flex; align-items: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Invoke</span></button>
                        
                          <button data-dc-tpl="215" style="height: 29px; padding: 0px 11px; display: flex; align-items: center; gap: 5px; background: transparent; border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-signal); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Rollback</span></button>
                        
                      </div>
                    </div>
                  
                    <div data-dc-tpl="204" style="display: grid; grid-template-columns: 1.6fr 0.7fr 1fr 0.9fr 190px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="205" style="min-width: 0px;">
                        <div data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">fn-rotate-secrets</span></div>
                        <div data-dc-tpl="207" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">eu-west1</span></div>
                      </div>
                      <span data-dc-tpl="208" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">v11</span></span>
                      <span data-dc-tpl="209" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn);">
                        <span data-dc-tpl="210" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-warn);"></span><span class="sc-interp">deployed</span>
                      </span>
                      <span data-dc-tpl="211" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">640ms</span></span>
                      <div data-dc-tpl="212" style="display: flex; gap: 7px; justify-content: flex-end;">
                        <button data-dc-tpl="213" style="height: 29px; padding: 0px 11px; display: flex; align-items: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Invoke</span></button>
                        
                          <button data-dc-tpl="215" style="height: 29px; padding: 0px 11px; display: flex; align-items: center; gap: 5px; background: transparent; border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-signal); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Rollback</span></button>
                        
                      </div>
                    </div>
                  
                    <div data-dc-tpl="204" style="display: grid; grid-template-columns: 1.6fr 0.7fr 1fr 0.9fr 190px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="205" style="min-width: 0px;">
                        <div data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">worker-email</span></div>
                        <div data-dc-tpl="207" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">eu-west1</span></div>
                      </div>
                      <span data-dc-tpl="208" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">v08</span></span>
                      <span data-dc-tpl="209" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);">
                        <span data-dc-tpl="210" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">deployed</span>
                      </span>
                      <span data-dc-tpl="211" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">210ms</span></span>
                      <div data-dc-tpl="212" style="display: flex; gap: 7px; justify-content: flex-end;">
                        <button data-dc-tpl="213" style="height: 29px; padding: 0px 11px; display: flex; align-items: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Invoke</span></button>
                        
                          <button data-dc-tpl="215" style="height: 29px; padding: 0px 11px; display: flex; align-items: center; gap: 5px; background: transparent; border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-signal); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Rollback</span></button>
                        
                      </div>
                    </div>
                  
                    <div data-dc-tpl="204" style="display: grid; grid-template-columns: 1.6fr 0.7fr 1fr 0.9fr 190px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="205" style="min-width: 0px;">
                        <div data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">fn-report-builder</span></div>
                        <div data-dc-tpl="207" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">us-east4</span></div>
                      </div>
                      <span data-dc-tpl="208" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">v03</span></span>
                      <span data-dc-tpl="209" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);">
                        <span data-dc-tpl="210" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">deployed</span>
                      </span>
                      <span data-dc-tpl="211" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">305ms</span></span>
                      <div data-dc-tpl="212" style="display: flex; gap: 7px; justify-content: flex-end;">
                        <button data-dc-tpl="213" style="height: 29px; padding: 0px 11px; display: flex; align-items: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Invoke</span></button>
                        
                          <button data-dc-tpl="215" style="height: 29px; padding: 0px 11px; display: flex; align-items: center; gap: 5px; background: transparent; border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-signal); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Rollback</span></button>
                        
                      </div>
                    </div>
                  
                    <div data-dc-tpl="204" style="display: grid; grid-template-columns: 1.6fr 0.7fr 1fr 0.9fr 190px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="205" style="min-width: 0px;">
                        <div data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">fn-ingest-posthog</span></div>
                        <div data-dc-tpl="207" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">eu-west1</span></div>
                      </div>
                      <span data-dc-tpl="208" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">v\u2014</span></span>
                      <span data-dc-tpl="209" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail);">
                        <span data-dc-tpl="210" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-fail);"></span><span class="sc-interp">failed</span>
                      </span>
                      <span data-dc-tpl="211" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">\u2014</span></span>
                      <div data-dc-tpl="212" style="display: flex; gap: 7px; justify-content: flex-end;">
                        <button data-dc-tpl="213" style="height: 29px; padding: 0px 11px; display: flex; align-items: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;"><span class="sc-interp">Deploy</span></button>
                        
                      </div>
                    </div>
                  
                </div>
              </div>
            </div>`,platHealth:`<div data-dc-tpl="73" style="display: flex; align-items: flex-start; gap: 10px; background: color-mix(in srgb, var(--app-accent) 8%, transparent); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-accent); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius-sm); padding: 12px 14px; margin-bottom: 16px;">
                <span data-dc-tpl="74" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 18px; color: var(--app-accent);">info</span>
                <div data-dc-tpl="75">
                  <div data-dc-tpl="76" style="font-size: 13px; font-weight: 600;">Health, logs &amp; metrics are consumed from AaaS <span data-dc-tpl="77" style="font-family: &quot;JetBrains Mono&quot;;">ops</span> (Machine Room, LIVE)</div>
                  <div data-dc-tpl="78" style="font-size: 12px; color: var(--app-ink-soft); margin-top: 2px;">Not rebuilt here \u2014 this stream owns the <em data-dc-tpl="79">management</em> surfaces <span data-dc-tpl="80" style="font-family: &quot;JetBrains Mono&quot;;">ops</span> lacks. Mirror shown for context.</div>
                </div>
              </div>
            

            
            <div data-dc-tpl="81" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-warn); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 12px 14px; margin-bottom: 16px;">
              <div data-dc-tpl="82" style="display: flex; align-items: center; gap: 8px; margin-bottom: 10px;">
                <span data-dc-tpl="83" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 18px; color: var(--app-warn);">warning</span>
                <span data-dc-tpl="84" style="font-size: 13px; font-weight: 600;">Open incidents</span>
                <span data-dc-tpl="85" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">3</span> active</span>
              </div>
              <div data-dc-tpl="86" style="display: flex; flex-direction: column; gap: 8px;">
                
                  <div data-dc-tpl="88" style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
                    <span data-dc-tpl="89" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); min-width: 92px;"><span class="sc-interp">ALERT-2288</span></span>
                    <span data-dc-tpl="90" style="font-family: Inter; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-signal) 15%, transparent); color: var(--app-signal); text-transform: uppercase; letter-spacing: 0.04em;"><span class="sc-interp">CRITICAL</span></span>
                    <span data-dc-tpl="91" style="font-size: 13px; color: var(--app-ink); flex: 1 1 0%; min-width: 180px;"><span class="sc-interp">bigquery connection \xB7 PERMISSION_DENIED</span></span>
                    <button data-dc-tpl="92" style="font-family: Inter; font-size: 12px; font-weight: 600; color: var(--app-accent); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer;">Investigate \u2192</button>
                  </div>
                
                  <div data-dc-tpl="88" style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
                    <span data-dc-tpl="89" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); min-width: 92px;"><span class="sc-interp">ALERT-2291</span></span>
                    <span data-dc-tpl="90" style="font-family: Inter; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail); text-transform: uppercase; letter-spacing: 0.04em;"><span class="sc-interp">HIGH</span></span>
                    <span data-dc-tpl="91" style="font-size: 13px; color: var(--app-ink); flex: 1 1 0%; min-width: 180px;"><span class="sc-interp">posthog token expired \xB7 2 dashboards stale</span></span>
                    <button data-dc-tpl="92" style="font-family: Inter; font-size: 12px; font-weight: 600; color: var(--app-accent); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer;">Investigate \u2192</button>
                  </div>
                
                  <div data-dc-tpl="88" style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
                    <span data-dc-tpl="89" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint); min-width: 92px;"><span class="sc-interp">ALERT-2280</span></span>
                    <span data-dc-tpl="90" style="font-family: Inter; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn); text-transform: uppercase; letter-spacing: 0.04em;"><span class="sc-interp">MEDIUM</span></span>
                    <span data-dc-tpl="91" style="font-size: 13px; color: var(--app-ink); flex: 1 1 0%; min-width: 180px;"><span class="sc-interp">fn-rotate-secrets latency &gt; 500ms</span></span>
                    <button data-dc-tpl="92" style="font-family: Inter; font-size: 12px; font-weight: 600; color: var(--app-accent); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer;">Investigate \u2192</button>
                  </div>
                
              </div>
            </div>

            <div data-dc-tpl="93" style="font-family: Inter; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--app-ink-faint); margin: 0px 0px 12px;">Services</div>
            <div data-dc-tpl="94" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(248px, 1fr)); gap: 12px;">
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 8px var(--app-success); animation: auto ease 0s 1 normal none running none;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">app</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">web-canvas</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">42ms</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">up</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 8px var(--app-success); animation: auto ease 0s 1 normal none running none;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">app</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">api-gateway</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">88ms</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">up</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 8px var(--app-success); animation: auto ease 0s 1 normal none running none;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">app</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">edge-cache</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">12ms</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">up</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 8px var(--app-success); animation: auto ease 0s 1 normal none running none;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">function</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">fn-ingest-ga4</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">120ms</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">up</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-warn); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-warn); box-shadow: 0 0 8px var(--app-warn); animation: auto ease 0s 1 normal none running none;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">function</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">fn-rotate-secrets</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">640ms</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">degraded</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 8px var(--app-success); animation: auto ease 0s 1 normal none running none;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">function</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">worker-email</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">210ms</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">up</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-fail); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-fail); box-shadow: 0 0 8px var(--app-fail); animation: 1.4s ease 0s infinite normal none running blink;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">integration</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">integration-posthog</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink-faint);"><span class="sc-interp">\u2014</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">down</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-fail); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-fail); box-shadow: 0 0 8px var(--app-fail); animation: 1.4s ease 0s infinite normal none running blink;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">integration</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">integration-bigquery</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink-faint);"><span class="sc-interp">\u2014</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">down</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
                <div data-dc-tpl="96" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-success); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 14px 15px; position: relative;">
                  <span data-dc-tpl="97" style="position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 8px var(--app-success); animation: auto ease 0s 1 normal none running none;"></span>
                  <div data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); text-transform: uppercase; letter-spacing: 0.05em;"><span class="sc-interp">function</span></div>
                  <div data-dc-tpl="99" style="font-size: 14px; font-weight: 600; margin: 3px 0px 10px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">fn-report-builder</span></div>
                  <div data-dc-tpl="100" style="display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px;">
                    <span data-dc-tpl="101" style="font-family: &quot;JetBrains Mono&quot;; font-size: 22px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">305ms</span></span>
                    <span data-dc-tpl="102" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">up</span></span>
                  </div>
                  <div data-dc-tpl="103" style="display: flex; gap: 8px;">
                    <button data-dc-tpl="104" style="flex: 1 1 0%; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                      <span data-dc-tpl="105" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">restart_alt</span>Restart
                    </button>
                    <button data-dc-tpl="106" style="width: 36px; height: 30px; display: grid; place-items: center; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink-soft); cursor: pointer;">
                      <span data-dc-tpl="107" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px;">terminal</span>
                    </button>
                  </div>
                </div>
              
            </div>`,platLogs:`<div data-dc-tpl="217" style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 14px;">
              <span data-dc-tpl="218" style="font-family: Inter; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--app-ink-faint);">Filter</span>
              
                <button data-dc-tpl="220" style="height: 28px; padding: 0px 11px; border-radius: var(--app-radius-sm); cursor: pointer; font-family: Inter; font-size: 12px; font-weight: 600; border: 1px solid var(--app-accent); background: var(--app-accent-dim); color: var(--app-accent);"><span class="sc-interp">All</span></button>
              
                <button data-dc-tpl="220" style="height: 28px; padding: 0px 11px; border-radius: var(--app-radius-sm); cursor: pointer; font-family: Inter; font-size: 12px; font-weight: 600; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft);"><span class="sc-interp">Info</span></button>
              
                <button data-dc-tpl="220" style="height: 28px; padding: 0px 11px; border-radius: var(--app-radius-sm); cursor: pointer; font-family: Inter; font-size: 12px; font-weight: 600; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft);"><span class="sc-interp">Warn</span></button>
              
                <button data-dc-tpl="220" style="height: 28px; padding: 0px 11px; border-radius: var(--app-radius-sm); cursor: pointer; font-family: Inter; font-size: 12px; font-weight: 600; border: 1px solid var(--app-rule); background: var(--app-surface); color: var(--app-ink-soft);"><span class="sc-interp">Error</span></button>
              
              <span data-dc-tpl="221" style="margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-success);"><span data-dc-tpl="222" style="width: 7px; height: 7px; border-radius: 50%; background: var(--app-success); animation: 1.6s ease 0s infinite normal none running blink;"></span>streaming \xB7 consumed from ops</span>
            </div>
            <div data-dc-tpl="223" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden;">
              
                <div data-dc-tpl="225" style="display: flex; align-items: baseline; gap: 12px; padding: 9px 16px; border-bottom: 1px solid var(--app-rule-soft); font-family: &quot;JetBrains Mono&quot;; font-size: 12px;">
                  <span data-dc-tpl="226" style="color: var(--app-ink-faint); flex: 0 0 62px;"><span class="sc-interp">06:01:22</span></span>
                  <span data-dc-tpl="227" style="flex: 0 0 52px; font-weight: 500; color: var(--app-ink-faint); text-transform: uppercase; font-size: 10px; letter-spacing: 0.04em;"><span class="sc-interp">info</span></span>
                  <span data-dc-tpl="228" style="flex: 0 0 150px; color: var(--app-ink-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">api-gateway</span></span>
                  <span data-dc-tpl="229" style="color: var(--app-ink); flex: 1 1 0%; min-width: 0px;"><span class="sc-interp">GET /platform/integrations 200 \xB7 41ms</span></span>
                </div>
              
                <div data-dc-tpl="225" style="display: flex; align-items: baseline; gap: 12px; padding: 9px 16px; border-bottom: 1px solid var(--app-rule-soft); font-family: &quot;JetBrains Mono&quot;; font-size: 12px;">
                  <span data-dc-tpl="226" style="color: var(--app-ink-faint); flex: 0 0 62px;"><span class="sc-interp">06:00:58</span></span>
                  <span data-dc-tpl="227" style="flex: 0 0 52px; font-weight: 500; color: var(--app-ink-faint); text-transform: uppercase; font-size: 10px; letter-spacing: 0.04em;"><span class="sc-interp">info</span></span>
                  <span data-dc-tpl="228" style="flex: 0 0 150px; color: var(--app-ink-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">fn-ingest-ga4</span></span>
                  <span data-dc-tpl="229" style="color: var(--app-ink); flex: 1 1 0%; min-width: 0px;"><span class="sc-interp">sync complete \xB7 12,418 rows \xB7 property 419\u2026</span></span>
                </div>
              
                <div data-dc-tpl="225" style="display: flex; align-items: baseline; gap: 12px; padding: 9px 16px; border-bottom: 1px solid var(--app-rule-soft); font-family: &quot;JetBrains Mono&quot;; font-size: 12px;">
                  <span data-dc-tpl="226" style="color: var(--app-ink-faint); flex: 0 0 62px;"><span class="sc-interp">05:59:03</span></span>
                  <span data-dc-tpl="227" style="flex: 0 0 52px; font-weight: 500; color: var(--app-warn); text-transform: uppercase; font-size: 10px; letter-spacing: 0.04em;"><span class="sc-interp">warn</span></span>
                  <span data-dc-tpl="228" style="flex: 0 0 150px; color: var(--app-ink-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">fn-rotate-secrets</span></span>
                  <span data-dc-tpl="229" style="color: var(--app-ink); flex: 1 1 0%; min-width: 0px;"><span class="sc-interp">latency 640ms exceeds slo(500ms)</span></span>
                </div>
              
                <div data-dc-tpl="225" style="display: flex; align-items: baseline; gap: 12px; padding: 9px 16px; border-bottom: 1px solid var(--app-rule-soft); font-family: &quot;JetBrains Mono&quot;; font-size: 12px;">
                  <span data-dc-tpl="226" style="color: var(--app-ink-faint); flex: 0 0 62px;"><span class="sc-interp">05:58:31</span></span>
                  <span data-dc-tpl="227" style="flex: 0 0 52px; font-weight: 500; color: var(--app-ink-faint); text-transform: uppercase; font-size: 10px; letter-spacing: 0.04em;"><span class="sc-interp">info</span></span>
                  <span data-dc-tpl="228" style="flex: 0 0 150px; color: var(--app-ink-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">integration-stripe</span></span>
                  <span data-dc-tpl="229" style="color: var(--app-ink); flex: 1 1 0%; min-width: 0px;"><span class="sc-interp">webhook verified \xB7 3 events</span></span>
                </div>
              
                <div data-dc-tpl="225" style="display: flex; align-items: baseline; gap: 12px; padding: 9px 16px; border-bottom: 1px solid var(--app-rule-soft); font-family: &quot;JetBrains Mono&quot;; font-size: 12px;">
                  <span data-dc-tpl="226" style="color: var(--app-ink-faint); flex: 0 0 62px;"><span class="sc-interp">04:12:44</span></span>
                  <span data-dc-tpl="227" style="flex: 0 0 52px; font-weight: 500; color: var(--app-fail); text-transform: uppercase; font-size: 10px; letter-spacing: 0.04em;"><span class="sc-interp">error</span></span>
                  <span data-dc-tpl="228" style="flex: 0 0 150px; color: var(--app-ink-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">integration-bigquery</span></span>
                  <span data-dc-tpl="229" style="color: var(--app-ink); flex: 1 1 0%; min-width: 0px;"><span class="sc-interp">PERMISSION_DENIED \xB7 sa lacks bigquery.tables.get</span></span>
                </div>
              
                <div data-dc-tpl="225" style="display: flex; align-items: baseline; gap: 12px; padding: 9px 16px; border-bottom: 1px solid var(--app-rule-soft); font-family: &quot;JetBrains Mono&quot;; font-size: 12px;">
                  <span data-dc-tpl="226" style="color: var(--app-ink-faint); flex: 0 0 62px;"><span class="sc-interp">23:10:07</span></span>
                  <span data-dc-tpl="227" style="flex: 0 0 52px; font-weight: 500; color: var(--app-warn); text-transform: uppercase; font-size: 10px; letter-spacing: 0.04em;"><span class="sc-interp">warn</span></span>
                  <span data-dc-tpl="228" style="flex: 0 0 150px; color: var(--app-ink-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">integration-posthog</span></span>
                  <span data-dc-tpl="229" style="color: var(--app-ink); flex: 1 1 0%; min-width: 0px;"><span class="sc-interp">oauth token expired \xB7 refresh required</span></span>
                </div>
              
            </div>`,platSecrets:`<div data-dc-tpl="150" style="display: flex; align-items: flex-start; gap: 10px; background: color-mix(in srgb, var(--app-accent) 8%, transparent); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-accent); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius-sm); padding: 12px 14px; margin-bottom: 16px;">
              <span data-dc-tpl="151" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 18px; color: var(--app-accent);">lock</span>
              <div data-dc-tpl="152" style="font-size: 13px; color: var(--app-ink);">Values are <strong data-dc-tpl="153">never displayed</strong> \u2014 only <span data-dc-tpl="154" style="font-family: &quot;JetBrains Mono&quot;; color: var(--app-accent);">gsm://</span> references. GSM-backed; rotation is HITL-gated and audited.</div>
            </div>
            <div data-dc-tpl="155" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden;">
              <div data-dc-tpl="156" style="overflow-x: auto;">
                <div data-dc-tpl="157" style="min-width: 760px;">
                  <div data-dc-tpl="158" style="display: grid; grid-template-columns: 1.6fr 1fr 0.9fr 1.4fr 0.9fr 100px; gap: 12px; padding: 11px 16px; background: var(--app-bg); border-bottom: 1px solid var(--app-rule); font-family: Inter; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--app-ink-faint);">
                    <span data-dc-tpl="159">Reference</span><span data-dc-tpl="160">Scope</span><span data-dc-tpl="161">Last rotated</span><span data-dc-tpl="162">Referenced by</span><span data-dc-tpl="163">Status</span><span data-dc-tpl="164"></span>
                  </div>
                  
                    <div data-dc-tpl="166" style="display: grid; grid-template-columns: 1.6fr 1fr 0.9fr 1.4fr 0.9fr 100px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="167" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                        <span data-dc-tpl="168" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px; color: var(--app-accent);">key</span>
                        <div data-dc-tpl="169" style="min-width: 0px;">
                          <div data-dc-tpl="170" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">ga4-sa</span></div>
                          <div data-dc-tpl="171" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/ga4-sa</span></div>
                        </div>
                      </div>
                      <span data-dc-tpl="172" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">companyx-hub</span></span>
                      <div data-dc-tpl="173" style="min-width: 0px;">
                        <div data-dc-tpl="174" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink);"><span class="sc-interp">2026-05-12</span></div>
                        <div data-dc-tpl="175" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">50d ago</span></div>
                      </div>
                      <span data-dc-tpl="176" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">ga4</span></span>
                      <span data-dc-tpl="177" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);">
                        <span data-dc-tpl="178" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">OK</span>
                      </span>
                      <button data-dc-tpl="179" style="height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                        <span data-dc-tpl="180" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 14px;">autorenew</span>Rotate
                      </button>
                    </div>
                  
                    <div data-dc-tpl="166" style="display: grid; grid-template-columns: 1.6fr 1fr 0.9fr 1.4fr 0.9fr 100px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="167" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                        <span data-dc-tpl="168" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px; color: var(--app-accent);">key</span>
                        <div data-dc-tpl="169" style="min-width: 0px;">
                          <div data-dc-tpl="170" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">stripe-restricted</span></div>
                          <div data-dc-tpl="171" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/stripe-restricted</span></div>
                        </div>
                      </div>
                      <span data-dc-tpl="172" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">companyx-hub/finances</span></span>
                      <div data-dc-tpl="173" style="min-width: 0px;">
                        <div data-dc-tpl="174" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink);"><span class="sc-interp">2026-06-20</span></div>
                        <div data-dc-tpl="175" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">11d ago</span></div>
                      </div>
                      <span data-dc-tpl="176" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">stripe</span></span>
                      <span data-dc-tpl="177" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);">
                        <span data-dc-tpl="178" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">OK</span>
                      </span>
                      <button data-dc-tpl="179" style="height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                        <span data-dc-tpl="180" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 14px;">autorenew</span>Rotate
                      </button>
                    </div>
                  
                    <div data-dc-tpl="166" style="display: grid; grid-template-columns: 1.6fr 1fr 0.9fr 1.4fr 0.9fr 100px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="167" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                        <span data-dc-tpl="168" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px; color: var(--app-accent);">key</span>
                        <div data-dc-tpl="169" style="min-width: 0px;">
                          <div data-dc-tpl="170" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">slack-bot-token</span></div>
                          <div data-dc-tpl="171" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/slack-bot-token</span></div>
                        </div>
                      </div>
                      <span data-dc-tpl="172" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">companyx-hub</span></span>
                      <div data-dc-tpl="173" style="min-width: 0px;">
                        <div data-dc-tpl="174" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink);"><span class="sc-interp">2026-04-02</span></div>
                        <div data-dc-tpl="175" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">90d ago</span></div>
                      </div>
                      <span data-dc-tpl="176" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">slack</span></span>
                      <span data-dc-tpl="177" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);">
                        <span data-dc-tpl="178" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">OK</span>
                      </span>
                      <button data-dc-tpl="179" style="height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                        <span data-dc-tpl="180" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 14px;">autorenew</span>Rotate
                      </button>
                    </div>
                  
                    <div data-dc-tpl="166" style="display: grid; grid-template-columns: 1.6fr 1fr 0.9fr 1.4fr 0.9fr 100px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="167" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                        <span data-dc-tpl="168" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px; color: var(--app-accent);">key</span>
                        <div data-dc-tpl="169" style="min-width: 0px;">
                          <div data-dc-tpl="170" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">bq-sa</span></div>
                          <div data-dc-tpl="171" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/bq-sa</span></div>
                        </div>
                      </div>
                      <span data-dc-tpl="172" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">companyx-hub/analytics</span></span>
                      <div data-dc-tpl="173" style="min-width: 0px;">
                        <div data-dc-tpl="174" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink);"><span class="sc-interp">2026-06-28</span></div>
                        <div data-dc-tpl="175" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint);"><span class="sc-interp">3d ago</span></div>
                      </div>
                      <span data-dc-tpl="176" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">bigquery</span></span>
                      <span data-dc-tpl="177" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success);">
                        <span data-dc-tpl="178" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span class="sc-interp">OK</span>
                      </span>
                      <button data-dc-tpl="179" style="height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                        <span data-dc-tpl="180" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 14px;">autorenew</span>Rotate
                      </button>
                    </div>
                  
                    <div data-dc-tpl="166" style="display: grid; grid-template-columns: 1.6fr 1fr 0.9fr 1.4fr 0.9fr 100px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="167" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                        <span data-dc-tpl="168" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px; color: var(--app-accent);">key</span>
                        <div data-dc-tpl="169" style="min-width: 0px;">
                          <div data-dc-tpl="170" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">posthog-token</span></div>
                          <div data-dc-tpl="171" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/posthog-token</span></div>
                        </div>
                      </div>
                      <span data-dc-tpl="172" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">companyx-hub</span></span>
                      <div data-dc-tpl="173" style="min-width: 0px;">
                        <div data-dc-tpl="174" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink);"><span class="sc-interp">2025-12-01</span></div>
                        <div data-dc-tpl="175" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-warn);"><span class="sc-interp">overdue \xB7 212d</span></div>
                      </div>
                      <span data-dc-tpl="176" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">posthog</span></span>
                      <span data-dc-tpl="177" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn);">
                        <span data-dc-tpl="178" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-warn);"></span><span class="sc-interp">Overdue</span>
                      </span>
                      <button data-dc-tpl="179" style="height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                        <span data-dc-tpl="180" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 14px;">autorenew</span>Rotate
                      </button>
                    </div>
                  
                    <div data-dc-tpl="166" style="display: grid; grid-template-columns: 1.6fr 1fr 0.9fr 1.4fr 0.9fr 100px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                      <div data-dc-tpl="167" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                        <span data-dc-tpl="168" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 15px; color: var(--app-accent);">key</span>
                        <div data-dc-tpl="169" style="min-width: 0px;">
                          <div data-dc-tpl="170" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">resend-api-key</span></div>
                          <div data-dc-tpl="171" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-ink-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/resend-api-key</span></div>
                        </div>
                      </div>
                      <span data-dc-tpl="172" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">companyx-hub</span></span>
                      <div data-dc-tpl="173" style="min-width: 0px;">
                        <div data-dc-tpl="174" style="font-family: &quot;JetBrains Mono&quot;; font-size: 12px; color: var(--app-ink);"><span class="sc-interp">never</span></div>
                        <div data-dc-tpl="175" style="font-family: &quot;JetBrains Mono&quot;; font-size: 10px; color: var(--app-warn);"><span class="sc-interp">never rotated \xB7 unreferenced</span></div>
                      </div>
                      <span data-dc-tpl="176" style="font-family: &quot;JetBrains Mono&quot;; font-size: 11px; color: var(--app-ink-soft);"><span class="sc-interp">none</span></span>
                      <span data-dc-tpl="177" style="justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-family: Inter; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--app-radius-sm); background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn);">
                        <span data-dc-tpl="178" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-warn);"></span><span class="sc-interp">Orphan</span>
                      </span>
                      <button data-dc-tpl="179" style="height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--app-elevated); border: 1px solid var(--app-rule); border-radius: var(--app-radius-sm); color: var(--app-ink); font-family: Inter; font-size: 12px; font-weight: 600; cursor: pointer;">
                        <span data-dc-tpl="180" style="font-family: &quot;Material Symbols Outlined&quot;; font-size: 14px;">autorenew</span>Rotate
                      </button>
                    </div>
                  
                </div>
              </div>
            </div>`,podAlerts:`<div data-dc-tpl="34" class="appscroll" style="min-height: 64px; display: flex; align-items: stretch; gap: 0px; background: var(--app-surface); border-bottom: 1px solid var(--app-rule); overflow-x: auto; position: sticky; top: 0px; z-index: 10;">
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Episodes this week</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">7</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 +1</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Avg gen time</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">2:04</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25BC \u22128s</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Sources tracked</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">6</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">\u2014 0</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Publish rate</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">98.7%</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 +0.3%</span></span>
            </div>
          </div>
        
      </div>

      
      <div data-dc-tpl="41" style="padding: 16px 22px 0px;">
        <div data-dc-tpl="42" style="display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap;">
          <div data-dc-tpl="43">
            <div data-dc-tpl="44" style="font-family: var(--font-jb); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);">podcast \xB7 daily-ai-brief pipeline</div>
            <h1 data-dc-tpl="45" style="margin: 4px 0px 0px; font-family: var(--font-inter); font-weight: 700; font-size: 23px; letter-spacing: -0.02em; color: var(--app-ink);"><span class="sc-interp">Alerts</span></h1>
          </div>
          <div data-dc-tpl="46" style="display: flex; align-items: center; gap: 8px;">
            <div data-dc-tpl="47" style="display: flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);">
              <span data-dc-tpl="48" style="width: 8px; height: 8px; border-radius: 50%; background: var(--app-success);"></span>
              <span data-dc-tpl="49" style="font-family: var(--font-jb); font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase;"><span class="sc-interp">Today \xB7 done</span></span>
            </div>
            <button data-dc-tpl="50" class="scp1" style="display: flex; align-items: center; gap: 7px; background: var(--app-accent); color: var(--app-accent-ink); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; padding: 8px 14px; font-weight: 600; font-size: 13px;">
              <span data-dc-tpl="51" class="msym" style="font-size: 17px;">play_arrow</span>Run now
            </button>
          </div>
        </div>
        
        <div data-dc-tpl="52" class="appscroll" style="display: flex; gap: 2px; margin-top: 16px; border-bottom: 1px solid var(--app-rule); overflow-x: auto;">
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Overview</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Runs</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Sources</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Prompts</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Episodes</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Trigger</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-top-width: medium; border-right-width: medium; border-bottom: 2px solid var(--app-accent); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; background: transparent; color: var(--app-ink); font-size: 13px; font-weight: 600; white-space: nowrap;"><span class="sc-interp">Alerts</span></button>
          
        </div>
      </div>

      <div data-dc-tpl="55" style="padding: 20px 22px 40px; animation: fadeUp .4s var(--liquid-ease, ease);">

        
        

        
        

        
        

        
        

        
        

        
        

        
        
          <div data-dc-tpl="314" style="max-width: 900px;">
            
            <div data-dc-tpl="315" style="display: flex; gap: 12px; padding: 14px 16px; background: color-mix(in srgb, var(--app-warn) 8%, transparent); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-warn); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 8px; margin-bottom: 16px;">
              <span data-dc-tpl="316" class="msym" style="font-size: 20px; color: var(--app-warn); flex: 0 0 20px;">warning</span>
              <div data-dc-tpl="317"><div data-dc-tpl="318" style="font-size: 13px; font-weight: 600; color: var(--app-ink);">1 alert fired today</div><div data-dc-tpl="319" style="font-size: 12px; color: var(--app-ink-soft); margin-top: 2px;">Source disconnected \u2014 <span data-dc-tpl="320" style="font-family: var(--font-jb);">Papers with Code</span> has been offline since 05:58 UTC.</div></div>
            </div>
            <div data-dc-tpl="321" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden;">
              
                <div data-dc-tpl="323" style="display: flex; align-items: center; gap: 14px; padding: 14px 20px; border-bottom: 1px solid var(--app-rule-soft);">
                  <span data-dc-tpl="324" class="msym" style="font-size: 20px; flex: 0 0 20px; color: var(--app-ink-soft);"><span class="sc-interp">timer</span></span>
                  <div data-dc-tpl="325" style="flex: 1 1 0%; min-width: 0px;">
                    <div data-dc-tpl="326" style="font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">Generation time exceeds threshold</span></div>
                    <div data-dc-tpl="327" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">gen_time &gt; 10:00</span> \xB7 <span class="sc-interp">last fired 2026-06-14</span></div>
                  </div>
                  <button data-dc-tpl="328" style="width: 34px; height: 20px; border-radius: 999px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; position: relative; flex: 0 0 34px; background: var(--app-accent);"><span data-dc-tpl="329" style="position: absolute; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255); right: 2px;"></span></button>
                </div>
              
                <div data-dc-tpl="323" style="display: flex; align-items: center; gap: 14px; padding: 14px 20px; border-bottom: 1px solid var(--app-rule-soft);">
                  <span data-dc-tpl="324" class="msym" style="font-size: 20px; flex: 0 0 20px; color: var(--app-warn);"><span class="sc-interp">link_off</span></span>
                  <div data-dc-tpl="325" style="flex: 1 1 0%; min-width: 0px;">
                    <div data-dc-tpl="326" style="font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">Source disconnected</span></div>
                    <div data-dc-tpl="327" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">any feed offline &gt; 5m</span> \xB7 <span class="sc-interp">fired today 05:58</span></div>
                  </div>
                  <button data-dc-tpl="328" style="width: 34px; height: 20px; border-radius: 999px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; position: relative; flex: 0 0 34px; background: var(--app-accent);"><span data-dc-tpl="329" style="position: absolute; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255); right: 2px;"></span></button>
                </div>
              
                <div data-dc-tpl="323" style="display: flex; align-items: center; gap: 14px; padding: 14px 20px; border-bottom: 1px solid var(--app-rule-soft);">
                  <span data-dc-tpl="324" class="msym" style="font-size: 20px; flex: 0 0 20px; color: var(--app-ink-soft);"><span class="sc-interp">cloud_off</span></span>
                  <div data-dc-tpl="325" style="flex: 1 1 0%; min-width: 0px;">
                    <div data-dc-tpl="326" style="font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">Publish failed</span></div>
                    <div data-dc-tpl="327" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">publish.state = fail</span> \xB7 <span class="sc-interp">never fired</span></div>
                  </div>
                  <button data-dc-tpl="328" style="width: 34px; height: 20px; border-radius: 999px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; position: relative; flex: 0 0 34px; background: var(--app-accent);"><span data-dc-tpl="329" style="position: absolute; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255); right: 2px;"></span></button>
                </div>
              
                <div data-dc-tpl="323" style="display: flex; align-items: center; gap: 14px; padding: 14px 20px; border-bottom: 1px solid var(--app-rule-soft);">
                  <span data-dc-tpl="324" class="msym" style="font-size: 20px; flex: 0 0 20px; color: var(--app-ink-soft);"><span class="sc-interp">block</span></span>
                  <div data-dc-tpl="325" style="flex: 1 1 0%; min-width: 0px;">
                    <div data-dc-tpl="326" style="font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">Zero sources ingested</span></div>
                    <div data-dc-tpl="327" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">sources.items = 0</span> \xB7 <span class="sc-interp">never fired</span></div>
                  </div>
                  <button data-dc-tpl="328" style="width: 34px; height: 20px; border-radius: 999px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; position: relative; flex: 0 0 34px; background: var(--app-accent);"><span data-dc-tpl="329" style="position: absolute; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255); right: 2px;"></span></button>
                </div>
              
                <div data-dc-tpl="323" style="display: flex; align-items: center; gap: 14px; padding: 14px 20px; border-bottom: 1px solid var(--app-rule-soft);">
                  <span data-dc-tpl="324" class="msym" style="font-size: 20px; flex: 0 0 20px; color: var(--app-ink-faint);"><span class="sc-interp">schedule</span></span>
                  <div data-dc-tpl="325" style="flex: 1 1 0%; min-width: 0px;">
                    <div data-dc-tpl="326" style="font-size: 13px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">Episode shorter than 3:00</span></div>
                    <div data-dc-tpl="327" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">episode.duration &lt; 3:00</span> \xB7 <span class="sc-interp">disabled</span></div>
                  </div>
                  <button data-dc-tpl="328" style="width: 34px; height: 20px; border-radius: 999px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; position: relative; flex: 0 0 34px; background: var(--app-rule);"><span data-dc-tpl="329" style="position: absolute; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255); left: 2px;"></span></button>
                </div>
              
            </div>
          </div>
        

      </div>`,podEpisodes:`<div data-dc-tpl="34" class="appscroll" style="min-height: 64px; display: flex; align-items: stretch; gap: 0px; background: var(--app-surface); border-bottom: 1px solid var(--app-rule); overflow-x: auto; position: sticky; top: 0px; z-index: 10;">
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Episodes this week</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">7</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 +1</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Avg gen time</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">2:04</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25BC \u22128s</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Sources tracked</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">6</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">\u2014 0</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Publish rate</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">98.7%</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 +0.3%</span></span>
            </div>
          </div>
        
      </div>

      
      <div data-dc-tpl="41" style="padding: 16px 22px 0px;">
        <div data-dc-tpl="42" style="display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap;">
          <div data-dc-tpl="43">
            <div data-dc-tpl="44" style="font-family: var(--font-jb); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);">podcast \xB7 daily-ai-brief pipeline</div>
            <h1 data-dc-tpl="45" style="margin: 4px 0px 0px; font-family: var(--font-inter); font-weight: 700; font-size: 23px; letter-spacing: -0.02em; color: var(--app-ink);"><span class="sc-interp">Episodes</span></h1>
          </div>
          <div data-dc-tpl="46" style="display: flex; align-items: center; gap: 8px;">
            <div data-dc-tpl="47" style="display: flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);">
              <span data-dc-tpl="48" style="width: 8px; height: 8px; border-radius: 50%; background: var(--app-success);"></span>
              <span data-dc-tpl="49" style="font-family: var(--font-jb); font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase;"><span class="sc-interp">Today \xB7 done</span></span>
            </div>
            <button data-dc-tpl="50" class="scp1" style="display: flex; align-items: center; gap: 7px; background: var(--app-accent); color: var(--app-accent-ink); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; padding: 8px 14px; font-weight: 600; font-size: 13px;">
              <span data-dc-tpl="51" class="msym" style="font-size: 17px;">play_arrow</span>Run now
            </button>
          </div>
        </div>
        
        <div data-dc-tpl="52" class="appscroll" style="display: flex; gap: 2px; margin-top: 16px; border-bottom: 1px solid var(--app-rule); overflow-x: auto;">
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Overview</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Runs</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Sources</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Prompts</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-top-width: medium; border-right-width: medium; border-bottom: 2px solid var(--app-accent); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; background: transparent; color: var(--app-ink); font-size: 13px; font-weight: 600; white-space: nowrap;"><span class="sc-interp">Episodes</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Trigger</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Alerts</span></button>
          
        </div>
      </div>

      <div data-dc-tpl="55" style="padding: 20px 22px 40px; animation: fadeUp .4s var(--liquid-ease, ease);">

        
        

        
        

        
        

        
        

        
        
          <div data-dc-tpl="233" style="max-width: 1000px;">
            
            <div data-dc-tpl="234" style="display: flex; align-items: center; gap: 8px; margin-bottom: 16px; flex-wrap: wrap;">
              <span data-dc-tpl="235" style="font-family: var(--font-jb); font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--app-ink-faint); margin-right: 4px;">State</span>
              
                <button data-dc-tpl="237" style="padding: 6px 13px; border: 1px solid var(--app-accent); background: var(--app-accent-dim); color: var(--app-accent); border-radius: 999px; font-family: var(--font-jb); font-size: 11px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Live</span></button>
              
                <button data-dc-tpl="237" style="padding: 6px 13px; border: 1px solid var(--app-rule); background: transparent; color: var(--app-ink-soft); border-radius: 999px; font-family: var(--font-jb); font-size: 11px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Running</span></button>
              
                <button data-dc-tpl="237" style="padding: 6px 13px; border: 1px solid var(--app-rule); background: transparent; color: var(--app-ink-soft); border-radius: 999px; font-family: var(--font-jb); font-size: 11px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Empty</span></button>
              
                <button data-dc-tpl="237" style="padding: 6px 13px; border: 1px solid var(--app-rule); background: transparent; color: var(--app-ink-soft); border-radius: 999px; font-family: var(--font-jb); font-size: 11px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Error</span></button>
              
            </div>

            
            
              <div data-dc-tpl="239" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden;">
                
                
                
                  <div data-dc-tpl="255" class="scp6" style="display: grid; grid-template-columns: 48px 1fr auto auto; gap: 16px; align-items: center; padding: 13px 20px; border-bottom: 1px solid var(--app-rule-soft);">
                    <button data-dc-tpl="256" class="scp3" style="width: 44px; height: 44px; border-radius: 50%; background: var(--app-accent-dim); border: 1px solid var(--app-accent); color: var(--app-accent); display: flex; align-items: center; justify-content: center;"><span data-dc-tpl="257" class="msym" style="font-size: 22px;"><span class="sc-interp">play_arrow</span></span></button>
                    <div data-dc-tpl="258" style="min-width: 0px;">
                      <div data-dc-tpl="259" style="font-size: 14px; font-weight: 500; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Daily AI Brief \u2014 2026-06-30</span></div>
                      <div data-dc-tpl="260" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">ep-204</span> \xB7 <span class="sc-interp">06-30 06:04</span></div>
                    </div>
                    <span data-dc-tpl="261" style="font-family: var(--font-jb); font-size: 13px; color: var(--app-ink-soft);"><span class="sc-interp">6:12</span></span>
                    <span data-dc-tpl="262" style="display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);"><span data-dc-tpl="263" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span data-dc-tpl="264" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Published</span></span></span>
                  </div>
                
                  <div data-dc-tpl="255" class="scp6" style="display: grid; grid-template-columns: 48px 1fr auto auto; gap: 16px; align-items: center; padding: 13px 20px; border-bottom: 1px solid var(--app-rule-soft);">
                    <button data-dc-tpl="256" class="scp3" style="width: 44px; height: 44px; border-radius: 50%; background: var(--app-accent-dim); border: 1px solid var(--app-accent); color: var(--app-accent); display: flex; align-items: center; justify-content: center;"><span data-dc-tpl="257" class="msym" style="font-size: 22px;"><span class="sc-interp">play_arrow</span></span></button>
                    <div data-dc-tpl="258" style="min-width: 0px;">
                      <div data-dc-tpl="259" style="font-size: 14px; font-weight: 500; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Daily AI Brief \u2014 2026-06-29 \xB7 Frontier models, robotics foundation policies, and a very long headline that has to truncate cleanly</span></div>
                      <div data-dc-tpl="260" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">ep-203</span> \xB7 <span class="sc-interp">06-29 06:03</span></div>
                    </div>
                    <span data-dc-tpl="261" style="font-family: var(--font-jb); font-size: 13px; color: var(--app-ink-soft);"><span class="sc-interp">7:48</span></span>
                    <span data-dc-tpl="262" style="display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);"><span data-dc-tpl="263" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span data-dc-tpl="264" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Published</span></span></span>
                  </div>
                
                  <div data-dc-tpl="255" class="scp6" style="display: grid; grid-template-columns: 48px 1fr auto auto; gap: 16px; align-items: center; padding: 13px 20px; border-bottom: 1px solid var(--app-rule-soft);">
                    <button data-dc-tpl="256" class="scp3" style="width: 44px; height: 44px; border-radius: 50%; background: var(--app-accent-dim); border: 1px solid var(--app-accent); color: var(--app-accent); display: flex; align-items: center; justify-content: center;"><span data-dc-tpl="257" class="msym" style="font-size: 22px;"><span class="sc-interp">play_arrow</span></span></button>
                    <div data-dc-tpl="258" style="min-width: 0px;">
                      <div data-dc-tpl="259" style="font-size: 14px; font-weight: 500; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Daily AI Brief \u2014 2026-06-28</span></div>
                      <div data-dc-tpl="260" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">ep-202</span> \xB7 <span class="sc-interp">06-28 06:05</span></div>
                    </div>
                    <span data-dc-tpl="261" style="font-family: var(--font-jb); font-size: 13px; color: var(--app-ink-soft);"><span class="sc-interp">5:39</span></span>
                    <span data-dc-tpl="262" style="display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);"><span data-dc-tpl="263" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span data-dc-tpl="264" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Published</span></span></span>
                  </div>
                
                  <div data-dc-tpl="255" class="scp6" style="display: grid; grid-template-columns: 48px 1fr auto auto; gap: 16px; align-items: center; padding: 13px 20px; border-bottom: 1px solid var(--app-rule-soft);">
                    <button data-dc-tpl="256" class="scp3" style="width: 44px; height: 44px; border-radius: 50%; background: transparent; border: 1px solid var(--app-rule); color: var(--app-ink-faint); display: flex; align-items: center; justify-content: center;"><span data-dc-tpl="257" class="msym" style="font-size: 22px;"><span class="sc-interp">error_outline</span></span></button>
                    <div data-dc-tpl="258" style="min-width: 0px;">
                      <div data-dc-tpl="259" style="font-size: 14px; font-weight: 500; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Daily AI Brief \u2014 2026-06-27</span></div>
                      <div data-dc-tpl="260" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">ep-201</span> \xB7 <span class="sc-interp">draft</span></div>
                    </div>
                    <span data-dc-tpl="261" style="font-family: var(--font-jb); font-size: 13px; color: var(--app-ink-soft);"><span class="sc-interp">0:00</span></span>
                    <span data-dc-tpl="262" style="display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail); border: 1px solid color-mix(in srgb, var(--app-fail) 32%, transparent);"><span data-dc-tpl="263" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-fail);"></span><span data-dc-tpl="264" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Failed</span></span></span>
                  </div>
                
                  <div data-dc-tpl="255" class="scp6" style="display: grid; grid-template-columns: 48px 1fr auto auto; gap: 16px; align-items: center; padding: 13px 20px; border-bottom: 1px solid var(--app-rule-soft);">
                    <button data-dc-tpl="256" class="scp3" style="width: 44px; height: 44px; border-radius: 50%; background: var(--app-accent-dim); border: 1px solid var(--app-accent); color: var(--app-accent); display: flex; align-items: center; justify-content: center;"><span data-dc-tpl="257" class="msym" style="font-size: 22px;"><span class="sc-interp">play_arrow</span></span></button>
                    <div data-dc-tpl="258" style="min-width: 0px;">
                      <div data-dc-tpl="259" style="font-size: 14px; font-weight: 500; color: var(--app-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Daily AI Brief \u2014 2026-06-26</span></div>
                      <div data-dc-tpl="260" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); margin-top: 2px;"><span class="sc-interp">ep-200</span> \xB7 <span class="sc-interp">06-26 06:02</span></div>
                    </div>
                    <span data-dc-tpl="261" style="font-family: var(--font-jb); font-size: 13px; color: var(--app-ink-soft);"><span class="sc-interp">6:57</span></span>
                    <span data-dc-tpl="262" style="display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);"><span data-dc-tpl="263" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success);"></span><span data-dc-tpl="264" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Published</span></span></span>
                  </div>
                
              </div>
            

            
            

            
            
          </div>
        

        
        

        
        

      </div>`,podPrompts:`<div data-dc-tpl="34" class="appscroll" style="min-height: 64px; display: flex; align-items: stretch; gap: 0px; background: var(--app-surface); border-bottom: 1px solid var(--app-rule); overflow-x: auto; position: sticky; top: 0px; z-index: 10;">
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Episodes this week</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">7</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 +1</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Avg gen time</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">2:04</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25BC \u22128s</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Sources tracked</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">6</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">\u2014 0</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Publish rate</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">98.7%</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 +0.3%</span></span>
            </div>
          </div>
        
      </div>

      
      <div data-dc-tpl="41" style="padding: 16px 22px 0px;">
        <div data-dc-tpl="42" style="display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap;">
          <div data-dc-tpl="43">
            <div data-dc-tpl="44" style="font-family: var(--font-jb); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);">podcast \xB7 daily-ai-brief pipeline</div>
            <h1 data-dc-tpl="45" style="margin: 4px 0px 0px; font-family: var(--font-inter); font-weight: 700; font-size: 23px; letter-spacing: -0.02em; color: var(--app-ink);"><span class="sc-interp">Generation prompts</span></h1>
          </div>
          <div data-dc-tpl="46" style="display: flex; align-items: center; gap: 8px;">
            <div data-dc-tpl="47" style="display: flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);">
              <span data-dc-tpl="48" style="width: 8px; height: 8px; border-radius: 50%; background: var(--app-success);"></span>
              <span data-dc-tpl="49" style="font-family: var(--font-jb); font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase;"><span class="sc-interp">Today \xB7 done</span></span>
            </div>
            <button data-dc-tpl="50" class="scp1" style="display: flex; align-items: center; gap: 7px; background: var(--app-accent); color: var(--app-accent-ink); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; padding: 8px 14px; font-weight: 600; font-size: 13px;">
              <span data-dc-tpl="51" class="msym" style="font-size: 17px;">play_arrow</span>Run now
            </button>
          </div>
        </div>
        
        <div data-dc-tpl="52" class="appscroll" style="display: flex; gap: 2px; margin-top: 16px; border-bottom: 1px solid var(--app-rule); overflow-x: auto;">
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Overview</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Runs</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Sources</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-top-width: medium; border-right-width: medium; border-bottom: 2px solid var(--app-accent); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; background: transparent; color: var(--app-ink); font-size: 13px; font-weight: 600; white-space: nowrap;"><span class="sc-interp">Prompts</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Episodes</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Trigger</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Alerts</span></button>
          
        </div>
      </div>

      <div data-dc-tpl="55" style="padding: 20px 22px 40px; animation: fadeUp .4s var(--liquid-ease, ease);">

        
        

        
        

        
        

        
        
          <div data-dc-tpl="210" style="display: flex; flex-direction: column; gap: 12px; max-width: 900px;">
            
              <div data-dc-tpl="212" style="background: var(--app-surface); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left: 3px solid var(--app-accent); border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--app-radius); padding: 18px 20px;">
                <div data-dc-tpl="213" style="display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;">
                  <div data-dc-tpl="214" style="display: flex; align-items: center; gap: 10px;">
                    <span data-dc-tpl="215" style="font-family: var(--font-jb); font-size: 14px; font-weight: 500; color: var(--app-ink);">generate.prompt <span class="sc-interp">v4</span></span>
                    <span data-dc-tpl="217" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 999px; background: var(--app-accent-dim); color: var(--app-accent); border: 1px solid color-mix(in srgb, var(--app-accent) 32%, transparent);"><span data-dc-tpl="218" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-accent);"></span><span data-dc-tpl="219" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;">Active</span></span>
                  </div>
                  <div data-dc-tpl="220" style="display: flex; align-items: center; gap: 14px; font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-soft);">
                    <span data-dc-tpl="221"><span data-dc-tpl="222" style="color: var(--app-ink-faint);">model</span> <span class="sc-interp">claude-sonnet-4.5</span></span>
                    <span data-dc-tpl="223"><span data-dc-tpl="224" style="color: var(--app-ink-faint);">created</span> <span class="sc-interp">2026-06-12</span></span>
                  </div>
                </div>
                <p data-dc-tpl="225" style="margin: 12px 0px 0px; font-size: 13px; line-height: 1.6; color: var(--app-ink-soft);"><span class="sc-interp">You are the host of a daily AI news brief. From the ranked source items, select the 8\u201310 most significant developments. Write a tight 5\u20137 minute script in a calm, technical voice \u2014 lead with the single biggest story, group the rest by theme, and close with one forward-looking note. No hype, no filler.</span></p>
                <div data-dc-tpl="226" style="display: flex; gap: 8px; margin-top: 14px;">
                  <button data-dc-tpl="227" class="scp4" style="display: flex; align-items: center; gap: 6px; background: transparent; border: 1px solid var(--app-rule); color: var(--app-ink); border-radius: 7px; padding: 6px 11px; font-size: 12px;"><span data-dc-tpl="228" class="msym" style="font-size: 15px;">visibility</span>View diff</button>
                  
                </div>
              </div>
            
              <div data-dc-tpl="212" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 18px 20px;">
                <div data-dc-tpl="213" style="display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;">
                  <div data-dc-tpl="214" style="display: flex; align-items: center; gap: 10px;">
                    <span data-dc-tpl="215" style="font-family: var(--font-jb); font-size: 14px; font-weight: 500; color: var(--app-ink);">generate.prompt <span class="sc-interp">v3</span></span>
                    
                  </div>
                  <div data-dc-tpl="220" style="display: flex; align-items: center; gap: 14px; font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-soft);">
                    <span data-dc-tpl="221"><span data-dc-tpl="222" style="color: var(--app-ink-faint);">model</span> <span class="sc-interp">claude-sonnet-4</span></span>
                    <span data-dc-tpl="223"><span data-dc-tpl="224" style="color: var(--app-ink-faint);">created</span> <span class="sc-interp">2026-05-02</span></span>
                  </div>
                </div>
                <p data-dc-tpl="225" style="margin: 12px 0px 0px; font-size: 13px; line-height: 1.6; color: var(--app-ink-soft);"><span class="sc-interp">Summarize the day\u2019s most significant AI developments from the provided sources into a spoken-word brief of roughly 6 minutes. Prioritize research and shipped product over speculation.</span></p>
                <div data-dc-tpl="226" style="display: flex; gap: 8px; margin-top: 14px;">
                  <button data-dc-tpl="227" class="scp4" style="display: flex; align-items: center; gap: 6px; background: transparent; border: 1px solid var(--app-rule); color: var(--app-ink); border-radius: 7px; padding: 6px 11px; font-size: 12px;"><span data-dc-tpl="228" class="msym" style="font-size: 15px;">visibility</span>View diff</button>
                  <button data-dc-tpl="230" class="scp4" style="display: flex; align-items: center; gap: 6px; background: transparent; border: 1px solid var(--app-rule); color: var(--app-ink-soft); border-radius: 7px; padding: 6px 11px; font-size: 12px;"><span data-dc-tpl="231" class="msym" style="font-size: 15px;">restore</span>Restore</button>
                </div>
              </div>
            
              <div data-dc-tpl="212" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 18px 20px;">
                <div data-dc-tpl="213" style="display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;">
                  <div data-dc-tpl="214" style="display: flex; align-items: center; gap: 10px;">
                    <span data-dc-tpl="215" style="font-family: var(--font-jb); font-size: 14px; font-weight: 500; color: var(--app-ink);">generate.prompt <span class="sc-interp">v2</span></span>
                    
                  </div>
                  <div data-dc-tpl="220" style="display: flex; align-items: center; gap: 14px; font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-soft);">
                    <span data-dc-tpl="221"><span data-dc-tpl="222" style="color: var(--app-ink-faint);">model</span> <span class="sc-interp">claude-sonnet-4</span></span>
                    <span data-dc-tpl="223"><span data-dc-tpl="224" style="color: var(--app-ink-faint);">created</span> <span class="sc-interp">2026-03-18</span></span>
                  </div>
                </div>
                <p data-dc-tpl="225" style="margin: 12px 0px 0px; font-size: 13px; line-height: 1.6; color: var(--app-ink-soft);"><span class="sc-interp">Write a podcast script covering today\u2019s top AI stories. Keep it under 8 minutes and cite sources inline.</span></p>
                <div data-dc-tpl="226" style="display: flex; gap: 8px; margin-top: 14px;">
                  <button data-dc-tpl="227" class="scp4" style="display: flex; align-items: center; gap: 6px; background: transparent; border: 1px solid var(--app-rule); color: var(--app-ink); border-radius: 7px; padding: 6px 11px; font-size: 12px;"><span data-dc-tpl="228" class="msym" style="font-size: 15px;">visibility</span>View diff</button>
                  <button data-dc-tpl="230" class="scp4" style="display: flex; align-items: center; gap: 6px; background: transparent; border: 1px solid var(--app-rule); color: var(--app-ink-soft); border-radius: 7px; padding: 6px 11px; font-size: 12px;"><span data-dc-tpl="231" class="msym" style="font-size: 15px;">restore</span>Restore</button>
                </div>
              </div>
            
              <div data-dc-tpl="212" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 18px 20px;">
                <div data-dc-tpl="213" style="display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;">
                  <div data-dc-tpl="214" style="display: flex; align-items: center; gap: 10px;">
                    <span data-dc-tpl="215" style="font-family: var(--font-jb); font-size: 14px; font-weight: 500; color: var(--app-ink);">generate.prompt <span class="sc-interp">v1</span></span>
                    
                  </div>
                  <div data-dc-tpl="220" style="display: flex; align-items: center; gap: 14px; font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-soft);">
                    <span data-dc-tpl="221"><span data-dc-tpl="222" style="color: var(--app-ink-faint);">model</span> <span class="sc-interp">claude-3.7-sonnet</span></span>
                    <span data-dc-tpl="223"><span data-dc-tpl="224" style="color: var(--app-ink-faint);">created</span> <span class="sc-interp">2026-02-01</span></span>
                  </div>
                </div>
                <p data-dc-tpl="225" style="margin: 12px 0px 0px; font-size: 13px; line-height: 1.6; color: var(--app-ink-soft);"><span class="sc-interp">Generate a daily AI news summary suitable for text-to-speech.</span></p>
                <div data-dc-tpl="226" style="display: flex; gap: 8px; margin-top: 14px;">
                  <button data-dc-tpl="227" class="scp4" style="display: flex; align-items: center; gap: 6px; background: transparent; border: 1px solid var(--app-rule); color: var(--app-ink); border-radius: 7px; padding: 6px 11px; font-size: 12px;"><span data-dc-tpl="228" class="msym" style="font-size: 15px;">visibility</span>View diff</button>
                  <button data-dc-tpl="230" class="scp4" style="display: flex; align-items: center; gap: 6px; background: transparent; border: 1px solid var(--app-rule); color: var(--app-ink-soft); border-radius: 7px; padding: 6px 11px; font-size: 12px;"><span data-dc-tpl="231" class="msym" style="font-size: 15px;">restore</span>Restore</button>
                </div>
              </div>
            
          </div>
        

        
        

        
        

        
        

      </div>`,podRuns:`<div data-dc-tpl="34" class="appscroll" style="min-height: 64px; display: flex; align-items: stretch; gap: 0px; background: var(--app-surface); border-bottom: 1px solid var(--app-rule); overflow-x: auto; position: sticky; top: 0px; z-index: 10;">
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Episodes this week</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">7</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 +1</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Avg gen time</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">2:04</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25BC \u22128s</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Sources tracked</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">6</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">\u2014 0</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Publish rate</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">98.7%</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 +0.3%</span></span>
            </div>
          </div>
        
      </div>

      
      <div data-dc-tpl="41" style="padding: 16px 22px 0px;">
        <div data-dc-tpl="42" style="display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap;">
          <div data-dc-tpl="43">
            <div data-dc-tpl="44" style="font-family: var(--font-jb); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);">podcast \xB7 daily-ai-brief pipeline</div>
            <h1 data-dc-tpl="45" style="margin: 4px 0px 0px; font-family: var(--font-inter); font-weight: 700; font-size: 23px; letter-spacing: -0.02em; color: var(--app-ink);"><span class="sc-interp">Run \u2014 run-1043</span></h1>
          </div>
          <div data-dc-tpl="46" style="display: flex; align-items: center; gap: 8px;">
            <div data-dc-tpl="47" style="display: flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);">
              <span data-dc-tpl="48" style="width: 8px; height: 8px; border-radius: 50%; background: var(--app-success);"></span>
              <span data-dc-tpl="49" style="font-family: var(--font-jb); font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase;"><span class="sc-interp">Today \xB7 done</span></span>
            </div>
            <button data-dc-tpl="50" class="scp1" style="display: flex; align-items: center; gap: 7px; background: var(--app-accent); color: var(--app-accent-ink); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; padding: 8px 14px; font-weight: 600; font-size: 13px;">
              <span data-dc-tpl="51" class="msym" style="font-size: 17px;">play_arrow</span>Run now
            </button>
          </div>
        </div>
        
        <div data-dc-tpl="52" class="appscroll" style="display: flex; gap: 2px; margin-top: 16px; border-bottom: 1px solid var(--app-rule); overflow-x: auto;">
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Overview</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-top-width: medium; border-right-width: medium; border-bottom: 2px solid var(--app-accent); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; background: transparent; color: var(--app-ink); font-size: 13px; font-weight: 600; white-space: nowrap;"><span class="sc-interp">Runs</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Sources</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Prompts</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Episodes</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Trigger</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Alerts</span></button>
          
        </div>
      </div>

      <div data-dc-tpl="55" style="padding: 20px 22px 40px; animation: fadeUp .4s var(--liquid-ease, ease);">

        
        

        
        
          <div data-dc-tpl="133" style="display: flex; flex-direction: column; gap: 16px; max-width: 900px;">
            
            <div data-dc-tpl="134" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 16px 20px;">
              <div data-dc-tpl="135" style="display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;">
                <div data-dc-tpl="136" style="display: flex; align-items: center; gap: 12px;">
                  <span data-dc-tpl="137" style="width: 34px; height: 34px; border-radius: 50%; border-top-color: transparent; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; display: inline-block; animation: 0.9s linear 0s infinite normal none running spin;"></span>
                  <div data-dc-tpl="138">
                    <div data-dc-tpl="139" style="display: flex; align-items: center; gap: 9px;"><span data-dc-tpl="140" style="font-size: 15px; font-weight: 600;">run-1043</span>
                      <span data-dc-tpl="141" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 999px; background: color-mix(in srgb, var(--app-running) 15%, transparent); color: var(--app-running); border: 1px solid color-mix(in srgb, var(--app-running) 32%, transparent);"><span data-dc-tpl="142" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-running); animation: 1.4s ease-in-out 0s infinite normal none running livepulse;"></span><span data-dc-tpl="143" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em;">Running</span></span></div>
                    <div data-dc-tpl="144" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); margin-top: 3px;">started 06:00:02 \xB7 elapsed 00:58 \xB7 stage 3 / 5</div>
                  </div>
                </div>
                <button data-dc-tpl="145" class="scp5" style="display: flex; align-items: center; gap: 6px; background: transparent; border: 1px solid var(--app-rule); color: var(--app-signal); border-radius: 8px; padding: 8px 13px; font-size: 13px; font-weight: 500;"><span data-dc-tpl="146" class="msym" style="font-size: 16px;">stop</span>Cancel run</button>
              </div>
              <div data-dc-tpl="147" style="margin-top: 16px; height: 6px; border-radius: 999px; background: var(--app-bg); overflow: hidden; position: relative;">
                <div data-dc-tpl="148" style="height: 100%; width: 52%; background: var(--app-accent); border-radius: 999px;"></div>
                <div data-dc-tpl="149" style="position: absolute; top: 0px; bottom: 0px; left: 52%; width: 40px; background: linear-gradient(90deg,var(--app-accent-glow),transparent);"></div>
              </div>
              <div data-dc-tpl="150" style="display: flex; justify-content: space-between; font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); margin-top: 6px;"><span data-dc-tpl="151">overall progress</span><span data-dc-tpl="152" style="color: var(--app-accent);">52%</span></div>
            </div>

            
            <div data-dc-tpl="153" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 8px 0px;">
              
                <div data-dc-tpl="155" style="border-bottom: 1px solid var(--app-rule-soft);">
                  <div data-dc-tpl="156" style="display: flex; align-items: flex-start; gap: 14px; padding: 16px 20px; cursor: pointer;">
                    
                    <div data-dc-tpl="157" style="position: relative; flex: 0 0 36px; display: flex; flex-direction: column; align-items: center;">
                      <div data-dc-tpl="158" style="width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--app-success) 16%, transparent); border: 2px solid var(--app-success); color: var(--app-success);">
                        
                        <span data-dc-tpl="162" class="msym" style="font-size: 18px;"><span class="sc-interp">rss_feed</span></span>
                      </div>
                    </div>
                    
                    <div data-dc-tpl="163" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="164" style="display: flex; align-items: center; justify-content: space-between; gap: 10px;">
                        <div data-dc-tpl="165" style="display: flex; align-items: center; gap: 10px;">
                          <span data-dc-tpl="166" style="font-size: 14px; font-weight: 600; color: var(--app-ink);"><span class="sc-interp">Sources</span></span>
                          <span data-dc-tpl="167" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);"><span data-dc-tpl="168" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Done</span></span></span>
                        </div>
                        <div data-dc-tpl="169" style="display: flex; align-items: center; gap: 14px;">
                          <span data-dc-tpl="170" style="font-family: var(--font-jb); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">2.1s</span></span>
                          <span data-dc-tpl="171" class="msym" style="font-size: 18px; color: var(--app-ink-faint); transition: transform 0.2s;">expand_more</span>
                        </div>
                      </div>
                      <div data-dc-tpl="172" style="display: flex; gap: 18px; margin-top: 6px; font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-soft); flex-wrap: wrap;">
                        <span data-dc-tpl="173"><span data-dc-tpl="174" style="color: var(--app-ink-faint);">in</span> <span class="sc-interp">6 feeds</span></span>
                        <span data-dc-tpl="175"><span data-dc-tpl="176" style="color: var(--app-ink-faint);">out</span> <span class="sc-interp">42 items</span></span>
                      </div>
                      
                      
                      
                      
                    </div>
                  </div>
                </div>
              
                <div data-dc-tpl="155" style="border-bottom: 1px solid var(--app-rule-soft);">
                  <div data-dc-tpl="156" style="display: flex; align-items: flex-start; gap: 14px; padding: 16px 20px; cursor: pointer;">
                    
                    <div data-dc-tpl="157" style="position: relative; flex: 0 0 36px; display: flex; flex-direction: column; align-items: center;">
                      <div data-dc-tpl="158" style="width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--app-success) 16%, transparent); border: 2px solid var(--app-success); color: var(--app-success);">
                        
                        <span data-dc-tpl="162" class="msym" style="font-size: 18px;"><span class="sc-interp">terminal</span></span>
                      </div>
                    </div>
                    
                    <div data-dc-tpl="163" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="164" style="display: flex; align-items: center; justify-content: space-between; gap: 10px;">
                        <div data-dc-tpl="165" style="display: flex; align-items: center; gap: 10px;">
                          <span data-dc-tpl="166" style="font-size: 14px; font-weight: 600; color: var(--app-ink);"><span class="sc-interp">Prompts</span></span>
                          <span data-dc-tpl="167" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);"><span data-dc-tpl="168" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Done</span></span></span>
                        </div>
                        <div data-dc-tpl="169" style="display: flex; align-items: center; gap: 14px;">
                          <span data-dc-tpl="170" style="font-family: var(--font-jb); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">0.3s</span></span>
                          <span data-dc-tpl="171" class="msym" style="font-size: 18px; color: var(--app-ink-faint); transition: transform 0.2s;">expand_more</span>
                        </div>
                      </div>
                      <div data-dc-tpl="172" style="display: flex; gap: 18px; margin-top: 6px; font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-soft); flex-wrap: wrap;">
                        <span data-dc-tpl="173"><span data-dc-tpl="174" style="color: var(--app-ink-faint);">in</span> <span class="sc-interp">v4 active</span></span>
                        <span data-dc-tpl="175"><span data-dc-tpl="176" style="color: var(--app-ink-faint);">out</span> <span class="sc-interp">1 prompt</span></span>
                      </div>
                      
                      
                      
                      
                    </div>
                  </div>
                </div>
              
                <div data-dc-tpl="155" style="border-bottom: 1px solid var(--app-rule-soft);">
                  <div data-dc-tpl="156" style="display: flex; align-items: flex-start; gap: 14px; padding: 16px 20px; cursor: pointer;">
                    
                    <div data-dc-tpl="157" style="position: relative; flex: 0 0 36px; display: flex; flex-direction: column; align-items: center;">
                      <div data-dc-tpl="158" style="width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--app-running) 14%, transparent); border: 2px solid var(--app-running); color: var(--app-running);">
                        <span data-dc-tpl="160" style="width: 20px; height: 20px; border-radius: 50%; border-top-color: transparent; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; display: inline-block; animation: 0.9s linear 0s infinite normal none running spin;"></span>
                        
                      </div>
                    </div>
                    
                    <div data-dc-tpl="163" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="164" style="display: flex; align-items: center; justify-content: space-between; gap: 10px;">
                        <div data-dc-tpl="165" style="display: flex; align-items: center; gap: 10px;">
                          <span data-dc-tpl="166" style="font-size: 14px; font-weight: 600; color: var(--app-ink);"><span class="sc-interp">Generate</span></span>
                          <span data-dc-tpl="167" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: 999px; background: color-mix(in srgb, var(--app-running) 15%, transparent); color: var(--app-running); border: 1px solid color-mix(in srgb, var(--app-running) 32%, transparent);"><span data-dc-tpl="168" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Running</span></span></span>
                        </div>
                        <div data-dc-tpl="169" style="display: flex; align-items: center; gap: 14px;">
                          <span data-dc-tpl="170" style="font-family: var(--font-jb); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">48.6s</span></span>
                          <span data-dc-tpl="171" class="msym" style="font-size: 18px; color: var(--app-ink-faint); transition: transform 0.2s; transform: rotate(180deg);">expand_more</span>
                        </div>
                      </div>
                      <div data-dc-tpl="172" style="display: flex; gap: 18px; margin-top: 6px; font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-soft); flex-wrap: wrap;">
                        <span data-dc-tpl="173"><span data-dc-tpl="174" style="color: var(--app-ink-faint);">in</span> <span class="sc-interp">42 items</span></span>
                        <span data-dc-tpl="175"><span data-dc-tpl="176" style="color: var(--app-ink-faint);">out</span> <span class="sc-interp">script \xB7 streaming</span></span>
                      </div>
                      
                      
                        <div data-dc-tpl="178" style="margin-top: 12px; height: 5px; border-radius: 999px; background: var(--app-bg); overflow: hidden; position: relative;">
                          <div data-dc-tpl="179" style="height: 100%; border-radius: 999px; background: var(--app-running); width: 64%; transition: width 0.8s;"></div>
                          <div data-dc-tpl="180" style="position: absolute; top: 0px; bottom: 0px; width: 35%; background: linear-gradient(90deg,transparent,var(--app-accent-glow),transparent); animation: 1.4s linear 0s infinite normal none running indet;"></div>
                        </div>
                        <div data-dc-tpl="181" style="display: flex; justify-content: space-between; font-family: var(--font-jb); font-size: 10px; color: var(--app-ink-faint); margin-top: 5px;"><span data-dc-tpl="182"><span class="sc-interp">drafting script</span></span><span data-dc-tpl="183" style="color: var(--app-accent);"><span class="sc-interp">64%</span></span></div>
                      
                      
                      
                        <div data-dc-tpl="185" style="margin-top: 12px; background: var(--app-bg); border: 1px solid var(--app-rule-soft); border-radius: 8px; padding: 12px 14px; font-family: var(--font-jb); font-size: 11px; line-height: 1.7; color: var(--app-ink-soft);">
                          
                            <div data-dc-tpl="187"><span data-dc-tpl="188" style="color: var(--app-running);"><span class="sc-interp">[gen]</span></span> <span class="sc-interp">Ranking 42 items by novelty + relevance</span></div>
                          
                            <div data-dc-tpl="187"><span data-dc-tpl="188" style="color: var(--app-running);"><span class="sc-interp">[gen]</span></span> <span class="sc-interp">Selected top 9 stories for the brief</span></div>
                          
                            <div data-dc-tpl="187"><span data-dc-tpl="188" style="color: var(--app-running);"><span class="sc-interp">[run]</span></span> <span class="sc-interp">Drafting script \u2014 1,240 / ~1,600 words</span></div>
                          
                            <div data-dc-tpl="187"><span data-dc-tpl="188" style="color: var(--app-ink-faint);"><span class="sc-interp">[sys]</span></span> <span class="sc-interp">model claude-sonnet-4.5 \xB7 streaming tokens</span></div>
                          
                        </div>
                      
                    </div>
                  </div>
                </div>
              
                <div data-dc-tpl="155" style="border-bottom: 1px solid var(--app-rule-soft);">
                  <div data-dc-tpl="156" style="display: flex; align-items: flex-start; gap: 14px; padding: 16px 20px; cursor: pointer;">
                    
                    <div data-dc-tpl="157" style="position: relative; flex: 0 0 36px; display: flex; flex-direction: column; align-items: center;">
                      <div data-dc-tpl="158" style="width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--app-bg); border: 2px solid var(--app-rule); color: var(--app-ink-faint);">
                        
                        <span data-dc-tpl="162" class="msym" style="font-size: 18px;"><span class="sc-interp">headphones</span></span>
                      </div>
                    </div>
                    
                    <div data-dc-tpl="163" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="164" style="display: flex; align-items: center; justify-content: space-between; gap: 10px;">
                        <div data-dc-tpl="165" style="display: flex; align-items: center; gap: 10px;">
                          <span data-dc-tpl="166" style="font-size: 14px; font-weight: 600; color: var(--app-ink);"><span class="sc-interp">Episode</span></span>
                          <span data-dc-tpl="167" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: 999px; background: color-mix(in srgb, var(--app-ink-faint) 15%, transparent); color: var(--app-ink-faint); border: 1px solid color-mix(in srgb, var(--app-ink-faint) 32%, transparent);"><span data-dc-tpl="168" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Pending</span></span></span>
                        </div>
                        <div data-dc-tpl="169" style="display: flex; align-items: center; gap: 14px;">
                          <span data-dc-tpl="170" style="font-family: var(--font-jb); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">\u2014</span></span>
                          <span data-dc-tpl="171" class="msym" style="font-size: 18px; color: var(--app-ink-faint); transition: transform 0.2s;">expand_more</span>
                        </div>
                      </div>
                      <div data-dc-tpl="172" style="display: flex; gap: 18px; margin-top: 6px; font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-soft); flex-wrap: wrap;">
                        <span data-dc-tpl="173"><span data-dc-tpl="174" style="color: var(--app-ink-faint);">in</span> <span class="sc-interp">awaiting script</span></span>
                        <span data-dc-tpl="175"><span data-dc-tpl="176" style="color: var(--app-ink-faint);">out</span> <span class="sc-interp">audio</span></span>
                      </div>
                      
                      
                      
                      
                    </div>
                  </div>
                </div>
              
                <div data-dc-tpl="155">
                  <div data-dc-tpl="156" style="display: flex; align-items: flex-start; gap: 14px; padding: 16px 20px; cursor: pointer;">
                    
                    <div data-dc-tpl="157" style="position: relative; flex: 0 0 36px; display: flex; flex-direction: column; align-items: center;">
                      <div data-dc-tpl="158" style="width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--app-bg); border: 2px solid var(--app-rule); color: var(--app-ink-faint);">
                        
                        <span data-dc-tpl="162" class="msym" style="font-size: 18px;"><span class="sc-interp">cloud_upload</span></span>
                      </div>
                    </div>
                    
                    <div data-dc-tpl="163" style="flex: 1 1 0%; min-width: 0px;">
                      <div data-dc-tpl="164" style="display: flex; align-items: center; justify-content: space-between; gap: 10px;">
                        <div data-dc-tpl="165" style="display: flex; align-items: center; gap: 10px;">
                          <span data-dc-tpl="166" style="font-size: 14px; font-weight: 600; color: var(--app-ink);"><span class="sc-interp">Publish</span></span>
                          <span data-dc-tpl="167" style="display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: 999px; background: color-mix(in srgb, var(--app-ink-faint) 15%, transparent); color: var(--app-ink-faint); border: 1px solid color-mix(in srgb, var(--app-ink-faint) 32%, transparent);"><span data-dc-tpl="168" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Pending</span></span></span>
                        </div>
                        <div data-dc-tpl="169" style="display: flex; align-items: center; gap: 14px;">
                          <span data-dc-tpl="170" style="font-family: var(--font-jb); font-size: 12px; color: var(--app-ink-soft);"><span class="sc-interp">\u2014</span></span>
                          <span data-dc-tpl="171" class="msym" style="font-size: 18px; color: var(--app-ink-faint); transition: transform 0.2s;">expand_more</span>
                        </div>
                      </div>
                      <div data-dc-tpl="172" style="display: flex; gap: 18px; margin-top: 6px; font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-soft); flex-wrap: wrap;">
                        <span data-dc-tpl="173"><span data-dc-tpl="174" style="color: var(--app-ink-faint);">in</span> <span class="sc-interp">awaiting episode</span></span>
                        <span data-dc-tpl="175"><span data-dc-tpl="176" style="color: var(--app-ink-faint);">out</span> <span class="sc-interp">3 targets</span></span>
                      </div>
                      
                      
                      
                      
                    </div>
                  </div>
                </div>
              
            </div>
          </div>
        

        
        

        
        

        
        

        
        

        
        

      </div>`,podSources:`<div data-dc-tpl="34" class="appscroll" style="min-height: 64px; display: flex; align-items: stretch; gap: 0px; background: var(--app-surface); border-bottom: 1px solid var(--app-rule); overflow-x: auto; position: sticky; top: 0px; z-index: 10;">
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Episodes this week</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">7</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 +1</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Avg gen time</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">2:04</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25BC \u22128s</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Sources tracked</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">6</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">\u2014 0</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Publish rate</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">98.7%</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 +0.3%</span></span>
            </div>
          </div>
        
      </div>

      
      <div data-dc-tpl="41" style="padding: 16px 22px 0px;">
        <div data-dc-tpl="42" style="display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap;">
          <div data-dc-tpl="43">
            <div data-dc-tpl="44" style="font-family: var(--font-jb); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);">podcast \xB7 daily-ai-brief pipeline</div>
            <h1 data-dc-tpl="45" style="margin: 4px 0px 0px; font-family: var(--font-inter); font-weight: 700; font-size: 23px; letter-spacing: -0.02em; color: var(--app-ink);"><span class="sc-interp">Sources</span></h1>
          </div>
          <div data-dc-tpl="46" style="display: flex; align-items: center; gap: 8px;">
            <div data-dc-tpl="47" style="display: flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);">
              <span data-dc-tpl="48" style="width: 8px; height: 8px; border-radius: 50%; background: var(--app-success);"></span>
              <span data-dc-tpl="49" style="font-family: var(--font-jb); font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase;"><span class="sc-interp">Today \xB7 done</span></span>
            </div>
            <button data-dc-tpl="50" class="scp1" style="display: flex; align-items: center; gap: 7px; background: var(--app-accent); color: var(--app-accent-ink); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; padding: 8px 14px; font-weight: 600; font-size: 13px;">
              <span data-dc-tpl="51" class="msym" style="font-size: 17px;">play_arrow</span>Run now
            </button>
          </div>
        </div>
        
        <div data-dc-tpl="52" class="appscroll" style="display: flex; gap: 2px; margin-top: 16px; border-bottom: 1px solid var(--app-rule); overflow-x: auto;">
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Overview</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Runs</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-top-width: medium; border-right-width: medium; border-bottom: 2px solid var(--app-accent); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; background: transparent; color: var(--app-ink); font-size: 13px; font-weight: 600; white-space: nowrap;"><span class="sc-interp">Sources</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Prompts</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Episodes</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Trigger</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Alerts</span></button>
          
        </div>
      </div>

      <div data-dc-tpl="55" style="padding: 20px 22px 40px; animation: fadeUp .4s var(--liquid-ease, ease);">

        
        

        
        

        
        
          <div data-dc-tpl="190" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); overflow: hidden; max-width: 1000px;">
            <div data-dc-tpl="191" style="display: grid; grid-template-columns: 2.4fr 1fr 1fr 1.2fr; gap: 12px; padding: 11px 20px; background: var(--app-bg); border-bottom: 1px solid var(--app-rule); font-family: var(--font-inter); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--app-ink-faint);">
              <span data-dc-tpl="192">Source</span><span data-dc-tpl="193">Status</span><span data-dc-tpl="194" style="text-align: right;">Items today</span><span data-dc-tpl="195" style="text-align: right;">Last sync</span>
            </div>
            
              <div data-dc-tpl="197" class="scp6" style="display: grid; grid-template-columns: 2.4fr 1fr 1fr 1.2fr; gap: 12px; padding: 13px 20px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                <div data-dc-tpl="198" style="display: flex; align-items: center; gap: 10px; min-width: 0px;">
                  <span data-dc-tpl="199" class="msym" style="font-size: 18px; color: var(--app-ink-faint); flex: 0 0 18px;"><span class="sc-interp">article</span></span>
                  <div data-dc-tpl="200" style="min-width: 0px;">
                    <div data-dc-tpl="201" style="font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">arxiv cs.AI</span></div>
                    <div data-dc-tpl="202" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">arxiv.org/list/cs.AI</span></div>
                  </div>
                </div>
                <div data-dc-tpl="203"><span data-dc-tpl="204" style="display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);"><span data-dc-tpl="205" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success); animation: 2s ease-in-out 0s infinite normal none running livepulse;"></span><span data-dc-tpl="206" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Connected</span></span></span></div>
                <span data-dc-tpl="207" style="font-family: var(--font-jb); font-size: 13px; text-align: right; color: var(--app-ink);"><span class="sc-interp">18</span></span>
                <span data-dc-tpl="208" style="font-family: var(--font-jb); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">06:00:02</span></span>
              </div>
            
              <div data-dc-tpl="197" class="scp6" style="display: grid; grid-template-columns: 2.4fr 1fr 1fr 1.2fr; gap: 12px; padding: 13px 20px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                <div data-dc-tpl="198" style="display: flex; align-items: center; gap: 10px; min-width: 0px;">
                  <span data-dc-tpl="199" class="msym" style="font-size: 18px; color: var(--app-ink-faint); flex: 0 0 18px;"><span class="sc-interp">tag</span></span>
                  <div data-dc-tpl="200" style="min-width: 0px;">
                    <div data-dc-tpl="201" style="font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Hacker News \u2014 front page</span></div>
                    <div data-dc-tpl="202" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">news.ycombinator.com</span></div>
                  </div>
                </div>
                <div data-dc-tpl="203"><span data-dc-tpl="204" style="display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);"><span data-dc-tpl="205" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success); animation: 2s ease-in-out 0s infinite normal none running livepulse;"></span><span data-dc-tpl="206" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Connected</span></span></span></div>
                <span data-dc-tpl="207" style="font-family: var(--font-jb); font-size: 13px; text-align: right; color: var(--app-ink);"><span class="sc-interp">12</span></span>
                <span data-dc-tpl="208" style="font-family: var(--font-jb); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">06:00:03</span></span>
              </div>
            
              <div data-dc-tpl="197" class="scp6" style="display: grid; grid-template-columns: 2.4fr 1fr 1fr 1.2fr; gap: 12px; padding: 13px 20px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                <div data-dc-tpl="198" style="display: flex; align-items: center; gap: 10px; min-width: 0px;">
                  <span data-dc-tpl="199" class="msym" style="font-size: 18px; color: var(--app-ink-faint); flex: 0 0 18px;"><span class="sc-interp">forum</span></span>
                  <div data-dc-tpl="200" style="min-width: 0px;">
                    <div data-dc-tpl="201" style="font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">reddit r/MachineLearning</span></div>
                    <div data-dc-tpl="202" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">reddit.com/r/MachineLearning</span></div>
                  </div>
                </div>
                <div data-dc-tpl="203"><span data-dc-tpl="204" style="display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: color-mix(in srgb, var(--app-warn) 15%, transparent); color: var(--app-warn); border: 1px solid color-mix(in srgb, var(--app-warn) 32%, transparent);"><span data-dc-tpl="205" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-warn);"></span><span data-dc-tpl="206" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Rate-limited</span></span></span></div>
                <span data-dc-tpl="207" style="font-family: var(--font-jb); font-size: 13px; text-align: right; color: var(--app-ink);"><span class="sc-interp">5</span></span>
                <span data-dc-tpl="208" style="font-family: var(--font-jb); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">05:59:41</span></span>
              </div>
            
              <div data-dc-tpl="197" class="scp6" style="display: grid; grid-template-columns: 2.4fr 1fr 1fr 1.2fr; gap: 12px; padding: 13px 20px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                <div data-dc-tpl="198" style="display: flex; align-items: center; gap: 10px; min-width: 0px;">
                  <span data-dc-tpl="199" class="msym" style="font-size: 18px; color: var(--app-ink-faint); flex: 0 0 18px;"><span class="sc-interp">forum</span></span>
                  <div data-dc-tpl="200" style="min-width: 0px;">
                    <div data-dc-tpl="201" style="font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">reddit r/LocalLLaMA</span></div>
                    <div data-dc-tpl="202" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">reddit.com/r/LocalLLaMA</span></div>
                  </div>
                </div>
                <div data-dc-tpl="203"><span data-dc-tpl="204" style="display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);"><span data-dc-tpl="205" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success); animation: 2s ease-in-out 0s infinite normal none running livepulse;"></span><span data-dc-tpl="206" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Connected</span></span></span></div>
                <span data-dc-tpl="207" style="font-family: var(--font-jb); font-size: 13px; text-align: right; color: var(--app-ink);"><span class="sc-interp">7</span></span>
                <span data-dc-tpl="208" style="font-family: var(--font-jb); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">06:00:01</span></span>
              </div>
            
              <div data-dc-tpl="197" class="scp6" style="display: grid; grid-template-columns: 2.4fr 1fr 1fr 1.2fr; gap: 12px; padding: 13px 20px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                <div data-dc-tpl="198" style="display: flex; align-items: center; gap: 10px; min-width: 0px;">
                  <span data-dc-tpl="199" class="msym" style="font-size: 18px; color: var(--app-ink-faint); flex: 0 0 18px;"><span class="sc-interp">science</span></span>
                  <div data-dc-tpl="200" style="min-width: 0px;">
                    <div data-dc-tpl="201" style="font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Papers with Code \u2014 latest</span></div>
                    <div data-dc-tpl="202" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">paperswithcode.com</span></div>
                  </div>
                </div>
                <div data-dc-tpl="203"><span data-dc-tpl="204" style="display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: color-mix(in srgb, var(--app-fail) 15%, transparent); color: var(--app-fail); border: 1px solid color-mix(in srgb, var(--app-fail) 32%, transparent);"><span data-dc-tpl="205" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-fail);"></span><span data-dc-tpl="206" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Disconnected</span></span></span></div>
                <span data-dc-tpl="207" style="font-family: var(--font-jb); font-size: 13px; text-align: right; color: var(--app-ink-faint);"><span class="sc-interp">0</span></span>
                <span data-dc-tpl="208" style="font-family: var(--font-jb); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">05:58:12</span></span>
              </div>
            
              <div data-dc-tpl="197" class="scp6" style="display: grid; grid-template-columns: 2.4fr 1fr 1fr 1.2fr; gap: 12px; padding: 13px 20px; border-bottom: 1px solid var(--app-rule-soft); align-items: center;">
                <div data-dc-tpl="198" style="display: flex; align-items: center; gap: 10px; min-width: 0px;">
                  <span data-dc-tpl="199" class="msym" style="font-size: 18px; color: var(--app-ink-faint); flex: 0 0 18px;"><span class="sc-interp">rss_feed</span></span>
                  <div data-dc-tpl="200" style="min-width: 0px;">
                    <div data-dc-tpl="201" style="font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Company research blogs (RSS bundle)</span></div>
                    <div data-dc-tpl="202" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">12 feeds</span></div>
                  </div>
                </div>
                <div data-dc-tpl="203"><span data-dc-tpl="204" style="display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);"><span data-dc-tpl="205" style="width: 6px; height: 6px; border-radius: 50%; background: var(--app-success); animation: 2s ease-in-out 0s infinite normal none running livepulse;"></span><span data-dc-tpl="206" style="font-family: var(--font-jb); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em;"><span class="sc-interp">Connected</span></span></span></div>
                <span data-dc-tpl="207" style="font-family: var(--font-jb); font-size: 13px; text-align: right; color: var(--app-ink-faint);"><span class="sc-interp">0</span></span>
                <span data-dc-tpl="208" style="font-family: var(--font-jb); font-size: 12px; color: var(--app-ink-soft); text-align: right;"><span class="sc-interp">06:00:00</span></span>
              </div>
            
          </div>
        

        
        

        
        

        
        

        
        

      </div>`,podTrigger:`<div data-dc-tpl="34" class="appscroll" style="min-height: 64px; display: flex; align-items: stretch; gap: 0px; background: var(--app-surface); border-bottom: 1px solid var(--app-rule); overflow-x: auto; position: sticky; top: 0px; z-index: 10;">
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Episodes this week</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">7</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 +1</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Avg gen time</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">2:04</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25BC \u22128s</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Sources tracked</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">6</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint);"><span class="sc-interp">\u2014 0</span></span>
            </div>
          </div>
        
          <div data-dc-tpl="36" style="flex: 1 1 0%; min-width: 180px; padding: 11px 18px; border-right: 1px solid var(--app-rule); display: flex; flex-direction: column; justify-content: center; gap: 3px;">
            <div data-dc-tpl="37" style="font-family: var(--font-inter); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);"><span class="sc-interp">Publish rate</span></div>
            <div data-dc-tpl="38" style="display: flex; align-items: baseline; gap: 8px;">
              <span data-dc-tpl="39" style="font-family: var(--font-jb); font-size: 19px; font-weight: 500; color: var(--app-ink);"><span class="sc-interp">98.7%</span></span>
              <span data-dc-tpl="40" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success);"><span class="sc-interp">\u25B2 +0.3%</span></span>
            </div>
          </div>
        
      </div>

      
      <div data-dc-tpl="41" style="padding: 16px 22px 0px;">
        <div data-dc-tpl="42" style="display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap;">
          <div data-dc-tpl="43">
            <div data-dc-tpl="44" style="font-family: var(--font-jb); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-ink-faint);">podcast \xB7 daily-ai-brief pipeline</div>
            <h1 data-dc-tpl="45" style="margin: 4px 0px 0px; font-family: var(--font-inter); font-weight: 700; font-size: 23px; letter-spacing: -0.02em; color: var(--app-ink);"><span class="sc-interp">Trigger &amp; schedule</span></h1>
          </div>
          <div data-dc-tpl="46" style="display: flex; align-items: center; gap: 8px;">
            <div data-dc-tpl="47" style="display: flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 999px; background: color-mix(in srgb, var(--app-success) 15%, transparent); color: var(--app-success); border: 1px solid color-mix(in srgb, var(--app-success) 32%, transparent);">
              <span data-dc-tpl="48" style="width: 8px; height: 8px; border-radius: 50%; background: var(--app-success);"></span>
              <span data-dc-tpl="49" style="font-family: var(--font-jb); font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase;"><span class="sc-interp">Today \xB7 done</span></span>
            </div>
            <button data-dc-tpl="50" class="scp1" style="display: flex; align-items: center; gap: 7px; background: var(--app-accent); color: var(--app-accent-ink); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; padding: 8px 14px; font-weight: 600; font-size: 13px;">
              <span data-dc-tpl="51" class="msym" style="font-size: 17px;">play_arrow</span>Run now
            </button>
          </div>
        </div>
        
        <div data-dc-tpl="52" class="appscroll" style="display: flex; gap: 2px; margin-top: 16px; border-bottom: 1px solid var(--app-rule); overflow-x: auto;">
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Overview</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Runs</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Sources</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Prompts</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Episodes</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-top-width: medium; border-right-width: medium; border-bottom: 2px solid var(--app-accent); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; background: transparent; color: var(--app-ink); font-size: 13px; font-weight: 600; white-space: nowrap;"><span class="sc-interp">Trigger</span></button>
          
            <button data-dc-tpl="54" class="scp2" style="padding: 10px 14px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: var(--app-ink-faint); font-size: 13px; font-weight: 500; white-space: nowrap;"><span class="sc-interp">Alerts</span></button>
          
        </div>
      </div>

      <div data-dc-tpl="55" style="padding: 20px 22px 40px; animation: fadeUp .4s var(--liquid-ease, ease);">

        
        

        
        

        
        

        
        

        
        

        
        
          <div data-dc-tpl="282" style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 900px;">
            
            <div data-dc-tpl="283" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 20px;">
              <div data-dc-tpl="284" style="font-size: 14px; font-weight: 600;">Manual run</div>
              <p data-dc-tpl="285" style="margin: 6px 0px 0px; font-size: 13px; color: var(--app-ink-soft); line-height: 1.6;">Trigger the daily-brief pipeline immediately. This spawns a run, ingests all connected sources, and generates a new episode.</p>
              <div data-dc-tpl="286" style="margin-top: 20px;">
                
                  <button data-dc-tpl="288" style="position: relative; width: 100%; overflow: hidden; background: var(--app-accent-dim); border: 1px solid var(--app-accent); color: var(--app-accent); border-radius: 10px; padding: 14px; font-weight: 600; font-size: 14px; user-select: none;">
                    <span data-dc-tpl="289" style="position: absolute; top: 0px; left: 0px; bottom: 0px; background: var(--app-accent); width: 0%; transition: width 0.05s linear;"></span>
                    <span data-dc-tpl="290" style="position: relative; z-index: 2; color: var(--app-accent);">Hold to run pipeline</span>
                  </button>
                
                
                <div data-dc-tpl="294" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint); margin-top: 10px; text-align: center;">POST /v2/podcast/pipeline:run</div>
              </div>
            </div>
            
            <div data-dc-tpl="295" style="background: var(--app-surface); border: 1px solid var(--app-rule); border-radius: var(--app-radius); padding: 20px;">
              <div data-dc-tpl="296" style="font-size: 14px; font-weight: 600;">Schedule</div>
              <p data-dc-tpl="297" style="margin: 6px 0px 16px; font-size: 13px; color: var(--app-ink-soft); line-height: 1.6;">Automatic daily trigger. Runs in the tenant's UTC window.</p>
              <div data-dc-tpl="298" style="display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: var(--app-bg); border: 1px solid var(--app-rule-soft); border-radius: 8px;">
                <span data-dc-tpl="299" class="msym" style="font-size: 20px; color: var(--app-accent);">schedule</span>
                <div data-dc-tpl="300"><div data-dc-tpl="301" style="font-family: var(--font-jb); font-size: 15px; color: var(--app-ink);">06:00 daily</div><div data-dc-tpl="302" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-ink-faint);">0 6 * * * \xB7 UTC</div></div>
                <div data-dc-tpl="303" style="margin-left: auto; display: flex; align-items: center; gap: 8px;"><span data-dc-tpl="304" style="font-family: var(--font-jb); font-size: 11px; color: var(--app-success); text-transform: uppercase;">Enabled</span><span data-dc-tpl="305" style="width: 34px; height: 20px; border-radius: 999px; background: var(--app-accent); position: relative;"><span data-dc-tpl="306" style="position: absolute; top: 2px; right: 2px; width: 16px; height: 16px; border-radius: 50%; background: var(--app-accent-ink);"></span></span></div>
              </div>
              <div data-dc-tpl="307" style="display: flex; justify-content: space-between; margin-top: 16px; font-family: var(--font-jb); font-size: 12px; color: var(--app-ink-soft);"><span data-dc-tpl="308" style="color: var(--app-ink-faint);">next run</span><span data-dc-tpl="309" style="color: var(--app-accent);">2026-07-01 06:00</span></div>
              <div data-dc-tpl="310" style="display: flex; justify-content: space-between; margin-top: 8px; font-family: var(--font-jb); font-size: 12px; color: var(--app-ink-soft);"><span data-dc-tpl="311" style="color: var(--app-ink-faint);">last run</span><span data-dc-tpl="312">2026-06-30 06:00 \xB7 ok</span></div>
            </div>
          </div>
        

        
        

      </div>`,prodAgents:`<header data-dc-tpl="81" style="display: flex; align-items: center; gap: 16px; padding: 16px 24px; border-bottom: 1px solid var(--border);">
      <div data-dc-tpl="82" style="display: flex; flex-direction: column; gap: 2px;">
        <h1 data-dc-tpl="83" style="margin: 0px; font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 20px; font-weight: 600; letter-spacing: 0.2px;"><span class="sc-interp">Agent fleet</span></h1>
        <span data-dc-tpl="84" style="font-size: 12.5px; color: var(--text-mute);"><span class="sc-interp">Live autonomous + HITL agents</span></span>
      </div>
      <div data-dc-tpl="85" style="margin-left: auto; display: flex; align-items: center; gap: 14px;">
        <div data-dc-tpl="86" style="display: flex; align-items: center; gap: 7px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim);">
          <span data-dc-tpl="87" style="width: 8px; height: 8px; border-radius: 50%; background: var(--success); animation: 1.6s ease 0s infinite normal none running pulseDot;"></span><span class="sc-interp">STREAMING</span>
        </div>
        <div data-dc-tpl="88" style="display: flex; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 3px; gap: 2px;">
          <button data-dc-tpl="89" class="seg" data-active="true" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Live</button>
          <button data-dc-tpl="90" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Loading</button>
          <button data-dc-tpl="91" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Empty</button>
          <button data-dc-tpl="92" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Error</button>
        </div>
        <button data-dc-tpl="93" style="width: 36px; height: 36px; border-radius: 10px; background: var(--surface); border: 1px solid var(--border); color: var(--text-dim); cursor: pointer; font-size: 15px; display: flex; align-items: center; justify-content: center;"><span class="sc-interp">\u2600</span></button>
      </div>
    </header>

    <div data-dc-tpl="94" style="display: flex; gap: 12px; padding: 16px 24px; border-bottom: 1px solid var(--border); overflow-x: auto; flex: 0 0 auto;">
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Agents running</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--accent); line-height: 1;"><span class="sc-interp">3/6</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">live fleet</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Items in flight</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--text); line-height: 1;"><span class="sc-interp">10</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">4 pipelines</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Blocked / errored</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--alert); line-height: 1;"><span class="sc-interp">3</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">needs attention</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Throughput</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--success); line-height: 1;"><span class="sc-interp">41</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">items / day</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Cost today</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 25px; font-weight: 600; color: var(--text); line-height: 1;"><span class="sc-interp">\u20AC18.24</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">agent spend</span></span>
        </div>
      
    </div>

    <div data-dc-tpl="100" style="flex: 1 1 0%; min-height: 0px; overflow: auto; position: relative;">
      

        

        
          <section data-dc-tpl="140" style="padding: 20px 24px;">
            <div data-dc-tpl="141" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 16px;">
              
                <div data-dc-tpl="143" style="background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; display: flex; flex-direction: column; gap: 13px;">
                  <div data-dc-tpl="144" style="display: flex; align-items: center; gap: 11px;">
                    <span data-dc-tpl="145" style="width: 38px; height: 38px; flex: 0 0 38px; border-radius: 9px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="146" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect data-dc-tpl="147" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="148" d="M12 4v4"></path><circle data-dc-tpl="149" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="150" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="151" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    <div data-dc-tpl="152" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;">
                      <span data-dc-tpl="153" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--text);"><span class="sc-interp">ops-agent-3</span></span>
                      <span data-dc-tpl="154" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 9.5px; letter-spacing: 0.6px; color: var(--warn); background: var(--warn-dim); border: 1px solid var(--warn); border-radius: 5px; padding: 1px 6px; width: fit-content;"><span class="sc-interp">HITL</span></span>
                    </div>
                    <span data-dc-tpl="155" style="margin-left: auto; display: flex; align-items: center; gap: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--accent); background: var(--accent-dim); border-radius: 20px; padding: 3px 10px;">
                      <span data-dc-tpl="156" style="width: 6px; height: 6px; border-radius: 50%; background: var(--accent); animation: 1.4s ease 0s infinite normal none running pulseDot;"></span><span class="sc-interp">Running</span>
                    </span>
                  </div>
                  <div data-dc-tpl="157" style="font-size: 14px; font-weight: 500; line-height: 1.35; text-wrap: pretty;"><span class="sc-interp">GA4 funnel wiring</span></div>
                  <div data-dc-tpl="158" style="display: flex; gap: 16px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11.5px; flex-wrap: wrap;">
                    <span data-dc-tpl="159" style="color: var(--text-mute);">runtime <span data-dc-tpl="160" style="color: var(--text);"><span class="sc-interp">14m</span></span></span>
                    <span data-dc-tpl="161" style="color: var(--text-mute);">cost <span data-dc-tpl="162" style="color: var(--text);"><span class="sc-interp">\u20AC0.42</span></span></span>
                    <span data-dc-tpl="163" style="margin-left: auto; color: var(--text-mute);">upd <span class="sc-interp">now</span></span>
                  </div>
                  <div data-dc-tpl="164" style="background: var(--surface-3); border: 1px solid var(--border); border-radius: 8px; padding: 9px 11px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim); line-height: 1.45;"><span class="sc-interp">\u2026opened PR #128, awaiting review</span></div>
                </div>
              
                <div data-dc-tpl="143" style="background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; display: flex; flex-direction: column; gap: 13px;">
                  <div data-dc-tpl="144" style="display: flex; align-items: center; gap: 11px;">
                    <span data-dc-tpl="145" style="width: 38px; height: 38px; flex: 0 0 38px; border-radius: 9px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="146" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect data-dc-tpl="147" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="148" d="M12 4v4"></path><circle data-dc-tpl="149" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="150" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="151" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    <div data-dc-tpl="152" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;">
                      <span data-dc-tpl="153" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--text);"><span class="sc-interp">ingest-agent-1</span></span>
                      <span data-dc-tpl="154" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 9.5px; letter-spacing: 0.6px; color: var(--accent); background: var(--accent-dim); border: 1px solid var(--accent); border-radius: 5px; padding: 1px 6px; width: fit-content;"><span class="sc-interp">AUTO</span></span>
                    </div>
                    <span data-dc-tpl="155" style="margin-left: auto; display: flex; align-items: center; gap: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--accent); background: var(--accent-dim); border-radius: 20px; padding: 3px 10px;">
                      <span data-dc-tpl="156" style="width: 6px; height: 6px; border-radius: 50%; background: var(--accent); animation: 1.4s ease 0s infinite normal none running pulseDot;"></span><span class="sc-interp">Running</span>
                    </span>
                  </div>
                  <div data-dc-tpl="157" style="font-size: 14px; font-weight: 500; line-height: 1.35; text-wrap: pretty;"><span class="sc-interp">Stripe webhook replay</span></div>
                  <div data-dc-tpl="158" style="display: flex; gap: 16px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11.5px; flex-wrap: wrap;">
                    <span data-dc-tpl="159" style="color: var(--text-mute);">runtime <span data-dc-tpl="160" style="color: var(--text);"><span class="sc-interp">3m</span></span></span>
                    <span data-dc-tpl="161" style="color: var(--text-mute);">cost <span data-dc-tpl="162" style="color: var(--text);"><span class="sc-interp">\u20AC0.08</span></span></span>
                    <span data-dc-tpl="163" style="margin-left: auto; color: var(--text-mute);">upd <span class="sc-interp">now</span></span>
                  </div>
                  <div data-dc-tpl="164" style="background: var(--surface-3); border: 1px solid var(--border); border-radius: 8px; padding: 9px 11px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim); line-height: 1.45;"><span class="sc-interp">\u2026processed 1,204 events (0 err)</span></div>
                </div>
              
                <div data-dc-tpl="143" style="background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; display: flex; flex-direction: column; gap: 13px;">
                  <div data-dc-tpl="144" style="display: flex; align-items: center; gap: 11px;">
                    <span data-dc-tpl="145" style="width: 38px; height: 38px; flex: 0 0 38px; border-radius: 9px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="146" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect data-dc-tpl="147" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="148" d="M12 4v4"></path><circle data-dc-tpl="149" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="150" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="151" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    <div data-dc-tpl="152" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;">
                      <span data-dc-tpl="153" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--text);"><span class="sc-interp">qa-agent-6</span></span>
                      <span data-dc-tpl="154" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 9.5px; letter-spacing: 0.6px; color: var(--warn); background: var(--warn-dim); border: 1px solid var(--warn); border-radius: 5px; padding: 1px 6px; width: fit-content;"><span class="sc-interp">HITL</span></span>
                    </div>
                    <span data-dc-tpl="155" style="margin-left: auto; display: flex; align-items: center; gap: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--accent); background: var(--accent-dim); border-radius: 20px; padding: 3px 10px;">
                      <span data-dc-tpl="156" style="width: 6px; height: 6px; border-radius: 50%; background: var(--accent); animation: 1.4s ease 0s infinite normal none running pulseDot;"></span><span class="sc-interp">Running</span>
                    </span>
                  </div>
                  <div data-dc-tpl="157" style="font-size: 14px; font-weight: 500; line-height: 1.35; text-wrap: pretty;"><span class="sc-interp">Render-gate flake triage</span></div>
                  <div data-dc-tpl="158" style="display: flex; gap: 16px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11.5px; flex-wrap: wrap;">
                    <span data-dc-tpl="159" style="color: var(--text-mute);">runtime <span data-dc-tpl="160" style="color: var(--text);"><span class="sc-interp">22m</span></span></span>
                    <span data-dc-tpl="161" style="color: var(--text-mute);">cost <span data-dc-tpl="162" style="color: var(--text);"><span class="sc-interp">\u20AC0.31</span></span></span>
                    <span data-dc-tpl="163" style="margin-left: auto; color: var(--text-mute);">upd <span class="sc-interp">now</span></span>
                  </div>
                  <div data-dc-tpl="164" style="background: var(--surface-3); border: 1px solid var(--border); border-radius: 8px; padding: 9px 11px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim); line-height: 1.45;"><span class="sc-interp">\u2026re-running suite 3 of 5</span></div>
                </div>
              
                <div data-dc-tpl="143" style="background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; display: flex; flex-direction: column; gap: 13px;">
                  <div data-dc-tpl="144" style="display: flex; align-items: center; gap: 11px;">
                    <span data-dc-tpl="145" style="width: 38px; height: 38px; flex: 0 0 38px; border-radius: 9px; background: rgba(128, 128, 128, 0.14); border: 1px solid var(--text-mute); color: var(--text-mute); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="146" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect data-dc-tpl="147" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="148" d="M12 4v4"></path><circle data-dc-tpl="149" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="150" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="151" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    <div data-dc-tpl="152" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;">
                      <span data-dc-tpl="153" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--text);"><span class="sc-interp">report-agent-2</span></span>
                      <span data-dc-tpl="154" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 9.5px; letter-spacing: 0.6px; color: var(--accent); background: var(--accent-dim); border: 1px solid var(--accent); border-radius: 5px; padding: 1px 6px; width: fit-content;"><span class="sc-interp">AUTO</span></span>
                    </div>
                    <span data-dc-tpl="155" style="margin-left: auto; display: flex; align-items: center; gap: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-mute); background: rgba(128, 128, 128, 0.14); border-radius: 20px; padding: 3px 10px;">
                      <span data-dc-tpl="156" style="width: 6px; height: 6px; border-radius: 50%; background: var(--text-mute); animation: auto ease 0s 1 normal none running none;"></span><span class="sc-interp">Idle</span>
                    </span>
                  </div>
                  <div data-dc-tpl="157" style="font-size: 14px; font-weight: 500; line-height: 1.35; text-wrap: pretty;"><span class="sc-interp">Weekly ops digest</span></div>
                  <div data-dc-tpl="158" style="display: flex; gap: 16px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11.5px; flex-wrap: wrap;">
                    <span data-dc-tpl="159" style="color: var(--text-mute);">runtime <span data-dc-tpl="160" style="color: var(--text);"><span class="sc-interp">0m</span></span></span>
                    <span data-dc-tpl="161" style="color: var(--text-mute);">cost <span data-dc-tpl="162" style="color: var(--text);"><span class="sc-interp">\u20AC1.10</span></span></span>
                    <span data-dc-tpl="163" style="margin-left: auto; color: var(--text-mute);">upd <span class="sc-interp">2h</span></span>
                  </div>
                  <div data-dc-tpl="164" style="background: var(--surface-3); border: 1px solid var(--border); border-radius: 8px; padding: 9px 11px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim); line-height: 1.45;"><span class="sc-interp">\u2026idle, next Monday 09:00 trigger</span></div>
                </div>
              
                <div data-dc-tpl="143" style="background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; display: flex; flex-direction: column; gap: 13px;">
                  <div data-dc-tpl="144" style="display: flex; align-items: center; gap: 11px;">
                    <span data-dc-tpl="145" style="width: 38px; height: 38px; flex: 0 0 38px; border-radius: 9px; background: var(--alert-dim); border: 1px solid var(--alert); color: var(--alert); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="146" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect data-dc-tpl="147" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="148" d="M12 4v4"></path><circle data-dc-tpl="149" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="150" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="151" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    <div data-dc-tpl="152" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;">
                      <span data-dc-tpl="153" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--text);"><span class="sc-interp">infra-agent-4</span></span>
                      <span data-dc-tpl="154" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 9.5px; letter-spacing: 0.6px; color: var(--warn); background: var(--warn-dim); border: 1px solid var(--warn); border-radius: 5px; padding: 1px 6px; width: fit-content;"><span class="sc-interp">HITL</span></span>
                    </div>
                    <span data-dc-tpl="155" style="margin-left: auto; display: flex; align-items: center; gap: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--alert); background: var(--alert-dim); border-radius: 20px; padding: 3px 10px;">
                      <span data-dc-tpl="156" style="width: 6px; height: 6px; border-radius: 50%; background: var(--alert); animation: auto ease 0s 1 normal none running none;"></span><span class="sc-interp">Blocked</span>
                    </span>
                  </div>
                  <div data-dc-tpl="157" style="font-size: 14px; font-weight: 500; line-height: 1.35; text-wrap: pretty;"><span class="sc-interp">EU data residency provision</span></div>
                  <div data-dc-tpl="158" style="display: flex; gap: 16px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11.5px; flex-wrap: wrap;">
                    <span data-dc-tpl="159" style="color: var(--text-mute);">runtime <span data-dc-tpl="160" style="color: var(--text);"><span class="sc-interp">41m</span></span></span>
                    <span data-dc-tpl="161" style="color: var(--text-mute);">cost <span data-dc-tpl="162" style="color: var(--text);"><span class="sc-interp">\u20AC0.77</span></span></span>
                    <span data-dc-tpl="163" style="margin-left: auto; color: var(--text-mute);">upd <span class="sc-interp">6m</span></span>
                  </div>
                  <div data-dc-tpl="164" style="background: var(--surface-3); border: 1px solid var(--border); border-radius: 8px; padding: 9px 11px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim); line-height: 1.45;"><span class="sc-interp">\u2026needs approval: VPC peering</span></div>
                </div>
              
                <div data-dc-tpl="143" style="background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; display: flex; flex-direction: column; gap: 13px;">
                  <div data-dc-tpl="144" style="display: flex; align-items: center; gap: 11px;">
                    <span data-dc-tpl="145" style="width: 38px; height: 38px; flex: 0 0 38px; border-radius: 9px; background: var(--alert-dim); border: 1px solid var(--alert); color: var(--alert); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="146" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect data-dc-tpl="147" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="148" d="M12 4v4"></path><circle data-dc-tpl="149" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="150" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="151" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    <div data-dc-tpl="152" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;">
                      <span data-dc-tpl="153" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--text);"><span class="sc-interp">finops-agent-5</span></span>
                      <span data-dc-tpl="154" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 9.5px; letter-spacing: 0.6px; color: var(--accent); background: var(--accent-dim); border: 1px solid var(--accent); border-radius: 5px; padding: 1px 6px; width: fit-content;"><span class="sc-interp">AUTO</span></span>
                    </div>
                    <span data-dc-tpl="155" style="margin-left: auto; display: flex; align-items: center; gap: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--alert); background: var(--alert-dim); border-radius: 20px; padding: 3px 10px;">
                      <span data-dc-tpl="156" style="width: 6px; height: 6px; border-radius: 50%; background: var(--alert); animation: auto ease 0s 1 normal none running none;"></span><span class="sc-interp">Errored</span>
                    </span>
                  </div>
                  <div data-dc-tpl="157" style="font-size: 14px; font-weight: 500; line-height: 1.35; text-wrap: pretty;"><span class="sc-interp">Nightly cost rollup</span></div>
                  <div data-dc-tpl="158" style="display: flex; gap: 16px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11.5px; flex-wrap: wrap;">
                    <span data-dc-tpl="159" style="color: var(--text-mute);">runtime <span data-dc-tpl="160" style="color: var(--text);"><span class="sc-interp">8m</span></span></span>
                    <span data-dc-tpl="161" style="color: var(--text-mute);">cost <span data-dc-tpl="162" style="color: var(--text);"><span class="sc-interp">\u20AC0.23</span></span></span>
                    <span data-dc-tpl="163" style="margin-left: auto; color: var(--text-mute);">upd <span class="sc-interp">12m</span></span>
                  </div>
                  <div data-dc-tpl="164" style="background: var(--surface-3); border: 1px solid var(--border); border-radius: 8px; padding: 9px 11px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--alert); line-height: 1.45;"><span class="sc-interp">ERR: BigQuery quota exceeded</span></div>
                </div>
              
            </div>
          </section>
        

        

        

        

        

        

        

      

      
    </div>`,prodForum:`<header data-dc-tpl="81" style="display: flex; align-items: center; gap: 16px; padding: 16px 24px; border-bottom: 1px solid var(--border);">
      <div data-dc-tpl="82" style="display: flex; flex-direction: column; gap: 2px;">
        <h1 data-dc-tpl="83" style="margin: 0px; font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 20px; font-weight: 600; letter-spacing: 0.2px;"><span class="sc-interp">Forum</span></h1>
        <span data-dc-tpl="84" style="font-size: 12.5px; color: var(--text-mute);"><span class="sc-interp">Threads &amp; discussions</span></span>
      </div>
      <div data-dc-tpl="85" style="margin-left: auto; display: flex; align-items: center; gap: 14px;">
        <div data-dc-tpl="86" style="display: flex; align-items: center; gap: 7px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim);">
          <span data-dc-tpl="87" style="width: 8px; height: 8px; border-radius: 50%; background: var(--success); animation: 1.6s ease 0s infinite normal none running pulseDot;"></span><span class="sc-interp">STREAMING</span>
        </div>
        <div data-dc-tpl="88" style="display: flex; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 3px; gap: 2px;">
          <button data-dc-tpl="89" class="seg" data-active="true" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Live</button>
          <button data-dc-tpl="90" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Loading</button>
          <button data-dc-tpl="91" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Empty</button>
          <button data-dc-tpl="92" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Error</button>
        </div>
        <button data-dc-tpl="93" style="width: 36px; height: 36px; border-radius: 10px; background: var(--surface); border: 1px solid var(--border); color: var(--text-dim); cursor: pointer; font-size: 15px; display: flex; align-items: center; justify-content: center;"><span class="sc-interp">\u2600</span></button>
      </div>
    </header>

    <div data-dc-tpl="94" style="display: flex; gap: 12px; padding: 16px 24px; border-bottom: 1px solid var(--border); overflow-x: auto; flex: 0 0 auto;">
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Agents running</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--accent); line-height: 1;"><span class="sc-interp">3/6</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">live fleet</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Items in flight</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--text); line-height: 1;"><span class="sc-interp">10</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">4 pipelines</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Blocked / errored</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--alert); line-height: 1;"><span class="sc-interp">3</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">needs attention</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Throughput</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--success); line-height: 1;"><span class="sc-interp">41</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">items / day</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Cost today</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 25px; font-weight: 600; color: var(--text); line-height: 1;"><span class="sc-interp">\u20AC18.24</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">agent spend</span></span>
        </div>
      
    </div>

    <div data-dc-tpl="100" style="flex: 1 1 0%; min-height: 0px; overflow: auto; position: relative;">
      

        

        

        

        

        

        

        
          <section data-dc-tpl="284" style="padding: 20px 24px;">
            <div data-dc-tpl="285" style="display: flex; flex-direction: column; gap: 9px; max-width: 900px;">
              
                <div data-dc-tpl="287" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 13px 15px;">
                  <span data-dc-tpl="289" style="width: 30px; height: 30px; flex: 0 0 30px; border-radius: 8px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="290" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect data-dc-tpl="291" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="292" d="M12 4v4"></path><circle data-dc-tpl="293" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="294" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="295" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                  
                  <div data-dc-tpl="298" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px;">
                    <span data-dc-tpl="299" style="font-size: 13.5px; font-weight: 500;"><span class="sc-interp">Postmortem: BigQuery quota outage</span></span>
                    <span data-dc-tpl="300" style="font-size: 11.5px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">finops-agent-5</span> \xB7 <span class="sc-interp">20m</span></span>
                  </div>
                  <span data-dc-tpl="301" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; letter-spacing: 0.4px; color: var(--alert); background: var(--alert-dim); border-radius: 6px; padding: 3px 9px; flex: 0 0 auto;"><span class="sc-interp">incident</span></span>
                  <span data-dc-tpl="302" style="display: flex; align-items: center; gap: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--text-dim); flex: 0 0 auto;"><svg data-dc-tpl="303" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path data-dc-tpl="304" d="M4 5h16v11H9l-4 4z"></path></svg><span class="sc-interp">5</span></span>
                </div>
              
                <div data-dc-tpl="287" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 13px 15px;">
                  
                  <span data-dc-tpl="297" style="width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600;"><span class="sc-interp">PN</span></span>
                  <div data-dc-tpl="298" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px;">
                    <span data-dc-tpl="299" style="font-size: 13.5px; font-weight: 500;"><span class="sc-interp">RFC: autonomy levels for finops agents</span></span>
                    <span data-dc-tpl="300" style="font-size: 11.5px; color: var(--text-mute); font-family: &quot;IBM Plex Sans&quot;, sans-serif;"><span class="sc-interp">Priya N</span> \xB7 <span class="sc-interp">2h</span></span>
                  </div>
                  <span data-dc-tpl="301" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; letter-spacing: 0.4px; color: var(--accent); background: var(--accent-dim); border-radius: 6px; padding: 3px 9px; flex: 0 0 auto;"><span class="sc-interp">RFC</span></span>
                  <span data-dc-tpl="302" style="display: flex; align-items: center; gap: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--text-dim); flex: 0 0 auto;"><svg data-dc-tpl="303" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path data-dc-tpl="304" d="M4 5h16v11H9l-4 4z"></path></svg><span class="sc-interp">12</span></span>
                </div>
              
                <div data-dc-tpl="287" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 13px 15px;">
                  <span data-dc-tpl="289" style="width: 30px; height: 30px; flex: 0 0 30px; border-radius: 8px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="290" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect data-dc-tpl="291" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="292" d="M12 4v4"></path><circle data-dc-tpl="293" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="294" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="295" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                  
                  <div data-dc-tpl="298" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px;">
                    <span data-dc-tpl="299" style="font-size: 13.5px; font-weight: 500;"><span class="sc-interp">Weekly ops digest \u2014 Jun W4</span></span>
                    <span data-dc-tpl="300" style="font-size: 11.5px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">report-agent-2</span> \xB7 <span class="sc-interp">3h</span></span>
                  </div>
                  <span data-dc-tpl="301" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; letter-spacing: 0.4px; color: var(--success); background: var(--success-dim); border-radius: 6px; padding: 3px 9px; flex: 0 0 auto;"><span class="sc-interp">digest</span></span>
                  <span data-dc-tpl="302" style="display: flex; align-items: center; gap: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--text-dim); flex: 0 0 auto;"><svg data-dc-tpl="303" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path data-dc-tpl="304" d="M4 5h16v11H9l-4 4z"></path></svg><span class="sc-interp">1</span></span>
                </div>
              
                <div data-dc-tpl="287" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 13px 15px;">
                  
                  <span data-dc-tpl="297" style="width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600;"><span class="sc-interp">MV</span></span>
                  <div data-dc-tpl="298" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px;">
                    <span data-dc-tpl="299" style="font-size: 13.5px; font-weight: 500;"><span class="sc-interp">Agent handoff etiquette (HITL)</span></span>
                    <span data-dc-tpl="300" style="font-size: 11.5px; color: var(--text-mute); font-family: &quot;IBM Plex Sans&quot;, sans-serif;"><span class="sc-interp">Mara Voss</span> \xB7 <span class="sc-interp">4h</span></span>
                  </div>
                  <span data-dc-tpl="301" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; letter-spacing: 0.4px; color: var(--warn); background: var(--warn-dim); border-radius: 6px; padding: 3px 9px; flex: 0 0 auto;"><span class="sc-interp">discuss</span></span>
                  <span data-dc-tpl="302" style="display: flex; align-items: center; gap: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--text-dim); flex: 0 0 auto;"><svg data-dc-tpl="303" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path data-dc-tpl="304" d="M4 5h16v11H9l-4 4z"></path></svg><span class="sc-interp">3</span></span>
                </div>
              
                <div data-dc-tpl="287" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 13px 15px;">
                  
                  <span data-dc-tpl="297" style="width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600;"><span class="sc-interp">PN</span></span>
                  <div data-dc-tpl="298" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px;">
                    <span data-dc-tpl="299" style="font-size: 13.5px; font-weight: 500;"><span class="sc-interp">Q: how to flag blocked pipelines?</span></span>
                    <span data-dc-tpl="300" style="font-size: 11.5px; color: var(--text-mute); font-family: &quot;IBM Plex Sans&quot;, sans-serif;"><span class="sc-interp">Priya N</span> \xB7 <span class="sc-interp">5h</span></span>
                  </div>
                  <span data-dc-tpl="301" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; letter-spacing: 0.4px; color: var(--text-dim); background: rgba(128, 128, 128, 0.14); border-radius: 6px; padding: 3px 9px; flex: 0 0 auto;"><span class="sc-interp">question</span></span>
                  <span data-dc-tpl="302" style="display: flex; align-items: center; gap: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--text-dim); flex: 0 0 auto;"><svg data-dc-tpl="303" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path data-dc-tpl="304" d="M4 5h16v11H9l-4 4z"></path></svg><span class="sc-interp">6</span></span>
                </div>
              
                <div data-dc-tpl="287" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 13px 15px;">
                  
                  <span data-dc-tpl="297" style="width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600;"><span class="sc-interp">J</span></span>
                  <div data-dc-tpl="298" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px;">
                    <span data-dc-tpl="299" style="font-size: 13.5px; font-weight: 500;"><span class="sc-interp">Proposal: unify task/backlog feeds</span></span>
                    <span data-dc-tpl="300" style="font-size: 11.5px; color: var(--text-mute); font-family: &quot;IBM Plex Sans&quot;, sans-serif;"><span class="sc-interp">Alex</span> \xB7 <span class="sc-interp">1d</span></span>
                  </div>
                  <span data-dc-tpl="301" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; letter-spacing: 0.4px; color: var(--accent); background: var(--accent-dim); border-radius: 6px; padding: 3px 9px; flex: 0 0 auto;"><span class="sc-interp">proposal</span></span>
                  <span data-dc-tpl="302" style="display: flex; align-items: center; gap: 6px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 12px; color: var(--text-dim); flex: 0 0 auto;"><svg data-dc-tpl="303" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path data-dc-tpl="304" d="M4 5h16v11H9l-4 4z"></path></svg><span class="sc-interp">8</span></span>
                </div>
              
            </div>
          </section>
        

        

      

      
    </div>`,prodOps:`<header data-dc-tpl="23" style="position: relative; display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center; padding: 13px 24px; border-bottom: 1px solid var(--app-hairline); background: var(--app-glass); backdrop-filter: blur(24px);">
      <div data-dc-tpl="24" style="display: flex; flex-direction: column; gap: 2px;">
        <span data-dc-tpl="25" style="font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--app-ink-soft);">Workspace</span>
        <button data-dc-tpl="26" style="display: flex; align-items: center; gap: 7px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; cursor: pointer; color: rgb(var(--app-ink)); font-family: var(--font-sans); font-weight: 600; font-size: 13.5px;">
          aaas-platform-prod
          <svg data-dc-tpl="27" width="10" height="6" viewBox="0 0 10 6"><path data-dc-tpl="28" d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"></path></svg>
        </button>
      </div>
      <div data-dc-tpl="29" style="display: flex; align-items: center; gap: 10px; max-width: 440px; width: 100%; margin: 0px auto; padding: 8px 13px; border: 1px solid var(--app-hairline); border-radius: var(--app-radius); background: rgb(var(--app-surface) / 0.5); color: var(--app-ink-soft);">
        <svg data-dc-tpl="30" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><circle data-dc-tpl="31" cx="11" cy="11" r="7"></circle><path data-dc-tpl="32" d="M20 20l-3.5-3.5"></path></svg>
        <span data-dc-tpl="33" style="flex: 1 1 0%; font-size: 13px;">Search agents, work, context\u2026</span>
        <span data-dc-tpl="34" style="font-family: var(--font-mono); font-size: 10px; padding: 2px 6px; border: 1px solid var(--app-hairline); border-radius: 4px;">\u2318K</span>
      </div>
      <div data-dc-tpl="35" style="display: flex; align-items: center; gap: 11px;">
        <div data-dc-tpl="36" style="display: flex; align-items: center; padding: 3px; gap: 3px; border: 1px solid var(--app-hairline); border-radius: 9999px; background: rgb(var(--app-surface) / 0.5);">
          <button data-dc-tpl="37" style="padding: 5px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 9999px; background: none; color: var(--app-ink-soft); font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.07em; text-transform: uppercase; cursor: pointer; line-height: 1; white-space: nowrap;">USER</button>
          <span data-dc-tpl="38" style="font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);">\u21C4</span>
          <button data-dc-tpl="39" style="padding: 5px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 9999px; background: rgb(var(--app-accent) / 0.15); color: rgb(var(--app-accent)); font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.07em; text-transform: uppercase; cursor: pointer; line-height: 1; white-space: nowrap;">OPS</button>
        </div>
        <div data-dc-tpl="40" style="display: flex; align-items: center; padding: 3px; gap: 2px; border: 1px solid var(--app-hairline); border-radius: 9999px; background: rgb(var(--app-surface) / 0.5);">
          <button data-dc-tpl="41" style="padding: 5px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 9999px; background: rgb(var(--app-accent) / 0.15); color: rgb(var(--app-accent)); font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.07em; text-transform: uppercase; cursor: pointer; line-height: 1; white-space: nowrap;">AaaS</button>
          <button data-dc-tpl="42" style="padding: 5px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 9999px; background: none; color: var(--app-ink-soft); font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.07em; text-transform: uppercase; cursor: pointer; line-height: 1; white-space: nowrap;">AaaS</button>
        </div>
        <div data-dc-tpl="43" style="display: flex; align-items: center; gap: 8px; padding: 4px 12px 4px 4px; border: 1px solid var(--app-hairline); border-radius: 9999px; background: rgb(var(--app-surface) / 0.5);">
          <span data-dc-tpl="44" style="width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgb(var(--app-accent) / 0.18); border: 1px solid rgb(var(--app-accent) / 0.4); color: rgb(var(--app-accent)); font-family: var(--font-mono); font-size: 10px; font-weight: 500;">JV</span>
          <span data-dc-tpl="45" style="display: flex; flex-direction: column; line-height: 1.15;">
            <span data-dc-tpl="46" style="font-size: 11.5px; font-weight: 600;">Alex V.</span>
            <span data-dc-tpl="47" style="font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--app-ink-soft);">Operator</span>
          </span>
        </div>
      </div>
      <div data-dc-tpl="48" style="position: absolute; left: 0px; right: 0px; bottom: -1px; height: 1px; overflow: hidden;">
        <span data-dc-tpl="49" style="position: absolute; top: 0px; width: 80px; height: 1px; background: linear-gradient(90deg, transparent, rgb(var(--app-accent)), transparent); animation: 5s linear 0s infinite normal none running sweep;"></span>
      </div>
    </header>

    <nav data-dc-tpl="50" style="display: flex; align-items: center; gap: 16px; padding: 0px 24px; border-bottom: 1px solid var(--app-hairline);">
      <span data-dc-tpl="51" style="font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; color: rgb(var(--app-accent)); padding: 14px 0px; flex-shrink: 0;">Product</span>
      <div data-dc-tpl="52" style="display: flex; align-items: stretch; gap: 2px; flex: 1 1 0%; overflow-x: auto;">
        
          <button data-dc-tpl="54" style="padding: 14px 12px; background: none; border-top-width: medium; border-right-width: medium; border-bottom: 2px solid rgb(var(--app-accent)); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; color: rgb(var(--app-ink)); font-family: var(--font-sans); font-size: 12.5px; font-weight: 600; cursor: pointer; white-space: nowrap; margin-bottom: -1px;"><span class="sc-interp">Pipelines</span></button>
        
          <button data-dc-tpl="54" style="padding: 14px 12px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; color: var(--app-ink-soft); font-family: var(--font-sans); font-size: 12.5px; font-weight: 500; cursor: pointer; white-space: nowrap; margin-bottom: -1px;"><span class="sc-interp">Agent fleet</span></button>
        
          <button data-dc-tpl="54" style="padding: 14px 12px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; color: var(--app-ink-soft); font-family: var(--font-sans); font-size: 12.5px; font-weight: 500; cursor: pointer; white-space: nowrap; margin-bottom: -1px;"><span class="sc-interp">Work</span></button>
        
          <button data-dc-tpl="54" style="padding: 14px 12px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; color: var(--app-ink-soft); font-family: var(--font-sans); font-size: 12.5px; font-weight: 500; cursor: pointer; white-space: nowrap; margin-bottom: -1px;"><span class="sc-interp">Projects</span></button>
        
          <button data-dc-tpl="54" style="padding: 14px 12px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; color: var(--app-ink-soft); font-family: var(--font-sans); font-size: 12.5px; font-weight: 500; cursor: pointer; white-space: nowrap; margin-bottom: -1px;"><span class="sc-interp">Sales</span></button>
        
          <button data-dc-tpl="54" style="padding: 14px 12px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; color: var(--app-ink-soft); font-family: var(--font-sans); font-size: 12.5px; font-weight: 500; cursor: pointer; white-space: nowrap; margin-bottom: -1px;"><span class="sc-interp">Orders</span></button>
        
          <button data-dc-tpl="54" style="padding: 14px 12px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; color: var(--app-ink-soft); font-family: var(--font-sans); font-size: 12.5px; font-weight: 500; cursor: pointer; white-space: nowrap; margin-bottom: -1px;"><span class="sc-interp">Threads</span></button>
        
      </div>
      <div data-dc-tpl="55" style="display: flex; align-items: center; gap: 8px; padding: 8px 0px; flex-shrink: 0;">
        <span data-dc-tpl="56" style="font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--app-ink-soft);">State</span>
        <div data-dc-tpl="57" style="display: flex; padding: 3px; gap: 2px; border: 1px solid var(--app-hairline); border-radius: 9999px; background: rgb(var(--app-surface) / 0.5);">
          
            <button data-dc-tpl="59" style="padding: 5px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 9999px; background: rgb(var(--app-accent) / 0.15); color: rgb(var(--app-accent)); font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.07em; text-transform: uppercase; cursor: pointer; line-height: 1; white-space: nowrap;"><span class="sc-interp">Live</span></button>
          
            <button data-dc-tpl="59" style="padding: 5px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 9999px; background: none; color: var(--app-ink-soft); font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.07em; text-transform: uppercase; cursor: pointer; line-height: 1; white-space: nowrap;"><span class="sc-interp">Loading</span></button>
          
            <button data-dc-tpl="59" style="padding: 5px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 9999px; background: none; color: var(--app-ink-soft); font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.07em; text-transform: uppercase; cursor: pointer; line-height: 1; white-space: nowrap;"><span class="sc-interp">Empty</span></button>
          
            <button data-dc-tpl="59" style="padding: 5px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 9999px; background: none; color: var(--app-ink-soft); font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.07em; text-transform: uppercase; cursor: pointer; line-height: 1; white-space: nowrap;"><span class="sc-interp">Error</span></button>
          
        </div>
      </div>
      <button data-dc-tpl="60" style="display: flex; align-items: center; gap: 7px; padding: 8px 15px; margin: 8px 0px; flex-shrink: 0; background: rgb(var(--app-ink)); color: rgb(var(--app-bg)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; font-family: var(--font-sans); font-weight: 700; font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; cursor: pointer;">
        <svg data-dc-tpl="61" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path data-dc-tpl="62" d="M12 5v14M5 12h14"></path></svg>
        <span class="sc-interp">New item</span>
      </button>
    </nav>

    <div data-dc-tpl="63" style="padding: 22px 24px 8px; display: flex; flex-direction: column; gap: 16px;">
      <div data-dc-tpl="64" style="min-width: 0px;">
        <div data-dc-tpl="65" style="display: flex; align-items: center; gap: 10px; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(var(--app-signal)); margin-bottom: 8px;">
          <span data-dc-tpl="66" style="width: 18px; height: 2px; background: rgb(var(--app-signal));"></span>Product stream \xB7 <span class="sc-interp">pipelines</span>
        </div>
        <h2 data-dc-tpl="67" style="margin: 0px; font-family: var(--font-sans); font-weight: 900; text-transform: uppercase; letter-spacing: -0.03em; line-height: 0.95; font-size: 2.4rem;"><span class="sc-interp">Pipelines</span><span data-dc-tpl="68" style="color: rgb(var(--app-signal));">.</span></h2>
        <p data-dc-tpl="69" style="margin: 6px 0px 0px; font-size: 13.5px; color: var(--app-ink-soft); max-width: 660px;"><span class="sc-interp">Work items across every stage \u2014 human and agent owned. Lanes carry WIP and throughput; blocked items surface immediately.</span></p>
      </div>
      <div data-dc-tpl="70" style="display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px;">
        
          <div data-dc-tpl="72" style="padding: 14px 16px; border: 1px solid var(--app-hairline); border-radius: var(--app-radius); background: var(--app-glass); backdrop-filter: blur(20px); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset;">
            <div data-dc-tpl="73" style="font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--app-ink-soft); margin-bottom: 10px;"><span class="sc-interp">In flight</span></div>
            <div data-dc-tpl="74" style="font-family: var(--font-sans); font-weight: 900; font-size: 1.7rem; line-height: 1; letter-spacing: -0.02em; color: rgb(var(--app-accent));"><span class="sc-interp">14</span></div>
          </div>
        
          <div data-dc-tpl="72" style="padding: 14px 16px; border: 1px solid var(--app-hairline); border-radius: var(--app-radius); background: var(--app-glass); backdrop-filter: blur(20px); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset;">
            <div data-dc-tpl="73" style="font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--app-ink-soft); margin-bottom: 10px;"><span class="sc-interp">In progress</span></div>
            <div data-dc-tpl="74" style="font-family: var(--font-sans); font-weight: 900; font-size: 1.7rem; line-height: 1; letter-spacing: -0.02em; color: rgb(var(--app-ink));"><span class="sc-interp">3</span></div>
          </div>
        
          <div data-dc-tpl="72" style="padding: 14px 16px; border: 1px solid var(--app-hairline); border-radius: var(--app-radius); background: var(--app-glass); backdrop-filter: blur(20px); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset;">
            <div data-dc-tpl="73" style="font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--app-ink-soft); margin-bottom: 10px;"><span class="sc-interp">Blocked</span></div>
            <div data-dc-tpl="74" style="font-family: var(--font-sans); font-weight: 900; font-size: 1.7rem; line-height: 1; letter-spacing: -0.02em; color: rgb(var(--app-signal));"><span class="sc-interp">1</span></div>
          </div>
        
          <div data-dc-tpl="72" style="padding: 14px 16px; border: 1px solid var(--app-hairline); border-radius: var(--app-radius); background: var(--app-glass); backdrop-filter: blur(20px); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset;">
            <div data-dc-tpl="73" style="font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--app-ink-soft); margin-bottom: 10px;"><span class="sc-interp">Throughput</span></div>
            <div data-dc-tpl="74" style="font-family: var(--font-sans); font-weight: 900; font-size: 1.7rem; line-height: 1; letter-spacing: -0.02em; color: rgb(var(--app-success));"><span class="sc-interp">11 / wk</span></div>
          </div>
        
      </div>
    </div>

    <div data-dc-tpl="75" style="flex: 1 1 0%; min-height: 0px; overflow: auto; padding: 16px 24px 30px;">

      

      

      

      

        
          <div data-dc-tpl="110" style="display: flex; gap: 16px; align-items: flex-start; min-height: 420px;">
            
              <div data-dc-tpl="112" style="flex: 0 0 300px; width: 300px; display: flex; flex-direction: column; gap: 10px;">
                <div data-dc-tpl="113" style="display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border: 1px solid var(--app-hairline); border-radius: var(--app-radius); background: var(--app-glass); backdrop-filter: blur(20px);">
                  <div data-dc-tpl="114" style="display: flex; align-items: center; gap: 8px;">
                    <span data-dc-tpl="115" style="font-family: var(--font-sans); font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; font-size: 12px;"><span class="sc-interp">Backlog</span></span>
                    <span data-dc-tpl="116" style="font-family: var(--font-mono); font-size: 10px; padding: 2px 7px; border-radius: 9999px; border: 1px solid var(--app-hairline); color: var(--app-ink-soft);"><span class="sc-interp">3</span></span>
                  </div>
                  <div data-dc-tpl="117" style="display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);">
                    <svg data-dc-tpl="118" width="9" height="9" viewBox="0 0 12 12" style="fill: rgb(var(--app-success)); transform: none;"><path data-dc-tpl="119" d="M6 1 L11 10 L1 10 Z"></path></svg><span class="sc-interp">8 / wk</span>
                  </div>
                </div>
                <div data-dc-tpl="120" style="display: flex; flex-direction: column; gap: 8px;">
                  
                    <button data-dc-tpl="122" class="scp1" style="background: var(--app-glass); backdrop-filter: blur(20px); border: 1px solid var(--app-hairline); border-radius: var(--app-radius); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; padding: 12px 13px; text-align: left; display: flex; flex-direction: column; cursor: pointer; width: 100%;">
                      <div data-dc-tpl="123" style="display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px;">
                        <div data-dc-tpl="124" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                          
                          <span data-dc-tpl="135" style="width: 26px; height: 26px; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgb(var(--app-learning) / 0.16); border: 1px solid rgb(var(--app-learning) / 0.45); color: rgb(var(--app-learning)); font-family: var(--font-mono); font-size: 9.5px; font-weight: 500;"><span class="sc-interp">J</span></span>
                          <span data-dc-tpl="136" style="font-family: var(--font-mono); font-size: 10.5px; color: var(--app-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Alex</span></span>
                        </div>
                        <span data-dc-tpl="137" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 9999px; white-space: nowrap; line-height: 1; flex-shrink: 0; color: rgb(var(--app-success)); border: 1px solid rgb(var(--app-success) / 0.35); background: rgb(var(--app-success) / 0.10);"><span class="sc-interp">On track</span></span>
                      </div>
                      <div data-dc-tpl="138" style="font-size: 13px; font-weight: 500; line-height: 1.35; text-align: left; color: rgb(var(--app-ink)); margin-bottom: 11px;"><span class="sc-interp">Draft Q3 pricing experiment brief</span></div>
                      <div data-dc-tpl="139" style="display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                        <span data-dc-tpl="140" style="display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);"><svg data-dc-tpl="141" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle data-dc-tpl="142" cx="12" cy="12" r="9"></circle><path data-dc-tpl="143" d="M12 7v5l3 2"></path></svg><span class="sc-interp">1d</span></span>
                        
                        <span data-dc-tpl="149" style="font-family: var(--font-mono); font-size: 9.5px; color: rgb(var(--app-ink) / 0.35);"><span class="sc-interp">pl-51</span></span>
                      </div>
                    </button>
                  
                    <button data-dc-tpl="122" class="scp1" style="background: var(--app-glass); backdrop-filter: blur(20px); border: 1px solid var(--app-hairline); border-radius: var(--app-radius); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; padding: 12px 13px; text-align: left; display: flex; flex-direction: column; cursor: pointer; width: 100%;">
                      <div data-dc-tpl="123" style="display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px;">
                        <div data-dc-tpl="124" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                          <span data-dc-tpl="126" style="width: 26px; height: 26px; flex-shrink: 0; border-radius: 7px; display: flex; align-items: center; justify-content: center; background: rgb(var(--app-accent) / 0.12); border: 1px solid rgb(var(--app-accent) / 0.4); color: rgb(var(--app-accent));"><svg data-dc-tpl="127" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect data-dc-tpl="128" x="4" y="8" width="16" height="11" rx="3"></rect><path data-dc-tpl="129" d="M12 8V5"></path><circle data-dc-tpl="130" cx="12" cy="3.6" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="131" cx="9.2" cy="13.5" r="1.1" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="132" cx="14.8" cy="13.5" r="1.1" fill="currentColor" stroke="none"></circle><path data-dc-tpl="133" d="M4 13.5H2.4M21.6 13.5H20"></path></svg></span>
                          
                          <span data-dc-tpl="136" style="font-family: var(--font-mono); font-size: 10.5px; color: var(--app-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">ctx-agent-1</span></span>
                        </div>
                        <span data-dc-tpl="137" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 9999px; white-space: nowrap; line-height: 1; flex-shrink: 0; color: rgb(var(--app-success)); border: 1px solid rgb(var(--app-success) / 0.35); background: rgb(var(--app-success) / 0.10);"><span class="sc-interp">On track</span></span>
                      </div>
                      <div data-dc-tpl="138" style="font-size: 13px; font-weight: 500; line-height: 1.35; text-align: left; color: rgb(var(--app-ink)); margin-bottom: 11px;"><span class="sc-interp">Index new MCP servers into vault</span></div>
                      <div data-dc-tpl="139" style="display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                        <span data-dc-tpl="140" style="display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);"><svg data-dc-tpl="141" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle data-dc-tpl="142" cx="12" cy="12" r="9"></circle><path data-dc-tpl="143" d="M12 7v5l3 2"></path></svg><span class="sc-interp">4h</span></span>
                        
                        <span data-dc-tpl="149" style="font-family: var(--font-mono); font-size: 9.5px; color: rgb(var(--app-ink) / 0.35);"><span class="sc-interp">pl-52</span></span>
                      </div>
                    </button>
                  
                    <button data-dc-tpl="122" class="scp1" style="background: var(--app-glass); backdrop-filter: blur(20px); border: 1px solid var(--app-hairline); border-radius: var(--app-radius); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; padding: 12px 13px; text-align: left; display: flex; flex-direction: column; cursor: pointer; width: 100%;">
                      <div data-dc-tpl="123" style="display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px;">
                        <div data-dc-tpl="124" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                          <span data-dc-tpl="126" style="width: 26px; height: 26px; flex-shrink: 0; border-radius: 7px; display: flex; align-items: center; justify-content: center; background: rgb(var(--app-accent) / 0.12); border: 1px solid rgb(var(--app-accent) / 0.4); color: rgb(var(--app-accent));"><svg data-dc-tpl="127" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect data-dc-tpl="128" x="4" y="8" width="16" height="11" rx="3"></rect><path data-dc-tpl="129" d="M12 8V5"></path><circle data-dc-tpl="130" cx="12" cy="3.6" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="131" cx="9.2" cy="13.5" r="1.1" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="132" cx="14.8" cy="13.5" r="1.1" fill="currentColor" stroke="none"></circle><path data-dc-tpl="133" d="M4 13.5H2.4M21.6 13.5H20"></path></svg></span>
                          
                          <span data-dc-tpl="136" style="font-family: var(--font-mono); font-size: 10.5px; color: var(--app-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">crm-agent-2</span></span>
                        </div>
                        <span data-dc-tpl="137" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 9999px; white-space: nowrap; line-height: 1; flex-shrink: 0; color: rgb(var(--app-warn)); border: 1px solid rgb(var(--app-warn) / 0.35); background: rgb(var(--app-warn) / 0.10);"><span class="sc-interp">At risk</span></span>
                      </div>
                      <div data-dc-tpl="138" style="font-size: 13px; font-weight: 500; line-height: 1.35; text-align: left; color: rgb(var(--app-ink)); margin-bottom: 11px;"><span class="sc-interp">Backfill CRM dedupe rules</span></div>
                      <div data-dc-tpl="139" style="display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                        <span data-dc-tpl="140" style="display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);"><svg data-dc-tpl="141" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle data-dc-tpl="142" cx="12" cy="12" r="9"></circle><path data-dc-tpl="143" d="M12 7v5l3 2"></path></svg><span class="sc-interp">2d</span></span>
                        
                        <span data-dc-tpl="149" style="font-family: var(--font-mono); font-size: 9.5px; color: rgb(var(--app-ink) / 0.35);"><span class="sc-interp">pl-53</span></span>
                      </div>
                    </button>
                  
                </div>
              </div>
            
              <div data-dc-tpl="112" style="flex: 0 0 300px; width: 300px; display: flex; flex-direction: column; gap: 10px;">
                <div data-dc-tpl="113" style="display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border: 1px solid var(--app-hairline); border-radius: var(--app-radius); background: var(--app-glass); backdrop-filter: blur(20px);">
                  <div data-dc-tpl="114" style="display: flex; align-items: center; gap: 8px;">
                    <span data-dc-tpl="115" style="font-family: var(--font-sans); font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; font-size: 12px;"><span class="sc-interp">In progress</span></span>
                    <span data-dc-tpl="116" style="font-family: var(--font-mono); font-size: 10px; padding: 2px 7px; border-radius: 9999px; border: 1px solid var(--app-hairline); color: var(--app-ink-soft);"><span class="sc-interp">3</span></span>
                  </div>
                  <div data-dc-tpl="117" style="display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);">
                    <svg data-dc-tpl="118" width="9" height="9" viewBox="0 0 12 12" style="fill: rgb(var(--app-success)); transform: none;"><path data-dc-tpl="119" d="M6 1 L11 10 L1 10 Z"></path></svg><span class="sc-interp">6 / wk</span>
                  </div>
                </div>
                <div data-dc-tpl="120" style="display: flex; flex-direction: column; gap: 8px;">
                  
                    <button data-dc-tpl="122" class="scp1" style="background: var(--app-glass); backdrop-filter: blur(20px); border: 1px solid var(--app-hairline); border-radius: var(--app-radius); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; padding: 12px 13px; text-align: left; display: flex; flex-direction: column; cursor: pointer; width: 100%;">
                      <div data-dc-tpl="123" style="display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px;">
                        <div data-dc-tpl="124" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                          <span data-dc-tpl="126" style="width: 26px; height: 26px; flex-shrink: 0; border-radius: 7px; display: flex; align-items: center; justify-content: center; background: rgb(var(--app-accent) / 0.12); border: 1px solid rgb(var(--app-accent) / 0.4); color: rgb(var(--app-accent));"><svg data-dc-tpl="127" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect data-dc-tpl="128" x="4" y="8" width="16" height="11" rx="3"></rect><path data-dc-tpl="129" d="M12 8V5"></path><circle data-dc-tpl="130" cx="12" cy="3.6" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="131" cx="9.2" cy="13.5" r="1.1" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="132" cx="14.8" cy="13.5" r="1.1" fill="currentColor" stroke="none"></circle><path data-dc-tpl="133" d="M4 13.5H2.4M21.6 13.5H20"></path></svg></span>
                          
                          <span data-dc-tpl="136" style="font-family: var(--font-mono); font-size: 10.5px; color: var(--app-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">ops-agent-3</span></span>
                        </div>
                        <span data-dc-tpl="137" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 9999px; white-space: nowrap; line-height: 1; flex-shrink: 0; color: rgb(var(--app-success)); border: 1px solid rgb(var(--app-success) / 0.35); background: rgb(var(--app-success) / 0.10);"><span class="sc-interp">On track</span></span>
                      </div>
                      <div data-dc-tpl="138" style="font-size: 13px; font-weight: 500; line-height: 1.35; text-align: left; color: rgb(var(--app-ink)); margin-bottom: 11px;"><span class="sc-interp">Wire GA4 funnel to BigQuery</span></div>
                      <div data-dc-tpl="139" style="display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                        <span data-dc-tpl="140" style="display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);"><svg data-dc-tpl="141" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle data-dc-tpl="142" cx="12" cy="12" r="9"></circle><path data-dc-tpl="143" d="M12 7v5l3 2"></path></svg><span class="sc-interp">2d</span></span>
                        
                        <span data-dc-tpl="149" style="font-family: var(--font-mono); font-size: 9.5px; color: rgb(var(--app-ink) / 0.35);"><span class="sc-interp">pl-42</span></span>
                      </div>
                    </button>
                  
                    <button data-dc-tpl="122" class="scp1" style="background: var(--app-glass); backdrop-filter: blur(20px); border: 1px solid var(--app-hairline); border-radius: var(--app-radius); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; padding: 12px 13px; text-align: left; display: flex; flex-direction: column; cursor: pointer; width: 100%;">
                      <div data-dc-tpl="123" style="display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px;">
                        <div data-dc-tpl="124" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                          
                          <span data-dc-tpl="135" style="width: 26px; height: 26px; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgb(var(--app-learning) / 0.16); border: 1px solid rgb(var(--app-learning) / 0.45); color: rgb(var(--app-learning)); font-family: var(--font-mono); font-size: 9.5px; font-weight: 500;"><span class="sc-interp">P</span></span>
                          <span data-dc-tpl="136" style="font-family: var(--font-mono); font-size: 10.5px; color: var(--app-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Priya</span></span>
                        </div>
                        <span data-dc-tpl="137" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 9999px; white-space: nowrap; line-height: 1; flex-shrink: 0; color: rgb(var(--app-success)); border: 1px solid rgb(var(--app-success) / 0.35); background: rgb(var(--app-success) / 0.10);"><span class="sc-interp">On track</span></span>
                      </div>
                      <div data-dc-tpl="138" style="font-size: 13px; font-weight: 500; line-height: 1.35; text-align: left; color: rgb(var(--app-ink)); margin-bottom: 11px;"><span class="sc-interp">Refactor context breaker thresholds</span></div>
                      <div data-dc-tpl="139" style="display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                        <span data-dc-tpl="140" style="display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);"><svg data-dc-tpl="141" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle data-dc-tpl="142" cx="12" cy="12" r="9"></circle><path data-dc-tpl="143" d="M12 7v5l3 2"></path></svg><span class="sc-interp">6h</span></span>
                        
                        <span data-dc-tpl="149" style="font-family: var(--font-mono); font-size: 9.5px; color: rgb(var(--app-ink) / 0.35);"><span class="sc-interp">pl-44</span></span>
                      </div>
                    </button>
                  
                    <button data-dc-tpl="122" class="scp1" style="background: var(--app-glass); backdrop-filter: blur(20px); border: 1px solid rgb(var(--app-signal) / 0.45); border-radius: var(--app-radius); box-shadow: inset 3px 0 0 rgb(var(--app-signal)); padding: 12px 13px; text-align: left; display: flex; flex-direction: column; cursor: pointer; width: 100%;">
                      <div data-dc-tpl="123" style="display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px;">
                        <div data-dc-tpl="124" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                          <span data-dc-tpl="126" style="width: 26px; height: 26px; flex-shrink: 0; border-radius: 7px; display: flex; align-items: center; justify-content: center; background: rgb(var(--app-accent) / 0.12); border: 1px solid rgb(var(--app-accent) / 0.4); color: rgb(var(--app-accent));"><svg data-dc-tpl="127" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect data-dc-tpl="128" x="4" y="8" width="16" height="11" rx="3"></rect><path data-dc-tpl="129" d="M12 8V5"></path><circle data-dc-tpl="130" cx="12" cy="3.6" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="131" cx="9.2" cy="13.5" r="1.1" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="132" cx="14.8" cy="13.5" r="1.1" fill="currentColor" stroke="none"></circle><path data-dc-tpl="133" d="M4 13.5H2.4M21.6 13.5H20"></path></svg></span>
                          
                          <span data-dc-tpl="136" style="font-family: var(--font-mono); font-size: 10.5px; color: var(--app-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">data-agent-1</span></span>
                        </div>
                        <span data-dc-tpl="137" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 9999px; white-space: nowrap; line-height: 1; flex-shrink: 0; color: rgb(var(--app-signal)); border: 1px solid rgb(var(--app-signal) / 0.35); background: rgb(var(--app-signal) / 0.10);"><span class="sc-interp">Blocked</span></span>
                      </div>
                      <div data-dc-tpl="138" style="font-size: 13px; font-weight: 500; line-height: 1.35; text-align: left; color: rgb(var(--app-ink)); margin-bottom: 11px;"><span class="sc-interp">Migrate send_log to partitioned table</span></div>
                      <div data-dc-tpl="139" style="display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                        <span data-dc-tpl="140" style="display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);"><svg data-dc-tpl="141" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle data-dc-tpl="142" cx="12" cy="12" r="9"></circle><path data-dc-tpl="143" d="M12 7v5l3 2"></path></svg><span class="sc-interp">3d</span></span>
                        <span data-dc-tpl="145" style="display: inline-flex; align-items: center; gap: 4px; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; padding: 2px 7px; border-radius: 9999px; color: rgb(var(--app-signal)); border: 1px solid rgb(var(--app-signal) / 0.4); background: rgb(var(--app-signal) / 0.12);"><svg data-dc-tpl="146" width="9" height="9" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><circle data-dc-tpl="147" cx="12" cy="12" r="9"></circle><path data-dc-tpl="148" d="M5.6 5.6l12.8 12.8"></path></svg>Blocked</span>
                        <span data-dc-tpl="149" style="font-family: var(--font-mono); font-size: 9.5px; color: rgb(var(--app-ink) / 0.35);"><span class="sc-interp">pl-45</span></span>
                      </div>
                    </button>
                  
                </div>
              </div>
            
              <div data-dc-tpl="112" style="flex: 0 0 300px; width: 300px; display: flex; flex-direction: column; gap: 10px;">
                <div data-dc-tpl="113" style="display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border: 1px solid var(--app-hairline); border-radius: var(--app-radius); background: var(--app-glass); backdrop-filter: blur(20px);">
                  <div data-dc-tpl="114" style="display: flex; align-items: center; gap: 8px;">
                    <span data-dc-tpl="115" style="font-family: var(--font-sans); font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; font-size: 12px;"><span class="sc-interp">Review</span></span>
                    <span data-dc-tpl="116" style="font-family: var(--font-mono); font-size: 10px; padding: 2px 7px; border-radius: 9999px; border: 1px solid var(--app-hairline); color: var(--app-ink-soft);"><span class="sc-interp">2</span></span>
                  </div>
                  <div data-dc-tpl="117" style="display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);">
                    <svg data-dc-tpl="118" width="9" height="9" viewBox="0 0 12 12" style="fill: rgb(var(--app-signal)); transform: rotate(180deg);"><path data-dc-tpl="119" d="M6 1 L11 10 L1 10 Z"></path></svg><span class="sc-interp">3 / wk</span>
                  </div>
                </div>
                <div data-dc-tpl="120" style="display: flex; flex-direction: column; gap: 8px;">
                  
                    <button data-dc-tpl="122" class="scp1" style="background: var(--app-glass); backdrop-filter: blur(20px); border: 1px solid var(--app-hairline); border-radius: var(--app-radius); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; padding: 12px 13px; text-align: left; display: flex; flex-direction: column; cursor: pointer; width: 100%;">
                      <div data-dc-tpl="123" style="display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px;">
                        <div data-dc-tpl="124" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                          
                          <span data-dc-tpl="135" style="width: 26px; height: 26px; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgb(var(--app-learning) / 0.16); border: 1px solid rgb(var(--app-learning) / 0.45); color: rgb(var(--app-learning)); font-family: var(--font-mono); font-size: 9.5px; font-weight: 500;"><span class="sc-interp">J</span></span>
                          <span data-dc-tpl="136" style="font-family: var(--font-mono); font-size: 10.5px; color: var(--app-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Alex</span></span>
                        </div>
                        <span data-dc-tpl="137" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 9999px; white-space: nowrap; line-height: 1; flex-shrink: 0; color: rgb(var(--app-success)); border: 1px solid rgb(var(--app-success) / 0.35); background: rgb(var(--app-success) / 0.10);"><span class="sc-interp">On track</span></span>
                      </div>
                      <div data-dc-tpl="138" style="font-size: 13px; font-weight: 500; line-height: 1.35; text-align: left; color: rgb(var(--app-ink)); margin-bottom: 11px;"><span class="sc-interp">Approve outbound copy variant B</span></div>
                      <div data-dc-tpl="139" style="display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                        <span data-dc-tpl="140" style="display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);"><svg data-dc-tpl="141" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle data-dc-tpl="142" cx="12" cy="12" r="9"></circle><path data-dc-tpl="143" d="M12 7v5l3 2"></path></svg><span class="sc-interp">5h</span></span>
                        
                        <span data-dc-tpl="149" style="font-family: var(--font-mono); font-size: 9.5px; color: rgb(var(--app-ink) / 0.35);"><span class="sc-interp">pl-38</span></span>
                      </div>
                    </button>
                  
                    <button data-dc-tpl="122" class="scp1" style="background: var(--app-glass); backdrop-filter: blur(20px); border: 1px solid var(--app-hairline); border-radius: var(--app-radius); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; padding: 12px 13px; text-align: left; display: flex; flex-direction: column; cursor: pointer; width: 100%;">
                      <div data-dc-tpl="123" style="display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px;">
                        <div data-dc-tpl="124" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                          <span data-dc-tpl="126" style="width: 26px; height: 26px; flex-shrink: 0; border-radius: 7px; display: flex; align-items: center; justify-content: center; background: rgb(var(--app-accent) / 0.12); border: 1px solid rgb(var(--app-accent) / 0.4); color: rgb(var(--app-accent));"><svg data-dc-tpl="127" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect data-dc-tpl="128" x="4" y="8" width="16" height="11" rx="3"></rect><path data-dc-tpl="129" d="M12 8V5"></path><circle data-dc-tpl="130" cx="12" cy="3.6" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="131" cx="9.2" cy="13.5" r="1.1" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="132" cx="14.8" cy="13.5" r="1.1" fill="currentColor" stroke="none"></circle><path data-dc-tpl="133" d="M4 13.5H2.4M21.6 13.5H20"></path></svg></span>
                          
                          <span data-dc-tpl="136" style="font-family: var(--font-mono); font-size: 10.5px; color: var(--app-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">review-agent-1</span></span>
                        </div>
                        <span data-dc-tpl="137" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 9999px; white-space: nowrap; line-height: 1; flex-shrink: 0; color: rgb(var(--app-success)); border: 1px solid rgb(var(--app-success) / 0.35); background: rgb(var(--app-success) / 0.10);"><span class="sc-interp">On track</span></span>
                      </div>
                      <div data-dc-tpl="138" style="font-size: 13px; font-weight: 500; line-height: 1.35; text-align: left; color: rgb(var(--app-ink)); margin-bottom: 11px;"><span class="sc-interp">Review PR #128 \u2014 GA4 wiring</span></div>
                      <div data-dc-tpl="139" style="display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                        <span data-dc-tpl="140" style="display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);"><svg data-dc-tpl="141" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle data-dc-tpl="142" cx="12" cy="12" r="9"></circle><path data-dc-tpl="143" d="M12 7v5l3 2"></path></svg><span class="sc-interp">1h</span></span>
                        
                        <span data-dc-tpl="149" style="font-family: var(--font-mono); font-size: 9.5px; color: rgb(var(--app-ink) / 0.35);"><span class="sc-interp">pl-39</span></span>
                      </div>
                    </button>
                  
                </div>
              </div>
            
              <div data-dc-tpl="112" style="flex: 0 0 300px; width: 300px; display: flex; flex-direction: column; gap: 10px;">
                <div data-dc-tpl="113" style="display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border: 1px solid var(--app-hairline); border-radius: var(--app-radius); background: var(--app-glass); backdrop-filter: blur(20px);">
                  <div data-dc-tpl="114" style="display: flex; align-items: center; gap: 8px;">
                    <span data-dc-tpl="115" style="font-family: var(--font-sans); font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; font-size: 12px;"><span class="sc-interp">Shipped</span></span>
                    <span data-dc-tpl="116" style="font-family: var(--font-mono); font-size: 10px; padding: 2px 7px; border-radius: 9999px; border: 1px solid var(--app-hairline); color: var(--app-ink-soft);"><span class="sc-interp">3</span></span>
                  </div>
                  <div data-dc-tpl="117" style="display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);">
                    <svg data-dc-tpl="118" width="9" height="9" viewBox="0 0 12 12" style="fill: rgb(var(--app-success)); transform: none;"><path data-dc-tpl="119" d="M6 1 L11 10 L1 10 Z"></path></svg><span class="sc-interp">11 / wk</span>
                  </div>
                </div>
                <div data-dc-tpl="120" style="display: flex; flex-direction: column; gap: 8px;">
                  
                    <button data-dc-tpl="122" class="scp1" style="background: var(--app-glass); backdrop-filter: blur(20px); border: 1px solid var(--app-hairline); border-radius: var(--app-radius); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; padding: 12px 13px; text-align: left; display: flex; flex-direction: column; cursor: pointer; width: 100%;">
                      <div data-dc-tpl="123" style="display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px;">
                        <div data-dc-tpl="124" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                          <span data-dc-tpl="126" style="width: 26px; height: 26px; flex-shrink: 0; border-radius: 7px; display: flex; align-items: center; justify-content: center; background: rgb(var(--app-accent) / 0.12); border: 1px solid rgb(var(--app-accent) / 0.4); color: rgb(var(--app-accent));"><svg data-dc-tpl="127" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect data-dc-tpl="128" x="4" y="8" width="16" height="11" rx="3"></rect><path data-dc-tpl="129" d="M12 8V5"></path><circle data-dc-tpl="130" cx="12" cy="3.6" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="131" cx="9.2" cy="13.5" r="1.1" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="132" cx="14.8" cy="13.5" r="1.1" fill="currentColor" stroke="none"></circle><path data-dc-tpl="133" d="M4 13.5H2.4M21.6 13.5H20"></path></svg></span>
                          
                          <span data-dc-tpl="136" style="font-family: var(--font-mono); font-size: 10.5px; color: var(--app-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">ops-agent-3</span></span>
                        </div>
                        <span data-dc-tpl="137" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 9999px; white-space: nowrap; line-height: 1; flex-shrink: 0; color: rgb(var(--app-success)); border: 1px solid rgb(var(--app-success) / 0.35); background: rgb(var(--app-success) / 0.10);"><span class="sc-interp">On track</span></span>
                      </div>
                      <div data-dc-tpl="138" style="font-size: 13px; font-weight: 500; line-height: 1.35; text-align: left; color: rgb(var(--app-ink)); margin-bottom: 11px;"><span class="sc-interp">Ship deliverability dashboard</span></div>
                      <div data-dc-tpl="139" style="display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                        <span data-dc-tpl="140" style="display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);"><svg data-dc-tpl="141" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle data-dc-tpl="142" cx="12" cy="12" r="9"></circle><path data-dc-tpl="143" d="M12 7v5l3 2"></path></svg><span class="sc-interp">1d</span></span>
                        
                        <span data-dc-tpl="149" style="font-family: var(--font-mono); font-size: 9.5px; color: rgb(var(--app-ink) / 0.35);"><span class="sc-interp">pl-30</span></span>
                      </div>
                    </button>
                  
                    <button data-dc-tpl="122" class="scp1" style="background: var(--app-glass); backdrop-filter: blur(20px); border: 1px solid var(--app-hairline); border-radius: var(--app-radius); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; padding: 12px 13px; text-align: left; display: flex; flex-direction: column; cursor: pointer; width: 100%;">
                      <div data-dc-tpl="123" style="display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px;">
                        <div data-dc-tpl="124" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                          <span data-dc-tpl="126" style="width: 26px; height: 26px; flex-shrink: 0; border-radius: 7px; display: flex; align-items: center; justify-content: center; background: rgb(var(--app-accent) / 0.12); border: 1px solid rgb(var(--app-accent) / 0.4); color: rgb(var(--app-accent));"><svg data-dc-tpl="127" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect data-dc-tpl="128" x="4" y="8" width="16" height="11" rx="3"></rect><path data-dc-tpl="129" d="M12 8V5"></path><circle data-dc-tpl="130" cx="12" cy="3.6" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="131" cx="9.2" cy="13.5" r="1.1" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="132" cx="14.8" cy="13.5" r="1.1" fill="currentColor" stroke="none"></circle><path data-dc-tpl="133" d="M4 13.5H2.4M21.6 13.5H20"></path></svg></span>
                          
                          <span data-dc-tpl="136" style="font-family: var(--font-mono); font-size: 10.5px; color: var(--app-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">sec-agent-1</span></span>
                        </div>
                        <span data-dc-tpl="137" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 9999px; white-space: nowrap; line-height: 1; flex-shrink: 0; color: rgb(var(--app-success)); border: 1px solid rgb(var(--app-success) / 0.35); background: rgb(var(--app-success) / 0.10);"><span class="sc-interp">On track</span></span>
                      </div>
                      <div data-dc-tpl="138" style="font-size: 13px; font-weight: 500; line-height: 1.35; text-align: left; color: rgb(var(--app-ink)); margin-bottom: 11px;"><span class="sc-interp">Rotate GSM secrets</span></div>
                      <div data-dc-tpl="139" style="display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                        <span data-dc-tpl="140" style="display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);"><svg data-dc-tpl="141" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle data-dc-tpl="142" cx="12" cy="12" r="9"></circle><path data-dc-tpl="143" d="M12 7v5l3 2"></path></svg><span class="sc-interp">2d</span></span>
                        
                        <span data-dc-tpl="149" style="font-family: var(--font-mono); font-size: 9.5px; color: rgb(var(--app-ink) / 0.35);"><span class="sc-interp">pl-31</span></span>
                      </div>
                    </button>
                  
                    <button data-dc-tpl="122" class="scp1" style="background: var(--app-glass); backdrop-filter: blur(20px); border: 1px solid var(--app-hairline); border-radius: var(--app-radius); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; padding: 12px 13px; text-align: left; display: flex; flex-direction: column; cursor: pointer; width: 100%;">
                      <div data-dc-tpl="123" style="display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px;">
                        <div data-dc-tpl="124" style="display: flex; align-items: center; gap: 8px; min-width: 0px;">
                          
                          <span data-dc-tpl="135" style="width: 26px; height: 26px; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgb(var(--app-learning) / 0.16); border: 1px solid rgb(var(--app-learning) / 0.45); color: rgb(var(--app-learning)); font-family: var(--font-mono); font-size: 9.5px; font-weight: 500;"><span class="sc-interp">M</span></span>
                          <span data-dc-tpl="136" style="font-family: var(--font-mono); font-size: 10.5px; color: var(--app-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><span class="sc-interp">Maya</span></span>
                        </div>
                        <span data-dc-tpl="137" style="display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 9999px; white-space: nowrap; line-height: 1; flex-shrink: 0; color: rgb(var(--app-success)); border: 1px solid rgb(var(--app-success) / 0.35); background: rgb(var(--app-success) / 0.10);"><span class="sc-interp">On track</span></span>
                      </div>
                      <div data-dc-tpl="138" style="font-size: 13px; font-weight: 500; line-height: 1.35; text-align: left; color: rgb(var(--app-ink)); margin-bottom: 11px;"><span class="sc-interp">Onboard boutique tenant</span></div>
                      <div data-dc-tpl="139" style="display: flex; align-items: center; justify-content: space-between; gap: 8px;">
                        <span data-dc-tpl="140" style="display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--app-ink-soft);"><svg data-dc-tpl="141" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle data-dc-tpl="142" cx="12" cy="12" r="9"></circle><path data-dc-tpl="143" d="M12 7v5l3 2"></path></svg><span class="sc-interp">3d</span></span>
                        
                        <span data-dc-tpl="149" style="font-family: var(--font-mono); font-size: 9.5px; color: rgb(var(--app-ink) / 0.35);"><span class="sc-interp">pl-29</span></span>
                      </div>
                    </button>
                  
                </div>
              </div>
            
          </div>
        

        

        

        

        

        

        

      
    </div>`,prodOrders:`<header data-dc-tpl="81" style="display: flex; align-items: center; gap: 16px; padding: 16px 24px; border-bottom: 1px solid var(--border);">
      <div data-dc-tpl="82" style="display: flex; flex-direction: column; gap: 2px;">
        <h1 data-dc-tpl="83" style="margin: 0px; font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 20px; font-weight: 600; letter-spacing: 0.2px;"><span class="sc-interp">Orders</span></h1>
        <span data-dc-tpl="84" style="font-size: 12.5px; color: var(--text-mute);"><span class="sc-interp">Billing ledger</span></span>
      </div>
      <div data-dc-tpl="85" style="margin-left: auto; display: flex; align-items: center; gap: 14px;">
        <div data-dc-tpl="86" style="display: flex; align-items: center; gap: 7px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim);">
          <span data-dc-tpl="87" style="width: 8px; height: 8px; border-radius: 50%; background: var(--success); animation: 1.6s ease 0s infinite normal none running pulseDot;"></span><span class="sc-interp">STREAMING</span>
        </div>
        <div data-dc-tpl="88" style="display: flex; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 3px; gap: 2px;">
          <button data-dc-tpl="89" class="seg" data-active="true" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Live</button>
          <button data-dc-tpl="90" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Loading</button>
          <button data-dc-tpl="91" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Empty</button>
          <button data-dc-tpl="92" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Error</button>
        </div>
        <button data-dc-tpl="93" style="width: 36px; height: 36px; border-radius: 10px; background: var(--surface); border: 1px solid var(--border); color: var(--text-dim); cursor: pointer; font-size: 15px; display: flex; align-items: center; justify-content: center;"><span class="sc-interp">\u2600</span></button>
      </div>
    </header>

    <div data-dc-tpl="94" style="display: flex; gap: 12px; padding: 16px 24px; border-bottom: 1px solid var(--border); overflow-x: auto; flex: 0 0 auto;">
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Agents running</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--accent); line-height: 1;"><span class="sc-interp">3/6</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">live fleet</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Items in flight</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--text); line-height: 1;"><span class="sc-interp">10</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">4 pipelines</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Blocked / errored</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--alert); line-height: 1;"><span class="sc-interp">3</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">needs attention</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Throughput</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--success); line-height: 1;"><span class="sc-interp">41</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">items / day</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Cost today</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 25px; font-weight: 600; color: var(--text); line-height: 1;"><span class="sc-interp">\u20AC18.24</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">agent spend</span></span>
        </div>
      
    </div>

    <div data-dc-tpl="100" style="flex: 1 1 0%; min-height: 0px; overflow: auto; position: relative;">
      

        

        

        

        

        
          <section data-dc-tpl="225" style="padding: 20px 24px;">
            <div data-dc-tpl="226" style="background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; max-width: 1000px;">
              <div data-dc-tpl="227" style="display: flex; align-items: center; gap: 14px; padding: 11px 16px; border-bottom: 1px solid var(--border); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; letter-spacing: 0.6px; text-transform: uppercase; color: var(--text-mute);">
                <span data-dc-tpl="228" style="flex: 0 0 74px;">Order</span><span data-dc-tpl="229" style="flex: 1 1 0%;">Customer</span><span data-dc-tpl="230" style="flex: 0 0 170px;">Owner</span><span data-dc-tpl="231" style="flex: 0 0 100px; text-align: right;">Value</span><span data-dc-tpl="232" style="flex: 0 0 104px; text-align: center;">Status</span><span data-dc-tpl="233" style="flex: 0 0 64px; text-align: right;">Date</span>
              </div>
              
                <div data-dc-tpl="235" style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--border);">
                  <span data-dc-tpl="236" style="flex: 0 0 74px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">or-1202</span></span>
                  <span data-dc-tpl="237" style="flex: 1 1 0%; font-size: 13.5px; font-weight: 500;"><span class="sc-interp">Acme Robotics</span></span>
                  <div data-dc-tpl="238" style="flex: 0 0 170px; display: flex; align-items: center; gap: 7px;">
                    
                    <span data-dc-tpl="248" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 600;"><span class="sc-interp">MV</span></span>
                    <span data-dc-tpl="249" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;IBM Plex Sans&quot;, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Mara Voss</span></span>
                  </div>
                  <span data-dc-tpl="250" style="flex: 0 0 100px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--text);"><span class="sc-interp">\u20AC12,000</span></span>
                  <span data-dc-tpl="251" style="flex: 0 0 104px; display: flex; justify-content: center; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--warn); background: var(--warn-dim); border-radius: 20px; padding: 3px 0px;"><span data-dc-tpl="252" style="width: 6px; height: 6px; border-radius: 50%; background: var(--warn);"></span><span class="sc-interp">Pending</span></span>
                  <span data-dc-tpl="253" style="flex: 0 0 64px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">Jul 01</span></span>
                </div>
              
                <div data-dc-tpl="235" style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--border);">
                  <span data-dc-tpl="236" style="flex: 0 0 74px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">or-1201</span></span>
                  <span data-dc-tpl="237" style="flex: 1 1 0%; font-size: 13.5px; font-weight: 500;"><span class="sc-interp">Northwind</span></span>
                  <div data-dc-tpl="238" style="flex: 0 0 170px; display: flex; align-items: center; gap: 7px;">
                    <span data-dc-tpl="240" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 6px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="241" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect data-dc-tpl="242" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="243" d="M12 4v4"></path><circle data-dc-tpl="244" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="245" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="246" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    
                    <span data-dc-tpl="249" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">billing-agent-9</span></span>
                  </div>
                  <span data-dc-tpl="250" style="flex: 0 0 100px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--text);"><span class="sc-interp">\u20AC4,800</span></span>
                  <span data-dc-tpl="251" style="flex: 0 0 104px; display: flex; justify-content: center; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--success); background: var(--success-dim); border-radius: 20px; padding: 3px 0px;"><span data-dc-tpl="252" style="width: 6px; height: 6px; border-radius: 50%; background: var(--success);"></span><span class="sc-interp">Paid</span></span>
                  <span data-dc-tpl="253" style="flex: 0 0 64px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">Jul 01</span></span>
                </div>
              
                <div data-dc-tpl="235" style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--border);">
                  <span data-dc-tpl="236" style="flex: 0 0 74px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">or-1204</span></span>
                  <span data-dc-tpl="237" style="flex: 1 1 0%; font-size: 13.5px; font-weight: 500;"><span class="sc-interp">Globex</span></span>
                  <div data-dc-tpl="238" style="flex: 0 0 170px; display: flex; align-items: center; gap: 7px;">
                    <span data-dc-tpl="240" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 6px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="241" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect data-dc-tpl="242" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="243" d="M12 4v4"></path><circle data-dc-tpl="244" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="245" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="246" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    
                    <span data-dc-tpl="249" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">billing-agent-9</span></span>
                  </div>
                  <span data-dc-tpl="250" style="flex: 0 0 100px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--text);"><span class="sc-interp">\u20AC9,000</span></span>
                  <span data-dc-tpl="251" style="flex: 0 0 104px; display: flex; justify-content: center; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--alert); background: var(--alert-dim); border-radius: 20px; padding: 3px 0px;"><span data-dc-tpl="252" style="width: 6px; height: 6px; border-radius: 50%; background: var(--alert);"></span><span class="sc-interp">Failed</span></span>
                  <span data-dc-tpl="253" style="flex: 0 0 64px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">Jun 30</span></span>
                </div>
              
                <div data-dc-tpl="235" style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--border);">
                  <span data-dc-tpl="236" style="flex: 0 0 74px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">or-1203</span></span>
                  <span data-dc-tpl="237" style="flex: 1 1 0%; font-size: 13.5px; font-weight: 500;"><span class="sc-interp">Contoso</span></span>
                  <div data-dc-tpl="238" style="flex: 0 0 170px; display: flex; align-items: center; gap: 7px;">
                    <span data-dc-tpl="240" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 6px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="241" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect data-dc-tpl="242" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="243" d="M12 4v4"></path><circle data-dc-tpl="244" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="245" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="246" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    
                    <span data-dc-tpl="249" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">billing-agent-9</span></span>
                  </div>
                  <span data-dc-tpl="250" style="flex: 0 0 100px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--text);"><span class="sc-interp">\u20AC1,200</span></span>
                  <span data-dc-tpl="251" style="flex: 0 0 104px; display: flex; justify-content: center; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--success); background: var(--success-dim); border-radius: 20px; padding: 3px 0px;"><span data-dc-tpl="252" style="width: 6px; height: 6px; border-radius: 50%; background: var(--success);"></span><span class="sc-interp">Paid</span></span>
                  <span data-dc-tpl="253" style="flex: 0 0 64px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">Jun 30</span></span>
                </div>
              
                <div data-dc-tpl="235" style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--border);">
                  <span data-dc-tpl="236" style="flex: 0 0 74px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">or-1205</span></span>
                  <span data-dc-tpl="237" style="flex: 1 1 0%; font-size: 13.5px; font-weight: 500;"><span class="sc-interp">Initech</span></span>
                  <div data-dc-tpl="238" style="flex: 0 0 170px; display: flex; align-items: center; gap: 7px;">
                    
                    <span data-dc-tpl="248" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 600;"><span class="sc-interp">PN</span></span>
                    <span data-dc-tpl="249" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;IBM Plex Sans&quot;, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Priya N</span></span>
                  </div>
                  <span data-dc-tpl="250" style="flex: 0 0 100px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--text);"><span class="sc-interp">\u20AC3,600</span></span>
                  <span data-dc-tpl="251" style="flex: 0 0 104px; display: flex; justify-content: center; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-dim); background: rgba(128, 128, 128, 0.14); border-radius: 20px; padding: 3px 0px;"><span data-dc-tpl="252" style="width: 6px; height: 6px; border-radius: 50%; background: var(--text-dim);"></span><span class="sc-interp">Refunded</span></span>
                  <span data-dc-tpl="253" style="flex: 0 0 64px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">Jun 29</span></span>
                </div>
              
                <div data-dc-tpl="235" style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--border);">
                  <span data-dc-tpl="236" style="flex: 0 0 74px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">or-1207</span></span>
                  <span data-dc-tpl="237" style="flex: 1 1 0%; font-size: 13.5px; font-weight: 500;"><span class="sc-interp">Stark Industries</span></span>
                  <div data-dc-tpl="238" style="flex: 0 0 170px; display: flex; align-items: center; gap: 7px;">
                    
                    <span data-dc-tpl="248" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 600;"><span class="sc-interp">MV</span></span>
                    <span data-dc-tpl="249" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;IBM Plex Sans&quot;, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Mara Voss</span></span>
                  </div>
                  <span data-dc-tpl="250" style="flex: 0 0 100px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--text);"><span class="sc-interp">\u20AC22,000</span></span>
                  <span data-dc-tpl="251" style="flex: 0 0 104px; display: flex; justify-content: center; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--warn); background: var(--warn-dim); border-radius: 20px; padding: 3px 0px;"><span data-dc-tpl="252" style="width: 6px; height: 6px; border-radius: 50%; background: var(--warn);"></span><span class="sc-interp">Pending</span></span>
                  <span data-dc-tpl="253" style="flex: 0 0 64px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">Jun 28</span></span>
                </div>
              
                <div data-dc-tpl="235" style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--border);">
                  <span data-dc-tpl="236" style="flex: 0 0 74px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">or-1206</span></span>
                  <span data-dc-tpl="237" style="flex: 1 1 0%; font-size: 13.5px; font-weight: 500;"><span class="sc-interp">Umbrella</span></span>
                  <div data-dc-tpl="238" style="flex: 0 0 170px; display: flex; align-items: center; gap: 7px;">
                    <span data-dc-tpl="240" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 6px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="241" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect data-dc-tpl="242" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="243" d="M12 4v4"></path><circle data-dc-tpl="244" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="245" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="246" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    
                    <span data-dc-tpl="249" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">billing-agent-9</span></span>
                  </div>
                  <span data-dc-tpl="250" style="flex: 0 0 100px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--text);"><span class="sc-interp">\u20AC800</span></span>
                  <span data-dc-tpl="251" style="flex: 0 0 104px; display: flex; justify-content: center; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--success); background: var(--success-dim); border-radius: 20px; padding: 3px 0px;"><span data-dc-tpl="252" style="width: 6px; height: 6px; border-radius: 50%; background: var(--success);"></span><span class="sc-interp">Paid</span></span>
                  <span data-dc-tpl="253" style="flex: 0 0 64px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">Jun 28</span></span>
                </div>
              
                <div data-dc-tpl="235" style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--border);">
                  <span data-dc-tpl="236" style="flex: 0 0 74px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">or-1208</span></span>
                  <span data-dc-tpl="237" style="flex: 1 1 0%; font-size: 13.5px; font-weight: 500;"><span class="sc-interp">Wayne Ent.</span></span>
                  <div data-dc-tpl="238" style="flex: 0 0 170px; display: flex; align-items: center; gap: 7px;">
                    <span data-dc-tpl="240" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 6px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="241" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect data-dc-tpl="242" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="243" d="M12 4v4"></path><circle data-dc-tpl="244" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="245" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="246" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    
                    <span data-dc-tpl="249" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">billing-agent-9</span></span>
                  </div>
                  <span data-dc-tpl="250" style="flex: 0 0 100px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--text);"><span class="sc-interp">\u20AC5,400</span></span>
                  <span data-dc-tpl="251" style="flex: 0 0 104px; display: flex; justify-content: center; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--success); background: var(--success-dim); border-radius: 20px; padding: 3px 0px;"><span data-dc-tpl="252" style="width: 6px; height: 6px; border-radius: 50%; background: var(--success);"></span><span class="sc-interp">Paid</span></span>
                  <span data-dc-tpl="253" style="flex: 0 0 64px; text-align: right; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);"><span class="sc-interp">Jun 28</span></span>
                </div>
              
            </div>
          </section>
        

        

        

        

      

      
    </div>`,prodProjects:`<header data-dc-tpl="81" style="display: flex; align-items: center; gap: 16px; padding: 16px 24px; border-bottom: 1px solid var(--border);">
      <div data-dc-tpl="82" style="display: flex; flex-direction: column; gap: 2px;">
        <h1 data-dc-tpl="83" style="margin: 0px; font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 20px; font-weight: 600; letter-spacing: 0.2px;"><span class="sc-interp">Projects</span></h1>
        <span data-dc-tpl="84" style="font-size: 12.5px; color: var(--text-mute);"><span class="sc-interp">Delivery board by status</span></span>
      </div>
      <div data-dc-tpl="85" style="margin-left: auto; display: flex; align-items: center; gap: 14px;">
        <div data-dc-tpl="86" style="display: flex; align-items: center; gap: 7px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim);">
          <span data-dc-tpl="87" style="width: 8px; height: 8px; border-radius: 50%; background: var(--success); animation: 1.6s ease 0s infinite normal none running pulseDot;"></span><span class="sc-interp">STREAMING</span>
        </div>
        <div data-dc-tpl="88" style="display: flex; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 3px; gap: 2px;">
          <button data-dc-tpl="89" class="seg" data-active="true" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Live</button>
          <button data-dc-tpl="90" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Loading</button>
          <button data-dc-tpl="91" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Empty</button>
          <button data-dc-tpl="92" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Error</button>
        </div>
        <button data-dc-tpl="93" style="width: 36px; height: 36px; border-radius: 10px; background: var(--surface); border: 1px solid var(--border); color: var(--text-dim); cursor: pointer; font-size: 15px; display: flex; align-items: center; justify-content: center;"><span class="sc-interp">\u2600</span></button>
      </div>
    </header>

    <div data-dc-tpl="94" style="display: flex; gap: 12px; padding: 16px 24px; border-bottom: 1px solid var(--border); overflow-x: auto; flex: 0 0 auto;">
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Agents running</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--accent); line-height: 1;"><span class="sc-interp">3/6</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">live fleet</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Items in flight</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--text); line-height: 1;"><span class="sc-interp">10</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">4 pipelines</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Blocked / errored</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--alert); line-height: 1;"><span class="sc-interp">3</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">needs attention</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Throughput</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--success); line-height: 1;"><span class="sc-interp">41</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">items / day</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Cost today</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 25px; font-weight: 600; color: var(--text); line-height: 1;"><span class="sc-interp">\u20AC18.24</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">agent spend</span></span>
        </div>
      
    </div>

    <div data-dc-tpl="100" style="flex: 1 1 0%; min-height: 0px; overflow: auto; position: relative;">
      

        

        

        

        

        

        
          <section data-dc-tpl="255" style="padding: 20px 24px; height: 100%;">
            <div data-dc-tpl="256" style="display: flex; gap: 14px; height: 100%; align-items: flex-start; overflow-x: auto; padding-bottom: 10px;">
              
                <div data-dc-tpl="258" style="flex: 0 0 288px; width: 288px; background: var(--surface-3); border: 1px solid var(--border); border-radius: var(--radius); display: flex; flex-direction: column; max-height: 100%;">
                  <div data-dc-tpl="259" style="display: flex; align-items: center; gap: 9px; padding: 13px 14px; border-bottom: 1px solid var(--border);">
                    <span data-dc-tpl="260" style="width: 8px; height: 8px; border-radius: 50%; background: var(--text-dim);"></span>
                    <span data-dc-tpl="261" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-weight: 600; font-size: 13.5px;"><span class="sc-interp">Planning</span></span>
                  </div>
                  <div data-dc-tpl="262" style="display: flex; flex-direction: column; gap: 10px; padding: 12px; overflow-y: auto;">
                    
                      <div data-dc-tpl="264" style="background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 11px;">
                        <div data-dc-tpl="265" style="display: flex; align-items: center; gap: 8px;">
                          <span data-dc-tpl="266" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-mute);"><span class="sc-interp">pr-4</span></span>
                          <span data-dc-tpl="267" style="margin-left: auto; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim);"><span class="sc-interp">15%</span></span>
                        </div>
                        <div data-dc-tpl="268" style="font-size: 13px; font-weight: 500; line-height: 1.3; text-wrap: pretty;"><span class="sc-interp">EU data residency</span></div>
                        <div data-dc-tpl="269" style="height: 5px; border-radius: 3px; background: var(--surface-3); overflow: hidden;"><div data-dc-tpl="270" style="height: 100%; width: 15%; background: var(--text-dim); border-radius: 3px;"></div></div>
                        <div data-dc-tpl="271" style="display: flex; align-items: center; gap: 7px;">
                          
                          <span data-dc-tpl="281" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 600;"><span class="sc-interp">J</span></span>
                          <span data-dc-tpl="282" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;IBM Plex Sans&quot;, sans-serif;"><span class="sc-interp">Alex</span></span>
                        </div>
                      </div>
                    
                  </div>
                </div>
              
                <div data-dc-tpl="258" style="flex: 0 0 288px; width: 288px; background: var(--surface-3); border: 1px solid var(--border); border-radius: var(--radius); display: flex; flex-direction: column; max-height: 100%;">
                  <div data-dc-tpl="259" style="display: flex; align-items: center; gap: 9px; padding: 13px 14px; border-bottom: 1px solid var(--border);">
                    <span data-dc-tpl="260" style="width: 8px; height: 8px; border-radius: 50%; background: var(--accent);"></span>
                    <span data-dc-tpl="261" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-weight: 600; font-size: 13.5px;"><span class="sc-interp">Active</span></span>
                  </div>
                  <div data-dc-tpl="262" style="display: flex; flex-direction: column; gap: 10px; padding: 12px; overflow-y: auto;">
                    
                      <div data-dc-tpl="264" style="background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 11px;">
                        <div data-dc-tpl="265" style="display: flex; align-items: center; gap: 8px;">
                          <span data-dc-tpl="266" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-mute);"><span class="sc-interp">pr-1</span></span>
                          <span data-dc-tpl="267" style="margin-left: auto; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim);"><span class="sc-interp">68%</span></span>
                        </div>
                        <div data-dc-tpl="268" style="font-size: 13px; font-weight: 500; line-height: 1.3; text-wrap: pretty;"><span class="sc-interp">Canvas 2.0 migration</span></div>
                        <div data-dc-tpl="269" style="height: 5px; border-radius: 3px; background: var(--surface-3); overflow: hidden;"><div data-dc-tpl="270" style="height: 100%; width: 68%; background: var(--accent); border-radius: 3px;"></div></div>
                        <div data-dc-tpl="271" style="display: flex; align-items: center; gap: 7px;">
                          
                          <span data-dc-tpl="281" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 600;"><span class="sc-interp">PN</span></span>
                          <span data-dc-tpl="282" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;IBM Plex Sans&quot;, sans-serif;"><span class="sc-interp">Priya N</span></span>
                        </div>
                      </div>
                    
                      <div data-dc-tpl="264" style="background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 11px;">
                        <div data-dc-tpl="265" style="display: flex; align-items: center; gap: 8px;">
                          <span data-dc-tpl="266" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-mute);"><span class="sc-interp">pr-3</span></span>
                          <span data-dc-tpl="267" style="margin-left: auto; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim);"><span class="sc-interp">45%</span></span>
                        </div>
                        <div data-dc-tpl="268" style="font-size: 13px; font-weight: 500; line-height: 1.3; text-wrap: pretty;"><span class="sc-interp">Agent autonomy framework</span></div>
                        <div data-dc-tpl="269" style="height: 5px; border-radius: 3px; background: var(--surface-3); overflow: hidden;"><div data-dc-tpl="270" style="height: 100%; width: 45%; background: var(--accent); border-radius: 3px;"></div></div>
                        <div data-dc-tpl="271" style="display: flex; align-items: center; gap: 7px;">
                          <span data-dc-tpl="273" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 6px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="274" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect data-dc-tpl="275" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="276" d="M12 4v4"></path><circle data-dc-tpl="277" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="278" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="279" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                          
                          <span data-dc-tpl="282" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">ops-agent-3</span></span>
                        </div>
                      </div>
                    
                      <div data-dc-tpl="264" style="background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 11px;">
                        <div data-dc-tpl="265" style="display: flex; align-items: center; gap: 8px;">
                          <span data-dc-tpl="266" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-mute);"><span class="sc-interp">pr-6</span></span>
                          <span data-dc-tpl="267" style="margin-left: auto; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim);"><span class="sc-interp">55%</span></span>
                        </div>
                        <div data-dc-tpl="268" style="font-size: 13px; font-weight: 500; line-height: 1.3; text-wrap: pretty;"><span class="sc-interp">Support triage bot</span></div>
                        <div data-dc-tpl="269" style="height: 5px; border-radius: 3px; background: var(--surface-3); overflow: hidden;"><div data-dc-tpl="270" style="height: 100%; width: 55%; background: var(--accent); border-radius: 3px;"></div></div>
                        <div data-dc-tpl="271" style="display: flex; align-items: center; gap: 7px;">
                          <span data-dc-tpl="273" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 6px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="274" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect data-dc-tpl="275" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="276" d="M12 4v4"></path><circle data-dc-tpl="277" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="278" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="279" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                          
                          <span data-dc-tpl="282" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">support-agent-7</span></span>
                        </div>
                      </div>
                    
                  </div>
                </div>
              
                <div data-dc-tpl="258" style="flex: 0 0 288px; width: 288px; background: var(--surface-3); border: 1px solid var(--border); border-radius: var(--radius); display: flex; flex-direction: column; max-height: 100%;">
                  <div data-dc-tpl="259" style="display: flex; align-items: center; gap: 9px; padding: 13px 14px; border-bottom: 1px solid var(--border);">
                    <span data-dc-tpl="260" style="width: 8px; height: 8px; border-radius: 50%; background: var(--warn);"></span>
                    <span data-dc-tpl="261" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-weight: 600; font-size: 13.5px;"><span class="sc-interp">Review</span></span>
                  </div>
                  <div data-dc-tpl="262" style="display: flex; flex-direction: column; gap: 10px; padding: 12px; overflow-y: auto;">
                    
                      <div data-dc-tpl="264" style="background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 11px;">
                        <div data-dc-tpl="265" style="display: flex; align-items: center; gap: 8px;">
                          <span data-dc-tpl="266" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-mute);"><span class="sc-interp">pr-2</span></span>
                          <span data-dc-tpl="267" style="margin-left: auto; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim);"><span class="sc-interp">90%</span></span>
                        </div>
                        <div data-dc-tpl="268" style="font-size: 13px; font-weight: 500; line-height: 1.3; text-wrap: pretty;"><span class="sc-interp">Usage-based billing</span></div>
                        <div data-dc-tpl="269" style="height: 5px; border-radius: 3px; background: var(--surface-3); overflow: hidden;"><div data-dc-tpl="270" style="height: 100%; width: 90%; background: var(--warn); border-radius: 3px;"></div></div>
                        <div data-dc-tpl="271" style="display: flex; align-items: center; gap: 7px;">
                          
                          <span data-dc-tpl="281" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 600;"><span class="sc-interp">MV</span></span>
                          <span data-dc-tpl="282" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;IBM Plex Sans&quot;, sans-serif;"><span class="sc-interp">Mara Voss</span></span>
                        </div>
                      </div>
                    
                  </div>
                </div>
              
                <div data-dc-tpl="258" style="flex: 0 0 288px; width: 288px; background: var(--surface-3); border: 1px solid var(--border); border-radius: var(--radius); display: flex; flex-direction: column; max-height: 100%;">
                  <div data-dc-tpl="259" style="display: flex; align-items: center; gap: 9px; padding: 13px 14px; border-bottom: 1px solid var(--border);">
                    <span data-dc-tpl="260" style="width: 8px; height: 8px; border-radius: 50%; background: var(--success);"></span>
                    <span data-dc-tpl="261" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-weight: 600; font-size: 13.5px;"><span class="sc-interp">Shipped</span></span>
                  </div>
                  <div data-dc-tpl="262" style="display: flex; flex-direction: column; gap: 10px; padding: 12px; overflow-y: auto;">
                    
                      <div data-dc-tpl="264" style="background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 11px;">
                        <div data-dc-tpl="265" style="display: flex; align-items: center; gap: 8px;">
                          <span data-dc-tpl="266" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-mute);"><span class="sc-interp">pr-5</span></span>
                          <span data-dc-tpl="267" style="margin-left: auto; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim);"><span class="sc-interp">100%</span></span>
                        </div>
                        <div data-dc-tpl="268" style="font-size: 13px; font-weight: 500; line-height: 1.3; text-wrap: pretty;"><span class="sc-interp">Ops digest automation</span></div>
                        <div data-dc-tpl="269" style="height: 5px; border-radius: 3px; background: var(--surface-3); overflow: hidden;"><div data-dc-tpl="270" style="height: 100%; width: 100%; background: var(--success); border-radius: 3px;"></div></div>
                        <div data-dc-tpl="271" style="display: flex; align-items: center; gap: 7px;">
                          <span data-dc-tpl="273" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 6px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="274" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect data-dc-tpl="275" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="276" d="M12 4v4"></path><circle data-dc-tpl="277" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="278" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="279" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                          
                          <span data-dc-tpl="282" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">report-agent-2</span></span>
                        </div>
                      </div>
                    
                  </div>
                </div>
              
            </div>
          </section>
        

        

        

      

      
    </div>`,prodSales:`<header data-dc-tpl="81" style="display: flex; align-items: center; gap: 16px; padding: 16px 24px; border-bottom: 1px solid var(--border);">
      <div data-dc-tpl="82" style="display: flex; flex-direction: column; gap: 2px;">
        <h1 data-dc-tpl="83" style="margin: 0px; font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 20px; font-weight: 600; letter-spacing: 0.2px;"><span class="sc-interp">Sales</span></h1>
        <span data-dc-tpl="84" style="font-size: 12.5px; color: var(--text-mute);"><span class="sc-interp">Deal board by stage</span></span>
      </div>
      <div data-dc-tpl="85" style="margin-left: auto; display: flex; align-items: center; gap: 14px;">
        <div data-dc-tpl="86" style="display: flex; align-items: center; gap: 7px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim);">
          <span data-dc-tpl="87" style="width: 8px; height: 8px; border-radius: 50%; background: var(--success); animation: 1.6s ease 0s infinite normal none running pulseDot;"></span><span class="sc-interp">STREAMING</span>
        </div>
        <div data-dc-tpl="88" style="display: flex; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 3px; gap: 2px;">
          <button data-dc-tpl="89" class="seg" data-active="true" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Live</button>
          <button data-dc-tpl="90" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Loading</button>
          <button data-dc-tpl="91" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Empty</button>
          <button data-dc-tpl="92" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Error</button>
        </div>
        <button data-dc-tpl="93" style="width: 36px; height: 36px; border-radius: 10px; background: var(--surface); border: 1px solid var(--border); color: var(--text-dim); cursor: pointer; font-size: 15px; display: flex; align-items: center; justify-content: center;"><span class="sc-interp">\u2600</span></button>
      </div>
    </header>

    <div data-dc-tpl="94" style="display: flex; gap: 12px; padding: 16px 24px; border-bottom: 1px solid var(--border); overflow-x: auto; flex: 0 0 auto;">
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Agents running</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--accent); line-height: 1;"><span class="sc-interp">3/6</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">live fleet</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Items in flight</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--text); line-height: 1;"><span class="sc-interp">10</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">4 pipelines</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Blocked / errored</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--alert); line-height: 1;"><span class="sc-interp">3</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">needs attention</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Throughput</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--success); line-height: 1;"><span class="sc-interp">41</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">items / day</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Cost today</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 25px; font-weight: 600; color: var(--text); line-height: 1;"><span class="sc-interp">\u20AC18.24</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">agent spend</span></span>
        </div>
      
    </div>

    <div data-dc-tpl="100" style="flex: 1 1 0%; min-height: 0px; overflow: auto; position: relative;">
      

        

        

        

        
          <section data-dc-tpl="196" style="padding: 20px 24px; height: 100%;">
            <div data-dc-tpl="197" style="display: flex; gap: 14px; height: 100%; align-items: flex-start; overflow-x: auto; padding-bottom: 10px;">
              
                <div data-dc-tpl="199" style="flex: 0 0 268px; width: 268px; background: var(--surface-3); border: 1px solid var(--border); border-radius: var(--radius); display: flex; flex-direction: column; max-height: 100%;">
                  <div data-dc-tpl="200" style="display: flex; align-items: center; gap: 9px; padding: 13px 14px; border-bottom: 1px solid var(--border);">
                    <span data-dc-tpl="201" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-weight: 600; font-size: 13.5px;"><span class="sc-interp">Lead</span></span>
                  </div>
                  <div data-dc-tpl="202" style="display: flex; flex-direction: column; gap: 10px; padding: 12px; overflow-y: auto;">
                    
                      <div data-dc-tpl="204" style="background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 10px;">
                        <div data-dc-tpl="205" style="display: flex; align-items: baseline; gap: 8px;">
                          <span data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-mute);"><span class="sc-interp">dl-3</span></span>
                          <span data-dc-tpl="207" style="margin-left: auto; font-family: &quot;Space Grotesk&quot;, sans-serif; font-weight: 600; font-size: 16px; color: var(--accent);"><span class="sc-interp">\u20AC12k</span></span>
                        </div>
                        <div data-dc-tpl="208" style="font-size: 13px; font-weight: 500; line-height: 1.3; text-wrap: pretty;"><span class="sc-interp">Contoso \u2014 Pilot</span></div>
                        <div data-dc-tpl="209" style="display: flex; align-items: center; gap: 7px;">
                          <span data-dc-tpl="211" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 6px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="212" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect data-dc-tpl="213" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="214" d="M12 4v4"></path><circle data-dc-tpl="215" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="216" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="217" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                          
                          <span data-dc-tpl="220" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">sales-agent-8</span></span>
                        </div>
                        <div data-dc-tpl="221" style="display: flex; align-items: center; gap: 4px;">
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--accent);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--border-strong);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--border-strong);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--border-strong);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--border-strong);"></span>
                          
                        </div>
                      </div>
                    
                      <div data-dc-tpl="204" style="background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 10px;">
                        <div data-dc-tpl="205" style="display: flex; align-items: baseline; gap: 8px;">
                          <span data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-mute);"><span class="sc-interp">dl-6</span></span>
                          <span data-dc-tpl="207" style="margin-left: auto; font-family: &quot;Space Grotesk&quot;, sans-serif; font-weight: 600; font-size: 16px; color: var(--accent);"><span class="sc-interp">\u20AC8k</span></span>
                        </div>
                        <div data-dc-tpl="208" style="font-size: 13px; font-weight: 500; line-height: 1.3; text-wrap: pretty;"><span class="sc-interp">Umbrella \u2014 Pilot</span></div>
                        <div data-dc-tpl="209" style="display: flex; align-items: center; gap: 7px;">
                          <span data-dc-tpl="211" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 6px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="212" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect data-dc-tpl="213" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="214" d="M12 4v4"></path><circle data-dc-tpl="215" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="216" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="217" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                          
                          <span data-dc-tpl="220" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">sales-agent-8</span></span>
                        </div>
                        <div data-dc-tpl="221" style="display: flex; align-items: center; gap: 4px;">
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--accent);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--border-strong);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--border-strong);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--border-strong);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--border-strong);"></span>
                          
                        </div>
                      </div>
                    
                  </div>
                </div>
              
                <div data-dc-tpl="199" style="flex: 0 0 268px; width: 268px; background: var(--surface-3); border: 1px solid var(--border); border-radius: var(--radius); display: flex; flex-direction: column; max-height: 100%;">
                  <div data-dc-tpl="200" style="display: flex; align-items: center; gap: 9px; padding: 13px 14px; border-bottom: 1px solid var(--border);">
                    <span data-dc-tpl="201" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-weight: 600; font-size: 13.5px;"><span class="sc-interp">Qualified</span></span>
                  </div>
                  <div data-dc-tpl="202" style="display: flex; flex-direction: column; gap: 10px; padding: 12px; overflow-y: auto;">
                    
                      <div data-dc-tpl="204" style="background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 10px;">
                        <div data-dc-tpl="205" style="display: flex; align-items: baseline; gap: 8px;">
                          <span data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-mute);"><span class="sc-interp">dl-1</span></span>
                          <span data-dc-tpl="207" style="margin-left: auto; font-family: &quot;Space Grotesk&quot;, sans-serif; font-weight: 600; font-size: 16px; color: var(--accent);"><span class="sc-interp">\u20AC48k</span></span>
                        </div>
                        <div data-dc-tpl="208" style="font-size: 13px; font-weight: 500; line-height: 1.3; text-wrap: pretty;"><span class="sc-interp">Northwind \u2014 Fleet tier</span></div>
                        <div data-dc-tpl="209" style="display: flex; align-items: center; gap: 7px;">
                          
                          <span data-dc-tpl="219" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 600;"><span class="sc-interp">MV</span></span>
                          <span data-dc-tpl="220" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;IBM Plex Sans&quot;, sans-serif;"><span class="sc-interp">Mara Voss</span></span>
                        </div>
                        <div data-dc-tpl="221" style="display: flex; align-items: center; gap: 4px;">
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--success);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--accent);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--border-strong);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--border-strong);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--border-strong);"></span>
                          
                        </div>
                      </div>
                    
                  </div>
                </div>
              
                <div data-dc-tpl="199" style="flex: 0 0 268px; width: 268px; background: var(--surface-3); border: 1px solid var(--border); border-radius: var(--radius); display: flex; flex-direction: column; max-height: 100%;">
                  <div data-dc-tpl="200" style="display: flex; align-items: center; gap: 9px; padding: 13px 14px; border-bottom: 1px solid var(--border);">
                    <span data-dc-tpl="201" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-weight: 600; font-size: 13.5px;"><span class="sc-interp">Proposal</span></span>
                  </div>
                  <div data-dc-tpl="202" style="display: flex; flex-direction: column; gap: 10px; padding: 12px; overflow-y: auto;">
                    
                      <div data-dc-tpl="204" style="background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 10px;">
                        <div data-dc-tpl="205" style="display: flex; align-items: baseline; gap: 8px;">
                          <span data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-mute);"><span class="sc-interp">dl-2</span></span>
                          <span data-dc-tpl="207" style="margin-left: auto; font-family: &quot;Space Grotesk&quot;, sans-serif; font-weight: 600; font-size: 16px; color: var(--accent);"><span class="sc-interp">\u20AC120k</span></span>
                        </div>
                        <div data-dc-tpl="208" style="font-size: 13px; font-weight: 500; line-height: 1.3; text-wrap: pretty;"><span class="sc-interp">Acme Robotics \u2014 Enterprise</span></div>
                        <div data-dc-tpl="209" style="display: flex; align-items: center; gap: 7px;">
                          
                          <span data-dc-tpl="219" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 600;"><span class="sc-interp">PN</span></span>
                          <span data-dc-tpl="220" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;IBM Plex Sans&quot;, sans-serif;"><span class="sc-interp">Priya N</span></span>
                        </div>
                        <div data-dc-tpl="221" style="display: flex; align-items: center; gap: 4px;">
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--success);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--success);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--accent);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--border-strong);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--border-strong);"></span>
                          
                        </div>
                      </div>
                    
                  </div>
                </div>
              
                <div data-dc-tpl="199" style="flex: 0 0 268px; width: 268px; background: var(--surface-3); border: 1px solid var(--border); border-radius: var(--radius); display: flex; flex-direction: column; max-height: 100%;">
                  <div data-dc-tpl="200" style="display: flex; align-items: center; gap: 9px; padding: 13px 14px; border-bottom: 1px solid var(--border);">
                    <span data-dc-tpl="201" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-weight: 600; font-size: 13.5px;"><span class="sc-interp">Negotiation</span></span>
                  </div>
                  <div data-dc-tpl="202" style="display: flex; flex-direction: column; gap: 10px; padding: 12px; overflow-y: auto;">
                    
                      <div data-dc-tpl="204" style="background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 10px;">
                        <div data-dc-tpl="205" style="display: flex; align-items: baseline; gap: 8px;">
                          <span data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-mute);"><span class="sc-interp">dl-4</span></span>
                          <span data-dc-tpl="207" style="margin-left: auto; font-family: &quot;Space Grotesk&quot;, sans-serif; font-weight: 600; font-size: 16px; color: var(--accent);"><span class="sc-interp">\u20AC90k</span></span>
                        </div>
                        <div data-dc-tpl="208" style="font-size: 13px; font-weight: 500; line-height: 1.3; text-wrap: pretty;"><span class="sc-interp">Globex \u2014 Renewal</span></div>
                        <div data-dc-tpl="209" style="display: flex; align-items: center; gap: 7px;">
                          
                          <span data-dc-tpl="219" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 600;"><span class="sc-interp">MV</span></span>
                          <span data-dc-tpl="220" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;IBM Plex Sans&quot;, sans-serif;"><span class="sc-interp">Mara Voss</span></span>
                        </div>
                        <div data-dc-tpl="221" style="display: flex; align-items: center; gap: 4px;">
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--success);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--success);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--success);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--accent);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--border-strong);"></span>
                          
                        </div>
                      </div>
                    
                  </div>
                </div>
              
                <div data-dc-tpl="199" style="flex: 0 0 268px; width: 268px; background: var(--surface-3); border: 1px solid var(--border); border-radius: var(--radius); display: flex; flex-direction: column; max-height: 100%;">
                  <div data-dc-tpl="200" style="display: flex; align-items: center; gap: 9px; padding: 13px 14px; border-bottom: 1px solid var(--border);">
                    <span data-dc-tpl="201" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-weight: 600; font-size: 13.5px;"><span class="sc-interp">Won</span></span>
                  </div>
                  <div data-dc-tpl="202" style="display: flex; flex-direction: column; gap: 10px; padding: 12px; overflow-y: auto;">
                    
                      <div data-dc-tpl="204" style="background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 10px;">
                        <div data-dc-tpl="205" style="display: flex; align-items: baseline; gap: 8px;">
                          <span data-dc-tpl="206" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-mute);"><span class="sc-interp">dl-5</span></span>
                          <span data-dc-tpl="207" style="margin-left: auto; font-family: &quot;Space Grotesk&quot;, sans-serif; font-weight: 600; font-size: 16px; color: var(--accent);"><span class="sc-interp">\u20AC36k</span></span>
                        </div>
                        <div data-dc-tpl="208" style="font-size: 13px; font-weight: 500; line-height: 1.3; text-wrap: pretty;"><span class="sc-interp">Initech \u2014 Expansion</span></div>
                        <div data-dc-tpl="209" style="display: flex; align-items: center; gap: 7px;">
                          <span data-dc-tpl="211" style="width: 22px; height: 22px; flex: 0 0 22px; border-radius: 6px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="212" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect data-dc-tpl="213" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="214" d="M12 4v4"></path><circle data-dc-tpl="215" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="216" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="217" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                          
                          <span data-dc-tpl="220" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">sales-agent-8</span></span>
                        </div>
                        <div data-dc-tpl="221" style="display: flex; align-items: center; gap: 4px;">
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--success);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--success);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--success);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--success);"></span>
                          
                            <span data-dc-tpl="223" style="flex: 1 1 0%; height: 4px; border-radius: 3px; background: var(--accent);"></span>
                          
                        </div>
                      </div>
                    
                  </div>
                </div>
              
            </div>
          </section>
        

        

        

        

        

      

      
    </div>`,prodTasks:`<header data-dc-tpl="81" style="display: flex; align-items: center; gap: 16px; padding: 16px 24px; border-bottom: 1px solid var(--border);">
      <div data-dc-tpl="82" style="display: flex; flex-direction: column; gap: 2px;">
        <h1 data-dc-tpl="83" style="margin: 0px; font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 20px; font-weight: 600; letter-spacing: 0.2px;"><span class="sc-interp">Work</span></h1>
        <span data-dc-tpl="84" style="font-size: 12.5px; color: var(--text-mute);"><span class="sc-interp">Unified feed \xB7 backlog \xB7 CC-tasks \xB7 tasks</span></span>
      </div>
      <div data-dc-tpl="85" style="margin-left: auto; display: flex; align-items: center; gap: 14px;">
        <div data-dc-tpl="86" style="display: flex; align-items: center; gap: 7px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-dim);">
          <span data-dc-tpl="87" style="width: 8px; height: 8px; border-radius: 50%; background: var(--success); animation: 1.6s ease 0s infinite normal none running pulseDot;"></span><span class="sc-interp">STREAMING</span>
        </div>
        <div data-dc-tpl="88" style="display: flex; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 3px; gap: 2px;">
          <button data-dc-tpl="89" class="seg" data-active="true" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Live</button>
          <button data-dc-tpl="90" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Loading</button>
          <button data-dc-tpl="91" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Empty</button>
          <button data-dc-tpl="92" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 5px 12px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px;">Error</button>
        </div>
        <button data-dc-tpl="93" style="width: 36px; height: 36px; border-radius: 10px; background: var(--surface); border: 1px solid var(--border); color: var(--text-dim); cursor: pointer; font-size: 15px; display: flex; align-items: center; justify-content: center;"><span class="sc-interp">\u2600</span></button>
      </div>
    </header>

    <div data-dc-tpl="94" style="display: flex; gap: 12px; padding: 16px 24px; border-bottom: 1px solid var(--border); overflow-x: auto; flex: 0 0 auto;">
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Agents running</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--accent); line-height: 1;"><span class="sc-interp">3/6</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">live fleet</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Items in flight</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--text); line-height: 1;"><span class="sc-interp">10</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">4 pipelines</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Blocked / errored</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--alert); line-height: 1;"><span class="sc-interp">3</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">needs attention</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Throughput</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;Space Grotesk&quot;, sans-serif; font-size: 25px; font-weight: 600; color: var(--success); line-height: 1;"><span class="sc-interp">41</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">items / day</span></span>
        </div>
      
        <div data-dc-tpl="96" style="flex: 1 1 0%; min-width: 158px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 13px 16px; display: flex; flex-direction: column; gap: 5px;">
          <span data-dc-tpl="97" style="font-size: 10.5px; color: var(--text-mute); letter-spacing: 0.6px; text-transform: uppercase;"><span class="sc-interp">Cost today</span></span>
          <span data-dc-tpl="98" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 25px; font-weight: 600; color: var(--text); line-height: 1;"><span class="sc-interp">\u20AC18.24</span></span>
          <span data-dc-tpl="99" style="font-size: 11px; color: var(--text-mute); font-family: &quot;JetBrains Mono&quot;, monospace;"><span class="sc-interp">agent spend</span></span>
        </div>
      
    </div>

    <div data-dc-tpl="100" style="flex: 1 1 0%; min-height: 0px; overflow: auto; position: relative;">
      

        

        

        
          <section data-dc-tpl="166" style="padding: 20px 24px;">
            <div data-dc-tpl="167" style="display: flex; align-items: center; gap: 8px; margin-bottom: 16px;">
              <div data-dc-tpl="168" style="display: flex; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 3px; gap: 2px;">
                <button data-dc-tpl="169" class="seg" data-active="true" style="border: 0px; background: transparent; color: var(--text-dim); padding: 6px 14px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11.5px;">All</button>
                <button data-dc-tpl="170" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 6px 14px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11.5px;">Backlog</button>
                <button data-dc-tpl="171" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 6px 14px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11.5px;">CC-tasks</button>
                <button data-dc-tpl="172" class="seg" data-active="false" style="border: 0px; background: transparent; color: var(--text-dim); padding: 6px 14px; border-radius: 7px; cursor: pointer; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11.5px;">Tasks</button>
              </div>
              <span data-dc-tpl="173" style="margin-left: auto; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; color: var(--text-mute);">one board \xB7 sourced from backlog \xB7 CC \xB7 tasks</span>
            </div>
            <div data-dc-tpl="174" style="display: flex; flex-direction: column; gap: 9px; max-width: 1000px;">
              
                <div data-dc-tpl="176" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px 15px;">
                  <span data-dc-tpl="177" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; font-weight: 600; color: var(--alert); background: var(--alert-dim); border-radius: 6px; padding: 3px 8px; flex: 0 0 auto;"><span class="sc-interp">P1</span></span>
                  <span data-dc-tpl="178" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-mute); flex: 0 0 auto; width: 52px;"><span class="sc-interp">bk-207</span></span>
                  <span data-dc-tpl="179" style="flex: 1 1 0%; min-width: 0px; font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Dedupe webhook events before ingest</span></span>
                  <span data-dc-tpl="180" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-dim); border: 1px solid var(--border); border-radius: 6px; padding: 2px 8px; flex: 0 0 auto;"><span class="sc-interp">Backlog</span></span>
                  <div data-dc-tpl="181" style="display: flex; align-items: center; gap: 7px; flex: 0 0 auto; width: 150px;">
                    <span data-dc-tpl="183" style="width: 24px; height: 24px; flex: 0 0 24px; border-radius: 7px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="184" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect data-dc-tpl="185" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="186" d="M12 4v4"></path><circle data-dc-tpl="187" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="188" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="189" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    
                    <span data-dc-tpl="192" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">ingest-agent-1</span></span>
                  </div>
                  <span data-dc-tpl="193" style="display: flex; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--accent); background: var(--accent-dim); border-radius: 20px; padding: 3px 10px; flex: 0 0 auto; width: 110px; justify-content: center;">
                    <span data-dc-tpl="194" style="width: 6px; height: 6px; border-radius: 50%; background: var(--accent);"></span><span class="sc-interp">In progress</span>
                  </span>
                </div>
              
                <div data-dc-tpl="176" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px 15px;">
                  <span data-dc-tpl="177" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; font-weight: 600; color: var(--alert); background: var(--alert-dim); border-radius: 6px; padding: 3px 8px; flex: 0 0 auto;"><span class="sc-interp">P1</span></span>
                  <span data-dc-tpl="178" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-mute); flex: 0 0 auto; width: 52px;"><span class="sc-interp">cc-88</span></span>
                  <span data-dc-tpl="179" style="flex: 1 1 0%; min-width: 0px; font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Customer: refund not processed</span></span>
                  <span data-dc-tpl="180" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-dim); border: 1px solid var(--border); border-radius: 6px; padding: 2px 8px; flex: 0 0 auto;"><span class="sc-interp">CC-task</span></span>
                  <div data-dc-tpl="181" style="display: flex; align-items: center; gap: 7px; flex: 0 0 auto; width: 150px;">
                    
                    <span data-dc-tpl="191" style="width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 9.5px; font-weight: 600;"><span class="sc-interp">MV</span></span>
                    <span data-dc-tpl="192" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;IBM Plex Sans&quot;, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Mara Voss</span></span>
                  </div>
                  <span data-dc-tpl="193" style="display: flex; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-dim); background: rgba(128, 128, 128, 0.12); border-radius: 20px; padding: 3px 10px; flex: 0 0 auto; width: 110px; justify-content: center;">
                    <span data-dc-tpl="194" style="width: 6px; height: 6px; border-radius: 50%; background: var(--text-dim);"></span><span class="sc-interp">To do</span>
                  </span>
                </div>
              
                <div data-dc-tpl="176" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px 15px;">
                  <span data-dc-tpl="177" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; font-weight: 600; color: var(--alert); background: var(--alert-dim); border-radius: 6px; padding: 3px 8px; flex: 0 0 auto;"><span class="sc-interp">P1</span></span>
                  <span data-dc-tpl="178" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-mute); flex: 0 0 auto; width: 52px;"><span class="sc-interp">cc-92</span></span>
                  <span data-dc-tpl="179" style="flex: 1 1 0%; min-width: 0px; font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Customer: SSO login loop on mobile</span></span>
                  <span data-dc-tpl="180" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-dim); border: 1px solid var(--border); border-radius: 6px; padding: 2px 8px; flex: 0 0 auto;"><span class="sc-interp">CC-task</span></span>
                  <div data-dc-tpl="181" style="display: flex; align-items: center; gap: 7px; flex: 0 0 auto; width: 150px;">
                    
                    <span data-dc-tpl="191" style="width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 9.5px; font-weight: 600;"><span class="sc-interp">J</span></span>
                    <span data-dc-tpl="192" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;IBM Plex Sans&quot;, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Alex</span></span>
                  </div>
                  <span data-dc-tpl="193" style="display: flex; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--accent); background: var(--accent-dim); border-radius: 20px; padding: 3px 10px; flex: 0 0 auto; width: 110px; justify-content: center;">
                    <span data-dc-tpl="194" style="width: 6px; height: 6px; border-radius: 50%; background: var(--accent);"></span><span class="sc-interp">In progress</span>
                  </span>
                </div>
              
                <div data-dc-tpl="176" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px 15px;">
                  <span data-dc-tpl="177" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; font-weight: 600; color: var(--warn); background: var(--warn-dim); border-radius: 6px; padding: 3px 8px; flex: 0 0 auto;"><span class="sc-interp">P2</span></span>
                  <span data-dc-tpl="178" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-mute); flex: 0 0 auto; width: 52px;"><span class="sc-interp">bk-204</span></span>
                  <span data-dc-tpl="179" style="flex: 1 1 0%; min-width: 0px; font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Retry flaky render-gate</span></span>
                  <span data-dc-tpl="180" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-dim); border: 1px solid var(--border); border-radius: 6px; padding: 2px 8px; flex: 0 0 auto;"><span class="sc-interp">Backlog</span></span>
                  <div data-dc-tpl="181" style="display: flex; align-items: center; gap: 7px; flex: 0 0 auto; width: 150px;">
                    
                    <span data-dc-tpl="191" style="width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 9.5px; font-weight: 600;"><span class="sc-interp">J</span></span>
                    <span data-dc-tpl="192" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;IBM Plex Sans&quot;, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Alex</span></span>
                  </div>
                  <span data-dc-tpl="193" style="display: flex; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-dim); background: rgba(128, 128, 128, 0.12); border-radius: 20px; padding: 3px 10px; flex: 0 0 auto; width: 110px; justify-content: center;">
                    <span data-dc-tpl="194" style="width: 6px; height: 6px; border-radius: 50%; background: var(--text-dim);"></span><span class="sc-interp">To do</span>
                  </span>
                </div>
              
                <div data-dc-tpl="176" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px 15px;">
                  <span data-dc-tpl="177" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; font-weight: 600; color: var(--warn); background: var(--warn-dim); border-radius: 6px; padding: 3px 8px; flex: 0 0 auto;"><span class="sc-interp">P2</span></span>
                  <span data-dc-tpl="178" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-mute); flex: 0 0 auto; width: 52px;"><span class="sc-interp">tk-311</span></span>
                  <span data-dc-tpl="179" style="flex: 1 1 0%; min-width: 0px; font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Rotate prod API keys</span></span>
                  <span data-dc-tpl="180" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-dim); border: 1px solid var(--border); border-radius: 6px; padding: 2px 8px; flex: 0 0 auto;"><span class="sc-interp">Task</span></span>
                  <div data-dc-tpl="181" style="display: flex; align-items: center; gap: 7px; flex: 0 0 auto; width: 150px;">
                    
                    <span data-dc-tpl="191" style="width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 9.5px; font-weight: 600;"><span class="sc-interp">PN</span></span>
                    <span data-dc-tpl="192" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;IBM Plex Sans&quot;, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Priya N</span></span>
                  </div>
                  <span data-dc-tpl="193" style="display: flex; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--warn); background: var(--warn-dim); border-radius: 20px; padding: 3px 10px; flex: 0 0 auto; width: 110px; justify-content: center;">
                    <span data-dc-tpl="194" style="width: 6px; height: 6px; border-radius: 50%; background: var(--warn);"></span><span class="sc-interp">Review</span>
                  </span>
                </div>
              
                <div data-dc-tpl="176" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px 15px;">
                  <span data-dc-tpl="177" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; font-weight: 600; color: var(--warn); background: var(--warn-dim); border-radius: 6px; padding: 3px 8px; flex: 0 0 auto;"><span class="sc-interp">P2</span></span>
                  <span data-dc-tpl="178" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-mute); flex: 0 0 auto; width: 52px;"><span class="sc-interp">tk-315</span></span>
                  <span data-dc-tpl="179" style="flex: 1 1 0%; min-width: 0px; font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Backfill GA4 historical data</span></span>
                  <span data-dc-tpl="180" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-dim); border: 1px solid var(--border); border-radius: 6px; padding: 2px 8px; flex: 0 0 auto;"><span class="sc-interp">Task</span></span>
                  <div data-dc-tpl="181" style="display: flex; align-items: center; gap: 7px; flex: 0 0 auto; width: 150px;">
                    <span data-dc-tpl="183" style="width: 24px; height: 24px; flex: 0 0 24px; border-radius: 7px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="184" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect data-dc-tpl="185" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="186" d="M12 4v4"></path><circle data-dc-tpl="187" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="188" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="189" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    
                    <span data-dc-tpl="192" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">ops-agent-3</span></span>
                  </div>
                  <span data-dc-tpl="193" style="display: flex; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--accent); background: var(--accent-dim); border-radius: 20px; padding: 3px 10px; flex: 0 0 auto; width: 110px; justify-content: center;">
                    <span data-dc-tpl="194" style="width: 6px; height: 6px; border-radius: 50%; background: var(--accent);"></span><span class="sc-interp">In progress</span>
                  </span>
                </div>
              
                <div data-dc-tpl="176" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px 15px;">
                  <span data-dc-tpl="177" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; font-weight: 600; color: var(--text-mute); background: rgba(128, 128, 128, 0.14); border-radius: 6px; padding: 3px 8px; flex: 0 0 auto;"><span class="sc-interp">P3</span></span>
                  <span data-dc-tpl="178" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-mute); flex: 0 0 auto; width: 52px;"><span class="sc-interp">cc-90</span></span>
                  <span data-dc-tpl="179" style="flex: 1 1 0%; min-width: 0px; font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Customer: CSV export missing columns</span></span>
                  <span data-dc-tpl="180" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-dim); border: 1px solid var(--border); border-radius: 6px; padding: 2px 8px; flex: 0 0 auto;"><span class="sc-interp">CC-task</span></span>
                  <div data-dc-tpl="181" style="display: flex; align-items: center; gap: 7px; flex: 0 0 auto; width: 150px;">
                    <span data-dc-tpl="183" style="width: 24px; height: 24px; flex: 0 0 24px; border-radius: 7px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="184" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect data-dc-tpl="185" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="186" d="M12 4v4"></path><circle data-dc-tpl="187" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="188" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="189" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    
                    <span data-dc-tpl="192" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">support-agent-7</span></span>
                  </div>
                  <span data-dc-tpl="193" style="display: flex; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--accent); background: var(--accent-dim); border-radius: 20px; padding: 3px 10px; flex: 0 0 auto; width: 110px; justify-content: center;">
                    <span data-dc-tpl="194" style="width: 6px; height: 6px; border-radius: 50%; background: var(--accent);"></span><span class="sc-interp">In progress</span>
                  </span>
                </div>
              
                <div data-dc-tpl="176" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px 15px;">
                  <span data-dc-tpl="177" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; font-weight: 600; color: var(--text-mute); background: rgba(128, 128, 128, 0.14); border-radius: 6px; padding: 3px 8px; flex: 0 0 auto;"><span class="sc-interp">P3</span></span>
                  <span data-dc-tpl="178" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-mute); flex: 0 0 auto; width: 52px;"><span class="sc-interp">bk-209</span></span>
                  <span data-dc-tpl="179" style="flex: 1 1 0%; min-width: 0px; font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Tune SLA alert thresholds</span></span>
                  <span data-dc-tpl="180" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-dim); border: 1px solid var(--border); border-radius: 6px; padding: 2px 8px; flex: 0 0 auto;"><span class="sc-interp">Backlog</span></span>
                  <div data-dc-tpl="181" style="display: flex; align-items: center; gap: 7px; flex: 0 0 auto; width: 150px;">
                    <span data-dc-tpl="183" style="width: 24px; height: 24px; flex: 0 0 24px; border-radius: 7px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="184" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect data-dc-tpl="185" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="186" d="M12 4v4"></path><circle data-dc-tpl="187" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="188" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="189" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    
                    <span data-dc-tpl="192" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">finops-agent-5</span></span>
                  </div>
                  <span data-dc-tpl="193" style="display: flex; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-dim); background: rgba(128, 128, 128, 0.12); border-radius: 20px; padding: 3px 10px; flex: 0 0 auto; width: 110px; justify-content: center;">
                    <span data-dc-tpl="194" style="width: 6px; height: 6px; border-radius: 50%; background: var(--text-dim);"></span><span class="sc-interp">To do</span>
                  </span>
                </div>
              
                <div data-dc-tpl="176" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px 15px;">
                  <span data-dc-tpl="177" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; font-weight: 600; color: var(--text-mute); background: rgba(128, 128, 128, 0.14); border-radius: 6px; padding: 3px 8px; flex: 0 0 auto;"><span class="sc-interp">P3</span></span>
                  <span data-dc-tpl="178" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-mute); flex: 0 0 auto; width: 52px;"><span class="sc-interp">bk-212</span></span>
                  <span data-dc-tpl="179" style="flex: 1 1 0%; min-width: 0px; font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Archive stale pipelines</span></span>
                  <span data-dc-tpl="180" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-dim); border: 1px solid var(--border); border-radius: 6px; padding: 2px 8px; flex: 0 0 auto;"><span class="sc-interp">Backlog</span></span>
                  <div data-dc-tpl="181" style="display: flex; align-items: center; gap: 7px; flex: 0 0 auto; width: 150px;">
                    <span data-dc-tpl="183" style="width: 24px; height: 24px; flex: 0 0 24px; border-radius: 7px; background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center;"><svg data-dc-tpl="184" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect data-dc-tpl="185" x="5" y="8" width="14" height="11" rx="3"></rect><path data-dc-tpl="186" d="M12 4v4"></path><circle data-dc-tpl="187" cx="12" cy="3.4" r="1.3" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="188" cx="9.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle><circle data-dc-tpl="189" cx="14.5" cy="13.5" r="1.2" fill="currentColor" stroke="none"></circle></svg></span>
                    
                    <span data-dc-tpl="192" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;JetBrains Mono&quot;, monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">ops-agent-3</span></span>
                  </div>
                  <span data-dc-tpl="193" style="display: flex; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-dim); background: rgba(128, 128, 128, 0.12); border-radius: 20px; padding: 3px 10px; flex: 0 0 auto; width: 110px; justify-content: center;">
                    <span data-dc-tpl="194" style="width: 6px; height: 6px; border-radius: 50%; background: var(--text-dim);"></span><span class="sc-interp">To do</span>
                  </span>
                </div>
              
                <div data-dc-tpl="176" style="display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px 15px;">
                  <span data-dc-tpl="177" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11px; font-weight: 600; color: var(--text-mute); background: rgba(128, 128, 128, 0.14); border-radius: 6px; padding: 3px 8px; flex: 0 0 auto;"><span class="sc-interp">P3</span></span>
                  <span data-dc-tpl="178" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--text-mute); flex: 0 0 auto; width: 52px;"><span class="sc-interp">tk-318</span></span>
                  <span data-dc-tpl="179" style="flex: 1 1 0%; min-width: 0px; font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Doc: agent autonomy levels</span></span>
                  <span data-dc-tpl="180" style="font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; color: var(--text-dim); border: 1px solid var(--border); border-radius: 6px; padding: 2px 8px; flex: 0 0 auto;"><span class="sc-interp">Task</span></span>
                  <div data-dc-tpl="181" style="display: flex; align-items: center; gap: 7px; flex: 0 0 auto; width: 150px;">
                    
                    <span data-dc-tpl="191" style="width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border-strong); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 9.5px; font-weight: 600;"><span class="sc-interp">PN</span></span>
                    <span data-dc-tpl="192" style="font-size: 11.5px; color: var(--text-dim); font-family: &quot;IBM Plex Sans&quot;, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Priya N</span></span>
                  </div>
                  <span data-dc-tpl="193" style="display: flex; align-items: center; gap: 5px; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; color: var(--success); background: var(--success-dim); border-radius: 20px; padding: 3px 10px; flex: 0 0 auto; width: 110px; justify-content: center;">
                    <span data-dc-tpl="194" style="width: 6px; height: 6px; border-radius: 50%; background: var(--success);"></span><span class="sc-interp">Done</span>
                  </span>
                </div>
              
            </div>
          </section>
        

        

        

        

        

        

      

      
    </div>`}),window.VIEWS||(window.VIEWS={});var l=window.VIEWS;l.aaasDesignPane=function(e){var n=e&&e.kind?e.kind:{},s=window.AAAS_DESIGN_PANES[n.id];return React.useEffect(()=>{var p=document.querySelector("main.canvas");return p&&p.setAttribute("data-aaas-pane",""),()=>{p&&p.removeAttribute("data-aaas-pane")}},[]),s?React.createElement("div",{className:"aaas-design-pane-wrap"},typeof window.ScopeBadge=="function"?React.createElement(window.ScopeBadge,{key:"scope",item:n,kind:n}):null,React.createElement("div",{key:"html",className:"aaas-design-pane",dangerouslySetInnerHTML:{__html:s}})):React.createElement("div",{className:"empty"},"No AaaS design pane for "+n.id)};function d(){var a=window.KIND_REGISTRY;if(!a){setTimeout(d,30);return}a["streamOverview-costs"]&&(a["streamOverview-costs"].defaultView="aaasDesignPane",a["streamOverview-costs"].heroKpis=[]),a["streamOverview-design"]&&(a["streamOverview-design"].defaultView="aaasDesignPane",a["streamOverview-design"].heroKpis=[]),a["streamOverview-intelligence"]&&(a["streamOverview-intelligence"].defaultView="aaasDesignPane",a["streamOverview-intelligence"].heroKpis=[]),a["streamOverview-platform"]&&(a["streamOverview-platform"].defaultView="aaasDesignPane",a["streamOverview-platform"].heroKpis=[]),a.designBrandbook&&(a.designBrandbook.defaultView="aaasDesignPane",a.designBrandbook.heroKpis=[]),a.designLogos&&(a.designLogos.defaultView="aaasDesignPane",a.designLogos.heroKpis=[]),a.designMirrors&&(a.designMirrors.defaultView="aaasDesignPane",a.designMirrors.heroKpis=[]),a.designPalette&&(a.designPalette.defaultView="aaasDesignPane",a.designPalette.heroKpis=[]),a.designPlugin&&(a.designPlugin.defaultView="aaasDesignPane",a.designPlugin.heroKpis=[]),a.designPsi&&(a.designPsi.defaultView="aaasDesignPane",a.designPsi.heroKpis=[]),a.designStudio&&(a.designStudio.defaultView="aaasDesignPane",a.designStudio.heroKpis=[]),a.designTokens&&(a.designTokens.defaultView="aaasDesignPane",a.designTokens.heroKpis=[]),a.finClients&&(a.finClients.defaultView="aaasDesignPane",a.finClients.heroKpis=[]),a.finCredits&&(a.finCredits.defaultView="aaasDesignPane",a.finCredits.heroKpis=[]),a.finExpenses&&(a.finExpenses.defaultView="aaasDesignPane",a.finExpenses.heroKpis=[]),a.finInvoices&&(a.finInvoices.defaultView="aaasDesignPane",a.finInvoices.heroKpis=[]),a.finSubs&&(a.finSubs.defaultView="aaasDesignPane",a.finSubs.heroKpis=[]),a.integration&&(a.integration.defaultView="aaasDesignPane",a.integration.heroKpis=[]),a.intelAudit&&(a.intelAudit.defaultView="aaasDesignPane",a.intelAudit.heroKpis=[]),a.intelGraph&&(a.intelGraph.defaultView="aaasDesignPane",a.intelGraph.heroKpis=[]),a.intelKb&&(a.intelKb.defaultView="aaasDesignPane",a.intelKb.heroKpis=[]),a.intelNotebooklm&&(a.intelNotebooklm.defaultView="aaasDesignPane",a.intelNotebooklm.heroKpis=[]),a.intelVault&&(a.intelVault.defaultView="aaasDesignPane",a.intelVault.heroKpis=[]),a.platAlerts&&(a.platAlerts.defaultView="aaasDesignPane",a.platAlerts.heroKpis=[]),a.platFlags&&(a.platFlags.defaultView="aaasDesignPane",a.platFlags.heroKpis=[]),a.platFunctions&&(a.platFunctions.defaultView="aaasDesignPane",a.platFunctions.heroKpis=[]),a.platHealth&&(a.platHealth.defaultView="aaasDesignPane",a.platHealth.heroKpis=[]),a.platLogs&&(a.platLogs.defaultView="aaasDesignPane",a.platLogs.heroKpis=[]),a.platSecrets&&(a.platSecrets.defaultView="aaasDesignPane",a.platSecrets.heroKpis=[]),a.podAlerts&&(a.podAlerts.defaultView="aaasDesignPane",a.podAlerts.heroKpis=[]),a.podEpisodes&&(a.podEpisodes.defaultView="aaasDesignPane",a.podEpisodes.heroKpis=[]),a.podPrompts&&(a.podPrompts.defaultView="aaasDesignPane",a.podPrompts.heroKpis=[]),a.podSources&&(a.podSources.defaultView="aaasDesignPane",a.podSources.heroKpis=[]),a.podTrigger&&(a.podTrigger.defaultView="aaasDesignPane",a.podTrigger.heroKpis=[]),a.prodAgents&&(a.prodAgents.defaultView="aaasDesignPane",a.prodAgents.heroKpis=[]),a.prodForum&&(a.prodForum.defaultView="aaasDesignPane",a.prodForum.heroKpis=[]),a.prodProjects&&(a.prodProjects.defaultView="aaasDesignPane",a.prodProjects.heroKpis=[]),a.prodTasks&&(a.prodTasks.defaultView="aaasDesignPane",a.prodTasks.heroKpis=[]),a.podRuns||(a.podRuns={id:"podRuns",label:"Runs",workspaceLabel:"Podcast",defaultView:"aaasDesignPane",defaultDetail:"none",heroKpis:[]});var e=window.STREAMS&&window.STREAMS.podcast;if(e&&e.subPages){const t=e.subPages.find(r=>r.id==="runs");t&&(t.kind="podRuns")}a.finBookkeeping||(a.finBookkeeping={id:"finBookkeeping",label:"Bookkeeping",workspaceLabel:"Finances",defaultView:"aaasDesignPane",defaultDetail:"none",heroKpis:[]});var n=window.STREAMS&&window.STREAMS.finances;n&&n.subPages&&!n.subPages.some(t=>t.id==="bookkeeping")&&n.subPages.push({id:"bookkeeping",label:"Bookkeeping",kind:"finBookkeeping"}),a.prodOps||(a.prodOps={id:"prodOps",label:"Ops",workspaceLabel:"Product",defaultView:"aaasDesignPane",defaultDetail:"none",heroKpis:[]});var s=window.STREAMS&&window.STREAMS.product;s&&s.subPages&&!s.subPages.some(t=>t.id==="ops")&&s.subPages.push({id:"ops",label:"Ops",kind:"prodOps"}),a.designCatalog||(a.designCatalog={id:"designCatalog",label:"Catalog",workspaceLabel:"Design",defaultView:"aaasDesignPane",defaultDetail:"none",heroKpis:[]});var p=window.STREAMS&&window.STREAMS.design;if(p&&p.subPages){const t=p.subPages.find(r=>r.id==="catalog");t&&(t.kind="designCatalog")}a.prodSales||(a.prodSales={id:"prodSales",label:"Sales",workspaceLabel:"Product",defaultView:"aaasDesignPane",defaultDetail:"none",heroKpis:[]});const i=window.STREAMS&&window.STREAMS.product;if(i&&i.subPages){const t=i.subPages.find(r=>r.id==="sales");t&&(t.kind="prodSales")}a.prodOrders||(a.prodOrders={id:"prodOrders",label:"Orders",workspaceLabel:"Product",defaultView:"aaasDesignPane",defaultDetail:"none",heroKpis:[]});const o=window.STREAMS&&window.STREAMS.product;if(o&&o.subPages){const t=o.subPages.find(r=>r.id==="orders");t&&(t.kind="prodOrders")}}d(),console.log("[aaas-design-panes] 44 AaaS dashboard pane(s) mounted (2 conformed).")})();
