@viswa-test/test-citation 0.0.228 → 0.0.230

package/README.md

@@ -681,31 +681,68 @@ const reasoningData = {
 
 `GptWebCitation` is a composite React component that wraps the GPT reasoning citation (`CognitiveInternalgptCoreComponent`) and adds an optional **Web Citation** view. Users can toggle between GPT and web-based citations without modifying the underlying GPT citation code.
 
-In **GPT view**, the component renders the standard GPT citation panel with a **View Web Citation** button on the left and the document source link on the right (inside the GPT citation footer). In **Web Citation view**, it shows a web snapshot (image or markdown content) with highlight navigation, relevance score, and a **View GPT Citation** toggle to switch back.
+In **GPT view**, the component renders the standard GPT citation panel with a **View Web Citation** button on the left and the document source link on the right (inside the GPT citation footer). In **Web Citation view**, it shows a screenshot snapshot of the source page (when available), a relevance score badge, visit links, and a **View GPT Citation** toggle to switch back.
+
+The component is **presentational** — it does not fetch web citations. The parent owns `webCitationData`, `webCitationStatus`, and view toggling via the required `citationType` prop.
+
+### `CitationType`
+
+Import from `@e-llm-studio/citation`:
+
+```tsx
+import { CitationType } from '@e-llm-studio/citation';
+```
+
+| Value | GPT view | Web view | Toggle | Default view |
+| --- | --- | --- | --- | --- |
+| `CitationType.GPT` | yes | no | no | GPT only |
+| `CitationType.WEB` | no | yes | no | Web only |
+| `CitationType.GPT_WEB` | yes | yes | yes | Web (uncontrolled) |
+
+`citationType` is **required**. Use `CitationType.GPT_WEB` when users should switch between GPT reasoning and web screenshot citations.
 
 ### Features
 
 - **Dual citation views** — Toggle between GPT reasoning and web-based citation
 - **Non-invasive GPT integration** — Wraps `CognitiveInternalgptCoreComponent` via props; no changes to GPT citation code required
-- **Image & markdown web citations** — Supports screenshot snapshots (`imageMetadata.signed_url`) or HTML/markdown content
-- **Highlight pagination** — Navigate between highlighted anchors in web citation markdown
+- **Screenshot web citations** — Renders `imageMetadata.signed_url` when the API returns a snapshot
+- **Status-driven skeleton UI** — `"pending"` loading skeleton and `"error"` fallback with **Visit Link**
+- **`defaultCitationUrl`** — Immediate visit link while fetch is in progress (before `highlightedUrl` arrives)
+- **Visit link priority** — `highlightedUrl` from API response wins over `defaultCitationUrl` in pending/error states
 - **Relevance score badge** — Auto-extracted from web citation content (e.g. "decision strength is 85%")
-- **Loading skeleton** — Built-in loading state while web citation is being generated
 - **Expand screenshot button** — Optional full-screen image view (`showExpandImageButton`)
+- **Custom icons** — Override expand and external-link icons via `iconsConfig`
+- **Fixed height mode** — Optional `isFixedHeight` keeps GPT and web panels the same size with contained screenshots
 - **Style overrides** — Customize layout via the `styles` prop without editing component internals
 
 ### Installation / Import
 
 ```tsx
 import GptWebCitation from '@e-llm-studio/citation/GptWebCitation';
+
+// Optional utilities and types
+import {
+  mapCitationDataToDisplay,
+  getWebCitationImageUrl,
+  resolveSkeletonVisitUrl,
+  type GptWebCitationStatus,
+  type IWebCitationApiResponse,
+  type IGptWebCitationStyleOverrides,
+  type IGptWebCitationImageStyles,
+  type IGptWebCitationSkeletonStyles,
+  type IGptWebCitationVisitLinkStyles,
+  type IGptWebCitationFullScreenStyles,
+  CitationType,
+} from '@e-llm-studio/citation';
 ```
 
 ### Usage 1: Basic GPT + Web Citation Toggle
 
 ```tsx
 import { useState } from 'react';
-import { ChevronDown, ChevronUp, Maximize2, X } from 'lucide-react';
+import { ChevronDown, ChevronUp, ExternalLink, Maximize2, X } from 'lucide-react';
 import GptWebCitation from '@e-llm-studio/citation/GptWebCitation';
+import { CitationType, type GptWebCitationStatus } from '@e-llm-studio/citation';
 
 const gptCitation = {
   item: {
@@ -727,31 +764,42 @@ const gptCitation = {
   previewCallback: () => window.open('/preview/document'),
 };
 
+const webCitationIcons = {
+  MaximizeIcon: Maximize2,
+  ExternalLinkIcon: ExternalLink,
+};
+
 function CitationPanel() {
   const [showWebCitation, setShowWebCitation] = useState(false);
   const [webCitationData, setWebCitationData] = useState(undefined);
-  const [isLoading, setIsLoading] = useState(false);
+  const [webCitationStatus, setWebCitationStatus] =
+    useState<GptWebCitationStatus>('pending');
 
   const handleGenerateWebCitation = async () => {
     setShowWebCitation(true);
-    setIsLoading(true);
-
-    const response = await fetch('/api/web-citation/generate');
-    const data = await response.json();
-
-    setWebCitationData(data);
-    setIsLoading(false);
+    setWebCitationStatus('pending');
+
+    try {
+      const response = await fetch('/api/web-citation/generate');
+      const data = await response.json();
+      setWebCitationData(data);
+      setWebCitationStatus('success');
+    } catch {
+      setWebCitationStatus('error');
+    }
   };
 
   return (
     <GptWebCitation
       gptCitation={gptCitation}
-      isWebCitation={true}
+      defaultCitationUrl="https://example.com/article"
+      citationType={CitationType.GPT_WEB}
       webCitationData={webCitationData}
+      webCitationStatus={webCitationStatus}
       showWebCitation={showWebCitation}
-      isWebCitationLoading={isLoading}
       onGenerateWebCitation={handleGenerateWebCitation}
       onToggleCitationView={() => setShowWebCitation((prev) => !prev)}
+      iconsConfig={webCitationIcons}
     />
   );
 }
@@ -768,6 +816,8 @@ const webCitationData = {
     'The decision strength is 85% because:<ol><li>The exact <a href="https://example.com/article">valuation of SpaceX</a> fluctuates between sources.</li></ol>',
   citationType: 'web',
   citationUrl: 'https://example.com/article',
+  highlightedUrl: 'https://example.com/article#highlight',
+  message: 'Citation processed successfully',
   imageMetadata: {
     signed_url: 'https://storage.example.com/image_citations/screenshot.png',
     blob_path: 'image_citations/screenshot.png',
@@ -777,22 +827,48 @@ const webCitationData = {
 
 <GptWebCitation
   gptCitation={gptCitation}
-  isWebCitation={true}
+  defaultCitationUrl="https://example.com/article"
+  citationType={CitationType.GPT_WEB}
   webCitationData={webCitationData}
+  webCitationStatus="success"
   showWebCitation={true}
 />
 ```
 
-When `imageMetadata.signed_url` is present, the component renders a screenshot snapshot. Otherwise it falls back to rendering the `content` field as markdown/HTML.
+When `imageMetadata.signed_url` is present and `webCitationStatus` is `"success"`, the component renders a screenshot snapshot. If the image is unavailable or the fetch fails, an error skeleton is shown with a **Visit Link** (using `highlightedUrl` or `defaultCitationUrl`).
+
+#### Visit link resolution
+
+| UI state | Visit link source |
+| --- | --- |
+| Pending / error skeleton | `highlightedUrl` from `webCitationData` → else `defaultCitationUrl` prop |
+| Screenshot footer (success) | `citationUrl` from `webCitationData` |
+
+Use `resolveSkeletonVisitUrl(highlightedUrl, defaultCitationUrl)` from `@e-llm-studio/citation` if you need the same logic outside the component.
 
 ### Usage 3: GPT-Only Mode (No Web Citation)
 
-Set `isWebCitation={false}` to render only the GPT citation with no toggle button:
+Set `citationType={CitationType.GPT}` to render only the GPT citation with no toggle button. `defaultCitationUrl` is still required by the prop contract but is unused in GPT-only mode:
 
 ```tsx
 <GptWebCitation
   gptCitation={gptCitation}
-  isWebCitation={false}
+  defaultCitationUrl="https://example.com/article"
+  citationType={CitationType.GPT}
+/>
+```
+
+### Usage 3b: Web-Only Mode (No GPT Citation)
+
+Set `citationType={CitationType.WEB}` to render only the web citation panel with no toggle:
+
+```tsx
+<GptWebCitation
+  gptCitation={gptCitation}
+  defaultCitationUrl="https://example.com/article"
+  citationType={CitationType.WEB}
+  webCitationData={webCitationData}
+  webCitationStatus="success"
 />
 ```
 
@@ -803,8 +879,10 @@ Hide the web citation screenshot expand button:
 ```tsx
 <GptWebCitation
   gptCitation={gptCitation}
-  isWebCitation={true}
+  defaultCitationUrl="https://example.com/article"
+  citationType={CitationType.GPT_WEB}
   webCitationData={webCitationData}
+  webCitationStatus="success"
   showWebCitation={true}
   showExpandImageButton={false}
 />
@@ -815,7 +893,8 @@ Hide the GPT citation header maximize/expand icon:
 ```tsx
 <GptWebCitation
   gptCitation={gptCitation}
-  isWebCitation={true}
+  defaultCitationUrl="https://example.com/article"
+  citationType={CitationType.GPT_WEB}
   showGptMaximizeButton={false}
 />
 ```
@@ -824,7 +903,7 @@ You can also use `gptCitation.disableMaximize: true` directly on the GPT config.
 
 ### Usage 5: Custom Styling via Props (matched heights)
 
-Layout, borders, and heights for **both GPT and web views** can be controlled from the parent without modifying component internals:
+Layout, borders, and heights for **both GPT and web views** can be controlled from the parent without modifying component internals. Prefer **`isFixedHeight`** (Usage 6) when you only need equal panel size + contained screenshots; use `styles` when you need granular control over skeleton, image, visit-link, or full-screen elements:
 
 ```tsx
 const sharedPanelHeight = '520px';
@@ -835,9 +914,15 @@ const sharedContentHeight = '384px';
     ...gptCitation,
     bodyHeight: sharedContentHeight,
   }}
-  isWebCitation={true}
+  defaultCitationUrl="https://example.com/article"
+  citationType={CitationType.GPT_WEB}
   webCitationData={webCitationData}
+  webCitationStatus="success"
   showGptMaximizeButton={true}
+  iconsConfig={{
+    MaximizeIcon: Maximize2,
+    ExternalLinkIcon: ExternalLink,
+  }}
   styles={{
     container: { maxWidth: 900 },
     gptCitation: {
@@ -878,33 +963,143 @@ const sharedContentHeight = '384px';
 | `gptCitation.footerAction` | GPT view | View Web Citation button row in footer |
 | `gptCitation.toggleButton` | GPT view | View Web Citation button styles |
 | `webCitation.panel` | Web view | Outer web citation card |
-| `webCitation.header` | Web view | Source label + pagination + score badge row |
-| `webCitation.content` | Web view | Main content area (markdown, image, skeleton) |
+| `webCitation.header` | Web view | Source label + relevance score badge row |
+| `webCitation.content` | Web view | Screenshot or loading/error skeleton |
 | `webCitation.footer` | Web view | View GPT Citation + Learned From row |
 | `webCitation.toggleButton` | Web view | View GPT Citation button styles |
 | `webCitation.learnedFrom` | Web view | "Learned From …" text styles |
+| `webCitation.visitLink.row` | Image + skeleton | Shared visit link row (merged with scoped overrides below) |
+| `webCitation.visitLink.hint` | Image + skeleton | Shared visit link hint text |
+| `webCitation.visitLink.link` | Image + skeleton | Shared visit link anchor styles |
+| `webCitation.image.wrapper` | Screenshot view | Outer image citation wrapper |
+| `webCitation.image.center` | Screenshot view | Center column (viewport or inline skeleton) |
+| `webCitation.image.viewport` | Screenshot view | Viewport around scroll container |
+| `webCitation.image.scrollContainer` | Screenshot view | Scrollable screenshot container |
+| `webCitation.image.image` | Screenshot view | Screenshot `<img>` element |
+| `webCitation.image.expandButton` | Screenshot view | Full-screen expand button |
+| `webCitation.image.visitLink.*` | Screenshot footer | Image-specific visit link overrides (merged on top of `webCitation.visitLink`) |
+| `webCitation.image.fullScreen.overlay` | Full-screen viewer | Portal overlay backdrop |
+| `webCitation.image.fullScreen.content` | Full-screen viewer | Modal content card |
+| `webCitation.image.fullScreen.closeButton` | Full-screen viewer | Close button |
+| `webCitation.image.fullScreen.imageWrapper` | Full-screen viewer | Scrollable image wrapper |
+| `webCitation.image.fullScreen.image` | Full-screen viewer | Full-screen `<img>` |
+| `webCitation.skeleton.container` | Pending/error | Outer skeleton column |
+| `webCitation.skeleton.frame` | Pending/error | Gray skeleton frame |
+| `webCitation.skeleton.shimmer` | Pending | Shimmer animation overlay |
+| `webCitation.skeleton.pending.content` | Pending | Centered pending content block |
+| `webCitation.skeleton.pending.text` | Pending | Loading message text |
+| `webCitation.skeleton.pending.actionRow` | Pending | Visit link row |
+| `webCitation.skeleton.pending.actionHint` | Pending | "to view details" hint |
+| `webCitation.skeleton.error.content` | Error | Error content block |
+| `webCitation.skeleton.error.title` | Error | "No preview available" title |
+| `webCitation.skeleton.error.message` | Error | Restriction message |
+| `webCitation.skeleton.error.actionGroup` | Error | Action row wrapper |
+| `webCitation.skeleton.error.detailsToggle` | Error | Error details expand button |
+| `webCitation.skeleton.error.detailsMessage` | Error | Expanded error details text |
+| `webCitation.skeleton.error.visitLinkGlow` | Error | Glowing visit link (merged on top of visit link styles) |
+| `webCitation.skeleton.visitLink.*` | Pending/error | Skeleton-specific visit link overrides (merged on top of `webCitation.visitLink`) |
 
 Legacy flat keys (`gptCitationWrapper`, `footerAction`, `webCitationButton`) still work for backward compatibility.
 
+#### Example: customize screenshot and pending skeleton
+
+```tsx
+<GptWebCitation
+  gptCitation={gptCitation}
+  defaultCitationUrl="https://example.com/article"
+  citationType={CitationType.GPT_WEB}
+  webCitationData={data}
+  webCitationStatus={status}
+  styles={{
+    webCitation: {
+      visitLink: {
+        link: { backgroundColor: 'rgba(37, 99, 235, 0.08)', borderRadius: 8 },
+      },
+      image: {
+        scrollContainer: { borderRadius: 16, borderColor: '#d1d5db' },
+        image: { objectFit: 'contain', maxHeight: 360 },
+        expandButton: { backgroundColor: '#111827' },
+      },
+      skeleton: {
+        frame: { minHeight: 320, backgroundColor: '#f8fafc' },
+        pending: {
+          text: { fontSize: 14, color: '#374151' },
+        },
+        error: {
+          title: { color: '#dc2626' },
+          visitLinkGlow: { borderColor: '#dc2626' },
+        },
+      },
+    },
+  }}
+/>
+```
+
+### Usage 6: Fixed height mode (matched GPT + web panels)
+
+Set `isFixedHeight={true}` when you want GPT and web citation views to share the same panel dimensions. Screenshots use `object-fit: contain` so tall pages stay inside the box without layout shift when toggling views.
+
+```tsx
+<GptWebCitation
+  gptCitation={{
+    ...gptCitation,
+    bodyHeight: '384px', // optional — customizes inner content height
+  }}
+  defaultCitationUrl="https://example.com/article"
+  citationType={CitationType.GPT_WEB}
+  isFixedHeight
+  webCitationData={webCitationData}
+  webCitationStatus="success"
+  showWebCitation={showWebCitation}
+  onToggleCitationView={() => setShowWeb((v) => !v)}
+/>
+```
+
+| Scenario | Panel height |
+| --- | --- |
+| `isFixedHeight` + `CitationType.GPT_WEB` (toggle footer present) | `520px` default, or `calc(bodyHeight + 3.25rem)` when `gptCitation.bodyHeight` is set |
+| `isFixedHeight` + `CitationType.GPT` or `CitationType.WEB` | `520px` default, or `gptCitation.bodyHeight` when set |
+
+`isFixedHeight` applies flex layout and contained images automatically. For manual per-element styling without fixed dimensions, use `styles` (Usage 5) instead.
+
 ### Props
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `gptCitation` | `IGptCitationConfig` | **required** | GPT citation config passed to `CognitiveInternalgptCoreComponent` (`item`, `headerTitle`, `iconsConfig`, `DocumentTitle`, `previewCallback`, etc.) |
-| `isWebCitation` | `boolean` | `false` | When `true`, enables web citation toggle and web view. When `false`, only GPT citation is shown. |
-| `webCitationData` | `IWebCitationApiResponse` | — | Web citation API response (content, image snapshot, URL) |
-| `showWebCitation` | `boolean` | — | Controls which view is active. Omit for uncontrolled internal state. |
-| `onGenerateWebCitation` | `() => void` | — | Called when user clicks **View Web Citation** and no cached web data exists yet |
-| `isWebCitationLoading` | `boolean` | `false` | Parent-controlled loading state while web citation is being fetched |
+| `gptCitation` | `IGptCitationConfig` | **required** | GPT citation config passed to `CognitiveInternalgptCoreComponent` |
+| `defaultCitationUrl` | `string` | **required** | Fallback source URL for **Visit Link** in pending/error skeletons. Used when `webCitationData.highlightedUrl` is not yet available |
+| `citationType` | `CitationType` | **required** | `GPT` = GPT only, `WEB` = web only, `GPT_WEB` = both views with toggle (default web view when uncontrolled) |
+| `webCitationData` | `IWebCitationApiResponse` | — | Web citation API response (screenshot metadata, URLs, optional message) |
+| `webCitationStatus` | `"pending"` \| `"success"` \| `"error"` | inferred | Lifecycle status from parent API call. Inferred from `webCitationData` when omitted |
+| `showWebCitation` | `boolean` | web for `GPT_WEB` (uncontrolled) | Active view when `citationType` is `GPT_WEB`. Ignored for `GPT` / `WEB` |
+| `onGenerateWebCitation` | `() => void` | — | Called when the user clicks **View Web Citation** and no cached screenshot exists. Parent owns fetch lifecycle (when to call, deduplication, reset) |
 | `onToggleCitationView` | `() => void` | — | Called when user toggles between GPT and web views |
-| `showExpandImageButton` | `boolean` | `true` | Show/hide the full-screen expand button on web citation image snapshots |
-| `showGptMaximizeButton` | `boolean` | `true` | Show/hide the GPT citation header maximize/expand icon (`gptCitation.disableMaximize: true` when `false`) |
-| `topic` | `string` | auto | Override topic label in web citation header (auto-extracted from content if omitted) |
+| `showExpandImageButton` | `boolean` | `true` | Show/hide full-screen expand on screenshot |
+| `showGptMaximizeButton` | `boolean` | `true` | Show/hide GPT header maximize icon (`gptCitation.disableMaximize: true` when `false`) |
+| `iconsConfig` | `IGptWebCitationImageIconsConfig` | — | `MaximizeIcon` and `ExternalLinkIcon` overrides for web view |
+| `topic` | `string` | auto | Override topic label in web header |
 | `sourceLabel` | `string` | auto | Override header source label in web view |
-| `relevanceScore` | `number` | auto | Override relevance/decision strength score (auto-extracted from content if omitted) |
-| `learnedFrom` | `string` | auto | Site name shown in web citation footer (auto-extracted from `citationUrl` if omitted) |
+| `relevanceScore` | `number` | auto | Override relevance/decision strength badge (%) |
+| `learnedFrom` | `string` | auto | Site name in web footer (auto-derived from `citationUrl`) |
+| `sourceModel` | `string` | — | **Deprecated.** Use `sourceLabel` instead |
+| `isFixedHeight` | `boolean` | `false` | When `true`, GPT and web panels share the same fixed height/width; screenshot uses `object-fit: contain` |
 | `styles` | `IGptWebCitationStyleOverrides` | — | Style overrides for GPT and web citation views (see Usage 5) |
 
+When `isFixedHeight` is `true`, both views use the same panel height (`520px` by default, or `gptCitation.bodyHeight` + toggle footer). Pair with `gptCitation.bodyHeight` to customize the content area (e.g. `"384px"`).
+
+#### `webCitationStatus` inference
+
+When `webCitationStatus` is omitted, the component derives it in this order:
+
+| Priority | Condition | Status |
+| --- | --- | --- |
+| 1 | Valid screenshot URL in `webCitationData` (`signed_url` or `gs_uri`) | `"success"` (always — image wins over explicit status) |
+| 2 | Explicit `webCitationStatus` prop | uses prop value |
+| 3 | `webCitationData` present but no image URL | `"error"` |
+| 4 | No `webCitationData` | `"pending"` |
+
+Pass `webCitationStatus="pending"` explicitly while your fetch is in flight (before the image URL is available).
+
 ### `IGptCitationConfig` (gptCitation prop)
 
 | Field | Type | Description |
@@ -913,35 +1108,79 @@ Legacy flat keys (`gptCitationWrapper`, `footerAction`, `webCitationButton`) sti
 | `headerTitle` | `string` | Panel header title |
 | `index` | `number` | Citation index |
 | `iconsConfig` | `object` | Icon components (`ChevronDownIcon`, `ChevronUpIcon`, `MaximizeIcon`, `CloseIcon`) |
-| `DocumentTitle` | `string` | Source document label shown in the GPT footer (right side) |
+| `DocumentTitle` | `string` | Source document label shown in the GPT footer (right side). Hidden when `citationType` is `GPT_WEB` or `WEB` |
 | `previewCallback` | `() => void` | Called when the source link is clicked |
-| `bodyHeight` | `string` | Optional fixed GPT content body height (use with `styles.webCitation.content` to match web view height) |
+| `bodyHeight` | `string` | Optional fixed GPT content body height (pair with `styles.webCitation.content`) |
 | `disableMaximize` | `boolean` | Disable GPT header fullscreen maximize button (or use `showGptMaximizeButton={false}`) |
 
+### `IGptWebCitationImageIconsConfig` (iconsConfig prop)
+
+| Field | Type | Fallback |
+|-------|------|----------|
+| `MaximizeIcon` | `ElementType` | `gptCitation.iconsConfig.MaximizeIcon`, then `Maximize2` |
+| `ExternalLinkIcon` | `ElementType` | `ExternalLink` |
+
+### Style override types (`styles` prop)
+
+Nested under `styles.webCitation`:
+
+| Type | Keys | Purpose |
+| --- | --- | --- |
+| `IGptWebCitationVisitLinkStyles` | `row`, `hint`, `link` | Visit link row shared by image footer and skeletons |
+| `IGptWebCitationImageStyles` | `wrapper`, `center`, `viewport`, `scrollContainer`, `image`, `expandButton`, `visitLink`, `fullScreen` | Screenshot view + inline loading skeleton while image decodes |
+| `IGptWebCitationSkeletonStyles` | `container`, `frame`, `shimmer`, `pending.*`, `error.*`, `visitLink` | Pending/error skeleton UI |
+| `IGptWebCitationFullScreenStyles` | `overlay`, `content`, `closeButton`, `imageWrapper`, `image` | Full-screen screenshot modal |
+
+`webCitation.visitLink` merges with scoped `image.visitLink` or `skeleton.visitLink` overrides (scoped wins on conflict).
+
 ### `IWebCitationApiResponse` (webCitationData prop)
 
 | Field | Type | Description |
 |-------|------|-------------|
 | `citationId` | `string` | Unique citation identifier |
-| `content` | `string` | HTML/markdown web citation content |
+| `content` | `string` | HTML/markdown explanation (used for topic/score extraction) |
 | `citationType` | `string` | Citation type (e.g. `"web"`) |
-| `citationUrl` | `string` | Original source URL |
+| `citationUrl` | `string` | Original source URL (screenshot footer **Visit Link**) |
+| `highlightedUrl` | `string` | Highlighted URL from API (preferred for skeleton **Visit Link**) |
+| `message` | `string` | API status or error message |
 | `imageMetadata` | `object` | Image snapshot metadata |
-| `imageMetadata.signed_url` | `string` | Signed URL for screenshot image (preferred) |
+| `imageMetadata.signed_url` | `string` | Signed URL for screenshot (preferred) |
 | `imageMetadata.gs_uri` | `string` | GCS URI fallback for image |
 | `db` | `object` | Database metadata (`citation_id`, `blob_path`) |
 
+### Utility helpers
+
+Exported from `@e-llm-studio/citation`:
+
+| Function | Purpose |
+| --- | --- |
+| `mapCitationDataToDisplay(data)` | Normalizes API response → display fields (`topic`, `highlightedUrl`, `relevanceScore`, etc.) |
+| `getWebCitationImageUrl(data)` | Resolves screenshot URL from `imageMetadata` |
+| `resolveSkeletonVisitUrl(highlightedUrl, defaultCitationUrl)` | Visit link for pending/error skeletons |
+| `extractTopicFromContent(content)` | First anchor text from content |
+| `extractRelevanceScoreFromContent(content)` | Parses decision strength / confidence % |
+| `extractLearnedFromUrl(citationUrl)` | Hostname → site name for footer |
+| `sanitizeExternalUrl(url)` | Safe http(s) URL for links |
+
 ### View Behavior
 
 | State | What renders |
 |-------|--------------|
-| `isWebCitation={false}` | GPT citation only |
-| `isWebCitation={true}`, `showWebCitation={false}` | GPT citation + **View Web Citation** button (left footer) + source link (right footer) |
-| `isWebCitation={true}`, `showWebCitation={true}` | Web citation panel with snapshot/markdown, highlight nav, and **View GPT Citation** button |
+| `CitationType.GPT` | GPT citation only (no toggle) |
+| `CitationType.WEB` | Web citation only (no toggle) |
+| `CitationType.GPT_WEB`, `showWebCitation={false}` | GPT citation + **View Web Citation** button |
+| `CitationType.GPT_WEB`, `showWebCitation={true}`, `webCitationStatus="pending"` | Shimmer skeleton + optional **Visit Link** (`highlightedUrl` → `defaultCitationUrl`) |
+| `CitationType.GPT_WEB`, `showWebCitation={true}`, `webCitationStatus="success"` | Screenshot (pending skeleton while image loads) + footer **Visit Link** |
+| `CitationType.GPT_WEB`, `showWebCitation={true}`, `webCitationStatus="error"` | Error skeleton ("No preview available") + inline **Visit Link** |
+| `isFixedHeight={true}` | GPT and web outer panels share height; screenshot `object-fit: contain`; skeleton fills content area |
+
+#### Error skeleton
+
+The error state shows a fixed title ("No preview available"), a restriction message ("This website restricts external previews"), and an inline **Visit Link** when a source URL is available.
 
 ### Local Test Component
 
-A test harness is available at `src/features/GptWebCitation/GptWebCitationTest.tsx`. Run the citation dev server with `GptWebCitationTest` mounted in `src/index.tsx` to preview the component interactively.
+A test harness is available at `src/features/GptWebCitation/GptWebCitationTest.tsx`. Run the citation dev server with `GptWebCitationTest` mounted in `src/index.tsx` to preview the component interactively. The harness uses `sampleWebCitationApiResponse` from `WebCitationSampleResponse.ts`, simulates a 2s fetch delay when **View Web Citation** is clicked, and accepts `isFixedHeight`, `webCitationStatus`, `iconsConfig`, and `styles` props for local experimentation.
 
 ---
 

package/dist/cjs/features/CognitiveCompare/CognitiveComparehelpers.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("./CognitiveCompareConstants.js"),e=function(t){return null==t?"":"string"==typeof t?t:Array.isArray(t)?t.map(e).join("\n\n"):"object"==typeof t?JSON.stringify(t):String(t)},n=function(t){return null!=t&&("string"==typeof t?t.trim().length>0:!Array.isArray(t)||t.length>0&&t.some(function(t){return n(t)}))};var o=["#B91C1C","#A16207","#1D4ED8","#000000"],r=function(t){var e=o.findIndex(function(e){return e.toLowerCase()===t.toLowerCase()});return-1===e?o.length:e},i=function(t,e,n){if(!t)return null;if(t.id===n)return e;if(!Array.isArray(t.subsections))return null;for(var o=0;o<t.subsections.length;o++){var r=i(t.subsections[o],"".concat(e,"-").concat(o),n);if(r)return r}return null},l=new WeakMap,u=function(t){if(t){var e=l.get(t);null!=e&&(clearTimeout(e),l.delete(t)),t.style.transition="box-shadow 300ms ease-out, outline 300ms ease-out",requestAnimationFrame(function(){t.style.outline="",t.style.boxShadow=""}),window.setTimeout(function(){t.style.transition="",t.style.borderRadius=""},300)}},a=function(t){if(t){var e=l.get(t);null!=e&&clearTimeout(e),t.style.transition="box-shadow 300ms ease-in-out, outline 300ms ease-in-out",t.style.outline="2px solid #ff9494",t.style.borderRadius="6px",t.style.boxShadow="0 0 12px 2px rgba(244, 113, 113, 0.33)";var n=window.setTimeout(function(){u(t)},3e3);l.set(t,n)}};exports.DEVIATION_BADGE_SEPARATOR="::",exports.areMarkdownPropsEqual=function(t,e){var n,o,r,i,l,u;if(t.content!==e.content)return!1;if(t.overlayContent!==e.overlayContent)return!1;if(t.sxStyles!==e.sxStyles)return!1;if(t.maintainRelativeOrder!==e.maintainRelativeOrder)return!1;if(t.highlightBg!==e.highlightBg)return!1;if(t.suppressHighlightBg!==e.suppressHighlightBg)return!1;if(t.collisionKey!==e.collisionKey)return!1;var a=t.highlights||[],s=e.highlights||[];if(a.length!==s.length)return!1;for(var c=0;c<a.length;c++)if(a[c]!==s[c])return!1;var d=t.deviationBadges||[],v=e.deviationBadges||[];if(d.length!==v.length)return!1;for(c=0;c<d.length;c++){if(d[c].id!==v[c].id)return!1;if(d[c].actionId!==v[c].actionId)return!1;if(d[c].label!==v[c].label)return!1;if(d[c].score!==v[c].score)return!1;if(d[c].isOrphan!==v[c].isOrphan)return!1;if(d[c].isConnected!==v[c].isConnected)return!1;if(d[c].showScrollLockToggle!==v[c].showScrollLockToggle)return!1;if(d[c].scrollSyncLocked!==v[c].scrollSyncLocked)return!1;if((null===(n=d[c].style)||void 0===n?void 0:n.badgeBg)!==(null===(o=v[c].style)||void 0===o?void 0:o.badgeBg))return!1;if((null===(r=d[c].style)||void 0===r?void 0:r.badgeBorder)!==(null===(i=v[c].style)||void 0===i?void 0:i.badgeBorder))return!1;if((null===(l=d[c].style)||void 0===l?void 0:l.badgeText)!==(null===(u=v[c].style)||void 0===u?void 0:u.badgeText))return!1}return!0},exports.debounce=function(t,e){var n;return function(){for(var o=[],r=0;r<arguments.length;r++)o[r]=arguments[r];var i=this;clearTimeout(n),n=setTimeout(function(){return t.apply(i,o)},e)}},exports.extractDeviationScore=function(t,e){var n,o,r,i,l,u,a;if(!t)return e;var s=null!==(u=null!==(i=null!==(o=null===(n=t.evaluation_output)||void 0===n?void 0:n.output_score)&&void 0!==o?o:null===(r=t.evaluation_outputs)||void 0===r?void 0:r.output_score)&&void 0!==i?i:null===(l=t.evaluation_outputs)||void 0===l?void 0:l.output_value)&&void 0!==u?u:t.output_score;return null!==(a=null!=s?s:e)&&void 0!==a?a:""},exports.findKeyPathByNodeId=function(t,e){for(var n=0;n<t.length;n++){var o=i(t[n],String(n),e);if(o)return o}return null},exports.generateColorPalette=function(t){var e=function(t,e){var n=function(t){var e=function(t){return 4===t.length?"#"+t[1]+t[1]+t[2]+t[2]+t[3]+t[3]:t}(t).replace("#",""),n=parseInt(e,16);return{r:n>>16&255,g:n>>8&255,b:255&n}}(t),o=n.r,r=n.g,i=n.b;return function(t,e,n){return"#"+[t,e,n].map(function(t){return t.toString(16).padStart(2,"0")}).join("").toUpperCase()}(Math.round(o+(255-o)*e),Math.round(r+(255-r)*e),Math.round(i+(255-i)*e))};return{bg:e(t,.8),border:e(t,.5),badgeBg:e(t,.8),badgeBorder:e(t,.5),badgeText:t.toUpperCase(),highlightBg:e(t,.8)}},exports.getBentArrowPath=function(t,e,n,o,r){void 0===r&&(r=14);var i=t+.5*(n-t),l=o-e;if(Math.abs(l)<3)return"M ".concat(t," ").concat(e," H ").concat(n);var u=l>0?1:-1,a=Math.min(r,Math.abs(l)/2,Math.abs(i-t)/2,Math.abs(n-i)/2);return["M ".concat(t," ").concat(e),"H ".concat(i-a),"Q ".concat(i," ").concat(e," ").concat(i," ").concat(e+u*a),"V ".concat(o-u*a),"Q ".concat(i," ").concat(o," ").concat(i+a," ").concat(o),"H ".concat(n)].join(" ")},exports.getFirstDeviationColor=function(e){for(var n,o,i,l,u,a,s,c,d,v,f,g,p,h=[],b=0,m=Object.keys((null==e?void 0:e.deviations)||{}).sort(function(t,e){return Number(t)-Number(e)});b<m.length;b++){var y=m[b];(S=null===(l=null===(i=null===(o=null===(n=null==e?void 0:e.deviations)||void 0===n?void 0:n[y])||void 0===o?void 0:o.evaluation_outputs)||void 0===i?void 0:i.metadata)||void 0===l?void 0:l.label_color)&&h.push(S)}for(var _=0,x=Object.keys((null==e?void 0:e.deviation_entries)||{}).sort(function(t,e){return Number(t)-Number(e)});_<x.length;_++){y=x[_];(S=null===(c=null===(s=null===(a=null===(u=null==e?void 0:e.deviation_entries)||void 0===u?void 0:u[y])||void 0===a?void 0:a.evaluation_outputs)||void 0===s?void 0:s.metadata)||void 0===c?void 0:c.label_color)&&h.push(S)}for(var T=0,A=Object.keys(e||{}).filter(function(t){return/^\d+$/.test(t)}).sort(function(t,e){return Number(t)-Number(e)});T<A.length;T++){var S;y=A[T];(S=null===(f=null===(v=null===(d=null==e?void 0:e[y])||void 0===d?void 0:d.evaluation_outputs)||void 0===v?void 0:v.metadata)||void 0===f?void 0:f.label_color)&&h.push(S)}return 0===h.length?(null===(p=null===(g=null==e?void 0:e.evaluation_outputs)||void 0===g?void 0:g.metadata)||void 0===p?void 0:p.label_color)?e.evaluation_outputs.metadata.label_color:t.DEFAULT_DEVIAION_COLOR:h.sort(function(t,e){return r(t)-r(e)})[0]},exports.getFirstDeviationOutputValue=function(t){for(var e,n,o,r,i,l,u,a,s,c=0,d=Object.keys((null==t?void 0:t.deviations)||{}).sort(function(t,e){return Number(t)-Number(e)});c<d.length;c++){var v=d[c];if(b=null===(o=null===(n=null===(e=null==t?void 0:t.deviations)||void 0===e?void 0:e[v])||void 0===n?void 0:n.evaluation_outputs)||void 0===o?void 0:o.output_value)return b}for(var f=0,g=Object.keys((null==t?void 0:t.deviation_entries)||{}).sort(function(t,e){return Number(t)-Number(e)});f<g.length;f++){v=g[f];if(b=null===(l=null===(i=null===(r=null==t?void 0:t.deviation_entries)||void 0===r?void 0:r[v])||void 0===i?void 0:i.evaluation_outputs)||void 0===l?void 0:l.output_value)return b}for(var p=0,h=Object.keys(t||{}).filter(function(t){return/^\d+$/.test(t)}).sort(function(t,e){return Number(t)-Number(e)});p<h.length;p++){var b;v=h[p];if(b=null===(a=null===(u=null==t?void 0:t[v])||void 0===u?void 0:u.evaluation_outputs)||void 0===a?void 0:a.output_value)return b}return(null===(s=null==t?void 0:t.evaluation_outputs)||void 0===s?void 0:s.output_value)?t.evaluation_outputs.output_value:null},exports.getRationale=function(t){if(!t.mapping_rationale)return{cognitiveData:{decisioning:[],gap:[],relevance_score:0,isMissingRationale:!0,citations:[]},score:0,relation:"N/A"};var e=t.mapping_rationale,n=parseInt(e.decision_strength||"0");return{cognitiveData:{decisioning:e.decisioning_factors||[],gap:e.gaps_in_decision||[],relevance_score:n,citations:e.citations},score:0,relation:"N/A"}},exports.getSideData=function(t,n,o){var r,i=o[n],l=null===(r=null==t?void 0:t.comparison_inputs)||void 0===r?void 0:r[i];return{title:e((null==l?void 0:l.title)||""),content:e((null==l?void 0:l.content)||""),change_history:e((null==l?void 0:l.change_history)||""),attributes:(null==l?void 0:l.additional_attributes)||null,subsections:(null==l?void 0:l.subsections)||[]}},exports.hasMeaningfulRedlineTags=function(t){var e;if("string"!=typeof t||!t)return!1;for(var n=/<(updated|deleted|changed|change)\b[^>]*>([\s\S]*?)<\/\1>/gi,o=null;null!==(o=n.exec(t));){if((null!==(e=o[2])&&void 0!==e?e:"").replace(/<[^>]*>/g,"").trim().length>0)return!0}return!1},exports.hasValue=n,exports.highlightClause=a,exports.isMissingStr=function(t){if(!t)return!0;var e=t.trim().toLowerCase();return e.includes("no equivalent")||"n/a"===e||"na"===e||"none"===e},exports.mixHexColors=function(t,e){var n=function(t){var e=t.replace("#","");return[parseInt(e.substring(0,2),16),parseInt(e.substring(2,4),16),parseInt(e.substring(4,6),16)]},o=function(t){var e=Math.round(t).toString(16);return 1===e.length?"0"+e:e};try{var r=n(t),i=n(e),l=(r[0]+i[0])/2*.95,u=(r[1]+i[1])/2*.95,a=(r[2]+i[2])/2*.95;return"#".concat(o(l)).concat(o(u)).concat(o(a))}catch(t){return"#FDE68A"}},exports.recursivelyFindSubSectionIdxById=i,exports.resetClauseHighlight=u,exports.safeStringify=e,exports.scrollAndHighlightClause=function(t,e){var n=e.getBoundingClientRect(),o=t.getBoundingClientRect(),r=e.scrollTop+o.top-n.top-n.height/2+o.height/2;e.scrollTo({top:r,behavior:"smooth"});var i=function(){return a(t)};if("onscrollend"in e)e.addEventListener("scrollend",i,{once:!0});else{var l=e.scrollTop,u=function(){e.scrollTop===l?i():(l=e.scrollTop,requestAnimationFrame(u))};requestAnimationFrame(u)}},exports.scrollAndWait=function(t,e,n){if(Math.abs(t.scrollTop-e)<=2)n();else{var o,r=!1,i=function(){r||(r=!0,clearTimeout(o),t.removeEventListener("scrollend",l),n())},l=function(){return i()};t.addEventListener("scrollend",l),t.scrollTo({top:e,behavior:"smooth"}),o=setTimeout(i,800)}},exports.smoothScrollTo=function(t,e,n,o,r){void 0===n&&(n=300);var i=t.style.scrollBehavior;t.style.scrollBehavior="auto";var l=t.scrollTop,u=e-l,a=null,s=function(c){null===a&&(a=c);var d,v=c-a;v<n?(t.scrollTop=(d=v,d/=n,u*(--d*d*d+1)+l),r&&r(),requestAnimationFrame(s)):(t.scrollTop=e,t.style.scrollBehavior=i,r&&r(),o&&o())};requestAnimationFrame(s)},exports.stripRedlineTags=function(t){return"string"==typeof t&&t?t.replace(/<\/?(updated|deleted|changed|change)\b[^>]*>/gi,""):""},exports.waitForScrollIdle=function(t,e){return void 0===e&&(e=100),new Promise(function(n){var o,r=!1,i=function(){r||(r=!0,t.removeEventListener("scroll",l),n())},l=function(){clearTimeout(o),o=setTimeout(i,e)};t.addEventListener("scroll",l),o=setTimeout(i,e)})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("./CognitiveCompareConstants.js"),e=function(t){return null==t?"":"string"==typeof t?t:Array.isArray(t)?t.map(e).join("\n\n"):"object"==typeof t?JSON.stringify(t):String(t)},n=function(t){return null!=t&&("string"==typeof t?t.trim().length>0:!Array.isArray(t)||t.length>0&&t.some(function(t){return n(t)}))},o=function(t,e,n,o){var r;void 0===o&&(o={});var i=n[e],l=null===(r=null==t?void 0:t.comparison_inputs)||void 0===r?void 0:r[i];return l?(Array.isArray(l)?l:[l]).map(function(t,e){if("string"==typeof t){var n=o[t];return n?{contentId:t,data:n,attributes:n.additional_attributes||{}}:null}return t&&"object"==typeof t?{contentId:t.content_id||t.id||"".concat(i,"-direct-").concat(e),data:t,attributes:t.additional_attributes||{}}:null}).filter(Boolean):[]};var r=["#B91C1C","#A16207","#1D4ED8","#000000"],i=function(t){var e=r.findIndex(function(e){return e.toLowerCase()===t.toLowerCase()});return-1===e?r.length:e},l=function(t,e,n){if(!t)return null;if(t.id===n||t.nodeId===n||t.contentId===n)return e;if(!Array.isArray(t.subsections))return null;for(var o=0;o<t.subsections.length;o++){var r=l(t.subsections[o],"".concat(e,"-").concat(o),n);if(r)return r}return null},u=new WeakMap,a=function(t){if(t){var e=u.get(t);null!=e&&(clearTimeout(e),u.delete(t)),t.style.transition="box-shadow 300ms ease-out, outline 300ms ease-out",requestAnimationFrame(function(){t.style.outline="",t.style.boxShadow=""}),window.setTimeout(function(){t.style.transition="",t.style.borderRadius=""},300)}},s=function(t){if(t){var e=u.get(t);null!=e&&clearTimeout(e),t.style.transition="box-shadow 300ms ease-in-out, outline 300ms ease-in-out",t.style.outline="2px solid #ff9494",t.style.borderRadius="6px",t.style.boxShadow="0 0 12px 2px rgba(244, 113, 113, 0.33)";var n=window.setTimeout(function(){a(t)},3e3);u.set(t,n)}};exports.DEVIATION_BADGE_SEPARATOR="::",exports.areMarkdownPropsEqual=function(t,e){var n,o,r,i,l,u;if(t.content!==e.content)return!1;if(t.overlayContent!==e.overlayContent)return!1;if(t.sxStyles!==e.sxStyles)return!1;if(t.maintainRelativeOrder!==e.maintainRelativeOrder)return!1;if(t.highlightBg!==e.highlightBg)return!1;if(t.suppressHighlightBg!==e.suppressHighlightBg)return!1;if(t.collisionKey!==e.collisionKey)return!1;var a=t.highlights||[],s=e.highlights||[];if(a.length!==s.length)return!1;for(var c=0;c<a.length;c++)if(a[c]!==s[c])return!1;var d=t.deviationBadges||[],v=e.deviationBadges||[];if(d.length!==v.length)return!1;for(c=0;c<d.length;c++){if(d[c].id!==v[c].id)return!1;if(d[c].actionId!==v[c].actionId)return!1;if(d[c].label!==v[c].label)return!1;if(d[c].score!==v[c].score)return!1;if(d[c].isOrphan!==v[c].isOrphan)return!1;if(d[c].isConnected!==v[c].isConnected)return!1;if(d[c].showScrollLockToggle!==v[c].showScrollLockToggle)return!1;if(d[c].scrollSyncLocked!==v[c].scrollSyncLocked)return!1;if((null===(n=d[c].style)||void 0===n?void 0:n.badgeBg)!==(null===(o=v[c].style)||void 0===o?void 0:o.badgeBg))return!1;if((null===(r=d[c].style)||void 0===r?void 0:r.badgeBorder)!==(null===(i=v[c].style)||void 0===i?void 0:i.badgeBorder))return!1;if((null===(l=d[c].style)||void 0===l?void 0:l.badgeText)!==(null===(u=v[c].style)||void 0===u?void 0:u.badgeText))return!1}return!0},exports.debounce=function(t,e){var n;return function(){for(var o=[],r=0;r<arguments.length;r++)o[r]=arguments[r];var i=this;clearTimeout(n),n=setTimeout(function(){return t.apply(i,o)},e)}},exports.extractDeviationScore=function(t,e){var n,o,r,i,l,u,a;if(!t)return e;var s=null!==(u=null!==(i=null!==(o=null===(n=t.evaluation_output)||void 0===n?void 0:n.output_score)&&void 0!==o?o:null===(r=t.evaluation_outputs)||void 0===r?void 0:r.output_score)&&void 0!==i?i:null===(l=t.evaluation_outputs)||void 0===l?void 0:l.output_value)&&void 0!==u?u:t.output_score;return null!==(a=null!=s?s:e)&&void 0!==a?a:""},exports.findKeyPathByNodeId=function(t,e){for(var n=0;n<t.length;n++){var o=l(t[n],String(n),e);if(o)return o}return null},exports.generateColorPalette=function(t){var e=function(t,e){var n=function(t){var e=function(t){return 4===t.length?"#"+t[1]+t[1]+t[2]+t[2]+t[3]+t[3]:t}(t).replace("#",""),n=parseInt(e,16);return{r:n>>16&255,g:n>>8&255,b:255&n}}(t),o=n.r,r=n.g,i=n.b;return function(t,e,n){return"#"+[t,e,n].map(function(t){return t.toString(16).padStart(2,"0")}).join("").toUpperCase()}(Math.round(o+(255-o)*e),Math.round(r+(255-r)*e),Math.round(i+(255-i)*e))};return{bg:e(t,.8),border:e(t,.5),badgeBg:e(t,.8),badgeBorder:e(t,.5),badgeText:t.toUpperCase(),highlightBg:e(t,.8)}},exports.getBentArrowPath=function(t,e,n,o,r){void 0===r&&(r=14);var i=t+.5*(n-t),l=o-e;if(Math.abs(l)<3)return"M ".concat(t," ").concat(e," H ").concat(n);var u=l>0?1:-1,a=Math.min(r,Math.abs(l)/2,Math.abs(i-t)/2,Math.abs(n-i)/2);return["M ".concat(t," ").concat(e),"H ".concat(i-a),"Q ".concat(i," ").concat(e," ").concat(i," ").concat(e+u*a),"V ".concat(o-u*a),"Q ".concat(i," ").concat(o," ").concat(i+a," ").concat(o),"H ".concat(n)].join(" ")},exports.getFirstDeviationColor=function(e){for(var n,o,r,l,u,a,s,c,d,v,f,g,p,h=[],b=0,m=Object.keys((null==e?void 0:e.deviations)||{}).sort(function(t,e){return Number(t)-Number(e)});b<m.length;b++){var y=m[b];(I=null===(l=null===(r=null===(o=null===(n=null==e?void 0:e.deviations)||void 0===n?void 0:n[y])||void 0===o?void 0:o.evaluation_outputs)||void 0===r?void 0:r.metadata)||void 0===l?void 0:l.label_color)&&h.push(I)}for(var _=0,x=Object.keys((null==e?void 0:e.deviation_entries)||{}).sort(function(t,e){return Number(t)-Number(e)});_<x.length;_++){y=x[_];(I=null===(c=null===(s=null===(a=null===(u=null==e?void 0:e.deviation_entries)||void 0===u?void 0:u[y])||void 0===a?void 0:a.evaluation_outputs)||void 0===s?void 0:s.metadata)||void 0===c?void 0:c.label_color)&&h.push(I)}for(var T=0,A=Object.keys(e||{}).filter(function(t){return/^\d+$/.test(t)}).sort(function(t,e){return Number(t)-Number(e)});T<A.length;T++){var I;y=A[T];(I=null===(f=null===(v=null===(d=null==e?void 0:e[y])||void 0===d?void 0:d.evaluation_outputs)||void 0===v?void 0:v.metadata)||void 0===f?void 0:f.label_color)&&h.push(I)}return 0===h.length?(null===(p=null===(g=null==e?void 0:e.evaluation_outputs)||void 0===g?void 0:g.metadata)||void 0===p?void 0:p.label_color)?e.evaluation_outputs.metadata.label_color:t.DEFAULT_DEVIAION_COLOR:h.sort(function(t,e){return i(t)-i(e)})[0]},exports.getFirstDeviationOutputValue=function(t){for(var e,n,o,r,i,l,u,a,s,c=0,d=Object.keys((null==t?void 0:t.deviations)||{}).sort(function(t,e){return Number(t)-Number(e)});c<d.length;c++){var v=d[c];if(b=null===(o=null===(n=null===(e=null==t?void 0:t.deviations)||void 0===e?void 0:e[v])||void 0===n?void 0:n.evaluation_outputs)||void 0===o?void 0:o.output_value)return b}for(var f=0,g=Object.keys((null==t?void 0:t.deviation_entries)||{}).sort(function(t,e){return Number(t)-Number(e)});f<g.length;f++){v=g[f];if(b=null===(l=null===(i=null===(r=null==t?void 0:t.deviation_entries)||void 0===r?void 0:r[v])||void 0===i?void 0:i.evaluation_outputs)||void 0===l?void 0:l.output_value)return b}for(var p=0,h=Object.keys(t||{}).filter(function(t){return/^\d+$/.test(t)}).sort(function(t,e){return Number(t)-Number(e)});p<h.length;p++){var b;v=h[p];if(b=null===(a=null===(u=null==t?void 0:t[v])||void 0===u?void 0:u.evaluation_outputs)||void 0===a?void 0:a.output_value)return b}return(null===(s=null==t?void 0:t.evaluation_outputs)||void 0===s?void 0:s.output_value)?t.evaluation_outputs.output_value:null},exports.getRationale=function(t){if(!t.mapping_rationale)return{cognitiveData:{decisioning:[],gap:[],relevance_score:0,isMissingRationale:!0,citations:[]},score:0,relation:"N/A"};var e=t.mapping_rationale,n=parseInt(e.decision_strength||"0");return{cognitiveData:{decisioning:e.decisioning_factors||[],gap:e.gaps_in_decision||[],relevance_score:n,citations:e.citations},score:0,relation:"N/A"}},exports.getSideData=function(t,n,r,i){var l,u,a;void 0===i&&(i={});var s=o(t,n,r,i),c=(null===(l=s[0])||void 0===l?void 0:l.data)||{},d=(null===(u=s[0])||void 0===u?void 0:u.attributes)||null;return{title:e((null==c?void 0:c.title)||""),content:e((null==c?void 0:c.content)||""),change_history:e((null==c?void 0:c.change_history)||""),attributes:d,subsections:(null==c?void 0:c.subsections)||[],contentId:null===(a=s[0])||void 0===a?void 0:a.contentId,allItems:s}},exports.hasMeaningfulRedlineTags=function(t){var e;if("string"!=typeof t||!t)return!1;for(var n=/<(updated|deleted|changed|change)\b[^>]*>([\s\S]*?)<\/\1>/gi,o=null;null!==(o=n.exec(t));){if((null!==(e=o[2])&&void 0!==e?e:"").replace(/<[^>]*>/g,"").trim().length>0)return!0}return!1},exports.hasValue=n,exports.highlightClause=s,exports.isMissingStr=function(t){if(!t)return!0;var e=t.trim().toLowerCase();return e.includes("no equivalent")||"n/a"===e||"na"===e||"none"===e},exports.mixHexColors=function(t,e){var n=function(t){var e=t.replace("#","");return[parseInt(e.substring(0,2),16),parseInt(e.substring(2,4),16),parseInt(e.substring(4,6),16)]},o=function(t){var e=Math.round(t).toString(16);return 1===e.length?"0"+e:e};try{var r=n(t),i=n(e),l=(r[0]+i[0])/2*.95,u=(r[1]+i[1])/2*.95,a=(r[2]+i[2])/2*.95;return"#".concat(o(l)).concat(o(u)).concat(o(a))}catch(t){return"#FDE68A"}},exports.recursivelyFindSubSectionIdxById=l,exports.resetClauseHighlight=a,exports.resolveComparisonInputItems=o,exports.safeStringify=e,exports.scrollAndHighlightClause=function(t,e){var n=e.getBoundingClientRect(),o=t.getBoundingClientRect(),r=e.scrollTop+o.top-n.top-n.height/2+o.height/2;e.scrollTo({top:r,behavior:"smooth"});var i=function(){return s(t)};if("onscrollend"in e)e.addEventListener("scrollend",i,{once:!0});else{var l=e.scrollTop,u=function(){e.scrollTop===l?i():(l=e.scrollTop,requestAnimationFrame(u))};requestAnimationFrame(u)}},exports.scrollAndWait=function(t,e,n){if(Math.abs(t.scrollTop-e)<=2)n();else{var o,r=!1,i=function(){r||(r=!0,clearTimeout(o),t.removeEventListener("scrollend",l),n())},l=function(){return i()};t.addEventListener("scrollend",l),t.scrollTo({top:e,behavior:"smooth"}),o=setTimeout(i,800)}},exports.smoothScrollTo=function(t,e,n,o,r){void 0===n&&(n=300);var i=t.style.scrollBehavior;t.style.scrollBehavior="auto";var l=t.scrollTop,u=e-l,a=null,s=function(c){null===a&&(a=c);var d,v=c-a;v<n?(t.scrollTop=(d=v,d/=n,u*(--d*d*d+1)+l),r&&r(),requestAnimationFrame(s)):(t.scrollTop=e,t.style.scrollBehavior=i,r&&r(),o&&o())};requestAnimationFrame(s)},exports.stripRedlineTags=function(t){return"string"==typeof t&&t?t.replace(/<\/?(updated|deleted|changed|change)\b[^>]*>/gi,""):""},exports.waitForScrollIdle=function(t,e){return void 0===e&&(e=100),new Promise(function(n){var o,r=!1,i=function(){r||(r=!0,t.removeEventListener("scroll",l),n())},l=function(){clearTimeout(o),o=setTimeout(i,e)};t.addEventListener("scroll",l),o=setTimeout(i,e)})};
 //# sourceMappingURL=CognitiveComparehelpers.js.map

package/dist/cjs/features/CognitiveCompare/components/SectionAccordion.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),o=require("@mui/material"),t=require("lucide-react"),l=require("../hooks/memoizedMarkdown.js"),r=require("../CompareContext.js"),d=require("../CognitiveComparehelpers.js"),a=require("../CognitiveCompareConstants.js");function u(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s=u(i);exports.default=function(u){var c,v,f,p,g,x,h,m,_,I,y,b,A,S=u.section,R=u.idx,w=u.columnKey,E=u.colRef,O=u.mb,B=void 0===O?1:O,j=u.isExpanded,C=u.onToggle,T=u.navigation,D=u.parentNodeId,F=void 0===D?"":D,k=r.useCompareContext(),M=k.showOpenNodeRef,N=k.resolvedMarkdownStyles,P=k.maintainRelativeOrder,V=k.showDeviationBadges,W=void 0!==V&&V,q=k.renderSubSectionAccordion,G=k.treeData,L=k.proposedSections,K=k.existingSections,z=k.deviationNumberRegistry,H=k.deviationParentRegistry,U=k.getBadgeRef,X=k.openSummaryPopup,Y=k.getSectionCompareStyle,J=k.connectedSections,Q=k.openMoreFunctionsPopup,Z=k.isProposingFix,$=k.proposingFixNodeId,nn=k.isRedlineFlow,en=k.isSideBySide,on=k.activeSideBySideSection,tn=k.scrollSyncLocked,ln=k.unifiedNumbering,rn=k.toggleScrollSyncLocked,dn=k.summaryPopupAnchorEl,an="".concat(en?"1":"0","-").concat(String(null!=on?on:"")),un=(null===(c=S.displayTitle)||void 0===c||c)&&d.hasValue(S.title),sn=!!Z&&!!$&&"left"===w&&S.id===$,cn=d.hasMeaningfulRedlineTags(S.content),vn="boolean"==typeof nn?nn:cn,fn=cn,pn=vn&&cn,gn=pn?d.stripRedlineTags(S.content):S.content,xn=pn?S.content:void 0,hn=(null===(v=S.displayContent)||void 0===v||v||cn)&&d.hasValue(S.content),mn=!un&&!hn,_n=S.title;un||(_n=hn?"No Title Found":"No Matching Section Found");var In=S.evaluationResult;if(!In&&"right"===w)if(P){var yn=null===(f=S.refIndexes)||void 0===f?void 0:f[0],bn=L.find(function(n){return n.selfIndex===yn});In=null==bn?void 0:bn.evaluationResult}else In=null===(p=L[R])||void 0===p?void 0:p.evaluationResult;var An=null===(g=null==G?void 0:G.input_index_map)||void 0===g?void 0:g[0],Sn=null===(x=null==G?void 0:G.input_index_map)||void 0===x?void 0:x[1],Rn="left"===w?Sn:An,wn=function(n,e){var i;if(!e||!n)return null;for(var o=0,t=n;o<t.length;o++){var l=t[o];if(l.id===e)return l;if(null===(i=l.subsections)||void 0===i?void 0:i.length){var r=wn(l.subsections,e);if(r)return r}}return null},En="left"===w?S:wn(L,S.id),On="right"===w?S:wn(K,S.id),Bn=s.default.useMemo(function(){if(!P)return 0;var n=1/0,e=function(i,o,t,l){var r;if(i){var a=i.id;if(l&&"right"===w){var u=L.filter(function(n){var e;return null===(e=n.refIndexes)||void 0===e?void 0:e.includes(i.selfIndex)});u.length>0&&(a=u[0].id)}var s=i.id||(null==o?void 0:o.id)||(null==t?void 0:t.id),c=(null===(r=i.evaluationResult)||void 0===r?void 0:r.deviations)||{};Object.keys(c).forEach(function(e){var i="".concat(a).concat(d.DEVIATION_BADGE_SEPARATOR).concat(e),o=null==z?void 0:z[i];null!=o&&o<n&&(n=o);var t="".concat(s).concat(d.DEVIATION_BADGE_SEPARATOR).concat(e),l=null==z?void 0:z[t];null!=l&&l<n&&(n=l)});for(var v=i.subsections||[],f=(null==o?void 0:o.subsections)||[],p=(null==t?void 0:t.subsections)||[],g=Math.max(v.length,f.length,p.length),x=0;x<g;x++)e(v[x],f[x],p[x],!1)}};return e(S,En,On,!0),n!==1/0?n-1:0},[S,En,On,w,z,P,L]);if(P)if("left"===w){var jn=null===(h=S.refIndexes)||void 0===h?void 0:h[0],Cn=K.findIndex(function(n){return n.selfIndex===jn});On=-1!==Cn?K[Cn]:wn(K,S.id)}else{var Tn=null===(m=S.refIndexes)||void 0===m?void 0:m[0],Dn=L.findIndex(function(n){return n.selfIndex===Tn});En=-1!==Dn?L[Dn]:wn(L,S.id)}var Fn="left"===w?!On:!En,kn=In||(null==En?void 0:En.evaluationResult)||(null==On?void 0:On.evaluationResult),Mn=null!==(y=null===(I=null===(_=null==kn?void 0:kn.evaluation_outputs)||void 0===_?void 0:_.metadata)||void 0===I?void 0:I.label_color)&&void 0!==y?y:a.DEFAULT_DEVIAION_COLOR,Nn=d.generateColorPalette(Mn).highlightBg,Pn=(null==kn?void 0:kn.deviations)||{},Vn=S.id;if(P&&"left"!==w){var Wn=L.filter(function(n){var e;return null===(e=n.refIndexes)||void 0===e?void 0:e.includes(S.selfIndex)});Wn.length>0?Vn=Wn[0].id:(null==En?void 0:En.id)&&(Vn=En.id)}var qn=Object.keys(Pn)[0],Gn=qn?"".concat(Vn).concat(d.DEVIATION_BADGE_SEPARATOR).concat(qn):null,Ln=Gn?null==H?void 0:H[Gn]:null,Kn=R+1;if(P&&ln){var zn="left"===w?ln.leftNums.get(null==S?void 0:S.id):ln.rightNums.get(null==S?void 0:S.id);Fn&&void 0!==zn?Kn=zn:null!=Ln&&Ln>=0?Kn=Ln:void 0!==zn&&(Kn=zn)}else null!=Ln&&Ln>=0&&(Kn=Ln);var Hn=Object.entries(Pn).map(function(n){var e=n[0],i=n[1],o="".concat(Vn).concat(d.DEVIATION_BADGE_SEPARATOR).concat(e);return{deviationKey:e,deviationMap:i,refId:o,currentIndex:z[o]}}).filter(function(n){return void 0!==n.currentIndex&&null!==n.currentIndex});Hn.sort(function(n,e){return n.currentIndex-e.currentIndex});var Un,Xn=Hn.map(function(e){var i,o,t,l,r,a,u=e.deviationKey,s=e.deviationMap,c=e.refId,v=e.currentIndex;P&&void 0!==Bn&&(v-=Bn);var f=s[F],p=d.isMissingStr(f);if(p)f="";else if(!f)return null;var g=R,x=R;if(P)if("left"===w){var h=null===(i=S.refIndexes)||void 0===i?void 0:i[0],m=K.findIndex(function(n){return n.selfIndex===h});if(-1!==m)x=m;else{var _=K.findIndex(function(n){return n.id===S.id});x=-1!==_?_:R}}else{var I=null===(o=S.refIndexes)||void 0===o?void 0:o[0],y=L.findIndex(function(n){return n.selfIndex===I});if(-1!==y)g=y;else g=-1!==(j=L.findIndex(function(n){return n.id===S.id}))?j:R}var b="".concat(Vn).concat(d.DEVIATION_BADGE_SEPARATOR).concat(u).concat(d.DEVIATION_BADGE_SEPARATOR).concat(g).concat(d.DEVIATION_BADGE_SEPARATOR).concat(x),A=s[Rn],E=Fn||d.isMissingStr(A),O="".concat(Kn,".").concat(v),B=R;if("right"===w&&P){var j,C=null===(t=S.refIndexes)||void 0===t?void 0:t[0],T=L.findIndex(function(n){return n.selfIndex===C});if(-1!==T)B=T;else-1!==(j=L.findIndex(function(n){return n.id===S.id}))&&(B=j)}var D=Y?Y(B):null,k=(null==s?void 0:s.evaluation_outputs)||(null==kn?void 0:kn.evaluation_outputs),M=null!==(l=null==k?void 0:k.output_value)&&void 0!==l?l:null,N=null!==(a=null===(r=null==k?void 0:k.metadata)||void 0===r?void 0:r.label_color)&&void 0!==a?a:Mn,V=d.generateColorPalette(N),W=D?n.__assign(n.__assign({},D),{badgeBg:V.badgeBg,badgeBorder:V.badgeBorder,badgeText:V.badgeText}):n.__assign({},V),q=(null==s?void 0:s.deviation_summary)?{deviation_summary:s.deviation_summary,deviation_title:(null==s?void 0:s.deviation_title)||(null==kn?void 0:kn.deviation_title),deviation_impact:(null==s?void 0:s.deviation_impact)||(null==kn?void 0:kn.deviation_impact),deviation_explanation:(null==s?void 0:s.deviation_explanation)||(null==kn?void 0:kn.deviation_explanation),evaluation_outputs:k,cognitive_decisioning:(null==s?void 0:s.cognitive_decisioning)||(null==kn?void 0:kn.cognitive_decisioning)}:null,G=0,z=gn||"";if(f&&z){var H=z.split(/\n{2,}/),Z=H.findIndex(function(n){return n.includes(f)});if(-1!==Z){var $=Object.entries(Pn).filter(function(n){n[0];var e=n[1][F];return e&&H[Z].includes(e)}).sort(function(n,e){return H[Z].indexOf(n[1][F])-H[Z].indexOf(e[1][F])}),nn=$.filter(function(n){n[0];var e=n[1][F];return e&&(e.includes(f)||f.includes(e))});nn.length>1&&(G=Math.max(0,nn.findIndex(function(n){return n[0]===u})))}}var ln=U(w,c);return{id:c,actionId:b,label:O,highlight:f,side:w,style:W,stackIndex:G,score:M,isConnected:null==J?void 0:J.has(b),showScrollLockToggle:(null==J?void 0:J.has(b))||en&&on===b||!!dn&&dn===ln.current,scrollSyncLocked:tn,toggleScrollSyncLocked:rn,isOrphan:E,isMissingClause:p,badgeRef:ln,onClick:function(n){n.stopPropagation(),Q&&Q(n,En||{id:"orphan-left",title:"",content:""},E,On||{id:"orphan-right",title:"",content:""},b,W)},onSummaryClick:function(n){n.stopPropagation(),X(n,b,E,q)}}}).filter(Boolean),Yn=W||!vn&&sn?Xn:[],Jn=Xn.map(function(n){return n.highlight}).filter(Boolean),Qn=S.id&&w===(null==T?void 0:T.columnKey)?T:null,Zn=s.default.useRef(!1);return i.useEffect(function(){j||(Zn.current=!1)},[j]),e.jsxs(o.Box,n.__assign({ref:E,sx:{mb:B,width:"100%",display:"flex",flexDirection:"column",position:"relative",minWidth:0}},{children:[j&&(null==Qn?void 0:Qn.showAbove)&&e.jsx("div",n.__assign({style:{position:"sticky",top:0,height:"0px",cursor:"pointer"},onClick:function(){var n,e;return null===(e=null===(n=null==Qn?void 0:Qn.showAboveRef)||void 0===n?void 0:n.current)||void 0===e?void 0:e.scrollIntoView({behavior:"smooth",block:"center"})}},{children:e.jsx("div",n.__assign({style:n.__assign({transform:"translateY(-50%) translateX(calc(100% ".concat("left"===w?"+":"-"," 130px))"),position:"absolute",paddingTop:"20px"},"left"===w?{right:"-20px"}:{left:"-20px"})},{children:e.jsx(t.ChevronUp,{color:(null===(b=null==Qn?void 0:Qn.showAboveRef)||void 0===b?void 0:b.current)?window.getComputedStyle(Qn.showAboveRef.current).color:void 0})}))})),e.jsxs(o.Accordion,n.__assign({disableGutters:!0,expanded:!mn&&j,onChange:function(){mn||(C(),M.current=S.id)},sx:{boxShadow:"none",border:mn?"1px dashed #E2E8F0":"1px solid #E2E8F0",bgcolor:mn?"#FAFAFA":"#FFFFFF",borderRadius:"6px",flexGrow:1,width:"100%",display:"flex",flexDirection:"column",minWidth:0,"&:before":{display:"none"},"& .MuiAccordion-heading":{position:"sticky",top:-12,zIndex:10,background:"#fff"}}},{children:[e.jsx(o.AccordionSummary,n.__assign({expandIcon:mn?null:e.jsx(t.ChevronDown,{size:16}),sx:{minHeight:"36px",flexShrink:0,cursor:mn?"default":"pointer","& .MuiAccordionSummary-content":{my:.5,display:"grid",alignItems:"center",minWidth:0,width:"100%"},"& .MuiAccordionSummary-expandIconWrapper":{transition:"transform 0.2s ease"},"& .MuiAccordionSummary-expandIconWrapper.Mui-expanded":{transform:"rotate(180deg)"}}},{children:un&&e.jsx(o.Tooltip,n.__assign({title:_n,placement:"top"},{children:e.jsx(o.Typography,n.__assign({component:"div",sx:{fontSize:"12px",color:mn?"#94A3B8":"#19213D",fontWeight:mn?400:700,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%",minWidth:0}},{children:(Un=_n,Un?d.safeStringify(Un).replace(/\\n/g,"\n").split(/(\*\*.*?\*\*)/g).map(function(n,i){return n.startsWith("**")&&n.endsWith("**")?e.jsx("strong",{children:n.slice(2,-2)},i):e.jsx(s.default.Fragment,{children:n},i)}):null)}))}))})),!mn&&e.jsxs(o.AccordionDetails,n.__assign({sx:{pt:0,pb:1.25,bgcolor:"#FFFFFF",flex:1,display:"flex",flexDirection:"column",minWidth:0}},{children:[hn&&e.jsx(l.MemoizedMarkdown,{content:gn,overlayContent:xn,sxStyles:N,highlights:Jn,maintainRelativeOrder:P,highlightBg:Nn,suppressHighlightBg:fn,deviationBadges:Yn,collisionKey:an}),(S.subsections||[]).map(function(n,e){return q({section:n,keyPath:"".concat(R,"-").concat(e),depth:0,columnKey:w,parentNodeId:F,sectionOffset:Bn})})]}))]})),j&&(null==Qn?void 0:Qn.showBelow)&&e.jsx("div",n.__assign({style:{position:"sticky",bottom:0,height:"0px",cursor:"pointer"},onClick:function(){var n,e;return null===(e=null===(n=null==Qn?void 0:Qn.showBelowRef)||void 0===n?void 0:n.current)||void 0===e?void 0:e.scrollIntoView({behavior:"smooth",block:"center"})}},{children:e.jsx("div",n.__assign({style:n.__assign({transform:"translateY(-50%) translateX(calc(100% ".concat("left"===w?"+":"-"," 130px))"),position:"absolute",paddingBottom:"20px"},"left"===w?{right:"-20px"}:{left:"-20px"})},{children:e.jsx(t.ChevronDown,{color:(null===(A=null==Qn?void 0:Qn.showBelowRef)||void 0===A?void 0:A.current)?window.getComputedStyle(Qn.showBelowRef.current).color:void 0})}))}))]}),"".concat(w,"-sec-").concat(R))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),o=require("@mui/material"),t=require("lucide-react"),l=require("../hooks/memoizedMarkdown.js"),d=require("../CompareContext.js"),r=require("../CognitiveComparehelpers.js"),a=require("../CognitiveCompareConstants.js");function u(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s=u(i);exports.default=function(u){var c,v,f,p,g,x,h,I,m,_,y,b,A,S=u.section,R=u.idx,w=u.columnKey,E=u.colRef,O=u.mb,B=void 0===O?1:O,j=u.isExpanded,C=u.onToggle,T=u.navigation,D=u.parentNodeId,F=void 0===D?"":D,k=d.useCompareContext(),M=k.showOpenNodeRef,N=k.resolvedMarkdownStyles,P=k.maintainRelativeOrder,V=k.showDeviationBadges,W=void 0!==V&&V,q=k.renderSubSectionAccordion,G=k.treeData,L=k.proposedSections,K=k.existingSections,z=k.deviationNumberRegistry,H=k.deviationParentRegistry,U=k.getBadgeRef,X=k.openSummaryPopup,Y=k.getSectionCompareStyle,J=k.connectedSections,Q=k.openMoreFunctionsPopup,Z=k.isProposingFix,$=k.proposingFixNodeId,nn=k.isRedlineFlow,en=k.isSideBySide,on=k.activeSideBySideSection,tn=k.scrollSyncLocked,ln=k.unifiedNumbering,dn=k.toggleScrollSyncLocked,rn=k.summaryPopupAnchorEl,an="".concat(en?"1":"0","-").concat(String(null!=on?on:"")),un=(null===(c=S.displayTitle)||void 0===c||c)&&r.hasValue(S.title),sn=!(!Z||!$||"left"!==w||S.id!==$&&S.nodeId!==$),cn=r.hasMeaningfulRedlineTags(S.content),vn="boolean"==typeof nn?nn:cn,fn=cn,pn=vn&&cn,gn=pn?r.stripRedlineTags(S.content):S.content,xn=pn?S.content:void 0,hn=(null===(v=S.displayContent)||void 0===v||v||cn)&&r.hasValue(S.content),In=!un&&!hn,mn=S.title;un||(mn=hn?"No Title Found":"No Matching Section Found");var _n=S.evaluationResult;if(!_n&&"right"===w)if(P){var yn=null===(f=S.refIndexes)||void 0===f?void 0:f[0],bn=L.find(function(n){return n.selfIndex===yn});_n=null==bn?void 0:bn.evaluationResult}else _n=null===(p=L[R])||void 0===p?void 0:p.evaluationResult;var An=null===(g=null==G?void 0:G.input_index_map)||void 0===g?void 0:g[0],Sn=null===(x=null==G?void 0:G.input_index_map)||void 0===x?void 0:x[1],Rn="left"===w?Sn:An,wn=function(n,e){var i;if(!e||!n)return null;for(var o=0,t=n;o<t.length;o++){var l=t[o];if(l.id===e||l.nodeId===e||l.contentId===e)return l;if(null===(i=l.subsections)||void 0===i?void 0:i.length){var d=wn(l.subsections,e);if(d)return d}}return null},En="left"===w?S:wn(L,S.id),On="right"===w?S:wn(K,S.id),Bn=s.default.useMemo(function(){if(!P)return 0;var n=1/0,e=function(i,o,t,l){var d;if(i){var a=i.nodeId||i.id;if(l&&"right"===w){var u=L.filter(function(n){var e;return null===(e=n.refIndexes)||void 0===e?void 0:e.includes(i.selfIndex)});u.length>0&&(a=u[0].nodeId||u[0].id)}var s=i.nodeId||i.id||(null==o?void 0:o.nodeId)||(null==o?void 0:o.id)||(null==t?void 0:t.nodeId)||(null==t?void 0:t.id),c=(null===(d=i.evaluationResult)||void 0===d?void 0:d.deviations)||{};Object.keys(c).forEach(function(e){var i="".concat(a).concat(r.DEVIATION_BADGE_SEPARATOR).concat(e),o=null==z?void 0:z[i];null!=o&&o<n&&(n=o);var t="".concat(s).concat(r.DEVIATION_BADGE_SEPARATOR).concat(e),l=null==z?void 0:z[t];null!=l&&l<n&&(n=l)});for(var v=i.subsections||[],f=(null==o?void 0:o.subsections)||[],p=(null==t?void 0:t.subsections)||[],g=Math.max(v.length,f.length,p.length),x=0;x<g;x++)e(v[x],f[x],p[x],!1)}};return e(S,En,On,!0),n!==1/0?n-1:0},[S,En,On,w,z,P,L]);if(P)if("left"===w){var jn=null===(h=S.refIndexes)||void 0===h?void 0:h[0],Cn=K.findIndex(function(n){return n.selfIndex===jn});On=-1!==Cn?K[Cn]:wn(K,S.id)}else{var Tn=null===(I=S.refIndexes)||void 0===I?void 0:I[0],Dn=L.findIndex(function(n){return n.selfIndex===Tn});En=-1!==Dn?L[Dn]:wn(L,S.id)}var Fn="left"===w?!On:!En,kn=_n||(null==En?void 0:En.evaluationResult)||(null==On?void 0:On.evaluationResult),Mn=null!==(y=null===(_=null===(m=null==kn?void 0:kn.evaluation_outputs)||void 0===m?void 0:m.metadata)||void 0===_?void 0:_.label_color)&&void 0!==y?y:a.DEFAULT_DEVIAION_COLOR,Nn=r.generateColorPalette(Mn).highlightBg,Pn=(null==kn?void 0:kn.deviations)||{},Vn=S.nodeId||S.id;if(P&&"left"!==w){var Wn=L.filter(function(n){var e;return null===(e=n.refIndexes)||void 0===e?void 0:e.includes(S.selfIndex)});Wn.length>0?Vn=Wn[0].nodeId||Wn[0].id:(null==En?void 0:En.id)&&(Vn=En.nodeId||En.id)}var qn=Object.keys(Pn)[0],Gn=qn?"".concat(Vn).concat(r.DEVIATION_BADGE_SEPARATOR).concat(qn):null,Ln=Gn?null==H?void 0:H[Gn]:null,Kn=R+1;if(P&&ln){var zn="left"===w?ln.leftNums.get(null==S?void 0:S.id):ln.rightNums.get(null==S?void 0:S.id);Fn&&void 0!==zn?Kn=zn:null!=Ln&&Ln>=0?Kn=Ln:void 0!==zn&&(Kn=zn)}else null!=Ln&&Ln>=0&&(Kn=Ln);var Hn=Object.entries(Pn).map(function(n){var e=n[0],i=n[1],o="".concat(Vn).concat(r.DEVIATION_BADGE_SEPARATOR).concat(e);return{deviationKey:e,deviationMap:i,refId:o,currentIndex:z[o]}}).filter(function(n){return void 0!==n.currentIndex&&null!==n.currentIndex});Hn.sort(function(n,e){return n.currentIndex-e.currentIndex});var Un,Xn=Hn.map(function(e){var i,o,t,l,d,a,u=e.deviationKey,s=e.deviationMap,c=e.refId,v=e.currentIndex;P&&void 0!==Bn&&(v-=Bn);var f=s[F],p=r.isMissingStr(f);if(p)f="";else if(!f)return null;var g=R,x=R;if(P)if("left"===w){var h=null===(i=S.refIndexes)||void 0===i?void 0:i[0],I=K.findIndex(function(n){return n.selfIndex===h});if(-1!==I)x=I;else{var m=K.findIndex(function(n){return n.id===S.id||n.nodeId===S.nodeId||n.contentId===S.contentId});x=-1!==m?m:R}}else{var _=null===(o=S.refIndexes)||void 0===o?void 0:o[0],y=L.findIndex(function(n){return n.selfIndex===_});if(-1!==y)g=y;else g=-1!==(j=L.findIndex(function(n){return n.id===S.id||n.nodeId===S.nodeId||n.contentId===S.contentId}))?j:R}var b="".concat(Vn).concat(r.DEVIATION_BADGE_SEPARATOR).concat(u).concat(r.DEVIATION_BADGE_SEPARATOR).concat(g).concat(r.DEVIATION_BADGE_SEPARATOR).concat(x),A=s[Rn],E=Fn||r.isMissingStr(A),O="".concat(Kn,".").concat(v),B=R;if("right"===w&&P){var j,C=null===(t=S.refIndexes)||void 0===t?void 0:t[0],T=L.findIndex(function(n){return n.selfIndex===C});if(-1!==T)B=T;else-1!==(j=L.findIndex(function(n){return n.id===S.id||n.nodeId===S.nodeId||n.contentId===S.contentId}))&&(B=j)}var D=Y?Y(B):null,k=(null==s?void 0:s.evaluation_outputs)||(null==kn?void 0:kn.evaluation_outputs),M=null!==(l=null==k?void 0:k.output_value)&&void 0!==l?l:null,N=null!==(a=null===(d=null==k?void 0:k.metadata)||void 0===d?void 0:d.label_color)&&void 0!==a?a:Mn,V=r.generateColorPalette(N),W=D?n.__assign(n.__assign({},D),{badgeBg:V.badgeBg,badgeBorder:V.badgeBorder,badgeText:V.badgeText}):n.__assign({},V),q=(null==s?void 0:s.deviation_summary)?{deviation_summary:s.deviation_summary,deviation_title:(null==s?void 0:s.deviation_title)||(null==kn?void 0:kn.deviation_title),deviation_impact:(null==s?void 0:s.deviation_impact)||(null==kn?void 0:kn.deviation_impact),deviation_explanation:(null==s?void 0:s.deviation_explanation)||(null==kn?void 0:kn.deviation_explanation),evaluation_outputs:k,cognitive_decisioning:(null==s?void 0:s.cognitive_decisioning)||(null==kn?void 0:kn.cognitive_decisioning)}:null,G=0,z=gn||"";if(f&&z){var H=z.split(/\n{2,}/),Z=H.findIndex(function(n){return n.includes(f)});if(-1!==Z){var $=Object.entries(Pn).filter(function(n){n[0];var e=n[1][F];return e&&H[Z].includes(e)}).sort(function(n,e){return H[Z].indexOf(n[1][F])-H[Z].indexOf(e[1][F])}),nn=$.filter(function(n){n[0];var e=n[1][F];return e&&(e.includes(f)||f.includes(e))});nn.length>1&&(G=Math.max(0,nn.findIndex(function(n){return n[0]===u})))}}var ln=U(w,c);return{id:c,actionId:b,label:O,highlight:f,side:w,style:W,stackIndex:G,score:M,isConnected:null==J?void 0:J.has(b),showScrollLockToggle:(null==J?void 0:J.has(b))||en&&on===b||!!rn&&rn===ln.current,scrollSyncLocked:tn,toggleScrollSyncLocked:dn,isOrphan:E,isMissingClause:p,badgeRef:ln,onClick:function(n){n.stopPropagation(),Q&&Q(n,En||{id:"orphan-left",title:"",content:""},E,On||{id:"orphan-right",title:"",content:""},b,W)},onSummaryClick:function(n){n.stopPropagation(),X(n,b,E,q)}}}).filter(Boolean),Yn=W||!vn&&sn?Xn:[],Jn=Xn.map(function(n){return n.highlight}).filter(Boolean),Qn=S.id&&w===(null==T?void 0:T.columnKey)?T:null,Zn=s.default.useRef(!1);return i.useEffect(function(){j||(Zn.current=!1)},[j]),e.jsxs(o.Box,n.__assign({ref:E,sx:{mb:B,width:"100%",display:"flex",flexDirection:"column",position:"relative",minWidth:0}},{children:[j&&(null==Qn?void 0:Qn.showAbove)&&e.jsx("div",n.__assign({style:{position:"sticky",top:0,height:"0px",cursor:"pointer"},onClick:function(){var n,e;return null===(e=null===(n=null==Qn?void 0:Qn.showAboveRef)||void 0===n?void 0:n.current)||void 0===e?void 0:e.scrollIntoView({behavior:"smooth",block:"center"})}},{children:e.jsx("div",n.__assign({style:n.__assign({transform:"translateY(-50%) translateX(calc(100% ".concat("left"===w?"+":"-"," 130px))"),position:"absolute",paddingTop:"20px"},"left"===w?{right:"-20px"}:{left:"-20px"})},{children:e.jsx(t.ChevronUp,{color:(null===(b=null==Qn?void 0:Qn.showAboveRef)||void 0===b?void 0:b.current)?window.getComputedStyle(Qn.showAboveRef.current).color:void 0})}))})),e.jsxs(o.Accordion,n.__assign({disableGutters:!0,expanded:!In&&j,onChange:function(){In||(C(),M.current=S.id)},sx:{boxShadow:"none",border:In?"1px dashed #E2E8F0":"1px solid #E2E8F0",bgcolor:In?"#FAFAFA":"#FFFFFF",borderRadius:"6px",flexGrow:1,width:"100%",display:"flex",flexDirection:"column",minWidth:0,"&:before":{display:"none"},"& .MuiAccordion-heading":{position:"sticky",top:-12,zIndex:10,background:"#fff"}}},{children:[e.jsx(o.AccordionSummary,n.__assign({expandIcon:In?null:e.jsx(t.ChevronDown,{size:16}),sx:{minHeight:"36px",flexShrink:0,cursor:In?"default":"pointer","& .MuiAccordionSummary-content":{my:.5,display:"grid",alignItems:"center",minWidth:0,width:"100%"},"& .MuiAccordionSummary-expandIconWrapper":{transition:"transform 0.2s ease"},"& .MuiAccordionSummary-expandIconWrapper.Mui-expanded":{transform:"rotate(180deg)"}}},{children:un&&e.jsx(o.Tooltip,n.__assign({title:mn,placement:"top"},{children:e.jsx(o.Typography,n.__assign({component:"div",sx:{fontSize:"12px",color:In?"#94A3B8":"#19213D",fontWeight:In?400:700,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%",minWidth:0}},{children:(Un=mn,Un?r.safeStringify(Un).replace(/\\n/g,"\n").split(/(\*\*.*?\*\*)/g).map(function(n,i){return n.startsWith("**")&&n.endsWith("**")?e.jsx("strong",{children:n.slice(2,-2)},i):e.jsx(s.default.Fragment,{children:n},i)}):null)}))}))})),!In&&e.jsxs(o.AccordionDetails,n.__assign({sx:{pt:0,pb:1.25,bgcolor:"#FFFFFF",flex:1,display:"flex",flexDirection:"column",minWidth:0}},{children:[hn&&e.jsx(l.MemoizedMarkdown,{content:gn,overlayContent:xn,sxStyles:N,highlights:Jn,maintainRelativeOrder:P,highlightBg:Nn,suppressHighlightBg:fn,deviationBadges:Yn,collisionKey:an}),(S.subsections||[]).map(function(n,e){return q({section:n,keyPath:"".concat(R,"-").concat(e),depth:0,columnKey:w,parentNodeId:F,sectionOffset:Bn})})]}))]})),j&&(null==Qn?void 0:Qn.showBelow)&&e.jsx("div",n.__assign({style:{position:"sticky",bottom:0,height:"0px",cursor:"pointer"},onClick:function(){var n,e;return null===(e=null===(n=null==Qn?void 0:Qn.showBelowRef)||void 0===n?void 0:n.current)||void 0===e?void 0:e.scrollIntoView({behavior:"smooth",block:"center"})}},{children:e.jsx("div",n.__assign({style:n.__assign({transform:"translateY(-50%) translateX(calc(100% ".concat("left"===w?"+":"-"," 130px))"),position:"absolute",paddingBottom:"20px"},"left"===w?{right:"-20px"}:{left:"-20px"})},{children:e.jsx(t.ChevronDown,{color:(null===(A=null==Qn?void 0:Qn.showBelowRef)||void 0===A?void 0:A.current)?window.getComputedStyle(Qn.showBelowRef.current).color:void 0})}))}))]}),"".concat(w,"-sec-").concat(R))};
 //# sourceMappingURL=SectionAccordion.js.map