@dxos/plugin-status-bar 0.7.4 → 0.7.5-main.937ce75

package/dist/lib/browser/index.mjs

@@ -5,6 +5,7 @@ import {
 
 // packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx
 import React4 from "react";
+import { createSurface } from "@dxos/app-framework";
 
 // packages/plugins/plugin-status-bar/src/components/StatusBar.tsx
 import { useFocusableGroup } from "@fluentui/react-tabster";
@@ -71,10 +72,10 @@ import { Surface } from "@dxos/app-framework";
 import { Icon, Popover as Popover2 } from "@dxos/react-ui";
 
 // packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx
-import { Schema as S } from "@effect/schema";
 import { PaperPlaneTilt, X } from "@phosphor-icons/react";
 import React2, { useCallback } from "react";
-import { useIntentDispatcher } from "@dxos/app-framework";
+import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
+import { ObservabilityAction, UserFeedback } from "@dxos/plugin-observability/types";
 import { Button, Input, Popover, useTranslation } from "@dxos/react-ui";
 import { useForm } from "@dxos/react-ui-form";
 import { getSize } from "@dxos/react-ui-theme";
@@ -101,22 +102,6 @@ var translations_default = [
 ];
 
 // packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx
-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 FeedbackFormSchema = 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 initialValues = {
   name: "",
   email: "",
@@ -125,12 +110,9 @@ var initialValues = {
 var FeedbackForm = ({ onClose }) => {
   const { t } = useTranslation(STATUS_BAR_PLUGIN);
   const translation = mkTranslation(t);
-  const dispatch = useIntentDispatcher();
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
   const onSave = useCallback((values) => {
-    void dispatch({
-      action: "dxos.org/plugin/observability/capture-feedback",
-      data: values
-    });
+    void dispatch(createIntent(ObservabilityAction.CaptureUserFeedback, values));
     onClose();
   }, [
     dispatch,
@@ -138,7 +120,7 @@ var FeedbackForm = ({ onClose }) => {
   ]);
   const { handleSave, canSave, getStatus, ...inputProps } = useForm({
     initialValues,
-    schema: FeedbackFormSchema,
+    schema: UserFeedback,
     onSave
   });
   return /* @__PURE__ */ React2.createElement("div", {
@@ -244,14 +226,11 @@ var StatusBarPlugin = () => {
     provides: {
       translations: translations_default,
       surface: {
-        component: ({ role }) => {
-          switch (role) {
-            case "status-bar": {
-              return /* @__PURE__ */ React4.createElement(StatusBarPanel, null);
-            }
-          }
-          return null;
-        }
+        definitions: () => createSurface({
+          id: meta_default.id,
+          role: "status-bar",
+          component: () => /* @__PURE__ */ React4.createElement(StatusBarPanel, null)
+        })
       }
     }
   };

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/StatusBarPlugin.tsx", "../../../src/components/StatusBar.tsx", "../../../src/components/StatusBarPanel.tsx", "../../../src/components/FeedbackForm.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type PluginDefinition, type SurfaceProvides, type TranslationsProvides } from '@dxos/app-framework';\n\nimport { StatusBarPanel } from './components';\nimport meta from './meta';\nimport translations from './translations';\n\nexport type StatusBarPluginProvides = SurfaceProvides & TranslationsProvides;\n\nexport const StatusBarPlugin = (): PluginDefinition<StatusBarPluginProvides> => {\n  return {\n    meta,\n    provides: {\n      translations,\n      surface: {\n        component: ({ role }) => {\n          switch (role) {\n            case 'status-bar': {\n              return <StatusBarPanel />;\n            }\n          }\n\n          return null;\n        },\n      },\n    },\n  };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\ntype StatusBarTextProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StatusBarText = forwardRef<HTMLSpanElement, StatusBarTextProps>(({ classNames, children }, forwardedRef) => (\n  <span className={mx(classNames)} ref={forwardedRef}>\n    {children}\n  </span>\n));\n\ntype StatusBarButtonProps = ThemedClassName<{ children: ReactNode; asChild?: boolean }> &\n  HTMLAttributes<HTMLButtonElement>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer ch-focus-ring',\n      'hover:bg-neutral-75 active:bg-neutral-150 dark:hover:bg-neutral-750 dark:active:bg-neutral-700',\n      classNames,\n    );\n\n    return asChild ? (\n      <Slot role='button' ref={forwardedRef} className={classes} {...props}>\n        {children}\n      </Slot>\n    ) : (\n      <button className={classes} ref={forwardedRef} {...props}>\n        {children}\n      </button>\n    );\n  },\n);\n\nexport default StatusBarButton;\n\ntype StatusBarItemProps = ThemedClassName<{ children: ReactNode }> & HTMLAttributes<HTMLDivElement>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-center gap-2 p-1 px-2 rounded-sm select-none', classNames)}\n      ref={forwardedRef}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\n\ntype StatusBarContainerProps = ThemedClassName<{ children: ReactNode }>;\n\n// TODO(zan): tabable group with tabster.\nconst StatusBarContainer = forwardRef<HTMLDivElement, StatusBarContainerProps>(\n  ({ classNames, children }, forwardedRef) => {\n    const groupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n    return (\n      <div\n        role='menubar'\n        tabIndex={0}\n        {...groupAttrs}\n        className={mx(\n          'bs-[--statusbar-size] flex justify-end items-center gap-2 bg-base text-description text-lg pointer-fine:text-xs ch-focus-ring-inset',\n          classNames,\n        )}\n        ref={forwardedRef}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\ntype StartContentProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StartContent = forwardRef<HTMLDivElement, StartContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center space-x-2', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\ntype EndContentProps = ThemedClassName<{ children: ReactNode }>;\n\nconst EndContent = forwardRef<HTMLDivElement, EndContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center justify-end', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\nexport const StatusBar = {\n  Container: StatusBarContainer,\n  Text: StatusBarText,\n  Item: StatusBarItem,\n  Button: StatusBarButton,\n  StartContent,\n  EndContent,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Icon, Popover } from '@dxos/react-ui';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { StatusBar } from './StatusBar';\n\nexport const StatusBarPanel = () => {\n  const [open, setOpen] = useState(false);\n\n  // TODO(wittjosiah): Factor out feedback and discord buttons.\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <StatusBar.Container>\n        <StatusBar.EndContent>\n          <Surface role='status' />\n          <Popover.Trigger asChild>\n            <StatusBar.Button aria-label='Give feedback about composer' data-joyride='welcome/feedback'>\n              <Icon icon='ph--paper-plane-tilt--regular' size={4} />\n              <StatusBar.Text classNames='hidden sm:block'>Feedback</StatusBar.Text>\n            </StatusBar.Button>\n          </Popover.Trigger>\n          {/* TODO(zan): Configure this label? */}\n          <StatusBar.Button aria-label='Open DXOS Discord' asChild>\n            <a href='https://dxos.org/discord' target='_blank' rel='noopener noreferrer'>\n              <Icon icon='ph--discord-logo--regular' size={4} />\n              <StatusBar.Text classNames='hidden sm:block'>Discord</StatusBar.Text>\n            </a>\n          </StatusBar.Button>\n        </StatusBar.EndContent>\n      </StatusBar.Container>\n      <Popover.Content classNames='shadow-lg'>\n        <FeedbackForm onClose={() => setOpen(false)} />\n        <Popover.Arrow />\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Schema as S } from '@effect/schema';\nimport { PaperPlaneTilt, X } from '@phosphor-icons/react';\nimport React, { useCallback } from 'react';\n\nimport { useIntentDispatcher } from '@dxos/app-framework';\nimport { Button, Input, Popover, useTranslation } from '@dxos/react-ui';\nimport { useForm } from '@dxos/react-ui-form';\nimport { getSize } from '@dxos/react-ui-theme';\n\nimport { STATUS_BAR_PLUGIN } from '../meta';\nimport { mkTranslation } from '../translations';\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\n// Types and validation.\nconst FeedbackFormSchema = 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\ntype FeedbackFormType = S.Schema.Type<typeof FeedbackFormSchema>;\n\nconst initialValues: FeedbackFormType = { name: '', email: '', message: '' };\n\nexport const FeedbackForm = ({ onClose }: { onClose: () => void }) => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const translation = mkTranslation(t);\n  const dispatch = useIntentDispatcher();\n\n  const onSave = useCallback(\n    (values: FeedbackFormType) => {\n      void dispatch({ action: 'dxos.org/plugin/observability/capture-feedback', data: values });\n      onClose();\n    },\n    [dispatch, onClose],\n  );\n\n  const { handleSave, canSave, getStatus, ...inputProps } = useForm<FeedbackFormType>({\n    initialValues,\n    schema: FeedbackFormSchema,\n    onSave,\n  });\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={getStatus('name').status}>\n          <Input.Label>{translation('name label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('name placeholder')}\n            autoFocus\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('name').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('email').status}>\n          <Input.Label>{translation('email input label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('email input placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('email').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('message').status}>\n          <Input.Label>{translation('feedback text area label')}</Input.Label>\n          <Input.TextArea\n            classNames={'text-sm'}\n            rows={5}\n            cols={30}\n            placeholder={translation('feedback text area placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('message').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-2'>\n        <Button\n          type='submit'\n          variant='primary'\n          classNames='is-full flex gap-2'\n          disabled={!canSave}\n          onClick={handleSave}\n        >\n          <span>{translation('send feedback label')}</span>\n          <div className='grow' />\n          <PaperPlaneTilt className={getSize(5)} />\n        </Button>\n        <Popover.Close asChild>\n          <Button classNames='is-full flex gap-2'>\n            <span>{t('cancel label', { ns: 'os' })}</span>\n            <div className='grow' />\n            <X className={getSize(5)} />\n          </Button>\n        </Popover.Close>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type useTranslation } from '@dxos/react-ui';\n\nimport { STATUS_BAR_PLUGIN } from './meta';\n\ntype StatusBarTranslationKeys =\n  | 'plugin name'\n  | 'email input label'\n  | 'email input placeholder'\n  | 'feedback text area label'\n  | 'feedback text area placeholder'\n  | 'send feedback label'\n  | 'name label'\n  | 'name placeholder';\n\ntype RequiredTranslation = { [key in StatusBarTranslationKeys]: string };\ntype TranslationEntry = { [STATUS_BAR_PLUGIN]: RequiredTranslation };\ntype Language = string;\n\n// -- helpers.\nconst entry = (translation: RequiredTranslation): TranslationEntry => ({ [STATUS_BAR_PLUGIN]: translation });\nexport const mkTranslation = (t: ReturnType<typeof useTranslation>['t']) => (key: StatusBarTranslationKeys) => t(key);\n\nconst translations: Record<Language, TranslationEntry> = {\n  'en-US': entry({\n    'plugin name': 'Status Bar',\n    'name label': 'Name',\n    'name placeholder': 'Preferred name',\n    'email input label': 'Email',\n    'email input placeholder': 'hello@example.com',\n    'feedback text area label': 'Feedback',\n    'feedback text area placeholder': 'Found a bug? Have a suggestion? Let us know!',\n    'send feedback label': 'Send Feedback',\n  }),\n};\n\nexport default [translations];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { StatusBarPlugin } from './StatusBarPlugin';\n\nexport default StatusBarPlugin;\n\nexport * from './StatusBarPlugin';\nexport * from './components';\n"],
-  "mappings": "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",
-  "names": ["React", "useFocusableGroup", "Slot", "React", "forwardRef", "mx", "StatusBarText", "forwardRef", "classNames", "children", "forwardedRef", "span", "className", "mx", "ref", "StatusBarButton", "asChild", "props", "classes", "Slot", "role", "button", "StatusBarItem", "forwardRef", "classNames", "children", "props", "forwardedRef", "div", "role", "className", "mx", "ref", "StatusBarContainer", "groupAttrs", "useFocusableGroup", "tabBehavior", "tabIndex", "StartContent", "EndContent", "StatusBar", "Container", "Text", "StatusBarText", "Item", "Button", "StatusBarButton", "React", "useState", "Surface", "Icon", "Popover", "Schema", "S", "PaperPlaneTilt", "X", "React", "useCallback", "useIntentDispatcher", "Button", "Input", "Popover", "useTranslation", "useForm", "getSize", "entry", "translation", "STATUS_BAR_PLUGIN", "mkTranslation", "t", "key", "translations", "Email", "S", "String", "pipe", "nonEmptyString", "message", "pattern", "nonEmpty", "field", "maxLength", "length", "FeedbackFormSchema", "Struct", "name", "email", "initialValues", "FeedbackForm", "onClose", "t", "useTranslation", "STATUS_BAR_PLUGIN", "translation", "mkTranslation", "dispatch", "useIntentDispatcher", "onSave", "useCallback", "values", "action", "data", "handleSave", "canSave", "getStatus", "inputProps", "useForm", "schema", "React", "div", "role", "className", "Input", "Root", "validationValence", "status", "Label", "TextInput", "classNames", "placeholder", "autoFocus", "DescriptionAndValidation", "Validation", "error", "TextArea", "rows", "cols", "Button", "type", "variant", "disabled", "onClick", "span", "PaperPlaneTilt", "getSize", "Popover", "Close", "asChild", "ns", "X", "StatusBarPanel", "open", "setOpen", "useState", "React", "Popover", "Root", "onOpenChange", "StatusBar", "Container", "EndContent", "Surface", "role", "Trigger", "asChild", "Button", "aria-label", "data-joyride", "Icon", "icon", "size", "Text", "classNames", "a", "href", "target", "rel", "Content", "FeedbackForm", "onClose", "Arrow", "StatusBarPlugin", "meta", "provides", "translations", "surface", "component", "role", "React", "StatusBarPanel", "StatusBarPlugin"]
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport {\n  createSurface,\n  type PluginDefinition,\n  type SurfaceProvides,\n  type TranslationsProvides,\n} from '@dxos/app-framework';\n\nimport { StatusBarPanel } from './components';\nimport meta from './meta';\nimport translations from './translations';\n\nexport type StatusBarPluginProvides = SurfaceProvides & TranslationsProvides;\n\nexport const StatusBarPlugin = (): PluginDefinition<StatusBarPluginProvides> => {\n  return {\n    meta,\n    provides: {\n      translations,\n      surface: {\n        definitions: () =>\n          createSurface({\n            id: meta.id,\n            role: 'status-bar',\n            component: () => <StatusBarPanel />,\n          }),\n      },\n    },\n  };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\ntype StatusBarTextProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StatusBarText = forwardRef<HTMLSpanElement, StatusBarTextProps>(({ classNames, children }, forwardedRef) => (\n  <span className={mx(classNames)} ref={forwardedRef}>\n    {children}\n  </span>\n));\n\ntype StatusBarButtonProps = ThemedClassName<{ children: ReactNode; asChild?: boolean }> &\n  HTMLAttributes<HTMLButtonElement>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer ch-focus-ring',\n      'hover:bg-neutral-75 active:bg-neutral-150 dark:hover:bg-neutral-750 dark:active:bg-neutral-700',\n      classNames,\n    );\n\n    return asChild ? (\n      <Slot role='button' ref={forwardedRef} className={classes} {...props}>\n        {children}\n      </Slot>\n    ) : (\n      <button className={classes} ref={forwardedRef} {...props}>\n        {children}\n      </button>\n    );\n  },\n);\n\nexport default StatusBarButton;\n\ntype StatusBarItemProps = ThemedClassName<{ children: ReactNode }> & HTMLAttributes<HTMLDivElement>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-center gap-2 p-1 px-2 rounded-sm select-none', classNames)}\n      ref={forwardedRef}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\n\ntype StatusBarContainerProps = ThemedClassName<{ children: ReactNode }>;\n\n// TODO(zan): tabable group with tabster.\nconst StatusBarContainer = forwardRef<HTMLDivElement, StatusBarContainerProps>(\n  ({ classNames, children }, forwardedRef) => {\n    const groupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n    return (\n      <div\n        role='menubar'\n        tabIndex={0}\n        {...groupAttrs}\n        className={mx(\n          'bs-[--statusbar-size] flex justify-end items-center gap-2 bg-base text-description text-lg pointer-fine:text-xs ch-focus-ring-inset',\n          classNames,\n        )}\n        ref={forwardedRef}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\ntype StartContentProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StartContent = forwardRef<HTMLDivElement, StartContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center space-x-2', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\ntype EndContentProps = ThemedClassName<{ children: ReactNode }>;\n\nconst EndContent = forwardRef<HTMLDivElement, EndContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center justify-end', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\nexport const StatusBar = {\n  Container: StatusBarContainer,\n  Text: StatusBarText,\n  Item: StatusBarItem,\n  Button: StatusBarButton,\n  StartContent,\n  EndContent,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Icon, Popover } from '@dxos/react-ui';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { StatusBar } from './StatusBar';\n\nexport const StatusBarPanel = () => {\n  const [open, setOpen] = useState(false);\n\n  // TODO(wittjosiah): Factor out feedback and discord buttons.\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <StatusBar.Container>\n        <StatusBar.EndContent>\n          <Surface role='status' />\n          <Popover.Trigger asChild>\n            <StatusBar.Button aria-label='Give feedback about composer' data-joyride='welcome/feedback'>\n              <Icon icon='ph--paper-plane-tilt--regular' size={4} />\n              <StatusBar.Text classNames='hidden sm:block'>Feedback</StatusBar.Text>\n            </StatusBar.Button>\n          </Popover.Trigger>\n          {/* TODO(zan): Configure this label? */}\n          <StatusBar.Button aria-label='Open DXOS Discord' asChild>\n            <a href='https://dxos.org/discord' target='_blank' rel='noopener noreferrer'>\n              <Icon icon='ph--discord-logo--regular' size={4} />\n              <StatusBar.Text classNames='hidden sm:block'>Discord</StatusBar.Text>\n            </a>\n          </StatusBar.Button>\n        </StatusBar.EndContent>\n      </StatusBar.Container>\n      <Popover.Content classNames='shadow-lg'>\n        <FeedbackForm onClose={() => setOpen(false)} />\n        <Popover.Arrow />\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { PaperPlaneTilt, X } from '@phosphor-icons/react';\nimport React, { useCallback } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { ObservabilityAction, UserFeedback } from '@dxos/plugin-observability/types';\nimport { Button, Input, Popover, useTranslation } from '@dxos/react-ui';\nimport { useForm } from '@dxos/react-ui-form';\nimport { getSize } from '@dxos/react-ui-theme';\n\nimport { STATUS_BAR_PLUGIN } from '../meta';\nimport { mkTranslation } from '../translations';\n\nconst initialValues: UserFeedback = { name: '', email: '', message: '' };\n\nexport const FeedbackForm = ({ onClose }: { onClose: () => void }) => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const translation = mkTranslation(t);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  const onSave = useCallback(\n    (values: UserFeedback) => {\n      void dispatch(createIntent(ObservabilityAction.CaptureUserFeedback, values));\n      onClose();\n    },\n    [dispatch, onClose],\n  );\n\n  const { handleSave, canSave, getStatus, ...inputProps } = useForm<UserFeedback>({\n    initialValues,\n    schema: UserFeedback,\n    onSave,\n  });\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={getStatus('name').status}>\n          <Input.Label>{translation('name label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('name placeholder')}\n            autoFocus\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('name').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('email').status}>\n          <Input.Label>{translation('email input label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('email input placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('email').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('message').status}>\n          <Input.Label>{translation('feedback text area label')}</Input.Label>\n          <Input.TextArea\n            classNames={'text-sm'}\n            rows={5}\n            cols={30}\n            placeholder={translation('feedback text area placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('message').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-2'>\n        <Button\n          type='submit'\n          variant='primary'\n          classNames='is-full flex gap-2'\n          disabled={!canSave}\n          onClick={handleSave}\n        >\n          <span>{translation('send feedback label')}</span>\n          <div className='grow' />\n          <PaperPlaneTilt className={getSize(5)} />\n        </Button>\n        <Popover.Close asChild>\n          <Button classNames='is-full flex gap-2'>\n            <span>{t('cancel label', { ns: 'os' })}</span>\n            <div className='grow' />\n            <X className={getSize(5)} />\n          </Button>\n        </Popover.Close>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type useTranslation } from '@dxos/react-ui';\n\nimport { STATUS_BAR_PLUGIN } from './meta';\n\ntype StatusBarTranslationKeys =\n  | 'plugin name'\n  | 'email input label'\n  | 'email input placeholder'\n  | 'feedback text area label'\n  | 'feedback text area placeholder'\n  | 'send feedback label'\n  | 'name label'\n  | 'name placeholder';\n\ntype RequiredTranslation = { [key in StatusBarTranslationKeys]: string };\ntype TranslationEntry = { [STATUS_BAR_PLUGIN]: RequiredTranslation };\ntype Language = string;\n\n// -- helpers.\nconst entry = (translation: RequiredTranslation): TranslationEntry => ({ [STATUS_BAR_PLUGIN]: translation });\nexport const mkTranslation = (t: ReturnType<typeof useTranslation>['t']) => (key: StatusBarTranslationKeys) => t(key);\n\nconst translations: Record<Language, TranslationEntry> = {\n  'en-US': entry({\n    'plugin name': 'Status Bar',\n    'name label': 'Name',\n    'name placeholder': 'Preferred name',\n    'email input label': 'Email',\n    'email input placeholder': 'hello@example.com',\n    'feedback text area label': 'Feedback',\n    'feedback text area placeholder': 'Found a bug? Have a suggestion? Let us know!',\n    'send feedback label': 'Send Feedback',\n  }),\n};\n\nexport default [translations];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { StatusBarPlugin } from './StatusBarPlugin';\n\nexport default StatusBarPlugin;\n\nexport * from './StatusBarPlugin';\nexport * from './components';\n"],
+  "mappings": "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",
+  "names": ["React", "createSurface", "useFocusableGroup", "Slot", "React", "forwardRef", "mx", "StatusBarText", "forwardRef", "classNames", "children", "forwardedRef", "span", "className", "mx", "ref", "StatusBarButton", "asChild", "props", "classes", "Slot", "role", "button", "StatusBarItem", "forwardRef", "classNames", "children", "props", "forwardedRef", "div", "role", "className", "mx", "ref", "StatusBarContainer", "groupAttrs", "useFocusableGroup", "tabBehavior", "tabIndex", "StartContent", "EndContent", "StatusBar", "Container", "Text", "StatusBarText", "Item", "Button", "StatusBarButton", "React", "useState", "Surface", "Icon", "Popover", "PaperPlaneTilt", "X", "React", "useCallback", "createIntent", "useIntentDispatcher", "ObservabilityAction", "UserFeedback", "Button", "Input", "Popover", "useTranslation", "useForm", "getSize", "entry", "translation", "STATUS_BAR_PLUGIN", "mkTranslation", "t", "key", "translations", "initialValues", "name", "email", "message", "FeedbackForm", "onClose", "t", "useTranslation", "STATUS_BAR_PLUGIN", "translation", "mkTranslation", "dispatchPromise", "dispatch", "useIntentDispatcher", "onSave", "useCallback", "values", "createIntent", "ObservabilityAction", "CaptureUserFeedback", "handleSave", "canSave", "getStatus", "inputProps", "useForm", "schema", "UserFeedback", "React", "div", "role", "className", "Input", "Root", "validationValence", "status", "Label", "TextInput", "classNames", "placeholder", "autoFocus", "DescriptionAndValidation", "Validation", "error", "TextArea", "rows", "cols", "Button", "type", "variant", "disabled", "onClick", "span", "PaperPlaneTilt", "getSize", "Popover", "Close", "asChild", "ns", "X", "StatusBarPanel", "open", "setOpen", "useState", "React", "Popover", "Root", "onOpenChange", "StatusBar", "Container", "EndContent", "Surface", "role", "Trigger", "asChild", "Button", "aria-label", "data-joyride", "Icon", "icon", "size", "Text", "classNames", "a", "href", "target", "rel", "Content", "FeedbackForm", "onClose", "Arrow", "StatusBarPlugin", "meta", "provides", "translations", "surface", "definitions", "createSurface", "id", "role", "component", "React", "StatusBarPanel", "StatusBarPlugin"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":9929,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytes":1252,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":3385,"imports":[{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytes":15976,"imports":[{"path":"@effect/schema","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytes":6010,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx","kind":"import-statement","original":"./FeedbackForm"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytes":624,"imports":[{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx","kind":"import-statement","original":"./StatusBarPanel"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytes":2663,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/index.ts":{"bytes":916,"imports":[{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20086},"packages/plugins/plugin-status-bar/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/browser/chunk-4KDZC7WS.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@effect/schema","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarPanel","StatusBarPlugin","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":424},"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":2478},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1692},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytesInOutput":4580},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":570},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":35}},"bytes":10570},"packages/plugins/plugin-status-bar/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-status-bar/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/browser/chunk-4KDZC7WS.mjs","kind":"import-statement"}],"exports":["STATUS_BAR_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/meta.ts","inputs":{},"bytes":169},"packages/plugins/plugin-status-bar/dist/lib/browser/chunk-4KDZC7WS.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":600},"packages/plugins/plugin-status-bar/dist/lib/browser/chunk-4KDZC7WS.mjs":{"imports":[],"exports":["STATUS_BAR_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":210}},"bytes":353}}}
+{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":9929,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytes":1252,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":3385,"imports":[{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytes":13476,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytes":6010,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx","kind":"import-statement","original":"./FeedbackForm"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytes":624,"imports":[{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx","kind":"import-statement","original":"./StatusBarPanel"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytes":2673,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/index.ts":{"bytes":916,"imports":[{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":18864},"packages/plugins/plugin-status-bar/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/browser/chunk-4KDZC7WS.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarPanel","StatusBarPlugin","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":444},"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":2478},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1692},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytesInOutput":3972},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":570},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":35}},"bytes":9982},"packages/plugins/plugin-status-bar/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-status-bar/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/browser/chunk-4KDZC7WS.mjs","kind":"import-statement"}],"exports":["STATUS_BAR_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/meta.ts","inputs":{},"bytes":169},"packages/plugins/plugin-status-bar/dist/lib/browser/chunk-4KDZC7WS.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":600},"packages/plugins/plugin-status-bar/dist/lib/browser/chunk-4KDZC7WS.mjs":{"imports":[],"exports":["STATUS_BAR_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":210}},"bytes":353}}}

package/dist/lib/node/index.cjs

@@ -36,17 +36,18 @@ __export(node_exports, {
 module.exports = __toCommonJS(node_exports);
 var import_chunk_OGG3PMIV = require("./chunk-OGG3PMIV.cjs");
 var import_react = __toESM(require("react"));
+var import_app_framework = require("@dxos/app-framework");
 var import_react_tabster = require("@fluentui/react-tabster");
 var import_react_slot = require("@radix-ui/react-slot");
 var import_react2 = __toESM(require("react"));
 var import_react_ui_theme = require("@dxos/react-ui-theme");
 var import_react3 = __toESM(require("react"));
-var import_app_framework = require("@dxos/app-framework");
+var import_app_framework2 = require("@dxos/app-framework");
 var import_react_ui = require("@dxos/react-ui");
-var import_schema = require("@effect/schema");
 var import_react4 = require("@phosphor-icons/react");
 var import_react5 = __toESM(require("react"));
-var import_app_framework2 = require("@dxos/app-framework");
+var import_app_framework3 = require("@dxos/app-framework");
+var import_types = require("@dxos/plugin-observability/types");
 var import_react_ui2 = require("@dxos/react-ui");
 var import_react_ui_form = require("@dxos/react-ui-form");
 var import_react_ui_theme2 = require("@dxos/react-ui-theme");
@@ -122,22 +123,6 @@ var translations = {
 var translations_default = [
   translations
 ];
-var Email = import_schema.Schema.String.pipe(import_schema.Schema.nonEmptyString({
-  message: () => "Email is required."
-}), import_schema.Schema.pattern(/^(?!\.)(?!.*\.\.)([A-Z0-9_+-.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9-]*\.)+[A-Z]{2,}$/i, {
-  message: () => "Invalid email address."
-}));
-var nonEmpty = (field) => import_schema.Schema.nonEmptyString({
-  message: () => `${field} is required.`
-});
-var maxLength = (field, length) => import_schema.Schema.maxLength(length, {
-  message: () => `${field} is too long.`
-});
-var FeedbackFormSchema = import_schema.Schema.Struct({
-  name: import_schema.Schema.String.pipe(nonEmpty("Name"), maxLength("Name", 256)),
-  email: Email.pipe(maxLength("Email", 256)),
-  message: import_schema.Schema.String.pipe(nonEmpty("Feedback"), maxLength("Feedback", 32768))
-});
 var initialValues = {
   name: "",
   email: "",
@@ -146,12 +131,9 @@ var initialValues = {
 var FeedbackForm = ({ onClose }) => {
   const { t } = (0, import_react_ui2.useTranslation)(import_chunk_OGG3PMIV.STATUS_BAR_PLUGIN);
   const translation = mkTranslation(t);
-  const dispatch = (0, import_app_framework2.useIntentDispatcher)();
+  const { dispatchPromise: dispatch } = (0, import_app_framework3.useIntentDispatcher)();
   const onSave = (0, import_react5.useCallback)((values) => {
-    void dispatch({
-      action: "dxos.org/plugin/observability/capture-feedback",
-      data: values
-    });
+    void dispatch((0, import_app_framework3.createIntent)(import_types.ObservabilityAction.CaptureUserFeedback, values));
     onClose();
   }, [
     dispatch,
@@ -159,7 +141,7 @@ var FeedbackForm = ({ onClose }) => {
   ]);
   const { handleSave, canSave, getStatus, ...inputProps } = (0, import_react_ui_form.useForm)({
     initialValues,
-    schema: FeedbackFormSchema,
+    schema: import_types.UserFeedback,
     onSave
   });
   return /* @__PURE__ */ import_react5.default.createElement("div", {
@@ -225,7 +207,7 @@ var StatusBarPanel = () => {
   return /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Popover.Root, {
     open,
     onOpenChange: setOpen
-  }, /* @__PURE__ */ import_react3.default.createElement(StatusBar.Container, null, /* @__PURE__ */ import_react3.default.createElement(StatusBar.EndContent, null, /* @__PURE__ */ import_react3.default.createElement(import_app_framework.Surface, {
+  }, /* @__PURE__ */ import_react3.default.createElement(StatusBar.Container, null, /* @__PURE__ */ import_react3.default.createElement(StatusBar.EndContent, null, /* @__PURE__ */ import_react3.default.createElement(import_app_framework2.Surface, {
     role: "status"
   }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Popover.Trigger, {
     asChild: true
@@ -261,14 +243,11 @@ var StatusBarPlugin = () => {
     provides: {
       translations: translations_default,
       surface: {
-        component: ({ role }) => {
-          switch (role) {
-            case "status-bar": {
-              return /* @__PURE__ */ import_react.default.createElement(StatusBarPanel, null);
-            }
-          }
-          return null;
-        }
+        definitions: () => (0, import_app_framework.createSurface)({
+          id: import_chunk_OGG3PMIV.meta_default.id,
+          role: "status-bar",
+          component: () => /* @__PURE__ */ import_react.default.createElement(StatusBarPanel, null)
+        })
       }
     }
   };

package/dist/lib/node/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/StatusBarPlugin.tsx", "../../../src/components/StatusBar.tsx", "../../../src/components/StatusBarPanel.tsx", "../../../src/components/FeedbackForm.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type PluginDefinition, type SurfaceProvides, type TranslationsProvides } from '@dxos/app-framework';\n\nimport { StatusBarPanel } from './components';\nimport meta from './meta';\nimport translations from './translations';\n\nexport type StatusBarPluginProvides = SurfaceProvides & TranslationsProvides;\n\nexport const StatusBarPlugin = (): PluginDefinition<StatusBarPluginProvides> => {\n  return {\n    meta,\n    provides: {\n      translations,\n      surface: {\n        component: ({ role }) => {\n          switch (role) {\n            case 'status-bar': {\n              return <StatusBarPanel />;\n            }\n          }\n\n          return null;\n        },\n      },\n    },\n  };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\ntype StatusBarTextProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StatusBarText = forwardRef<HTMLSpanElement, StatusBarTextProps>(({ classNames, children }, forwardedRef) => (\n  <span className={mx(classNames)} ref={forwardedRef}>\n    {children}\n  </span>\n));\n\ntype StatusBarButtonProps = ThemedClassName<{ children: ReactNode; asChild?: boolean }> &\n  HTMLAttributes<HTMLButtonElement>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer ch-focus-ring',\n      'hover:bg-neutral-75 active:bg-neutral-150 dark:hover:bg-neutral-750 dark:active:bg-neutral-700',\n      classNames,\n    );\n\n    return asChild ? (\n      <Slot role='button' ref={forwardedRef} className={classes} {...props}>\n        {children}\n      </Slot>\n    ) : (\n      <button className={classes} ref={forwardedRef} {...props}>\n        {children}\n      </button>\n    );\n  },\n);\n\nexport default StatusBarButton;\n\ntype StatusBarItemProps = ThemedClassName<{ children: ReactNode }> & HTMLAttributes<HTMLDivElement>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-center gap-2 p-1 px-2 rounded-sm select-none', classNames)}\n      ref={forwardedRef}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\n\ntype StatusBarContainerProps = ThemedClassName<{ children: ReactNode }>;\n\n// TODO(zan): tabable group with tabster.\nconst StatusBarContainer = forwardRef<HTMLDivElement, StatusBarContainerProps>(\n  ({ classNames, children }, forwardedRef) => {\n    const groupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n    return (\n      <div\n        role='menubar'\n        tabIndex={0}\n        {...groupAttrs}\n        className={mx(\n          'bs-[--statusbar-size] flex justify-end items-center gap-2 bg-base text-description text-lg pointer-fine:text-xs ch-focus-ring-inset',\n          classNames,\n        )}\n        ref={forwardedRef}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\ntype StartContentProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StartContent = forwardRef<HTMLDivElement, StartContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center space-x-2', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\ntype EndContentProps = ThemedClassName<{ children: ReactNode }>;\n\nconst EndContent = forwardRef<HTMLDivElement, EndContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center justify-end', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\nexport const StatusBar = {\n  Container: StatusBarContainer,\n  Text: StatusBarText,\n  Item: StatusBarItem,\n  Button: StatusBarButton,\n  StartContent,\n  EndContent,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Icon, Popover } from '@dxos/react-ui';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { StatusBar } from './StatusBar';\n\nexport const StatusBarPanel = () => {\n  const [open, setOpen] = useState(false);\n\n  // TODO(wittjosiah): Factor out feedback and discord buttons.\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <StatusBar.Container>\n        <StatusBar.EndContent>\n          <Surface role='status' />\n          <Popover.Trigger asChild>\n            <StatusBar.Button aria-label='Give feedback about composer' data-joyride='welcome/feedback'>\n              <Icon icon='ph--paper-plane-tilt--regular' size={4} />\n              <StatusBar.Text classNames='hidden sm:block'>Feedback</StatusBar.Text>\n            </StatusBar.Button>\n          </Popover.Trigger>\n          {/* TODO(zan): Configure this label? */}\n          <StatusBar.Button aria-label='Open DXOS Discord' asChild>\n            <a href='https://dxos.org/discord' target='_blank' rel='noopener noreferrer'>\n              <Icon icon='ph--discord-logo--regular' size={4} />\n              <StatusBar.Text classNames='hidden sm:block'>Discord</StatusBar.Text>\n            </a>\n          </StatusBar.Button>\n        </StatusBar.EndContent>\n      </StatusBar.Container>\n      <Popover.Content classNames='shadow-lg'>\n        <FeedbackForm onClose={() => setOpen(false)} />\n        <Popover.Arrow />\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Schema as S } from '@effect/schema';\nimport { PaperPlaneTilt, X } from '@phosphor-icons/react';\nimport React, { useCallback } from 'react';\n\nimport { useIntentDispatcher } from '@dxos/app-framework';\nimport { Button, Input, Popover, useTranslation } from '@dxos/react-ui';\nimport { useForm } from '@dxos/react-ui-form';\nimport { getSize } from '@dxos/react-ui-theme';\n\nimport { STATUS_BAR_PLUGIN } from '../meta';\nimport { mkTranslation } from '../translations';\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\n// Types and validation.\nconst FeedbackFormSchema = 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\ntype FeedbackFormType = S.Schema.Type<typeof FeedbackFormSchema>;\n\nconst initialValues: FeedbackFormType = { name: '', email: '', message: '' };\n\nexport const FeedbackForm = ({ onClose }: { onClose: () => void }) => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const translation = mkTranslation(t);\n  const dispatch = useIntentDispatcher();\n\n  const onSave = useCallback(\n    (values: FeedbackFormType) => {\n      void dispatch({ action: 'dxos.org/plugin/observability/capture-feedback', data: values });\n      onClose();\n    },\n    [dispatch, onClose],\n  );\n\n  const { handleSave, canSave, getStatus, ...inputProps } = useForm<FeedbackFormType>({\n    initialValues,\n    schema: FeedbackFormSchema,\n    onSave,\n  });\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={getStatus('name').status}>\n          <Input.Label>{translation('name label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('name placeholder')}\n            autoFocus\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('name').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('email').status}>\n          <Input.Label>{translation('email input label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('email input placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('email').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('message').status}>\n          <Input.Label>{translation('feedback text area label')}</Input.Label>\n          <Input.TextArea\n            classNames={'text-sm'}\n            rows={5}\n            cols={30}\n            placeholder={translation('feedback text area placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('message').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-2'>\n        <Button\n          type='submit'\n          variant='primary'\n          classNames='is-full flex gap-2'\n          disabled={!canSave}\n          onClick={handleSave}\n        >\n          <span>{translation('send feedback label')}</span>\n          <div className='grow' />\n          <PaperPlaneTilt className={getSize(5)} />\n        </Button>\n        <Popover.Close asChild>\n          <Button classNames='is-full flex gap-2'>\n            <span>{t('cancel label', { ns: 'os' })}</span>\n            <div className='grow' />\n            <X className={getSize(5)} />\n          </Button>\n        </Popover.Close>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type useTranslation } from '@dxos/react-ui';\n\nimport { STATUS_BAR_PLUGIN } from './meta';\n\ntype StatusBarTranslationKeys =\n  | 'plugin name'\n  | 'email input label'\n  | 'email input placeholder'\n  | 'feedback text area label'\n  | 'feedback text area placeholder'\n  | 'send feedback label'\n  | 'name label'\n  | 'name placeholder';\n\ntype RequiredTranslation = { [key in StatusBarTranslationKeys]: string };\ntype TranslationEntry = { [STATUS_BAR_PLUGIN]: RequiredTranslation };\ntype Language = string;\n\n// -- helpers.\nconst entry = (translation: RequiredTranslation): TranslationEntry => ({ [STATUS_BAR_PLUGIN]: translation });\nexport const mkTranslation = (t: ReturnType<typeof useTranslation>['t']) => (key: StatusBarTranslationKeys) => t(key);\n\nconst translations: Record<Language, TranslationEntry> = {\n  'en-US': entry({\n    'plugin name': 'Status Bar',\n    'name label': 'Name',\n    'name placeholder': 'Preferred name',\n    'email input label': 'Email',\n    'email input placeholder': 'hello@example.com',\n    'feedback text area label': 'Feedback',\n    'feedback text area placeholder': 'Found a bug? Have a suggestion? Let us know!',\n    'send feedback label': 'Send Feedback',\n  }),\n};\n\nexport default [translations];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { StatusBarPlugin } from './StatusBarPlugin';\n\nexport default StatusBarPlugin;\n\nexport * from './StatusBarPlugin';\nexport * from './components';\n"],
-  "mappings": "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",
-  "names": ["import_react", "import_app_framework", "import_react_ui", "import_react_ui_theme", "StatusBarText", "forwardRef", "classNames", "children", "forwardedRef", "React", "span", "className", "mx", "ref", "StatusBarButton", "asChild", "props", "classes", "Slot", "role", "button", "StatusBarItem", "div", "StatusBarContainer", "groupAttrs", "useFocusableGroup", "tabBehavior", "tabIndex", "StartContent", "EndContent", "StatusBar", "Container", "Text", "Item", "Button", "entry", "translation", "STATUS_BAR_PLUGIN", "mkTranslation", "t", "key", "translations", "Email", "S", "String", "pipe", "nonEmptyString", "message", "pattern", "nonEmpty", "field", "maxLength", "length", "FeedbackFormSchema", "Struct", "name", "email", "initialValues", "FeedbackForm", "onClose", "useTranslation", "dispatch", "useIntentDispatcher", "onSave", "useCallback", "values", "action", "data", "handleSave", "canSave", "getStatus", "inputProps", "useForm", "schema", "Input", "Root", "validationValence", "status", "Label", "TextInput", "placeholder", "autoFocus", "DescriptionAndValidation", "Validation", "error", "TextArea", "rows", "cols", "type", "variant", "disabled", "onClick", "PaperPlaneTilt", "getSize", "Popover", "Close", "ns", "X", "StatusBarPanel", "open", "setOpen", "useState", "onOpenChange", "Surface", "Trigger", "aria-label", "data-joyride", "Icon", "icon", "size", "a", "href", "target", "rel", "Content", "Arrow", "StatusBarPlugin", "meta", "provides", "surface", "component"]
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport {\n  createSurface,\n  type PluginDefinition,\n  type SurfaceProvides,\n  type TranslationsProvides,\n} from '@dxos/app-framework';\n\nimport { StatusBarPanel } from './components';\nimport meta from './meta';\nimport translations from './translations';\n\nexport type StatusBarPluginProvides = SurfaceProvides & TranslationsProvides;\n\nexport const StatusBarPlugin = (): PluginDefinition<StatusBarPluginProvides> => {\n  return {\n    meta,\n    provides: {\n      translations,\n      surface: {\n        definitions: () =>\n          createSurface({\n            id: meta.id,\n            role: 'status-bar',\n            component: () => <StatusBarPanel />,\n          }),\n      },\n    },\n  };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\ntype StatusBarTextProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StatusBarText = forwardRef<HTMLSpanElement, StatusBarTextProps>(({ classNames, children }, forwardedRef) => (\n  <span className={mx(classNames)} ref={forwardedRef}>\n    {children}\n  </span>\n));\n\ntype StatusBarButtonProps = ThemedClassName<{ children: ReactNode; asChild?: boolean }> &\n  HTMLAttributes<HTMLButtonElement>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer ch-focus-ring',\n      'hover:bg-neutral-75 active:bg-neutral-150 dark:hover:bg-neutral-750 dark:active:bg-neutral-700',\n      classNames,\n    );\n\n    return asChild ? (\n      <Slot role='button' ref={forwardedRef} className={classes} {...props}>\n        {children}\n      </Slot>\n    ) : (\n      <button className={classes} ref={forwardedRef} {...props}>\n        {children}\n      </button>\n    );\n  },\n);\n\nexport default StatusBarButton;\n\ntype StatusBarItemProps = ThemedClassName<{ children: ReactNode }> & HTMLAttributes<HTMLDivElement>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-center gap-2 p-1 px-2 rounded-sm select-none', classNames)}\n      ref={forwardedRef}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\n\ntype StatusBarContainerProps = ThemedClassName<{ children: ReactNode }>;\n\n// TODO(zan): tabable group with tabster.\nconst StatusBarContainer = forwardRef<HTMLDivElement, StatusBarContainerProps>(\n  ({ classNames, children }, forwardedRef) => {\n    const groupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n    return (\n      <div\n        role='menubar'\n        tabIndex={0}\n        {...groupAttrs}\n        className={mx(\n          'bs-[--statusbar-size] flex justify-end items-center gap-2 bg-base text-description text-lg pointer-fine:text-xs ch-focus-ring-inset',\n          classNames,\n        )}\n        ref={forwardedRef}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\ntype StartContentProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StartContent = forwardRef<HTMLDivElement, StartContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center space-x-2', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\ntype EndContentProps = ThemedClassName<{ children: ReactNode }>;\n\nconst EndContent = forwardRef<HTMLDivElement, EndContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center justify-end', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\nexport const StatusBar = {\n  Container: StatusBarContainer,\n  Text: StatusBarText,\n  Item: StatusBarItem,\n  Button: StatusBarButton,\n  StartContent,\n  EndContent,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Icon, Popover } from '@dxos/react-ui';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { StatusBar } from './StatusBar';\n\nexport const StatusBarPanel = () => {\n  const [open, setOpen] = useState(false);\n\n  // TODO(wittjosiah): Factor out feedback and discord buttons.\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <StatusBar.Container>\n        <StatusBar.EndContent>\n          <Surface role='status' />\n          <Popover.Trigger asChild>\n            <StatusBar.Button aria-label='Give feedback about composer' data-joyride='welcome/feedback'>\n              <Icon icon='ph--paper-plane-tilt--regular' size={4} />\n              <StatusBar.Text classNames='hidden sm:block'>Feedback</StatusBar.Text>\n            </StatusBar.Button>\n          </Popover.Trigger>\n          {/* TODO(zan): Configure this label? */}\n          <StatusBar.Button aria-label='Open DXOS Discord' asChild>\n            <a href='https://dxos.org/discord' target='_blank' rel='noopener noreferrer'>\n              <Icon icon='ph--discord-logo--regular' size={4} />\n              <StatusBar.Text classNames='hidden sm:block'>Discord</StatusBar.Text>\n            </a>\n          </StatusBar.Button>\n        </StatusBar.EndContent>\n      </StatusBar.Container>\n      <Popover.Content classNames='shadow-lg'>\n        <FeedbackForm onClose={() => setOpen(false)} />\n        <Popover.Arrow />\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { PaperPlaneTilt, X } from '@phosphor-icons/react';\nimport React, { useCallback } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { ObservabilityAction, UserFeedback } from '@dxos/plugin-observability/types';\nimport { Button, Input, Popover, useTranslation } from '@dxos/react-ui';\nimport { useForm } from '@dxos/react-ui-form';\nimport { getSize } from '@dxos/react-ui-theme';\n\nimport { STATUS_BAR_PLUGIN } from '../meta';\nimport { mkTranslation } from '../translations';\n\nconst initialValues: UserFeedback = { name: '', email: '', message: '' };\n\nexport const FeedbackForm = ({ onClose }: { onClose: () => void }) => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const translation = mkTranslation(t);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  const onSave = useCallback(\n    (values: UserFeedback) => {\n      void dispatch(createIntent(ObservabilityAction.CaptureUserFeedback, values));\n      onClose();\n    },\n    [dispatch, onClose],\n  );\n\n  const { handleSave, canSave, getStatus, ...inputProps } = useForm<UserFeedback>({\n    initialValues,\n    schema: UserFeedback,\n    onSave,\n  });\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={getStatus('name').status}>\n          <Input.Label>{translation('name label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('name placeholder')}\n            autoFocus\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('name').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('email').status}>\n          <Input.Label>{translation('email input label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('email input placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('email').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('message').status}>\n          <Input.Label>{translation('feedback text area label')}</Input.Label>\n          <Input.TextArea\n            classNames={'text-sm'}\n            rows={5}\n            cols={30}\n            placeholder={translation('feedback text area placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('message').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-2'>\n        <Button\n          type='submit'\n          variant='primary'\n          classNames='is-full flex gap-2'\n          disabled={!canSave}\n          onClick={handleSave}\n        >\n          <span>{translation('send feedback label')}</span>\n          <div className='grow' />\n          <PaperPlaneTilt className={getSize(5)} />\n        </Button>\n        <Popover.Close asChild>\n          <Button classNames='is-full flex gap-2'>\n            <span>{t('cancel label', { ns: 'os' })}</span>\n            <div className='grow' />\n            <X className={getSize(5)} />\n          </Button>\n        </Popover.Close>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type useTranslation } from '@dxos/react-ui';\n\nimport { STATUS_BAR_PLUGIN } from './meta';\n\ntype StatusBarTranslationKeys =\n  | 'plugin name'\n  | 'email input label'\n  | 'email input placeholder'\n  | 'feedback text area label'\n  | 'feedback text area placeholder'\n  | 'send feedback label'\n  | 'name label'\n  | 'name placeholder';\n\ntype RequiredTranslation = { [key in StatusBarTranslationKeys]: string };\ntype TranslationEntry = { [STATUS_BAR_PLUGIN]: RequiredTranslation };\ntype Language = string;\n\n// -- helpers.\nconst entry = (translation: RequiredTranslation): TranslationEntry => ({ [STATUS_BAR_PLUGIN]: translation });\nexport const mkTranslation = (t: ReturnType<typeof useTranslation>['t']) => (key: StatusBarTranslationKeys) => t(key);\n\nconst translations: Record<Language, TranslationEntry> = {\n  'en-US': entry({\n    'plugin name': 'Status Bar',\n    'name label': 'Name',\n    'name placeholder': 'Preferred name',\n    'email input label': 'Email',\n    'email input placeholder': 'hello@example.com',\n    'feedback text area label': 'Feedback',\n    'feedback text area placeholder': 'Found a bug? Have a suggestion? Let us know!',\n    'send feedback label': 'Send Feedback',\n  }),\n};\n\nexport default [translations];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { StatusBarPlugin } from './StatusBarPlugin';\n\nexport default StatusBarPlugin;\n\nexport * from './StatusBarPlugin';\nexport * from './components';\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_app_framework", "import_react_ui", "import_react_ui_theme", "StatusBarText", "forwardRef", "classNames", "children", "forwardedRef", "React", "span", "className", "mx", "ref", "StatusBarButton", "asChild", "props", "classes", "Slot", "role", "button", "StatusBarItem", "div", "StatusBarContainer", "groupAttrs", "useFocusableGroup", "tabBehavior", "tabIndex", "StartContent", "EndContent", "StatusBar", "Container", "Text", "Item", "Button", "entry", "translation", "STATUS_BAR_PLUGIN", "mkTranslation", "t", "key", "translations", "initialValues", "name", "email", "message", "FeedbackForm", "onClose", "useTranslation", "dispatchPromise", "dispatch", "useIntentDispatcher", "onSave", "useCallback", "values", "createIntent", "ObservabilityAction", "CaptureUserFeedback", "handleSave", "canSave", "getStatus", "inputProps", "useForm", "schema", "UserFeedback", "Input", "Root", "validationValence", "status", "Label", "TextInput", "placeholder", "autoFocus", "DescriptionAndValidation", "Validation", "error", "TextArea", "rows", "cols", "type", "variant", "disabled", "onClick", "PaperPlaneTilt", "getSize", "Popover", "Close", "ns", "X", "StatusBarPanel", "open", "setOpen", "useState", "onOpenChange", "Surface", "Trigger", "aria-label", "data-joyride", "Icon", "icon", "size", "a", "href", "target", "rel", "Content", "Arrow", "StatusBarPlugin", "meta", "provides", "surface", "definitions", "createSurface", "id", "component"]
 }

package/dist/lib/node/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":9929,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytes":1252,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":3385,"imports":[{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytes":15976,"imports":[{"path":"@effect/schema","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytes":6010,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx","kind":"import-statement","original":"./FeedbackForm"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytes":624,"imports":[{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx","kind":"import-statement","original":"./StatusBarPanel"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytes":2663,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/index.ts":{"bytes":916,"imports":[{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20086},"packages/plugins/plugin-status-bar/dist/lib/node/index.cjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/node/chunk-OGG3PMIV.cjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@effect/schema","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarPanel","StatusBarPlugin","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":424},"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":2478},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1692},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytesInOutput":4580},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":570},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":35}},"bytes":10570},"packages/plugins/plugin-status-bar/dist/lib/node/meta.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-status-bar/dist/lib/node/meta.cjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/node/chunk-OGG3PMIV.cjs","kind":"import-statement"}],"exports":["STATUS_BAR_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/meta.ts","inputs":{},"bytes":169},"packages/plugins/plugin-status-bar/dist/lib/node/chunk-OGG3PMIV.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":600},"packages/plugins/plugin-status-bar/dist/lib/node/chunk-OGG3PMIV.cjs":{"imports":[],"exports":["STATUS_BAR_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":210}},"bytes":353}}}
+{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":9929,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytes":1252,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":3385,"imports":[{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytes":13476,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytes":6010,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx","kind":"import-statement","original":"./FeedbackForm"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytes":624,"imports":[{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx","kind":"import-statement","original":"./StatusBarPanel"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytes":2673,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/index.ts":{"bytes":916,"imports":[{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":18864},"packages/plugins/plugin-status-bar/dist/lib/node/index.cjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/node/chunk-OGG3PMIV.cjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarPanel","StatusBarPlugin","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":444},"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":2478},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1692},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytesInOutput":3972},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":570},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":35}},"bytes":9982},"packages/plugins/plugin-status-bar/dist/lib/node/meta.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-status-bar/dist/lib/node/meta.cjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/node/chunk-OGG3PMIV.cjs","kind":"import-statement"}],"exports":["STATUS_BAR_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/meta.ts","inputs":{},"bytes":169},"packages/plugins/plugin-status-bar/dist/lib/node/chunk-OGG3PMIV.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":600},"packages/plugins/plugin-status-bar/dist/lib/node/chunk-OGG3PMIV.cjs":{"imports":[],"exports":["STATUS_BAR_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":210}},"bytes":353}}}

package/dist/lib/node-esm/index.mjs

@@ -6,6 +6,7 @@ import {
 
 // packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx
 import React4 from "react";
+import { createSurface } from "@dxos/app-framework";
 
 // packages/plugins/plugin-status-bar/src/components/StatusBar.tsx
 import { useFocusableGroup } from "@fluentui/react-tabster";
@@ -72,10 +73,10 @@ import { Surface } from "@dxos/app-framework";
 import { Icon, Popover as Popover2 } from "@dxos/react-ui";
 
 // packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx
-import { Schema as S } from "@effect/schema";
 import { PaperPlaneTilt, X } from "@phosphor-icons/react";
 import React2, { useCallback } from "react";
-import { useIntentDispatcher } from "@dxos/app-framework";
+import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
+import { ObservabilityAction, UserFeedback } from "@dxos/plugin-observability/types";
 import { Button, Input, Popover, useTranslation } from "@dxos/react-ui";
 import { useForm } from "@dxos/react-ui-form";
 import { getSize } from "@dxos/react-ui-theme";
@@ -102,22 +103,6 @@ var translations_default = [
 ];
 
 // packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx
-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 FeedbackFormSchema = 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 initialValues = {
   name: "",
   email: "",
@@ -126,12 +111,9 @@ var initialValues = {
 var FeedbackForm = ({ onClose }) => {
   const { t } = useTranslation(STATUS_BAR_PLUGIN);
   const translation = mkTranslation(t);
-  const dispatch = useIntentDispatcher();
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
   const onSave = useCallback((values) => {
-    void dispatch({
-      action: "dxos.org/plugin/observability/capture-feedback",
-      data: values
-    });
+    void dispatch(createIntent(ObservabilityAction.CaptureUserFeedback, values));
     onClose();
   }, [
     dispatch,
@@ -139,7 +121,7 @@ var FeedbackForm = ({ onClose }) => {
   ]);
   const { handleSave, canSave, getStatus, ...inputProps } = useForm({
     initialValues,
-    schema: FeedbackFormSchema,
+    schema: UserFeedback,
     onSave
   });
   return /* @__PURE__ */ React2.createElement("div", {
@@ -245,14 +227,11 @@ var StatusBarPlugin = () => {
     provides: {
       translations: translations_default,
       surface: {
-        component: ({ role }) => {
-          switch (role) {
-            case "status-bar": {
-              return /* @__PURE__ */ React4.createElement(StatusBarPanel, null);
-            }
-          }
-          return null;
-        }
+        definitions: () => createSurface({
+          id: meta_default.id,
+          role: "status-bar",
+          component: () => /* @__PURE__ */ React4.createElement(StatusBarPanel, null)
+        })
       }
     }
   };

package/dist/lib/node-esm/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/StatusBarPlugin.tsx", "../../../src/components/StatusBar.tsx", "../../../src/components/StatusBarPanel.tsx", "../../../src/components/FeedbackForm.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type PluginDefinition, type SurfaceProvides, type TranslationsProvides } from '@dxos/app-framework';\n\nimport { StatusBarPanel } from './components';\nimport meta from './meta';\nimport translations from './translations';\n\nexport type StatusBarPluginProvides = SurfaceProvides & TranslationsProvides;\n\nexport const StatusBarPlugin = (): PluginDefinition<StatusBarPluginProvides> => {\n  return {\n    meta,\n    provides: {\n      translations,\n      surface: {\n        component: ({ role }) => {\n          switch (role) {\n            case 'status-bar': {\n              return <StatusBarPanel />;\n            }\n          }\n\n          return null;\n        },\n      },\n    },\n  };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\ntype StatusBarTextProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StatusBarText = forwardRef<HTMLSpanElement, StatusBarTextProps>(({ classNames, children }, forwardedRef) => (\n  <span className={mx(classNames)} ref={forwardedRef}>\n    {children}\n  </span>\n));\n\ntype StatusBarButtonProps = ThemedClassName<{ children: ReactNode; asChild?: boolean }> &\n  HTMLAttributes<HTMLButtonElement>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer ch-focus-ring',\n      'hover:bg-neutral-75 active:bg-neutral-150 dark:hover:bg-neutral-750 dark:active:bg-neutral-700',\n      classNames,\n    );\n\n    return asChild ? (\n      <Slot role='button' ref={forwardedRef} className={classes} {...props}>\n        {children}\n      </Slot>\n    ) : (\n      <button className={classes} ref={forwardedRef} {...props}>\n        {children}\n      </button>\n    );\n  },\n);\n\nexport default StatusBarButton;\n\ntype StatusBarItemProps = ThemedClassName<{ children: ReactNode }> & HTMLAttributes<HTMLDivElement>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-center gap-2 p-1 px-2 rounded-sm select-none', classNames)}\n      ref={forwardedRef}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\n\ntype StatusBarContainerProps = ThemedClassName<{ children: ReactNode }>;\n\n// TODO(zan): tabable group with tabster.\nconst StatusBarContainer = forwardRef<HTMLDivElement, StatusBarContainerProps>(\n  ({ classNames, children }, forwardedRef) => {\n    const groupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n    return (\n      <div\n        role='menubar'\n        tabIndex={0}\n        {...groupAttrs}\n        className={mx(\n          'bs-[--statusbar-size] flex justify-end items-center gap-2 bg-base text-description text-lg pointer-fine:text-xs ch-focus-ring-inset',\n          classNames,\n        )}\n        ref={forwardedRef}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\ntype StartContentProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StartContent = forwardRef<HTMLDivElement, StartContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center space-x-2', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\ntype EndContentProps = ThemedClassName<{ children: ReactNode }>;\n\nconst EndContent = forwardRef<HTMLDivElement, EndContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center justify-end', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\nexport const StatusBar = {\n  Container: StatusBarContainer,\n  Text: StatusBarText,\n  Item: StatusBarItem,\n  Button: StatusBarButton,\n  StartContent,\n  EndContent,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Icon, Popover } from '@dxos/react-ui';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { StatusBar } from './StatusBar';\n\nexport const StatusBarPanel = () => {\n  const [open, setOpen] = useState(false);\n\n  // TODO(wittjosiah): Factor out feedback and discord buttons.\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <StatusBar.Container>\n        <StatusBar.EndContent>\n          <Surface role='status' />\n          <Popover.Trigger asChild>\n            <StatusBar.Button aria-label='Give feedback about composer' data-joyride='welcome/feedback'>\n              <Icon icon='ph--paper-plane-tilt--regular' size={4} />\n              <StatusBar.Text classNames='hidden sm:block'>Feedback</StatusBar.Text>\n            </StatusBar.Button>\n          </Popover.Trigger>\n          {/* TODO(zan): Configure this label? */}\n          <StatusBar.Button aria-label='Open DXOS Discord' asChild>\n            <a href='https://dxos.org/discord' target='_blank' rel='noopener noreferrer'>\n              <Icon icon='ph--discord-logo--regular' size={4} />\n              <StatusBar.Text classNames='hidden sm:block'>Discord</StatusBar.Text>\n            </a>\n          </StatusBar.Button>\n        </StatusBar.EndContent>\n      </StatusBar.Container>\n      <Popover.Content classNames='shadow-lg'>\n        <FeedbackForm onClose={() => setOpen(false)} />\n        <Popover.Arrow />\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Schema as S } from '@effect/schema';\nimport { PaperPlaneTilt, X } from '@phosphor-icons/react';\nimport React, { useCallback } from 'react';\n\nimport { useIntentDispatcher } from '@dxos/app-framework';\nimport { Button, Input, Popover, useTranslation } from '@dxos/react-ui';\nimport { useForm } from '@dxos/react-ui-form';\nimport { getSize } from '@dxos/react-ui-theme';\n\nimport { STATUS_BAR_PLUGIN } from '../meta';\nimport { mkTranslation } from '../translations';\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\n// Types and validation.\nconst FeedbackFormSchema = 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\ntype FeedbackFormType = S.Schema.Type<typeof FeedbackFormSchema>;\n\nconst initialValues: FeedbackFormType = { name: '', email: '', message: '' };\n\nexport const FeedbackForm = ({ onClose }: { onClose: () => void }) => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const translation = mkTranslation(t);\n  const dispatch = useIntentDispatcher();\n\n  const onSave = useCallback(\n    (values: FeedbackFormType) => {\n      void dispatch({ action: 'dxos.org/plugin/observability/capture-feedback', data: values });\n      onClose();\n    },\n    [dispatch, onClose],\n  );\n\n  const { handleSave, canSave, getStatus, ...inputProps } = useForm<FeedbackFormType>({\n    initialValues,\n    schema: FeedbackFormSchema,\n    onSave,\n  });\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={getStatus('name').status}>\n          <Input.Label>{translation('name label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('name placeholder')}\n            autoFocus\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('name').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('email').status}>\n          <Input.Label>{translation('email input label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('email input placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('email').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('message').status}>\n          <Input.Label>{translation('feedback text area label')}</Input.Label>\n          <Input.TextArea\n            classNames={'text-sm'}\n            rows={5}\n            cols={30}\n            placeholder={translation('feedback text area placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('message').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-2'>\n        <Button\n          type='submit'\n          variant='primary'\n          classNames='is-full flex gap-2'\n          disabled={!canSave}\n          onClick={handleSave}\n        >\n          <span>{translation('send feedback label')}</span>\n          <div className='grow' />\n          <PaperPlaneTilt className={getSize(5)} />\n        </Button>\n        <Popover.Close asChild>\n          <Button classNames='is-full flex gap-2'>\n            <span>{t('cancel label', { ns: 'os' })}</span>\n            <div className='grow' />\n            <X className={getSize(5)} />\n          </Button>\n        </Popover.Close>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type useTranslation } from '@dxos/react-ui';\n\nimport { STATUS_BAR_PLUGIN } from './meta';\n\ntype StatusBarTranslationKeys =\n  | 'plugin name'\n  | 'email input label'\n  | 'email input placeholder'\n  | 'feedback text area label'\n  | 'feedback text area placeholder'\n  | 'send feedback label'\n  | 'name label'\n  | 'name placeholder';\n\ntype RequiredTranslation = { [key in StatusBarTranslationKeys]: string };\ntype TranslationEntry = { [STATUS_BAR_PLUGIN]: RequiredTranslation };\ntype Language = string;\n\n// -- helpers.\nconst entry = (translation: RequiredTranslation): TranslationEntry => ({ [STATUS_BAR_PLUGIN]: translation });\nexport const mkTranslation = (t: ReturnType<typeof useTranslation>['t']) => (key: StatusBarTranslationKeys) => t(key);\n\nconst translations: Record<Language, TranslationEntry> = {\n  'en-US': entry({\n    'plugin name': 'Status Bar',\n    'name label': 'Name',\n    'name placeholder': 'Preferred name',\n    'email input label': 'Email',\n    'email input placeholder': 'hello@example.com',\n    'feedback text area label': 'Feedback',\n    'feedback text area placeholder': 'Found a bug? Have a suggestion? Let us know!',\n    'send feedback label': 'Send Feedback',\n  }),\n};\n\nexport default [translations];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { StatusBarPlugin } from './StatusBarPlugin';\n\nexport default StatusBarPlugin;\n\nexport * from './StatusBarPlugin';\nexport * from './components';\n"],
-  "mappings": "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",
-  "names": ["React", "useFocusableGroup", "Slot", "React", "forwardRef", "mx", "StatusBarText", "forwardRef", "classNames", "children", "forwardedRef", "span", "className", "mx", "ref", "StatusBarButton", "asChild", "props", "classes", "Slot", "role", "button", "StatusBarItem", "forwardRef", "classNames", "children", "props", "forwardedRef", "div", "role", "className", "mx", "ref", "StatusBarContainer", "groupAttrs", "useFocusableGroup", "tabBehavior", "tabIndex", "StartContent", "EndContent", "StatusBar", "Container", "Text", "StatusBarText", "Item", "Button", "StatusBarButton", "React", "useState", "Surface", "Icon", "Popover", "Schema", "S", "PaperPlaneTilt", "X", "React", "useCallback", "useIntentDispatcher", "Button", "Input", "Popover", "useTranslation", "useForm", "getSize", "entry", "translation", "STATUS_BAR_PLUGIN", "mkTranslation", "t", "key", "translations", "Email", "S", "String", "pipe", "nonEmptyString", "message", "pattern", "nonEmpty", "field", "maxLength", "length", "FeedbackFormSchema", "Struct", "name", "email", "initialValues", "FeedbackForm", "onClose", "t", "useTranslation", "STATUS_BAR_PLUGIN", "translation", "mkTranslation", "dispatch", "useIntentDispatcher", "onSave", "useCallback", "values", "action", "data", "handleSave", "canSave", "getStatus", "inputProps", "useForm", "schema", "React", "div", "role", "className", "Input", "Root", "validationValence", "status", "Label", "TextInput", "classNames", "placeholder", "autoFocus", "DescriptionAndValidation", "Validation", "error", "TextArea", "rows", "cols", "Button", "type", "variant", "disabled", "onClick", "span", "PaperPlaneTilt", "getSize", "Popover", "Close", "asChild", "ns", "X", "StatusBarPanel", "open", "setOpen", "useState", "React", "Popover", "Root", "onOpenChange", "StatusBar", "Container", "EndContent", "Surface", "role", "Trigger", "asChild", "Button", "aria-label", "data-joyride", "Icon", "icon", "size", "Text", "classNames", "a", "href", "target", "rel", "Content", "FeedbackForm", "onClose", "Arrow", "StatusBarPlugin", "meta", "provides", "translations", "surface", "component", "role", "React", "StatusBarPanel", "StatusBarPlugin"]
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport {\n  createSurface,\n  type PluginDefinition,\n  type SurfaceProvides,\n  type TranslationsProvides,\n} from '@dxos/app-framework';\n\nimport { StatusBarPanel } from './components';\nimport meta from './meta';\nimport translations from './translations';\n\nexport type StatusBarPluginProvides = SurfaceProvides & TranslationsProvides;\n\nexport const StatusBarPlugin = (): PluginDefinition<StatusBarPluginProvides> => {\n  return {\n    meta,\n    provides: {\n      translations,\n      surface: {\n        definitions: () =>\n          createSurface({\n            id: meta.id,\n            role: 'status-bar',\n            component: () => <StatusBarPanel />,\n          }),\n      },\n    },\n  };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\ntype StatusBarTextProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StatusBarText = forwardRef<HTMLSpanElement, StatusBarTextProps>(({ classNames, children }, forwardedRef) => (\n  <span className={mx(classNames)} ref={forwardedRef}>\n    {children}\n  </span>\n));\n\ntype StatusBarButtonProps = ThemedClassName<{ children: ReactNode; asChild?: boolean }> &\n  HTMLAttributes<HTMLButtonElement>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer ch-focus-ring',\n      'hover:bg-neutral-75 active:bg-neutral-150 dark:hover:bg-neutral-750 dark:active:bg-neutral-700',\n      classNames,\n    );\n\n    return asChild ? (\n      <Slot role='button' ref={forwardedRef} className={classes} {...props}>\n        {children}\n      </Slot>\n    ) : (\n      <button className={classes} ref={forwardedRef} {...props}>\n        {children}\n      </button>\n    );\n  },\n);\n\nexport default StatusBarButton;\n\ntype StatusBarItemProps = ThemedClassName<{ children: ReactNode }> & HTMLAttributes<HTMLDivElement>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-center gap-2 p-1 px-2 rounded-sm select-none', classNames)}\n      ref={forwardedRef}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\n\ntype StatusBarContainerProps = ThemedClassName<{ children: ReactNode }>;\n\n// TODO(zan): tabable group with tabster.\nconst StatusBarContainer = forwardRef<HTMLDivElement, StatusBarContainerProps>(\n  ({ classNames, children }, forwardedRef) => {\n    const groupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n    return (\n      <div\n        role='menubar'\n        tabIndex={0}\n        {...groupAttrs}\n        className={mx(\n          'bs-[--statusbar-size] flex justify-end items-center gap-2 bg-base text-description text-lg pointer-fine:text-xs ch-focus-ring-inset',\n          classNames,\n        )}\n        ref={forwardedRef}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\ntype StartContentProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StartContent = forwardRef<HTMLDivElement, StartContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center space-x-2', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\ntype EndContentProps = ThemedClassName<{ children: ReactNode }>;\n\nconst EndContent = forwardRef<HTMLDivElement, EndContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center justify-end', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\nexport const StatusBar = {\n  Container: StatusBarContainer,\n  Text: StatusBarText,\n  Item: StatusBarItem,\n  Button: StatusBarButton,\n  StartContent,\n  EndContent,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Icon, Popover } from '@dxos/react-ui';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { StatusBar } from './StatusBar';\n\nexport const StatusBarPanel = () => {\n  const [open, setOpen] = useState(false);\n\n  // TODO(wittjosiah): Factor out feedback and discord buttons.\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <StatusBar.Container>\n        <StatusBar.EndContent>\n          <Surface role='status' />\n          <Popover.Trigger asChild>\n            <StatusBar.Button aria-label='Give feedback about composer' data-joyride='welcome/feedback'>\n              <Icon icon='ph--paper-plane-tilt--regular' size={4} />\n              <StatusBar.Text classNames='hidden sm:block'>Feedback</StatusBar.Text>\n            </StatusBar.Button>\n          </Popover.Trigger>\n          {/* TODO(zan): Configure this label? */}\n          <StatusBar.Button aria-label='Open DXOS Discord' asChild>\n            <a href='https://dxos.org/discord' target='_blank' rel='noopener noreferrer'>\n              <Icon icon='ph--discord-logo--regular' size={4} />\n              <StatusBar.Text classNames='hidden sm:block'>Discord</StatusBar.Text>\n            </a>\n          </StatusBar.Button>\n        </StatusBar.EndContent>\n      </StatusBar.Container>\n      <Popover.Content classNames='shadow-lg'>\n        <FeedbackForm onClose={() => setOpen(false)} />\n        <Popover.Arrow />\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { PaperPlaneTilt, X } from '@phosphor-icons/react';\nimport React, { useCallback } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { ObservabilityAction, UserFeedback } from '@dxos/plugin-observability/types';\nimport { Button, Input, Popover, useTranslation } from '@dxos/react-ui';\nimport { useForm } from '@dxos/react-ui-form';\nimport { getSize } from '@dxos/react-ui-theme';\n\nimport { STATUS_BAR_PLUGIN } from '../meta';\nimport { mkTranslation } from '../translations';\n\nconst initialValues: UserFeedback = { name: '', email: '', message: '' };\n\nexport const FeedbackForm = ({ onClose }: { onClose: () => void }) => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const translation = mkTranslation(t);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  const onSave = useCallback(\n    (values: UserFeedback) => {\n      void dispatch(createIntent(ObservabilityAction.CaptureUserFeedback, values));\n      onClose();\n    },\n    [dispatch, onClose],\n  );\n\n  const { handleSave, canSave, getStatus, ...inputProps } = useForm<UserFeedback>({\n    initialValues,\n    schema: UserFeedback,\n    onSave,\n  });\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={getStatus('name').status}>\n          <Input.Label>{translation('name label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('name placeholder')}\n            autoFocus\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('name').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('email').status}>\n          <Input.Label>{translation('email input label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('email input placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('email').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('message').status}>\n          <Input.Label>{translation('feedback text area label')}</Input.Label>\n          <Input.TextArea\n            classNames={'text-sm'}\n            rows={5}\n            cols={30}\n            placeholder={translation('feedback text area placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('message').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-2'>\n        <Button\n          type='submit'\n          variant='primary'\n          classNames='is-full flex gap-2'\n          disabled={!canSave}\n          onClick={handleSave}\n        >\n          <span>{translation('send feedback label')}</span>\n          <div className='grow' />\n          <PaperPlaneTilt className={getSize(5)} />\n        </Button>\n        <Popover.Close asChild>\n          <Button classNames='is-full flex gap-2'>\n            <span>{t('cancel label', { ns: 'os' })}</span>\n            <div className='grow' />\n            <X className={getSize(5)} />\n          </Button>\n        </Popover.Close>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type useTranslation } from '@dxos/react-ui';\n\nimport { STATUS_BAR_PLUGIN } from './meta';\n\ntype StatusBarTranslationKeys =\n  | 'plugin name'\n  | 'email input label'\n  | 'email input placeholder'\n  | 'feedback text area label'\n  | 'feedback text area placeholder'\n  | 'send feedback label'\n  | 'name label'\n  | 'name placeholder';\n\ntype RequiredTranslation = { [key in StatusBarTranslationKeys]: string };\ntype TranslationEntry = { [STATUS_BAR_PLUGIN]: RequiredTranslation };\ntype Language = string;\n\n// -- helpers.\nconst entry = (translation: RequiredTranslation): TranslationEntry => ({ [STATUS_BAR_PLUGIN]: translation });\nexport const mkTranslation = (t: ReturnType<typeof useTranslation>['t']) => (key: StatusBarTranslationKeys) => t(key);\n\nconst translations: Record<Language, TranslationEntry> = {\n  'en-US': entry({\n    'plugin name': 'Status Bar',\n    'name label': 'Name',\n    'name placeholder': 'Preferred name',\n    'email input label': 'Email',\n    'email input placeholder': 'hello@example.com',\n    'feedback text area label': 'Feedback',\n    'feedback text area placeholder': 'Found a bug? Have a suggestion? Let us know!',\n    'send feedback label': 'Send Feedback',\n  }),\n};\n\nexport default [translations];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { StatusBarPlugin } from './StatusBarPlugin';\n\nexport default StatusBarPlugin;\n\nexport * from './StatusBarPlugin';\nexport * from './components';\n"],
+  "mappings": "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",
+  "names": ["React", "createSurface", "useFocusableGroup", "Slot", "React", "forwardRef", "mx", "StatusBarText", "forwardRef", "classNames", "children", "forwardedRef", "span", "className", "mx", "ref", "StatusBarButton", "asChild", "props", "classes", "Slot", "role", "button", "StatusBarItem", "forwardRef", "classNames", "children", "props", "forwardedRef", "div", "role", "className", "mx", "ref", "StatusBarContainer", "groupAttrs", "useFocusableGroup", "tabBehavior", "tabIndex", "StartContent", "EndContent", "StatusBar", "Container", "Text", "StatusBarText", "Item", "Button", "StatusBarButton", "React", "useState", "Surface", "Icon", "Popover", "PaperPlaneTilt", "X", "React", "useCallback", "createIntent", "useIntentDispatcher", "ObservabilityAction", "UserFeedback", "Button", "Input", "Popover", "useTranslation", "useForm", "getSize", "entry", "translation", "STATUS_BAR_PLUGIN", "mkTranslation", "t", "key", "translations", "initialValues", "name", "email", "message", "FeedbackForm", "onClose", "t", "useTranslation", "STATUS_BAR_PLUGIN", "translation", "mkTranslation", "dispatchPromise", "dispatch", "useIntentDispatcher", "onSave", "useCallback", "values", "createIntent", "ObservabilityAction", "CaptureUserFeedback", "handleSave", "canSave", "getStatus", "inputProps", "useForm", "schema", "UserFeedback", "React", "div", "role", "className", "Input", "Root", "validationValence", "status", "Label", "TextInput", "classNames", "placeholder", "autoFocus", "DescriptionAndValidation", "Validation", "error", "TextArea", "rows", "cols", "Button", "type", "variant", "disabled", "onClick", "span", "PaperPlaneTilt", "getSize", "Popover", "Close", "asChild", "ns", "X", "StatusBarPanel", "open", "setOpen", "useState", "React", "Popover", "Root", "onOpenChange", "StatusBar", "Container", "EndContent", "Surface", "role", "Trigger", "asChild", "Button", "aria-label", "data-joyride", "Icon", "icon", "size", "Text", "classNames", "a", "href", "target", "rel", "Content", "FeedbackForm", "onClose", "Arrow", "StatusBarPlugin", "meta", "provides", "translations", "surface", "definitions", "createSurface", "id", "role", "component", "React", "StatusBarPanel", "StatusBarPlugin"]
 }

package/dist/lib/node-esm/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":9929,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytes":1252,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":3385,"imports":[{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytes":15976,"imports":[{"path":"@effect/schema","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytes":6010,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx","kind":"import-statement","original":"./FeedbackForm"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytes":624,"imports":[{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx","kind":"import-statement","original":"./StatusBarPanel"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytes":2663,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/index.ts":{"bytes":916,"imports":[{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20087},"packages/plugins/plugin-status-bar/dist/lib/node-esm/index.mjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/node-esm/chunk-UVUSU6KS.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@effect/schema","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarPanel","StatusBarPlugin","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":424},"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":2478},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1692},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytesInOutput":4580},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":570},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":35}},"bytes":10662},"packages/plugins/plugin-status-bar/dist/lib/node-esm/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-status-bar/dist/lib/node-esm/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/node-esm/chunk-UVUSU6KS.mjs","kind":"import-statement"}],"exports":["STATUS_BAR_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/meta.ts","inputs":{},"bytes":261},"packages/plugins/plugin-status-bar/dist/lib/node-esm/chunk-UVUSU6KS.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":602},"packages/plugins/plugin-status-bar/dist/lib/node-esm/chunk-UVUSU6KS.mjs":{"imports":[],"exports":["STATUS_BAR_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":210}},"bytes":446}}}
+{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":9929,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytes":1252,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":3385,"imports":[{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytes":13476,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytes":6010,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx","kind":"import-statement","original":"./FeedbackForm"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytes":624,"imports":[{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx","kind":"import-statement","original":"./StatusBarPanel"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytes":2673,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/index.ts":{"bytes":916,"imports":[{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":18865},"packages/plugins/plugin-status-bar/dist/lib/node-esm/index.mjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/node-esm/chunk-UVUSU6KS.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarPanel","StatusBarPlugin","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":444},"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":2478},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1692},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytesInOutput":3972},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":570},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":35}},"bytes":10074},"packages/plugins/plugin-status-bar/dist/lib/node-esm/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-status-bar/dist/lib/node-esm/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/node-esm/chunk-UVUSU6KS.mjs","kind":"import-statement"}],"exports":["STATUS_BAR_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/meta.ts","inputs":{},"bytes":261},"packages/plugins/plugin-status-bar/dist/lib/node-esm/chunk-UVUSU6KS.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":602},"packages/plugins/plugin-status-bar/dist/lib/node-esm/chunk-UVUSU6KS.mjs":{"imports":[],"exports":["STATUS_BAR_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":210}},"bytes":446}}}

package/dist/types/src/StatusBarPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarPlugin.d.ts","sourceRoot":"","sources":["../../../src/StatusBarPlugin.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAM7G,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,oBAAoB,CAAC;AAE7E,eAAO,MAAM,eAAe,QAAO,gBAAgB,CAAC,uBAAuB,CAkB1E,CAAC"}
+{"version":3,"file":"StatusBarPlugin.d.ts","sourceRoot":"","sources":["../../../src/StatusBarPlugin.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EAC1B,MAAM,qBAAqB,CAAC;AAM7B,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,oBAAoB,CAAC;AAE7E,eAAO,MAAM,eAAe,QAAO,gBAAgB,CAAC,uBAAuB,CAe1E,CAAC"}

package/dist/types/src/components/FeedbackForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackForm.d.ts","sourceRoot":"","sources":["../../../../src/components/FeedbackForm.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAsB,MAAM,OAAO,CAAC;AA+B3C,eAAO,MAAM,YAAY,gBAAiB;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,sBAwFhE,CAAC"}
+{"version":3,"file":"FeedbackForm.d.ts","sourceRoot":"","sources":["../../../../src/components/FeedbackForm.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAa3C,eAAO,MAAM,YAAY,gBAAiB;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,sBAwFhE,CAAC"}

package/dist/types/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"version":"5.7.2"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-status-bar",
-  "version": "0.7.4",
+  "version": "0.7.5-main.937ce75",
   "description": "Status bar plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -36,13 +36,14 @@
     "@fluentui/react-tabster": "^9.19.0",
     "@preact/signals-core": "^1.6.0",
     "@radix-ui/react-slot": "^1.0.1",
-    "effect": "^3.9.2",
+    "effect": "^3.12.1",
     "react-resize-detector": "^11.0.1",
-    "@dxos/app-framework": "0.7.4",
-    "@dxos/async": "0.7.4",
-    "@dxos/echo-schema": "0.7.4",
-    "@dxos/react-ui-form": "0.7.4",
-    "@dxos/schema": "0.7.4"
+    "@dxos/app-framework": "0.7.5-main.937ce75",
+    "@dxos/async": "0.7.5-main.937ce75",
+    "@dxos/echo-schema": "0.7.5-main.937ce75",
+    "@dxos/plugin-observability": "0.7.5-main.937ce75",
+    "@dxos/schema": "0.7.5-main.937ce75",
+    "@dxos/react-ui-form": "0.7.5-main.937ce75"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -51,16 +52,16 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui": "0.7.4",
-    "@dxos/react-ui-theme": "0.7.4",
-    "@dxos/storybook-utils": "0.7.4"
+    "@dxos/react-ui-theme": "0.7.5-main.937ce75",
+    "@dxos/react-ui": "0.7.5-main.937ce75",
+    "@dxos/storybook-utils": "0.7.5-main.937ce75"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.0.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui-theme": "0.7.4",
-    "@dxos/react-ui": "0.7.4"
+    "@dxos/react-ui": "0.7.5-main.937ce75",
+    "@dxos/react-ui-theme": "0.7.5-main.937ce75"
   },
   "publishConfig": {
     "access": "public"

package/src/StatusBarPlugin.tsx

@@ -4,7 +4,12 @@
 
 import React from 'react';
 
-import { type PluginDefinition, type SurfaceProvides, type TranslationsProvides } from '@dxos/app-framework';
+import {
+  createSurface,
+  type PluginDefinition,
+  type SurfaceProvides,
+  type TranslationsProvides,
+} from '@dxos/app-framework';
 
 import { StatusBarPanel } from './components';
 import meta from './meta';
@@ -18,15 +23,12 @@ export const StatusBarPlugin = (): PluginDefinition<StatusBarPluginProvides> =>
     provides: {
       translations,
       surface: {
-        component: ({ role }) => {
-          switch (role) {
-            case 'status-bar': {
-              return <StatusBarPanel />;
-            }
-          }
-
-          return null;
-        },
+        definitions: () =>
+          createSurface({
+            id: meta.id,
+            role: 'status-bar',
+            component: () => <StatusBarPanel />,
+          }),
       },
     },
   };

package/src/components/FeedbackForm.tsx

@@ -2,11 +2,11 @@
 // Copyright 2024 DXOS.org
 //
 
-import { Schema as S } from '@effect/schema';
 import { PaperPlaneTilt, X } from '@phosphor-icons/react';
 import React, { useCallback } from 'react';
 
-import { useIntentDispatcher } from '@dxos/app-framework';
+import { createIntent, useIntentDispatcher } from '@dxos/app-framework';
+import { ObservabilityAction, UserFeedback } from '@dxos/plugin-observability/types';
 import { Button, Input, Popover, useTranslation } from '@dxos/react-ui';
 import { useForm } from '@dxos/react-ui-form';
 import { getSize } from '@dxos/react-ui-theme';
@@ -14,43 +14,24 @@ import { getSize } from '@dxos/react-ui-theme';
 import { STATUS_BAR_PLUGIN } from '../meta';
 import { mkTranslation } from '../translations';
 
-const 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.',
-  }),
-);
-
-const nonEmpty = (field: string) => S.nonEmptyString({ message: () => `${field} is required.` });
-const maxLength = (field: string, length: number) => S.maxLength(length, { message: () => `${field} is too long.` });
-
-// Types and validation.
-const FeedbackFormSchema = 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', 32_768)),
-});
-
-type FeedbackFormType = S.Schema.Type<typeof FeedbackFormSchema>;
-
-const initialValues: FeedbackFormType = { name: '', email: '', message: '' };
+const initialValues: UserFeedback = { name: '', email: '', message: '' };
 
 export const FeedbackForm = ({ onClose }: { onClose: () => void }) => {
   const { t } = useTranslation(STATUS_BAR_PLUGIN);
   const translation = mkTranslation(t);
-  const dispatch = useIntentDispatcher();
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
 
   const onSave = useCallback(
-    (values: FeedbackFormType) => {
-      void dispatch({ action: 'dxos.org/plugin/observability/capture-feedback', data: values });
+    (values: UserFeedback) => {
+      void dispatch(createIntent(ObservabilityAction.CaptureUserFeedback, values));
       onClose();
     },
     [dispatch, onClose],
   );
 
-  const { handleSave, canSave, getStatus, ...inputProps } = useForm<FeedbackFormType>({
+  const { handleSave, canSave, getStatus, ...inputProps } = useForm<UserFeedback>({
     initialValues,
-    schema: FeedbackFormSchema,
+    schema: UserFeedback,
     onSave,
   });