@loupekit/sdk 0.11.1 → 0.12.0

package/dist/index.js

@@ -341,6 +341,8 @@ var STYLES = (
 }
 .tabs .tab:hover { color: var(--ink); background: var(--bg-2); }
 .tabs .tab.on { color: var(--accent); border-bottom-color: var(--accent); }
+.tabs .tab.off { opacity: .45; cursor: not-allowed; }
+.tabs .tab.off:hover { color: inherit; background: transparent; }
 
 /* Only the active page shows. Driven by an "on" class rather than a .tab-<id>
    selector, so host-registered tab ids need no CSS of their own. */
@@ -399,11 +401,6 @@ var STYLES = (
   font-size: 10.5px; font-family: ui-monospace, Menlo, monospace;
   max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 }
-.listhead .reposel {
-  margin-left: 6px; font-size: 11px; padding: 3px 6px; border: 1px solid var(--line);
-  border-radius: 7px; background: var(--bg-2); color: var(--ink);
-  text-transform: none; letter-spacing: 0; max-width: 130px;
-}
 
 /* recording marker + video in the list */
 .item .rectag { font-size: 10px; font-weight: 700; color: var(--pin); background: var(--bg-3); border-radius: 999px; padding: 1px 7px; white-space: nowrap; }
@@ -517,6 +514,9 @@ var STYLES = (
 .activity-view { padding: 10px 12px 16px; }
 .mon-status { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; color: var(--ink); }
 .mon-spacer { flex: 1; }
+.mon-live { font-size: 10px; font-weight: 600; color: var(--muted); }
+.mon-live.live { color: #2f9e6a; }
+.mon-live.offline { color: #d9534f; }
 .mon-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--muted); flex: none; }
 .mon-status.st-working .mon-dot { background: var(--accent); animation: loupe-pulse 1.4s ease-in-out infinite; }
 .mon-status.st-error .mon-dot { background: var(--pin); }
@@ -580,8 +580,7 @@ var STYLES = (
   color: var(--ink); font-size: 11.5px; font-family: ui-monospace, Menlo, monospace; cursor: pointer;
 }
 .proj-chip:hover { border-color: var(--accent); }
-.proj-chip .proj-repo { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
-.proj-chip.unset .proj-repo { color: var(--muted); font-style: italic; }
+.proj-chip .proj-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
 .proj-caret { color: var(--muted); font-family: inherit; }
 .proj-pop {
   position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 25;
@@ -594,19 +593,17 @@ var STYLES = (
 .pp-x:hover { background: var(--bg-3); color: var(--ink); }
 .pp-cur { margin-bottom: 8px; font-size: 11.5px; line-height: 1.45; color: var(--muted); }
 .pp-cur b { color: var(--ink); font-family: ui-monospace, Menlo, monospace; }
-.pp-search {
-  width: 100%; margin-bottom: 6px; padding: 6px 8px; border: 1px solid var(--line);
-  border-radius: 8px; background: var(--bg); color: var(--ink); font-size: 12px;
-}
-.pp-search:focus { outline: none; border-color: var(--accent); }
 .pp-list { display: flex; flex-direction: column; gap: 2px; max-height: 30vh; overflow-y: auto; }
-.pp-item {
-  padding: 6px 8px; border: 1px solid transparent; border-radius: 7px; background: transparent;
-  color: var(--ink); font-size: 11.5px; font-family: ui-monospace, Menlo, monospace;
-  text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+.pp-proj {
+  display: flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid transparent;
+  border-radius: 7px; font-size: 11.5px; color: var(--ink);
+}
+.pp-proj.on { border-color: var(--accent); }
+.pp-proj-n { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.pp-badge {
+  flex: none; padding: 1px 6px; border-radius: 999px; background: var(--bg-3);
+  color: var(--muted); font-size: 10px; white-space: nowrap;
 }
-.pp-item:hover { background: var(--bg-3); }
-.pp-item.on { border-color: var(--accent); color: var(--accent); }
 .pp-empty { padding: 8px 6px; font-size: 11px; line-height: 1.5; color: var(--muted); }
 .pp-empty code { font-family: ui-monospace, Menlo, monospace; color: var(--ink); }
 .pp-clear {
@@ -640,6 +637,15 @@ var STYLES = (
 /* The host package's version, shown only when it differs from this bundle's (a stale publish). */
 .ver-stale { color: var(--pin); font-family: ui-monospace, Menlo, monospace; font-weight: 600; cursor: help; }
 
+/* ------------------------------------------------ tickets between projects */
+.srcchip, .fwdchip {
+  padding: 1px 6px; border-radius: 999px; white-space: nowrap; font-size: 10px;
+  border: 1px solid var(--line); background: var(--bg); color: var(--muted);
+  max-width: 140px; overflow: hidden; text-overflow: ellipsis;
+}
+.fwdchip { border-color: var(--accent); color: var(--accent); }
+.fwdchip.bad { border-color: #d9534f; color: #d9534f; }
+
 /* ------------------------------------------------ lifecycle chips + review flow */
 .lifechip {
   padding: 1px 6px; border-radius: 999px; white-space: nowrap;
@@ -3759,6 +3765,14 @@ var LocalStorageAdapter = class {
       }
     }
   }
+  /** Offline: there is no organization to read. */
+  async getOrg() {
+    return null;
+  }
+  /** Offline: no server feed; the panel shows only what this browser reports. */
+  async listActivity(_projectKey, _since) {
+    return null;
+  }
 };
 
 // src/http-adapter.ts
@@ -3894,6 +3908,28 @@ var HttpAdapter = class {
     }));
     if (!res.ok) throw new Error(`update failed: ${res.status}`);
   }
+  /** The organization, read through the host app. A 404 means the backend has no such endpoint. */
+  async getOrg() {
+    const res = await fetch(`${this.base}/v1/org`, this.opts({ headers: this.headers() }));
+    if (res.status === 404) return null;
+    if (!res.ok) throw new Error(`getOrg failed: ${res.status}`);
+    const body = await res.json();
+    if (!body || typeof body !== "object" || !body.project || !Array.isArray(body.projects)) {
+      throw new Error("getOrg: the answer was not an organization");
+    }
+    return body;
+  }
+  /** The server's activity feed. A 404 means the backend keeps none. */
+  async listActivity(projectKey, since) {
+    const q = new URLSearchParams({ projectKey });
+    if (since) q.set("since", since);
+    const res = await fetch(`${this.base}/v1/activity?${q}`, this.opts({ headers: this.headers() }));
+    if (res.status === 404) return null;
+    if (!res.ok) throw new Error(`listActivity failed: ${res.status}`);
+    const body = await res.json();
+    if (!Array.isArray(body)) throw new Error("listActivity: the answer was not a list");
+    return body;
+  }
   async remove(id) {
     const res = await fetch(`${this.base}/v1/comments/${encodeURIComponent(id)}`, this.opts({
       method: "DELETE",
@@ -3904,7 +3940,7 @@ var HttpAdapter = class {
 };
 
 // src/app.ts
-var SDK_VERSION = true ? "0.11.1" : "dev";
+var SDK_VERSION = true ? "0.12.0" : "dev";
 var FAB_SIZE = 46;
 var FAB_DRAG_THRESHOLD = 6;
 var LAUNCHER_SHORTCUT = "Alt+Shift+L";
@@ -3929,7 +3965,7 @@ var TOUR = [
     sel: ".hscope",
     tab: "home",
     title: "This page, or the whole project",
-    body: "Switch to All to see every page's feedback as a day-grouped timeline, with a repo filter."
+    body: "Switch to All to see every page's feedback as a day-grouped timeline."
   },
   {
     sel: ".tools",
@@ -3941,7 +3977,7 @@ var TOUR = [
     sel: '.tabs [data-tab="activity"]',
     tab: "activity",
     title: "Watch the work happen",
-    body: "Anything an agent bridge or your app reports lands here \u2014 with tool chips to filter it, and Loupe's own operations alongside."
+    body: "Comments, status changes and forwarded tickets land here as they happen, with anything a bridge or your app reports. Tool chips filter it."
   },
   {
     sel: '.dctl [data-role="settings"]',
@@ -4058,8 +4094,6 @@ var LoupeApp = class {
     this.allLoaded = false;
     /** A clicked stat tile, which narrows the list. */
     this.statFilter = "";
-    /** Repo filter, offered once the scope is "all". */
-    this.repoFilter = "";
     /** Accent preset id (see ACCENTS), applied as inline --accent / --accent-soft. */
     this.accent = "indigo";
     /** Collapsed to the one-line minimize bar. */
@@ -4083,8 +4117,16 @@ var LoupeApp = class {
     this.activityFollow = true;
     /** The summary card's key/value rows are behind this toggle. */
     this.summaryOpen = false;
-    /** Per-browser project settings: a repo override and the environment URLs. */
+    /** Per-browser project settings: the environment URLs and the Local AI endpoint. */
     this.project = { environments: [] };
+    /** The organization, read once from the backend. Null offline or before it loads. */
+    this.org = null;
+    /** Whether the server keeps an activity feed, and whether the last read reached it. */
+    this.activityRemote = "unsupported";
+    /** Newest server event seen, so a poll asks only for what is new. */
+    this.activitySince = "";
+    /** The backend answered that it keeps no feed, so the panel stops asking. */
+    this.activityNone = false;
     /** Iteration history per thread — generating a change is a stack, not a one-shot. */
     this.iterations = /* @__PURE__ */ new Map();
     /** The thread whose generate pane is open, if any. */
@@ -4097,13 +4139,9 @@ var LoupeApp = class {
     this.consent = emptyConsent();
     /** The live SpeechRecognition instance while dictating, if any. */
     this.voice = null;
-    this.projSearch = "";
     this.projOpen = false;
-    this.projResults = [];
     this.projError = "";
     this.envDraft = "";
-    /** Guards against a slow repo search overwriting a newer one. */
-    this.repoSeq = 0;
     /** Float-mode window geometry; (x<=0 && y<=0) → placed on first layout. */
     this.floatRect = { x: 0, y: 0, w: 380, h: 540 };
     this.floatDrag = null;
@@ -4448,6 +4486,10 @@ var LoupeApp = class {
   get url() {
     return location.pathname + location.search;
   }
+  /** Chat is experimental: the tab stays dimmed and inert unless the host opts in. */
+  get chatOn() {
+    return this.cfg.chat === true;
+  }
   async start() {
     this.loadState();
     this.loadProject();
@@ -4464,8 +4506,11 @@ var LoupeApp = class {
     this.renderHome();
     this.startPresence();
     this.startLiveThreads();
-    this.startCompanionStream();
+    if (this.chatOn) this.startCompanionStream();
     void this.loadNotifications();
+    void this.loadOrg();
+    void this.loadActivity();
+    this.syncActivityPoll();
     void this.loadAllComments();
     this.observe();
     this.watchNavigation();
@@ -4636,8 +4681,13 @@ var LoupeApp = class {
     this.tabList = [...BUILTIN_TABS, ...(this.cfg.tabs ?? []).map((t) => ({ id: t.id, label: t.label }))];
     const tabs = el("div", "tabs");
     for (const t of this.tabList) {
-      const b = el("button", "tab", t.label);
+      const off = t.id === "chat" && !this.chatOn;
+      const b = el("button", off ? "tab off" : "tab", t.label);
       b.dataset.tab = t.id;
+      if (off) {
+        b.setAttribute("aria-disabled", "true");
+        b.title = "Chat \u2014 coming soon";
+      }
       b.onclick = () => this.setTab(t.id);
       tabs.appendChild(b);
     }
@@ -4677,15 +4727,6 @@ var LoupeApp = class {
       this.renderList();
     };
     listHead.appendChild(search);
-    this.repoSel = el("select", "reposel");
-    this.repoSel.title = "Filter by repository";
-    this.repoSel.setAttribute("aria-label", "Filter by repository");
-    this.repoSel.onchange = () => {
-      this.repoFilter = this.repoSel.value;
-      this.renderList();
-    };
-    this.repoSel.style.display = "none";
-    listHead.appendChild(this.repoSel);
     this.listEl = el("div", "list");
     const homeView = el("div", "view home-view");
     this.homeEl = homeView;
@@ -4771,6 +4812,7 @@ var LoupeApp = class {
   }
   /** The Chat tab label carries the unread count, so it is visible from any page. */
   updateChatBadge() {
+    if (!this.chatOn) return;
     const tab = this.tabList.findIndex((t) => t.id === "chat");
     const buttons = this.shadow?.querySelectorAll(".tabs .tab");
     const el2 = buttons?.[tab];
@@ -5094,7 +5136,7 @@ var LoupeApp = class {
     }
   }
   buildActivityPanel() {
-    this.activityEl.innerHTML = `<div class="hint-slot" id="loupe-ahint"></div><div class="mon-status" id="loupe-mon-status"><span class="mon-dot"></span><span class="mon-status-label"></span><span class="mon-spacer"></span><button class="mon-clear" data-role="mon-clear" title="Clear the feed">Clear</button></div><div class="mon-summary" id="loupe-mon-summary"></div><div class="mon-micro" id="loupe-mon-micro"></div><div class="mon-chips" id="loupe-mon-chips"></div><div class="mon-feed" id="loupe-mon-feed"></div>`;
+    this.activityEl.innerHTML = `<div class="hint-slot" id="loupe-ahint"></div><div class="mon-status" id="loupe-mon-status"><span class="mon-dot"></span><span class="mon-status-label"></span><span class="mon-live" id="loupe-mon-live"></span><span class="mon-spacer"></span><button class="mon-clear" data-role="mon-clear" title="Clear the feed">Clear</button></div><div class="mon-summary" id="loupe-mon-summary"></div><div class="mon-micro" id="loupe-mon-micro"></div><div class="mon-chips" id="loupe-mon-chips"></div><div class="mon-feed" id="loupe-mon-feed"></div>`;
     this.feedEl = this.activityEl.querySelector("#loupe-mon-feed");
     this.activityHint = this.activityEl.querySelector("#loupe-ahint");
     this.activityEl.querySelector('[data-role="mon-clear"]').onclick = () => this.clearActivity();
@@ -5132,6 +5174,52 @@ var LoupeApp = class {
     this.activityStatus = "idle";
     this.renderActivity();
   }
+  /**
+   * Read the server's feed and merge it in by id. A backend without a feed answers
+   * null once, and the panel stops asking.
+   */
+  async loadActivity() {
+    if (this.activityNone) return;
+    let events;
+    try {
+      const read = this.store.listActivity?.bind(this.store);
+      events = read ? await read(this.cfg.projectKey, this.activitySince || void 0) : null;
+    } catch {
+      if (this.activityRemote === "live") {
+        this.activityRemote = "offline";
+        this.renderActivity();
+      }
+      return;
+    }
+    if (events === null) {
+      this.activityRemote = "unsupported";
+      this.activityNone = true;
+      this.syncActivityPoll();
+      this.renderActivity();
+      return;
+    }
+    this.activityRemote = "live";
+    const known = new Set(this.activityEvents.map((e) => e.id));
+    const fresh = events.filter((e) => e && typeof e.id === "string" && !known.has(e.id));
+    if (fresh.length) {
+      this.activityEvents = [...this.activityEvents, ...fresh].sort((a, b) => a.at.localeCompare(b.at)).slice(-500);
+      const newest = fresh.reduce((m, e) => e.at > m ? e.at : m, this.activitySince);
+      this.activitySince = newest;
+      const tenMinutesAgo = new Date(Date.now() - 10 * 60 * 1e3).toISOString();
+      if (fresh.some((e) => e.level === "error" && e.at >= tenMinutesAgo)) this.activityStatus = "error";
+    }
+    this.renderActivity();
+  }
+  /** Poll the server's feed every 15s, but only while the Activity view is on screen. */
+  syncActivityPoll() {
+    const want = this.tab === "activity" && !this.activityNone && !!this.store.listActivity;
+    if (want && !this.activityPoll) {
+      this.activityPoll = setInterval(() => void this.loadActivity(), 15e3);
+    } else if (!want && this.activityPoll) {
+      clearInterval(this.activityPoll);
+      this.activityPoll = void 0;
+    }
+  }
   /** The summary, status row, micro-stats and chips — derived, never stored. */
   renderActivityChrome() {
     if (!this.activityEl) return;
@@ -5140,6 +5228,11 @@ var LoupeApp = class {
     const s = summarizeActivity(this.activityEvents, this.activityStatus);
     status.querySelector(".mon-status-label").textContent = ACTIVITY_STATUS_LABELS[s.status];
     status.className = `mon-status st-${s.status}`;
+    const live = status.querySelector("#loupe-mon-live");
+    if (live) {
+      live.textContent = this.activityRemote === "live" ? "Live" : this.activityRemote === "offline" ? "Offline" : "";
+      live.className = `mon-live ${this.activityRemote}`;
+    }
     const summary = this.activityEl.querySelector("#loupe-mon-summary");
     if (!s.events) {
       summary.innerHTML = "";
@@ -5193,7 +5286,7 @@ var LoupeApp = class {
     if (!this.feedEl) return;
     const events = this.activityFilter ? this.activityEvents.filter((e) => e.kind === this.activityFilter) : this.activityEvents;
     if (!events.length) {
-      this.feedEl.innerHTML = `<div class="mon-empty">` + (this.activityEvents.length ? `Nothing from <b>${escapeHtml(this.activityFilter)}</b> yet.` : `<b>Monitor unavailable.</b> Nothing is feeding this view yet.<br>A bridge or your app can push events with <code>Loupe.trackActivity({ kind, label })</code>, and Loupe reports its own operations here as you work.`) + `</div>`;
+      this.feedEl.innerHTML = `<div class="mon-empty">` + (this.activityEvents.length ? `Nothing from <b>${escapeHtml(this.activityFilter)}</b> yet.` : this.activityRemote === "live" ? `No activity yet. Comments, status changes and forwarded tickets appear here.` : `<b>Monitor unavailable.</b> Nothing is feeding this view yet.<br>A bridge or your app can push events with <code>Loupe.trackActivity({ kind, label })</code>, and Loupe reports its own operations here as you work.`) + `</div>`;
       return;
     }
     this.feedEl.innerHTML = events.map((e) => {
@@ -5209,7 +5302,7 @@ var LoupeApp = class {
    */
   buildHomePanel() {
     const title = this.cfg.label ?? "Loupe";
-    this.homeEl.innerHTML = `<div class="hint-slot" id="loupe-hhint"></div><div class="hstat" id="loupe-hstats"></div><div class="hscope"><button class="hscope-b" data-scope="page">This page <b class="hscope-n"></b></button><button class="hscope-b" data-scope="all">All <b class="hscope-n"></b></button><button class="hrefresh" title="Refresh" aria-label="Refresh">\u27F3</button></div><button class="hpin" data-role="home-pin">\u271B Pin feedback on this page</button><div class="projbar"><span class="proj-label">Project</span><button class="proj-chip" data-role="proj-open" aria-haspopup="dialog" aria-expanded="false"><span class="proj-repo"></span><span class="proj-caret">\u25BE</span></button><div class="proj-pop" id="loupe-proj" role="dialog" aria-label="Project settings"></div></div><div class="hnotif" id="loupe-hnotif"></div><div class="hlabel">Recent</div><div class="hfeed" id="loupe-hfeed"></div><div class="hfoot">${escapeHtml(title)} \xB7 <span class="hver">v${escapeHtml(SDK_VERSION)}</span>${this.packageVersionNote()}</div>`;
+    this.homeEl.innerHTML = `<div class="hint-slot" id="loupe-hhint"></div><div class="hstat" id="loupe-hstats"></div><div class="hscope"><button class="hscope-b" data-scope="page">This page <b class="hscope-n"></b></button><button class="hscope-b" data-scope="all">All <b class="hscope-n"></b></button><button class="hrefresh" title="Refresh" aria-label="Refresh">\u27F3</button></div><button class="hpin" data-role="home-pin">\u271B Pin feedback on this page</button><div class="projbar"><span class="proj-label">Project</span><button class="proj-chip" data-role="proj-open" aria-haspopup="dialog" aria-expanded="false"><span class="proj-name"></span><span class="proj-caret">\u25BE</span></button><div class="proj-pop" id="loupe-proj" role="dialog" aria-label="Project settings"></div></div><div class="hnotif" id="loupe-hnotif"></div><div class="hlabel">Recent</div><div class="hfeed" id="loupe-hfeed"></div><div class="hfoot">${escapeHtml(title)} \xB7 <span class="hver">v${escapeHtml(SDK_VERSION)}</span>${this.packageVersionNote()}</div>`;
     this.homeEl.querySelector('[data-role="proj-open"]').onclick = (e) => {
       e.stopPropagation();
       this.setProjectOpen(!this.projOpen);
@@ -5361,65 +5454,36 @@ var LoupeApp = class {
     };
   }
   // ---- project manager (#60) ------------------------------------------------
-  /** The repo new comments are filed against: the panel's choice, else the config. */
-  effectiveRepo() {
-    return this.project.repo || this.cfg.repo || void 0;
-  }
   setProjectOpen(open) {
     this.projOpen = open;
     this.projError = "";
-    if (open) {
-      this.projSearch = "";
-      void this.refreshRepos();
-    }
     this.renderProject();
   }
-  /** Repositories to offer — a fixed list, or the host's search function. */
-  async repoChoices() {
-    const source = this.cfg.repos;
-    if (!source) return [];
-    if (Array.isArray(source)) {
-      const q = this.projSearch.trim().toLowerCase();
-      const all = q ? source.filter((r) => r.toLowerCase().includes(q)) : source;
-      return all.slice(0, 50);
-    }
+  /** Read the organization once. A backend without the endpoint, or offline mode, leaves it null. */
+  async loadOrg() {
     try {
-      const out = await source(this.projSearch);
-      return (Array.isArray(out) ? out : []).slice(0, 50);
-    } catch (e) {
-      this.projError = e instanceof Error ? e.message : "Could not load repositories.";
-      return [];
+      this.org = await this.store.getOrg?.() ?? null;
+    } catch {
+      this.org = null;
     }
+    this.renderProject();
   }
-  /**
-   * Re-run the repo search. The sequence guard matters: typing fires overlapping
-   * requests, and without it a slow early reply would overwrite a newer one.
-   */
-  async refreshRepos() {
-    this.projError = "";
-    const seq = ++this.repoSeq;
-    const out = await this.repoChoices();
-    if (seq !== this.repoSeq) return;
-    this.projResults = out;
-    this.renderRepoList();
-    this.renderProjectError();
+  /** "Project · Organization", or the project key when there is no organization to show. */
+  projectLabel() {
+    const org = this.org;
+    const name = org?.project.name || this.cfg.projectKey;
+    return org?.organization ? `${name} \xB7 ${org.organization.name}` : name;
   }
-  /** Only the list is rewritten on search, so the input keeps focus while typing. */
-  renderRepoList() {
-    const list = this.homeEl?.querySelector("#loupe-pp-repos");
-    if (!list) return;
-    const repo = this.effectiveRepo();
-    list.innerHTML = this.projResults.length ? this.projResults.map((r) => `<button class="pp-item${r === repo ? " on" : ""}" data-repo="${escapeAttr(r)}" title="${escapeAttr(r)}">${escapeHtml(r)}</button>`).join("") : `<div class="pp-empty">No repositories match.</div>`;
-    list.querySelectorAll("[data-repo]").forEach((b) => {
-      b.onclick = () => {
-        this.project.repo = b.dataset.repo;
-        this.saveProject();
-        this.renderProject();
-        this.renderPins();
-        this.renderList();
-        this.addActivity({ kind: "repo.link", label: `Linked this page to ${b.dataset.repo}` });
-      };
-    });
+  /** The Organization section of the project popover. Read-only: Hub owns this. */
+  orgSectionHtml() {
+    const org = this.org;
+    const head = `<div class="pp-head"><span>Organization</span><button class="pp-x" data-role="pp-close" aria-label="Close">\u2715</button></div>`;
+    if (!org?.organization) {
+      return head + `<div class="pp-cur">` + (org?.error ? "Could not reach Loupe Hub. Your organization's projects will show here when it is back." : "This project is not connected to an organization. Connect it to Loupe Hub to see the organization's projects and where its tickets go.") + `</div>`;
+    }
+    const dest = org.project.destination;
+    const others = org.projects;
+    return head + `<div class="pp-cur"><b>${escapeHtml(org.project.name || this.cfg.projectKey)}</b> in <b>${escapeHtml(org.organization.name)}</b>.</div><div class="pp-cur pp-dest">${dest ? `Tickets go to <b>${escapeHtml(dest.name)}</b>.` : "Tickets stay in this project."}</div><div class="pp-list pp-org">` + (others.length ? others.map((p) => `<div class="pp-proj${p.isDestination ? " on" : ""}"><span class="pp-proj-n">${escapeHtml(p.name)}</span>` + (p.receives ? `<span class="pp-badge">receives tickets</span>` : "") + `</div>`).join("") : `<div class="pp-empty">No other projects in this organization yet.</div>`) + `</div>`;
   }
   renderProjectError() {
     const box = this.homeEl?.querySelector("#loupe-pp-err");
@@ -5432,9 +5496,8 @@ var LoupeApp = class {
     const chip = this.homeEl.querySelector(".proj-chip");
     const pop = this.homeEl.querySelector("#loupe-proj");
     if (!chip || !pop) return;
-    const repo = this.effectiveRepo();
-    chip.querySelector(".proj-repo").textContent = repo ?? "no repo linked";
-    chip.classList.toggle("unset", !repo);
+    chip.querySelector(".proj-name").textContent = this.projectLabel();
+    chip.classList.toggle("unset", !this.org?.organization);
     chip.setAttribute("aria-expanded", String(this.projOpen));
     if (!this.projOpen) {
       pop.classList.remove("open");
@@ -5443,25 +5506,9 @@ var LoupeApp = class {
     }
     pop.classList.add("open");
     const envs = this.project.environments;
-    pop.innerHTML = `<div class="pp-head"><span>Repository</span><button class="pp-x" data-role="pp-close" aria-label="Close">\u2715</button></div><div class="pp-cur">${repo ? `New comments are filed against <b>${escapeHtml(repo)}</b>.` : "This page is not linked to a repository yet."}</div>` + (this.cfg.repos ? `<input class="pp-search" type="search" placeholder="Search repositories\u2026" value="${escapeAttr(this.projSearch)}" aria-label="Search repositories"><div class="pp-list" id="loupe-pp-repos"></div>` : `<div class="pp-empty">No repository list to search. Pass <code>repos</code> to <code>init()</code> \u2014 a string array, or a function the panel calls with the search text.</div>`) + (repo ? `<button class="pp-clear" data-role="pp-clear">Unlink this page</button>` : "") + `<div class="pp-sep"></div><div class="pp-head"><span>Environments</span></div><div class="pp-list">` + (envs.length ? envs.map((u, i) => `<div class="pp-env"><span class="pp-env-u" title="${escapeAttr(u)}">${escapeHtml(u)}</span><button class="pp-x" data-env-rm="${i}" aria-label="Remove environment">\u2715</button></div>`).join("") : `<div class="pp-empty">No environment URLs yet.</div>`) + `</div><div class="pp-add"><input class="pp-env-url" type="url" placeholder="https://staging.example.com" value="${escapeAttr(this.envDraft)}" aria-label="Environment URL"><button class="pp-add-b" data-role="env-add">Add</button></div><div class="pp-sep"></div><div class="pp-head"><span>Local AI</span></div><div class="pp-empty">Any OpenAI-compatible server \u2014 used by the Generate pane.</div><div class="pp-add"><input class="pp-ai-url" type="url" placeholder="http://localhost:11434" value="${escapeAttr(this.project.localAi?.url ?? "")}" aria-label="Local AI endpoint"></div><div class="pp-add"><input class="pp-ai-model" type="text" placeholder="llama3.2" value="${escapeAttr(this.project.localAi?.model ?? "")}" aria-label="Model name"><button class="pp-add-b" data-role="ai-save">Save</button></div><div class="pp-add"><button class="pp-clear" data-role="ai-test">Test connection</button></div><div class="pp-ai-out" id="loupe-pp-ai"></div><div class="pp-err" id="loupe-pp-err"></div>`;
-    this.renderRepoList();
+    pop.innerHTML = this.orgSectionHtml() + `<div class="pp-sep"></div><div class="pp-head"><span>Environments</span></div><div class="pp-list">` + (envs.length ? envs.map((u, i) => `<div class="pp-env"><span class="pp-env-u" title="${escapeAttr(u)}">${escapeHtml(u)}</span><button class="pp-x" data-env-rm="${i}" aria-label="Remove environment">\u2715</button></div>`).join("") : `<div class="pp-empty">No environment URLs yet.</div>`) + `</div><div class="pp-add"><input class="pp-env-url" type="url" placeholder="https://staging.example.com" value="${escapeAttr(this.envDraft)}" aria-label="Environment URL"><button class="pp-add-b" data-role="env-add">Add</button></div><div class="pp-sep"></div><div class="pp-head"><span>Local AI</span></div><div class="pp-empty">Any OpenAI-compatible server \u2014 used by the Generate pane.</div><div class="pp-add"><input class="pp-ai-url" type="url" placeholder="http://localhost:11434" value="${escapeAttr(this.project.localAi?.url ?? "")}" aria-label="Local AI endpoint"></div><div class="pp-add"><input class="pp-ai-model" type="text" placeholder="llama3.2" value="${escapeAttr(this.project.localAi?.model ?? "")}" aria-label="Model name"><button class="pp-add-b" data-role="ai-save">Save</button></div><div class="pp-add"><button class="pp-clear" data-role="ai-test">Test connection</button></div><div class="pp-ai-out" id="loupe-pp-ai"></div><div class="pp-err" id="loupe-pp-err"></div>`;
     this.renderProjectError();
     pop.querySelector('[data-role="pp-close"]').onclick = () => this.setProjectOpen(false);
-    pop.querySelector('[data-role="pp-clear"]')?.addEventListener("click", () => {
-      this.project.repo = void 0;
-      this.saveProject();
-      this.renderProject();
-      this.renderPins();
-      this.renderList();
-    });
-    const search = pop.querySelector(".pp-search");
-    if (search) {
-      search.addEventListener("click", (e) => e.stopPropagation());
-      search.oninput = () => {
-        this.projSearch = search.value;
-        void this.refreshRepos();
-      };
-    }
     pop.querySelectorAll("[data-env-rm]").forEach((b) => {
       b.onclick = () => {
         const i = Number(b.dataset.envRm);
@@ -5525,10 +5572,9 @@ var LoupeApp = class {
     try {
       const raw = localStorage.getItem(`loupe:project:${this.cfg.projectKey}`);
       const p = raw ? JSON.parse(raw) : null;
-      const repo = typeof p?.repo === "string" && p.repo ? p.repo : void 0;
       const stored = Array.isArray(p?.environments) ? p.environments.filter((u) => typeof u === "string") : null;
       const localAi = p?.localAi && typeof p.localAi.url === "string" && typeof p.localAi.model === "string" ? { url: p.localAi.url, model: p.localAi.model } : void 0;
-      this.project = { repo, environments: stored ?? fromConfig, localAi };
+      this.project = { environments: stored ?? fromConfig, localAi };
     } catch {
       this.project = { environments: fromConfig };
     }
@@ -6127,10 +6173,6 @@ var LoupeApp = class {
       status: "queue",
       priority,
       changeType,
-      // Branch-aware threads: the host declares these once in `init()`, and the
-      // panel's project manager can override the repo per browser.
-      repo: this.effectiveRepo(),
-      branch: this.cfg.branch,
       kind: target.kind,
       anchor,
       context,
@@ -6161,8 +6203,7 @@ var LoupeApp = class {
     this.addActivity({
       kind: "comment.create",
       label: `Created \u201C${comment.title || comment.body.split("\n")[0] || "comment"}\u201D`,
-      detail: [normalizePriority(comment.priority), comment.kind ?? "element", comment.repo].filter(Boolean).join(" \xB7 "),
-      files: comment.repo ? [`${comment.repo}/${shortPath(comment.url)}`] : []
+      detail: [normalizePriority(comment.priority), comment.kind ?? "element", shortPath(comment.url)].join(" \xB7 ")
     });
   }
   /** Upload the reporter's picked files. A file that fails is skipped, not fatal. */
@@ -6187,6 +6228,7 @@ var LoupeApp = class {
       }
     }
     this.comments.forEach((c, i) => {
+      if (c.source) return;
       let pin = this.pins.get(c.id);
       if (!pin) {
         pin = el("button", "pin");
@@ -6268,6 +6310,7 @@ var LoupeApp = class {
   /** Switch the sidebar page (Home ↔ Comments ↔ Connect Claude). */
   setTab(tab) {
     if (this.tab === tab) return;
+    if (tab === "chat" && !this.chatOn) return;
     if (tab !== "comments") this.setMode("off");
     this.tab = tab;
     this.hintFor = null;
@@ -6277,7 +6320,11 @@ var LoupeApp = class {
       if (this.scope === "all" && !this.allComments.length) void this.loadAllComments();
     }
     if (tab === "comments") this.renderList();
-    if (tab === "activity") this.renderActivity();
+    if (tab === "activity") {
+      this.renderActivity();
+      void this.loadActivity();
+    }
+    this.syncActivityPoll();
     this.applyDockLayout();
   }
   toggleTheme() {
@@ -6464,11 +6511,10 @@ var LoupeApp = class {
       if (DOCK_MODES.includes(p?.mode)) this.dockMode = p.mode;
       if (typeof p?.open === "boolean") this.open = p.open;
       if (p?.theme === "light" || p?.theme === "dark") this.theme = p.theme;
-      const known = [...BUILTIN_TABS.map((t) => t.id), ...(this.cfg.tabs ?? []).map((t) => t.id)];
+      const known = [...BUILTIN_TABS.map((t) => t.id).filter((id) => id !== "chat" || this.chatOn), ...(this.cfg.tabs ?? []).map((t) => t.id)];
       if (typeof p?.tab === "string" && known.includes(p.tab)) this.tab = p.tab;
       if (p?.scope === "page" || p?.scope === "all") this.scope = p.scope;
       if (typeof p?.statFilter === "string") this.statFilter = p.statFilter;
-      if (typeof p?.repoFilter === "string") this.repoFilter = p.repoFilter;
       if (p?.float && typeof p.float.w === "number") this.floatRect = { ...this.floatRect, ...p.float };
       if (typeof p?.markersHidden === "boolean") this.markersHidden = p.markersHidden;
       if (typeof p?.launcherHidden === "boolean") this.launcherHidden = p.launcherHidden;
@@ -6495,7 +6541,6 @@ var LoupeApp = class {
         fab: this.fabPos,
         scope: this.scope,
         statFilter: this.statFilter,
-        repoFilter: this.repoFilter,
         accent: this.accent,
         minimized: this.minimized,
         hoverHints: this.hoverHints,
@@ -6578,11 +6623,9 @@ var LoupeApp = class {
       if (this.statFilter === "needs_you" && !needsYou({ status: c.status }).needs) return false;
       if (this.statFilter === "resolved" && stage !== "resolved") return false;
       if (this.statFilter === "stale" && (stage === "resolved" || !(Date.parse(c.createdAt) < weekAgo))) return false;
-      if (this.repoFilter && c.repo !== this.repoFilter) return false;
       return !q || `${c.title ?? ""} ${c.body} ${c.author?.name ?? ""}`.toLowerCase().includes(q);
     });
     if (this.scope === "all") items = [...items].sort((a, b) => b.createdAt.localeCompare(a.createdAt));
-    this.renderRepoFilter();
     this.renderReviewBar();
     if (!items.length) {
       this.listEl.appendChild(el(
@@ -6604,15 +6647,6 @@ var LoupeApp = class {
     });
     this.updateCount(items.length);
   }
-  /** Repo filter — only offered in the project scope, where it means something. */
-  renderRepoFilter() {
-    if (!this.repoSel) return;
-    const repos = [...new Set(this.visibleComments.map((c) => c.repo).filter((r) => !!r))].sort();
-    this.repoSel.style.display = this.scope === "all" && repos.length > 1 ? "" : "none";
-    const current2 = this.repoFilter;
-    this.repoSel.innerHTML = `<option value="">All repos</option>` + repos.map((r) => `<option value="${escapeHtml(r)}">${escapeHtml(r)}</option>`).join("");
-    this.repoSel.value = current2;
-  }
   itemView(c, i) {
     const detached = this.pins.get(c.id)?.classList.contains("detached") && !isResolved(c);
     const open = this.expanded.has(c.id);
@@ -6627,6 +6661,19 @@ var LoupeApp = class {
       const icon = vw < 768 ? "\u{1F4F1}" : vw < 1024 ? "\u25A6" : "\u{1F5A5}";
       top.appendChild(el("span", "device", `${icon} ${kind}`));
     }
+    if (c.source) {
+      const from = el("span", "srcchip", `from ${c.source.projectName || c.source.projectId}`);
+      from.title = c.source.reporter ? `Sent by ${c.source.reporter.name || c.source.reporter.email}` : "Sent from another project";
+      top.appendChild(from);
+    }
+    const fwd = c.forwarded;
+    if (fwd && fwd.status !== "none") {
+      const where = fwd.destinationName || (fwd.status === "ok" ? "webhook" : "Hub");
+      const ok = fwd.status === "ok";
+      const chip = el("span", ok ? "fwdchip" : "fwdchip bad", ok ? `\u2192 ${where}` : `\u2192 ${where} failed`);
+      chip.title = ok ? `Sent to ${where}` : `Could not send to ${where}${fwd.error ? `: ${fwd.error}` : ""}`;
+      top.appendChild(chip);
+    }
     if (isResolved(c)) top.appendChild(el("span", "badge done", "resolved"));
     else if (detached) {
       const b = el("span", "badge detached", "moved");
@@ -7802,6 +7849,8 @@ ${c.body}` : c.body)}</div>` + (c.context?.html ? `<pre class="or-code">${escape
     this.companionSource?.close();
     this.companionSource = void 0;
     if (this.companionPoll) clearInterval(this.companionPoll);
+    if (this.activityPoll) clearInterval(this.activityPoll);
+    this.activityPoll = void 0;
     this.stopVoice();
     this.stopPresence();
     this.stopRecording?.();