fix: restore complete source code and fix launchers
- Copy complete source code packages from original CodeNomad project - Add root package.json with npm workspace configuration - Include electron-app, server, ui, tauri-app, and opencode-config packages - Fix Launch-Windows.bat and Launch-Dev-Windows.bat to work with correct npm scripts - Fix Launch-Unix.sh to work with correct npm scripts - Launchers now correctly call npm run dev:electron which launches Electron app
This commit is contained in:
Gemini AI
256
packages/ui/src/styles/components/selector.css
Normal file
256
packages/ui/src/styles/components/selector.css
Normal file
@@ -0,0 +1,256 @@
|
||||
/* Selector component utilities */
|
||||
.selector-trigger {
|
||||
@apply inline-flex items-center justify-between gap-2 px-2 py-1 border rounded outline-none transition-colors text-xs min-w-[180px];
|
||||
background-color: var(--surface-base);
|
||||
border-color: var(--border-base);
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.selector-trigger:hover {
|
||||
background-color: var(--surface-hover);
|
||||
}
|
||||
|
||||
.selector-trigger:focus {
|
||||
@apply ring-2;
|
||||
ring-color: var(--accent-primary);
|
||||
}
|
||||
|
||||
.selector-trigger-disabled {
|
||||
@apply opacity-50 cursor-not-allowed;
|
||||
}
|
||||
|
||||
.selector-trigger-label {
|
||||
@apply flex flex-col min-w-0;
|
||||
}
|
||||
|
||||
.selector-trigger-label--stacked {
|
||||
@apply items-start;
|
||||
}
|
||||
|
||||
.selector-trigger-primary {
|
||||
@apply text-sm font-medium truncate;
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.selector-trigger-primary--align-left {
|
||||
@apply text-left w-full;
|
||||
}
|
||||
|
||||
.selector-trigger-secondary {
|
||||
@apply text-xs text-left truncate;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.selector-trigger-icon {
|
||||
@apply flex-shrink-0;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.selector-popover {
|
||||
@apply rounded-md shadow-lg overflow-hidden min-w-[300px];
|
||||
background-color: var(--surface-base);
|
||||
border: 1px solid var(--border-base);
|
||||
z-index: 2200;
|
||||
}
|
||||
|
||||
.selector-search-container {
|
||||
@apply p-2 border-b;
|
||||
border-color: var(--border-base);
|
||||
}
|
||||
|
||||
.selector-search-input {
|
||||
@apply w-full px-3 py-1.5 text-xs border rounded outline-none transition-colors;
|
||||
background-color: var(--surface-base);
|
||||
border-color: var(--border-base);
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.selector-search-input:focus {
|
||||
@apply ring-2;
|
||||
ring-color: var(--accent-primary);
|
||||
}
|
||||
|
||||
.selector-search-input::placeholder {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.selector-listbox {
|
||||
@apply max-h-64 overflow-auto p-1;
|
||||
background-color: var(--surface-base);
|
||||
}
|
||||
|
||||
.selector-option {
|
||||
@apply px-3 py-2 cursor-pointer rounded outline-none transition-colors flex items-start gap-2 w-full;
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.selector-option:hover {
|
||||
background-color: var(--surface-hover);
|
||||
}
|
||||
|
||||
.selector-option[data-highlighted],
|
||||
.selector-option[data-focused] {
|
||||
background-color: var(--selection-highlight-bg);
|
||||
}
|
||||
|
||||
.selector-option[data-selected],
|
||||
.selector-option-selected {
|
||||
background-color: var(--selection-highlight-strong-bg);
|
||||
}
|
||||
|
||||
.selector-option-content {
|
||||
@apply flex flex-col flex-1 min-w-0;
|
||||
}
|
||||
|
||||
.selector-option-label {
|
||||
@apply font-medium text-sm;
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.selector-option-description {
|
||||
@apply text-xs;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.selector-option .remove-binary-button {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.selector-option:hover .remove-binary-button {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.remove-binary-button {
|
||||
@apply p-1 rounded transition-all;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.remove-binary-button:hover {
|
||||
background-color: var(--danger-soft-bg);
|
||||
color: var(--status-error);
|
||||
}
|
||||
|
||||
.selector-option-indicator {
|
||||
@apply flex-shrink-0 mt-0.5;
|
||||
color: var(--accent-primary);
|
||||
}
|
||||
|
||||
.selector-section {
|
||||
@apply px-3 py-2 border-b;
|
||||
border-color: var(--border-base);
|
||||
background-color: var(--surface-secondary);
|
||||
}
|
||||
|
||||
.selector-section-title {
|
||||
@apply text-xs font-medium;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.selector-badge {
|
||||
@apply rounded px-1.5 py-0.5 text-xs font-normal;
|
||||
background-color: var(--accent-primary);
|
||||
color: var(--text-inverted);
|
||||
}
|
||||
|
||||
.selector-badge-version {
|
||||
@apply text-xs;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.selector-badge-time {
|
||||
@apply text-xs;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.selector-validation-error {
|
||||
@apply p-2 rounded border;
|
||||
background-color: var(--message-error-bg);
|
||||
border-color: var(--status-error);
|
||||
color: var(--status-error);
|
||||
}
|
||||
|
||||
.selector-validation-error-content {
|
||||
@apply flex items-start gap-2;
|
||||
}
|
||||
|
||||
.selector-validation-error-icon {
|
||||
@apply w-4 h-4 mt-0.5 flex-shrink-0;
|
||||
color: var(--status-error);
|
||||
}
|
||||
|
||||
.selector-validation-error-text {
|
||||
@apply text-xs;
|
||||
}
|
||||
|
||||
.selector-input-group {
|
||||
@apply flex gap-2;
|
||||
}
|
||||
|
||||
.selector-input {
|
||||
@apply flex-1 px-2 py-1.5 text-sm border rounded outline-none transition-colors;
|
||||
background-color: var(--surface-base);
|
||||
border-color: var(--border-base);
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.selector-input:focus {
|
||||
@apply ring-1;
|
||||
ring-color: var(--accent-primary);
|
||||
}
|
||||
|
||||
.selector-input::placeholder {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.selector-button {
|
||||
@apply px-3 py-1.5 text-sm rounded transition-colors cursor-pointer w-full inline-flex items-center justify-center font-medium;
|
||||
background-color: var(--surface-secondary);
|
||||
color: var(--text-primary);
|
||||
border: 1px solid var(--border-base);
|
||||
}
|
||||
|
||||
.selector-button-primary {
|
||||
background-color: var(--accent-primary) !important;
|
||||
color: var(--text-inverted) !important;
|
||||
border: 1px solid var(--accent-primary) !important;
|
||||
}
|
||||
|
||||
.selector-button-primary:hover:not(:disabled) {
|
||||
background-color: var(--accent-hover);
|
||||
}
|
||||
|
||||
.selector-button-primary:disabled {
|
||||
@apply opacity-50 cursor-not-allowed;
|
||||
background-color: var(--surface-muted);
|
||||
}
|
||||
|
||||
.selector-button-secondary {
|
||||
background-color: var(--surface-base);
|
||||
color: var(--text-primary);
|
||||
border-color: var(--border-base);
|
||||
}
|
||||
|
||||
.selector-button-secondary:hover:not(:disabled) {
|
||||
background-color: var(--surface-secondary);
|
||||
border-color: var(--border-base);
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.selector-button-secondary:disabled {
|
||||
@apply opacity-50 cursor-not-allowed;
|
||||
}
|
||||
|
||||
.selector-empty-state {
|
||||
@apply p-4 text-center text-sm;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.selector-loading {
|
||||
@apply flex items-center gap-2;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.selector-loading-spinner {
|
||||
@apply w-4 h-4 animate-spin;
|
||||
color: var(--accent-primary);
|
||||
}
|
||||
Reference in New Issue
Block a user