@dxos/plugin-help 0.8.4-main.c4373fc → 0.8.4-main.d05673bc65

package/dist/lib/browser/ShortcutsDialogContent-SFEN5YKG.mjs

@@ -0,0 +1,36 @@
+import {
+  ShortcutsList
+} from "./chunk-VGW5FGD7.mjs";
+import "./chunk-HMLZFBYY.mjs";
+import {
+  meta
+} from "./chunk-TEXIV2IJ.mjs";
+
+// src/containers/ShortcutsDialogContent/ShortcutsDialogContent.tsx
+import React from "react";
+import { Dialog, IconButton, useTranslation } from "@dxos/react-ui";
+var ShortcutsDialogContent = () => {
+  const { t } = useTranslation(meta.id);
+  return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex justify-between mb-1 pt-3 ps-2 pe-3 @md:pt-4 @md:ps-4 @md:pe-5"
+  }, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("shortcuts dialog title")), /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--x--bold",
+    iconOnly: true,
+    size: 3,
+    label: "Close",
+    variant: "ghost",
+    autoFocus: true
+  }))), /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-center justify-center"
+  }, /* @__PURE__ */ React.createElement(ShortcutsList, null)));
+};
+
+// src/containers/ShortcutsDialogContent/index.ts
+var ShortcutsDialogContent_default = ShortcutsDialogContent;
+export {
+  ShortcutsDialogContent_default as default
+};
+//# sourceMappingURL=ShortcutsDialogContent-SFEN5YKG.mjs.map

package/dist/lib/browser/ShortcutsDialogContent-SFEN5YKG.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ShortcutsDialogContent/ShortcutsDialogContent.tsx", "../../../src/containers/ShortcutsDialogContent/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Dialog, IconButton, useTranslation } from '@dxos/react-ui';\n\nimport { ShortcutsList } from '../../components';\nimport { meta } from '../../meta';\n\nexport const ShortcutsDialogContent = () => {\n  const { t } = useTranslation(meta.id);\n\n  return (\n    <Dialog.Content>\n      <div role='none' className='flex justify-between mb-1 pt-3 ps-2 pe-3 @md:pt-4 @md:ps-4 @md:pe-5'>\n        <Dialog.Title>{t('shortcuts dialog title')}</Dialog.Title>\n        <Dialog.Close asChild>\n          <IconButton icon='ph--x--bold' iconOnly size={3} label='Close' variant='ghost' autoFocus />\n        </Dialog.Close>\n      </div>\n\n      <div className='flex items-center justify-center'>\n        <ShortcutsList />\n      </div>\n    </Dialog.Content>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { ShortcutsDialogContent } from './ShortcutsDialogContent';\n\nexport default ShortcutsDialogContent;\n"],
+  "mappings": ";;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,QAAQC,YAAYC,sBAAsB;AAK5C,IAAMC,yBAAyB,MAAA;AACpC,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AAEpC,SACE,sBAAA,cAACC,OAAOC,SAAO,MACb,sBAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACJ,OAAOK,OAAK,MAAET,EAAE,wBAAA,CAAA,GACjB,sBAAA,cAACI,OAAOM,OAAK;IAACC,SAAAA;KACZ,sBAAA,cAACC,YAAAA;IAAWC,MAAK;IAAcC,UAAAA;IAASC,MAAM;IAAGC,OAAM;IAAQC,SAAQ;IAAQC,WAAAA;QAInF,sBAAA,cAACZ,OAAAA;IAAIE,WAAU;KACb,sBAAA,cAACW,eAAAA,IAAAA,CAAAA,CAAAA;AAIT;;;ACtBA,IAAA,iCAAeC;",
+  "names": ["React", "Dialog", "IconButton", "useTranslation", "ShortcutsDialogContent", "t", "useTranslation", "meta", "id", "Dialog", "Content", "div", "role", "className", "Title", "Close", "asChild", "IconButton", "icon", "iconOnly", "size", "label", "variant", "autoFocus", "ShortcutsList", "ShortcutsDialogContent"]
+}

package/dist/lib/browser/ShortcutsHints-SUH2FE3T.mjs

@@ -0,0 +1,12 @@
+import {
+  ShortcutsHints
+} from "./chunk-VGW5FGD7.mjs";
+import "./chunk-HMLZFBYY.mjs";
+import "./chunk-TEXIV2IJ.mjs";
+
+// src/containers/ShortcutsHints/index.ts
+var ShortcutsHints_default = ShortcutsHints;
+export {
+  ShortcutsHints_default as default
+};
+//# sourceMappingURL=ShortcutsHints-SUH2FE3T.mjs.map

package/dist/lib/browser/ShortcutsHints-SUH2FE3T.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ShortcutsHints/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { ShortcutsHints } from './ShortcutsHints';\n\nexport default ShortcutsHints;\n"],
+  "mappings": ";;;;;;;AAMA,IAAA,yBAAeA;",
+  "names": ["ShortcutsHints"]
+}

package/dist/lib/browser/ShortcutsList-4YPEJM33.mjs

@@ -0,0 +1,12 @@
+import {
+  ShortcutsList
+} from "./chunk-VGW5FGD7.mjs";
+import "./chunk-HMLZFBYY.mjs";
+import "./chunk-TEXIV2IJ.mjs";
+
+// src/containers/ShortcutsList/index.ts
+var ShortcutsList_default = ShortcutsList;
+export {
+  ShortcutsList_default as default
+};
+//# sourceMappingURL=ShortcutsList-4YPEJM33.mjs.map

package/dist/lib/browser/ShortcutsList-4YPEJM33.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ShortcutsList/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { ShortcutsList } from './ShortcutsList';\n\nexport default ShortcutsList;\n"],
+  "mappings": ";;;;;;;AAMA,IAAA,wBAAeA;",
+  "names": ["ShortcutsList"]
+}

package/dist/lib/browser/app-graph-builder-5RXPFQPI.mjs

@@ -0,0 +1,79 @@
+import {
+  SHORTCUTS_DIALOG
+} from "./chunk-P34WCEMS.mjs";
+import {
+  HelpCapabilities,
+  HelpOperation
+} from "./chunk-HMLZFBYY.mjs";
+import {
+  meta
+} from "./chunk-TEXIV2IJ.mjs";
+
+// src/capabilities/app-graph-builder/app-graph-builder.ts
+import * as Effect from "effect/Effect";
+import { Capabilities, Capability } from "@dxos/app-framework";
+import { GraphBuilder, NodeMatcher } from "@dxos/app-graph";
+import { AppCapabilities, LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/operation";
+var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  const extensions = yield* GraphBuilder.createExtension({
+    id: meta.id,
+    match: NodeMatcher.whenRoot,
+    actions: () => Effect.succeed([
+      {
+        id: HelpOperation.Start.meta.key,
+        data: Effect.fnUntraced(function* () {
+          yield* Capabilities.updateAtomValue(HelpCapabilities.State, (s) => ({
+            ...s,
+            showHints: true
+          }));
+          yield* Operation.invoke(HelpOperation.Start);
+        }),
+        properties: {
+          label: [
+            "open help tour",
+            {
+              ns: meta.id
+            }
+          ],
+          icon: "ph--info--regular",
+          keyBinding: {
+            macos: "shift+meta+/",
+            windows: "shift+ctrl+/",
+            linux: "shift+ctrl+?"
+          },
+          testId: "helpPlugin.openHelp"
+        }
+      },
+      {
+        id: `${meta.id}.open-shortcuts`,
+        data: Effect.fnUntraced(function* () {
+          yield* Capabilities.updateAtomValue(HelpCapabilities.State, (s) => ({
+            ...s,
+            showHints: true
+          }));
+          yield* Operation.invoke(LayoutOperation.UpdateDialog, {
+            subject: SHORTCUTS_DIALOG
+          });
+        }),
+        properties: {
+          label: [
+            "open shortcuts label",
+            {
+              ns: meta.id
+            }
+          ],
+          icon: "ph--keyboard--regular",
+          keyBinding: {
+            macos: "meta+ctrl+/"
+          }
+        }
+      }
+    ])
+  });
+  return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);
+}));
+export {
+  app_graph_builder_default as default
+};
+//# sourceMappingURL=app-graph-builder-5RXPFQPI.mjs.map

package/dist/lib/browser/app-graph-builder-5RXPFQPI.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { GraphBuilder, NodeMatcher } from '@dxos/app-graph';\nimport { AppCapabilities, LayoutOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\n\nimport { SHORTCUTS_DIALOG } from '../../constants';\nimport { meta } from '../../meta';\nimport { HelpCapabilities, HelpOperation } from '../../types';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const extensions = yield* GraphBuilder.createExtension({\n      id: meta.id,\n      match: NodeMatcher.whenRoot,\n      actions: () =>\n        Effect.succeed([\n          {\n            id: HelpOperation.Start.meta.key,\n            data: Effect.fnUntraced(function* () {\n              yield* Capabilities.updateAtomValue(HelpCapabilities.State, (s) => ({ ...s, showHints: true }));\n              yield* Operation.invoke(HelpOperation.Start);\n            }),\n            properties: {\n              label: ['open help tour', { ns: meta.id }],\n              icon: 'ph--info--regular',\n              keyBinding: {\n                macos: 'shift+meta+/',\n                windows: 'shift+ctrl+/',\n                linux: 'shift+ctrl+?',\n              },\n              testId: 'helpPlugin.openHelp',\n            },\n          },\n          {\n            id: `${meta.id}.open-shortcuts`,\n            data: Effect.fnUntraced(function* () {\n              yield* Capabilities.updateAtomValue(HelpCapabilities.State, (s) => ({ ...s, showHints: true }));\n              yield* Operation.invoke(LayoutOperation.UpdateDialog, {\n                subject: SHORTCUTS_DIALOG,\n              });\n            }),\n            properties: {\n              label: ['open shortcuts label', { ns: meta.id }],\n              icon: 'ph--keyboard--regular',\n              keyBinding: {\n                macos: 'meta+ctrl+/',\n              },\n            },\n          },\n        ]),\n    });\n\n    return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);\n  }),\n);\n"],
+  "mappings": ";;;;;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,cAAcC,mBAAmB;AAC1C,SAASC,iBAAiBC,uBAAuB;AACjD,SAASC,iBAAiB;AAM1B,IAAA,4BAAeC,WAAWC,WACjBC,kBAAW,aAAA;AAChB,QAAMC,aAAa,OAAOC,aAAaC,gBAAgB;IACrDC,IAAIC,KAAKD;IACTE,OAAOC,YAAYC;IACnBC,SAAS,MACAC,eAAQ;MACb;QACEN,IAAIO,cAAcC,MAAMP,KAAKQ;QAC7BC,MAAad,kBAAW,aAAA;AACtB,iBAAOe,aAAaC,gBAAgBC,iBAAiBC,OAAO,CAACC,OAAO;YAAE,GAAGA;YAAGC,WAAW;UAAK,EAAA;AAC5F,iBAAOC,UAAUC,OAAOX,cAAcC,KAAK;QAC7C,CAAA;QACAW,YAAY;UACVC,OAAO;YAAC;YAAkB;cAAEC,IAAIpB,KAAKD;YAAG;;UACxCsB,MAAM;UACNC,YAAY;YACVC,OAAO;YACPC,SAAS;YACTC,OAAO;UACT;UACAC,QAAQ;QACV;MACF;MACA;QACE3B,IAAI,GAAGC,KAAKD,EAAE;QACdU,MAAad,kBAAW,aAAA;AACtB,iBAAOe,aAAaC,gBAAgBC,iBAAiBC,OAAO,CAACC,OAAO;YAAE,GAAGA;YAAGC,WAAW;UAAK,EAAA;AAC5F,iBAAOC,UAAUC,OAAOU,gBAAgBC,cAAc;YACpDC,SAASC;UACX,CAAA;QACF,CAAA;QACAZ,YAAY;UACVC,OAAO;YAAC;YAAwB;cAAEC,IAAIpB,KAAKD;YAAG;;UAC9CsB,MAAM;UACNC,YAAY;YACVC,OAAO;UACT;QACF;MACF;KACD;EACL,CAAA;AAEA,SAAO9B,WAAWsC,YAAYC,gBAAgBC,iBAAiBrC,UAAAA;AACjE,CAAA,CAAA;",
+  "names": ["Effect", "Capabilities", "Capability", "GraphBuilder", "NodeMatcher", "AppCapabilities", "LayoutOperation", "Operation", "Capability", "makeModule", "fnUntraced", "extensions", "GraphBuilder", "createExtension", "id", "meta", "match", "NodeMatcher", "whenRoot", "actions", "succeed", "HelpOperation", "Start", "key", "data", "Capabilities", "updateAtomValue", "HelpCapabilities", "State", "s", "showHints", "Operation", "invoke", "properties", "label", "ns", "icon", "keyBinding", "macos", "windows", "linux", "testId", "LayoutOperation", "UpdateDialog", "subject", "SHORTCUTS_DIALOG", "contributes", "AppCapabilities", "AppGraphBuilder"]
+}

package/dist/lib/browser/chunk-HMLZFBYY.mjs

@@ -0,0 +1,58 @@
+import {
+  meta
+} from "./chunk-TEXIV2IJ.mjs";
+
+// src/types/capabilities.ts
+import * as Schema from "effect/Schema";
+import { Capability } from "@dxos/app-framework";
+(function(HelpCapabilities2) {
+  HelpCapabilities2.StateSchema = Schema.mutable(Schema.Struct({
+    running: Schema.Boolean,
+    showHints: Schema.Boolean,
+    showWelcome: Schema.Boolean
+  }));
+  HelpCapabilities2.State = Capability.make(`${meta.id}.capability.state`);
+})(HelpCapabilities || (HelpCapabilities = {}));
+var HelpCapabilities;
+
+// src/types/schema.ts
+import * as Schema2 from "effect/Schema";
+import { createContext } from "react";
+import { Capability as Capability2 } from "@dxos/app-framework";
+import { Operation } from "@dxos/operation";
+var HelpContext = createContext({
+  running: false,
+  steps: [],
+  setSteps: () => {
+  },
+  setIndex: () => {
+  },
+  start: () => {
+  },
+  stop: () => {
+  }
+});
+var HELP_OPERATION = `${meta.id}.operation`;
+(function(HelpOperation2) {
+  HelpOperation2.Start = Operation.make({
+    meta: {
+      key: `${HELP_OPERATION}.start`,
+      name: "Start Help"
+    },
+    services: [
+      Capability2.Service
+    ],
+    schema: {
+      input: Schema2.Void,
+      output: Schema2.Void
+    }
+  });
+})(HelpOperation || (HelpOperation = {}));
+var HelpOperation;
+
+export {
+  HelpCapabilities,
+  HelpContext,
+  HelpOperation
+};
+//# sourceMappingURL=chunk-HMLZFBYY.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/capabilities.ts", "../../../src/types/schema.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Atom } from '@effect-atom/atom-react';\nimport * as Schema from 'effect/Schema';\n\nimport { Capability } from '@dxos/app-framework';\n\nimport { meta } from '../meta';\n\nexport namespace HelpCapabilities {\n  export const StateSchema = Schema.mutable(\n    Schema.Struct({\n      running: Schema.Boolean,\n      showHints: Schema.Boolean,\n      showWelcome: Schema.Boolean,\n    }),\n  );\n\n  export type State = Schema.Schema.Type<typeof StateSchema>;\n\n  export const State = Capability.make<Atom.Writable<State>>(`${meta.id}.capability.state`);\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\nimport { type Context, createContext } from 'react';\nimport { type Step as BaseStep } from 'react-joyride';\n\nimport { Capability, type CapabilityManager } from '@dxos/app-framework';\nimport { Operation } from '@dxos/operation';\n\nimport { meta } from '../meta';\n\nexport type Step = BaseStep & {\n  before?: (capabilities: CapabilityManager.CapabilityManager) => void;\n};\n\nexport type HelpContextType = {\n  running: boolean;\n  steps: Step[];\n  setSteps: (steps: Step[]) => void;\n  setIndex: (index: number) => void;\n  start: () => void;\n  stop: () => void;\n};\n\nexport const HelpContext: Context<HelpContextType> = createContext<HelpContextType>({\n  running: false,\n  steps: [],\n  setSteps: () => {},\n  setIndex: () => {},\n  start: () => {},\n  stop: () => {},\n});\n\nconst HELP_OPERATION = `${meta.id}.operation`;\n\nexport namespace HelpOperation {\n  export const Start = Operation.make({\n    meta: { key: `${HELP_OPERATION}.start`, name: 'Start Help' },\n    services: [Capability.Service],\n    schema: { input: Schema.Void, output: Schema.Void },\n  });\n}\n"],
+  "mappings": ";;;;;AAKA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;UAIVC,mBAAAA;oBACFC,cAAqBC,eACzBC,cAAO;IACZC,SAAgBC;IAChBC,WAAkBD;IAClBE,aAAoBF;EACtB,CAAA,CAAA;oBAKWG,QAAQC,WAAWC,KAA2B,GAAGC,KAAKC,EAAE,mBAAmB;AAC1F,GAZiBZ,qBAAAA,mBAAAA,CAAAA,EAAAA;;;;ACPjB,YAAYa,aAAY;AACxB,SAAuBC,qBAAqB;AAG5C,SAASC,cAAAA,mBAA0C;AACnD,SAASC,iBAAiB;AAiBnB,IAAMC,cAAwCC,cAA+B;EAClFC,SAAS;EACTC,OAAO,CAAA;EACPC,UAAU,MAAA;EAAO;EACjBC,UAAU,MAAA;EAAO;EACjBC,OAAO,MAAA;EAAO;EACdC,MAAM,MAAA;EAAO;AACf,CAAA;AAEA,IAAMC,iBAAiB,GAAGC,KAAKC,EAAE;UAEhBC,gBAAAA;iBACFC,QAAQC,UAAUC,KAAK;IAClCL,MAAM;MAAEM,KAAK,GAAGP,cAAAA;MAAwBQ,MAAM;IAAa;IAC3DC,UAAU;MAACC,YAAWC;;IACtBC,QAAQ;MAAEC,OAAcC;MAAMC,QAAeD;IAAK;EACpD,CAAA;AACF,GANiBX,kBAAAA,gBAAAA,CAAAA,EAAAA;;",
+  "names": ["Schema", "Capability", "HelpCapabilities", "StateSchema", "mutable", "Struct", "running", "Boolean", "showHints", "showWelcome", "State", "Capability", "make", "meta", "id", "Schema", "createContext", "Capability", "Operation", "HelpContext", "createContext", "running", "steps", "setSteps", "setIndex", "start", "stop", "HELP_OPERATION", "meta", "id", "HelpOperation", "Start", "Operation", "make", "key", "name", "services", "Capability", "Service", "schema", "input", "Void", "output"]
+}

package/dist/lib/browser/chunk-P34WCEMS.mjs

@@ -0,0 +1,11 @@
+import {
+  meta
+} from "./chunk-TEXIV2IJ.mjs";
+
+// src/constants.ts
+var SHORTCUTS_DIALOG = `${meta.id}.ShortcutsDialog`;
+
+export {
+  SHORTCUTS_DIALOG
+};
+//# sourceMappingURL=chunk-P34WCEMS.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { meta } from './meta';\n\nexport const SHORTCUTS_DIALOG = `${meta.id}.ShortcutsDialog`;\n"],
+  "mappings": ";;;;;AAMO,IAAMA,mBAAmB,GAAGC,KAAKC,EAAE;",
+  "names": ["SHORTCUTS_DIALOG", "meta", "id"]
+}

package/dist/lib/browser/chunk-TEXIV2IJ.mjs

@@ -0,0 +1,16 @@
+// src/meta.ts
+import { trim } from "@dxos/util";
+var meta = {
+  id: "org.dxos.plugin.help",
+  name: "Help",
+  description: trim`
+    Built-in help system with documentation, tutorials, and contextual assistance.
+    Access keyboard shortcuts, feature guides, and support resources.
+  `,
+  icon: "ph--info--regular"
+};
+
+export {
+  meta
+};
+//# sourceMappingURL=chunk-TEXIV2IJ.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.help',\n  name: 'Help',\n  description: trim`\n    Built-in help system with documentation, tutorials, and contextual assistance.\n    Access keyboard shortcuts, feature guides, and support resources.\n  `,\n  icon: 'ph--info--regular',\n};\n"],
+  "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;AACR;",
+  "names": ["trim", "meta", "id", "name", "description", "trim", "icon"]
+}

package/dist/lib/browser/chunk-VGW5FGD7.mjs

@@ -0,0 +1,335 @@
+import {
+  HelpContext
+} from "./chunk-HMLZFBYY.mjs";
+import {
+  meta
+} from "./chunk-TEXIV2IJ.mjs";
+
+// src/components/Shortcuts/Key.tsx
+import React from "react";
+import { keySymbols } from "@dxos/keyboard";
+
+// src/components/Shortcuts/styles.ts
+import { mx } from "@dxos/ui-theme";
+var shortcutKey = mx("inline-flex min-w-[24px] h-[24px] px-0.5 justify-center items-center text-xs", "rounded-sm bg-neutral-100 dark:bg-neutral-900");
+
+// src/components/Shortcuts/Key.tsx
+var Key = ({ binding }) => {
+  return /* @__PURE__ */ React.createElement("span", {
+    role: "term",
+    className: "inline-flex gap-1",
+    "aria-label": binding,
+    id: binding
+  }, keySymbols(binding).map((c, i) => /* @__PURE__ */ React.createElement("span", {
+    key: i,
+    className: shortcutKey
+  }, c)));
+};
+
+// src/components/Shortcuts/ShortcutsHints.tsx
+import React2 from "react";
+import { Keyboard } from "@dxos/keyboard";
+import { IconButton, toLocalizedString, useTranslation } from "@dxos/react-ui";
+import { osTranslations } from "@dxos/ui-theme";
+var Shortcut = ({ binding }) => {
+  const { t } = useTranslation(osTranslations);
+  return /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "flex items-center gap-2 whitespace-nowrap"
+  }, /* @__PURE__ */ React2.createElement(Key, {
+    binding: binding.shortcut
+  }), /* @__PURE__ */ React2.createElement("span", {
+    className: "text-sm"
+  }, toLocalizedString(binding.data, t)));
+};
+var ShortcutsHints = ({ onClose }) => {
+  const defaults = [
+    "meta+k",
+    "meta+/",
+    "meta+,"
+  ];
+  const bindings = Keyboard.singleton.getBindings();
+  const hints = bindings.filter((binding) => defaults.includes(binding.shortcut));
+  return /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "flex overflow-hidden px-2 gap-4"
+  }, hints.map((binding) => /* @__PURE__ */ React2.createElement(Shortcut, {
+    key: binding.shortcut,
+    binding
+  })), onClose && /* @__PURE__ */ React2.createElement(IconButton, {
+    icon: "ph--x--regular",
+    size: 4,
+    label: "Close",
+    iconOnly: true,
+    noTooltip: true,
+    variant: "ghost",
+    classNames: "p-0 cursor-pointer",
+    onClick: onClose
+  }));
+};
+
+// src/components/Shortcuts/ShortcutsList.tsx
+import React3, { Fragment } from "react";
+import { Keyboard as Keyboard2 } from "@dxos/keyboard";
+import { toLocalizedString as toLocalizedString2, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { mx as mx2 } from "@dxos/ui-theme";
+var ShortcutsList = () => {
+  const { t } = useTranslation2(meta.id);
+  const bindings = Keyboard2.singleton.getBindings();
+  bindings.sort((a, b) => {
+    return toLocalizedString2(a.data, t)?.toLowerCase().localeCompare(toLocalizedString2(b.data, t)?.toLowerCase());
+  });
+  return /* @__PURE__ */ React3.createElement("dl", {
+    className: mx2("w-fit grid grid-cols-[min-content_minmax(12rem,1fr)] gap-2 my-4 text-subdued select-none")
+  }, bindings.map((binding, i) => /* @__PURE__ */ React3.createElement(Fragment, {
+    key: i
+  }, /* @__PURE__ */ React3.createElement(Key, {
+    binding: binding.shortcut
+  }), /* @__PURE__ */ React3.createElement("span", {
+    role: "definition",
+    className: "ms-4",
+    "aria-labelledby": binding.shortcut
+  }, toLocalizedString2(binding.data, t)))));
+};
+
+// src/components/Shortcuts/ShortcutsSection.tsx
+import React4 from "react";
+var ShortcutsSection = () => {
+  return /* @__PURE__ */ React4.createElement("section", {
+    className: "text-description"
+  }, /* @__PURE__ */ React4.createElement(ShortcutsList, null));
+};
+
+// src/components/Tooltip/Tooltip.tsx
+import { useArrowNavigationGroup, useFocusableGroup } from "@fluentui/react-tabster";
+import React5, { forwardRef } from "react";
+import { Button, Icon, IconButton as IconButton2 } from "@dxos/react-ui";
+var floaterProps = {
+  styles: {
+    // Arrow color is set by joyride.
+    arrow: {
+      length: 8,
+      spread: 16
+    },
+    floater: {
+      // TODO(burdon): Get tokens from theme.
+      filter: "drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.2))"
+    }
+  }
+};
+var Tooltip = /* @__PURE__ */ forwardRef(({ step: { title, content }, index, size, isLastStep, backProps, closeProps, primaryProps }, forwardedRef) => {
+  const arrowNavigationAttrs = useArrowNavigationGroup({
+    axis: "horizontal"
+  });
+  const focusableGroupAttrs = useFocusableGroup({
+    tabBehavior: "limited-trap-focus"
+  });
+  return /* @__PURE__ */ React5.createElement("div", {
+    className: "flex flex-col w-[15rem] min-h-[10rem] overflow-hidden rounded-md shadow-xl bg-accent-surface text-accent-surface-text",
+    role: "tooltip",
+    "data-testid": "helpPlugin.tooltip",
+    "data-step": index + 1,
+    ...focusableGroupAttrs,
+    ref: forwardedRef
+  }, /* @__PURE__ */ React5.createElement("div", {
+    className: "flex p-2"
+  }, /* @__PURE__ */ React5.createElement("h2", {
+    className: "grow px-2 py-1 text-lg font-medium text-accent-surface-text"
+  }, title), /* @__PURE__ */ React5.createElement(IconButton2, {
+    density: "fine",
+    icon: "ph--x--bold",
+    iconOnly: true,
+    label: closeProps["aria-label"],
+    onClick: closeProps.onClick,
+    size: 4,
+    variant: "primary",
+    "data-testid": "helpPlugin.tooltip.close"
+  })), /* @__PURE__ */ React5.createElement("div", {
+    className: "flex grow px-4 my-2"
+  }, content), /* @__PURE__ */ React5.createElement("div", {
+    className: "flex p-2 items-center justify-between",
+    ...arrowNavigationAttrs
+  }, /* @__PURE__ */ React5.createElement(IconButton2, {
+    classNames: [
+      !(index > 0 && backProps) && "invisible"
+    ],
+    icon: "ph--caret-left--regular",
+    iconOnly: true,
+    label: backProps["aria-label"],
+    onClick: backProps.onClick,
+    variant: "primary",
+    "data-testid": "helpPlugin.tooltip.back"
+  }), /* @__PURE__ */ React5.createElement("div", {
+    className: "flex grow gap-2 justify-center"
+  }, /* @__PURE__ */ React5.createElement("div", {
+    className: "flex"
+  }, Array.from({
+    length: size
+  }).map((_, i) => /* @__PURE__ */ React5.createElement(Icon, {
+    key: i,
+    icon: index === i ? "ph--circle--fill" : "ph--circle--regular",
+    size: 2,
+    classNames: "mx-1 cursor-pointer"
+  })))), isLastStep ? /* @__PURE__ */ React5.createElement(Button, {
+    variant: "primary",
+    onClick: closeProps.onClick,
+    title: closeProps["aria-label"],
+    autoFocus: true,
+    "data-testid": "helpPlugin.tooltip.finish"
+  }, "Done") : /* @__PURE__ */ React5.createElement(IconButton2, {
+    autoFocus: true,
+    icon: "ph--caret-right--regular",
+    iconOnly: true,
+    label: primaryProps["aria-label"],
+    onClick: primaryProps.onClick,
+    size: 6,
+    variant: "primary",
+    "data-testid": "helpPlugin.tooltip.next"
+  })));
+});
+
+// src/components/WelcomeTour/WelcomeTour.tsx
+import React6, { useState } from "react";
+import Joyride, { ACTIONS, EVENTS } from "react-joyride";
+import { usePluginManager } from "@dxos/app-framework/ui";
+import { useLayout } from "@dxos/app-toolkit/ui";
+import { useAsyncEffect } from "@dxos/react-ui";
+var addStepClass = (target) => {
+  const element = typeof target === "string" ? document.querySelector(target) : target;
+  if (element) {
+    element.classList.add("joyride-target");
+  }
+};
+var removeTargetClass = (target) => {
+  const element = typeof target === "string" ? document.querySelector(target) : target;
+  if (element) {
+    element.classList.remove("joyride-target");
+  }
+};
+var getTarget = (step) => {
+  return typeof step.target === "string" ? document.querySelector(step.target) : step.target;
+};
+var waitForTarget = async (step) => {
+  if (typeof step.target === "string") {
+    const target = step.target;
+    const element = document.querySelector(target);
+    if (element) {
+      return;
+    }
+    await new Promise((resolve) => {
+      const observer = new MutationObserver((mutations) => {
+        mutations.forEach((mutation) => {
+          if (mutation.addedNodes.length > 0) {
+            const element2 = document.querySelector(target);
+            if (element2) {
+              observer.disconnect();
+              resolve();
+            }
+          }
+        });
+      });
+      observer.observe(document.body, {
+        childList: true,
+        subtree: true
+      });
+    });
+  }
+};
+var WelcomeTour = ({ steps: initialSteps, running: runningProp, onRunningChanged }) => {
+  const manager = usePluginManager();
+  const layout = useLayout();
+  const [running, setRunning] = useState(!!runningProp && !!getTarget(initialSteps[0]));
+  const [stepIndex, _setStepIndex] = useState(0);
+  const [steps, setSteps] = useState(initialSteps);
+  const paused = layout.dialogOpen;
+  const setStepIndex = (index) => {
+    if (runningProp) {
+      const step = steps[index];
+      step?.before?.(manager.capabilities);
+    }
+    _setStepIndex(index);
+  };
+  const setRunningChanged = (state) => {
+    if (typeof runningProp !== "undefined") {
+      onRunningChanged?.(state);
+    } else {
+      if (state) {
+        setStepIndex(0);
+        setRunning(true);
+      } else {
+        setRunning(false);
+      }
+    }
+  };
+  useAsyncEffect(async () => {
+    if (runningProp) {
+      await waitForTarget(steps[stepIndex]);
+      setStepIndex(0);
+      setRunning(true);
+    } else if (typeof runningProp !== "undefined") {
+      setRunning(false);
+    }
+  }, [
+    runningProp
+  ]);
+  const callback = async (options) => {
+    const { type, action, index, size } = options;
+    switch (type) {
+      case EVENTS.STEP_BEFORE:
+        addStepClass(options.step.target);
+        break;
+      case EVENTS.TOUR_END:
+        break;
+      case EVENTS.STEP_AFTER:
+        removeTargetClass(options.step.target);
+        switch (action) {
+          case ACTIONS.NEXT:
+            if (index < size - 1) {
+              setStepIndex(index + 1);
+            }
+            break;
+          case ACTIONS.PREV:
+            if (index > 0) {
+              setStepIndex(index - 1);
+            }
+            break;
+          case ACTIONS.CLOSE:
+            setRunningChanged(false);
+            setStepIndex(0);
+            break;
+        }
+        break;
+    }
+  };
+  return /* @__PURE__ */ React6.createElement(HelpContext.Provider, {
+    value: {
+      running: running && !paused,
+      steps,
+      setSteps,
+      setIndex: setStepIndex,
+      start: () => setRunningChanged(true),
+      stop: () => setRunningChanged(false)
+    }
+  }, /* @__PURE__ */ React6.createElement("style", null, `.joyride-target {
+          --controls-opacity: 1;
+        }`), /* @__PURE__ */ React6.createElement(Joyride, {
+    continuous: true,
+    steps,
+    stepIndex,
+    run: running && !paused,
+    callback,
+    floaterProps,
+    tooltipComponent: Tooltip
+  }));
+};
+
+export {
+  Key,
+  ShortcutsHints,
+  ShortcutsList,
+  ShortcutsSection,
+  floaterProps,
+  Tooltip,
+  WelcomeTour
+};
+//# sourceMappingURL=chunk-VGW5FGD7.mjs.map