@desktalk/core 0.1.0-alpha.1

package/dist/frontend/assets/frontend-Dx41dEM9.js

@@ -0,0 +1,407 @@
+import{W as Le,a as Re,u as F,A as qe,b as He,s as ze,g as _e,c as je,d as de}from"./index-C5-XUOS7.js";function ve(t){return JSON.stringify(t).replace(/</g,"\\u003c")}function Ve(t,e){const n=ve(t),r=ve(e);return["<script data-dt-bridge>","(() => {",`  const streamId = ${n};`,`  const token = ${r};`,"  let requestCounter = 0;","  const pending = new Map();","  const actionHandlers = new Map();","  const REQUEST_TIMEOUT_MS = 30000;","","  function createError(message) {","    return message instanceof Error ? message : new Error(String(message));","  }","","  function normalizeExecArgs(programOrShell, argsOrOpts, maybeOpts) {",'    if (typeof programOrShell === "string" && /\\s/.test(programOrShell)',"        && (argsOrOpts === undefined || argsOrOpts === null",'            || (typeof argsOrOpts === "object" && !Array.isArray(argsOrOpts)))) {',"      return {",'        program: "sh",','        args: ["-c", programOrShell],','        options: (typeof argsOrOpts === "object" && argsOrOpts !== null) ? argsOrOpts : {},',"      };","    }","    return {","      program: programOrShell,","      args: Array.isArray(argsOrOpts) ? argsOrOpts : [],","      options: (Array.isArray(argsOrOpts) ? maybeOpts : argsOrOpts) || {},","    };","  }","","  function request(kind, payload) {","    return new Promise((resolve, reject) => {","      const requestId = `dt-bridge-${Date.now()}-${++requestCounter}`;","      const timeout = window.setTimeout(() => {","        pending.delete(requestId);","        reject(new Error('DeskTalk bridge request timed out.'));","      }, REQUEST_TIMEOUT_MS);","","      pending.set(requestId, { resolve, reject, timeout });","      window.parent.postMessage({","        type: 'desktalk:bridge-request',","        streamId,","        token,","        requestId,","        kind,","        payload,","      }, '*');","    });","  }","","  function createCollectionStorage(name) {","    return Object.freeze({","      insert(params) {","        return request('storage', { action: 'collection.insert', collection: name, params }).then(() => undefined);","      },","      update(id, params) {","        return request('storage', { action: 'collection.update', collection: name, id, params }).then(() => undefined);","      },","      delete(id) {","        return request('storage', { action: 'collection.delete', collection: name, id }).then(() => undefined);","      },","      findById(id) {","        return request('storage', { action: 'collection.findById', collection: name, id }).then((result) => result.record);","      },","      find(filter, options) {","        return request('storage', { action: 'collection.find', collection: name, filter, options }).then((result) => result.records);","      },","      findAll() {","        return request('storage', { action: 'collection.findAll', collection: name }).then((result) => result.records);","      },","      count(filter) {","        return request('storage', { action: 'collection.count', collection: name, filter }).then((result) => result.count);","      },","      compact() {","        return request('storage', { action: 'collection.compact', collection: name }).then(() => undefined);","      },","    });","  }","","  const actions = Object.freeze({","    register(definition) {",'      if (!definition || typeof definition !== "object") {','        throw new Error("DeskTalk.actions.register requires an action definition object.");',"      }",'      const name = typeof definition.name === "string" ? definition.name.trim() : "";',"      if (!name) {",'        throw new Error("DeskTalk.actions.register requires a non-empty action name.");',"      }",'      if (typeof definition.handler !== "function") {','        throw new Error(`DeskTalk.actions.register("${name}") requires a handler function.`);',"      }","      actionHandlers.set(name, definition.handler);",'      return request("actions", {','        action: "register",',"        name,",'        description: typeof definition.description === "string" ? definition.description : "",','        params: definition.params && typeof definition.params === "object" ? definition.params : undefined,',"      }).then(() => undefined);","    },","    unregister(name) {",'      const normalizedName = typeof name === "string" ? name.trim() : "";',"      if (!normalizedName) {",'        throw new Error("DeskTalk.actions.unregister requires a non-empty action name.");',"      }","      actionHandlers.delete(normalizedName);",'      return request("actions", { action: "unregister", name: normalizedName }).then(() => undefined);',"    },","    clear() {","      actionHandlers.clear();",'      return request("actions", { action: "clear" }).then(() => undefined);',"    },","  });","","  const storage = Object.freeze({","    get(name) {","      return request('storage', { action: 'kv.get', name }).then((result) => result.value);","    },","    set(name, value) {","      return request('storage', { action: 'kv.set', name, value }).then(() => undefined);","    },","    delete(name) {","      return request('storage', { action: 'kv.delete', name }).then((result) => result.deleted);","    },","    list() {","      return request('storage', { action: 'kv.list' }).then((result) => result.names);","    },","    collection(name) {","      return createCollectionStorage(name);","    },","  });","","  window.addEventListener('message', (event) => {","    const message = event.data;","    if (!message || message.streamId !== streamId || message.token !== token) return;","    if (message.type === 'desktalk:bridge-response') {","      const pendingRequest = pending.get(message.requestId);","      if (!pendingRequest) return;","      pending.delete(message.requestId);","      window.clearTimeout(pendingRequest.timeout);","      if (message.ok) {","        pendingRequest.resolve(message.result);","        return;","      }",'      pendingRequest.reject(createError(message.error || "DeskTalk bridge request failed."));',"      return;","    }","    if (message.type !== 'desktalk:invoke-action') return;","    const handler = actionHandlers.get(message.actionName);","    if (!handler) {","      window.parent.postMessage({","        type: 'desktalk:invoke-action-result',","        streamId,","        token,","        requestId: message.requestId,","        ok: false,",'        error: `Action "${String(message.actionName || "")}" is not registered.`,',"      }, '*');","      return;","    }","    Promise.resolve()","      .then(() => handler(message.params || {}))","      .then((result) => {","        window.parent.postMessage({","          type: 'desktalk:invoke-action-result',","          streamId,","          token,","          requestId: message.requestId,","          ok: true,","          result,","        }, '*');","      })","      .catch((error) => {","        window.parent.postMessage({","          type: 'desktalk:invoke-action-result',","          streamId,","          token,","          requestId: message.requestId,","          ok: false,","          error: error instanceof Error ? error.message : String(error),","        }, '*');","      });","  });","","  window.DeskTalk = Object.freeze({","    getState(selector) {","      return request('getState', { selector });","    },","    request(url, options) {","      return request('request', { url, options: options || {} });","    },","    exec(programOrShell, argsOrOpts, maybeOpts) {","      const n = normalizeExecArgs(programOrShell, argsOrOpts, maybeOpts);","      return request('exec', { program: n.program, args: n.args, options: n.options });","    },","    execute(programOrShell, argsOrOpts, maybeOpts) {","      const n = normalizeExecArgs(programOrShell, argsOrOpts, maybeOpts);","      return request('exec', { program: n.program, args: n.args, options: n.options });","    },","    actions,","    storage,","  });","})();","<\/script>"].join(`
+`)}(()=>{if(typeof document>"u")return;const t="desktalk-style-desktalk-miniapp-preview-1p9nnor";if(document.getElementById(t))return;const e=document.createElement("style");e.id=t,e.textContent=`/* src/components/PreviewToolbar.module.css */
+.PreviewToolbar_toolbar {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  gap: 12px;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--dt-border);
+  min-width: 0;
+}
+.PreviewToolbar_toolbarGroup {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.PreviewToolbar_toolBtn {
+  display: flex;
+  width: 28px;
+  height: 28px;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: 1px solid var(--dt-border);
+  border-radius: 6px;
+  background: var(--dt-surface);
+  color: var(--dt-text);
+  cursor: pointer;
+  font-size: 14px;
+  line-height: 1;
+  transition:
+    background 0.15s,
+    border-color 0.15s,
+    color 0.15s;
+}
+.PreviewToolbar_toolBtn:hover:not(:disabled) {
+  border-color: var(--dt-accent);
+  background: var(--dt-surface-hover);
+  color: var(--dt-accent);
+}
+.PreviewToolbar_toolBtn:disabled {
+  cursor: default;
+  opacity: 0.35;
+}
+.PreviewToolbar_filename {
+  flex: 1;
+  overflow: hidden;
+  font-size: 13px;
+  font-weight: 500;
+  text-align: center;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.PreviewToolbar_zoomIndicator {
+  min-width: 44px;
+  color: var(--dt-text-muted);
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+  text-align: center;
+}
+.PreviewToolbar_browserNavGroup {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-shrink: 0;
+}
+.PreviewToolbar_browserNavBtn {
+  display: flex;
+  width: 28px;
+  height: 28px;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: 1px solid var(--dt-border);
+  border-radius: 6px;
+  background: var(--dt-surface);
+  color: var(--dt-text-secondary);
+  cursor: pointer;
+  transition:
+    background 0.15s,
+    border-color 0.15s,
+    color 0.15s;
+}
+.PreviewToolbar_browserNavBtn:hover:not(:disabled) {
+  border-color: var(--dt-accent);
+  background: var(--dt-surface-hover);
+  color: var(--dt-accent);
+}
+.PreviewToolbar_browserNavBtn:disabled {
+  cursor: default;
+  opacity: 0.3;
+}
+.PreviewToolbar_browserActionSpacer {
+  width: 28px;
+  height: 28px;
+}
+.PreviewToolbar_addressBar {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 12px;
+  border: 1px solid var(--dt-border);
+  border-radius: 20px;
+  background: var(--dt-bg-subtle);
+  min-width: 0;
+  overflow: hidden;
+}
+.PreviewToolbar_lockIcon {
+  flex-shrink: 0;
+  color: var(--dt-text-muted);
+}
+.PreviewToolbar_addressText {
+  flex: 1;
+  overflow: hidden;
+  color: var(--dt-text);
+  font-size: 13px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.PreviewToolbar_streamingIndicator {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  justify-content: center;
+  color: var(--dt-text-secondary);
+  font-size: 13px;
+  font-weight: 500;
+}
+.PreviewToolbar_streamingDot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #22c55e;
+  animation: PreviewToolbar_pulse 1.5s ease-in-out infinite;
+}
+@keyframes PreviewToolbar_pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+}
+
+/* src/components/ImageViewport.module.css */
+.ImageViewport_viewport {
+  display: flex;
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  outline: none;
+}
+.ImageViewport_image {
+  max-width: none;
+  max-height: none;
+  transform-origin: center center;
+  -webkit-user-select: none;
+  user-select: none;
+  pointer-events: none;
+}
+
+/* src/components/HtmlViewport.module.css */
+.HtmlViewport_viewportContainer {
+  position: relative;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  min-height: 0;
+}
+.HtmlViewport_htmlViewport {
+  display: block;
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  min-height: 0;
+  border: none;
+}
+.HtmlViewport_shimmerOverlay {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  pointer-events: none;
+  background:
+    linear-gradient(
+      110deg,
+      transparent 0%,
+      color-mix(in srgb, var(--dt-accent) 10%, transparent) 40%,
+      color-mix(in srgb, white 14%, transparent) 50%,
+      color-mix(in srgb, var(--dt-accent) 10%, transparent) 60%,
+      transparent 100%);
+  background-size: 220% 100%;
+  animation: HtmlViewport_viewportShimmer 1.8s ease-in-out infinite;
+}
+@keyframes HtmlViewport_viewportShimmer {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+
+/* src/components/BridgeConfirmDialog.module.css */
+.BridgeConfirmDialog_dialogOverlay {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: color-mix(in oklab, var(--dt-overlay) 78%, transparent);
+}
+.BridgeConfirmDialog_dialogCard {
+  width: min(520px, calc(100vw - 32px));
+  padding: 20px;
+  border: 1px solid var(--dt-border-strong);
+  border-radius: 16px;
+  background: var(--dt-surface);
+  box-shadow: 0 24px 60px var(--dt-shadow-color);
+}
+.BridgeConfirmDialog_dialogHeader {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  margin-bottom: 16px;
+}
+.BridgeConfirmDialog_dialogIcon {
+  display: inline-flex;
+  width: 32px;
+  height: 32px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 999px;
+  background: var(--dt-warning-subtle);
+  color: var(--dt-warning);
+  font-size: 18px;
+}
+.BridgeConfirmDialog_dialogTitle {
+  color: var(--dt-text);
+  font-size: 16px;
+  font-weight: 600;
+}
+.BridgeConfirmDialog_dialogSubtitle {
+  margin-top: 2px;
+  color: var(--dt-text-secondary);
+  font-size: 13px;
+}
+.BridgeConfirmDialog_dialogLabel {
+  margin-top: 12px;
+  margin-bottom: 6px;
+  color: var(--dt-text-muted);
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+.BridgeConfirmDialog_dialogCode {
+  overflow-wrap: anywhere;
+  padding: 10px 12px;
+  border: 1px solid var(--dt-border-subtle);
+  border-radius: 10px;
+  background: var(--dt-bg-subtle);
+  color: var(--dt-text);
+  font-family: var(--font-mono);
+  font-size: 12px;
+  line-height: 1.5;
+}
+.BridgeConfirmDialog_dialogRisk {
+  margin-top: 14px;
+  color: var(--dt-text-secondary);
+  font-size: 13px;
+  line-height: 1.5;
+}
+.BridgeConfirmDialog_dialogActions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  margin-top: 18px;
+}
+.BridgeConfirmDialog_dialogCancelButton,
+.BridgeConfirmDialog_dialogConfirmButton {
+  border-radius: 10px;
+  padding: 9px 14px;
+  font: inherit;
+  cursor: pointer;
+}
+.BridgeConfirmDialog_dialogCancelButton {
+  border: 1px solid var(--dt-border);
+  background: var(--dt-surface);
+  color: var(--dt-text);
+}
+.BridgeConfirmDialog_dialogConfirmButton {
+  border: 1px solid var(--dt-warning);
+  background: var(--dt-warning);
+  color: var(--dt-text-on-accent);
+  font-weight: 600;
+}
+
+/* src/components/HtmlPreviewPane.module.css */
+.HtmlPreviewPane_emptyState {
+  display: flex;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+  color: var(--dt-text-muted);
+  font-size: 14px;
+}
+.HtmlPreviewPane_errorState {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  color: var(--dt-text-muted);
+  font-size: 14px;
+}
+.HtmlPreviewPane_errorIcon {
+  font-size: 32px;
+  opacity: 0.5;
+}
+
+/* src/PreviewApp.module.css */
+.PreviewApp_root {
+  display: flex;
+  height: 100%;
+  min-height: 0;
+  flex-direction: column;
+  overflow: hidden;
+  background: var(--dt-window-body);
+  color: var(--dt-text);
+  font-family: var(--font-sans);
+}
+.PreviewApp_imageViewportWrap {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+.PreviewApp_emptyState {
+  display: flex;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+  color: var(--dt-text-muted);
+  font-size: 14px;
+}
+.PreviewApp_errorState {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  color: var(--dt-text-muted);
+  font-size: 14px;
+}
+.PreviewApp_errorIcon {
+  font-size: 32px;
+  opacity: 0.5;
+}
+/*# sourceMappingURL=frontend.css.map */
+`,document.head.appendChild(e)})();var S=window.React,ce=S;S.Children;S.Component;S.Fragment;S.Profiler;S.PureComponent;S.StrictMode;S.Suspense;S.cloneElement;S.createContext;S.createElement;S.createRef;var Fe=S.forwardRef;S.isValidElement;S.lazy;S.memo;S.startTransition;var c=S.useCallback;S.useContext;S.useDebugValue;S.useDeferredValue;var L=S.useEffect;S.useId;var $e=S.useImperativeHandle;S.useInsertionEffect;S.useLayoutEffect;var ge=S.useMemo;S.useReducer;var W=S.useRef,$=S.useState;S.useSyncExternalStore;S.useTransition;S.version;var Ce=window.ReactDOM,We=Ce.createRoot;Ce.hydrateRoot;var we=t=>{let e;const n=new Set,r=(p,f)=>{const x=typeof p=="function"?p(e):p;if(!Object.is(x,e)){const A=e;e=f??(typeof x!="object"||x===null)?x:Object.assign({},e,x),n.forEach(D=>D(e,A))}},s=()=>e,w={setState:r,getState:s,getInitialState:()=>B,subscribe:p=>(n.add(p),()=>n.delete(p))},B=e=t(r,s,w);return w},Ge=t=>t?we(t):we,Ue=t=>t;function le(t,e=Ue){const n=ce.useSyncExternalStore(t.subscribe,ce.useCallback(()=>e(t.getState()),[t,e]),ce.useCallback(()=>e(t.getInitialState()),[t,e]));return ce.useDebugValue(n),n}var T={toolbar:"PreviewToolbar_toolbar",toolbarGroup:"PreviewToolbar_toolbarGroup",toolBtn:"PreviewToolbar_toolBtn",filename:"PreviewToolbar_filename",zoomIndicator:"PreviewToolbar_zoomIndicator",browserNavGroup:"PreviewToolbar_browserNavGroup",browserNavBtn:"PreviewToolbar_browserNavBtn",browserActionSpacer:"PreviewToolbar_browserActionSpacer",addressBar:"PreviewToolbar_addressBar",lockIcon:"PreviewToolbar_lockIcon",addressText:"PreviewToolbar_addressText",streamingIndicator:"PreviewToolbar_streamingIndicator",streamingDot:"PreviewToolbar_streamingDot"},ue=window.__desktalk_jsx_runtime,i=ue.jsx,O=ue.jsxs;ue.jsxDEV;var me=ue.Fragment;function he({filename:t,filepath:e,mode:n,zoomPercent:r,canGoPrev:s,canGoNext:b,onZoomIn:_,onZoomOut:w,onFitToWindow:B,onActualSize:p,onPrevious:f,onNext:x,streaming:A,onRefreshFromFile:D,onEditSource:a}){return n==="html"||n==="stream"?O("div",{className:T.toolbar,children:[i("div",{className:T.browserNavGroup,children:!A&&D?i("button",{className:T.browserNavBtn,onClick:D,title:"Refresh","aria-label":"Refresh",children:O("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[i("polyline",{points:"23 4 23 10 17 10"}),i("path",{d:"M20.49 15a9 9 0 1 1-2.12-9.36L23 10"})]})}):i("button",{className:T.browserNavBtn,disabled:!0,"aria-hidden":"true",children:O("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[i("polyline",{points:"23 4 23 10 17 10"}),i("path",{d:"M20.49 15a9 9 0 1 1-2.12-9.36L23 10"})]})})}),i("div",{className:T.addressBar,children:A?O("div",{className:T.streamingIndicator,children:[i("span",{className:T.streamingDot}),i("span",{children:"Streaming..."})]}):O(me,{children:[O("svg",{className:T.lockIcon,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[i("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2",ry:"2"}),i("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),O("span",{className:T.addressText,title:e||t,children:["file://",ze(e||t)]})]})}),i("div",{className:T.browserNavGroup,children:a&&!A?i("button",{className:T.browserNavBtn,onClick:a,title:"Edit in TextEdit","aria-label":"Edit in TextEdit",children:O("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[i("path",{d:"M12 20h9"}),i("path",{d:"M16.5 3.5a2.12 2.12 0 1 1 3 3L7 19l-4 1 1-4Z"})]})}):i("div",{className:T.browserActionSpacer,"aria-hidden":"true"})})]}):O("div",{className:T.toolbar,children:[O("div",{className:T.toolbarGroup,children:[i("button",{className:T.toolBtn,onClick:f,disabled:!s,title:"Previous image",children:"◀"}),i("button",{className:T.toolBtn,onClick:x,disabled:!b,title:"Next image",children:"▶"})]}),i("span",{className:T.filename,title:t,children:t}),O("div",{className:T.toolbarGroup,children:[i("button",{className:T.toolBtn,onClick:w,title:"Zoom out",children:"−"}),O("span",{className:T.zoomIndicator,children:[r??100,"%"]}),i("button",{className:T.toolBtn,onClick:_,title:"Zoom in",children:"+"}),i("button",{className:T.toolBtn,onClick:B,title:"Fit to window",children:"⤢"}),i("button",{className:T.toolBtn,onClick:p,title:"Actual size (1:1)",children:"1:1"})]})]})}var ke={viewport:"ImageViewport_viewport",image:"ImageViewport_image"},re=50;function Ze({dataUrl:t,zoom:e,onZoomChange:n}){const r=W(null),[s,b]=$(0),[_,w]=$(0),[B,p]=$(!1),f=W({x:0,y:0,panX:0,panY:0});L(()=>{b(0),w(0)},[t]);const x=c(l=>{l.preventDefault();const u=l.deltaY>0?-.1:.1,I=Math.max(.1,Math.min(10,e+u));n(I)},[e,n]);L(()=>{const l=r.current;if(l)return l.addEventListener("wheel",x,{passive:!1}),()=>l.removeEventListener("wheel",x)},[x]);const A=c(l=>{l.button===0&&(p(!0),f.current={x:l.clientX,y:l.clientY,panX:s,panY:_})},[s,_]),D=c(l=>{if(!B)return;const u=l.clientX-f.current.x,I=l.clientY-f.current.y;b(f.current.panX+u),w(f.current.panY+I)},[B]),a=c(()=>{p(!1)},[]);L(()=>{const l=r.current;if(!l)return;const u=I=>{switch(I.key){case"ArrowUp":I.preventDefault(),w(E=>E+re);break;case"ArrowDown":I.preventDefault(),w(E=>E-re);break;case"ArrowLeft":I.preventDefault(),b(E=>E+re);break;case"ArrowRight":I.preventDefault(),b(E=>E-re);break}};return l.addEventListener("keydown",u),()=>l.removeEventListener("keydown",u)},[]);const g=c(l=>{switch(l){case"up":w(u=>u+re);break;case"down":w(u=>u-re);break;case"left":b(u=>u+re);break;case"right":b(u=>u-re);break}},[]);return L(()=>{const l=r.current;l&&(l.panInDirection=g)},[g]),i("div",{ref:r,className:ke.viewport,onMouseDown:A,onMouseMove:D,onMouseUp:a,onMouseLeave:a,tabIndex:0,style:{cursor:B?"grabbing":"grab"},children:i("img",{className:ke.image,src:t,alt:"",draggable:!1,style:{transform:`translate(${s}px, ${_}px) scale(${e})`}})})}var pe={viewportContainer:"HtmlViewport_viewportContainer",htmlViewport:"HtmlViewport_htmlViewport",shimmerOverlay:"HtmlViewport_shimmerOverlay"},be="#f7f7fa",ye="#101114",Ee=Fe(function({html:e,src:n,streaming:r,onBridgeRequest:s,onInvokeActionResult:b,onLoad:_,theme:w},B){const p=W(null),f=W(0),x=W(!1),A=W(!!r),D=c(()=>{const a=p.current;if(!a||!w)return;const g=w.mode==="dark"?ye:be;a.style.backgroundColor=g;const l=a.contentDocument;l?.documentElement&&(l.documentElement.dataset.theme=w.mode,l.documentElement.style.colorScheme=w.mode,l.documentElement.style.backgroundColor=g),l?.body&&(l.body.style.backgroundColor=g);const u={type:"desktalk:theme-update",accentColor:w.accentColor,mode:w.mode};a.contentWindow?.postMessage(u,"*")},[w]);return $e(B,()=>({postInvokeAction(a){p.current?.contentWindow?.postMessage(a,"*")}}),[]),L(()=>{if(!s&&!b)return;const a=g=>{const l=p.current;if(!l||g.source!==l.contentWindow)return;const u=g.data;if(u){if(u.type==="desktalk:bridge-request"){if(!s)return;s(u,I=>{l.contentWindow?.postMessage(I,"*")});return}u.type==="desktalk:invoke-action-result"&&b?.(u)}};return window.addEventListener("message",a),()=>window.removeEventListener("message",a)},[s,b]),L(()=>{D()},[D]),L(()=>{if(n){p.current?.contentDocument?.close(),f.current=0,x.current=!1,A.current=!1;return}if(e===void 0)return;const a=p.current;if(!a)return;const g=a.contentDocument;if(!g)return;const l=A.current;if(A.current=!!r,!r){if(l&&x.current){const I=e.slice(f.current);I.length>0&&(g.write(I),f.current=e.length),g.close(),x.current=!1;return}g.open(),g.write(e),g.close(),f.current=e.length,x.current=!1;return}x.current||(g.open(),x.current=!0,f.current=0);const u=e.slice(f.current);u.length>0&&(g.write(u),f.current=e.length)},[e,n,r]),O("div",{className:pe.viewportContainer,children:[r?i("div",{className:pe.shimmerOverlay,"aria-hidden":"true"}):null,i("iframe",{ref:p,className:pe.htmlViewport,sandbox:r?"allow-same-origin":"allow-scripts allow-same-origin",title:"HTML Preview",src:n,onLoad:()=>{D(),_?.()},style:{backgroundColor:w?.mode==="dark"?ye:be}})]})});function ae(t){return t?t.replace(/\\/g,"/"):null}function Ye(t,e){const r=(ae(t)??t).split("/").filter(Boolean).map(_=>encodeURIComponent(_)).join("/"),s=new URLSearchParams;e?.streamId&&s.set("streamId",e.streamId),e?.token&&s.set("token",e.token),e?.accentColor&&s.set("accent",e.accentColor),e?.theme&&s.set("theme",e.theme),e?.cacheBust&&s.set("t",e.cacheBust);const b=s.toString();return b?`/@dtfs/${r}?${b}`:`/@dtfs/${r}`}function Xe(t){const e=ae(t);return e?e===".data/liveapps"||e.startsWith(".data/liveapps/"):!1}function Ie(t,e){const n=ae(t),r=ae(e);return!n||!r?!1:n===r||n.endsWith(`/${r}`)}var U={dialogOverlay:"BridgeConfirmDialog_dialogOverlay",dialogCard:"BridgeConfirmDialog_dialogCard",dialogHeader:"BridgeConfirmDialog_dialogHeader",dialogIcon:"BridgeConfirmDialog_dialogIcon",dialogTitle:"BridgeConfirmDialog_dialogTitle",dialogSubtitle:"BridgeConfirmDialog_dialogSubtitle",dialogLabel:"BridgeConfirmDialog_dialogLabel",dialogCode:"BridgeConfirmDialog_dialogCode",dialogRisk:"BridgeConfirmDialog_dialogRisk",dialogActions:"BridgeConfirmDialog_dialogActions",dialogCancelButton:"BridgeConfirmDialog_dialogCancelButton",dialogConfirmButton:"BridgeConfirmDialog_dialogConfirmButton"};function Ae({command:t,cwd:e,risk:n,onConfirm:r,onCancel:s}){return i("div",{className:U.dialogOverlay,onClick:s,children:O("div",{className:U.dialogCard,onClick:b=>b.stopPropagation(),children:[O("div",{className:U.dialogHeader,children:[i("span",{className:U.dialogIcon,children:"⚠"}),O("div",{children:[i("div",{className:U.dialogTitle,children:"Confirm command execution"}),i("div",{className:U.dialogSubtitle,children:"This generated page is requesting a risky command."})]})]}),i("div",{className:U.dialogLabel,children:"Command"}),i("div",{className:U.dialogCode,children:t}),i("div",{className:U.dialogLabel,children:"Working directory"}),i("div",{className:U.dialogCode,children:e}),i("div",{className:U.dialogRisk,children:n}),O("div",{className:U.dialogActions,children:[i("button",{type:"button",className:U.dialogCancelButton,onClick:s,children:"Cancel"}),i("button",{type:"button",className:U.dialogConfirmButton,onClick:r,children:"Run command"})]})]})})}var Ke={emptyState:"HtmlPreviewPane_emptyState"};function Je(t){let e,n=null,r=!1;if(window.dispatchEvent(new CustomEvent("desktalk:bridge:get-state",{detail:{selector:t,resolve:s=>{r=!0,e=s},reject:s=>{n=new Error(s)}}})),n)throw n;if(!r)throw new Error("DeskTalk core state bridge is unavailable.");return e}function Qe(t){const e=ae(t);return e?e.split("/").filter(Boolean).at(-1)??e:null}function et({initialPath:t,liveAppId:e,bridgeToken:n,theme:r,onActionStateChange:s,onLiveAppActionsChange:b,onLiveAppActionInvokerChange:_}){const w=_e(),B=je(),p=W(null),f=W(new Map),x=W(new Map),[A,D]=$(0),[a,g]=$(null),l=F("preview.bridge.registerSession"),u=F("preview.bridge.exec"),I=F("preview.bridge.exec.confirm"),E=F("preview.bridge.storage"),Z=F("preview.bridge.request"),M=ae(t),j=ge(()=>Qe(t),[t]),C=!!(e&&n&&Xe(t)),z=!!(C&&M),R=c(()=>{b(Array.from(f.current.values()))},[b]),q=c(d=>{for(const N of x.current.values())clearTimeout(N.timeout),N.reject(new Error(d));x.current.clear()},[]),V=c(()=>{f.current.clear(),R()},[R]),te=ge(()=>M?Ye(M,{streamId:C?e:void 0,token:C?n:void 0,accentColor:C?r.accentColor:void 0,theme:C?r.mode:void 0,cacheBust:A>0?String(A):void 0}):null,[n,e,M,A,C,r]);de("preview.file-changed",d=>{Ie(d.filePath,M)&&(V(),q("LiveApp reloaded before the action completed."),D(Date.now()))}),L(()=>{!C||!e||!n||l({streamId:e,token:n}).catch(d=>{console.error("Failed to register preview bridge session:",d)})},[n,e,l,C]);const ee=c(d=>{switch(d.selector){case"desktop.summary":case"desktop.windows":case"desktop.focusedWindow":case"theme.current":return Je(d.selector);case"preview.context":return{windowId:w,mode:"html",liveAppId:e,title:j,path:M};default:throw new Error(`Unsupported DeskTalk bridge selector: ${String(d.selector)}`)}},[j,e,M,w]),K=c((d,N)=>{if(!C||!e||!n)return Promise.reject(new Error("DeskTalk LiveApp actions are unavailable."));if(!p.current)return Promise.reject(new Error("LiveApp viewport is not ready."));const P=`liveapp-action-${Date.now()}-${Math.random().toString(36).slice(2,10)}`;return new Promise((m,o)=>{const y=setTimeout(()=>{x.current.delete(P),o(new Error(`LiveApp action "${d}" timed out.`))},1e4);x.current.set(P,{resolve:m,reject:o,timeout:y}),p.current?.postInvokeAction({type:"desktalk:invoke-action",streamId:e,token:n,requestId:P,actionName:d,params:N??null})})},[n,e,C]);L(()=>{if(!C){_(null),b([]);return}return _(K),()=>{_(null)}},[K,_,b,C]),L(()=>()=>{q("LiveApp action invocation was interrupted."),V(),_(null)},[V,_,q]);const Y=c(d=>{if(!C||d.streamId!==e||d.token!==n)return;const N=x.current.get(d.requestId);if(N){if(clearTimeout(N.timeout),x.current.delete(d.requestId),d.ok){N.resolve(d.result);return}N.reject(new Error(d.error||"LiveApp action failed."))}},[n,e,C]),G=c(()=>{C&&(V(),q("LiveApp reloaded before the action completed."))},[V,q,C]),J=c((d,N)=>{const P=m=>{N({type:"desktalk:bridge-response",streamId:d.streamId,token:d.token,requestId:d.requestId,...m})};if(!C||!e||!n){P({ok:!1,error:"DeskTalk bridge is only available for LiveApps."});return}if(d.streamId!==e||d.token!==n){P({ok:!1,error:"DeskTalk bridge token mismatch."});return}if(d.kind==="getState"){try{P({ok:!0,result:ee(d.payload)})}catch(m){P({ok:!1,error:m.message})}return}if(d.kind==="storage"){E({streamId:e,token:n,liveAppId:e,request:d.payload}).then(m=>{P({ok:!0,result:m})}).catch(m=>{P({ok:!1,error:m.message})});return}if(d.kind==="request"){Z({streamId:e,token:n,request:d.payload}).then(m=>{P({ok:!0,result:m})}).catch(m=>{P({ok:!1,error:m.message})});return}if(d.kind==="actions"){const m=d.payload;if(m.action==="register"){f.current.set(m.name,{name:m.name,description:m.description,params:m.params}),R(),P({ok:!0,result:{ok:!0}});return}if(m.action==="unregister"){f.current.delete(m.name),R(),P({ok:!0,result:{ok:!0}});return}if(m.action==="clear"){V(),P({ok:!0,result:{ok:!0}});return}P({ok:!1,error:"Unsupported DeskTalk actions request."});return}if(d.kind!=="exec"){P({ok:!1,error:`Unsupported DeskTalk bridge request: ${d.kind}`});return}if(a){P({ok:!1,error:"A command confirmation is already waiting for user input."});return}u({...d.payload,streamId:e,token:n}).then(m=>{if(m.status==="completed"){P({ok:!0,result:m.result});return}if(m.status==="requires_confirmation"){g({confirmationRequestId:m.requestId,bridgeRequestId:d.requestId,commandPreview:m.commandPreview,cwd:m.cwd,reason:m.reason,respond:N});return}P({ok:!1,error:m.reason})}).catch(m=>{P({ok:!1,error:m.message})})},[n,u,e,a,Z,R,V,ee,C,E]),ne=c(async d=>{if(!a||!n||!e)return;const N=a.respond,P=a.bridgeRequestId,m=a.confirmationRequestId;g(null);try{const o=await I({requestId:m,confirmed:d});N({type:"desktalk:bridge-response",streamId:e,token:n,requestId:P,ok:o.status==="completed",result:o.status==="completed"?o.result:void 0,error:o.status==="completed"?void 0:o.reason})}catch(o){N({type:"desktalk:bridge-response",streamId:e,token:n,requestId:P,ok:!1,error:o.message})}},[n,I,e,a]),ie=c(()=>{!M||!C||B("text-edit",{path:M})},[M,B,C]);return L(()=>{s({mode:"html",streaming:!1,file:M&&j?{name:j,path:M,kind:"html"}:null})},[j,M,s]),te&&j?O(me,{children:[i(he,{filename:j,filepath:M??void 0,mode:"html",onEditSource:z?ie:void 0}),i(Ee,{ref:p,src:te,theme:r,onBridgeRequest:C?J:void 0,onInvokeActionResult:C?Y:void 0,onLoad:C?G:void 0}),a?i(Ae,{command:a.commandPreview,cwd:a.cwd,risk:a.reason,onConfirm:()=>{ne(!0)},onCancel:()=>{ne(!1)}}):null]}):i("div",{className:Ke.emptyState,children:"Loading HTML..."})}function tt({children:t,state:e,onFileOpened:n,onZoomIn:r,onZoomOut:s,onFitToWindow:b,onActualSize:_,onPan:w,onPrevious:B,onNext:p,liveAppActions:f,onInvokeLiveAppAction:x}){const A=F("preview.open"),D=c(async z=>{const R=z?.path;if(!R)return{error:"path parameter is required"};const q=await A({path:R});return n(q),q},[A,n]),a=c(async()=>e,[e]),g=c(async()=>{r()},[r]),l=c(async()=>{s()},[s]),u=c(async()=>{b()},[b]),I=c(async()=>{_()},[_]),E=c(async z=>{const R=z?.direction;if(!R)return{error:"direction parameter is required"};w(R)},[w]),Z=c(async()=>{B()},[B]),M=c(async()=>{p()},[p]),j=e.mode==="image",C=ge(()=>{const z=[{name:"Get State",description:"Get the current preview mode and opened file",handler:a},{name:"Open File",description:"Open an image or HTML file for preview",params:{path:{type:"string",description:"Path to the file",required:!0}},handler:D}];j&&z.push({name:"Zoom In",description:"Increase zoom level by one step",handler:g},{name:"Zoom Out",description:"Decrease zoom level by one step",handler:l},{name:"Fit to Window",description:"Scale image to fit the viewport",handler:u},{name:"Actual Size",description:"Display image at 1:1 pixel ratio",handler:I},{name:"Pan",description:"Pan the viewport in a direction",params:{direction:{type:"string",description:'Direction to pan: "up", "down", "left", or "right"',required:!0}},handler:E},{name:"Previous File",description:"Navigate to previous image in directory",handler:Z},{name:"Next File",description:"Navigate to next image in directory",handler:M});const R=new Map;for(const q of z)R.set(q.name,q);for(const q of f)R.set(q.name,{...q,handler:async V=>x(q.name,V)});return Array.from(R.values())},[I,u,a,M,D,E,Z,g,l,j,f,x]);return O(qe,{children:[C.map(z=>i(He,{name:z.name,description:z.description,params:z.params,handler:z.handler},z.name)),t]})}var nt=/\s*<link\b[^>]*\bdata-dt-theme\b[^>]*>\s*/gi,rt=/\s*<script\b[^>]*\bdata-dt-theme-sync\b[^>]*>[\s\S]*?<\/script>\s*/gi,ot=/\s*<script\b[^>]*\bdata-dt-ui\b[^>]*><\/script>\s*/gi,it=/\s*<script\b[^>]*\bdata-dt-bridge\b[^>]*>[\s\S]*?<\/script>\s*/gi,at=/^\s*<!DOCTYPE html><html><head>\s*(?=<!DOCTYPE html>)/i;function st(t){return t.replace(nt,`
+`).replace(rt,`
+`).replace(ot,`
+`).replace(it,`
+`).replace(at,"").trimStart()}var lt='<script src="/api/ui/desktalk-ui.js" data-dt-ui><\/script>';function ct(t,e){return`<link rel="stylesheet" href="/api/ui/desktalk-theme.css?${new URLSearchParams({accent:t,theme:e}).toString()}" data-dt-theme>`}function dt(t,e){return`<script data-dt-theme-sync>
+(() => {
+  const THEME_MESSAGE = 'desktalk:theme-update';
+  const THEME_SELECTOR = 'link[data-dt-theme]';
+  const updateTheme = (nextAccent, nextMode) => {
+    const params = new URLSearchParams({ accent: nextAccent, theme: nextMode });
+    const href = '/api/ui/desktalk-theme.css?' + params.toString();
+    let link = document.querySelector(THEME_SELECTOR);
+    if (!link) {
+      link = document.createElement('link');
+      link.rel = 'stylesheet';
+      link.setAttribute('data-dt-theme', '');
+      document.head.prepend(link);
+    }
+    link.href = href;
+    document.documentElement.dataset.theme = nextMode;
+    document.documentElement.style.colorScheme = nextMode;
+    document.documentElement.style.backgroundColor = nextMode === 'dark' ? '#101114' : '#f7f7fa';
+    document.body?.style.setProperty('background-color', nextMode === 'dark' ? '#101114' : '#f7f7fa');
+  };
+  updateTheme(${JSON.stringify(t)}, ${JSON.stringify(e)});
+  window.addEventListener('message', (event) => {
+    const data = event.data;
+    if (!data || data.type !== THEME_MESSAGE) return;
+    updateTheme(data.accentColor, data.mode === 'light' ? 'light' : 'dark');
+  });
+})();
+<\/script>`}function ut(t,e){const n=t.match(/<head(\s[^>]*)?>|<head>/i);if(n&&n.index!==void 0){const r=n.index+n[0].length;return t.slice(0,r)+`
+`+e+`
+`+t.slice(r)}return e+`
+`+t}function fe(t,e){const n=st(t),r=[ct(e.theme.accentColor,e.theme.mode),dt(e.theme.accentColor,e.theme.mode),lt,Ve(e.streamId,e.bridgeToken)].join(`
+`);return ut(n,r)}function mt(t){return t.trim().toLowerCase().replace(/\s+/g,"-").replace(/[^a-z0-9._-]/g,"")||"preview"}function pt(t,e){return`${mt(e)}_${t}`}function ft(t){let e,n=null,r=!1;if(window.dispatchEvent(new CustomEvent("desktalk:bridge:get-state",{detail:{selector:t,resolve:s=>{r=!0,e=s},reject:s=>{n=new Error(s)}}})),n)throw n;if(!r)throw new Error("DeskTalk core state bridge is unavailable.");return e}function gt({previewStore:t,streamId:e,streamTitle:n,bridgeToken:r,theme:s,onActionStateChange:b,onLiveAppActionsChange:_,onLiveAppActionInvokerChange:w}){const B=_e(),p=le(t,o=>o.streaming),f=W(null),[x,A]=$(""),[D,a]=$(null),[g,l]=$(null),u=W(x),I=W(new Map),E=W(new Map),Z=F("preview.stream.load-html"),M=F("preview.stream.save-html"),j=F("preview.bridge.registerSession"),C=F("preview.bridge.exec"),z=F("preview.bridge.exec.confirm"),R=F("preview.bridge.storage"),q=F("preview.bridge.request"),V=pt(e,n),te=c(()=>{t.getState().switchToHtmlMode(`.data/liveapps/${V}/index.html`,V)},[V,t]),ee=c(o=>{t.getState().setStreaming(o)},[t]),K=c(()=>{_(Array.from(I.current.values()))},[_]),Y=c(o=>{for(const y of E.current.values())clearTimeout(y.timeout),y.reject(new Error(o));E.current.clear()},[]),G=c(()=>{I.current.clear(),K()},[K]);L(()=>{u.current=x},[x]),L(()=>{b({mode:"stream",streaming:p,file:{name:D?.name??n,path:D?.path??null,kind:"stream"}})},[b,D,n,p]),de("preview.file-changed",o=>{if(!Ie(o.filePath,D?.path))return;G(),Y("LiveApp reloaded before the action completed.");const y=r?fe(o.content,{theme:s,streamId:e,bridgeToken:r}):o.content;A(y),u.current=y,ee(!1),a(h=>h&&{...h,content:o.content}),te()}),de("preview.html-chunk",o=>{o.streamId===e&&A(y=>{const h=y+o.chunk;return u.current=h,h})}),de("preview.html-done",o=>{if(o.streamId!==e)return;G(),Y("LiveApp reloaded before the action completed."),ee(!1);const y=typeof o.html=="string"?o.html:u.current;M({streamId:e,title:n,content:y}).then(h=>{a(h),te()}).catch(h=>{console.error("Failed to save LiveApp HTML:",h)})}),L(()=>{let o=!1;return Z({streamId:e,title:n}).then(y=>{if(o||!y)return;G(),Y("LiveApp reloaded before the action completed.");const h=r?fe(y.content,{theme:s,streamId:e,bridgeToken:r}):y.content;A(h),u.current=h,a(y),ee(!1),te()}).catch(y=>{o||console.error("Failed to load LiveApp HTML snapshot:",y)}),()=>{o=!0}},[r,Z,ee,e,n,te,s]),L(()=>{if(!r){w(null),_([]);return}j({streamId:e,token:r}).catch(o=>{console.error("Failed to register preview bridge session:",o)})},[r,w,_,j,e]);const J=c(o=>{switch(o.selector){case"desktop.summary":case"desktop.windows":case"desktop.focusedWindow":case"theme.current":return ft(o.selector);case"preview.context":return{windowId:B,mode:"stream",streamId:e,title:n,path:null};default:throw new Error(`Unsupported DeskTalk bridge selector: ${String(o.selector)}`)}},[e,n,B]),ne=c((o,y)=>{if(!r)return Promise.reject(new Error("DeskTalk LiveApp actions are unavailable."));if(!f.current)return Promise.reject(new Error("LiveApp viewport is not ready."));const h=`liveapp-action-${Date.now()}-${Math.random().toString(36).slice(2,10)}`;return new Promise((k,oe)=>{const X=setTimeout(()=>{E.current.delete(h),oe(new Error(`LiveApp action "${o}" timed out.`))},1e4);E.current.set(h,{resolve:k,reject:oe,timeout:X}),f.current?.postInvokeAction({type:"desktalk:invoke-action",streamId:e,token:r,requestId:h,actionName:o,params:y??null})})},[r,e]);L(()=>{if(r)return w(ne),()=>{w(null)}},[r,ne,w]),L(()=>()=>{Y("LiveApp action invocation was interrupted."),G(),w(null)},[G,w,Y]);const ie=c(o=>{if(!r||o.streamId!==e||o.token!==r)return;const y=E.current.get(o.requestId);if(y){if(clearTimeout(y.timeout),E.current.delete(o.requestId),o.ok){y.resolve(o.result);return}y.reject(new Error(o.error||"LiveApp action failed."))}},[r,e]),d=c(()=>{r&&(G(),Y("LiveApp reloaded before the action completed."))},[r,G,Y]),N=c((o,y)=>{const h=k=>{y({type:"desktalk:bridge-response",streamId:o.streamId,token:o.token,requestId:o.requestId,...k})};if(!r){h({ok:!1,error:"DeskTalk bridge is only available for generated HTML previews."});return}if(o.streamId!==e||o.token!==r){h({ok:!1,error:"DeskTalk bridge token mismatch."});return}if(o.kind==="getState"){try{h({ok:!0,result:J(o.payload)})}catch(k){h({ok:!1,error:k.message})}return}if(o.kind==="storage"){R({streamId:e,token:r,liveAppId:V,request:o.payload}).then(k=>{h({ok:!0,result:k})}).catch(k=>{h({ok:!1,error:k.message})});return}if(o.kind==="request"){q({streamId:e,token:r,request:o.payload}).then(k=>{h({ok:!0,result:k})}).catch(k=>{h({ok:!1,error:k.message})});return}if(o.kind==="actions"){const k=o.payload;if(k.action==="register"){I.current.set(k.name,{name:k.name,description:k.description,params:k.params}),K(),h({ok:!0,result:{ok:!0}});return}if(k.action==="unregister"){I.current.delete(k.name),K(),h({ok:!0,result:{ok:!0}});return}if(k.action==="clear"){G(),h({ok:!0,result:{ok:!0}});return}h({ok:!1,error:"Unsupported DeskTalk actions request."});return}if(o.kind!=="exec"){h({ok:!1,error:`Unsupported DeskTalk bridge request: ${o.kind}`});return}if(g){h({ok:!1,error:"A command confirmation is already waiting for user input."});return}C({...o.payload,streamId:e,token:r}).then(k=>{if(k.status==="completed"){h({ok:!0,result:k.result});return}if(k.status==="requires_confirmation"){l({confirmationRequestId:k.requestId,bridgeRequestId:o.requestId,commandPreview:k.commandPreview,cwd:k.cwd,reason:k.reason,respond:y});return}h({ok:!1,error:k.reason})}).catch(k=>{h({ok:!1,error:k.message})})},[r,C,V,g,q,K,G,J,R,e]),P=c(async o=>{if(!g||!r)return;const y=g.respond,h=g.bridgeRequestId,k=r,oe=g.confirmationRequestId;l(null);try{const X=await z({requestId:oe,confirmed:o});y({type:"desktalk:bridge-response",streamId:e,token:k,requestId:h,ok:X.status==="completed",result:X.status==="completed"?X.result:void 0,error:X.status==="completed"?void 0:X.reason})}catch(X){y({type:"desktalk:bridge-response",streamId:e,token:k,requestId:h,ok:!1,error:X.message})}},[r,z,g,e]),m=c(()=>{Z({streamId:e,title:n}).then(o=>{if(!o)throw new Error("Saved LiveApp HTML file was not found.");const y=r?fe(o.content,{theme:s,streamId:e,bridgeToken:r}):o.content;A(y),u.current=y,a(o)}).catch(o=>{console.error("Failed to refresh LiveApp HTML from file:",o)})},[r,Z,e,n,s]);return O(me,{children:[i(he,{filename:n,filepath:D?.path,mode:"stream",streaming:p,onRefreshFromFile:!p&&D?m:void 0}),i(Ee,{ref:f,html:x,streaming:p,theme:s,onBridgeRequest:N,onInvokeActionResult:ie,onLoad:d}),g?i(Ae,{command:g.commandPreview,cwd:g.cwd,risk:g.reason,onConfirm:()=>{P(!0)},onCancel:()=>{P(!1)}}):null]})}function ht(t,e=null,n=null){return Ge(r=>({mode:t,streaming:t==="stream",resolvedHtmlPath:t==="html"?e:null,resolvedLiveAppId:t==="html"?n:null,setStreaming(s){r({streaming:s})},switchToHtmlMode(s,b){r({mode:"html",streaming:!1,resolvedHtmlPath:s,resolvedLiveAppId:b??null})}}))}var se={root:"PreviewApp_root",imageViewportWrap:"PreviewApp_imageViewportWrap",emptyState:"PreviewApp_emptyState",errorState:"PreviewApp_errorState",errorIcon:"PreviewApp_errorIcon"},xe=.25,Se=.1,Pe=10;function vt(t){if(t?.streamId&&typeof t.streamId=="string")return"stream";if(typeof t?.path=="string"){const e=t.path.toLowerCase();if(e.endsWith(".html")||e.endsWith(".htm"))return"html"}return"image"}function wt({initialPath:t,initialMode:e,liveAppId:n,streamId:r,streamTitle:s,bridgeToken:b,theme:_,windowId:w}){const B=W(null);B.current||(B.current=ht(e,t??null,n??null));const p=B.current,f=le(p,v=>v.mode),x=le(p,v=>v.streaming),A=le(p,v=>v.resolvedHtmlPath),D=le(p,v=>v.resolvedLiveAppId),[a,g]=$(null),[l,u]=$(null),[I,E]=$(1),[Z,M]=$(null),j=W(null),C=W(null),[z,R]=$({mode:"html",streaming:!1,file:null}),[q,V]=$({mode:"stream",streaming:e==="stream",file:s?{name:s,path:null,kind:"stream"}:null}),[te,ee]=$([]),[K,Y]=$(_);L(()=>{Y(_)},[_]),L(()=>{const v=H=>{const Q=H.detail;!Q||Q.windowId!==w||Q.miniAppId!=="preview"||Y({accentColor:Q.theme.accentColor,mode:Q.theme.mode==="light"?"light":"dark"})};return window.addEventListener("desktalk:theme-update",v),()=>window.removeEventListener("desktalk:theme-update",v)},[w]);const G=F("preview.open"),J=F("preview.siblings"),ne=F("preview.next"),ie=F("preview.previous"),d=c(v=>{M(null),g(v),E(1),J({path:v.path}).then(u).catch(console.error)},[J]);L(()=>{t&&f==="image"&&G({path:t}).then(d).catch(console.error)},[d,t,f,G]);const N=c(()=>{E(v=>Math.min(Pe,v+xe))},[]),P=c(()=>{E(v=>Math.max(Se,v-xe))},[]),m=c(()=>{if(!a||!j.current){E(1);return}const H=j.current.getBoundingClientRect(),Q=H.width/a.width,Me=H.height/a.height;E(Math.min(Q,Me,1))},[a]),o=c(()=>{E(1)},[]),y=c(v=>{E(Math.max(Se,Math.min(Pe,v)))},[]),h=c(v=>{const H=document.querySelector("[data-preview-viewport]");H&&H.panInDirection?.(v)},[]),k=c(async()=>{if(a)try{const v=await ne({currentPath:a.path});g(v),E(1);const H=await J({path:v.path});u(H)}catch(v){console.error("Failed to load next file:",v)}},[a,ne,J]),oe=c(async()=>{if(a)try{const v=await ie({currentPath:a.path});g(v),E(1);const H=await J({path:v.path});u(H)}catch(v){console.error("Failed to load previous file:",v)}},[a,ie,J]),X=c(v=>{C.current=v},[]),Be=c(async(v,H)=>{const Q=C.current;if(!Q)throw new Error(`LiveApp action "${v}" is unavailable.`);return Q(v,H)},[]);L(()=>{if(f!=="image")return;const v=H=>{if(!(H.target instanceof HTMLInputElement||H.target instanceof HTMLTextAreaElement))switch(H.key){case"+":case"=":H.preventDefault(),N();break;case"-":H.preventDefault(),P();break;case"0":H.preventDefault(),m();break}};return window.addEventListener("keydown",v),()=>window.removeEventListener("keydown",v)},[f,N,P,m]);const De=l!==null&&l.files.length>1,Te=l!==null&&l.files.length>1,Ne=Math.round(I*100),Oe=f==="image"?{mode:f,streaming:!1,file:a?{name:a.name,path:a.path,kind:"image",mimeType:a.mimeType}:null}:f==="html"?z:{...q,streaming:x};return i(tt,{state:Oe,onFileOpened:d,onZoomIn:N,onZoomOut:P,onFitToWindow:m,onActualSize:o,onPan:h,onPrevious:oe,onNext:k,liveAppActions:te,onInvokeLiveAppAction:Be,children:i("div",{className:se.root,children:f==="image"?a?O(me,{children:[i(he,{filename:a.name,mode:"image",zoomPercent:Ne,canGoPrev:De,canGoNext:Te,onZoomIn:N,onZoomOut:P,onFitToWindow:m,onActualSize:o,onPrevious:oe,onNext:k}),i("div",{ref:j,"data-preview-viewport":"",className:se.imageViewportWrap,children:i(Ze,{dataUrl:a.dataUrl,zoom:I,onZoomChange:y})})]}):Z?O("div",{className:se.errorState,children:[i("span",{className:se.errorIcon,children:"⚠"}),i("span",{children:Z})]}):i("div",{className:se.emptyState,children:"No image open"}):f==="html"?i(et,{initialPath:A??t,liveAppId:D??n,bridgeToken:b,theme:K,onActionStateChange:R,onLiveAppActionsChange:ee,onLiveAppActionInvokerChange:X}):i(gt,{previewStore:p,streamId:r,streamTitle:s??"HTML Preview",bridgeToken:b,theme:K,onActionStateChange:V,onLiveAppActionsChange:ee,onLiveAppActionInvokerChange:X})})})}function bt(t){const e=t,n=vt(t.args),r=typeof t.args?.path=="string"?t.args.path:void 0,s=typeof t.args?.liveAppId=="string"?t.args.liveAppId:void 0,b=typeof t.args?.streamId=="string"?t.args.streamId:void 0,_=typeof t.args?.title=="string"?t.args.title:void 0,w=typeof t.args?.bridgeToken=="string"?t.args.bridgeToken:void 0,B={accentColor:e.theme?.accentColor??"#7c6ff7",mode:e.theme?.mode==="light"?"light":"dark"},p=We(t.root);return p.render(i(Le,{windowId:t.windowId,children:i(Re,{miniAppId:t.miniAppId,children:i(wt,{initialPath:r,initialMode:n,liveAppId:s,streamId:b,streamTitle:_,bridgeToken:w,theme:B,windowId:t.windowId})})})),{deactivate(){p.unmount()}}}export{bt as activate};
+//# sourceMappingURL=frontend-Dx41dEM9.js.map