dev-process-kit 0.0.2-beta.1 → 0.0.3

package/dist/chunks/shared-eiZoh1aF.js

@@ -1,521 +0,0 @@
-import{q as u,al as m,v as A,as as I,ar as b,ab as d,ad as f,ae as x,aq as v,a7 as qe,a8 as L,a9 as N,aa as w,P as Ue,f as Pe,V as O,R as E,m as Qe,$ as J,a4 as Ce,k as Xe,_ as Ye,a0 as k,a1 as h,A as Ve,K as ze,i as Be,a2 as V,T as W}from"./shared-5C6fORCL.js";import{s as z,D as Ke}from"./shared-BFAVBf4I.js";import{P as je,r as Fe,p as He}from"./shared-DKxAm7wL.js";import{o as Je}from"./shared-DgusMFKr.js";const c={SET_STORY_NAME:u("SET_STORY_NAME","story",m({name:f(d(),x(1))})),SET_STORY_DESCRIPTION:u("SET_STORY_DESCRIPTION","story",m({description:d()})),REORDER_STORY:u("REORDER_STORY","story",m({after:v(d())}),{mode:"sequence"}),ADD_STORY:u("ADD_STORY","page",m({id:I,name:f(d(),x(1)),description:b(d())}),{dedupeKey:A}),DELETE_STORY:u("DELETE_STORY","story",m({})),SET_RULE_NAME:u("SET_RULE_NAME","rule",m({name:f(d(),x(1))})),SET_RULE_DESCRIPTION:u("SET_RULE_DESCRIPTION","rule",m({description:d()})),MOVE_RULE:u("MOVE_RULE","rule",m({storyId:f(d(),x(1)),after:v(d())}),{mode:"sequence"}),REORDER_RULE:u("REORDER_RULE","rule",m({after:v(d())}),{mode:"sequence"}),ADD_RULE:u("ADD_RULE","story",m({id:I,name:f(d(),x(1)),description:b(d())}),{dedupeKey:A}),DELETE_RULE:u("DELETE_RULE","rule",m({})),SET_EXAMPLE_NAME:u("SET_EXAMPLE_NAME","example",m({name:f(d(),x(1))})),SET_EXAMPLE_DESCRIPTION:u("SET_EXAMPLE_DESCRIPTION","example",m({description:d()})),MOVE_EXAMPLE:u("MOVE_EXAMPLE","example",m({ruleId:f(d(),x(1)),after:v(d())}),{mode:"sequence"}),REORDER_EXAMPLE:u("REORDER_EXAMPLE","example",m({after:v(d())}),{mode:"sequence"}),ADD_EXAMPLE:u("ADD_EXAMPLE","rule",m({id:I,name:f(d(),x(1)),description:b(d())}),{dedupeKey:A}),DELETE_EXAMPLE:u("DELETE_EXAMPLE","example",m({})),SET_QUESTION_NAME:u("SET_QUESTION_NAME","question",m({name:f(d(),x(1))})),SET_QUESTION_DESCRIPTION:u("SET_QUESTION_DESCRIPTION","question",m({description:d()})),MOVE_QUESTION:u("MOVE_QUESTION","question",m({ruleId:f(d(),x(1)),after:v(d())}),{mode:"sequence"}),REORDER_QUESTION:u("REORDER_QUESTION","question",m({after:v(d())}),{mode:"sequence"}),ADD_QUESTION:u("ADD_QUESTION","rule",m({id:I,name:f(d(),x(1)),description:b(d())}),{dedupeKey:A}),DELETE_QUESTION:u("DELETE_QUESTION","question",m({}))},$={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}}),reorderStory:(e,t)=>({type:"REORDER_STORY",target:{type:"story",id:e},payload:{after:t}}),addStory:(e,t)=>({type:"ADD_STORY",target:{type:"page",id:"example-mapping"},payload:{id:e,name:t}}),deleteStory:e=>({type:"DELETE_STORY",target:{type:"story",id:e},payload:{}}),setRuleName:(e,t)=>({type:"SET_RULE_NAME",target:{type:"rule",id:e},payload:{name:t}}),setRuleDescription:(e,t)=>({type:"SET_RULE_DESCRIPTION",target:{type:"rule",id:e},payload:{description:t}}),moveRule:(e,t,r)=>({type:"MOVE_RULE",target:{type:"rule",id:e},payload:{storyId:t,after:r}}),reorderRule:(e,t)=>({type:"REORDER_RULE",target:{type:"rule",id:e},payload:{after:t}}),addRule:(e,t,r)=>({type:"ADD_RULE",target:{type:"story",id:e},payload:{id:t,name:r}}),deleteRule:e=>({type:"DELETE_RULE",target:{type:"rule",id:e},payload:{}}),setExampleName:(e,t)=>({type:"SET_EXAMPLE_NAME",target:{type:"example",id:e},payload:{name:t}}),setExampleDescription:(e,t)=>({type:"SET_EXAMPLE_DESCRIPTION",target:{type:"example",id:e},payload:{description:t}}),moveExample:(e,t,r)=>({type:"MOVE_EXAMPLE",target:{type:"example",id:e},payload:{ruleId:t,after:r}}),reorderExample:(e,t)=>({type:"REORDER_EXAMPLE",target:{type:"example",id:e},payload:{after:t}}),addExample:(e,t,r)=>({type:"ADD_EXAMPLE",target:{type:"rule",id:e},payload:{id:t,name:r}}),deleteExample:e=>({type:"DELETE_EXAMPLE",target:{type:"example",id:e},payload:{}}),setQuestionName:(e,t)=>({type:"SET_QUESTION_NAME",target:{type:"question",id:e},payload:{name:t}}),setQuestionDescription:(e,t)=>({type:"SET_QUESTION_DESCRIPTION",target:{type:"question",id:e},payload:{description:t}}),moveQuestion:(e,t,r)=>({type:"MOVE_QUESTION",target:{type:"question",id:e},payload:{ruleId:t,after:r}}),reorderQuestion:(e,t)=>({type:"REORDER_QUESTION",target:{type:"question",id:e},payload:{after:t}}),addQuestion:(e,t,r)=>({type:"ADD_QUESTION",target:{type:"rule",id:e},payload:{id:t,name:r}}),deleteQuestion:e=>({type:"DELETE_QUESTION",target:{type:"question",id:e},payload:{}})},We=L({id:I,name:f(d(),x(1)),description:b(d())}),Ze=L({id:I,storyId:f(d(),x(1)),name:f(d(),x(1)),description:b(d())}),Z=L({id:I,ruleId:f(d(),x(1)),name:f(d(),x(1)),description:b(d())}),G=L({title:b(d()),stories:N(w(We),[]),rules:N(w(Ze),[]),examples:N(w(Z),[]),questions:N(w(Z),[])}),ee=e=>{const t=qe(G,e),r=new Set,n=(i,s)=>{if(r.has(s))throw new Error(`duplicate id "${s}" in ${i}`);r.add(s)},a=new Set(t.stories.map(i=>i.id));for(const i of t.stories)n("stories",i.id);for(const i of t.rules)if(n("rules",i.id),!a.has(i.storyId))throw new Error(`rule "${i.id}" references unknown storyId "${i.storyId}"`);const o=new Map(t.rules.map(i=>[i.id,i]));for(const i of t.examples)if(n("examples",i.id),!o.has(i.ruleId))throw new Error(`example "${i.id}" references unknown ruleId "${i.ruleId}"`);for(const i of t.questions)if(n("questions",i.id),!o.has(i.ruleId))throw new Error(`question "${i.id}" references unknown ruleId "${i.ruleId}"`);return t},te=()=>({stories:[],rules:[],examples:[],questions:[]}),Ge=e=>({...e,rules:z(e.rules,["storyId"]),examples:z(e.examples,["ruleId"]),questions:z(e.questions,["ruleId"])}),S=(e,t)=>{if(t!==void 0)return e.stories.find(r=>r.id===t)},g=(e,t)=>{if(t!==void 0)return e.rules.find(r=>r.id===t)},_=(e,t)=>{if(t!==void 0)return e.examples.find(r=>r.id===t)},R=(e,t)=>{if(t!==void 0)return e.questions.find(r=>r.id===t)},q=(e,t)=>{if(t===void 0)return;const r=S(e,t);if(r)return{kind:"story",id:r.id,name:r.name,...r.description===void 0?{}:{description:r.description}};const n=g(e,t);if(n)return{kind:"rule",id:n.id,name:n.name,...n.description===void 0?{}:{description:n.description}};const a=_(e,t);if(a)return{kind:"example",id:a.id,name:a.name,...a.description===void 0?{}:{description:a.description}};const o=R(e,t);if(o)return{kind:"question",id:o.id,name:o.name,...o.description===void 0?{}:{description:o.description}}},re=(e,t)=>e.rules.filter(r=>r.storyId===t),ne=(e,t)=>e.examples.filter(r=>r.ruleId===t),ae=(e,t)=>e.questions.filter(r=>r.ruleId===t),et=(e,t)=>{if(S(e,t))return t;const r=g(e,t);if(r)return r.storyId;const n=_(e,t)?.ruleId??R(e,t)?.ruleId;return n===void 0?void 0:g(e,n)?.storyId},oe=e=>[...e.stories.map(t=>t.id),...e.rules.map(t=>t.id),...e.examples.map(t=>t.id),...e.questions.map(t=>t.id)],ie=(e,t)=>g(e,t)?.storyId,tt=(e,t)=>{const r=_(e,t);return r?ie(e,r.ruleId):void 0},se=(e,t)=>{const r=Ue(c,t);if(r===null)return null;const n=r.target.id;switch(r.type){case"SET_STORY_NAME":return de(e,n,a=>({...a,name:r.payload.name}));case"SET_STORY_DESCRIPTION":return de(e,n,a=>({...a,description:r.payload.description}));case"REORDER_STORY":{const a=me(e.stories,n,r.payload.after);return a===null?null:{...e,stories:a}}case"ADD_STORY":{const a=r.payload;return e.stories.some(o=>o.id===a.id)?e:U(e,a.id)?null:{...e,stories:[...e.stories,{id:a.id,name:a.name,...a.description===void 0?{}:{description:a.description}}]}}case"DELETE_STORY":{if(!e.stories.some(o=>o.id===n))return null;const a=new Set(e.rules.filter(o=>o.storyId===n).map(o=>o.id));return{...e,stories:e.stories.filter(o=>o.id!==n),rules:e.rules.filter(o=>o.storyId!==n),examples:e.examples.filter(o=>!a.has(o.ruleId)),questions:e.questions.filter(o=>!a.has(o.ruleId))}}case"SET_RULE_NAME":return le(e,n,a=>({...a,name:r.payload.name}));case"SET_RULE_DESCRIPTION":return le(e,n,a=>({...a,description:r.payload.description}));case"MOVE_RULE":{const a=r.payload,o=g(e,n);if(!o||!e.stories.some(s=>s.id===a.storyId))return null;const i=e.rules.filter(s=>s.storyId===a.storyId&&s.id!==n);return a.after!==null&&!i.some(s=>s.id===a.after)?null:{...e,rules:ue(e.rules,{...o,storyId:a.storyId},a.after)}}case"REORDER_RULE":{const a=g(e,n);if(!a)return null;const o=e.rules.filter(i=>i.storyId===a.storyId);return r.payload.after!==null&&!o.some(i=>i.id===r.payload.after)?null:{...e,rules:ue(e.rules,a,r.payload.after)}}case"ADD_RULE":{const a=r.payload,o=S(e,n);return o?e.rules.some(i=>i.id===a.id)?e:U(e,a.id)?null:{...e,rules:[...e.rules,{id:a.id,storyId:o.id,name:a.name,...a.description===void 0?{}:{description:a.description}}]}:null}case"DELETE_RULE":return g(e,n)?{...e,rules:e.rules.filter(a=>a.id!==n),examples:e.examples.filter(a=>a.ruleId!==n),questions:e.questions.filter(a=>a.ruleId!==n)}:null;case"SET_EXAMPLE_NAME":return pe(e,n,a=>({...a,name:r.payload.name}));case"SET_EXAMPLE_DESCRIPTION":return pe(e,n,a=>({...a,description:r.payload.description}));case"MOVE_EXAMPLE":{const a=r.payload,o=_(e,n);if(!o||!g(e,a.ruleId))return null;const i=e.examples.filter(s=>s.ruleId===a.ruleId&&s.id!==n);return a.after!==null&&!i.some(s=>s.id===a.after)?null:{...e,examples:P(e.examples,{...o,ruleId:a.ruleId},a.after)}}case"REORDER_EXAMPLE":{const a=_(e,n);if(!a)return null;const o=e.examples.filter(i=>i.ruleId===a.ruleId);return r.payload.after!==null&&!o.some(i=>i.id===r.payload.after)?null:{...e,examples:P(e.examples,a,r.payload.after)}}case"ADD_EXAMPLE":{const a=r.payload,o=g(e,n);return o?e.examples.some(i=>i.id===a.id)?e:U(e,a.id)?null:{...e,examples:[...e.examples,{id:a.id,ruleId:o.id,name:a.name,...a.description===void 0?{}:{description:a.description}}]}:null}case"DELETE_EXAMPLE":return _(e,n)?{...e,examples:e.examples.filter(a=>a.id!==n)}:null;case"SET_QUESTION_NAME":return ce(e,n,a=>({...a,name:r.payload.name}));case"SET_QUESTION_DESCRIPTION":return ce(e,n,a=>({...a,description:r.payload.description}));case"MOVE_QUESTION":{const a=r.payload,o=R(e,n);if(!o||!g(e,a.ruleId))return null;const i=e.questions.filter(s=>s.ruleId===a.ruleId&&s.id!==n);return a.after!==null&&!i.some(s=>s.id===a.after)?null:{...e,questions:P(e.questions,{...o,ruleId:a.ruleId},a.after)}}case"REORDER_QUESTION":{const a=R(e,n);if(!a)return null;const o=e.questions.filter(i=>i.ruleId===a.ruleId);return r.payload.after!==null&&!o.some(i=>i.id===r.payload.after)?null:{...e,questions:P(e.questions,a,r.payload.after)}}case"ADD_QUESTION":{const a=r.payload,o=g(e,n);return o?e.questions.some(i=>i.id===a.id)?e:U(e,a.id)?null:{...e,questions:[...e.questions,{id:a.id,ruleId:o.id,name:a.name,...a.description===void 0?{}:{description:a.description}}]}:null}case"DELETE_QUESTION":return R(e,n)?{...e,questions:e.questions.filter(a=>a.id!==n)}:null;default:return Pe(r)}},U=(e,t)=>e.stories.some(r=>r.id===t)||e.rules.some(r=>r.id===t)||e.examples.some(r=>r.id===t)||e.questions.some(r=>r.id===t),de=(e,t,r)=>e.stories.some(n=>n.id===t)?{...e,stories:e.stories.map(n=>n.id===t?r(n):n)}:null,le=(e,t,r)=>e.rules.some(n=>n.id===t)?{...e,rules:e.rules.map(n=>n.id===t?r(n):n)}:null,pe=(e,t,r)=>e.examples.some(n=>n.id===t)?{...e,examples:e.examples.map(n=>n.id===t?r(n):n)}:null,ce=(e,t,r)=>e.questions.some(n=>n.id===t)?{...e,questions:e.questions.map(n=>n.id===t?r(n):n)}:null,ue=(e,t,r)=>{const n=e.filter(p=>p.id!==t.id),a=n.filter(p=>p.storyId===t.storyId),o=r===null?[t,...a]:B(a,t,r),i=n.findIndex(p=>p.storyId===t.storyId),s=new Set(a.map(p=>p.id)),l=n.filter(p=>!s.has(p.id)),y=i<0?l.length:Math.min(i,l.length);return[...l.slice(0,y),...o,...l.slice(y)]},P=(e,t,r)=>{const n=e.filter(p=>p.id!==t.id),a=n.filter(p=>p.ruleId===t.ruleId),o=r===null?[t,...a]:B(a,t,r),i=n.findIndex(p=>p.ruleId===t.ruleId),s=new Set(a.map(p=>p.id)),l=n.filter(p=>!s.has(p.id)),y=i<0?l.length:Math.min(i,l.length);return[...l.slice(0,y),...o,...l.slice(y)]},me=(e,t,r)=>{if(!e.some(o=>o.id===t)||r!==null&&!e.some(o=>o.id===r))return null;if(r===t)return[...e];const n=e.find(o=>o.id===t);if(n===void 0)return null;const a=e.filter(o=>o.id!==t);return B(a,n,r)},B=(e,t,r)=>{const n=[...e],a=r===null?-1:n.findIndex(o=>o.id===r);return n.splice(a+1,0,t),n},Q=(e,t)=>{const r=typeof t=="string"?t:"",n=typeof e=="string"?e:void 0;return n===void 0?`\u2192 \u300C${r}\u300D`:`\u300C${n}\u300D\u2192\u300C${r}\u300D`},rt={SET_STORY_NAME:(e,t)=>({title:"\u30B9\u30C8\u30FC\u30EA\u30FC\u540D\u3092\u5909\u66F4",tone:"update",body:Q(S(t,e.target.id)?.name,E(c.SET_STORY_NAME,e).name??"")}),SET_STORY_DESCRIPTION:e=>({title:"\u30B9\u30C8\u30FC\u30EA\u30FC\u306E\u8AAC\u660E\u3092\u66F4\u65B0",tone:"update",body:`\u2192 \u300C${String(E(c.SET_STORY_DESCRIPTION,e).description??"").slice(0,90)}\u300D`}),REORDER_STORY:e=>({title:"\u30B9\u30C8\u30FC\u30EA\u30FC\u306E\u9806\u5E8F\u3092\u5909\u66F4",tone:"move",body:C(E(c.REORDER_STORY,e).after)}),ADD_STORY:e=>({title:"\u30B9\u30C8\u30FC\u30EA\u30FC\u3092\u8FFD\u52A0",tone:"create",body:`+ \u300C${E(c.ADD_STORY,e).name??""}\u300D`}),DELETE_STORY:(e,t)=>({title:"\u30B9\u30C8\u30FC\u30EA\u30FC\u3092\u524A\u9664",tone:"delete",body:`\u2212 \u300C${S(t,e.target.id)?.name??e.target.id}\u300D`}),SET_RULE_NAME:(e,t)=>({title:"\u30EB\u30FC\u30EB\u540D\u3092\u5909\u66F4",tone:"update",body:Q(g(t,e.target.id)?.name,E(c.SET_RULE_NAME,e).name??"")}),SET_RULE_DESCRIPTION:e=>({title:"\u30EB\u30FC\u30EB\u306E\u8AAC\u660E\u3092\u66F4\u65B0",tone:"update",body:`\u2192 \u300C${String(E(c.SET_RULE_DESCRIPTION,e).description??"").slice(0,90)}\u300D`}),MOVE_RULE:(e,t)=>({title:"\u30EB\u30FC\u30EB\u3092\u79FB\u52D5",tone:"move",body:`\u2192 ${S(t,String(E(c.MOVE_RULE,e).storyId))?.name??String(E(c.MOVE_RULE,e).storyId??"")}`}),REORDER_RULE:e=>({title:"\u30EB\u30FC\u30EB\u306E\u9806\u5E8F\u3092\u5909\u66F4",tone:"move",body:C(E(c.REORDER_RULE,e).after)}),ADD_RULE:e=>({title:"\u30EB\u30FC\u30EB\u3092\u8FFD\u52A0",tone:"create",body:`+ \u300C${E(c.ADD_RULE,e).name??""}\u300D`}),DELETE_RULE:(e,t)=>({title:"\u30EB\u30FC\u30EB\u3092\u524A\u9664",tone:"delete",body:`\u2212 \u300C${g(t,e.target.id)?.name??e.target.id}\u300D`}),SET_EXAMPLE_NAME:(e,t)=>({title:"\u5177\u4F53\u4F8B\u540D\u3092\u5909\u66F4",tone:"update",body:Q(_(t,e.target.id)?.name,E(c.SET_EXAMPLE_NAME,e).name??"")}),SET_EXAMPLE_DESCRIPTION:e=>({title:"\u5177\u4F53\u4F8B\u306E\u8AAC\u660E\u3092\u66F4\u65B0",tone:"update",body:`\u2192 \u300C${String(E(c.SET_EXAMPLE_DESCRIPTION,e).description??"").slice(0,90)}\u300D`}),MOVE_EXAMPLE:(e,t)=>({title:"\u5177\u4F53\u4F8B\u3092\u79FB\u52D5",tone:"move",body:`\u2192 ${g(t,String(E(c.MOVE_EXAMPLE,e).ruleId))?.name??String(E(c.MOVE_EXAMPLE,e).ruleId??"")}`}),REORDER_EXAMPLE:e=>({title:"\u5177\u4F53\u4F8B\u306E\u9806\u5E8F\u3092\u5909\u66F4",tone:"move",body:C(E(c.REORDER_EXAMPLE,e).after)}),ADD_EXAMPLE:e=>({title:"\u5177\u4F53\u4F8B\u3092\u8FFD\u52A0",tone:"create",body:`+ \u300C${E(c.ADD_EXAMPLE,e).name??""}\u300D`}),DELETE_EXAMPLE:(e,t)=>({title:"\u5177\u4F53\u4F8B\u3092\u524A\u9664",tone:"delete",body:`\u2212 \u300C${_(t,e.target.id)?.name??e.target.id}\u300D`}),SET_QUESTION_NAME:(e,t)=>({title:"\u8CEA\u554F\u540D\u3092\u5909\u66F4",tone:"update",body:Q(R(t,e.target.id)?.name,E(c.SET_QUESTION_NAME,e).name??"")}),SET_QUESTION_DESCRIPTION:e=>({title:"\u8CEA\u554F\u306E\u8AAC\u660E\u3092\u66F4\u65B0",tone:"update",body:`\u2192 \u300C${String(E(c.SET_QUESTION_DESCRIPTION,e).description??"").slice(0,90)}\u300D`}),MOVE_QUESTION:(e,t)=>({title:"\u8CEA\u554F\u3092\u79FB\u52D5",tone:"move",body:`\u2192 ${g(t,String(E(c.MOVE_QUESTION,e).ruleId))?.name??String(E(c.MOVE_QUESTION,e).ruleId??"")}`}),REORDER_QUESTION:e=>({title:"\u8CEA\u554F\u306E\u9806\u5E8F\u3092\u5909\u66F4",tone:"move",body:C(E(c.REORDER_QUESTION,e).after)}),ADD_QUESTION:e=>({title:"\u8CEA\u554F\u3092\u8FFD\u52A0",tone:"create",body:`+ \u300C${E(c.ADD_QUESTION,e).name??""}\u300D`}),DELETE_QUESTION:(e,t)=>({title:"\u8CEA\u554F\u3092\u524A\u9664",tone:"delete",body:`\u2212 \u300C${R(t,e.target.id)?.name??e.target.id}\u300D`})},C=e=>e==null?"\u2192 \u5148\u982D\u3078":`\u2192 \u300C${e}\u300D\u306E\u76F4\u5F8C\u3078`,Ee=(e,t,r)=>{let n;try{const a=rt[e.type];n=a?a(e,r??t):{title:e.type,tone:"meta"}}catch{n={title:e.type,tone:"meta"}}return{title:n.title,targetLabel:ye(t,e.target),tone:n.tone,...n.body===void 0?{}:{summary:n.body}}},ge=e=>`${e.type} ${O(e.target)} ${JSON.stringify(e.payload)}`,nt={story:"\u30B9\u30C8\u30FC\u30EA\u30FC",rule:"\u30EB\u30FC\u30EB",example:"\u5177\u4F53\u4F8B",question:"\u8CEA\u554F"},ye=(e,t)=>{try{switch(t.type){case"story":{const r=S(e,t.id);return r?`\u30B9\u30C8\u30FC\u30EA\u30FC \xB7 ${r.name}`:`\u30B9\u30C8\u30FC\u30EA\u30FC \xB7 ${t.id} (missing)`}case"rule":{const r=g(e,t.id);return r?`\u30EB\u30FC\u30EB \xB7 ${r.name}`:`\u30EB\u30FC\u30EB \xB7 ${t.id} (missing)`}case"example":{const r=_(e,t.id);return r?`\u5177\u4F53\u4F8B \xB7 ${r.name}`:`\u5177\u4F53\u4F8B \xB7 ${t.id} (missing)`}case"question":{const r=R(e,t.id);return r?`\u8CEA\u554F \xB7 ${r.name}`:`\u8CEA\u554F \xB7 ${t.id} (missing)`}case"page":return`\u30DE\u30C3\u30D7 \xB7 ${K(e)}`;default:return`${t.type} \xB7 ${t.id}`}}catch{return`${t.type} \xB7 ${t.id}`}},fe=(e,t)=>{const r=[{value:"page:example-mapping",label:"\u30DE\u30C3\u30D7\u5168\u4F53",group:"\u30DE\u30C3\u30D7"}];for(const n of e.stories)r.push({value:O({type:"story",id:n.id}),label:n.name,group:"\u30B9\u30C8\u30FC\u30EA\u30FC"});for(const n of e.rules){const a=S(e,n.storyId);r.push({value:O({type:"rule",id:n.id}),label:a?`${a.name} \u203A ${n.name}`:n.name,group:"\u30EB\u30FC\u30EB"})}for(const n of e.examples){const a=g(e,n.ruleId);r.push({value:O({type:"example",id:n.id}),label:a?`${a.name} \u203A ${n.name}`:n.name,group:"\u5177\u4F53\u4F8B"})}for(const n of e.questions){const a=g(e,n.ruleId);r.push({value:O({type:"question",id:n.id}),label:a?`${a.name} \u203A ${n.name}`:n.name,group:"\u8CEA\u554F"})}return r},xe=(e,t)=>{const r=q(e,t.card);return r?{value:O({type:r.kind,id:r.id}),label:r.name,group:nt[r.kind]}:null},at=4,ot={empty:"\u30EB\u30FC\u30EB\u672A\u6574\u7406","open-questions":"\u672A\u89E3\u6C7A\u306E\u8CEA\u554F\u3042\u308A","too-big":"\u5206\u5272\u3092\u691C\u8A0E",thin:"\u5177\u4F53\u4F8B\u306E\u7121\u3044\u30EB\u30FC\u30EB\u3042\u308A",ready:"\u5408\u610F\u3067\u304D\u305D\u3046"},he=(e,t)=>{const r=e.rules.filter(l=>l.storyId===t),n=new Set(r.map(l=>l.id)),a=e.examples.filter(l=>n.has(l.ruleId)),o=e.questions.filter(l=>n.has(l.ruleId)).length,i=r.some(l=>!a.some(y=>y.ruleId===l.id)),s=r.length===0?"empty":o>0?"open-questions":r.length>at?"too-big":i?"thin":"ready";return{rules:r.length,examples:a.length,questions:o,readiness:s,label:ot[s]}},K=e=>e.title??"Example Mapping",Se=(e,t)=>{const r=q(e,t.card),n={...t};return r?n.card=r.id:delete n.card,n},_e=(e,t)=>{switch(t.type){case"story":case"rule":case"example":case"question":return q(e,t.id)?.kind===t.type;case"page":return!0;default:return!1}},Re={name:"example-mapping",label:"Example Mapping",parseBase:ee,emptyBase:te,actions:c,apply:se,canonicalState:Ge,hasTarget:_e,describe:Ee,serialize:ge,resolveNavigation:Se,commentTargets:(e,t)=>fe(e),currentTarget:(e,t)=>xe(e,t),title:K},X=(e,t,r)=>{const n=Qe(t,oe(e.state));return e.dispatch(r(n)).ok?(e.navigate({card:n}),n):null},it=e=>X(e,"new-story",t=>$.addStory(t,"\u65B0\u3057\u3044\u30B9\u30C8\u30FC\u30EA\u30FC")),st=(e,t)=>X(e,"new-rule",r=>$.addRule(t,r,"\u65B0\u3057\u3044\u30EB\u30FC\u30EB")),dt=(e,t)=>X(e,"new-example",r=>$.addExample(t,r,"\u65B0\u3057\u3044\u5177\u4F53\u4F8B")),lt=(e,t)=>X(e,"new-question",r=>$.addQuestion(t,r,"\u65B0\u3057\u3044\u8CEA\u554F")),pt={width:300,height:260},be=["story","rule","example","question"],j={story:"\u30B9\u30C8\u30FC\u30EA\u30FC",rule:"\u30EB\u30FC\u30EB",example:"\u5177\u4F53\u4F8B",question:"\u8CEA\u554F"},Te={story:{bg:"linear-gradient(178deg, #fff3a6, #fde77a)",ink:"#4a3a06"},rule:{bg:"linear-gradient(178deg, #a3d1f5, #7cb8ea)",ink:"#0e2c4b"},example:{bg:"linear-gradient(178deg, #c9eb95, #a8dc63)",ink:"#22380a"},question:{bg:"linear-gradient(178deg, #fbc6d9, #f4a0c0)",ink:"#4b1029"}},D=e=>{const{bg:t,ink:r}=Te[e];return`--em-card-bg:${t};--em-card-ink:${r}`},ct=J`
-  :host {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    gap: 6px;
-    box-sizing: border-box;
-    min-height: 76px;
-    padding: 17px 11px 11px;
-    border-radius: 3px;
-    background: var(--em-card-bg, var(--dpk-paper-raised));
-    color: var(--em-card-ink, var(--dpk-ink));
-    box-shadow:
-      0 1px 2px rgba(30, 24, 10, 0.14),
-      0 5px 10px -4px rgba(30, 24, 10, 0.24);
-    cursor: grab;
-    transform: rotate(var(--em-tilt, 0deg));
-    transition:
-      transform 180ms ease,
-      box-shadow 180ms ease,
-      opacity 180ms ease;
-  }
-
-  :host(:hover) {
-    z-index: 6;
-    transform: rotate(0deg) translateY(-2px);
-    box-shadow:
-      0 2px 4px rgba(30, 24, 10, 0.16),
-      0 12px 22px -6px rgba(30, 24, 10, 0.3);
-  }
-
-  :host([focused]) {
-    z-index: 5;
-    outline: 2px solid var(--dpk-blue);
-    outline-offset: 2px;
-    transform: rotate(0deg);
-  }
-
-  :host([data-mode='editing']),
-  :host([data-mode='commenting']) {
-    z-index: 7;
-    transform: rotate(0deg);
-  }
-
-  :host([dragging]) {
-    opacity: 0.4;
-  }
-
-  :host([data-kind='story']) {
-    min-height: 68px;
-    padding: 19px 14px 13px;
-  }
-
-  /* Small, faint, top-left: readable when looked for, quiet when not. */
-  .card-kind {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-family: var(--dpk-mono);
-    font-size: 8px;
-    font-weight: 600;
-    letter-spacing: 0.12em;
-    opacity: 0.5;
-  }
-
-  .card-name {
-    min-width: 0;
-    font-size: 13px;
-    font-weight: 680;
-    line-height: 1.35;
-    letter-spacing: -0.01em;
-    overflow-wrap: anywhere;
-    cursor: text;
-  }
-
-  :host([data-kind='story']) .card-name {
-    font-size: 15.5px;
-    line-height: 1.3;
-  }
-
-  .card-text {
-    font-size: 11.5px;
-    line-height: 1.5;
-    opacity: 0.72;
-    white-space: pre-wrap;
-  }
-
-  /* Comments already left: a corner flag, readable without hover. */
-  .card-flag {
-    position: absolute;
-    top: -7px;
-    right: -7px;
-    min-width: 17px;
-    height: 17px;
-    padding: 0 4px;
-    box-sizing: border-box;
-    border-radius: 999px;
-    background: var(--dpk-accent);
-    color: var(--dpk-accent-ink);
-    font-family: var(--dpk-mono);
-    font-size: 9.5px;
-    font-weight: 650;
-    line-height: 17px;
-    text-align: center;
-    box-shadow: 0 1px 4px rgba(217, 73, 32, 0.35);
-  }
-
-  /* A side rail of round buttons that fades in on hover, like Event Storming:
-     nothing crosses the card's face. */
-  .card-tools {
-    position: absolute;
-    top: 9px;
-    right: -11px;
-    z-index: 8;
-    display: flex;
-    flex-direction: column;
-    gap: 3px;
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 140ms ease;
-  }
-
-  :host(:hover) .card-tools,
-  :host([data-mode='commenting']) .card-tools,
-  .card-tools:focus-within {
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  .card-tools .dpk-icon-btn {
-    width: 22px;
-    height: 22px;
-    border: 1px solid var(--dpk-rule);
-    border-radius: 50%;
-    background: color-mix(in srgb, var(--dpk-paper-raised) 94%, transparent);
-    box-shadow: var(--dpk-shadow-xs);
-  }
-`;class ut extends Ce{static{this.styles=[Xe,ct,Ye]}static{this.properties={card:{attribute:!1},notes:{attribute:!1},tilt:{attribute:!1},mode:{type:String,reflect:!0,attribute:"data-mode"},focused:{type:Boolean,reflect:!0},dragging:{type:Boolean,reflect:!0},onIntent:{attribute:!1}}}#e="";#a=new je(this);constructor(){super(),this.card=null,this.notes=[],this.tilt=0,this.mode="view",this.focused=!1,this.dragging=!1,this.onIntent=null,this.addEventListener("click",()=>this.#r({kind:"select"})),this.addEventListener("focusin",()=>this.draggable=!1),this.addEventListener("focusout",()=>this.draggable=!0)}updated(t){if(t.has("card")&&this.card){const{bg:a,ink:o}=Te[this.card.kind];this.setAttribute("data-kind",this.card.kind),this.style.setProperty("--em-card-bg",a),this.style.setProperty("--em-card-ink",o)}if(t.has("tilt")&&this.style.setProperty("--em-tilt",`${this.tilt}deg`),t.has("mode")&&(this.mode!=="commenting"&&(this.#e=""),this.mode==="editing"&&this.renderRoot.querySelector("dpk-component-inline-edit")?.startEditing()),this.mode!=="commenting")return;const r=this.renderRoot.querySelector(".comment-pop"),n=this.renderRoot.querySelector('[data-role="comment"]');r&&n&&this.#a.open(r,n,pt)}render(){const t=this.card;if(!t)return k;const r=j[t.kind];return h`
-      <div class="card-kind">${r}</div>
-      <dpk-component-inline-edit
-        class="card-name"
-        ?wrap=${!0}
-        ?seamless=${!0}
-        .value=${t.name}
-        .label=${`${r}\u540D`}
-        @dpk-commit=${Je(n=>this.#r({kind:"rename",name:n}))}
-      ></dpk-component-inline-edit>
-      ${t.description?h`<div class="card-text">${t.description}</div>`:k}
-      ${this.notes.length>0?h`<span class="card-flag">${this.notes.length}</span>`:k}
-      <div class="card-tools">
-        <button
-          class="dpk-icon-btn"
-          type="button"
-          data-role="comment"
-          aria-label="コメント"
-          data-active=${String(this.mode==="commenting")}
-          @click=${this.#n({kind:"toggle-comment"})}
-        >
-          ${Ve()}
-        </button>
-        <button
-          class="dpk-icon-btn"
-          type="button"
-          data-role="delete"
-          aria-label="削除"
-          @click=${this.#n({kind:"delete"})}
-        >
-          ${ze()}
-        </button>
-      </div>
-      ${this.mode==="commenting"?this.#t(t):k}
-    `}#t(t){return Fe(He(this.#e,this.notes.map(Be),{label:t.name}),r=>{r.kind==="input"?(this.#e=r.body,this.requestUpdate()):this.#r(r)})}#n(t){return r=>{r.stopPropagation(),this.#r(t)}}#r(t){this.onIntent?.(t)}}const mt=()=>{customElements.get("dpk-internal-example-mapping-card")||customElements.define("dpk-internal-example-mapping-card",ut)},M=(e,t,r)=>{const n=e.at(-1)??null;if(t===null||r==="end")return n;const a=e.indexOf(t);return a<0?n:r==="after"?t:a===0?null:e.at(a-1)??null},Ie=(e,t,r,n)=>{if(!S(e,t))return null;const a=e.stories.filter(o=>o.id!==t).map(o=>o.id);return{type:"REORDER_STORY",target:{type:"story",id:t},payload:{after:M(a,r,n)}}},ve=(e,t,r,n,a)=>{if(!S(e,t)||!g(e,r))return null;const o=e.rules.filter(i=>i.storyId===t&&i.id!==r).map(i=>i.id);return{type:"MOVE_RULE",target:{type:"rule",id:r},payload:{storyId:t,after:M(o,n,a)}}},Oe=(e,t,r,n,a)=>{if(!g(e,t)||!_(e,r))return null;const o=e.examples.filter(i=>i.ruleId===t&&i.id!==r).map(i=>i.id);return{type:"MOVE_EXAMPLE",target:{type:"example",id:r},payload:{ruleId:t,after:M(o,n,a)}}},De=(e,t,r,n,a)=>{if(!g(e,t)||!R(e,r))return null;const o=e.questions.filter(i=>i.ruleId===t&&i.id!==r).map(i=>i.id);return{type:"MOVE_QUESTION",target:{type:"question",id:r},payload:{ruleId:t,after:M(o,n,a)}}},Y={kind:"idle"},F=(e,t)=>e.kind!=="idle"&&e.cardId===t,ke=(e,t)=>F(e,t)&&(e.kind==="editing"||e.kind==="commenting")?e.kind:"view",$e=(e,t,r)=>{switch(r.kind){case"toggle-comment":return e.kind==="commenting"&&e.cardId===t?Y:{kind:"commenting",cardId:t};case"rename":case"comment":case"dismiss":case"delete":return F(e,t)?Y:e;case"select":return e}},Et=(e,t)=>{if(e==="story")return 0;let r=0;for(const n of t)r=r*31+n.charCodeAt(0)|0;return(Math.abs(r)%5-2)*.45},gt=()=>h`<ul class="legend" aria-label="カードの種類">
-    ${be.map(e=>h`<li><span class="legend-swatch" style=${D(e)}></span>${j[e]}</li>`)}
-  </ul>`,yt=e=>{const{context:t,handlers:r}=e;return t.state.stories.length===0?h`
-      <div class="empty">
-        <h2>ストーリーがまだありません</h2>
-        <p>
-          ストーリー（黄）を1枚置き、その下に受け入れ条件となるルール（青）を並べます。
-          ルールごとに、上の欄へ具体例（緑）を、下の欄へ答えの出ない論点を質問（赤）として積みます。
-        </p>
-        <button class="dpk-btn dpk-btn--accent" type="button" @click=${r.addStory}>＋ 最初のストーリー</button>
-      </div>
-    `:h`
-    <div class="board" data-testid="example-mapping-board">
-      ${V(t.state.stories,n=>n.id,n=>ft(e,n))}
-      <button class="add-story" type="button" @click=${r.addStory}>＋ ストーリー</button>
-    </div>
-  `},H=(e,t,r)=>{const{context:n,mode:a,drag:o,handlers:i}=e,s=n.comments.filter(y=>y.target.type===t&&y.target.id===r.id),l=o.source({type:t,id:r.id});return h`<dpk-internal-example-mapping-card
-    data-card=${r.id}
-    data-card-kind=${t}
-    draggable="true"
-    .card=${{kind:t,id:r.id,name:r.name,...r.description===void 0?{}:{description:r.description}}}
-    .notes=${s}
-    .tilt=${Et(t,r.id)}
-    .mode=${ke(a,r.id)}
-    .onIntent=${y=>i.cardIntent(r.id,t,y)}
-    ?focused=${n.navigation.card===r.id}
-    ?dragging=${o.isDragging(t,r.id)}
-    @dragstart=${l.dragstart}
-    @dragend=${l.dragend}
-  ></dpk-internal-example-mapping-card>`},ft=(e,t)=>{const{context:r,drag:n,handlers:a}=e,o=he(r.state,t.id),i=`story:${t.id}`,s=n.target({key:i,accepts:"story",hovered:Le(".story-section","story"),onDrop:a.dropStory}),l=`rules:${t.id}`,y=n.target({key:l,accepts:"rule",hovered:Le(".rule-col","rule"),onDrop:p=>a.dropRule(t.id,p)});return h`
-    <section
-      class="story-section"
-      data-story=${t.id}
-      data-drop=${String(n.isOver(i))}
-      @dragenter=${s.dragenter}
-      @dragover=${s.dragover}
-      @dragleave=${s.dragleave}
-      @drop=${s.drop}
-    >
-      <header class="story-row">
-        <div class="story-slot">${H(e,"story",t)}</div>
-        <div class="story-meta">
-          <span class="readiness" data-readiness=${o.readiness}>${o.label}</span>
-          <span class="tally"><i class="tally-dot" style=${D("rule")}></i>ルール ${o.rules}</span>
-          <span class="tally"
-            ><i class="tally-dot" style=${D("example")}></i>具体例 ${o.examples}</span
-          >
-          <span class="tally"
-            ><i class="tally-dot" style=${D("question")}></i>質問 ${o.questions}</span
-          >
-        </div>
-      </header>
-      <div
-        class="rules-row"
-        data-testid=${`rules-${t.id}`}
-        data-drop=${String(n.isOver(l))}
-        @dragenter=${y.dragenter}
-        @dragover=${y.dragover}
-        @dragleave=${y.dragleave}
-        @drop=${y.drop}
-      >
-        ${V(re(r.state,t.id),p=>p.id,p=>xt(e,p))}
-        <button class="add-rule" type="button" @click=${()=>a.addRule(t.id)}>
-          <span class="add-plus">＋</span>ルール
-        </button>
-      </div>
-    </section>
-  `},xt=(e,t)=>{const{drag:r}=e;return h`
-    <div class="rule-col" data-rule=${t.id} ?data-dragging=${r.isDragging("rule",t.id)}>
-      ${H(e,"rule",t)} ${Me(e,t.id,"example")}
-      ${Me(e,t.id,"question")}
-    </div>
-  `},ht={example:{testid:"examples",label:"\u5177\u4F53\u4F8B",empty:"\u5177\u4F53\u4F8B\u304C\u307E\u3060\u3042\u308A\u307E\u305B\u3093",add:"\uFF0B \u5177\u4F53\u4F8B"},question:{testid:"questions",label:"\u8CEA\u554F",empty:"\u672A\u89E3\u6C7A\u306E\u8CEA\u554F\u306F\u3042\u308A\u307E\u305B\u3093",add:"\uFF0B \u8CEA\u554F"}},Me=(e,t,r)=>{const{context:n,drag:a,handlers:o}=e,i=ht[r],s=`${i.testid}:${t}`,l=r==="example"?a.target({key:s,accepts:"example",hovered:Ae("example"),onDrop:T=>o.dropExample(t,T)}):a.target({key:s,accepts:"question",hovered:Ae("question"),onDrop:T=>o.dropQuestion(t,T)}),y=r==="example"?ne(n.state,t):ae(n.state,t),p=r==="example"?o.addExample:o.addQuestion;return h`<div
-    class="card-area card-area--${r}"
-    data-testid=${`${i.testid}-${t}`}
-    data-drop=${String(a.isOver(s))}
-    @dragenter=${l.dragenter}
-    @dragover=${l.dragover}
-    @dragleave=${l.dragleave}
-    @drop=${l.drop}
-  >
-    <h3 class="area-label"><i class="tally-dot" style=${D(r)}></i>${i.label}</h3>
-    ${V(y,T=>T.id,T=>H(e,r,T))}
-    ${y.length===0?h`<p class="stack-hint">${i.empty}</p>`:k}
-    <button class="add-card add-${r}" type="button" @click=${()=>p(t)}>${i.add}</button>
-  </div>`},Ae=e=>t=>{const r=t.target instanceof Element?t.target.closest("dpk-internal-example-mapping-card"):null;return!r||r.getAttribute("data-card-kind")!==e?null:{id:r.getAttribute("data-card"),element:r}},Le=(e,t)=>r=>{const n=r.target instanceof Element?r.target.closest(e):null;return n?{id:n.getAttribute(`data-${t}`),element:n}:null},St=J`
-  /* ------------------------------------------------------------ legend */
-
-  .legend {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 4px 14px;
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    font-size: 11.5px;
-    color: var(--dpk-ink-soft);
-  }
-
-  .legend li {
-    display: inline-flex;
-    align-items: center;
-    gap: 6px;
-  }
-
-  .legend-swatch {
-    width: 14px;
-    height: 11px;
-    border-radius: 2px;
-    background: var(--em-card-bg);
-    box-shadow: 0 1px 2px rgba(30, 24, 10, 0.18);
-  }
-
-  /* ------------------------------------------------------------- board */
-
-  .board {
-    display: grid;
-    gap: 22px;
-    align-content: start;
-  }
-
-  .story-section {
-    display: grid;
-    gap: 18px;
-    min-width: 0;
-    padding: 20px 22px 24px;
-    border: 1px solid var(--dpk-rule);
-    border-radius: var(--dpk-radius-lg);
-    background:
-      radial-gradient(circle, var(--dpk-rule) 1px, transparent 1.2px) 0 0 / 18px 18px,
-      var(--dpk-paper-raised);
-    box-shadow: var(--dpk-shadow);
-    transition: outline-color 150ms ease;
-  }
-
-  .story-section[data-drop='true'] {
-    outline: 2px dashed var(--dpk-blue);
-    outline-offset: 4px;
-  }
-
-  /* The story heads the table: one wide card, with where it stands beside it. */
-  .story-row {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 14px 20px;
-  }
-
-  .story-slot {
-    width: min(420px, 100%);
-  }
-
-  .story-meta {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 6px;
-  }
-
-  .readiness {
-    padding: 4px 11px;
-    border-radius: 999px;
-    font-size: 11.5px;
-    font-weight: 650;
-    background: var(--dpk-paper-sunken);
-    color: var(--dpk-ink-soft);
-  }
-
-  .readiness[data-readiness='ready'] {
-    background: var(--dpk-green-soft);
-    color: var(--dpk-green);
-  }
-
-  .readiness[data-readiness='open-questions'],
-  .readiness[data-readiness='too-big'] {
-    background: var(--dpk-danger-soft);
-    color: var(--dpk-danger);
-  }
-
-  .readiness[data-readiness='thin'] {
-    background: var(--dpk-amber-soft);
-    color: var(--dpk-amber);
-  }
-
-  .tally {
-    display: inline-flex;
-    align-items: center;
-    gap: 5px;
-    padding: 3px 9px;
-    border: 1px solid var(--dpk-rule);
-    border-radius: 999px;
-    background: var(--dpk-paper-raised);
-    font-family: var(--dpk-mono);
-    font-size: 10.5px;
-    font-variant-numeric: tabular-nums;
-    color: var(--dpk-ink-soft);
-  }
-
-  .tally-dot {
-    width: 8px;
-    height: 8px;
-    border-radius: 2px;
-    background: var(--em-card-bg);
-  }
-
-  /* ------------------------------------------------- rules and examples */
-
-  /* Rules side by side under the story; the row scrolls, never the page. */
-  .rules-row {
-    display: flex;
-    align-items: flex-start;
-    gap: 14px;
-    min-width: 0;
-    overflow-x: auto;
-    padding: 4px 4px 16px;
-    border-radius: var(--dpk-radius);
-  }
-
-  .rules-row[data-drop='true'] {
-    background: var(--dpk-blue-soft);
-  }
-
-  /* A rule and its examples read as one lane: a soft tint, no side border. */
-  .rule-col {
-    flex: 0 0 204px;
-    display: grid;
-    gap: 16px;
-    align-content: start;
-    padding: 10px 10px 14px;
-    border-radius: var(--dpk-radius-lg);
-    background: linear-gradient(180deg, rgba(51, 102, 204, 0.09), rgba(51, 102, 204, 0.03) 70%, transparent);
-  }
-
-  .rule-col[data-dragging] {
-    opacity: 0.45;
-  }
-
-  /* Examples on top, questions below: two areas, each its own drop target. */
-  .card-area {
-    display: grid;
-    gap: 12px;
-    align-content: start;
-    min-height: 44px;
-    padding: 8px 8px 10px;
-    border-radius: var(--dpk-radius);
-  }
-
-  .card-area--example {
-    background: var(--dpk-green-soft);
-  }
-
-  .card-area--question {
-    background: var(--dpk-danger-soft);
-  }
-
-  .card-area--question dpk-internal-example-mapping-card {
-    min-height: 56px;
-  }
-
-  .card-area[data-drop='true'] {
-    outline: 2px dashed var(--dpk-blue);
-    outline-offset: 2px;
-  }
-
-  .area-label {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    margin: 0;
-    font-size: 10.5px;
-    font-weight: 600;
-    letter-spacing: 0.04em;
-    color: var(--dpk-ink-soft);
-  }
-
-  .stack-hint {
-    margin: 0;
-    font-size: 11px;
-    color: var(--dpk-ink-faint);
-    text-align: center;
-  }
-
-  /* -------------------------------------------------------- add buttons */
-
-  .add-card,
-  .add-rule,
-  .add-story {
-    border: 1px dashed var(--dpk-rule-strong);
-    border-radius: var(--dpk-radius-sm);
-    background: color-mix(in srgb, var(--dpk-paper-raised) 60%, transparent);
-    color: var(--dpk-ink-faint);
-    font: inherit;
-    font-size: 11.5px;
-    cursor: pointer;
-    transition:
-      background 140ms ease,
-      border-color 140ms ease,
-      color 140ms ease;
-  }
-
-  .add-card {
-    padding: 6px 8px;
-  }
-
-  .add-rule {
-    flex: 0 0 120px;
-    display: grid;
-    place-items: center;
-    align-content: center;
-    gap: 2px;
-    min-height: 96px;
-  }
-
-  .add-plus {
-    font-size: 18px;
-    line-height: 1;
-  }
-
-  .add-story {
-    justify-self: start;
-    padding: 10px 18px;
-    font-size: 12.5px;
-  }
-
-  .add-card:hover,
-  .add-rule:hover,
-  .add-story:hover {
-    border-color: var(--dpk-blue);
-    background: var(--dpk-blue-soft);
-    color: var(--dpk-blue);
-  }
-
-  .empty {
-    display: grid;
-    gap: 10px;
-    max-width: 620px;
-    padding: 28px 24px;
-    border: 1px dashed var(--dpk-rule-strong);
-    border-radius: var(--dpk-radius-lg);
-    background: var(--dpk-paper-raised);
-  }
-
-  .empty p {
-    margin: 0;
-    color: var(--dpk-ink-soft);
-    line-height: 1.7;
-  }
-`,_t={story:"SET_STORY_NAME",rule:"SET_RULE_NAME",example:"SET_EXAMPLE_NAME",question:"SET_QUESTION_NAME"},Rt={story:"DELETE_STORY",rule:"DELETE_RULE",example:"DELETE_EXAMPLE",question:"DELETE_QUESTION"};class Ne extends W{constructor(){super(),this.definition=Re,this.#e=new Ke(this),this.mode=Y}static{this.styles=[W.styles,St]}static{this.properties={mode:{state:!0}}}#e;renderRegions(t){return{header:gt(),main:this.#a(t)}}#a(t){return h`
-      ${yt({context:t,mode:this.mode,drag:this.#e,handlers:{cardIntent:(r,n,a)=>this.#n(r,n,a),addStory:()=>this.#t(it(t)),addRule:r=>this.#t(st(t,r)),addExample:r=>this.#t(dt(t,r)),addQuestion:r=>this.#t(lt(t,r)),dropStory:r=>this.#r(r),dropRule:(r,n)=>this.#o(r,n),dropExample:(r,n)=>this.#s(r,n),dropQuestion:(r,n)=>this.#d(r,n)}})}
-    `}#t(t){t!==null&&(this.mode={kind:"editing",cardId:t})}#n(t,r,n){const a=this.context();switch(n.kind){case"select":a.navigate({card:t});break;case"rename":a.dispatch({type:_t[r],target:{type:r,id:t},payload:{name:n.name}});break;case"comment":a.dispatch({type:"comment",target:`${r}:${t}`,payload:{body:n.body}});break;case"delete":a.dispatch({type:Rt[r],target:{type:r,id:t},payload:{}}),a.navigation.card===t&&a.navigate({card:null});break}this.mode=$e(this.mode,t,n)}#r(t){const r=this.context(),n=Ie(r.state,t.item.id,t.hoveredId,t.place);n&&r.dispatch(n)}#o(t,r){const n=this.context(),a=this.#i(r.hoveredId,r.event.clientX,r.place),o=ve(n.state,t,r.item.id,r.hoveredId,a);o&&n.dispatch(o)}#i(t,r,n){if(t===null)return n;const a=this.renderRoot.querySelector(`.rule-col[data-rule="${t}"]`);if(!a)return n;const o=a.getBoundingClientRect();return r<=o.left+o.width/2?"before":"after"}#s(t,r){const n=this.context(),a=Oe(n.state,t,r.item.id,r.hoveredId,r.place);a&&n.dispatch(a)}#d(t,r){const n=this.context(),a=De(n.state,t,r.item.id,r.hoveredId,r.place);a&&n.dispatch(a)}}const we=()=>{mt(),customElements.get("dpk-template-example-mapping")||customElements.define("dpk-template-example-mapping",Ne)},bt=Object.freeze(Object.defineProperty({__proto__:null,CARD_KINDS:be,CARD_KIND_LABELS:j,DpkTemplateExampleMapping:Ne,IDLE_MODE:Y,allMappingIds:oe,applyExampleMappingAction:se,cardModeOf:ke,cardPaletteStyle:D,defineExampleMappingElement:we,describeExampleMappingAction:Ee,dropAfter:M,emptyExampleMappingBase:te,exampleMappingAction:$,exampleMappingActions:c,exampleMappingBaseSchema:G,exampleMappingCommentTargets:fe,exampleMappingCurrentTarget:xe,exampleMappingDefinition:Re,exampleMappingHasTarget:_e,exampleMappingTargetLabel:ye,exampleMappingTitle:K,examplesOfRule:ne,findCard:q,findExample:_,findQuestion:R,findRule:g,findStory:S,modeConcerns:F,parseExampleMappingBase:ee,presentStorySummary:he,questionsOfRule:ae,reduceCardIntent:$e,reorderById:me,resolveExampleDrop:Oe,resolveExampleMappingNavigation:Se,resolveQuestionDrop:De,resolveRuleDrop:ve,resolveStoryDrop:Ie,rulesOfStory:re,serializeExampleMappingAction:ge,storyIdOfCard:et,storyIdOfExample:tt,storyIdOfRule:ie},Symbol.toStringTag,{value:"Module"}));export{we as d,bt as i};