@rubytech/create-sitedesk-code 0.1.340

package/payload/platform/plugins/linkedin-extension/PLUGIN.md

@@ -0,0 +1,58 @@
+---
+name: linkedin-extension
+description: "One-click LinkedIn ingest. Ships a manifest-v3 Chrome extension that injects an Add-to-SiteDesk pill into `linkedin.com/in/*` profiles and `linkedin.com/messaging/thread/*` DM threads. Each click scrapes the page DOM, POSTs to the admin `linkedin-ingest` route, which dispatches `database-operator` against the generic `document-ingest` skill. The plugin is the **first consumer** of the generic communication-ingest path; every future communication surface (email, Telegram, WhatsApp, group chats, voice memos) plugs into the same backend. Opt-in per brand."
+tools: []
+always: false
+embed: false
+specialist: database-operator
+metadata: {"platform":{"optional":true,"pluginKey":"linkedin-extension"}}
+---
+
+# LinkedIn Extension
+
+Capturing a LinkedIn lead today costs 30-90 seconds per record. This plugin replaces that with one click. The Chrome extension scrapes the open page, posts the verbatim text to the admin, and `database-operator` writes one `:KnowledgeDocument` plus the structured entities the body assertively states.
+
+## Two surfaces
+
+| URL pattern | What gets captured |
+|---|---|
+| `linkedin.com/in/<slug>/` | The full profile text plus, where explicitly stated, the subject `:Person`, their current `:Organization`, and a `WORKS_AT` edge. |
+| `linkedin.com/messaging/thread/<id>/` | The full chronological transcript plus `(:KD)-[:PARTICIPANT]->(:Person)` per participant and any explicitly-asserted `:Event` / `:Task` / `:Service` / `:PriceSpecification` etc., wired back to the right participants. |
+
+Re-clicking the same URL refreshes the KD body and regenerates the summary. Person / Organization / derived entities `MERGE` on canonical keys, so the graph does not duplicate.
+
+## Architecture
+
+```
+Chrome extension                    Hono admin                Specialist
+─────────────────                    ──────────                ──────────
+content/profile.js  ──POST──>  /api/admin/linkedin-ingest  ──>  database-operator
+content/thread.js                      requireAdminSession        document-ingest skill
+                                       schema validate            memory-ingest tools
+                                       spawn database-operator    graph writes
+```
+
+The route's job is auth + schema + dispatch. Extraction logic lives in `document-ingest`; ontology decisions live in the schema reference. The extension is the only LinkedIn-bespoke part.
+
+## Files
+
+- `extension/manifest.json` — manifest v3
+- `extension/content/profile.js` — content script for `linkedin.com/in/*`
+- `extension/content/thread.js` — content script for `linkedin.com/messaging/thread/*`
+- `extension/background/sw.js` — service worker handling POSTs
+- `extension/options/options.{html,js}` — admin host + bearer token entry
+- `extension/assets/pill.css` — pill styling
+- `extension/README.md` — developer install guide
+- `extension/__tests__/{profile,thread}.test.ts` — jsdom extractor tests
+- `extension/__tests__/fixtures/{profile,thread}.html` — frozen DOM fixtures captured 2026-05-22
+- `skills/linkedin-extension/SKILL.md` — payload schema + DOM-selector rules
+
+## Sibling plugins
+
+- `linkedin-import` — consumes a LinkedIn ZIP export (bulk historical). Different surface; both ship.
+- `memory.document-ingest` — the generic communication-ingest pipeline this plugin's payloads route through.
+- `contacts` — `:Person` nodes minted here surface in `contact-list` like any other.
+
+## Enabling
+
+Add `linkedin-extension` to a brand's `enabledPlugins` in `brand.json`. Default brands ship without it.

package/payload/platform/plugins/linkedin-extension/extension/README.md

@@ -0,0 +1,44 @@
+# SiteDesk LinkedIn Ingest — Chrome Extension
+
+Unpacked-extension dev build. No Chrome Web Store publication.
+
+## Install
+
+1. `chrome://extensions`
+2. Enable **Developer mode** (top right).
+3. **Load unpacked** → select this `extension/` directory.
+4. Click the new puzzle icon → open **SiteDesk LinkedIn Ingest** options.
+5. Paste your admin host (e.g. `https://your-tunnel.example.com`) and your admin **session key** (the value of `session_key` on the cookie or query in your admin browser). Save.
+
+## Use
+
+- Open any `https://www.linkedin.com/in/<slug>/` profile or `https://www.linkedin.com/messaging/thread/<id>/` thread.
+- Click the **Add to SiteDesk** pill at the top of the page.
+- The pill turns green and writes one `:KnowledgeDocument` plus the entities the body assertively states.
+
+If the pill turns amber and shows **Sign in to SiteDesk**, your session key has expired — open the options page and paste a fresh one.
+
+## File layout
+
+| File | Role |
+|---|---|
+| `manifest.json` | MV3 manifest. Declares profile + thread content scripts. |
+| `content/extractors.js` | Pure DOM extractor functions. Loaded first into each content-script context. |
+| `content/profile.js` | Profile pill + click handler. |
+| `content/thread.js` | Thread pill + click handler. |
+| `background/sw.js` | Service worker. POSTs envelopes to the admin route. |
+| `options/options.html` + `options/options.js` | Admin host + session-key entry. |
+| `assets/pill.css` | Pill styling. |
+| `__tests__/` | jsdom unit tests for the extractors, run via vitest from `platform/ui`. |
+
+## How the wire works
+
+The extension does no extraction or graph-write logic — those live in `platform/plugins/memory/skills/document-ingest/`. Each click POSTs the payload defined in `../skills/linkedin-extension/SKILL.md` to `/api/admin/linkedin-ingest`, which authenticates and dispatches `database-operator` to run the generic ingest pipeline.
+
+## Updating selectors
+
+LinkedIn ships DOM changes from time to time. When the pill misses a field:
+
+1. Save the current page as `__tests__/fixtures/<kind>.html` (overwrite).
+2. Update the primary selector in `content/extractors.js`; keep the prior one as fallback if older clients may still serve it.
+3. From `platform/ui/`, run `npx vitest run server/routes/admin/__tests__/linkedin` — the fixture-driven tests will fail loudly if any required field has gone missing.

package/payload/platform/plugins/linkedin-extension/extension/__tests__/fixtures/profile.html

@@ -0,0 +1,34 @@
+<!doctype html>
+<!-- Frozen fixture captured 2026-05-22 from a logged-in linkedin.com/in/<slug>/ page.
+     Reduced to the DOM regions our extractor reads. Update when the live DOM drifts. -->
+<html>
+  <head><title>Renato Rufus | LinkedIn</title></head>
+  <body>
+    <main>
+      <section class="top-card-layout">
+        <h1 class="text-heading-xlarge">Renato Rufus</h1>
+        <div class="text-body-medium break-words" data-test-headline>Founder · Operator coach</div>
+        <div class="text-body-small inline t-black--light" data-test-location>London, United Kingdom</div>
+      </section>
+
+      <section id="experience" data-test-current-position>
+        <ul>
+          <li>
+            <div class="t-bold position-title"><span>Founder</span></div>
+            <div class="t-normal position-company"><span>Acme Studios</span></div>
+            <div class="t-normal">2022 – Present · 4 yrs</div>
+          </li>
+          <li>
+            <div class="t-bold"><span>Operator-in-Residence</span></div>
+            <div class="t-normal"><span>Beta Ventures</span></div>
+          </li>
+        </ul>
+      </section>
+
+      <section id="about">
+        <p>I work with founders one-on-one to ship product faster. Previously CTO at Beta Ventures (2018-2022).</p>
+        <p>Interested in AI-native operator tooling. Open to selective advisory engagements.</p>
+      </section>
+    </main>
+  </body>
+</html>

package/payload/platform/plugins/linkedin-extension/extension/__tests__/fixtures/thread.html

@@ -0,0 +1,36 @@
+<!doctype html>
+<!-- Frozen fixture captured 2026-05-22 from a logged-in
+     linkedin.com/messaging/thread/<id>/ page. Reduced to the regions the
+     extractor reads. -->
+<html>
+  <head><title>Messaging | LinkedIn</title></head>
+  <body>
+    <main>
+      <section class="msg-thread">
+        <ul>
+          <li class="msg-s-message-list__event">
+            <a class="msg-s-event-listitem__link" href="/in/renato-rufus-7a633b4/">
+              <span class="msg-s-event-listitem__name">Renato Rufus</span>
+            </a>
+            <time class="msg-s-event-listitem__timestamp" datetime="2026-05-20T15:02:00Z">Wed 3:02 PM</time>
+            <div class="msg-s-event-listitem__body">Hey Joel, would love to compare notes on operator-tooling next week. Could you spare 40 minutes?</div>
+          </li>
+          <li class="msg-s-message-list__event">
+            <a class="msg-s-event-listitem__link" href="/in/joel-smalley/">
+              <span class="msg-s-event-listitem__name">Joel Smalley</span>
+            </a>
+            <time class="msg-s-event-listitem__timestamp" datetime="2026-05-20T15:18:00Z">Wed 3:18 PM</time>
+            <div class="msg-s-event-listitem__body">Yes — Thursday 22 May 14:00–14:40 BST works. My EA is sarah@acme.example; she'll send the invite.</div>
+          </li>
+          <li class="msg-s-message-list__event">
+            <a class="msg-s-event-listitem__link" href="/in/renato-rufus-7a633b4/">
+              <span class="msg-s-event-listitem__name">Renato Rufus</span>
+            </a>
+            <time class="msg-s-event-listitem__timestamp" datetime="2026-05-20T15:25:00Z">Wed 3:25 PM</time>
+            <div class="msg-s-event-listitem__body">Perfect. Talk Thursday.</div>
+          </li>
+        </ul>
+      </section>
+    </main>
+  </body>
+</html>

package/payload/platform/plugins/linkedin-extension/extension/assets/pill.css

@@ -0,0 +1,52 @@
+/* "Add to SiteDesk" pill injected into LinkedIn profile and DM thread pages. */
+
+#maxy-linkedin-pill.maxy-pill {
+  position: relative;
+  z-index: 9999;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin: 12px;
+  padding: 6px 14px;
+  border: 1px solid #0a66c2;
+  border-radius: 999px;
+  background: #ffffff;
+  color: #0a66c2;
+  font: 600 13px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  cursor: pointer;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+  transition: background 120ms ease, color 120ms ease, border-color 120ms ease;
+}
+
+#maxy-linkedin-pill.maxy-pill:hover {
+  background: #0a66c2;
+  color: #ffffff;
+}
+
+#maxy-linkedin-pill.maxy-pill[data-state="busy"] {
+  background: #f4f7fb;
+  border-color: #a3b6c9;
+  color: #46596d;
+  cursor: progress;
+}
+
+#maxy-linkedin-pill.maxy-pill[data-state="ok"] {
+  background: #e6f4ea;
+  border-color: #2e7d32;
+  color: #2e7d32;
+  cursor: default;
+}
+
+#maxy-linkedin-pill.maxy-pill[data-state="error"] {
+  background: #fdecea;
+  border-color: #b00020;
+  color: #b00020;
+  cursor: pointer;
+}
+
+#maxy-linkedin-pill.maxy-pill[data-state="auth"] {
+  background: #fff7e0;
+  border-color: #b8860b;
+  color: #b8860b;
+  cursor: pointer;
+}

package/payload/platform/plugins/linkedin-extension/extension/background/sw.js

@@ -0,0 +1,60 @@
+// Service worker. Receives envelopes from content scripts, POSTs them
+// to the admin host with the bearer token stored in extension options.
+
+const TAG = '[linkedin-ext-post]'
+
+async function getConfig() {
+  const stored = await chrome.storage.local.get(['adminHost', 'sessionKey'])
+  return {
+    adminHost: typeof stored.adminHost === 'string' ? stored.adminHost.replace(/\/+$/, '') : '',
+    sessionKey: typeof stored.sessionKey === 'string' ? stored.sessionKey : '',
+  }
+}
+
+async function postEnvelope(envelope) {
+  const { adminHost, sessionKey } = await getConfig()
+  if (!adminHost) return { ok: false, reason: 'auth', detail: 'admin-host-missing' }
+  if (!sessionKey) return { ok: false, reason: 'auth', detail: 'session-key-missing' }
+
+  const url = adminHost + '/api/admin/linkedin-ingest'
+  const started = Date.now()
+  let res
+  try {
+    res = await fetch(url, {
+      method: 'POST',
+      headers: { 'content-type': 'application/json' },
+      body: JSON.stringify({ ...envelope, session_key: sessionKey }),
+    })
+  } catch (err) {
+    console.error(TAG + ' dispatchId=' + envelope.dispatchId + ' status=network ms=' + (Date.now() - started))
+    return { ok: false, reason: 'network', detail: err && err.message ? err.message : String(err) }
+  }
+
+  const ms = Date.now() - started
+  console.log(TAG + ' dispatchId=' + envelope.dispatchId + ' status=' + res.status + ' ms=' + ms)
+
+  if (res.status === 401) return { ok: false, reason: 'auth', detail: 'session-rejected' }
+  if (res.status >= 500) return { ok: false, reason: 'server', detail: 'http-' + res.status }
+  if (!res.ok) {
+    let body = ''
+    try { body = await res.text() } catch { /* ignore */ }
+    return { ok: false, reason: 'extract', detail: 'http-' + res.status + (body ? ' ' + body.slice(0, 200) : '') }
+  }
+
+  return { ok: true }
+}
+
+chrome.runtime.onMessage.addListener(function (msg, _sender, sendResponse) {
+  if (!msg || msg.type !== 'linkedin-ingest' || !msg.envelope) {
+    sendResponse({ ok: false, reason: 'extract', detail: 'bad-message' })
+    return false
+  }
+  postEnvelope(msg.envelope).then(sendResponse).catch(function (err) {
+    sendResponse({ ok: false, reason: 'extract', detail: err && err.message ? err.message : String(err) })
+  })
+  return true // async sendResponse
+})
+
+chrome.action.onClicked.addListener(function () {
+  chrome.runtime.openOptionsPage()
+})

package/payload/platform/plugins/linkedin-extension/extension/content/extractors.js

@@ -0,0 +1,127 @@
+// Plain script. Two roles:
+//   - Loaded as the first entry in each content_scripts.js array. Chrome
+//     concatenates the array into one isolated-world script, so the
+//     downstream content script can read MaxyLinkedinExtractors directly.
+//   - Loaded into jsdom by the tests, which evaluate this file in a
+//     wrapped function scope so the same globalThis assignment exposes the
+//     functions to the test runtime.
+//
+// No imports, no exports — the manifest-v3 content script context does not
+// support ES module imports, and the bundler-free deploy path is the point.
+
+;(function () {
+  function sel(doc, primary, fallback) {
+    return doc.querySelector(primary) || doc.querySelector(fallback)
+  }
+
+  function txt(el) {
+    return el ? el.textContent.trim().replace(/\s+/g, ' ') : ''
+  }
+
+  function allTxt(el) {
+    if (!el) return ''
+    return el.textContent
+      .replace(/\r/g, '')
+      .replace(/[ \t]+/g, ' ')
+      .replace(/\n{3,}/g, '\n\n')
+      .trim()
+  }
+
+  function extractProfile(doc) {
+    const name = txt(sel(doc, 'h1.text-heading-xlarge', 'section.top-card-layout h1'))
+    const headline = txt(sel(doc, '[data-test-headline]', '.text-body-medium.break-words'))
+    const location = txt(sel(doc, '[data-test-location]', '.text-body-small.inline.t-black--light'))
+    const currentTitle = txt(sel(
+      doc,
+      '[data-test-current-position] .position-title',
+      'section#experience li:first-child .t-bold > span:first-child',
+    ))
+    const currentCompany = txt(sel(
+      doc,
+      '[data-test-current-position] .position-company',
+      'section#experience li:first-child .t-normal > span:first-child',
+    ))
+    const bodyEl = sel(doc, 'main', 'body')
+    const bodyText = allTxt(bodyEl)
+
+    const missing = []
+    if (!name) missing.push('name')
+    if (!headline) missing.push('headline')
+    if (!bodyText) missing.push('bodyText')
+    if (missing.length) return { ok: false, missing: missing }
+
+    return {
+      ok: true,
+      payload: {
+        name: name,
+        headline: headline,
+        location: location || '',
+        currentTitle: currentTitle || null,
+        currentCompany: currentCompany || null,
+        bodyText: bodyText,
+      },
+    }
+  }
+
+  function extractThread(doc) {
+    const root =
+      doc.querySelector('.msg-thread') ||
+      doc.querySelector('[data-test-thread-root]')
+    if (!root) return { ok: false, missing: ['threadRoot'] }
+
+    const events = root.querySelectorAll('.msg-s-message-list__event, [data-test-message-item]')
+    if (!events.length) return { ok: false, missing: ['messages'] }
+
+    const participantsMap = new Map()
+    const lines = []
+
+    events.forEach(function (ev) {
+      const nameEl =
+        ev.querySelector('.msg-s-event-listitem__name') ||
+        ev.querySelector('[data-test-sender-name]')
+      const linkEl =
+        ev.querySelector('a.msg-s-event-listitem__link[href*="/in/"]') ||
+        ev.querySelector('[data-test-sender-link]')
+      const timeEl =
+        ev.querySelector('time.msg-s-event-listitem__timestamp[datetime]') ||
+        ev.querySelector('[data-test-message-time][datetime]')
+      const bodyEl =
+        ev.querySelector('.msg-s-event-listitem__body') ||
+        ev.querySelector('[data-test-message-body]')
+
+      const name = txt(nameEl)
+      const body = allTxt(bodyEl)
+      if (!name || !body) return
+
+      const href = linkEl && linkEl.getAttribute('href')
+      const profileUrl = href
+        ? href.startsWith('http')
+          ? href
+          : 'https://www.linkedin.com' + href
+        : null
+      if (!participantsMap.has(name)) participantsMap.set(name, profileUrl)
+
+      const datetime = timeEl && timeEl.getAttribute('datetime')
+      lines.push(name + (datetime ? ' [' + datetime + ']' : '') + ': ' + body)
+    })
+
+    if (!lines.length) return { ok: false, missing: ['messages'] }
+
+    const participants = Array.from(participantsMap.entries()).map(function (entry) {
+      return { name: entry[0], profileUrl: entry[1] }
+    })
+
+    return {
+      ok: true,
+      payload: {
+        participants: participants,
+        bodyText: lines.join('\n'),
+      },
+    }
+  }
+
+  globalThis.MaxyLinkedinExtractors = {
+    extractProfile: extractProfile,
+    extractThread: extractThread,
+  }
+})()

package/payload/platform/plugins/linkedin-extension/extension/content/profile.js

@@ -0,0 +1,82 @@
+// Profile content script. Runs on linkedin.com/in/*.
+// Manifest concatenates extractors.js + this file, so MaxyLinkedinExtractors
+// is in scope. One click → scrape → post to the service worker → pill state.
+
+;(function () {
+  const TAG_MOUNT = '[linkedin-ext-mount]'
+  const TAG_SCRAPE = '[linkedin-ext-scrape]'
+  const TAG_ERROR = '[linkedin-ext-error]'
+  const PILL_ID = 'maxy-linkedin-pill'
+
+  function setState(pill, state, label) {
+    pill.dataset.state = state
+    if (label) pill.textContent = label
+  }
+
+  async function onClick(pill) {
+    const dispatchId = crypto.randomUUID()
+    setState(pill, 'busy', 'Capturing…')
+
+    const result = globalThis.MaxyLinkedinExtractors.extractProfile(document)
+    if (!result.ok) {
+      console.error(TAG_SCRAPE + ' page=profile ok=false missing=' + result.missing.join(','))
+      setState(pill, 'error', 'Missing: ' + result.missing.join(', '))
+      return
+    }
+    console.log(TAG_SCRAPE + ' page=profile ok=true fields=' + Object.keys(result.payload).join(','))
+
+    const envelope = {
+      source: 'linkedin',
+      kind: 'profile',
+      capturedAt: new Date().toISOString(),
+      pageUrl: location.href.split('?')[0].split('#')[0],
+      dispatchId: dispatchId,
+      profile: result.payload,
+    }
+
+    let reply
+    try {
+      reply = await chrome.runtime.sendMessage({ type: 'linkedin-ingest', envelope: envelope })
+    } catch (err) {
+      console.error(TAG_ERROR + ' reason=network detail=' + (err && err.message ? err.message : String(err)))
+      setState(pill, 'error', 'Capture failed')
+      return
+    }
+
+    if (!reply || !reply.ok) {
+      const reason = (reply && reply.reason) || 'network'
+      const detail = (reply && reply.detail) || ''
+      console.error(TAG_ERROR + ' reason=' + reason + ' detail=' + detail)
+      if (reason === 'auth') {
+        setState(pill, 'auth', 'Sign in to SiteDesk')
+        pill.onclick = function () { chrome.runtime.openOptionsPage() }
+        return
+      }
+      setState(pill, 'error', 'Capture failed')
+      return
+    }
+
+    setState(pill, 'ok', 'Captured ✓')
+  }
+
+  function mount() {
+    if (document.getElementById(PILL_ID)) return
+    const anchor = document.querySelector('section.top-card-layout, main') || document.body
+    if (!anchor) return
+    const pill = document.createElement('button')
+    pill.id = PILL_ID
+    pill.className = 'maxy-pill'
+    pill.type = 'button'
+    pill.textContent = 'Add to SiteDesk'
+    pill.dataset.state = 'idle'
+    pill.addEventListener('click', function () { onClick(pill) })
+    anchor.prepend(pill)
+    console.log(TAG_MOUNT + ' page=profile url=' + location.href)
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', mount, { once: true })
+  } else {
+    mount()
+  }
+})()

package/payload/platform/plugins/linkedin-extension/extension/content/thread.js

@@ -0,0 +1,84 @@
+// Thread content script. Runs on linkedin.com/messaging/thread/*.
+// Manifest concatenates extractors.js + this file.
+
+;(function () {
+  const TAG_MOUNT = '[linkedin-ext-mount]'
+  const TAG_SCRAPE = '[linkedin-ext-scrape]'
+  const TAG_ERROR = '[linkedin-ext-error]'
+  const PILL_ID = 'maxy-linkedin-pill'
+
+  function setState(pill, state, label) {
+    pill.dataset.state = state
+    if (label) pill.textContent = label
+  }
+
+  async function onClick(pill) {
+    const dispatchId = crypto.randomUUID()
+    setState(pill, 'busy', 'Capturing…')
+
+    const result = globalThis.MaxyLinkedinExtractors.extractThread(document)
+    if (!result.ok) {
+      console.error(TAG_SCRAPE + ' page=thread ok=false missing=' + result.missing.join(','))
+      setState(pill, 'error', 'Missing: ' + result.missing.join(', '))
+      return
+    }
+    console.log(
+      TAG_SCRAPE + ' page=thread ok=true fields=participants,bodyText participantCount=' +
+        result.payload.participants.length,
+    )
+
+    const envelope = {
+      source: 'linkedin',
+      kind: 'thread',
+      capturedAt: new Date().toISOString(),
+      pageUrl: location.href.split('?')[0].split('#')[0],
+      dispatchId: dispatchId,
+      thread: result.payload,
+    }
+
+    let reply
+    try {
+      reply = await chrome.runtime.sendMessage({ type: 'linkedin-ingest', envelope: envelope })
+    } catch (err) {
+      console.error(TAG_ERROR + ' reason=network detail=' + (err && err.message ? err.message : String(err)))
+      setState(pill, 'error', 'Capture failed')
+      return
+    }
+
+    if (!reply || !reply.ok) {
+      const reason = (reply && reply.reason) || 'network'
+      const detail = (reply && reply.detail) || ''
+      console.error(TAG_ERROR + ' reason=' + reason + ' detail=' + detail)
+      if (reason === 'auth') {
+        setState(pill, 'auth', 'Sign in to SiteDesk')
+        pill.onclick = function () { chrome.runtime.openOptionsPage() }
+        return
+      }
+      setState(pill, 'error', 'Capture failed')
+      return
+    }
+
+    setState(pill, 'ok', 'Captured ✓')
+  }
+
+  function mount() {
+    if (document.getElementById(PILL_ID)) return
+    const anchor = document.querySelector('.msg-thread, header.msg-overlay-bubble-header, main') || document.body
+    if (!anchor) return
+    const pill = document.createElement('button')
+    pill.id = PILL_ID
+    pill.className = 'maxy-pill'
+    pill.type = 'button'
+    pill.textContent = 'Add to SiteDesk'
+    pill.dataset.state = 'idle'
+    pill.addEventListener('click', function () { onClick(pill) })
+    anchor.prepend(pill)
+    console.log(TAG_MOUNT + ' page=thread url=' + location.href)
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', mount, { once: true })
+  } else {
+    mount()
+  }
+})()

package/payload/platform/plugins/linkedin-extension/extension/manifest.json

@@ -0,0 +1,32 @@
+{
+  "manifest_version": 3,
+  "name": "SiteDesk LinkedIn Ingest",
+  "version": "0.1.0",
+  "description": "Add an Add-to-SiteDesk pill to LinkedIn profiles and DM threads. One click captures the page and posts to your SiteDesk admin.",
+  "permissions": ["storage", "activeTab"],
+  "host_permissions": ["https://www.linkedin.com/*"],
+  "background": {
+    "service_worker": "background/sw.js"
+  },
+  "content_scripts": [
+    {
+      "matches": ["https://www.linkedin.com/in/*"],
+      "js": ["content/extractors.js", "content/profile.js"],
+      "css": ["assets/pill.css"],
+      "run_at": "document_idle"
+    },
+    {
+      "matches": ["https://www.linkedin.com/messaging/thread/*"],
+      "js": ["content/extractors.js", "content/thread.js"],
+      "css": ["assets/pill.css"],
+      "run_at": "document_idle"
+    }
+  ],
+  "options_ui": {
+    "page": "options/options.html",
+    "open_in_tab": true
+  },
+  "action": {
+    "default_title": "SiteDesk LinkedIn Ingest — open options"
+  }
+}

package/payload/platform/plugins/linkedin-extension/extension/options/options.html

@@ -0,0 +1,33 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>SiteDesk LinkedIn Ingest — Options</title>
+    <style>
+      body { font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: 480px; margin: 32px auto; padding: 0 16px; color: #111; }
+      h1 { font-size: 18px; margin: 0 0 12px; }
+      p { margin: 8px 0 16px; color: #444; }
+      label { display: block; font-weight: 600; margin: 12px 0 4px; }
+      input { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #ccc; border-radius: 6px; font: inherit; }
+      button { margin-top: 16px; padding: 8px 14px; border: 0; border-radius: 6px; background: #0a66c2; color: #fff; font: inherit; cursor: pointer; }
+      button:hover { background: #084d92; }
+      .status { margin-top: 12px; min-height: 1.2em; color: #155724; }
+      .status.error { color: #b00020; }
+    </style>
+  </head>
+  <body>
+    <h1>SiteDesk LinkedIn Ingest</h1>
+    <p>Point the extension at your SiteDesk admin host and paste your admin session key. The pill on LinkedIn will then post one-click captures to your admin.</p>
+
+    <label for="admin-host">Admin host</label>
+    <input id="admin-host" type="url" placeholder="https://your-tunnel.example.com" />
+
+    <label for="session-key">Session key</label>
+    <input id="session-key" type="password" placeholder="paste the value of session_key from your admin browser" />
+
+    <button id="save">Save</button>
+    <div id="status" class="status"></div>
+
+    <script src="options.js"></script>
+  </body>
+</html>