@dxos/plugin-observability 0.7.4 → 0.7.5-labs.5f04cf6

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

@@ -0,0 +1,58 @@
+import {
+  OBSERVABILITY_PLUGIN
+} from "./chunk-BWEAT3RG.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-BAU7OKYM.mjs.map

package/dist/lib/browser/chunk-BAU7OKYM.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-BWEAT3RG.mjs

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

package/dist/lib/browser/chunk-BWEAT3RG.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} satisfies PluginMeta;\n"],
+  "mappings": ";AAMO,IAAMA,uBAAuB;AAE7B,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;AACR;",
+  "names": ["OBSERVABILITY_PLUGIN", "meta", "id", "name"]
+}

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

@@ -0,0 +1,18 @@
+import {
+  OBSERVABILITY_PLUGIN
+} from "./chunk-BWEAT3RG.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-H2SQZM4P.mjs.map

package/dist/lib/browser/chunk-H2SQZM4P.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/chunk-K2Y64RO7.mjs

@@ -0,0 +1,37 @@
+import {
+  ObservabilityAction
+} from "./chunk-BAU7OKYM.mjs";
+import {
+  OBSERVABILITY_PLUGIN
+} from "./chunk-BWEAT3RG.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 { 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(React.Fragment, 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-K2Y64RO7.mjs.map

package/dist/lib/browser/chunk-K2Y64RO7.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 { 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    <>\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    </>\n  );\n};\n"],
+  "mappings": ";;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,cAAcC,2BAA2B;AAClD,SAASC,SAAS;AAClB,SAASC,OAAOC,SAASC,sBAAsB;AAC/C,SAASC,2BAA2B;AAK7B,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,cAAA,MAAA,UAAA,MACE,sBAAA,cAACC,qBAAAA;IACCC,OAAOP,EAAE,6BAAA;IACTQ,WACE,sBAAA,cAACC,QAAQC,MAAI;MAACC,SAAQ;OACpB,sBAAA,cAACF,QAAQG,MAAI,MAAEZ,EAAE,2BAAA,CAAA,CAAA;KAIrB,sBAAA,cAACa,MAAMC,QAAM;IACXC,SAAShB,SAASH;IAClBoB,iBAAiB,CAACD,YAAYX,SAASa,aAAaC,oBAAoBC,QAAQ;MAAEC,OAAO,CAAC,CAACL;IAAQ,CAAA,CAAA;;AAK7G;",
+  "names": ["React", "createIntent", "useIntentDispatcher", "S", "Input", "Message", "useTranslation", "DeprecatedFormInput", "ObservabilitySettingsSchema", "S", "mutable", "Struct", "enabled", "Boolean", "ObservabilitySettings", "settings", "t", "useTranslation", "OBSERVABILITY_PLUGIN", "dispatchPromise", "dispatch", "useIntentDispatcher", "DeprecatedFormInput", "label", "secondary", "Message", "Root", "valence", "Body", "Input", "Switch", "checked", "onCheckedChange", "createIntent", "ObservabilityAction", "Toggle", "state"]
+}

package/dist/lib/browser/client-ready-3J4QVJE6.mjs

@@ -0,0 +1,104 @@
+import {
+  ObservabilityAction
+} from "./chunk-BAU7OKYM.mjs";
+import {
+  ClientCapability,
+  ObservabilityCapabilities
+} from "./chunk-H2SQZM4P.mjs";
+import {
+  OBSERVABILITY_PLUGIN
+} from "./chunk-BWEAT3RG.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.SetLayout, {
+        element: "toast",
+        subject: {
+          id: `${OBSERVABILITY_PLUGIN}/notice`,
+          // TODO(wittjosiah): Non-react translation utils.
+          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-3J4QVJE6.mjs.map

package/dist/lib/browser/client-ready-3J4QVJE6.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.SetLayout, {\n          element: 'toast',\n          subject: {\n            id: `${OBSERVABILITY_PLUGIN}/notice`,\n            // TODO(wittjosiah): Non-react translation utils.\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,WAAW;QACnCC,SAAS;QACTC,SAAS;UACPC,IAAI,GAAGC,oBAAAA;;UAEPC,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", "SetLayout", "element", "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-H2SQZM4P.mjs";
 import {
   OBSERVABILITY_PLUGIN,
-  ObservabilityAction,
-  meta_default
-} from "./chunk-FO5EMZZO.mjs";
+  meta
+} from "./chunk-BWEAT3RG.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-3J4QVJE6.mjs"));
+var IntentResolver = lazy(() => import("./intents-resolver-P36HTRAG.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-MPOMS7ZD.mjs"));
+var ObservabilitySettings = lazy(() => import("./settings-T23OKKWF.mjs"));
+var ObservabilityState = lazy(() => import("./state-FQ6WMLXG.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 = [
@@ -57,174 +44,61 @@ var translations_default = [
   }
 ];
 
-// 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,
+    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.Startup,
+    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