@manojkmfsi/monodog 1.1.38 → 1.1.39

package/monodog-dashboard/src/components/modules/config-inspector/components/ConfigEditor.tsx

@@ -1,93 +0,0 @@
-import { ConfigEditorProps } from '../types/config.types';
-import { maskSecrets, detectLanguage } from '../utils/config.utils';
-import { DocumentIcon } from '../../../../icons/heroicons';
-
-export default function ConfigEditor({
-  config,
-  isEditing,
-  editValue,
-  onStartEdit,
-  onSaveEdit,
-  onCancelEdit,
-  onValueChange,
-  showSecrets,
-  onToggleSecrets,
-}: ConfigEditorProps) {
-  if (!config) {
-    return (
-      <div className="flex items-center justify-center h-64 bg-gray-50 rounded-lg">
-        <div className="text-center">
-          <div className="text-gray-400 text-4xl mb-2"><DocumentIcon className="w-6 h-6 text-primary-600" /></div>
-          <p className="text-gray-500">
-            Select a configuration file to view or edit
-          </p>
-        </div>
-      </div>
-    );
-  }
-
-  const language = detectLanguage(config.name);
-  const displayContent = showSecrets
-    ? config.content
-    : maskSecrets(config.content);
-
-  return (
-    <div className="bg-white rounded-lg shadow border h-full flex flex-col">
-      {/* File Header */}
-      <div className="p-4 border-b border-gray-200">
-        <div className="flex items-center space-x-3">
-          <div className="text-2xl"><DocumentIcon className="w-6 h-6 text-primary-600" /></div>
-          <div>
-            <h3 className="text-lg font-medium text-gray-900">{config.name}</h3>
-            <p className="text-sm text-gray-500">{config.path}</p>
-          </div>
-        </div>
-      </div>
-
-      {/* Editor Content */}
-      <div className="flex-1 p-4">
-        {isEditing ? (
-          <div className="h-full">
-            <textarea
-              value={editValue}
-              onChange={e => onValueChange(e.target.value)}
-              className="w-full h-full font-mono text-sm border border-gray-300 rounded-lg p-4 focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none"
-              placeholder="Enter configuration content..."
-              spellCheck={false}
-            />
-          </div>
-        ) : (
-          <div className="h-full">
-            <pre className="w-full h-full font-mono text-sm bg-gray-50 border border-gray-200 rounded-lg p-4 overflow-auto whitespace-pre-wrap">
-              <code className={`language-${language}`}>{displayContent}</code>
-            </pre>
-          </div>
-        )}
-      </div>
-
-      {/* Editor Footer */}
-      <div className="p-4 border-t border-gray-200 bg-gray-50">
-        <div className="flex items-center justify-between text-sm text-gray-500">
-          <div className="flex items-center space-x-4">
-            <span>Language: {language.toUpperCase()}</span>
-            <span>Size: {config.content.length} characters</span>
-            {config.hasSecrets && (
-              <span className="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">
-                🔒 Contains secrets
-              </span>
-            )}
-          </div>
-          <div>
-            {isEditing ? (
-              <span className="text-blue-600 font-medium">Editing mode</span>
-            ) : config.isEditable ? (
-              <span className="text-green-600">Editable</span>
-            ) : (
-              <span className="text-gray-400">Read-only</span>
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/modules/config-inspector/components/ConfigInspectorHeader.tsx

@@ -1,36 +0,0 @@
-import { ArrowPathIcon } from '../../../../icons/heroicons';
-
-interface ConfigInspectorHeaderProps {
-  onRefresh?: () => void;
-  loading?: boolean;
-}
-
-export default function ConfigInspectorHeader({
-  onRefresh,
-  loading = false,
-}: ConfigInspectorHeaderProps) {
-  return (
-    <div className="flex items-center justify-between">
-      <div>
-        <h1 className="text-2xl font-bold text-gray-900">
-          Configuration Inspector
-        </h1>
-        <p className="text-gray-600 mt-1">
-          View and manage configuration files across your monorepo
-        </p>
-      </div>
-      {onRefresh && (
-        <button
-          onClick={onRefresh}
-          disabled={loading}
-          className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed flex items-center space-x-2 transition-colors"
-        >
-          <ArrowPathIcon
-            className={`w-5 h-5 ${loading ? 'animate-spin' : ''}`}
-          />
-          <span>Refresh</span>
-        </button>
-      )}
-    </div>
-  );
-}

package/monodog-dashboard/src/components/modules/config-inspector/components/ConfigPreview.tsx

@@ -1,89 +0,0 @@
-import { EyeIcon, EyeSlashIcon } from '../../../../icons/heroicons';
-import { ConfigPreviewProps } from '../types/config.types';
-import { maskSecrets, formatJson } from '../utils/config.utils';
-
-export default function ConfigPreview({
-  content,
-  language,
-  showSecrets,
-  onToggleSecrets,
-}: ConfigPreviewProps) {
-  const displayContent = showSecrets ? content : maskSecrets(content);
-  const formattedContent =
-    language === 'json' ? formatJson(displayContent) : displayContent;
-
-  const getLanguageDisplayName = (lang: string) => {
-    const names: Record<string, string> = {
-      json: 'JSON',
-      yaml: 'YAML',
-      javascript: 'JavaScript',
-      typescript: 'TypeScript',
-      env: 'Environment',
-      markdown: 'Markdown',
-      xml: 'XML',
-      toml: 'TOML',
-      text: 'Plain Text',
-    };
-    return names[lang] || lang.toUpperCase();
-  };
-
-  const getSyntaxHighlightClass = (lang: string) => {
-    // In a real implementation, you might use a syntax highlighting library
-    // like Prism.js or highlight.js
-    return `language-${lang}`;
-  };
-
-  return (
-    <div className="bg-white rounded-lg shadow border h-full flex flex-col">
-      {/* Header */}
-      <div className="flex items-center justify-between p-4 border-b border-gray-200 bg-gray-50">
-        <div className="flex items-center space-x-2">
-          <h3 className="text-sm font-medium text-gray-900">
-            {getLanguageDisplayName(language)} Preview
-          </h3>
-          <span className="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-800">
-            {content.split('\n').length} lines
-          </span>
-        </div>
-
-        {onToggleSecrets && (
-          <button
-            onClick={onToggleSecrets}
-            className="inline-flex items-center px-2 py-1 text-xs font-medium text-gray-600 hover:text-gray-800 transition-colors"
-          >
-            {showSecrets ? (
-              <>
-                <EyeSlashIcon className="w-3 h-3 mr-1" />
-                Hide
-              </>
-            ) : (
-              <>
-                <EyeIcon className="w-3 h-3 mr-1" />
-                Show
-              </>
-            )}
-          </button>
-        )}
-      </div>
-
-      {/* Content */}
-      <div className="flex-1 overflow-auto">
-        <pre
-          className={`h-full p-4 text-sm font-mono bg-gray-50 overflow-auto ${getSyntaxHighlightClass(language)}`}
-        >
-          <code className="whitespace-pre-wrap break-words">
-            {formattedContent}
-          </code>
-        </pre>
-      </div>
-
-      {/* Footer */}
-      <div className="p-2 border-t border-gray-200 bg-gray-50">
-        <div className="flex items-center justify-between text-xs text-gray-500">
-          <span>{formattedContent.length} characters</span>
-          <span>Read-only preview</span>
-        </div>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/modules/config-inspector/components/ConfigSidebar.tsx

@@ -1,141 +0,0 @@
-import { MagnifyingGlassIcon, FunnelIcon } from '../../../../icons/heroicons';
-import { type ConfigSidebarProps } from '../types/config.types';
-import {
-  getTypeColor,
-  formatFileSize,
-  formatDate,
-  getConfigIcon,
-  getUniqueTypes,
-} from '../utils/config.utils';
-import { FolderIcon } from '../../../../icons/heroicons';
-
-export default function ConfigSidebar({
-  configs,
-  selectedConfig,
-  onConfigSelect,
-  filters,
-  onFiltersChange,
-}: ConfigSidebarProps) {
-  const availableTypes = getUniqueTypes(configs);
-
-  return (
-    <div className="bg-white rounded-lg shadow border h-full flex flex-col max-h-[calc(100vh-180px)]">
-      {/* Header */}
-      <div className="p-4 border-b border-gray-200">
-        <h3 className="text-lg font-medium text-gray-900 mb-4">
-          Configuration Files
-        </h3>
-
-        {/* Search */}
-        <div className="relative mb-4">
-          <MagnifyingGlassIcon className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-4 w-4" />
-          <input
-            type="text"
-            placeholder="Search config files..."
-            value={filters.search}
-            onChange={e =>
-              onFiltersChange({ ...filters, search: e.target.value })
-            }
-            className="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="space-y-3">
-          <div className="flex items-center space-x-2">
-            <FunnelIcon className="h-4 w-4 text-gray-400" />
-            <select
-              value={filters.type}
-              onChange={e =>
-                onFiltersChange({ ...filters, type: e.target.value })
-              }
-              className="flex-1 border border-gray-300 rounded-md px-3 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-            >
-              <option value="all">All Types</option>
-              {availableTypes.map(type => (
-                <option key={type} value={type}>
-                  {type.charAt(0).toUpperCase() + type.slice(1)}
-                </option>
-              ))}
-            </select>
-          </div>
-
-          <select
-            value={filters.status}
-            onChange={e =>
-              onFiltersChange({ ...filters, status: e.target.value })
-            }
-            className="w-full border border-gray-300 rounded-md px-3 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-          >
-            <option value="all">All Files</option>
-            <option value="standard">Standard Files</option>
-            <option value="secrets">Files with Secrets</option>
-          </select>
-        </div>
-      </div>
-
-      {/* File List */}
-      <div className="flex-1 overflow-y-auto">
-        {configs.length === 0 ? (
-          <div className="p-4 text-center text-gray-500">
-            <div className="text-4xl mb-2"><FolderIcon className="w-6 h-6 text-primary-600" /></div>
-            <p className="text-sm">No configuration files found</p>
-          </div>
-        ) : (
-          <div className="p-2">
-            {configs.map(config => (
-              <button
-                key={config.id}
-                onClick={() => onConfigSelect(config.id)}
-                className={`w-full text-left p-3 rounded-lg mb-2 transition-colors ${
-                  selectedConfig === config.id
-                    ? 'bg-blue-50 border border-blue-200'
-                    : 'hover:bg-gray-50 border border-transparent'
-                }`}
-              >
-                <div className="flex items-start space-x-3">
-                  <div className="text-2xl">{getConfigIcon(config.name)}</div>
-                  <div className="flex-1 min-w-0">
-                    <div className="flex items-center space-x-2 mb-1">
-                      <p className="text-sm font-medium text-gray-900 truncate">
-                        {config.name}
-                      </p>
-                      {config.hasSecrets && (
-                        <span className="inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium bg-yellow-100 text-yellow-800">
-                          🔒
-                        </span>
-                      )}
-                    </div>
-                    <p className="text-xs text-gray-500 truncate mb-1">
-                      {config.path}
-                    </p>
-                    <div className="flex items-center justify-between">
-                      <span
-                        className={`inline-flex px-2 py-0.5 text-xs font-semibold rounded-full ${getTypeColor(config.type)}`}
-                      >
-                        {config.type}
-                      </span>
-                      <span className="text-xs text-gray-400">
-                        {formatFileSize(config.size)}
-                      </span>
-                    </div>
-                    <p className="text-xs text-gray-400 mt-1">
-                      {formatDate(config.lastModified)}
-                    </p>
-                  </div>
-                </div>
-              </button>
-            ))}
-          </div>
-        )}
-      </div>
-
-      {/* Summary */}
-      <div className="p-4 border-t border-gray-200">
-        <div className="text-xs text-gray-500">
-          {configs.length} file{configs.length !== 1 ? 's' : ''} found
-        </div>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/modules/config-inspector/components/ConfigToolbar.tsx

@@ -1,184 +0,0 @@
-import {
-  PencilIcon,
-  CheckIcon,
-  XMarkIcon,
-  EyeIcon,
-  EyeSlashIcon,
-  ArrowPathIcon,
-  DocumentDuplicateIcon,
-  DocumentCheckIcon,
-} from '../../../../icons/heroicons';
-import { type ConfigToolbarProps } from '../types/config.types';
-import { useState } from 'react';
-
-export default function ConfigToolbar({
-  isEditing,
-  canEdit,
-  hasSecrets,
-  showSecrets,
-  saving,
-  onStartEdit,
-  onSaveEdit,
-  onCancelEdit,
-  onToggleSecrets,
-  onRefresh,
-  content,
-}: ConfigToolbarProps) {
-  const [copied, setCopied] = useState(false);
-
-  // const copyToClipboard = () => {
-  //   // In a real implementation, this would copy the config content
-  //   navigator.clipboard.writeText('Config content copied');
-  // };
-
-  const copyToClipboard = async () => {
-    try {
-      // Use the content prop that's passed from ConfigInspector
-      const contentToCopy = content || 'No content available';
-
-      await navigator.clipboard.writeText(contentToCopy);
-      setCopied(true);
-
-      // Reset the copied state after 2 seconds
-      setTimeout(() => {
-        setCopied(false);
-      }, 4000);
-    } catch (err) {
-      console.error('Failed to copy to clipboard:', err);
-      // Fallback for older browsers
-      // const textArea = document.createElement('textarea');
-      // textArea.value = content || 'No content available';
-      // document.body.appendChild(textArea);
-      // textArea.select();
-      // document.execCommand('copy');
-      // document.body.removeChild(textArea);
-
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2000);
-    }
-  };
-
-  if (saving) {
-    return (
-      <div className="flex items-center justify-between p-4 bg-gray-50 border-b border-gray-200">
-        <div className="flex items-center space-x-2">
-          <div className="inline-flex items-center px-3 py-1.5 text-sm font-medium text-orange-600 bg-white border border-gray-300 rounded-lg">
-            <ArrowPathIcon className="w-4 h-4 mr-1 animate-spin" />
-            Saving...
-          </div>
-        </div>
-
-        {/* Keep refresh available even during save */}
-        <div className="flex items-center space-x-2">
-          <button
-            onClick={onRefresh}
-            className="inline-flex items-center px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            <ArrowPathIcon className="w-4 h-4 mr-1" />
-            Refresh
-          </button>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex items-center justify-between p-4 bg-gray-50 border-b border-gray-200">
-      <div className="flex items-center space-x-2">
-        {/* Edit Controls */}
-        {isEditing ? (
-          <>
-            <button
-              onClick={onSaveEdit}
-              className="inline-flex items-center px-3 py-1.5 text-sm font-medium text-white bg-green-600 rounded-lg hover:bg-green-700 transition-colors"
-            >
-              <CheckIcon className="w-4 h-4 mr-1" />
-              Save
-            </button>
-            <button
-              onClick={onCancelEdit}
-              className="inline-flex items-center px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              <XMarkIcon className="w-4 h-4 mr-1" />
-              Cancel
-            </button>
-          </>
-        ) : (
-          canEdit && (
-            <button
-              onClick={onStartEdit}
-              className="inline-flex items-center px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              <PencilIcon className="w-4 h-4 mr-1" />
-              Edit
-            </button>
-          )
-        )}
-
-        {/* Secret Toggle */}
-        {hasSecrets && (
-          <button
-            onClick={onToggleSecrets}
-            className={`inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-lg transition-colors ${
-              showSecrets
-                ? 'text-red-700 bg-red-100 hover:bg-red-200'
-                : 'text-yellow-700 bg-yellow-100 hover:bg-yellow-200'
-            }`}
-          >
-            {showSecrets ? (
-              <>
-                <EyeSlashIcon className="w-4 h-4 mr-1" />
-                Hide Secrets
-              </>
-            ) : (
-              <>
-                <EyeIcon className="w-4 h-4 mr-1" />
-                Show Secrets
-              </>
-            )}
-          </button>
-        )}
-      </div>
-
-      <div className="flex items-center space-x-2">
-        {/* Copy Button */}
-        <button
-          onClick={copyToClipboard}
-          className={`inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-lg transition-colors ${
-            copied
-              ? 'text-green-700 bg-green-100 border border-green-300'
-              : 'text-gray-700 bg-white border border-gray-300 hover:bg-gray-50'
-          }`}
-        >
-          {copied ? (
-            <>
-              <DocumentCheckIcon className="w-4 h-4 mr-1" />
-              Copied!
-            </>
-          ) : (
-            <>
-              <DocumentDuplicateIcon className="w-4 h-4 mr-1" />
-              Copy
-            </>
-          )}
-        </button>
-        {/* <button
-          onClick={copyToClipboard}
-          className="inline-flex items-center px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-        >
-          <DocumentDuplicateIcon className="w-4 h-4 mr-1" />
-          Copy
-        </button> */}
-
-        {/* Refresh Button */}
-        {/* <button
-          onClick={onRefresh}
-          className="inline-flex items-center px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-        >
-          <ArrowPathIcon className="w-4 h-4 mr-1" />
-          Refresh
-        </button> */}
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/modules/config-inspector/components/ErrorState.tsx

@@ -1,25 +0,0 @@
-import { ExclamationTriangleIcon } from '../../../../icons/heroicons';
-
-interface ErrorStateProps {
-  error: string;
-  onRetry?: () => void;
-}
-
-export default function ErrorState({ error, onRetry }: ErrorStateProps) {
-  return (
-    <div className="flex items-center justify-center h-64">
-      <div className="text-center">
-        <ExclamationTriangleIcon className="w-12 h-12 text-red-500 mx-auto" />
-        <p className="mt-4 text-red-600">{error}</p>
-        {onRetry && (
-          <button
-            onClick={onRetry}
-            className="mt-4 bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors"
-          >
-            Retry
-          </button>
-        )}
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/modules/config-inspector/components/LoadingState.tsx

@@ -1,16 +0,0 @@
-interface LoadingStateProps {
-  message?: string;
-}
-
-export default function LoadingState({
-  message = 'Loading configuration files...',
-}: LoadingStateProps) {
-  return (
-    <div className="flex items-center justify-center h-64">
-      <div className="text-center">
-        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto"></div>
-        <p className="mt-4 text-gray-600">{message}</p>
-      </div>
-    </div>
-  );
-}