dev-process-kit 0.0.1

package/dist/chunks/shared-DHBourhw.js

@@ -0,0 +1 @@
+import{ax as t,ay as a,a0 as i,az as n}from"./shared-RRxRtPfs.js";const o=t(class extends a{constructor(){super(...arguments),this.key=i}render(s,e){return this.key=s,e}update(s,[e,r]){return e!==this.key&&(n(s),this.key=e),r}});export{o as i};

package/dist/chunks/shared-DRvqGWhs.js

@@ -0,0 +1,521 @@
+import{q as u,al as m,v as A,as as I,ar as R,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 $,a1 as h,A as Ve,K as ze,i as Be,a2 as V,T as W}from"./shared-RRxRtPfs.js";import{s as z,D as Ke}from"./shared-BFAVBf4I.js";import{P as je,r as Fe,p as He}from"./shared-C8LUysSF.js";import{o as Je}from"./shared-BAfKXeYg.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:R(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:R(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:R(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:R(d())}),{dedupeKey:A}),DELETE_QUESTION:u("DELETE_QUESTION","question",m({}))},k={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:R(d())}),Ze=L({id:I,storyId:f(d(),x(1)),name:f(d(),x(1)),description:R(d())}),Z=L({id:I,ruleId:f(d(),x(1)),name:f(d(),x(1)),description:R(d())}),G=L({title:R(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)},b=(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=b(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??b(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=b(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=b(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 b(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(b(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${b(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=b(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}},be={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=>k.addStory(t,"\u65B0\u3057\u3044\u30B9\u30C8\u30FC\u30EA\u30FC")),st=(e,t)=>X(e,"new-rule",r=>k.addRule(t,r,"\u65B0\u3057\u3044\u30EB\u30FC\u30EB")),dt=(e,t)=>X(e,"new-example",r=>k.addExample(t,r,"\u65B0\u3057\u3044\u5177\u4F53\u4F8B")),lt=(e,t)=>X(e,"new-question",r=>k.addQuestion(t,r,"\u65B0\u3057\u3044\u8CEA\u554F")),pt={width:300,height:260},Re=["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 $;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>`:$}
+      ${this.notes.length>0?h`<span class="card-flag">${this.notes.length}</span>`:$}
+      <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):$}
+    `}#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)||!b(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,$e=(e,t)=>F(e,t)&&(e.kind==="editing"||e.kind==="commenting")?e.kind:"view",ke=(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="カードの種類">
+    ${Re.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=${$e(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>`:$}
+    <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, rgba(20, 28, 44, 0.07) 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: rgba(214, 53, 80, 0.1);
+    color: #b81c33;
+  }
+
+  .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: rgba(74, 163, 94, 0.08);
+  }
+
+  .card-area--question {
+    background: rgba(214, 53, 80, 0.06);
+  }
+
+  .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: rgba(255, 255, 255, 0.6);
+    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"},bt={story:"DELETE_STORY",rule:"DELETE_RULE",example:"DELETE_EXAMPLE",question:"DELETE_QUESTION"};class Ne extends W{constructor(){super(),this.definition=be,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:bt[r],target:{type:r,id:t},payload:{}}),a.navigation.card===t&&a.navigate({card:null});break}this.mode=ke(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)},Rt=Object.freeze(Object.defineProperty({__proto__:null,CARD_KINDS:Re,CARD_KIND_LABELS:j,DpkTemplateExampleMapping:Ne,IDLE_MODE:Y,allMappingIds:oe,applyExampleMappingAction:se,cardModeOf:$e,cardPaletteStyle:D,defineExampleMappingElement:we,describeExampleMappingAction:Ee,dropAfter:M,emptyExampleMappingBase:te,exampleMappingAction:k,exampleMappingActions:c,exampleMappingBaseSchema:G,exampleMappingCommentTargets:fe,exampleMappingCurrentTarget:xe,exampleMappingDefinition:be,exampleMappingHasTarget:_e,exampleMappingTargetLabel:ye,exampleMappingTitle:K,examplesOfRule:ne,findCard:q,findExample:_,findQuestion:b,findRule:g,findStory:S,modeConcerns:F,parseExampleMappingBase:ee,presentStorySummary:he,questionsOfRule:ae,reduceCardIntent:ke,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,Rt as i};