npm - @alneas/appkit-react - Versions diffs - 0.1.0 → 0.3.0 - Mend

@alneas/appkit-react 0.1.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1983) hide show

package/dist/tools/components/file-browser/FileGridView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileGridView.js","names":["FileIcon","FileIcon$1","FileGridView","handleItemClick","selectedIds","node","onSelect","id","renderNodeContent","tags","verification","verifyingIds","cn","isSelected","onOpen","Check","Loader2","ShieldCheck","ShieldAlert","Badge","tag","nodes","Empty","EmptyHeader","EmptyMedia","FolderOpen","EmptyTitle","EmptyDescription","FileContextMenu","Draggable","setNodeRef","attributes","listeners","Droppable","isOver"],"sources":["../../../../src/tools/components/file-browser/FileGridView.tsx"],"sourcesContent":["import React from 'react';\nimport { FileIcon } from '../ui/file-icon';\nimport type { FileNode } from './types';\nimport { cn } from '../../lib/utils';\nimport { Badge } from '../ui/badge';\nimport { FileContextMenu } from './FileContextMenu';\nimport { Draggable, Droppable } from '../ui/dnd';\nimport { ShieldCheck, ShieldAlert, Loader2, Check, FolderOpen } from 'lucide-react';\nimport { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '../ui/empty';\n\nexport interface FileGridViewProps {\n /** 表示するノード一覧 /\n nodes: FileNode[];\n /* 選択されているノードのID一覧 /\n selectedIds: string[];\n /* 検証状態のマップ /\n verifyingIds?: Record<string, { loading: boolean; valid?: boolean; error?: string }>;\n /* 選択状態が変更された時のコールバック /\n onSelect: (ids: string[]) => void;\n /* ノードがダブルクリック（またはフォルダ移動）された時のコールバック /\n onOpen: (node: FileNode) => void;\n /* ノードを削除する時のコールバック /\n onDelete: (node: FileNode) => void;\n /* 詳細を表示する時のコールバック /\n onDetails?: (node: FileNode) => void;\n /* 名前変更時のコールバック /\n onRename?: (node: FileNode) => void;\n /* タグ更新時のコールバック /\n onUpdateTags?: (node: FileNode) => void;\n /* 整合性検証時のコールバック /\n onVerify?: (node: FileNode) => void;\n}\n\n/\n ファイルの一覧表示（グリッド形式）\n /\nexport function FileGridView({\n nodes,\n selectedIds,\n verifyingIds = {},\n onSelect,\n onOpen,\n onDelete,\n onDetails,\n onRename,\n onUpdateTags,\n onVerify,\n}: FileGridViewProps) {\n const handleItemClick = (e: React.MouseEvent, node: FileNode) => {\n // Ctrl/Cmd キーで複数選択\n if (e.metaKey \|\| e.ctrlKey) {\n if (selectedIds.includes(node.id)) {\n onSelect(selectedIds.filter((id) => id !== node.id));\n } else {\n onSelect([...selectedIds, node.id]);\n }\n } else {\n onSelect([node.id]);\n }\n };\n\n const renderNodeContent = (node: FileNode, isSelected: boolean) => {\n const tags = node.metadata?.tags?.split(',').filter(Boolean) \|\| [];\n const verification = verifyingIds[node.id];\n\n return (\n <div\n className={cn(\n 'group flex flex-col items-center p-2 rounded-xl transition-all border border-transparent cursor-pointer select-none relative w-full h-full',\n isSelected\n ? 'bg-primary/10 border-primary/20 ring-2 ring-primary/10'\n : 'hover:bg-muted/50 hover:border-muted-foreground/10',\n )}\n onClick={(e) => handleItemClick(e, node)}\n onDoubleClick={() => onOpen(node)}\n >\n <div className='relative w-full aspect-square flex items-center justify-center mb-2'>\n <FileIcon\n kind={node.kind}\n contentType={node.contentType}\n className={cn(\n 'w-12 h-12 transition-transform',\n isSelected ? 'scale-110' : 'group-hover:scale-105',\n )}\n />\n\n {/ 選択チェックマーク /}\n {isSelected && (\n <div className='absolute top-0 right-0 bg-primary text-primary-foreground rounded-full p-0.5 shadow-sm z-10'>\n <Check className='w-3 h-3' strokeWidth={3} />\n </div>\n )}\n\n {/ 検証ステータス */}\n {verification?.loading && (\n <div className='absolute bottom-0 left-0 bg-background/80 rounded-full p-0.5 shadow-sm'>\n <Loader2 className='h-3 w-3 animate-spin' />\n </div>\n )}\n {verification?.valid === true && (\n <div\n className='absolute bottom-0 left-0 bg-green-100 text-green-700 rounded-full p-0.5 shadow-sm'\n title='Integrity Verified'\n >\n <ShieldCheck className='h-3 w-3' />\n </div>\n )}\n {verification?.valid === false && (\n <div\n className='absolute bottom-0 left-0 bg-destructive/10 text-destructive rounded-full p-0.5 shadow-sm'\n title={verification.error}\n >\n <ShieldAlert className='h-3 w-3' />\n </div>\n )}\n </div>\n\n <span className='w-full text-center text-xs font-medium truncate px-1 leading-relaxed'>\n {node.name}\n </span>\n\n <div className='flex flex-wrap justify-center gap-0.5 mt-1 min-h-[16px]'>\n {tags.slice(0, 2).map((tag) => (\n <Badge\n key={tag}\n variant='outline'\n className='px-1 py-0 text-[8px] h-3.5 leading-none bg-background/50'\n >\n {tag}\n </Badge>\n ))}\n {tags.length > 2 && (\n <span className='text-[8px] text-muted-foreground'>+{tags.length - 2}</span>\n )}\n </div>\n\n {node.size !== undefined && node.kind === 'file' && (\n <span className='text-[10px] text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity mt-0.5'>\n {Math.round(node.size / 1024)} KB\n </span>\n )}\n </div>\n );\n };\n\n if (nodes.length === 0) {\n return (\n <Empty className='flex-1 border-t rounded-none bg-muted/10'>\n <EmptyHeader>\n <EmptyMedia variant='icon'>\n <FolderOpen />\n </EmptyMedia>\n <EmptyTitle>This folder is empty</EmptyTitle>\n <EmptyDescription>Upload files to get started.</EmptyDescription>\n </EmptyHeader>\n </Empty>\n );\n }\n\n return (\n <div className='flex-1 overflow-auto p-4 bg-muted/5 border-t'>\n <div className='grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-4'>\n {nodes.map((node) => {\n const isSelected = selectedIds.includes(node.id);\n\n return (\n <FileContextMenu\n key={node.id}\n node={node}\n onOpen={onOpen}\n onDelete={onDelete}\n onDetails={onDetails}\n onRename={onRename}\n onUpdateTags={onUpdateTags}\n onVerify={onVerify}\n >\n <div className='w-full h-full'>\n {node.kind === 'file' ? (\n <Draggable id={node.id} data={node}>\n {({ setNodeRef, style, attributes, listeners }) => (\n <div\n ref={setNodeRef}\n style={style}\n {...attributes}\n {...listeners}\n className='w-full h-full'\n >\n {renderNodeContent(node, isSelected)}\n </div>\n )}\n </Draggable>\n ) : (\n <Droppable id={node.id} data={node}>\n {({ setNodeRef, isOver }) => (\n <div\n ref={setNodeRef}\n className={cn(\n 'w-full h-full rounded-xl',\n isOver && 'bg-primary/10 ring-4 ring-primary/20',\n )}\n >\n {renderNodeContent(node, isSelected)}\n </div>\n )}\n </Droppable>\n )}\n </div>\n </FileContextMenu>\n );\n })}\n </div>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"FileGridView.js","names":["FileIcon","FileIcon$1","FileGridView","handleItemClick","selectedIds","node","onSelect","id","renderNodeContent","tags","verification","verifyingIds","cn","isSelected","onOpen","handleRef","Check","Loader2","ShieldCheck","ShieldAlert","Badge","tag","nodes","Empty","EmptyHeader","EmptyMedia","FolderOpen","EmptyTitle","EmptyDescription","FileContextMenu","Draggable","Droppable","isDropTarget"],"sources":["../../../../src/tools/components/file-browser/FileGridView.tsx"],"sourcesContent":["import React from 'react';\nimport { FileIcon } from '../ui/file-icon';\nimport type { FileNode } from './types';\nimport { cn } from '../../lib/utils';\nimport { Badge } from '../ui/badge';\nimport { FileContextMenu } from './FileContextMenu';\nimport { Draggable, Droppable } from '../ui/dnd';\nimport { ShieldCheck, ShieldAlert, Loader2, Check, FolderOpen } from 'lucide-react';\nimport { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '../ui/empty';\n\nexport interface FileGridViewProps {\n /** 表示するノード一覧 /\n nodes: FileNode[];\n /* 選択されているノードのID一覧 /\n selectedIds: string[];\n /* 検証状態のマップ /\n verifyingIds?: Record<string, { loading: boolean; valid?: boolean; error?: string }>;\n /* 選択状態が変更された時のコールバック /\n onSelect: (ids: string[]) => void;\n /* ノードがダブルクリック（またはフォルダ移動）された時のコールバック /\n onOpen: (node: FileNode) => void;\n /* ノードを削除する時のコールバック /\n onDelete: (node: FileNode) => void;\n /* 詳細を表示する時のコールバック /\n onDetails?: (node: FileNode) => void;\n /* 名前変更時のコールバック /\n onRename?: (node: FileNode) => void;\n /* タグ更新時のコールバック /\n onUpdateTags?: (node: FileNode) => void;\n /* 整合性検証時のコールバック /\n onVerify?: (node: FileNode) => void;\n}\n\n/\n Render a grid of host-owned file nodes with native icon drag handles.\n * @param props - Current nodes, selected ids, optional verification state and host\n * selection/open/delete/detail/rename/tag/verify callbacks; no storage is configured here.\n * @returns The grid view; empty listings show the corresponding empty state.\n * @remarks Place standalone views under DnDProvider from the same native engine.\n * Selection and open callbacks remain host-owned. Import Appkit CSS once.\n * @example\n * ```tsx\n * import {FileGridView} from '@alneas/appkit-react/tools/file-browser';\n * import {DnDProvider} from '@alneas/appkit-react/tools/ui';\n * import '@alneas/appkit-react/styles';\n * export function EmptyFiles() {\n * return <DnDProvider><FileGridView nodes={[]} selectedIds={[]}\n * onSelect={() => {}} onOpen={() => {}} onDelete={() => {}} /></DnDProvider>;\n * }\n * ```\n /\nexport function FileGridView({\n nodes,\n selectedIds,\n verifyingIds = {},\n onSelect,\n onOpen,\n onDelete,\n onDetails,\n onRename,\n onUpdateTags,\n onVerify,\n}: FileGridViewProps) {\n const handleItemClick = (e: React.MouseEvent, node: FileNode) => {\n // Ctrl/Cmd キーで複数選択\n if (e.metaKey \|\| e.ctrlKey) {\n if (selectedIds.includes(node.id)) {\n onSelect(selectedIds.filter((id) => id !== node.id));\n } else {\n onSelect([...selectedIds, node.id]);\n }\n } else {\n onSelect([node.id]);\n }\n };\n\n const renderNodeContent = (node: FileNode, isSelected: boolean, handleRef?: (element: Element \| null) => void) => {\n const tags = node.metadata?.tags?.split(',').filter(Boolean) \|\| [];\n const verification = verifyingIds[node.id];\n\n return (\n <div\n className={cn(\n 'group flex flex-col items-center p-2 rounded-xl transition-all border border-transparent cursor-pointer select-none relative w-full h-full',\n isSelected\n ? 'bg-primary/10 border-primary/20 ring-2 ring-primary/10'\n : 'hover:bg-muted/50 hover:border-muted-foreground/10',\n )}\n onClick={(e) => handleItemClick(e, node)}\n onDoubleClick={() => onOpen(node)}\n >\n <div className='relative w-full aspect-square flex items-center justify-center mb-2'>\n {handleRef ? <button type='button' ref={handleRef} aria-label={`Move ${node.name}`} className='flex items-center justify-center w-full h-full border-0 bg-transparent p-0'>\n <FileIcon\n kind={node.kind}\n contentType={node.contentType}\n className={cn(\n 'w-12 h-12 transition-transform',\n isSelected ? 'scale-110' : 'group-hover:scale-105',\n )}\n />\n </button> : (\n <FileIcon\n kind={node.kind}\n contentType={node.contentType}\n className={cn(\n 'w-12 h-12 transition-transform',\n isSelected ? 'scale-110' : 'group-hover:scale-105',\n )}\n />\n )}\n\n {/ 選択チェックマーク /}\n {isSelected && (\n <div className='absolute top-0 right-0 bg-primary text-primary-foreground rounded-full p-0.5 shadow-sm z-10'>\n <Check className='w-3 h-3' strokeWidth={3} />\n </div>\n )}\n\n {/ 検証ステータス */}\n {verification?.loading && (\n <div className='absolute bottom-0 left-0 bg-background/80 rounded-full p-0.5 shadow-sm'>\n <Loader2 className='h-3 w-3 animate-spin' />\n </div>\n )}\n {verification?.valid === true && (\n <div\n className='absolute bottom-0 left-0 bg-green-100 text-green-700 rounded-full p-0.5 shadow-sm'\n title='Integrity Verified'\n >\n <ShieldCheck className='h-3 w-3' />\n </div>\n )}\n {verification?.valid === false && (\n <div\n className='absolute bottom-0 left-0 bg-destructive/10 text-destructive rounded-full p-0.5 shadow-sm'\n title={verification.error}\n >\n <ShieldAlert className='h-3 w-3' />\n </div>\n )}\n </div>\n\n <span className='w-full text-center text-xs font-medium truncate px-1 leading-relaxed'>\n {node.name}\n </span>\n\n <div className='flex flex-wrap justify-center gap-0.5 mt-1 min-h-[16px]'>\n {tags.slice(0, 2).map((tag) => (\n <Badge\n key={tag}\n variant='outline'\n className='px-1 py-0 text-[8px] h-3.5 leading-none bg-background/50'\n >\n {tag}\n </Badge>\n ))}\n {tags.length > 2 && (\n <span className='text-[8px] text-muted-foreground'>+{tags.length - 2}</span>\n )}\n </div>\n\n {node.size !== undefined && node.kind === 'file' && (\n <span className='text-[10px] text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity mt-0.5'>\n {Math.round(node.size / 1024)} KB\n </span>\n )}\n </div>\n );\n };\n\n if (nodes.length === 0) {\n return (\n <Empty className='flex-1 border-t rounded-none bg-muted/10'>\n <EmptyHeader>\n <EmptyMedia variant='icon'>\n <FolderOpen />\n </EmptyMedia>\n <EmptyTitle>This folder is empty</EmptyTitle>\n <EmptyDescription>Upload files to get started.</EmptyDescription>\n </EmptyHeader>\n </Empty>\n );\n }\n\n return (\n <div className='flex-1 overflow-auto p-4 bg-muted/5 border-t'>\n <div className='grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-4'>\n {nodes.map((node) => {\n const isSelected = selectedIds.includes(node.id);\n\n return (\n <FileContextMenu\n key={node.id}\n node={node}\n onOpen={onOpen}\n onDelete={onDelete}\n onDetails={onDetails}\n onRename={onRename}\n onUpdateTags={onUpdateTags}\n onVerify={onVerify}\n >\n <div className='w-full h-full'>\n {node.kind === 'file' ? (\n <Draggable id={node.id} data={node}>\n {({ ref, handleRef, style }) => (\n <div\n ref={ref}\n data-file-drag={node.id}\n style={style}\n className='w-full h-full'\n >\n {renderNodeContent(node, isSelected, handleRef)}\n </div>\n )}\n </Draggable>\n ) : (\n <Droppable id={node.id} data={node}>\n {({ ref, isDropTarget }) => (\n <div\n ref={ref}\n data-file-drop={node.id}\n data-drop-over={isDropTarget}\n className={cn(\n 'w-full h-full rounded-xl',\n isDropTarget && 'bg-primary/10 ring-4 ring-primary/20',\n )}\n >\n {renderNodeContent(node, isSelected)}\n </div>\n )}\n </Droppable>\n )}\n </div>\n </FileContextMenu>\n );\n })}\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAmDA,SAAgBE,EAAa,EAC3B,UACA,gBACA,kBAAe,CAAC,GAChB,aACA,WACA,aACA,cACA,aACA,iBACA,eACoB;CACpB,IAAMC,KAAmB,GAAqB,MAAmB;EAE/D,AAAI,EAAE,WAAW,EAAE,UACbC,EAAY,SAASC,EAAK,EAAE,IAC9BC,EAASF,EAAY,QAAQ,MAAOG,MAAOF,EAAK,EAAE,CAAC,IAEnDC,EAAS,CAAC,GAAGF,GAAaC,EAAK,EAAE,CAAC,IAGpCC,EAAS,CAACD,EAAK,EAAE,CAAC;CAEtB,GAEMG,KAAqB,GAAgB,GAAqB,MAAkD;EAChH,IAAMC,IAAOJ,EAAK,UAAU,MAAM,MAAM,GAAG,CAAC,CAAC,OAAO,OAAO,KAAK,CAAC,GAC3DK,IAAeC,EAAaN,EAAK;EAEvC,OACE,kBAAC,OAAD;GACE,WAAWO,EACT,8IACAC,IACI,2DACA,oDACN;GACA,UAAU,MAAMV,EAAgB,GAAGE,CAAI;GACvC,qBAAqBS,EAAOT,CAAI;GARlC,UAAA;IAUE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACGU,IAAY,kBAAC,UAAD;OAAQ,MAAK;OAAS,KAAKA;OAAW,cAAY,QAAQV,EAAK;OAAQ,WAAU;OAC9F,UAAA,kBAACL,GAAD;QACE,MAAMK,EAAK;QACX,aAAaA,EAAK;QAClB,WAAWO,EACT,kCACAC,IAAa,cAAc,uBAC7B;OACD,CAAA;MACO,CAAA,IACR,kBAACb,GAAD;OACE,MAAMK,EAAK;OACX,aAAaA,EAAK;OAClB,WAAWO,EACT,kCACAC,IAAa,cAAc,uBAC7B;MACD,CAAA;MAIAA,KACC,kBAAC,OAAD;OAAK,WAAU;OACb,UAAA,kBAACG,GAAD;QAAO,WAAU;QAAU,aAAa;OAAI,CAAA;MACzC,CAAA;MAINN,GAAc,WACb,kBAAC,OAAD;OAAK,WAAU;OACb,UAAA,kBAACO,GAAD,EAAS,WAAU,uBAAwB,CAAA;MACxC,CAAA;MAENP,GAAc,UAAU,MACvB,kBAAC,OAAD;OACE,WAAU;OACV,OAAM;OAEN,UAAA,kBAACQ,GAAD,EAAa,WAAU,UAAW,CAAA;MAC/B,CAAA;MAENR,GAAc,UAAU,MACvB,kBAAC,OAAD;OACE,WAAU;OACV,OAAOA,EAAa;OAEpB,UAAA,kBAACS,GAAD,EAAa,WAAU,UAAW,CAAA;MAC/B,CAAA;KAEJ;;IAEL,kBAAC,QAAD;KAAM,WAAU;KACb,UAAAd,EAAK;IACF,CAAA;IAEN,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACGI,EAAK,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,MACrB,kBAACW,GAAD;MAEE,SAAQ;MACR,WAAU;MAET,UAAAC;KACI,GALAA,CAKA,CACR,GACAZ,EAAK,SAAS,KACb,kBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA,CAAmD,KAAEA,EAAK,SAAS,CAAQ;KAE1E,CAAA,CAAA;;IAEJJ,EAAK,SAAS,KAAA,KAAaA,EAAK,SAAS,UACxC,kBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACG,KAAK,MAAMA,EAAK,OAAO,IAAI,GAAE,KAC1B;;GAEL;;CAET;CAgBA,OAdIiB,EAAM,WAAW,IAEjB,kBAACC,GAAD;EAAO,WAAU;EACf,UAAA,kBAACC,GAAD,EAAA,UAAA;GACE,kBAACC,GAAD;IAAY,SAAQ;IAClB,UAAA,kBAACC,GAAD,CAAa,CAAA;GACH,CAAA;GACZ,kBAACC,GAAD,EAAA,UAAY,uBAAgC,CAAA;GAC5C,kBAACC,GAAD,EAAA,UAAkB,+BAA8C,CAAA;EACrD,EAAA,CAAA;CACR,CAAA,IAKT,kBAAC,OAAD;EAAK,WAAU;EACb,UAAA,kBAAC,OAAD;GAAK,WAAU;GACZ,UAAAN,EAAM,KAAK,MAAS;IACnB,IAAMT,IAAaT,EAAY,SAASC,EAAK,EAAE;IAE/C,OACE,kBAACwB,GAAD;KAEQ;KACE;KACE;KACC;KACD;KACI;KACJ;KAEV,UAAA,kBAAC,OAAD;MAAK,WAAU;MACZ,UAAAxB,EAAK,SAAS,SACb,kBAACyB,GAAD;OAAW,IAAIzB,EAAK;OAAI,MAAMA;OAC1B,WAAA,EAAE,QAAK,cAAW,eAClB,kBAAC,OAAD;QACO;QACL,kBAAgBA,EAAK;QACd;QACP,WAAU;QAET,UAAAG,EAAkBH,GAAMQ,GAAYE,CAAS;OAC3C,CAAA;MAEE,CAAA,IAEX,kBAACgB,GAAD;OAAW,IAAI1B,EAAK;OAAI,MAAMA;OAC1B,WAAA,EAAE,QAAK,sBACP,kBAAC,OAAD;QACO;QACL,kBAAgBA,EAAK;QACrB,kBAAgB2B;QAChB,WAAWpB,EACT,4BACAoB,KAAgB,sCAClB;QAEC,UAAAxB,EAAkBH,GAAMQ,CAAU;OAChC,CAAA;MAEE,CAAA;KAEV,CAAA;IACU,GAzCVR,EAAK,EAyCK;GAErB,CAAC;EACE,CAAA;CACF,CAAA;AAET"}

package/dist/tools/components/file-browser/FileListView.cjs CHANGED Viewed

@@ -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/badge-components.cjs"),r=require("../../../ui/components/ui/file-icon.cjs"),i=require("../../../ui/components/ui/table.cjs"),a=require("../ui/dnd/Draggable.cjs"),o=require("../ui/dnd/Droppable.cjs"),s=require("./FileContextMenu.cjs");let c=require("react/jsx-runtime"),l=require("react");l=e.__toESM(l,1);let u=require("lucide-react"),d=require("date-fns");function f(e){if(e===void 0)return`-`;if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return`${parseFloat((e/t**r).toFixed(1))} ${n[r]}`}function p({nodes:e,selectedIds:p,verifyingIds:m={},onSelect:h,onOpen:g,onDelete:_,onDetails:v,onRename:y,onUpdateTags:b,onVerify:x}){let S=(e,t)=>{e.metaKey||e.ctrlKey?p.includes(t.id)?h(p.filter(e=>e!==t.id)):h([...p,t.id]):h([t.id])},C=(e,a,o={},s)=>{let l=e.metadata?.tags?.split(`,`).filter(Boolean)||[],p=m[e.id];return(0,c.jsxs)(i.TableRow,{...o,className:t.cn(`cursor-pointer transition-colors group select-none w-full border-b`,a&&`bg-primary/5 hover:bg-primary/10`,o.className),onClick:t=>S(t,e),onDoubleClick:()=>g(e),children:[(0,c.jsx)(i.TableCell,{className:`font-medium`,children:(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[s?(0,c.jsx)(`button`,{type:`button`,"aria-label":`Move ${e.name}`,...s.attributes,...s.listeners,children:(0,c.jsx)(r.FileIcon,{kind:e.kind,contentType:e.contentType,className:`h-4 w-4 shrink-0`})}):(0,c.jsx)(r.FileIcon,{kind:e.kind,contentType:e.contentType,className:`h-4 w-4 shrink-0`}),(0,c.jsx)(`span`,{className:`truncate`,children:e.name}),p?.loading&&(0,c.jsx)(u.Loader2,{className:`h-3 w-3 animate-spin text-muted-foreground`}),p?.valid===!0&&(0,c.jsx)(`span`,{title:`Integrity Verified`,children:(0,c.jsx)(u.ShieldCheck,{className:`h-3 w-3 text-green-600`})}),p?.valid===!1&&(0,c.jsx)(`span`,{title:p.error||`Integrity Failure`,children:(0,c.jsx)(u.ShieldAlert,{className:`h-3 w-3 text-destructive`})})]})}),(0,c.jsx)(i.TableCell,{className:`text-muted-foreground whitespace-nowrap`,children:e.kind===`file`?f(e.size):`--`}),(0,c.jsx)(i.TableCell,{className:`text-muted-foreground whitespace-nowrap`,children:e.kind===`folder`?`Folder`:e.contentType||`File`}),(0,c.jsx)(i.TableCell,{children:(0,c.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:l.map(e=>(0,c.jsx)(n.Badge,{variant:`secondary`,className:`px-1.5 py-0 text-[10px] h-4 bg-muted/50`,children:e},e))})}),(0,c.jsx)(i.TableCell,{className:`text-right text-muted-foreground whitespace-nowrap`,children:e.lastModified?(0,d.format)(e.lastModified,`yyyy/MM/dd HH:mm`):`--`})]})};return(0,c.jsx)(`div`,{className:`flex-1 overflow-auto`,children:(0,c.jsxs)(i.Table,{className:`relative`,children:[(0,c.jsx)(i.TableHeader,{className:`bg-muted/30 sticky top-0 z-10`,children:(0,c.jsxs)(i.TableRow,{children:[(0,c.jsx)(i.TableHead,{className:`w-[35%]`,children:`Name`}),(0,c.jsx)(i.TableHead,{children:`Size`}),(0,c.jsx)(i.TableHead,{children:`Type`}),(0,c.jsx)(i.TableHead,{children:`Tags`}),(0,c.jsx)(i.TableHead,{className:`text-right`,children:`Modified`})]})}),(0,c.jsx)(i.TableBody,{children:e.length===0?(0,c.jsx)(i.TableRow,{children:(0,c.jsx)(i.TableCell,{colSpan:5,className:`h-32 text-center text-muted-foreground`,children:`No items found.`})}):e.map(e=>{let n=p.includes(e.id),r=t=>(0,c.jsx)(s.FileContextMenu,{node:e,onOpen:g,onDelete:_,onDetails:v,onRename:y,onUpdateTags:b,onVerify:x,children:t}),i=e.kind===`file`?(0,c.jsx)(a.Draggable,{id:e.id,data:e,children:({setNodeRef:i,style:a,attributes:o,listeners:s,isDragging:c})=>r(C(e,n,{ref:i,style:a,className:t.cn(c&&`z-50`)},{attributes:o,listeners:s}))}):(0,c.jsx)(o.Droppable,{id:e.id,data:e,children:({setNodeRef:i,isOver:a})=>r(C(e,n,{ref:i,className:t.cn(a&&`bg-primary/10 ring-2 ring-primary/20 inset-x-0`)}))});return(0,c.jsx)(l.default.Fragment,{children:i},e.id)})})]})})}exports.FileListView=p;
+"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/badge-components.cjs"),r=require("../../../ui/components/ui/file-icon.cjs"),i=require("../../../ui/components/ui/table.cjs"),a=require("../ui/dnd/Draggable.cjs"),o=require("../ui/dnd/Droppable.cjs"),s=require("./FileContextMenu.cjs");let c=require("react/jsx-runtime"),l=require("react");l=e.__toESM(l,1);let u=require("lucide-react"),d=require("date-fns");function f(e){if(e===void 0)return`-`;if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return`${parseFloat((e/t**r).toFixed(1))} ${n[r]}`}function p({nodes:e,selectedIds:p,verifyingIds:m={},onSelect:h,onOpen:g,onDelete:_,onDetails:v,onRename:y,onUpdateTags:b,onVerify:x}){let S=(e,t)=>{e.metaKey||e.ctrlKey?p.includes(t.id)?h(p.filter(e=>e!==t.id)):h([...p,t.id]):h([t.id])},C=(e,a,o={},s)=>{let l=e.metadata?.tags?.split(`,`).filter(Boolean)||[],p=m[e.id];return(0,c.jsxs)(i.TableRow,{...o,className:t.cn(`cursor-pointer transition-colors group select-none w-full border-b`,a&&`bg-primary/5 hover:bg-primary/10`,o.className),onClick:t=>S(t,e),onDoubleClick:()=>g(e),children:[(0,c.jsx)(i.TableCell,{className:`font-medium`,children:(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[s?(0,c.jsx)(`button`,{type:`button`,"aria-label":`Move ${e.name}`,ref:s,children:(0,c.jsx)(r.FileIcon,{kind:e.kind,contentType:e.contentType,className:`h-4 w-4 shrink-0`})}):(0,c.jsx)(r.FileIcon,{kind:e.kind,contentType:e.contentType,className:`h-4 w-4 shrink-0`}),(0,c.jsx)(`span`,{className:`truncate`,children:e.name}),p?.loading&&(0,c.jsx)(u.Loader2,{className:`h-3 w-3 animate-spin text-muted-foreground`}),p?.valid===!0&&(0,c.jsx)(`span`,{title:`Integrity Verified`,children:(0,c.jsx)(u.ShieldCheck,{className:`h-3 w-3 text-green-600`})}),p?.valid===!1&&(0,c.jsx)(`span`,{title:p.error||`Integrity Failure`,children:(0,c.jsx)(u.ShieldAlert,{className:`h-3 w-3 text-destructive`})})]})}),(0,c.jsx)(i.TableCell,{className:`text-muted-foreground whitespace-nowrap`,children:e.kind===`file`?f(e.size):`--`}),(0,c.jsx)(i.TableCell,{className:`text-muted-foreground whitespace-nowrap`,children:e.kind===`folder`?`Folder`:e.contentType||`File`}),(0,c.jsx)(i.TableCell,{children:(0,c.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:l.map(e=>(0,c.jsx)(n.Badge,{variant:`secondary`,className:`px-1.5 py-0 text-[10px] h-4 bg-muted/50`,children:e},e))})}),(0,c.jsx)(i.TableCell,{className:`text-right text-muted-foreground whitespace-nowrap`,children:e.lastModified?(0,d.format)(e.lastModified,`yyyy/MM/dd HH:mm`):`--`})]})};return(0,c.jsx)(`div`,{className:`flex-1 overflow-auto`,children:(0,c.jsxs)(i.Table,{className:`relative`,children:[(0,c.jsx)(i.TableHeader,{className:`bg-muted/30 sticky top-0 z-10`,children:(0,c.jsxs)(i.TableRow,{children:[(0,c.jsx)(i.TableHead,{className:`w-[35%]`,children:`Name`}),(0,c.jsx)(i.TableHead,{children:`Size`}),(0,c.jsx)(i.TableHead,{children:`Type`}),(0,c.jsx)(i.TableHead,{children:`Tags`}),(0,c.jsx)(i.TableHead,{className:`text-right`,children:`Modified`})]})}),(0,c.jsx)(i.TableBody,{children:e.length===0?(0,c.jsx)(i.TableRow,{children:(0,c.jsx)(i.TableCell,{colSpan:5,className:`h-32 text-center text-muted-foreground`,children:`No items found.`})}):e.map(e=>{let n=p.includes(e.id),r=t=>(0,c.jsx)(s.FileContextMenu,{node:e,onOpen:g,onDelete:_,onDetails:v,onRename:y,onUpdateTags:b,onVerify:x,children:t}),i=e.kind===`file`?(0,c.jsx)(a.Draggable,{id:e.id,data:e,children:({ref:i,style:a,handleRef:o,isDragging:s})=>r(C(e,n,{ref:i,style:a,className:t.cn(s&&`z-50`)},o))}):(0,c.jsx)(o.Droppable,{id:e.id,data:e,children:({ref:i,isDropTarget:a})=>r(C(e,n,{ref:i,"data-file-drop":e.id,"data-drop-over":a,className:t.cn(a&&`bg-primary/10 ring-2 ring-primary/20 inset-x-0`)}))});return(0,c.jsx)(l.default.Fragment,{children:i},e.id)})})]})})}exports.FileListView=p;
 //# sourceMappingURL=FileListView.cjs.map

package/dist/tools/components/file-browser/FileListView.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileListView.cjs","names":["TableRow","cn","TableCell","FileIcon","Loader2","ShieldCheck","ShieldAlert","Badge","format","Table","TableHeader","TableHead","TableBody","FileContextMenu","Draggable","Droppable","React","require_runtime","require_ui_lib_utils","require_ui_components_ui_badge_components","require_ui_components_ui_file_icon","require_ui_components_ui_table","require_tools_components_ui_dnd_Draggable","require_tools_components_ui_dnd_Droppable","require_tools_components_file_browser_FileContextMenu","react_jsx_runtime","react","lucide_react","date_fns","formatSize","bytes","k","sizes","i","FileListView","handleRowClick","selectedIds","node","onSelect","id","renderNodeContent","tags","verification","verifyingIds","rowProps","isSelected","e","onOpen","dragHandle","tag","nodes","withContextMenu","row","item","setNodeRef","isDragging","isOver"],"sources":["../../../../src/tools/components/file-browser/FileListView.tsx"],"sourcesContent":["import React from 'react';\nimport { FileIcon } from '../ui/file-icon';\nimport type { FileNode } from './types';\nimport { format } from 'date-fns';\nimport { cn } from '../../lib/utils';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Badge } from '../ui';\nimport { FileContextMenu } from './FileContextMenu';\nimport { Draggable, Droppable } from '../ui/dnd';\nimport { ShieldCheck, ShieldAlert, Loader2 } from 'lucide-react';\n\nexport interface FileListViewProps {\n /** 表示するノード一覧 /\n nodes: FileNode[];\n /* 選択されているノードのID一覧 /\n selectedIds: string[];\n /* 検証状態のマップ /\n verifyingIds?: Record<string, { loading: boolean; valid?: boolean; error?: string }>;\n /* 選択状態が変更された時のコールバック /\n onSelect: (ids: string[]) => void;\n /* ノードがダブルクリック（またはフォルダ移動）された時のコールバック /\n onOpen: (node: FileNode) => void;\n /* ノードを削除する時のコールバック /\n onDelete: (node: FileNode) => void;\n /* 詳細を表示する時のコールバック /\n onDetails?: (node: FileNode) => void;\n /* 名前変更時のコールバック /\n onRename?: (node: FileNode) => void;\n /* タグ更新時のコールバック /\n onUpdateTags?: (node: FileNode) => void;\n /* 整合性検証時のコールバック /\n onVerify?: (node: FileNode) => void;\n}\n\n/\n ファイルのバイト数を人間が読みやすい形式に変換\n /\nfunction formatSize(bytes?: number): string {\n if (bytes === undefined) return '-';\n if (bytes === 0) return '0 B';\n const k = 1024;\n const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;\n}\n\n/\n ファイルの一覧表示（詳細リスト形式）\n */\nexport function FileListView({\n nodes,\n selectedIds,\n verifyingIds = {},\n onSelect,\n onOpen,\n onDelete,\n onDetails,\n onRename,\n onUpdateTags,\n onVerify,\n}: FileListViewProps) {\n const handleRowClick = (e: React.MouseEvent, node: FileNode) => {\n if (e.metaKey \|\| e.ctrlKey) {\n if (selectedIds.includes(node.id)) {\n onSelect(selectedIds.filter((id) => id !== node.id));\n } else {\n onSelect([...selectedIds, node.id]);\n }\n } else {\n onSelect([node.id]);\n }\n };\n\n const renderNodeContent = (\n node: FileNode, isSelected: boolean,\n rowProps: React.ComponentPropsWithRef<typeof TableRow> = {},\n dragHandle?: { attributes: React.HTMLAttributes<HTMLButtonElement>; listeners?: React.HTMLAttributes<HTMLButtonElement> },\n ) => {\n const tags = node.metadata?.tags?.split(',').filter(Boolean) \|\| [];\n const verification = verifyingIds[node.id];\n\n return (\n <TableRow\n {...rowProps}\n className={cn(\n 'cursor-pointer transition-colors group select-none w-full border-b',\n isSelected && 'bg-primary/5 hover:bg-primary/10',\n rowProps.className,\n )}\n onClick={(e) => handleRowClick(e, node)}\n onDoubleClick={() => onOpen(node)}\n >\n <TableCell className='font-medium'>\n <div className='flex items-center gap-3'>\n {dragHandle ? (\n <button type='button' aria-label={`Move ${node.name}`} {...dragHandle.attributes} {...dragHandle.listeners}>\n <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />\n </button>\n ) : <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />}\n <span className='truncate'>{node.name}</span>\n {verification?.loading && (\n <Loader2 className='h-3 w-3 animate-spin text-muted-foreground' />\n )}\n {verification?.valid === true && (\n <span title='Integrity Verified'>\n <ShieldCheck className='h-3 w-3 text-green-600' />\n </span>\n )}\n {verification?.valid === false && (\n <span title={verification.error \|\| 'Integrity Failure'}>\n <ShieldAlert className='h-3 w-3 text-destructive' />\n </span>\n )}\n </div>\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'file' ? formatSize(node.size) : '--'}\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'folder' ? 'Folder' : node.contentType \|\| 'File'}\n </TableCell>\n <TableCell>\n <div className='flex flex-wrap gap-1'>\n {tags.map((tag) => (\n <Badge\n key={tag}\n variant='secondary'\n className='px-1.5 py-0 text-[10px] h-4 bg-muted/50'\n >\n {tag}\n </Badge>\n ))}\n </div>\n </TableCell>\n <TableCell className='text-right text-muted-foreground whitespace-nowrap'>\n {node.lastModified ? format(node.lastModified, 'yyyy/MM/dd HH:mm') : '--'}\n </TableCell>\n </TableRow>\n );\n };\n\n return (\n <div className='flex-1 overflow-auto'>\n <Table className='relative'>\n <TableHeader className='bg-muted/30 sticky top-0 z-10'>\n <TableRow>\n <TableHead className='w-[35%]'>Name</TableHead>\n <TableHead>Size</TableHead>\n <TableHead>Type</TableHead>\n <TableHead>Tags</TableHead>\n <TableHead className='text-right'>Modified</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {nodes.length === 0 ? (\n <TableRow>\n <TableCell colSpan={5} className='h-32 text-center text-muted-foreground'>\n No items found.\n </TableCell>\n </TableRow>\n ) : (\n nodes.map((node) => {\n const isSelected = selectedIds.includes(node.id);\n\n const withContextMenu = (row: React.ReactElement) => (\n <FileContextMenu node={node} onOpen={onOpen} onDelete={onDelete}\n onDetails={onDetails} onRename={onRename} onUpdateTags={onUpdateTags} onVerify={onVerify}>\n {row}\n </FileContextMenu>\n );\n const item = node.kind === 'file' ? (\n <Draggable id={node.id} data={node}>\n {({ setNodeRef, style, attributes, listeners, isDragging }) =>\n withContextMenu(renderNodeContent(node, isSelected,\n { ref: setNodeRef, style, className: cn(isDragging && 'z-50') },\n { attributes, listeners }))}\n </Draggable>\n ) : (\n <Droppable id={node.id} data={node}>\n {({ setNodeRef, isOver }) => withContextMenu(renderNodeContent(node, isSelected,\n { ref: setNodeRef, className: cn(isOver && 'bg-primary/10 ring-2 ring-primary/20 inset-x-0') }))}\n </Droppable>\n );\n\n return <React.Fragment key={node.id}>{item}</React.Fragment>;\n })\n )}\n </TableBody>\n </Table>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"FileListView.cjs","names":["TableRow","cn","TableCell","FileIcon","Loader2","ShieldCheck","ShieldAlert","Badge","format","Table","TableHeader","TableHead","TableBody","FileContextMenu","Draggable","Droppable","React","require_runtime","require_ui_lib_utils","require_ui_components_ui_badge_components","require_ui_components_ui_file_icon","require_ui_components_ui_table","require_tools_components_ui_dnd_Draggable","require_tools_components_ui_dnd_Droppable","require_tools_components_file_browser_FileContextMenu","react_jsx_runtime","react","lucide_react","date_fns","formatSize","bytes","k","sizes","i","FileListView","handleRowClick","selectedIds","node","onSelect","id","renderNodeContent","tags","verification","verifyingIds","rowProps","isSelected","e","onOpen","dragHandle","tag","nodes","withContextMenu","row","item","isDragging","handleRef","isDropTarget"],"sources":["../../../../src/tools/components/file-browser/FileListView.tsx"],"sourcesContent":["import React from 'react';\nimport { FileIcon } from '../ui/file-icon';\nimport type { FileNode } from './types';\nimport { format } from 'date-fns';\nimport { cn } from '../../lib/utils';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Badge } from '../ui';\nimport { FileContextMenu } from './FileContextMenu';\nimport { Draggable, Droppable } from '../ui/dnd';\nimport { ShieldCheck, ShieldAlert, Loader2 } from 'lucide-react';\n\nexport interface FileListViewProps {\n /** 表示するノード一覧 /\n nodes: FileNode[];\n /* 選択されているノードのID一覧 /\n selectedIds: string[];\n /* 検証状態のマップ /\n verifyingIds?: Record<string, { loading: boolean; valid?: boolean; error?: string }>;\n /* 選択状態が変更された時のコールバック /\n onSelect: (ids: string[]) => void;\n /* ノードがダブルクリック（またはフォルダ移動）された時のコールバック /\n onOpen: (node: FileNode) => void;\n /* ノードを削除する時のコールバック /\n onDelete: (node: FileNode) => void;\n /* 詳細を表示する時のコールバック /\n onDetails?: (node: FileNode) => void;\n /* 名前変更時のコールバック /\n onRename?: (node: FileNode) => void;\n /* タグ更新時のコールバック /\n onUpdateTags?: (node: FileNode) => void;\n /* 整合性検証時のコールバック /\n onVerify?: (node: FileNode) => void;\n}\n\n/\n ファイルのバイト数を人間が読みやすい形式に変換\n /\nfunction formatSize(bytes?: number): string {\n if (bytes === undefined) return '-';\n if (bytes === 0) return '0 B';\n const k = 1024;\n const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;\n}\n\n/\n Render a semantic table of host-owned file nodes with native icon drag handles.\n * @param props - Current nodes, selected ids, optional verification state and host\n * selection/open/delete/detail/rename/tag/verify callbacks; no storage is configured here.\n * @returns The table view; empty listings show the corresponding empty state.\n * @remarks Place standalone views under DnDProvider from the same native engine.\n * Selection and open callbacks remain host-owned. Import Appkit CSS once.\n * @example\n * ```tsx\n * import {FileListView} from '@alneas/appkit-react/tools/file-browser';\n * import {DnDProvider} from '@alneas/appkit-react/tools/ui';\n * import '@alneas/appkit-react/styles';\n * export function EmptyFiles() {\n * return <DnDProvider><FileListView nodes={[]} selectedIds={[]}\n * onSelect={() => {}} onOpen={() => {}} onDelete={() => {}} /></DnDProvider>;\n * }\n * ```\n */\nexport function FileListView({\n nodes,\n selectedIds,\n verifyingIds = {},\n onSelect,\n onOpen,\n onDelete,\n onDetails,\n onRename,\n onUpdateTags,\n onVerify,\n}: FileListViewProps) {\n const handleRowClick = (e: React.MouseEvent, node: FileNode) => {\n if (e.metaKey \|\| e.ctrlKey) {\n if (selectedIds.includes(node.id)) {\n onSelect(selectedIds.filter((id) => id !== node.id));\n } else {\n onSelect([...selectedIds, node.id]);\n }\n } else {\n onSelect([node.id]);\n }\n };\n\n const renderNodeContent = (\n node: FileNode, isSelected: boolean,\n rowProps: React.ComponentPropsWithRef<typeof TableRow> & {'data-file-drop'?: string; 'data-drop-over'?: boolean} = {},\n dragHandle?: (element: Element \| null) => void,\n ) => {\n const tags = node.metadata?.tags?.split(',').filter(Boolean) \|\| [];\n const verification = verifyingIds[node.id];\n\n return (\n <TableRow\n {...rowProps}\n className={cn(\n 'cursor-pointer transition-colors group select-none w-full border-b',\n isSelected && 'bg-primary/5 hover:bg-primary/10',\n rowProps.className,\n )}\n onClick={(e) => handleRowClick(e, node)}\n onDoubleClick={() => onOpen(node)}\n >\n <TableCell className='font-medium'>\n <div className='flex items-center gap-3'>\n {dragHandle ? (\n <button type='button' aria-label={`Move ${node.name}`} ref={dragHandle}>\n <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />\n </button>\n ) : <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />}\n <span className='truncate'>{node.name}</span>\n {verification?.loading && (\n <Loader2 className='h-3 w-3 animate-spin text-muted-foreground' />\n )}\n {verification?.valid === true && (\n <span title='Integrity Verified'>\n <ShieldCheck className='h-3 w-3 text-green-600' />\n </span>\n )}\n {verification?.valid === false && (\n <span title={verification.error \|\| 'Integrity Failure'}>\n <ShieldAlert className='h-3 w-3 text-destructive' />\n </span>\n )}\n </div>\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'file' ? formatSize(node.size) : '--'}\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'folder' ? 'Folder' : node.contentType \|\| 'File'}\n </TableCell>\n <TableCell>\n <div className='flex flex-wrap gap-1'>\n {tags.map((tag) => (\n <Badge\n key={tag}\n variant='secondary'\n className='px-1.5 py-0 text-[10px] h-4 bg-muted/50'\n >\n {tag}\n </Badge>\n ))}\n </div>\n </TableCell>\n <TableCell className='text-right text-muted-foreground whitespace-nowrap'>\n {node.lastModified ? format(node.lastModified, 'yyyy/MM/dd HH:mm') : '--'}\n </TableCell>\n </TableRow>\n );\n };\n\n return (\n <div className='flex-1 overflow-auto'>\n <Table className='relative'>\n <TableHeader className='bg-muted/30 sticky top-0 z-10'>\n <TableRow>\n <TableHead className='w-[35%]'>Name</TableHead>\n <TableHead>Size</TableHead>\n <TableHead>Type</TableHead>\n <TableHead>Tags</TableHead>\n <TableHead className='text-right'>Modified</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {nodes.length === 0 ? (\n <TableRow>\n <TableCell colSpan={5} className='h-32 text-center text-muted-foreground'>\n No items found.\n </TableCell>\n </TableRow>\n ) : (\n nodes.map((node) => {\n const isSelected = selectedIds.includes(node.id);\n\n const withContextMenu = (row: React.ReactElement) => (\n <FileContextMenu node={node} onOpen={onOpen} onDelete={onDelete}\n onDetails={onDetails} onRename={onRename} onUpdateTags={onUpdateTags} onVerify={onVerify}>\n {row}\n </FileContextMenu>\n );\n const item = node.kind === 'file' ? (\n <Draggable id={node.id} data={node}>\n {({ ref, style, handleRef, isDragging }) =>\n withContextMenu(renderNodeContent(node, isSelected,\n { ref, style, className: cn(isDragging && 'z-50') },\n handleRef))}\n </Draggable>\n ) : (\n <Droppable id={node.id} data={node}>\n {({ ref, isDropTarget }) => withContextMenu(renderNodeContent(node, isSelected,\n { ref, 'data-file-drop': node.id, 'data-drop-over': isDropTarget, className: cn(isDropTarget && 'bg-primary/10 ring-2 ring-primary/20 inset-x-0') }))}\n </Droppable>\n );\n\n return <React.Fragment key={node.id}>{item}</React.Fragment>;\n })\n )}\n </TableBody>\n </Table>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/tools/components/file-browser/FileListView.d.cts CHANGED Viewed

@@ -27,6 +27,21 @@ export interface FileListViewProps {
     onVerify?: (node: FileNode) => void;
 }
 /**
- * ファイルの一覧表示（詳細リスト形式）
+ * Render a semantic table of host-owned file nodes with native icon drag handles.
+ * @param props - Current nodes, selected ids, optional verification state and host
+ * selection/open/delete/detail/rename/tag/verify callbacks; no storage is configured here.
+ * @returns The table view; empty listings show the corresponding empty state.
+ * @remarks Place standalone views under DnDProvider from the same native engine.
+ * Selection and open callbacks remain host-owned. Import Appkit CSS once.
+ * @example
+ * ```tsx
+ * import {FileListView} from '@alneas/appkit-react/tools/file-browser';
+ * import {DnDProvider} from '@alneas/appkit-react/tools/ui';
+ * import '@alneas/appkit-react/styles';
+ * export function EmptyFiles() {
+ *   return <DnDProvider><FileListView nodes={[]} selectedIds={[]}
+ *     onSelect={() => {}} onOpen={() => {}} onDelete={() => {}} /></DnDProvider>;
+ * }
+ * ```
  */
 export declare function FileListView({ nodes, selectedIds, verifyingIds, onSelect, onOpen, onDelete, onDetails, onRename, onUpdateTags, onVerify, }: FileListViewProps): React.JSX.Element;

package/dist/tools/components/file-browser/FileListView.d.ts CHANGED Viewed

@@ -27,6 +27,21 @@ export interface FileListViewProps {
     onVerify?: (node: FileNode) => void;
 }
 /**
- * ファイルの一覧表示（詳細リスト形式）
+ * Render a semantic table of host-owned file nodes with native icon drag handles.
+ * @param props - Current nodes, selected ids, optional verification state and host
+ * selection/open/delete/detail/rename/tag/verify callbacks; no storage is configured here.
+ * @returns The table view; empty listings show the corresponding empty state.
+ * @remarks Place standalone views under DnDProvider from the same native engine.
+ * Selection and open callbacks remain host-owned. Import Appkit CSS once.
+ * @example
+ * ```tsx
+ * import {FileListView} from '@alneas/appkit-react/tools/file-browser';
+ * import {DnDProvider} from '@alneas/appkit-react/tools/ui';
+ * import '@alneas/appkit-react/styles';
+ * export function EmptyFiles() {
+ *   return <DnDProvider><FileListView nodes={[]} selectedIds={[]}
+ *     onSelect={() => {}} onOpen={() => {}} onDelete={() => {}} /></DnDProvider>;
+ * }
+ * ```
  */
 export declare function FileListView({ nodes, selectedIds, verifyingIds, onSelect, onOpen, onDelete, onDetails, onRename, onUpdateTags, onVerify, }: FileListViewProps): React.JSX.Element;

package/dist/tools/components/file-browser/FileListView.js CHANGED Viewed

@@ -42,8 +42,7 @@ function b({ nodes: b, selectedIds: x, verifyingIds: S = {}, onSelect: C, onOpen
 							s ? /* @__PURE__ */ f("button", {
 								type: "button",
 								"aria-label": `Move ${r.name}`,
-								...s.attributes,
-								...s.listeners,
+								ref: s,
 								children: /* @__PURE__ */ f(n, {
 									kind: r.kind,
 									contentType: r.contentType,
@@ -129,19 +128,18 @@ function b({ nodes: b, selectedIds: x, verifyingIds: S = {}, onSelect: C, onOpen
 				}), i = t.kind === "file" ? /* @__PURE__ */ f(l, {
 					id: t.id,
 					data: t,
-					children: ({ setNodeRef: i, style: a, attributes: o, listeners: s, isDragging: c }) => r(j(t, n, {
+					children: ({ ref: i, style: a, handleRef: o, isDragging: s }) => r(j(t, n, {
 						ref: i,
 						style: a,
-						className: e(c && "z-50")
-					}, {
-						attributes: o,
-						listeners: s
-					}))
+						className: e(s && "z-50")
+					}, o))
 				}) : /* @__PURE__ */ f(u, {
 					id: t.id,
 					data: t,
-					children: ({ setNodeRef: i, isOver: a }) => r(j(t, n, {
+					children: ({ ref: i, isDropTarget: a }) => r(j(t, n, {
 						ref: i,
+						"data-file-drop": t.id,
+						"data-drop-over": a,
 						className: e(a && "bg-primary/10 ring-2 ring-primary/20 inset-x-0")
 					}))
 				});

package/dist/tools/components/file-browser/FileListView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileListView.js","names":["FileIcon","FileIcon$1","React","formatSize","bytes","k","sizes","i","FileListView","handleRowClick","selectedIds","node","onSelect","id","renderNodeContent","tags","verification","verifyingIds","TableRow","rowProps","cn","isSelected","onOpen","TableCell","dragHandle","Loader2","ShieldCheck","ShieldAlert","Badge","tag","format","Table","TableHeader","TableHead","TableBody","nodes","withContextMenu","FileContextMenu","row","item","Draggable","setNodeRef","isDragging","Droppable","isOver"],"sources":["../../../../src/tools/components/file-browser/FileListView.tsx"],"sourcesContent":["import React from 'react';\nimport { FileIcon } from '../ui/file-icon';\nimport type { FileNode } from './types';\nimport { format } from 'date-fns';\nimport { cn } from '../../lib/utils';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Badge } from '../ui';\nimport { FileContextMenu } from './FileContextMenu';\nimport { Draggable, Droppable } from '../ui/dnd';\nimport { ShieldCheck, ShieldAlert, Loader2 } from 'lucide-react';\n\nexport interface FileListViewProps {\n /** 表示するノード一覧 /\n nodes: FileNode[];\n /* 選択されているノードのID一覧 /\n selectedIds: string[];\n /* 検証状態のマップ /\n verifyingIds?: Record<string, { loading: boolean; valid?: boolean; error?: string }>;\n /* 選択状態が変更された時のコールバック /\n onSelect: (ids: string[]) => void;\n /* ノードがダブルクリック（またはフォルダ移動）された時のコールバック /\n onOpen: (node: FileNode) => void;\n /* ノードを削除する時のコールバック /\n onDelete: (node: FileNode) => void;\n /* 詳細を表示する時のコールバック /\n onDetails?: (node: FileNode) => void;\n /* 名前変更時のコールバック /\n onRename?: (node: FileNode) => void;\n /* タグ更新時のコールバック /\n onUpdateTags?: (node: FileNode) => void;\n /* 整合性検証時のコールバック /\n onVerify?: (node: FileNode) => void;\n}\n\n/\n ファイルのバイト数を人間が読みやすい形式に変換\n /\nfunction formatSize(bytes?: number): string {\n if (bytes === undefined) return '-';\n if (bytes === 0) return '0 B';\n const k = 1024;\n const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;\n}\n\n/\n ファイルの一覧表示（詳細リスト形式）\n */\nexport function FileListView({\n nodes,\n selectedIds,\n verifyingIds = {},\n onSelect,\n onOpen,\n onDelete,\n onDetails,\n onRename,\n onUpdateTags,\n onVerify,\n}: FileListViewProps) {\n const handleRowClick = (e: React.MouseEvent, node: FileNode) => {\n if (e.metaKey \|\| e.ctrlKey) {\n if (selectedIds.includes(node.id)) {\n onSelect(selectedIds.filter((id) => id !== node.id));\n } else {\n onSelect([...selectedIds, node.id]);\n }\n } else {\n onSelect([node.id]);\n }\n };\n\n const renderNodeContent = (\n node: FileNode, isSelected: boolean,\n rowProps: React.ComponentPropsWithRef<typeof TableRow> = {},\n dragHandle?: { attributes: React.HTMLAttributes<HTMLButtonElement>; listeners?: React.HTMLAttributes<HTMLButtonElement> },\n ) => {\n const tags = node.metadata?.tags?.split(',').filter(Boolean) \|\| [];\n const verification = verifyingIds[node.id];\n\n return (\n <TableRow\n {...rowProps}\n className={cn(\n 'cursor-pointer transition-colors group select-none w-full border-b',\n isSelected && 'bg-primary/5 hover:bg-primary/10',\n rowProps.className,\n )}\n onClick={(e) => handleRowClick(e, node)}\n onDoubleClick={() => onOpen(node)}\n >\n <TableCell className='font-medium'>\n <div className='flex items-center gap-3'>\n {dragHandle ? (\n <button type='button' aria-label={`Move ${node.name}`} {...dragHandle.attributes} {...dragHandle.listeners}>\n <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />\n </button>\n ) : <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />}\n <span className='truncate'>{node.name}</span>\n {verification?.loading && (\n <Loader2 className='h-3 w-3 animate-spin text-muted-foreground' />\n )}\n {verification?.valid === true && (\n <span title='Integrity Verified'>\n <ShieldCheck className='h-3 w-3 text-green-600' />\n </span>\n )}\n {verification?.valid === false && (\n <span title={verification.error \|\| 'Integrity Failure'}>\n <ShieldAlert className='h-3 w-3 text-destructive' />\n </span>\n )}\n </div>\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'file' ? formatSize(node.size) : '--'}\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'folder' ? 'Folder' : node.contentType \|\| 'File'}\n </TableCell>\n <TableCell>\n <div className='flex flex-wrap gap-1'>\n {tags.map((tag) => (\n <Badge\n key={tag}\n variant='secondary'\n className='px-1.5 py-0 text-[10px] h-4 bg-muted/50'\n >\n {tag}\n </Badge>\n ))}\n </div>\n </TableCell>\n <TableCell className='text-right text-muted-foreground whitespace-nowrap'>\n {node.lastModified ? format(node.lastModified, 'yyyy/MM/dd HH:mm') : '--'}\n </TableCell>\n </TableRow>\n );\n };\n\n return (\n <div className='flex-1 overflow-auto'>\n <Table className='relative'>\n <TableHeader className='bg-muted/30 sticky top-0 z-10'>\n <TableRow>\n <TableHead className='w-[35%]'>Name</TableHead>\n <TableHead>Size</TableHead>\n <TableHead>Type</TableHead>\n <TableHead>Tags</TableHead>\n <TableHead className='text-right'>Modified</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {nodes.length === 0 ? (\n <TableRow>\n <TableCell colSpan={5} className='h-32 text-center text-muted-foreground'>\n No items found.\n </TableCell>\n </TableRow>\n ) : (\n nodes.map((node) => {\n const isSelected = selectedIds.includes(node.id);\n\n const withContextMenu = (row: React.ReactElement) => (\n <FileContextMenu node={node} onOpen={onOpen} onDelete={onDelete}\n onDetails={onDetails} onRename={onRename} onUpdateTags={onUpdateTags} onVerify={onVerify}>\n {row}\n </FileContextMenu>\n );\n const item = node.kind === 'file' ? (\n <Draggable id={node.id} data={node}>\n {({ setNodeRef, style, attributes, listeners, isDragging }) =>\n withContextMenu(renderNodeContent(node, isSelected,\n { ref: setNodeRef, style, className: cn(isDragging && 'z-50') },\n { attributes, listeners }))}\n </Draggable>\n ) : (\n <Droppable id={node.id} data={node}>\n {({ setNodeRef, isOver }) => withContextMenu(renderNodeContent(node, isSelected,\n { ref: setNodeRef, className: cn(isOver && 'bg-primary/10 ring-2 ring-primary/20 inset-x-0') }))}\n </Droppable>\n );\n\n return <React.Fragment key={node.id}>{item}</React.Fragment>;\n })\n )}\n </TableBody>\n </Table>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"FileListView.js","names":["FileIcon","FileIcon$1","React","formatSize","bytes","k","sizes","i","FileListView","handleRowClick","selectedIds","node","onSelect","id","renderNodeContent","tags","verification","verifyingIds","TableRow","rowProps","cn","isSelected","onOpen","TableCell","dragHandle","Loader2","ShieldCheck","ShieldAlert","Badge","tag","format","Table","TableHeader","TableHead","TableBody","nodes","withContextMenu","FileContextMenu","row","item","Draggable","isDragging","handleRef","Droppable","isDropTarget"],"sources":["../../../../src/tools/components/file-browser/FileListView.tsx"],"sourcesContent":["import React from 'react';\nimport { FileIcon } from '../ui/file-icon';\nimport type { FileNode } from './types';\nimport { format } from 'date-fns';\nimport { cn } from '../../lib/utils';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Badge } from '../ui';\nimport { FileContextMenu } from './FileContextMenu';\nimport { Draggable, Droppable } from '../ui/dnd';\nimport { ShieldCheck, ShieldAlert, Loader2 } from 'lucide-react';\n\nexport interface FileListViewProps {\n /** 表示するノード一覧 /\n nodes: FileNode[];\n /* 選択されているノードのID一覧 /\n selectedIds: string[];\n /* 検証状態のマップ /\n verifyingIds?: Record<string, { loading: boolean; valid?: boolean; error?: string }>;\n /* 選択状態が変更された時のコールバック /\n onSelect: (ids: string[]) => void;\n /* ノードがダブルクリック（またはフォルダ移動）された時のコールバック /\n onOpen: (node: FileNode) => void;\n /* ノードを削除する時のコールバック /\n onDelete: (node: FileNode) => void;\n /* 詳細を表示する時のコールバック /\n onDetails?: (node: FileNode) => void;\n /* 名前変更時のコールバック /\n onRename?: (node: FileNode) => void;\n /* タグ更新時のコールバック /\n onUpdateTags?: (node: FileNode) => void;\n /* 整合性検証時のコールバック /\n onVerify?: (node: FileNode) => void;\n}\n\n/\n ファイルのバイト数を人間が読みやすい形式に変換\n /\nfunction formatSize(bytes?: number): string {\n if (bytes === undefined) return '-';\n if (bytes === 0) return '0 B';\n const k = 1024;\n const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;\n}\n\n/\n Render a semantic table of host-owned file nodes with native icon drag handles.\n * @param props - Current nodes, selected ids, optional verification state and host\n * selection/open/delete/detail/rename/tag/verify callbacks; no storage is configured here.\n * @returns The table view; empty listings show the corresponding empty state.\n * @remarks Place standalone views under DnDProvider from the same native engine.\n * Selection and open callbacks remain host-owned. Import Appkit CSS once.\n * @example\n * ```tsx\n * import {FileListView} from '@alneas/appkit-react/tools/file-browser';\n * import {DnDProvider} from '@alneas/appkit-react/tools/ui';\n * import '@alneas/appkit-react/styles';\n * export function EmptyFiles() {\n * return <DnDProvider><FileListView nodes={[]} selectedIds={[]}\n * onSelect={() => {}} onOpen={() => {}} onDelete={() => {}} /></DnDProvider>;\n * }\n * ```\n */\nexport function FileListView({\n nodes,\n selectedIds,\n verifyingIds = {},\n onSelect,\n onOpen,\n onDelete,\n onDetails,\n onRename,\n onUpdateTags,\n onVerify,\n}: FileListViewProps) {\n const handleRowClick = (e: React.MouseEvent, node: FileNode) => {\n if (e.metaKey \|\| e.ctrlKey) {\n if (selectedIds.includes(node.id)) {\n onSelect(selectedIds.filter((id) => id !== node.id));\n } else {\n onSelect([...selectedIds, node.id]);\n }\n } else {\n onSelect([node.id]);\n }\n };\n\n const renderNodeContent = (\n node: FileNode, isSelected: boolean,\n rowProps: React.ComponentPropsWithRef<typeof TableRow> & {'data-file-drop'?: string; 'data-drop-over'?: boolean} = {},\n dragHandle?: (element: Element \| null) => void,\n ) => {\n const tags = node.metadata?.tags?.split(',').filter(Boolean) \|\| [];\n const verification = verifyingIds[node.id];\n\n return (\n <TableRow\n {...rowProps}\n className={cn(\n 'cursor-pointer transition-colors group select-none w-full border-b',\n isSelected && 'bg-primary/5 hover:bg-primary/10',\n rowProps.className,\n )}\n onClick={(e) => handleRowClick(e, node)}\n onDoubleClick={() => onOpen(node)}\n >\n <TableCell className='font-medium'>\n <div className='flex items-center gap-3'>\n {dragHandle ? (\n <button type='button' aria-label={`Move ${node.name}`} ref={dragHandle}>\n <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />\n </button>\n ) : <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />}\n <span className='truncate'>{node.name}</span>\n {verification?.loading && (\n <Loader2 className='h-3 w-3 animate-spin text-muted-foreground' />\n )}\n {verification?.valid === true && (\n <span title='Integrity Verified'>\n <ShieldCheck className='h-3 w-3 text-green-600' />\n </span>\n )}\n {verification?.valid === false && (\n <span title={verification.error \|\| 'Integrity Failure'}>\n <ShieldAlert className='h-3 w-3 text-destructive' />\n </span>\n )}\n </div>\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'file' ? formatSize(node.size) : '--'}\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'folder' ? 'Folder' : node.contentType \|\| 'File'}\n </TableCell>\n <TableCell>\n <div className='flex flex-wrap gap-1'>\n {tags.map((tag) => (\n <Badge\n key={tag}\n variant='secondary'\n className='px-1.5 py-0 text-[10px] h-4 bg-muted/50'\n >\n {tag}\n </Badge>\n ))}\n </div>\n </TableCell>\n <TableCell className='text-right text-muted-foreground whitespace-nowrap'>\n {node.lastModified ? format(node.lastModified, 'yyyy/MM/dd HH:mm') : '--'}\n </TableCell>\n </TableRow>\n );\n };\n\n return (\n <div className='flex-1 overflow-auto'>\n <Table className='relative'>\n <TableHeader className='bg-muted/30 sticky top-0 z-10'>\n <TableRow>\n <TableHead className='w-[35%]'>Name</TableHead>\n <TableHead>Size</TableHead>\n <TableHead>Type</TableHead>\n <TableHead>Tags</TableHead>\n <TableHead className='text-right'>Modified</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {nodes.length === 0 ? (\n <TableRow>\n <TableCell colSpan={5} className='h-32 text-center text-muted-foreground'>\n No items found.\n </TableCell>\n </TableRow>\n ) : (\n nodes.map((node) => {\n const isSelected = selectedIds.includes(node.id);\n\n const withContextMenu = (row: React.ReactElement) => (\n <FileContextMenu node={node} onOpen={onOpen} onDelete={onDelete}\n onDetails={onDetails} onRename={onRename} onUpdateTags={onUpdateTags} onVerify={onVerify}>\n {row}\n </FileContextMenu>\n );\n const item = node.kind === 'file' ? (\n <Draggable id={node.id} data={node}>\n {({ ref, style, handleRef, isDragging }) =>\n withContextMenu(renderNodeContent(node, isSelected,\n { ref, style, className: cn(isDragging && 'z-50') },\n handleRef))}\n </Draggable>\n ) : (\n <Droppable id={node.id} data={node}>\n {({ ref, isDropTarget }) => withContextMenu(renderNodeContent(node, isSelected,\n { ref, 'data-file-drop': node.id, 'data-drop-over': isDropTarget, className: cn(isDropTarget && 'bg-primary/10 ring-2 ring-primary/20 inset-x-0') }))}\n </Droppable>\n );\n\n return <React.Fragment key={node.id}>{item}</React.Fragment>;\n })\n )}\n </TableBody>\n </Table>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/tools/components/file-browser/FilePreview.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../ui/components/ui/button-components.cjs"),t=require("../../../ui/components/ui/dialog.cjs"),n=require("../../../ui/components/ui/file-icon.cjs");let r=require("react/jsx-runtime"),i=require("react"),a=require("lucide-react");function o({node:o,url:s,onClose:c}){let[l,u]=(0,i.useState)(!0),[d,f]=(0,i.useState)(null),p=!!o&&!!s,m=o?.contentType?.toLowerCase()||``,h=m.includes(`image/`),g=m.includes(`pdf`),_=m.includes(`text/`)||m.includes(`json`)||m.includes(`javascript`)||m.includes(`typescript`);return(0,i.useEffect)(()=>{p&&_&&s?(queueMicrotask(()=>{u(!0)}),fetch(s).then(e=>e.text()).then(e=>{f(e),u(!1)}).catch(()=>{f(`Failed to load text content.`),u(!1)})):queueMicrotask(()=>{u(!1),f(null)})},[p,_,s]),o?(0,r.jsx)(t.Dialog,{open:p,onOpenChange:e=>!e&&c(),children:(0,r.jsxs)(t.DialogContent,{className:`max-w-4xl w-[90vw] h-[85vh] flex flex-col p-0 overflow-hidden gap-0`,children:[(0,r.jsxs)(t.DialogHeader,{className:`p-4 border-b flex-row items-center justify-between space-y-0`,children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-3 pr-8`,children:[(0,r.jsx)(n.FileIcon,{kind:o.kind,contentType:o.contentType,className:`h-5 w-5`}),(0,r.jsx)(t.DialogTitle,{className:`text-base font-semibold truncate`,children:o.name})]}),(0,r.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,r.jsxs)(e.Button,{variant:`outline`,size:`sm`,className:`h-8 gap-2`,nativeButton:!1,render:(0,r.jsx)(`a`,{href:s||`#`,download:o.name}),children:[(0,r.jsx)(a.Download,{className:`h-3.5 w-3.5`}),(0,r.jsx)(`span`,{children:`Download`})]}),(0,r.jsx)(e.Button,{variant:`ghost`,size:`sm`,className:`h-8`,nativeButton:!1,render:(0,r.jsx)(`a`,{href:s||`#`,target:`_blank`,rel:`noreferrer`,"aria-label":`Open in new tab`}),children:(0,r.jsx)(a.ExternalLink,{className:`h-3.5 w-3.5`})})]})]}),(0,r.jsxs)(`div`,{className:`flex-1 bg-muted/20 relative overflow-auto flex items-center justify-center`,children:[l&&(0,r.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-background/50 z-10`,children:(0,r.jsx)(a.Loader2,{className:`h-8 w-8 animate-spin text-muted-foreground`})}),h&&s&&(0,r.jsx)(`img`,{src:s,alt:o.name,className:`max-w-full max-h-full object-contain shadow-lg`,onLoad:()=>u(!1)}),g&&s&&(0,r.jsx)(`iframe`,{src:`${s}#toolbar=0`,title:o.name,className:`w-full h-full border-none`,onLoad:()=>u(!1)}),_&&d!==null&&(0,r.jsx)(`pre`,{className:`w-full h-full p-6 font-mono text-xs overflow-auto bg-background whitespace-pre-wrap`,children:d}),!h&&!g&&!_&&(0,r.jsxs)(`div`,{className:`text-center p-12`,children:[(0,r.jsx)(n.FileIcon,{kind:o.kind,contentType:o.contentType,className:`h-16 w-16 mx-auto mb-4 opacity-20`}),(0,r.jsx)(`p`,{className:`text-muted-foreground`,children:`Preview not available for this file type.`}),(0,r.jsx)(`p`,{className:`text-xs mt-2`,children:`Please download the file to view it.`})]})]})]})}):null}exports.FilePreview=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../ui/components/ui/button-variants.cjs"),t=require("../../../ui/components/ui/dialog.cjs"),n=require("../../../ui/components/ui/file-icon.cjs");let r=require("react/jsx-runtime"),i=require("react"),a=require("lucide-react");function o({node:o,url:s,onClose:c}){let[l,u]=(0,i.useState)(!0),[d,f]=(0,i.useState)(null),p=!!o&&!!s,m=o?.contentType?.toLowerCase()||``,h=m.includes(`image/`),g=m.includes(`pdf`),_=m.includes(`text/`)||m.includes(`json`)||m.includes(`javascript`)||m.includes(`typescript`);return(0,i.useEffect)(()=>{let e=new AbortController;return p&&_&&s?(queueMicrotask(()=>{e.signal.aborted||(u(!0),f(null))}),fetch(s,{signal:e.signal}).then(e=>{if(!e.ok)throw Error(`Failed to load text content.`);return e.text()}).then(t=>{e.signal.aborted||(f(t),u(!1))}).catch(()=>{e.signal.aborted||(f(`Failed to load text content.`),u(!1))})):queueMicrotask(()=>{e.signal.aborted||(u(!1),f(null))}),()=>e.abort()},[p,_,s]),o?(0,r.jsx)(t.Dialog,{open:p,onOpenChange:e=>!e&&c(),children:(0,r.jsxs)(t.DialogContent,{className:`max-w-4xl w-[90vw] h-[85vh] flex flex-col p-0 overflow-hidden gap-0`,children:[(0,r.jsxs)(t.DialogHeader,{className:`p-4 border-b flex-row items-center justify-between space-y-0`,children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-3 pr-8`,children:[(0,r.jsx)(n.FileIcon,{kind:o.kind,contentType:o.contentType,className:`h-5 w-5`}),(0,r.jsx)(t.DialogTitle,{className:`text-base font-semibold truncate`,children:o.name})]}),(0,r.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,r.jsxs)(`a`,{className:e.buttonVariants({variant:`outline`,size:`sm`,className:`h-8 gap-2`}),href:s||`#`,download:o.name,children:[(0,r.jsx)(a.Download,{className:`h-3.5 w-3.5`}),(0,r.jsx)(`span`,{children:`Download`})]}),(0,r.jsx)(`a`,{className:e.buttonVariants({variant:`ghost`,size:`sm`,className:`h-8`}),href:s||`#`,target:`_blank`,rel:`noreferrer`,"aria-label":`Open in new tab`,children:(0,r.jsx)(a.ExternalLink,{className:`h-3.5 w-3.5`})})]})]}),(0,r.jsxs)(`div`,{className:`flex-1 bg-muted/20 relative overflow-auto flex items-center justify-center`,children:[l&&(0,r.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-background/50 z-10`,children:(0,r.jsx)(a.Loader2,{className:`h-8 w-8 animate-spin text-muted-foreground`})}),h&&s&&(0,r.jsx)(`img`,{src:s,alt:o.name,className:`max-w-full max-h-full object-contain shadow-lg`,onLoad:()=>u(!1)}),g&&s&&(0,r.jsx)(`iframe`,{src:`${s}#toolbar=0`,title:o.name,className:`w-full h-full border-none`,onLoad:()=>u(!1)}),_&&d!==null&&(0,r.jsx)(`pre`,{className:`w-full h-full p-6 font-mono text-xs overflow-auto bg-background whitespace-pre-wrap`,children:d}),!h&&!g&&!_&&(0,r.jsxs)(`div`,{className:`text-center p-12`,children:[(0,r.jsx)(n.FileIcon,{kind:o.kind,contentType:o.contentType,className:`h-16 w-16 mx-auto mb-4 opacity-20`}),(0,r.jsx)(`p`,{className:`text-muted-foreground`,children:`Preview not available for this file type.`}),(0,r.jsx)(`p`,{className:`text-xs mt-2`,children:`Please download the file to view it.`})]})]})]})}):null}exports.FilePreview=o;
 //# sourceMappingURL=FilePreview.cjs.map

package/dist/tools/components/file-browser/FilePreview.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilePreview.cjs","names":["useState","Dialog","DialogContent","DialogHeader","FileIcon","DialogTitle","~~Button~~","Download","ExternalLink","Loader2","~~require_ui_components_ui_button_components~~","require_ui_components_ui_dialog","require_ui_components_ui_file_icon","react_jsx_runtime","react","lucide_react","FilePreview","loading","setLoading","textContent","setTextContent","isOpen","node","url","mime","isImage","isPdf","isText","res","text","open","onClose"],"sources":["../../../../src/tools/components/file-browser/FilePreview.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/dialog';\nimport type { FileNode } from './types';\nimport { FileIcon } from '../ui/file-icon';\nimport { Loader2, Download, ExternalLink } from 'lucide-react';\nimport { ~~Button~~ } from '../ui/button';\n\nexport interface FilePreviewProps {\n /** プレビュー対象のノード /\n node: FileNode \| null;\n /* 署名付きURL /\n url: string \| null;\n /* モーダルを閉じる時のコールバック /\n onClose: () => void;\n}\n\n/\n ファイルのプレビューを表示するモーダルコンポーネント\n */\nexport function FilePreview({ node, url, onClose }: FilePreviewProps) {\n const [loading, setLoading] = useState(true);\n const [textContent, setTextContent] = useState<string \| null>(null);\n\n const isOpen = !!node && !!url;\n const mime = node?.contentType?.toLowerCase() \|\| '';\n const isImage = mime.includes('image/');\n const isPdf = mime.includes('pdf');\n const isText =\n mime.includes('text/') \|\|\n mime.includes('json') \|\|\n mime.includes('javascript') \|\|\n mime.includes('typescript');\n\n useEffect(() => {\n if (isOpen && isText && url) {\n queueMicrotask(() => {\n setLoading(true);\n });\n fetch(url)\n .then((res) => res.text())\n .then((text) => {\n setTextContent(text);\n setLoading(false);\n })\n .catch(() => {\n setTextContent('Failed to load text content.');\n setLoading(false);\n });\n } else {\n queueMicrotask(() => {\n setLoading(false);\n setTextContent(null);\n });\n }\n }, [isOpen, isText, url]);\n\n if (!node) return null;\n\n return (\n <Dialog open={isOpen} onOpenChange={(open) => !open && onClose()}>\n <DialogContent className='max-w-4xl w-[90vw] h-[85vh] flex flex-col p-0 overflow-hidden gap-0'>\n <DialogHeader className='p-4 border-b flex-row items-center justify-between space-y-0'>\n <div className='flex items-center gap-3 pr-8'>\n <FileIcon kind={node.kind} contentType={node.contentType} className='h-5 w-5' />\n <DialogTitle className='text-base font-semibold truncate'>{node.name}</DialogTitle>\n </div>\n <div className='flex items-center gap-2'>\n <~~Button~~ variant='outline' size='sm' className='h-8 gap-2' ~~nativeButton={false~~} ~~render={<a~~ href={url \|\| '#'} download={node.name} ~~/>}~~>\n <Download className='h-3.5 w-3.5' />\n <span>Download</span>\n </~~Button~~>\n <~~Button~~ variant='ghost' size='sm' className='h-8' ~~nativeButton={false~~} ~~render={<a~~ href={url \|\| '#'} target='_blank' rel='noreferrer' aria-label='Open in new tab' ~~/>}~~>\n <ExternalLink className='h-3.5 w-3.5' />\n </~~Button~~>\n </div>\n </DialogHeader>\n\n <div className='flex-1 bg-muted/20 relative overflow-auto flex items-center justify-center'>\n {loading && (\n <div className='absolute inset-0 flex items-center justify-center bg-background/50 z-10'>\n <Loader2 className='h-8 w-8 animate-spin text-muted-foreground' />\n </div>\n )}\n\n {isImage && url && (\n <img\n src={url}\n alt={node.name}\n className='max-w-full max-h-full object-contain shadow-lg'\n onLoad={() => setLoading(false)}\n />\n )}\n\n {isPdf && url && (\n <iframe\n src={`${url}#toolbar=0`}\n title={node.name}\n className='w-full h-full border-none'\n onLoad={() => setLoading(false)}\n />\n )}\n\n {isText && textContent !== null && (\n <pre className='w-full h-full p-6 font-mono text-xs overflow-auto bg-background whitespace-pre-wrap'>\n {textContent}\n </pre>\n )}\n\n {!isImage && !isPdf && !isText && (\n <div className='text-center p-12'>\n <FileIcon\n kind={node.kind}\n contentType={node.contentType}\n className='h-16 w-16 mx-auto mb-4 opacity-20'\n />\n <p className='text-muted-foreground'>Preview not available for this file type.</p>\n <p className='text-xs mt-2'>Please download the file to view it.</p>\n </div>\n )}\n </div>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":"A,~~0UAmBA~~,SAAgBgB,EAAY,CAAE,OAAM,MAAK,WAA6B,CACpE,GAAM,CAACC,EAASC,IAAA,EAAclB,EAAAA,SAAAA,CAAS,EAAI,EACrC,CAACmB,EAAaC,IAAA,EAAkBpB,EAAAA,SAAAA,CAAwB,IAAI,EAE5DqB,EAAS,CAAC,CAACC,GAAQ,CAAC,CAACC,EACrBC,EAAOF,GAAM,aAAa,YAAY,GAAK,GAC3CG,EAAUD,EAAK,SAAS,QAAQ,EAChCE,EAAQF,EAAK,SAAS,KAAK,EAC3BG,EACJH,EAAK,SAAS,OAAO,GACrBA,EAAK,SAAS,MAAM,GACpBA,EAAK,SAAS,YAAY,GAC1BA,EAAK,SAAS,YAAY,~~EA2B5B~~,~~OAzBA~~,EAAAV,EAAA,UAAA,KAAgB,~~CACVO~~,GAAUM,GAAUJ,GACtB,mBAAqB,~~CACnBL~~,EAAW,EAAI,~~CACjB~~,CAAC,EACD,~~MAAMK~~,~~CAAG~~,CAAC,~~CACP~~,KAAM,~~GAAQK~~,EAAI,KAAK,CAAC,CAAC,~~CACzB~~,KAAM,GAAS,~~CACdR~~,~~EAAeS~~,CAAI,~~EACnBX~~,EAAW,EAAK,~~CAClB~~,CAAC,CAAC,CACD,UAAY,~~CACXE~~,EAAe,8BAA8B,EAC7CF,EAAW,EAAK,~~CAClB~~,CAAC,GAEH,mBAAqB,~~CACnBA~~,EAAW,EAAK,EAChBE,EAAe,IAAI,~~CACrB~~,CAAC,~~CAEL~~,EAAG,~~CAACC~~,EAAQM,EAAQJ,CAAG,CAAC,EAEnBD,GAGH,EAAAT,EAAA,IAAA,CAACZ,EAAAA,OAAD,CAAQ,KAAMoB,EAAQ,aAAe,GAAS,~~CAACS~~,GAAQC,EAAQ,EAC7D,UAAA,~~EAAAlB~~,EAAA,KAAA,CAACX,EAAAA,cAAD,CAAe,UAAU,sEAAzB,SAAA,EACE,EAAAW,EAAA,KAAA,CAACV,EAAAA,aAAD,CAAc,UAAU,+DAAxB,SAAA,EACE,EAAAU,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,+BAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAACT,EAAAA,SAAD,CAAU,KAAMkB,EAAK,KAAM,YAAaA,EAAK,YAAa,UAAU,SAAW,CAAA,GAC/E,EAAAT,EAAA,IAAA,CAACR,EAAAA,YAAD,CAAa,UAAU,mCAAoC,SAAAiB,EAAK,IAAkB,CAAA,CAC/E,CACL,CAAA,GAAA,EAAAT,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,0BAAf,SAAA,EACE,EAAAA,EAAA,KAAA,~~CAACP~~,~~EAAAA~~,~~OAAD~~,~~CAAQ~~,~~QAAQ~~,~~UAAU~~,~~KAAK~~,~~KAAK~~,~~UAAU~~,~~YAAY~~,~~aAAc~~,~~GAAO~~,~~QAAQ~~,~~EAAAO,EAAA,IAAA,~~CAAC,~~IAAD~~,~~CAAG~~,~~KAAMU,~~GAAO,IAAK,SAAUD,EAAK,~~IAAO~~,~~CAAA,EAAlI,~~SAAA,EACI,EAAAT,EAAA,IAAA,CAACN,EAAAA,SAAD,CAAU,UAAU,aAAe,CAAA,GACnC,EAAAM,EAAA,IAAA,CAAC,OAAD,CAAA,SAAM,UAAc,CAAA,~~CAChB~~,~~CACR~~,CAAA,GAAA,EAAAA,EAAA,IAAA,~~CAACP~~,~~EAAAA~~,~~OAAD~~,~~CAAQ~~,~~QAAQ~~,~~QAAQ~~,~~KAAK~~,~~KAAK~~,~~UAAU~~,~~MAAM~~,~~aAAc~~,~~GAAO~~,~~QAAQ~~,~~EAAAO,EAAA,IAAA,~~CAAC,~~IAAD~~,~~CAAG~~,~~KAAMU,~~GAAO,IAAK,OAAO,SAAS,IAAI,aAAa,aAAW,~~iBAAmB~~,~~CAAA,EAC/J,~~UAAA,EAAAV,EAAA,IAAA,CAACL,EAAAA,aAAD,CAAc,UAAU,aAAe,CAAA,~~CACnC~~,CAAA,~~CACL~~,CACO,CAAA,CAAA,CAEd,CAAA,GAAA,EAAAK,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,6EAAf,SAAA,CACGI,IACC,EAAAJ,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,0EACb,UAAA,EAAAA,EAAA,IAAA,CAACJ,EAAAA,QAAD,CAAS,UAAU,4CAA8C,CAAA,CAC9D,CAAA,EAGNgB,GAAWF,IACV,EAAAV,EAAA,IAAA,CAAC,MAAD,CACE,IAAKU,EACL,IAAKD,EAAK,KACV,UAAU,iDACV,WAAcJ,EAAW,EAAK,CAC/B,CAAA,EAGFQ,GAASH,IACR,EAAAV,EAAA,IAAA,CAAC,SAAD,CACE,IAAK,GAAGU,EAAI,YACZ,MAAOD,EAAK,KACZ,UAAU,4BACV,WAAcJ,EAAW,EAAK,CAC/B,CAAA,EAGFS,GAAUR,IAAgB,OACzB,EAAAN,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,sFACZ,SAAAM,CACE,CAAA,EAGN,CAACM,GAAW,CAACC,GAAS,CAACC,IACtB,EAAAd,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,mBAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAACT,EAAAA,SAAD,CACE,KAAMkB,EAAK,KACX,YAAaA,EAAK,YAClB,UAAU,mCACX,CAAA,GACD,EAAAT,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,wBAAwB,SAAA,2CAA4C,CAAA,GACjF,EAAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,eAAe,SAAA,sCAAuC,CAAA,CAChE,C,EAEJ,CACQ,CAAA,CAAA,C,EACT,CAAA,EAjEQ,IAmEpB,C"}
1	+ {"version":3,"file":"FilePreview.cjs","names":["useState","Dialog","DialogContent","DialogHeader","FileIcon","DialogTitle","buttonVariants","Download","ExternalLink","Loader2","require_ui_components_ui_button_variants","require_ui_components_ui_dialog","require_ui_components_ui_file_icon","react_jsx_runtime","react","lucide_react","FilePreview","loading","setLoading","textContent","setTextContent","isOpen","node","url","mime","isImage","isPdf","isText","controller","res","text","open","onClose"],"sources":["../../../../src/tools/components/file-browser/FilePreview.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/dialog';\nimport type { FileNode } from './types';\nimport { FileIcon } from '../ui/file-icon';\nimport { Loader2, Download, ExternalLink } from 'lucide-react';\nimport { buttonVariants } from '../ui/button';\n\nexport interface FilePreviewProps {\n /** プレビュー対象のノード /\n node: FileNode \| null;\n /* 署名付きURL /\n url: string \| null;\n /* モーダルを閉じる時のコールバック /\n onClose: () => void;\n}\n\n/\n ファイルのプレビューを表示するモーダルコンポーネント\n */\nexport function FilePreview({ node, url, onClose }: FilePreviewProps) {\n const [loading, setLoading] = useState(true);\n const [textContent, setTextContent] = useState<string \| null>(null);\n\n const isOpen = !!node && !!url;\n const mime = node?.contentType?.toLowerCase() \|\| '';\n const isImage = mime.includes('image/');\n const isPdf = mime.includes('pdf');\n const isText =\n mime.includes('text/') \|\|\n mime.includes('json') \|\|\n mime.includes('javascript') \|\|\n mime.includes('typescript');\n\n useEffect(() => {\n const controller = new AbortController();\n if (isOpen && isText && url) {\n queueMicrotask(() => {\n if (controller.signal.aborted) return;\n setLoading(true);\n setTextContent(null);\n });\n fetch(url, { signal: controller.signal })\n .then((res) => {\n if (!res.ok) throw new Error('Failed to load text content.');\n return res.text();\n })\n .then((text) => {\n if (controller.signal.aborted) return;\n setTextContent(text);\n setLoading(false);\n })\n .catch(() => {\n if (controller.signal.aborted) return;\n setTextContent('Failed to load text content.');\n setLoading(false);\n });\n } else {\n queueMicrotask(() => {\n if (controller.signal.aborted) return;\n setLoading(false);\n setTextContent(null);\n });\n }\n return () => controller.abort();\n }, [isOpen, isText, url]);\n\n if (!node) return null;\n\n return (\n <Dialog open={isOpen} onOpenChange={(open) => !open && onClose()}>\n <DialogContent className='max-w-4xl w-[90vw] h-[85vh] flex flex-col p-0 overflow-hidden gap-0'>\n <DialogHeader className='p-4 border-b flex-row items-center justify-between space-y-0'>\n <div className='flex items-center gap-3 pr-8'>\n <FileIcon kind={node.kind} contentType={node.contentType} className='h-5 w-5' />\n <DialogTitle className='text-base font-semibold truncate'>{node.name}</DialogTitle>\n </div>\n <div className='flex items-center gap-2'>\n <a className={buttonVariants({ variant: 'outline', size: 'sm', className: 'h-8 gap-2' })} href={url \|\| '#'} download={node.name}>\n <Download className='h-3.5 w-3.5' />\n <span>Download</span>\n </a>\n <a className={buttonVariants({ variant: 'ghost', size: 'sm', className: 'h-8' })} href={url \|\| '#'} target='_blank' rel='noreferrer' aria-label='Open in new tab'>\n <ExternalLink className='h-3.5 w-3.5' />\n </a>\n </div>\n </DialogHeader>\n\n <div className='flex-1 bg-muted/20 relative overflow-auto flex items-center justify-center'>\n {loading && (\n <div className='absolute inset-0 flex items-center justify-center bg-background/50 z-10'>\n <Loader2 className='h-8 w-8 animate-spin text-muted-foreground' />\n </div>\n )}\n\n {isImage && url && (\n <img\n src={url}\n alt={node.name}\n className='max-w-full max-h-full object-contain shadow-lg'\n onLoad={() => setLoading(false)}\n />\n )}\n\n {isPdf && url && (\n <iframe\n src={`${url}#toolbar=0`}\n title={node.name}\n className='w-full h-full border-none'\n onLoad={() => setLoading(false)}\n />\n )}\n\n {isText && textContent !== null && (\n <pre className='w-full h-full p-6 font-mono text-xs overflow-auto bg-background whitespace-pre-wrap'>\n {textContent}\n </pre>\n )}\n\n {!isImage && !isPdf && !isText && (\n <div className='text-center p-12'>\n <FileIcon\n kind={node.kind}\n contentType={node.contentType}\n className='h-16 w-16 mx-auto mb-4 opacity-20'\n />\n <p className='text-muted-foreground'>Preview not available for this file type.</p>\n <p className='text-xs mt-2'>Please download the file to view it.</p>\n </div>\n )}\n </div>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":"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"}

package/dist/tools/components/file-browser/FilePreview.js CHANGED Viewed

@@ -1,5 +1,5 @@
 "use client";
-import { Button as e } from "../../../ui/components/ui/button-components.js";
+import { buttonVariants as e } from "../../../ui/components/ui/button-variants.js";
 import { Dialog as t, DialogContent as n, DialogHeader as r, DialogTitle as i } from "../../../ui/components/ui/dialog.js";
 import { FileIcon as a } from "../../../ui/components/ui/file-icon.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
@@ -9,15 +9,19 @@ import { Download as u, ExternalLink as d, Loader2 as f } from "lucide-react";
 function p({ node: p, url: m, onClose: h }) {
 	let [g, _] = l(!0), [v, y] = l(null), b = !!p && !!m, x = p?.contentType?.toLowerCase() || "", S = x.includes("image/"), C = x.includes("pdf"), w = x.includes("text/") || x.includes("json") || x.includes("javascript") || x.includes("typescript");
 	return c(() => {
-		b && w && m ? (queueMicrotask(() => {
-			_(!0);
-		}), fetch(m).then((e) => e.text()).then((e) => {
-			y(e), _(!1);
+		let e = new AbortController();
+		return b && w && m ? (queueMicrotask(() => {
+			e.signal.aborted || (_(!0), y(null));
+		}), fetch(m, { signal: e.signal }).then((e) => {
+			if (!e.ok) throw Error("Failed to load text content.");
+			return e.text();
+		}).then((t) => {
+			e.signal.aborted || (y(t), _(!1));
 		}).catch(() => {
-			y("Failed to load text content."), _(!1);
+			e.signal.aborted || (y("Failed to load text content."), _(!1));
 		})) : queueMicrotask(() => {
-			_(!1), y(null);
-		});
+			e.signal.aborted || (_(!1), y(null));
+		}), () => e.abort();
 	}, [
 		b,
 		w,
@@ -41,27 +45,25 @@ function p({ node: p, url: m, onClose: h }) {
 					})]
 				}), /* @__PURE__ */ s("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ s(e, {
-						variant: "outline",
-						size: "sm",
-						className: "h-8 gap-2",
-						nativeButton: !1,
-						render: /* @__PURE__ */ o("a", {
-							href: m || "#",
-							download: p.name
+					children: [/* @__PURE__ */ s("a", {
+						className: e({
+							variant: "outline",
+							size: "sm",
+							className: "h-8 gap-2"
 						}),
+						href: m || "#",
+						download: p.name,
 						children: [/* @__PURE__ */ o(u, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ o("span", { children: "Download" })]
-					}), /* @__PURE__ */ o(e, {
-						variant: "ghost",
-						size: "sm",
-						className: "h-8",
-						nativeButton: !1,
-						render: /* @__PURE__ */ o("a", {
-							href: m || "#",
-							target: "_blank",
-							rel: "noreferrer",
-							"aria-label": "Open in new tab"
+					}), /* @__PURE__ */ o("a", {
+						className: e({
+							variant: "ghost",
+							size: "sm",
+							className: "h-8"
 						}),
+						href: m || "#",
+						target: "_blank",
+						rel: "noreferrer",
+						"aria-label": "Open in new tab",
 						children: /* @__PURE__ */ o(d, { className: "h-3.5 w-3.5" })
 					})]
 				})]

package/dist/tools/components/file-browser/FilePreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilePreview.js","names":["FileIcon","FileIcon$1","FilePreview","loading","setLoading","useState","textContent","setTextContent","isOpen","node","url","mime","isImage","isPdf","isText","useEffect","res","text","Dialog","open","onClose","DialogContent","DialogHeader","DialogTitle","~~Button~~","Download","ExternalLink","Loader2"],"sources":["../../../../src/tools/components/file-browser/FilePreview.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/dialog';\nimport type { FileNode } from './types';\nimport { FileIcon } from '../ui/file-icon';\nimport { Loader2, Download, ExternalLink } from 'lucide-react';\nimport { ~~Button~~ } from '../ui/button';\n\nexport interface FilePreviewProps {\n /** プレビュー対象のノード /\n node: FileNode \| null;\n /* 署名付きURL /\n url: string \| null;\n /* モーダルを閉じる時のコールバック /\n onClose: () => void;\n}\n\n/\n ファイルのプレビューを表示するモーダルコンポーネント\n */\nexport function FilePreview({ node, url, onClose }: FilePreviewProps) {\n const [loading, setLoading] = useState(true);\n const [textContent, setTextContent] = useState<string \| null>(null);\n\n const isOpen = !!node && !!url;\n const mime = node?.contentType?.toLowerCase() \|\| '';\n const isImage = mime.includes('image/');\n const isPdf = mime.includes('pdf');\n const isText =\n mime.includes('text/') \|\|\n mime.includes('json') \|\|\n mime.includes('javascript') \|\|\n mime.includes('typescript');\n\n useEffect(() => {\n if (isOpen && isText && url) {\n queueMicrotask(() => {\n setLoading(true);\n });\n fetch(url)\n .then((res) => res.text())\n .then((text) => {\n setTextContent(text);\n setLoading(false);\n })\n .catch(() => {\n setTextContent('Failed to load text content.');\n setLoading(false);\n });\n } else {\n queueMicrotask(() => {\n setLoading(false);\n setTextContent(null);\n });\n }\n }, [isOpen, isText, url]);\n\n if (!node) return null;\n\n return (\n <Dialog open={isOpen} onOpenChange={(open) => !open && onClose()}>\n <DialogContent className='max-w-4xl w-[90vw] h-[85vh] flex flex-col p-0 overflow-hidden gap-0'>\n <DialogHeader className='p-4 border-b flex-row items-center justify-between space-y-0'>\n <div className='flex items-center gap-3 pr-8'>\n <FileIcon kind={node.kind} contentType={node.contentType} className='h-5 w-5' />\n <DialogTitle className='text-base font-semibold truncate'>{node.name}</DialogTitle>\n </div>\n <div className='flex items-center gap-2'>\n <~~Button~~ variant='outline' size='sm' className='h-8 gap-2' ~~nativeButton={false~~} ~~render={<a~~ href={url \|\| '#'} download={node.name} ~~/>}~~>\n <Download className='h-3.5 w-3.5' />\n <span>Download</span>\n </~~Button~~>\n <~~Button~~ variant='ghost' size='sm' className='h-8' ~~nativeButton={false~~} ~~render={<a~~ href={url \|\| '#'} target='_blank' rel='noreferrer' aria-label='Open in new tab' ~~/>}~~>\n <ExternalLink className='h-3.5 w-3.5' />\n </~~Button~~>\n </div>\n </DialogHeader>\n\n <div className='flex-1 bg-muted/20 relative overflow-auto flex items-center justify-center'>\n {loading && (\n <div className='absolute inset-0 flex items-center justify-center bg-background/50 z-10'>\n <Loader2 className='h-8 w-8 animate-spin text-muted-foreground' />\n </div>\n )}\n\n {isImage && url && (\n <img\n src={url}\n alt={node.name}\n className='max-w-full max-h-full object-contain shadow-lg'\n onLoad={() => setLoading(false)}\n />\n )}\n\n {isPdf && url && (\n <iframe\n src={`${url}#toolbar=0`}\n title={node.name}\n className='w-full h-full border-none'\n onLoad={() => setLoading(false)}\n />\n )}\n\n {isText && textContent !== null && (\n <pre className='w-full h-full p-6 font-mono text-xs overflow-auto bg-background whitespace-pre-wrap'>\n {textContent}\n </pre>\n )}\n\n {!isImage && !isPdf && !isText && (\n <div className='text-center p-12'>\n <FileIcon\n kind={node.kind}\n contentType={node.contentType}\n className='h-16 w-16 mx-auto mb-4 opacity-20'\n />\n <p className='text-muted-foreground'>Preview not available for this file type.</p>\n <p className='text-xs mt-2'>Please download the file to view it.</p>\n </div>\n )}\n </div>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":";;;;;;;;AAmBA,SAAgBE,EAAY,EAAE,SAAM,QAAK,cAA6B;CACpE,IAAM,CAACC,GAASC,KAAcC,EAAS,EAAI,GACrC,CAACC,GAAaC,KAAkBF,EAAwB,IAAI,GAE5DG,IAAS,CAAC,CAACC,KAAQ,CAAC,CAACC,GACrBC,IAAOF,GAAM,aAAa,YAAY,KAAK,IAC3CG,IAAUD,EAAK,SAAS,QAAQ,GAChCE,IAAQF,EAAK,SAAS,KAAK,GAC3BG,IACJH,EAAK,SAAS,OAAO,KACrBA,EAAK,SAAS,MAAM,KACpBA,EAAK,SAAS,YAAY,KAC1BA,EAAK,SAAS,YAAY;~~CA2B5B~~,~~OAzBAI~~,QAAgB;EACd,~~AAAIP~~,KAAUM,KAAUJ,KACtB,qBAAqB;GACnB,EAAW,EAAI;~~EACjB~~,CAAC,GACD,~~MAAMA~~,~~CAAG~~,CAAC,~~CACP~~,MAAM,~~MAAQM~~,EAAI,KAAK,CAAC,CAAC,~~CACzB~~,MAAM,MAAS;~~GAEd~~,~~AADAT~~,~~EAAeU~~,CAAI,~~GACnBb~~,EAAW,EAAK;EAClB,CAAC,CAAC,CACD,YAAY;~~GAEX~~,~~AADAG~~,EAAe,8BAA8B,GAC7CH,EAAW,EAAK;EAClB,CAAC,KAEH,qBAAqB;~~GAEnB~~,~~AADAA~~,EAAW,EAAK,GAChBG,EAAe,IAAI;EACrB,CAAC;~~CAEL~~,GAAG;~~EAACC~~;EAAQM;EAAQJ;CAAG,CAAC,GAEnBD,IAGH,~~kBAACS~~,GAAD;EAAQ,~~MAAMV~~;EAAQ,eAAe,MAAS,~~CAACW~~,KAAQC,EAAQ;EAC7D,UAAA,kBAACC,GAAD;GAAe,WAAU;GAAzB,UAAA,CACE,kBAACC,GAAD;IAAc,WAAU;IAAxB,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,~~kBAACtB~~,GAAD;MAAU,MAAMS,EAAK;MAAM,aAAaA,EAAK;MAAa,WAAU;KAAW,CAAA,GAC/E,~~kBAACc~~,GAAD;MAAa,WAAU;MAAoC,~~UAAAd~~,EAAK;KAAkB,CAAA,CAC/E;IACL,CAAA,GAAA,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,~~kBAACe~~,~~GAAD~~;~~MAAQ~~,~~SAAQ~~;~~MAAU~~,~~MAAK~~;~~MAAK~~,~~WAAU~~;~~MAAY~~,~~cAAc~~;~~MAAO~~,~~QAAQ,kBAAC,KAAD~~;~~OAAG~~,~~MAAMd~~,KAAO;~~OAAK~~,UAAUD,EAAK;~~MAAO~~,~~CAAA;MAAlI,~~UAAA,CACI,~~kBAACgB~~,GAAD,EAAU,WAAU,cAAe,CAAA,GACnC,kBAAC,QAAD,EAAA,UAAM,WAAc,CAAA,~~CAChB~~;~~KACR~~,CAAA,GAAA,~~kBAACD~~,~~GAAD~~;~~MAAQ~~,~~SAAQ~~;~~MAAQ~~,~~MAAK~~;~~MAAK~~,~~WAAU~~;~~MAAM~~,~~cAAc~~;~~MAAO~~,~~QAAQ,kBAAC,KAAD~~;~~OAAG~~,~~MAAMd~~,KAAO;~~OAAK~~,QAAO;~~OAAS~~,KAAI;~~OAAa~~,cAAW;~~MAAmB~~,~~CAAA;MAC/J,~~UAAA,~~kBAACgB~~,GAAD,EAAc,WAAU,cAAe,CAAA;~~KACnC~~,CAAA,~~CACL~~;IACO,CAAA,CAAA;GAEd,CAAA,GAAA,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;~~KACGvB~~,KACC,kBAAC,OAAD;MAAK,WAAU;MACb,UAAA,~~kBAACwB~~,GAAD,EAAS,WAAU,6CAA8C,CAAA;KAC9D,CAAA;~~KAGNf~~,KAAWF,KACV,kBAAC,OAAD;MACE,KAAKA;MACL,KAAKD,EAAK;MACV,WAAU;MACV,cAAcL,EAAW,EAAK;KAC/B,CAAA;KAGFS,KAASH,KACR,kBAAC,UAAD;MACE,KAAK,GAAGA,EAAI;MACZ,OAAOD,EAAK;MACZ,WAAU;MACV,cAAcL,EAAW,EAAK;KAC/B,CAAA;KAGFU,KAAUR,MAAgB,QACzB,kBAAC,OAAD;MAAK,WAAU;MACZ,UAAAA;KACE,CAAA;KAGN,CAACM,KAAW,CAACC,KAAS,CAACC,KACtB,kBAAC,OAAD;MAAK,WAAU;MAAf,UAAA;OACE,kBAACd,GAAD;QACE,MAAMS,EAAK;QACX,aAAaA,EAAK;QAClB,WAAU;OACX,CAAA;OACD,kBAAC,KAAD;QAAG,WAAU;QAAwB,UAAA;OAA4C,CAAA;OACjF,kBAAC,KAAD;QAAG,WAAU;QAAe,UAAA;OAAuC,CAAA;MAChE;;IAEJ;GACQ,CAAA,CAAA;;CACT,CAAA,IAjEQ;AAmEpB"}
1	+ {"version":3,"file":"FilePreview.js","names":["FileIcon","FileIcon$1","FilePreview","loading","setLoading","useState","textContent","setTextContent","isOpen","node","url","mime","isImage","isPdf","isText","useEffect","controller","res","text","Dialog","open","onClose","DialogContent","DialogHeader","DialogTitle","buttonVariants","Download","ExternalLink","Loader2"],"sources":["../../../../src/tools/components/file-browser/FilePreview.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/dialog';\nimport type { FileNode } from './types';\nimport { FileIcon } from '../ui/file-icon';\nimport { Loader2, Download, ExternalLink } from 'lucide-react';\nimport { buttonVariants } from '../ui/button';\n\nexport interface FilePreviewProps {\n /** プレビュー対象のノード /\n node: FileNode \| null;\n /* 署名付きURL /\n url: string \| null;\n /* モーダルを閉じる時のコールバック /\n onClose: () => void;\n}\n\n/\n ファイルのプレビューを表示するモーダルコンポーネント\n */\nexport function FilePreview({ node, url, onClose }: FilePreviewProps) {\n const [loading, setLoading] = useState(true);\n const [textContent, setTextContent] = useState<string \| null>(null);\n\n const isOpen = !!node && !!url;\n const mime = node?.contentType?.toLowerCase() \|\| '';\n const isImage = mime.includes('image/');\n const isPdf = mime.includes('pdf');\n const isText =\n mime.includes('text/') \|\|\n mime.includes('json') \|\|\n mime.includes('javascript') \|\|\n mime.includes('typescript');\n\n useEffect(() => {\n const controller = new AbortController();\n if (isOpen && isText && url) {\n queueMicrotask(() => {\n if (controller.signal.aborted) return;\n setLoading(true);\n setTextContent(null);\n });\n fetch(url, { signal: controller.signal })\n .then((res) => {\n if (!res.ok) throw new Error('Failed to load text content.');\n return res.text();\n })\n .then((text) => {\n if (controller.signal.aborted) return;\n setTextContent(text);\n setLoading(false);\n })\n .catch(() => {\n if (controller.signal.aborted) return;\n setTextContent('Failed to load text content.');\n setLoading(false);\n });\n } else {\n queueMicrotask(() => {\n if (controller.signal.aborted) return;\n setLoading(false);\n setTextContent(null);\n });\n }\n return () => controller.abort();\n }, [isOpen, isText, url]);\n\n if (!node) return null;\n\n return (\n <Dialog open={isOpen} onOpenChange={(open) => !open && onClose()}>\n <DialogContent className='max-w-4xl w-[90vw] h-[85vh] flex flex-col p-0 overflow-hidden gap-0'>\n <DialogHeader className='p-4 border-b flex-row items-center justify-between space-y-0'>\n <div className='flex items-center gap-3 pr-8'>\n <FileIcon kind={node.kind} contentType={node.contentType} className='h-5 w-5' />\n <DialogTitle className='text-base font-semibold truncate'>{node.name}</DialogTitle>\n </div>\n <div className='flex items-center gap-2'>\n <a className={buttonVariants({ variant: 'outline', size: 'sm', className: 'h-8 gap-2' })} href={url \|\| '#'} download={node.name}>\n <Download className='h-3.5 w-3.5' />\n <span>Download</span>\n </a>\n <a className={buttonVariants({ variant: 'ghost', size: 'sm', className: 'h-8' })} href={url \|\| '#'} target='_blank' rel='noreferrer' aria-label='Open in new tab'>\n <ExternalLink className='h-3.5 w-3.5' />\n </a>\n </div>\n </DialogHeader>\n\n <div className='flex-1 bg-muted/20 relative overflow-auto flex items-center justify-center'>\n {loading && (\n <div className='absolute inset-0 flex items-center justify-center bg-background/50 z-10'>\n <Loader2 className='h-8 w-8 animate-spin text-muted-foreground' />\n </div>\n )}\n\n {isImage && url && (\n <img\n src={url}\n alt={node.name}\n className='max-w-full max-h-full object-contain shadow-lg'\n onLoad={() => setLoading(false)}\n />\n )}\n\n {isPdf && url && (\n <iframe\n src={`${url}#toolbar=0`}\n title={node.name}\n className='w-full h-full border-none'\n onLoad={() => setLoading(false)}\n />\n )}\n\n {isText && textContent !== null && (\n <pre className='w-full h-full p-6 font-mono text-xs overflow-auto bg-background whitespace-pre-wrap'>\n {textContent}\n </pre>\n )}\n\n {!isImage && !isPdf && !isText && (\n <div className='text-center p-12'>\n <FileIcon\n kind={node.kind}\n contentType={node.contentType}\n className='h-16 w-16 mx-auto mb-4 opacity-20'\n />\n <p className='text-muted-foreground'>Preview not available for this file type.</p>\n <p className='text-xs mt-2'>Please download the file to view it.</p>\n </div>\n )}\n </div>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":"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"}

package/dist/tools/components/file-browser/file-drop.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(e,t){let{source:n,target:r}=e.operation;if(e.canceled\|\|!n\|\|!r)return null;let i=t.find(e=>e.id===n.id),a=t.find(e=>e.id===r.id);if(!i\|\|!a\|\|i.kind!==`file`\|\|a.kind!==`folder`\|\|n.data.id!==i.id\|\|n.data.kind!==`file`\|\|r.data.id!==a.id\|\|r.data.kind!==`folder`)return null;let o=a.id.endsWith(`/`)?a.id:`${a.id}/`;return i.id.startsWith(o)?null:{nodeId:i.id,targetPath:o}}exports.resolveFileDrop=e;
2	+ //# sourceMappingURL=file-drop.cjs.map

package/dist/tools/components/file-browser/file-drop.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"file-drop.cjs","names":["resolveFileDrop","event","source","target","file","nodes","node","folder","targetPath"],"sources":["../../../../src/tools/components/file-browser/file-drop.ts"],"sourcesContent":["import type {FileNode} from './types';\ninterface FileDrop {\n canceled: boolean;\n operation: {\n source: {id: string | number; data: Record<string, unknown>} | null | undefined;\n target: {id: string | number; data: Record<string, unknown>} | null | undefined;\n };\n}\n/** Resolve against the live listing, not the metadata captured before navigation. */\nexport function resolveFileDrop(event: FileDrop, nodes: readonly FileNode[]) {\n const {source, target} = event.operation;\n if (event.canceled || !source || !target) return null;\n const file = nodes.find(node => node.id === source.id);\n const folder = nodes.find(node => node.id === target.id);\n if (!file || !folder || file.kind !== 'file' || folder.kind !== 'folder') return null;\n if (source.data.id !== file.id || source.data.kind !== 'file' || target.data.id !== folder.id || target.data.kind !== 'folder') return null;\n const targetPath = folder.id.endsWith('/') ? folder.id : `${folder.id}/`;\n if (file.id.startsWith(targetPath)) return null;\n return {nodeId: file.id, targetPath};\n}\n"],"mappings":"A,gFASA,SAAgBA,EAAgB,EAAiB,EAA4B,CAC3E,GAAM,CAAC,SAAQ,UAAUC,EAAM,UAC/B,GAAIA,EAAM,UAAY,CAACC,GAAU,CAACC,EAAQ,OAAO,KACjD,IAAMC,EAAOC,EAAM,KAAK,GAAQC,EAAK,KAAOJ,EAAO,EAAE,EAC/CK,EAASF,EAAM,KAAK,GAAQC,EAAK,KAAOH,EAAO,EAAE,EAEvD,GADI,CAACC,GAAQ,CAACG,GAAUH,EAAK,OAAS,QAAUG,EAAO,OAAS,UAC5DL,EAAO,KAAK,KAAOE,EAAK,IAAMF,EAAO,KAAK,OAAS,QAAUC,EAAO,KAAK,KAAOI,EAAO,IAAMJ,EAAO,KAAK,OAAS,SAAU,OAAO,KACvI,IAAMK,EAAaD,EAAO,GAAG,SAAS,GAAG,EAAIA,EAAO,GAAK,GAAGA,EAAO,GAAG,GAEtE,OADIH,EAAK,GAAG,WAAWI,CAAU,EAAU,KACpC,CAAC,OAAQJ,EAAK,GAAI,YAAU,CACrC,C"}

package/dist/tools/components/file-browser/file-drop.d.cts ADDED Viewed

@@ -0,0 +1,20 @@
+import { FileNode } from './types.cjs';
+interface FileDrop {
+    canceled: boolean;
+    operation: {
+        source: {
+            id: string | number;
+            data: Record<string, unknown>;
+        } | null | undefined;
+        target: {
+            id: string | number;
+            data: Record<string, unknown>;
+        } | null | undefined;
+    };
+}
+/** Resolve against the live listing, not the metadata captured before navigation. */
+export declare function resolveFileDrop(event: FileDrop, nodes: readonly FileNode[]): {
+    nodeId: string;
+    targetPath: string;
+} | null;
+export {};

package/dist/tools/components/file-browser/file-drop.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { FileNode } from './types.js';
+interface FileDrop {
+    canceled: boolean;
+    operation: {
+        source: {
+            id: string | number;
+            data: Record<string, unknown>;
+        } | null | undefined;
+        target: {
+            id: string | number;
+            data: Record<string, unknown>;
+        } | null | undefined;
+    };
+}
+/** Resolve against the live listing, not the metadata captured before navigation. */
+export declare function resolveFileDrop(event: FileDrop, nodes: readonly FileNode[]): {
+    nodeId: string;
+    targetPath: string;
+} | null;
+export {};

package/dist/tools/components/file-browser/file-drop.js ADDED Viewed

@@ -0,0 +1,17 @@
+"use client";
+//#region src/tools/components/file-browser/file-drop.ts
+function e(e, t) {
+	let { source: n, target: r } = e.operation;
+	if (e.canceled || !n || !r) return null;
+	let i = t.find((e) => e.id === n.id), a = t.find((e) => e.id === r.id);
+	if (!i || !a || i.kind !== "file" || a.kind !== "folder" || n.data.id !== i.id || n.data.kind !== "file" || r.data.id !== a.id || r.data.kind !== "folder") return null;
+	let o = a.id.endsWith("/") ? a.id : `${a.id}/`;
+	return i.id.startsWith(o) ? null : {
+		nodeId: i.id,
+		targetPath: o
+	};
+}
+//#endregion
+export { e as resolveFileDrop };
+//# sourceMappingURL=file-drop.js.map

package/dist/tools/components/file-browser/file-drop.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"file-drop.js","names":["resolveFileDrop","event","source","target","file","nodes","node","folder","targetPath"],"sources":["../../../../src/tools/components/file-browser/file-drop.ts"],"sourcesContent":["import type {FileNode} from './types';\ninterface FileDrop {\n canceled: boolean;\n operation: {\n source: {id: string | number; data: Record<string, unknown>} | null | undefined;\n target: {id: string | number; data: Record<string, unknown>} | null | undefined;\n };\n}\n/** Resolve against the live listing, not the metadata captured before navigation. */\nexport function resolveFileDrop(event: FileDrop, nodes: readonly FileNode[]) {\n const {source, target} = event.operation;\n if (event.canceled || !source || !target) return null;\n const file = nodes.find(node => node.id === source.id);\n const folder = nodes.find(node => node.id === target.id);\n if (!file || !folder || file.kind !== 'file' || folder.kind !== 'folder') return null;\n if (source.data.id !== file.id || source.data.kind !== 'file' || target.data.id !== folder.id || target.data.kind !== 'folder') return null;\n const targetPath = folder.id.endsWith('/') ? folder.id : `${folder.id}/`;\n if (file.id.startsWith(targetPath)) return null;\n return {nodeId: file.id, targetPath};\n}\n"],"mappings":";;AASA,SAAgBA,EAAgB,GAAiB,GAA4B;CAC3E,IAAM,EAAC,WAAQ,cAAUC,EAAM;CAC/B,IAAIA,EAAM,YAAY,CAACC,KAAU,CAACC,GAAQ,OAAO;CACjD,IAAMC,IAAOC,EAAM,MAAK,MAAQC,EAAK,OAAOJ,EAAO,EAAE,GAC/CK,IAASF,EAAM,MAAK,MAAQC,EAAK,OAAOH,EAAO,EAAE;CAEvD,IADI,CAACC,KAAQ,CAACG,KAAUH,EAAK,SAAS,UAAUG,EAAO,SAAS,YAC5DL,EAAO,KAAK,OAAOE,EAAK,MAAMF,EAAO,KAAK,SAAS,UAAUC,EAAO,KAAK,OAAOI,EAAO,MAAMJ,EAAO,KAAK,SAAS,UAAU,OAAO;CACvI,IAAMK,IAAaD,EAAO,GAAG,SAAS,GAAG,IAAIA,EAAO,KAAK,GAAGA,EAAO,GAAG;CAEtE,OADIH,EAAK,GAAG,WAAWI,CAAU,IAAU,OACpC;EAAC,QAAQJ,EAAK;EAAI;CAAU;AACrC"}