@dxos/plugin-observability 0.7.4 → 0.7.5-labs.071a3e2

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

@@ -0,0 +1,13 @@
+// packages/plugins/plugin-observability/src/meta.ts
+var OBSERVABILITY_PLUGIN = "dxos.org/plugin/observability";
+var meta = {
+  id: OBSERVABILITY_PLUGIN,
+  name: "Telemetry",
+  icon: "ph--eye--regular"
+};
+
+export {
+  OBSERVABILITY_PLUGIN,
+  meta
+};
+//# sourceMappingURL=chunk-BMBRX6IW.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const OBSERVABILITY_PLUGIN = 'dxos.org/plugin/observability';\n\nexport const meta = {\n  id: OBSERVABILITY_PLUGIN,\n  name: 'Telemetry',\n  icon: 'ph--eye--regular',\n} satisfies PluginMeta;\n"],
+  "mappings": ";AAMO,IAAMA,uBAAuB;AAE7B,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;EACNC,MAAM;AACR;",
+  "names": ["OBSERVABILITY_PLUGIN", "meta", "id", "name", "icon"]
+}

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

@@ -0,0 +1,58 @@
+import {
+  OBSERVABILITY_PLUGIN
+} from "./chunk-BMBRX6IW.mjs";
+
+// packages/plugins/plugin-observability/src/types.ts
+import { S } from "@dxos/echo-schema";
+var Email = S.String.pipe(S.nonEmptyString({
+  message: () => "Email is required."
+}), S.pattern(/^(?!\.)(?!.*\.\.)([A-Z0-9_+-.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9-]*\.)+[A-Z]{2,}$/i, {
+  message: () => "Invalid email address."
+}));
+var nonEmpty = (field) => S.nonEmptyString({
+  message: () => `${field} is required.`
+});
+var maxLength = (field, length) => S.maxLength(length, {
+  message: () => `${field} is too long.`
+});
+var UserFeedback = S.Struct({
+  name: S.String.pipe(nonEmpty("Name"), maxLength("Name", 256)),
+  email: Email.pipe(maxLength("Email", 256)),
+  message: S.String.pipe(nonEmpty("Feedback"), maxLength("Feedback", 32768))
+});
+var OBSERVABILITY_ACTION = `${OBSERVABILITY_PLUGIN}/action`;
+var ObservabilityAction;
+(function(ObservabilityAction2) {
+  class Toggle extends S.TaggedClass()(`${OBSERVABILITY_ACTION}/toggle`, {
+    input: S.Struct({
+      state: S.optional(S.Boolean)
+    }),
+    output: S.Boolean
+  }) {
+  }
+  ObservabilityAction2.Toggle = Toggle;
+  class SendEvent extends S.TaggedClass()(`${OBSERVABILITY_ACTION}/send-event`, {
+    input: S.Struct({
+      name: S.String,
+      properties: S.optional(S.Object),
+      installationId: S.optional(S.String),
+      identityId: S.optional(S.String),
+      timestamp: S.optional(S.Date)
+    }),
+    output: S.Void
+  }) {
+  }
+  ObservabilityAction2.SendEvent = SendEvent;
+  class CaptureUserFeedback extends S.TaggedClass()(`${OBSERVABILITY_ACTION}/capture-feedback`, {
+    input: UserFeedback,
+    output: S.Void
+  }) {
+  }
+  ObservabilityAction2.CaptureUserFeedback = CaptureUserFeedback;
+})(ObservabilityAction || (ObservabilityAction = {}));
+
+export {
+  UserFeedback,
+  ObservabilityAction
+};
+//# sourceMappingURL=chunk-LJICNNK4.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { S } from '@dxos/echo-schema';\n\nimport { OBSERVABILITY_PLUGIN } from './meta';\n\nconst Email = S.String.pipe(\n  S.nonEmptyString({ message: () => 'Email is required.' }),\n  S.pattern(/^(?!\\.)(?!.*\\.\\.)([A-Z0-9_+-.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9-]*\\.)+[A-Z]{2,}$/i, {\n    message: () => 'Invalid email address.',\n  }),\n);\n\nconst nonEmpty = (field: string) => S.nonEmptyString({ message: () => `${field} is required.` });\nconst maxLength = (field: string, length: number) => S.maxLength(length, { message: () => `${field} is too long.` });\n\nexport const UserFeedback = S.Struct({\n  name: S.String.pipe(nonEmpty('Name'), maxLength('Name', 256)),\n  email: Email.pipe(maxLength('Email', 256)),\n  message: S.String.pipe(nonEmpty('Feedback'), maxLength('Feedback', 32_768)),\n});\n\nexport type UserFeedback = S.Schema.Type<typeof UserFeedback>;\n\nconst OBSERVABILITY_ACTION = `${OBSERVABILITY_PLUGIN}/action`;\nexport namespace ObservabilityAction {\n  export class Toggle extends S.TaggedClass<Toggle>()(`${OBSERVABILITY_ACTION}/toggle`, {\n    input: S.Struct({\n      state: S.optional(S.Boolean),\n    }),\n    output: S.Boolean,\n  }) {}\n\n  export class SendEvent extends S.TaggedClass<SendEvent>()(`${OBSERVABILITY_ACTION}/send-event`, {\n    input: S.Struct({\n      name: S.String,\n      properties: S.optional(S.Object),\n      installationId: S.optional(S.String),\n      identityId: S.optional(S.String),\n      timestamp: S.optional(S.Date),\n    }),\n    output: S.Void,\n  }) {}\n\n  export class CaptureUserFeedback extends S.TaggedClass<CaptureUserFeedback>()(\n    `${OBSERVABILITY_ACTION}/capture-feedback`,\n    {\n      input: UserFeedback,\n      output: S.Void,\n    },\n  ) {}\n}\n"],
+  "mappings": ";;;;;AAIA,SAASA,SAAS;AAIlB,IAAMC,QAAQC,EAAEC,OAAOC,KACrBF,EAAEG,eAAe;EAAEC,SAAS,MAAM;AAAqB,CAAA,GACvDJ,EAAEK,QAAQ,kFAAkF;EAC1FD,SAAS,MAAM;AACjB,CAAA,CAAA;AAGF,IAAME,WAAW,CAACC,UAAkBP,EAAEG,eAAe;EAAEC,SAAS,MAAM,GAAGG,KAAAA;AAAqB,CAAA;AAC9F,IAAMC,YAAY,CAACD,OAAeE,WAAmBT,EAAEQ,UAAUC,QAAQ;EAAEL,SAAS,MAAM,GAAGG,KAAAA;AAAqB,CAAA;AAE3G,IAAMG,eAAeV,EAAEW,OAAO;EACnCC,MAAMZ,EAAEC,OAAOC,KAAKI,SAAS,MAAA,GAASE,UAAU,QAAQ,GAAA,CAAA;EACxDK,OAAOd,MAAMG,KAAKM,UAAU,SAAS,GAAA,CAAA;EACrCJ,SAASJ,EAAEC,OAAOC,KAAKI,SAAS,UAAA,GAAaE,UAAU,YAAY,KAAA,CAAA;AACrE,CAAA;AAIA,IAAMM,uBAAuB,GAAGC,oBAAAA;;UACfC,sBAAAA;EACR,MAAMC,eAAejB,EAAEkB,YAAW,EAAW,GAAGJ,oBAAAA,WAA+B;IACpFK,OAAOnB,EAAEW,OAAO;MACdS,OAAOpB,EAAEqB,SAASrB,EAAEsB,OAAO;IAC7B,CAAA;IACAC,QAAQvB,EAAEsB;EACZ,CAAA,EAAA;EAAI;uBALSL,SAAAA;EAON,MAAMO,kBAAkBxB,EAAEkB,YAAW,EAAc,GAAGJ,oBAAAA,eAAmC;IAC9FK,OAAOnB,EAAEW,OAAO;MACdC,MAAMZ,EAAEC;MACRwB,YAAYzB,EAAEqB,SAASrB,EAAE0B,MAAM;MAC/BC,gBAAgB3B,EAAEqB,SAASrB,EAAEC,MAAM;MACnC2B,YAAY5B,EAAEqB,SAASrB,EAAEC,MAAM;MAC/B4B,WAAW7B,EAAEqB,SAASrB,EAAE8B,IAAI;IAC9B,CAAA;IACAP,QAAQvB,EAAE+B;EACZ,CAAA,EAAA;EAAI;uBATSP,YAAAA;EAWN,MAAMQ,4BAA4BhC,EAAEkB,YAAW,EACpD,GAAGJ,oBAAAA,qBACH;IACEK,OAAOT;IACPa,QAAQvB,EAAE+B;EACZ,CAAA,EAAA;EACC;uBANUC,sBAAAA;AAOf,GA1BiBhB,wBAAAA,sBAAAA,CAAAA,EAAAA;",
+  "names": ["S", "Email", "S", "String", "pipe", "nonEmptyString", "message", "pattern", "nonEmpty", "field", "maxLength", "length", "UserFeedback", "Struct", "name", "email", "OBSERVABILITY_ACTION", "OBSERVABILITY_PLUGIN", "ObservabilityAction", "Toggle", "TaggedClass", "input", "state", "optional", "Boolean", "output", "SendEvent", "properties", "Object", "installationId", "identityId", "timestamp", "Date", "Void", "CaptureUserFeedback"]
+}

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

@@ -0,0 +1,37 @@
+import {
+  ObservabilityAction
+} from "./chunk-LJICNNK4.mjs";
+import {
+  OBSERVABILITY_PLUGIN
+} from "./chunk-BMBRX6IW.mjs";
+
+// packages/plugins/plugin-observability/src/components/ObservabilitySettings.tsx
+import React from "react";
+import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
+import { S } from "@dxos/echo-schema";
+import { Input, Message, useTranslation } from "@dxos/react-ui";
+import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
+var ObservabilitySettingsSchema = S.mutable(S.Struct({
+  enabled: S.Boolean
+}));
+var ObservabilitySettings = ({ settings }) => {
+  const { t } = useTranslation(OBSERVABILITY_PLUGIN);
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  return /* @__PURE__ */ React.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
+    label: t("observability enabled label"),
+    secondary: /* @__PURE__ */ React.createElement(Message.Root, {
+      valence: "info"
+    }, /* @__PURE__ */ React.createElement(Message.Body, null, t("observability description")))
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: settings.enabled,
+    onCheckedChange: (checked) => dispatch(createIntent(ObservabilityAction.Toggle, {
+      state: !!checked
+    }))
+  })));
+};
+
+export {
+  ObservabilitySettingsSchema,
+  ObservabilitySettings
+};
+//# sourceMappingURL=chunk-VOXXTFUV.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ObservabilitySettings.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { S } from '@dxos/echo-schema';\nimport { Input, Message, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { OBSERVABILITY_PLUGIN } from '../meta';\nimport { ObservabilityAction } from '../types';\n\nexport const ObservabilitySettingsSchema = S.mutable(\n  S.Struct({\n    enabled: S.Boolean,\n    // TODO(wittjosiah): Separate settings for each observability feature.\n    // metrics?: boolean;\n    // telemetry?: boolean;\n    // errors?: boolean;\n  }),\n);\n\nexport type ObservabilitySettingsProps = S.Schema.Type<typeof ObservabilitySettingsSchema>;\n\nexport const ObservabilitySettings = ({ settings }: { settings: ObservabilitySettingsProps }) => {\n  const { t } = useTranslation(OBSERVABILITY_PLUGIN);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  return (\n    <DeprecatedFormContainer>\n      <DeprecatedFormInput\n        label={t('observability enabled label')}\n        secondary={\n          <Message.Root valence='info'>\n            <Message.Body>{t('observability description')}</Message.Body>\n          </Message.Root>\n        }\n      >\n        <Input.Switch\n          checked={settings.enabled}\n          onCheckedChange={(checked) => dispatch(createIntent(ObservabilityAction.Toggle, { state: !!checked }))}\n        />\n      </DeprecatedFormInput>\n    </DeprecatedFormContainer>\n  );\n};\n"],
+  "mappings": ";;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,cAAcC,2BAA2B;AAClD,SAASC,SAAS;AAClB,SAASC,OAAOC,SAASC,sBAAsB;AAC/C,SAASC,yBAAyBC,2BAA2B;AAKtD,IAAMC,8BAA8BC,EAAEC,QAC3CD,EAAEE,OAAO;EACPC,SAASH,EAAEI;AAKb,CAAA,CAAA;AAKK,IAAMC,wBAAwB,CAAC,EAAEC,SAAQ,MAA4C;AAC1F,QAAM,EAAEC,EAAC,IAAKC,eAAeC,oBAAAA;AAC7B,QAAM,EAAEC,iBAAiBC,SAAQ,IAAKC,oBAAAA;AAEtC,SACE,sBAAA,cAACC,yBAAAA,MACC,sBAAA,cAACC,qBAAAA;IACCC,OAAOR,EAAE,6BAAA;IACTS,WACE,sBAAA,cAACC,QAAQC,MAAI;MAACC,SAAQ;OACpB,sBAAA,cAACF,QAAQG,MAAI,MAAEb,EAAE,2BAAA,CAAA,CAAA;KAIrB,sBAAA,cAACc,MAAMC,QAAM;IACXC,SAASjB,SAASH;IAClBqB,iBAAiB,CAACD,YAAYZ,SAASc,aAAaC,oBAAoBC,QAAQ;MAAEC,OAAO,CAAC,CAACL;IAAQ,CAAA,CAAA;;AAK7G;",
+  "names": ["React", "createIntent", "useIntentDispatcher", "S", "Input", "Message", "useTranslation", "DeprecatedFormContainer", "DeprecatedFormInput", "ObservabilitySettingsSchema", "S", "mutable", "Struct", "enabled", "Boolean", "ObservabilitySettings", "settings", "t", "useTranslation", "OBSERVABILITY_PLUGIN", "dispatchPromise", "dispatch", "useIntentDispatcher", "DeprecatedFormContainer", "DeprecatedFormInput", "label", "secondary", "Message", "Root", "valence", "Body", "Input", "Switch", "checked", "onCheckedChange", "createIntent", "ObservabilityAction", "Toggle", "state"]
+}

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

@@ -0,0 +1,18 @@
+import {
+  OBSERVABILITY_PLUGIN
+} from "./chunk-BMBRX6IW.mjs";
+
+// packages/plugins/plugin-observability/src/capabilities/capabilities.ts
+import { defineCapability } from "@dxos/app-framework";
+var ObservabilityCapabilities;
+(function(ObservabilityCapabilities2) {
+  ObservabilityCapabilities2.State = defineCapability(`${OBSERVABILITY_PLUGIN}/capability/state`);
+  ObservabilityCapabilities2.Observability = defineCapability(`${OBSERVABILITY_PLUGIN}/capability/observability`);
+})(ObservabilityCapabilities || (ObservabilityCapabilities = {}));
+var ClientCapability = defineCapability("dxos.org/plugin/client/capability/client");
+
+export {
+  ObservabilityCapabilities,
+  ClientCapability
+};
+//# sourceMappingURL=chunk-WEVYEGVJ.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/capabilities.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { defineCapability } from '@dxos/app-framework';\nimport { type Client } from '@dxos/client';\nimport { type Observability } from '@dxos/observability';\n\nimport { OBSERVABILITY_PLUGIN } from '../meta';\n\nexport namespace ObservabilityCapabilities {\n  export type State = {\n    group?: string;\n    notified?: boolean;\n  };\n  export const State = defineCapability<State>(`${OBSERVABILITY_PLUGIN}/capability/state`);\n\n  export const Observability = defineCapability<Observability>(`${OBSERVABILITY_PLUGIN}/capability/observability`);\n}\n\n// NOTE: This is cloned from the client plugin to avoid circular dependencies.\nexport const ClientCapability = defineCapability<Client>('dxos.org/plugin/client/capability/client');\n"],
+  "mappings": ";;;;;AAIA,SAASA,wBAAwB;;UAMhBC,4BAAAA;6BAKFC,QAAQC,iBAAwB,GAAGC,oBAAAA,mBAAuC;6BAE1EC,gBAAgBF,iBAAgC,GAAGC,oBAAAA,2BAA+C;AACjH,GARiBH,8BAAAA,4BAAAA,CAAAA,EAAAA;AAWV,IAAMK,mBAAmBH,iBAAyB,0CAAA;",
+  "names": ["defineCapability", "ObservabilityCapabilities", "State", "defineCapability", "OBSERVABILITY_PLUGIN", "Observability", "ClientCapability"]
+}

package/dist/lib/browser/client-ready-G43SJ5KX.mjs

@@ -0,0 +1,103 @@
+import {
+  ObservabilityAction
+} from "./chunk-LJICNNK4.mjs";
+import {
+  ClientCapability,
+  ObservabilityCapabilities
+} from "./chunk-WEVYEGVJ.mjs";
+import {
+  OBSERVABILITY_PLUGIN
+} from "./chunk-BMBRX6IW.mjs";
+
+// packages/plugins/plugin-observability/src/capabilities/client-ready.ts
+import { Capabilities, contributes, createIntent, LayoutAction, SettingsAction } from "@dxos/app-framework";
+import { setupTelemetryListeners } from "@dxos/observability";
+var client_ready_default = async ({ context, namespace, observability }) => {
+  const manager = context.requestCapability(Capabilities.PluginManager);
+  const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+  const state = context.requestCapability(ObservabilityCapabilities.State);
+  const client = context.requestCapability(ClientCapability);
+  const sendPrivacyNotice = async () => {
+    const environment = client?.config?.values.runtime?.app?.env?.DX_ENVIRONMENT;
+    const notify = environment && environment !== "ci" && !environment.endsWith(".local") && !environment.endsWith(".lan");
+    if (!state.notified && notify) {
+      await dispatch(createIntent(LayoutAction.AddToast, {
+        part: "toast",
+        subject: {
+          id: `${OBSERVABILITY_PLUGIN}/notice`,
+          title: [
+            "observability toast label",
+            {
+              ns: OBSERVABILITY_PLUGIN
+            }
+          ],
+          description: [
+            "observability toast description",
+            {
+              ns: OBSERVABILITY_PLUGIN
+            }
+          ],
+          duration: Infinity,
+          icon: "ph--info--regular",
+          actionLabel: [
+            "observability toast action label",
+            {
+              ns: OBSERVABILITY_PLUGIN
+            }
+          ],
+          actionAlt: [
+            "observability toast action alt",
+            {
+              ns: OBSERVABILITY_PLUGIN
+            }
+          ],
+          closeLabel: [
+            "observability toast close label",
+            {
+              ns: OBSERVABILITY_PLUGIN
+            }
+          ],
+          onAction: () => dispatch(createIntent(SettingsAction.Open, {
+            plugin: OBSERVABILITY_PLUGIN
+          }))
+        }
+      }));
+      state.notified = true;
+    }
+  };
+  manager.enabled.map((plugin) => observability?.setTag(`pluginEnabled-${plugin}`, "true", "errors"));
+  await dispatch(createIntent(ObservabilityAction.SendEvent, {
+    name: "page.load",
+    properties: {
+      href: window.location.href,
+      // TODO(wittjosiah): These apis are deprecated. Is there a better way to find this information?
+      loadDuration: window.performance.timing.loadEventEnd - window.performance.timing.loadEventStart
+    }
+  }));
+  const cleanup = setupTelemetryListeners(namespace, client, observability);
+  await Promise.all([
+    observability.setIdentityTags(client.services.services),
+    observability.startRuntimeMetrics(client),
+    observability.startNetworkMetrics(client.services.services),
+    observability.startSpacesMetrics(client, namespace)
+  ]);
+  if (client.halo.identity.get()) {
+    await sendPrivacyNotice();
+  } else {
+    const subscription = client.halo.identity.subscribe(async (identity) => {
+      if (identity && observability) {
+        await sendPrivacyNotice();
+        await observability.setIdentityTags(client.services.services);
+        subscription.unsubscribe();
+      }
+    });
+  }
+  return contributes(ObservabilityCapabilities.Observability, observability, async () => {
+    cleanup();
+    await observability.close();
+  });
+};
+export {
+  client_ready_default as default
+};
+//# sourceMappingURL=client-ready-G43SJ5KX.mjs.map

package/dist/lib/browser/client-ready-G43SJ5KX.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/client-ready.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport {\n  Capabilities,\n  contributes,\n  createIntent,\n  LayoutAction,\n  SettingsAction,\n  type PluginsContext,\n} from '@dxos/app-framework';\nimport { setupTelemetryListeners, type Observability } from '@dxos/observability';\n\nimport { ClientCapability, ObservabilityCapabilities } from './capabilities';\nimport { OBSERVABILITY_PLUGIN } from '../meta';\nimport { ObservabilityAction } from '../types';\n\ntype ClientReadyOptions = {\n  context: PluginsContext;\n  namespace: string;\n  observability: Observability;\n};\n\nexport default async ({ context, namespace, observability }: ClientReadyOptions) => {\n  const manager = context.requestCapability(Capabilities.PluginManager);\n  const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n  const state = context.requestCapability(ObservabilityCapabilities.State);\n  const client = context.requestCapability(ClientCapability);\n\n  const sendPrivacyNotice = async () => {\n    const environment = client?.config?.values.runtime?.app?.env?.DX_ENVIRONMENT;\n    const notify =\n      environment && environment !== 'ci' && !environment.endsWith('.local') && !environment.endsWith('.lan');\n    if (!state.notified && notify) {\n      await dispatch(\n        createIntent(LayoutAction.AddToast, {\n          part: 'toast',\n          subject: {\n            id: `${OBSERVABILITY_PLUGIN}/notice`,\n            title: ['observability toast label', { ns: OBSERVABILITY_PLUGIN }],\n            description: ['observability toast description', { ns: OBSERVABILITY_PLUGIN }],\n            duration: Infinity,\n            icon: 'ph--info--regular',\n            actionLabel: ['observability toast action label', { ns: OBSERVABILITY_PLUGIN }],\n            actionAlt: ['observability toast action alt', { ns: OBSERVABILITY_PLUGIN }],\n            closeLabel: ['observability toast close label', { ns: OBSERVABILITY_PLUGIN }],\n            onAction: () => dispatch(createIntent(SettingsAction.Open, { plugin: OBSERVABILITY_PLUGIN })),\n          },\n        }),\n      );\n\n      state.notified = true;\n    }\n  };\n\n  // Ensure errors are tagged with enabled plugins to help with reproductions.\n  manager.enabled.map((plugin) => observability?.setTag(`pluginEnabled-${plugin}`, 'true', 'errors'));\n\n  await dispatch(\n    createIntent(ObservabilityAction.SendEvent, {\n      name: 'page.load',\n      properties: {\n        href: window.location.href,\n        // TODO(wittjosiah): These apis are deprecated. Is there a better way to find this information?\n        loadDuration: window.performance.timing.loadEventEnd - window.performance.timing.loadEventStart,\n      },\n    }),\n  );\n\n  // Start client observability (i.e. not running as shared worker)\n  // TODO(nf): how to prevent multiple instances for single shared worker?\n  const cleanup = setupTelemetryListeners(namespace, client, observability);\n\n  await Promise.all([\n    observability.setIdentityTags(client.services.services),\n    observability.startRuntimeMetrics(client),\n    observability.startNetworkMetrics(client.services.services),\n    observability.startSpacesMetrics(client, namespace),\n  ]);\n\n  if (client.halo.identity.get()) {\n    await sendPrivacyNotice();\n  } else {\n    const subscription = client.halo.identity.subscribe(async (identity) => {\n      if (identity && observability) {\n        await sendPrivacyNotice();\n        await observability.setIdentityTags(client.services.services);\n        subscription.unsubscribe();\n      }\n    });\n  }\n\n  return contributes(ObservabilityCapabilities.Observability, observability, async () => {\n    cleanup();\n    await observability.close();\n  });\n};\n"],
+  "mappings": ";;;;;;;;;;;;AAIA,SACEA,cACAC,aACAC,cACAC,cACAC,sBAEK;AACP,SAASC,+BAAmD;AAY5D,IAAA,uBAAe,OAAO,EAAEC,SAASC,WAAWC,cAAa,MAAsB;AAC7E,QAAMC,UAAUH,QAAQI,kBAAkBC,aAAaC,aAAa;AACpE,QAAM,EAAEC,iBAAiBC,SAAQ,IAAKR,QAAQI,kBAAkBC,aAAaI,gBAAgB;AAC7F,QAAMC,QAAQV,QAAQI,kBAAkBO,0BAA0BC,KAAK;AACvE,QAAMC,SAASb,QAAQI,kBAAkBU,gBAAAA;AAEzC,QAAMC,oBAAoB,YAAA;AACxB,UAAMC,cAAcH,QAAQI,QAAQC,OAAOC,SAASC,KAAKC,KAAKC;AAC9D,UAAMC,SACJP,eAAeA,gBAAgB,QAAQ,CAACA,YAAYQ,SAAS,QAAA,KAAa,CAACR,YAAYQ,SAAS,MAAA;AAClG,QAAI,CAACd,MAAMe,YAAYF,QAAQ;AAC7B,YAAMf,SACJkB,aAAaC,aAAaC,UAAU;QAClCC,MAAM;QACNC,SAAS;UACPC,IAAI,GAAGC,oBAAAA;UACPC,OAAO;YAAC;YAA6B;cAAEC,IAAIF;YAAqB;;UAChEG,aAAa;YAAC;YAAmC;cAAED,IAAIF;YAAqB;;UAC5EI,UAAUC;UACVC,MAAM;UACNC,aAAa;YAAC;YAAoC;cAAEL,IAAIF;YAAqB;;UAC7EQ,WAAW;YAAC;YAAkC;cAAEN,IAAIF;YAAqB;;UACzES,YAAY;YAAC;YAAmC;cAAEP,IAAIF;YAAqB;;UAC3EU,UAAU,MAAMlC,SAASkB,aAAaiB,eAAeC,MAAM;YAAEC,QAAQb;UAAqB,CAAA,CAAA;QAC5F;MACF,CAAA,CAAA;AAGFtB,YAAMe,WAAW;IACnB;EACF;AAGAtB,UAAQ2C,QAAQC,IAAI,CAACF,WAAW3C,eAAe8C,OAAO,iBAAiBH,MAAAA,IAAU,QAAQ,QAAA,CAAA;AAEzF,QAAMrC,SACJkB,aAAauB,oBAAoBC,WAAW;IAC1CC,MAAM;IACNC,YAAY;MACVC,MAAMC,OAAOC,SAASF;;MAEtBG,cAAcF,OAAOG,YAAYC,OAAOC,eAAeL,OAAOG,YAAYC,OAAOE;IACnF;EACF,CAAA,CAAA;AAKF,QAAMC,UAAUC,wBAAwB7D,WAAWY,QAAQX,aAAAA;AAE3D,QAAM6D,QAAQC,IAAI;IAChB9D,cAAc+D,gBAAgBpD,OAAOqD,SAASA,QAAQ;IACtDhE,cAAciE,oBAAoBtD,MAAAA;IAClCX,cAAckE,oBAAoBvD,OAAOqD,SAASA,QAAQ;IAC1DhE,cAAcmE,mBAAmBxD,QAAQZ,SAAAA;GAC1C;AAED,MAAIY,OAAOyD,KAAKC,SAASC,IAAG,GAAI;AAC9B,UAAMzD,kBAAAA;EACR,OAAO;AACL,UAAM0D,eAAe5D,OAAOyD,KAAKC,SAASG,UAAU,OAAOH,aAAAA;AACzD,UAAIA,YAAYrE,eAAe;AAC7B,cAAMa,kBAAAA;AACN,cAAMb,cAAc+D,gBAAgBpD,OAAOqD,SAASA,QAAQ;AAC5DO,qBAAaE,YAAW;MAC1B;IACF,CAAA;EACF;AAEA,SAAOC,YAAYjE,0BAA0BkE,eAAe3E,eAAe,YAAA;AACzE2D,YAAAA;AACA,UAAM3D,cAAc4E,MAAK;EAC3B,CAAA;AACF;",
+  "names": ["Capabilities", "contributes", "createIntent", "LayoutAction", "SettingsAction", "setupTelemetryListeners", "context", "namespace", "observability", "manager", "requestCapability", "Capabilities", "PluginManager", "dispatchPromise", "dispatch", "IntentDispatcher", "state", "ObservabilityCapabilities", "State", "client", "ClientCapability", "sendPrivacyNotice", "environment", "config", "values", "runtime", "app", "env", "DX_ENVIRONMENT", "notify", "endsWith", "notified", "createIntent", "LayoutAction", "AddToast", "part", "subject", "id", "OBSERVABILITY_PLUGIN", "title", "ns", "description", "duration", "Infinity", "icon", "actionLabel", "actionAlt", "closeLabel", "onAction", "SettingsAction", "Open", "plugin", "enabled", "map", "setTag", "ObservabilityAction", "SendEvent", "name", "properties", "href", "window", "location", "loadDuration", "performance", "timing", "loadEventEnd", "loadEventStart", "cleanup", "setupTelemetryListeners", "Promise", "all", "setIdentityTags", "services", "startRuntimeMetrics", "startNetworkMetrics", "startSpacesMetrics", "halo", "identity", "get", "subscription", "subscribe", "unsubscribe", "contributes", "Observability", "close"]
+}

package/dist/lib/browser/index.mjs

@@ -1,42 +1,29 @@
+import {
+  ObservabilityCapabilities
+} from "./chunk-WEVYEGVJ.mjs";
 import {
   OBSERVABILITY_PLUGIN,
-  ObservabilityAction,
-  meta_default
-} from "./chunk-FO5EMZZO.mjs";
+  meta
+} from "./chunk-BMBRX6IW.mjs";
 
-// packages/plugins/plugin-observability/src/ObservabilityPlugin.tsx
-import React2 from "react";
-import { resolvePlugin, parseIntentPlugin as parseIntentPlugin2, LayoutAction, SettingsAction, parsePluginHost } from "@dxos/app-framework";
-import { EventSubscriptions } from "@dxos/async";
-import { create } from "@dxos/live-object";
-import { LocalStorageStore } from "@dxos/local-storage";
-import { getTelemetryIdentifier, setupTelemetryListeners, isObservabilityDisabled, storeObservabilityDisabled, getObservabilityGroup } from "@dxos/observability";
-import { parseClientPlugin } from "@dxos/plugin-client";
+// packages/plugins/plugin-observability/src/capabilities/index.ts
+import { lazy } from "@dxos/app-framework";
+var ClientReady = lazy(() => import("./client-ready-G43SJ5KX.mjs"));
+var IntentResolver = lazy(() => import("./intents-resolver-SSLETJX6.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-TRXHCMO5.mjs"));
+var ObservabilitySettings = lazy(() => import("./settings-3DXJFOJA.mjs"));
+var ObservabilityState = lazy(() => import("./state-LG42JNIS.mjs"));
 
-// packages/plugins/plugin-observability/src/components/ObservabilitySettings.tsx
-import React from "react";
-import { parseIntentPlugin, useResolvePlugin } from "@dxos/app-framework";
-import { Input, Message, useTranslation } from "@dxos/react-ui";
-import { DeprecatedFormInput } from "@dxos/react-ui-form";
-var ObservabilitySettings = ({ settings }) => {
-  const { t } = useTranslation(OBSERVABILITY_PLUGIN);
-  const intentPlugin = useResolvePlugin(parseIntentPlugin);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, intentPlugin && /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
-    label: t("observability enabled label"),
-    secondary: /* @__PURE__ */ React.createElement(Message.Root, {
-      valence: "info"
-    }, /* @__PURE__ */ React.createElement(Message.Body, null, t("observability description")))
-  }, /* @__PURE__ */ React.createElement(Input.Switch, {
-    checked: settings.enabled,
-    onCheckedChange: (checked) => intentPlugin.provides.intent.dispatch({
-      plugin: OBSERVABILITY_PLUGIN,
-      action: ObservabilityAction.TOGGLE,
-      data: {
-        state: !!checked
-      }
-    })
-  })));
-};
+// packages/plugins/plugin-observability/src/events.ts
+import { defineEvent, Events } from "@dxos/app-framework";
+var ObservabilityEvents;
+(function(ObservabilityEvents2) {
+  ObservabilityEvents2.StateReady = Events.createStateEvent(OBSERVABILITY_PLUGIN);
+})(ObservabilityEvents || (ObservabilityEvents = {}));
+var ClientReadyEvent = defineEvent("dxos.org/plugin/client/event/client-ready");
+
+// packages/plugins/plugin-observability/src/ObservabilityPlugin.ts
+import { allOf, Capabilities, contributes, defineModule, definePlugin, Events as Events2 } from "@dxos/app-framework";
 
 // packages/plugins/plugin-observability/src/translations.ts
 var translations_default = [
@@ -51,180 +38,70 @@ var translations_default = [
         "observability toast close label": "Okay",
         "observability enabled label": "Enable telemetry",
         // TODO: Add link about telemetry privacy. Make it clearer that user data is not collected.
-        "observability description": "When enabled, basic usage data will be sent to the DXOS team in order to improve the product. This may include performance metrics, error logs, and usage data. No personally identifiable information, other than your public key, is included with this data and no private data ever leaves your devices."
+        "observability description": "When enabled, basic usage data will used to improve the product. This may include performance metrics, error logs, and usage data. No personally identifiable information, other than your public key, is included with this data and no private data ever leaves your devices."
       }
     }
   }
 ];
 
-// packages/plugins/plugin-observability/src/ObservabilityPlugin.tsx
-var parseObservabilityPlugin = (plugin) => (plugin?.provides).observability ? plugin : void 0;
-var ObservabilityPlugin = (options) => {
-  const settings = create({});
-  const state = new LocalStorageStore(OBSERVABILITY_PLUGIN);
-  const subscriptions = new EventSubscriptions();
-  let observability;
-  return {
-    meta: meta_default,
-    initialize: async () => {
-      settings.enabled = !await isObservabilityDisabled(options.namespace);
-      state.values.group = await getObservabilityGroup(options.namespace);
-      state.prop({
-        key: "notified",
-        type: LocalStorageStore.bool({
-          allowUndefined: true
-        })
-      });
-    },
-    ready: async (plugins) => {
-      const pluginHost = resolvePlugin(plugins, parsePluginHost);
-      const clientPlugin = resolvePlugin(plugins, parseClientPlugin);
-      const intentPlugin = resolvePlugin(plugins, parseIntentPlugin2);
-      const dispatch = intentPlugin?.provides?.intent?.dispatch;
-      if (!dispatch) {
-        return;
-      }
-      const sendPrivacyNotice = async () => {
-        const environment = clientPlugin?.provides?.client?.config?.values.runtime?.app?.env?.DX_ENVIRONMENT;
-        const notify = environment && environment !== "ci" && !environment.endsWith(".local") && !environment.endsWith(".lan");
-        if (!state.values.notified && notify) {
-          await dispatch({
-            action: LayoutAction.SET_LAYOUT,
-            data: {
-              element: "toast",
-              subject: {
-                id: `${OBSERVABILITY_PLUGIN}/notice`,
-                // TODO(wittjosiah): Non-react translation utils.
-                title: translations_default[0]["en-US"][OBSERVABILITY_PLUGIN]["observability toast label"],
-                description: translations_default[0]["en-US"][OBSERVABILITY_PLUGIN]["observability toast description"],
-                duration: Infinity,
-                icon: "ph--info--regular",
-                actionLabel: translations_default[0]["en-US"][OBSERVABILITY_PLUGIN]["observability toast action label"],
-                actionAlt: translations_default[0]["en-US"][OBSERVABILITY_PLUGIN]["observability toast action alt"],
-                closeLabel: translations_default[0]["en-US"][OBSERVABILITY_PLUGIN]["observability toast close label"],
-                onAction: () => dispatch({
-                  action: SettingsAction.OPEN,
-                  data: {
-                    plugin: OBSERVABILITY_PLUGIN
-                  }
-                })
-              }
-            }
-          });
-          state.values.notified = true;
-        }
-      };
-      void options.observability().then(async (obs) => {
-        observability = obs;
-        pluginHost?.provides?.plugins?.enabled?.map((plugin) => observability?.setTag(`pluginEnabled-${plugin}`, "true", "errors"));
-        const client = clientPlugin?.provides?.client;
-        if (!client) {
-          return;
-        }
-        await dispatch({
-          action: ObservabilityAction.SEND_EVENT,
-          data: {
-            name: "page.load",
-            properties: {
-              href: window.location.href,
-              // TODO(wittjosiah): These apis are deprecated. Is there a better way to find this information?
-              loadDuration: window.performance.timing.loadEventEnd - window.performance.timing.loadEventStart
-            }
-          }
-        });
-        setupTelemetryListeners(options.namespace, client, observability);
-        await Promise.all([
-          observability.setIdentityTags(client.services.services),
-          observability.startRuntimeMetrics(client),
-          observability.startNetworkMetrics(client.services.services),
-          observability.startSpacesMetrics(client, options.namespace)
-        ]);
-        if (client.halo.identity.get()) {
-          await sendPrivacyNotice();
-        } else {
-          const subscription = client.halo.identity.subscribe(async (identity) => {
-            if (identity && observability) {
-              await sendPrivacyNotice();
-              await observability.setIdentityTags(client.services.services);
-              subscription.unsubscribe();
-            }
-          });
-        }
+// packages/plugins/plugin-observability/src/ObservabilityPlugin.ts
+var ObservabilityPlugin = (options) => definePlugin(meta, [
+  defineModule({
+    id: `${meta.id}/module/observability`,
+    activatesOn: Events2.Startup,
+    activate: async () => contributes(ObservabilityCapabilities.Observability, await options.observability())
+  }),
+  defineModule({
+    id: `${meta.id}/module/settings`,
+    activatesOn: Events2.SetupSettings,
+    activate: ObservabilitySettings
+  }),
+  defineModule({
+    id: `${meta.id}/module/state`,
+    activatesOn: Events2.Startup,
+    activatesAfter: [
+      ObservabilityEvents.StateReady
+    ],
+    activate: () => ObservabilityState({
+      namespace: options.namespace
+    })
+  }),
+  defineModule({
+    id: `${meta.id}/module/translations`,
+    activatesOn: Events2.SetupTranslations,
+    activate: () => contributes(Capabilities.Translations, translations_default)
+  }),
+  defineModule({
+    id: `${meta.id}/module/intent-resolver`,
+    activatesOn: Events2.SetupIntents,
+    activate: (context) => IntentResolver({
+      context,
+      namespace: options.namespace
+    })
+  }),
+  defineModule({
+    id: `${meta.id}/module/react-surface`,
+    activatesOn: Events2.SetupSurfaces,
+    activate: ReactSurface
+  }),
+  defineModule({
+    id: `${meta.id}/module/client-ready`,
+    activatesOn: allOf(Events2.DispatcherReady, ObservabilityEvents.StateReady, ClientReadyEvent),
+    activate: async (context) => {
+      const observability = await options.observability();
+      return ClientReady({
+        context,
+        observability,
+        namespace: options.namespace
       });
-    },
-    unload: async () => {
-      subscriptions.clear();
-      await observability?.close();
-    },
-    provides: {
-      intent: {
-        resolver: async (intent, plugins) => {
-          const client = resolvePlugin(plugins, parseClientPlugin)?.provides?.client;
-          if (!client || !observability) {
-            return;
-          }
-          switch (intent.action) {
-            case ObservabilityAction.TOGGLE:
-              settings.enabled = !settings.enabled;
-              observability.event({
-                identityId: getTelemetryIdentifier(client),
-                name: `${options.namespace}.observability.toggle`,
-                properties: {
-                  enabled: settings.enabled
-                }
-              });
-              observability.setMode(settings.enabled ? "basic" : "disabled");
-              await storeObservabilityDisabled(options.namespace, !settings.enabled);
-              return {
-                data: settings.enabled
-              };
-            case ObservabilityAction.SEND_EVENT: {
-              const data = intent.data;
-              const event = {
-                identityId: getTelemetryIdentifier(client),
-                name: `${options.namespace}.${data.name}`,
-                properties: {
-                  ...data.properties
-                }
-              };
-              observability.event(event);
-              return {
-                data: event
-              };
-            }
-            case ObservabilityAction.CAPTURE_USER_FEEDBACK: {
-              const feedback = intent.data;
-              observability.captureUserFeedback(feedback.email, feedback.name, feedback.message);
-              return {
-                data: true
-              };
-            }
-          }
-        }
-      },
-      observability: state.values,
-      settings,
-      surface: {
-        component: ({ role, data }) => {
-          switch (role) {
-            case "settings":
-              return data.plugin === meta_default.id ? /* @__PURE__ */ React2.createElement(ObservabilitySettings, {
-                settings
-              }) : null;
-          }
-          return null;
-        }
-      },
-      translations: translations_default
     }
-  };
-};
-
-// packages/plugins/plugin-observability/src/index.ts
-var src_default = ObservabilityPlugin;
+  })
+]);
 export {
+  OBSERVABILITY_PLUGIN,
+  ObservabilityCapabilities,
+  ObservabilityEvents,
   ObservabilityPlugin,
-  src_default as default,
-  parseObservabilityPlugin
+  meta
 };
 //# sourceMappingURL=index.mjs.map