@alneas/appkit-react 0.1.0 → 0.3.0

package/dist/tools/components/ui/field.js

@@ -5,11 +5,11 @@ import { Textarea as n } from "../../../ui/components/ui/textarea.js";
 import { Select as r, SelectContent as i, SelectItem as a, SelectTrigger as o, SelectValue as s } from "../../../ui/components/ui/select.js";
 import { Field as c, FieldContent as l, FieldControl as u, FieldDescription as d, FieldError as f, FieldGroup as p, FieldLabel as m, FieldLegend as h, FieldSeparator as g, FieldSet as _, FieldTitle as v, FieldValidity as y } from "../../../ui/components/ui/field.js";
 import { resolveFilterField as b } from "../filter/filter-types.js";
-import { extractUIConfig as x } from "../../lib/schema/json-schema.js";
-import { Fragment as ee, jsx as S, jsxs as C } from "react/jsx-runtime";
-import * as w from "react";
+import { extractUIConfig as ee } from "../../lib/schema/json-schema.js";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import "react";
 //#region src/tools/components/ui/field.tsx
-var T = /* @__PURE__ */ new Set([
+var w = /* @__PURE__ */ new Set([
 	"text",
 	"number",
 	"password",
@@ -17,34 +17,35 @@ var T = /* @__PURE__ */ new Set([
 	"select",
 	"textarea",
 	"checkbox"
-]), E = (e) => {
-	if (e) return T.has(e) ? e : void 0;
-}, D = w.forwardRef(({ testId: p, label: h, children: g, labelPosition: _, labelWidth: v, overlappingLabel: y, showPlaceholderOnAll: w, description: T, error: D, required: O, className: k, type: A, options: j, inputProps: M, jsonSchema: N, schema: P, field: F, orientation: I, ...L }, R) => {
+]), T = (e) => {
+	if (e) return w.has(e) ? e : void 0;
+};
+function E({ ref: p, testId: h, label: g, children: _, labelPosition: v, labelWidth: y, overlappingLabel: w, showPlaceholderOnAll: E, description: D, error: O, required: k, className: A, type: j, options: M, inputProps: N, jsonSchema: P, schema: F, field: I, orientation: L, ...R }) {
 	let z = {
-		label: h,
-		type: A,
-		options: j,
-		labelPosition: _,
-		labelWidth: v,
-		overlappingLabel: y,
-		showPlaceholderOnAll: w,
-		inputProps: M,
-		description: T
+		label: g,
+		type: j,
+		options: M,
+		labelPosition: v,
+		labelWidth: y,
+		overlappingLabel: w,
+		showPlaceholderOnAll: E,
+		inputProps: N,
+		description: D
 	};
-	if (N) {
-		let e = M?.name || "", t = x(N, e, []);
-		z.label = h || t.label, z.type = A || E(t.type), z.options = j || t.options?.map((e) => ({
+	if (P) {
+		let e = N?.name || "", t = ee(P, e, []);
+		z.label = g || t.label, z.type = j || T(t.type), z.options = M || t.options?.map((e) => ({
 			label: e.label,
 			value: String(e.value)
 		}));
-		let n = N["x-ui"] || {};
-		z.labelPosition = _ || (n.layout?.section, "top"), z.overlappingLabel = y, (t.placeholder || n.prefix || n.suffix) && (z.inputProps = {
-			...M,
+		let n = P["x-ui"] || {};
+		z.labelPosition = v || (n.layout?.section, "top"), z.overlappingLabel = w, (t.placeholder || n.prefix || n.suffix) && (z.inputProps = {
+			...N,
 			placeholder: t.placeholder
-		}), !T && t.help && (z.description = t.help);
-	} else if (P && F) {
-		let e = b(F, P);
-		if (z.label = h || e.label, z.labelPosition = _ || e.labelPosition || "top", z.labelWidth = v || e.labelWidth, z.overlappingLabel = y === void 0 ? e.overlappingLabel : y, !A) switch (e.type) {
+		}), !D && t.help && (z.description = t.help);
+	} else if (F && I) {
+		let e = b(I, F);
+		if (z.label = g || e.label, z.labelPosition = v || e.labelPosition || "top", z.labelWidth = y || e.labelWidth, z.overlappingLabel = w === void 0 ? e.overlappingLabel : w, !j) switch (e.type) {
 			case "number":
 				z.type = "number";
 				break;
@@ -59,18 +60,18 @@ var T = /* @__PURE__ */ new Set([
 				break;
 			default: z.type = "text";
 		}
-		!j && e.options && (z.options = e.options.map((e) => ({
+		!M && e.options && (z.options = e.options.map((e) => ({
 			label: e.label,
 			value: String(e.value)
 		}))), e.placeholder && (z.inputProps = {
-			...M,
+			...N,
 			placeholder: e.placeholder
 		});
 	}
-	let { label: B, type: V, options: H, labelPosition: U = "top", labelWidth: W, overlappingLabel: G = !1, inputProps: K, description: q } = z, J = U === "none", Y = J && G, X = V === "checkbox", Z = U === "responsive", Q = (X ? "left" : U) === "left" || Z, te = I || (Z ? "responsive" : Q ? "horizontal" : "vertical"), $ = () => {
-		if (typeof g == "function") return /* @__PURE__ */ S(u, { render: g(K) });
-		if (g) {
-			let e = g;
+	let { label: B, type: V, options: H, labelPosition: U = "top", labelWidth: W, overlappingLabel: G = !1, inputProps: K, description: q } = z, J = U === "none", Y = J && G, X = V === "checkbox", Z = U === "responsive", Q = (X ? "left" : U) === "left" || Z, te = L || (Z ? "responsive" : Q ? "horizontal" : "vertical"), $ = () => {
+		if (typeof _ == "function") return /* @__PURE__ */ S(u, { render: _(K) });
+		if (_) {
+			let e = _;
 			return typeof e?.type == "function" || typeof e?.type == "object" ? e : /* @__PURE__ */ S(u, { render: e });
 		}
 		switch (V) {
@@ -99,42 +100,42 @@ var T = /* @__PURE__ */ new Set([
 		}
 	};
 	return /* @__PURE__ */ C(c, {
-		ref: R,
-		"data-testid": p,
+		ref: p,
+		"data-testid": h,
 		orientation: te,
-		className: e(Y && "relative mt-1", k),
-		...L,
+		className: e(Y && "relative mt-1", A),
+		...R,
 		children: [
 			Y && B && /* @__PURE__ */ S("div", {
 				className: "absolute -top-1.5 left-2 px-1 bg-background z-10 pointer-events-none",
 				children: /* @__PURE__ */ S("span", {
-					className: e("text-[10px] font-medium leading-none text-muted-foreground uppercase", O && "after:content-['*'] after:ml-0.5 after:text-destructive"),
+					className: e("text-[10px] font-medium leading-none text-muted-foreground uppercase", k && "after:content-['*'] after:ml-0.5 after:text-destructive"),
 					children: B
 				})
 			}),
 			B && !J && !X && /* @__PURE__ */ S(m, {
-				className: e(O && "after:content-['*'] after:ml-0.5 after:text-destructive"),
+				className: e(k && "after:content-['*'] after:ml-0.5 after:text-destructive"),
 				style: Q && W ? { width: W } : void 0,
 				children: B
 			}),
 			Q && !X ? /* @__PURE__ */ C(l, { children: [
 				$(),
-				q && !D && (typeof q == "string" ? /* @__PURE__ */ S(d, { children: q }) : q),
-				D && (typeof D == "string" ? /* @__PURE__ */ S(f, { children: D }) : D)
-			] }) : /* @__PURE__ */ C(ee, { children: [
+				q && !O && (typeof q == "string" ? /* @__PURE__ */ S(d, { children: q }) : q),
+				O && (typeof O == "string" ? /* @__PURE__ */ S(f, { children: O }) : O)
+			] }) : /* @__PURE__ */ C(x, { children: [
 				$(),
 				X && B && !J && /* @__PURE__ */ S(m, {
-					className: e(O && "after:content-['*'] after:ml-0.5 after:text-destructive"),
+					className: e(k && "after:content-['*'] after:ml-0.5 after:text-destructive"),
 					children: B
 				}),
-				q && !D && (typeof q == "string" ? /* @__PURE__ */ S(d, { children: q }) : q),
-				D && (typeof D == "string" ? /* @__PURE__ */ S(f, { children: D }) : D)
+				q && !O && (typeof q == "string" ? /* @__PURE__ */ S(d, { children: q }) : q),
+				O && (typeof O == "string" ? /* @__PURE__ */ S(f, { children: O }) : O)
 			] })
 		]
 	});
-});
-D.displayName = "FieldFactory";
+}
+E.displayName = "FieldFactory";
 //#endregion
-export { c as Field, l as FieldContent, u as FieldControl, d as FieldDescription, f as FieldError, D as FieldFactory, p as FieldGroup, m as FieldLabel, h as FieldLegend, g as FieldSeparator, _ as FieldSet, v as FieldTitle, y as FieldValidity };
+export { c as Field, l as FieldContent, u as FieldControl, d as FieldDescription, f as FieldError, E as FieldFactory, p as FieldGroup, m as FieldLabel, h as FieldLegend, g as FieldSeparator, _ as FieldSet, v as FieldTitle, y as FieldValidity };
 
 //# sourceMappingURL=field.js.map

package/dist/tools/components/ui/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","names":["React","_Fragment","React$1","fieldInputTypes","toFieldInputType","value","FieldFactory","props","resolvedProps","jsonSchema","fieldName","inputProps","config","extractUIConfig","label","type","options","o","xui","labelPosition","overlappingLabel","description","schema","field","resolved","resolveFilterField","labelWidth","effectiveLabel","effectiveType","effectiveOptions","effectiveLabelPositionProp","effectiveLabelWidth","effectiveOverlappingLabel","effectiveInputProps","effectiveDescription","isNone","isOverlapping","isCheckbox","isResponsive","effectiveIsLeft","derivedOrientation","orientation","renderInput","children","FieldControl","childElement","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","opt","Textarea","Checkbox","cn","Field","testId","className","required","FieldLabel","FieldContent","error","FieldDescription","FieldError","Fragment","FieldGroup","FieldLegend","FieldSeparator","FieldSet","FieldTitle","FieldValidity"],"sources":["../../../../src/tools/components/ui/field.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Field, FieldLabel, FieldControl, FieldError, FieldDescription, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, FieldValidity, cn } from \"../../../ui\";\nimport { Textarea } from './textarea';\nimport { Checkbox } from './checkbox';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select';\nimport { CollectionSchema, resolveFilterField, FilterFieldSpec } from '../filter/filter-types';\nimport type { JSONSchemaProperty } from '../../lib/schema/types';\nimport { extractUIConfig } from '../../lib/schema/json-schema';\ntype FieldInputProps = any;\n\ntype FieldInputType = 'text' | 'number' | 'password' | 'email' | 'select' | 'textarea' | 'checkbox';\n\nconst fieldInputTypes = new Set<FieldInputType>([\n  'text',\n  'number',\n  'password',\n  'email',\n  'select',\n  'textarea',\n  'checkbox',\n]);\n\nconst toFieldInputType = (value?: string): FieldInputType | undefined => {\n  if (!value) return undefined;\n  return fieldInputTypes.has(value as FieldInputType) ? (value as FieldInputType) : undefined;\n};\n\n// ============================================================================\n// SMART FIELD IMPLEMENTATION\n// ============================================================================\n\n/**\n * FieldFactory プロパティ\n *\n * プリミティブな `Field` コンポーネントの高レベルラッパー用プロパティ。\n * スキーマ定義やレイアウト設定を受け取り、ラベル、エラー、入力コンポーネントを自動構成します。\n */\nexport interface FieldFactoryProps extends Omit<\n  React.ComponentPropsWithoutRef<typeof Field>,\n  'children'\n> {\n  children?: React.ReactNode | ((props: FieldInputProps | undefined) => React.ReactNode);\n  /**\n   * AI/E2E Test用の安定ID / Stable test identifier for AI and E2E tests\n   *\n   * Also generates derived IDs for error messages: `{testId}-error`\n   * @example testId=\"email-field\" → data-testid=\"email-field\" + error id=\"email-field-error\"\n   */\n  testId?: string;\n\n  /**\n   * 表示ラベル / Display label\n   *\n   * Override schema label or set manually.\n   */\n  label?: string;\n\n  /**\n   * ラベルの位置 / Label position\n   * - \"top\": Label above input (vertical layout)\n   * - \"left\": Label left of input (horizontal layout)\n   * - \"responsive\": Vertical on narrow containers, horizontal on wider ones\n   * - \"none\": No label displayed\n   * @default \"top\"\n   */\n  labelPosition?: 'top' | 'left' | 'responsive' | 'none';\n\n  /**\n   * ラベルの固定幅（leftポジション時） / Fixed width for label (when position is left)\n   *\n   * Useful for alignment in left-label layouts.\n   */\n  labelWidth?: string | number;\n\n  /**\n   * 重複ラベルを表示（position=\"none\"時） / Show overlapping label\n   *\n   * Displays a small label on the top border when main label is hidden (position=\"none\").\n   * @default false\n   */\n  overlappingLabel?: boolean;\n\n  /**\n   * 未選択時にラベルをプレースホルダーとして表示フラグ\n   * Show label as placeholder when the field value is empty.\n   */\n  showPlaceholderOnAll?: boolean;\n\n  /** 詳細説明 / Description text */\n  description?: string | React.ReactNode;\n\n  /** エラーメッセージ / Error message */\n  error?: string | React.ReactNode;\n\n  /** 必須フラグ / Required flag */\n  required?: boolean;\n\n  /**\n   * 入力タイプ（自動生成用） / Input type\n   *\n   * If children are not provided, Field will auto-generate an input based on this type.\n   * Derived from schema if provided.\n   */\n  type?: FieldInputType;\n\n  /**\n   * 選択肢（type=\"select\"用） / Options\n   *\n   * Required if type is 'select'. Derived from schema enum if provided.\n   */\n  options?: { label: string; value: string }[];\n\n  /**\n   * 入力コンポーネント用Props / Props for inner input\n   *\n   * Passed directly to the auto-generated input component (Input, Select, Checkbox, etc).\n   */\n\n  inputProps?: FieldInputProps;\n\n  /**\n   * JSON Schema プロパティ (推奨)\n   *\n   * Pass a JSON Schema property to auto-configure field from x-ui metadata.\n   */\n  jsonSchema?: JSONSchemaProperty;\n\n  /**\n   * スキーマ（自動設定用） / Collection Schema (Legacy)\n   *\n   * Pass a centralized schema definition to auto-configure label, type, options, and behaviors.\n   * @deprecated Use jsonSchema prop instead\n   */\n  schema?: CollectionSchema;\n\n  /**\n   * スキーマ内のフィールド名 / Field Name\n   *\n   * Key in the schema to lookup configuration from.\n   * @deprecated Use jsonSchema prop instead\n   */\n  field?: string | FilterFieldSpec;\n}\n\n/**\n * FieldFactory (旧 Field)\n *\n * フォームコントロールのための汎用ラッパーコンポーネント。\n * ラベル、エラーメッセージ、説明文、レイアウト（垂直/水平）を一括で処理します。\n * スキーマ (`CollectionSchema`) を渡すことで、型やラベルを自動設定することも可能です。\n *\n * @example\n * ```tsx\n * // 基本的な使い方\n * <FieldFactory label=\"メールアドレス\" type=\"email\" required>\n *   <Input />\n * </FieldFactory>\n *\n * // スキーマからの自動生成\n * <FieldFactory schema={userSchema} field=\"email\" inputProps={{ placeholder: \"user@example.com\" }} />\n * ```\n */\nconst FieldFactory = React.forwardRef<HTMLDivElement, FieldFactoryProps>(\n  (\n    {\n      testId,\n      label,\n      children,\n      labelPosition,\n      labelWidth,\n      overlappingLabel,\n      showPlaceholderOnAll,\n      description,\n      error,\n      required,\n      className,\n      type,\n      options,\n      inputProps,\n      jsonSchema,\n      schema,\n      field,\n      // Capture orientation if passed to force it, otherwise derive from labelPosition\n      orientation,\n      ...props\n    },\n    ref,\n  ) => {\n    // Resolve props from schema if provided\n    const resolvedProps = {\n      label,\n      type,\n      options,\n      labelPosition,\n      labelWidth,\n      overlappingLabel,\n      showPlaceholderOnAll,\n      inputProps,\n      description,\n    };\n\n    // NEW: JSON Schema resolution (preferred)\n    if (jsonSchema) {\n      const fieldName = (inputProps?.name as string) || '';\n      const config = extractUIConfig(jsonSchema, fieldName, []);\n\n      resolvedProps.label = label || config.label;\n\n      resolvedProps.type = type || toFieldInputType(config.type);\n      resolvedProps.options =\n        options ||\n        config.options?.map((o) => ({\n          label: o.label,\n          value: String(o.value),\n        }));\n\n      const xui = jsonSchema['x-ui'] || {};\n      resolvedProps.labelPosition = labelPosition || (xui.layout?.section ? 'top' : 'top');\n      resolvedProps.overlappingLabel = overlappingLabel;\n\n      if (config.placeholder || xui.prefix || xui.suffix) {\n        resolvedProps.inputProps = {\n          ...inputProps,\n          placeholder: config.placeholder,\n        };\n      }\n\n      if (!description && config.help) {\n        resolvedProps.description = config.help;\n      }\n    }\n    // Legacy: CollectionSchema resolution\n    else if (schema && field) {\n      const spec = typeof field === 'string' ? field : field;\n      const resolved = resolveFilterField(spec, schema);\n\n      // Map resolved filter field to Field props\n      resolvedProps.label = label || resolved.label;\n      resolvedProps.labelPosition = labelPosition || resolved.labelPosition || 'top';\n      resolvedProps.labelWidth = labelWidth || resolved.labelWidth;\n      resolvedProps.overlappingLabel =\n        overlappingLabel !== undefined ? overlappingLabel : resolved.overlappingLabel;\n\n      // Map types\n      if (!type) {\n        switch (resolved.type) {\n          case 'number':\n            resolvedProps.type = 'number';\n            break;\n          case 'boolean':\n            resolvedProps.type = 'checkbox';\n            break;\n          case 'enum':\n            resolvedProps.type = 'select';\n            break;\n          case 'date':\n            resolvedProps.type = 'text';\n            break; // Placeholder for date\n          default:\n            resolvedProps.type = 'text';\n        }\n      }\n\n      // Map options\n      if (!options && resolved.options) {\n        resolvedProps.options = resolved.options.map((o) => ({\n          label: o.label,\n          value: String(o.value),\n        }));\n      }\n\n      // Map placeholder\n      if (resolved.placeholder) {\n        resolvedProps.inputProps = { ...inputProps, placeholder: resolved.placeholder };\n      }\n    }\n\n    const {\n      label: effectiveLabel,\n      type: effectiveType,\n      options: effectiveOptions,\n      labelPosition: effectiveLabelPositionProp = 'top',\n      labelWidth: effectiveLabelWidth,\n      overlappingLabel: effectiveOverlappingLabel = false,\n      inputProps: effectiveInputProps,\n      description: effectiveDescription,\n    } = resolvedProps;\n\n    const isNone = effectiveLabelPositionProp === 'none';\n    const isOverlapping = isNone && effectiveOverlappingLabel;\n    const isCheckbox = effectiveType === 'checkbox';\n    const isResponsive = effectiveLabelPositionProp === 'responsive';\n\n    // Map labelPosition to orientation\n    // Checkbox is always horizontal row effectively in new design, but let's handle it custom\n    const effectiveLabelPosition = isCheckbox ? 'left' : effectiveLabelPositionProp;\n    const effectiveIsLeft = effectiveLabelPosition === 'left' || isResponsive;\n\n    // Derive orientation from labelPosition\n    const derivedOrientation =\n      orientation || (isResponsive ? 'responsive' : effectiveIsLeft ? 'horizontal' : 'vertical');\n\n    // Auto-generate input if Children is missing and Type is present\n    const renderInput = () => {\n      if (typeof children === 'function') {\n        return <FieldControl render={children(effectiveInputProps) as React.ReactElement} />;\n      }\n      if (children) {\n        // If children is a React component (not a native element), render it directly\n        // without FieldControl to avoid Base UI's onChange interception which causes\n        // errors with custom onChange handlers (e.g. FilterInput).\n        // FieldControl is only needed for native input elements.\n        const childElement = children as React.ReactElement;\n        if (typeof childElement?.type === 'function' || typeof childElement?.type === 'object') {\n          return childElement;\n        }\n        return <FieldControl render={childElement} />;\n      }\n\n      switch (effectiveType) {\n        case 'select':\n          // Select: FieldControl should wrap the Select Root (or be passed via render)\n          // Pattern: <Field.Control render={<Select.Root ... />} />\n          return (\n            <FieldControl\n              render={\n                <Select\n                  {...effectiveInputProps}\n                  value={\n                    effectiveInputProps?.value === null ? undefined : effectiveInputProps?.value\n                  }\n                  defaultValue={effectiveInputProps?.defaultValue as string | undefined}\n                >\n                  <SelectTrigger>\n                    <SelectValue\n                      placeholder={\n                        resolvedProps.showPlaceholderOnAll ? resolvedProps.label : undefined\n                      }\n                    >\n                      {resolvedProps.showPlaceholderOnAll &&\n                      (effectiveInputProps?.value === undefined ||\n                        effectiveInputProps?.value === null ||\n                        effectiveInputProps?.value === '') ? (\n                        <span className='text-muted-foreground'>{resolvedProps.label}</span>\n                      ) : undefined}\n                    </SelectValue>\n                  </SelectTrigger>\n                  <SelectContent>\n                    {effectiveOptions?.map((opt) => (\n                      <SelectItem key={opt.value} value={opt.value}>\n                        {opt.label}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              }\n            />\n          );\n        case 'textarea':\n          return <FieldControl render={<Textarea {...effectiveInputProps} />} />;\n        case 'checkbox':\n          return <FieldControl render={<Checkbox {...effectiveInputProps} />} />;\n        default:\n          // Use FieldControl directly as the input, applying the Input styles manually\n          return (\n            <FieldControl\n              type={effectiveType}\n              className={cn(\n                'dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n              )}\n              {...effectiveInputProps}\n            />\n          );\n      }\n    };\n\n    return (\n      <Field\n        ref={ref}\n        data-testid={testId}\n        orientation={derivedOrientation}\n        className={cn(isOverlapping && 'relative mt-1', className)}\n        {...props}\n      >\n        {/* Overlapping Label (Pre-label absolute) */}\n        {isOverlapping && effectiveLabel && (\n          <div className='absolute -top-1.5 left-2 px-1 bg-background z-10 pointer-events-none'>\n            <span\n              className={cn(\n                'text-[10px] font-medium leading-none text-muted-foreground uppercase',\n                required && \"after:content-['*'] after:ml-0.5 after:text-destructive\",\n              )}\n            >\n              {effectiveLabel}\n            </span>\n          </div>\n        )}\n\n        {/* Normal Label (Top or Left handled by FieldRoot orientation) - Render here if NOT checkbox */}\n        {effectiveLabel && !isNone && !isCheckbox && (\n          <FieldLabel\n            className={cn(required && \"after:content-['*'] after:ml-0.5 after:text-destructive\")}\n            style={\n              effectiveIsLeft && effectiveLabelWidth ? { width: effectiveLabelWidth } : undefined\n            }\n          >\n            {effectiveLabel}\n          </FieldLabel>\n        )}\n\n        {/* Input Control */}\n        {/* FieldControl is now handled inside renderInput to support different wrappers (e.g. SelectTrigger) */}\n\n        {effectiveIsLeft && !isCheckbox ? (\n          /* Horizontal Layout needs Content Wrapper if there's description/error? */\n          /* erp Field horizontal: [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start */\n          /* So we should wrap input + desc + error in FieldContent if horizontal */\n          <FieldContent>\n            {renderInput() as React.ReactElement}\n            {effectiveDescription &&\n              !error &&\n              (typeof effectiveDescription === 'string' ? (\n                <FieldDescription>{effectiveDescription}</FieldDescription>\n              ) : (\n                effectiveDescription\n              ))}\n            {error && (typeof error === 'string' ? <FieldError>{error}</FieldError> : error)}\n          </FieldContent>\n        ) : (\n          /* Vertical or Checkbox */\n          <>\n            {renderInput() as React.ReactElement}\n\n            {/* For Checkbox, Label comes AFTER the control */}\n            {isCheckbox && effectiveLabel && !isNone && (\n              <FieldLabel\n                className={cn(\n                  required && \"after:content-['*'] after:ml-0.5 after:text-destructive\",\n                )}\n              >\n                {effectiveLabel}\n              </FieldLabel>\n            )}\n\n            {effectiveDescription &&\n              !error &&\n              (typeof effectiveDescription === 'string' ? (\n                <FieldDescription>{effectiveDescription}</FieldDescription>\n              ) : (\n                effectiveDescription\n              ))}\n            {error && (typeof error === 'string' ? <FieldError>{error}</FieldError> : error)}\n          </>\n        )}\n      </Field>\n    );\n  },\n);\nFieldFactory.displayName = 'FieldFactory';\n\nexport { Field, FieldLabel, FieldControl, FieldError, FieldDescription, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, FieldValidity, FieldFactory };\n"],"mappings":"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"}
+{"version":3,"file":"field.js","names":["_Fragment","fieldInputTypes","toFieldInputType","value","FieldFactory","props","resolvedProps","jsonSchema","fieldName","inputProps","config","extractUIConfig","label","type","options","o","xui","labelPosition","overlappingLabel","description","schema","field","resolved","resolveFilterField","labelWidth","effectiveLabel","effectiveType","effectiveOptions","effectiveLabelPositionProp","effectiveLabelWidth","effectiveOverlappingLabel","effectiveInputProps","effectiveDescription","isNone","isOverlapping","isCheckbox","isResponsive","effectiveIsLeft","derivedOrientation","orientation","renderInput","children","FieldControl","childElement","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","opt","Textarea","Checkbox","cn","Field","testId","className","required","FieldLabel","FieldContent","error","FieldDescription","FieldError","Fragment","FieldGroup","FieldLegend","FieldSeparator","FieldSet","FieldTitle","FieldValidity"],"sources":["../../../../src/tools/components/ui/field.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Field, FieldLabel, FieldControl, FieldError, FieldDescription, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, FieldValidity, cn } from \"../../../ui\";\nimport { Textarea } from './textarea';\nimport { Checkbox } from './checkbox';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select';\nimport { CollectionSchema, resolveFilterField, FilterFieldSpec } from '../filter/filter-types';\nimport type { JSONSchemaProperty } from '../../lib/schema/types';\nimport { extractUIConfig } from '../../lib/schema/json-schema';\ntype FieldInputProps = any;\n\ntype FieldInputType = 'text' | 'number' | 'password' | 'email' | 'select' | 'textarea' | 'checkbox';\n\nconst fieldInputTypes = new Set<FieldInputType>([\n  'text',\n  'number',\n  'password',\n  'email',\n  'select',\n  'textarea',\n  'checkbox',\n]);\n\nconst toFieldInputType = (value?: string): FieldInputType | undefined => {\n  if (!value) return undefined;\n  return fieldInputTypes.has(value as FieldInputType) ? (value as FieldInputType) : undefined;\n};\n\n// ============================================================================\n// SMART FIELD IMPLEMENTATION\n// ============================================================================\n\n/**\n * FieldFactory プロパティ\n *\n * プリミティブな `Field` コンポーネントの高レベルラッパー用プロパティ。\n * スキーマ定義やレイアウト設定を受け取り、ラベル、エラー、入力コンポーネントを自動構成します。\n */\nexport interface FieldFactoryProps extends Omit<\n  React.ComponentPropsWithoutRef<typeof Field>,\n  'children'\n> {\n  children?: React.ReactNode | ((props: FieldInputProps | undefined) => React.ReactNode);\n  /**\n   * AI/E2E Test用の安定ID / Stable test identifier for AI and E2E tests\n   *\n   * Also generates derived IDs for error messages: `{testId}-error`\n   * @example testId=\"email-field\" → data-testid=\"email-field\" + error id=\"email-field-error\"\n   */\n  testId?: string;\n\n  /**\n   * 表示ラベル / Display label\n   *\n   * Override schema label or set manually.\n   */\n  label?: string;\n\n  /**\n   * ラベルの位置 / Label position\n   * - \"top\": Label above input (vertical layout)\n   * - \"left\": Label left of input (horizontal layout)\n   * - \"responsive\": Vertical on narrow containers, horizontal on wider ones\n   * - \"none\": No label displayed\n   * @default \"top\"\n   */\n  labelPosition?: 'top' | 'left' | 'responsive' | 'none';\n\n  /**\n   * ラベルの固定幅（leftポジション時） / Fixed width for label (when position is left)\n   *\n   * Useful for alignment in left-label layouts.\n   */\n  labelWidth?: string | number;\n\n  /**\n   * 重複ラベルを表示（position=\"none\"時） / Show overlapping label\n   *\n   * Displays a small label on the top border when main label is hidden (position=\"none\").\n   * @default false\n   */\n  overlappingLabel?: boolean;\n\n  /**\n   * 未選択時にラベルをプレースホルダーとして表示フラグ\n   * Show label as placeholder when the field value is empty.\n   */\n  showPlaceholderOnAll?: boolean;\n\n  /** 詳細説明 / Description text */\n  description?: string | React.ReactNode;\n\n  /** エラーメッセージ / Error message */\n  error?: string | React.ReactNode;\n\n  /** 必須フラグ / Required flag */\n  required?: boolean;\n\n  /**\n   * 入力タイプ（自動生成用） / Input type\n   *\n   * If children are not provided, Field will auto-generate an input based on this type.\n   * Derived from schema if provided.\n   */\n  type?: FieldInputType;\n\n  /**\n   * 選択肢（type=\"select\"用） / Options\n   *\n   * Required if type is 'select'. Derived from schema enum if provided.\n   */\n  options?: { label: string; value: string }[];\n\n  /**\n   * 入力コンポーネント用Props / Props for inner input\n   *\n   * Passed directly to the auto-generated input component (Input, Select, Checkbox, etc).\n   */\n\n  inputProps?: FieldInputProps;\n\n  /**\n   * JSON Schema プロパティ (推奨)\n   *\n   * Pass a JSON Schema property to auto-configure field from x-ui metadata.\n   */\n  jsonSchema?: JSONSchemaProperty;\n\n  /**\n   * スキーマ（自動設定用） / Collection Schema (Legacy)\n   *\n   * Pass a centralized schema definition to auto-configure label, type, options, and behaviors.\n   * @deprecated Use jsonSchema prop instead\n   */\n  schema?: CollectionSchema;\n\n  /**\n   * スキーマ内のフィールド名 / Field Name\n   *\n   * Key in the schema to lookup configuration from.\n   * @deprecated Use jsonSchema prop instead\n   */\n  field?: string | FilterFieldSpec;\n}\n\n/**\n * FieldFactory (旧 Field)\n *\n * フォームコントロールのための汎用ラッパーコンポーネント。\n * ラベル、エラーメッセージ、説明文、レイアウト（垂直/水平）を一括で処理します。\n * スキーマ (`CollectionSchema`) を渡すことで、型やラベルを自動設定することも可能です。\n *\n * @example\n * ```tsx\n * // 基本的な使い方\n * <FieldFactory label=\"メールアドレス\" type=\"email\" required>\n *   <Input />\n * </FieldFactory>\n *\n * // スキーマからの自動生成\n * <FieldFactory schema={userSchema} field=\"email\" inputProps={{ placeholder: \"user@example.com\" }} />\n * ```\n */\nfunction FieldFactory({\n  ref,\n  testId,\n  label,\n  children,\n  labelPosition,\n  labelWidth,\n  overlappingLabel,\n  showPlaceholderOnAll,\n  description,\n  error,\n  required,\n  className,\n  type,\n  options,\n  inputProps,\n  jsonSchema,\n  schema,\n  field,\n  // Capture orientation if passed to force it, otherwise derive from labelPosition\n  orientation,\n  ...props\n}: React.PropsWithoutRef<FieldFactoryProps> & React.RefAttributes<HTMLDivElement>) {\n  // Resolve props from schema if provided\n  const resolvedProps = {\n    label,\n    type,\n    options,\n    labelPosition,\n    labelWidth,\n    overlappingLabel,\n    showPlaceholderOnAll,\n    inputProps,\n    description,\n  };\n\n  // NEW: JSON Schema resolution (preferred)\n  if (jsonSchema) {\n    const fieldName = (inputProps?.name as string) || '';\n    const config = extractUIConfig(jsonSchema, fieldName, []);\n\n    resolvedProps.label = label || config.label;\n\n    resolvedProps.type = type || toFieldInputType(config.type);\n    resolvedProps.options =\n      options ||\n      config.options?.map((o) => ({\n        label: o.label,\n        value: String(o.value),\n      }));\n\n    const xui = jsonSchema['x-ui'] || {};\n    resolvedProps.labelPosition = labelPosition || (xui.layout?.section ? 'top' : 'top');\n    resolvedProps.overlappingLabel = overlappingLabel;\n\n    if (config.placeholder || xui.prefix || xui.suffix) {\n      resolvedProps.inputProps = {\n        ...inputProps,\n        placeholder: config.placeholder,\n      };\n    }\n\n    if (!description && config.help) {\n      resolvedProps.description = config.help;\n    }\n  }\n  // Legacy: CollectionSchema resolution\n  else if (schema && field) {\n    const spec = typeof field === 'string' ? field : field;\n    const resolved = resolveFilterField(spec, schema);\n\n    // Map resolved filter field to Field props\n    resolvedProps.label = label || resolved.label;\n    resolvedProps.labelPosition = labelPosition || resolved.labelPosition || 'top';\n    resolvedProps.labelWidth = labelWidth || resolved.labelWidth;\n    resolvedProps.overlappingLabel =\n      overlappingLabel !== undefined ? overlappingLabel : resolved.overlappingLabel;\n\n    // Map types\n    if (!type) {\n      switch (resolved.type) {\n        case 'number':\n          resolvedProps.type = 'number';\n          break;\n        case 'boolean':\n          resolvedProps.type = 'checkbox';\n          break;\n        case 'enum':\n          resolvedProps.type = 'select';\n          break;\n        case 'date':\n          resolvedProps.type = 'text';\n          break; // Placeholder for date\n        default:\n          resolvedProps.type = 'text';\n      }\n    }\n\n    // Map options\n    if (!options && resolved.options) {\n      resolvedProps.options = resolved.options.map((o) => ({\n        label: o.label,\n        value: String(o.value),\n      }));\n    }\n\n    // Map placeholder\n    if (resolved.placeholder) {\n      resolvedProps.inputProps = { ...inputProps, placeholder: resolved.placeholder };\n    }\n  }\n\n  const {\n    label: effectiveLabel,\n    type: effectiveType,\n    options: effectiveOptions,\n    labelPosition: effectiveLabelPositionProp = 'top',\n    labelWidth: effectiveLabelWidth,\n    overlappingLabel: effectiveOverlappingLabel = false,\n    inputProps: effectiveInputProps,\n    description: effectiveDescription,\n  } = resolvedProps;\n\n  const isNone = effectiveLabelPositionProp === 'none';\n  const isOverlapping = isNone && effectiveOverlappingLabel;\n  const isCheckbox = effectiveType === 'checkbox';\n  const isResponsive = effectiveLabelPositionProp === 'responsive';\n\n  // Map labelPosition to orientation\n  // Checkbox is always horizontal row effectively in new design, but let's handle it custom\n  const effectiveLabelPosition = isCheckbox ? 'left' : effectiveLabelPositionProp;\n  const effectiveIsLeft = effectiveLabelPosition === 'left' || isResponsive;\n\n  // Derive orientation from labelPosition\n  const derivedOrientation =\n    orientation || (isResponsive ? 'responsive' : effectiveIsLeft ? 'horizontal' : 'vertical');\n\n  // Auto-generate input if Children is missing and Type is present\n  const renderInput = () => {\n    if (typeof children === 'function') {\n      return <FieldControl render={children(effectiveInputProps) as React.ReactElement} />;\n    }\n    if (children) {\n      // If children is a React component (not a native element), render it directly\n      // without FieldControl to avoid Base UI's onChange interception which causes\n      // errors with custom onChange handlers (e.g. FilterInput).\n      // FieldControl is only needed for native input elements.\n      const childElement = children as React.ReactElement;\n      if (typeof childElement?.type === 'function' || typeof childElement?.type === 'object') {\n        return childElement;\n      }\n      return <FieldControl render={childElement} />;\n    }\n\n    switch (effectiveType) {\n      case 'select':\n        // Select: FieldControl should wrap the Select Root (or be passed via render)\n        // Pattern: <Field.Control render={<Select.Root ... />} />\n        return (\n          <FieldControl\n            render={\n              <Select\n                {...effectiveInputProps}\n                value={effectiveInputProps?.value === null ? undefined : effectiveInputProps?.value}\n                defaultValue={effectiveInputProps?.defaultValue as string | undefined}\n              >\n                <SelectTrigger>\n                  <SelectValue\n                    placeholder={\n                      resolvedProps.showPlaceholderOnAll ? resolvedProps.label : undefined\n                    }\n                  >\n                    {resolvedProps.showPlaceholderOnAll &&\n                    (effectiveInputProps?.value === undefined ||\n                      effectiveInputProps?.value === null ||\n                      effectiveInputProps?.value === '') ? (\n                      <span className='text-muted-foreground'>{resolvedProps.label}</span>\n                    ) : undefined}\n                  </SelectValue>\n                </SelectTrigger>\n                <SelectContent>\n                  {effectiveOptions?.map((opt) => (\n                    <SelectItem key={opt.value} value={opt.value}>\n                      {opt.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            }\n          />\n        );\n      case 'textarea':\n        return <FieldControl render={<Textarea {...effectiveInputProps} />} />;\n      case 'checkbox':\n        return <FieldControl render={<Checkbox {...effectiveInputProps} />} />;\n      default:\n        // Use FieldControl directly as the input, applying the Input styles manually\n        return (\n          <FieldControl\n            type={effectiveType}\n            className={cn(\n              'dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n            )}\n            {...effectiveInputProps}\n          />\n        );\n    }\n  };\n\n  return (\n    <Field\n      ref={ref}\n      data-testid={testId}\n      orientation={derivedOrientation}\n      className={cn(isOverlapping && 'relative mt-1', className)}\n      {...props}\n    >\n      {/* Overlapping Label (Pre-label absolute) */}\n      {isOverlapping && effectiveLabel && (\n        <div className='absolute -top-1.5 left-2 px-1 bg-background z-10 pointer-events-none'>\n          <span\n            className={cn(\n              'text-[10px] font-medium leading-none text-muted-foreground uppercase',\n              required && \"after:content-['*'] after:ml-0.5 after:text-destructive\",\n            )}\n          >\n            {effectiveLabel}\n          </span>\n        </div>\n      )}\n\n      {/* Normal Label (Top or Left handled by FieldRoot orientation) - Render here if NOT checkbox */}\n      {effectiveLabel && !isNone && !isCheckbox && (\n        <FieldLabel\n          className={cn(required && \"after:content-['*'] after:ml-0.5 after:text-destructive\")}\n          style={\n            effectiveIsLeft && effectiveLabelWidth ? { width: effectiveLabelWidth } : undefined\n          }\n        >\n          {effectiveLabel}\n        </FieldLabel>\n      )}\n\n      {/* Input Control */}\n      {/* FieldControl is now handled inside renderInput to support different wrappers (e.g. SelectTrigger) */}\n\n      {effectiveIsLeft && !isCheckbox ? (\n        /* Horizontal Layout needs Content Wrapper if there's description/error? */\n        /* erp Field horizontal: [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start */\n        /* So we should wrap input + desc + error in FieldContent if horizontal */\n        <FieldContent>\n          {renderInput() as React.ReactElement}\n          {effectiveDescription &&\n            !error &&\n            (typeof effectiveDescription === 'string' ? (\n              <FieldDescription>{effectiveDescription}</FieldDescription>\n            ) : (\n              effectiveDescription\n            ))}\n          {error && (typeof error === 'string' ? <FieldError>{error}</FieldError> : error)}\n        </FieldContent>\n      ) : (\n        /* Vertical or Checkbox */\n        <>\n          {renderInput() as React.ReactElement}\n\n          {/* For Checkbox, Label comes AFTER the control */}\n          {isCheckbox && effectiveLabel && !isNone && (\n            <FieldLabel\n              className={cn(required && \"after:content-['*'] after:ml-0.5 after:text-destructive\")}\n            >\n              {effectiveLabel}\n            </FieldLabel>\n          )}\n\n          {effectiveDescription &&\n            !error &&\n            (typeof effectiveDescription === 'string' ? (\n              <FieldDescription>{effectiveDescription}</FieldDescription>\n            ) : (\n              effectiveDescription\n            ))}\n          {error && (typeof error === 'string' ? <FieldError>{error}</FieldError> : error)}\n        </>\n      )}\n    </Field>\n  );\n}\nFieldFactory.displayName = 'FieldFactory';\n\nexport { Field, FieldLabel, FieldControl, FieldError, FieldDescription, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, FieldValidity, FieldFactory };\n"],"mappings":"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"}

package/dist/tools/components/ui/form-helpers.d.cts

@@ -1,4 +1,5 @@
 import { Form as BaseForm } from '@base-ui/react/form';
+import { Field, FieldLabel, FieldError } from './field.cjs';
 /**
  * Base UI Form Primitive + Field Wrappers
  *
@@ -9,21 +10,11 @@ export declare const Form: {
     Root: <FormValues extends Record<string, any> = Record<string, any>>(props: BaseForm.Props<FormValues> & {
         ref?: React.Ref<HTMLFormElement> | undefined;
     }) => React.JSX.Element;
-    Field: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldRootProps & import('class-variance-authority').VariantProps<(props?: ({
-        orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-    } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-    Label: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldLabelProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+    Field: typeof Field;
+    Label: typeof FieldLabel;
     Control: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldControlProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
-    Error: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldErrorProps & {
-        errors?: Array<{
-            message?: string;
-        } | undefined>;
-    }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-    ErrorMessage: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldErrorProps & {
-        errors?: Array<{
-            message?: string;
-        } | undefined>;
-    }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Error: typeof FieldError;
+    ErrorMessage: typeof FieldError;
 };
 export declare const RHFForm: <TFieldValues extends import('react-hook-form').FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getErrors, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 export declare const PREFECTURE_OPTIONS: {

package/dist/tools/components/ui/form-helpers.d.ts

@@ -1,4 +1,5 @@
 import { Form as BaseForm } from '@base-ui/react/form';
+import { Field, FieldLabel, FieldError } from './field.js';
 /**
  * Base UI Form Primitive + Field Wrappers
  *
@@ -9,21 +10,11 @@ export declare const Form: {
     Root: <FormValues extends Record<string, any> = Record<string, any>>(props: BaseForm.Props<FormValues> & {
         ref?: React.Ref<HTMLFormElement> | undefined;
     }) => React.JSX.Element;
-    Field: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldRootProps & import('class-variance-authority').VariantProps<(props?: ({
-        orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-    } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-    Label: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldLabelProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+    Field: typeof Field;
+    Label: typeof FieldLabel;
     Control: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldControlProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
-    Error: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldErrorProps & {
-        errors?: Array<{
-            message?: string;
-        } | undefined>;
-    }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-    ErrorMessage: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldErrorProps & {
-        errors?: Array<{
-            message?: string;
-        } | undefined>;
-    }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Error: typeof FieldError;
+    ErrorMessage: typeof FieldError;
 };
 export declare const RHFForm: <TFieldValues extends import('react-hook-form').FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getErrors, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 export declare const PREFECTURE_OPTIONS: {

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":"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"}

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;