@dxos/plugin-stack 0.8.2-main.fbd8ed0 → 0.8.2-staging.42af850

package/dist/lib/browser/StackMain-FRVJIEZU.mjs

@@ -1,297 +0,0 @@
-import {
-  STACK_PLUGIN
-} from "./chunk-XHZTILS3.mjs";
-import {
-  StackViewType
-} from "./chunk-XOUJQIK6.mjs";
-
-// packages/plugins/plugin-stack/src/components/StackMain.tsx
-import { Plus } from "@phosphor-icons/react";
-import { Option } from "effect";
-import React3, { useCallback, useEffect, useMemo, useState as useState2 } from "react";
-import { Capabilities, createIntent, LayoutAction, useAppGraph, useCapabilities, useIntentDispatcher } from "@dxos/app-framework";
-import { fullyQualifiedId, getTypename, isLiveObject, live, makeRef } from "@dxos/client/echo";
-import { SpaceAction } from "@dxos/plugin-space/types";
-import { Button, toLocalizedString, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { AttentionProvider } from "@dxos/react-ui-attention";
-import { Stack } from "@dxos/react-ui-stack";
-import { isNonNullable } from "@dxos/util";
-
-// packages/plugins/plugin-stack/src/components/StackContext.tsx
-import { createContext, useContext } from "react";
-var StackContext = /* @__PURE__ */ createContext({
-  onCollapse: () => {
-  },
-  onNavigate: async () => {
-  },
-  onDelete: async () => {
-  },
-  onAdd: () => {
-  }
-});
-var useStack = () => useContext(StackContext);
-
-// packages/plugins/plugin-stack/src/components/StackSection.tsx
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import React2, { useState } from "react";
-import { Surface } from "@dxos/app-framework";
-import { DropdownMenu, Icon, useTranslation, IconButton } from "@dxos/react-ui";
-import { useAttendableAttributes } from "@dxos/react-ui-attention";
-import { StackItem } from "@dxos/react-ui-stack";
-import { mx, getSize, textBlockWidth } from "@dxos/react-ui-theme";
-
-// packages/plugins/plugin-stack/src/components/CaretDownUp.tsx
-import React from "react";
-var CaretDownUp = ({ children, ...props }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 256 256",
-    ...props
-  }, /* @__PURE__ */ React.createElement("rect", {
-    width: "256",
-    height: "256",
-    fill: "none"
-  }), /* @__PURE__ */ React.createElement("polyline", {
-    points: "80 224 128 176 176 224",
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "16"
-  }), /* @__PURE__ */ React.createElement("polyline", {
-    points: "80 32 128 80 176 32",
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "16"
-  }), children);
-};
-
-// packages/plugins/plugin-stack/src/components/StackSection.tsx
-var sectionActionDimensions = "p-1 mlb-1 shrink-0 min-bs-0 is-[--rail-action] bs-min";
-var StackSection = ({ id, view, object, metadata: { icon = "ph--placeholder--regular" } }) => {
-  const { t } = useTranslation(STACK_PLUGIN);
-  const { onNavigate, onAdd, onCollapse, onDelete } = useStack();
-  const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);
-  const attendableAttrs = useAttendableAttributes(id);
-  return /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Root, {
-    asChild: true,
-    open: !view.collapsed,
-    onOpenChange: (nextOpen) => onCollapse?.(id, !nextOpen)
-  }, /* @__PURE__ */ React2.createElement(StackItem.Root, {
-    item: {
-      id
-    },
-    role: "section",
-    ...attendableAttrs,
-    classNames: "border-be border-separator"
-  }, /* @__PURE__ */ React2.createElement(StackItem.Heading, {
-    classNames: "attention-surface border-ie !border-separator"
-  }, /* @__PURE__ */ React2.createElement("span", {
-    className: "sr-only"
-  }, view.title), /* @__PURE__ */ React2.createElement("div", {
-    role: "none",
-    className: "sticky -block-start-px bg-[--sticky-bg] p-1 is-full"
-  }, /* @__PURE__ */ React2.createElement(DropdownMenu.Root, {
-    open: optionsMenuOpen,
-    onOpenChange: setOptionsMenuOpen
-  }, /* @__PURE__ */ React2.createElement(DropdownMenu.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React2.createElement(StackItem.SigilButton, null, /* @__PURE__ */ React2.createElement(Icon, {
-    icon,
-    size: 5,
-    classNames: "transition-opacity"
-  }))), /* @__PURE__ */ React2.createElement(DropdownMenu.Portal, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Content, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Viewport, null, view.collapsed ? /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
-    onClick: () => onNavigate(id),
-    "data-testid": "section.navigate-to"
-  }, /* @__PURE__ */ React2.createElement(Icon, {
-    icon: "ph--arrow-right--regular",
-    size: 5
-  }), /* @__PURE__ */ React2.createElement("span", {
-    className: "mis-2 grow"
-  }, t("navigate to section label"))) : /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React2.createElement(DropdownMenu.Item, null, /* @__PURE__ */ React2.createElement(CaretDownUp, {
-    className: getSize(5)
-  }), /* @__PURE__ */ React2.createElement("span", {
-    className: "mis-2 grow"
-  }, t("collapse label")))), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
-    onClick: () => onAdd(id, "before"),
-    "data-testid": "section.add-before"
-  }, /* @__PURE__ */ React2.createElement(Icon, {
-    icon: "ph--arrow-line-up--regular",
-    size: 5
-  }), /* @__PURE__ */ React2.createElement("span", {
-    className: "mis-2 grow"
-  }, t("add section before label"))), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
-    onClick: () => onAdd(id, "after"),
-    "data-testid": "section.add-after"
-  }, /* @__PURE__ */ React2.createElement(Icon, {
-    icon: "ph--arrow-line-down--regular",
-    size: 5
-  }), /* @__PURE__ */ React2.createElement("span", {
-    className: "mis-2 grow"
-  }, t("add section after label"))), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
-    onClick: () => onDelete(id),
-    "data-testid": "section.remove"
-  }, /* @__PURE__ */ React2.createElement(Icon, {
-    icon: "ph--trash--regular",
-    size: 5
-  }), /* @__PURE__ */ React2.createElement("span", {
-    className: "mis-2 grow"
-  }, t("remove section label")))), /* @__PURE__ */ React2.createElement(DropdownMenu.Arrow, null)))), view.collapsed ? /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React2.createElement(IconButton, {
-    iconOnly: true,
-    variant: "ghost",
-    label: t("expand label"),
-    icon: "ph--caret-up-down--regular",
-    classNames: sectionActionDimensions
-  })) : /* @__PURE__ */ React2.createElement(IconButton, {
-    iconOnly: true,
-    variant: "ghost",
-    onClick: () => onNavigate(id),
-    label: t("navigate to section label"),
-    icon: "ph--arrow-right--regular",
-    "data-testid": "section.navigate-to",
-    classNames: sectionActionDimensions
-  }))), /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Content, null, /* @__PURE__ */ React2.createElement(Surface, {
-    role: "section",
-    data: {
-      subject: object
-    },
-    limit: 1,
-    placeholder: /* @__PURE__ */ React2.createElement(React2.Fragment, null)
-  })), view.collapsed && /* @__PURE__ */ React2.createElement(StackItem.Content, {
-    classNames: "attention-surface"
-  }, /* @__PURE__ */ React2.createElement("h2", {
-    className: mx("flex items-center p-4 font-medium", textBlockWidth)
-  }, view.title))));
-};
-
-// packages/plugins/plugin-stack/src/components/StackMain.tsx
-var StackMain = ({ id, collection }) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const { graph } = useAppGraph();
-  const { t } = useTranslation2(STACK_PLUGIN);
-  const allMetadata = useCapabilities(Capabilities.Metadata);
-  const defaultStack = useMemo(() => live(StackViewType, {
-    sections: {}
-  }), [
-    collection
-  ]);
-  const stack = collection.views[StackViewType.typename]?.target ?? defaultStack;
-  const [collapsedSections, setCollapsedSections] = useState2({});
-  useEffect(() => {
-    if (!collection.views[StackViewType.typename]) {
-      collection.views[StackViewType.typename] = makeRef(stack);
-    }
-  }, [
-    collection,
-    stack
-  ]);
-  const items = collection.objects.map((object) => object.target).filter(isNonNullable).map((object) => {
-    const metadata = allMetadata.find((m) => m.id === (getTypename(object) ?? "never"))?.metadata;
-    const view = {
-      ...stack.sections[object.id],
-      collapsed: collapsedSections[fullyQualifiedId(object)],
-      title: object?.title ?? // TODO(wittjosiah): `getNode` is not reactive.
-      toLocalizedString(graph.getNode(fullyQualifiedId(object)).pipe(Option.getOrNull)?.properties.label, t)
-    };
-    return {
-      id: fullyQualifiedId(object),
-      object,
-      metadata,
-      view
-    };
-  }) ?? [];
-  const handleDelete = useCallback(async (id2) => {
-    const index = collection.objects.map((object2) => object2.target).filter(isNonNullable).findIndex((section) => fullyQualifiedId(section) === id2);
-    const object = collection.objects[index].target;
-    if (isLiveObject(object)) {
-      await dispatch(createIntent(SpaceAction.RemoveObjects, {
-        objects: [
-          object
-        ],
-        target: collection
-      }));
-    }
-  }, [
-    collection,
-    dispatch
-  ]);
-  const handleAdd = useCallback(async (id2, position) => {
-    await dispatch?.(
-      // TODO(wittjosiah): Use object creation dialog.
-      createIntent(LayoutAction.UpdateDialog, {
-        part: "dialog",
-        subject: `${STACK_PLUGIN}/AddSectionDialog`,
-        options: {
-          blockAlign: "start",
-          props: {
-            path: id2,
-            position,
-            collection
-          }
-        }
-      })
-    );
-  }, [
-    collection,
-    dispatch
-  ]);
-  const handleNavigate = useCallback(async (id2) => {
-    await dispatch(createIntent(LayoutAction.Open, {
-      part: "main",
-      subject: [
-        id2
-      ]
-    }));
-  }, [
-    dispatch
-  ]);
-  const handleCollapse = useCallback((id2, collapsed) => setCollapsedSections((prev) => ({
-    ...prev,
-    [id2]: collapsed
-  })), []);
-  const handleAddSection = useCallback(() => dispatch?.(createIntent(SpaceAction.OpenCreateObject, {
-    target: collection,
-    navigable: false
-  })), [
-    collection,
-    dispatch
-  ]);
-  return /* @__PURE__ */ React3.createElement(AttentionProvider, {
-    id
-  }, /* @__PURE__ */ React3.createElement(StackContext.Provider, {
-    value: {
-      onCollapse: handleCollapse,
-      onNavigate: handleNavigate,
-      onDelete: handleDelete,
-      onAdd: handleAdd
-    }
-  }, /* @__PURE__ */ React3.createElement(Stack, {
-    orientation: "vertical",
-    size: "intrinsic",
-    id,
-    "data-testid": "main.stack"
-  }, items.map((item) => /* @__PURE__ */ React3.createElement(StackSection, {
-    key: item.id,
-    ...item
-  }))), /* @__PURE__ */ React3.createElement("div", {
-    role: "none",
-    className: "flex mlb-2 pli-2 justify-center"
-  }, /* @__PURE__ */ React3.createElement(Button, {
-    "data-testid": "stack.createSection",
-    classNames: "gap-2",
-    onClick: handleAddSection
-  }, /* @__PURE__ */ React3.createElement(Plus, null), /* @__PURE__ */ React3.createElement("span", {
-    className: "sr-only"
-  }, t("add section label"))))));
-};
-var StackMain_default = StackMain;
-export {
-  StackMain_default as default
-};
-//# sourceMappingURL=StackMain-FRVJIEZU.mjs.map

package/dist/lib/node/StackMain-ZTTXMOHM.cjs

@@ -1,311 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var StackMain_ZTTXMOHM_exports = {};
-__export(StackMain_ZTTXMOHM_exports, {
-  default: () => StackMain_default
-});
-module.exports = __toCommonJS(StackMain_ZTTXMOHM_exports);
-var import_chunk_F7ZNJ53O = require("./chunk-F7ZNJ53O.cjs");
-var import_chunk_5QWZH22T = require("./chunk-5QWZH22T.cjs");
-var import_react = require("@phosphor-icons/react");
-var import_effect = require("effect");
-var import_react2 = __toESM(require("react"));
-var import_app_framework = require("@dxos/app-framework");
-var import_echo = require("@dxos/client/echo");
-var import_types = require("@dxos/plugin-space/types");
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_attention = require("@dxos/react-ui-attention");
-var import_react_ui_stack = require("@dxos/react-ui-stack");
-var import_util = require("@dxos/util");
-var import_react3 = require("react");
-var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
-var import_react4 = __toESM(require("react"));
-var import_app_framework2 = require("@dxos/app-framework");
-var import_react_ui2 = require("@dxos/react-ui");
-var import_react_ui_attention2 = require("@dxos/react-ui-attention");
-var import_react_ui_stack2 = require("@dxos/react-ui-stack");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_react5 = __toESM(require("react"));
-var StackContext = /* @__PURE__ */ (0, import_react3.createContext)({
-  onCollapse: () => {
-  },
-  onNavigate: async () => {
-  },
-  onDelete: async () => {
-  },
-  onAdd: () => {
-  }
-});
-var useStack = () => (0, import_react3.useContext)(StackContext);
-var CaretDownUp = ({ children, ...props }) => {
-  return /* @__PURE__ */ import_react5.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 256 256",
-    ...props
-  }, /* @__PURE__ */ import_react5.default.createElement("rect", {
-    width: "256",
-    height: "256",
-    fill: "none"
-  }), /* @__PURE__ */ import_react5.default.createElement("polyline", {
-    points: "80 224 128 176 176 224",
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "16"
-  }), /* @__PURE__ */ import_react5.default.createElement("polyline", {
-    points: "80 32 128 80 176 32",
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "16"
-  }), children);
-};
-var sectionActionDimensions = "p-1 mlb-1 shrink-0 min-bs-0 is-[--rail-action] bs-min";
-var StackSection = ({ id, view, object, metadata: { icon = "ph--placeholder--regular" } }) => {
-  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_F7ZNJ53O.STACK_PLUGIN);
-  const { onNavigate, onAdd, onCollapse, onDelete } = useStack();
-  const [optionsMenuOpen, setOptionsMenuOpen] = (0, import_react4.useState)(false);
-  const attendableAttrs = (0, import_react_ui_attention2.useAttendableAttributes)(id);
-  return /* @__PURE__ */ import_react4.default.createElement(CollapsiblePrimitive.Root, {
-    asChild: true,
-    open: !view.collapsed,
-    onOpenChange: (nextOpen) => onCollapse?.(id, !nextOpen)
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_stack2.StackItem.Root, {
-    item: {
-      id
-    },
-    role: "section",
-    ...attendableAttrs,
-    classNames: "border-be border-separator"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_stack2.StackItem.Heading, {
-    classNames: "attention-surface border-ie !border-separator"
-  }, /* @__PURE__ */ import_react4.default.createElement("span", {
-    className: "sr-only"
-  }, view.title), /* @__PURE__ */ import_react4.default.createElement("div", {
-    role: "none",
-    className: "sticky -block-start-px bg-[--sticky-bg] p-1 is-full"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Root, {
-    open: optionsMenuOpen,
-    onOpenChange: setOptionsMenuOpen
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_stack2.StackItem.SigilButton, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
-    icon,
-    size: 5,
-    classNames: "transition-opacity"
-  }))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Portal, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Content, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Viewport, null, view.collapsed ? /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, {
-    onClick: () => onNavigate(id),
-    "data-testid": "section.navigate-to"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
-    icon: "ph--arrow-right--regular",
-    size: 5
-  }), /* @__PURE__ */ import_react4.default.createElement("span", {
-    className: "mis-2 grow"
-  }, t("navigate to section label"))) : /* @__PURE__ */ import_react4.default.createElement(CollapsiblePrimitive.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, null, /* @__PURE__ */ import_react4.default.createElement(CaretDownUp, {
-    className: (0, import_react_ui_theme.getSize)(5)
-  }), /* @__PURE__ */ import_react4.default.createElement("span", {
-    className: "mis-2 grow"
-  }, t("collapse label")))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, {
-    onClick: () => onAdd(id, "before"),
-    "data-testid": "section.add-before"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
-    icon: "ph--arrow-line-up--regular",
-    size: 5
-  }), /* @__PURE__ */ import_react4.default.createElement("span", {
-    className: "mis-2 grow"
-  }, t("add section before label"))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, {
-    onClick: () => onAdd(id, "after"),
-    "data-testid": "section.add-after"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
-    icon: "ph--arrow-line-down--regular",
-    size: 5
-  }), /* @__PURE__ */ import_react4.default.createElement("span", {
-    className: "mis-2 grow"
-  }, t("add section after label"))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, {
-    onClick: () => onDelete(id),
-    "data-testid": "section.remove"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
-    icon: "ph--trash--regular",
-    size: 5
-  }), /* @__PURE__ */ import_react4.default.createElement("span", {
-    className: "mis-2 grow"
-  }, t("remove section label")))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Arrow, null)))), view.collapsed ? /* @__PURE__ */ import_react4.default.createElement(CollapsiblePrimitive.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.IconButton, {
-    iconOnly: true,
-    variant: "ghost",
-    label: t("expand label"),
-    icon: "ph--caret-up-down--regular",
-    classNames: sectionActionDimensions
-  })) : /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.IconButton, {
-    iconOnly: true,
-    variant: "ghost",
-    onClick: () => onNavigate(id),
-    label: t("navigate to section label"),
-    icon: "ph--arrow-right--regular",
-    "data-testid": "section.navigate-to",
-    classNames: sectionActionDimensions
-  }))), /* @__PURE__ */ import_react4.default.createElement(CollapsiblePrimitive.Content, null, /* @__PURE__ */ import_react4.default.createElement(import_app_framework2.Surface, {
-    role: "section",
-    data: {
-      subject: object
-    },
-    limit: 1,
-    placeholder: /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null)
-  })), view.collapsed && /* @__PURE__ */ import_react4.default.createElement(import_react_ui_stack2.StackItem.Content, {
-    classNames: "attention-surface"
-  }, /* @__PURE__ */ import_react4.default.createElement("h2", {
-    className: (0, import_react_ui_theme.mx)("flex items-center p-4 font-medium", import_react_ui_theme.textBlockWidth)
-  }, view.title))));
-};
-var StackMain = ({ id, collection }) => {
-  const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
-  const { graph } = (0, import_app_framework.useAppGraph)();
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_F7ZNJ53O.STACK_PLUGIN);
-  const allMetadata = (0, import_app_framework.useCapabilities)(import_app_framework.Capabilities.Metadata);
-  const defaultStack = (0, import_react2.useMemo)(() => (0, import_echo.live)(import_chunk_5QWZH22T.StackViewType, {
-    sections: {}
-  }), [
-    collection
-  ]);
-  const stack = collection.views[import_chunk_5QWZH22T.StackViewType.typename]?.target ?? defaultStack;
-  const [collapsedSections, setCollapsedSections] = (0, import_react2.useState)({});
-  (0, import_react2.useEffect)(() => {
-    if (!collection.views[import_chunk_5QWZH22T.StackViewType.typename]) {
-      collection.views[import_chunk_5QWZH22T.StackViewType.typename] = (0, import_echo.makeRef)(stack);
-    }
-  }, [
-    collection,
-    stack
-  ]);
-  const items = collection.objects.map((object) => object.target).filter(import_util.isNonNullable).map((object) => {
-    const metadata = allMetadata.find((m) => m.id === ((0, import_echo.getTypename)(object) ?? "never"))?.metadata;
-    const view = {
-      ...stack.sections[object.id],
-      collapsed: collapsedSections[(0, import_echo.fullyQualifiedId)(object)],
-      title: object?.title ?? // TODO(wittjosiah): `getNode` is not reactive.
-      (0, import_react_ui.toLocalizedString)(graph.getNode((0, import_echo.fullyQualifiedId)(object)).pipe(import_effect.Option.getOrNull)?.properties.label, t)
-    };
-    return {
-      id: (0, import_echo.fullyQualifiedId)(object),
-      object,
-      metadata,
-      view
-    };
-  }) ?? [];
-  const handleDelete = (0, import_react2.useCallback)(async (id2) => {
-    const index = collection.objects.map((object2) => object2.target).filter(import_util.isNonNullable).findIndex((section) => (0, import_echo.fullyQualifiedId)(section) === id2);
-    const object = collection.objects[index].target;
-    if ((0, import_echo.isLiveObject)(object)) {
-      await dispatch((0, import_app_framework.createIntent)(import_types.SpaceAction.RemoveObjects, {
-        objects: [
-          object
-        ],
-        target: collection
-      }));
-    }
-  }, [
-    collection,
-    dispatch
-  ]);
-  const handleAdd = (0, import_react2.useCallback)(async (id2, position) => {
-    await dispatch?.(
-      // TODO(wittjosiah): Use object creation dialog.
-      (0, import_app_framework.createIntent)(import_app_framework.LayoutAction.UpdateDialog, {
-        part: "dialog",
-        subject: `${import_chunk_F7ZNJ53O.STACK_PLUGIN}/AddSectionDialog`,
-        options: {
-          blockAlign: "start",
-          props: {
-            path: id2,
-            position,
-            collection
-          }
-        }
-      })
-    );
-  }, [
-    collection,
-    dispatch
-  ]);
-  const handleNavigate = (0, import_react2.useCallback)(async (id2) => {
-    await dispatch((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.Open, {
-      part: "main",
-      subject: [
-        id2
-      ]
-    }));
-  }, [
-    dispatch
-  ]);
-  const handleCollapse = (0, import_react2.useCallback)((id2, collapsed) => setCollapsedSections((prev) => ({
-    ...prev,
-    [id2]: collapsed
-  })), []);
-  const handleAddSection = (0, import_react2.useCallback)(() => dispatch?.((0, import_app_framework.createIntent)(import_types.SpaceAction.OpenCreateObject, {
-    target: collection,
-    navigable: false
-  })), [
-    collection,
-    dispatch
-  ]);
-  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui_attention.AttentionProvider, {
-    id
-  }, /* @__PURE__ */ import_react2.default.createElement(StackContext.Provider, {
-    value: {
-      onCollapse: handleCollapse,
-      onNavigate: handleNavigate,
-      onDelete: handleDelete,
-      onAdd: handleAdd
-    }
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_stack.Stack, {
-    orientation: "vertical",
-    size: "intrinsic",
-    id,
-    "data-testid": "main.stack"
-  }, items.map((item) => /* @__PURE__ */ import_react2.default.createElement(StackSection, {
-    key: item.id,
-    ...item
-  }))), /* @__PURE__ */ import_react2.default.createElement("div", {
-    role: "none",
-    className: "flex mlb-2 pli-2 justify-center"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Button, {
-    "data-testid": "stack.createSection",
-    classNames: "gap-2",
-    onClick: handleAddSection
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react.Plus, null), /* @__PURE__ */ import_react2.default.createElement("span", {
-    className: "sr-only"
-  }, t("add section label"))))));
-};
-var StackMain_default = StackMain;
-//# sourceMappingURL=StackMain-ZTTXMOHM.cjs.map