@things-factory/station 10.1.33

package/dist-client/station/station-scene-context.js

@@ -0,0 +1,62 @@
+/**
+ * What a board's components get to see — **the context, as the scene knows it.**
+ *
+ * ── 씬이 생기는 순간에 건넨다 ──────────────────────────────────────────────
+ * 뷰어가 `scene-changed` 를 낼 때 `RootContainer.registerService` 로 건네고 한 번 다시 그리게 한다.
+ * 컴포넌트는 읽을 때마다 레지스트리를 보므로(`StationContextBinding`) 늦게 붙어도 잡힌다.
+ *
+ * It replaces a module-level accessor, and the reason is not tidiness. This app runs MDI by default.
+ * Two station boards open on two machines, and a global lookup with no equipment name hands back
+ * "whichever opened last" — so a component the author left unnamed draws one machine's numbers and
+ * **records against the other**. A registry that belongs to the scene cannot cross those wires,
+ * because each page holds its own scene.
+ *
+ * ── Why the formatted labels come along ────────────────────────────────────
+ * `values` is the same map the no-code bindings run on, already turned into words — times included.
+ * Times differ per app (`client/when.ts`) and the scene folder is kept clear of that, so a component
+ * that formatted its own would end up disagreeing with every other screen. It reads, it does not
+ * format.
+ *
+ * ── Custom contexts arrive by the same door ────────────────────────────────
+ * `root.registerService('acme', …)` and `getService('acme')`. Nothing here is station-specific
+ * except the name, and nothing in things-scene needs changing to add one.
+ */
+/** The name this context travels under. Other domains take other names. */
+export const STATION_SERVICE = 'station';
+/**
+ * The name a board's bindings reach the context component by — `source: '#station-context'`.
+ *
+ * ── Why it is not just `station` ───────────────────────────────────────────
+ * That word is already a **data branch**. The host pushes `scene.data` keyed by component id
+ * (`station`, `order`, `today`, …) and the context component adds itself to the same index those
+ * lookups use — so naming it `station` made the branch land on the component and replace everything
+ * it had published. Measured: a binding for `content.체결 토크` drew the equipment name.
+ *
+ * It lives here, beside the branch names, so the two can be checked against each other without
+ * loading any scene code.
+ */
+export const STATION_SOURCE_NAME = `${STATION_SERVICE}-context`;
+/**
+ * Find the context from inside a component.
+ *
+ * Two places, in the order they become true. The model is where the page puts it before the scene
+ * opens, so it is the one that answers on the first frame. The service registry
+ * (`RootContainer.registerService`) is the late door — for a host that attaches after the fact, or
+ * for a second context put there by someone else.
+ *
+ * `root.model.model` is where a key added to the board model comes to rest: `create()` wraps the
+ * board model inside the root's own model. Ugly, and it is written down once, here, rather than in
+ * every component.
+ */
+export function sceneContextOf(component, name = STATION_SERVICE) {
+    const root = component?.root;
+    /*
+     * 레지스트리 하나만 본다.
+     *
+     * 모델에 얹는 길도 있었는데 걷었다 — 뷰어가 모델을 복제하면서 **함수가 떨어져 나가** 값만 남은
+     * 껍데기가 왔다(`found?.subscribe is not a function`). JSON 으로 오갈 수 있는 자리에 살아 있는 것을
+     * 태우면 그렇게 된다. 문을 둘 두었다가 둘째가 조용히 반쪽만 전달한 셈이다.
+     */
+    return root?.getService?.(name);
+}
+//# sourceMappingURL=station-scene-context.js.map

package/dist-client/station/station-scene-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"station-scene-context.js","sourceRoot":"","sources":["../../client/station/station-scene-context.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAIH,2EAA2E;AAC3E,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAA;AAExC;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,eAAe,UAAU,CAAA;AAqB/D;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,cAAc,CAA0B,SAAyB,EAAE,IAAI,GAAG,eAAe;IACvG,MAAM,IAAI,GAAG,SAAS,EAAE,IAAI,CAAA;IAE5B;;;;;;OAMG;IACH,OAAO,IAAI,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,CAAA;AACjC,CAAC","sourcesContent":["/**\n * What a board's components get to see — **the context, as the scene knows it.**\n *\n * ── 씬이 생기는 순간에 건넨다 ──────────────────────────────────────────────\n * 뷰어가 `scene-changed` 를 낼 때 `RootContainer.registerService` 로 건네고 한 번 다시 그리게 한다.\n * 컴포넌트는 읽을 때마다 레지스트리를 보므로(`StationContextBinding`) 늦게 붙어도 잡힌다.\n *\n * It replaces a module-level accessor, and the reason is not tidiness. This app runs MDI by default.\n * Two station boards open on two machines, and a global lookup with no equipment name hands back\n * \"whichever opened last\" — so a component the author left unnamed draws one machine's numbers and\n * **records against the other**. A registry that belongs to the scene cannot cross those wires,\n * because each page holds its own scene.\n *\n * ── Why the formatted labels come along ────────────────────────────────────\n * `values` is the same map the no-code bindings run on, already turned into words — times included.\n * Times differ per app (`client/when.ts`) and the scene folder is kept clear of that, so a component\n * that formatted its own would end up disagreeing with every other screen. It reads, it does not\n * format.\n *\n * ── Custom contexts arrive by the same door ────────────────────────────────\n * `root.registerService('acme', …)` and `getService('acme')`. Nothing here is station-specific\n * except the name, and nothing in things-scene needs changing to add one.\n */\n\nimport type { StationAction, StationSnapshot } from './station-context'\n\n/** The name this context travels under. Other domains take other names. */\nexport const STATION_SERVICE = 'station'\n\n/**\n * The name a board's bindings reach the context component by — `source: '#station-context'`.\n *\n * ── Why it is not just `station` ───────────────────────────────────────────\n * That word is already a **data branch**. The host pushes `scene.data` keyed by component id\n * (`station`, `order`, `today`, …) and the context component adds itself to the same index those\n * lookups use — so naming it `station` made the branch land on the component and replace everything\n * it had published. Measured: a binding for `content.체결 토크` drew the equipment name.\n *\n * It lives here, beside the branch names, so the two can be checked against each other without\n * loading any scene code.\n */\nexport const STATION_SOURCE_NAME = `${STATION_SERVICE}-context`\n\nexport interface StationSceneContext {\n  /** 저작 미리보기는 조회만 허용한다. */\n  readonly readOnly?: boolean\n  /** Which machine this board is drawing. */\n  readonly equipmentName: string\n\n  /** The whole picture, for components that need its shape. */\n  get snapshot(): StationSnapshot\n\n  /** The same picture as finished labels — `order.name`, `today.good`, and the rest. */\n  get values(): Record<string, string | number>\n\n  /** Leaving a fact. The one door, the same one the tile screen goes through. */\n  act(action: StationAction): Promise<void>\n\n  /** Something changed. The returned function stops listening. */\n  subscribe(listener: () => void): () => void\n}\n\n/**\n * Find the context from inside a component.\n *\n * Two places, in the order they become true. The model is where the page puts it before the scene\n * opens, so it is the one that answers on the first frame. The service registry\n * (`RootContainer.registerService`) is the late door — for a host that attaches after the fact, or\n * for a second context put there by someone else.\n *\n * `root.model.model` is where a key added to the board model comes to rest: `create()` wraps the\n * board model inside the root's own model. Ugly, and it is written down once, here, rather than in\n * every component.\n */\nexport function sceneContextOf<T = StationSceneContext>(component: { root?: any }, name = STATION_SERVICE): T | undefined {\n  const root = component?.root\n\n  /*\n   * 레지스트리 하나만 본다.\n   *\n   * 모델에 얹는 길도 있었는데 걷었다 — 뷰어가 모델을 복제하면서 **함수가 떨어져 나가** 값만 남은\n   * 껍데기가 왔다(`found?.subscribe is not a function`). JSON 으로 오갈 수 있는 자리에 살아 있는 것을\n   * 태우면 그렇게 된다. 문을 둘 두었다가 둘째가 조용히 반쪽만 전달한 셈이다.\n   */\n  return root?.getService?.(name)\n}\n"]}

package/dist-client/station/station-screen-flow.d.ts

@@ -0,0 +1,16 @@
+import type { StationWorkRuntime } from './station-work-runtime';
+export interface ScreenTransition {
+    action: 'next' | 'back' | 'cancel' | 'complete' | 'next-work';
+    target: string;
+    guard?: 'none' | 'order' | 'materials' | 'ready';
+    reset?: 'none' | 'inputs' | 'work';
+}
+export interface ScreenFlow {
+    version: 1;
+    start: string;
+    screens: Record<string, Record<string, any>>;
+}
+/** Check destination BEFORE changing work state; invalid links must not erase input. */
+export declare function transitionScreen(flow: ScreenFlow, runtime: StationWorkRuntime, transition: ScreenTransition): string;
+/** Four editable screens, sharing only the current work context. */
+export declare function packingScreenFlow(): Record<string, any>;

package/dist-client/station/station-screen-flow.js

@@ -0,0 +1,58 @@
+import i18next from 'i18next';
+import { scenarioScreen, scenarioById } from './station-work-scenarios';
+/** Check destination BEFORE changing work state; invalid links must not erase input. */
+export function transitionScreen(flow, runtime, transition) {
+    if (!['next', 'back', 'cancel', 'complete', 'next-work'].includes(transition.action))
+        throw new Error(i18next.t('text.station-sim-unsupported-action'));
+    if (!['none', 'order', 'materials', 'ready'].includes(transition.guard ?? 'none'))
+        throw new Error(i18next.t('text.station-sim-unsupported-guard'));
+    if (!['none', 'inputs', 'work'].includes(transition.reset ?? 'none'))
+        throw new Error(i18next.t('text.station-sim-unsupported-reset'));
+    if (!Object.prototype.hasOwnProperty.call(flow.screens, transition.target))
+        throw new Error(i18next.t('text.station-sim-target-not-found', { target: transition.target, interpolation: { escapeValue: false } }));
+    const state = runtime.state;
+    if (transition.action === 'complete') {
+        if (!runtime.commit())
+            throw new Error(runtime.state.message);
+    }
+    else if (transition.action === 'next-work') {
+        if (!state.completed)
+            throw new Error(i18next.t('text.station-sim-work-not-complete'));
+        runtime.resetWork('work', true);
+    }
+    else {
+        if (state.completed)
+            throw new Error(i18next.t('text.station-sim-confirmed-cannot-cancel'));
+        if (transition.guard === 'order' || transition.guard === 'materials') {
+            if (!runtime.scenario.orders.some(order => order.id === state.orderId && order.ready))
+                throw new Error(i18next.t('text.station-sim-select-order-first'));
+        }
+        if (transition.guard === 'materials') {
+            for (const [item, count] of Object.entries(runtime.scenario.requirements)) {
+                if (state.serials.filter(id => runtime.scenario.stock.some(stock => stock.serial === id && stock.item === item && stock.eligible)).length !== count)
+                    throw new Error(i18next.t('text.station-sim-fill-requirement', { item, interpolation: { escapeValue: false } }));
+            }
+        }
+        if (transition.guard === 'ready' && runtime.validate().length)
+            throw new Error(runtime.validate()[0]);
+        if (transition.action === 'cancel')
+            runtime.resetWork(transition.reset ?? 'inputs');
+    }
+    return transition.target;
+}
+/** Four editable screens, sharing only the current work context. */
+export function packingScreenFlow() {
+    const scenario = scenarioById('packing'), base = scenarioScreen(scenario);
+    /* Component ids stay fixed across languages; only the label is translated. */
+    const part = (id, view, labelKey, left, top, width, height, extra = {}) => ({ type: 'station-work-panel', id, view, label: i18next.t(labelKey), left, top, width, height, ...extra });
+    const nav = (id, labelKey, target, action, left, guard = 'none', reset = 'none') => part(id, 'navigation', labelKey, left, 850, 420, 130, { targetScreen: target, flowAction: action, flowGuard: guard, resetScope: reset });
+    const page = (components) => ({ width: 1440, height: 1000, threed: false, stationScenario: 'packing', components });
+    const screens = {
+        order: page([part('order-orders', 'orders', 'label.station-sim-flow-order', 24, 24, 680, 750), part('order-status', 'status', 'label.station-sim-flow-current-work', 724, 24, 690, 750), nav('order-to-scan', 'label.station-sim-flow-to-scan', 'scan', 'next', 24, 'order')]),
+        scan: page([part('scan-materials', 'materials', 'label.station-sim-flow-parts', 24, 24, 680, 780), part('scan-scan', 'scan', 'label.station-sim-flow-serial-scan', 724, 24, 690, 200), part('scan-status', 'status', 'label.station-sim-flow-requirement-check', 724, 244, 690, 560), nav('scan-to-order', 'label.station-sim-flow-to-order', 'order', 'back', 24), nav('scan-to-review', 'label.station-sim-flow-to-review', 'review', 'next', 504, 'materials'), nav('scan-cancel-input', 'label.station-sim-flow-cancel-input', 'scan', 'cancel', 984, 'none', 'inputs')]),
+        review: page([part('review-inputs', 'inputs', 'label.station-sim-flow-packing-info', 24, 24, 680, 400), part('review-checks', 'checks', 'label.station-sim-context-packing-inspection', 24, 444, 680, 350), part('review-status', 'status', 'label.station-sim-flow-final-check', 724, 24, 690, 560), part('review-commit', 'commit', 'label.station-sim-packing-result', 724, 604, 690, 200, { targetScreen: 'done' }), nav('review-to-scan', 'label.station-sim-flow-to-scan-screen', 'scan', 'back', 24), nav('review-cancel-work', 'label.station-sim-flow-cancel-work', 'order', 'cancel', 504, 'none', 'work')]),
+        done: page([part('done-status', 'status', 'label.station-sim-flow-result', 24, 24, 1390, 780), nav('done-next-work', 'label.station-sim-flow-next-work', 'order', 'next-work', 24)])
+    };
+    return { ...base, ...screens.order, stationPages: { version: 1, start: 'order', screens } };
+}
+//# sourceMappingURL=station-screen-flow.js.map

package/dist-client/station/station-screen-flow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"station-screen-flow.js","sourceRoot":"","sources":["../../client/station/station-screen-flow.ts"],"names":[],"mappings":"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","sourcesContent":["import i18next from 'i18next'\nimport type { StationWorkRuntime } from './station-work-runtime'\nimport { scenarioScreen, scenarioById } from './station-work-scenarios'\nexport interface ScreenTransition { action:'next'|'back'|'cancel'|'complete'|'next-work'; target:string; guard?:'none'|'order'|'materials'|'ready'; reset?:'none'|'inputs'|'work' }\nexport interface ScreenFlow { version:1; start:string; screens:Record<string,Record<string,any>> }\n\n/** Check destination BEFORE changing work state; invalid links must not erase input. */\nexport function transitionScreen(flow:ScreenFlow, runtime:StationWorkRuntime, transition:ScreenTransition):string {\n  if(!['next','back','cancel','complete','next-work'].includes(transition.action))throw new Error(i18next.t('text.station-sim-unsupported-action'))\n  if(!['none','order','materials','ready'].includes(transition.guard??'none'))throw new Error(i18next.t('text.station-sim-unsupported-guard'))\n  if(!['none','inputs','work'].includes(transition.reset??'none'))throw new Error(i18next.t('text.station-sim-unsupported-reset'))\n  if(!Object.prototype.hasOwnProperty.call(flow.screens,transition.target))throw new Error(i18next.t('text.station-sim-target-not-found',{target:transition.target,interpolation:{escapeValue:false}}))\n  const state=runtime.state\n  if(transition.action==='complete'){\n    if(!runtime.commit())throw new Error(runtime.state.message)\n  }else if(transition.action==='next-work'){\n    if(!state.completed)throw new Error(i18next.t('text.station-sim-work-not-complete'))\n    runtime.resetWork('work',true)\n  }else{\n    if(state.completed)throw new Error(i18next.t('text.station-sim-confirmed-cannot-cancel'))\n    if(transition.guard==='order' || transition.guard==='materials'){\n      if(!runtime.scenario.orders.some(order=>order.id===state.orderId&&order.ready))throw new Error(i18next.t('text.station-sim-select-order-first'))\n    }\n    if(transition.guard==='materials'){\n      for(const [item,count] of Object.entries(runtime.scenario.requirements)){\n        if(state.serials.filter(id=>runtime.scenario.stock.some(stock=>stock.serial===id&&stock.item===item&&stock.eligible)).length!==count)throw new Error(i18next.t('text.station-sim-fill-requirement',{item,interpolation:{escapeValue:false}}))\n      }\n    }\n    if(transition.guard==='ready' && runtime.validate().length)throw new Error(runtime.validate()[0])\n    if(transition.action==='cancel')runtime.resetWork(transition.reset??'inputs')\n  }\n  return transition.target\n}\n\n/** Four editable screens, sharing only the current work context. */\nexport function packingScreenFlow():Record<string,any>{\n  const scenario=scenarioById('packing')!,base=scenarioScreen(scenario)\n  /* Component ids stay fixed across languages; only the label is translated. */\n  const part=(id:string,view:string,labelKey:string,left:number,top:number,width:number,height:number,extra:Record<string,any>={})=>({type:'station-work-panel',id,view,label:i18next.t(labelKey),left,top,width,height,...extra})\n  const nav=(id:string,labelKey:string,target:string,action:string,left:number,guard='none',reset='none')=>part(id,'navigation',labelKey,left,850,420,130,{targetScreen:target,flowAction:action,flowGuard:guard,resetScope:reset})\n  const page=(components:any[])=>({width:1440,height:1000,threed:false,stationScenario:'packing',components})\n  const screens={\n    order:page([part('order-orders','orders','label.station-sim-flow-order',24,24,680,750),part('order-status','status','label.station-sim-flow-current-work',724,24,690,750),nav('order-to-scan','label.station-sim-flow-to-scan','scan','next',24,'order')]),\n    scan:page([part('scan-materials','materials','label.station-sim-flow-parts',24,24,680,780),part('scan-scan','scan','label.station-sim-flow-serial-scan',724,24,690,200),part('scan-status','status','label.station-sim-flow-requirement-check',724,244,690,560),nav('scan-to-order','label.station-sim-flow-to-order','order','back',24),nav('scan-to-review','label.station-sim-flow-to-review','review','next',504,'materials'),nav('scan-cancel-input','label.station-sim-flow-cancel-input','scan','cancel',984,'none','inputs')]),\n    review:page([part('review-inputs','inputs','label.station-sim-flow-packing-info',24,24,680,400),part('review-checks','checks','label.station-sim-context-packing-inspection',24,444,680,350),part('review-status','status','label.station-sim-flow-final-check',724,24,690,560),part('review-commit','commit','label.station-sim-packing-result',724,604,690,200,{targetScreen:'done'}),nav('review-to-scan','label.station-sim-flow-to-scan-screen','scan','back',24),nav('review-cancel-work','label.station-sim-flow-cancel-work','order','cancel',504,'none','work')]),\n    done:page([part('done-status','status','label.station-sim-flow-result',24,24,1390,780),nav('done-next-work','label.station-sim-flow-next-work','order','next-work',24)])\n  }\n  return {...base,...screens.order,stationPages:{version:1,start:'order',screens}}\n}\n"]}

package/dist-client/station/station-tile-registry.d.ts

@@ -0,0 +1,89 @@
+/**
+ * 제품이 저작면에 **놓을 수 있게** 내놓는 타일 (ADR-0083 결정 6 · UX 판정 · 아키텍트 경계 고침, 2026-09-20).
+ *
+ * ═══════════════════════════════════════════════════════════════════════════
+ * ## 등록은 두 벌이고, 이것은 둘째다
+ *
+ * `@sceneComponent` 는 **그릴 수 있게** 할 뿐이다. 이미 저장된 화면의 `station-order` 를 씬이 그려
+ * 낼 수 있게 되는 것이고, 저작자가 새로 **놓을** 수 있게 되는 것이 아니다.
+ *
+ * 둘을 한 벌로 세지 않는다. 수명이 다르기 때문이다 — **팔레트에서 뺀 타일도 이미 저장된 화면에서는
+ * 계속 그려져야 한다.** 그리기를 지우면 옛 화면이 깨지고, 놓기만 지우면 새로 안 놓일 뿐이다.
+ *
+ * ## 기계의 것은 여기로 안 온다 (아키텍트 고침)
+ *
+ * 이 모듈의 공통 타일은 플랫폼의 그물이 걷는다 — `package.json` 의 `"things-scene"` 과 뿌리의
+ * `things-scene.config.js` 를 `@things-factory/env` 가 모아 보드 모델러가 세운다(꾸러미 42 개가 이미
+ * 그 길이다). plant 가 이 모듈을 의존하므로 조건이 선다. 옛 팔레트가 손으로 등록한 것은 그 부품이
+ * **앱 안에 있어서** 그물에 안 걸렸기 때문이고, 옮기고 나면 그 까닭이 없어진다. 플랫폼에 길이 있는데
+ * 옆에 사설 수집기를 세우지 않는다.
+ *
+ * 여기 오는 것은 **제품의 타일**(작업지시 · 정비 · 자재)과, 그것을 그물 대신 직접 훑는 저작 화면이다.
+ *
+ * ## 왜 배열이 아니라 함수인가
+ *
+ * 기계와 제품이 다른 꾸러미에서 온다. 배열을 export 해 두고 소비자가 import 하면 **그 순간의 사본**을
+ * 들고 가므로 늦게 걸린 제품의 것이 닿을 길이 없다. 저작자에게는 팔레트 칸이 덜 선 채로 보이고,
+ * 오류는 없다.
+ *
+ * ## 봉인 함수는 두지 않는다 (아키텍트 고침)
+ *
+ * 처음에는 `sealStationTiles()` 로 「다 들어왔다」를 말하게 지었다. 그러면 **앱이 그것을 잊었을 때가
+ * 다시 조용하다** — 고치려던 실패와 같은 모양이다. 타일 목록은 클라이언트 선언의 **한 칸**이고, 빈
+ * 자리는 `declareStationClientProduct` 가 기동 때 거절한다. 서버에서 `declareStationProduct` 가 하는
+ * 그 일이다(결정 6 「클라이언트도 같은 선이다」).
+ *
+ * **아직 그 칸이 아니다.** 클라이언트 선언(`station-client-product`)이 이 모듈로 오는 것이 다음
+ * 걸음이고, 그때 이 함수가 그 칸으로 접힌다. 아래 시험이 그날 빨강으로 알린다.
+ * ═══════════════════════════════════════════════════════════════════════════
+ */
+/** 저작면이 이 타일을 어떻게 내놓고, 놓았을 때 무엇이 서는가. */
+export interface StationTileEntry {
+    /** 씬 부품의 이름. `@sceneComponent` 가 쓴 그것과 같아야 한다. */
+    type: string;
+    /** 팔레트 그림. 없으면 보드가 빈 그림을 그린다. */
+    icon?: string;
+    /**
+     * 보드 저작면이 항목에 붙여 그리는 글 — **플랫폼의 칸이라 이름이 이것이고, 영어다.**
+     *
+     * 같은 타일이 두 저작면에서 다르게 읽힌다: 보드 저작면은 이 영어를, 현장 화면 모델러는 번역한
+     * 이름을 보여 준다(UX 실측 2026-09-20). 둘이 한 곳을 보게 하는 것이 `labelKey` 이고, 이 칸은
+     * 플랫폼이 읽는 자리라 그대로 둔다.
+     */
+    description?: string;
+    /**
+     * 사람이 읽는 이름의 **열쇠**. 값이 아니다.
+     *
+     * 여기서 `i18next.t()` 로 굳히면 언어를 바꿨을 때 옛 언어가 남는다 — 등록은 기동 때 한 번이고
+     * 언어는 그 뒤에도 바뀐다. 값으로 바꾸는 것은 읽는 쪽에서 한다.
+     */
+    labelKey?: string;
+    /** 팔레트 그룹. 비면 `station`. */
+    group?: string;
+    /** 놓았을 때 서는 것 — 자리 · 크기 · 그 부품의 기본 속성. */
+    model: Record<string, any>;
+}
+/**
+ * 제품이 자기 타일을 건다. 기동 때 한 번, 자기 선언과 같은 자리에서 부른다.
+ *
+ * 그룹이 섰는지 볼 필요가 없다 — 목록으로 받아 두고 읽을 때 편다. 부르는 순서로 실패하지 않는다는
+ * 것이 이 자리가 있는 까닭이다. 옛 팔레트는 그룹이 먼저 안 서면 템플릿을 **오류 없이 버렸다.**
+ */
+export declare function registerStationTiles(adding: StationTileEntry[]): void;
+/** 제품이 건 타일 — 소비자는 늘 이 함수로 읽는다. 배열을 import 하면 그 순간의 사본이 된다. */
+export declare function stationTiles(): StationTileEntry[];
+/**
+ * 목록이 바뀌면 알린다 — 읽고 있던 화면이 다시 그리도록.
+ *
+ * 돌려주는 함수를 부르면 그만 듣는다. 화면이 사라진 뒤에도 듣고 있으면 없는 것을 다시 그리려 한다.
+ */
+export declare function onStationTiles(listener: () => void): () => void;
+/**
+ * 그 타일의 이름 열쇠 — 없으면 `undefined`.
+ *
+ * 읽는 쪽이 `undefined` 를 받으면 부품 이름(`station-order`)을 그대로 그린다. 그것이 뜨면 등록부에
+ * `labelKey` 가 빠진 것이지 이름이 없는 것이 아니다.
+ */
+export declare function stationTileLabelKey(type: string): string | undefined;
+/** 시험용 — 등록은 기동 때 한 번 하는 일이다. */
+export declare function forgetStationTiles(): void;

package/dist-client/station/station-tile-registry.js

@@ -0,0 +1,86 @@
+/**
+ * 제품이 저작면에 **놓을 수 있게** 내놓는 타일 (ADR-0083 결정 6 · UX 판정 · 아키텍트 경계 고침, 2026-09-20).
+ *
+ * ═══════════════════════════════════════════════════════════════════════════
+ * ## 등록은 두 벌이고, 이것은 둘째다
+ *
+ * `@sceneComponent` 는 **그릴 수 있게** 할 뿐이다. 이미 저장된 화면의 `station-order` 를 씬이 그려
+ * 낼 수 있게 되는 것이고, 저작자가 새로 **놓을** 수 있게 되는 것이 아니다.
+ *
+ * 둘을 한 벌로 세지 않는다. 수명이 다르기 때문이다 — **팔레트에서 뺀 타일도 이미 저장된 화면에서는
+ * 계속 그려져야 한다.** 그리기를 지우면 옛 화면이 깨지고, 놓기만 지우면 새로 안 놓일 뿐이다.
+ *
+ * ## 기계의 것은 여기로 안 온다 (아키텍트 고침)
+ *
+ * 이 모듈의 공통 타일은 플랫폼의 그물이 걷는다 — `package.json` 의 `"things-scene"` 과 뿌리의
+ * `things-scene.config.js` 를 `@things-factory/env` 가 모아 보드 모델러가 세운다(꾸러미 42 개가 이미
+ * 그 길이다). plant 가 이 모듈을 의존하므로 조건이 선다. 옛 팔레트가 손으로 등록한 것은 그 부품이
+ * **앱 안에 있어서** 그물에 안 걸렸기 때문이고, 옮기고 나면 그 까닭이 없어진다. 플랫폼에 길이 있는데
+ * 옆에 사설 수집기를 세우지 않는다.
+ *
+ * 여기 오는 것은 **제품의 타일**(작업지시 · 정비 · 자재)과, 그것을 그물 대신 직접 훑는 저작 화면이다.
+ *
+ * ## 왜 배열이 아니라 함수인가
+ *
+ * 기계와 제품이 다른 꾸러미에서 온다. 배열을 export 해 두고 소비자가 import 하면 **그 순간의 사본**을
+ * 들고 가므로 늦게 걸린 제품의 것이 닿을 길이 없다. 저작자에게는 팔레트 칸이 덜 선 채로 보이고,
+ * 오류는 없다.
+ *
+ * ## 봉인 함수는 두지 않는다 (아키텍트 고침)
+ *
+ * 처음에는 `sealStationTiles()` 로 「다 들어왔다」를 말하게 지었다. 그러면 **앱이 그것을 잊었을 때가
+ * 다시 조용하다** — 고치려던 실패와 같은 모양이다. 타일 목록은 클라이언트 선언의 **한 칸**이고, 빈
+ * 자리는 `declareStationClientProduct` 가 기동 때 거절한다. 서버에서 `declareStationProduct` 가 하는
+ * 그 일이다(결정 6 「클라이언트도 같은 선이다」).
+ *
+ * **아직 그 칸이 아니다.** 클라이언트 선언(`station-client-product`)이 이 모듈로 오는 것이 다음
+ * 걸음이고, 그때 이 함수가 그 칸으로 접힌다. 아래 시험이 그날 빨강으로 알린다.
+ * ═══════════════════════════════════════════════════════════════════════════
+ */
+let entries = [];
+const listeners = new Set();
+/**
+ * 제품이 자기 타일을 건다. 기동 때 한 번, 자기 선언과 같은 자리에서 부른다.
+ *
+ * 그룹이 섰는지 볼 필요가 없다 — 목록으로 받아 두고 읽을 때 편다. 부르는 순서로 실패하지 않는다는
+ * 것이 이 자리가 있는 까닭이다. 옛 팔레트는 그룹이 먼저 안 서면 템플릿을 **오류 없이 버렸다.**
+ */
+export function registerStationTiles(adding) {
+    const already = new Set(entries.map(one => one.type));
+    const twice = adding.filter(one => already.has(one.type));
+    if (twice.length) {
+        console.warn(`[station] 같은 타일이 두 번 등록됐습니다 — ${twice.map(one => one.type).join(' · ')}. 뒤엣것은 버립니다.`);
+    }
+    entries = [...entries, ...adding.filter(one => !already.has(one.type))];
+    listeners.forEach(listener => listener());
+}
+/** 제품이 건 타일 — 소비자는 늘 이 함수로 읽는다. 배열을 import 하면 그 순간의 사본이 된다. */
+export function stationTiles() {
+    return entries;
+}
+/**
+ * 목록이 바뀌면 알린다 — 읽고 있던 화면이 다시 그리도록.
+ *
+ * 돌려주는 함수를 부르면 그만 듣는다. 화면이 사라진 뒤에도 듣고 있으면 없는 것을 다시 그리려 한다.
+ */
+export function onStationTiles(listener) {
+    listeners.add(listener);
+    return () => {
+        listeners.delete(listener);
+    };
+}
+/**
+ * 그 타일의 이름 열쇠 — 없으면 `undefined`.
+ *
+ * 읽는 쪽이 `undefined` 를 받으면 부품 이름(`station-order`)을 그대로 그린다. 그것이 뜨면 등록부에
+ * `labelKey` 가 빠진 것이지 이름이 없는 것이 아니다.
+ */
+export function stationTileLabelKey(type) {
+    return entries.find(one => one.type === type)?.labelKey;
+}
+/** 시험용 — 등록은 기동 때 한 번 하는 일이다. */
+export function forgetStationTiles() {
+    entries = [];
+    listeners.clear();
+}
+//# sourceMappingURL=station-tile-registry.js.map

package/dist-client/station/station-tile-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"station-tile-registry.js","sourceRoot":"","sources":["../../client/station/station-tile-registry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AA6BH,IAAI,OAAO,GAAuB,EAAE,CAAA;AACpC,MAAM,SAAS,GAAG,IAAI,GAAG,EAAc,CAAA;AAEvC;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAAC,MAA0B;IAC7D,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;IACrD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;IAEzD,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,OAAO,CAAC,IAAI,CAAC,iCAAiC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;IACrG,CAAC;IAED,OAAO,GAAG,CAAC,GAAG,OAAO,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACvE,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAA;AAC3C,CAAC;AAED,+DAA+D;AAC/D,MAAM,UAAU,YAAY;IAC1B,OAAO,OAAO,CAAA;AAChB,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,QAAoB;IACjD,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAEvB,OAAO,GAAG,EAAE;QACV,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IAC5B,CAAC,CAAA;AACH,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAC,IAAY;IAC9C,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,QAAQ,CAAA;AACzD,CAAC;AAED,iCAAiC;AACjC,MAAM,UAAU,kBAAkB;IAChC,OAAO,GAAG,EAAE,CAAA;IACZ,SAAS,CAAC,KAAK,EAAE,CAAA;AACnB,CAAC","sourcesContent":["/**\n * 제품이 저작면에 **놓을 수 있게** 내놓는 타일 (ADR-0083 결정 6 · UX 판정 · 아키텍트 경계 고침, 2026-09-20).\n *\n * ═══════════════════════════════════════════════════════════════════════════\n * ## 등록은 두 벌이고, 이것은 둘째다\n *\n * `@sceneComponent` 는 **그릴 수 있게** 할 뿐이다. 이미 저장된 화면의 `station-order` 를 씬이 그려\n * 낼 수 있게 되는 것이고, 저작자가 새로 **놓을** 수 있게 되는 것이 아니다.\n *\n * 둘을 한 벌로 세지 않는다. 수명이 다르기 때문이다 — **팔레트에서 뺀 타일도 이미 저장된 화면에서는\n * 계속 그려져야 한다.** 그리기를 지우면 옛 화면이 깨지고, 놓기만 지우면 새로 안 놓일 뿐이다.\n *\n * ## 기계의 것은 여기로 안 온다 (아키텍트 고침)\n *\n * 이 모듈의 공통 타일은 플랫폼의 그물이 걷는다 — `package.json` 의 `\"things-scene\"` 과 뿌리의\n * `things-scene.config.js` 를 `@things-factory/env` 가 모아 보드 모델러가 세운다(꾸러미 42 개가 이미\n * 그 길이다). plant 가 이 모듈을 의존하므로 조건이 선다. 옛 팔레트가 손으로 등록한 것은 그 부품이\n * **앱 안에 있어서** 그물에 안 걸렸기 때문이고, 옮기고 나면 그 까닭이 없어진다. 플랫폼에 길이 있는데\n * 옆에 사설 수집기를 세우지 않는다.\n *\n * 여기 오는 것은 **제품의 타일**(작업지시 · 정비 · 자재)과, 그것을 그물 대신 직접 훑는 저작 화면이다.\n *\n * ## 왜 배열이 아니라 함수인가\n *\n * 기계와 제품이 다른 꾸러미에서 온다. 배열을 export 해 두고 소비자가 import 하면 **그 순간의 사본**을\n * 들고 가므로 늦게 걸린 제품의 것이 닿을 길이 없다. 저작자에게는 팔레트 칸이 덜 선 채로 보이고,\n * 오류는 없다.\n *\n * ## 봉인 함수는 두지 않는다 (아키텍트 고침)\n *\n * 처음에는 `sealStationTiles()` 로 「다 들어왔다」를 말하게 지었다. 그러면 **앱이 그것을 잊었을 때가\n * 다시 조용하다** — 고치려던 실패와 같은 모양이다. 타일 목록은 클라이언트 선언의 **한 칸**이고, 빈\n * 자리는 `declareStationClientProduct` 가 기동 때 거절한다. 서버에서 `declareStationProduct` 가 하는\n * 그 일이다(결정 6 「클라이언트도 같은 선이다」).\n *\n * **아직 그 칸이 아니다.** 클라이언트 선언(`station-client-product`)이 이 모듈로 오는 것이 다음\n * 걸음이고, 그때 이 함수가 그 칸으로 접힌다. 아래 시험이 그날 빨강으로 알린다.\n * ═══════════════════════════════════════════════════════════════════════════\n */\n\n/** 저작면이 이 타일을 어떻게 내놓고, 놓았을 때 무엇이 서는가. */\nexport interface StationTileEntry {\n  /** 씬 부품의 이름. `@sceneComponent` 가 쓴 그것과 같아야 한다. */\n  type: string\n  /** 팔레트 그림. 없으면 보드가 빈 그림을 그린다. */\n  icon?: string\n  /**\n   * 보드 저작면이 항목에 붙여 그리는 글 — **플랫폼의 칸이라 이름이 이것이고, 영어다.**\n   *\n   * 같은 타일이 두 저작면에서 다르게 읽힌다: 보드 저작면은 이 영어를, 현장 화면 모델러는 번역한\n   * 이름을 보여 준다(UX 실측 2026-09-20). 둘이 한 곳을 보게 하는 것이 `labelKey` 이고, 이 칸은\n   * 플랫폼이 읽는 자리라 그대로 둔다.\n   */\n  description?: string\n  /**\n   * 사람이 읽는 이름의 **열쇠**. 값이 아니다.\n   *\n   * 여기서 `i18next.t()` 로 굳히면 언어를 바꿨을 때 옛 언어가 남는다 — 등록은 기동 때 한 번이고\n   * 언어는 그 뒤에도 바뀐다. 값으로 바꾸는 것은 읽는 쪽에서 한다.\n   */\n  labelKey?: string\n  /** 팔레트 그룹. 비면 `station`. */\n  group?: string\n  /** 놓았을 때 서는 것 — 자리 · 크기 · 그 부품의 기본 속성. */\n  model: Record<string, any>\n}\n\nlet entries: StationTileEntry[] = []\nconst listeners = new Set<() => void>()\n\n/**\n * 제품이 자기 타일을 건다. 기동 때 한 번, 자기 선언과 같은 자리에서 부른다.\n *\n * 그룹이 섰는지 볼 필요가 없다 — 목록으로 받아 두고 읽을 때 편다. 부르는 순서로 실패하지 않는다는\n * 것이 이 자리가 있는 까닭이다. 옛 팔레트는 그룹이 먼저 안 서면 템플릿을 **오류 없이 버렸다.**\n */\nexport function registerStationTiles(adding: StationTileEntry[]): void {\n  const already = new Set(entries.map(one => one.type))\n  const twice = adding.filter(one => already.has(one.type))\n\n  if (twice.length) {\n    console.warn(`[station] 같은 타일이 두 번 등록됐습니다 — ${twice.map(one => one.type).join(' · ')}. 뒤엣것은 버립니다.`)\n  }\n\n  entries = [...entries, ...adding.filter(one => !already.has(one.type))]\n  listeners.forEach(listener => listener())\n}\n\n/** 제품이 건 타일 — 소비자는 늘 이 함수로 읽는다. 배열을 import 하면 그 순간의 사본이 된다. */\nexport function stationTiles(): StationTileEntry[] {\n  return entries\n}\n\n/**\n * 목록이 바뀌면 알린다 — 읽고 있던 화면이 다시 그리도록.\n *\n * 돌려주는 함수를 부르면 그만 듣는다. 화면이 사라진 뒤에도 듣고 있으면 없는 것을 다시 그리려 한다.\n */\nexport function onStationTiles(listener: () => void): () => void {\n  listeners.add(listener)\n\n  return () => {\n    listeners.delete(listener)\n  }\n}\n\n/**\n * 그 타일의 이름 열쇠 — 없으면 `undefined`.\n *\n * 읽는 쪽이 `undefined` 를 받으면 부품 이름(`station-order`)을 그대로 그린다. 그것이 뜨면 등록부에\n * `labelKey` 가 빠진 것이지 이름이 없는 것이 아니다.\n */\nexport function stationTileLabelKey(type: string): string | undefined {\n  return entries.find(one => one.type === type)?.labelKey\n}\n\n/** 시험용 — 등록은 기동 때 한 번 하는 일이다. */\nexport function forgetStationTiles(): void {\n  entries = []\n  listeners.clear()\n}\n"]}

package/dist-client/station/station-work-panel-view.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+import type { WorkPanel } from './station-work-scenarios';
+import type { StationWorkRuntime } from './station-work-runtime';
+import type { ScreenTransition } from './station-screen-flow';
+/** Native accessible form controls, positioned by things-scene's HTML overlay primitive. */
+export declare class StationWorkPanelView extends LitElement {
+    static styles: import("lit").CSSResult;
+    runtime?: StationWorkRuntime;
+    view: WorkPanel;
+    label: string;
+    editing: boolean;
+    targetScreen: string;
+    flowAction: ScreenTransition['action'];
+    flowGuard: ScreenTransition['guard'];
+    resetScope: ScreenTransition['reset'];
+    private confirmingCancel;
+    private navigate;
+    private unsubscribe?;
+    updated(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/station/station-work-panel-view.js

@@ -0,0 +1,125 @@
+import { __decorate, __metadata } from "tslib";
+import { LitElement, css, html, nothing } from 'lit';
+import { ScrollbarStyles } from '@operato/styles';
+import { customElement, property, state } from 'lit/decorators.js';
+import { i18next } from '@operato/i18n';
+/** Native accessible form controls, positioned by things-scene's HTML overlay primitive. */
+let StationWorkPanelView = class StationWorkPanelView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.view = 'status';
+        this.label = '';
+        this.editing = false;
+        this.targetScreen = '';
+        this.flowAction = 'next';
+        this.flowGuard = 'none';
+        this.resetScope = 'none';
+        this.confirmingCancel = false;
+    }
+    static { this.styles = css `
+    ${ScrollbarStyles}
+    :host{display:block;box-sizing:border-box;background:var(--ui-panel,#ffffff);color:var(--ui-ink,#16202b);border:1px solid var(--ui-border,#cbd5df);border-radius:10px;font:16px system-ui;overflow:auto}
+    section{padding:16px;box-sizing:border-box;height:100%;overflow:auto;background:var(--md-sys-color-surface-container-low,#fff);color:var(--md-sys-color-on-surface,#20333f);font:16px system-ui;border:1px solid var(--md-sys-color-outline-variant,#cbd5df);border-radius:10px} h3{font-size:18px;margin:0 0 14px} p{line-height:1.5;margin:8px 0} small{color:var(--md-sys-color-on-surface-variant,#536574)}
+    button,input,select{box-sizing:border-box;font:inherit;min-height:48px;border:1px solid #b6c5d1;border-radius:6px;background:#fff;color:inherit;padding:9px}
+    button,input,select{background:var(--md-sys-color-surface,#fff);color:var(--md-sys-color-on-surface,#20333f);border-color:var(--md-sys-color-outline,#b6c5d1)}button{cursor:pointer;text-align:left}button:focus-visible,input:focus-visible{outline:3px solid var(--md-sys-color-primary,#126fc0);outline-offset:2px}
+    button[aria-pressed=true]{background:var(--md-sys-color-primary-container,#e6f2ff);color:var(--md-sys-color-on-primary-container,#164274)}button:disabled{opacity:.55;cursor:default}
+    .list{display:grid;gap:8px}.row{display:flex;gap:10px;align-items:center}label{display:grid;gap:5px;margin:0 0 12px}label.check{display:flex;gap:10px;align-items:center;min-height:48px}
+    input[type=checkbox]{width:24px;min-height:24px;flex:none}input{width:100%}.primary{background:#1765ad;color:white;width:100%;text-align:center;font-weight:bold}
+    .problem{color:var(--md-sys-color-error,#973826)}.ok{color:var(--md-sys-color-primary,#136442)}.badge{padding:6px 10px;background:var(--md-sys-color-surface-container-high,#edf2f6);border-radius:5px}.receipt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
+  `; }
+    navigate(action) {
+        if (this.editing)
+            return;
+        if (action === 'cancel' && !this.confirmingCancel) {
+            this.confirmingCancel = true;
+            return;
+        }
+        this.confirmingCancel = false;
+        this.dispatchEvent(new CustomEvent('station-screen-transition', { bubbles: true, composed: true, detail: { action, target: this.targetScreen, guard: this.flowGuard, reset: this.resetScope } }));
+    }
+    updated(changed) {
+        if (changed.has('runtime')) {
+            this.unsubscribe?.();
+            this.unsubscribe = this.runtime?.subscribe(() => this.requestUpdate());
+        }
+    }
+    disconnectedCallback() { super.disconnectedCallback(); this.unsubscribe?.(); this.unsubscribe = undefined; }
+    connectedCallback() { super.connectedCallback(); if (this.runtime && !this.unsubscribe)
+        this.unsubscribe = this.runtime.subscribe(() => this.requestUpdate()); }
+    render() {
+        const runtime = this.runtime, label = this.label || i18next.t('label.station-sim-work-form'), unescaped = { escapeValue: false };
+        if (!runtime)
+            return html `<section><h3>${label}</h3><p>${i18next.t('text.station-sim-not-connected')}</p><small>${i18next.t('text.station-sim-no-production-commands')}</small></section>`;
+        const s = runtime.state, d = runtime.scenario, disabled = this.editing || Boolean(s.completed), problems = runtime.validate();
+        let body;
+        switch (this.view) {
+            case 'orders':
+                body = html `<div class="list">${d.orders.map(order => html `<button ?disabled=${disabled} aria-pressed=${s.orderId === order.id} @click=${() => runtime.selectOrder(order.id)}>${order.id}<br><small>${order.product} · ${i18next.t('text.station-sim-order-quantity', { count: order.quantity })} · ${order.ready ? i18next.t('label.station-sim-selectable') : i18next.t('label.station-sim-on-hold')}</small></button>`)}</div>`;
+                break;
+            case 'materials':
+                body = html `<div class="list">${d.stock.length ? d.stock.map(item => html `<button ?disabled=${disabled} aria-pressed=${s.serials.includes(item.serial)} @click=${() => s.serials.includes(item.serial) ? runtime.remove(item.serial) : runtime.scan(item.serial)}>${s.serials.includes(item.serial) ? '☑' : '□'} ${item.serial}<br><small>${item.item} · ${item.eligible ? i18next.t('label.station-sim-available') : item.note}</small></button>`) : html `<p>${i18next.t('text.station-sim-no-serial-input')}</p>`}</div>`;
+                break;
+            case 'scan':
+                body = html `<form @submit=${(event) => { event.preventDefault(); if (disabled)
+                    return; const input = event.target.querySelector('input'); runtime.scan(input.value); input.value = ''; input.focus(); }}><label>${i18next.t('label.station-sim-serial-barcode')}<input aria-label=${i18next.t('label.station-sim-serial-barcode')} ?disabled=${disabled || !d.stock.length} autocomplete="off" placeholder=${i18next.t('text.station-sim-scan-then-enter')}></label></form>`;
+                break;
+            case 'inputs':
+                body = html `${d.inputs.length ? d.inputs.map(field => html `<label>${field.label}<input aria-label=${field.label} type=${field.kind === 'number' ? 'number' : 'text'} step="any" min=${field.min ?? nothing} max=${field.max ?? nothing} maxlength="120" .value=${s.inputs[field.key] ?? ''} ?disabled=${disabled} @input=${(event) => runtime.input(field.key, event.target.value)}><small>${field.kind === 'number' ? i18next.t('text.station-sim-allowed-range', { min: field.min, max: field.max }) : i18next.t('text.station-sim-required-identifier')}</small></label>`) : html `<p>${i18next.t('text.station-sim-no-extra-input')}</p>`}`;
+                break;
+            case 'checks':
+                body = html `${d.checks.map(check => html `<label class="check"><input type="checkbox" .checked=${s.checks.includes(check)} ?disabled=${disabled} @change=${(event) => runtime.check(check, event.target.checked)}>${check}</label>`)}`;
+                break;
+            case 'status':
+                body = html `<p class="badge">${s.orderId || i18next.t('text.station-sim-no-order-selected')} · ${s.role}</p>${Object.entries(d.requirements).map(([item, needed]) => html `<p>${item}: ${s.serials.filter(id => d.stock.some(stock => stock.serial === id && stock.item === item)).length} / ${needed}</p>`)}<div role="status" aria-live="polite"><p>${s.message}</p></div>${s.completed ? html `<p class="ok">${i18next.t('text.station-sim-simulated-done', { result: s.completed.result, interpolation: unescaped })}</p><pre class="receipt">${JSON.stringify(s.completed, null, 2)}</pre>` : html `<p>${problems.length ? i18next.t('text.station-sim-problem-count', { count: problems.length }) : i18next.t('text.station-sim-ready-to-confirm')}</p>${problems.map(problem => html `<p class="problem">• ${problem}</p>`)}`}`;
+                break;
+            case 'commit':
+                body = html `<p>${i18next.t('text.station-sim-simulation-only')}</p><button class="primary" ?disabled=${disabled} @click=${() => this.targetScreen ? this.navigate('complete') : runtime.commit()}>${i18next.t('button.station-sim-confirm-result', { result: d.result, interpolation: unescaped })}</button><small>${i18next.t('text.station-sim-recheck-before-confirm')}</small>`;
+                break;
+            case 'navigation':
+                body = this.confirmingCancel ? html `<p>${i18next.t('text.station-sim-clear-unconfirmed')}</p><button @click=${() => this.navigate('cancel')}>${i18next.t('button.station-sim-confirm-clear')}</button><button @click=${() => this.confirmingCancel = false}>${i18next.t('button.station-sim-keep-working')}</button>` : html `<button class="primary" ?disabled=${this.editing || (this.flowAction === 'next-work' ? !s.completed : Boolean(s.completed))} @click=${() => this.navigate(this.flowAction)}>${label}</button><small>${i18next.t('text.station-sim-target', { target: this.targetScreen || i18next.t('text.station-sim-not-set'), interpolation: unescaped })}</small>`;
+                break;
+        }
+        return html `<section aria-label=${label}><h3>${label}</h3>${body}</section>`;
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Function)
+], StationWorkPanelView.prototype, "runtime", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], StationWorkPanelView.prototype, "view", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], StationWorkPanelView.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], StationWorkPanelView.prototype, "editing", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], StationWorkPanelView.prototype, "targetScreen", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], StationWorkPanelView.prototype, "flowAction", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], StationWorkPanelView.prototype, "flowGuard", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], StationWorkPanelView.prototype, "resetScope", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], StationWorkPanelView.prototype, "confirmingCancel", void 0);
+StationWorkPanelView = __decorate([
+    customElement('station-work-panel-view')
+], StationWorkPanelView);
+export { StationWorkPanelView };
+//# sourceMappingURL=station-work-panel-view.js.map

package/dist-client/station/station-work-panel-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"station-work-panel-view.js","sourceRoot":"","sources":["../../client/station/station-work-panel-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, css, html, nothing } from 'lit'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { i18next } from '@operato/i18n'\nimport type { WorkPanel } from './station-work-scenarios'\nimport type { StationWorkRuntime } from './station-work-runtime'\nimport type { ScreenTransition } from './station-screen-flow'\n\n/** Native accessible form controls, positioned by things-scene's HTML overlay primitive. */\n@customElement('station-work-panel-view')\nexport class StationWorkPanelView extends LitElement {\n  static styles=css`\n    ${ScrollbarStyles}\n    :host{display:block;box-sizing:border-box;background:var(--ui-panel,#ffffff);color:var(--ui-ink,#16202b);border:1px solid var(--ui-border,#cbd5df);border-radius:10px;font:16px system-ui;overflow:auto}\n    section{padding:16px;box-sizing:border-box;height:100%;overflow:auto;background:var(--md-sys-color-surface-container-low,#fff);color:var(--md-sys-color-on-surface,#20333f);font:16px system-ui;border:1px solid var(--md-sys-color-outline-variant,#cbd5df);border-radius:10px} h3{font-size:18px;margin:0 0 14px} p{line-height:1.5;margin:8px 0} small{color:var(--md-sys-color-on-surface-variant,#536574)}\n    button,input,select{box-sizing:border-box;font:inherit;min-height:48px;border:1px solid #b6c5d1;border-radius:6px;background:#fff;color:inherit;padding:9px}\n    button,input,select{background:var(--md-sys-color-surface,#fff);color:var(--md-sys-color-on-surface,#20333f);border-color:var(--md-sys-color-outline,#b6c5d1)}button{cursor:pointer;text-align:left}button:focus-visible,input:focus-visible{outline:3px solid var(--md-sys-color-primary,#126fc0);outline-offset:2px}\n    button[aria-pressed=true]{background:var(--md-sys-color-primary-container,#e6f2ff);color:var(--md-sys-color-on-primary-container,#164274)}button:disabled{opacity:.55;cursor:default}\n    .list{display:grid;gap:8px}.row{display:flex;gap:10px;align-items:center}label{display:grid;gap:5px;margin:0 0 12px}label.check{display:flex;gap:10px;align-items:center;min-height:48px}\n    input[type=checkbox]{width:24px;min-height:24px;flex:none}input{width:100%}.primary{background:#1765ad;color:white;width:100%;text-align:center;font-weight:bold}\n    .problem{color:var(--md-sys-color-error,#973826)}.ok{color:var(--md-sys-color-primary,#136442)}.badge{padding:6px 10px;background:var(--md-sys-color-surface-container-high,#edf2f6);border-radius:5px}.receipt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}\n  `\n  @property({attribute:false}) runtime?:StationWorkRuntime\n  @property() view:WorkPanel='status'\n  @property() label=''\n  @property({type:Boolean}) editing=false\n  @property() targetScreen=''\n  @property() flowAction:ScreenTransition['action']='next'\n  @property() flowGuard:ScreenTransition['guard']='none'\n  @property() resetScope:ScreenTransition['reset']='none'\n  @state() private confirmingCancel=false\n  private navigate(action:ScreenTransition['action']){\n    if(this.editing)return\n    if(action==='cancel'&&!this.confirmingCancel){this.confirmingCancel=true;return}\n    this.confirmingCancel=false\n    this.dispatchEvent(new CustomEvent('station-screen-transition',{bubbles:true,composed:true,detail:{action,target:this.targetScreen,guard:this.flowGuard,reset:this.resetScope}}))\n  }\n  private unsubscribe?:()=>void\n  updated(changed:Map<string,unknown>) {\n    if(changed.has('runtime')) {this.unsubscribe?.();this.unsubscribe=this.runtime?.subscribe(()=>this.requestUpdate())}\n  }\n  disconnectedCallback(){super.disconnectedCallback();this.unsubscribe?.();this.unsubscribe=undefined}\n  connectedCallback(){super.connectedCallback();if(this.runtime && !this.unsubscribe)this.unsubscribe=this.runtime.subscribe(()=>this.requestUpdate())}\n  render() {\n    const runtime=this.runtime,label=this.label||i18next.t('label.station-sim-work-form'),unescaped={escapeValue:false}\n    if(!runtime)return html`<section><h3>${label}</h3><p>${i18next.t('text.station-sim-not-connected')}</p><small>${i18next.t('text.station-sim-no-production-commands')}</small></section>`\n    const s=runtime.state,d=runtime.scenario,disabled=this.editing || Boolean(s.completed),problems=runtime.validate()\n    let body\n    switch(this.view){\n      case 'orders':body=html`<div class=\"list\">${d.orders.map(order=>html`<button ?disabled=${disabled} aria-pressed=${s.orderId===order.id} @click=${()=>runtime.selectOrder(order.id)}>${order.id}<br><small>${order.product} · ${i18next.t('text.station-sim-order-quantity',{count:order.quantity})} · ${order.ready?i18next.t('label.station-sim-selectable'):i18next.t('label.station-sim-on-hold')}</small></button>`)}</div>`;break\n      case 'materials':body=html`<div class=\"list\">${d.stock.length?d.stock.map(item=>html`<button ?disabled=${disabled} aria-pressed=${s.serials.includes(item.serial)} @click=${()=>s.serials.includes(item.serial)?runtime.remove(item.serial):runtime.scan(item.serial)}>${s.serials.includes(item.serial)?'☑':'□'} ${item.serial}<br><small>${item.item} · ${item.eligible?i18next.t('label.station-sim-available'):item.note}</small></button>`):html`<p>${i18next.t('text.station-sim-no-serial-input')}</p>`}</div>`;break\n      case 'scan':body=html`<form @submit=${(event:Event)=>{event.preventDefault();if(disabled)return;const input=(event.target as HTMLFormElement).querySelector('input')!;runtime.scan(input.value);input.value='';input.focus()}}><label>${i18next.t('label.station-sim-serial-barcode')}<input aria-label=${i18next.t('label.station-sim-serial-barcode')} ?disabled=${disabled || !d.stock.length} autocomplete=\"off\" placeholder=${i18next.t('text.station-sim-scan-then-enter')}></label></form>`;break\n      case 'inputs':body=html`${d.inputs.length?d.inputs.map(field=>html`<label>${field.label}<input aria-label=${field.label} type=${field.kind==='number'?'number':'text'} step=\"any\" min=${field.min??nothing} max=${field.max??nothing} maxlength=\"120\" .value=${s.inputs[field.key]??''} ?disabled=${disabled} @input=${(event:Event)=>runtime.input(field.key,(event.target as HTMLInputElement).value)}><small>${field.kind==='number'?i18next.t('text.station-sim-allowed-range',{min:field.min,max:field.max}):i18next.t('text.station-sim-required-identifier')}</small></label>`):html`<p>${i18next.t('text.station-sim-no-extra-input')}</p>`}`;break\n      case 'checks':body=html`${d.checks.map(check=>html`<label class=\"check\"><input type=\"checkbox\" .checked=${s.checks.includes(check)} ?disabled=${disabled} @change=${(event:Event)=>runtime.check(check,(event.target as HTMLInputElement).checked)}>${check}</label>`)}`;break\n      case 'status':body=html`<p class=\"badge\">${s.orderId||i18next.t('text.station-sim-no-order-selected')} · ${s.role}</p>${Object.entries(d.requirements).map(([item,needed])=>html`<p>${item}: ${s.serials.filter(id=>d.stock.some(stock=>stock.serial===id&&stock.item===item)).length} / ${needed}</p>`)}<div role=\"status\" aria-live=\"polite\"><p>${s.message}</p></div>${s.completed?html`<p class=\"ok\">${i18next.t('text.station-sim-simulated-done',{result:s.completed.result,interpolation:unescaped})}</p><pre class=\"receipt\">${JSON.stringify(s.completed,null,2)}</pre>`:html`<p>${problems.length?i18next.t('text.station-sim-problem-count',{count:problems.length}):i18next.t('text.station-sim-ready-to-confirm')}</p>${problems.map(problem=>html`<p class=\"problem\">• ${problem}</p>`)}`}`;break\n      case 'commit':body=html`<p>${i18next.t('text.station-sim-simulation-only')}</p><button class=\"primary\" ?disabled=${disabled} @click=${()=>this.targetScreen?this.navigate('complete'):runtime.commit()}>${i18next.t('button.station-sim-confirm-result',{result:d.result,interpolation:unescaped})}</button><small>${i18next.t('text.station-sim-recheck-before-confirm')}</small>`;break\n      case 'navigation':body=this.confirmingCancel?html`<p>${i18next.t('text.station-sim-clear-unconfirmed')}</p><button @click=${()=>this.navigate('cancel')}>${i18next.t('button.station-sim-confirm-clear')}</button><button @click=${()=>this.confirmingCancel=false}>${i18next.t('button.station-sim-keep-working')}</button>`:html`<button class=\"primary\" ?disabled=${this.editing || (this.flowAction==='next-work'?!s.completed:Boolean(s.completed))} @click=${()=>this.navigate(this.flowAction)}>${label}</button><small>${i18next.t('text.station-sim-target',{target:this.targetScreen||i18next.t('text.station-sim-not-set'),interpolation:unescaped})}</small>`;break\n    }\n    return html`<section aria-label=${label}><h3>${label}</h3>${body}</section>`\n  }\n}\n"]}

package/dist-client/station/station-work-runtime.d.ts

@@ -0,0 +1,47 @@
+import type { WorkScenario } from './station-work-scenarios';
+export declare const WORK_SERVICE = "station-work-sandbox";
+export interface WorkState {
+    orderId: string;
+    serials: string[];
+    inputs: Record<string, string>;
+    checks: string[];
+    role: string;
+    qualified: boolean;
+    equipmentReady: boolean;
+    online: boolean;
+    calibrated: boolean;
+    message: string;
+    completed?: {
+        id: string;
+        result: string;
+        orderId: string;
+        serials: string[];
+        inputs: Record<string, string>;
+        checks: string[];
+        role: string;
+    };
+    events: string[];
+}
+/** Isolated, deterministic acceptance harness. It never calls Plant mutation APIs. */
+export declare class StationWorkRuntime {
+    private sequence;
+    readonly receipts: WorkState['completed'][];
+    readonly sandbox = true;
+    readonly scenario: WorkScenario;
+    private current;
+    private listeners;
+    constructor(scenario: WorkScenario);
+    get state(): WorkState;
+    subscribe(listener: () => void): () => void;
+    private emit;
+    private editable;
+    selectOrder(id: string): void;
+    scan(raw: string): void;
+    remove(serial: string): void;
+    input(key: string, value: string): void;
+    check(label: string, checked: boolean): void;
+    environment(key: 'role' | 'qualified' | 'equipmentReady' | 'online' | 'calibrated', value: string | boolean): void;
+    validate(): string[];
+    commit(): boolean;
+    resetWork(scope: 'none' | 'inputs' | 'work', afterCompletion?: boolean): void;
+}