@m4l/components 9.17.1-beta-feature-731-m4l-components-code-editor.0 → 9.18.0

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/BaseArea/subcomponents/AreaPanels/subcomponents/PanelWindow.d.ts

@@ -0,0 +1,7 @@
+import { PanelWindowProps } from '../../../types';
+/**
+ * Render one panel inside a dedicated slot so the Window shell can occupy the
+ * whole panel region without inheriting popup drag/resize contracts.
+ */
+export declare const PanelWindow: ({ areaId, selected, overlay, panel, panelZIndexBase, onPinnedResizeStart, }: PanelWindowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PanelWindow.d.ts.map

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/BaseArea/subcomponents/AreaPanels/subcomponents/PanelWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelWindow.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../../packages/components/src/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/BaseArea/subcomponents/AreaPanels/subcomponents/PanelWindow.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,6EAOzB,gBAAgB,qDA0DlB,CAAC"}

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/BaseArea/subcomponents/AreaPanels/subcomponents/PanelWindow.js

@@ -0,0 +1,68 @@
+import { jsxs as n, jsx as t, Fragment as z } from "@emotion/react/jsx-runtime";
+import { PanelSlotStyled as h, PanelWindowHostStyled as P } from "../../../../../../../slots/AreasViewerSlots.js";
+import { Window as y } from "../../../../Window/Window.js";
+import { useOverlayPanelResize as W } from "../../../hooks/useOverlayPanelResize.js";
+import { shouldRenderResizeRailBeforePanel as m } from "../../../helpers/panelRuntime.js";
+import { PanelResizeRail as f } from "./PanelResizeRail.js";
+const D = ({
+  areaId: r,
+  selected: w,
+  overlay: i,
+  panel: e,
+  panelZIndexBase: s,
+  onPinnedResizeStart: l
+}) => {
+  const { containerRef: R, handleResizeStart: c, resizeHandleStyle: S, slotStyle: a } = W({
+    areaId: r,
+    overlay: i,
+    panel: e,
+    selected: w
+  }), u = /* @__PURE__ */ n(
+    h,
+    {
+      ref: R,
+      ownerState: { side: e.side, overlay: i, panelZIndexBase: s },
+      style: a,
+      "data-testid": `areas-panel-slot-${e.side}-${i ? "overlay" : "docked"}`,
+      children: [
+        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(y, { windowId: e.windowId, areaId: r }) }),
+        i ? /* @__PURE__ */ t(
+          "div",
+          {
+            "data-testid": `areas-panel-resize-handle-${e.side}`,
+            onMouseDown: c,
+            style: S
+          }
+        ) : null
+      ]
+    }
+  );
+  return /* @__PURE__ */ n(z, { children: [
+    !i && m(e.side) ? /* @__PURE__ */ t(
+      f,
+      {
+        panel: e,
+        side: e.side,
+        panelZIndexBase: s,
+        onResizeStart: (o, d) => {
+          l?.(o, d);
+        }
+      }
+    ) : null,
+    u,
+    !i && !m(e.side) ? /* @__PURE__ */ t(
+      f,
+      {
+        panel: e,
+        side: e.side,
+        panelZIndexBase: s,
+        onResizeStart: (o, d) => {
+          l?.(o, d);
+        }
+      }
+    ) : null
+  ] });
+};
+export {
+  D as PanelWindow
+};

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/BaseArea/types.d.ts

@@ -1,6 +1,67 @@
+import { MouseEvent as ReactMouseEvent, ReactNode } from 'react';
 import { AreasViewerProps } from '../../../../types';
+import { PanelSide } from '../../../../../../types';
+/**
+ * Shared props used by the BaseArea subtree to identify the rendered area.
+ */
 export type InnerForHooksProps = {
     areaId: string;
+    selected: boolean;
     size: AreasViewerProps['size'];
 };
+/**
+ * Props required to render the panel-aware body for one area.
+ */
+export type AreaPanelsProps = InnerForHooksProps & {
+    children: ReactNode;
+};
+/**
+ * Normalized panel model consumed by the runtime layout layer.
+ */
+export type PanelRuntimeDescriptor = {
+    windowId: string;
+    side: PanelSide;
+    pinned: boolean;
+    width: number;
+    height: number;
+    maxWidth?: number;
+    maxHeight?: number;
+};
+/**
+ * Props used by one concrete panel slot instance.
+ */
+export type PanelWindowProps = {
+    areaId: string;
+    selected: boolean;
+    overlay: boolean;
+    panel: PanelRuntimeDescriptor;
+    panelZIndexBase: number;
+    onPinnedResizeStart?: (panel: PanelRuntimeDescriptor, event: ReactMouseEvent<HTMLDivElement>) => void;
+};
+/**
+ * Transient resize state for overlay panels, tracked locally inside their slot.
+ */
+export type ResizeSession = {
+    pointerStart: number;
+    sizeStart: number;
+};
+/**
+ * Transient resize state for pinned panels, tracked at the area layout level.
+ */
+export type PinnedResizeSession = {
+    pointerStart: number;
+    sizeStart: number;
+    panel: PanelRuntimeDescriptor;
+};
+/**
+ * Live width/height override used while a pinned panel is being resized.
+ */
+export type PanelLiveSize = Partial<Pick<PanelRuntimeDescriptor, 'width' | 'height'>>;
+/**
+ * Grouped panel collections split by side and by docked/overlay mode.
+ */
+export type PanelsByArea = {
+    pinned: Record<PanelSide, PanelRuntimeDescriptor[]>;
+    overlay: Record<PanelSide, PanelRuntimeDescriptor[]>;
+};
 //# sourceMappingURL=types.d.ts.map

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/BaseArea/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/BaseArea/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CAC/B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/BaseArea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,eAAe,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG;IACjD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,sBAAsB,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,CACpB,KAAK,EAAE,sBAAsB,EAC7B,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,KACnC,IAAI,CAAC;CACX,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,sBAAsB,CAAC;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,CACjC,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,QAAQ,CAAC,CACjD,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,sBAAsB,EAAE,CAAC,CAAC;IACpD,OAAO,EAAE,MAAM,CAAC,SAAS,EAAE,sBAAsB,EAAE,CAAC,CAAC;CACtD,CAAC"}

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/Window.d.ts

@@ -7,12 +7,9 @@ export type WindowProps = {
     areaId?: string;
 };
 /**
- * Componente Window
- *
- * Este componente se encarga de renderizar la ventana en el AreasViewer.
- * Lee los datos y configuraciones de la ventana desde el store de Zustand,
- * crea herramientas para el microfrontend o componente y utiliza un hook
- * personalizado para definir las acciones del header.
+ * Render one Areas window shell inside the viewer.
+ * The component reads its runtime state from the shared store and then mounts either
+ * a microfrontend host or a local component inside the shared WindowBase chrome.
  */
 export declare const Window: (props: WindowProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 export declare const MemonizedWindow: React.MemoExoticComponent<(props: WindowProps) => import("@emotion/react/jsx-runtime").JSX.Element | null>;

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/Window.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Window.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/Window.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AACF;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4DAiGxC,CAAC;AACF,eAAO,MAAM,eAAe,oCAlGE,WAAW,6DAkGQ,CAAC"}
+{"version":3,"file":"Window.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/Window.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AACF;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4DAiGxC,CAAC;AACF,eAAO,MAAM,eAAe,oCAlGE,WAAW,6DAkGQ,CAAC"}

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/Window.js

@@ -7,56 +7,56 @@ import { getNameDataTestId as $ } from "../../../../../../../../test/getNameData
 import { AREAS_VIEWER_CLASS_NAME as k } from "../../../../../../constants.js";
 import { useWindow as P } from "./hooks/useWindow.js";
 import { WindowBaseStyled as b } from "../../../../slots/AreasViewerSlots.js";
-import { shallow as l } from "zustand/shallow";
-import { useAreasStore as c } from "../../../../../../hooks/useAreas/index.js";
-const F = (p) => {
-  const { areaId: e, windowId: r } = p, {
+import { shallow as u } from "zustand/shallow";
+import { useAreasStore as f } from "../../../../../../hooks/useAreas/index.js";
+const F = (w) => {
+  const { areaId: e, windowId: r } = w, {
     emergeType: i,
-    moduleId: u,
-    winType: f,
-    title: w,
-    subTitle: I,
-    editionInfo: T,
-    iconUrl: A,
-    version: h,
-    buildTime: y,
-    moduleCount: d,
-    selected: E,
-    mfProps: S,
-    component: g,
+    moduleId: I,
+    winType: d,
+    title: T,
+    subTitle: A,
+    editionInfo: h,
+    iconUrl: y,
+    version: E,
+    buildTime: S,
+    moduleCount: s,
+    selected: g,
+    mfProps: a,
+    component: l,
     loading: B,
-    status: s,
-    dynamicMFStore: a,
-    windowTools: t,
+    status: c,
+    dynamicMFStore: p,
+    windowTools: n,
     onTouch: W,
     memoizedActions: _,
     loggedUser: v
-  } = P(r, e), x = c(
-    (n) => e ? n.hashAreas[e]?.maximizedId : void 0,
-    l
-  ), z = c(
-    (n) => {
-      const o = e ? n.hashAreas[e] : void 0;
+  } = P(r, e), x = f(
+    (t) => e ? t.hashAreas[e]?.maximizedId : void 0,
+    u
+  ), z = f(
+    (t) => {
+      const o = e ? t.hashAreas[e] : void 0;
       return o && o.currentBreakpoint && o.layouts && o.layouts[o.currentBreakpoint] && o.layouts[o.currentBreakpoint].find(
         (M) => M.i === r
       )?.colapsed || !1;
     },
-    l
+    u
   );
-  return s === void 0 ? null : /* @__PURE__ */ m(
+  return c === void 0 ? null : /* @__PURE__ */ m(
     b,
     {
-      title: `${w}${d ? `:${d}` : ""}`,
-      subTitle: I,
-      editionInfo: T,
-      iconUrl: A,
+      title: `${T}${s ? `:${s}` : ""}`,
+      subTitle: A,
+      editionInfo: h,
+      iconUrl: y,
       isLoading: B,
-      onClose: () => t.close(),
-      version: h,
-      buildTime: y,
+      onClose: () => n.close(),
+      version: E,
+      buildTime: S,
       actions: _,
       windowId: r,
-      selected: E,
+      selected: g,
       maximized: !!x,
       onMouseDown: W,
       emergeType: i,
@@ -68,26 +68,26 @@ const F = (p) => {
           `${i}`
         )
       } : {},
-      children: s === "loaded" ? f === "microfrontend" ? /* @__PURE__ */ m(
+      children: c === "loaded" ? d === "microfrontend" && a ? /* @__PURE__ */ m(
         C,
         {
           emergeType: i,
-          moduleId: u,
-          dynamicMFStore: a,
-          windowTools: t,
+          moduleId: I,
+          dynamicMFStore: p,
+          windowTools: n,
           loggedUser: v,
-          ...S
+          ...a
         }
-      ) : /* @__PURE__ */ m(
+      ) : d === "component" && l ? /* @__PURE__ */ m(
         D,
         {
           id: r,
           emergeType: i,
-          dynamicMFStore: a,
-          windowTools: t,
-          component: g
+          dynamicMFStore: p,
+          windowTools: n,
+          component: l
         }
-      ) : null
+      ) : null : null
     }
   );
 };

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useHeaderActions.d.ts

@@ -1,9 +1,7 @@
 import { WindowBaseAction } from '../../../../../../../../WindowBase/types';
 import { UseHeaderActionsParams } from '../types';
 /**
- * Hook useHeaderActions
- *
- * Retorna las acciones del header de una ventana. Izquierda, derecha y dentro del menu.
+ * Build the three WindowBase header action lanes for the current Areas window.
  */
 export declare const useHeaderActions: ({ windowId, areaId, emergeType, }: UseHeaderActionsParams) => {
     leftActions: WindowBaseAction[];

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useHeaderActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeaderActions.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../packages/components/src/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useHeaderActions.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,mCAI9B,sBAAsB,KAAG;IAC1B,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,YAAY,EAAE,gBAAgB,EAAE,CAAC;CAoDlC,CAAC"}
+{"version":3,"file":"useHeaderActions.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../packages/components/src/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useHeaderActions.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGlD;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,mCAI9B,sBAAsB,KAAG;IAC1B,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,YAAY,EAAE,gBAAgB,EAAE,CAAC;CAkDlC,CAAC"}

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useRightActions.d.ts

@@ -1,7 +1,7 @@
 import { WindowBaseAction } from '../../../../../../../../WindowBase/types';
 import { UseHeaderActionsParams } from '../types';
 /**
- * Hook useRightActions, retorna las acciones de maximizar y minimizar una ventana, colapsar y expandir una ventana
+ * Build the right-side WindowBase actions for collapse/expand and maximize/normalize.
  */
 export declare const useRightActions: ({ windowId, areaId, emergeType, }: UseHeaderActionsParams) => WindowBaseAction[];
 //# sourceMappingURL=useRightActions.d.ts.map

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useRightActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRightActions.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../packages/components/src/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useRightActions.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAG5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,mCAI7B,sBAAsB,KAAG,gBAAgB,EA8G3C,CAAC"}
+{"version":3,"file":"useRightActions.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../packages/components/src/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useRightActions.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAG5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,mCAI7B,sBAAsB,KAAG,gBAAgB,EAiJ3C,CAAC"}

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useRightActions.js

@@ -1,77 +1,105 @@
-import { useMemo as b } from "react";
-import { useEnvironment as d, useModuleDictionary as L } from "@m4l/core";
-import { useAreasStore as u } from "../../../../../../../hooks/useAreas/index.js";
-import { shallow as y } from "zustand/shallow";
-import { ICONS as c } from "../../../../../../../icons.js";
-import { getAreasDictionary as m, AREAS_DICCTIONARY as p } from "../../../../../../../dictionary.js";
-const v = ({
-  windowId: t,
+import { useMemo as k } from "react";
+import { useEnvironment as C, useModuleDictionary as v } from "@m4l/core";
+import { useAreasStore as f } from "../../../../../../../hooks/useAreas/index.js";
+import { shallow as d } from "zustand/shallow";
+import { ICONS as u } from "../../../../../../../icons.js";
+import { getAreasDictionary as a, AREAS_DICCTIONARY as c } from "../../../../../../../dictionary.js";
+const S = ({
+  windowId: e,
   areaId: o,
-  emergeType: _
+  emergeType: g
 }) => {
-  const { host_static_assets: n, environment_assets: i } = d(), { getLabel: a } = L(), r = u(
-    (e) => {
-      const s = o ? e.hashAreas[o] : void 0;
+  const { host_static_assets: t, environment_assets: i } = C(), { getLabel: l } = v(), h = `${t}/${i}/frontend/components/data_grid/assets/icons/pin.svg`, _ = `${t}/${i}/frontend/components/data_grid/assets/icons/pin-off.svg`, p = f(
+    (n) => {
+      const s = o ? n.hashAreas[o] : void 0;
       return s && s.currentBreakpoint && s.layouts && s.layouts[s.currentBreakpoint] && s.layouts[s.currentBreakpoint].find(
-        ($) => $.i === t
+        (P) => P.i === e
       )?.colapsed || !1;
     },
-    y
-  ), l = u(
-    (e) => o ? e.hashAreas[o]?.maximizedId : void 0,
-    y
-  ), { maximizeLayout: f, normalizeLayouts: A, colapseLayoutItem: g, unColapseLayoutItem: h } = u((e) => e.areaActions);
-  return b(() => {
-    const e = [];
-    return _ === "layout" && (e.push({
+    d
+  ), r = f(
+    (n) => o ? n.hashAreas[o]?.maximizedId : void 0,
+    d
+  ), m = f(
+    (n) => {
+      const s = n.hashWindows[e];
+      return s?.emergeType === "panel" ? !!s.panelProps.pinned : !1;
+    },
+    d
+  ), { maximizeLayout: b, normalizeLayouts: $, colapseLayoutItem: A, unColapseLayoutItem: y, setPanelPinned: L } = f((n) => n.areaActions);
+  return k(() => {
+    const n = [];
+    return g === "layout" && (n.push({
       place: "right",
       key: "collapseToggle",
-      iconUrl: r ? `${n}/${i}/frontend/components/areas/assets/icons/${c.UNCOLLPASE}` : `${n}/${i}/frontend/components/areas/assets/icons/${c.COLLAPSE}`,
-      label: a(r ? m(p.label_uncollapse_window) : m(p.label_collapse_window)),
+      iconUrl: p ? `${t}/${i}/frontend/components/areas/assets/icons/${u.UNCOLLPASE}` : `${t}/${i}/frontend/components/areas/assets/icons/${u.COLLAPSE}`,
+      label: l(p ? a(c.label_uncollapse_window) : a(c.label_collapse_window)),
       tooltipProps: {
         placement: "bottom-end"
       },
       /**
-       * Acción de collapse/expand.
+       * Toggle the collapsed state for the current layout window.
        */
       onClick: () => {
-        o && (r ? h(o, t) : g(o, t));
+        o && (p ? y(o, e) : A(o, e));
       },
-      disabled: l !== void 0,
+      disabled: r !== void 0,
       color: "warning",
       className: "collapse-toggle window-actions"
-    }), e.push({
+    }), n.push({
       place: "right",
       key: "maximize",
-      iconUrl: l ? `${n}/${i}/frontend/components/areas/assets/icons/${c.NORMALIZE}` : `${n}/${i}/frontend/components/areas/assets/icons/${c.MAXIMIZE}`,
-      label: a(l ? m(p.label_minimize_window) : m(p.label_maximize_window)),
+      iconUrl: r ? `${t}/${i}/frontend/components/areas/assets/icons/${u.NORMALIZE}` : `${t}/${i}/frontend/components/areas/assets/icons/${u.MAXIMIZE}`,
+      label: l(r ? a(c.label_minimize_window) : a(c.label_maximize_window)),
       tooltipProps: {
         placement: "bottom-end"
       },
       /**
-       * Acción de maximize/normalize.
+       * Toggle the maximized state for the current layout window.
        */
       onClick: () => {
-        o && (l ? A(o) : f(o, t));
+        o && (r ? $(o) : b(o, e));
       },
       disabled: !1,
       color: "info",
       className: "expand-toggle window-actions"
-    })), e;
+    })), g === "panel" && o && n.push({
+      place: "right",
+      key: "pinToggle",
+      iconUrl: m ? _ : h,
+      label: l(m ? a(c.label_unpin_panel) : a(c.label_pin_panel)),
+      tooltipProps: {
+        placement: "bottom-end"
+      },
+      /**
+       * Toggle whether the current panel stays docked in the area flow.
+       */
+      onClick: () => {
+        L(o, e, !m);
+      },
+      disabled: !1,
+      color: "info",
+      className: "pin-toggle window-actions"
+    }), n;
   }, [
+    p,
     r,
-    l,
-    n,
-    i,
-    a,
-    o,
+    m,
     t,
-    g,
+    i,
     h,
+    _,
+    l,
+    o,
+    e,
     A,
-    f
+    y,
+    $,
+    b,
+    L,
+    g
   ]);
 };
 export {
-  v as useRightActions
+  S as useRightActions
 };

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useWindow.d.ts

@@ -1,16 +1,11 @@
 import { WindowToolsMF } from '../../../../../../../../WindowBase/contexts';
 /**
- * Hook useWindow
- *
- * Este hook encapsula toda la lógica relacionada con el estado y las funciones necesarias
- * para el componente Window. Retorna un objeto con el estado, las acciones y las herramientas
- * de la ventana.
- * @param {string} windowId - Identificador de la ventana.
- * @param {string} areaId - Identificador del área.
- * @returns {Object} Un objeto con el estado, las acciones y las herramientas de la ventana.
+ * Encapsulate the runtime state, actions, and shell tools required by the Areas window viewer.
+ * This keeps the render component focused on presentation while the hook coordinates store reads,
+ * popup/layout selection behavior, cookie bootstrapping, and the `windowTools` bridge exposed to content.
  */
 export declare const useWindow: (windowId: string, areaId?: string) => {
-    emergeType: "popup" | "layout" | "modal";
+    emergeType: "popup" | "layout" | "modal" | "panel";
     moduleId: string;
     winType: "component" | "microfrontend";
     title: string;
@@ -21,8 +16,8 @@ export declare const useWindow: (windowId: string, areaId?: string) => {
     buildTime: string | undefined;
     moduleCount: number | undefined;
     selected: boolean;
-    mfProps: any;
-    component: any;
+    mfProps: import('../../../../../../../..').MFBaseProps | undefined;
+    component: import('../../../../../../../..').JSX_REACT_NODE | undefined;
     loading: boolean;
     status: import('../../../../../../../types').WindowStatus;
     dynamicMFStore: Omit<import('zustand').StoreApi<import('../../../../../../../../WindowBase/contexts/DynamicMFParmsContext/store').DynamicMFStateWithActions>, "setState"> & {

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useWindow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWindow.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../packages/components/src/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useWindow.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAG5E;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,GAAK,UAAU,MAAM,EAAE,SAAS,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAoH3D,CAAC"}
+{"version":3,"file":"useWindow.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../packages/components/src/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useWindow.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAG5E;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAK,UAAU,MAAM,EAAE,SAAS,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAoH3D,CAAC"}