@xeonr/console-shell 0.1.0

package/dist/Launcher.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import styled from "styled-components";
+import { AppButton, Icon, IconButton, StatusPill, v } from "@xeonr/platform-ui";
+import { MAX_PINNED, useConsole } from "./ConsoleProvider.js";
+// "All products": every registered product grouped by category, with host,
+// blurb, enabled / enable / coming-soon state and a pin toggle for the rail.
+// Registry-driven, so a new product needs no shell change to appear here.
+const ORDER = ["Compute", "Data", "Developer tools", "Networking", "Observability", "Identity & access"];
+const Scrim = styled.div `
+  position: fixed; inset: 0;
+  z-index: ${v.zScrim};
+  background: ${v.scrim};
+  display: flex; justify-content: center; align-items: flex-start;
+  padding: 64px 16px 16px;
+`;
+const Dialog = styled.div `
+  width: min(760px, 100%);
+  max-height: calc(100vh - 80px);
+  background: ${v.surface};
+  border: 1px solid ${v.line2};
+  border-radius: ${v.rModal};
+  box-shadow: ${v.elev};
+  overflow: hidden;
+  display: flex; flex-direction: column;
+`;
+const Stripe = styled.div `height: 2px; background: ${v.grad90}; flex: none;`;
+const Head = styled.div `
+  display: flex; align-items: center; gap: 12px;
+  padding: 16px 20px;
+  border-bottom: 1px solid ${v.line};
+  flex: none;
+  h2 { margin: 0; font-size: 16px; font-weight: 600; }
+  p { margin: 0; font-size: 12px; color: ${v.muted}; }
+`;
+const Filter = styled.input `
+  height: 32px; width: 200px;
+  padding: 0 10px;
+  border-radius: ${v.rCtl};
+  background: ${v.field};
+  border: 1px solid ${v.fieldLine};
+  color: ${v.text};
+  font-size: 12.5px;
+  &::placeholder { color: ${v.faint}; }
+  @media (max-width: 600px) { width: 120px; }
+`;
+const Body = styled.div `
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 18px;
+  padding: 18px 20px;
+  overflow-y: auto;
+  @media (max-width: 700px) { grid-template-columns: minmax(0, 1fr); }
+`;
+const Col = styled.div `display: flex; flex-direction: column; gap: 18px;`;
+const Group = styled.div `display: flex; flex-direction: column; gap: 8px;`;
+const GroupLabel = styled.div `
+  font-size: 10.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;
+  color: ${v.faint}; padding: 0 2px;
+`;
+const Row = styled.div `
+  display: flex; align-items: center; gap: 12px;
+  padding: 10px 12px;
+  border-radius: 10px;
+  border: 1px solid ${v.line};
+  background: ${v.surface2};
+  opacity: ${(p) => (p.$dim ? 0.7 : 1)};
+`;
+const Tile = styled.a `
+  width: 34px; height: 34px; flex: none;
+  border-radius: 9px;
+  display: grid; place-items: center;
+  color: ${(p) => p.$c};
+  background: ${v.hover};
+  text-decoration: none;
+`;
+const Text = styled.div `
+  display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto;
+  b { font-size: 13px; font-weight: 600; }
+  code { font-family: ${v.mono}; font-weight: 400; font-size: 11px; color: ${v.faint}; margin-left: 6px; }
+  span { font-size: 12px; color: ${v.muted}; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+  a { color: inherit; text-decoration: none; }
+`;
+const Foot = styled.div `
+  display: flex; align-items: center; gap: 12px;
+  padding: 12px 20px;
+  border-top: 1px solid ${v.line};
+  font-size: 12px; color: ${v.faint};
+  flex: none;
+  a { margin-left: auto; color: ${v.muted}; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
+`;
+function hostOf(origin) {
+    try {
+        return new URL(origin).host;
+    }
+    catch {
+        return origin;
+    }
+}
+export function Launcher({ onClose, authOrigin, onEnable }) {
+    const c = useConsole();
+    const [q, setQ] = useState("");
+    const groups = useMemo(() => {
+        const needle = q.trim().toLowerCase();
+        const list = c.products
+            .filter((p) => p.key !== "home")
+            .filter((p) => !needle || `${p.name} ${p.blurb} ${p.origin}`.toLowerCase().includes(needle));
+        return ORDER.map((cat) => ({ cat, items: list.filter((p) => p.category === cat) })).filter((g) => g.items.length > 0);
+    }, [c.products, q]);
+    const half = Math.ceil(groups.length / 2);
+    const row = (p) => {
+        const pinned = c.pinned.includes(p.key);
+        const full = !pinned && c.pinned.length >= MAX_PINNED;
+        const href = c.productHref(p);
+        return (_jsxs(Row, { "$dim": p.status === "coming_soon", children: [_jsx(Tile, { href: p.status === "live" && p.enabled ? href : undefined, "$c": p.colour, "aria-label": p.name, children: _jsx(Icon, { name: p.icon }) }), _jsxs(Text, { children: [_jsxs("b", { children: [p.status === "live" && p.enabled ? _jsx("a", { href: href, children: p.name }) : p.name, _jsx("code", { children: hostOf(p.origin) })] }), _jsx("span", { children: p.blurb })] }), p.status === "coming_soon" ? (_jsx(StatusPill, { "$tone": "info", children: "Coming soon" })) : p.enabled ? (_jsx(StatusPill, { "$tone": "ok", children: "Enabled" })) : p.canEnable ? (_jsx(AppButton, { size: "xs", onClick: () => onEnable?.(p), children: "Enable" })) : (_jsx(StatusPill, { "$tone": "mut", children: "Not enabled" })), _jsx(IconButton, { type: "button", "aria-label": pinned ? `Unpin ${p.name} from the rail` : `Pin ${p.name} to the rail`, "aria-pressed": pinned, title: full ? `Rail is full (${MAX_PINNED}). Unpin something first.` : undefined, disabled: full || p.status !== "live", onClick: () => c.togglePin(p.key), style: { color: pinned ? v.brand : v.faint }, children: _jsx(Icon, { name: pinned ? "check" : "pin" }) })] }, p.key));
+    };
+    return (_jsx(Scrim, { onMouseDown: (e) => e.target === e.currentTarget && onClose(), children: _jsxs(Dialog, { role: "dialog", "aria-modal": "true", "aria-label": "All products", children: [_jsx(Stripe, {}), _jsxs(Head, { children: [_jsxs("div", { children: [_jsx("h2", { children: "All products" }), _jsxs("p", { children: ["What ", _jsx("b", { children: c.activeTeam?.name ?? c.activeTeam?.slug ?? "this team" }), " can use. Pin up to ", MAX_PINNED, " to the rail; the rest live here and in \u2318K."] })] }), _jsxs("div", { style: { marginLeft: "auto", display: "flex", gap: 8, alignItems: "center" }, children: [_jsx(Filter, { value: q, onChange: (e) => setQ(e.target.value), placeholder: "Filter products", "aria-label": "Filter products", autoFocus: true }), _jsx(IconButton, { type: "button", "aria-label": "Close", onClick: onClose, children: _jsx(Icon, { name: "close" }) })] })] }), _jsxs(Body, { children: [_jsx(Col, { children: groups.slice(0, half).map((g) => _jsxs(Group, { children: [_jsx(GroupLabel, { children: g.cat }), g.items.map(row)] }, g.cat)) }), _jsx(Col, { children: groups.slice(half).map((g) => _jsxs(Group, { children: [_jsx(GroupLabel, { children: g.cat }), g.items.map(row)] }, g.cat)) })] }), _jsxs(Foot, { children: [_jsx("span", { children: "New products appear here automatically once registered in Auth as a console product and bound to a team." }), c.me.isOrgAdmin ? (_jsxs("a", { href: `${authOrigin}/applications`, children: ["Manage the catalogue ", _jsx(Icon, { name: "external" })] })) : null] })] }) }));
+}
+//# sourceMappingURL=Launcher.js.map

package/dist/Launcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Launcher.js","sourceRoot":"","sources":["../src/Launcher.tsx"],"names":[],"mappings":"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"}

package/dist/ScopeRail.d.ts

@@ -0,0 +1,11 @@
+export declare const RailButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    $on?: boolean | undefined;
+    $accent?: string | undefined;
+}>> & string;
+export declare function ScopeRail({ onOpenLauncher, onOpenAccount }: {
+    onOpenLauncher: () => void;
+    onOpenAccount: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ScopeRail.d.ts.map

package/dist/ScopeRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScopeRail.d.ts","sourceRoot":"","sources":["../src/ScopeRail.tsx"],"names":[],"mappings":"AAqCA,eAAO,MAAM,UAAU;;;UAAoB,OAAO,GAAG,SAAS;cAAY,MAAM,GAAG,SAAS;YAa3F,CAAC;AAyBF,wBAAgB,SAAS,CAAC,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE;IAAE,cAAc,EAAE,MAAM,IAAI,CAAC;IAAC,aAAa,EAAE,MAAM,IAAI,CAAA;CAAE,+BAwCrH"}

package/dist/ScopeRail.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+import { Icon, v, useTheme } from "@xeonr/platform-ui";
+import { useConsole } from "./ConsoleProvider.js";
+// The far-left product rail: Home, the pinned products for this team as
+// coloured tiles, the All-products launcher, then theme and account.
+// Cross-product tiles are plain <a> to another origin, carrying the team slug.
+const Rail = styled.nav `
+  width: 56px;
+  flex: none;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+  padding: 12px 0;
+  background: ${v.sidebar};
+  border-right: 1px solid ${v.line};
+`;
+const Logo = styled.a `
+  width: 40px; height: 40px;
+  border-radius: 12px;
+  background: ${v.grad};
+  color: ${v.onBrand};
+  display: grid; place-items: center;
+  font-weight: 700; font-size: 17px;
+  margin-bottom: 6px;
+  text-decoration: none;
+`;
+const Divider = styled.div `
+  width: 24px; height: 1px;
+  background: ${v.line2};
+  margin: 4px 0;
+`;
+export const RailButton = styled.a `
+  width: 40px; height: 40px;
+  border-radius: 10px;
+  display: grid; place-items: center;
+  color: ${(p) => p.$accent ?? v.muted};
+  background: ${(p) => (p.$on ? v.brand16 : "transparent")};
+  box-shadow: ${(p) => (p.$on ? `inset 0 0 0 1px ${v.brand55}` : "none")};
+  border: 0;
+  cursor: pointer;
+  text-decoration: none;
+  font-size: 18px;
+  transition: background 0.14s ease, color 0.14s ease;
+  &:hover { background: ${(p) => (p.$on ? v.brand16 : v.hover)}; color: ${(p) => p.$accent ?? v.text}; }
+`;
+const Avatar = styled.span `
+  width: 30px; height: 30px;
+  border-radius: 999px;
+  background: ${v.grad};
+  color: ${v.onBrand};
+  display: grid; place-items: center;
+  font-size: 12px; font-weight: 700;
+  position: relative;
+`;
+const Dot = styled.span `
+  position: absolute; top: -2px; right: -2px;
+  width: 9px; height: 9px; border-radius: 999px;
+  background: ${v.danger};
+  box-shadow: 0 0 0 2px ${v.sidebar};
+`;
+const Spacer = styled.div `flex: 1 1 auto;`;
+function initials(name) {
+    return name.split(/\s+/).map((s) => s[0] ?? "").join("").slice(0, 2).toUpperCase();
+}
+export function ScopeRail({ onOpenLauncher, onOpenAccount }) {
+    const c = useConsole();
+    const theme = useTheme();
+    const home = c.products.find((p) => p.key === "home");
+    const tiles = c.products.filter((p) => c.pinned.includes(p.key) || p.key === c.product).filter((p) => p.key !== "home");
+    return (_jsxs(Rail, { "aria-label": "Products", children: [_jsx(Logo, { href: home ? c.productHref(home) : "/", "aria-label": "Xeonr Cloud Console", children: "X" }), _jsx(RailButton, { href: home ? c.productHref(home) : "/", "$on": c.product === "home", "aria-label": "Home", title: "Home", children: _jsx(Icon, { name: "home" }) }), _jsx(Divider, {}), tiles.map((p) => (_jsx(RailButton, { href: c.productHref(p), "$on": p.key === c.product, "$accent": p.colour, "aria-label": p.name, title: p.name, children: _jsx(Icon, { name: p.icon }) }, p.key))), _jsx(RailButton, { as: "button", type: "button", onClick: onOpenLauncher, "aria-label": "All products", title: "All products", children: _jsx(Icon, { name: "launcher" }) }), _jsx(Spacer, {}), _jsx(RailButton, { as: "button", type: "button", onClick: theme.cycle, "aria-label": `Theme: ${theme.pref}`, title: `Theme: ${theme.pref}`, children: _jsx(Icon, { name: theme.pref === "system" ? "system" : theme.resolved === "dark" ? "moon" : "sun" }) }), _jsx(RailButton, { as: "button", type: "button", onClick: onOpenAccount, "aria-label": "Account menu", title: c.me.displayName, children: _jsxs(Avatar, { children: [initials(c.me.displayName), c.invitations.length > 0 ? _jsx(Dot, { "aria-label": `${c.invitations.length} pending invitations` }) : null] }) })] }));
+}
+//# sourceMappingURL=ScopeRail.js.map

package/dist/ScopeRail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScopeRail.js","sourceRoot":"","sources":["../src/ScopeRail.tsx"],"names":[],"mappings":"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"}

package/dist/SectionSidebar.d.ts

@@ -0,0 +1,11 @@
+import type { NavGroup } from "./nav.ts";
+export declare function SectionSidebar({ open, base, groups, productLabel, authOrigin, docsHref, onNavigate, }: {
+    open: boolean;
+    base: string;
+    groups: NavGroup[];
+    productLabel: string;
+    authOrigin: string;
+    docsHref?: string | undefined;
+    onNavigate?: (() => void) | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SectionSidebar.d.ts.map

package/dist/SectionSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionSidebar.d.ts","sourceRoot":"","sources":["../src/SectionSidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAoEzC,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,UAAU,GACX,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACvC,+BAuCA"}

package/dist/SectionSidebar.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+import { NavLink } from "react-router-dom";
+import { Icon, v } from "@xeonr/platform-ui";
+import { TeamCard } from "./TeamCard.js";
+// 224px section sidebar: the shell's TeamCard on top, then the product's own
+// registry. In-product links are router NavLinks relative to `base` (the
+// product's team root, e.g. "/platform-core"); items with `href` open on
+// another host and get the external mark.
+const Aside = styled.aside `
+  width: 224px;
+  flex: none;
+  display: flex;
+  flex-direction: column;
+  background: ${v.sidebar};
+  border-right: 1px solid ${v.line};
+  padding: 12px 10px;
+  overflow-y: auto;
+  @media (max-width: 900px) {
+    position: fixed;
+    inset: 2px auto 0 56px;
+    z-index: ${v.zNav};
+    transform: translateX(${(p) => (p.$open ? "0" : "-110%")});
+    transition: transform 0.18s cubic-bezier(0.2, 0.7, 0.3, 1);
+    box-shadow: ${v.elev};
+  }
+`;
+const List = styled.div `display: flex; flex-direction: column; gap: 2px; margin-top: 6px;`;
+const GroupLabel = styled.div `
+  font-size: 10.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;
+  color: ${v.faint}; padding: 14px 10px 6px;
+`;
+const itemCss = `
+  display: flex; align-items: center; gap: 10px;
+  height: 34px; padding: 0 10px;
+  border-radius: 8px;
+  color: ${v.muted};
+  font-size: 13px; font-weight: 500;
+  text-decoration: none;
+  transition: background 0.14s ease, color 0.14s ease;
+  &:hover { background: ${v.hover}; color: ${v.text}; }
+  svg { font-size: 14px; width: 16px; }
+`;
+const Item = styled(NavLink) `
+  ${itemCss}
+  &.active { background: ${v.brand12}; color: ${v.text}; }
+`;
+const ExtItem = styled.a `
+  ${itemCss}
+  .ext { margin-left: auto; color: ${v.faint}; font-size: 11px; }
+`;
+const Pill = styled.span `
+  margin-left: auto;
+  font-size: 11px; line-height: 18px;
+  color: ${v.faint};
+  background: ${v.field};
+  border: 1px solid ${v.fieldLine};
+  border-radius: 999px;
+  padding: 0 7px;
+`;
+const Spacer = styled.div `flex: 1 1 auto;`;
+export function SectionSidebar({ open, base, groups, productLabel, authOrigin, docsHref, onNavigate, }) {
+    return (_jsxs(Aside, { "$open": open, children: [_jsx(TeamCard, { productLabel: productLabel, authOrigin: authOrigin }), _jsx(List, { children: groups.map((g, gi) => (_jsxs("div", { children: [g.label ? _jsx(GroupLabel, { children: g.label }) : null, g.items
+                            .filter((i) => !i.hidden)
+                            .map((i) => i.href ? (_jsxs(ExtItem, { href: i.href, children: [_jsx(Icon, { name: i.icon }), _jsx("span", { children: i.label }), i.count !== undefined ? _jsx(Pill, { children: i.count }) : null, _jsx(Icon, { className: "ext", name: "external" })] }, i.key)) : (_jsxs(Item, { to: i.path ? `${base}/${i.path}` : base, end: i.path === "", onClick: onNavigate, children: [_jsx(Icon, { name: i.icon }), _jsx("span", { children: i.label }), i.count !== undefined ? _jsx(Pill, { children: i.count }) : null] }, i.key)))] }, g.label ?? gi))) }), _jsx(Spacer, {}), docsHref ? (_jsxs(ExtItem, { href: docsHref, children: [_jsx(Icon, { name: "docs" }), _jsx("span", { children: "API docs" }), _jsx(Icon, { className: "ext", name: "external" })] })) : null] }));
+}
+//# sourceMappingURL=SectionSidebar.js.map

package/dist/SectionSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionSidebar.js","sourceRoot":"","sources":["../src/SectionSidebar.tsx"],"names":[],"mappings":"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"}

package/dist/TeamCard.d.ts

@@ -0,0 +1,5 @@
+export declare function TeamCard({ productLabel, authOrigin }: {
+    productLabel: string;
+    authOrigin: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=TeamCard.d.ts.map

package/dist/TeamCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamCard.d.ts","sourceRoot":"","sources":["../src/TeamCard.tsx"],"names":[],"mappings":"AA2FA,wBAAgB,QAAQ,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,+BAgElG"}

package/dist/TeamCard.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import styled from "styled-components";
+import { Icon, v } from "@xeonr/platform-ui";
+import { useConsole } from "./ConsoleProvider.js";
+// The team switcher card at the top of the section sidebar. It belongs to the
+// shell; the sections under it belong to the product. Team management itself
+// lives in the auth portal (CP and Functions each built and deleted their
+// own), so the menu links out for that and only *switches* here.
+const Card = styled.button `
+  width: 100%;
+  text-align: left;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+  border-radius: ${v.rCard};
+  background: ${v.surface};
+  border: 1px solid ${v.line2};
+  box-shadow: ${v.elev};
+  color: ${v.text};
+  cursor: pointer;
+  transition: border-color 0.14s ease;
+  &:hover { border-color: ${v.brand55}; }
+`;
+const Tile = styled.span `
+  width: 34px; height: 34px; flex: none;
+  border-radius: 9px;
+  background: ${(p) => (p.$src ? `url(${p.$src}) center/cover` : v.grad)};
+  color: ${v.onBrand};
+  display: grid; place-items: center;
+  font-weight: 700; font-size: 13px;
+`;
+const Text = styled.span `
+  display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto;
+  b { font-size: 13px; font-weight: 600; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+  span { font-size: 11px; color: ${v.faint}; line-height: 1.3; text-transform: capitalize; }
+`;
+const Chev = styled.span `color: ${v.faint}; flex: none; display: grid;`;
+const Menu = styled.div `
+  position: absolute;
+  left: 10px; right: 10px; top: 66px;
+  z-index: ${v.zPop};
+  background: ${v.surface};
+  border: 1px solid ${v.line2};
+  border-radius: ${v.rCard};
+  box-shadow: ${v.elev};
+  padding: 6px;
+  display: flex; flex-direction: column; gap: 2px;
+`;
+const MenuLabel = styled.div `
+  font-size: 10.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;
+  color: ${v.faint}; padding: 8px 8px 4px;
+`;
+const Item = styled.button `
+  display: flex; align-items: center; gap: 10px;
+  width: 100%; text-align: left;
+  padding: 7px 8px;
+  border-radius: ${v.rCtl};
+  font-size: 13px;
+  color: ${v.text};
+  background: ${(p) => (p.$on ? v.brand12 : "transparent")};
+  cursor: pointer;
+  &:hover { background: ${(p) => (p.$on ? v.brand12 : v.hover)}; }
+  small { margin-left: auto; color: ${v.faint}; font-size: 11px; text-transform: capitalize; }
+`;
+const ItemLink = styled.a `
+  display: flex; align-items: center; gap: 10px;
+  padding: 7px 8px;
+  border-radius: ${v.rCtl};
+  font-size: 13px;
+  color: ${v.muted};
+  text-decoration: none;
+  &:hover { background: ${v.hover}; color: ${v.text}; }
+  svg { margin-left: auto; font-size: 11px; }
+`;
+const Hair = styled.div `height: 1px; background: ${v.line}; margin: 4px 0;`;
+function initials(name) {
+    return name.split(/[\s-]+/).map((s) => s[0] ?? "").join("").slice(0, 2).toUpperCase();
+}
+export function TeamCard({ productLabel, authOrigin }) {
+    const c = useConsole();
+    const [open, setOpen] = useState(false);
+    const ref = useRef(null);
+    useEffect(() => {
+        if (!open)
+            return;
+        const onDoc = (e) => {
+            if (ref.current && !ref.current.contains(e.target))
+                setOpen(false);
+        };
+        const onKey = (e) => {
+            if (e.key === "Escape")
+                setOpen(false);
+        };
+        document.addEventListener("mousedown", onDoc);
+        document.addEventListener("keydown", onKey);
+        return () => {
+            document.removeEventListener("mousedown", onDoc);
+            document.removeEventListener("keydown", onKey);
+        };
+    }, [open]);
+    const t = c.activeTeam;
+    return (_jsxs("div", { ref: ref, style: { position: "relative" }, children: [_jsxs(Card, { type: "button", "aria-haspopup": "menu", "aria-expanded": open, onClick: () => setOpen((o) => !o), children: [_jsx(Tile, { "$src": t?.avatarUrl, children: t ? initials(t.name || t.slug) : "?" }), _jsxs(Text, { children: [_jsx("b", { children: t ? t.name || t.slug : "Choose a team" }), _jsx("span", { children: t ? `${t.role} · ${productLabel}` : productLabel })] }), _jsx(Chev, { children: _jsx(Icon, { name: "chevron-down", size: 14 }) })] }), open ? (_jsxs(Menu, { role: "menu", children: [_jsx(MenuLabel, { children: "Your teams" }), c.teams.map((team) => (_jsxs(Item, { role: "menuitemradio", "aria-checked": team.id === t?.id, "$on": team.id === t?.id, onClick: () => {
+                            setOpen(false);
+                            c.setTeam(team.id);
+                        }, children: [_jsx(Tile, { "$src": team.avatarUrl, style: { width: 24, height: 24, fontSize: 10, borderRadius: 7 }, children: initials(team.name || team.slug) }), team.name || team.slug, _jsx("small", { children: team.role })] }, team.id))), _jsx(Hair, {}), t ? (_jsxs(ItemLink, { href: `${authOrigin}/teams/${encodeURIComponent(t.slug)}`, children: [_jsx(Icon, { name: "members" }), " Members & roles ", _jsx(Icon, { name: "external" })] })) : null, _jsxs(ItemLink, { href: `${authOrigin}/teams?new=1`, children: [_jsx(Icon, { name: "add" }), " New team ", _jsx(Icon, { name: "external" })] })] })) : null] }));
+}
+//# sourceMappingURL=TeamCard.js.map

package/dist/TeamCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamCard.js","sourceRoot":"","sources":["../src/TeamCard.tsx"],"names":[],"mappings":"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"}

package/dist/TopBar.d.ts

@@ -0,0 +1,13 @@
+export interface Crumb {
+    label: string;
+    href?: string | undefined;
+}
+export declare function TopBar({ crumbs, searchPlaceholder, onBurger, onSearch, notifications, onNotifications, }: {
+    crumbs: Crumb[];
+    searchPlaceholder: string;
+    onBurger: () => void;
+    onSearch: () => void;
+    notifications?: number | undefined;
+    onNotifications?: (() => void) | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=TopBar.d.ts.map

package/dist/TopBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../src/TopBar.tsx"],"names":[],"mappings":"AAqDA,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,aAAiB,EACjB,eAAe,GAChB,EAAE;IACD,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CAC5C,+BA8BA"}

package/dist/TopBar.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+import { Icon, IconButton, v } from "@xeonr/platform-ui";
+// Breadcrumb whose first crumb is always the team, then the product, then
+// whatever the screen adds; ⌘K trigger; notifications.
+const Bar = styled.header `
+  height: 52px;
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 0 20px;
+  border-bottom: 1px solid ${v.line};
+  background: ${v.bg};
+  position: sticky; top: 0;
+  z-index: calc(${v.zNav} - 2);
+`;
+const Crumb = styled.span `
+  font-size: 13px;
+  color: ${(p) => (p.$last ? v.text : v.muted)};
+  font-weight: ${(p) => (p.$last ? 600 : 500)};
+  white-space: nowrap;
+  overflow: hidden; text-overflow: ellipsis;
+  max-width: 260px;
+`;
+const Sep = styled.span `color: ${v.faint}; display: grid; svg { font-size: 11px; }`;
+const Search = styled.button `
+  height: 34px;
+  width: min(320px, 32vw);
+  display: flex; align-items: center; gap: 10px;
+  padding: 0 12px;
+  border-radius: ${v.rCtl};
+  background: ${v.field};
+  border: 1px solid ${v.fieldLine};
+  color: ${v.faint};
+  font-size: 13px;
+  cursor: text;
+  span { flex: 1 1 auto; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+  kbd { font: inherit; font-size: 11px; border: 1px solid ${v.line2}; border-radius: 5px; padding: 1px 6px; }
+  &:hover { border-color: ${v.brand55}; }
+  @media (max-width: 700px) { width: 34px; padding: 0; justify-content: center; span, kbd { display: none; } }
+`;
+const Spacer = styled.div `flex: 1 1 auto;`;
+const Burger = styled(IconButton) `
+  @media (min-width: 901px) { display: none; }
+`;
+export function TopBar({ crumbs, searchPlaceholder, onBurger, onSearch, notifications = 0, onNotifications, }) {
+    return (_jsxs(Bar, { children: [_jsx(Burger, { type: "button", "aria-label": "Menu", onClick: onBurger, children: _jsx(Icon, { name: "menu" }) }), crumbs.map((c, i) => (_jsxs("span", { style: { display: "contents" }, children: [i > 0 ? _jsx(Sep, { children: _jsx(Icon, { name: "chevron-right" }) }) : null, c.href && i < crumbs.length - 1 ? (_jsx(Crumb, { as: "a", href: c.href, style: { textDecoration: "none" }, children: c.label })) : (_jsx(Crumb, { "$last": i === crumbs.length - 1, children: c.label }))] }, `${c.label}-${i}`))), _jsx(Spacer, {}), _jsxs(Search, { type: "button", onClick: onSearch, "aria-label": "Search and commands", children: [_jsx(Icon, { name: "search" }), _jsx("span", { children: searchPlaceholder }), _jsx("kbd", { children: "\u2318K" })] }), onNotifications ? (_jsxs(IconButton, { type: "button", "$size": 34, "aria-label": notifications ? `${notifications} notifications` : "Notifications", onClick: onNotifications, style: { position: "relative" }, children: [_jsx(Icon, { name: "bell" }), notifications > 0 ? (_jsx("span", { style: { position: "absolute", top: 6, right: 7, width: 8, height: 8, borderRadius: 999, background: v.danger } })) : null] })) : null] }));
+}
+//# sourceMappingURL=TopBar.js.map

package/dist/TopBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar.js","sourceRoot":"","sources":["../src/TopBar.tsx"],"names":[],"mappings":"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"}

package/dist/client.d.ts

@@ -0,0 +1,11 @@
+import type { ConsoleClient, ConsoleContext, Invitation, Me, Product, SearchResult } from "./types.ts";
+export declare function httpConsoleClient(base?: string): ConsoleClient;
+export interface MockFixtures {
+    me: Me;
+    products: Product[];
+    context?: Partial<ConsoleContext> | undefined;
+    invitations?: Invitation[] | undefined;
+    search?: ((query: string) => SearchResult[]) | undefined;
+}
+export declare function mockConsoleClient(fx: MockFixtures, delayMs?: number): ConsoleClient;
+//# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAMvG,wBAAgB,iBAAiB,CAAC,IAAI,SAAa,GAAG,aAAa,CAyBlE;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,EAAE,CAAC;IACP,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC9C,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;CAC1D;AAKD,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,YAAY,EAAE,OAAO,SAAM,GAAG,aAAa,CAkChF"}

package/dist/client.js

@@ -0,0 +1,71 @@
+// httpConsoleClient talks to the *product's own* origin. The xeonr/bff module
+// serves these paths and proxies to auth with the server-held access token, so
+// there is no CORS and no browser-held credential — which is what makes the
+// shell work on a console hosted on any domain.
+export function httpConsoleClient(base = "/console") {
+    async function call(path, init) {
+        const res = await fetch(`${base}${path}`, {
+            credentials: "same-origin",
+            headers: { "content-type": "application/json", ...(init?.headers ?? {}) },
+            ...init,
+        });
+        if (res.status === 401) {
+            // The BFF answers 401 only when there is no session at all; it has
+            // already tried a silent prompt=none entry, so this is a real sign-in.
+            window.location.assign(`/auth/login?next=${encodeURIComponent(window.location.pathname + window.location.search)}`);
+            return new Promise(() => { });
+        }
+        if (!res.ok)
+            throw new Error(`${path}: ${res.status}`);
+        return (await res.json());
+    }
+    return {
+        me: () => call("/me"),
+        listProducts: (team) => call(`/products${team ? `?team=${encodeURIComponent(team)}` : ""}`),
+        getContext: () => call("/context"),
+        setContext: (patch) => call("/context", { method: "PATCH", body: JSON.stringify(patch) }),
+        listMyInvitations: () => call("/invitations"),
+        search: (query, team) => call(`/search?q=${encodeURIComponent(query)}${team ? `&team=${encodeURIComponent(team)}` : ""}`),
+    };
+}
+// mockConsoleClient drives the shell with no server at all — the same idea as
+// container-platform's `pnpm dev:mock`. Context writes persist to localStorage
+// so pinning and team switching feel real across reloads.
+export function mockConsoleClient(fx, delayMs = 120) {
+    const KEY = "xnr.console.mock.ctx";
+    const wait = (x) => new Promise((r) => setTimeout(() => r(x), delayMs));
+    function readCtx() {
+        let stored = {};
+        try {
+            stored = JSON.parse(localStorage.getItem(KEY) ?? "{}");
+        }
+        catch {
+            stored = {};
+        }
+        return {
+            activeTeam: fx.me.teams[0]?.id ?? null,
+            pinnedProducts: fx.products.filter((p) => p.pinnedByDefault).map((p) => p.key),
+            theme: "system",
+            ...fx.context,
+            ...stored,
+        };
+    }
+    return {
+        me: () => wait(fx.me),
+        listProducts: () => wait(fx.products),
+        getContext: () => wait(readCtx()),
+        setContext: (patch) => {
+            const next = { ...readCtx(), ...patch };
+            try {
+                localStorage.setItem(KEY, JSON.stringify(next));
+            }
+            catch {
+                /* storage may be unavailable; the in-memory value still returns */
+            }
+            return wait(next);
+        },
+        listMyInvitations: () => wait(fx.invitations ?? []),
+        search: (q) => wait(fx.search ? fx.search(q) : []),
+    };
+}
+//# sourceMappingURL=client.js.map