@ai-matrx/design-system 0.26.0 → 0.28.0

package/dist/index.d.cts

@@ -1475,6 +1475,22 @@ interface OrganizationPickerOrganization {
     /** Database-validated 2–3 uppercase letters. Optional — not every report carries it. */
     abbreviation?: string | null;
     isPersonal?: boolean;
+    /**
+     * THE ADDRESS, for when the NAME is not enough — its slug, or whatever else the
+     * host has that tells two of them apart.
+     *
+     * 🚨 WHY (crew D2, 2026-09-21). Two organizations called "Kessler Lab for Applied
+     * Microbial Ecology" and two called "Wraithmoor Regional Museum of Art & Craft" sat
+     * in one list, identical down to the abbreviation tile, and a person had no way of
+     * knowing which one they were about to work in. The list drew the name and nothing
+     * else, so there was nothing for it to draw.
+     *
+     * It is shown ONLY on the rows whose name another row in the list also carries —
+     * the way Slack shows a workspace's URL and Google shows the account's email, and
+     * only where it settles the question. A list of distinct names stays exactly as it
+     * was, because a second line under every row is noise a person learns to skip.
+     */
+    distinguisher?: string | null;
 }
 interface OrganizationPickerProps {
     organizations: readonly OrganizationPickerOrganization[];

package/dist/index.d.ts

@@ -1475,6 +1475,22 @@ interface OrganizationPickerOrganization {
     /** Database-validated 2–3 uppercase letters. Optional — not every report carries it. */
     abbreviation?: string | null;
     isPersonal?: boolean;
+    /**
+     * THE ADDRESS, for when the NAME is not enough — its slug, or whatever else the
+     * host has that tells two of them apart.
+     *
+     * 🚨 WHY (crew D2, 2026-09-21). Two organizations called "Kessler Lab for Applied
+     * Microbial Ecology" and two called "Wraithmoor Regional Museum of Art & Craft" sat
+     * in one list, identical down to the abbreviation tile, and a person had no way of
+     * knowing which one they were about to work in. The list drew the name and nothing
+     * else, so there was nothing for it to draw.
+     *
+     * It is shown ONLY on the rows whose name another row in the list also carries —
+     * the way Slack shows a workspace's URL and Google shows the account's email, and
+     * only where it settles the question. A list of distinct names stays exactly as it
+     * was, because a second line under every row is noise a person learns to skip.
+     */
+    distinguisher?: string | null;
 }
 interface OrganizationPickerProps {
     organizations: readonly OrganizationPickerOrganization[];

package/dist/index.js

@@ -3415,6 +3415,7 @@ function OrganizationPicker({
 }) {
   const active = organizations.find((o) => o.id === activeOrganizationId) ?? null;
   const isDefault = (id) => !!defaultOrganizationId && id === defaultOrganizationId;
+  const sharesItsName = (org) => organizations.filter((other) => other.name.trim() === org.name.trim()).length > 1;
   return /* @__PURE__ */ jsxs21("div", { className: cn("flex flex-col", className), "data-slot": "organization-picker", children: [
     !hideHeading && /* @__PURE__ */ jsx38("p", { className: "px-2 py-1.5 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Organization" }),
     loading ? /* @__PURE__ */ jsxs21("div", { className: "space-y-1 px-1 py-1", "aria-busy": "true", "aria-label": "Loading organizations", children: [
@@ -3456,7 +3457,10 @@ function OrganizationPicker({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx38("span", { className: "min-w-0 flex-1 truncate", children: org.name }),
+              /* @__PURE__ */ jsxs21("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+                /* @__PURE__ */ jsx38("span", { className: "truncate", children: org.name }),
+                sharesItsName(org) && org.distinguisher ? /* @__PURE__ */ jsx38("span", { className: "truncate text-[10px] font-normal text-muted-foreground", children: org.distinguisher }) : null
+              ] }),
               org.isPersonal && /* @__PURE__ */ jsx38("span", { className: "shrink-0 rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: "Personal" }),
               isDefault(org.id) && /* @__PURE__ */ jsx38(
                 StarIcon,