@dxos/plugin-status-bar 0.7.5-main.9d26e3a → 0.7.5-main.b19bfc8

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

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

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

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

package/dist/types/src/index.d.ts

@@ -1,5 +1,4 @@
-import { StatusBarPlugin } from './StatusBarPlugin';
-export default StatusBarPlugin;
-export * from './StatusBarPlugin';
 export * from './components';
+export * from './meta';
+export * from './StatusBarPlugin';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAe,eAAe,CAAC;AAE/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC"}

package/dist/types/src/meta.d.ts

@@ -1,9 +1,8 @@
 export declare const STATUS_BAR_PLUGIN = "dxos.org/plugin/status-bar";
-declare const _default: {
+export declare const meta: {
     id: string;
     name: string;
     description: string;
     icon: string;
 };
-export default _default;
 //# sourceMappingURL=meta.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,+BAA+B,CAAC;;;;;;;AAE9D,wBAKuB"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,+BAA+B,CAAC;AAE9D,eAAO,MAAM,IAAI;;;;;CAKK,CAAC"}

package/dist/types/src/translations.d.ts

@@ -1,6 +1,6 @@
 import { type useTranslation } from '@dxos/react-ui';
 import { STATUS_BAR_PLUGIN } from './meta';
-type StatusBarTranslationKeys = 'plugin name' | 'email input label' | 'email input placeholder' | 'feedback text area label' | 'feedback text area placeholder' | 'send feedback label' | 'name label' | 'name placeholder';
+type StatusBarTranslationKeys = 'plugin name' | 'email input label' | 'email input placeholder' | 'feedback text area label' | 'feedback text area placeholder' | 'send feedback label' | 'name label' | 'name placeholder' | 'warning title' | 'technology preview message' | 'learn more label' | 'released message' | 'see release label' | 'powered by dxos message' | 'discord label' | 'feedback label';
 type RequiredTranslation = {
     [key in StatusBarTranslationKeys]: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE3C,KAAK,wBAAwB,GACzB,aAAa,GACb,mBAAmB,GACnB,yBAAyB,GACzB,0BAA0B,GAC1B,gCAAgC,GAChC,qBAAqB,GACrB,YAAY,GACZ,kBAAkB,CAAC;AAEvB,KAAK,mBAAmB,GAAG;KAAG,GAAG,IAAI,wBAAwB,GAAG,MAAM;CAAE,CAAC;AACzE,KAAK,gBAAgB,GAAG;IAAE,CAAC,iBAAiB,CAAC,EAAE,mBAAmB,CAAA;CAAE,CAAC;AAKrE,eAAO,MAAM,aAAa,MAAO,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,wBAAwB,WAAW,CAAC;;AAetH,wBAA8B"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE3C,KAAK,wBAAwB,GACzB,aAAa,GACb,mBAAmB,GACnB,yBAAyB,GACzB,0BAA0B,GAC1B,gCAAgC,GAChC,qBAAqB,GACrB,YAAY,GACZ,kBAAkB,GAClB,eAAe,GACf,4BAA4B,GAC5B,kBAAkB,GAClB,kBAAkB,GAClB,mBAAmB,GACnB,yBAAyB,GACzB,eAAe,GACf,gBAAgB,CAAC;AAErB,KAAK,mBAAmB,GAAG;KAAG,GAAG,IAAI,wBAAwB,GAAG,MAAM;CAAE,CAAC;AACzE,KAAK,gBAAgB,GAAG;IAAE,CAAC,iBAAiB,CAAC,EAAE,mBAAmB,CAAA;CAAE,CAAC;AAKrE,eAAO,MAAM,aAAa,MAAO,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,wBAAwB,WAAW,CAAC;;AAuBtH,wBAA8B"}

package/dist/types/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"version":"5.7.2"}
+{"version":"5.7.3"}

package/package.json

@@ -1,31 +1,23 @@
 {
   "name": "@dxos/plugin-status-bar",
-  "version": "0.7.5-main.9d26e3a",
+  "version": "0.7.5-main.b19bfc8",
   "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",
       "browser": "./dist/lib/browser/index.mjs",
       "node": "./dist/lib/node-esm/index.mjs"
-    },
-    "./meta": {
-      "types": "./dist/types/src/meta.d.ts",
-      "browser": "./dist/lib/browser/meta.mjs",
-      "node": "./dist/lib/node-esm/meta.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
   "typesVersions": {
-    "*": {
-      "meta": [
-        "dist/types/src/meta.d.ts"
-      ]
-    }
+    "*": {}
   },
   "files": [
     "dist",
@@ -33,17 +25,19 @@
   ],
   "dependencies": {
     "@effect/schema": "^0.75.5",
-    "@fluentui/react-tabster": "^9.19.0",
+    "@fluentui/react-tabster": "9.23.3",
     "@preact/signals-core": "^1.6.0",
-    "@radix-ui/react-slot": "^1.0.1",
-    "effect": "^3.12.1",
+    "@radix-ui/react-slot": "1.1.2",
+    "date-fns": "^3.3.1",
+    "effect": "^3.12.3",
     "react-resize-detector": "^11.0.1",
-    "@dxos/async": "0.7.5-main.9d26e3a",
-    "@dxos/echo-schema": "0.7.5-main.9d26e3a",
-    "@dxos/app-framework": "0.7.5-main.9d26e3a",
-    "@dxos/schema": "0.7.5-main.9d26e3a",
-    "@dxos/react-ui-form": "0.7.5-main.9d26e3a",
-    "@dxos/plugin-observability": "0.7.5-main.9d26e3a"
+    "@dxos/app-framework": "0.7.5-main.b19bfc8",
+    "@dxos/async": "0.7.5-main.b19bfc8",
+    "@dxos/echo-schema": "0.7.5-main.b19bfc8",
+    "@dxos/react-client": "0.7.5-main.b19bfc8",
+    "@dxos/react-ui-form": "0.7.5-main.b19bfc8",
+    "@dxos/schema": "0.7.5-main.b19bfc8",
+    "@dxos/plugin-observability": "0.7.5-main.b19bfc8"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -52,16 +46,16 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui": "0.7.5-main.9d26e3a",
-    "@dxos/storybook-utils": "0.7.5-main.9d26e3a",
-    "@dxos/react-ui-theme": "0.7.5-main.9d26e3a"
+    "@dxos/react-ui": "0.7.5-main.b19bfc8",
+    "@dxos/react-ui-theme": "0.7.5-main.b19bfc8",
+    "@dxos/storybook-utils": "0.7.5-main.b19bfc8"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.0.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui-theme": "0.7.5-main.9d26e3a",
-    "@dxos/react-ui": "0.7.5-main.9d26e3a"
+    "@dxos/react-ui-theme": "0.7.5-main.b19bfc8",
+    "@dxos/react-ui": "0.7.5-main.b19bfc8"
   },
   "publishConfig": {
     "access": "public"

package/src/StatusBarPlugin.tsx

@@ -5,31 +5,52 @@
 import React from 'react';
 
 import {
+  Capabilities,
+  contributes,
   createSurface,
-  type PluginDefinition,
-  type SurfaceProvides,
-  type TranslationsProvides,
+  defineModule,
+  definePlugin,
+  Events,
+  Surface,
 } from '@dxos/app-framework';
 
-import { StatusBarPanel } from './components';
-import meta from './meta';
+import { StatusBarActions, StatusBarPanel } from './components';
+import { VersionNumber } from './components/VersionNumber';
+import { meta, STATUS_BAR_PLUGIN } from './meta';
 import translations from './translations';
 
-export type StatusBarPluginProvides = SurfaceProvides & TranslationsProvides;
-
-export const StatusBarPlugin = (): PluginDefinition<StatusBarPluginProvides> => {
-  return {
-    meta,
-    provides: {
-      translations,
-      surface: {
-        definitions: () =>
+export const StatusBarPlugin = () =>
+  definePlugin(meta, [
+    defineModule({
+      id: `${meta.id}/module/translations`,
+      activatesOn: Events.SetupTranslations,
+      activate: () => contributes(Capabilities.Translations, translations),
+    }),
+    defineModule({
+      id: `${meta.id}/module/react-surface`,
+      activatesOn: Events.SetupReactSurface,
+      activate: () =>
+        contributes(Capabilities.ReactSurface, [
           createSurface({
             id: meta.id,
             role: 'status-bar',
             component: () => <StatusBarPanel />,
           }),
-      },
-    },
-  };
-};
+          createSurface({
+            id: meta.id,
+            role: 'status-bar--r0-footer',
+            component: () => <Surface role='status' />,
+          }),
+          createSurface({
+            id: meta.id,
+            role: 'status-bar--r1-footer',
+            component: () => <StatusBarActions />,
+          }),
+          createSurface({
+            id: `${STATUS_BAR_PLUGIN}/header-end`,
+            role: 'header-end',
+            component: () => <VersionNumber />,
+          }),
+        ]),
+    }),
+  ]);

package/src/components/StatusBar.stories.tsx

@@ -13,7 +13,7 @@ import { withTheme } from '@dxos/storybook-utils';
 import { StatusBar } from './StatusBar';
 
 export const DefaultStory = () => (
-  <StatusBar.Container>
+  <div>
     <StatusBar.EndContent>
       <StatusBar.Button>
         <Icon icon='ph--mailbox--regular' size={4} />
@@ -30,7 +30,7 @@ export const DefaultStory = () => (
         <StatusBar.Text>Online</StatusBar.Text>
       </StatusBar.Item>
     </StatusBar.EndContent>
-  </StatusBar.Container>
+  </div>
 );
 
 export const Default = {};

package/src/components/StatusBar.tsx

@@ -2,9 +2,8 @@
 // Copyright 2024 DXOS.org
 //
 
-import { useFocusableGroup } from '@fluentui/react-tabster';
 import { Slot } from '@radix-ui/react-slot';
-import React, { forwardRef, type HTMLAttributes, type ReactNode } from 'react';
+import React, { type ComponentPropsWithRef, forwardRef, type PropsWithChildren, type ReactNode } from 'react';
 
 import { type ThemedClassName } from '@dxos/react-ui';
 import { mx } from '@dxos/react-ui-theme';
@@ -17,14 +16,13 @@ const StatusBarText = forwardRef<HTMLSpanElement, StatusBarTextProps>(({ classNa
   </span>
 ));
 
-type StatusBarButtonProps = ThemedClassName<{ children: ReactNode; asChild?: boolean }> &
-  HTMLAttributes<HTMLButtonElement>;
+type StatusBarButtonProps = ThemedClassName<ComponentPropsWithRef<'button'> & { asChild?: boolean }>;
 
 const StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(
   ({ classNames, children, asChild, ...props }, forwardedRef) => {
     const classes = mx(
-      'flex items-center gap-2 p-1 px-2 rounded-sm',
-      'select-none cursor-pointer ch-focus-ring',
+      'flex items-center justify-center gap-2 p-1 px-2 rounded-sm',
+      'select-none cursor-pointer dx-focus-ring text-description text-xs',
       'hover:bg-neutral-75 active:bg-neutral-150 dark:hover:bg-neutral-750 dark:active:bg-neutral-700',
       classNames,
     );
@@ -43,13 +41,13 @@ const StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(
 
 export default StatusBarButton;
 
-type StatusBarItemProps = ThemedClassName<{ children: ReactNode }> & HTMLAttributes<HTMLDivElement>;
+type StatusBarItemProps = ThemedClassName<ComponentPropsWithRef<'div'>>;
 
 const StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(
   ({ classNames, children, ...props }, forwardedRef) => (
     <div
       role='menuitem'
-      className={mx('flex items-center gap-2 p-1 px-2 rounded-sm select-none', classNames)}
+      className={mx('flex items-center justify-center gap-2 p-1 px-2 rounded-sm select-none', classNames)}
       ref={forwardedRef}
       {...props}
     >
@@ -58,30 +56,7 @@ const StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(
   ),
 );
 
-type StatusBarContainerProps = ThemedClassName<{ children: ReactNode }>;
-
-// TODO(zan): tabable group with tabster.
-const StatusBarContainer = forwardRef<HTMLDivElement, StatusBarContainerProps>(
-  ({ classNames, children }, forwardedRef) => {
-    const groupAttrs = useFocusableGroup({ tabBehavior: 'limited' });
-    return (
-      <div
-        role='menubar'
-        tabIndex={0}
-        {...groupAttrs}
-        className={mx(
-          'bs-[--statusbar-size] flex justify-end items-center gap-2 bg-base text-description text-lg pointer-fine:text-xs ch-focus-ring-inset',
-          classNames,
-        )}
-        ref={forwardedRef}
-      >
-        {children}
-      </div>
-    );
-  },
-);
-
-type StartContentProps = ThemedClassName<{ children: ReactNode }>;
+type StartContentProps = ThemedClassName<PropsWithChildren<{}>>;
 
 const StartContent = forwardRef<HTMLDivElement, StartContentProps>(({ classNames, children }, forwardedRef) => (
   <div role='none' className={mx('flex-grow flex items-center space-x-2', classNames)} ref={forwardedRef}>
@@ -89,7 +64,7 @@ const StartContent = forwardRef<HTMLDivElement, StartContentProps>(({ classNames
   </div>
 ));
 
-type EndContentProps = ThemedClassName<{ children: ReactNode }>;
+type EndContentProps = ThemedClassName<PropsWithChildren<{}>>;
 
 const EndContent = forwardRef<HTMLDivElement, EndContentProps>(({ classNames, children }, forwardedRef) => (
   <div role='none' className={mx('flex-grow flex items-center justify-end', classNames)} ref={forwardedRef}>
@@ -98,7 +73,6 @@ const EndContent = forwardRef<HTMLDivElement, EndContentProps>(({ classNames, ch
 ));
 
 export const StatusBar = {
-  Container: StatusBarContainer,
   Text: StatusBarText,
   Item: StatusBarItem,
   Button: StatusBarButton,

package/src/components/StatusBarPanel.tsx

@@ -5,39 +5,48 @@
 import React, { useState } from 'react';
 
 import { Surface } from '@dxos/app-framework';
-import { Icon, Popover } from '@dxos/react-ui';
+import { Icon, Popover, useTranslation } from '@dxos/react-ui';
 
 import { FeedbackForm } from './FeedbackForm';
 import { StatusBar } from './StatusBar';
+import { VersionNumber } from './VersionNumber';
+import { STATUS_BAR_PLUGIN } from '../meta';
 
-export const StatusBarPanel = () => {
+export const StatusBarActions = () => {
+  const { t } = useTranslation(STATUS_BAR_PLUGIN);
   const [open, setOpen] = useState(false);
-
-  // TODO(wittjosiah): Factor out feedback and discord buttons.
   return (
     <Popover.Root open={open} onOpenChange={setOpen}>
-      <StatusBar.Container>
-        <StatusBar.EndContent>
-          <Surface role='status' />
-          <Popover.Trigger asChild>
-            <StatusBar.Button aria-label='Give feedback about composer' data-joyride='welcome/feedback'>
-              <Icon icon='ph--paper-plane-tilt--regular' size={4} />
-              <StatusBar.Text classNames='hidden sm:block'>Feedback</StatusBar.Text>
-            </StatusBar.Button>
-          </Popover.Trigger>
-          {/* TODO(zan): Configure this label? */}
-          <StatusBar.Button aria-label='Open DXOS Discord' asChild>
-            <a href='https://dxos.org/discord' target='_blank' rel='noopener noreferrer'>
-              <Icon icon='ph--discord-logo--regular' size={4} />
-              <StatusBar.Text classNames='hidden sm:block'>Discord</StatusBar.Text>
-            </a>
-          </StatusBar.Button>
-        </StatusBar.EndContent>
-      </StatusBar.Container>
-      <Popover.Content classNames='shadow-lg'>
-        <FeedbackForm onClose={() => setOpen(false)} />
-        <Popover.Arrow />
-      </Popover.Content>
+      <Popover.Trigger asChild>
+        <StatusBar.Button data-joyride='welcome/feedback'>
+          <Icon icon='ph--paper-plane-tilt--regular' size={4} />
+          <StatusBar.Text classNames='hidden sm:block'>{t('feedback label')}</StatusBar.Text>
+        </StatusBar.Button>
+      </Popover.Trigger>
+      {/* TODO(zan): Configure this label? */}
+      <StatusBar.Button asChild>
+        <a href='https://dxos.org/discord' target='_blank' rel='noopener noreferrer'>
+          <Icon icon='ph--discord-logo--regular' size={4} />
+          <StatusBar.Text classNames='hidden sm:block'>{t('discord label')}</StatusBar.Text>
+        </a>
+      </StatusBar.Button>
+      <VersionNumber />
+      <Popover.Portal>
+        <Popover.Content classNames='shadow-lg'>
+          <FeedbackForm onClose={() => setOpen(false)} />
+          <Popover.Arrow />
+        </Popover.Content>
+      </Popover.Portal>
     </Popover.Root>
   );
 };
+
+export const StatusBarPanel = () => {
+  return (
+    <>
+      <StatusBarActions />
+      <span role='separator' className='grow' />
+      <Surface role='status' />
+    </>
+  );
+};

package/src/components/VersionNumber.tsx

@@ -0,0 +1,86 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { formatDistance } from 'date-fns/formatDistance';
+import React from 'react';
+
+import { useConfig } from '@dxos/react-client';
+import { Link, Message, Popover, Trans, useTranslation, Icon } from '@dxos/react-ui';
+
+import { StatusBar } from './StatusBar';
+import { STATUS_BAR_PLUGIN } from '../meta';
+
+const repo = 'https://github.com/dxos/dxos';
+
+const VERSION_REGEX = /([\d.]+)/;
+
+export const VersionNumber = () => {
+  const config = useConfig();
+  const { t } = useTranslation(STATUS_BAR_PLUGIN);
+  const { version, timestamp, commitHash } = config.values.runtime?.app?.build ?? {};
+  const [_, v] = version?.match(VERSION_REGEX) ?? [];
+
+  const releaseUrl =
+    config.values.runtime?.app?.env?.DX_ENVIRONMENT === 'production'
+      ? `${repo}/releases/tag/v${version}`
+      : `${repo}/commit/${commitHash}`;
+
+  const previewUrl = 'https://docs.dxos.org/composer#technology-preview';
+
+  return (
+    <Popover.Root>
+      <Popover.Trigger asChild>
+        <StatusBar.Button classNames='text-xs'>v{v}</StatusBar.Button>
+      </Popover.Trigger>
+      <Popover.Portal>
+        <Popover.Content
+          side='top'
+          role='message'
+          classNames='z-[12] bg-warning-500 max-is-[min(calc(100vw-16px),40ch)]'
+        >
+          <Message.Root valence='warning' className='rounded-be-none p-5'>
+            <Message.Title>
+              <Icon icon='ph--warning--duotone' size={6} classNames='inline mie-2' />
+              <span>{t('warning title')}</span>
+            </Message.Title>
+            <Message.Body>
+              {t('technology preview message')}
+              <br />
+              <Link href={previewUrl} target='_blank' rel='noreferrer' variant='neutral'>
+                {t('learn more label')}
+                <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />
+              </Link>
+            </Message.Body>
+          </Message.Root>
+          <div role='none' className='plb-4 pli-5 space-b-2 text-baseText'>
+            {timestamp && (
+              <p>
+                {t('released message', {
+                  released: formatDistance(new Date(timestamp), new Date(), { addSuffix: true }),
+                })}
+                <br />
+                <Link href={releaseUrl} target='_blank' rel='noreferrer' variant='neutral'>
+                  {t('see release label')}
+                  <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />
+                </Link>
+              </p>
+            )}
+            <p>
+              <Trans
+                {...{
+                  t,
+                  i18nKey: 'powered by dxos message',
+                  components: {
+                    dxos: <Link href='https://dxos.org' target='_blank' rel='noreferrer' variant='neutral' />,
+                  },
+                }}
+              />
+            </p>
+          </div>
+          <Popover.Arrow />
+        </Popover.Content>
+      </Popover.Portal>
+    </Popover.Root>
+  );
+};

package/src/index.ts

@@ -2,9 +2,6 @@
 // Copyright 2023 DXOS.org
 //
 
-import { StatusBarPlugin } from './StatusBarPlugin';
-
-export default StatusBarPlugin;
-
-export * from './StatusBarPlugin';
 export * from './components';
+export * from './meta';
+export * from './StatusBarPlugin';

package/src/meta.ts

@@ -6,7 +6,7 @@ import { type PluginMeta } from '@dxos/app-framework';
 
 export const STATUS_BAR_PLUGIN = 'dxos.org/plugin/status-bar';
 
-export default {
+export const meta = {
   id: STATUS_BAR_PLUGIN,
   name: 'Status Bar',
   description: 'Display a bar with status and actions.',

package/src/translations.ts

@@ -14,7 +14,15 @@ type StatusBarTranslationKeys =
   | 'feedback text area placeholder'
   | 'send feedback label'
   | 'name label'
-  | 'name placeholder';
+  | 'name placeholder'
+  | 'warning title'
+  | 'technology preview message'
+  | 'learn more label'
+  | 'released message'
+  | 'see release label'
+  | 'powered by dxos message'
+  | 'discord label'
+  | 'feedback label';
 
 type RequiredTranslation = { [key in StatusBarTranslationKeys]: string };
 type TranslationEntry = { [STATUS_BAR_PLUGIN]: RequiredTranslation };
@@ -32,8 +40,16 @@ 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.',
+    'learn more label': 'Learn more',
+    'released message': 'This version released {{released}}.',
+    'see release label': 'See release on GitHub',
+    'powered by dxos message': 'Powered by <dxos>DXOS</dxos>',
+    'discord label': 'Discord',
+    'feedback label': 'Feedback',
   }),
 };
 

package/dist/lib/browser/chunk-4KDZC7WS.mjs

@@ -1,14 +0,0 @@
-// packages/plugins/plugin-status-bar/src/meta.ts
-var STATUS_BAR_PLUGIN = "dxos.org/plugin/status-bar";
-var meta_default = {
-  id: STATUS_BAR_PLUGIN,
-  name: "Status Bar",
-  description: "Display a bar with status and actions.",
-  icon: "ph--info--regular"
-};
-
-export {
-  STATUS_BAR_PLUGIN,
-  meta_default
-};
-//# sourceMappingURL=chunk-4KDZC7WS.mjs.map

package/dist/lib/browser/chunk-4KDZC7WS.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\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 default {\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"],
-  "mappings": ";AAMO,IAAMA,oBAAoB;AAEjC,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;AACR;",
-  "names": ["STATUS_BAR_PLUGIN", "id", "name", "description", "icon"]
-}

package/dist/lib/browser/meta.mjs

@@ -1,9 +0,0 @@
-import {
-  STATUS_BAR_PLUGIN,
-  meta_default
-} from "./chunk-4KDZC7WS.mjs";
-export {
-  STATUS_BAR_PLUGIN,
-  meta_default as default
-};
-//# sourceMappingURL=meta.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/lib/node/chunk-OGG3PMIV.cjs

@@ -1,37 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_OGG3PMIV_exports = {};
-__export(chunk_OGG3PMIV_exports, {
-  STATUS_BAR_PLUGIN: () => STATUS_BAR_PLUGIN,
-  meta_default: () => meta_default
-});
-module.exports = __toCommonJS(chunk_OGG3PMIV_exports);
-var STATUS_BAR_PLUGIN = "dxos.org/plugin/status-bar";
-var meta_default = {
-  id: STATUS_BAR_PLUGIN,
-  name: "Status Bar",
-  description: "Display a bar with status and actions.",
-  icon: "ph--info--regular"
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  STATUS_BAR_PLUGIN,
-  meta_default
-});
-//# sourceMappingURL=chunk-OGG3PMIV.cjs.map

package/dist/lib/node/chunk-OGG3PMIV.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\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 default {\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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,oBAAoB;AAEjC,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;AACR;",
-  "names": ["STATUS_BAR_PLUGIN", "id", "name", "description", "icon"]
-}