aimeat 2.0.0 → 2.1.0

package/dist/public/views/portfolio.js

@@ -45,8 +45,9 @@ import { h } from 'preact';
 import { useState, useEffect, useRef } from 'preact/hooks';
 import htm from 'htm';
 const html = htm.bind(h);
-import { t } from '/js/i18n.js';
+import { t, getLocale } from '/js/i18n.js';
 import { escHtml } from '/js/utils.js';
+import { listApps } from '/js/services/apps.js';
 import { NODE_URL, tr, stampCspNonce, getSession } from './portfolio/shared.js';
 import { PortfolioBuilder } from './portfolio/builder.js';
 
@@ -56,6 +57,8 @@ function PortfolioViewer({ username, navigate }) {
   const [data, setData] = useState(null);
   const [loading, setLoading] = useState(true);
   const [errMsg, setErrMsg] = useState(null);
+  // Apps the owner promoted (their PUBLIC app-catalog.promoted doc), joined to app metadata.
+  const [promotedApps, setPromotedApps] = useState([]);
   const frameRef = useRef(null);
 
   // ── Portfolio bridge ──
@@ -144,6 +147,56 @@ function PortfolioViewer({ username, navigate }) {
       });
   }, [username]);
 
+  // Load the owner's promoted apps once we know their GHII (data.owner_gaiis[0]). The doc is PUBLIC,
+  // read anonymously via /v1/memory/:gaii/:key; app names/icons come from the public /v1/apps list.
+  useEffect(() => {
+    const ownerGhii = Array.isArray(data?.owner_gaiis) ? data.owner_gaiis[0] : null;
+    if (!ownerGhii) { setPromotedApps([]); return undefined; }
+    let cancelled = false;
+    (async () => {
+      try {
+        const resp = await fetch(`${NODE_URL}/v1/memory/${encodeURIComponent(ownerGhii)}/${encodeURIComponent('app-catalog.promoted')}?soft=1`);
+        const j = await resp.json().catch(() => null);
+        const items = (j && j.data && j.data.value && Array.isArray(j.data.value.items)) ? j.data.value.items : [];
+        if (!items.length) { if (!cancelled) setPromotedApps([]); return; }
+        let byRef = {};
+        try {
+          const apps = await listApps();
+          (apps || []).forEach(a => { byRef[`${a.owner}/${a.filename || a.name}`] = a; });
+        } catch { /* names fall back to the filename */ }
+        const cards = items.filter(it => it && typeof it.ref === 'string').map(it => {
+          const slash = it.ref.indexOf('/');
+          const owner = it.ref.slice(0, slash);
+          const filename = it.ref.slice(slash + 1);
+          const app = byRef[it.ref];
+          return {
+            ref: it.ref, owner, filename, text: it.text || {},
+            name: (app && app.manifest && app.manifest.name) || filename.replace(/\.html?$/i, ''),
+            icon: (app && app.manifest && app.manifest.icon) || '\u{1F4E6}',
+          };
+        });
+        if (!cancelled) setPromotedApps(cards);
+      } catch { if (!cancelled) setPromotedApps([]); }
+    })();
+    return () => { cancelled = true; };
+  }, [data]);
+
+  // The "Promoted apps" block — the owner's showcased apps with their per-language pitch.
+  const promotedBlock = promotedApps.length ? html`
+    <div class="portfolio-promoted">
+      <h3 class="portfolio-promoted-title">\u{1F4E3} ${tr('portfolio.viewer.promoted', 'Promoted apps')}</h3>
+      <div class="portfolio-promoted-grid">
+        ${promotedApps.map(p => {
+          const pitch = p.text[getLocale()] || p.text.en || p.text.fi || '';
+          return html`
+            <a class="portfolio-promoted-card" href=${`${NODE_URL}/v1/apps/${encodeURIComponent(p.owner)}/${encodeURIComponent(p.filename)}?mode=inline`} target="_blank" rel="noopener">
+              <div class="portfolio-promoted-name">${p.icon} ${escHtml(p.name)}</div>
+              ${pitch ? html`<div class="portfolio-promoted-pitch">${escHtml(pitch)}</div>` : ''}
+            </a>`;
+        })}
+      </div>
+    </div>` : '';
+
   if (loading) return html`<div class="portfolio-container"><div class="view-loading">Loading portfolio...</div></div>`;
 
   if (errMsg || !data) {
@@ -183,6 +236,7 @@ function PortfolioViewer({ username, navigate }) {
             ⛶ ${tr('portfolio.viewer.fullscreen', 'Fullscreen')}
           </button>
         </div>
+        ${promotedBlock}
         <iframe ref=${frameRef} class="portfolio-viewer-frame portfolio-viewer-frame-full"
           srcdoc=${stampCspNonce(data.portfolio_html)} sandbox="allow-scripts"
           onLoad=${(e) => postAuthState(e.target.contentWindow)}></iframe>
@@ -190,16 +244,17 @@ function PortfolioViewer({ username, navigate }) {
     `;
   }
 
-  // No portfolio HTML — show basic profile info
+  // No portfolio HTML — show basic profile info + any promoted apps.
   return html`
     <div class="portfolio-container">
-      <div class="portfolio-not-found">
+      <div class="portfolio-profile-head">
         <h2>${escHtml(data.display_name || username)}</h2>
         <p>${data.bio ? escHtml(data.bio) : t('portfolio.viewer.notFoundDesc')}</p>
-        <button class="btn-ghost" style="margin-top:1rem;" onClick=${() => navigate('/v1/portal')}>
-          ${t('portfolio.viewer.backToPortal')}
-        </button>
       </div>
+      ${promotedBlock}
+      <button class="btn-ghost" style="margin-top:1rem;" onClick=${() => navigate('/v1/portal')}>
+        ${t('portfolio.viewer.backToPortal')}
+      </button>
     </div>
   `;
 }

package/dist/public/views/profile/apps-tab.js

@@ -24,11 +24,12 @@ import { h } from 'preact';
 import { useState, useEffect, useRef, useCallback } from 'preact/hooks';
 import htm from 'htm';
 const html = htm.bind(h);
-import { t } from '/js/i18n.js';
+import { t, getLocale } from '/js/i18n.js';
 import { escHtml, handleImgError, timeAgo } from '/js/utils.js';
 import { Spinner } from './shared.js';
 import { useConfirm } from '/components/Modal.js';
 import { listApps, uploadApp, deleteApp, patchApp, deployAppAgent, undeployAppAgent, appAgentStatus } from '/js/services/apps.js';
+import { getMemory } from '/js/services/memory.js';
 import { listAgents } from '/js/services/agents.js';
 import { listOrganisms } from '/js/services/organisms.js';
 import * as skillsService from '/js/services/skills.js';
@@ -289,6 +290,8 @@ export default function AppsTab({ session, showToast, onStats }) {
   const [editDesc, setEditDesc] = useState('');
   const [editingAgents, setEditingAgents] = useState(null);
   const [agentsJson, setAgentsJson] = useState('');
+  // Promoted apps (from the owner's public app-catalog.promoted doc), keyed by "owner/filename".
+  const [promoted, setPromoted] = useState({});
 
   // Reload the app lists when the session becomes available / changes. loadData closes over the
   // optional onStats prop (not guaranteed memoized), so we key on session only to avoid re-running
@@ -306,6 +309,14 @@ export default function AppsTab({ session, showToast, onStats }) {
       setAllApps(list);
       onStats?.({ apps: own.length });
     } catch { setMyApps([]); setAllApps([]); }
+    // Promoted apps: read the owner's own app-catalog.promoted doc (soft = no 404 when unset).
+    try {
+      const res = await getMemory('app-catalog.promoted', { soft: true });
+      const items = res?.data?.value?.items;
+      const map = {};
+      if (Array.isArray(items)) items.forEach(it => { if (it && it.ref) map[it.ref] = it.text || {}; });
+      setPromoted(map);
+    } catch { setPromoted({}); }
   }
 
   async function handleUpload(file, description, screenshot, accessCode) {
@@ -480,12 +491,18 @@ export default function AppsTab({ session, showToast, onStats }) {
               ${a.protected ? html`<span class="badge badge-warn">\u{1F512}</span>` : ''}
               ${a.parked ? html`<span class="badge badge-dim">\u{1F17F}️ ${t('profile.apps.parkedBadge') || 'Parked'}</span>` : ''}
               ${a.manifest?.cortex?.agents?.length ? html`<span class="badge badge-info" title=${t('profile.apps.agentBadgeHint') || 'This app ships its own agent — deploy it onto your fleet below'}>\u{1F916} ${t('profile.apps.agentBadge') || 'Ships an agent'}</span>` : ''}
+              ${promoted[`${a.owner || session.owner}/${a.filename || a.name}`] ? html`<span class="badge badge-success" title=${t('profile.apps.promotedBadgeHint') || 'Promoted on your public profile — manage the pitch in the app catalog'}>\u{1F4E3} ${t('profile.apps.promotedBadge') || 'Promoted'}</span>` : ''}
               ${a.operator_hidden ? html`<span class="badge badge-danger">\u{1F6AB} ${t('profile.apps.operatorHiddenBadge') || 'Moderated by operator: hidden'}</span>` : ''}
             </div>
           </div>
           ${a.operator_hidden ? html`<div class="text-meta-sm mb-half">${t('profile.apps.operatorHiddenHint') || 'An operator has hidden this app from public view. Only you can still see it. Contact the operator to appeal.'}${a.operator_hide_reason ? ' — ' + escHtml(a.operator_hide_reason) : ''}</div>` : ''}
           ${a.parked ? html`<div class="text-meta-sm mb-half">${t('profile.apps.parkedHint') || 'Only you can see and use this — hidden from the public catalogue.'}</div>` : ''}
           ${a.manifest?.description ? html`<div class="text-meta mb-half">${escHtml(a.manifest.description)}</div>` : ''}
+          ${(() => {
+            const pt = promoted[`${a.owner || session.owner}/${a.filename || a.name}`];
+            const txt = pt ? (pt[getLocale()] || pt.en || pt.fi || '') : '';
+            return txt ? html`<div class="text-meta-sm mb-half">\u{1F4E3} ${escHtml(txt)}</div>` : '';
+          })()}
           <div class="card-subtitle">
             <a href="${NODE_URL}/v1/apps/${encodeURIComponent(a.owner || session.owner)}/${encodeURIComponent(a.filename || a.name)}" target="_blank">${t('profile.apps.download')}</a>
             ${a.size ? ' \u2022 ' + Math.round(a.size / 1024) + ' KB' : ''}

package/dist/public/views/profile/inbox-tab/ai-actions.js

@@ -0,0 +1,86 @@
+/**
+ * @file public/views/profile/inbox-tab/ai-actions.js
+ * @description Builds the config objects behind the Inbox thread-head AI actions, so InboxTab's handlers
+ *   stay one-liners (and the file stays under max-file-lines). Two families:
+ *     - Reply with AI (TARGET-031): buildConversationReplyProps / buildMessageReplyProps → { title, build }
+ *       for ReplyWithAiPopover (build(mode) → copy/mcp prompt).
+ *     - Conversation → Notebook: buildConversationNotebookProps → { title, promptText, runServerSummary,
+ *       parkConversation } for ConversationToNotebookPopover. runServerSummary calls /v1/ai/complete on the
+ *       owner's own OpenRouter key (vision-aware, up to 8 images); parkConversation files the whole thread.
+ * @structure
+ *   - collectThreadImages(thread, urlMap) — [{messageId,id,name,url}] for every image attachment
+ *   - buildConversationReplyProps({ activeConv, thread, peerName, peerDisplayName })
+ *   - buildMessageReplyProps({ activeConv, msg, peerName })
+ *   - buildConversationNotebookProps({ activeConv, thread, urlMap, peerName, title })
+ * @usage
+ *   import { buildConversationNotebookProps } from './inbox-tab/ai-actions.js';
+ *   setNbConv(buildConversationNotebookProps({ activeConv, thread, urlMap, peerName, title }));
+ * @version-history
+ *   v1.0.0 — 2026-07-19 — Initial: extracted the Reply-with-AI + Conversation→Notebook assembly from inbox-tab.js.
+ */
+import { api } from '/js/api.js';
+import { t } from '/js/i18n.js';
+import { parkConversationToNotebook } from '/js/services/notebook.js';
+import { buildConversationReplyPrompt, buildMessageReplyPrompt, buildConversationSummaryPrompt } from '/js/services/messages-ai-prompts.js';
+import { attachKind } from './helpers.js';
+
+/** Reply-with-AI props for the whole open conversation (ReplyWithAiPopover: build(mode) → prompt). */
+export function buildConversationReplyProps({ activeConv, thread, peerName, peerDisplayName }) {
+  const src = { peerGhii: activeConv.peerGhii, subject: activeConv.subject, conversationId: activeConv.conversationId, thread, peerName };
+  return { title: `${t('inbox.ai.replyTo')} ${peerDisplayName}`, build: (mode) => buildConversationReplyPrompt(src, mode) };
+}
+
+/** Reply-with-AI props scoped to one message the user pointed at. */
+export function buildMessageReplyProps({ activeConv, msg, peerName }) {
+  const src = { peerGhii: activeConv.peerGhii, subject: activeConv.subject, conversationId: activeConv.conversationId, message: msg, peerName };
+  return { title: t('inbox.ai.replyToMessage'), build: (mode) => buildMessageReplyPrompt(src, mode) };
+}
+
+/** Every image attachment across the loaded thread, resolved to a viewable url (urlMap is keyed
+ *  `${messageId}::${attachmentId}`). Used both for the vision summary call and the notebook embeds. */
+export function collectThreadImages(msgs, urls) {
+  const out = [];
+  for (const m of (msgs || [])) {
+    for (const a of (m.attachments || [])) {
+      if (attachKind(a) !== 'image' || a.expired) continue;
+      const url = urls[`${m.id}::${a.id}`];
+      if (url) out.push({ messageId: m.id, id: a.id, name: a.name || a.storageKey || 'image', url });
+    }
+  }
+  return out;
+}
+
+/**
+ * Build the ConversationToNotebookPopover config for the open thread: the summary prompt, plus the
+ * server-summary and park callbacks (the popover picks the mode and calls back).
+ * @param {object} args
+ * @param {{ conversationId?:string, peerGhii?:string, subject?:string }} args.activeConv
+ * @param {Array} args.thread
+ * @param {Record<string,string>} args.urlMap
+ * @param {string} [args.peerName]
+ * @param {string} args.title
+ */
+export function buildConversationNotebookProps({ activeConv, thread, urlMap, peerName, title }) {
+  const src = { peerGhii: activeConv.peerGhii, subject: activeConv.subject, thread, peerName };
+  const images = collectThreadImages(thread, urlMap);
+  const promptText = buildConversationSummaryPrompt(src);
+  // Server-side summary on the owner's own OpenRouter key. Text-only on purpose: the thread's image
+  // attachments are JWT-presigned `/v1/download/…` urls that OpenRouter's servers can't fetch (→ 502),
+  // so we never send them to the model. The images are still captured into the notebook entry below
+  // (transcript embeds + source.attachments) for the owner to view; the durable value is the text.
+  const runServerSummary = async () => {
+    const resp = await api('/v1/ai/complete', {
+      method: 'POST',
+      body: JSON.stringify({ prompt: promptText }),
+      timeoutMs: 1_800_000,
+      retries: 0,
+    });
+    if (resp?.ok === false) throw new Error(resp.error?.message || t('inbox.failed'));
+    return resp?.data?.content || '';
+  };
+  const parkConversation = ({ summary }) => parkConversationToNotebook({
+    conv: { conversationId: activeConv.conversationId, peerGhii: activeConv.peerGhii, subject: activeConv.subject },
+    thread, peerName, summary, images,
+  });
+  return { title, promptText, runServerSummary, parkConversation };
+}

package/dist/public/views/profile/inbox-tab/components.js

@@ -6,6 +6,8 @@
  *   chat.commands), SchedulePanel (own-agent scheduler), and ReplyWithAiPopover (TARGET-031). Each is
  *   self-contained (owns its own hooks). Extracted from inbox-tab.js to satisfy max-file-lines.
  * @version-history
+ *   v1.8.0 — 2026-07-21 — MessageBubble renders link-preview cards under the body (MessageLinkPreviews),
+ *     gated by the `showLinkPreviews` prop (the persisted thread-head toggle).
  *   v1.0.0 — 2026-07-13 — Extracted from inbox-tab.js (max-file-lines)
  *   v1.1.0 — 2026-07-14 — Composer: pasted/dropped images route to the file-attachment path (upload +
  *     shown as an image) instead of Toast UI base64-inlining them into the body (which blew the 50k
@@ -22,6 +24,11 @@
  *   v1.5.0 — 2026-07-18 — Mobile composer is a plain auto-growing textarea (`mode:'simple'`, no Toast UI
  *     toolbar/Write-Preview/WYSIWYG — a phone keyboard + heavy WYSIWYG is miserable); ≤760px opens straight
  *     into it so Toast UI never even loads there. Desktop keeps the rich editor.
+ *   v1.6.0 — 2026-07-19 — Composer gets an expand toggle (⤢/⤡): enlarges the editor to ~60% of the
+ *     viewport so long/formatted drafts are fully visible. Rich mode resizes via Toast UI `setHeight`;
+ *     the markdown fallback + simple textarea grow via the `.inbox-composer--tall` class / lifted cap.
+ *   v1.7.0 — 2026-07-19 — ConversationToNotebookPopover: capture a whole thread (with images) into the
+ *     Notebook via three modes — server-side AI summary (owner's key), copy-prompt (own chat), or raw.
  */
 import { h } from 'preact';
 import { useState, useEffect, useCallback, useRef } from 'preact/hooks';
@@ -30,6 +37,7 @@ const html = htm.bind(h);
 import { t } from '/js/i18n.js';
 import { escHtml } from '/js/utils.js';
 import { Markdown } from '/components/Markdown.js';
+import { MessageLinkPreviews } from '/components/LinkPreview.js';
 import { minidenticon } from '/lib/minidenticons.min.js';
 import * as schedules from '/js/services/schedules.js';
 import { MODES } from '/js/services/messages-ai-prompts.js';
@@ -243,7 +251,7 @@ export function PollBuilder({ questions, setQuestions }) {
     </div>`;
 }
 
-export function MessageBubble({ msg, mine, urlMap, starred, onStar, onTrack, onPark, onReplyAi, onQuote, quoted, quotedName, onJumpTo, domId, tracked, onOpenMarkdown, answeredWith, onAnswer, submitting }) {
+export function MessageBubble({ msg, mine, urlMap, starred, onStar, onTrack, onPark, onReplyAi, onQuote, quoted, quotedName, onJumpTo, domId, tracked, onOpenMarkdown, answeredWith, onAnswer, submitting, showLinkPreviews }) {
   const nonInline = (msg.attachments || []).filter(a => !a.inline);
   const expiredIds = new Set((msg.attachments || []).filter(a => a.expired).map(a => a.id));
   // urlMap is keyed by `${messageId}::${attachmentId}` because per-message attachment ids (at0, at1…)
@@ -277,6 +285,7 @@ export function MessageBubble({ msg, mine, urlMap, starred, onStar, onTrack, onP
           <span class="inbox-quote-text">${escHtml(quoteSnippet(quoted.body))}</span>
         </button>` : null}
         <div class="inbox-bubble-body"><${Markdown} text=${prepareBody(msg.body, urls, expiredIds)} /></div>
+        ${showLinkPreviews ? html`<${MessageLinkPreviews} msg=${msg} />` : null}
         ${msg.interactive?.role === 'questions' ? (
           answeredWith
             ? html`<${InteractiveAnswered} spec=${msg.interactive} answers=${answeredWith.answers || {}} />`
@@ -310,6 +319,8 @@ export function Composer({ recipient, sendLabel, sending, onSend, initialText =
   const isNarrow = typeof window !== 'undefined' && window.matchMedia?.('(max-width: 760px)').matches;
   const [mode, setMode] = useState(isNarrow ? 'simple' : 'rich');
   const [md, setMd] = useState(seeded);
+  // Temporarily enlarge the editor (~60% of the viewport) so long/formatted drafts are fully visible.
+  const [expanded, setExpanded] = useState(false);
   const [files, setFiles] = useState([]);
   const containerRef = useRef(null);
   const editorRef = useRef(null);
@@ -419,10 +430,26 @@ export function Composer({ recipient, sendLabel, sending, onSend, initialText =
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [focusNonce]);
 
-  // Auto-grow the simple (mobile) textarea to fit its content, capped so it never eats the thread.
-  const autoGrow = (ta) => { if (!ta) return; ta.style.height = 'auto'; ta.style.height = Math.min(ta.scrollHeight, 132) + 'px'; };
-  // Size the simple textarea to any seeded draft on mount (and keep it 1 row when empty).
-  useEffect(() => { if (mode === 'simple') autoGrow(taRef.current); }, [mode]);
+  // Resize the Toast UI editor when the expand toggle flips (rich mode sets its own inline height via
+  // JS, so a CSS class can't reach it — the fallback/simple textareas are sized by `.inbox-composer--tall`
+  // in CSS instead). `160px` matches the construction default.
+  useEffect(() => {
+    if (mode !== 'rich' || !editorRef.current?.setHeight) return;
+    const tall = typeof window !== 'undefined' ? Math.round(window.innerHeight * 0.6) : 400;
+    try { editorRef.current.setHeight(expanded ? tall + 'px' : '160px'); } catch { /* noop */ }
+  }, [expanded, mode]);
+
+  // Auto-grow the simple (mobile) textarea to fit its content, capped so it never eats the thread. When
+  // expanded, the cap lifts to ~60vh so a long draft is fully visible.
+  const autoGrow = (ta) => {
+    if (!ta) return;
+    const cap = expanded && typeof window !== 'undefined' ? Math.round(window.innerHeight * 0.6) : 132;
+    ta.style.height = 'auto'; ta.style.height = Math.min(ta.scrollHeight, cap) + 'px';
+  };
+  // Size the simple textarea to any seeded draft on mount (and keep it 1 row when empty); re-fit when the
+  // expand cap changes.
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(() => { if (mode === 'simple') autoGrow(taRef.current); }, [mode, expanded]);
 
   const getText = () => (mode === 'rich' && editorRef.current) ? editorRef.current.getMarkdown() : md;
   const reset = () => {
@@ -441,7 +468,7 @@ export function Composer({ recipient, sendLabel, sending, onSend, initialText =
   });
 
   return html`
-    <div class="inbox-composer">
+    <div class="inbox-composer ${expanded ? 'inbox-composer--tall' : ''}">
       ${files.length > 0 ? html`<div class="inbox-file-chips">
         ${files.map((f, i) => html`<span class="inbox-file-chip" key=${f.name + i}>📎 ${escHtml(f.name)}
           <button class="inbox-bc-chip-x" title=${t('inbox.attachmentRemove')} onClick=${() => removeFile(i)}>✕</button></span>`)}
@@ -459,9 +486,13 @@ export function Composer({ recipient, sendLabel, sending, onSend, initialText =
             <div class="inbox-md-preview"><${Markdown} text=${md} /></div>
           </div>`}
       <div class="inbox-composer-bar">
-        <label class="inbox-attach-btn" title=${t('inbox.attach')}>
-          📎<input ref=${fileRef} type="file" multiple hidden onChange=${(e) => setFiles(Array.from(e.target.files || []))} />
-        </label>
+        <div class="inbox-bar-left">
+          <label class="inbox-attach-btn" title=${t('inbox.attach')}>
+            📎<input ref=${fileRef} type="file" multiple hidden onChange=${(e) => setFiles(Array.from(e.target.files || []))} />
+          </label>
+          <button type="button" class="inbox-attach-btn" title=${expanded ? t('inbox.collapse') : t('inbox.expand')}
+            aria-pressed=${expanded} onClick=${() => setExpanded((v) => !v)}>${expanded ? '⤡' : '⤢'}</button>
+        </div>
         <button class="btn-primary btn-sm" disabled=${sending || !recipient} onClick=${submit}>
           ${sending ? t('inbox.sending') : sendLabel}
         </button>
@@ -590,3 +621,87 @@ export function ReplyWithAiPopover({ title, build, onClose, showToast }) {
       </div>
     </div>`;
 }
+
+/* ── Conversation → Notebook — capture a WHOLE thread (with its images) into the notebook for later
+ *    filing/enrichment into a workspace. Three modes, all landing in parkConversationToNotebook:
+ *      ✨ ai   — summarize server-side with the owner's own OpenRouter key (runServerSummary), edit, park.
+ *      📋 copy — copy the summary prompt into the owner's own AI chat, paste the result back, park.
+ *      📥 raw  — park the whole chain (text + images) as-is; enrich it later in the Notebook.
+ *    The parent (InboxTab) owns the async work (AI call + park + toasts) via the passed callbacks. ── */
+export function ConversationToNotebookPopover({ title, promptText, runServerSummary, parkConversation, onClose, showToast }) {
+  const [mode, setMode] = useState('ai');       // 'ai' | 'copy' | 'raw'
+  const [copied, setCopied] = useState(false);
+  const [aiSummary, setAiSummary] = useState('');
+  const [pasted, setPasted] = useState('');
+  const [running, setRunning] = useState(false);
+  const [parking, setParking] = useState(false);
+
+  const copy = async () => {
+    try {
+      if (navigator.clipboard?.writeText) await navigator.clipboard.writeText(promptText);
+      else { const ta = document.createElement('textarea'); ta.value = promptText; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); ta.remove(); }
+      setCopied(true); setTimeout(() => setCopied(false), 1800);
+      showToast?.(t('inbox.ai.copied'));
+    } catch { showToast?.(t('inbox.failed'), true); }
+  };
+
+  const genSummary = async () => {
+    setRunning(true);
+    try {
+      const s = await runServerSummary();
+      if (s && s.trim()) setAiSummary(s.trim());
+      else showToast?.(t('inbox.notebook.summaryEmpty'), true);
+    } catch (e) { showToast?.(e?.message || t('inbox.failed'), true); }
+    finally { setRunning(false); }
+  };
+
+  const doPark = async (summary) => {
+    setParking(true);
+    try { await parkConversation({ summary: summary || '' }); showToast?.(t('inbox.notebook.parked')); onClose(); }
+    catch (e) { showToast?.(e?.message || t('inbox.failed'), true); setParking(false); }
+  };
+
+  return html`
+    <div class="inbox-ai-overlay" onClick=${onClose}>
+      <div class="inbox-ai-modal" onClick=${(e) => e.stopPropagation()}>
+        <div class="inbox-ai-head">
+          <span class="inbox-ai-title">📓 ${title}</span>
+          <button class="btn-ghost btn-sm" onClick=${onClose} title=${t('inbox.close')}>✕</button>
+        </div>
+        <div class="inbox-ai-modes">
+          <button class=${`inbox-ai-mode${mode === 'ai' ? ' inbox-ai-mode--on' : ''}`} onClick=${() => setMode('ai')}>✨ ${t('inbox.notebook.modeAi')}</button>
+          <button class=${`inbox-ai-mode${mode === 'copy' ? ' inbox-ai-mode--on' : ''}`} onClick=${() => setMode('copy')}>📋 ${t('inbox.notebook.modeCopy')}</button>
+          <button class=${`inbox-ai-mode${mode === 'raw' ? ' inbox-ai-mode--on' : ''}`} onClick=${() => setMode('raw')}>📥 ${t('inbox.notebook.modeRaw')}</button>
+        </div>
+        ${mode === 'ai' ? html`
+          <div class="inbox-ai-hint">${t('inbox.notebook.hintAi')}</div>
+          ${!aiSummary ? html`
+            <div class="inbox-ai-actions">
+              <button class="btn-primary btn-sm" disabled=${running} onClick=${genSummary}>${running ? '… ' + t('inbox.notebook.summarizing') : '✨ ' + t('inbox.notebook.genSummary')}</button>
+            </div>`
+          : html`
+            <textarea class="inbox-ai-text" rows="12" value=${aiSummary} onInput=${(e) => setAiSummary(e.target.value)}></textarea>
+            <div class="inbox-ai-actions">
+              <button class="btn-ghost btn-sm" disabled=${running} onClick=${genSummary}>${running ? '…' : '↻ ' + t('inbox.notebook.regen')}</button>
+              <button class="btn-primary btn-sm" disabled=${parking} onClick=${() => doPark(aiSummary)}>${parking ? '…' : '📓 ' + t('inbox.notebook.park')}</button>
+            </div>`}
+        ` : mode === 'copy' ? html`
+          <div class="inbox-ai-hint">${t('inbox.notebook.hintCopy')}</div>
+          <textarea class="inbox-ai-text" readOnly rows="8" value=${promptText}></textarea>
+          <div class="inbox-ai-actions">
+            <button class="btn-primary btn-sm" onClick=${copy}>${copied ? '✓ ' + t('inbox.ai.copied') : '📋 ' + t('inbox.ai.copy')}</button>
+          </div>
+          <div class="inbox-ai-hint">${t('inbox.notebook.pasteHint')}</div>
+          <textarea class="inbox-ai-text" rows="8" placeholder=${t('inbox.notebook.pastePh')} value=${pasted} onInput=${(e) => setPasted(e.target.value)}></textarea>
+          <div class="inbox-ai-actions">
+            <button class="btn-primary btn-sm" disabled=${parking || !pasted.trim()} onClick=${() => doPark(pasted)}>${parking ? '…' : '📓 ' + t('inbox.notebook.park')}</button>
+          </div>
+        ` : html`
+          <div class="inbox-ai-hint">${t('inbox.notebook.hintRaw')}</div>
+          <div class="inbox-ai-actions">
+            <button class="btn-primary btn-sm" disabled=${parking} onClick=${() => doPark('')}>${parking ? '…' : '📥 ' + t('inbox.notebook.parkRaw')}</button>
+          </div>
+        `}
+      </div>
+    </div>`;
+}

package/dist/public/views/profile/inbox-tab/helpers.js

@@ -5,11 +5,37 @@
  *   pixel defense), tracked-state labels, attachment classification, the interactive-answer summary +
  *   poll tally, and the lazy Toast UI editor loader. Extracted from inbox-tab.js to satisfy max-file-lines.
  * @version-history
+ *   v1.2.0 — 2026-07-21 — resolveThreadAttachmentUrls(): resolve non-inline attachment URLs for a loaded
+ *     thread (reusing the previous conversation's cache), extracted from inbox-tab loadThread.
  *   v1.1.0 — 2026-07-17 — quoteSnippet(): one-line plain-text excerpt of a message body for reply-quotes.
  *   v1.0.0 — 2026-07-13 — Extracted from inbox-tab.js (max-file-lines)
  */
 import { t, getLocale } from '/js/i18n.js';
 
+/**
+ * Resolve presigned URLs for a thread's non-inline attachments, reusing already-resolved URLs from the
+ * SAME conversation's previous cache (a refresh/new message must not re-download every existing image).
+ * Keyed by `${messageId}::${attachmentId}` (per-message ids repeat across messages). Inbound resolves the
+ * recipient's duplicated local copy; outbound resolves the original. `resolveUrl` = messages.attachmentUrl.
+ * Returns { convId, map } to store as the new cache.
+ */
+export async function resolveThreadAttachmentUrls(msgs, conversationId, prevCache, resolveUrl) {
+  const prev = prevCache?.convId === conversationId ? (prevCache.map || {}) : {};
+  const map = {};
+  await Promise.all(msgs.flatMap(m => (m.attachments || [])
+    .filter(a => !a.inline)
+    .map(async a => {
+      const uk = `${m.id}::${a.id}`;
+      if (prev[uk]) { map[uk] = prev[uk]; return; }
+      const key = (a.mode === 'duplicate' && a.localKey) ? a.localKey
+        : (m.direction === 'outbound' && a.storageKey) ? a.storageKey : null;
+      if (!key) return;
+      const u = await resolveUrl(key).catch(() => null);
+      if (u) map[uk] = u;
+    })));
+  return { convId: conversationId, map };
+}
+
 /* Lazy-load the vendored Toast UI Editor (MIT, /lib/toastui/) — the same editor the workspace
  * document space uses, so composing a message feels like editing a document (Markdown⇄WYSIWYG).
  * ~520KB, so it stays out of the main bundle and loads only when the Inbox composer mounts. */

package/dist/public/views/profile/inbox-tab/panels.js

@@ -6,6 +6,11 @@
  *   (broadcast/poll results). Each is a presentational component driven entirely by props from InboxTab;
  *   the stateful container keeps all hooks. Extracted from inbox-tab.js to satisfy max-file-lines.
  * @version-history
+ *   v1.4.0 — 2026-07-21 — ThreadPanel head: "Show all messages / Last 50" toggle (threadAll/
+ *     toggleThreadAll), shown once a thread has ≥50 messages. Threads default to the full history;
+ *     the toggle collapses to the newest 50.
+ *   v1.3.0 — 2026-07-21 — ThreadPanel: link-preview toggle button in the head (showLinkPreviews /
+ *     toggleLinkPreviews) + passes the flag down to each MessageBubble.
  *   v1.2.0 — 2026-07-18 — Clicking ↩ Reply on a bubble now focuses the composer (via `onQuoteReply` +
  *     `composerFocus` bump) so the cursor lands in the input; the ✕ cancel still uses the raw setter.
  *   v1.1.0 — 2026-07-17 — Reply-to with quote: ThreadPanel resolves each message's `replyToId` to the
@@ -99,8 +104,9 @@ export function ThreadPanel({
   activeConv, thread, urlMap, important, trackedByMsg, awaitingForConv, awaitingDrafts,
   schedOpen, setSchedOpen, cmdFill, agentCommands, sending, draftPrefill, prefillNonce, msgsRef,
   peerDisplay, showToast, toggleImportant, onTrackMsg, onParkMsg, openMessageAi, submitInteractiveAnswers,
-  setMdViewer, openConversationAi, insertCommand, setCmdFill, cancelTracked, openRecord, startSuggestedReply, doSend,
-  replyQuote, setReplyQuote, onQuoteReply, composerFocus,
+  setMdViewer, openConversationAi, openConversationNotebook, insertCommand, setCmdFill, cancelTracked, openRecord, startSuggestedReply, doSend,
+  replyQuote, setReplyQuote, onQuoteReply, composerFocus, showLinkPreviews, toggleLinkPreviews,
+  threadAll, toggleThreadAll,
 }) {
   let lastDay = '';
   // Reply-to quotes: resolve a message's `replyToId` to the original within the loaded page (a parent
@@ -142,6 +148,15 @@ export function ThreadPanel({
           <div class="inbox-sub">${escHtml(activeConv.peerGhii)}</div>
         </div>
         ${!viaAgentName ? html`<button class="btn-ghost btn-sm inbox-ai-btn" onClick=${openConversationAi} title=${t('inbox.ai.replyWithAi')}>✨ <span class="inbox-ai-btn-label">${t('inbox.ai.replyWithAi')}</span></button>` : null}
+        ${!viaAgentName ? html`<button class="btn-ghost btn-sm inbox-ai-btn" onClick=${openConversationNotebook} title=${t('inbox.notebook.toNotebook')}>📓 <span class="inbox-ai-btn-label">${t('inbox.notebook.toNotebookShort')}</span></button>` : null}
+        <button class=${`btn-ghost btn-sm inbox-linkprev-toggle${showLinkPreviews ? ' inbox-linkprev-toggle--on' : ''}`}
+          aria-pressed=${!!showLinkPreviews} onClick=${toggleLinkPreviews}
+          title=${showLinkPreviews ? t('inbox.linkPreview.hideAll') : t('inbox.linkPreview.showAll')}>
+          <span class="inbox-ai-btn-label">${t('inbox.linkPreview.label')}</span></button>
+        ${(thread.length >= 50) ? html`<button class=${`btn-ghost btn-sm inbox-linkprev-toggle${threadAll ? ' inbox-linkprev-toggle--on' : ''}`}
+          aria-pressed=${!!threadAll} onClick=${toggleThreadAll}
+          title=${threadAll ? t('inbox.thread.showRecent') : t('inbox.thread.showAll')}>
+          <span class="inbox-ai-btn-label">${threadAll ? t('inbox.thread.showRecent') : t('inbox.thread.showAll')}</span></button>` : null}
         ${peerIsMyAgent && !viaAgentName ? html`<button class=${`btn-ghost btn-sm inbox-sched-btn${schedOpen ? ' inbox-sched-btn--on' : ''}`}
           onClick=${() => setSchedOpen(o => !o)} title=${t('inbox.schedTitle')}>📅</button>` : null}
       </div>
@@ -159,7 +174,7 @@ export function ThreadPanel({
               onQuote=${(onQuoteReply && !activeConv.viaAgent) ? onQuoteReply : null}
               starred=${important.has(m.id)} onStar=${toggleImportant} onTrack=${onTrackMsg} onPark=${onParkMsg} onReplyAi=${openMessageAi} tracked=${trackedByMsg[m.id]}
               answeredWith=${m.interactive?.role === 'questions' ? answersByQ[m.id] : null}
-              onAnswer=${submitInteractiveAnswers} submitting=${sending}
+              onAnswer=${submitInteractiveAnswers} submitting=${sending} showLinkPreviews=${showLinkPreviews}
               onOpenMarkdown=${(url, name) => setMdViewer({ url, name })} />`;
         })}
       </div>

package/dist/public/views/profile/inbox-tab/use-thread-ux.js

@@ -7,6 +7,8 @@
  *   Extracted from inbox-tab.js to satisfy max-file-lines.
  * @usage import { useThreadAutoScroll, useMobileComposerKeyboard } from './inbox-tab/use-thread-ux.js';
  * @version-history
+ *   v1.3.0 — 2026-07-21 — Add useLinkPreviewToggle: persisted global on/off for the message link-preview
+ *     cards (default ON); the ThreadPanel head button flips it.
  *   v1.2.0 — 2026-07-19 — useThreadAutoScroll now suppresses the one-time new-message jump while the
  *     composer is focused (near-bottom follow still applies). This lets the inbox reload the open thread
  *     on EVERY 'messages' live-update — so incoming messages render immediately even while you're typing
@@ -17,7 +19,22 @@
  *     visualViewport bottom) as `--inbox-avail` instead of the `dvh − keyboard` double-count that collapsed
  *     the messenger on Android Chrome; drop the composer scrollIntoView(center) that left a dead gap.
  */
-import { useEffect, useRef } from 'preact/hooks';
+import { useEffect, useRef, useState } from 'preact/hooks';
+
+const LINK_PREVIEWS_KEY = 'aimeat.inbox.linkPreviews';
+
+/** Persisted global toggle for the link-preview cards (default ON). Returns the flag + a toggler that
+ *  writes the choice to localStorage. Per-card dismissal is owned separately by /components/LinkPreview.js. */
+export function useLinkPreviewToggle() {
+  const [showLinkPreviews, setShow] = useState(() => {
+    try { return localStorage.getItem(LINK_PREVIEWS_KEY) !== 'off'; } catch { return true; }
+  });
+  const toggleLinkPreviews = () => setShow((v) => {
+    try { localStorage.setItem(LINK_PREVIEWS_KEY, v ? 'off' : 'on'); } catch { /* quota */ }
+    return !v;
+  });
+  return { showLinkPreviews, toggleLinkPreviews };
+}
 
 /** Auto-scroll policy for the open thread: jump to the latest message when a thread is OPENED, follow
  *  when the reader is already near the bottom, and when a genuinely NEW message arrives (last message