Install superclaude

See every branch of a Claude.ai conversation — and jump to any leaf in one click.

1. 1

   Add the bookmark

   Drag this up to your bookmarks bar

   superclaude

   Bookmark won't drag? Install it by hand (and get the ✦ icon)

   Some browsers — recent Chrome especially — strip the javascript: scheme when you drag, and a dragged bookmarklet can only ever show a generic globe icon. Installing by hand avoids both: let the bookmark inherit this page's ✦ icon, then swap in the code.

   1. Bookmark this page (Cmd/Ctrl+D) — the new bookmark picks up the ✦ icon from the tab.
   2. Edit that bookmark, replace its URL with the one below, and keep the name.
   3. It now runs superclaude and shows the sparkle instead of the globe.

   Copy bookmarklet URL

   javascript:(()%3D%3E%7B%22use%20strict%22%3Bconst%20e%3D%22__superclaude__%22%3Bif(window%5Be%5D%3F.modalOpen)return%3Bwindow%5Be%5D%3Dwindow%5Be%5D%7C%7C%7B%7D%3Bconst%20n%3D%7Binfo%3A%7Baccent%3A%22hsl(14.8%2063.1%25%2059.6%25)%22%7D%2Cerror%3A%7Baccent%3A%22hsl(0%2073%25%2059%25)%22%7D%2Csuccess%3A%7Baccent%3A%22hsl(81%2080%25%2050%25)%22%7D%7D%2Ct%3D(e%2C%7Bkind%3At%3D%22info%22%2CtimeoutMs%3Ao%3D4e3%7D%3D%7B%7D)%3D%3E%7Bconst%20r%3Dn%5Bt%5D%7C%7Cn.info%2Ca%3Ddocument.createElement(%22div%22)%3Ba.textContent%3De%2Ca.style.cssText%3D%60%5Cn%20%20%20%20%20%20all%3A%20initial%3B%5Cn%20%20%20%20%20%20position%3A%20fixed%3B%5Cn%20%20%20%20%20%20bottom%3A%2024px%3B%5Cn%20%20%20%20%20%20left%3A%2050%25%3B%5Cn%20%20%20%20%20%20transform%3A%20translateX(-50%25)%3B%5Cn%20%20%20%20%20%20max-width%3A%20420px%3B%5Cn%20%20%20%20%20%20padding%3A%2011px%2016px%2011px%2014px%3B%5Cn%20%20%20%20%20%20background%3A%20hsl(60%202%25%2017%25)%3B%5Cn%20%20%20%20%20%20color%3A%20hsl(60%2014%25%2097%25)%3B%5Cn%20%20%20%20%20%20font%3A%20400%2013px%2F1.45%20%22Anthropic%20Sans%22%2C%20system-ui%2C%20%22Segoe%20UI%22%2C%20Roboto%2C%20Helvetica%2C%20Arial%2C%20sans-serif%3B%5Cn%20%20%20%20%20%20border%3A%201px%20solid%20hsl(53%2012%25%2087%25%20%2F%200.10)%3B%5Cn%20%20%20%20%20%20border-left%3A%203px%20solid%20%24%7Br.accent%7D%3B%5Cn%20%20%20%20%20%20border-radius%3A%208px%3B%5Cn%20%20%20%20%20%20box-shadow%3A%200%2010px%2030px%20-8px%20rgb(0%200%200%20%2F%200.55)%2C%200%204px%208px%20-4px%20rgb(0%200%200%20%2F%200.4)%3B%5Cn%20%20%20%20%20%20z-index%3A%202147483647%3B%5Cn%20%20%20%20%20%20cursor%3A%20pointer%3B%5Cn%20%20%20%20%60%2Ca.addEventListener(%22click%22%2C()%3D%3Ea.remove())%2Cdocument.body.appendChild(a)%2CsetTimeout(()%3D%3E%7Ba.isConnected%26%26a.remove()%7D%2Co)%7D%3Bif(%22claude.ai%22!%3D%3Dlocation.hostname)return%20void%20t(%22superclaude%20only%20runs%20inside%20a%20Claude.ai%20chat.%20Open%20a%20conversation%20at%20claude.ai%2Fchat%2F%5Cu2026%20and%20click%20the%20bookmark%20there.%22%2C%7Bkind%3A%22error%22%7D)%3Bconst%20o%3Dlocation.pathname.match(%2F%5E%5C%2Fchat%5C%2F(%5B0-9a-f-%5D%7B36%7D)(%3F%3A%5C%2F%7C%24)%2Fi)%3Bif(!o)return%20void%20t(%22You're%20on%20Claude.ai%2C%20but%20not%20in%20a%20conversation.%20Open%20a%20chat%20(the%20URL%20should%20look%20like%20claude.ai%2Fchat%2F%5Cu2026)%20and%20click%20the%20bookmark%20again.%22%2C%7Bkind%3A%22error%22%7D)%3Bconst%20r%3Do%5B1%5D.toLowerCase()%3Bwindow%5Be%5D.version%3D%220.1.0%22%2Cwindow%5Be%5D.convUuid%3Dr%2Cwindow%5Be%5D.toast%3Dt%3Bclass%20a%20extends%20Error%7Bconstructor(%7Bcode%3Ae%2Cstatus%3An%2Cbody%3At%2Cmessage%3Ao%7D)%7Bsuper(o)%2Cthis.name%3D%22ApiError%22%2Cthis.code%3De%2Cthis.status%3Dn%2Cthis.body%3Dt%7D%7Dconst%20s%3Dasync(e%2C%7Bmethod%3An%3D%22GET%22%2Cbody%3At%2Caccept%3Ao%3D%22application%2Fjson%22%7D%3D%7B%7D)%3D%3E%7Blet%20r%3Btry%7Br%3Dawait%20fetch(%22%2Fapi%22%2Be%2C%7Bmethod%3An%2Cheaders%3A%7Baccept%3Ao%2C...void%200!%3D%3Dt%3F%7B%22content-type%22%3A%22application%2Fjson%22%7D%3A%7B%7D%7D%2Cbody%3Avoid%200!%3D%3Dt%3FJSON.stringify(t)%3Avoid%200%2Ccredentials%3A%22same-origin%22%7D)%7Dcatch(e)%7Bthrow%20new%20a(%7Bcode%3A%22network%22%2Cmessage%3A%60network%20error%3A%20%24%7Be.message%7D%60%7D)%7Dif(!r.ok)%7Blet%20e%3Dnull%3Btry%7Be%3Dawait%20r.text()%7Dcatch%7B%7Dif(((e%2Cn)%3D%3E%22challenge%22%3D%3D%3De.headers.get(%22cf-mitigated%22)%7C%7C(e.headers.get(%22content-type%22)%7C%7C%22%22).startsWith(%22text%2Fhtml%22)%26%26null!%3De.headers.get(%22cf-ray%22)%26%26%22string%22%3D%3Dtypeof%20n%26%26n.includes(%22%3Ctitle%3EJust%20a%20moment...%3C%2Ftitle%3E%22))(r%2Ce))throw%20new%20a(%7Bcode%3A%22cloudflare%22%2Cstatus%3Ar.status%2Cbody%3Ae%2Cmessage%3A%22Cloudflare%20challenge%20active%20%5Cu2014%20solve%20it%20on%20the%20main%20tab%2C%20then%20retry%22%7D)%3Bif(401%3D%3D%3Dr.status)throw%20new%20a(%7Bcode%3A%22unauthenticated%22%2Cstatus%3A401%2Cmessage%3A%22Not%20logged%20in%20to%20Claude.ai%22%7D)%3Blet%20n%3De%3Bif(e)try%7Bn%3DJSON.parse(e)%7Dcatch%7B%7Dconst%20t%3Dn%26%26%22object%22%3D%3Dtypeof%20n%3Fn.error%3F.message%3Anull%3Bthrow%20new%20a(%7Bcode%3A%22http%22%2Cstatus%3Ar.status%2Cbody%3An%2Cmessage%3A%60HTTP%20%24%7Br.status%7D%24%7Bt%3F%60%3A%20%24%7Bt%7D%60%3A%22%22%7D%60%7D)%7Dif(%22text%2Fevent-stream%22%3D%3D%3Do)return%20r%3Btry%7Breturn%20await%20r.json()%7Dcatch(e)%7Bthrow%20new%20a(%7Bcode%3A%22parse%22%2Cstatus%3Ar.status%2Cmessage%3A%60failed%20to%20parse%20JSON%3A%20%24%7Be.message%7D%60%7D)%7D%7D%2Ci%3D()%3D%3Es(%22%2Forganizations%22)%2Cc%3D(e%2Cn)%3D%3Es(%60%2Forganizations%2F%24%7Be%7D%2Fchat_conversations%2F%24%7Bn%7D%3Ftree%3Dtrue%26rendering_mode%3Dmessages%26render_all_tools%3Dtrue%26consistency%3Deventual%60)%2Cl%3D(e%2Cn%2Ct)%3D%3Es(%60%2Forganizations%2F%24%7Be%7D%2Fchat_conversations%2F%24%7Bn%7D%2Fcurrent_leaf_message_uuid%60%2C%7Bmethod%3A%22PUT%22%2Cbody%3A%7Bcurrent_leaf_message_uuid%3At%7D%7D)%2Cd%3De%3D%3E(Array.isArray(e)%3Fe%3A%5B%5D).find(e%3D%3EArray.isArray(e.capabilities)%26%26e.capabilities.includes(%22chat%22))%7C%7Cnull%3Bwindow%5Be%5D.api%3D%7BlistOrgs%3Ai%2ClistConversations%3A(e%2C%7Blimit%3An%3D30%2Cstarred%3At%3D!1%7D%3D%7B%7D)%3D%3Es(%60%2Forganizations%2F%24%7Be%7D%2Fchat_conversations_v2%3Flimit%3D%24%7Bn%7D%26starred%3D%24%7Bt%7D%26consistency%3Deventual%60)%2CgetConversation%3Ac%2CsetCurrentLeaf%3Al%2Ccompletion%3A(e%2Cn%2Ct)%3D%3Es(%60%2Forganizations%2F%24%7Be%7D%2Fchat_conversations%2F%24%7Bn%7D%2Fcompletion%60%2C%7Bmethod%3A%22POST%22%2Cbody%3At%2Caccept%3A%22text%2Fevent-stream%22%7D)%2CretryCompletion%3A(e%2Cn%2Ct)%3D%3Es(%60%2Forganizations%2F%24%7Be%7D%2Fchat_conversations%2F%24%7Bn%7D%2Fretry_completion%60%2C%7Bmethod%3A%22POST%22%2Cbody%3At%2Caccept%3A%22text%2Fevent-stream%22%7D)%2CpickChatOrg%3Ad%2CApiError%3Aa%7D%3Bconst%20u%3D(()%3D%3E%7Blet%20e%3DObject.freeze(%7Bconv%3Anull%2Corg%3Anull%2Cselected%3Anull%2Cquery%3A%22%22%2CshowOnlyPath%3A!1%2Czoom%3A1%2CisLoading%3A!1%2Cerror%3Anull%7D)%3Bconst%20n%3Dnew%20Set%3Breturn%7BgetState%3A()%3D%3Ee%2CsetState%3At%3D%3E%7Bconst%20o%3D%22function%22%3D%3Dtypeof%20t%3Ft(e)%3At%3Bif(!o)return%20e%3Blet%20r%3D!1%3Bfor(const%20n%20of%20Object.keys(o))if(!Object.is(e%5Bn%5D%2Co%5Bn%5D))%7Br%3D!0%3Bbreak%7Dif(!r)return%20e%3Be%3DObject.freeze(%7B...e%2C...o%7D)%3Bfor(const%20t%20of%20n)try%7Bt(e)%7Dcatch(e)%7Bconsole.error(%22%5Bsuperclaude%5D%20subscriber%20error%3A%22%2Ce)%7Dreturn%20e%7D%2Csubscribe%3Ae%3D%3E(n.add(e)%2C()%3D%3En.delete(e))%7D%7D)()%2Cp%3D1.25%2Cb%3De%3D%3EMath.max(.3%2CMath.min(3%2Ce))%3Bwindow%5Be%5D.store%3Du%3Bconst%20v%3D%2200000000-0000-4000-8000-000000000000%22%2Ch%3De%3D%3E!e%7C%7Ce%3D%3D%3Dv%2Cg%3D(e%2C%7BincludeThinking%3An%3D!0%2CincludeAttachments%3At%3D!1%7D%3D%7B%7D)%3D%3E%7Bconst%20o%3D%5B%5D%3Bif(Array.isArray(e.content))for(const%20t%20of%20e.content)%22text%22%3D%3D%3Dt.type%26%26t.text%3Fo.push(t.text)%3A%22thinking%22%3D%3D%3Dt.type%26%26n%26%26t.thinking%3Fo.push(t.thinking)%3A%22tool_use%22%3D%3D%3Dt.type%26%26t.name%3Fo.push(%60%5Btool%3A%20%24%7Bt.name%7D%5D%60)%3A%22tool_result%22%3D%3D%3Dt.type%26%26%22string%22%3D%3Dtypeof%20t.content%26%26o.push(t.content)%3Bif(!o.length%26%26%22string%22%3D%3Dtypeof%20e.text%26%26e.text%26%26o.push(e.text)%2Ct%26%26Array.isArray(e.attachments))for(const%20n%20of%20e.attachments)n.extracted_content%26%26o.push(n.extracted_content)%3Breturn%20o.join(%22%5Cn%22).trim()%7D%3Bwindow%5Be%5D.tree%3D%7BROOT_SENTINEL%3Av%2CisRoot%3Ah%2CbuildIndex%3Ae%3D%3E%7Bconst%20n%3Dnew%20Map%2Ct%3Dnew%20Map%3Bfor(const%20o%20of%20e)%7Bn.set(o.uuid%2Co)%3Bconst%20e%3Do.parent_message_uuid%3Bt.has(e)%7C%7Ct.set(e%2C%5B%5D)%2Ct.get(e).push(o)%7Dfor(const%20e%20of%20t.values())e.sort((e%2Cn)%3D%3Enew%20Date(e.created_at)-new%20Date(n.created_at))%3Breturn%7BbyUuid%3An%2CchildrenOf%3At%7D%7D%2CwalkToRoot%3A(e%2Cn)%3D%3E%7Bconst%20t%3D%5B%5D%3Blet%20o%3Dn.byUuid.get(e)%3Bconst%20r%3Dnew%20Set%3Bfor(%3Bo%26%26!r.has(o.uuid)%26%26(r.add(o.uuid)%2Ct.unshift(o)%2C!h(o.parent_message_uuid))%3B)o%3Dn.byUuid.get(o.parent_message_uuid)%3Breturn%20t%7D%2CfindLatestByTimestamp%3Ae%3D%3Ee.length%3Fe.reduce((e%2Cn)%3D%3Enew%20Date(n.created_at)%3Enew%20Date(e.created_at)%3Fn%3Ae)%3Anull%2CfindBranchPoints%3Ae%3D%3E%7Bconst%20n%3D%5B%5D%3Bfor(const%5Bt%2Co%5Dof%20e.childrenOf)o.length%3E1%26%26n.push(%7BparentUuid%3At%2Cchildren%3Ao%7D)%3Breturn%20n%7D%2CfindLeaves%3A(e%2Cn)%3D%3Ee.filter(e%3D%3E!n.childrenOf.has(e.uuid))%2CsiblingsOf%3A(e%2Cn)%3D%3E%7Bconst%20t%3Dn.byUuid.get(e)%3Breturn%20t%3F(n.childrenOf.get(t.parent_message_uuid)%7C%7C%5B%5D).filter(n%3D%3En.uuid!%3D%3De)%3A%5B%5D%7D%2CdescendantsOf%3A(e%2Cn)%3D%3E%7Bconst%20t%3D%5B%5D%2Co%3D%5Be%5D%3Bfor(%3Bo.length%3B)%7Bconst%20e%3Do.pop()%2Cr%3Dn.byUuid.get(e)%3Bif(!r)continue%3Bt.push(r)%3Bconst%20a%3Dn.childrenOf.get(e)%7C%7C%5B%5D%3Bfor(let%20e%3Da.length-1%3Be%3E%3D0%3Be--)o.push(a%5Be%5D.uuid)%7Dreturn%20t%7D%2CextractText%3Ag%2Csnippet%3A(e%2Cn%3D80)%3D%3E%7Bconst%20t%3Dg(e%2C%7BincludeThinking%3A!1%7D).replace(%2F%5Cs%2B%2Fg%2C%22%20%22)%3Breturn%20t.length%3En%3Ft.slice(0%2Cn-1)%2B%22%5Cu2026%22%3At%7D%2CsearchMessages%3A(e%2Cn)%3D%3E%7Bif(!n)return%5B%5D%3Blet%20t%3Btry%7Bt%3Dnew%20RegExp(n%2C%22i%22)%7Dcatch%7Breturn%5B%5D%7Dreturn%20e.filter(e%3D%3Et.test(g(e%2C%7BincludeAttachments%3A!0%7D)))%7D%7D%3Bconst%20m%3D%22__superclaude_host__%22%3Blet%20f%3D%7Bconv%3Anull%2Cindex%3Anull%7D%3Bconst%20x%3Dn%3D%3E(f.conv!%3D%3Dn%26%26(f%3D%7Bconv%3An%2Cindex%3Awindow%5Be%5D.tree.buildIndex(n.chat_messages)%7D)%2Cf.index)%2Cy%3De%3D%3EString(e%3F%3F%22%22).replace(%2F%5B%26%3C%3E%22'%5D%2Fg%2Ce%3D%3E(%7B%22%26%22%3A%22%26amp%3B%22%2C%22%3C%22%3A%22%26lt%3B%22%2C%22%3E%22%3A%22%26gt%3B%22%2C'%22'%3A%22%26quot%3B%22%2C%22'%22%3A%22%26%2339%3B%22%7D%5Be%5D))%2Cw%3D(e%2Cn%2Ct%2Co)%3D%3E%7Bconst%20r%3De.querySelector(%22.tree-pane%22)%2Ca%3Db(u.getState().zoom%7C%7C1)%2Cs%3Db(n)%3Bif(!r%7C%7Cs%3D%3D%3Da)return%20void(s!%3D%3Da%26%26u.setState(%7Bzoom%3As%7D))%3Bconst%20i%3D(r.scrollLeft%2Bt)%2Fa%2Cc%3D(r.scrollTop%2Bo)%2Fa%3Bu.setState(%7Bzoom%3As%7D)%3Bconst%20l%3De.querySelector(%22.tree-pane%22)%3Bl%26%26(l.scrollLeft%3Di*s-t%2Cl.scrollTop%3Dc*s-o)%7D%2Ck%3D()%3D%3E%7Bif(document.getElementById(m))return%20null%3Bconst%20n%3Ddocument.createElement(%22div%22)%3Bn.id%3Dm%2Cdocument.documentElement.appendChild(n)%3Bconst%20t%3Dn.attachShadow(%7Bmode%3A%22open%22%7D)%3Bt.innerHTML%3D'%3Cstyle%3E%5Cn%20%20%20%20%3Ahost%20%7B%5Cn%20%20%20%20%20%20all%3A%20initial%3B%5Cn%5Cn%20%20%20%20%20%20%2F*%20Surfaces%20(dark)%20%5Cu2014%20layered%20from%20elevated%20(modal)%20to%20deep%20(sunken%20panes).%20*%2F%5Cn%20%20%20%20%20%20--bv-bg-modal%3A%20%20%20hsl(60%202%25%2017%25)%3B%20%20%20%2F*%20--bg-000%20%5Cu2014%20modal%20card%20*%2F%5Cn%20%20%20%20%20%20--bv-bg-sunk%3A%20%20%20%20hsl(60%202%25%209%25)%3B%20%20%20%20%2F*%20--bg-200%20%5Cu2014%20tree%20pane%2C%20inputs%20*%2F%5Cn%20%20%20%20%20%20--bv-bg-hover%3A%20%20%20hsl(53%2012%25%2087%25%20%2F%200.06)%3B%5Cn%20%20%20%20%20%20--bv-bg-active%3A%20%20hsl(53%2012%25%2087%25%20%2F%200.10)%3B%5Cn%5Cn%20%20%20%20%20%20%2F*%20Text%20hierarchy.%20*%2F%5Cn%20%20%20%20%20%20--bv-text%3A%20%20%20%20%20%20%20hsl(60%2014%25%2097%25)%3B%20%20%2F*%20--text-000%20*%2F%5Cn%20%20%20%20%20%20--bv-text-2%3A%20%20%20%20%20hsl(55%209%25%2074%25)%3B%20%20%20%2F*%20--text-200%20*%2F%5Cn%20%20%20%20%20%20--bv-text-3%3A%20%20%20%20%20hsl(48%205%25%2057%25)%3B%20%20%20%2F*%20--text-400%20*%2F%5Cn%5Cn%20%20%20%20%20%20%2F*%20Borders%20%5Cu2014%20Claude%5C's%20border%20token%20is%20a%20light%20cream%20applied%20at%20low%5Cn%20%20%20%20%20%20%20%20%20alpha%20in%20dark%20mode%3B%20the%20three%20steps%20map%20to%20separator%20%2F%20interactive%5Cn%20%20%20%20%20%20%20%20%20%2F%20strong-interactive.%20*%2F%5Cn%20%20%20%20%20%20--bv-border%3A%20%20%20%20%20hsl(53%2012%25%2087%25%20%2F%200.10)%3B%5Cn%20%20%20%20%20%20--bv-border-2%3A%20%20%20hsl(53%2012%25%2087%25%20%2F%200.16)%3B%5Cn%20%20%20%20%20%20--bv-border-3%3A%20%20%20hsl(53%2012%25%2087%25%20%2F%200.24)%3B%5Cn%5Cn%20%20%20%20%20%20%2F*%20Accents.%20*%2F%5Cn%20%20%20%20%20%20--bv-clay%3A%20%20%20%20%20%20%20hsl(14.8%2063.1%25%2059.6%25)%3B%20%20%20%2F*%20--accent-brand%20*%2F%5Cn%20%20%20%20%20%20--bv-clay-emph%3A%20%20hsl(15.1%2054.2%25%2051.2%25)%3B%5Cn%20%20%20%20%20%20--bv-focus%3A%20%20%20%20%20%20hsl(212%2075%25%2062%25)%3B%20%20%20%20%20%20%20%20%2F*%20--accent-100%20*%2F%5Cn%20%20%20%20%20%20--bv-success%3A%20%20%20%20hsl(83%2054%25%2061%25)%3B%20%20%20%20%20%20%20%20%20%2F*%20--success-000%20*%2F%5Cn%20%20%20%20%20%20--bv-warn%3A%20%20%20%20%20%20%20hsl(40%2092%25%2065%25)%3B%5Cn%5Cn%20%20%20%20%20%20%2F*%20Typography%20%5Cu2014%20Anthropic%20Sans%20is%20loaded%20by%20claude.ai%3B%20fall%20back%20to%5Cn%20%20%20%20%20%20%20%20%20the%20same%20system%20stack%20Claude%20declares.%20*%2F%5Cn%20%20%20%20%20%20--bv-font%3A%20%22Anthropic%20Sans%22%2C%20system-ui%2C%20%22Segoe%20UI%22%2C%20Roboto%2C%20Helvetica%2C%20Arial%2C%20sans-serif%3B%5Cn%20%20%20%20%20%20--bv-mono%3A%20%22Anthropic%20Mono%22%2C%20ui-monospace%2C%20SFMono-Regular%2C%20Menlo%2C%20Consolas%2C%20monospace%3B%5Cn%20%20%20%20%20%20--bv-serif%3A%20%22Anthropic%20Serif%22%2C%20Georgia%2C%20%22Times%20New%20Roman%22%2C%20serif%3B%5Cn%5Cn%20%20%20%20%20%20--bv-radius%3A%20%20%20%2012px%3B%5Cn%20%20%20%20%20%20--bv-radius-sm%3A%206px%3B%5Cn%20%20%20%20%20%20--bv-shadow%3A%20%20%20%200%2024px%2064px%20-16px%20rgb(0%200%200%20%2F%200.65)%2C%200%208px%2016px%20-8px%20rgb(0%200%200%20%2F%200.45)%3B%5Cn%20%20%20%20%20%20--bv-ease%3A%20%20%20%20%20%20cubic-bezier(0%2C%200%2C%20.2%2C%201)%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20*%2C%20*%3A%3Abefore%2C%20*%3A%3Aafter%20%7B%20box-sizing%3A%20border-box%3B%20%7D%5Cn%5Cn%20%20%20%20.backdrop%20%7B%5Cn%20%20%20%20%20%20position%3A%20fixed%3B%20inset%3A%200%3B%5Cn%20%20%20%20%20%20background%3A%20rgb(0%200%200%20%2F%200.55)%3B%5Cn%20%20%20%20%20%20backdrop-filter%3A%20blur(6px)%3B%5Cn%20%20%20%20%20%20-webkit-backdrop-filter%3A%20blur(6px)%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%2F*%20Modal%3A%20centered%2C%20constrained%20card.%20inset%20%2B%20auto%20margins%20give%20a%5Cn%20%20%20%20%20%20%20symmetric%20viewport%20gutter%20and%20cap%20the%20maximum%20size%20so%20the%20layout%5Cn%20%20%20%20%20%20%20stays%20balanced%20on%20ultra-wide%20monitors.%20*%2F%5Cn%20%20%20%20.modal%20%7B%5Cn%20%20%20%20%20%20position%3A%20fixed%3B%5Cn%20%20%20%20%20%20inset%3A%204vh%204vw%3B%5Cn%20%20%20%20%20%20margin%3A%20auto%3B%5Cn%20%20%20%20%20%20max-width%3A%201200px%3B%5Cn%20%20%20%20%20%20max-height%3A%20920px%3B%5Cn%20%20%20%20%20%20background%3A%20var(--bv-bg-modal)%3B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text)%3B%5Cn%20%20%20%20%20%20border%3A%201px%20solid%20var(--bv-border)%3B%5Cn%20%20%20%20%20%20border-radius%3A%20var(--bv-radius)%3B%5Cn%20%20%20%20%20%20box-shadow%3A%20var(--bv-shadow)%3B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20flex-direction%3A%20column%3B%5Cn%20%20%20%20%20%20overflow%3A%20hidden%3B%5Cn%20%20%20%20%20%20font-family%3A%20var(--bv-font)%3B%5Cn%20%20%20%20%20%20font-size%3A%2014px%3B%5Cn%20%20%20%20%20%20line-height%3A%201.5%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%2F*%20Header%20*%2F%5Cn%20%20%20%20header%20%7B%5Cn%20%20%20%20%20%20padding%3A%2014px%2018px%3B%5Cn%20%20%20%20%20%20border-bottom%3A%201px%20solid%20var(--bv-border)%3B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20align-items%3A%20center%3B%5Cn%20%20%20%20%20%20gap%3A%2012px%3B%5Cn%20%20%20%20%20%20flex-shrink%3A%200%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20header%20h1%20%7B%5Cn%20%20%20%20%20%20margin%3A%200%3B%5Cn%20%20%20%20%20%20flex%3A%201%3B%5Cn%20%20%20%20%20%20min-width%3A%200%3B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20align-items%3A%20baseline%3B%5Cn%20%20%20%20%20%20gap%3A%2010px%3B%5Cn%20%20%20%20%20%20font-size%3A%2015px%3B%5Cn%20%20%20%20%20%20font-weight%3A%20500%3B%5Cn%20%20%20%20%20%20letter-spacing%3A%20-0.005em%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20header%20h1%20.title%20%7B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text)%3B%5Cn%20%20%20%20%20%20overflow%3A%20hidden%3B%5Cn%20%20%20%20%20%20text-overflow%3A%20ellipsis%3B%5Cn%20%20%20%20%20%20white-space%3A%20nowrap%3B%5Cn%20%20%20%20%20%20min-width%3A%200%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20header%20h1%20.sub%20%7B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text-3)%3B%5Cn%20%20%20%20%20%20font-size%3A%2012px%3B%5Cn%20%20%20%20%20%20font-weight%3A%20400%3B%5Cn%20%20%20%20%20%20letter-spacing%3A%200%3B%5Cn%20%20%20%20%20%20flex-shrink%3A%200%3B%5Cn%20%20%20%20%20%20font-variant-numeric%3A%20tabular-nums%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20header%20h1%20.sub%20.warn%20%7B%20color%3A%20var(--bv-warn)%3B%20%7D%5Cn%20%20%20%20.close-btn%20%7B%5Cn%20%20%20%20%20%20width%3A%2028px%3B%20height%3A%2028px%3B%5Cn%20%20%20%20%20%20border-radius%3A%20var(--bv-radius-sm)%3B%5Cn%20%20%20%20%20%20background%3A%20transparent%3B%5Cn%20%20%20%20%20%20border%3A%201px%20solid%20var(--bv-border-2)%3B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text-2)%3B%5Cn%20%20%20%20%20%20cursor%3A%20pointer%3B%5Cn%20%20%20%20%20%20font-size%3A%2017px%3B%5Cn%20%20%20%20%20%20line-height%3A%201%3B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20align-items%3A%20center%3B%5Cn%20%20%20%20%20%20justify-content%3A%20center%3B%5Cn%20%20%20%20%20%20padding%3A%200%3B%5Cn%20%20%20%20%20%20transition%3A%20background-color%20120ms%20var(--bv-ease)%2C%20color%20120ms%20var(--bv-ease)%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.close-btn%3Ahover%20%7B%20background%3A%20var(--bv-bg-hover)%3B%20color%3A%20var(--bv-text)%3B%20%7D%5Cn%20%20%20%20.close-btn%3Afocus-visible%20%7B%20outline%3A%20none%3B%20box-shadow%3A%200%200%200%202px%20var(--bv-focus)%3B%20%7D%5Cn%5Cn%20%20%20%20%2F*%20Toolbar%20*%2F%5Cn%20%20%20%20.toolbar%20%7B%5Cn%20%20%20%20%20%20padding%3A%2010px%2018px%3B%5Cn%20%20%20%20%20%20border-bottom%3A%201px%20solid%20var(--bv-border)%3B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20gap%3A%2010px%3B%5Cn%20%20%20%20%20%20align-items%3A%20center%3B%5Cn%20%20%20%20%20%20flex-shrink%3A%200%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.search%20%7B%5Cn%20%20%20%20%20%20flex%3A%201%3B%5Cn%20%20%20%20%20%20padding%3A%208px%2012px%3B%5Cn%20%20%20%20%20%20background%3A%20var(--bv-bg-sunk)%3B%5Cn%20%20%20%20%20%20border%3A%201px%20solid%20var(--bv-border-2)%3B%5Cn%20%20%20%20%20%20border-radius%3A%20var(--bv-radius-sm)%3B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text)%3B%5Cn%20%20%20%20%20%20font%3A%20400%2013px%2F1.5%20var(--bv-font)%3B%5Cn%20%20%20%20%20%20outline%3A%20none%3B%5Cn%20%20%20%20%20%20transition%3A%20border-color%20120ms%20var(--bv-ease)%2C%20box-shadow%20120ms%20var(--bv-ease)%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.search%3A%3Aplaceholder%20%7B%20color%3A%20var(--bv-text-3)%3B%20%7D%5Cn%20%20%20%20.search%3Afocus%20%7B%5Cn%20%20%20%20%20%20border-color%3A%20var(--bv-focus)%3B%5Cn%20%20%20%20%20%20box-shadow%3A%200%200%200%201px%20var(--bv-focus)%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.toolbar%20button%20%7B%5Cn%20%20%20%20%20%20padding%3A%207px%2012px%3B%5Cn%20%20%20%20%20%20background%3A%20transparent%3B%5Cn%20%20%20%20%20%20border%3A%201px%20solid%20var(--bv-border-2)%3B%5Cn%20%20%20%20%20%20border-radius%3A%20var(--bv-radius-sm)%3B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text)%3B%5Cn%20%20%20%20%20%20font%3A%20500%2013px%2F1.4%20var(--bv-font)%3B%5Cn%20%20%20%20%20%20cursor%3A%20pointer%3B%5Cn%20%20%20%20%20%20transition%3A%20background-color%20120ms%20var(--bv-ease)%2C%20border-color%20120ms%20var(--bv-ease)%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.toolbar%20button%3Ahover%3Anot(%3Adisabled)%20%7B%20background%3A%20var(--bv-bg-hover)%3B%20%7D%5Cn%20%20%20%20.toolbar%20button%3Adisabled%20%7B%20opacity%3A%200.4%3B%20cursor%3A%20not-allowed%3B%20%7D%5Cn%20%20%20%20.toolbar%20button%3Afocus-visible%20%7B%20outline%3A%20none%3B%20box-shadow%3A%200%200%200%202px%20var(--bv-focus)%3B%20%7D%5Cn%20%20%20%20.toolbar%20label%20%7B%5Cn%20%20%20%20%20%20font-size%3A%2012px%3B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text-2)%3B%5Cn%20%20%20%20%20%20cursor%3A%20pointer%3B%5Cn%20%20%20%20%20%20user-select%3A%20none%3B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20align-items%3A%20center%3B%5Cn%20%20%20%20%20%20gap%3A%206px%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.toolbar%20input%5Btype%3D%22checkbox%22%5D%20%7B%20accent-color%3A%20var(--bv-clay)%3B%20cursor%3A%20pointer%3B%20%7D%5Cn%5Cn%20%20%20%20.match-count%20%7B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text-3)%3B%5Cn%20%20%20%20%20%20font-size%3A%2011px%3B%5Cn%20%20%20%20%20%20font-variant-numeric%3A%20tabular-nums%3B%5Cn%20%20%20%20%20%20white-space%3A%20nowrap%3B%5Cn%20%20%20%20%20%20flex-shrink%3A%200%3B%5Cn%20%20%20%20%20%20padding%3A%200%202px%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.zoom-group%20%7B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20gap%3A%202px%3B%5Cn%20%20%20%20%20%20align-items%3A%20center%3B%5Cn%20%20%20%20%20%20border%3A%201px%20solid%20var(--bv-border-2)%3B%5Cn%20%20%20%20%20%20border-radius%3A%20var(--bv-radius-sm)%3B%5Cn%20%20%20%20%20%20padding%3A%202px%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.zoom-group%20button%20%7B%5Cn%20%20%20%20%20%20padding%3A%204px%208px%3B%5Cn%20%20%20%20%20%20border-radius%3A%204px%3B%5Cn%20%20%20%20%20%20border%3A%20none%3B%5Cn%20%20%20%20%20%20background%3A%20transparent%3B%5Cn%20%20%20%20%20%20min-width%3A%2026px%3B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text-2)%3B%5Cn%20%20%20%20%20%20font%3A%20500%2013px%2F1.4%20var(--bv-font)%3B%5Cn%20%20%20%20%20%20cursor%3A%20pointer%3B%5Cn%20%20%20%20%20%20transition%3A%20background-color%20100ms%20var(--bv-ease)%2C%20color%20100ms%20var(--bv-ease)%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.zoom-group%20button%3Ahover%3Anot(%3Adisabled)%20%7B%20background%3A%20var(--bv-bg-hover)%3B%20color%3A%20var(--bv-text)%3B%20%7D%5Cn%20%20%20%20.zoom-group%20button%3Afocus-visible%20%7B%20outline%3A%20none%3B%20box-shadow%3A%200%200%200%202px%20var(--bv-focus)%3B%20%7D%5Cn%20%20%20%20.zoom-group%20.level%20%7B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text-3)%3B%5Cn%20%20%20%20%20%20font-size%3A%2011px%3B%5Cn%20%20%20%20%20%20padding%3A%200%206px%3B%5Cn%20%20%20%20%20%20min-width%3A%2042px%3B%5Cn%20%20%20%20%20%20text-align%3A%20center%3B%5Cn%20%20%20%20%20%20font-variant-numeric%3A%20tabular-nums%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%2F*%20Content%20panes%20*%2F%5Cn%20%20%20%20.content%20%7B%20flex%3A%201%3B%20display%3A%20flex%3B%20min-height%3A%200%3B%20%7D%5Cn%5Cn%20%20%20%20.tree-pane%20%7B%5Cn%20%20%20%20%20%20flex%3A%201.6%3B%5Cn%20%20%20%20%20%20overflow%3A%20auto%3B%5Cn%20%20%20%20%20%20background%3A%20var(--bv-bg-sunk)%3B%5Cn%20%20%20%20%20%20padding%3A%2020px%3B%5Cn%20%20%20%20%20%20min-width%3A%200%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.preview-pane%20%7B%5Cn%20%20%20%20%20%20flex%3A%201%3B%5Cn%20%20%20%20%20%20overflow%3A%20auto%3B%5Cn%20%20%20%20%20%20padding%3A%2020px%2022px%3B%5Cn%20%20%20%20%20%20border-left%3A%201px%20solid%20var(--bv-border)%3B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20flex-direction%3A%20column%3B%5Cn%20%20%20%20%20%20min-width%3A%200%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.preview-pane%20.role%20%7B%5Cn%20%20%20%20%20%20font-size%3A%2011px%3B%5Cn%20%20%20%20%20%20font-weight%3A%20600%3B%5Cn%20%20%20%20%20%20text-transform%3A%20uppercase%3B%5Cn%20%20%20%20%20%20letter-spacing%3A%200.06em%3B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-focus)%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.preview-pane%20.role.assistant%20%7B%20color%3A%20var(--bv-clay)%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.meta%20%7B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text-3)%3B%5Cn%20%20%20%20%20%20font-size%3A%2011px%3B%5Cn%20%20%20%20%20%20font-family%3A%20var(--bv-mono)%3B%5Cn%20%20%20%20%20%20margin%3A%204px%200%2016px%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20%7B%5Cn%20%20%20%20%20%20line-height%3A%201.6%3B%5Cn%20%20%20%20%20%20font-size%3A%2014px%3B%5Cn%20%20%20%20%20%20word-break%3A%20break-word%3B%5Cn%20%20%20%20%20%20font-family%3A%20var(--bv-serif)%3B%20%20%20%2F*%20Claude%5C's%20assistant%20response%20font%20*%2F%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text)%3B%5Cn%20%20%20%20%20%20flex%3A%201%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.preview-pane%20.body.human%20%7B%5Cn%20%20%20%20%20%20font-family%3A%20var(--bv-font)%3B%20%20%20%20%2F*%20Claude%5C's%20user%20message%20font%20(sans)%20*%2F%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%2F*%20Markdown%20blocks.%20pre-wrap%20on%20%3Cp%3E%2F%3Cblockquote%3E%20only%20so%20internal%5Cn%20%20%20%20%20%20%20newlines%20render%20as%20soft%20breaks%3B%20the%20renderer%5C's%20own%20block%20layout%5Cn%20%20%20%20%20%20%20handles%20paragraph%20spacing.%20*%2F%5Cn%20%20%20%20.preview-pane%20.body%20%3E%20*%3Afirst-child%20%7B%20margin-top%3A%200%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20%3E%20*%3Alast-child%20%20%7B%20margin-bottom%3A%200%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20p%2C%5Cn%20%20%20%20.preview-pane%20.body%20blockquote%20%7B%20white-space%3A%20pre-wrap%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20p%20%7B%20margin%3A%200%200%2012px%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20h1%2C%5Cn%20%20%20%20.preview-pane%20.body%20h2%2C%5Cn%20%20%20%20.preview-pane%20.body%20h3%2C%5Cn%20%20%20%20.preview-pane%20.body%20h4%2C%5Cn%20%20%20%20.preview-pane%20.body%20h5%2C%5Cn%20%20%20%20.preview-pane%20.body%20h6%20%7B%5Cn%20%20%20%20%20%20font-family%3A%20inherit%3B%5Cn%20%20%20%20%20%20margin%3A%2018px%200%208px%3B%5Cn%20%20%20%20%20%20font-weight%3A%20600%3B%5Cn%20%20%20%20%20%20letter-spacing%3A%20-0.005em%3B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text)%3B%5Cn%20%20%20%20%20%20line-height%3A%201.35%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20h1%20%7B%20font-size%3A%2018px%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20h2%20%7B%20font-size%3A%2016px%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20h3%20%7B%20font-size%3A%2015px%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20h4%20%7B%20font-size%3A%2014px%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20h5%2C%5Cn%20%20%20%20.preview-pane%20.body%20h6%20%7B%20font-size%3A%2013px%3B%20color%3A%20var(--bv-text-2)%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20strong%20%7B%20font-weight%3A%20600%3B%20color%3A%20var(--bv-text)%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20em%20%7B%20font-style%3A%20italic%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20a%20%7B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-clay)%3B%5Cn%20%20%20%20%20%20text-decoration%3A%20none%3B%5Cn%20%20%20%20%20%20border-bottom%3A%201px%20solid%20hsl(14.8%2063.1%25%2059.6%25%20%2F%200.35)%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20a%3Ahover%20%7B%20border-bottom-color%3A%20var(--bv-clay)%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20code%20%7B%5Cn%20%20%20%20%20%20font-family%3A%20var(--bv-mono)%3B%5Cn%20%20%20%20%20%20font-size%3A%200.88em%3B%5Cn%20%20%20%20%20%20background%3A%20var(--bv-bg-sunk)%3B%5Cn%20%20%20%20%20%20padding%3A%201px%205px%3B%5Cn%20%20%20%20%20%20border-radius%3A%204px%3B%5Cn%20%20%20%20%20%20border%3A%201px%20solid%20var(--bv-border)%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20pre%20%7B%5Cn%20%20%20%20%20%20background%3A%20var(--bv-bg-sunk)%3B%5Cn%20%20%20%20%20%20border%3A%201px%20solid%20var(--bv-border)%3B%5Cn%20%20%20%20%20%20border-radius%3A%208px%3B%5Cn%20%20%20%20%20%20padding%3A%2012px%2014px%3B%5Cn%20%20%20%20%20%20margin%3A%2012px%200%3B%5Cn%20%20%20%20%20%20overflow-x%3A%20auto%3B%5Cn%20%20%20%20%20%20font-size%3A%2012px%3B%5Cn%20%20%20%20%20%20line-height%3A%201.5%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20pre%20code%20%7B%5Cn%20%20%20%20%20%20background%3A%20none%3B%5Cn%20%20%20%20%20%20border%3A%200%3B%5Cn%20%20%20%20%20%20padding%3A%200%3B%5Cn%20%20%20%20%20%20font-size%3A%20inherit%3B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text)%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20ul%2C%5Cn%20%20%20%20.preview-pane%20.body%20ol%20%7B%20margin%3A%208px%200%2012px%3B%20padding-left%3A%2024px%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20li%20%7B%20margin%3A%203px%200%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20li%3A%3Amarker%20%7B%20color%3A%20var(--bv-text-3)%3B%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20blockquote%20%7B%5Cn%20%20%20%20%20%20margin%3A%2012px%200%3B%5Cn%20%20%20%20%20%20padding%3A%204px%200%204px%2014px%3B%5Cn%20%20%20%20%20%20border-left%3A%203px%20solid%20var(--bv-border-3)%3B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text-2)%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20hr%20%7B%5Cn%20%20%20%20%20%20border%3A%200%3B%5Cn%20%20%20%20%20%20border-top%3A%201px%20solid%20var(--bv-border)%3B%5Cn%20%20%20%20%20%20margin%3A%2018px%200%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.preview-pane%20.body%20.empty-body%20%7B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text-3)%3B%5Cn%20%20%20%20%20%20font-style%3A%20italic%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.preview-pane%20.actions%20%7B%5Cn%20%20%20%20%20%20margin-top%3A%2020px%3B%5Cn%20%20%20%20%20%20padding-top%3A%2016px%3B%5Cn%20%20%20%20%20%20border-top%3A%201px%20solid%20var(--bv-border)%3B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20gap%3A%208px%3B%5Cn%20%20%20%20%20%20justify-content%3A%20flex-end%3B%5Cn%20%20%20%20%20%20flex-shrink%3A%200%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.jump-btn%20%7B%5Cn%20%20%20%20%20%20padding%3A%208px%2016px%3B%5Cn%20%20%20%20%20%20background%3A%20var(--bv-clay)%3B%5Cn%20%20%20%20%20%20color%3A%20hsl(0%200%25%20100%25)%3B%5Cn%20%20%20%20%20%20border%3A%201px%20solid%20var(--bv-clay)%3B%5Cn%20%20%20%20%20%20border-radius%3A%20var(--bv-radius-sm)%3B%5Cn%20%20%20%20%20%20cursor%3A%20pointer%3B%5Cn%20%20%20%20%20%20font%3A%20500%2013px%2F1.4%20var(--bv-font)%3B%5Cn%20%20%20%20%20%20transition%3A%20background-color%20120ms%20var(--bv-ease)%2C%20border-color%20120ms%20var(--bv-ease)%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.jump-btn%3Ahover%3Anot(%3Adisabled)%20%7B%5Cn%20%20%20%20%20%20background%3A%20var(--bv-clay-emph)%3B%5Cn%20%20%20%20%20%20border-color%3A%20var(--bv-clay-emph)%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.jump-btn%3Adisabled%20%7B%5Cn%20%20%20%20%20%20background%3A%20transparent%3B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text-3)%3B%5Cn%20%20%20%20%20%20border-color%3A%20var(--bv-border-2)%3B%5Cn%20%20%20%20%20%20cursor%3A%20not-allowed%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.jump-btn%3Afocus-visible%20%7B%20outline%3A%20none%3B%20box-shadow%3A%200%200%200%202px%20var(--bv-focus)%3B%20%7D%5Cn%5Cn%20%20%20%20%2F*%20Empty%20%2F%20loading%20states%20%5Cu2014%20vertically%20%2B%20horizontally%20centered%20inside%5Cn%20%20%20%20%20%20%20their%20pane%20via%20auto%20margins%20in%20a%20flex%20column.%20.tree-pane%20isn%5C't%20a%5Cn%20%20%20%20%20%20%20flex%20container%2C%20so%20we%20fall%20back%20to%20mx-auto%20%2B%20top%20padding%20there.%20*%2F%5Cn%20%20%20%20.empty%20%7B%5Cn%20%20%20%20%20%20padding%3A%2032px%2024px%3B%5Cn%20%20%20%20%20%20text-align%3A%20center%3B%5Cn%20%20%20%20%20%20color%3A%20var(--bv-text-3)%3B%5Cn%20%20%20%20%20%20font-size%3A%2013px%3B%5Cn%20%20%20%20%20%20margin%3A%20auto%3B%5Cn%20%20%20%20%20%20max-width%3A%20320px%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.tree-pane%20%3E%20.empty%20%7B%20margin%3A%2080px%20auto%200%3B%20%7D%5Cn%20%20%20%20.empty%20.muted%20%7B%20color%3A%20var(--bv-text-3)%3B%20display%3A%20block%3B%20margin-top%3A%206px%3B%20font-size%3A%2012px%3B%20%7D%5Cn%20%20%20%20.empty.loading%20%7B%20animation%3A%20bv-pulse%201.4s%20var(--bv-ease)%20infinite%3B%20%7D%5Cn%20%20%20%20%40keyframes%20bv-pulse%20%7B%200%25%2C%20100%25%20%7B%20opacity%3A%200.55%3B%20%7D%2050%25%20%7B%20opacity%3A%201%3B%20%7D%20%7D%5Cn%5Cn%20%20%20%20%2F*%20SVG%20tree%20%5Cu2014%20centered%20horizontally%20when%20it%20fits%2C%20scrolls%20to%20the%20left%5Cn%20%20%20%20%20%20%20edge%20when%20it%20overflows%20(auto%20margins%20collapse%20to%200%20in%20that%20case).%20*%2F%5Cn%20%20%20%20svg.tree%20%7B%20display%3A%20block%3B%20margin%3A%200%20auto%3B%20%7D%5Cn%5Cn%20%20%20%20.node%20rect%20%7B%5Cn%20%20%20%20%20%20fill%3A%20var(--bv-bg-modal)%3B%5Cn%20%20%20%20%20%20stroke%3A%20var(--bv-border-2)%3B%5Cn%20%20%20%20%20%20stroke-width%3A%201%3B%5Cn%20%20%20%20%20%20cursor%3A%20pointer%3B%5Cn%20%20%20%20%20%20transition%3A%20filter%20100ms%20var(--bv-ease)%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20%2F*%20Subtle%20tint%20per%20role%20%5Cu2014%20borrowed%20from%20Claude%5C's%20blue%20(user)%20and%20clay%5Cn%20%20%20%20%20%20%20(brand%2Fassistant)%20palettes%2C%20blended%20dark%20to%20read%20as%20muted%20backgrounds%5Cn%20%20%20%20%20%20%20rather%20than%20colored%20bubbles.%20*%2F%5Cn%20%20%20%20.node.human%20rect%20%20%20%20%20%7B%20fill%3A%20hsl(212%2030%25%2016%25)%3B%20%7D%5Cn%20%20%20%20.node.assistant%20rect%20%7B%20fill%3A%20hsl(15%2030%25%2016%25)%3B%20%7D%5Cn%20%20%20%20.node.on-path%20rect%20%20%20%7B%20stroke%3A%20var(--bv-focus)%3B%20stroke-width%3A%201.5%3B%20%7D%5Cn%20%20%20%20.node.latest%20rect%20%20%20%20%7B%20stroke%3A%20var(--bv-success)%3B%20stroke-width%3A%201.5%3B%20%7D%5Cn%20%20%20%20.node.selected%20rect%20%20%7B%20stroke%3A%20var(--bv-clay)%3B%20stroke-width%3A%202%3B%20%7D%5Cn%20%20%20%20.node%3Ahover%20rect%20%20%20%20%20%7B%20filter%3A%20brightness(1.35)%3B%20%7D%5Cn%20%20%20%20.node%20text%20%7B%5Cn%20%20%20%20%20%20fill%3A%20var(--bv-text)%3B%5Cn%20%20%20%20%20%20font-size%3A%2011px%3B%5Cn%20%20%20%20%20%20font-family%3A%20var(--bv-font)%3B%5Cn%20%20%20%20%20%20pointer-events%3A%20none%3B%5Cn%20%20%20%20%20%20user-select%3A%20none%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20.node.muted%20%7B%20opacity%3A%200.22%3B%20%7D%5Cn%5Cn%20%20%20%20%2F*%20Current-leaf%20marker%3A%20a%20small%20clay%20dot%20in%20the%20node%5C's%20upper-right%5Cn%20%20%20%20%20%20%20corner.%20Distinct%20from%20.selected%20(which%20is%20user-driven)%20so%20the%5Cn%20%20%20%20%20%20%20%22you%20are%20here%22%20indicator%20survives%20even%20when%20the%20user%20clicks%5Cn%20%20%20%20%20%20%20elsewhere%20in%20the%20tree.%20*%2F%5Cn%20%20%20%20.leaf-dot%20%7B%20fill%3A%20var(--bv-clay)%3B%20%7D%5Cn%5Cn%20%20%20%20.edge%20%7B%20stroke%3A%20var(--bv-border-3)%3B%20stroke-width%3A%201%3B%20fill%3A%20none%3B%20%7D%5Cn%20%20%20%20.edge.on-path%20%7B%20stroke%3A%20var(--bv-focus)%3B%20stroke-width%3A%201.5%3B%20%7D%5Cn%5Cn%20%20%20%20%2F*%20Scrollbars%20%5Cu2014%20slim%2C%20low-contrast%2C%20hover-emphasized.%20WebKit%20only%3B%5Cn%20%20%20%20%20%20%20Firefox%20falls%20back%20to%20its%20own%20narrow%20scrollbar.%20*%2F%5Cn%20%20%20%20*%3A%3A-webkit-scrollbar%20%7B%20width%3A%2010px%3B%20height%3A%2010px%3B%20%7D%5Cn%20%20%20%20*%3A%3A-webkit-scrollbar-track%20%7B%20background%3A%20transparent%3B%20%7D%5Cn%20%20%20%20*%3A%3A-webkit-scrollbar-thumb%20%7B%5Cn%20%20%20%20%20%20background-color%3A%20hsl(53%2012%25%2087%25%20%2F%200.10)%3B%5Cn%20%20%20%20%20%20border-radius%3A%205px%3B%5Cn%20%20%20%20%20%20border%3A%202px%20solid%20transparent%3B%5Cn%20%20%20%20%20%20background-clip%3A%20padding-box%3B%5Cn%20%20%20%20%7D%5Cn%20%20%20%20*%3A%3A-webkit-scrollbar-thumb%3Ahover%20%7B%5Cn%20%20%20%20%20%20background-color%3A%20hsl(53%2012%25%2087%25%20%2F%200.20)%3B%5Cn%20%20%20%20%20%20background-clip%3A%20padding-box%3B%5Cn%20%20%20%20%20%20border%3A%202px%20solid%20transparent%3B%5Cn%20%20%20%20%7D%5Cn%20%20%3C%2Fstyle%3E%3Cdiv%20class%3D%22backdrop%22%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22modal%22%3E%3C%2Fdiv%3E'%2Cwindow%5Be%5D.modalOpen%3D!0%3Bconst%20o%3De%3D%3E%7B%22Escape%22!%3D%3De.key%26%26e.stopPropagation()%7D%3Bn.addEventListener(%22keydown%22%2Co)%2Cn.addEventListener(%22keyup%22%2Co)%2Cn.addEventListener(%22keypress%22%2Co)%3Blet%20r%3Dnull%3Bconst%20a%3D()%3D%3E%7Br%26%26r()%2Cdocument.removeEventListener(%22keydown%22%2Cs)%2Cn.remove()%2Cwindow%5Be%5D.modalOpen%3D!1%7D%2Cs%3De%3D%3E%7B%22Escape%22%3D%3D%3De.key%26%26a()%7D%3Bdocument.addEventListener(%22keydown%22%2Cs)%2Ct.querySelector(%22.backdrop%22).addEventListener(%22click%22%2Ca)%3Bconst%20i%3Dt.querySelector(%22.modal%22)%3B(e%3D%3E%7Be.innerHTML%3D'%5Cn%20%20%20%20%20%20%3Cheader%3E%5Cn%20%20%20%20%20%20%20%20%3Ch1%3E%3Cspan%20class%3D%22title%22%3Esuperclaude%3C%2Fspan%3E%20%3Cspan%20class%3D%22sub%22%3E%3C%2Fspan%3E%3C%2Fh1%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22close-btn%22%20data-action%3D%22close%22%20aria-label%3D%22Close%22%3E%5Cxd7%3C%2Fbutton%3E%5Cn%20%20%20%20%20%20%3C%2Fheader%3E%5Cn%20%20%20%20%20%20%3Cdiv%20class%3D%22toolbar%22%3E%5Cn%20%20%20%20%20%20%20%20%3Cinput%20class%3D%22search%22%20placeholder%3D%22Search%20messages%20(regex)%5Cu2026%22%20data-action%3D%22search%22%3E%5Cn%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22match-count%22%20aria-live%3D%22polite%22%3E%3C%2Fspan%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20data-action%3D%22jump-latest%22%3EJump%20to%20latest%3C%2Fbutton%3E%5Cn%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20data-action%3D%22toggle-path%22%3E%20Show%20only%20current%20path%3C%2Flabel%3E%5Cn%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22zoom-group%22%3E%5Cn%20%20%20%20%20%20%20%20%20%20%3Cbutton%20data-action%3D%22zoom-out%22%20title%3D%22Zoom%20out%22%3E%5Cu2212%3C%2Fbutton%3E%5Cn%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22level%22%3E100%25%3C%2Fspan%3E%5Cn%20%20%20%20%20%20%20%20%20%20%3Cbutton%20data-action%3D%22zoom-in%22%20title%3D%22Zoom%20in%22%3E%2B%3C%2Fbutton%3E%5Cn%20%20%20%20%20%20%20%20%20%20%3Cbutton%20data-action%3D%22zoom-reset%22%20title%3D%22Reset%20zoom%22%3E1%5Cxd7%3C%2Fbutton%3E%5Cn%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20%20%20%3Cdiv%20class%3D%22content%22%3E%5Cn%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22tree-pane%22%3E%3C%2Fdiv%3E%5Cn%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22preview-pane%22%3E%3C%2Fdiv%3E%5Cn%20%20%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20'%7D)(i)%2C((n%2Ct)%3D%3E%7Bconst%20o%3Dn.querySelector(%22.modal%22)%3Bo.addEventListener(%22click%22%2Co%3D%3E%7Bconst%20r%3Do.target.closest(%22%5Bdata-action%5D%22)%3Bif(r)%7Bconst%20o%3Dr.getAttribute(%22data-action%22)%3Bif(%22close%22%3D%3D%3Do)return%20t()%3Bif(%22jump-latest%22%3D%3D%3Do)return%20void%20window%5Be%5D.actions.jumpToLatest()%3Bif(%22toggle-path%22%3D%3D%3Do)return%20void%20u.setState(%7BshowOnlyPath%3A!u.getState().showOnlyPath%7D)%3Bif(%22zoom-in%22%3D%3D%3Do%7C%7C%22zoom-out%22%3D%3D%3Do%7C%7C%22zoom-reset%22%3D%3D%3Do)%7Bconst%20e%3Db(u.getState().zoom%7C%7C1)%2Ct%3D%22zoom-reset%22%3D%3D%3Do%3F1%3A%22zoom-in%22%3D%3D%3Do%3Fe*p%3Ae%2Fp%2Cr%3D(e%3D%3E%7Bconst%20n%3De.querySelector(%22.tree-pane%22)%3Bif(!n)return%7Bx%3A0%2Cy%3A0%7D%3Bconst%20t%3Dn.getBoundingClientRect()%3Breturn%7Bx%3At.width%2F2%2Cy%3At.height%2F2%7D%7D)(n)%3Breturn%20void%20w(n%2Ct%2Cr.x%2Cr.y)%7Dif(%22jump%22%3D%3D%3Do)return%20void%20window%5Be%5D.actions.jumpTo(r.getAttribute(%22data-uuid%22))%7Dconst%20a%3Do.target.closest(%22.node%5Bdata-uuid%5D%22)%3Ba%26%26u.setState(%7Bselected%3Aa.getAttribute(%22data-uuid%22)%7D)%7D)%3Blet%20r%3Dnull%3Bo.addEventListener(%22input%22%2Ce%3D%3E%7Bif(!e.target.matches('%5Bdata-action%3D%22search%22%5D'))return%3BclearTimeout(r)%3Bconst%20n%3De.target.value%3Br%3DsetTimeout(()%3D%3Eu.setState(%7Bquery%3An%7D)%2C180)%7D)%2Co.addEventListener(%22wheel%22%2Ce%3D%3E%7Bconst%20t%3De.target.closest(%22.tree-pane%22)%3Bif(!t)return%3Bif(!e.ctrlKey%26%26!e.metaKey)return%3Be.preventDefault()%3Bconst%20o%3Dt.getBoundingClientRect()%2Cr%3De.clientX-o.left%2Ca%3De.clientY-o.top%2Cs%3Db(u.getState().zoom%7C%7C1)%2Ci%3De.deltaY%3C0%3Fp%3A.8%3Bw(n%2Cs*i%2Cr%2Ca)%7D%2C%7Bpassive%3A!1%7D)%7D)(t%2Ca)%3Blet%20c%3D!1%3Bconst%20l%3Dn%3D%3E%7B((n%2Ct)%3D%3E%7Bconst%20o%3Dwindow%5Be%5D.tree%2C%7Bconv%3Ar%7D%3Dt%3Bn.querySelector(%22.title%22).textContent%3Dr%3Fr.name%3A%22superclaude%22%3Blet%20a%3D%22%22%3Bif(r)%7Bconst%20e%3Dx(r)%2Cn%3Do.findBranchPoints(e)%2Ct%3Do.findLatestByTimestamp(r.chat_messages)%2Cs%3Dt%26%26t.uuid!%3D%3Dr.current_leaf_message_uuid%3Ba%3D%60%24%7Br.chat_messages.length%7D%20msgs%20%5Cxb7%20%24%7Bn.length%7D%20forks%24%7Bs%3F'%20%5Cxb7%20%3Cspan%20class%3D%22warn%22%3Elatest%20off-path%3C%2Fspan%3E'%3A%22%22%7D%60%7Dn.querySelector(%22.sub%22).innerHTML%3Da%3Bconst%20s%3Dn.querySelector(%22.search%22)%3Bn.getRootNode().activeElement!%3D%3Ds%26%26s.value!%3D%3Dt.query%26%26(s.value%3Dt.query)%3Bconst%20i%3Dn.querySelector(%22.match-count%22)%3Bif(t.query%26%26r)%7Bconst%20e%3Do.searchMessages(r.chat_messages%2Ct.query).length%3Bi.textContent%3D0%3D%3D%3De%3F%22no%20matches%22%3A%60%24%7Be%7D%20match%24%7B1%3D%3D%3De%3F%22%22%3A%22es%22%7D%60%7Delse%20i.textContent%3D%22%22%3Bconst%20c%3Dn.querySelector('%5Bdata-action%3D%22jump-latest%22%5D')%3Bc.textContent%3Dr%26%26t.isLoading%3F%22Switching%5Cu2026%22%3A%22Jump%20to%20latest%22%2Cc.disabled%3D!r%7C%7C!!t.isLoading%2Cn.querySelector('%5Bdata-action%3D%22toggle-path%22%5D').checked%3D!!t.showOnlyPath%2Cn.querySelector(%22.zoom-group%20.level%22).textContent%3D%60%24%7BMath.round(100*(t.zoom%7C%7C1))%7D%25%60%2Cn.querySelector(%22.tree-pane%22).innerHTML%3D(n%3D%3E%7Bconst%7Bconv%3At%2Cselected%3Ao%2Cquery%3Ar%2CshowOnlyPath%3Aa%2Czoom%3As%7D%3Dn%3Bif(!t)return%20n.error%3F%60%3Cdiv%20class%3D%22empty%22%3ECouldn't%20load%20conversation.%3Cbr%3E%3Cspan%20class%3D%22muted%22%3E%24%7By(n.error.message)%7D%3C%2Fspan%3E%3C%2Fdiv%3E%60%3A'%3Cdiv%20class%3D%22empty%20loading%22%3ELoading%20conversation%5Cu2026%3C%2Fdiv%3E'%3Bconst%20i%3Dwindow%5Be%5D.tree%2Cc%3Dx(t)%2Cl%3Di.walkToRoot(t.current_leaf_message_uuid%2Cc)%2Cd%3Dnew%20Set(l.map(e%3D%3Ee.uuid))%2Cu%3Di.findLatestByTimestamp(t.chat_messages)%2Cp%3Dr%3Fnew%20Set(i.searchMessages(t.chat_messages%2Cr).map(e%3D%3Ee.uuid))%3Anull%2Cv%3D(c.childrenOf.get(i.ROOT_SENTINEL)%7C%7C%5B%5D).concat(c.childrenOf.get(null)%7C%7C%5B%5D)%3Bif(!v.length)return'%3Cdiv%20class%3D%22empty%22%3ENo%20messages.%3C%2Fdiv%3E'%3Bconst%7Bpositions%3Ah%2CtotalLeaves%3Ag%2CmaxDepth%3Am%7D%3D((e%2Cn)%3D%3E%7Bconst%20t%3Dnew%20Map%3Blet%20o%3D0%3Bconst%20r%3D(e%2Ca%2Cs)%3D%3E%7Ba%3Eo%26%26(o%3Da)%3Bconst%20i%3Dn.childrenOf.get(e)%7C%7C%5B%5D%3Bif(!i.length)return%20t.set(e%2C%7Bx%3As%2B.5%2Cy%3Aa%7D)%2C1%3Blet%20c%3Ds%2Cl%3D0%3Bfor(const%20e%20of%20i)%7Bconst%20n%3Dr(e.uuid%2Ca%2B1%2Cc)%3Bc%2B%3Dn%2Cl%2B%3Dn%7Dreturn%20t.set(e%2C%7Bx%3As%2Bl%2F2%2Cy%3Aa%7D)%2Cl%7D%3Blet%20a%3D0%2Cs%3D0%3Bfor(const%20n%20of%20e)%7Bconst%20e%3Dr(n.uuid%2C0%2Ca)%3Ba%2B%3De%2Cs%2B%3De%7Dreturn%7Bpositions%3At%2CtotalLeaves%3As%2CmaxDepth%3Ao%7D%7D)(v%2Cc)%2Cf%3D190%2Cw%3DMath.max(g*f%2B32%2C400)%2Ck%3D46*(m%2B1)%2B32%2B30%2C_%3Db(s%7C%7C1)%2C%24%3D%5B%60%3Csvg%20class%3D%22tree%22%20width%3D%22%24%7Bw*_%7D%22%20height%3D%22%24%7Bk*_%7D%22%20viewBox%3D%220%200%20%24%7Bw%7D%20%24%7Bk%7D%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%60%5D%3Bfor(const%20e%20of%20t.chat_messages)%7Bif(i.isRoot(e.parent_message_uuid))continue%3Bconst%20n%3Dh.get(e.parent_message_uuid)%2Ct%3Dh.get(e.uuid)%3Bif(!n%7C%7C!t)continue%3Bif(a%26%26(!d.has(e.uuid)%7C%7C!d.has(e.parent_message_uuid)))continue%3Bconst%20o%3Dn.x*f%2B16%2Cr%3D46*n.y%2B16%2B30%2Cs%3Dt.x*f%2B16%2Cc%3D46*t.y%2B16%2Cl%3Dd.has(e.uuid)%26%26d.has(e.parent_message_uuid)%3B%24.push(%60%3Cline%20class%3D%22edge%20%24%7Bl%3F%22on-path%22%3A%22%22%7D%22%20x1%3D%22%24%7Bo%7D%22%20y1%3D%22%24%7Br%7D%22%20x2%3D%22%24%7Bs%7D%22%20y2%3D%22%24%7Bc%7D%22%2F%3E%60)%7Dfor(const%20e%20of%20t.chat_messages)%7Bconst%20n%3Dh.get(e.uuid)%3Bif(!n)continue%3Bif(a%26%26!d.has(e.uuid))continue%3Bconst%20r%3Dn.x*f%2B16%2Cs%3D46*n.y%2B16%2Cc%3De.uuid%3D%3D%3Dt.current_leaf_message_uuid%2Cl%3D%5B%22node%22%2Ce.sender%2Cd.has(e.uuid)%3F%22on-path%22%3A%22%22%2Cc%3F%22current-leaf%22%3A%22%22%2Ce.uuid%3D%3D%3Do%3F%22selected%22%3A%22%22%2Cu%26%26e.uuid%3D%3D%3Du.uuid%3F%22latest%22%3A%22%22%2Cp%26%26!p.has(e.uuid)%3F%22muted%22%3A%22%22%5D.filter(Boolean).join(%22%20%22)%2Cb%3Di.snippet(e%2C24)%2Cv%3Di.snippet(e%2C240)%3B%24.push(%60%3Cg%20class%3D%22%24%7Bl%7D%22%20data-uuid%3D%22%24%7Be.uuid%7D%22%20transform%3D%22translate(%24%7Br-85%7D%2C%24%7Bs%7D)%22%3E%60%2C%60%3Ctitle%3E%24%7By(v)%7D%3C%2Ftitle%3E%60%2C'%3Crect%20width%3D%22170%22%20height%3D%2230%22%20rx%3D%224%22%2F%3E'%2C%60%3Ctext%20x%3D%228%22%20y%3D%2219%22%3E%24%7By(b)%7D%3C%2Ftext%3E%60%2Cc%3F'%3Ccircle%20class%3D%22leaf-dot%22%20cx%3D%22164%22%20cy%3D%226%22%20r%3D%223%22%2F%3E'%3A%22%22%2C%22%3C%2Fg%3E%22)%7Dreturn%20%24.push(%22%3C%2Fsvg%3E%22)%2C%24.join(%22%22)%7D)(t)%2Cn.querySelector(%22.preview-pane%22).innerHTML%3D(n%3D%3E%7Bconst%7Bconv%3At%2Cselected%3Ao%7D%3Dn%3Bif(!t)return'%3Cdiv%20class%3D%22empty%22%3E%3C%2Fdiv%3E'%3Bif(!o)return'%3Cdiv%20class%3D%22empty%22%3ESelect%20a%20node%20from%20the%20tree.%3C%2Fdiv%3E'%3Bconst%20r%3Dx(t).byUuid.get(o)%3Bif(!r)return'%3Cdiv%20class%3D%22empty%22%3EMessage%20not%20found%20in%20tree.%3C%2Fdiv%3E'%3Bconst%20a%3Dwindow%5Be%5D.tree.extractText(r%2C%7BincludeThinking%3A!0%7D)%2Cs%3Dnew%20Date(r.created_at).toLocaleString()%2Ci%3Dr.uuid%3D%3D%3Dt.current_leaf_message_uuid%2Cc%3Dn.isLoading%2Cl%3Di%7C%7Cc%2Cd%3Dc%3F%22Switching%5Cu2026%22%3Ai%3F%22Current%20branch%20leaf%22%3A%22Jump%20to%20this%20branch%22%3Breturn%60%5Cn%20%20%20%20%20%20%3Cdiv%20class%3D%22role%20%24%7Br.sender%7D%22%3E%24%7By(r.sender)%7D%3C%2Fdiv%3E%5Cn%20%20%20%20%20%20%3Cdiv%20class%3D%22meta%22%3E%24%7By(s)%7D%20%5Cxb7%20%24%7Br.uuid.slice(0%2C8)%7D%5Cu2026%3C%2Fdiv%3E%5Cn%20%20%20%20%20%20%3Cdiv%20class%3D%22body%20%24%7Br.sender%7D%22%3E%24%7Ba%3F(e%3D%3E%7Bif(!e)return%22%22%3Bconst%20n%3De%3D%3E%7Blet%20n%3Dy(e)%3Bconst%20t%3D%5B%5D%3Breturn%20n%3Dn.replace(%2F%60(%5B%5E%60%5D%2B)%60%2Fg%2C(e%2Cn)%3D%3E(t.push(n)%2C%60%5C0%24%7Bt.length-1%7D%5C0%60))%2Cn%3Dn.replace(%2F%5C*%5C*(.%2B%3F)%5C*%5C*%2Fg%2C%22%3Cstrong%3E%241%3C%2Fstrong%3E%22)%2Cn%3Dn.replace(%2F__(.%2B%3F)__%2Fg%2C%22%3Cstrong%3E%241%3C%2Fstrong%3E%22)%2Cn%3Dn.replace(%2F(%5E%7C%5B%5Cs(%5D)%5C*(%3F!%5Cs)(%5B%5E*%5Cn%5D%2B%3F)%5C*(%3F%3D%5B%5Cs).%2C!%3F%3A%3B%5D%7C%24)%2Fg%2C%22%241%3Cem%3E%242%3C%2Fem%3E%22)%2Cn%3Dn.replace(%2F(%5E%7C%5B%5Cs(%5D)_(%3F!%5Cs)(%5B%5E_%5Cn%5D%2B%3F)_(%3F%3D%5B%5Cs).%2C!%3F%3A%3B%5D%7C%24)%2Fg%2C%22%241%3Cem%3E%242%3C%2Fem%3E%22)%2Cn%3Dn.replace(%2F%5C%5B(%5B%5E%5C%5D%5D%2B)%5C%5D%5C((%5B%5E)%5Cs%5D%2B)%5C)%2Fg%2C(e%2Cn%2Ct)%3D%3E%2F%5E(https%3F%3A%7Cmailto%3A)%2Fi.test(t)%3F%60%3Ca%20href%3D%22%24%7Bt%7D%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3E%24%7Bn%7D%3C%2Fa%3E%60%3An)%2Cn%3Dn.replace(%2F%5Cx00(%5Cd%2B)%5Cx00%2Fg%2C(e%2Cn)%3D%3E%60%3Ccode%3E%24%7Bt%5B%2Bn%5D%7D%3C%2Fcode%3E%60)%2Cn%7D%2Ct%3De.split(%22%5Cn%22)%2Co%3D%5B%5D%3Blet%20r%3D0%3Bconst%20a%3D%2F%5E(%60%60%60%7C%23%7B1%2C6%7D%5Cs%7C%3E%7C%5B-*%2B%5D%5Cs%7C%5Cd%2B%5C.%5Cs%7C---%2B%5Cs*%24%7C%5C*%5C*%5C*%2B%5Cs*%24%7C___%2B%5Cs*%24)%2F%3Bfor(%3Br%3Ct.length%3B)%7Bconst%20e%3Dt%5Br%5D%3Bif(%2F%5E%60%60%60%2F.test(e))%7Bconst%20n%3De.slice(3).trim()%2Ca%3D%5B%5D%3Bfor(r%2B%2B%3Br%3Ct.length%26%26!%2F%5E%60%60%60%2F.test(t%5Br%5D)%3B)a.push(t%5Br%2B%2B%5D)%3Br%2B%2B%3Bconst%20s%3Dn%3F%60%20data-lang%3D%22%24%7By(n)%7D%22%60%3A%22%22%3Bo.push(%60%3Cpre%3E%3Ccode%24%7Bs%7D%3E%24%7By(a.join(%22%5Cn%22))%7D%3C%2Fcode%3E%3C%2Fpre%3E%60)%3Bcontinue%7Dconst%20s%3De.match(%2F%5E(%23%7B1%2C6%7D)%5Cs%2B(.*)%24%2F)%3Bif(s)%7Bconst%20e%3Ds%5B1%5D.length%3Bo.push(%60%3Ch%24%7Be%7D%3E%24%7Bn(s%5B2%5D)%7D%3C%2Fh%24%7Be%7D%3E%60)%2Cr%2B%2B%3Bcontinue%7Dif(%2F%5E(---%2B%7C%5C*%5C*%5C*%2B%7C___%2B)%5Cs*%24%2F.test(e))%7Bo.push(%22%3Chr%3E%22)%2Cr%2B%2B%3Bcontinue%7Dif(%2F%5E%3E%5Cs%3F%2F.test(e))%7Bconst%20e%3D%5B%5D%3Bfor(%3Br%3Ct.length%26%26%2F%5E%3E%5Cs%3F%2F.test(t%5Br%5D)%3B)e.push(t%5Br%5D.replace(%2F%5E%3E%5Cs%3F%2F%2C%22%22))%2Cr%2B%2B%3Bo.push(%60%3Cblockquote%3E%24%7Bn(e.join(%22%5Cn%22))%7D%3C%2Fblockquote%3E%60)%3Bcontinue%7Dif(%2F%5E%5B-*%2B%5D%5Cs%2B%2F.test(e))%7Bconst%20e%3D%5B%5D%3Bfor(%3Br%3Ct.length%26%26%2F%5E%5B-*%2B%5D%5Cs%2B%2F.test(t%5Br%5D)%3B)e.push(t%5Br%5D.replace(%2F%5E%5B-*%2B%5D%5Cs%2B%2F%2C%22%22))%2Cr%2B%2B%3Bo.push(%60%3Cul%3E%24%7Be.map(e%3D%3E%60%3Cli%3E%24%7Bn(e)%7D%3C%2Fli%3E%60).join(%22%22)%7D%3C%2Ful%3E%60)%3Bcontinue%7Dif(%2F%5E%5Cd%2B%5C.%5Cs%2B%2F.test(e))%7Bconst%20e%3D%5B%5D%3Bfor(%3Br%3Ct.length%26%26%2F%5E%5Cd%2B%5C.%5Cs%2B%2F.test(t%5Br%5D)%3B)e.push(t%5Br%5D.replace(%2F%5E%5Cd%2B%5C.%5Cs%2B%2F%2C%22%22))%2Cr%2B%2B%3Bo.push(%60%3Col%3E%24%7Be.map(e%3D%3E%60%3Cli%3E%24%7Bn(e)%7D%3C%2Fli%3E%60).join(%22%22)%7D%3C%2Fol%3E%60)%3Bcontinue%7Dif(%22%22%3D%3D%3De.trim())%7Br%2B%2B%3Bcontinue%7Dconst%20i%3D%5Be%5D%3Bfor(r%2B%2B%3Br%3Ct.length%26%26%22%22!%3D%3Dt%5Br%5D.trim()%26%26!a.test(t%5Br%5D)%3B)i.push(t%5Br%5D)%2Cr%2B%2B%3Bo.push(%60%3Cp%3E%24%7Bn(i.join(%22%5Cn%22))%7D%3C%2Fp%3E%60)%7Dreturn%20o.join(%22%22)%7D)(a)%3A'%3Cp%20class%3D%22empty-body%22%3E(no%20content)%3C%2Fp%3E'%7D%3C%2Fdiv%3E%5Cn%20%20%20%20%20%20%3Cdiv%20class%3D%22actions%22%3E%5Cn%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22jump-btn%22%20data-action%3D%22jump%22%20data-uuid%3D%22%24%7Br.uuid%7D%22%20%24%7Bl%3F%22disabled%22%3A%22%22%7D%3E%24%7Bd%7D%3C%2Fbutton%3E%5Cn%20%20%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20%60%7D)(t)%7D)(i%2Cn)%2C!c%26%26n.conv%26%26(requestAnimationFrame(()%3D%3E(e%3D%3E%7Bconst%7Bconv%3An%7D%3Du.getState()%3Bif(!n)return%3Bconst%20t%3De.querySelector(%22.tree-pane%22)%3Bif(!t)return%3Bconst%20o%3Dt.querySelector(%60g.node%5Bdata-uuid%3D%22%24%7Bn.current_leaf_message_uuid%7D%22%5D%60)%3Bif(!o)return%3Bconst%20r%3Dt.getBoundingClientRect()%2Ca%3Do.getBoundingClientRect()%3Bt.scrollLeft%2B%3Da.left%2Ba.width%2F2-(r.left%2Br.width%2F2)%2Ct.scrollTop%2B%3Da.top%2Ba.height%2F2-(r.top%2Br.height%2F2)%7D)(i))%2Cc%3D!0)%7D%3Breturn%20l(u.getState())%2Cr%3Du.subscribe(l)%2Ca%7D%3Bwindow%5Be%5D.mountUI%3Dk%3Bconst%20_%3D(e%2Cn)%3D%3E%7Bu.setState(%7BisLoading%3A!1%2Cerror%3An%7D)%3Bconst%20o%3Dn%20instanceof%20a%3F%60%5B%24%7Bn.code%7D%5D%60%3A%22%22%3Bt(%60%24%7Be%7D%20failed%20%5Cu2014%20%24%7Bo%7D%20%24%7Bn.message%7D%60.trim()%2C%7Bkind%3A%22error%22%2CtimeoutMs%3A8e3%7D)%2Cconsole.error(%22%5Bsuperclaude%5D%22%2Cn)%7D%2C%24%3D%7BloadConversation%3Aasync%20e%3D%3E%7Bu.setState(%7BisLoading%3A!0%2Cerror%3Anull%7D)%3Btry%7Bconst%20n%3Dawait%20i()%2Co%3Dd(n)%3Bif(!o)return%20u.setState(%7BisLoading%3A!1%7D)%2Ct(%22No%20chat-capable%20Claude.ai%20org%20found%20on%20this%20account.%22%2C%7Bkind%3A%22error%22%2CtimeoutMs%3A8e3%7D)%2Cnull%3Bconst%20r%3Dawait%20c(o.uuid%2Ce)%3Breturn%20u.setState(%7BisLoading%3A!1%2Corg%3Ao%2Cconv%3Ar%2Cselected%3Ar.current_leaf_message_uuid%7D)%2Cr%7Dcatch(e)%7Breturn%20_(%22Load%22%2Ce)%2Cnull%7D%7D%2CjumpTo%3Aasync%20e%3D%3E%7Bconst%7Borg%3An%2Cconv%3Ao%7D%3Du.getState()%3Bif(n%26%26o)if(e!%3D%3Do.current_leaf_message_uuid)%7Bu.setState(%7BisLoading%3A!0%2Cerror%3Anull%7D)%2Ct(%22Switching%20branch%5Cu2026%22%2C%7Bkind%3A%22info%22%2CtimeoutMs%3A2e3%7D)%3Btry%7Bawait%20l(n.uuid%2Co.uuid%2Ce)%2Cawait(async%20e%3D%3E%7Bif(!window.indexedDB%7C%7C%22function%22!%3Dtypeof%20indexedDB.databases)return%3Blet%20n%3Btry%7Bn%3Dawait%20indexedDB.databases()%7Dcatch%7Breturn%7Dfor(const%7Bname%3At%7Dof%20n)t%26%26await%20new%20Promise(n%3D%3E%7Bconst%20o%3DindexedDB.open(t)%3Bo.onerror%3D()%3D%3En()%2Co.onsuccess%3D()%3D%3E%7Bconst%20t%3Do.result%2Cr%3DArray.from(t.objectStoreNames)%3Bif(!r.length)return%20t.close()%2Cn()%3Blet%20a%3Btry%7Ba%3Dt.transaction(r%2C%22readwrite%22)%7Dcatch%7Breturn%20t.close()%2Cn()%7Da.oncomplete%3D()%3D%3E%7Bt.close()%2Cn()%7D%2Ca.onerror%3D()%3D%3E%7Bt.close()%2Cn()%7D%2Ca.onabort%3D()%3D%3E%7Bt.close()%2Cn()%7D%3Bfor(const%20n%20of%20r)%7Bconst%20t%3Da.objectStore(n)%2Co%3Dt.getAllKeys()%3Bo.onsuccess%3D()%3D%3E%7Bconst%20n%3Dt.getAll()%3Bn.onsuccess%3D()%3D%3E%7Bconst%20r%3Do.result%7C%7C%5B%5D%2Ca%3Dn.result%7C%7C%5B%5D%3Bfor(let%20n%3D0%3Bn%3Cr.length%3Bn%2B%2B)%7Blet%20o%3D!1%3Btry%7B(%22string%22%3D%3Dtypeof%20r%5Bn%5D%26%26r%5Bn%5D.includes(e)%7C%7CJSON.stringify(a%5Bn%5D).includes(e))%26%26(o%3D!0)%7Dcatch%7B%7Dif(o)try%7Bt.delete(r%5Bn%5D)%7Dcatch%7B%7D%7D%7D%7D%7D%7D%7D)%7D)(o.uuid)%2Clocation.reload()%7Dcatch(e)%7B_(%22Jump%22%2Ce)%7D%7Delse%20t(%22Already%20on%20this%20branch.%22%2C%7Bkind%3A%22info%22%7D)%3Belse%20t(%22Conversation%20not%20loaded%20yet.%22%2C%7Bkind%3A%22error%22%7D)%7D%2CjumpToLatest%3A()%3D%3E%7Bconst%7Bconv%3An%7D%3Du.getState()%3Bif(!n)return%3Bconst%20t%3Dwindow%5Be%5D.tree.findLatestByTimestamp(n.chat_messages)%3Breturn%20t%3F%24.jumpTo(t.uuid)%3Avoid%200%7D%7D%3Bwindow%5Be%5D.actions%3D%24%2Ck()%2C%24.loadConversation(r)%7D)()%3B
2. 2

   Use it

   Open any chat at claude.ai/chat/… and click the superclaude bookmark. A window opens with the conversation's full branch tree.

   Click any node to preview that message, then Jump to this branch to switch the conversation there — or Jump to latest to leap to the newest message across every branch.

Bookmarklet size: 52,414 bytes (well under the ~61,440-byte browser limit).