@agimon-ai/po-web-dashboard 0.0.0-alpha.0

package/dist/web/stores/transientTabsStore.mjs

@@ -0,0 +1,59 @@
+import { Store } from "@tanstack/store";
+import { useStore } from "@tanstack/react-store";
+//#region src/web/stores/transientTabsStore.ts
+/** One stable empty list, so a selector for a session with no tabs never re-renders its reader. */
+const NO_TABS = [];
+/**
+* The tabs plugins opened at runtime, per session. A tab keeps the panel it
+* was opened with: opening the same id again focuses it rather than swapping
+* the component out from under React. Nothing here survives a reload, which
+* is what makes the tabs temporary.
+*/
+const transientTabsStore = new Store({});
+function transientTabsOf(state, sessionId) {
+	return (sessionId === null ? void 0 : state[sessionId]) ?? NO_TABS;
+}
+function findTransientTab(state, sessionId, tabId) {
+	if (sessionId === void 0 || tabId === void 0) return void 0;
+	return transientTabsOf(state, sessionId).find((tab) => tab.id === tabId);
+}
+function openTransientTab(sessionId, tab) {
+	if (findTransientTab(transientTabsStore.state, sessionId, tab.id) !== void 0) return;
+	transientTabsStore.setState((state) => ({
+		...state,
+		[sessionId]: [...state[sessionId] ?? [], tab]
+	}));
+	tab.onOpen?.(sessionId);
+}
+function closeTransientTab(sessionId, tabId) {
+	const tab = findTransientTab(transientTabsStore.state, sessionId, tabId);
+	if (tab === void 0) return;
+	transientTabsStore.setState((state) => ({
+		...state,
+		[sessionId]: (state[sessionId] ?? []).filter((candidate) => candidate.id !== tabId)
+	}));
+	tab.onClose?.(sessionId);
+}
+/** A session that left takes its tabs with it. */
+function dropTransientTabs(sessionId) {
+	const tabs = transientTabsStore.state[sessionId];
+	if (tabs === void 0) return;
+	transientTabsStore.setState((state) => {
+		const next = { ...state };
+		delete next[sessionId];
+		return next;
+	});
+	for (const tab of tabs) tab.onClose?.(sessionId);
+}
+function resetTransientTabs() {
+	const previous = transientTabsStore.state;
+	transientTabsStore.setState(() => ({}));
+	for (const [sessionId, tabs] of Object.entries(previous)) for (const tab of tabs ?? []) tab.onClose?.(sessionId);
+}
+function useTransientTabs(sessionId) {
+	return useStore(transientTabsStore, (state) => transientTabsOf(state, sessionId));
+}
+//#endregion
+export { closeTransientTab, dropTransientTabs, findTransientTab, openTransientTab, resetTransientTabs, transientTabsOf, transientTabsStore, useTransientTabs };
+
+//# sourceMappingURL=transientTabsStore.mjs.map

package/dist/web/stores/transientTabsStore.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transientTabsStore.mjs","names":[],"sources":["../../../src/web/stores/transientTabsStore.ts"],"sourcesContent":["import type { TransientTab } from '@agimon-ai/po-core/web';\nimport { useStore } from '@tanstack/react-store';\nimport { Store } from '@tanstack/store';\n\ntype TransientTabsState = Partial<Record<string, TransientTab[]>>;\n\n/** One stable empty list, so a selector for a session with no tabs never re-renders its reader. */\nconst NO_TABS: readonly TransientTab[] = [];\n\n/**\n * The tabs plugins opened at runtime, per session. A tab keeps the panel it\n * was opened with: opening the same id again focuses it rather than swapping\n * the component out from under React. Nothing here survives a reload, which\n * is what makes the tabs temporary.\n */\nexport const transientTabsStore = new Store<TransientTabsState>({});\n\nexport function transientTabsOf(state: TransientTabsState, sessionId: string | null): readonly TransientTab[] {\n  return (sessionId === null ? undefined : state[sessionId]) ?? NO_TABS;\n}\n\nexport function findTransientTab(\n  state: TransientTabsState,\n  sessionId: string | undefined,\n  tabId: string | undefined,\n): TransientTab | undefined {\n  if (sessionId === undefined || tabId === undefined) return undefined;\n  return transientTabsOf(state, sessionId).find((tab) => tab.id === tabId);\n}\n\nexport function openTransientTab(sessionId: string, tab: TransientTab): void {\n  if (findTransientTab(transientTabsStore.state, sessionId, tab.id) !== undefined) return;\n  transientTabsStore.setState((state) => ({ ...state, [sessionId]: [...(state[sessionId] ?? []), tab] }));\n  tab.onOpen?.(sessionId);\n}\n\nexport function closeTransientTab(sessionId: string, tabId: string): void {\n  const tab = findTransientTab(transientTabsStore.state, sessionId, tabId);\n  if (tab === undefined) return;\n  transientTabsStore.setState((state) => ({\n    ...state,\n    [sessionId]: (state[sessionId] ?? []).filter((candidate) => candidate.id !== tabId),\n  }));\n  tab.onClose?.(sessionId);\n}\n\n/** A session that left takes its tabs with it. */\nexport function dropTransientTabs(sessionId: string): void {\n  const tabs = transientTabsStore.state[sessionId];\n  if (tabs === undefined) return;\n  transientTabsStore.setState((state) => {\n    const next = { ...state };\n    delete next[sessionId];\n    return next;\n  });\n  for (const tab of tabs) tab.onClose?.(sessionId);\n}\n\nexport function resetTransientTabs(): void {\n  const previous = transientTabsStore.state;\n  transientTabsStore.setState(() => ({}));\n  for (const [sessionId, tabs] of Object.entries(previous)) {\n    for (const tab of tabs ?? []) tab.onClose?.(sessionId);\n  }\n}\n\nexport function useTransientTabs(sessionId: string | null): readonly TransientTab[] {\n  return useStore(transientTabsStore, (state) => transientTabsOf(state, sessionId));\n}\n"],"mappings":";;;;AAOA,MAAM,UAAmC,CAAC;;;;;;;AAQ1C,MAAa,qBAAqB,IAAI,MAA0B,CAAC,CAAC;AAElE,SAAgB,gBAAgB,OAA2B,WAAmD;CAC5G,QAAQ,cAAc,OAAO,KAAA,IAAY,MAAM,eAAe;AAChE;AAEA,SAAgB,iBACd,OACA,WACA,OAC0B;CAC1B,IAAI,cAAc,KAAA,KAAa,UAAU,KAAA,GAAW,OAAO,KAAA;CAC3D,OAAO,gBAAgB,OAAO,SAAS,CAAC,CAAC,MAAM,QAAQ,IAAI,OAAO,KAAK;AACzE;AAEA,SAAgB,iBAAiB,WAAmB,KAAyB;CAC3E,IAAI,iBAAiB,mBAAmB,OAAO,WAAW,IAAI,EAAE,MAAM,KAAA,GAAW;CACjF,mBAAmB,UAAU,WAAW;EAAE,GAAG;GAAQ,YAAY,CAAC,GAAI,MAAM,cAAc,CAAC,GAAI,GAAG;CAAE,EAAE;CACtG,IAAI,SAAS,SAAS;AACxB;AAEA,SAAgB,kBAAkB,WAAmB,OAAqB;CACxE,MAAM,MAAM,iBAAiB,mBAAmB,OAAO,WAAW,KAAK;CACvE,IAAI,QAAQ,KAAA,GAAW;CACvB,mBAAmB,UAAU,WAAW;EACtC,GAAG;GACF,aAAa,MAAM,cAAc,CAAC,EAAA,CAAG,QAAQ,cAAc,UAAU,OAAO,KAAK;CACpF,EAAE;CACF,IAAI,UAAU,SAAS;AACzB;;AAGA,SAAgB,kBAAkB,WAAyB;CACzD,MAAM,OAAO,mBAAmB,MAAM;CACtC,IAAI,SAAS,KAAA,GAAW;CACxB,mBAAmB,UAAU,UAAU;EACrC,MAAM,OAAO,EAAE,GAAG,MAAM;EACxB,OAAO,KAAK;EACZ,OAAO;CACT,CAAC;CACD,KAAK,MAAM,OAAO,MAAM,IAAI,UAAU,SAAS;AACjD;AAEA,SAAgB,qBAA2B;CACzC,MAAM,WAAW,mBAAmB;CACpC,mBAAmB,gBAAgB,CAAC,EAAE;CACtC,KAAK,MAAM,CAAC,WAAW,SAAS,OAAO,QAAQ,QAAQ,GACrD,KAAK,MAAM,OAAO,QAAQ,CAAC,GAAG,IAAI,UAAU,SAAS;AAEzD;AAEA,SAAgB,iBAAiB,WAAmD;CAClF,OAAO,SAAS,qBAAqB,UAAU,gBAAgB,OAAO,SAAS,CAAC;AAClF"}

package/dist/web/stores/uiStore.cjs

@@ -0,0 +1,47 @@
+let _tanstack_store = require("@tanstack/store");
+//#region src/web/stores/uiStore.ts
+/** Where the page remembers its chrome layout; one key per machine. */
+const DOCK_STORAGE_KEY = "po.web.dock";
+const DOCK_TAB_STORAGE_KEY = "po.web.dock-tab";
+function readDock() {
+	try {
+		return window.localStorage.getItem(DOCK_STORAGE_KEY) !== "closed";
+	} catch {
+		return true;
+	}
+}
+function readDockTab() {
+	try {
+		return window.localStorage.getItem(DOCK_TAB_STORAGE_KEY)?.trim() || "activity";
+	} catch {
+		return "activity";
+	}
+}
+const uiStore = new _tanstack_store.Store({
+	dockOpen: readDock(),
+	dockTab: readDockTab()
+});
+function setDockOpen(open) {
+	uiStore.setState((state) => state.dockOpen === open ? state : {
+		...state,
+		dockOpen: open
+	});
+	try {
+		window.localStorage.setItem(DOCK_STORAGE_KEY, open ? "open" : "closed");
+	} catch {}
+}
+function setDockTab(tab) {
+	uiStore.setState((state) => state.dockTab === tab ? state : {
+		...state,
+		dockTab: tab
+	});
+	try {
+		window.localStorage.setItem(DOCK_TAB_STORAGE_KEY, tab);
+	} catch {}
+}
+//#endregion
+exports.setDockOpen = setDockOpen;
+exports.setDockTab = setDockTab;
+exports.uiStore = uiStore;
+
+//# sourceMappingURL=uiStore.cjs.map

package/dist/web/stores/uiStore.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"uiStore.cjs","names":["Store"],"sources":["../../../src/web/stores/uiStore.ts"],"sourcesContent":["import { Store } from '@tanstack/store';\n\n/** Where the page remembers its chrome layout; one key per machine. */\nconst DOCK_STORAGE_KEY = 'po.web.dock';\nconst DOCK_TAB_STORAGE_KEY = 'po.web.dock-tab';\n\n/**\n * Which face of the dock is showing. The host owns `activity` and `context`;\n * installed plugins may contribute additional opaque ids.\n */\nexport type DockTab = string;\nexport interface UiState {\n  /** Whether the activity dock is shown; survives route changes and reloads. */\n  dockOpen: boolean;\n  /** Which dock tab is selected; survives route changes and reloads. */\n  dockTab: DockTab;\n}\n\nfunction readDock(): boolean {\n  try {\n    return window.localStorage.getItem(DOCK_STORAGE_KEY) !== 'closed';\n  } catch {\n    return true;\n  }\n}\n\nfunction readDockTab(): DockTab {\n  try {\n    return window.localStorage.getItem(DOCK_TAB_STORAGE_KEY)?.trim() || 'activity';\n  } catch {\n    return 'activity';\n  }\n}\n\nexport const uiStore = new Store<UiState>({ dockOpen: readDock(), dockTab: readDockTab() });\n\nexport function setDockOpen(open: boolean): void {\n  uiStore.setState((state) => (state.dockOpen === open ? state : { ...state, dockOpen: open }));\n  try {\n    window.localStorage.setItem(DOCK_STORAGE_KEY, open ? 'open' : 'closed');\n  } catch {\n    // A layout preference is a convenience; losing it costs one click.\n  }\n}\n\nexport function setDockTab(tab: DockTab): void {\n  uiStore.setState((state) => (state.dockTab === tab ? state : { ...state, dockTab: tab }));\n  try {\n    window.localStorage.setItem(DOCK_TAB_STORAGE_KEY, tab);\n  } catch {\n    // A layout preference is a convenience; losing it costs one click.\n  }\n}\n"],"mappings":";;;AAGA,MAAM,mBAAmB;AACzB,MAAM,uBAAuB;AAc7B,SAAS,WAAoB;CAC3B,IAAI;EACF,OAAO,OAAO,aAAa,QAAQ,gBAAgB,MAAM;CAC3D,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAS,cAAuB;CAC9B,IAAI;EACF,OAAO,OAAO,aAAa,QAAQ,oBAAoB,CAAC,EAAE,KAAK,KAAK;CACtE,QAAQ;EACN,OAAO;CACT;AACF;AAEA,MAAa,UAAU,IAAIA,gBAAAA,MAAe;CAAE,UAAU,SAAS;CAAG,SAAS,YAAY;AAAE,CAAC;AAE1F,SAAgB,YAAY,MAAqB;CAC/C,QAAQ,UAAU,UAAW,MAAM,aAAa,OAAO,QAAQ;EAAE,GAAG;EAAO,UAAU;CAAK,CAAE;CAC5F,IAAI;EACF,OAAO,aAAa,QAAQ,kBAAkB,OAAO,SAAS,QAAQ;CACxE,QAAQ,CAER;AACF;AAEA,SAAgB,WAAW,KAAoB;CAC7C,QAAQ,UAAU,UAAW,MAAM,YAAY,MAAM,QAAQ;EAAE,GAAG;EAAO,SAAS;CAAI,CAAE;CACxF,IAAI;EACF,OAAO,aAAa,QAAQ,sBAAsB,GAAG;CACvD,QAAQ,CAER;AACF"}

package/dist/web/stores/uiStore.d.mts

@@ -0,0 +1,18 @@
+import { Store } from "@tanstack/store";
+//#region src/web/stores/uiStore.d.ts
+/**
+ * Which face of the dock is showing. The host owns `activity` and `context`;
+ * installed plugins may contribute additional opaque ids.
+ */
+export type DockTab = string;
+export interface UiState {
+  /** Whether the activity dock is shown; survives route changes and reloads. */
+  dockOpen: boolean;
+  /** Which dock tab is selected; survives route changes and reloads. */
+  dockTab: DockTab;
+}
+export declare const uiStore: Store<UiState, never>;
+export declare function setDockOpen(open: boolean): void;
+export declare function setDockTab(tab: DockTab): void;
+//#endregion
+//# sourceMappingURL=uiStore.d.mts.map

package/dist/web/stores/uiStore.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uiStore.d.mts","names":[],"sources":["../../../src/web/stores/uiStore.ts"],"mappings":";;;;;;YAUY;iBACK;;EAEf;;EAEA,SAAS;;qBAmBE,SAAO,MAAA;wBAEJ,YAAY;wBASZ,WAAW,KAAK"}

package/dist/web/stores/uiStore.mjs

@@ -0,0 +1,45 @@
+import { Store } from "@tanstack/store";
+//#region src/web/stores/uiStore.ts
+/** Where the page remembers its chrome layout; one key per machine. */
+const DOCK_STORAGE_KEY = "po.web.dock";
+const DOCK_TAB_STORAGE_KEY = "po.web.dock-tab";
+function readDock() {
+	try {
+		return window.localStorage.getItem(DOCK_STORAGE_KEY) !== "closed";
+	} catch {
+		return true;
+	}
+}
+function readDockTab() {
+	try {
+		return window.localStorage.getItem(DOCK_TAB_STORAGE_KEY)?.trim() || "activity";
+	} catch {
+		return "activity";
+	}
+}
+const uiStore = new Store({
+	dockOpen: readDock(),
+	dockTab: readDockTab()
+});
+function setDockOpen(open) {
+	uiStore.setState((state) => state.dockOpen === open ? state : {
+		...state,
+		dockOpen: open
+	});
+	try {
+		window.localStorage.setItem(DOCK_STORAGE_KEY, open ? "open" : "closed");
+	} catch {}
+}
+function setDockTab(tab) {
+	uiStore.setState((state) => state.dockTab === tab ? state : {
+		...state,
+		dockTab: tab
+	});
+	try {
+		window.localStorage.setItem(DOCK_TAB_STORAGE_KEY, tab);
+	} catch {}
+}
+//#endregion
+export { setDockOpen, setDockTab, uiStore };
+
+//# sourceMappingURL=uiStore.mjs.map

package/dist/web/stores/uiStore.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"uiStore.mjs","names":[],"sources":["../../../src/web/stores/uiStore.ts"],"sourcesContent":["import { Store } from '@tanstack/store';\n\n/** Where the page remembers its chrome layout; one key per machine. */\nconst DOCK_STORAGE_KEY = 'po.web.dock';\nconst DOCK_TAB_STORAGE_KEY = 'po.web.dock-tab';\n\n/**\n * Which face of the dock is showing. The host owns `activity` and `context`;\n * installed plugins may contribute additional opaque ids.\n */\nexport type DockTab = string;\nexport interface UiState {\n  /** Whether the activity dock is shown; survives route changes and reloads. */\n  dockOpen: boolean;\n  /** Which dock tab is selected; survives route changes and reloads. */\n  dockTab: DockTab;\n}\n\nfunction readDock(): boolean {\n  try {\n    return window.localStorage.getItem(DOCK_STORAGE_KEY) !== 'closed';\n  } catch {\n    return true;\n  }\n}\n\nfunction readDockTab(): DockTab {\n  try {\n    return window.localStorage.getItem(DOCK_TAB_STORAGE_KEY)?.trim() || 'activity';\n  } catch {\n    return 'activity';\n  }\n}\n\nexport const uiStore = new Store<UiState>({ dockOpen: readDock(), dockTab: readDockTab() });\n\nexport function setDockOpen(open: boolean): void {\n  uiStore.setState((state) => (state.dockOpen === open ? state : { ...state, dockOpen: open }));\n  try {\n    window.localStorage.setItem(DOCK_STORAGE_KEY, open ? 'open' : 'closed');\n  } catch {\n    // A layout preference is a convenience; losing it costs one click.\n  }\n}\n\nexport function setDockTab(tab: DockTab): void {\n  uiStore.setState((state) => (state.dockTab === tab ? state : { ...state, dockTab: tab }));\n  try {\n    window.localStorage.setItem(DOCK_TAB_STORAGE_KEY, tab);\n  } catch {\n    // A layout preference is a convenience; losing it costs one click.\n  }\n}\n"],"mappings":";;;AAGA,MAAM,mBAAmB;AACzB,MAAM,uBAAuB;AAc7B,SAAS,WAAoB;CAC3B,IAAI;EACF,OAAO,OAAO,aAAa,QAAQ,gBAAgB,MAAM;CAC3D,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAS,cAAuB;CAC9B,IAAI;EACF,OAAO,OAAO,aAAa,QAAQ,oBAAoB,CAAC,EAAE,KAAK,KAAK;CACtE,QAAQ;EACN,OAAO;CACT;AACF;AAEA,MAAa,UAAU,IAAI,MAAe;CAAE,UAAU,SAAS;CAAG,SAAS,YAAY;AAAE,CAAC;AAE1F,SAAgB,YAAY,MAAqB;CAC/C,QAAQ,UAAU,UAAW,MAAM,aAAa,OAAO,QAAQ;EAAE,GAAG;EAAO,UAAU;CAAK,CAAE;CAC5F,IAAI;EACF,OAAO,aAAa,QAAQ,kBAAkB,OAAO,SAAS,QAAQ;CACxE,QAAQ,CAER;AACF;AAEA,SAAgB,WAAW,KAAoB;CAC7C,QAAQ,UAAU,UAAW,MAAM,YAAY,MAAM,QAAQ;EAAE,GAAG;EAAO,SAAS;CAAI,CAAE;CACxF,IAAI;EACF,OAAO,aAAa,QAAQ,sBAAsB,GAAG;CACvD,QAAQ,CAER;AACF"}

package/dist/web/stores/useOpenTab.cjs

@@ -0,0 +1,31 @@
+const require_sessionsStore = require("./sessionsStore.cjs");
+let react = require("react");
+let _tanstack_react_router = require("@tanstack/react-router");
+let _tanstack_react_store = require("@tanstack/react-store");
+//#region src/web/stores/useOpenTab.ts
+/**
+* Navigation for the focused session, in the shape plugins receive: a tab id
+* opens that plugin tab, null returns to the conversation. A no-op while no
+* session is focused, because there is no page to open a tab on.
+*/
+function useOpenTab() {
+	const activeId = (0, _tanstack_react_store.useStore)(require_sessionsStore.sessionsStore, (state) => state.activeId);
+	const navigate = (0, _tanstack_react_router.useNavigate)();
+	return (0, react.useCallback)((tabId) => {
+		if (activeId === null) return;
+		tabId === null ? navigate({
+			to: "/session/$sessionId",
+			params: { sessionId: activeId }
+		}) : navigate({
+			to: "/session/$sessionId/$tabId",
+			params: {
+				sessionId: activeId,
+				tabId
+			}
+		});
+	}, [activeId, navigate]);
+}
+//#endregion
+exports.useOpenTab = useOpenTab;
+
+//# sourceMappingURL=useOpenTab.cjs.map

package/dist/web/stores/useOpenTab.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenTab.cjs","names":["useStore","sessionsStore","useNavigate","useCallback"],"sources":["../../../src/web/stores/useOpenTab.ts"],"sourcesContent":["import { useNavigate } from '@tanstack/react-router';\nimport { useStore } from '@tanstack/react-store';\nimport { useCallback } from 'react';\n\nimport { sessionsStore } from './sessionsStore';\n\n/**\n * Navigation for the focused session, in the shape plugins receive: a tab id\n * opens that plugin tab, null returns to the conversation. A no-op while no\n * session is focused, because there is no page to open a tab on.\n */\nexport function useOpenTab(): (tabId: string | null) => void {\n  const activeId = useStore(sessionsStore, (state) => state.activeId);\n  const navigate = useNavigate();\n  return useCallback(\n    (tabId) => {\n      if (activeId === null) return;\n      void (tabId === null\n        ? navigate({ to: '/session/$sessionId', params: { sessionId: activeId } })\n        : navigate({ to: '/session/$sessionId/$tabId', params: { sessionId: activeId, tabId } }));\n    },\n    [activeId, navigate],\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,SAAgB,aAA6C;CAC3D,MAAM,YAAA,GAAWA,sBAAAA,SAAAA,CAASC,sBAAAA,gBAAgB,UAAU,MAAM,QAAQ;CAClE,MAAM,YAAA,GAAWC,uBAAAA,YAAAA,CAAY;CAC7B,QAAA,GAAOC,MAAAA,YAAAA,EACJ,UAAU;EACT,IAAI,aAAa,MAAM;EACvB,UAAgB,OACZ,SAAS;GAAE,IAAI;GAAuB,QAAQ,EAAE,WAAW,SAAS;EAAE,CAAC,IACvE,SAAS;GAAE,IAAI;GAA8B,QAAQ;IAAE,WAAW;IAAU;GAAM;EAAE,CAAC;CAC3F,GACA,CAAC,UAAU,QAAQ,CACrB;AACF"}

package/dist/web/stores/useOpenTab.d.mts

@@ -0,0 +1,9 @@
+//#region src/web/stores/useOpenTab.d.ts
+/**
+ * Navigation for the focused session, in the shape plugins receive: a tab id
+ * opens that plugin tab, null returns to the conversation. A no-op while no
+ * session is focused, because there is no page to open a tab on.
+ */
+export declare function useOpenTab(): (tabId: string | null) => void;
+//#endregion
+//# sourceMappingURL=useOpenTab.d.mts.map

package/dist/web/stores/useOpenTab.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenTab.d.mts","names":[],"sources":["../../../src/web/stores/useOpenTab.ts"],"mappings":";;;;;;wBAWgB,eAAe"}

package/dist/web/stores/useOpenTab.mjs

@@ -0,0 +1,31 @@
+import { sessionsStore } from "./sessionsStore.mjs";
+import { useCallback } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { useStore } from "@tanstack/react-store";
+//#region src/web/stores/useOpenTab.ts
+/**
+* Navigation for the focused session, in the shape plugins receive: a tab id
+* opens that plugin tab, null returns to the conversation. A no-op while no
+* session is focused, because there is no page to open a tab on.
+*/
+function useOpenTab() {
+	const activeId = useStore(sessionsStore, (state) => state.activeId);
+	const navigate = useNavigate();
+	return useCallback((tabId) => {
+		if (activeId === null) return;
+		tabId === null ? navigate({
+			to: "/session/$sessionId",
+			params: { sessionId: activeId }
+		}) : navigate({
+			to: "/session/$sessionId/$tabId",
+			params: {
+				sessionId: activeId,
+				tabId
+			}
+		});
+	}, [activeId, navigate]);
+}
+//#endregion
+export { useOpenTab };
+
+//# sourceMappingURL=useOpenTab.mjs.map

package/dist/web/stores/useOpenTab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenTab.mjs","names":[],"sources":["../../../src/web/stores/useOpenTab.ts"],"sourcesContent":["import { useNavigate } from '@tanstack/react-router';\nimport { useStore } from '@tanstack/react-store';\nimport { useCallback } from 'react';\n\nimport { sessionsStore } from './sessionsStore';\n\n/**\n * Navigation for the focused session, in the shape plugins receive: a tab id\n * opens that plugin tab, null returns to the conversation. A no-op while no\n * session is focused, because there is no page to open a tab on.\n */\nexport function useOpenTab(): (tabId: string | null) => void {\n  const activeId = useStore(sessionsStore, (state) => state.activeId);\n  const navigate = useNavigate();\n  return useCallback(\n    (tabId) => {\n      if (activeId === null) return;\n      void (tabId === null\n        ? navigate({ to: '/session/$sessionId', params: { sessionId: activeId } })\n        : navigate({ to: '/session/$sessionId/$tabId', params: { sessionId: activeId, tabId } }));\n    },\n    [activeId, navigate],\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,SAAgB,aAA6C;CAC3D,MAAM,WAAW,SAAS,gBAAgB,UAAU,MAAM,QAAQ;CAClE,MAAM,WAAW,YAAY;CAC7B,OAAO,aACJ,UAAU;EACT,IAAI,aAAa,MAAM;EACvB,UAAgB,OACZ,SAAS;GAAE,IAAI;GAAuB,QAAQ,EAAE,WAAW,SAAS;EAAE,CAAC,IACvE,SAAS;GAAE,IAAI;GAA8B,QAAQ;IAAE,WAAW;IAAU;GAAM;EAAE,CAAC;CAC3F,GACA,CAAC,UAAU,QAAQ,CACrB;AACF"}

package/dist/web/stores/usePluginSlotProps.cjs

@@ -0,0 +1,115 @@
+const require_composition = require("../lib/composition.cjs");
+const require_pluginSlotProps = require("../lib/pluginSlotProps.cjs");
+const require_composerStore = require("./composerStore.cjs");
+const require_sessionsStore = require("./sessionsStore.cjs");
+const require_sessionStore = require("./sessionStore.cjs");
+const require_captureStore = require("./captureStore.cjs");
+const require_sessionChannelHoldsStore = require("./sessionChannelHoldsStore.cjs");
+const require_transientTabsStore = require("./transientTabsStore.cjs");
+const require_useOpenTab = require("./useOpenTab.cjs");
+const require_dashboardRenderers = require("../lib/dashboardRenderers.cjs");
+const require_useWebPluginRegistry = require("./useWebPluginRegistry.cjs");
+let react = require("react");
+let _tanstack_react_router = require("@tanstack/react-router");
+let _tanstack_react_store = require("@tanstack/react-store");
+//#region src/web/stores/usePluginSlotProps.ts
+function useSummaryField(sessionId, key) {
+	return (0, _tanstack_react_store.useStore)(require_sessionsStore.sessionsStore, (state) => sessionId === null ? void 0 : state.byId[sessionId]?.summary[key]);
+}
+/** The props a plugin component receives for a session, with the host's navigation and facts bound in. */
+function usePluginSlotProps(sessionId, onOpen, sessionReservationId) {
+	const renderers = (0, react.useContext)(require_dashboardRenderers.DashboardRendererContext);
+	const store = require_sessionStore.sessionStoreFor(sessionId);
+	const statuses = (0, _tanstack_react_store.useStore)(store, (state) => state.statuses);
+	const catalog = (0, _tanstack_react_store.useStore)(store, (state) => state.minorModes);
+	const widgets = (0, _tanstack_react_store.useStore)(store, (state) => state.widgets);
+	const context = (0, _tanstack_react_store.useStore)(store, (state) => state.context);
+	const contextInventory = (0, react.useMemo)(() => context?.groups.flatMap((group) => group.items) ?? [], [context]);
+	const known = (0, _tanstack_react_store.useStore)(require_sessionsStore.sessionsStore, (state) => sessionId !== null && state.byId[sessionId] !== void 0);
+	const workspaceId = useSummaryField(sessionId, "workspaceId");
+	const parentSessionId = useSummaryField(sessionId, "parentSessionId");
+	const sessionProvenance = useSummaryField(sessionId, "sessionProvenance");
+	const sessionContext = (0, react.useMemo)(() => require_pluginSlotProps.pluginSessionContext(sessionId, known ? {
+		workspaceId,
+		parentSessionId,
+		sessionProvenance
+	} : void 0), [
+		known,
+		parentSessionId,
+		sessionId,
+		sessionProvenance,
+		workspaceId
+	]);
+	const openTab = require_useOpenTab.useOpenTab();
+	const registryRevision = require_useWebPluginRegistry.useWebPluginRegistry();
+	const openPluginTab = (0, react.useCallback)((tabId) => {
+		onOpen?.();
+		openTab(tabId);
+	}, [onOpen, openTab]);
+	const openPluginTransientTab = (0, react.useCallback)((tab) => {
+		if (sessionId === null) return;
+		onOpen?.();
+		require_transientTabsStore.openTransientTab(sessionId, tab);
+		openTab(tab.id);
+	}, [
+		onOpen,
+		openTab,
+		sessionId
+	]);
+	const navigate = (0, _tanstack_react_router.useNavigate)();
+	const openSession = (0, react.useCallback)((target) => {
+		if (require_sessionsStore.sessionsStore.state.byId[target] === void 0) return;
+		onOpen?.();
+		navigate({
+			to: "/session/$sessionId",
+			params: { sessionId: target }
+		});
+	}, [navigate, onOpen]);
+	const closePluginTransientTab = (0, react.useCallback)((tabId) => {
+		if (sessionId !== null) require_transientTabsStore.closeTransientTab(sessionId, tabId);
+	}, [sessionId]);
+	const appendDraft = (0, react.useCallback)((text) => require_composerStore.appendComposerDraft(sessionId, text), [sessionId]);
+	const attachContext = (0, react.useCallback)((item) => require_composerStore.attachComposerContext(sessionId, item), [sessionId]);
+	const attachCapture = (0, react.useCallback)((capture) => require_composerStore.attachComposerCapture(sessionId, capture), [sessionId]);
+	const capture = (0, react.useCallback)((value) => require_captureStore.submitCapture(sessionId, value), [sessionId]);
+	const activeMinorModes = (0, react.useMemo)(() => require_composition.minorModes(statuses, widgets, catalog).filter((mode) => mode.availability === "on").map((mode) => mode.name), [
+		catalog,
+		statuses,
+		widgets
+	]);
+	return (0, react.useMemo)(() => {
+		const props = require_pluginSlotProps.pluginSlotProps(sessionId, openPluginTab, statuses, {
+			open: openPluginTransientTab,
+			close: closePluginTransientTab
+		}, appendDraft, attachContext, attachCapture, contextInventory, capture, sessionReservationId);
+		props.renderThread = (threadId, options) => sessionId === null ? null : renderers?.thread(sessionId, threadId, options) ?? null;
+		props.renderSessionActivity = () => sessionId === null ? null : renderers?.activity(sessionId, () => openPluginTab(null)) ?? null;
+		props.renderSessionTranscript = (targetId, options) => renderers?.transcript(targetId, options) ?? null;
+		props.activeMinorModes = activeMinorModes;
+		if (sessionContext !== void 0) props.sessionContext = sessionContext;
+		props.holdSessionChannels = require_sessionChannelHoldsStore.holdSessionChannels;
+		props.openSession = openSession;
+		return props;
+	}, [
+		activeMinorModes,
+		appendDraft,
+		attachCapture,
+		attachContext,
+		capture,
+		closePluginTransientTab,
+		contextInventory,
+		openPluginTab,
+		openPluginTransientTab,
+		openSession,
+		registryRevision,
+		renderers,
+		sessionId,
+		sessionContext,
+		sessionReservationId,
+		statuses
+	]);
+}
+//#endregion
+exports.usePluginSlotProps = usePluginSlotProps;
+
+//# sourceMappingURL=usePluginSlotProps.cjs.map

package/dist/web/stores/usePluginSlotProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePluginSlotProps.cjs","names":["useStore","sessionsStore","useContext","DashboardRendererContext","sessionStoreFor","useMemo","pluginSessionContext","useOpenTab","useWebPluginRegistry","useCallback","useNavigate","appendComposerDraft","attachComposerContext","attachComposerCapture","submitCapture","minorModes","pluginSlotProps","holdSessionChannels"],"sources":["../../../src/web/stores/usePluginSlotProps.ts"],"sourcesContent":["import type { WebPluginSlotProps } from '@agimon-ai/po-core/web';\nimport { useNavigate } from '@tanstack/react-router';\nimport { useStore } from '@tanstack/react-store';\nimport { useCallback, useContext, useMemo } from 'react';\n\nimport { minorModes } from '../lib/composition';\nimport { DashboardRendererContext } from '../lib/dashboardRenderers';\nimport { pluginSessionContext, pluginSlotProps } from '../lib/pluginSlotProps';\nimport { submitCapture } from './captureStore';\nimport { appendComposerDraft, attachComposerCapture, attachComposerContext } from './composerStore';\nimport { holdSessionChannels } from './sessionChannelHoldsStore';\nimport { sessionsStore } from './sessionsStore';\nimport { sessionStoreFor } from './sessionStore';\nimport { closeTransientTab, openTransientTab } from './transientTabsStore';\nimport { useOpenTab } from './useOpenTab';\nimport { useWebPluginRegistry } from './useWebPluginRegistry';\nfunction useSummaryField(\n  sessionId: string | null,\n  key: 'workspaceId' | 'parentSessionId' | 'sessionProvenance',\n): string | undefined {\n  return useStore(sessionsStore, (state) => (sessionId === null ? undefined : state.byId[sessionId]?.summary[key]));\n}\n\n/** The props a plugin component receives for a session, with the host's navigation and facts bound in. */\nexport function usePluginSlotProps(\n  sessionId: string | null,\n  onOpen?: () => void,\n  sessionReservationId?: string,\n): WebPluginSlotProps {\n  const renderers = useContext(DashboardRendererContext);\n  const store = sessionStoreFor(sessionId);\n  const statuses = useStore(store, (state) => state.statuses);\n  const catalog = useStore(store, (state) => state.minorModes);\n  const widgets = useStore(store, (state) => state.widgets);\n  const context = useStore(store, (state) => state.context);\n  const contextInventory = useMemo(() => context?.groups.flatMap((group) => group.items) ?? [], [context]);\n  // Selected field by field so a summary upsert that changes none of them keeps the same object.\n  const known = useStore(sessionsStore, (state) => sessionId !== null && state.byId[sessionId] !== undefined);\n  const workspaceId = useSummaryField(sessionId, 'workspaceId');\n  const parentSessionId = useSummaryField(sessionId, 'parentSessionId');\n  const sessionProvenance = useSummaryField(sessionId, 'sessionProvenance');\n  const sessionContext = useMemo(\n    () => pluginSessionContext(sessionId, known ? { workspaceId, parentSessionId, sessionProvenance } : undefined),\n    [known, parentSessionId, sessionId, sessionProvenance, workspaceId],\n  );\n  const openTab = useOpenTab();\n  const registryRevision = useWebPluginRegistry();\n  const openPluginTab = useCallback(\n    (tabId: string | null) => {\n      onOpen?.();\n      openTab(tabId);\n    },\n    [onOpen, openTab],\n  );\n  const openPluginTransientTab = useCallback(\n    (tab: Parameters<typeof openTransientTab>[1]) => {\n      if (sessionId === null) return;\n      onOpen?.();\n      openTransientTab(sessionId, tab);\n      openTab(tab.id);\n    },\n    [onOpen, openTab, sessionId],\n  );\n  const navigate = useNavigate();\n  // Another session the page lists, such as a child a plugin started; an unknown id is left alone.\n  const openSession = useCallback(\n    (target: string) => {\n      if (sessionsStore.state.byId[target] === undefined) return;\n      onOpen?.();\n      void navigate({ to: '/session/$sessionId', params: { sessionId: target } });\n    },\n    [navigate, onOpen],\n  );\n  const closePluginTransientTab = useCallback(\n    (tabId: string) => {\n      if (sessionId !== null) closeTransientTab(sessionId, tabId);\n    },\n    [sessionId],\n  );\n  const appendDraft = useCallback((text: string) => appendComposerDraft(sessionId, text), [sessionId]);\n  const attachContext = useCallback(\n    (item: Parameters<typeof attachComposerContext>[1]) => attachComposerContext(sessionId, item),\n    [sessionId],\n  );\n  const attachCapture = useCallback(\n    (capture: Parameters<typeof attachComposerCapture>[1]) => attachComposerCapture(sessionId, capture),\n    [sessionId],\n  );\n  const capture = useCallback(\n    (value: Parameters<typeof submitCapture>[1]) => submitCapture(sessionId, value),\n    [sessionId],\n  );\n  const activeMinorModes = useMemo(\n    () =>\n      minorModes(statuses, widgets, catalog)\n        .filter((mode) => mode.availability === 'on')\n        .map((mode) => mode.name),\n    [catalog, statuses, widgets],\n  );\n\n  return useMemo(() => {\n    void registryRevision;\n    const props = pluginSlotProps(\n      sessionId,\n      openPluginTab,\n      statuses,\n      { open: openPluginTransientTab, close: closePluginTransientTab },\n      appendDraft,\n      attachContext,\n      attachCapture,\n      contextInventory,\n      capture,\n      sessionReservationId,\n    );\n    props.renderThread = (threadId, options) =>\n      sessionId === null ? null : (renderers?.thread(sessionId, threadId, options) ?? null);\n    props.renderSessionActivity = () =>\n      sessionId === null ? null : (renderers?.activity(sessionId, () => openPluginTab(null)) ?? null);\n    props.renderSessionTranscript = (targetId, options) => renderers?.transcript(targetId, options) ?? null;\n    props.activeMinorModes = activeMinorModes;\n    if (sessionContext !== undefined) props.sessionContext = sessionContext;\n    props.holdSessionChannels = holdSessionChannels;\n    props.openSession = openSession;\n    return props;\n  }, [\n    activeMinorModes,\n    appendDraft,\n    attachCapture,\n    attachContext,\n    capture,\n    closePluginTransientTab,\n    contextInventory,\n    openPluginTab,\n    openPluginTransientTab,\n    openSession,\n    registryRevision,\n    renderers,\n    sessionId,\n    sessionContext,\n    sessionReservationId,\n    statuses,\n  ]);\n}\n"],"mappings":"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"}

package/dist/web/stores/usePluginSlotProps.d.mts

@@ -0,0 +1,6 @@
+import { WebPluginSlotProps } from "@agimon-ai/po-core/web";
+//#region src/web/stores/usePluginSlotProps.d.ts
+/** The props a plugin component receives for a session, with the host's navigation and facts bound in. */
+export declare function usePluginSlotProps(sessionId: string | null, onOpen?: () => void, sessionReservationId?: string): WebPluginSlotProps;
+//#endregion
+//# sourceMappingURL=usePluginSlotProps.d.mts.map

package/dist/web/stores/usePluginSlotProps.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePluginSlotProps.d.mts","names":[],"sources":["../../../src/web/stores/usePluginSlotProps.ts"],"mappings":";;;wBAwBgB,mBACd,0BACA,qBACA,gCACC"}

package/dist/web/stores/usePluginSlotProps.mjs

@@ -0,0 +1,115 @@
+import { minorModes } from "../lib/composition.mjs";
+import { pluginSessionContext, pluginSlotProps } from "../lib/pluginSlotProps.mjs";
+import { appendComposerDraft, attachComposerCapture, attachComposerContext } from "./composerStore.mjs";
+import { sessionsStore } from "./sessionsStore.mjs";
+import { sessionStoreFor } from "./sessionStore.mjs";
+import { submitCapture } from "./captureStore.mjs";
+import { holdSessionChannels } from "./sessionChannelHoldsStore.mjs";
+import { closeTransientTab, openTransientTab } from "./transientTabsStore.mjs";
+import { useOpenTab } from "./useOpenTab.mjs";
+import { DashboardRendererContext } from "../lib/dashboardRenderers.mjs";
+import { useWebPluginRegistry } from "./useWebPluginRegistry.mjs";
+import { useCallback, useContext, useMemo } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { useStore } from "@tanstack/react-store";
+//#region src/web/stores/usePluginSlotProps.ts
+function useSummaryField(sessionId, key) {
+	return useStore(sessionsStore, (state) => sessionId === null ? void 0 : state.byId[sessionId]?.summary[key]);
+}
+/** The props a plugin component receives for a session, with the host's navigation and facts bound in. */
+function usePluginSlotProps(sessionId, onOpen, sessionReservationId) {
+	const renderers = useContext(DashboardRendererContext);
+	const store = sessionStoreFor(sessionId);
+	const statuses = useStore(store, (state) => state.statuses);
+	const catalog = useStore(store, (state) => state.minorModes);
+	const widgets = useStore(store, (state) => state.widgets);
+	const context = useStore(store, (state) => state.context);
+	const contextInventory = useMemo(() => context?.groups.flatMap((group) => group.items) ?? [], [context]);
+	const known = useStore(sessionsStore, (state) => sessionId !== null && state.byId[sessionId] !== void 0);
+	const workspaceId = useSummaryField(sessionId, "workspaceId");
+	const parentSessionId = useSummaryField(sessionId, "parentSessionId");
+	const sessionProvenance = useSummaryField(sessionId, "sessionProvenance");
+	const sessionContext = useMemo(() => pluginSessionContext(sessionId, known ? {
+		workspaceId,
+		parentSessionId,
+		sessionProvenance
+	} : void 0), [
+		known,
+		parentSessionId,
+		sessionId,
+		sessionProvenance,
+		workspaceId
+	]);
+	const openTab = useOpenTab();
+	const registryRevision = useWebPluginRegistry();
+	const openPluginTab = useCallback((tabId) => {
+		onOpen?.();
+		openTab(tabId);
+	}, [onOpen, openTab]);
+	const openPluginTransientTab = useCallback((tab) => {
+		if (sessionId === null) return;
+		onOpen?.();
+		openTransientTab(sessionId, tab);
+		openTab(tab.id);
+	}, [
+		onOpen,
+		openTab,
+		sessionId
+	]);
+	const navigate = useNavigate();
+	const openSession = useCallback((target) => {
+		if (sessionsStore.state.byId[target] === void 0) return;
+		onOpen?.();
+		navigate({
+			to: "/session/$sessionId",
+			params: { sessionId: target }
+		});
+	}, [navigate, onOpen]);
+	const closePluginTransientTab = useCallback((tabId) => {
+		if (sessionId !== null) closeTransientTab(sessionId, tabId);
+	}, [sessionId]);
+	const appendDraft = useCallback((text) => appendComposerDraft(sessionId, text), [sessionId]);
+	const attachContext = useCallback((item) => attachComposerContext(sessionId, item), [sessionId]);
+	const attachCapture = useCallback((capture) => attachComposerCapture(sessionId, capture), [sessionId]);
+	const capture = useCallback((value) => submitCapture(sessionId, value), [sessionId]);
+	const activeMinorModes = useMemo(() => minorModes(statuses, widgets, catalog).filter((mode) => mode.availability === "on").map((mode) => mode.name), [
+		catalog,
+		statuses,
+		widgets
+	]);
+	return useMemo(() => {
+		const props = pluginSlotProps(sessionId, openPluginTab, statuses, {
+			open: openPluginTransientTab,
+			close: closePluginTransientTab
+		}, appendDraft, attachContext, attachCapture, contextInventory, capture, sessionReservationId);
+		props.renderThread = (threadId, options) => sessionId === null ? null : renderers?.thread(sessionId, threadId, options) ?? null;
+		props.renderSessionActivity = () => sessionId === null ? null : renderers?.activity(sessionId, () => openPluginTab(null)) ?? null;
+		props.renderSessionTranscript = (targetId, options) => renderers?.transcript(targetId, options) ?? null;
+		props.activeMinorModes = activeMinorModes;
+		if (sessionContext !== void 0) props.sessionContext = sessionContext;
+		props.holdSessionChannels = holdSessionChannels;
+		props.openSession = openSession;
+		return props;
+	}, [
+		activeMinorModes,
+		appendDraft,
+		attachCapture,
+		attachContext,
+		capture,
+		closePluginTransientTab,
+		contextInventory,
+		openPluginTab,
+		openPluginTransientTab,
+		openSession,
+		registryRevision,
+		renderers,
+		sessionId,
+		sessionContext,
+		sessionReservationId,
+		statuses
+	]);
+}
+//#endregion
+export { usePluginSlotProps };
+
+//# sourceMappingURL=usePluginSlotProps.mjs.map

package/dist/web/stores/usePluginSlotProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePluginSlotProps.mjs","names":[],"sources":["../../../src/web/stores/usePluginSlotProps.ts"],"sourcesContent":["import type { WebPluginSlotProps } from '@agimon-ai/po-core/web';\nimport { useNavigate } from '@tanstack/react-router';\nimport { useStore } from '@tanstack/react-store';\nimport { useCallback, useContext, useMemo } from 'react';\n\nimport { minorModes } from '../lib/composition';\nimport { DashboardRendererContext } from '../lib/dashboardRenderers';\nimport { pluginSessionContext, pluginSlotProps } from '../lib/pluginSlotProps';\nimport { submitCapture } from './captureStore';\nimport { appendComposerDraft, attachComposerCapture, attachComposerContext } from './composerStore';\nimport { holdSessionChannels } from './sessionChannelHoldsStore';\nimport { sessionsStore } from './sessionsStore';\nimport { sessionStoreFor } from './sessionStore';\nimport { closeTransientTab, openTransientTab } from './transientTabsStore';\nimport { useOpenTab } from './useOpenTab';\nimport { useWebPluginRegistry } from './useWebPluginRegistry';\nfunction useSummaryField(\n  sessionId: string | null,\n  key: 'workspaceId' | 'parentSessionId' | 'sessionProvenance',\n): string | undefined {\n  return useStore(sessionsStore, (state) => (sessionId === null ? undefined : state.byId[sessionId]?.summary[key]));\n}\n\n/** The props a plugin component receives for a session, with the host's navigation and facts bound in. */\nexport function usePluginSlotProps(\n  sessionId: string | null,\n  onOpen?: () => void,\n  sessionReservationId?: string,\n): WebPluginSlotProps {\n  const renderers = useContext(DashboardRendererContext);\n  const store = sessionStoreFor(sessionId);\n  const statuses = useStore(store, (state) => state.statuses);\n  const catalog = useStore(store, (state) => state.minorModes);\n  const widgets = useStore(store, (state) => state.widgets);\n  const context = useStore(store, (state) => state.context);\n  const contextInventory = useMemo(() => context?.groups.flatMap((group) => group.items) ?? [], [context]);\n  // Selected field by field so a summary upsert that changes none of them keeps the same object.\n  const known = useStore(sessionsStore, (state) => sessionId !== null && state.byId[sessionId] !== undefined);\n  const workspaceId = useSummaryField(sessionId, 'workspaceId');\n  const parentSessionId = useSummaryField(sessionId, 'parentSessionId');\n  const sessionProvenance = useSummaryField(sessionId, 'sessionProvenance');\n  const sessionContext = useMemo(\n    () => pluginSessionContext(sessionId, known ? { workspaceId, parentSessionId, sessionProvenance } : undefined),\n    [known, parentSessionId, sessionId, sessionProvenance, workspaceId],\n  );\n  const openTab = useOpenTab();\n  const registryRevision = useWebPluginRegistry();\n  const openPluginTab = useCallback(\n    (tabId: string | null) => {\n      onOpen?.();\n      openTab(tabId);\n    },\n    [onOpen, openTab],\n  );\n  const openPluginTransientTab = useCallback(\n    (tab: Parameters<typeof openTransientTab>[1]) => {\n      if (sessionId === null) return;\n      onOpen?.();\n      openTransientTab(sessionId, tab);\n      openTab(tab.id);\n    },\n    [onOpen, openTab, sessionId],\n  );\n  const navigate = useNavigate();\n  // Another session the page lists, such as a child a plugin started; an unknown id is left alone.\n  const openSession = useCallback(\n    (target: string) => {\n      if (sessionsStore.state.byId[target] === undefined) return;\n      onOpen?.();\n      void navigate({ to: '/session/$sessionId', params: { sessionId: target } });\n    },\n    [navigate, onOpen],\n  );\n  const closePluginTransientTab = useCallback(\n    (tabId: string) => {\n      if (sessionId !== null) closeTransientTab(sessionId, tabId);\n    },\n    [sessionId],\n  );\n  const appendDraft = useCallback((text: string) => appendComposerDraft(sessionId, text), [sessionId]);\n  const attachContext = useCallback(\n    (item: Parameters<typeof attachComposerContext>[1]) => attachComposerContext(sessionId, item),\n    [sessionId],\n  );\n  const attachCapture = useCallback(\n    (capture: Parameters<typeof attachComposerCapture>[1]) => attachComposerCapture(sessionId, capture),\n    [sessionId],\n  );\n  const capture = useCallback(\n    (value: Parameters<typeof submitCapture>[1]) => submitCapture(sessionId, value),\n    [sessionId],\n  );\n  const activeMinorModes = useMemo(\n    () =>\n      minorModes(statuses, widgets, catalog)\n        .filter((mode) => mode.availability === 'on')\n        .map((mode) => mode.name),\n    [catalog, statuses, widgets],\n  );\n\n  return useMemo(() => {\n    void registryRevision;\n    const props = pluginSlotProps(\n      sessionId,\n      openPluginTab,\n      statuses,\n      { open: openPluginTransientTab, close: closePluginTransientTab },\n      appendDraft,\n      attachContext,\n      attachCapture,\n      contextInventory,\n      capture,\n      sessionReservationId,\n    );\n    props.renderThread = (threadId, options) =>\n      sessionId === null ? null : (renderers?.thread(sessionId, threadId, options) ?? null);\n    props.renderSessionActivity = () =>\n      sessionId === null ? null : (renderers?.activity(sessionId, () => openPluginTab(null)) ?? null);\n    props.renderSessionTranscript = (targetId, options) => renderers?.transcript(targetId, options) ?? null;\n    props.activeMinorModes = activeMinorModes;\n    if (sessionContext !== undefined) props.sessionContext = sessionContext;\n    props.holdSessionChannels = holdSessionChannels;\n    props.openSession = openSession;\n    return props;\n  }, [\n    activeMinorModes,\n    appendDraft,\n    attachCapture,\n    attachContext,\n    capture,\n    closePluginTransientTab,\n    contextInventory,\n    openPluginTab,\n    openPluginTransientTab,\n    openSession,\n    registryRevision,\n    renderers,\n    sessionId,\n    sessionContext,\n    sessionReservationId,\n    statuses,\n  ]);\n}\n"],"mappings":"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"}

package/dist/web/stores/useToolPrompt.cjs

@@ -0,0 +1,42 @@
+const require_toolPrompt = require("../lib/toolPrompt.cjs");
+const require_sessionStore = require("./sessionStore.cjs");
+const require_menuStore = require("./menuStore.cjs");
+const require_toolPromptStore = require("./toolPromptStore.cjs");
+let react = require("react");
+let _tanstack_react_store = require("@tanstack/react-store");
+//#region src/web/stores/useToolPrompt.ts
+/**
+* The running tool standing in for the composer, or null while none is.
+*
+* The composer and the host's dialog both read this, so the request has
+* exactly one owner on any given frame. The three facts are selected apart and
+* the verdict memoized on them: a claim is a fresh object each time it is
+* computed, and selecting it directly would make every unrelated frame look
+* like a change.
+*/
+function useToolPrompt() {
+	const dialog = require_sessionStore.useActiveSession((state) => state.dialog);
+	const entries = require_sessionStore.useActiveSession((state) => state.entries);
+	const activeTools = require_sessionStore.useActiveSession((state) => state.activeTools);
+	const statuses = require_sessionStore.useActiveSession((state) => state.statuses);
+	const claimedMenu = (0, _tanstack_react_store.useStore)(require_menuStore.menuStore, (state) => state.claimed?.dialogId ?? null);
+	const failed = (0, _tanstack_react_store.useStore)(require_toolPromptStore.toolPromptStore, (state) => state.failedDialogId);
+	const open = dialog?.id ?? null;
+	const spokenFor = open !== null && (open === claimedMenu || open === failed) ? open : null;
+	return (0, react.useMemo)(() => require_toolPrompt.toolPromptClaim({
+		dialog,
+		entries,
+		activeTools,
+		statuses
+	}, spokenFor), [
+		dialog,
+		entries,
+		activeTools,
+		statuses,
+		spokenFor
+	]);
+}
+//#endregion
+exports.useToolPrompt = useToolPrompt;
+
+//# sourceMappingURL=useToolPrompt.cjs.map

package/dist/web/stores/useToolPrompt.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolPrompt.cjs","names":["useActiveSession","useStore","menuStore","toolPromptStore","useMemo","toolPromptClaim"],"sources":["../../../src/web/stores/useToolPrompt.ts"],"sourcesContent":["import { useStore } from '@tanstack/react-store';\nimport { useMemo } from 'react';\n\nimport { type ToolPromptClaim, toolPromptClaim } from '../lib/toolPrompt';\nimport { menuStore } from './menuStore';\nimport { useActiveSession } from './sessionStore';\nimport { toolPromptStore } from './toolPromptStore';\n\n/**\n * The running tool standing in for the composer, or null while none is.\n *\n * The composer and the host's dialog both read this, so the request has\n * exactly one owner on any given frame. The three facts are selected apart and\n * the verdict memoized on them: a claim is a fresh object each time it is\n * computed, and selecting it directly would make every unrelated frame look\n * like a change.\n */\nexport function useToolPrompt(): ToolPromptClaim | null {\n  const dialog = useActiveSession((state) => state.dialog);\n  const entries = useActiveSession((state) => state.entries);\n  const activeTools = useActiveSession((state) => state.activeTools);\n  const statuses = useActiveSession((state) => state.statuses);\n  const claimedMenu = useStore(menuStore, (state) => state.claimed?.dialogId ?? null);\n  const failed = useStore(toolPromptStore, (state) => state.failedDialogId);\n  // Both ids can be stale, so neither speaks for the open request unless it\n  // names it: a claim left over from an earlier turn must not wave this one through.\n  const open = dialog?.id ?? null;\n  const spokenFor = open !== null && (open === claimedMenu || open === failed) ? open : null;\n  return useMemo(\n    () => toolPromptClaim({ dialog, entries, activeTools, statuses }, spokenFor),\n    [dialog, entries, activeTools, statuses, spokenFor],\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,SAAgB,gBAAwC;CACtD,MAAM,SAASA,qBAAAA,kBAAkB,UAAU,MAAM,MAAM;CACvD,MAAM,UAAUA,qBAAAA,kBAAkB,UAAU,MAAM,OAAO;CACzD,MAAM,cAAcA,qBAAAA,kBAAkB,UAAU,MAAM,WAAW;CACjE,MAAM,WAAWA,qBAAAA,kBAAkB,UAAU,MAAM,QAAQ;CAC3D,MAAM,eAAA,GAAcC,sBAAAA,SAAAA,CAASC,kBAAAA,YAAY,UAAU,MAAM,SAAS,YAAY,IAAI;CAClF,MAAM,UAAA,GAASD,sBAAAA,SAAAA,CAASE,wBAAAA,kBAAkB,UAAU,MAAM,cAAc;CAGxE,MAAM,OAAO,QAAQ,MAAM;CAC3B,MAAM,YAAY,SAAS,SAAS,SAAS,eAAe,SAAS,UAAU,OAAO;CACtF,QAAA,GAAOC,MAAAA,QAAAA,OACCC,mBAAAA,gBAAgB;EAAE;EAAQ;EAAS;EAAa;CAAS,GAAG,SAAS,GAC3E;EAAC;EAAQ;EAAS;EAAa;EAAU;CAAS,CACpD;AACF"}