bb-app 0.0.10 → 0.0.12

package/app/dist/assets/split-button-DKl9pCWu.js

@@ -1 +0,0 @@
-import{Mi as e,Sa as t,Ti as n,ga as r,ji as i,qi as a}from"./page-shell-Cm6ORlc1.js";import{Gt as o,c as s,f as c,h as l,m as u,p as d,u as f}from"./effective-hosts-DyMNblil.js";var p=t(r(),1),m=a(),h=o;function g({primaryAction:t,secondaryActions:r,disabled:a=!1,className:o,triggerLabel:g=`More actions`,mobileTitle:_,defaultOpen:v,modal:y}){let b=e(n({variant:`outline`,size:`sm`}),h,o);return(0,m.jsxs)(`div`,{className:`inline-flex items-center`,children:[(0,m.jsx)(`button`,{type:`button`,disabled:a,className:e(b,`rounded-r-none border-r-0 pr-1 focus-visible:z-10`),"aria-label":t.label,title:t.label,onClick:t.onSelect,children:t.content??t.label}),(0,m.jsxs)(s,{defaultOpen:v,modal:y,children:[(0,m.jsx)(l,{asChild:!0,children:(0,m.jsx)(`button`,{type:`button`,disabled:a,className:e(b,`rounded-l-none border-l-0 px-1 pl-0 focus-visible:z-10`,`data-[state=open]:bg-state-active data-[state=open]:text-foreground`),"aria-label":g,title:g,children:(0,m.jsx)(i,{name:`ChevronDown`,className:`size-3`})})}),(0,m.jsx)(f,{align:`end`,sideOffset:2,mobileTitle:_,children:r.map((e,t)=>{let n=r[t-1];return(0,m.jsxs)(p.Fragment,{children:[e.groupLabel!==void 0&&e.groupLabel!==n?.groupLabel?(0,m.jsxs)(m.Fragment,{children:[t>0?(0,m.jsx)(u,{}):null,(0,m.jsx)(d,{children:e.groupLabel})]}):null,(0,m.jsx)(c,{onSelect:e.onSelect,textValue:e.label,children:e.content??e.label})]},e.label)})})]})]})}export{g as t};

package/app/dist/assets/thread-queries-BZIo9kT6.js

@@ -1 +0,0 @@
-import{$n as e,An as t,At as n,B as r,Ct as i,Dn as a,En as o,Fi as s,Jn as c,Ki as l,M as u,Mn as d,Mt as f,Ni as p,Nn as m,On as ee,Ot as te,Pi as h,Pn as ne,Pt as g,Sa as re,St as _,Tt as ie,U as ae,W as oe,X as se,Xt as ce,Yi as le,_n as ue,_t as v,dn as y,ea as de,fn as fe,ga as pe,gn as b,gt as me,hn as x,ht as he,it as S,j as ge,kn as _e,l as ve,ln as ye,lt as be,mn as xe,mt as C,na as Se,o as Ce,pn as we,pt as w,ra as T,s as E,ta as D,u as O,vn as k,vt as A,wt as Te,xt as j,yt as M,zt as Ee}from"./page-shell-Cm6ORlc1.js";import{I as N,L as P,N as F,O as De,_ as I,b as L,d as Oe,l as ke,u as R}from"./mutation-cache-effects-Dhc8bhPi.js";function z(e){return{onFetch:(t,n)=>{let r=t.options,i=t.fetchOptions?.meta?.fetchMore?.direction,a=t.state.data?.pages||[],o=t.state.data?.pageParams||[],s={pages:[],pageParams:[]},c=0,l=async()=>{let n=!1,l=e=>{de(e,()=>t.signal,()=>n=!0)},u=T(t.options,t.fetchOptions),d=async(e,r,i)=>{if(n)return Promise.reject();if(r==null&&e.pages.length)return Promise.resolve(e);let a=await u((()=>{let e={client:t.client,queryKey:t.queryKey,pageParam:r,direction:i?`backward`:`forward`,meta:t.options.meta};return l(e),e})()),{maxPages:o}=t.options,s=i?Se:D;return{pages:s(e.pages,a,o),pageParams:s(e.pageParams,r,o)}};if(i&&a.length){let e=i===`backward`,t=e?V:B,n={pages:a,pageParams:o};s=await d(n,t(r,n),e)}else{let t=e??a.length;do{let e=c===0?o[0]??r.initialPageParam:B(r,s);if(c>0&&e==null)break;s=await d(s,e),c++}while(c<t)}return s};t.options.persister?t.fetchFn=()=>t.options.persister?.(l,{client:t.client,queryKey:t.queryKey,meta:t.options.meta,signal:t.signal},n):t.fetchFn=l}}}function B(e,{pages:t,pageParams:n}){let r=t.length-1;return t.length>0?e.getNextPageParam(t[r],t,n[r],n):void 0}function V(e,{pages:t,pageParams:n}){return t.length>0?e.getPreviousPageParam?.(t[0],t,n[0],n):void 0}function Ae(e,t){return t?B(e,t)!=null:!1}function je(e,t){return!t||!e.getPreviousPageParam?!1:V(e,t)!=null}var Me=class extends le{constructor(e,t){super(e,t)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(e){super.setOptions({...e,behavior:z()})}getOptimisticResult(e){return e.behavior=z(),super.getOptimisticResult(e)}fetchNextPage(e){return this.fetch({...e,meta:{fetchMore:{direction:`forward`}}})}fetchPreviousPage(e){return this.fetch({...e,meta:{fetchMore:{direction:`backward`}}})}createResult(e,t){let{state:n}=e,r=super.createResult(e,t),{isFetching:i,isRefetching:a,isError:o,isRefetchError:s}=r,c=n.fetchMeta?.fetchMore?.direction,l=o&&c===`forward`,u=i&&c===`forward`,d=o&&c===`backward`,f=i&&c===`backward`;return{...r,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:Ae(t,n.data),hasPreviousPage:je(t,n.data),isFetchNextPageError:l,isFetchingNextPage:u,isFetchPreviousPageError:d,isFetchingPreviousPage:f,isRefetchError:s&&!l&&!d,isRefetching:a&&!u&&!f}}};function Ne(e,t){return s(e,Me,t)}function Pe(e){return e.title&&e.title.trim().length>0?e.title:e.titleFallback&&e.titleFallback.trim().length>0?e.titleFallback:`Thread ${e.id.slice(0,8)}`}function Fe(e){return e===`manager`?`manager`:`thread`}function H(e,t){F(e,{queryKey:g(),mapper:e=>e.filter(e=>e.id!==t)})}function U({queryClient:e,thread:t}){F(e,{queryKey:g(),mapper:e=>e.map(e=>e.id===t.id?{...e,...t}:e)})}function Ie(t){let n=l();return p({meta:{errorMessage:t?.errorMessage??`Failed to update thread.`,...t?.lifecycleOperation?{lifecycleOperation:t.lifecycleOperation}:{}},mutationFn:({id:t,...n})=>e(t,n),onSuccess:e=>{n.setQueryData(j(e.id),e),Oe({queryClient:n})}})}function W(){let e=l();return p({meta:{errorMessage:`Failed to archive thread.`,lifecycleOperation:`archive_thread`,showErrorToast:!1},mutationFn:({id:e})=>Ee(e),onMutate:async({id:t})=>{await e.cancelQueries({queryKey:j(t)}),await e.cancelQueries({queryKey:g()});let n=e.getQueryData(j(t)),r=P(e,{queryKey:g()}),i=Date.now();return e.setQueryData(j(t),e=>e&&{...e,archivedAt:i}),H(e,t),{previousThread:n,previousThreadLists:r}},onError:(t,n,r)=>{r&&(e.setQueryData(j(n.id),r.previousThread),N(e,r.previousThreadLists))},onSettled:(t,n,r)=>{R({queryClient:e,threadId:r.id})}})}function Le(){let e=l();return p({meta:{errorMessage:`Failed to unarchive thread.`},mutationFn:({id:e})=>c(e),onMutate:async({id:t})=>{await e.cancelQueries({queryKey:j(t)}),await e.cancelQueries({queryKey:g()});let n=e.getQueryData(j(t)),r=P(e,{queryKey:g()});return e.setQueryData(j(t),e=>e&&{...e,archivedAt:null}),H(e,t),{previousThread:n,previousThreadLists:r}},onError:(t,n,r)=>{r&&(e.setQueryData(j(n.id),r.previousThread),N(e,r.previousThreadLists))},onSettled:(t,n,r)=>{R({queryClient:e,threadId:r.id})}})}function Re(){let e=l();return p({meta:{errorMessage:`Failed to delete thread.`},mutationFn:({id:e,managerChildThreadsConfirmed:t})=>ce(e,{managerChildThreadsConfirmed:t}),onMutate:async({id:t})=>{await e.cancelQueries({queryKey:j(t)}),await e.cancelQueries({queryKey:g()}),await e.cancelQueries({queryKey:S()});let n=e.getQueryData(j(t)),r=P(e,{queryKey:g()}),i=e.getQueryData(S()),a=n?.environmentId;return I({queryClient:e,threadId:t}),L({environmentId:a,queryClient:e}),H(e,t),{previousThread:n,previousThreadLists:r,previousProjects:i,environmentId:a}},onError:(t,n,r)=>{r&&(e.setQueryData(j(n.id),r.previousThread),N(e,r.previousThreadLists),e.setQueryData(S(),r.previousProjects))},onSettled:(t,n,r,i)=>{I({queryClient:e,threadId:r.id}),L({environmentId:i?.environmentId,queryClient:e}),ke({queryClient:e})}})}function ze(){let e=l();return p({meta:{errorMessage:`Failed to mark thread read.`,showErrorToast:!1},mutationFn:e=>m(e),onSuccess:t=>{e.setQueryData(j(t.id),t),U({queryClient:e,thread:t})}})}function Be(){let e=l();return p({meta:{errorMessage:`Failed to mark thread unread.`,showErrorToast:!1},mutationFn:e=>ne(e),onSuccess:t=>{e.setQueryData(j(t.id),t),U({queryClient:e,thread:t})}})}var Ve=re(pe(),1);function G(e,t){if(!e||e[0]!==t)return;let n=e[1];return typeof n==`string`?n:void 0}function K(e,t,n,r){if(e!==void 0)return G(t,r)===n?e:void 0}function He(e,t,n){return K(e,t,n,E)}function Ue(e,t,n){return K(e,t,n,Ce)}function We(e,t,n){return K(e,t,n,ve)}function Ge(e,t,n,r){if(e===void 0)return;let i=G(t,O),a=se(t);return i===n&&a===r?e:void 0}var q=`STATUS`,J=`STATUS.md`;function Y(e){return e===`STATUS`||e===`STATUS/index.html`||e===`STATUS.md`||e===`STATUS.html`}function Ke(e){return Y(e)?q:e}function qe(e){return q}var X=1e4,Je=2e3;function Z(e,t){if(!e)throw Error(`${t}: thread id is required when query is enabled`);return e}function Ye({filters:e,projectId:t}){let n={archived:!1,projectId:t};return e.parentThreadId!==void 0&&(n.parentThreadId=e.parentThreadId),e.type!==void 0&&(n.type=e.type),n}function Xe(e,t){return!(t.parentThreadId!==void 0&&e.parentThreadId!==t.parentThreadId||t.type!==void 0&&e.type!==t.type)}function Ze(e,t){return e.filter(e=>Xe(e,t))}function Qe(e){return e===`manager`?{type:`manager`}:e===`managed`?{managed:!0,type:`standard`}:e===`unmanaged`?{managed:!1,type:`standard`}:{}}function $e(e,t){let{projectId:n,kind:r}=e,i=(t?.enabled??!0)&&!!n,a=Qe(r);return Ne({queryKey:ge({projectId:n??``,kind:r}),queryFn:({pageParam:e,signal:t})=>d({projectId:Z(n??``,`useArchivedThreads`),archived:!0,...a,limit:100,offset:e},t),initialPageParam:0,getNextPageParam:(e,t)=>{if(!(e.length<100))return t.reduce((e,t)=>e+t.length,0)},enabled:i,staleTime:X})}function Q(e,t){let{projectId:n,...r}=e,i=(t?.enabled??!0)&&!!n;return h({queryKey:i&&n?v({...r,projectId:n}):u(n?{...r,projectId:n}:r),queryFn:({signal:e})=>d({...r,projectId:Z(n??``,`useThreads`)},e),enabled:i,staleTime:X})}function et({enabled:e,filters:t,projectId:n}){let r=l(),i=(e??!0)&&!!n,{parentThreadId:a,type:o}=t,s=i&&n?v({archived:!1,projectId:n}):u(n?{archived:!1,projectId:n}:{archived:!1}),c=i&&n!==void 0&&r.getQueryData(v({archived:!1,projectId:n}))!==void 0,f=h({queryKey:s,queryFn:({signal:e})=>d({archived:!1,projectId:Z(n??``,`useProjectThreadSubset`)},e),enabled:i&&c,staleTime:X}),p=f.data!==void 0,m=Q(Ye({filters:t,projectId:n}),{enabled:i&&!p});return{data:(0,Ve.useMemo)(()=>f.data?Ze(f.data,{parentThreadId:a,type:o}):void 0,[f.data,a,o])??m.data,isError:p?f.isError:m.isError,isFetching:p?f.isFetching:m.isFetching,isLoading:p?f.isLoading:m.isLoading}}function tt(e,t){let n=l();return h({queryKey:j(e),queryFn:()=>ye(Z(e,`useThread`)),enabled:(t?.enabled??!0)&&!!e,staleTime:5e3,refetchOnMount:t?.refetchOnMount??!0,placeholderData:(t,r)=>We(t,r?.queryKey,e)??De(n,e)})}function nt(e){let{environment:t,host:n,...r}=e;return r}function rt({host:e,hosts:t}){if(!t)return[e];let n=!1,r=t.map(t=>t.id===e.id?(n=!0,e):t);return n?r:[...t,e]}function $({bootstrap:e,environmentId:t,providerId:n,queryClient:r,threadId:i}){r.setQueryData(C(i),e.defaultExecutionOptions),r.setQueryData(_(i),e.queuedMessages),r.setQueryData(M(i),e.promptHistory),r.setQueryData(A(i),e.pendingInteractions);let a=n??e.executionOptions.providers[0]?.id;a&&r.setQueryData(be({environmentId:t,providerId:a}),e.executionOptions)}function it(e,t){let n=l();return h({queryKey:he(e),queryFn:async()=>{let i=await k(Z(e,`useThreadDetailBootstrap`));if(n.setQueryData(j(i.id),nt(i)),i.environment&&n.setQueryData(r(i.environment.id),i.environment),i.host){let e=i.host;n.setQueryData(ae(e.id),e),n.setQueryData(oe(),t=>rt({host:e,hosts:t}))}if(t?.timelinePrefetch){let e=i.type===`manager`?t.timelinePrefetch.managerTimelineView:void 0;n.prefetchQuery({queryKey:f(i.id,e),queryFn:()=>b({id:i.id,managerTimelineView:e})})}if(t?.composerBootstrapPrefetch){let e=i.environmentId??null,t=i.providerId??null;n.prefetchQuery({queryKey:w(i.id,e),queryFn:async()=>{let r=await y(i.id);return $({bootstrap:r,environmentId:e,providerId:t,queryClient:n,threadId:i.id}),r}})}return i},enabled:(t?.enabled??!0)&&!!e,staleTime:1/0})}function at(e,t){let n=l(),r=t?.environmentId??null,i=t?.providerId??null;return h({queryKey:w(e,r),queryFn:async()=>{let t=await y(Z(e,`useThreadComposerBootstrap`));return $({bootstrap:t,environmentId:r,providerId:i,queryClient:n,threadId:e}),t},enabled:(t?.enabled??!0)&&!!e,refetchOnMount:t?.refetchOnMount??!0,refetchOnWindowFocus:!1,...t?.staleTime===void 0?{}:{staleTime:t.staleTime}})}function ot(e,t){return h({queryKey:C(e),queryFn:()=>fe(Z(e,`useThreadDefaultExecutionOptions`)),enabled:(t?.enabled??!0)&&!!e,refetchOnMount:t?.refetchOnMount??!0,refetchOnWindowFocus:!1,staleTime:t?.staleTime})}function st(e,t){return h({queryKey:_(e),queryFn:()=>ee(Z(e,`useThreadQueuedMessages`)),enabled:(t?.enabled??!0)&&!!e,refetchOnMount:t?.refetchOnMount??!0,refetchOnWindowFocus:!1,staleTime:t?.staleTime})}function ct(e,t){return h({queryKey:M(e),queryFn:({signal:t})=>a(Z(e,`useThreadPromptHistory`),t),enabled:(t?.enabled??!0)&&!!e,refetchOnMount:t?.refetchOnMount??!0,staleTime:t?.staleTime??1e4})}function lt(e,t){return h({queryKey:A(e),queryFn:({signal:t})=>o(Z(e,`useThreadPendingInteractions`),t),enabled:(t?.enabled??!0)&&!!e,refetchOnMount:t?.refetchOnMount??!0,refetchOnWindowFocus:!1,staleTime:t?.staleTime})}function ut(e,t,n){return h({queryKey:te(e,t),queryFn:({signal:n})=>_e({id:Z(e,`useThreadStorageFiles`),options:t,signal:n}),enabled:(n?.enabled??!0)&&!!e,refetchOnWindowFocus:!1})}function dt(e,r,i){return h({queryKey:n(e,r),queryFn:({signal:n})=>t({id:Z(e,`useThreadStoragePaths`),options:r,signal:n}),enabled:(i?.enabled??!0)&&!!e,refetchOnWindowFocus:!1,placeholderData:e=>e})}function ft(e,t,n){return h({queryKey:ie(e,t),queryFn:({signal:n})=>x(Z(e,`useThreadStorageFilePreview`),t??``,n),enabled:(n?.enabled??!0)&&!!e&&!!t,refetchOnWindowFocus:!1})}function pt(e,t){return h({queryKey:Te(e),queryFn:({signal:t})=>xe(Z(e,`useThreadStatusVersion`),t),enabled:(t?.enabled??!0)&&!!e,refetchInterval:Je,refetchIntervalInBackground:!1,refetchOnWindowFocus:!0,staleTime:t?.staleTime})}function mt(e,t,n){return h({queryKey:i(e,t),queryFn:({signal:t})=>x(Z(e,`useThreadStatusMarkdownPreview`),J,t),enabled:(n?.enabled??!0)&&!!e&&!!t,refetchOnWindowFocus:!1,staleTime:n?.staleTime})}function ht(e,t,n,r){return h({queryKey:me(e,t,n),queryFn:({signal:t})=>we(Z(e,`useThreadHostFilePreview`),n??``,t),enabled:(r?.enabled??!0)&&!!e&&!!t&&!!n,refetchOnWindowFocus:!1})}function gt(e,t){let n=t?.managerTimelineView;return h({queryKey:f(e,n),queryFn:()=>b({id:Z(e,`useThreadTimeline`),managerTimelineView:n}),enabled:(t?.enabled??!0)&&!!e,refetchOnMount:t?.refetchOnMount??!0,...t?.staleTime===void 0?{}:{staleTime:t.staleTime},placeholderData:(t,r)=>Ge(t,r?.queryKey,e,n)})}function _t(){return p({meta:{errorMessage:`Failed to load turn summary details.`,showErrorToast:!1},mutationFn:e=>ue(e)})}function vt(e){if(!e||e.length===0)return null;let[t,...n]=e;return n.reduce((e,t)=>t.createdAt>e.createdAt?t:e,t)}export{Le as A,qe as C,Re as D,W as E,Pe as M,Fe as N,ze as O,z as P,Ke as S,He as T,gt as _,at as a,J as b,ht as c,st as d,mt as f,dt as g,ut as h,tt as i,Ie as j,Be as k,lt as l,ft as m,$e as n,ot as o,pt as p,et as r,it as s,vt as t,ct as u,_t as v,Ue as w,Y as x,Q as y};

package/server/dist/default-template/STATUS.html

@@ -1,380 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Manager Status</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap"
-      rel="stylesheet"
-    />
-    <style>
-      /* bb design tokens, mirrored from apps/app/src/components/ui/theme.css.
-         See also: `bb guide styling`. */
-      :root {
-        color-scheme: light;
-        --background: oklch(0.9551 0 0);
-        --foreground: oklch(0.3211 0 0);
-        --card: oklch(0.9702 0 0);
-        --muted-foreground: oklch(0.5103 0 0);
-        --secondary: oklch(0.9067 0 0);
-        --border: oklch(0.8576 0 0);
-        --success: oklch(0.7 0.15 155);
-        --attention: oklch(0.74 0.15 80);
-        --destructive: oklch(0.5594 0.19 25.8625);
-        --primary: oklch(0.4891 0 0);
-        --font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
-        --font-mono: "Fira Code", ui-monospace, Menlo, monospace;
-        --radius: 0.35rem;
-        --radius-sm: calc(var(--radius) - 4px);
-        --shadow-sm:
-          0px 2px 0px 0px hsl(0 0% 20% / 0.12),
-          0px 1px 2px -1px hsl(0 0% 20% / 0.12);
-        --text-xs: 0.75rem;
-        --text-sm: 0.8125rem;
-        --text-base: 0.9375rem;
-      }
-      @media (prefers-color-scheme: dark) {
-        :root {
-          color-scheme: dark;
-          --background: oklch(0.195 0 0);
-          --foreground: oklch(0.8853 0 0);
-          --card: oklch(0.2435 0 0);
-          --muted-foreground: oklch(0.66 0 0);
-          --secondary: oklch(0.3092 0 0);
-          --border: oklch(0.329 0 0);
-          --success: oklch(0.74 0.15 155);
-          --attention: oklch(0.8 0.15 80);
-          --destructive: oklch(0.56 0.19 22.1703);
-          --primary: oklch(0.7058 0 0);
-        }
-      }
-
-      *,
-      *::before,
-      *::after {
-        box-sizing: border-box;
-      }
-
-      html {
-        height: 100%;
-        overflow-y: auto;
-        overflow-x: hidden;
-        scrollbar-width: thin;
-        scrollbar-color: var(--border) transparent;
-      }
-      html::-webkit-scrollbar {
-        width: 10px;
-      }
-      html::-webkit-scrollbar-thumb {
-        background: var(--border);
-        border-radius: 999px;
-        border: 2px solid var(--background);
-      }
-      html::-webkit-scrollbar-thumb:hover {
-        background: var(--muted-foreground);
-      }
-
-      body {
-        margin: 0;
-        padding: 16px 16px 20px;
-        background: var(--background);
-        color: var(--foreground);
-        font-family: var(--font-sans);
-        font-size: var(--text-base);
-        line-height: 1.45;
-        -webkit-font-smoothing: antialiased;
-        text-rendering: optimizeLegibility;
-      }
-
-      a {
-        color: inherit;
-        text-decoration: none;
-      }
-      a:hover {
-        text-decoration: underline;
-        text-decoration-thickness: 1px;
-        text-underline-offset: 2px;
-      }
-
-      code,
-      .mono {
-        font-family: var(--font-mono);
-        font-size: var(--text-xs);
-        color: var(--muted-foreground);
-      }
-
-      /* header */
-      .header {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        padding-bottom: 10px;
-        border-bottom: 1px solid var(--border);
-      }
-      .brand {
-        width: 20px;
-        height: 20px;
-        border: 1px solid var(--border);
-        background: var(--card);
-        border-radius: var(--radius-sm);
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        font-family: var(--font-mono);
-        font-weight: 500;
-        font-size: 10px;
-      }
-      .title {
-        font-size: var(--text-sm);
-        font-weight: 600;
-        letter-spacing: -0.005em;
-        flex: 1;
-        min-width: 0;
-      }
-      .ts {
-        font-family: var(--font-mono);
-        font-size: 10px;
-        color: var(--muted-foreground);
-      }
-
-      /* sections */
-      section {
-        margin-top: 16px;
-      }
-      .sect-title {
-        font-size: 10.5px;
-        font-weight: 600;
-        letter-spacing: 0.06em;
-        text-transform: uppercase;
-        color: var(--muted-foreground);
-        margin-bottom: 8px;
-      }
-
-      /* row */
-      .row {
-        display: flex;
-        align-items: flex-start;
-        justify-content: space-between;
-        gap: 10px;
-        padding: 10px 12px;
-        background: var(--card);
-        border: 1px solid var(--border);
-        border-radius: var(--radius);
-      }
-      .row + .row {
-        margin-top: 6px;
-      }
-      .row .main {
-        min-width: 0;
-        flex: 1;
-      }
-      .row .label {
-        font-family: var(--font-mono);
-        font-size: 10.5px;
-        color: var(--muted-foreground);
-        margin-bottom: 3px;
-      }
-      .row .name {
-        font-size: var(--text-sm);
-        font-weight: 500;
-        line-height: 1.35;
-        color: var(--foreground);
-        word-break: break-word;
-      }
-
-      /* pill */
-      .pill {
-        display: inline-flex;
-        align-items: center;
-        gap: 5px;
-        font-family: var(--font-mono);
-        font-size: 9.5px;
-        font-weight: 500;
-        line-height: 1;
-        padding: 3px 7px;
-        border-radius: 999px;
-        border: 1px solid var(--border);
-        background: var(--secondary);
-        color: var(--muted-foreground);
-        text-transform: uppercase;
-        letter-spacing: 0.05em;
-        white-space: nowrap;
-        flex-shrink: 0;
-      }
-      .pill .dot {
-        width: 5px;
-        height: 5px;
-        border-radius: 999px;
-        background: currentColor;
-      }
-      .pill.open {
-        color: var(--success);
-        background: color-mix(in srgb, var(--success) 12%, var(--background));
-        border-color: color-mix(in srgb, var(--success) 32%, var(--border));
-      }
-      .pill.running {
-        color: var(--attention);
-        background: color-mix(in srgb, var(--attention) 14%, var(--background));
-        border-color: color-mix(in srgb, var(--attention) 32%, var(--border));
-      }
-      .pill.failed {
-        color: var(--destructive);
-        background: color-mix(in srgb, var(--destructive) 12%, var(--background));
-        border-color: color-mix(in srgb, var(--destructive) 32%, var(--border));
-      }
-
-      .empty {
-        padding: 10px 12px;
-        font-size: var(--text-sm);
-        color: var(--muted-foreground);
-        font-style: italic;
-        border: 1px dashed var(--border);
-        border-radius: var(--radius);
-      }
-    </style>
-  </head>
-  <body>
-    <header class="header">
-      <span class="brand">bb</span>
-      <span class="title">Manager status</span>
-      <span class="ts">—</span>
-    </header>
-
-    <section>
-      <div class="sect-title">Open PRs · 0</div>
-      <div class="empty">No open PRs.</div>
-    </section>
-
-    <section>
-      <div class="sect-title">Active workers · 0</div>
-      <div class="empty">No active workers.</div>
-    </section>
-
-    <!--
-      =====================================================================
-      SNIPPET LIBRARY — copy/paste from these patterns when populating
-      STATUS.html. Keep them in sync if you change the styles above. For the
-      design tokens themselves, run `bb guide styling`.
-      =====================================================================
-
-      ---- Refresh timestamp (header right) ----
-      Update <span class="ts"> on every refresh:
-        <span class="ts">YYYY-MM-DD · HH:MM TZ</span>
-
-      ---- Section: open PRs (with count) ----
-      <section>
-        <div class="sect-title">Open PRs · 2</div>
-        <div class="row"> ...PR row... </div>
-        <div class="row"> ...PR row... </div>
-      </section>
-
-      ---- PR row ----
-      <div class="row">
-        <div class="main">
-          <div class="label">#42</div>
-          <div class="name">
-            <a href="https://github.com/OWNER/REPO/pull/42" target="_blank" rel="noopener">PR title goes here</a>
-          </div>
-        </div>
-        <span class="pill open"><span class="dot"></span>Open</span>
-      </div>
-
-      ---- Active worker row ----
-      <div class="row">
-        <div class="main">
-          <div class="label">thr_xxxxxxxxxx</div>
-          <div class="name">One-line description of what the worker is doing</div>
-        </div>
-        <span class="pill running"><span class="dot"></span>Running</span>
-      </div>
-
-      ---- Empty state ----
-      <div class="empty">No open PRs.</div>
-      <div class="empty">No active workers.</div>
-
-      ---- Pill variants ----
-      <span class="pill open"><span class="dot"></span>Open</span>            (success / green)
-      <span class="pill running"><span class="dot"></span>Running</span>      (attention / amber)
-      <span class="pill failed"><span class="dot"></span>Failed</span>        (destructive / red)
-      <span class="pill"><span class="dot"></span>Neutral</span>              (muted)
-
-      ---- Inline status annotation on a name (e.g. "Superseded by #99") ----
-      <span class="pill" style="margin-left:6px; color:var(--destructive); border-color:color-mix(in srgb,var(--destructive) 32%,var(--border)); background:color-mix(in srgb,var(--destructive) 12%,var(--background))">Superseded by #99</span>
-
-      =====================================================================
-      No-PR landing mode — use these two sections in place of "Open PRs"
-      when the user has opted out of PRs. "In progress" tracks worker
-      branches in flight; "Ready for review" tracks validated branches
-      waiting for the user to push or merge.
-      =====================================================================
-
-      ---- Section: in-progress work (no-PR mode) ----
-      <section>
-        <div class="sect-title">In progress · N</div>
-        <div class="row">
-          <div class="main">
-            <div class="label">branch-name</div>
-            <div class="name">One-line description of the work in flight</div>
-          </div>
-          <span class="pill running"><span class="dot"></span>WIP</span>
-        </div>
-      </section>
-
-      ---- Section: ready for review (no-PR mode) ----
-      <section>
-        <div class="sect-title">Ready for review · N</div>
-        <div class="row">
-          <div class="main">
-            <div class="label">branch-name</div>
-            <div class="name">One-line description · validated and waiting for user OK</div>
-          </div>
-          <span class="pill open"><span class="dot"></span>Ready</span>
-        </div>
-      </section>
-
-      ---- Optional sections you may want later ----
-
-      Active workers entry with provider/base meta (use a card-style row with extra meta block):
-      <article class="row" style="flex-direction:column; align-items:stretch; gap:6px">
-        <div style="display:flex; justify-content:space-between; gap:10px; align-items:flex-start">
-          <span class="label">thr_xxxxxxxxxx</span>
-          <span class="pill running"><span class="dot"></span>Running</span>
-        </div>
-        <div class="name">Description</div>
-        <div style="display:flex; flex-direction:column; gap:3px; font-family:var(--font-mono); font-size:10.5px; color:var(--muted-foreground)">
-          <span>provider · codex · xhigh · full perms</span>
-          <span>base · origin/main</span>
-        </div>
-      </article>
-
-      Dev-instance callout:
-      <section>
-        <div class="sect-title">Dev instance</div>
-        <div class="row">
-          <div class="main">
-            <div class="label">~/.bb-dev/</div>
-            <div class="name">Running PR #NN worktree.</div>
-          </div>
-          <span class="pill running"><span class="dot"></span>Up</span>
-        </div>
-      </section>
-
-      Recently completed feed (compact list — keep short, e.g. last 3):
-      <section>
-        <div class="sect-title">Recently completed · 2</div>
-        <div class="row">
-          <div class="main">
-            <div class="label">thr_xxxxxxxxxx</div>
-            <div class="name">
-              One-line outcome — <a href="https://github.com/OWNER/REPO/pull/41" target="_blank" rel="noopener">PR #41</a>
-              <span class="pill" style="margin-left:6px">Merged</span>
-            </div>
-          </div>
-        </div>
-      </section>
-    -->
-  </body>
-</html>