payload-wordpress-migrator 0.0.22

package/dist/components/dashboard/JobsTable.js

@@ -0,0 +1,86 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { JobActionButtons } from './JobActionButtons.js';
+import styles from '../MigrationDashboardClient.module.css';
+
+const JobsTable = ({ jobs, loading, onJobAction })=>{
+    return /*#__PURE__*/ jsxs("div", {
+        className: styles.recentJobs,
+        children: [
+            /*#__PURE__*/ jsx("h3", {
+                children: "Recent Migration Jobs"
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: styles.jobsTable,
+                children: /*#__PURE__*/ jsxs("table", {
+                    children: [
+                        /*#__PURE__*/ jsx("thead", {
+                            children: /*#__PURE__*/ jsxs("tr", {
+                                children: [
+                                    /*#__PURE__*/ jsx("th", {
+                                        children: "Job Name"
+                                    }),
+                                    /*#__PURE__*/ jsx("th", {
+                                        children: "Status"
+                                    }),
+                                    /*#__PURE__*/ jsx("th", {
+                                        children: "Items"
+                                    }),
+                                    /*#__PURE__*/ jsx("th", {
+                                        children: "Success Rate"
+                                    }),
+                                    /*#__PURE__*/ jsx("th", {
+                                        children: "Actions"
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ jsx("tbody", {
+                            children: jobs?.map((job)=>{
+                                const successRate = job.progress.processedItems > 0 ? job.progress.successfulItems / job.progress.processedItems * 100 : 0;
+                                return /*#__PURE__*/ jsxs("tr", {
+                                    children: [
+                                        /*#__PURE__*/ jsx("td", {
+                                            children: job.jobName
+                                        }),
+                                        /*#__PURE__*/ jsx("td", {
+                                            children: /*#__PURE__*/ jsx("span", {
+                                                className: `${styles.statusBadge} ${styles[job.status]}`,
+                                                children: job.status
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxs("td", {
+                                            children: [
+                                                job.progress.processedItems,
+                                                "/",
+                                                job.progress.totalItems
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsxs("td", {
+                                            children: [
+                                                successRate.toFixed(1),
+                                                "%"
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsx("td", {
+                                            children: /*#__PURE__*/ jsx(JobActionButtons, {
+                                                jobId: job.id,
+                                                loading: loading,
+                                                onAction: onJobAction,
+                                                status: job.status,
+                                                successRate: successRate
+                                            })
+                                        })
+                                    ]
+                                }, job.id);
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+export { JobsTable };
+//# sourceMappingURL=JobsTable.js.map

package/dist/components/dashboard/JobsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JobsTable.js","sources":["../../../src/components/dashboard/JobsTable.tsx"],"sourcesContent":["'use client'\n\nimport { JobActionButtons } from './JobActionButtons'\nimport type { JobActionType, MigrationSummary } from './types'\n\nimport styles from '../MigrationDashboardClient.module.css'\n\nexport const JobsTable = ({\n  jobs,\n  loading,\n  onJobAction,\n}: {\n  jobs: MigrationSummary['recentJobs']\n  loading: boolean\n  onJobAction: (action: JobActionType, jobId: string) => Promise<void>\n}) => {\n  return (\n    <div className={styles.recentJobs}>\n      <h3>Recent Migration Jobs</h3>\n      <div className={styles.jobsTable}>\n        <table>\n          <thead>\n            <tr>\n              <th>Job Name</th>\n              <th>Status</th>\n              <th>Items</th>\n              <th>Success Rate</th>\n              <th>Actions</th>\n            </tr>\n          </thead>\n          <tbody>\n            {jobs?.map((job) => {\n              const successRate =\n                job.progress.processedItems > 0\n                  ? (job.progress.successfulItems / job.progress.processedItems) * 100\n                  : 0\n\n              return (\n                <tr key={job.id}>\n                  <td>{job.jobName}</td>\n                  <td>\n                    <span className={`${styles.statusBadge} ${styles[job.status]}`}>\n                      {job.status}\n                    </span>\n                  </td>\n                  <td>\n                    {job.progress.processedItems}/{job.progress.totalItems}\n                  </td>\n                  <td>{successRate.toFixed(1)}%</td>\n                  <td>\n                    <JobActionButtons\n                      jobId={job.id}\n                      loading={loading}\n                      onAction={onJobAction}\n                      status={job.status}\n                      successRate={successRate}\n                    />\n                  </td>\n                </tr>\n              )\n            })}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  )\n}\n"],"names":["className","jobs","job","successRate","jobId","status"],"mappings":";;;;;AAOO;AASL;AACOA;;;AACC;;;AACCA;AACH;;;AAEI;;;AACM;;;AACA;;;AACA;;;AACA;;;AACA;;;;;;AAILC;AACC;AAKA;;;AAESC;;;AAEH;;AACGA;;;;;;AAI0B;;;;;;AAE1BC;AAAuB;;;;AAE1B;AACEC;;;AAGAC;;;;;AAhBGH;AAsBb;;;;;;;AAMZ;;"}

package/dist/components/dashboard/LogViewer.d.ts

@@ -0,0 +1,3 @@
+export declare const LogViewer: ({ logs }: {
+    logs: string[];
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard/LogViewer.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import styles from '../MigrationDashboardClient.module.css';
+
+const LogViewer = ({ logs })=>{
+    return /*#__PURE__*/ jsxs("div", {
+        className: styles.migrationLogs,
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                style: {
+                    alignItems: 'center',
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    marginBottom: '10px'
+                },
+                children: /*#__PURE__*/ jsx("h3", {
+                    children: "Migration Logs"
+                })
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: styles.logsContainer,
+                children: /*#__PURE__*/ jsx("textarea", {
+                    className: styles.logsTextarea,
+                    placeholder: "Migration logs will appear here...",
+                    readOnly: true,
+                    rows: 10,
+                    value: logs.join('\n')
+                })
+            })
+        ]
+    });
+};
+
+export { LogViewer };
+//# sourceMappingURL=LogViewer.js.map

package/dist/components/dashboard/LogViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.js","sources":["../../../src/components/dashboard/LogViewer.tsx"],"sourcesContent":["'use client'\n\nimport styles from '../MigrationDashboardClient.module.css'\n\nexport const LogViewer = ({ logs }: { logs: string[] }) => {\n  return (\n    <div className={styles.migrationLogs}>\n      <div\n        style={{\n          alignItems: 'center',\n          display: 'flex',\n          justifyContent: 'space-between',\n          marginBottom: '10px',\n        }}\n      >\n        <h3>Migration Logs</h3>\n      </div>\n      <div className={styles.logsContainer}>\n        <textarea\n          className={styles.logsTextarea}\n          placeholder=\"Migration logs will appear here...\"\n          readOnly\n          rows={10}\n          value={logs.join('\\n')}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["className"],"mappings":";;;;AAIO;AACL;AACOA;;;;;;;;AAOD;AAEA;AAAI;;;;AAEDA;AACH;AACEA;;;;;;;;;AASV;;"}

package/dist/components/dashboard/SiteConfigPanel.d.ts

@@ -0,0 +1,12 @@
+import type { SiteConfigState, WordPressSiteConfig } from './types';
+export declare const SiteConfigPanel: ({ configState, loading, onCancel, onConfigChange, onEdit, onSave, onToggle, showSiteConfig, siteConfig, }: {
+    configState: SiteConfigState;
+    loading: boolean;
+    onCancel: () => void;
+    onConfigChange: (field: keyof WordPressSiteConfig, value: string) => void;
+    onEdit: () => void;
+    onSave: () => void;
+    onToggle: () => void;
+    showSiteConfig: boolean;
+    siteConfig: WordPressSiteConfig;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard/SiteConfigPanel.js

@@ -0,0 +1,205 @@
+"use client";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import styles from '../MigrationDashboardClient.module.css';
+
+const SiteConfigPanel = ({ configState, loading, onCancel, onConfigChange, onEdit, onSave, onToggle, showSiteConfig, siteConfig })=>{
+    return /*#__PURE__*/ jsxs("div", {
+        className: styles.siteConfigSection,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: styles.siteConfigHeader,
+                children: [
+                    /*#__PURE__*/ jsx("h2", {
+                        children: "WordPress Site Configuration"
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        className: styles.toggleButton,
+                        onClick: onToggle,
+                        children: showSiteConfig ? 'Hide Configuration' : 'Show Configuration'
+                    })
+                ]
+            }),
+            showSiteConfig && /*#__PURE__*/ jsxs("div", {
+                className: styles.siteConfigForm,
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: styles.formGrid,
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: styles.formGroup,
+                                children: [
+                                    /*#__PURE__*/ jsx("label", {
+                                        htmlFor: "siteName",
+                                        children: "Site Name"
+                                    }),
+                                    /*#__PURE__*/ jsx("input", {
+                                        disabled: !configState.isEditing,
+                                        id: "siteName",
+                                        onChange: (e)=>onConfigChange('siteName', e.target.value),
+                                        placeholder: "My WordPress Site",
+                                        type: "text",
+                                        value: siteConfig.siteName
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: styles.formGroup,
+                                children: [
+                                    /*#__PURE__*/ jsx("label", {
+                                        htmlFor: "wpSiteUrl",
+                                        children: "WordPress Site URL"
+                                    }),
+                                    /*#__PURE__*/ jsx("input", {
+                                        disabled: !configState.isEditing,
+                                        id: "wpSiteUrl",
+                                        onChange: (e)=>onConfigChange('wpSiteUrl', e.target.value),
+                                        placeholder: "https://example.com",
+                                        type: "url",
+                                        value: siteConfig.wpSiteUrl
+                                    }),
+                                    /*#__PURE__*/ jsx("small", {
+                                        children: "Base URL of your WordPress site"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: styles.formGroup,
+                                children: [
+                                    /*#__PURE__*/ jsx("label", {
+                                        htmlFor: "wpUsername",
+                                        children: "WordPress Username"
+                                    }),
+                                    /*#__PURE__*/ jsx("input", {
+                                        disabled: !configState.isEditing,
+                                        id: "wpUsername",
+                                        onChange: (e)=>onConfigChange('wpUsername', e.target.value),
+                                        placeholder: "admin",
+                                        type: "text",
+                                        value: siteConfig.wpUsername
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: styles.formGroup,
+                                children: [
+                                    /*#__PURE__*/ jsx("label", {
+                                        htmlFor: "wpPassword",
+                                        children: "Application Password"
+                                    }),
+                                    /*#__PURE__*/ jsx("input", {
+                                        disabled: !configState.isEditing,
+                                        id: "wpPassword",
+                                        onChange: (e)=>onConfigChange('wpPassword', e.target.value),
+                                        placeholder: "xxxx xxxx xxxx xxxx",
+                                        type: "password",
+                                        value: siteConfig.wpPassword
+                                    }),
+                                    /*#__PURE__*/ jsx("small", {
+                                        children: "WordPress Application Password for REST API access"
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: styles.configActions,
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                className: styles.connectionStatus,
+                                children: /*#__PURE__*/ jsxs("div", {
+                                    className: styles.statusIndicator,
+                                    children: [
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: `${styles.statusDot} ${styles[siteConfig.connectionStatus]}`
+                                        }),
+                                        /*#__PURE__*/ jsxs("span", {
+                                            className: styles.statusText,
+                                            children: [
+                                                siteConfig.connectionStatus === 'not-scanned' && 'Not Scanned',
+                                                siteConfig.connectionStatus === 'scanned' && siteConfig.discoveredContent && siteConfig.discoveredContent.length > 0 && /*#__PURE__*/ jsxs("div", {
+                                                    className: styles.discoveredContent,
+                                                    children: [
+                                                        /*#__PURE__*/ jsxs("div", {
+                                                            className: styles.discoveredHeader,
+                                                            children: [
+                                                                /*#__PURE__*/ jsxs("h4", {
+                                                                    children: [
+                                                                        "Available Content (",
+                                                                        siteConfig.totalItems,
+                                                                        " total items)"
+                                                                    ]
+                                                                }),
+                                                                /*#__PURE__*/ jsx("small", {
+                                                                    children: "Ready for migration"
+                                                                })
+                                                            ]
+                                                        }),
+                                                        /*#__PURE__*/ jsx("div", {
+                                                            className: styles.contentList,
+                                                            children: siteConfig.discoveredContent.map((content)=>/*#__PURE__*/ jsxs("div", {
+                                                                    className: styles.contentItem,
+                                                                    children: [
+                                                                        /*#__PURE__*/ jsxs("span", {
+                                                                            className: styles.contentLabel,
+                                                                            children: [
+                                                                                content.label,
+                                                                                ":"
+                                                                            ]
+                                                                        }),
+                                                                        /*#__PURE__*/ jsxs("span", {
+                                                                            className: styles.contentCount,
+                                                                            children: [
+                                                                                content.count,
+                                                                                " items"
+                                                                            ]
+                                                                        }),
+                                                                        content.custom && /*#__PURE__*/ jsx("span", {
+                                                                            className: styles.customBadge,
+                                                                            children: "Custom"
+                                                                        })
+                                                                    ]
+                                                                }, content.type))
+                                                        })
+                                                    ]
+                                                }),
+                                                siteConfig.connectionStatus === 'scanned' && 'Content Discovered',
+                                                siteConfig.connectionStatus === 'failed' && 'Scan Failed'
+                                            ]
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: styles.formActions,
+                                children: configState.isEditing ? /*#__PURE__*/ jsxs(Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ jsx("button", {
+                                            className: styles.saveButton,
+                                            disabled: loading,
+                                            onClick: onSave,
+                                            children: "Save Configuration"
+                                        }),
+                                        configState.isSaved && /*#__PURE__*/ jsx("button", {
+                                            className: styles.cancelButton,
+                                            disabled: loading,
+                                            onClick: onCancel,
+                                            children: "Cancel"
+                                        })
+                                    ]
+                                }) : /*#__PURE__*/ jsx("button", {
+                                    className: styles.editButton,
+                                    disabled: loading,
+                                    onClick: onEdit,
+                                    children: "Edit Configuration"
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { SiteConfigPanel };
+//# sourceMappingURL=SiteConfigPanel.js.map

package/dist/components/dashboard/SiteConfigPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteConfigPanel.js","sources":["../../../src/components/dashboard/SiteConfigPanel.tsx"],"sourcesContent":["'use client'\n\nimport type { SiteConfigState, WordPressSiteConfig } from './types'\n\nimport styles from '../MigrationDashboardClient.module.css'\n\nexport const SiteConfigPanel = ({\n  configState,\n  loading,\n  onCancel,\n  onConfigChange,\n  onEdit,\n  onSave,\n  onToggle,\n  showSiteConfig,\n  siteConfig,\n}: {\n  configState: SiteConfigState\n  loading: boolean\n  onCancel: () => void\n  onConfigChange: (field: keyof WordPressSiteConfig, value: string) => void\n  onEdit: () => void\n  onSave: () => void\n  onToggle: () => void\n  showSiteConfig: boolean\n  siteConfig: WordPressSiteConfig\n}) => {\n  return (\n    <div className={styles.siteConfigSection}>\n      <div className={styles.siteConfigHeader}>\n        <h2>WordPress Site Configuration</h2>\n        <button className={styles.toggleButton} onClick={onToggle}>\n          {showSiteConfig ? 'Hide Configuration' : 'Show Configuration'}\n        </button>\n      </div>\n\n      {showSiteConfig && (\n        <div className={styles.siteConfigForm}>\n          <div className={styles.formGrid}>\n            <div className={styles.formGroup}>\n              <label htmlFor=\"siteName\">Site Name</label>\n              <input\n                disabled={!configState.isEditing}\n                id=\"siteName\"\n                onChange={(e) => onConfigChange('siteName', e.target.value)}\n                placeholder=\"My WordPress Site\"\n                type=\"text\"\n                value={siteConfig.siteName}\n              />\n            </div>\n\n            <div className={styles.formGroup}>\n              <label htmlFor=\"wpSiteUrl\">WordPress Site URL</label>\n              <input\n                disabled={!configState.isEditing}\n                id=\"wpSiteUrl\"\n                onChange={(e) => onConfigChange('wpSiteUrl', e.target.value)}\n                placeholder=\"https://example.com\"\n                type=\"url\"\n                value={siteConfig.wpSiteUrl}\n              />\n              <small>Base URL of your WordPress site</small>\n            </div>\n\n            <div className={styles.formGroup}>\n              <label htmlFor=\"wpUsername\">WordPress Username</label>\n              <input\n                disabled={!configState.isEditing}\n                id=\"wpUsername\"\n                onChange={(e) => onConfigChange('wpUsername', e.target.value)}\n                placeholder=\"admin\"\n                type=\"text\"\n                value={siteConfig.wpUsername}\n              />\n            </div>\n\n            <div className={styles.formGroup}>\n              <label htmlFor=\"wpPassword\">Application Password</label>\n              <input\n                disabled={!configState.isEditing}\n                id=\"wpPassword\"\n                onChange={(e) => onConfigChange('wpPassword', e.target.value)}\n                placeholder=\"xxxx xxxx xxxx xxxx\"\n                type=\"password\"\n                value={siteConfig.wpPassword}\n              />\n              <small>WordPress Application Password for REST API access</small>\n            </div>\n          </div>\n\n          <div className={styles.configActions}>\n            <div className={styles.connectionStatus}>\n              <div className={styles.statusIndicator}>\n                <span className={`${styles.statusDot} ${styles[siteConfig.connectionStatus]}`} />\n                <span className={styles.statusText}>\n                  {siteConfig.connectionStatus === 'not-scanned' && 'Not Scanned'}\n                  {siteConfig.connectionStatus === 'scanned' &&\n                    siteConfig.discoveredContent &&\n                    siteConfig.discoveredContent.length > 0 && (\n                      <div className={styles.discoveredContent}>\n                        <div className={styles.discoveredHeader}>\n                          <h4>Available Content ({siteConfig.totalItems} total items)</h4>\n                          <small>Ready for migration</small>\n                        </div>\n                        <div className={styles.contentList}>\n                          {siteConfig.discoveredContent.map((content) => (\n                            <div className={styles.contentItem} key={content.type}>\n                              <span className={styles.contentLabel}>{content.label}:</span>\n                              <span className={styles.contentCount}>{content.count} items</span>\n                              {content.custom && (\n                                <span className={styles.customBadge}>Custom</span>\n                              )}\n                            </div>\n                          ))}\n                        </div>\n                      </div>\n                    )}\n                  {siteConfig.connectionStatus === 'scanned' && 'Content Discovered'}\n                  {siteConfig.connectionStatus === 'failed' && 'Scan Failed'}\n                </span>\n              </div>\n            </div>\n\n            <div className={styles.formActions}>\n              {configState.isEditing ? (\n                <>\n                  <button\n                    className={styles.saveButton}\n                    disabled={loading}\n                    onClick={onSave}\n                  >\n                    Save Configuration\n                  </button>\n                  {configState.isSaved && (\n                    <button\n                      className={styles.cancelButton}\n                      disabled={loading}\n                      onClick={onCancel}\n                    >\n                      Cancel\n                    </button>\n                  )}\n                </>\n              ) : (\n                <button\n                  className={styles.editButton}\n                  disabled={loading}\n                  onClick={onEdit}\n                >\n                  Edit Configuration\n                </button>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["className","showSiteConfig","onChange","value","siteConfig","content","configState"],"mappings":";;;;AAMO;AAqBL;AACOA;;;AACEA;;;AACC;;;AACIA;;AACLC;;;;AAIJA;AACMD;;;AACEA;;;AACEA;;;;AACuB;;;;;AAIxBE;;;AAGAC;;;;;AAICH;;;;AACwB;;;;;AAIzBE;;;AAGAC;;;AAEK;;;;;AAGJH;;;;AACyB;;;;;AAI1BE;;;AAGAC;;;;;AAICH;;;;AACyB;;;;;AAI1BE;;;AAGAC;;;AAEK;;;;;;;AAINH;;;AACEA;AACH;AAAKA;;;;;;AAEGA;;;AAEHI;AAGQJ;;;AACEA;;;;AACC;AAAoBI;AAAsB;;;;AACvC;;;;;AAEJJ;AACFI;AACMJ;;;AACGA;;AAAiCK;AAAc;;;;AAC/CL;;AAAiCK;AAAc;;;;AAE7CL;AAA+B;;;AAJAK;;;;;;;;;;;;AAiBpDL;AACFM;;;AAGKN;;;AAGD;;;AAKGA;;;AAGD;;;;AAOHA;;;AAGD;;;;;;;;;AAUjB;;"}

package/dist/components/dashboard/StatsOverview.d.ts

@@ -0,0 +1,5 @@
+import type { MigrationSummary, WordPressSiteConfig } from './types';
+export declare const StatsOverview: ({ siteConfig, summary, }: {
+    siteConfig: WordPressSiteConfig;
+    summary: MigrationSummary;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard/StatsOverview.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import styles from '../MigrationDashboardClient.module.css';
+
+const StatsOverview = ({ siteConfig, summary })=>{
+    return /*#__PURE__*/ jsxs("div", {
+        className: styles.statsGrid,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: styles.statCard,
+                children: [
+                    /*#__PURE__*/ jsx("h3", {
+                        children: "Site Configured"
+                    }),
+                    /*#__PURE__*/ jsx("p", {
+                        className: styles.statValue,
+                        children: siteConfig.connectionStatus !== 'scanned' && '✗ No'
+                    }),
+                    siteConfig.connectionStatus === 'scanned' && siteConfig.discoveredContent && /*#__PURE__*/ jsxs("small", {
+                        className: styles.statDetail,
+                        children: [
+                            siteConfig.discoveredContent.length,
+                            " content types",
+                            /*#__PURE__*/ jsx("br", {}),
+                            siteConfig.totalItems,
+                            " items"
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: styles.statCard,
+                children: [
+                    /*#__PURE__*/ jsx("h3", {
+                        children: "Total Jobs"
+                    }),
+                    /*#__PURE__*/ jsx("p", {
+                        className: styles.statValue,
+                        children: summary.totalJobs || 0
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: styles.statCard,
+                children: [
+                    /*#__PURE__*/ jsx("h3", {
+                        children: "Active Jobs"
+                    }),
+                    /*#__PURE__*/ jsx("p", {
+                        className: `${styles.statValue} ${(summary.activeJobs || 0) > 0 ? styles.active : ''}`,
+                        children: summary.activeJobs || 0
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: styles.statCard,
+                children: [
+                    /*#__PURE__*/ jsx("h3", {
+                        children: "Items Migrated"
+                    }),
+                    /*#__PURE__*/ jsx("p", {
+                        className: styles.statValue,
+                        children: (summary.totalItemsMigrated || 0).toLocaleString()
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { StatsOverview };
+//# sourceMappingURL=StatsOverview.js.map

package/dist/components/dashboard/StatsOverview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatsOverview.js","sources":["../../../src/components/dashboard/StatsOverview.tsx"],"sourcesContent":["'use client'\n\nimport type { MigrationSummary, WordPressSiteConfig } from './types'\n\nimport styles from '../MigrationDashboardClient.module.css'\n\nexport const StatsOverview = ({\n  siteConfig,\n  summary,\n}: {\n  siteConfig: WordPressSiteConfig\n  summary: MigrationSummary\n}) => {\n  return (\n    <div className={styles.statsGrid}>\n      <div className={styles.statCard}>\n        <h3>Site Configured</h3>\n        <p className={styles.statValue}>{siteConfig.connectionStatus !== 'scanned' && '✗ No'}</p>\n        {siteConfig.connectionStatus === 'scanned' && siteConfig.discoveredContent && (\n          <small className={styles.statDetail}>\n            {siteConfig.discoveredContent.length} content types\n            <br />\n            {siteConfig.totalItems} items\n          </small>\n        )}\n      </div>\n      <div className={styles.statCard}>\n        <h3>Total Jobs</h3>\n        <p className={styles.statValue}>{summary.totalJobs || 0}</p>\n      </div>\n      <div className={styles.statCard}>\n        <h3>Active Jobs</h3>\n        <p\n          className={`${styles.statValue} ${(summary.activeJobs || 0) > 0 ? styles.active : ''}`}\n        >\n          {summary.activeJobs || 0}\n        </p>\n      </div>\n      <div className={styles.statCard}>\n        <h3>Items Migrated</h3>\n        <p className={styles.statValue}>{(summary.totalItemsMigrated || 0).toLocaleString()}</p>\n      </div>\n    </div>\n  )\n}\n"],"names":["className","siteConfig","summary"],"mappings":";;;;;AAaE;AACOA;;;AACEA;;;AACC;;;AACDA;;;AACFC;AACQD;;;AACgC;;AAEpCC;AAAsB;;;;;;AAIxBD;;;AACC;;;AACDA;AAA8BE;;;;;AAE9BF;;;AACC;;;AAEFA;AAECE;;;;;AAGAF;;;AACC;;;AACDA;AAA8B;;;;;;AAIzC;;"}

package/dist/components/dashboard/index.d.ts

@@ -0,0 +1,7 @@
+export { JobActionButtons } from './JobActionButtons';
+export { JobsTable } from './JobsTable';
+export { LogViewer } from './LogViewer';
+export { SiteConfigPanel } from './SiteConfigPanel';
+export { StatsOverview } from './StatsOverview';
+export { useMigrationDashboard } from './useMigrationDashboard';
+export type { ContentType, JobActionType, MigrationSummary, SiteConfigState, WordPressSiteConfig, } from './types';

package/dist/components/dashboard/index.js

@@ -0,0 +1,7 @@
+export { JobActionButtons } from './JobActionButtons.js';
+export { JobsTable } from './JobsTable.js';
+export { LogViewer } from './LogViewer.js';
+export { SiteConfigPanel } from './SiteConfigPanel.js';
+export { StatsOverview } from './StatsOverview.js';
+export { useMigrationDashboard } from './useMigrationDashboard.js';
+//# sourceMappingURL=index.js.map

package/dist/components/dashboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/dashboard/types.d.ts

@@ -0,0 +1,46 @@
+export type MigrationSummary = {
+    activeJobs: number;
+    completedJobs: number;
+    recentJobs: Array<{
+        createdAt: string;
+        id: string;
+        jobName: string;
+        progress: {
+            processedItems: number;
+            successfulItems: number;
+            totalItems: number;
+        };
+        status: string;
+    }>;
+    recentLogs?: Array<{
+        jobName: string;
+        level: string;
+        message: string;
+        timestamp: Date;
+    }>;
+    totalItemsMigrated: number;
+    totalJobs: number;
+    totalSites: number;
+};
+export type ContentType = {
+    available: boolean;
+    count: number;
+    custom?: boolean;
+    label: string;
+    restBase?: string;
+    type: string;
+};
+export type WordPressSiteConfig = {
+    connectionStatus: 'failed' | 'not-scanned' | 'scanned' | 'scanning';
+    discoveredContent?: ContentType[];
+    siteName: string;
+    totalItems?: number;
+    wpPassword: string;
+    wpSiteUrl: string;
+    wpUsername: string;
+};
+export type SiteConfigState = {
+    isEditing: boolean;
+    isSaved: boolean;
+};
+export type JobActionType = 'pause' | 'restart' | 'resume' | 'retry' | 'rollback' | 'start' | 'update';

package/dist/components/dashboard/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/dist/components/dashboard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/dashboard/useMigrationDashboard.d.ts

@@ -0,0 +1,15 @@
+import type { JobActionType, MigrationSummary, SiteConfigState, WordPressSiteConfig } from './types';
+export declare const useMigrationDashboard: (initialSummary: MigrationSummary) => {
+    configState: SiteConfigState;
+    loading: boolean;
+    showSiteConfig: boolean;
+    siteConfig: WordPressSiteConfig;
+    summary: MigrationSummary;
+    handleCancelEdit: () => void;
+    handleEditConfig: () => void;
+    handleSaveConfig: () => Promise<void>;
+    handleSiteConfigChange: (field: keyof WordPressSiteConfig, value: string) => void;
+    setShowSiteConfig: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    handleJobAction: (action: JobActionType, jobId: string) => Promise<void>;
+    getAllLogs: () => string[];
+};