pi-roundtable-web 0.24.2 → 0.26.0

package/dist/chunk-host-ui-x7k6n07v.js

@@ -0,0 +1,939 @@
+import{ee,X,a,D,ft,A,o,r,t,ve,c,p,e,n,s,x,Un,w,d,oe,f,u,m,v,h,_,P,Nt,mn,vt,k,Vi,Ne,Bn,Ht,jt,gn,ne,nn,ke,Gi,Ie}from"./chunk-index-v23m38p6.js";import{un,Ri}from"./chunk-index-dhpt8qr9.js";import{H}from"./chunk-index-e5sd30xy.js";import{De,Hi,ji,xi,Si,Ki}from"./chunk-index-ke9ynm0n.js";import{ue}from"./chunk-index-r5vszgfs.js";import"./chunk-index-awx6nnta.js";var Q=encodeURIComponent,Qe=new Set([c("This action takes no form."),c("The form has no such field."),c("This field is required."),c("Choose from the list."),c("This field takes one value."),c("This field is too long."),c("Give a web address."),c("The action could not be done.")]),me=(i)=>Qe.has(i)?t(i):i;function Te(i){let l=i.indexOf(":"),g=i.lastIndexOf(".");if(l<0||g<l+2||g===i.length-1)return;return{kind:i.slice(l+1,g),id:i.slice(g+1)}}var B={list:(i,l,g)=>{let b=new URLSearchParams;if(l)b.set("filter",l);if(g)b.set("cursor",g);let S=b.toString();return f(`host/${Q(i)}${S?`?${S}`:""}`)},open:(i,l)=>f(`host/${Q(i)}/${Q(l)}`),older:(i,l,g,b)=>f(`host/${Q(i)}/${Q(l)}/messages?before=${g}&limit=${b}`),act:(i,l,g)=>f(`host/${Q(i)}/${Q(l)}/act`,{method:"POST",body:JSON.stringify(g)}),page:(i,l)=>{let g=new URLSearchParams(l).toString();return f(`pages/${Q(i)}${g?`?${g}`:""}`)},pageAct:(i,l)=>f(`pages/${Q(i)}/act`,{method:"POST",body:JSON.stringify(l)})};function Je(i){if("room"in i){let g=i.message===void 0?"":`?message=${i.message}`;return`${x("room",i.room)}${g}`}let l=new URLSearchParams(i.query??{}).toString();return`${x("p",i.page)}${l?`?${l}`:""}`}function fe(i){Ri(new URL(Je(i),document.baseURI))}function Ye(i){let l={};for(let g of i)if(g.type==="multiselect")l[g.name]=[...Fe(g.initial)];else l[g.name]=Fe(g.initial)[0]??"";return l}var Fe=(i)=>i===void 0?[]:typeof i==="string"?[i]:[...i];function Xe(i,l){let g={};for(let b of i){let S=l[b.name];if(S===void 0||S===""||S.length===0)continue;g[b.name]=S}return g}function Ke(i){let{field:l,value:g}=i,[b,S]=r(""),E=l.search?l.options.filter((y)=>y.label.toLowerCase().includes(b.trim().toLowerCase())):l.options,R=l.search?e("input",{type:"search",value:b,placeholder:t("Search…"),"aria-label":t("Search {name}",{name:l.label}),onChange:(y)=>S(y.target.value)}):null;if(l.type==="select")return n(p,{children:[R,n("select",{id:i.id,value:String(g),required:l.required===!0,"aria-describedby":i.described,...l.search?{size:6}:{},onChange:(y)=>i.onChange(y.target.value),children:[l.required?null:e("option",{value:"",children:t("None")}),E.map((y)=>e("option",{value:y.value,children:y.label},y.value))]})]});let N=new Set(Array.isArray(g)?g:[]);return n(p,{children:[R,e("fieldset",{"aria-describedby":i.described,children:E.map((y)=>n("label",{children:[e("input",{type:"checkbox",checked:N.has(y.value),onChange:(T)=>{let L=new Set(N);if(T.target.checked)L.add(y.value);else L.delete(y.value);i.onChange(l.options.filter((O)=>L.has(O.value)).map((O)=>O.value))}}),y.label]},y.value))})]})}function je(i){let{field:l,value:g}=i,b=D(),S="hint"in l?l.hint:void 0,E=i.error||S?`${b}-note`:void 0,R;if("options"in l)R=e(Ke,{field:l,id:b,value:g,described:E,onChange:i.onChange});else if(l.type==="textarea")R=e("textarea",{id:b,rows:5,value:String(g),maxLength:l.max??8000,required:l.required===!0,"aria-describedby":E,onChange:(N)=>i.onChange(N.target.value)});else R=e("input",{id:b,type:l.type==="url"?"url":"text",value:String(g),maxLength:l.max??500,required:l.required===!0,"aria-describedby":E,onChange:(N)=>i.onChange(N.target.value)});return n("div",{className:"host-field",children:[l.type==="multiselect"?e("span",{className:"field-label",children:l.label}):e("label",{htmlFor:b,children:l.label}),R,i.error||S?e("span",{id:`${b}-note`,className:i.error?"field-error":"hint",role:i.error?"alert":void 0,children:i.error??S}):null]})}function pe(i){let{spec:l}=i,[g,b]=r(()=>Ye(l.fields)),[S,E]=r(!1),[R,N]=r();return n("form",{className:"host-form",onSubmit:async(T)=>{if(T.preventDefault(),S)return;E(!0),N(void 0);try{N(await i.onSubmit(Xe(l.fields,g)))}catch(L){N({error:u(L)})}finally{E(!1)}},children:[l.fields.map((T)=>e(je,{field:T,value:g[T.name]??"",error:R?.field===T.name?R.error:void 0,onChange:(L)=>b((O)=>({...O,[T.name]:L}))},T.name)),R&&!l.fields.some((T)=>T.name===R.field)?e(h,{message:R.error}):null,n("div",{className:"actions",children:[i.onCancel?e("button",{type:"button",className:"secondary",disabled:S,onClick:i.onCancel,children:t("Cancel")}):null,e("button",{type:"submit",disabled:S,children:l.submit})]})]})}function et(i){if(!i.ok)return{error:me(i.error),...i.field?{field:i.field}:{}};if(i.notice)m(i.notice);if(i.open)fe(i.open);return}function re(i){let[l,g]=r(),[b,S]=r(!1),E=async(N,y)=>et(await i.run(N,y)),R=async(N)=>{if(N.form||N.confirm){g(N);return}S(!0);try{let y=await E(N,{});if(y)m(y.error,"danger")}catch(y){m(u(y),"danger")}finally{S(!1)}};if(i.actions.length===0)return null;return n("div",{className:i.className??"host-actions",children:[i.actions.map((N)=>e("button",{type:"button",className:N.style==="danger"?"danger":N.style==="secondary"?"secondary":"",disabled:b,onClick:()=>R(N),children:N.label},N.id)),l?.form?e(ue,{open:!0,title:l.form.title,onClose:()=>g(void 0),children:e(pe,{spec:l.form,onCancel:()=>g(void 0),onSubmit:async(N)=>{let y=await E(l,N);if(!y)g(void 0);return y}})}):l?e(H,{open:!0,title:l.label,confirmLabel:l.label,tone:l.style==="danger"?"danger":"primary",onConfirm:async()=>{let N=await E(l,{});if(N)throw Error(N.error)},onClose:()=>g(void 0),children:e("p",{children:l.confirm})}):null]})}var Ve=/^file:([A-Za-z0-9_-]{1,64})$/;function Me(i){let l=URL.parse(i,document.baseURI);return l!==null&&l.origin===window.location.origin}function tt({id:i,alt:l}){return e("img",{className:"file-image",src:`api/files/${encodeURIComponent(i)}`,alt:l,loading:"lazy",decoding:"async",onError:(g)=>{let b=document.createElement("span");b.textContent=l||t("Image"),g.currentTarget.replaceWith(b)}})}var j=ee(function({source:l}){return e("div",{className:"prose",children:e(Nt,{remarkPlugins:[vt],urlTransform:(g)=>Ve.test(g)?g:mn(g),components:{a:({href:g,children:b})=>g&&/^https?:\/\//.test(g)&&!Me(g)?e("a",{href:g,target:"_blank",rel:"noreferrer noopener",children:b}):g&&Me(g)?e("a",{href:g,children:b}):e("span",{children:b}),img:({src:g,alt:b})=>{let S=typeof g==="string"?Ve.exec(g):null;return S?.[1]?e(tt,{id:S[1],alt:b??""}):e("span",{children:b})},pre:Vi,table:({children:g})=>e("div",{className:"table-wrap",children:e("table",{children:g})})},children:l})})});function nt(i){switch(i??"open"){case"working":return t("Working…");case"done":return t("Done");case"superseded":return t("Replaced");case"expired":return t("Expired");default:return""}}var He=(i)=>(i.state??"open")==="open";function ie(i){let{card:l}=i,g=nt(l.state);return n("article",{className:"host-card","data-tone":l.tone??"note","data-state":l.state??"open",children:[n("header",{children:[e("h3",{children:l.title}),g?e(P,{tone:l.state==="working"?"busy":"plain",children:g}):null]}),l.body?e(j,{source:l.body}):null,l.links?.length?e("div",{className:"host-card-links",children:l.links.map((b)=>e("a",{href:b.url,...b.url.startsWith("/")?{}:{target:"_blank",rel:"noreferrer noopener"},children:b.label},`${b.url}`))}):null,He(l)&&l.buttons?.length?e(re,{actions:l.buttons,run:i.run}):null]})}var Oe=!1;function q(){if(Oe||typeof document>"u")return;if(Oe=!0,typeof CSSStyleSheet<"u"&&"adoptedStyleSheets"in Document.prototype)try{let l=new CSSStyleSheet;l.replaceSync(`
+.hpic {
+	flex: none;
+	display: inline-grid;
+	place-items: center;
+	overflow: hidden;
+	border-radius: var(--radius-full);
+	background: var(--surface-3);
+	color: #fff;
+	font-weight: var(--weight-bold);
+	line-height: 1;
+	user-select: none;
+}
+
+.hpic > img {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+}
+
+.unread-mark {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	min-width: 1.35rem;
+	height: 1.35rem;
+	padding: 0 0.4rem;
+	border-radius: var(--radius-full);
+	background: var(--accent);
+	color: var(--on-accent);
+	font-size: var(--text-xs);
+	font-weight: var(--weight-bold);
+	font-variant-numeric: tabular-nums;
+}
+
+.room-row-top .unread-mark {
+	margin-left: auto;
+}
+
+.room-row-top .unread-mark + .room-row-time {
+	margin-left: 0;
+}
+
+.switcher-name .unread-mark {
+	margin-left: auto;
+}
+
+.plain {
+	white-space: pre-wrap;
+	overflow-wrap: anywhere;
+}
+
+.label-chip {
+	padding: 0 var(--space-2);
+	border-radius: var(--radius-full);
+	background: var(--surface-3);
+	color: var(--muted);
+	font-size: var(--text-xs);
+	font-weight: var(--weight-medium);
+}
+
+.message[data-author="assistant"] .bubble {
+	border-color: transparent;
+	background: var(--accent-soft);
+}
+
+.message[data-author="member"]:not([data-mine]) .bubble {
+	background: var(--surface-2);
+}
+
+.message[data-highlight] .bubble {
+	animation: host-highlight 2.4s var(--ease-out) both;
+}
+
+@keyframes host-highlight {
+	0%, 60% {
+		box-shadow: 0 0 0 3px var(--accent);
+	}
+}
+
+.message-edited,
+.message-expired {
+	margin: var(--space-1) 0 0;
+	color: var(--muted);
+	font-size: var(--text-xs);
+}
+
+.host-notice {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--space-2);
+	margin: var(--space-3) auto;
+	max-width: min(36rem, 92%);
+	padding: var(--space-2) var(--space-3);
+	border: 1px dashed var(--border-strong);
+	border-radius: var(--radius-lg);
+	background: var(--surface-2);
+	color: var(--muted);
+	font-size: var(--text-sm);
+}
+
+.host-notice[data-highlight] {
+	animation: host-highlight 2.4s var(--ease-out) both;
+}
+
+.host-notice > svg {
+	flex: none;
+	margin-top: 0.2rem;
+}
+
+.host-notice time {
+	margin-left: auto;
+	padding-left: var(--space-2);
+	font-size: var(--text-xs);
+	white-space: nowrap;
+}
+
+.new-divider {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+	margin: var(--space-3) 0 var(--space-1);
+	color: var(--accent);
+	font-size: var(--text-xs);
+	font-weight: var(--weight-bold);
+}
+
+.new-divider::before,
+.new-divider::after {
+	content: "";
+	flex: 1;
+	height: 1px;
+	background: var(--accent);
+	opacity: 0.55;
+}
+
+.seen {
+	display: flex;
+	justify-content: flex-end;
+	flex-wrap: wrap;
+	gap: var(--space-2);
+	padding: 0 var(--space-1);
+	color: var(--muted);
+	font-size: var(--text-xs);
+}
+
+.seen-toggle {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-1);
+	min-height: 0;
+	padding: 0 var(--space-1);
+	border: 0;
+	background: none;
+	color: inherit;
+	font: inherit;
+	cursor: pointer;
+}
+
+.seen-toggle .hpic + .hpic {
+	margin-left: -0.35rem;
+	box-shadow: 0 0 0 1.5px var(--bg);
+}
+
+.seen-names {
+	flex-basis: 100%;
+	text-align: right;
+}
+
+.host-head-fields {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 0 var(--space-4);
+	margin: 0;
+	padding: var(--space-1) var(--space-4);
+	border-bottom: 1px solid var(--border);
+	background: var(--surface);
+	font-size: var(--text-xs);
+}
+
+.host-head-fields > div {
+	display: flex;
+	gap: var(--space-2);
+	min-width: 0;
+}
+
+.host-head-fields dt {
+	color: var(--muted);
+}
+
+.host-head-fields dd {
+	margin: 0;
+	min-width: 0;
+	overflow-wrap: anywhere;
+}
+
+.host-banner {
+	margin: 0;
+	padding: var(--space-1) var(--space-4);
+	border-bottom: 1px solid var(--border);
+	font-size: var(--text-sm);
+}
+
+.host-banner[data-tone="warn"] {
+	background: var(--warn-soft);
+}
+
+.host-banner[data-tone="risk"] {
+	background: var(--danger-soft);
+	color: var(--danger);
+}
+
+.host-actions {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-2);
+}
+
+.host-actions.bar {
+	flex-wrap: nowrap;
+	padding: var(--space-2) var(--space-4);
+	border-bottom: 1px solid var(--border);
+	overflow-x: auto;
+}
+
+.host-actions.bar > button {
+	flex: none;
+	min-height: 2.25rem;
+	padding: 0 var(--space-3);
+	font-size: var(--text-sm);
+}
+
+.host-cards {
+	display: flex;
+	flex-direction: column;
+	border-top: 1px solid var(--border);
+	background: var(--surface-2);
+}
+
+.host-cards-toggle {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	min-height: 2.5rem;
+	padding: 0 var(--space-4);
+	border: 0;
+	border-radius: 0;
+	background: none;
+	color: var(--text);
+	font: inherit;
+	font-size: var(--text-sm);
+	text-align: left;
+	overflow: hidden;
+}
+
+.host-cards-toggle > span {
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.host-cards-toggle > svg {
+	flex: none;
+	transition: transform var(--dur-fast) var(--ease-out);
+}
+
+.host-cards[data-open] .host-cards-toggle > svg {
+	transform: rotate(90deg);
+}
+
+.host-cards-body {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	max-height: min(16rem, 34vh);
+	padding: 0 var(--space-4) var(--space-3);
+	overflow-y: auto;
+}
+
+.host-card {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	padding: var(--space-3);
+	border: 1px solid var(--border);
+	border-left-width: 4px;
+	border-radius: var(--radius-lg);
+	background: var(--surface);
+}
+
+.host-card[data-tone="ok"] {
+	border-left-color: var(--success);
+}
+
+.host-card[data-tone="warn"] {
+	border-left-color: var(--warn);
+}
+
+.host-card[data-tone="risk"] {
+	border-left-color: var(--danger);
+}
+
+.host-card[data-tone="note"] {
+	border-left-color: var(--accent);
+}
+
+.host-card[data-state="done"],
+.host-card[data-state="superseded"],
+.host-card[data-state="expired"] {
+	opacity: 0.7;
+}
+
+.host-card header {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+}
+
+.host-card h3 {
+	flex: 1;
+	margin: 0;
+	font-size: var(--text-md);
+}
+
+.host-card-links {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-1) var(--space-4);
+	font-size: var(--text-sm);
+}
+
+.host-cards-older {
+	font-size: var(--text-sm);
+	color: var(--muted);
+}
+
+.host-cards-older > summary {
+	cursor: pointer;
+}
+
+.mode-switch {
+	display: flex;
+	margin: 0;
+	border: 0;
+	gap: var(--space-1);
+	padding: var(--space-2) var(--space-4) 0;
+}
+
+.mode-switch button {
+	min-height: 0;
+	padding: var(--space-1) var(--space-3);
+	border-radius: var(--radius-full);
+	font-size: var(--text-sm);
+}
+
+.host-form {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+}
+
+.host-field {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+	min-width: 0;
+}
+
+.host-field > label,
+.host-field > legend {
+	font-size: var(--text-sm);
+	font-weight: var(--weight-medium);
+}
+
+.host-field .hint {
+	color: var(--muted);
+	font-size: var(--text-xs);
+}
+
+.host-field .field-error {
+	color: var(--danger);
+	font-size: var(--text-sm);
+}
+
+.host-field fieldset {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+	margin: 0;
+	padding: 0;
+	border: 0;
+	max-height: 14rem;
+	overflow-y: auto;
+}
+
+.host-field fieldset label {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	min-height: var(--touch);
+}
+
+.host-field select[size] {
+	min-height: 9rem;
+}
+
+.host-list {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.host-list > li {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+	padding: var(--space-3);
+	border: 1px solid var(--border);
+	border-radius: var(--radius-lg);
+	background: var(--surface);
+}
+
+.host-list-main {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	min-width: 0;
+}
+
+.host-list-main > a,
+.host-list-main > strong {
+	color: var(--text);
+	font-weight: var(--weight-medium);
+	text-decoration: none;
+	overflow-wrap: anywhere;
+}
+
+.host-list-main > span {
+	color: var(--muted);
+	font-size: var(--text-sm);
+}
+
+.attention-dot {
+	flex: none;
+	width: 0.6rem;
+	height: 0.6rem;
+	border-radius: var(--radius-full);
+	background: var(--danger);
+}
+
+.kind-filter {
+	width: 100%;
+}
+
+.kind-row-picture {
+	position: relative;
+	display: inline-flex;
+}
+
+.kind-row-picture .attention-dot {
+	position: absolute;
+	top: -1px;
+	right: -1px;
+	box-shadow: 0 0 0 2px var(--surface);
+}
+`),document.adoptedStyleSheets=[...document.adoptedStyleSheets,l];return}catch{}let i=document.createElement("style");i.textContent=`
+.hpic {
+	flex: none;
+	display: inline-grid;
+	place-items: center;
+	overflow: hidden;
+	border-radius: var(--radius-full);
+	background: var(--surface-3);
+	color: #fff;
+	font-weight: var(--weight-bold);
+	line-height: 1;
+	user-select: none;
+}
+
+.hpic > img {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+}
+
+.unread-mark {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	min-width: 1.35rem;
+	height: 1.35rem;
+	padding: 0 0.4rem;
+	border-radius: var(--radius-full);
+	background: var(--accent);
+	color: var(--on-accent);
+	font-size: var(--text-xs);
+	font-weight: var(--weight-bold);
+	font-variant-numeric: tabular-nums;
+}
+
+.room-row-top .unread-mark {
+	margin-left: auto;
+}
+
+.room-row-top .unread-mark + .room-row-time {
+	margin-left: 0;
+}
+
+.switcher-name .unread-mark {
+	margin-left: auto;
+}
+
+.plain {
+	white-space: pre-wrap;
+	overflow-wrap: anywhere;
+}
+
+.label-chip {
+	padding: 0 var(--space-2);
+	border-radius: var(--radius-full);
+	background: var(--surface-3);
+	color: var(--muted);
+	font-size: var(--text-xs);
+	font-weight: var(--weight-medium);
+}
+
+.message[data-author="assistant"] .bubble {
+	border-color: transparent;
+	background: var(--accent-soft);
+}
+
+.message[data-author="member"]:not([data-mine]) .bubble {
+	background: var(--surface-2);
+}
+
+.message[data-highlight] .bubble {
+	animation: host-highlight 2.4s var(--ease-out) both;
+}
+
+@keyframes host-highlight {
+	0%, 60% {
+		box-shadow: 0 0 0 3px var(--accent);
+	}
+}
+
+.message-edited,
+.message-expired {
+	margin: var(--space-1) 0 0;
+	color: var(--muted);
+	font-size: var(--text-xs);
+}
+
+.host-notice {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--space-2);
+	margin: var(--space-3) auto;
+	max-width: min(36rem, 92%);
+	padding: var(--space-2) var(--space-3);
+	border: 1px dashed var(--border-strong);
+	border-radius: var(--radius-lg);
+	background: var(--surface-2);
+	color: var(--muted);
+	font-size: var(--text-sm);
+}
+
+.host-notice[data-highlight] {
+	animation: host-highlight 2.4s var(--ease-out) both;
+}
+
+.host-notice > svg {
+	flex: none;
+	margin-top: 0.2rem;
+}
+
+.host-notice time {
+	margin-left: auto;
+	padding-left: var(--space-2);
+	font-size: var(--text-xs);
+	white-space: nowrap;
+}
+
+.new-divider {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+	margin: var(--space-3) 0 var(--space-1);
+	color: var(--accent);
+	font-size: var(--text-xs);
+	font-weight: var(--weight-bold);
+}
+
+.new-divider::before,
+.new-divider::after {
+	content: "";
+	flex: 1;
+	height: 1px;
+	background: var(--accent);
+	opacity: 0.55;
+}
+
+.seen {
+	display: flex;
+	justify-content: flex-end;
+	flex-wrap: wrap;
+	gap: var(--space-2);
+	padding: 0 var(--space-1);
+	color: var(--muted);
+	font-size: var(--text-xs);
+}
+
+.seen-toggle {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-1);
+	min-height: 0;
+	padding: 0 var(--space-1);
+	border: 0;
+	background: none;
+	color: inherit;
+	font: inherit;
+	cursor: pointer;
+}
+
+.seen-toggle .hpic + .hpic {
+	margin-left: -0.35rem;
+	box-shadow: 0 0 0 1.5px var(--bg);
+}
+
+.seen-names {
+	flex-basis: 100%;
+	text-align: right;
+}
+
+.host-head-fields {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 0 var(--space-4);
+	margin: 0;
+	padding: var(--space-1) var(--space-4);
+	border-bottom: 1px solid var(--border);
+	background: var(--surface);
+	font-size: var(--text-xs);
+}
+
+.host-head-fields > div {
+	display: flex;
+	gap: var(--space-2);
+	min-width: 0;
+}
+
+.host-head-fields dt {
+	color: var(--muted);
+}
+
+.host-head-fields dd {
+	margin: 0;
+	min-width: 0;
+	overflow-wrap: anywhere;
+}
+
+.host-banner {
+	margin: 0;
+	padding: var(--space-1) var(--space-4);
+	border-bottom: 1px solid var(--border);
+	font-size: var(--text-sm);
+}
+
+.host-banner[data-tone="warn"] {
+	background: var(--warn-soft);
+}
+
+.host-banner[data-tone="risk"] {
+	background: var(--danger-soft);
+	color: var(--danger);
+}
+
+.host-actions {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-2);
+}
+
+.host-actions.bar {
+	flex-wrap: nowrap;
+	padding: var(--space-2) var(--space-4);
+	border-bottom: 1px solid var(--border);
+	overflow-x: auto;
+}
+
+.host-actions.bar > button {
+	flex: none;
+	min-height: 2.25rem;
+	padding: 0 var(--space-3);
+	font-size: var(--text-sm);
+}
+
+.host-cards {
+	display: flex;
+	flex-direction: column;
+	border-top: 1px solid var(--border);
+	background: var(--surface-2);
+}
+
+.host-cards-toggle {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	min-height: 2.5rem;
+	padding: 0 var(--space-4);
+	border: 0;
+	border-radius: 0;
+	background: none;
+	color: var(--text);
+	font: inherit;
+	font-size: var(--text-sm);
+	text-align: left;
+	overflow: hidden;
+}
+
+.host-cards-toggle > span {
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.host-cards-toggle > svg {
+	flex: none;
+	transition: transform var(--dur-fast) var(--ease-out);
+}
+
+.host-cards[data-open] .host-cards-toggle > svg {
+	transform: rotate(90deg);
+}
+
+.host-cards-body {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	max-height: min(16rem, 34vh);
+	padding: 0 var(--space-4) var(--space-3);
+	overflow-y: auto;
+}
+
+.host-card {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	padding: var(--space-3);
+	border: 1px solid var(--border);
+	border-left-width: 4px;
+	border-radius: var(--radius-lg);
+	background: var(--surface);
+}
+
+.host-card[data-tone="ok"] {
+	border-left-color: var(--success);
+}
+
+.host-card[data-tone="warn"] {
+	border-left-color: var(--warn);
+}
+
+.host-card[data-tone="risk"] {
+	border-left-color: var(--danger);
+}
+
+.host-card[data-tone="note"] {
+	border-left-color: var(--accent);
+}
+
+.host-card[data-state="done"],
+.host-card[data-state="superseded"],
+.host-card[data-state="expired"] {
+	opacity: 0.7;
+}
+
+.host-card header {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+}
+
+.host-card h3 {
+	flex: 1;
+	margin: 0;
+	font-size: var(--text-md);
+}
+
+.host-card-links {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-1) var(--space-4);
+	font-size: var(--text-sm);
+}
+
+.host-cards-older {
+	font-size: var(--text-sm);
+	color: var(--muted);
+}
+
+.host-cards-older > summary {
+	cursor: pointer;
+}
+
+.mode-switch {
+	display: flex;
+	margin: 0;
+	border: 0;
+	gap: var(--space-1);
+	padding: var(--space-2) var(--space-4) 0;
+}
+
+.mode-switch button {
+	min-height: 0;
+	padding: var(--space-1) var(--space-3);
+	border-radius: var(--radius-full);
+	font-size: var(--text-sm);
+}
+
+.host-form {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+}
+
+.host-field {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+	min-width: 0;
+}
+
+.host-field > label,
+.host-field > legend {
+	font-size: var(--text-sm);
+	font-weight: var(--weight-medium);
+}
+
+.host-field .hint {
+	color: var(--muted);
+	font-size: var(--text-xs);
+}
+
+.host-field .field-error {
+	color: var(--danger);
+	font-size: var(--text-sm);
+}
+
+.host-field fieldset {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+	margin: 0;
+	padding: 0;
+	border: 0;
+	max-height: 14rem;
+	overflow-y: auto;
+}
+
+.host-field fieldset label {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	min-height: var(--touch);
+}
+
+.host-field select[size] {
+	min-height: 9rem;
+}
+
+.host-list {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.host-list > li {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+	padding: var(--space-3);
+	border: 1px solid var(--border);
+	border-radius: var(--radius-lg);
+	background: var(--surface);
+}
+
+.host-list-main {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	min-width: 0;
+}
+
+.host-list-main > a,
+.host-list-main > strong {
+	color: var(--text);
+	font-weight: var(--weight-medium);
+	text-decoration: none;
+	overflow-wrap: anywhere;
+}
+
+.host-list-main > span {
+	color: var(--muted);
+	font-size: var(--text-sm);
+}
+
+.attention-dot {
+	flex: none;
+	width: 0.6rem;
+	height: 0.6rem;
+	border-radius: var(--radius-full);
+	background: var(--danger);
+}
+
+.kind-filter {
+	width: 100%;
+}
+
+.kind-row-picture {
+	position: relative;
+	display: inline-flex;
+}
+
+.kind-row-picture .attention-dot {
+	position: absolute;
+	top: -1px;
+	right: -1px;
+	box-shadow: 0 0 0 2px var(--surface);
+}
+`,document.head.append(i)}q();function rt(){let[i,l]=r(()=>un().toString());return a(()=>{let g=()=>l(un().toString());return window.addEventListener("popstate",g),window.addEventListener("hashchange",g),()=>{window.removeEventListener("popstate",g),window.removeEventListener("hashchange",g)}},[]),i}function ot(i){if(!i.ok)return{error:me(i.error),...i.field?{field:i.field}:{}};if(i.notice)m(i.notice);if(i.open)fe(i.open);return}function st(i){let{section:l}=i;switch(l.kind){case"markdown":return e(j,{source:l.text});case"card":return e(ie,{card:l.card,run:i.run});case"form":return n("section",{className:"stack",children:[e("h2",{className:"section-title",children:l.form.title}),e(pe,{spec:l.form,onSubmit:(g)=>i.submit(l.action,g)})]});case"list":return n("section",{className:"stack",children:[l.title?e("h2",{className:"section-title",children:l.title}):null,l.rows.length===0?e(_,{children:t("Nothing here.")}):null,e("ul",{className:"host-list",children:it(l.rows).map(([g,b])=>n("li",{children:[b.attention?e("span",{className:"attention-dot",role:"img","aria-label":t("Needs attention")}):null,n("div",{className:"host-list-main",children:[b.open?e("a",{href:b.open,...b.open.startsWith("/")?{}:{target:"_blank",rel:"noreferrer noopener"},children:b.title}):e("strong",{children:b.title}),b.subtitle?e("span",{children:b.subtitle}):null]}),b.actions?.length?e(re,{actions:b.actions,run:i.run}):null]},g))})]})}}function at({routeKey:i}){let l=i??"",g=rt(),b=De((L)=>L.pages[l]??0),[S,E]=r(0),[R,N]=r({});a(()=>{let L=!0;return B.page(l,Object.fromEntries(new URLSearchParams(g))).then((O)=>L&&N({page:O}),(O)=>{if(!L)return;let F=O instanceof oe&&O.status===404;N((M)=>({...F||!M.page?{}:{page:M.page},error:u(O),gone:F}))}),()=>{L=!1}},[l,g,b,S]);let y=async(L,O)=>{let F=await B.pageAct(l,{action:L,input:O}),M=ot(F);if(!M)E((U)=>U+1);return M},T=async(L,O)=>{let F=await B.pageAct(l,{action:L.id,input:O});if(F.ok)E((M)=>M+1);return F};if(R.gone)return e("div",{className:"page",children:e(_,{children:t("This page is not available.")})});if(!R.page)return e("div",{className:"page",children:R.error?e(h,{message:R.error}):e(v,{})});return n("div",{className:"page",children:[e("header",{className:"page-head",children:e("h1",{children:R.page.title})}),R.error?e(h,{message:R.error}):null,R.page.sections.map((L,O)=>e(st,{section:L,run:T,submit:y},O))]})}function it(i){let l=new Map;return i.map((g)=>{let b=l.get(g.title)??0;return l.set(g.title,b+1),[`${g.title}:${b}`,g]})}q();function lt(i){if(!i)return;if("file"in i)return`api/files/${encodeURIComponent(i.file)}`;if("principal"in i)return`api/people/${encodeURIComponent(i.principal)}/picture`;return}function dt(i){let l=i.trim().split(/\s+/).filter(Boolean),g=[...l[0]??"?"][0]??"?";if(/[\u3400-\u9fff]/.test(g))return g;let b=l.length>1?[...l.at(-1)??""][0]:void 0;return`${g}${b??""}`.toUpperCase()}function ct(i){let l=0;for(let g of i)l=(l*31+(g.codePointAt(0)??0))%360;return`hsl(${l} 42% 40%)`}function Y(i){let[l,g]=r(!1),b=i.size??32,S=l?void 0:lt(i.picture),E=i.picture&&"initials"in i.picture?i.picture:void 0,R=E?.initials??dt(i.name),N=E?.color??ct(i.name);return e("span",{className:"hpic",style:{width:b,height:b,fontSize:Math.round(b*0.4),...S?{}:{background:N}},children:S?e("img",{src:S,alt:"",loading:"lazy",decoding:"async",onError:()=>g(!0)}):e("span",{"aria-hidden":"true",children:R})})}var ut=/https?:\/\/[^\s<>"']+/g,mt=/[.,;:!?)\]}\u3001\u3002\uff0c\uff1b\uff1a\uff01\uff1f\uff09\u300d\u300f]+$/;function pt(i){let l=i.replace(mt,""),g=URL.parse(l);return g&&(g.protocol==="https:"||g.protocol==="http:")?l:""}function Pe({text:i}){let l=[],g=0;for(let b of i.matchAll(ut)){let S=pt(b[0]);if(S==="")continue;let E=b.index;if(E>g)l.push(i.slice(g,E));l.push(e("a",{href:S,target:"_blank",rel:"noreferrer noopener",children:S},`${E}`)),g=E+S.length}if(g<i.length)l.push(i.slice(g));return e("span",{className:"plain",children:l})}var ze=ee(function(l){let{message:g}=l,b=g.authorKind??"external";if(b==="notice")return n("li",{className:"host-notice","data-mid":g.id,"data-highlight":l.highlighted||void 0,"data-enter":l.enter||void 0,children:[e(s,{name:"bell",size:14}),e(j,{source:g.text}),e("time",{dateTime:g.at,children:Bn(g.at,l.timeZone)})]});let S=b==="member"&&g.principalId!==void 0&&g.principalId===l.me;return n("li",{className:"message","data-mid":g.id,"data-author":b,"data-mine":S||void 0,"data-header":l.header||void 0,"data-enter":l.enter||void 0,"data-highlight":l.highlighted||void 0,children:[S?null:e("span",{className:"message-avatar",children:l.header?e(Y,{picture:g.picture,name:g.author}):null}),n("div",{className:"message-main",children:[l.header?n("div",{className:"message-meta",children:[e("strong",{children:g.author}),g.authorLabel?e("span",{className:"label-chip",children:g.authorLabel}):null,e("time",{dateTime:g.at,children:Bn(g.at,l.timeZone)})]}):null,n("div",{className:"bubble",children:[g.text?b==="assistant"?e(j,{source:g.text}):e(Pe,{text:g.text}):null,e(gn,{files:g.files}),g.expiredFiles?e("p",{className:"message-expired",children:ve(g.expiredFiles,"{count} file was removed","{count} files were removed")}):null]}),g.edited?e("span",{className:"message-edited",children:t("edited")}):null]})]})});q();var gt=3;function ht({marks:i}){let[l,g]=r(!1);return n("li",{className:"seen",children:[n("button",{type:"button",className:"seen-toggle","aria-expanded":l,onClick:()=>g((b)=>!b),children:[i.slice(0,gt).map((b)=>e(Y,{picture:{principal:b.principal},name:b.name,size:16},b.principal)),e("span",{children:t("Seen by {count}",{count:i.length})})]}),l?e("span",{className:"seen-names",children:i.map((b)=>b.name).join(t(", "))}):null]})}function bt(i,l){let g=Ie(),b=d((S)=>S.connects);a(()=>{let S=l.current;if(!S)return;let E=0,R=0,N,y,T=()=>{if(y=void 0,document.visibilityState!=="visible")return;let F=S.getBoundingClientRect(),M=0;for(let J of S.querySelectorAll("[data-mid]")){let Z=J.getBoundingClientRect();if(Z.bottom>F.top&&Z.top<F.bottom-4)M=Math.max(M,Number(J.dataset.mid))}if(M<=E)return;let U=R+1000-Date.now();if(U>0){clearTimeout(N),N=setTimeout(L,U);return}if(g.send({type:"read",room:i,upTo:M}))E=M,R=Date.now()},L=()=>{if(y===void 0)y=requestAnimationFrame(T)};S.addEventListener("scroll",L,{passive:!0}),document.addEventListener("visibilitychange",L),window.addEventListener("resize",L);let O=new MutationObserver(L);return O.observe(S,{childList:!0,subtree:!0}),L(),()=>{if(S.removeEventListener("scroll",L),document.removeEventListener("visibilitychange",L),window.removeEventListener("resize",L),O.disconnect(),clearTimeout(N),y!==void 0)cancelAnimationFrame(y)}},[g,i,l,b])}function ge(i){let{roomKey:l}=i;bt(l,i.scroller);let g=d((y)=>y.principal?.id),b=d((y)=>y.rooms[l]?.messages),S=De((y)=>y.reads[l]??Hi),E=De((y)=>y.cursor[l]),R=o(void 0);if(R.current===void 0&&E!==void 0)R.current=E;let N=A(()=>{let T=(b??[]).filter((F)=>F.kind!=="system"),L=R.current===void 0?void 0:T.find((F)=>F.id>(R.current??0)&&(F.principalId===void 0||F.principalId!==g))?.id,O=new Map;for(let F of S){if(F.principal===g)continue;let M=T.findLast((U)=>U.id<=F.upTo);if(M)O.set(M.id,[...O.get(M.id)??[],F])}return{before:(F)=>F.id===L?e("li",{className:"new-divider",children:e("span",{children:t("New messages")})}):null,after:(F)=>{let M=O.get(F.id);return M?e(ht,{marks:M}):null},...i.host?{message:(F,M)=>F.kind==="system"&&F.authorKind===void 0?void 0:e(ze,{message:F,header:M.header,enter:M.enter,timeZone:M.timeZone,me:g,highlighted:i.highlight===F.id})}:{}}},[b,S,g,i.host,i.highlight]);return e(nn,{roomKey:l,enterAfter:i.enterAfter,quotable:i.quotable,decor:N})}q();var yt=20,wt=2600,$e;function xt(i,l,g){let b=d((N)=>N.connects),S=De((N)=>N.rooms[i]??0),[E,R]=r({view:void 0,error:void 0,gone:!1});return a(()=>{let N=!0;return B.open(l,g).then((y)=>{if(!N)return;w.dispatch({type:"history_loaded",room:i,messages:y.messages,more:y.more,older:!1}),Si(i,y.reads,y.cursor),Ki(i,y.cards),R({view:y,error:void 0,gone:!1})},(y)=>{if(!N)return;let T=y instanceof oe&&y.status===404;R((L)=>({view:T?void 0:L.view,error:u(y),gone:T}))}),()=>{N=!1}},[i,l,g,b,S]),E}function kt(i){let{header:l}=i;return n(p,{children:[l.banner?e("p",{className:"host-banner","data-tone":l.banner.tone,role:"status",children:l.banner.text}):null,l.fields.length?e("dl",{className:"host-head-fields",children:l.fields.map((g)=>n("div",{children:[e("dt",{children:g.label}),e("dd",{children:g.link?e("a",{href:g.link,...g.link.startsWith("/")?{}:{target:"_blank",rel:"noreferrer noopener"},children:g.value}):g.value})]},`${g.label}:${g.value}`))}):null,e(re,{className:"host-actions bar",actions:l.actions,run:i.run})]})}function St(i){let l=De((T)=>T.cards[i.room]??ji),g=ke("(min-width: 720px) and (min-height: 760px)"),[b,S]=r();if(l.length===0)return null;let E=l.filter((T)=>He(T)||T.state==="working"),R=l.filter((T)=>!E.includes(T)),N=b??(g&&E.length>0),y=E[0];return n("div",{className:"host-cards","data-open":N||void 0,children:[n("button",{type:"button",className:"host-cards-toggle","aria-expanded":N,onClick:()=>S(!N),children:[e(s,{name:"chevron",size:14}),y?n("span",{children:[e("strong",{children:ve(E.length,"{count} card waiting","{count} cards waiting")}),`: ${y.title}`]}):e("span",{children:t("Earlier cards ({count})",{count:R.length})})]}),N?n("div",{className:"host-cards-body",children:[E.map((T)=>e(ie,{card:T,run:i.run(T.id)},T.id)),R.length?n("details",{className:"host-cards-older",children:[e("summary",{children:t("Earlier cards ({count})",{count:R.length})}),R.map((T)=>e(ie,{card:T,run:i.run(T.id)},T.id))]}):null]}):null]})}function Rt({roomKey:i}){let l=Ie(),g=Te(i),b=g?.kind??"",S=g?.id??"",{view:E,error:R,gone:N}=xt(i,b,S),y=d((C)=>C.rooms[i]),T=d((C)=>C.limits),L=d((C)=>C.connects),O=d((C)=>C.connection==="open"),F=o(null),M=o(null),{away:U,onScroll:J,onGrow:Z,toEnd:te}=Gi(F),[le,V]=r(!1),[z,se]=r(),[be,_e]=r($e),[Be,Ce]=r(),ye=o(void 0),ae=o(void 0),G=E!==void 0;if(a(()=>{if(!g||N||!G)return;return l.send({type:"subscribe",room:i}),l.focus(i),()=>{l.focus(void 0),l.send({type:"unsubscribe",room:i})}},[l,i,L,N,G]),G&&ye.current===void 0)ye.current=y?.messages.at(-1)?.id??0;ft(()=>{if(G)te(!1)},[G]),ft(()=>{let C=F.current;if(C&&ae.current!==void 0)C.scrollTop+=C.scrollHeight-ae.current,ae.current=void 0},[y?.messages[0]?.id]),a(()=>{let C=M.current;if(!C||typeof ResizeObserver>"u")return;let I=new ResizeObserver(Z);return I.observe(C),()=>I.disconnect()},[Z]);let we=X(async()=>{let C=w.getState().rooms[i]?.messages[0];if(!C)return!1;let I=await B.older(b,S,C.id,Un);return w.dispatch({type:"history_loaded",room:i,messages:I.messages,more:I.more,older:!0}),Si(i,I.reads,void 0),I.more},[i,b,S]),de=o(void 0);a(()=>{let C=()=>{let I=Number(un().get("message"));de.current=Number.isSafeInteger(I)&&I>0?I:void 0};return C(),window.addEventListener("popstate",C),()=>window.removeEventListener("popstate",C)},[]);let xe=y?.messages[0]?.id,Ae=y?.more===!0;a(()=>{let C=de.current,I=F.current;if(!G||C===void 0||!I)return;let K=I.querySelector(`[data-mid="${C}"]`);if(K){de.current=void 0,K.scrollIntoView({block:"center"}),Ce(C),requestAnimationFrame(()=>I.dispatchEvent(new Event("scroll"))),setTimeout(()=>Ce(void 0),wt);return}if(xe!==void 0&&C<xe&&Ae){let Le=0;(async()=>{if(Le+=1,!await we().catch(()=>!1)||Le>=yt)de.current=void 0})()}},[G,xe,Ae,y?.messages.length,we]);let Ee=(C,I={},K)=>B.act(b,S,{action:C.id,...K===void 0?{}:{card:K},input:I}),Ge=(C,I)=>Ee(C,I),Ze=(C)=>(I,K)=>Ee(I,K,C);if(N||!G&&!R&&!g)return e("section",{className:"room",children:n("div",{className:"page",children:[e(_,{children:t("This room is not available.")}),e("a",{className:"back",href:x("rooms"),children:t("Back to rooms")})]})});let W=E?.access.send??[],Se=be&&W.includes(be)?be:W.includes("turn")?"turn":W[0],ce=E?.header.title??i,We=y?.messages??[];return n("section",{className:"room",onDragOver:(C)=>{if(W.length&&C.dataTransfer.types.includes("Files"))C.preventDefault()},onDrop:(C)=>{if(!W.length||!C.dataTransfer.files.length)return;C.preventDefault(),se([...C.dataTransfer.files])},children:[n("header",{className:"room-head",children:[e("a",{className:"icon-button room-back",href:x("rooms"),"aria-label":t("Back to rooms"),children:e(s,{name:"back"})}),e(Y,{name:ce,size:40}),n("div",{className:"room-title",children:[e("h1",{children:ce}),e("span",{className:"room-status","data-working":y?.typing||void 0,children:y?.typing?t("Working…"):t("Host room")})]})]}),!O?n("div",{className:"offline-banner",role:"status",children:[e("span",{className:"spinner","aria-hidden":"true"}),t("Reconnecting… messages wait here until it is back.")]}):null,E?e(kt,{header:E.header,run:Ge}):null,e("div",{className:"room-scroll",ref:F,onScroll:J,children:n("div",{className:"room-content",ref:M,children:[R?e(h,{message:R}):null,!G&&!R?e(v,{}):null,y?.more?e("button",{type:"button",className:"secondary older",disabled:le,onClick:async()=>{V(!0),ae.current=F.current?.scrollHeight;try{await we()}catch(C){ae.current=void 0,m(u(C),"danger")}finally{V(!1)}},children:le?t("Loading…"):t("Load earlier messages")}):null,G&&We.length===0?e(_,{children:t("No messages yet.")}):null,e(ge,{roomKey:i,enterAfter:ye.current,quotable:!1,scroller:F,host:!0,highlight:Be}),y?.typing?e(jt,{name:ce,progress:y.progress}):null]})}),U?n("button",{type:"button",className:"to-end",onClick:()=>te(!0),children:[e(s,{name:"send",size:16,style:{transform:"rotate(180deg)"}}),t("Latest")]}):null,E?e(St,{room:i,run:Ze}):null,E&&W.length===0?e("p",{className:"room-note",children:t("You can read this room but not write in it.")}):null,E&&W.length>0?n(p,{children:[W.length>1?e("fieldset",{className:"mode-switch","aria-label":t("Send as"),children:W.map((C)=>e("button",{type:"button",className:Se===C?"":"secondary","aria-pressed":Se===C,onClick:()=>{$e=C,_e(C)},children:C==="note"?t("Note"):t("Ask the agent")},C))}):null,e(Ht,{draftKey:i,name:ce,limits:T,stoppable:Boolean(y?.stoppable),onSend:(C,I)=>{l.say(i,C,I,Se),te(!0)},onStop:()=>l.send({type:"stop",room:i}),...z?{incoming:z,onIncomingTaken:()=>se(void 0)}:{}},i)]}):null]})}q();function he({room:i}){let l=De((g)=>g.unread[i]??0);if(l<=0)return null;return e("span",{className:"unread-mark",role:"img","aria-label":ve(l,"{count} unread message","{count} unread messages"),children:l>99?"99+":l})}q();var Ct=6,At=250;function Re(i){let{kind:l}=i,{timeZone:g}=k(),{now:b}=ne(),S=d((V)=>V.connects),E=De((V)=>V.lists[l]??0),[R,N]=r(""),[y,T]=r(""),[L,O]=r(),[F,M]=r(),[U,J]=r(),[Z,te]=r(!1);a(()=>{let V=setTimeout(()=>T(R.trim()),At);return()=>clearTimeout(V)},[R]),a(()=>{let V=!0;return B.list(l,y||void 0).then((z)=>{if(!V)return;xi(Object.fromEntries(z.rooms.map((se)=>[se.key,se.unread??0]))),O(z.rooms),M(z.cursor),J(void 0)},(z)=>V&&J(u(z))),()=>{V=!1}},[l,y,S,E]);let le=async()=>{if(!F||Z)return;te(!0);try{let V=await B.list(l,y||void 0,F);xi(Object.fromEntries(V.rooms.map((z)=>[z.key,z.unread??0]))),O((z)=>[...z??[],...V.rooms]),M(V.cursor)}catch(V){J(u(V))}finally{te(!1)}};return n("section",{className:"stack",children:[e("h2",{className:"section-title",children:i.label}),L&&(L.length>=Ct||y||R)?e("input",{type:"search",className:"kind-filter",value:R,placeholder:t("Search {name}",{name:i.label}),"aria-label":t("Search {name}",{name:i.label}),onChange:(V)=>N(V.target.value)}):null,U?e(h,{message:U}):null,!L&&!U?n("div",{className:"stack","aria-busy":"true",children:[e("div",{className:"skeleton"}),e("div",{className:"skeleton"})]}):null,L&&L.length===0?e(_,{children:y?t("Nothing matches."):t("No rooms yet.")}):null,L&&L.length>0?e("ul",{className:"room-list",children:L.map((V)=>e("li",{children:n("a",{className:"room-row",href:x("room",V.key),"aria-current":V.key===i.active?"page":void 0,children:[n("span",{className:"kind-row-picture",children:[e(Y,{picture:V.picture,name:V.title,size:44}),V.attention?e("span",{className:"attention-dot",role:"img","aria-label":t("Needs attention")}):null]}),n("span",{className:"room-row-main",children:[n("span",{className:"room-row-top",children:[e("strong",{children:V.title}),e(he,{room:V.key}),e("span",{className:"room-row-time",children:V.lastAt?Ne(V.lastAt,b,g):""})]}),e("span",{className:"room-row-preview",children:e("span",{children:V.subtitle??""})})]}),e(s,{name:"chevron",size:16,className:"room-row-chevron"})]})},V.key))}):null,F?e("button",{type:"button",className:"secondary",disabled:Z,onClick:le,children:Z?t("Loading…"):t("Show more")}):null]})}function Ue(i){return i.kinds.map((l)=>e(Re,{kind:l.kind,label:l.label,active:i.active},l.kind))}function qe(){let i=(k().pages??[]).filter((l)=>l.place==="settings");if(i.length===0)return null;return n("section",{className:"card stack",children:[e("h2",{children:t("More settings")}),i.map((l)=>n("a",{className:"menu-item menu-link",href:x("p",l.id),children:[e("span",{className:"menu-text",children:e("strong",{children:l.label})}),e(s,{name:"chevron",size:16})]},l.id))]})}export{Ue as HostKinds,at as HostPage,Rt as HostRoomPage,qe as HostSettingsPages,ge as ReadLog,he as UnreadMark};