pinokiod 7.5.45 → 7.5.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pinokiod",
-  "version": "7.5.45",
+  "version": "7.5.46",
   "description": "",
   "main": "index.js",
   "scripts": {

package/server/views/app.ejs

@@ -70,9 +70,22 @@ body.dark .app-header-identity {
     0 1px 2px rgba(2, 6, 23, 0.35);
   color: rgba(248, 250, 252, 0.94);
 }
+body.app-page > header.navheader h1 {
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
+  flex-wrap: nowrap;
+}
+body.app-page > header.navheader h1 > .home,
+body.app-page > header.navheader h1 > .btn2,
+body.app-page > header.navheader h1 > .sep,
+body.app-page > header.navheader h1 > .home-server-popover {
+  flex: 0 0 auto;
+}
 .app-header-info {
   position: relative;
-  flex: 0 1 auto;
+  flex: 1 1 auto;
   min-width: 0;
   display: inline-flex;
   align-items: center;
@@ -87,7 +100,8 @@ body.dark .app-header-identity {
   align-items: center;
   gap: 8px;
   min-width: 0;
-  max-width: min(260px, 32vw);
+  width: 100%;
+  max-width: none;
   height: 22px;
   padding: 0 4px;
   margin: 0 -4px;
@@ -266,6 +280,7 @@ body.dark .app-header-identity-separator {
 body.app-page header.navheader h1 > .flexible {
   flex: 0 0 0;
   min-width: 0;
+  margin-left: auto;
 }
 body.app-page header.navheader .nav-labeled-action {
   width: auto;
@@ -309,9 +324,17 @@ body.app-page header.navheader .nav-labeled-action:focus-visible {
   background: var(--pinokio-sidebar-tab-active-bg);
   color: var(--pinokio-sidebar-tab-active-color);
 }
+@media only screen and (max-width: 1180px) {
+  body.app-page header.navheader .app-header-identity-separator,
+  body.app-page header.navheader .resource-chip--cpu,
+  body.app-page header.navheader .resource-chip--ram,
+  body.app-page header.navheader .resource-chip--vram {
+    display: none !important;
+  }
+}
 .resource-usage {
   position: relative;
-  flex: 0 0 auto;
+  flex: 0 1 auto;
   min-width: 0;
   display: inline-flex;
   align-items: center;
@@ -327,6 +350,8 @@ body.app-page header.navheader .nav-labeled-action:focus-visible {
   gap: 8px;
   height: 22px;
   min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
   padding: 0 7px;
   margin: 0;
   border-radius: 999px;

package/test/launch-settings-ui.test.js

@@ -636,6 +636,17 @@ test("navbar URL picker is hidden without removing URL dropdown behavior", async
   assert.match(script, /showMobileModal/)
 })
 
+test("app navbar stays on one line when app identity and Home Server controls are present", async () => {
+  const appView = await fs.readFile(path.resolve(root, "server/views/app.ejs"), "utf8")
+
+  assert.match(appView, /body\.app-page > header\.navheader h1\s*\{[\s\S]*box-sizing:\s*border-box;[\s\S]*flex-wrap:\s*nowrap;/)
+  assert.match(appView, /body\.app-page > header\.navheader h1 > \.home,[\s\S]*body\.app-page > header\.navheader h1 > \.home-server-popover\s*\{[\s\S]*flex:\s*0 0 auto;/)
+  assert.match(appView, /body\.app-page header\.navheader h1 > \.flexible\s*\{[\s\S]*flex:\s*0 0 0;[\s\S]*margin-left:\s*auto;/)
+  assert.match(appView, /\.app-header-identity\s*\{[\s\S]*flex:\s*1 1 auto;[\s\S]*max-width:\s*none;/)
+  assert.doesNotMatch(appView, /nav-action-label\s*\{[^}]*display:\s*none;/)
+  assert.match(appView, /@media only screen and \(max-width: 1180px\)\s*\{[\s\S]*\.resource-chip--vram[\s\S]*display:\s*none !important;/)
+})
+
 test("home server dropdown exposes router-discovered non-Pinokio routes separately", () => {
   const server = Object.create(Server.prototype)
   const routes = server.collectHomeServerRoutes({