@@ -120,19 +101,7 @@
class:fly={$deviceInfo.navigator.float}
>
-
+
@@ -175,8 +144,4 @@
position: relative;
}
}
-
- .inbox-header {
- border-bottom: 1px solid var(--theme-navpanel-border);
- }
diff --git a/plugins/inbox-resources/src/components/InboxCard.svelte b/plugins/inbox-resources/src/components/InboxCard.svelte
index 4cdb36a21b..6faa878c74 100644
--- a/plugins/inbox-resources/src/components/InboxCard.svelte
+++ b/plugins/inbox-resources/src/components/InboxCard.svelte
@@ -84,7 +84,7 @@
flex-direction: column;
position: relative;
cursor: pointer;
- padding: 1rem 0.5rem 0.5rem;
+ padding: 0.5rem;
border-bottom: 1px solid var(--global-ui-BorderColor);
min-height: 5.625rem;
diff --git a/plugins/inbox-resources/src/components/InboxHeader.svelte b/plugins/inbox-resources/src/components/InboxHeader.svelte
new file mode 100644
index 0000000000..32f7de63e6
--- /dev/null
+++ b/plugins/inbox-resources/src/components/InboxHeader.svelte
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/plugins/inbox-resources/src/components/InboxViewSettings.svelte b/plugins/inbox-resources/src/components/InboxViewSettings.svelte
new file mode 100644
index 0000000000..ff8b8c0e1d
--- /dev/null
+++ b/plugins/inbox-resources/src/components/InboxViewSettings.svelte
@@ -0,0 +1,120 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/plugins/inbox-resources/src/components/ReactionNotification.svelte b/plugins/inbox-resources/src/components/ReactionNotification.svelte
index 0b060e2fe9..c06222fb0f 100644
--- a/plugins/inbox-resources/src/components/ReactionNotification.svelte
+++ b/plugins/inbox-resources/src/components/ReactionNotification.svelte
@@ -44,7 +44,7 @@
{#if notification.message}
-
+
diff --git a/plugins/inbox-resources/src/components/preview/PreviewTemplate.svelte b/plugins/inbox-resources/src/components/preview/PreviewTemplate.svelte
index 73622467d5..d3e8fe9892 100644
--- a/plugins/inbox-resources/src/components/preview/PreviewTemplate.svelte
+++ b/plugins/inbox-resources/src/components/preview/PreviewTemplate.svelte
@@ -23,6 +23,7 @@
getPersonByPersonId
} from '@hcengineering/contact-resources'
import { SocialID } from '@hcengineering/communication-types'
+ import { isViewSettingEnabled, hideUserNamesSettingId, viewSettingsStore } from '../../settings'
export let tooltipLabel: IntlString | undefined = undefined
export let person: Person | undefined = undefined
@@ -32,10 +33,11 @@
export let kind: 'default' | 'column' = 'default'
export let padding: string | undefined = undefined
export let fixHeight: boolean = false
+ export let showSeparator: boolean = true
let clientWidth: number
- $: showPersonName = clientWidth > 300
+ $: showPersonName = clientWidth > 300 && !isViewSettingEnabled($viewSettingsStore, hideUserNamesSettingId)
let _person: Person | undefined
$: void updatePerson(socialId, person)
@@ -95,9 +97,11 @@
{/if}
{#if showPersonName && _person}
- {formatName(_person?.name ?? '')}
+ {formatName(_person?.name ?? '')}
+ {/if}
+ {#if showSeparator}
+ •
{/if}
- •
@@ -188,6 +192,10 @@
&__name {
font-weight: 500;
flex: 0 0 auto;
+
+ &.secondary {
+ color: var(--global-secondary-TextColor);
+ }
}
&__time {
diff --git a/plugins/inbox-resources/src/settings.ts b/plugins/inbox-resources/src/settings.ts
new file mode 100644
index 0000000000..38d3040d83
--- /dev/null
+++ b/plugins/inbox-resources/src/settings.ts
@@ -0,0 +1,85 @@
+// Copyright © 2025 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import { get, writable } from 'svelte/store'
+import { getCurrentAccount } from '@hcengineering/core'
+import { location } from '@hcengineering/ui'
+
+export interface ViewSetting {
+ id: string
+ on: boolean
+}
+
+export const hideUserNamesSettingId = 'view-settings.hide-user-names'
+
+export const viewSettingsStore = writable([])
+
+export function isViewSettingEnabled (settings: ViewSetting[], id: string): boolean {
+ const index = settings.findIndex((it) => it.id === id)
+ if (index === -1) return false
+ return settings[index].on
+}
+
+export function updateViewSetting (id: string, on: boolean): void {
+ const settings = get(viewSettingsStore)
+ const index = settings.findIndex((it) => it.id === id)
+ if (index === -1) {
+ viewSettingsStore.set([...settings, { id, on }])
+ } else {
+ viewSettingsStore.set(settings.map((it) => (it.id === id ? { ...it, on } : it)))
+ }
+}
+
+let prevWorkspace: string | undefined
+
+location.subscribe((loc) => {
+ const workspace = loc.path[1]
+ if (prevWorkspace !== workspace) {
+ initViewSettings()
+ prevWorkspace = workspace
+ }
+})
+
+viewSettingsStore.subscribe((settings) => {
+ const key = geLocalStorageKey()
+ if (key === undefined) return
+ localStorage.setItem(key, JSON.stringify(settings))
+})
+
+function geLocalStorageKey (): string | undefined {
+ const me = getCurrentAccount()
+ const loc = get(location)
+ const workspace = loc.path[1] ?? ''
+ if (me == null || workspace === '') return undefined
+ return `${workspace}.${me.uuid}.inbox.view-settings.v1`
+}
+
+function initViewSettings (): void {
+ const key = geLocalStorageKey()
+ if (key === undefined) return
+
+ const stored = localStorage.getItem(key)
+
+ if (stored == null) {
+ viewSettingsStore.set([])
+ return
+ }
+
+ try {
+ const data = JSON.parse(stored)
+ Array.isArray(data) ? viewSettingsStore.set(data as ViewSetting[]) : viewSettingsStore.set([])
+ } catch (e) {
+ console.error(e)
+ viewSettingsStore.set([])
+ }
+}