-
- );
-}
-
-export default function CardTypesManager({ onClose }) {
- const { allTypes, customTypes, addType, editType, deleteType } =
- useCardTypes();
- const [editingId, setEditingId] = useState(null);
- const [adding, setAdding] = useState(false);
-
- const systemTypes = allTypes.filter((t) => t.isSystem);
-
- return (
-
-
-
-
-
- setName(e.target.value)}
- autoFocus
- />
-
-
-
-
-
-
- {PRESET_ICONS.map((i) => (
-
- ))}
-
-
-
-
-
-
- {PRESET_COLORS.map((c) => (
-
-
-
- {icon}
- {name || "Preview"}
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/src/renderer/components/CardTypesManager.module.css b/src/renderer/components/CardTypesManager.module.css
deleted file mode 100644
index 84e545a..0000000
--- a/src/renderer/components/CardTypesManager.module.css
+++ /dev/null
@@ -1,321 +0,0 @@
-.overlay {
- position: fixed;
- inset: 0;
- background: rgb(0 0 0 / 0.6);
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 100;
-}
-
-.modal {
- background: var(--surface-card);
- border: 1px solid var(--color-graphite-mid);
- border-radius: var(--radius-xl);
- padding: var(--space-6);
- width: 100%;
- max-width: 440px;
- display: flex;
- flex-direction: column;
- gap: var(--space-4);
- max-height: 80vh;
- overflow-y: auto;
-}
-
-.header {
- display: flex;
- align-items: center;
- justify-content: space-between;
-}
-
-.title {
- font-size: var(--text-lg);
- font-weight: var(--font-semibold);
- color: var(--text-primary);
-}
-
-.btnClose {
- font-size: var(--text-sm);
- color: var(--text-muted);
- background: transparent;
- border: none;
- cursor: pointer;
- padding: var(--space-1);
- transition: color var(--duration-fast) var(--ease-default);
-}
-
-.btnClose:hover {
- color: var(--text-primary);
-}
-
-.section {
- display: flex;
- flex-direction: column;
- gap: var(--space-2);
-}
-
-.sectionLabel {
- font-size: var(--text-xs);
- font-weight: var(--font-medium);
- text-transform: uppercase;
- letter-spacing: 0.06em;
- color: var(--text-tertiary);
-}
-
-.list {
- display: flex;
- flex-direction: column;
- gap: var(--space-2);
-}
-
-.typeRow {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: var(--space-2) var(--space-3);
- border-radius: var(--radius-md);
- background: var(--surface-overlay);
-}
-
-.typeBadge {
- display: inline-flex;
- align-items: center;
- gap: 6px;
- font-size: 12px;
- font-weight: var(--font-medium);
- padding: 3px 10px;
- border-radius: var(--radius-full);
- border: 1px solid var(--type-color);
- color: var(--type-color);
-}
-
-.typeIcon {
- font-size: 11px;
-}
-
-.systemTag {
- font-size: 10px;
- color: var(--text-muted);
- background: var(--surface-card);
- padding: 2px 8px;
- border-radius: var(--radius-full);
-}
-
-.typeActions {
- display: flex;
- align-items: center;
- gap: var(--space-2);
-}
-
-.btnEdit {
- font-size: var(--text-xs);
- color: var(--text-muted);
- background: transparent;
- border: 1px solid var(--color-graphite-mid);
- border-radius: var(--radius-sm);
- padding: 2px 8px;
- cursor: pointer;
- transition: all var(--duration-fast) var(--ease-default);
- font-family: var(--font-sans);
-}
-
-.btnEdit:hover {
- color: var(--color-teal);
- border-color: var(--color-teal);
-}
-
-.btnDelete {
- font-size: var(--text-xs);
- color: var(--text-muted);
- background: transparent;
- border: none;
- cursor: pointer;
- transition: color var(--duration-fast) var(--ease-default);
- font-family: var(--font-sans);
-}
-
-.btnDelete:hover {
- color: var(--color-danger);
-}
-
-.empty {
- font-size: var(--text-sm);
- color: var(--text-muted);
- text-align: center;
- padding: var(--space-3) 0;
-}
-
-.btnAdd {
- font-size: var(--text-sm);
- color: var(--color-teal);
- background: transparent;
- border: 1px dashed var(--color-graphite-mid);
- border-radius: var(--radius-md);
- padding: var(--space-2);
- width: 100%;
- cursor: pointer;
- transition: all var(--duration-fast) var(--ease-default);
- font-family: var(--font-sans);
-}
-
-.btnAdd:hover {
- border-color: var(--color-teal);
- background: var(--surface-overlay);
-}
-
-.editor {
- display: flex;
- flex-direction: column;
- gap: var(--space-3);
- background: var(--surface-overlay);
- border-radius: var(--radius-md);
- padding: var(--space-3);
-}
-
-.editorRow {
- display: flex;
- gap: var(--space-3);
-}
-
-.field {
- display: flex;
- flex-direction: column;
- gap: var(--space-1);
- flex: 1;
-}
-
-.fieldLabel {
- font-size: var(--text-xs);
- font-weight: var(--font-medium);
- color: var(--text-muted);
- text-transform: uppercase;
- letter-spacing: 0.05em;
-}
-
-.editorInput {
- width: 100%;
- padding: var(--space-2) var(--space-3);
- border-radius: var(--radius-md);
- font-size: var(--text-sm);
- background: var(--surface-card);
- border: 1px solid var(--color-graphite-mid);
- color: var(--text-primary);
- font-family: var(--font-sans);
-}
-
-.editorInput:focus {
- border-color: var(--color-teal);
- outline: none;
-}
-
-.iconRow {
- display: flex;
- flex-wrap: wrap;
- gap: var(--space-2);
-}
-
-.iconBtn {
- width: 32px;
- height: 32px;
- border-radius: var(--radius-md);
- border: 1px solid var(--color-graphite-mid);
- background: var(--surface-card);
- cursor: pointer;
- font-size: 14px;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: all var(--duration-fast) var(--ease-default);
-}
-
-.iconBtn:hover {
- border-color: var(--color-teal);
-}
-
-.iconBtnActive {
- border-color: var(--color-teal);
- background: var(--color-teal-dark);
-}
-
-.colorRow {
- display: flex;
- align-items: center;
- gap: var(--space-2);
- flex-wrap: wrap;
-}
-
-.colorDot {
- width: 20px;
- height: 20px;
- border-radius: var(--radius-full);
- border: 2px solid transparent;
- cursor: pointer;
- transition: transform var(--duration-fast) var(--ease-default);
-}
-
-.colorDot:hover {
- transform: scale(1.2);
-}
-
-.colorDotActive {
- border-color: var(--color-white);
- transform: scale(1.15);
-}
-
-.colorPicker {
- width: 24px;
- height: 24px;
- border-radius: var(--radius-full);
- border: none;
- cursor: pointer;
- padding: 0;
- background: transparent;
-}
-
-.preview {
- display: flex;
- align-items: center;
-}
-
-.editorActions {
- display: flex;
- justify-content: flex-end;
- gap: var(--space-2);
-}
-
-.btnCancel {
- font-size: var(--text-sm);
- padding: var(--space-2) var(--space-3);
- border-radius: var(--radius-md);
- border: 1px solid var(--color-graphite-mid);
- background: transparent;
- color: var(--text-muted);
- cursor: pointer;
- font-family: var(--font-sans);
- transition: all var(--duration-fast) var(--ease-default);
-}
-
-.btnCancel:hover {
- color: var(--text-primary);
-}
-
-.btnSave {
- font-size: var(--text-sm);
- padding: var(--space-2) var(--space-3);
- border-radius: var(--radius-md);
- background: var(--color-teal-dark);
- color: var(--color-white);
- border: none;
- cursor: pointer;
- font-family: var(--font-sans);
- font-weight: var(--font-medium);
- transition: background var(--duration-fast) var(--ease-default);
-}
-
-.btnSave:hover:not(:disabled) {
- background: var(--color-teal);
-}
-.btnSave:disabled {
- opacity: 0.5;
- cursor: not-allowed;
-}
diff --git a/src/renderer/components/ColumnsManager.jsx b/src/renderer/components/ColumnsManager.jsx
deleted file mode 100644
index 869e275..0000000
--- a/src/renderer/components/ColumnsManager.jsx
+++ /dev/null
@@ -1,184 +0,0 @@
-import { useState } from "react";
-import { useColumns } from "../context/ColumnsContext";
-import styles from "./ColumnsManager.module.css";
-
-const PRESET_COLORS = [
- "#4F4F4F",
- "#00A676",
- "#94D2BD",
- "#C0392B",
- "#E85D24",
- "#005F73",
- "#8B5CF6",
- "#0EA5E9",
- "#B45309",
- "#758956",
-];
-
-function ColumnEditor({ column, onSave, onCancel }) {
- const [label, setLabel] = useState(column?.label || "");
- const [color, setColor] = useState(column?.color || "#005F73");
-
- return (
- e.stopPropagation()}>
- {
- addType(type);
- setAdding(false);
- }}
- onCancel={() => setAdding(false)}
- />
- ) : (
-
- )}
-
-
-
-
- Tipos de cartĂŁo
- -
-
-
- Tipos do sistema
-
- {systemTypes.map((type) => (
-
-
-
- {type.icon}
- {type.name}
-
- Sistema
-
- ))}
-
-
-
- {adding ? (
- Tipos customizados
-
- {customTypes.map((type) => (
-
-
- {editingId === type.id ? (
- {
- editType(type.id, changes);
- setEditingId(null);
- }}
- onCancel={() => setEditingId(null)}
- />
- ) : (
-
- ))}
- {customTypes.length === 0 && (
-
-
- {type.icon}
- {type.name}
-
-
- )}
-
-
-
-
- Nenhum tipo customizado ainda
- )} -
- setLabel(e.target.value)}
- autoFocus
- />
-
- );
-}
-
-export default function ColumnsManager({ onClose }) {
- const { columns, addColumn, editColumn, deleteColumn } = useColumns();
- const [editingId, setEditingId] = useState(null);
- const [adding, setAdding] = useState(false);
-
- const systemCols = columns.filter((c) => c.isSystem);
- const customCols = columns.filter((c) => !c.isSystem);
-
- return (
-
- {PRESET_COLORS.map((c) => (
-
-
-
- {label || "Preview"}
-
-
-
-
-
-
-
- );
-}
diff --git a/src/renderer/components/ColumnsManager.module.css b/src/renderer/components/ColumnsManager.module.css
deleted file mode 100644
index b9aeb51..0000000
--- a/src/renderer/components/ColumnsManager.module.css
+++ /dev/null
@@ -1,272 +0,0 @@
-.overlay {
- position: fixed;
- inset: 0;
- background: rgb(0 0 0 / 0.6);
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 100;
-}
-
-.modal {
- background: var(--surface-card);
- border: 1px solid var(--color-graphite-mid);
- border-radius: var(--radius-xl);
- padding: var(--space-6);
- width: 100%;
- max-width: 440px;
- display: flex;
- flex-direction: column;
- gap: var(--space-4);
- max-height: 80vh;
- overflow-y: auto;
-}
-
-.header {
- display: flex;
- align-items: center;
- justify-content: space-between;
-}
-
-.title {
- font-size: var(--text-lg);
- font-weight: var(--font-semibold);
- color: var(--text-primary);
-}
-
-.btnClose {
- font-size: var(--text-sm);
- color: var(--text-muted);
- background: transparent;
- border: none;
- cursor: pointer;
- padding: var(--space-1);
- transition: color var(--duration-fast) var(--ease-default);
-}
-
-.btnClose:hover {
- color: var(--text-primary);
-}
-
-.section {
- display: flex;
- flex-direction: column;
- gap: var(--space-2);
-}
-
-.sectionLabel {
- font-size: var(--text-xs);
- font-weight: var(--font-medium);
- text-transform: uppercase;
- letter-spacing: 0.06em;
- color: var(--text-tertiary);
-}
-
-.list {
- display: flex;
- flex-direction: column;
- gap: var(--space-2);
-}
-
-.colRow {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: var(--space-2) var(--space-3);
- border-radius: var(--radius-md);
- background: var(--surface-overlay);
-}
-
-.colInfo {
- display: flex;
- align-items: center;
- gap: var(--space-2);
-}
-
-.dot {
- width: 10px;
- height: 10px;
- border-radius: var(--radius-full);
- flex-shrink: 0;
-}
-
-.colLabel {
- font-size: var(--text-sm);
- color: var(--text-primary);
-}
-
-.colActions {
- display: flex;
- align-items: center;
- gap: var(--space-2);
-}
-
-.btnEdit {
- font-size: var(--text-xs);
- color: var(--text-muted);
- background: transparent;
- border: 1px solid var(--color-graphite-mid);
- border-radius: var(--radius-sm);
- padding: 2px 8px;
- cursor: pointer;
- font-family: var(--font-sans);
- transition: all var(--duration-fast) var(--ease-default);
-}
-
-.btnEdit:hover {
- color: var(--color-teal);
- border-color: var(--color-teal);
-}
-
-.btnDelete {
- font-size: var(--text-xs);
- color: var(--text-muted);
- background: transparent;
- border: none;
- cursor: pointer;
- font-family: var(--font-sans);
- transition: color var(--duration-fast) var(--ease-default);
-}
-
-.btnDelete:hover {
- color: var(--color-danger);
-}
-
-.empty {
- font-size: var(--text-sm);
- color: var(--text-muted);
- text-align: center;
- padding: var(--space-3) 0;
-}
-
-.btnAdd {
- font-size: var(--text-sm);
- color: var(--color-teal);
- background: transparent;
- border: 1px dashed var(--color-graphite-mid);
- border-radius: var(--radius-md);
- padding: var(--space-2);
- width: 100%;
- cursor: pointer;
- font-family: var(--font-sans);
- transition: all var(--duration-fast) var(--ease-default);
-}
-
-.btnAdd:hover {
- border-color: var(--color-teal);
- background: var(--surface-overlay);
-}
-
-.editor {
- display: flex;
- flex-direction: column;
- gap: var(--space-3);
- background: var(--surface-overlay);
- border-radius: var(--radius-md);
- padding: var(--space-3);
-}
-
-.editorInput {
- width: 100%;
- padding: var(--space-2) var(--space-3);
- border-radius: var(--radius-md);
- font-size: var(--text-sm);
- background: var(--surface-card);
- border: 1px solid var(--color-graphite-mid);
- color: var(--text-primary);
- font-family: var(--font-sans);
-}
-
-.editorInput:focus {
- border-color: var(--color-teal);
- outline: none;
-}
-
-.colorRow {
- display: flex;
- align-items: center;
- gap: var(--space-2);
- flex-wrap: wrap;
-}
-
-.colorDot {
- width: 20px;
- height: 20px;
- border-radius: var(--radius-full);
- border: 2px solid transparent;
- cursor: pointer;
- transition: transform var(--duration-fast) var(--ease-default);
-}
-
-.colorDot:hover {
- transform: scale(1.2);
-}
-
-.colorDotActive {
- border-color: var(--color-white);
- transform: scale(1.15);
-}
-
-.colorPicker {
- width: 24px;
- height: 24px;
- border-radius: var(--radius-full);
- border: none;
- cursor: pointer;
- padding: 0;
- background: transparent;
-}
-
-.preview {
- display: flex;
- align-items: center;
- gap: var(--space-2);
-}
-
-.previewLabel {
- font-size: var(--text-sm);
- color: var(--text-primary);
-}
-
-.editorActions {
- display: flex;
- justify-content: flex-end;
- gap: var(--space-2);
-}
-
-.btnCancel {
- font-size: var(--text-sm);
- padding: var(--space-2) var(--space-3);
- border-radius: var(--radius-md);
- border: 1px solid var(--color-graphite-mid);
- background: transparent;
- color: var(--text-muted);
- cursor: pointer;
- font-family: var(--font-sans);
- transition: all var(--duration-fast) var(--ease-default);
-}
-
-.btnCancel:hover {
- color: var(--text-primary);
-}
-
-.btnSave {
- font-size: var(--text-sm);
- padding: var(--space-2) var(--space-3);
- border-radius: var(--radius-md);
- background: var(--color-teal-dark);
- color: var(--color-white);
- border: none;
- cursor: pointer;
- font-family: var(--font-sans);
- font-weight: var(--font-medium);
- transition: background var(--duration-fast) var(--ease-default);
-}
-
-.btnSave:hover:not(:disabled) {
- background: var(--color-teal);
-}
-.btnSave:disabled {
- opacity: 0.5;
- cursor: not-allowed;
-}
diff --git a/src/renderer/components/FlagsManager.jsx b/src/renderer/components/FlagsManager.jsx
deleted file mode 100644
index 62d30bb..0000000
--- a/src/renderer/components/FlagsManager.jsx
+++ /dev/null
@@ -1,187 +0,0 @@
-import { useState } from "react";
-import { useFlags } from "../context/FlagsContext";
-import styles from "./FlagsManager.module.css";
-
-const PRESET_COLORS = [
- "#C0392B",
- "#E85D24",
- "#B45309",
- "#00A676",
- "#005F73",
- "#2B2D42",
- "#758956",
- "#8B5CF6",
- "#EC4899",
- "#0EA5E9",
-];
-
-function FlagEditor({ flag, onSave, onCancel }) {
- const [name, setName] = useState(flag?.name || "");
- const [color, setColor] = useState(flag?.color || "#005F73");
- const [bold, setBold] = useState(flag?.bold || false);
-
- return (
- e.stopPropagation()}>
- {
- addColumn(col);
- setAdding(false);
- }}
- onCancel={() => setAdding(false)}
- />
- ) : (
-
- )}
-
-
-
-
- Gerenciar colunas
- -
-
-
- Colunas do sistema
-
- {systemCols.map((col) => (
-
-
- {editingId === col.id ? (
- {
- editColumn(col.id, changes);
- setEditingId(null);
- }}
- onCancel={() => setEditingId(null)}
- />
- ) : (
-
- ))}
-
-
- )}
-
-
- {col.label}
-
-
-
-
-
- {adding ? (
- Colunas customizadas
-
- {customCols.map((col) => (
-
-
- {editingId === col.id ? (
- {
- editColumn(col.id, changes);
- setEditingId(null);
- }}
- onCancel={() => setEditingId(null)}
- />
- ) : (
-
- ))}
- {customCols.length === 0 && (
-
-
- )}
-
-
- {col.label}
-
-
-
-
-
- Nenhuma coluna customizada ainda
- )} -
- setName(e.target.value)}
- autoFocus
- />
-
- );
-}
-
-export default function FlagsManager({ onClose }) {
- const { allFlags, customFlags, addFlag, editFlag, deleteFlag } = useFlags();
- const [editingId, setEditingId] = useState(null);
- const [adding, setAdding] = useState(false);
-
- const systemFlags = allFlags.filter((f) => f.isSystem);
-
- return (
-
- {PRESET_COLORS.map((c) => (
-
-
-
-
- {name || "Preview"}
-
-
-
-
-
-
-
-
- );
-}
diff --git a/src/renderer/components/FlagsManager.module.css b/src/renderer/components/FlagsManager.module.css
deleted file mode 100644
index 963e061..0000000
--- a/src/renderer/components/FlagsManager.module.css
+++ /dev/null
@@ -1,296 +0,0 @@
-.overlay {
- position: fixed;
- inset: 0;
- background: rgb(0 0 0 / 0.6);
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 100;
-}
-
-.modal {
- background: var(--surface-card);
- border: 1px solid var(--color-graphite-mid);
- border-radius: var(--radius-xl);
- padding: var(--space-6);
- width: 100%;
- max-width: 440px;
- display: flex;
- flex-direction: column;
- gap: var(--space-4);
- max-height: 80vh;
- overflow-y: auto;
-}
-
-.header {
- display: flex;
- align-items: center;
- justify-content: space-between;
-}
-
-.title {
- font-size: var(--text-lg);
- font-weight: var(--font-semibold);
- color: var(--text-primary);
-}
-
-.btnClose {
- font-size: var(--text-sm);
- color: var(--text-muted);
- background: transparent;
- border: none;
- cursor: pointer;
- padding: var(--space-1);
- transition: color var(--duration-fast) var(--ease-default);
-}
-
-.btnClose:hover {
- color: var(--text-primary);
-}
-
-.list {
- display: flex;
- flex-direction: column;
- gap: var(--space-2);
-}
-
-.flagRow {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: var(--space-2) var(--space-3);
- border-radius: var(--radius-md);
- background: var(--surface-overlay);
-}
-
-.flagBadge {
- font-size: 12px;
- padding: 2px 10px;
- border-radius: var(--radius-full);
- border: 1px solid;
-}
-
-.flagActions {
- display: flex;
- align-items: center;
- gap: var(--space-2);
-}
-
-.btnEdit {
- font-size: var(--text-xs);
- color: var(--text-muted);
- background: transparent;
- border: 1px solid var(--color-graphite-mid);
- border-radius: var(--radius-sm);
- padding: 2px 8px;
- cursor: pointer;
- transition: all var(--duration-fast) var(--ease-default);
-}
-
-.btnEdit:hover {
- color: var(--color-teal);
- border-color: var(--color-teal);
-}
-
-.btnDelete {
- font-size: var(--text-xs);
- color: var(--text-muted);
- background: transparent;
- border: none;
- cursor: pointer;
- transition: color var(--duration-fast) var(--ease-default);
-}
-
-.btnDelete:hover {
- color: var(--color-danger);
-}
-
-.btnAdd {
- font-size: var(--text-sm);
- color: var(--color-teal);
- background: transparent;
- border: 1px dashed var(--color-graphite-mid);
- border-radius: var(--radius-md);
- padding: var(--space-2);
- width: 100%;
- cursor: pointer;
- transition: all var(--duration-fast) var(--ease-default);
- font-family: var(--font-sans);
-}
-
-.btnAdd:hover {
- border-color: var(--color-teal);
- background: var(--surface-overlay);
-}
-
-/* Editor */
-.editor {
- display: flex;
- flex-direction: column;
- gap: var(--space-3);
- background: var(--surface-overlay);
- border-radius: var(--radius-md);
- padding: var(--space-3);
-}
-
-.editorInput {
- width: 100%;
- padding: var(--space-2) var(--space-3);
- border-radius: var(--radius-md);
- font-size: var(--text-sm);
- background: var(--surface-card);
- border: 1px solid var(--color-graphite-mid);
- color: var(--text-primary);
- font-family: var(--font-sans);
-}
-
-.editorInput:focus {
- border-color: var(--color-teal);
- outline: none;
-}
-
-.colorRow {
- display: flex;
- align-items: center;
- gap: var(--space-2);
- flex-wrap: wrap;
-}
-
-.colorDot {
- width: 20px;
- height: 20px;
- border-radius: var(--radius-full);
- border: 2px solid transparent;
- cursor: pointer;
- transition: transform var(--duration-fast) var(--ease-default);
-}
-
-.colorDot:hover {
- transform: scale(1.2);
-}
-
-.colorDotActive {
- border-color: var(--color-white);
- transform: scale(1.15);
-}
-
-.colorPicker {
- width: 24px;
- height: 24px;
- border-radius: var(--radius-full);
- border: none;
- cursor: pointer;
- padding: 0;
- background: transparent;
-}
-
-.boldToggle {
- display: flex;
- align-items: center;
- gap: var(--space-2);
- font-size: var(--text-sm);
- color: var(--text-secondary);
- cursor: pointer;
- background: var(--surface-card);
- border: 1px solid var(--color-graphite-mid);
- border-radius: var(--radius-md);
- padding: var(--space-2) var(--space-3);
- width: fit-content;
- transition: all var(--duration-fast) var(--ease-default);
-}
-
-.boldToggle:hover {
- border-color: var(--color-teal);
- color: var(--text-primary);
-}
-
-.boldToggle input {
- accent-color: var(--color-teal);
- width: 14px;
- height: 14px;
- cursor: pointer;
-}
-
-.editorPreview {
- display: flex;
- align-items: center;
-}
-
-.flagPreview {
- font-size: 12px;
- padding: 2px 10px;
- border-radius: var(--radius-full);
- border: 1px solid;
-}
-
-.editorActions {
- display: flex;
- justify-content: flex-end;
- gap: var(--space-2);
-}
-
-.btnCancel {
- font-size: var(--text-sm);
- padding: var(--space-2) var(--space-3);
- border-radius: var(--radius-md);
- border: 1px solid var(--color-graphite-mid);
- background: transparent;
- color: var(--text-muted);
- cursor: pointer;
- font-family: var(--font-sans);
- transition: all var(--duration-fast) var(--ease-default);
-}
-
-.btnCancel:hover {
- color: var(--text-primary);
-}
-
-.btnSave {
- font-size: var(--text-sm);
- padding: var(--space-2) var(--space-3);
- border-radius: var(--radius-md);
- background: var(--color-teal-dark);
- color: var(--color-white);
- border: none;
- cursor: pointer;
- font-family: var(--font-sans);
- font-weight: var(--font-medium);
- transition: background var(--duration-fast) var(--ease-default);
-}
-
-.btnSave:hover:not(:disabled) {
- background: var(--color-teal);
-}
-.btnSave:disabled {
- opacity: 0.5;
- cursor: not-allowed;
-}
-
-.section {
- display: flex;
- flex-direction: column;
- gap: var(--space-2);
-}
-
-.sectionLabel {
- font-size: var(--text-xs);
- font-weight: var(--font-medium);
- text-transform: uppercase;
- letter-spacing: 0.06em;
- color: var(--text-tertiary);
-}
-
-.systemTag {
- font-size: 10px;
- color: var(--text-muted);
- background: var(--surface-overlay);
- padding: 2px 8px;
- border-radius: var(--radius-full);
-}
-
-.empty {
- font-size: var(--text-sm);
- color: var(--text-muted);
- text-align: center;
- padding: var(--space-3) 0;
-}
diff --git a/src/renderer/components/KanbanColumn.jsx b/src/renderer/components/KanbanColumn.jsx
deleted file mode 100644
index fc889ec..0000000
--- a/src/renderer/components/KanbanColumn.jsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { useDroppable } from "@dnd-kit/core";
-import {
- SortableContext,
- verticalListSortingStrategy,
-} from "@dnd-kit/sortable";
-import SortableTaskCard from "./SortableTaskCard";
-import styles from "./KanbanColumn.module.css";
-
-export default function KanbanColumn({
- title,
- tasks,
- color,
- columnId,
- collaborators,
- onSubtaskToggle,
- onDeleteTask,
- onEditTask,
- primaryActionLabel,
- onPrimaryAction,
-}) {
- const { setNodeRef, isOver } = useDroppable({ id: columnId });
-
- return (
- e.stopPropagation()}>
- {
- addFlag(flag);
- setAdding(false);
- }}
- onCancel={() => setAdding(false)}
- />
- ) : (
-
- )}
-
-
-
-
- Gerenciar flags
- -
-
-
- Flags do sistema
-
- {systemFlags.map((flag) => (
-
-
-
- {flag.name}
-
- Sistema
-
- ))}
-
-
-
- {adding ? (
- Flags customizadas
-
- {customFlags.map((flag) => (
-
-
- {editingId === flag.id ? (
- {
- editFlag(flag.id, changes);
- setEditingId(null);
- }}
- onCancel={() => setEditingId(null)}
- />
- ) : (
-
- ))}
- {customFlags.length === 0 && (
-
-
- {flag.name}
-
-
- )}
-
-
-
-
- Nenhuma flag customizada ainda
- )} -
- t.id)}
- strategy={verticalListSortingStrategy}
- >
-
-
- );
-}
diff --git a/src/renderer/components/KanbanColumn.module.css b/src/renderer/components/KanbanColumn.module.css
deleted file mode 100644
index 3544e93..0000000
--- a/src/renderer/components/KanbanColumn.module.css
+++ /dev/null
@@ -1,59 +0,0 @@
-.column {
- display: flex;
- flex-direction: column;
- gap: var(--space-3);
- background: var(--surface-overlay);
- border-radius: var(--radius-lg);
- padding: var(--space-4);
- min-width: 280px;
- flex: 1;
- max-height: calc(100vh - 120px);
-}
-
-.header {
- display: flex;
- align-items: center;
- gap: var(--space-2);
- margin-bottom: var(--space-1);
-}
-
-.dot {
- width: 10px;
- height: 10px;
- border-radius: var(--radius-full);
- flex-shrink: 0;
-}
-
-.title {
- font-size: var(--text-sm);
- font-weight: var(--font-semibold);
- color: var(--text-primary);
- flex: 1;
-}
-
-.count {
- font-size: var(--text-xs);
- color: var(--text-muted);
- background: var(--color-graphite);
- padding: 2px 8px;
- border-radius: var(--radius-full);
-}
-
-.list {
- display: flex;
- flex-direction: column;
- gap: var(--space-2);
- overflow-y: auto;
- flex: 1;
-}
-
-.empty {
- font-size: var(--text-sm);
- color: var(--text-muted);
- text-align: center;
- padding: var(--space-6) 0;
-}
-.columnOver {
- border: 1px solid var(--color-teal);
- background: var(--color-teal-dark);
-}
diff --git a/src/renderer/components/LoadingSpinner.jsx b/src/renderer/components/LoadingSpinner.jsx
deleted file mode 100644
index 4c71db4..0000000
--- a/src/renderer/components/LoadingSpinner.jsx
+++ /dev/null
@@ -1,28 +0,0 @@
-export default function LoadingSpinner({ size = "md" }) {
- const dim = size === "sm" ? 16 : 32;
-
- return (
-
- );
-}
diff --git a/src/renderer/components/SortableTaskCard.jsx b/src/renderer/components/SortableTaskCard.jsx
deleted file mode 100644
index 66450eb..0000000
--- a/src/renderer/components/SortableTaskCard.jsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { useSortable } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import TaskCard from "./TaskCard";
-
-export default function SortableTaskCard({
- task,
- collaborators,
- onSubtaskToggle,
- onDelete,
- onEdit,
- primaryActionLabel,
- onPrimaryAction,
-}) {
- const {
- attributes,
- listeners,
- setNodeRef,
- transform,
- transition,
- isDragging,
- } = useSortable({ id: task.id });
-
- const style = {
- transform: CSS.Transform.toString(transform),
- transition,
- opacity: isDragging ? 0.4 : 1,
- };
-
- return (
-
-
-
-
- {title}
- {tasks.length} -
- {tasks.map((task) => (
-
- Nenhuma task aqui
- )} -
-
- );
-}
diff --git a/src/renderer/components/TaskCard.jsx b/src/renderer/components/TaskCard.jsx
deleted file mode 100644
index 922f830..0000000
--- a/src/renderer/components/TaskCard.jsx
+++ /dev/null
@@ -1,235 +0,0 @@
-ï»żimport styles from "./TaskCard.module.css";
-import { useFlags } from "../context/FlagsContext";
-import { useCardTypes } from "../context/CardTypesContext";
-import { useColumns } from "../context/ColumnsContext";
-
-const PRIORITY_COLORS = {
- low: { color: "#4F4F4F", label: "Baixa" },
- medium: { color: "#00A676", label: "Media" },
- high: { color: "#E85D24", label: "Alta" },
-};
-
-const TrashIcon = () => (
-
-);
-
-export default function TaskCard({
- task,
- collaborators = {},
- onSubtaskToggle,
- onDelete,
- onEdit,
- primaryActionLabel,
- onPrimaryAction,
-}) {
- const { allFlags } = useFlags();
- const { allTypes } = useCardTypes();
- const { columns } = useColumns();
-
- const currentType = allTypes.find((t) => t.id === (task.cardType || "task"));
- const currentColumn = columns.find((c) => c.id === task.status);
- const statusColor = currentColumn?.color || "#4F4F4F";
- const subtasksDone =
- task.subtasks?.filter((s) => s.status === "done").length ?? 0;
- const subtasksTotal = task.subtasks?.length ?? 0;
- const taskLabels = allFlags.filter((f) => task.labels?.includes(f.id));
- const priority = task.priority ? PRIORITY_COLORS[task.priority] : null;
- const assignee = task.assignee ? collaborators[task.assignee] : null;
- const assigneeName = assignee?.name?.trim() || task.assignee || "";
- const assigneeLogin = assignee?.login || task.assignee || "";
-
- const handleDelete = (e) => {
- e.stopPropagation();
- onDelete?.(task.id);
- };
-
- const handleProfileClick = (e) => {
- e.stopPropagation();
- };
-
- const handleSubtaskClick = (e, subtaskId) => {
- e.stopPropagation();
- onSubtaskToggle?.(task.id, subtaskId);
- };
-
- const handlePrimaryAction = (e) => {
- e.stopPropagation();
- onPrimaryAction?.(task);
- };
-
- return (
- onEdit?.(task)}
- >
-
- );
-}
diff --git a/src/renderer/components/TaskCard.module.css b/src/renderer/components/TaskCard.module.css
deleted file mode 100644
index 9647c68..0000000
--- a/src/renderer/components/TaskCard.module.css
+++ /dev/null
@@ -1,250 +0,0 @@
-ï»ż.card {
- background: var(--surface-card);
- border: 1px solid var(--color-graphite-mid);
- border-radius: var(--radius-md);
- padding: var(--space-3);
- display: flex;
- flex-direction: column;
- gap: var(--space-3);
- transition: border-color var(--duration-fast) var(--ease-default);
-}
-
-.card:hover {
- border-color: var(--card-color);
-}
-
-.headerRow {
- display: flex;
- align-items: flex-start;
- justify-content: space-between;
- gap: var(--space-2);
-}
-
-.titleGroup {
- display: flex;
- flex-direction: column;
- gap: 4px;
-}
-
-.title {
- font-size: var(--text-sm);
- font-weight: var(--font-semibold);
- color: var(--text-primary);
- line-height: var(--leading-base);
-}
-
-.description {
- font-size: 11px;
- color: var(--text-muted);
- line-height: var(--leading-relaxed);
-}
-
-.infoBlock {
- display: flex;
- flex-direction: column;
- gap: 6px;
-}
-
-.infoLabel {
- font-size: 11px;
- font-weight: var(--font-semibold);
- color: var(--text-secondary);
- text-transform: uppercase;
- letter-spacing: 0.04em;
-}
-
-.assigneeRow,
-.assigneeLink {
- display: flex;
- align-items: center;
- gap: var(--space-2);
-}
-
-.assigneeLink {
- color: inherit;
- text-decoration: none;
- width: fit-content;
-}
-
-.assigneeLink:hover .assigneeName,
-.assigneeLink:hover .assigneeLogin {
- color: var(--color-teal);
-}
-
-.assigneeAvatar,
-.assigneeFallback {
- width: 28px;
- height: 28px;
- border-radius: 999px;
- flex-shrink: 0;
-}
-
-.assigneeAvatar {
- object-fit: cover;
- border: 1px solid var(--color-graphite-mid);
-}
-
-.assigneeFallback {
- display: flex;
- align-items: center;
- justify-content: center;
- background: var(--color-teal-dark);
- color: var(--text-on-brand);
- font-size: 12px;
- font-weight: var(--font-semibold);
-}
-
-.assigneeText {
- display: flex;
- flex-direction: column;
- gap: 2px;
- min-width: 0;
-}
-
-.assigneeName {
- font-size: var(--text-sm);
- color: var(--text-primary);
-}
-
-.assigneeLogin {
- font-size: var(--text-xs);
- color: var(--text-muted);
-}
-
-.valueList {
- display: flex;
- flex-wrap: wrap;
- gap: 4px;
-}
-
-.btnDelete {
- display: flex;
- align-items: center;
- justify-content: center;
- color: var(--text-muted);
- background: transparent;
- border: none;
- padding: 2px 4px;
- border-radius: var(--radius-sm);
- flex-shrink: 0;
- cursor: pointer;
- transition: all var(--duration-fast) var(--ease-default);
-}
-
-.btnDelete:hover {
- color: var(--color-danger);
- background: color-mix(in srgb, var(--color-danger) 10%, transparent);
-}
-
-.subtasks {
- display: flex;
- flex-direction: column;
- gap: 6px;
-}
-
-.progressBar {
- height: 4px;
- background: var(--color-graphite-mid);
- border-radius: var(--radius-full);
- overflow: hidden;
-}
-
-.progressFill {
- height: 100%;
- background: var(--color-teal);
- border-radius: var(--radius-full);
- transition: width var(--duration-base) var(--ease-default);
-}
-
-.subtaskCount {
- font-size: var(--text-xs);
- color: var(--text-muted);
-}
-
-.subtaskList {
- display: flex;
- flex-direction: column;
- gap: 6px;
- margin-top: var(--space-1);
-}
-
-.subtaskButton {
- display: flex;
- align-items: center;
- gap: var(--space-2);
- background: transparent;
- border: none;
- padding: 0;
- text-align: left;
- color: inherit;
- cursor: pointer;
-}
-
-.subtaskCheckbox {
- width: 16px;
- height: 16px;
- border-radius: 4px;
- border: 1px solid var(--color-graphite-mid);
- display: inline-flex;
- align-items: center;
- justify-content: center;
- font-size: 11px;
- color: var(--text-on-brand);
- background: transparent;
- flex-shrink: 0;
- transition: all var(--duration-fast) var(--ease-default);
-}
-
-.subtaskCheckboxDone {
- border-color: var(--color-teal);
- background: var(--color-teal);
-}
-
-.subtaskTitle {
- font-size: var(--text-xs);
- color: var(--text-secondary);
-}
-
-.subtaskTitleDone {
- text-decoration: line-through;
- color: var(--text-muted);
-}
-
-.flag {
- font-size: 10px;
- font-weight: var(--font-medium);
- padding: 2px 8px;
- border-radius: var(--radius-full);
- border: 1px solid var(--flag-color);
- color: var(--flag-color);
-}
-
-.cardTypeBadge {
- display: inline-flex;
- align-items: center;
- gap: 4px;
- font-size: 10px;
- font-weight: var(--font-medium);
- padding: 2px 8px;
- border-radius: var(--radius-full);
- border: 1px solid var(--type-color);
- color: var(--type-color);
- width: fit-content;
-}
-
-.primaryAction {
- border: 1px solid var(--color-teal);
- background: color-mix(in srgb, var(--color-teal) 12%, transparent);
- color: var(--color-teal);
- border-radius: var(--radius-md);
- padding: 8px 10px;
- font-size: var(--text-xs);
- font-weight: var(--font-medium);
- cursor: pointer;
- transition: all var(--duration-fast) var(--ease-default);
-}
-
-.primaryAction:hover {
- background: var(--color-teal-dark);
- color: var(--color-white);
-}
diff --git a/src/renderer/components/TaskModal.jsx b/src/renderer/components/TaskModal.jsx
deleted file mode 100644
index c8f3ed9..0000000
--- a/src/renderer/components/TaskModal.jsx
+++ /dev/null
@@ -1,421 +0,0 @@
-ï»żimport { useEffect, useMemo, useState } from "react";
-import styles from "./TaskModal.module.css";
-import { useFlags } from "../context/FlagsContext";
-import FlagsManager from "./FlagsManager";
-import { useCardTypes } from "../context/CardTypesContext";
-import CardTypesManager from "./CardTypesManager";
-import { useColumns } from "../context/ColumnsContext";
-
-const PRIORITY_OPTIONS = [
- { value: "low", label: "Baixa", color: "#4F4F4F" },
- { value: "medium", label: "Media", color: "#00A676" },
- { value: "high", label: "Alta", color: "#E85D24" },
-];
-
-export default function TaskModal({
- task,
- activeRepo,
- defaultStatus = "pending",
- onSave,
- onClose,
-}) {
- const isEditing = !!task;
- const { allFlags } = useFlags();
- const { allTypes } = useCardTypes();
- const { columns } = useColumns();
-
- const [cardType, setCardType] = useState(task?.cardType || "task");
- const [title, setTitle] = useState(task?.title || "");
- const [description, setDescription] = useState(task?.description || "");
- const [assignee, setAssignee] = useState(task?.assignee || "");
- const [assigneeSearch, setAssigneeSearch] = useState("");
- const [subtasks, setSubtasks] = useState(
- task?.subtasks?.map((s) => s.title) || [""],
- );
- const [priority, setPriority] = useState(task?.priority || "");
- const [labels, setLabels] = useState(task?.labels || []);
- const [showFlagsManager, setShowFlagsManager] = useState(false);
- const [showTypesManager, setShowTypesManager] = useState(false);
- const [collaborators, setCollaborators] = useState([]);
- const [isLoadingCollaborators, setIsLoadingCollaborators] = useState(false);
- const [collaboratorsError, setCollaboratorsError] = useState("");
- const [status, setStatus] = useState(task?.status || defaultStatus);
-
- useEffect(() => {
- let isMounted = true;
-
- const loadCollaborators = async () => {
- if (!activeRepo?.owner || !activeRepo?.repo) {
- if (isMounted) {
- setCollaborators([]);
- setCollaboratorsError("");
- }
- return;
- }
-
- try {
- if (isMounted) {
- setIsLoadingCollaborators(true);
- setCollaboratorsError("");
- }
-
- const result = await window.electron.invoke("github:repo-collaborators");
-
- if (isMounted) {
- setCollaborators(Array.isArray(result) ? result : []);
- }
- } catch (error) {
- if (isMounted) {
- setCollaborators([]);
- setCollaboratorsError(
- error?.message || "Nao foi possivel carregar pessoas do GitHub.",
- );
- }
- } finally {
- if (isMounted) {
- setIsLoadingCollaborators(false);
- }
- }
- };
-
- loadCollaborators();
-
- return () => {
- isMounted = false;
- };
- }, [activeRepo?.owner, activeRepo?.repo]);
-
- const assigneeOptions = useMemo(() => {
- const options = [...collaborators];
-
- if (
- assignee &&
- !options.some((collaborator) => collaborator.login === assignee)
- ) {
- options.unshift({
- id: `current-${assignee}`,
- login: assignee,
- name: "",
- });
- }
-
- return options.sort((a, b) => {
- const labelA = (a.name || a.login).toLowerCase();
- const labelB = (b.name || b.login).toLowerCase();
- return labelA.localeCompare(labelB);
- });
- }, [assignee, collaborators]);
-
- const filteredAssigneeOptions = useMemo(() => {
- const query = assigneeSearch.trim().toLowerCase();
- if (!query) return assigneeOptions;
-
- return assigneeOptions.filter((collaborator) => {
- const name = collaborator.name?.toLowerCase() || "";
- const login = collaborator.login?.toLowerCase() || "";
- return name.includes(query) || login.includes(query);
- });
- }, [assigneeOptions, assigneeSearch]);
-
- const handleAddSubtask = () => setSubtasks([...subtasks, ""]);
-
- const handleSubtaskChange = (index, value) => {
- const updated = [...subtasks];
- updated[index] = value;
- setSubtasks(updated);
- };
-
- const handleRemoveSubtask = (index) => {
- setSubtasks(subtasks.filter((_, i) => i !== index));
- };
-
- const toggleLabel = (id) => {
- setLabels((prev) =>
- prev.includes(id) ? prev.filter((l) => l !== id) : [...prev, id],
- );
- };
-
- const handleSave = () => {
- if (!title.trim()) return;
-
- const saved = {
- id: task?.id || `TASK-${Date.now()}`,
- cardType,
- title: title.trim(),
- description: description.trim(),
- assignee: assignee.trim(),
- priority,
- labels,
- status,
- subtasks: subtasks
- .filter((s) => s.trim())
- .map((s, i) => ({
- id: task?.subtasks?.[i]?.id || `TASK-${Date.now()}-${i}`,
- title: s.trim(),
- status: task?.subtasks?.[i]?.status || "pending",
- })),
- };
-
- onSave(saved);
- onClose();
- };
-
- return (
- <>
-
- {currentType && (
-
- {currentType.icon} {currentType.name}
-
- )}
-
-
-
-
-
-
- {task.assignee && (
- {task.title}
- {task.description && ( -{task.description}
- )} -
- Assignee:
- {assignee?.profileUrl ? (
-
- {assignee?.avatarUrl ? (
- 
- ) : (
-
- )}
-
- {priority && (
-
- {assigneeName.charAt(0).toUpperCase()}
-
- )}
-
- {assigneeName}
- @{assigneeLogin}
-
-
- ) : (
-
- {assignee?.avatarUrl ? (
-
- ) : (
-
- )}
-
- {assigneeName.charAt(0).toUpperCase()}
-
- )}
-
- {assigneeName}
- @{assigneeLogin}
-
-
- Prioridade:
-
- )}
-
- {taskLabels.length > 0 && (
-
-
- {priority.label}
-
-
-
- Etiquetas:
-
- )}
-
- {subtasksTotal > 0 && (
-
- {taskLabels.map((f) => (
-
- {f.name}
-
- ))}
-
-
-
- )}
-
- {primaryActionLabel && onPrimaryAction && (
-
- )}
-
-
-
-
- {subtasksDone}/{subtasksTotal} subtasks
-
-
- {task.subtasks.map((sub) => (
-
- ))}
-
-
-
e.stopPropagation()}>
-
-
-
- - {isEditing ? "Editar task" : "Nova task"} -
- -
-
-
-
-
-
-
-
-
- {allTypes.map((t) => (
-
- ))}
-
-
-
-
-
-
-
- {columns.map((column) => (
-
- ))}
-
-
-
- setTitle(e.target.value)}
- autoFocus
- />
-
-
-
-
-