@dxos/plugin-observability 0.8.2-main.fbd8ed0 → 0.8.2-staging.7ac8446

package/src/capabilities/intent-resolver.ts

@@ -2,7 +2,7 @@
 // Copyright 2025 DXOS.org
 //
 
-import { Capabilities, contributes, createResolver, IntentAction, type PluginContext } from '@dxos/app-framework';
+import { Capabilities, contributes, createResolver, IntentAction, type PluginsContext } from '@dxos/app-framework';
 import { log } from '@dxos/log';
 import { getTelemetryIdentity, storeObservabilityDisabled } from '@dxos/observability';
 
@@ -11,7 +11,7 @@ import { type ObservabilitySettingsProps } from '../components';
 import { OBSERVABILITY_PLUGIN } from '../meta';
 import { ObservabilityAction } from '../types';
 
-export default ({ context, namespace }: { context: PluginContext; namespace: string }) =>
+export default ({ context, namespace }: { context: PluginsContext; namespace: string }) =>
   contributes(Capabilities.IntentResolver, [
     createResolver({
       intent: IntentAction.Track,
@@ -22,10 +22,10 @@ export default ({ context, namespace }: { context: PluginContext; namespace: str
     createResolver({
       intent: ObservabilityAction.Toggle,
       resolve: async ({ state }) => {
-        const client = context.getCapability(ClientCapability);
-        const observability = context.getCapability(ObservabilityCapabilities.Observability);
+        const client = context.requestCapability(ClientCapability);
+        const observability = context.requestCapability(ObservabilityCapabilities.Observability);
         const settings = context
-          .getCapability(Capabilities.SettingsStore)
+          .requestCapability(Capabilities.SettingsStore)
           .getStore<ObservabilitySettingsProps>(OBSERVABILITY_PLUGIN)!.value;
         settings.enabled = state ?? !settings.enabled;
         observability.track({
@@ -43,7 +43,7 @@ export default ({ context, namespace }: { context: PluginContext; namespace: str
     createResolver({
       intent: ObservabilityAction.SendEvent,
       resolve: (data) => {
-        const client = context.getCapability(ClientCapability);
+        const client = context.requestCapability(ClientCapability);
         const properties = 'properties' in data ? data.properties : {};
 
         // NOTE: This is to ensure that events fired before observability is ready are still sent.
@@ -61,7 +61,7 @@ export default ({ context, namespace }: { context: PluginContext; namespace: str
     createResolver({
       intent: ObservabilityAction.CaptureUserFeedback,
       resolve: async (data) => {
-        const observability = context.getCapability(ObservabilityCapabilities.Observability);
+        const observability = context.requestCapability(ObservabilityCapabilities.Observability);
         observability.captureUserFeedback(data.message);
       },
     }),

package/src/capabilities/settings.ts

@@ -3,13 +3,13 @@
 //
 
 import { Capabilities, contributes } from '@dxos/app-framework';
-import { live } from '@dxos/live-object';
+import { create } from '@dxos/live-object';
 
 import { type ObservabilitySettingsProps, ObservabilitySettingsSchema } from '../components';
 import { OBSERVABILITY_PLUGIN } from '../meta';
 
 export default () => {
-  const settings = live<ObservabilitySettingsProps>({ enabled: true });
+  const settings = create<ObservabilitySettingsProps>({ enabled: true });
 
   return contributes(Capabilities.Settings, {
     schema: ObservabilitySettingsSchema,

package/src/components/HelpContainer.tsx

@@ -2,37 +2,20 @@
 // Copyright 2025 DXOS.org
 //
 
-import { pipe } from 'effect';
 import React, { useCallback } from 'react';
 
-import { chain, createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';
+import { createIntent, useIntentDispatcher } from '@dxos/app-framework';
 
 import { FeedbackForm } from './FeedbackForm';
-import { OBSERVABILITY_PLUGIN } from '../meta';
 import { ObservabilityAction, type UserFeedback } from '../types';
 
 export const HelpContainer = () => {
   const { dispatchPromise: dispatch } = useIntentDispatcher();
 
   const handleSave = useCallback(
-    (values: UserFeedback) =>
-      dispatch(
-        pipe(
-          createIntent(ObservabilityAction.CaptureUserFeedback, values),
-          chain(LayoutAction.UpdateComplementary, { part: 'complementary', options: { state: 'collapsed' } }),
-          chain(LayoutAction.AddToast, {
-            part: 'toast',
-            subject: {
-              id: `${OBSERVABILITY_PLUGIN}/feedback-success`,
-              icon: 'ph--paper-plane-tilt--regular',
-              duration: 3000,
-              title: ['feedback toast label', { ns: OBSERVABILITY_PLUGIN }],
-              description: ['feedback toast description', { ns: OBSERVABILITY_PLUGIN }],
-              closeLabel: ['close label', { ns: 'os' }],
-            },
-          }),
-        ),
-      ),
+    (values: UserFeedback) => {
+      void dispatch(createIntent(ObservabilityAction.CaptureUserFeedback, values));
+    },
     [dispatch],
   );
 

package/src/components/ObservabilitySettings.tsx

@@ -2,19 +2,19 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Schema } from 'effect';
 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';
 
 import { OBSERVABILITY_PLUGIN } from '../meta';
 import { ObservabilityAction } from '../types';
 
-export const ObservabilitySettingsSchema = Schema.mutable(
-  Schema.Struct({
-    enabled: Schema.Boolean,
+export const ObservabilitySettingsSchema = S.mutable(
+  S.Struct({
+    enabled: S.Boolean,
     // TODO(wittjosiah): Separate settings for each observability feature.
     // metrics?: boolean;
     // telemetry?: boolean;
@@ -22,7 +22,7 @@ export const ObservabilitySettingsSchema = Schema.mutable(
   }),
 );
 
-export type ObservabilitySettingsProps = Schema.Schema.Type<typeof ObservabilitySettingsSchema>;
+export type ObservabilitySettingsProps = S.Schema.Type<typeof ObservabilitySettingsSchema>;
 
 export const ObservabilitySettings = ({ settings }: { settings: ObservabilitySettingsProps }) => {
   const { t } = useTranslation(OBSERVABILITY_PLUGIN);

package/src/translations.ts

@@ -22,10 +22,8 @@ export default [
 
         'help label': 'Feedback & Support',
         'feedback text area label': 'Feedback',
-        'feedback text area placeholder': 'Please enter your feedback, technical issue, or feature request.',
+        'feedback text area placeholder': 'Please describe your issue or suggestion.',
         'send feedback label': 'Send Feedback',
-        'feedback toast label': 'Thank you for your feedback!',
-        'feedback toast description': 'We will review your feedback and get back to you as soon as possible.',
       },
     },
   },

package/src/types.ts

@@ -2,202 +2,200 @@
 // Copyright 2024 DXOS.org
 //
 
-import { Schema } from 'effect';
-
-import { Type } from '@dxos/echo';
+import { S } from '@dxos/echo-schema';
 
 import { OBSERVABILITY_PLUGIN } from './meta';
 
-const nonEmpty = <S extends Schema.Schema.Any>(field: string) =>
-  Schema.nonEmptyString<S>({ message: () => `Missing field: ${field}` });
+const nonEmpty = <S extends S.Schema.Any>(field: string) =>
+  S.nonEmptyString<S>({ message: () => `Missing field: ${field}` });
 
-const maxLength = <S extends Schema.Schema.Any>(field: string, length: number) =>
-  Schema.maxLength<S>(length, { message: () => `Exceeds max length (${length}): ${field}` });
+const maxLength = <S extends S.Schema.Any>(field: string, length: number) =>
+  S.maxLength<S>(length, { message: () => `Exceeds max length (${length}): ${field}` });
 
-export const UserFeedback = Schema.Struct({
-  message: Schema.String.pipe(nonEmpty('Feedback'), maxLength('Feedback', 32_768)),
+export const UserFeedback = S.Struct({
+  message: S.String.pipe(nonEmpty('Feedback'), maxLength('Feedback', 32_768)),
 });
 
-export type UserFeedback = Schema.Schema.Type<typeof UserFeedback>;
+export type UserFeedback = S.Schema.Type<typeof UserFeedback>;
 
 const OBSERVABILITY_ACTION = `${OBSERVABILITY_PLUGIN}/action`;
 
 export namespace ObservabilityAction {
-  export class Toggle extends Schema.TaggedClass<Toggle>()(`${OBSERVABILITY_ACTION}/toggle`, {
-    input: Schema.Struct({
-      state: Schema.optional(Schema.Boolean),
+  export class Toggle extends S.TaggedClass<Toggle>()(`${OBSERVABILITY_ACTION}/toggle`, {
+    input: S.Struct({
+      state: S.optional(S.Boolean),
     }),
-    output: Schema.Boolean,
+    output: S.Boolean,
   }) {}
 
-  export class CaptureUserFeedback extends Schema.TaggedClass<CaptureUserFeedback>()(
+  export class CaptureUserFeedback extends S.TaggedClass<CaptureUserFeedback>()(
     `${OBSERVABILITY_ACTION}/capture-feedback`,
     {
       input: UserFeedback,
-      output: Schema.Void,
+      output: S.Void,
     },
   ) {}
 
   /** Base intent for sending events. */
-  export class BaseSendEvent extends Schema.TaggedClass<BaseSendEvent>()(`${OBSERVABILITY_ACTION}/send-event`, {
-    input: Schema.Struct({
-      name: Schema.String,
-      properties: Schema.optional(Schema.Object),
+  export class BaseSendEvent extends S.TaggedClass<BaseSendEvent>()(`${OBSERVABILITY_ACTION}/send-event`, {
+    input: S.Struct({
+      name: S.String,
+      properties: S.optional(S.Object),
     }),
-    output: Schema.Void,
+    output: S.Void,
   }) {}
 
   /** Intent with strict types for first-party events. */
-  export class SendEvent extends Schema.TaggedClass<SendEvent>()(`${OBSERVABILITY_ACTION}/send-event`, {
+  export class SendEvent extends S.TaggedClass<SendEvent>()(`${OBSERVABILITY_ACTION}/send-event`, {
     // NOTE: Sort alphabetically by name.
-    input: Schema.Union(
-      Schema.Struct({
-        name: Schema.Literal('identity.create'),
+    input: S.Union(
+      S.Struct({
+        name: S.Literal('identity.create'),
       }),
-      Schema.Struct({
-        name: Schema.Literal('identity.join'),
+      S.Struct({
+        name: S.Literal('identity.join'),
       }),
-      Schema.Struct({
-        name: Schema.Literal('identity.recover'),
+      S.Struct({
+        name: S.Literal('identity.recover'),
       }),
-      Schema.Struct({
-        name: Schema.Literal('identity.share'),
+      S.Struct({
+        name: S.Literal('identity.share'),
       }),
-      Schema.Struct({
-        name: Schema.Literal('navigation.activate'),
-        properties: Schema.Struct({
-          subjectId: Schema.String,
-          typename: Schema.optional(Schema.String),
+      S.Struct({
+        name: S.Literal('navigation.activate'),
+        properties: S.Struct({
+          subjectId: S.String,
+          typename: S.optional(S.String),
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('page.load'),
-        properties: Schema.Struct({
-          loadDuration: Schema.Number,
+      S.Struct({
+        name: S.Literal('page.load'),
+        properties: S.Struct({
+          loadDuration: S.Number,
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('plugins.toggle'),
-        properties: Schema.Struct({
-          plugin: Schema.String,
-          enabled: Schema.Boolean,
+      S.Struct({
+        name: S.Literal('plugins.toggle'),
+        properties: S.Struct({
+          plugin: S.String,
+          enabled: S.Boolean,
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('space.create'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
+      S.Struct({
+        name: S.Literal('space.create'),
+        properties: S.Struct({
+          spaceId: S.String,
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('space.join'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
+      S.Struct({
+        name: S.Literal('space.join'),
+        properties: S.Struct({
+          spaceId: S.String,
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('space.limit'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
+      S.Struct({
+        name: S.Literal('space.limit'),
+        properties: S.Struct({
+          spaceId: S.String,
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('space.lock'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
+      S.Struct({
+        name: S.Literal('space.lock'),
+        properties: S.Struct({
+          spaceId: S.String,
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('space.migrate'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
-          targetVersion: Schema.optional(Schema.String),
-          version: Schema.optional(Schema.String),
+      S.Struct({
+        name: S.Literal('space.migrate'),
+        properties: S.Struct({
+          spaceId: S.String,
+          targetVersion: S.optional(S.String),
+          version: S.optional(S.String),
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('space.object.add'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
-          objectId: Schema.String,
-          typename: Schema.optional(Schema.String),
+      S.Struct({
+        name: S.Literal('space.object.add'),
+        properties: S.Struct({
+          spaceId: S.String,
+          objectId: S.String,
+          typename: S.optional(S.String),
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('space.share'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
+      S.Struct({
+        name: S.Literal('space.share'),
+        properties: S.Struct({
+          spaceId: S.String,
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('space.unlock'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
+      S.Struct({
+        name: S.Literal('space.unlock'),
+        properties: S.Struct({
+          spaceId: S.String,
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('threads.create'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
-          threadId: Schema.String,
+      S.Struct({
+        name: S.Literal('threads.create'),
+        properties: S.Struct({
+          spaceId: S.String,
+          threadId: S.String,
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('threads.delete'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
-          threadId: Schema.String,
+      S.Struct({
+        name: S.Literal('threads.delete'),
+        properties: S.Struct({
+          spaceId: S.String,
+          threadId: S.String,
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('threads.message.add'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
-          threadId: Schema.String,
-          threadLength: Schema.Number,
-          messageId: Schema.String,
-          messageLength: Schema.Number,
+      S.Struct({
+        name: S.Literal('threads.message.add'),
+        properties: S.Struct({
+          spaceId: S.String,
+          threadId: S.String,
+          threadLength: S.Number,
+          messageId: S.String,
+          messageLength: S.Number,
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('threads.message.delete'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
-          threadId: Schema.String,
-          messageId: Schema.String,
+      S.Struct({
+        name: S.Literal('threads.message.delete'),
+        properties: S.Struct({
+          spaceId: S.String,
+          threadId: S.String,
+          messageId: S.String,
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('threads.message.undo-delete'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
-          threadId: Schema.String,
-          messageId: Schema.String,
+      S.Struct({
+        name: S.Literal('threads.message.undo-delete'),
+        properties: S.Struct({
+          spaceId: S.String,
+          threadId: S.String,
+          messageId: S.String,
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('threads.message.update'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
-          messageId: Schema.String,
-          messageLength: Schema.Number,
+      S.Struct({
+        name: S.Literal('threads.message.update'),
+        properties: S.Struct({
+          spaceId: S.String,
+          messageId: S.String,
+          messageLength: S.Number,
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('threads.toggle-resolved'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
-          threadId: Schema.String,
+      S.Struct({
+        name: S.Literal('threads.toggle-resolved'),
+        properties: S.Struct({
+          spaceId: S.String,
+          threadId: S.String,
         }),
       }),
-      Schema.Struct({
-        name: Schema.Literal('threads.undo-delete'),
-        properties: Schema.Struct({
-          spaceId: Type.SpaceId,
-          threadId: Schema.String,
+      S.Struct({
+        name: S.Literal('threads.undo-delete'),
+        properties: S.Struct({
+          spaceId: S.String,
+          threadId: S.String,
         }),
       }),
     ),
-    output: Schema.Void,
+    output: S.Void,
   }) {}
 }

package/dist/lib/browser/app-graph-builder-3ROXVPV2.mjs

@@ -1,43 +0,0 @@
-import {
-  OBSERVABILITY_PLUGIN
-} from "./chunk-RKH5BBR4.mjs";
-
-// packages/plugins/plugin-observability/src/capabilities/app-graph-builder.ts
-import { Rx } from "@effect-rx/rx-react";
-import { Option, pipe } from "effect";
-import { Capabilities, contributes } from "@dxos/app-framework";
-import { createExtension, ROOT_ID } from "@dxos/plugin-graph";
-var ATTENDABLE_PATH_SEPARATOR = "~";
-var DECK_COMPANION_TYPE = "dxos.org/plugin/deck/deck-companion";
-var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBuilder, [
-  createExtension({
-    id: `${OBSERVABILITY_PLUGIN}/help`,
-    connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map((node2) => {
-      return [
-        {
-          id: [
-            node2.id,
-            "help"
-          ].join(ATTENDABLE_PATH_SEPARATOR),
-          type: DECK_COMPANION_TYPE,
-          data: null,
-          properties: {
-            label: [
-              "help label",
-              {
-                ns: OBSERVABILITY_PLUGIN
-              }
-            ],
-            icon: "ph--question--regular",
-            disposition: "hidden",
-            position: "hoist"
-          }
-        }
-      ];
-    }), Option.getOrElse(() => [])))
-  })
-]);
-export {
-  app_graph_builder_default as default
-};
-//# sourceMappingURL=app-graph-builder-3ROXVPV2.mjs.map

package/dist/lib/browser/app-graph-builder-3ROXVPV2.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport { Option, pipe } from 'effect';\n\nimport { Capabilities, contributes, type PluginContext } from '@dxos/app-framework';\nimport { createExtension, ROOT_ID } from '@dxos/plugin-graph';\n\nimport { OBSERVABILITY_PLUGIN } from '../meta';\n\n// NOTE: Copied from @dxos/plugin-deck to break circular dependency.\nconst ATTENDABLE_PATH_SEPARATOR = '~';\nconst DECK_COMPANION_TYPE = 'dxos.org/plugin/deck/deck-companion';\n\nexport default (context: PluginContext) =>\n  contributes(Capabilities.AppGraphBuilder, [\n    createExtension({\n      id: `${OBSERVABILITY_PLUGIN}/help`,\n      connector: (node) =>\n        Rx.make((get) =>\n          pipe(\n            get(node),\n            Option.flatMap((node) => (node.id === ROOT_ID ? Option.some(node) : Option.none())),\n            Option.map((node) => {\n              return [\n                {\n                  id: [node.id, 'help'].join(ATTENDABLE_PATH_SEPARATOR),\n                  type: DECK_COMPANION_TYPE,\n                  data: null,\n                  properties: {\n                    label: ['help label', { ns: OBSERVABILITY_PLUGIN }],\n                    icon: 'ph--question--regular',\n                    disposition: 'hidden',\n                    position: 'hoist',\n                  },\n                },\n              ];\n            }),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n  ]);\n"],
-  "mappings": ";;;;;AAIA,SAASA,UAAU;AACnB,SAASC,QAAQC,YAAY;AAE7B,SAASC,cAAcC,mBAAuC;AAC9D,SAASC,iBAAiBC,eAAe;AAKzC,IAAMC,4BAA4B;AAClC,IAAMC,sBAAsB;AAE5B,IAAA,4BAAe,CAACC,YACdC,YAAYC,aAAaC,iBAAiB;EACxCC,gBAAgB;IACdC,IAAI,GAAGC,oBAAAA;IACPC,WAAW,CAACC,SACVC,GAAGC,KAAK,CAACC,QACPC,KACED,IAAIH,IAAAA,GACJK,OAAOC,QAAQ,CAACN,UAAUA,MAAKH,OAAOU,UAAUF,OAAOG,KAAKR,KAAAA,IAAQK,OAAOI,KAAI,CAAA,GAC/EJ,OAAOK,IAAI,CAACV,UAAAA;AACV,aAAO;QACL;UACEH,IAAI;YAACG,MAAKH;YAAI;YAAQc,KAAKrB,yBAAAA;UAC3BsB,MAAMrB;UACNsB,MAAM;UACNC,YAAY;YACVC,OAAO;cAAC;cAAc;gBAAEC,IAAIlB;cAAqB;;YACjDmB,MAAM;YACNC,aAAa;YACbC,UAAU;UACZ;QACF;;IAEJ,CAAA,GACAd,OAAOe,UAAU,MAAM,CAAA,CAAE,CAAA,CAAA;EAGjC,CAAA;CACD;",
-  "names": ["Rx", "Option", "pipe", "Capabilities", "contributes", "createExtension", "ROOT_ID", "ATTENDABLE_PATH_SEPARATOR", "DECK_COMPANION_TYPE", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "OBSERVABILITY_PLUGIN", "connector", "node", "Rx", "make", "get", "pipe", "Option", "flatMap", "ROOT_ID", "some", "none", "map", "join", "type", "data", "properties", "label", "ns", "icon", "disposition", "position", "getOrElse"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/FeedbackForm.tsx", "../../../src/components/HelpContainer.tsx", "../../../src/components/ObservabilitySettings.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { getSnapshot } from '@dxos/echo-schema';\nimport { IconButton, Input, useTranslation } from '@dxos/react-ui';\nimport { FormProvider, useFormContext, useInputProps } from '@dxos/react-ui-form';\n\nimport { OBSERVABILITY_PLUGIN } from '../meta';\nimport { UserFeedback } from '../types';\n\nconst defaultValues: UserFeedback = { message: '' };\n\nconst FormContent = () => {\n  const { t } = useTranslation(OBSERVABILITY_PLUGIN);\n  const { handleSave, canSave } = useFormContext<UserFeedback>();\n\n  const messageProps = useInputProps(['message']);\n\n  return (\n    <div role='form' className='p-3 flex flex-col gap-2'>\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={messageProps.getStatus().status}>\n          <Input.Label>{t('feedback text area label')}</Input.Label>\n          <Input.TextArea\n            classNames={'text-sm'}\n            rows={5}\n            cols={30}\n            placeholder={t('feedback text area placeholder')}\n            value={messageProps.getValue() ?? ''}\n            onChange={(e) => messageProps.onValueChange('string', e.target.value)}\n            // TODO(wittjosiah): This aggressively shows validation errors.\n            onBlur={messageProps.onBlur}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{messageProps.getStatus().error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-2'>\n        <IconButton\n          icon='ph--paper-plane-tilt--regular'\n          label={t('send feedback label')}\n          variant='primary'\n          type='submit'\n          classNames='is-full'\n          disabled={!canSave}\n          onClick={handleSave}\n        />\n      </div>\n    </div>\n  );\n};\n\n// TODO(wittjosiah): Use `Form`?\nexport const FeedbackForm = ({ onSave }: { onSave: (values: UserFeedback) => void }) => {\n  const formRef = useRef<HTMLDivElement>(null);\n  const [_, update] = useState({});\n  const forceRender = useCallback(() => update({}), [update]);\n\n  const handleSave = useCallback(\n    (values: UserFeedback) => {\n      onSave(values);\n      // TODO(wittjosiah): Force re-render to clear the form.\n      forceRender();\n    },\n    [forceRender, onSave],\n  );\n\n  const initialValues = getSnapshot(defaultValues);\n\n  return (\n    <FormProvider formRef={formRef} schema={UserFeedback} initialValues={initialValues} onSave={handleSave}>\n      <div ref={formRef}>\n        <FormContent />\n      </div>\n    </FormProvider>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { pipe } from 'effect';\nimport React, { useCallback } from 'react';\n\nimport { chain, createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { OBSERVABILITY_PLUGIN } from '../meta';\nimport { ObservabilityAction, type UserFeedback } from '../types';\n\nexport const HelpContainer = () => {\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  const handleSave = useCallback(\n    (values: UserFeedback) =>\n      dispatch(\n        pipe(\n          createIntent(ObservabilityAction.CaptureUserFeedback, values),\n          chain(LayoutAction.UpdateComplementary, { part: 'complementary', options: { state: 'collapsed' } }),\n          chain(LayoutAction.AddToast, {\n            part: 'toast',\n            subject: {\n              id: `${OBSERVABILITY_PLUGIN}/feedback-success`,\n              icon: 'ph--paper-plane-tilt--regular',\n              duration: 3000,\n              title: ['feedback toast label', { ns: OBSERVABILITY_PLUGIN }],\n              description: ['feedback toast description', { ns: OBSERVABILITY_PLUGIN }],\n              closeLabel: ['close label', { ns: 'os' }],\n            },\n          }),\n        ),\n      ),\n    [dispatch],\n  );\n\n  return <FeedbackForm onSave={handleSave} />;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { Schema } from 'effect';\nimport React from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\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 = Schema.mutable(\n  Schema.Struct({\n    enabled: Schema.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 = Schema.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": "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",
-  "names": ["React", "useCallback", "useRef", "useState", "getSnapshot", "IconButton", "Input", "useTranslation", "FormProvider", "useFormContext", "useInputProps", "defaultValues", "message", "FormContent", "t", "useTranslation", "OBSERVABILITY_PLUGIN", "handleSave", "canSave", "useFormContext", "messageProps", "useInputProps", "div", "role", "className", "Input", "Root", "validationValence", "getStatus", "status", "Label", "TextArea", "classNames", "rows", "cols", "placeholder", "value", "getValue", "onChange", "e", "onValueChange", "target", "onBlur", "DescriptionAndValidation", "Validation", "error", "IconButton", "icon", "label", "variant", "type", "disabled", "onClick", "FeedbackForm", "onSave", "formRef", "useRef", "_", "update", "useState", "forceRender", "useCallback", "values", "initialValues", "getSnapshot", "FormProvider", "schema", "UserFeedback", "ref", "pipe", "React", "useCallback", "chain", "createIntent", "LayoutAction", "useIntentDispatcher", "HelpContainer", "dispatchPromise", "dispatch", "useIntentDispatcher", "handleSave", "useCallback", "values", "pipe", "createIntent", "ObservabilityAction", "CaptureUserFeedback", "chain", "LayoutAction", "UpdateComplementary", "part", "options", "state", "AddToast", "subject", "id", "OBSERVABILITY_PLUGIN", "icon", "duration", "title", "ns", "description", "closeLabel", "React", "FeedbackForm", "onSave", "Schema", "React", "createIntent", "useIntentDispatcher", "Input", "Message", "useTranslation", "DeprecatedFormContainer", "DeprecatedFormInput", "ObservabilitySettingsSchema", "Schema", "mutable", "Struct", "enabled", "Boolean", "ObservabilitySettings", "settings", "t", "useTranslation", "OBSERVABILITY_PLUGIN", "dispatchPromise", "dispatch", "useIntentDispatcher", "React", "DeprecatedFormContainer", "DeprecatedFormInput", "label", "secondary", "Message", "Root", "valence", "Body", "Input", "Switch", "checked", "onCheckedChange", "createIntent", "ObservabilityAction", "Toggle", "state"]
-}