@dxos/plugin-observability 0.9.1-main.c7dcc2e112 → 0.9.1-staging.ee54ba693a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-observability",
-  "version": "0.9.1-main.c7dcc2e112",
+  "version": "0.9.1-staging.ee54ba693a",
   "description": "DXOS app framework plugin for hooking up app observability",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -18,10 +18,10 @@
       "types": "./dist/types/src/capabilities/index.d.ts",
       "default": "./dist/lib/neutral/capabilities/index.mjs"
     },
-    "#components": {
-      "source": "./src/components/index.ts",
-      "types": "./dist/types/src/components/index.d.ts",
-      "default": "./dist/lib/neutral/components/index.mjs"
+    "#containers": {
+      "source": "./src/containers/index.ts",
+      "types": "./dist/types/src/containers/index.d.ts",
+      "default": "./dist/lib/neutral/containers/index.mjs"
     },
     "#meta": {
       "source": "./src/meta.ts",
@@ -80,38 +80,38 @@
   ],
   "dependencies": {
     "@effect-atom/atom-react": "^0.5.0",
-    "effect": "3.21.3",
-    "@dxos/app-framework": "0.9.1-main.c7dcc2e112",
-    "@dxos/app-toolkit": "0.9.1-main.c7dcc2e112",
-    "@dxos/client": "0.9.1-main.c7dcc2e112",
-    "@dxos/effect": "0.9.1-main.c7dcc2e112",
-    "@dxos/compute": "0.9.1-main.c7dcc2e112",
-    "@dxos/keys": "0.9.1-main.c7dcc2e112",
-    "@dxos/invariant": "0.9.1-main.c7dcc2e112",
-    "@dxos/log": "0.9.1-main.c7dcc2e112",
-    "@dxos/observability": "0.9.1-main.c7dcc2e112",
-    "@dxos/react-ui-form": "0.9.1-main.c7dcc2e112",
-    "@dxos/util": "0.9.1-main.c7dcc2e112"
+    "effect": "3.21.4",
+    "@dxos/app-framework": "0.9.1-staging.ee54ba693a",
+    "@dxos/client": "0.9.1-staging.ee54ba693a",
+    "@dxos/compute": "0.9.1-staging.ee54ba693a",
+    "@dxos/app-toolkit": "0.9.1-staging.ee54ba693a",
+    "@dxos/keys": "0.9.1-staging.ee54ba693a",
+    "@dxos/util": "0.9.1-staging.ee54ba693a",
+    "@dxos/invariant": "0.9.1-staging.ee54ba693a",
+    "@dxos/log": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-form": "0.9.1-staging.ee54ba693a",
+    "@dxos/effect": "0.9.1-staging.ee54ba693a",
+    "@dxos/observability": "0.9.1-staging.ee54ba693a"
   },
   "devDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
-    "@effect/platform": "0.96.1",
-    "@types/react": "~19.2.7",
-    "react": "~19.2.3",
+    "@effect/platform": "0.96.2",
+    "@types/react": "~19.2.17",
+    "react": "~19.2.7",
     "vite": "^8.0.16",
-    "@dxos/plugin-testing": "0.9.1-main.c7dcc2e112",
-    "@dxos/storybook-utils": "0.9.1-main.c7dcc2e112",
-    "@dxos/ui-theme": "0.9.1-main.c7dcc2e112",
-    "@dxos/react-ui": "0.9.1-main.c7dcc2e112"
+    "@dxos/plugin-testing": "0.9.1-staging.ee54ba693a",
+    "@dxos/storybook-utils": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui": "0.9.1-staging.ee54ba693a",
+    "@dxos/ui-theme": "0.9.1-staging.ee54ba693a"
   },
   "peerDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
-    "@effect/platform": "0.96.1",
-    "effect": "3.21.3",
-    "react": "~19.2.3",
-    "react-dom": "~19.2.3",
-    "@dxos/ui-theme": "0.9.1-main.c7dcc2e112",
-    "@dxos/react-ui": "0.9.1-main.c7dcc2e112"
+    "@effect/platform": "0.96.2",
+    "effect": "3.21.4",
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7",
+    "@dxos/react-ui": "0.9.1-staging.ee54ba693a",
+    "@dxos/ui-theme": "0.9.1-staging.ee54ba693a"
   },
   "publishConfig": {
     "access": "public"

package/src/capabilities/react-surface.tsx

@@ -9,7 +9,7 @@ import { Capabilities, Capability } from '@dxos/app-framework';
 import { Surface, useOperationInvoker, useSettingsState } from '@dxos/app-framework/ui';
 import { AppSurface } from '@dxos/app-toolkit/ui';
 
-import { ObservabilitySettings } from '#components';
+import { ObservabilitySettings } from '#containers';
 import { meta } from '#meta';
 import { ObservabilityOperation } from '#types';
 import { type Settings } from '#types';

package/src/{components → containers}/ObservabilitySettings/ObservabilitySettings.stories.tsx

@@ -11,7 +11,7 @@ import { translations } from '#translations';
 import { ObservabilitySettings } from './ObservabilitySettings';
 
 const meta = {
-  title: 'plugins/plugin-observability/components/ObservabilitySettings',
+  title: 'plugins/plugin-observability/containers/ObservabilitySettings',
   component: ObservabilitySettings,
   tags: ['settings'],
   decorators: [withTheme(), withLayout({ layout: 'fullscreen' })],

package/src/containers/ObservabilitySettings/ObservabilitySettings.tsx

@@ -0,0 +1,39 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import React from 'react';
+
+import { type AppSurface } from '@dxos/app-toolkit/ui';
+import { Message, useTranslation } from '@dxos/react-ui';
+import { Form } from '@dxos/react-ui-form';
+
+import { meta } from '#meta';
+import { Settings } from '#types';
+
+export type ObservabilitySettingsProps = AppSurface.SettingsProps<Settings.Settings>;
+
+export const ObservabilitySettings = ({ settings, onSettingsChange }: ObservabilitySettingsProps) => {
+  const { t } = useTranslation(meta.profile.key);
+
+  return (
+    <Form.Root
+      schema={Settings.Settings}
+      values={settings}
+      variant='settings'
+      readonly={!onSettingsChange}
+      onValuesChanged={(values) => onSettingsChange?.((current) => ({ ...current, ...values }))}
+    >
+      <Form.Viewport scroll>
+        <Form.Content>
+          <Form.Section title={meta.profile.name ?? meta.profile.key}>
+            <Message.Root valence='info'>
+              <Message.Content>{t('observability.description')}</Message.Content>
+            </Message.Root>
+            <Form.FieldSet />
+          </Form.Section>
+        </Form.Content>
+      </Form.Viewport>
+    </Form.Root>
+  );
+};

package/src/translations.ts

@@ -12,7 +12,6 @@ export const translations = [
       [meta.profile.key]: {
         'plugin.name': 'Telemetry',
         'help.label': 'Feedback',
-        '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.',

package/dist/lib/neutral/ObservabilitySettings-Z6JGHXD7.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ObservabilitySettings/ObservabilitySettings.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { Message, useTranslation } from '@dxos/react-ui';\nimport { Settings as SettingsForm } from '@dxos/react-ui-form';\n\nimport { meta } from '#meta';\nimport { Settings } from '#types';\n\nexport type ObservabilitySettingsProps = AppSurface.SettingsArticleProps<Settings.Settings>;\n\nexport const ObservabilitySettings = ({ settings, onSettingsChange }: ObservabilitySettingsProps) => {\n  const { t } = useTranslation(meta.profile.key);\n\n  return (\n    <SettingsForm.Viewport>\n      <SettingsForm.Section title={t('settings.title', { ns: meta.profile.key })}>\n        <Message.Root valence='info'>\n          <Message.Content>{t('observability.description')}</Message.Content>\n        </Message.Root>\n        <SettingsForm.FieldSet\n          readonly={!onSettingsChange}\n          schema={Settings.Settings}\n          values={settings}\n          onValuesChanged={(values) => onSettingsChange?.(() => values)}\n        />\n      </SettingsForm.Section>\n    </SettingsForm.Viewport>\n  );\n};\n"],
-  "mappings": ";;;AAIA,OAAOA,WAAW;AAGlB,SAASC,SAASC,sBAAsB;AACxC,SAASC,YAAYC,oBAAoB;AAEzC,SAASC,YAAY;AACrB,SAASF,gBAAgB;AAIlB,IAAMG,wBAAwB,CAAC,EAAEC,UAAUC,iBAAgB,MAA8B;AAC9F,QAAM,EAAEC,EAAC,IAAKP,eAAeG,KAAKK,QAAQC,GAAG;AAE7C,SACE,sBAAA,cAACP,aAAaQ,UAAQ,MACpB,sBAAA,cAACR,aAAaS,SAAO;IAACC,OAAOL,EAAE,kBAAkB;MAAEM,IAAIV,KAAKK,QAAQC;IAAI,CAAA;KACtE,sBAAA,cAACV,QAAQe,MAAI;IAACC,SAAQ;KACpB,sBAAA,cAAChB,QAAQiB,SAAO,MAAET,EAAE,2BAAA,CAAA,CAAA,GAEtB,sBAAA,cAACL,aAAae,UAAQ;IACpBC,UAAU,CAACZ;IACXa,QAAQlB,SAASA;IACjBmB,QAAQf;IACRgB,iBAAiB,CAACD,WAAWd,mBAAmB,MAAMc,MAAAA;;AAKhE;",
-  "names": ["React", "Message", "useTranslation", "Settings", "SettingsForm", "meta", "ObservabilitySettings", "settings", "onSettingsChange", "t", "profile", "key", "Viewport", "Section", "title", "ns", "Root", "valence", "Content", "FieldSet", "readonly", "schema", "values", "onValuesChanged"]
-}

package/dist/types/src/components/ObservabilitySettings/ObservabilitySettings.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ObservabilitySettings.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ObservabilitySettings/ObservabilitySettings.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQjE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CASoC,CAAC;eAEhC,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

package/src/components/ObservabilitySettings/ObservabilitySettings.tsx

@@ -1,34 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { type AppSurface } from '@dxos/app-toolkit/ui';
-import { Message, useTranslation } from '@dxos/react-ui';
-import { Settings as SettingsForm } from '@dxos/react-ui-form';
-
-import { meta } from '#meta';
-import { Settings } from '#types';
-
-export type ObservabilitySettingsProps = AppSurface.SettingsArticleProps<Settings.Settings>;
-
-export const ObservabilitySettings = ({ settings, onSettingsChange }: ObservabilitySettingsProps) => {
-  const { t } = useTranslation(meta.profile.key);
-
-  return (
-    <SettingsForm.Viewport>
-      <SettingsForm.Section title={t('settings.title', { ns: meta.profile.key })}>
-        <Message.Root valence='info'>
-          <Message.Content>{t('observability.description')}</Message.Content>
-        </Message.Root>
-        <SettingsForm.FieldSet
-          readonly={!onSettingsChange}
-          schema={Settings.Settings}
-          values={settings}
-          onValuesChanged={(values) => onSettingsChange?.(() => values)}
-        />
-      </SettingsForm.Section>
-    </SettingsForm.Viewport>
-  );
-};