@bongos/core 1.21.18 → 1.21.19

package/modules/hall-ui/public/street-amend.js

@@ -0,0 +1,240 @@
+// modules/hall-ui/public/street-amend.js — CHANGE HOW THIS WORKS: the drafted
+// amendment a building's interior opens (task 1004530, goal 1000125).
+//
+// From any building, "change how this works" drafts an amendment to that
+// building's row of the who-decides-what table (GET /government/constitution →
+// decision_rules.areas[]), prefilled with the rule in force and a proposed one,
+// shown as struck and inserted text. The governor picks who and which rule —
+// from the vocabulary only (the server's rules list and the rank ladder, never
+// free text) — adds a reason, and files it. A filed amendment is a sitting on
+// the Charter, voted through the matter card (street-card.js). There is no
+// settings page: this draft is the only way in, and the board is the only way
+// it takes effect.
+//
+// WHERE IT GOES. A building's row → POST /government/board/decision-rules
+// { rules: [{ area, decided_by, rule }], rationale_md }. The Charter's own row
+// is the board itself, so the Charter's draft is a constitution amendment of
+// the board's members and pass rule → POST /government/board/items (the live
+// board block, those two fields changed). The server's permission checks
+// decide who may file; a refusal is said in plain words (refusal()).
+//
+// THE WORDS. The struck and inserted text is street-card.js's own change() run
+// over the amendment exactly as the server will store it, so the card the
+// council votes on shows the words the governor drafted, by construction.
+//
+// PURE: no DOM, no fetch, no clock. street.js draws what this returns.
+
+(function (root) {
+  'use strict';
+
+  // The standard rank ladder, lowest first (held equal to the server's
+  // membership-predicate RANK_ORDER by test).
+  var RANKS = ['xenos', 'thetes', 'metic', 'archon'];
+  // The table's words for the board's pass rules, and back (decision-rules.js
+  // PASS_RULE_TO_DECISION_RULE).
+  var TO_PASS = { first: 'first_ratifier', consent: 'consent', majority: 'majority', unanimous: 'unanimous' };
+  var FROM_PASS = { first_ratifier: 'first', consent: 'consent', majority: 'majority', unanimous: 'unanimous' };
+  var BOARD_FIELDS = ['membership', 'pass_rule', 'window_minutes', 'close_early_on_full_turnout'];
+  var REASON_MAX = 5000;
+
+  function str(v) { return v == null ? '' : String(v); }
+  function card() { return root.GovMatterCard || null; }
+  function memberWords(p) { var C = card(); return C ? C.memberWords(p) : str(p); }
+  function isPredicate(p) { return /^rank:[a-z0-9,+-]+$/.test(str(p)); }
+
+  function areasOf(constitution) {
+    var d = constitution && constitution.decision_rules;
+    return d && Array.isArray(d.areas) ? d.areas : null;
+  }
+  function vocabOf(constitution) {
+    var d = constitution && constitution.decision_rules;
+    return d && Array.isArray(d.rules) ? d.rules.filter(function (r) { return r && r.key; }) : [];
+  }
+  function rowOf(constitution, area) {
+    var as = areasOf(constitution) || [];
+    for (var i = 0; i < as.length; i++) if (as[i] && as[i].area === area) return as[i];
+    return null;
+  }
+
+  // Who may decide here: as today, the board's own members, a step of the
+  // rank ladder, whoever decides now, or no one. Values only, never free text.
+  function whoOptions(area, row, board) {
+    var out = [], seen = {};
+    function add(value, words) { if (!value || seen[value]) return; seen[value] = true; out.push({ value: value, words: words }); }
+    if (area !== 'charter') add('gate', 'as today: ' + str(row && row.today));
+    if (board && isPredicate(board.membership)) add(board.membership, 'the board: ' + memberWords(board.membership));
+    // the top of the ladder alone is exactly that rank (rank:archon+ is rank:archon)
+    RANKS.forEach(function (k, i) { var v = 'rank:' + k + (i === RANKS.length - 1 ? '' : '+'); add(v, memberWords(v)); });
+    var cur = area === 'charter' ? board && board.membership : row && row.decided_by;
+    if (isPredicate(cur)) add(cur, memberWords(cur));
+    if (area !== 'charter') add('nobody', 'no one: the building stands empty');
+    return out;
+  }
+
+  // Which rules fit who decides: as today decides alone (no rule to pick), no
+  // one is vacant, the charter takes the board's four pass rules, a sitting any
+  // rule but vacant. Drawn from the server's vocabulary only.
+  function ruleOptions(area, decidedBy, vocab) {
+    if (decidedBy === 'gate' || decidedBy === 'nobody') return [];
+    return (vocab || []).filter(function (r) {
+      if (area === 'charter') return Object.prototype.hasOwnProperty.call(TO_PASS, r.key);
+      return r.key !== 'vacant';
+    }).map(function (r) { return { value: r.key, words: str(r.words) }; });
+  }
+  function fixedRule(decidedBy) { return decidedBy === 'gate' ? null : decidedBy === 'nobody' ? 'vacant' : undefined; }
+  function hasValue(list, v) { for (var i = 0; i < list.length; i++) if (list[i].value === v) return true; return false; }
+
+  // The draft for one building, or { ok: false, reason } when the table could
+  // not be read. The proposal starts as the most likely change: a building
+  // decided as today goes to the board's members by consent; one already
+  // changed (or empty) goes back to as today; the charter changes its rule.
+  function draftFor(area, constitution) {
+    if (!areasOf(constitution)) return { ok: false, reason: 'unread' };
+    var row = rowOf(constitution, area);
+    if (!row) return { ok: false, reason: 'unknown_area' };
+    var vocab = vocabOf(constitution);
+    if (!vocab.length) return { ok: false, reason: 'unread' };
+    var board = constitution.board || null;
+    var charter = area === 'charter';
+    if (charter && (!board || !isPredicate(board.membership))) return { ok: false, reason: 'unread' };
+    var d = {
+      ok: true, area: area, name: str(row.name), charter: charter, row: row, board: board, vocab: vocab,
+      current: charter
+        ? { decided_by: board.membership, rule: FROM_PASS[board.pass_rule] || null }
+        : { decided_by: row.decided_by, rule: row.decided_by === 'gate' ? null : row.rule },
+      decided_by: null, rule: null, reason: '',
+    };
+    if (charter) {
+      d.decided_by = board.membership;
+      d.rule = d.current.rule === 'consent' ? 'majority' : 'consent';
+    } else if (row.as_today) {
+      d.decided_by = board && isPredicate(board.membership) ? board.membership : 'rank:metic+';
+      d.rule = 'consent';
+    } else {
+      d.decided_by = 'gate';
+      d.rule = null;
+    }
+    return settle(d);
+  }
+
+  // Keep a draft inside the vocabulary after a pick: the rule follows who.
+  function settle(d) {
+    var who = whoOptions(d.area, d.row, d.board);
+    if (!hasValue(who, d.decided_by)) d.decided_by = who.length ? who[0].value : null;
+    var fixed = fixedRule(d.decided_by);
+    var rules = ruleOptions(d.area, d.decided_by, d.vocab);
+    if (fixed !== undefined) d.rule = fixed;
+    else if (!hasValue(rules, d.rule)) d.rule = hasValue(rules, d.current.rule) ? d.current.rule : rules.length ? rules[0].value : null;
+    d.whoOptions = who;
+    d.ruleOptions = rules;
+    return d;
+  }
+  function copy(d) { var o = {}; for (var k in d) if (Object.prototype.hasOwnProperty.call(d, k)) o[k] = d[k]; return o; }
+
+  // One pick: field 'who' | 'rule' | 'reason'. A value outside the vocabulary
+  // is refused (the draft comes back unchanged).
+  function pick(d, field, value) {
+    if (!d || !d.ok) return d;
+    var n = copy(d);
+    if (field === 'who') { if (!hasValue(d.whoOptions, value)) return d; n.decided_by = value; }
+    else if (field === 'rule') { if (!hasValue(d.ruleOptions, value)) return d; n.rule = value; }
+    else if (field === 'reason') { n.reason = str(value).slice(0, REASON_MAX); return n; }
+    else return d;
+    return settle(n);
+  }
+
+  function changed(d) {
+    return !!(d && d.ok && (d.decided_by !== d.current.decided_by || (d.rule || null) !== (d.current.rule || null)));
+  }
+
+  // The amendment as the server will store it, shaped as a board item, so
+  // street-card.js's change() reads it exactly as the card will.
+  function ruleRow(d) {
+    var r = { area: d.area, decided_by: d.decided_by };
+    if (d.decided_by !== 'gate') r.rule = d.rule;
+    return r;
+  }
+  function proposal(d) {
+    var p = {};
+    BOARD_FIELDS.forEach(function (f) { p[f] = d.board[f] === undefined ? null : d.board[f]; });
+    p.membership = d.decided_by;
+    p.pass_rule = TO_PASS[d.rule] || d.board.pass_rule;
+    if (typeof p.close_early_on_full_turnout !== 'boolean') p.close_early_on_full_turnout = false;
+    return p;
+  }
+  function asItem(d) {
+    if (d.charter) return { subject_type: 'constitutional_amendment', subject: { kind: 'constitution', proposed: proposal(d) } };
+    return { subject_type: 'constitutional_amendment', subject: { kind: 'decision_rules', proposed: { decision_rules: [ruleRow(d)] } } };
+  }
+
+  // The struck and inserted rows: [{ label, struck, inserted }].
+  function change(d) {
+    if (!changed(d)) return [];
+    var C = card();
+    if (!C || !C.change) return [];
+    var docket = { buildings: [{ key: d.area, decision: d.row }] };
+    var ch = C.change(asItem(d), docket, { board: d.board });
+    return ch && Array.isArray(ch.rows) ? ch.rows : [];
+  }
+
+  // Why the draft cannot be filed yet, in words, or '' when it can.
+  function check(d) {
+    if (!d || !d.ok) return 'How this building decides could not be read just now.';
+    if (!changed(d)) return 'That is how it works today. Pick a different way to change it.';
+    if (!str(d.reason).trim()) return 'Say why, so the council knows what it is voting on.';
+    return '';
+  }
+
+  // The request that files it (the server's permission checks decide).
+  function request(d) {
+    if (check(d)) return null;
+    var api = (card() && card().API) || '/api/bongos';
+    var why = str(d.reason).trim();
+    if (d.charter) return { method: 'POST', url: api + '/government/board/items', body: { subject_type: 'constitutional_amendment', proposal: proposal(d), rationale_md: why } };
+    return { method: 'POST', url: api + '/government/board/decision-rules', body: { rules: [ruleRow(d)], rationale_md: why } };
+  }
+
+  // The server's refusal, plainly.
+  var REASONS = {
+    unknown_rank: 'There is no such rank yet, so that would seat no one.',
+    charter_is_the_board: 'The charter is decided by the board itself. Change it from the Charter.',
+    only_the_charter_is_the_board: 'Only the charter is decided by the board.',
+    bad_rule: 'That is not a way this project decides.',
+    bad_decided_by: 'That is not a seat this project knows.',
+    gate_takes_no_rule: 'As today, the building decides alone: there is no rule to pick.',
+    nobody_is_vacant: 'An empty building decides nothing.',
+    bad_membership: 'That is not a seat this project knows.',
+    bad_pass_rule: 'That is not a way the board can decide.',
+  };
+  function refusal(status, body) {
+    var e = body && body.error ? body.error : {};
+    var det = e.details || {};
+    if (e.code === 'proposer_would_lose_their_seat' && det.what_this_means) return str(det.what_this_means);
+    if (e.code === 'no_change') return 'That already is how it works. Nothing was filed.';
+    if (status === 401) return 'Sign in to file an amendment.';
+    if (status === 403) return 'Filing an amendment is not yours to do here. The server refused it.';
+    if ((e.code === 'invalid_decision_rules' || e.code === 'invalid_proposal') && det.reason) {
+      return REASONS[det.reason] || 'The server refused it: ' + str(det.reason).replace(/_/g, ' ') + '.';
+    }
+    var C = card();
+    return C ? C.refusal(status, body) : 'It could not be filed just now.';
+  }
+
+  // What the street says once it is filed, and which sitting to mark.
+  function answer(d, body) {
+    var item = body && body.item;
+    return {
+      toast: 'Filed. Your amendment to ' + (d && d.name ? d.name : 'this building') + ' is on the Charter for the council to vote on.',
+      building: 'charter',
+      matter: item && item.id != null ? 'board:' + item.id : null,
+      kind: 'light',
+    };
+  }
+
+  var api = {
+    RANKS: RANKS, draftFor: draftFor, pick: pick, changed: changed, change: change,
+    check: check, request: request, refusal: refusal, answer: answer, whoOptions: whoOptions, ruleOptions: ruleOptions,
+  };
+  root.GovAmend = api;
+  if (typeof module !== 'undefined' && module.exports) module.exports = api;
+}(typeof window !== 'undefined' ? window : globalThis));

package/modules/hall-ui/public/street-card.js

@@ -195,7 +195,8 @@
         return {
           label: BUILDING_NAMES[r.area] || str(r.area),
           struck: today ? [today.who, today.rule_words].filter(Boolean).join(', ') : '',
-          inserted: [r.who || memberWords(r.decided_by), r.rule ? RULE_WORDS[r.rule] || r.rule : (r.decided_by === 'gate' ? 'as today' : '')].filter(Boolean).join(', '),
+          // as today and no one say it all in their seat's words (task 1004530)
+          inserted: [r.who || memberWords(r.decided_by), r.decided_by === 'gate' || r.decided_by === 'nobody' ? '' : r.rule ? RULE_WORDS[r.rule] || r.rule : ''].filter(Boolean).join(', '),
         };
       });
       return rows.length ? { rows: rows } : null;
@@ -691,6 +692,8 @@
     API: API, SECTIONS: SECTIONS, needsRoom: needsRoom, itemIdOf: itemIdOf, subjectKind: subjectKind,
     model: model, request: request, check: check, answer: answer, refusal: refusal, render: render,
     memberWords: memberWords, windowWords: windowWords,
+    // the wording change, for a drafted amendment's struck and inserted text (task 1004530)
+    change: changeOf,
   };
   root.GovMatterCard = api;
   if (typeof module !== 'undefined' && module.exports) module.exports = api;

package/modules/hall-ui/public/street.css

@@ -240,6 +240,13 @@ html:has(body[data-page="street"]) { height: 100%; }
 .inside-glyph path + path { fill: none; stroke: var(--ink); stroke-width: 1.4; }
 .inside-textbtn { background: none; border: 0; padding: 6px 0; min-height: 24px; text-decoration: underline; text-underline-offset: 4px; font-family: var(--font-body); font-size: 14px; cursor: pointer; text-align: left; color: var(--street-accent-text); flex: none; }
 .inside-note { margin: 0; font-size: 13px; line-height: 1.45; color: var(--ink-soft); }
+/* change how this works: the drafted amendment (task 1004530) — the struck and
+   inserted words, then who, how and why, on the card's own form pieces */
+.inside-draft { display: flex; flex-direction: column; gap: 12px; padding: 14px 0 4px; border-top: 1px solid var(--street-rule); }
+.inside-draft[hidden] { display: none; }
+.inside-draft__change { gap: 6px; }
+.inside-draft__picks { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
+.inside-draft__fixed { font-size: 14px; line-height: 1.45; color: var(--ink-soft); min-height: 36px; display: flex; align-items: center; }
 .inside-meter { display: flex; flex-direction: column; gap: 6px; }
 .inside-meter__track { height: 6px; border-radius: 999px; background: var(--street-wash); overflow: hidden; }
 .inside-meter__fill { height: 6px; width: 0; background: color-mix(in srgb, var(--ink) 30%, var(--bg)); }
@@ -284,6 +291,7 @@ html:has(body[data-page="street"]) { height: 100%; }
 
 /* narrow: the drawing in its own sideways strip, the panel below it */
 @media (max-width: 899px) {
+  .inside-draft__picks { grid-template-columns: 1fr; }
   .inside { display: block; overflow-x: hidden; overflow-y: auto; }
   .inside-sizer { width: auto !important; height: auto !important; margin: 0; overflow: visible; }
   .inside-board { position: static; width: auto; height: auto; transform: none; display: flex; flex-direction: column; gap: 16px; padding: 8px 16px 24px; }

package/modules/hall-ui/public/street.html

@@ -138,9 +138,10 @@
           <svg class="inside-glyph" width="18" height="18" aria-hidden="true" focusable="false"><path id="insideGlyphF" d=""></path><path id="insideGlyphL" d=""></path></svg>
           <span class="inside-gov__text" id="insideHow"></span>
           <span class="inside-gov__fill"></span>
-          <button type="button" class="inside-textbtn" id="insideAmend" aria-describedby="insideAmendNote">change how this works</button>
+          <button type="button" class="inside-textbtn" id="insideAmend" aria-expanded="false" aria-controls="insideDraft">change how this works</button>
         </div>
         <p class="inside-note" id="insideAmendNote" role="status" hidden></p>
+        <div class="inside-draft" id="insideDraft" hidden></div>
         <div class="inside-meter">
           <div class="inside-meter__track"><div class="inside-meter__fill" id="insideFill"></div></div>
           <span class="inside-meter__line" id="insideGrowth"></span>
@@ -188,8 +189,9 @@
 
 <script src="/builders/city-draw.js?v=2026-10-02-street1"></script>
 <script src="/builders/street-draw.js?v=2026-10-02-street1"></script>
-<script src="/builders/street-card.js?v=2026-10-02-card1"></script>
+<script src="/builders/street-card.js?v=2026-10-02-amend1"></script>
 <script src="/builders/street-inside.js?v=2026-10-02-inside1"></script>
-<script src="/builders/street.js?v=2026-10-02-inside1"></script>
+<script src="/builders/street-amend.js?v=2026-10-02-amend1"></script>
+<script src="/builders/street.js?v=2026-10-02-amend1"></script>
 </body>
 </html>

package/modules/hall-ui/public/street.js

@@ -362,7 +362,7 @@
   function drawInside(h, mode) {
     var box = $('streetInside');
     var same = view.inside && view.inside.kind === h.kind && view.inside.key === h.key;
-    if (!same) view.inside = { kind: h.kind, key: h.key, floor: null, drawer: null, picks: 0, note: false };
+    if (!same) view.inside = { kind: h.kind, key: h.key, floor: null, drawer: null, picks: 0, draft: null };
     var arriving = box.hidden;
     box.hidden = false;
     box.setAttribute('data-kind', h.kind);
@@ -448,8 +448,7 @@
     if (gf) gf.setAttribute('d', bv.gf || '');
     if (gl) gl.setAttribute('d', bv.gl || '');
     setText('insideHow', bv.howText);
-    var note = $('insideAmendNote');
-    if (note) { note.textContent = st.note ? AMEND_NOTE : ''; note.hidden = !st.note; }
+    drawDraft(false);
     var fill = $('insideFill');
     if (fill) { fill.style.width = bv.fill + '%'; fill.className = 'inside-meter__fill' + (bv.fill >= 80 ? ' inside-meter__fill--full' : ''); }
     setText('insideGrowth', bv.growth);
@@ -528,14 +527,167 @@
     for (var k = 0; k < kids.length; k++) if (kids[k].getAttribute('data-floor') === String(i)) { if (kids[k].focus) kids[k].focus(); break; }
   }
 
-  // Change how this works: drafting the amendment is task 1004530. Until then
-  // the button is present and says so, rather than doing nothing silently.
-  var AMEND_NOTE = 'Drafting an amendment from here is not built yet. For now, raise it with the council on the board.';
+  // ---------- change how this works (task 1004530) ----------
+  // The button opens a drafted amendment to this building's row of the
+  // who-decides-what table: GovAmend (street-amend.js) builds the draft from the
+  // constitution as it stands (read fresh, so the struck words are the rule in
+  // force), this draws it — the struck and inserted words, who, which rule, why
+  // — and files it. The server's permission checks decide; a refusal is said in
+  // the draft, plainly. Filed, the street answers: a toast, back to the street,
+  // the Charter lights and its new pin settles. No settings page anywhere.
   function amend() {
-    if (!view.inside) return;
-    view.inside.note = true;
-    var note = $('insideAmendNote');
-    if (note) { note.textContent = AMEND_NOTE; note.hidden = false; }
+    var st = view.inside;
+    if (!st || st.kind !== 'building') return Promise.resolve(false);
+    if (st.draft) { closeDraft(); return Promise.resolve(false); }
+    var dr = st.draft = { d: null, error: '', busy: false, reading: true, rev: 1, drawn: 0 };
+    drawDraft(true);
+    return getJson(FEEDS.constitution).then(function (c) {
+      if (view.inside !== st || st.draft !== dr) return false;
+      if (c && c.board) data.constitution = c;
+      var A = window.GovAmend;
+      dr.reading = false;
+      dr.d = A ? A.draftFor(st.key, c && c.board ? c : null) : { ok: false, reason: 'unread' };
+      dr.rev++;
+      drawDraft(true);
+      var who = $('insideDraftWho');
+      if (who && who.focus) who.focus();
+      return !!(dr.d && dr.d.ok);
+    });
+  }
+  function closeDraft() {
+    var st = view.inside;
+    if (!st || !st.draft) return;
+    st.draft = null;
+    drawDraft(true);
+    var am = $('insideAmend');
+    if (am && am.focus) am.focus();
+  }
+  function bumpDraft(focusId) {
+    var dr = view.inside && view.inside.draft;
+    if (!dr) return;
+    dr.rev++;
+    drawDraft(true);
+    var el = focusId ? $(focusId) : null;
+    if (el && el.focus) el.focus();
+  }
+  function draftSelect(id, list, value, onPick) {
+    var sel = node('select', 'mcard-form__select');
+    sel.setAttribute('id', id);
+    list.forEach(function (o) {
+      var op = node('option', '', o.words);
+      op.setAttribute('value', o.value);
+      if (o.value === value) op.setAttribute('selected', '');
+      sel.appendChild(op);
+    });
+    sel.value = value == null ? '' : value;
+    sel.addEventListener('change', function () { onPick(sel.value); });
+    return sel;
+  }
+  function draftField(labelText, forId, control) {
+    var f = node('div', 'mcard-form');
+    var l = node(forId ? 'label' : 'span', 'mcard-form__label', labelText);
+    if (forId) l.setAttribute('for', forId);
+    f.appendChild(l);
+    f.appendChild(control);
+    return f;
+  }
+  // Draw the draft into #insideDraft. A redraw of the building leaves an
+  // unchanged draft alone (force false), so a feed landing mid-sentence never
+  // takes the governor's place in the form.
+  function drawDraft(force) {
+    var st = view.inside, box = $('insideDraft'), note = $('insideAmendNote'), am = $('insideAmend');
+    var dr = st && st.draft;
+    if (am) am.setAttribute('aria-expanded', dr ? 'true' : 'false');
+    if (note) {
+      var said = !dr ? '' : dr.reading ? 'Reading how this building decides…' : dr.d && dr.d.ok ? '' : 'How this building decides could not be read just now.';
+      note.textContent = said;
+      note.hidden = !said;
+    }
+    if (!box) return;
+    if (!dr || !dr.d || !dr.d.ok) { box.hidden = true; clear(box); return; }
+    if (!force && dr.drawn === dr.rev) return;
+    dr.drawn = dr.rev;
+    var A = window.GovAmend, d = dr.d;
+    clear(box);
+    box.hidden = false;
+    box.appendChild(node('span', 'street-label', 'drafted amendment · ' + d.name));
+    var rows = A.change(d);
+    var ch = node('div', 'mcard-change inside-draft__change');
+    if (rows.length) {
+      rows.forEach(function (r) {
+        var p = node('p', 'mcard-change__row');
+        p.appendChild(node('span', 'mcard-change__label', r.label));
+        if (r.struck) p.appendChild(node('del', 'mcard-del', r.struck));
+        p.appendChild(node('ins', 'mcard-ins', r.inserted));
+        ch.appendChild(p);
+      });
+    } else ch.appendChild(node('p', 'inside-note', 'This is how it works today. Pick who decides, or how, to change it.'));
+    box.appendChild(ch);
+    var picks = node('div', 'inside-draft__picks');
+    picks.appendChild(draftField('who decides', 'insideDraftWho', draftSelect('insideDraftWho', d.whoOptions, d.decided_by, function (v) {
+      dr.d = A.pick(dr.d, 'who', v); dr.error = ''; bumpDraft('insideDraftWho');
+    })));
+    if (d.ruleOptions.length) {
+      picks.appendChild(draftField('how they decide', 'insideDraftRule', draftSelect('insideDraftRule', d.ruleOptions, d.rule, function (v) {
+        dr.d = A.pick(dr.d, 'rule', v); dr.error = ''; bumpDraft('insideDraftRule');
+      })));
+    } else {
+      picks.appendChild(draftField('how they decide', null, node('span', 'inside-draft__fixed', d.decided_by === 'nobody' ? 'nothing is decided until someone holds it' : 'decides alone, as today')));
+    }
+    box.appendChild(picks);
+    var why = node('textarea', 'mcard-form__text');
+    why.setAttribute('id', 'insideDraftWhy');
+    why.setAttribute('rows', '3');
+    why.setAttribute('maxlength', '5000');
+    why.value = d.reason;
+    why.addEventListener('input', function () { dr.d = A.pick(dr.d, 'reason', why.value); });
+    box.appendChild(draftField('why', 'insideDraftWhy', why));
+    box.appendChild(node('p', 'inside-note', 'Filed, it goes on the Charter and the council votes on it there.'));
+    if (dr.error) {
+      var err = node('p', 'mcard-error', dr.error);
+      err.setAttribute('role', 'alert');
+      err.setAttribute('id', 'insideDraftError');
+      box.appendChild(err);
+    }
+    var acts = node('div', 'mcard-actions');
+    var file = node('button', 'mcard-btn mcard-btn--primary', dr.busy ? 'filing…' : 'file the amendment');
+    file.setAttribute('type', 'button');
+    file.setAttribute('id', 'insideDraftFile');
+    if (dr.busy) file.setAttribute('disabled', '');
+    file.addEventListener('click', fileDraft);
+    acts.appendChild(file);
+    var not = node('button', 'mcard-btn mcard-btn--quiet', 'not now');
+    not.setAttribute('type', 'button');
+    not.addEventListener('click', closeDraft);
+    acts.appendChild(not);
+    box.appendChild(acts);
+  }
+  function fileDraft() {
+    var A = window.GovAmend, st = view.inside, dr = st && st.draft;
+    if (!A || !dr || !dr.d || dr.busy) return Promise.resolve(false);
+    var why = $('insideDraftWhy');
+    if (why && why.value != null) dr.d = A.pick(dr.d, 'reason', why.value);
+    var refused = A.check(dr.d);
+    if (refused) { dr.error = refused; bumpDraft(refused.indexOf('Say why') === 0 ? 'insideDraftWhy' : 'insideDraftWho'); return Promise.resolve(false); }
+    dr.error = '';
+    dr.busy = true;
+    bumpDraft(null);
+    return send(A.request(dr.d)).then(function (out) {
+      dr.busy = false;
+      if (!out.ok) {
+        dr.error = A.refusal(out.status, out.body);
+        if (view.inside === st && st.draft === dr) bumpDraft('insideDraftFile');
+        return false;
+      }
+      var a = A.answer(dr.d, out.body);
+      say(a.toast);
+      if (view.inside === st) st.draft = null;
+      card.answer = { building: a.building, matter: a.matter, kind: a.kind, at: Date.now() };
+      data.room = null;
+      data.constitution = null;
+      goStreet();
+      return load().then(function () { return true; });
+    });
   }
 
   function drawDistrict(mode) {
@@ -744,6 +896,7 @@
 
   function onKey(e) {
     if (e.key === 'Escape' && view.open) { e.preventDefault(); closeCard(true); }
+    else if (e.key === 'Escape' && view.inside && view.inside.draft) { e.preventDefault(); closeDraft(); }
   }
 
   function boot() {
@@ -767,6 +920,6 @@
     return load();
   }
 
-  window.GovStreetPage = { boot: boot, draw: draw, load: load, fit: fit, openCard: openCard, closeCard: closeCard, actOn: actOn, pickFloor: pickFloor, goStreet: goStreet, FEEDS: FEEDS, THEME_KEY: THEME_KEY };
+  window.GovStreetPage = { boot: boot, draw: draw, load: load, fit: fit, openCard: openCard, closeCard: closeCard, actOn: actOn, pickFloor: pickFloor, goStreet: goStreet, amend: amend, fileDraft: fileDraft, FEEDS: FEEDS, THEME_KEY: THEME_KEY };
   window.GovStreetPage.ready = boot();
 }());

package/modules/hall-ui/public/street.states.json

@@ -3,7 +3,10 @@
   "page": "/builders/street",
   "surface": "hall-ui",
   "stub": {
-    "prefix": "/builders/"
+    "prefix": "/builders/",
+    "fixtures": {
+      "government-constitution": "government-constitution-rules"
+    }
   },
   "modeQuery": false,
   "ignoreRequests": [
@@ -311,8 +314,8 @@
     },
     "amend": {
       "auth": true,
-      "_": "Change how this works pressed: it says, in words, that drafting an amendment from here is not built yet (task 1004530).",
-      "url": "/builders/street#building=charter",
+      "_": "Change how this works pressed inside Review: the drafted amendment to its row, the rule in force struck and the proposed one inserted, who and how to pick, why, and file (task 1004530).",
+      "url": "/builders/street#building=review",
       "actions": [
         [
           "wait",
@@ -324,12 +327,16 @@
         ],
         [
           "wait",
-          200
+          600
         ]
       ],
       "expect": {
         "visible": [
-          "#insideAmendNote"
+          "#insideDraft",
+          "#insideDraftWho",
+          "#insideDraftRule",
+          "#insideDraftWhy",
+          "#insideDraftFile"
         ]
       }
     },