@dxos/plugin-magazine 0.0.0

package/dist/lib/neutral/FeedArticle-PEWCFFSP.mjs

@@ -0,0 +1,90 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/FeedArticle/FeedArticle.tsx
+import React2, { useCallback, useState } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { Filter, Obj, Query, Ref, Scope } from "@dxos/echo";
+import { useObject, useQuery } from "@dxos/react-client/echo";
+import { Panel as Panel2 } from "@dxos/react-ui";
+import { PostStack } from "#components";
+import { meta as meta2 } from "#meta";
+import { FeedOperation } from "#types";
+import { Subscription } from "#types";
+
+// src/containers/FeedArticle/FeedToolbar.tsx
+import React from "react";
+import { Panel } from "@dxos/react-ui";
+import { Menu, MenuBuilder, useMenuBuilder } from "@dxos/react-ui-menu";
+import { meta } from "#meta";
+var FeedToolbar = ({ attendableId, onSync }) => {
+  const menuActions = useMenuBuilder(() => MenuBuilder.make().action("sync", {
+    label: [
+      "sync-feed.label",
+      {
+        ns: meta.profile.key
+      }
+    ],
+    icon: "ph--arrows-clockwise--regular",
+    iconOnly: true
+  }, onSync).build(), [
+    onSync
+  ]);
+  return /* @__PURE__ */ React.createElement(Menu.Root, {
+    ...menuActions,
+    attendableId
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Menu.Toolbar, null)));
+};
+FeedToolbar.displayName = "FeedToolbar";
+
+// src/containers/FeedArticle/FeedArticle.tsx
+var FeedArticle = ({ role, subject, attendableId }) => {
+  const { invokePromise } = useOperationInvoker();
+  const [currentPostId, setCurrentPostId] = useState();
+  const [subscription] = useObject(subject);
+  const [postFeed] = useObject(subscription?.feed);
+  const db = Obj.getDatabase(subscription);
+  const posts = useQuery(db, postFeed ? Query.select(Filter.type(Subscription.Post)).from(Scope.feed(Obj.getURI(postFeed))) : Query.select(Filter.nothing()));
+  const handleAction = useCallback((action) => {
+    if (action.type === "current") {
+      setCurrentPostId(action.postId);
+    }
+  }, []);
+  const handleSync = useCallback(() => {
+    void invokePromise(FeedOperation.SyncFeed, {
+      feed: Ref.make(subject)
+    }, {
+      spaceId: Obj.getDatabase(subject)?.spaceId,
+      notify: {
+        error: [
+          "sync-feed-error.title",
+          {
+            ns: meta2.profile.key
+          }
+        ]
+      }
+    });
+  }, [
+    subject,
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React2.createElement(Panel2.Root, {
+    role,
+    className: "dx-document"
+  }, /* @__PURE__ */ React2.createElement(FeedToolbar, {
+    attendableId,
+    onSync: handleSync
+  }), /* @__PURE__ */ React2.createElement(Panel2.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(PostStack, {
+    id: subscription?.id ?? subject.id,
+    posts,
+    currentId: currentPostId,
+    onAction: handleAction
+  })));
+};
+export {
+  FeedArticle as default
+};
+//# sourceMappingURL=FeedArticle-PEWCFFSP.mjs.map

package/dist/lib/neutral/FeedArticle-PEWCFFSP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/FeedArticle/FeedArticle.tsx", "../../../src/containers/FeedArticle/FeedToolbar.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { Filter, Obj, Query, Ref, Scope } from '@dxos/echo';\nimport { useObject, useQuery } from '@dxos/react-client/echo';\nimport { Panel } from '@dxos/react-ui';\n\nimport { PostStack, type PostStackAction } from '#components';\nimport { meta } from '#meta';\nimport { FeedOperation } from '#types';\nimport { Subscription } from '#types';\n\nimport { FeedToolbar } from './FeedToolbar';\n\nexport type FeedArticleProps = AppSurface.ObjectArticleProps<Subscription.Subscription>;\n\nexport const FeedArticle = ({ role, subject, attendableId }: FeedArticleProps) => {\n  const { invokePromise } = useOperationInvoker();\n  const [currentPostId, setCurrentPostId] = useState<string>();\n  const [subscription] = useObject(subject);\n  // Subscribe to the backing queue via its Ref — `.target` alone does not re-render when the\n  // feed loads after navigation (same pitfall as plugin-inbox MailboxArticle).\n  const [postFeed] = useObject(subscription?.feed);\n  const db = Obj.getDatabase(subscription);\n  const posts = useQuery(\n    db,\n    postFeed\n      ? Query.select(Filter.type(Subscription.Post)).from(Scope.feed(Obj.getURI(postFeed)))\n      : Query.select(Filter.nothing()),\n  );\n\n  const handleAction = useCallback((action: PostStackAction) => {\n    if (action.type === 'current') {\n      setCurrentPostId(action.postId);\n    }\n  }, []);\n\n  const handleSync = useCallback(() => {\n    // Failures surface as a toast via `notify`; invokePromise resolves with `{ error }`, never throws.\n    void invokePromise(\n      FeedOperation.SyncFeed,\n      { feed: Ref.make(subject) },\n      {\n        spaceId: Obj.getDatabase(subject)?.spaceId,\n        notify: { error: ['sync-feed-error.title', { ns: meta.profile.key }] },\n      },\n    );\n  }, [subject, invokePromise]);\n\n  return (\n    <Panel.Root role={role} className='dx-document'>\n      <FeedToolbar attendableId={attendableId} onSync={handleSync} />\n      <Panel.Content asChild>\n        <PostStack\n          id={subscription?.id ?? subject.id}\n          posts={posts}\n          currentId={currentPostId}\n          onAction={handleAction}\n        />\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Panel } from '@dxos/react-ui';\nimport { Menu, MenuBuilder, useMenuBuilder } from '@dxos/react-ui-menu';\n\nimport { meta } from '#meta';\n\nexport type FeedToolbarProps = {\n  attendableId?: string;\n  onSync: () => void;\n};\n\n/**\n * Reactive feed toolbar built from the menu action-graph idiom: a single Sync action. Matches the\n * magazine/post toolbars; the feed's name is surfaced by the plank chrome, not duplicated here.\n */\nexport const FeedToolbar = ({ attendableId, onSync }: FeedToolbarProps) => {\n  const menuActions = useMenuBuilder(\n    () =>\n      MenuBuilder.make()\n        .action(\n          'sync',\n          {\n            label: ['sync-feed.label', { ns: meta.profile.key }],\n            icon: 'ph--arrows-clockwise--regular',\n            iconOnly: true,\n          },\n          onSync,\n        )\n        .build(),\n    [onSync],\n  );\n\n  return (\n    <Menu.Root {...menuActions} attendableId={attendableId}>\n      <Panel.Toolbar asChild>\n        <Menu.Toolbar />\n      </Panel.Toolbar>\n    </Menu.Root>\n  );\n};\n\nFeedToolbar.displayName = 'FeedToolbar';\n"],
+  "mappings": ";;;AAIA,OAAOA,UAASC,aAAaC,gBAAgB;AAE7C,SAASC,2BAA2B;AAEpC,SAASC,QAAQC,KAAKC,OAAOC,KAAKC,aAAa;AAC/C,SAASC,WAAWC,gBAAgB;AACpC,SAASC,SAAAA,cAAa;AAEtB,SAASC,iBAAuC;AAChD,SAASC,QAAAA,aAAY;AACrB,SAASC,qBAAqB;AAC9B,SAASC,oBAAoB;;;ACX7B,OAAOC,WAAW;AAElB,SAASC,aAAa;AACtB,SAASC,MAAMC,aAAaC,sBAAsB;AAElD,SAASC,YAAY;AAWd,IAAMC,cAAc,CAAC,EAAEC,cAAcC,OAAM,MAAoB;AACpE,QAAMC,cAAcL,eAClB,MACED,YAAYO,KAAI,EACbC,OACC,QACA;IACEC,OAAO;MAAC;MAAmB;QAAEC,IAAIR,KAAKS,QAAQC;MAAI;;IAClDC,MAAM;IACNC,UAAU;EACZ,GACAT,MAAAA,EAEDU,MAAK,GACV;IAACV;GAAO;AAGV,SACE,sBAAA,cAACN,KAAKiB,MAAI;IAAE,GAAGV;IAAaF;KAC1B,sBAAA,cAACN,MAAMmB,SAAO;IAACC,SAAAA;KACb,sBAAA,cAACnB,KAAKkB,SAAO,IAAA,CAAA,CAAA;AAIrB;AAEAd,YAAYgB,cAAc;;;ADzBnB,IAAMC,cAAc,CAAC,EAAEC,MAAMC,SAASC,aAAY,MAAoB;AAC3E,QAAM,EAAEC,cAAa,IAAKC,oBAAAA;AAC1B,QAAM,CAACC,eAAeC,gBAAAA,IAAoBC,SAAAA;AAC1C,QAAM,CAACC,YAAAA,IAAgBC,UAAUR,OAAAA;AAGjC,QAAM,CAACS,QAAAA,IAAYD,UAAUD,cAAcG,IAAAA;AAC3C,QAAMC,KAAKC,IAAIC,YAAYN,YAAAA;AAC3B,QAAMO,QAAQC,SACZJ,IACAF,WACIO,MAAMC,OAAOC,OAAOC,KAAKC,aAAaC,IAAI,CAAA,EAAGC,KAAKC,MAAMb,KAAKE,IAAIY,OAAOf,QAAAA,CAAAA,CAAAA,IACxEO,MAAMC,OAAOC,OAAOO,QAAO,CAAA,CAAA;AAGjC,QAAMC,eAAeC,YAAY,CAACC,WAAAA;AAChC,QAAIA,OAAOT,SAAS,WAAW;AAC7Bd,uBAAiBuB,OAAOC,MAAM;IAChC;EACF,GAAG,CAAA,CAAE;AAEL,QAAMC,aAAaH,YAAY,MAAA;AAE7B,SAAKzB,cACH6B,cAAcC,UACd;MAAEtB,MAAMuB,IAAIC,KAAKlC,OAAAA;IAAS,GAC1B;MACEmC,SAASvB,IAAIC,YAAYb,OAAAA,GAAUmC;MACnCC,QAAQ;QAAEC,OAAO;UAAC;UAAyB;YAAEC,IAAIC,MAAKC,QAAQC;UAAI;;MAAG;IACvE,CAAA;EAEJ,GAAG;IAACzC;IAASE;GAAc;AAE3B,SACE,gBAAAwC,OAAA,cAACC,OAAMC,MAAI;IAAC7C;IAAY8C,WAAU;KAChC,gBAAAH,OAAA,cAACI,aAAAA;IAAY7C;IAA4B8C,QAAQjB;MACjD,gBAAAY,OAAA,cAACC,OAAMK,SAAO;IAACC,SAAAA;KACb,gBAAAP,OAAA,cAACQ,WAAAA;IACCC,IAAI5C,cAAc4C,MAAMnD,QAAQmD;IAChCrC;IACAsC,WAAWhD;IACXiD,UAAU3B;;AAKpB;",
+  "names": ["React", "useCallback", "useState", "useOperationInvoker", "Filter", "Obj", "Query", "Ref", "Scope", "useObject", "useQuery", "Panel", "PostStack", "meta", "FeedOperation", "Subscription", "React", "Panel", "Menu", "MenuBuilder", "useMenuBuilder", "meta", "FeedToolbar", "attendableId", "onSync", "menuActions", "make", "action", "label", "ns", "profile", "key", "icon", "iconOnly", "build", "Root", "Toolbar", "asChild", "displayName", "FeedArticle", "role", "subject", "attendableId", "invokePromise", "useOperationInvoker", "currentPostId", "setCurrentPostId", "useState", "subscription", "useObject", "postFeed", "feed", "db", "Obj", "getDatabase", "posts", "useQuery", "Query", "select", "Filter", "type", "Subscription", "Post", "from", "Scope", "getURI", "nothing", "handleAction", "useCallback", "action", "postId", "handleSync", "FeedOperation", "SyncFeed", "Ref", "make", "spaceId", "notify", "error", "ns", "meta", "profile", "key", "React", "Panel", "Root", "className", "FeedToolbar", "onSync", "Content", "asChild", "PostStack", "id", "currentId", "onAction"]
+}

package/dist/lib/neutral/FeedProperties-EIO7IZOA.mjs

@@ -0,0 +1,97 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/FeedProperties/FeedProperties.tsx
+import React, { useCallback, useMemo, useState } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation, Paths } from "@dxos/app-toolkit";
+import { Operation, Trigger } from "@dxos/compute";
+import { Filter, Obj, Query, Ref } from "@dxos/echo";
+import { useObject, useQuery } from "@dxos/react-client/echo";
+import { IconButton, Input, useTranslation } from "@dxos/react-ui";
+import { Form } from "@dxos/react-ui-form";
+import { meta } from "#meta";
+import { FeedOperation } from "#types";
+var FeedProperties = ({ subject }) => {
+  const { t } = useTranslation(meta.profile.key);
+  const { invokePromise } = useOperationInvoker();
+  const db = useMemo(() => Obj.getDatabase(subject), [
+    subject
+  ]);
+  const [pending, setPending] = useState(false);
+  const childTriggers = useQuery(db, Query.select(Filter.and(Filter.type(Trigger.Trigger), Filter.childOf(subject, {
+    transitive: false
+  }))).debugLabel("plugin-magazine.FeedProperties.syncTrigger"));
+  const syncTrigger = useMemo(() => childTriggers.find((trigger) => trigger.spec?.kind === "timer"), [
+    childTriggers
+  ]);
+  const [syncEnabled, setSyncEnabled] = useObject(syncTrigger, "enabled");
+  const handleToggleSync = useCallback(async () => {
+    if (!db) {
+      return;
+    }
+    if (syncTrigger) {
+      setSyncEnabled((enabled) => !enabled);
+      return;
+    }
+    setPending(true);
+    try {
+      const operation = await ensureSyncFeedOperation(db);
+      db.add(Trigger.make({
+        [Obj.Parent]: subject,
+        enabled: true,
+        spec: Trigger.specTimer("*/5 * * * *"),
+        runnable: Ref.make(operation),
+        input: {
+          feed: db.makeRef(Obj.getURI(subject))
+        }
+      }));
+    } finally {
+      setPending(false);
+    }
+  }, [
+    syncTrigger,
+    db,
+    subject,
+    setSyncEnabled
+  ]);
+  const handleViewTrigger = useCallback(() => {
+    if (!db) {
+      return;
+    }
+    void invokePromise(LayoutOperation.Open, {
+      subject: [
+        Paths.getSpacePath(db.spaceId, "settings", "org.dxos.plugin.routine.routines")
+      ],
+      workspace: Paths.getSpacePath(db.spaceId)
+    });
+  }, [
+    invokePromise,
+    db
+  ]);
+  return /* @__PURE__ */ React.createElement(Form.Section, null, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, null, t("feed-sync.label")), /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-row items-center"
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: syncEnabled ?? false,
+    disabled: pending,
+    onCheckedChange: () => {
+      void handleToggleSync();
+    }
+  }), syncTrigger && /* @__PURE__ */ React.createElement(IconButton, {
+    iconOnly: true,
+    icon: "ph--gear--regular",
+    label: t("view-trigger.label"),
+    onClick: handleViewTrigger
+  }))));
+};
+var ensureSyncFeedOperation = async (db) => {
+  const existing = await db.query(Filter.and(Filter.type(Operation.PersistentOperation), Filter.key(FeedOperation.SyncFeed.meta.key))).run();
+  const [existingOperation] = existing;
+  if (existingOperation) {
+    return existingOperation;
+  }
+  return db.add(Operation.serialize(FeedOperation.SyncFeed));
+};
+export {
+  FeedProperties as default
+};
+//# sourceMappingURL=FeedProperties-EIO7IZOA.mjs.map

package/dist/lib/neutral/FeedProperties-EIO7IZOA.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/FeedProperties/FeedProperties.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation, Paths } from '@dxos/app-toolkit';\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { Operation, Trigger } from '@dxos/compute';\nimport { Filter, Obj, Query, Ref } from '@dxos/echo';\nimport { useObject, useQuery } from '@dxos/react-client/echo';\nimport { IconButton, Input, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\n\nimport { meta } from '#meta';\nimport { FeedOperation, Subscription } from '#types';\n\nexport type FeedPropertiesProps = AppSurface.ObjectPropertiesProps<Subscription.Subscription>;\n\nexport const FeedProperties = ({ subject }: FeedPropertiesProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const { invokePromise } = useOperationInvoker();\n  const db = useMemo(() => Obj.getDatabase(subject), [subject]);\n  const [pending, setPending] = useState(false);\n\n  const childTriggers = useQuery(\n    db,\n    Query.select(Filter.and(Filter.type(Trigger.Trigger), Filter.childOf(subject, { transitive: false }))).debugLabel(\n      'plugin-magazine.FeedProperties.syncTrigger',\n    ),\n  );\n\n  const syncTrigger = useMemo(() => childTriggers.find((trigger) => trigger.spec?.kind === 'timer'), [childTriggers]);\n\n  const [syncEnabled, setSyncEnabled] = useObject(syncTrigger, 'enabled');\n\n  const handleToggleSync = useCallback(async () => {\n    if (!db) {\n      return;\n    }\n\n    if (syncTrigger) {\n      setSyncEnabled((enabled) => !enabled);\n      return;\n    }\n\n    setPending(true);\n    try {\n      const operation = await ensureSyncFeedOperation(db);\n      db.add(\n        Trigger.make({\n          [Obj.Parent]: subject,\n          enabled: true,\n          spec: Trigger.specTimer('*/5 * * * *'),\n          runnable: Ref.make(operation),\n          input: { feed: db.makeRef(Obj.getURI(subject)) },\n        }),\n      );\n    } finally {\n      setPending(false);\n    }\n  }, [syncTrigger, db, subject, setSyncEnabled]);\n\n  const handleViewTrigger = useCallback(() => {\n    if (!db) {\n      return;\n    }\n\n    void invokePromise(LayoutOperation.Open, {\n      subject: [Paths.getSpacePath(db.spaceId, 'settings', 'org.dxos.plugin.routine.routines')],\n      workspace: Paths.getSpacePath(db.spaceId),\n    });\n  }, [invokePromise, db]);\n\n  return (\n    <Form.Section>\n      <Input.Root>\n        <Input.Label>{t('feed-sync.label')}</Input.Label>\n        <div className='flex flex-row items-center'>\n          <Input.Switch\n            checked={syncEnabled ?? false}\n            disabled={pending}\n            onCheckedChange={() => {\n              void handleToggleSync();\n            }}\n          />\n          {syncTrigger && (\n            <IconButton iconOnly icon='ph--gear--regular' label={t('view-trigger.label')} onClick={handleViewTrigger} />\n          )}\n        </div>\n      </Input.Root>\n    </Form.Section>\n  );\n};\n\nconst ensureSyncFeedOperation = async (db: NonNullable<ReturnType<typeof Obj.getDatabase>>) => {\n  const existing = await db\n    .query(Filter.and(Filter.type(Operation.PersistentOperation), Filter.key(FeedOperation.SyncFeed.meta.key)))\n    .run();\n  const [existingOperation] = existing;\n  if (existingOperation) {\n    return existingOperation;\n  }\n\n  return db.add(Operation.serialize(FeedOperation.SyncFeed));\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useMemo", "useState", "useOperationInvoker", "LayoutOperation", "Paths", "Operation", "Trigger", "Filter", "Obj", "Query", "Ref", "useObject", "useQuery", "IconButton", "Input", "useTranslation", "Form", "meta", "FeedOperation", "FeedProperties", "subject", "t", "profile", "key", "invokePromise", "db", "getDatabase", "pending", "setPending", "childTriggers", "select", "and", "type", "childOf", "transitive", "debugLabel", "syncTrigger", "find", "trigger", "spec", "kind", "syncEnabled", "setSyncEnabled", "handleToggleSync", "enabled", "operation", "ensureSyncFeedOperation", "add", "make", "Parent", "specTimer", "runnable", "input", "feed", "makeRef", "getURI", "handleViewTrigger", "Open", "getSpacePath", "spaceId", "workspace", "Section", "Root", "Label", "div", "className", "Switch", "checked", "disabled", "onCheckedChange", "iconOnly", "icon", "label", "onClick", "existing", "query", "PersistentOperation", "SyncFeed", "run", "existingOperation", "serialize"]
+}

package/dist/lib/neutral/MagazineArticle-DEUTR23F.mjs

@@ -0,0 +1,325 @@
+import {
+  formatDate
+} from "./chunk-SAWKLGJU.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/MagazineArticle/MagazineArticle.tsx
+import { useAtomValue } from "@effect-atom/atom-react";
+import React2, { useCallback as useCallback3, useEffect, useMemo as useMemo2 } from "react";
+import { useOperationInvoker as useOperationInvoker2 } from "@dxos/app-framework/ui";
+import { LayoutOperation, Paths } from "@dxos/app-toolkit";
+import { useShowItem } from "@dxos/app-toolkit/ui";
+import { Obj as Obj2, Ref as Ref2 } from "@dxos/echo";
+import { log } from "@dxos/log";
+import { useObject } from "@dxos/react-client/echo";
+import { Panel, useTranslation } from "@dxos/react-ui";
+import { linkedSegment, useSelection } from "@dxos/react-ui-attention";
+import { Masonry } from "@dxos/react-ui-masonry";
+import { Menu } from "@dxos/react-ui-menu";
+import { useVisibleMagazinePosts } from "#atoms";
+import { meta as meta2 } from "#meta";
+import { FeedOperation as FeedOperation2, Subscription } from "#types";
+
+// src/containers/MagazineArticle/MagazineTile.tsx
+import React, { useCallback } from "react";
+import { Card, Focus, SystemIconButton } from "@dxos/react-ui";
+import { mx } from "@dxos/ui-theme";
+import { useMagazinePostData } from "#atoms";
+var MagazineTile = ({ post, magazine, current, onToggleStar, onOpen }) => {
+  const { post: snapshot, feedName, read, starred, snippet, imageUrl } = useMagazinePostData(post, magazine);
+  const handleCurrentChange = useCallback(() => {
+    onOpen?.(post);
+  }, [
+    onOpen,
+    post
+  ]);
+  const handleToggleStar = useCallback((event) => {
+    event.stopPropagation();
+    onToggleStar?.(post, starred);
+  }, [
+    onToggleStar,
+    post,
+    starred
+  ]);
+  return /* @__PURE__ */ React.createElement(Focus.Item, {
+    asChild: true,
+    current,
+    onCurrentChange: handleCurrentChange
+  }, /* @__PURE__ */ React.createElement(Card.Root, {
+    fullWidth: true,
+    classNames: mx("dx-hover dx-current cursor-pointer transition-opacity", read && !current && "opacity-60")
+  }, imageUrl && /* @__PURE__ */ React.createElement(Card.Poster, {
+    alt: snapshot.title ?? "Article",
+    image: imageUrl,
+    fit: "cover",
+    classNames: "rounded-t-xs"
+  }), /* @__PURE__ */ React.createElement(Card.Header, null, /* @__PURE__ */ React.createElement(Card.Block, null, /* @__PURE__ */ React.createElement(SystemIconButton.Star, {
+    variant: "ghost",
+    iconOnly: true,
+    square: true,
+    size: 4,
+    active: starred,
+    onClick: handleToggleStar
+  })), snapshot.title ? /* @__PURE__ */ React.createElement(Card.Title, {
+    classNames: "line-clamp-2"
+  }, snapshot.title) : /* @__PURE__ */ React.createElement("div", null), /* @__PURE__ */ React.createElement(Card.Block, {
+    end: true
+  })), /* @__PURE__ */ React.createElement(Card.Body, null, snippet && /* @__PURE__ */ React.createElement(Card.Row, null, /* @__PURE__ */ React.createElement(Card.Text, {
+    variant: "description",
+    classNames: "line-clamp-3"
+  }, snippet)), /* @__PURE__ */ React.createElement(Card.Row, null, /* @__PURE__ */ React.createElement("div", {
+    className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-2 py-1.5 text-sm text-description overflow-hidden"
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "truncate"
+  }, feedName ?? ""), /* @__PURE__ */ React.createElement("span", {
+    className: "text-end shrink-0"
+  }, formatPublished(snapshot) ?? ""))))));
+};
+var formatPublished = (post) => post.published ? formatDate(post.published) : void 0;
+
+// src/containers/MagazineArticle/useToolbar.tsx
+import { Atom, RegistryContext, useAtomSet } from "@effect-atom/atom-react";
+import * as Effect from "effect/Effect";
+import { useCallback as useCallback2, useContext, useMemo } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { Obj, Ref } from "@dxos/echo";
+import { EffectEx } from "@dxos/effect";
+import { MenuBuilder, useMenuBuilder } from "@dxos/react-ui-menu";
+import { meta } from "#meta";
+import { FeedOperation } from "#types";
+var useToolbar = ({ magazine }) => {
+  const invoker = useOperationInvoker();
+  const registry = useContext(RegistryContext);
+  const db = Obj.getDatabase(magazine);
+  const viewAtom = useMemo(() => Atom.make("default"), []);
+  const busyAtom = useMemo(() => Atom.make(false), []);
+  const setView = useAtomSet(viewAtom);
+  const runExclusive = useCallback2((effect) => {
+    if (registry.get(busyAtom)) {
+      return;
+    }
+    registry.set(busyAtom, true);
+    void EffectEx.runAndForwardErrors(effect.pipe(Effect.ensuring(Effect.sync(() => registry.set(busyAtom, false)))));
+  }, [
+    registry,
+    busyAtom
+  ]);
+  const handleCurate = useCallback2(() => runExclusive(invoker.invoke(FeedOperation.CurateMagazine, {
+    magazine: Ref.make(magazine)
+  }, {
+    spaceId: db?.spaceId,
+    notify: {
+      error: [
+        "curate-error.message",
+        {
+          ns: meta.profile.key
+        }
+      ]
+    }
+  })), [
+    runExclusive,
+    invoker,
+    magazine,
+    db
+  ]);
+  const handleClear = useCallback2(() => runExclusive(invoker.invoke(FeedOperation.ClearMagazine, {
+    magazine: Ref.make(magazine)
+  }, {
+    spaceId: db?.spaceId,
+    notify: {
+      error: [
+        "clear-error.message",
+        {
+          ns: meta.profile.key
+        }
+      ]
+    }
+  })), [
+    runExclusive,
+    invoker,
+    magazine,
+    db
+  ]);
+  const menu = useMenuBuilder((get) => {
+    const view = get(viewAtom);
+    const busy = get(busyAtom);
+    const hasFeeds = (get(Obj.atomProperty(magazine, "feeds")) ?? []).length > 0;
+    const hasRoutine = Boolean(get(Obj.atomProperty(magazine, "instructions")));
+    const curateLabel = !hasFeeds ? "no-feeds.label" : busy ? "refreshing-magazine.label" : "curate.label";
+    return MenuBuilder.make().group("view", {
+      label: [
+        "view-filter.label",
+        {
+          ns: meta.profile.key
+        }
+      ],
+      variant: "toggleGroup",
+      selectCardinality: "single",
+      value: view
+    }, (group) => {
+      group.action("starred", {
+        label: [
+          "only-starred.label",
+          {
+            ns: meta.profile.key
+          }
+        ],
+        icon: view === "starred" ? "ph--star--fill" : "ph--star--regular"
+      }, () => setView(view === "starred" ? "default" : "starred"));
+      group.action("archived", {
+        label: [
+          "show-archived.label",
+          {
+            ns: meta.profile.key
+          }
+        ],
+        icon: "ph--archive--regular"
+      }, () => setView(view === "archived" ? "default" : "archived"));
+    }).separator("gap").action("clear", {
+      label: [
+        "clear-magazine.label",
+        {
+          ns: meta.profile.key
+        }
+      ],
+      icon: "ph--broom--regular",
+      iconOnly: true,
+      disabled: busy
+    }, handleClear).action("curate", {
+      label: [
+        curateLabel,
+        {
+          ns: meta.profile.key
+        }
+      ],
+      icon: busy ? "ph--circle-notch--regular" : "ph--sparkle--regular",
+      iconClassNames: busy ? "animate-spin" : void 0,
+      iconOnly: true,
+      disabled: busy || !hasFeeds || !hasRoutine
+    }, handleCurate).build();
+  }, [
+    magazine,
+    viewAtom,
+    busyAtom,
+    setView,
+    handleClear,
+    handleCurate
+  ]);
+  return {
+    menu,
+    viewAtom
+  };
+};
+
+// src/containers/MagazineArticle/MagazineArticle.tsx
+var __dxlog_file = "/Users/jdw/Code/dxos/packages/plugins/plugin-magazine/src/containers/MagazineArticle/MagazineArticle.tsx";
+var MagazineArticle = ({ role, subject, attendableId }) => {
+  const { t } = useTranslation(meta2.profile.key);
+  const invoker = useOperationInvoker2();
+  const [magazine] = useObject(subject);
+  const { menu, viewAtom } = useToolbar({
+    magazine: subject
+  });
+  const view = useAtomValue(viewAtom);
+  const showItem = useShowItem();
+  const id = attendableId ?? Obj2.getURI(magazine);
+  const currentId = useSelection(id, "single");
+  const db = Obj2.getDatabase(magazine);
+  const posts = useVisibleMagazinePosts(subject, view);
+  const handleToggleStar = useCallback3(async (post, starred) => {
+    const subscription = await post.source?.load();
+    if (db && subscription) {
+      void Subscription.setTag(subscription, post.id, db, "starred", !starred);
+    }
+  }, [
+    db
+  ]);
+  const handleOpen = useCallback3(async (post) => {
+    const subscription = await post.source?.load();
+    if (subscription && !Subscription.getReadAt(subscription, post.id)) {
+      void Subscription.setReadAt(subscription, post.id, (/* @__PURE__ */ new Date()).toISOString());
+    }
+    if (post.link) {
+      void invoker.invokePromise(FeedOperation2.LoadPostContent, {
+        post: Ref2.make(post)
+      }).catch((err) => log.catch(err, {
+        postLink: post.link
+      }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 52, S: void 0 }));
+    }
+    void showItem({
+      contextId: id,
+      selectionId: post.id,
+      companion: linkedSegment("post"),
+      path: Paths.getObjectPathFromObject(subject)
+    });
+  }, [
+    id,
+    showItem,
+    invoker,
+    subject
+  ]);
+  const noPosts = posts.length === 0;
+  useEffect(() => {
+    if (noPosts) {
+      void invoker.invokePromise(LayoutOperation.UpdateCompanion, {
+        subject: linkedSegment("settings")
+      });
+    }
+  }, [
+    noPosts,
+    invoker
+  ]);
+  const tileItems = useMemo2(() => posts.map((post) => ({
+    id: post.id,
+    post,
+    magazine: subject,
+    current: currentId === post.id,
+    onToggleStar: handleToggleStar,
+    onOpen: handleOpen
+  })), [
+    posts,
+    currentId,
+    handleOpen,
+    handleToggleStar
+  ]);
+  return /* @__PURE__ */ React2.createElement(Panel.Root, {
+    role
+  }, /* @__PURE__ */ React2.createElement(Menu.Root, {
+    ...menu,
+    attendableId
+  }, /* @__PURE__ */ React2.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Menu.Toolbar, null))), /* @__PURE__ */ React2.createElement(Panel.Content, null, noPosts ? (
+    // TODO(burdon): Factor out common EmptyState component; of push into Masonry, List, etc.
+    /* @__PURE__ */ React2.createElement("div", {
+      className: "h-full flex items-center justify-center text-subdued text-sm"
+    }, t("empty-magazine.message"))
+  ) : /* @__PURE__ */ React2.createElement(Masonry.Root, {
+    Tile: TileAdapter,
+    minColumnWidth: 20,
+    maxColumnWidth: 25
+  }, /* @__PURE__ */ React2.createElement(Masonry.Content, {
+    thin: true,
+    centered: true,
+    padding: true
+  }, /* @__PURE__ */ React2.createElement(Masonry.Viewport, {
+    classNames: "py-2",
+    items: tileItems
+  })))));
+};
+var TileAdapter = ({ data }) => {
+  if (!data?.post) {
+    return null;
+  }
+  return /* @__PURE__ */ React2.createElement(MagazineTile, {
+    post: data.post,
+    magazine: data.magazine,
+    current: data.current,
+    onOpen: data.onOpen,
+    onToggleStar: data.onToggleStar
+  });
+};
+export {
+  MagazineArticle as default
+};
+//# sourceMappingURL=MagazineArticle-DEUTR23F.mjs.map

package/dist/lib/neutral/MagazineArticle-DEUTR23F.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/MagazineArticle/MagazineArticle.tsx", "../../../src/containers/MagazineArticle/MagazineTile.tsx", "../../../src/containers/MagazineArticle/useToolbar.tsx"],
+  "sourcesContent": ["//\n// Copyright 2026 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport React, { useCallback, useEffect, useMemo } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation, Paths } from '@dxos/app-toolkit';\nimport { type AppSurface, useShowItem } from '@dxos/app-toolkit/ui';\nimport { Obj, Ref } from '@dxos/echo';\nimport { log } from '@dxos/log';\nimport { useObject } from '@dxos/react-client/echo';\nimport { Panel, useTranslation } from '@dxos/react-ui';\nimport { linkedSegment, useSelection } from '@dxos/react-ui-attention';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { Menu } from '@dxos/react-ui-menu';\n\nimport { useVisibleMagazinePosts } from '#atoms';\nimport { meta } from '#meta';\nimport { FeedOperation, Magazine, Subscription } from '#types';\n\nimport { MagazineTile } from './MagazineTile';\nimport { useToolbar } from './useToolbar';\n\nexport type MagazineArticleProps = AppSurface.ObjectArticleProps<Magazine.Magazine>;\n\nexport const MagazineArticle = ({ role, subject, attendableId }: MagazineArticleProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const invoker = useOperationInvoker();\n  const [magazine] = useObject(subject);\n\n  // The toolbar owns the view-filter atom and the curate/clear handlers; the article reads `view` to\n  // filter the visible posts.\n  const { menu, viewAtom } = useToolbar({ magazine: subject });\n  const view = useAtomValue(viewAtom);\n\n  const showItem = useShowItem();\n  const id = attendableId ?? Obj.getURI(magazine);\n  const currentId = useSelection(id, 'single');\n  const db = Obj.getDatabase(magazine);\n  const posts = useVisibleMagazinePosts(subject, view);\n\n  const handleToggleStar = useCallback(\n    async (post: Subscription.Post, starred: boolean) => {\n      const subscription = await post.source?.load();\n      if (db && subscription) {\n        void Subscription.setTag(subscription, post.id, db, 'starred', !starred);\n      }\n    },\n    [db],\n  );\n\n  const handleOpen = useCallback(\n    async (post: Subscription.Post) => {\n      const subscription = await post.source?.load();\n      if (subscription && !Subscription.getReadAt(subscription, post.id)) {\n        void Subscription.setReadAt(subscription, post.id, new Date().toISOString());\n      }\n      if (post.link) {\n        void invoker\n          .invokePromise(FeedOperation.LoadPostContent, { post: Ref.make(post) })\n          .catch((err) => log.catch(err, { postLink: post.link }));\n      }\n      void showItem({\n        contextId: id,\n        selectionId: post.id,\n        companion: linkedSegment('post'),\n        path: Paths.getObjectPathFromObject(subject),\n      });\n    },\n    [id, showItem, invoker, subject],\n  );\n\n  const noPosts = posts.length === 0;\n  useEffect(() => {\n    if (noPosts) {\n      void invoker.invokePromise(LayoutOperation.UpdateCompanion, {\n        subject: linkedSegment('settings'),\n      });\n    }\n  }, [noPosts, invoker]);\n\n  const tileItems = useMemo<TileData[]>(\n    () =>\n      posts.map((post) => ({\n        id: post.id,\n        post,\n        magazine: subject,\n        current: currentId === post.id,\n        onToggleStar: handleToggleStar,\n        onOpen: handleOpen,\n      })),\n    [posts, currentId, handleOpen, handleToggleStar],\n  );\n\n  return (\n    <Panel.Root role={role}>\n      <Menu.Root {...menu} attendableId={attendableId}>\n        <Panel.Toolbar asChild>\n          <Menu.Toolbar />\n        </Panel.Toolbar>\n      </Menu.Root>\n      <Panel.Content>\n        {noPosts ? (\n          // TODO(burdon): Factor out common EmptyState component; of push into Masonry, List, etc.\n          <div className='h-full flex items-center justify-center text-subdued text-sm'>\n            {t('empty-magazine.message')}\n          </div>\n        ) : (\n          <Masonry.Root Tile={TileAdapter} minColumnWidth={20} maxColumnWidth={25}>\n            <Masonry.Content thin centered padding>\n              {/* TODO(burdon): Move items into Root. */}\n              <Masonry.Viewport classNames='py-2' items={tileItems} />\n            </Masonry.Content>\n          </Masonry.Root>\n        )}\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n\ntype TileData = {\n  id: string;\n  post: Subscription.Post;\n  magazine: Magazine.Magazine;\n  current: boolean;\n  onToggleStar?: (post: Subscription.Post, starred: boolean) => void;\n  onOpen?: (post: Subscription.Post) => void;\n};\n\nconst TileAdapter = ({ data }: { data: TileData | undefined; index: number }) => {\n  if (!data?.post) {\n    return null;\n  }\n\n  return (\n    <MagazineTile\n      post={data.post}\n      magazine={data.magazine}\n      current={data.current}\n      onOpen={data.onOpen}\n      onToggleStar={data.onToggleStar}\n    />\n  );\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { type MouseEvent, useCallback } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { Card, Focus, SystemIconButton } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { useMagazinePostData } from '#atoms';\nimport { type Magazine, type Subscription } from '#types';\n\nimport { formatDate } from '../../util/date';\n\nexport type MagazineTileProps = {\n  post: Subscription.Post;\n  magazine: Magazine.Magazine;\n  current?: boolean;\n  onOpen?: (post: Subscription.Post) => void;\n  onToggleStar?: (post: Subscription.Post, starred: boolean) => void;\n};\n\nexport const MagazineTile = ({ post, magazine, current, onToggleStar, onOpen }: MagazineTileProps) => {\n  // All per-Post derivation (snapshot, read, starred, snippet, image, feed name) happens in\n  // atom-land; this tile re-renders only when THIS post's slice changes, not when a sibling does.\n  const { post: snapshot, feedName, read, starred, snippet, imageUrl } = useMagazinePostData(post, magazine);\n\n  // `Focus.Item` calls `onCurrentChange` on click and on Enter.\n  const handleCurrentChange = useCallback(() => {\n    onOpen?.(post);\n  }, [onOpen, post]);\n\n  const handleToggleStar = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      // Prevent Focus.Item's onClick from firing the open action — clicks on the star toggle should not open the post.\n      event.stopPropagation();\n      onToggleStar?.(post, starred);\n    },\n    [onToggleStar, post, starred],\n  );\n\n  return (\n    <Focus.Item asChild current={current} onCurrentChange={handleCurrentChange}>\n      <Card.Root\n        fullWidth\n        classNames={mx('dx-hover dx-current cursor-pointer transition-opacity', read && !current && 'opacity-60')}\n      >\n        {imageUrl && (\n          <Card.Poster alt={snapshot.title ?? 'Article'} image={imageUrl} fit='cover' classNames='rounded-t-xs' />\n        )}\n        <Card.Header>\n          <Card.Block>\n            <SystemIconButton.Star\n              variant='ghost'\n              iconOnly\n              square\n              size={4}\n              active={starred}\n              onClick={handleToggleStar}\n            />\n          </Card.Block>\n          {snapshot.title ? <Card.Title classNames='line-clamp-2'>{snapshot.title}</Card.Title> : <div />}\n          <Card.Block end />\n        </Card.Header>\n        <Card.Body>\n          {snippet && (\n            <Card.Row>\n              <Card.Text variant='description' classNames='line-clamp-3'>\n                {snippet}\n              </Card.Text>\n            </Card.Row>\n          )}\n          <Card.Row>\n            <div className='grid grid-cols-[minmax(0,1fr)_auto] items-center gap-2 py-1.5 text-sm text-description overflow-hidden'>\n              <span className='truncate'>{feedName ?? ''}</span>\n              <span className='text-end shrink-0'>{formatPublished(snapshot) ?? ''}</span>\n            </div>\n          </Card.Row>\n        </Card.Body>\n      </Card.Root>\n    </Focus.Item>\n  );\n};\n\n/** Convenience: format a Post's published date the way the magazine view shows it. */\nconst formatPublished = (post: Obj.Snapshot<Subscription.Post>): string | undefined =>\n  post.published ? formatDate(post.published) : undefined;\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport { Atom, RegistryContext, useAtomSet } from '@effect-atom/atom-react';\nimport * as Effect from 'effect/Effect';\nimport { useCallback, useContext, useMemo } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { Obj, Ref } from '@dxos/echo';\nimport { EffectEx } from '@dxos/effect';\nimport { MenuBuilder, useMenuBuilder } from '@dxos/react-ui-menu';\n\nimport { type MagazineView } from '#atoms';\nimport { meta } from '#meta';\nimport { FeedOperation, type Magazine } from '#types';\n\nexport type UseToolbarProps = {\n  magazine: Magazine.Magazine;\n};\n\n/**\n * Owns the magazine toolbar: the view-filter and curate-busy atoms, the Curate/Clear operation\n * handlers, and the reactive menu action graph. The action graph reads its state — view filter,\n * curate-busy flag, and whether the magazine has feeds — via `get` inside the builder, so it\n * subscribes to those atoms and rebuilds whenever they change. Returns the menu props (spread into\n * `Menu.Root`) plus `viewAtom`, which the article also reads to filter the visible posts.\n */\nexport const useToolbar = ({ magazine }: UseToolbarProps) => {\n  const invoker = useOperationInvoker();\n  const registry = useContext(RegistryContext);\n  const db = Obj.getDatabase(magazine);\n  const viewAtom = useMemo(() => Atom.make<MagazineView>('default'), []);\n  const busyAtom = useMemo(() => Atom.make(false), []);\n  const setView = useAtomSet(viewAtom);\n\n  // Curate and Clear share the busy guard: ignore re-entry while a run is in flight, flip the busy flag\n  // for the duration, then run the supplied invocation (failures surface via its own notify config).\n  const runExclusive = useCallback(\n    <A, E>(effect: Effect.Effect<A, E>) => {\n      if (registry.get(busyAtom)) {\n        return;\n      }\n      registry.set(busyAtom, true);\n      void EffectEx.runAndForwardErrors(effect.pipe(Effect.ensuring(Effect.sync(() => registry.set(busyAtom, false)))));\n    },\n    [registry, busyAtom],\n  );\n\n  const handleCurate = useCallback(\n    () =>\n      runExclusive(\n        invoker.invoke(\n          FeedOperation.CurateMagazine,\n          { magazine: Ref.make(magazine) },\n          { spaceId: db?.spaceId, notify: { error: ['curate-error.message', { ns: meta.profile.key }] } },\n        ),\n      ),\n    [runExclusive, invoker, magazine, db],\n  );\n\n  const handleClear = useCallback(\n    () =>\n      runExclusive(\n        invoker.invoke(\n          FeedOperation.ClearMagazine,\n          { magazine: Ref.make(magazine) },\n          { spaceId: db?.spaceId, notify: { error: ['clear-error.message', { ns: meta.profile.key }] } },\n        ),\n      ),\n    [runExclusive, invoker, magazine, db],\n  );\n\n  const menu = useMenuBuilder(\n    (get) => {\n      const view = get(viewAtom);\n      const busy = get(busyAtom);\n      const hasFeeds = (get(Obj.atomProperty(magazine, 'feeds')) ?? []).length > 0;\n      // Curate runs the magazine's Routine, so it is unavailable until that Routine exists.\n      const hasRoutine = Boolean(get(Obj.atomProperty(magazine, 'instructions')));\n      // Curate is disabled while busy or until there is at least one feed; the tooltip explains why.\n      const curateLabel = !hasFeeds ? 'no-feeds.label' : busy ? 'refreshing-magazine.label' : 'curate.label';\n\n      return (\n        MenuBuilder.make()\n          // Single-select filter: `value` is the active child id; `'default'` matches neither, so both\n          // toggles read as off. Re-clicking the active toggle returns to `'default'`.\n          .group(\n            'view',\n            {\n              label: ['view-filter.label', { ns: meta.profile.key }],\n              variant: 'toggleGroup',\n              selectCardinality: 'single',\n              value: view,\n            },\n            (group) => {\n              group.action(\n                'starred',\n                {\n                  label: ['only-starred.label', { ns: meta.profile.key }],\n                  icon: view === 'starred' ? 'ph--star--fill' : 'ph--star--regular',\n                },\n                () => setView(view === 'starred' ? 'default' : 'starred'),\n              );\n              group.action(\n                'archived',\n                {\n                  label: ['show-archived.label', { ns: meta.profile.key }],\n                  icon: 'ph--archive--regular',\n                },\n                () => setView(view === 'archived' ? 'default' : 'archived'),\n              );\n            },\n          )\n          // `gap` is a flexible spacer that pushes Clear + Curate to the trailing edge.\n          .separator('gap')\n          .action(\n            'clear',\n            {\n              label: ['clear-magazine.label', { ns: meta.profile.key }],\n              icon: 'ph--broom--regular',\n              iconOnly: true,\n              disabled: busy,\n            },\n            handleClear,\n          )\n          .action(\n            'curate',\n            {\n              label: [curateLabel, { ns: meta.profile.key }],\n              icon: busy ? 'ph--circle-notch--regular' : 'ph--sparkle--regular',\n              iconClassNames: busy ? 'animate-spin' : undefined,\n              iconOnly: true,\n              disabled: busy || !hasFeeds || !hasRoutine,\n            },\n            handleCurate,\n          )\n          .build()\n      );\n    },\n    [magazine, viewAtom, busyAtom, setView, handleClear, handleCurate],\n  );\n\n  return { menu, viewAtom };\n};\n"],
+  "mappings": "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",
+  "names": ["useAtomValue", "React", "useCallback", "useEffect", "useMemo", "useOperationInvoker", "LayoutOperation", "Paths", "useShowItem", "Obj", "Ref", "log", "useObject", "Panel", "useTranslation", "linkedSegment", "useSelection", "Masonry", "Menu", "useVisibleMagazinePosts", "meta", "FeedOperation", "Subscription", "React", "useCallback", "Card", "Focus", "SystemIconButton", "mx", "useMagazinePostData", "MagazineTile", "post", "magazine", "current", "onToggleStar", "onOpen", "snapshot", "feedName", "read", "starred", "snippet", "imageUrl", "useMagazinePostData", "handleCurrentChange", "useCallback", "handleToggleStar", "event", "stopPropagation", "Focus", "Item", "asChild", "onCurrentChange", "Card", "Root", "fullWidth", "classNames", "mx", "Poster", "alt", "title", "image", "fit", "Header", "Block", "SystemIconButton", "Star", "variant", "iconOnly", "square", "size", "active", "onClick", "Title", "div", "end", "Body", "Row", "Text", "className", "span", "formatPublished", "published", "formatDate", "undefined", "Atom", "RegistryContext", "useAtomSet", "Effect", "useCallback", "useContext", "useMemo", "useOperationInvoker", "Obj", "Ref", "EffectEx", "MenuBuilder", "useMenuBuilder", "meta", "FeedOperation", "useToolbar", "magazine", "invoker", "registry", "db", "getDatabase", "viewAtom", "make", "busyAtom", "setView", "runExclusive", "effect", "get", "set", "runAndForwardErrors", "pipe", "ensuring", "sync", "handleCurate", "invoke", "CurateMagazine", "spaceId", "notify", "error", "ns", "profile", "key", "handleClear", "ClearMagazine", "menu", "view", "busy", "hasFeeds", "atomProperty", "length", "hasRoutine", "Boolean", "curateLabel", "group", "label", "variant", "selectCardinality", "value", "action", "icon", "separator", "iconOnly", "disabled", "iconClassNames", "undefined", "build", "MagazineArticle", "invoker", "useOperationInvoker", "magazine", "subject", "useAtomValue", "id", "attendableId", "getURI", "currentId", "useSelection", "db", "Obj", "posts", "useVisibleMagazinePosts", "handleToggleStar", "useCallback", "subscription", "source", "load", "Subscription", "setTag", "post", "getReadAt", "setReadAt", "link", "Ref", "catch", "err", "postLink", "showItem", "selectionId", "companion", "linkedSegment", "path", "getObjectPathFromObject", "useEffect", "noPosts", "current", "onToggleStar", "onOpen", "handleOpen", "React", "Menu", "asChild", "Toolbar", "Tile", "TileAdapter", "minColumnWidth", "maxColumnWidth", "thin", "centered", "padding", "classNames", "tileItems", "data"]
+}