@pheem49/mint 1.8.2 → 1.10.0

package/src/renderer/src/components/WorkspacePanel.tsx

@@ -1,60 +1,12 @@
 import React, { useEffect, useState } from 'react'
 import { getWorkspaceTree, type WorkspaceTreeEntry, createWorkspaceFile, createWorkspaceFolder, deleteWorkspaceItem } from '../tauri'
-import folderIcon from 'material-icon-theme/icons/folder.svg?url'
-import folderOpenIcon from 'material-icon-theme/icons/folder-open.svg?url'
-import folderComponentsIcon from 'material-icon-theme/icons/folder-components.svg?url'
-import folderComponentsOpenIcon from 'material-icon-theme/icons/folder-components-open.svg?url'
-import folderConfigIcon from 'material-icon-theme/icons/folder-config.svg?url'
-import folderConfigOpenIcon from 'material-icon-theme/icons/folder-config-open.svg?url'
-import folderDistIcon from 'material-icon-theme/icons/folder-dist.svg?url'
-import folderDistOpenIcon from 'material-icon-theme/icons/folder-dist-open.svg?url'
-import folderDocsIcon from 'material-icon-theme/icons/folder-docs.svg?url'
-import folderDocsOpenIcon from 'material-icon-theme/icons/folder-docs-open.svg?url'
-import folderGitIcon from 'material-icon-theme/icons/folder-git.svg?url'
-import folderGitOpenIcon from 'material-icon-theme/icons/folder-git-open.svg?url'
-import folderGithubIcon from 'material-icon-theme/icons/folder-github.svg?url'
-import folderGithubOpenIcon from 'material-icon-theme/icons/folder-github-open.svg?url'
-import folderImagesIcon from 'material-icon-theme/icons/folder-images.svg?url'
-import folderImagesOpenIcon from 'material-icon-theme/icons/folder-images-open.svg?url'
-import folderLogIcon from 'material-icon-theme/icons/folder-log.svg?url'
-import folderLogOpenIcon from 'material-icon-theme/icons/folder-log-open.svg?url'
-import folderNodeIcon from 'material-icon-theme/icons/folder-node.svg?url'
-import folderNodeOpenIcon from 'material-icon-theme/icons/folder-node-open.svg?url'
-import folderPublicIcon from 'material-icon-theme/icons/folder-public.svg?url'
-import folderPublicOpenIcon from 'material-icon-theme/icons/folder-public-open.svg?url'
-import folderRustIcon from 'material-icon-theme/icons/folder-rust.svg?url'
-import folderRustOpenIcon from 'material-icon-theme/icons/folder-rust-open.svg?url'
-import folderScriptsIcon from 'material-icon-theme/icons/folder-scripts.svg?url'
-import folderScriptsOpenIcon from 'material-icon-theme/icons/folder-scripts-open.svg?url'
-import folderSrcIcon from 'material-icon-theme/icons/folder-src.svg?url'
-import folderSrcOpenIcon from 'material-icon-theme/icons/folder-src-open.svg?url'
-import folderSrcTauriIcon from 'material-icon-theme/icons/folder-src-tauri.svg?url'
-import folderSrcTauriOpenIcon from 'material-icon-theme/icons/folder-src-tauri-open.svg?url'
-import folderTestIcon from 'material-icon-theme/icons/folder-test.svg?url'
-import folderTestOpenIcon from 'material-icon-theme/icons/folder-test-open.svg?url'
-import folderUiIcon from 'material-icon-theme/icons/folder-ui.svg?url'
-import folderUiOpenIcon from 'material-icon-theme/icons/folder-ui-open.svg?url'
-import folderUtilsIcon from 'material-icon-theme/icons/folder-utils.svg?url'
-import folderUtilsOpenIcon from 'material-icon-theme/icons/folder-utils-open.svg?url'
-import cssIcon from 'material-icon-theme/icons/css.svg?url'
-import documentIcon from 'material-icon-theme/icons/document.svg?url'
-import htmlIcon from 'material-icon-theme/icons/html.svg?url'
-import imageIcon from 'material-icon-theme/icons/image.svg?url'
-import javascriptIcon from 'material-icon-theme/icons/javascript.svg?url'
-import jsonIcon from 'material-icon-theme/icons/json.svg?url'
-import lockIcon from 'material-icon-theme/icons/lock.svg?url'
-import logIcon from 'material-icon-theme/icons/log.svg?url'
-import markdownIcon from 'material-icon-theme/icons/markdown.svg?url'
-import npmIcon from 'material-icon-theme/icons/npm.svg?url'
-import reactIcon from 'material-icon-theme/icons/react.svg?url'
-import reactTsIcon from 'material-icon-theme/icons/react_ts.svg?url'
-import rustIcon from 'material-icon-theme/icons/rust.svg?url'
-import settingsIcon from 'material-icon-theme/icons/settings.svg?url'
-import tauriIcon from 'material-icon-theme/icons/tauri.svg?url'
-import tomlIcon from 'material-icon-theme/icons/toml.svg?url'
-import typescriptIcon from 'material-icon-theme/icons/typescript.svg?url'
-import viteIcon from 'material-icon-theme/icons/vite.svg?url'
-import yamlIcon from 'material-icon-theme/icons/yaml.svg?url'
+import {
+  materialFolderIcon,
+  materialFileIcon,
+  getExtension as extension,
+  folderOpenIcon
+} from '../../shared/utils/fileIcons'
+
 
 interface WorkspacePanelProps {
   agentMode: boolean
@@ -76,76 +28,6 @@ const FILE_LABEL: Record<string, string> = {
   tsx: 'TS',
 }
 
-const FOLDER_ICONS: Record<string, { closed: string; open: string }> = {
-  '.cargo_home': { closed: folderRustIcon, open: folderRustOpenIcon },
-  '.github': { closed: folderGithubIcon, open: folderGithubOpenIcon },
-  '.git': { closed: folderGitIcon, open: folderGitOpenIcon },
-  '.rustup': { closed: folderRustIcon, open: folderRustOpenIcon },
-  '.rustup_copy': { closed: folderRustIcon, open: folderRustOpenIcon },
-  '.rustup_home': { closed: folderRustIcon, open: folderRustOpenIcon },
-  assets: { closed: folderImagesIcon, open: folderImagesOpenIcon },
-  components: { closed: folderComponentsIcon, open: folderComponentsOpenIcon },
-  crates: { closed: folderRustIcon, open: folderRustOpenIcon },
-  css: { closed: folderUiIcon, open: folderUiOpenIcon },
-  dist: { closed: folderDistIcon, open: folderDistOpenIcon },
-  docs: { closed: folderDocsIcon, open: folderDocsOpenIcon },
-  logs: { closed: folderLogIcon, open: folderLogOpenIcon },
-  node_modules: { closed: folderNodeIcon, open: folderNodeOpenIcon },
-  out: { closed: folderDistIcon, open: folderDistOpenIcon },
-  public: { closed: folderPublicIcon, open: folderPublicOpenIcon },
-  renderer: { closed: folderUiIcon, open: folderUiOpenIcon },
-  scripts: { closed: folderScriptsIcon, open: folderScriptsOpenIcon },
-  src: { closed: folderSrcIcon, open: folderSrcOpenIcon },
-  'src-tauri': { closed: folderSrcTauriIcon, open: folderSrcTauriOpenIcon },
-  tests: { closed: folderTestIcon, open: folderTestOpenIcon },
-  utils: { closed: folderUtilsIcon, open: folderUtilsOpenIcon },
-}
-
-const FILE_ICONS_BY_EXTENSION: Record<string, string> = {
-  css: cssIcon,
-  html: htmlIcon,
-  jpeg: imageIcon,
-  jpg: imageIcon,
-  js: javascriptIcon,
-  json: jsonIcon,
-  lock: lockIcon,
-  log: logIcon,
-  md: markdownIcon,
-  png: imageIcon,
-  rs: rustIcon,
-  svg: imageIcon,
-  toml: tomlIcon,
-  ts: typescriptIcon,
-  tsx: reactTsIcon,
-  yaml: yamlIcon,
-  yml: yamlIcon,
-}
-
-const FILE_ICONS_BY_NAME: Record<string, string> = {
-  'package-lock.json': npmIcon,
-  'package.json': npmIcon,
-  'tauri.conf.json': tauriIcon,
-  'vite.config.ts': viteIcon,
-  'vite.config.web.ts': viteIcon,
-}
-
-function extension(name: string) {
-  const index = name.lastIndexOf('.')
-  return index === -1 ? '' : name.slice(index + 1).toLowerCase()
-}
-
-function materialFolderIcon(name: string, open: boolean) {
-  const icon = FOLDER_ICONS[name] || FOLDER_ICONS[name.toLowerCase()]
-  if (!icon) return open ? folderOpenIcon : folderIcon
-  return open ? icon.open : icon.closed
-}
-
-function materialFileIcon(name: string, fileExtension: string) {
-  if (name.endsWith('.config.ts') || name.endsWith('.config.js')) return settingsIcon
-  if (name.endsWith('.tsx')) return reactTsIcon
-  if (name.endsWith('.jsx')) return reactIcon
-  return FILE_ICONS_BY_NAME[name.toLowerCase()] || FILE_ICONS_BY_EXTENSION[fileExtension] || documentIcon
-}
 
 function TreeNode({ entry, level, onRefresh, workspacePath }: { entry: WorkspaceTreeEntry; level: number; onRefresh: () => void; workspacePath: string; key?: string }) {
   const [open, setOpen] = useState(level < 1)

package/src/renderer/src/css/image-studio.css

@@ -731,3 +731,109 @@
     left: 0 !important;
   }
 }
+
+/* ── Source Image Dropzone & Preview Card ──────────────── */
+.img-studio-dropzone {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 18px 14px;
+  border: 1.5px dashed color-mix(in srgb, var(--accent, #10b981) 35%, rgba(255, 255, 255, 0.15));
+  border-radius: 12px;
+  background: color-mix(in srgb, var(--chrome-bg, #111827) 80%, rgba(255, 255, 255, 0.02));
+  cursor: pointer;
+  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
+  text-align: center;
+  position: relative;
+  overflow: hidden;
+}
+
+.img-studio-dropzone:hover,
+.img-studio-dropzone.is-dragging {
+  border-color: var(--accent, #10b981);
+  background: color-mix(in srgb, var(--accent, #10b981) 8%, var(--chrome-bg, #111827));
+  transform: translateY(-1px);
+  box-shadow: 0 4px 20px rgba(16, 185, 129, 0.12);
+}
+
+.img-studio-dropzone-icon {
+  width: 28px;
+  height: 28px;
+  color: var(--accent, #10b981);
+  transition: transform 0.2s ease;
+}
+
+.img-studio-dropzone:hover .img-studio-dropzone-icon {
+  transform: scale(1.1) translateY(-2px);
+}
+
+.img-studio-dropzone-text {
+  font-size: 0.82rem;
+  font-weight: 600;
+  color: var(--text-main, #e5e7eb);
+}
+
+.img-studio-dropzone-subtext {
+  font-size: 0.72rem;
+  color: var(--text-muted, #9ca3af);
+}
+
+.img-studio-preview-card {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 10px 14px;
+  border-radius: 12px;
+  background: color-mix(in srgb, var(--chrome-bg, #111827) 90%, rgba(255, 255, 255, 0.04));
+  border: 1px solid color-mix(in srgb, var(--accent, #10b981) 30%, rgba(255, 255, 255, 0.12));
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+}
+
+.img-studio-preview-thumb {
+  width: 48px;
+  height: 48px;
+  border-radius: 8px;
+  object-fit: cover;
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+}
+
+.img-studio-preview-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.img-studio-preview-title {
+  font-size: 0.82rem;
+  font-weight: 600;
+  color: var(--text-main, #fff);
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.img-studio-preview-subtitle {
+  font-size: 0.72rem;
+  color: var(--accent, #10b981);
+  margin-top: 2px;
+}
+
+.img-studio-preview-remove {
+  background: color-mix(in srgb, #ef4444 15%, transparent);
+  border: 1px solid color-mix(in srgb, #ef4444 30%, transparent);
+  color: #f87171;
+  padding: 5px 10px;
+  border-radius: 6px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.img-studio-preview-remove:hover {
+  background: rgba(239, 68, 68, 0.25);
+  color: #fca5a5;
+  transform: scale(1.03);
+}

package/src/renderer/src/css/settings.css

@@ -1132,5 +1132,163 @@ kbd {
     grid-template-columns: 180px 1fr;
 }
 
+/* ─── Native Channel Bridges Cards Styling ────────────────── */
+
+.bridge-cards-container {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+    margin-top: 10px;
+}
+
+.bridge-card {
+    background: var(--surface-bg, rgba(255, 255, 255, 0.025));
+    border: 1px solid var(--border, rgba(255, 255, 255, 0.08));
+    border-radius: 12px;
+    padding: 16px 18px;
+    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.bridge-card:hover {
+    border-color: var(--border-strong, rgba(255, 255, 255, 0.18));
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
+}
+
+.bridge-card.active {
+    background: var(--surface-strong, rgba(16, 185, 129, 0.04));
+    border-color: rgba(16, 185, 129, 0.3);
+}
+
+.bridge-card-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+}
+
+.bridge-info {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.bridge-icon-badge {
+    width: 38px;
+    height: 38px;
+    border-radius: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 18px;
+    color: #fff;
+    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
+    flex-shrink: 0;
+}
+
+.bridge-icon-telegram {
+    background: linear-gradient(135deg, #0088cc 0%, #24a1de 100%);
+}
+
+.bridge-icon-discord {
+    background: linear-gradient(135deg, #5865F2 0%, #4752C4 100%);
+}
+
+.bridge-icon-slack {
+    background: linear-gradient(135deg, #4A154B 0%, #611f69 100%);
+}
+
+.bridge-icon-line {
+    background: linear-gradient(135deg, #00B900 0%, #00c300 100%);
+}
+
+.bridge-icon-whatsapp {
+    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
+}
+
+.bridge-title-group {
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+}
+
+.bridge-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--text-main, #f8fafc);
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.bridge-status-pill {
+    font-size: 10px;
+    font-weight: 600;
+    padding: 2px 8px;
+    border-radius: 12px;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.bridge-status-pill.active {
+    background: rgba(16, 185, 129, 0.15);
+    color: #34d399;
+    border: 1px solid rgba(16, 185, 129, 0.3);
+}
+
+.bridge-status-pill.inactive {
+    background: rgba(255, 255, 255, 0.05);
+    color: var(--text-muted, #94a3b8);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.bridge-subtitle {
+    font-size: 12px;
+    color: var(--text-muted, #94a3b8);
+}
+
+.bridge-inputs {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    margin-top: 14px;
+    padding-top: 12px;
+    border-top: 1px dashed var(--border, rgba(255, 255, 255, 0.08));
+}
+
+.bridge-input-row {
+    display: flex;
+    gap: 10px;
+}
+
+.bridge-input {
+    width: 100%;
+    padding: 9px 12px;
+    background: var(--input-bg, rgba(0, 0, 0, 0.35));
+    border: 1px solid var(--border, rgba(255, 255, 255, 0.1));
+    border-radius: 8px;
+    color: var(--text-main, #f8fafc);
+    font-size: 13px;
+    transition: all 0.2s ease;
+}
+
+.bridge-input:focus {
+    outline: none;
+    border-color: var(--accent, #10b981);
+    background: var(--input-focus-bg, rgba(0, 0, 0, 0.5));
+    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2);
+}
+
+.bridge-input[type="number"] {
+    -moz-appearance: textfield;
+    appearance: textfield;
+}
+
+.bridge-input[type="number"]::-webkit-outer-spin-button,
+.bridge-input[type="number"]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+