@dxos/react-ui-editor 0.8.2 → 0.8.3-main.672df60

package/dist/types/src/stories/Experimental.stories.d.ts

@@ -1,7 +1,7 @@
 import '@dxos-theme';
 import React from 'react';
 import { type Meta } from '@dxos/storybook-utils';
-import { EditorStory } from './util';
+import { EditorStory } from './components';
 declare const meta: Meta<typeof EditorStory>;
 export default meta;
 export declare const Typewriter: {

package/dist/types/src/stories/Experimental.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Experimental.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Experimental.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAyB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,WAAW,EAAW,MAAM,QAAQ,CAAC;AAI9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAKlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAQpB,eAAO,MAAM,UAAU;;CAOtB,CAAC;AAMF,eAAO,MAAM,KAAK;;CAqBjB,CAAC;AAMF,eAAO,MAAM,GAAG;;CAaf,CAAC"}
+{"version":3,"file":"Experimental.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Experimental.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAyB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,WAAW,EAAW,MAAM,cAAc,CAAC;AAIpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAKlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAQpB,eAAO,MAAM,UAAU;;CAOtB,CAAC;AAMF,eAAO,MAAM,KAAK;;CAqBjB,CAAC;AAMF,eAAO,MAAM,GAAG;;CAaf,CAAC"}

package/dist/types/src/stories/Markdown.stories.d.ts

@@ -1,7 +1,7 @@
 import '@dxos-theme';
 import React from 'react';
 import { type Meta } from '@dxos/storybook-utils';
-import { EditorStory } from './util';
+import { EditorStory } from './components';
 declare const meta: Meta<typeof EditorStory>;
 export default meta;
 export declare const Default: {

package/dist/types/src/stories/Markdown.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Markdown.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAyB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,WAAW,EAAiE,MAAM,QAAQ,CAAC;AAIpG,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAKlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,UAAU;;CAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAEpB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,eAAO,MAAM,IAAI;;CAEhB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAOjB,CAAC;AAMF,eAAO,MAAM,UAAU;;CAEtB,CAAC;AAMF,eAAO,MAAM,WAAW;;CAEvB,CAAC;AAMF,eAAO,MAAM,QAAQ;;CAIpB,CAAC;AAEF,eAAO,MAAM,aAAa;;CAEzB,CAAC;AAMF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAMF,eAAO,MAAM,YAAY;;CAWxB,CAAC"}
+{"version":3,"file":"Markdown.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Markdown.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAyB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,WAAW,EAAiE,MAAM,cAAc,CAAC;AAI1G,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAKlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,UAAU;;CAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAEpB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,eAAO,MAAM,IAAI;;CAEhB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAOjB,CAAC;AAMF,eAAO,MAAM,UAAU;;CAEtB,CAAC;AAMF,eAAO,MAAM,WAAW;;CAEvB,CAAC;AAMF,eAAO,MAAM,QAAQ;;CAIpB,CAAC;AAEF,eAAO,MAAM,aAAa;;CAEzB,CAAC;AAMF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAMF,eAAO,MAAM,YAAY;;CAWxB,CAAC"}

package/dist/types/src/stories/Outliner.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Outliner.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Outliner.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAKrB,OAAO,EAAyB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAOzE,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AA8BF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAK1B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;CAajB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;CAalB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAgBxB,CAAC"}
+{"version":3,"file":"Outliner.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Outliner.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAOrB,OAAO,EAAyB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAOzE,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAwCF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAK1B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;CAajB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;CAalB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAgBxB,CAAC"}

package/dist/types/src/stories/Preview.stories.d.ts

@@ -1,7 +1,7 @@
 import '@dxos-theme';
 import React from 'react';
 import { type Meta } from '@dxos/storybook-utils';
-import { EditorStory } from './util';
+import { EditorStory } from './components';
 declare const meta: Meta<typeof EditorStory>;
 export default meta;
 export declare const Default: {

package/dist/types/src/stories/Preview.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Preview.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,OAAO,EAAyB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AA+FrC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAKlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO;;CA+BnB,CAAC"}
+{"version":3,"file":"Preview.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Preview.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,OAAO,EAAyB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AA+F3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAKlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO;;CA+BnB,CAAC"}

package/dist/types/src/stories/TextEditor.stories.d.ts

@@ -1,7 +1,7 @@
 import '@dxos-theme';
 import React from 'react';
 import { type Meta } from '@dxos/storybook-utils';
-import { EditorStory } from './util';
+import { EditorStory } from './components';
 declare const meta: Meta<typeof EditorStory>;
 export default meta;
 export declare const Default: {

package/dist/types/src/stories/TextEditor.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/TextEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAIrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAyB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EACL,WAAW,EAWZ,MAAM,QAAQ,CAAC;AAgBhB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAKlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAMF,eAAO,MAAM,UAAU;;CAEtB,CAAC;AAMF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAMF,eAAO,MAAM,QAAQ;;CAEpB,CAAC;AAMF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAMF,eAAO,MAAM,GAAG;;CAOf,CAAC;AAMF,eAAO,MAAM,QAAQ;;CAgBpB,CAAC;AAMF,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAMF,eAAO,MAAM,SAAS;;CAUrB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;CAI/B,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAepB,CAAC;AAMF,eAAO,MAAM,UAAU;;CAQtB,CAAC;AAMF,eAAO,MAAM,YAAY;;CAcxB,CAAC;AAQF,eAAO,MAAM,SAAS;;CAYrB,CAAC;AAMF,eAAO,MAAM,OAAO;;CAWnB,CAAC;AAMF,eAAO,MAAM,MAAM;;CAQlB,CAAC"}
+{"version":3,"file":"TextEditor.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/TextEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAIrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAyB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EACL,WAAW,EAWZ,MAAM,cAAc,CAAC;AAgBtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAKlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAMF,eAAO,MAAM,UAAU;;CAEtB,CAAC;AAMF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAMF,eAAO,MAAM,QAAQ;;CAEpB,CAAC;AAMF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAMF,eAAO,MAAM,GAAG;;CAOf,CAAC;AAMF,eAAO,MAAM,QAAQ;;CAgBpB,CAAC;AAMF,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAMF,eAAO,MAAM,SAAS;;CAUrB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;CAI/B,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAepB,CAAC;AAMF,eAAO,MAAM,UAAU;;CAQtB,CAAC;AAMF,eAAO,MAAM,YAAY;;CAcxB,CAAC;AAQF,eAAO,MAAM,SAAS;;CAYrB,CAAC;AAMF,eAAO,MAAM,OAAO;;CAWnB,CAAC;AAMF,eAAO,MAAM,MAAM;;CAQlB,CAAC"}

package/dist/types/src/stories/components/EditorStory.d.ts

@@ -0,0 +1,43 @@
+import { type EditorView } from '@codemirror/view';
+import React, { type ReactNode } from 'react';
+import { Expando } from '@dxos/echo-schema';
+import { type ThemeExtensionsOptions } from '../../extensions';
+import { type UseTextEditorProps } from '../../hooks';
+export type DebugMode = 'raw' | 'tree' | 'raw+tree';
+export type StoryProps = Pick<UseTextEditorProps, 'scrollTo' | 'selection' | 'extensions'> & Pick<ThemeExtensionsOptions, 'slots'> & {
+    id?: string;
+    debug?: DebugMode;
+    debugCustom?: (view: EditorView) => ReactNode;
+    text?: string;
+    object?: Expando;
+    readOnly?: boolean;
+    placeholder?: string;
+    lineNumbers?: boolean;
+    onReady?: (view: EditorView) => void;
+};
+export declare const EditorStory: React.ForwardRefExoticComponent<Pick<UseTextEditorProps, "selection" | "scrollTo" | "extensions"> & Pick<ThemeExtensionsOptions, "slots"> & {
+    id?: string;
+    debug?: DebugMode;
+    debugCustom?: (view: EditorView) => ReactNode;
+    text?: string;
+    object?: Expando;
+    readOnly?: boolean;
+    placeholder?: string;
+    lineNumbers?: boolean;
+    onReady?: (view: EditorView) => void;
+} & React.RefAttributes<EditorView | undefined>>;
+/**
+ * Default story component.
+ */
+export declare const EditorComponent: React.ForwardRefExoticComponent<Pick<UseTextEditorProps, "selection" | "scrollTo" | "extensions"> & Pick<ThemeExtensionsOptions, "slots"> & {
+    id?: string;
+    debug?: DebugMode;
+    debugCustom?: (view: EditorView) => ReactNode;
+    text?: string;
+    object?: Expando;
+    readOnly?: boolean;
+    placeholder?: string;
+    lineNumbers?: boolean;
+    onReady?: (view: EditorView) => void;
+} & React.RefAttributes<EditorView | undefined>>;
+//# sourceMappingURL=EditorStory.d.ts.map

package/dist/types/src/stories/components/EditorStory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorStory.d.ts","sourceRoot":"","sources":["../../../../../src/stories/components/EditorStory.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAiE,MAAM,OAAO,CAAC;AAE7G,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAY5C,OAAO,EAEL,KAAK,sBAAsB,EAM5B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGrE,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC;AAIpD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,WAAW,GAAG,YAAY,CAAC,GACxF,IAAI,CAAC,sBAAsB,EAAE,OAAO,CAAC,GAAG;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,SAAS,CAAC;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC,CAAC;AAEJ,eAAO,MAAM,WAAW;SAXf,MAAM;YACH,SAAS;kBACH,CAAC,IAAI,EAAE,UAAU,KAAK,SAAS;WACtC,MAAM;aACJ,OAAO;eACL,OAAO;kBACJ,MAAM;kBACN,OAAO;cACX,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI;gDAoCvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe;SAjDnB,MAAM;YACH,SAAS;kBACH,CAAC,IAAI,EAAE,UAAU,KAAK,SAAS;WACtC,MAAM;aACJ,OAAO;eACL,OAAO;kBACJ,MAAM;kBACN,OAAO;cACX,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI;gDAyFvC,CAAC"}

package/dist/types/src/stories/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './EditorStory';
+export * from './util';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/stories/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/stories/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC"}

package/dist/types/src/stories/{util.d.ts → components/util.d.ts}

@@ -1,9 +1,6 @@
 import { type Completion } from '@codemirror/autocomplete';
 import { type Extension } from '@codemirror/state';
-import { type EditorView } from '@codemirror/view';
-import React, { type ReactNode } from 'react';
-import { type EditorSelectionState, type ThemeExtensionsOptions } from '../extensions';
-import { type UseTextEditorProps } from '../hooks';
+import { type EditorSelectionState } from '../../extensions';
 export declare const num: () => string;
 export declare const img = "![dxos](https://dxos.network/dxos-logotype-blue.png)";
 export declare const code: string;
@@ -26,10 +23,10 @@ export declare const content: {
 export declare const text: string;
 export declare const links: Completion[];
 export declare const names: string[];
-export declare const renderLinkTooltip: import("..").RenderCallback<{
+export declare const renderLinkTooltip: import("../..").RenderCallback<{
     url: string;
 }>;
-export declare const renderLinkButton: import("..").RenderCallback<{
+export declare const renderLinkButton: import("../..").RenderCallback<{
     url: string;
 }>;
 export declare const defaultExtensions: Extension[];
@@ -38,16 +35,4 @@ export declare const longText: string;
 export declare const largeWithImages: string;
 export declare const headings: string;
 export declare const global: Map<string, EditorSelectionState>;
-export type DebugMode = 'raw' | 'tree' | 'raw+tree';
-export type StoryProps = {
-    id?: string;
-    debug?: DebugMode;
-    debugCustom?: (view: EditorView) => ReactNode;
-    text?: string;
-    readOnly?: boolean;
-    placeholder?: string;
-    lineNumbers?: boolean;
-    onReady?: (view: EditorView) => void;
-} & Pick<UseTextEditorProps, 'scrollTo' | 'selection' | 'extensions'> & Pick<ThemeExtensionsOptions, 'slots'>;
-export declare const EditorStory: ({ id, debug, debugCustom, text, readOnly, placeholder, lineNumbers, scrollTo, selection, extensions, slots, onReady, }: StoryProps) => React.JSX.Element;
 //# sourceMappingURL=util.d.ts.map

package/dist/types/src/stories/components/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../../src/stories/components/util.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAOnD,OAAO,EACL,KAAK,oBAAoB,EAO1B,MAAM,kBAAkB,CAAC;AAI1B,eAAO,MAAM,GAAG,cAAiE,CAAC;AAElF,eAAO,MAAM,GAAG,yDAAyD,CAAC;AAE1E,eAAO,MAAM,IAAI,QAOhB,CAAC;AAGF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CA+FnB,CAAC;AAGF,eAAO,MAAM,IAAI,QAwBhB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,UAAU,EAM7B,CAAC;AAEF,eAAO,MAAM,KAAK,UAA4E,CAAC;AAe/F,eAAO,MAAM,iBAAiB;SAVD,MAAM;EAUyB,CAAC;AAU7D,eAAO,MAAM,gBAAgB;SARD,MAAM;EAQwB,CAAC;AAG3D,eAAO,MAAM,iBAAiB,EAAE,SAAS,EAIxC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,SAAS,EAOpC,CAAC;AAGF,eAAO,MAAM,QAAQ,QAEN,CAAC;AAEhB,eAAO,MAAM,eAAe,QAGb,CAAC;AAEhB,eAAO,MAAM,QAAQ,QAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAA0C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-editor",
-  "version": "0.8.2",
+  "version": "0.8.3-main.672df60",
   "description": "Document editing experience within a DXOS shell.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -59,20 +59,20 @@
     "lodash.merge": "^4.6.2",
     "lodash.sortby": "^4.7.0",
     "style-mod": "^4.1.0",
-    "@dxos/async": "0.8.2",
-    "@dxos/app-graph": "0.8.2",
-    "@dxos/context": "0.8.2",
-    "@dxos/display-name": "0.8.2",
-    "@dxos/debug": "0.8.2",
-    "@dxos/echo-schema": "0.8.2",
-    "@dxos/invariant": "0.8.2",
-    "@dxos/lit-ui": "0.8.2",
-    "@dxos/log": "0.8.2",
-    "@dxos/live-object": "0.8.2",
-    "@dxos/react-ui-menu": "0.8.2",
-    "@dxos/protocols": "0.8.2",
-    "@dxos/react-hooks": "0.8.2",
-    "@dxos/util": "0.8.2"
+    "@dxos/app-graph": "0.8.3-main.672df60",
+    "@dxos/async": "0.8.3-main.672df60",
+    "@dxos/context": "0.8.3-main.672df60",
+    "@dxos/debug": "0.8.3-main.672df60",
+    "@dxos/display-name": "0.8.3-main.672df60",
+    "@dxos/echo-schema": "0.8.3-main.672df60",
+    "@dxos/invariant": "0.8.3-main.672df60",
+    "@dxos/lit-ui": "0.8.3-main.672df60",
+    "@dxos/live-object": "0.8.3-main.672df60",
+    "@dxos/log": "0.8.3-main.672df60",
+    "@dxos/protocols": "0.8.3-main.672df60",
+    "@dxos/react-hooks": "0.8.3-main.672df60",
+    "@dxos/util": "0.8.3-main.672df60",
+    "@dxos/react-ui-menu": "0.8.3-main.672df60"
   },
   "devDependencies": {
     "@automerge/automerge": "3.0.0-beta.4",
@@ -101,15 +101,16 @@
     "vite": "5.4.7",
     "vite-plugin-top-level-await": "^1.4.1",
     "vite-plugin-wasm": "^3.3.0",
-    "@dxos/echo-signals": "0.8.2",
-    "@dxos/random": "0.8.2",
-    "@dxos/config": "0.8.2",
-    "@dxos/react-client": "0.8.2",
-    "@dxos/react-ui": "0.8.2",
-    "@dxos/react-ui-syntax-highlighter": "0.8.2",
-    "@dxos/keyboard": "0.8.2",
-    "@dxos/storybook-utils": "0.8.2",
-    "@dxos/react-ui-theme": "0.8.2"
+    "@dxos/config": "0.8.3-main.672df60",
+    "@dxos/keyboard": "0.8.3-main.672df60",
+    "@dxos/random": "0.8.3-main.672df60",
+    "@dxos/echo-signals": "0.8.3-main.672df60",
+    "@dxos/react-client": "0.8.3-main.672df60",
+    "@dxos/react-ui-attention": "0.8.3-main.672df60",
+    "@dxos/react-ui": "0.8.3-main.672df60",
+    "@dxos/react-ui-syntax-highlighter": "0.8.3-main.672df60",
+    "@dxos/storybook-utils": "0.8.3-main.672df60",
+    "@dxos/react-ui-theme": "0.8.3-main.672df60"
   },
   "peerDependencies": {
     "@effect-rx/rx-react": "^0.34.1",
@@ -118,9 +119,9 @@
     "effect": "^3.13.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.2",
-    "@dxos/react-client": "0.8.2",
-    "@dxos/react-ui-theme": "0.8.2"
+    "@dxos/react-ui": "0.8.3-main.672df60",
+    "@dxos/react-client": "0.8.3-main.672df60",
+    "@dxos/react-ui-theme": "0.8.3-main.672df60"
   },
   "publishConfig": {
     "access": "public"

package/src/extensions/command/menu.ts

@@ -4,6 +4,8 @@
 
 import { EditorView, ViewPlugin, type ViewUpdate } from '@codemirror/view';
 
+import { type CleanupFn, addEventListener } from '@dxos/async';
+
 import { closeEffect, openEffect } from './action';
 
 export type FloatingMenuOptions = {
@@ -17,7 +19,8 @@ export const floatingMenu = (options: FloatingMenuOptions = {}) => [
     class {
       view: EditorView;
       tag: HTMLElement;
-      rafId: number | null = null;
+      rafId?: number | null;
+      cleanup?: CleanupFn;
 
       constructor(view: EditorView) {
         this.view = view;
@@ -28,23 +31,34 @@ export const floatingMenu = (options: FloatingMenuOptions = {}) => [
           container.style.position = 'relative';
         }
 
-        const icon = document.createElement('dx-icon');
-        icon.setAttribute('icon', options.icon ?? 'ph--dots-three-outline--regular');
+        {
+          const icon = document.createElement('dx-icon');
+          icon.setAttribute('icon', options.icon ?? 'ph--dots-three-vertical--regular');
+
+          const button = document.createElement('button');
+          button.appendChild(icon);
 
-        const button = document.createElement('button');
-        button.appendChild(icon);
+          this.tag = document.createElement('dx-ref-tag');
+          this.tag.classList.add('cm-ref-tag');
+          this.tag.appendChild(button);
+        }
 
-        // TODO(burdon): Custom tag/styles?
-        this.tag = document.createElement('dx-ref-tag');
-        this.tag.classList.add('cm-ref-tag');
-        this.tag.appendChild(button);
         container.appendChild(this.tag);
 
         // Listen for scroll events.
-        container.addEventListener('scroll', this.scheduleUpdate.bind(this));
+        const handler = () => this.scheduleUpdate();
+        this.cleanup = addEventListener(container, 'scroll', handler);
         this.scheduleUpdate();
       }
 
+      destroy() {
+        this.cleanup?.();
+        this.tag.remove();
+        if (this.rafId != null) {
+          cancelAnimationFrame(this.rafId);
+        }
+      }
+
       update(update: ViewUpdate) {
         this.tag.dataset.focused = update.view.hasFocus ? 'true' : 'false';
         if (!update.view.hasFocus) {
@@ -96,13 +110,6 @@ export const floatingMenu = (options: FloatingMenuOptions = {}) => [
 
         this.rafId = requestAnimationFrame(this.updateButtonPosition.bind(this));
       }
-
-      destroy() {
-        this.tag.remove();
-        if (this.rafId != null) {
-          cancelAnimationFrame(this.rafId);
-        }
-      }
     },
   ),
 
@@ -111,8 +118,13 @@ export const floatingMenu = (options: FloatingMenuOptions = {}) => [
       position: 'fixed',
       padding: '0',
       border: 'none',
-      transition: 'opacity 0.3s ease-in-out',
-      opacity: 0.1,
+      opacity: '0',
+    },
+    '[data-has-focus] & .cm-ref-tag': {
+      opacity: '1',
+    },
+    '[data-is-attention-source] & .cm-ref-tag': {
+      opacity: '1',
     },
     '.cm-ref-tag button': {
       display: 'grid',
@@ -121,8 +133,5 @@ export const floatingMenu = (options: FloatingMenuOptions = {}) => [
       width: '2rem',
       height: '2rem',
     },
-    '.cm-ref-tag[data-focused="true"]': {
-      opacity: 1,
-    },
   }),
 ];

package/src/extensions/hashtag.tsx

@@ -0,0 +1,68 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { type Extension } from '@codemirror/state';
+import {
+  Decoration,
+  type DecorationSet,
+  EditorView,
+  MatchDecorator,
+  ViewPlugin,
+  type ViewUpdate,
+  WidgetType,
+} from '@codemirror/view';
+
+import { getHashColor, mx } from '@dxos/react-ui-theme';
+
+class TagWidget extends WidgetType {
+  constructor(private _text: string) {
+    super();
+  }
+
+  toDOM(): HTMLSpanElement {
+    const span = document.createElement('span');
+    span.className = mx('cm-tag', getHashColor(this._text).tag);
+    span.textContent = this._text;
+    return span;
+  }
+}
+
+const tagMatcher = new MatchDecorator({
+  regexp: /#(\w+)\W/g,
+  decoration: (match) =>
+    Decoration.replace({
+      widget: new TagWidget(match[1]),
+    }),
+});
+
+// TODO(burdon): Autocomplete from existing tags?
+export const hashtag = (): Extension => [
+  ViewPlugin.fromClass(
+    class {
+      tags: DecorationSet;
+      constructor(view: EditorView) {
+        this.tags = tagMatcher.createDeco(view);
+      }
+
+      update(update: ViewUpdate) {
+        this.tags = tagMatcher.updateDeco(update, this.tags);
+      }
+    },
+    {
+      decorations: (instance) => instance.tags,
+      provide: (plugin) =>
+        EditorView.atomicRanges.of((view) => {
+          return view.plugin(plugin)?.tags || Decoration.none;
+        }),
+    },
+  ),
+
+  EditorView.theme({
+    '.cm-tag': {
+      borderRadius: '4px',
+      marginRight: '6px',
+      padding: '2px 6px',
+    },
+  }),
+];

package/src/extensions/index.ts

@@ -14,6 +14,7 @@ export * from './dnd';
 export * from './factories';
 export * from './focus';
 export * from './folding';
+export * from './hashtag';
 export * from './json';
 export * from './listener';
 export * from './markdown';

package/src/extensions/json.ts

@@ -16,7 +16,8 @@ export type JsonExtensionsOptions = {
 export const createJsonExtensions = ({ schema }: JsonExtensionsOptions = {}): Extension => {
   let lintSource: LintSource = jsonParseLinter();
   if (schema) {
-    const ajv = new Ajv({ allErrors: false });
+    // NOTE: Relaxing strict mode to allow additional custom schema properties.
+    const ajv = new Ajv({ allErrors: false, strict: false });
     const validate = ajv.compile(schema);
     lintSource = schemaLinter(validate);
   }

package/src/extensions/markdown/debug.ts

@@ -3,10 +3,10 @@
 //
 
 import { syntaxTree } from '@codemirror/language';
-import { type EditorState, StateField } from '@codemirror/state';
+import { type EditorState, type Extension, StateField } from '@codemirror/state';
 import { type TreeCursor } from '@lezer/common';
 
-export const debugTree = (cb: (tree: DebugNode) => void) =>
+export const debugTree = (cb: (tree: DebugNode) => void): Extension =>
   StateField.define({
     create: (state) => cb(convertTreeToJson(state)),
     update: (value, tr) => cb(convertTreeToJson(tr.state)),

package/src/extensions/outliner/outliner.ts

@@ -28,9 +28,7 @@ import { decorateMarkdown } from '../markdown';
 // TODO(burdon): Smart Cut-and-paste.
 // TODO(burdon): DND.
 
-export type OutlinerProps = {
-  showSelected?: boolean;
-};
+export type OutlinerProps = {};
 
 /**
  * Outliner extension.
@@ -56,7 +54,7 @@ export const outliner = (options: OutlinerProps = {}): Extension => [
   floatingMenu(),
 
   // Line decorations.
-  decorations(options),
+  decorations(),
 
   // Default markdown decorations.
   decorateMarkdown({ listPaddingLeft: 8 }),
@@ -68,7 +66,7 @@ export const outliner = (options: OutlinerProps = {}): Extension => [
 /**
  * Line decorations (for border and selection).
  */
-const decorations = (options: OutlinerProps) => [
+const decorations = () => [
   ViewPlugin.fromClass(
     class {
       decorations: DecorationSet = Decoration.none;
@@ -157,12 +155,15 @@ const decorations = (options: OutlinerProps) => [
         marginBottom: '2px',
       },
 
-      '.cm-list-item-selected': {
-        borderColor: options.showSelected ? 'var(--dx-separator)' : undefined,
-      },
       '.cm-list-item-focused': {
         borderColor: 'var(--dx-accentFocusIndicator)',
       },
+      '[data-has-focus] & .cm-list-item-selected': {
+        borderColor: 'var(--dx-separator)',
+      },
+      '[data-is-attention-source] & .cm-list-item-selected': {
+        borderColor: 'var(--dx-separator)',
+      },
     }),
   ),
 ];

package/src/stories/Command.stories.tsx

@@ -10,7 +10,7 @@ import { Button, Icon, Input, DropdownMenu } from '@dxos/react-ui';
 import { mx } from '@dxos/react-ui-theme';
 import { withLayout, withTheme, type Meta } from '@dxos/storybook-utils';
 
-import { EditorStory } from './util';
+import { EditorStory } from './components';
 import { RefDropdownMenu } from '../components';
 import { editorWidth } from '../defaults';
 import { command, type Action, floatingMenu } from '../extensions';

package/src/stories/Comments.stories.tsx

@@ -12,7 +12,7 @@ import { PublicKey } from '@dxos/keys';
 import { log } from '@dxos/log';
 import { withLayout, withTheme, type Meta } from '@dxos/storybook-utils';
 
-import { EditorStory, content, longText } from './util';
+import { EditorStory, content, longText } from './components';
 import { annotations, comments, createExternalCommentSync } from '../extensions';
 import { str } from '../testing';
 import { type Comment } from '../types';
@@ -20,8 +20,8 @@ import { createRenderer } from '../util';
 
 const meta: Meta<typeof EditorStory> = {
   title: 'ui/react-ui-editor/Comments',
+  component: EditorStory,
   decorators: [withTheme, withLayout({ fullscreen: true })],
-  render: EditorStory,
   parameters: { layout: 'fullscreen' },
 };
 

package/src/stories/Experimental.stories.tsx

@@ -11,14 +11,14 @@ import { log } from '@dxos/log';
 import { faker } from '@dxos/random';
 import { withLayout, withTheme, type Meta } from '@dxos/storybook-utils';
 
-import { EditorStory, content } from './util';
+import { EditorStory, content } from './components';
 import { typewriter, blast, defaultOptions, dropFile } from '../extensions';
 import { str } from '../testing';
 
 const meta: Meta<typeof EditorStory> = {
   title: 'ui/react-ui-editor/Experimental',
+  component: EditorStory,
   decorators: [withTheme, withLayout({ fullscreen: true })],
-  render: EditorStory,
   parameters: { layout: 'fullscreen' },
 };
 

package/src/stories/Markdown.stories.tsx

@@ -9,14 +9,14 @@ import React from 'react';
 
 import { withLayout, withTheme, type Meta } from '@dxos/storybook-utils';
 
-import { EditorStory, content, defaultExtensions, headings, renderLinkTooltip, text } from './util';
+import { EditorStory, content, defaultExtensions, headings, renderLinkTooltip, text } from './components';
 import { decorateMarkdown, image, linkTooltip, table } from '../extensions';
 import { str } from '../testing';
 
 const meta: Meta<typeof EditorStory> = {
   title: 'ui/react-ui-editor/Markdown',
+  component: EditorStory,
   decorators: [withTheme, withLayout({ fullscreen: true })],
-  render: EditorStory,
   parameters: { layout: 'fullscreen' },
 };
 

package/src/stories/Outliner.stories.tsx

@@ -4,14 +4,16 @@
 
 import '@dxos-theme';
 
-import React from 'react';
+import { type EditorView } from '@codemirror/view';
+import React, { useRef } from 'react';
 
 import { DropdownMenu } from '@dxos/react-ui';
+import { withAttention } from '@dxos/react-ui-attention/testing';
 import { withLayout, withTheme, type Meta } from '@dxos/storybook-utils';
 
-import { EditorStory } from './util';
+import { EditorStory } from './components';
 import { RefDropdownMenu } from '../components';
-import { outliner, listItemToString, treeFacet } from '../extensions';
+import { outliner, listItemToString, treeFacet, deleteItem, hashtag } from '../extensions';
 import { str } from '../testing';
 
 type StoryProps = {
@@ -19,11 +21,20 @@ type StoryProps = {
 };
 
 const DefaultStory = ({ text }: StoryProps) => {
+  const viewRef = useRef<EditorView>(null);
+
+  const handleDelete = () => {
+    if (viewRef.current) {
+      deleteItem(viewRef.current);
+    }
+  };
+
   return (
     <RefDropdownMenu.Provider>
       <EditorStory
+        ref={viewRef}
         text={text}
-        extensions={[outliner()]}
+        extensions={[outliner(), hashtag()]}
         placeholder=''
         slots={{}}
         debug='raw+tree'
@@ -31,13 +42,14 @@ const DefaultStory = ({ text }: StoryProps) => {
           const tree = view.state.facet(treeFacet);
           const lines: string[] = [];
           tree.traverse((item) => lines.push(listItemToString(item)));
-          return <pre className='p-1 text-xs text-green-800 dark:text-green-200 overflow-auto'>{lines.join('\n')}</pre>;
+          return <pre className='p-1 overflow-auto text-xs text-green-800 dark:text-green-200'>{lines.join('\n')}</pre>;
         }}
       />
+
       <DropdownMenu.Portal>
         <DropdownMenu.Content>
           <DropdownMenu.Viewport>
-            <DropdownMenu.Item onClick={() => console.log('test')}>Test</DropdownMenu.Item>
+            <DropdownMenu.Item onClick={handleDelete}>Delete</DropdownMenu.Item>
           </DropdownMenu.Viewport>
           <DropdownMenu.Arrow />
         </DropdownMenu.Content>
@@ -48,8 +60,8 @@ const DefaultStory = ({ text }: StoryProps) => {
 
 const meta: Meta<StoryProps> = {
   title: 'ui/react-ui-editor/Outliner',
-  decorators: [withTheme, withLayout({ fullscreen: true })],
   render: DefaultStory,
+  decorators: [withAttention, withTheme, withLayout({ fullscreen: true })],
   parameters: { layout: 'fullscreen' },
 };