@mgamadeus/ddd-agents 0.0.0-stage → 0.1.0-alpha.21

package/dist/chunks/canvas-behaviours-BRFR1ALE.js

@@ -0,0 +1,45 @@
+"use client";
+import { K as getFurtherCanvasBehaviours } from "./WebSearchResultsConversationWidget-BvnLWHyi.js";
+const DEFAULT_CANVAS_WIDTH_PERCENT = 50;
+const CANVAS_MIN_WIDTH_PX = 420;
+const CHAT_COLUMN_MIN_WIDTH_PX = 360;
+const CANVAS_BOXED_INSET_PX = 8;
+const CANVAS_FILLS_SCREEN_WIDTH_PERCENT = 72;
+const packageCanvasBehaviours = {
+  conversationSearchResults: { lifetime: "turn", layout: "split", narrowViewport: "none", fullBleed: false },
+  webSearchResults: { lifetime: "turn", layout: "split", narrowViewport: "none", fullBleed: false },
+  // One entity's detail, opened from a ComposedView row (`openEntity`) — a click, never a live delivery.
+  entityDetail: { lifetime: "turn", layout: "split", widthPercent: 40, narrowViewport: "none", fullBleed: false },
+  // A ComposedView `Map` node, full screen — the widest split a turn canvas takes, the map flush.
+  mapFullScreen: { lifetime: "turn", layout: "split", widthPercent: 65, narrowViewport: "none", fullBleed: true }
+};
+const hasOwnCanvasBehaviour = (behaviours, canvasId) => Object.prototype.hasOwnProperty.call(behaviours, canvasId);
+const canvasBehaviourOf = (canvasId) => {
+  if (hasOwnCanvasBehaviour(packageCanvasBehaviours, canvasId)) {
+    return packageCanvasBehaviours[canvasId];
+  }
+  const furtherCanvasBehaviours = getFurtherCanvasBehaviours();
+  return hasOwnCanvasBehaviour(furtherCanvasBehaviours, canvasId) ? furtherCanvasBehaviours[canvasId] : void 0;
+};
+const getDeclaredCanvasIds = () => {
+  const packageCanvasIds = Object.keys(packageCanvasBehaviours);
+  const furtherCanvasIds = Object.keys(getFurtherCanvasBehaviours()).filter(
+    (canvasId) => !packageCanvasIds.includes(canvasId)
+  );
+  return [...packageCanvasIds, ...furtherCanvasIds];
+};
+const isCanvasId = (value) => typeof value === "string" && canvasBehaviourOf(value) !== void 0;
+const canvasWidthPercentOf = (behaviour) => behaviour.layout === "canvasFillsScreen" ? CANVAS_FILLS_SCREEN_WIDTH_PERCENT : behaviour.widthPercent ?? DEFAULT_CANVAS_WIDTH_PERCENT;
+export {
+  CANVAS_BOXED_INSET_PX as C,
+  DEFAULT_CANVAS_WIDTH_PERCENT as D,
+  CANVAS_FILLS_SCREEN_WIDTH_PERCENT as a,
+  CANVAS_MIN_WIDTH_PX as b,
+  CHAT_COLUMN_MIN_WIDTH_PX as c,
+  canvasBehaviourOf as d,
+  canvasWidthPercentOf as e,
+  getDeclaredCanvasIds as g,
+  isCanvasId as i,
+  packageCanvasBehaviours as p
+};
+//# sourceMappingURL=canvas-behaviours-BRFR1ALE.js.map

package/dist/chunks/canvas-behaviours-BRFR1ALE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-behaviours-BRFR1ALE.js","sources":["../../src/renderer/canvas/canvas-behaviours.ts"],"sourcesContent":["import { getFurtherCanvasBehaviours } from \"../../provider/environment\";\n\n/**\n * The CANVAS BEHAVIOURS — one declaration per canvas of how it lives on the surface: how long it stays (`lifetime`),\n * how it takes the screen (`layout`), what happens on a narrow viewport and whether its body starts flush at the top.\n *\n * Keyed on a CANVAS id, not a widget name: one body may have several openers, and one widget can be inline with a\n * detail canvas. The widget registry lists which canvases a widget may open (`opensCanvases`); the canvas BODIES (React\n * components) live in `canvasBodies.tsx`, imported only by the shell. The package declares the canvases of its own\n * widgets here (`packageCanvasBehaviours`); an app declares the canvases of its widgets on its agents environment\n * (`AgentsEnvironment.furtherCanvasBehaviours`), read at every lookup. This module imports nothing but the environment\n * module (which has no runtime imports), so the conversation slice and its specs can read it during store\n * initialisation (the widget registry is downstream of the store; a slice → registry import forms a temporal-dead-zone\n * cycle).\n */\n\n/** The canvases of the package's own widgets. */\nexport type PackageCanvasId = \"conversationSearchResults\" | \"webSearchResults\" | \"entityDetail\" | \"mapFullScreen\";\n\n/**\n * The id of a canvas: one of the package's (`PackageCanvasId`) or one an app declares\n * (`AgentsEnvironment.furtherCanvasBehaviours`). Append-only while a stored pointer (`canvasStorage.ts`) may still name\n * the id. A string, because the app's ids are not known to the package; `isCanvasId` checks a value against both.\n */\nexport type CanvasId = PackageCanvasId | (string & {});\n\n/**\n * `turn`: the canvas belongs to one question — the next SEND closes it for good (the card in the transcript is the\n * way back). `pinned`: a work surface for the whole conversation — it stays through sends and stays re-openable after\n * the customer closes it. Lifetime says nothing about a reload: the canvas open at reload time is restored for BOTH.\n */\nexport type CanvasLifetime = \"turn\" | \"pinned\";\n\n/**\n * `split`: the canvas is the right pane beside the chat. `canvasFillsScreen`: the canvas takes the screen and the chat\n * becomes the narrow companion (a full work surface such as an editor); the host's compact mode is overridden while it\n * is open.\n */\nexport type CanvasLayout = \"split\" | \"canvasFillsScreen\";\n\n/**\n * Below the viable split width (`CANVAS_VIABLE_MIN_WIDTH`): `none` — a live delivery does not take the phone screen\n * over (the card stays, the customer taps it), and the wide → narrow crossing closes an open canvas; `overlay` — the\n * canvas is the widget's only surface, so it opens as the full-screen overlay and survives the crossing.\n */\nexport type CanvasNarrowViewport = \"none\" | \"overlay\";\n\nexport interface CanvasBehaviour {\n  readonly lifetime: CanvasLifetime;\n  readonly layout: CanvasLayout;\n  /** Width of the canvas pane as a percentage of the split. Only read for `layout: \"split\"`; default 50. */\n  readonly widthPercent?: number;\n  readonly narrowViewport: CanvasNarrowViewport;\n  /**\n   * The body starts flush at its top edge (a hero image, an iframe) — the pane keeps its gap under the close row, unless\n   * `overlayCloseButton` floats the row over the body.\n   */\n  readonly fullBleed: boolean;\n  /**\n   * The close button floats over the body's top edge instead of reserving a row of its own, and the pane drops its top\n   * and side padding — for a body whose top (a hero image) may sit under the button. The button is then muted\n   * `inverted` + `onDark`, since it sits on the dark image. Default false: the row stays in flow so it never covers\n   * content.\n   */\n  readonly overlayCloseButton?: boolean;\n}\n\n/** Width of the canvas pane (% of the split) when a behaviour declares none. */\nexport const DEFAULT_CANVAS_WIDTH_PERCENT = 50;\n\n/** The narrowest the customer can pull the canvas (px); pulling further and holding folds the tab into \"close\". */\nexport const CANVAS_MIN_WIDTH_PX = 420;\n\n/** What the chat column keeps beside the widest canvas (px). */\nexport const CHAT_COLUMN_MIN_WIDTH_PX = 360;\n\n/**\n * The boxed canvas card's inset from its pane edge (px) — the pull tab sits on the card's edge, not the pane's. The\n * pane's padding reads it as `--agents-canvas-inset` (`.splitViewPaneBoxed`), so this is the one place it is set.\n */\nexport const CANVAS_BOXED_INSET_PX = 8;\n\n/** Width of the canvas pane for `layout: \"canvasFillsScreen\"` — the chat keeps a narrow companion column. */\nexport const CANVAS_FILLS_SCREEN_WIDTH_PERCENT = 72;\n\n/** The canvases of the package's own widgets. */\nexport const packageCanvasBehaviours: Readonly<Record<PackageCanvasId, CanvasBehaviour>> = {\n  conversationSearchResults: { lifetime: \"turn\", layout: \"split\", narrowViewport: \"none\", fullBleed: false },\n  webSearchResults: { lifetime: \"turn\", layout: \"split\", narrowViewport: \"none\", fullBleed: false },\n  // One entity's detail, opened from a ComposedView row (`openEntity`) — a click, never a live delivery.\n  entityDetail: { lifetime: \"turn\", layout: \"split\", widthPercent: 40, narrowViewport: \"none\", fullBleed: false },\n  // A ComposedView `Map` node, full screen — the widest split a turn canvas takes, the map flush.\n  mapFullScreen: { lifetime: \"turn\", layout: \"split\", widthPercent: 65, narrowViewport: \"none\", fullBleed: true },\n};\n\nconst hasOwnCanvasBehaviour = (behaviours: Readonly<Record<string, CanvasBehaviour>>, canvasId: string): boolean =>\n  Object.prototype.hasOwnProperty.call(behaviours, canvasId);\n\n/**\n * The behaviour of a canvas: the package's own, else the one the app declares\n * (`AgentsEnvironment.furtherCanvasBehaviours`); undefined for an id nobody declared (a stale stored pointer, a typo —\n * the opening rule ignores it). An app cannot replace a package canvas's behaviour.\n */\nexport const canvasBehaviourOf = (canvasId: CanvasId): CanvasBehaviour | undefined => {\n  if (hasOwnCanvasBehaviour(packageCanvasBehaviours, canvasId)) {\n    return packageCanvasBehaviours[canvasId as PackageCanvasId];\n  }\n  const furtherCanvasBehaviours = getFurtherCanvasBehaviours();\n  return hasOwnCanvasBehaviour(furtherCanvasBehaviours, canvasId) ? furtherCanvasBehaviours[canvasId] : undefined;\n};\n\n/** Every declared canvas id: the package's own first, then the app's further ones. */\nexport const getDeclaredCanvasIds = (): readonly CanvasId[] => {\n  const packageCanvasIds = Object.keys(packageCanvasBehaviours);\n  const furtherCanvasIds = Object.keys(getFurtherCanvasBehaviours()).filter(\n    (canvasId) => !packageCanvasIds.includes(canvasId),\n  );\n  return [...packageCanvasIds, ...furtherCanvasIds];\n};\n\n/** Type guard for a value read from untrusted input (`sessionStorage`, a URL): is it a declared canvas id? */\nexport const isCanvasId = (value: unknown): value is CanvasId =>\n  typeof value === \"string\" && canvasBehaviourOf(value) !== undefined;\n\nexport const canvasWidthPercentOf = (behaviour: CanvasBehaviour): number =>\n  behaviour.layout === \"canvasFillsScreen\"\n    ? CANVAS_FILLS_SCREEN_WIDTH_PERCENT\n    : (behaviour.widthPercent ?? DEFAULT_CANVAS_WIDTH_PERCENT);\n"],"names":[],"mappings":";;AAoEO,MAAM,+BAA+B;AAGrC,MAAM,sBAAsB;AAG5B,MAAM,2BAA2B;AAMjC,MAAM,wBAAwB;AAG9B,MAAM,oCAAoC;AAG1C,MAAM,0BAA8E;AAAA,EACzF,2BAA2B,EAAE,UAAU,QAAQ,QAAQ,SAAS,gBAAgB,QAAQ,WAAW,MAAA;AAAA,EACnG,kBAAkB,EAAE,UAAU,QAAQ,QAAQ,SAAS,gBAAgB,QAAQ,WAAW,MAAA;AAAA;AAAA,EAE1F,cAAc,EAAE,UAAU,QAAQ,QAAQ,SAAS,cAAc,IAAI,gBAAgB,QAAQ,WAAW,MAAA;AAAA;AAAA,EAExG,eAAe,EAAE,UAAU,QAAQ,QAAQ,SAAS,cAAc,IAAI,gBAAgB,QAAQ,WAAW,KAAA;AAC3G;AAEA,MAAM,wBAAwB,CAAC,YAAuD,aACpF,OAAO,UAAU,eAAe,KAAK,YAAY,QAAQ;AAOpD,MAAM,oBAAoB,CAAC,aAAoD;AACpF,MAAI,sBAAsB,yBAAyB,QAAQ,GAAG;AAC5D,WAAO,wBAAwB,QAA2B;AAAA,EAC5D;AACA,QAAM,0BAA0B,2BAAA;AAChC,SAAO,sBAAsB,yBAAyB,QAAQ,IAAI,wBAAwB,QAAQ,IAAI;AACxG;AAGO,MAAM,uBAAuB,MAA2B;AAC7D,QAAM,mBAAmB,OAAO,KAAK,uBAAuB;AAC5D,QAAM,mBAAmB,OAAO,KAAK,2BAAA,CAA4B,EAAE;AAAA,IACjE,CAAC,aAAa,CAAC,iBAAiB,SAAS,QAAQ;AAAA,EAAA;AAEnD,SAAO,CAAC,GAAG,kBAAkB,GAAG,gBAAgB;AAClD;AAGO,MAAM,aAAa,CAAC,UACzB,OAAO,UAAU,YAAY,kBAAkB,KAAK,MAAM;AAErD,MAAM,uBAAuB,CAAC,cACnC,UAAU,WAAW,sBACjB,oCACC,UAAU,gBAAgB;"}

package/dist/chunks/canvas-feature-flags-BmmxC3bz.js

@@ -0,0 +1,11 @@
+"use client";
+const canvasFeatureFlags = {};
+const registerCanvasFeatureFlags = (featureFlags) => {
+  Object.assign(canvasFeatureFlags, featureFlags);
+};
+const canvasFeatureFlagOf = (canvasId) => canvasFeatureFlags[canvasId];
+export {
+  canvasFeatureFlagOf as c,
+  registerCanvasFeatureFlags as r
+};
+//# sourceMappingURL=canvas-feature-flags-BmmxC3bz.js.map

package/dist/chunks/canvas-feature-flags-BmmxC3bz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-feature-flags-BmmxC3bz.js","sources":["../../src/renderer/canvas/canvas-feature-flags.ts"],"sourcesContent":["import type { CanvasId } from \"./canvas-behaviours\";\n\n/**\n * The requirement (an app feature flag, opaque to the package) a CANVAS requires — the same one its opening widget\n * declares in the registry. Owned by the canvas (not read off an opener) because a restored or page-opened canvas has\n * no widget mount to inherit it from; the shell wraps a gated body in `ConversationWidgetFeatureGate`. An app names\n * the requirements of its canvases with `registerCanvasFeatureFlags`; the package's own canvases are ungated.\n */\nexport const canvasFeatureFlags: Partial<Record<CanvasId, string>> = {};\n\n/** Adds the requirements of an app's canvases. Runs outside React, before the first render. */\nexport const registerCanvasFeatureFlags = (featureFlags: Readonly<Partial<Record<CanvasId, string>>>): void => {\n  Object.assign(canvasFeatureFlags, featureFlags);\n};\n\nexport const canvasFeatureFlagOf = (canvasId: CanvasId): string | undefined => canvasFeatureFlags[canvasId];\n"],"names":[],"mappings":";AAQO,MAAM,qBAAwD,CAAA;AAG9D,MAAM,6BAA6B,CAAC,iBAAoE;AAC7G,SAAO,OAAO,oBAAoB,YAAY;AAChD;AAEO,MAAM,sBAAsB,CAAC,aAA2C,mBAAmB,QAAQ;"}

package/dist/chunks/canvasBodies-9SuF6NAB.js

@@ -0,0 +1,289 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useCallback, useContext, createContext, useState } from "react";
+import { ax as payloadHashOfInstanceId, q as Text, a as ConversationSearchResultsList, aA as useConversationWidgetContext, b5 as parseConversationSearchResultsPayload, b6 as WebSearchAnswer, b7 as WebSearchSourcesList, b8 as parseWebSearchResultsPayload, b9 as ENTITY_MENTION_WIDGET_NAME, ba as buildEntityMentionFields, bb as normalizeEntityMentionFields, bc as entityMentionKey, bd as MAX_ENTITY_MENTIONS_PER_MESSAGE, be as toEntityMentionWireFields, bf as useIsEmailWidgetRender, bg as ConversationWidgetButton } from "./WebSearchResultsConversationWidget-BvnLWHyi.js";
+import { z as findWidgetFenceByPayloadHash, B as findWidgetFencesInMarkdown, D as readEntityDetailInstanceId, E as readMapNodeKeyOfInstanceId, F as findMapNodeInMarkdown, G as readOpenEntityActionTarget, H as canvasInstanceIdForEntityDetail, I as mapStyles, M as MapPresentationContext, e as ComposedViewRenderer } from "./widget-name-resolver-DyIY6Zu4.js";
+const useAnchorWidgetPayload = (canvas, anchorMessageMarkdown, widgetName) => useMemo(() => {
+  if (canvas.anchor.kind !== "message" || anchorMessageMarkdown === null) return void 0;
+  const payloadHash = payloadHashOfInstanceId(canvas.instanceId);
+  if (payloadHash !== void 0) {
+    return findWidgetFenceByPayloadHash(anchorMessageMarkdown, widgetName, payloadHash)?.payload;
+  }
+  return findWidgetFencesInMarkdown(anchorMessageMarkdown).find((fence) => fence.name === widgetName)?.payload;
+}, [canvas.anchor, canvas.instanceId, anchorMessageMarkdown, widgetName]);
+const canvasStyle$1 = {
+  width: "100%",
+  height: "100%",
+  display: "flex",
+  flexDirection: "column",
+  minHeight: 0,
+  background: "var(--agents-bg)"
+};
+const scrollStyle$1 = {
+  flex: 1,
+  minHeight: 0,
+  overflowY: "auto"
+};
+const contentStyle$1 = {
+  padding: "16px 24px 24px"
+};
+const ConversationSearchResultsCanvas = (props) => /* @__PURE__ */ jsx("div", { style: canvasStyle$1, "data-testid": "conversation-search-results-widget-canvas", children: /* @__PURE__ */ jsx("div", { style: scrollStyle$1, children: /* @__PURE__ */ jsxs("div", { style: contentStyle$1, "data-testid": "conversation-search-results-widget-canvas-results", children: [
+  /* @__PURE__ */ jsx(
+    Text,
+    {
+      role: "title",
+      replacements: { query: props.query },
+      testId: "conversation-search-results-widget-canvas-title",
+      children: 'Search results for "%query%"'
+    }
+  ),
+  /* @__PURE__ */ jsx(ConversationSearchResultsList, { groups: props.groups, query: props.query, onOpenConversation: props.onOpenConversation })
+] }) }) });
+const ConversationSearchResultsCanvasBody = ({ canvas, anchorMessageMarkdown }) => {
+  const { onOpenConversation } = useConversationWidgetContext();
+  const payload = useAnchorWidgetPayload(canvas, anchorMessageMarkdown, "ConversationSearchResults");
+  const parsed = useMemo(
+    () => payload === void 0 ? null : parseConversationSearchResultsPayload(payload),
+    [payload]
+  );
+  if (parsed === null || parsed.groups.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    ConversationSearchResultsCanvas,
+    {
+      query: parsed.query,
+      groups: parsed.groups,
+      onOpenConversation: (conversationId, messageId) => onOpenConversation?.(conversationId, messageId)
+    }
+  );
+};
+const canvasStyle = {
+  width: "100%",
+  height: "100%",
+  display: "flex",
+  flexDirection: "column",
+  minHeight: 0,
+  background: "var(--agents-bg)"
+};
+const scrollStyle = { flex: 1, minHeight: 0, overflowY: "auto" };
+const contentStyle = { padding: "16px 24px 24px" };
+const WebSearchResultsCanvas = (props) => /* @__PURE__ */ jsx("div", { style: canvasStyle, "data-testid": "web-search-results-widget-canvas", children: /* @__PURE__ */ jsx("div", { style: scrollStyle, children: /* @__PURE__ */ jsxs("div", { style: contentStyle, children: [
+  props.query ? /* @__PURE__ */ jsx(
+    Text,
+    {
+      role: "title",
+      replacements: { query: props.query },
+      testId: "web-search-results-widget-canvas-title",
+      children: '"%query%"'
+    }
+  ) : /* @__PURE__ */ jsx(Text, { role: "title", testId: "web-search-results-widget-canvas-title", children: "Web search" }),
+  /* @__PURE__ */ jsx("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ jsx(WebSearchAnswer, { answer: props.answer }) }),
+  /* @__PURE__ */ jsx(
+    WebSearchSourcesList,
+    {
+      sources: props.sources,
+      provider: props.provider,
+      testId: "web-search-results-widget-canvas"
+    }
+  )
+] }) }) });
+const WebSearchResultsCanvasBody = ({ canvas, anchorMessageMarkdown }) => {
+  const payload = useAnchorWidgetPayload(canvas, anchorMessageMarkdown, "WebSearchResults");
+  const parsed = useMemo(() => payload === void 0 ? null : parseWebSearchResultsPayload(payload), [payload]);
+  if (parsed === null || parsed.answer.trim() === "" && parsed.sources.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    WebSearchResultsCanvas,
+    {
+      query: parsed.query,
+      answer: parsed.answer,
+      sources: parsed.sources,
+      provider: parsed.provider
+    }
+  );
+};
+const useEntityMentionComposer = () => {
+  const { composerWidgets, addComposerWidget, replaceComposerWidgetFields } = useConversationWidgetContext();
+  const findMentionWidgets = useCallback(
+    () => composerWidgets.filter((composerWidget) => composerWidget.widgetName === ENTITY_MENTION_WIDGET_NAME),
+    [composerWidgets]
+  );
+  const isMentioned = useCallback(
+    (target) => {
+      const mention = buildEntityMentionFields(target);
+      if (mention === null) return false;
+      return findMentionWidgets().some((composerWidget) => {
+        const heldMention = normalizeEntityMentionFields(composerWidget.fields);
+        return heldMention !== null && entityMentionKey(heldMention) === entityMentionKey(mention);
+      });
+    },
+    [findMentionWidgets]
+  );
+  const mentionEntity = useCallback(
+    (target) => {
+      const mention = buildEntityMentionFields(target);
+      if (mention === null) return false;
+      if (isMentioned(target)) return true;
+      const mentionWidgets = findMentionWidgets();
+      if (mentionWidgets.length >= MAX_ENTITY_MENTIONS_PER_MESSAGE) {
+        replaceComposerWidgetFields(mentionWidgets[0].composerWidgetId, toEntityMentionWireFields(mention));
+      } else {
+        addComposerWidget(ENTITY_MENTION_WIDGET_NAME, toEntityMentionWireFields(mention));
+      }
+      return true;
+    },
+    [isMentioned, findMentionWidgets, replaceComposerWidgetFields, addComposerWidget]
+  );
+  return { isMentioned, mentionEntity };
+};
+const EntityMentionAskButton = (props) => {
+  const { entityType, entityId, label, agentSpaceKey, testId = "entity-mention-ask" } = props;
+  const isEmailRender = useIsEmailWidgetRender();
+  const { isMentioned, mentionEntity } = useEntityMentionComposer();
+  const target = { entityType, entityId, label, agentSpaceKey };
+  if (isEmailRender) return null;
+  const isAlreadyMentioned = isMentioned(target);
+  return /* @__PURE__ */ jsx(
+    ConversationWidgetButton,
+    {
+      variant: "primary",
+      size: "medium",
+      icon: isAlreadyMentioned ? "check" : "message",
+      disabled: isAlreadyMentioned,
+      onClick: () => mentionEntity(target),
+      testId,
+      children: isAlreadyMentioned ? "Added to your message" : "Ask about this"
+    }
+  );
+};
+const bodyModules = /* @__PURE__ */ Object.assign({});
+const buildEntityDetailBodyRegistry = (definitions) => {
+  const registry = {};
+  for (const definition of definitions) {
+    if (Object.prototype.hasOwnProperty.call(registry, definition.entityType)) {
+      throw new Error(`Two entity detail bodies register the entity type "${definition.entityType}".`);
+    }
+    registry[definition.entityType] = definition;
+  }
+  return registry;
+};
+const readEntityDetailBodyDefinitions = (modules) => Object.values(modules).map((bodyModule) => bodyModule.entityDetailBody).filter((definition) => definition !== void 0);
+const entityDetailBodies = {
+  ...buildEntityDetailBodyRegistry(readEntityDetailBodyDefinitions(bodyModules))
+};
+const registerEntityDetailBodies = (definitions) => {
+  Object.assign(
+    entityDetailBodies,
+    buildEntityDetailBodyRegistry([...Object.values(entityDetailBodies), ...definitions])
+  );
+};
+const EntityDetailBodiesContext = createContext(entityDetailBodies);
+const useEntityDetailBodies = () => useContext(EntityDetailBodiesContext);
+const EntityDetailNameReportContext = createContext(() => void 0);
+const entityDetail = "agents_entityDetail_QEy9QH";
+const entityDetailFooter = "agents_entityDetailFooter_IQGMt2";
+const styles = {
+  entityDetail,
+  entityDetailFooter
+};
+const EntityDetailCanvasBody = ({ canvas, agentSpaceKey }) => {
+  const bodies = useEntityDetailBodies();
+  const [reportedEntity, setReportedEntity] = useState();
+  const reportEntityName = useCallback(
+    (entityName2) => setReportedEntity({ instanceId: canvas.instanceId, name: entityName2 }),
+    [canvas.instanceId]
+  );
+  const target = readEntityDetailInstanceId(canvas.instanceId);
+  if (target === void 0) return null;
+  const definition = Object.prototype.hasOwnProperty.call(bodies, target.entityType) ? bodies[target.entityType] : void 0;
+  if (!definition) {
+    return /* @__PURE__ */ jsx("div", { className: styles.entityDetail, "data-testid": "entity-detail-canvas", children: /* @__PURE__ */ jsx(Text, { role: "help", color: "var(--agents-fg-light)", testId: "entity-detail-canvas-unsupported", children: "This detail cannot be shown here yet." }) });
+  }
+  const Body = definition.component;
+  const entityName = reportedEntity?.instanceId === canvas.instanceId ? reportedEntity.name : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: styles.entityDetail, "data-testid": "entity-detail-canvas", children: [
+    /* @__PURE__ */ jsx(EntityDetailNameReportContext.Provider, { value: reportEntityName, children: /* @__PURE__ */ jsx(Body, { entityType: target.entityType, entityId: target.entityId, agentSpaceKey }) }),
+    /* @__PURE__ */ jsx("div", { className: styles.entityDetailFooter, children: /* @__PURE__ */ jsx(
+      EntityMentionAskButton,
+      {
+        entityType: target.entityType,
+        entityId: target.entityId,
+        label: entityName,
+        agentSpaceKey
+      }
+    ) })
+  ] });
+};
+const ignoreRenderReport = () => {
+};
+const MapFullScreenCanvasBody = (props) => {
+  const { canvas, anchorMessageMarkdown, agentSpaceKey } = props;
+  const { openCanvas } = useConversationWidgetContext();
+  const mapNodeKey = readMapNodeKeyOfInstanceId(canvas.instanceId);
+  const mapTree = useMemo(() => {
+    if (anchorMessageMarkdown === null || mapNodeKey === void 0) return void 0;
+    const mapNodeInComposedView = findMapNodeInMarkdown(anchorMessageMarkdown, mapNodeKey);
+    if (!mapNodeInComposedView) return void 0;
+    return { ...mapNodeInComposedView.tree, title: null, view: mapNodeInComposedView.mapNode, findings: [] };
+  }, [anchorMessageMarkdown, mapNodeKey]);
+  const anchor = canvas.anchor;
+  const onOpenEntity = useCallback(
+    (action, currentRow) => {
+      const target = readOpenEntityActionTarget(action, currentRow);
+      if (target === void 0 || anchor.kind !== "message") return;
+      openCanvas({
+        canvasId: "entityDetail",
+        instanceId: canvasInstanceIdForEntityDetail(target),
+        anchor,
+        origin: "cardClick",
+        justDelivered: false
+      });
+    },
+    [openCanvas, anchor]
+  );
+  if (!mapTree) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: mapStyles.fullScreenNotice,
+        "data-canvas-instance": canvas.instanceId,
+        "data-testid": "map-full-screen-canvas-unavailable",
+        children: /* @__PURE__ */ jsx(Text, { role: "help", color: "var(--agents-fg-light)", children: "This map is no longer available." })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: mapStyles.fullScreenBody,
+      "data-canvas-instance": canvas.instanceId,
+      "data-testid": "map-full-screen-canvas",
+      children: /* @__PURE__ */ jsx(MapPresentationContext.Provider, { value: "fullScreen", children: /* @__PURE__ */ jsx(
+        ComposedViewRenderer,
+        {
+          tree: mapTree,
+          interactive: true,
+          isEmailRender: false,
+          messageId: anchor.kind === "message" ? anchor.messageId : void 0,
+          agentSpaceKey,
+          onReport: ignoreRenderReport,
+          onOpenEntity,
+          testId: "map-full-screen-canvas-view"
+        }
+      ) })
+    }
+  );
+};
+const canvasBodies = {
+  conversationSearchResults: ConversationSearchResultsCanvasBody,
+  webSearchResults: WebSearchResultsCanvasBody,
+  entityDetail: EntityDetailCanvasBody,
+  mapFullScreen: MapFullScreenCanvasBody
+};
+const registerCanvasBodies = (bodies) => {
+  Object.assign(canvasBodies, bodies);
+};
+export {
+  registerEntityDetailBodies as a,
+  canvasBodies as c,
+  registerCanvasBodies as r
+};
+//# sourceMappingURL=canvasBodies-9SuF6NAB.js.map

package/dist/chunks/canvasBodies-9SuF6NAB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasBodies-9SuF6NAB.js","sources":["../../src/renderer/canvas/use-anchor-widget-payload.ts","../../src/widgets/ConversationSearchResultsConversationWidget/ConversationSearchResultsCanvas.tsx","../../src/widgets/ConversationSearchResultsConversationWidget/ConversationSearchResultsCanvasBody.tsx","../../src/widgets/WebSearchResultsConversationWidget/WebSearchResultsCanvas.tsx","../../src/widgets/WebSearchResultsConversationWidget/WebSearchResultsCanvasBody.tsx","../../src/widgets/EntityMentionConversationWidget/shared/use-entity-mention-composer.ts","../../src/widgets/EntityMentionConversationWidget/EntityMentionAskButton/EntityMentionAskButton.tsx","../../src/kit/entity-detail/entity-detail-bodies.ts","../../src/kit/entity-detail/entity-detail-name.ts","../../src/kit/entity-detail/EntityDetailCanvasBody.tsx","../../src/kit/map-full-screen/MapFullScreenCanvasBody.tsx","../../src/renderer/canvas/canvasBodies.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { CanvasState } from \"./canvas-state\";\nimport { payloadHashOfInstanceId } from \"./canvas-state\";\nimport { findWidgetFenceByPayloadHash, findWidgetFencesInMarkdown } from \"./find-widget-fences-in-markdown\";\n\n/**\n * The payload string of the widget a message-anchored canvas was opened from: the fence of `widgetName` in the anchor\n * message whose payload hash the canvas instance id carries (`canvasInstanceIdForMessagePayload`); when the instance\n * id carries no hash (one canvas per message), the first fence of that name. Undefined for a page anchor, a missing\n * anchor message, or a message that no longer carries the fence — the body then renders nothing.\n */\nexport const useAnchorWidgetPayload = (\n  canvas: CanvasState,\n  anchorMessageMarkdown: string | null,\n  widgetName: string,\n): string | undefined =>\n  useMemo(() => {\n    if (canvas.anchor.kind !== \"message\" || anchorMessageMarkdown === null) return undefined;\n    const payloadHash = payloadHashOfInstanceId(canvas.instanceId);\n    if (payloadHash !== undefined) {\n      return findWidgetFenceByPayloadHash(anchorMessageMarkdown, widgetName, payloadHash)?.payload;\n    }\n    return findWidgetFencesInMarkdown(anchorMessageMarkdown).find((fence) => fence.name === widgetName)?.payload;\n  }, [canvas.anchor, canvas.instanceId, anchorMessageMarkdown, widgetName]);\n","import { ConversationSearchResultsList, Text } from \"../../provider/components\";\nimport React from \"react\";\nimport { parseConversationSearchResultsPayload } from \"./shared/conversation-search-results-widget-payload\";\n\ntype ConversationSearchResultsCanvasProps = {\n  query: string;\n  groups: ReturnType<typeof parseConversationSearchResultsPayload>[\"groups\"];\n  onOpenConversation: (conversationId: number, messageId?: number) => void;\n};\n\n// Canvas body styles — the same as every list canvas body, so the full-screen panel behaves the same:\n// a full-height flex column whose inner area SCROLLS (scrollStyle: flex 1 + overflowY auto — without it the content\n// overflows the panel with no scrollbar), plus a horizontal inset (contentStyle) because the results list is built\n// for the narrow inline chat column where the bubble provides the gutter — in the canvas there is no bubble, so it would\n// otherwise render edge-to-edge.\nconst canvasStyle: React.CSSProperties = {\n  width: \"100%\",\n  height: \"100%\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  minHeight: 0,\n  background: \"var(--agents-bg)\",\n};\nconst scrollStyle: React.CSSProperties = {\n  flex: 1,\n  minHeight: 0,\n  overflowY: \"auto\",\n};\nconst contentStyle: React.CSSProperties = {\n  padding: \"16px 24px 24px\",\n};\n\n/** The canvas body — a titled wrapper around the same grouped results, scrollable + inset like the other canvas widgets. */\nexport const ConversationSearchResultsCanvas = (props: ConversationSearchResultsCanvasProps) => (\n  <div style={canvasStyle} data-testid=\"conversation-search-results-widget-canvas\">\n    <div style={scrollStyle}>\n      <div style={contentStyle} data-testid=\"conversation-search-results-widget-canvas-results\">\n        <Text\n          role=\"title\"\n          replacements={{ query: props.query }}\n          testId=\"conversation-search-results-widget-canvas-title\"\n        >\n          {'Search results for \"%query%\"'}\n        </Text>\n        <ConversationSearchResultsList groups={props.groups} query={props.query} onOpenConversation={props.onOpenConversation} />\n      </div>\n    </div>\n  </div>\n);\n","import React, { useMemo } from \"react\";\nimport type { CanvasBodyProps } from \"../../renderer/canvas/canvas-body-props\";\nimport { useConversationWidgetContext } from \"../../renderer/ConversationWidgetCallbacksContext\";\nimport { useAnchorWidgetPayload } from \"../../renderer/canvas/use-anchor-widget-payload\";\nimport { parseConversationSearchResultsPayload } from \"./shared/conversation-search-results-widget-payload\";\nimport { ConversationSearchResultsCanvas } from \"./ConversationSearchResultsCanvas\";\n\n/**\n * The `conversationSearchResults` CANVAS BODY (`canvasBodies.tsx`): re-reads the `ConversationSearchResults` fence of\n * the anchor message — the same payload the inline widget rendered from — and shows the grouped results. Nothing was\n * stored for it but the pointer. Renders nothing when the anchor message no longer carries the fence.\n */\nexport const ConversationSearchResultsCanvasBody = ({ canvas, anchorMessageMarkdown }: CanvasBodyProps) => {\n  const { onOpenConversation } = useConversationWidgetContext();\n  const payload = useAnchorWidgetPayload(canvas, anchorMessageMarkdown, \"ConversationSearchResults\");\n  const parsed = useMemo(\n    () => (payload === undefined ? null : parseConversationSearchResultsPayload(payload)),\n    [payload],\n  );\n  if (parsed === null || parsed.groups.length === 0) return null;\n  return (\n    <ConversationSearchResultsCanvas\n      query={parsed.query}\n      groups={parsed.groups}\n      onOpenConversation={(conversationId, messageId) => onOpenConversation?.(conversationId, messageId)}\n    />\n  );\n};\n","import { Text } from \"../../provider/components\";\nimport React from \"react\";\nimport { WebSearchResultSource } from \"./shared/web-search-results-widget-payload\";\nimport { WebSearchAnswer } from \"./WebSearchAnswer\";\nimport { WebSearchSourcesList } from \"./WebSearchSourcesList\";\n\ntype WebSearchResultsCanvasProps = {\n  query: string;\n  answer: string;\n  sources: WebSearchResultSource[];\n  provider?: string;\n};\n\n// Canvas body styles — mirror the ConversationSearchResults / listReviews drawer widgets: a full-height flex column\n// whose inner area SCROLLS (flex 1 + overflowY auto) with a horizontal inset (there is no chat bubble gutter in the canvas).\nconst canvasStyle: React.CSSProperties = {\n  width: \"100%\",\n  height: \"100%\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  minHeight: 0,\n  background: \"var(--agents-bg)\",\n};\nconst scrollStyle: React.CSSProperties = { flex: 1, minHeight: 0, overflowY: \"auto\" };\nconst contentStyle: React.CSSProperties = { padding: \"16px 24px 24px\" };\n\n/** The canvas body — the full answer + sources, scrollable + inset like the other canvas widgets. */\nexport const WebSearchResultsCanvas = (props: WebSearchResultsCanvasProps) => (\n  <div style={canvasStyle} data-testid=\"web-search-results-widget-canvas\">\n    <div style={scrollStyle}>\n      <div style={contentStyle}>\n        {props.query ? (\n          <Text\n            role=\"title\"\n            replacements={{ query: props.query }}\n            testId=\"web-search-results-widget-canvas-title\"\n          >\n            {'\"%query%\"'}\n          </Text>\n        ) : (\n          <Text role=\"title\" testId=\"web-search-results-widget-canvas-title\">\n            Web search\n          </Text>\n        )}\n        <div style={{ marginTop: 12 }}>\n          <WebSearchAnswer answer={props.answer} />\n        </div>\n        <WebSearchSourcesList\n          sources={props.sources}\n          provider={props.provider}\n          testId=\"web-search-results-widget-canvas\"\n        />\n      </div>\n    </div>\n  </div>\n);\n","import React, { useMemo } from \"react\";\nimport type { CanvasBodyProps } from \"../../renderer/canvas/canvas-body-props\";\nimport { useAnchorWidgetPayload } from \"../../renderer/canvas/use-anchor-widget-payload\";\nimport { parseWebSearchResultsPayload } from \"./shared/web-search-results-widget-payload\";\nimport { WebSearchResultsCanvas } from \"./WebSearchResultsCanvas\";\n\n/**\n * The `webSearchResults` CANVAS BODY (`canvasBodies.tsx`): re-reads the `WebSearchResults` fence of the anchor message\n * — the answer and its cited sources the inline widget rendered from — and shows them in the canvas. Renders nothing\n * when the anchor message no longer carries the fence.\n */\nexport const WebSearchResultsCanvasBody = ({ canvas, anchorMessageMarkdown }: CanvasBodyProps) => {\n  const payload = useAnchorWidgetPayload(canvas, anchorMessageMarkdown, \"WebSearchResults\");\n  const parsed = useMemo(() => (payload === undefined ? null : parseWebSearchResultsPayload(payload)), [payload]);\n  if (parsed === null || (parsed.answer.trim() === \"\" && parsed.sources.length === 0)) return null;\n  return (\n    <WebSearchResultsCanvas\n      query={parsed.query}\n      answer={parsed.answer}\n      sources={parsed.sources}\n      provider={parsed.provider}\n    />\n  );\n};\n","import { useCallback } from \"react\";\nimport { useConversationWidgetContext } from \"../../../renderer/ConversationWidgetCallbacksContext\";\nimport {\n  buildEntityMentionFields,\n  ENTITY_MENTION_WIDGET_NAME,\n  entityMentionKey,\n  EntityMentionTarget,\n  MAX_ENTITY_MENTIONS_PER_MESSAGE,\n  normalizeEntityMentionFields,\n  toEntityMentionWireFields,\n} from \"./entity-mention\";\n\nexport interface UseEntityMentionComposerResult {\n  /** Whether this entity is already mentioned in the composer. */\n  isMentioned: (target: EntityMentionTarget) => boolean;\n  /**\n   * Puts the entity into the composer as an `EntityMention` chip — once per entity (a second click is a no-op); past\n   * {@link MAX_ENTITY_MENTIONS_PER_MESSAGE} the new entity takes the place of the oldest mention (one write: a remove\n   * and an add in one event would both read the list before either). Sends nothing: the owner writes the question.\n   * Returns false for a target that names no entity.\n   */\n  mentionEntity: (target: EntityMentionTarget) => boolean;\n}\n\n/**\n * The opener side of the `EntityMention` composer widget: what the detail panel's \"Ask about this\"\n * button calls. Reads and writes the composer widgets of the chat's widget context; the composer strip renders them.\n */\nexport const useEntityMentionComposer = (): UseEntityMentionComposerResult => {\n  const { composerWidgets, addComposerWidget, replaceComposerWidgetFields } = useConversationWidgetContext();\n\n  const findMentionWidgets = useCallback(\n    () => composerWidgets.filter((composerWidget) => composerWidget.widgetName === ENTITY_MENTION_WIDGET_NAME),\n    [composerWidgets],\n  );\n\n  const isMentioned = useCallback(\n    (target: EntityMentionTarget) => {\n      const mention = buildEntityMentionFields(target);\n      if (mention === null) return false;\n      return findMentionWidgets().some((composerWidget) => {\n        const heldMention = normalizeEntityMentionFields(composerWidget.fields);\n        return heldMention !== null && entityMentionKey(heldMention) === entityMentionKey(mention);\n      });\n    },\n    [findMentionWidgets],\n  );\n\n  const mentionEntity = useCallback(\n    (target: EntityMentionTarget) => {\n      const mention = buildEntityMentionFields(target);\n      if (mention === null) return false;\n      if (isMentioned(target)) return true;\n      const mentionWidgets = findMentionWidgets();\n      if (mentionWidgets.length >= MAX_ENTITY_MENTIONS_PER_MESSAGE) {\n        replaceComposerWidgetFields(mentionWidgets[0].composerWidgetId, toEntityMentionWireFields(mention));\n      } else {\n        addComposerWidget(ENTITY_MENTION_WIDGET_NAME, toEntityMentionWireFields(mention));\n      }\n      return true;\n    },\n    [isMentioned, findMentionWidgets, replaceComposerWidgetFields, addComposerWidget],\n  );\n\n  return { isMentioned, mentionEntity };\n};\n","import { useIsEmailWidgetRender } from \"../../../renderer/ConversationWidgetRenderContext\";\nimport { ConversationWidgetButton } from \"../../_shared/ConversationWidgetButton\";\nimport type { EntityMentionTarget } from \"../shared/entity-mention\";\nimport { useEntityMentionComposer } from \"../shared/use-entity-mention-composer\";\n\nexport interface EntityMentionAskButtonProps extends EntityMentionTarget {\n  testId?: string;\n}\n\n/**\n * The detail panel's \"Ask about this\" button (ChatGPT's \"Anschlussfrage stellen\"):\n * puts the entity into the chat input as an `EntityMention` chip and sends NOTHING — the owner writes the question,\n * the chip rides in that message as a fence, and the backend reads which entity the question is about. Not a\n * next-step CTA: it posts no prompt. A second click on the same entity changes nothing; the\n * label turns into \"Added to your message\". Mounted by the `entityDetail` canvas (the shell or a domain body) with\n * the entity the panel shows; renders nothing in the e-mail capture or for a target that names no entity.\n */\nexport const EntityMentionAskButton = (props: EntityMentionAskButtonProps) => {\n  const { entityType, entityId, label, agentSpaceKey, testId = \"entity-mention-ask\" } = props;\n  const isEmailRender = useIsEmailWidgetRender();\n  const { isMentioned, mentionEntity } = useEntityMentionComposer();\n  const target = { entityType, entityId, label, agentSpaceKey };\n  if (isEmailRender) return null;\n  const isAlreadyMentioned = isMentioned(target);\n  return (\n    <ConversationWidgetButton\n      variant=\"primary\"\n      size=\"medium\"\n      icon={isAlreadyMentioned ? \"check\" : \"message\"}\n      disabled={isAlreadyMentioned}\n      onClick={() => mentionEntity(target)}\n      testId={testId}\n    >\n      {isAlreadyMentioned ? \"Added to your message\" : \"Ask about this\"}\n    </ConversationWidgetButton>\n  );\n};\n","import type React from \"react\";\nimport { createContext, useContext } from \"react\";\n\n/**\n * The bodies of the `entityDetail` canvas, one per entity type: every `*.entity-detail-body.tsx` below\n * `widgets/` that exports `entityDetailBody` registers itself by folder glob — an entity type is added with\n * the backend `<Type>EntityReferenceResolver` and this one file, and edits no list. A second body for one entity type\n * is a build error (thrown at module load).\n */\n\nexport interface EntityDetailBodyProps {\n  entityType: string;\n  /** The id as the backend resolved it (a row id or an external id). */\n  entityId: string;\n  /** The key of the agent space the chat is scoped to, for a body whose read endpoint is agent-space-scoped. */\n  agentSpaceKey?: number;\n}\n\nexport interface EntityDetailBodyDefinition {\n  /** The backend resolver's `ENTITY_TYPE`. */\n  entityType: string;\n  /** Self-hydrates the entity by id through its own read endpoint (the endpoint's entity rights apply). */\n  component: React.ComponentType<EntityDetailBodyProps>;\n}\n\nconst bodyModules = import.meta.glob<{ entityDetailBody?: EntityDetailBodyDefinition }>(\n  [\"../../widgets/**/*.entity-detail-body.tsx\", \"../**/*.entity-detail-body.tsx\"],\n  { eager: true },\n);\n\nexport const buildEntityDetailBodyRegistry = (\n  definitions: EntityDetailBodyDefinition[],\n): Readonly<Record<string, EntityDetailBodyDefinition>> => {\n  const registry: Record<string, EntityDetailBodyDefinition> = {};\n  for (const definition of definitions) {\n    if (Object.prototype.hasOwnProperty.call(registry, definition.entityType)) {\n      throw new Error(`Two entity detail bodies register the entity type \"${definition.entityType}\".`);\n    }\n    registry[definition.entityType] = definition;\n  }\n  return registry;\n};\n\n/** The body definitions a set of `*.entity-detail-body.tsx` modules export (the package's or an app's glob). */\nexport const readEntityDetailBodyDefinitions = (\n  modules: Record<string, { entityDetailBody?: EntityDetailBodyDefinition }>,\n): EntityDetailBodyDefinition[] =>\n  Object.values(modules)\n    .map((bodyModule) => bodyModule.entityDetailBody)\n    .filter((definition): definition is EntityDetailBodyDefinition => definition !== undefined);\n\n/** Entity type → body: the package's folder, then what an app registers (`registerEntityDetailBodies`). */\nexport const entityDetailBodies: Record<string, EntityDetailBodyDefinition> = {\n  ...buildEntityDetailBodyRegistry(readEntityDetailBodyDefinitions(bodyModules)),\n};\n\n/** Adds an app's entity detail bodies. Runs outside React, before the first render; an entity type registers once. */\nexport const registerEntityDetailBodies = (definitions: readonly EntityDetailBodyDefinition[]): void => {\n  Object.assign(\n    entityDetailBodies,\n    buildEntityDetailBodyRegistry([...Object.values(entityDetailBodies), ...definitions]),\n  );\n};\n\n/** The registry the canvas body uses — the folder's by default; a spec or a story may provide stubs. */\nexport const EntityDetailBodiesContext =\n  createContext<Readonly<Record<string, EntityDetailBodyDefinition>>>(entityDetailBodies);\n\nexport const useEntityDetailBodies = () => useContext(EntityDetailBodiesContext);\n","import { createContext, useContext, useEffect } from \"react\";\n\n/**\n * The name of the entity the `entityDetail` canvas shows: a detail body knows it only once it hydrated,\n * the shell needs it for the \"Ask about this\" chip — ChatGPT's follow-up chip names the business, a chip without it\n * says \"About this entry\". A body reports the name with {@link useReportEntityDetailName}; outside the shell (a story,\n * a spec of the body alone) the report goes nowhere.\n */\nexport const EntityDetailNameReportContext = createContext<(entityName: string | undefined) => void>(() => undefined);\n\n/** Reports the shown entity's name (the hydrated business, keyword or review title) to the `entityDetail` shell. */\nexport const useReportEntityDetailName = (entityName: string | undefined): void => {\n  const reportEntityName = useContext(EntityDetailNameReportContext);\n  const trimmedName = entityName?.trim() || undefined;\n  useEffect(() => {\n    reportEntityName(trimmedName);\n  }, [reportEntityName, trimmedName]);\n};\n","import { Text } from \"../../provider/components\";\nimport { useCallback, useState } from \"react\";\nimport type { CanvasBodyProps } from \"../../renderer/canvas/canvas-body-props\";\nimport { readEntityDetailInstanceId } from \"../../renderer/canvas/entity-detail-instance\";\nimport { EntityMentionAskButton } from \"../../widgets/EntityMentionConversationWidget/EntityMentionAskButton/EntityMentionAskButton\";\nimport { useEntityDetailBodies } from \"./entity-detail-bodies\";\nimport { EntityDetailNameReportContext } from \"./entity-detail-name\";\nimport styles from \"./EntityDetailCanvasBody.module.scss\";\n\n/**\n * The `entityDetail` CANVAS BODY (`canvasBodies.tsx`): the shell around one entity's detail. It reads\n * WHICH entity from the canvas instance id (`entityDetail:<entityType>:<id>`) and mounts the body registered for that\n * entity type; the body self-hydrates by id. An entity type without a body renders a short notice instead of nothing,\n * so a click never lands on an empty pane. \"Ask about this\" stays at the pane's foot while the detail scrolls and\n * names the entity in its chip once the body reported the name (`useReportEntityDetailName`).\n */\nexport const EntityDetailCanvasBody = ({ canvas, agentSpaceKey }: CanvasBodyProps) => {\n  const bodies = useEntityDetailBodies();\n  const [reportedEntity, setReportedEntity] = useState<{ instanceId: string; name: string | undefined }>();\n  const reportEntityName = useCallback(\n    (entityName: string | undefined) => setReportedEntity({ instanceId: canvas.instanceId, name: entityName }),\n    [canvas.instanceId],\n  );\n  const target = readEntityDetailInstanceId(canvas.instanceId);\n  if (target === undefined) return null;\n  const definition = Object.prototype.hasOwnProperty.call(bodies, target.entityType)\n    ? bodies[target.entityType]\n    : undefined;\n  if (!definition) {\n    return (\n      <div className={styles.entityDetail} data-testid=\"entity-detail-canvas\">\n        <Text role=\"help\" color=\"var(--agents-fg-light)\" testId=\"entity-detail-canvas-unsupported\">\n          {\"This detail cannot be shown here yet.\"}\n        </Text>\n      </div>\n    );\n  }\n  const Body = definition.component;\n  // A name reported for the previous entity never labels the next one's chip.\n  const entityName = reportedEntity?.instanceId === canvas.instanceId ? reportedEntity.name : undefined;\n  return (\n    <div className={styles.entityDetail} data-testid=\"entity-detail-canvas\">\n      <EntityDetailNameReportContext.Provider value={reportEntityName}>\n        <Body entityType={target.entityType} entityId={target.entityId} agentSpaceKey={agentSpaceKey} />\n      </EntityDetailNameReportContext.Provider>\n      <div className={styles.entityDetailFooter}>\n        <EntityMentionAskButton\n          entityType={target.entityType}\n          entityId={target.entityId}\n          label={entityName}\n          agentSpaceKey={agentSpaceKey}\n        />\n      </div>\n    </div>\n  );\n};\n","import { Text } from \"../../provider/components\";\nimport { useCallback, useMemo } from \"react\";\nimport type { CanvasBodyProps } from \"../../renderer/canvas/canvas-body-props\";\nimport { useConversationWidgetContext } from \"../../renderer/ConversationWidgetCallbacksContext\";\nimport {\n  canvasInstanceIdForEntityDetail,\n  readOpenEntityActionTarget,\n} from \"../../renderer/canvas/entity-detail-instance\";\nimport type {\n  ComposedViewAction,\n  ComposedViewTree,\n} from \"../../renderer/widget-tree/composed-view-tree\";\nimport type { ExpressionValue } from \"../../renderer/widget-tree/expression/evaluate-expression\";\nimport { ComposedViewRenderer } from \"../ComposedViewRenderer\";\nimport { findMapNodeInMarkdown, readMapNodeKeyOfInstanceId } from \"../components/map/map-full-screen-instance\";\nimport { MapPresentationContext } from \"../components/map/map-presentation-context\";\nimport mapStyles from \"../components/map/Map.module.scss\";\n\n/** The body reports nothing of its own: the inline block already reported this map to the model. */\nconst ignoreRenderReport = () => {};\n\n/**\n * The `mapFullScreen` CANVAS BODY (`canvasBodies.tsx`): one `Map` node of the anchor\n * message, full screen — the map filling the pane beside the list of its points. It finds the node through the\n * message's `ComposedView` fences and the node key its instance id carries (`map-full-screen-instance.ts`), then\n * renders it through the same `ComposedViewRenderer` with the node's own tree, so its bindings (`$data`, `$from`,\n * `$source`, `$computed`, `$state` at its initial value) and its actions resolve exactly as inline; the\n * `MapPresentationContext` switches the node to its full-screen layout. A point's `openEntity` action opens the\n * `entityDetail` canvas on the same anchor message (it replaces this canvas, as a click on an inline point would).\n */\nexport const MapFullScreenCanvasBody = (props: CanvasBodyProps) => {\n  const { canvas, anchorMessageMarkdown, agentSpaceKey } = props;\n  const { openCanvas } = useConversationWidgetContext();\n  const mapNodeKey = readMapNodeKeyOfInstanceId(canvas.instanceId);\n\n  const mapTree = useMemo<ComposedViewTree | undefined>(() => {\n    if (anchorMessageMarkdown === null || mapNodeKey === undefined) return undefined;\n    const mapNodeInComposedView = findMapNodeInMarkdown(anchorMessageMarkdown, mapNodeKey);\n    if (!mapNodeInComposedView) return undefined;\n    // The map alone, with its tree's state, data, computed values and actions; the tree's findings were the inline\n    // block's to report.\n    return { ...mapNodeInComposedView.tree, title: null, view: mapNodeInComposedView.mapNode, findings: [] };\n  }, [anchorMessageMarkdown, mapNodeKey]);\n\n  const anchor = canvas.anchor;\n  const onOpenEntity = useCallback(\n    (action: ComposedViewAction, currentRow?: ExpressionValue) => {\n      const target = readOpenEntityActionTarget(action, currentRow);\n      if (target === undefined || anchor.kind !== \"message\") return;\n      openCanvas({\n        canvasId: \"entityDetail\",\n        instanceId: canvasInstanceIdForEntityDetail(target),\n        anchor,\n        origin: \"cardClick\",\n        justDelivered: false,\n      });\n    },\n    [openCanvas, anchor],\n  );\n\n  if (!mapTree) {\n    return (\n      <div\n        className={mapStyles.fullScreenNotice}\n        data-canvas-instance={canvas.instanceId}\n        data-testid=\"map-full-screen-canvas-unavailable\"\n      >\n        <Text role=\"help\" color=\"var(--agents-fg-light)\">\n          {\"This map is no longer available.\"}\n        </Text>\n      </div>\n    );\n  }\n  return (\n    <div\n      className={mapStyles.fullScreenBody}\n      data-canvas-instance={canvas.instanceId}\n      data-testid=\"map-full-screen-canvas\"\n    >\n      <MapPresentationContext.Provider value=\"fullScreen\">\n        <ComposedViewRenderer\n          tree={mapTree}\n          interactive\n          isEmailRender={false}\n          messageId={anchor.kind === \"message\" ? anchor.messageId : undefined}\n          agentSpaceKey={agentSpaceKey}\n          onReport={ignoreRenderReport}\n          onOpenEntity={onOpenEntity}\n          testId=\"map-full-screen-canvas-view\"\n        />\n      </MapPresentationContext.Provider>\n    </div>\n  );\n};\n","import type React from \"react\";\nimport type { CanvasId } from \"./canvas-behaviours\";\nimport type { CanvasBodyProps } from \"./canvas-body-props\";\nimport { ConversationSearchResultsCanvasBody } from \"../../widgets/ConversationSearchResultsConversationWidget/ConversationSearchResultsCanvasBody\";\nimport { WebSearchResultsCanvasBody } from \"../../widgets/WebSearchResultsConversationWidget/WebSearchResultsCanvasBody\";\nimport { EntityDetailCanvasBody } from \"../../kit/entity-detail/EntityDetailCanvasBody\";\nimport { MapFullScreenCanvasBody } from \"../../kit/map-full-screen/MapFullScreenCanvasBody\";\n\nexport type { CanvasBodyProps } from \"./canvas-body-props\";\nexport { canvasFeatureFlagOf } from \"./canvas-feature-flags\";\n\n/**\n * THE CANVAS BODIES — canvas id → the React component the shell mounts in the canvas pane. The one module that knows\n * both the canvas ids and React components, and it is imported ONLY by `CanvasPane` (the shell), never by\n * the slice, the behaviours or a widget — that is the import layering that keeps the store-init temporal-dead-zone\n * cycle away. The bodies themselves are small: a body that hosts a heavy page (an app's list page or editor)\n * lazy-loads that page, exactly as its widget did. Every canvas has a body; nothing\n * else hands the pane a rendered node.\n *\n * The package's own bodies are listed here; an app adds the bodies of its canvases with `registerCanvasBodies` before\n * the first render. The object is filled in place, so the shell reads every registration.\n */\nexport const canvasBodies = {\n  conversationSearchResults: ConversationSearchResultsCanvasBody,\n  webSearchResults: WebSearchResultsCanvasBody,\n  entityDetail: EntityDetailCanvasBody,\n  mapFullScreen: MapFullScreenCanvasBody,\n} as Record<CanvasId, React.ComponentType<CanvasBodyProps>>;\n\n/** Adds an app's canvas bodies (canvas id → body). Runs outside React, before the first render. */\nexport const registerCanvasBodies = (\n  bodies: Readonly<Partial<Record<CanvasId, React.ComponentType<CanvasBodyProps>>>>,\n): void => {\n  Object.assign(canvasBodies, bodies);\n};\n"],"names":["canvasStyle","scrollStyle","contentStyle","entityName"],"mappings":"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"}