@the-portland-company/shell 0.71.0 → 0.71.1

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.71.1
+
+Build line in the rail footer follows Specs/Left-Navigation §9 and Reference/UI-Platform Meta.
+- Shown in production too, as `prod | <commit> | v<version>` over `date | author`.
+- Two centered rows of plain mono text at 11px, with no chip and no leading or trailing pipes.
+
 ## 0.71.0
 
 Rail and top bar match the Specs/Left-Navigation Design.

package/dist/app-chrome.cjs

@@ -2256,15 +2256,11 @@ function hasActiveChild(item, pathname, activeFn) {
     )
   );
 }
-function envChipClasses(label) {
-  const l = label.toLowerCase();
-  if (l === "production" || l === "prod")
-    return "bg-[#fee2e2] text-[#ef4444]";
-  if (l === "staging" || l === "stage")
-    return "bg-[#ffedd5] text-[#f97316]";
-  if (l === "local" || l === "development" || l === "dev")
-    return "bg-[#dcfce7] text-[#22c55e]";
-  return "bg-[rgba(107,114,128,0.16)] text-[#6b7280]";
+function shortEnvLabel(label) {
+  const l = label.trim().toLowerCase();
+  if (l === "production") return "prod";
+  if (l === "development") return "dev";
+  return l;
 }
 var ORG_PILL_DEFAULT = "var(--color-accent)";
 var RailCollapsibleContext = react.createContext(false);
@@ -2755,41 +2751,26 @@ function NavSidebar({
                 }
               )
             ] }, l.label)) }) : null,
-            footer.envLabel && footer.envLabel.trim().toLowerCase() !== "production" ? /* @__PURE__ */ jsxRuntime.jsxs(
+            footer.envLabel || footer.commit || footer.version ? /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
                 "data-shell-meta": true,
-                className: `mt-1.5 flex flex-col items-start gap-0.5 font-[family-name:var(--font-plex-mono)] text-[10px] text-[color:var(--sidebar-meta-text,var(--sidebar-text))] ${rc("max-md:hidden")}`,
+                className: `mt-1.5 flex flex-col items-center gap-0.5 font-[family-name:var(--font-plex-mono)] text-[11px] text-[color:var(--sidebar-meta-text,rgba(255,255,255,0.4))] ${rc("max-md:hidden")}`,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "span",
-                      {
-                        className: [
-                          "rounded-md px-1.5 py-0.5 text-[10px] font-semibold",
-                          envChipClasses(footer.envLabel)
-                        ].join(" "),
-                        children: footer.envLabel
-                      }
-                    ),
-                    footer.commit ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[color:var(--muted)]", children: "|" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: footer.commit.slice(-4) })
-                    ] }) : null,
-                    footer.version ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[color:var(--muted)]", children: "|" }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                        "v",
-                        footer.version
-                      ] })
-                    ] }) : null
-                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: [
+                    footer.envLabel ? shortEnvLabel(footer.envLabel) : null,
+                    footer.commit ? footer.commit.slice(-4) : null,
+                    footer.version ? `v${footer.version.replace(/^v/, "")}` : null
+                  ].filter((v) => Boolean(v)).map((v, i) => /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+                    i > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: "|" }) : null,
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: v })
+                  ] }, i)) }),
                   footer.commitDate || footer.commitAuthor ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
                     footer.commitDate ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: new Date(footer.commitDate).toLocaleDateString(void 0, {
                       month: "short",
                       day: "numeric"
                     }) }) : null,
-                    footer.commitDate && footer.commitAuthor ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[color:var(--muted)]", children: "|" }) : null,
+                    footer.commitDate && footer.commitAuthor ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: "|" }) : null,
                     footer.commitAuthor ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: footer.commitAuthor.split(/\s+/)[0] }) : null
                   ] }) : null
                 ]