From cfb42af4e098ce8375529eff9c78c33b17c0e9fa Mon Sep 17 00:00:00 2001 From: Anso Date: Sun, 26 Jul 2026 03:25:07 -0400 Subject: [PATCH] fix: assorted UI/UX polish fixes (#1670) * fix(dashboard): replace Stack Health update badge with an icon The pill badge duplicated space already used by the stack name column. A CircleArrowUp icon after the name signals an update is available without competing with the existing ArrowUp/ArrowDown sort indicators in the same table. * fix(dashboard): add accessible name to update-available icon Icon-only indicators need an aria-label directly on the icon; title on a non-interactive span is not reliably announced by screen readers. * test(dashboard): cover the update-available icon's accessible name The icon-only indicator and its aria-label fix had no regression guard, unlike the equivalent update dot in StackRow. * refactor(dashboard): compute the update-available label once per row It was being derived twice (title and aria-label) from the same row.outdatedServices input. * fix: drop Community-tier pricing upsells from settings Community operators no longer see the "See pricing" link in Licensing or the "Need direct support?" callout in Support. The pricing link now only shows for an expired paid license needing to renew. * fix: make Resources images/volumes tables actually scrollable The tables were wrapped in a Radix ScrollArea sized with max-h-[62vh]. Radix's viewport uses height:100%, which cannot resolve against an ancestor whose computed height is auto (max-height alone isn't a definite height), so the viewport silently grew past the visible box and the extra rows were clipped with no way to reach them. Verified live: several image rows were permanently unreachable, with no working internal scrollbar and not enough outer page scroll to compensate. Switched to an explicit h-[62vh], which the viewport can resolve correctly, matching every other working ScrollArea in the codebase. Falls back to h-auto below the md breakpoint so the bespoke mobile layout keeps shrinking to content and scrolling via the outer page instead of gaining a fixed-height inner scroll box. * fix: apply ScrollArea definite-height fix across remaining lists Radix ScrollArea needs an explicit height, not max-height, or the viewport collapses and clipped rows become unreachable. Extend the Resources fix to security, settings, git, and create/import surfaces, and drop redundant outer wrappers where ModalBody already scrolls. * fix: migrate Networking tables to Radix ScrollArea Networks and Findings used native max-h + overflow-auto, which worked but broke glass scrollbar consistency with Resources and the design system. Switch them to ScrollArea with a definite height and the same mobile fallback as the other inventory tables. * fix: warn Classic bar users that the style is retiring soon When Appearance Navigation is set to Classic bar, show the same warn SettingsCallout pattern used for Constrained graphics. Preference is kept until removal; no alternate style is named in the copy. * fix: move Channels delivery retries below channel tabs Put channel configuration first and keep Delivery retries as a shared footer control under the Discord/Slack/Webhook/Apprise tabs. * fix: drop redundant More masthead from Smart bar overflow menu The trigger already reads More, so the dropdown masthead repeated the same label. Leave titled mastheads on Compact Navigate and Add quick link menus. * test: align Smart More E2E with masthead removal The overflow menu no longer shows a More heading. Assert the menu via the Logs item and lock that the redundant masthead stays gone. * fix: consolidate Fleet Map toolbar filters into a single row Adopt the same retractable search control used on Fleet > Overview and move the flag filters (missing deps, port conflicts, orphans, shared) onto the toolbar row right after the Graph/List selector. The node filter becomes a dropdown instead of individual toggle chips so it does not clutter the row as fleet size grows. * fix: move Networking Topology filters onto the search toolbar row Merge the ownership selector and boolean filter chips (include system, exposed, drift, missing external, shared) onto the same row as the stack/network search inputs, matching the Fleet Map toolbar layout. * fix: default the reclaimable-space banner off Resources > Docker & Storage's "Show reclaimable-space banner" toggle now defaults to off instead of on. Also flips the /settings fetch failure path to fail closed (hide the banner) to match the new default, instead of failing open. * fix: raise Compact launcher quick links cap from 5 to 7 * fix: add Discord link to Settings Support Self-serve Gives users a community chat channel alongside Documentation and GitHub Issues, using the official Discord mark since lucide-react has no brand icon for it. * fix: stop container NET I/O metric row height jump Give NET I/O more column share than CPU/MEM and keep metric values on one line with truncate so three-digit rates cannot grow the strip. * fix: elevate Doctor tab between Activity and Drift Make Compose Doctor easier to find in the anatomy strip by placing it with the ops judgment cluster, ahead of Dossier and inventory tabs. --- backend/src/__tests__/settings-routes.test.ts | 12 +- backend/src/services/DatabaseService.ts | 2 +- docs/features/alerts-notifications.mdx | 4 +- docs/features/appearance.mdx | 6 +- docs/features/deep-links.mdx | 2 +- docs/features/editor.mdx | 8 +- docs/features/overview.mdx | 2 +- docs/features/resources.mdx | 4 +- docs/features/stack-drift.mdx | 4 +- docs/features/stack-management.mdx | 2 +- docs/getting-started/introduction.mdx | 2 +- docs/reference/contact.mdx | 2 +- docs/reference/settings.mdx | 7 +- e2e/desktop-navigation.spec.ts | 3 +- .../EditorLayout/CreateStackDialog.tsx | 98 +++++++------- .../EditorLayout/ImportStackPanel.tsx | 115 ++++++++--------- .../__tests__/ContainersHealth.test.tsx | 27 +++- .../EditorLayout/editor-view-blocks.tsx | 50 ++++--- frontend/src/components/ResourcesView.tsx | 19 ++- .../src/components/ScanComparisonSheet.tsx | 2 +- .../StackAnatomyPanel.doctor.test.tsx | 15 +++ frontend/src/components/StackAnatomyPanel.tsx | 38 +++--- frontend/src/components/TopBar.tsx | 8 +- .../__tests__/ResourcesView.test.tsx | 51 ++++++-- .../src/components/__tests__/TopBar.test.tsx | 14 +- .../components/dashboard/StackHealthTable.tsx | 24 ++-- .../StackHealthTable.updateIcon.test.tsx | 41 ++++++ .../src/components/fleet/DependencyMapTab.tsx | 122 +++++++++++------- .../networking/NetworkInventoryTable.tsx | 5 +- .../networking/NetworkingFindingsList.tsx | 5 +- .../networking/NetworkingTopologyPanel.tsx | 2 - .../src/components/security/HistoryTab.tsx | 2 +- .../src/components/security/ImagesTab.tsx | 2 +- .../components/settings/AppearanceSection.tsx | 10 +- .../settings/DockerStorageSection.tsx | 2 +- .../components/settings/LicenseSection.tsx | 9 +- .../components/settings/MisconfigAckPanel.tsx | 2 +- .../settings/NotificationsSection.tsx | 44 +++---- .../components/settings/SupportSection.tsx | 34 +++-- .../components/settings/SuppressionsPanel.tsx | 2 +- .../__tests__/AppearanceSection.test.tsx | 15 +++ .../__tests__/LicenseSection.test.tsx | 24 ++++ .../__tests__/NotificationsSection.test.tsx | 5 + frontend/src/components/settings/types.ts | 2 +- .../components/stack/GitComposeFilePicker.tsx | 2 +- .../src/components/stack/GitSourcePanel.tsx | 2 +- .../components/ui/multi-select-combobox.tsx | 5 +- .../__tests__/use-top-nav-quick-links.test.ts | 50 ++++--- frontend/src/hooks/use-top-nav-quick-links.ts | 2 +- .../__tests__/updateAvailableLabel.test.ts | 9 +- frontend/src/lib/updateAvailableLabel.ts | 10 +- 51 files changed, 546 insertions(+), 383 deletions(-) create mode 100644 frontend/src/components/dashboard/__tests__/StackHealthTable.updateIcon.test.tsx diff --git a/backend/src/__tests__/settings-routes.test.ts b/backend/src/__tests__/settings-routes.test.ts index 83c11dc6..ba6a3eb4 100644 --- a/backend/src/__tests__/settings-routes.test.ts +++ b/backend/src/__tests__/settings-routes.test.ts @@ -663,19 +663,19 @@ describe('Paid-only setting keys (audit_retention_days)', () => { }); describe('reclaim_hero setting', () => { - it('is allowlisted and seeds to "1" (banner on by default)', async () => { + it('is allowlisted and seeds to "0" (banner off by default)', async () => { const res = await request(app).get('/api/settings').set('Cookie', adminCookie); expect(res.status).toBe(200); - expect(res.body.reclaim_hero).toBe('1'); + expect(res.body.reclaim_hero).toBe('0'); }); it('accepts a well-formed write and rejects a non-enum value', async () => { const ok = await request(app) .patch('/api/settings') .set('Cookie', adminCookie) - .send({ reclaim_hero: '0' }); + .send({ reclaim_hero: '1' }); expect(ok.status).toBe(200); - expect(DatabaseService.getInstance().getGlobalSettings().reclaim_hero).toBe('0'); + expect(DatabaseService.getInstance().getGlobalSettings().reclaim_hero).toBe('1'); const bad = await request(app) .patch('/api/settings') @@ -683,9 +683,9 @@ describe('reclaim_hero setting', () => { .send({ reclaim_hero: 'banana' }); expect(bad.status).toBe(400); expect(bad.body.error).toBe('Validation failed'); - expect(DatabaseService.getInstance().getGlobalSettings().reclaim_hero).toBe('0'); + expect(DatabaseService.getInstance().getGlobalSettings().reclaim_hero).toBe('1'); // Reset for any later reads of the shared test DB. - DatabaseService.getInstance().updateGlobalSetting('reclaim_hero', '1'); + DatabaseService.getInstance().updateGlobalSetting('reclaim_hero', '0'); }); }); diff --git a/backend/src/services/DatabaseService.ts b/backend/src/services/DatabaseService.ts index fe868ee7..a1032014 100644 --- a/backend/src/services/DatabaseService.ts +++ b/backend/src/services/DatabaseService.ts @@ -2012,7 +2012,7 @@ export class DatabaseService { stmt.run('cve_intel_enabled', '1'); stmt.run('mesh_auto_recreate', '0'); stmt.run('prune_on_update', '1'); - stmt.run('reclaim_hero', '1'); + stmt.run('reclaim_hero', '0'); stmt.run('health_gate_enabled', '1'); stmt.run('health_gate_window_seconds', '90'); stmt.run('image_update_check_interval_minutes', '120'); diff --git a/docs/features/alerts-notifications.mdx b/docs/features/alerts-notifications.mdx index 97043bb4..4cd08e0e 100644 --- a/docs/features/alerts-notifications.mdx +++ b/docs/features/alerts-notifications.mdx @@ -7,14 +7,14 @@ description: Threshold and event alerts for your fleet, dispatched to Discord, S Sencho watches each node it manages for container crashes, host pressure, scheduled-task results, and update availability, then surfaces every signal in two places: the in-app notification bell at the top of the shell and an external channel you configure. This page covers everything from configuring channels to writing stack and service threshold rules, routing alerts to dedicated channels with routing rules, and tuning retention. - Settings · Notifications · Channels panel with NODE Local in the header, a Delivery retries row showing Extra attempts 0 and a Save retries button, Discord Slack Webhook and Apprise tabs with Apprise selected, Enabled off, an empty Apprise endpoint placeholder, and Test beside Save. + Settings · Notifications · Channels panel with NODE Local in the header, Discord Slack Webhook and Apprise tabs with Apprise selected, Enabled off, an empty Apprise endpoint placeholder, Test beside Save, and a Delivery retries section below showing Extra attempts 0 and a Save retries button. ## Notification channels Open **Settings · Notifications · Channels** to configure Discord, Slack, custom webhook, and Apprise channels. Each channel is per-node, so switching the active node via the node picker reloads the panel against that node's stored settings. The masthead carries a `CHANNELS` stat showing how many of the four slots are enabled. -Above the channel tabs, **Delivery retries** sets how many extra in-process attempts (0 to 3) Sencho makes after a transient delivery failure on that node. The default is `0` (single-shot). Extra attempts wait a fixed one second between tries. Admin role is required to change the value. +Below the channel tabs, **Delivery retries** sets how many extra in-process attempts (0 to 3) Sencho makes after a transient delivery failure on that node. The default is `0` (single-shot). Extra attempts wait a fixed one second between tries. Admin role is required to change the value. Each Discord, Slack, and Webhook tab carries an **Enabled** toggle, a **Webhook URL** input (HTTPS only), and **Test** / **Save**. The Apprise tab uses an **Apprise endpoint** instead: keyed `/notify/{key}` shows optional **Tags**; stateless `/notify` shows **Destination URLs**. The kicker on each tab toggles between `enabled` and `off` so you can see at a glance which slots are wired up. diff --git a/docs/features/appearance.mdx b/docs/features/appearance.mdx index f66047e6..31fc1ab0 100644 --- a/docs/features/appearance.mdx +++ b/docs/features/appearance.mdx @@ -97,10 +97,10 @@ The **Navigation** group chooses how the desktop top bar presents page destinati - **Navigation style** - **Smart bar** (recommended default): keeps a short set of primary destinations visible and moves the rest into a grouped **More** menu. - - **Classic bar**: shows the full horizontal destination strip. - - **Compact launcher**: puts destinations in a left-side launcher menu and optionally pins up to five **quick links** on the bar. + - **Classic bar**: shows the full horizontal destination strip. Choosing Classic shows a callout that Classic bar will be removed soon; the preference is kept until then. + - **Compact launcher**: puts destinations in a left-side launcher menu and optionally pins up to seven **quick links** on the bar. - **Top navigation labels** (Classic and Smart): shows text beside top navigation icons. Turn it off for an icon-only bar; destinations stay reachable by tooltip, accessible name, and the command palette. Phone layout always keeps labels. With labels off, **Top navigation alignment** places the icon-only bar left or centered. -- **Quick links** (Compact launcher): labeled pins after the launcher, with a trailing **+** that opens reachable unpinned destinations. Right-click a pin and choose Remove, or manage the full list under Appearance. Up to five pins; recommended defaults start you with four. +- **Quick links** (Compact launcher): labeled pins after the launcher, with a trailing **+** that opens reachable unpinned destinations. Right-click a pin and choose Remove, or manage the full list under Appearance. Up to seven pins; recommended defaults start you with four. Deploy-progress behavior and the diff-preview-before-save step are stack workflow preferences, so they live in **Settings → Infrastructure → Stacks**, not here. diff --git a/docs/features/deep-links.mdx b/docs/features/deep-links.mdx index 5e1ec9e1..7b6bd2d5 100644 --- a/docs/features/deep-links.mdx +++ b/docs/features/deep-links.mdx @@ -95,7 +95,7 @@ On a phone, `/nodes/local/stacks//files` opens the compose editor instead Some in-app state is intentionally not encoded: -- **Stack Anatomy sub-tabs** (Anatomy, Activity, Dossier, Drift, Environment, and the rest) stay in memory only. Refresh returns you to the default Anatomy tab for that stack. A [Networking](/features/networking) finding's action can open a stack directly on its Doctor, Dossier, or Drift tab; this is in-app navigation, not a separate URL, so the same refresh behavior applies. +- **Stack Anatomy sub-tabs** (Anatomy, Activity, Doctor, Drift, Dossier, Environment, and the rest) stay in memory only. Refresh returns you to the default Anatomy tab for that stack. A [Networking](/features/networking) finding's action can open a stack directly on its Doctor, Dossier, or Drift tab; this is in-app navigation, not a separate URL, so the same refresh behavior applies. ## Tips diff --git a/docs/features/editor.mdx b/docs/features/editor.mdx index a975023f..0f1260a7 100644 --- a/docs/features/editor.mdx +++ b/docs/features/editor.mdx @@ -79,21 +79,21 @@ Stacks with more than one container gain a summary strip above the container lis The right column shows the **Anatomy panel** by default: a read-only summary of the compose file alongside a scrollable tab row for other stack views. - Anatomy panel header strip showing the Anatomy, Activity, Dossier, Drift, Environment, Networking, Doctor, and Storage tab row with Files and Edit compose shortcuts on the right + Anatomy panel header strip showing the Anatomy, Activity, Doctor, Drift, Dossier, Environment, Networking, and Storage tab row with Files and Edit compose shortcuts on the right -The tab row always shows four tabs: **Anatomy**, **Activity**, **Dossier**, and **Drift**. Four more tabs appear when the active node advertises the matching capability. +The tab row always shows four tabs: **Anatomy**, **Activity**, **Drift**, and **Dossier**. When Compose Doctor is available on the node, **Doctor** sits between Activity and Drift. Four more capability-gated tabs appear when the active node advertises them. | Tab | Always present? | What it shows | |-----|----------------|--------------| | **Anatomy** | Yes | Read-only compose file summary. | | **Activity** | Yes | Operational event timeline for this stack. See [Stack Activity](/features/stack-activity). | -| **Dossier** | Yes | Exportable Markdown of the anatomy combined with operator notes. See [Stack Dossier](/features/stack-dossier). | +| **Doctor** | When `compose-doctor` capability is present | Preflight check results grouped by severity. The tab gains a red dot for blocker findings and an amber dot for high-risk findings. See [Compose Doctor](/features/compose-doctor). | | **Drift** | Yes | Live comparison of the declared compose against the running containers. See [Stack Drift](/features/stack-drift). | +| **Dossier** | Yes | Exportable Markdown of the anatomy combined with operator notes. See [Stack Dossier](/features/stack-dossier). | | **Environment** | When `env-inventory` capability is present | Variable inventory across all env files, with status for each variable. See [Environment Guardrails](/features/environment-guardrails). | | **Compose Labels** | When `container-label-inventory` capability is present | Declared Compose labels vs runtime container labels per service. See [Docker Label Audit](/features/docker-label-audit). | | **Networking** | When `compose-networking` capability is present | Port exposure summary per service with intent classification. See [Compose Networking](/features/compose-networking). | -| **Doctor** | When `compose-doctor` capability is present | Preflight check results grouped by severity. The tab gains a red dot for blocker findings and an amber dot for high-risk findings. See [Compose Doctor](/features/compose-doctor). | | **Storage** | When `compose-storage` capability is present | Mount inventory with portability assessment and snapshot coverage. See [Compose Storage](/features/compose-storage). | The **Files** shortcut and the **Edit compose** button sit at the right end of the strip and stay available regardless of which tab is active. diff --git a/docs/features/overview.mdx b/docs/features/overview.mdx index 681c3f68..bb42b92d 100644 --- a/docs/features/overview.mdx +++ b/docs/features/overview.mdx @@ -13,7 +13,7 @@ Sencho is a self-hosted cockpit for Docker Compose. The catalog below groups Sen ## Core workflow - A stack open in the editor: the action toolbar, the container card with CPU and memory sparklines, the live log stream, and the right-hand panel on the Networking tab showing exposure intent, network memberships, published ports, and a runtime drift check. The full tab strip (Anatomy, Activity, Dossier, Drift, Environment, Networking, Doctor, Storage) is visible across the top of the panel. + A stack open in the editor: the action toolbar, the container card with CPU and memory sparklines, the live log stream, and the right-hand panel on the Networking tab showing exposure intent, network memberships, published ports, and a runtime drift check. The full tab strip (Anatomy, Activity, Doctor, Drift, Dossier, Environment, Networking, Storage) is visible across the top of the panel. ### Stack management diff --git a/docs/features/resources.mdx b/docs/features/resources.mdx index 8596496e..599455df 100644 --- a/docs/features/resources.mdx +++ b/docs/features/resources.mdx @@ -11,13 +11,13 @@ The **Resources** tab shows everything Docker is storing on your host, broken do ## Reclaim hero -When there is reclaimable disk space (unused images, stopped containers, or dangling volumes), an amber banner leads the view with the total amount you can free and a `·`-separated breakdown of what contributes to it (for example, `2 unused images · 10 dangling volumes`). Click **Review & prune** to open a confirmation dialog that lists the exact items that will be removed (capped in the preview with an "and N more" note when the list is long). Confirm only after the plan is ready; Sencho rechecks the list at execute time and skips anything that is no longer eligible. +Once enabled for a node, an amber banner leads the view whenever there is reclaimable disk space (unused images, stopped containers, or dangling volumes), showing the total amount you can free and a `·`-separated breakdown of what contributes to it (for example, `2 unused images · 10 dangling volumes`). Click **Review & prune** to open a confirmation dialog that lists the exact items that will be removed (capped in the preview with an "and N more" note when the list is long). Confirm only after the plan is ready; Sencho rechecks the list at execute time and skips anything that is no longer eligible. The hero stays hidden when there is nothing to reclaim, keeping the view focused on the rest of your inventory. To set the banner aside without pruning, use the **×** in its top-right corner. It stays hidden on that browser until the reclaimable total grows past the amount it held when you dismissed it, so a small, stubborn remainder will not keep reappearing while a genuine new build-up still surfaces. -To keep the banner off for a node entirely, open **Settings → Monitoring → Docker & Storage** and switch off **Show reclaimable-space banner**. It is on by default and applies per node. +The banner is off by default and applies per node. To turn it on, open **Settings → Monitoring → Docker & Storage** and switch on **Show reclaimable-space banner**. The banner and the **Review & prune** action are admin-only. Read-only roles still see the rest of the page but cannot trigger destructive operations. diff --git a/docs/features/stack-drift.mdx b/docs/features/stack-drift.mdx index 2297f106..81cf7404 100644 --- a/docs/features/stack-drift.mdx +++ b/docs/features/stack-drift.mdx @@ -121,11 +121,11 @@ Drift events also appear in the stack's **Activity** tab alongside deploys, rest The tab bar in the stack detail view showing Anatomy, Activity, Dossier, Drift, Environment, and Compose Labels tabs with Drift selected, and separate Files and Edit compose buttons to the right 1. Click any stack in the sidebar to open it. -2. In the right-hand panel, switch to the **Drift** tab. If the tab row doesn't fit the panel width, scroll it to reveal Drift alongside the stack's other tabs (Anatomy, Activity, Dossier, Environment, Networking, and so on). +2. In the right-hand panel, switch to the **Drift** tab. If the tab row doesn't fit the panel width, scroll it to reveal Drift alongside the stack's other tabs (Anatomy, Activity, Doctor, Dossier, Environment, Networking, and so on). 3. Read the status badge and any findings. 4. Click **re-check** after editing the Compose file or after a manual Docker operation to refresh the ledger. diff --git a/docs/features/stack-management.mdx b/docs/features/stack-management.mdx index 36f49582..5683a83c 100644 --- a/docs/features/stack-management.mdx +++ b/docs/features/stack-management.mdx @@ -257,7 +257,7 @@ The structured viewer holds up to 10,000 lines; older entries are dropped from t ## Anatomy panel -The right column of the stack view is a tabbed panel: Anatomy, Activity, Dossier, Drift, Environment, Compose Labels, Networking, Doctor, and Storage. Tabs appear only when the data they need is available, and the row scrolls horizontally (with a chevron button) when there are more tabs than fit. +The right column of the stack view is a tabbed panel: Anatomy, Activity, Doctor, Drift, Dossier, Environment, Compose Labels, Networking, and Storage. Tabs appear only when the data they need is available, and the row scrolls horizontally (with a chevron button) when there are more tabs than fit. Anatomy panel with the Anatomy tab active, showing services, ports, volumes, restart, env_file, network, and source rows plus the tab row diff --git a/docs/getting-started/introduction.mdx b/docs/getting-started/introduction.mdx index cd1a11d8..5793fc79 100644 --- a/docs/getting-started/introduction.mdx +++ b/docs/getting-started/introduction.mdx @@ -52,7 +52,7 @@ Opening a stack gives you the day-to-day workspace: - Running stacks expose **Restart**, **Stop**, **Take down**, and **Update**; stopped stacks expose **Start** and **Update**. The overflow menu holds less frequent actions such as rollback, config scan, and delete. - Container rows show health, uptime, published ports, live CPU and memory, network activity, logs, and service actions. - The logs panel can run in **Structured** mode or **Raw terminal** mode. -- The right panel provides tabs for **Anatomy**, **Activity**, **Dossier**, **Drift**, **Environment**, **Compose Labels**, **Networking**, **Doctor**, and **Storage**, with **Files** and **Edit** controls for browsing stack files and editing compose or env content. +- The right panel provides tabs for **Anatomy**, **Activity**, **Doctor**, **Drift**, **Dossier**, **Environment**, **Compose Labels**, **Networking**, and **Storage**, with **Files** and **Edit** controls for browsing stack files and editing compose or env content. ## Fleet operations diff --git a/docs/reference/contact.mdx b/docs/reference/contact.mdx index da79ba9b..bc080cc1 100644 --- a/docs/reference/contact.mdx +++ b/docs/reference/contact.mdx @@ -12,7 +12,7 @@ Sencho provides dedicated email channels for different types of inquiries. Use t Priority email support, reserved for Admiral license holders: Monday to Friday, 09:00-17:00 America/New_York, with a one-business-day first-response target. This is not a contractual SLA or 24/7 service. -Every user, Community and Admiral alike, can reach [Documentation](https://docs.sencho.io) and [GitHub Issues](https://github.com/studio-saelix/sencho/issues) from **Settings → Help → Support** in the app. Admiral adds the priority email channel above on the same page. +Every user, Community and Admiral alike, can reach [Documentation](https://docs.sencho.io), [GitHub Issues](https://github.com/studio-saelix/sencho/issues), and [Discord](https://discord.gg/rvXAszRGSc) from **Settings → Help → Support** in the app. Admiral adds the priority email channel above on the same page. ## General inquiries diff --git a/docs/reference/settings.mdx b/docs/reference/settings.mdx index 42ce8d58..2c2e1a03 100644 --- a/docs/reference/settings.mdx +++ b/docs/reference/settings.mdx @@ -145,7 +145,7 @@ A live preview card shows a sample fleet-status tile so you can see a color choi | Control | What it does | |---------|--------------| -| **Navigation style** | **Smart bar** (recommended default): primary destinations stay visible in the top bar and the rest live under **More**. **Classic bar** keeps the full horizontal strip of destinations. **Compact launcher** puts every destination in a menu, with optional quick links. | +| **Navigation style** | **Smart bar** (recommended default): primary destinations stay visible in the top bar and the rest live under **More**. **Classic bar** keeps the full horizontal strip of destinations (retiring soon; a callout appears while it is selected). **Compact launcher** puts every destination in a menu, with optional quick links. | | **Top navigation labels** | On by default. Shows text labels beside the top navigation icons; turn off for a more compact bar with icons only. | Deploy-progress behavior and the diff-preview-before-save step are stack workflow preferences and live in their own [Stacks](#stacks) section under Infrastructure. @@ -293,7 +293,7 @@ Configure the reclaimable-space alert, the reclaimable-space banner, and automat | Setting | Default | Description | |---------|---------|-------------| | **Reclaimable Docker data threshold** | 5 GiB | Alert when reclaimable Docker data (images, volumes, build cache that `docker prune` could free) exceeds this size. Set to `0` to disable the alert. | -| **Show reclaimable-space banner** | On | Show the reclaimable-space banner at the top of the Resource Hub when this node has unused images, stopped containers, or dangling volumes to clear. | +| **Show reclaimable-space banner** | Off | Show the reclaimable-space banner at the top of the Resource Hub when this node has unused images, stopped containers, or dangling volumes to clear. | ### Image cleanup @@ -403,7 +403,7 @@ Quick reference: Configure external destinations for alert notifications. Four agent types are available on separate tabs: **Discord**, **Slack**, **Webhook**, and **Apprise**. The masthead publishes a **CHANNELS** pill showing how many agents are enabled (for example, `2/4`). -**Delivery retries** (admin-only) sets how many extra in-process attempts (0 to 3, default 0) this node makes after a transient channel failure, with a fixed one-second delay between attempts. There is no durable queue; ambiguous network failures can produce duplicate notifications. +Below the channel tabs, **Delivery retries** (admin-only) sets how many extra in-process attempts (0 to 3, default 0) this node makes after a transient channel failure, with a fixed one-second delay between attempts. There is no durable queue; ambiguous network failures can produce duplicate notifications. For each agent: @@ -721,6 +721,7 @@ Links to help resources, with an additional channel for Admiral operators. |----------|-------------| | **Documentation** | Opens docs.sencho.io. | | **GitHub Issues** | Report bugs and request features on GitHub. | +| **Discord** | Chat with the community and the team. | ### Admiral support diff --git a/e2e/desktop-navigation.spec.ts b/e2e/desktop-navigation.spec.ts index eaf6bedf..58195ca9 100644 --- a/e2e/desktop-navigation.spec.ts +++ b/e2e/desktop-navigation.spec.ts @@ -43,7 +43,8 @@ test.describe('Desktop navigation styles', () => { await setTopNavMode(page, 'smart'); await expect(page.locator('[data-sn-chrome="topbar"]')).toHaveAttribute('data-sn-nav-mode', 'smart'); await page.getByRole('button', { name: 'More navigation' }).click(); - await expect(page.locator('.font-heading').filter({ hasText: 'More' })).toBeVisible(); + await expect(page.getByRole('menuitem', { name: /Logs/i })).toBeVisible(); + await expect(page.locator('.font-heading').filter({ hasText: 'More' })).toHaveCount(0); await page.getByRole('menuitem', { name: /Logs/i }).click(); await expect(page.locator('body')).toContainText(/Logs|Central|Observability/i); }); diff --git a/frontend/src/components/EditorLayout/CreateStackDialog.tsx b/frontend/src/components/EditorLayout/CreateStackDialog.tsx index 66944243..f49c4c72 100644 --- a/frontend/src/components/EditorLayout/CreateStackDialog.tsx +++ b/frontend/src/components/EditorLayout/CreateStackDialog.tsx @@ -487,59 +487,57 @@ export function CreateStackDialog({ open, onOpenChange, onStackCreated, onStacks {createMode === 'docker-run' && (
- - -
- - setNewStackName(e.target.value)} - disabled={creatingFromDockerRun} - /> + +
+ + setNewStackName(e.target.value)} + disabled={creatingFromDockerRun} + /> +
+
+ +