pubuilder 0.6.0 → 0.8.0

package/dist/index.js

@@ -1,31 +1,31 @@
 "use client";
-import { jsxs as a, jsx as e, Fragment as ne } from "react/jsx-runtime";
-import { createContext as se, memo as de, useRef as H, useState as v, useEffect as A, useMemo as K, useContext as le, useLayoutEffect as ue } from "react";
-import { createPortal as pe } from "react-dom";
-import { normalizeIA as be } from "./config.js";
-import { defineIA as et } from "./config.js";
-import { create as fe } from "zustand";
-import { Handle as Q, Position as V, ReactFlow as he } from "@xyflow/react";
-const ge = "http://localhost:4816";
-class J extends Error {
-  constructor(o, n) {
-    super(o), this.code = n, this.name = "ApiError";
+import { jsxs as s, jsx as o, Fragment as ee } from "react/jsx-runtime";
+import { createContext as de, memo as pe, useRef as $, useState as N, useEffect as L, useContext as H, useMemo as J, useLayoutEffect as ue } from "react";
+import { createPortal as be } from "react-dom";
+import { normalizeIA as fe } from "./config.js";
+import { defineIA as ro } from "./config.js";
+import { create as he } from "zustand";
+import { Handle as W, Position as B, ReactFlow as ge, Controls as xe } from "@xyflow/react";
+const me = "http://localhost:4816";
+class F extends Error {
+  constructor(e, r) {
+    super(e), this.code = r, this.name = "ApiError";
   }
 }
-class ae {
-  constructor(o = ge) {
-    this.baseUrl = o;
+class oe {
+  constructor(e = me) {
+    this.baseUrl = e;
   }
-  async request(o, n) {
-    const r = await fetch(`${this.baseUrl}${o}`, {
-      ...n,
-      headers: { "content-type": "application/json", ...n?.headers }
+  async request(e, r) {
+    const n = await fetch(`${this.baseUrl}${e}`, {
+      ...r,
+      headers: { "content-type": "application/json", ...r?.headers }
     });
-    if (!r.ok) {
-      const l = await r.json().catch(() => ({}));
-      throw new J(l.message ?? `요청 실패 (${r.status})`, l.code);
+    if (!n.ok) {
+      const l = await n.json().catch(() => ({}));
+      throw new F(l.message ?? `요청 실패 (${n.status})`, l.code);
     }
-    return r.status === 204 ? void 0 : await r.json();
+    return n.status === 204 ? void 0 : await n.json();
   }
   async isAlive() {
     try {
@@ -37,47 +37,71 @@ class ae {
   listSkills() {
     return this.request("/api/skills");
   }
-  toggleSkill(o, n) {
-    return this.request(`/api/skills/${encodeURIComponent(o)}`, { method: "PATCH", body: JSON.stringify({ enabled: n }) });
+  toggleSkill(e, r) {
+    return this.request(`/api/skills/${encodeURIComponent(e)}`, { method: "PATCH", body: JSON.stringify({ enabled: r }) });
   }
-  uploadSkill(o, n) {
-    return this.request("/api/skills", { method: "POST", body: JSON.stringify({ filename: o, content: n }) });
+  uploadSkill(e, r) {
+    return this.request("/api/skills", { method: "POST", body: JSON.stringify({ filename: e, content: r }) });
   }
-  removeSkill(o) {
-    return this.request(`/api/skills/${encodeURIComponent(o)}`, { method: "DELETE" });
+  removeSkill(e) {
+    return this.request(`/api/skills/${encodeURIComponent(e)}`, { method: "DELETE" });
   }
   tokenStatus() {
     return this.request("/api/settings/figma-token");
   }
-  saveToken(o) {
-    return this.request("/api/settings/figma-token", { method: "PUT", body: JSON.stringify({ token: o }) });
+  saveToken(e) {
+    return this.request("/api/settings/figma-token", { method: "PUT", body: JSON.stringify({ token: e }) });
   }
   deleteToken() {
     return this.request("/api/settings/figma-token", { method: "DELETE" });
   }
-  startPublish(o) {
-    return this.request("/api/publish", { method: "POST", body: JSON.stringify(o) });
+  startPublish(e) {
+    return this.request("/api/publish", { method: "POST", body: JSON.stringify(e) });
   }
-  cancelPublish(o) {
-    return this.request(`/api/publish/${o}`, { method: "DELETE" });
+  cancelPublish(e) {
+    return this.request(`/api/publish/${e}`, { method: "DELETE" });
+  }
+  /** 진행 중 job 전체 kill + 파일 자동롤백/충돌 분류 */
+  suspendPublish() {
+    return this.request("/api/publish/suspend", { method: "POST", body: "{}" });
+  }
+  /** 충돌 파일 결정(revert/keep/edit) 적용 */
+  resolveSuspend(e) {
+    return this.request("/api/publish/suspend/resolve", { method: "POST", body: JSON.stringify({ resolutions: e }) });
   }
   /** SSE 구독 — 반환값 호출로 해제 */
-  subscribePublish(o, n) {
-    const r = new EventSource(`${this.baseUrl}/api/publish/${o}/events`);
+  subscribePublish(e, r) {
+    const n = new EventSource(`${this.baseUrl}/api/publish/${e}/events`);
     let l = !1;
-    return r.onmessage = (s) => {
-      const c = JSON.parse(s.data);
-      (c.type === "done" || c.type === "error") && (l = !0), n(c);
-    }, r.onerror = () => {
-      r.close(), l || (l = !0, n({ type: "error", text: "서버 연결이 끊겼어요. pubuilder serve 상태를 확인해주세요" }));
-    }, () => r.close();
+    return n.onmessage = (p) => {
+      const c = JSON.parse(p.data);
+      (c.type === "done" || c.type === "error") && (l = !0), r(c);
+    }, n.onerror = () => {
+      n.close(), l || (l = !0, r({ type: "error", text: "서버 연결이 끊겼어요. pubuilder serve 상태를 확인해주세요" }));
+    }, () => n.close();
   }
 }
-const Z = se(new ae());
-function xe() {
+const j = de(new oe());
+function ye() {
   return typeof process < "u" && process.env.NODE_ENV === "production";
 }
-const k = fe((t) => ({
+const q = {
+  jobId: null,
+  status: "idle",
+  events: [],
+  errorMessage: null,
+  errorCode: null,
+  serverDown: !1,
+  checking: !1,
+  cancelling: !1,
+  figmaUrl: "",
+  reply: ""
+};
+function we(t) {
+  return `${t.pagePath}
+${t.selector}`;
+}
+const y = he((t) => ({
   isMapOpen: !1,
   viewerPath: null,
   granularity: "section",
@@ -85,15 +109,40 @@ const k = fe((t) => ({
   selection: null,
   selectedOuterHTML: null,
   skillDrawerOpen: !1,
+  publishJobs: {},
   openMap: () => t({ isMapOpen: !0 }),
+  // 오버레이만 닫는다 — publishJobs는 건드리지 않아 실행 중 job이 계속 살아있고,
+  // 맵을 다시 열어 같은 블록을 선택하면 진행 상황/결과에 재연결된다.
   closeMap: () => t({ isMapOpen: !1, viewerPath: null, selection: null, selectedOuterHTML: null }),
-  openViewer: (o) => t({ viewerPath: o, selection: null, selectedOuterHTML: null }),
+  openViewer: (e) => t({ viewerPath: e, selection: null, selectedOuterHTML: null }),
   closeViewer: () => t({ viewerPath: null, selection: null, selectedOuterHTML: null }),
-  setGranularity: (o) => t({ granularity: o }),
-  setInspectEnabled: (o) => t({ inspectEnabled: o }),
-  setSelectionWithHTML: (o, n) => t({ selection: o, selectedOuterHTML: n }),
-  toggleSkillDrawer: () => t((o) => ({ skillDrawerOpen: !o.skillDrawerOpen }))
-})), me = ".react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}", we = "pubuilder-styles", ye = "pubuilder-xyflow-styles", ve = (
+  setGranularity: (e) => t({ granularity: e }),
+  setInspectEnabled: (e) => t({ inspectEnabled: e }),
+  setSelectionWithHTML: (e, r) => t({ selection: e, selectedOuterHTML: r }),
+  toggleSkillDrawer: () => t((e) => ({ skillDrawerOpen: !e.skillDrawerOpen })),
+  patchPublishJob: (e, r) => t((n) => ({
+    publishJobs: {
+      ...n.publishJobs,
+      [e]: { ...n.publishJobs[e] ?? q, ...r }
+    }
+  })),
+  appendPublishEvent: (e, r) => t((n) => {
+    const l = n.publishJobs[e] ?? q;
+    return {
+      publishJobs: {
+        ...n.publishJobs,
+        [e]: { ...l, events: [...l.events, r] }
+      }
+    };
+  }),
+  suspendConflicts: [],
+  suspendResolutions: {},
+  setSuspendConflicts: (e) => t({ suspendConflicts: e, suspendResolutions: {} }),
+  setConflictResolution: (e, r, n) => t((l) => ({
+    suspendResolutions: { ...l.suspendResolutions, [e]: { file: e, action: r, ...n !== void 0 ? { content: n } : {} } }
+  })),
+  clearSuspend: () => t({ suspendConflicts: [], suspendResolutions: {} })
+})), ve = ".react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}", ke = "pubuilder-styles", _e = "pubuilder-xyflow-styles", Ne = (
   /* css */
   `
 .pbu-fab {
@@ -544,150 +593,235 @@ const k = fe((t) => ({
   font-size: 11px;
   color: #cccccc;
 }
+
+/* 일시 종료 버튼 — 위험 액션이라 붉은 계열 */
+.pbu-suspend-btn {
+  border-color: #7a3b3b;
+  background: #3a2626;
+  color: #f2b3b3;
+  white-space: nowrap;
+}
+.pbu-suspend-btn:hover:not(:disabled) { background: #4a2d2d; }
+
+/* 충돌 해결 모달 */
+.pbu-suspend-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 2147483400;
+  background: rgba(0, 0, 0, 0.55);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+}
+.pbu-suspend-panel {
+  width: min(560px, 100%);
+  max-height: 82vh;
+  overflow-y: auto;
+  background: #252526;
+  border: 1px solid #3c3c3c;
+  border-radius: 4px;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  color: #cccccc;
+}
+.pbu-suspend-head { display: flex; flex-direction: column; gap: 4px; }
+.pbu-suspend-head strong { color: #f2b3b3; font-size: 13px; }
+.pbu-suspend-head > span { color: #9d9d9d; font-size: 11px; line-height: 1.45; }
+.pbu-conflict-row {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 10px;
+  border: 1px solid #3c3c3c;
+  border-radius: 2px;
+  background: #1e1e1e;
+}
+.pbu-conflict-file { font-family: ui-monospace, Menlo, monospace; font-size: 12px; color: #e6e6e6; }
+.pbu-conflict-actions { display: flex; gap: 6px; }
+.pbu-conflict-edit {
+  width: 100%;
+  box-sizing: border-box;
+  resize: vertical;
+  background: #1e1e1e;
+  border: 1px solid #4b4b4b;
+  border-radius: 2px;
+  color: #e6e6e6;
+  font: 11px/1.5 ui-monospace, Menlo, monospace;
+  padding: 7px 8px;
+  outline: none;
+}
+.pbu-conflict-edit:focus { border-color: #3794ff; box-shadow: 0 0 0 1px #3794ff; }
+.pbu-suspend-foot {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  padding-top: 4px;
+  border-top: 1px solid #3c3c3c;
+}
 `
 );
-function ee(t, o) {
+function Y(t, e) {
   if (document.getElementById(t)) return;
-  const n = document.createElement("style");
-  n.id = t, n.textContent = o, document.head.appendChild(n);
+  const r = document.createElement("style");
+  r.id = t, r.textContent = e, document.head.appendChild(r);
 }
-function ke() {
-  typeof document > "u" || (ee(ye, me), ee(we, ve));
+function ze() {
+  typeof document > "u" || (Y(_e, ve), Y(ke, Ne));
 }
-function _e(t, o, n, r = 140, l = 48) {
-  const s = /* @__PURE__ */ new Map();
+function Ce(t, e, r, n = 140, l = 48) {
+  const p = /* @__PURE__ */ new Map();
   for (const g of t) {
-    const p = s.get(g.parentId) ?? [];
-    p.push(g), s.set(g.parentId, p);
+    const b = p.get(g.parentId) ?? [];
+    b.push(g), p.set(g.parentId, b);
   }
   const c = /* @__PURE__ */ new Map();
-  let i = 0;
-  const f = (g) => {
-    const p = s.get(g.id) ?? [], m = g.depth * (o + r);
-    let _;
-    if (p.length === 0)
-      _ = i, i += n + l;
+  let a = 0;
+  const u = (g) => {
+    const b = p.get(g.id) ?? [], d = g.depth * (e + n);
+    let v;
+    if (b.length === 0)
+      v = a, a += r + l;
     else {
-      const d = p.map(f);
-      _ = (Math.min(...d) + Math.max(...d)) / 2;
+      const f = b.map(u);
+      v = (Math.min(...f) + Math.max(...f)) / 2;
     }
-    return c.set(g.id, { x: m, y: _ }), _;
+    return c.set(g.id, { x: d, y: v }), v;
   };
-  for (const g of s.get(null) ?? []) f(g);
+  for (const g of p.get(null) ?? []) u(g);
   return t.map((g) => ({ ...g, ...c.get(g.id) }));
 }
-const Ne = de(function(o) {
-  const { page: n, viewport: r, thumbWidth: l, bodyHeight: s } = o.data, c = k((_) => _.openViewer), i = H(null), [f, g] = v(!1);
-  A(() => {
-    const _ = i.current;
-    if (!_ || n.external) return;
-    const d = new IntersectionObserver(([C]) => {
-      C.isIntersecting && (g(!0), d.disconnect());
+const Se = pe(function(e) {
+  const { page: r, viewport: n, thumbWidth: l, bodyHeight: p } = e.data, c = y((v) => v.openViewer), a = $(null), [u, g] = N(!1);
+  L(() => {
+    const v = a.current;
+    if (!v || r.external) return;
+    const f = new IntersectionObserver(([C]) => {
+      C.isIntersecting && (g(!0), f.disconnect());
     });
-    return d.observe(_), () => d.disconnect();
-  }, [n.external]);
-  const p = l / r.width;
-  return /* @__PURE__ */ a("div", { ref: i, className: "pbu-node", style: { width: l }, onClick: () => {
-    n.external ? window.open(n.path, "_blank", "noopener") : c(n.path);
+    return f.observe(v), () => f.disconnect();
+  }, [r.external]);
+  const b = l / n.width;
+  return /* @__PURE__ */ s("div", { ref: a, className: "pbu-node", style: { width: l }, onClick: () => {
+    r.external ? window.open(r.path, "_blank", "noopener") : c(r.path);
   }, children: [
-    /* @__PURE__ */ e(Q, { type: "target", position: V.Left, className: "pbu-handle", isConnectable: !1 }),
-    /* @__PURE__ */ a("div", { className: "pbu-node-header", children: [
-      /* @__PURE__ */ e("span", { className: "pbu-node-title", children: n.title }),
-      /* @__PURE__ */ e("span", { className: "pbu-node-path", children: n.external ? "외부 ↗" : n.path })
+    /* @__PURE__ */ o(W, { type: "target", position: B.Left, className: "pbu-handle", isConnectable: !1 }),
+    /* @__PURE__ */ s("div", { className: "pbu-node-header", children: [
+      /* @__PURE__ */ o("span", { className: "pbu-node-title", children: r.title }),
+      /* @__PURE__ */ o("span", { className: "pbu-node-path", children: r.external ? "외부 ↗" : r.path })
     ] }),
-    /* @__PURE__ */ a("div", { className: "pbu-node-body", style: { height: s }, children: [
-      n.external ? /* @__PURE__ */ e("div", { className: "pbu-node-placeholder", children: "↗ 외부 링크" }) : f ? /* @__PURE__ */ e(
+    /* @__PURE__ */ s("div", { className: "pbu-node-body", style: { height: p }, children: [
+      r.external ? /* @__PURE__ */ o("div", { className: "pbu-node-placeholder", children: "↗ 외부 링크" }) : u ? /* @__PURE__ */ o(
         "iframe",
         {
           className: "pbu-node-iframe",
-          src: n.path,
-          title: `${n.title} 미리보기`,
+          src: r.path,
+          title: `${r.title} 미리보기`,
           loading: "lazy",
           tabIndex: -1,
           style: {
-            width: r.width,
-            height: r.height,
-            transform: `scale(${p})`
+            width: n.width,
+            height: n.height,
+            transform: `scale(${b})`
           }
         }
-      ) : /* @__PURE__ */ e("div", { className: "pbu-node-placeholder", children: "…" }),
-      /* @__PURE__ */ e("div", { className: "pbu-node-shield" })
+      ) : /* @__PURE__ */ o("div", { className: "pbu-node-placeholder", children: "…" }),
+      /* @__PURE__ */ o("div", { className: "pbu-node-shield" })
     ] }),
-    /* @__PURE__ */ e(Q, { type: "source", position: V.Right, className: "pbu-handle", isConnectable: !1 })
+    /* @__PURE__ */ o(W, { type: "source", position: B.Right, className: "pbu-handle", isConnectable: !1 })
   ] });
-}), ze = { page: Ne }, Y = 260, Ce = 30;
-function Ee({ ia: t }) {
-  const o = k((l) => l.closeMap), { nodes: n, edges: r } = K(() => {
-    const l = Y / t.viewport.width, s = Math.round(t.viewport.height * l), c = s + Ce, i = _e(t.nodes, Y, c), f = i.map((p) => ({
-      id: p.id,
+});
+function te() {
+  const t = H(j), e = y((a) => a.publishJobs), r = y((a) => a.setSuspendConflicts), [n, l] = N(!1);
+  return Object.values(e).some((a) => a.status === "running") ? /* @__PURE__ */ o("button", { type: "button", className: "pbu-btn pbu-suspend-btn", onClick: async () => {
+    l(!0);
+    try {
+      const a = await t.suspendPublish();
+      a.conflicts.length > 0 && r(a.conflicts);
+    } catch {
+    } finally {
+      l(!1);
+    }
+  }, disabled: n, children: n ? "종료 중..." : "⏹ 일시 종료" }) : null;
+}
+const Ee = { page: Se }, U = 260, Me = 30;
+function Pe({ ia: t }) {
+  const e = y((l) => l.closeMap), { nodes: r, edges: n } = J(() => {
+    const l = U / t.viewport.width, p = Math.round(t.viewport.height * l), c = p + Me, a = Ce(t.nodes, U, c), u = a.map((b) => ({
+      id: b.id,
       type: "page",
-      position: { x: p.x, y: p.y },
+      position: { x: b.x, y: b.y },
       data: {
-        page: p,
+        page: b,
         viewport: t.viewport,
-        thumbWidth: Y,
-        bodyHeight: s
+        thumbWidth: U,
+        bodyHeight: p
       },
-      sourcePosition: V.Right,
-      targetPosition: V.Left
-    })), g = i.filter((p) => p.parentId).map((p) => ({
-      id: `${p.parentId}->${p.id}`,
-      source: p.parentId,
-      target: p.id,
+      sourcePosition: B.Right,
+      targetPosition: B.Left
+    })), g = a.filter((b) => b.parentId).map((b) => ({
+      id: `${b.parentId}->${b.id}`,
+      source: b.parentId,
+      target: b.id,
       type: "smoothstep"
     }));
-    return { nodes: f, edges: g };
+    return { nodes: u, edges: g };
   }, [t]);
-  return A(() => {
-    const l = (s) => {
-      if (s.key !== "Escape") return;
-      const c = k.getState();
-      c.viewerPath || c.skillDrawerOpen || o();
+  return L(() => {
+    const l = (p) => {
+      if (p.key !== "Escape") return;
+      const c = y.getState();
+      c.viewerPath || c.skillDrawerOpen || e();
     };
     return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
-  }, [o]), /* @__PURE__ */ a("div", { className: "pbu-overlay", children: [
-    /* @__PURE__ */ a("div", { className: "pbu-bar", children: [
-      /* @__PURE__ */ e("span", { className: "pbu-logo", children: "pubuilder" }),
-      /* @__PURE__ */ e("span", { className: "pbu-hint", children: "노드 클릭 → 페이지 확대 · 스크롤 줌 · 드래그 팬 · Esc 닫기" }),
-      /* @__PURE__ */ e("span", { className: "pbu-spacer" }),
-      /* @__PURE__ */ e("button", { type: "button", className: "pbu-icon-btn", onClick: o, "aria-label": "닫기", children: "✕" })
+  }, [e]), /* @__PURE__ */ s("div", { className: "pbu-overlay", children: [
+    /* @__PURE__ */ s("div", { className: "pbu-bar", children: [
+      /* @__PURE__ */ o("span", { className: "pbu-logo", children: "pubuilder" }),
+      /* @__PURE__ */ o("span", { className: "pbu-hint", children: "노드 클릭 → 페이지 확대 · 스크롤 줌 · 드래그 팬 · Esc 닫기" }),
+      /* @__PURE__ */ o("span", { className: "pbu-spacer" }),
+      /* @__PURE__ */ o(te, {}),
+      /* @__PURE__ */ o("button", { type: "button", className: "pbu-icon-btn", onClick: e, "aria-label": "닫기", children: "✕" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "pbu-canvas", children: /* @__PURE__ */ e(
-      he,
+    /* @__PURE__ */ o("div", { className: "pbu-canvas", children: /* @__PURE__ */ o(
+      ge,
       {
-        nodes: n,
-        edges: r,
-        nodeTypes: ze,
+        nodes: r,
+        edges: n,
+        nodeTypes: Ee,
         fitView: !0,
         fitViewOptions: { padding: 0.15, maxZoom: 1 },
         minZoom: 0.05,
         maxZoom: 2,
         nodesDraggable: !1,
         nodesConnectable: !1,
-        elementsSelectable: !1
+        elementsSelectable: !1,
+        proOptions: { hideAttribution: !0 },
+        children: /* @__PURE__ */ o(xe, { showInteractive: !1 })
       }
     ) })
   ] });
 }
-function Se() {
-  const t = k((r) => r.isMapOpen), o = k((r) => r.openMap), n = k((r) => r.closeMap);
-  return /* @__PURE__ */ e(
+function Te() {
+  const t = y((n) => n.isMapOpen), e = y((n) => n.openMap), r = y((n) => n.closeMap);
+  return /* @__PURE__ */ o(
     "button",
     {
       type: "button",
       className: "pbu-fab",
       title: "Page Map (pubuilder)",
       "aria-label": "페이지 맵 열기",
-      onClick: () => t ? n() : o(),
-      children: /* @__PURE__ */ a("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-        /* @__PURE__ */ e("polygon", { points: "3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21" }),
-        /* @__PURE__ */ e("line", { x1: "9", y1: "3", x2: "9", y2: "18" }),
-        /* @__PURE__ */ e("line", { x1: "15", y1: "6", x2: "15", y2: "21" })
+      onClick: () => t ? r() : e(),
+      children: /* @__PURE__ */ s("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+        /* @__PURE__ */ o("polygon", { points: "3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21" }),
+        /* @__PURE__ */ o("line", { x1: "9", y1: "3", x2: "9", y2: "18" }),
+        /* @__PURE__ */ o("line", { x1: "15", y1: "6", x2: "15", y2: "21" })
       ] })
     }
   );
 }
-const Te = /* @__PURE__ */ new Set([
+const Le = /* @__PURE__ */ new Set([
   "section",
   "header",
   "footer",
@@ -696,7 +830,7 @@ const Te = /* @__PURE__ */ new Set([
   "article",
   "aside",
   "form"
-]), Me = /* @__PURE__ */ new Set([
+]), Ie = /* @__PURE__ */ new Set([
   "a",
   "button",
   "input",
@@ -716,83 +850,83 @@ const Te = /* @__PURE__ */ new Set([
   "p",
   "label"
 ]);
-function ce(t, o) {
-  const n = [];
-  let r = t;
-  for (; r && r !== o.body && r !== o.documentElement; )
-    n.push(r), r = r.parentElement;
-  return n;
-}
-function Le(t, o) {
-  const n = ce(t, o);
-  if (n.length === 0) return null;
-  const r = n.find((c) => {
-    const i = c.tagName.toLowerCase();
-    return Te.has(i) && i !== "main";
+function ne(t, e) {
+  const r = [];
+  let n = t;
+  for (; n && n !== e.body && n !== e.documentElement; )
+    r.push(n), n = n.parentElement;
+  return r;
+}
+function Oe(t, e) {
+  const r = ne(t, e);
+  if (r.length === 0) return null;
+  const n = r.find((c) => {
+    const a = c.tagName.toLowerCase();
+    return Le.has(a) && a !== "main";
   });
-  if (r) return r;
-  const l = n.find((c) => c.tagName.toLowerCase() === "main");
+  if (n) return n;
+  const l = r.find((c) => c.tagName.toLowerCase() === "main");
   if (l) return l;
-  const s = o.body.scrollHeight || 1;
-  for (let c = n.length - 1; c >= 0; c--) {
-    const i = n[c].getBoundingClientRect();
-    if (i.height > 0 && i.height < s * 0.8) return n[c];
+  const p = e.body.scrollHeight || 1;
+  for (let c = r.length - 1; c >= 0; c--) {
+    const a = r[c].getBoundingClientRect();
+    if (a.height > 0 && a.height < p * 0.8) return r[c];
   }
-  return n[n.length - 1];
-}
-function Pe(t, o) {
-  const n = ce(t, o);
-  for (const r of n) {
-    if (Me.has(r.tagName.toLowerCase())) return r;
-    const l = r.getBoundingClientRect(), s = r.children.length > 0 || (r.textContent ?? "").trim().length > 0;
-    if (l.width >= 40 && l.height >= 24 && s) return r;
+  return r[r.length - 1];
+}
+function Re(t, e) {
+  const r = ne(t, e);
+  for (const n of r) {
+    if (Ie.has(n.tagName.toLowerCase())) return n;
+    const l = n.getBoundingClientRect(), p = n.children.length > 0 || (n.textContent ?? "").trim().length > 0;
+    if (l.width >= 40 && l.height >= 24 && p) return n;
   }
-  return n[0] ?? null;
+  return r[0] ?? null;
 }
-function Oe(t, o, n) {
-  return n === "all" ? o.body : n === "section" ? Le(t, o) : Pe(t, o);
+function $e(t, e, r) {
+  return r === "all" ? e.body : r === "section" ? Oe(t, e) : Re(t, e);
 }
-function Ie(t) {
-  const n = t.querySelector("h1, h2, h3, h4, h5, h6")?.textContent?.trim();
-  if (n) return q(n);
-  const r = t.getAttribute("aria-label");
-  if (r) return q(r);
+function je(t) {
+  const r = t.querySelector("h1, h2, h3, h4, h5, h6")?.textContent?.trim();
+  if (r) return A(r);
+  const n = t.getAttribute("aria-label");
+  if (n) return A(n);
   const l = t.getAttribute("alt");
-  if (l) return q(l);
-  const s = (t.textContent ?? "").trim().replace(/\s+/g, " ");
-  return s ? q(s) : `<${t.tagName.toLowerCase()}>`;
+  if (l) return A(l);
+  const p = (t.textContent ?? "").trim().replace(/\s+/g, " ");
+  return p ? A(p) : `<${t.tagName.toLowerCase()}>`;
 }
-function q(t, o = 30) {
-  return t.length > o ? `${t.slice(0, o)}…` : t;
+function A(t, e = 30) {
+  return t.length > e ? `${t.slice(0, e)}…` : t;
 }
-function Re(t, o) {
+function De(t, e) {
   if (t.id) return `#${CSS.escape(t.id)}`;
-  const n = [];
-  let r = t;
-  for (; r && r !== o.body && n.length < 8; ) {
-    if (r.id)
-      return n.unshift(`#${CSS.escape(r.id)}`), n.join(" > ");
-    const l = r.tagName.toLowerCase(), s = r.parentElement;
+  const r = [];
+  let n = t;
+  for (; n && n !== e.body && r.length < 8; ) {
+    if (n.id)
+      return r.unshift(`#${CSS.escape(n.id)}`), r.join(" > ");
+    const l = n.tagName.toLowerCase(), p = n.parentElement;
     let c = l;
-    if (s) {
-      const i = Array.from(s.children).filter(
-        (f) => f.tagName === r.tagName
+    if (p) {
+      const a = Array.from(p.children).filter(
+        (u) => u.tagName === n.tagName
       );
-      i.length > 1 && (c += `:nth-of-type(${i.indexOf(r) + 1})`);
+      a.length > 1 && (c += `:nth-of-type(${a.indexOf(n) + 1})`);
     }
-    n.unshift(c), r = s;
+    r.unshift(c), n = p;
   }
-  return n.join(" > ");
+  return r.join(" > ");
 }
-function te(t, o, n) {
-  const r = t.createElement("div");
-  r.setAttribute("data-pubuilder", "highlight"), Object.assign(r.style, {
+function X(t, e, r) {
+  const n = t.createElement("div");
+  n.setAttribute("data-pubuilder", "highlight"), Object.assign(n.style, {
     position: "fixed",
     top: "0",
     left: "0",
     display: "none",
-    border: `1px solid ${o}`,
-    background: n,
+    border: `1px solid ${e}`,
+    background: r,
     borderRadius: "0",
     pointerEvents: "none",
     zIndex: "2147483647",
@@ -804,636 +938,719 @@ function te(t, o, n) {
     left: "-1px",
     top: "-22px",
     padding: "2px 7px",
-    background: o,
+    background: e,
     color: "#fff",
     font: "600 10px/16px system-ui, sans-serif",
     borderRadius: "0",
     whiteSpace: "nowrap",
     pointerEvents: "none"
-  }), r.appendChild(l), { root: r, label: l };
+  }), n.appendChild(l), { root: n, label: l };
 }
-function oe(t, o, n, r) {
-  const l = o.getBoundingClientRect(), s = r ?? -1 / 0, c = Math.max(l.top, s), i = l.bottom - c;
-  if (i <= 2) {
-    X(t);
+function Z(t, e, r, n) {
+  const l = e.getBoundingClientRect(), p = n ?? -1 / 0, c = Math.max(l.top, p), a = l.bottom - c;
+  if (a <= 2) {
+    G(t);
     return;
   }
-  t.root.style.display = "block", t.root.style.transform = `translate(${l.x}px, ${c}px)`, t.root.style.width = `${l.width}px`, t.root.style.height = `${i}px`, t.label.textContent = n, t.label.style.top = c < 30 || c - 24 < s ? "2px" : "-24px";
+  t.root.style.display = "block", t.root.style.transform = `translate(${l.x}px, ${c}px)`, t.root.style.width = `${l.width}px`, t.root.style.height = `${a}px`, t.label.textContent = r, t.label.style.top = c < 30 || c - 24 < p ? "2px" : "-24px";
 }
-function X(t) {
+function G(t) {
   t.root.style.display = "none";
 }
-function re(t) {
-  const o = t.getBoundingClientRect();
-  return `${t.tagName.toLowerCase()} · ${Math.round(o.width)}×${Math.round(o.height)}`;
+function Q(t) {
+  const e = t.getBoundingClientRect();
+  return `${t.tagName.toLowerCase()} · ${Math.round(e.width)}×${Math.round(e.height)}`;
 }
-function $e(t, o) {
-  let n = null;
+function Ae(t, e) {
+  let r = null;
   try {
-    n = t.contentDocument;
+    r = t.contentDocument;
   } catch {
     return null;
   }
-  const r = t.contentWindow;
-  if (!n || !n.body || !r) return null;
-  const l = n;
-  let s = o.granularity, c = o.enabled, i = null, f = null;
-  const g = te(l, "rgba(14,99,156,0.95)", "rgba(14,99,156,0.10)"), p = te(l, "rgba(35,134,54,0.95)", "rgba(35,134,54,0.07)");
-  l.body.appendChild(g.root), l.body.appendChild(p.root);
-  let m = [], _ = 0;
-  const d = () => {
-    m = [];
-    for (const b of Array.from(l.body.querySelectorAll("*"))) {
-      if (b === g.root || b === p.root || g.root.contains(b) || p.root.contains(b)) continue;
-      const y = r.getComputedStyle(b).position;
-      if (y !== "fixed" && y !== "sticky") continue;
-      const w = b.getBoundingClientRect();
-      w.width === 0 || w.height === 0 || w.top <= 1 && w.height < r.innerHeight * 0.5 && m.push({ el: b, rect: w });
+  const n = t.contentWindow;
+  if (!r || !r.body || !n) return null;
+  const l = r;
+  let p = e.granularity, c = e.enabled, a = null, u = null;
+  const g = X(l, "rgba(14,99,156,0.95)", "rgba(14,99,156,0.10)"), b = X(l, "rgba(35,134,54,0.95)", "rgba(35,134,54,0.07)");
+  l.body.appendChild(g.root), l.body.appendChild(b.root);
+  let d = [], v = 0;
+  const f = () => {
+    d = [];
+    for (const h of Array.from(l.body.querySelectorAll("*"))) {
+      if (h === g.root || h === b.root || g.root.contains(h) || b.root.contains(h)) continue;
+      const _ = n.getComputedStyle(h).position;
+      if (_ !== "fixed" && _ !== "sticky") continue;
+      const k = h.getBoundingClientRect();
+      k.width === 0 || k.height === 0 || k.top <= 1 && k.height < n.innerHeight * 0.5 && d.push({ el: h, rect: k });
     }
   }, C = () => {
-    const b = Date.now();
-    b - _ < 500 || (_ = b, d());
-  }, E = (b) => {
-    const y = b.getBoundingClientRect();
-    let w = null;
-    for (const S of m)
-      S.el === b || S.el.contains(b) || b.contains(S.el) || !(y.left < S.rect.right && y.right > S.rect.left) || (w === null || S.rect.bottom > w) && (w = S.rect.bottom);
-    return w;
-  }, P = () => {
-    i && c && i.isConnected ? oe(g, i, re(i), E(i)) : X(g), f && f.isConnected ? oe(p, f, `선택됨 · ${re(f)}`, E(f)) : X(p);
-  }, T = (b) => {
-    if (s === "all") return l.body;
-    if (f && f.isConnected && f.contains(b)) {
-      if (f === b) return f;
-      let y = b;
-      for (; y.parentElement && y.parentElement !== f; )
-        y = y.parentElement;
-      return y;
+    const h = Date.now();
+    h - v < 500 || (v = h, f());
+  }, P = (h) => {
+    const _ = h.getBoundingClientRect();
+    let k = null;
+    for (const S of d)
+      S.el === h || S.el.contains(h) || h.contains(S.el) || !(_.left < S.rect.right && _.right > S.rect.left) || (k === null || S.rect.bottom > k) && (k = S.rect.bottom);
+    return k;
+  }, E = () => {
+    a && c && a.isConnected ? Z(g, a, Q(a), P(a)) : G(g), u && u.isConnected ? Z(b, u, `선택됨 · ${Q(u)}`, P(u)) : G(b);
+  }, T = (h) => {
+    if (p === "all") return l.body;
+    if (u && u.isConnected && u.contains(h)) {
+      if (u === h) return u;
+      let _ = h;
+      for (; _.parentElement && _.parentElement !== u; )
+        _ = _.parentElement;
+      return _;
     }
-    return Oe(b, l, s);
-  }, j = (b) => {
+    return $e(h, l, p);
+  }, I = (h) => {
     if (!c) return;
     C();
-    const y = b.target;
-    if (!y || !l.body.contains(y)) return;
-    const w = T(y);
-    w !== i && (i = w, P());
-  }, O = (b) => {
+    const _ = h.target;
+    if (!_ || !l.body.contains(_)) return;
+    const k = T(_);
+    k !== a && (a = k, E());
+  }, i = (h) => {
     if (!c) return;
-    b.preventDefault(), b.stopPropagation(), d(), _ = Date.now();
-    const y = b.target;
-    if (!y) return;
-    const w = T(y);
-    if (!w) return;
-    f = w, P();
-    const S = w.getBoundingClientRect();
-    o.onSelect(
+    h.preventDefault(), h.stopPropagation(), f(), v = Date.now();
+    const _ = h.target;
+    if (!_) return;
+    const k = T(_);
+    if (!k) return;
+    u = k, E();
+    const S = k.getBoundingClientRect();
+    e.onSelect(
       {
-        pagePath: o.pagePath,
-        selector: Re(w, l),
-        tag: w.tagName.toLowerCase(),
-        label: Ie(w),
+        pagePath: e.pagePath,
+        selector: De(k, l),
+        tag: k.tagName.toLowerCase(),
+        label: je(k),
         rect: {
-          x: S.x + r.scrollX,
-          y: S.y + r.scrollY,
+          x: S.x + n.scrollX,
+          y: S.y + n.scrollY,
           width: S.width,
           height: S.height
         },
-        granularity: s
+        granularity: p
       },
-      w
+      k
     );
-  }, M = () => {
-    i = null, P();
-  }, $ = () => P(), I = () => {
-    d(), P();
+  }, w = () => {
+    a = null, E();
+  }, O = () => E(), z = () => {
+    f(), E();
   };
-  return d(), l.addEventListener("mousemove", j, !0), l.addEventListener("click", O, !0), l.documentElement.addEventListener("mouseleave", M), r.addEventListener("scroll", $, !0), r.addEventListener("resize", I), {
+  return f(), l.addEventListener("mousemove", I, !0), l.addEventListener("click", i, !0), l.documentElement.addEventListener("mouseleave", w), n.addEventListener("scroll", O, !0), n.addEventListener("resize", z), {
     destroy() {
       try {
-        l.removeEventListener("mousemove", j, !0), l.removeEventListener("click", O, !0), l.documentElement.removeEventListener("mouseleave", M), r.removeEventListener("scroll", $, !0), r.removeEventListener("resize", I), g.root.remove(), p.root.remove();
+        l.removeEventListener("mousemove", I, !0), l.removeEventListener("click", i, !0), l.documentElement.removeEventListener("mouseleave", w), n.removeEventListener("scroll", O, !0), n.removeEventListener("resize", z), g.root.remove(), b.root.remove();
       } catch {
       }
     },
-    setGranularity(b) {
-      s = b, i = null, P();
+    setGranularity(h) {
+      p = h, a = null, E();
     },
-    setEnabled(b) {
-      c = b, b || (i = null), P();
+    setEnabled(h) {
+      c = h, h || (a = null), E();
     }
   };
 }
-const De = {
+const Be = {
   log: "💬",
   tool: "🔧",
   error: "⛔",
   done: "✅"
-};
-function Ae() {
-  const t = le(Z), o = k((u) => u.selection), n = k((u) => u.selectedOuterHTML), r = k((u) => u.toggleSkillDrawer), [l, s] = v(""), [c, i] = v("idle"), [f, g] = v(null), [p, m] = v([]), [_, d] = v(!1), [C, E] = v(!1), [P, T] = v(null), [j, O] = v(null), [M, $] = v(!1), [I, b] = v(!1), [y, w] = v(""), S = H(null), R = H(null), D = H(0);
-  A(() => {
-    D.current++, R.current?.(), R.current = null, i("idle"), g(null), m([]), d(!1), E(!1), $(!1), T(null), O(null), s(""), w("");
-  }, [o?.selector]), A(() => {
-    const u = S.current;
-    u && (u.scrollTop = u.scrollHeight);
-  }, [p]), A(() => () => {
-    D.current++, R.current?.(), R.current = null;
-  }, []);
-  const F = (u) => {
-    R.current = t.subscribePublish(u, (z) => {
-      m((L) => [...L, z]), z.type === "done" ? (i("done"), g(null), $(!1), R.current?.(), R.current = null) : z.type === "error" && (i("error"), T(z.text), g(null), $(!1), R.current?.(), R.current = null);
+}, R = /* @__PURE__ */ new Map();
+function He() {
+  const t = H(j), e = y((i) => i.selection), r = y((i) => i.selectedOuterHTML), n = y((i) => i.toggleSkillDrawer), l = y((i) => i.patchPublishJob), p = y((i) => i.appendPublishEvent), c = e ? we(e) : null, a = y((i) => c ? i.publishJobs[c] : void 0) ?? q, [u, g] = N(!1), b = $(null);
+  L(() => {
+    const i = b.current;
+    i && (i.scrollTop = i.scrollHeight);
+  }, [a.events]);
+  const d = (i, w) => {
+    R.get(i)?.();
+    const O = t.subscribePublish(w, (z) => {
+      p(i, z), z.type === "done" ? (l(i, { status: "done", jobId: null, cancelling: !1 }), R.get(i)?.(), R.delete(i)) : z.type === "error" && (l(i, { status: "error", errorMessage: z.text, jobId: null, cancelling: !1 }), R.get(i)?.(), R.delete(i));
     });
-  }, W = async () => {
-    if (!o || c === "running" || C) return;
-    const u = D.current;
-    d(!1), T(null), O(null), E(!0);
-    try {
-      const z = await t.isAlive();
-      if (u !== D.current) return;
-      if (!z) {
-        d(!0);
-        return;
-      }
-      const { jobId: L } = await t.startPublish({
-        selection: o,
-        outerHTML: n ?? "",
-        figmaUrl: l
-      });
-      if (u !== D.current) {
-        t.cancelPublish(L).catch(() => {
+    R.set(i, O);
+  }, v = async () => {
+    if (!(!c || !e || a.status === "running" || a.checking)) {
+      l(c, { serverDown: !1, errorMessage: null, errorCode: null, checking: !0 });
+      try {
+        if (!await t.isAlive()) {
+          l(c, { serverDown: !0 });
+          return;
+        }
+        const { jobId: w } = await t.startPublish({
+          selection: e,
+          outerHTML: r ?? "",
+          figmaUrl: a.figmaUrl
+        });
+        l(c, { jobId: w, status: "running", events: [] }), d(c, w);
+      } catch (i) {
+        l(c, {
+          status: "error",
+          errorMessage: i instanceof Error ? i.message : String(i),
+          errorCode: i instanceof F ? i.code ?? null : null
         });
-        return;
+      } finally {
+        l(c, { checking: !1 });
       }
-      g(L), m([]), i("running"), F(L);
-    } catch (z) {
-      if (u !== D.current) return;
-      i("error"), T(z instanceof Error ? z.message : String(z)), O(z instanceof J ? z.code ?? null : null);
-    } finally {
-      E(!1);
     }
-  }, U = async () => {
-    if (!(!f || M)) {
-      $(!0);
+  }, f = async () => {
+    if (!(!c || !a.jobId || a.cancelling)) {
+      l(c, { cancelling: !0 });
       try {
-        await t.cancelPublish(f);
-      } catch (u) {
-        T(u instanceof Error ? u.message : String(u)), $(!1);
+        await t.cancelPublish(a.jobId);
+      } catch (i) {
+        l(c, {
+          errorMessage: i instanceof Error ? i.message : String(i),
+          cancelling: !1
+        });
       }
     }
-  }, G = async () => {
-    const u = y.trim();
-    if (!o || !u || C || N) return;
-    const z = D.current;
-    E(!0), T(null);
-    try {
-      const { jobId: L } = await t.startPublish({
-        selection: o,
-        outerHTML: n ?? "",
-        figmaUrl: l,
-        instruction: u
-      });
-      if (z !== D.current) {
-        t.cancelPublish(L).catch(() => {
+  }, C = async () => {
+    const i = a.reply.trim();
+    if (!(!c || !e || !i || a.checking || a.status === "running")) {
+      l(c, { checking: !0, errorMessage: null });
+      try {
+        const { jobId: w } = await t.startPublish({
+          selection: e,
+          outerHTML: r ?? "",
+          figmaUrl: a.figmaUrl,
+          instruction: i
         });
-        return;
+        p(c, { type: "log", text: `내 답변: ${i}` }), l(c, { reply: "", jobId: w, status: "running" }), d(c, w);
+      } catch (w) {
+        l(c, {
+          status: "error",
+          errorMessage: w instanceof Error ? w.message : String(w),
+          errorCode: w instanceof F ? w.code ?? null : null
+        });
+      } finally {
+        l(c, { checking: !1 });
       }
-      m((ie) => [...ie, { type: "log", text: `내 답변: ${u}` }]), w(""), g(L), i("running"), F(L);
-    } catch (L) {
-      if (z !== D.current) return;
-      i("error"), T(L instanceof Error ? L.message : String(L)), O(L instanceof J ? L.code ?? null : null);
-    } finally {
-      E(!1);
     }
-  }, h = async () => {
-    await navigator.clipboard.writeText("npx pubuilder serve"), b(!0), setTimeout(() => b(!1), 1200);
-  }, x = async () => {
-    E(!0);
-    try {
-      const u = await t.isAlive();
-      d(!u);
-    } finally {
-      E(!1);
+  }, P = async () => {
+    await navigator.clipboard.writeText("npx pubuilder serve"), g(!0), setTimeout(() => g(!1), 1200);
+  }, E = async () => {
+    if (c) {
+      l(c, { checking: !0 });
+      try {
+        const i = await t.isAlive();
+        l(c, { serverDown: !i });
+      } finally {
+        l(c, { checking: !1 });
+      }
     }
-  }, N = c === "running";
-  return /* @__PURE__ */ a("div", { className: "pbu-publish", children: [
-    /* @__PURE__ */ a("div", { className: "pbu-publish-heading", children: [
-      /* @__PURE__ */ e("label", { htmlFor: "pbu-figma-url", children: "Figma 노드 링크" }),
-      /* @__PURE__ */ e("button", { type: "button", className: "pbu-btn pbu-skill-entry", onClick: r, children: "🧰 스킬함 · 설정" })
+  }, T = a.status === "running", I = a.errorCode === "NO_FIGMA_TOKEN" || a.errorCode === "FIGMA_API_ERROR";
+  return /* @__PURE__ */ s("div", { className: "pbu-publish", children: [
+    /* @__PURE__ */ s("div", { className: "pbu-publish-heading", children: [
+      /* @__PURE__ */ o("label", { htmlFor: "pbu-figma-url", children: "Figma 노드 링크" }),
+      /* @__PURE__ */ o("button", { type: "button", className: "pbu-btn pbu-skill-entry", onClick: n, children: "🧰 스킬함 · 설정" })
     ] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ o(
       "input",
       {
         id: "pbu-figma-url",
-        value: l,
-        onChange: (u) => s(u.target.value),
-        disabled: N,
+        value: a.figmaUrl,
+        onChange: (i) => c && l(c, { figmaUrl: i.target.value }),
+        disabled: T,
         placeholder: "https://www.figma.com/design/..."
       }
     ),
-    _ && /* @__PURE__ */ a("div", { className: "pbu-panel-empty", children: [
+    a.serverDown && /* @__PURE__ */ s("div", { className: "pbu-panel-empty", children: [
       "컴패니언 서버가 꺼져 있어요",
-      /* @__PURE__ */ a("div", { className: "pbu-drawer-code", children: [
-        /* @__PURE__ */ e("code", { children: "npx pubuilder serve" }),
-        /* @__PURE__ */ e("button", { type: "button", className: "pbu-btn", onClick: h, children: I ? "복사됨 ✓" : "복사" })
+      /* @__PURE__ */ s("div", { className: "pbu-drawer-code", children: [
+        /* @__PURE__ */ o("code", { children: "npx pubuilder serve" }),
+        /* @__PURE__ */ o("button", { type: "button", className: "pbu-btn", onClick: P, children: u ? "복사됨 ✓" : "복사" })
       ] }),
-      /* @__PURE__ */ e("div", { className: "pbu-hint", children: 'package.json의 dev 스크립트를 "pubuilder dev -- <기존 명령>"으로 감싸면 자동 실행돼요' }),
-      /* @__PURE__ */ e("button", { type: "button", className: "pbu-btn", disabled: C, onClick: x, children: "다시 확인" })
+      /* @__PURE__ */ o("div", { className: "pbu-hint", children: 'package.json의 dev 스크립트를 "pubuilder dev -- <기존 명령>"으로 감싸면 자동 실행돼요' }),
+      /* @__PURE__ */ o("button", { type: "button", className: "pbu-btn", disabled: a.checking, onClick: E, children: "다시 확인" })
     ] }),
-    P && !_ && /* @__PURE__ */ a("div", { className: "pbu-drawer-error", children: [
-      /* @__PURE__ */ e("span", { children: P }),
-      (j === "NO_FIGMA_TOKEN" || j === "FIGMA_API_ERROR") && /* @__PURE__ */ e("button", { type: "button", className: "pbu-btn", onClick: r, children: "스킬함 열기" })
+    a.errorMessage && !a.serverDown && /* @__PURE__ */ s("div", { className: "pbu-drawer-error", children: [
+      /* @__PURE__ */ o("span", { children: a.errorMessage }),
+      I && /* @__PURE__ */ o("button", { type: "button", className: "pbu-btn", onClick: n, children: "스킬함 열기" })
     ] }),
-    N ? /* @__PURE__ */ e("button", { type: "button", className: "pbu-btn pbu-btn-primary", disabled: M, onClick: U, children: M ? "중단 중..." : "중단" }) : /* @__PURE__ */ e(
+    T ? /* @__PURE__ */ o("button", { type: "button", className: "pbu-btn pbu-btn-primary", disabled: a.cancelling, onClick: f, children: a.cancelling ? "중단 중..." : "중단" }) : /* @__PURE__ */ o(
       "button",
       {
         type: "button",
         className: "pbu-btn pbu-btn-primary",
-        disabled: C || !o,
-        onClick: W,
+        disabled: a.checking || !e,
+        onClick: v,
         children: "이 블록 퍼블리싱"
       }
     ),
-    (p.length > 0 || N) && /* @__PURE__ */ a("div", { className: "pbu-publish-log", ref: S, children: [
-      N && p.length === 0 && /* @__PURE__ */ e("div", { className: "pbu-log-line pbu-log-tool", children: "실행 중..." }),
-      p.map((u, z) => /* @__PURE__ */ a(
+    (a.events.length > 0 || T) && /* @__PURE__ */ s("div", { className: "pbu-publish-log", ref: b, children: [
+      T && a.events.length === 0 && /* @__PURE__ */ o("div", { className: "pbu-log-line pbu-log-tool", children: "실행 중..." }),
+      a.events.map((i, w) => /* @__PURE__ */ s(
         "div",
         {
-          className: u.type === "error" ? "pbu-log-line pbu-log-error" : u.type === "done" ? "pbu-log-line pbu-log-done" : u.type === "tool" ? "pbu-log-line pbu-log-tool" : "pbu-log-line",
+          className: i.type === "error" ? "pbu-log-line pbu-log-error" : i.type === "done" ? "pbu-log-line pbu-log-done" : i.type === "tool" ? "pbu-log-line pbu-log-tool" : "pbu-log-line",
           children: [
-            /* @__PURE__ */ e("span", { children: De[u.type] }),
+            /* @__PURE__ */ o("span", { children: Be[i.type] }),
             " ",
-            /* @__PURE__ */ e("span", { children: u.text })
+            /* @__PURE__ */ o("span", { children: i.text })
           ]
         },
-        z
+        w
       ))
     ] }),
-    c === "done" && /* @__PURE__ */ a("div", { className: "pbu-publish-reply", children: [
-      /* @__PURE__ */ e("label", { htmlFor: "pbu-publish-reply", children: "AI에게 이어서 답하기" }),
-      /* @__PURE__ */ e(
+    a.status === "done" && /* @__PURE__ */ s("div", { className: "pbu-publish-reply", children: [
+      /* @__PURE__ */ o("label", { htmlFor: "pbu-publish-reply", children: "AI에게 이어서 답하기" }),
+      /* @__PURE__ */ o(
         "textarea",
         {
           id: "pbu-publish-reply",
-          value: y,
-          onChange: (u) => w(u.target.value),
-          onKeyDown: (u) => {
-            (u.metaKey || u.ctrlKey) && u.key === "Enter" && G();
+          value: a.reply,
+          onChange: (i) => c && l(c, { reply: i.target.value }),
+          onKeyDown: (i) => {
+            (i.metaKey || i.ctrlKey) && i.key === "Enter" && C();
           },
           placeholder: "예: B 방향으로 진행해줘. 공지와 알림은 유지해.",
           rows: 3
         }
       ),
-      /* @__PURE__ */ a("div", { className: "pbu-publish-reply-actions", children: [
-        /* @__PURE__ */ e("span", { children: "⌘/Ctrl + Enter" }),
-        /* @__PURE__ */ e(
+      /* @__PURE__ */ s("div", { className: "pbu-publish-reply-actions", children: [
+        /* @__PURE__ */ o("span", { children: "⌘/Ctrl + Enter" }),
+        /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             className: "pbu-btn pbu-btn-primary",
-            disabled: C || !y.trim(),
-            onClick: G,
-            children: C ? "전송 중..." : "답변 전송"
+            disabled: a.checking || !a.reply.trim(),
+            onClick: C,
+            children: a.checking ? "전송 중..." : "답변 전송"
           }
         )
       ] })
     ] })
   ] });
 }
-function je() {
-  const t = k((l) => l.selection), [o, n] = v(!1), r = async () => {
-    t && (await navigator.clipboard.writeText(t.selector), n(!0), setTimeout(() => n(!1), 1200));
+function Ue() {
+  const t = y((l) => l.selection), [e, r] = N(!1), n = async () => {
+    t && (await navigator.clipboard.writeText(t.selector), r(!0), setTimeout(() => r(!1), 1200));
   };
-  return /* @__PURE__ */ a("aside", { className: "pbu-panel", children: [
-    /* @__PURE__ */ e("div", { className: "pbu-panel-title", children: "선택된 블록" }),
-    t ? /* @__PURE__ */ a(ne, { children: [
-      /* @__PURE__ */ a("div", { className: "pbu-field", children: [
-        /* @__PURE__ */ e("label", { children: "페이지" }),
-        /* @__PURE__ */ e("code", { children: t.pagePath })
+  return /* @__PURE__ */ s("aside", { className: "pbu-panel", children: [
+    /* @__PURE__ */ o("div", { className: "pbu-panel-title", children: "선택된 블록" }),
+    t ? /* @__PURE__ */ s(ee, { children: [
+      /* @__PURE__ */ s("div", { className: "pbu-field", children: [
+        /* @__PURE__ */ o("label", { children: "페이지" }),
+        /* @__PURE__ */ o("code", { children: t.pagePath })
       ] }),
-      /* @__PURE__ */ a("div", { className: "pbu-field", children: [
-        /* @__PURE__ */ e("label", { children: "블록" }),
-        /* @__PURE__ */ a("div", { children: [
-          /* @__PURE__ */ e("span", { className: "pbu-chip", children: t.tag }),
-          /* @__PURE__ */ e("span", { children: t.label })
+      /* @__PURE__ */ s("div", { className: "pbu-field", children: [
+        /* @__PURE__ */ o("label", { children: "블록" }),
+        /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ o("span", { className: "pbu-chip", children: t.tag }),
+          /* @__PURE__ */ o("span", { children: t.label })
         ] })
       ] }),
-      /* @__PURE__ */ a("div", { className: "pbu-field", children: [
-        /* @__PURE__ */ e("label", { children: "Selector" }),
-        /* @__PURE__ */ e("code", { className: "pbu-selector", children: t.selector }),
-        /* @__PURE__ */ e("button", { type: "button", className: "pbu-btn", onClick: r, children: o ? "복사됨 ✓" : "Selector 복사" })
+      /* @__PURE__ */ s("div", { className: "pbu-field", children: [
+        /* @__PURE__ */ o("label", { children: "Selector" }),
+        /* @__PURE__ */ o("code", { className: "pbu-selector", children: t.selector }),
+        /* @__PURE__ */ o("button", { type: "button", className: "pbu-btn", onClick: n, children: e ? "복사됨 ✓" : "Selector 복사" })
       ] }),
-      /* @__PURE__ */ a("div", { className: "pbu-field", children: [
-        /* @__PURE__ */ e("label", { children: "크기" }),
-        /* @__PURE__ */ a("span", { children: [
+      /* @__PURE__ */ s("div", { className: "pbu-field", children: [
+        /* @__PURE__ */ o("label", { children: "크기" }),
+        /* @__PURE__ */ s("span", { children: [
           Math.round(t.rect.width),
           " × ",
           Math.round(t.rect.height),
           "px"
         ] })
       ] }),
-      /* @__PURE__ */ a("div", { className: "pbu-field", children: [
-        /* @__PURE__ */ e("label", { children: "단위" }),
-        /* @__PURE__ */ e("span", { children: t.granularity === "all" ? "전체" : t.granularity === "section" ? "섹션" : "유닛" })
+      /* @__PURE__ */ s("div", { className: "pbu-field", children: [
+        /* @__PURE__ */ o("label", { children: "단위" }),
+        /* @__PURE__ */ o("span", { children: t.granularity === "all" ? "전체" : t.granularity === "section" ? "섹션" : "유닛" })
       ] }),
-      /* @__PURE__ */ e(Ae, {})
-    ] }) : /* @__PURE__ */ a("div", { className: "pbu-panel-empty", children: [
+      /* @__PURE__ */ o(He, {})
+    ] }) : /* @__PURE__ */ s("div", { className: "pbu-panel-empty", children: [
       "화면에서 블록에 마우스를 올리고 클릭해 선택하세요.",
-      /* @__PURE__ */ e("br", {}),
+      /* @__PURE__ */ o("br", {}),
       "상단 토글로 ",
-      /* @__PURE__ */ e("b", { children: "전체 / 섹션 / 유닛" }),
+      /* @__PURE__ */ o("b", { children: "전체 / 섹션 / 유닛" }),
       " 단위를 바꿀 수 있어요."
     ] })
   ] });
 }
-function He({ ia: t }) {
-  const o = k((d) => d.viewerPath), n = k((d) => d.closeViewer), r = k((d) => d.granularity), l = k((d) => d.setGranularity), s = k((d) => d.inspectEnabled), c = k((d) => d.setInspectEnabled), i = H(null), f = H(null), [g, p] = v(!1), m = t.nodes.find((d) => d.path === o), _ = () => {
-    f.current?.destroy(), f.current = null;
-    const d = i.current;
-    if (!d || !o) return;
-    const C = k.getState(), E = $e(d, {
-      pagePath: o,
+function Je({ ia: t }) {
+  const e = y((f) => f.viewerPath), r = y((f) => f.closeViewer), n = y((f) => f.granularity), l = y((f) => f.setGranularity), p = y((f) => f.inspectEnabled), c = y((f) => f.setInspectEnabled), a = $(null), u = $(null), [g, b] = N(!1), d = t.nodes.find((f) => f.path === e), v = () => {
+    u.current?.destroy(), u.current = null;
+    const f = a.current;
+    if (!f || !e) return;
+    const C = y.getState(), P = Ae(f, {
+      pagePath: e,
       granularity: C.granularity,
       enabled: C.inspectEnabled,
-      onSelect: (P, T) => (
+      onSelect: (E, T) => (
         // 20K 상한 — 프롬프트 비대화 방지
-        k.getState().setSelectionWithHTML(P, T.outerHTML.slice(0, 2e4))
+        y.getState().setSelectionWithHTML(E, T.outerHTML.slice(0, 2e4))
       )
     });
-    if (!E) {
-      p(!0);
+    if (!P) {
+      b(!0);
       return;
     }
-    p(!1), f.current = E;
+    b(!1), u.current = P;
   };
-  return A(() => () => f.current?.destroy(), []), A(() => {
-    f.current?.setGranularity(r);
-  }, [r]), A(() => {
-    f.current?.setEnabled(s);
-  }, [s]), A(() => {
-    const d = (C) => {
-      C.key === "Escape" && (k.getState().skillDrawerOpen || n());
+  return L(() => () => u.current?.destroy(), []), L(() => {
+    u.current?.setGranularity(n);
+  }, [n]), L(() => {
+    u.current?.setEnabled(p);
+  }, [p]), L(() => {
+    const f = (C) => {
+      C.key === "Escape" && (y.getState().skillDrawerOpen || r());
     };
-    return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
-  }, [n]), m ? /* @__PURE__ */ a("div", { className: "pbu-viewer", children: [
-    /* @__PURE__ */ a("div", { className: "pbu-bar", children: [
-      /* @__PURE__ */ e("button", { type: "button", className: "pbu-btn", onClick: n, children: "← 맵으로" }),
-      /* @__PURE__ */ a("span", { className: "pbu-viewer-title", children: [
-        m.title,
-        /* @__PURE__ */ e("code", { children: m.path })
+    return window.addEventListener("keydown", f), () => window.removeEventListener("keydown", f);
+  }, [r]), d ? /* @__PURE__ */ s("div", { className: "pbu-viewer", children: [
+    /* @__PURE__ */ s("div", { className: "pbu-bar", children: [
+      /* @__PURE__ */ o("button", { type: "button", className: "pbu-btn", onClick: r, children: "← 맵으로" }),
+      /* @__PURE__ */ s("span", { className: "pbu-viewer-title", children: [
+        d.title,
+        /* @__PURE__ */ o("code", { children: d.path })
       ] }),
-      /* @__PURE__ */ e("span", { className: "pbu-spacer" }),
-      g && /* @__PURE__ */ e("span", { className: "pbu-hint", children: "⚠ 이 페이지는 검사할 수 없어요" }),
-      /* @__PURE__ */ a("div", { className: "pbu-seg", role: "group", "aria-label": "블록 단위", children: [
-        /* @__PURE__ */ e(
+      /* @__PURE__ */ o("span", { className: "pbu-spacer" }),
+      g && /* @__PURE__ */ o("span", { className: "pbu-hint", children: "⚠ 이 페이지는 검사할 수 없어요" }),
+      /* @__PURE__ */ s("div", { className: "pbu-seg", role: "group", "aria-label": "블록 단위", children: [
+        /* @__PURE__ */ o(
           "button",
           {
             type: "button",
-            className: r === "all" ? "pbu-on" : "",
+            className: n === "all" ? "pbu-on" : "",
             onClick: () => l("all"),
             children: "전체"
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ o(
           "button",
           {
             type: "button",
-            className: r === "section" ? "pbu-on" : "",
+            className: n === "section" ? "pbu-on" : "",
             onClick: () => l("section"),
             children: "섹션"
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ o(
           "button",
           {
             type: "button",
-            className: r === "unit" ? "pbu-on" : "",
+            className: n === "unit" ? "pbu-on" : "",
             onClick: () => l("unit"),
             children: "유닛"
           }
         )
       ] }),
-      /* @__PURE__ */ a("label", { className: "pbu-toggle", children: [
-        /* @__PURE__ */ e(
+      /* @__PURE__ */ s("label", { className: "pbu-toggle", children: [
+        /* @__PURE__ */ o(
           "input",
           {
             type: "checkbox",
-            checked: s,
-            onChange: (d) => c(d.target.checked)
+            checked: p,
+            onChange: (f) => c(f.target.checked)
           }
         ),
         "검사 모드"
       ] }),
-      /* @__PURE__ */ e("button", { type: "button", className: "pbu-icon-btn", onClick: n, "aria-label": "닫기", children: "✕" })
+      /* @__PURE__ */ o(te, {}),
+      /* @__PURE__ */ o("button", { type: "button", className: "pbu-icon-btn", onClick: r, "aria-label": "닫기", children: "✕" })
     ] }),
-    /* @__PURE__ */ a("div", { className: "pbu-viewer-body", children: [
-      /* @__PURE__ */ e("div", { className: "pbu-viewer-frame-wrap", children: /* @__PURE__ */ e(
+    /* @__PURE__ */ s("div", { className: "pbu-viewer-body", children: [
+      /* @__PURE__ */ o("div", { className: "pbu-viewer-frame-wrap", children: /* @__PURE__ */ o(
         "iframe",
         {
-          ref: i,
+          ref: a,
           className: "pbu-viewer-iframe",
-          src: m.path,
-          title: m.title,
-          onLoad: _
+          src: d.path,
+          title: d.title,
+          onLoad: v
         }
       ) }),
-      /* @__PURE__ */ e(je, {})
+      /* @__PURE__ */ o(Ue, {})
     ] })
   ] }) : null;
 }
-const Be = {
+const Fe = {
+  builtin: "기본",
   project: "프로젝트",
   global: "글로벌",
   uploaded: "업로드"
-}, Fe = {
+}, qe = {
+  builtin: "pubuilder에 기본 포함된 퍼블리싱 스킬 · 기본 사용, 여기서는 삭제할 수 없어요",
   project: "현재 프로젝트에서 발견한 스킬 · 여기서는 삭제할 수 없어요",
   global: "내 전역 환경에 설치된 공용 스킬 · 여기서는 삭제할 수 없어요",
   uploaded: "이 스킬함에 직접 올린 Markdown 스킬 · 삭제할 수 있어요"
-}, Ue = ["project", "global", "uploaded"];
-function Ge() {
-  const t = k((h) => h.toggleSkillDrawer), o = le(Z), [n, r] = v(!0), [l, s] = v(!1), [c, i] = v([]), [f, g] = v(null), [p, m] = v(""), [_, d] = v(!1), [C, E] = v(null), [P, T] = v(!1), j = H(null), O = H(0), [M, $] = v(null), I = async () => {
-    const h = ++O.current;
-    r(!0), E(null);
+}, Ge = ["builtin", "project", "global", "uploaded"];
+function Ve() {
+  const t = y((x) => x.toggleSkillDrawer), e = H(j), [r, n] = N(!0), [l, p] = N(!1), [c, a] = N([]), [u, g] = N(null), [b, d] = N(""), [v, f] = N(!1), [C, P] = N(null), [E, T] = N(!1), I = $(null), i = $(0), [w, O] = N(null), z = async () => {
+    const x = ++i.current;
+    n(!0), P(null);
     try {
-      const x = await o.isAlive();
-      if (h !== O.current || (s(x), !x)) return;
-      const [N, B] = await Promise.all([o.listSkills(), o.tokenStatus()]);
-      if (h !== O.current) return;
-      i(N), g(B), d(!B.configured);
-    } catch (x) {
-      if (h !== O.current) return;
-      E(x instanceof Error ? x.message : String(x));
+      const m = await e.isAlive();
+      if (x !== i.current || (p(m), !m)) return;
+      const [M, D] = await Promise.all([e.listSkills(), e.tokenStatus()]);
+      if (x !== i.current) return;
+      a(M), g(D), f(!D.configured);
+    } catch (m) {
+      if (x !== i.current) return;
+      P(m instanceof Error ? m.message : String(m));
     } finally {
-      h === O.current && r(!1);
+      x === i.current && n(!1);
     }
   };
-  A(() => {
-    I();
-  }, []), A(() => {
-    const h = (x) => {
-      x.key === "Escape" && t();
+  L(() => {
+    z();
+  }, []), L(() => {
+    const x = (m) => {
+      m.key === "Escape" && t();
     };
-    return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
+    return window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x);
   }, [t]);
-  const b = async (h, x) => {
-    if (!M) {
-      $(h);
+  const h = async (x, m) => {
+    if (!w) {
+      O(x);
       try {
-        await x();
-      } catch (N) {
-        E(N instanceof Error ? N.message : String(N));
+        await m();
+      } catch (M) {
+        P(M instanceof Error ? M.message : String(M));
       } finally {
-        $(null);
+        O(null);
       }
     }
-  }, y = (h, x) => b(`toggle:${h}`, async () => {
-    await o.toggleSkill(h, x), await I();
-  }), w = (h, x) => {
-    window.confirm(`"${x}" 스킬을 삭제할까요?`) && b(`remove:${h}`, async () => {
-      await o.removeSkill(h), await I();
+  }, _ = (x, m) => h(`toggle:${x}`, async () => {
+    await e.toggleSkill(x, m), await z();
+  }), k = (x, m) => {
+    window.confirm(`"${m}" 스킬을 삭제할까요?`) && h(`remove:${x}`, async () => {
+      await e.removeSkill(x), await z();
     });
-  }, S = () => j.current?.click(), R = (h) => {
-    const x = h.target.files?.[0];
-    h.target.value = "", x && b("upload", async () => {
-      const N = new FileReader(), B = await new Promise((u, z) => {
-        N.onload = () => u(String(N.result ?? "")), N.onerror = () => z(N.error ?? new Error("파일을 읽을 수 없어요")), N.readAsText(x);
+  }, S = () => I.current?.click(), V = (x) => {
+    const m = x.target.files?.[0];
+    x.target.value = "", m && h("upload", async () => {
+      const M = new FileReader(), D = await new Promise((ie, se) => {
+        M.onload = () => ie(String(M.result ?? "")), M.onerror = () => se(M.error ?? new Error("파일을 읽을 수 없어요")), M.readAsText(m);
       });
-      await o.uploadSkill(x.name, B), await I();
+      await e.uploadSkill(m.name, D), await z();
     });
-  }, D = () => b("token:save", async () => {
-    p.trim() && (await o.saveToken(p.trim()), m(""), await I());
-  }), F = () => b("token:delete", async () => {
-    await o.deleteToken(), m(""), await I();
-  }), W = async () => {
+  }, re = () => h("token:save", async () => {
+    b.trim() && (await e.saveToken(b.trim()), d(""), await z());
+  }), le = () => h("token:delete", async () => {
+    await e.deleteToken(), d(""), await z();
+  }), ae = async () => {
     await navigator.clipboard.writeText("npx pubuilder serve"), T(!0), setTimeout(() => T(!1), 1200);
-  }, U = Ue.map((h) => ({
-    source: h,
-    label: Be[h],
-    items: c.filter((x) => x.source === h)
-  })).filter((h) => h.items.length > 0), G = c.filter((h) => h.enabled).length;
-  return /* @__PURE__ */ a("aside", { className: "pbu-drawer", children: [
-    /* @__PURE__ */ a("div", { className: "pbu-drawer-header", children: [
-      /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ e("span", { className: "pbu-panel-title", children: "스킬함" }),
-        /* @__PURE__ */ e("span", { className: "pbu-drawer-kicker", children: "퍼블리싱 실행 설정" })
+  }, K = Ge.map((x) => ({
+    source: x,
+    label: Fe[x],
+    items: c.filter((m) => m.source === x)
+  })).filter((x) => x.items.length > 0), ce = c.filter((x) => x.enabled).length;
+  return /* @__PURE__ */ s("aside", { className: "pbu-drawer", children: [
+    /* @__PURE__ */ s("div", { className: "pbu-drawer-header", children: [
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ o("span", { className: "pbu-panel-title", children: "스킬함" }),
+        /* @__PURE__ */ o("span", { className: "pbu-drawer-kicker", children: "퍼블리싱 실행 설정" })
       ] }),
-      /* @__PURE__ */ e("button", { type: "button", className: "pbu-icon-btn", onClick: t, "aria-label": "닫기", children: "✕" })
+      /* @__PURE__ */ o("button", { type: "button", className: "pbu-icon-btn", onClick: t, "aria-label": "닫기", children: "✕" })
     ] }),
-    /* @__PURE__ */ a("div", { className: "pbu-drawer-guide", children: [
-      /* @__PURE__ */ e("strong", { children: "다음 퍼블리싱에 적용할 규칙을 고르세요." }),
-      /* @__PURE__ */ e("span", { children: "체크된 스킬의 지침만 AI에게 전달됩니다. 변경 사항은 다음 실행부터 적용돼요." }),
-      !n && l && /* @__PURE__ */ a("div", { className: "pbu-guide-status", children: [
-        /* @__PURE__ */ e("span", { className: "pbu-status-dot pbu-status-dot-on" }),
-        c.length > 0 ? `${G}/${c.length}개 스킬 사용 중` : "사용 가능한 스킬 없음"
+    /* @__PURE__ */ s("div", { className: "pbu-drawer-guide", children: [
+      /* @__PURE__ */ o("strong", { children: "다음 퍼블리싱에 적용할 규칙을 고르세요." }),
+      /* @__PURE__ */ o("span", { children: "체크된 스킬의 지침만 AI에게 전달됩니다. 변경 사항은 다음 실행부터 적용돼요." }),
+      !r && l && /* @__PURE__ */ s("div", { className: "pbu-guide-status", children: [
+        /* @__PURE__ */ o("span", { className: "pbu-status-dot pbu-status-dot-on" }),
+        c.length > 0 ? `${ce}/${c.length}개 스킬 사용 중` : "사용 가능한 스킬 없음"
       ] })
     ] }),
-    C && /* @__PURE__ */ a("div", { className: "pbu-drawer-error", children: [
-      /* @__PURE__ */ e("span", { children: C }),
-      /* @__PURE__ */ e("button", { type: "button", className: "pbu-icon-btn", onClick: () => E(null), "aria-label": "닫기", children: "✕" })
+    C && /* @__PURE__ */ s("div", { className: "pbu-drawer-error", children: [
+      /* @__PURE__ */ o("span", { children: C }),
+      /* @__PURE__ */ o("button", { type: "button", className: "pbu-icon-btn", onClick: () => P(null), "aria-label": "닫기", children: "✕" })
     ] }),
-    n ? /* @__PURE__ */ e("div", { className: "pbu-panel-empty", children: "불러오는 중..." }) : l ? /* @__PURE__ */ a(ne, { children: [
-      /* @__PURE__ */ a("div", { className: "pbu-drawer-section-head", children: [
-        /* @__PURE__ */ a("div", { children: [
-          /* @__PURE__ */ e("strong", { children: "Figma 연결" }),
-          /* @__PURE__ */ e("span", { children: "노드 링크에서 시안 이미지와 구조 정보를 읽을 때 사용해요." })
+    r ? /* @__PURE__ */ o("div", { className: "pbu-panel-empty", children: "불러오는 중..." }) : l ? /* @__PURE__ */ s(ee, { children: [
+      /* @__PURE__ */ s("div", { className: "pbu-drawer-section-head", children: [
+        /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ o("strong", { children: "Figma 연결" }),
+          /* @__PURE__ */ o("span", { children: "노드 링크에서 시안 이미지와 구조 정보를 읽을 때 사용해요." })
         ] }),
-        /* @__PURE__ */ e("span", { className: `pbu-status-badge ${f?.configured ? "pbu-status-on" : "pbu-status-off"}`, children: f?.configured ? "연결됨" : "연결 필요" })
+        /* @__PURE__ */ o("span", { className: `pbu-status-badge ${u?.configured ? "pbu-status-on" : "pbu-status-off"}`, children: u?.configured ? "연결됨" : "연결 필요" })
       ] }),
-      f?.configured && !_ ? /* @__PURE__ */ a("div", { className: "pbu-field", children: [
-        /* @__PURE__ */ e("span", { className: "pbu-token-masked", children: f.masked }),
-        /* @__PURE__ */ a("div", { children: [
-          /* @__PURE__ */ e("button", { type: "button", className: "pbu-btn", disabled: M !== null, onClick: () => d(!0), children: "재입력" }),
-          /* @__PURE__ */ e("button", { type: "button", className: "pbu-btn", disabled: M !== null, onClick: F, children: "삭제" })
+      u?.configured && !v ? /* @__PURE__ */ s("div", { className: "pbu-field", children: [
+        /* @__PURE__ */ o("span", { className: "pbu-token-masked", children: u.masked }),
+        /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ o("button", { type: "button", className: "pbu-btn", disabled: w !== null, onClick: () => f(!0), children: "재입력" }),
+          /* @__PURE__ */ o("button", { type: "button", className: "pbu-btn", disabled: w !== null, onClick: le, children: "삭제" })
         ] })
-      ] }) : /* @__PURE__ */ a("div", { className: "pbu-field", children: [
-        /* @__PURE__ */ e(
+      ] }) : /* @__PURE__ */ s("div", { className: "pbu-field", children: [
+        /* @__PURE__ */ o(
           "input",
           {
             type: "password",
-            value: p,
-            onChange: (h) => m(h.target.value),
+            value: b,
+            onChange: (x) => d(x.target.value),
             placeholder: "Figma 토큰"
           }
         ),
-        /* @__PURE__ */ e("button", { type: "button", className: "pbu-btn pbu-btn-primary", disabled: M !== null, onClick: D, children: "저장" })
+        /* @__PURE__ */ o("button", { type: "button", className: "pbu-btn pbu-btn-primary", disabled: w !== null, onClick: re, children: "저장" })
       ] }),
-      /* @__PURE__ */ a("div", { className: "pbu-drawer-section-head pbu-drawer-section-head-skills", children: [
-        /* @__PURE__ */ a("div", { children: [
-          /* @__PURE__ */ e("strong", { children: "AI 작업 스킬" }),
-          /* @__PURE__ */ e("span", { children: "스킬은 AI에게 전달되는 작업 규칙이 담긴 Markdown 파일이에요." })
+      /* @__PURE__ */ s("div", { className: "pbu-drawer-section-head pbu-drawer-section-head-skills", children: [
+        /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ o("strong", { children: "AI 작업 스킬" }),
+          /* @__PURE__ */ o("span", { children: "스킬은 AI에게 전달되는 작업 규칙이 담긴 Markdown 파일이에요." })
         ] }),
-        /* @__PURE__ */ e("button", { type: "button", className: "pbu-btn", disabled: M !== null, onClick: S, children: "업로드" }),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ o("button", { type: "button", className: "pbu-btn", disabled: w !== null, onClick: S, children: "업로드" }),
+        /* @__PURE__ */ o(
           "input",
           {
-            ref: j,
+            ref: I,
             type: "file",
             accept: ".md",
             style: { display: "none" },
-            onChange: R
+            onChange: V
           }
         )
       ] }),
-      U.length === 0 ? /* @__PURE__ */ e("div", { className: "pbu-panel-empty", children: "등록된 스킬이 없어요." }) : U.map((h) => /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ a("div", { className: "pbu-skill-source", children: [
-          /* @__PURE__ */ e("strong", { children: h.label }),
-          /* @__PURE__ */ e("span", { children: Fe[h.source] })
+      K.length === 0 ? /* @__PURE__ */ o("div", { className: "pbu-panel-empty", children: "등록된 스킬이 없어요." }) : K.map((x) => /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ s("div", { className: "pbu-skill-source", children: [
+          /* @__PURE__ */ o("strong", { children: x.label }),
+          /* @__PURE__ */ o("span", { children: qe[x.source] })
         ] }),
-        h.items.map((x) => /* @__PURE__ */ a("div", { className: "pbu-skill-row", children: [
-          /* @__PURE__ */ a("label", { className: "pbu-toggle", children: [
-            /* @__PURE__ */ e(
+        x.items.map((m) => /* @__PURE__ */ s("div", { className: "pbu-skill-row", children: [
+          /* @__PURE__ */ s("label", { className: "pbu-toggle", children: [
+            /* @__PURE__ */ o(
               "input",
               {
                 type: "checkbox",
-                checked: x.enabled,
-                disabled: M !== null,
-                onChange: (N) => y(x.id, N.target.checked)
+                checked: m.enabled,
+                disabled: w !== null,
+                onChange: (M) => _(m.id, M.target.checked)
               }
             ),
-            x.name
+            m.name
           ] }),
-          /* @__PURE__ */ e("span", { className: "pbu-hint", title: x.description, children: x.description }),
-          /* @__PURE__ */ e("span", { className: `pbu-skill-state ${x.enabled ? "pbu-skill-state-on" : ""}`, children: M === `toggle:${x.id}` ? "변경 중" : x.enabled ? "사용 중" : "제외됨" }),
-          x.source === "uploaded" && /* @__PURE__ */ e(
+          /* @__PURE__ */ o("span", { className: "pbu-hint", title: m.description, children: m.description }),
+          /* @__PURE__ */ o("span", { className: `pbu-skill-state ${m.enabled ? "pbu-skill-state-on" : ""}`, children: w === `toggle:${m.id}` ? "변경 중" : m.enabled ? "사용 중" : "제외됨" }),
+          m.source === "uploaded" && /* @__PURE__ */ o(
             "button",
             {
               type: "button",
               className: "pbu-icon-btn",
-              disabled: M !== null,
-              onClick: () => w(x.id, x.name),
+              disabled: w !== null,
+              onClick: () => k(m.id, m.name),
               "aria-label": "삭제",
               children: "🗑"
             }
           )
-        ] }, x.id))
-      ] }, h.source))
-    ] }) : /* @__PURE__ */ a("div", { className: "pbu-panel-empty", children: [
+        ] }, m.id))
+      ] }, x.source))
+    ] }) : /* @__PURE__ */ s("div", { className: "pbu-panel-empty", children: [
       "컴패니언 서버가 꺼져 있어요",
-      /* @__PURE__ */ a("div", { className: "pbu-drawer-code", children: [
-        /* @__PURE__ */ e("code", { children: "npx pubuilder serve" }),
-        /* @__PURE__ */ e("button", { type: "button", className: "pbu-btn", onClick: W, children: P ? "복사됨 ✓" : "복사" })
+      /* @__PURE__ */ s("div", { className: "pbu-drawer-code", children: [
+        /* @__PURE__ */ o("code", { children: "npx pubuilder serve" }),
+        /* @__PURE__ */ o("button", { type: "button", className: "pbu-btn", onClick: ae, children: E ? "복사됨 ✓" : "복사" })
       ] }),
-      /* @__PURE__ */ e("div", { className: "pbu-hint", children: 'package.json의 dev 스크립트를 "pubuilder dev -- <기존 명령>"으로 감싸면 자동 실행돼요' }),
-      /* @__PURE__ */ e("button", { type: "button", className: "pbu-btn", onClick: I, children: "다시 확인" })
+      /* @__PURE__ */ o("div", { className: "pbu-hint", children: 'package.json의 dev 스크립트를 "pubuilder dev -- <기존 명령>"으로 감싸면 자동 실행돼요' }),
+      /* @__PURE__ */ o("button", { type: "button", className: "pbu-btn", onClick: z, children: "다시 확인" })
     ] })
   ] });
 }
-function Xe({ config: t, enabled: o = !0, serverUrl: n }) {
-  const r = o && !xe(), [l, s] = v(!1), c = k((m) => m.isMapOpen), i = k((m) => m.viewerPath), f = k((m) => m.skillDrawerOpen), g = K(() => be(t), [t]), p = K(() => new ae(n), [n]);
+function Ke() {
+  const t = H(j), e = y((d) => d.suspendConflicts), r = y((d) => d.suspendResolutions), n = y((d) => d.setConflictResolution), l = y((d) => d.clearSuspend), [p, c] = N(!1), [a, u] = N(null);
+  if (e.length === 0) return null;
+  const g = e.every((d) => r[d.file]), b = async () => {
+    c(!0), u(null);
+    try {
+      await t.resolveSuspend(e.map((d) => r[d.file])), l();
+    } catch (d) {
+      u(d instanceof Error ? d.message : String(d));
+    } finally {
+      c(!1);
+    }
+  };
+  return /* @__PURE__ */ o("div", { className: "pbu-suspend-overlay", children: /* @__PURE__ */ s("div", { className: "pbu-suspend-panel", children: [
+    /* @__PURE__ */ s("div", { className: "pbu-suspend-head", children: [
+      /* @__PURE__ */ s("strong", { children: [
+        "일시 종료 — 충돌 ",
+        e.length,
+        "건"
+      ] }),
+      /* @__PURE__ */ o("span", { children: "롤백이 다른 변경과 겹쳐요. 파일마다 처리를 골라주세요. 충돌 없는 파일은 이미 되돌렸어요." })
+    ] }),
+    e.map((d) => {
+      const v = r[d.file];
+      return /* @__PURE__ */ s("div", { className: "pbu-conflict-row", children: [
+        /* @__PURE__ */ o("div", { className: "pbu-conflict-file", children: d.file }),
+        /* @__PURE__ */ s("div", { className: "pbu-conflict-actions", children: [
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: `pbu-btn ${v?.action === "revert" ? "pbu-btn-primary" : ""}`,
+              onClick: () => n(d.file, "revert"),
+              children: "이전으로"
+            }
+          ),
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: `pbu-btn ${v?.action === "keep" ? "pbu-btn-primary" : ""}`,
+              onClick: () => n(d.file, "keep"),
+              children: "현재 유지"
+            }
+          ),
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: `pbu-btn ${v?.action === "edit" ? "pbu-btn-primary" : ""}`,
+              onClick: () => n(d.file, "edit", d.current),
+              children: "편집"
+            }
+          )
+        ] }),
+        v?.action === "edit" && /* @__PURE__ */ o(
+          "textarea",
+          {
+            className: "pbu-conflict-edit",
+            value: v.content ?? "",
+            onChange: (f) => n(d.file, "edit", f.target.value),
+            rows: 6
+          }
+        )
+      ] }, d.file);
+    }),
+    a && /* @__PURE__ */ o("div", { className: "pbu-drawer-error", children: /* @__PURE__ */ o("span", { children: a }) }),
+    /* @__PURE__ */ s("div", { className: "pbu-suspend-foot", children: [
+      /* @__PURE__ */ o("button", { type: "button", className: "pbu-btn", onClick: l, disabled: p, children: "닫기" }),
+      /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: "pbu-btn pbu-btn-primary",
+          onClick: b,
+          disabled: !g || p,
+          children: p ? "적용 중..." : "모두 해결 후 적용"
+        }
+      )
+    ] })
+  ] }) });
+}
+function oo({ config: t, enabled: e = !0, serverUrl: r }) {
+  const n = e && !ye(), [l, p] = N(!1), c = y((d) => d.isMapOpen), a = y((d) => d.viewerPath), u = y((d) => d.skillDrawerOpen), g = J(() => fe(t), [t]), b = J(() => new oe(r), [r]);
   return ue(() => {
-    r && window.self === window.top && (ke(), s(!0));
-  }, [r]), !l || !r ? null : pe(
-    /* @__PURE__ */ a(Z.Provider, { value: p, children: [
-      /* @__PURE__ */ e(Se, {}),
-      c && /* @__PURE__ */ e(Ee, { ia: g }),
-      i && /* @__PURE__ */ e(He, { ia: g }),
-      f && /* @__PURE__ */ e(Ge, {})
+    n && window.self === window.top && (ze(), p(!0));
+  }, [n]), !l || !n ? null : be(
+    /* @__PURE__ */ s(j.Provider, { value: b, children: [
+      /* @__PURE__ */ o(Te, {}),
+      c && /* @__PURE__ */ o(Pe, { ia: g }),
+      a && /* @__PURE__ */ o(Je, { ia: g }),
+      u && /* @__PURE__ */ o(Ve, {}),
+      /* @__PURE__ */ o(Ke, {})
     ] }),
     document.body
   );
 }
 export {
-  Xe as PageMap,
-  et as defineIA,
-  be as normalizeIA
+  oo as PageMap,
+  ro as defineIA,
+  fe as normalizeIA
 };
 //# sourceMappingURL=index.js.map