@agent-native/toolkit 0.226.0 → 0.226.1-nightly-20261107004051

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/app/agentkit/react/components.d.ts +11 -9
  2. package/dist/app/agentkit/react/components.d.ts.map +1 -1
  3. package/dist/app/agentkit/react/components.js +115 -111
  4. package/dist/app/agentkit/react/components.js.map +1 -1
  5. package/dist/app/agentkit/react/stop-button.js +5 -5
  6. package/dist/app/agentkit/react/stop-button.js.map +1 -1
  7. package/dist/app/agentkit/react/styles.css +19 -48
  8. package/dist/app/auth/AuthPage.d.ts.map +1 -1
  9. package/dist/app/auth/AuthPage.js +7 -5
  10. package/dist/app/auth/AuthPage.js.map +1 -1
  11. package/dist/app/chat/AgentKitAssistantChat.d.ts.map +1 -1
  12. package/dist/app/chat/AgentKitAssistantChat.js +7 -2
  13. package/dist/app/chat/AgentKitAssistantChat.js.map +1 -1
  14. package/dist/app/integrations/IntegrationDetailPage.d.ts.map +1 -1
  15. package/dist/app/integrations/IntegrationDetailPage.js +43 -1
  16. package/dist/app/integrations/IntegrationDetailPage.js.map +1 -1
  17. package/dist/app/integrations/IntegrationsPage.d.ts.map +1 -1
  18. package/dist/app/integrations/IntegrationsPage.js +16 -7
  19. package/dist/app/integrations/IntegrationsPage.js.map +1 -1
  20. package/dist/app/integrations/connected-server-id.d.ts +17 -0
  21. package/dist/app/integrations/connected-server-id.d.ts.map +1 -0
  22. package/dist/app/integrations/connected-server-id.js +26 -0
  23. package/dist/app/integrations/connected-server-id.js.map +1 -0
  24. package/dist/composer/TiptapComposer.d.ts +5 -3
  25. package/dist/composer/TiptapComposer.d.ts.map +1 -1
  26. package/dist/composer/TiptapComposer.js +1 -1
  27. package/dist/composer/TiptapComposer.js.map +1 -1
  28. package/package.json +4 -4
  29. package/src/app/agentkit/react/components.interaction.spec.tsx +112 -0
  30. package/src/app/agentkit/react/components.tsx +178 -192
  31. package/src/app/agentkit/react/lifecycle.spec.tsx +5 -16
  32. package/src/app/agentkit/react/stop-button.spec.tsx +1 -1
  33. package/src/app/agentkit/react/stop-button.tsx +5 -5
  34. package/src/app/agentkit/react/styles.css +19 -48
  35. package/src/app/agentkit/react/work-handoff.spec.tsx +202 -69
  36. package/src/app/auth/AuthPage.interaction.spec.tsx +17 -1
  37. package/src/app/auth/AuthPage.tsx +12 -4
  38. package/src/app/chat/AgentKitAssistantChat.tsx +6 -2
  39. package/src/app/integrations/IntegrationDetailPage.spec.tsx +30 -0
  40. package/src/app/integrations/IntegrationDetailPage.tsx +85 -1
  41. package/src/app/integrations/IntegrationsPage.spec.tsx +74 -0
  42. package/src/app/integrations/IntegrationsPage.tsx +47 -20
  43. package/src/app/integrations/connected-server-id.ts +34 -0
  44. package/src/composer/TiptapComposer.spec.ts +7 -7
  45. package/src/composer/TiptapComposer.tsx +12 -13
  46. package/src/composer/TiptapComposer.voice-toolbar.spec.tsx +24 -1
@@ -4,10 +4,10 @@ import { IconPlayerStopFilled } from "@tabler/icons-react";
4
4
  import { useRef, useState } from "react";
5
5
  import { Tooltip } from "../../../design-system/index.js";
6
6
  import { useAgentKitControl, useAgentKitSubmissionStarting, useAgentThread, } from "./context.js";
7
- // Once a draft brings Send back beside Stop, Send keeps the primary fill and
8
- // Stop steps down to secondary, so the row never shows two identical
9
- // primaries.
10
- const STOP_BESIDE_SEND = "[[data-agent-composer-slot=toolbar]:has([data-agent-composer-slot=send-button])_&]:bg-secondary [[data-agent-composer-slot=toolbar]:has([data-agent-composer-slot=send-button])_&]:text-secondary-foreground";
7
+ // During voice chat, End voice chat holds the primary slot beside Stop (it
8
+ // renders as the send-button slot), so Stop steps down to secondary and the
9
+ // row never shows two identical primaries. A draft hides Stop instead.
10
+ const STOP_BESIDE_PRIMARY = "[[data-agent-composer-slot=toolbar]:has([data-agent-composer-slot=send-button])_&]:bg-secondary [[data-agent-composer-slot=toolbar]:has([data-agent-composer-slot=send-button])_&]:text-secondary-foreground";
11
11
  // Stands in for the run key while a submission has no run id yet, so the
12
12
  // deferred stop stays busy across the run registering.
13
13
  const STARTING_RUN_KEY = "\u0000starting";
@@ -62,6 +62,6 @@ export function useAgentKitStopButton(options) {
62
62
  onErrorRef.current(error instanceof Error ? error : new Error(String(error)));
63
63
  })
64
64
  .finally(release);
65
- }, "aria-label": label, "aria-busy": stopping || undefined, disabled: stopping, "data-agent-composer-slot": "stop-button", className: `flex size-[var(--agentkit-composer-primary-control-size,2rem)] shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground transition-[opacity,background-color,color] duration-150 hover:opacity-90 disabled:cursor-default disabled:opacity-35 ${STOP_BESIDE_SEND}`, children: _jsx(IconPlayerStopFilled, { "aria-hidden": "true", className: "size-4" }) }) }));
65
+ }, "aria-label": label, "aria-busy": stopping || undefined, disabled: stopping, "data-agent-composer-slot": "stop-button", className: `flex size-[var(--agentkit-composer-primary-control-size,2rem)] shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground transition-[opacity,background-color,color] duration-150 hover:opacity-90 disabled:cursor-default disabled:opacity-35 ${STOP_BESIDE_PRIMARY}`, children: _jsx(IconPlayerStopFilled, { "aria-hidden": "true", className: "size-4" }) }) }));
66
66
  }
67
67
  //# sourceMappingURL=stop-button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"stop-button.js","sourceRoot":"","sources":["../../../../src/app/agentkit/react/stop-button.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"stop-button.js","sourceRoot":"","sources":["../../../../src/app/agentkit/react/stop-button.tsx"],"names":[],"mappings":"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"}
@@ -1257,49 +1257,6 @@
1257
1257
  grid-row: 2;
1258
1258
  }
1259
1259
 
1260
- /* A live finish: the row's old place above the reply closes while the row
1261
- fades in on the footer line. At rest the placeholder takes no space, so a
1262
- host that drops the animation never keeps a gap. 180ms matches
1263
- AGENT_WORK_HANDOFF_MS. */
1264
- .agentkit-work-handoff {
1265
- block-size: 0;
1266
- margin-block: 0;
1267
- overflow: hidden;
1268
- opacity: 0;
1269
- pointer-events: none;
1270
- animation: agentkit-work-handoff-leave 180ms ease-out both;
1271
- }
1272
-
1273
- .agentkit-message-work-host
1274
- .agentkit-activities[data-handoff="enter"]
1275
- .agentkit-activities-row {
1276
- animation: agentkit-work-handoff-enter 180ms ease-out both;
1277
- }
1278
-
1279
- @keyframes agentkit-work-handoff-leave {
1280
- from {
1281
- block-size: var(--agentkit-work-handoff-size);
1282
- margin-block: var(--agentkit-run-segment-gap, 0.75rem);
1283
- opacity: 1;
1284
- }
1285
- }
1286
-
1287
- @keyframes agentkit-work-handoff-enter {
1288
- from {
1289
- opacity: 0;
1290
- translate: 0 -0.25rem;
1291
- }
1292
- }
1293
-
1294
- @media (prefers-reduced-motion: reduce) {
1295
- .agentkit-work-handoff,
1296
- .agentkit-message-work-host
1297
- .agentkit-activities[data-handoff="enter"]
1298
- .agentkit-activities-row {
1299
- animation: none;
1300
- }
1301
- }
1302
-
1303
1260
  /* The last icon's glyph, not its 24px hit area, ends on the text edge. */
1304
1261
  .agentkit-message-actions[data-role="assistant"] .agentkit-message-toolbar {
1305
1262
  grid-column: 2;
@@ -1465,17 +1422,25 @@
1465
1422
  pointer-events: auto;
1466
1423
  }
1467
1424
 
1468
- .agentkit-message .agentkit-message-actions[data-streaming="true"],
1469
- .agentkit-message:hover .agentkit-message-actions[data-streaming="true"],
1425
+ .agentkit-message
1426
+ .agentkit-message-actions[data-streaming="true"]:not(
1427
+ :has(.agentkit-activities)
1428
+ ),
1429
+ .agentkit-message:hover
1430
+ .agentkit-message-actions[data-streaming="true"]:not(
1431
+ :has(.agentkit-activities)
1432
+ ),
1470
1433
  .agentkit-message:focus-within
1471
- .agentkit-message-actions[data-streaming="true"] {
1434
+ .agentkit-message-actions[data-streaming="true"]:not(
1435
+ :has(.agentkit-activities)
1436
+ ) {
1472
1437
  opacity: 0;
1473
1438
  visibility: hidden;
1474
1439
  pointer-events: none;
1475
1440
  }
1476
1441
 
1477
- /* A footer carrying finished work always shows and takes its space; only an
1478
- older reply's controls wait for hover or focus. */
1442
+ /* A footer carrying its reply's work always shows and takes its space, live
1443
+ or finished; only an older reply's controls wait for hover or focus. */
1479
1444
  .agentkit-message-actions[data-role="assistant"]:has(.agentkit-activities) {
1480
1445
  position: static;
1481
1446
  opacity: 1;
@@ -1483,6 +1448,12 @@
1483
1448
  pointer-events: auto;
1484
1449
  }
1485
1450
 
1451
+ .agentkit-message-actions[data-role="assistant"][data-streaming="true"]
1452
+ .agentkit-message-toolbar {
1453
+ visibility: hidden;
1454
+ pointer-events: none;
1455
+ }
1456
+
1486
1457
  .agentkit-message-actions[data-role="assistant"]:has(
1487
1458
  .agentkit-activities
1488
1459
  ):not([data-latest="true"], [data-expanded="true"])
@@ -1 +1 @@
1
- {"version":3,"file":"AuthPage.d.ts","sourceRoot":"","sources":["../../../src/app/auth/AuthPage.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAEV,aAAa,EACb,QAAQ,EACT,MAAM,2CAA2C,CAAC;AAKnD,OAAO,EAEL,yBAAyB,EAG1B,MAAM,2CAA2C,CAAC;AAInD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,QAAQ,GACT,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,UAAU,EACV,wBAAwB,EACxB,2BAA2B,GAC5B,MAAM,kDAAkD,CAAC;AAiB1D,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAErC,wBAAgB,kCAAkC,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAY1E;AA+DD,wBAAgB,uBAAuB,CACrC,WAAW,EAAE,MAAM,EACnB,gBAAgB,EAAE,OAAO,EACzB,QAAQ,EAAE,MAAM,GACf,MAAM,CAGR;AAmDD,wBAAgB,+BAA+B,CAC7C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,GAAG,QAAQ,CAAC,EACzC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,QAAQ,EAAE,OAAO,GAChB,OAAO,CAOT;AAED,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,EAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,OAAO,CAET;AAkKD,wBAAgB,6BAA6B,CAAC,KAAK,EAAE;IACnD,eAAe,EAAE,OAAO,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB,GAAG,OAAO,CAWV;AAyDD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE;IAC9C,aAAa,EAAE,MAAM,CAAC;IACtB,4BAA4B,EAAE,MAAM,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG,MAAM,CAQT;AAED,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,EACd,4BAA4B,EAAE,MAAM,EACpC,SAAS,SAA8D,GACtE,MAAM,CAQR;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE;IAC9C,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;CAC5B,GAAG,MAAM,CAOT;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE;IACnD,oBAAoB,EAAE,OAAO,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;CACvB,GAAG,OAAO,CAYV;AA4FD,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,QAAQ,EACd,iBAAiB,EAAE,OAAO,GACzB,OAAO,CAET;AAED,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,GACb,OAAO,CAUT;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBA0kF5C"}
1
+ {"version":3,"file":"AuthPage.d.ts","sourceRoot":"","sources":["../../../src/app/auth/AuthPage.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAEV,aAAa,EACb,QAAQ,EACT,MAAM,2CAA2C,CAAC;AAKnD,OAAO,EAEL,yBAAyB,EAG1B,MAAM,2CAA2C,CAAC;AAInD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,QAAQ,GACT,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,UAAU,EACV,wBAAwB,EACxB,2BAA2B,GAC5B,MAAM,kDAAkD,CAAC;AAiB1D,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAErC,wBAAgB,kCAAkC,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAY1E;AA+DD,wBAAgB,uBAAuB,CACrC,WAAW,EAAE,MAAM,EACnB,gBAAgB,EAAE,OAAO,EACzB,QAAQ,EAAE,MAAM,GACf,MAAM,CAGR;AAmDD,wBAAgB,+BAA+B,CAC7C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,GAAG,QAAQ,CAAC,EACzC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,QAAQ,EAAE,OAAO,GAChB,OAAO,CAOT;AAED,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,EAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,OAAO,CAET;AAmKD,wBAAgB,6BAA6B,CAAC,KAAK,EAAE;IACnD,eAAe,EAAE,OAAO,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB,GAAG,OAAO,CAWV;AAyDD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE;IAC9C,aAAa,EAAE,MAAM,CAAC;IACtB,4BAA4B,EAAE,MAAM,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG,MAAM,CAQT;AAED,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,EACd,4BAA4B,EAAE,MAAM,EACpC,SAAS,SAA8D,GACtE,MAAM,CAQR;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE;IAC9C,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;CAC5B,GAAG,MAAM,CAOT;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE;IACnD,oBAAoB,EAAE,OAAO,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;CACvB,GAAG,OAAO,CAYV;AA4FD,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,QAAQ,EACd,iBAAiB,EAAE,OAAO,GACzB,OAAO,CAET;AAED,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,GACb,OAAO,CAUT;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAilF5C"}
@@ -173,6 +173,7 @@ function trackAuth(app, name, properties = {}, email) {
173
173
  "https://analytics.agent-native.com/track", window.location.hostname);
174
174
  const legacyProperties = {
175
175
  app,
176
+ hostname: window.location.hostname,
176
177
  ...(app === "design" ? builderSignupTelemetry : {}),
177
178
  ...properties,
178
179
  };
@@ -1890,9 +1891,10 @@ export function AuthPage(props) {
1890
1891
  .filter(Boolean)
1891
1892
  .join(" ");
1892
1893
  const localModeNote = signupLocalModeNote ? (_jsxs("div", { className: "signup-local-mode-note", id: "signup-local-mode-note", "data-command": signupLocalModeNote.command, children: [_jsx("p", { children: signupLocalModeNote.text }), _jsx("code", { children: signupLocalModeNote.command }), _jsx("button", { type: "button", className: "copy-run-local", id: "copy-signup-local-mode", "data-copy-signup-local-mode": "true", "data-i18n": "copyCommand", onClick: () => void copySignupLocalMode(), children: copiedLocalMode ? t("copied") : t("copyCommand") })] })) : null;
1893
- const builderLegalNote = builderSignup?.status === "assigned" &&
1894
- builderSignup.variant === "automatic" ? (_jsxs("p", { className: "legal-note", children: [t("builderSignupDisclosure"), " ", _jsx("a", { href: "https://www.builder.io/legal/terms", target: "_blank", rel: "noopener noreferrer", children: t("legalTerms") }), " ", t("legalConnector"), " ", _jsx("a", { href: "https://www.builder.io/legal/privacy", target: "_blank", rel: "noopener noreferrer", children: t("legalPrivacy") }), t("legalSuffix")] })) : null;
1895
- const legalNote = signupLegalNotice ? (_jsxs("p", { className: "legal-note", children: [_jsx("span", { "data-i18n": "legalPrefix", children: signupLegalNotice.prefix ?? t("legalPrefix") }), " ", _jsx("a", { href: signupLegalNotice.termsUrl, target: "_blank", rel: "noreferrer", "data-i18n": signupLegalNotice.termsLabel ? undefined : "legalTerms", children: signupLegalNotice.termsLabel ?? t("legalTerms") }), " ", _jsx("span", { "data-i18n": "legalConnector", children: signupLegalNotice.connector ?? t("legalConnector") }), " ", _jsx("a", { href: signupLegalNotice.privacyUrl, target: "_blank", rel: "noreferrer", "data-i18n": signupLegalNotice.privacyLabel ? undefined : "legalPrivacy", children: signupLegalNotice.privacyLabel ?? t("legalPrivacy") }), _jsx("span", { "data-i18n": "legalSuffix", children: signupLegalNotice.suffix ?? t("legalSuffix") })] })) : null;
1894
+ const builderLegalNote = view !== "login" &&
1895
+ builderSignup?.status === "assigned" &&
1896
+ builderSignup.variant === "automatic" ? (_jsxs("span", { children: [t("builderSignupDisclosure"), " ", _jsx("a", { href: "https://www.builder.io/legal/terms", target: "_blank", rel: "noopener noreferrer", children: t("legalTerms") }), " ", t("legalConnector"), " ", _jsx("a", { href: "https://www.builder.io/legal/privacy", target: "_blank", rel: "noopener noreferrer", children: t("legalPrivacy") }), t("legalSuffix")] })) : null;
1897
+ const legalNote = signupLegalNotice ? (_jsxs("p", { className: "legal-note", children: [_jsx("span", { "data-i18n": "legalPrefix", children: signupLegalNotice.prefix ?? t("legalPrefix") }), " ", _jsx("a", { href: signupLegalNotice.termsUrl, target: "_blank", rel: "noreferrer", "data-i18n": signupLegalNotice.termsLabel ? undefined : "legalTerms", children: signupLegalNotice.termsLabel ?? t("legalTerms") }), " ", _jsx("span", { "data-i18n": "legalConnector", children: signupLegalNotice.connector ?? t("legalConnector") }), " ", _jsx("a", { href: signupLegalNotice.privacyUrl, target: "_blank", rel: "noreferrer", "data-i18n": signupLegalNotice.privacyLabel ? undefined : "legalPrivacy", children: signupLegalNotice.privacyLabel ?? t("legalPrivacy") }), _jsx("span", { "data-i18n": "legalSuffix", children: signupLegalNotice.suffix ?? t("legalSuffix") }), builderLegalNote && _jsxs(_Fragment, { children: [" ", builderLegalNote] })] })) : builderLegalNote ? (_jsx("p", { className: "legal-note", children: builderLegalNote })) : null;
1896
1898
  const signupForm = (_jsx(AuthForm, { id: "signup-form", className: view === "signup" ? "active" : undefined, onSubmit: handleSignup, fields: [
1897
1899
  {
1898
1900
  id: "s-email",
@@ -1955,7 +1957,7 @@ export function AuthPage(props) {
1955
1957
  ? "localDevHideFullOptions"
1956
1958
  : "localDevFullOptions", onClick: () => setFullAuthOptionsVisible((visible) => !visible), children: t(fullAuthOptionsVisible
1957
1959
  ? "localDevHideFullOptions"
1958
- : "localDevFullOptions") }), notice("local-dev")] }), _jsxs("div", { id: "full-auth-options", className: "full-auth-options", hidden: !fullAuthOptionsVisible, children: [googleOnly && !showGoogle ? (_jsx("p", { className: "google-error show", id: "google-err", role: "status", "data-i18n": "googleNotConfigured", children: t("googleNotConfigured") })) : null, view !== "login" && builderLegalNote, showGoogle ? (_jsxs("div", { className: "google-signin", id: "google-signin", children: [_jsxs("button", { className: `btn-google ${view === "magicLink" && isValidEmail(magicLinkEmail) ? "magic-link-secondary" : ""}`, id: "google-btn", type: "button", disabled: googleBusy || !builderSignup, "aria-busy": googleBusy, onClick: () => void startGoogle(), children: [googleBusy ? (_jsx(IconLoader2, { className: "animate-spin", "aria-hidden": "true" })) : (googleSvg()), _jsx("span", { "data-i18n": "googleButton", children: t("googleButton") })] }), notice("google"), _jsx("p", { className: "google-debug", id: "google-debug" })] })) : null, organizationSsoEnabled && !googleOnly ? (_jsxs("form", { id: "organization-sso-form", className: "sso-signin", onSubmit: handleOrganizationSso, children: [_jsx("label", { htmlFor: "sso-email", "data-i18n": "email", children: t("email") }), _jsx("input", { id: "sso-email", type: "email", autoComplete: "email", placeholder: t("ssoEmailPlaceholder"), required: true, value: ssoEmail, onChange: (event) => setSsoEmail(event.currentTarget.value) }), _jsx("button", { type: "submit", id: "organization-sso-submit", disabled: !builderSignup || ssoBusy || !isValidEmail(ssoEmail), "data-i18n": "ssoButton", children: ssoBusy ? t("checking") : t("ssoButton") }), notice("sso")] })) : null, !googleOnly && showGoogle ? (_jsx("div", { className: "divider", id: "auth-divider", "data-i18n": "dividerOr", children: t("dividerOr") })) : null, !googleOnly && authMode === "magic-link" ? (_jsxs("form", { id: "magic-link-form", className: `form ${view === "magicLink" ? "active" : ""}`, onSubmit: handleMagicLink, children: [_jsx("label", { htmlFor: "m-email", "data-i18n": "email", children: t("email") }), _jsx("input", { id: "m-email", type: "email", autoComplete: "email", placeholder: t("emailPlaceholder"), required: true, value: magicLinkEmail, onChange: (event) => setMagicLinkEmail(event.currentTarget.value) }), _jsx("button", { type: "submit", id: "magic-link-submit", className: "magic-link-submit", disabled: !builderSignup || magicLinkBusy || !isValidEmail(magicLinkEmail), "data-i18n": "sendMagicLink", children: magicLinkBusy ? t("sending") : t("sendMagicLink") }), notice("magic-link"), _jsx("p", { className: "auth-mode-switch", children: _jsx("button", { type: "button", className: "link-button auth-mode-link", id: "use-password-link", "data-i18n": "usePasswordInstead", onClick: () => setView("login"), children: t("usePasswordInstead") }) }), legalNote] })) : null, authMode === "magic-link" ? (_jsxs("div", { className: `magic-link-success ${view === "magicLinkSent" ? "is-visible" : ""}`, id: "magic-link-success", "aria-live": "polite", hidden: view !== "magicLinkSent", children: [_jsxs("p", { className: "magic-link-success-copy", children: [_jsx("span", { "data-i18n": "magicLinkSentCopy", children: t("magicLinkSentCopy") }), " ", _jsx("strong", { id: "magic-link-success-email", children: magicLinkEmail }), "."] }), _jsx("button", { type: "button", className: "link-button magic-link-back", id: "magic-link-back", "data-i18n": "back", onClick: () => {
1960
+ : "localDevFullOptions") }), notice("local-dev")] }), _jsxs("div", { id: "full-auth-options", className: "full-auth-options", hidden: !fullAuthOptionsVisible, children: [googleOnly && !showGoogle ? (_jsx("p", { className: "google-error show", id: "google-err", role: "status", "data-i18n": "googleNotConfigured", children: t("googleNotConfigured") })) : null, showGoogle ? (_jsxs("div", { className: "google-signin", id: "google-signin", children: [_jsxs("button", { className: `btn-google ${view === "magicLink" && isValidEmail(magicLinkEmail) ? "magic-link-secondary" : ""}`, id: "google-btn", type: "button", disabled: googleBusy || !builderSignup, "aria-busy": googleBusy, onClick: () => void startGoogle(), children: [googleBusy ? (_jsx(IconLoader2, { className: "animate-spin", "aria-hidden": "true" })) : (googleSvg()), _jsx("span", { "data-i18n": "googleButton", children: t("googleButton") })] }), notice("google"), _jsx("p", { className: "google-debug", id: "google-debug" })] })) : null, organizationSsoEnabled && !googleOnly ? (_jsxs("form", { id: "organization-sso-form", className: "sso-signin", onSubmit: handleOrganizationSso, children: [_jsx("label", { htmlFor: "sso-email", "data-i18n": "email", children: t("email") }), _jsx("input", { id: "sso-email", type: "email", autoComplete: "email", placeholder: t("ssoEmailPlaceholder"), required: true, value: ssoEmail, onChange: (event) => setSsoEmail(event.currentTarget.value) }), _jsx("button", { type: "submit", id: "organization-sso-submit", disabled: !builderSignup || ssoBusy || !isValidEmail(ssoEmail), "data-i18n": "ssoButton", children: ssoBusy ? t("checking") : t("ssoButton") }), notice("sso")] })) : null, !googleOnly && showGoogle ? (_jsx("div", { className: "divider", id: "auth-divider", "data-i18n": "dividerOr", children: t("dividerOr") })) : null, !googleOnly && authMode === "magic-link" ? (_jsxs("form", { id: "magic-link-form", className: `form ${view === "magicLink" ? "active" : ""}`, onSubmit: handleMagicLink, children: [_jsx("label", { htmlFor: "m-email", "data-i18n": "email", children: t("email") }), _jsx("input", { id: "m-email", type: "email", autoComplete: "email", placeholder: t("emailPlaceholder"), required: true, value: magicLinkEmail, onChange: (event) => setMagicLinkEmail(event.currentTarget.value) }), _jsx("button", { type: "submit", id: "magic-link-submit", className: "magic-link-submit", disabled: !builderSignup || magicLinkBusy || !isValidEmail(magicLinkEmail), "data-i18n": "sendMagicLink", children: magicLinkBusy ? t("sending") : t("sendMagicLink") }), notice("magic-link"), _jsx("p", { className: "auth-mode-switch", children: _jsx("button", { type: "button", className: "link-button auth-mode-link", id: "use-password-link", "data-i18n": "usePasswordInstead", onClick: () => setView("login"), children: t("usePasswordInstead") }) }), legalNote] })) : null, authMode === "magic-link" ? (_jsxs("div", { className: `magic-link-success ${view === "magicLinkSent" ? "is-visible" : ""}`, id: "magic-link-success", "aria-live": "polite", hidden: view !== "magicLinkSent", children: [_jsxs("p", { className: "magic-link-success-copy", children: [_jsx("span", { "data-i18n": "magicLinkSentCopy", children: t("magicLinkSentCopy") }), " ", _jsx("strong", { id: "magic-link-success-email", children: magicLinkEmail }), "."] }), _jsx("button", { type: "button", className: "link-button magic-link-back", id: "magic-link-back", "data-i18n": "back", onClick: () => {
1959
1961
  setMagicLinkEmail("");
1960
1962
  setView("magicLink");
1961
1963
  }, children: t("back") })] })) : null, !googleOnly ? (_jsxs("div", { className: "tabs", id: "auth-tabs", hidden: view === "magicLink" ||
@@ -1966,7 +1968,7 @@ export function AuthPage(props) {
1966
1968
  }, children: t("createAccount") }), _jsx("button", { className: `tab ${view === "login" || view === "forgot" ? "active" : ""}`, type: "button", "data-tab": "login", "data-i18n": "signIn", onClick: () => {
1967
1969
  setView("login");
1968
1970
  writeStorage(TAB_STORAGE_KEY, "login");
1969
- }, children: t("signIn") })] })) : null, !googleOnly ? signupForm : null, _jsxs("div", { id: "verification-step", className: `form verification-step ${view === "verification" ? "active" : ""}`, "aria-live": "polite", children: [_jsxs("div", { className: "step-progress", "aria-label": t("signupProgress"), "data-i18n-aria-label": "signupProgress", children: [_jsxs("div", { className: "progress-step complete", children: [_jsx("span", { children: "1" }), _jsx("strong", { "data-i18n": "progressAccount", children: t("progressAccount") })] }), _jsxs("div", { className: "progress-step current", children: [_jsx("span", { children: "2" }), _jsx("strong", { "data-i18n": "progressVerify", children: t("progressVerify") })] }), _jsxs("div", { className: "progress-step", children: [_jsx("span", { children: "3" }), _jsx("strong", { "data-i18n": "progressStart", children: t("progressStart") })] })] }), _jsxs("div", { className: "verification-panel", children: [_jsx("p", { className: "verification-kicker", "data-i18n": "verificationSent", children: t("verificationSent") }), _jsxs("p", { className: "verification-copy", children: [_jsx("span", { "data-i18n": "verifyCopyPrefix", children: t("verifyCopyPrefix") }), " ", _jsx("strong", { id: "verify-email", children: verificationEmail }), _jsx("span", { "data-i18n": "verifyCopySuffix", children: t("verifyCopySuffix") })] }), _jsx("p", { className: "verification-note", "data-i18n": "verificationNote", children: t("verificationNote") })] }), _jsx("button", { type: "button", className: "btn-primary", id: "verify-continue", "data-i18n": "continue", onClick: () => void checkVerification(), children: t("continue") }), _jsxs("div", { className: "inline-actions", children: [_jsxs("button", { type: "button", className: "link-button", id: "resend-verification", disabled: verificationResendActive, "data-i18n": "resendEmail", onClick: () => void resendVerification(), children: [t("resendEmail"), verificationResendActive
1971
+ }, children: t("signIn") })] })) : null, !googleOnly ? (signupForm) : builderLegalNote ? (_jsx("p", { className: "legal-note", children: builderLegalNote })) : null, _jsxs("div", { id: "verification-step", className: `form verification-step ${view === "verification" ? "active" : ""}`, "aria-live": "polite", children: [_jsxs("div", { className: "step-progress", "aria-label": t("signupProgress"), "data-i18n-aria-label": "signupProgress", children: [_jsxs("div", { className: "progress-step complete", children: [_jsx("span", { children: "1" }), _jsx("strong", { "data-i18n": "progressAccount", children: t("progressAccount") })] }), _jsxs("div", { className: "progress-step current", children: [_jsx("span", { children: "2" }), _jsx("strong", { "data-i18n": "progressVerify", children: t("progressVerify") })] }), _jsxs("div", { className: "progress-step", children: [_jsx("span", { children: "3" }), _jsx("strong", { "data-i18n": "progressStart", children: t("progressStart") })] })] }), _jsxs("div", { className: "verification-panel", children: [_jsx("p", { className: "verification-kicker", "data-i18n": "verificationSent", children: t("verificationSent") }), _jsxs("p", { className: "verification-copy", children: [_jsx("span", { "data-i18n": "verifyCopyPrefix", children: t("verifyCopyPrefix") }), " ", _jsx("strong", { id: "verify-email", children: verificationEmail }), _jsx("span", { "data-i18n": "verifyCopySuffix", children: t("verifyCopySuffix") })] }), _jsx("p", { className: "verification-note", "data-i18n": "verificationNote", children: t("verificationNote") })] }), _jsx("button", { type: "button", className: "btn-primary", id: "verify-continue", "data-i18n": "continue", onClick: () => void checkVerification(), children: t("continue") }), _jsxs("div", { className: "inline-actions", children: [_jsxs("button", { type: "button", className: "link-button", id: "resend-verification", disabled: verificationResendActive, "data-i18n": "resendEmail", onClick: () => void resendVerification(), children: [t("resendEmail"), verificationResendActive
1970
1972
  ? ` (${Math.ceil((verificationResendUntil - Date.now()) / 1000)}s)`
1971
1973
  : ""] }), _jsx("button", { type: "button", className: "link-button", id: "back-to-signup", "data-i18n": "back", onClick: () => {
1972
1974
  clearVerificationResendCooldown();