@alneas/appkit-react 0.1.0 → 0.3.0

package/dist/tools/components/kanban/use-kanban-sensors.js

@@ -1,32 +1,47 @@
 "use client";
-import { KeyboardSensor as e, MouseSensor as t, TouchSensor as n, useSensor as r, useSensors as i } from "@dnd-kit/core";
+import { useMemo as e } from "react";
+import { KeyboardSensor as t, PointerActivationConstraints as n, PointerSensor as r } from "@dnd-kit/dom";
 //#region src/tools/components/kanban/use-kanban-sensors.ts
-function a(a) {
-	return i(r(t, { activationConstraint: { distance: 10 } }), r(n, { activationConstraint: {
-		delay: 250,
-		tolerance: 5
-	} }), r(e, {
-		coordinateGetter: (e, { context: t, currentCoordinates: n }) => {
-			if (e.code !== "ArrowLeft" && e.code !== "ArrowRight") return;
-			e.preventDefault();
-			let { active: r, over: i, droppableContainers: o, droppableRects: s, collisionRect: c } = t;
-			if (!r || !c) return;
-			let l = o.getEnabled().filter((e) => e.data.current?.type === "Column").map((e) => ({
-				id: e.id,
-				rect: s.get(e.id)
-			})).filter((e) => e.rect !== void 0).sort((e, t) => e.rect.left - t.rect.left), u = i?.data.current ?? r.data.current, d = u?.type === "Column" ? i?.id : u?.task?.[a], f = l.findIndex((e) => e.id === d);
-			if (f < 0) return;
-			let p = l[f + (e.code === "ArrowRight" ? 1 : -1)]?.rect;
-			if (p) return {
-				x: n.x + p.left + p.width / 2 - c.left - c.width / 2,
-				y: n.y + p.top + Math.min(p.height / 2, 80) - c.top - c.height / 2
-			};
-		},
-		scrollBehavior: "auto"
-	}));
+function i(i) {
+	return e(() => {
+		class e extends t {
+			restoreCollision = !1;
+			handleStart(e, t, n) {
+				super.handleStart(e, t, n), this.manager.dragOperation.source === t && (this.restoreCollision = !this.manager.collisionObserver.disabled, this.manager.collisionObserver.disable());
+			}
+			cleanup() {
+				super.cleanup(), this.restoreCollision && this.manager.collisionObserver.enable(), this.restoreCollision = !1;
+			}
+			handleMove(e, t) {
+				if (e !== "left" && e !== "right") return;
+				t.preventDefault();
+				let { source: n, target: r } = this.manager.dragOperation;
+				if (!n) return;
+				let a = [...this.manager.registry.droppables].filter((e) => !e.disabled && e.data.type === "Column" && e.element).sort((e, t) => e.element.getBoundingClientRect().left - t.element.getBoundingClientRect().left), o = r?.data.type === "Column" ? r.id : n.data.task?.[i], s = a.findIndex((e) => e.id === o), c = a[s + (e === "right" ? 1 : -1)];
+				if (s < 0 || !c?.element) return;
+				c.element.scrollIntoView({
+					block: "nearest",
+					inline: "nearest",
+					behavior: "instant"
+				});
+				let l = c.element.getBoundingClientRect();
+				this.manager.actions.move({
+					event: t,
+					to: {
+						x: l.left + l.width / 2,
+						y: l.top + Math.min(l.height / 2, 80)
+					}
+				}), this.manager.actions.setDropTarget(c.id);
+			}
+		}
+		return [r.configure({ activationConstraints: (e) => e.pointerType === "touch" ? [new n.Delay({
+			value: 250,
+			tolerance: 5
+		})] : [new n.Distance({ value: 10 })] }), e];
+	}, [i]);
 }
-var o = { screenReaderInstructions: { draggable: "SpaceまたはEnterで移動開始。左右矢印で列を選択し、SpaceまたはEnterで確定。Escapeで取り消します。" } };
+var a = { screenReaderInstructions: { draggable: "SpaceまたはEnterで移動開始。左右矢印で列を選択し、SpaceまたはEnterで確定。Escapeで取り消します。" } };
 //#endregion
-export { o as kanbanAccessibility, a as useKanbanSensors };
+export { a as kanbanAccessibility, i as useKanbanSensors };
 
 //# sourceMappingURL=use-kanban-sensors.js.map

package/dist/tools/components/kanban/use-kanban-sensors.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-kanban-sensors.js","names":["useKanbanSensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","event","context","active","collisionRect","columns","droppableContainers","c","droppableRects","a","b","data","over","status","statusField","index","target","currentCoordinates","kanbanAccessibility"],"sources":["../../../../src/tools/components/kanban/use-kanban-sensors.ts"],"sourcesContent":["import {\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n  type KeyboardCoordinateGetter,\n} from '@dnd-kit/core';\n\n/** Shared sensors: Space/Enter picks up or drops, Left/Right selects a status column, Escape cancels. */\nexport function useKanbanSensors(statusField: string) {\n  const coordinates: KeyboardCoordinateGetter = (event, { context, currentCoordinates }) => {\n    if (event.code !== 'ArrowLeft' && event.code !== 'ArrowRight') return;\n    event.preventDefault();\n    const { active, over, droppableContainers, droppableRects, collisionRect } = context;\n    if (!active || !collisionRect) return;\n    const columns = droppableContainers\n      .getEnabled()\n      .filter((c) => c.data.current?.type === 'Column')\n      .map((c) => ({ id: c.id, rect: droppableRects.get(c.id) }))\n      .filter((c) => c.rect !== undefined)\n      .sort((a, b) => a.rect!.left - b.rect!.left);\n    const data = over?.data.current ?? active.data.current;\n    const status = data?.type === 'Column' ? over?.id : data?.task?.[statusField];\n    const index = columns.findIndex((c) => c.id === status);\n    if (index < 0) return;\n    const target = columns[index + (event.code === 'ArrowRight' ? 1 : -1)]?.rect;\n    if (!target) return;\n    return {\n      x:\n        currentCoordinates.x +\n        target.left +\n        target.width / 2 -\n        collisionRect.left -\n        collisionRect.width / 2,\n      y:\n        currentCoordinates.y +\n        target.top +\n        Math.min(target.height / 2, 80) -\n        collisionRect.top -\n        collisionRect.height / 2,\n    };\n  };\n  return useSensors(\n    useSensor(MouseSensor, { activationConstraint: { distance: 10 } }),\n    useSensor(TouchSensor, { activationConstraint: { delay: 250, tolerance: 5 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: coordinates, scrollBehavior: 'auto' }),\n  );\n}\n\nexport const kanbanAccessibility = {\n  screenReaderInstructions: {\n    draggable:\n      'SpaceまたはEnterで移動開始。左右矢印で列を選択し、SpaceまたはEnterで確定。Escapeで取り消します。',\n  },\n};\n"],"mappings":";;;AAUA,SAAgBA,EAAiB,GAAqB;CAiCpD,OAAOC,EACLC,EAAUC,GAAa,EAAE,sBAAsB,EAAE,UAAU,GAAG,EAAE,CAAC,GACjED,EAAUE,GAAa,EAAE,sBAAsB;EAAE,OAAO;EAAK,WAAW;CAAE,EAAE,CAAC,GAC7EF,EAAUG,GAAgB;EAAE,mBAnCiB,GAAO,EAAE,YAAS,4BAAyB;GACxF,IAAIC,EAAM,SAAS,eAAeA,EAAM,SAAS,cAAc;GAC/D,EAAM,eAAe;GACrB,IAAM,EAAE,WAAQ,SAAM,wBAAqB,mBAAgB,qBAAkBC;GAC7E,IAAI,CAACC,KAAU,CAACC,GAAe;GAC/B,IAAMC,IAAUC,EACb,WAAW,CAAC,CACZ,QAAQ,MAAMC,EAAE,KAAK,SAAS,SAAS,QAAQ,CAAC,CAChD,KAAK,OAAO;IAAE,IAAIA,EAAE;IAAI,MAAMC,EAAe,IAAID,EAAE,EAAE;GAAE,EAAE,CAAC,CAC1D,QAAQ,MAAMA,EAAE,SAAS,KAAA,CAAS,CAAC,CACnC,MAAM,GAAG,MAAME,EAAE,KAAM,OAAOC,EAAE,KAAM,IAAI,GACvCC,IAAOC,GAAM,KAAK,WAAWT,EAAO,KAAK,SACzCU,IAASF,GAAM,SAAS,WAAWC,GAAM,KAAKD,GAAM,OAAOG,IAC3DC,IAAQV,EAAQ,WAAW,MAAME,EAAE,OAAOM,CAAM;GACtD,IAAIE,IAAQ,GAAG;GACf,IAAMC,IAASX,EAAQU,KAASd,EAAM,SAAS,eAAe,IAAI,IAAI,EAAE;GACxE,IAAKe,GACL,OAAO;IACL,GACEC,EAAmB,IACnBD,EAAO,OACPA,EAAO,QAAQ,IACfZ,EAAc,OACdA,EAAc,QAAQ;IACxB,GACEa,EAAmB,IACnBD,EAAO,MACP,KAAK,IAAIA,EAAO,SAAS,GAAG,EAAE,IAC9BZ,EAAc,MACdA,EAAc,SAAS;GAC3B;EACF;EAI6D,gBAAgB;CAAO,CAAC,CACrF;AACF;AAEA,IAAac,IAAsB,EACjC,0BAA0B,EACxB,WACE,gEACJ,EACF"}
+{"version":3,"file":"use-kanban-sensors.js","names":["useKanbanSensors","useMemo","ColumnKeyboardSensor","KeyboardSensor","event","source","options","direction","columns","column","a","b","status","target","statusField","index","next","rect","PointerSensor","PointerActivationConstraints","kanbanAccessibility"],"sources":["../../../../src/tools/components/kanban/use-kanban-sensors.ts"],"sourcesContent":["import {useMemo} from 'react';\nimport {\n  KeyboardSensor, PointerSensor, PointerActivationConstraints,\n  type Draggable, type KeyboardSensorOptions, type Sensors,\n} from '@dnd-kit/dom';\n\n/**\n * Build native pointer sensors and visual-column Left/Right keyboard traversal.\n * @param statusField - Task property holding its current column id.\n * @returns Native sensor descriptors, memoized by statusField; these are not\n * legacy DndContext sensors.\n * @remarks Mouse/pen movement requires 10px; touch requires a 250ms hold with\n * 5px tolerance. Columns must register Column metadata under the same native\n * provider. Prefer useKanbanDrag for the complete status-change lifecycle.\n * @example\n * ```tsx\n * import {DragDropProvider} from '@dnd-kit/react';\n * import {useKanbanSensors} from '@alneas/appkit-react/tools/kanban';\n * export function SensorBoundary() {\n *   const sensors = useKanbanSensors('status');\n *   return <DragDropProvider sensors={sensors}><div>Host registrations</div></DragDropProvider>;\n * }\n * ```\n */\nexport function useKanbanSensors(statusField: string): Sensors {\n  return useMemo(() => {\n    class ColumnKeyboardSensor extends KeyboardSensor {\n      private restoreCollision = false;\n      protected override handleStart(event: KeyboardEvent, source: Draggable, options: KeyboardSensorOptions | undefined) {\n        super.handleStart(event, source, options);\n        if (this.manager.dragOperation.source !== source) return;\n        this.restoreCollision = !this.manager.collisionObserver.disabled;\n        this.manager.collisionObserver.disable();\n      }\n      protected override cleanup() {\n        super.cleanup();\n        if (this.restoreCollision) this.manager.collisionObserver.enable();\n        this.restoreCollision = false;\n      }\n      protected override handleMove(direction: 'up' | 'down' | 'left' | 'right', event: KeyboardEvent) {\n        if (direction !== 'left' && direction !== 'right') return;\n        event.preventDefault();\n        const {source, target} = this.manager.dragOperation;\n        if (!source) return;\n        const columns = [...this.manager.registry.droppables]\n          .filter(column => !column.disabled && column.data.type === 'Column' && column.element)\n          .sort((a, b) => a.element!.getBoundingClientRect().left - b.element!.getBoundingClientRect().left);\n        const status = target?.data.type === 'Column' ? target.id : source.data.task?.[statusField];\n        const index = columns.findIndex(column => column.id === status);\n        const next = columns[index + (direction === 'right' ? 1 : -1)];\n        if (index < 0 || !next?.element) return;\n        next.element.scrollIntoView({block: 'nearest', inline: 'nearest', behavior: 'instant'});\n        const rect = next.element.getBoundingClientRect();\n        this.manager.actions.move({event, to: {x: rect.left + rect.width / 2, y: rect.top + Math.min(rect.height / 2, 80)}});\n        void this.manager.actions.setDropTarget(next.id);\n      }\n    }\n    return [\n      PointerSensor.configure({activationConstraints: event => event.pointerType === 'touch'\n        ? [new PointerActivationConstraints.Delay({value: 250, tolerance: 5})]\n        : [new PointerActivationConstraints.Distance({value: 10})]}),\n      ColumnKeyboardSensor,\n    ];\n  }, [statusField]);\n}\n\n/** Japanese native accessibility instructions for status-only column movement. */\nexport const kanbanAccessibility = {\n  screenReaderInstructions: {\n    draggable: 'SpaceまたはEnterで移動開始。左右矢印で列を選択し、SpaceまたはEnterで確定。Escapeで取り消します。',\n  },\n};\n"],"mappings":";;;;AAwBA,SAAgBA,EAAiB,GAA8B;CAC7D,OAAOC,QAAc;EACnB,MAAMC,UAA6BC,EAAe;GAChD,mBAA2B;GAC3B,YAA+B,GAAsB,GAAmB,GAA4C;IAElH,AADA,MAAM,YAAYC,GAAOC,GAAQC,CAAO,GACpC,KAAK,QAAQ,cAAc,WAAWD,MAC1C,KAAK,mBAAmB,CAAC,KAAK,QAAQ,kBAAkB,UACxD,KAAK,QAAQ,kBAAkB,QAAQ;GACzC;GACA,UAA6B;IAG3B,AAFA,MAAM,QAAQ,GACV,KAAK,oBAAkB,KAAK,QAAQ,kBAAkB,OAAO,GACjE,KAAK,mBAAmB;GAC1B;GACA,WAA8B,GAA6C,GAAsB;IAC/F,IAAIE,MAAc,UAAUA,MAAc,SAAS;IACnD,EAAM,eAAe;IACrB,IAAM,EAAC,WAAQ,cAAU,KAAK,QAAQ;IACtC,IAAI,CAACF,GAAQ;IACb,IAAMG,IAAU,CAAC,GAAG,KAAK,QAAQ,SAAS,UAAU,CAAC,CAClD,QAAO,MAAU,CAACC,EAAO,YAAYA,EAAO,KAAK,SAAS,YAAYA,EAAO,OAAO,CAAC,CACrF,MAAM,GAAG,MAAMC,EAAE,QAAS,sBAAsB,CAAC,CAAC,OAAOC,EAAE,QAAS,sBAAsB,CAAC,CAAC,IAAI,GAC7FC,IAASC,GAAQ,KAAK,SAAS,WAAWA,EAAO,KAAKR,EAAO,KAAK,OAAOS,IACzEC,IAAQP,EAAQ,WAAU,MAAUC,EAAO,OAAOG,CAAM,GACxDI,IAAOR,EAAQO,KAASR,MAAc,UAAU,IAAI;IAC1D,IAAIQ,IAAQ,KAAK,CAACC,GAAM,SAAS;IACjC,EAAK,QAAQ,eAAe;KAAC,OAAO;KAAW,QAAQ;KAAW,UAAU;IAAS,CAAC;IACtF,IAAMC,IAAOD,EAAK,QAAQ,sBAAsB;IAEhD,AADA,KAAK,QAAQ,QAAQ,KAAK;KAAC;KAAO,IAAI;MAAC,GAAGC,EAAK,OAAOA,EAAK,QAAQ;MAAG,GAAGA,EAAK,MAAM,KAAK,IAAIA,EAAK,SAAS,GAAG,EAAE;KAAC;IAAC,CAAC,GACnH,KAAU,QAAQ,QAAQ,cAAcD,EAAK,EAAE;GACjD;EACF;EACA,OAAO,CACLE,EAAc,UAAU,EAAC,wBAAuB,MAASd,EAAM,gBAAgB,UAC3E,CAAC,IAAIe,EAA6B,MAAM;GAAC,OAAO;GAAK,WAAW;EAAC,CAAC,CAAC,IACnE,CAAC,IAAIA,EAA6B,SAAS,EAAC,OAAO,GAAE,CAAC,CAAC,EAAC,CAAC,GAC7DjB,CACF;CACF,GAAG,CAACY,CAAW,CAAC;AAClB;AAGA,IAAaM,IAAsB,EACjC,0BAA0B,EACxB,WAAW,gEACb,EACF"}

package/dist/tools/components/pane/SearchAndCreatePane.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchAndCreatePane.cjs","names":["forwardRef","useState","CreatePane","SelectedItemPane","GenericSearchPane","require_runtime","require_tools_components_pane_CreatePane","require_tools_components_pane_GenericSearchPane","require_tools_components_pane_SelectedItemPane","react_jsx_runtime","react","SearchAndCreatePane","selectedItem","setSelectedItem","isCreatingNew","setIsCreatingNew","startWithCreateForm","isOpen","ref","handleItemSelect","item","junctionFields","onItemSelect","onClose","handleDirectAdd","onDirectAdd","defaultJunctionData","field","acc","handleAddToPending","itemWithJunction","handleCreateNew","onCreateNew","formData","junctionData","error","handleCancel"],"sources":["../../../../src/tools/components/pane/SearchAndCreatePane.tsx"],"sourcesContent":["'use client';\nimport React, { useState, useImperativeHandle, forwardRef, useEffect } from 'react';\nimport { GenericSearchPane } from './GenericSearchPane';\nimport { DisplayField } from './types';\nimport { CreatePane } from './CreatePane';\nimport { SelectedItemPane } from './SelectedItemPane';\nimport { CollectionSchema } from '../filter/filter-types';\n\nexport interface SearchAndCreatePaneProps<T extends Record<string, unknown>> {\n  /** スキーマ定義 / Collection schema definition */\n  schema: CollectionSchema;\n  /** ペインが開いているか / Whether the pane is open */\n  isOpen: boolean;\n  /** 閉じるボタン押下時のコールバック / Callback when close button is clicked */\n  onClose: () => void;\n  /** 検索実行時のコールバック / Search execution callback */\n  onSearch: (params: { globalFilter: string; filterResult: unknown }) => Promise<T[]>;\n  /**\n   * アイテム選択時のコールバック / Item selection callback.\n   * junctionFields が空の場合は即座に呼び出され、ペインが閉じます。\n   * junctionFields が指定されている場合は、詳細入力後に呼び出されます。\n   */\n  onItemSelect: (item: T) => void;\n  /**\n   * 直接追加時のコールバック / Direct add callback.\n   * junctionFields の有無に関わらず、選択時に即座に呼び出されます（中間入力をスキップ）。\n   */\n  onDirectAdd?: (item: T & Record<string, unknown>) => void;\n  /** 新規作成時のコールバック / Create new callback */\n  onCreateNew: (\n    formData: Record<string, unknown>,\n    junctionData: Record<string, unknown>,\n  ) => void | Promise<void>;\n  /** 追加情報の入力フィールド定義 / Definition of junction fields */\n  junctionFields?: Array<{ name: string; label: string; type: 'text' | 'number' | 'date' }>;\n  /** 追加情報の初期値 / Initial junction data */\n  initialJunctionData?: Record<string, unknown>;\n  /** 検索プレースホルダー / Search placeholder */\n  searchPlaceholder?: string;\n  /** 新規作成タイトル / Create title */\n  createTitle?: string;\n  /** 新規作成説明 / Create description */\n  createDescription?: string;\n  /** 初期状態で作成フォームを表示するか / Whether to start with create form */\n  startWithCreateForm?: boolean;\n  /** 表示フィールドの定義 / Fields to display */\n  displayFields?: DisplayField<T>[];\n  /** 直接追加機能を有効にするか / Whether to enable direct add */\n  enableDirectAdd?: boolean;\n  /** 簡易的な作成フィールド定義 / Simple fields for creation */\n  simpleCreateFields?: Array<{\n    name: string;\n    label: string;\n    required?: boolean;\n    placeholder?: string;\n  }>;\n  /** カスタム作成フォーム（children） / Custom create form content */\n  children?: React.ReactNode;\n}\n\n/**\n * 検索・選択と新規作成を切り替え可能な高機能ペイン。\n *\n * リソースの検索、既存アイテムの選択、および新しいアイテムの即時作成を\n * 一つのインターフェースで提供します。\n *\n * @example\n * ```tsx\n * <SearchAndCreatePane\n *   schema={userSchema}\n *   isOpen={isOpen}\n *   onSearch={handleSearch}\n *   onItemSelect={handleSelect}\n *   onCreateNew={handleCreate}\n * />\n * ```\n */\nexport const SearchAndCreatePane = forwardRef<\n  unknown,\n  SearchAndCreatePaneProps<Record<string, unknown>>\n>(\n  (\n    {\n      schema,\n      isOpen,\n      onClose,\n      onSearch,\n      onItemSelect,\n      onDirectAdd,\n      onCreateNew,\n      junctionFields = [],\n      initialJunctionData = {},\n      searchPlaceholder = '検索...',\n      createTitle = '新規作成',\n      createDescription = '新しいアイテムを作成して追加します',\n      startWithCreateForm = false,\n      displayFields,\n      enableDirectAdd = false,\n      simpleCreateFields,\n      children,\n    },\n    ref,\n  ) => {\n    // State management\n    const [selectedItem, setSelectedItem] = useState<Record<string, unknown> | null>(null);\n    const [isCreatingNew, setIsCreatingNew] = useState(startWithCreateForm);\n\n    // Reset state when pane opens\n    useEffect(() => {\n      if (isOpen) {\n        setSelectedItem(null);\n        setIsCreatingNew(startWithCreateForm);\n      }\n    }, [isOpen, startWithCreateForm]);\n\n    // Expose openCreateNew function to parent component\n    useImperativeHandle(\n      ref,\n      () => ({\n        openCreateNew: () => setIsCreatingNew(true),\n      }),\n      [],\n    );\n\n    const handleItemSelect = (item: Record<string, unknown>) => {\n      setSelectedItem(item);\n      if (!junctionFields.length) {\n        onItemSelect(item);\n        onClose();\n      }\n    };\n\n    const handleDirectAdd = (item: Record<string, unknown>) => {\n      if (onDirectAdd) {\n        const defaultJunctionData = junctionFields.reduce(\n          (acc, field) => {\n            acc[field.name] = '';\n            return acc;\n          },\n          {} as Record<string, unknown>,\n        );\n\n        onDirectAdd({ ...item, ...defaultJunctionData });\n        onClose();\n      }\n    };\n\n    const handleAddToPending = (itemWithJunction: Record<string, unknown>) => {\n      onItemSelect(itemWithJunction);\n      setSelectedItem(null);\n      onClose();\n    };\n\n    const handleCreateNew = async (\n      formData: Record<string, unknown>,\n      junctionData: Record<string, unknown>,\n    ) => {\n      try {\n        await onCreateNew(formData, junctionData);\n        setIsCreatingNew(false);\n        onClose();\n      } catch (error) {\n        console.error('Failed to create item from pane', error);\n      }\n    };\n\n    const handleCancel = () => {\n      setSelectedItem(null);\n      setIsCreatingNew(false);\n      onClose();\n    };\n\n    if (!isOpen) return null;\n\n    return (\n      <div className='space-y-3'>\n        {isCreatingNew ? (\n          <CreatePane\n            onCreateNew={handleCreateNew}\n            onCancel={handleCancel}\n            junctionFields={junctionFields}\n            createTitle={createTitle}\n            createDescription={createDescription}\n            simpleCreateFields={simpleCreateFields}\n          >\n            {children}\n          </CreatePane>\n        ) : selectedItem ? (\n          <SelectedItemPane\n            key={String(selectedItem.id || 'new')}\n            selectedItem={selectedItem}\n            onAdd={handleAddToPending}\n            onCancel={handleCancel}\n            junctionFields={junctionFields}\n            initialJunctionData={initialJunctionData}\n          />\n        ) : (\n          <GenericSearchPane\n            schema={schema}\n            onSearch={onSearch}\n            onItemSelect={handleItemSelect}\n            onDirectAdd={handleDirectAdd}\n            searchPlaceholder={searchPlaceholder}\n            onCreateNew={() => setIsCreatingNew(true)}\n            displayFields={displayFields}\n            enableDirectAdd={enableDirectAdd}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nSearchAndCreatePane.displayName = 'SearchAndCreatePane';\n"],"mappings":"A,sUA6EA,IAAaW,GAAA,EAAsBX,EAAAA,WAAAA,EAK/B,CACE,SACA,SACA,UACA,WACA,eACA,cACA,cACA,iBAAiB,CAAC,EAClB,sBAAsB,CAAC,EACvB,oBAAoB,QACpB,cAAc,OACd,oBAAoB,oBACpB,sBAAsB,GACtB,gBACA,kBAAkB,GAClB,qBACA,YAEF,IACG,CAEH,GAAM,CAACY,EAAcC,IAAA,EAAmBZ,EAAAA,SAAAA,CAAyC,IAAI,EAC/E,CAACa,EAAeC,IAAA,EAAoBd,EAAAA,SAAAA,CAASe,CAAmB,GAGtE,EAAAN,EAAA,UAAA,KAAgB,CACVO,IACFJ,EAAgB,IAAI,EACpBE,EAAiBC,CAAmB,EAExC,EAAG,CAACC,EAAQD,CAAmB,CAAC,GAGhC,EAAAN,EAAA,oBAAA,CACEQ,OACO,CACL,kBAAqBH,EAAiB,EAAI,CAC5C,GACA,CAAC,CACH,EAEA,IAAMI,EAAoB,GAAkC,CAC1DN,EAAgBO,CAAI,EACfC,EAAe,SAClBC,EAAaF,CAAI,EACjBG,EAAQ,EAEZ,EAEMC,EAAmB,GAAkC,CACzD,GAAIC,EAAa,CACf,IAAMC,EAAsBL,EAAe,QACxC,EAAK,KACJ,EAAIM,EAAM,MAAQ,GACXC,GAET,CAAC,CACH,EAEAH,EAAY,CAAE,GAAGL,EAAM,GAAGM,CAAoB,CAAC,EAC/CH,EAAQ,CACV,CACF,EAEMM,EAAsB,GAA8C,CACxEP,EAAaQ,CAAgB,EAC7BjB,EAAgB,IAAI,EACpBU,EAAQ,CACV,EAEMQ,EAAkB,MACtB,EACA,IACG,CACH,GAAI,CACF,MAAMC,EAAYC,EAAUC,CAAY,EACxCnB,EAAiB,EAAK,EACtBQ,EAAQ,CACV,OAASY,EAAO,CACd,QAAQ,MAAM,kCAAmCA,CAAK,CACxD,CACF,EAEMC,MAAqB,CACzBvB,EAAgB,IAAI,EACpBE,EAAiB,EAAK,EACtBQ,EAAQ,CACV,EAIA,OAFKN,GAGH,EAAAR,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,YACZ,SAAAK,GACC,EAAAL,EAAA,IAAA,CAACP,EAAAA,WAAD,CACE,YAAa6B,EACb,SAAUK,EACM,iBACH,cACM,oBACC,qBAEnB,UACS,CAAA,EACVxB,GACF,EAAAH,EAAA,IAAA,CAACN,EAAAA,iBAAD,CAEgB,eACd,MAAO0B,EACP,SAAUO,EACM,iBACK,qBACtB,EANM,OAAOxB,EAAa,IAAM,KAAK,CAMrC,GAED,EAAAH,EAAA,IAAA,CAACL,EAAAA,kBAAD,CACU,SACE,WACV,aAAce,EACd,YAAaK,EACM,oBACnB,gBAAmBT,EAAiB,EAAI,EACzB,gBACE,iBAClB,CAAA,CAEA,CAAA,EApCa,IAsCtB,CACF,EAEA,EAAoB,YAAc,sB"}
+{"version":3,"file":"SearchAndCreatePane.cjs","names":["forwardRef","useState","CreatePane","SelectedItemPane","GenericSearchPane","require_runtime","require_tools_components_pane_CreatePane","require_tools_components_pane_GenericSearchPane","require_tools_components_pane_SelectedItemPane","react_jsx_runtime","react","SearchAndCreatePane","selectedItem","setSelectedItem","isCreatingNew","setIsCreatingNew","startWithCreateForm","isOpen","ref","handleItemSelect","item","junctionFields","onItemSelect","onClose","handleDirectAdd","onDirectAdd","defaultJunctionData","field","acc","handleAddToPending","itemWithJunction","handleCreateNew","onCreateNew","formData","junctionData","error","handleCancel"],"sources":["../../../../src/tools/components/pane/SearchAndCreatePane.tsx"],"sourcesContent":["'use client';\nimport React, { useState, useImperativeHandle, forwardRef, useEffect } from 'react';\nimport { GenericSearchPane } from './GenericSearchPane';\nimport { DisplayField } from './types';\nimport { CreatePane } from './CreatePane';\nimport { SelectedItemPane } from './SelectedItemPane';\nimport { CollectionSchema } from '../filter/filter-types';\n\nexport interface SearchAndCreatePaneProps<T extends Record<string, unknown>> {\n  /** スキーマ定義 / Collection schema definition */\n  schema: CollectionSchema;\n  /** ペインが開いているか / Whether the pane is open */\n  isOpen: boolean;\n  /** 閉じるボタン押下時のコールバック / Callback when close button is clicked */\n  onClose: () => void;\n  /** 検索実行時のコールバック / Search execution callback */\n  onSearch: (params: { globalFilter: string; filterResult: unknown }) => Promise<T[]>;\n  /**\n   * アイテム選択時のコールバック / Item selection callback.\n   * junctionFields が空の場合は即座に呼び出され、ペインが閉じます。\n   * junctionFields が指定されている場合は、詳細入力後に呼び出されます。\n   */\n  onItemSelect: (item: T) => void;\n  /**\n   * 直接追加時のコールバック / Direct add callback.\n   * junctionFields の有無に関わらず、選択時に即座に呼び出されます（中間入力をスキップ）。\n   */\n  onDirectAdd?: (item: T & Record<string, unknown>) => void;\n  /** 新規作成時のコールバック / Create new callback */\n  onCreateNew: (\n    formData: Record<string, unknown>,\n    junctionData: Record<string, unknown>,\n  ) => void | Promise<void>;\n  /** 追加情報の入力フィールド定義 / Definition of junction fields */\n  junctionFields?: Array<{ name: string; label: string; type: 'text' | 'number' | 'date' }>;\n  /** 追加情報の初期値 / Initial junction data */\n  initialJunctionData?: Record<string, unknown>;\n  /** 検索プレースホルダー / Search placeholder */\n  searchPlaceholder?: string;\n  /** 新規作成タイトル / Create title */\n  createTitle?: string;\n  /** 新規作成説明 / Create description */\n  createDescription?: string;\n  /** 初期状態で作成フォームを表示するか / Whether to start with create form */\n  startWithCreateForm?: boolean;\n  /** 表示フィールドの定義 / Fields to display */\n  displayFields?: DisplayField<T>[];\n  /** 直接追加機能を有効にするか / Whether to enable direct add */\n  enableDirectAdd?: boolean;\n  /** 簡易的な作成フィールド定義 / Simple fields for creation */\n  simpleCreateFields?: Array<{\n    name: string;\n    label: string;\n    required?: boolean;\n    placeholder?: string;\n  }>;\n  /** カスタム作成フォーム（children） / Custom create form content */\n  children?: React.ReactNode;\n}\n\n/**\n * 検索・選択と新規作成を切り替え可能な高機能ペイン。\n *\n * リソースの検索、既存アイテムの選択、および新しいアイテムの即時作成を\n * 一つのインターフェースで提供します。\n *\n * @remarks Retained forwardRef during the React 19 migration because useImperativeHandle\n * exposes an openCreateNew operation rather than a DOM node. A future ref-as-prop\n * migration should separately verify the imperative handle and its create-form state\n * transition; forwardRef is not technically required by React 19 for this pattern.\n *\n * @example\n * ```tsx\n * <SearchAndCreatePane\n *   schema={userSchema}\n *   isOpen={isOpen}\n *   onSearch={handleSearch}\n *   onItemSelect={handleSelect}\n *   onCreateNew={handleCreate}\n * />\n * ```\n */\nexport const SearchAndCreatePane = forwardRef<\n  unknown,\n  SearchAndCreatePaneProps<Record<string, unknown>>\n>(\n  (\n    {\n      schema,\n      isOpen,\n      onClose,\n      onSearch,\n      onItemSelect,\n      onDirectAdd,\n      onCreateNew,\n      junctionFields = [],\n      initialJunctionData = {},\n      searchPlaceholder = '検索...',\n      createTitle = '新規作成',\n      createDescription = '新しいアイテムを作成して追加します',\n      startWithCreateForm = false,\n      displayFields,\n      enableDirectAdd = false,\n      simpleCreateFields,\n      children,\n    },\n    ref,\n  ) => {\n    // State management\n    const [selectedItem, setSelectedItem] = useState<Record<string, unknown> | null>(null);\n    const [isCreatingNew, setIsCreatingNew] = useState(startWithCreateForm);\n\n    // Reset state when pane opens\n    useEffect(() => {\n      if (isOpen) {\n        setSelectedItem(null);\n        setIsCreatingNew(startWithCreateForm);\n      }\n    }, [isOpen, startWithCreateForm]);\n\n    // Expose openCreateNew function to parent component\n    useImperativeHandle(\n      ref,\n      () => ({\n        openCreateNew: () => setIsCreatingNew(true),\n      }),\n      [],\n    );\n\n    const handleItemSelect = (item: Record<string, unknown>) => {\n      setSelectedItem(item);\n      if (!junctionFields.length) {\n        onItemSelect(item);\n        onClose();\n      }\n    };\n\n    const handleDirectAdd = (item: Record<string, unknown>) => {\n      if (onDirectAdd) {\n        const defaultJunctionData = junctionFields.reduce(\n          (acc, field) => {\n            acc[field.name] = '';\n            return acc;\n          },\n          {} as Record<string, unknown>,\n        );\n\n        onDirectAdd({ ...item, ...defaultJunctionData });\n        onClose();\n      }\n    };\n\n    const handleAddToPending = (itemWithJunction: Record<string, unknown>) => {\n      onItemSelect(itemWithJunction);\n      setSelectedItem(null);\n      onClose();\n    };\n\n    const handleCreateNew = async (\n      formData: Record<string, unknown>,\n      junctionData: Record<string, unknown>,\n    ) => {\n      try {\n        await onCreateNew(formData, junctionData);\n        setIsCreatingNew(false);\n        onClose();\n      } catch (error) {\n        console.error('Failed to create item from pane', error);\n      }\n    };\n\n    const handleCancel = () => {\n      setSelectedItem(null);\n      setIsCreatingNew(false);\n      onClose();\n    };\n\n    if (!isOpen) return null;\n\n    return (\n      <div className='space-y-3'>\n        {isCreatingNew ? (\n          <CreatePane\n            onCreateNew={handleCreateNew}\n            onCancel={handleCancel}\n            junctionFields={junctionFields}\n            createTitle={createTitle}\n            createDescription={createDescription}\n            simpleCreateFields={simpleCreateFields}\n          >\n            {children}\n          </CreatePane>\n        ) : selectedItem ? (\n          <SelectedItemPane\n            key={String(selectedItem.id || 'new')}\n            selectedItem={selectedItem}\n            onAdd={handleAddToPending}\n            onCancel={handleCancel}\n            junctionFields={junctionFields}\n            initialJunctionData={initialJunctionData}\n          />\n        ) : (\n          <GenericSearchPane\n            schema={schema}\n            onSearch={onSearch}\n            onItemSelect={handleItemSelect}\n            onDirectAdd={handleDirectAdd}\n            searchPlaceholder={searchPlaceholder}\n            onCreateNew={() => setIsCreatingNew(true)}\n            displayFields={displayFields}\n            enableDirectAdd={enableDirectAdd}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nSearchAndCreatePane.displayName = 'SearchAndCreatePane';\n"],"mappings":"A,sUAkFA,IAAaW,GAAA,EAAsBX,EAAAA,WAAAA,EAK/B,CACE,SACA,SACA,UACA,WACA,eACA,cACA,cACA,iBAAiB,CAAC,EAClB,sBAAsB,CAAC,EACvB,oBAAoB,QACpB,cAAc,OACd,oBAAoB,oBACpB,sBAAsB,GACtB,gBACA,kBAAkB,GAClB,qBACA,YAEF,IACG,CAEH,GAAM,CAACY,EAAcC,IAAA,EAAmBZ,EAAAA,SAAAA,CAAyC,IAAI,EAC/E,CAACa,EAAeC,IAAA,EAAoBd,EAAAA,SAAAA,CAASe,CAAmB,GAGtE,EAAAN,EAAA,UAAA,KAAgB,CACVO,IACFJ,EAAgB,IAAI,EACpBE,EAAiBC,CAAmB,EAExC,EAAG,CAACC,EAAQD,CAAmB,CAAC,GAGhC,EAAAN,EAAA,oBAAA,CACEQ,OACO,CACL,kBAAqBH,EAAiB,EAAI,CAC5C,GACA,CAAC,CACH,EAEA,IAAMI,EAAoB,GAAkC,CAC1DN,EAAgBO,CAAI,EACfC,EAAe,SAClBC,EAAaF,CAAI,EACjBG,EAAQ,EAEZ,EAEMC,EAAmB,GAAkC,CACzD,GAAIC,EAAa,CACf,IAAMC,EAAsBL,EAAe,QACxC,EAAK,KACJ,EAAIM,EAAM,MAAQ,GACXC,GAET,CAAC,CACH,EAEAH,EAAY,CAAE,GAAGL,EAAM,GAAGM,CAAoB,CAAC,EAC/CH,EAAQ,CACV,CACF,EAEMM,EAAsB,GAA8C,CACxEP,EAAaQ,CAAgB,EAC7BjB,EAAgB,IAAI,EACpBU,EAAQ,CACV,EAEMQ,EAAkB,MACtB,EACA,IACG,CACH,GAAI,CACF,MAAMC,EAAYC,EAAUC,CAAY,EACxCnB,EAAiB,EAAK,EACtBQ,EAAQ,CACV,OAASY,EAAO,CACd,QAAQ,MAAM,kCAAmCA,CAAK,CACxD,CACF,EAEMC,MAAqB,CACzBvB,EAAgB,IAAI,EACpBE,EAAiB,EAAK,EACtBQ,EAAQ,CACV,EAIA,OAFKN,GAGH,EAAAR,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,YACZ,SAAAK,GACC,EAAAL,EAAA,IAAA,CAACP,EAAAA,WAAD,CACE,YAAa6B,EACb,SAAUK,EACM,iBACH,cACM,oBACC,qBAEnB,UACS,CAAA,EACVxB,GACF,EAAAH,EAAA,IAAA,CAACN,EAAAA,iBAAD,CAEgB,eACd,MAAO0B,EACP,SAAUO,EACM,iBACK,qBACtB,EANM,OAAOxB,EAAa,IAAM,KAAK,CAMrC,GAED,EAAAH,EAAA,IAAA,CAACL,EAAAA,kBAAD,CACU,SACE,WACV,aAAce,EACd,YAAaK,EACM,oBACnB,gBAAmBT,EAAiB,EAAI,EACzB,gBACE,iBAClB,CAAA,CAEA,CAAA,EApCa,IAsCtB,CACF,EAEA,EAAoB,YAAc,sB"}

package/dist/tools/components/pane/SearchAndCreatePane.d.cts

@@ -62,6 +62,11 @@ export interface SearchAndCreatePaneProps<T extends Record<string, unknown>> {
  * リソースの検索、既存アイテムの選択、および新しいアイテムの即時作成を
  * 一つのインターフェースで提供します。
  *
+ * @remarks Retained forwardRef during the React 19 migration because useImperativeHandle
+ * exposes an openCreateNew operation rather than a DOM node. A future ref-as-prop
+ * migration should separately verify the imperative handle and its create-form state
+ * transition; forwardRef is not technically required by React 19 for this pattern.
+ *
  * @example
  * ```tsx
  * <SearchAndCreatePane

package/dist/tools/components/pane/SearchAndCreatePane.d.ts

@@ -62,6 +62,11 @@ export interface SearchAndCreatePaneProps<T extends Record<string, unknown>> {
  * リソースの検索、既存アイテムの選択、および新しいアイテムの即時作成を
  * 一つのインターフェースで提供します。
  *
+ * @remarks Retained forwardRef during the React 19 migration because useImperativeHandle
+ * exposes an openCreateNew operation rather than a DOM node. A future ref-as-prop
+ * migration should separately verify the imperative handle and its create-form state
+ * transition; forwardRef is not technically required by React 19 for this pattern.
+ *
  * @example
  * ```tsx
  * <SearchAndCreatePane

package/dist/tools/components/pane/SearchAndCreatePane.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchAndCreatePane.js","names":["SearchAndCreatePane","forwardRef","selectedItem","setSelectedItem","useState","isCreatingNew","setIsCreatingNew","startWithCreateForm","useEffect","isOpen","useImperativeHandle","ref","handleItemSelect","item","junctionFields","onItemSelect","onClose","handleDirectAdd","onDirectAdd","defaultJunctionData","field","acc","handleAddToPending","itemWithJunction","handleCreateNew","onCreateNew","formData","junctionData","error","handleCancel","CreatePane","SelectedItemPane","GenericSearchPane"],"sources":["../../../../src/tools/components/pane/SearchAndCreatePane.tsx"],"sourcesContent":["'use client';\nimport React, { useState, useImperativeHandle, forwardRef, useEffect } from 'react';\nimport { GenericSearchPane } from './GenericSearchPane';\nimport { DisplayField } from './types';\nimport { CreatePane } from './CreatePane';\nimport { SelectedItemPane } from './SelectedItemPane';\nimport { CollectionSchema } from '../filter/filter-types';\n\nexport interface SearchAndCreatePaneProps<T extends Record<string, unknown>> {\n  /** スキーマ定義 / Collection schema definition */\n  schema: CollectionSchema;\n  /** ペインが開いているか / Whether the pane is open */\n  isOpen: boolean;\n  /** 閉じるボタン押下時のコールバック / Callback when close button is clicked */\n  onClose: () => void;\n  /** 検索実行時のコールバック / Search execution callback */\n  onSearch: (params: { globalFilter: string; filterResult: unknown }) => Promise<T[]>;\n  /**\n   * アイテム選択時のコールバック / Item selection callback.\n   * junctionFields が空の場合は即座に呼び出され、ペインが閉じます。\n   * junctionFields が指定されている場合は、詳細入力後に呼び出されます。\n   */\n  onItemSelect: (item: T) => void;\n  /**\n   * 直接追加時のコールバック / Direct add callback.\n   * junctionFields の有無に関わらず、選択時に即座に呼び出されます（中間入力をスキップ）。\n   */\n  onDirectAdd?: (item: T & Record<string, unknown>) => void;\n  /** 新規作成時のコールバック / Create new callback */\n  onCreateNew: (\n    formData: Record<string, unknown>,\n    junctionData: Record<string, unknown>,\n  ) => void | Promise<void>;\n  /** 追加情報の入力フィールド定義 / Definition of junction fields */\n  junctionFields?: Array<{ name: string; label: string; type: 'text' | 'number' | 'date' }>;\n  /** 追加情報の初期値 / Initial junction data */\n  initialJunctionData?: Record<string, unknown>;\n  /** 検索プレースホルダー / Search placeholder */\n  searchPlaceholder?: string;\n  /** 新規作成タイトル / Create title */\n  createTitle?: string;\n  /** 新規作成説明 / Create description */\n  createDescription?: string;\n  /** 初期状態で作成フォームを表示するか / Whether to start with create form */\n  startWithCreateForm?: boolean;\n  /** 表示フィールドの定義 / Fields to display */\n  displayFields?: DisplayField<T>[];\n  /** 直接追加機能を有効にするか / Whether to enable direct add */\n  enableDirectAdd?: boolean;\n  /** 簡易的な作成フィールド定義 / Simple fields for creation */\n  simpleCreateFields?: Array<{\n    name: string;\n    label: string;\n    required?: boolean;\n    placeholder?: string;\n  }>;\n  /** カスタム作成フォーム（children） / Custom create form content */\n  children?: React.ReactNode;\n}\n\n/**\n * 検索・選択と新規作成を切り替え可能な高機能ペイン。\n *\n * リソースの検索、既存アイテムの選択、および新しいアイテムの即時作成を\n * 一つのインターフェースで提供します。\n *\n * @example\n * ```tsx\n * <SearchAndCreatePane\n *   schema={userSchema}\n *   isOpen={isOpen}\n *   onSearch={handleSearch}\n *   onItemSelect={handleSelect}\n *   onCreateNew={handleCreate}\n * />\n * ```\n */\nexport const SearchAndCreatePane = forwardRef<\n  unknown,\n  SearchAndCreatePaneProps<Record<string, unknown>>\n>(\n  (\n    {\n      schema,\n      isOpen,\n      onClose,\n      onSearch,\n      onItemSelect,\n      onDirectAdd,\n      onCreateNew,\n      junctionFields = [],\n      initialJunctionData = {},\n      searchPlaceholder = '検索...',\n      createTitle = '新規作成',\n      createDescription = '新しいアイテムを作成して追加します',\n      startWithCreateForm = false,\n      displayFields,\n      enableDirectAdd = false,\n      simpleCreateFields,\n      children,\n    },\n    ref,\n  ) => {\n    // State management\n    const [selectedItem, setSelectedItem] = useState<Record<string, unknown> | null>(null);\n    const [isCreatingNew, setIsCreatingNew] = useState(startWithCreateForm);\n\n    // Reset state when pane opens\n    useEffect(() => {\n      if (isOpen) {\n        setSelectedItem(null);\n        setIsCreatingNew(startWithCreateForm);\n      }\n    }, [isOpen, startWithCreateForm]);\n\n    // Expose openCreateNew function to parent component\n    useImperativeHandle(\n      ref,\n      () => ({\n        openCreateNew: () => setIsCreatingNew(true),\n      }),\n      [],\n    );\n\n    const handleItemSelect = (item: Record<string, unknown>) => {\n      setSelectedItem(item);\n      if (!junctionFields.length) {\n        onItemSelect(item);\n        onClose();\n      }\n    };\n\n    const handleDirectAdd = (item: Record<string, unknown>) => {\n      if (onDirectAdd) {\n        const defaultJunctionData = junctionFields.reduce(\n          (acc, field) => {\n            acc[field.name] = '';\n            return acc;\n          },\n          {} as Record<string, unknown>,\n        );\n\n        onDirectAdd({ ...item, ...defaultJunctionData });\n        onClose();\n      }\n    };\n\n    const handleAddToPending = (itemWithJunction: Record<string, unknown>) => {\n      onItemSelect(itemWithJunction);\n      setSelectedItem(null);\n      onClose();\n    };\n\n    const handleCreateNew = async (\n      formData: Record<string, unknown>,\n      junctionData: Record<string, unknown>,\n    ) => {\n      try {\n        await onCreateNew(formData, junctionData);\n        setIsCreatingNew(false);\n        onClose();\n      } catch (error) {\n        console.error('Failed to create item from pane', error);\n      }\n    };\n\n    const handleCancel = () => {\n      setSelectedItem(null);\n      setIsCreatingNew(false);\n      onClose();\n    };\n\n    if (!isOpen) return null;\n\n    return (\n      <div className='space-y-3'>\n        {isCreatingNew ? (\n          <CreatePane\n            onCreateNew={handleCreateNew}\n            onCancel={handleCancel}\n            junctionFields={junctionFields}\n            createTitle={createTitle}\n            createDescription={createDescription}\n            simpleCreateFields={simpleCreateFields}\n          >\n            {children}\n          </CreatePane>\n        ) : selectedItem ? (\n          <SelectedItemPane\n            key={String(selectedItem.id || 'new')}\n            selectedItem={selectedItem}\n            onAdd={handleAddToPending}\n            onCancel={handleCancel}\n            junctionFields={junctionFields}\n            initialJunctionData={initialJunctionData}\n          />\n        ) : (\n          <GenericSearchPane\n            schema={schema}\n            onSearch={onSearch}\n            onItemSelect={handleItemSelect}\n            onDirectAdd={handleDirectAdd}\n            searchPlaceholder={searchPlaceholder}\n            onCreateNew={() => setIsCreatingNew(true)}\n            displayFields={displayFields}\n            enableDirectAdd={enableDirectAdd}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nSearchAndCreatePane.displayName = 'SearchAndCreatePane';\n"],"mappings":";;;;;;;;AA6EA,IAAaA,IAAsBC,GAK/B,EACE,WACA,WACA,YACA,aACA,iBACA,gBACA,gBACA,oBAAiB,CAAC,GAClB,yBAAsB,CAAC,GACvB,uBAAoB,SACpB,iBAAc,QACd,uBAAoB,qBACpB,yBAAsB,IACtB,kBACA,qBAAkB,IAClB,uBACA,eAEF,MACG;CAEH,IAAM,CAACC,GAAcC,KAAmBC,EAAyC,IAAI,GAC/E,CAACC,GAAeC,KAAoBF,EAASG,CAAmB;CAWtE,AARAC,QAAgB;EACd,AAAIC,MACFN,EAAgB,IAAI,GACpBG,EAAiBC,CAAmB;CAExC,GAAG,CAACE,GAAQF,CAAmB,CAAC,GAGhCG,EACEC,UACO,EACL,qBAAqBL,EAAiB,EAAI,EAC5C,IACA,CAAC,CACH;CAEA,IAAMM,KAAoB,MAAkC;EAE1D,AADAT,EAAgBU,CAAI,GACfC,EAAe,WAClBC,EAAaF,CAAI,GACjBG,EAAQ;CAEZ,GAEMC,KAAmB,MAAkC;EACzD,IAAIC,GAAa;GACf,IAAMC,IAAsBL,EAAe,QACxC,GAAK,OACJ,EAAIM,EAAM,QAAQ,IACXC,IAET,CAAC,CACH;GAGA,AADAH,EAAY;IAAE,GAAGL;IAAM,GAAGM;GAAoB,CAAC,GAC/CH,EAAQ;EACV;CACF,GAEMM,KAAsB,MAA8C;EAGxE,AAFAP,EAAaQ,CAAgB,GAC7BpB,EAAgB,IAAI,GACpBa,EAAQ;CACV,GAEMQ,IAAkB,OACtB,GACA,MACG;EACH,IAAI;GAGF,AAFA,MAAMC,EAAYC,GAAUC,CAAY,GACxCrB,EAAiB,EAAK,GACtBU,EAAQ;EACV,SAASY,GAAO;GACd,QAAQ,MAAM,mCAAmCA,CAAK;EACxD;CACF,GAEMC,UAAqB;EAGzB,AAFA1B,EAAgB,IAAI,GACpBG,EAAiB,EAAK,GACtBU,EAAQ;CACV;CAIA,OAFKP,IAGH,kBAAC,OAAD;EAAK,WAAU;EACZ,UAAAJ,IACC,kBAACyB,GAAD;GACE,aAAaN;GACb,UAAUK;GACM;GACH;GACM;GACC;GAEnB;EACS,CAAA,IACV3B,IACF,kBAAC6B,GAAD;GAEgB;GACd,OAAOT;GACP,UAAUO;GACM;GACK;EACtB,GANM,OAAO3B,EAAa,MAAM,KAAK,CAMrC,IAED,kBAAC8B,GAAD;GACU;GACE;GACV,cAAcpB;GACd,aAAaK;GACM;GACnB,mBAAmBX,EAAiB,EAAI;GACzB;GACE;EAClB,CAAA;CAEA,CAAA,IApCa;AAsCtB,CACF;AAEA,EAAoB,cAAc"}
+{"version":3,"file":"SearchAndCreatePane.js","names":["SearchAndCreatePane","forwardRef","selectedItem","setSelectedItem","useState","isCreatingNew","setIsCreatingNew","startWithCreateForm","useEffect","isOpen","useImperativeHandle","ref","handleItemSelect","item","junctionFields","onItemSelect","onClose","handleDirectAdd","onDirectAdd","defaultJunctionData","field","acc","handleAddToPending","itemWithJunction","handleCreateNew","onCreateNew","formData","junctionData","error","handleCancel","CreatePane","SelectedItemPane","GenericSearchPane"],"sources":["../../../../src/tools/components/pane/SearchAndCreatePane.tsx"],"sourcesContent":["'use client';\nimport React, { useState, useImperativeHandle, forwardRef, useEffect } from 'react';\nimport { GenericSearchPane } from './GenericSearchPane';\nimport { DisplayField } from './types';\nimport { CreatePane } from './CreatePane';\nimport { SelectedItemPane } from './SelectedItemPane';\nimport { CollectionSchema } from '../filter/filter-types';\n\nexport interface SearchAndCreatePaneProps<T extends Record<string, unknown>> {\n  /** スキーマ定義 / Collection schema definition */\n  schema: CollectionSchema;\n  /** ペインが開いているか / Whether the pane is open */\n  isOpen: boolean;\n  /** 閉じるボタン押下時のコールバック / Callback when close button is clicked */\n  onClose: () => void;\n  /** 検索実行時のコールバック / Search execution callback */\n  onSearch: (params: { globalFilter: string; filterResult: unknown }) => Promise<T[]>;\n  /**\n   * アイテム選択時のコールバック / Item selection callback.\n   * junctionFields が空の場合は即座に呼び出され、ペインが閉じます。\n   * junctionFields が指定されている場合は、詳細入力後に呼び出されます。\n   */\n  onItemSelect: (item: T) => void;\n  /**\n   * 直接追加時のコールバック / Direct add callback.\n   * junctionFields の有無に関わらず、選択時に即座に呼び出されます（中間入力をスキップ）。\n   */\n  onDirectAdd?: (item: T & Record<string, unknown>) => void;\n  /** 新規作成時のコールバック / Create new callback */\n  onCreateNew: (\n    formData: Record<string, unknown>,\n    junctionData: Record<string, unknown>,\n  ) => void | Promise<void>;\n  /** 追加情報の入力フィールド定義 / Definition of junction fields */\n  junctionFields?: Array<{ name: string; label: string; type: 'text' | 'number' | 'date' }>;\n  /** 追加情報の初期値 / Initial junction data */\n  initialJunctionData?: Record<string, unknown>;\n  /** 検索プレースホルダー / Search placeholder */\n  searchPlaceholder?: string;\n  /** 新規作成タイトル / Create title */\n  createTitle?: string;\n  /** 新規作成説明 / Create description */\n  createDescription?: string;\n  /** 初期状態で作成フォームを表示するか / Whether to start with create form */\n  startWithCreateForm?: boolean;\n  /** 表示フィールドの定義 / Fields to display */\n  displayFields?: DisplayField<T>[];\n  /** 直接追加機能を有効にするか / Whether to enable direct add */\n  enableDirectAdd?: boolean;\n  /** 簡易的な作成フィールド定義 / Simple fields for creation */\n  simpleCreateFields?: Array<{\n    name: string;\n    label: string;\n    required?: boolean;\n    placeholder?: string;\n  }>;\n  /** カスタム作成フォーム（children） / Custom create form content */\n  children?: React.ReactNode;\n}\n\n/**\n * 検索・選択と新規作成を切り替え可能な高機能ペイン。\n *\n * リソースの検索、既存アイテムの選択、および新しいアイテムの即時作成を\n * 一つのインターフェースで提供します。\n *\n * @remarks Retained forwardRef during the React 19 migration because useImperativeHandle\n * exposes an openCreateNew operation rather than a DOM node. A future ref-as-prop\n * migration should separately verify the imperative handle and its create-form state\n * transition; forwardRef is not technically required by React 19 for this pattern.\n *\n * @example\n * ```tsx\n * <SearchAndCreatePane\n *   schema={userSchema}\n *   isOpen={isOpen}\n *   onSearch={handleSearch}\n *   onItemSelect={handleSelect}\n *   onCreateNew={handleCreate}\n * />\n * ```\n */\nexport const SearchAndCreatePane = forwardRef<\n  unknown,\n  SearchAndCreatePaneProps<Record<string, unknown>>\n>(\n  (\n    {\n      schema,\n      isOpen,\n      onClose,\n      onSearch,\n      onItemSelect,\n      onDirectAdd,\n      onCreateNew,\n      junctionFields = [],\n      initialJunctionData = {},\n      searchPlaceholder = '検索...',\n      createTitle = '新規作成',\n      createDescription = '新しいアイテムを作成して追加します',\n      startWithCreateForm = false,\n      displayFields,\n      enableDirectAdd = false,\n      simpleCreateFields,\n      children,\n    },\n    ref,\n  ) => {\n    // State management\n    const [selectedItem, setSelectedItem] = useState<Record<string, unknown> | null>(null);\n    const [isCreatingNew, setIsCreatingNew] = useState(startWithCreateForm);\n\n    // Reset state when pane opens\n    useEffect(() => {\n      if (isOpen) {\n        setSelectedItem(null);\n        setIsCreatingNew(startWithCreateForm);\n      }\n    }, [isOpen, startWithCreateForm]);\n\n    // Expose openCreateNew function to parent component\n    useImperativeHandle(\n      ref,\n      () => ({\n        openCreateNew: () => setIsCreatingNew(true),\n      }),\n      [],\n    );\n\n    const handleItemSelect = (item: Record<string, unknown>) => {\n      setSelectedItem(item);\n      if (!junctionFields.length) {\n        onItemSelect(item);\n        onClose();\n      }\n    };\n\n    const handleDirectAdd = (item: Record<string, unknown>) => {\n      if (onDirectAdd) {\n        const defaultJunctionData = junctionFields.reduce(\n          (acc, field) => {\n            acc[field.name] = '';\n            return acc;\n          },\n          {} as Record<string, unknown>,\n        );\n\n        onDirectAdd({ ...item, ...defaultJunctionData });\n        onClose();\n      }\n    };\n\n    const handleAddToPending = (itemWithJunction: Record<string, unknown>) => {\n      onItemSelect(itemWithJunction);\n      setSelectedItem(null);\n      onClose();\n    };\n\n    const handleCreateNew = async (\n      formData: Record<string, unknown>,\n      junctionData: Record<string, unknown>,\n    ) => {\n      try {\n        await onCreateNew(formData, junctionData);\n        setIsCreatingNew(false);\n        onClose();\n      } catch (error) {\n        console.error('Failed to create item from pane', error);\n      }\n    };\n\n    const handleCancel = () => {\n      setSelectedItem(null);\n      setIsCreatingNew(false);\n      onClose();\n    };\n\n    if (!isOpen) return null;\n\n    return (\n      <div className='space-y-3'>\n        {isCreatingNew ? (\n          <CreatePane\n            onCreateNew={handleCreateNew}\n            onCancel={handleCancel}\n            junctionFields={junctionFields}\n            createTitle={createTitle}\n            createDescription={createDescription}\n            simpleCreateFields={simpleCreateFields}\n          >\n            {children}\n          </CreatePane>\n        ) : selectedItem ? (\n          <SelectedItemPane\n            key={String(selectedItem.id || 'new')}\n            selectedItem={selectedItem}\n            onAdd={handleAddToPending}\n            onCancel={handleCancel}\n            junctionFields={junctionFields}\n            initialJunctionData={initialJunctionData}\n          />\n        ) : (\n          <GenericSearchPane\n            schema={schema}\n            onSearch={onSearch}\n            onItemSelect={handleItemSelect}\n            onDirectAdd={handleDirectAdd}\n            searchPlaceholder={searchPlaceholder}\n            onCreateNew={() => setIsCreatingNew(true)}\n            displayFields={displayFields}\n            enableDirectAdd={enableDirectAdd}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nSearchAndCreatePane.displayName = 'SearchAndCreatePane';\n"],"mappings":";;;;;;;;AAkFA,IAAaA,IAAsBC,GAK/B,EACE,WACA,WACA,YACA,aACA,iBACA,gBACA,gBACA,oBAAiB,CAAC,GAClB,yBAAsB,CAAC,GACvB,uBAAoB,SACpB,iBAAc,QACd,uBAAoB,qBACpB,yBAAsB,IACtB,kBACA,qBAAkB,IAClB,uBACA,eAEF,MACG;CAEH,IAAM,CAACC,GAAcC,KAAmBC,EAAyC,IAAI,GAC/E,CAACC,GAAeC,KAAoBF,EAASG,CAAmB;CAWtE,AARAC,QAAgB;EACd,AAAIC,MACFN,EAAgB,IAAI,GACpBG,EAAiBC,CAAmB;CAExC,GAAG,CAACE,GAAQF,CAAmB,CAAC,GAGhCG,EACEC,UACO,EACL,qBAAqBL,EAAiB,EAAI,EAC5C,IACA,CAAC,CACH;CAEA,IAAMM,KAAoB,MAAkC;EAE1D,AADAT,EAAgBU,CAAI,GACfC,EAAe,WAClBC,EAAaF,CAAI,GACjBG,EAAQ;CAEZ,GAEMC,KAAmB,MAAkC;EACzD,IAAIC,GAAa;GACf,IAAMC,IAAsBL,EAAe,QACxC,GAAK,OACJ,EAAIM,EAAM,QAAQ,IACXC,IAET,CAAC,CACH;GAGA,AADAH,EAAY;IAAE,GAAGL;IAAM,GAAGM;GAAoB,CAAC,GAC/CH,EAAQ;EACV;CACF,GAEMM,KAAsB,MAA8C;EAGxE,AAFAP,EAAaQ,CAAgB,GAC7BpB,EAAgB,IAAI,GACpBa,EAAQ;CACV,GAEMQ,IAAkB,OACtB,GACA,MACG;EACH,IAAI;GAGF,AAFA,MAAMC,EAAYC,GAAUC,CAAY,GACxCrB,EAAiB,EAAK,GACtBU,EAAQ;EACV,SAASY,GAAO;GACd,QAAQ,MAAM,mCAAmCA,CAAK;EACxD;CACF,GAEMC,UAAqB;EAGzB,AAFA1B,EAAgB,IAAI,GACpBG,EAAiB,EAAK,GACtBU,EAAQ;CACV;CAIA,OAFKP,IAGH,kBAAC,OAAD;EAAK,WAAU;EACZ,UAAAJ,IACC,kBAACyB,GAAD;GACE,aAAaN;GACb,UAAUK;GACM;GACH;GACM;GACC;GAEnB;EACS,CAAA,IACV3B,IACF,kBAAC6B,GAAD;GAEgB;GACd,OAAOT;GACP,UAAUO;GACM;GACK;EACtB,GANM,OAAO3B,EAAa,MAAM,KAAK,CAMrC,IAED,kBAAC8B,GAAD;GACU;GACE;GACV,cAAcpB;GACd,aAAaK;GACM;GACnB,mBAAmBX,EAAiB,EAAI;GACzB;GACE;EAClB,CAAA;CAEA,CAAA,IApCa;AAsCtB,CACF;AAEA,EAAoB,cAAc"}

package/dist/tools/components/priority-queue/PriorityCard.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs"),n=require("../../../ui/components/ui/button-components.cjs"),r=require("../../../ui/components/ui/avatar.cjs"),i=require("../../../ui/components/ui/badge-components.cjs"),a=require("../../../ui/components/ui/card.cjs"),o=require("../../../ui/components/ui/collapsible.cjs"),s=require("../../../ui/components/ui/dropdown-menu.cjs"),c=require("../../../ui/components/ui/slider.cjs"),l=require("./types.cjs");let u=require("react/jsx-runtime"),d=require("react");d=e.__toESM(d,1);let f=require("lucide-react"),p=require("date-fns");function m(e){return e>=15?`text-destructive`:e>=10?`text-orange-600 dark:text-orange-400`:e>=5?`text-yellow-600 dark:text-yellow-400`:`text-muted-foreground`}function h(e){return e>=15?`bg-destructive/5`:e>=10?`bg-orange-50/50 dark:bg-orange-950/10`:``}var g=d.forwardRef(({task:e,rank:g,onClick:_,onComplete:v,onSnooze:y,onFactorsUpdate:b,snoozeOptions:x=l.DEFAULT_SNOOZE_OPTIONS,testId:S,readOnly:C=!1,expanded:w,onExpandedChange:T},E)=>{let[D,O]=d.useState(!1),k=w??D,A=T??O,[j,M]=d.useState({impact:e.impact||5,effort:e.effort||5,risk:e.risk||0}),N=e.score??0,P=e.due_date&&new Date(e.due_date)<new Date,F=(e,t)=>{let n={...j,[e]:t};M(n),b?.(n)};return(0,u.jsxs)(a.Card,{ref:E,"data-slot":`priority-card`,"data-testid":S,"data-rank":g,"data-score":N,className:t.cn(`transition-all duration-200`,h(N),g===1&&`ring-2 ring-primary shadow-md bg-gradient-to-r from-primary/5 to-transparent`,_&&`cursor-pointer hover:shadow-md`),onClick:_,children:[(0,u.jsx)(a.CardHeader,{className:`p-3 pb-2`,children:(0,u.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,u.jsx)(`div`,{"data-slot":`priority-rank`,className:t.cn(`flex items-center justify-center w-8 h-8 rounded-full text-sm font-bold`,g===1?`bg-primary text-primary-foreground`:g<=3?`bg-muted text-foreground`:`bg-muted/50 text-muted-foreground`),children:g}),(0,u.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between gap-2 mb-1`,children:[e.project?.name&&(0,u.jsx)(i.Badge,{variant:`outline`,className:`text-[10px] px-1.5 py-0 font-normal shrink-0`,style:{borderColor:e.project.color,color:e.project.color},children:e.project.name}),(0,u.jsxs)(`div`,{"data-slot":`priority-score`,className:t.cn(`flex items-center gap-1 text-sm font-bold`,m(N)),children:[(0,u.jsx)(f.Zap,{className:`w-3 h-3`}),N.toFixed(1)]})]}),(0,u.jsx)(a.CardTitle,{className:`text-sm font-medium leading-snug line-clamp-2`,children:e.title}),(0,u.jsxs)(`div`,{className:`flex items-center gap-2 mt-2 text-xs text-muted-foreground`,children:[e.due_date&&(0,u.jsxs)(`span`,{className:t.cn(`flex items-center gap-0.5`,P&&`text-destructive font-medium`),children:[(0,u.jsx)(f.Clock,{className:`w-3 h-3`}),(0,p.formatDistanceToNow)(new Date(e.due_date),{addSuffix:!0})]}),e.assignee&&(0,u.jsxs)(r.Avatar,{className:`h-4 w-4`,children:[e.assignee.avatar&&(0,u.jsx)(r.AvatarImage,{src:e.assignee.avatar}),(0,u.jsx)(r.AvatarFallback,{className:`text-[8px]`,children:e.assignee.name?.[0]})]})]})]}),!C&&(0,u.jsxs)(`div`,{"data-slot":`priority-actions`,className:`flex gap-1`,onClick:e=>e.stopPropagation(),children:[(0,u.jsx)(n.Button,{size:`icon`,variant:`ghost`,className:`h-7 w-7`,onClick:v,testId:S?`${S}-complete`:void 0,children:(0,u.jsx)(f.Check,{className:`h-4 w-4 text-green-600`})}),(0,u.jsxs)(s.DropdownMenu,{children:[(0,u.jsx)(s.DropdownMenuTrigger,{className:`inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-7 w-7`,"data-testid":S?`${S}-snooze`:void 0,children:(0,u.jsx)(f.Pause,{className:`h-4 w-4 text-muted-foreground`})}),(0,u.jsx)(s.DropdownMenuContent,{align:`end`,children:x.map(e=>(0,u.jsx)(s.DropdownMenuItem,{onClick:()=>y?.(e.minutes),children:e.label},e.minutes))})]})]})]})}),!C&&b&&(0,u.jsxs)(o.Collapsible,{open:k,onOpenChange:A,children:[(0,u.jsxs)(o.CollapsibleTrigger,{className:`w-full h-6 flex items-center justify-center text-xs text-muted-foreground hover:bg-muted/50 transition-colors`,"data-testid":S?`${S}-expand`:void 0,onClick:e=>e.stopPropagation(),children:[(0,u.jsx)(f.Sparkles,{className:`w-3 h-3 mr-1`}),`Adjust Factors`,k?(0,u.jsx)(f.ChevronUp,{className:`w-3 h-3 ml-1`}):(0,u.jsx)(f.ChevronDown,{className:`w-3 h-3 ml-1`})]}),(0,u.jsx)(o.CollapsibleContent,{children:(0,u.jsxs)(a.CardContent,{"data-slot":`priority-factors`,className:`p-3 pt-2 space-y-3 border-t`,onClick:e=>e.stopPropagation(),children:[(0,u.jsxs)(`div`,{className:`space-y-1`,children:[(0,u.jsxs)(`div`,{className:`flex justify-between text-xs`,children:[(0,u.jsx)(`span`,{className:`text-muted-foreground`,children:`Impact`}),(0,u.jsx)(`span`,{className:`font-medium`,children:j.impact})]}),(0,u.jsx)(c.Slider,{value:[j.impact],min:1,max:10,step:1,onValueChange:e=>{let t=Array.isArray(e)?e[0]:e;F(`impact`,t)}})]}),(0,u.jsxs)(`div`,{className:`space-y-1`,children:[(0,u.jsxs)(`div`,{className:`flex justify-between text-xs`,children:[(0,u.jsx)(`span`,{className:`text-muted-foreground`,children:`Effort`}),(0,u.jsx)(`span`,{className:`font-medium`,children:j.effort})]}),(0,u.jsx)(c.Slider,{value:[j.effort],min:1,max:10,step:1,onValueChange:e=>{let t=Array.isArray(e)?e[0]:e;F(`effort`,t)}})]}),(0,u.jsxs)(`div`,{className:`space-y-1`,children:[(0,u.jsxs)(`div`,{className:`flex justify-between text-xs`,children:[(0,u.jsx)(`span`,{className:`text-muted-foreground`,children:`Risk`}),(0,u.jsx)(`span`,{className:`font-medium`,children:j.risk})]}),(0,u.jsx)(c.Slider,{value:[j.risk],min:0,max:10,step:1,onValueChange:e=>{let t=Array.isArray(e)?e[0]:e;F(`risk`,t)}})]})]})})]})]})});g.displayName=`PriorityCard`,exports.PriorityCard=g;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs"),n=require("../../../ui/components/ui/button-components.cjs"),r=require("../../../ui/components/ui/avatar.cjs"),i=require("../../../ui/components/ui/badge-components.cjs"),a=require("../../../ui/components/ui/card.cjs"),o=require("../../../ui/components/ui/collapsible.cjs"),s=require("../../../ui/components/ui/dropdown-menu.cjs"),c=require("../../../ui/components/ui/slider.cjs"),l=require("./types.cjs");let u=require("react/jsx-runtime"),d=require("react");d=e.__toESM(d,1);let f=require("lucide-react"),p=require("date-fns");function m(e){return e>=15?`text-destructive`:e>=10?`text-orange-700 dark:text-orange-400`:e>=5?`text-yellow-800 dark:text-yellow-400`:`text-muted-foreground`}function h(e){return e>=15?`bg-destructive/5`:e>=10?`bg-orange-50/50 dark:bg-orange-950/10`:``}function g({ref:e,task:g,rank:_,onClick:v,onComplete:y,onSnooze:b,onFactorsUpdate:x,snoozeOptions:S=l.DEFAULT_SNOOZE_OPTIONS,testId:C,readOnly:w=!1,expanded:T,onExpandedChange:E}){let[D,O]=d.useState(!1),k=T??D,A=E??O,[j,M]=d.useState({impact:g.impact||5,effort:g.effort||5,risk:g.risk||0}),N=g.score??0,P=g.due_date&&new Date(g.due_date)<new Date,F=(e,t)=>{let n={...j,[e]:t};M(n),x?.(n)};return(0,u.jsxs)(a.Card,{ref:e,"data-slot":`priority-card`,"data-testid":C,"data-rank":_,"data-score":N,className:t.cn(`transition-all duration-200`,h(N),_===1&&`ring-2 ring-primary shadow-md bg-gradient-to-r from-primary/5 to-transparent`,v&&`cursor-pointer hover:shadow-md`),onClick:v,children:[(0,u.jsx)(a.CardHeader,{className:`p-3 pb-2`,children:(0,u.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,u.jsx)(`div`,{"data-slot":`priority-rank`,className:t.cn(`flex items-center justify-center w-8 h-8 rounded-full text-sm font-bold`,_===1?`bg-primary text-primary-foreground`:_<=3?`bg-muted text-foreground`:`bg-muted/50 text-muted-foreground`),children:_}),(0,u.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between gap-2 mb-1`,children:[g.project?.name&&(0,u.jsx)(i.Badge,{variant:`outline`,className:`text-[10px] px-1.5 py-0 font-normal shrink-0`,style:{borderColor:g.project.color,color:g.project.color},children:g.project.name}),(0,u.jsxs)(`div`,{"data-slot":`priority-score`,className:t.cn(`flex items-center gap-1 text-sm font-bold`,m(N)),children:[(0,u.jsx)(f.Zap,{className:`w-3 h-3`}),N.toFixed(1)]})]}),(0,u.jsx)(a.CardTitle,{className:`text-sm font-medium leading-snug line-clamp-2`,children:g.title}),(0,u.jsxs)(`div`,{className:`flex items-center gap-2 mt-2 text-xs text-muted-foreground`,children:[g.due_date&&(0,u.jsxs)(`span`,{className:t.cn(`flex items-center gap-0.5`,P&&`text-destructive font-medium`),children:[(0,u.jsx)(f.Clock,{className:`w-3 h-3`}),(0,p.formatDistanceToNow)(new Date(g.due_date),{addSuffix:!0})]}),g.assignee&&(0,u.jsxs)(r.Avatar,{className:`h-4 w-4`,children:[g.assignee.avatar&&(0,u.jsx)(r.AvatarImage,{src:g.assignee.avatar}),(0,u.jsx)(r.AvatarFallback,{className:`text-[8px]`,children:g.assignee.name?.[0]})]})]})]}),!w&&(0,u.jsxs)(`div`,{"data-slot":`priority-actions`,className:`flex gap-1`,onClick:e=>e.stopPropagation(),children:[(0,u.jsx)(n.Button,{size:`icon`,variant:`ghost`,className:`h-7 w-7`,"aria-label":`Complete ${g.title}`,onClick:y,testId:C?`${C}-complete`:void 0,children:(0,u.jsx)(f.Check,{className:`h-4 w-4 text-green-600`})}),(0,u.jsxs)(s.DropdownMenu,{children:[(0,u.jsx)(s.DropdownMenuTrigger,{"aria-label":`Snooze ${g.title}`,className:`inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-7 w-7`,"data-testid":C?`${C}-snooze`:void 0,children:(0,u.jsx)(f.Pause,{className:`h-4 w-4 text-muted-foreground`})}),(0,u.jsx)(s.DropdownMenuContent,{align:`end`,children:S.map(e=>(0,u.jsx)(s.DropdownMenuItem,{onClick:()=>b?.(e.minutes),children:e.label},e.minutes))})]})]})]})}),!w&&x&&(0,u.jsxs)(o.Collapsible,{open:k,onOpenChange:A,children:[(0,u.jsxs)(o.CollapsibleTrigger,{className:`w-full h-6 flex items-center justify-center text-xs text-muted-foreground hover:bg-muted/50 transition-colors`,"data-testid":C?`${C}-expand`:void 0,onClick:e=>e.stopPropagation(),children:[(0,u.jsx)(f.Sparkles,{className:`w-3 h-3 mr-1`}),`Adjust Factors`,k?(0,u.jsx)(f.ChevronUp,{className:`w-3 h-3 ml-1`}):(0,u.jsx)(f.ChevronDown,{className:`w-3 h-3 ml-1`})]}),(0,u.jsx)(o.CollapsibleContent,{children:(0,u.jsxs)(a.CardContent,{"data-slot":`priority-factors`,className:`p-3 pt-2 space-y-3 border-t`,onClick:e=>e.stopPropagation(),children:[(0,u.jsxs)(`div`,{className:`space-y-1`,children:[(0,u.jsxs)(`div`,{className:`flex justify-between text-xs`,children:[(0,u.jsx)(`span`,{className:`text-muted-foreground`,children:`Impact`}),(0,u.jsx)(`span`,{className:`font-medium`,children:j.impact})]}),(0,u.jsx)(c.Slider,{value:[j.impact],min:1,max:10,step:1,onValueChange:e=>{let t=Array.isArray(e)?e[0]:e;F(`impact`,t)}})]}),(0,u.jsxs)(`div`,{className:`space-y-1`,children:[(0,u.jsxs)(`div`,{className:`flex justify-between text-xs`,children:[(0,u.jsx)(`span`,{className:`text-muted-foreground`,children:`Effort`}),(0,u.jsx)(`span`,{className:`font-medium`,children:j.effort})]}),(0,u.jsx)(c.Slider,{value:[j.effort],min:1,max:10,step:1,onValueChange:e=>{let t=Array.isArray(e)?e[0]:e;F(`effort`,t)}})]}),(0,u.jsxs)(`div`,{className:`space-y-1`,children:[(0,u.jsxs)(`div`,{className:`flex justify-between text-xs`,children:[(0,u.jsx)(`span`,{className:`text-muted-foreground`,children:`Risk`}),(0,u.jsx)(`span`,{className:`font-medium`,children:j.risk})]}),(0,u.jsx)(c.Slider,{value:[j.risk],min:0,max:10,step:1,onValueChange:e=>{let t=Array.isArray(e)?e[0]:e;F(`risk`,t)}})]})]})})]})]})}g.displayName=`PriorityCard`,exports.PriorityCard=g;
 //# sourceMappingURL=PriorityCard.cjs.map

package/dist/tools/components/priority-queue/PriorityCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PriorityCard.cjs","names":["React","DEFAULT_SNOOZE_OPTIONS","Card","cn","CardHeader","Badge","Zap","CardTitle","Clock","formatDistanceToNow","Avatar","AvatarImage","AvatarFallback","Button","Check","DropdownMenu","DropdownMenuTrigger","Pause","DropdownMenuContent","DropdownMenuItem","Collapsible","CollapsibleTrigger","Sparkles","ChevronUp","ChevronDown","CollapsibleContent","CardContent","Slider","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","require_ui_components_ui_avatar","require_ui_components_ui_badge_components","require_ui_components_ui_card","require_ui_components_ui_collapsible","require_ui_components_ui_dropdown_menu","require_ui_components_ui_slider","require_tools_components_priority_queue_types","react_jsx_runtime","react","lucide_react","date_fns","getScoreColor","score","getScoreBg","PriorityCard","controlledExpanded","localExpanded","setLocalExpanded","expanded","setExpanded","onExpandedChange","factors","setFactors","task","isOverdue","handleFactorChange","newFactors","field","value","onFactorsUpdate","testId","rank","onClick","readOnly","onComplete","snoozeOptions","onSnooze","opt","v","val"],"sources":["../../../../src/tools/components/priority-queue/PriorityCard.tsx"],"sourcesContent":["/**\n * Priority Card Component\n *\n * Focus Mode 用の優先度タスクカード\n */\n\nimport * as React from 'react';\nimport { formatDistanceToNow } from 'date-fns';\nimport { Check, ChevronDown, ChevronUp, Clock, Pause, Sparkles, Zap } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card';\nimport { Badge } from '../ui/badge';\nimport { Button } from '../ui/button';\nimport { Slider } from '../ui/slider';\nimport { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../ui/dropdown-menu';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';\nimport type { PriorityCardProps } from './types';\nimport { DEFAULT_SNOOZE_OPTIONS } from './types';\n\n/**\n * スコアに応じた色クラス\n */\nfunction getScoreColor(score: number): string {\n  if (score >= 15) return 'text-destructive';\n  if (score >= 10) return 'text-orange-600 dark:text-orange-400';\n  if (score >= 5) return 'text-yellow-600 dark:text-yellow-400';\n  return 'text-muted-foreground';\n}\n\n/**\n * スコアに応じた背景\n */\nfunction getScoreBg(score: number): string {\n  if (score >= 15) return 'bg-destructive/5';\n  if (score >= 10) return 'bg-orange-50/50 dark:bg-orange-950/10';\n  return '';\n}\n\n/**\n * 優先度カード\n */\nexport const PriorityCard = React.forwardRef<HTMLDivElement, PriorityCardProps>(\n  (\n    {\n      task,\n      rank,\n      onClick,\n      onComplete,\n      onSnooze,\n      onFactorsUpdate,\n      snoozeOptions = DEFAULT_SNOOZE_OPTIONS,\n      testId,\n      readOnly = false,\n      expanded: controlledExpanded,\n      onExpandedChange,\n    },\n    ref,\n  ) => {\n    const [localExpanded, setLocalExpanded] = React.useState(false);\n    const expanded = controlledExpanded ?? localExpanded;\n    const setExpanded = onExpandedChange ?? setLocalExpanded;\n\n    const [factors, setFactors] = React.useState({\n      impact: task.impact || 5,\n      effort: task.effort || 5,\n      risk: task.risk || 0,\n    });\n\n    const score = task.score ?? 0;\n    const isOverdue = task.due_date && new Date(task.due_date) < new Date();\n\n    const handleFactorChange = (field: 'impact' | 'effort' | 'risk', value: number) => {\n      const newFactors = { ...factors, [field]: value };\n      setFactors(newFactors);\n      onFactorsUpdate?.(newFactors);\n    };\n\n    return (\n      <Card\n        ref={ref}\n        data-slot='priority-card'\n        data-testid={testId}\n        data-rank={rank}\n        data-score={score}\n        className={cn(\n          'transition-all duration-200',\n          getScoreBg(score),\n          rank === 1 &&\n            'ring-2 ring-primary shadow-md bg-gradient-to-r from-primary/5 to-transparent',\n          onClick && 'cursor-pointer hover:shadow-md',\n        )}\n        onClick={onClick}\n      >\n        <CardHeader className='p-3 pb-2'>\n          <div className='flex items-start gap-3'>\n            {/* ランク */}\n            <div\n              data-slot='priority-rank'\n              className={cn(\n                'flex items-center justify-center w-8 h-8 rounded-full text-sm font-bold',\n                rank === 1\n                  ? 'bg-primary text-primary-foreground'\n                  : rank <= 3\n                    ? 'bg-muted text-foreground'\n                    : 'bg-muted/50 text-muted-foreground',\n              )}\n            >\n              {rank}\n            </div>\n\n            {/* コンテンツ */}\n            <div className='flex-1 min-w-0'>\n              <div className='flex items-center justify-between gap-2 mb-1'>\n                {/* プロジェクト */}\n                {task.project?.name && (\n                  <Badge\n                    variant='outline'\n                    className='text-[10px] px-1.5 py-0 font-normal shrink-0'\n                    style={{\n                      borderColor: task.project.color,\n                      color: task.project.color,\n                    }}\n                  >\n                    {task.project.name}\n                  </Badge>\n                )}\n\n                {/* スコア */}\n                <div\n                  data-slot='priority-score'\n                  className={cn('flex items-center gap-1 text-sm font-bold', getScoreColor(score))}\n                >\n                  <Zap className='w-3 h-3' />\n                  {score.toFixed(1)}\n                </div>\n              </div>\n\n              <CardTitle className='text-sm font-medium leading-snug line-clamp-2'>\n                {task.title}\n              </CardTitle>\n\n              {/* メタ情報 */}\n              <div className='flex items-center gap-2 mt-2 text-xs text-muted-foreground'>\n                {task.due_date && (\n                  <span\n                    className={cn(\n                      'flex items-center gap-0.5',\n                      isOverdue && 'text-destructive font-medium',\n                    )}\n                  >\n                    <Clock className='w-3 h-3' />\n                    {formatDistanceToNow(new Date(task.due_date), {\n                      addSuffix: true,\n                    })}\n                  </span>\n                )}\n                {task.assignee && (\n                  <Avatar className='h-4 w-4'>\n                    {task.assignee.avatar && <AvatarImage src={task.assignee.avatar} />}\n                    <AvatarFallback className='text-[8px]'>\n                      {task.assignee.name?.[0]}\n                    </AvatarFallback>\n                  </Avatar>\n                )}\n              </div>\n            </div>\n\n            {/* アクション */}\n            {!readOnly && (\n              <div\n                data-slot='priority-actions'\n                className='flex gap-1'\n                onClick={(e) => e.stopPropagation()}\n              >\n                <Button\n                  size='icon'\n                  variant='ghost'\n                  className='h-7 w-7'\n                  onClick={onComplete}\n                  testId={testId ? `${testId}-complete` : undefined}\n                >\n                  <Check className='h-4 w-4 text-green-600' />\n                </Button>\n\n                <DropdownMenu>\n                  <DropdownMenuTrigger\n                    className='inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-7 w-7'\n                    data-testid={testId ? `${testId}-snooze` : undefined}\n                  >\n                    <Pause className='h-4 w-4 text-muted-foreground' />\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent align='end'>\n                    {snoozeOptions.map((opt) => (\n                      <DropdownMenuItem key={opt.minutes} onClick={() => onSnooze?.(opt.minutes)}>\n                        {opt.label}\n                      </DropdownMenuItem>\n                    ))}\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              </div>\n            )}\n          </div>\n        </CardHeader>\n\n        {/* ファクターエディター */}\n        {!readOnly && onFactorsUpdate && (\n          <Collapsible open={expanded} onOpenChange={setExpanded}>\n            <CollapsibleTrigger\n              className='w-full h-6 flex items-center justify-center text-xs text-muted-foreground hover:bg-muted/50 transition-colors'\n              data-testid={testId ? `${testId}-expand` : undefined}\n              onClick={(e) => e.stopPropagation()}\n            >\n              <Sparkles className='w-3 h-3 mr-1' />\n              Adjust Factors\n              {expanded ? (\n                <ChevronUp className='w-3 h-3 ml-1' />\n              ) : (\n                <ChevronDown className='w-3 h-3 ml-1' />\n              )}\n            </CollapsibleTrigger>\n            <CollapsibleContent>\n              <CardContent\n                data-slot='priority-factors'\n                className='p-3 pt-2 space-y-3 border-t'\n                onClick={(e) => e.stopPropagation()}\n              >\n                {/* Impact */}\n                <div className='space-y-1'>\n                  <div className='flex justify-between text-xs'>\n                    <span className='text-muted-foreground'>Impact</span>\n                    <span className='font-medium'>{factors.impact}</span>\n                  </div>\n                  <Slider\n                    value={[factors.impact]}\n                    min={1}\n                    max={10}\n                    step={1}\n                    onValueChange={(val) => {\n                      const v = Array.isArray(val) ? val[0] : val;\n                      handleFactorChange('impact', v as number);\n                    }}\n                  />\n                </div>\n\n                {/* Effort */}\n                <div className='space-y-1'>\n                  <div className='flex justify-between text-xs'>\n                    <span className='text-muted-foreground'>Effort</span>\n                    <span className='font-medium'>{factors.effort}</span>\n                  </div>\n                  <Slider\n                    value={[factors.effort]}\n                    min={1}\n                    max={10}\n                    step={1}\n                    onValueChange={(val) => {\n                      const v = Array.isArray(val) ? val[0] : val;\n                      handleFactorChange('effort', v as number);\n                    }}\n                  />\n                </div>\n\n                {/* Risk */}\n                <div className='space-y-1'>\n                  <div className='flex justify-between text-xs'>\n                    <span className='text-muted-foreground'>Risk</span>\n                    <span className='font-medium'>{factors.risk}</span>\n                  </div>\n                  <Slider\n                    value={[factors.risk]}\n                    min={0}\n                    max={10}\n                    step={1}\n                    onValueChange={(val) => {\n                      const v = Array.isArray(val) ? val[0] : val;\n                      handleFactorChange('risk', v as number);\n                    }}\n                  />\n                </div>\n              </CardContent>\n            </CollapsibleContent>\n          </Collapsible>\n        )}\n      </Card>\n    );\n  },\n);\n\nPriorityCard.displayName = 'PriorityCard';\n"],"mappings":"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"}
+{"version":3,"file":"PriorityCard.cjs","names":["DEFAULT_SNOOZE_OPTIONS","React","Card","cn","CardHeader","Badge","Zap","CardTitle","Clock","formatDistanceToNow","Avatar","AvatarImage","AvatarFallback","Button","Check","DropdownMenu","DropdownMenuTrigger","Pause","DropdownMenuContent","DropdownMenuItem","Collapsible","CollapsibleTrigger","Sparkles","ChevronUp","ChevronDown","CollapsibleContent","CardContent","Slider","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","require_ui_components_ui_avatar","require_ui_components_ui_badge_components","require_ui_components_ui_card","require_ui_components_ui_collapsible","require_ui_components_ui_dropdown_menu","require_ui_components_ui_slider","require_tools_components_priority_queue_types","react_jsx_runtime","react","lucide_react","date_fns","getScoreColor","score","getScoreBg","PriorityCard","controlledExpanded","localExpanded","setLocalExpanded","expanded","setExpanded","onExpandedChange","factors","setFactors","task","isOverdue","handleFactorChange","newFactors","field","value","onFactorsUpdate","testId","rank","onClick","readOnly","onComplete","snoozeOptions","onSnooze","opt","v","val"],"sources":["../../../../src/tools/components/priority-queue/PriorityCard.tsx"],"sourcesContent":["/**\n * Priority Card Component\n *\n * Focus Mode 用の優先度タスクカード\n */\n\nimport * as React from 'react';\nimport { formatDistanceToNow } from 'date-fns';\nimport { Check, ChevronDown, ChevronUp, Clock, Pause, Sparkles, Zap } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card';\nimport { Badge } from '../ui/badge';\nimport { Button } from '../ui/button';\nimport { Slider } from '../ui/slider';\nimport { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../ui/dropdown-menu';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';\nimport type { PriorityCardProps } from './types';\nimport { DEFAULT_SNOOZE_OPTIONS } from './types';\n\n/**\n * スコアに応じた色クラス\n */\nfunction getScoreColor(score: number): string {\n  if (score >= 15) return 'text-destructive';\n  if (score >= 10) return 'text-orange-700 dark:text-orange-400';\n  if (score >= 5) return 'text-yellow-800 dark:text-yellow-400';\n  return 'text-muted-foreground';\n}\n\n/**\n * スコアに応じた背景\n */\nfunction getScoreBg(score: number): string {\n  if (score >= 15) return 'bg-destructive/5';\n  if (score >= 10) return 'bg-orange-50/50 dark:bg-orange-950/10';\n  return '';\n}\n\n/**\n * 優先度カード\n */\nexport function PriorityCard({\n  ref,\n  task,\n  rank,\n  onClick,\n  onComplete,\n  onSnooze,\n  onFactorsUpdate,\n  snoozeOptions = DEFAULT_SNOOZE_OPTIONS,\n  testId,\n  readOnly = false,\n  expanded: controlledExpanded,\n  onExpandedChange,\n}: React.PropsWithoutRef<PriorityCardProps> & React.RefAttributes<HTMLDivElement>) {\n  const [localExpanded, setLocalExpanded] = React.useState(false);\n  const expanded = controlledExpanded ?? localExpanded;\n  const setExpanded = onExpandedChange ?? setLocalExpanded;\n\n  const [factors, setFactors] = React.useState({\n    impact: task.impact || 5,\n    effort: task.effort || 5,\n    risk: task.risk || 0,\n  });\n\n  const score = task.score ?? 0;\n  const isOverdue = task.due_date && new Date(task.due_date) < new Date();\n\n  const handleFactorChange = (field: 'impact' | 'effort' | 'risk', value: number) => {\n    const newFactors = { ...factors, [field]: value };\n    setFactors(newFactors);\n    onFactorsUpdate?.(newFactors);\n  };\n\n  return (\n    <Card\n      ref={ref}\n      data-slot='priority-card'\n      data-testid={testId}\n      data-rank={rank}\n      data-score={score}\n      className={cn(\n        'transition-all duration-200',\n        getScoreBg(score),\n        rank === 1 &&\n          'ring-2 ring-primary shadow-md bg-gradient-to-r from-primary/5 to-transparent',\n        onClick && 'cursor-pointer hover:shadow-md',\n      )}\n      onClick={onClick}\n    >\n      <CardHeader className='p-3 pb-2'>\n        <div className='flex items-start gap-3'>\n          {/* ランク */}\n          <div\n            data-slot='priority-rank'\n            className={cn(\n              'flex items-center justify-center w-8 h-8 rounded-full text-sm font-bold',\n              rank === 1\n                ? 'bg-primary text-primary-foreground'\n                : rank <= 3\n                  ? 'bg-muted text-foreground'\n                  : 'bg-muted/50 text-muted-foreground',\n            )}\n          >\n            {rank}\n          </div>\n\n          {/* コンテンツ */}\n          <div className='flex-1 min-w-0'>\n            <div className='flex items-center justify-between gap-2 mb-1'>\n              {/* プロジェクト */}\n              {task.project?.name && (\n                <Badge\n                  variant='outline'\n                  className='text-[10px] px-1.5 py-0 font-normal shrink-0'\n                  style={{\n                    borderColor: task.project.color,\n                    color: task.project.color,\n                  }}\n                >\n                  {task.project.name}\n                </Badge>\n              )}\n\n              {/* スコア */}\n              <div\n                data-slot='priority-score'\n                className={cn('flex items-center gap-1 text-sm font-bold', getScoreColor(score))}\n              >\n                <Zap className='w-3 h-3' />\n                {score.toFixed(1)}\n              </div>\n            </div>\n\n            <CardTitle className='text-sm font-medium leading-snug line-clamp-2'>\n              {task.title}\n            </CardTitle>\n\n            {/* メタ情報 */}\n            <div className='flex items-center gap-2 mt-2 text-xs text-muted-foreground'>\n              {task.due_date && (\n                <span\n                  className={cn(\n                    'flex items-center gap-0.5',\n                    isOverdue && 'text-destructive font-medium',\n                  )}\n                >\n                  <Clock className='w-3 h-3' />\n                  {formatDistanceToNow(new Date(task.due_date), {\n                    addSuffix: true,\n                  })}\n                </span>\n              )}\n              {task.assignee && (\n                <Avatar className='h-4 w-4'>\n                  {task.assignee.avatar && <AvatarImage src={task.assignee.avatar} />}\n                  <AvatarFallback className='text-[8px]'>{task.assignee.name?.[0]}</AvatarFallback>\n                </Avatar>\n              )}\n            </div>\n          </div>\n\n          {/* アクション */}\n          {!readOnly && (\n            <div\n              data-slot='priority-actions'\n              className='flex gap-1'\n              onClick={(e) => e.stopPropagation()}\n            >\n              <Button\n                size='icon'\n                variant='ghost'\n                className='h-7 w-7'\n                aria-label={`Complete ${task.title}`}\n                onClick={onComplete}\n                testId={testId ? `${testId}-complete` : undefined}\n              >\n                <Check className='h-4 w-4 text-green-600' />\n              </Button>\n\n              <DropdownMenu>\n                <DropdownMenuTrigger\n                  aria-label={`Snooze ${task.title}`}\n                  className='inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-7 w-7'\n                  data-testid={testId ? `${testId}-snooze` : undefined}\n                >\n                  <Pause className='h-4 w-4 text-muted-foreground' />\n                </DropdownMenuTrigger>\n                <DropdownMenuContent align='end'>\n                  {snoozeOptions.map((opt) => (\n                    <DropdownMenuItem key={opt.minutes} onClick={() => onSnooze?.(opt.minutes)}>\n                      {opt.label}\n                    </DropdownMenuItem>\n                  ))}\n                </DropdownMenuContent>\n              </DropdownMenu>\n            </div>\n          )}\n        </div>\n      </CardHeader>\n\n      {/* ファクターエディター */}\n      {!readOnly && onFactorsUpdate && (\n        <Collapsible open={expanded} onOpenChange={setExpanded}>\n          <CollapsibleTrigger\n            className='w-full h-6 flex items-center justify-center text-xs text-muted-foreground hover:bg-muted/50 transition-colors'\n            data-testid={testId ? `${testId}-expand` : undefined}\n            onClick={(e) => e.stopPropagation()}\n          >\n            <Sparkles className='w-3 h-3 mr-1' />\n            Adjust Factors\n            {expanded ? (\n              <ChevronUp className='w-3 h-3 ml-1' />\n            ) : (\n              <ChevronDown className='w-3 h-3 ml-1' />\n            )}\n          </CollapsibleTrigger>\n          <CollapsibleContent>\n            <CardContent\n              data-slot='priority-factors'\n              className='p-3 pt-2 space-y-3 border-t'\n              onClick={(e) => e.stopPropagation()}\n            >\n              {/* Impact */}\n              <div className='space-y-1'>\n                <div className='flex justify-between text-xs'>\n                  <span className='text-muted-foreground'>Impact</span>\n                  <span className='font-medium'>{factors.impact}</span>\n                </div>\n                <Slider\n                  value={[factors.impact]}\n                  min={1}\n                  max={10}\n                  step={1}\n                  onValueChange={(val) => {\n                    const v = Array.isArray(val) ? val[0] : val;\n                    handleFactorChange('impact', v as number);\n                  }}\n                />\n              </div>\n\n              {/* Effort */}\n              <div className='space-y-1'>\n                <div className='flex justify-between text-xs'>\n                  <span className='text-muted-foreground'>Effort</span>\n                  <span className='font-medium'>{factors.effort}</span>\n                </div>\n                <Slider\n                  value={[factors.effort]}\n                  min={1}\n                  max={10}\n                  step={1}\n                  onValueChange={(val) => {\n                    const v = Array.isArray(val) ? val[0] : val;\n                    handleFactorChange('effort', v as number);\n                  }}\n                />\n              </div>\n\n              {/* Risk */}\n              <div className='space-y-1'>\n                <div className='flex justify-between text-xs'>\n                  <span className='text-muted-foreground'>Risk</span>\n                  <span className='font-medium'>{factors.risk}</span>\n                </div>\n                <Slider\n                  value={[factors.risk]}\n                  min={0}\n                  max={10}\n                  step={1}\n                  onValueChange={(val) => {\n                    const v = Array.isArray(val) ? val[0] : val;\n                    handleFactorChange('risk', v as number);\n                  }}\n                />\n              </div>\n            </CardContent>\n          </CollapsibleContent>\n        </Collapsible>\n      )}\n    </Card>\n  );\n}\n\nPriorityCard.displayName = 'PriorityCard';\n"],"mappings":"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"}

package/dist/tools/components/priority-queue/PriorityCard.d.cts

@@ -8,4 +8,7 @@ import * as React from 'react';
 /**
  * 優先度カード
  */
-export declare const PriorityCard: React.ForwardRefExoticComponent<PriorityCardProps & React.RefAttributes<HTMLDivElement>>;
+export declare function PriorityCard({ ref, task, rank, onClick, onComplete, onSnooze, onFactorsUpdate, snoozeOptions, testId, readOnly, expanded: controlledExpanded, onExpandedChange, }: React.PropsWithoutRef<PriorityCardProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace PriorityCard {
+    var displayName: string;
+}

package/dist/tools/components/priority-queue/PriorityCard.d.ts

@@ -8,4 +8,7 @@ import * as React from 'react';
 /**
  * 優先度カード
  */
-export declare const PriorityCard: React.ForwardRefExoticComponent<PriorityCardProps & React.RefAttributes<HTMLDivElement>>;
+export declare function PriorityCard({ ref, task, rank, onClick, onComplete, onSnooze, onFactorsUpdate, snoozeOptions, testId, readOnly, expanded: controlledExpanded, onExpandedChange, }: React.PropsWithoutRef<PriorityCardProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace PriorityCard {
+    var displayName: string;
+}

package/dist/tools/components/priority-queue/PriorityCard.js

@@ -14,31 +14,31 @@ import { Check as S, ChevronDown as C, ChevronUp as w, Clock as T, Pause as E, S
 import { formatDistanceToNow as k } from "date-fns";
 //#region src/tools/components/priority-queue/PriorityCard.tsx
 function A(e) {
-	return e >= 15 ? "text-destructive" : e >= 10 ? "text-orange-600 dark:text-orange-400" : e >= 5 ? "text-yellow-600 dark:text-yellow-400" : "text-muted-foreground";
+	return e >= 15 ? "text-destructive" : e >= 10 ? "text-orange-700 dark:text-orange-400" : e >= 5 ? "text-yellow-800 dark:text-yellow-400" : "text-muted-foreground";
 }
 function j(e) {
 	return e >= 15 ? "bg-destructive/5" : e >= 10 ? "bg-orange-50/50 dark:bg-orange-950/10" : "";
 }
-var M = x.forwardRef(({ task: M, rank: N, onClick: P, onComplete: F, onSnooze: I, onFactorsUpdate: L, snoozeOptions: R = v, testId: z, readOnly: B = !1, expanded: V, onExpandedChange: H }, U) => {
-	let [W, G] = x.useState(!1), K = V ?? W, q = H ?? G, [J, Y] = x.useState({
-		impact: M.impact || 5,
-		effort: M.effort || 5,
-		risk: M.risk || 0
-	}), X = M.score ?? 0, Z = M.due_date && new Date(M.due_date) < /* @__PURE__ */ new Date(), Q = (e, t) => {
+function M({ ref: M, task: N, rank: P, onClick: F, onComplete: I, onSnooze: L, onFactorsUpdate: R, snoozeOptions: z = v, testId: B, readOnly: V = !1, expanded: H, onExpandedChange: U }) {
+	let [W, G] = x.useState(!1), K = H ?? W, q = U ?? G, [J, Y] = x.useState({
+		impact: N.impact || 5,
+		effort: N.effort || 5,
+		risk: N.risk || 0
+	}), X = N.score ?? 0, Z = N.due_date && new Date(N.due_date) < /* @__PURE__ */ new Date(), Q = (e, t) => {
 		let n = {
 			...J,
 			[e]: t
 		};
-		Y(n), L?.(n);
+		Y(n), R?.(n);
 	};
 	return /* @__PURE__ */ b(o, {
-		ref: U,
+		ref: M,
 		"data-slot": "priority-card",
-		"data-testid": z,
-		"data-rank": N,
+		"data-testid": B,
+		"data-rank": P,
 		"data-score": X,
-		className: e("transition-all duration-200", j(X), N === 1 && "ring-2 ring-primary shadow-md bg-gradient-to-r from-primary/5 to-transparent", P && "cursor-pointer hover:shadow-md"),
-		onClick: P,
+		className: e("transition-all duration-200", j(X), P === 1 && "ring-2 ring-primary shadow-md bg-gradient-to-r from-primary/5 to-transparent", F && "cursor-pointer hover:shadow-md"),
+		onClick: F,
 		children: [/* @__PURE__ */ y(c, {
 			className: "p-3 pb-2",
 			children: /* @__PURE__ */ b("div", {
@@ -46,22 +46,22 @@ var M = x.forwardRef(({ task: M, rank: N, onClick: P, onComplete: F, onSnooze: I
 				children: [
 					/* @__PURE__ */ y("div", {
 						"data-slot": "priority-rank",
-						className: e("flex items-center justify-center w-8 h-8 rounded-full text-sm font-bold", N === 1 ? "bg-primary text-primary-foreground" : N <= 3 ? "bg-muted text-foreground" : "bg-muted/50 text-muted-foreground"),
-						children: N
+						className: e("flex items-center justify-center w-8 h-8 rounded-full text-sm font-bold", P === 1 ? "bg-primary text-primary-foreground" : P <= 3 ? "bg-muted text-foreground" : "bg-muted/50 text-muted-foreground"),
+						children: P
 					}),
 					/* @__PURE__ */ b("div", {
 						className: "flex-1 min-w-0",
 						children: [
 							/* @__PURE__ */ b("div", {
 								className: "flex items-center justify-between gap-2 mb-1",
-								children: [M.project?.name && /* @__PURE__ */ y(a, {
+								children: [N.project?.name && /* @__PURE__ */ y(a, {
 									variant: "outline",
 									className: "text-[10px] px-1.5 py-0 font-normal shrink-0",
 									style: {
-										borderColor: M.project.color,
-										color: M.project.color
+										borderColor: N.project.color,
+										color: N.project.color
 									},
-									children: M.project.name
+									children: N.project.name
 								}), /* @__PURE__ */ b("div", {
 									"data-slot": "priority-score",
 									className: e("flex items-center gap-1 text-sm font-bold", A(X)),
@@ -70,24 +70,24 @@ var M = x.forwardRef(({ task: M, rank: N, onClick: P, onComplete: F, onSnooze: I
 							}),
 							/* @__PURE__ */ y(l, {
 								className: "text-sm font-medium leading-snug line-clamp-2",
-								children: M.title
+								children: N.title
 							}),
 							/* @__PURE__ */ b("div", {
 								className: "flex items-center gap-2 mt-2 text-xs text-muted-foreground",
-								children: [M.due_date && /* @__PURE__ */ b("span", {
+								children: [N.due_date && /* @__PURE__ */ b("span", {
 									className: e("flex items-center gap-0.5", Z && "text-destructive font-medium"),
-									children: [/* @__PURE__ */ y(T, { className: "w-3 h-3" }), k(new Date(M.due_date), { addSuffix: !0 })]
-								}), M.assignee && /* @__PURE__ */ b(n, {
+									children: [/* @__PURE__ */ y(T, { className: "w-3 h-3" }), k(new Date(N.due_date), { addSuffix: !0 })]
+								}), N.assignee && /* @__PURE__ */ b(n, {
 									className: "h-4 w-4",
-									children: [M.assignee.avatar && /* @__PURE__ */ y(i, { src: M.assignee.avatar }), /* @__PURE__ */ y(r, {
+									children: [N.assignee.avatar && /* @__PURE__ */ y(i, { src: N.assignee.avatar }), /* @__PURE__ */ y(r, {
 										className: "text-[8px]",
-										children: M.assignee.name?.[0]
+										children: N.assignee.name?.[0]
 									})]
 								})]
 							})
 						]
 					}),
-					!B && /* @__PURE__ */ b("div", {
+					!V && /* @__PURE__ */ b("div", {
 						"data-slot": "priority-actions",
 						className: "flex gap-1",
 						onClick: (e) => e.stopPropagation(),
@@ -95,29 +95,31 @@ var M = x.forwardRef(({ task: M, rank: N, onClick: P, onComplete: F, onSnooze: I
 							size: "icon",
 							variant: "ghost",
 							className: "h-7 w-7",
-							onClick: F,
-							testId: z ? `${z}-complete` : void 0,
+							"aria-label": `Complete ${N.title}`,
+							onClick: I,
+							testId: B ? `${B}-complete` : void 0,
 							children: /* @__PURE__ */ y(S, { className: "h-4 w-4 text-green-600" })
 						}), /* @__PURE__ */ b(p, { children: [/* @__PURE__ */ y(g, {
+							"aria-label": `Snooze ${N.title}`,
 							className: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-7 w-7",
-							"data-testid": z ? `${z}-snooze` : void 0,
+							"data-testid": B ? `${B}-snooze` : void 0,
 							children: /* @__PURE__ */ y(E, { className: "h-4 w-4 text-muted-foreground" })
 						}), /* @__PURE__ */ y(m, {
 							align: "end",
-							children: R.map((e) => /* @__PURE__ */ y(h, {
-								onClick: () => I?.(e.minutes),
+							children: z.map((e) => /* @__PURE__ */ y(h, {
+								onClick: () => L?.(e.minutes),
 								children: e.label
 							}, e.minutes))
 						})] })]
 					})
 				]
 			})
-		}), !B && L && /* @__PURE__ */ b(u, {
+		}), !V && R && /* @__PURE__ */ b(u, {
 			open: K,
 			onOpenChange: q,
 			children: [/* @__PURE__ */ b(f, {
 				className: "w-full h-6 flex items-center justify-center text-xs text-muted-foreground hover:bg-muted/50 transition-colors",
-				"data-testid": z ? `${z}-expand` : void 0,
+				"data-testid": B ? `${B}-expand` : void 0,
 				onClick: (e) => e.stopPropagation(),
 				children: [
 					/* @__PURE__ */ y(D, { className: "w-3 h-3 mr-1" }),
@@ -199,7 +201,7 @@ var M = x.forwardRef(({ task: M, rank: N, onClick: P, onComplete: F, onSnooze: I
 			}) })]
 		})]
 	});
-});
+}
 M.displayName = "PriorityCard";
 //#endregion
 export { M as PriorityCard };