@agent-native/core 0.8.2 → 0.9.1

package/dist/client/onboarding/SetupButton.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconChecklist } from "@tabler/icons-react";
 import { useOnboarding } from "./use-onboarding.js";
 import { useDevMode } from "../use-dev-mode.js";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
 const DEV_ONLY_STEP_IDS = new Set(["database", "auth"]);
 export function SetupButton({ className }) {
     const { dismissed, loading, steps, reopen } = useOnboarding();
@@ -19,18 +20,18 @@ export function SetupButton({ className }) {
         return null;
     if (allComplete)
         return null;
-    return (_jsxs("button", { type: "button", onClick: reopen, title: "Re-open setup", "aria-label": "Re-open setup", className: className, style: {
-            display: "inline-flex",
-            alignItems: "center",
-            gap: 4,
-            padding: "2px 8px",
-            borderRadius: 5,
-            border: "1px solid rgba(96,165,250,0.3)",
-            background: "rgba(59,130,246,0.08)",
-            color: "#60a5fa",
-            fontSize: 11,
-            fontWeight: 500,
-            cursor: "pointer",
-        }, children: [_jsx(IconChecklist, { size: 12 }), "Setup"] }));
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { type: "button", onClick: reopen, "aria-label": "Re-open setup", className: className, style: {
+                        display: "inline-flex",
+                        alignItems: "center",
+                        gap: 4,
+                        padding: "2px 8px",
+                        borderRadius: 5,
+                        border: "1px solid rgba(96,165,250,0.3)",
+                        background: "rgba(59,130,246,0.08)",
+                        color: "#60a5fa",
+                        fontSize: 11,
+                        fontWeight: 500,
+                        cursor: "pointer",
+                    }, children: [_jsx(IconChecklist, { size: 12 }), "Setup"] }) }), _jsx(TooltipContent, { children: "Re-open setup" })] }));
 }
 //# sourceMappingURL=SetupButton.js.map

package/dist/client/onboarding/SetupButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetupButton.js","sourceRoot":"","sources":["../../../src/client/onboarding/SetupButton.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;AAExD,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAA0B;IAC/D,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IAC9D,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC;IACnC,MAAM,YAAY,GAAG,SAAS;QAC5B,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,YAAY,CAAC,MAAM,CAAC;IACvC,MAAM,WAAW,GAAG,YAAY;SAC7B,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;SACzB,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAE5B,IAAI,OAAO,IAAI,UAAU,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAC7C,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC5B,IAAI,WAAW;QAAE,OAAO,IAAI,CAAC;IAE7B,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,EACf,KAAK,EAAC,eAAe,gBACV,eAAe,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;YACN,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,CAAC;YACf,MAAM,EAAE,gCAAgC;YACxC,UAAU,EAAE,uBAAuB;YACnC,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,GAAG;YACf,MAAM,EAAE,SAAS;SAClB,aAED,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,aAEpB,CACV,CAAC;AACJ,CAAC","sourcesContent":["/**\n * <SetupButton /> — re-opens the onboarding panel after it's been dismissed.\n *\n * Only renders when the user has dismissed the panel but still has incomplete\n * required steps. Clicking clears the dismissal flag so the panel reappears.\n */\n\nimport React from \"react\";\nimport { IconChecklist } from \"@tabler/icons-react\";\nimport { useOnboarding } from \"./use-onboarding.js\";\nimport { useDevMode } from \"../use-dev-mode.js\";\n\nconst DEV_ONLY_STEP_IDS = new Set([\"database\", \"auth\"]);\n\nexport function SetupButton({ className }: { className?: string }) {\n  const { dismissed, loading, steps, reopen } = useOnboarding();\n  const { isDevMode } = useDevMode();\n  const visibleSteps = isDevMode\n    ? steps\n    : steps.filter((s) => !DEV_ONLY_STEP_IDS.has(s.id));\n  const totalCount = visibleSteps.length;\n  const allComplete = visibleSteps\n    .filter((s) => s.required)\n    .every((s) => s.complete);\n\n  if (loading || totalCount === 0) return null;\n  if (!dismissed) return null;\n  if (allComplete) return null;\n\n  return (\n    <button\n      type=\"button\"\n      onClick={reopen}\n      title=\"Re-open setup\"\n      aria-label=\"Re-open setup\"\n      className={className}\n      style={{\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        gap: 4,\n        padding: \"2px 8px\",\n        borderRadius: 5,\n        border: \"1px solid rgba(96,165,250,0.3)\",\n        background: \"rgba(59,130,246,0.08)\",\n        color: \"#60a5fa\",\n        fontSize: 11,\n        fontWeight: 500,\n        cursor: \"pointer\",\n      }}\n    >\n      <IconChecklist size={12} />\n      Setup\n    </button>\n  );\n}\n"]}
+{"version":3,"file":"SetupButton.js","sourceRoot":"","sources":["../../../src/client/onboarding/SetupButton.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,6BAA6B,CAAC;AAErC,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;AAExD,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAA0B;IAC/D,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IAC9D,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC;IACnC,MAAM,YAAY,GAAG,SAAS;QAC5B,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,YAAY,CAAC,MAAM,CAAC;IACvC,MAAM,WAAW,GAAG,YAAY;SAC7B,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;SACzB,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAE5B,IAAI,OAAO,IAAI,UAAU,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAC7C,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC5B,IAAI,WAAW;QAAE,OAAO,IAAI,CAAC;IAE7B,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,gBACJ,eAAe,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;wBACL,OAAO,EAAE,aAAa;wBACtB,UAAU,EAAE,QAAQ;wBACpB,GAAG,EAAE,CAAC;wBACN,OAAO,EAAE,SAAS;wBAClB,YAAY,EAAE,CAAC;wBACf,MAAM,EAAE,gCAAgC;wBACxC,UAAU,EAAE,uBAAuB;wBACnC,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;wBACf,MAAM,EAAE,SAAS;qBAClB,aAED,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,aAEpB,GACM,EACjB,KAAC,cAAc,gCAA+B,IACtC,CACX,CAAC;AACJ,CAAC","sourcesContent":["/**\n * <SetupButton /> — re-opens the onboarding panel after it's been dismissed.\n *\n * Only renders when the user has dismissed the panel but still has incomplete\n * required steps. Clicking clears the dismissal flag so the panel reappears.\n */\n\nimport React from \"react\";\nimport { IconChecklist } from \"@tabler/icons-react\";\nimport { useOnboarding } from \"./use-onboarding.js\";\nimport { useDevMode } from \"../use-dev-mode.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\n\nconst DEV_ONLY_STEP_IDS = new Set([\"database\", \"auth\"]);\n\nexport function SetupButton({ className }: { className?: string }) {\n  const { dismissed, loading, steps, reopen } = useOnboarding();\n  const { isDevMode } = useDevMode();\n  const visibleSteps = isDevMode\n    ? steps\n    : steps.filter((s) => !DEV_ONLY_STEP_IDS.has(s.id));\n  const totalCount = visibleSteps.length;\n  const allComplete = visibleSteps\n    .filter((s) => s.required)\n    .every((s) => s.complete);\n\n  if (loading || totalCount === 0) return null;\n  if (!dismissed) return null;\n  if (allComplete) return null;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          onClick={reopen}\n          aria-label=\"Re-open setup\"\n          className={className}\n          style={{\n            display: \"inline-flex\",\n            alignItems: \"center\",\n            gap: 4,\n            padding: \"2px 8px\",\n            borderRadius: 5,\n            border: \"1px solid rgba(96,165,250,0.3)\",\n            background: \"rgba(59,130,246,0.08)\",\n            color: \"#60a5fa\",\n            fontSize: 11,\n            fontWeight: 500,\n            cursor: \"pointer\",\n          }}\n        >\n          <IconChecklist size={12} />\n          Setup\n        </button>\n      </TooltipTrigger>\n      <TooltipContent>Re-open setup</TooltipContent>\n    </Tooltip>\n  );\n}\n"]}

package/dist/client/org/InvitationBanner.d.ts

@@ -2,8 +2,14 @@ export interface InvitationBannerProps {
     className?: string;
 }
 /**
- * Top-of-app banner that surfaces pending org invitations with an inline
- * Accept button. Renders nothing when there are no pending invites.
+ * Top-of-app banner that surfaces:
+ *   - Pending org invitations (one-click Accept).
+ *   - Domain-match orgs the user can auto-join because their email domain
+ *     matches `organizations.allowed_domain` (one-click Join). Lets a new
+ *     signup at e.g. `someone@builder.io` see and join the existing
+ *     Builder.io org without going through the picker.
+ *
+ * Renders nothing when there's nothing to surface.
  */
 export declare function InvitationBanner({ className }: InvitationBannerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InvitationBanner.d.ts.map

package/dist/client/org/InvitationBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationBanner.d.ts","sourceRoot":"","sources":["../../../src/client/org/InvitationBanner.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CA0CpE"}
+{"version":3,"file":"InvitationBanner.d.ts","sourceRoot":"","sources":["../../../src/client/org/InvitationBanner.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAoFpE"}

package/dist/client/org/InvitationBanner.js

@@ -1,17 +1,38 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { IconLoader2 } from "@tabler/icons-react";
-import { useOrg, useAcceptInvitation } from "./hooks.js";
+import { useOrg, useAcceptInvitation, useJoinByDomain } from "./hooks.js";
 /**
- * Top-of-app banner that surfaces pending org invitations with an inline
- * Accept button. Renders nothing when there are no pending invites.
+ * Top-of-app banner that surfaces:
+ *   - Pending org invitations (one-click Accept).
+ *   - Domain-match orgs the user can auto-join because their email domain
+ *     matches `organizations.allowed_domain` (one-click Join). Lets a new
+ *     signup at e.g. `someone@builder.io` see and join the existing
+ *     Builder.io org without going through the picker.
+ *
+ * Renders nothing when there's nothing to surface.
  */
 export function InvitationBanner({ className }) {
     const { data: org } = useOrg();
     const acceptInvitation = useAcceptInvitation();
-    if (!org?.pendingInvitations?.length)
+    const joinByDomain = useJoinByDomain();
+    const [joiningOrgId, setJoiningOrgId] = useState(null);
+    const pendingInvitations = org?.pendingInvitations ?? [];
+    const domainMatches = org?.domainMatches ?? [];
+    if (pendingInvitations.length === 0 && domainMatches.length === 0) {
         return null;
-    return (_jsxs("div", { className: `border-b border-border bg-blue-50 dark:bg-blue-950/30 px-3 py-2.5 sm:px-4 ${className ?? ""}`, children: [org.pendingInvitations.map((inv) => (_jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [_jsxs("span", { className: "text-foreground", children: [_jsx("span", { className: "font-medium", children: inv.invitedBy }), " invited you to join ", _jsx("span", { className: "font-medium", children: inv.orgName })] }), _jsx("button", { type: "button", onClick: () => {
+    }
+    const error = acceptInvitation.error || joinByDomain.error;
+    return (_jsxs("div", { className: `border-b border-border bg-blue-50 dark:bg-blue-950/30 px-3 py-2.5 sm:px-4 ${className ?? ""}`, children: [pendingInvitations.map((inv) => (_jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [_jsxs("span", { className: "text-foreground", children: [_jsx("span", { className: "font-medium", children: inv.invitedBy }), " invited you to join ", _jsx("span", { className: "font-medium", children: inv.orgName })] }), _jsx("button", { type: "button", onClick: () => {
                             acceptInvitation.mutate(inv.id);
-                        }, disabled: acceptInvitation.isPending, className: "rounded-md bg-green-600 px-2.5 py-1 text-xs font-medium text-white hover:bg-green-700 disabled:opacity-50", children: acceptInvitation.isPending ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : ("Join") })] }, inv.id))), acceptInvitation.error && (_jsx("div", { className: "mt-1 text-xs text-red-600", children: acceptInvitation.error.message }))] }));
+                        }, disabled: acceptInvitation.isPending, className: "rounded-md bg-green-600 px-2.5 py-1 text-xs font-medium text-white hover:bg-green-700 disabled:opacity-50 cursor-pointer", children: acceptInvitation.isPending ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : ("Join") })] }, inv.id))), domainMatches.map((match) => {
+                const isJoining = joinByDomain.isPending && joiningOrgId === match.orgId;
+                return (_jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [_jsxs("span", { className: "text-foreground", children: ["Your team is already using this app. Join", " ", _jsx("span", { className: "font-medium", children: match.orgName }), " to collaborate."] }), _jsx("button", { type: "button", onClick: () => {
+                                setJoiningOrgId(match.orgId);
+                                joinByDomain.mutate(match.orgId, {
+                                    onSettled: () => setJoiningOrgId(null),
+                                });
+                            }, disabled: joinByDomain.isPending, className: "rounded-md bg-green-600 px-2.5 py-1 text-xs font-medium text-white hover:bg-green-700 disabled:opacity-50 cursor-pointer", children: isJoining ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : ("Join") })] }, match.orgId));
+            }), error && (_jsx("div", { className: "mt-1 text-xs text-red-600", children: error.message }))] }));
 }
 //# sourceMappingURL=InvitationBanner.js.map

package/dist/client/org/InvitationBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationBanner.js","sourceRoot":"","sources":["../../../src/client/org/InvitationBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAMzD;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAyB;IACnE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;IAC/B,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,IAAI,CAAC,GAAG,EAAE,kBAAkB,EAAE,MAAM;QAAE,OAAO,IAAI,CAAC;IAElD,OAAO,CACL,eACE,SAAS,EAAE,6EAA6E,SAAS,IAAI,EAAE,EAAE,aAExG,GAAG,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACnC,eAEE,SAAS,EAAC,iDAAiD,aAE3D,gBAAM,SAAS,EAAC,iBAAiB,aAC/B,eAAM,SAAS,EAAC,aAAa,YAAE,GAAG,CAAC,SAAS,GAAQ,2BAC/C,eAAM,SAAS,EAAC,aAAa,YAAE,GAAG,CAAC,OAAO,GAAQ,IAClD,EACP,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;4BACZ,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;wBAClC,CAAC,EACD,QAAQ,EAAE,gBAAgB,CAAC,SAAS,EACpC,SAAS,EAAC,2GAA2G,YAEpH,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,CAC5B,KAAC,WAAW,IAAC,SAAS,EAAC,sBAAsB,GAAG,CACjD,CAAC,CAAC,CAAC,CACF,MAAM,CACP,GACM,KApBJ,GAAG,CAAC,EAAE,CAqBP,CACP,CAAC,EACD,gBAAgB,CAAC,KAAK,IAAI,CACzB,cAAK,SAAS,EAAC,2BAA2B,YACtC,gBAAgB,CAAC,KAAe,CAAC,OAAO,GACtC,CACP,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { IconLoader2 } from \"@tabler/icons-react\";\nimport { useOrg, useAcceptInvitation } from \"./hooks.js\";\n\nexport interface InvitationBannerProps {\n  className?: string;\n}\n\n/**\n * Top-of-app banner that surfaces pending org invitations with an inline\n * Accept button. Renders nothing when there are no pending invites.\n */\nexport function InvitationBanner({ className }: InvitationBannerProps) {\n  const { data: org } = useOrg();\n  const acceptInvitation = useAcceptInvitation();\n\n  if (!org?.pendingInvitations?.length) return null;\n\n  return (\n    <div\n      className={`border-b border-border bg-blue-50 dark:bg-blue-950/30 px-3 py-2.5 sm:px-4 ${className ?? \"\"}`}\n    >\n      {org.pendingInvitations.map((inv) => (\n        <div\n          key={inv.id}\n          className=\"flex items-center justify-between gap-3 text-sm\"\n        >\n          <span className=\"text-foreground\">\n            <span className=\"font-medium\">{inv.invitedBy}</span> invited you to\n            join <span className=\"font-medium\">{inv.orgName}</span>\n          </span>\n          <button\n            type=\"button\"\n            onClick={() => {\n              acceptInvitation.mutate(inv.id);\n            }}\n            disabled={acceptInvitation.isPending}\n            className=\"rounded-md bg-green-600 px-2.5 py-1 text-xs font-medium text-white hover:bg-green-700 disabled:opacity-50\"\n          >\n            {acceptInvitation.isPending ? (\n              <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n            ) : (\n              \"Join\"\n            )}\n          </button>\n        </div>\n      ))}\n      {acceptInvitation.error && (\n        <div className=\"mt-1 text-xs text-red-600\">\n          {(acceptInvitation.error as Error).message}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"InvitationBanner.js","sourceRoot":"","sources":["../../../src/client/org/InvitationBanner.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport { IconLoader2 } from \"@tabler/icons-react\";\nimport { useOrg, useAcceptInvitation, useJoinByDomain } from \"./hooks.js\";\n\nexport interface InvitationBannerProps {\n  className?: string;\n}\n\n/**\n * Top-of-app banner that surfaces:\n *   - Pending org invitations (one-click Accept).\n *   - Domain-match orgs the user can auto-join because their email domain\n *     matches `organizations.allowed_domain` (one-click Join). Lets a new\n *     signup at e.g. `someone@builder.io` see and join the existing\n *     Builder.io org without going through the picker.\n *\n * Renders nothing when there's nothing to surface.\n */\nexport function InvitationBanner({ className }: InvitationBannerProps) {\n  const { data: org } = useOrg();\n  const acceptInvitation = useAcceptInvitation();\n  const joinByDomain = useJoinByDomain();\n  const [joiningOrgId, setJoiningOrgId] = useState<string | null>(null);\n\n  const pendingInvitations = org?.pendingInvitations ?? [];\n  const domainMatches = org?.domainMatches ?? [];\n\n  if (pendingInvitations.length === 0 && domainMatches.length === 0) {\n    return null;\n  }\n\n  const error = acceptInvitation.error || joinByDomain.error;\n\n  return (\n    <div\n      className={`border-b border-border bg-blue-50 dark:bg-blue-950/30 px-3 py-2.5 sm:px-4 ${className ?? \"\"}`}\n    >\n      {pendingInvitations.map((inv) => (\n        <div\n          key={inv.id}\n          className=\"flex items-center justify-between gap-3 text-sm\"\n        >\n          <span className=\"text-foreground\">\n            <span className=\"font-medium\">{inv.invitedBy}</span> invited you to\n            join <span className=\"font-medium\">{inv.orgName}</span>\n          </span>\n          <button\n            type=\"button\"\n            onClick={() => {\n              acceptInvitation.mutate(inv.id);\n            }}\n            disabled={acceptInvitation.isPending}\n            className=\"rounded-md bg-green-600 px-2.5 py-1 text-xs font-medium text-white hover:bg-green-700 disabled:opacity-50 cursor-pointer\"\n          >\n            {acceptInvitation.isPending ? (\n              <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n            ) : (\n              \"Join\"\n            )}\n          </button>\n        </div>\n      ))}\n      {domainMatches.map((match) => {\n        const isJoining =\n          joinByDomain.isPending && joiningOrgId === match.orgId;\n        return (\n          <div\n            key={match.orgId}\n            className=\"flex items-center justify-between gap-3 text-sm\"\n          >\n            <span className=\"text-foreground\">\n              Your team is already using this app. Join{\" \"}\n              <span className=\"font-medium\">{match.orgName}</span> to\n              collaborate.\n            </span>\n            <button\n              type=\"button\"\n              onClick={() => {\n                setJoiningOrgId(match.orgId);\n                joinByDomain.mutate(match.orgId, {\n                  onSettled: () => setJoiningOrgId(null),\n                });\n              }}\n              disabled={joinByDomain.isPending}\n              className=\"rounded-md bg-green-600 px-2.5 py-1 text-xs font-medium text-white hover:bg-green-700 disabled:opacity-50 cursor-pointer\"\n            >\n              {isJoining ? (\n                <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n              ) : (\n                \"Join\"\n              )}\n            </button>\n          </div>\n        );\n      })}\n      {error && (\n        <div className=\"mt-1 text-xs text-red-600\">\n          {(error as Error).message}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/client/org/OrgSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrgSwitcher.d.ts","sourceRoot":"","sources":["../../../src/client/org/OrgSwitcher.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAyBD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,cAAc,EACd,YAAY,GACb,EAAE,gBAAgB,2CAgVlB"}
+{"version":3,"file":"OrgSwitcher.d.ts","sourceRoot":"","sources":["../../../src/client/org/OrgSwitcher.tsx"],"names":[],"mappings":"AAsBA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAyBD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,cAAc,EACd,YAAY,GACb,EAAE,gBAAgB,2CA4YlB"}

package/dist/client/org/OrgSwitcher.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState } from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { IconBuilding, IconCheck, IconLoader2, IconLogout, IconPlus, IconSelector, IconUser, IconUserPlus, } from "@tabler/icons-react";
-import { useOrg, useSwitchOrg, useCreateOrg, useInviteMember, useAcceptInvitation, } from "./hooks.js";
+import { useOrg, useSwitchOrg, useCreateOrg, useInviteMember, useAcceptInvitation, useJoinByDomain, } from "./hooks.js";
 import { agentNativePath } from "../api-path.js";
 function personalLabelFromEmail(email) {
     if (!email)
@@ -32,11 +32,13 @@ export function OrgSwitcher({ className, hideWhenSingle, reserveSpace, }) {
     const createOrg = useCreateOrg();
     const inviteMember = useInviteMember();
     const acceptInvitation = useAcceptInvitation();
+    const joinByDomain = useJoinByDomain();
     const [open, setOpen] = useState(false);
     const [mode, setMode] = useState("list");
     const [newName, setNewName] = useState("");
     const [inviteEmail, setInviteEmail] = useState("");
     const [signingOut, setSigningOut] = useState(false);
+    const [joiningOrgId, setJoiningOrgId] = useState(null);
     const handleOpenChange = (next) => {
         setOpen(next);
         if (!next) {
@@ -65,12 +67,16 @@ export function OrgSwitcher({ className, hideWhenSingle, reserveSpace, }) {
     }
     const orgs = org.orgs ?? [];
     const pendingInvitations = org.pendingInvitations ?? [];
+    const domainMatches = org.domainMatches ?? [];
     const orgCount = orgs.length;
-    const hasAny = orgCount > 0 || pendingInvitations.length > 0;
+    const hasAny = orgCount > 0 || pendingInvitations.length > 0 || domainMatches.length > 0;
     if (!hasAny && !org.email) {
         return reserveSpace ? (_jsx("div", { "aria-hidden": "true", className: `h-8 ${className ?? ""}` })) : null;
     }
-    if (hideWhenSingle && orgCount < 2 && pendingInvitations.length === 0) {
+    if (hideWhenSingle &&
+        orgCount < 2 &&
+        pendingInvitations.length === 0 &&
+        domainMatches.length === 0) {
         return reserveSpace ? (_jsx("div", { "aria-hidden": "true", className: `h-8 ${className ?? ""}` })) : null;
     }
     const canInvite = !!org.orgId && (org.role === "owner" || org.role === "admin");
@@ -102,8 +108,26 @@ export function OrgSwitcher({ className, hideWhenSingle, reserveSpace, }) {
                                                         catch {
                                                             /* error surfaced via acceptInvitation.error */
                                                         }
-                                                    }, disabled: acceptInvitation.isPending, className: "rounded px-1.5 py-0.5 text-[11px] font-medium text-primary hover:bg-primary/10 disabled:opacity-50 cursor-pointer", children: acceptInvitation.isPending ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : ("Join") })] }, inv.id)))] })), _jsx("div", { className: "my-1 h-px bg-border" }), _jsxs("button", { type: "button", onClick: () => setMode("create"), className: `${ITEM_CLASS} cursor-pointer`, children: [_jsx(IconPlus, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "flex-1 text-left", children: "Create organization" })] }), canInvite && (_jsxs("button", { type: "button", onClick: () => setMode("invite"), className: `${ITEM_CLASS} cursor-pointer`, children: [_jsx(IconUserPlus, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "flex-1 text-left", children: "Invite member" })] })), _jsx("div", { className: "my-1 h-px bg-border" }), _jsxs("button", { type: "button", onClick: handleSignOut, disabled: signingOut, className: `${ITEM_CLASS} cursor-pointer`, children: [signingOut ? (_jsx(IconLoader2, { className: "h-3.5 w-3.5 shrink-0 animate-spin text-muted-foreground" })) : (_jsx(IconLogout, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })), _jsxs("span", { className: "flex-1 text-left", children: ["Sign out", org.email ? (_jsxs("span", { className: "ml-1 text-muted-foreground", children: ["(", org.email, ")"] })) : null] })] }), (switchOrg.error || acceptInvitation.error) && (_jsx("div", { className: "px-2.5 pt-1 text-[11px] text-destructive", children: (switchOrg.error || acceptInvitation.error)
-                                        .message }))] })), mode === "create" && (_jsxs("form", { onSubmit: async (e) => {
+                                                    }, disabled: acceptInvitation.isPending, className: "rounded px-1.5 py-0.5 text-[11px] font-medium text-primary hover:bg-primary/10 disabled:opacity-50 cursor-pointer", children: acceptInvitation.isPending ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : ("Join") })] }, inv.id)))] })), domainMatches.length > 0 && (_jsxs(_Fragment, { children: [(orgs.length > 0 || pendingInvitations.length > 0) && (_jsx("div", { className: "my-1 h-px bg-border" })), _jsx("div", { className: SECTION_LABEL_CLASS, children: "Join your team" }), domainMatches.map((match) => {
+                                            const isJoining = joinByDomain.isPending && joiningOrgId === match.orgId;
+                                            return (_jsxs("div", { className: "flex items-center gap-2 px-2.5 py-1.5 text-xs", children: [_jsx(IconBuilding, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "truncate flex-1 text-foreground", children: match.orgName }), _jsx("button", { type: "button", onClick: async () => {
+                                                            setJoiningOrgId(match.orgId);
+                                                            try {
+                                                                await joinByDomain.mutateAsync(match.orgId);
+                                                                setOpen(false);
+                                                            }
+                                                            catch {
+                                                                /* error surfaced via joinByDomain.error */
+                                                            }
+                                                            finally {
+                                                                setJoiningOrgId(null);
+                                                            }
+                                                        }, disabled: joinByDomain.isPending, className: "rounded px-1.5 py-0.5 text-[11px] font-medium text-primary hover:bg-primary/10 disabled:opacity-50 cursor-pointer", children: isJoining ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : ("Join") })] }, match.orgId));
+                                        })] })), _jsx("div", { className: "my-1 h-px bg-border" }), _jsxs("button", { type: "button", onClick: () => setMode("create"), className: `${ITEM_CLASS} cursor-pointer`, children: [_jsx(IconPlus, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "flex-1 text-left", children: "Create organization" })] }), canInvite && (_jsxs("button", { type: "button", onClick: () => setMode("invite"), className: `${ITEM_CLASS} cursor-pointer`, children: [_jsx(IconUserPlus, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "flex-1 text-left", children: "Invite member" })] })), _jsx("div", { className: "my-1 h-px bg-border" }), _jsxs("button", { type: "button", onClick: handleSignOut, disabled: signingOut, className: `${ITEM_CLASS} cursor-pointer`, children: [signingOut ? (_jsx(IconLoader2, { className: "h-3.5 w-3.5 shrink-0 animate-spin text-muted-foreground" })) : (_jsx(IconLogout, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })), _jsxs("span", { className: "flex-1 text-left", children: ["Sign out", org.email ? (_jsxs("span", { className: "ml-1 text-muted-foreground", children: ["(", org.email, ")"] })) : null] })] }), (switchOrg.error ||
+                                    acceptInvitation.error ||
+                                    joinByDomain.error) && (_jsx("div", { className: "px-2.5 pt-1 text-[11px] text-destructive", children: (switchOrg.error ||
+                                        acceptInvitation.error ||
+                                        joinByDomain.error).message }))] })), mode === "create" && (_jsxs("form", { onSubmit: async (e) => {
                                 e.preventDefault();
                                 const name = newName.trim();
                                 if (!name)

package/dist/client/org/OrgSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrgSwitcher.js","sourceRoot":"","sources":["../../../src/client/org/OrgSwitcher.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport {\n  IconBuilding,\n  IconCheck,\n  IconLoader2,\n  IconLogout,\n  IconPlus,\n  IconSelector,\n  IconUser,\n  IconUserPlus,\n} from \"@tabler/icons-react\";\nimport {\n  useOrg,\n  useSwitchOrg,\n  useCreateOrg,\n  useInviteMember,\n  useAcceptInvitation,\n} from \"./hooks.js\";\nimport { agentNativePath } from \"../api-path.js\";\n\nexport interface OrgSwitcherProps {\n  className?: string;\n  /** Hide entirely when the user only belongs to one org. Default: false. */\n  hideWhenSingle?: boolean;\n  /** Keep the switcher's button height reserved while org state is loading. */\n  reserveSpace?: boolean;\n}\n\nfunction personalLabelFromEmail(email: string | null | undefined): string {\n  if (!email) return \"Personal\";\n  const local = email.split(\"@\")[0] ?? email;\n  const cleaned = local.replace(/[._-]+/g, \" \").trim();\n  if (!cleaned) return \"Personal\";\n  return cleaned\n    .split(\" \")\n    .filter(Boolean)\n    .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n    .join(\" \");\n}\n\ntype Mode = \"list\" | \"create\" | \"invite\";\n\nconst POPOVER_CONTENT_CLASS =\n  \"z-50 min-w-[14rem] rounded-md border border-border bg-popover py-1 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\";\n\nconst ITEM_CLASS =\n  \"flex w-full items-center gap-2 px-2.5 py-1.5 text-xs text-foreground hover:bg-accent focus-visible:bg-accent focus:outline-none disabled:opacity-50 disabled:pointer-events-none\";\n\nconst SECTION_LABEL_CLASS =\n  \"px-2.5 pt-1 pb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground\";\n\n/**\n * Compact org switcher button. Shows the active org (or \"Personal\" when the\n * user has none); opens a popover with the user's other orgs, pending\n * invitations, inline forms to create a new org / invite a teammate, and a\n * sign-out item. Renders nothing in dev / no-auth mode.\n */\nexport function OrgSwitcher({\n  className,\n  hideWhenSingle,\n  reserveSpace,\n}: OrgSwitcherProps) {\n  const { data: org, isLoading } = useOrg();\n  const switchOrg = useSwitchOrg();\n  const createOrg = useCreateOrg();\n  const inviteMember = useInviteMember();\n  const acceptInvitation = useAcceptInvitation();\n  const [open, setOpen] = useState(false);\n  const [mode, setMode] = useState<Mode>(\"list\");\n  const [newName, setNewName] = useState(\"\");\n  const [inviteEmail, setInviteEmail] = useState(\"\");\n  const [signingOut, setSigningOut] = useState(false);\n\n  const handleOpenChange = (next: boolean) => {\n    setOpen(next);\n    if (!next) {\n      setMode(\"list\");\n      setNewName(\"\");\n      setInviteEmail(\"\");\n    }\n  };\n\n  const handleSignOut = async () => {\n    if (signingOut) return;\n    setSigningOut(true);\n    try {\n      await fetch(agentNativePath(\"/_agent-native/auth/logout\"), {\n        method: \"POST\",\n        credentials: \"include\",\n      });\n    } catch {\n      /* fall through to reload — server may already have cleared the cookie */\n    }\n    window.location.reload();\n  };\n\n  if (!org) {\n    return reserveSpace && isLoading ? (\n      <div aria-hidden=\"true\" className={`h-8 ${className ?? \"\"}`} />\n    ) : null;\n  }\n\n  const orgs = org.orgs ?? [];\n  const pendingInvitations = org.pendingInvitations ?? [];\n  const orgCount = orgs.length;\n  const hasAny = orgCount > 0 || pendingInvitations.length > 0;\n  if (!hasAny && !org.email) {\n    return reserveSpace ? (\n      <div aria-hidden=\"true\" className={`h-8 ${className ?? \"\"}`} />\n    ) : null;\n  }\n  if (hideWhenSingle && orgCount < 2 && pendingInvitations.length === 0) {\n    return reserveSpace ? (\n      <div aria-hidden=\"true\" className={`h-8 ${className ?? \"\"}`} />\n    ) : null;\n  }\n\n  const canInvite =\n    !!org.orgId && (org.role === \"owner\" || org.role === \"admin\");\n\n  const personalLabel = personalLabelFromEmail(org.email);\n  const inOrg = !!org.orgId;\n  const buttonLabel = org.orgName ?? \"Personal\";\n  const ButtonIcon = inOrg ? IconBuilding : IconUser;\n\n  return (\n    <PopoverPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n      <PopoverPrimitive.Trigger asChild>\n        <button\n          type=\"button\"\n          className={`flex w-full items-center gap-2 rounded-md border border-border/50 px-2.5 py-1.5 text-xs font-medium text-muted-foreground hover:bg-accent/50 hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring cursor-pointer ${className ?? \"\"}`}\n        >\n          <ButtonIcon className=\"h-3.5 w-3.5 shrink-0\" />\n          <span className=\"truncate flex-1 text-left\">{buttonLabel}</span>\n          <IconSelector className=\"h-3 w-3 shrink-0 opacity-50\" />\n        </button>\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Content\n          side=\"top\"\n          align=\"start\"\n          sideOffset={6}\n          collisionPadding={12}\n          className={POPOVER_CONTENT_CLASS}\n          onOpenAutoFocus={(e) => {\n            // Don't auto-focus the first item — feels heavy on a switcher.\n            if (mode === \"list\") e.preventDefault();\n          }}\n        >\n          {mode === \"list\" && (\n            <>\n              {!inOrg && (\n                <div\n                  className=\"flex w-full items-center gap-2 px-2.5 py-1.5 text-xs text-muted-foreground\"\n                  aria-disabled=\"true\"\n                >\n                  <IconUser className=\"h-3.5 w-3.5 shrink-0\" />\n                  <span className=\"truncate flex-1 text-left\">\n                    Personal ({personalLabel})\n                  </span>\n                </div>\n              )}\n              {orgs.length > 0 && (\n                <div className={SECTION_LABEL_CLASS}>Organizations</div>\n              )}\n              {orgs.map((o) => (\n                <button\n                  key={o.orgId}\n                  type=\"button\"\n                  onClick={async () => {\n                    if (o.orgId === org.orgId) {\n                      setOpen(false);\n                      return;\n                    }\n                    try {\n                      await switchOrg.mutateAsync(o.orgId);\n                      setOpen(false);\n                    } catch {\n                      /* error surfaced via switchOrg.error */\n                    }\n                  }}\n                  disabled={switchOrg.isPending}\n                  className={`${ITEM_CLASS} cursor-pointer`}\n                >\n                  <IconBuilding className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n                  <span className=\"truncate flex-1 text-left\">{o.orgName}</span>\n                  {o.orgId === org.orgId && (\n                    <IconCheck className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n                  )}\n                </button>\n              ))}\n\n              {pendingInvitations.length > 0 && (\n                <>\n                  {orgs.length > 0 && <div className=\"my-1 h-px bg-border\" />}\n                  <div className={SECTION_LABEL_CLASS}>Invitations</div>\n                  {pendingInvitations.map((inv) => (\n                    <div\n                      key={inv.id}\n                      className=\"flex items-center gap-2 px-2.5 py-1.5 text-xs\"\n                    >\n                      <IconBuilding className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n                      <span className=\"truncate flex-1 text-foreground\">\n                        {inv.orgName}\n                      </span>\n                      <button\n                        type=\"button\"\n                        onClick={async () => {\n                          try {\n                            await acceptInvitation.mutateAsync(inv.id);\n                            setOpen(false);\n                          } catch {\n                            /* error surfaced via acceptInvitation.error */\n                          }\n                        }}\n                        disabled={acceptInvitation.isPending}\n                        className=\"rounded px-1.5 py-0.5 text-[11px] font-medium text-primary hover:bg-primary/10 disabled:opacity-50 cursor-pointer\"\n                      >\n                        {acceptInvitation.isPending ? (\n                          <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n                        ) : (\n                          \"Join\"\n                        )}\n                      </button>\n                    </div>\n                  ))}\n                </>\n              )}\n\n              <div className=\"my-1 h-px bg-border\" />\n              <button\n                type=\"button\"\n                onClick={() => setMode(\"create\")}\n                className={`${ITEM_CLASS} cursor-pointer`}\n              >\n                <IconPlus className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n                <span className=\"flex-1 text-left\">Create organization</span>\n              </button>\n              {canInvite && (\n                <button\n                  type=\"button\"\n                  onClick={() => setMode(\"invite\")}\n                  className={`${ITEM_CLASS} cursor-pointer`}\n                >\n                  <IconUserPlus className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n                  <span className=\"flex-1 text-left\">Invite member</span>\n                </button>\n              )}\n\n              <div className=\"my-1 h-px bg-border\" />\n              <button\n                type=\"button\"\n                onClick={handleSignOut}\n                disabled={signingOut}\n                className={`${ITEM_CLASS} cursor-pointer`}\n              >\n                {signingOut ? (\n                  <IconLoader2 className=\"h-3.5 w-3.5 shrink-0 animate-spin text-muted-foreground\" />\n                ) : (\n                  <IconLogout className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n                )}\n                <span className=\"flex-1 text-left\">\n                  Sign out\n                  {org.email ? (\n                    <span className=\"ml-1 text-muted-foreground\">\n                      ({org.email})\n                    </span>\n                  ) : null}\n                </span>\n              </button>\n\n              {(switchOrg.error || acceptInvitation.error) && (\n                <div className=\"px-2.5 pt-1 text-[11px] text-destructive\">\n                  {\n                    ((switchOrg.error || acceptInvitation.error) as Error)\n                      .message\n                  }\n                </div>\n              )}\n            </>\n          )}\n\n          {mode === \"create\" && (\n            <form\n              onSubmit={async (e) => {\n                e.preventDefault();\n                const name = newName.trim();\n                if (!name) return;\n                try {\n                  await createOrg.mutateAsync(name);\n                  setOpen(false);\n                } catch {\n                  /* error surfaced via createOrg.error */\n                }\n              }}\n              className=\"px-2 py-1.5\"\n            >\n              <div className=\"px-0.5 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground\">\n                New organization\n              </div>\n              <input\n                autoFocus\n                value={newName}\n                onChange={(e) => setNewName(e.target.value)}\n                placeholder=\"Organization name\"\n                disabled={createOrg.isPending}\n                className=\"w-full rounded-md border border-input bg-background px-2 py-1.5 text-xs outline-none focus:ring-2 focus:ring-ring disabled:opacity-50\"\n              />\n              {createOrg.error && (\n                <div className=\"pt-1 text-[11px] text-destructive\">\n                  {(createOrg.error as Error).message}\n                </div>\n              )}\n              <div className=\"flex items-center gap-1.5 pt-1.5\">\n                <button\n                  type=\"button\"\n                  onClick={() => setMode(\"list\")}\n                  disabled={createOrg.isPending}\n                  className=\"flex-1 rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-accent disabled:opacity-50 cursor-pointer\"\n                >\n                  Cancel\n                </button>\n                <button\n                  type=\"submit\"\n                  disabled={createOrg.isPending || !newName.trim()}\n                  className=\"flex-1 rounded-md bg-primary px-2 py-1 text-xs font-medium text-primary-foreground hover:opacity-90 disabled:opacity-50 cursor-pointer\"\n                >\n                  {createOrg.isPending ? (\n                    <IconLoader2 className=\"mx-auto h-3 w-3 animate-spin\" />\n                  ) : (\n                    \"Create\"\n                  )}\n                </button>\n              </div>\n            </form>\n          )}\n\n          {mode === \"invite\" && (\n            <form\n              onSubmit={async (e) => {\n                e.preventDefault();\n                const email = inviteEmail.trim();\n                if (!email) return;\n                try {\n                  await inviteMember.mutateAsync(email);\n                  setInviteEmail(\"\");\n                  setMode(\"list\");\n                } catch {\n                  /* error surfaced via inviteMember.error */\n                }\n              }}\n              className=\"px-2 py-1.5\"\n            >\n              <div className=\"px-0.5 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground\">\n                Invite to {org.orgName}\n              </div>\n              <input\n                autoFocus\n                type=\"email\"\n                value={inviteEmail}\n                onChange={(e) => setInviteEmail(e.target.value)}\n                placeholder=\"teammate@company.com\"\n                disabled={inviteMember.isPending}\n                className=\"w-full rounded-md border border-input bg-background px-2 py-1.5 text-xs outline-none focus:ring-2 focus:ring-ring disabled:opacity-50\"\n              />\n              {inviteMember.error && (\n                <div className=\"pt-1 text-[11px] text-destructive\">\n                  {(inviteMember.error as Error).message}\n                </div>\n              )}\n              <div className=\"flex items-center gap-1.5 pt-1.5\">\n                <button\n                  type=\"button\"\n                  onClick={() => setMode(\"list\")}\n                  disabled={inviteMember.isPending}\n                  className=\"flex-1 rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-accent disabled:opacity-50 cursor-pointer\"\n                >\n                  Cancel\n                </button>\n                <button\n                  type=\"submit\"\n                  disabled={inviteMember.isPending || !inviteEmail.trim()}\n                  className=\"flex-1 rounded-md bg-primary px-2 py-1 text-xs font-medium text-primary-foreground hover:opacity-90 disabled:opacity-50 cursor-pointer\"\n                >\n                  {inviteMember.isPending ? (\n                    <IconLoader2 className=\"mx-auto h-3 w-3 animate-spin\" />\n                  ) : (\n                    \"Send invite\"\n                  )}\n                </button>\n              </div>\n            </form>\n          )}\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n"]}
+{"version":3,"file":"OrgSwitcher.js","sourceRoot":"","sources":["../../../src/client/org/OrgSwitcher.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport {\n  IconBuilding,\n  IconCheck,\n  IconLoader2,\n  IconLogout,\n  IconPlus,\n  IconSelector,\n  IconUser,\n  IconUserPlus,\n} from \"@tabler/icons-react\";\nimport {\n  useOrg,\n  useSwitchOrg,\n  useCreateOrg,\n  useInviteMember,\n  useAcceptInvitation,\n  useJoinByDomain,\n} from \"./hooks.js\";\nimport { agentNativePath } from \"../api-path.js\";\n\nexport interface OrgSwitcherProps {\n  className?: string;\n  /** Hide entirely when the user only belongs to one org. Default: false. */\n  hideWhenSingle?: boolean;\n  /** Keep the switcher's button height reserved while org state is loading. */\n  reserveSpace?: boolean;\n}\n\nfunction personalLabelFromEmail(email: string | null | undefined): string {\n  if (!email) return \"Personal\";\n  const local = email.split(\"@\")[0] ?? email;\n  const cleaned = local.replace(/[._-]+/g, \" \").trim();\n  if (!cleaned) return \"Personal\";\n  return cleaned\n    .split(\" \")\n    .filter(Boolean)\n    .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n    .join(\" \");\n}\n\ntype Mode = \"list\" | \"create\" | \"invite\";\n\nconst POPOVER_CONTENT_CLASS =\n  \"z-50 min-w-[14rem] rounded-md border border-border bg-popover py-1 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\";\n\nconst ITEM_CLASS =\n  \"flex w-full items-center gap-2 px-2.5 py-1.5 text-xs text-foreground hover:bg-accent focus-visible:bg-accent focus:outline-none disabled:opacity-50 disabled:pointer-events-none\";\n\nconst SECTION_LABEL_CLASS =\n  \"px-2.5 pt-1 pb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground\";\n\n/**\n * Compact org switcher button. Shows the active org (or \"Personal\" when the\n * user has none); opens a popover with the user's other orgs, pending\n * invitations, inline forms to create a new org / invite a teammate, and a\n * sign-out item. Renders nothing in dev / no-auth mode.\n */\nexport function OrgSwitcher({\n  className,\n  hideWhenSingle,\n  reserveSpace,\n}: OrgSwitcherProps) {\n  const { data: org, isLoading } = useOrg();\n  const switchOrg = useSwitchOrg();\n  const createOrg = useCreateOrg();\n  const inviteMember = useInviteMember();\n  const acceptInvitation = useAcceptInvitation();\n  const joinByDomain = useJoinByDomain();\n  const [open, setOpen] = useState(false);\n  const [mode, setMode] = useState<Mode>(\"list\");\n  const [newName, setNewName] = useState(\"\");\n  const [inviteEmail, setInviteEmail] = useState(\"\");\n  const [signingOut, setSigningOut] = useState(false);\n  const [joiningOrgId, setJoiningOrgId] = useState<string | null>(null);\n\n  const handleOpenChange = (next: boolean) => {\n    setOpen(next);\n    if (!next) {\n      setMode(\"list\");\n      setNewName(\"\");\n      setInviteEmail(\"\");\n    }\n  };\n\n  const handleSignOut = async () => {\n    if (signingOut) return;\n    setSigningOut(true);\n    try {\n      await fetch(agentNativePath(\"/_agent-native/auth/logout\"), {\n        method: \"POST\",\n        credentials: \"include\",\n      });\n    } catch {\n      /* fall through to reload — server may already have cleared the cookie */\n    }\n    window.location.reload();\n  };\n\n  if (!org) {\n    return reserveSpace && isLoading ? (\n      <div aria-hidden=\"true\" className={`h-8 ${className ?? \"\"}`} />\n    ) : null;\n  }\n\n  const orgs = org.orgs ?? [];\n  const pendingInvitations = org.pendingInvitations ?? [];\n  const domainMatches = org.domainMatches ?? [];\n  const orgCount = orgs.length;\n  const hasAny =\n    orgCount > 0 || pendingInvitations.length > 0 || domainMatches.length > 0;\n  if (!hasAny && !org.email) {\n    return reserveSpace ? (\n      <div aria-hidden=\"true\" className={`h-8 ${className ?? \"\"}`} />\n    ) : null;\n  }\n  if (\n    hideWhenSingle &&\n    orgCount < 2 &&\n    pendingInvitations.length === 0 &&\n    domainMatches.length === 0\n  ) {\n    return reserveSpace ? (\n      <div aria-hidden=\"true\" className={`h-8 ${className ?? \"\"}`} />\n    ) : null;\n  }\n\n  const canInvite =\n    !!org.orgId && (org.role === \"owner\" || org.role === \"admin\");\n\n  const personalLabel = personalLabelFromEmail(org.email);\n  const inOrg = !!org.orgId;\n  const buttonLabel = org.orgName ?? \"Personal\";\n  const ButtonIcon = inOrg ? IconBuilding : IconUser;\n\n  return (\n    <PopoverPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n      <PopoverPrimitive.Trigger asChild>\n        <button\n          type=\"button\"\n          className={`flex w-full items-center gap-2 rounded-md border border-border/50 px-2.5 py-1.5 text-xs font-medium text-muted-foreground hover:bg-accent/50 hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring cursor-pointer ${className ?? \"\"}`}\n        >\n          <ButtonIcon className=\"h-3.5 w-3.5 shrink-0\" />\n          <span className=\"truncate flex-1 text-left\">{buttonLabel}</span>\n          <IconSelector className=\"h-3 w-3 shrink-0 opacity-50\" />\n        </button>\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Content\n          side=\"top\"\n          align=\"start\"\n          sideOffset={6}\n          collisionPadding={12}\n          className={POPOVER_CONTENT_CLASS}\n          onOpenAutoFocus={(e) => {\n            // Don't auto-focus the first item — feels heavy on a switcher.\n            if (mode === \"list\") e.preventDefault();\n          }}\n        >\n          {mode === \"list\" && (\n            <>\n              {!inOrg && (\n                <div\n                  className=\"flex w-full items-center gap-2 px-2.5 py-1.5 text-xs text-muted-foreground\"\n                  aria-disabled=\"true\"\n                >\n                  <IconUser className=\"h-3.5 w-3.5 shrink-0\" />\n                  <span className=\"truncate flex-1 text-left\">\n                    Personal ({personalLabel})\n                  </span>\n                </div>\n              )}\n              {orgs.length > 0 && (\n                <div className={SECTION_LABEL_CLASS}>Organizations</div>\n              )}\n              {orgs.map((o) => (\n                <button\n                  key={o.orgId}\n                  type=\"button\"\n                  onClick={async () => {\n                    if (o.orgId === org.orgId) {\n                      setOpen(false);\n                      return;\n                    }\n                    try {\n                      await switchOrg.mutateAsync(o.orgId);\n                      setOpen(false);\n                    } catch {\n                      /* error surfaced via switchOrg.error */\n                    }\n                  }}\n                  disabled={switchOrg.isPending}\n                  className={`${ITEM_CLASS} cursor-pointer`}\n                >\n                  <IconBuilding className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n                  <span className=\"truncate flex-1 text-left\">{o.orgName}</span>\n                  {o.orgId === org.orgId && (\n                    <IconCheck className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n                  )}\n                </button>\n              ))}\n\n              {pendingInvitations.length > 0 && (\n                <>\n                  {orgs.length > 0 && <div className=\"my-1 h-px bg-border\" />}\n                  <div className={SECTION_LABEL_CLASS}>Invitations</div>\n                  {pendingInvitations.map((inv) => (\n                    <div\n                      key={inv.id}\n                      className=\"flex items-center gap-2 px-2.5 py-1.5 text-xs\"\n                    >\n                      <IconBuilding className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n                      <span className=\"truncate flex-1 text-foreground\">\n                        {inv.orgName}\n                      </span>\n                      <button\n                        type=\"button\"\n                        onClick={async () => {\n                          try {\n                            await acceptInvitation.mutateAsync(inv.id);\n                            setOpen(false);\n                          } catch {\n                            /* error surfaced via acceptInvitation.error */\n                          }\n                        }}\n                        disabled={acceptInvitation.isPending}\n                        className=\"rounded px-1.5 py-0.5 text-[11px] font-medium text-primary hover:bg-primary/10 disabled:opacity-50 cursor-pointer\"\n                      >\n                        {acceptInvitation.isPending ? (\n                          <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n                        ) : (\n                          \"Join\"\n                        )}\n                      </button>\n                    </div>\n                  ))}\n                </>\n              )}\n\n              {domainMatches.length > 0 && (\n                <>\n                  {(orgs.length > 0 || pendingInvitations.length > 0) && (\n                    <div className=\"my-1 h-px bg-border\" />\n                  )}\n                  <div className={SECTION_LABEL_CLASS}>Join your team</div>\n                  {domainMatches.map((match) => {\n                    const isJoining =\n                      joinByDomain.isPending && joiningOrgId === match.orgId;\n                    return (\n                      <div\n                        key={match.orgId}\n                        className=\"flex items-center gap-2 px-2.5 py-1.5 text-xs\"\n                      >\n                        <IconBuilding className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n                        <span className=\"truncate flex-1 text-foreground\">\n                          {match.orgName}\n                        </span>\n                        <button\n                          type=\"button\"\n                          onClick={async () => {\n                            setJoiningOrgId(match.orgId);\n                            try {\n                              await joinByDomain.mutateAsync(match.orgId);\n                              setOpen(false);\n                            } catch {\n                              /* error surfaced via joinByDomain.error */\n                            } finally {\n                              setJoiningOrgId(null);\n                            }\n                          }}\n                          disabled={joinByDomain.isPending}\n                          className=\"rounded px-1.5 py-0.5 text-[11px] font-medium text-primary hover:bg-primary/10 disabled:opacity-50 cursor-pointer\"\n                        >\n                          {isJoining ? (\n                            <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n                          ) : (\n                            \"Join\"\n                          )}\n                        </button>\n                      </div>\n                    );\n                  })}\n                </>\n              )}\n\n              <div className=\"my-1 h-px bg-border\" />\n              <button\n                type=\"button\"\n                onClick={() => setMode(\"create\")}\n                className={`${ITEM_CLASS} cursor-pointer`}\n              >\n                <IconPlus className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n                <span className=\"flex-1 text-left\">Create organization</span>\n              </button>\n              {canInvite && (\n                <button\n                  type=\"button\"\n                  onClick={() => setMode(\"invite\")}\n                  className={`${ITEM_CLASS} cursor-pointer`}\n                >\n                  <IconUserPlus className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n                  <span className=\"flex-1 text-left\">Invite member</span>\n                </button>\n              )}\n\n              <div className=\"my-1 h-px bg-border\" />\n              <button\n                type=\"button\"\n                onClick={handleSignOut}\n                disabled={signingOut}\n                className={`${ITEM_CLASS} cursor-pointer`}\n              >\n                {signingOut ? (\n                  <IconLoader2 className=\"h-3.5 w-3.5 shrink-0 animate-spin text-muted-foreground\" />\n                ) : (\n                  <IconLogout className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n                )}\n                <span className=\"flex-1 text-left\">\n                  Sign out\n                  {org.email ? (\n                    <span className=\"ml-1 text-muted-foreground\">\n                      ({org.email})\n                    </span>\n                  ) : null}\n                </span>\n              </button>\n\n              {(switchOrg.error ||\n                acceptInvitation.error ||\n                joinByDomain.error) && (\n                <div className=\"px-2.5 pt-1 text-[11px] text-destructive\">\n                  {\n                    (\n                      (switchOrg.error ||\n                        acceptInvitation.error ||\n                        joinByDomain.error) as Error\n                    ).message\n                  }\n                </div>\n              )}\n            </>\n          )}\n\n          {mode === \"create\" && (\n            <form\n              onSubmit={async (e) => {\n                e.preventDefault();\n                const name = newName.trim();\n                if (!name) return;\n                try {\n                  await createOrg.mutateAsync(name);\n                  setOpen(false);\n                } catch {\n                  /* error surfaced via createOrg.error */\n                }\n              }}\n              className=\"px-2 py-1.5\"\n            >\n              <div className=\"px-0.5 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground\">\n                New organization\n              </div>\n              <input\n                autoFocus\n                value={newName}\n                onChange={(e) => setNewName(e.target.value)}\n                placeholder=\"Organization name\"\n                disabled={createOrg.isPending}\n                className=\"w-full rounded-md border border-input bg-background px-2 py-1.5 text-xs outline-none focus:ring-2 focus:ring-ring disabled:opacity-50\"\n              />\n              {createOrg.error && (\n                <div className=\"pt-1 text-[11px] text-destructive\">\n                  {(createOrg.error as Error).message}\n                </div>\n              )}\n              <div className=\"flex items-center gap-1.5 pt-1.5\">\n                <button\n                  type=\"button\"\n                  onClick={() => setMode(\"list\")}\n                  disabled={createOrg.isPending}\n                  className=\"flex-1 rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-accent disabled:opacity-50 cursor-pointer\"\n                >\n                  Cancel\n                </button>\n                <button\n                  type=\"submit\"\n                  disabled={createOrg.isPending || !newName.trim()}\n                  className=\"flex-1 rounded-md bg-primary px-2 py-1 text-xs font-medium text-primary-foreground hover:opacity-90 disabled:opacity-50 cursor-pointer\"\n                >\n                  {createOrg.isPending ? (\n                    <IconLoader2 className=\"mx-auto h-3 w-3 animate-spin\" />\n                  ) : (\n                    \"Create\"\n                  )}\n                </button>\n              </div>\n            </form>\n          )}\n\n          {mode === \"invite\" && (\n            <form\n              onSubmit={async (e) => {\n                e.preventDefault();\n                const email = inviteEmail.trim();\n                if (!email) return;\n                try {\n                  await inviteMember.mutateAsync(email);\n                  setInviteEmail(\"\");\n                  setMode(\"list\");\n                } catch {\n                  /* error surfaced via inviteMember.error */\n                }\n              }}\n              className=\"px-2 py-1.5\"\n            >\n              <div className=\"px-0.5 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground\">\n                Invite to {org.orgName}\n              </div>\n              <input\n                autoFocus\n                type=\"email\"\n                value={inviteEmail}\n                onChange={(e) => setInviteEmail(e.target.value)}\n                placeholder=\"teammate@company.com\"\n                disabled={inviteMember.isPending}\n                className=\"w-full rounded-md border border-input bg-background px-2 py-1.5 text-xs outline-none focus:ring-2 focus:ring-ring disabled:opacity-50\"\n              />\n              {inviteMember.error && (\n                <div className=\"pt-1 text-[11px] text-destructive\">\n                  {(inviteMember.error as Error).message}\n                </div>\n              )}\n              <div className=\"flex items-center gap-1.5 pt-1.5\">\n                <button\n                  type=\"button\"\n                  onClick={() => setMode(\"list\")}\n                  disabled={inviteMember.isPending}\n                  className=\"flex-1 rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-accent disabled:opacity-50 cursor-pointer\"\n                >\n                  Cancel\n                </button>\n                <button\n                  type=\"submit\"\n                  disabled={inviteMember.isPending || !inviteEmail.trim()}\n                  className=\"flex-1 rounded-md bg-primary px-2 py-1 text-xs font-medium text-primary-foreground hover:opacity-90 disabled:opacity-50 cursor-pointer\"\n                >\n                  {inviteMember.isPending ? (\n                    <IconLoader2 className=\"mx-auto h-3 w-3 animate-spin\" />\n                  ) : (\n                    \"Send invite\"\n                  )}\n                </button>\n              </div>\n            </form>\n          )}\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n"]}

package/dist/client/org/TeamPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeamPage.d.ts","sourceRoot":"","sources":["../../../src/client/org/TeamPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAuC5D,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC;IAC5C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsuBD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,KAAc,EACd,oBAAoB,EACpB,SAAS,GACV,EAAE,aAAa,2CAgCf"}
+{"version":3,"file":"TeamPage.d.ts","sourceRoot":"","sources":["../../../src/client/org/TeamPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA4C5D,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC;IAC5C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwwBD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,KAAc,EACd,oBAAoB,EACpB,SAAS,GACV,EAAE,aAAa,2CAgCf"}

package/dist/client/org/TeamPage.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState } from "react";
 import { IconBuilding, IconUserPlus, IconTrash, IconCrown, IconShieldCheck, IconLoader2, IconMail, IconCheck, IconPencil, IconAt, IconX, IconKey, IconCopy, IconRefresh, IconEye, IconEyeOff, IconCloudUpload, } from "@tabler/icons-react";
 import { useOrg, useOrgMembers, useOrgInvitations, useCreateOrg, useUpdateOrg, useInviteMember, useAcceptInvitation, useRemoveMember, useSwitchOrg, useSetOrgDomain, useSetA2ASecret, useSyncA2ASecret, useJoinByDomain, } from "./hooks.js";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
 function RoleIcon({ role }) {
     if (role === "owner")
         return _jsx(IconCrown, { className: "h-3.5 w-3.5 text-amber-500" });
@@ -89,7 +90,7 @@ function MembersCard() {
     const members = membersData?.members ?? [];
     const pendingInvites = invitationsData?.invitations ?? [];
     const hasMultipleOrgs = (org.orgs?.length ?? 0) > 1;
-    return (_jsxs("section", { className: "rounded-lg border border-border bg-card p-4 space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-blue-600/10", children: _jsx(IconBuilding, { className: "h-5 w-5 text-blue-600" }) }), _jsxs("div", { children: [_jsx(OrgNameDisplay, { name: org.orgName ?? "", canEdit: isOwnerOrAdmin }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [members.length, " member", members.length !== 1 ? "s" : "", " \u00B7 You are", " ", org.role] })] })] }), hasMultipleOrgs && (_jsx("select", { value: org.orgId ?? "", onChange: (e) => switchOrg.mutate(e.target.value || null), disabled: switchOrg.isPending, className: "rounded-md border border-border bg-background px-2.5 py-1.5 text-xs", children: org.orgs.map((o) => (_jsx("option", { value: o.orgId, children: o.orgName }, o.orgId))) }))] }), _jsxs("div", { className: "border-t border-border pt-3 space-y-1", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2", children: "Members" }), isLoadingMembers && members.length === 0 && (_jsx(_Fragment, { children: [0, 1, 2].map((i) => (_jsx("div", { className: "flex items-center justify-between py-1.5 px-2", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-3.5 rounded bg-muted animate-pulse", style: { width: `${140 + i * 30}px` } }), _jsx("div", { className: "h-3.5 w-3.5 rounded bg-muted animate-pulse" })] }) }, i))) })), members.map((m) => (_jsxs("div", { className: "flex items-center justify-between py-1.5 px-2 rounded hover:bg-accent/30", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm", children: m.email }), _jsx(RoleIcon, { role: m.role }), m.email === org.email && (_jsx("span", { className: "rounded border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground", children: "You" }))] }), isOwnerOrAdmin && m.email !== org.email && m.role !== "owner" && (_jsx("button", { type: "button", disabled: removeMember.isPending, onClick: () => removeMember.mutate(m.email), className: "text-muted-foreground hover:text-red-500 disabled:opacity-50", title: "Remove member", children: _jsx(IconTrash, { className: "h-3.5 w-3.5" }) }))] }, m.email))), pendingInvites.map((inv) => (_jsx("div", { className: "flex items-center justify-between py-1.5 px-2 opacity-60", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm", children: inv.email }), _jsx("span", { className: "rounded border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground", children: "Invited" })] }) }, inv.id)))] }), isOwnerOrAdmin && (_jsx("div", { className: "border-t border-border pt-3", children: !showInviteForm ? (_jsxs("button", { type: "button", onClick: () => setShowInviteForm(true), className: "flex items-center gap-1.5 rounded-md border border-border px-2.5 py-1.5 text-xs font-medium hover:bg-accent/50", children: [_jsx(IconUserPlus, { className: "h-3.5 w-3.5" }), "Invite member"] })) : (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx(IconMail, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }), _jsx("input", { type: "email", value: inviteEmail, onChange: (e) => setInviteEmail(e.target.value), placeholder: "colleague@company.com", className: "w-full rounded-md border border-border bg-background pl-8 pr-3 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-foreground", autoFocus: true })] }), _jsx("button", { type: "button", disabled: !inviteEmail.trim() || inviteMember.isPending, onClick: () => inviteMember.mutate(inviteEmail.trim(), {
+    return (_jsxs("section", { className: "rounded-lg border border-border bg-card p-4 space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-blue-600/10", children: _jsx(IconBuilding, { className: "h-5 w-5 text-blue-600" }) }), _jsxs("div", { children: [_jsx(OrgNameDisplay, { name: org.orgName ?? "", canEdit: isOwnerOrAdmin }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [members.length, " member", members.length !== 1 ? "s" : "", " \u00B7 You are", " ", org.role] })] })] }), hasMultipleOrgs && (_jsx("select", { value: org.orgId ?? "", onChange: (e) => switchOrg.mutate(e.target.value || null), disabled: switchOrg.isPending, className: "rounded-md border border-border bg-background px-2.5 py-1.5 text-xs", children: org.orgs.map((o) => (_jsx("option", { value: o.orgId, children: o.orgName }, o.orgId))) }))] }), _jsxs("div", { className: "border-t border-border pt-3 space-y-1", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2", children: "Members" }), isLoadingMembers && members.length === 0 && (_jsx(_Fragment, { children: [0, 1, 2].map((i) => (_jsx("div", { className: "flex items-center justify-between py-1.5 px-2", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-3.5 rounded bg-muted animate-pulse", style: { width: `${140 + i * 30}px` } }), _jsx("div", { className: "h-3.5 w-3.5 rounded bg-muted animate-pulse" })] }) }, i))) })), members.map((m) => (_jsxs("div", { className: "flex items-center justify-between py-1.5 px-2 rounded hover:bg-accent/30", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm", children: m.email }), _jsx(RoleIcon, { role: m.role }), m.email === org.email && (_jsx("span", { className: "rounded border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground", children: "You" }))] }), isOwnerOrAdmin && m.email !== org.email && m.role !== "owner" && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", disabled: removeMember.isPending, onClick: () => removeMember.mutate(m.email), className: "text-muted-foreground hover:text-red-500 disabled:opacity-50", children: _jsx(IconTrash, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Remove member" })] }))] }, m.email))), pendingInvites.map((inv) => (_jsx("div", { className: "flex items-center justify-between py-1.5 px-2 opacity-60", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm", children: inv.email }), _jsx("span", { className: "rounded border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground", children: "Invited" })] }) }, inv.id)))] }), isOwnerOrAdmin && (_jsx("div", { className: "border-t border-border pt-3", children: !showInviteForm ? (_jsxs("button", { type: "button", onClick: () => setShowInviteForm(true), className: "flex items-center gap-1.5 rounded-md border border-border px-2.5 py-1.5 text-xs font-medium hover:bg-accent/50", children: [_jsx(IconUserPlus, { className: "h-3.5 w-3.5" }), "Invite member"] })) : (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx(IconMail, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }), _jsx("input", { type: "email", value: inviteEmail, onChange: (e) => setInviteEmail(e.target.value), placeholder: "colleague@company.com", className: "w-full rounded-md border border-border bg-background pl-8 pr-3 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-foreground", autoFocus: true })] }), _jsx("button", { type: "button", disabled: !inviteEmail.trim() || inviteMember.isPending, onClick: () => inviteMember.mutate(inviteEmail.trim(), {
                                         onSuccess: () => {
                                             setInviteEmail("");
                                             setShowInviteForm(false);
@@ -113,10 +114,10 @@ function DomainSettingsSection({ domain }) {
             onSuccess: () => setEditing(false),
         });
     }
-    return (_jsxs("div", { className: "border-t border-border pt-3 space-y-2", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Email domain auto-join" }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Anyone who signs up with an email from this domain can join your organization without an invitation." }), !editing ? (_jsx("div", { className: "flex items-center gap-2", children: domain ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2.5 py-1.5 text-sm", children: [_jsx(IconAt, { className: "h-3.5 w-3.5 text-muted-foreground" }), domain] }), _jsx("button", { type: "button", onClick: () => {
-                                setDraft(domain);
-                                setEditing(true);
-                            }, className: "text-muted-foreground hover:text-foreground", title: "Edit domain", children: _jsx(IconPencil, { className: "h-3.5 w-3.5" }) }), _jsx("button", { type: "button", disabled: setOrgDomain.isPending, onClick: () => setOrgDomain.mutate(null), className: "text-muted-foreground hover:text-red-500 disabled:opacity-50", title: "Remove domain", children: _jsx(IconX, { className: "h-3.5 w-3.5" }) })] })) : (_jsxs("button", { type: "button", onClick: () => {
+    return (_jsxs("div", { className: "border-t border-border pt-3 space-y-2", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Email domain auto-join" }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Anyone who signs up with an email from this domain can join your organization without an invitation." }), !editing ? (_jsx("div", { className: "flex items-center gap-2", children: domain ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2.5 py-1.5 text-sm", children: [_jsx(IconAt, { className: "h-3.5 w-3.5 text-muted-foreground" }), domain] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => {
+                                            setDraft(domain);
+                                            setEditing(true);
+                                        }, className: "text-muted-foreground hover:text-foreground", children: _jsx(IconPencil, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Edit domain" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", disabled: setOrgDomain.isPending, onClick: () => setOrgDomain.mutate(null), className: "text-muted-foreground hover:text-red-500 disabled:opacity-50", children: _jsx(IconX, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Remove domain" })] })] })) : (_jsxs("button", { type: "button", onClick: () => {
                         setDraft("");
                         setEditing(true);
                     }, className: "flex items-center gap-1.5 rounded-md border border-border px-2.5 py-1.5 text-xs font-medium hover:bg-accent/50", children: [_jsx(IconAt, { className: "h-3.5 w-3.5" }), "Set allowed domain"] })) })) : (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "text", value: draft, onChange: (e) => setDraft(e.target.value), onKeyDown: (e) => {
@@ -179,7 +180,7 @@ function A2ASecretSection({ secret }) {
         });
     }
     const masked = secret ? "****" + secret.slice(-8) : "Not set";
-    return (_jsxs("div", { className: "border-t border-border pt-3 space-y-2", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Cross-app authentication" }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "This secret authenticates cross-app delegation (e.g. Dispatch to Analytics). All apps in your organization need the same secret." }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2.5 py-1.5 text-sm font-mono", children: [_jsx(IconKey, { className: "h-3.5 w-3.5 text-muted-foreground" }), revealed && secret ? secret : masked] }), secret && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: () => setRevealed(!revealed), className: "text-muted-foreground hover:text-foreground", title: revealed ? "Hide secret" : "Reveal secret", children: revealed ? (_jsx(IconEyeOff, { className: "h-3.5 w-3.5" })) : (_jsx(IconEye, { className: "h-3.5 w-3.5" })) }), _jsx("button", { type: "button", onClick: copyToClipboard, className: "text-muted-foreground hover:text-foreground", title: "Copy secret", children: copied ? (_jsx(IconCheck, { className: "h-3.5 w-3.5 text-green-500" })) : (_jsx(IconCopy, { className: "h-3.5 w-3.5" })) })] })), _jsxs("button", { type: "button", onClick: regenerate, disabled: setA2ASecret.isPending || syncA2ASecret.isPending, className: "inline-flex items-center gap-1 rounded-md border border-border px-2.5 py-1.5 text-xs font-medium hover:bg-accent/50 disabled:opacity-50", title: "Regenerate secret and sync to connected apps", children: [setA2ASecret.isPending ? (_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(IconRefresh, { className: "h-3.5 w-3.5" })), "Regenerate"] }), secret && (_jsxs("button", { type: "button", onClick: () => syncToApps(), disabled: setA2ASecret.isPending || syncA2ASecret.isPending, className: "inline-flex items-center gap-1 rounded-md border border-border px-2.5 py-1.5 text-xs font-medium hover:bg-accent/50 disabled:opacity-50", title: "Push this secret to every connected app", children: [syncA2ASecret.isPending ? (_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(IconCloudUpload, { className: "h-3.5 w-3.5" })), "Sync to apps"] }))] }), syncA2ASecret.isPending && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "Syncing to connected apps\u2026" })), syncResult && !syncA2ASecret.isPending && (_jsxs("div", { className: "space-y-1", children: [_jsxs("p", { className: "text-[11px] text-muted-foreground", children: ["Synced to ", syncResult.succeeded, "/", syncResult.total, " app", syncResult.total === 1 ? "" : "s", syncResult.failed > 0 ? ` (${syncResult.failed} failed)` : "", "."] }), syncResult.failed > 0 && (_jsx("ul", { className: "text-[11px] text-red-500 list-disc pl-5 space-y-0.5", children: syncResult.results
+    return (_jsxs("div", { className: "border-t border-border pt-3 space-y-2", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Cross-app authentication" }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "This secret authenticates cross-app delegation (e.g. Dispatch to Analytics). All apps in your organization need the same secret." }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2.5 py-1.5 text-sm font-mono", children: [_jsx(IconKey, { className: "h-3.5 w-3.5 text-muted-foreground" }), revealed && secret ? secret : masked] }), secret && (_jsxs(_Fragment, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => setRevealed(!revealed), className: "text-muted-foreground hover:text-foreground", children: revealed ? (_jsx(IconEyeOff, { className: "h-3.5 w-3.5" })) : (_jsx(IconEye, { className: "h-3.5 w-3.5" })) }) }), _jsx(TooltipContent, { children: revealed ? "Hide secret" : "Reveal secret" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: copyToClipboard, className: "text-muted-foreground hover:text-foreground", children: copied ? (_jsx(IconCheck, { className: "h-3.5 w-3.5 text-green-500" })) : (_jsx(IconCopy, { className: "h-3.5 w-3.5" })) }) }), _jsx(TooltipContent, { children: "Copy secret" })] })] })), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { type: "button", onClick: regenerate, disabled: setA2ASecret.isPending || syncA2ASecret.isPending, className: "inline-flex items-center gap-1 rounded-md border border-border px-2.5 py-1.5 text-xs font-medium hover:bg-accent/50 disabled:opacity-50", children: [setA2ASecret.isPending ? (_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(IconRefresh, { className: "h-3.5 w-3.5" })), "Regenerate"] }) }), _jsx(TooltipContent, { children: "Regenerate secret and sync to connected apps" })] }), secret && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { type: "button", onClick: () => syncToApps(), disabled: setA2ASecret.isPending || syncA2ASecret.isPending, className: "inline-flex items-center gap-1 rounded-md border border-border px-2.5 py-1.5 text-xs font-medium hover:bg-accent/50 disabled:opacity-50", children: [syncA2ASecret.isPending ? (_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(IconCloudUpload, { className: "h-3.5 w-3.5" })), "Sync to apps"] }) }), _jsx(TooltipContent, { children: "Push this secret to every connected app" })] }))] }), syncA2ASecret.isPending && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "Syncing to connected apps\u2026" })), syncResult && !syncA2ASecret.isPending && (_jsxs("div", { className: "space-y-1", children: [_jsxs("p", { className: "text-[11px] text-muted-foreground", children: ["Synced to ", syncResult.succeeded, "/", syncResult.total, " app", syncResult.total === 1 ? "" : "s", syncResult.failed > 0 ? ` (${syncResult.failed} failed)` : "", "."] }), syncResult.failed > 0 && (_jsx("ul", { className: "text-[11px] text-red-500 list-disc pl-5 space-y-0.5", children: syncResult.results
                             .filter((r) => !r.ok)
                             .map((r) => (_jsxs("li", { children: [r.name, ": ", r.error || `HTTP ${r.status ?? "?"}`] }, r.id))) }))] })), !pasteMode ? (_jsxs("button", { type: "button", onClick: () => setPasteMode(true), className: "flex items-center gap-1.5 rounded-md border border-border px-2.5 py-1.5 text-xs font-medium hover:bg-accent/50", children: [_jsx(IconKey, { className: "h-3.5 w-3.5" }), "Paste secret from another app"] })) : (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "text", value: pasteValue, onChange: (e) => setPasteValue(e.target.value), onKeyDown: (e) => {
                             if (e.key === "Enter")