@gemboss/ui 0.47.0 → 0.48.0

package/src/language-switcher-plain.js

@@ -1 +1 @@
-(function(m){"use strict";var u=m.gembossUI||(m.gembossUI={});if(u.languageSwitcher)return;var v=Object.freeze,S=v([v({code:"en",label:"English",short:"EN"}),v({code:"vi",label:"Ti\u1EBFng Vi\u1EC7t",short:"VI"}),v({code:"zh",label:"\u4E2D\u6587",short:"\u4E2D"})]),_=v({trigger:"Language",suggested:"Suggested"}),G={globe:'<circle cx="10" cy="10" r="7"/><path d="M3 10h14M10 3c2 2 2.8 4.3 2.8 7s-.8 5-2.8 7c-2-2-2.8-4.3-2.8-7s.8-5 2.8-7z"/>',check:'<path d="M4 10.5 8 14.5 16 5.5"/>',chevronDown:'<path d="M6 8l4 4 4-4"/>'},d=function(t){return String(t).replace(/[&<>"']/g,function(a){return{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}[a]})},k=function(t,a,f){return'<svg viewBox="0 0 20 20" width="'+a+'" height="'+a+'"'+(f?' class="'+f+'"':"")+' aria-hidden="true" focusable="false"><g fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">'+G[t]+"</g></svg>"},C=typeof HTMLElement<"u"&&Object.prototype.hasOwnProperty.call(HTMLElement.prototype,"popover");function M(t){return t.short||String(t.code).split(/[-_]/)[0].toUpperCase()}function q(t,a){for(var f=typeof a=="string"?a.split(","):a||[],s=function(y){return y.split(/[-_]/)[0]},g=0;g<f.length;g++){var c=String(f[g]).split(";")[0].trim().toLowerCase();if(c){var l=null,o;for(o=0;o<t.length&&!l;o++)t[o].code.toLowerCase()===c&&(l=t[o]);for(o=0;o<t.length&&!l;o++)s(t[o].code.toLowerCase())===s(c)&&(l=t[o]);if(l)return l.code}}}var N=!1;function H(t){t=t||{},!N&&!u.openModal&&m.console&&document.querySelector('script[src*="kit-plain"]')&&(N=!0,m.console.error("@gemboss/ui language-switcher-plain.js: load it after kit-plain.js (kit-plain.js defines nothing when gembossUI exists)"));var a=t.languages||S,f=t.variant||"topbar",s=String(t.value==null?"":t.value),g={},c;for(c in _)g[c]=t.labels&&t.labels[c]!=null?t.labels[c]:_[c];var l=null,o;if(t.suggested){for(o=0;o<a.length;o++)if(a[o].code===t.suggested){l=a[o];break}}var y=a.filter(function(e){return e!==l}),U=function(e,r){var i=e.href?"a":"button";return"<"+i+(e.href?"":' type="button"')+' role="menuitemradio" aria-checked="'+(e.code===s)+'" class="ui-menu__item gb-lang__item" tabindex="-1" data-lang="'+d(e.code)+'"'+(e.href?' href="'+d(e.href)+'" hreflang="'+d(e.code)+'"':"")+'><span class="gb-lang__check" aria-hidden="true">'+k("check",16)+'</span><span class="gb-lang__name" lang="'+d(e.code)+'">'+d(e.label)+"</span>"+(r?'<span class="ui-menu__hint">'+d(r)+"</span>":"")+"</"+i+">"},n=document.createElement("details");n.className=["ui-menu",t.end===!1?"":"ui-menu--end","gb-lang","gb-lang--"+f,t.className||""].filter(Boolean).join(" "),n.innerHTML='<summary class="gb-lang__btn" aria-haspopup="menu">'+k("globe",18)+'<span class="gb-lang__short"></span>'+(f==="inline"?k("chevronDown",14,"gb-lang__caret"):"")+'</summary><div class="ui-menu__list gemboss-popover-surface gb-lang__list" role="menu" aria-label="'+d(g.trigger)+'">'+(l?U(l,g.suggested)+'<hr class="ui-menu__sep">':"")+y.map(function(e){return U(e)}).join("")+"</div>";var p=n.firstChild,L=p.querySelector(".gb-lang__short"),E=function(){return Array.prototype.slice.call(n.querySelectorAll(".gb-lang__item"))};function w(){for(var e=null,r=0;r<a.length;r++)if(a[r].code===s){e=a[r];break}var i=g.trigger+": "+(e?e.label:s);p.setAttribute("aria-label",i),p.setAttribute("title",i),L.textContent=e?M(e):s.toUpperCase(),e?L.setAttribute("lang",e.code):L.removeAttribute("lang"),E().forEach(function(h){h.setAttribute("aria-checked",String(h.getAttribute("data-lang")===s))})}function T(){C&&u.floatMenu&&u.floatMenu(n)}function D(){var e=E(),r=e.filter(function(i){return i.getAttribute("aria-checked")==="true"})[0]||e[0];r&&r.focus()}function A(){n.open=!0,T()}function b(){n.open=!1,p.focus()}p.addEventListener("click",function(e){!C||!u.floatMenu||(e.preventDefault(),n.open?n.open=!1:A())}),n.addEventListener("toggle",function(){if(!n.open){var e=n.querySelector(".gb-lang__list");e&&e.matches&&e.hasAttribute("popover")&&e.matches(":popover-open")&&e.hidePopover();return}T(),D()}),n.addEventListener("keydown",function(e){if(e.target===p){if(e.key!=="ArrowDown"&&e.key!=="ArrowUp")return;e.preventDefault(),n.open?D():A();return}var r=E(),i=r.indexOf(e.target);if(!(i<0)){if(e.key==="Tab"){b();return}var h=e.key==="ArrowDown"?(i+1)%r.length:e.key==="ArrowUp"?(i-1+r.length)%r.length:e.key==="Home"?0:e.key==="End"?r.length-1:-1;h<0||(e.preventDefault(),r[h].focus())}}),n.addEventListener("click",function(e){var r=e.target.closest&&e.target.closest(".gb-lang__item");if(!(!r||!n.contains(r))){var i=r.getAttribute("data-lang");b(),i!==s&&(s=i,w(),t.onChange&&t.onChange(i))}});var x=function(e){n.open&&!n.contains(e.target)&&(n.open=!1)},I=function(e){e.key==="Escape"&&n.open&&!e.isComposing&&b()};return document.addEventListener("click",x),document.addEventListener("keydown",I),w(),t.mount&&t.mount.parentNode&&t.mount.parentNode.replaceChild(n,t.mount),{el:n,value:function(){return s},set:function(e){s=String(e),w()},open:A,close:function(){n.open&&b()},destroy:function(){document.removeEventListener("click",x),document.removeEventListener("keydown",I),n.parentNode&&n.parentNode.removeChild(n)}}}u.languageSwitcher=H,u.FLEET_LANGUAGES=S,u.LANGUAGE_SWITCHER_LABELS=_,u.languageShort=M,u.matchLanguage=q})(globalThis);
+(function(_){"use strict";var s=_.gembossUI||(_.gembossUI={});if(s.languageSwitcher)return;var h=Object.freeze,T=h([h({code:"en",label:"English",short:"EN"}),h({code:"vi",label:"Ti\u1EBFng Vi\u1EC7t",short:"VI"}),h({code:"zh",label:"\u4E2D\u6587",short:"\u4E2D"})]),k=h({trigger:"Language",suggested:"Suggested"}),G={globe:'<circle cx="10" cy="10" r="7"/><path d="M3 10h14M10 3c2 2 2.8 4.3 2.8 7s-.8 5-2.8 7c-2-2-2.8-4.3-2.8-7s.8-5 2.8-7z"/>',check:'<path d="M4 10.5 8 14.5 16 5.5"/>',chevronDown:'<path d="M6 8l4 4 4-4"/>'},p=function(t){return String(t).replace(/[&<>"']/g,function(i){return{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}[i]})},A=function(t,i,g){return'<svg viewBox="0 0 20 20" width="'+i+'" height="'+i+'"'+(g?' class="'+g+'"':"")+' aria-hidden="true" focusable="false"><g fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">'+G[t]+"</g></svg>"},U=typeof HTMLElement<"u"&&Object.prototype.hasOwnProperty.call(HTMLElement.prototype,"popover");function x(t){return t.short||String(t.code).split(/[-_]/)[0].toUpperCase()}function O(t,i){for(var g=typeof i=="string"?i.split(","):i||[],l=function(L){return L.split(/[-_]/)[0]},f=0;f<g.length;f++){var c=String(g[f]).split(";")[0].trim().toLowerCase();if(c){var o=null,u;for(u=0;u<t.length&&!o;u++)t[u].code.toLowerCase()===c&&(o=t[u]);for(u=0;u<t.length&&!o;u++)l(t[u].code.toLowerCase())===l(c)&&(o=t[u]);if(o)return o.code}}}var D=!1;function B(t){t=t||{},!D&&!s.openModal&&_.console&&document.querySelector('script[src*="kit-plain"]')&&(D=!0,_.console.error("@gemboss/ui language-switcher-plain.js: load it after kit-plain.js (kit-plain.js defines nothing when gembossUI exists)"));var i=t.languages||T,g=t.variant||"topbar",l=String(t.value==null?"":t.value),f=t.suggested,c={},o;for(o in k)c[o]=t.labels&&t.labels[o]!=null?t.labels[o]:k[o];var u=function(e,n){var a=e.href?"a":"button";return"<"+a+(e.href?"":' type="button"')+' role="menuitemradio" aria-checked="'+(e.code===l)+'" class="ui-menu__item gb-lang__item" tabindex="-1" data-lang="'+p(e.code)+'"'+(e.href?' href="'+p(e.href)+'" hreflang="'+p(e.code)+'"':"")+'><span class="gb-lang__check" aria-hidden="true">'+A("check",16)+'</span><span class="gb-lang__name" lang="'+p(e.code)+'">'+p(e.label)+"</span>"+(n?'<span class="ui-menu__hint">'+p(n)+"</span>":"")+"</"+a+">"},L=function(){var e=null,n;if(f){for(n=0;n<i.length;n++)if(i[n].code===f){e=i[n];break}}return(e?u(e,c.suggested)+'<hr class="ui-menu__sep">':"")+i.filter(function(a){return a!==e}).map(function(a){return u(a)}).join("")},r=document.createElement("details");r.className=["ui-menu",t.end===!1?"":"ui-menu--end","gb-lang","gb-lang--"+g,t.className||""].filter(Boolean).join(" "),r.innerHTML='<summary class="gb-lang__btn" aria-haspopup="menu">'+A("globe",18)+'<span class="gb-lang__short"></span>'+(g==="inline"?A("chevronDown",14,"gb-lang__caret"):"")+'</summary><div class="ui-menu__list gemboss-popover-surface gb-lang__list" role="menu"></div>';var v=r.firstChild,S=v.querySelector(".gb-lang__short"),b=r.lastChild;b.innerHTML=L();var y=function(){return Array.prototype.slice.call(r.querySelectorAll(".gb-lang__item"))};function w(){for(var e=null,n=0;n<i.length;n++)if(i[n].code===l){e=i[n];break}var a=c.trigger+": "+(e?e.label:l);v.setAttribute("aria-label",a),v.setAttribute("title",a),S.textContent=e?x(e):l.toUpperCase(),e?S.setAttribute("lang",e.code):S.removeAttribute("lang"),b.setAttribute("aria-label",c.trigger);var d=b.querySelector(".ui-menu__hint");d&&(d.textContent=c.suggested),y().forEach(function(m){m.setAttribute("aria-checked",String(m.getAttribute("data-lang")===l))})}function H(e){if(e=e||{},e.labels)for(o in k)e.labels[o]!=null&&(c[o]=String(e.labels[o]));e.value!=null&&(l=String(e.value));var n=!1;if(e.languages&&e.languages!==i&&(i=e.languages,n=!0),"suggested"in e&&(e.suggested||null)!==(f||null)&&(f=e.suggested,n=!0),n){var a=document.activeElement,d=a&&b.contains(a)?a.getAttribute("data-lang"):null;if(b.innerHTML=L(),d!=null){var m=y().filter(function(F){return F.getAttribute("data-lang")===d})[0];m?m.focus():M()}}w(),r.open&&C()}function C(){U&&s.floatMenu&&s.floatMenu(r)}function M(){var e=y(),n=e.filter(function(a){return a.getAttribute("aria-checked")==="true"})[0]||e[0];n&&n.focus()}function N(){r.open=!0,C()}function E(){r.open=!1,v.focus()}v.addEventListener("click",function(e){!U||!s.floatMenu||(e.preventDefault(),r.open?r.open=!1:N())}),r.addEventListener("toggle",function(){if(!r.open){var e=r.querySelector(".gb-lang__list");e&&e.matches&&e.hasAttribute("popover")&&e.matches(":popover-open")&&e.hidePopover();return}C(),M()}),r.addEventListener("keydown",function(e){if(e.target===v){if(e.key!=="ArrowDown"&&e.key!=="ArrowUp")return;e.preventDefault(),r.open?M():N();return}var n=y(),a=n.indexOf(e.target);if(!(a<0)){if(e.key==="Tab"){E();return}var d=e.key==="ArrowDown"?(a+1)%n.length:e.key==="ArrowUp"?(a-1+n.length)%n.length:e.key==="Home"?0:e.key==="End"?n.length-1:-1;d<0||(e.preventDefault(),n[d].focus())}}),r.addEventListener("click",function(e){var n=e.target.closest&&e.target.closest(".gb-lang__item");if(!(!n||!r.contains(n))){var a=n.getAttribute("data-lang");E(),a!==l&&(l=a,w(),t.onChange&&t.onChange(a))}});var I=function(e){r.open&&!r.contains(e.target)&&(r.open=!1)},q=function(e){e.key==="Escape"&&r.open&&!e.isComposing&&E()};return document.addEventListener("click",I),document.addEventListener("keydown",q),w(),t.mount&&t.mount.parentNode&&t.mount.parentNode.replaceChild(r,t.mount),{el:r,value:function(){return l},set:function(e){l=String(e),w()},update:H,setLabels:function(e){H({labels:e})},open:N,close:function(){r.open&&E()},destroy:function(){document.removeEventListener("click",I),document.removeEventListener("keydown",q),r.parentNode&&r.parentNode.removeChild(r)}}}s.languageSwitcher=B,s.FLEET_LANGUAGES=T,s.LANGUAGE_SWITCHER_LABELS=k,s.languageShort=x,s.matchLanguage=O})(globalThis);

package/src/language-switcher.css

@@ -1 +1 @@
-:where(.gb-lang){position:relative;display:inline-block}:where(.gb-lang>summary){list-style:none;cursor:pointer}.gb-lang>summary::-webkit-details-marker{display:none}:where(.gb-lang__list){position:absolute;z-index:20;top:calc(100% + 4px);left:0;display:grid;min-width:220px;padding:4px;box-sizing:border-box;background:var(--gemboss-surface);color:var(--gemboss-text);border:1px solid var(--gemboss-divider);border-radius:var(--gemboss-radius-lg, 12px);box-shadow:var(--gemboss-shadow-raised)}:where(.ui-menu--end>.gb-lang__list){left:auto;right:0}:where(.gb-lang__list[popover]){position:fixed;inset:auto;margin:0;overflow:auto}.gb-lang__list[popover]:not(:popover-open){display:none}:where(.gb-lang__item){display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:12px 16px;box-sizing:border-box;border:0;border-radius:var(--gemboss-radius-sm, 6px);background:transparent;color:var(--gemboss-text);font:inherit;font-size:13px;text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer}:where(.gb-lang__item:hover){background:var(--gemboss-hover)}:where(.gb-lang__item:focus-visible){outline:2px solid var(--gemboss-primary);outline-offset:-2px;background:var(--gemboss-hover)}:where(.gb-lang .ui-menu__hint){margin-left:auto;padding-left:16px;color:var(--gemboss-text-muted);font-size:12px}:where(.gb-lang .ui-menu__sep){height:1px;margin:4px 0;border:0;background:var(--gemboss-divider)}.gb-lang__btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:36px;min-width:36px;margin:0;padding:0 8px;box-sizing:border-box;border:0;border-radius:var(--gemboss-radius-md, 8px);background:transparent;color:var(--gemboss-text-muted);font:inherit;font-size:12px;font-weight:600;line-height:1;letter-spacing:.02em;white-space:nowrap;user-select:none;-webkit-user-select:none;transition:background-color var(--gemboss-transition-fast, .12s) ease,color var(--gemboss-transition-fast, .12s) ease}.gb-lang__btn:hover,.gb-lang[open]>.gb-lang__btn{background:var(--gemboss-hover);color:var(--gemboss-text-strong)}.gb-lang__btn:focus-visible{outline:2px solid var(--gemboss-accent);outline-offset:-2px}.gb-lang__btn>svg{flex:0 0 auto}.gb-lang__short{min-width:2ch;color:var(--gemboss-text);text-align:center}.gb-lang__btn:hover>.gb-lang__short,.gb-lang[open]>.gb-lang__btn>.gb-lang__short{color:var(--gemboss-text-strong)}.gb-lang--inline>.gb-lang__btn{padding:0 10px 0 12px;border:1px solid var(--gemboss-chip-line);border-radius:var(--gemboss-radius-full, 999px);background:var(--gemboss-surface);color:var(--gemboss-text-muted);font-size:13px;font-weight:550;letter-spacing:0}.gb-lang--inline>.gb-lang__btn:hover,.gb-lang--inline[open]>.gb-lang__btn{background:var(--gemboss-hover);border-color:var(--gemboss-chip-line-hover)}.gb-lang__caret{margin-left:-1px;color:var(--gemboss-text-muted);transition:transform var(--gemboss-transition-fast, .12s) ease}.gb-lang[open] .gb-lang__caret{transform:rotate(180deg)}@media (pointer: coarse),(max-width: 47.9975em){.gb-lang__btn{height:44px;min-width:44px}}.gb-lang__list{min-width:200px}.gb-lang__check{display:inline-flex;flex:0 0 16px;width:16px;color:var(--gemboss-accent-strong);visibility:hidden}.gb-lang__item[aria-checked=true]>.gb-lang__check{visibility:visible}.gb-lang__item[aria-checked=true]{color:var(--gemboss-text-strong);font-weight:600}.gb-lang__name{min-width:0;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion: reduce){.gb-lang__btn,.gb-lang__caret{transition:none}}
+:where(.gb-lang){position:relative;display:inline-block}:where(.gb-lang>summary){list-style:none;cursor:pointer}.gb-lang>summary::-webkit-details-marker{display:none}:where(.gb-lang__list){position:absolute;z-index:20;top:calc(100% + 4px);left:0;display:grid;min-width:220px;padding:6px;box-sizing:border-box;background:var(--gemboss-surface, #ffffff);color:var(--gemboss-text, #1b1c1e);border:1px solid var(--gemboss-divider, #e5e7ea);border-radius:var(--gemboss-radius-lg, 12px);box-shadow:var(--gemboss-shadow-raised, 0 4px 16px rgba(31, 30, 29, .1))}:where(.ui-menu--end>.gb-lang__list){left:auto;right:0}:where(.gb-lang__list[popover]){position:fixed;inset:auto;margin:0;overflow:auto}.gb-lang__list[popover]:not(:popover-open){display:none}.gb-lang__item{display:flex;align-items:center;width:100%;min-height:32px;margin:0;padding:4px 6px;box-sizing:border-box;border:0;background:transparent;color:var(--gemboss-text, #1b1c1e);font:inherit;font-size:13px;text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer}.gb-lang__item.ui-menu__item{gap:8px;border-radius:var(--gemboss-radius-sm, 6px)}@media (pointer: coarse),(max-width: 47.9975em){.gb-lang__item{min-height:44px;padding:12px 16px}}.gb-lang__item:hover{background:var(--gemboss-hover, #eceef2)}.gb-lang__item:focus-visible{outline:2px solid var(--gemboss-primary, #1b1c1e);outline-offset:-2px;background:var(--gemboss-hover, #eceef2)}:where(.gb-lang) .ui-menu__hint{margin-left:auto;padding-left:16px;color:var(--gemboss-text-muted, #686b71);font-size:12px}:where(.gb-lang) .ui-menu__sep{height:1px;margin:4px 0;border:0;background:var(--gemboss-divider, #e5e7ea)}.gb-lang__btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:36px;min-width:36px;margin:0;padding:0 8px;box-sizing:border-box;border:0;border-radius:var(--gemboss-radius-md, 8px);background:transparent;color:var(--gemboss-text-muted, #686b71);font:inherit;font-size:12px;font-weight:600;line-height:1;letter-spacing:.02em;white-space:nowrap;user-select:none;-webkit-user-select:none;transition:background-color var(--gemboss-transition-fast, .12s) ease,color var(--gemboss-transition-fast, .12s) ease}.gb-lang__btn:hover,.gb-lang[open]>.gb-lang__btn{background:var(--gemboss-hover, #eceef2);color:var(--gemboss-text-strong, #1b1c1e)}.gb-lang__btn:focus-visible{outline:2px solid var(--gemboss-accent, #5661f5);outline-offset:-2px}.gb-lang__btn>svg{flex:0 0 auto}.gb-lang__short{min-width:2ch;color:var(--gemboss-text, #1b1c1e);text-align:center}.gb-lang__btn:hover>.gb-lang__short,.gb-lang[open]>.gb-lang__btn>.gb-lang__short{color:var(--gemboss-text-strong, #1b1c1e)}.gb-lang--inline>.gb-lang__btn{padding:0 10px 0 12px;border:1px solid var(--gemboss-chip-line, #cfd6ce);border-radius:var(--gemboss-radius-full, 999px);background:var(--gemboss-surface, #ffffff);color:var(--gemboss-text-muted, #686b71);font-size:13px;font-weight:550;letter-spacing:0}.gb-lang--inline>.gb-lang__btn:hover,.gb-lang--inline[open]>.gb-lang__btn{background:var(--gemboss-hover, #eceef2);border-color:var(--gemboss-chip-line-hover, #aab4ad)}.gb-lang__caret{margin-left:-1px;color:var(--gemboss-text-muted, #686b71);transition:transform var(--gemboss-transition-fast, .12s) ease}.gb-lang[open] .gb-lang__caret{transform:rotate(180deg)}@media (pointer: coarse),(max-width: 47.9975em){.gb-lang__btn{height:44px;min-width:44px}}.gb-lang__list{min-width:200px}.gb-lang__check{display:inline-flex;flex:0 0 16px;width:16px;color:var(--gemboss-accent-strong, #3a44de);visibility:hidden}.gb-lang__item[aria-checked=true]>.gb-lang__check{visibility:visible}.gb-lang__item[aria-checked=true]{color:var(--gemboss-text-strong, #1b1c1e);font-weight:600}.gb-lang__name{min-width:0;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion: reduce){.gb-lang__btn,.gb-lang__caret{transition:none}}

package/src/portal.tsx

@@ -18,6 +18,7 @@
  * Server components: no state, no hooks. Links are `<a>` unless a router link is passed as `as`.
  */
 import "./portal.css"; // its own stylesheet travels with it (0.23.0): a surface that never renders it never loads it
+import "./topnav-fold.css"; // 22/10/2026: TopbarNav's folded menu (foot, foldAt, the ellipsis), after the frozen bundle
 import React from "react";
 import { initialsOf } from "./initials";
 
@@ -34,26 +35,40 @@ export type TopbarNavItem = { href: string; label: React.ReactNode; active?: boo
  * sign they are there. There the tabs fold into one button naming the open tab, and a list under it, as
  * Featurebase's board does on a phone. A <details>, so it opens without JavaScript; keyed by the active
  * tab, so following a link (a client-side navigation keeps the element) closes it.
+ *
+ * `foot` (22/10/2026): the app's own section at the foot of that list, under a line: what the topbar's end has no room
+ * for once the tabs fold. GemFeedback's bar (brand, tab menu, search, theme, Sign in) had no room for a fourth 55px
+ * button at 320–390, so its LanguageSwitcher was hidden there: it goes in the foot (`<LanguageSwitcher variant="inline"
+ * end={false} …>`), and its copy in the end slot carries `gb-topnav-unfolded`, shown only while the tabs are unfolded.
+ * One language control at every width, one at a time. `foldAt={760}` folds the tabs over the whole phone topbar
+ * (≤760px) instead of under 600px, for a bar whose end holds more (GemFeedback's tabs ran under the switcher at 601–687).
  */
-export function TopbarNav({ items, as: L = "a", label = "Sections", className }: {
+export function TopbarNav({ items, as: L = "a", label = "Sections", className, foot, foldAt = 600 }: {
   items: TopbarNavItem[]; as?: LinkLike; label?: string; className?: string;
+  /** Shown at the foot of the folded list only (a language switcher); its copy in the topbar's end wears `gb-topnav-unfolded`. */
+  foot?: React.ReactNode;
+  /** The widest viewport at which the tabs fold: 600 (default) or 760, the whole phone topbar. */
+  foldAt?: 600 | 760;
 }) {
   const current = items.find((it) => it.active) ?? items[0];
   const links = (cls: string) => items.map((it) => (
     <L key={it.href} href={it.href} className={cls} aria-current={it.active ? "page" : undefined}>{it.label}</L>
   ));
   return (
-    <nav className={cx("gb-topnav", className)} aria-label={label}>
+    <nav className={cx("gb-topnav", foldAt === 760 && "gb-topnav--fold-760", className)} aria-label={label}>
       <div className="gb-topnav-row">{links("gb-topnav-link")}</div>
       {current ? (
         <details className="gb-topnav-fold" key={current.href}>
           <summary className="gb-topnav-link gb-topnav-fold-btn" aria-current="page">
-            {current.label}
+            <span className="gb-topnav-fold-label">{current.label}</span>
             <svg className="gb-topnav-chevron" width="12" height="12" viewBox="0 0 12 12" aria-hidden="true" focusable="false">
               <path d="M3 4.5 6 7.5 9 4.5" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
             </svg>
           </summary>
-          <div className="gb-topnav-pop gemboss-popover-surface">{links("gb-topnav-item")}</div>
+          <div className="gb-topnav-pop gemboss-popover-surface">
+            {links("gb-topnav-item")}
+            {foot ? <div className="gb-topnav-foot">{foot}</div> : null}
+          </div>
         </details>
       ) : null}
     </nav>

package/src/shell.css

@@ -1 +1 @@
-.gemboss-popover-surface{background:var(--gemboss-surface);background:color-mix(in srgb,var(--gemboss-surface) 93%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--gemboss-divider);border-radius:var(--gemboss-radius-lg);box-shadow:var(--gemboss-shadow-raised)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.gemboss-popover-surface{background:var(--gemboss-surface)}}.icon-nav{position:fixed;top:56px;left:0;z-index:200;height:calc(100dvh - 56px);background:var(--gemboss-rail-bg);border-right:1px solid var(--gemboss-divider);display:flex;flex-direction:column;padding-top:8px;overflow:hidden}.gemboss-account-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;z-index:320;overflow:hidden}.gemboss-account-menu-item,.ui-menu__item{display:block;width:100%;min-height:44px;padding:12px 16px;border:0;background:transparent;font:inherit;font-size:13px;color:var(--gemboss-text);text-align:left;text-decoration:none;cursor:pointer;transition:background var(--gemboss-transition-fast) ease,color var(--gemboss-transition-fast) ease}.gemboss-account-menu-item:hover,.ui-menu__item:hover{background:var(--gemboss-hover)}.gemboss-account-menu-item:focus-visible,.ui-menu__item:focus-visible{outline:2px solid var(--gemboss-primary);outline-offset:-2px;background:var(--gemboss-hover)}.gemboss-account-menu-item.danger,.ui-menu__item--danger{color:var(--gemboss-danger-strong)}.gemboss-account-chip{width:30px;height:30px;border:1px solid #cfd6ce;border-radius:var(--gemboss-radius-full);background:#f5f7f4;color:#303633;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:11px;font-weight:700;cursor:pointer}.gemboss-platform-main{box-sizing:border-box;min-height:100dvh;padding-top:56px;background:var(--gemboss-app-bg)}.icon-nav{top:56px;height:calc(100dvh - 56px);background:var(--gemboss-nav-bg);border-right-color:var(--gemboss-divider)}@media (max-width: 1040px){.gemboss-platform-topbar{grid-template-columns:minmax(120px,1fr) minmax(220px,520px) minmax(120px,1fr)}}@media (max-width: 760px){.gemboss-platform-main{margin-left:0}}.gemboss-account-chip{width:32px;height:32px;border-radius:50%;background:var(--gemboss-primary);color:#fff;font-weight:600;font-size:12px;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:transform var(--gemboss-transition-base) ease}.gemboss-account-chip:hover{transform:scale(1.05)}.gemboss-account-chip:focus-visible{outline:2px solid var(--gemboss-primary);outline-offset:2px}.gemboss-platform-main{margin-top:56px;min-height:calc(100vh - 56px);padding:24px;background:#fafafb}@media (max-width: 768px){.gemboss-platform-main{margin-left:0;padding:16px}}.gemboss-platform-shell{display:block;min-height:100vh;background:var(--gemboss-app-bg)}.gemboss-platform-topbar{position:fixed;inset:0 0 auto;z-index:300;height:56px;border-bottom:1px solid var(--gemboss-divider);background:var(--gemboss-topbar-bg);display:grid;grid-template-columns:minmax(200px,1fr) minmax(280px,560px) minmax(200px,1fr);align-items:center;gap:16px;padding:0 16px;box-shadow:var(--gemboss-shadow-resting)}:root:has(.gemboss-platform-topbar){scroll-padding-top:64px}.gemboss-account-chip{width:32px;height:32px;border:1px solid var(--gemboss-chip-line);border-radius:var(--gemboss-radius-full);background:var(--gemboss-surface);color:var(--gemboss-chip-ink);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:11px;font-weight:700;cursor:pointer;transition:border-color var(--gemboss-transition-base) ease,background-color var(--gemboss-transition-base) ease}.gemboss-account-chip:hover{border-color:var(--gemboss-chip-line-hover);background:var(--gemboss-chip-bg-hover);transform:none}.icon-nav{position:fixed;top:56px;left:0;z-index:200;height:calc(100dvh - 56px);border-right:1px solid var(--gemboss-divider);background:var(--gemboss-nav-bg);padding-top:12px}.gemboss-platform-main{min-height:calc(100vh - 56px);margin-top:56px;background:var(--gemboss-app-bg);padding:24px}@media (max-width: 1120px){.gemboss-platform-topbar{grid-template-columns:220px minmax(220px,1fr) auto;gap:12px}}@media (max-width: 760px){.gemboss-platform-topbar{height:auto;min-height:56px;grid-template-columns:minmax(0,1fr) auto;padding:12px}.gemboss-account-chip,.icon-nav{display:none}.gemboss-platform-main{margin-left:0;padding:16px}}.gnav-scroll{scrollbar-width:thin;scrollbar-color:rgba(31,30,29,.22) transparent}.gemboss-assistant-railfoot.is-button{width:100%;border:none;background:none;cursor:pointer;text-align:left;font:inherit;border-radius:8px;transition:background .12s ease,color .12s ease}.gemboss-assistant-railfoot.is-button:hover{background:var(--gemboss-primary-soft);color:var(--gemboss-primary-dark)}.gemboss-assistant-empty{padding:24px 20px;color:var(--gemboss-text-muted);font-size:13px}@media (max-width: 760px){.gemboss-platform-topbar{display:flex;align-items:center;gap:8px;height:56px;min-height:56px;padding:0 12px}.gemboss-account-chip{display:inline-flex}.gemboss-platform-main{padding-top:16px;padding-bottom:calc(56px + env(safe-area-inset-bottom))}}@media (pointer: coarse){.gemboss-account-chip{width:44px;height:44px}.gnav-item{min-height:44px}.gemboss-assistant-collapse,.gemboss-assistant-newchat{min-height:44px;min-width:44px}}.icon-nav{width:240px;padding:12px 0 0;overflow:hidden;background:var(--gemboss-nav-bg);display:flex;flex-direction:column}.gnav-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-inline:12px}.gnav-bottom{padding:0 12px 12px}.gnav-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;margin:1px 0;border:0;background:transparent;cursor:pointer;text-align:left;border-radius:var(--gemboss-radius-md);text-decoration:none;font-family:inherit;color:var(--gemboss-text);font-size:var(--gemboss-fs-body);font-weight:500;line-height:1.2;transition:background-color var(--gemboss-transition-fast) ease,color var(--gemboss-transition-fast) ease}.gnav-item:hover{background:var(--gemboss-nav-hover)}.gnav-item:focus-visible{outline:2px solid var(--gemboss-accent);outline-offset:-2px}.gnav-item.active{color:var(--gemboss-active-fg);font-weight:600}.gnav-group:not(.has-active-child)>.gnav-item.active{background:var(--gemboss-active-bg)}.gnav-group:not(.has-active-child)>.gnav-item.active:hover{background:var(--gemboss-active-bg)}.gnav-group.has-active-child>.gnav-item.active:hover{background:var(--gemboss-nav-hover)}.gnav-ico{flex:0 0 20px;width:20px;height:20px;display:grid;place-items:center}.gnav-ico svg{width:20px;height:20px;fill:currentColor}.gnav-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gnav-sub{list-style:none;margin:1px 0 6px;padding:0}.gnav-subitem{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px 6px 44px;margin:1px 0;border-radius:var(--gemboss-radius-sm);color:var(--gemboss-text-muted);font-size:13px;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color var(--gemboss-transition-fast) ease,color var(--gemboss-transition-fast) ease}@media (pointer: coarse){.gnav-subitem{min-height:44px}}.gnav-subitem:hover{background:var(--gemboss-nav-hover);color:var(--gemboss-text)}.gnav-subitem.active{color:var(--gemboss-active-fg);font-weight:600;background:var(--gemboss-active-bg)}.gnav-subitem.active:hover{background:var(--gemboss-active-bg);color:var(--gemboss-active-fg)}.gnav-subitem.active:before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:3px;height:15px;border-radius:2px;background:var(--gemboss-primary)}.gnav-subitem.is-soon{opacity:.5;cursor:default}.gnav-subitem em{font-style:normal;font-size:var(--gemboss-fs-micro);font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--gemboss-divider);border-radius:var(--gemboss-radius-sm);padding:1px 6px}.gnav-sep{height:1px;background:var(--gemboss-divider);margin:8px 6px}.gnav-item.gnav-assistant{color:var(--gemboss-accent-strong);font-weight:600;background:var(--gemboss-accent-soft)}.gnav-item.gnav-assistant .gnav-ico svg{fill:var(--gemboss-accent)}.gnav-item.gnav-assistant:hover{background:color-mix(in srgb,var(--gemboss-accent) 16%,var(--gemboss-surface))}.gnav-item.gnav-assistant.active{background:var(--gemboss-active-bg);color:var(--gemboss-active-fg)}.gnav-item.gnav-assistant.active .gnav-ico svg{fill:var(--gemboss-active-fg)}.gemboss-platform-main{margin-left:240px}.gemboss-mobile-menu-btn,.gemboss-mobile-nav-backdrop{display:none}@media (max-width: 760px){.gemboss-platform-main{margin-left:0;padding-bottom:env(safe-area-inset-bottom)}.gemboss-mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;margin-left:-2px;border:0;border-radius:8px;background:transparent;cursor:pointer;color:var(--gemboss-text)}.gemboss-mobile-menu-btn:active{background:var(--gemboss-hover)}.icon-nav{display:flex;width:min(82vw,300px);transform:translate(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1),box-shadow .26s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:none}.gemboss-platform-shell.is-mobile-nav-open .icon-nav{transform:translate(0);box-shadow:2px 0 26px #1f1e1d33}.gemboss-mobile-nav-backdrop{display:block;position:fixed;inset:56px 0 0;width:100%;border:0;padding:0;background:#14131261;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:999}.gemboss-platform-shell.is-mobile-nav-open .gemboss-mobile-nav-backdrop{opacity:1;pointer-events:auto}}@media (max-width: 305.98px){.gemboss-platform-topbar{padding:0 8px}}@media (min-width: 306px) and (max-width: 460px){.gemboss-platform-topbar{padding:0 8px}.gemboss-mobile-menu-btn,.gemboss-account-chip{width:44px;height:44px}}.gemboss-assistant-chatslot{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0}.gemboss-assistant-chatslot[hidden]{display:none}.gemboss-assistant-page>.gemboss-assistant-tabs{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:4px 8px 0;overflow-x:auto;scrollbar-width:none}.gemboss-assistant-tabs::-webkit-scrollbar{display:none}.gemboss-assistant-tab{display:flex;align-items:center;flex:0 1 auto;min-width:0;max-width:190px;border:1px solid var(--gemboss-divider);border-radius:var(--gemboss-radius-md);background:transparent}.gemboss-assistant-tab.active{background:var(--gemboss-active-bg);border-color:var(--gemboss-active-bg)}.gemboss-assistant-tab-main{display:flex;align-items:center;gap:6px;min-width:0;min-height:44px;padding:0 4px 0 8px;border:0;background:transparent;font:inherit;font-size:var(--gemboss-fs-caption);color:var(--gemboss-text-muted);cursor:pointer}.gemboss-assistant-tab.active .gemboss-assistant-tab-main{color:var(--gemboss-text-strong)}.gemboss-assistant-tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gemboss-assistant-tab-dot{flex:0 0 auto;width:6px;height:6px;border-radius:var(--gemboss-radius-full);background:var(--gemboss-divider)}.gemboss-assistant-tab-dot.is-running{background:var(--gemboss-primary);animation:gemboss-assistant-pulse 1.4s ease-in-out infinite}.gemboss-assistant-tab-close{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--gemboss-text-muted);cursor:pointer;padding:0}.gemboss-assistant-tab-close:hover{color:var(--gemboss-text-strong)}.gemboss-assistant-tab-close svg{width:14px;height:14px}.gemboss-assistant-sronly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.gemboss-assistant-thread-running{flex:0 0 auto;width:6px;height:6px;border-radius:var(--gemboss-radius-full);background:var(--gemboss-primary);animation:gemboss-assistant-pulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.gemboss-assistant-tab-dot.is-running,.gemboss-assistant-thread-running{animation:none}}.gemboss-assistant-route-claim{display:block;height:100%}.gemboss-assistant-layout.is-dock{height:auto;min-height:0}.gemboss-assistant-layout.is-dock .gemboss-assistant-page{height:auto;max-width:none;padding:4px 0 8px}.gnav-item.gnav-assistant{position:relative}body.gemboss-assistant-busy .gnav-item.gnav-assistant:after,body.gemboss-assistant-unread .gnav-item.gnav-assistant:after{content:"";position:absolute;top:6px;left:26px;width:8px;height:8px;border-radius:50%;border:2px solid var(--gemboss-surface)}body.gemboss-assistant-busy .gnav-item.gnav-assistant:after{background:var(--gemboss-primary);animation:gemboss-assistant-pulse 1.4s ease-in-out infinite}body.gemboss-assistant-unread .gnav-item.gnav-assistant:after{background:var(--gemboss-success-strong)}@media (prefers-reduced-motion: reduce){body.gemboss-assistant-busy .gnav-item.gnav-assistant:after{animation:none}}.gemboss-assistant-layout{display:flex;height:calc(100dvh - 56px);width:100%;min-height:0}.gemboss-assistant-rail{flex:0 0 264px;width:264px;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--gemboss-divider);background:transparent;padding:16px 12px 12px;gap:12px;transition:flex-basis .18s ease,width .18s ease}.gemboss-assistant-rail-top{display:flex;align-items:center;gap:6px}.gemboss-assistant-newchat{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;padding:12px;border:1px solid var(--gemboss-divider);border-radius:12px;background:transparent;color:var(--gemboss-text);font-size:var(--gemboss-fs-body);font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease}.gemboss-assistant-newchat:hover{background:#00000009;border-color:var(--gemboss-text-muted)}.gemboss-assistant-newchat svg{width:17px;height:17px;fill:currentColor;flex:0 0 auto}.gemboss-assistant-newchat span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto}.gemboss-assistant-kbd{flex:0 0 auto;font-size:var(--gemboss-fs-micro);font-weight:600;line-height:1;padding:4px 6px;border:1px solid var(--gemboss-divider);border-radius:6px;background:transparent;color:var(--gemboss-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gemboss-assistant-search:focus-within .gemboss-assistant-kbd{display:none}.gemboss-assistant-collapse{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--gemboss-text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.gemboss-assistant-collapse:hover{background:#0000000d;color:var(--gemboss-text)}.gemboss-assistant-collapse svg{width:16px;height:16px;fill:currentColor}.gemboss-assistant-search{gap:6px}.gemboss-assistant-search>svg{width:15px;height:15px;fill:var(--gemboss-text-muted);flex:0 0 auto}.gemboss-assistant-search-clear{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:6px;background:transparent;color:var(--gemboss-text-muted);cursor:pointer}.gemboss-assistant-search-clear:hover{background:#00000012;color:var(--gemboss-text)}.gemboss-assistant-search-clear svg{width:13px;height:13px;fill:currentColor}.gemboss-assistant-railfoot{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:8px 12px 2px;border-top:1px solid var(--gemboss-divider);margin-top:4px;color:var(--gemboss-text-muted);font-size:var(--gemboss-fs-caption);line-height:1.35}.gemboss-assistant-railfoot svg{width:13px;height:13px;flex:0 0 auto;fill:currentColor;opacity:.8}.gemboss-assistant-threads{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.gemboss-assistant-threads-empty{padding:16px 8px;color:var(--gemboss-text-muted);font-size:var(--gemboss-fs-caption)}.gemboss-assistant-group{display:flex;flex-direction:column;gap:2px}.gemboss-assistant-group+.gemboss-assistant-group{margin-top:12px}.gemboss-assistant-group-label{padding:4px 12px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--gemboss-text-muted);text-transform:uppercase}.gemboss-assistant-thread{position:relative;display:flex;align-items:center;border-radius:8px;transition:background .12s ease}.gemboss-assistant-thread:hover{background:var(--gemboss-hover, rgba(0,0,0,.04))}.gemboss-assistant-thread.active{background:#00000012}.gemboss-assistant-thread-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;border:0;background:transparent;text-align:left;cursor:pointer}.gemboss-assistant-thread-titlerow{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.gemboss-assistant-pin-dot{width:12px;height:12px;flex:0 0 auto;fill:var(--gemboss-text-muted)}.gemboss-assistant-thread-title{flex:1 1 auto;min-width:0;font-size:13px;font-weight:500;color:var(--gemboss-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gemboss-assistant-thread-meta{font-size:var(--gemboss-fs-caption);color:var(--gemboss-text-muted)}.gemboss-assistant-thread.menu-open{background:#00000012}.gemboss-assistant-thread.menu-open .gemboss-assistant-thread-actions{opacity:1}.gemboss-assistant-menu{z-index:60;width:184px;padding:6px;display:flex;flex-direction:column}.gemboss-assistant-menu-confirm{padding:8px 12px 6px;font-size:var(--gemboss-fs-caption);font-weight:600;color:var(--gemboss-text)}.gemboss-assistant-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:13px;color:var(--gemboss-text);cursor:pointer}.gemboss-assistant-menu button:hover{background:var(--gemboss-hover, rgba(0,0,0,.05))}.gemboss-assistant-menu button.danger{color:var(--gemboss-danger-strong)}.gemboss-assistant-menu button svg{width:15px;height:15px;fill:currentColor;flex:0 0 auto}.gemboss-assistant-thread-actions{position:absolute;right:6px;display:flex;gap:2px;opacity:0;transition:opacity .12s ease}.gemboss-assistant-thread:hover .gemboss-assistant-thread-actions,.gemboss-assistant-thread:focus-within .gemboss-assistant-thread-actions{opacity:1}.gemboss-assistant-thread-act{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:var(--gemboss-text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.gemboss-assistant-thread-act:hover{background:#00000012;color:var(--gemboss-text)}.gemboss-assistant-thread-act.danger:hover{color:var(--gemboss-danger-strong)}.gemboss-assistant-thread-act svg{width:15px;height:15px;fill:currentColor}.gemboss-assistant-thread.editing{background:#00000012}.gemboss-assistant-thread-edit{display:flex;align-items:center;gap:2px;width:100%;padding:6px}.gemboss-assistant-thread-edit input{flex:1 1 auto;min-width:0}.gemboss-assistant-layout .gemboss-assistant-page{height:100%;max-width:820px;flex:1 1 auto;min-width:0;padding-top:16px}.gemboss-assistant-layout .gemboss-assistant-page.is-switching{opacity:.55;transition:opacity .12s ease;pointer-events:none}.gemboss-assistant-rail.is-collapsed{flex-basis:60px;width:60px;padding:16px 8px 12px}.gemboss-assistant-rail.is-collapsed .gemboss-assistant-rail-top{flex-direction:column;gap:8px}.gemboss-assistant-rail.is-collapsed .gemboss-assistant-newchat{justify-content:center;padding:8px;flex:0 0 auto}.gemboss-assistant-rail.is-collapsed .gemboss-assistant-newchat span,.gemboss-assistant-rail.is-collapsed .gemboss-assistant-search,.gemboss-assistant-rail.is-collapsed .gemboss-assistant-railfoot,.gemboss-assistant-rail.is-collapsed .gemboss-assistant-threads{display:none}@media (max-width: 760px){.gemboss-assistant-rail{flex-basis:60px;width:60px;padding:16px 8px 12px}.gemboss-assistant-rail .gemboss-assistant-rail-top{flex-direction:column;gap:8px}.gemboss-assistant-newchat{justify-content:center;padding:8px;flex:0 0 auto}.gemboss-assistant-newchat span,.gemboss-assistant-search,.gemboss-assistant-railfoot,.gemboss-assistant-threads,.gemboss-assistant-collapse{display:none}}.gemboss-assistant-page{height:calc(100dvh - 56px);width:100%;max-width:760px;margin:0 auto;padding:24px 0 16px;display:flex;flex-direction:column;min-height:0}.gemboss-assistant-page>*{flex:1 1 auto;min-height:0}.gemboss-assistant-empty{flex:1;display:grid;place-items:center;color:var(--gemboss-text-muted);font-size:14px}.gemboss-platform-shell{display:flow-root}.gemboss-platform-main{padding-bottom:calc(24px + var(--gemboss-invite-h, 0px))}@keyframes gemboss-assistant-pulse{0%,to{opacity:1}50%{opacity:.35}}.gb-account{position:relative}.gb-account>summary{list-style:none}.gb-account>summary::-webkit-details-marker{display:none}.gb-account-head{padding:12px 16px;border-bottom:1px solid var(--gemboss-divider)}.gb-account-name{font-size:13px;font-weight:600;color:var(--gemboss-text-strong)}.gb-account-email{font-size:12px;color:var(--gemboss-text-muted)}.gb-account-role{display:inline-block;margin-top:4px;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600;color:var(--gemboss-active-fg);background:var(--gemboss-active-bg)}.gb-account-form{margin:0}.gnav-scroll::-webkit-scrollbar{width:9px}.gnav-scroll::-webkit-scrollbar-track{background:transparent}.gnav-scroll::-webkit-scrollbar-thumb{background:#1f1e1d33;border-radius:6px;border:2px solid transparent;background-clip:content-box}
+.gemboss-popover-surface{background:var(--gemboss-surface);background:color-mix(in srgb,var(--gemboss-surface) 93%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--gemboss-divider);border-radius:var(--gemboss-radius-lg);box-shadow:var(--gemboss-shadow-raised)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.gemboss-popover-surface{background:var(--gemboss-surface)}}.icon-nav{position:fixed;top:56px;left:0;z-index:200;height:calc(100dvh - 56px);background:var(--gemboss-rail-bg);border-right:1px solid var(--gemboss-divider);display:flex;flex-direction:column;padding-top:8px;overflow:hidden}.gemboss-account-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;z-index:320;overflow:hidden}.gemboss-account-menu-item,.ui-menu__item{display:block;box-sizing:border-box;width:100%;min-height:32px;padding:4px 16px;border:0;background:transparent;font:inherit;font-size:13px;color:var(--gemboss-text);text-align:left;text-decoration:none;cursor:pointer;transition:background var(--gemboss-transition-fast) ease,color var(--gemboss-transition-fast) ease}.ui-menu__item{padding-inline:6px}@media (pointer: coarse),(max-width: 47.9975em){.gemboss-account-menu-item,.ui-menu__item{min-height:44px;padding:12px 16px}}.gemboss-account-menu-item:hover,.ui-menu__item:hover{background:var(--gemboss-hover)}.gemboss-account-menu-item:focus-visible,.ui-menu__item:focus-visible{outline:2px solid var(--gemboss-primary);outline-offset:-2px;background:var(--gemboss-hover)}.gemboss-account-menu-item.danger,.ui-menu__item--danger{color:var(--gemboss-danger-strong)}.gemboss-account-chip{width:30px;height:30px;border:1px solid #cfd6ce;border-radius:var(--gemboss-radius-full);background:#f5f7f4;color:#303633;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:11px;font-weight:700;cursor:pointer}.gemboss-platform-main{box-sizing:border-box;min-height:100dvh;padding-top:56px;background:var(--gemboss-app-bg)}.icon-nav{top:56px;height:calc(100dvh - 56px);background:var(--gemboss-nav-bg);border-right-color:var(--gemboss-divider)}@media (max-width: 1040px){.gemboss-platform-topbar{grid-template-columns:minmax(120px,1fr) minmax(220px,520px) minmax(120px,1fr)}}@media (max-width: 760px){.gemboss-platform-main{margin-left:0}}.gemboss-account-chip{width:32px;height:32px;border-radius:50%;background:var(--gemboss-primary);color:#fff;font-weight:600;font-size:12px;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:transform var(--gemboss-transition-base) ease}.gemboss-account-chip:hover{transform:scale(1.05)}.gemboss-account-chip:focus-visible{outline:2px solid var(--gemboss-primary);outline-offset:2px}.gemboss-platform-main{margin-top:56px;min-height:calc(100vh - 56px);padding:24px;background:#fafafb}@media (max-width: 768px){.gemboss-platform-main{margin-left:0;padding:16px}}.gemboss-platform-shell{display:block;min-height:100vh;background:var(--gemboss-app-bg)}.gemboss-platform-topbar{position:fixed;inset:0 0 auto;z-index:300;height:56px;border-bottom:1px solid var(--gemboss-divider);background:var(--gemboss-topbar-bg);display:grid;grid-template-columns:minmax(200px,1fr) minmax(280px,560px) minmax(200px,1fr);align-items:center;gap:16px;padding:0 16px;box-shadow:var(--gemboss-shadow-resting)}:root:has(.gemboss-platform-topbar){scroll-padding-top:64px}.gemboss-account-chip{width:32px;height:32px;border:1px solid var(--gemboss-chip-line);border-radius:var(--gemboss-radius-full);background:var(--gemboss-surface);color:var(--gemboss-chip-ink);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:11px;font-weight:700;cursor:pointer;transition:border-color var(--gemboss-transition-base) ease,background-color var(--gemboss-transition-base) ease}.gemboss-account-chip:hover{border-color:var(--gemboss-chip-line-hover);background:var(--gemboss-chip-bg-hover);transform:none}.icon-nav{position:fixed;top:56px;left:0;z-index:200;height:calc(100dvh - 56px);border-right:1px solid var(--gemboss-divider);background:var(--gemboss-nav-bg);padding-top:12px}.gemboss-platform-main{min-height:calc(100vh - 56px);margin-top:56px;background:var(--gemboss-app-bg);padding:24px}@media (max-width: 1120px){.gemboss-platform-topbar{grid-template-columns:220px minmax(220px,1fr) auto;gap:12px}}@media (max-width: 760px){.gemboss-platform-topbar{height:auto;min-height:56px;grid-template-columns:minmax(0,1fr) auto;padding:12px}.gemboss-account-chip,.icon-nav{display:none}.gemboss-platform-main{margin-left:0;padding:16px}}.gnav-scroll{scrollbar-width:thin;scrollbar-color:rgba(31,30,29,.22) transparent}.gemboss-assistant-railfoot.is-button{width:100%;border:none;background:none;cursor:pointer;text-align:left;font:inherit;border-radius:8px;transition:background .12s ease,color .12s ease}.gemboss-assistant-railfoot.is-button:hover{background:var(--gemboss-primary-soft);color:var(--gemboss-primary-dark)}.gemboss-assistant-empty{padding:24px 20px;color:var(--gemboss-text-muted);font-size:13px}@media (max-width: 760px){.gemboss-platform-topbar{display:flex;align-items:center;gap:8px;height:56px;min-height:56px;padding:0 12px}.gemboss-account-chip{display:inline-flex}.gemboss-platform-main{padding-top:16px;padding-bottom:calc(56px + env(safe-area-inset-bottom))}}@media (pointer: coarse){.gemboss-account-chip{width:44px;height:44px}.gnav-item{min-height:44px}.gemboss-assistant-collapse,.gemboss-assistant-newchat{min-height:44px;min-width:44px}}.icon-nav{width:240px;padding:12px 0 0;overflow:hidden;background:var(--gemboss-nav-bg);display:flex;flex-direction:column}.gnav-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-inline:12px}.gnav-bottom{padding:0 12px 12px}.gnav-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;margin:1px 0;border:0;background:transparent;cursor:pointer;text-align:left;border-radius:var(--gemboss-radius-md);text-decoration:none;font-family:inherit;color:var(--gemboss-text);font-size:var(--gemboss-fs-body);font-weight:500;line-height:1.2;transition:background-color var(--gemboss-transition-fast) ease,color var(--gemboss-transition-fast) ease}.gnav-item:hover{background:var(--gemboss-nav-hover)}.gnav-item:focus-visible{outline:2px solid var(--gemboss-accent);outline-offset:-2px}.gnav-item.active{color:var(--gemboss-active-fg);font-weight:600}.gnav-group:not(.has-active-child)>.gnav-item.active{background:var(--gemboss-active-bg)}.gnav-group:not(.has-active-child)>.gnav-item.active:hover{background:var(--gemboss-active-bg)}.gnav-group.has-active-child>.gnav-item.active:hover{background:var(--gemboss-nav-hover)}.gnav-ico{flex:0 0 20px;width:20px;height:20px;display:grid;place-items:center}.gnav-ico svg{width:20px;height:20px;fill:currentColor}.gnav-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gnav-sub{list-style:none;margin:1px 0 6px;padding:0}.gnav-subitem{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px 6px 44px;margin:1px 0;border-radius:var(--gemboss-radius-sm);color:var(--gemboss-text-muted);font-size:13px;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color var(--gemboss-transition-fast) ease,color var(--gemboss-transition-fast) ease}@media (pointer: coarse){.gnav-subitem{min-height:44px}}.gnav-subitem:hover{background:var(--gemboss-nav-hover);color:var(--gemboss-text)}.gnav-subitem.active{color:var(--gemboss-active-fg);font-weight:600;background:var(--gemboss-active-bg)}.gnav-subitem.active:hover{background:var(--gemboss-active-bg);color:var(--gemboss-active-fg)}.gnav-subitem.active:before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:3px;height:15px;border-radius:2px;background:var(--gemboss-primary)}.gnav-subitem.is-soon{opacity:.5;cursor:default}.gnav-subitem em{font-style:normal;font-size:var(--gemboss-fs-micro);font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--gemboss-divider);border-radius:var(--gemboss-radius-sm);padding:1px 6px}.gnav-sep{height:1px;background:var(--gemboss-divider);margin:8px 6px}.gnav-item.gnav-assistant{color:var(--gemboss-accent-strong);font-weight:600;background:var(--gemboss-accent-soft)}.gnav-item.gnav-assistant .gnav-ico svg{fill:var(--gemboss-accent)}.gnav-item.gnav-assistant:hover{background:color-mix(in srgb,var(--gemboss-accent) 16%,var(--gemboss-surface))}.gnav-item.gnav-assistant.active{background:var(--gemboss-active-bg);color:var(--gemboss-active-fg)}.gnav-item.gnav-assistant.active .gnav-ico svg{fill:var(--gemboss-active-fg)}.gemboss-platform-main{margin-left:240px}.gemboss-mobile-menu-btn,.gemboss-mobile-nav-backdrop{display:none}@media (max-width: 760px){.gemboss-platform-main{margin-left:0;padding-bottom:env(safe-area-inset-bottom)}.gemboss-mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;margin-left:-2px;border:0;border-radius:8px;background:transparent;cursor:pointer;color:var(--gemboss-text)}.gemboss-mobile-menu-btn:active{background:var(--gemboss-hover)}.icon-nav{display:flex;width:min(82vw,300px);transform:translate(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1),box-shadow .26s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:none}.gemboss-platform-shell.is-mobile-nav-open .icon-nav{transform:translate(0);box-shadow:2px 0 26px #1f1e1d33}.gemboss-mobile-nav-backdrop{display:block;position:fixed;inset:56px 0 0;width:100%;border:0;padding:0;background:#14131261;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:999}.gemboss-platform-shell.is-mobile-nav-open .gemboss-mobile-nav-backdrop{opacity:1;pointer-events:auto}}@media (max-width: 305.98px){.gemboss-platform-topbar{padding:0 8px}}@media (min-width: 306px) and (max-width: 460px){.gemboss-platform-topbar{padding:0 8px}.gemboss-mobile-menu-btn,.gemboss-account-chip{width:44px;height:44px}}.gemboss-assistant-chatslot{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0}.gemboss-assistant-chatslot[hidden]{display:none}.gemboss-assistant-page>.gemboss-assistant-tabs{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:4px 8px 0;overflow-x:auto;scrollbar-width:none}.gemboss-assistant-tabs::-webkit-scrollbar{display:none}.gemboss-assistant-tab{display:flex;align-items:center;flex:0 1 auto;min-width:0;max-width:190px;border:1px solid var(--gemboss-divider);border-radius:var(--gemboss-radius-md);background:transparent}.gemboss-assistant-tab.active{background:var(--gemboss-active-bg);border-color:var(--gemboss-active-bg)}.gemboss-assistant-tab-main{display:flex;align-items:center;gap:6px;min-width:0;min-height:44px;padding:0 4px 0 8px;border:0;background:transparent;font:inherit;font-size:var(--gemboss-fs-caption);color:var(--gemboss-text-muted);cursor:pointer}.gemboss-assistant-tab.active .gemboss-assistant-tab-main{color:var(--gemboss-text-strong)}.gemboss-assistant-tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gemboss-assistant-tab-dot{flex:0 0 auto;width:6px;height:6px;border-radius:var(--gemboss-radius-full);background:var(--gemboss-divider)}.gemboss-assistant-tab-dot.is-running{background:var(--gemboss-primary);animation:gemboss-assistant-pulse 1.4s ease-in-out infinite}.gemboss-assistant-tab-close{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--gemboss-text-muted);cursor:pointer;padding:0}.gemboss-assistant-tab-close:hover{color:var(--gemboss-text-strong)}.gemboss-assistant-tab-close svg{width:14px;height:14px}.gemboss-assistant-sronly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.gemboss-assistant-thread-running{flex:0 0 auto;width:6px;height:6px;border-radius:var(--gemboss-radius-full);background:var(--gemboss-primary);animation:gemboss-assistant-pulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.gemboss-assistant-tab-dot.is-running,.gemboss-assistant-thread-running{animation:none}}.gemboss-assistant-route-claim{display:block;height:100%}.gemboss-assistant-layout.is-dock{height:auto;min-height:0}.gemboss-assistant-layout.is-dock .gemboss-assistant-page{height:auto;max-width:none;padding:4px 0 8px}.gnav-item.gnav-assistant{position:relative}body.gemboss-assistant-busy .gnav-item.gnav-assistant:after,body.gemboss-assistant-unread .gnav-item.gnav-assistant:after{content:"";position:absolute;top:6px;left:26px;width:8px;height:8px;border-radius:50%;border:2px solid var(--gemboss-surface)}body.gemboss-assistant-busy .gnav-item.gnav-assistant:after{background:var(--gemboss-primary);animation:gemboss-assistant-pulse 1.4s ease-in-out infinite}body.gemboss-assistant-unread .gnav-item.gnav-assistant:after{background:var(--gemboss-success-strong)}@media (prefers-reduced-motion: reduce){body.gemboss-assistant-busy .gnav-item.gnav-assistant:after{animation:none}}.gemboss-assistant-layout{display:flex;height:calc(100dvh - 56px);width:100%;min-height:0}.gemboss-assistant-rail{flex:0 0 264px;width:264px;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--gemboss-divider);background:transparent;padding:16px 12px 12px;gap:12px;transition:flex-basis .18s ease,width .18s ease}.gemboss-assistant-rail-top{display:flex;align-items:center;gap:6px}.gemboss-assistant-newchat{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;padding:12px;border:1px solid var(--gemboss-divider);border-radius:12px;background:transparent;color:var(--gemboss-text);font-size:var(--gemboss-fs-body);font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease}.gemboss-assistant-newchat:hover{background:#00000009;border-color:var(--gemboss-text-muted)}.gemboss-assistant-newchat svg{width:17px;height:17px;fill:currentColor;flex:0 0 auto}.gemboss-assistant-newchat span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto}.gemboss-assistant-kbd{flex:0 0 auto;font-size:var(--gemboss-fs-micro);font-weight:600;line-height:1;padding:4px 6px;border:1px solid var(--gemboss-divider);border-radius:6px;background:transparent;color:var(--gemboss-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gemboss-assistant-search:focus-within .gemboss-assistant-kbd{display:none}.gemboss-assistant-collapse{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--gemboss-text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.gemboss-assistant-collapse:hover{background:#0000000d;color:var(--gemboss-text)}.gemboss-assistant-collapse svg{width:16px;height:16px;fill:currentColor}.gemboss-assistant-search{gap:6px}.gemboss-assistant-search>svg{width:15px;height:15px;fill:var(--gemboss-text-muted);flex:0 0 auto}.gemboss-assistant-search-clear{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:6px;background:transparent;color:var(--gemboss-text-muted);cursor:pointer}.gemboss-assistant-search-clear:hover{background:#00000012;color:var(--gemboss-text)}.gemboss-assistant-search-clear svg{width:13px;height:13px;fill:currentColor}.gemboss-assistant-railfoot{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:8px 12px 2px;border-top:1px solid var(--gemboss-divider);margin-top:4px;color:var(--gemboss-text-muted);font-size:var(--gemboss-fs-caption);line-height:1.35}.gemboss-assistant-railfoot svg{width:13px;height:13px;flex:0 0 auto;fill:currentColor;opacity:.8}.gemboss-assistant-threads{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.gemboss-assistant-threads-empty{padding:16px 8px;color:var(--gemboss-text-muted);font-size:var(--gemboss-fs-caption)}.gemboss-assistant-group{display:flex;flex-direction:column;gap:2px}.gemboss-assistant-group+.gemboss-assistant-group{margin-top:12px}.gemboss-assistant-group-label{padding:4px 12px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--gemboss-text-muted);text-transform:uppercase}.gemboss-assistant-thread{position:relative;display:flex;align-items:center;border-radius:8px;transition:background .12s ease}.gemboss-assistant-thread:hover{background:var(--gemboss-hover, rgba(0,0,0,.04))}.gemboss-assistant-thread.active{background:#00000012}.gemboss-assistant-thread-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;border:0;background:transparent;text-align:left;cursor:pointer}.gemboss-assistant-thread-titlerow{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.gemboss-assistant-pin-dot{width:12px;height:12px;flex:0 0 auto;fill:var(--gemboss-text-muted)}.gemboss-assistant-thread-title{flex:1 1 auto;min-width:0;font-size:13px;font-weight:500;color:var(--gemboss-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gemboss-assistant-thread-meta{font-size:var(--gemboss-fs-caption);color:var(--gemboss-text-muted)}.gemboss-assistant-thread.menu-open{background:#00000012}.gemboss-assistant-thread.menu-open .gemboss-assistant-thread-actions{opacity:1}.gemboss-assistant-menu{z-index:60;width:184px;padding:6px;display:flex;flex-direction:column}.gemboss-assistant-menu-confirm{padding:8px 12px 6px;font-size:var(--gemboss-fs-caption);font-weight:600;color:var(--gemboss-text)}.gemboss-assistant-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:13px;color:var(--gemboss-text);cursor:pointer}.gemboss-assistant-menu button:hover{background:var(--gemboss-hover, rgba(0,0,0,.05))}.gemboss-assistant-menu button.danger{color:var(--gemboss-danger-strong)}.gemboss-assistant-menu button svg{width:15px;height:15px;fill:currentColor;flex:0 0 auto}.gemboss-assistant-thread-actions{position:absolute;right:6px;display:flex;gap:2px;opacity:0;transition:opacity .12s ease}.gemboss-assistant-thread:hover .gemboss-assistant-thread-actions,.gemboss-assistant-thread:focus-within .gemboss-assistant-thread-actions{opacity:1}.gemboss-assistant-thread-act{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:var(--gemboss-text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.gemboss-assistant-thread-act:hover{background:#00000012;color:var(--gemboss-text)}.gemboss-assistant-thread-act.danger:hover{color:var(--gemboss-danger-strong)}.gemboss-assistant-thread-act svg{width:15px;height:15px;fill:currentColor}.gemboss-assistant-thread.editing{background:#00000012}.gemboss-assistant-thread-edit{display:flex;align-items:center;gap:2px;width:100%;padding:6px}.gemboss-assistant-thread-edit input{flex:1 1 auto;min-width:0}.gemboss-assistant-layout .gemboss-assistant-page{height:100%;max-width:820px;flex:1 1 auto;min-width:0;padding-top:16px}.gemboss-assistant-layout .gemboss-assistant-page.is-switching{opacity:.55;transition:opacity .12s ease;pointer-events:none}.gemboss-assistant-rail.is-collapsed{flex-basis:60px;width:60px;padding:16px 8px 12px}.gemboss-assistant-rail.is-collapsed .gemboss-assistant-rail-top{flex-direction:column;gap:8px}.gemboss-assistant-rail.is-collapsed .gemboss-assistant-newchat{justify-content:center;padding:8px;flex:0 0 auto}.gemboss-assistant-rail.is-collapsed .gemboss-assistant-newchat span,.gemboss-assistant-rail.is-collapsed .gemboss-assistant-search,.gemboss-assistant-rail.is-collapsed .gemboss-assistant-railfoot,.gemboss-assistant-rail.is-collapsed .gemboss-assistant-threads{display:none}@media (max-width: 760px){.gemboss-assistant-rail{flex-basis:60px;width:60px;padding:16px 8px 12px}.gemboss-assistant-rail .gemboss-assistant-rail-top{flex-direction:column;gap:8px}.gemboss-assistant-newchat{justify-content:center;padding:8px;flex:0 0 auto}.gemboss-assistant-newchat span,.gemboss-assistant-search,.gemboss-assistant-railfoot,.gemboss-assistant-threads,.gemboss-assistant-collapse{display:none}}.gemboss-assistant-page{height:calc(100dvh - 56px);width:100%;max-width:760px;margin:0 auto;padding:24px 0 16px;display:flex;flex-direction:column;min-height:0}.gemboss-assistant-page>*{flex:1 1 auto;min-height:0}.gemboss-assistant-empty{flex:1;display:grid;place-items:center;color:var(--gemboss-text-muted);font-size:14px}.gemboss-platform-shell{display:flow-root}.gemboss-platform-main{padding-bottom:calc(24px + var(--gemboss-invite-h, 0px))}@keyframes gemboss-assistant-pulse{0%,to{opacity:1}50%{opacity:.35}}.gb-account{position:relative}.gb-account>summary{list-style:none}.gb-account>summary::-webkit-details-marker{display:none}.gb-account-head{padding:12px 16px;border-bottom:1px solid var(--gemboss-divider)}.gb-account-name{font-size:13px;font-weight:600;color:var(--gemboss-text-strong)}.gb-account-email{font-size:12px;color:var(--gemboss-text-muted)}.gb-account-role{display:inline-block;margin-top:4px;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600;color:var(--gemboss-active-fg);background:var(--gemboss-active-bg)}.gb-account-form{margin:0}.gnav-scroll::-webkit-scrollbar{width:9px}.gnav-scroll::-webkit-scrollbar-track{background:transparent}.gnav-scroll::-webkit-scrollbar-thumb{background:#1f1e1d33;border-radius:6px;border:2px solid transparent;background-clip:content-box}

package/src/topnav-fold.css

@@ -0,0 +1 @@
+.gb-topnav-fold{min-width:0}.gb-topnav-fold>summary{flex-shrink:1;min-width:0}.gb-topnav-fold-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.gb-topnav-foot{margin-top:4px;padding:8px 6px 2px;border-top:1px solid var(--gemboss-divider, #e5e7ea)}@media (max-width: 600px){.gb-topnav-unfolded{display:none}}@media (max-width: 760px){.gb-topnav.gb-topnav--fold-760{overflow:visible}.gb-topnav--fold-760>.gb-topnav-row,.gemboss-platform-topbar:has(.gb-topnav--fold-760) .gb-topnav-unfolded{display:none}.gb-topnav--fold-760>.gb-topnav-fold{display:flex}}