@dxos/plugin-status-bar 0.7.5-main.ff8607b → 0.7.5-staging.b81e783

package/dist/lib/browser/index.mjs

@@ -79,7 +79,7 @@ var translations = {
     "email input label": "Email",
     "email input placeholder": "hello@example.com",
     "feedback text area label": "Feedback",
-    "feedback text area placeholder": "Found a bug? Have a suggestion? Let us know!",
+    "feedback text area placeholder": "Please describe your issue or suggestion.",
     "send feedback label": "Send Feedback",
     "warning title": "WARNING",
     "technology preview message": "Composer is still in technology preview.",
@@ -295,7 +295,7 @@ var StatusBarPlugin = () => definePlugin(meta, [
   }),
   defineModule({
     id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.SetupSurfaces,
+    activatesOn: Events.SetupReactSurface,
     activate: () => contributes(Capabilities.ReactSurface, [
       createSurface({
         id: meta.id,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/StatusBar.tsx", "../../../src/components/StatusBarPanel.tsx", "../../../src/components/FeedbackForm.tsx", "../../../src/meta.ts", "../../../src/translations.ts", "../../../src/components/VersionNumber.tsx", "../../../src/StatusBarPlugin.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithRef, forwardRef, type PropsWithChildren, 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<ComponentPropsWithRef<'button'> & { asChild?: boolean }>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center justify-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer dx-focus-ring text-description text-xs',\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<ComponentPropsWithRef<'div'>>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-center justify-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 StartContentProps = ThemedClassName<PropsWithChildren<{}>>;\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<PropsWithChildren<{}>>;\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  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, useTranslation } from '@dxos/react-ui';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { StatusBar } from './StatusBar';\nimport { VersionNumber } from './VersionNumber';\nimport { STATUS_BAR_PLUGIN } from '../meta';\n\nexport const StatusBarActions = () => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const [open, setOpen] = useState(false);\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger asChild>\n        <StatusBar.Button data-joyride='welcome/feedback'>\n          <Icon icon='ph--paper-plane-tilt--regular' size={4} />\n          <StatusBar.Text classNames='hidden sm:block'>{t('feedback label')}</StatusBar.Text>\n        </StatusBar.Button>\n      </Popover.Trigger>\n      {/* TODO(zan): Configure this label? */}\n      <StatusBar.Button 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'>{t('discord label')}</StatusBar.Text>\n        </a>\n      </StatusBar.Button>\n      <VersionNumber />\n      <Popover.Portal>\n        <Popover.Content classNames='shadow-lg'>\n          <FeedbackForm onClose={() => setOpen(false)} />\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n\nexport const StatusBarPanel = () => {\n  return (\n    <>\n      <StatusBarActions />\n      <span role='separator' className='grow' />\n      <Surface role='status' />\n    </>\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 2024 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const STATUS_BAR_PLUGIN = 'dxos.org/plugin/status-bar';\n\nexport const meta = {\n  id: STATUS_BAR_PLUGIN,\n  name: 'Status Bar',\n  description: 'Display a bar with status and actions.',\n  icon: 'ph--info--regular',\n} satisfies PluginMeta;\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  | 'warning title'\n  | 'technology preview message'\n  | 'learn more label'\n  | 'released message'\n  | 'see release label'\n  | 'powered by dxos message'\n  | 'discord label'\n  | 'feedback label';\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    'warning title': 'WARNING',\n    'technology preview message': 'Composer is still in technology preview.',\n    'learn more label': 'Learn more',\n    'released message': 'This version released {{released}}.',\n    'see release label': 'See release on GitHub',\n    'powered by dxos message': 'Powered by <dxos>DXOS</dxos>',\n    'discord label': 'Discord',\n    'feedback label': 'Feedback',\n  }),\n};\n\nexport default [translations];\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { formatDistance } from 'date-fns/formatDistance';\nimport React from 'react';\n\nimport { useConfig } from '@dxos/react-client';\nimport { Link, Message, Popover, Trans, useTranslation, Icon } from '@dxos/react-ui';\n\nimport { StatusBar } from './StatusBar';\nimport { STATUS_BAR_PLUGIN } from '../meta';\n\nconst repo = 'https://github.com/dxos/dxos';\n\nconst VERSION_REGEX = /([\\d.]+)/;\n\nexport const VersionNumber = () => {\n  const config = useConfig();\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const { version, timestamp, commitHash } = config.values.runtime?.app?.build ?? {};\n  const [_, v] = version?.match(VERSION_REGEX) ?? [];\n\n  const releaseUrl =\n    config.values.runtime?.app?.env?.DX_ENVIRONMENT === 'production'\n      ? `${repo}/releases/tag/v${version}`\n      : `${repo}/commit/${commitHash}`;\n\n  const previewUrl = 'https://docs.dxos.org/composer#technology-preview';\n\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <StatusBar.Button classNames='text-xs'>v{v}</StatusBar.Button>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          side='top'\n          role='message'\n          classNames='z-[12] bg-warning-500 max-is-[min(calc(100vw-16px),40ch)]'\n        >\n          <Message.Root valence='warning' className='rounded-be-none p-5'>\n            <Message.Title>\n              <Icon icon='ph--warning--duotone' size={6} classNames='inline mie-2' />\n              <span>{t('warning title')}</span>\n            </Message.Title>\n            <Message.Body>\n              {t('technology preview message')}\n              <br />\n              <Link href={previewUrl} target='_blank' rel='noreferrer' variant='neutral'>\n                {t('learn more label')}\n                <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />\n              </Link>\n            </Message.Body>\n          </Message.Root>\n          <div role='none' className='plb-4 pli-5 space-b-2 text-baseText'>\n            {timestamp && (\n              <p>\n                {t('released message', {\n                  released: formatDistance(new Date(timestamp), new Date(), { addSuffix: true }),\n                })}\n                <br />\n                <Link href={releaseUrl} target='_blank' rel='noreferrer' variant='neutral'>\n                  {t('see release label')}\n                  <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />\n                </Link>\n              </p>\n            )}\n            <p>\n              <Trans\n                {...{\n                  t,\n                  i18nKey: 'powered by dxos message',\n                  components: {\n                    dxos: <Link href='https://dxos.org' target='_blank' rel='noreferrer' variant='neutral' />,\n                  },\n                }}\n              />\n            </p>\n          </div>\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport {\n  Capabilities,\n  contributes,\n  createSurface,\n  defineModule,\n  definePlugin,\n  Events,\n  Surface,\n} from '@dxos/app-framework';\n\nimport { StatusBarActions, StatusBarPanel } from './components';\nimport { VersionNumber } from './components/VersionNumber';\nimport { meta, STATUS_BAR_PLUGIN } from './meta';\nimport translations from './translations';\n\nexport const StatusBarPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupSurfaces,\n      activate: () =>\n        contributes(Capabilities.ReactSurface, [\n          createSurface({\n            id: meta.id,\n            role: 'status-bar',\n            component: () => <StatusBarPanel />,\n          }),\n          createSurface({\n            id: meta.id,\n            role: 'status-bar--r0-footer',\n            component: () => <Surface role='status' />,\n          }),\n          createSurface({\n            id: meta.id,\n            role: 'status-bar--r1-footer',\n            component: () => <StatusBarActions />,\n          }),\n          createSurface({\n            id: `${STATUS_BAR_PLUGIN}/header-end`,\n            role: 'header-end',\n            component: () => <VersionNumber />,\n          }),\n        ]),\n    }),\n  ]);\n"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithRef, forwardRef, type PropsWithChildren, 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<ComponentPropsWithRef<'button'> & { asChild?: boolean }>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center justify-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer dx-focus-ring text-description text-xs',\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<ComponentPropsWithRef<'div'>>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-center justify-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 StartContentProps = ThemedClassName<PropsWithChildren<{}>>;\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<PropsWithChildren<{}>>;\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  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, useTranslation } from '@dxos/react-ui';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { StatusBar } from './StatusBar';\nimport { VersionNumber } from './VersionNumber';\nimport { STATUS_BAR_PLUGIN } from '../meta';\n\nexport const StatusBarActions = () => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const [open, setOpen] = useState(false);\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger asChild>\n        <StatusBar.Button data-joyride='welcome/feedback'>\n          <Icon icon='ph--paper-plane-tilt--regular' size={4} />\n          <StatusBar.Text classNames='hidden sm:block'>{t('feedback label')}</StatusBar.Text>\n        </StatusBar.Button>\n      </Popover.Trigger>\n      {/* TODO(zan): Configure this label? */}\n      <StatusBar.Button 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'>{t('discord label')}</StatusBar.Text>\n        </a>\n      </StatusBar.Button>\n      <VersionNumber />\n      <Popover.Portal>\n        <Popover.Content classNames='shadow-lg'>\n          <FeedbackForm onClose={() => setOpen(false)} />\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n\nexport const StatusBarPanel = () => {\n  return (\n    <>\n      <StatusBarActions />\n      <span role='separator' className='grow' />\n      <Surface role='status' />\n    </>\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 2024 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const STATUS_BAR_PLUGIN = 'dxos.org/plugin/status-bar';\n\nexport const meta = {\n  id: STATUS_BAR_PLUGIN,\n  name: 'Status Bar',\n  description: 'Display a bar with status and actions.',\n  icon: 'ph--info--regular',\n} satisfies PluginMeta;\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  | 'warning title'\n  | 'technology preview message'\n  | 'learn more label'\n  | 'released message'\n  | 'see release label'\n  | 'powered by dxos message'\n  | 'discord label'\n  | 'feedback label';\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': 'Please describe your issue or suggestion.',\n    'send feedback label': 'Send Feedback',\n    'warning title': 'WARNING',\n    'technology preview message': 'Composer is still in technology preview.',\n    'learn more label': 'Learn more',\n    'released message': 'This version released {{released}}.',\n    'see release label': 'See release on GitHub',\n    'powered by dxos message': 'Powered by <dxos>DXOS</dxos>',\n    'discord label': 'Discord',\n    'feedback label': 'Feedback',\n  }),\n};\n\nexport default [translations];\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { formatDistance } from 'date-fns/formatDistance';\nimport React from 'react';\n\nimport { useConfig } from '@dxos/react-client';\nimport { Link, Message, Popover, Trans, useTranslation, Icon } from '@dxos/react-ui';\n\nimport { StatusBar } from './StatusBar';\nimport { STATUS_BAR_PLUGIN } from '../meta';\n\nconst repo = 'https://github.com/dxos/dxos';\n\nconst VERSION_REGEX = /([\\d.]+)/;\n\nexport const VersionNumber = () => {\n  const config = useConfig();\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const { version, timestamp, commitHash } = config.values.runtime?.app?.build ?? {};\n  const [_, v] = version?.match(VERSION_REGEX) ?? [];\n\n  const releaseUrl =\n    config.values.runtime?.app?.env?.DX_ENVIRONMENT === 'production'\n      ? `${repo}/releases/tag/v${version}`\n      : `${repo}/commit/${commitHash}`;\n\n  const previewUrl = 'https://docs.dxos.org/composer#technology-preview';\n\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <StatusBar.Button classNames='text-xs'>v{v}</StatusBar.Button>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          side='top'\n          role='message'\n          classNames='z-[12] bg-warning-500 max-is-[min(calc(100vw-16px),40ch)]'\n        >\n          <Message.Root valence='warning' className='rounded-be-none p-5'>\n            <Message.Title>\n              <Icon icon='ph--warning--duotone' size={6} classNames='inline mie-2' />\n              <span>{t('warning title')}</span>\n            </Message.Title>\n            <Message.Body>\n              {t('technology preview message')}\n              <br />\n              <Link href={previewUrl} target='_blank' rel='noreferrer' variant='neutral'>\n                {t('learn more label')}\n                <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />\n              </Link>\n            </Message.Body>\n          </Message.Root>\n          <div role='none' className='plb-4 pli-5 space-b-2 text-baseText'>\n            {timestamp && (\n              <p>\n                {t('released message', {\n                  released: formatDistance(new Date(timestamp), new Date(), { addSuffix: true }),\n                })}\n                <br />\n                <Link href={releaseUrl} target='_blank' rel='noreferrer' variant='neutral'>\n                  {t('see release label')}\n                  <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />\n                </Link>\n              </p>\n            )}\n            <p>\n              <Trans\n                {...{\n                  t,\n                  i18nKey: 'powered by dxos message',\n                  components: {\n                    dxos: <Link href='https://dxos.org' target='_blank' rel='noreferrer' variant='neutral' />,\n                  },\n                }}\n              />\n            </p>\n          </div>\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport {\n  Capabilities,\n  contributes,\n  createSurface,\n  defineModule,\n  definePlugin,\n  Events,\n  Surface,\n} from '@dxos/app-framework';\n\nimport { StatusBarActions, StatusBarPanel } from './components';\nimport { VersionNumber } from './components/VersionNumber';\nimport { meta, STATUS_BAR_PLUGIN } from './meta';\nimport translations from './translations';\n\nexport const StatusBarPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupReactSurface,\n      activate: () =>\n        contributes(Capabilities.ReactSurface, [\n          createSurface({\n            id: meta.id,\n            role: 'status-bar',\n            component: () => <StatusBarPanel />,\n          }),\n          createSurface({\n            id: meta.id,\n            role: 'status-bar--r0-footer',\n            component: () => <Surface role='status' />,\n          }),\n          createSurface({\n            id: meta.id,\n            role: 'status-bar--r1-footer',\n            component: () => <StatusBarActions />,\n          }),\n          createSurface({\n            id: `${STATUS_BAR_PLUGIN}/header-end`,\n            role: 'header-end',\n            component: () => <VersionNumber />,\n          }),\n        ]),\n    }),\n  ]);\n"],
   "mappings": "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",
-  "names": ["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", "StartContent", "EndContent", "StatusBar", "Text", "StatusBarText", "Item", "Button", "StatusBarButton", "React", "useState", "Surface", "Icon", "Popover", "useTranslation", "PaperPlaneTilt", "X", "React", "useCallback", "createIntent", "useIntentDispatcher", "ObservabilityAction", "UserFeedback", "Button", "Input", "Popover", "useTranslation", "useForm", "getSize", "STATUS_BAR_PLUGIN", "meta", "id", "name", "description", "icon", "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", "formatDistance", "React", "useConfig", "Link", "Message", "Popover", "Trans", "useTranslation", "Icon", "repo", "VERSION_REGEX", "VersionNumber", "config", "useConfig", "t", "useTranslation", "STATUS_BAR_PLUGIN", "version", "timestamp", "commitHash", "values", "runtime", "app", "build", "_", "v", "match", "releaseUrl", "env", "DX_ENVIRONMENT", "previewUrl", "React", "Popover", "Root", "Trigger", "asChild", "StatusBar", "Button", "classNames", "Portal", "Content", "side", "role", "Message", "valence", "className", "Title", "Icon", "icon", "size", "span", "Body", "br", "Link", "href", "target", "rel", "variant", "div", "p", "released", "formatDistance", "Date", "addSuffix", "Trans", "i18nKey", "components", "dxos", "Arrow", "StatusBarActions", "t", "useTranslation", "STATUS_BAR_PLUGIN", "open", "setOpen", "useState", "React", "Popover", "Root", "onOpenChange", "Trigger", "asChild", "StatusBar", "Button", "data-joyride", "Icon", "icon", "size", "Text", "classNames", "a", "href", "target", "rel", "VersionNumber", "Portal", "Content", "FeedbackForm", "onClose", "Arrow", "StatusBarPanel", "span", "role", "className", "Surface", "React", "Capabilities", "contributes", "createSurface", "defineModule", "definePlugin", "Events", "Surface", "StatusBarPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "SetupSurfaces", "ReactSurface", "createSurface", "role", "component", "React", "StatusBarPanel", "Surface", "StatusBarActions", "STATUS_BAR_PLUGIN", "VersionNumber"]
+  "names": ["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", "StartContent", "EndContent", "StatusBar", "Text", "StatusBarText", "Item", "Button", "StatusBarButton", "React", "useState", "Surface", "Icon", "Popover", "useTranslation", "PaperPlaneTilt", "X", "React", "useCallback", "createIntent", "useIntentDispatcher", "ObservabilityAction", "UserFeedback", "Button", "Input", "Popover", "useTranslation", "useForm", "getSize", "STATUS_BAR_PLUGIN", "meta", "id", "name", "description", "icon", "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", "formatDistance", "React", "useConfig", "Link", "Message", "Popover", "Trans", "useTranslation", "Icon", "repo", "VERSION_REGEX", "VersionNumber", "config", "useConfig", "t", "useTranslation", "STATUS_BAR_PLUGIN", "version", "timestamp", "commitHash", "values", "runtime", "app", "build", "_", "v", "match", "releaseUrl", "env", "DX_ENVIRONMENT", "previewUrl", "React", "Popover", "Root", "Trigger", "asChild", "StatusBar", "Button", "classNames", "Portal", "Content", "side", "role", "Message", "valence", "className", "Title", "Icon", "icon", "size", "span", "Body", "br", "Link", "href", "target", "rel", "variant", "div", "p", "released", "formatDistance", "Date", "addSuffix", "Trans", "i18nKey", "components", "dxos", "Arrow", "StatusBarActions", "t", "useTranslation", "STATUS_BAR_PLUGIN", "open", "setOpen", "useState", "React", "Popover", "Root", "onOpenChange", "Trigger", "asChild", "StatusBar", "Button", "data-joyride", "Icon", "icon", "size", "Text", "classNames", "a", "href", "target", "rel", "VersionNumber", "Portal", "Content", "FeedbackForm", "onClose", "Arrow", "StatusBarPanel", "span", "role", "className", "Surface", "React", "Capabilities", "contributes", "createSurface", "defineModule", "definePlugin", "Events", "Surface", "StatusBarPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "SetupReactSurface", "ReactSurface", "createSurface", "role", "component", "React", "StatusBarPanel", "Surface", "StatusBarActions", "STATUS_BAR_PLUGIN", "VersionNumber"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":7783,"imports":[{"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":1289,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":4755,"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/VersionNumber.tsx":{"bytes":10881,"imports":[{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytes":6757,"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"},{"path":"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"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":6151,"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/components/VersionNumber.tsx","kind":"import-statement","original":"./components/VersionNumber"},{"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":699,"imports":[{"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/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":26403},"packages/plugins/plugin-status-bar/dist/lib/browser/index.mjs":{"imports":[{"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},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["STATUS_BAR_PLUGIN","StatusBar","StatusBarActions","StatusBarPanel","StatusBarPlugin","meta"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":1948},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1972},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytesInOutput":3972},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":202},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":960},"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx":{"bytesInOutput":3174},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":1313}},"bytes":14286}}}
+{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":7783,"imports":[{"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":1289,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":4748,"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/VersionNumber.tsx":{"bytes":10881,"imports":[{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytes":6757,"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"},{"path":"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"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":6167,"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/components/VersionNumber.tsx","kind":"import-statement","original":"./components/VersionNumber"},{"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":699,"imports":[{"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/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":26408},"packages/plugins/plugin-status-bar/dist/lib/browser/index.mjs":{"imports":[{"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},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["STATUS_BAR_PLUGIN","StatusBar","StatusBarActions","StatusBarPanel","StatusBarPlugin","meta"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":1948},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1972},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytesInOutput":3972},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":202},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":957},"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx":{"bytesInOutput":3174},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":1317}},"bytes":14287}}}

package/dist/lib/node/index.cjs

@@ -114,7 +114,7 @@ var translations = {
     "email input label": "Email",
     "email input placeholder": "hello@example.com",
     "feedback text area label": "Feedback",
-    "feedback text area placeholder": "Found a bug? Have a suggestion? Let us know!",
+    "feedback text area placeholder": "Please describe your issue or suggestion.",
     "send feedback label": "Send Feedback",
     "warning title": "WARNING",
     "technology preview message": "Composer is still in technology preview.",
@@ -316,7 +316,7 @@ var StatusBarPlugin = () => (0, import_app_framework3.definePlugin)(meta, [
   }),
   (0, import_app_framework3.defineModule)({
     id: `${meta.id}/module/react-surface`,
-    activatesOn: import_app_framework3.Events.SetupSurfaces,
+    activatesOn: import_app_framework3.Events.SetupReactSurface,
     activate: () => (0, import_app_framework3.contributes)(import_app_framework3.Capabilities.ReactSurface, [
       (0, import_app_framework3.createSurface)({
         id: meta.id,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/StatusBar.tsx", "../../../src/components/StatusBarPanel.tsx", "../../../src/components/FeedbackForm.tsx", "../../../src/meta.ts", "../../../src/translations.ts", "../../../src/components/VersionNumber.tsx", "../../../src/StatusBarPlugin.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithRef, forwardRef, type PropsWithChildren, 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<ComponentPropsWithRef<'button'> & { asChild?: boolean }>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center justify-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer dx-focus-ring text-description text-xs',\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<ComponentPropsWithRef<'div'>>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-center justify-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 StartContentProps = ThemedClassName<PropsWithChildren<{}>>;\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<PropsWithChildren<{}>>;\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  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, useTranslation } from '@dxos/react-ui';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { StatusBar } from './StatusBar';\nimport { VersionNumber } from './VersionNumber';\nimport { STATUS_BAR_PLUGIN } from '../meta';\n\nexport const StatusBarActions = () => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const [open, setOpen] = useState(false);\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger asChild>\n        <StatusBar.Button data-joyride='welcome/feedback'>\n          <Icon icon='ph--paper-plane-tilt--regular' size={4} />\n          <StatusBar.Text classNames='hidden sm:block'>{t('feedback label')}</StatusBar.Text>\n        </StatusBar.Button>\n      </Popover.Trigger>\n      {/* TODO(zan): Configure this label? */}\n      <StatusBar.Button 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'>{t('discord label')}</StatusBar.Text>\n        </a>\n      </StatusBar.Button>\n      <VersionNumber />\n      <Popover.Portal>\n        <Popover.Content classNames='shadow-lg'>\n          <FeedbackForm onClose={() => setOpen(false)} />\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n\nexport const StatusBarPanel = () => {\n  return (\n    <>\n      <StatusBarActions />\n      <span role='separator' className='grow' />\n      <Surface role='status' />\n    </>\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 2024 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const STATUS_BAR_PLUGIN = 'dxos.org/plugin/status-bar';\n\nexport const meta = {\n  id: STATUS_BAR_PLUGIN,\n  name: 'Status Bar',\n  description: 'Display a bar with status and actions.',\n  icon: 'ph--info--regular',\n} satisfies PluginMeta;\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  | 'warning title'\n  | 'technology preview message'\n  | 'learn more label'\n  | 'released message'\n  | 'see release label'\n  | 'powered by dxos message'\n  | 'discord label'\n  | 'feedback label';\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    'warning title': 'WARNING',\n    'technology preview message': 'Composer is still in technology preview.',\n    'learn more label': 'Learn more',\n    'released message': 'This version released {{released}}.',\n    'see release label': 'See release on GitHub',\n    'powered by dxos message': 'Powered by <dxos>DXOS</dxos>',\n    'discord label': 'Discord',\n    'feedback label': 'Feedback',\n  }),\n};\n\nexport default [translations];\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { formatDistance } from 'date-fns/formatDistance';\nimport React from 'react';\n\nimport { useConfig } from '@dxos/react-client';\nimport { Link, Message, Popover, Trans, useTranslation, Icon } from '@dxos/react-ui';\n\nimport { StatusBar } from './StatusBar';\nimport { STATUS_BAR_PLUGIN } from '../meta';\n\nconst repo = 'https://github.com/dxos/dxos';\n\nconst VERSION_REGEX = /([\\d.]+)/;\n\nexport const VersionNumber = () => {\n  const config = useConfig();\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const { version, timestamp, commitHash } = config.values.runtime?.app?.build ?? {};\n  const [_, v] = version?.match(VERSION_REGEX) ?? [];\n\n  const releaseUrl =\n    config.values.runtime?.app?.env?.DX_ENVIRONMENT === 'production'\n      ? `${repo}/releases/tag/v${version}`\n      : `${repo}/commit/${commitHash}`;\n\n  const previewUrl = 'https://docs.dxos.org/composer#technology-preview';\n\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <StatusBar.Button classNames='text-xs'>v{v}</StatusBar.Button>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          side='top'\n          role='message'\n          classNames='z-[12] bg-warning-500 max-is-[min(calc(100vw-16px),40ch)]'\n        >\n          <Message.Root valence='warning' className='rounded-be-none p-5'>\n            <Message.Title>\n              <Icon icon='ph--warning--duotone' size={6} classNames='inline mie-2' />\n              <span>{t('warning title')}</span>\n            </Message.Title>\n            <Message.Body>\n              {t('technology preview message')}\n              <br />\n              <Link href={previewUrl} target='_blank' rel='noreferrer' variant='neutral'>\n                {t('learn more label')}\n                <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />\n              </Link>\n            </Message.Body>\n          </Message.Root>\n          <div role='none' className='plb-4 pli-5 space-b-2 text-baseText'>\n            {timestamp && (\n              <p>\n                {t('released message', {\n                  released: formatDistance(new Date(timestamp), new Date(), { addSuffix: true }),\n                })}\n                <br />\n                <Link href={releaseUrl} target='_blank' rel='noreferrer' variant='neutral'>\n                  {t('see release label')}\n                  <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />\n                </Link>\n              </p>\n            )}\n            <p>\n              <Trans\n                {...{\n                  t,\n                  i18nKey: 'powered by dxos message',\n                  components: {\n                    dxos: <Link href='https://dxos.org' target='_blank' rel='noreferrer' variant='neutral' />,\n                  },\n                }}\n              />\n            </p>\n          </div>\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport {\n  Capabilities,\n  contributes,\n  createSurface,\n  defineModule,\n  definePlugin,\n  Events,\n  Surface,\n} from '@dxos/app-framework';\n\nimport { StatusBarActions, StatusBarPanel } from './components';\nimport { VersionNumber } from './components/VersionNumber';\nimport { meta, STATUS_BAR_PLUGIN } from './meta';\nimport translations from './translations';\n\nexport const StatusBarPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupSurfaces,\n      activate: () =>\n        contributes(Capabilities.ReactSurface, [\n          createSurface({\n            id: meta.id,\n            role: 'status-bar',\n            component: () => <StatusBarPanel />,\n          }),\n          createSurface({\n            id: meta.id,\n            role: 'status-bar--r0-footer',\n            component: () => <Surface role='status' />,\n          }),\n          createSurface({\n            id: meta.id,\n            role: 'status-bar--r1-footer',\n            component: () => <StatusBarActions />,\n          }),\n          createSurface({\n            id: `${STATUS_BAR_PLUGIN}/header-end`,\n            role: 'header-end',\n            component: () => <VersionNumber />,\n          }),\n        ]),\n    }),\n  ]);\n"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithRef, forwardRef, type PropsWithChildren, 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<ComponentPropsWithRef<'button'> & { asChild?: boolean }>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center justify-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer dx-focus-ring text-description text-xs',\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<ComponentPropsWithRef<'div'>>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-center justify-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 StartContentProps = ThemedClassName<PropsWithChildren<{}>>;\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<PropsWithChildren<{}>>;\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  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, useTranslation } from '@dxos/react-ui';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { StatusBar } from './StatusBar';\nimport { VersionNumber } from './VersionNumber';\nimport { STATUS_BAR_PLUGIN } from '../meta';\n\nexport const StatusBarActions = () => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const [open, setOpen] = useState(false);\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger asChild>\n        <StatusBar.Button data-joyride='welcome/feedback'>\n          <Icon icon='ph--paper-plane-tilt--regular' size={4} />\n          <StatusBar.Text classNames='hidden sm:block'>{t('feedback label')}</StatusBar.Text>\n        </StatusBar.Button>\n      </Popover.Trigger>\n      {/* TODO(zan): Configure this label? */}\n      <StatusBar.Button 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'>{t('discord label')}</StatusBar.Text>\n        </a>\n      </StatusBar.Button>\n      <VersionNumber />\n      <Popover.Portal>\n        <Popover.Content classNames='shadow-lg'>\n          <FeedbackForm onClose={() => setOpen(false)} />\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n\nexport const StatusBarPanel = () => {\n  return (\n    <>\n      <StatusBarActions />\n      <span role='separator' className='grow' />\n      <Surface role='status' />\n    </>\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 2024 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const STATUS_BAR_PLUGIN = 'dxos.org/plugin/status-bar';\n\nexport const meta = {\n  id: STATUS_BAR_PLUGIN,\n  name: 'Status Bar',\n  description: 'Display a bar with status and actions.',\n  icon: 'ph--info--regular',\n} satisfies PluginMeta;\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  | 'warning title'\n  | 'technology preview message'\n  | 'learn more label'\n  | 'released message'\n  | 'see release label'\n  | 'powered by dxos message'\n  | 'discord label'\n  | 'feedback label';\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': 'Please describe your issue or suggestion.',\n    'send feedback label': 'Send Feedback',\n    'warning title': 'WARNING',\n    'technology preview message': 'Composer is still in technology preview.',\n    'learn more label': 'Learn more',\n    'released message': 'This version released {{released}}.',\n    'see release label': 'See release on GitHub',\n    'powered by dxos message': 'Powered by <dxos>DXOS</dxos>',\n    'discord label': 'Discord',\n    'feedback label': 'Feedback',\n  }),\n};\n\nexport default [translations];\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { formatDistance } from 'date-fns/formatDistance';\nimport React from 'react';\n\nimport { useConfig } from '@dxos/react-client';\nimport { Link, Message, Popover, Trans, useTranslation, Icon } from '@dxos/react-ui';\n\nimport { StatusBar } from './StatusBar';\nimport { STATUS_BAR_PLUGIN } from '../meta';\n\nconst repo = 'https://github.com/dxos/dxos';\n\nconst VERSION_REGEX = /([\\d.]+)/;\n\nexport const VersionNumber = () => {\n  const config = useConfig();\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const { version, timestamp, commitHash } = config.values.runtime?.app?.build ?? {};\n  const [_, v] = version?.match(VERSION_REGEX) ?? [];\n\n  const releaseUrl =\n    config.values.runtime?.app?.env?.DX_ENVIRONMENT === 'production'\n      ? `${repo}/releases/tag/v${version}`\n      : `${repo}/commit/${commitHash}`;\n\n  const previewUrl = 'https://docs.dxos.org/composer#technology-preview';\n\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <StatusBar.Button classNames='text-xs'>v{v}</StatusBar.Button>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          side='top'\n          role='message'\n          classNames='z-[12] bg-warning-500 max-is-[min(calc(100vw-16px),40ch)]'\n        >\n          <Message.Root valence='warning' className='rounded-be-none p-5'>\n            <Message.Title>\n              <Icon icon='ph--warning--duotone' size={6} classNames='inline mie-2' />\n              <span>{t('warning title')}</span>\n            </Message.Title>\n            <Message.Body>\n              {t('technology preview message')}\n              <br />\n              <Link href={previewUrl} target='_blank' rel='noreferrer' variant='neutral'>\n                {t('learn more label')}\n                <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />\n              </Link>\n            </Message.Body>\n          </Message.Root>\n          <div role='none' className='plb-4 pli-5 space-b-2 text-baseText'>\n            {timestamp && (\n              <p>\n                {t('released message', {\n                  released: formatDistance(new Date(timestamp), new Date(), { addSuffix: true }),\n                })}\n                <br />\n                <Link href={releaseUrl} target='_blank' rel='noreferrer' variant='neutral'>\n                  {t('see release label')}\n                  <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />\n                </Link>\n              </p>\n            )}\n            <p>\n              <Trans\n                {...{\n                  t,\n                  i18nKey: 'powered by dxos message',\n                  components: {\n                    dxos: <Link href='https://dxos.org' target='_blank' rel='noreferrer' variant='neutral' />,\n                  },\n                }}\n              />\n            </p>\n          </div>\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport {\n  Capabilities,\n  contributes,\n  createSurface,\n  defineModule,\n  definePlugin,\n  Events,\n  Surface,\n} from '@dxos/app-framework';\n\nimport { StatusBarActions, StatusBarPanel } from './components';\nimport { VersionNumber } from './components/VersionNumber';\nimport { meta, STATUS_BAR_PLUGIN } from './meta';\nimport translations from './translations';\n\nexport const StatusBarPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupReactSurface,\n      activate: () =>\n        contributes(Capabilities.ReactSurface, [\n          createSurface({\n            id: meta.id,\n            role: 'status-bar',\n            component: () => <StatusBarPanel />,\n          }),\n          createSurface({\n            id: meta.id,\n            role: 'status-bar--r0-footer',\n            component: () => <Surface role='status' />,\n          }),\n          createSurface({\n            id: meta.id,\n            role: 'status-bar--r1-footer',\n            component: () => <StatusBarActions />,\n          }),\n          createSurface({\n            id: `${STATUS_BAR_PLUGIN}/header-end`,\n            role: 'header-end',\n            component: () => <VersionNumber />,\n          }),\n        ]),\n    }),\n  ]);\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", "StartContent", "EndContent", "StatusBar", "Text", "Item", "Button", "STATUS_BAR_PLUGIN", "meta", "id", "name", "description", "icon", "entry", "translation", "mkTranslation", "t", "key", "translations", "initialValues", "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", "repo", "VERSION_REGEX", "VersionNumber", "config", "useConfig", "version", "timestamp", "commitHash", "runtime", "app", "build", "_", "v", "match", "releaseUrl", "env", "DX_ENVIRONMENT", "previewUrl", "Trigger", "Portal", "Content", "side", "Message", "valence", "Title", "Icon", "size", "Body", "br", "Link", "href", "target", "rel", "p", "released", "formatDistance", "Date", "addSuffix", "Trans", "i18nKey", "components", "dxos", "Arrow", "StatusBarActions", "open", "setOpen", "useState", "onOpenChange", "data-joyride", "a", "StatusBarPanel", "Surface", "StatusBarPlugin", "definePlugin", "defineModule", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "SetupSurfaces", "ReactSurface", "createSurface", "component"]
+  "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", "StartContent", "EndContent", "StatusBar", "Text", "Item", "Button", "STATUS_BAR_PLUGIN", "meta", "id", "name", "description", "icon", "entry", "translation", "mkTranslation", "t", "key", "translations", "initialValues", "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", "repo", "VERSION_REGEX", "VersionNumber", "config", "useConfig", "version", "timestamp", "commitHash", "runtime", "app", "build", "_", "v", "match", "releaseUrl", "env", "DX_ENVIRONMENT", "previewUrl", "Trigger", "Portal", "Content", "side", "Message", "valence", "Title", "Icon", "size", "Body", "br", "Link", "href", "target", "rel", "p", "released", "formatDistance", "Date", "addSuffix", "Trans", "i18nKey", "components", "dxos", "Arrow", "StatusBarActions", "open", "setOpen", "useState", "onOpenChange", "data-joyride", "a", "StatusBarPanel", "Surface", "StatusBarPlugin", "definePlugin", "defineModule", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "SetupReactSurface", "ReactSurface", "createSurface", "component"]
 }

package/dist/lib/node/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":7783,"imports":[{"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":1289,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":4755,"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/VersionNumber.tsx":{"bytes":10881,"imports":[{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytes":6757,"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"},{"path":"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"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":6151,"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/components/VersionNumber.tsx","kind":"import-statement","original":"./components/VersionNumber"},{"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":699,"imports":[{"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/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":26403},"packages/plugins/plugin-status-bar/dist/lib/node/index.cjs":{"imports":[{"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},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["STATUS_BAR_PLUGIN","StatusBar","StatusBarActions","StatusBarPanel","StatusBarPlugin","meta"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":1948},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1972},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytesInOutput":3972},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":202},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":960},"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx":{"bytesInOutput":3174},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":1313}},"bytes":14286}}}
+{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":7783,"imports":[{"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":1289,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":4748,"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/VersionNumber.tsx":{"bytes":10881,"imports":[{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytes":6757,"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"},{"path":"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"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":6167,"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/components/VersionNumber.tsx","kind":"import-statement","original":"./components/VersionNumber"},{"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":699,"imports":[{"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/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":26408},"packages/plugins/plugin-status-bar/dist/lib/node/index.cjs":{"imports":[{"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},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["STATUS_BAR_PLUGIN","StatusBar","StatusBarActions","StatusBarPanel","StatusBarPlugin","meta"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":1948},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1972},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytesInOutput":3972},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":202},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":957},"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx":{"bytesInOutput":3174},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":1317}},"bytes":14287}}}

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

@@ -81,7 +81,7 @@ var translations = {
     "email input label": "Email",
     "email input placeholder": "hello@example.com",
     "feedback text area label": "Feedback",
-    "feedback text area placeholder": "Found a bug? Have a suggestion? Let us know!",
+    "feedback text area placeholder": "Please describe your issue or suggestion.",
     "send feedback label": "Send Feedback",
     "warning title": "WARNING",
     "technology preview message": "Composer is still in technology preview.",
@@ -297,7 +297,7 @@ var StatusBarPlugin = () => definePlugin(meta, [
   }),
   defineModule({
     id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.SetupSurfaces,
+    activatesOn: Events.SetupReactSurface,
     activate: () => contributes(Capabilities.ReactSurface, [
       createSurface({
         id: meta.id,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/StatusBar.tsx", "../../../src/components/StatusBarPanel.tsx", "../../../src/components/FeedbackForm.tsx", "../../../src/meta.ts", "../../../src/translations.ts", "../../../src/components/VersionNumber.tsx", "../../../src/StatusBarPlugin.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithRef, forwardRef, type PropsWithChildren, 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<ComponentPropsWithRef<'button'> & { asChild?: boolean }>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center justify-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer dx-focus-ring text-description text-xs',\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<ComponentPropsWithRef<'div'>>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-center justify-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 StartContentProps = ThemedClassName<PropsWithChildren<{}>>;\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<PropsWithChildren<{}>>;\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  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, useTranslation } from '@dxos/react-ui';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { StatusBar } from './StatusBar';\nimport { VersionNumber } from './VersionNumber';\nimport { STATUS_BAR_PLUGIN } from '../meta';\n\nexport const StatusBarActions = () => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const [open, setOpen] = useState(false);\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger asChild>\n        <StatusBar.Button data-joyride='welcome/feedback'>\n          <Icon icon='ph--paper-plane-tilt--regular' size={4} />\n          <StatusBar.Text classNames='hidden sm:block'>{t('feedback label')}</StatusBar.Text>\n        </StatusBar.Button>\n      </Popover.Trigger>\n      {/* TODO(zan): Configure this label? */}\n      <StatusBar.Button 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'>{t('discord label')}</StatusBar.Text>\n        </a>\n      </StatusBar.Button>\n      <VersionNumber />\n      <Popover.Portal>\n        <Popover.Content classNames='shadow-lg'>\n          <FeedbackForm onClose={() => setOpen(false)} />\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n\nexport const StatusBarPanel = () => {\n  return (\n    <>\n      <StatusBarActions />\n      <span role='separator' className='grow' />\n      <Surface role='status' />\n    </>\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 2024 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const STATUS_BAR_PLUGIN = 'dxos.org/plugin/status-bar';\n\nexport const meta = {\n  id: STATUS_BAR_PLUGIN,\n  name: 'Status Bar',\n  description: 'Display a bar with status and actions.',\n  icon: 'ph--info--regular',\n} satisfies PluginMeta;\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  | 'warning title'\n  | 'technology preview message'\n  | 'learn more label'\n  | 'released message'\n  | 'see release label'\n  | 'powered by dxos message'\n  | 'discord label'\n  | 'feedback label';\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    'warning title': 'WARNING',\n    'technology preview message': 'Composer is still in technology preview.',\n    'learn more label': 'Learn more',\n    'released message': 'This version released {{released}}.',\n    'see release label': 'See release on GitHub',\n    'powered by dxos message': 'Powered by <dxos>DXOS</dxos>',\n    'discord label': 'Discord',\n    'feedback label': 'Feedback',\n  }),\n};\n\nexport default [translations];\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { formatDistance } from 'date-fns/formatDistance';\nimport React from 'react';\n\nimport { useConfig } from '@dxos/react-client';\nimport { Link, Message, Popover, Trans, useTranslation, Icon } from '@dxos/react-ui';\n\nimport { StatusBar } from './StatusBar';\nimport { STATUS_BAR_PLUGIN } from '../meta';\n\nconst repo = 'https://github.com/dxos/dxos';\n\nconst VERSION_REGEX = /([\\d.]+)/;\n\nexport const VersionNumber = () => {\n  const config = useConfig();\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const { version, timestamp, commitHash } = config.values.runtime?.app?.build ?? {};\n  const [_, v] = version?.match(VERSION_REGEX) ?? [];\n\n  const releaseUrl =\n    config.values.runtime?.app?.env?.DX_ENVIRONMENT === 'production'\n      ? `${repo}/releases/tag/v${version}`\n      : `${repo}/commit/${commitHash}`;\n\n  const previewUrl = 'https://docs.dxos.org/composer#technology-preview';\n\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <StatusBar.Button classNames='text-xs'>v{v}</StatusBar.Button>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          side='top'\n          role='message'\n          classNames='z-[12] bg-warning-500 max-is-[min(calc(100vw-16px),40ch)]'\n        >\n          <Message.Root valence='warning' className='rounded-be-none p-5'>\n            <Message.Title>\n              <Icon icon='ph--warning--duotone' size={6} classNames='inline mie-2' />\n              <span>{t('warning title')}</span>\n            </Message.Title>\n            <Message.Body>\n              {t('technology preview message')}\n              <br />\n              <Link href={previewUrl} target='_blank' rel='noreferrer' variant='neutral'>\n                {t('learn more label')}\n                <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />\n              </Link>\n            </Message.Body>\n          </Message.Root>\n          <div role='none' className='plb-4 pli-5 space-b-2 text-baseText'>\n            {timestamp && (\n              <p>\n                {t('released message', {\n                  released: formatDistance(new Date(timestamp), new Date(), { addSuffix: true }),\n                })}\n                <br />\n                <Link href={releaseUrl} target='_blank' rel='noreferrer' variant='neutral'>\n                  {t('see release label')}\n                  <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />\n                </Link>\n              </p>\n            )}\n            <p>\n              <Trans\n                {...{\n                  t,\n                  i18nKey: 'powered by dxos message',\n                  components: {\n                    dxos: <Link href='https://dxos.org' target='_blank' rel='noreferrer' variant='neutral' />,\n                  },\n                }}\n              />\n            </p>\n          </div>\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport {\n  Capabilities,\n  contributes,\n  createSurface,\n  defineModule,\n  definePlugin,\n  Events,\n  Surface,\n} from '@dxos/app-framework';\n\nimport { StatusBarActions, StatusBarPanel } from './components';\nimport { VersionNumber } from './components/VersionNumber';\nimport { meta, STATUS_BAR_PLUGIN } from './meta';\nimport translations from './translations';\n\nexport const StatusBarPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupSurfaces,\n      activate: () =>\n        contributes(Capabilities.ReactSurface, [\n          createSurface({\n            id: meta.id,\n            role: 'status-bar',\n            component: () => <StatusBarPanel />,\n          }),\n          createSurface({\n            id: meta.id,\n            role: 'status-bar--r0-footer',\n            component: () => <Surface role='status' />,\n          }),\n          createSurface({\n            id: meta.id,\n            role: 'status-bar--r1-footer',\n            component: () => <StatusBarActions />,\n          }),\n          createSurface({\n            id: `${STATUS_BAR_PLUGIN}/header-end`,\n            role: 'header-end',\n            component: () => <VersionNumber />,\n          }),\n        ]),\n    }),\n  ]);\n"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithRef, forwardRef, type PropsWithChildren, 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<ComponentPropsWithRef<'button'> & { asChild?: boolean }>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center justify-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer dx-focus-ring text-description text-xs',\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<ComponentPropsWithRef<'div'>>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-center justify-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 StartContentProps = ThemedClassName<PropsWithChildren<{}>>;\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<PropsWithChildren<{}>>;\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  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, useTranslation } from '@dxos/react-ui';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { StatusBar } from './StatusBar';\nimport { VersionNumber } from './VersionNumber';\nimport { STATUS_BAR_PLUGIN } from '../meta';\n\nexport const StatusBarActions = () => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const [open, setOpen] = useState(false);\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger asChild>\n        <StatusBar.Button data-joyride='welcome/feedback'>\n          <Icon icon='ph--paper-plane-tilt--regular' size={4} />\n          <StatusBar.Text classNames='hidden sm:block'>{t('feedback label')}</StatusBar.Text>\n        </StatusBar.Button>\n      </Popover.Trigger>\n      {/* TODO(zan): Configure this label? */}\n      <StatusBar.Button 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'>{t('discord label')}</StatusBar.Text>\n        </a>\n      </StatusBar.Button>\n      <VersionNumber />\n      <Popover.Portal>\n        <Popover.Content classNames='shadow-lg'>\n          <FeedbackForm onClose={() => setOpen(false)} />\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n\nexport const StatusBarPanel = () => {\n  return (\n    <>\n      <StatusBarActions />\n      <span role='separator' className='grow' />\n      <Surface role='status' />\n    </>\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 2024 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const STATUS_BAR_PLUGIN = 'dxos.org/plugin/status-bar';\n\nexport const meta = {\n  id: STATUS_BAR_PLUGIN,\n  name: 'Status Bar',\n  description: 'Display a bar with status and actions.',\n  icon: 'ph--info--regular',\n} satisfies PluginMeta;\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  | 'warning title'\n  | 'technology preview message'\n  | 'learn more label'\n  | 'released message'\n  | 'see release label'\n  | 'powered by dxos message'\n  | 'discord label'\n  | 'feedback label';\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': 'Please describe your issue or suggestion.',\n    'send feedback label': 'Send Feedback',\n    'warning title': 'WARNING',\n    'technology preview message': 'Composer is still in technology preview.',\n    'learn more label': 'Learn more',\n    'released message': 'This version released {{released}}.',\n    'see release label': 'See release on GitHub',\n    'powered by dxos message': 'Powered by <dxos>DXOS</dxos>',\n    'discord label': 'Discord',\n    'feedback label': 'Feedback',\n  }),\n};\n\nexport default [translations];\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { formatDistance } from 'date-fns/formatDistance';\nimport React from 'react';\n\nimport { useConfig } from '@dxos/react-client';\nimport { Link, Message, Popover, Trans, useTranslation, Icon } from '@dxos/react-ui';\n\nimport { StatusBar } from './StatusBar';\nimport { STATUS_BAR_PLUGIN } from '../meta';\n\nconst repo = 'https://github.com/dxos/dxos';\n\nconst VERSION_REGEX = /([\\d.]+)/;\n\nexport const VersionNumber = () => {\n  const config = useConfig();\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const { version, timestamp, commitHash } = config.values.runtime?.app?.build ?? {};\n  const [_, v] = version?.match(VERSION_REGEX) ?? [];\n\n  const releaseUrl =\n    config.values.runtime?.app?.env?.DX_ENVIRONMENT === 'production'\n      ? `${repo}/releases/tag/v${version}`\n      : `${repo}/commit/${commitHash}`;\n\n  const previewUrl = 'https://docs.dxos.org/composer#technology-preview';\n\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <StatusBar.Button classNames='text-xs'>v{v}</StatusBar.Button>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          side='top'\n          role='message'\n          classNames='z-[12] bg-warning-500 max-is-[min(calc(100vw-16px),40ch)]'\n        >\n          <Message.Root valence='warning' className='rounded-be-none p-5'>\n            <Message.Title>\n              <Icon icon='ph--warning--duotone' size={6} classNames='inline mie-2' />\n              <span>{t('warning title')}</span>\n            </Message.Title>\n            <Message.Body>\n              {t('technology preview message')}\n              <br />\n              <Link href={previewUrl} target='_blank' rel='noreferrer' variant='neutral'>\n                {t('learn more label')}\n                <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />\n              </Link>\n            </Message.Body>\n          </Message.Root>\n          <div role='none' className='plb-4 pli-5 space-b-2 text-baseText'>\n            {timestamp && (\n              <p>\n                {t('released message', {\n                  released: formatDistance(new Date(timestamp), new Date(), { addSuffix: true }),\n                })}\n                <br />\n                <Link href={releaseUrl} target='_blank' rel='noreferrer' variant='neutral'>\n                  {t('see release label')}\n                  <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />\n                </Link>\n              </p>\n            )}\n            <p>\n              <Trans\n                {...{\n                  t,\n                  i18nKey: 'powered by dxos message',\n                  components: {\n                    dxos: <Link href='https://dxos.org' target='_blank' rel='noreferrer' variant='neutral' />,\n                  },\n                }}\n              />\n            </p>\n          </div>\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport {\n  Capabilities,\n  contributes,\n  createSurface,\n  defineModule,\n  definePlugin,\n  Events,\n  Surface,\n} from '@dxos/app-framework';\n\nimport { StatusBarActions, StatusBarPanel } from './components';\nimport { VersionNumber } from './components/VersionNumber';\nimport { meta, STATUS_BAR_PLUGIN } from './meta';\nimport translations from './translations';\n\nexport const StatusBarPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupReactSurface,\n      activate: () =>\n        contributes(Capabilities.ReactSurface, [\n          createSurface({\n            id: meta.id,\n            role: 'status-bar',\n            component: () => <StatusBarPanel />,\n          }),\n          createSurface({\n            id: meta.id,\n            role: 'status-bar--r0-footer',\n            component: () => <Surface role='status' />,\n          }),\n          createSurface({\n            id: meta.id,\n            role: 'status-bar--r1-footer',\n            component: () => <StatusBarActions />,\n          }),\n          createSurface({\n            id: `${STATUS_BAR_PLUGIN}/header-end`,\n            role: 'header-end',\n            component: () => <VersionNumber />,\n          }),\n        ]),\n    }),\n  ]);\n"],
   "mappings": "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",
-  "names": ["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", "StartContent", "EndContent", "StatusBar", "Text", "StatusBarText", "Item", "Button", "StatusBarButton", "React", "useState", "Surface", "Icon", "Popover", "useTranslation", "PaperPlaneTilt", "X", "React", "useCallback", "createIntent", "useIntentDispatcher", "ObservabilityAction", "UserFeedback", "Button", "Input", "Popover", "useTranslation", "useForm", "getSize", "STATUS_BAR_PLUGIN", "meta", "id", "name", "description", "icon", "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", "formatDistance", "React", "useConfig", "Link", "Message", "Popover", "Trans", "useTranslation", "Icon", "repo", "VERSION_REGEX", "VersionNumber", "config", "useConfig", "t", "useTranslation", "STATUS_BAR_PLUGIN", "version", "timestamp", "commitHash", "values", "runtime", "app", "build", "_", "v", "match", "releaseUrl", "env", "DX_ENVIRONMENT", "previewUrl", "React", "Popover", "Root", "Trigger", "asChild", "StatusBar", "Button", "classNames", "Portal", "Content", "side", "role", "Message", "valence", "className", "Title", "Icon", "icon", "size", "span", "Body", "br", "Link", "href", "target", "rel", "variant", "div", "p", "released", "formatDistance", "Date", "addSuffix", "Trans", "i18nKey", "components", "dxos", "Arrow", "StatusBarActions", "t", "useTranslation", "STATUS_BAR_PLUGIN", "open", "setOpen", "useState", "React", "Popover", "Root", "onOpenChange", "Trigger", "asChild", "StatusBar", "Button", "data-joyride", "Icon", "icon", "size", "Text", "classNames", "a", "href", "target", "rel", "VersionNumber", "Portal", "Content", "FeedbackForm", "onClose", "Arrow", "StatusBarPanel", "span", "role", "className", "Surface", "React", "Capabilities", "contributes", "createSurface", "defineModule", "definePlugin", "Events", "Surface", "StatusBarPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "SetupSurfaces", "ReactSurface", "createSurface", "role", "component", "React", "StatusBarPanel", "Surface", "StatusBarActions", "STATUS_BAR_PLUGIN", "VersionNumber"]
+  "names": ["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", "StartContent", "EndContent", "StatusBar", "Text", "StatusBarText", "Item", "Button", "StatusBarButton", "React", "useState", "Surface", "Icon", "Popover", "useTranslation", "PaperPlaneTilt", "X", "React", "useCallback", "createIntent", "useIntentDispatcher", "ObservabilityAction", "UserFeedback", "Button", "Input", "Popover", "useTranslation", "useForm", "getSize", "STATUS_BAR_PLUGIN", "meta", "id", "name", "description", "icon", "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", "formatDistance", "React", "useConfig", "Link", "Message", "Popover", "Trans", "useTranslation", "Icon", "repo", "VERSION_REGEX", "VersionNumber", "config", "useConfig", "t", "useTranslation", "STATUS_BAR_PLUGIN", "version", "timestamp", "commitHash", "values", "runtime", "app", "build", "_", "v", "match", "releaseUrl", "env", "DX_ENVIRONMENT", "previewUrl", "React", "Popover", "Root", "Trigger", "asChild", "StatusBar", "Button", "classNames", "Portal", "Content", "side", "role", "Message", "valence", "className", "Title", "Icon", "icon", "size", "span", "Body", "br", "Link", "href", "target", "rel", "variant", "div", "p", "released", "formatDistance", "Date", "addSuffix", "Trans", "i18nKey", "components", "dxos", "Arrow", "StatusBarActions", "t", "useTranslation", "STATUS_BAR_PLUGIN", "open", "setOpen", "useState", "React", "Popover", "Root", "onOpenChange", "Trigger", "asChild", "StatusBar", "Button", "data-joyride", "Icon", "icon", "size", "Text", "classNames", "a", "href", "target", "rel", "VersionNumber", "Portal", "Content", "FeedbackForm", "onClose", "Arrow", "StatusBarPanel", "span", "role", "className", "Surface", "React", "Capabilities", "contributes", "createSurface", "defineModule", "definePlugin", "Events", "Surface", "StatusBarPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "SetupReactSurface", "ReactSurface", "createSurface", "role", "component", "React", "StatusBarPanel", "Surface", "StatusBarActions", "STATUS_BAR_PLUGIN", "VersionNumber"]
 }

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

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":7783,"imports":[{"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":1289,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":4755,"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/VersionNumber.tsx":{"bytes":10881,"imports":[{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytes":6757,"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"},{"path":"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"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":6151,"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/components/VersionNumber.tsx","kind":"import-statement","original":"./components/VersionNumber"},{"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":699,"imports":[{"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/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":26405},"packages/plugins/plugin-status-bar/dist/lib/node-esm/index.mjs":{"imports":[{"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},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["STATUS_BAR_PLUGIN","StatusBar","StatusBarActions","StatusBarPanel","StatusBarPlugin","meta"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":1948},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1972},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytesInOutput":3972},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":202},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":960},"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx":{"bytesInOutput":3174},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":1313}},"bytes":14379}}}
+{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":7783,"imports":[{"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":1289,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":4748,"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/VersionNumber.tsx":{"bytes":10881,"imports":[{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytes":6757,"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"},{"path":"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"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":6167,"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/components/VersionNumber.tsx","kind":"import-statement","original":"./components/VersionNumber"},{"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":699,"imports":[{"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/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":26410},"packages/plugins/plugin-status-bar/dist/lib/node-esm/index.mjs":{"imports":[{"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},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["STATUS_BAR_PLUGIN","StatusBar","StatusBarActions","StatusBarPanel","StatusBarPlugin","meta"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":1948},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1972},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytesInOutput":3972},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":202},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":957},"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx":{"bytesInOutput":3174},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":1317}},"bytes":14380}}}

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

@@ -1,5 +1,4 @@
-import React from 'react';
 export declare const FeedbackForm: ({ onClose }: {
     onClose: () => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FeedbackForm.d.ts.map

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":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAa3C,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":"AAkBA,eAAO,MAAM,YAAY,gBAAiB;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,4CAwFhE,CAAC"}

package/dist/types/src/components/StatusBar.stories.d.ts

@@ -1,8 +1,7 @@
 import '@dxos-theme';
 import { type Meta } from '@storybook/react';
-import React from 'react';
 import { StatusBar } from './StatusBar';
-export declare const DefaultStory: () => React.JSX.Element;
+export declare const DefaultStory: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: {};
 declare const meta: Meta<typeof StatusBar>;
 export default meta;

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/StatusBar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,eAAO,MAAM,YAAY,yBAmBxB,CAAC;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAQhC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"StatusBar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/StatusBar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAM7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,eAAO,MAAM,YAAY,+CAmBxB,CAAC;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAQhC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/src/components/StatusBarPanel.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-export declare const StatusBarActions: () => React.JSX.Element;
-export declare const StatusBarPanel: () => React.JSX.Element;
+export declare const StatusBarActions: () => import("react/jsx-runtime").JSX.Element;
+export declare const StatusBarPanel: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=StatusBarPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBarPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/StatusBarPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,eAAO,MAAM,gBAAgB,yBA2B5B,CAAC;AAEF,eAAO,MAAM,cAAc,yBAQ1B,CAAC"}
+{"version":3,"file":"StatusBarPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/StatusBarPanel.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,gBAAgB,+CA2B5B,CAAC;AAEF,eAAO,MAAM,cAAc,+CAQ1B,CAAC"}

package/dist/types/src/components/VersionNumber.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-export declare const VersionNumber: () => React.JSX.Element;
+export declare const VersionNumber: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=VersionNumber.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VersionNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/VersionNumber.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,eAAO,MAAM,aAAa,yBAoEzB,CAAC"}
+{"version":3,"file":"VersionNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/VersionNumber.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,aAAa,+CAoEzB,CAAC"}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@dxos/plugin-status-bar",
-  "version": "0.7.5-main.ff8607b",
+  "version": "0.7.5-staging.b81e783",
   "description": "Status bar plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
   "license": "MIT",
   "author": "DXOS.org",
   "sideEffects": true,
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/types/src/index.d.ts",
@@ -28,15 +29,15 @@
     "@preact/signals-core": "^1.6.0",
     "@radix-ui/react-slot": "1.1.2",
     "date-fns": "^3.3.1",
-    "effect": "^3.12.1",
+    "effect": "^3.12.3",
     "react-resize-detector": "^11.0.1",
-    "@dxos/app-framework": "0.7.5-main.ff8607b",
-    "@dxos/async": "0.7.5-main.ff8607b",
-    "@dxos/echo-schema": "0.7.5-main.ff8607b",
-    "@dxos/react-client": "0.7.5-main.ff8607b",
-    "@dxos/plugin-observability": "0.7.5-main.ff8607b",
-    "@dxos/react-ui-form": "0.7.5-main.ff8607b",
-    "@dxos/schema": "0.7.5-main.ff8607b"
+    "@dxos/app-framework": "0.7.5-staging.b81e783",
+    "@dxos/async": "0.7.5-staging.b81e783",
+    "@dxos/echo-schema": "0.7.5-staging.b81e783",
+    "@dxos/react-client": "0.7.5-staging.b81e783",
+    "@dxos/plugin-observability": "0.7.5-staging.b81e783",
+    "@dxos/react-ui-form": "0.7.5-staging.b81e783",
+    "@dxos/schema": "0.7.5-staging.b81e783"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -45,16 +46,16 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui": "0.7.5-main.ff8607b",
-    "@dxos/react-ui-theme": "0.7.5-main.ff8607b",
-    "@dxos/storybook-utils": "0.7.5-main.ff8607b"
+    "@dxos/react-ui": "0.7.5-staging.b81e783",
+    "@dxos/react-ui-theme": "0.7.5-staging.b81e783",
+    "@dxos/storybook-utils": "0.7.5-staging.b81e783"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.0.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.5-main.ff8607b",
-    "@dxos/react-ui-theme": "0.7.5-main.ff8607b"
+    "@dxos/react-ui-theme": "0.7.5-staging.b81e783",
+    "@dxos/react-ui": "0.7.5-staging.b81e783"
   },
   "publishConfig": {
     "access": "public"

package/src/StatusBarPlugin.tsx

@@ -28,7 +28,7 @@ export const StatusBarPlugin = () =>
     }),
     defineModule({
       id: `${meta.id}/module/react-surface`,
-      activatesOn: Events.SetupSurfaces,
+      activatesOn: Events.SetupReactSurface,
       activate: () =>
         contributes(Capabilities.ReactSurface, [
           createSurface({

package/src/translations.ts

@@ -40,7 +40,7 @@ const translations: Record<Language, TranslationEntry> = {
     'email input label': 'Email',
     'email input placeholder': 'hello@example.com',
     'feedback text area label': 'Feedback',
-    'feedback text area placeholder': 'Found a bug? Have a suggestion? Let us know!',
+    'feedback text area placeholder': 'Please describe your issue or suggestion.',
     'send feedback label': 'Send Feedback',
     'warning title': 'WARNING',
     'technology preview message': 'Composer is still in technology preview.',