clawcrib 0.1.3 → 0.1.4

package/dist/.next/static/chunks/f520d44d82e7efc9.js

@@ -1 +0,0 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,67585,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"BailoutToCSR",{enumerable:!0,get:function(){return l}});let s=e.r(32061);function l({reason:e,children:t}){if("u"<typeof window)throw Object.defineProperty(new s.BailoutToCSRError(e),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});return t}},9885,(e,t,a)=>{"use strict";function s(e){return e.split("/").map(e=>encodeURIComponent(e)).join("/")}Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"encodeURIPath",{enumerable:!0,get:function(){return s}})},52157,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"PreloadChunks",{enumerable:!0,get:function(){return o}});let s=e.r(18050),l=e.r(74080),n=e.r(63599),r=e.r(9885),i=e.r(43369);function o({moduleIds:e}){if("u">typeof window)return null;let t=n.workAsyncStorage.getStore();if(void 0===t)return null;let a=[];if(t.reactLoadableManifest&&e){let s=t.reactLoadableManifest;for(let t of e){if(!s[t])continue;let e=s[t].files;a.push(...e)}}if(0===a.length)return null;let o=(0,i.getDeploymentIdQueryOrEmptyString)();return(0,s.jsx)(s.Fragment,{children:a.map(e=>{let a=`${t.assetPrefix}/_next/${(0,r.encodeURIPath)(e)}${o}`;return e.endsWith(".css")?(0,s.jsx)("link",{precedence:"dynamic",href:a,rel:"stylesheet",as:"style",nonce:t.nonce},e):((0,l.preload)(a,{as:"script",fetchPriority:"low",nonce:t.nonce}),null)})})}},69093,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"default",{enumerable:!0,get:function(){return d}});let s=e.r(18050),l=e.r(71645),n=e.r(67585),r=e.r(52157);function i(e){return{default:e&&"default"in e?e.default:e}}let o={loader:()=>Promise.resolve(i(()=>null)),loading:null,ssr:!0},d=function(e){let t={...o,...e},a=(0,l.lazy)(()=>t.loader().then(i)),d=t.loading;function c(e){let i=d?(0,s.jsx)(d,{isLoading:!0,pastDelay:!0,error:null}):null,o=!t.ssr||!!t.loading,c=o?l.Suspense:l.Fragment,u=t.ssr?(0,s.jsxs)(s.Fragment,{children:["u"<typeof window?(0,s.jsx)(r.PreloadChunks,{moduleIds:t.modules}):null,(0,s.jsx)(a,{...e})]}):(0,s.jsx)(n.BailoutToCSR,{reason:"next/dynamic",children:(0,s.jsx)(a,{...e})});return(0,s.jsx)(c,{...o?{fallback:i}:{},children:u})}return c.displayName="LoadableComponent",c}},70703,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"default",{enumerable:!0,get:function(){return l}});let s=e.r(55682)._(e.r(69093));function l(e,t){let a={};"function"==typeof e&&(a.loader=e);let l={...a,...t};return(0,s.default)({...l,modules:l.loadableGenerated?.modules})}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},73466,e=>{"use strict";var t=e.i(18050),a=e.i(70703),s=e.i(18566),l=e.i(71645),n=e.i(31245),r=e.i(75254);let i=(0,r.default)("circle-question-mark",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",key:"1u773s"}],["path",{d:"M12 17h.01",key:"p32p05"}]]);var o=e.i(73264),d=e.i(91799);let c=(0,r.default)("move",[["path",{d:"M12 2v20",key:"t6zp3m"}],["path",{d:"m15 19-3 3-3-3",key:"11eu04"}],["path",{d:"m19 9 3 3-3 3",key:"1mg7y2"}],["path",{d:"M2 12h20",key:"9i4pu4"}],["path",{d:"m5 9-3 3 3 3",key:"j64kie"}],["path",{d:"m9 5 3-3 3 3",key:"l8vdw6"}]]),u=(0,r.default)("pencil-ruler",[["path",{d:"M13 7 8.7 2.7a2.41 2.41 0 0 0-3.4 0L2.7 5.3a2.41 2.41 0 0 0 0 3.4L7 13",key:"orapub"}],["path",{d:"m8 6 2-2",key:"115y1s"}],["path",{d:"m18 16 2-2",key:"ee94s4"}],["path",{d:"m17 11 4.3 4.3c.94.94.94 2.46 0 3.4l-2.6 2.6c-.94.94-2.46.94-3.4 0L11 17",key:"cfq27r"}],["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]]),x=(0,r.default)("rotate-3d",[["path",{d:"M16.466 7.5C15.643 4.237 13.952 2 12 2 9.239 2 7 6.477 7 12s2.239 10 5 10c.342 0 .677-.069 1-.2",key:"10n0gc"}],["path",{d:"m15.194 13.707 3.814 1.86-1.86 3.814",key:"16shm9"}],["path",{d:"M19 15.57c-1.804.885-4.274 1.43-7 1.43-5.523 0-10-2.239-10-5s4.477-5 10-5c4.838 0 8.873 1.718 9.8 4",key:"1lxi77"}]]);var h=e.i(67240);let m=(0,r.default)("rotate-cw",[["path",{d:"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8",key:"1p45f6"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}]]);var p=e.i(97250),b=e.i(37727);let g=(0,r.default)("zoom-in",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",key:"13gj7c"}],["line",{x1:"11",x2:"11",y1:"8",y2:"14",key:"1vmskp"}],["line",{x1:"8",x2:"14",y1:"11",y2:"11",key:"durymu"}]]);var f=e.i(64659);let w=(0,r.default)("eraser",[["path",{d:"M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21",key:"g5wo59"}],["path",{d:"m5.082 11.09 8.828 8.828",key:"1wx5vj"}]]),v=(0,r.default)("messages-square",[["path",{d:"M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z",key:"1n2ejm"}],["path",{d:"M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1",key:"1qfcsi"}]]),j=(0,r.default)("maximize-2",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"m21 3-7 7",key:"1l2asr"}],["path",{d:"m3 21 7-7",key:"tjx5ai"}],["path",{d:"M9 21H3v-6",key:"wtvkvv"}]]),y=(0,r.default)("minimize-2",[["path",{d:"m14 10 7-7",key:"oa77jy"}],["path",{d:"M20 10h-6V4",key:"mjg0md"}],["path",{d:"m3 21 7-7",key:"tjx5ai"}],["path",{d:"M4 14h6v6",key:"rmj7iw"}]]);var k=e.i(5999);let N=["#7c5cff","#28d6a8","#ff9f43","#4ea8ff","#ff6b9d","#ffd166","#9b8cff","#5ad1c0"];function C(e){if(e.color)return e.color;let t=0;for(let a=0;a<e.id.length;a++)t=31*t+e.id.charCodeAt(a)>>>0;return N[t%N.length]}function M(e,t){switch(e){case"tool":return t?`running ${t}`:"started working";case"thinking":return t?`thinking — ${t}`:"is thinking";case"cron":return t?`cron job firing — ${t}`:"cron job firing";case"error":return"ran into an error";case"idle":return"finished — back to idle";case"offline":return"went offline";default:return`is ${e}`}}var z=e.i(18143);function S({state:e,theme:a}){let{events:s,clear:n}=function(e){let t=(0,l.useRef)(null),a=(0,l.useRef)(0),[s,n]=(0,l.useState)([]);return(0,l.useEffect)(()=>{if(!e||0===e.updatedAt)return;let s=t.current;if(t.current=e,!s)return;let l=function(e,t,a){let s=[],l=t.updatedAt||e.updatedAt||0,n=new Map(e.agents.map(e=>[e.id,e]));for(let e of t.agents){let t=n.get(e.id);if(!t)continue;let r=C(e),i={agentId:e.id,agentName:e.name,color:r},o=e.activity?.title,d=!!o&&o!==t.activity?.title,c=t.status!==e.status,u="tool"===e.status||"thinking"===e.status;d&&u?s.push({id:a(),ts:l,...i,tone:e.status,text:M(e.status,o)}):c&&s.push({id:a(),ts:l,...i,tone:e.status,text:M(e.status,o)});let x=new Set(t.subAgents.map(e=>e.id)),h=new Set(e.subAgents.map(e=>e.id));for(let t of e.subAgents)x.has(t.id)||s.push({id:a(),ts:l,...i,tone:"subagent",text:`spawned sub-agent “${t.label}”${t.task?` — ${t.task}`:""}`});for(let e of t.subAgents)h.has(e.id)||s.push({id:a(),ts:l,...i,tone:"subagent",text:`sub-agent “${e.label}” wrapped up`})}let r=new Map(e.tasks.map(e=>[e.id,e])),i=new Map(t.agents.map(e=>[e.id,e.name]));for(let e of t.tasks){let t=r.get(e.id);if(t&&t.status===e.status)continue;let n=e.agentId&&i.get(e.agentId)||"Team",o=e.agentId?C({id:e.agentId}):"#8a93a6",d={agentId:e.agentId??"",agentName:n,color:o},c="running"===e.status&&(!t||"queued"===t.status),u="completed"===e.status||"failed"===e.status||"cancelled"===e.status||"timed_out"===e.status;if(c)s.push({id:a(),ts:l,...d,tone:"task",text:`task started — ${e.label}`});else if(u&&t){let t="completed"!==e.status;s.push({id:a(),ts:l,...d,tone:t?"error":"task",text:`task ${e.status.replace("_"," ")} — ${e.label}`})}}return s}(s,e,()=>`ev-${a.current+=1}`);l.length&&n(e=>{let t=e.concat(l);return t.length>300?t.slice(t.length-300):t})},[e]),{events:s,clear:()=>n([])}}(e),[r,i]=(0,l.useState)(!0),[o,d]=(0,l.useState)(!1),c=(0,l.useRef)(null),u=(0,l.useRef)(!0),x=(0,z.getCribTheme)(a).legendOnLight;(0,l.useEffect)(()=>{let e=c.current;e&&r&&u.current&&(e.scrollTop=e.scrollHeight)},[s,r,o]);let h=x?"border-black/10 bg-white/80":"border-white/10 bg-[#0b0d14]/90",m=x?"text-[#5a6172]":"text-white/45",p=x?"text-[#2a313e]":"text-white/80",b=x?"text-[#9098a8]":"text-white/30",g=`rounded-md p-1 ${x?"text-[#5a6172] hover:bg-black/5 hover:text-[#1e2430]":"text-white/45 hover:bg-white/10 hover:text-white"}`,k=s[s.length-1];return r?(0,t.jsxs)("div",{className:`absolute bottom-4 right-4 z-20 flex w-[360px] flex-col rounded-2xl border backdrop-blur-md ${h}`,style:{boxShadow:"0 8px 30px rgba(0,0,0,0.45)",maxHeight:o?"min(70dvh, 640px)":"320px"},children:[(0,t.jsxs)("div",{className:`flex items-center gap-2 border-b px-3 py-2.5 ${x?"border-black/10":"border-white/10"}`,children:[(0,t.jsxs)("span",{className:"relative flex h-2 w-2 shrink-0",children:[(0,t.jsx)("span",{className:"absolute inset-0 animate-ping rounded-full bg-emerald-400 opacity-60",style:{animationDuration:"2s"}}),(0,t.jsx)("span",{className:"relative h-2 w-2 rounded-full bg-emerald-400"})]}),(0,t.jsxs)("span",{className:`flex items-center gap-1.5 text-[13px] font-semibold ${x?"text-[#1e2430]":"text-white"}`,children:[(0,t.jsx)(v,{size:14})," Activity"]}),(0,t.jsx)("span",{className:`text-[11px] tabular-nums ${m}`,children:s.length}),(0,t.jsxs)("div",{className:"ml-auto flex items-center gap-0.5",children:[(0,t.jsx)("button",{onClick:n,className:g,title:"Clear log","aria-label":"Clear log",children:(0,t.jsx)(w,{size:14})}),(0,t.jsx)("button",{onClick:()=>d(e=>!e),className:g,title:o?"Shrink":"Expand full log","aria-label":o?"Shrink":"Expand",children:o?(0,t.jsx)(y,{size:14}):(0,t.jsx)(j,{size:14})}),(0,t.jsx)("button",{onClick:()=>i(!1),className:g,title:"Minimize","aria-label":"Minimize",children:(0,t.jsx)(f.ChevronDown,{size:15})})]})]}),(0,t.jsx)("div",{ref:c,onScroll:()=>{let e=c.current;e&&(u.current=e.scrollHeight-e.scrollTop-e.clientHeight<24)},className:"flex flex-1 flex-col gap-1.5 overflow-y-auto px-3 py-2.5",children:0===s.length?(0,t.jsx)("p",{className:`px-1 py-6 text-center text-[12px] leading-relaxed ${m}`,children:"Watching the floor — activity will stream here as your agents pick up work."}):s.map(e=>(0,t.jsx)(A,{e:e,rowText:p,timeText:b},e.id))})]}):(0,t.jsxs)("button",{onClick:()=>i(!0),className:`absolute bottom-4 right-4 z-20 flex max-w-[340px] items-center gap-2 rounded-full border px-3 py-2 backdrop-blur-md ${h}`,style:{boxShadow:"0 8px 30px rgba(0,0,0,0.45)"},"aria-label":"Open activity feed",children:[(0,t.jsxs)("span",{className:"relative flex h-2 w-2 shrink-0",children:[(0,t.jsx)("span",{className:"absolute inset-0 animate-ping rounded-full bg-emerald-400 opacity-60",style:{animationDuration:"2s"}}),(0,t.jsx)("span",{className:"relative h-2 w-2 rounded-full bg-emerald-400"})]}),(0,t.jsx)(v,{size:14,className:m}),(0,t.jsx)("span",{className:`truncate text-[12px] ${p}`,children:k?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"font-semibold",style:{color:k.color},children:k.agentName})," ",k.text]}):"Activity feed"}),s.length>0?(0,t.jsx)("span",{className:`shrink-0 text-[11px] tabular-nums ${b}`,children:s.length}):null]})}function A({e,rowText:a,timeText:s}){var l;return(0,t.jsxs)("div",{className:"flex items-start gap-2 text-[12px] leading-snug",children:[(0,t.jsx)("span",{className:"mt-[5px] h-1.5 w-1.5 shrink-0 rounded-full",style:{background:"subagent"===(l=e.tone)?"#9b8cff":"task"===l?"#4ea8ff":k.STATUS_META[l]?.color??"#8a93a6"}}),(0,t.jsxs)("span",{className:`min-w-0 flex-1 ${a}`,children:[(0,t.jsx)("span",{className:"font-semibold",style:{color:e.color},children:e.agentName})," ",e.text]}),(0,t.jsx)("span",{className:`shrink-0 pt-px text-[10px] tabular-nums ${s}`,children:function(e){if(!e)return"";let t=new Date(e),a=e=>String(e).padStart(2,"0");return`${a(t.getHours())}:${a(t.getMinutes())}:${a(t.getSeconds())}`}(e.ts)})]})}var $=e.i(21218),R=e.i(66992),O=e.i(63639),T=e.i(61911),E=e.i(40524);function P({state:e}){let a=e.agents.filter(e=>"tool"===e.status||"thinking"===e.status||"cron"===e.status).length,s=e.agents.reduce((e,t)=>e+t.subAgents.length,0),l=e.tasks.filter(e=>"running"===e.status).length,n=e.tasks.filter(e=>"queued"===e.status).length;return(0,t.jsxs)("div",{className:"pointer-events-none absolute left-4 top-4 z-10 flex flex-col gap-3",children:[(0,t.jsxs)("div",{className:"pointer-events-auto flex items-center gap-2.5 rounded-2xl border border-white/10 bg-black/40 px-3.5 py-2.5 backdrop-blur-md",children:[(0,t.jsx)(D,{connection:e.connection}),(0,t.jsxs)("div",{className:"leading-tight",children:[(0,t.jsx)("div",{className:"text-[13px] font-semibold tracking-tight text-white",children:"ClawCrib"}),(0,t.jsx)("div",{className:"text-[11px] text-white/45",children:"gateway"===e.source?`gateway \xb7 ${e.serverVersion??"?"}`:"simulated feed"})]})]}),(0,t.jsxs)("div",{className:"pointer-events-auto flex flex-col gap-1.5 rounded-2xl border border-white/10 bg-black/35 px-3.5 py-3 backdrop-blur-md",children:[(0,t.jsx)(L,{icon:(0,t.jsx)(T.Users,{size:14}),label:"Agents",value:`${e.agents.length}`}),(0,t.jsx)(L,{icon:(0,t.jsx)($.Activity,{size:14}),label:"Active",value:`${a}`,accent:a>0}),(0,t.jsx)(L,{icon:(0,t.jsx)(E.Workflow,{size:14}),label:"Sub-agents",value:`${s}`}),(0,t.jsx)(L,{icon:(0,t.jsx)(R.Cpu,{size:14}),label:"Tasks",value:`${l} run \xb7 ${n} queued`})]}),e.note?(0,t.jsx)("div",{className:"pointer-events-auto max-w-[260px] rounded-xl border border-amber-400/20 bg-amber-400/[0.06] px-3 py-2 text-[11px] leading-snug text-amber-200/80 backdrop-blur-md",children:e.note}):null,(0,t.jsx)("div",{className:"pointer-events-auto flex flex-wrap gap-x-3 gap-y-1 rounded-xl border border-white/10 bg-black/30 px-3 py-2 backdrop-blur-md",children:["tool","thinking","cron","idle","error"].map(e=>(0,t.jsxs)("span",{className:"flex items-center gap-1.5 text-[10.5px] text-white/55",children:[(0,t.jsx)("span",{className:"h-2 w-2 rounded-full",style:{background:k.STATUS_META[e].color}}),k.STATUS_META[e].label]},e))})]})}function L({icon:e,label:a,value:s,accent:l}){return(0,t.jsxs)("div",{className:"flex items-center justify-between gap-6",children:[(0,t.jsxs)("span",{className:"flex items-center gap-2 text-[12px] text-white/45",children:[(0,t.jsx)("span",{className:"text-white/35",children:e}),a]}),(0,t.jsx)("span",{className:`text-[12px] font-medium tabular-nums ${l?"text-emerald-300":"text-white/85"}`,children:s})]})}function D({connection:e}){let{c:a,pulse:s}={live:{c:"#28d6a8",pulse:!0,label:"live"},mock:{c:"#7c5cff",pulse:!0,label:"mock"},connecting:{c:"#ffb547",pulse:!0,label:"connecting"},pairing:{c:"#ffb547",pulse:!0,label:"pairing"},error:{c:"#ff5d6c",pulse:!1,label:"error"}}[e];return(0,t.jsxs)("span",{className:"relative flex h-7 w-7 items-center justify-center",children:[(0,t.jsx)(O.Radio,{size:16,style:{color:a}}),s?(0,t.jsx)("span",{className:"absolute inset-0 animate-ping rounded-full opacity-30",style:{background:a,animationDuration:"2.4s"}}):null]})}var I=e.i(71689),_=e.i(72520),B=e.i(43531),F=e.i(74886),q=e.i(48256),W=e.i(51338);let U=(0,r.default)("sun-moon",[["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M14.837 16.385a6 6 0 1 1-7.223-7.222c.624-.147.97.66.715 1.248a4 4 0 0 0 5.26 5.259c.589-.255 1.396.09 1.248.715",key:"xlf6rm"}],["path",{d:"M16 12a4 4 0 0 0-4-4",key:"6vsxu"}],["path",{d:"m19 5-1.256 1.256",key:"1yg6a6"}],["path",{d:"M20 12h2",key:"1q8mjw"}]]),H="clawcrib:onboarded";function G({command:e}){let[a,s]=(0,l.useState)(!1);return(0,t.jsxs)("button",{onClick:()=>{navigator.clipboard.writeText(e).then(()=>{s(!0),setTimeout(()=>s(!1),1500)})},className:"group flex w-full items-center gap-2 rounded-lg border border-white/12 bg-black/50 px-3 py-2 text-left transition-colors hover:border-white/25","aria-label":`Copy: ${e}`,children:[(0,t.jsx)("code",{className:"min-w-0 flex-1 overflow-x-auto whitespace-nowrap font-mono text-[11px] leading-relaxed text-white/80 [scrollbar-width:none]",children:e}),a?(0,t.jsx)(B.Check,{size:13,className:"shrink-0 text-[#4CAF50]"}):(0,t.jsx)(F.Copy,{size:13,className:"shrink-0 text-white/35 transition-colors group-hover:text-white/70"})]})}function X({icon:e,title:a,body:s}){return(0,t.jsxs)("div",{className:"flex items-start gap-3",children:[(0,t.jsx)("span",{className:"mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-lg border border-white/10 bg-white/[0.06] text-white/75",children:e}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("div",{className:"text-[12.5px] font-semibold text-white",children:a}),(0,t.jsx)("div",{className:"text-[11.5px] leading-relaxed text-white/55",children:s})]})]})}function V({state:e,onClose:a}){let[s,r]=(0,l.useState)(0),i="gateway"===e.source&&"live"===e.connection,d=()=>{try{window.localStorage.setItem(H,"1")}catch{}a()};(0,l.useEffect)(()=>{let e=e=>{"Escape"===e.key&&d(),"ArrowRight"===e.key&&s<2&&r(s+1),"ArrowLeft"===e.key&&s>0&&r(s-1)};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[s]);let h=[(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"mb-1 flex items-center gap-2",children:[(0,t.jsx)("img",{src:"/logo-bracket-claw.svg",alt:"",className:"h-7 w-auto"}),(0,t.jsxs)("h2",{className:"text-lg font-bold text-white",children:["Welcome to your ",(0,t.jsx)("span",{className:"text-[#E63946]",children:"crib"})]})]}),(0,t.jsx)("p",{className:"text-[13px] leading-relaxed text-white/65",children:"This is a live 3D office for your OpenClaw agents. Every desk, walk, and workboard card is driven by real agent activity — nothing here is decorative."}),(0,t.jsx)("div",{className:"mt-4 rounded-xl border border-white/10 bg-white/[0.04] p-3",children:i?(0,t.jsxs)("p",{className:"flex items-start gap-2 text-[12px] leading-relaxed text-white/70",children:[(0,t.jsx)(O.Radio,{size:14,className:"mt-0.5 shrink-0 text-[#4CAF50]"}),"You're connected to your gateway — the agents on the floor are your real team, live."]}):(0,t.jsxs)("p",{className:"flex items-start gap-2 text-[12px] leading-relaxed text-white/70",children:[(0,t.jsx)(O.Radio,{size:14,className:"mt-0.5 shrink-0 text-[#39e6e0]"}),"Right now you're watching a simulated team, so you can explore freely. The next step connects your real agents."]})})]},"welcome"),(0,t.jsxs)("div",{children:[(0,t.jsx)("h2",{className:"mb-1 text-lg font-bold text-white",children:i?"You're connected":"Connect your OpenClaw gateway"}),i?(0,t.jsx)("p",{className:"text-[13px] leading-relaxed text-white/65",children:"Nothing to do — this crib is streaming live from your gateway. Everyone on the floor is one of your real agents."}):(0,t.jsx)("p",{className:"text-[13px] leading-relaxed text-white/65",children:"You're watching a simulated team because no gateway was found on this machine. Install ClawCrib where your agents run and it connects on its own:"}),i?null:(0,t.jsxs)("div",{className:"mt-3 flex flex-col gap-3",children:[(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"mb-1.5 flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wider text-white/45",children:[(0,t.jsx)(W.MonitorSmartphone,{size:12})," On the machine your agents run on"]}),(0,t.jsx)(G,{command:"npm i -g clawcrib && clawcrib start"}),(0,t.jsxs)("p",{className:"mt-1.5 text-[11px] leading-relaxed text-white/45",children:["Finds the gateway on ",(0,t.jsx)("code",{className:"font-mono",children:"127.0.0.1:18789"})," and connects — no URL or token to paste."]})]}),(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"mb-1.5 flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wider text-white/45",children:[(0,t.jsx)(q.Globe,{size:12})," Gateway on another host"]}),(0,t.jsx)(G,{command:"clawcrib start --gateway ws://<machine>.<tailnet>.ts.net:18789"}),(0,t.jsxs)("p",{className:"mt-1.5 text-[11px] leading-relaxed text-white/45",children:["Only needed when the gateway is somewhere else. A first connect from a new machine may need a one-time approval on the gateway host:"," ",(0,t.jsx)("code",{className:"font-mono",children:"openclaw devices approve <requestId>"}),"."]})]})]})]},"connect"),(0,t.jsxs)("div",{children:[(0,t.jsx)("h2",{className:"mb-1 text-lg font-bold text-white",children:"Find your way around"}),(0,t.jsxs)("div",{className:"mt-3 flex flex-col gap-3",children:[(0,t.jsx)(X,{icon:(0,t.jsx)(x,{size:14}),title:"Plan / 3D toggle",body:"Top right. Plan is the blueprint view for laying out the floor; 3D is the live office. Drag orbits, scroll zooms, right-drag pans."}),(0,t.jsx)(X,{icon:(0,t.jsx)(u,{size:14}),title:"Build (Plan view)",body:"Add rooms and place them: Custom pins an exact spot and size, Auto packs the east wall. Drag left/right on any number field to scrub it. Lock the building size under Building."}),(0,t.jsx)(X,{icon:(0,t.jsx)(o.LayoutGrid,{size:14}),title:"Organize",body:"Buildings (profiles), departments, and which agents sit in which room. Room colors become department colors on the floor."}),(0,t.jsx)(X,{icon:(0,t.jsx)(U,{size:14}),title:"Theme",body:"One switch flips Plan and 3D between night and day."}),(0,t.jsx)(X,{icon:(0,t.jsx)(n.Bot,{size:14}),title:"Robot style",body:"3D view only — recolor your bots' body, visor, and eyes."}),(0,t.jsx)(X,{icon:(0,t.jsx)(c,{size:14}),title:"Activity feed",body:"Bottom right — a running narration of every tool call, task, and cron across the team."})]})]},"ui")];return(0,t.jsx)("div",{className:"absolute inset-0 z-40 flex items-center justify-center bg-black/55 p-4 backdrop-blur-[3px]",role:"dialog","aria-modal":"true","aria-label":"ClawCrib tour",onClick:d,children:(0,t.jsxs)("div",{className:"w-full max-w-md rounded-2xl border border-white/12 bg-[#0c0e16]/95 p-5 shadow-2xl",onClick:e=>e.stopPropagation(),children:[(0,t.jsxs)("div",{className:"mb-3 flex items-start justify-between",children:[(0,t.jsx)("div",{className:"flex items-center gap-1.5",children:[0,1,2].map(e=>(0,t.jsx)("button",{onClick:()=>r(e),className:`h-1.5 rounded-full transition-all ${e===s?"w-6 bg-[#E63946]":"w-1.5 bg-white/20 hover:bg-white/40"}`,"aria-label":`Step ${e+1}`},e))}),(0,t.jsx)("button",{onClick:d,className:"rounded-full p-1 text-white/45 transition-colors hover:text-white","aria-label":"Close tour",children:(0,t.jsx)(b.X,{size:15})})]}),h[s],(0,t.jsxs)("div",{className:"mt-5 flex items-center justify-between",children:[s>0?(0,t.jsxs)("button",{onClick:()=>r(s-1),className:"inline-flex items-center gap-1.5 rounded-lg px-2.5 py-1.5 text-[12px] font-medium text-white/55 transition-colors hover:text-white",children:[(0,t.jsx)(I.ArrowLeft,{size:13})," Back"]}):(0,t.jsx)("button",{onClick:d,className:"rounded-lg px-2.5 py-1.5 text-[12px] font-medium text-white/40 transition-colors hover:text-white",children:"Skip tour"}),s<h.length-1?(0,t.jsxs)("button",{onClick:()=>r(s+1),className:"inline-flex items-center gap-1.5 rounded-lg bg-[#E63946] px-4 py-1.5 text-[12px] font-semibold text-white transition-colors hover:bg-[#C1121F]",children:["Next ",(0,t.jsx)(_.ArrowRight,{size:13})]}):(0,t.jsx)("button",{onClick:d,className:"inline-flex items-center gap-1.5 rounded-lg bg-[#E63946] px-4 py-1.5 text-[12px] font-semibold text-white transition-colors hover:bg-[#C1121F]",children:"Open the crib"})]})]})})}var Y=e.i(7486);let K=(0,r.default)("door-open",[["path",{d:"M11 20H2",key:"nlcfvz"}],["path",{d:"M11 4.562v16.157a1 1 0 0 0 1.242.97L19 20V5.562a2 2 0 0 0-1.515-1.94l-4-1A2 2 0 0 0 11 4.561z",key:"au4z13"}],["path",{d:"M11 4H8a2 2 0 0 0-2 2v14",key:"74r1mk"}],["path",{d:"M14 12h.01",key:"1jfl7z"}],["path",{d:"M22 20h-3",key:"vhrsz"}]]);var J=e.i(7233),Q=e.i(27612),Z=e.i(84397),ee=e.i(52496);let et=["N","S","W","E"],ea=e=>Math.round(2*e)/2;function es({state:e,config:a,update:s,onClose:n}){let r=[...a.rooms].sort((e,t)=>e.order-t.order),i=(e,t)=>s(a=>({...a,rooms:a.rooms.map(a=>a.id===e?{...a,...t}:a)})),o=(e,t,a)=>s(s=>({...s,rooms:s.rooms.map(l=>{if(l.id!==e)return l;let n={...l.rect??(0,ee.defaultRoomRect)(s.rooms.indexOf(l)),[t]:ea(a)};return("w"===t||"d"===t)&&(n[t]=Math.max(2.5,n[t])),{...l,rect:n}})})),d=(0,l.useMemo)(()=>{let t=(0,Z.computeFloorPlan)(e.agents,{...a,building:void 0});return{w:t.W,d:t.D}},[e.agents,a]),c=(e,t)=>s(a=>{let s=a.building??d;return{...a,building:{...s,[e]:Math.max(10,ea(t))}}});return(0,t.jsxs)("div",{className:"absolute right-4 top-16 z-30 flex max-h-[calc(100dvh-6rem)] w-[360px] flex-col rounded-2xl border border-white/12 bg-[#0c0e16]/95 shadow-2xl backdrop-blur-md",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between border-b border-white/10 px-4 py-3",children:[(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex items-center gap-1.5 text-sm font-semibold text-white",children:[(0,t.jsx)(u,{size:14})," Floor-plan builder"]}),(0,t.jsx)("div",{className:"text-[11px] text-white/45",children:"Place + size rooms — the plan updates live"})]}),(0,t.jsx)("button",{onClick:n,className:"rounded-md p-1 text-white/55 hover:bg-white/10 hover:text-white","aria-label":"Close",children:(0,t.jsx)(b.X,{size:16})})]}),(0,t.jsxs)("div",{className:"flex-1 overflow-y-auto px-4 py-3",children:[(0,t.jsxs)("div",{className:"mb-2 flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-white/40",children:[(0,t.jsx)(Y.Building2,{size:12})," Building"]}),(0,t.jsxs)("div",{className:"mb-4 rounded-xl border border-white/10 bg-white/[0.03] px-2.5 py-2",children:[(0,t.jsx)(el,{custom:!!a.building,onSelect:e=>s(t=>{if(!e){let e={...t};return delete e.building,e}return{...t,building:t.building??{w:ea(d.w),d:ea(d.d)}}}),customLabel:"Custom",autoLabel:"Auto"}),a.building?(0,t.jsxs)("div",{className:"mt-2 grid grid-cols-2 gap-x-3 gap-y-1.5",children:[(0,t.jsx)(er,{label:"Width",value:a.building.w,step:.5,min:10,onChange:e=>c("w",e)}),(0,t.jsx)(er,{label:"Depth",value:a.building.d,step:.5,min:10,onChange:e=>c("d",e)})]}):(0,t.jsxs)("p",{className:"mt-1.5 text-[11px] leading-relaxed text-white/40",children:["Sized to fit contents — currently ",Math.round(10*d.w)/10," × ",Math.round(10*d.d)/10," m. Switch to Custom to lock the floor size."]}),a.building?(0,t.jsx)("p",{className:"mt-1.5 text-[11px] leading-relaxed text-white/35",children:"The floor keeps this size; it only grows if rooms need more space."}):null]}),(0,t.jsxs)("div",{className:"mb-2 flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-[11px] font-medium uppercase tracking-wide text-white/40",children:"Rooms"}),(0,t.jsxs)("button",{onClick:()=>s(e=>{let t=ee.ROOM_PALETTE[e.rooms.length%ee.ROOM_PALETTE.length];return{...e,rooms:[...e.rooms,{id:(0,ee.newRoomId)(),name:`Office ${e.rooms.length+1}`,color:t,order:e.rooms.length,rect:(0,ee.defaultRoomRect)(e.rooms.length),doorSide:"S"}]}}),className:"flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[12px] font-medium text-[#7c5cff] hover:bg-white/5",children:[(0,t.jsx)(J.Plus,{size:13})," Add office"]})]}),0===r.length?(0,t.jsx)("p",{className:"rounded-lg border border-dashed border-white/12 px-3 py-2.5 text-[12px] leading-relaxed text-white/45",children:"No rooms yet. Add an office, then drag its size + position with the controls. Assign agents to rooms in “Organize”."}):(0,t.jsx)("div",{className:"flex flex-col gap-2.5",children:r.map(e=>{let l=!!e.rect,n=Object.values(a.assignments).filter(t=>t===e.id).length,d=e.rect??(0,ee.defaultRoomRect)(r.indexOf(e));return(0,t.jsxs)("div",{className:"rounded-xl border border-white/10 bg-white/[0.03] px-2.5 py-2",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("label",{className:"relative h-5 w-5 shrink-0 cursor-pointer rounded-full",style:{background:e.color},children:(0,t.jsx)("input",{type:"color",value:e.color,onChange:t=>i(e.id,{color:t.target.value}),className:"absolute inset-0 cursor-pointer opacity-0","aria-label":`${e.name} color`})}),(0,t.jsx)("input",{value:e.name,onChange:t=>i(e.id,{name:t.target.value}),className:"min-w-0 flex-1 bg-transparent text-sm text-white outline-none"}),(0,t.jsx)("span",{className:"shrink-0 text-[11px] tabular-nums text-white/35",title:"agents assigned",children:n}),(0,t.jsx)("button",{onClick:()=>{let t;return t=e.id,s(e=>{let a={...e.assignments};for(let e of Object.keys(a))a[e]===t&&delete a[e];return{...e,rooms:e.rooms.filter(e=>e.id!==t),assignments:a}})},className:"shrink-0 rounded p-1 text-white/40 hover:bg-white/10 hover:text-[#ff6b9d]","aria-label":`Delete ${e.name}`,children:(0,t.jsx)(Q.Trash2,{size:13})})]}),(0,t.jsx)("div",{className:"mt-2",children:(0,t.jsx)(el,{custom:l,onSelect:t=>{let a;return a=e.id,s(e=>({...e,rooms:e.rooms.map(s=>{if(s.id!==a)return s;if(t)return{...s,rect:s.rect??(0,ee.defaultRoomRect)(e.rooms.indexOf(s)),doorSide:s.doorSide??"S"};let l={...s};return delete l.rect,delete l.doorSide,l})}))},customLabel:"Custom",autoLabel:"Auto (east wall)"})}),l?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"mt-2 grid grid-cols-2 gap-x-3 gap-y-1.5",children:[(0,t.jsx)(er,{label:"X",value:d.x,step:.5,onChange:t=>o(e.id,"x",t)}),(0,t.jsx)(er,{label:"Z",value:d.z,step:.5,onChange:t=>o(e.id,"z",t)}),(0,t.jsx)(er,{label:"Width",value:d.w,step:.5,min:2.5,onChange:t=>o(e.id,"w",t)}),(0,t.jsx)(er,{label:"Depth",value:d.d,step:.5,min:2.5,onChange:t=>o(e.id,"d",t)})]}),(0,t.jsxs)("div",{className:"mt-2 flex items-center gap-1.5",children:[(0,t.jsxs)("span",{className:"flex items-center gap-1 text-[11px] text-white/40",children:[(0,t.jsx)(K,{size:12})," Door"]}),(0,t.jsx)("div",{className:"flex gap-1",children:et.map(a=>(0,t.jsx)("button",{onClick:()=>i(e.id,{doorSide:a}),className:`h-6 w-6 rounded-md border text-[11px] font-semibold transition-colors ${(e.doorSide??"S")===a?"border-[#7c5cff]/60 bg-[#7c5cff]/20 text-white":"border-white/12 text-white/50 hover:text-white"}`,title:`Door on ${a} wall`,children:a},a))})]})]}):null]},e.id)})})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between border-t border-white/10 px-4 py-2.5",children:[(0,t.jsxs)("span",{className:"text-[11px] text-white/35",children:[e.agents.length," agents · units in meters"]}),(0,t.jsx)("span",{className:"text-[11px] text-white/30",children:"Saved automatically"})]})]})}function el({custom:e,onSelect:a,customLabel:s,autoLabel:l}){let n=e=>`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${e?"border-[#7c5cff]/60 bg-[#7c5cff]/20 text-white":"border-white/12 text-white/50 hover:text-white"}`;return(0,t.jsxs)("div",{className:"flex items-center gap-1.5",role:"radiogroup",children:[(0,t.jsx)("button",{onClick:()=>a(!0),className:n(e),role:"radio","aria-checked":e,children:s}),(0,t.jsx)("button",{onClick:()=>a(!1),className:n(!e),role:"radio","aria-checked":!e,children:l})]})}let en=e=>String(Math.round(100*e)/100);function er({label:e,value:a,onChange:s,step:n=1,min:r}){let[i,o]=(0,l.useState)(null),d=(0,l.useRef)(null),c=e=>null!=r?Math.max(r,e):e;return(0,t.jsxs)("label",{className:"flex select-none items-center justify-between gap-2 text-[11px] text-white/45",style:{cursor:"ew-resize",touchAction:"none"},onPointerDown:e=>{0===e.button&&(d.current={x:e.clientX,v:a,scrubbing:!1})},onPointerMove:e=>{let t=d.current;if(!t)return;let a=e.clientX-t.x;if(!t.scrubbing){if(3>Math.abs(a))return;t.scrubbing=!0,o(null),e.currentTarget.setPointerCapture(e.pointerId),document.activeElement?.blur?.()}s(c(Math.round((t.v+a/4*n)/n)*n)),e.preventDefault()},onPointerUp:()=>{d.current=null},onPointerCancel:()=>{d.current=null},children:[(0,t.jsx)("span",{className:"w-10 shrink-0 uppercase tracking-wide",children:e}),(0,t.jsx)("input",{type:"number",value:i??en(Number.isFinite(a)?a:0),step:n,min:r,onFocus:()=>o(en(a)),onBlur:()=>o(null),onChange:e=>{o(e.target.value);let t=parseFloat(e.target.value);Number.isFinite(t)&&s(c(t))},className:"min-w-0 flex-1 cursor-text rounded-md border border-white/12 bg-[#11131c] px-2 py-1 text-right text-[12px] tabular-nums text-white outline-none focus:border-white/30"})]})}function ei({state:e,config:a,update:s,profiles:l,activeId:n,selectProfile:r,createProfile:i,deleteProfile:o,canAddProfile:d,onClose:c}){let u=[...e.agents].sort((e,t)=>e.id.localeCompare(t.id));return(0,t.jsxs)("div",{className:"absolute right-4 top-16 z-30 flex max-h-[calc(100dvh-6rem)] w-[340px] flex-col rounded-2xl border border-white/12 bg-[#0c0e16]/95 shadow-2xl backdrop-blur-md",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between border-b border-white/10 px-4 py-3",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-sm font-semibold text-white",children:"Organize building"}),(0,t.jsx)("div",{className:"text-[11px] text-white/45",children:"Group agents into rooms — views update live"})]}),(0,t.jsx)("button",{onClick:c,className:"rounded-md p-1 text-white/55 hover:bg-white/10 hover:text-white","aria-label":"Close",children:(0,t.jsx)(b.X,{size:16})})]}),(0,t.jsxs)("div",{className:"flex-1 overflow-y-auto px-4 py-3",children:[(0,t.jsxs)("div",{className:"mb-1 flex items-center justify-between",children:[(0,t.jsxs)("span",{className:"flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-white/40",children:[(0,t.jsx)(Y.Building2,{size:12})," Saved buildings"]}),(0,t.jsxs)("button",{onClick:i,disabled:!d,className:"flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[12px] font-medium text-[#7c5cff] enabled:hover:bg-white/5 disabled:cursor-not-allowed disabled:text-white/25",title:d?"New building":"Profile limit reached",children:[(0,t.jsx)(J.Plus,{size:13})," New"]})]}),(0,t.jsxs)("div",{className:"mb-4 flex items-center gap-2",children:[(0,t.jsx)("select",{value:n??"",onChange:e=>r(e.target.value),className:"min-w-0 flex-1 rounded-lg border border-white/12 bg-[#11131c] px-2.5 py-1.5 text-sm text-white outline-none focus:border-white/30",children:l.map(e=>(0,t.jsx)("option",{value:e.id,children:e.name},e.id))}),(0,t.jsx)("button",{onClick:()=>n&&o(n),disabled:l.length<=1,className:"shrink-0 rounded-lg border border-white/10 p-2 text-white/45 enabled:hover:bg-white/10 enabled:hover:text-[#ff6b9d] disabled:cursor-not-allowed disabled:opacity-40",title:l.length<=1?"Keep at least one building":"Delete this building","aria-label":"Delete building",children:(0,t.jsx)(Q.Trash2,{size:14})})]}),(0,t.jsx)("label",{className:"mb-1 block text-[11px] font-medium uppercase tracking-wide text-white/40",children:"Building name"}),(0,t.jsx)("input",{value:a.buildingName,onChange:e=>s(t=>({...t,buildingName:e.target.value})),className:"mb-4 w-full rounded-lg border border-white/12 bg-white/[0.04] px-2.5 py-1.5 text-sm text-white outline-none focus:border-white/30"}),(0,t.jsxs)("div",{className:"mb-1 flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-[11px] font-medium uppercase tracking-wide text-white/40",children:"Rooms"}),(0,t.jsxs)("button",{onClick:()=>s(e=>{let t=ee.ROOM_PALETTE[e.rooms.length%ee.ROOM_PALETTE.length];return{...e,rooms:[...e.rooms,{id:(0,ee.newRoomId)(),name:`Room ${e.rooms.length+1}`,color:t,order:e.rooms.length}]}}),className:"flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[12px] font-medium text-[#7c5cff] hover:bg-white/5",children:[(0,t.jsx)(J.Plus,{size:13})," Add"]})]}),0===a.rooms.length?(0,t.jsx)("p",{className:"mb-4 rounded-lg border border-dashed border-white/12 px-3 py-2.5 text-[12px] leading-relaxed text-white/45",children:"No rooms yet — everyone shares the open floor. Add a room, then assign agents below."}):(0,t.jsx)("div",{className:"mb-4 flex flex-col gap-1.5",children:[...a.rooms].sort((e,t)=>e.order-t.order).map(e=>{let l=Object.values(a.assignments).filter(t=>t===e.id).length;return(0,t.jsxs)("div",{className:"flex items-center gap-2 rounded-lg border border-white/10 bg-white/[0.03] px-2 py-1.5",children:[(0,t.jsx)("label",{className:"relative h-5 w-5 shrink-0 cursor-pointer rounded-full",style:{background:e.color},children:(0,t.jsx)("input",{type:"color",value:e.color,onChange:t=>{let a,l;return a=e.id,l=t.target.value,s(e=>({...e,rooms:e.rooms.map(e=>e.id===a?{...e,color:l}:e)}))},className:"absolute inset-0 cursor-pointer opacity-0","aria-label":`${e.name} color`})}),(0,t.jsx)("input",{value:e.name,onChange:t=>{let a,l;return a=e.id,l=t.target.value,s(e=>({...e,rooms:e.rooms.map(e=>e.id===a?{...e,name:l}:e)}))},className:"min-w-0 flex-1 bg-transparent text-sm text-white outline-none"}),(0,t.jsx)("span",{className:"shrink-0 text-[11px] tabular-nums text-white/35",children:l}),(0,t.jsx)("button",{onClick:()=>{let t;return t=e.id,s(e=>{let a={...e.assignments};for(let e of Object.keys(a))a[e]===t&&delete a[e];return{...e,rooms:e.rooms.filter(e=>e.id!==t),assignments:a}})},className:"shrink-0 rounded p-1 text-white/40 hover:bg-white/10 hover:text-[#ff6b9d]","aria-label":`Delete ${e.name}`,children:(0,t.jsx)(Q.Trash2,{size:13})})]},e.id)})}),(0,t.jsx)("div",{className:"mb-1 text-[11px] font-medium uppercase tracking-wide text-white/40",children:"Agents"}),(0,t.jsxs)("div",{className:"flex flex-col gap-1",children:[u.map(e=>(0,t.jsxs)("div",{className:"flex items-center gap-2 rounded-lg px-1 py-1",children:[(0,t.jsx)("span",{className:"min-w-0 flex-1 truncate text-sm text-white/85",title:e.id,children:e.name}),(0,t.jsxs)("select",{value:a.assignments[e.id]??"",onChange:t=>{let a,l;return a=e.id,l=t.target.value,s(e=>{let t={...e.assignments};return l?t[a]=l:delete t[a],{...e,assignments:t}})},className:"shrink-0 rounded-md border border-white/12 bg-[#11131c] px-2 py-1 text-[12px] text-white outline-none focus:border-white/30",children:[(0,t.jsx)("option",{value:"",children:"Open floor"}),[...a.rooms].sort((e,t)=>e.order-t.order).map(e=>(0,t.jsx)("option",{value:e.id,children:e.name},e.id))]})]},e.id)),0===u.length?(0,t.jsx)("p",{className:"px-1 py-2 text-[12px] text-white/40",children:"Waiting for the gateway roster…"}):null]})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between border-t border-white/10 px-4 py-2.5",children:[(0,t.jsxs)("button",{onClick:()=>s(e=>({version:1,buildingName:e.buildingName,rooms:[],assignments:{}})),className:"flex items-center gap-1.5 text-[12px] text-white/45 hover:text-white/80",children:[(0,t.jsx)(h.RotateCcw,{size:13})," Reset to open floor"]}),(0,t.jsx)("span",{className:"text-[11px] text-white/30",children:"Saved automatically"})]})]})}var eo=e.i(72664);let ed=(0,r.default)("drafting-compass",[["path",{d:"m12.99 6.74 1.93 3.44",key:"iwagvd"}],["path",{d:"M19.136 12a10 10 0 0 1-14.271 0",key:"ppmlo4"}],["path",{d:"m21 21-2.16-3.84",key:"vylbct"}],["path",{d:"m3 21 8.02-14.26",key:"1ssaw4"}],["circle",{cx:"12",cy:"5",r:"2",key:"f1ur92"}]]),ec=["plan","3d"];function eu({value:e,onChange:a}){let s=ec.indexOf(e);return(0,t.jsxs)("div",{role:"tablist","aria-label":"View mode",className:"relative flex select-none items-center gap-1 rounded-full border border-white/10 bg-black/40 p-1 backdrop-blur-md",style:{boxShadow:"0 8px 30px rgba(0,0,0,0.45)"},children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"absolute top-1 bottom-1 rounded-full bg-white/10 transition-transform duration-300 ease-out",style:{width:"calc(50% - 4px)",left:4,transform:`translateX(${100*s}%)`,background:"linear-gradient(180deg, rgba(124,92,255,0.35), rgba(40,214,168,0.22))",border:"1px solid rgba(255,255,255,0.14)"}}),(0,t.jsx)(ex,{active:"plan"===e,onClick:()=>a("plan"),icon:(0,t.jsx)(ed,{size:15,strokeWidth:2.2}),label:"Plan"}),(0,t.jsx)(ex,{active:"3d"===e,onClick:()=>a("3d"),icon:(0,t.jsx)(eo.Box,{size:15,strokeWidth:2.2}),label:"3D"})]})}function ex({active:e,onClick:a,icon:s,label:l}){return(0,t.jsxs)("button",{role:"tab","aria-selected":e,onClick:a,className:"relative z-10 flex w-[64px] items-center justify-center gap-1.5 rounded-full px-3 py-1.5 text-[13px] font-medium transition-colors",style:{color:e?"#fff":"rgba(255,255,255,0.5)"},children:[s,l]})}var eh=e.i(1605);let em=[{id:"atlas",name:"Atlas",role:"Orchestrator",model:"claude-opus-4-8",color:"#7c5cff",cronEveryMs:47e3,cronCount:3},{id:"sage",name:"Sage",role:"Docs & memory",model:"claude-sonnet-4-6",color:"#ffb547",cronEveryMs:73e3,cronCount:1},{id:"forge",name:"Forge",role:"Build & deploy",model:"claude-opus-4-8",color:"#ff7a59",cronEveryMs:53e3,cronCount:2},{id:"bolt",name:"Bolt",role:"CI & test runs",model:"claude-haiku-4-5",color:"#ffd166",cronEveryMs:29e3,cronCount:5},{id:"patch",name:"Patch",role:"Bug triage",model:"claude-sonnet-4-6",color:"#8ce99a",cronEveryMs:61e3,cronCount:2},{id:"vera",name:"Vera",role:"QA & verification",model:"claude-sonnet-4-6",color:"#63e6be",cronEveryMs:41e3,cronCount:3},{id:"nova",name:"Nova",role:"Research & web",model:"claude-sonnet-4-6",color:"#28d6a8",cronEveryMs:31e3,cronCount:2},{id:"scout",name:"Scout",role:"Crawl & index",model:"claude-haiku-4-5",color:"#4dd4ac",cronEveryMs:17e3,cronCount:6},{id:"pixel",name:"Pixel",role:"Design & assets",model:"claude-sonnet-4-6",color:"#ff5d9e",cronEveryMs:89e3,cronCount:1},{id:"muse",name:"Muse",role:"Copy & content",model:"claude-sonnet-4-6",color:"#e599f7",cronEveryMs:67e3,cronCount:1},{id:"echo",name:"Echo",role:"Comms / channels",model:"claude-haiku-4-5",color:"#4ea1ff",cronEveryMs:19e3,cronCount:4},{id:"warden",name:"Warden",role:"Security watch",model:"claude-sonnet-4-6",color:"#46d3ff",cronEveryMs:23e3,cronCount:3},{id:"ledger",name:"Ledger",role:"Metrics & cost",model:"claude-haiku-4-5",color:"#a5d8ff",cronEveryMs:37e3,cronCount:4}],ep=[{title:"bash: pytest -q",kind:"command"},{title:"web.search",kind:"search"},{title:"fs.read AGENTS.md",kind:"tool"},{title:"git.commit",kind:"command"},{title:"http.fetch docs",kind:"tool"},{title:"fs.patch route.ts",kind:"patch"},{title:"analysis: diff review",kind:"analysis"},{title:"bash: npm run build",kind:"command"},{title:"memory.write daily",kind:"tool"},{title:"channel.send Slack",kind:"tool"}],eb=["summarize PR #214","scrape changelog","lint workspace","draft release notes","verify cron output","index new docs"],eg=[["Read context","Run tests","Patch failure","Re-run"],["Fetch sources","Rank by relevance","Summarize"],["Pull diff","Review","Comment","Approve"]];function ef(e){return e[Math.floor(Math.random()*e.length)]}function ew(e,t,a){let s=e.map(e=>({id:e.id,name:e.name,role:e.role,model:e.model,color:e.color,status:e.status,activity:e.activity,plan:e.plan,subAgents:e.subAgents,tasks:{queued:e.queued,running:e.running},cron:{count:e.cronCount,nextRunAtMs:e.cronNextAt,running:"cron"===e.status},lastActiveMs:e.lastActiveMs,isDefault:"atlas"===e.id,totalTokens:e.totalTokens})),l=e.flatMap(e=>Array.from({length:e.cronCount},(t,a)=>({id:`${e.id}-cron-${a}`,name:0===a?"heartbeat":`job-${a}`,agentId:e.id,enabled:!0,nextRunAtMs:e.cronNextAt+5e3*a,runningAtMs:"cron"===e.status&&0===a?Date.now():void 0,lastRunStatus:"ok"}))),n=e.flatMap(e=>{let t=[];for(let a=0;a<e.running;a++)t.push({id:`${e.id}-run-${a}`,agentId:e.id,label:e.activity?.title??"running",status:"running",startedAt:e.lastActiveMs});for(let a=0;a<e.queued;a++)t.push({id:`${e.id}-q-${a}`,agentId:e.id,label:"queued task",status:"queued"});return t});return n.push(...t),{agents:s,crons:l,tasks:n,connection:"mock",source:"mock",serverVersion:"mock",note:a,updatedAt:Date.now()}}let ev=(0,a.default)(()=>e.A(76549),{loadableGenerated:{modules:[15697]},ssr:!1}),ej=(0,a.default)(()=>e.A(89517),{loadableGenerated:{modules:[52149]},ssr:!1}),ey={plan:"ClawCrib · building plan","3d":"ClawCrib · live agent building"};function ek(){let e="/demo"===(0,s.usePathname)(),a=function(){let[e,t]=(0,l.useState)(k.emptyTeamState);return(0,l.useEffect)(()=>{let e=null,a=null,s=!1,l=()=>{a?.stop(),a=null},n=e=>{a||(a=function(e,t={}){let a=Date.now(),s=em.map((e,t)=>({...e,status:t%3==0?"tool":"idle",cronNextAt:a+4e3+Math.floor(Math.random()*e.cronEveryMs),subAgents:[],queued:Math.floor(3*Math.random()),running:+(t%3==0),lastActiveMs:a,totalTokens:1e3+Math.floor(9e4*Math.random())})),l=t.tickMs??1100,n=null,r=[];function i(e){r.push(e),r.length>8&&r.shift()}return e(ew(s,r,t.note)),n=setInterval(function(){let a=Date.now();for(let e of s){if(a>=e.cronNextAt){e.status="cron",e.cronNextAt=a+e.cronEveryMs,e.lastActiveMs=a,e.activity={title:"cron: heartbeat",kind:"command",since:a,status:"running"};continue}let t=Math.random();switch(e.status){case"idle":t<.28?(e.status="thinking",e.plan=ef(eg),e.lastActiveMs=a):t<.33&&(e.status="tool",e.activity={...ef(ep),since:a,status:"running"},e.running=Math.max(1,e.running),e.lastActiveMs=a);break;case"thinking":t<.55?(e.status="tool",e.activity={...ef(ep),since:a,status:"running"},e.running=Math.max(1,e.running)):t<.7&&(e.status="idle",e.plan=void 0),e.lastActiveMs=a,e.totalTokens+=200+Math.floor(600*Math.random());break;case"tool":e.totalTokens+=150+Math.floor(900*Math.random()),e.lastActiveMs=a,t<.18?e.subAgents.length<1&&(e.subAgents.push({id:`${e.id}-sub-${Math.floor(1e5*Math.random())}`,agentId:e.id,parentId:e.id,label:ef(eb),task:ef(eb),status:"tool",startedAt:a}),e.running+=1):t<.42?(e.status="thinking",e.activity=void 0):t<.5?(i({id:`${e.id}-done-${a}`,agentId:e.id,label:e.activity?.title??"task",status:"completed",startedAt:a}),e.status="idle",e.activity=void 0,e.plan=void 0,e.running=Math.max(0,e.running-1),e.queued=Math.max(0,e.queued-(.5>Math.random()))):t<.53&&(i({id:`${e.id}-fail-${a}`,agentId:e.id,label:e.activity?.title??"task",status:"failed",startedAt:a}),e.status="error",e.activity={title:"tool failed",kind:"tool",since:a,status:"failed"});break;case"cron":t<.6&&(e.status="idle",e.activity=void 0);break;case"error":t<.5&&(e.status="thinking",e.activity=void 0);break;default:e.status="idle"}e.subAgents.length&&.22>Math.random()&&(e.subAgents.shift(),e.running=Math.max(0,e.running-1)),.15>Math.random()&&(e.queued=Math.min(6,e.queued+1))}e(ew(s,r,t.note))},l),{stop:()=>{n&&clearInterval(n),n=null}}}(a=>t({...a,note:e}),{note:e}))};try{(e=new EventSource("/api/crib/stream")).onmessage=e=>{s=!0,l();try{t(JSON.parse(e.data))}catch{}},e.onerror=()=>{s||n("Live stream unavailable — local simulation")}}catch{n("Live stream unavailable — local simulation")}let r=setTimeout(()=>{s||n("Connecting…")},4e3);return()=>{clearTimeout(r),e?.close(),l()}},[]),e}(),{config:r,update:m,profiles:b,activeId:f,selectProfile:w,createProfile:v,deleteProfile:j,canAddProfile:y}=(0,ee.useProfiles)(),[N,C]=(0,l.useState)("3d"),[M,A]=(0,l.useState)("dark"),[$,R]=(0,l.useState)(eh.DEFAULT_BOT_STYLE),[O,T]=(0,l.useState)(!1),[E,L]=(0,l.useState)(!1),[D,I]=(0,l.useState)(!1),[_,B]=(0,l.useState)(!1),F=(0,z.getCribTheme)(M),q=!(0,ee.hasRooms)(r)&&"gateway"!==a.source,W=(0,l.useMemo)(()=>q?(0,ee.demoRoomsConfig)():r,[q,r]);(0,l.useEffect)(()=>{let t=requestAnimationFrame(()=>{let t=window.localStorage.getItem("clawcrib:view");"plan"===t||"3d"===t?C(t):"2d"===t&&C("3d");let a=window.localStorage.getItem("clawcrib:theme");("light"===a||"dark"===a)&&A(a),R((0,eh.loadBotStyle)(window.localStorage.getItem("clawcrib:botstyle"))),!e&&function(){try{return!window.localStorage.getItem(H)}catch{return!1}}()&&B(!0)});return()=>cancelAnimationFrame(t)},[e]);let U=e=>{R(t=>{let a={...t,...e};return window.localStorage.setItem("clawcrib:botstyle",JSON.stringify(a)),a})};return(0,t.jsxs)("div",{className:"relative h-[100dvh] w-full overflow-hidden",style:{background:F.pageBg},children:[(0,t.jsx)("div",{className:"absolute inset-0",children:"plan"===N?(0,t.jsx)(ev,{state:a,config:W,theme:M}):(0,t.jsx)(ej,{state:a,config:W,theme:M,botStyle:$})}),(0,t.jsx)(P,{state:a}),(0,t.jsxs)("div",{className:"absolute right-4 top-4 z-20 flex items-center gap-2",children:[(0,t.jsx)("button",{onClick:()=>B(!0),className:"flex items-center gap-1.5 rounded-full border border-white/10 bg-black/40 px-2.5 py-1.5 text-[13px] font-medium text-white/70 backdrop-blur-md transition-colors hover:text-white",style:{boxShadow:"0 8px 30px rgba(0,0,0,0.45)"},"aria-label":"Open the tour",title:"Tour & setup",children:(0,t.jsx)(i,{size:15,strokeWidth:2.2})}),(0,t.jsx)("button",{onClick:()=>{A(e=>{let t="dark"===e?"light":"dark";return window.localStorage.setItem("clawcrib:theme",t),t})},className:"flex items-center gap-1.5 rounded-full border border-white/10 bg-black/40 px-2.5 py-1.5 text-[13px] font-medium text-white/70 backdrop-blur-md transition-colors hover:text-white",style:{boxShadow:"0 8px 30px rgba(0,0,0,0.45)"},"aria-label":"dark"===M?"Switch to light mode":"Switch to dark mode",title:"dark"===M?"Light mode":"Dark mode",children:"dark"===M?(0,t.jsx)(p.Sun,{size:15,strokeWidth:2.2}):(0,t.jsx)(d.Moon,{size:15,strokeWidth:2.2})}),"3d"===N?(0,t.jsx)("button",{onClick:()=>{I(e=>!e),T(!1),L(!1)},className:`flex items-center gap-1.5 rounded-full border px-2.5 py-1.5 text-[13px] font-medium backdrop-blur-md transition-colors ${D?"border-white/20 bg-white/15 text-white":"border-white/10 bg-black/40 text-white/70 hover:text-white"}`,style:{boxShadow:"0 8px 30px rgba(0,0,0,0.45)"},"aria-label":"Customize robot style",title:"Robot style","aria-pressed":D,children:(0,t.jsx)(n.Bot,{size:15,strokeWidth:2.2})}):null,"plan"===N?(0,t.jsxs)("button",{onClick:()=>{L(e=>!e),T(!1),I(!1)},className:`flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-[13px] font-medium backdrop-blur-md transition-colors ${E?"border-white/20 bg-white/15 text-white":"border-white/10 bg-black/40 text-white/70 hover:text-white"}`,style:{boxShadow:"0 8px 30px rgba(0,0,0,0.45)"},"aria-pressed":E,children:[(0,t.jsx)(u,{size:15,strokeWidth:2.2}),"Build"]}):null,(0,t.jsxs)("button",{onClick:()=>{T(e=>!e),L(!1),I(!1)},className:`flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-[13px] font-medium backdrop-blur-md transition-colors ${O?"border-white/20 bg-white/15 text-white":"border-white/10 bg-black/40 text-white/70 hover:text-white"}`,style:{boxShadow:"0 8px 30px rgba(0,0,0,0.45)"},"aria-pressed":O,children:[(0,t.jsx)(o.LayoutGrid,{size:15,strokeWidth:2.2}),"Organize"]}),(0,t.jsx)(eu,{value:N,onChange:e=>{C(e),window.localStorage.setItem("clawcrib:view",e)}})]}),_?(0,t.jsx)(V,{state:a,onClose:()=>B(!1)}):null,D&&"3d"===N?(0,t.jsx)(eC,{value:$,onChange:U,onReset:()=>U(eh.DEFAULT_BOT_STYLE),onClose:()=>I(!1)}):null,E&&"plan"===N?(0,t.jsx)(es,{state:a,config:W,update:m,onClose:()=>L(!1)}):null,O?(0,t.jsx)(ei,{state:a,config:W,update:m,profiles:b,activeId:f,selectProfile:w,createProfile:v,deleteProfile:j,canAddProfile:y,onClose:()=>T(!1)}):null,(0,t.jsx)(S,{state:a,theme:M}),(0,t.jsx)("div",{className:`pointer-events-none absolute bottom-4 left-4 z-10 flex flex-col gap-1.5 rounded-xl border px-3 py-2.5 backdrop-blur-md ${F.legendOnLight?"border-black/10 bg-white/70":"border-white/10 bg-black/45"}`,children:"3d"===N?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(eM,{dark:!F.legendOnLight,icon:(0,t.jsx)(x,{size:13}),action:"Drag",effect:"orbit camera"}),(0,t.jsx)(eM,{dark:!F.legendOnLight,icon:(0,t.jsx)(g,{size:13}),action:"Scroll",effect:"zoom in / out"}),(0,t.jsx)(eM,{dark:!F.legendOnLight,icon:(0,t.jsx)(c,{size:13}),action:"Right-drag",effect:"pan across the floor"})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(eM,{dark:!F.legendOnLight,icon:(0,t.jsx)(c,{size:13}),action:"Drag",effect:"pan the floor plan"}),(0,t.jsx)(eM,{dark:!F.legendOnLight,icon:(0,t.jsx)(g,{size:13}),action:"Scroll",effect:"zoom in / out"}),(0,t.jsx)(eM,{dark:!F.legendOnLight,icon:(0,t.jsx)(h.RotateCcw,{size:13}),action:"Double-click",effect:"reset view"})]})}),(0,t.jsx)("div",{className:"pointer-events-none absolute bottom-3 left-1/2 z-10 -translate-x-1/2 text-[11px] tracking-wide",style:{color:F.caption,textShadow:F.legendOnLight?"0 1px 2px rgba(255,255,255,0.5)":"none"},children:ey[N]})]})}let eN=[{key:"body",label:"Body"},{key:"visor",label:"Visor"},{key:"eyes",label:"Eyes"}];function eC({value:e,onChange:a,onReset:s,onClose:l}){return(0,t.jsxs)("div",{className:"absolute right-4 top-16 z-30 w-64 rounded-2xl border border-white/10 bg-black/60 p-4 backdrop-blur-xl",style:{boxShadow:"0 12px 40px rgba(0,0,0,0.5)"},children:[(0,t.jsxs)("div",{className:"mb-3 flex items-center justify-between",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 text-[13px] font-semibold text-white",children:[(0,t.jsx)(n.Bot,{size:15,strokeWidth:2.2}),"Robot style"]}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("button",{onClick:s,className:"rounded-full p-1.5 text-white/50 transition-colors hover:text-white","aria-label":"Reset to default colors",title:"Reset",children:(0,t.jsx)(m,{size:13,strokeWidth:2.2})}),(0,t.jsx)("button",{onClick:l,className:"rounded-full p-1.5 text-white/50 transition-colors hover:text-white","aria-label":"Close",children:(0,t.jsx)(b.X,{size:14,strokeWidth:2.2})})]})]}),(0,t.jsx)("div",{className:"flex flex-col gap-3",children:eN.map(({key:s,label:l})=>(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"mb-1.5 text-[10px] font-semibold uppercase tracking-wider text-white/40",children:l}),(0,t.jsxs)("div",{className:"flex items-center gap-1.5",children:[eh.BOT_PRESETS[s].map(n=>(0,t.jsx)("button",{onClick:()=>a({[s]:n}),className:`h-6 w-6 rounded-full border transition-transform hover:scale-110 ${e[s].toLowerCase()===n.toLowerCase()?"border-white":"border-white/15"}`,style:{background:n},"aria-label":`${l} color ${n}`},n)),(0,t.jsx)("label",{className:"relative h-6 w-6 shrink-0 cursor-pointer overflow-hidden rounded-full border border-dashed border-white/30",title:"Custom color",style:{background:"conic-gradient(#ff6b81, #ffd166, #4cff9f, #39e6e0, #7c5cff, #ff6b81)"},children:(0,t.jsx)("input",{type:"color",value:e[s],onChange:e=>a({[s]:e.target.value}),className:"absolute inset-0 h-full w-full cursor-pointer opacity-0","aria-label":`Custom ${l.toLowerCase()} color`})})]})]},s))}),(0,t.jsx)("div",{className:"mt-3 text-[10px] leading-relaxed text-white/35",children:"Eye color shows while idle — active agents glow with their status color."})]})}function eM({icon:e,action:a,effect:s,dark:l}){return(0,t.jsxs)("div",{className:"flex items-center gap-2 text-[11px] leading-none",children:[(0,t.jsx)("span",{className:l?"text-white/55":"text-[#3c4250]",children:e}),(0,t.jsx)("span",{className:l?"font-semibold text-white/90":"font-semibold text-[#262b36]",children:a}),(0,t.jsx)("span",{className:l?"text-white/55":"text-[#5a6172]",children:s})]})}e.s(["default",()=>ek],73466)}]);