@alneas/appkit-react 0.1.0 → 0.2.0

package/dist/tools/components/splash/SplashScreen.d.ts

@@ -1,88 +1,63 @@
 import { TransitionType } from '../future/ScreenTransition.js';
 import * as React from 'react';
+/**
+ * Host inputs and presentation settings for SplashScreen.
+ * @see SplashScreen
+ */
 export interface SplashScreenProps {
-    /** スプラッシュを表示するか（false で退場アニメ開始） */
+    /**
+     * Mount as true, then set false to trigger one dismissal. Initial false does not dismiss automatically.
+     */
     show: boolean;
-    /** 退場アニメーションのタイプ */
+    /**
+     * Transition class-name suffix; defaults to glitch. Matching animation CSS is host-owned.
+     */
     type?: TransitionType;
-    /** アニメーション時間（ms, デフォルト 600） */
+    /**
+     * Configured full transition duration in milliseconds; defaults to 600. Splash removal/onComplete occur at duration / 2.
+     */
     duration?: number;
-    /** 表示フェーズ（initializing / loading / hydrating / connecting / syncing） */
+    /**
+     * Built-in phase message key (initializing/loading/hydrating/connecting/syncing/ready); unknown strings display verbatim, omitted displays LOADING.
+     */
     phase?: string;
-    /** 任意のメッセージ（phase より優先） */
+    /**
+     * Truthy custom text overriding the phase message; an empty string falls back to the phase.
+     */
     message?: string;
-    /** 任意のロゴ要素 */
+    /**
+     * Optional logo; omitted renders LOADING text.
+     */
     logo?: React.ReactNode;
-    /** 完全カスタムコンテンツ（渡すと phase/message/logo は無視） */
+    /**
+     * Truthy custom content replacing phase/message/logo output.
+     */
     children?: React.ReactNode;
-    /** アニメーション完了時のコールバック */
+    /**
+     * Called once when the exit midpoint removes the splash, not after the full duration. Later show=true does not remount it.
+     * @returns No value; complete the host callback action.
+     */
     onComplete?: () => void;
-    /** 追加クラス */
+    /**
+     * Additional classes on the component outer element.
+     */
     className?: string;
 }
 /**
- * 全画面スプラッシュ画面コンポーネント。
- *
- * アプリ起動時の初期化・データ読み込み中などに表示する。
- * `show` が `false` になると `ScreenTransition` の退場アニメーションを再生し、
- * 完了後に DOM から削除される。
- *
- * 子要素を渡せば完全カスタム表示、渡さなければ `phase` に応じた
- * デフォルトメッセージ + ロゴを表示する。
- *
- * ### 表示タイミングの制御
- *
- * スプラッシュの表示制御はプロジェクト側で行う。典型的なパターン:
- *
- * ```tsx
- * function App() {
- *   const [ready, setReady] = useState(false);
- *
- *   useEffect(() => {
- *     Promise.all([
- *       initAuth(),
- *       loadData(),
- *       hydrateApp(),
- *     ]).then(() => setReady(true));
- *   }, []);
- *
- *   return (
- *     <>
- *       <SplashScreen
- *         show={!ready}
- *         type="radial"
- *         phase={phase}
- *         onComplete={() => console.log('splash finished')}
- *       />
- *       {ready && <MainApp />}
- *     </>
- *   );
- * }
- * ```
- *
- * @param props - コンポーネントのプロパティ
- * @param props.show - false になると退場アニメーションを開始する
- * @param props.type - 退場アニメーションの種類（デフォルト: glitch）
- * @param props.duration - アニメーション時間（デフォルト: 600ms）
- * @param props.phase - 表示するフェーズ名。内蔵メッセージ: initializing / loading / hydrating / connecting / syncing
- * @param props.message - 任意のメッセージ文字列（phase より優先）
- * @param props.logo - ロゴ要素
- * @param props.children - 完全カスタムコンテンツ
- * @param props.onComplete - 退場アニメーション完了時のコールバック
- * @param props.className - 追加クラス
- *
+ * Shows a full-screen loading surface until a true-to-false show change reaches the transition midpoint.
+ * @param props - Visibility trigger, transition settings and optional loading content/callback; see SplashScreenProps. Wrapper defaults: type='glitch', duration=600.
+ * @returns The rendered SplashScreen composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Import Appkit CSS. The host owns readiness and must mount with show=true, then change to false to start dismissal. Initial show=false does not dismiss because the internal transition records that initial trigger. At duration/2 the splash unmounts itself and calls onComplete; it does not wait for a full exit/enter cycle or reappear after show becomes true. Supplied truthy children replace default content. Transition class names and --future-duration are emitted, but this package has no public tools/transitions stylesheet/export and its bundled CSS supplies no future-transition/splash-dot animation rules; the host must add matching CSS to see those effects.
  * @example
  * ```tsx
- * // デフォルト表示（phase で自動メッセージ）
- * <SplashScreen show={splash} type="radial" phase="hydrating" />
+ * import { useState } from 'react';
+ * import { SplashScreen } from '@alneas/appkit-react/tools/splash';
+ * import '@alneas/appkit-react/styles';
  *
- * // カスタムメッセージ
- * <SplashScreen show={splash} message="データ準備中..." />
- *
- * // 完全カスタム
- * <SplashScreen show={splash} type="glitch">
- *   <MyCustomContent />
- * </SplashScreen>
+ * export function Example() {
+ *   const [show, setShow] = useState(true);
+ *   return (<><button type="button" onClick={() => setShow(false)}>Ready</button><SplashScreen show={show} phase="loading" /></>);
+ * }
  * ```
  */
 export declare function SplashScreen({ show, type, duration, phase, message, logo, children, onComplete, className, }: SplashScreenProps): React.JSX.Element | null;

package/dist/tools/components/splash/SplashScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplashScreen.js","names":["React","React$1","PHASE_MESSAGES","SplashScreen","exited","setExited","handleHalf","onComplete","defaultContent","logo","cn","message","phase","children","i","className","ScreenTransition"],"sources":["../../../../src/tools/components/splash/SplashScreen.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { ScreenTransition, type TransitionType } from '../future/ScreenTransition';\n\nconst PHASE_MESSAGES: Record<string, string> = {\n  initializing: 'システムを初期化しています...',\n  loading: 'データを読み込んでいます...',\n  hydrating: 'アプリケーションを起動しています...',\n  connecting: 'サーバーに接続しています...',\n  syncing: 'データを同期しています...',\n  ready: '',\n};\n\nexport interface SplashScreenProps {\n  /** スプラッシュを表示するか（false で退場アニメ開始） */\n  show: boolean;\n  /** 退場アニメーションのタイプ */\n  type?: TransitionType;\n  /** アニメーション時間（ms, デフォルト 600） */\n  duration?: number;\n  /** 表示フェーズ（initializing / loading / hydrating / connecting / syncing） */\n  phase?: string;\n  /** 任意のメッセージ（phase より優先） */\n  message?: string;\n  /** 任意のロゴ要素 */\n  logo?: React.ReactNode;\n  /** 完全カスタムコンテンツ（渡すと phase/message/logo は無視） */\n  children?: React.ReactNode;\n  /** アニメーション完了時のコールバック */\n  onComplete?: () => void;\n  /** 追加クラス */\n  className?: string;\n}\n\n/**\n * 全画面スプラッシュ画面コンポーネント。\n *\n * アプリ起動時の初期化・データ読み込み中などに表示する。\n * `show` が `false` になると `ScreenTransition` の退場アニメーションを再生し、\n * 完了後に DOM から削除される。\n *\n * 子要素を渡せば完全カスタム表示、渡さなければ `phase` に応じた\n * デフォルトメッセージ + ロゴを表示する。\n *\n * ### 表示タイミングの制御\n *\n * スプラッシュの表示制御はプロジェクト側で行う。典型的なパターン:\n *\n * ```tsx\n * function App() {\n *   const [ready, setReady] = useState(false);\n *\n *   useEffect(() => {\n *     Promise.all([\n *       initAuth(),\n *       loadData(),\n *       hydrateApp(),\n *     ]).then(() => setReady(true));\n *   }, []);\n *\n *   return (\n *     <>\n *       <SplashScreen\n *         show={!ready}\n *         type=\"radial\"\n *         phase={phase}\n *         onComplete={() => console.log('splash finished')}\n *       />\n *       {ready && <MainApp />}\n *     </>\n *   );\n * }\n * ```\n *\n * @param props - コンポーネントのプロパティ\n * @param props.show - false になると退場アニメーションを開始する\n * @param props.type - 退場アニメーションの種類（デフォルト: glitch）\n * @param props.duration - アニメーション時間（デフォルト: 600ms）\n * @param props.phase - 表示するフェーズ名。内蔵メッセージ: initializing / loading / hydrating / connecting / syncing\n * @param props.message - 任意のメッセージ文字列（phase より優先）\n * @param props.logo - ロゴ要素\n * @param props.children - 完全カスタムコンテンツ\n * @param props.onComplete - 退場アニメーション完了時のコールバック\n * @param props.className - 追加クラス\n *\n * @example\n * ```tsx\n * // デフォルト表示（phase で自動メッセージ）\n * <SplashScreen show={splash} type=\"radial\" phase=\"hydrating\" />\n *\n * // カスタムメッセージ\n * <SplashScreen show={splash} message=\"データ準備中...\" />\n *\n * // 完全カスタム\n * <SplashScreen show={splash} type=\"glitch\">\n *   <MyCustomContent />\n * </SplashScreen>\n * ```\n */\nexport function SplashScreen({\n  show,\n  type = 'glitch',\n  duration = 600,\n  phase,\n  message,\n  logo,\n  children,\n  onComplete,\n  className,\n}: SplashScreenProps) {\n  const [exited, setExited] = React.useState(false);\n\n  const handleHalf = React.useCallback(() => {\n    setExited(true);\n    onComplete?.();\n  }, [onComplete]);\n\n  if (exited) return null;\n\n  const defaultContent = (\n    <div className=\"flex flex-col items-center justify-center min-h-screen bg-background text-foreground\">\n      {logo && <div className=\"mb-6\">{logo}</div>}\n      {!logo && (\n        <div className=\"mb-6 text-2xl font-bold tracking-[0.3em] text-foreground\">\n          LOADING\n        </div>\n      )}\n      <div\n        className={cn(\n          'font-mono text-xs tracking-[0.2em]',\n          'text-foreground',\n        )}\n      >\n        {message || (phase ? PHASE_MESSAGES[phase] ?? phase : 'LOADING')}\n      </div>\n      {(!message && !children) && (\n        <div className=\"mt-8 flex gap-1\">\n          {[0, 1, 2].map((i) => (\n            <div\n              key={i}\n              className=\"w-1.5 h-1.5 rounded-full bg-primary\"\n              style={{\n                animation: 'splash-dot 1.4s ease-in-out infinite',\n                animationDelay: `${i * 0.2}s`,\n                opacity: 0.3,\n              }}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <div\n      className={cn('fixed inset-0 z-[10000]', className)}\n      style={{ background: 'var(--background)' }}\n    >\n      <ScreenTransition\n        type={type}\n        duration={duration}\n        trigger={show ? 0 : 1}\n        onHalf={handleHalf}\n      >\n        {children || defaultContent}\n      </ScreenTransition>\n    </div>\n  );\n}\nSplashScreen.displayName = 'SplashScreen';\n"],"mappings":";;;;;;;AAMA,IAAME,IAAyC;CAC7C,cAAc;CACd,SAAS;CACT,WAAW;CACX,YAAY;CACZ,SAAS;CACT,OAAO;AACT;AAwFA,SAAgBC,EAAa,EAC3B,SACA,UAAO,UACP,cAAW,KACX,UACA,YACA,SACA,aACA,eACA,gBACoB;CACpB,IAAM,CAACC,GAAQC,KAAaL,EAAM,SAAS,EAAK,GAE1CM,IAAaN,EAAM,kBAAkB;EAEzC,AADAK,EAAU,EAAI,GACdE,IAAa;CACf,GAAG,CAACA,CAAU,CAAC;CAEf,IAAIH,GAAQ,OAAO;CAEnB,IAAMI,IACJ,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACGC,KAAQ,kBAAC,OAAD;IAAK,WAAU;IAAQ,UAAAA;GAAU,CAAA;GACzC,CAACA,KACA,kBAAC,OAAD;IAAK,WAAU;IAA2D,UAAA;GAErE,CAAA;GAEP,kBAAC,OAAD;IACE,WAAWC,EACT,sCACA,iBACF;IAEC,UAAAC,MAAYC,IAAQV,EAAeU,MAAUA,IAAQ;GACnD,CAAA;GACH,CAACD,KAAW,CAACE,KACb,kBAAC,OAAD;IAAK,WAAU;IACZ,UAAA;KAAC;KAAG;KAAG;IAAC,CAAC,CAAC,KAAK,MACd,kBAAC,OAAD;KAEE,WAAU;KACV,OAAO;MACL,WAAW;MACX,gBAAgB,GAAGC,IAAI,GAAI;MAC3B,SAAS;KACX;IACD,GAPMA,CAON,CACF;GACE,CAAA;EAEJ;;CAGP,OACE,kBAAC,OAAD;EACE,WAAWJ,EAAG,2BAA2BK,CAAS;EAClD,OAAO,EAAE,YAAY,oBAAoB;EAEzC,UAAA,kBAACC,GAAD;GACQ;GACI;GACV,SAAS;GACT,QAAQV;GAEP,UAAAO,KAAYL;EACG,CAAA;CACf,CAAA;AAET;AACA,EAAa,cAAc"}
+{"version":3,"file":"SplashScreen.js","names":["React","React$1","PHASE_MESSAGES","SplashScreen","exited","setExited","handleHalf","onComplete","defaultContent","logo","cn","message","phase","children","i","className","ScreenTransition"],"sources":["../../../../src/tools/components/splash/SplashScreen.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { ScreenTransition, type TransitionType } from '../future/ScreenTransition';\n\nconst PHASE_MESSAGES: Record<string, string> = {\n  initializing: 'システムを初期化しています...',\n  loading: 'データを読み込んでいます...',\n  hydrating: 'アプリケーションを起動しています...',\n  connecting: 'サーバーに接続しています...',\n  syncing: 'データを同期しています...',\n  ready: '',\n};\n\n/**\n * Host inputs and presentation settings for SplashScreen.\n * @see SplashScreen\n */\nexport interface SplashScreenProps {\n  /**\n   * Mount as true, then set false to trigger one dismissal. Initial false does not dismiss automatically.\n   */\n  show: boolean;\n  /**\n   * Transition class-name suffix; defaults to glitch. Matching animation CSS is host-owned.\n   */\n  type?: TransitionType;\n  /**\n   * Configured full transition duration in milliseconds; defaults to 600. Splash removal/onComplete occur at duration / 2.\n   */\n  duration?: number;\n  /**\n   * Built-in phase message key (initializing/loading/hydrating/connecting/syncing/ready); unknown strings display verbatim, omitted displays LOADING.\n   */\n  phase?: string;\n  /**\n   * Truthy custom text overriding the phase message; an empty string falls back to the phase.\n   */\n  message?: string;\n  /**\n   * Optional logo; omitted renders LOADING text.\n   */\n  logo?: React.ReactNode;\n  /**\n   * Truthy custom content replacing phase/message/logo output.\n   */\n  children?: React.ReactNode;\n  /**\n   * Called once when the exit midpoint removes the splash, not after the full duration. Later show=true does not remount it.\n   * @returns No value; complete the host callback action.\n   */\n  onComplete?: () => void;\n  /**\n   * Additional classes on the component outer element.\n   */\n  className?: string;\n}\n\n/**\n * Shows a full-screen loading surface until a true-to-false show change reaches the transition midpoint.\n * @param props - Visibility trigger, transition settings and optional loading content/callback; see SplashScreenProps. Wrapper defaults: type='glitch', duration=600.\n * @returns The rendered SplashScreen composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Import Appkit CSS. The host owns readiness and must mount with show=true, then change to false to start dismissal. Initial show=false does not dismiss because the internal transition records that initial trigger. At duration/2 the splash unmounts itself and calls onComplete; it does not wait for a full exit/enter cycle or reappear after show becomes true. Supplied truthy children replace default content. Transition class names and --future-duration are emitted, but this package has no public tools/transitions stylesheet/export and its bundled CSS supplies no future-transition/splash-dot animation rules; the host must add matching CSS to see those effects.\n * @example\n * ```tsx\n * import { useState } from 'react';\n * import { SplashScreen } from '@alneas/appkit-react/tools/splash';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const [show, setShow] = useState(true);\n *   return (<><button type=\"button\" onClick={() => setShow(false)}>Ready</button><SplashScreen show={show} phase=\"loading\" /></>);\n * }\n * ```\n */\nexport function SplashScreen({\n  show,\n  type = 'glitch',\n  duration = 600,\n  phase,\n  message,\n  logo,\n  children,\n  onComplete,\n  className,\n}: SplashScreenProps) {\n  const [exited, setExited] = React.useState(false);\n\n  const handleHalf = React.useCallback(() => {\n    setExited(true);\n    onComplete?.();\n  }, [onComplete]);\n\n  if (exited) return null;\n\n  const defaultContent = (\n    <div className=\"flex flex-col items-center justify-center min-h-screen bg-background text-foreground\">\n      {logo && <div className=\"mb-6\">{logo}</div>}\n      {!logo && (\n        <div className=\"mb-6 text-2xl font-bold tracking-[0.3em] text-foreground\">\n          LOADING\n        </div>\n      )}\n      <div\n        className={cn(\n          'font-mono text-xs tracking-[0.2em]',\n          'text-foreground',\n        )}\n      >\n        {message || (phase ? PHASE_MESSAGES[phase] ?? phase : 'LOADING')}\n      </div>\n      {(!message && !children) && (\n        <div className=\"mt-8 flex gap-1\">\n          {[0, 1, 2].map((i) => (\n            <div\n              key={i}\n              className=\"w-1.5 h-1.5 rounded-full bg-primary\"\n              style={{\n                animation: 'splash-dot 1.4s ease-in-out infinite',\n                animationDelay: `${i * 0.2}s`,\n                opacity: 0.3,\n              }}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <div\n      className={cn('fixed inset-0 z-[10000]', className)}\n      style={{ background: 'var(--background)' }}\n    >\n      <ScreenTransition\n        type={type}\n        duration={duration}\n        trigger={show ? 0 : 1}\n        onHalf={handleHalf}\n      >\n        {children || defaultContent}\n      </ScreenTransition>\n    </div>\n  );\n}\nSplashScreen.displayName = 'SplashScreen';\n"],"mappings":";;;;;;;AAMA,IAAME,IAAyC;CAC7C,cAAc;CACd,SAAS;CACT,WAAW;CACX,YAAY;CACZ,SAAS;CACT,OAAO;AACT;AA+DA,SAAgBC,EAAa,EAC3B,SACA,UAAO,UACP,cAAW,KACX,UACA,YACA,SACA,aACA,eACA,gBACoB;CACpB,IAAM,CAACC,GAAQC,KAAaL,EAAM,SAAS,EAAK,GAE1CM,IAAaN,EAAM,kBAAkB;EAEzC,AADAK,EAAU,EAAI,GACdE,IAAa;CACf,GAAG,CAACA,CAAU,CAAC;CAEf,IAAIH,GAAQ,OAAO;CAEnB,IAAMI,IACJ,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACGC,KAAQ,kBAAC,OAAD;IAAK,WAAU;IAAQ,UAAAA;GAAU,CAAA;GACzC,CAACA,KACA,kBAAC,OAAD;IAAK,WAAU;IAA2D,UAAA;GAErE,CAAA;GAEP,kBAAC,OAAD;IACE,WAAWC,EACT,sCACA,iBACF;IAEC,UAAAC,MAAYC,IAAQV,EAAeU,MAAUA,IAAQ;GACnD,CAAA;GACH,CAACD,KAAW,CAACE,KACb,kBAAC,OAAD;IAAK,WAAU;IACZ,UAAA;KAAC;KAAG;KAAG;IAAC,CAAC,CAAC,KAAK,MACd,kBAAC,OAAD;KAEE,WAAU;KACV,OAAO;MACL,WAAW;MACX,gBAAgB,GAAGC,IAAI,GAAI;MAC3B,SAAS;KACX;IACD,GAPMA,CAON,CACF;GACE,CAAA;EAEJ;;CAGP,OACE,kBAAC,OAAD;EACE,WAAWJ,EAAG,2BAA2BK,CAAS;EAClD,OAAO,EAAE,YAAY,oBAAoB;EAEzC,UAAA,kBAACC,GAAD;GACQ;GACI;GACV,SAAS;GACT,QAAQV;GAEP,UAAAO,KAAYL;EACG,CAAA;CACf,CAAA;AAET;AACA,EAAa,cAAc"}

package/dist/tools/components/workflow/WorkflowStatusPanel.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/components/ui/button-components.cjs"),n=require("../../../ui/components/ui/badge-components.cjs"),r=require("../../../ui/components/ui/card.cjs");let i=require("react/jsx-runtime"),a=require("react");a=e.__toESM(a,1);let o=require("lucide-react");function s(e,t){return e.map(e=>({...e,enabled:e.enabledStatuses.includes(t)}))}var c={title:`Unknown Status`,description:`Status metadata is not defined.`,nextSteps:[],color:`bg-gray-500`};function l({currentStatus:e,onAction:a,actions:l,statusInfoMap:u,defaultStatusInfo:d=c,statusExtraContent:f,actionTitle:p=`Available Actions`,requiredActionTitle:m=`Required Actions`,requiredActionHint:h=`Please complete the following actions.`}){let g=u[e]??d,_=s(l,e).filter(e=>e.enabled),v=_.filter(e=>e.required),y=f?.[e];return(0,i.jsxs)(`div`,{className:`space-y-4`,children:[(0,i.jsxs)(r.Card,{children:[(0,i.jsx)(r.CardHeader,{children:(0,i.jsxs)(r.CardTitle,{className:`flex items-center gap-2`,children:[(0,i.jsx)(n.Badge,{className:`${g.color} text-white`,children:e}),g.title]})}),(0,i.jsxs)(r.CardContent,{className:`space-y-3`,children:[(0,i.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:g.description}),g.nextSteps.length>0?(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`h4`,{className:`mb-2`,children:`Next Steps`}),(0,i.jsx)(`ul`,{className:`text-sm space-y-1`,children:g.nextSteps.map((e,t)=>(0,i.jsxs)(`li`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`div`,{className:`w-1.5 h-1.5 bg-gray-400 rounded-full`}),e]},t))})]}):null,v.length>0?(0,i.jsxs)(`div`,{className:`p-3 bg-amber-50 border border-amber-200 rounded-md`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 text-amber-800`,children:[(0,i.jsx)(o.AlertCircle,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:`text-sm font-medium`,children:m})]}),(0,i.jsx)(`p`,{className:`text-xs text-amber-700 mt-1`,children:h})]}):null]})]}),_.length>0?(0,i.jsxs)(r.Card,{children:[(0,i.jsx)(r.CardHeader,{children:(0,i.jsx)(r.CardTitle,{className:`text-base`,children:p})}),(0,i.jsx)(r.CardContent,{children:(0,i.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3`,children:_.map(e=>(0,i.jsx)(t.Button,{variant:`outline`,onClick:()=>a?.(e.action),className:`h-auto p-4 justify-start ${e.required?`border-amber-300 bg-amber-50`:``}`,children:(0,i.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,i.jsx)(`div`,{className:`p-2 rounded-md ${e.color} text-white`,children:e.icon}),(0,i.jsxs)(`div`,{className:`text-left`,children:[(0,i.jsxs)(`div`,{className:`font-medium text-sm`,children:[e.label,e.required?(0,i.jsx)(n.Badge,{variant:`destructive`,className:`ml-2 text-xs`,children:`Required`}):null]}),(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:e.description})]})]})},e.action))})})]}):null,y?(0,i.jsx)(r.Card,{children:(0,i.jsx)(r.CardContent,{className:`pt-6`,children:y})}):null]})}exports.WorkflowStatusPanel=l;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/components/ui/button-components.cjs"),n=require("../../../ui/components/ui/badge-components.cjs"),r=require("../../../ui/components/ui/card.cjs");let i=require("react/jsx-runtime"),a=require("react");a=e.__toESM(a,1);let o=require("lucide-react");function s(e,t){return e.map(e=>({...e,enabled:e.enabledStatuses.includes(t)}))}var c={title:`Unknown Status`,description:`Status metadata is not defined.`,nextSteps:[],color:`bg-secondary text-secondary-foreground`};function l({currentStatus:e,onAction:a,actions:l,statusInfoMap:u,defaultStatusInfo:d=c,statusExtraContent:f,actionTitle:p=`Available Actions`,requiredActionTitle:m=`Required Actions`,requiredActionHint:h=`Please complete the following actions.`}){let g=u[e]??d,_=s(l,e).filter(e=>e.enabled),v=_.filter(e=>e.required),y=f?.[e];return(0,i.jsxs)(`div`,{className:`space-y-4`,children:[(0,i.jsxs)(r.Card,{children:[(0,i.jsx)(r.CardHeader,{children:(0,i.jsxs)(r.CardTitle,{className:`flex items-center gap-2`,children:[(0,i.jsx)(n.Badge,{className:`text-white ${g.color}`,children:e}),g.title]})}),(0,i.jsxs)(r.CardContent,{className:`space-y-3`,children:[(0,i.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:g.description}),g.nextSteps.length>0?(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`h4`,{className:`mb-2`,children:`Next Steps`}),(0,i.jsx)(`ul`,{className:`text-sm space-y-1`,children:g.nextSteps.map((e,t)=>(0,i.jsxs)(`li`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`div`,{className:`w-1.5 h-1.5 bg-gray-400 rounded-full`}),e]},t))})]}):null,v.length>0?(0,i.jsxs)(`div`,{className:`p-3 bg-amber-50 border border-amber-200 rounded-md`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 text-amber-800`,children:[(0,i.jsx)(o.AlertCircle,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:`text-sm font-medium`,children:m})]}),(0,i.jsx)(`p`,{className:`text-xs text-amber-700 mt-1`,children:h})]}):null]})]}),_.length>0?(0,i.jsxs)(r.Card,{children:[(0,i.jsx)(r.CardHeader,{children:(0,i.jsx)(r.CardTitle,{className:`text-base`,children:p})}),(0,i.jsx)(r.CardContent,{children:(0,i.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3`,children:_.map(e=>(0,i.jsx)(t.Button,{variant:`outline`,onClick:()=>a?.(e.action),className:`h-auto p-4 justify-start ${e.required?`border-amber-300 bg-amber-50`:``}`,children:(0,i.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,i.jsx)(`div`,{className:`p-2 rounded-md ${e.color} text-white`,children:e.icon}),(0,i.jsxs)(`div`,{className:`text-left`,children:[(0,i.jsxs)(`div`,{className:`font-medium text-sm`,children:[e.label,e.required?(0,i.jsx)(n.Badge,{variant:`destructive`,className:`ml-2 text-xs`,children:`Required`}):null]}),(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:e.description})]})]})},e.action))})})]}):null,y?(0,i.jsx)(r.Card,{children:(0,i.jsx)(r.CardContent,{className:`pt-6`,children:y})}):null]})}exports.WorkflowStatusPanel=l;
 //# sourceMappingURL=WorkflowStatusPanel.cjs.map

package/dist/tools/components/workflow/WorkflowStatusPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowStatusPanel.cjs","names":["Card","CardHeader","CardTitle","Badge","CardContent","AlertCircle","Button","require_runtime","require_ui_components_ui_button_components","require_ui_components_ui_badge_components","require_ui_components_ui_card","react_jsx_runtime","react","lucide_react","resolveActions","actions","action","status","FALLBACK_STATUS_INFO","WorkflowStatusPanel","statusInfo","statusInfoMap","currentStatus","defaultStatusInfo","enabledActions","requiredActions","extraContent","statusExtraContent","step","index","requiredActionTitle","requiredActionHint","actionTitle","onAction"],"sources":["../../../../src/tools/components/workflow/WorkflowStatusPanel.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertCircle } from 'lucide-react';\nimport { Badge } from '../ui/badge';\nimport { Button } from '../ui/button';\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card';\nimport { type WorkflowActionDefinition, type WorkflowStatusInfo } from './types';\n\nexport interface WorkflowStatusPanelProps {\n  currentStatus: string;\n  onAction?: (action: string) => void;\n  actions: WorkflowActionDefinition[];\n  statusInfoMap: Record<string, WorkflowStatusInfo>;\n  defaultStatusInfo?: WorkflowStatusInfo;\n  statusExtraContent?: Partial<Record<string, React.ReactNode>>;\n  actionTitle?: string;\n  requiredActionTitle?: string;\n  requiredActionHint?: string;\n}\n\ntype ResolvedAction = WorkflowActionDefinition & { enabled: boolean };\n\nfunction resolveActions(actions: WorkflowActionDefinition[], status: string): ResolvedAction[] {\n  return actions.map((action) => ({\n    ...action,\n    enabled: action.enabledStatuses.includes(status),\n  }));\n}\n\nconst FALLBACK_STATUS_INFO: WorkflowStatusInfo = {\n  title: 'Unknown Status',\n  description: 'Status metadata is not defined.',\n  nextSteps: [],\n  color: 'bg-gray-500',\n};\n\n/**\n * 申請承認や業務プロセスなどの進捗状況、次に必要なタスク、現在実行可能なアクションを視覚的に表示するワークフローステータスパネルコンポーネント。\n */\nexport function WorkflowStatusPanel({\n  currentStatus,\n  onAction,\n  actions,\n  statusInfoMap,\n  defaultStatusInfo = FALLBACK_STATUS_INFO,\n  statusExtraContent,\n  actionTitle = 'Available Actions',\n  requiredActionTitle = 'Required Actions',\n  requiredActionHint = 'Please complete the following actions.',\n}: WorkflowStatusPanelProps) {\n  const statusInfo = statusInfoMap[currentStatus] ?? defaultStatusInfo;\n  const resolvedActions = resolveActions(actions, currentStatus);\n  const enabledActions = resolvedActions.filter((action) => action.enabled);\n  const requiredActions = enabledActions.filter((action) => action.required);\n  const extraContent = statusExtraContent?.[currentStatus];\n\n  return (\n    <div className='space-y-4'>\n      <Card>\n        <CardHeader>\n          <CardTitle className='flex items-center gap-2'>\n            <Badge className={`${statusInfo.color} text-white`}>{currentStatus}</Badge>\n            {statusInfo.title}\n          </CardTitle>\n        </CardHeader>\n        <CardContent className='space-y-3'>\n          <p className='text-sm text-muted-foreground'>{statusInfo.description}</p>\n          {statusInfo.nextSteps.length > 0 ? (\n            <div>\n              <h4 className='mb-2'>Next Steps</h4>\n              <ul className='text-sm space-y-1'>\n                {statusInfo.nextSteps.map((step, index) => (\n                  <li key={index} className='flex items-center gap-2'>\n                    <div className='w-1.5 h-1.5 bg-gray-400 rounded-full' />\n                    {step}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          ) : null}\n          {requiredActions.length > 0 ? (\n            <div className='p-3 bg-amber-50 border border-amber-200 rounded-md'>\n              <div className='flex items-center gap-2 text-amber-800'>\n                <AlertCircle className='h-4 w-4' />\n                <span className='text-sm font-medium'>{requiredActionTitle}</span>\n              </div>\n              <p className='text-xs text-amber-700 mt-1'>{requiredActionHint}</p>\n            </div>\n          ) : null}\n        </CardContent>\n      </Card>\n\n      {enabledActions.length > 0 ? (\n        <Card>\n          <CardHeader>\n            <CardTitle className='text-base'>{actionTitle}</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3'>\n              {enabledActions.map((action) => (\n                <Button\n                  key={action.action}\n                  variant='outline'\n                  onClick={() => onAction?.(action.action)}\n                  className={`h-auto p-4 justify-start ${action.required ? 'border-amber-300 bg-amber-50' : ''}`}\n                >\n                  <div className='flex items-center gap-3'>\n                    <div className={`p-2 rounded-md ${action.color} text-white`}>{action.icon}</div>\n                    <div className='text-left'>\n                      <div className='font-medium text-sm'>\n                        {action.label}\n                        {action.required ? (\n                          <Badge variant='destructive' className='ml-2 text-xs'>\n                            Required\n                          </Badge>\n                        ) : null}\n                      </div>\n                      <div className='text-xs text-muted-foreground'>{action.description}</div>\n                    </div>\n                  </div>\n                </Button>\n              ))}\n            </div>\n          </CardContent>\n        </Card>\n      ) : null}\n\n      {extraContent ? (\n        <Card>\n          <CardContent className='pt-6'>{extraContent}</CardContent>\n        </Card>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkflowStatusPanel.cjs","names":["Card","CardHeader","CardTitle","Badge","CardContent","AlertCircle","Button","require_runtime","require_ui_components_ui_button_components","require_ui_components_ui_badge_components","require_ui_components_ui_card","react_jsx_runtime","react","lucide_react","resolveActions","actions","action","status","FALLBACK_STATUS_INFO","WorkflowStatusPanel","statusInfo","statusInfoMap","currentStatus","defaultStatusInfo","enabledActions","requiredActions","extraContent","statusExtraContent","step","index","requiredActionTitle","requiredActionHint","actionTitle","onAction"],"sources":["../../../../src/tools/components/workflow/WorkflowStatusPanel.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertCircle } from 'lucide-react';\nimport { Badge } from '../ui/badge';\nimport { Button } from '../ui/button';\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card';\nimport { type WorkflowActionDefinition, type WorkflowStatusInfo } from './types';\n\nexport interface WorkflowStatusPanelProps {\n  currentStatus: string;\n  onAction?: (action: string) => void;\n  actions: WorkflowActionDefinition[];\n  statusInfoMap: Record<string, WorkflowStatusInfo>;\n  defaultStatusInfo?: WorkflowStatusInfo;\n  statusExtraContent?: Partial<Record<string, React.ReactNode>>;\n  actionTitle?: string;\n  requiredActionTitle?: string;\n  requiredActionHint?: string;\n}\n\ntype ResolvedAction = WorkflowActionDefinition & { enabled: boolean };\n\nfunction resolveActions(actions: WorkflowActionDefinition[], status: string): ResolvedAction[] {\n  return actions.map((action) => ({\n    ...action,\n    enabled: action.enabledStatuses.includes(status),\n  }));\n}\n\nconst FALLBACK_STATUS_INFO: WorkflowStatusInfo = {\n  title: 'Unknown Status',\n  description: 'Status metadata is not defined.',\n  nextSteps: [],\n  color: 'bg-secondary text-secondary-foreground',\n};\n\n/**\n * 申請承認や業務プロセスなどの進捗状況、次に必要なタスク、現在実行可能なアクションを視覚的に表示するワークフローステータスパネルコンポーネント。\n */\nexport function WorkflowStatusPanel({\n  currentStatus,\n  onAction,\n  actions,\n  statusInfoMap,\n  defaultStatusInfo = FALLBACK_STATUS_INFO,\n  statusExtraContent,\n  actionTitle = 'Available Actions',\n  requiredActionTitle = 'Required Actions',\n  requiredActionHint = 'Please complete the following actions.',\n}: WorkflowStatusPanelProps) {\n  const statusInfo = statusInfoMap[currentStatus] ?? defaultStatusInfo;\n  const resolvedActions = resolveActions(actions, currentStatus);\n  const enabledActions = resolvedActions.filter((action) => action.enabled);\n  const requiredActions = enabledActions.filter((action) => action.required);\n  const extraContent = statusExtraContent?.[currentStatus];\n\n  return (\n    <div className='space-y-4'>\n      <Card>\n        <CardHeader>\n          <CardTitle className='flex items-center gap-2'>\n            <Badge className={`text-white ${statusInfo.color}`}>{currentStatus}</Badge>\n            {statusInfo.title}\n          </CardTitle>\n        </CardHeader>\n        <CardContent className='space-y-3'>\n          <p className='text-sm text-muted-foreground'>{statusInfo.description}</p>\n          {statusInfo.nextSteps.length > 0 ? (\n            <div>\n              <h4 className='mb-2'>Next Steps</h4>\n              <ul className='text-sm space-y-1'>\n                {statusInfo.nextSteps.map((step, index) => (\n                  <li key={index} className='flex items-center gap-2'>\n                    <div className='w-1.5 h-1.5 bg-gray-400 rounded-full' />\n                    {step}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          ) : null}\n          {requiredActions.length > 0 ? (\n            <div className='p-3 bg-amber-50 border border-amber-200 rounded-md'>\n              <div className='flex items-center gap-2 text-amber-800'>\n                <AlertCircle className='h-4 w-4' />\n                <span className='text-sm font-medium'>{requiredActionTitle}</span>\n              </div>\n              <p className='text-xs text-amber-700 mt-1'>{requiredActionHint}</p>\n            </div>\n          ) : null}\n        </CardContent>\n      </Card>\n\n      {enabledActions.length > 0 ? (\n        <Card>\n          <CardHeader>\n            <CardTitle className='text-base'>{actionTitle}</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3'>\n              {enabledActions.map((action) => (\n                <Button\n                  key={action.action}\n                  variant='outline'\n                  onClick={() => onAction?.(action.action)}\n                  className={`h-auto p-4 justify-start ${action.required ? 'border-amber-300 bg-amber-50' : ''}`}\n                >\n                  <div className='flex items-center gap-3'>\n                    <div className={`p-2 rounded-md ${action.color} text-white`}>{action.icon}</div>\n                    <div className='text-left'>\n                      <div className='font-medium text-sm'>\n                        {action.label}\n                        {action.required ? (\n                          <Badge variant='destructive' className='ml-2 text-xs'>\n                            Required\n                          </Badge>\n                        ) : null}\n                      </div>\n                      <div className='text-xs text-muted-foreground'>{action.description}</div>\n                    </div>\n                  </div>\n                </Button>\n              ))}\n            </div>\n          </CardContent>\n        </Card>\n      ) : null}\n\n      {extraContent ? (\n        <Card>\n          <CardContent className='pt-6'>{extraContent}</CardContent>\n        </Card>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"A,yZAqBA,SAASc,EAAe,EAAqC,EAAkC,CAC7F,OAAOC,EAAQ,IAAK,IAAY,CAC9B,GAAGC,EACH,QAASA,EAAO,gBAAgB,SAASC,CAAM,CACjD,EAAE,CACJ,CAEA,IAAMC,EAA2C,CAC/C,MAAO,iBACP,YAAa,kCACb,UAAW,CAAC,EACZ,MAAO,wCACT,EAKA,SAAgBC,EAAoB,CAClC,gBACA,WACA,UACA,gBACA,oBAAoBD,EACpB,qBACA,cAAc,oBACd,sBAAsB,mBACtB,qBAAqB,0CACM,CAC3B,IAAME,EAAaC,EAAcC,IAAkBC,EAE7CC,EADkBV,EAAeC,EAASO,CACzB,CAAA,CAAgB,OAAQ,GAAWN,EAAO,OAAO,EAClES,EAAkBD,EAAe,OAAQ,GAAWR,EAAO,QAAQ,EACnEU,EAAeC,IAAqBL,GAE1C,OACE,EAAAX,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,YAAf,SAAA,EACE,EAAAA,EAAA,KAAA,CAACX,EAAAA,KAAD,CAAA,SAAA,EACE,EAAAW,EAAA,IAAA,CAACV,EAAAA,WAAD,CAAA,UACE,EAAAU,EAAA,KAAA,CAACT,EAAAA,UAAD,CAAW,UAAU,0BAArB,SAAA,EACE,EAAAS,EAAA,IAAA,CAACR,EAAAA,MAAD,CAAO,UAAW,cAAciB,EAAW,QAAU,SAAAE,CAAqB,CAAA,EACzEF,EAAW,KACH,CACD,CAAA,CAAA,CAAA,GACZ,EAAAT,EAAA,KAAA,CAACP,EAAAA,YAAD,CAAa,UAAU,YAAvB,SAAA,EACE,EAAAO,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,gCAAiC,SAAAS,EAAW,WAAe,CAAA,EACvEA,EAAW,UAAU,OAAS,GAC7B,EAAAT,EAAA,KAAA,CAAC,MAAD,CAAA,SAAA,EACE,EAAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,OAAO,SAAA,YAAc,CAAA,GACnC,EAAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,oBACX,SAAAS,EAAW,UAAU,KAAK,EAAM,KAC/B,EAAAT,EAAA,KAAA,CAAC,KAAD,CAAgB,UAAU,0BAA1B,SAAA,EACE,EAAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,sCAAwC,CAAA,EACtDiB,CACC,CAHK,EAAAC,CAGL,CACL,CACC,CAAA,CACD,CAAA,CAAA,EACH,KACHJ,EAAgB,OAAS,GACxB,EAAAd,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,qDAAf,SAAA,EACE,EAAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,yCAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAACN,EAAAA,YAAD,CAAa,UAAU,SAAW,CAAA,GAClC,EAAAM,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,sBAAuB,SAAAmB,CAA0B,CAAA,CAC9D,CACL,CAAA,GAAA,EAAAnB,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,8BAA+B,SAAAoB,CAAsB,CAAA,CAC/D,CACH,CAAA,EAAA,IACO,CACT,CAAA,CAAA,CAAA,CAAA,EAELP,EAAe,OAAS,GACvB,EAAAb,EAAA,KAAA,CAACX,EAAAA,KAAD,CAAA,SAAA,EACE,EAAAW,EAAA,IAAA,CAACV,EAAAA,WAAD,CAAA,UACE,EAAAU,EAAA,IAAA,CAACT,EAAAA,UAAD,CAAW,UAAU,YAAa,SAAA8B,CAAuB,CAAA,CAC/C,CAAA,GACZ,EAAArB,EAAA,IAAA,CAACP,EAAAA,YAAD,CAAA,UACE,EAAAO,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,uDACZ,SAAAa,EAAe,IAAK,IACnB,EAAAb,EAAA,IAAA,CAACL,EAAAA,OAAD,CAEE,QAAQ,UACR,YAAe2B,IAAWjB,EAAO,MAAM,EACvC,UAAW,4BAA4BA,EAAO,SAAW,+BAAiC,KAE1F,UAAA,EAAAL,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,0BAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,kBAAkBK,EAAO,MAAM,aAAe,SAAAA,EAAO,IAAU,CAAA,GAC/E,EAAAL,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,YAAf,SAAA,EACE,EAAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,sBAAf,SAAA,CACGK,EAAO,MACPA,EAAO,UACN,EAAAL,EAAA,IAAA,CAACR,EAAAA,MAAD,CAAO,QAAQ,cAAc,UAAU,eAAe,SAAA,UAE/C,CAAA,EACL,IACD,CACL,CAAA,GAAA,EAAAQ,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,gCAAiC,SAAAK,EAAO,WAAiB,CAAA,CACrE,CACF,CAAA,CAAA,C,EACC,EAnBDA,EAAO,MAmBN,CACT,CACE,CAAA,CACM,CAAA,CACT,CAAA,CAAA,EACJ,KAEHU,GACC,EAAAf,EAAA,IAAA,CAACX,EAAAA,KAAD,CAAA,UACE,EAAAW,EAAA,IAAA,CAACP,EAAAA,YAAD,CAAa,UAAU,OAAQ,SAAAsB,CAA0B,CAAA,CACrD,CAAA,EACJ,IACD,C,EAET,C"}

package/dist/tools/components/workflow/WorkflowStatusPanel.js

@@ -16,7 +16,7 @@ var u = {
 	title: "Unknown Status",
 	description: "Status metadata is not defined.",
 	nextSteps: [],
-	color: "bg-gray-500"
+	color: "bg-secondary text-secondary-foreground"
 };
 function d({ currentStatus: d, onAction: f, actions: p, statusInfoMap: m, defaultStatusInfo: h = u, statusExtraContent: g, actionTitle: _ = "Available Actions", requiredActionTitle: v = "Required Actions", requiredActionHint: y = "Please complete the following actions." }) {
 	let b = m[d] ?? h, x = l(p, d).filter((e) => e.enabled), S = x.filter((e) => e.required), C = g?.[d];
@@ -26,7 +26,7 @@ function d({ currentStatus: d, onAction: f, actions: p, statusInfoMap: m, defaul
 			/* @__PURE__ */ s(n, { children: [/* @__PURE__ */ o(i, { children: /* @__PURE__ */ s(a, {
 				className: "flex items-center gap-2",
 				children: [/* @__PURE__ */ o(t, {
-					className: `${b.color} text-white`,
+					className: `text-white ${b.color}`,
 					children: d
 				}), b.title]
 			}) }), /* @__PURE__ */ s(r, {

package/dist/tools/components/workflow/WorkflowStatusPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowStatusPanel.js","names":["resolveActions","actions","action","status","FALLBACK_STATUS_INFO","WorkflowStatusPanel","statusInfo","statusInfoMap","currentStatus","defaultStatusInfo","enabledActions","requiredActions","extraContent","statusExtraContent","Card","CardHeader","CardTitle","Badge","CardContent","step","index","AlertCircle","requiredActionTitle","requiredActionHint","actionTitle","Button","onAction"],"sources":["../../../../src/tools/components/workflow/WorkflowStatusPanel.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertCircle } from 'lucide-react';\nimport { Badge } from '../ui/badge';\nimport { Button } from '../ui/button';\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card';\nimport { type WorkflowActionDefinition, type WorkflowStatusInfo } from './types';\n\nexport interface WorkflowStatusPanelProps {\n  currentStatus: string;\n  onAction?: (action: string) => void;\n  actions: WorkflowActionDefinition[];\n  statusInfoMap: Record<string, WorkflowStatusInfo>;\n  defaultStatusInfo?: WorkflowStatusInfo;\n  statusExtraContent?: Partial<Record<string, React.ReactNode>>;\n  actionTitle?: string;\n  requiredActionTitle?: string;\n  requiredActionHint?: string;\n}\n\ntype ResolvedAction = WorkflowActionDefinition & { enabled: boolean };\n\nfunction resolveActions(actions: WorkflowActionDefinition[], status: string): ResolvedAction[] {\n  return actions.map((action) => ({\n    ...action,\n    enabled: action.enabledStatuses.includes(status),\n  }));\n}\n\nconst FALLBACK_STATUS_INFO: WorkflowStatusInfo = {\n  title: 'Unknown Status',\n  description: 'Status metadata is not defined.',\n  nextSteps: [],\n  color: 'bg-gray-500',\n};\n\n/**\n * 申請承認や業務プロセスなどの進捗状況、次に必要なタスク、現在実行可能なアクションを視覚的に表示するワークフローステータスパネルコンポーネント。\n */\nexport function WorkflowStatusPanel({\n  currentStatus,\n  onAction,\n  actions,\n  statusInfoMap,\n  defaultStatusInfo = FALLBACK_STATUS_INFO,\n  statusExtraContent,\n  actionTitle = 'Available Actions',\n  requiredActionTitle = 'Required Actions',\n  requiredActionHint = 'Please complete the following actions.',\n}: WorkflowStatusPanelProps) {\n  const statusInfo = statusInfoMap[currentStatus] ?? defaultStatusInfo;\n  const resolvedActions = resolveActions(actions, currentStatus);\n  const enabledActions = resolvedActions.filter((action) => action.enabled);\n  const requiredActions = enabledActions.filter((action) => action.required);\n  const extraContent = statusExtraContent?.[currentStatus];\n\n  return (\n    <div className='space-y-4'>\n      <Card>\n        <CardHeader>\n          <CardTitle className='flex items-center gap-2'>\n            <Badge className={`${statusInfo.color} text-white`}>{currentStatus}</Badge>\n            {statusInfo.title}\n          </CardTitle>\n        </CardHeader>\n        <CardContent className='space-y-3'>\n          <p className='text-sm text-muted-foreground'>{statusInfo.description}</p>\n          {statusInfo.nextSteps.length > 0 ? (\n            <div>\n              <h4 className='mb-2'>Next Steps</h4>\n              <ul className='text-sm space-y-1'>\n                {statusInfo.nextSteps.map((step, index) => (\n                  <li key={index} className='flex items-center gap-2'>\n                    <div className='w-1.5 h-1.5 bg-gray-400 rounded-full' />\n                    {step}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          ) : null}\n          {requiredActions.length > 0 ? (\n            <div className='p-3 bg-amber-50 border border-amber-200 rounded-md'>\n              <div className='flex items-center gap-2 text-amber-800'>\n                <AlertCircle className='h-4 w-4' />\n                <span className='text-sm font-medium'>{requiredActionTitle}</span>\n              </div>\n              <p className='text-xs text-amber-700 mt-1'>{requiredActionHint}</p>\n            </div>\n          ) : null}\n        </CardContent>\n      </Card>\n\n      {enabledActions.length > 0 ? (\n        <Card>\n          <CardHeader>\n            <CardTitle className='text-base'>{actionTitle}</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3'>\n              {enabledActions.map((action) => (\n                <Button\n                  key={action.action}\n                  variant='outline'\n                  onClick={() => onAction?.(action.action)}\n                  className={`h-auto p-4 justify-start ${action.required ? 'border-amber-300 bg-amber-50' : ''}`}\n                >\n                  <div className='flex items-center gap-3'>\n                    <div className={`p-2 rounded-md ${action.color} text-white`}>{action.icon}</div>\n                    <div className='text-left'>\n                      <div className='font-medium text-sm'>\n                        {action.label}\n                        {action.required ? (\n                          <Badge variant='destructive' className='ml-2 text-xs'>\n                            Required\n                          </Badge>\n                        ) : null}\n                      </div>\n                      <div className='text-xs text-muted-foreground'>{action.description}</div>\n                    </div>\n                  </div>\n                </Button>\n              ))}\n            </div>\n          </CardContent>\n        </Card>\n      ) : null}\n\n      {extraContent ? (\n        <Card>\n          <CardContent className='pt-6'>{extraContent}</CardContent>\n        </Card>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkflowStatusPanel.js","names":["resolveActions","actions","action","status","FALLBACK_STATUS_INFO","WorkflowStatusPanel","statusInfo","statusInfoMap","currentStatus","defaultStatusInfo","enabledActions","requiredActions","extraContent","statusExtraContent","Card","CardHeader","CardTitle","Badge","CardContent","step","index","AlertCircle","requiredActionTitle","requiredActionHint","actionTitle","Button","onAction"],"sources":["../../../../src/tools/components/workflow/WorkflowStatusPanel.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertCircle } from 'lucide-react';\nimport { Badge } from '../ui/badge';\nimport { Button } from '../ui/button';\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card';\nimport { type WorkflowActionDefinition, type WorkflowStatusInfo } from './types';\n\nexport interface WorkflowStatusPanelProps {\n  currentStatus: string;\n  onAction?: (action: string) => void;\n  actions: WorkflowActionDefinition[];\n  statusInfoMap: Record<string, WorkflowStatusInfo>;\n  defaultStatusInfo?: WorkflowStatusInfo;\n  statusExtraContent?: Partial<Record<string, React.ReactNode>>;\n  actionTitle?: string;\n  requiredActionTitle?: string;\n  requiredActionHint?: string;\n}\n\ntype ResolvedAction = WorkflowActionDefinition & { enabled: boolean };\n\nfunction resolveActions(actions: WorkflowActionDefinition[], status: string): ResolvedAction[] {\n  return actions.map((action) => ({\n    ...action,\n    enabled: action.enabledStatuses.includes(status),\n  }));\n}\n\nconst FALLBACK_STATUS_INFO: WorkflowStatusInfo = {\n  title: 'Unknown Status',\n  description: 'Status metadata is not defined.',\n  nextSteps: [],\n  color: 'bg-secondary text-secondary-foreground',\n};\n\n/**\n * 申請承認や業務プロセスなどの進捗状況、次に必要なタスク、現在実行可能なアクションを視覚的に表示するワークフローステータスパネルコンポーネント。\n */\nexport function WorkflowStatusPanel({\n  currentStatus,\n  onAction,\n  actions,\n  statusInfoMap,\n  defaultStatusInfo = FALLBACK_STATUS_INFO,\n  statusExtraContent,\n  actionTitle = 'Available Actions',\n  requiredActionTitle = 'Required Actions',\n  requiredActionHint = 'Please complete the following actions.',\n}: WorkflowStatusPanelProps) {\n  const statusInfo = statusInfoMap[currentStatus] ?? defaultStatusInfo;\n  const resolvedActions = resolveActions(actions, currentStatus);\n  const enabledActions = resolvedActions.filter((action) => action.enabled);\n  const requiredActions = enabledActions.filter((action) => action.required);\n  const extraContent = statusExtraContent?.[currentStatus];\n\n  return (\n    <div className='space-y-4'>\n      <Card>\n        <CardHeader>\n          <CardTitle className='flex items-center gap-2'>\n            <Badge className={`text-white ${statusInfo.color}`}>{currentStatus}</Badge>\n            {statusInfo.title}\n          </CardTitle>\n        </CardHeader>\n        <CardContent className='space-y-3'>\n          <p className='text-sm text-muted-foreground'>{statusInfo.description}</p>\n          {statusInfo.nextSteps.length > 0 ? (\n            <div>\n              <h4 className='mb-2'>Next Steps</h4>\n              <ul className='text-sm space-y-1'>\n                {statusInfo.nextSteps.map((step, index) => (\n                  <li key={index} className='flex items-center gap-2'>\n                    <div className='w-1.5 h-1.5 bg-gray-400 rounded-full' />\n                    {step}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          ) : null}\n          {requiredActions.length > 0 ? (\n            <div className='p-3 bg-amber-50 border border-amber-200 rounded-md'>\n              <div className='flex items-center gap-2 text-amber-800'>\n                <AlertCircle className='h-4 w-4' />\n                <span className='text-sm font-medium'>{requiredActionTitle}</span>\n              </div>\n              <p className='text-xs text-amber-700 mt-1'>{requiredActionHint}</p>\n            </div>\n          ) : null}\n        </CardContent>\n      </Card>\n\n      {enabledActions.length > 0 ? (\n        <Card>\n          <CardHeader>\n            <CardTitle className='text-base'>{actionTitle}</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3'>\n              {enabledActions.map((action) => (\n                <Button\n                  key={action.action}\n                  variant='outline'\n                  onClick={() => onAction?.(action.action)}\n                  className={`h-auto p-4 justify-start ${action.required ? 'border-amber-300 bg-amber-50' : ''}`}\n                >\n                  <div className='flex items-center gap-3'>\n                    <div className={`p-2 rounded-md ${action.color} text-white`}>{action.icon}</div>\n                    <div className='text-left'>\n                      <div className='font-medium text-sm'>\n                        {action.label}\n                        {action.required ? (\n                          <Badge variant='destructive' className='ml-2 text-xs'>\n                            Required\n                          </Badge>\n                        ) : null}\n                      </div>\n                      <div className='text-xs text-muted-foreground'>{action.description}</div>\n                    </div>\n                  </div>\n                </Button>\n              ))}\n            </div>\n          </CardContent>\n        </Card>\n      ) : null}\n\n      {extraContent ? (\n        <Card>\n          <CardContent className='pt-6'>{extraContent}</CardContent>\n        </Card>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/tools/lib/data-access/data-access-context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-access-context.cjs","names":["createContext","useContext","react","DataAccessContext","useDataAccess","context"],"sources":["../../../../src/tools/lib/data-access/data-access-context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { DataAccessAdapter } from './types';\n\n/**\n * DataAccess アダプターを React コンポーネントツリー全体で共有するための Context です。\n */\nexport const DataAccessContext = createContext<DataAccessAdapter | null>(null);\n\n/**\n * 現在の DataAccess アダプターを取得するためのカスタムフックです。\n * DataAccessProvider の内側で使用する必要があります。\n *\n * @returns 現在設定されている DataAccessAdapter インスタンス\n * @throws DataAccessProvider の外側で使用された場合にエラーを投げます\n */\nexport const useDataAccess = () => {\n  const context = useContext(DataAccessContext);\n  if (!context) {\n    throw new Error('useDataAccess must be used within a DataAccessProvider');\n  }\n  return context;\n};\n"],"mappings":"A,uGAMA,IAAaG,GAAA,EAAoBH,EAAAA,cAAAA,CAAwC,IAAI,EAShEI,MAAsB,CACjC,IAAMC,GAAA,EAAUJ,EAAAA,WAAAA,CAAWE,CAAiB,EAC5C,GAAI,CAACE,EACH,MAAU,MAAM,wDAAwD,EAE1E,OAAOA,CACT,E"}
+{"version":3,"file":"data-access-context.cjs","names":["createContext","useContext","react","DataAccessContext","useDataAccess","context"],"sources":["../../../../src/tools/lib/data-access/data-access-context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { DataAccessAdapter } from './types';\n\n/**\n * Nullable React context carrying the host data-access adapter.\n * @see DataAccessProvider for setup and useDataAccess for consumption.\n */\nexport const DataAccessContext = createContext<DataAccessAdapter | null>(null);\n\n/**\n * Reads the host data-access adapter from the nearest DataAccessProvider.\n * @returns Supplied adapter; no network request is made by this hook.\n * @throws Error when rendered outside DataAccessProvider.\n * @remarks No CSS or QueryClientProvider is needed for this hook alone; query hooks\n * add their own TanStack provider requirement. Backend access remains host-owned.\n * @example\n * ```tsx\n * import type { ComponentProps } from 'react';\n * import { DataAccessProvider, useDataAccess } from '@alneas/appkit-react/tools/data-access/react';\n * type DataAccessAdapter = ComponentProps<typeof DataAccessProvider>['adapter'];\n * function CollectionHint() { const adapter = useDataAccess(); return <span>{adapter ? 'Data adapter available' : 'Unavailable'}</span>; }\n * export function DataRoot({ adapter }: { adapter: DataAccessAdapter }) { return <DataAccessProvider adapter={adapter}><CollectionHint /></DataAccessProvider>; }\n * ```\n */\nexport const useDataAccess = () => {\n  const context = useContext(DataAccessContext);\n  if (!context) {\n    throw new Error('useDataAccess must be used within a DataAccessProvider');\n  }\n  return context;\n};\n"],"mappings":"A,uGAOA,IAAaG,GAAA,EAAoBH,EAAAA,cAAAA,CAAwC,IAAI,EAiBhEI,MAAsB,CACjC,IAAMC,GAAA,EAAUJ,EAAAA,WAAAA,CAAWE,CAAiB,EAC5C,GAAI,CAACE,EACH,MAAU,MAAM,wDAAwD,EAE1E,OAAOA,CACT,E"}

package/dist/tools/lib/data-access/data-access-context.d.cts

@@ -1,13 +1,22 @@
 import { DataAccessAdapter } from './types.cjs';
 /**
- * DataAccess アダプターを React コンポーネントツリー全体で共有するための Context です。
+ * Nullable React context carrying the host data-access adapter.
+ * @see DataAccessProvider for setup and useDataAccess for consumption.
  */
 export declare const DataAccessContext: import('react').Context<DataAccessAdapter | null>;
 /**
- * 現在の DataAccess アダプターを取得するためのカスタムフックです。
- * DataAccessProvider の内側で使用する必要があります。
- *
- * @returns 現在設定されている DataAccessAdapter インスタンス
- * @throws DataAccessProvider の外側で使用された場合にエラーを投げます
+ * Reads the host data-access adapter from the nearest DataAccessProvider.
+ * @returns Supplied adapter; no network request is made by this hook.
+ * @throws Error when rendered outside DataAccessProvider.
+ * @remarks No CSS or QueryClientProvider is needed for this hook alone; query hooks
+ * add their own TanStack provider requirement. Backend access remains host-owned.
+ * @example
+ * ```tsx
+ * import type { ComponentProps } from 'react';
+ * import { DataAccessProvider, useDataAccess } from '@alneas/appkit-react/tools/data-access/react';
+ * type DataAccessAdapter = ComponentProps<typeof DataAccessProvider>['adapter'];
+ * function CollectionHint() { const adapter = useDataAccess(); return <span>{adapter ? 'Data adapter available' : 'Unavailable'}</span>; }
+ * export function DataRoot({ adapter }: { adapter: DataAccessAdapter }) { return <DataAccessProvider adapter={adapter}><CollectionHint /></DataAccessProvider>; }
+ * ```
  */
 export declare const useDataAccess: () => DataAccessAdapter;

package/dist/tools/lib/data-access/data-access-context.d.ts

@@ -1,13 +1,22 @@
 import { DataAccessAdapter } from './types.js';
 /**
- * DataAccess アダプターを React コンポーネントツリー全体で共有するための Context です。
+ * Nullable React context carrying the host data-access adapter.
+ * @see DataAccessProvider for setup and useDataAccess for consumption.
  */
 export declare const DataAccessContext: import('react').Context<DataAccessAdapter | null>;
 /**
- * 現在の DataAccess アダプターを取得するためのカスタムフックです。
- * DataAccessProvider の内側で使用する必要があります。
- *
- * @returns 現在設定されている DataAccessAdapter インスタンス
- * @throws DataAccessProvider の外側で使用された場合にエラーを投げます
+ * Reads the host data-access adapter from the nearest DataAccessProvider.
+ * @returns Supplied adapter; no network request is made by this hook.
+ * @throws Error when rendered outside DataAccessProvider.
+ * @remarks No CSS or QueryClientProvider is needed for this hook alone; query hooks
+ * add their own TanStack provider requirement. Backend access remains host-owned.
+ * @example
+ * ```tsx
+ * import type { ComponentProps } from 'react';
+ * import { DataAccessProvider, useDataAccess } from '@alneas/appkit-react/tools/data-access/react';
+ * type DataAccessAdapter = ComponentProps<typeof DataAccessProvider>['adapter'];
+ * function CollectionHint() { const adapter = useDataAccess(); return <span>{adapter ? 'Data adapter available' : 'Unavailable'}</span>; }
+ * export function DataRoot({ adapter }: { adapter: DataAccessAdapter }) { return <DataAccessProvider adapter={adapter}><CollectionHint /></DataAccessProvider>; }
+ * ```
  */
 export declare const useDataAccess: () => DataAccessAdapter;

package/dist/tools/lib/data-access/data-access-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-access-context.js","names":["DataAccessContext","createContext","useDataAccess","context","useContext"],"sources":["../../../../src/tools/lib/data-access/data-access-context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { DataAccessAdapter } from './types';\n\n/**\n * DataAccess アダプターを React コンポーネントツリー全体で共有するための Context です。\n */\nexport const DataAccessContext = createContext<DataAccessAdapter | null>(null);\n\n/**\n * 現在の DataAccess アダプターを取得するためのカスタムフックです。\n * DataAccessProvider の内側で使用する必要があります。\n *\n * @returns 現在設定されている DataAccessAdapter インスタンス\n * @throws DataAccessProvider の外側で使用された場合にエラーを投げます\n */\nexport const useDataAccess = () => {\n  const context = useContext(DataAccessContext);\n  if (!context) {\n    throw new Error('useDataAccess must be used within a DataAccessProvider');\n  }\n  return context;\n};\n"],"mappings":";;;AAMA,IAAaA,IAAoBC,EAAwC,IAAI,GAShEC,UAAsB;CACjC,IAAMC,IAAUC,EAAWJ,CAAiB;CAC5C,IAAI,CAACG,GACH,MAAU,MAAM,wDAAwD;CAE1E,OAAOA;AACT"}
+{"version":3,"file":"data-access-context.js","names":["DataAccessContext","createContext","useDataAccess","context","useContext"],"sources":["../../../../src/tools/lib/data-access/data-access-context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { DataAccessAdapter } from './types';\n\n/**\n * Nullable React context carrying the host data-access adapter.\n * @see DataAccessProvider for setup and useDataAccess for consumption.\n */\nexport const DataAccessContext = createContext<DataAccessAdapter | null>(null);\n\n/**\n * Reads the host data-access adapter from the nearest DataAccessProvider.\n * @returns Supplied adapter; no network request is made by this hook.\n * @throws Error when rendered outside DataAccessProvider.\n * @remarks No CSS or QueryClientProvider is needed for this hook alone; query hooks\n * add their own TanStack provider requirement. Backend access remains host-owned.\n * @example\n * ```tsx\n * import type { ComponentProps } from 'react';\n * import { DataAccessProvider, useDataAccess } from '@alneas/appkit-react/tools/data-access/react';\n * type DataAccessAdapter = ComponentProps<typeof DataAccessProvider>['adapter'];\n * function CollectionHint() { const adapter = useDataAccess(); return <span>{adapter ? 'Data adapter available' : 'Unavailable'}</span>; }\n * export function DataRoot({ adapter }: { adapter: DataAccessAdapter }) { return <DataAccessProvider adapter={adapter}><CollectionHint /></DataAccessProvider>; }\n * ```\n */\nexport const useDataAccess = () => {\n  const context = useContext(DataAccessContext);\n  if (!context) {\n    throw new Error('useDataAccess must be used within a DataAccessProvider');\n  }\n  return context;\n};\n"],"mappings":";;;AAOA,IAAaA,IAAoBC,EAAwC,IAAI,GAiBhEC,UAAsB;CACjC,IAAMC,IAAUC,EAAWJ,CAAiB;CAC5C,IAAI,CAACG,GACH,MAAU,MAAM,wDAAwD;CAE1E,OAAOA;AACT"}

package/dist/tools/lib/data-access/react-query-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"react-query-provider.cjs","names":["DataAccessContext","require_runtime","require_tools_lib_data_access_data_access_context","react_jsx_runtime","react","DataAccessProvider","adapter"],"sources":["../../../../src/tools/lib/data-access/react-query-provider.tsx"],"sourcesContent":["import React from 'react';\nimport type { DataAccessAdapter } from './types';\nimport { DataAccessContext } from './data-access-context';\n\n/**\n * データアクセス層のアダプターを提供するコンテキストプロバイダーです。\n * アプリケーションのルート付近でラップして使用してください。\n */\nexport const DataAccessProvider = ({\n  adapter,\n  children,\n}: {\n  adapter: DataAccessAdapter;\n  children: React.ReactNode;\n}) => {\n  return <DataAccessContext.Provider value={adapter}>{children}</DataAccessContext.Provider>;\n};\n"],"mappings":"A,yPAQA,IAAaK,GAAsB,CACjC,UACA,eAKO,EAAAF,EAAA,IAAA,CAACH,EAAAA,kBAAkB,SAAnB,CAA4B,MAAOM,EAAU,UAAqC,CAAA,E"}
+{"version":3,"file":"react-query-provider.cjs","names":["DataAccessContext","require_runtime","require_tools_lib_data_access_data_access_context","react_jsx_runtime","react","DataAccessProvider","adapter"],"sources":["../../../../src/tools/lib/data-access/react-query-provider.tsx"],"sourcesContent":["import React from 'react';\nimport type { DataAccessAdapter } from './types';\nimport { DataAccessContext } from './data-access-context';\n\n/**\n * Makes a host data-access adapter available to descendants.\n * @param props - Host adapter and child content.\n * @returns Adapter context around children; no requests or adapter disposal occur here.\n * @remarks No CSS is required. Query hooks additionally need QueryClientProvider. Keep the\n * adapter stable to preserve scoped query keys; the backend owns permissions/persistence.\n * @example\n * ```tsx\n * import type { ComponentProps } from 'react';\n * import type { ReactNode } from 'react';\n * import { DataAccessProvider } from '@alneas/appkit-react/tools/data-access/react';\n * type DataAccessAdapter = ComponentProps<typeof DataAccessProvider>['adapter'];\n * export function DataRoot({ adapter, children }: { adapter: DataAccessAdapter; children: ReactNode }) { return <DataAccessProvider adapter={adapter}>{children}</DataAccessProvider>; }\n * ```\n */\nexport const DataAccessProvider = ({\n  adapter,\n  children,\n}: {\n  /**\n   * Stable host adapter providing persistence and authorization semantics.\n   */\n  adapter: DataAccessAdapter;\n  /**\n   * Descendants that consume the adapter.\n   */\n  children: React.ReactNode;\n}) => {\n  return <DataAccessContext.Provider value={adapter}>{children}</DataAccessContext.Provider>;\n};\n"],"mappings":"A,yPAmBA,IAAaK,GAAsB,CACjC,UACA,eAWO,EAAAF,EAAA,IAAA,CAACH,EAAAA,kBAAkB,SAAnB,CAA4B,MAAOM,EAAU,UAAqC,CAAA,E"}

package/dist/tools/lib/data-access/react-query-provider.d.cts

@@ -1,10 +1,27 @@
 import { default as React } from 'react';
 import { DataAccessAdapter } from './types.cjs';
 /**
- * データアクセス層のアダプターを提供するコンテキストプロバイダーです。
- * アプリケーションのルート付近でラップして使用してください。
+ * Makes a host data-access adapter available to descendants.
+ * @param props - Host adapter and child content.
+ * @returns Adapter context around children; no requests or adapter disposal occur here.
+ * @remarks No CSS is required. Query hooks additionally need QueryClientProvider. Keep the
+ * adapter stable to preserve scoped query keys; the backend owns permissions/persistence.
+ * @example
+ * ```tsx
+ * import type { ComponentProps } from 'react';
+ * import type { ReactNode } from 'react';
+ * import { DataAccessProvider } from '@alneas/appkit-react/tools/data-access/react';
+ * type DataAccessAdapter = ComponentProps<typeof DataAccessProvider>['adapter'];
+ * export function DataRoot({ adapter, children }: { adapter: DataAccessAdapter; children: ReactNode }) { return <DataAccessProvider adapter={adapter}>{children}</DataAccessProvider>; }
+ * ```
  */
 export declare const DataAccessProvider: ({ adapter, children, }: {
+    /**
+     * Stable host adapter providing persistence and authorization semantics.
+     */
     adapter: DataAccessAdapter;
+    /**
+     * Descendants that consume the adapter.
+     */
     children: React.ReactNode;
 }) => React.JSX.Element;

package/dist/tools/lib/data-access/react-query-provider.d.ts

@@ -1,10 +1,27 @@
 import { default as React } from 'react';
 import { DataAccessAdapter } from './types.js';
 /**
- * データアクセス層のアダプターを提供するコンテキストプロバイダーです。
- * アプリケーションのルート付近でラップして使用してください。
+ * Makes a host data-access adapter available to descendants.
+ * @param props - Host adapter and child content.
+ * @returns Adapter context around children; no requests or adapter disposal occur here.
+ * @remarks No CSS is required. Query hooks additionally need QueryClientProvider. Keep the
+ * adapter stable to preserve scoped query keys; the backend owns permissions/persistence.
+ * @example
+ * ```tsx
+ * import type { ComponentProps } from 'react';
+ * import type { ReactNode } from 'react';
+ * import { DataAccessProvider } from '@alneas/appkit-react/tools/data-access/react';
+ * type DataAccessAdapter = ComponentProps<typeof DataAccessProvider>['adapter'];
+ * export function DataRoot({ adapter, children }: { adapter: DataAccessAdapter; children: ReactNode }) { return <DataAccessProvider adapter={adapter}>{children}</DataAccessProvider>; }
+ * ```
  */
 export declare const DataAccessProvider: ({ adapter, children, }: {
+    /**
+     * Stable host adapter providing persistence and authorization semantics.
+     */
     adapter: DataAccessAdapter;
+    /**
+     * Descendants that consume the adapter.
+     */
     children: React.ReactNode;
 }) => React.JSX.Element;

package/dist/tools/lib/data-access/react-query-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-query-provider.js","names":["DataAccessProvider","DataAccessContext","adapter"],"sources":["../../../../src/tools/lib/data-access/react-query-provider.tsx"],"sourcesContent":["import React from 'react';\nimport type { DataAccessAdapter } from './types';\nimport { DataAccessContext } from './data-access-context';\n\n/**\n * データアクセス層のアダプターを提供するコンテキストプロバイダーです。\n * アプリケーションのルート付近でラップして使用してください。\n */\nexport const DataAccessProvider = ({\n  adapter,\n  children,\n}: {\n  adapter: DataAccessAdapter;\n  children: React.ReactNode;\n}) => {\n  return <DataAccessContext.Provider value={adapter}>{children}</DataAccessContext.Provider>;\n};\n"],"mappings":";;;;;AAQA,IAAaA,KAAsB,EACjC,YACA,kBAKO,kBAACC,EAAkB,UAAnB;CAA4B,OAAOC;CAAU;AAAqC,CAAA"}
+{"version":3,"file":"react-query-provider.js","names":["DataAccessProvider","DataAccessContext","adapter"],"sources":["../../../../src/tools/lib/data-access/react-query-provider.tsx"],"sourcesContent":["import React from 'react';\nimport type { DataAccessAdapter } from './types';\nimport { DataAccessContext } from './data-access-context';\n\n/**\n * Makes a host data-access adapter available to descendants.\n * @param props - Host adapter and child content.\n * @returns Adapter context around children; no requests or adapter disposal occur here.\n * @remarks No CSS is required. Query hooks additionally need QueryClientProvider. Keep the\n * adapter stable to preserve scoped query keys; the backend owns permissions/persistence.\n * @example\n * ```tsx\n * import type { ComponentProps } from 'react';\n * import type { ReactNode } from 'react';\n * import { DataAccessProvider } from '@alneas/appkit-react/tools/data-access/react';\n * type DataAccessAdapter = ComponentProps<typeof DataAccessProvider>['adapter'];\n * export function DataRoot({ adapter, children }: { adapter: DataAccessAdapter; children: ReactNode }) { return <DataAccessProvider adapter={adapter}>{children}</DataAccessProvider>; }\n * ```\n */\nexport const DataAccessProvider = ({\n  adapter,\n  children,\n}: {\n  /**\n   * Stable host adapter providing persistence and authorization semantics.\n   */\n  adapter: DataAccessAdapter;\n  /**\n   * Descendants that consume the adapter.\n   */\n  children: React.ReactNode;\n}) => {\n  return <DataAccessContext.Provider value={adapter}>{children}</DataAccessContext.Provider>;\n};\n"],"mappings":";;;;;AAmBA,IAAaA,KAAsB,EACjC,YACA,kBAWO,kBAACC,EAAkB,UAAnB;CAA4B,OAAOC;CAAU;AAAqC,CAAA"}