@ycodium-ai/plugin-pixel-office 0.0.0-stage → 0.2.3566

package/README.md

@@ -1,3 +1,19 @@
-# Temporary Holding Version
+# Pixel Office
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+团队页的第三种视角：把团队的每个会话画成办公室里的一个像素小人。团队层是一间房
+（负责人桌、成员工位、前台柜台、咖啡角、沙发、饮水机、门口队），项目层是每个团队一座岛。
+小人的姿势来自会话状态（在跑 / 等你处理 / 出错 / 空闲 / 盯着 / 已停 / 排队等名额），
+状态变化才换姿势；换场（工位 ↔ 咖啡角 ↔ 柜台）走有限步补间，补间期间 rAF ≤ 8 fps，走完即停。
+视角被切走（`active: false`）时停掉全部动画与订阅；静止时零重绘。
+
+- 视角：`ui.teamViews` 的 `office`，`scopes: ["team", "project"]`，座位 `team.view`。
+- 数据全部经公开插件接口：`work.lines.*`、`work.items.list`、`threads.list/get`、
+  `threads.execution.summary`，刷新靠本插件自己的 `watch` 门铃流（work 事件 + 会话目录流，
+  250 ms 合并）。
+- 素材全部自绘：字符画像素小人编译成 box-shadow，房间是纯 CSS 盒，不引外部图片。
+- 名册成员 ↔ 成员会话没有公开映射，所以小人以**会话**为单位（负责人会话 + `person` 子会话），
+  还没有会话的成员不进房间。
+
+构建：`node build.mjs`（宿主共享 React 与 plugin-api，只打包自身）。
+测试：`vp test run plugins/pixel-office`。
+真实浏览器验收：`node scripts/ui-probe/pixel-office.ts --home <新目录>`。

package/assets/icon.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" shape-rendering="crispEdges" role="img" aria-label="Pixel Office">
+  <rect width="16" height="16" fill="#0f172a"/>
+  <rect x="3" y="2" width="10" height="12" fill="#334155"/>
+  <rect x="4" y="3" width="2" height="2" fill="#fde68a"/>
+  <rect x="7" y="3" width="2" height="2" fill="#fde68a"/>
+  <rect x="10" y="3" width="2" height="2" fill="#38bdf8"/>
+  <rect x="4" y="6" width="2" height="2" fill="#38bdf8"/>
+  <rect x="7" y="6" width="2" height="2" fill="#fde68a"/>
+  <rect x="10" y="6" width="2" height="2" fill="#fde68a"/>
+  <rect x="4" y="9" width="2" height="2" fill="#fde68a"/>
+  <rect x="7" y="9" width="2" height="2" fill="#38bdf8"/>
+  <rect x="10" y="9" width="2" height="2" fill="#fde68a"/>
+  <rect x="6" y="12" width="4" height="2" fill="#0ea5e9"/>
+</svg>

package/assets/office.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" shape-rendering="crispEdges" role="img" aria-label="Office view">
+  <rect x="2" y="3" width="12" height="2" fill="#64748b"/>
+  <rect x="3" y="5" width="2" height="8" fill="#94a3b8"/>
+  <rect x="11" y="5" width="2" height="8" fill="#94a3b8"/>
+  <rect x="6" y="6" width="4" height="5" fill="#38bdf8"/>
+  <rect x="7" y="9" width="2" height="2" fill="#0ea5e9"/>
+  <rect x="6" y="12" width="5" height="1" fill="#f59e0b"/>
+</svg>

package/assets/ui.js

@@ -0,0 +1,494 @@
+var J=window.__ycodiumPluginHost.modules?.["@ycodium-ai/plugin-api/ui"];if(!J)throw new Error("This plugin needs a newer Ycodium app. Update the app.");var{HOST_TEAM_VIEW_PREFIX:ht,PLUGIN_UI_BRIDGE_VERSION:wt,PLUGIN_UI_FLOATING_VIEW_PROP:gt,PLUGIN_UI_GLOBAL_KEY:yt,PLUGIN_UI_HOST_CAPABILITIES:bt,PLUGIN_UI_HOST_COMMAND_PALETTE_UNAVAILABLE_MESSAGE:xt,PLUGIN_UI_HOST_UPGRADE_MESSAGE:vt,TEAM_VIEW_KEY_PATTERN:kt,communicationRecordStage:It,defineTeamView:Z,isTeamViewKey:Pt,pluginUiHostHasCapability:Ot}=J;var ee=`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+@layer properties, theme, base, components, utilities;
+@layer properties;
+:root, :host {
+  --color-ring: var(--ring);
+}
+@layer utilities {
+@scope (.ycodium-pixel-office-ui) {
+  .absolute:where(:scope, *) {
+    position: absolute;
+  }
+  .relative:where(:scope, *) {
+    position: relative;
+  }
+  .top-0:where(:scope, *) {
+    top: calc(var(--spacing, 0.25rem) * 0);
+  }
+  .left-0:where(:scope, *) {
+    left: calc(var(--spacing, 0.25rem) * 0);
+  }
+  .container:where(:scope, *) {
+    width: 100%;
+    @media (width >= 40rem) {
+      max-width: 40rem;
+    }
+    @media (width >= 48rem) {
+      max-width: 48rem;
+    }
+    @media (width >= 64rem) {
+      max-width: 64rem;
+    }
+    @media (width >= 80rem) {
+      max-width: 80rem;
+    }
+    @media (width >= 96rem) {
+      max-width: 96rem;
+    }
+  }
+  .m-0:where(:scope, *) {
+    margin: calc(var(--spacing, 0.25rem) * 0);
+  }
+  .m-1:where(:scope, *) {
+    margin: calc(var(--spacing, 0.25rem) * 1);
+  }
+  .m-2:where(:scope, *) {
+    margin: calc(var(--spacing, 0.25rem) * 2);
+  }
+  .m-3:where(:scope, *) {
+    margin: calc(var(--spacing, 0.25rem) * 3);
+  }
+  .m-4:where(:scope, *) {
+    margin: calc(var(--spacing, 0.25rem) * 4);
+  }
+  .m-8:where(:scope, *) {
+    margin: calc(var(--spacing, 0.25rem) * 8);
+  }
+  .m-9:where(:scope, *) {
+    margin: calc(var(--spacing, 0.25rem) * 9);
+  }
+  .m-auto:where(:scope, *) {
+    margin: auto;
+  }
+  .block:where(:scope, *) {
+    display: block;
+  }
+  .flex:where(:scope, *) {
+    display: flex;
+  }
+  .min-h-0:where(:scope, *) {
+    min-height: calc(var(--spacing, 0.25rem) * 0);
+  }
+  .w-full:where(:scope, *) {
+    width: 100%;
+  }
+  .min-w-0:where(:scope, *) {
+    min-width: calc(var(--spacing, 0.25rem) * 0);
+  }
+  .flex-1:where(:scope, *) {
+    flex: 1;
+  }
+  .shrink-0:where(:scope, *) {
+    flex-shrink: 0;
+  }
+  .origin-top-left:where(:scope, *) {
+    transform-origin: 0 0;
+  }
+  .transform:where(:scope, *) {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+  }
+  .flex-col:where(:scope, *) {
+    flex-direction: column;
+  }
+  .flex-wrap:where(:scope, *) {
+    flex-wrap: wrap;
+  }
+  .items-center:where(:scope, *) {
+    align-items: center;
+  }
+  .justify-center:where(:scope, *) {
+    justify-content: center;
+  }
+  .gap-1\\.5:where(:scope, *) {
+    gap: calc(var(--spacing, 0.25rem) * 1.5);
+  }
+  .gap-2:where(:scope, *) {
+    gap: calc(var(--spacing, 0.25rem) * 2);
+  }
+  .gap-x-4:where(:scope, *) {
+    column-gap: calc(var(--spacing, 0.25rem) * 4);
+  }
+  .gap-y-1:where(:scope, *) {
+    row-gap: calc(var(--spacing, 0.25rem) * 1);
+  }
+  .overflow-hidden:where(:scope, *) {
+    overflow: hidden;
+  }
+  .overflow-y-auto:where(:scope, *) {
+    overflow-y: auto;
+  }
+  .px-4:where(:scope, *) {
+    padding-inline: calc(var(--spacing, 0.25rem) * 4);
+  }
+  .py-1:where(:scope, *) {
+    padding-block: calc(var(--spacing, 0.25rem) * 1);
+  }
+  .py-2:where(:scope, *) {
+    padding-block: calc(var(--spacing, 0.25rem) * 2);
+  }
+  .pt-2:where(:scope, *) {
+    padding-top: calc(var(--spacing, 0.25rem) * 2);
+  }
+  .text-ui-sm:where(:scope, *) {
+    font-size: var(--ui-text-sm);
+    line-height: var(--tw-leading, var(--ui-leading-sm));
+  }
+  .text-ui-xs:where(:scope, *) {
+    font-size: var(--ui-text-xs);
+    line-height: var(--tw-leading, var(--ui-leading-xs));
+  }
+  .text-muted-foreground:where(:scope, *) {
+    color: var(--contrast-muted-foreground);
+  }
+  .text-warning-foreground:where(:scope, *) {
+    color: var(--warning-foreground);
+  }
+  .shadow:where(:scope, *) {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring:where(:scope, *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+}
+}
+.po-stage {
+  --po-tile-a: #d8d3c8;
+  --po-tile-b: #cbc5b8;
+  --po-wall: #b9c6d5;
+  --po-furniture: #a97c50;
+  --po-furniture-dark: #8a6240;
+  --po-metal: #9aa7b8;
+  --po-ink: #3d4451;
+  position: relative;
+  background: var(--po-tile-b);
+}
+:is(.dark) .po-stage {
+  --po-tile-a: #2c333f;
+  --po-tile-b: #262c37;
+  --po-wall: #333c4b;
+  --po-furniture: #7c5b3c;
+  --po-furniture-dark: #5f4630;
+  --po-metal: #64748b;
+  --po-ink: #cbd5e1;
+}
+.po-floor {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 118px;
+  bottom: 0;
+  background: conic-gradient( var(--po-tile-a) 25%, var(--po-tile-b) 0 50%, var(--po-tile-a) 0 75%, var(--po-tile-b) 0 );
+  background-size: 48px 48px;
+}
+.po-wall {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  height: 120px;
+  background: var(--po-wall);
+  border-bottom: 6px solid #8d99a8;
+}
+.dark .po-wall {
+  border-bottom-color: #475264;
+}
+.po-window {
+  position: absolute;
+  width: 96px;
+  height: 54px;
+  background: #bfe3f5;
+  border: 4px solid #8d99a8;
+}
+.dark .po-window {
+  background: #274257;
+  border-color: #475264;
+}
+.po-door {
+  position: absolute;
+  left: 846px;
+  top: 468px;
+  width: 66px;
+  height: 66px;
+  background: var(--po-furniture);
+  border: 4px solid var(--po-furniture-dark);
+  border-radius: 6px 6px 0 0;
+}
+.po-counter {
+  position: absolute;
+  left: 792px;
+  top: 258px;
+  width: 84px;
+  height: 70px;
+  background: var(--po-furniture);
+  border: 3px solid var(--po-furniture-dark);
+}
+.po-coffee {
+  position: absolute;
+  left: 56px;
+  top: 216px;
+  width: 44px;
+  height: 58px;
+  background: var(--po-metal);
+  border: 3px solid #6b7787;
+}
+.po-couch {
+  position: absolute;
+  left: 52px;
+  top: 424px;
+  width: 128px;
+  height: 46px;
+  background: #b0593b;
+  border: 4px solid #8a4630;
+  border-radius: 8px;
+}
+.dark .po-couch {
+  background: #7e4029;
+  border-color: #5e2f1e;
+}
+.po-cooler {
+  position: absolute;
+  left: 206px;
+  top: 150px;
+  width: 30px;
+  height: 56px;
+  background: #dbe7f0;
+  border: 3px solid #9aa7b8;
+}
+.dark .po-cooler {
+  background: #3d4a5c;
+}
+.po-plant {
+  position: absolute;
+  width: 26px;
+  height: 34px;
+  background: #3f7d4f;
+  border-radius: 50% 50% 6px 6px;
+}
+.dark .po-plant {
+  background: #2f5e3b;
+}
+.po-desk-top {
+  position: absolute;
+  background: var(--po-furniture);
+  border: 2px solid var(--po-furniture-dark);
+}
+.po-desk-dim {
+  opacity: 0.55;
+}
+.po-desk-leg {
+  position: absolute;
+  background: var(--po-furniture-dark);
+}
+.po-laptop {
+  position: absolute;
+  background: #3f4756;
+  border: 1px solid #262c37;
+}
+.dark .po-laptop {
+  background: #111722;
+}
+.po-board {
+  position: absolute;
+  left: 640px;
+  top: 14px;
+  width: 220px;
+  padding: 6px 10px;
+  background: #f2efe6;
+  border: 3px solid #8a6240;
+  border-radius: 4px;
+  color: var(--po-ink);
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.dark .po-board {
+  background: #1c222c;
+}
+.po-board-title {
+  font-weight: 600;
+  font-size: 12px;
+  margin-bottom: 2px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.po-board-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11px;
+  line-height: 1.3;
+}
+.po-island {
+  position: absolute;
+  background: var(--po-tile-a);
+  border: 3px dashed #a99f8c;
+  border-radius: 10px;
+}
+.dark .po-island {
+  border-color: #4a5364;
+}
+.po-island-archived {
+  opacity: 0.55;
+}
+.po-island-sign {
+  position: absolute;
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  max-width: 288px;
+  color: var(--po-ink);
+  font-size: 12px;
+  white-space: nowrap;
+}
+.po-island-sign-archived {
+  text-decoration: line-through;
+}
+.po-island-name {
+  font-weight: 600;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.po-island-badge {
+  font-size: 10px;
+  padding: 0 4px;
+  border-radius: 4px;
+  background: var(--po-ink);
+  @supports (color: color-mix(in lab, red, red)) {
+    background: color-mix(in srgb, var(--po-ink) 12%, transparent);
+  }
+}
+.po-island-count {
+  font-size: 10px;
+  opacity: 0.8;
+}
+.po-character {
+  position: absolute;
+  transform: translate(-50%, -100%);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+}
+.po-character:focus-visible {
+  outline: 2px solid var(--color-ring, #3b82f6);
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+.po-sprite-frame {
+  display: block;
+}
+.po-sprite {
+  display: block;
+}
+.po-name {
+  display: block;
+  margin-top: 2px;
+  width: var(--po-name-w, 80px);
+  min-width: 0;
+  font-size: 11px;
+  line-height: 1.2;
+  color: var(--po-ink);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.po-bubble {
+  position: absolute;
+  top: -14px;
+  right: -6px;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 3px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 11px;
+  font-weight: 700;
+  border-radius: 8px 8px 8px 2px;
+}
+.po-bubble-waiting {
+  background: #f5c518;
+  color: #4a3b00;
+}
+.po-bubble-failed {
+  background: #e5484d;
+  color: #fff;
+}
+.po-bubble-asleep {
+  background: #8b95a5;
+  color: #1c222c;
+}
+.po-bubble-queued {
+  background: #7c9cf5;
+  color: #101a33;
+}
+.po-dot {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 2px;
+  flex: none;
+}
+.po-dot-working, .po-dot-started {
+  background: #3b82f6;
+}
+.po-dot-waiting {
+  background: #f5c518;
+}
+.po-dot-monitoring {
+  background: #14b8a6;
+}
+.po-dot-failed {
+  background: #e5484d;
+}
+.po-dot-idle {
+  background: #94a3b8;
+}
+.po-dot-asleep {
+  background: #64748b;
+}
+.po-dot-queued {
+  background: #7c9cf5;
+}
+.po-dot-todo {
+  background: #a8a29e;
+}
+.po-dot-completed {
+  background: #22c55e;
+}
+.po-dot-cancelled {
+  background: #78716c;
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+    }
+  }
+}
+`;var Je=window.__ycodiumPluginHost.react;var{Activity:Rt,Children:Lt,Component:Et,Fragment:Ct,Profiler:Mt,PureComponent:Nt,StrictMode:_t,Suspense:At,__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE:Dt,__COMPILER_RUNTIME:Ht,act:Ut,cache:Wt,cacheSignal:Bt,captureOwnerStack:Ft,cloneElement:qt,createContext:te,createElement:A,createRef:jt,forwardRef:Vt,isValidElement:zt,lazy:$t,memo:oe,startTransition:Kt,unstable_useCacheRefresh:Gt,use:Xt,useActionState:Yt,useCallback:R,useContext:re,useDebugValue:Qt,useDeferredValue:Jt,useEffect:x,useEffectEvent:Zt,useId:eo,useImperativeHandle:to,useInsertionEffect:oo,useLayoutEffect:ne,useMemo:v,useOptimistic:ro,useReducer:no,useRef:g,useState:C,useSyncExternalStore:ao,useTransition:io,version:so}=Je;var ae=te(null),ie=ae.Provider;function k(){let e=re(ae);if(e===null)throw new Error("pixel-office-ui-not-registered");return e}function O(){let e=k().i18n.usePluginTranslation();return{t:(t,o)=>e(t,o)}}function se({environmentId:e,projectId:t,onBell:o,retryRef:r}){let n=k(),s=v(()=>({projectId:t}),[t]),c=v(()=>({environmentId:e}),[e]),l=n.commands.useSubscription("watch",s,c),a=l.data,d=a?.cursor??null,f=a?.threads,m=l.error!==null||l.isUnavailable,w=g(!1);return x(()=>{r.current=l.refresh}),x(()=>{if(!w.current){w.current=!0,o({cursor:d,failed:m,initial:!0});return}o({cursor:d,failed:m,...f===void 0?{}:{threads:f}})},[d,m,f]),null}var Ze={todo:0,started:0,completed:0,cancelled:0},et=e=>{let t={...Ze};for(let o of e)switch(o.state.group){case"started":t.started+=1;break;case"completed":t.completed+=1;break;case"cancelled":t.cancelled+=1;break;default:t.todo+=1;break}return t},ce=(e,t)=>({workLineId:e.workLineId,name:e.name,archived:e.archivedAt!==null,threadId:e.threadId,counts:et(t.filter(o=>o.workLineId===e.workLineId))}),tt=e=>[...e].sort((t,o)=>t.archived!==o.archived?t.archived?1:-1:t.workLineId.localeCompare(o.workLineId)),le=e=>[...e].sort((t,o)=>t.lineId!==o.lineId?t.lineId.localeCompare(o.lineId):t.role!==o.role?t.role==="lead"?-1:1:t.threadId.localeCompare(o.threadId)),de=(e,t,o,r,n,s)=>({threadId:o,title:r,role:t,status:n,queuePosition:s,lineId:e}),H=e=>{switch(e){case"needs-approval":case"needs-input":case"plan-ready":return"waiting";case"running":return"working";case"background":return"monitoring";case"failed":return"failed";case"stopped":return"asleep";default:return"idle"}},ue=e=>H(e.status??"idle"),U=e=>e.summary?.origin?.requestedBy==="person",j=e=>e==="idle",V=e=>{let t=new Map;for(let o of e){if(o===null||o.continuation!=="queued")continue;let r=o.queue.find(n=>n.status==="blocked"&&n.waitingForCapacity===!0);r!==void 0&&t.set(o.threadId,r.position)}return t},pe=(e,t)=>e==="idle"&&t!==null?"queued":e,fe=(e,t,o)=>me(e,"member",t,o),ot=(e,t,o)=>me(e,"lead",t,o),me=(e,t,o,r)=>de(e,t,o.threadId,o.title,pe(H(o.status),r),r),rt=(e,t,o)=>de(e,"lead",t.id,t.title,pe(ue(t),o),o),he=(e,t)=>[...e!==null&&j(ue(e))?[e.id]:[],...t.filter(o=>j(H(o.status))).map(o=>o.threadId)],we=(e,t)=>{let o=new Set(e.flatMap(r=>r.threadId===null?[]:[r.threadId]));return t.filter(r=>(o.has(r.threadId)||r.parentThreadId!==null&&o.has(r.parentThreadId)&&U(r))&&j(H(r.status))).map(r=>r.threadId)},z=e=>{let t=e.line.workLineId;return{lines:[ce(e.line,e.items)],characters:le([...e.lead===null?[]:[rt(t,e.lead,e.queue.get(e.lead.id)??null)],...e.members.map(o=>fe(t,o,e.queue.get(o.threadId)??null))])}},ge=e=>{let t=new Map(e.threads.map(n=>[n.threadId,n])),o=new Map;for(let n of e.threads){if(n.parentThreadId===null||!U(n))continue;let s=o.get(n.parentThreadId);s===void 0?o.set(n.parentThreadId,[n]):s.push(n)}let r=[];for(let n of e.lines){let s=n.workLineId;if(n.threadId!==null){let c=t.get(n.threadId);c!==void 0&&r.push(ot(s,c,e.queue.get(c.threadId)??null));for(let l of o.get(n.threadId)??[])r.push(fe(s,l,e.queue.get(l.threadId)??null))}}return{lines:tt(e.lines.map(n=>ce(n,e.items))),characters:le(r)}};var D=async e=>{let t=[],o=null;for(;;){let r=await e(o);if(t.push(...r.items),r.nextCursor===null)return t;o=r.nextCursor}},ye=async(e,t,o)=>{if(o.length===0)return V([]);let r=await Promise.all(o.map(n=>e.data.read("threads.execution.summary",{threadId:n},{environmentId:t}).catch(()=>null)));return V(r)};async function be(e,t){let{environmentId:o,projectId:r,workLineId:n}=t,{line:s}=await e.data.read("work.lines.get",{projectId:r,workLineId:n},{environmentId:o}),c=D(y=>e.data.read("work.items.list",{projectId:r,workLineIds:[n],cursor:y},{environmentId:o}));if(s.threadId===null)return z({line:s,lead:null,members:[],items:await c,queue:new Map});let l=s.threadId,[a,d,f]=await Promise.all([e.data.read("threads.get",{threadId:l},{environmentId:o}).catch(()=>null),D(y=>e.data.read("threads.list",{projectId:r,parentThreadId:l,include:["summary"],cursor:y},{environmentId:o})),c]),m=d.filter(U),w=await ye(e,o,he(a,m));return z({line:s,lead:a,members:m,items:f,queue:w})}async function xe(e,t){let{environmentId:o,projectId:r}=t,[n,s,c]=await Promise.all([D(a=>e.data.read("work.lines.list",{projectId:r,includeArchived:!0,cursor:a},{environmentId:o})),D(a=>e.data.read("threads.list",{projectId:r,include:["summary"],cursor:a},{environmentId:o})),D(a=>e.data.read("work.items.list",{projectId:r,cursor:a},{environmentId:o}))]),l=await ye(e,o,we(n,s));return ge({lines:n,threads:s,items:c,queue:l})}var nt=(e,t)=>JSON.stringify(e)===JSON.stringify(t);function ve(e){let{environmentId:t,projectId:o,active:r}=e,n=e.scope==="team"?e.workLineId:null,s=k(),c=g(()=>{}),l=R(()=>c.current(),[]),a=v(()=>({scene:null}),[t,o,n]),d=v(()=>({active:!1,dirty:!1,running:null}),[t,o,n]),f=g(e);f.current=e;let[m,w]=C(null),[y,b]=C(!1),[I,M]=C(!1),P=R(()=>!d.active||!f.current.active?Promise.resolve():(d.dirty=!0,d.running!==null||(d.running=(async()=>{try{do{d.dirty=!1;try{let p=f.current.scope==="team"?await be(s,f.current):await xe(s,f.current);if(!d.active||!f.current.active)return;(a.scene===null||!nt(p,a.scene))&&(a.scene=p,w(p)),b(!1)}catch{if(!d.active||!f.current.active)return;b(!0)}}while(d.active&&d.dirty)}finally{d.running=null}})()),d.running),[s,a,d]);x(()=>(d.active=!0,a.scene=null,w(null),b(!1),P(),()=>{d.active=!1}),[d,P,a]);let N=g(null),q=R(p=>{if(M(_=>_===p.failed?_:p.failed),p.initial===!0){p.cursor!==null&&(N.current=p.cursor);return}let E=N.current;if(Object.is(E,p.cursor))return;if(N.current=p.cursor,E!==null&&p.cursor===E+1&&p.threads!==void 0){let _=f.current.scope==="team"?[f.current.threadId]:a.scene?.lines.map(T=>T.threadId)??[],Xe=new Set(_),Ye=new Set([..._,...a.scene?.characters.map(T=>T.threadId)??[]]);if(!p.threads.ids.some(T=>Ye.has(T))&&!p.threads.parentIds.some(T=>Xe.has(T)))return}P()},[a,P]),h=g(r);return x(()=>{r&&!h.current&&P(),h.current=r},[r,P]),{scene:m,loadFailed:y,reload:P,watchFailed:r&&I,retryWatch:l,subscription:r?A(se,{environmentId:t,projectId:o,onBell:q,retryRef:c}):null}}function $(e){return function(o){return A(k().ui[e],{...o})}}var K=$("Empty"),G=$("EmptyHeader"),X=$("EmptyTitle");function Y(e){return A(k().ui.Button,e)}var at={working:["...hhhh...","..hhhhhh..","..ssssss..","..sesses..","..ssssss..",".cccccccc.","cccccccccc","cccccccccc",".s.cccc.s.","...kkkk...","..pppppp..","..pp..pp..","..b....b..",".........."],waiting:["...hhhh.s.","..hhhhhh.s","..ssssss.s","..sesses.s","..ssssss.s",".ccccccccc","cccccccccc","cccccccccc",".s.cccc...","...pppp...","..pp..pp..","..pp..pp..","..b....b..",".........."],failed:["..........","..........","...hhhh...","..hhhhhh..","..ssssss..","..ssssss..",".cccccccc.","cccccccccc","sccccccccs","s........s","..pppppp..","..pp..pp..","..b....b..",".........."],idle:["...hhhh...","..hhhhhh..","..ssssss..","..sesses..","..ssssss..",".cccccccc.","cccccccccc","u.ccccccc.","u.scccc...","...pppp...","..pp..pp..","..pp..pp..","..b....b..",".........."],asleep:["..........","...hhhh...","..hhhhhh..","..ssssss..","..s.ss.s..",".cccccccc.","cccccccccc","cccccccccc",".cccccccc.","..pppppp..","..pppppp..","..........","..........",".........."],monitoring:["...hhhh...","..hhhhhh..","..ssssss..","..sesses..","..ssssss..",".cccccccc.","cccccccccc","cccccccccc",".ccccccc..","..pppppp..","..pp..pp..","..pp..pp..","..b....b..",".........."],queued:["...hhhh...","..hhhhhh..","..ssssss..","..sssssee.","..ssssss..",".cccccccc.","cccccccccc","cccccccccc",".s.cccccc.","..ppppppk.","..pppppp..","..pppppp..","...b..b...",".........."]},L=3,ke=10,it=14,W=1,Ie=new Map;function Re(e){let t=Ie.get(e);if(t!==void 0)return t;let o=at[e],r=[];for(let[s,c]of o.entries()){if(c.length!==ke)throw new Error(`pose-${e}-row-${s}-width`);for(let[l,a]of[...c].entries())a!=="."&&r.push(`${(l+W)*L}px ${(s+W)*L}px 0 var(--po-${a})`)}let n={boxShadow:r.join(", "),width:(ke+W)*L,height:(it+W)*L};return Ie.set(e,n),n}var Pe=["#f2c9a0","#dcae7c","#c28c5c","#9c6b44"],Oe=["#2f2a26","#5b4632","#8a6a3f","#b58a52","#d9c48f","#6e6e73","#40485c"],Se=["#3b82f6","#ef4444","#10b981","#f59e0b","#8b5cf6","#ec4899","#14b8a6","#64748b"],Te=["#334155","#1e293b","#4b5563"],st=e=>{let t=5381;for(let o of e)t=(t*33^o.charCodeAt(0))>>>0;return t};function Le(e){let t=st(e);return{"--po-h":Oe[(t>>>0)%Oe.length],"--po-s":Pe[(t>>>3)%Pe.length],"--po-e":"#26221e","--po-c":Se[(t>>>6)%Se.length],"--po-p":Te[(t>>>9)%Te.length],"--po-b":"#3b2f2a","--po-k":"#4b5563","--po-u":"#f4f1ea"}}var{jsx:i,jsxs:u,Fragment:S}=window.__ycodiumPluginHost.jsxRuntime;var ct=e=>{switch(e.status){case"waiting":return"?";case"failed":return"!";case"asleep":return"z";case"queued":return e.queuePosition===null?"\u2026":String(e.queuePosition);default:return null}},Ee=oe(function(t){let{character:o,slot:r}=t,{t:n}=O(),s=Re(o.status),c=ct(o),l=n(`office.status.${o.status}`),a=g(null),d=g(t.walker);d.current=t.walker;let f=g(r);return ne(()=>{let m=a.current,w=f.current;f.current=r,!(m===null||w.x===r.x&&w.y===r.y)&&d.current.move(o.threadId,m,w,r)},[r,o.threadId]),u("button",{ref:a,type:"button",className:"po-character","data-office-character":o.threadId,"data-office-status":o.status,style:{left:r.x,top:r.y,...Le(o.threadId)},"aria-label":`${n("office.characterLabel",{name:o.title,status:l})}${o.role==="lead"?` \xB7 ${n("office.leadBadge")}`:""}${o.queuePosition!==null?` \xB7 ${n("office.queuePosition",{position:o.queuePosition})}`:""}`,onClick:()=>t.onOpen(o),children:[i("span",{className:"po-sprite-frame",style:{width:s.width,height:s.height},children:i("span",{className:"po-sprite",style:{width:L,height:L,boxShadow:s.boxShadow}})}),c===null?null:i("span",{className:`po-bubble po-bubble-${o.status}`,children:c}),i("span",{className:"po-name",children:o.title})]})});function Q(e){let t=g(null),[o,r]=C(1),n=e.plan.width;x(()=>{let c=t.current;if(c===null||typeof ResizeObserver>"u")return;let l=new ResizeObserver(()=>{let a=Math.min(c.clientWidth/n,1.4);r(d=>Math.abs(d-a)<.001?d:a)});return l.observe(c),()=>l.disconnect()},[n]);let s={width:e.plan.width,height:e.plan.height,transform:`scale(${o})`};return i("div",{ref:t,className:"po-viewport relative flex w-full min-w-0 items-center justify-center overflow-hidden",style:{height:"100%",minHeight:e.plan.height*o,"--po-name-w":e.compact===!0?"64px":"120px"},children:i("div",{className:"relative shrink-0",style:{width:e.plan.width*o,height:e.plan.height*o},children:i("div",{className:"po-stage absolute left-0 top-0 origin-top-left","data-office-room":"",role:"group","aria-label":e.ariaLabel,style:s,children:e.children})})})}var B=(e,t,o,r,n,s)=>i("div",{className:n,style:{left:e,top:t,width:o,height:r}},s);function Ce(e){return u(S,{children:[B(e.x-34,e.y+4,68,10,`po-desk-top${e.dark?" po-desk-dim":""}`,"top"),B(e.x-30,e.y+14,4,18,"po-desk-leg","leg-l"),B(e.x+26,e.y+14,4,18,"po-desk-leg","leg-r"),e.laptop?B(e.x-10,e.y-2,20,7,"po-laptop","laptop"):null]})}function Me(){return u(S,{children:[i("div",{className:"po-floor"}),i("div",{className:"po-wall"}),i("div",{className:"po-window",style:{left:300,top:28}}),i("div",{className:"po-window",style:{left:430,top:28}}),i("div",{className:"po-door"}),i("div",{className:"po-counter"}),i("div",{className:"po-coffee"}),i("div",{className:"po-couch"}),i("div",{className:"po-cooler"}),i("div",{className:"po-plant",style:{left:900,top:130}})]})}function Ne(e){let{t}=O();return u("div",{className:"po-board","data-office-board":"",children:[i("div",{className:"po-board-title",children:e.name}),u("div",{className:"po-board-row",children:[i("span",{className:"po-dot po-dot-todo"}),t("office.counts.todo",{count:e.counts.todo})]}),u("div",{className:"po-board-row",children:[i("span",{className:"po-dot po-dot-started"}),t("office.counts.started",{count:e.counts.started})]}),u("div",{className:"po-board-row",children:[i("span",{className:"po-dot po-dot-completed"}),t("office.counts.completed",{count:e.counts.completed})]}),u("div",{className:"po-board-row",children:[i("span",{className:"po-dot po-dot-cancelled"}),t("office.counts.cancelled",{count:e.counts.cancelled})]})]})}function _e(e){let{t}=O();return u(S,{children:[i("div",{className:`po-island${e.archived?" po-island-archived":""}`,style:lt(e)}),u("div",{className:`po-island-sign${e.archived?" po-island-sign-archived":""}`,style:{left:e.x+8,top:e.y-26},children:[i("span",{className:"po-island-name",children:e.name}),e.archived?i("span",{className:"po-island-badge",children:t("office.archived")}):null,u("span",{className:"po-island-count",children:[t("office.counts.started",{count:e.counts.started})," \xB7"," ",t("office.counts.completed",{count:e.counts.completed})]})]})]})}var lt=e=>({left:e.x,top:e.y,width:e.width,height:e.height});function We(e){let t=new Map,o=new Map,r=["waiting","idle","asleep","monitoring","queued"],n=new Map(r.map(a=>[a,0])),s=e.characters.filter(a=>a.role==="member");for(let[a,d]of s.entries())o.set(d.threadId,{x:150+a%6*130,y:330+Math.floor(a/6)*120});for(let a of e.characters){let d=n.get(a.status);a.role==="lead"&&o.set(a.threadId,{x:470,y:220}),a.status==="working"||a.status==="failed"?t.set(a.threadId,o.get(a.threadId)):d!==void 0?(t.set(a.threadId,dt(a.status,d)),n.set(a.status,d+1)):t.set(a.threadId,o.get(a.threadId))}let c=[...t.values(),...o.values()],l=Math.max(0,...c.map(a=>a.y));return{width:960,height:Math.max(540,l+70),positions:t,homeDesks:o}}var dt=(e,t)=>{switch(e){case"waiting":return{x:830,y:250+t*62};case"idle":return{x:100,y:260+t*58};case"asleep":return{x:100,y:430+t*50};case"monitoring":return{x:215,y:185+t*58};default:return{x:872,y:468+t*52}}},Ae=3,De=296,He=240,Ue=316,ut=24;function Be(e){let t=new Map,o=new Map,r=[],n=new Map;for(let c of e.characters){let l=n.get(c.lineId);l===void 0?n.set(c.lineId,[c]):l.push(c)}let s=156;for(let c=0;c<e.lines.length;c+=Ae){let a=e.lines.slice(c,c+Ae).map(m=>{let w=n.get(m.workLineId)??[],y=new Map,b=new Map,I=[],M=0;for(let h of w){if(h.role==="lead"){let E={x:De/2,y:72};y.set(h.threadId,E),b.set(h.threadId,E);continue}let p={x:58+M%3*90,y:150+Math.floor(M/3)*78};M+=1,y.set(h.threadId,p),h.status==="working"||h.status==="failed"?b.set(h.threadId,p):I.push(h.threadId)}let P=Math.max(0,...[...y.values()].map(h=>h.y)),N=Math.max(He-12,P+80);I.forEach((h,p)=>{b.set(h,{x:40+p%4*72,y:N+Math.floor(p/4)*60})});let q=Math.max(0,...[...b.values()].map(h=>h.y));return{line:m,desks:y,localPositions:b,height:Math.max(He,P+70,q+70)}}),d=Math.max(...a.map(m=>m.height)),f=(960-a.length*Ue)/2;a.forEach((m,w)=>{let y=f+w*Ue+10;r.push({line:m.line,x:y,y:s,width:De,height:d});for(let[b,I]of m.desks)o.set(b,{x:y+I.x,y:s+I.y});for(let[b,I]of m.localPositions)t.set(b,{x:y+I.x,y:s+I.y})}),s+=d+ut}return{islands:r,plan:{width:960,height:s+16,positions:t,homeDesks:o}}}var F=class{walks=new Map;handle=null;requestFrame;cancelFrame;schedule;cancelSchedule;animated;constructor(t={}){let o=t.requestFrame!==void 0||typeof requestAnimationFrame=="function";this.requestFrame=t.requestFrame??(r=>requestAnimationFrame(r)),this.cancelFrame=t.cancelFrame??(r=>cancelAnimationFrame(r)),this.schedule=t.schedule??(r=>Number(setTimeout(r,125))),this.cancelSchedule=t.cancelSchedule??(r=>clearTimeout(r)),this.animated=o}move(t,o,r,n){let s=this.walks.get(t),c=(s===void 0?r.x:s.toX+s.dx)-n.x,l=(s===void 0?r.y:s.toY+s.dy)-n.y,a=Math.max(Math.abs(c),Math.abs(l))<24;if(!this.animated||a){s!==void 0?this.finish(t):this.paintAt(o,0,0);return}this.walks.set(t,{element:o,dx:c,dy:l,toX:n.x,toY:n.y}),o.setAttribute("data-office-walking",""),this.paint(t),this.ensureLoop("raf")}stopAll(){this.clearHandle();let t=[...this.walks.keys()];for(let o of t)this.finish(o);this.walks.clear()}get isWalking(){return this.walks.size>0}clearHandle(){let t=this.handle;this.handle=null,t!==null&&(t.kind==="raf"?this.cancelFrame:this.cancelSchedule)(t.id)}ensureLoop(t){this.handle===null&&(this.handle=t==="raf"?{kind:"raf",id:this.requestFrame(()=>this.step())}:{kind:"timer",id:this.schedule(()=>{this.handle=null,this.ensureLoop("raf")})})}step(){this.handle=null;let t=[...this.walks.keys()];for(let o of t){let r=this.walks.get(o);r!==void 0&&(r.dx=Fe(r.dx),r.dy=Fe(r.dy),r.dx===0&&r.dy===0?this.finish(o):this.paint(o))}this.walks.size>0&&this.ensureLoop("timer")}finish(t){let o=this.walks.get(t);o!==void 0&&(this.walks.delete(t),o.element.removeAttribute("data-office-walking"),this.paintAt(o.element,0,0))}paint(t){let o=this.walks.get(t);o!==void 0&&this.paintAt(o.element,o.dx,o.dy)}paintAt(t,o,r){t.style.transform=o===0&&r===0?"translate(-50%, -100%)":`translate(-50%, -100%) translate(${o}px, ${r}px)`}},Fe=e=>{if(e===0)return 0;let t=Math.min(Math.abs(e),8);return e>0?e-t:e+t};function qe(e){let t=g(null);return t.current===null&&(t.current=new F),x(()=>{e||t.current?.stopAll()},[e]),x(()=>()=>t.current?.stopAll(),[]),t.current}function je(e){let t=k();return R(o=>{t.openThread({environmentId:e,threadId:o.threadId})},[t,e])}function Ve(e){return u(S,{children:[e.characters.map(t=>{let o=e.homeDesks.get(t.threadId);return o===void 0?null:i(Ce,{x:o.x,y:o.y,laptop:t.status==="working"&&e.positions.get(t.threadId)?.x===o.x&&e.positions.get(t.threadId)?.y===o.y,dark:e.archivedLine?.(t)===!0},`desk-${t.threadId}`)}),e.characters.map(t=>{let o=e.positions.get(t.threadId);return o===void 0?null:i(Ee,{character:t,slot:o,walker:e.walker,onOpen:e.onOpen},t.threadId)})]})}function ze(e){let t=v(()=>We(e.scene),[e.scene]),o=je(e.environmentId),r=qe(e.active);return u(Q,{plan:t,ariaLabel:e.scene.lines[0]?.name??"",children:[i(Me,{}),e.scene.lines[0]!==void 0?i(Ne,{name:e.scene.lines[0].name,counts:e.scene.lines[0].counts}):null,i(Ve,{characters:e.scene.characters,positions:t.positions,homeDesks:t.homeDesks,walker:r,onOpen:o})]})}function $e(e){let{t}=O(),{plan:o,islands:r}=v(()=>Be(e.scene),[e.scene]),n=je(e.environmentId),s=qe(e.active),c=R(l=>r.find(a=>a.line.workLineId===l.lineId)?.line.archived===!0,[r]);return u(Q,{plan:o,ariaLabel:t("office.floorLabel",{count:r.length}),compact:!0,children:[i("div",{className:"po-floor"}),r.map(l=>i(_e,{x:l.x,y:l.y,width:l.width,height:l.height,name:l.line.name,archived:l.line.archived,counts:l.line.counts},l.line.workLineId)),i(Ve,{characters:e.scene.characters,positions:o.positions,homeDesks:o.homeDesks,walker:s,onOpen:n,archivedLine:c})]})}var Ke=["working","waiting","monitoring","failed","idle","asleep","queued"];function pt(e){let{t}=O();return i("ul",{className:"flex flex-wrap items-center justify-center gap-x-4 gap-y-1 px-4 py-2","data-office-legend":"",children:[...e.statuses].toSorted((o,r)=>Ke.indexOf(o[0])-Ke.indexOf(r[0])).map(([o,r])=>u("li",{className:"flex items-center gap-1.5 text-ui-sm text-muted-foreground",children:[i("span",{className:`po-dot po-dot-${o}`}),t(`office.status.${o}`)," \xD7 ",r]},o))})}function Ge(e){let{t}=O(),o=ve(e),r=v(()=>{let n=new Map;for(let s of o.scene?.characters??[]){let c=s.status;n.set(c,(n.get(c)??0)+1)}return n},[o.scene]);return u("section",{className:"ycodium-pixel-office-ui flex w-full min-w-0 flex-1 flex-col","data-office-scope":e.scope,"data-office-active":e.active,children:[o.subscription,o.watchFailed?u("p",{className:"flex items-center justify-center gap-2 px-4 py-1 text-ui-xs text-warning-foreground",children:[t("office.watchFailed"),i(Y,{size:"sm",onClick:()=>{o.retryWatch()},children:t("office.retryWatch")})]}):null,o.scene===null?o.loadFailed?u(K,{className:"m-auto",children:[i(G,{children:i(X,{children:t("office.loadFailed")})}),i(Y,{onClick:()=>{o.reload()},children:t("office.reload")})]}):i("p",{className:"m-auto",children:t("office.loading")}):o.scene.lines.length===0?i(K,{className:"m-auto",children:i(G,{children:i(X,{children:t("office.noTeams")})})}):u(S,{children:[e.scope==="team"&&e.threadId===null?i("p",{className:"px-4 pt-2 text-ui-xs text-muted-foreground",children:t("office.threadDeleted")}):null,o.scene.characters.length===0?i("p",{className:"px-4 pt-2 text-ui-xs text-muted-foreground",children:t("office.emptyRoom")}):null,i("div",{className:"min-h-0 flex-1 overflow-y-auto",children:e.scope==="team"?i(ze,{environmentId:e.environmentId,scene:o.scene,active:e.active}):i($e,{environmentId:e.environmentId,scene:o.scene,active:e.active})}),r.size>0?i(pt,{statuses:r}):null]})]})}function ft(e){return{slots:[Z({key:"office",component:function(o){return u(ie,{value:e,children:[i("style",{children:ee}),i(Ge,{...o})]})}})]}}export{ft as default};