@@ -192,6 +192,12 @@ const frontmatter = { title: t.title, description: t.subLine, template: 'splash'
{shortDesc( s.desc )}
@@ -319,9 +331,23 @@ const frontmatter = { title: t.title, description: t.subLine, template: 'splash'
const plural = ( n, one, many ) => ( n === 1 ? one : many )
const cards = Array.from( root.querySelectorAll( '.cfg__card' ) )
+ // the currently filtered/visible source set (Memo 127 F4) — the global Off/Some/All acts on this
+ const filteredCards = () => cards.filter( ( c ) => c.dataset.match !== '0' )
const toolsOf = ( card ) => Array.from( card.querySelectorAll( '[data-tool-check]' ) )
const isOn = ( b ) => b.getAttribute( 'aria-checked' ) === 'true' || b.getAttribute( 'aria-pressed' ) === 'true'
- const setTool = ( b, on ) => { b.setAttribute( 'aria-checked', String( on ) ); b.innerHTML = svg( on ? 'square-check' : 'square', 15 ) }
+ // selection-order stamps (Memo 127 F3) — newest selection on top in the cart
+ let selSeq = 0
+ const selStamp = new Map()
+ const stampKey = ( ns, tool ) => ns + ' ' + tool
+ const stampOf = ( ns, tool ) => selStamp.get( stampKey( ns, tool ) ) || 0
+ const setTool = ( b, on ) => {
+ b.setAttribute( 'aria-checked', String( on ) )
+ b.innerHTML = svg( on ? 'square-check' : 'square', 15 )
+ const card = b.closest( '.cfg__card' )
+ const ns = card ? card.dataset.ns : ''
+ if( on ) { selStamp.set( stampKey( ns, b.dataset.tool ), ++selSeq ) }
+ else { selStamp.delete( stampKey( ns, b.dataset.tool ) ) }
+ }
// Off/Some/All segment control (Memo 124 Kap 1, F2=A) — replaces the tri-state checkbox.
// off and all are actionable; some is a display-only position (lights up on partial).
const segState = ( sel, total ) => sel === 0 ? 'off' : ( sel === total ? 'all' : 'some' )
@@ -350,7 +376,10 @@ const frontmatter = { title: t.title, description: t.subLine, template: 'splash'
const selected = () => cards.map( ( card ) => {
const names = toolsOf( card ).filter( isOn ).map( ( b ) => b.dataset.tool )
if( names.length === 0 ) { return null }
- return { ns: card.dataset.ns, names, title: card.dataset.label, access: card.dataset.access, keys: ( card.dataset.keys || '' ).split( ',' ).filter( Boolean ) }
+ // wireNs/bound carry the OParl fan-out mapping (Memo 127 F13): a synthetic district
+ // card (oparl-mitte) exports to the real wire namespace `oparl` + name="Berlin Mitte".
+ const bound = card.dataset.bound ? JSON.parse( card.dataset.bound ) : null
+ return { ns: card.dataset.ns, wireNs: card.dataset.wireNs || card.dataset.ns, bound, names, title: card.dataset.label, access: card.dataset.access, keys: ( card.dataset.keys || '' ).split( ',' ).filter( Boolean ) }
} ).filter( Boolean )
const renderCart = () => {
@@ -372,13 +401,13 @@ const frontmatter = { title: t.title, description: t.subLine, template: 'splash'
// Two-mode chips (Memo 124 Kap 2, F4=A) as full-width rows (Spec §6 ChipList):
// name left (truncating), key icon + X on the right. all selected → one "ns · all N"
// chip; partial → one "ns · tool" chip per selected tool.
- const addChip = ( { ns, label, keyed, tool } ) => {
+ const addChip = ( { ns, label, keyed, tool, hover } ) => {
const c = document.createElement( 'div' )
c.className = 'cfg__chip-sel'
const txt = document.createElement( 'span' )
txt.className = 'cfg__chip-txt'
txt.textContent = label
- txt.title = label
+ txt.title = hover || label
const right = document.createElement( 'span' )
right.className = 'cfg__chip-right'
if( keyed ) { right.innerHTML = svg( 'key-round', 12 ) }
@@ -394,14 +423,24 @@ const frontmatter = { title: t.title, description: t.subLine, template: 'splash'
c.appendChild( right )
chips.appendChild( c )
}
- sel.forEach( ( x ) => {
+ // newest selection on top (Memo 127 F3): order sources by their most recent tool stamp,
+ // and within a partial source order the per-tool chips the same way.
+ const ordered = sel
+ .map( ( x ) => ( { x, recent: Math.max( ...x.names.map( ( n ) => stampOf( x.ns, n ) ), 0 ) } ) )
+ .sort( ( a, b ) => b.recent - a.recent )
+ .map( ( o ) => o.x )
+ ordered.forEach( ( x ) => {
const card = cards.find( ( c ) => c.dataset.ns === x.ns )
const total = card ? toolsOf( card ).length : x.names.length
const keyed = x.access !== 'tool-keyless'
if( x.names.length === total && total > 0 ) {
- addChip( { ns: x.ns, label: x.ns + ' · ' + T.allN.replace( '{n}', String( total ) ), keyed } )
+ // F2=B: compact "ns · all N" chip; hover lists the tool names
+ addChip( { ns: x.ns, label: x.ns + ' · ' + T.allN.replace( '{n}', String( total ) ), keyed, hover: x.names.join( ', ' ) } )
} else {
- x.names.forEach( ( n ) => addChip( { ns: x.ns, label: x.ns + ' · ' + n, keyed, tool: n } ) )
+ x.names
+ .slice()
+ .sort( ( a, b ) => stampOf( x.ns, b ) - stampOf( x.ns, a ) )
+ .forEach( ( n ) => addChip( { ns: x.ns, label: x.ns + ' · ' + n, keyed, tool: n } ) )
}
} )
const box = root.querySelector( '[data-readiness]' )
@@ -463,7 +502,7 @@ const frontmatter = { title: t.title, description: t.subLine, template: 'splash'
}
// global Off/Some/All control (Memo 124 follow-up) — off = clear every selection,
// all = select every tool in every source. Mirrors the per-card control catalog-wide.
- const allToolBoxes = () => cards.flatMap( ( c ) => toolsOf( c ) )
+ const allToolBoxes = () => filteredCards().flatMap( ( c ) => toolsOf( c ) )
const setGlobalSeg = () => {
const seg = root.querySelector( '[data-global-seg]' )
if( !seg ) { return }
@@ -532,6 +571,8 @@ const frontmatter = { title: t.title, description: t.subLine, template: 'splash'
if( rc ) { rc.textContent = active > 0 ? String( active ) : '' }
updateHeadline()
renderActiveChips()
+ // the global Off/Some/All ratio depends on which sources are visible (Memo 127 F4)
+ setGlobalSeg()
}
// ---- events (delegated) ----
@@ -595,7 +636,8 @@ const frontmatter = { title: t.title, description: t.subLine, template: 'splash'
const s = seg.dataset.seg
if( s === 'some' ) { return }
if( seg.closest( '[data-global-seg]' ) ) {
- cards.forEach( ( card ) => { toolsOf( card ).forEach( ( b ) => setTool( b, s === 'all' ) ); syncCard( card ) } )
+ // Memo 127 F4: act only on the filtered/visible sources, not the whole catalog
+ filteredCards().forEach( ( card ) => { toolsOf( card ).forEach( ( b ) => setTool( b, s === 'all' ) ); syncCard( card ) } )
renderCart()
return
}
@@ -669,7 +711,7 @@ const frontmatter = { title: t.title, description: t.subLine, template: 'splash'
out.push( '' )
out.push( '# FlowMCP Selection' )
out.push( '' )
- out.push( totalTools + ' tools across ' + sel.length + ' data sources, picked in the FlowMCP Configurator (demo; deterministically live-tested — not a quality grade).' )
+ out.push( totalTools + ' tools across ' + sel.length + ' data sources, picked in the FlowMCP Data Configurator (demo).' )
out.push( '' )
out.push( '## Trigger' )
out.push( '' )
@@ -687,8 +729,10 @@ const frontmatter = { title: t.title, description: t.subLine, template: 'splash'
out.push( '' )
sel.forEach( ( x ) => {
const tag = x.access === 'tool-keyless' ? 'keyless' : ( x.access === 'tool-key' ? ( 'needs key' + ( x.keys.length ? ': ' + x.keys.join( ', ' ) : '' ) ) : 'local resource' )
- out.push( '### ' + x.ns + ( x.title ? ' — ' + x.title : '' ) + ' (' + tag + ')' )
- x.names.forEach( ( n ) => out.push( '- `' + x.ns + '/tool/' + n + '`' ) )
+ const scope = x.bound && x.bound.name ? ' · scoped to ' + x.bound.name : ''
+ out.push( '### ' + x.ns + ( x.title ? ' — ' + x.title : '' ) + ' (' + tag + scope + ')' )
+ // fan-out sources wire-call the real namespace (e.g. oparl) with the bound param
+ x.names.forEach( ( n ) => out.push( '- `' + x.wireNs + '/tool/' + n + '`' + ( x.bound && x.bound.name ? ' — name: "' + x.bound.name + '"' : '' ) ) )
out.push( '' )
} )
out.push( '## Setup' )
@@ -708,11 +752,11 @@ const frontmatter = { title: t.title, description: t.subLine, template: 'splash'
out.push( '- NEVER pipe `flowmcp` output through `node -e` or guess flags.' )
return out.join( '\n' )
}
- const buildSelection = ( sel ) => JSON.stringify( { selection: sel.map( ( x ) => ( { namespace: x.ns, tools: x.names } ) ) }, null, 2 )
+ const buildSelection = ( sel ) => JSON.stringify( { selection: sel.map( ( x ) => ( x.bound ? { namespace: x.wireNs, tools: x.names, params: x.bound } : { namespace: x.wireNs, tools: x.names } ) ) }, null, 2 )
// valid .flowmcp/config.json (Memo 124 Kap 9) — root + envPath + tools[] using the
// canonical `namespace/tool/name` id grammar + a configurator group + defaultGroup
const buildConfig = ( sel ) => {
- const tools = sel.flatMap( ( x ) => x.names.map( ( n ) => x.ns + '/tool/' + n ) )
+ const tools = [ ...new Set( sel.flatMap( ( x ) => x.names.map( ( n ) => x.wireNs + '/tool/' + n ) ) ) ]
return JSON.stringify( {
root: '~/.flowmcp',
envPath: '~/.flowmcp/.env',
@@ -883,6 +927,12 @@ const frontmatter = { title: t.title, description: t.subLine, template: 'splash'
.cfg__status { display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.cfg__veric { color: var( --status-ok ); display: inline-flex; }
.cfg__veric svg { width: 11px; height: 11px; }
+ .cfg__veric--leg svg { width: 12px; height: 12px; }
+ /* provenance line in the expanded toolbox (Memo 127 Kap 3) — deliberately quiet, Bürger-first */
+ .cfg__prov { font-size: 11px; color: var( --cfg-faint ); margin: 0 0 0.5rem; line-height: 1.5; }
+ .cfg__provlink { color: var( --text-inactive ); text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 2px; }
+ .cfg__provlink:hover { color: var( --accent ); }
+ .cfg__provlic { color: var( --cfg-faint ); }
/* Off/Some/All segment control (Memo 124 Kap 1, F2=A) — single selection marker, right-aligned */
.cfg__seg { display: inline-flex; flex: 0 0 auto; margin-left: auto; border: 1px solid var( --border ); border-radius: 7px; overflow: hidden; background: var( --bg-canvas ); }
.cfg__segbtn { font-size: 11px; font-weight: 600; color: var( --text-inactive ); background: none; border: 0; border-right: 1px solid var( --border ); padding: 3px 9px; cursor: pointer; line-height: 1.4; white-space: nowrap; }
@@ -990,6 +1040,13 @@ const frontmatter = { title: t.title, description: t.subLine, template: 'splash'
.cfg__modalfoot { display: flex; justify-content: space-between; align-items: center; margin-top: 0.75rem; gap: 0.5rem; }
.cfg__hint { font-size: 11px; color: var( --text-inactive ); }
.cfg__modalbtns { display: flex; gap: 0.5rem; }
+ /* Prominent demo banner (Memo 127 follow-up) — clearly states export is coming soon */
+ .cfg__demobanner { display: flex; align-items: center; gap: 0.6rem; margin: 0.25rem 0 0.75rem; padding: 0.7rem 0.9rem; border: 1px solid var( --accent ); border-radius: 8px; background: var( --sidebar-active-bg ); color: var( --text-primary ); }
+ .cfg__demobanner-ic { color: var( --accent ); display: inline-flex; flex: 0 0 auto; }
+ .cfg__demobanner-txt { font-size: 13px; line-height: 1.45; }
+ .cfg__demobanner-txt strong { color: var( --accent ); font-weight: 700; }
+ /* genuinely greyed-out export buttons while in demo (Memo 127 follow-up) */
+ .cfg__download[disabled], .cfg__copy[disabled] { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
.cfg__download { background: var( --bg-canvas ); color: var( --text-primary ); border: 1px solid var( --border ); border-radius: 8px; padding: 6px 12px; font-size: 13px; cursor: pointer; }
.cfg__copy { background: var( --accent ); color: var( --bg-canvas ); border: 0; border-radius: 8px; padding: 6px 14px; font-size: 13px; font-weight: 700; cursor: pointer; }