Add discipline strategy, WP sizing, Split-by-Discipline & dashboard

SOP config (Governance step) now sets project discipline policy:
- disciplines list, discipline strategy (single/multi/planner-choice),
  letter instance-suffix style, and a max-hours split threshold.

WP Creator becomes discipline-aware:
- discipline picker; selecting 2+ turns the flat scope into per-discipline
  scope sections, each with its own status (rolls up to least-advanced).
- "Split by Discipline" turns a multi-discipline WP into WP01A/B/C instances
  linked to a kept master (instanceOf/parentNumber/split/children).
- est-hours warning against the SOP split threshold.

New WP Dashboard (header button, home card, ?view=dashboard deep-link):
metrics, status/discipline breakdowns, a gating panel, and a filterable
board with view/edit/issue. Reads localStorage via an API-ready WPData
adapter; masters excluded from counts.

Backend: POST /api/wps/{id}/issue (enforces the constraint gate),
POST /api/wps/{id}/status, GET /api/wps/metrics; work_packages gains
parent_id + issued_at.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

wp-creation-index.html

@@ -24,6 +24,7 @@
   <button class="btn btn-ghost embed-hide" style="padding:7px 16px" onclick="loadSampleSOP()">⤓ Sample SOP</button>
   <button class="btn btn-ghost embed-first" style="padding:7px 16px" onclick="openSopModal()">👁 View SOP</button>
   <button class="btn btn-ghost" style="padding:7px 16px" onclick="loadExample()">★ Load Example</button>
+  <button class="btn btn-ghost" style="padding:7px 16px" onclick="showDashboard()">📊 Dashboard</button>
   <button class="btn btn-ghost" style="padding:7px 16px" onclick="newPackage()">+ New</button>
   <button class="btn btn-ghost" id="comments-btn" style="padding:7px 16px" onclick="toggleComments()">💬 Comments <span class="cbadge-total" id="cbadge-total" style="display:none">0</span></button>
   <button class="btn btn-ghost" style="padding:7px 16px" onclick="showAnalytics()">▤ Usage Data</button>
@@ -76,16 +77,35 @@
     <div class="field field-grid col1"><div class="field"><label>Description</label><textarea id="wp_desc" rows="2" placeholder="Short summary of the package"></textarea></div></div>
   </div>
 
+  <!-- ASSETS (controls.dev) -->
+  <div class="card">
+    <div class="sub-heading">Assets</div>
+    <div class="notice">Every work package is based on one or more assets managed in <strong>controls.dev</strong>. Paste the controls.dev link for each asset this package covers. <span style="color:var(--text-dim)">A direct integration to pick assets from a list is planned — for now, link them manually.</span></div>
+    <div class="table-wrap"><table><thead><tr><th style="width:200px">Asset Tag / ID</th><th>Description</th><th>controls.dev Link <span class="req">*</span></th><th style="width:44px"></th></tr></thead><tbody id="asset-body"></tbody></table></div>
+    <button class="add-btn" onclick="addAsset()">+ Add Asset</button>
+  </div>
+
+  <!-- DISCIPLINES -->
+  <div class="card" id="discipline-card" style="display:none">
+    <div class="sub-heading">Disciplines</div>
+    <div class="notice" id="discipline-note"></div>
+    <div class="disc-picker" id="discipline-picker"></div>
+  </div>
+
   <!-- SCOPE & WORK -->
   <div class="card">
     <div class="sub-heading">Scope & Work</div>
-    <div class="field"><label>Description of Work (sequenced steps)</label>
-      <div class="notice">Enter the work as ordered steps — added in sequence, the way the crew performs them.</div>
-      <div id="worksteps-body"></div>
-      <button class="add-btn" onclick="addWorkStep()">+ Add Step</button>
+    <div id="flat-scope">
+      <div class="field"><label>Description of Work (sequenced steps)</label>
+        <div class="notice">Enter the work as ordered steps — added in sequence, the way the crew performs them.</div>
+        <div id="worksteps-body"></div>
+        <button class="add-btn" onclick="addWorkStep()">+ Add Step</button>
+      </div>
     </div>
-    <div class="field-grid">
-      <div class="field"><label>Labor – Est. Hrs.</label><input type="number" id="wp_hours" min="0" step="1" placeholder="e.g. 20"><div class="field-hint" id="size-check"></div></div>
+    <div id="scope-by-discipline" style="display:none"></div>
+    <button class="btn btn-ghost" id="split-disc-btn" style="display:none;margin-top:10px" onclick="splitByDiscipline()" title="Break this multi-discipline package into one numbered instance per discipline">⎘ Split by Discipline</button>
+    <div class="field-grid" style="margin-top:14px">
+      <div class="field"><label>Labor – Est. Hrs.</label><input type="number" id="wp_hours" min="0" step="1" placeholder="e.g. 20" oninput="onHoursChange()"><div class="field-hint" id="size-check"></div></div>
       <div class="field"><label>Package Predecessor</label><select id="wp_seq"></select><div class="field-hint">The package/step (from the SOP sequence) that must finish before this work can start. Choose "None" if it has no predecessor.</div></div>
     </div>
   </div>
@@ -109,6 +129,16 @@
     <div id="sop-ref-links" class="sop-ref-links"></div>
     <div class="table-wrap"><table><thead><tr><th>Document / Drawing</th><th style="width:90px">Rev</th><th>Link / Note</th><th style="width:44px"></th></tr></thead><tbody id="attach-body"></tbody></table></div>
     <button class="add-btn" onclick="addAttach()">+ Add Document</button>
+    <button class="add-btn" onclick="toggleSopFilePanel()">+ Add files from SOP folder</button>
+    <div id="sop-file-panel" style="display:none; margin-top:0.75rem; padding:0.75rem; border:1px dashed var(--border); border-radius:6px; background:var(--bg);">
+      <div id="sop-file-folders"></div>
+      <div class="field-hint" style="margin-top:0.5rem;">2) Paste the file links here, one per line:</div>
+      <textarea id="sop-file-links" rows="4" placeholder="https://primecontrolsdallas.sharepoint.com/:b:/r/.../Drawings/EE-1YA-2P.pdf?csf=1&amp;web=1&amp;e=..." style="width:100%; font-size:12px; padding:0.5rem; border:1px solid var(--border); border-radius:4px; box-sizing:border-box;"></textarea>
+      <div style="margin-top:0.5rem; display:flex; gap:0.5rem;">
+        <button class="add-btn" onclick="addPastedFileLinks()">Add to attachments</button>
+        <button class="add-btn" onclick="toggleSopFilePanel()" style="background:transparent;">Cancel</button>
+      </div>
+    </div>
   </div>
 
   <!-- KITTING & MIMO -->
@@ -170,6 +200,21 @@
       <button class="btn btn-generate" onclick="savePackage(true)">⚡ Save &amp; View</button>
     </div></div>
 
+  <!-- DASHBOARD -->
+  <div id="dashboard-view" style="display:none">
+    <div class="output-toolbar">
+      <button class="btn btn-ghost" onclick="showForm()">← Back to Form</button>
+      <div style="font-weight:700;font-size:15px">Work Package Dashboard</div>
+      <div style="display:flex;gap:10px;margin-left:auto">
+        <button class="btn btn-ghost" onclick="newPackage()">+ New WP</button>
+        <button class="btn btn-ghost" onclick="renderDashboard()">↻ Refresh</button>
+        <button class="btn btn-ghost" onclick="exportPackages()">⤓ Export (JSON)</button>
+      </div>
+    </div>
+    <div class="ctx-bar" style="margin:0 0 14px"><div class="field-hint">Status, metrics and gating across all saved work packages on this device. <span style="color:var(--text-dim)">Reads local data now; wires to the shared SQL database in Phase 2.</span></div></div>
+    <div id="dash-body"></div>
+  </div>
+
   <!-- OUTPUT -->
   <div id="pkg-output" style="display:none">
     <div class="output-toolbar">