@skspwork/config-doc 1.0.0 → 2.0.0

package/packages/web/.next/standalone/packages/web/app/api/config/metadata/route.ts

@@ -1,132 +0,0 @@
-import { NextRequest, NextResponse } from 'next/server';
-import path from 'path';
-import { FileSystemService } from '@/lib/fileSystem';
-import { StorageService } from '@/lib/storage';
-import { ProjectConfigFiles } from '@/types';
-import { getRootPath } from '@/lib/getRootPath';
-
-export async function GET() {
-  try {
-    const rootPath = getRootPath();
-    const fsService = new FileSystemService(rootPath);
-    const storageService = new StorageService(fsService);
-
-    // project_settings.jsonを読み込み
-    const settings = await fsService.loadProjectSettings();
-
-    if (!settings) {
-      return NextResponse.json({
-        success: true,
-        data: null
-      });
-    }
-
-    // UI用にConfigFileInfo形式に変換（互換性のため）
-    const configFiles = settings.configFiles.map((filePath, index) => ({
-      id: `config-${index + 1}`,
-      fileName: filePath.split(/[/\\]/).pop() || 'config.json',
-      filePath,
-      docsFileName: storageService.getDocsFileName(filePath)
-    }));
-
-    const metadata: ProjectConfigFiles = {
-      projectName: settings.projectName,
-      createdAt: '',  // 不要になったが互換性のため
-      lastModified: new Date().toISOString(),
-      configFiles
-    };
-
-    return NextResponse.json({
-      success: true,
-      data: {
-        ...metadata,
-        availableTags: settings.availableTags || ['required', 'nullable', 'string', 'number', 'boolean'],
-        customFields: settings.customFields || {}
-      }
-    });
-  } catch (error) {
-    console.error('API Error:', error);
-    return NextResponse.json(
-      {
-        success: false,
-        error: error instanceof Error ? error.message : 'Unknown error'
-      },
-      { status: 500 }
-    );
-  }
-}
-
-export async function POST(request: NextRequest) {
-  try {
-    const body = await request.json();
-    const { configFilePaths, availableTags, customFields } = body;
-
-    const rootPath = getRootPath();
-    const fsService = new FileSystemService(rootPath);
-    const storageService = new StorageService(fsService);
-
-    // 既存の設定を読み込み
-    const existingSettings = await fsService.loadProjectSettings();
-
-    // configFilePathsが明示的に渡された場合のみconfigFilesを更新
-    let relativePaths = existingSettings?.configFiles || [];
-    const deletedDocsFileNames: string[] = [];
-
-    if (configFilePaths !== undefined) {
-      if (!Array.isArray(configFilePaths)) {
-        return NextResponse.json(
-          { success: false, error: 'configFilePaths must be an array' },
-          { status: 400 }
-        );
-      }
-
-      // 削除されたファイルのdocsを削除
-      if (existingSettings && existingSettings.configFiles) {
-        const newPaths = new Set(
-          configFilePaths.map((p: string) =>
-            path.isAbsolute(p) ? path.relative(rootPath, p) : p
-          )
-        );
-
-        for (const oldPath of existingSettings.configFiles) {
-          if (!newPaths.has(oldPath)) {
-            const docsFileName = storageService.getDocsFileName(oldPath);
-            deletedDocsFileNames.push(docsFileName);
-            await fsService.deleteConfigDocs(docsFileName);
-          }
-        }
-      }
-
-      // 絶対パスを相対パスに変換
-      relativePaths = configFilePaths.map((p: string) =>
-        path.isAbsolute(p) ? path.relative(rootPath, p) : p
-      );
-    }
-
-    // 新しい設定を保存
-    const newSettings = {
-      projectName: existingSettings?.projectName || path.basename(rootPath),
-      configFiles: relativePaths,
-      availableTags: availableTags || existingSettings?.availableTags || ['required', 'nullable', 'string', 'number', 'boolean'],
-      customFields: customFields !== undefined ? customFields : (existingSettings?.customFields || {}),
-      export: existingSettings?.export || {}
-    };
-
-    await fsService.saveProjectSettings(newSettings);
-
-    return NextResponse.json({
-      success: true,
-      message: 'プロジェクト設定を保存しました',
-      deletedDocsFiles: deletedDocsFileNames
-    });
-  } catch (error) {
-    console.error('API Error:', error);
-    return NextResponse.json(
-      {
-        success: false,
-        error: error instanceof Error ? error.message : 'Unknown error'
-      },
-      { status: 500 }
-    );
-  }
-}

package/packages/web/.next/standalone/packages/web/package.json

@@ -1,31 +0,0 @@
-{
-  "name": "config-doc-web",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "eslint",
-    "test:e2e": "playwright test",
-    "test:e2e:ui": "playwright test --ui",
-    "test:e2e:headed": "playwright test --headed"
-  },
-  "dependencies": {
-    "lucide-react": "^0.562.0",
-    "next": "16.1.1",
-    "react": "19.2.3",
-    "react-dom": "19.2.3"
-  },
-  "devDependencies": {
-    "@playwright/test": "^1.57.0",
-    "@tailwindcss/postcss": "^4",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "eslint": "^9",
-    "eslint-config-next": "16.1.1",
-    "tailwindcss": "^4",
-    "typescript": "^5"
-  }
-}

package/packages/web/.next/static/chunks/4ee6070ee3f78d4b.js

@@ -1 +0,0 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,52211,e=>{"use strict";var t=e.i(52420),r=e.i(20063);let s=e=>{let t=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,r)=>r?r.toUpperCase():t.toLowerCase());return t.charAt(0).toUpperCase()+t.slice(1)},a=(...e)=>e.filter((e,t,r)=>!!e&&""!==e.trim()&&r.indexOf(e)===t).join(" ").trim();var l={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let o=(0,r.forwardRef)(({color:e="currentColor",size:t=24,strokeWidth:s=2,absoluteStrokeWidth:o,className:i="",children:n,iconNode:d,...c},m)=>(0,r.createElement)("svg",{ref:m,...l,width:t,height:t,stroke:e,strokeWidth:o?24*Number(s)/Number(t):s,className:a("lucide",i),...!n&&!(e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0})(c)&&{"aria-hidden":"true"},...c},[...d.map(([e,t])=>(0,r.createElement)(e,t)),...Array.isArray(n)?n:[n]])),i=(e,t)=>{let l=(0,r.forwardRef)(({className:l,...i},n)=>(0,r.createElement)(o,{ref:n,iconNode:t,className:a(`lucide-${s(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,l),...i}));return l.displayName=s(e),l},n=i("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]),d=i("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),c=i("file-text",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]]);class m{static flattenConfig(e,t=""){let r={};for(let s in e){let a=t?`${t}:${s}`:s;e[s]&&"object"==typeof e[s]&&!Array.isArray(e[s])?Object.assign(r,this.flattenConfig(e[s],a)):r[a]=e[s]}return r}static buildTree(e,t=""){let r=[];for(let s in e){let a=t?`${t}:${s}`:s,l=e[s];l&&"object"==typeof l&&!Array.isArray(l)?r.push({key:s,fullPath:a,value:l,children:this.buildTree(l,a),hasDocumentation:!1,type:"object"}):r.push({key:s,fullPath:a,value:l,hasDocumentation:!1,type:Array.isArray(l)?"array":typeof l})}return r}}function h({config:e,docs:s,onSelectProperty:a,onEditProperty:l,selectedPath:o}){let[i,h]=(0,r.useState)(new Set),x=(e,r=0)=>{var m;let u,g=(m=e.fullPath,!!(u=s.properties[m])&&(!!(u.description&&""!==u.description.trim()||u.tags&&u.tags.length>0||u.customFields&&Object.values(u.customFields).some(e=>e&&""!==e.trim()))||!1)),f=i.has(e.fullPath),p=o===e.fullPath;return(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{style:{paddingLeft:`${20*r}px`},className:`group flex items-center gap-2 py-2 px-3 cursor-pointer rounded-lg transition-all duration-150 ${p?"bg-gradient-to-r from-blue-100 to-indigo-100 border-l-4 border-blue-500 shadow-sm":"hover:bg-gradient-to-r hover:from-gray-50 hover:to-gray-100"}`,children:[e.children&&e.children.length>0?(0,t.jsx)("button",{onClick:()=>{var t;let r;return t=e.fullPath,void((r=new Set(i)).has(t)?r.delete(t):r.add(t),h(r))},className:"p-1 hover:bg-blue-100 rounded-md transition-colors",children:f?(0,t.jsx)(d,{className:"w-4 h-4 text-blue-600"}):(0,t.jsx)(n,{className:"w-4 h-4 text-gray-600"})}):(0,t.jsx)("div",{className:"w-6"}),(0,t.jsxs)("div",{onClick:()=>a(e.fullPath),className:"flex-1 flex items-center gap-2",children:[(0,t.jsx)("span",{className:`${e.children?"font-bold text-gray-800":"font-medium text-gray-700"}`,children:e.key}),!e.children&&(0,t.jsxs)("span",{className:"text-sm text-gray-500 truncate max-w-[200px]",children:[": ",JSON.stringify(e.value)]}),g&&(0,t.jsxs)("div",{className:"flex items-center gap-1 px-2 py-0.5 bg-green-100 border border-green-300 rounded-full",children:[(0,t.jsx)(c,{className:"w-3 h-3 text-green-600"}),(0,t.jsx)("span",{className:"text-xs text-green-700 font-medium",children:"Doc"})]})]}),!e.children&&(0,t.jsx)("button",{onClick:t=>{t.stopPropagation(),l(e.fullPath)},className:"p-1 hover:bg-gray-200 rounded",title:"編集"})]}),e.children&&f&&(0,t.jsx)("div",{children:e.children.map(e=>x(e,r+1))})]},e.fullPath)},u=m.buildTree(e);return(0,t.jsxs)("div",{className:"h-full flex flex-col border-2 border-gray-100 rounded-xl bg-white shadow-sm",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 p-3 border-b-2 border-gray-100 bg-gradient-to-r from-gray-50 to-gray-100",children:[(0,t.jsx)("button",{onClick:()=>{var t;let r,s;h(new Set((t=m.buildTree(e),r=[],s=e=>{e.children&&e.children.length>0&&(r.push(e.fullPath),e.children.forEach(s))},t.forEach(s),r)))},className:"px-4 py-1.5 text-sm font-medium bg-white border-2 border-blue-200 text-blue-600 rounded-lg hover:bg-blue-50 hover:border-blue-300 transition-all duration-200 shadow-sm hover:shadow-md",children:"すべて展開"}),(0,t.jsx)("button",{onClick:()=>{h(new Set)},className:"px-4 py-1.5 text-sm font-medium bg-white border-2 border-gray-200 text-gray-600 rounded-lg hover:bg-gray-50 hover:border-gray-300 transition-all duration-200 shadow-sm hover:shadow-md",children:"すべて閉じる"})]}),(0,t.jsx)("div",{className:"flex-1 overflow-y-auto p-3",children:u.map(e=>x(e))})]})}let x=i("folder",[["path",{d:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",key:"1kt360"}]]),u=i("file",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}]]),g=i("arrow-up",[["path",{d:"m5 12 7-7 7 7",key:"hav0vg"}],["path",{d:"M12 19V5",key:"x0mq9r"}]]);function f({isOpen:e,currentPath:s,onSelect:a,onClose:l,multiSelect:o=!1,filterJsonOnly:i=!1}){let[n,d]=(0,r.useState)(s),[c,m]=(0,r.useState)([]),[h,f]=(0,r.useState)(!1),[p,b]=(0,r.useState)([]);(0,r.useEffect)(()=>{e&&(d(s),b([]))},[e,s]),(0,r.useEffect)(()=>{e&&y(n)},[e,n]);let y=async e=>{f(!0);try{let t=await fetch("/api/files/browse",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({directory:e})}),r=await t.json();if(r.success){let e=i?r.data.items.filter(e=>"directory"===e.type||".json"===e.extension):r.data.items;m(e)}else console.error("API returned error:",r.error)}catch(e){console.error("Failed to load directory:",e)}finally{f(!1)}},j=()=>{b([]),l()};return e?(0,t.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50",children:(0,t.jsxs)("div",{className:"bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-[80vh] flex flex-col",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between p-4 border-b",children:[(0,t.jsx)("h2",{className:"text-lg font-semibold",children:"ファイルを選択"}),(0,t.jsx)("button",{onClick:j,className:"text-gray-500 hover:text-gray-700",children:"✕"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2 p-4 border-b bg-gray-50",children:[(0,t.jsx)("button",{onClick:()=>{let e=n.replace(/\//g,"\\").split("\\").filter(e=>e);if(e.length>1){let t=e.slice(0,-1);d(1===t.length&&t[0].includes(":")?t[0]+"\\":t[0].includes(":")?t[0]+"\\"+t.slice(1).join("\\"):t.join("\\"))}else 1!==e.length||e[0].includes(":")||d(".")},className:"p-2 hover:bg-gray-200 rounded flex-shrink-0",title:"上のディレクトリへ",children:(0,t.jsx)(g,{className:"w-5 h-5"})}),(0,t.jsxs)("span",{className:"text-sm text-gray-600 flex-1 truncate",children:["パス: ",n]})]}),(0,t.jsx)("div",{className:"flex-1 overflow-y-auto p-4",children:h?(0,t.jsx)("div",{className:"text-center text-gray-500",children:"読み込み中..."}):(0,t.jsx)("div",{className:"space-y-1",children:c.map(e=>{let r=p.includes(e.path);return(0,t.jsxs)("div",{onClick:()=>{"directory"===e.type?d(e.path):o?b(t=>t.includes(e.path)?t.filter(t=>t!==e.path):[...t,e.path]):b([e.path])},className:`flex items-center gap-2 p-2 rounded cursor-pointer hover:bg-gray-100 ${r?"bg-blue-100":""}`,children:["directory"===e.type?(0,t.jsx)(x,{className:"w-5 h-5 text-blue-500"}):(0,t.jsx)(u,{className:"w-5 h-5 text-green-500"}),(0,t.jsx)("span",{className:"text-sm",children:e.name}),r&&o&&(0,t.jsx)("span",{className:"ml-auto text-blue-500",children:"✓"})]},e.path)})})}),(0,t.jsxs)("div",{className:"flex items-center justify-between p-4 border-t",children:[o&&p.length>0&&(0,t.jsxs)("div",{className:"text-sm text-gray-600",children:[p.length,"件選択中"]}),(0,t.jsxs)("div",{className:"flex items-center gap-2 ml-auto",children:[(0,t.jsx)("button",{onClick:j,className:"px-4 py-2 text-gray-600 hover:bg-gray-100 rounded",children:"キャンセル"}),(0,t.jsx)("button",{onClick:()=>{p.length>0&&(a(p),b([]),l())},disabled:0===p.length,className:"px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed",children:"選択"})]})]})]})}):null}let p=i("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),b=i("download",[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]]),y={format:"html",autoExport:!0,fileName:"config-doc"};function j({isOpen:e,onClose:s,onExport:a,currentSettings:l,rootPath:o="."}){let[i,n]=(0,r.useState)(l||y),[d,c]=(0,r.useState)(!1);(0,r.useEffect)(()=>{l&&n(l)},[l]);let m=(0,r.useMemo)(()=>{let e=o.replace(/\//g,"\\"),t=i.fileName||"config-doc",r="markdown"===i.format||"markdown-table"===i.format?"md":"html";return`${e}\\.config_doc\\output\\${t}.${r}`},[i.format,i.fileName,o]);if(!e)return null;let h=async()=>{c(!0);try{await a(i),s()}catch(e){console.error("Export failed:",e)}finally{c(!1)}};return(0,t.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50",children:(0,t.jsxs)("div",{className:"bg-white rounded-lg shadow-xl max-w-md w-full mx-4",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between p-6 border-b",children:[(0,t.jsx)("h2",{className:"text-xl font-semibold text-gray-800",children:"エクスポート設定"}),(0,t.jsx)("button",{onClick:s,className:"text-gray-400 hover:text-gray-600 transition-colors",children:(0,t.jsx)(p,{className:"w-5 h-5"})})]}),(0,t.jsxs)("div",{className:"p-6 space-y-6",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{className:"block text-sm font-medium text-gray-700 mb-2",children:"出力先パス"}),(0,t.jsx)("div",{className:"px-3 py-2 bg-gray-50 border border-gray-300 rounded-md text-sm text-gray-700 font-mono break-all",children:m}),(0,t.jsx)("p",{className:"mt-1 text-xs text-gray-500",children:"html"===i.format?"HTMLファイルの出力先":"markdown-table"===i.format?"Markdownテーブル形式ファイルの出力先":"Markdownファイルの出力先"})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{className:"block text-sm font-medium text-gray-700 mb-2",children:"ファイル名"}),(0,t.jsx)("input",{type:"text",value:i.fileName||"config-doc",onChange:e=>n({...i,fileName:e.target.value}),className:"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",placeholder:"config-doc"}),(0,t.jsx)("p",{className:"mt-1 text-xs text-gray-500",children:"拡張子なしのファイル名を指定します（チーム共有設定）"})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{className:"block text-sm font-medium text-gray-700 mb-2",children:"出力形式"}),(0,t.jsxs)("select",{value:i.format,onChange:e=>n({...i,format:e.target.value}),className:"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",children:[(0,t.jsx)("option",{value:"html",children:"HTML"}),(0,t.jsx)("option",{value:"markdown",children:"Markdown"}),(0,t.jsx)("option",{value:"markdown-table",children:"Markdown (テーブル形式)"})]}),(0,t.jsx)("p",{className:"mt-1 text-xs text-gray-500",children:"html"===i.format?"スタイル付きのHTMLファイルとして出力します":"markdown-table"===i.format?"Markdownテーブル形式で出力します（プロパティ名、説明、値、備考）":"テキストベースのMarkdownファイルとして出力します"})]}),(0,t.jsxs)("div",{className:"flex items-start",children:[(0,t.jsx)("div",{className:"flex items-center h-5",children:(0,t.jsx)("input",{id:"auto-export",type:"checkbox",checked:i.autoExport,onChange:e=>n({...i,autoExport:e.target.checked}),className:"w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"})}),(0,t.jsxs)("div",{className:"ml-3",children:[(0,t.jsx)("label",{htmlFor:"auto-export",className:"text-sm font-medium text-gray-700 cursor-pointer",children:"保存時に自動エクスポート"}),(0,t.jsx)("p",{className:"text-xs text-gray-500 mt-1",children:"ドキュメントを保存したときに自動的にHTMLファイルを更新します"})]})]}),i.lastExportedAt&&(0,t.jsx)("div",{className:"pt-4 border-t",children:(0,t.jsxs)("p",{className:"text-xs text-gray-500",children:["最終エクスポート: ",new Date(i.lastExportedAt).toLocaleString("ja-JP")]})})]}),(0,t.jsxs)("div",{className:"flex items-center justify-end gap-3 p-6 border-t bg-gray-50 rounded-b-lg",children:[(0,t.jsx)("button",{onClick:s,className:"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500",children:"キャンセル"}),(0,t.jsxs)("button",{onClick:h,disabled:d,className:"flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,t.jsx)(b,{className:"w-4 h-4"}),d?"エクスポート中...":"エクスポート"]})]})]})})}let w=i("plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]),N=i("pencil",[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]]),v=i("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]),k=i("save",[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]]);function S({selectedTags:e,availableTags:s,onSelectedTagsChange:a,onAvailableTagsChange:l}){let[o,i]=(0,r.useState)(!1),[n,d]=(0,r.useState)([]),[c,m]=(0,r.useState)(""),h=()=>{d([...s]),i(!0),m("")},x=()=>{let e=c.trim();e&&!n.includes(e)&&(d([...n,e]),m(""))},u=()=>{let e=c.trim();return""!==e&&n.includes(e)};return(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,t.jsx)("label",{className:"block text-sm font-semibold text-gray-700",children:"タグ"}),!o&&(0,t.jsx)("button",{onClick:h,className:"text-gray-500 hover:text-blue-600 transition-colors p-1",title:"利用可能なタグを編集",children:(0,t.jsx)(N,{className:"w-4 h-4"})})]}),o?(0,t.jsxs)("div",{className:"space-y-3 p-4 bg-blue-50 rounded-lg border-2 border-blue-200",children:[(0,t.jsx)("div",{className:"text-xs font-medium text-blue-700 mb-2",children:"タグの追加・削除"}),(0,t.jsx)("div",{className:"flex flex-wrap gap-2",children:n.map(e=>(0,t.jsxs)("div",{className:"flex items-center gap-1 px-3 py-1.5 bg-white text-gray-700 rounded-lg text-sm font-medium border-2 border-gray-200",children:[(0,t.jsx)("span",{children:e}),(0,t.jsx)("button",{onClick:()=>{d(n.filter(t=>t!==e))},className:"text-gray-400 hover:text-red-600 transition-colors",children:(0,t.jsx)(p,{className:"w-3 h-3"})})]},e))}),(0,t.jsxs)("div",{className:"flex items-center gap-2 pt-2 border-t border-blue-200",children:[(0,t.jsx)("input",{type:"text",value:c,onChange:e=>m(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),x())},placeholder:"新しいタグを入力",className:`flex-1 px-3 py-2 border-2 rounded-lg text-sm focus:ring-2 transition-all duration-200 ${u()?"border-red-300 focus:border-red-400 focus:ring-red-200":"border-gray-200 focus:border-blue-400 focus:ring-blue-200"}`}),(0,t.jsx)("button",{onClick:x,disabled:!c.trim()||u(),className:"px-3 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors disabled:bg-gray-300 disabled:cursor-not-allowed",title:"タグを追加",children:(0,t.jsx)(w,{className:"w-4 h-4"})})]}),u()&&(0,t.jsx)("div",{className:"text-xs text-red-600",children:"同じ名前のタグが既にあります"}),(0,t.jsxs)("div",{className:"flex items-center gap-2 pt-3 border-t border-blue-200",children:[(0,t.jsxs)("button",{onClick:()=>{let t=[...n],r=c.trim();r&&!t.includes(r)&&t.push(r);let o=s.filter(e=>!t.includes(e));if(o.length>0){let t=e.filter(e=>!o.includes(e));t.length!==e.length&&a(t)}l(t),i(!1),d([]),m("")},className:"flex-1 flex items-center justify-center gap-2 px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 transition-colors text-sm font-medium",children:[(0,t.jsx)(k,{className:"w-4 h-4"}),"保存"]}),(0,t.jsx)("button",{onClick:()=>{i(!1),d([]),m("")},className:"flex-1 px-4 py-2 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300 transition-colors text-sm font-medium",children:"キャンセル"})]})]}):(0,t.jsx)("div",{className:"flex flex-wrap gap-2",children:0===s.length?(0,t.jsxs)("div",{className:"text-sm text-gray-500",children:["タグがありません。",(0,t.jsx)("button",{onClick:h,className:"text-blue-600 hover:text-blue-700 ml-1",children:"追加する"})]}):s.map(r=>{let s=e.includes(r);return(0,t.jsxs)("button",{onClick:()=>{e.includes(r)?a(e.filter(e=>e!==r)):a([...e,r])},className:`flex items-center gap-2 px-3 py-1.5 rounded-lg text-sm font-medium border-2 transition-all duration-200 ${s?"bg-blue-500 text-white border-blue-600 shadow-md":"bg-white text-gray-700 border-gray-200 hover:border-blue-300 hover:bg-blue-50"}`,children:[s&&(0,t.jsx)(v,{className:"w-3 h-3"}),(0,t.jsx)("span",{children:r})]},r)})})]})}function C({customFields:e,projectCustomFields:s,onCustomFieldsChange:a,onUpdateProjectCustomFields:l}){let[o,i]=(0,r.useState)(!1),[n,d]=(0,r.useState)([]),[c,m]=(0,r.useState)(""),h=()=>{d(Object.keys(e).map(e=>({originalLabel:e,newLabel:e,isNew:!1}))),i(!0),m("")},x=()=>{let e=c.trim();e&&!n.some(t=>t.newLabel===e)&&(d([...n,{originalLabel:"",newLabel:e,isNew:!0}]),m(""))},u=()=>{let e=n.map(e=>e.newLabel.trim()).filter(Boolean);return new Set(e).size!==e.length},g=!u()&&!n.some(e=>!e.newLabel.trim());return(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,t.jsx)("label",{className:"block text-sm font-semibold text-gray-700",children:"カスタムフィールド"}),!o&&(0,t.jsx)("button",{onClick:h,className:"text-gray-500 hover:text-blue-600 transition-colors p-1",title:"カスタムフィールドを編集",children:(0,t.jsx)(N,{className:"w-4 h-4"})})]}),o?(0,t.jsxs)("div",{className:"space-y-3 p-4 bg-blue-50 rounded-lg border-2 border-blue-200",children:[(0,t.jsx)("div",{className:"text-xs font-medium text-blue-700 mb-2",children:"フィールドの追加・削除・名前変更"}),(0,t.jsx)("div",{className:"space-y-2",children:n.map((e,r)=>(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("input",{type:"text",value:e.newLabel,onChange:e=>{var t;return t=e.target.value,void d(n.map((e,s)=>s===r?{...e,newLabel:t}:e))},placeholder:"フィールド名",className:`flex-1 px-3 py-2 border-2 rounded-lg text-sm focus:ring-2 transition-all duration-200 ${!e.newLabel.trim()?"border-red-300 focus:border-red-400 focus:ring-red-200":"border-gray-200 focus:border-blue-400 focus:ring-blue-200"}`}),(0,t.jsx)("button",{onClick:()=>{d(n.filter((e,t)=>t!==r))},className:"text-gray-400 hover:text-red-600 transition-colors p-2",title:"フィールドを削除",children:(0,t.jsx)(p,{className:"w-4 h-4"})})]},r))}),(0,t.jsxs)("div",{className:"flex items-center gap-2 pt-2 border-t border-blue-200",children:[(0,t.jsx)("input",{type:"text",value:c,onChange:e=>m(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),x())},placeholder:"新しいフィールド名を入力",className:"flex-1 px-3 py-2 border-2 border-gray-200 rounded-lg text-sm focus:border-blue-400 focus:ring-2 focus:ring-blue-200 transition-all duration-200"}),(0,t.jsx)("button",{onClick:x,disabled:!c.trim()||n.some(e=>e.newLabel.trim()===c.trim()),className:"px-3 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors disabled:bg-gray-300 disabled:cursor-not-allowed",title:"フィールドを追加",children:(0,t.jsx)(w,{className:"w-4 h-4"})})]}),u()&&(0,t.jsx)("div",{className:"text-xs text-red-600 mt-2",children:"同じ名前のフィールドがあります"}),(0,t.jsxs)("div",{className:"flex items-center gap-2 pt-3 border-t border-blue-200",children:[(0,t.jsxs)("button",{onClick:()=>{let t={};for(let r of n){let s=r.newLabel.trim();s&&(r.isNew?t[s]="":(r.originalLabel,t[s]=e[r.originalLabel]||""))}let r=c.trim();r&&!t[r]&&(t[r]=""),a(t),l&&l(t),i(!1),d([]),m("")},disabled:!g,className:"flex-1 flex items-center justify-center gap-2 px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 transition-colors disabled:bg-gray-300 disabled:cursor-not-allowed text-sm font-medium",children:[(0,t.jsx)(k,{className:"w-4 h-4"}),"保存"]}),(0,t.jsx)("button",{onClick:()=>{i(!1),d([]),m("")},className:"flex-1 px-4 py-2 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300 transition-colors text-sm font-medium",children:"キャンセル"})]})]}):(0,t.jsx)("div",{className:"space-y-3",children:0===Object.keys(e).length?(0,t.jsxs)("div",{className:"text-sm text-gray-500 text-center py-4 border-2 border-dashed border-gray-200 rounded-lg",children:["カスタムフィールドがありません。",(0,t.jsx)("button",{onClick:h,className:"text-blue-600 hover:text-blue-700 ml-1",children:"追加する"})]}):Object.entries(e).map(([r,s])=>(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{className:"block text-sm font-medium text-gray-700 mb-1",children:r}),(0,t.jsx)("textarea",{value:s,onChange:t=>{var s;return s=t.target.value,void a({...e,[r]:s})},className:"w-full border-2 border-gray-200 rounded-lg p-3 min-h-[80px] text-sm focus:border-blue-400 focus:ring-2 focus:ring-blue-200 transition-all duration-200 shadow-sm hover:shadow-md",placeholder:`${r}を入力してください`})]},r))})]})}let P=i("circle-check-big",[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]]),O=i("circle-x",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]]),T=i("circle-alert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]]);function F({message:e,type:s,duration:a=3e3,onClose:l}){let[o,i]=(0,r.useState)(!1);(0,r.useEffect)(()=>{setTimeout(()=>i(!0),10);let e=setTimeout(()=>{i(!1),setTimeout(l,300)},a);return()=>clearTimeout(e)},[a,l]);let n={success:(0,t.jsx)(P,{className:"w-5 h-5 text-green-500"}),error:(0,t.jsx)(O,{className:"w-5 h-5 text-red-500"}),warning:(0,t.jsx)(T,{className:"w-5 h-5 text-yellow-500"})};return(0,t.jsx)("div",{className:`fixed bottom-4 left-4 z-50 transition-all duration-300 ${o?"opacity-100 translate-y-0":"opacity-0 translate-y-2"}`,children:(0,t.jsxs)("div",{className:`flex items-center gap-3 px-4 py-3 rounded-lg shadow-lg border ${{success:"bg-green-50 border-green-200",error:"bg-red-50 border-red-200",warning:"bg-yellow-50 border-yellow-200"}[s]} min-w-[300px] max-w-[500px]`,children:[n[s],(0,t.jsx)("span",{className:"flex-1 text-sm text-gray-800",children:e}),(0,t.jsx)("button",{onClick:()=>{i(!1),setTimeout(l,300)},className:"text-gray-400 hover:text-gray-600 transition-colors",children:(0,t.jsx)(p,{className:"w-4 h-4"})})]})})}function M({toasts:e,onRemove:r}){return(0,t.jsx)(t.Fragment,{children:e.map((e,s)=>(0,t.jsx)("div",{style:{bottom:`${16+80*s}px`},className:"fixed left-4 z-50",children:(0,t.jsx)(F,{message:e.message,type:e.type,onClose:()=>r(e.id)})},e.id))})}let $=i("folder-open",[["path",{d:"m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",key:"usdka0"}]]);function A(){let[e,s]=(0,r.useState)([]),[a,l]=(0,r.useState)(0),[o,i]=(0,r.useState)(""),[n,d]=(0,r.useState)(!1),[m,x]=(0,r.useState)(!1),[u,g]=(0,r.useState)(!1),[y,w]=(0,r.useState)("."),[N,v]=(0,r.useState)(null),[P,O]=(0,r.useState)(null),[T,F]=(0,r.useState)(!1),[A,L]=(0,r.useState)(),[D,E]=(0,r.useState)(["required","nullable","string","number","boolean"]),[z,J]=(0,r.useState)({}),[H,V]=(0,r.useState)([]),q=(e,t="success")=>{let r=Date.now().toString();V(s=>[...s,{id:r,message:e,type:t}])},W=(e,t)=>{if(!e||!t)return!1;if(e.description!==t.description)return!0;let r=e.tags||[],s=t.tags||[];if(r.length!==s.length||r.some((e,t)=>e!==s[t]))return!0;let a=e.customFields||{},l=t.customFields||{};for(let e of new Set([...Object.keys(a),...Object.keys(l)]))if((a[e]||"")!==(l[e]||""))return!0;return!1},I=e[a];(0,r.useEffect)(()=>{(async()=>{try{let e=await fetch("/api/project"),t=await e.json();if(t.success&&(w(t.data.rootPath),t.data.hasConfigDoc)){let e=await fetch("/api/config/metadata"),t=await e.json();if(t.success&&t.data?.configFiles)for(let e of t.data.configFiles)await R(e.filePath);t.success&&t.data?.availableTags&&E(t.data.availableTags),t.success&&t.data?.customFields&&J(t.data.customFields)}let r=await fetch("/api/export/settings"),s=await r.json();s.success&&L(s.data)}catch(e){console.error("Failed to load saved configs:",e)}finally{g(!0)}})()},[]);let R=async e=>{try{let t=await fetch("/api/config/load",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({filePath:e})}),r=await t.json();r.success&&s(t=>t.some(t=>t.filePath===e)?t:[...t,{filePath:e,configData:r.data.configData,docs:r.data.docs}])}catch(e){console.error("Failed to load config file:",e)}},U=async e=>{try{let t=await fetch("/api/config/metadata",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({configFilePaths:e})}),r=await t.json();r.deletedDocsFiles&&r.deletedDocsFiles.length>0&&q(`${r.deletedDocsFiles.length}件のドキュメントファイルを削除しました`,"warning")}catch(e){console.error("Failed to update metadata:",e)}},B=(e,t)=>{let r=e.replace(/\\/g,"/"),s=t.replace(/\\/g,"/");if(!r.match(/^[a-zA-Z]:\//)&&!r.startsWith("/"))return e;if(r.startsWith(s)){let e=r.substring(s.length);return e.startsWith("/")?e.substring(1):e}return e},K=async t=>{let r=[];for(let s of t){let t=B(s,y);if(!e.some(e=>e.filePath===t))try{let e=await fetch("/api/config/load",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({filePath:s})}),a=await e.json();a.success?r.push({filePath:t,configData:a.data.configData,docs:a.data.docs}):q(`設定ファイルの読み込みに失敗しました (${s}): ${a.error}`,"error")}catch(e){console.error("Failed to load config:",e),q(`設定ファイルの読み込み中にエラーが発生しました: ${s}`,"error")}}r.length>0&&s(e=>{let t=[...e,...r];return U(t.map(e=>e.filePath)),t})},Z=async t=>{let r=e[t];(!r.docs||!(Object.keys(r.docs.properties).length>0)||confirm("既に説明文が設定されていますが、削除してよろしいですか？"))&&(s(e=>{let r=e.filter((e,r)=>r!==t);return U(r.map(e=>e.filePath)),r}),a>=t&&a>0&&l(a-1),i(""),v(null),F(!1))},_=e=>{if(T&&!confirm("保存されていない変更があります。破棄しますか？"))return;i(e);let t=I.docs.properties[e];if(t){let e={};for(let r of Object.keys(z))e[r]=t.customFields?.[r]||"";let r={...t,tags:t.tags||[],customFields:e};v(r),O(r)}else{let t={path:e,description:"",tags:[],customFields:{...z},modifiedAt:new Date().toISOString()};v(t),O(t)}F(!1)},G=async()=>{if(N&&I)try{let e={...N,modifiedAt:new Date().toISOString()},t=await fetch("/api/config/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({configFilePath:I.filePath,propertyPath:o,propertyDoc:e})}),r=await t.json();r.success?(s(t=>t.map((t,r)=>r===a?{...t,docs:{...t.docs,properties:{...t.docs.properties,[o]:e}}}:t)),v(e),O(e),F(!1),q("保存しました"),A?.autoExport&&await Q()):q("保存に失敗しました: "+r.error,"error")}catch(e){console.error("Failed to save:",e),q("保存中にエラーが発生しました","error")}},Q=async()=>{if(A)try{if((await fetch("/api/export",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({format:A.format,fileName:A.fileName})})).ok){let e={...A,lastExportedAt:new Date().toISOString()};L(e),await fetch("/api/export/settings",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({settings:e})})}}catch(e){console.error("Auto export failed:",e)}},X=async e=>{try{let t=await fetch("/api/export",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({format:e.format,fileName:e.fileName})}),r=await t.json();if(r.success){let t={...e,lastExportedAt:new Date().toISOString()};L(t),await fetch("/api/export/settings",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({settings:t})}),q(`エクスポートしました: ${r.outputPath}`)}else q("エクスポートに失敗しました: "+r.error,"error")}catch(e){console.error("Export failed:",e),q("エクスポート中にエラーが発生しました","error")}};return(0,t.jsxs)("div",{className:"min-h-screen bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50",children:[(0,t.jsx)("header",{className:"bg-white/80 backdrop-blur-md border-b border-gray-200 shadow-sm sticky top-0 z-50",children:(0,t.jsxs)("div",{className:"container mx-auto px-6 py-4 flex items-center justify-between",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("img",{src:"/logo.svg",alt:"ConfigDoc",className:"w-12 h-12 rounded-lg"}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h1",{className:"text-2xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent",children:"ConfigDoc"}),(0,t.jsx)("p",{className:"text-xs text-gray-500",children:"Configuration Documentation Tool"})]})]}),(0,t.jsxs)("button",{onClick:()=>x(!0),className:"flex items-center gap-2 px-5 py-2.5 bg-gradient-to-r from-green-500 to-emerald-600 text-white rounded-lg hover:from-green-600 hover:to-emerald-700 shadow-md hover:shadow-lg transition-all duration-200 transform",title:"エクスポート",children:[(0,t.jsx)(b,{className:"w-5 h-5"}),(0,t.jsx)("span",{className:"font-medium",children:"エクスポート"})]})]})}),(0,t.jsxs)("main",{className:"container mx-auto px-6 py-8",children:[(0,t.jsxs)("div",{className:"bg-white/90 backdrop-blur-sm rounded-2xl shadow-xl border border-gray-100 p-6 mb-8 hover:shadow-2xl transition-shadow duration-300",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("div",{className:"w-8 h-8 bg-gradient-to-br from-blue-500 to-blue-600 rounded-lg flex items-center justify-center",children:(0,t.jsx)($,{className:"w-5 h-5 text-white"})}),(0,t.jsx)("h2",{className:"text-xl font-bold text-gray-800",children:"設定ファイル"})]}),(0,t.jsxs)("button",{onClick:()=>d(!0),className:"flex items-center gap-2 px-4 py-2 bg-gradient-to-r from-blue-500 to-blue-600 text-white rounded-lg hover:from-blue-600 hover:to-blue-700 shadow-md hover:shadow-lg transition-all duration-200 transform",children:[(0,t.jsx)($,{className:"w-5 h-5"}),(0,t.jsx)("span",{className:"font-medium",children:"ファイルを追加"})]})]}),e.length>0?(0,t.jsx)("div",{className:"flex flex-wrap gap-3",children:e.map((r,s)=>(0,t.jsxs)("div",{onClick:()=>{l(s),i(""),v(null),F(!1)},className:`group flex items-center gap-2 px-4 py-2.5 rounded-xl border-2 cursor-pointer transition-all duration-200 ${a===s?"bg-gradient-to-r from-blue-50 to-indigo-50 border-blue-400 shadow-md":"bg-white border-gray-200 hover:border-blue-300 hover:shadow-md"}`,children:[(0,t.jsx)("span",{className:`text-sm font-medium ${a===s?"text-blue-700":"text-gray-700"}`,children:((e,t)=>{let r=e.split(/[/\\]/).pop()||e,s=t.filter(e=>e.split(/[/\\]/).pop()===r);if(1===s.length)return r;let a=e.split(/[/\\]/);for(let t=1;t<a.length;t++){let r=a.slice(-t-1).join("/");if(0===s.filter(s=>r===s.split(/[/\\]/).slice(-t-1).join("/")&&s!==e).length)return r}return e})(r.filePath,e.map(e=>e.filePath))}),(0,t.jsx)("button",{onClick:e=>{e.stopPropagation(),Z(s)},className:"text-gray-400 hover:text-red-500 transition-colors opacity-0 group-hover:opacity-100",children:(0,t.jsx)(p,{className:"w-4 h-4"})})]},r.filePath))}):(0,t.jsxs)("div",{className:"text-center py-12 bg-gradient-to-br from-gray-50 to-gray-100 rounded-xl border-2 border-dashed border-gray-300",children:[(0,t.jsx)($,{className:"w-16 h-16 text-gray-400 mx-auto mb-3"}),(0,t.jsx)("p",{className:"text-sm text-gray-600 font-medium",children:"設定ファイルを選択してください"}),(0,t.jsx)("p",{className:"text-xs text-gray-500 mt-1",children:"「ファイルを追加」ボタンから開始"})]})]}),I&&(0,t.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[(0,t.jsxs)("div",{className:"bg-white/90 backdrop-blur-sm rounded-2xl shadow-xl border border-gray-100 p-6 flex flex-col max-h-[calc(100vh-190px)] hover:shadow-2xl transition-shadow duration-300",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,t.jsx)("div",{className:"w-8 h-8 bg-gradient-to-br from-purple-500 to-purple-600 rounded-lg flex items-center justify-center",children:(0,t.jsx)(c,{className:"w-5 h-5 text-white"})}),(0,t.jsx)("h2",{className:"text-xl font-bold text-gray-800",children:"JSON構造"})]}),(0,t.jsx)("div",{className:"overflow-y-auto flex-1",children:(0,t.jsx)(h,{config:I.configData,docs:I.docs,onSelectProperty:_,onEditProperty:_,selectedPath:o})})]}),(0,t.jsxs)("div",{className:"bg-white/90 backdrop-blur-sm rounded-2xl shadow-xl border border-gray-100 p-6 flex flex-col max-h-[calc(100vh-190px)] hover:shadow-2xl transition-shadow duration-300",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,t.jsx)("div",{className:"w-8 h-8 bg-gradient-to-br from-indigo-500 to-indigo-600 rounded-lg flex items-center justify-center",children:(0,t.jsx)(k,{className:"w-5 h-5 text-white"})}),(0,t.jsx)("h2",{className:"text-xl font-bold text-gray-800",children:"プロパティ詳細"})]}),o&&N?(0,t.jsxs)("div",{className:"flex flex-col flex-1 min-h-0",children:[(0,t.jsxs)("div",{className:"flex-shrink-0 pb-4 border-b border-gray-200",children:[(0,t.jsx)("label",{className:"block text-sm font-semibold text-gray-700 mb-2",children:"パス"}),(0,t.jsx)("div",{className:"text-sm text-gray-700 bg-gradient-to-r from-blue-50 to-indigo-50 p-3 rounded-lg font-mono border border-blue-200 shadow-sm",children:o})]}),(0,t.jsxs)("div",{className:"flex-1 overflow-y-auto py-4 space-y-6 min-h-0",children:[(0,t.jsx)(S,{selectedTags:N.tags||[],availableTags:D,onSelectedTagsChange:e=>{let t={...N,tags:e};v(t),F(W(t,P))},onAvailableTagsChange:async t=>{let r=D.filter(e=>!t.includes(e));if(E(t),await fetch("/api/config/metadata",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({availableTags:t})}),r.length>0){for(let t of e){let e=!1,a={...t.docs.properties};for(let[t,s]of Object.entries(a))if(s.tags&&s.tags.length>0){let l=s.tags.filter(e=>!r.includes(e));l.length!==s.tags.length&&(a[t]={...s,tags:l},e=!0)}e&&(await fetch("/api/config/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({configFilePath:t.filePath,properties:a})}),s(e=>e.map(e=>e.filePath===t.filePath?{...e,docs:{...e.docs,properties:a}}:e)))}if(N&&N.tags){let e=N.tags.filter(e=>!r.includes(e));if(e.length!==N.tags.length&&(v({...N,tags:e}),P)){let e=(P.tags||[]).filter(e=>!r.includes(e));O({...P,tags:e})}}}}}),(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{className:"block text-sm font-semibold text-gray-700 mb-2",children:"説明"}),(0,t.jsx)("textarea",{value:N.description,onChange:e=>{let t={...N,description:e.target.value};v(t),F(W(t,P))},className:"w-full border-2 border-gray-200 rounded-lg p-3 min-h-[120px] text-sm focus:border-blue-400 focus:ring-2 focus:ring-blue-200 transition-all duration-200 shadow-sm hover:shadow-md",placeholder:"このプロパティの説明を入力してください"})]}),(0,t.jsx)(C,{customFields:N.customFields||{},projectCustomFields:z,onCustomFieldsChange:e=>{let t={...N,customFields:e};v(t),F(W(t,P))},onUpdateProjectCustomFields:async t=>{let r=Object.keys(z),a=Object.keys(t),l=r.filter(e=>!a.includes(e));if(J(t),await fetch("/api/config/metadata",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({customFields:t})}),l.length>0)for(let t of e){let e=!1,r={...t.docs.properties};for(let[t,s]of Object.entries(r))if(s.customFields){let a={...s.customFields},o=!1;for(let e of l)e in a&&(delete a[e],o=!0);o&&(r[t]={...s,customFields:a},e=!0)}e&&(await fetch("/api/config/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({configFilePath:t.filePath,properties:r})}),s(e=>e.map(e=>e.filePath===t.filePath?{...e,docs:{...e.docs,properties:r}}:e)))}if(P){let e={};for(let t of a)e[t]=P.customFields?.[t]||"";O({...P,customFields:e})}if(N){let e={};for(let t of a)e[t]=N.customFields?.[t]||"";v({...N,customFields:e}),F(!1)}}})]}),(0,t.jsx)("div",{className:"flex-shrink-0 pt-4 border-t border-gray-200",children:(0,t.jsxs)("button",{onClick:G,disabled:!T,className:`w-full flex items-center justify-center gap-2 px-4 py-3 rounded-lg shadow-md transition-all duration-200 transform ${T?"bg-gradient-to-r from-green-500 to-emerald-600 text-white hover:from-green-600 hover:to-emerald-700 hover:shadow-lg cursor-pointer":"bg-gray-300 text-gray-500 cursor-not-allowed"}`,children:[(0,t.jsx)(k,{className:"w-5 h-5"}),(0,t.jsx)("span",{className:"font-medium",children:"保存"})]})})]}):(0,t.jsxs)("div",{className:"flex flex-col items-center justify-center flex-1",children:[(0,t.jsx)("div",{className:"w-20 h-20 bg-gradient-to-br from-gray-100 to-gray-200 rounded-full flex items-center justify-center mb-4",children:(0,t.jsx)(c,{className:"w-10 h-10 text-gray-400"})}),(0,t.jsx)("p",{className:"text-sm text-gray-600 font-medium",children:"プロパティを選択してください"}),(0,t.jsx)("p",{className:"text-xs text-gray-500 mt-1",children:"左側のツリーから項目を選択"})]})]})]})]}),(0,t.jsx)(f,{isOpen:n,currentPath:y,multiSelect:!0,filterJsonOnly:!0,onSelect:e=>{K(e),d(!1)},onClose:()=>d(!1)}),(0,t.jsx)(j,{isOpen:m,onClose:()=>x(!1),onExport:X,currentSettings:A,rootPath:y}),(0,t.jsx)(M,{toasts:H,onRemove:e=>{V(t=>t.filter(t=>t.id!==e))}})]})}e.s(["default",()=>A],52211)}]);