@dxos/plugin-kanban 0.8.4-main.bc674ce → 0.8.4-main.c351d160a8

package/dist/lib/browser/KanbanContainer-N532FS3F.mjs

@@ -0,0 +1,300 @@
+import {
+  useEchoChangeCallback,
+  useKanbanBoardModel,
+  useKanbanColumnEventHandler,
+  useKanbanItemEventHandler,
+  useProjectionModel
+} from "./chunk-PCKA5REX.mjs";
+import {
+  KanbanOperation,
+  UNCATEGORIZED_ATTRIBUTES,
+  UNCATEGORIZED_VALUE,
+  meta
+} from "./chunk-Z2ZFDWCK.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/KanbanContainer/KanbanContainer.tsx
+import { RegistryContext as RegistryContext2 } from "@effect-atom/atom-react";
+import React4, { useCallback as useCallback3, useContext as useContext2, useMemo as useMemo3 } from "react";
+import { useCapabilities, useOperationInvoker } from "@dxos/app-framework/ui";
+import { AppCapabilities } from "@dxos/app-toolkit";
+import { Filter, Obj as Obj3, Type } from "@dxos/echo";
+import { AtomQuery } from "@dxos/echo-atom";
+import { useObject, useSchema } from "@dxos/react-client/echo";
+import { Panel } from "@dxos/react-ui";
+import { getTypenameFromQuery } from "@dxos/schema";
+
+// src/components/KanbanBoard/KanbanBoard.tsx
+import { RegistryContext } from "@effect-atom/atom-react";
+import { createContext } from "@radix-ui/react-context";
+import React3, { useCallback as useCallback2, useContext, useMemo as useMemo2 } from "react";
+import { Obj as Obj2 } from "@dxos/echo";
+import { useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { Board as Board2, useBoard as useBoard3 } from "@dxos/react-ui-mosaic";
+
+// src/components/KanbanBoard/KanbanCard.tsx
+import React, { forwardRef, useCallback, useMemo, useState } from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { useObjectMenuItems } from "@dxos/app-toolkit/ui";
+import { Obj } from "@dxos/echo";
+import { Card, Toolbar, useTranslation } from "@dxos/react-ui";
+import { Menu, createMenuAction } from "@dxos/react-ui-menu";
+import { Focus, Mosaic, useBoard } from "@dxos/react-ui-mosaic";
+var KANBAN_CARD_TILE_NAME = "KanbanBoard.Card";
+var KanbanCard = /* @__PURE__ */ forwardRef(({ data, location, debug }, forwardedRef) => {
+  const { t } = useTranslation(meta.id);
+  const { model } = useBoard(KANBAN_CARD_TILE_NAME);
+  const { projection, onCardRemove } = useKanbanBoard(KANBAN_CARD_TILE_NAME);
+  const [dragHandle, setDragHandle] = useState(null);
+  const dragHandleRef = useCallback((el) => setDragHandle(el), []);
+  const objectMenuItems = useObjectMenuItems(data);
+  const menuItems = useMemo(() => [
+    ...objectMenuItems,
+    ...onCardRemove ? [
+      createMenuAction("remove", () => onCardRemove(data), {
+        label: t("remove card label"),
+        icon: "ph--trash--regular"
+      })
+    ] : []
+  ], [
+    objectMenuItems,
+    onCardRemove,
+    data,
+    t
+  ]);
+  return /* @__PURE__ */ React.createElement(Mosaic.Tile, {
+    asChild: true,
+    id: model.getItemId(data),
+    data,
+    location,
+    debug,
+    dragHandle
+  }, /* @__PURE__ */ React.createElement(Focus.Group, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Menu.Root, null, /* @__PURE__ */ React.createElement(Card.Root, {
+    ref: forwardedRef,
+    "data-testid": "board-item"
+  }, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement(Card.DragHandle, {
+    ref: dragHandleRef
+  }), /* @__PURE__ */ React.createElement(Card.Title, null, Obj.getLabel(data)), /* @__PURE__ */ React.createElement(Menu.Trigger, {
+    asChild: true,
+    disabled: !menuItems?.length
+  }, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
+    iconOnly: true,
+    variant: "ghost",
+    icon: "ph--dots-three-vertical--regular",
+    label: t("action menu label")
+  })), /* @__PURE__ */ React.createElement(Menu.Content, {
+    items: menuItems
+  })), /* @__PURE__ */ React.createElement(Card.Content, null, projection && /* @__PURE__ */ React.createElement(Surface.Surface, {
+    role: "card--content",
+    limit: 1,
+    data: {
+      subject: data,
+      projection
+    }
+  }))))));
+});
+KanbanCard.displayName = KANBAN_CARD_TILE_NAME;
+
+// src/components/KanbanBoard/KanbanColumn.tsx
+import React2, { forwardRef as forwardRef2, useRef } from "react";
+import { Board, useBoard as useBoard2 } from "@dxos/react-ui-mosaic";
+var KANBAN_COLUMN_NAME = "KanbanBoard.Column";
+var KanbanColumn = /* @__PURE__ */ forwardRef2(({ data: column, location, debug }, forwardedRef) => {
+  const { model } = useBoard2(KANBAN_COLUMN_NAME);
+  const { columnFieldPath, change, onCardAdd, getPivotAttributes, itemTile } = useKanbanBoard(KANBAN_COLUMN_NAME);
+  const { title } = getPivotAttributes(column.columnValue);
+  const uncategorized = column.columnValue === UNCATEGORIZED_VALUE;
+  const dragHandleRef = useRef(null);
+  const eventHandler = useKanbanItemEventHandler({
+    column,
+    columnFieldPath,
+    model,
+    change
+  });
+  return /* @__PURE__ */ React2.createElement(Board.Column.Root, {
+    data: column,
+    location,
+    classNames: "grid grid-rows-[var(--dx-rail-action)_1fr_var(--dx-rail-action)]",
+    debug,
+    dragHandleRef,
+    ref: forwardedRef
+  }, uncategorized ? /* @__PURE__ */ React2.createElement("div", {
+    className: "border-b border-separator p-2",
+    "data-testid": "board-column-header"
+  }, /* @__PURE__ */ React2.createElement("span", {
+    className: "font-medium"
+  }, title)) : /* @__PURE__ */ React2.createElement(Board.Column.Header, {
+    label: title,
+    dragHandleRef
+  }), /* @__PURE__ */ React2.createElement(Board.Column.Body, {
+    data: column,
+    eventHandler,
+    Tile: itemTile
+  }), onCardAdd && /* @__PURE__ */ React2.createElement(Board.Column.Footer, {
+    onAdd: () => onCardAdd(column.columnValue === UNCATEGORIZED_VALUE ? void 0 : column.columnValue)
+  }));
+});
+KanbanColumn.displayName = KANBAN_COLUMN_NAME;
+
+// src/components/KanbanBoard/KanbanBoard.tsx
+var KANBAN_BOARD_NAME = "KanbanBoard.Context";
+var [KanbanBoardContext, useKanbanBoard] = createContext(KANBAN_BOARD_NAME, {
+  kanbanId: "never",
+  projection: void 0,
+  columnFieldPath: void 0,
+  change: {
+    kanban: () => {
+    },
+    setItemField: () => {
+    }
+  },
+  pivotFieldId: void 0,
+  getPivotAttributes: (id) => id === UNCATEGORIZED_VALUE ? UNCATEGORIZED_ATTRIBUTES : {
+    title: id,
+    color: "neutral"
+  },
+  itemTile: () => null
+});
+var KANBAN_BOARD_ROOT = "KanbanBoard.Root";
+var KanbanBoardRoot = ({ children, change, itemTile = KanbanCard, kanban, projection, items, onCardAdd, onCardRemove }) => {
+  const registry = useContext(RegistryContext);
+  const { t } = useTranslation2(meta.id);
+  const model = useKanbanBoardModel(kanban, projection, items, registry);
+  const columns = model?.getColumns?.() ?? [];
+  const view = kanban?.view?.target;
+  const pivotFieldId = view?.projection?.pivotFieldId;
+  const columnFieldPath = useMemo2(() => {
+    if (pivotFieldId === void 0 || !projection) {
+      return void 0;
+    }
+    return projection.tryGetFieldProjection(pivotFieldId)?.props.property;
+  }, [
+    projection,
+    pivotFieldId
+  ]);
+  const getPivotAttributes = useCallback2((columnValue) => {
+    if (columnValue === UNCATEGORIZED_VALUE) {
+      return UNCATEGORIZED_ATTRIBUTES;
+    }
+    const options = projection?.tryGetFieldProjection(pivotFieldId ?? "")?.props.options ?? [];
+    const option = options.find((option2) => option2.id === columnValue);
+    return option ?? {
+      title: columnValue,
+      color: "neutral"
+    };
+  }, [
+    projection,
+    pivotFieldId
+  ]);
+  if (columns.length === 0) {
+    return /* @__PURE__ */ React3.createElement("div", {
+      className: "flex flex-1 items-center justify-center p-8 text-center text-description"
+    }, t("select pivot placeholder"));
+  }
+  return /* @__PURE__ */ React3.createElement(KanbanBoardContext, {
+    kanbanId: Obj2.getDXN(kanban).toString(),
+    projection,
+    columnFieldPath,
+    pivotFieldId,
+    getPivotAttributes,
+    itemTile,
+    change,
+    onCardAdd,
+    onCardRemove
+  }, /* @__PURE__ */ React3.createElement(Board2.Root, {
+    model
+  }, children));
+};
+KanbanBoardRoot.displayName = KANBAN_BOARD_ROOT;
+var KANBAN_BOARD_CONTENT = "KanbanBoard.Content";
+var KanbanBoardContent = (props) => {
+  const { model } = useBoard3(KANBAN_BOARD_CONTENT);
+  const { kanbanId, projection, pivotFieldId, change } = useKanbanBoard(KANBAN_BOARD_CONTENT);
+  const columnEventHandler = useKanbanColumnEventHandler({
+    id: `${kanbanId}-columns`,
+    model,
+    projection: projection ?? void 0,
+    pivotFieldId: pivotFieldId ?? void 0,
+    change
+  });
+  return /* @__PURE__ */ React3.createElement(Board2.Content, {
+    id: kanbanId,
+    eventHandler: columnEventHandler,
+    Tile: KanbanColumn
+  });
+};
+KanbanBoardContent.displayName = KANBAN_BOARD_CONTENT;
+var KanbanBoard = {
+  Root: KanbanBoardRoot,
+  Content: KanbanBoardContent,
+  Column: KanbanColumn,
+  Card: KanbanCard
+};
+
+// src/containers/KanbanContainer/KanbanContainer.tsx
+var KanbanContainer = ({ role, subject: object }) => {
+  const registry = useContext2(RegistryContext2);
+  const schemas = useCapabilities(AppCapabilities.Schema);
+  const db = Obj3.getDatabase(object);
+  const { invokePromise } = useOperationInvoker();
+  const [view] = useObject(object.view);
+  const typename = view?.query ? getTypenameFromQuery(view.query.ast) : void 0;
+  const schemaFromDb = useSchema(db, typename);
+  const cardSchema = useMemo3(() => schemaFromDb ?? schemas.flat().find((schema) => Type.getTypename(schema) === typename), [
+    schemaFromDb,
+    schemas,
+    typename
+  ]);
+  const items = useMemo3(() => db ? AtomQuery.make(db, cardSchema ? Filter.type(cardSchema) : Filter.nothing()) : null, [
+    db,
+    cardSchema
+  ]);
+  const projection = useProjectionModel(cardSchema, object, registry);
+  const change = useEchoChangeCallback(object);
+  const pivotFieldId = view?.projection?.pivotFieldId;
+  const columnFieldPath = projection && pivotFieldId ? projection.tryGetFieldProjection(pivotFieldId)?.props.property : void 0;
+  const handleCardAdd = useCallback3((columnValue) => {
+    if (db && cardSchema && columnFieldPath) {
+      const card = Obj3.make(cardSchema, {
+        [columnFieldPath]: columnValue
+      });
+      db.add(card);
+      return card.id;
+    }
+  }, [
+    db,
+    cardSchema,
+    columnFieldPath
+  ]);
+  const handleCardRemove = useCallback3((card) => {
+    void invokePromise(KanbanOperation.DeleteCard, {
+      card
+    });
+  }, [
+    invokePromise
+  ]);
+  if (!object || !db || !items || !projection || !change) {
+    return null;
+  }
+  return /* @__PURE__ */ React4.createElement(Panel.Root, {
+    role
+  }, /* @__PURE__ */ React4.createElement(KanbanBoard.Root, {
+    kanban: object,
+    projection,
+    items,
+    change,
+    onCardAdd: handleCardAdd,
+    onCardRemove: handleCardRemove
+  }, /* @__PURE__ */ React4.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React4.createElement(KanbanBoard.Content, null))));
+};
+
+// src/containers/KanbanContainer/index.ts
+var KanbanContainer_default = KanbanContainer;
+export {
+  KanbanContainer_default as default
+};
+//# sourceMappingURL=KanbanContainer-N532FS3F.mjs.map

package/dist/lib/browser/KanbanContainer-N532FS3F.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/KanbanContainer/KanbanContainer.tsx", "../../../src/components/KanbanBoard/KanbanBoard.tsx", "../../../src/components/KanbanBoard/KanbanCard.tsx", "../../../src/components/KanbanBoard/KanbanColumn.tsx", "../../../src/containers/KanbanContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { RegistryContext } from '@effect-atom/atom-react';\nimport React, { useCallback, useContext, useMemo } from 'react';\n\nimport { useCapabilities, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { Filter, Obj, Type } from '@dxos/echo';\nimport { AtomQuery } from '@dxos/echo-atom';\nimport { useObject, useSchema } from '@dxos/react-client/echo';\nimport { Panel } from '@dxos/react-ui';\nimport { getTypenameFromQuery } from '@dxos/schema';\n\nimport { KanbanBoard } from '../../components';\nimport { useEchoChangeCallback, useProjectionModel } from '../../hooks';\nimport { type Kanban, KanbanOperation } from '../../types';\n\nexport type KanbanContainerProps = SurfaceComponentProps<Kanban.Kanban>;\n\nexport const KanbanContainer = ({ role, subject: object }: KanbanContainerProps) => {\n  const registry = useContext(RegistryContext);\n  const schemas = useCapabilities(AppCapabilities.Schema);\n  const db = Obj.getDatabase(object);\n  const { invokePromise } = useOperationInvoker();\n  const [view] = useObject(object.view);\n  const typename = view?.query ? getTypenameFromQuery(view.query.ast) : undefined;\n\n  const schemaFromDb = useSchema(db, typename);\n  const cardSchema = useMemo(\n    () => schemaFromDb ?? schemas.flat().find((schema) => Type.getTypename(schema) === typename),\n    [schemaFromDb, schemas, typename],\n  );\n\n  const items = useMemo(\n    () => (db ? AtomQuery.make(db, cardSchema ? Filter.type(cardSchema) : Filter.nothing()) : null),\n    [db, cardSchema],\n  );\n\n  const projection = useProjectionModel(cardSchema, object, registry);\n  const change = useEchoChangeCallback(object);\n\n  const pivotFieldId = view?.projection?.pivotFieldId;\n  const columnFieldPath =\n    projection && pivotFieldId ? projection.tryGetFieldProjection(pivotFieldId)?.props.property : undefined;\n\n  const handleCardAdd = useCallback(\n    (columnValue: string | undefined) => {\n      if (db && cardSchema && columnFieldPath) {\n        const card = Obj.make(cardSchema, { [columnFieldPath]: columnValue });\n        db.add(card);\n        return card.id;\n      }\n    },\n    [db, cardSchema, columnFieldPath],\n  );\n\n  const handleCardRemove = useCallback(\n    (card: { id: string }) => {\n      void invokePromise(KanbanOperation.DeleteCard, { card });\n    },\n    [invokePromise],\n  );\n\n  if (!object || !db || !items || !projection || !change) {\n    return null;\n  }\n\n  return (\n    <Panel.Root role={role}>\n      <KanbanBoard.Root\n        kanban={object}\n        projection={projection}\n        items={items}\n        change={change}\n        onCardAdd={handleCardAdd}\n        onCardRemove={handleCardRemove}\n      >\n        <Panel.Content asChild>\n          <KanbanBoard.Content />\n        </Panel.Content>\n      </KanbanBoard.Root>\n    </Panel.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Atom, RegistryContext } from '@effect-atom/atom-react';\nimport { createContext } from '@radix-ui/react-context';\nimport React, {\n  type ComponentPropsWithoutRef,\n  type ComponentType,\n  type PropsWithChildren,\n  useCallback,\n  useContext,\n  useMemo,\n} from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Board, useBoard } from '@dxos/react-ui-mosaic';\nimport type { ProjectionModel } from '@dxos/schema';\n\nimport { useKanbanBoardModel, useKanbanColumnEventHandler } from '../../hooks';\nimport { meta } from '../../meta';\nimport { type Kanban, type KanbanChangeCallback, UNCATEGORIZED_ATTRIBUTES, UNCATEGORIZED_VALUE } from '../../types';\n\nimport { KanbanCard, type KanbanCardProps } from './KanbanCard';\nimport { KanbanColumn, type KanbanColumnProps } from './KanbanColumn';\n\n// TODO(burdon): Rename Kanban.\n\n//\n// Context\n//\n\nconst KANBAN_BOARD_NAME = 'KanbanBoard.Context';\n\n/**\n * Context value for the Kanban board.\n * Items are Echo objects (Obj.Unknown).\n */\ntype KanbanBoardContextValue = {\n  kanbanId: string;\n  projection: ProjectionModel | undefined;\n  columnFieldPath: string | undefined;\n  change: KanbanChangeCallback<Obj.Unknown>;\n  pivotFieldId: string | undefined;\n  getPivotAttributes: (columnValue: string) => { title: string; color: string };\n  itemTile?: ComponentType<KanbanCardProps>; // TODO(burdon): Prop.\n  onCardAdd?: (columnValue: string | undefined) => string | undefined;\n  onCardRemove?: (card: Obj.Unknown) => void;\n};\n\nconst [KanbanBoardContext, useKanbanBoard] = createContext<KanbanBoardContextValue>(KANBAN_BOARD_NAME, {\n  kanbanId: 'never',\n  projection: undefined,\n  columnFieldPath: undefined,\n  change: { kanban: () => {}, setItemField: () => {} },\n  pivotFieldId: undefined,\n  getPivotAttributes: (id: string) =>\n    id === UNCATEGORIZED_VALUE ? UNCATEGORIZED_ATTRIBUTES : { title: id, color: 'neutral' },\n  itemTile: (() => null) as ComponentType<KanbanCardProps>,\n});\n\n//\n// Root\n//\n\nconst KANBAN_BOARD_ROOT = 'KanbanBoard.Root';\n\ntype KanbanBoardRootProps = PropsWithChildren<\n  Pick<KanbanBoardContextValue, 'change' | 'itemTile'> & {\n    kanban: Kanban.Kanban;\n    /** Required when providing context; Root derives columnFieldPath, pivotFieldId, getPivotAttributes from kanban + projection. */\n    projection: ProjectionModel;\n    /** Atom of items (e.g. from AtomQuery for DB, or Atom.make([]) for in-memory). */\n    items: Atom.Atom<Obj.Unknown[]>;\n    onCardAdd?: (columnValue: string | undefined) => string | undefined;\n    onCardRemove?: (card: Obj.Unknown) => void;\n  } & ComponentPropsWithoutRef<'div'>\n>;\n\nexport const KanbanBoardRoot = ({\n  children,\n  change,\n  itemTile = KanbanCard,\n  kanban,\n  projection,\n  items,\n  onCardAdd,\n  onCardRemove,\n}: KanbanBoardRootProps) => {\n  const registry = useContext(RegistryContext);\n  const { t } = useTranslation(meta.id);\n  const model = useKanbanBoardModel(kanban, projection, items, registry);\n  const columns = model?.getColumns?.() ?? [];\n  const view = kanban?.view?.target;\n  const pivotFieldId = view?.projection?.pivotFieldId;\n  const columnFieldPath = useMemo(() => {\n    if (pivotFieldId === undefined || !projection) {\n      return undefined;\n    }\n\n    return projection.tryGetFieldProjection(pivotFieldId)?.props.property;\n  }, [projection, pivotFieldId]);\n\n  const getPivotAttributes = useCallback<KanbanBoardContextValue['getPivotAttributes']>(\n    (columnValue) => {\n      if (columnValue === UNCATEGORIZED_VALUE) {\n        return UNCATEGORIZED_ATTRIBUTES;\n      }\n\n      const options = projection?.tryGetFieldProjection(pivotFieldId ?? '')?.props.options ?? [];\n      const option = options.find((option) => option.id === columnValue);\n      return option ?? ({ title: columnValue, color: 'neutral' } as const);\n    },\n    [projection, pivotFieldId],\n  );\n\n  if (columns.length === 0) {\n    return (\n      <div className='flex flex-1 items-center justify-center p-8 text-center text-description'>\n        {t('select pivot placeholder')}\n      </div>\n    );\n  }\n\n  return (\n    <KanbanBoardContext\n      kanbanId={Obj.getDXN(kanban).toString()}\n      projection={projection}\n      columnFieldPath={columnFieldPath}\n      pivotFieldId={pivotFieldId}\n      getPivotAttributes={getPivotAttributes}\n      itemTile={itemTile}\n      change={change}\n      onCardAdd={onCardAdd}\n      onCardRemove={onCardRemove}\n    >\n      <Board.Root model={model}>{children}</Board.Root>\n    </KanbanBoardContext>\n  );\n};\n\nKanbanBoardRoot.displayName = KANBAN_BOARD_ROOT;\n\n//\n// KanbanBoardContent\n//\n\nconst KANBAN_BOARD_CONTENT = 'KanbanBoard.Content';\n\ntype KanbanBoardContentProps = {};\n\nexport const KanbanBoardContent = (props: KanbanBoardContentProps) => {\n  const { model } = useBoard(KANBAN_BOARD_CONTENT);\n  const { kanbanId, projection, pivotFieldId, change } = useKanbanBoard(KANBAN_BOARD_CONTENT);\n\n  const columnEventHandler = useKanbanColumnEventHandler({\n    id: `${kanbanId}-columns`,\n    model,\n    projection: projection ?? undefined,\n    pivotFieldId: pivotFieldId ?? undefined,\n    change,\n  });\n\n  return <Board.Content id={kanbanId} eventHandler={columnEventHandler} Tile={KanbanColumn} />;\n};\n\nKanbanBoardContent.displayName = KANBAN_BOARD_CONTENT;\n\n//\n// KanbanBoard\n//\n\nexport const KanbanBoard = {\n  Root: KanbanBoardRoot,\n  Content: KanbanBoardContent,\n  Column: KanbanColumn,\n  Card: KanbanCard,\n};\n\nexport { useKanbanBoard };\n\nexport type { KanbanBoardRootProps as KanbanBoardProps, KanbanCardProps, KanbanColumnProps };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef, useCallback, useMemo, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { useObjectMenuItems } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { Card, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { Menu, createMenuAction } from '@dxos/react-ui-menu';\nimport { Focus, Mosaic, type MosaicTileProps, useBoard } from '@dxos/react-ui-mosaic';\n\nimport { meta } from '../../meta';\n\nimport { useKanbanBoard } from './KanbanBoard';\n\nconst KANBAN_CARD_TILE_NAME = 'KanbanBoard.Card';\n\nexport type KanbanCardProps = Pick<MosaicTileProps<Obj.Unknown>, 'location' | 'data' | 'debug'>;\n\n/**\n * Mosaic Tile for Kanban card.\n * Uses Surface for content; requires plugin manager context.\n */\nexport const KanbanCard = forwardRef<HTMLDivElement, KanbanCardProps>(({ data, location, debug }, forwardedRef) => {\n  const { t } = useTranslation(meta.id);\n  const { model } = useBoard(KANBAN_CARD_TILE_NAME);\n  const { projection, onCardRemove } = useKanbanBoard(KANBAN_CARD_TILE_NAME);\n  const [dragHandle, setDragHandle] = useState<HTMLButtonElement | null>(null);\n  const dragHandleRef = useCallback((el: HTMLButtonElement | null) => setDragHandle(el), []);\n\n  const objectMenuItems = useObjectMenuItems(data);\n\n  const menuItems = useMemo(\n    () => [\n      ...objectMenuItems,\n      ...(onCardRemove\n        ? [\n            createMenuAction('remove', () => onCardRemove(data), {\n              label: t('remove card label'),\n              icon: 'ph--trash--regular',\n            }),\n          ]\n        : []),\n    ],\n    [objectMenuItems, onCardRemove, data, t],\n  );\n\n  return (\n    <Mosaic.Tile\n      asChild\n      id={model.getItemId(data)}\n      data={data}\n      location={location}\n      debug={debug}\n      dragHandle={dragHandle}\n    >\n      <Focus.Group asChild>\n        <Menu.Root>\n          <Card.Root ref={forwardedRef} data-testid='board-item'>\n            <Card.Toolbar>\n              <Card.DragHandle ref={dragHandleRef} />\n              <Card.Title>{Obj.getLabel(data)}</Card.Title>\n              {/* TODO(wittjosiah): Reconcile with Card.Menu. */}\n              <Menu.Trigger asChild disabled={!menuItems?.length}>\n                <Toolbar.IconButton\n                  iconOnly\n                  variant='ghost'\n                  icon='ph--dots-three-vertical--regular'\n                  label={t('action menu label')}\n                />\n              </Menu.Trigger>\n              <Menu.Content items={menuItems} />\n            </Card.Toolbar>\n            <Card.Content>\n              {projection && <Surface.Surface role='card--content' limit={1} data={{ subject: data, projection }} />}\n            </Card.Content>\n          </Card.Root>\n        </Menu.Root>\n      </Focus.Group>\n    </Mosaic.Tile>\n  );\n});\n\nKanbanCard.displayName = KANBAN_CARD_TILE_NAME;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef, useRef } from 'react';\n\nimport type { Obj } from '@dxos/echo';\nimport { Board, type MosaicTileProps, useBoard } from '@dxos/react-ui-mosaic';\n\nimport { useKanbanItemEventHandler } from '../../hooks';\nimport { type ColumnStructure, UNCATEGORIZED_VALUE } from '../../types';\n\nimport { useKanbanBoard } from './KanbanBoard';\n\nconst KANBAN_COLUMN_NAME = 'KanbanBoard.Column';\n\nexport type KanbanColumnProps = Pick<MosaicTileProps<ColumnStructure>, 'location' | 'data' | 'debug'>;\n\n/**\n * Mosaic Tile for Kanban column.\n */\nexport const KanbanColumn = forwardRef<HTMLDivElement, KanbanColumnProps>(\n  ({ data: column, location, debug }, forwardedRef) => {\n    const { model } = useBoard<ColumnStructure, Obj.Unknown>(KANBAN_COLUMN_NAME);\n    const { columnFieldPath, change, onCardAdd, getPivotAttributes, itemTile } = useKanbanBoard(KANBAN_COLUMN_NAME);\n\n    const { title } = getPivotAttributes(column.columnValue);\n    const uncategorized = column.columnValue === UNCATEGORIZED_VALUE;\n    const dragHandleRef = useRef<HTMLButtonElement | null>(null);\n\n    const eventHandler = useKanbanItemEventHandler({\n      column,\n      columnFieldPath,\n      model,\n      change,\n    });\n\n    return (\n      <Board.Column.Root\n        data={column}\n        location={location}\n        classNames='grid grid-rows-[var(--dx-rail-action)_1fr_var(--dx-rail-action)]'\n        debug={debug}\n        dragHandleRef={dragHandleRef}\n        ref={forwardedRef}\n      >\n        {uncategorized ? (\n          <div className='border-b border-separator p-2' data-testid='board-column-header'>\n            <span className='font-medium'>{title}</span>\n          </div>\n        ) : (\n          <Board.Column.Header label={title} dragHandleRef={dragHandleRef as React.RefObject<HTMLButtonElement>} />\n        )}\n        <Board.Column.Body\n          data={column}\n          eventHandler={eventHandler}\n          Tile={itemTile as React.FC<MosaicTileProps<Obj.Unknown>>}\n        />\n        {onCardAdd && (\n          <Board.Column.Footer\n            onAdd={() => onCardAdd(column.columnValue === UNCATEGORIZED_VALUE ? undefined : column.columnValue)}\n          />\n        )}\n      </Board.Column.Root>\n    );\n  },\n);\n\nKanbanColumn.displayName = KANBAN_COLUMN_NAME;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { KanbanContainer } from './KanbanContainer';\n\nexport default KanbanContainer;\n"],
+  "mappings": "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",
+  "names": ["RegistryContext", "React", "useCallback", "useContext", "useMemo", "useCapabilities", "useOperationInvoker", "AppCapabilities", "Filter", "Obj", "Type", "AtomQuery", "useObject", "useSchema", "Panel", "getTypenameFromQuery", "RegistryContext", "createContext", "React", "useCallback", "useContext", "useMemo", "Obj", "useTranslation", "Board", "useBoard", "React", "forwardRef", "useCallback", "useMemo", "useState", "Surface", "useObjectMenuItems", "Obj", "Card", "Toolbar", "useTranslation", "Menu", "createMenuAction", "Focus", "Mosaic", "useBoard", "KANBAN_CARD_TILE_NAME", "KanbanCard", "forwardRef", "data", "location", "debug", "forwardedRef", "t", "useTranslation", "meta", "id", "model", "useBoard", "projection", "onCardRemove", "useKanbanBoard", "dragHandle", "setDragHandle", "useState", "dragHandleRef", "useCallback", "el", "objectMenuItems", "useObjectMenuItems", "menuItems", "useMemo", "createMenuAction", "label", "icon", "Mosaic", "Tile", "asChild", "getItemId", "Focus", "Group", "Menu", "Root", "Card", "ref", "data-testid", "Toolbar", "DragHandle", "Title", "Obj", "getLabel", "Trigger", "disabled", "length", "IconButton", "iconOnly", "variant", "Content", "items", "Surface", "role", "limit", "subject", "displayName", "React", "forwardRef", "useRef", "Board", "useBoard", "KANBAN_COLUMN_NAME", "KanbanColumn", "forwardRef", "data", "column", "location", "debug", "forwardedRef", "model", "useBoard", "columnFieldPath", "change", "onCardAdd", "getPivotAttributes", "itemTile", "useKanbanBoard", "title", "columnValue", "uncategorized", "UNCATEGORIZED_VALUE", "dragHandleRef", "useRef", "eventHandler", "useKanbanItemEventHandler", "React", "Board", "Column", "Root", "classNames", "ref", "div", "className", "data-testid", "span", "Header", "label", "Body", "Tile", "Footer", "onAdd", "undefined", "displayName", "KANBAN_BOARD_NAME", "KanbanBoardContext", "useKanbanBoard", "createContext", "kanbanId", "projection", "undefined", "columnFieldPath", "change", "kanban", "setItemField", "pivotFieldId", "getPivotAttributes", "id", "UNCATEGORIZED_VALUE", "UNCATEGORIZED_ATTRIBUTES", "title", "color", "itemTile", "KANBAN_BOARD_ROOT", "KanbanBoardRoot", "children", "KanbanCard", "items", "onCardAdd", "onCardRemove", "registry", "useContext", "RegistryContext", "t", "useTranslation", "meta", "model", "useKanbanBoardModel", "columns", "getColumns", "view", "target", "useMemo", "tryGetFieldProjection", "props", "property", "useCallback", "columnValue", "options", "option", "find", "length", "React", "div", "className", "Obj", "getDXN", "toString", "Board", "Root", "displayName", "KANBAN_BOARD_CONTENT", "KanbanBoardContent", "useBoard", "columnEventHandler", "useKanbanColumnEventHandler", "Content", "eventHandler", "Tile", "KanbanColumn", "KanbanBoard", "Column", "Card", "KanbanContainer", "role", "subject", "object", "registry", "useContext", "RegistryContext", "schemas", "useCapabilities", "AppCapabilities", "Schema", "db", "Obj", "getDatabase", "invokePromise", "useOperationInvoker", "view", "useObject", "typename", "query", "getTypenameFromQuery", "ast", "undefined", "schemaFromDb", "useSchema", "cardSchema", "useMemo", "flat", "find", "schema", "Type", "getTypename", "items", "AtomQuery", "make", "Filter", "type", "nothing", "projection", "useProjectionModel", "change", "useEchoChangeCallback", "pivotFieldId", "columnFieldPath", "tryGetFieldProjection", "props", "property", "handleCardAdd", "useCallback", "columnValue", "card", "add", "id", "handleCardRemove", "KanbanOperation", "DeleteCard", "React", "Panel", "Root", "KanbanBoard", "kanban", "onCardAdd", "onCardRemove", "Content", "asChild", "KanbanContainer"]
+}

package/dist/lib/browser/KanbanViewEditor-W7E4RAK2.mjs

@@ -0,0 +1,66 @@
+import {
+  useProjectionModel
+} from "./chunk-PCKA5REX.mjs";
+import {
+  SettingsSchema
+} from "./chunk-Z2ZFDWCK.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/KanbanViewEditor/KanbanViewEditor.tsx
+import { RegistryContext } from "@effect-atom/atom-react";
+import React, { useCallback, useContext, useMemo } from "react";
+import { Obj } from "@dxos/echo";
+import { Format } from "@dxos/echo/internal";
+import { useObject, useSchema } from "@dxos/react-client/echo";
+import { Form, SelectField } from "@dxos/react-ui-form";
+import { getTypenameFromQuery } from "@dxos/schema";
+var KanbanViewEditor = ({ subject: object }) => {
+  const registry = useContext(RegistryContext);
+  const db = Obj.getDatabase(object);
+  const [view, updateView] = useObject(object.view);
+  const currentTypename = view?.query ? getTypenameFromQuery(view.query.ast) : void 0;
+  const schema = useSchema(db, currentTypename);
+  const projection = useProjectionModel(schema, object, registry);
+  const fieldProjections = projection?.getFieldProjections() ?? [];
+  const selectFields = useMemo(() => fieldProjections.filter((field) => field.props.format === Format.TypeFormat.SingleSelect).map(({ field }) => ({
+    value: field.id,
+    label: field.path
+  })), [
+    fieldProjections
+  ]);
+  const handleValuesChanged = useCallback((values) => {
+    if (values.columnFieldId != null) {
+      updateView((view2) => {
+        view2.projection.pivotFieldId = values.columnFieldId;
+      });
+    }
+  }, [
+    updateView
+  ]);
+  const initialValues = useMemo(() => ({
+    columnFieldId: view?.projection.pivotFieldId
+  }), [
+    view?.projection.pivotFieldId
+  ]);
+  const fieldMap = useMemo(() => ({
+    columnFieldId: (props) => /* @__PURE__ */ React.createElement(SelectField, {
+      ...props,
+      options: selectFields
+    })
+  }), [
+    selectFields
+  ]);
+  return /* @__PURE__ */ React.createElement(Form.Root, {
+    schema: SettingsSchema,
+    values: initialValues,
+    fieldMap,
+    onValuesChanged: handleValuesChanged
+  }, /* @__PURE__ */ React.createElement(Form.FieldSet, null));
+};
+
+// src/containers/KanbanViewEditor/index.ts
+var KanbanViewEditor_default = KanbanViewEditor;
+export {
+  KanbanViewEditor_default as default
+};
+//# sourceMappingURL=KanbanViewEditor-W7E4RAK2.mjs.map

package/dist/lib/browser/KanbanViewEditor-W7E4RAK2.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/KanbanViewEditor/KanbanViewEditor.tsx", "../../../src/containers/KanbanViewEditor/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { RegistryContext } from '@effect-atom/atom-react';\nimport React, { useCallback, useContext, useMemo } from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { Format } from '@dxos/echo/internal';\nimport { useObject, useSchema } from '@dxos/react-client/echo';\nimport { Form, type FormFieldMap, SelectField } from '@dxos/react-ui-form';\nimport { getTypenameFromQuery } from '@dxos/schema';\n\nimport { useProjectionModel } from '../../hooks';\nimport { type Kanban, SettingsSchema } from '../../types';\n\nexport type KanbanViewEditorProps = SurfaceComponentProps<Kanban.Kanban>;\n\nexport const KanbanViewEditor = ({ subject: object }: KanbanViewEditorProps) => {\n  const registry = useContext(RegistryContext);\n  const db = Obj.getDatabase(object);\n  const [view, updateView] = useObject(object.view);\n  const currentTypename = view?.query ? getTypenameFromQuery(view.query.ast) : undefined;\n  const schema = useSchema(db, currentTypename);\n  const projection = useProjectionModel(schema, object, registry);\n\n  const fieldProjections = projection?.getFieldProjections() ?? [];\n  const selectFields = useMemo(\n    () =>\n      fieldProjections\n        .filter((field) => field.props.format === Format.TypeFormat.SingleSelect)\n        .map(({ field }) => ({ value: field.id, label: field.path })),\n    [fieldProjections],\n  );\n\n  const handleValuesChanged = useCallback(\n    (values: Partial<{ columnFieldId: string }>) => {\n      if (values.columnFieldId != null) {\n        updateView((view) => {\n          view.projection.pivotFieldId = values.columnFieldId;\n        });\n      }\n    },\n    [updateView],\n  );\n\n  const initialValues = useMemo(\n    () => ({ columnFieldId: view?.projection.pivotFieldId }),\n    [view?.projection.pivotFieldId],\n  );\n\n  const fieldMap: FormFieldMap = useMemo(\n    () => ({ columnFieldId: (props) => <SelectField {...props} options={selectFields} /> }),\n    [selectFields],\n  );\n\n  return (\n    <Form.Root schema={SettingsSchema} values={initialValues} fieldMap={fieldMap} onValuesChanged={handleValuesChanged}>\n      <Form.FieldSet />\n    </Form.Root>\n  );\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport { KanbanViewEditor } from './KanbanViewEditor';\n\nexport default KanbanViewEditor;\n"],
+  "mappings": ";;;;;;;;;AAIA,SAASA,uBAAuB;AAChC,OAAOC,SAASC,aAAaC,YAAYC,eAAe;AAGxD,SAASC,WAAW;AACpB,SAASC,cAAc;AACvB,SAASC,WAAWC,iBAAiB;AACrC,SAASC,MAAyBC,mBAAmB;AACrD,SAASC,4BAA4B;AAO9B,IAAMC,mBAAmB,CAAC,EAAEC,SAASC,OAAM,MAAyB;AACzE,QAAMC,WAAWC,WAAWC,eAAAA;AAC5B,QAAMC,KAAKC,IAAIC,YAAYN,MAAAA;AAC3B,QAAM,CAACO,MAAMC,UAAAA,IAAcC,UAAUT,OAAOO,IAAI;AAChD,QAAMG,kBAAkBH,MAAMI,QAAQC,qBAAqBL,KAAKI,MAAME,GAAG,IAAIC;AAC7E,QAAMC,SAASC,UAAUZ,IAAIM,eAAAA;AAC7B,QAAMO,aAAaC,mBAAmBH,QAAQf,QAAQC,QAAAA;AAEtD,QAAMkB,mBAAmBF,YAAYG,oBAAAA,KAAyB,CAAA;AAC9D,QAAMC,eAAeC,QACnB,MACEH,iBACGI,OAAO,CAACC,UAAUA,MAAMC,MAAMC,WAAWC,OAAOC,WAAWC,YAAY,EACvEC,IAAI,CAAC,EAAEN,MAAK,OAAQ;IAAEO,OAAOP,MAAMQ;IAAIC,OAAOT,MAAMU;EAAK,EAAA,GAC9D;IAACf;GAAiB;AAGpB,QAAMgB,sBAAsBC,YAC1B,CAACC,WAAAA;AACC,QAAIA,OAAOC,iBAAiB,MAAM;AAChC9B,iBAAW,CAACD,UAAAA;AACVA,QAAAA,MAAKU,WAAWsB,eAAeF,OAAOC;MACxC,CAAA;IACF;EACF,GACA;IAAC9B;GAAW;AAGd,QAAMgC,gBAAgBlB,QACpB,OAAO;IAAEgB,eAAe/B,MAAMU,WAAWsB;EAAa,IACtD;IAAChC,MAAMU,WAAWsB;GAAa;AAGjC,QAAME,WAAyBnB,QAC7B,OAAO;IAAEgB,eAAe,CAACb,UAAU,sBAAA,cAACiB,aAAAA;MAAa,GAAGjB;MAAOkB,SAAStB;;EAAiB,IACrF;IAACA;GAAa;AAGhB,SACE,sBAAA,cAACuB,KAAKC,MAAI;IAAC9B,QAAQ+B;IAAgBT,QAAQG;IAAeC;IAAoBM,iBAAiBZ;KAC7F,sBAAA,cAACS,KAAKI,UAAQ,IAAA,CAAA;AAGpB;;;ACxDA,IAAA,2BAAeC;",
+  "names": ["RegistryContext", "React", "useCallback", "useContext", "useMemo", "Obj", "Format", "useObject", "useSchema", "Form", "SelectField", "getTypenameFromQuery", "KanbanViewEditor", "subject", "object", "registry", "useContext", "RegistryContext", "db", "Obj", "getDatabase", "view", "updateView", "useObject", "currentTypename", "query", "getTypenameFromQuery", "ast", "undefined", "schema", "useSchema", "projection", "useProjectionModel", "fieldProjections", "getFieldProjections", "selectFields", "useMemo", "filter", "field", "props", "format", "Format", "TypeFormat", "SingleSelect", "map", "value", "id", "label", "path", "handleValuesChanged", "useCallback", "values", "columnFieldId", "pivotFieldId", "initialValues", "fieldMap", "SelectField", "options", "Form", "Root", "SettingsSchema", "onValuesChanged", "FieldSet", "KanbanViewEditor"]
+}

package/dist/lib/browser/blueprint-definition-2NNRB2ZQ.mjs

@@ -0,0 +1,17 @@
+import {
+  kanban_blueprint_default
+} from "./chunk-B6RIAQMI.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/capabilities/blueprint-definition/blueprint-definition.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities } from "@dxos/app-toolkit";
+var blueprintDefinition = Capability.makeModule(() => Effect.succeed([
+  Capability.contributes(AppCapabilities.BlueprintDefinition, kanban_blueprint_default)
+]));
+var blueprint_definition_default = blueprintDefinition;
+export {
+  blueprint_definition_default as default
+};
+//# sourceMappingURL=blueprint-definition-2NNRB2ZQ.mjs.map

package/dist/lib/browser/blueprint-definition-2NNRB2ZQ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/blueprint-definition/blueprint-definition.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\n\nimport { KanbanBlueprint } from '../../blueprints';\n\nconst blueprintDefinition = Capability.makeModule<\n  [],\n  Capability.Capability<typeof AppCapabilities.BlueprintDefinition>[]\n>(() => Effect.succeed([Capability.contributes(AppCapabilities.BlueprintDefinition, KanbanBlueprint)]));\n\nexport default blueprintDefinition;\n"],
+  "mappings": ";;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,uBAAuB;AAIhC,IAAMC,sBAAsBC,WAAWC,WAGrC,MAAaC,eAAQ;EAACF,WAAWG,YAAYC,gBAAgBC,qBAAqBC,wBAAAA;CAAiB,CAAA;AAErG,IAAA,+BAAeP;",
+  "names": ["Effect", "Capability", "AppCapabilities", "blueprintDefinition", "Capability", "makeModule", "succeed", "contributes", "AppCapabilities", "BlueprintDefinition", "KanbanBlueprint"]
+}

package/dist/lib/browser/blueprints/index.mjs

@@ -1,8 +1,8 @@
 import {
-  kanban_blueprint_exports
-} from "../chunk-L6N4ZDZ7.mjs";
+  kanban_blueprint_default
+} from "../chunk-B6RIAQMI.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {
-  kanban_blueprint_exports as KanbanBlueprint
+  kanban_blueprint_default as KanbanBlueprint
 };
 //# sourceMappingURL=index.mjs.map

package/dist/lib/browser/{chunk-L6N4ZDZ7.mjs → chunk-B6RIAQMI.mjs}

@@ -1,26 +1,14 @@
-import {
-  __export
-} from "./chunk-J5LGTIGS.mjs";
-
 // src/blueprints/kanban-blueprint.ts
-var kanban_blueprint_exports = {};
-__export(kanban_blueprint_exports, {
-  Key: () => Key,
-  functions: () => functions,
-  make: () => make,
-  tools: () => tools
-});
 import { Blueprint, Template } from "@dxos/blueprints";
 import { trim } from "@dxos/util";
+var BLUEPRINT_KEY = "org.dxos.blueprint.kanban";
 var functions = [];
-var tools = [];
-var Key = "dxos.org/blueprint/kanban";
 var make = () => Blueprint.make({
-  key: Key,
+  key: BLUEPRINT_KEY,
   name: "Kanban",
   tools: Blueprint.toolDefinitions({
     functions,
-    tools
+    tools: []
   }),
   instructions: Template.make({
     source: trim`
@@ -28,8 +16,14 @@ var make = () => Blueprint.make({
       `
   })
 });
+var blueprint = {
+  key: BLUEPRINT_KEY,
+  functions,
+  make
+};
+var kanban_blueprint_default = blueprint;
 
 export {
-  kanban_blueprint_exports
+  kanban_blueprint_default
 };
-//# sourceMappingURL=chunk-L6N4ZDZ7.mjs.map
+//# sourceMappingURL=chunk-B6RIAQMI.mjs.map

package/dist/lib/browser/chunk-B6RIAQMI.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/blueprints/kanban-blueprint.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type AppCapabilities } from '@dxos/app-toolkit';\nimport { Blueprint, Template } from '@dxos/blueprints';\nimport { trim } from '@dxos/util';\n\nconst BLUEPRINT_KEY = 'org.dxos.blueprint.kanban';\n\nconst functions: AppCapabilities.BlueprintDefinition['functions'] = [];\n\nconst make = () =>\n  Blueprint.make({\n    key: BLUEPRINT_KEY,\n    name: 'Kanban',\n    tools: Blueprint.toolDefinitions({ functions, tools: [] }),\n    instructions: Template.make({\n      source: trim`\n        You can create and update kanban boards to show data in sorted columns defined by schema.\n      `,\n    }),\n  });\n\nconst blueprint: AppCapabilities.BlueprintDefinition = {\n  key: BLUEPRINT_KEY,\n  functions,\n  make,\n};\n\nexport default blueprint;\n"],
+  "mappings": ";AAKA,SAASA,WAAWC,gBAAgB;AACpC,SAASC,YAAY;AAErB,IAAMC,gBAAgB;AAEtB,IAAMC,YAA8D,CAAA;AAEpE,IAAMC,OAAO,MACXC,UAAUD,KAAK;EACbE,KAAKJ;EACLK,MAAM;EACNC,OAAOH,UAAUI,gBAAgB;IAAEN;IAAWK,OAAO,CAAA;EAAG,CAAA;EACxDE,cAAcC,SAASP,KAAK;IAC1BQ,QAAQC;;;EAGV,CAAA;AACF,CAAA;AAEF,IAAMC,YAAiD;EACrDR,KAAKJ;EACLC;EACAC;AACF;AAEA,IAAA,2BAAeU;",
+  "names": ["Blueprint", "Template", "trim", "BLUEPRINT_KEY", "functions", "make", "Blueprint", "key", "name", "tools", "toolDefinitions", "instructions", "Template", "source", "trim", "blueprint"]
+}