dev-process-kit 0.2.1 → 0.3.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/README.md +178 -60
  2. package/dist/boards.js +1 -0
  3. package/dist/chunks/shared-BX1EnRfr.js +1 -0
  4. package/dist/chunks/shared-C-M2Nfmu.js +686 -0
  5. package/dist/chunks/shared-Cas88qVh.js +2165 -0
  6. package/dist/chunks/{shared-DeXM1v86.js → shared-Cejw83eH.js} +21 -29
  7. package/dist/chunks/shared-CfVpKPRY.js +1844 -0
  8. package/dist/chunks/shared-CnPCm4bJ.js +31 -0
  9. package/dist/chunks/shared-D1iBuYZV.js +6208 -0
  10. package/dist/chunks/shared-D7VtCoY6.js +3586 -0
  11. package/dist/chunks/{shared-zZF1zU0o.js → shared-DHVDag3x.js} +25 -56
  12. package/dist/chunks/shared-DdpMqkAH.js +4928 -0
  13. package/dist/chunks/shared-EYOAbLSo.js +1 -0
  14. package/dist/chunks/shared-TrlnHjrJ.js +1 -0
  15. package/dist/chunks/shared-a9QCZpxj.js +574 -0
  16. package/dist/chunks/shared-df9XN7ns.js +904 -0
  17. package/dist/chunks/shared-dnY35u9q.js +2530 -0
  18. package/dist/chunks/shared-e9ia12Uz.js +1636 -0
  19. package/dist/chunks/shared-qk9TB_UM.js +705 -0
  20. package/dist/components.js +1 -1
  21. package/dist/index.js +1 -1
  22. package/dist/views/delegation-poker.js +1 -0
  23. package/dist/views/plain.js +1 -0
  24. package/dist/views/prototype.js +1 -0
  25. package/dist/views/slides.js +1 -0
  26. package/dist/views/task-board.js +1 -0
  27. package/dist/views/usm.js +1 -0
  28. package/package.json +8 -10
  29. package/dist/chunks/shared-B5lBiq5s.js +0 -1
  30. package/dist/chunks/shared-BjyoXjSO.js +0 -1
  31. package/dist/chunks/shared-C-d71uRP.js +0 -573
  32. package/dist/chunks/shared-C5n6LBUz.js +0 -1105
  33. package/dist/chunks/shared-CAWKGcWJ.js +0 -1053
  34. package/dist/chunks/shared-CdZhkPto.js +0 -1
  35. package/dist/chunks/shared-DB_C1Mdu.js +0 -1
  36. package/dist/chunks/shared-DDOpqbVL.js +0 -49
  37. package/dist/chunks/shared-DehzCTC2.js +0 -1616
  38. package/dist/chunks/shared-Dfj6O0K4.js +0 -2774
  39. package/dist/chunks/shared-DiFAX1_p.js +0 -3780
  40. package/dist/chunks/shared-DkPo0jX3.js +0 -4214
  41. package/dist/chunks/shared-GL2Z98Cz.js +0 -4206
  42. package/dist/chunks/shared-cMhjZGRs.js +0 -301
  43. package/dist/templates/delegation-poker.js +0 -1
  44. package/dist/templates/event-storming.js +0 -1
  45. package/dist/templates/example-mapping.js +0 -1
  46. package/dist/templates/plain.js +0 -1
  47. package/dist/templates/prototype.js +0 -1
  48. package/dist/templates/slides.js +0 -1
  49. package/dist/templates/task-board.js +0 -1
  50. package/dist/templates/usm.js +0 -1
  51. package/dist/templates/whiteboard.js +0 -1
package/README.md CHANGED
@@ -4,46 +4,169 @@
4
4
  [![npm beta](https://img.shields.io/npm/v/dev-process-kit/beta?logo=npm&label=beta&color=orange)](https://www.npmjs.com/package/dev-process-kit?activeTab=versions)
5
5
  [![jsDelivr](https://img.shields.io/jsdelivr/npm/hm/dev-process-kit?logo=jsdelivr&label=jsDelivr)](https://www.jsdelivr.com/package/npm/dev-process-kit)
6
6
  [![CI](https://img.shields.io/github/actions/workflow/status/d-kimuson/dev-process-kit/ci.yml?branch=main&logo=github&label=CI)](https://github.com/d-kimuson/dev-process-kit/actions/workflows/ci.yml)
7
- [![Samples](https://img.shields.io/github/actions/workflow/status/d-kimuson/dev-process-kit/pages.yml?branch=main&logo=githubpages&label=samples)](https://d-kimuson.github.io/dev-process-kit/)
7
+ [![Landing site](https://img.shields.io/github/actions/workflow/status/d-kimuson/dev-process-kit/pages.yml?branch=main&logo=githubpages&label=landing%20site)](https://d-kimuson.github.io/dev-process-kit/)
8
8
  [![License: MIT](https://img.shields.io/npm/l/dev-process-kit?color=blue)](LICENSE)
9
9
  <br />
10
10
  [![Web Components](https://img.shields.io/badge/Web_Components-no_build-29abe2?logo=webcomponentsdotorg&logoColor=white)](docs/index.md)
11
11
  [![Agent skill](https://img.shields.io/badge/agent_skill-dev--process--kit-d97757?logo=anthropic&logoColor=white)](skills/dev-process-kit/SKILL.md)
12
12
  [![Claude Code plugin](https://img.shields.io/badge/Claude_Code-plugin-d97757?logo=claude&logoColor=white)](#install-the-skill)
13
13
 
14
- Design-process documents as single HTML files: an agent generates one, a human reviews it in the
15
- browser, and the review comes back as structured change requests the agent can apply.
14
+ **A one-page design system for the documents an agent writes and a human reviews.**
15
+
16
+ An agent generates one HTML file; a human opens it, reads it, and leaves the review as
17
+ structured change requests; the agent applies them and rewrites the same file. dev-process-kit
18
+ ships the shell, the review loop, and the parts the page is made of — tokens, CSS atoms,
19
+ components, views and boards — as Web Components, with no build step.
20
+
21
+ ## What you get
22
+
23
+ ### A design system for one page
24
+
25
+ - **Tokens and CSS atoms** for the things a page is made of: layout (stack, cluster, grid,
26
+ toolbar), controls (buttons, fields, menus, segmented controls, selects, comboboxes), surfaces
27
+ (cards, callouts, tables, data tables), and data display (timeline, status, chart, meter).
28
+ - **Components** that compose them: review rail, inline editing, tables and matrices, checklists,
29
+ tabs, dialogs, tag filters, commentable sections, mocks.
30
+ - **One consistent look**, light and dark, from the same tokens. Your own page CSS still wins.
31
+ - **No build.** One `<script type="module">` and the elements are there.
32
+
33
+ ### Views: the whole page
34
+
35
+ A **view** owns the whole page and cannot be embedded. Pick the one whose subject is what you
36
+ need to agree on with the reader.
37
+
38
+ | View | Element | What it is |
39
+ | ------------------ | --------------------------- | --------------------------------------------------------------------------------------------------------------------------- |
40
+ | User Story Mapping | `dpk-view-usm` | Scope, steps, stories and releases on one map; milestones, dependencies, labels and a burndown |
41
+ | UX Prototype | `dpk-view-prototype` | Screen flow and what each step looks like: activities, stories, steps, screens and previews |
42
+ | Slides | `dpk-view-slides` | A deck paged through one slide at a time |
43
+ | Task Context Board | `dpk-view-task-board` | Where a task shared by an agent and a person stands: context, todos, proposals, outputs, the conversation log and questions |
44
+ | Delegation Poker | `dpk-view-delegation-poker` | Management 3.0 delegation poker: seven levels per decision area, settled on one agreed level per row |
45
+ | Plain | `dpk-view-plain` | A titled page with no domain of its own: your markup and comments, for anything no other view fits |
46
+
47
+ ### Boards: embed one, or make it the page
48
+
49
+ A **board** is a self-contained visual surface. It can be embedded inside a view, and it can be
50
+ the content of a page. That is one element used two ways, not two kinds of element.
51
+
52
+ | Board | Element | What it is |
53
+ | ---------------- | ---------------------------- | --------------------------------------------------------------------------------------------------------- |
54
+ | ER diagram | `dpk-board-er-diagram` | What changed between two schema snapshots |
55
+ | State diagram | `dpk-board-state-diagram` | Which states exist, and what moves between them |
56
+ | Sequence diagram | `dpk-board-sequence-diagram` | In what order participants talk |
57
+ | Dependency graph | `dpk-board-dependency-graph` | What depends on what, and what is circular |
58
+ | Architecture map | `dpk-board-architecture-map` | Which services exist, in which boundary |
59
+ | Mind map | `dpk-board-mind-map` | A central topic and its subtopics, fanned out left and right, with folding |
60
+ | Event Storming | `dpk-board-event-storming` | Sticky notes on swimlanes in timeline order, with causality links |
61
+ | Example Mapping | `dpk-board-example-mapping` | One story per column, rules beneath it, examples beneath each rule, questions pinned to any of them |
62
+ | Whiteboard | `dpk-board-whiteboard` | Sticky notes, text, shapes and titled frames on a pannable, zoomable canvas, joined by labeled connectors |
63
+ | Kanban | `dpk-board-kanban` | Columns of cards with WIP limits; reviewers move and add cards as draft actions |
16
64
 
17
- ## Features
18
-
19
- - **Rich diagrams with almost no code.** Parts for the traditional diagrams a development process uses, ready to drop into your markup.
20
- - **No setup.** The components are made for a single-file HTML page and ship as Web Components: one `<script>` tag, and they are there.
21
- - **Feedback without leaving the page.** Operate the diagram and comment on individual elements in the UI, then copy the operations and the comments out as a hand-off to an agent.
22
- - **Ask, don't just show.** Any template can carry questions for the reader to answer — a core feature of the shell, not a template of its own ([docs/index.md](docs/index.md), Questions (grill)).
23
- - **First-class support for Claude Artifacts.** Published from Claude Code as a Claude Artifact, the page follows the claude.ai theme and sends the review straight back to the Claude session with one click: no copy and paste.
24
-
25
- ## Why dev-process-kit?
26
-
27
- Now that AI writes the code, the bottleneck has moved to the human side: the cognitive load of reading, checking and agreeing on what was built. dev-process-kit supports that human context engineering.
28
-
29
- It does so with one consistent loop:
65
+ ### Components
30
66
 
31
- ```mermaid
32
- flowchart LR
33
- ask["① Human asks the agent"] --> present["② Agent presents the context and what<br/>it understood, in a form a human<br/>reads at a glance"]
34
- present --> review["③ Human reviews it and feeds<br/>back the gaps and the details"]
35
- review -->|"draft actions + brief"| present
67
+ Components are the pieces you combine inside a view, a board or your own markup. They never fill
68
+ a page by themselves: the review rail (`dpk-comment-panel`), inline editing (`dpk-inline-edit`),
69
+ formal specs (`dpk-formal-spec`), tables and matrices (`dpk-table`, `dpk-matrix`), selects and
70
+ comboboxes (`dpk-select`, `dpk-combobox`), checklists, tabs, dialogs, tag filters, commentable
71
+ sections and the comment popover/thread, mocks and the CSS atoms. Each has a page under
72
+ [`docs/components/`](docs/components/) and [`docs/boards/`](docs/boards/).
73
+
74
+ ## The review loop
75
+
76
+ The page is not a picture: the reader operates it, and the operations are the review.
77
+
78
+ - **Draft actions.** Moving a card, renaming a step, adding a todo or changing a relation is
79
+ recorded as a structured action. The page never mutates its own base data; the agent applies
80
+ the actions and writes the next version of the HTML.
81
+ - **Comments.** The reader comments on the page as a whole (`app:app`), on a view's element, or
82
+ on a board's node, field or edge. A comment on something that is gone stays in the draft as
83
+ stale instead of disappearing.
84
+ - **One draft per document.** A page with several boards — scope, domain, screens — has one
85
+ header, one review, one draft and one brief for all of them.
86
+ - **Ask, don't just show.** Any page can carry questions (`data-dpk-grill`) for the reader to
87
+ answer; they are a core feature of the shell, not a view of their own.
88
+ - **Hand-off.** **Copy changes & comments** puts readable markdown plus the canonical draft JSON
89
+ on the clipboard. In a Claude Artifact it becomes **Send to Claude**, one click back to the
90
+ session that published the page.
91
+
92
+ ## The shape
93
+
94
+ ```html
95
+ <dpk-app storage-key="checkout-review">
96
+ <script type="application/json">
97
+ { "title": "Checkout review" }
98
+ </script>
99
+
100
+ <dpk-page name="scope" label="Scope">
101
+ <dpk-view-usm>
102
+ <script type="application/json">
103
+ { ...base data... }
104
+ </script>
105
+ </dpk-view-usm>
106
+ </dpk-page>
107
+
108
+ <dpk-page name="domain" label="Domain">
109
+ <dpk-board-event-storming>
110
+ <script type="application/json">
111
+ { ...base data... }
112
+ </script>
113
+ </dpk-board-event-storming>
114
+ </dpk-page>
115
+
116
+ <dpk-page name="notes" label="Notes">
117
+ <dpk-view-plain>
118
+ <script type="application/json">
119
+ { "sections": [{ "id": "decision", "title": "Decision" }] }
120
+ </script>
121
+ <section slot="main" data-dpk-target="section:decision">...</section>
122
+ </dpk-view-plain>
123
+ </dpk-page>
124
+ </dpk-app>
36
125
  ```
37
126
 
38
- ② is why the kit ships the formats that have proven themselves for building shared understanding between human engineers — user story mapping, ER diagrams and the rest.
127
+ - **`<dpk-app>`** — one per HTML file. The header, the review, one draft, one storage record,
128
+ the hash and undo/redo.
129
+ - **`<dpk-page name="…">`** — one switchable subject. It holds exactly one view or board.
130
+ - **A view or a board** — the page's content. A board inside a view is embedded; a board directly
131
+ inside a page is the page.
132
+ - **Components** — inside the content or your own markup.
133
+
134
+ Tags are the public contract; Lit is an implementation detail. Targets are `type:id@page`
135
+ (`story:checkout.pay@scope`), the hash is `#page=scope&scope.activity=signup`, and the
136
+ document-wide target is `app:app`. There are no compatibility aliases with the older
137
+ template-and-board tags.
138
+
139
+ ## Load it
140
+
141
+ Load one entry from jsDelivr, with the version pinned. A page has to keep working when a new
142
+ version is published, so never generate HTML against a floating URL such as `@latest`.
143
+
144
+ | Entry | Use it when |
145
+ | ---------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------- |
146
+ | `views/usm.js` / `views/prototype.js` / `views/plain.js` / `views/slides.js` / `views/task-board.js` / `views/delegation-poker.js` | the page is that view |
147
+ | `boards.js` | the page uses a board, embedded or as its content |
148
+ | `components.js` | the page uses components without a view |
149
+ | `index.js` | one URL for everything |
150
+
151
+ ```html
152
+ <script type="module" src="https://cdn.jsdelivr.net/npm/dev-process-kit@<version>/dist/views/usm.js"></script>
153
+ <script type="module" src="https://cdn.jsdelivr.net/npm/dev-process-kit@<version>/dist/boards.js"></script>
154
+ ```
39
155
 
40
- ③ goes further than showing a picture: where a format allows it, the page can be operated directly in the browser, and those operations are collected as a log and handed to the agent, which rewrites the page itself.
156
+ A view entry registers the view, `<dpk-app>`, `<dpk-page>`, the review rail and inline editing.
157
+ Add `boards.js` when the page uses a board, and `components.js` when it uses components the view
158
+ does not carry. The full contract, slots, page height and the shape of each view's base data are
159
+ in [`docs/`](docs/index.md).
41
160
 
42
161
  ## Usage
43
162
 
44
- dev-process-kit is built to be used by an agent: the instructions for LLMs are the [`dev-process-kit` skill](skills/dev-process-kit/SKILL.md). It is published to npm as [`dev-process-kit`](https://www.npmjs.com/package/dev-process-kit), a page loads it from jsDelivr with the version pinned, and the documentation of each version is [`docs/`](docs/index.md) at its `v<version>` tag.
163
+ dev-process-kit is built to be used by an agent: the instructions for LLMs are the
164
+ [`dev-process-kit` skill](skills/dev-process-kit/SKILL.md). It is published to npm as
165
+ [`dev-process-kit`](https://www.npmjs.com/package/dev-process-kit), a page loads it from jsDelivr
166
+ with the version pinned, and the documentation of each version is [`docs/`](docs/index.md) at its
167
+ `v<version>` tag.
45
168
 
46
- The samples of `main` are live at https://d-kimuson.github.io/dev-process-kit/.
169
+ The landing site of `main` is live at https://d-kimuson.github.io/dev-process-kit/.
47
170
 
48
171
  The shortest way to try it is to hand the skill to an agent and say what you want:
49
172
 
@@ -54,17 +177,24 @@ Follow https://raw.githubusercontent.com/d-kimuson/dev-process-kit/main/skills/d
54
177
 
55
178
  ### Claude Artifacts
56
179
 
57
- Claude Code can publish the page as a Claude Artifact instead of a local file, and dev-process-kit supports that as a first-class target:
180
+ Claude Code can publish the page as a Claude Artifact instead of a local file, and
181
+ dev-process-kit supports that as a first-class target:
58
182
 
59
- - **One-click hand-off.** With the `comments` and `db` capabilities declared, the review rail offers **Send to Claude** in place of copying. The review arrives in the Claude Code session that published the page, which applies it and republishes to the same URL.
60
- - **Fits the viewer.** The template follows the reader's claude.ai light / dark theme and sizes itself to the viewer's frame.
61
- - **Nothing to configure.** The page detects the Artifact at runtime; outside one, or when a send cannot land, the copy hand-off stays as it is.
183
+ - **One-click hand-off.** With the `comments` and `db` capabilities declared, the review rail
184
+ offers **Send to Claude** in place of copying. The review arrives in the Claude Code session
185
+ that published the page, which applies it and republishes to the same URL.
186
+ - **Fits the viewer.** The page follows the reader's claude.ai light / dark theme and sizes itself
187
+ to the viewer's frame.
188
+ - **Nothing to configure.** The page detects the Artifact at runtime; outside one, or when a send
189
+ cannot land, the copy hand-off stays as it is.
62
190
 
63
- [docs/claude-artifact.md](docs/claude-artifact.md) tells the agent when to publish such a page and how to write it; the skill sends the agent there whenever it can publish an Artifact.
191
+ [docs/claude-artifact.md](docs/claude-artifact.md) tells the agent when to publish such a page and
192
+ how to write it; the skill sends the agent there whenever it can publish an Artifact.
64
193
 
65
194
  ### Install the skill
66
195
 
67
- The `dev-process-kit` agent skill tells the agent when to reach for a page and how to keep it focused.
196
+ The `dev-process-kit` agent skill tells the agent when to reach for a page and how to keep it
197
+ focused.
68
198
 
69
199
  ```sh
70
200
  # Any agent supported by the skills CLI
@@ -77,40 +207,28 @@ npx skills add d-kimuson/dev-process-kit
77
207
  /plugin install dev-process-kit@dev-process-kit
78
208
  ```
79
209
 
80
- ## Supported components
210
+ ## Why dev-process-kit?
81
211
 
82
- dev-process-kit ships **templates**, which make up a whole page, and **components**, which you combine inside one.
212
+ Now that AI writes the code, the bottleneck has moved to the human side: the cognitive load of
213
+ reading, checking and agreeing on what was built. dev-process-kit supports that human context
214
+ engineering.
83
215
 
84
- ### Templates
216
+ It does so with one consistent loop:
85
217
 
86
- | Template | Element | What it is |
87
- | ------------------ | ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
88
- | UX Prototype | `dpk-template-prototype` | The product's apps and screens, and the user stories that walk through them: a step lays out the screens it shows and the materials the user has at hand, so the same screen is drawn once and the UI can also be browsed on its own as an app |
89
- | User Story Mapping | `dpk-template-usm` | The backbone (activity › step) as columns, milestones as rows |
90
- | Event Storming | `dpk-template-event-storming` | Sticky notes on swimlanes in timeline order, with causality links between them |
91
- | Example Mapping | `dpk-template-example-mapping` | One story per column, rules beneath it, examples beneath each rule, questions pinned to any of them |
92
- | Plain | `dpk-template-plain` | For a page no other template fits: only the header and the review (comments) pipeline around your own markup |
93
- | Slides | `dpk-template-slides` | A slide deck for explaining something step by step: slide titles and points are base data, richer bodies are your own markup, comments go on the slide on screen |
94
- | Task Context Board | `dpk-template-task-board` | Where a task shared by an agent and a person stands: why and what (a short design doc, with diagrams), todos with assignees and proposals, outputs (URLs / paths), the conversation log with the current status, and questions the agent works around on an assumption; replies and todo changes go back as drafts |
95
- | Delegation Poker | `dpk-template-delegation-poker` | Management 3.0 delegation poker: for each decision area, everyone plays one of seven delegation levels (Tell … Delegate); played straight on the delegation board, whose row stays face down until the reader plays on it, then settled on one agreed level per row; `mode="strict"` makes the played card final |
96
- | Whiteboard | `dpk-template-whiteboard` | A free-form board like Miro: sticky notes, text, shapes and titled frames anywhere on a pannable, zoomable canvas, joined by labeled connectors; the reader drags, resizes, recolors, adds, edits and connects them, and a move is described by the frame it leaves and joins |
218
+ ```mermaid
219
+ flowchart LR
220
+ ask["① Human asks the agent"] --> present["② Agent presents the context and what<br/>it understood, in a form a human<br/>reads at a glance"]
221
+ present --> review["③ Human reviews it and feeds<br/>back the gaps and the details"]
222
+ review -->|"draft actions + brief"| present
223
+ ```
97
224
 
98
- ### Components
225
+ ② is why the kit ships the views, boards and components that have proven themselves for building
226
+ shared understanding between human engineers — user story mapping, ER diagrams and the rest — and
227
+ the design system that makes a page built from them feel like one product.
99
228
 
100
- | Component | Element | What it is |
101
- | ---------------- | -------------------------------- | --------------------------------------------------------------------------------------------- |
102
- | Review rail | `dpk-component-comment-panel` | Draft actions and comments, stale markers, deletion, and the copy or send-to-Claude hand-off |
103
- | Inline editing | `dpk-component-inline-edit` | A text/multiline editor that emits `dpk-commit` |
104
- | State diagram | `dpk-component-state-diagram` | Which states exist, and what moves between them |
105
- | Sequence diagram | `dpk-component-sequence-diagram` | In what order participants talk |
106
- | Dependency graph | `dpk-component-dependency-graph` | What depends on what, and what is circular |
107
- | ER diagram | `dpk-component-er-diagram` | What changed between two schema snapshots |
108
- | Architecture map | `dpk-component-architecture-map` | Which services exist, in which boundary |
109
- | Mind map | `dpk-component-mind-map` | A central topic and its subtopics, fanned out left and right, with folding |
110
- | Kanban | `dpk-component-kanban` | Columns of cards with WIP limits; reviewers move and add cards as draft actions |
111
- | Formal spec | `dpk-component-formal-spec` | What a verified property says (premises, conclusions, what it does not claim), in plain words |
112
-
113
- Diagrams and the formal spec are components, not templates: no draft actions, no review rail, no navigation. Put them in your own page, or inside a template. Each one has a page — `docs/templates/<name>.md` and `docs/components/<name>.md`.
229
+ ③ goes further than showing a picture: where a view allows it, the page can be operated directly
230
+ in the browser, and those operations are collected as a log and handed to the agent, which
231
+ rewrites the page itself.
114
232
 
115
233
  ## License
116
234
 
package/dist/boards.js ADDED
@@ -0,0 +1 @@
1
+ import{s as e,d as s,a as r}from"./chunks/shared-DdpMqkAH.js";import{C as t,b as o,D as n,E as i,v as d,M as m,V as p,W as c,c as f,e as g,f as l,g as D,h as E,i as B,j as y,k as A,l as h,m as M,n as S,o as u,p as k,q as v,r as C,t as T,u as b,w,x as N,y as O,z as I,A as K,B as R,F as P,G as x,H as q,I as G,J as V,K as W,L as j,N as _,O as F,P as H,Q as z,R as L,S as U,T as J,U as Q,X}from"./chunks/shared-DdpMqkAH.js";import{r as a}from"./chunks/shared-D1iBuYZV.js";import{B as Y,a as Z,b as $,D as aa,c as ea,d as sa,e as ra,f as ta,g as oa,h as na,i as ia,j as da,k as ma,l as pa,m as ca,n as fa,o as ga,p as la,q as Da,s as Ea,t as Ba,u as ya,v as Aa,w as ha,x as Ma,y as Sa}from"./chunks/shared-D1iBuYZV.js";import{r as ua}from"./chunks/shared-dnY35u9q.js";e({entry:"boards.js",url:import.meta.url,views:[],register:()=>{ua(),a(),s(),r()}});export{Y as BoardCanvasChromeElement,Z as BoardCanvasElement,$ as BoardChromeBase,t as COMMENT_ACTION,o as COMMENT_DESCRIPTOR,aa as DpkBoardArchitectureMap,ea as DpkBoardDependencyGraph,sa as DpkBoardErDiagram,ra as DpkBoardEventStorming,ta as DpkBoardExampleMapping,oa as DpkBoardKanban,na as DpkBoardMindMap,ia as DpkBoardSequenceDiagram,da as DpkBoardStateDiagram,ma as DpkBoardWhiteboard,n as DraftController,i as EMPTY_NAVIGATION,d as FRAMEWORK_VERSION,m as MemoryDraftStorage,p as ViewElement,c as WebStorageDraftStorage,f as appendAction,g as assertNever,l as buildAgentBrief,D as commentActionSchema,E as commentBody,B as commentTargetKey,y as controls,A as createActionId,h as createEntityId,M as dedupeKeyOf,S as defaultStorage,u as defaultStorageKey,k as defineAction,pa as defineArchitectureMap,ca as defineDependencyGraph,fa as defineErDiagram,ga as defineEventStorming,la as defineExampleMapping,Da as defineKanban,Ea as defineMindMap,Ba as defineSequenceDiagram,ya as defineStateDiagram,Aa as defineWhiteboard,v as derive,ha as diagramMessages,Ma as diagramStyles,C as draftActionEnvelopeSchema,T as entityDedupeKey,b as formatHash,w as iconArrowDown,N as iconArrowUp,O as iconClose,I as iconComment,K as iconGrip,R as iconLink,P as iconMove,x as iconPencil,q as iconPlus,G as iconTrash,Sa as isActionPayload,V as liveActions,W as parseHash,j as parseTargetRef,_ as parseViewAction,F as patchNavigation,H as payloadFor,a as registerBoardElements,z as serializeDraft,L as slugify,U as targetRef,J as targetSchema,Q as toTarget,X as tokens};
@@ -0,0 +1 @@
1
+ import{a5 as S,au as T,av as s,aw as o,aa as _,ac as l,aM as x,ax as B,ay as E,S as $,V as j}from"./shared-DdpMqkAH.js";const r=S({en:{wholePage:"Whole page",sectionGroup:"Section"},ja:{wholePage:"\u30DA\u30FC\u30B8\u5168\u4F53",sectionGroup:"\u30BB\u30AF\u30B7\u30E7\u30F3"}}),k=s({id:x,title:B(l(),E(1))}),c=s({title:o(l(),""),sections:o(_(k),[])}),p=t=>{const e=T(c,t),i=new Set;for(const a of e.sections){if(i.has(a.id))throw new Error(`duplicate section id: ${a.id}`);i.add(a.id)}return{title:e.title,sections:e.sections}},d=()=>({title:"",sections:[]}),n=(t,e)=>t.sections.find(i=>i.id===e),u=t=>t.title===""?"Plain":t.title,g=(t,e,i)=>{switch(i.type){case"section":return n(e,i.id)?.title??i.id;case"page":return t.wholePage;default:return i.id}},m=(t,e,i)=>({title:e.type,targetLabel:g(t,i,e.target),tone:"meta"}),f=t=>`${t.type} ${$(t.target)} ${JSON.stringify(t.payload)}`,w=(t,e)=>e.sections.map(i=>({value:`section:${i.id}`,label:i.title,group:t.sectionGroup})),y=(t,e)=>e,h=(t,e)=>{switch(e.type){case"section":return n(t,e.id)!==void 0;case"page":return!0;default:return!1}},P=t=>{const e=r(t);return{kind:"view",name:"plain",label:"Plain",addable:!1,parseBase:p,emptyBase:d,actions:{},apply:()=>null,hasTarget:h,describe:(i,a)=>m(e,i,a),serialize:f,resolveNavigation:y,commentTargets:i=>w(e,i),title:u}};class b extends j{definitionFor(e){return P(e)}renderRegions(e){return{}}}const v=()=>{customElements.get("dpk-view-plain")||customElements.define("dpk-view-plain",b)},M=Object.freeze(Object.defineProperty({__proto__:null,DpkViewPlain:b,definePlainElement:v,describePlainAction:m,emptyPlainBase:d,findSection:n,parsePlainBase:p,plainBaseSchema:c,plainCommentTargets:w,plainDefinitionFor:P,plainHasTarget:h,plainMessages:r,plainTargetLabel:g,plainTitle:u,resolvePlainNavigation:y,serializePlainAction:f},Symbol.toStringTag,{value:"Module"}));export{v as d,M as i};