@aiquants/auth-react-router 0.14.2 → 0.15.0

package/dist/styles/auth-react-router.standalone.css

@@ -1,3 +1,3 @@
 /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
 /*! @aiquants/auth-react-router standalone CSS — 非 Tailwind ホスト専用。ホストの Tailwind ビルドと混在させないこと */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-white:#fff;--spacing:.25rem;--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-bold:700;--tracking-wide:.025em;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.my-4{margin-block:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing) * 3)}.rounded-2xl{border-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-500{--tw-gradient-to:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-3{padding-block:calc(var(--spacing) * 3)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-white{color:var(--color-white)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:from-blue-600:hover{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-indigo-600:hover{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-blue-300:focus{--tw-ring-color:var(--color-blue-300)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-white:#fff;--spacing:.25rem;--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-bold:700;--tracking-wide:.025em;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.my-4{margin-block:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing) * 3)}.rounded-2xl{border-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-500{--tw-gradient-to:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-3{padding-block:calc(var(--spacing) * 3)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-white{color:var(--color-white)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:from-blue-600:hover{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-indigo-600:hover{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-blue-300:focus{--tw-ring-color:var(--color-blue-300)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiquants/auth-react-router",
-  "version": "0.14.2",
+  "version": "0.15.0",
   "description": "React Router v7 / v8 auth adapter for @aiquants/auth-core: Google OAuth strategy factory (remix-auth), cookie session storage with DI test backdoor, a loader guard that authenticates at most once per request (token refresh + photo cache), auth route handlers, and a <GoogleForm> login button.",
   "sideEffects": [
     "**/*.css"
@@ -69,9 +69,9 @@
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
     "vitest": "^4.1.8",
-    "@aiquants/auth-core": "0.6.0",
     "@aiquants/fuzzy-search": "2.2.0",
     "@aiquants/select-box": "0.9.0",
+    "@aiquants/auth-core": "0.6.0",
     "@aiquants/virtualscroll": "3.4.0"
   },
   "peerDependencies": {
@@ -83,8 +83,8 @@
     "remix-auth-oauth2": "^3.0.0",
     "@aiquants/auth-core": "^0.6.0",
     "@aiquants/fuzzy-search": "^2.2.0",
-    "@aiquants/select-box": "^0.9.0",
-    "@aiquants/virtualscroll": "^3.4.0"
+    "@aiquants/virtualscroll": "^3.4.0",
+    "@aiquants/select-box": "^0.9.0"
   },
   "engines": {
     "node": ">=18.0.0",

package/src/admin/labels.ts

@@ -277,6 +277,8 @@ export type UserAdminLabels = {
         syncQueued: string
         /** 同じ範囲の要求が既に待っていて、積まれなかったことの説明。 */
         syncAlreadyPending: string
+        /** 連携は作れたが、その直後の同期要求を積めなかったときの告知。 */
+        linkSyncNotQueued: string
         /** 同期が滞っていることの警告。停止はセキュリティ事象である。 */
         staleWarning: string
         disabledWarning: string
@@ -526,6 +528,7 @@ export const defaultUserAdminLabels: UserAdminLabels = {
         syncNow: "Sync now",
         syncQueued: "Queued",
         syncAlreadyPending: "A synchronization request for this scope is already waiting, so nothing was queued. If it never completes, the synchronization job may not be running.",
+        linkSyncNotQueued: 'The link was created, but a synchronization request could not be queued. Use "Sync now" on the Directory tab.',
         staleWarning: "Synchronization is overdue. Until it runs, people removed upstream keep their access.",
         disabledWarning: "Directory synchronization is not wired for this deployment. Existing memberships remain in force and are no longer being refreshed.",
         pausedTemplate: "{paused} of {total} links are paused",
@@ -751,6 +754,7 @@ export const jaUserAdminLabels: UserAdminLabels = {
         syncNow: "今すぐ同期",
         syncQueued: "同期を要求しました",
         syncAlreadyPending: "この範囲の同期要求は既に待機中のため、新しくは積みませんでした。いつまでも完了しない場合、同期ジョブが動いていない可能性があります。",
+        linkSyncNotQueued: "連携は作成しましたが、同期要求を積めませんでした。ディレクトリ連携タブの「今すぐ同期」で要求してください。",
         staleWarning: "同期が滞っています。実行されるまで、上流から外れた人のアクセスは残り続けます。",
         disabledWarning: "この配備ではディレクトリ同期が結線されていません。既存の所属はそのまま有効で、更新だけが止まっています。",
         pausedTemplate: "連携 {total} 件のうち {paused} 件が停止中",

package/src/admin/server.ts

@@ -551,6 +551,16 @@ export type UserAdminCatalogSnapshot = AuthDirectoryCatalogSnapshot
  */
 export type UserAdminSyncRequestOutcome = "queued" | "already-pending"
 
+/**
+ * What the sync request made right after a link was created did.
+ * 連携の直後に積む同期要求が行ったこと。
+ *
+ * `not-queued` は **連携は成功したが要求は積めなかった** ことを表す。要求の失敗を連携の失敗として
+ * 投げると、運用者には「連携に失敗した」と伝わる一方で上流所有のグループは既に増えている。
+ * 連携の結果と要求の結果は別の事実なので、別の値で運ぶ。
+ */
+export type UserAdminLinkSyncOutcome = UserAdminSyncRequestOutcome | "not-queued"
+
 /**
  * Why the upstream catalog could not be listed, classified for display.
  * 上流の候補一覧を引けなかった理由を、表示のために分類したもの。
@@ -728,6 +738,31 @@ export function createUserAdminApp(config: UserAdminAppConfig) {
         }
     }
 
+    /**
+     * Queues a sync for a group that was linked a moment ago, without letting the queue fail the link.
+     * たった今連携したグループの同期を積む処理 (要求の失敗で連携の結果を覆さない)。
+     *
+     * ⚠️ 連携を作った時点で、そのグループの所属は次の全件走査 (既定 10 分) まで空のままである。
+     * 運用者が別途「今すぐ同期」を押さなければならないことは、画面のどこにも書かれていない。
+     * ここで積めば、常駐しているジョブが数秒で拾う。
+     *
+     * ⚠️ 例外を伝播させない。連携は **既に成功している** ので、ここで投げると `{ ok: false }` が
+     * 返り「連携に失敗した」と伝わる一方で、上流所有のグループは増えている (作成対話が守った
+     * 不可分性が、結果の報告で崩れる)。積めなかった事実は `not-queued` として画面に言わせる。
+     *
+     * @param groupId The group that was just linked. 連携したばかりのグループ。
+     * @param request The incoming request, for the audit actor. 監査用の主体を解決するリクエスト。
+     * @returns What the request did. 要求が行ったこと。
+     */
+    async function requestSyncAfterLink(groupId: number, request: Request): Promise<UserAdminLinkSyncOutcome> {
+        try {
+            return await config.store.requestDirectorySync(groupId, await actorOf(request))
+        } catch (error) {
+            console.error(`[@aiquants/auth-react-router] the link for group ${groupId} was created, but its sync request could not be queued:`, error)
+            return "not-queued"
+        }
+    }
+
     /**
      * Decides whether this request may list the upstream catalog. 候補一覧を引いてよいかを決める処理。
      *
@@ -1050,7 +1085,7 @@ export function createUserAdminApp(config: UserAdminAppConfig) {
             // 候補一覧が在るなら、選択肢に無いキーは受け付けない。手入力の綴り違いは「10 分後に
             // 赤いバナー」ではなく、その場で分かるべきである
             assertKnownUpstream(externalId, externalKey, resolved)
-            await config.store.createLinkedGroup({
+            const group = await config.store.createLinkedGroup({
                 groupKey: requireText(formData, "groupKey"),
                 name: requireText(formData, "name"),
                 description: optionalText(formData, "description"),
@@ -1059,7 +1094,7 @@ export function createUserAdminApp(config: UserAdminAppConfig) {
                 externalKey,
                 membershipMode: requireMembershipMode(formData),
             })
-            return { ok: true }
+            return { ok: true, syncRequest: await requestSyncAfterLink(group.id, request) }
         }
         if (intent === "linkDirectoryGroup") {
             const externalKey = requireText(formData, "externalKey")
@@ -1068,13 +1103,14 @@ export function createUserAdminApp(config: UserAdminAppConfig) {
             const externalId = resolveExternalId(formData, externalKey, resolved)
             await assertNotAlreadyLinked(externalId, externalKey)
             assertKnownUpstream(externalId, externalKey, resolved)
-            await config.store.linkDirectoryGroup(requireId(formData, "groupId"), {
+            const groupId = requireId(formData, "groupId")
+            await config.store.linkDirectoryGroup(groupId, {
                 provider,
                 externalId,
                 externalKey,
                 membershipMode: requireMembershipMode(formData),
             })
-            return { ok: true }
+            return { ok: true, syncRequest: await requestSyncAfterLink(groupId, request) }
         }
         if (intent === "unlinkDirectoryGroup") {
             await config.store.unlinkDirectoryGroup(requireId(formData, "groupId"))

package/src/admin/ui.tsx

@@ -5,14 +5,72 @@
  */
 import type { AuthDirectoryStatus, AuthGroup } from "@aiquants/auth-core"
 import type React from "react"
-import { Link, useLoaderData } from "react-router"
+import { useEffect, useRef } from "react"
+import { Link, useLoaderData, useRevalidator } from "react-router"
 import { fill, formatDateTime } from "./format"
 import { defaultUserAdminLabels, type UserAdminLabels } from "./labels"
 import type { UserAdminPermission } from "./server"
 
+/**
+ * How the console keeps itself current while "sync now" requests are waiting for the job.
+ * 「今すぐ同期」の要求がジョブを待っている間、画面が自分を最新に保つ間隔と上限。
+ *
+ * The loader only re-runs after the console's own submissions, so a request the job finishes a few
+ * seconds later would stay invisible until a reload. While at least one request is pending the
+ * console re-validates every `intervalMs`, and gives up after `maxMs` so a deployment with no job
+ * consuming the queue does not poll forever from every open tab.
+ * ローダーは自分の送信のあとにしか再実行されないため、ジョブが数秒後に終えた要求はリロードまで
+ * 見えない。未処理の要求が 1 件でもある間は `intervalMs` ごとに再検証し、`maxMs` で諦める
+ * (キューを消化するジョブが居ない配備で、開いている全タブが永久に叩き続けないため)。
+ */
+export type PendingSyncPolling = {
+    /** Milliseconds between re-validations. 再検証の間隔 (ミリ秒)。 */
+    intervalMs: number
+    /** Milliseconds after which polling stops for an unchanged pending count. 件数が変わらないまま諦めるまでの時間 (ミリ秒)。 */
+    maxMs: number
+}
+
+/** Defaults: every 3 seconds, for up to 5 minutes. 既定値 (3 秒ごと、最長 5 分)。 */
+export const DEFAULT_PENDING_SYNC_POLLING: PendingSyncPolling = { intervalMs: 3_000, maxMs: 300_000 }
+
 export type UserAdminShellProps = {
     children?: React.ReactNode
     renderHeader?: (props: { title: string; annotation: React.ReactNode }) => React.ReactNode
+    /** Polling while sync requests are pending; defaults to {@link DEFAULT_PENDING_SYNC_POLLING}. 未処理中のポーリング設定。 */
+    pendingSyncPolling?: PendingSyncPolling
+}
+
+/**
+ * Re-validates the route data periodically while sync requests are waiting for the job.
+ * 同期要求がジョブを待っている間、ルートのデータを定期的に再検証する処理。
+ *
+ * @param pendingRequestCount Requests not yet finished, from the loader. ローダーが返した未処理件数。
+ * @param polling Interval and cap. 間隔と上限。
+ * @returns Nothing. 戻り値なし。
+ */
+function usePendingSyncRevalidation(pendingRequestCount: number, polling: PendingSyncPolling): void {
+    const revalidator = useRevalidator()
+    // 進行中の再検証に重ねない。重ねると応答順が入れ替わり、古い結果が新しい結果を上書きし得る。
+    // 効果のクロージャは古い state を掴むので、毎描画で更新する参照から読む
+    const stateRef = useRef(revalidator.state)
+    stateRef.current = revalidator.state
+    const { revalidate } = revalidator
+    const { intervalMs, maxMs } = polling
+
+    useEffect(() => {
+        if (pendingRequestCount <= 0) return
+        // 件数が変わるたびに効果が張り直され、上限も測り直される。上限が効くのは件数が
+        // 変わらないまま (誰にも拾われないまま) 時間だけが過ぎる場合である
+        const startedAt = Date.now()
+        const timer = setInterval(() => {
+            if (Date.now() - startedAt >= maxMs) {
+                clearInterval(timer)
+                return
+            }
+            if (stateRef.current === "idle") void revalidate()
+        }, intervalMs)
+        return () => clearInterval(timer)
+    }, [pendingRequestCount, intervalMs, maxMs, revalidate])
 }
 
 /**
@@ -97,10 +155,12 @@ function DirectorySyncBanner({ status, labels, groups }: { status?: AuthDirector
  * Shell layout for user administration pages with header annotation delegation.
  * ヘッダー注釈委譲を備えたユーザー管理ページのシェルレイアウト。
  */
-export function UserAdminShell({ children, renderHeader }: UserAdminShellProps) {
+export function UserAdminShell({ children, renderHeader, pendingSyncPolling }: UserAdminShellProps) {
     // ⚠️ ここは `UserAdminLoaderData` と違い **すべて任意** で受ける。シェルは loader を持たない
     // 呼び出し (エラー境界の外側、テスト、部分描画) からも描かれるため、欠落を落ちる理由にしない
     const data = useLoaderData() as { segment?: string; labels?: UserAdminLabels; myPermissions?: Record<string, UserAdminPermission | undefined> | null; resourceLabels?: Record<string, string>; directoryStatus?: AuthDirectoryStatus; groups?: AuthGroup[] } | undefined
+    // 同期状態が無い呼び出し (ディレクトリ未結線・部分描画) に未処理の要求は存在しない
+    usePendingSyncRevalidation(data?.directoryStatus?.pendingRequestCount ?? 0, pendingSyncPolling ?? DEFAULT_PENDING_SYNC_POLLING)
     const segment = data?.segment ?? "users"
     const labels = data?.labels ?? defaultUserAdminLabels
     // null = 未結線または取得失敗。空 {} も「分からない」扱いで、いずれも許可として描画しない

package/src/admin/views.tsx

@@ -274,6 +274,26 @@ const matchStyle: Record<"exact" | "fuzzy", React.CSSProperties> = {
     fuzzy: { backgroundColor: "#fef3c7", color: "#78350f", borderRadius: "2px", fontWeight: 600 },
 }
 
+/**
+ * Turns the sync-request part of an action result into a notice, or nothing when there is nothing to say.
+ * 操作結果のうち同期要求の部分を告知文へ写す処理 (言うことが無ければ `null`)。
+ *
+ * ⚠️ `queued` は告げない。積めたことの結果は、数秒後の再検証で `最終同期` が進むことそのもの
+ * である。告げるのは **押しても何も積まれなかった** 2 つの場合だけで、黙ると押しても反応しない
+ * 画面になる。
+ *
+ * @param actionResult The fetcher's last result. 直前の操作結果。
+ * @param labels Active labels. 使用中のラベル。
+ * @returns The notice text, or `null`. 告知文、または `null`。
+ */
+function syncRequestNoticeOf(actionResult: unknown, labels: UserAdminLabels): string | null {
+    if (typeof actionResult !== "object" || actionResult === null) return null
+    const outcome = (actionResult as { syncRequest?: unknown }).syncRequest
+    if (outcome === "already-pending") return labels.directoryView.syncAlreadyPending
+    if (outcome === "not-queued") return labels.directoryView.linkSyncNotQueued
+    return null
+}
+
 /**
  * Indexes linked groups by both upstream keys. 連携済みグループを 2 つの上流キーで索引する処理。
  *
@@ -698,6 +718,7 @@ export function GroupsView() {
     const fetcher = useFetcher()
     const { submit: submitThen, resetResult, result: actionResult } = useSubmitThen(fetcher)
     const labels = data.labels ?? defaultUserAdminLabels
+    const syncRequestNotice = syncRequestNoticeOf(actionResult, labels)
 
     const [searchQuery, setSearchQuery] = useState("")
     const [modal, setModal] = useState<{ kind: "create" } | { kind: "edit"; group: AuthGroup } | null>(null)
@@ -848,6 +869,16 @@ export function GroupsView() {
         <section data-testid="groups-view-section" style={{ display: "flex", flexDirection: "column", gap: "1rem" }}>
             <h2 style={heading}>{labels.groupsView.title}</h2>
             {!modal && <ActionError result={actionResult} />}
+            {/* ⚠️ ライブリージョンは **常に置いておき、中身だけ入れ替える** (連携面と同じ理由)。
+                上流から作った直後に要求が積めなかったことを、閉じた対話の外で伝える唯一の場所 */}
+            <p
+                data-testid="groups-sync-request-notice"
+                role="status"
+                aria-live="polite"
+                hidden={syncRequestNotice === null}
+                style={syncRequestNotice === null ? undefined : { margin: 0, padding: "0.5rem 0.7rem", borderRadius: "6px", backgroundColor: "#fffbeb", border: "1px solid #fde68a", color: "#92400e", fontSize: "0.8rem" }}>
+                {syncRequestNotice}
+            </p>
             <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", backgroundColor: "#ffffff", padding: "1rem", borderRadius: "8px", border: "1px solid #e2e8f0" }}>
                 <input
                     type="text"
@@ -1682,7 +1713,7 @@ export function DirectoryView() {
      * とき積み増さないのは正しいが、黙って成功に見せると、押しても何も起きない画面になる —
      * しかもその待っている行が誰にも拾われなければ、以後の押下すべてが同じように消える
      */
-    const syncRequestNotice = typeof actionResult === "object" && actionResult !== null && (actionResult as { syncRequest?: unknown }).syncRequest === "already-pending" ? L.syncAlreadyPending : null
+    const syncRequestNotice = syncRequestNoticeOf(actionResult, labels)
     /**
      * 「要求しました」を出し続けてよいグループ。
      *
@@ -2075,14 +2106,14 @@ export type AuthUserAdminAppViewProps = UserAdminShellProps
  * Top-level application view component for the user administration UI (`/users/*`).
  * ユーザー管理 UI 全体を描画するトップレベルコンポーネント。
  */
-export function AuthUserAdminAppView({ renderHeader }: AuthUserAdminAppViewProps = {}) {
+export function AuthUserAdminAppView({ renderHeader, pendingSyncPolling }: AuthUserAdminAppViewProps = {}) {
     const data = useLoaderData() as UserAdminLoaderData | undefined
     const segment = data?.segment ?? "users"
     // 素のオブジェクト参照だと `segment="constructor"` が真値を返し、画面が描けなくなる
     const View = Object.hasOwn(SEGMENT_VIEWS, segment) ? SEGMENT_VIEWS[segment] : UsersView
 
     return (
-        <UserAdminShell renderHeader={renderHeader}>
+        <UserAdminShell renderHeader={renderHeader} pendingSyncPolling={pendingSyncPolling}>
             <View />
         </UserAdminShell>
     )