@meetreeve/ui 0.10.0 → 0.11.0

package/dist/index.d.mts

@@ -555,6 +555,17 @@ interface ContextSwitcherItem {
     accentColor?: string | null;
     orgId?: string | null;
     orgName?: string | null;
+    /**
+     * Pre-resolved noun for what this context IS ("Company", "Space", …),
+     * rendered as a muted marker on the row. Optional, and omitted for a
+     * host's default kind — labelling every row is noise.
+     *
+     * Resolved by the host (DEV-8585), matching the `favicon` precedent
+     * above: two contexts can share a display name (a brand and a spawned
+     * company in the same org both render as "MindFortress"), and only the
+     * host knows its own vocabulary for telling them apart.
+     */
+    kindLabel?: string | null;
 }
 interface ContextOrgGroup {
     orgId: string | null;

package/dist/index.d.ts

@@ -555,6 +555,17 @@ interface ContextSwitcherItem {
     accentColor?: string | null;
     orgId?: string | null;
     orgName?: string | null;
+    /**
+     * Pre-resolved noun for what this context IS ("Company", "Space", …),
+     * rendered as a muted marker on the row. Optional, and omitted for a
+     * host's default kind — labelling every row is noise.
+     *
+     * Resolved by the host (DEV-8585), matching the `favicon` precedent
+     * above: two contexts can share a display name (a brand and a spawned
+     * company in the same org both render as "MindFortress"), and only the
+     * host knows its own vocabulary for telling them apart.
+     */
+    kindLabel?: string | null;
 }
 interface ContextOrgGroup {
     orgId: string | null;

package/dist/index.js

@@ -1403,6 +1403,10 @@ function ContextSwitcher({
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BrandGlyph, { brand: toBrand(item), subtle: true }),
                     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "flex-1 truncate text-left text-foreground/90", children: item.name }),
+                    item.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+                      " ",
+                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: item.kindLabel })
+                    ] }),
                     isActive && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.Check, { className: "size-3.5 text-emerald-500" })
                   ]
                 },

package/dist/index.mjs

@@ -1273,7 +1273,7 @@ function DropdownMenuLabel({
 }
 
 // src/context-switcher.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function groupByOrg(items) {
   return groupItemsByOrg(items, {
     orgId: (it) => it.orgId,
@@ -1348,6 +1348,10 @@ function ContextSwitcher({
                   children: [
                     /* @__PURE__ */ jsx6(BrandGlyph, { brand: toBrand(item), subtle: true }),
                     /* @__PURE__ */ jsx6("span", { className: "flex-1 truncate text-left text-foreground/90", children: item.name }),
+                    item.kindLabel && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+                      " ",
+                      /* @__PURE__ */ jsx6("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: item.kindLabel })
+                    ] }),
                     isActive && /* @__PURE__ */ jsx6(Check, { className: "size-3.5 text-emerald-500" })
                   ]
                 },
@@ -1364,7 +1368,7 @@ function ContextSwitcher({
 
 // src/connector-picker.tsx
 import { useCallback as useCallback4, useEffect as useEffect6, useRef as useRef5, useState as useState7 } from "react";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var DEFAULT_CONNECT_ERROR = "Couldn't start the connection. Please try again.";
 var DEFAULT_DISCONNECT_ERROR = "Couldn't disconnect. Please try again.";
 var DEFAULT_LOAD_ERROR = "Couldn't load connections. Please try again.";
@@ -1702,7 +1706,7 @@ function ConnectorTile({
             ] }),
             /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
               /* @__PURE__ */ jsx7("span", { "data-testid": `connector-capability-${entry.slug}`, children: capabilityLabel(entry.capability) }),
-              entry.category && /* @__PURE__ */ jsxs6(Fragment3, { children: [
+              entry.category && /* @__PURE__ */ jsxs6(Fragment4, { children: [
                 /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", children: "\xB7" }),
                 /* @__PURE__ */ jsx7("span", { className: "truncate", children: entry.category })
               ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meetreeve/ui",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Shared brand-adaptive UI primitives for MindFortress frontends — min-size tokens, a favicon→logo→monogram BrandGlyph, a responsive header that keeps the search bar usable on mobile, and AppSidebar's viewport-driven auto-collapse ladder.",
   "license": "UNLICENSED",
   "main": "./dist/index.js",