@dxos/plugin-observability 0.8.3-staging.0fa589b → 0.8.4-main.03d5cd7b56

package/src/translations.ts

@@ -2,31 +2,34 @@
 // Copyright 2023 DXOS.org
 //
 
-import { OBSERVABILITY_PLUGIN } from './meta';
+import { type Resource } from '@dxos/react-ui';
 
-export default [
+import { meta } from '#meta';
+
+export const translations = [
   {
     'en-US': {
-      [OBSERVABILITY_PLUGIN]: {
-        'plugin name': 'Telemetry',
-        'observability toast label': 'Privacy Notice',
-        'observability toast description':
+      [meta.id]: {
+        'plugin.name': 'Telemetry',
+        'settings.title': 'Telemetry settings',
+        'observability-toast.label': 'Privacy Notice',
+        'observability-toast.description':
           'Composer collects usage and performance metrics to improve the product. No user data is collected.',
-        'observability toast action label': 'Settings',
-        'observability toast action alt': 'Open settings to learn more or to disable.',
-        'observability toast close label': 'Okay',
-        'observability enabled label': 'Enable telemetry',
+        'observability-toast-action.label': 'Settings',
+        'observability-toast-action.alt': 'Open settings to learn more or to disable.',
+        'observability-toast-close.label': 'Okay',
         // TODO: Add link about telemetry privacy. Make it clearer that user data is not collected.
-        'observability description':
+        '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.',
-
-        'help label': 'Feedback & Support',
-        'feedback text area label': 'Feedback',
-        'feedback text area placeholder': 'Please enter your feedback, technical issue, or feature request.',
-        '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.',
+        'help.label': 'Feedback & Support',
+        'feedback-textarea.label': 'Feedback',
+        'feedback-textarea.placeholder': 'Please enter your feedback, technical issue, or feature request.',
+        'include-debug-logs.label': 'Include debug logs',
+        'send-feedback.label': 'Send Feedback',
+        'download-logs.label': 'Download logs',
+        '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.',
       },
     },
   },
-];
+] as const satisfies Resource[];

package/src/types/ObservabilityCapabilities.ts

@@ -0,0 +1,42 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+// @import-as-namespace
+
+import { type Atom } from '@effect-atom/atom-react';
+import * as Schema from 'effect/Schema';
+
+import { Capability } from '@dxos/app-framework';
+import { type Client } from '@dxos/client';
+import { type Observability as ObservabilityNs } from '@dxos/observability';
+
+import { meta } from '#meta';
+
+export const Namespace = Capability.make<string>(`${meta.id}.capability.namespace`);
+
+export const Settings = Capability.make<Atom.Writable<import('./Settings').Settings>>(`${meta.id}.capability.settings`);
+
+export const StateSchema = Schema.mutable(
+  Schema.Struct({
+    group: Schema.optional(Schema.String),
+    notified: Schema.optional(Schema.Boolean),
+  }),
+);
+
+export type State = Schema.Schema.Type<typeof StateSchema>;
+
+export const State = Capability.make<Atom.Writable<State>>(`${meta.id}.capability.state`);
+
+export const Observability = Capability.make<ObservabilityNs.Observability>(`${meta.id}.capability.observability`);
+
+/**
+ * Optional capability — when contributed, the help/feedback UI exposes a "Download logs" action.
+ * The callback is responsible for the entire download (read store, encode, save file).
+ */
+export type LogDownloader = () => void | Promise<void>;
+export const LogDownloader = Capability.make<LogDownloader>(`${meta.id}.capability.log-downloader`);
+
+// NOTE: This is cloned from the client plugin to avoid circular dependencies.
+// TODO(burdon): Figure out how to share defs.
+export const ClientCapability = Capability.make<Client>('org.dxos.plugin.client.capability.client');

package/src/types/ObservabilityEvents.ts

@@ -0,0 +1,15 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+// @import-as-namespace
+
+import { ActivationEvent } from '@dxos/app-framework';
+import { AppActivationEvents } from '@dxos/app-toolkit';
+
+import { meta } from '#meta';
+
+export const StateReady: ActivationEvent.ActivationEvent = AppActivationEvents.createStateEvent(meta.id);
+
+// NOTE: This is cloned from the client plugin to avoid circular dependencies.
+export const ClientReadyEvent = ActivationEvent.make('org.dxos.plugin.client.event.client-ready');

package/src/types/ObservabilityOperation.ts

@@ -0,0 +1,75 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+// @import-as-namespace
+
+import * as Schema from 'effect/Schema';
+
+import { Capability } from '@dxos/app-framework';
+import { Operation } from '@dxos/compute';
+import { Format } from '@dxos/echo';
+
+import { meta } from '#meta';
+import { translations } from '#translations';
+
+const t = translations[0]['en-US'][meta.id];
+
+export const UserFeedback = Schema.Struct({
+  message: Format.Text.pipe(
+    Schema.nonEmptyString(),
+    Schema.maxLength(4_096),
+    Schema.annotations({
+      title: t['feedback-textarea.label'],
+      description: t['feedback-textarea.placeholder'],
+    }),
+  ),
+  includeLogs: Schema.Boolean.pipe(
+    Schema.annotations({
+      title: t['include-debug-logs.label'],
+    }),
+    Schema.optional,
+  ),
+});
+
+export type UserFeedback = Schema.Schema.Type<typeof UserFeedback>;
+
+const OBSERVABILITY_OPERATION = `${meta.id}.operation`;
+
+export const Toggle = Operation.make({
+  meta: {
+    key: `${OBSERVABILITY_OPERATION}.toggle`,
+    name: 'Toggle Observability',
+    description: 'Toggle observability on or off.',
+  },
+  services: [Capability.Service],
+  input: Schema.Struct({
+    state: Schema.optional(Schema.Boolean),
+  }),
+  output: Schema.Boolean,
+});
+
+export const CaptureUserFeedback = Operation.make({
+  meta: {
+    key: `${OBSERVABILITY_OPERATION}.capture-feedback`,
+    name: 'Capture User Feedback',
+    description: 'Capture user feedback.',
+  },
+  services: [Capability.Service],
+  input: UserFeedback,
+  output: Schema.Void,
+});
+
+export const SendEvent = Operation.make({
+  meta: {
+    key: `${OBSERVABILITY_OPERATION}.send-event`,
+    name: 'Send Event',
+    description: 'Send an observability event.',
+  },
+  services: [Capability.Service],
+  input: Schema.Struct({
+    name: Schema.String.annotations({ description: 'The name of the event.' }),
+    properties: Schema.optional(Schema.Any).annotations({ description: 'Event properties.' }),
+  }),
+  output: Schema.Void,
+});

package/src/types/Settings.ts

@@ -0,0 +1,22 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+// @import-as-namespace
+
+import * as Schema from 'effect/Schema';
+
+export const Settings = Schema.mutable(
+  Schema.Struct({
+    enabled: Schema.Boolean.annotations({
+      title: 'Enable telemetry',
+      description: 'Send anonymous usage and performance data to help improve the product.',
+    }),
+    // TODO(wittjosiah): Separate settings for each observability feature.
+    // metrics?: boolean;
+    // telemetry?: boolean;
+    // errors?: boolean;
+  }),
+);
+
+export interface Settings extends Schema.Schema.Type<typeof Settings> {}

package/src/types/index.ts

@@ -0,0 +1,8 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export * as ObservabilityCapabilities from './ObservabilityCapabilities';
+export * as ObservabilityEvents from './ObservabilityEvents';
+export * as ObservabilityOperation from './ObservabilityOperation';
+export * as Settings from './Settings';

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-BJ2ZWVOH.mjs

@@ -1,18 +0,0 @@
-import {
-  OBSERVABILITY_PLUGIN
-} from "./chunk-RKH5BBR4.mjs";
-
-// packages/plugins/plugin-observability/src/capabilities/capabilities.ts
-import { defineCapability } from "@dxos/app-framework";
-(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");
-var ObservabilityCapabilities;
-
-export {
-  ClientCapability,
-  ObservabilityCapabilities
-};
-//# sourceMappingURL=chunk-BJ2ZWVOH.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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-NYBEHHJN.mjs

@@ -1,175 +0,0 @@
-import {
-  ObservabilityAction,
-  UserFeedback
-} from "./chunk-P7VVCZOC.mjs";
-import {
-  OBSERVABILITY_PLUGIN
-} from "./chunk-RKH5BBR4.mjs";
-
-// packages/plugins/plugin-observability/src/components/FeedbackForm.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useCallback, useRef, useState } from "react";
-import { getSnapshot } from "@dxos/echo-schema";
-import { IconButton, Input, useTranslation } from "@dxos/react-ui";
-import { FormProvider, useFormContext, useInputProps } from "@dxos/react-ui-form";
-var defaultValues = {
-  message: ""
-};
-var FormContent = () => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation(OBSERVABILITY_PLUGIN);
-    const { handleSave, canSave } = useFormContext();
-    const messageProps = useInputProps([
-      "message"
-    ]);
-    return /* @__PURE__ */ React.createElement("div", {
-      role: "form",
-      className: "p-3 flex flex-col gap-2"
-    }, /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "space-b-1"
-    }, /* @__PURE__ */ React.createElement(Input.Root, {
-      validationValence: messageProps.getStatus().status
-    }, /* @__PURE__ */ React.createElement(Input.Label, null, t("feedback text area label")), /* @__PURE__ */ React.createElement(Input.TextArea, {
-      classNames: "text-sm",
-      rows: 5,
-      cols: 30,
-      placeholder: t("feedback text area placeholder"),
-      value: messageProps.getValue() ?? "",
-      onChange: (e) => messageProps.onValueChange("string", e.target.value),
-      // TODO(wittjosiah): This aggressively shows validation errors.
-      onBlur: messageProps.onBlur
-    }), /* @__PURE__ */ React.createElement(Input.DescriptionAndValidation, null, /* @__PURE__ */ React.createElement(Input.Validation, null, messageProps.getStatus().error)))), /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "space-b-2"
-    }, /* @__PURE__ */ React.createElement(IconButton, {
-      icon: "ph--paper-plane-tilt--regular",
-      label: t("send feedback label"),
-      variant: "primary",
-      type: "submit",
-      classNames: "is-full",
-      disabled: !canSave,
-      onClick: handleSave
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-var FeedbackForm = ({ onSave }) => {
-  var _effect = _useSignals();
-  try {
-    const formRef = useRef(null);
-    const [_, update] = useState({});
-    const forceRender = useCallback(() => update({}), [
-      update
-    ]);
-    const handleSave = useCallback((values) => {
-      onSave(values);
-      forceRender();
-    }, [
-      forceRender,
-      onSave
-    ]);
-    const initialValues = getSnapshot(defaultValues);
-    return /* @__PURE__ */ React.createElement(FormProvider, {
-      formRef,
-      schema: UserFeedback,
-      initialValues,
-      onSave: handleSave
-    }, /* @__PURE__ */ React.createElement("div", {
-      ref: formRef
-    }, /* @__PURE__ */ React.createElement(FormContent, null)));
-  } finally {
-    _effect.f();
-  }
-};
-
-// packages/plugins/plugin-observability/src/components/HelpContainer.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import { pipe } from "effect";
-import React2, { useCallback as useCallback2 } from "react";
-import { chain, createIntent, LayoutAction, useIntentDispatcher } from "@dxos/app-framework";
-var HelpContainer = () => {
-  var _effect = _useSignals2();
-  try {
-    const { dispatchPromise: dispatch } = useIntentDispatcher();
-    const handleSave = useCallback2((values) => 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: 3e3,
-        title: [
-          "feedback toast label",
-          {
-            ns: OBSERVABILITY_PLUGIN
-          }
-        ],
-        description: [
-          "feedback toast description",
-          {
-            ns: OBSERVABILITY_PLUGIN
-          }
-        ],
-        closeLabel: [
-          "close label",
-          {
-            ns: "os"
-          }
-        ]
-      }
-    }))), [
-      dispatch
-    ]);
-    return /* @__PURE__ */ React2.createElement(FeedbackForm, {
-      onSave: handleSave
-    });
-  } finally {
-    _effect.f();
-  }
-};
-
-// packages/plugins/plugin-observability/src/components/ObservabilitySettings.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import { Schema } from "effect";
-import React3 from "react";
-import { createIntent as createIntent2, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
-import { Input as Input2, Message, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
-var ObservabilitySettingsSchema = Schema.mutable(Schema.Struct({
-  enabled: Schema.Boolean
-}));
-var ObservabilitySettings = ({ settings }) => {
-  var _effect = _useSignals3();
-  try {
-    const { t } = useTranslation2(OBSERVABILITY_PLUGIN);
-    const { dispatchPromise: dispatch } = useIntentDispatcher2();
-    return /* @__PURE__ */ React3.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React3.createElement(DeprecatedFormInput, {
-      label: t("observability enabled label"),
-      secondary: /* @__PURE__ */ React3.createElement(Message.Root, {
-        valence: "info"
-      }, /* @__PURE__ */ React3.createElement(Message.Content, null, t("observability description")))
-    }, /* @__PURE__ */ React3.createElement(Input2.Switch, {
-      checked: settings.enabled,
-      onCheckedChange: (checked) => dispatch(createIntent2(ObservabilityAction.Toggle, {
-        state: !!checked
-      }))
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-
-export {
-  FeedbackForm,
-  HelpContainer,
-  ObservabilitySettingsSchema,
-  ObservabilitySettings
-};
-//# sourceMappingURL=chunk-NYBEHHJN.mjs.map

package/dist/lib/browser/chunk-NYBEHHJN.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.Content>{t('observability description')}</Message.Content>\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", "Content", "Input", "Switch", "checked", "onCheckedChange", "createIntent", "ObservabilityAction", "Toggle", "state"]
-}