npm - @likec4/diagram - Versions diffs - 1.40.0 → 1.42.0 - Mend

@likec4/diagram 1.40.0 → 1.42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (615) hide show

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconLink.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconLock.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconLockOpen2.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconMenu2.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerPlayFilled.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconReorder.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconRouteOff.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconSelector.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconStack2.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconStarFilled.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconTarget.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconTransform.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconUser.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconX.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/node_modules/.pnpm/{@tabler_icons-react@3.34.1_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import createReactComponent from '../createReactComponent.js';
 /**
- * @license @tabler/icons-react v3.34.1 - MIT
+ * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/overlays/element-details/ElementDetailsCard.css.js CHANGED Viewed

@@ -12,7 +12,7 @@ const dialog = css({
   height: "100vh",
   maxWidth: "100vw",
   maxHeight: "100vh",
-  background: "[transparent]",
+  background: "transparent",
   border: "transparent",
   _backdrop: {
     // WebkitBackdropFilter: `blur(${backdropBlur})`,
@@ -24,13 +24,19 @@ const dialog = css({
 const card = css({
   position: "absolute",
   pointerEvents: "all",
+  display: "flex",
+  flexDirection: "column",
+  padding: "4",
   gap: "lg",
   justifyContent: "stretch",
+  color: "mantine.colors.text",
   backgroundColor: {
     base: "mantine.colors.body",
     _dark: "mantine.colors.dark[6]"
   },
-  border: `none`,
+  boxShadow: "md",
+  overflow: "hidden",
+  border: "none",
   backgroundImage: `
     linear-gradient(180deg,
       color-mix(in srgb, var(--likec4-palette-fill) 60%, transparent),

package/dist/overlays/element-details/ElementDetailsCard.js CHANGED Viewed

@@ -1,29 +1,29 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cx, css } from '@likec4/styles/css';
 import { HStack } from '@likec4/styles/jsx';
-import { RemoveScroll, Card, Group, Text, CloseButton, Badge, Flex, ActionIconGroup, ActionIcon, Tooltip as Tooltip$1, Tabs, TabsList, TabsTab, TabsPanel, ScrollArea, Box, Stack, Divider as Divider$1, ScrollAreaAutosize, UnstyledButton, ThemeIcon } from '@mantine/core';
+import { RemoveScroll, Text, CloseButton, Badge, Flex, ActionIconGroup, ActionIcon, Tooltip as Tooltip$1, Tabs, TabsList, TabsTab, TabsPanel, ScrollArea, Box, Stack, Divider as Divider$1, UnstyledButton, Group, ThemeIcon } from '@mantine/core';
 import { useViewportSize, useSessionStorage } from '@mantine/hooks';
 import { useSyncedRef, useDebouncedCallback, useTimeoutEffect } from '@react-hookz/web';
 import { useDragControls, useMotionValue, m } from 'motion/react';
 import { useState, useCallback, useRef } from 'react';
 import { pipe, map, partition, only, clamp, isNullish, entries } from 'remeda';
-import { ElementTag } from '../../base/primitives/element/ElementTags.js';
+import { ElementTag } from '../../base-primitives/element/ElementTags.js';
 import { Link } from '../../components/Link.js';
+import { useCurrentViewModel } from '../../hooks/useCurrentViewModel.js';
 import { useDiagram } from '../../hooks/useDiagram.js';
 import { elementIcon, card, cardHeader, title, tabsPanel, tabsTab, tabsList, tabsRoot, propertiesGrid, resizeHandle, backdropOpacity, backdropBlur, dialog, propertyLabel, viewButton, viewButtonTitle } from './ElementDetailsCard.css.js';
 import { TabPanelDeployments } from './TabPanelDeployments.js';
 import { TabPanelRelationships } from './TabPanelRelationships.js';
 import { TabPanelStructure } from './TabPanelStructure.js';
-import { useLikeC4Model } from '../../likec4model/useLikeC4Model.js';
 import { useUpdateEffect } from '../../hooks/useUpdateEffect.js';
 import { IconRenderer } from '../../context/IconRenderer.js';
 import { stopPropagation } from '../../utils/xyflow.js';
-import IconExternalLink from '../../node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconExternalLink.js';
+import IconExternalLink from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconExternalLink.js';
 import { IfEnabled, DiagramFeatures } from '../../context/DiagramFeatures.js';
-import IconFileSymlink from '../../node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconFileSymlink.js';
-import IconZoomScan from '../../node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js';
-import { MarkdownBlock } from '../../base/primitives/MarkdownBlock.js';
-import IconStack2 from '../../node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconStack2.js';
+import IconFileSymlink from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconFileSymlink.js';
+import IconZoomScan from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js';
+import { Markdown } from '../../base-primitives/Markdown.js';
+import IconStack2 from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconStack2.js';
 const Divider = Divider$1.withProps({
   mb: 8,
@@ -69,8 +69,7 @@ function ElementDetailsCard({
     defaultValue: "Properties"
   });
   const diagram = useDiagram();
-  const likec4model = useLikeC4Model();
-  const viewModel = likec4model.view(viewId);
+  const viewModel = useCurrentViewModel();
   const nodeModel = fromNode ? viewModel.findNode(fromNode) : viewModel.findNodeWithElement(fqn);
   const elementModel = viewModel.$model.element(fqn);
   const [viewsOf, otherViews] = pipe(
@@ -150,7 +149,7 @@ function ElementDetailsCard({
   }, 20);
   useTimeoutEffect(() => {
     setOpened(true);
-  }, 200);
+  }, 220);
   return /* @__PURE__ */ jsx(
     m.dialog,
     {
@@ -185,10 +184,8 @@ function ElementDetailsCard({
         close();
       },
       children: /* @__PURE__ */ jsx(RemoveScroll, { forwardProps: true, removeScrollBar: false, children: /* @__PURE__ */ jsxs(
-        Card,
+        m.div,
         {
-          shadow: "md",
-          component: m.div,
           layout: true,
           layoutRoot: true,
           drag: true,
@@ -221,14 +218,13 @@ function ElementDetailsCard({
             }
           },
           style: {
-            // `style` prop in Mantine doesn't accept motion values
             width,
             height
           },
           children: [
             /* @__PURE__ */ jsxs("div", { className: cardHeader, onPointerDown: (e) => controls.start(e), children: [
-              /* @__PURE__ */ jsxs(Group, { align: "start", justify: "space-between", gap: "sm", mb: "sm", wrap: "nowrap", children: [
-                /* @__PURE__ */ jsxs(Group, { align: "start", gap: "sm", style: { cursor: "default" }, wrap: "nowrap", children: [
+              /* @__PURE__ */ jsxs(HStack, { alignItems: "start", justify: "space-between", gap: "sm", mb: "sm", flexWrap: "nowrap", children: [
+                /* @__PURE__ */ jsxs(HStack, { alignItems: "start", gap: "sm", style: { cursor: "default" }, flexWrap: "nowrap", children: [
                   elementIcon$1,
                   /* @__PURE__ */ jsxs("div", { children: [
                     /* @__PURE__ */ jsx(
@@ -253,7 +249,7 @@ function ElementDetailsCard({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs(Group, { align: "baseline", gap: "sm", wrap: "nowrap", children: [
+              /* @__PURE__ */ jsxs(HStack, { alignItems: "baseline", gap: "sm", flexWrap: "nowrap", children: [
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx(SmallLabel, { children: "kind" }),
                   /* @__PURE__ */ jsx(
@@ -359,10 +355,14 @@ function ElementDetailsCard({
                 children: [
                   /* @__PURE__ */ jsx(TabsList, { children: TABS.map((tab) => /* @__PURE__ */ jsx(TabsTab, { value: tab, children: tab }, tab)) }),
                   /* @__PURE__ */ jsx(TabsPanel, { value: "Properties", children: /* @__PURE__ */ jsx(ScrollArea, { scrollbars: "y", type: "scroll", offsetScrollbars: true, children: /* @__PURE__ */ jsxs(Box, { className: propertiesGrid, pt: "xs", children: [
+                    elementModel.hasSummary && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(PropertyLabel, { children: "summary" }),
+                      /* @__PURE__ */ jsx(Markdown, { value: elementModel.summary })
+                    ] }),
                     /* @__PURE__ */ jsxs(Fragment, { children: [
                       /* @__PURE__ */ jsx(PropertyLabel, { children: "description" }),
                       /* @__PURE__ */ jsx(
-                        MarkdownBlock,
+                        Markdown,
                         {
                           value: elementModel.description,
                           emptyText: "no description"
@@ -494,12 +494,10 @@ function ElementMetata({
         children: entries(metadata).map(([key, value]) => /* @__PURE__ */ jsxs(
           "div",
           {
-            className: cx(
-              "group",
-              css({
-                display: "contents"
-              })
-            ),
+            style: {
+              display: "contents"
+            },
+            className: "group",
             children: [
               /* @__PURE__ */ jsxs(
                 "div",
@@ -521,26 +519,30 @@ function ElementMetata({
                 {
                   className: css({}),
                   children: /* @__PURE__ */ jsx(
-                    ScrollAreaAutosize,
+                    ScrollArea.Autosize,
                     {
                       type: "auto",
                       mah: 200,
-                      overscrollBehavior: "none",
-                      className: css({
-                        transitionProperty: "all",
-                        transitionDuration: "fast",
-                        transitionTimingFunction: "inOut",
-                        rounded: "sm",
-                        color: "mantine.colors.gray[8]",
-                        _dark: {
-                          color: "mantine.colors.dark[1]"
-                        },
-                        _groupHover: {
-                          transitionTimingFunction: "out",
-                          color: "mantine.colors.defaultColor",
-                          background: "mantine.colors.defaultHover"
-                        }
-                      }),
+                      classNames: {
+                        root: css({
+                          transitionProperty: "all",
+                          transitionDuration: "fast",
+                          transitionTimingFunction: "inOut",
+                          rounded: "sm",
+                          color: "mantine.colors.gray[8]",
+                          _dark: {
+                            color: "mantine.colors.dark[1]"
+                          },
+                          _groupHover: {
+                            transitionTimingFunction: "out",
+                            color: "mantine.colors.defaultColor",
+                            background: "mantine.colors.defaultHover"
+                          }
+                        }),
+                        viewport: css({
+                          overscrollBehavior: "none"
+                        })
+                      },
                       children: /* @__PURE__ */ jsx(
                         "div",
                         {
@@ -548,7 +550,7 @@ function ElementMetata({
                             fontSize: "sm",
                             padding: "xxs",
                             whiteSpace: "pre",
-                            fontFamily: "[var(--mantine-font-family-monospace)]",
+                            fontFamily: "mono",
                             userSelect: "all"
                           }),
                           children: value

package/dist/overlays/element-details/TabPanelDeployments.js CHANGED Viewed

@@ -2,12 +2,12 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTree, Alert, Tree, Box, rem, Button, Group, Text, ThemeIcon, Menu } from '@mantine/core';
 import { memo, useMemo, useEffect } from 'react';
 import { useDiagram } from '../../hooks/useDiagram.js';
-import { useLikeC4Model } from '../../likec4model/useLikeC4Model.js';
+import { useLikeC4Model } from '../../hooks/useLikeC4Model.js';
 import { treeNodeLabel, treeNode, nodeLabel, instanceLabel } from './TabPanelDeployments.css.js';
-import IconInfoCircle from '../../node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js';
-import IconTarget from '../../node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconTarget.js';
+import IconInfoCircle from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js';
+import IconTarget from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconTarget.js';
 import { stopPropagation } from '../../utils/xyflow.js';
-import IconZoomScan from '../../node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js';
+import IconZoomScan from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js';
 const DeploymentNodeRenderer = ({
   node

package/dist/overlays/element-details/TabPanelRelationships.js CHANGED Viewed

@@ -2,15 +2,14 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { nameFromFqn } from '@likec4/core';
 import { Stack, Group, Box, ThemeIcon, Text, Tooltip as Tooltip$1, ActionIcon, Paper } from '@mantine/core';
 import { useSelector } from '@xstate/react';
-import { useState } from 'react';
 import { unique } from 'remeda';
 import { useOverlaysActorRef } from '../../hooks/useOverlaysActor.js';
 import { RelationshipsBrowser } from '../relationships-browser/RelationshipsBrowser.js';
 import { useElementDetailsActorRef } from './actorContext.js';
 import { fqn, xyflow, relationshipStat } from './TabPanelRelationships.css.js';
-import IconArrowRight from '../../node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowRight.js';
-import IconInfoCircle from '../../node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js';
-import IconExternalLink from '../../node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconExternalLink.js';
+import IconArrowRight from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowRight.js';
+import IconInfoCircle from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js';
+import IconExternalLink from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconExternalLink.js';
 const Tooltip = Tooltip$1.withProps({
   color: "dark",
@@ -29,7 +28,6 @@ function TabPanelRelationships({
   const overlaysActor = useOverlaysActorRef();
   const delailsActor = useElementDetailsActorRef();
   const relationshipsBrowserActor = useSelector(delailsActor, (s) => s.children[`${delailsActor.id}-relationships`]);
-  const [scope, setScope] = useState("view");
   const incoming = [...element.incoming()].map((r) => r.id);
   const outgoing = [...element.outgoing()].map((r) => r.id);
   const incomingInView = node ? unique([...node.incoming()].flatMap((e) => e.$edge.relations)) : [];
@@ -92,13 +90,13 @@ function TabPanelRelationships({
             e.stopPropagation();
             const {
               subject,
-              scope: scope2,
+              scope,
               viewId
             } = relationshipsBrowserActor.getSnapshot().context;
             overlaysActor.send({
               type: "open.relationshipsBrowser",
               subject,
-              scope: scope2,
+              scope,
               viewId
             });
           },

package/dist/overlays/element-details/TabPanelStructure.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTree, Alert, Anchor, Tree, Box, Text, Pill } from '@mantine/core';
 import { useMemo, useEffect } from 'react';
 import { treeNodeLabel, elementLabel } from './TabPanelStructure.css.js';
-import IconInfoCircle from '../../node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js';
+import IconInfoCircle from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js';
 const ElementLabel = ({
   element