dev-process-kit 0.0.10 → 0.0.11

package/dist/chunks/{shared-Dmq-C6h3.js → shared-DIJgMVpY.js}

@@ -1,19 +1,19 @@
-import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as vr,aJ as Ke,aK as fr,ae as M,ai as E,ao as gr,p as w,aq as m,v as de,av as J,P as br,e as wr,a0 as mr,h as Xe,N as Se,V,U as yr,R as y,a4 as d,a3 as c,aL as Te,aM as Ie,aC as Ae,a5 as kr,z as pe,aB as Je,l as xr,J as Ze,aN as $r,a6 as Z,A as Qe,aa as Er,a9 as Sr,a2 as Tr,T as et,a1 as Ir,aO as Ar,C as Pr}from"./shared-BQFDKhM1.js";import{p as _r,r as Rr,P as Dr,c as Or,b as Cr}from"./shared-Bd9pmv5a.js";import{i as tt}from"./shared-COrrbgIn.js";const rt=["browser","native","mail","plain"],it=["mobile","tablet","desktop","fluid"],G=e=>"screen"in e,Lr=R({from:f(u()),to:f(u()),cc:f(u()),subject:f(u()),date:f(u())}),Mr={id:P,kind:L(ae(rt),"browser"),viewport:L(ae(it),"fluid"),label:f(u()),url:f(u()),mail:f(Lr)},Pe=x(R(Mr),hr(e=>e.mail===void 0||e.kind==="mail",'a preview `mail` envelope needs `"kind": "mail"`')),nt=gr([R({screen:P,preview:f(P)}),R({material:Pe})]),Nr=R({id:P,name:x(u(),E(1)),description:f(u()),actor:f(x(u(),E(1))),situation:f(x(u(),E(1))),panes:L(M(nt),[])}),Vr=R({id:P,name:x(u(),E(1)),description:f(u()),actor:f(x(u(),E(1))),steps:L(M(Nr),[])}),zr=R({id:P,name:x(u(),E(1)),description:f(u()),actor:f(x(u(),E(1))),stories:L(M(Vr),[])}),Yr=R({id:P,title:x(u(),E(1)),description:f(u()),previews:L(M(Pe),[])}),Wr=R({id:P,name:x(u(),E(1)),description:f(u()),actor:f(x(u(),E(1))),screens:L(M(Yr),[])}),ot=R({title:f(u()),baseUrl:f(u()),apps:L(M(Wr),[]),activities:L(M(zr),[])}),st=e=>e.flatMap(t=>G(t)?[]:[t.material]),Ur=e=>{const t=new Set,r=s=>{for(const a of s){if(t.has(a.id))return`duplicate preview id "${a.id}": preview ids are global, they name a light DOM slot`;t.add(a.id)}return null},i=new Set,n=new Set;for(const s of e.apps){if(i.has(s.id))return`duplicate app id "${s.id}"`;i.add(s.id);for(const a of s.screens){if(n.has(a.id))return`duplicate screen id "${a.id}": screen ids are global`;n.add(a.id);const p=r(a.previews);if(p!==null)return p}}const o=new Set;for(const s of e.activities){if(o.has(s.id))return`duplicate activity id "${s.id}"`;o.add(s.id);const a=new Set;for(const p of s.stories){if(a.has(p.id))return`duplicate story id "${p.id}" in activity "${s.id}"`;a.add(p.id);const l=new Set;for(const b of p.steps){if(l.has(b.id))return`duplicate step id "${b.id}" in story "${p.id}"`;l.add(b.id);const h=r(st(b.panes));if(h!==null)return h}}}return null},at=(e,t)=>{const r=new Map;for(const i of t.panes){if(!G(i))continue;const n=e(i.screen);if(n===void 0)return`unknown screen "${i.screen}" on step "${t.id}": declare it under \`apps[].screens\``;if(i.preview!==void 0&&!n.includes(i.preview))return`preview "${i.preview}" on step "${t.id}" is not a rendition of screen "${i.screen}"`;const o=r.get(i.screen)??[];if(o.length>0&&(i.preview===void 0||o.includes(i.preview)||o.includes(void 0)))return`screen "${i.screen}" is shown twice on step "${t.id}": give each pane a different \`preview\``;r.set(i.screen,[...o,i.preview])}return null},Br=e=>{const t=new Map(e.apps.flatMap(r=>r.screens.map(i=>[i.id,i.previews.map(n=>n.id)])));for(const r of e.activities.flatMap(i=>i.stories.flatMap(n=>n.steps))){const i=at(n=>t.get(n),r);if(i!==null)return i}return null},Gr=(e,t)=>at(r=>D(e,r)?.screen.previews.map(i=>i.id),t),Q="ui",dt=e=>{const t=e.text?.replaceAll('"',"'");return`${e.previewId}/${e.selector}${t===void 0?"":` "${t}"`}`},_e=e=>{const t=e.indexOf("/");if(t<=0)return;const r=e.slice(0,t);if(!fr(P,r))return;const i=e.slice(t+1),n=/ "([^"]*)"$/.exec(i),o=(n?i.slice(0,n.index):i).trim();if(o!=="")return n?.[1]===void 0?{previewId:r,selector:o}:{previewId:r,selector:o,text:n[1]}},pt=e=>{const t=vr(ot,e),r=Ur(t)??Br(t);if(r!==null)throw new Error(r);return t},lt=()=>({apps:[],activities:[]}),z=e=>e.apps.flatMap(t=>t.screens.map(r=>({app:t,screen:r}))),D=(e,t)=>{if(t!==void 0)return z(e).find(r=>r.screen.id===t)},le=(e,t)=>t.panes.flatMap(r=>{const i=G(r)?D(e,r.screen):void 0;return i?[i]:[]}),H=e=>st(e.panes),Hr=(e,t)=>e.panes.some(r=>G(r)&&r.screen===t),O=(e,t)=>{if(t!==void 0)return e.activities.find(r=>r.id===t)},C=(e,t)=>`${e}.${t}`,$=(e,t)=>{if(t===void 0)return;const r=Ke(t,2);if(r){const[n,o]=r;if(n===void 0||o===void 0)return;const s=e.activities.find(p=>p.id===n),a=s?.stories.find(p=>p.id===o);return s&&a?{activity:s,story:a}:void 0}if(t.includes("."))return;const i=e.activities.flatMap(n=>n.stories.filter(o=>o.id===t).map(o=>({activity:n,story:o})));return i.length===1?i[0]:void 0},ct=e=>{const t=e.lastIndexOf(".");return t>=0?e.slice(t+1):e},ce=e=>`${e.activity.id}.${e.story.id}.${e.step.id}`,ue=(e,t,r)=>`${e.id}.${t.id}.${r.id}`,k=(e,t)=>{if(t===void 0)return;const r=Ke(t,3);if(r){const[n,o,s]=r;if(n===void 0||o===void 0||s===void 0)return;const a=e.activities.find(h=>h.id===n),p=a?.stories.find(h=>h.id===o),l=p?p.steps.findIndex(h=>h.id===s):-1,b=p&&l>=0?p.steps[l]:void 0;return a&&p&&b?{activity:a,story:p,step:b,stepIndex:l}:void 0}if(t.includes("."))return;const i=Y(e).filter(n=>n.step.id===t);return i.length===1?i[0]:void 0},T=(e,t)=>{if(t!==void 0){for(const r of z(e)){const i=r.screen.previews.find(n=>n.id===t);if(i)return{owner:{kind:"screen",...r},preview:i}}for(const r of Y(e)){const i=H(r.step).find(n=>n.id===t);if(i)return{owner:{kind:"step",...r},preview:i}}}},Y=e=>e.activities.flatMap(t=>t.stories.flatMap(r=>r.steps.map((i,n)=>({activity:t,story:r,step:i,stepIndex:n})))),ut=e=>Y(e).map(t=>t.step.id),g={SET_ACTIVITY_NAME:w("SET_ACTIVITY_NAME","activity",m({name:x(u(),E(1))})),SET_ACTIVITY_DESCRIPTION:w("SET_ACTIVITY_DESCRIPTION","activity",m({description:u()})),SET_STORY_NAME:w("SET_STORY_NAME","story",m({name:x(u(),E(1))})),SET_STORY_DESCRIPTION:w("SET_STORY_DESCRIPTION","story",m({description:u()})),SET_STEP_NAME:w("SET_STEP_NAME","step",m({name:x(u(),E(1))})),SET_STEP_DESCRIPTION:w("SET_STEP_DESCRIPTION","step",m({description:u()})),SET_PREVIEW_KIND:w("SET_PREVIEW_KIND","preview",m({kind:ae(rt)})),SET_PREVIEW_VIEWPORT:w("SET_PREVIEW_VIEWPORT","preview",m({viewport:ae(it)})),SET_PREVIEW_LABEL:w("SET_PREVIEW_LABEL","preview",m({label:u()})),REORDER_ACTIVITY:w("REORDER_ACTIVITY","activity",m({after:J(u())}),{mode:"sequence"}),REORDER_STORY:w("REORDER_STORY","story",m({after:J(u())}),{mode:"sequence"}),REORDER_STEP:w("REORDER_STEP","step",m({after:J(u())}),{mode:"sequence"}),MOVE_STORY:w("MOVE_STORY","story",m({toActivity:x(u(),E(1)),after:J(u())}),{mode:"sequence"}),MOVE_STEP:w("MOVE_STEP","step",m({toStory:x(u(),E(1)),after:J(u())}),{mode:"sequence"}),ADD_ACTIVITY:w("ADD_ACTIVITY","page",m({id:P,name:x(u(),E(1)),description:f(u())}),{dedupeKey:de}),ADD_STORY:w("ADD_STORY","activity",m({id:P,name:x(u(),E(1)),description:f(u())}),{dedupeKey:de}),ADD_STEP:w("ADD_STEP","story",m({id:P,name:x(u(),E(1)),description:f(u()),panes:f(M(nt))}),{dedupeKey:de}),ADD_PREVIEW:w("ADD_PREVIEW","step",Pe,{dedupeKey:de}),DELETE_ACTIVITY:w("DELETE_ACTIVITY","activity",m({})),DELETE_STORY:w("DELETE_STORY","story",m({})),DELETE_STEP:w("DELETE_STEP","step",m({})),DELETE_PREVIEW:w("DELETE_PREVIEW","preview",m({}))},ee={setActivityName:(e,t)=>({type:"SET_ACTIVITY_NAME",target:{type:"activity",id:e},payload:{name:t}}),setActivityDescription:(e,t)=>({type:"SET_ACTIVITY_DESCRIPTION",target:{type:"activity",id:e},payload:{description:t}}),setStoryName:(e,t)=>({type:"SET_STORY_NAME",target:{type:"story",id:e},payload:{name:t}}),setStoryDescription:(e,t)=>({type:"SET_STORY_DESCRIPTION",target:{type:"story",id:e},payload:{description:t}}),setStepName:(e,t)=>({type:"SET_STEP_NAME",target:{type:"step",id:e},payload:{name:t}}),setStepDescription:(e,t)=>({type:"SET_STEP_DESCRIPTION",target:{type:"step",id:e},payload:{description:t}}),setPreviewViewport:(e,t)=>({type:"SET_PREVIEW_VIEWPORT",target:{type:"preview",id:e},payload:{viewport:t}}),setPreviewKind:(e,t)=>({type:"SET_PREVIEW_KIND",target:{type:"preview",id:e},payload:{kind:t}}),setPreviewLabel:(e,t)=>({type:"SET_PREVIEW_LABEL",target:{type:"preview",id:e},payload:{label:t}}),reorderActivity:(e,t)=>({type:"REORDER_ACTIVITY",target:{type:"activity",id:e},payload:{after:t}}),reorderStory:(e,t)=>({type:"REORDER_STORY",target:{type:"story",id:e},payload:{after:t}}),reorderStep:(e,t)=>({type:"REORDER_STEP",target:{type:"step",id:e},payload:{after:t}}),moveStep:(e,t,r)=>({type:"MOVE_STEP",target:{type:"step",id:e},payload:{toStory:t,after:r}}),moveStory:(e,t,r)=>({type:"MOVE_STORY",target:{type:"story",id:e},payload:{toActivity:t,after:r}}),addActivity:(e,t,r)=>({type:"ADD_ACTIVITY",target:{type:"page",id:"prototype"},payload:{id:e,name:t,...r===void 0?{}:{description:r}}}),addStory:(e,t,r,i)=>({type:"ADD_STORY",target:{type:"activity",id:e},payload:{id:t,name:r,...i===void 0?{}:{description:i}}}),addStep:(e,t,r,i)=>({type:"ADD_STEP",target:{type:"story",id:e},payload:{id:t,name:r,...i===void 0?{}:{panes:i}}}),addPreview:(e,t)=>({type:"ADD_PREVIEW",target:{type:"step",id:e},payload:{...t}}),deleteActivity:e=>({type:"DELETE_ACTIVITY",target:{type:"activity",id:e},payload:{}}),deleteStory:e=>({type:"DELETE_STORY",target:{type:"story",id:e},payload:{}}),deleteStep:e=>({type:"DELETE_STEP",target:{type:"step",id:e},payload:{}}),deletePreview:e=>({type:"DELETE_PREVIEW",target:{type:"preview",id:e},payload:{}})},ht=(e,t)=>{const r=br(g,t);if(r===null)return null;const i=r.target.id;switch(r.type){case"SET_ACTIVITY_NAME":return W(e,i,n=>({...n,name:r.payload.name}));case"SET_ACTIVITY_DESCRIPTION":return W(e,i,n=>({...n,description:r.payload.description}));case"SET_STORY_NAME":return U(e,i,n=>({...n,name:r.payload.name}));case"SET_STORY_DESCRIPTION":return U(e,i,n=>({...n,description:r.payload.description}));case"SET_STEP_NAME":return he(e,i,n=>({...n,name:r.payload.name}));case"SET_STEP_DESCRIPTION":return he(e,i,n=>({...n,description:r.payload.description}));case"SET_PREVIEW_KIND":return De(e,i,n=>({...n,kind:r.payload.kind}));case"SET_PREVIEW_VIEWPORT":return De(e,i,n=>({...n,viewport:r.payload.viewport}));case"SET_PREVIEW_LABEL":return De(e,i,n=>({...n,label:r.payload.label}));case"REORDER_ACTIVITY":{const{after:n}=r.payload,o=te(e.activities,i,n);return o===null?null:{...e,activities:o}}case"REORDER_STORY":{const{after:n}=r.payload,o=$(e,i);if(!o)return null;const s=n===null?null:$(e,n);if(n!==null&&(!s||s.activity!==o.activity))return null;const a=te(o.activity.stories,o.story.id,s?.story.id??null);return a===null?null:W(e,o.activity.id,p=>({...p,stories:a}))}case"REORDER_STEP":{const{after:n}=r.payload,o=k(e,i);if(!o)return null;const s=n===null?null:k(e,n);if(n!==null&&(!s||s.story!==o.story))return null;const a=te(o.story.steps,o.step.id,s?.step.id??null);return a===null?null:U(e,C(o.activity.id,o.story.id),p=>({...p,steps:a}))}case"MOVE_STORY":{const{toActivity:n,after:o}=r.payload,s=$(e,i);if(!s)return null;const a=e.activities.find(h=>h.id===n);if(!a)return null;const p=o===null?null:$(e,o);if(o!==null&&(!p||p.activity!==a))return null;const l=p?.story.id??null;if(s.activity.id===n){const h=te(s.activity.stories,s.story.id,l);return h===null?null:W(e,n,v=>({...v,stories:h}))}if(a.stories.some(h=>h.id===s.story.id))return null;const b=Oe(a.stories,s.story,l);return Re(e,h=>h.id===s.activity.id?{...h,stories:h.stories.filter(v=>v.id!==ct(i))}:h.id===n?{...h,stories:b}:h)}case"MOVE_STEP":{const{toStory:n,after:o}=r.payload,s=k(e,i);if(!s)return null;const a=$(e,n);if(!a)return null;const p=o===null?null:k(e,o);if(o!==null&&(!p||p.story!==a.story))return null;const l=p?.step.id??null;if(s.story===a.story){const h=te(s.story.steps,s.step.id,l);return h===null?null:U(e,n,v=>({...v,steps:h}))}if(a.story.steps.some(h=>h.id===s.step.id))return null;const b=Oe(a.story.steps,s.step,l);return Re(e,h=>({...h,stories:h.stories.map(v=>v===s.story?{...v,steps:v.steps.filter(I=>I.id!==ct(i))}:v===a.story?{...v,steps:b}:v)}))}case"ADD_ACTIVITY":{const n=r.payload;if(e.activities.some(s=>s.id===n.id))return e;const o={id:n.id,name:n.name,...n.description===void 0?{}:{description:n.description},stories:[]};return{...e,activities:[...e.activities,o]}}case"ADD_STORY":{const n=r.payload,o=e.activities.find(a=>a.id===i);if(!o)return null;if(o.stories.some(a=>a.id===n.id))return e;const s={id:n.id,name:n.name,...n.description===void 0?{}:{description:n.description},steps:[]};return W(e,i,a=>({...a,stories:[...a.stories,s]}))}case"ADD_STEP":{const n=r.payload,o=$(e,i)?.story;if(!o)return null;if(o.steps.some(p=>p.id===n.id))return e;const s=n.panes??[],a={id:n.id,name:n.name,...n.description===void 0?{}:{description:n.description},panes:s};return jr(e,a)?U(e,i,p=>({...p,steps:[...p.steps,a]})):null}case"ADD_PREVIEW":{const n=r.payload,o=k(e,i)?.step;return o?H(o).some(s=>s.id===n.id)?e:T(e,n.id)?null:he(e,i,s=>({...s,panes:[...s.panes,{material:n}]})):null}case"DELETE_ACTIVITY":{const n=i;return e.activities.some(o=>o.id===n)?{...e,activities:e.activities.filter(o=>o.id!==n)}:null}case"DELETE_STORY":{const n=$(e,i);return n?W(e,n.activity.id,o=>({...o,stories:o.stories.filter(s=>s.id!==n.story.id)})):null}case"DELETE_STEP":{const n=k(e,i);return n?U(e,C(n.activity.id,n.story.id),o=>({...o,steps:o.steps.filter(s=>s.id!==n.step.id)})):null}case"DELETE_PREVIEW":{const n=T(e,i);return n?vt(e,n.owner,o=>o.filter(s=>s.id!==n.preview.id)):null}default:return wr(r)}},Re=(e,t)=>({...e,activities:e.activities.map(t)}),W=(e,t,r)=>{const i=t;return e.activities.some(n=>n.id===i)?Re(e,n=>n.id===i?r(n):n):null},U=(e,t,r)=>{const i=$(e,t);if(!i)return null;const n=i.story.id;return W(e,i.activity.id,o=>({...o,stories:o.stories.map(s=>s.id===n?r(s):s)}))},he=(e,t,r)=>{const i=k(e,t);if(!i)return null;const n=i.step.id;return U(e,C(i.activity.id,i.story.id),o=>({...o,steps:o.steps.map(s=>s.id===n?r(s):s)}))},De=(e,t,r)=>{const i=T(e,t);if(!i)return null;const n=i.preview.id;return vt(e,i.owner,o=>o.map(s=>s.id===n?r(s):s))},jr=(e,t)=>{const r=H(t).map(i=>i.id);return Gr(e,t)===null&&new Set(r).size===r.length&&!r.some(i=>T(e,i))},vt=(e,t,r)=>{if(t.kind==="step")return he(e,ce(t),n=>{const o=new Map(r([...H(n)]).map(s=>[s.id,s]));return{...n,panes:n.panes.flatMap(s=>{if(G(s))return[s];const a=o.get(s.material.id);return a?[{material:a}]:[]})}});const i=t.screen.id;return{...e,apps:e.apps.map(n=>n.id===t.app.id?{...n,screens:n.screens.map(o=>o.id===i?{...o,previews:r(o.previews)}:o)}:n)}},te=(e,t,r)=>{const i=e.findIndex(s=>s.id===t);if(i<0||r!==null&&!e.some(s=>s.id===r))return null;if(t===r)return[...e];const n=e[i];if(n===void 0)return null;const o=e.filter(s=>s.id!==t);return Oe(o,n,r)},Oe=(e,t,r)=>{const i=[...e],n=r===null?-1:i.findIndex(o=>o.id===r);return i.splice(n+1,0,t),i},ve=mr({en:{renameActivity:"Rename Activity",updateActivityDescription:"Update Activity description",renameStory:"Rename UserStory",updateStoryDescription:"Update UserStory description",renameStep:"Rename Step",updateStepDescription:"Update Step description",changePreviewKind:"Change Preview kind",changePreviewViewport:"Change Preview viewport",changePreviewLabel:"Change Preview label",moveStory:"Move UserStory",moveStep:"Move Step",deleteTitle:"Delete",reorderTitle:e=>`Reorder ${e}`,addTitle:e=>`Add ${e}`,toFront:"\u2192 To the front",afterName:e=>`\u2192 Right after "${e}"`,unknownTarget:"(unknown target)",activityGroup:"Activity",storyGroup:"UserStory",stepGroup:"Step",screenGroup:"Screen",openInApp:"Open this screen in the app view",previewGroup:"Preview",pageGroup:"Page",uiGroup:"UI",targetLabel:(e,t)=>`${e} \xB7 ${t}`,targetMissing:(e,t)=>`${e} \xB7 ${t} (missing)`,noActivityBefore:"There are no Activities yet. Add ",noActivityAfter:" to the base JSON, or ask the agent.",deleteStepAria:"Delete step",addStepButton:"+ Step",stepNameLabel:"Step name",descriptionLabel:"Description",descriptionPlaceholder:"What happens in this Step (click to edit)",newStepName:"New step",viewLabel:"View",viewScenario:"Scenario",viewApp:"App",viewScenarioHint:"Follow one user story step by step",viewAppHint:"Use the UI as one app, whatever the scenario",appScreens:"Screens",appScreensHint:"Pick a screen to start from, then move around through the UI itself.",appSelectLabel:"App",appOutsideBrowser:"Outside the browser",noStepBefore:"There are no Steps yet. A Prototype has the meaning structure ",noStepAfter:" \u2014 one Step is one moment of the story: the screen the user is on and what they have at hand. Add a Step to the base JSON, and its screen will appear here.",noScreens:"This product has no screens yet. Declare its apps and their screens under apps[].screens in the base JSON, and they will appear here.",noPreviewMetadata:"No preview metadata \u2014 ask the agent to add it.",storyWithoutSteps:"This UserStory has no Steps yet, so there is no screen to show. Add one with + Step, or ask the agent to prototype it.",pageActor:e=>`Used by ${e}`,maximize:"Maximize",restore:"Restore size",maximizeHint:"Show the preview alone across the tab \xB7 Esc to restore",situation:"Situation",uiComment:"Comment on UI",uiCommentHint:"Click any part of the preview to comment on it \xB7 Esc to finish",uiCommentPin:(e,t)=>`Comment ${e}: ${t}`,mailFrom:"From",mailTo:"To",mailCc:"Cc",mailDate:"Date",demo:"Demo",demoHint:"Use the app in a browser across the tab, with nothing else on screen \xB7 Esc to finish",exitDemo:"Exit demo",browserBack:"Back",browserForward:"Forward",browserReload:"Reload",browserAddress:"Address",browserTabs:"Tabs",newTab:"New tab",closeTab:"Close tab",browserProfile:e=>`Profile: ${e}`,browserGuest:"Guest",newTabShortcuts:"Pages of this app",unreachableTitle:"This site can\u2019t be reached",unreachableBody:"No page of the prototype has this address."},ja:{renameActivity:"Activity \u540D\u3092\u5909\u66F4",updateActivityDescription:"Activity \u306E\u8AAC\u660E\u3092\u66F4\u65B0",renameStory:"UserStory \u540D\u3092\u5909\u66F4",updateStoryDescription:"UserStory \u306E\u8AAC\u660E\u3092\u66F4\u65B0",renameStep:"Step \u540D\u3092\u5909\u66F4",updateStepDescription:"Step \u306E\u8AAC\u660E\u3092\u66F4\u65B0",changePreviewKind:"Preview \u306E\u7A2E\u5225\u3092\u5909\u66F4",changePreviewViewport:"Preview \u306E\u30D3\u30E5\u30FC\u30DD\u30FC\u30C8\u3092\u5909\u66F4",changePreviewLabel:"Preview \u306E\u30E9\u30D9\u30EB\u3092\u5909\u66F4",moveStory:"UserStory \u3092\u79FB\u52D5",moveStep:"Step \u3092\u79FB\u52D5",deleteTitle:"\u524A\u9664",reorderTitle:e=>`${e} \u306E\u9806\u5E8F\u3092\u5909\u66F4`,addTitle:e=>`${e} \u3092\u8FFD\u52A0`,toFront:"\u2192 \u5148\u982D\u3078",afterName:e=>`\u2192 "${e}" \u306E\u76F4\u5F8C\u3078`,unknownTarget:"(unknown target)",activityGroup:"Activity",storyGroup:"UserStory",stepGroup:"Step",screenGroup:"\u753B\u9762",openInApp:"\u3053\u306E\u753B\u9762\u3092\u30A2\u30D7\u30EA\u30D3\u30E5\u30FC\u3067\u958B\u304F",previewGroup:"Preview",pageGroup:"Page",uiGroup:"UI",targetLabel:(e,t)=>`${e} \xB7 ${t}`,targetMissing:(e,t)=>`${e} \xB7 ${t} (missing)`,noActivityBefore:"Activity \u304C\u307E\u3060\u3042\u308A\u307E\u305B\u3093\u3002base JSON \u306E ",noActivityAfter:" \u3092\u8FFD\u52A0\u3059\u308B\u304B\u3001Agent \u306B\u4F9D\u983C\u3057\u3066\u304F\u3060\u3055\u3044\u3002",deleteStepAria:"\u30B9\u30C6\u30C3\u30D7\u3092\u524A\u9664",addStepButton:"+ Step",stepNameLabel:"Step \u540D",descriptionLabel:"\u8AAC\u660E",descriptionPlaceholder:"\u3053\u306E Step \u3067\u4F55\u304C\u8D77\u304D\u308B\u304B\uFF08\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u7DE8\u96C6\uFF09",newStepName:"\u65B0\u3057\u3044\u30B9\u30C6\u30C3\u30D7",viewLabel:"\u8868\u793A",viewScenario:"\u30B7\u30CA\u30EA\u30AA",viewApp:"\u30A2\u30D7\u30EA",viewScenarioHint:"\u30E6\u30FC\u30B6\u30FC\u30B9\u30C8\u30FC\u30EA\u30FC\u306B\u6CBF\u3063\u3066 Step \u3092\u9806\u306B\u305F\u3069\u308B",viewAppHint:"\u30B7\u30CA\u30EA\u30AA\u306B\u95A2\u4FC2\u306A\u304F\u3001UI \u3092 1 \u3064\u306E\u30A2\u30D7\u30EA\u3068\u3057\u3066\u89E6\u308B",appScreens:"\u753B\u9762",appScreensHint:"\u8D77\u70B9\u306B\u3059\u308B\u753B\u9762\u3092\u9078\u3073\u3001\u3042\u3068\u306F UI \u306E\u30EA\u30F3\u30AF\u3067\u79FB\u52D5\u3057\u307E\u3059\u3002",appSelectLabel:"\u30A2\u30D7\u30EA",appOutsideBrowser:"\u30D6\u30E9\u30A6\u30B6\u4EE5\u5916",noStepBefore:"Step \u304C\u307E\u3060\u3042\u308A\u307E\u305B\u3093\u3002Prototype \u306F ",noStepAfter:" \u306E\u610F\u5473\u69CB\u9020\u3092\u6301\u3061\u30011 Step = \u30B7\u30CA\u30EA\u30AA\u306E 1 \u5834\u9762\uFF08\u30E6\u30FC\u30B6\u30FC\u304C\u3044\u308B\u753B\u9762\u3068\u3001\u624B\u5143\u306B\u3042\u308B\u3082\u306E\uFF09\u3067\u3059\u3002base JSON \u306B Step \u3092\u8FFD\u52A0\u3059\u308B\u3068\u3001\u3053\u3053\u306B\u305D\u306E\u753B\u9762\u304C\u73FE\u308C\u307E\u3059\u3002",noScreens:"\u3053\u306E\u30D7\u30ED\u30C0\u30AF\u30C8\u306B\u306F\u307E\u3060\u753B\u9762\u304C\u3042\u308A\u307E\u305B\u3093\u3002base JSON \u306E apps[].screens \u306B\u30A2\u30D7\u30EA\u3068\u753B\u9762\u3092\u5BA3\u8A00\u3059\u308B\u3068\u3001\u3053\u3053\u306B\u73FE\u308C\u307E\u3059\u3002",noPreviewMetadata:"preview metadata \u304C\u3042\u308A\u307E\u305B\u3093 \u2014 \u8FFD\u52A0\u306F Agent \u306B\u4F9D\u983C\u3057\u3066\u304F\u3060\u3055\u3044",storyWithoutSteps:"\u3053\u306E UserStory \u306B\u306F\u307E\u3060 Step \u304C\u306A\u304F\u3001\u898B\u305B\u308B\u753B\u9762\u304C\u3042\u308A\u307E\u305B\u3093\u3002+ Step \u3067\u8FFD\u52A0\u3059\u308B\u304B\u3001Agent \u306B\u30D7\u30ED\u30C8\u30BF\u30A4\u30D7\u3092\u4F9D\u983C\u3057\u3066\u304F\u3060\u3055\u3044\u3002",pageActor:e=>`\u5229\u7528\u8005: ${e}`,maximize:"\u6700\u5927\u5316",restore:"\u5143\u306E\u30B5\u30A4\u30BA\u306B\u623B\u3059",maximizeHint:"\u30D7\u30EC\u30D3\u30E5\u30FC\u3060\u3051\u3092\u30BF\u30D6\u3044\u3063\u3071\u3044\u306B\u8868\u793A \xB7 Esc \u3067\u623B\u308B",situation:"\u72B6\u6CC1",uiComment:"UI \u306B\u30B3\u30E1\u30F3\u30C8",uiCommentHint:"\u30D7\u30EC\u30D3\u30E5\u30FC\u306E\u8981\u7D20\u3092\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30B3\u30E1\u30F3\u30C8 \xB7 Esc \u3067\u7D42\u4E86",uiCommentPin:(e,t)=>`\u30B3\u30E1\u30F3\u30C8 ${e}: ${t}`,mailFrom:"\u5DEE\u51FA\u4EBA",mailTo:"\u5B9B\u5148",mailCc:"Cc",mailDate:"\u65E5\u6642",demo:"\u30C7\u30E2",demoHint:"\u307B\u304B\u306B\u4F55\u3082\u51FA\u3055\u305A\u3001\u30BF\u30D6\u3044\u3063\u3071\u3044\u306E\u30D6\u30E9\u30A6\u30B6\u3067\u30A2\u30D7\u30EA\u3092\u89E6\u308B \xB7 Esc \u3067\u7D42\u4E86",exitDemo:"\u30C7\u30E2\u3092\u7D42\u4E86",browserBack:"\u623B\u308B",browserForward:"\u9032\u3080",browserReload:"\u518D\u8AAD\u307F\u8FBC\u307F",browserAddress:"\u30A2\u30C9\u30EC\u30B9",browserTabs:"\u30BF\u30D6",newTab:"\u65B0\u3057\u3044\u30BF\u30D6",closeTab:"\u30BF\u30D6\u3092\u9589\u3058\u308B",browserProfile:e=>`\u30D7\u30ED\u30D5\u30A3\u30FC\u30EB: ${e}`,browserGuest:"\u30B2\u30B9\u30C8",newTabShortcuts:"\u3053\u306E\u30A2\u30D7\u30EA\u306E\u30DA\u30FC\u30B8",unreachableTitle:"\u3053\u306E\u30B5\u30A4\u30C8\u306B\u30A2\u30AF\u30BB\u30B9\u3067\u304D\u307E\u305B\u3093",unreachableBody:"\u30D7\u30ED\u30C8\u30BF\u30A4\u30D7\u306B\u3053\u306E\u30A2\u30C9\u30EC\u30B9\u306E\u30DA\u30FC\u30B8\u306F\u3042\u308A\u307E\u305B\u3093\u3002"}}),qr=["scenario","app"],B="view",re=e=>e[B]==="app"?"app":"scenario",ft=e=>({[B]:e==="app"?"app":null}),ie=(e,t)=>e===void 0?`\u2192 "${t}"`:`"${e}" \u2192 "${t}"`,Fr=e=>({SET_ACTIVITY_NAME:(t,r)=>({title:e.renameActivity,tone:"update",body:ie(O(r,t.target.id)?.name,y(g.SET_ACTIVITY_NAME,t).name)}),SET_ACTIVITY_DESCRIPTION:(t,r)=>({title:e.updateActivityDescription,tone:"update",body:Ce(O(r,t.target.id)?.description,y(g.SET_ACTIVITY_DESCRIPTION,t).description)}),SET_STORY_NAME:(t,r)=>({title:e.renameStory,tone:"update",body:ie($(r,t.target.id)?.story.name,y(g.SET_STORY_NAME,t).name)}),SET_STORY_DESCRIPTION:(t,r)=>({title:e.updateStoryDescription,tone:"update",body:Ce($(r,t.target.id)?.story.description,y(g.SET_STORY_DESCRIPTION,t).description)}),SET_STEP_NAME:(t,r)=>({title:e.renameStep,tone:"update",body:ie(k(r,t.target.id)?.step.name,y(g.SET_STEP_NAME,t).name)}),SET_STEP_DESCRIPTION:(t,r)=>({title:e.updateStepDescription,tone:"update",body:Ce(k(r,t.target.id)?.step.description,y(g.SET_STEP_DESCRIPTION,t).description)}),SET_PREVIEW_KIND:(t,r)=>({title:e.changePreviewKind,tone:"update",body:ie(T(r,t.target.id)?.preview.kind,y(g.SET_PREVIEW_KIND,t).kind)}),SET_PREVIEW_VIEWPORT:(t,r)=>({title:e.changePreviewViewport,tone:"update",body:ie(T(r,t.target.id)?.preview.viewport,y(g.SET_PREVIEW_VIEWPORT,t).viewport)}),SET_PREVIEW_LABEL:t=>({title:e.changePreviewLabel,tone:"update",body:`\u2192 "${y(g.SET_PREVIEW_LABEL,t).label}"`}),REORDER_ACTIVITY:t=>Le(e,e.activityGroup,y(g.REORDER_ACTIVITY,t).after),REORDER_STORY:t=>Le(e,e.storyGroup,y(g.REORDER_STORY,t).after),REORDER_STEP:t=>Le(e,e.stepGroup,y(g.REORDER_STEP,t).after),MOVE_STORY:(t,r)=>({title:e.moveStory,tone:"move",body:`\u2192 ${O(r,y(g.MOVE_STORY,t).toActivity)?.name??y(g.MOVE_STORY,t).toActivity}`}),MOVE_STEP:(t,r)=>({title:e.moveStep,tone:"move",body:`\u2192 ${$(r,y(g.MOVE_STEP,t).toStory)?.story.name??y(g.MOVE_STEP,t).toStory}`}),ADD_ACTIVITY:t=>fe(e,e.activityGroup,y(g.ADD_ACTIVITY,t).name),ADD_STORY:t=>fe(e,e.storyGroup,y(g.ADD_STORY,t).name),ADD_STEP:t=>fe(e,e.stepGroup,y(g.ADD_STEP,t).name),ADD_PREVIEW:t=>fe(e,e.previewGroup,y(g.ADD_PREVIEW,t).label??y(g.ADD_PREVIEW,t).id),DELETE_ACTIVITY:(t,r)=>ge(e,O(r,t.target.id)?.name),DELETE_STORY:(t,r)=>ge(e,$(r,t.target.id)?.story.name),DELETE_STEP:(t,r)=>ge(e,k(r,t.target.id)?.step.name),DELETE_PREVIEW:(t,r)=>ge(e,T(r,t.target.id)?.preview.label)}),Ce=(e,t)=>{const r=t.length>90?`${t.slice(0,90)}\u2026`:t;return e===void 0||e===""?`\u2192 "${r}"`:`"${Kr(e)}" \u2192 "${r}"`},Kr=e=>e.length>60?`${e.slice(0,60)}\u2026`:e,Le=(e,t,r)=>({title:e.reorderTitle(t),tone:"move",body:r===null?e.toFront:e.afterName(r)}),fe=(e,t,r)=>({title:e.addTitle(t),tone:"create",body:`+ "${r}"`}),ge=(e,t)=>({title:e.deleteTitle,tone:"delete",body:t===void 0?e.unknownTarget:`\u2212 "${t}"`}),gt=(e,t,r,i)=>{const n=Fr(e),o=Object.hasOwn(n,t.type)?n[t.type]:void 0,s=o?o(t,i??r):{title:t.type,tone:"meta"};return{title:s.title,targetLabel:wt(e,r,t.target),tone:s.tone,...s.body===void 0?{}:{summary:s.body}}},bt=e=>`${e.type} ${V(e.target)} ${JSON.stringify(e.payload)}`,wt=(e,t,r)=>{switch(r.type){case"activity":{const i=O(t,r.id);return i?e.targetLabel(e.activityGroup,i.name):e.targetMissing(e.activityGroup,r.id)}case"story":{const i=$(t,r.id)?.story;return i?e.targetLabel(e.storyGroup,i.name):e.targetMissing(e.storyGroup,r.id)}case"step":{const i=k(t,r.id)?.step;return i?e.targetLabel(e.stepGroup,i.name):e.targetMissing(e.stepGroup,r.id)}case"screen":{const i=D(t,r.id)?.screen;return i?e.targetLabel(e.screenGroup,i.title):e.targetMissing(e.screenGroup,r.id)}case"preview":{const i=T(t,r.id)?.preview;return i?e.targetLabel(e.previewGroup,i.label??i.id):e.targetMissing(e.previewGroup,r.id)}case"page":return e.targetLabel(e.pageGroup,Ve(t));case Q:{const i=_e(r.id),n=i?T(t,i.previewId)?.preview:void 0;return i&&n?e.targetLabel(e.uiGroup,mt(n,i)):e.targetMissing(e.uiGroup,r.id)}default:return e.targetLabel(r.type,r.id)}},mt=(e,t)=>{const r=t.text===void 0?t.selector:`"${t.text}"`;return`${e.label??e.id} \u203A ${r}`},yt=(e,t)=>{const r=[];for(const i of e){if(i.target.type!==Q)continue;const n=_e(i.target.id);!n||!t.includes(n.previewId)||r.push({id:i.id,previewId:n.previewId,selector:n.selector,number:r.length+1,body:Xe(i)})}return r},kt=(e,t)=>yt(e,t).length,be=(e,t)=>{if(t.url)return t.url;const r=e.baseUrl?.trim(),i=yr(e.title??"");return`${(r?r.startsWith("http")?r:`https://${r}`:`https://${i==="item"?"page":i}.example.com`).replace(/\/+$/,"")}/${t.id}`},Me=",",xt=e=>e.preview?.split(Me)??[],Xr=(e,t)=>e.kind===t.kind&&e.viewport===t.viewport,$t=(e,t,r)=>{const i=t.find(o=>r.includes(o.id));if(i)return i;const n=r.flatMap(o=>T(e,o)?.preview??[]);return t.find(o=>n.some(s=>Xr(o,s)))??t[0]},Et=(e,t,r,i)=>{const n=t.screen.previews,o=r===void 0?$t(e,n,xt(i)):n.find(a=>a.id===r);if(!o)return;const s=r===void 0&&n.length>1;return{kind:"screen",screen:t,preview:o,pinned:r!==void 0,tabs:s?n:[]}},St=e=>({layout:e.length>1?"side-by-side":"single",panes:e,shown:e.map(t=>t.preview)}),Tt=(e,t,r)=>t.panes.flatMap(i=>{if(!G(i))return[{kind:"material",preview:i.material}];const n=D(e,i.screen),o=n&&Et(e,n,i.preview,r);return o?[o]:[]}),Ne=(e,t,r)=>{if(t.kind==="screen"){const i=Et(e,t,void 0,r);return St(i?[i]:[])}return St(Tt(e,t.step,r))},Jr=(e,t)=>e.panes.flatMap(r=>r.kind!=="screen"||r.tabs.length===0?[]:[r.tabs.some(i=>i.id===t)?t:r.preview.id]).join(Me),Zr=(e,t)=>[...H(t),...le(e,t).flatMap(r=>r.screen.previews)],Qr=["activity","story","step","screen","preview"],ei=(e,t,r)=>{switch(t){case"activity":return O(e,r)!==void 0;case"story":return $(e,r)!==void 0||e.activities.some(i=>i.stories.some(n=>n.id===r));case"step":return k(e,r)!==void 0||Y(e).some(i=>i.step.id===r);case"screen":return D(e,r)!==void 0;case"preview":return T(e,r)!==void 0;default:return!1}},ti=(e,t)=>{let r;if(t.navigate!==null)r=t.navigate.includes("=")?t.navigate:`step=${t.navigate}`;else{const o=t.href?.trim()??"";if(o===""||o==="#"||o.toLowerCase().startsWith("javascript:"))return"no-destination";if(!o.startsWith("#"))return null;r=o}const i=Se(r),n=Qr.filter(o=>i[o]!==void 0);return n.length===0?t.navigate===null?null:"unknown-target":n.every(o=>ei(e,o,i[o]??""))?null:"unknown-target"},ri=(e,t)=>{const r=t.mail??{},i=[{label:e.mailFrom,value:r.from},{label:e.mailTo,value:r.to},{label:e.mailCc,value:r.cc},{label:e.mailDate,value:r.date}].flatMap(s=>s.value===void 0||s.value.trim()===""?[]:[{label:s.label,value:s.value}]),n=r.from?.replace(/<[^>]*>/g,"").replace(/["']/g,"").trim()||r.from?.trim(),o=n?Array.from(n)[0]?.toUpperCase():void 0;return{...r.subject===void 0||r.subject.trim()===""?{}:{subject:r.subject},...n?{sender:n}:{},...o===void 0?{}:{initial:o},rows:i}},It=(e,t)=>{const r=[];for(const i of t.activities){r.push({value:V({type:"activity",id:i.id}),label:i.name,group:e.activityGroup});for(const n of i.stories){r.push({value:V({type:"story",id:C(i.id,n.id)}),label:`${i.name} \u203A ${n.name}`,group:e.storyGroup});for(const o of n.steps)r.push({value:V({type:"step",id:ue(i,n,o)}),label:`${n.name} \u203A ${o.name}`,group:e.stepGroup})}}for(const{app:i,screen:n}of z(t))r.push({value:V({type:"screen",id:n.id}),label:`${i.name} \u203A ${n.title}`,group:e.screenGroup});return r},ii=(e,t,r)=>{const i=j(t,r);if(i?.kind==="screen"){const{screen:n}=i;return{value:V({type:"screen",id:n.id}),label:n.title,group:e.screenGroup}}return i?.kind!=="step"?null:{value:V({type:"step",id:ce(i)}),label:i.step.name,group:e.stepGroup}},j=(e,t)=>{if(re(t)==="app"){const o=D(e,t.screen);return o?{kind:"screen",...o}:void 0}const r=k(e,t.step);if(r)return{kind:"step",...r};const i=O(e,t.activity),n=i?.stories.find(o=>o.id===t.story||C(i.id,o.id)===t.story);return i&&n?{kind:"story",activity:i,story:n}:void 0},At=(e,t)=>{const r=(p,l)=>l===void 0?{title:p}:{actor:l,title:p};if(t.kind==="screen")return r(t.screen.title,t.app.actor);const{activity:i,story:n,step:o}=t,s=le(e,o),a=s.length===1?s[0]:void 0;return r(a?.screen.title??o.name,o.actor??n.actor??i.actor??a?.app.actor)},ni=(e,t)=>{const r=t.actor??e.actor;return r===void 0?{title:t.name}:{actor:r,title:t.name}},Ve=e=>e.title??"UX Prototype",Pt=(e,t)=>(t?e.preview=t:delete e.preview,e),oi=(e,t,r)=>{if(!t)return;const i=Tt(e,t,r).flatMap(n=>n.kind==="screen"&&!n.pinned?[n.preview.id]:[]);return i.length===0?void 0:i.join(Me)},_t=(e,t)=>{const r=()=>{if(t.step===void 0&&t.story===void 0)return;const o=Rt(e,{...t,[B]:""}),s=k(e,o.step);return s&&le(e,s.step)[0]},i=D(e,t.screen)??r()??z(e)[0],n={...t,[B]:"app"};for(const o of["activity","story","step"])delete n[o];return i?n.screen=i.screen.id:delete n.screen,Pt(n,i&&$t(e,i.screen.previews,xt(t))?.id)},si=(e,t,r)=>{const i=s=>Hr(s.step,t);if(r&&i(r))return r;const n=r?.story.steps??[],o=s=>{const a=n[s];return r&&a?{...r,step:a,stepIndex:s}:void 0};for(let s=(r?.stepIndex??0)+1;s<n.length;s+=1){const a=o(s);if(a&&i(a))return a}for(let s=(r?.stepIndex??0)-1;s>=0;s-=1){const a=o(s);if(a&&i(a))return a}return Y(e).find(i)},Rt=(e,t)=>{const r=O(e,t.activity),i=t.story,n=r?.stories.find(N=>N.id===i||C(r.id,N.id)===i),o=n&&r?{activity:r,story:n}:$(e,i),s=t.step,p=(o&&s?k(e,`${C(o.activity.id,o.story.id)}.${s}`):void 0)??k(e,s),l=t.screen,b=l===void 0?void 0:si(e,l,p);if(l!==void 0&&!b&&D(e,l))return _t(e,{...t,[B]:"app"});const h=b??p,v=h?.activity??o?.activity??r??e.activities[0],I=h?.story??(o&&o.activity===v?o.story:void 0)??v?.stories[0],_=h?.step??I?.steps[0],S={...t};return delete S.screen,v?S.activity=v.id:delete S.activity,I&&v?S.story=$(e,I.id)?I.id:C(v.id,I.id):delete S.story,_&&I&&v?S.step=k(e,_.id)?_.id:ue(v,I,_):delete S.step,delete S[B],Pt(S,oi(e,_,t))},ai=["activity","story","step","screen"],we=(e,t)=>re(t)==="app"?_t(e,t):Rt(e,t),di=(e,t)=>{const r=t.screen.previews.find(o=>o.kind==="browser");if(!r)return;let i;try{i=new URL(be(e,r),"https://page.example.com")}catch{return}const n=i.pathname.split("/").filter(o=>o!=="").map(o=>{try{return decodeURIComponent(o)}catch{return o}});return{origin:i.origin,segments:n}},Dt=()=>({screens:[],children:new Map}),ze=(e,t,r)=>{const[i,...n]=e.children.entries();if(e.screens.length===0&&i&&n.length===0&&r!=="/"){const[o,s]=i;return ze(s,`${t}/${o}`,`${r}/${o}`)}return{segment:t,path:r,screens:e.screens,children:[...e.children.entries()].map(([o,s])=>ze(s,`/${o}`,`${r==="/"?"":r}/${o}`))}},pi=e=>{const t=new Map;for(const[r,i]of e){const n=t.get(i.origin)??Dt();t.set(i.origin,n);let o=n;for(const s of i.segments){const a=o.children.get(s)??Dt();o.children.set(s,a),o=a}o.screens.push(r)}return[...t.entries()].map(([r,i])=>({origin:r,root:ze(i,"/","/")}))},li=(e,t)=>{const r=t.screens.map(o=>({app:t,screen:o})),i=[],n=[];for(const o of r){const s=di(e,o);s?i.push([o,s]):n.push(o)}return{app:t,screens:r,trees:pi(i),others:n}},Ot=e=>e.apps.map(t=>li(e,t)).filter(t=>t.screens.length>0),Ct=(e,t)=>t?.kind!=="screen"?e[0]:e.find(r=>r.app.id===t.app.id)??e[0],ci=(e,t)=>{switch(t.type){case"activity":return O(e,t.id)!==void 0;case"story":return $(e,t.id)!==void 0;case"step":return k(e,t.id)!==void 0;case"screen":return D(e,t.id)!==void 0;case"preview":return T(e,t.id)!==void 0;case"page":return!0;case Q:{const r=_e(t.id);return r!==void 0&&T(e,r.previewId)!==void 0}default:return!1}},Lt=e=>{const t=ve(e);return{name:"prototype",label:"UX Prototype",parseBase:pt,emptyBase:lt,actions:g,apply:ht,hasTarget:ci,canonicalTarget:(r,i)=>{if(i.type==="step"){const n=k(r,i.id);return n?{...i,id:ce(n)}:i}if(i.type==="story"){const n=$(r,i.id);return n?{...i,id:C(n.activity.id,n.story.id)}:i}if(i.type==="preview"){const n=T(r,i.id);return n?{...i,id:n.preview.id}:i}return i},describe:(r,i,n)=>gt(t,r,i,n),serialize:bt,resolveNavigation:we,navigationHierarchy:ai,commentTargets:(r,i)=>It(t,r),currentTarget:(r,i)=>ii(t,r,i),title:Ve}},me="data-dpk-modal",ui=e=>{try{return e.matches(":modal")}catch{return!1}},Mt=e=>{e.setAttribute(me,""),e.open||e.show()},Nt=e=>{Object.hasOwn(e,"showModal")||Object.defineProperty(e,"showModal",{configurable:!0,value:()=>Mt(e)})},Vt=(e,t)=>{if(!ui(t))return;const r=i=>{i.target===t&&(i.stopImmediatePropagation(),e.removeEventListener("close",r,!0))};e.addEventListener("close",r,!0),t.close(),Mt(t)},hi='a, button, input, select, textarea, label, summary, [role="button"], [role="link"], [role="tab"]',zt=/^-?[A-Za-z_][\w-]*$/,Yt=40,vi=(e,t)=>{const r=e.closest(hi);return r!==null&&r!==t&&t.contains(r)?r:e},ye=e=>{const t=e.replace(/\s+/g," ").trim();if(t==="")return;const r=Array.from(t);return r.length>Yt?`${r.slice(0,Yt).join("")}\u2026`:t},fi=e=>{const t=e.getAttribute("aria-label")??e.getAttribute("title");if(t)return ye(t);const r=e.tagName.toLowerCase();return ye(r==="input"||r==="textarea"||r==="select"?e.getAttribute("placeholder")??e.getAttribute("name")??"":r==="img"?e.getAttribute("alt")??"":e.textContent??"")},gi=e=>{const t=e.getAttribute("id");if(t&&zt.test(t))return`#${t}`;const r=e.tagName.toLowerCase(),i=Array.from(e.classList).filter(a=>zt.test(a)).slice(0,2).map(a=>`.${a}`).join(""),n=e.parentElement,o=n?Array.from(n.children).filter(a=>a.tagName===e.tagName):[],s=o.length>1?`:nth-of-type(${o.indexOf(e)+1})`:"";return`${r}${i}${s}`},bi=(e,t,r)=>{try{const i=e.querySelectorAll(t);return i.length===1&&i[0]===r}catch{return!1}},wi=(e,t)=>{const r=[];let i=e;for(;i!==null&&i!==t;){const o=gi(i);if(r.unshift(o),o.startsWith("#")||bi(t,r.join(" > "),e))break;i=i.parentElement}const n=fi(e);return{selector:r.length===0?":scope":r.join(" > "),tag:e.tagName.toLowerCase(),...n===void 0?{}:{text:n}}},mi=(e,t)=>{if(t===":scope")return e;try{return e.querySelector(t)}catch{return null}},yi=["screen","preview"],ne=e=>JSON.stringify(yi.map(t=>e[t]??null)),Wt=(e,t)=>e?.kind==="page"&&ne(e.page)===t,ke=e=>`tab-${e}`,ki=e=>({tabs:[{id:ke(1),history:[{kind:"page",page:e}],index:0}],activeId:ke(1),seen:ne(e),nextId:2}),xi={id:"",history:[],index:0},q=e=>e.tabs.find(t=>t.id===e.activeId)??e.tabs[0]??xi,oe=e=>{const t=q(e);return t.history[t.index]},$i=e=>q(e).index>0,Ei=e=>{const t=q(e);return t.index<t.history.length-1},Ut=(e,t)=>({...e,tabs:e.tabs.map(r=>r.id===e.activeId?t(r):r)}),Ye=(e,t)=>Ut(e,r=>({...r,history:[...r.history.slice(0,r.index+1),t],index:r.index+1})),xe=e=>{const t=oe(e);return t?.kind==="page"?{...e,seen:ne(t.page)}:e},Bt=(e,t)=>{const r=q(e),i=r.index+t;return i<0||i>=r.history.length?e:xe(Ut(e,n=>({...n,index:i})))},Gt=(e,t,r)=>{const i=ke(e.nextId),n=e.tabs.findIndex(o=>o.id===e.activeId)+1;return xe({...e,tabs:[...e.tabs.slice(0,n),{id:i,history:[t],index:0},...e.tabs.slice(n)],activeId:r?e.activeId:i,nextId:e.nextId+1})},Si=(e,t)=>{const r=e.tabs.findIndex(o=>o.id===t);if(r<0)return e;if(e.tabs.length===1){const o=ke(e.nextId);return{...e,tabs:[{id:o,history:[{kind:"new-tab"}],index:0}],activeId:o,nextId:e.nextId+1}}const i=e.tabs.filter(o=>o.id!==t);if(t!==e.activeId)return{...e,tabs:i};const n=i[r]??i[r-1];return xe({...e,tabs:i,activeId:n?.id??e.activeId})},Ti=(e,t)=>{const r=t===null?null:ne(t);if(r===e.seen)return e;const i={...e,seen:r};return t===null||r===null||Wt(oe(e),r)?i:Ye(i,{kind:"page",page:t})},Ii=(e,t)=>{const r=ne(t);return Wt(oe(e),r)?e.seen===r?e:{...e,seen:r}:Ye({...e,seen:r},{kind:"page",page:t})},Ht=(e,t)=>{switch(t.kind){case"observe":return Ti(e,t.page);case"visit":return Ii(e,t.page);case"back":return Bt(e,-1);case"forward":return Bt(e,1);case"open-tab":return Gt(e,t.entry,t.background);case"new-tab":return Gt(e,{kind:"new-tab"},!1);case"unreachable":return Ye(e,{kind:"unreachable",url:t.url});case"activate":return e.tabs.some(r=>r.id===t.id)&&t.id!==e.activeId?xe({...e,activeId:t.id}):e;case"close-tab":return Si(e,t.id);default:return e}},jt=(e,t)=>{const r=we(e,t),i=j(e,r);if(i?.kind!=="screen")return null;const[n]=Ne(e,i,r).shown;return n?.kind!=="browser"?null:{screen:i.screen.id,preview:n.id}},$e=(e,t)=>{const r=j(e,we(e,{[B]:"app",...t}));return r?.kind==="screen"?r:void 0},qt=(e,t)=>{const r=e.trim();if(r==="")return null;try{return r.startsWith("/")?new URL(r,t):new URL(/^[a-z][a-z0-9+.-]*:\/\//i.test(r)?r:`https://${r}`)}catch{return null}},Ft=e=>`${e.origin}${e.pathname.replace(/\/+$/,"")}`,Ai=(e,t,r)=>{const i=qt(t,r);if(i===null)return null;const n=Ft(i);for(const{screen:o}of z(e))for(const s of o.previews){if(s.kind!=="browser")continue;const a=qt(be(e,s),r);if(a!==null&&Ft(a)===n)return{screen:o.id,preview:s.id}}return null},Kt=e=>{try{return new URL(e).host||e}catch{return e}},Pi=(e,t,r)=>t===void 0||t.kind==="new-tab"?r.newTab:t.kind==="unreachable"?Kt(t.url):$e(e,t.page)?.screen.title??r.newTab,Xt=(e,t)=>{if(t===void 0||t.kind==="new-tab")return"";if(t.kind==="unreachable")return t.url;const r=$e(e,t.page)?.screen.previews.find(i=>i.id===t.page.preview);return r===void 0?"":be(e,r)},Jt=e=>{const t=q(e);for(let r=t.index;r>=0;r-=1){const i=t.history[r];if(i?.kind==="page")return i.page}for(const r of e.tabs){const i=r.history[r.index];if(i?.kind==="page")return i.page}},_i=(e,t)=>t===void 0?void 0:$e(e,t)?.app.actor,Zt=(e,t,r,i=null)=>{const n=q(t),o=n.history[n.index],s=_i(e,Jt(t)??i??void 0);return{tabs:t.tabs.map(a=>({id:a.id,title:Pi(e,a.history[a.index],r),url:Xt(e,a.history[a.index]),active:a.id===n.id})),entry:o,url:Xt(e,o),canBack:$i(t),canForward:Ei(t),...s===void 0?{}:{profile:s}}},Ri=e=>Jt(e)??null,Di=(e,t)=>{const r=t===null?void 0:$e(e,t),i=Ct(Ot(e),r),n=[],o=(s,a)=>{for(const{screen:p}of a.screens){const l=p.previews.find(b=>b.kind==="browser");l!==void 0&&n.push({title:p.title,url:`${s}${a.path==="/"?"":a.path}`,page:{screen:p.id,preview:l.id}})}for(const p of a.children)o(s,p)};for(const s of i?.trees??[])o(Kt(s.origin),s.root);return n},Qt=(e,t)=>{const{state:r,navigation:i}=e,n=j(r,i),o=re(i);return d`
+import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as vr,aJ as Ke,aK as fr,ae as M,ai as E,ao as gr,p as w,aq as m,v as de,av as J,P as br,e as wr,a0 as mr,h as Xe,N as Se,V,U as yr,R as y,a4 as d,a3 as c,aL as Te,aM as Ie,aC as Ae,a5 as kr,z as pe,aB as Je,l as xr,J as Ze,aN as $r,a6 as Z,A as Qe,aa as Er,a9 as Sr,a2 as Tr,T as et,a1 as Ir,aO as Ar,C as Pr}from"./shared-B_MMP97h.js";import{p as _r,r as Rr,P as Dr,c as Or,b as Cr}from"./shared-B4ewpBuM.js";import{i as tt}from"./shared-BSFZSMH5.js";const rt=["browser","native","mail","plain"],it=["mobile","tablet","desktop","fluid"],G=e=>"screen"in e,Lr=R({from:f(u()),to:f(u()),cc:f(u()),subject:f(u()),date:f(u())}),Mr={id:P,kind:L(ae(rt),"browser"),viewport:L(ae(it),"fluid"),label:f(u()),url:f(u()),mail:f(Lr)},Pe=x(R(Mr),hr(e=>e.mail===void 0||e.kind==="mail",'a preview `mail` envelope needs `"kind": "mail"`')),nt=gr([R({screen:P,preview:f(P)}),R({material:Pe})]),Nr=R({id:P,name:x(u(),E(1)),description:f(u()),actor:f(x(u(),E(1))),situation:f(x(u(),E(1))),panes:L(M(nt),[])}),Vr=R({id:P,name:x(u(),E(1)),description:f(u()),actor:f(x(u(),E(1))),steps:L(M(Nr),[])}),zr=R({id:P,name:x(u(),E(1)),description:f(u()),actor:f(x(u(),E(1))),stories:L(M(Vr),[])}),Yr=R({id:P,title:x(u(),E(1)),description:f(u()),previews:L(M(Pe),[])}),Ur=R({id:P,name:x(u(),E(1)),description:f(u()),actor:f(x(u(),E(1))),screens:L(M(Yr),[])}),ot=R({title:f(u()),baseUrl:f(u()),apps:L(M(Ur),[]),activities:L(M(zr),[])}),st=e=>e.flatMap(t=>G(t)?[]:[t.material]),Wr=e=>{const t=new Set,r=s=>{for(const a of s){if(t.has(a.id))return`duplicate preview id "${a.id}": preview ids are global, they name a light DOM slot`;t.add(a.id)}return null},i=new Set,n=new Set;for(const s of e.apps){if(i.has(s.id))return`duplicate app id "${s.id}"`;i.add(s.id);for(const a of s.screens){if(n.has(a.id))return`duplicate screen id "${a.id}": screen ids are global`;n.add(a.id);const p=r(a.previews);if(p!==null)return p}}const o=new Set;for(const s of e.activities){if(o.has(s.id))return`duplicate activity id "${s.id}"`;o.add(s.id);const a=new Set;for(const p of s.stories){if(a.has(p.id))return`duplicate story id "${p.id}" in activity "${s.id}"`;a.add(p.id);const l=new Set;for(const b of p.steps){if(l.has(b.id))return`duplicate step id "${b.id}" in story "${p.id}"`;l.add(b.id);const h=r(st(b.panes));if(h!==null)return h}}}return null},at=(e,t)=>{const r=new Map;for(const i of t.panes){if(!G(i))continue;const n=e(i.screen);if(n===void 0)return`unknown screen "${i.screen}" on step "${t.id}": declare it under \`apps[].screens\``;if(i.preview!==void 0&&!n.includes(i.preview))return`preview "${i.preview}" on step "${t.id}" is not a rendition of screen "${i.screen}"`;const o=r.get(i.screen)??[];if(o.length>0&&(i.preview===void 0||o.includes(i.preview)||o.includes(void 0)))return`screen "${i.screen}" is shown twice on step "${t.id}": give each pane a different \`preview\``;r.set(i.screen,[...o,i.preview])}return null},Br=e=>{const t=new Map(e.apps.flatMap(r=>r.screens.map(i=>[i.id,i.previews.map(n=>n.id)])));for(const r of e.activities.flatMap(i=>i.stories.flatMap(n=>n.steps))){const i=at(n=>t.get(n),r);if(i!==null)return i}return null},Gr=(e,t)=>at(r=>D(e,r)?.screen.previews.map(i=>i.id),t),Q="ui",dt=e=>{const t=e.text?.replaceAll('"',"'");return`${e.previewId}/${e.selector}${t===void 0?"":` "${t}"`}`},_e=e=>{const t=e.indexOf("/");if(t<=0)return;const r=e.slice(0,t);if(!fr(P,r))return;const i=e.slice(t+1),n=/ "([^"]*)"$/.exec(i),o=(n?i.slice(0,n.index):i).trim();if(o!=="")return n?.[1]===void 0?{previewId:r,selector:o}:{previewId:r,selector:o,text:n[1]}},pt=e=>{const t=vr(ot,e),r=Wr(t)??Br(t);if(r!==null)throw new Error(r);return t},lt=()=>({apps:[],activities:[]}),z=e=>e.apps.flatMap(t=>t.screens.map(r=>({app:t,screen:r}))),D=(e,t)=>{if(t!==void 0)return z(e).find(r=>r.screen.id===t)},le=(e,t)=>t.panes.flatMap(r=>{const i=G(r)?D(e,r.screen):void 0;return i?[i]:[]}),H=e=>st(e.panes),Hr=(e,t)=>e.panes.some(r=>G(r)&&r.screen===t),O=(e,t)=>{if(t!==void 0)return e.activities.find(r=>r.id===t)},C=(e,t)=>`${e}.${t}`,$=(e,t)=>{if(t===void 0)return;const r=Ke(t,2);if(r){const[n,o]=r;if(n===void 0||o===void 0)return;const s=e.activities.find(p=>p.id===n),a=s?.stories.find(p=>p.id===o);return s&&a?{activity:s,story:a}:void 0}if(t.includes("."))return;const i=e.activities.flatMap(n=>n.stories.filter(o=>o.id===t).map(o=>({activity:n,story:o})));return i.length===1?i[0]:void 0},ct=e=>{const t=e.lastIndexOf(".");return t>=0?e.slice(t+1):e},ce=e=>`${e.activity.id}.${e.story.id}.${e.step.id}`,ue=(e,t,r)=>`${e.id}.${t.id}.${r.id}`,k=(e,t)=>{if(t===void 0)return;const r=Ke(t,3);if(r){const[n,o,s]=r;if(n===void 0||o===void 0||s===void 0)return;const a=e.activities.find(h=>h.id===n),p=a?.stories.find(h=>h.id===o),l=p?p.steps.findIndex(h=>h.id===s):-1,b=p&&l>=0?p.steps[l]:void 0;return a&&p&&b?{activity:a,story:p,step:b,stepIndex:l}:void 0}if(t.includes("."))return;const i=Y(e).filter(n=>n.step.id===t);return i.length===1?i[0]:void 0},T=(e,t)=>{if(t!==void 0){for(const r of z(e)){const i=r.screen.previews.find(n=>n.id===t);if(i)return{owner:{kind:"screen",...r},preview:i}}for(const r of Y(e)){const i=H(r.step).find(n=>n.id===t);if(i)return{owner:{kind:"step",...r},preview:i}}}},Y=e=>e.activities.flatMap(t=>t.stories.flatMap(r=>r.steps.map((i,n)=>({activity:t,story:r,step:i,stepIndex:n})))),ut=e=>Y(e).map(t=>t.step.id),g={SET_ACTIVITY_NAME:w("SET_ACTIVITY_NAME","activity",m({name:x(u(),E(1))})),SET_ACTIVITY_DESCRIPTION:w("SET_ACTIVITY_DESCRIPTION","activity",m({description:u()})),SET_STORY_NAME:w("SET_STORY_NAME","story",m({name:x(u(),E(1))})),SET_STORY_DESCRIPTION:w("SET_STORY_DESCRIPTION","story",m({description:u()})),SET_STEP_NAME:w("SET_STEP_NAME","step",m({name:x(u(),E(1))})),SET_STEP_DESCRIPTION:w("SET_STEP_DESCRIPTION","step",m({description:u()})),SET_PREVIEW_KIND:w("SET_PREVIEW_KIND","preview",m({kind:ae(rt)})),SET_PREVIEW_VIEWPORT:w("SET_PREVIEW_VIEWPORT","preview",m({viewport:ae(it)})),SET_PREVIEW_LABEL:w("SET_PREVIEW_LABEL","preview",m({label:u()})),REORDER_ACTIVITY:w("REORDER_ACTIVITY","activity",m({after:J(u())}),{mode:"sequence"}),REORDER_STORY:w("REORDER_STORY","story",m({after:J(u())}),{mode:"sequence"}),REORDER_STEP:w("REORDER_STEP","step",m({after:J(u())}),{mode:"sequence"}),MOVE_STORY:w("MOVE_STORY","story",m({toActivity:x(u(),E(1)),after:J(u())}),{mode:"sequence"}),MOVE_STEP:w("MOVE_STEP","step",m({toStory:x(u(),E(1)),after:J(u())}),{mode:"sequence"}),ADD_ACTIVITY:w("ADD_ACTIVITY","page",m({id:P,name:x(u(),E(1)),description:f(u())}),{dedupeKey:de}),ADD_STORY:w("ADD_STORY","activity",m({id:P,name:x(u(),E(1)),description:f(u())}),{dedupeKey:de}),ADD_STEP:w("ADD_STEP","story",m({id:P,name:x(u(),E(1)),description:f(u()),panes:f(M(nt))}),{dedupeKey:de}),ADD_PREVIEW:w("ADD_PREVIEW","step",Pe,{dedupeKey:de}),DELETE_ACTIVITY:w("DELETE_ACTIVITY","activity",m({})),DELETE_STORY:w("DELETE_STORY","story",m({})),DELETE_STEP:w("DELETE_STEP","step",m({})),DELETE_PREVIEW:w("DELETE_PREVIEW","preview",m({}))},ee={setActivityName:(e,t)=>({type:"SET_ACTIVITY_NAME",target:{type:"activity",id:e},payload:{name:t}}),setActivityDescription:(e,t)=>({type:"SET_ACTIVITY_DESCRIPTION",target:{type:"activity",id:e},payload:{description:t}}),setStoryName:(e,t)=>({type:"SET_STORY_NAME",target:{type:"story",id:e},payload:{name:t}}),setStoryDescription:(e,t)=>({type:"SET_STORY_DESCRIPTION",target:{type:"story",id:e},payload:{description:t}}),setStepName:(e,t)=>({type:"SET_STEP_NAME",target:{type:"step",id:e},payload:{name:t}}),setStepDescription:(e,t)=>({type:"SET_STEP_DESCRIPTION",target:{type:"step",id:e},payload:{description:t}}),setPreviewViewport:(e,t)=>({type:"SET_PREVIEW_VIEWPORT",target:{type:"preview",id:e},payload:{viewport:t}}),setPreviewKind:(e,t)=>({type:"SET_PREVIEW_KIND",target:{type:"preview",id:e},payload:{kind:t}}),setPreviewLabel:(e,t)=>({type:"SET_PREVIEW_LABEL",target:{type:"preview",id:e},payload:{label:t}}),reorderActivity:(e,t)=>({type:"REORDER_ACTIVITY",target:{type:"activity",id:e},payload:{after:t}}),reorderStory:(e,t)=>({type:"REORDER_STORY",target:{type:"story",id:e},payload:{after:t}}),reorderStep:(e,t)=>({type:"REORDER_STEP",target:{type:"step",id:e},payload:{after:t}}),moveStep:(e,t,r)=>({type:"MOVE_STEP",target:{type:"step",id:e},payload:{toStory:t,after:r}}),moveStory:(e,t,r)=>({type:"MOVE_STORY",target:{type:"story",id:e},payload:{toActivity:t,after:r}}),addActivity:(e,t,r)=>({type:"ADD_ACTIVITY",target:{type:"page",id:"prototype"},payload:{id:e,name:t,...r===void 0?{}:{description:r}}}),addStory:(e,t,r,i)=>({type:"ADD_STORY",target:{type:"activity",id:e},payload:{id:t,name:r,...i===void 0?{}:{description:i}}}),addStep:(e,t,r,i)=>({type:"ADD_STEP",target:{type:"story",id:e},payload:{id:t,name:r,...i===void 0?{}:{panes:i}}}),addPreview:(e,t)=>({type:"ADD_PREVIEW",target:{type:"step",id:e},payload:{...t}}),deleteActivity:e=>({type:"DELETE_ACTIVITY",target:{type:"activity",id:e},payload:{}}),deleteStory:e=>({type:"DELETE_STORY",target:{type:"story",id:e},payload:{}}),deleteStep:e=>({type:"DELETE_STEP",target:{type:"step",id:e},payload:{}}),deletePreview:e=>({type:"DELETE_PREVIEW",target:{type:"preview",id:e},payload:{}})},ht=(e,t)=>{const r=br(g,t);if(r===null)return null;const i=r.target.id;switch(r.type){case"SET_ACTIVITY_NAME":return U(e,i,n=>({...n,name:r.payload.name}));case"SET_ACTIVITY_DESCRIPTION":return U(e,i,n=>({...n,description:r.payload.description}));case"SET_STORY_NAME":return W(e,i,n=>({...n,name:r.payload.name}));case"SET_STORY_DESCRIPTION":return W(e,i,n=>({...n,description:r.payload.description}));case"SET_STEP_NAME":return he(e,i,n=>({...n,name:r.payload.name}));case"SET_STEP_DESCRIPTION":return he(e,i,n=>({...n,description:r.payload.description}));case"SET_PREVIEW_KIND":return De(e,i,n=>({...n,kind:r.payload.kind}));case"SET_PREVIEW_VIEWPORT":return De(e,i,n=>({...n,viewport:r.payload.viewport}));case"SET_PREVIEW_LABEL":return De(e,i,n=>({...n,label:r.payload.label}));case"REORDER_ACTIVITY":{const{after:n}=r.payload,o=te(e.activities,i,n);return o===null?null:{...e,activities:o}}case"REORDER_STORY":{const{after:n}=r.payload,o=$(e,i);if(!o)return null;const s=n===null?null:$(e,n);if(n!==null&&(!s||s.activity!==o.activity))return null;const a=te(o.activity.stories,o.story.id,s?.story.id??null);return a===null?null:U(e,o.activity.id,p=>({...p,stories:a}))}case"REORDER_STEP":{const{after:n}=r.payload,o=k(e,i);if(!o)return null;const s=n===null?null:k(e,n);if(n!==null&&(!s||s.story!==o.story))return null;const a=te(o.story.steps,o.step.id,s?.step.id??null);return a===null?null:W(e,C(o.activity.id,o.story.id),p=>({...p,steps:a}))}case"MOVE_STORY":{const{toActivity:n,after:o}=r.payload,s=$(e,i);if(!s)return null;const a=e.activities.find(h=>h.id===n);if(!a)return null;const p=o===null?null:$(e,o);if(o!==null&&(!p||p.activity!==a))return null;const l=p?.story.id??null;if(s.activity.id===n){const h=te(s.activity.stories,s.story.id,l);return h===null?null:U(e,n,v=>({...v,stories:h}))}if(a.stories.some(h=>h.id===s.story.id))return null;const b=Oe(a.stories,s.story,l);return Re(e,h=>h.id===s.activity.id?{...h,stories:h.stories.filter(v=>v.id!==ct(i))}:h.id===n?{...h,stories:b}:h)}case"MOVE_STEP":{const{toStory:n,after:o}=r.payload,s=k(e,i);if(!s)return null;const a=$(e,n);if(!a)return null;const p=o===null?null:k(e,o);if(o!==null&&(!p||p.story!==a.story))return null;const l=p?.step.id??null;if(s.story===a.story){const h=te(s.story.steps,s.step.id,l);return h===null?null:W(e,n,v=>({...v,steps:h}))}if(a.story.steps.some(h=>h.id===s.step.id))return null;const b=Oe(a.story.steps,s.step,l);return Re(e,h=>({...h,stories:h.stories.map(v=>v===s.story?{...v,steps:v.steps.filter(I=>I.id!==ct(i))}:v===a.story?{...v,steps:b}:v)}))}case"ADD_ACTIVITY":{const n=r.payload;if(e.activities.some(s=>s.id===n.id))return e;const o={id:n.id,name:n.name,...n.description===void 0?{}:{description:n.description},stories:[]};return{...e,activities:[...e.activities,o]}}case"ADD_STORY":{const n=r.payload,o=e.activities.find(a=>a.id===i);if(!o)return null;if(o.stories.some(a=>a.id===n.id))return e;const s={id:n.id,name:n.name,...n.description===void 0?{}:{description:n.description},steps:[]};return U(e,i,a=>({...a,stories:[...a.stories,s]}))}case"ADD_STEP":{const n=r.payload,o=$(e,i)?.story;if(!o)return null;if(o.steps.some(p=>p.id===n.id))return e;const s=n.panes??[],a={id:n.id,name:n.name,...n.description===void 0?{}:{description:n.description},panes:s};return jr(e,a)?W(e,i,p=>({...p,steps:[...p.steps,a]})):null}case"ADD_PREVIEW":{const n=r.payload,o=k(e,i)?.step;return o?H(o).some(s=>s.id===n.id)?e:T(e,n.id)?null:he(e,i,s=>({...s,panes:[...s.panes,{material:n}]})):null}case"DELETE_ACTIVITY":{const n=i;return e.activities.some(o=>o.id===n)?{...e,activities:e.activities.filter(o=>o.id!==n)}:null}case"DELETE_STORY":{const n=$(e,i);return n?U(e,n.activity.id,o=>({...o,stories:o.stories.filter(s=>s.id!==n.story.id)})):null}case"DELETE_STEP":{const n=k(e,i);return n?W(e,C(n.activity.id,n.story.id),o=>({...o,steps:o.steps.filter(s=>s.id!==n.step.id)})):null}case"DELETE_PREVIEW":{const n=T(e,i);return n?vt(e,n.owner,o=>o.filter(s=>s.id!==n.preview.id)):null}default:return wr(r)}},Re=(e,t)=>({...e,activities:e.activities.map(t)}),U=(e,t,r)=>{const i=t;return e.activities.some(n=>n.id===i)?Re(e,n=>n.id===i?r(n):n):null},W=(e,t,r)=>{const i=$(e,t);if(!i)return null;const n=i.story.id;return U(e,i.activity.id,o=>({...o,stories:o.stories.map(s=>s.id===n?r(s):s)}))},he=(e,t,r)=>{const i=k(e,t);if(!i)return null;const n=i.step.id;return W(e,C(i.activity.id,i.story.id),o=>({...o,steps:o.steps.map(s=>s.id===n?r(s):s)}))},De=(e,t,r)=>{const i=T(e,t);if(!i)return null;const n=i.preview.id;return vt(e,i.owner,o=>o.map(s=>s.id===n?r(s):s))},jr=(e,t)=>{const r=H(t).map(i=>i.id);return Gr(e,t)===null&&new Set(r).size===r.length&&!r.some(i=>T(e,i))},vt=(e,t,r)=>{if(t.kind==="step")return he(e,ce(t),n=>{const o=new Map(r([...H(n)]).map(s=>[s.id,s]));return{...n,panes:n.panes.flatMap(s=>{if(G(s))return[s];const a=o.get(s.material.id);return a?[{material:a}]:[]})}});const i=t.screen.id;return{...e,apps:e.apps.map(n=>n.id===t.app.id?{...n,screens:n.screens.map(o=>o.id===i?{...o,previews:r(o.previews)}:o)}:n)}},te=(e,t,r)=>{const i=e.findIndex(s=>s.id===t);if(i<0||r!==null&&!e.some(s=>s.id===r))return null;if(t===r)return[...e];const n=e[i];if(n===void 0)return null;const o=e.filter(s=>s.id!==t);return Oe(o,n,r)},Oe=(e,t,r)=>{const i=[...e],n=r===null?-1:i.findIndex(o=>o.id===r);return i.splice(n+1,0,t),i},ve=mr({en:{renameActivity:"Rename Activity",updateActivityDescription:"Update Activity description",renameStory:"Rename UserStory",updateStoryDescription:"Update UserStory description",renameStep:"Rename Step",updateStepDescription:"Update Step description",changePreviewKind:"Change Preview kind",changePreviewViewport:"Change Preview viewport",changePreviewLabel:"Change Preview label",moveStory:"Move UserStory",moveStep:"Move Step",deleteTitle:"Delete",reorderTitle:e=>`Reorder ${e}`,addTitle:e=>`Add ${e}`,toFront:"\u2192 To the front",afterName:e=>`\u2192 Right after "${e}"`,unknownTarget:"(unknown target)",activityGroup:"Activity",storyGroup:"UserStory",stepGroup:"Step",screenGroup:"Screen",openInApp:"Open this screen in the app view",previewGroup:"Preview",pageGroup:"Page",uiGroup:"UI",targetLabel:(e,t)=>`${e} \xB7 ${t}`,targetMissing:(e,t)=>`${e} \xB7 ${t} (missing)`,noActivityBefore:"There are no Activities yet. Add ",noActivityAfter:" to the base JSON, or ask the agent.",deleteStepAria:"Delete step",addStepButton:"+ Step",stepNameLabel:"Step name",descriptionLabel:"Description",descriptionPlaceholder:"What happens in this Step (click to edit)",newStepName:"New step",viewLabel:"View",viewScenario:"Scenario",viewApp:"App",viewScenarioHint:"Follow one user story step by step",viewAppHint:"Use the UI as one app, whatever the scenario",appScreens:"Screens",appScreensHint:"Pick a screen to start from, then move around through the UI itself.",appSelectLabel:"App",appOutsideBrowser:"Outside the browser",noStepBefore:"There are no Steps yet. A Prototype has the meaning structure ",noStepAfter:" \u2014 one Step is one moment of the story: the screen the user is on and what they have at hand. Add a Step to the base JSON, and its screen will appear here.",noScreens:"This product has no screens yet. Declare its apps and their screens under apps[].screens in the base JSON, and they will appear here.",noPreviewMetadata:"No preview metadata \u2014 ask the agent to add it.",storyWithoutSteps:"This UserStory has no Steps yet, so there is no screen to show. Add one with + Step, or ask the agent to prototype it.",pageActor:e=>`Used by ${e}`,maximize:"Maximize",restore:"Restore size",maximizeHint:"Show the preview alone across the tab \xB7 Esc to restore",situation:"Situation",uiComment:"Comment on UI",uiCommentHint:"Click any part of the preview to comment on it \xB7 Esc to finish",uiCommentPin:(e,t)=>`Comment ${e}: ${t}`,mailFrom:"From",mailTo:"To",mailCc:"Cc",mailDate:"Date",demo:"Demo",demoHint:"Use the app in a browser across the tab, with nothing else on screen \xB7 Esc to finish",exitDemo:"Exit demo",browserBack:"Back",browserForward:"Forward",browserReload:"Reload",browserAddress:"Address",browserTabs:"Tabs",newTab:"New tab",closeTab:"Close tab",browserProfile:e=>`Profile: ${e}`,browserGuest:"Guest",newTabShortcuts:"Pages of this app",unreachableTitle:"This site can\u2019t be reached",unreachableBody:"No page of the prototype has this address."},ja:{renameActivity:"Activity \u540D\u3092\u5909\u66F4",updateActivityDescription:"Activity \u306E\u8AAC\u660E\u3092\u66F4\u65B0",renameStory:"UserStory \u540D\u3092\u5909\u66F4",updateStoryDescription:"UserStory \u306E\u8AAC\u660E\u3092\u66F4\u65B0",renameStep:"Step \u540D\u3092\u5909\u66F4",updateStepDescription:"Step \u306E\u8AAC\u660E\u3092\u66F4\u65B0",changePreviewKind:"Preview \u306E\u7A2E\u5225\u3092\u5909\u66F4",changePreviewViewport:"Preview \u306E\u30D3\u30E5\u30FC\u30DD\u30FC\u30C8\u3092\u5909\u66F4",changePreviewLabel:"Preview \u306E\u30E9\u30D9\u30EB\u3092\u5909\u66F4",moveStory:"UserStory \u3092\u79FB\u52D5",moveStep:"Step \u3092\u79FB\u52D5",deleteTitle:"\u524A\u9664",reorderTitle:e=>`${e} \u306E\u9806\u5E8F\u3092\u5909\u66F4`,addTitle:e=>`${e} \u3092\u8FFD\u52A0`,toFront:"\u2192 \u5148\u982D\u3078",afterName:e=>`\u2192 "${e}" \u306E\u76F4\u5F8C\u3078`,unknownTarget:"(unknown target)",activityGroup:"Activity",storyGroup:"UserStory",stepGroup:"Step",screenGroup:"\u753B\u9762",openInApp:"\u3053\u306E\u753B\u9762\u3092\u30A2\u30D7\u30EA\u30D3\u30E5\u30FC\u3067\u958B\u304F",previewGroup:"Preview",pageGroup:"Page",uiGroup:"UI",targetLabel:(e,t)=>`${e} \xB7 ${t}`,targetMissing:(e,t)=>`${e} \xB7 ${t} (missing)`,noActivityBefore:"Activity \u304C\u307E\u3060\u3042\u308A\u307E\u305B\u3093\u3002base JSON \u306E ",noActivityAfter:" \u3092\u8FFD\u52A0\u3059\u308B\u304B\u3001Agent \u306B\u4F9D\u983C\u3057\u3066\u304F\u3060\u3055\u3044\u3002",deleteStepAria:"\u30B9\u30C6\u30C3\u30D7\u3092\u524A\u9664",addStepButton:"+ Step",stepNameLabel:"Step \u540D",descriptionLabel:"\u8AAC\u660E",descriptionPlaceholder:"\u3053\u306E Step \u3067\u4F55\u304C\u8D77\u304D\u308B\u304B\uFF08\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u7DE8\u96C6\uFF09",newStepName:"\u65B0\u3057\u3044\u30B9\u30C6\u30C3\u30D7",viewLabel:"\u8868\u793A",viewScenario:"\u30B7\u30CA\u30EA\u30AA",viewApp:"\u30A2\u30D7\u30EA",viewScenarioHint:"\u30E6\u30FC\u30B6\u30FC\u30B9\u30C8\u30FC\u30EA\u30FC\u306B\u6CBF\u3063\u3066 Step \u3092\u9806\u306B\u305F\u3069\u308B",viewAppHint:"\u30B7\u30CA\u30EA\u30AA\u306B\u95A2\u4FC2\u306A\u304F\u3001UI \u3092 1 \u3064\u306E\u30A2\u30D7\u30EA\u3068\u3057\u3066\u89E6\u308B",appScreens:"\u753B\u9762",appScreensHint:"\u8D77\u70B9\u306B\u3059\u308B\u753B\u9762\u3092\u9078\u3073\u3001\u3042\u3068\u306F UI \u306E\u30EA\u30F3\u30AF\u3067\u79FB\u52D5\u3057\u307E\u3059\u3002",appSelectLabel:"\u30A2\u30D7\u30EA",appOutsideBrowser:"\u30D6\u30E9\u30A6\u30B6\u4EE5\u5916",noStepBefore:"Step \u304C\u307E\u3060\u3042\u308A\u307E\u305B\u3093\u3002Prototype \u306F ",noStepAfter:" \u306E\u610F\u5473\u69CB\u9020\u3092\u6301\u3061\u30011 Step = \u30B7\u30CA\u30EA\u30AA\u306E 1 \u5834\u9762\uFF08\u30E6\u30FC\u30B6\u30FC\u304C\u3044\u308B\u753B\u9762\u3068\u3001\u624B\u5143\u306B\u3042\u308B\u3082\u306E\uFF09\u3067\u3059\u3002base JSON \u306B Step \u3092\u8FFD\u52A0\u3059\u308B\u3068\u3001\u3053\u3053\u306B\u305D\u306E\u753B\u9762\u304C\u73FE\u308C\u307E\u3059\u3002",noScreens:"\u3053\u306E\u30D7\u30ED\u30C0\u30AF\u30C8\u306B\u306F\u307E\u3060\u753B\u9762\u304C\u3042\u308A\u307E\u305B\u3093\u3002base JSON \u306E apps[].screens \u306B\u30A2\u30D7\u30EA\u3068\u753B\u9762\u3092\u5BA3\u8A00\u3059\u308B\u3068\u3001\u3053\u3053\u306B\u73FE\u308C\u307E\u3059\u3002",noPreviewMetadata:"preview metadata \u304C\u3042\u308A\u307E\u305B\u3093 \u2014 \u8FFD\u52A0\u306F Agent \u306B\u4F9D\u983C\u3057\u3066\u304F\u3060\u3055\u3044",storyWithoutSteps:"\u3053\u306E UserStory \u306B\u306F\u307E\u3060 Step \u304C\u306A\u304F\u3001\u898B\u305B\u308B\u753B\u9762\u304C\u3042\u308A\u307E\u305B\u3093\u3002+ Step \u3067\u8FFD\u52A0\u3059\u308B\u304B\u3001Agent \u306B\u30D7\u30ED\u30C8\u30BF\u30A4\u30D7\u3092\u4F9D\u983C\u3057\u3066\u304F\u3060\u3055\u3044\u3002",pageActor:e=>`\u5229\u7528\u8005: ${e}`,maximize:"\u6700\u5927\u5316",restore:"\u5143\u306E\u30B5\u30A4\u30BA\u306B\u623B\u3059",maximizeHint:"\u30D7\u30EC\u30D3\u30E5\u30FC\u3060\u3051\u3092\u30BF\u30D6\u3044\u3063\u3071\u3044\u306B\u8868\u793A \xB7 Esc \u3067\u623B\u308B",situation:"\u72B6\u6CC1",uiComment:"UI \u306B\u30B3\u30E1\u30F3\u30C8",uiCommentHint:"\u30D7\u30EC\u30D3\u30E5\u30FC\u306E\u8981\u7D20\u3092\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30B3\u30E1\u30F3\u30C8 \xB7 Esc \u3067\u7D42\u4E86",uiCommentPin:(e,t)=>`\u30B3\u30E1\u30F3\u30C8 ${e}: ${t}`,mailFrom:"\u5DEE\u51FA\u4EBA",mailTo:"\u5B9B\u5148",mailCc:"Cc",mailDate:"\u65E5\u6642",demo:"\u30C7\u30E2",demoHint:"\u307B\u304B\u306B\u4F55\u3082\u51FA\u3055\u305A\u3001\u30BF\u30D6\u3044\u3063\u3071\u3044\u306E\u30D6\u30E9\u30A6\u30B6\u3067\u30A2\u30D7\u30EA\u3092\u89E6\u308B \xB7 Esc \u3067\u7D42\u4E86",exitDemo:"\u30C7\u30E2\u3092\u7D42\u4E86",browserBack:"\u623B\u308B",browserForward:"\u9032\u3080",browserReload:"\u518D\u8AAD\u307F\u8FBC\u307F",browserAddress:"\u30A2\u30C9\u30EC\u30B9",browserTabs:"\u30BF\u30D6",newTab:"\u65B0\u3057\u3044\u30BF\u30D6",closeTab:"\u30BF\u30D6\u3092\u9589\u3058\u308B",browserProfile:e=>`\u30D7\u30ED\u30D5\u30A3\u30FC\u30EB: ${e}`,browserGuest:"\u30B2\u30B9\u30C8",newTabShortcuts:"\u3053\u306E\u30A2\u30D7\u30EA\u306E\u30DA\u30FC\u30B8",unreachableTitle:"\u3053\u306E\u30B5\u30A4\u30C8\u306B\u30A2\u30AF\u30BB\u30B9\u3067\u304D\u307E\u305B\u3093",unreachableBody:"\u30D7\u30ED\u30C8\u30BF\u30A4\u30D7\u306B\u3053\u306E\u30A2\u30C9\u30EC\u30B9\u306E\u30DA\u30FC\u30B8\u306F\u3042\u308A\u307E\u305B\u3093\u3002"}}),qr=["scenario","app"],B="view",re=e=>e[B]==="app"?"app":"scenario",ft=e=>({[B]:e==="app"?"app":null}),ie=(e,t)=>e===void 0?`\u2192 "${t}"`:`"${e}" \u2192 "${t}"`,Fr=e=>({SET_ACTIVITY_NAME:(t,r)=>({title:e.renameActivity,tone:"update",body:ie(O(r,t.target.id)?.name,y(g.SET_ACTIVITY_NAME,t).name)}),SET_ACTIVITY_DESCRIPTION:(t,r)=>({title:e.updateActivityDescription,tone:"update",body:Ce(O(r,t.target.id)?.description,y(g.SET_ACTIVITY_DESCRIPTION,t).description)}),SET_STORY_NAME:(t,r)=>({title:e.renameStory,tone:"update",body:ie($(r,t.target.id)?.story.name,y(g.SET_STORY_NAME,t).name)}),SET_STORY_DESCRIPTION:(t,r)=>({title:e.updateStoryDescription,tone:"update",body:Ce($(r,t.target.id)?.story.description,y(g.SET_STORY_DESCRIPTION,t).description)}),SET_STEP_NAME:(t,r)=>({title:e.renameStep,tone:"update",body:ie(k(r,t.target.id)?.step.name,y(g.SET_STEP_NAME,t).name)}),SET_STEP_DESCRIPTION:(t,r)=>({title:e.updateStepDescription,tone:"update",body:Ce(k(r,t.target.id)?.step.description,y(g.SET_STEP_DESCRIPTION,t).description)}),SET_PREVIEW_KIND:(t,r)=>({title:e.changePreviewKind,tone:"update",body:ie(T(r,t.target.id)?.preview.kind,y(g.SET_PREVIEW_KIND,t).kind)}),SET_PREVIEW_VIEWPORT:(t,r)=>({title:e.changePreviewViewport,tone:"update",body:ie(T(r,t.target.id)?.preview.viewport,y(g.SET_PREVIEW_VIEWPORT,t).viewport)}),SET_PREVIEW_LABEL:t=>({title:e.changePreviewLabel,tone:"update",body:`\u2192 "${y(g.SET_PREVIEW_LABEL,t).label}"`}),REORDER_ACTIVITY:t=>Le(e,e.activityGroup,y(g.REORDER_ACTIVITY,t).after),REORDER_STORY:t=>Le(e,e.storyGroup,y(g.REORDER_STORY,t).after),REORDER_STEP:t=>Le(e,e.stepGroup,y(g.REORDER_STEP,t).after),MOVE_STORY:(t,r)=>({title:e.moveStory,tone:"move",body:`\u2192 ${O(r,y(g.MOVE_STORY,t).toActivity)?.name??y(g.MOVE_STORY,t).toActivity}`}),MOVE_STEP:(t,r)=>({title:e.moveStep,tone:"move",body:`\u2192 ${$(r,y(g.MOVE_STEP,t).toStory)?.story.name??y(g.MOVE_STEP,t).toStory}`}),ADD_ACTIVITY:t=>fe(e,e.activityGroup,y(g.ADD_ACTIVITY,t).name),ADD_STORY:t=>fe(e,e.storyGroup,y(g.ADD_STORY,t).name),ADD_STEP:t=>fe(e,e.stepGroup,y(g.ADD_STEP,t).name),ADD_PREVIEW:t=>fe(e,e.previewGroup,y(g.ADD_PREVIEW,t).label??y(g.ADD_PREVIEW,t).id),DELETE_ACTIVITY:(t,r)=>ge(e,O(r,t.target.id)?.name),DELETE_STORY:(t,r)=>ge(e,$(r,t.target.id)?.story.name),DELETE_STEP:(t,r)=>ge(e,k(r,t.target.id)?.step.name),DELETE_PREVIEW:(t,r)=>ge(e,T(r,t.target.id)?.preview.label)}),Ce=(e,t)=>{const r=t.length>90?`${t.slice(0,90)}\u2026`:t;return e===void 0||e===""?`\u2192 "${r}"`:`"${Kr(e)}" \u2192 "${r}"`},Kr=e=>e.length>60?`${e.slice(0,60)}\u2026`:e,Le=(e,t,r)=>({title:e.reorderTitle(t),tone:"move",body:r===null?e.toFront:e.afterName(r)}),fe=(e,t,r)=>({title:e.addTitle(t),tone:"create",body:`+ "${r}"`}),ge=(e,t)=>({title:e.deleteTitle,tone:"delete",body:t===void 0?e.unknownTarget:`\u2212 "${t}"`}),gt=(e,t,r,i)=>{const n=Fr(e),o=Object.hasOwn(n,t.type)?n[t.type]:void 0,s=o?o(t,i??r):{title:t.type,tone:"meta"};return{title:s.title,targetLabel:wt(e,r,t.target),tone:s.tone,...s.body===void 0?{}:{summary:s.body}}},bt=e=>`${e.type} ${V(e.target)} ${JSON.stringify(e.payload)}`,wt=(e,t,r)=>{switch(r.type){case"activity":{const i=O(t,r.id);return i?e.targetLabel(e.activityGroup,i.name):e.targetMissing(e.activityGroup,r.id)}case"story":{const i=$(t,r.id)?.story;return i?e.targetLabel(e.storyGroup,i.name):e.targetMissing(e.storyGroup,r.id)}case"step":{const i=k(t,r.id)?.step;return i?e.targetLabel(e.stepGroup,i.name):e.targetMissing(e.stepGroup,r.id)}case"screen":{const i=D(t,r.id)?.screen;return i?e.targetLabel(e.screenGroup,i.title):e.targetMissing(e.screenGroup,r.id)}case"preview":{const i=T(t,r.id)?.preview;return i?e.targetLabel(e.previewGroup,i.label??i.id):e.targetMissing(e.previewGroup,r.id)}case"page":return e.targetLabel(e.pageGroup,Ve(t));case Q:{const i=_e(r.id),n=i?T(t,i.previewId)?.preview:void 0;return i&&n?e.targetLabel(e.uiGroup,mt(n,i)):e.targetMissing(e.uiGroup,r.id)}default:return e.targetLabel(r.type,r.id)}},mt=(e,t)=>{const r=t.text===void 0?t.selector:`"${t.text}"`;return`${e.label??e.id} \u203A ${r}`},yt=(e,t)=>{const r=[];for(const i of e){if(i.target.type!==Q)continue;const n=_e(i.target.id);!n||!t.includes(n.previewId)||r.push({id:i.id,previewId:n.previewId,selector:n.selector,number:r.length+1,body:Xe(i)})}return r},kt=(e,t)=>yt(e,t).length,Xr=/^[a-z][a-z0-9+.-]*:/i,Jr=e=>{const t=e.baseUrl?.trim(),r=yr(e.title??"");return`${(t?t.startsWith("http")?t:`https://${t}`:`https://${r==="item"?"page":r}.example.com`).replace(/\/+$/,"")}/`},be=(e,t)=>{const r=Jr(e);if(!t.url)return`${r}${t.id}`;if(Xr.test(t.url))return t.url;try{return decodeURI(new URL(t.url,r).href)}catch{return t.url}},Me=",",xt=e=>e.preview?.split(Me)??[],Zr=(e,t)=>e.kind===t.kind&&e.viewport===t.viewport,$t=(e,t,r)=>{const i=t.find(o=>r.includes(o.id));if(i)return i;const n=r.flatMap(o=>T(e,o)?.preview??[]);return t.find(o=>n.some(s=>Zr(o,s)))??t[0]},Et=(e,t,r,i)=>{const n=t.screen.previews,o=r===void 0?$t(e,n,xt(i)):n.find(a=>a.id===r);if(!o)return;const s=r===void 0&&n.length>1;return{kind:"screen",screen:t,preview:o,pinned:r!==void 0,tabs:s?n:[]}},St=e=>({layout:e.length>1?"side-by-side":"single",panes:e,shown:e.map(t=>t.preview)}),Tt=(e,t,r)=>t.panes.flatMap(i=>{if(!G(i))return[{kind:"material",preview:i.material}];const n=D(e,i.screen),o=n&&Et(e,n,i.preview,r);return o?[o]:[]}),Ne=(e,t,r)=>{if(t.kind==="screen"){const i=Et(e,t,void 0,r);return St(i?[i]:[])}return St(Tt(e,t.step,r))},Qr=(e,t)=>e.panes.flatMap(r=>r.kind!=="screen"||r.tabs.length===0?[]:[r.tabs.some(i=>i.id===t)?t:r.preview.id]).join(Me),ei=(e,t)=>[...H(t),...le(e,t).flatMap(r=>r.screen.previews)],ti=["activity","story","step","screen","preview"],ri=(e,t,r)=>{switch(t){case"activity":return O(e,r)!==void 0;case"story":return $(e,r)!==void 0||e.activities.some(i=>i.stories.some(n=>n.id===r));case"step":return k(e,r)!==void 0||Y(e).some(i=>i.step.id===r);case"screen":return D(e,r)!==void 0;case"preview":return T(e,r)!==void 0;default:return!1}},ii=(e,t)=>{let r;if(t.navigate!==null)r=t.navigate.includes("=")?t.navigate:`step=${t.navigate}`;else{const o=t.href?.trim()??"";if(o===""||o==="#"||o.toLowerCase().startsWith("javascript:"))return"no-destination";if(!o.startsWith("#"))return null;r=o}const i=Se(r),n=ti.filter(o=>i[o]!==void 0);return n.length===0?t.navigate===null?null:"unknown-target":n.every(o=>ri(e,o,i[o]??""))?null:"unknown-target"},ni=(e,t)=>{const r=t.mail??{},i=[{label:e.mailFrom,value:r.from},{label:e.mailTo,value:r.to},{label:e.mailCc,value:r.cc},{label:e.mailDate,value:r.date}].flatMap(s=>s.value===void 0||s.value.trim()===""?[]:[{label:s.label,value:s.value}]),n=r.from?.replace(/<[^>]*>/g,"").replace(/["']/g,"").trim()||r.from?.trim(),o=n?Array.from(n)[0]?.toUpperCase():void 0;return{...r.subject===void 0||r.subject.trim()===""?{}:{subject:r.subject},...n?{sender:n}:{},...o===void 0?{}:{initial:o},rows:i}},It=(e,t)=>{const r=[];for(const i of t.activities){r.push({value:V({type:"activity",id:i.id}),label:i.name,group:e.activityGroup});for(const n of i.stories){r.push({value:V({type:"story",id:C(i.id,n.id)}),label:`${i.name} \u203A ${n.name}`,group:e.storyGroup});for(const o of n.steps)r.push({value:V({type:"step",id:ue(i,n,o)}),label:`${n.name} \u203A ${o.name}`,group:e.stepGroup})}}for(const{app:i,screen:n}of z(t))r.push({value:V({type:"screen",id:n.id}),label:`${i.name} \u203A ${n.title}`,group:e.screenGroup});return r},oi=(e,t,r)=>{const i=j(t,r);if(i?.kind==="screen"){const{screen:n}=i;return{value:V({type:"screen",id:n.id}),label:n.title,group:e.screenGroup}}return i?.kind!=="step"?null:{value:V({type:"step",id:ce(i)}),label:i.step.name,group:e.stepGroup}},j=(e,t)=>{if(re(t)==="app"){const o=D(e,t.screen);return o?{kind:"screen",...o}:void 0}const r=k(e,t.step);if(r)return{kind:"step",...r};const i=O(e,t.activity),n=i?.stories.find(o=>o.id===t.story||C(i.id,o.id)===t.story);return i&&n?{kind:"story",activity:i,story:n}:void 0},At=(e,t)=>{const r=(p,l)=>l===void 0?{title:p}:{actor:l,title:p};if(t.kind==="screen")return r(t.screen.title,t.app.actor);const{activity:i,story:n,step:o}=t,s=le(e,o),a=s.length===1?s[0]:void 0;return r(a?.screen.title??o.name,o.actor??n.actor??i.actor??a?.app.actor)},si=(e,t)=>{const r=t.actor??e.actor;return r===void 0?{title:t.name}:{actor:r,title:t.name}},Ve=e=>e.title??"UX Prototype",Pt=(e,t)=>(t?e.preview=t:delete e.preview,e),ai=(e,t,r)=>{if(!t)return;const i=Tt(e,t,r).flatMap(n=>n.kind==="screen"&&!n.pinned?[n.preview.id]:[]);return i.length===0?void 0:i.join(Me)},_t=(e,t)=>{const r=()=>{if(t.step===void 0&&t.story===void 0)return;const o=Rt(e,{...t,[B]:""}),s=k(e,o.step);return s&&le(e,s.step)[0]},i=D(e,t.screen)??r()??z(e)[0],n={...t,[B]:"app"};for(const o of["activity","story","step"])delete n[o];return i?n.screen=i.screen.id:delete n.screen,Pt(n,i&&$t(e,i.screen.previews,xt(t))?.id)},di=(e,t,r)=>{const i=s=>Hr(s.step,t);if(r&&i(r))return r;const n=r?.story.steps??[],o=s=>{const a=n[s];return r&&a?{...r,step:a,stepIndex:s}:void 0};for(let s=(r?.stepIndex??0)+1;s<n.length;s+=1){const a=o(s);if(a&&i(a))return a}for(let s=(r?.stepIndex??0)-1;s>=0;s-=1){const a=o(s);if(a&&i(a))return a}return Y(e).find(i)},Rt=(e,t)=>{const r=O(e,t.activity),i=t.story,n=r?.stories.find(N=>N.id===i||C(r.id,N.id)===i),o=n&&r?{activity:r,story:n}:$(e,i),s=t.step,p=(o&&s?k(e,`${C(o.activity.id,o.story.id)}.${s}`):void 0)??k(e,s),l=t.screen,b=l===void 0?void 0:di(e,l,p);if(l!==void 0&&!b&&D(e,l))return _t(e,{...t,[B]:"app"});const h=b??p,v=h?.activity??o?.activity??r??e.activities[0],I=h?.story??(o&&o.activity===v?o.story:void 0)??v?.stories[0],_=h?.step??I?.steps[0],S={...t};return delete S.screen,v?S.activity=v.id:delete S.activity,I&&v?S.story=$(e,I.id)?I.id:C(v.id,I.id):delete S.story,_&&I&&v?S.step=k(e,_.id)?_.id:ue(v,I,_):delete S.step,delete S[B],Pt(S,ai(e,_,t))},pi=["activity","story","step","screen"],we=(e,t)=>re(t)==="app"?_t(e,t):Rt(e,t),li=(e,t)=>{const r=t.screen.previews.find(o=>o.kind==="browser");if(!r)return;let i;try{i=new URL(be(e,r),"https://page.example.com")}catch{return}const n=i.pathname.split("/").filter(o=>o!=="").map(o=>{try{return decodeURIComponent(o)}catch{return o}});return{origin:i.origin,segments:n}},Dt=()=>({screens:[],children:new Map}),ze=(e,t,r)=>{const[i,...n]=e.children.entries();if(e.screens.length===0&&i&&n.length===0&&r!=="/"){const[o,s]=i;return ze(s,`${t}/${o}`,`${r}/${o}`)}return{segment:t,path:r,screens:e.screens,children:[...e.children.entries()].map(([o,s])=>ze(s,`/${o}`,`${r==="/"?"":r}/${o}`))}},ci=e=>{const t=new Map;for(const[r,i]of e){const n=t.get(i.origin)??Dt();t.set(i.origin,n);let o=n;for(const s of i.segments){const a=o.children.get(s)??Dt();o.children.set(s,a),o=a}o.screens.push(r)}return[...t.entries()].map(([r,i])=>({origin:r,root:ze(i,"/","/")}))},ui=(e,t)=>{const r=t.screens.map(o=>({app:t,screen:o})),i=[],n=[];for(const o of r){const s=li(e,o);s?i.push([o,s]):n.push(o)}return{app:t,screens:r,trees:ci(i),others:n}},Ot=e=>e.apps.map(t=>ui(e,t)).filter(t=>t.screens.length>0),Ct=(e,t)=>t?.kind!=="screen"?e[0]:e.find(r=>r.app.id===t.app.id)??e[0],hi=(e,t)=>{switch(t.type){case"activity":return O(e,t.id)!==void 0;case"story":return $(e,t.id)!==void 0;case"step":return k(e,t.id)!==void 0;case"screen":return D(e,t.id)!==void 0;case"preview":return T(e,t.id)!==void 0;case"page":return!0;case Q:{const r=_e(t.id);return r!==void 0&&T(e,r.previewId)!==void 0}default:return!1}},Lt=e=>{const t=ve(e);return{name:"prototype",label:"UX Prototype",parseBase:pt,emptyBase:lt,actions:g,apply:ht,hasTarget:hi,canonicalTarget:(r,i)=>{if(i.type==="step"){const n=k(r,i.id);return n?{...i,id:ce(n)}:i}if(i.type==="story"){const n=$(r,i.id);return n?{...i,id:C(n.activity.id,n.story.id)}:i}if(i.type==="preview"){const n=T(r,i.id);return n?{...i,id:n.preview.id}:i}return i},describe:(r,i,n)=>gt(t,r,i,n),serialize:bt,resolveNavigation:we,navigationHierarchy:pi,commentTargets:(r,i)=>It(t,r),currentTarget:(r,i)=>oi(t,r,i),title:Ve}},me="data-dpk-modal",vi=e=>{try{return e.matches(":modal")}catch{return!1}},Mt=e=>{e.setAttribute(me,""),e.open||e.show()},Nt=e=>{Object.hasOwn(e,"showModal")||Object.defineProperty(e,"showModal",{configurable:!0,value:()=>Mt(e)})},Vt=(e,t)=>{if(!vi(t))return;const r=i=>{i.target===t&&(i.stopImmediatePropagation(),e.removeEventListener("close",r,!0))};e.addEventListener("close",r,!0),t.close(),Mt(t)},fi='a, button, input, select, textarea, label, summary, [role="button"], [role="link"], [role="tab"]',zt=/^-?[A-Za-z_][\w-]*$/,Yt=40,gi=(e,t)=>{const r=e.closest(fi);return r!==null&&r!==t&&t.contains(r)?r:e},ye=e=>{const t=e.replace(/\s+/g," ").trim();if(t==="")return;const r=Array.from(t);return r.length>Yt?`${r.slice(0,Yt).join("")}\u2026`:t},bi=e=>{const t=e.getAttribute("aria-label")??e.getAttribute("title");if(t)return ye(t);const r=e.tagName.toLowerCase();return ye(r==="input"||r==="textarea"||r==="select"?e.getAttribute("placeholder")??e.getAttribute("name")??"":r==="img"?e.getAttribute("alt")??"":e.textContent??"")},wi=e=>{const t=e.getAttribute("id");if(t&&zt.test(t))return`#${t}`;const r=e.tagName.toLowerCase(),i=Array.from(e.classList).filter(a=>zt.test(a)).slice(0,2).map(a=>`.${a}`).join(""),n=e.parentElement,o=n?Array.from(n.children).filter(a=>a.tagName===e.tagName):[],s=o.length>1?`:nth-of-type(${o.indexOf(e)+1})`:"";return`${r}${i}${s}`},mi=(e,t,r)=>{try{const i=e.querySelectorAll(t);return i.length===1&&i[0]===r}catch{return!1}},yi=(e,t)=>{const r=[];let i=e;for(;i!==null&&i!==t;){const o=wi(i);if(r.unshift(o),o.startsWith("#")||mi(t,r.join(" > "),e))break;i=i.parentElement}const n=bi(e);return{selector:r.length===0?":scope":r.join(" > "),tag:e.tagName.toLowerCase(),...n===void 0?{}:{text:n}}},ki=(e,t)=>{if(t===":scope")return e;try{return e.querySelector(t)}catch{return null}},xi=["screen","preview"],ne=e=>JSON.stringify(xi.map(t=>e[t]??null)),Ut=(e,t)=>e?.kind==="page"&&ne(e.page)===t,ke=e=>`tab-${e}`,$i=e=>({tabs:[{id:ke(1),history:[{kind:"page",page:e}],index:0}],activeId:ke(1),seen:ne(e),nextId:2}),Ei={id:"",history:[],index:0},q=e=>e.tabs.find(t=>t.id===e.activeId)??e.tabs[0]??Ei,oe=e=>{const t=q(e);return t.history[t.index]},Si=e=>q(e).index>0,Ti=e=>{const t=q(e);return t.index<t.history.length-1},Wt=(e,t)=>({...e,tabs:e.tabs.map(r=>r.id===e.activeId?t(r):r)}),Ye=(e,t)=>Wt(e,r=>({...r,history:[...r.history.slice(0,r.index+1),t],index:r.index+1})),xe=e=>{const t=oe(e);return t?.kind==="page"?{...e,seen:ne(t.page)}:e},Bt=(e,t)=>{const r=q(e),i=r.index+t;return i<0||i>=r.history.length?e:xe(Wt(e,n=>({...n,index:i})))},Gt=(e,t,r)=>{const i=ke(e.nextId),n=e.tabs.findIndex(o=>o.id===e.activeId)+1;return xe({...e,tabs:[...e.tabs.slice(0,n),{id:i,history:[t],index:0},...e.tabs.slice(n)],activeId:r?e.activeId:i,nextId:e.nextId+1})},Ii=(e,t)=>{const r=e.tabs.findIndex(o=>o.id===t);if(r<0)return e;if(e.tabs.length===1){const o=ke(e.nextId);return{...e,tabs:[{id:o,history:[{kind:"new-tab"}],index:0}],activeId:o,nextId:e.nextId+1}}const i=e.tabs.filter(o=>o.id!==t);if(t!==e.activeId)return{...e,tabs:i};const n=i[r]??i[r-1];return xe({...e,tabs:i,activeId:n?.id??e.activeId})},Ai=(e,t)=>{const r=t===null?null:ne(t);if(r===e.seen)return e;const i={...e,seen:r};return t===null||r===null||Ut(oe(e),r)?i:Ye(i,{kind:"page",page:t})},Pi=(e,t)=>{const r=ne(t);return Ut(oe(e),r)?e.seen===r?e:{...e,seen:r}:Ye({...e,seen:r},{kind:"page",page:t})},Ht=(e,t)=>{switch(t.kind){case"observe":return Ai(e,t.page);case"visit":return Pi(e,t.page);case"back":return Bt(e,-1);case"forward":return Bt(e,1);case"open-tab":return Gt(e,t.entry,t.background);case"new-tab":return Gt(e,{kind:"new-tab"},!1);case"unreachable":return Ye(e,{kind:"unreachable",url:t.url});case"activate":return e.tabs.some(r=>r.id===t.id)&&t.id!==e.activeId?xe({...e,activeId:t.id}):e;case"close-tab":return Ii(e,t.id);default:return e}},jt=(e,t)=>{const r=we(e,t),i=j(e,r);if(i?.kind!=="screen")return null;const[n]=Ne(e,i,r).shown;return n?.kind!=="browser"?null:{screen:i.screen.id,preview:n.id}},$e=(e,t)=>{const r=j(e,we(e,{[B]:"app",...t}));return r?.kind==="screen"?r:void 0},qt=(e,t)=>{const r=e.trim();if(r==="")return null;try{return r.startsWith("/")?new URL(r,t):new URL(/^[a-z][a-z0-9+.-]*:\/\//i.test(r)?r:`https://${r}`)}catch{return null}},Ft=e=>`${e.origin}${e.pathname.replace(/\/+$/,"")}`,_i=(e,t,r)=>{const i=qt(t,r);if(i===null)return null;const n=Ft(i);for(const{screen:o}of z(e))for(const s of o.previews){if(s.kind!=="browser")continue;const a=qt(be(e,s),r);if(a!==null&&Ft(a)===n)return{screen:o.id,preview:s.id}}return null},Kt=e=>{try{return new URL(e).host||e}catch{return e}},Ri=(e,t,r)=>t===void 0||t.kind==="new-tab"?r.newTab:t.kind==="unreachable"?Kt(t.url):$e(e,t.page)?.screen.title??r.newTab,Xt=(e,t)=>{if(t===void 0||t.kind==="new-tab")return"";if(t.kind==="unreachable")return t.url;const r=$e(e,t.page)?.screen.previews.find(i=>i.id===t.page.preview);return r===void 0?"":be(e,r)},Jt=e=>{const t=q(e);for(let r=t.index;r>=0;r-=1){const i=t.history[r];if(i?.kind==="page")return i.page}for(const r of e.tabs){const i=r.history[r.index];if(i?.kind==="page")return i.page}},Di=(e,t)=>t===void 0?void 0:$e(e,t)?.app.actor,Zt=(e,t,r,i=null)=>{const n=q(t),o=n.history[n.index],s=Di(e,Jt(t)??i??void 0);return{tabs:t.tabs.map(a=>({id:a.id,title:Ri(e,a.history[a.index],r),url:Xt(e,a.history[a.index]),active:a.id===n.id})),entry:o,url:Xt(e,o),canBack:Si(t),canForward:Ti(t),...s===void 0?{}:{profile:s}}},Oi=e=>Jt(e)??null,Ci=(e,t)=>{const r=t===null?void 0:$e(e,t),i=Ct(Ot(e),r),n=[],o=(s,a)=>{for(const{screen:p}of a.screens){const l=p.previews.find(b=>b.kind==="browser");l!==void 0&&n.push({title:p.title,url:`${s}${a.path==="/"?"":a.path}`,page:{screen:p.id,preview:l.id}})}for(const p of a.children)o(s,p)};for(const s of i?.trees??[])o(Kt(s.origin),s.root);return n},Qt=(e,t)=>{const{state:r,navigation:i}=e,n=j(r,i),o=re(i);return d`
     <div class="nav">
-      ${Li(e,t,o)}
-      ${o==="app"?Mi(e,t,n):n!==void 0&&n.kind!=="screen"?zi(e,t,n):d`<p class="nav-empty">${t.noActivityBefore}<code>activities</code>${t.noActivityAfter}</p>`}
+      ${Ni(e,t,o)}
+      ${o==="app"?Vi(e,t,n):n!==void 0&&n.kind!=="screen"?Ui(e,t,n):d`<p class="nav-empty">${t.noActivityBefore}<code>activities</code>${t.noActivityAfter}</p>`}
     </div>
-  `},Oi={scenario:"viewScenario",app:"viewApp"},Ci={scenario:"viewScenarioHint",app:"viewAppHint"},Li=(e,t,r)=>d`<nav class="view-switch" aria-label=${t.viewLabel}>
+  `},Li={scenario:"viewScenario",app:"viewApp"},Mi={scenario:"viewScenarioHint",app:"viewAppHint"},Ni=(e,t,r)=>d`<nav class="view-switch" aria-label=${t.viewLabel}>
   ${qr.map(i=>d`<a
         class="view-option"
         href=${e.hashFor(ft(i))}
-        title=${t[Ci[i]]}
+        title=${t[Mi[i]]}
         aria-current=${i===r?"page":c}
         data-view=${i}
-        >${t[Oi[i]]}</a
+        >${t[Li[i]]}</a
       >`)}
-</nav>`,Mi=(e,t,r)=>{const i=r?.kind==="screen"?r:void 0,n=Ot(e.state),o=Ct(n,r),s={context:e,currentId:i?.screen.id},a=o?.others??[];return d`
-    ${n.length>1&&o?Ni(e,t,n,o):c}
+</nav>`,Vi=(e,t,r)=>{const i=r?.kind==="screen"?r:void 0,n=Ot(e.state),o=Ct(n,r),s={context:e,currentId:i?.screen.id},a=o?.others??[];return d`
+    ${n.length>1&&o?zi(e,t,n,o):c}
     ${n.length===1&&o?.app.description?d`<p class="app-description">${o.app.description}</p>`:c}
     <div class="steps-head">
       <span class="dpk-label">${t.appScreens}</span>
@@ -21,7 +21,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
     </div>
     <p class="app-hint">${t.appScreensHint}</p>
     ${o?.trees.map(p=>d`<section class="app-tree">
-        <h3 class="app-origin">${Vi(p.origin)}</h3>
+        <h3 class="app-origin">${Yi(p.origin)}</h3>
         <ul class="tree">
           ${er(s,p.root,0)}
         </ul>
@@ -40,7 +40,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
     ${i?.screen.description?d`<div class="detail">
             <div class="screen-description dpk-prose">${Te(Ie(i.screen.description))}</div>
           </div>`:c}
-  `},Ni=(e,t,r,i)=>d`<div class="field">
+  `},zi=(e,t,r,i)=>d`<div class="field">
   <span class="dpk-label">${t.appSelectLabel}</span>
   <select
     class="dpk-select"
@@ -70,7 +70,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
   ${t.children.length>0?d`<ul class="tree">
           ${t.children.map(i=>er(e,i,r+1))}
         </ul>`:c}
-</li>`,tr=(e,t)=>t.screen.id===e.currentId,rr=e=>({screen:e.screen.id,preview:null}),ir=(e,t)=>e.hashFor(rr(t)),nr=(e,t)=>{const r=e.commentCount({type:"screen",id:t.screen.id})+kt(e.comments,t.screen.previews.map(i=>i.id));return r>0?d`<span class="step-note">${r}</span>`:c},Vi=e=>e.replace(/^[a-z][a-z0-9+.-]*:\/\//i,""),zi=(e,t,r)=>{const{state:i}=e,{activity:n,story:o}=r,s=o.steps,a=r.kind==="step"?r.step:void 0,p=r.kind==="step"?ce(r):void 0;return d`
+</li>`,tr=(e,t)=>t.screen.id===e.currentId,rr=e=>({screen:e.screen.id,preview:null}),ir=(e,t)=>e.hashFor(rr(t)),nr=(e,t)=>{const r=e.commentCount({type:"screen",id:t.screen.id})+kt(e.comments,t.screen.previews.map(i=>i.id));return r>0?d`<span class="step-note">${r}</span>`:c},Yi=e=>e.replace(/^[a-z][a-z0-9+.-]*:\/\//i,""),Ui=(e,t,r)=>{const{state:i}=e,{activity:n,story:o}=r,s=o.steps,a=r.kind==="step"?r.step:void 0,p=r.kind==="step"?ce(r):void 0;return d`
     <div class="field">
       <span class="dpk-label">Activity</span>
       <select
@@ -96,7 +96,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
       <span class="dpk-label">${s.length}</span>
     </div>
     <ol class="steps">
-      ${kr(s,l=>ue(n,o,l),(l,b)=>{const h=ue(n,o,l),v=e.commentCount({type:"step",id:h})+kt(e.comments,Zr(i,l).map(I=>I.id));return d`
+      ${kr(s,l=>ue(n,o,l),(l,b)=>{const h=ue(n,o,l),v=e.commentCount({type:"step",id:h})+kt(e.comments,ei(i,l).map(I=>I.id));return d`
             <li class="step-row" data-current=${String(l.id===a?.id)}>
               <a class="step-link" href=${e.hashFor({activity:n.id,story:o.id,step:l.id})}>
                 <span class="step-index">${String(b+1).padStart(2,"0")}</span>
@@ -116,7 +116,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
             </li>
           `})}
     </ol>
-    <button class="dpk-btn" type="button" @click=${()=>Wi(e,t,C(n.id,o.id))}>
+    <button class="dpk-btn" type="button" @click=${()=>Bi(e,t,C(n.id,o.id))}>
       ${t.addStepButton}
     </button>
     ${a?tt(p,d`<div class="detail">
@@ -143,9 +143,9 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
                   ></dpk-component-inline-edit>
                 </span>
               </div>
-              ${Yi(e,t,a)}
+              ${Wi(e,t,a)}
             </div>`):c}
-  `},Yi=(e,t,r)=>{const i=le(e.state,r);return i.length===0?c:d`<div class="detail-row">
+  `},Wi=(e,t,r)=>{const i=le(e.state,r);return i.length===0?c:d`<div class="detail-row">
     <span class="dpk-label">${t.screenGroup}</span>
     <span class="detail-value">
       ${i.map(({app:n,screen:o})=>d`<div class="step-screen-entry">
@@ -160,7 +160,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
                   </div>`:c}
           </div>`)}
     </span>
-  </div>`},Wi=(e,t,r)=>{const i=xr("new-step",ut(e.state));e.dispatch(ee.addStep(r,i,t.newStepName)).ok&&e.navigate({story:r,step:i})},We={mobile:"390px",tablet:"834px",desktop:"1180px",fluid:"100%"},Ue={mobile:"620px",tablet:"640px",desktop:"520px",fluid:"420px"},se=e=>d`<svg
+  </div>`},Bi=(e,t,r)=>{const i=xr("new-step",ut(e.state));e.dispatch(ee.addStep(r,i,t.newStepName)).ok&&e.navigate({story:r,step:i})},Ue={mobile:"390px",tablet:"834px",desktop:"1180px",fluid:"100%"},We={mobile:"620px",tablet:"640px",desktop:"520px",fluid:"420px"},se=e=>d`<svg
     viewBox="0 0 16 16"
     fill="none"
     stroke="currentColor"
@@ -171,7 +171,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
     focusable="false"
   >
     ${e}
-  </svg>`,Ui=()=>se(Z`<path d="M13 8H3.5M7.5 3.5 3 8l4.5 4.5" />`),Bi=()=>se(Z`<path d="M3 8h9.5M8.5 3.5 13 8l-4.5 4.5" />`),Gi=()=>se(Z`<path d="M13 8a5 5 0 1 1-1.6-3.7" /><path d="M13 2.8v2.7h-2.7" />`),Hi=()=>se(Z`<rect x="4" y="7" width="8" height="6" rx="1.4" /><path d="M5.8 7V5.3a2.2 2.2 0 0 1 4.4 0V7" />`),Be=()=>se(Z`<circle cx="8" cy="8" r="5.5" /><path d="M2.5 8h11M8 2.5c1.6 1.6 2.3 3.5 2.3 5.5S9.6 11.9 8 13.5M8 2.5C6.4 4.1 5.7 6 5.7 8s.7 3.9 2.3 5.5" />`),ji=(e,t,r)=>{const i=t.length-1;if(e==="ArrowRight")return t[r===i?0:r+1];if(e==="ArrowLeft")return t[r===0?i:r-1];if(e==="Home")return t[0];if(e==="End")return t[i]},qi=(e,t)=>{const{view:r,send:i}=t,n=o=>s=>{const a=r.tabs[o],p=s.key==="Enter"||s.key===" "?a:ji(s.key,r.tabs,o);p!==void 0&&(s.preventDefault(),i({kind:"activate",id:p.id,focus:!0}))};return d`<div class="browser-tabs">
+  </svg>`,Gi=()=>se(Z`<path d="M13 8H3.5M7.5 3.5 3 8l4.5 4.5" />`),Hi=()=>se(Z`<path d="M3 8h9.5M8.5 3.5 13 8l-4.5 4.5" />`),ji=()=>se(Z`<path d="M13 8a5 5 0 1 1-1.6-3.7" /><path d="M13 2.8v2.7h-2.7" />`),qi=()=>se(Z`<rect x="4" y="7" width="8" height="6" rx="1.4" /><path d="M5.8 7V5.3a2.2 2.2 0 0 1 4.4 0V7" />`),Be=()=>se(Z`<circle cx="8" cy="8" r="5.5" /><path d="M2.5 8h11M8 2.5c1.6 1.6 2.3 3.5 2.3 5.5S9.6 11.9 8 13.5M8 2.5C6.4 4.1 5.7 6 5.7 8s.7 3.9 2.3 5.5" />`),Fi=(e,t,r)=>{const i=t.length-1;if(e==="ArrowRight")return t[r===i?0:r+1];if(e==="ArrowLeft")return t[r===0?i:r-1];if(e==="Home")return t[0];if(e==="End")return t[i]},Ki=(e,t)=>{const{view:r,send:i}=t,n=o=>s=>{const a=r.tabs[o],p=s.key==="Enter"||s.key===" "?a:Fi(s.key,r.tabs,o);p!==void 0&&(s.preventDefault(),i({kind:"activate",id:p.id,focus:!0}))};return d`<div class="browser-tabs">
     <div class="browser-tab-list" role="tablist" aria-label=${e.browserTabs}>
       ${r.tabs.map((o,s)=>d`<div
             class="browser-tab"
@@ -207,7 +207,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
     @click=${i=>{i.stopPropagation(),t.send({kind:"close-tab",id:r})}}
   >
     ${pe()}
-  </button>`,Fi={back:Ui,forward:Bi,reload:Gi},F=(e,t,r)=>{const{view:i,send:n}=t,o={back:e.browserBack,forward:e.browserForward,reload:e.browserReload}[r],s={back:!i.canBack,forward:!i.canForward,reload:i.entry?.kind!=="page"}[r];return d`<button
+  </button>`,Xi={back:Gi,forward:Hi,reload:ji},F=(e,t,r)=>{const{view:i,send:n}=t,o={back:e.browserBack,forward:e.browserForward,reload:e.browserReload}[r],s={back:!i.canBack,forward:!i.canForward,reload:i.entry?.kind!=="page"}[r];return d`<button
     class=${`browser-nav browser-${r}`}
     type="button"
     aria-label=${o}
@@ -215,14 +215,14 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
     ?disabled=${s}
     @click=${()=>n({kind:r})}
   >
-    ${Fi[r]()}
-  </button>`},Ki=(e,t,r)=>{const{view:i,send:n}=t,o=i.profile??e.browserGuest;return d`<div class="browser-toolbar">
+    ${Xi[r]()}
+  </button>`},Ji=(e,t,r)=>{const{view:i,send:n}=t,o=i.profile??e.browserGuest;return d`<div class="browser-toolbar">
     ${r?c:d`${F(e,t,"back")} ${F(e,t,"forward")} ${F(e,t,"reload")}`}
     <form
       class="browser-address-form"
       @submit=${s=>{s.preventDefault();const a=s.currentTarget,p=a instanceof HTMLFormElement?a.querySelector("input"):null;!p||p.value.trim()===""||(p.blur(),n({kind:"address",input:p.value}))}}
     >
-      <span class="browser-lock">${i.entry?.kind==="page"?Hi():Be()}</span>
+      <span class="browser-lock">${i.entry?.kind==="page"?qi():Be()}</span>
       <input
         class="browser-address"
         type="text"
@@ -238,7 +238,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
       <span class="browser-avatar" aria-hidden="true">${Array.from(o)[0]??""}</span>
       ${r?c:d`<span class="browser-profile-name">${o}</span>`}
     </span>
-  </div>`},Xi=(e,t)=>{const{view:r,send:i}=t;return d`<div class="browser-bottom">
+  </div>`},Zi=(e,t)=>{const{view:r,send:i}=t;return d`<div class="browser-bottom">
     ${F(e,t,"back")} ${F(e,t,"forward")}
     <button
       class="browser-nav browser-new-tab"
@@ -260,7 +260,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
       <span class="browser-tab-count-box">${r.tabs.length}</span>
     </button>
     ${F(e,t,"reload")}
-  </div>`},Ji=(e,t)=>{const{view:r,send:i}=t;return d`<div class="browser-switcher" role="dialog" aria-label=${e.browserTabs}>
+  </div>`},Qi=(e,t)=>{const{view:r,send:i}=t;return d`<div class="browser-switcher" role="dialog" aria-label=${e.browserTabs}>
     ${r.tabs.map(n=>d`<div class="browser-card" aria-current=${n.active?"true":c}>
           <button class="browser-card-open" type="button" @click=${()=>i({kind:"activate",id:n.id})}>
             <span class="browser-favicon">${Be()}</span>
@@ -269,7 +269,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
           </button>
           ${or(e,t,n.id)}
         </div>`)}
-  </div>`},Zi=(e,t,r)=>d`<div class="browser-newtab">
+  </div>`},en=(e,t,r)=>d`<div class="browser-newtab">
     <p class="browser-newtab-label">${t.newTabShortcuts}</p>
     <div class="browser-shortcuts">
       ${r.shortcuts.map(i=>d`<a
@@ -282,29 +282,29 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
             <span class="browser-shortcut-url">${i.url}</span>
           </a>`)}
     </div>
-  </div>`,Qi=(e,t)=>d`<div class="browser-unreachable" role="alert">
+  </div>`,tn=(e,t)=>d`<div class="browser-unreachable" role="alert">
     <h3>${e.unreachableTitle}</h3>
     <p>${e.unreachableBody}</p>
     <code>${t}</code>
-  </div>`,en=(e,t,r)=>{const{view:i,preview:n,viewport:o}=r,s=i.entry,a=o==="mobile";return d`<figure
+  </div>`,rn=(e,t,r)=>{const{view:i,preview:n,viewport:o}=r,s=i.entry,a=o==="mobile";return d`<figure
     class="frame browser"
     data-kind="browser"
     data-viewport=${o}
     ?data-loading=${r.loading}
     ?data-empty=${n!==void 0&&!r.hasContent}
-    style=${`--frame-width:${We[o]};--frame-min-height:${Ue[o]}`}
+    style=${`--frame-width:${Ue[o]};--frame-min-height:${We[o]}`}
   >
-    ${a?c:qi(t,r)} ${Ki(t,r,a)}
+    ${a?c:Ki(t,r)} ${Ji(t,r,a)}
     <div class="browser-progress" aria-hidden="true"></div>
     <div class="viewport">
-      ${a&&r.switcher?Ji(t,r):c}
-      ${s?.kind==="unreachable"?Qi(t,s.url):n===void 0?Zi(e,t,r):d`<slot name=${`preview:${n.id}`}></slot> ${r.hasContent?c:d`<div class="frame-placeholder">
+      ${a&&r.switcher?Qi(t,r):c}
+      ${s?.kind==="unreachable"?tn(t,s.url):n===void 0?en(e,t,r):d`<slot name=${`preview:${n.id}`}></slot> ${r.hasContent?c:d`<div class="frame-placeholder">
                         <span class="dpk-label">light dom preview</span>
                         <code>&lt;div slot="preview" data-preview-id="${n.id}"&gt;</code>
                       </div>`}`}
     </div>
-    ${a?Xi(t,r):c}
-  </figure>`},tn=(e,t)=>{const r=t.mode.kind!=="off";return d`<button
+    ${a?Zi(t,r):c}
+  </figure>`},nn=(e,t)=>{const r=t.mode.kind!=="off";return d`<button
     class=${r?"dpk-btn dpk-btn--accent ui-comment-toggle":"dpk-btn ui-comment-toggle"}
     type="button"
     aria-pressed=${r?"true":"false"}
@@ -312,7 +312,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
     @click=${()=>t.send({kind:"toggle"})}
   >
     ${Qe()} ${e.uiComment}
-  </button>`},rn=(e,t)=>t.mode.kind==="off"?c:d`<p class="ui-comment-hint" role="status">${Qe()} ${e.uiCommentHint}</p>`,nn=(e,t)=>t.mode.kind==="off"?c:d`<div class="ui-layer" aria-hidden="true">
+  </button>`},on=(e,t)=>t.mode.kind==="off"?c:d`<p class="ui-comment-hint" role="status">${Qe()} ${e.uiCommentHint}</p>`,sn=(e,t)=>t.mode.kind==="off"?c:d`<div class="ui-layer" aria-hidden="true">
     <div class="ui-catcher"></div>
     <div class="ui-box ui-hover" hidden></div>
     <div class="ui-box ui-picked" hidden></div>
@@ -324,10 +324,10 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
           title=${e.uiCommentPin(r.number,r.body)}
           >${r.number}</span
         >`)}
-  </div>`,on=e=>{const t=e.mode;if(t.kind!=="composing")return c;const r=_r(t.body,e.notes,{key:`ui:${t.target.previewId}/${t.target.selector}`,...e.targetLabel===void 0?{}:{label:e.targetLabel}});return d`${tt(`${t.target.previewId}/${t.target.selector}`,Rr(e.composer,r,i=>{i.kind==="input"?e.send({kind:"input",body:i.body}):i.kind==="comment"?e.submit(i.body):e.send({kind:"dismiss"})}))}`},sr=(e,t,r)=>{const{state:i,navigation:n}=e,o=j(i,n),s=o===void 0||o.kind==="story"?void 0:o,a=re(n)==="app",p=pr(i,[]);if(o?.kind==="story"){const{activity:A,story:Ee}=o;return d`
+  </div>`,an=e=>{const t=e.mode;if(t.kind!=="composing")return c;const r=_r(t.body,e.notes,{key:`ui:${t.target.previewId}/${t.target.selector}`,...e.targetLabel===void 0?{}:{label:e.targetLabel}});return d`${tt(`${t.target.previewId}/${t.target.selector}`,Rr(e.composer,r,i=>{i.kind==="input"?e.send({kind:"input",body:i.body}):i.kind==="comment"?e.submit(i.body):e.send({kind:"dismiss"})}))}`},sr=(e,t,r)=>{const{state:i,navigation:n}=e,o=j(i,n),s=o===void 0||o.kind==="story"?void 0:o,a=re(n)==="app",p=pr(i,[]);if(o?.kind==="story"){const{activity:A,story:Ee}=o;return d`
       <div class="stage">
         <section class="stage-story">
-          ${ar(t,ni(A,Ee))}
+          ${ar(t,si(A,Ee))}
           ${Ee.description?d`<div class="story-description dpk-prose">${Te(Ie(Ee.description))}</div>`:c}
           <p class="stage-empty">${t.storyWithoutSteps}</p>
         </section>
@@ -354,12 +354,12 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
               ${ar(t,At(i,s))}
               <div class="stage-tools">
                 ${I?.kind==="screen"&&I.tabs.length>0?dr(e,l,I):c}
-                ${v.length>0?tn(t,_):c}
-                ${v.length===0?c:a?dn(t,r.onToggleDemo):pn(t,S!==null,r.onToggleMaximize)}
+                ${v.length>0?nn(t,_):c}
+                ${v.length===0?c:a?ln(t,r.onToggleDemo):cn(t,S!==null,r.onToggleMaximize)}
               </div>
             </div>`}
-      ${s.kind==="step"&&s.step.situation!==void 0?sn(t,s.step.situation):c}
-      ${N?c:rn(t,_)}
+      ${s.kind==="step"&&s.step.situation!==void 0?dn(t,s.step.situation):c}
+      ${N?c:on(t,_)}
       <div
         class="canvas"
         data-layout=${b}
@@ -369,16 +369,16 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
         @wheel=${{handleEvent:r.canvasEvents.wheel,passive:!1}}
         @scroll=${{handleEvent:r.canvasEvents.scroll,capture:!0}}
       >
-        ${K!==null?en(e,t,{...K,...X===void 0?{}:{preview:X},...Fe?{onExitDemo:r.onToggleDemo}:{},hasContent:X===void 0||r.hasPreviewContent(X.id),viewport:qe}):b==="side-by-side"?d`<div class="panes">
+        ${K!==null?rn(e,t,{...K,...X===void 0?{}:{preview:X},...Fe?{onExitDemo:r.onToggleDemo}:{},hasContent:X===void 0||r.hasPreviewContent(X.id),viewport:qe}):b==="side-by-side"?d`<div class="panes">
                   ${h.map(A=>d`<div class="pane" data-viewport=${A.preview.viewport} data-pane=${A.kind}>
-                        ${an(e,l,A)}
+                        ${pn(e,l,A)}
                         ${Ge(e,t,A.preview,r.hasPreviewContent(A.preview.id))}
                       </div>`)}
                 </div>`:v.map(A=>Ge(e,t,A,r.hasPreviewContent(A.id)))}
         ${v.length===0?d`<p class="dpk-label">${t.noPreviewMetadata}</p>`:c}
-        ${nn(t,_)}
+        ${sn(t,_)}
       </div>
-      ${on(_)}
+      ${an(_)}
       ${pr(i,je.map(A=>A.id))}
     </div>
   `},ar=(e,t)=>d`<div class="page-head">
@@ -390,7 +390,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
             ${t.actor}
           </span>`}
     <h2 class="page-title">${t.title}</h2>
-  </div>`,sn=(e,t)=>d`<aside class="situation">
+  </div>`,dn=(e,t)=>d`<aside class="situation">
     <span class="situation-label">${e.situation}</span>
     <p class="situation-text">${t}</p>
   </aside>`,dr=(e,t,r)=>d`<div class="tabs" role="tablist">
@@ -399,16 +399,16 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
         role="tab"
         data-current=${String(n)}
         aria-selected=${n?"true":"false"}
-        href=${e.hashFor({preview:Jr(t,i.id)})}
+        href=${e.hashFor({preview:Qr(t,i.id)})}
         >${i.label??i.viewport}</a
       >`})}
-  </div>`,an=(e,t,r)=>r.kind==="material"?r.preview.label===void 0?c:d`<span class="pane-label">${r.preview.label}</span>`:d`<div class="pane-head">
+  </div>`,pn=(e,t,r)=>r.kind==="material"?r.preview.label===void 0?c:d`<span class="pane-label">${r.preview.label}</span>`:d`<div class="pane-head">
     <span class="pane-label">${r.screen.screen.title}</span>
     ${r.tabs.length>0?dr(e,t,r):c}
-  </div>`,dn=(e,t)=>d`<button class="dpk-btn stage-demo" type="button" title=${e.demoHint} @click=${t}>
+  </div>`,ln=(e,t)=>d`<button class="dpk-btn stage-demo" type="button" title=${e.demoHint} @click=${t}>
     <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M5 3.5v9l7.5-4.5Z" fill="currentColor" /></svg>
     ${e.demo}
-  </button>`,pn=(e,t,r)=>d`<button
+  </button>`,cn=(e,t,r)=>d`<button
     class="dpk-btn stage-maximize"
     type="button"
     aria-pressed=${t?"true":"false"}
@@ -422,14 +422,14 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
       data-kind=${r.kind}
       data-viewport=${r.viewport}
       ?data-empty=${!i}
-      style=${`--frame-width:${We[r.viewport]};--frame-min-height:${Ue[r.viewport]}`}
+      style=${`--frame-width:${Ue[r.viewport]};--frame-min-height:${We[r.viewport]}`}
     >
       ${r.kind==="browser"?d`<div class="chrome">
               <span class="dots"><i></i><i></i><i></i></span>
               <span class="url">${be(e.state,r)}</span>
-            </div>`:r.kind==="mail"?ln(ri(t,r)):c}
+            </div>`:r.kind==="mail"?un(ni(t,r)):c}
       <div class="viewport">
-        ${r.kind==="native"?cn():c}
+        ${r.kind==="native"?hn():c}
         <slot name=${`preview:${r.id}`}></slot>
         ${i?c:d`<div class="frame-placeholder">
                 <span class="dpk-label">light dom preview</span>
@@ -437,7 +437,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
               </div>`}
       </div>
     </figure>
-  `,ln=e=>d`<header class="mail-head">
+  `,un=e=>d`<header class="mail-head">
     ${e.subject===void 0?c:d`<h3 class="mail-subject">${e.subject}</h3>`}
     <div class="mail-envelope">
       ${e.initial===void 0?c:d`<span class="mail-avatar" aria-hidden="true">${e.initial}</span>`}
@@ -448,7 +448,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
             </div>`)}
       </dl>
     </div>
-  </header>`,cn=()=>d`<div class="status-bar">
+  </header>`,hn=()=>d`<div class="status-bar">
     <span class="status-time">9:41</span>
     <span class="punch-hole" aria-hidden="true"></span>
     <svg class="status-wifi" viewBox="0 0 16 12" aria-hidden="true">
@@ -470,7 +470,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
     </svg>
   </div>`,pr=(e,t)=>{const i=[...z(e).flatMap(n=>n.screen.previews),...Y(e).flatMap(n=>H(n.step))].filter(n=>!t.includes(n.id));return i.length===0?d`${c}`:d`<div class="parked" aria-hidden="true">
     ${i.map(n=>d`<slot name=${`preview:${n.id}`}></slot>`)}
-  </div>`},un=Tr`
+  </div>`},vn=Tr`
   :host {
     --dpk-prototype-accent: var(--dpk-blue);
   }
@@ -2213,7 +2213,7 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
   .parked {
     display: none;
   }
-`,hn=`
+`,fn=`
   dpk-template-prototype > [data-preview-id]:has(dialog[${me}][open]) {
     position: relative;
   }
@@ -2234,6 +2234,6 @@ import{ah as x,aI as hr,ac as R,aw as P,ay as f,af as u,ad as L,ag as ae,ab as v
     max-height: calc(100% - 32px);
     margin: auto;
   }
-`,He={kind:"off"},vn=(e,t)=>{switch(t.kind){case"toggle":return e.kind==="off"?{kind:"picking"}:He;case"exit":return He;case"pick":return e.kind==="off"?e:{kind:"composing",target:t.target,body:e.kind==="composing"?e.body:""};case"input":return e.kind==="composing"?{...e,body:t.body}:e;case"dismiss":case"submitted":return e.kind==="off"?e:{kind:"picking"};default:return e}},fn={width:300,height:300},gn=360,lr="dpk-template-prototype-document-styles",bn=()=>{if(document.getElementById(lr)!==null)return;const e=Object.assign(document.createElement("style"),{id:lr,textContent:hn});document.head.append(e)},wn=(e,t,r)=>{const i=getComputedStyle(e),n=/auto|scroll/.test(i.overflowX)&&e.scrollWidth>e.clientWidth,o=/auto|scroll/.test(i.overflowY)&&e.scrollHeight>e.clientHeight,s=t<0?e.scrollLeft>0:t>0&&e.scrollLeft+e.clientWidth<e.scrollWidth-1,a=r<0?e.scrollTop>0:r>0&&e.scrollTop+e.clientHeight<e.scrollHeight-1;return n&&s||o&&a},mn=e=>{if(e.assignedSlot!==null)return e.assignedSlot;if(e.parentElement!==null)return e.parentElement;const t=e.getRootNode();return t instanceof ShadowRoot?t.host:null};class cr extends et{static{this.styles=[et.styles,Ir,Ar,un]}#e=He;#l=!1;#a=null;#o=[];#A=new Dr(this);#g=!1;#t=null;#r=null;#b=!1;#d=!1;#c=!1;#i=null;#u=null;definitionFor(t){return Lt(t)}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.#x),window.addEventListener("resize",this.#h),this.addEventListener("toggle",this.#S,!0),this.addEventListener("click",this.#p,!0),this.addEventListener("auxclick",this.#p,!0),bn()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this.#x),window.removeEventListener("resize",this.#h),this.removeEventListener("toggle",this.#S,!0),this.removeEventListener("click",this.#p,!0),this.removeEventListener("auxclick",this.#p,!0),this.#I()}renderRegions(t){const r=ve(this.locale),i=j(t.state,t.navigation),n=re(t.navigation)==="app";this.#t!==null&&this.#t.mode==="demo"!==n&&this.#T();const o=n?this.#W(t,r):null;return this.#b=o!==null,this.#o=i!==void 0&&i.kind!=="story"&&(o===null||o.view.entry?.kind==="page")?Ne(t.state,i,t.navigation).shown.map(s=>s.id):[],this.#i!==null&&this.#i.page!==this.#o.join(" ")&&this.#I(),{sidebar:Qt(t,r),main:sr(t,r,{hasPreviewContent:s=>this.#q(s),lift:this.#t,onToggleMaximize:()=>this.#f(this.#t===null?"maximized":null),onToggleDemo:()=>this.#f(this.#t===null?"demo":null),onLiftedWheel:this.#Y,browser:o===null?null:{...o,loading:this.#i!==null},uiComment:this.#P(t),canvasEvents:{click:this.#D,pointermove:this.#O,pointerleave:this.#C,wheel:this.#L,scroll:this.#h}})}}updated(){super.updated(),this.#V(),this.#M();const t=this.#e;if(t.kind==="composing"&&!this.#o.includes(t.target.previewId)){this.#s({kind:"dismiss"});return}this.#z(),this.#c&&(this.#c=!1,this.renderRoot.querySelector('.browser-tab[aria-selected="true"]')?.focus()),this.#$();const r=t.kind==="composing"&&!this.#l;if(this.#l=t.kind==="composing",t.kind!=="composing"||this.#a===null)return;const i=this.renderRoot.querySelector(".comment-pop");i&&(this.#A.open(i,this.#a,fn,{placement:"right-start"}),r&&i.querySelector("textarea")?.focus({preventScroll:!0}))}#P(t){const r=this.#e,i=r.kind==="composing"?r.target:void 0,n=i?T(t.state,i.previewId)?.preview:void 0,o=i?dt(i):void 0;return{mode:r,pins:r.kind==="off"?[]:yt(t.comments,this.#o),...i&&n?{targetLabel:mt(n,i)}:{},notes:t.comments.filter(s=>s.target.type===Q&&s.target.id===o).map(s=>Xe(s)),composer:Or(this.locale),send:s=>this.#s(s),submit:s=>this.#_(s)}}#s(t){const r=vn(this.#e,t);r!==this.#e&&(this.#e=r,r.kind!=="composing"&&(this.#a=null),this.requestUpdate())}#_(t){const r=this.#e;if(r.kind!=="composing")return;this.dispatch({type:Pr,target:{type:Q,id:dt(r.target)},payload:{body:t}}).ok&&this.#s({kind:"submitted"})}#w(t){const r=t.composedPath(),i=r[0];if(i instanceof Element&&i.classList.contains("ui-catcher"))return this.#R(t.clientX,t.clientY);const n=r.find(o=>o instanceof Element&&o.parentElement===this&&o.hasAttribute("data-preview-id"));return!n||!(i instanceof Element)||!n.contains(i)?null:this.#y(i,n)}#R(t,r){const i=this.#m(t,r);return i===null?null:this.#y(i.element,i.wrapper)}#m(t,r){if(typeof document.elementsFromPoint!="function")return null;const i=this.#k();for(const n of document.elementsFromPoint(t,r)){const o=i.find(s=>s.contains(n));if(o!==void 0)return{element:n,wrapper:o}}return null}#y(t,r){const i=r.getAttribute("data-preview-id");if(!i)return null;const n=vi(t,r),o=wi(n,r);return{element:n,target:{previewId:i,selector:o.selector,...o.text===void 0?{}:{text:o.text}}}}#k(){return Array.from(this.children).filter(t=>{const r=t.getAttribute("data-preview-id");return r!==null&&this.#o.includes(r)})}#D=t=>{if(this.#e.kind==="off")return;const r=this.#w(t);r&&(t.preventDefault(),t.stopPropagation(),this.#a=r.element,this.#s({kind:"pick",target:r.target}))};#O=t=>{if(this.#e.kind==="off")return;const r=this.#w(t);this.#v(".ui-hover",r?.element??null)};#C=()=>{this.#v(".ui-hover",null)};#L=t=>{const r=t.composedPath()[0];if(!(r instanceof Element)||!r.classList.contains("ui-catcher"))return;const i=this.renderRoot.querySelector(".canvas");let n=this.#m(t.clientX,t.clientY)?.element??null;for(;n!==null&&n!==i;){if(wn(n,t.deltaX,t.deltaY)){t.preventDefault(),n.scrollBy({left:t.deltaX,top:t.deltaY});return}n=mn(n)}};#x=t=>{t.key!=="Escape"||t.defaultPrevented||(this.#e.kind!=="off"?this.#s({kind:"exit"}):this.#f(null))};#h=()=>{this.#e.kind!=="off"&&this.#$()};#$(){if(this.#e.kind==="off")return;this.#v(".ui-picked",this.#a);const t=this.renderRoot.querySelector(".canvas");if(!t)return;const r=this.renderRoot.querySelector(".ui-catcher");r&&(r.style.width=`${t.scrollWidth}px`,r.style.height=`${t.scrollHeight}px`);for(const i of this.renderRoot.querySelectorAll(".ui-pin")){const n=this.#N(i.dataset.preview??""),s=(n?mi(n,i.dataset.selector??""):null)?.getBoundingClientRect();if(!s||s.width===0&&s.height===0){i.hidden=!0;continue}const a=this.#E(t);i.hidden=!1,i.style.left=`${s.right-a.left}px`,i.style.top=`${s.top-a.top}px`}}#v(t,r){const i=this.renderRoot.querySelector(t),n=this.renderRoot.querySelector(".canvas");if(!i||!n)return;const o=r?.getBoundingClientRect();if(!o){i.hidden=!0;return}const s=this.#E(n);i.hidden=!1,i.style.left=`${o.left-s.left}px`,i.style.top=`${o.top-s.top}px`,i.style.width=`${o.width}px`,i.style.height=`${o.height}px`}#E(t){const r=t.getBoundingClientRect();return{left:r.left+t.clientLeft-t.scrollLeft,top:r.top+t.clientTop-t.scrollTop}}#M(){for(const t of this.querySelectorAll(":scope > [data-preview-id]"))for(const r of t.querySelectorAll("dialog"))Nt(r),Vt(this,r)}#S=t=>{const r=t.target;!(r instanceof HTMLDialogElement)||!r.open||Array.from(this.children).some(i=>i.hasAttribute("data-preview-id")&&i.contains(r))&&(Nt(r),Vt(this,r))};#N(t){return Array.from(this.children).find(r=>r.getAttribute("data-preview-id")===t)}#V(){if(this.#g||this.renderRoot.querySelector(".stage")===null)return;this.#g=!0;const t=this.derivation.state,r=[];for(const i of Array.from(this.children)){const n=i.getAttribute("data-preview-id");if(n!==null)for(const o of i.querySelectorAll("a, [data-dpk-navigate]")){const s=ti(t,{href:o.getAttribute("href"),navigate:o.getAttribute("data-dpk-navigate")});if(s===null)continue;const a=(o.textContent??"").replace(/\s+/g," ").trim().slice(0,40),p=o.getAttribute("data-dpk-navigate")??o.getAttribute("href")??"(no href)";r.push(`  ${n}: <${o.tagName.toLowerCase()}> "${a}" \u2192 ${p} (${s})`)}}r.length!==0&&console.warn(`[dev-process-kit] <dpk-template-prototype>: ${r.length} link(s) in the previews lead nowhere. Point each at the screen it opens (data-dpk-navigate="screen=\u2026"); a link that only moves the scenario on can name a step (data-dpk-navigate="step=\u2026") or a user story (data-dpk-navigate="story=\u2026"):
+`,He={kind:"off"},gn=(e,t)=>{switch(t.kind){case"toggle":return e.kind==="off"?{kind:"picking"}:He;case"exit":return He;case"pick":return e.kind==="off"?e:{kind:"composing",target:t.target,body:e.kind==="composing"?e.body:""};case"input":return e.kind==="composing"?{...e,body:t.body}:e;case"dismiss":case"submitted":return e.kind==="off"?e:{kind:"picking"};default:return e}},bn={width:300,height:300},wn=360,lr="dpk-template-prototype-document-styles",mn=()=>{if(document.getElementById(lr)!==null)return;const e=Object.assign(document.createElement("style"),{id:lr,textContent:fn});document.head.append(e)},yn=(e,t,r)=>{const i=getComputedStyle(e),n=/auto|scroll/.test(i.overflowX)&&e.scrollWidth>e.clientWidth,o=/auto|scroll/.test(i.overflowY)&&e.scrollHeight>e.clientHeight,s=t<0?e.scrollLeft>0:t>0&&e.scrollLeft+e.clientWidth<e.scrollWidth-1,a=r<0?e.scrollTop>0:r>0&&e.scrollTop+e.clientHeight<e.scrollHeight-1;return n&&s||o&&a},kn=e=>{if(e.assignedSlot!==null)return e.assignedSlot;if(e.parentElement!==null)return e.parentElement;const t=e.getRootNode();return t instanceof ShadowRoot?t.host:null};class cr extends et{static{this.styles=[et.styles,Ir,Ar,vn]}#e=He;#l=!1;#a=null;#o=[];#A=new Dr(this);#g=!1;#t=null;#r=null;#b=!1;#d=!1;#c=!1;#i=null;#u=null;definitionFor(t){return Lt(t)}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.#x),window.addEventListener("resize",this.#h),this.addEventListener("toggle",this.#S,!0),this.addEventListener("click",this.#p,!0),this.addEventListener("auxclick",this.#p,!0),mn()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this.#x),window.removeEventListener("resize",this.#h),this.removeEventListener("toggle",this.#S,!0),this.removeEventListener("click",this.#p,!0),this.removeEventListener("auxclick",this.#p,!0),this.#I()}renderRegions(t){const r=ve(this.locale),i=j(t.state,t.navigation),n=re(t.navigation)==="app";this.#t!==null&&this.#t.mode==="demo"!==n&&this.#T();const o=n?this.#U(t,r):null;return this.#b=o!==null,this.#o=i!==void 0&&i.kind!=="story"&&(o===null||o.view.entry?.kind==="page")?Ne(t.state,i,t.navigation).shown.map(s=>s.id):[],this.#i!==null&&this.#i.page!==this.#o.join(" ")&&this.#I(),{sidebar:Qt(t,r),main:sr(t,r,{hasPreviewContent:s=>this.#q(s),lift:this.#t,onToggleMaximize:()=>this.#f(this.#t===null?"maximized":null),onToggleDemo:()=>this.#f(this.#t===null?"demo":null),onLiftedWheel:this.#Y,browser:o===null?null:{...o,loading:this.#i!==null},uiComment:this.#P(t),canvasEvents:{click:this.#D,pointermove:this.#O,pointerleave:this.#C,wheel:this.#L,scroll:this.#h}})}}updated(){super.updated(),this.#V(),this.#M();const t=this.#e;if(t.kind==="composing"&&!this.#o.includes(t.target.previewId)){this.#s({kind:"dismiss"});return}this.#z(),this.#c&&(this.#c=!1,this.renderRoot.querySelector('.browser-tab[aria-selected="true"]')?.focus()),this.#$();const r=t.kind==="composing"&&!this.#l;if(this.#l=t.kind==="composing",t.kind!=="composing"||this.#a===null)return;const i=this.renderRoot.querySelector(".comment-pop");i&&(this.#A.open(i,this.#a,bn,{placement:"right-start"}),r&&i.querySelector("textarea")?.focus({preventScroll:!0}))}#P(t){const r=this.#e,i=r.kind==="composing"?r.target:void 0,n=i?T(t.state,i.previewId)?.preview:void 0,o=i?dt(i):void 0;return{mode:r,pins:r.kind==="off"?[]:yt(t.comments,this.#o),...i&&n?{targetLabel:mt(n,i)}:{},notes:t.comments.filter(s=>s.target.type===Q&&s.target.id===o).map(s=>Xe(s)),composer:Or(this.locale),send:s=>this.#s(s),submit:s=>this.#_(s)}}#s(t){const r=gn(this.#e,t);r!==this.#e&&(this.#e=r,r.kind!=="composing"&&(this.#a=null),this.requestUpdate())}#_(t){const r=this.#e;if(r.kind!=="composing")return;this.dispatch({type:Pr,target:{type:Q,id:dt(r.target)},payload:{body:t}}).ok&&this.#s({kind:"submitted"})}#w(t){const r=t.composedPath(),i=r[0];if(i instanceof Element&&i.classList.contains("ui-catcher"))return this.#R(t.clientX,t.clientY);const n=r.find(o=>o instanceof Element&&o.parentElement===this&&o.hasAttribute("data-preview-id"));return!n||!(i instanceof Element)||!n.contains(i)?null:this.#y(i,n)}#R(t,r){const i=this.#m(t,r);return i===null?null:this.#y(i.element,i.wrapper)}#m(t,r){if(typeof document.elementsFromPoint!="function")return null;const i=this.#k();for(const n of document.elementsFromPoint(t,r)){const o=i.find(s=>s.contains(n));if(o!==void 0)return{element:n,wrapper:o}}return null}#y(t,r){const i=r.getAttribute("data-preview-id");if(!i)return null;const n=gi(t,r),o=yi(n,r);return{element:n,target:{previewId:i,selector:o.selector,...o.text===void 0?{}:{text:o.text}}}}#k(){return Array.from(this.children).filter(t=>{const r=t.getAttribute("data-preview-id");return r!==null&&this.#o.includes(r)})}#D=t=>{if(this.#e.kind==="off")return;const r=this.#w(t);r&&(t.preventDefault(),t.stopPropagation(),this.#a=r.element,this.#s({kind:"pick",target:r.target}))};#O=t=>{if(this.#e.kind==="off")return;const r=this.#w(t);this.#v(".ui-hover",r?.element??null)};#C=()=>{this.#v(".ui-hover",null)};#L=t=>{const r=t.composedPath()[0];if(!(r instanceof Element)||!r.classList.contains("ui-catcher"))return;const i=this.renderRoot.querySelector(".canvas");let n=this.#m(t.clientX,t.clientY)?.element??null;for(;n!==null&&n!==i;){if(yn(n,t.deltaX,t.deltaY)){t.preventDefault(),n.scrollBy({left:t.deltaX,top:t.deltaY});return}n=kn(n)}};#x=t=>{t.key!=="Escape"||t.defaultPrevented||(this.#e.kind!=="off"?this.#s({kind:"exit"}):this.#f(null))};#h=()=>{this.#e.kind!=="off"&&this.#$()};#$(){if(this.#e.kind==="off")return;this.#v(".ui-picked",this.#a);const t=this.renderRoot.querySelector(".canvas");if(!t)return;const r=this.renderRoot.querySelector(".ui-catcher");r&&(r.style.width=`${t.scrollWidth}px`,r.style.height=`${t.scrollHeight}px`);for(const i of this.renderRoot.querySelectorAll(".ui-pin")){const n=this.#N(i.dataset.preview??""),s=(n?ki(n,i.dataset.selector??""):null)?.getBoundingClientRect();if(!s||s.width===0&&s.height===0){i.hidden=!0;continue}const a=this.#E(t);i.hidden=!1,i.style.left=`${s.right-a.left}px`,i.style.top=`${s.top-a.top}px`}}#v(t,r){const i=this.renderRoot.querySelector(t),n=this.renderRoot.querySelector(".canvas");if(!i||!n)return;const o=r?.getBoundingClientRect();if(!o){i.hidden=!0;return}const s=this.#E(n);i.hidden=!1,i.style.left=`${o.left-s.left}px`,i.style.top=`${o.top-s.top}px`,i.style.width=`${o.width}px`,i.style.height=`${o.height}px`}#E(t){const r=t.getBoundingClientRect();return{left:r.left+t.clientLeft-t.scrollLeft,top:r.top+t.clientTop-t.scrollTop}}#M(){for(const t of this.querySelectorAll(":scope > [data-preview-id]"))for(const r of t.querySelectorAll("dialog"))Nt(r),Vt(this,r)}#S=t=>{const r=t.target;!(r instanceof HTMLDialogElement)||!r.open||Array.from(this.children).some(i=>i.hasAttribute("data-preview-id")&&i.contains(r))&&(Nt(r),Vt(this,r))};#N(t){return Array.from(this.children).find(r=>r.getAttribute("data-preview-id")===t)}#V(){if(this.#g||this.renderRoot.querySelector(".stage")===null)return;this.#g=!0;const t=this.derivation.state,r=[];for(const i of Array.from(this.children)){const n=i.getAttribute("data-preview-id");if(n!==null)for(const o of i.querySelectorAll("a, [data-dpk-navigate]")){const s=ii(t,{href:o.getAttribute("href"),navigate:o.getAttribute("data-dpk-navigate")});if(s===null)continue;const a=(o.textContent??"").replace(/\s+/g," ").trim().slice(0,40),p=o.getAttribute("data-dpk-navigate")??o.getAttribute("href")??"(no href)";r.push(`  ${n}: <${o.tagName.toLowerCase()}> "${a}" \u2192 ${p} (${s})`)}}r.length!==0&&console.warn(`[dev-process-kit] <dpk-template-prototype>: ${r.length} link(s) in the previews lead nowhere. Point each at the screen it opens (data-dpk-navigate="screen=\u2026"); a link that only moves the scenario on can name a step (data-dpk-navigate="step=\u2026") or a user story (data-dpk-navigate="story=\u2026"):
 `+r.join(`
-`))}#f(t){if(t===(this.#t?.mode??null))return;const r=this.renderRoot.querySelector(".stage"),i=this.#t?.height??r?.offsetHeight??0;this.#T(),t==="demo"&&this.#e.kind!=="off"&&this.#s({kind:"exit"}),t!==null&&(this.#t={mode:t,height:i}),t!==null&&this.#e.kind==="composing"&&(Cr(this.renderRoot.querySelector(".comment-pop")),this.#l=!1),this.requestUpdate()}#T(){this.#t=null,this.#u=null}#z(){const t=this.renderRoot.querySelector(".stage");if(!(this.#t===null||!t||typeof t.showPopover!="function")&&t!==this.#u){this.#u=t;try{t.showPopover()}catch{}}}#Y=t=>{const r=this.renderRoot.querySelector(".canvas");(r===null||!t.composedPath().includes(r))&&t.preventDefault()};#W(t,r){const i=jt(t.state,t.navigation);this.#r=this.#r===null?i===null?null:ki(i):Ht(this.#r,{kind:"observe",page:i});const n=this.#r;if(n===null)return null;const o=oe(n),s=o?.kind!=="page"&&n.seen!==null;if(i===null&&!s)return null;const a=Ri(n)??i;return{view:Zt(t.state,n,r,a),shortcuts:o?.kind==="new-tab"?Di(t.state,a):[],switcher:this.#d,send:p=>this.#B(p)}}#n(t){if(this.#r===null)return;const r=Ht(this.#r,t);if(r===this.#r)return;this.#r=r;const i=oe(r);i?.kind==="page"&&this.#U(i.page),this.requestUpdate()}#U(t){this.navigate({screen:t.screen??null,preview:t.preview??null})}#B(t){switch(t.kind){case"reload":this.#H();return;case"address":this.#G(t.input);return;case"back":case"forward":case"new-tab":this.#d=!1,this.#n({kind:t.kind});return;case"switcher":this.#d=t.open,this.requestUpdate();return;case"activate":this.#d=!1,this.#c=t.focus===!0,this.#n({kind:"activate",id:t.id}),this.requestUpdate();return;case"close-tab":this.#n({kind:t.kind,id:t.id});return;case"visit":this.#n({kind:"visit",page:t.page});return;default:return}}#G(t){const r=this.#r;if(r===null)return;const i=this.derivation.state,n=Zt(i,r,ve(this.locale)).url||"https://page.example.com/",o=Ai(i,t,n);if(o!==null){this.#n({kind:"visit",page:o});return}const s=t.trim(),a=s.startsWith("/")?new URL(s,n).href:/^[a-z][a-z0-9+.-]*:\/\//i.test(s)?s:`https://${s}`;this.#n({kind:"unreachable",url:a})}#H(){if(this.#i!==null)return;const t=setTimeout(()=>{this.#i=null;for(const r of this.#k()){for(const i of r.querySelectorAll("form"))i.reset();for(const i of r.querySelectorAll("dialog"))i.close();r.scrollTop=0,r.dispatchEvent(new CustomEvent("dpk-reload",{bubbles:!0}))}this.renderRoot.querySelector(".browser .viewport")?.scrollTo?.({top:0}),this.requestUpdate()},gn);this.#i={page:this.#o.join(" "),timer:t},this.requestUpdate()}#I(){this.#i!==null&&(clearTimeout(this.#i.timer),this.#i=null)}#p=t=>{if(!this.#b||this.#e.kind!=="off"||this.#r===null||t.type==="auxclick"&&t.button!==1)return;const r=this.#j(t);if(r===null)return;const i=t.metaKey||t.ctrlKey||t.button===1;if(!r.blank&&!i)return;t.preventDefault(),t.stopPropagation();const n=jt(this.derivation.state,Se(this.hashFor(r.patch)));if(n===null){i||this.navigate(r.patch);return}this.#n({kind:"open-tab",entry:{kind:"page",page:n},background:i})};#j(t){const r=t.composedPath();if(!r.some(n=>n instanceof Element&&n.parentElement===this&&n.hasAttribute("data-preview-id")))return null;for(const n of r){if(!(n instanceof Element)||n===this)break;const o=n.getAttribute("data-dpk-navigate"),s=n instanceof HTMLAnchorElement?n.getAttribute("href"):null,a=o??(s?.startsWith("#")?s:null);if(a===null)continue;const p=o!==null&&!o.includes("=")?`step=${o}`:a;return{patch:{...Se(p)},blank:n.getAttribute("target")==="_blank"}}return null}#q(t){return Array.from(this.querySelectorAll("[data-preview-id]")).some(r=>r.getAttribute("data-preview-id")===t)}}const ur=()=>{customElements.get("dpk-template-prototype")||customElements.define("dpk-template-prototype",cr)},yn=Object.freeze(Object.defineProperty({__proto__:null,DpkTemplatePrototype:cr,VIEWPORT_MIN_HEIGHT:Ue,VIEWPORT_WIDTH:We,allScreens:z,allStepIds:ut,applyPrototypeAction:ht,definePrototypeElement:ur,describePrototypeAction:gt,emptyPrototypeBase:lt,findActivity:O,findPreview:T,findScreen:D,findStep:k,findStory:$,flattenSteps:Y,parsePrototypeBase:pt,prototypeAction:ee,prototypeActions:g,prototypeBaseSchema:ot,prototypeCommentTargets:It,prototypeDefinitionFor:Lt,prototypeMessages:ve,prototypePageHeading:At,prototypeTargetLabel:wt,prototypeTitle:Ve,renderFrame:Ge,renderNav:Qt,renderStage:sr,resolvePrototypeNavigation:we,serializePrototypeAction:bt},Symbol.toStringTag,{value:"Module"}));export{ur as d,yn as i};
+`))}#f(t){if(t===(this.#t?.mode??null))return;const r=this.renderRoot.querySelector(".stage"),i=this.#t?.height??r?.offsetHeight??0;this.#T(),t==="demo"&&this.#e.kind!=="off"&&this.#s({kind:"exit"}),t!==null&&(this.#t={mode:t,height:i}),t!==null&&this.#e.kind==="composing"&&(Cr(this.renderRoot.querySelector(".comment-pop")),this.#l=!1),this.requestUpdate()}#T(){this.#t=null,this.#u=null}#z(){const t=this.renderRoot.querySelector(".stage");if(!(this.#t===null||!t||typeof t.showPopover!="function")&&t!==this.#u){this.#u=t;try{t.showPopover()}catch{}}}#Y=t=>{const r=this.renderRoot.querySelector(".canvas");(r===null||!t.composedPath().includes(r))&&t.preventDefault()};#U(t,r){const i=jt(t.state,t.navigation);this.#r=this.#r===null?i===null?null:$i(i):Ht(this.#r,{kind:"observe",page:i});const n=this.#r;if(n===null)return null;const o=oe(n),s=o?.kind!=="page"&&n.seen!==null;if(i===null&&!s)return null;const a=Oi(n)??i;return{view:Zt(t.state,n,r,a),shortcuts:o?.kind==="new-tab"?Ci(t.state,a):[],switcher:this.#d,send:p=>this.#B(p)}}#n(t){if(this.#r===null)return;const r=Ht(this.#r,t);if(r===this.#r)return;this.#r=r;const i=oe(r);i?.kind==="page"&&this.#W(i.page),this.requestUpdate()}#W(t){this.navigate({screen:t.screen??null,preview:t.preview??null})}#B(t){switch(t.kind){case"reload":this.#H();return;case"address":this.#G(t.input);return;case"back":case"forward":case"new-tab":this.#d=!1,this.#n({kind:t.kind});return;case"switcher":this.#d=t.open,this.requestUpdate();return;case"activate":this.#d=!1,this.#c=t.focus===!0,this.#n({kind:"activate",id:t.id}),this.requestUpdate();return;case"close-tab":this.#n({kind:t.kind,id:t.id});return;case"visit":this.#n({kind:"visit",page:t.page});return;default:return}}#G(t){const r=this.#r;if(r===null)return;const i=this.derivation.state,n=Zt(i,r,ve(this.locale)).url||"https://page.example.com/",o=_i(i,t,n);if(o!==null){this.#n({kind:"visit",page:o});return}const s=t.trim(),a=s.startsWith("/")?new URL(s,n).href:/^[a-z][a-z0-9+.-]*:\/\//i.test(s)?s:`https://${s}`;this.#n({kind:"unreachable",url:a})}#H(){if(this.#i!==null)return;const t=setTimeout(()=>{this.#i=null;for(const r of this.#k()){for(const i of r.querySelectorAll("form"))i.reset();for(const i of r.querySelectorAll("dialog"))i.close();r.scrollTop=0,r.dispatchEvent(new CustomEvent("dpk-reload",{bubbles:!0}))}this.renderRoot.querySelector(".browser .viewport")?.scrollTo?.({top:0}),this.requestUpdate()},wn);this.#i={page:this.#o.join(" "),timer:t},this.requestUpdate()}#I(){this.#i!==null&&(clearTimeout(this.#i.timer),this.#i=null)}#p=t=>{if(!this.#b||this.#e.kind!=="off"||this.#r===null||t.type==="auxclick"&&t.button!==1)return;const r=this.#j(t);if(r===null)return;const i=t.metaKey||t.ctrlKey||t.button===1;if(!r.blank&&!i)return;t.preventDefault(),t.stopPropagation();const n=jt(this.derivation.state,Se(this.hashFor(r.patch)));if(n===null){i||this.navigate(r.patch);return}this.#n({kind:"open-tab",entry:{kind:"page",page:n},background:i})};#j(t){const r=t.composedPath();if(!r.some(n=>n instanceof Element&&n.parentElement===this&&n.hasAttribute("data-preview-id")))return null;for(const n of r){if(!(n instanceof Element)||n===this)break;const o=n.getAttribute("data-dpk-navigate"),s=n instanceof HTMLAnchorElement?n.getAttribute("href"):null,a=o??(s?.startsWith("#")?s:null);if(a===null)continue;const p=o!==null&&!o.includes("=")?`step=${o}`:a;return{patch:{...Se(p)},blank:n.getAttribute("target")==="_blank"}}return null}#q(t){return Array.from(this.querySelectorAll("[data-preview-id]")).some(r=>r.getAttribute("data-preview-id")===t)}}const ur=()=>{customElements.get("dpk-template-prototype")||customElements.define("dpk-template-prototype",cr)},xn=Object.freeze(Object.defineProperty({__proto__:null,DpkTemplatePrototype:cr,VIEWPORT_MIN_HEIGHT:We,VIEWPORT_WIDTH:Ue,allScreens:z,allStepIds:ut,applyPrototypeAction:ht,definePrototypeElement:ur,describePrototypeAction:gt,emptyPrototypeBase:lt,findActivity:O,findPreview:T,findScreen:D,findStep:k,findStory:$,flattenSteps:Y,parsePrototypeBase:pt,prototypeAction:ee,prototypeActions:g,prototypeBaseSchema:ot,prototypeCommentTargets:It,prototypeDefinitionFor:Lt,prototypeMessages:ve,prototypePageHeading:At,prototypeTargetLabel:wt,prototypeTitle:Ve,renderFrame:Ge,renderNav:Qt,renderStage:sr,resolvePrototypeNavigation:we,serializePrototypeAction:bt},Symbol.toStringTag,{value:"Module"}));export{ur as d,xn as i};