clavarium 0.2.375-next.1 → 0.2.377-next.1

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "clavarium",
-  "version": "0.2.375-next.1",
+  "version": "0.2.377-next.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "clavarium",
-      "version": "0.2.375-next.1",
+      "version": "0.2.377-next.1",
       "license": "MIT",
       "dependencies": {
         "@xterm/addon-fit": "^0.11.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clavarium",
-  "version": "0.2.375-next.1",
+  "version": "0.2.377-next.1",
   "license": "MIT",
   "type": "module",
   "description": "A conversation is a VM with a terminal in it. Everything else is a folder.",

package/server/main.mjs

@@ -718,6 +718,8 @@ export async function startHome({ port, host, dataDir, mntDir = dataDir, gitRese
         } });
     rooms.boxesBound(boxes.all());
     rooms.refresh();
+    /* A Tether call held for an AI at work for a room: said in that room too, closed there once decided (tethers.mjs). */
+    tethers.rooms = { held: (name, event) => rooms.held(name, event), closed: (ids, event) => rooms.closed(ids, event) };
     /* FEATURES (features.mjs): read from what the modules say, never a secret's value. The remote screen and the
        catalogue are slow to ask: kept a while, and never waited for long. */
     const screenNow = cached(() => meshcentral.status().catch(() => null), 60_000);

package/server/rooms.mjs

@@ -30,6 +30,11 @@ export const HOPS_MAX = 8;
 /* How long an AI given a message is said to be thinking, at most (it may never answer). */
 export const THINKING_MS = 10 * 60_000;
 const KINDS = ['person', 'ai', 'box'];
+/* A ROOM'S OWN LINES (a Tether call held for one of its AIs, and what closes it): the kinds, their level, at most kept. */
+const LINE_LEVELS = Object.freeze({ 'tether-demande': 'needs-you', 'tether-done': 'trace' });
+const LEVELS = ['needs-you', 'news', 'trace'];
+const LINE_ACTION = /^[a-z]{1,20}(:[a-z0-9][a-z0-9._-]{0,63})?$/;
+export const ROOM_LINES_MAX = 50;
 /* A FILE THE PERSON ATTACHES IN A ROOM (06-11: a room carries what the chat carries): kept in the room's own folder
    (rooms/<id>/attached/<uuid>/<name>), named in its thread by ROOM_FILE's path; a copy goes to each AI the message
    goes to, attached in its own chat as the person attaches one there (talk.attach) -- never to the others. */
@@ -56,6 +61,11 @@ const nameOf = (v) => String(v ?? '').replace(/\s+/g, ' ').trim().slice(0, ROOM_
    a secret never passes from one AI to another through a room. */
 export const masked = (text) => { const str = String(text ?? ''); const hits = scan(str); if (!hits.length) return str; let out = ''; let last = 0; for (const h of hits) { out += str.slice(last, h.start) + '••••••'; last = h.end; } return out + str.slice(last); };
 
+/* Every text of a line masked (a card's title, facts, quote...: plain data, words of the screen and their values) --
+   never a button's id nor a word's key. */
+const maskedAll = (v, depth = 0) => (typeof v === 'string' ? masked(v) : depth > 8 || v === null || typeof v !== 'object' ? v
+    : Array.isArray(v) ? v.map((x) => maskedAll(x, depth + 1)) : Object.fromEntries(Object.entries(v).map(([k, x]) => [k, k === 'id' || k === 'k' ? x : maskedAll(x, depth + 1)])));
+
 /* A sign as the cards draw it (web/kit.js hueOf, initialOf): the same name, the same letter and colour. */
 export const lookOf = (name) => { const text = String(name ?? ''); let h = 0; for (const ch of text) h = (h * 31 + ch.codePointAt(0)) >>> 0; return { initial: ([...text.trim()][0] ?? '?').toUpperCase(), hue: h % 360 }; };
 
@@ -171,6 +181,10 @@ export class Rooms {
         if (options?.seen !== false) { const list = this.#all(); const r = list.find((x) => x.id === id); if (r) { r.seen = this.#now().toISOString(); this.#file.set(list); } }
         const thinking = this.#thinkingOf(id, members); const doing = this.#doingOf(id, members);
         const messages = (read.messages ?? []).map((m) => this.#opened(m, members)).map((m) => (typeof m.text === 'string' && m.text.includes('@{') ? { ...m, text: named(m.text) } : m));
+        /* Its lines (a Tether call of one of its AIs, held): among its messages, where they happened -- those of the time read. */
+        const from = read.window?.more > 0 ? String(messages[0]?.at ?? '') : '';
+        const lines = (Array.isArray(room.lines) ? room.lines : []).filter((l) => String(l.at) >= from).map((l) => ({ from: 'system', kind: 'system', choices: [], ...l }));
+        if (lines.length) { messages.push(...lines); messages.sort((a, b) => String(a.at).localeCompare(String(b.at))); }
         /* The files of the thread (shown, cited): each as the message that has it opens it; one nobody opens here, not listed. */
         const opens = new Map(); for (const m of messages) for (const f of [...(m.refs ?? []), ...(m.files ?? []), ...(m.open ? [m] : [])]) if (f.path && f.open) opens.set(f.path, f.open);
         const files = Array.isArray(read.files) ? read.files.map((f) => (String(f.open ?? '').startsWith(CITE) ? (opens.has(f.path) ? { ...f, open: opens.get(f.path) } : null) : f)).filter(Boolean) : read.files;
@@ -387,6 +401,41 @@ export class Rooms {
         return copies;
     }
 
+    /* A TETHER CALL HELD FOR AN AI AT WORK FOR A ROOM (07-11): an AI given a message of the room and not done with it
+       asks the person to allow a call -- its card goes in that room's thread too (and each room it works for), the
+       same line its own chat has (talk.event's shape: Accept / Refuse, Parley's request card), named by the AI.
+       Kept apart from the thread (the room's `lines`, ROOM_LINES_MAX), read among its messages; masked as any line
+       of a room. Gives the rooms it went to: what is said once it is decided goes there (closed). */
+    held(conversation, event) {
+        const list = this.#all(); const now = Date.now(); const ids = [];
+        for (const r of list) {
+            const on = this.#thinking.get(r.id);
+            const me = on && this.#shown(r).find((m) => m.kind === 'ai' && m.ref === conversation && on.has(m.id) && now - on.get(m.id).at < THINKING_MS);
+            if (!me) continue;
+            const request = event?.request && typeof event.request === 'object' ? { ...event.request, sub: [me.name, ...(Array.isArray(event.request.sub) ? event.request.sub : event.request.sub ? [event.request.sub] : [])].slice(0, 4) } : undefined;
+            const text = event?.text && typeof event.text === 'object' ? event.text : `${me.name}: ${String(event?.text ?? '')}`;
+            if (this.#line(r, { ...event, text, ...(request ? { request } : {}) })) ids.push(r.id);
+        }
+        if (ids.length) this.#file.set(list);
+        return ids;
+    }
+    /* What closes it (a 'tether-done' carrying its id), in the rooms its card went to. */
+    closed(ids, event) {
+        const list = this.#all(); let any = false;
+        for (const r of list) if ((Array.isArray(ids) ? ids : []).includes(r.id) && this.#line(r, event)) any = true;
+        if (any) this.#file.set(list);
+    }
+    #line(room, { kind, text, level, tone, topic, brief, actions, request, outcome } = {}) {
+        if (!Object.hasOwn(LINE_LEVELS, kind)) return null;
+        const kept = { id: randomUUID(), at: this.#now().toISOString(), event: kind, text: maskedAll(text), level: LEVELS.includes(level) ? level : LINE_LEVELS[kind],
+            ...(tone === 'warn' || tone === 'bad' ? { tone } : {}), ...(topic ? { topic: maskedAll(topic) } : {}), ...(typeof brief === 'string' && brief ? { brief: brief.slice(0, 60) } : {}),
+            actions: (Array.isArray(actions) ? actions : []).filter((a) => typeof a === 'string' && LINE_ACTION.test(a)).slice(0, 4),
+            ...(request && typeof request === 'object' && JSON.stringify(request).length <= 8000 ? { request: maskedAll(request) } : {}),
+            ...(typeof outcome === 'string' && outcome ? { outcome: outcome.slice(0, 20) } : {}) };
+        room.lines = [...(Array.isArray(room.lines) ? room.lines : []), kept].slice(-ROOM_LINES_MAX);
+        return kept;
+    }
+
     /* Each conversation told the rooms it is in, and who is there. */
     #tellConversations(list) {
         const shown = list.map((r) => ({ ...r, members: this.#shown(r) }));

package/server/settingswords.mjs

@@ -40,15 +40,15 @@ export const SETTINGS_WORDS_FR = {
     'set-backup-now': 'Exporter · importer', 'set-git-key': '1 clé git', 'set-git-keys': '{n} clés git', 'set-restart': 'redémarrer',
     'set-logs-now': 'Clavarium, machines, système',
     'set-dict-backup': 'Secours en service', 'set-dict-expired': 'Clé expirée', 'set-dict-with-backup': 'avec secours', 'set-dict-server': 'réglée sur le serveur',
-    'set-attached': '{n} joints', 'set-secret': '1 secret', 'set-secrets': '{n} secrets', 'set-offline': 'hors ligne',
+    'set-offline': 'hors ligne',
     'set-device': '1 appareil', 'set-devices': '{n} appareils', 'set-no-device': 'Aucun appareil', 'set-chat': 'Chat',
     'set-wakeups-on': '{on} sur {n} actifs', 'set-asleep': 'En veille', 'set-not-looked': 'Pas encore regardée',
     'set-running-well': 'En marche · rien d\'anormal', 'set-conv-advanced': 'Archiver · remettre à neuf · supprimer',
     /* New asset, one box (05-11, step 3): one verb per gesture -- Créer, Attacher, Terminé. */
-    'set-na-new': 'Nouvel asset', 'set-na-attach': 'Attacher', 'set-na-there': 'Déjà là', 'set-na-or-new': 'ou un nouveau',
+    'set-na-new': 'Nouvel asset', 'set-na-there': 'Déjà là', 'set-na-or-new': 'ou un nouveau',
     'set-na-step-kind': 'Type', 'set-na-step-set': 'Réglage', 'set-na-step-made': 'Créé', 'set-na-back': 'Retour',
-    'set-na-will': 'Sera relié à {name}', 'set-na-level': 'Ce qu\'il pourra faire', 'set-na-read': 'Lecture', 'set-na-write': 'Écriture',
-    'set-na-made': '{name} créé', 'set-na-made-to': '{name} créé et relié à {to}', 'set-na-another': 'En créer un autre', 'set-na-done': 'Terminé',
+    'set-na-will': 'Sera donné à {name}', 'set-na-level': 'Ce qu\'il pourra faire',
+    'set-na-made': '{name} créé', 'set-na-made-to': '{name} créé et donné à {to}', 'set-na-another': 'En créer un autre', 'set-na-done': 'Terminé',
     'set-na-create': 'Créer', 'set-na-new-key': '+ Nouvelle clé…',
     /* The top bar's way back (06-11, kit.js TopBar). */
     'set-back': 'Retour', 'set-back-convs': 'Conversations',
@@ -160,9 +160,12 @@ export const SETTINGS_WORDS_FR = {
     'set-rt-mcp-hint-propose': 'Tous les outils, chaque modification approuvée', 'set-rt-mcp-hint-free': 'Tous les outils ; suppressions demandées',
     'set-rt-mcp-hint-frame': 'Votre choix pour chaque sorte d\'outil',
     'set-cx-ssh': 'machine', 'set-cx-computer': 'ordinateur', 'set-cx-browser': 'navigateur', 'set-cx-screen': 'écran', 'set-cx-device': 'appareil',
-    'set-acc-share': 'Partager avec un appareil…', 'set-acc-in-assets': 'Ouvrir dans Assets', 'set-acc-detach': 'Retirer',
+    'set-acc-share': 'Partager avec un appareil…', 'set-acc-in-assets': 'Ouvrir dans Assets',
     'set-acc-used-1': 'Utilisé par 1 conversation : mettez « Aucun »', 'set-acc-used-n': 'Utilisé par {n} conversations : mettez « Aucun »',
-    'set-acc-folders': 'Dossiers, dépôts, boîtes mail', 'set-acc-secrets': 'Secrets remis à son outil',
+    /* Give… (07-11, assets step 4): in a conversation's tab; Settings › Access one line; a secret's next start. */
+    'set-give-go': 'Donner', 'set-give-all': 'Elle a déjà chaque asset.', 'set-group-none-all': 'Tout à Aucun',
+    'set-acc-assets-1': '1 asset · voir', 'set-acc-assets-n': '{n} assets · voir', 'set-acc-asset-1': '1 asset', 'set-acc-asset-n': '{n} assets',
+    'set-secret-next-on': '{name} : remis à son outil au prochain démarrage', 'set-secret-next-off': '{name} : plus remis dès son prochain démarrage',
     'set-files-list': 'Liste', 'set-files-icons': 'Icônes', 'set-files-empty': 'Ce dossier est vide.',
     'set-files-read-only': 'Lecture seule : rien ne peut y être changé.',
     'set-this-conv': 'Cette conversation · {name}', 'set-ask-first': 'Demander avant d\'agir',

package/server/tethers.mjs

@@ -103,6 +103,9 @@ export class Tethers {
     /* Set by the server once the thread is ready (main.mjs): (name, event) => talk.event(...).
        A call waiting for the owner is said in its conversation's thread when there is one. */
     announce = null;
+    /* Set by the server too (main.mjs): the rooms (rooms.mjs) -- a call held for an AI at work for a room is said in
+       that room as well (held: the rooms it went to), and closed there (closed) when it is decided. */
+    rooms = null;
 
     /* `resources`: Resources (workFolder). `conversations()`: the names of the conversations.
        `secrets`: the vault, read by name for a connector only (reveal). `dockets`: { on(name), post(name,
@@ -152,7 +155,10 @@ export class Tethers {
             /* `request`: the card Parley draws (demandes.mjs); the text and its buttons stay for an older screen. */
             let request;
             try { request = demandeView(r); } catch { request = undefined; }
-            try { this.announce(name, { kind: 'tether-demande', text: text || (r.verb ?? 'A Tether call'), topic: TOPIC_REQUEST, tone: 'warn', actions: [`allow:${r.id}`, `deny:${r.id}`], ...(request ? { request } : {}) }); } catch { /* its chat is off */ }
+            const event = { kind: 'tether-demande', text: text || (r.verb ?? 'A Tether call'), topic: TOPIC_REQUEST, tone: 'warn', actions: [`allow:${r.id}`, `deny:${r.id}`], ...(request ? { request } : {}) };
+            try { this.announce(name, event); } catch { /* its chat is off */ }
+            /* At work for a room (a message of it not yet answered): the same card there, decided there as here. */
+            try { const ids = this.rooms?.held(name, event); if (Array.isArray(ids) && ids.length) this.#seen.get(r.id).rooms = ids; } catch { /* its rooms' */ }
         }
         /* An approved call only the owner's browser can do (a device to flash): said once, with where to do it. */
         let jobs = [];
@@ -178,7 +184,9 @@ export class Tethers {
             const accepted = outcome === 'yes' || outcome === 'always';
             if (accepted) { this.#acting.push({ id, ...info }); if (this.#acting.length > ACTING_MAX) this.#acting.shift(); }
             const text = endedLine(info.verb, outcome);
-            try { this.announce(info.name, { kind: 'tether-done', text, topic: TOPIC_REQUEST, brief: id, ...(outcome ? { outcome } : {}) }); } catch { /* its chat is off */ }
+            const done = { kind: 'tether-done', text, topic: TOPIC_REQUEST, brief: id, ...(outcome ? { outcome } : {}) };
+            try { this.announce(info.name, done); } catch { /* its chat is off */ }
+            if (info.rooms) try { this.rooms?.closed(info.rooms, done); } catch { /* its rooms' */ }
         }
         for (const id of [...this.#ended.keys()]) if (!this.#seen.has(id)) this.#ended.delete(id);
     }

package/web/app.js

@@ -2137,7 +2137,6 @@
     void offerVoice();
 
     /* ---------- folders ---------- */
-    const LEVELS = [['none', 'Off'], ['read', 'Read'], ['write', 'Write']];
     /* THE BAR (G): Chat | Terminal | Assets N, then its settings. What was
        given to it is counted on "Assets", and shown there. */
     let assetsShown = false; let roomPick = '';
@@ -2196,7 +2195,7 @@
     const tabNow = () => (assetsShown ? 'assets' : listsShown ? 'lists' : panelShown ? 'settings' : simple ? 'chat' : 'terminal');
     const TAB_WORD = { chat: 'Chat', terminal: 'Terminal', assets: 'Assets', get lists() { return LISTS_WORD.many; }, settings: 'Settings' };
     function openPanelZone() { closeRoomLists(); if (panelShown) return; panelShown = true; $('panel').hidden = false; paintViews(); }
-    function closePanelZone() { if (!panelShown) return; panelShown = false; $('panel').hidden = true; $('attach-picker').hidden = true; paintViews(); }
+    function closePanelZone() { if (!panelShown) return; panelShown = false; $('panel').hidden = true; paintViews(); }
     function showTab(which, pick) {
         if (which === 'assets') { closePanelZone(); void openRoomAssets(pick); return; }
         if (which === 'settings') { closeRoomAssets(); openPanelZone(); return; }
@@ -2391,65 +2390,11 @@
     async function paintPanel() {
         const here = conversations.find((x) => x.name === current);
         $('panel-title').textContent = uiSaid('set-this-conv', 'This conversation - {name}', { name: current });
-        const all = await (await fetch(`${API}/resources`)).json();
-        const mine = new Map((here?.resources ?? []).map((r) => [r.name, r.access]));
-        const rows = $('panel-rows');
-        rows.replaceChildren();
-        for (const resource of all.filter((r) => mine.has(r.name))) {
-            const kind = kindOf(resource);
-            const row = document.createElement('div'); row.className = 'folder'; row.dataset.name = resource.name;
-            const label = document.createElement('b'); label.textContent = resource.name;
-            const about = document.createElement('small'); about.className = 'hint'; about.textContent = ` ${uiSaid(`set-as-kind-${kind}`, KIND_WORD[kind] ?? kind)}`; label.append(about);
-            const levels = kind === 'mailbox' ? fixedRight('mailbox')
-                : modes([['read', uiSaid('set-rt-pick-read', 'Read')], ['write', uiSaid('set-rt-pick-write', 'Write')]], mine.get(resource.name), async (access) => { await attachTo(current, resource.name, access); await paintPanel(); }, `Access of this conversation to ${resource.name}`);
-            row.append(label, levels);
-            if (kind === 'git') {
-                const review = document.createElement('button'); review.type = 'button'; review.textContent = 'Review & send';
-                review.addEventListener('click', () => { void openGit(resource.name); });
-                row.append(review);
-            }
-            /* Detached, not removed: it stays in Assets. */
-            const detach = document.createElement('button'); detach.type = 'button'; detach.textContent = uiSaid('set-acc-detach', 'Detach'); detach.setAttribute('aria-label', `Detach ${resource.name} from this conversation`);
-            detach.addEventListener('click', async () => { detach.disabled = true; detach.textContent = 'Detaching...'; await attachTo(current, resource.name, 'none'); await paintPanel(); });
-            row.append(detach);
-            /* Right under the access it depends on: read-only, the agent has nothing of its own to send. */
-            if (kind === 'git' && mine.get(resource.name) === 'write' && !DEVICE) row.append(autoSending(current, resource.name));
-            rows.append(row);
-        }
-        $('panel-empty').hidden = mine.size > 0;
-        /* The secrets its tool is handed. */
-        const secrets = DEVICE ? [] : await (await fetch(`${API}/secrets`)).json().catch(() => []);
-        const handed = $('access-secrets'); handed.replaceChildren();
-        for (const secret of secrets.filter((x) => x.conversations.includes(current))) {
-            const row = document.createElement('div'); row.className = 'folder'; row.dataset.name = secret.name;
-            const label = document.createElement('b'); label.textContent = secret.name;
-            const off = document.createElement('button'); off.type = 'button'; off.textContent = uiSaid('set-acc-detach', 'Detach'); off.setAttribute('aria-label', `Stop handing ${secret.name} to this conversation`);
-            off.addEventListener('click', async () => {
-                await handTo(current, secret.name, false); await paintPanel();
-                $('secret-note').textContent = `${secret.name} will no longer be handed to the tool the next time it starts (leave the tool, then "Start it again").`;
-            });
-            row.append(label, fixedUse(), off); handed.append(row);
-        }
-        $('access-secrets-empty').hidden = handed.children.length > 0;
+        /* ITS ASSETS (07-11, assets step 4): one line, « N assets · see », that opens its Assets tab -- what it was given
+           lives there only (given, its right set, taken back: « None »). Its sign-in mailbox (not an asset) stays below. */
+        const n = givenCount(here);
+        $('access-assets').textContent = uiSaid(n === 1 ? 'set-acc-assets-1' : 'set-acc-assets-n', n === 1 ? '1 asset · see' : '{n} assets · see', { n });
         paintConvStates(here);
-        /* What can still be attached, for the picker. */
-        const picker = $('attach-rows'); picker.replaceChildren();
-        const offer = (name, kind, buttons) => {
-            const row = document.createElement('div'); row.className = 'folder'; row.dataset.name = name;
-            const label = document.createElement('b'); label.textContent = name;
-            const about = document.createElement('small'); about.className = 'hint'; about.textContent = ` ${kind}`; label.append(about);
-            row.append(label, ...buttons); picker.append(row);
-        };
-        const act = (text, run) => { const b = document.createElement('button'); b.type = 'button'; b.textContent = text; b.addEventListener('click', async () => { b.disabled = true; b.textContent = '...'; await run(); await paintPanel(); }); return b; };
-        for (const resource of all.filter((r) => !mine.has(r.name))) {
-            const kind = kindOf(resource);
-            offer(resource.name, KIND_WORD[kind], kind === 'mailbox' ? [act('Read', () => attachTo(current, resource.name, 'read'))]
-                : [act('Read', () => attachTo(current, resource.name, 'read')), act('Write', () => attachTo(current, resource.name, 'write'))]);
-        }
-        for (const secret of secrets.filter((x) => !x.conversations.includes(current))) {
-            offer(secret.name, 'secret', [act('Use', async () => { await handTo(current, secret.name, true); $('secret-note').textContent = `${secret.name} will be handed to the tool the next time it starts (leave the tool, then "Start it again").`; })]);
-        }
-        $('attach-empty').hidden = picker.children.length > 0;
         /* Where the tool works, and the way to the other place. */
         const kept = here?.work === 'kept';
         $('work-box').hidden = DEVICE || !here;
@@ -2860,8 +2805,8 @@
         const join = (...parts) => parts.filter(Boolean).join(' · ');
         chapterNow('general', join(here.title || here.name, here.group, here.toolLabel ?? here.tool));
         chapterNow('machine', join(sizeWords(here.memoryMb), uiSaid(here.cpus === 1 ? 'set-core' : 'set-cores', here.cpus === 1 ? '1 core' : '{n} cores', { n: here.cpus ?? 1 }), here.diskGb ? `${here.diskGb} GB` : ''));
-        const attached = (here.resources ?? []).length; const secrets = $('access-secrets').children.length;
-        chapterNow('access', join(uiSaid('set-attached', '{n} attached', { n: attached }), secrets ? uiSaid(secrets === 1 ? 'set-secret' : 'set-secrets', secrets === 1 ? '1 secret' : '{n} secrets', { n: secrets }) : '', here.offline ? uiSaid('set-offline', 'offline') : ''));
+        const given = givenCount(here);
+        chapterNow('access', join(uiSaid(given === 1 ? 'set-acc-asset-1' : 'set-acc-asset-n', given === 1 ? '1 asset' : '{n} assets', { n: given }), here.offline ? uiSaid('set-offline', 'offline') : ''));
         const shared = $('share-here').children.length;
         chapterNow('sharing', shared ? uiSaid(shared === 1 ? 'set-device' : 'set-devices', shared === 1 ? '1 device' : '{n} devices', { n: shared }) : uiSaid('set-no-device', 'No device'));
         const chatOn = levelsWord('talk-on');
@@ -3172,7 +3117,7 @@
             /* A message attached to a card (#180), from its menu: its id, as the card opens it again. */
             ...(!DEVICE ? { card: (m) => attachToCard({ kind: 'message', ref: m.id, title: String(m.short || m.text || '').replace(/\s+/g, ' ').trim().slice(0, 80) }) } : {}),
             /* The buttons of a line of the machine: what this screen may do. */
-            act: (id) => { if (id === 'seen-done') return; if (id.startsWith('salon:')) { void openSalon(id.slice('salon:'.length)); return; } if (id === 'seen') void markSeen(); else if (id === 'memory') void openMemory(); else if (id === 'disk') void openDisk(); else if (id === 'room') seeTerminal(); else if (id === 'restart') void restartMachine(false); else if (id === 'terminal') seeTerminal(); else if (/^(allow|deny|always):/.test(id)) void decideTether(id.slice(id.indexOf(':') + 1), DECISION[id.slice(0, id.indexOf(':'))], () => thread?.refresh?.()); else if (id.startsWith('flash:')) void flashFromThread(id.slice('flash:'.length)); else if (id.startsWith('review:')) void openGit(id.slice('review:'.length)); else openCommits(id); },
+            act: (id) => { if (id === 'seen-done') return; if (id.startsWith('salon:')) { void openSalon(id.slice('salon:'.length)); return; } if (id === 'seen') void markSeen(); else if (id === 'memory') void openMemory(); else if (id === 'disk') void openDisk(); else if (id === 'room') seeTerminal(); else if (id === 'restart') void restartMachine(false); else if (id === 'terminal') seeTerminal(); else if (tetherAct(id, () => thread?.refresh?.())) return; else if (id.startsWith('flash:')) void flashFromThread(id.slice('flash:'.length)); else if (id.startsWith('review:')) void openGit(id.slice('review:'.length)); else openCommits(id); },
             /* What it opens over the thread (a picture, its media, a search...) is a step of this page's: one Back closes it. */
             back: { open: (name, close) => nav.over(`chat-${name}`, () => close(), { stack: true }), closed: (step) => { if (step) nav.drop(step); } },
             /* Files attached to a message: wherever the chat may be written in. */
@@ -3311,6 +3256,8 @@
     /* A Tether call an agent asked the owner to allow, offered right in the thread: allow:<id> / deny:<id>. */
     const DEMANDE = /^(allow|deny|always|flash):[0-9a-f-]{36}$/;
     const DECISION = { allow: 'yes', deny: 'no', always: 'always' };
+    /* Accept / Refuse a Tether call from a line that asks (a conversation's chat, a room): decided as the owner, then `after`. */
+    const tetherAct = (id, after) => { const m = /^(allow|deny|always):(.+)$/.exec(String(id)); if (!m) return false; void decideTether(m[2], DECISION[m[1]], after); return true; };
     const COMMIT = /^commit:([a-z0-9][a-z0-9-]*)\.([0-9a-f]{7,40})$/;
     function openCommits(id) {
         if (DEVICE) return;
@@ -3822,7 +3769,6 @@
         try { await post(`${API}/conversations/${encodeURIComponent(current)}/answerer/resume`, {}); await refresh(); await paintAnswerer(); }
         catch (error) { $('panel-error').textContent = error.message; $('panel-error').hidden = false; }
     });
-    const fixedUse = () => { const s = document.createElement('span'); s.className = 'hint'; s.textContent = uiSaid('set-rt-pick-use', 'Use'); return s; };
     for (const b of $('network').children) {
         b.addEventListener('click', async () => {
             $('panel-error').hidden = true;
@@ -3832,64 +3778,21 @@
             await paintPanel();
         });
     }
-    /* `picking`: open on what can be attached (the "+ Attach" of the bar). */
-    async function openAccess(picking = false) {
+    /* Its settings, on the Access chapter. `giving`: « Give… » instead, in its Assets tab (07-11, assets step 4). */
+    async function openAccess(giving = false) {
         if (DEVICE || !current) return;
         if (place !== 'conversations') leavePlace();
+        if (giving) { openGive(); return; }
         goTab('settings');
-        /* What is attached may have changed from another screen: asked again before it is shown. */
+        /* What it has may have changed from another screen: asked again before it is shown. */
         await refresh();
         await paintPanel();
-        $('attach-picker').hidden = !picking;
-        if (picking) openAttach();
         /* The folders button shows the folders: their chapter opened, in its tab. */
-        openChapter('access', { show: !picking });
-        if (picking) $('attach-picker').scrollIntoView({ block: 'nearest' });
+        openChapter('access');
     }
     $('folders').addEventListener('click', () => { void openAccess(false); });
-    /* ATTACH: ONE BUTTON (05-11). What is there already, to tick, or a new one -- the New asset box, with this
-       conversation as its context: what is made there is attached to it at the end. */
-    let attachNew = { kind: '', level: 'write' };
-    function openAttach() {
-        attachNew = { kind: '', level: 'write' };
-        if (justMade?.to) justMade = null;
-        $('attach-error').hidden = true;
-        paintAttach();
-    }
-    function closeAttach() {
-        $('attach-picker').hidden = true; $('attach-close').hidden = false;
-        attachNew.kind = ''; if (justMade?.to) justMade = null;
-        for (const f of $('attach-box').querySelectorAll('.as-form')) $('assets-forms').append(f);
-    }
-    function paintAttach() {
-        const box = $('attach-box');
-        for (const f of box.querySelectorAll('.as-form')) $('assets-forms').append(f);
-        $('attach-park').append($('attach-there'));
-        const who = shownName(conversations.find((c) => c.name === current)) || current;
-        const made = justMade?.to === current ? justMade : null;
-        const kind = made ? '' : attachNew.kind;
-        /* At its ending, one Done: the box's own. */
-        $('attach-close').hidden = Boolean(made) || (kind === 'box' && Boolean(boxFlow?.made));
-        /* A secret is used or not, a voice box speaks there: no level to choose. */
-        const level = kind && !['secret', 'box'].includes(kind) ? { options: [{ value: 'read', label: uiSaid('set-na-read', 'Read') }, { value: 'write', label: uiSaid('set-na-write', 'Write') }], value: attachNew.level, label: uiSaid('set-na-level', 'What it may do'), onChange: (v) => { attachNew.level = v; } } : null;
-        box.replaceChildren(newAssetBox({
-            kind, existing: $('attach-there'), title: '',
-            context: made ? null : { line: uiSaid('set-na-will', 'Will be attached to {name}', { name: who }), level },
-            made: made ? { said: uiSaid('set-na-made-to', '{name} created and attached to {to}', { name: made.name, to: who }), note: made.note } : null,
-            onKind: (k) => {
-                attachNew.kind = k; justMade = null; $('attach-error').hidden = true; paintAttach(); focusFirst(box);
-                /* Its keys, read here too: Assets may not have been opened yet. */
-                if (k === 'git') void getJson('/git-keys', []).then((keys) => paintKeys(keys));
-            },
-            onBack: () => { attachNew.kind = ''; $('attach-error').hidden = true; paintAttach(); },
-            onAnother: () => { attachNew.kind = made.kind; justMade = null; paintAttach(); focusFirst(box); },
-            onDone: () => { closeAttach(); },
-            boxHost: { where: current, repaint: () => paintAttach(), close: () => closeAttach() },
-        }));
-    }
-    $('attach-open').addEventListener('click', () => { openChapter('access'); $('attach-picker').hidden = false; openAttach(); $('attach-picker').scrollIntoView({ block: 'nearest' }); });
-    $('attach-close').addEventListener('click', () => { closeAttach(); });
-    $('attach-manage').addEventListener('click', () => { void openAssets(); });
+    /* « N assets · see »: its Assets tab. */
+    $('access-assets').addEventListener('click', () => { goTab('assets'); });
 
     /* ---------- ASSETS: one design, two pages (G and H) ----------
        The server's (a place, beside Access and Settings): everything kept
@@ -4043,11 +3946,6 @@
         /* Once a finger's drag has begun, the page must not scroll under it. */
         holder.addEventListener('touchmove', (e) => { if (drag?.on) e.preventDefault(); }, { passive: false });
     }
-    /* The level buttons an asset takes, by its type (same sets as its own detail). */
-    const levelOptionsFor = (item) => (item.target ? [['none', 'Off'], ['watch', 'Watch'], ['propose', 'Propose'], ['frame', 'Frame'], ['free', 'Free']]
-        : item.kind === 'secret' ? [['off', 'Off'], ['use', 'Use']]
-        : item.kind === 'mailbox' ? [['none', 'Off'], ['read', 'Read']]
-        : [['none', 'Off'], ['read', 'Read'], ['write', 'Write']]);
     /* The shortcut "give all": each member at the lightest real level for its type. */
     const giveValue = (item, on) => (!on ? (item.target || item.kind !== 'secret' ? 'none' : 'off')
         : item.target ? 'watch' : item.kind === 'secret' ? 'use' : 'read');
@@ -4132,14 +4030,17 @@
             const block = el('div', 'as-give-conv');
             const head = el('div', 'as-give-head');
             const giveAll = el('button', 'as-mini', 'Give all'); giveAll.type = 'button'; giveAll.addEventListener('click', () => setAll(c, true));
-            const clearAll = el('button', 'as-mini', 'Remove all'); clearAll.type = 'button'; clearAll.addEventListener('click', () => setAll(c, false));
+            const clearAll = el('button', 'as-mini', uiSaid('set-group-none-all', 'All to None')); clearAll.type = 'button'; clearAll.addEventListener('click', () => setAll(c, false));
             head.append(el('b', '', shownName(c)), el('span', 'as-give-acts', ''));
             head.lastChild.append(giveAll, clearAll);
             block.append(head);
             for (const m of members) {
                 const line = el('div', 'as-give-row');
                 const nm = el('span', 'as-give-name'); nm.append(kindIcon(m.kind), el('span', '', m.name));
-                line.append(nm, modes(levelOptionsFor(m), memberCurrent(m, c.name), async (v) => { await applyMemberGrant(m, c.name, v); repaint(); }, `${m.name} for ${shownName(c)}`));
+                /* The one picker (kit RightsPicker, « None » first): the same levels as the asset's own panel. */
+                const pick = KIT.RightsPicker({ key: KIT.rightsKey(m), kind: m.kind, value: memberCurrent(m, c.name), label: `${m.name} for ${shownName(c)}`,
+                    onChange: async (level, stored) => { await applyMemberGrant(m, c.name, stored ?? level); repaint(); } });
+                if (pick) line.append(nm, pick); else line.append(nm);
                 block.append(line);
             }
             if (members.length === 0) block.append(el('p', 'hint', 'The group is empty.'));
@@ -4708,7 +4609,80 @@
     /* A conversation's tab, searched: its words, and whose they are. */
     let cassetsQuery = ''; let cassetsFor = '';
     $('cassets-search').addEventListener('input', () => { cassetsQuery = $('cassets-search').value.trim(); void paintRoomAssets(); });
-    $('cassets-attach').addEventListener('click', () => { void openAccess(true); });
+    $('cassets-attach').addEventListener('click', () => { openGive(); });
+    /* GIVE… (07-11, assets step 4): in its tab, in place of an asset opened -- the one list of what it has not yet
+       (kit AssetPicker), its right, then « Give »; a new asset below (the New asset box, given at its end). Its state:
+       the search typed, the one chosen, the kind of a new one being made. */
+    const GIVE = 'give:';
+    let giveQuery = ''; let giveChosen = ''; let giveNew = { kind: '', level: '' };
+    function openGive() {
+        if (DEVICE || !current) return;
+        giveQuery = ''; giveChosen = ''; giveNew = { kind: '', level: '' };
+        if (justMade?.to) justMade = null;
+        $('cassets-error').hidden = true;
+        if (tabNow() !== 'assets') goTab('assets');
+        pickRoomAsset(GIVE);
+    }
+    const closeGive = () => { giveNew = { kind: '', level: '' }; if (justMade?.to) justMade = null; if (roomPick === GIVE && !nav.close('asset')) { roomPick = ''; void paintRoomAssets(); } };
+    /* A secret given or taken back: its tool has it, or not, at its next start -- said under the tab a moment. */
+    let noteTimer = 0;
+    function secretNote(name, on) {
+        const p = $('cassets-note');
+        p.textContent = uiSaid(on ? 'set-secret-next-on' : 'set-secret-next-off', on ? '{name}: handed to its tool at its next start' : '{name}: no longer handed from its next start', { name });
+        p.hidden = false;
+        clearTimeout(noteTimer); noteTimer = setTimeout(() => { p.hidden = true; }, 12_000);
+    }
+    /* Every asset as a card, for Give…: what the Assets menu lists, without who has it. */
+    function everyCard({ all = [], boxes = [], secrets = [], tether = {}, lists = {} } = {}) {
+        const out = [];
+        for (const r of Array.isArray(all) ? all : []) {
+            const kind = kindOf(r); const box = kind === 'mailbox' ? (Array.isArray(boxes) ? boxes : []).find((m) => m.name === r.name) : undefined;
+            out.push({ key: `${kind}:${r.name}`, kind, name: r.name, resource: r, box, sub: kind === 'git' ? gitSub(r) : kind === 'mailbox' ? boxSub(box) : '', tone: box?.failure ? 'bad' : '' });
+        }
+        for (const s2 of Array.isArray(secrets) ? secrets : []) out.push({ key: `secret:${s2.name}`, kind: 'secret', name: s2.name, secret: s2, ...secretItem(s2, uiSaid('set-as-name-only', 'name only')) });
+        for (const tgt of Array.isArray(tether?.targets) ? tether.targets : []) out.push({ key: `connexion:${tgt.id}`, kind: tetherCat(tgt.kind), name: tgt.title, target: tgt, live: true, sub: connexionOwnSub(tgt.kind) });
+        for (const l of lists?.ok && Array.isArray(lists.data) ? lists.data.filter((x) => !x.archived) : []) out.push({ key: `list:${l.id}`, kind: 'list', name: l.title, list: l, sub: cardsSub(l.count) });
+        return out;
+    }
+    /* Given from the picker: the same grant as « None » takes back (applyMemberGrant), then the list again. */
+    async function giveOne(item, level, stored) {
+        $('cassets-error').hidden = true;
+        await applyMemberGrant(item, current, stored ?? level);
+        if (!$('cassets-error').hidden) return false;
+        if (item.kind === 'secret') secretNote(item.name, true);
+        giveChosen = '';
+        await paintRoomAssets();
+        return true;
+    }
+    /* The levels a new asset of that kind is given at (a live link made: Read watches, Write proposes -- targetLevel). */
+    const newLevels = (kind) => (['secret', 'box', 'device'].includes(kind) ? [] : kind === 'mailbox' ? ['read'] : ['read', 'write']);
+    function paintGive(detail, data, items) {
+        const c = conversations.find((x) => x.name === current);
+        const who = shownName(c) || current;
+        const made = justMade?.to === current ? justMade : null;
+        const kind = made ? '' : giveNew.kind;
+        const levels = newLevels(kind);
+        if (kind && !levels.includes(giveNew.level)) giveNew.level = levels[0] ?? '';
+        const level = levels.length ? { options: levels.map((l) => ({ value: l, label: KIT.rightWord(l, 'pick') })), value: giveNew.level, label: uiSaid('set-na-level', 'What it may do'), onChange: (v) => { giveNew.level = v; } } : null;
+        const box = newAssetBox({
+            kind, title: '',
+            context: kind && !made ? { line: uiSaid('set-na-will', 'Will be given to {name}', { name: who }), level } : null,
+            made: made ? { said: uiSaid('set-na-made-to', '{name} created and given to {to}', { name: made.name, to: who }), note: made.note } : null,
+            onKind: (k) => {
+                giveNew.kind = k; justMade = null; $('cassets-error').hidden = true; void paintRoomAssets();
+                /* Its keys, read here too: Assets may not have been opened yet. */
+                if (k === 'git') void getJson('/git-keys', []).then((keys) => paintKeys(keys));
+            },
+            onBack: () => { giveNew.kind = ''; $('cassets-error').hidden = true; void paintRoomAssets(); },
+            onAnother: () => { giveNew.kind = made.kind; justMade = null; void paintRoomAssets(); },
+            onDone: () => { closeGive(); },
+            boxHost: { where: current, repaint: () => { void paintRoomAssets(); }, close: () => closeGive() },
+        });
+        const body = kind || made ? box : KIT.AssetPicker({ items: everyCard(data).map((i) => ({ ...cardOf(i), item: i })), given: items.map((i) => i.key), kinds: assetKinds(), query: giveQuery, chosen: giveChosen,
+            newAsset: box, words: { who }, onPick: (key) => { giveChosen = key; }, onQuery: (q) => { giveQuery = q; }, onGive: (card, l, stored) => giveOne(card.item, l, stored) });
+        detail.append(KIT.AssetPanel({ key: GIVE, kind: 'give', name: uiSaid('set-as-give', 'Give…'), sub: who }, { back: { onBack: () => { if (!nav.close('asset')) { roomPick = ''; void paintRoomAssets(); } } }, parts: [body] }));
+        if (kind) focusFirst(detail);
+    }
     /* WHAT A CONVERSATION WAS GIVEN, the rows of its Assets tab (each with its right): its work folder, its folders,
        repositories and mailboxes, its secrets, what it was given live (Tether) and its binders. The tab draws them,
        its bar counts them, a room's settings show them for each of its AIs: the same rows everywhere. */
@@ -4755,13 +4729,17 @@
         const secrets = secretsKnown.length ? secretsKnown : (c.secrets ?? []).map((n) => ({ name: n, conversations: [c.name] }));
         return givenItems(c.name, { all, secrets, tether: givenKnown.tether, lists: givenKnown.lists }).length;
     }
+    /* Painted again while a paint reads (a right changed, then the list refreshed): only the last one draws. */
+    let roomPainting = 0;
     async function paintRoomAssets() {
         if (!assetsShown) return;
+        const mine = ++roomPainting; const stale = () => mine !== roomPainting || !assetsShown;
         watchTether();
         const c = conversations.find((x) => x.name === current);
         roomSig = JSON.stringify([current, c?.resources, c?.secrets, c?.work]);
         const [all, secrets, boxes, tether, lists] = await Promise.all([getJson('/resources', []), getJson('/secrets', []), getJson('/mailboxes', []), getJson('/tether', {}), binderCall('lists', {}), readDevices()]);
         keepGiven(tether, lists); paintAssetsCount();
+        if (stale()) return;
         /* The calls this conversation's agent asked the owner to allow: validated here,
            in the parloir, without leaving for the Assets page. */
         const mineDemandes = (Array.isArray(tether.approvals) ? tether.approvals : []).filter((q) => (q.agent?.id ?? '') === `conversation:${current}`);
@@ -4774,9 +4752,11 @@
         const outbox = gits.length ? { key: 'send:all', kind: 'send', name: uiSaid('set-as-to-send', 'To send'), sub: uiSaid('set-as-to-send-sub', 'every repository, reviewed and sent at once') } : null;
         const waitingCount = mineDemandes.length + mineJobs.length;
         const demandes = waitingCount ? { key: 'demandes:mine', kind: 'demandes', name: 'Demandes', sub: uiSaid('set-as-waiting', '{n} waiting for you', { n: waitingCount }) } : null;
-        const chosen = (outbox && roomPick === outbox.key ? outbox : null) ?? (demandes && roomPick === demandes.key ? demandes : null) ?? items.find((i) => i.key === roomPick) ?? null;
+        const giving = roomPick === GIVE;
+        const chosen = giving ? null : (outbox && roomPick === outbox.key ? outbox : null) ?? (demandes && roomPick === demandes.key ? demandes : null) ?? items.find((i) => i.key === roomPick) ?? null;
         const as = $('cassets-as');
-        as.dataset.open = chosen ? 'detail' : 'list';
+        as.dataset.open = chosen || giving ? 'detail' : 'list';
+        $('cassets-attach').setAttribute('aria-pressed', String(giving));
         /* THE ONE LIST (kit AssetList), scope this conversation: by type, its right on each row; To send and
            Demandes pinned above. Its search is its own, emptied when another conversation is shown. */
         if (cassetsFor !== current) { cassetsFor = current; cassetsQuery = ''; $('cassets-search').value = ''; }
@@ -4788,11 +4768,22 @@
         paintAssetList($('cassets-rows'), model, { chosen: chosen?.key, onOpen: pickRoomAsset, pinned, empty: uiSaid('set-as-none-given', 'Nothing is given to it yet.'), noMatch: uiSaid('set-as-no-match', 'Nothing by that name.') });
         if (c?.work === 'disk') $('cassets-rows').append(el('p', 'hint as-disk', 'Its work is on the disk of its machine: nothing of it is kept here.'));
         const detail = $('cassets-detail');
-        if (!chosen) { unembedFiles(); detail.replaceChildren(); if (items.length) detail.append(noAssetChosen()); return; }
+        /* The New asset forms wait in Assets: put back before the detail is drawn again (Give… may hold one). */
+        const parkForms = () => { for (const f of detail.querySelectorAll('.as-form')) $('assets-forms').append(f); };
+        if (giving) {
+            /* Drawn again only when what it shows changed: a form being filled, a search typed, keep their place. */
+            const sig = JSON.stringify([GIVE, giveNew.kind, justMade?.to === current ? justMade.key : '', items.map((i) => i.key), [all, secrets, tether?.targets, lists?.data].map((x) => (Array.isArray(x) ? x.length : 0))]);
+            if (detail.dataset.asset === GIVE && detail.dataset.sig === sig) return;
+            unembedFiles(); parkForms(); detail.replaceChildren();
+            detail.dataset.asset = GIVE; detail.dataset.sig = sig;
+            paintGive(detail, { all, boxes, secrets, tether, lists }, items);
+            return;
+        }
+        if (!chosen) { unembedFiles(); parkForms(); detail.replaceChildren(); delete detail.dataset.asset; if (items.length) detail.append(noAssetChosen()); return; }
         /* The same folder still shown, nothing changed in who has it: only its files are read again (no blink). */
         const sig = JSON.stringify([chosen.key, chosen.own ? '' : chosen.kind === 'send' || chosen.kind === 'demandes' ? waitingCount : accessHolders(chosen)]);
         const keepFiles = (chosen.kind === 'folder' || chosen.kind === 'mailbox') && !chosen.target && $('files').classList.contains('embedded') && detail.contains($('files')) && detail.dataset.asset === chosen.key && detail.dataset.sig === sig;
-        if (!keepFiles) { unembedFiles(); detail.replaceChildren(); }
+        if (!keepFiles) { unembedFiles(); parkForms(); detail.replaceChildren(); }
         detail.dataset.asset = chosen.key; detail.dataset.sig = sig;
         const back = () => { roomPick = ''; void paintRoomAssets(); };
         if (keepFiles) { void paintFiles(); return; }
@@ -4809,7 +4800,7 @@
             } else await sendDetail(body, gits);
             return;
         }
-        await assetPanel(detail, chosen, { from: current, back, tether, gits });
+        await assetPanel(detail, chosen, { from: current, back, tether, gits, stale });
     }
     /* One asset opened: a step (another one opened takes its place); Back, the list. */
     const assetStep = () => { if (nav.last(['asset']) < 0) nav.push('asset', ({ quiet }) => { roomPick = ''; if (!quiet && assetsShown) void paintRoomAssets(); }); };
@@ -4838,6 +4829,8 @@
     function closeRoomAssets() {
         if (!assetsShown) return;
         assetsShown = false; $('cassets').hidden = true; unembedFiles(); paintViews();
+        for (const f of $('cassets-detail').querySelectorAll('.as-form')) $('assets-forms').append(f);
+        if (roomPick === GIVE) { roomPick = ''; giveNew = { kind: '', level: '' }; delete $('cassets-detail').dataset.asset; }
         if ($('cassets').contains($('gitview'))) shutGit();
     }
 
@@ -5073,19 +5066,19 @@
     const focusFirst = (holder) => { const f = holder.querySelector('.as-form input:not([type=radio])'); if (f) focusField(f); };
     /* What was just made: the box's ending ("✓ <name> created"), until Done. `to`: the conversation it was attached to. */
     let justMade = null;
-    /* A form is in the conversation's Attach (its context), or in Assets. */
-    const inAttach = (form) => $('attach-box').contains(form);
-    const newAssetError = (form, message) => { const e = inAttach(form) ? $('attach-error') : $('assets-error'); e.textContent = message; e.hidden = false; };
+    /* A form is in a conversation's Give… (its context), or in Assets. */
+    const inGive = (form) => $('cassets-detail').contains(form);
+    const newAssetError = (form, message) => { const e = inGive(form) ? $('cassets-error') : $('assets-error'); e.textContent = message; e.hidden = false; };
     /* THE ONE ENDING. `give(conversation, level)` attaches it, when the box was opened from a conversation; in
        Assets it is opened, the ending above it. */
     async function assetMade(form, { key, name, give = null, note = '' }) {
-        if (inAttach(form) && current) {
-            const kind = attachNew.kind;
-            if (give) await give(current, attachNew.level);
+        if (inGive(form) && current) {
+            const kind = giveNew.kind;
+            if (give) await give(current, giveNew.level || 'read');
             justMade = { kind, key, name, note, to: current };
-            attachNew.kind = '';
-            await paintPanel();
-            paintAttach();
+            giveNew.kind = '';
+            await refresh();
+            await paintRoomAssets();
             return;
         }
         justMade = { kind: assetsAdding, key, name, note };
@@ -5093,10 +5086,10 @@
     }
     /* Another kind asked from inside a form (New mailbox's Google, Microsoft: the account's form). */
     async function newAssetKind(form, kind) {
-        if (inAttach(form)) { attachNew.kind = kind; paintAttach(); return; }
+        if (inGive(form)) { giveNew.kind = kind; await paintRoomAssets(); return; }
         assetsAdding = kind; await paintAssets();
     }
-    /* A Tether target given from Attach: Read watches, Write proposes (asks before each action). */
+    /* A Tether target made in Give…: Read watches, Write proposes (asks before each action). */
     const targetLevel = (level) => (level === 'write' ? 'propose' : 'watch');
     /* ONE ASSET OPENED (06-11, assets step 3): the same panel (kit AssetPanel, AccessList) in the Assets menu and in a
        conversation's tab. Seen from the menu (`from` ''), the asset itself is changed there too: its group, its name, its
@@ -5126,7 +5119,11 @@
                 if (stored) await post(`${API}/devices/${id}/give`, { asset: chosen.key, rights: stored });
                 else await post(`${API}/devices/${id}/take`, { asset: chosen.key });
                 await readDevices();
-            } else await applyMemberGrant(chosen, String(row.id).slice('conversation:'.length), stored ?? level);
+            } else {
+                await applyMemberGrant(chosen, String(row.id).slice('conversation:'.length), stored ?? level);
+                /* A secret: its tool has it, or no longer, at its next start (said where it was changed, its tab). */
+                if (chosen.kind === 'secret' && place !== 'assets' && row.id === `conversation:${current}`) secretNote(chosen.name, level !== 'none');
+            }
         } catch (error) { sayAsErr(error); return false; }
         await repaintAsset();
         return true;
@@ -5197,7 +5194,7 @@
     }
     /* `detail`: where it is drawn. `from`: the conversation it is seen from ('' : the menu). `back`: the way back (a phone).
        `tether`, `groups`: as the page read them. `gits`: the conversation's repositories (To send, beside). */
-    async function assetPanel(detail, chosen, { from = '', back, tether = {}, groups = [], gits = [] } = {}) {
+    async function assetPanel(detail, chosen, { from = '', back, tether = {}, groups = [], gits = [], stale = () => false } = {}) {
         const inMenu = !from;
         const r = chosen.resource;
         const parts = []; const foot = [];
@@ -5377,7 +5374,10 @@
                 edit.addEventListener('click', () => { remoteEditing = !remoteEditing; box.hidden = !remoteEditing; if (remoteEditing) focusField($('gitview-url')); });
             } else edit.addEventListener('click', () => { void openAssetsPlace(chosen.key, { remote: true }); });
             gitHolder = el('div', 'as-git');
-            parts.push({ title: 'Settings', extra: [edit], body }, gitHolder);
+            parts.push({ title: 'Settings', extra: [edit], body });
+            /* What THIS conversation's agent may send by itself: under the right it depends on (it writes), seen from it. */
+            if (!inMenu && !DEVICE && model?.here?.level === 'write') parts.push(autoSending(from, chosen.name));
+            parts.push(gitHolder);
         }
         if (t) {
             /* An MCP server's rights say themselves (Off / Read / All with approval / All / Custom): no levels' words under them. */
@@ -5423,6 +5423,8 @@
         }
         /* Its right said once: by its own row's picker when it has one (« Lire » pressed), else by the head's badge. */
         const card = { ...cardOf(chosen), holders: undefined, right: inMenu || model?.here ? undefined : chosen.right, chips: chipsOf(chosen) };
+        /* A later paint began while this one read: it draws, not this one. */
+        if (stale()) return;
         detail.append(KIT.AssetPanel(card, { back: back ? { onBack: () => { if (!nav.close('asset')) back(); } } : null, parts, foot }));
         if (gitHolder) await gitDetail(gitHolder, chosen.name, { place: inMenu, others: gits.length > 1 });
     }
@@ -5655,7 +5657,8 @@
             words, markdown: true, agentName: '',
             /* A mail an AI of the room cites: the same chip and viewer as in a conversation's chat, read for the conversation of the AI that cited it. */
             schemes: { mail: { icon: 'mail', open: (ref, label) => { void openMailRef(ref, { label, of: '', room: id }); } } },
-            load: (asked = {}) => fetch(`${API}/rooms/${id}/talk${asked.last ? `?last=${asked.last}` : ''}`).then((x) => x.json()).then((d) => {
+            /* Its lines (a Tether call held for one of its AIs): drawn and decided as in a conversation's chat (machineLines, tetherAct). */
+            load: (asked = {}) => fetch(`${API}/rooms/${id}/talk${asked.last ? `?last=${asked.last}` : ''}`).then((x) => x.json()).then(machineLines).then((d) => {
                 /* Read for a room no longer shown: its words go nowhere (Parley drops them with its screen). */
                 if (salonId !== id || place !== 'salon') return d;
                 /* Read, it is seen (the server says so): its count in the list goes at once, as a conversation's. */
@@ -5698,6 +5701,7 @@
             diagram: drawDiagram, highlight: colourCode, touch: touchScreen,
             voice: chatVoice(), autoSend: chatAuto, autoSendMs: chatAutoMs, onAutoSendMs: keepAutoMs, onAutoSend: (on) => { chatAuto = on; try { localStorage.setItem('clavarium-chat-auto', on ? '1' : '0'); } catch { /* as above */ } },
             draft: `room:${id}`,
+            act: (action) => { tetherAct(action, () => salonThread?.refresh?.()); },
         });
         salonTimer = setInterval(() => { if (salonThread && salonId === id) void salonThread.refresh(); }, 3000);
     }
@@ -6117,7 +6121,7 @@
     });
     $('secret-new').addEventListener('submit', async (event) => {
         event.preventDefault();
-        $('assets-error').hidden = true; $('attach-error').hidden = true;
+        $('assets-error').hidden = true; $('cassets-error').hidden = true;
         const lines = !$('secret-lines').hidden;
         /* A key's last line ends with a line break: kept as it was pasted. */
         const value = lines ? $('secret-lines').value.replace(/\r\n?/g, '\n') : $('secret-value').value;
@@ -6127,8 +6131,8 @@
             await post(`${API}/secrets`, { name, value, ...(expires ? { expires } : {}) });
             $('secret-name').value = ''; $('secret-expires').value = ''; secretLines(false, '');
             await assetMade($('secret-box'), { key: `secret:${name}`, name, give: async (to) => {
-                await handTo(to, name, true, 'attach-error');
-                $('secret-note').textContent = `${name} will be handed to the tool the next time it starts (leave the tool, then "Start it again").`;
+                await handTo(to, name, true, 'cassets-error');
+                secretNote(name, true);
             } });
         } catch (error) { newAssetError($('secret-box'), error.message); }
         await paintAssets();
@@ -8383,7 +8387,7 @@
                 $('git-said').hidden = false;
             }
             /* A new repository opens on its card, where it is attached: the next thing to do. */
-            await assetMade($('git-box'), { key: `git:${made.name}`, name: made.name, note: made.firstSeen ? $('git-said').textContent : '', give: (to, level) => attachTo(to, made.name, level, 'attach-error') });
+            await assetMade($('git-box'), { key: `git:${made.name}`, name: made.name, note: made.firstSeen ? $('git-said').textContent : '', give: (to, level) => attachTo(to, made.name, level, 'cassets-error') });
         } catch (error) { $('git-error').textContent = error.message; $('git-error').hidden = false; }
         button.disabled = false; button.textContent = 'Create';
         await paintAssets();
@@ -8927,12 +8931,12 @@
     getJson('/accounts', null).then((d) => { if (d?.supported) { accountSupported = { ...d.supported, classic: ['mail', 'calendar', 'contacts'] }; setConnexionProvider($('connexion-new').dataset.provider || 'google'); } });
     $('list-new').addEventListener('submit', async (event) => {
         event.preventDefault();
-        $('assets-error').hidden = true; $('attach-error').hidden = true;
+        $('assets-error').hidden = true; $('cassets-error').hidden = true;
         const made = await binderCall('create-list', { template: $('listnew-template').value, title: $('listnew-title').value.trim(), lang: binderLang() });
         if (made.ok) {
             $('listnew-title').value = '';
             const key = `list:${made.data.id}`;
-            const attaching = inAttach($('list-box'));
+            const attaching = inGive($('list-box'));
             await assetMade($('list-box'), { key, name: made.data.title ?? $('listnew-template').selectedOptions[0]?.textContent ?? '', give: (to, level) => grantList(made.data.id, to, level) });
             if (!attaching) { listOpen = key; remember(); }
         } else newAssetError($('list-box'), made.text);
@@ -8941,11 +8945,11 @@
     $('folder-new').addEventListener('submit', async (event) => {
         event.preventDefault();
         $('assets-error').hidden = true;
-        $('attach-error').hidden = true;
+        $('cassets-error').hidden = true;
         try {
             const made = await post(`${API}/resources`, { name: $('folder-name').value.trim() }); $('folder-name').value = '';
             const name = made?.name ?? '';
-            await assetMade($('folder-box'), { key: name ? `folder:${name}` : '', name, give: name ? (to, level) => attachTo(to, name, level, 'attach-error') : null });
+            await assetMade($('folder-box'), { key: name ? `folder:${name}` : '', name, give: name ? (to, level) => attachTo(to, name, level, 'cassets-error') : null });
         } catch (error) { newAssetError($('folder-box'), error.message); }
         await paintAssets();
     });

package/web/index.html

@@ -105,6 +105,7 @@
            each opened on the right (a folder: its files). -->
       <div id="cassets" class="sheet as-room" hidden>
         <p id="cassets-error" class="error" role="alert" hidden></p>
+        <p id="cassets-note" class="hint" role="status" hidden></p>
         <div class="as" id="cassets-as">
           <div class="as-list"><div class="as-tools"><input type="search" id="cassets-search" placeholder="Search" aria-label="Search its assets" spellcheck="false" autocomplete="off"><button type="button" id="cassets-attach" class="as-new"><span aria-hidden="true">+ </span><span data-said="set-as-give">Give…</span></button></div><div id="cassets-rows"></div></div>
           <div class="as-detail" id="cassets-detail"></div>
@@ -226,26 +227,10 @@
         </section>
         <section class="settings-group" id="panel-group-access" data-group="access" role="tabpanel" aria-label="Access">
         <details class="chapter" id="chapter-access" data-chapter="access">
-          <summary><span class="chapter-title" data-said="set-ch-access">Access</span><span class="chapter-about">Folders, repositories, secrets, network.</span></summary>
+          <summary><span class="chapter-title" data-said="set-ch-access">Access</span><span class="chapter-about">Its assets, its sign-in mailbox.</span></summary>
           <div class="chapter-body">
-            <div class="panel-top"><b data-said="set-acc-folders">Folders, repositories, mailboxes</b><button type="button" id="attach-open" class="primary" data-said="set-na-attach">Attach</button></div>
-            <p class="hint tip" hidden>In its machine under <code>/resources/</code>. Read-only cannot be lifted by the tool.</p>
-            <div id="panel-rows"></div>
-            <p id="panel-empty" class="hint" hidden>Nothing is attached to this conversation.</p>
-            <div class="panel-top"><b data-said="set-acc-secrets">Secrets handed to its tool</b></div>
-            <div id="access-secrets"></div>
-            <p id="access-secrets-empty" class="hint" hidden>No secret is handed to it.</p>
-            <p id="secret-note" class="hint" role="status"></p>
-            <!-- ATTACH: the New asset box (kit.js NewAsset) with this conversation as its context: what is
-                 there already (#attach-there, moved into it), or a new one, attached at the end. -->
-            <div id="attach-picker" hidden>
-            <div class="panel-top"><b id="attach-title" data-said="set-na-attach">Attach</b><button type="button" id="attach-close" data-said="set-na-done">Done</button></div>
-            <div id="attach-box"></div>
-            <p id="attach-error" class="error" role="alert" hidden></p>
-            <div id="attach-park" hidden><div id="attach-there"><div id="attach-rows"></div>
-            <p id="attach-empty" class="hint" hidden>Everything there is is attached already.</p></div></div>
-            <button type="button" id="attach-manage" class="as-link">Manage all assets</button>
-            </div>
+            <!-- ITS ASSETS (07-11, assets step 4): one line; what it was given lives in its Assets tab (Give…, its rights). -->
+            <div class="row access-assets"><button type="button" id="access-assets" class="as-link"></button></div>
             <div id="signin-setup" hidden>
             <div class="panel-top"><b>Sign-in mailbox</b></div>
             <p class="hint">Its sign-in links, beside the terminal</p><p class="hint tip" hidden>A mailbox for this tool's account, read only; its password never enters the machine.</p>

package/web/kit.js

@@ -30,6 +30,8 @@
  *   AccessList     WHO HAS IT (06-11, assets step 3): a row per conversation or device, its RightsPicker; seen from one
  *                  conversation, its row first, then "Also with"; accessModel places the rows.
  *   AssetPanel     ONE ASSET OPENED, the same in the Assets menu and a conversation's tab: head, parts, foot (AssetDelete).
+ *   AssetPicker    GIVE… (07-11, assets step 4): the one list of what a conversation has not yet, one chosen, its right,
+ *                  then « Give »; a new asset below it (NewAsset). assetPickModel places the rows.
  *   RIGHTS         THE ONE TABLE of what an asset can be given at, by its kind and by who gets it (a
  *                  conversation, a device); "none" first. RightsBadge reads a right, RightsPicker sets it.
  *
@@ -427,7 +429,7 @@
 
     /* AN ASSET'S SIGN, by its kind: the icon set's name (Lucide, icons.js), or '' for one drawn here (a binder).
        A live link (a connexion) takes the sign of what it links (a mailbox, a calendar); `acces`, any other. */
-    const ASSET_ICONS = { folder: 'folder', git: 'git-branch', mailbox: 'mail', agenda: 'calendar', contacts: 'user', secret: 'key-round', list: '', acces: 'link', send: 'arrow-up', demandes: 'arrow-up', box: 'mic', device: 'smartphone', conversation: 'message-square' };
+    const ASSET_ICONS = { folder: 'folder', git: 'git-branch', mailbox: 'mail', agenda: 'calendar', contacts: 'user', secret: 'key-round', list: '', acces: 'link', give: 'plus', send: 'arrow-up', demandes: 'arrow-up', box: 'mic', device: 'smartphone', conversation: 'message-square' };
     const ASSET_KINDS = Object.keys(ASSET_ICONS);
     /* A binder: the set has no such sign, so it is drawn here, in its style (was app.js listIcon). */
     function listSign() {
@@ -714,8 +716,8 @@
     /* The list drawn from its model. A row is an AssetCard (`rowCls` added: the page's handle on it); `pinned`,
        rows above every section (what waits: To send, Demandes). `onOpen(key)`; a group's head folds it
        (`onFold(id)`), its ⚙ opens it (`onGroup(id)`). `empty`: said when there is nothing at all; `noMatch`,
-       when a search finds nothing. */
-    function AssetList(model, { chosen = '', onOpen = () => {}, onFold = () => {}, onGroup = () => {}, rowCls = '', pinned = [], empty = '', noMatch = '' } = {}) {
+       when a search finds nothing. `after(a)`: a node drawn under a row (Give…: the chosen one's right). */
+    function AssetList(model, { chosen = '', onOpen = () => {}, onFold = () => {}, onGroup = () => {}, rowCls = '', pinned = [], empty = '', noMatch = '', after = null } = {}) {
         const box = node('div', 'kit-aslist'); box.dataset.view = model.view;
         box.append(...pinned.filter(Boolean));
         const hints = {
@@ -746,7 +748,7 @@
             } else head.append(node('h3', '', s.title));
             sec.append(head);
             if (!s.folded) {
-                for (const a of s.items) sec.append(AssetCard(a, { size: 'row', cls: rowCls, current: a.key === chosen, onOpen }));
+                for (const a of s.items) { sec.append(AssetCard(a, { size: 'row', cls: rowCls, current: a.key === chosen, onOpen })); const more = after?.(a); if (more) sec.append(more); }
                 if (s.empty) sec.append(node('p', 'hint kit-aslist-none', hints[s.empty] ?? ''));
             }
             box.append(sec);
@@ -756,6 +758,60 @@
         return box;
     }
 
+    /* GIVE… (07-11, assets step 4): ONE LIST of what a conversation has not been given yet (the same AssetList, by type),
+       searched; one chosen, its right below it (the kind's levels, without « None »: the lightest first pressed), then
+       « Give ». A new asset below the list (`newAsset`, the page's NewAsset): made there, it is given at the end.
+       Taking a right back is « None » in its own panel (AccessList): the asset stays in Assets.
+
+       assetPickModel: the rows placed, no page needed (tested alone).
+         items  [cards] every asset         given   [keys] what the conversation has        query, kinds  as AssetList's */
+    function assetPickModel({ items = [], given = [], query = '', kinds = [] } = {}) {
+        const have = new Set(given);
+        return assetListModel({ items: (items ?? []).filter((i) => i && i.key && !have.has(i.key)), scope: 'conversation:', by: 'type', query, kinds });
+    }
+    /* Drawn, its state its own (the search typed, the one chosen, its level): the page repaints it only once given.
+       `onGive(card, level, stored)` gives it (the button waits; false or a throw: nothing changes); `onPick(key)`,
+       `onQuery(text)` keep the page's memory of them for its next paint. */
+    function AssetPicker({ items = [], given = [], kinds = [], query = '', chosen = '', newAsset = null, words: w = {}, onPick = () => {}, onQuery = () => {}, onGive = () => {} } = {}) {
+        const root = node('div', 'kit-aspick');
+        const search = node('input', 'kit-aspick-search'); search.type = 'search'; search.value = query;
+        search.placeholder = say('set-search', 'Search'); search.setAttribute('aria-label', search.placeholder);
+        search.spellcheck = false; search.autocomplete = 'off';
+        const list = node('div', 'kit-aspick-list');
+        const byKey = new Map((items ?? []).map((i) => [i.key, i]));
+        let q = query; let at = byKey.has(chosen) && !given.includes(chosen) ? chosen : '';
+        const give = (a) => {
+            const key = rightsKey(a);
+            const levels = rightsFor(key).filter((l) => l !== 'none');
+            if (!levels.length) return null;
+            let level = levels[0];
+            const bar = node('div', 'kit-aspick-give');
+            const pick = Segmented({ options: levels.map((l) => ({ value: l, label: wordOf(key, l, 'pick') })), value: level, label: say('set-acc-what', 'What {who} may do with {name}').replace('{who}', w.who ?? '').replace('{name}', a.name ?? ''), onChange: (l) => { level = l; } });
+            addClass(pick, 'kit-rights-pick');
+            for (const b of pick.children) b.title = wordOf(key, b.dataset.value, 'hint');
+            const go = node('button', 'primary kit-aspick-go', say('set-give-go', 'Give')); go.type = 'button';
+            go.addEventListener('click', async () => {
+                go.disabled = true;
+                try { if ((await onGive(a, level, storedOf(key, level))) === false) go.disabled = false; }
+                catch { go.disabled = false; }
+            });
+            bar.append(pick, go);
+            return bar;
+        };
+        const draw = () => {
+            const model = assetPickModel({ items, given, query: q, kinds });
+            if (at && !model.sections.some((s) => s.items.some((i) => i.key === at))) at = '';
+            list.replaceChildren(AssetList(model, { chosen: at, rowCls: 'as-row kit-aspick-row', after: (a) => (a.key === at ? give(a) : null),
+                onOpen: (key) => { at = at === key ? '' : key; onPick(at); draw(); },
+                empty: w.empty ?? say('set-give-all', 'It has every asset already.'), noMatch: say('set-as-no-match', 'Nothing by that name.') }));
+        };
+        search.addEventListener('input', () => { q = search.value.trim(); onQuery(q); draw(); });
+        draw();
+        root.append(search, list);
+        if (newAsset) root.append(node('h4', 'kit-na-sub kit-aspick-or', w.orNew ?? say('set-na-or-new', 'or a new one')), newAsset);
+        return root;
+    }
+
     /* WHO HAS IT (06-11, assets step 3): ONE LIST of who was given an asset -- each conversation and each device on a
        row, its right set in place (RightsPicker, "None" first). Seen from a conversation, its own row comes first, then
        "Also with" the others. "+ Give to…" opens the conversations that do not have it yet, each at None.
@@ -887,7 +943,7 @@
 
     window.clavariumKit = {
         collectModel,
-        AssetIcon, AssetCard, Holders, MemberStack, memberStackModel, roomPatch, RightsBadge, RightsPicker, AssetList, assetListModel, AccessList, accessModel, AssetPanel, AssetDelete, RIGHT_SAME,
+        AssetIcon, AssetCard, Holders, MemberStack, memberStackModel, roomPatch, RightsBadge, RightsPicker, AssetList, assetListModel, AccessList, accessModel, AssetPanel, AssetDelete, AssetPicker, assetPickModel, RIGHT_SAME,
         ASSET_ICONS, ASSET_KINDS, RIGHTS, RIGHT_LEVELS, MCP_WORDS, rightsKey, rightsFor, rightOf, storedOf, lightest, rightWord,
         shareSlices, ShareDonut, ShareKey,
         STATES, STATE_WORDS, stateOf, hueOf, initialOf, IDLE_MS, idleFor, idleWords, tidyList,

package/web/links.js

@@ -671,7 +671,7 @@
             rm.addEventListener('click', () => {
                 const last = a.kind === 'device' && graph.links.filter((x) => x.from === a.id).length === 1;
                 /* The question in words above, two short buttons side by side below. */
-                const question = a.kind === 'device' ? `Take ${b.name} back from ${a.name}?${last ? ' It has nothing else: the device is removed too.' : ''}` : b.kind === 'secret' ? `Stop handing ${b.name} to ${a.name}?` : `Detach ${b.name} from ${a.name}?`;
+                const question = a.kind === 'device' ? `Take ${b.name} back from ${a.name}?${last ? ' It has nothing else: the device is removed too.' : ''}` : b.kind === 'secret' ? `Stop handing ${b.name} to ${a.name}?` : `Take ${b.name} from ${a.name}? It stays in Assets.`;
                 const ask = h('p', { class: 'lk-ask', text: question });
                 const sure = h('button', { type: 'button', class: 'danger', text: 'Remove' });
                 const keep = h('button', { type: 'button', text: 'Cancel', onclick: () => openPop(l) });
@@ -772,7 +772,7 @@
                 h('div', { class: 'lk-top' }, h('i', { style: `background:${css(KIND(l))}` }), h('b', { text: other.name }), h('span', { class: 'lk-sb', text: what }),
                     l.pending ? null : h('button', { type: 'button', class: 'lk-x', 'aria-label': `Remove the link to ${other.name}`, text: '×', onclick: (ev) => {
                         const btn = ev.currentTarget;
-                        btn.replaceWith(h('button', { type: 'button', class: 'danger', text: n.kind === 'device' || node(l.from).kind === 'device' ? 'Take back' : 'Detach', onclick: async () => { try { await takeAway(l); await changed(); } catch (e) { err(e.message); } } }));
+                        btn.replaceWith(h('button', { type: 'button', class: 'danger', text: n.kind === 'device' || node(l.from).kind === 'device' ? 'Take back' : 'Remove', onclick: async () => { try { await takeAway(l); await changed(); } catch (e) { err(e.message); } } }));
                     } })),
                 seg(l));
             const out = graph.links.filter((l) => l.from === n.id); const inn = graph.links.filter((l) => l.to === n.id);

package/web/style.css

@@ -148,7 +148,6 @@ footer button.wide { flex: 1 0 auto; background: transparent; border-color: var(
 .sheet { position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; gap: 10px; padding: 14px; background: var(--panel); overflow-y: auto; }
 .panel-top { display: flex; align-items: center; justify-content: space-between; }
 .panel-actions { margin: 2px 0 12px; }
-#panel-rows { display: flex; flex-direction: column; }
 .folder { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-top: 1px solid var(--line); flex-wrap: wrap; }
 .folder b { flex: 1; min-width: 100px; overflow: hidden; text-overflow: ellipsis; }
 .levels { display: flex; }
@@ -365,11 +364,10 @@ footer button.careful { border-style: dashed; color: var(--ink2); }
 @media (prefers-reduced-motion: reduce) { .asset-head b::before { transition: none; } }
 .asset-inside { flex-basis: 100%; padding: 0 0 8px 12px; display: flex; flex-direction: column; gap: 4px; }
 @media (max-width: 700px) { .asset-head { grid-template-columns: 1fr; gap: 2px; } }
-#assets details > summary, #access-advanced > summary { cursor: pointer; padding: 8px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--button); font-weight: 600; list-style: none; align-self: flex-start; }
-#assets details > summary::before, #access-advanced > summary::before { content: '+ '; }
-#assets details[open] > summary::before, #access-advanced[open] > summary::before { content: '- '; }
+#assets details > summary, #access-advanced > summary, #cassets .auto-send > summary { cursor: pointer; padding: 8px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--button); font-weight: 600; list-style: none; align-self: flex-start; }
+#assets details > summary::before, #access-advanced > summary::before, #cassets .auto-send > summary::before { content: '+ '; }
+#assets details[open] > summary::before, #access-advanced[open] > summary::before, #cassets .auto-send[open] > summary::before { content: '- '; }
 #assets details form, #access-advanced > div { margin-top: 8px; }
-#attach-picker { border: 1px solid var(--brass); border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; }
 #chips { cursor: pointer; }
 #settings .row { align-items: center; gap: 10px; }
 /* One kind of event a line: its name, then its level, wrapped under it on a narrow screen. */
@@ -2911,6 +2909,19 @@ button.kit-switch[aria-checked="true"]::after { left: 18px; background: var(--ok
 .kit-access-acts { display: flex; gap: 14px; flex-wrap: wrap; }
 .kit-rights-pick > button > .kit-rights-same { display: block; font-size: .6875rem; font-weight: 500; opacity: .8; }
 .kit-asdelete { display: inline; }
+/* GIVE… (07-11, assets step 4: kit AssetPicker): what it has not yet, searched; the one chosen opens its right and
+   « Give » under it; a new asset below. Settings › Access: one line to its tab. */
+.kit-aspick { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
+.kit-aspick-search { width: 100%; padding: 9px 12px; border-radius: 9px; }
+.kit-aspick-list .kit-aslist-sec:first-child { margin-top: 0; }
+.kit-aspick-give { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin: 0 0 6px 40px; padding: 8px 10px; border: 1px solid color-mix(in srgb, var(--brass) 45%, var(--line)); border-radius: 10px; background: color-mix(in srgb, var(--brass) 7%, var(--bar)); }
+.kit-aspick-give > .kit-rights-pick { margin-right: auto; }
+.kit-aspick-go { min-height: 30px; padding: 0 16px; }
+.kit-aspick-or { margin-top: 10px; }
+.kit-asset-ic[data-kind="give"] { color: var(--brass-ink); }
+.as-tools .as-new[aria-pressed="true"] { background: var(--brass); color: var(--on-brass, #fff); border-color: var(--brass); }
+.access-assets { margin: 2px 0 8px; }
+.access-assets > .as-link { font-size: .9375rem; font-weight: 600; }
 .as-files-menu #files.embedded > .panel-top { display: none; }
 /* IDLE 12 H OR MORE (07-11): « rien depuis 14 h », in grey, never bold. */
 .item small.kit-conv-idle { color: var(--ink2); opacity: .8; }