@dxos/plugin-pipeline 0.8.4-main.c351d160a8 → 0.8.4-main.dfabb4ec29

package/dist/lib/neutral/PipelineContainer-7MK2SS76.mjs

@@ -0,0 +1,69 @@
+// src/containers/PipelineContainer/PipelineContainer.tsx
+import React, { useCallback, useEffect } from "react";
+import { Capabilities } from "@dxos/app-framework";
+import { Surface, useCapability, useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { AppSurface, OBJECT_ACTIONS_CONTRIBUTION_ID, OBJECT_ACTIONS_CONTRIBUTION_PRIORITY, useObjectMenuItems } from "@dxos/app-toolkit/ui";
+import { Panel } from "@dxos/react-ui";
+import { linkedSegment } from "@dxos/react-ui-attention";
+import { useAttention } from "@dxos/react-ui-attention";
+import { useMenu } from "@dxos/react-ui-menu";
+import { PipelineComponent } from "#components";
+import { usePipelineBoardModel } from "#hooks";
+var PIPELINE_ITEM = "PipelineItem";
+var PipelineContainer = ({ role, subject: pipeline, attendableId }) => {
+  const registry = useCapability(Capabilities.AtomRegistry);
+  const model = usePipelineBoardModel(pipeline, registry);
+  const { invokePromise } = useOperationInvoker();
+  const { hasAttention } = useAttention(attendableId);
+  const handleColumnAdd = useCallback(() => invokePromise(LayoutOperation.UpdateCompanion, {
+    subject: linkedSegment("settings")
+  }), [
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React.createElement(PipelineComponent.Root, {
+    Item: PipelineItem,
+    onAddColumn: handleColumnAdd
+  }, /* @__PURE__ */ React.createElement(Panel.Root, {
+    role
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(PipelineComponent.Toolbar, {
+    disabled: !hasAttention
+  })), /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(PipelineComponent.Content, {
+    asChild: true,
+    model
+  }, /* @__PURE__ */ React.createElement(PipelineComponent.Columns, {
+    pipeline
+  })))));
+};
+var PipelineItem = ({ item, projectionModel }) => {
+  const menu = useMenu(PIPELINE_ITEM);
+  const items = useObjectMenuItems(item);
+  useEffect(() => {
+    menu.addMenuItems({
+      id: OBJECT_ACTIONS_CONTRIBUTION_ID,
+      mode: "additive",
+      priority: OBJECT_ACTIONS_CONTRIBUTION_PRIORITY,
+      items
+    });
+    return () => menu.removeMenuItems(OBJECT_ACTIONS_CONTRIBUTION_ID);
+  }, [
+    menu,
+    items
+  ]);
+  return /* @__PURE__ */ React.createElement(Surface.Surface, {
+    type: AppSurface.Card,
+    data: {
+      subject: item,
+      projection: projectionModel
+    },
+    limit: 1
+  });
+};
+export {
+  PipelineContainer as default
+};
+//# sourceMappingURL=PipelineContainer-7MK2SS76.mjs.map

package/dist/lib/neutral/PipelineContainer-7MK2SS76.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/PipelineContainer/PipelineContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect } from 'react';\n\nimport { Capabilities } from '@dxos/app-framework';\nimport { Surface, useCapability, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport {\n  AppSurface,\n  OBJECT_ACTIONS_CONTRIBUTION_ID,\n  OBJECT_ACTIONS_CONTRIBUTION_PRIORITY,\n  useObjectMenuItems,\n} from '@dxos/app-toolkit/ui';\nimport { Panel } from '@dxos/react-ui';\nimport { linkedSegment } from '@dxos/react-ui-attention';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { useMenu } from '@dxos/react-ui-menu';\nimport { type Pipeline } from '@dxos/types';\n\nimport { type ItemProps, PipelineComponent } from '#components';\nimport { usePipelineBoardModel } from '#hooks';\n\nconst PIPELINE_ITEM = 'PipelineItem';\n\nexport type PipelineContainerProps = AppSurface.ObjectArticleProps<Pipeline.Pipeline>;\n\nexport const PipelineContainer = ({ role, subject: pipeline, attendableId }: PipelineContainerProps) => {\n  const registry = useCapability(Capabilities.AtomRegistry);\n  const model = usePipelineBoardModel(pipeline, registry);\n  const { invokePromise } = useOperationInvoker();\n  const { hasAttention } = useAttention(attendableId);\n\n  const handleColumnAdd = useCallback(\n    () =>\n      invokePromise(LayoutOperation.UpdateCompanion, {\n        subject: linkedSegment('settings'),\n      }),\n    [invokePromise],\n  );\n\n  return (\n    <PipelineComponent.Root Item={PipelineItem} onAddColumn={handleColumnAdd}>\n      <Panel.Root role={role}>\n        <Panel.Toolbar asChild>\n          <PipelineComponent.Toolbar disabled={!hasAttention} />\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <PipelineComponent.Content asChild model={model}>\n            <PipelineComponent.Columns pipeline={pipeline} />\n          </PipelineComponent.Content>\n        </Panel.Content>\n      </Panel.Root>\n    </PipelineComponent.Root>\n  );\n};\n\nconst PipelineItem = ({ item, projectionModel }: ItemProps) => {\n  const menu = useMenu(PIPELINE_ITEM);\n  const items = useObjectMenuItems(item);\n\n  useEffect(() => {\n    menu.addMenuItems({\n      id: OBJECT_ACTIONS_CONTRIBUTION_ID,\n      mode: 'additive',\n      priority: OBJECT_ACTIONS_CONTRIBUTION_PRIORITY,\n      items,\n    });\n\n    return () => menu.removeMenuItems(OBJECT_ACTIONS_CONTRIBUTION_ID);\n  }, [menu, items]);\n\n  return (\n    <Surface.Surface\n      type={AppSurface.Card}\n      data={{\n        subject: item,\n        projection: projectionModel,\n      }}\n      limit={1}\n    />\n  );\n};\n"],
+  "mappings": ";AAIA,OAAOA,SAASC,aAAaC,iBAAiB;AAE9C,SAASC,oBAAoB;AAC7B,SAASC,SAASC,eAAeC,2BAA2B;AAC5D,SAASC,uBAAuB;AAChC,SACEC,YACAC,gCACAC,sCACAC,0BACK;AACP,SAASC,aAAa;AACtB,SAASC,qBAAqB;AAC9B,SAASC,oBAAoB;AAC7B,SAASC,eAAe;AAGxB,SAAyBC,yBAAyB;AAClD,SAASC,6BAA6B;AAEtC,IAAMC,gBAAgB;AAIf,IAAMC,oBAAoB,CAAC,EAAEC,MAAMC,SAASC,UAAUC,aAAY,MAA0B;AACjG,QAAMC,WAAWnB,cAAcF,aAAasB,YAAY;AACxD,QAAMC,QAAQT,sBAAsBK,UAAUE,QAAAA;AAC9C,QAAM,EAAEG,cAAa,IAAKrB,oBAAAA;AAC1B,QAAM,EAAEsB,aAAY,IAAKd,aAAaS,YAAAA;AAEtC,QAAMM,kBAAkB5B,YACtB,MACE0B,cAAcpB,gBAAgBuB,iBAAiB;IAC7CT,SAASR,cAAc,UAAA;EACzB,CAAA,GACF;IAACc;GAAc;AAGjB,SACE,sBAAA,cAACX,kBAAkBe,MAAI;IAACC,MAAMC;IAAcC,aAAaL;KACvD,sBAAA,cAACjB,MAAMmB,MAAI;IAACX;KACV,sBAAA,cAACR,MAAMuB,SAAO;IAACC,SAAAA;KACb,sBAAA,cAACpB,kBAAkBmB,SAAO;IAACE,UAAU,CAACT;OAExC,sBAAA,cAAChB,MAAM0B,SAAO;IAACF,SAAAA;KACb,sBAAA,cAACpB,kBAAkBsB,SAAO;IAACF,SAAAA;IAAQV;KACjC,sBAAA,cAACV,kBAAkBuB,SAAO;IAACjB;;AAMvC;AAEA,IAAMW,eAAe,CAAC,EAAEO,MAAMC,gBAAe,MAAa;AACxD,QAAMC,OAAO3B,QAAQG,aAAAA;AACrB,QAAMyB,QAAQhC,mBAAmB6B,IAAAA;AAEjCtC,YAAU,MAAA;AACRwC,SAAKE,aAAa;MAChBC,IAAIpC;MACJqC,MAAM;MACNC,UAAUrC;MACViC;IACF,CAAA;AAEA,WAAO,MAAMD,KAAKM,gBAAgBvC,8BAAAA;EACpC,GAAG;IAACiC;IAAMC;GAAM;AAEhB,SACE,sBAAA,cAACvC,QAAQA,SAAO;IACd6C,MAAMzC,WAAW0C;IACjBC,MAAM;MACJ9B,SAASmB;MACTY,YAAYX;IACd;IACAY,OAAO;;AAGb;",
+  "names": ["React", "useCallback", "useEffect", "Capabilities", "Surface", "useCapability", "useOperationInvoker", "LayoutOperation", "AppSurface", "OBJECT_ACTIONS_CONTRIBUTION_ID", "OBJECT_ACTIONS_CONTRIBUTION_PRIORITY", "useObjectMenuItems", "Panel", "linkedSegment", "useAttention", "useMenu", "PipelineComponent", "usePipelineBoardModel", "PIPELINE_ITEM", "PipelineContainer", "role", "subject", "pipeline", "attendableId", "registry", "AtomRegistry", "model", "invokePromise", "hasAttention", "handleColumnAdd", "UpdateCompanion", "Root", "Item", "PipelineItem", "onAddColumn", "Toolbar", "asChild", "disabled", "Content", "Columns", "item", "projectionModel", "menu", "items", "addMenuItems", "id", "mode", "priority", "removeMenuItems", "type", "Card", "data", "projection", "limit"]
+}

package/dist/lib/neutral/PipelinePlugin.mjs

@@ -0,0 +1,26 @@
+// src/PipelinePlugin.tsx
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { Pipeline } from "@dxos/types";
+import { AppGraphBuilder, CreateObject, ReactSurface } from "#capabilities";
+import { meta } from "#meta";
+import { translations } from "#translations";
+var PipelinePlugin = Plugin.define(meta).pipe(AppPlugin.addAppGraphModule({
+  activate: AppGraphBuilder
+}), AppPlugin.addCreateObjectModule({
+  activate: CreateObject
+}), AppPlugin.addSchemaModule({
+  schema: [
+    Pipeline.Pipeline
+  ]
+}), AppPlugin.addSurfaceModule({
+  activate: ReactSurface
+}), AppPlugin.addTranslationsModule({
+  translations
+}), Plugin.make);
+var PipelinePlugin_default = PipelinePlugin;
+export {
+  PipelinePlugin,
+  PipelinePlugin_default as default
+};
+//# sourceMappingURL=PipelinePlugin.mjs.map

package/dist/lib/neutral/PipelinePlugin.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/PipelinePlugin.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { Pipeline } from '@dxos/types';\n\nimport { AppGraphBuilder, CreateObject, ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\n\nexport const PipelinePlugin = Plugin.define(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addCreateObjectModule({ activate: CreateObject }),\n  AppPlugin.addSchemaModule({ schema: [Pipeline.Pipeline] }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\n  Plugin.make,\n);\n\nexport default PipelinePlugin;\n"],
+  "mappings": ";AAIA,SAASA,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AAEzB,SAASC,iBAAiBC,cAAcC,oBAAoB;AAC5D,SAASC,YAAY;AACrB,SAASC,oBAAoB;AAEtB,IAAMC,iBAAiBR,OAAOS,OAAOH,IAAAA,EAAMI,KAChDT,UAAUU,kBAAkB;EAAEC,UAAUT;AAAgB,CAAA,GACxDF,UAAUY,sBAAsB;EAAED,UAAUR;AAAa,CAAA,GACzDH,UAAUa,gBAAgB;EAAEC,QAAQ;IAACb,SAASA;;AAAU,CAAA,GACxDD,UAAUe,iBAAiB;EAAEJ,UAAUP;AAAa,CAAA,GACpDJ,UAAUgB,sBAAsB;EAAEV;AAAa,CAAA,GAC/CP,OAAOkB,IAAI;AAGb,IAAA,yBAAeV;",
+  "names": ["Plugin", "AppPlugin", "Pipeline", "AppGraphBuilder", "CreateObject", "ReactSurface", "meta", "translations", "PipelinePlugin", "define", "pipe", "addAppGraphModule", "activate", "addCreateObjectModule", "addSchemaModule", "schema", "addSurfaceModule", "addTranslationsModule", "make"]
+}

package/dist/lib/neutral/PipelinePlugin.node.mjs

@@ -0,0 +1,21 @@
+// src/PipelinePlugin.node.ts
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { Pipeline } from "@dxos/types";
+import { AppGraphBuilder, CreateObject } from "#capabilities";
+import { meta } from "#meta";
+var PipelinePlugin = Plugin.define(meta).pipe(AppPlugin.addAppGraphModule({
+  activate: AppGraphBuilder
+}), AppPlugin.addCreateObjectModule({
+  activate: CreateObject
+}), AppPlugin.addSchemaModule({
+  schema: [
+    Pipeline.Pipeline
+  ]
+}), Plugin.make);
+var PipelinePlugin_node_default = PipelinePlugin;
+export {
+  PipelinePlugin,
+  PipelinePlugin_node_default as default
+};
+//# sourceMappingURL=PipelinePlugin.node.mjs.map

package/dist/lib/neutral/PipelinePlugin.node.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/PipelinePlugin.node.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { Pipeline } from '@dxos/types';\n\nimport { AppGraphBuilder, CreateObject } from '#capabilities';\nimport { meta } from '#meta';\n\nexport const PipelinePlugin = Plugin.define(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addCreateObjectModule({ activate: CreateObject }),\n  AppPlugin.addSchemaModule({ schema: [Pipeline.Pipeline] }),\n  Plugin.make,\n);\n\nexport default PipelinePlugin;\n"],
+  "mappings": ";AAIA,SAASA,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AAEzB,SAASC,iBAAiBC,oBAAoB;AAC9C,SAASC,YAAY;AAEd,IAAMC,iBAAiBN,OAAOO,OAAOF,IAAAA,EAAMG,KAChDP,UAAUQ,kBAAkB;EAAEC,UAAUP;AAAgB,CAAA,GACxDF,UAAUU,sBAAsB;EAAED,UAAUN;AAAa,CAAA,GACzDH,UAAUW,gBAAgB;EAAEC,QAAQ;IAACX,SAASA;;AAAU,CAAA,GACxDF,OAAOc,IAAI;AAGb,IAAA,8BAAeR;",
+  "names": ["Plugin", "AppPlugin", "Pipeline", "AppGraphBuilder", "CreateObject", "meta", "PipelinePlugin", "define", "pipe", "addAppGraphModule", "activate", "addCreateObjectModule", "addSchemaModule", "schema", "make"]
+}

package/dist/lib/{browser/PipelineObjectSettings-QFMIKJH5.mjs → neutral/PipelineProperties-RRPQ3V6I.mjs}

@@ -1,13 +1,9 @@
-import {
-  meta
-} from "./chunk-3A235GUD.mjs";
-
-// src/containers/PipelineObjectSettings/PipelineObjectSettings.tsx
+// src/containers/PipelineProperties/PipelineProperties.tsx
 import * as Schema from "effect/Schema";
 import React, { useCallback, useMemo, useRef, useState } from "react";
+import { resolveSchemaWithRegistry } from "@dxos/app-toolkit/query";
+import { useTypeOptions } from "@dxos/app-toolkit/ui";
 import { DXN, Filter, JsonSchema, Obj, Query, Ref, Tag } from "@dxos/echo";
-import { useTypeOptions } from "@dxos/plugin-space";
-import { resolveSchemaWithRegistry } from "@dxos/plugin-space";
 import { getSpace, useObject, useQuery } from "@dxos/react-client/echo";
 import { IconButton, useAsyncEffect, useTranslation } from "@dxos/react-ui";
 import { Form, ViewEditor } from "@dxos/react-ui-form";
@@ -16,10 +12,11 @@ import { ViewModel } from "@dxos/schema";
 import { Pipeline } from "@dxos/types";
 import { mx, osTranslations, subtleHover } from "@dxos/ui-theme";
 import { arrayMove } from "@dxos/util";
+import { meta } from "#meta";
 var listGrid = "grid grid-cols-[min-content_1fr_min-content_min-content_min-content]";
 var listItemGrid = "grid grid-cols-subgrid col-span-5";
 var ColumnFormSchema = Pipeline.Column.pipe(Schema.mutable, Schema.pick("name"));
-var PipelineObjectSettings = ({ classNames, pipeline }) => {
+var PipelineProperties = ({ classNames, pipeline }) => {
   const { t } = useTranslation(meta.id);
   const space = getSpace(pipeline);
   const [expandedId, setExpandedId] = useState();
@@ -148,11 +145,10 @@ var PipelineObjectSettings = ({ classNames, pipeline }) => {
     updateColumns
   ]);
   return /* @__PURE__ */ React.createElement("div", {
-    role: "none",
     className: mx("py-form-padding overflow-y-auto", classNames)
   }, /* @__PURE__ */ React.createElement("h2", {
     className: "text-sm text-description py-1"
-  }, t("views label")), /* @__PURE__ */ React.createElement(List.Root, {
+  }, t("views.label")), /* @__PURE__ */ React.createElement(List.Root, {
     items: columns,
     isItem: Schema.is(Pipeline.Column),
     getId: (column2) => column2.view.dxn.toString(),
@@ -166,25 +162,23 @@ var PipelineObjectSettings = ({ classNames, pipeline }) => {
     classNames: listItemGrid,
     "aria-expanded": expandedId === column2.view.dxn.toString()
   }, /* @__PURE__ */ React.createElement("div", {
-    role: "none",
     className: mx(subtleHover, listItemGrid, "rounded-xs cursor-pointer min-h-10")
   }, /* @__PURE__ */ React.createElement(List.ItemDragHandle, null), /* @__PURE__ */ React.createElement(List.ItemTitle, {
     onClick: () => handleToggleField(column2)
-  }, column2.name || t("untitled view title")), /* @__PURE__ */ React.createElement(List.ItemDeleteButton, {
-    label: t("delete view label"),
+  }, column2.name || t("untitled-view.title")), /* @__PURE__ */ React.createElement(List.ItemDeleteButton, {
+    label: t("delete-view.label"),
     autoHide: false,
     onClick: () => handleDelete(column2),
     "data-testid": "view.delete"
   }), /* @__PURE__ */ React.createElement(IconButton, {
     iconOnly: true,
     variant: "ghost",
-    label: t("toggle expand label", {
+    label: t("toggle-expand.label", {
       ns: osTranslations
     }),
     icon: expandedId === column2.view.dxn.toString() ? "ph--caret-down--regular" : "ph--caret-right--regular",
     onClick: () => handleToggleField(column2)
   })), expandedId === column2.view.dxn.toString() && column2?.view.target && /* @__PURE__ */ React.createElement("div", {
-    role: "none",
     className: "col-span-5 my-2 border border-separator rounded-md"
   }, /* @__PURE__ */ React.createElement(Form.Root, {
     schema: ColumnFormSchema,
@@ -202,19 +196,15 @@ var PipelineObjectSettings = ({ classNames, pipeline }) => {
     types,
     onQueryChanged: handleQueryChanged
   }))))))), /* @__PURE__ */ React.createElement("div", {
-    role: "none",
     className: "my-form-padding"
   }, /* @__PURE__ */ React.createElement(IconButton, {
     icon: "ph--plus--regular",
-    label: t("add view label"),
+    label: t("add-view.label"),
     onClick: handleAdd,
     classNames: "w-full"
   })));
 };
-
-// src/containers/PipelineObjectSettings/index.ts
-var PipelineObjectSettings_default = PipelineObjectSettings;
 export {
-  PipelineObjectSettings_default as default
+  PipelineProperties as default
 };
-//# sourceMappingURL=PipelineObjectSettings-QFMIKJH5.mjs.map
+//# sourceMappingURL=PipelineProperties-RRPQ3V6I.mjs.map

package/dist/lib/neutral/PipelineProperties-RRPQ3V6I.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/PipelineProperties/PipelineProperties.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { resolveSchemaWithRegistry } from '@dxos/app-toolkit/query';\nimport { useTypeOptions } from '@dxos/app-toolkit/ui';\nimport { DXN, Filter, JsonSchema, Obj, Query, type QueryAST, Ref, Tag } from '@dxos/echo';\nimport { type JsonPath, type Mutable } from '@dxos/echo/internal';\nimport { getSpace, useObject, useQuery } from '@dxos/react-client/echo';\nimport { IconButton, type ThemedClassName, useAsyncEffect, useTranslation } from '@dxos/react-ui';\nimport { Form, ViewEditor } from '@dxos/react-ui-form';\nimport { List } from '@dxos/react-ui-list';\nimport { type ProjectionModel, ViewModel } from '@dxos/schema';\nimport { Pipeline } from '@dxos/types';\nimport { mx, osTranslations, subtleHover } from '@dxos/ui-theme';\nimport { arrayMove } from '@dxos/util';\n\nimport { meta } from '#meta';\n\nconst listGrid = 'grid grid-cols-[min-content_1fr_min-content_min-content_min-content]';\nconst listItemGrid = 'grid grid-cols-subgrid col-span-5';\n\nconst ColumnFormSchema = Pipeline.Column.pipe(Schema.mutable, Schema.pick('name'));\n\nexport type PipelinePropertiesProps = ThemedClassName<{\n  pipeline: Pipeline.Pipeline;\n}>;\n\n/**\n * Supports editing the pipeline view.\n */\nexport const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesProps) => {\n  const { t } = useTranslation(meta.id);\n  const space = getSpace(pipeline);\n  const [expandedId, setExpandedId] = useState<string>();\n  const [columns, updateColumns] = useObject(pipeline, 'columns');\n  const column = useMemo(\n    () => columns.find((column) => column.view.dxn.toString() === expandedId),\n    [columns, expandedId],\n  );\n  const [view, updateView] = useObject(column?.view);\n  const [schema, setSchema] = useState<Schema.Schema.AnyNoContext>(() => Schema.Struct({}));\n  const projectionRef = useRef<ProjectionModel>(null);\n  const tags = useQuery(space?.db, Filter.type(Tag.Tag));\n  const types = useTypeOptions({\n    space,\n    annotation: {\n      location: ['database', 'runtime'],\n      kind: ['user'],\n    },\n  });\n\n  useAsyncEffect(async () => {\n    if (!view?.query || !space) {\n      return;\n    }\n\n    const foundSchema = await resolveSchemaWithRegistry(space.db.schemaRegistry, view.query.ast);\n    if (foundSchema && foundSchema !== schema) {\n      setSchema(() => foundSchema);\n    }\n  }, [space, view, schema]);\n\n  const handleMove = useCallback(\n    (fromIndex: number, toIndex: number) =>\n      updateColumns((columns) => {\n        arrayMove(columns, fromIndex, toIndex);\n      }),\n    [updateColumns],\n  );\n\n  const handleQueryChanged = useCallback(\n    async (newQuery: QueryAST.Query, target?: string) => {\n      if (!view || !space) {\n        return;\n      }\n\n      const queue = target && DXN.tryParse(target) ? target : undefined;\n      const query = queue ? Query.fromAst(newQuery).from({ queues: [queue] }) : Query.fromAst(newQuery);\n      updateView((view) => {\n        view.query.ast = query.ast as Mutable<typeof query.ast>;\n      });\n      const newSchema = await resolveSchemaWithRegistry(space.db.schemaRegistry, query.ast);\n      if (!newSchema) {\n        return;\n      }\n\n      const newView = ViewModel.make({\n        query,\n        jsonSchema: JsonSchema.toJsonSchema(newSchema),\n      });\n      updateView((view) => {\n        view.projection = Obj.getSnapshot(newView).projection as Mutable<typeof view.projection>;\n      });\n\n      setSchema(() => newSchema);\n    },\n    [view, updateView, schema],\n  );\n\n  const handleColumnValuesChanged = useCallback(\n    (column: Pipeline.Column) =>\n      (newValues: { name?: string }, { changed }: { changed: Record<JsonPath, boolean> }) => {\n        if (changed['name' as JsonPath]) {\n          const columnIndex = columns.findIndex((c) => c === column);\n          if (columnIndex === -1) {\n            return;\n          }\n          updateColumns((cols) => {\n            cols[columnIndex].name = newValues.name ?? '';\n          });\n        }\n      },\n    [columns, updateColumns],\n  );\n\n  const handleToggleField = useCallback((column: Pipeline.Column) => {\n    setExpandedId((prevExpandedId) =>\n      prevExpandedId === column.view.dxn.toString() ? undefined : column.view.dxn.toString(),\n    );\n  }, []);\n\n  const handleDelete = useCallback(\n    async (column: Pipeline.Column) => {\n      if (column.view.dxn.toString() === expandedId) {\n        setExpandedId(undefined);\n      }\n\n      const index = columns.findIndex((l) => l === column);\n      const viewToRemove = await column.view.load();\n      updateColumns((columns) => {\n        columns.splice(index, 1);\n      });\n      space?.db.remove(viewToRemove);\n    },\n    [expandedId, columns, updateColumns, space],\n  );\n\n  const handleAdd = useCallback(() => {\n    if (!space) {\n      return;\n    }\n    const newView = ViewModel.make({\n      query: Query.select(Filter.nothing()),\n      jsonSchema: JsonSchema.toJsonSchema(Schema.Struct({})),\n    });\n    space.db.add(newView);\n    updateColumns((columns) => {\n      columns.push({\n        name: '',\n        // Type assertion needed due to QueryAST type variance.\n        view: Ref.make(newView) as (typeof columns)[number]['view'],\n        order: [],\n      });\n    });\n    setExpandedId(newView.id);\n  }, [space, updateColumns]);\n\n  return (\n    <div className={mx('py-form-padding overflow-y-auto', classNames)}>\n      <h2 className='text-sm text-description py-1'>{t('views.label')}</h2>\n\n      <List.Root<Pipeline.Column>\n        items={columns}\n        isItem={Schema.is(Pipeline.Column)}\n        getId={(column) => column.view.dxn.toString()}\n        onMove={handleMove}\n      >\n        {({ items: columns }) => (\n          <>\n            <div role='list' className={mx(listGrid)}>\n              {columns.map((column) => (\n                <List.Item<Pipeline.Column>\n                  key={column.view.dxn.toString()}\n                  item={column}\n                  classNames={listItemGrid}\n                  aria-expanded={expandedId === column.view.dxn.toString()}\n                >\n                  <div className={mx(subtleHover, listItemGrid, 'rounded-xs cursor-pointer min-h-10')}>\n                    <List.ItemDragHandle />\n                    <List.ItemTitle onClick={() => handleToggleField(column)}>\n                      {column.name || t('untitled-view.title')}\n                    </List.ItemTitle>\n                    <List.ItemDeleteButton\n                      label={t('delete-view.label')}\n                      autoHide={false}\n                      onClick={() => handleDelete(column)}\n                      data-testid='view.delete'\n                    />\n                    <IconButton\n                      iconOnly\n                      variant='ghost'\n                      label={t('toggle-expand.label', { ns: osTranslations })}\n                      icon={\n                        expandedId === column.view.dxn.toString()\n                          ? 'ph--caret-down--regular'\n                          : 'ph--caret-right--regular'\n                      }\n                      onClick={() => handleToggleField(column)}\n                    />\n                  </div>\n                  {expandedId === column.view.dxn.toString() && column?.view.target && (\n                    <div className='col-span-5 my-2 border border-separator rounded-md'>\n                      <Form.Root\n                        schema={ColumnFormSchema}\n                        values={column}\n                        onValuesChanged={handleColumnValuesChanged(column)}\n                      >\n                        <Form.Content>\n                          <Form.FieldSet />\n                        </Form.Content>\n                      </Form.Root>\n                      <ViewEditor\n                        ref={projectionRef}\n                        mode='tag'\n                        readonly\n                        schema={schema}\n                        view={column.view.target}\n                        registry={space?.db.schemaRegistry}\n                        db={space?.db}\n                        tags={tags}\n                        types={types}\n                        onQueryChanged={handleQueryChanged}\n                      />\n                    </div>\n                  )}\n                </List.Item>\n              ))}\n            </div>\n          </>\n        )}\n      </List.Root>\n\n      <div className='my-form-padding'>\n        <IconButton icon='ph--plus--regular' label={t('add-view.label')} onClick={handleAdd} classNames='w-full' />\n      </div>\n    </div>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["Schema", "React", "useCallback", "useMemo", "useRef", "useState", "resolveSchemaWithRegistry", "useTypeOptions", "DXN", "Filter", "JsonSchema", "Obj", "Query", "Ref", "Tag", "getSpace", "useObject", "useQuery", "IconButton", "useAsyncEffect", "useTranslation", "Form", "ViewEditor", "List", "ViewModel", "Pipeline", "mx", "osTranslations", "subtleHover", "arrayMove", "meta", "listGrid", "listItemGrid", "ColumnFormSchema", "Column", "pipe", "mutable", "pick", "PipelineProperties", "classNames", "pipeline", "t", "id", "space", "expandedId", "setExpandedId", "columns", "updateColumns", "column", "find", "view", "dxn", "toString", "updateView", "schema", "setSchema", "Struct", "projectionRef", "tags", "db", "type", "types", "annotation", "location", "kind", "query", "foundSchema", "schemaRegistry", "ast", "handleMove", "fromIndex", "toIndex", "handleQueryChanged", "newQuery", "target", "queue", "tryParse", "undefined", "fromAst", "from", "queues", "newSchema", "newView", "make", "jsonSchema", "toJsonSchema", "projection", "getSnapshot", "handleColumnValuesChanged", "newValues", "changed", "columnIndex", "findIndex", "c", "cols", "name", "handleToggleField", "prevExpandedId", "handleDelete", "index", "l", "viewToRemove", "load", "splice", "remove", "handleAdd", "select", "nothing", "add", "push", "order", "div", "className", "h2", "Root", "items", "isItem", "is", "getId", "onMove", "role", "map", "Item", "key", "item", "aria-expanded", "ItemDragHandle", "ItemTitle", "onClick", "ItemDeleteButton", "label", "autoHide", "data-testid", "iconOnly", "variant", "ns", "icon", "values", "onValuesChanged", "Content", "FieldSet", "ref", "mode", "readonly", "registry", "onQueryChanged"]
+}

package/dist/lib/neutral/app-graph-builder-ZLGRWRJU.mjs

@@ -0,0 +1,44 @@
+// src/capabilities/app-graph-builder.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities, AppNode } from "@dxos/app-toolkit";
+import { GraphBuilder } from "@dxos/plugin-graph";
+import { Pipeline } from "@dxos/types";
+import { meta } from "#meta";
+var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  const extensions = yield* Effect.all([
+    GraphBuilder.createTypeExtension({
+      id: "triggers",
+      type: Pipeline.Pipeline,
+      connector: () => Effect.succeed([
+        AppNode.makeCompanion({
+          id: "invocations",
+          label: [
+            "pipeline-invocations.label",
+            {
+              ns: meta.id
+            }
+          ],
+          icon: "ph--clock-countdown--regular",
+          data: "invocations"
+        }),
+        AppNode.makeCompanion({
+          id: "automation",
+          label: [
+            "pipeline-automation.label",
+            {
+              ns: meta.id
+            }
+          ],
+          icon: "ph--lightning--regular",
+          data: "automation"
+        })
+      ])
+    })
+  ]);
+  return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);
+}));
+export {
+  app_graph_builder_default as default
+};
+//# sourceMappingURL=app-graph-builder-ZLGRWRJU.mjs.map

package/dist/lib/neutral/app-graph-builder-ZLGRWRJU.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities, AppNode } from '@dxos/app-toolkit';\nimport { GraphBuilder } from '@dxos/plugin-graph';\nimport { Pipeline } from '@dxos/types';\n\nimport { meta } from '#meta';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const extensions = yield* Effect.all([\n      GraphBuilder.createTypeExtension({\n        id: 'triggers',\n        type: Pipeline.Pipeline,\n        connector: () =>\n          Effect.succeed([\n            AppNode.makeCompanion({\n              id: 'invocations',\n              label: ['pipeline-invocations.label', { ns: meta.id }],\n              icon: 'ph--clock-countdown--regular',\n              data: 'invocations',\n            }),\n            AppNode.makeCompanion({\n              id: 'automation',\n              label: ['pipeline-automation.label', { ns: meta.id }],\n              icon: 'ph--lightning--regular',\n              data: 'automation',\n            }),\n          ]),\n      }),\n    ]);\n\n    return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);\n  }),\n);\n"],
+  "mappings": ";AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,iBAAiBC,eAAe;AACzC,SAASC,oBAAoB;AAC7B,SAASC,gBAAgB;AAEzB,SAASC,YAAY;AAErB,IAAA,4BAAeL,WAAWM,WACjBC,kBAAW,aAAA;AAChB,QAAMC,aAAa,OAAcC,WAAI;IACnCN,aAAaO,oBAAoB;MAC/BC,IAAI;MACJC,MAAMR,SAASA;MACfS,WAAW,MACFC,eAAQ;QACbZ,QAAQa,cAAc;UACpBJ,IAAI;UACJK,OAAO;YAAC;YAA8B;cAAEC,IAAIZ,KAAKM;YAAG;;UACpDO,MAAM;UACNC,MAAM;QACR,CAAA;QACAjB,QAAQa,cAAc;UACpBJ,IAAI;UACJK,OAAO;YAAC;YAA6B;cAAEC,IAAIZ,KAAKM;YAAG;;UACnDO,MAAM;UACNC,MAAM;QACR,CAAA;OACD;IACL,CAAA;GACD;AAED,SAAOnB,WAAWoB,YAAYnB,gBAAgBoB,iBAAiBb,UAAAA;AACjE,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "AppCapabilities", "AppNode", "GraphBuilder", "Pipeline", "meta", "makeModule", "fnUntraced", "extensions", "all", "createTypeExtension", "id", "type", "connector", "succeed", "makeCompanion", "label", "ns", "icon", "data", "contributes", "AppGraphBuilder"]
+}

package/dist/lib/neutral/capabilities/index.mjs

@@ -0,0 +1,11 @@
+// src/capabilities/index.ts
+import { Capability } from "@dxos/app-framework";
+var AppGraphBuilder = Capability.lazy("AppGraphBuilder", () => import("../app-graph-builder-ZLGRWRJU.mjs"));
+var CreateObject = Capability.lazy("CreateObject", () => import("../create-object-ZJYFACOI.mjs"));
+var ReactSurface = Capability.lazy("ReactSurface", () => import("../react-surface-TW6TRMO6.mjs"));
+export {
+  AppGraphBuilder,
+  CreateObject,
+  ReactSurface
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/neutral/capabilities/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/capabilities/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));\nexport const CreateObject = Capability.lazy('CreateObject', () => import('./create-object'));\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\n"],
+  "mappings": ";AAIA,SAASA,kBAAkB;AAEpB,IAAMC,kBAAkBD,WAAWE,KAAK,mBAAmB,MAAM,OAAO,mCAAA,CAAA;AACxE,IAAMC,eAAeH,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;AAClE,IAAME,eAAeJ,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;",
+  "names": ["Capability", "AppGraphBuilder", "lazy", "CreateObject", "ReactSurface"]
+}

package/dist/lib/{browser/chunk-3A235GUD.mjs → neutral/chunk-ULB5DKWO.mjs}

@@ -18,4 +18,4 @@ var meta = {
 export {
   meta
 };
-//# sourceMappingURL=chunk-3A235GUD.mjs.map
+//# sourceMappingURL=chunk-ULB5DKWO.mjs.map

package/dist/lib/{browser/chunk-3A235GUD.mjs.map → neutral/chunk-ULB5DKWO.mjs.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/meta.ts"],
   "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.pipeline',\n  name: 'Pipelines',\n  description: trim`\n    Pipelines for organizing tasks, milestones, and deliverables.\n    Track progress across multiple pipelines and coordinate team activities in a structured environment.\n  `,\n  icon: 'ph--path--regular',\n  iconHue: 'purple',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-pipeline',\n  tags: ['labs'],\n};\n"],
-  "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,MAAM;IAAC;;AACT;",
-  "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "tags"]
+  "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaJ;;;;EAIbK,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,MAAM;IAAC;;AACT;",
+  "names": ["trim", "meta", "id", "name", "description", "icon", "iconHue", "source", "tags"]
 }

package/dist/lib/neutral/components/index.mjs

@@ -0,0 +1,206 @@
+// src/components/PipelineComponent/PipelineColumn.tsx
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import * as Function from "effect/Function";
+import * as Option from "effect/Option";
+import React2, { forwardRef, useMemo, useRef, useState } from "react";
+import { resolveSchemaWithRegistry } from "@dxos/app-toolkit/query";
+import { Annotation, JsonSchema, Obj as Obj2, Query, Type } from "@dxos/echo";
+import { Filter, getSpace, useObject } from "@dxos/react-client/echo";
+import { Panel, Toolbar as Toolbar2, useAsyncEffect, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { Card } from "@dxos/react-ui";
+import { Menu } from "@dxos/react-ui-menu";
+import { Board as Board2, Focus, Mosaic } from "@dxos/react-ui-mosaic";
+import { ProjectionModel, createEchoChangeCallback } from "@dxos/schema";
+import { meta as meta2 } from "#meta";
+
+// src/components/PipelineComponent/PipelineComponent.tsx
+import { useAtomValue } from "@effect-atom/atom-react";
+import { createContext } from "@radix-ui/react-context";
+import { Slot } from "@radix-ui/react-slot";
+import React from "react";
+import { Obj } from "@dxos/echo";
+import { Toolbar, useTranslation } from "@dxos/react-ui";
+import { Board, useBoard, useEventHandlerAdapter } from "@dxos/react-ui-mosaic";
+import { composable, composableProps, slottable } from "@dxos/ui-theme";
+import { meta } from "#meta";
+var itemNoOp = ({ item }) => /* @__PURE__ */ React.createElement("span", null, item.id);
+var PIPELINE_ROOT = "Pipeline.Root";
+var [PipelineRootContext, usePipeline] = createContext(PIPELINE_ROOT, {
+  Item: itemNoOp
+});
+var PipelineRoot = ({ children, ...contextValue }) => /* @__PURE__ */ React.createElement(PipelineRootContext, contextValue, children);
+PipelineRoot.displayName = PIPELINE_ROOT;
+var PIPELINE_CONTENT_NAME = "Pipeline.Content";
+var PipelineContent = slottable(({ asChild, model, children, ...props }, forwardedRef) => {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ React.createElement(Board.Root, {
+    model
+  }, /* @__PURE__ */ React.createElement(Comp, {
+    ...composableProps(props),
+    ref: forwardedRef
+  }, children));
+});
+PipelineContent.displayName = PIPELINE_CONTENT_NAME;
+var PIPELINE_COLUMNS_NAME = "Pipeline.Columns";
+var PipelineColumns = composable(({ pipeline, ...props }) => {
+  const { model } = useBoard(PIPELINE_COLUMNS_NAME);
+  const columns = useAtomValue(model.columns);
+  const eventHandler = useEventHandlerAdapter({
+    id: pipeline.id,
+    // TODO(wittjosiah): Cast because columns array is readonly.
+    items: columns,
+    getId: model.getColumnId,
+    get: (data) => data,
+    make: (object) => object,
+    canDrop: ({ source }) => model.isColumn(source.data),
+    onChange: (mutate) => Obj.update(pipeline, (pipeline2) => mutate(pipeline2.columns))
+  });
+  return /* @__PURE__ */ React.createElement(Board.Content, {
+    ...props,
+    id: "pipeline",
+    eventHandler,
+    Tile: PipelineColumn
+  });
+});
+PipelineColumns.displayName = PIPELINE_COLUMNS_NAME;
+var PIPELINE_TOOLBAR_NAME = "Pipeline.Toolbar";
+var PipelineToolbar = composable(({ children, ...props }, forwardedRef) => {
+  const { t } = useTranslation(meta.id);
+  const { onAddColumn } = usePipeline(PIPELINE_TOOLBAR_NAME);
+  return /* @__PURE__ */ React.createElement(Toolbar.Root, {
+    ...composableProps(props),
+    ref: forwardedRef
+  }, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
+    icon: "ph--plus--regular",
+    iconOnly: true,
+    label: t("add-column.label"),
+    onClick: onAddColumn
+  }));
+});
+PipelineToolbar.displayName = PIPELINE_TOOLBAR_NAME;
+var PipelineComponent = {
+  Root: PipelineRoot,
+  Content: PipelineContent,
+  Columns: PipelineColumns,
+  Toolbar: PipelineToolbar
+};
+
+// src/components/PipelineComponent/PipelineColumn.tsx
+var PIPELINE_COLUMN_NAME = "PipelineColumn";
+var PipelineColumn = ({ data: column, location, classNames, debug }) => {
+  const { t } = useTranslation2(meta2.id);
+  const [dragHandle, setDragHandle] = useState(null);
+  const [viewSnapshot] = useObject(column.view);
+  const view = column.view.target;
+  const space = getSpace(view);
+  const { Item } = usePipeline(PIPELINE_COLUMN_NAME);
+  const [schema, setSchema] = useState();
+  const query = useMemo(() => {
+    if (!view) {
+      return Query.select(Filter.nothing());
+    } else {
+      return Query.fromAst(JSON.parse(JSON.stringify(viewSnapshot?.query.ast)));
+    }
+  }, [
+    JSON.stringify(viewSnapshot?.query.ast)
+  ]);
+  useAsyncEffect(async () => {
+    if (!query || !space?.db) {
+      return;
+    }
+    const schema2 = await resolveSchemaWithRegistry(space.db.schemaRegistry, query.ast);
+    setSchema(() => schema2);
+  }, [
+    space,
+    query
+  ]);
+  const projectionModel = useMemo(() => {
+    if (!schema || !view) {
+      return void 0;
+    }
+    const jsonSchema = Type.isMutable(schema) ? schema.jsonSchema : JsonSchema.toJsonSchema(schema);
+    const change = createEchoChangeCallback(view, Type.isMutable(schema) ? schema : void 0);
+    return new ProjectionModel({
+      view,
+      baseSchema: jsonSchema,
+      change
+    });
+  }, [
+    schema,
+    view
+  ]);
+  const PipelineTile = useMemo(() => {
+    return /* @__PURE__ */ forwardRef((props, ref) => /* @__PURE__ */ React2.createElement(ItemTile, {
+      ...props,
+      itemProps: {
+        item: props.data,
+        projectionModel
+      },
+      ref
+    }));
+  }, [
+    projectionModel
+  ]);
+  if (!view) {
+    return null;
+  }
+  return /* @__PURE__ */ React2.createElement(Panel.Root, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Board2.Column.Root, {
+    debug,
+    data: column,
+    location,
+    classNames,
+    dragHandle
+  }, /* @__PURE__ */ React2.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Board2.Column.Header, {
+    classNames: "_opacity-10",
+    label: column.name || t("untitled-view.title"),
+    dragHandleRef: setDragHandle
+  })), /* @__PURE__ */ React2.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Board2.Column.Body, {
+    data: column,
+    Tile: PipelineTile
+  }))));
+};
+PipelineColumn.displayName = PIPELINE_COLUMN_NAME;
+var ITEM_TILE_NAME = "ItemTile";
+var ItemTile = /* @__PURE__ */ forwardRef(({ classNames, data, location, debug, itemProps }, forwardedRef) => {
+  const rootRef = useRef(null);
+  const composedRef = useComposedRefs(rootRef, forwardedRef);
+  const { Item } = usePipeline(ITEM_TILE_NAME);
+  const icon = Function.pipe(Obj2.getSchema(data), Option.fromNullable, Option.flatMap(Annotation.IconAnnotation.get), Option.map(({ icon: icon2 }) => icon2), Option.getOrElse(() => "ph--placeholder--regular"));
+  return /* @__PURE__ */ React2.createElement(Menu.Root, null, /* @__PURE__ */ React2.createElement(Mosaic.Tile, {
+    asChild: true,
+    id: data.id,
+    data,
+    location,
+    debug
+  }, /* @__PURE__ */ React2.createElement(Focus.Item, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Card.Root, {
+    classNames,
+    ref: composedRef
+  }, /* @__PURE__ */ React2.createElement(Card.Toolbar, null, /* @__PURE__ */ React2.createElement(Card.Icon, {
+    icon
+  }), /* @__PURE__ */ React2.createElement(Card.Title, null, Obj2.getLabel(data)), /* @__PURE__ */ React2.createElement(Card.IconBlock, {
+    padding: true
+  }, /* @__PURE__ */ React2.createElement(Menu.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Toolbar2.IconButton, {
+    iconOnly: true,
+    variant: "ghost",
+    icon: "ph--dots-three-vertical--regular",
+    label: "Actions"
+  })), /* @__PURE__ */ React2.createElement(Menu.Content, null))), /* @__PURE__ */ React2.createElement(Card.Content, null, /* @__PURE__ */ React2.createElement(Item, itemProps))))));
+});
+ItemTile.displayName = ITEM_TILE_NAME;
+export {
+  PipelineColumn,
+  PipelineComponent,
+  PipelineToolbar,
+  usePipeline
+};
+//# sourceMappingURL=index.mjs.map