- 
-
-
- `,
- styles: [`
- :host {
- display: block;
- width: 100%;
- height: 100%;
- }
-
- .ide-layout {
- display: flex;
- height: 100%;
- background: #1a1b26;
- color: #a9b1d6;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
- }
-
- .ide-main {
- flex: 1;
- display: flex;
- flex-direction: column;
- min-width: 0;
- }
-
- .top-bar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- height: 40px;
- padding: 0 1rem;
- background: #16161e;
- border-bottom: 1px solid #24283b;
- }
-
- .breadcrumb {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- font-size: 0.8125rem;
- }
-
- .breadcrumb-item {
- color: #565f89;
- }
-
- .breadcrumb-item.active {
- color: #c0caf5;
- text-transform: capitalize;
- }
-
- .breadcrumb-sep {
- color: #414868;
- }
-
- .top-bar-actions {
- display: flex;
- align-items: center;
- gap: 1rem;
- }
-
- .time {
- font-size: 0.75rem;
- color: #565f89;
- font-family: 'JetBrains Mono', monospace;
- }
-
- .ide-content {
- flex: 1;
- overflow-y: auto;
- padding: 1.5rem;
- }
-
- .dashboard-view h1 {
- font-size: 1.75rem;
- font-weight: 600;
- color: #c0caf5;
- margin: 0 0 0.5rem 0;
- }
-
- .subtitle {
- color: #565f89;
- margin: 0 0 2rem 0;
- }
-
- .stats-grid {
- display: grid;
- grid-template-columns: repeat(4, 1fr);
- gap: 1rem;
- margin-bottom: 2rem;
- }
-
- .stat-card {
- display: flex;
- align-items: center;
- gap: 1rem;
- padding: 1.25rem;
- background: #16161e;
- border: 1px solid #24283b;
- border-radius: 8px;
- }
-
- .stat-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 48px;
- height: 48px;
- border-radius: 8px;
- }
-
- .stat-icon svg {
- width: 24px;
- height: 24px;
- }
-
- .stat-icon.projects {
- background: rgba(122, 162, 247, 0.15);
- color: #7aa2f7;
- }
-
- .stat-icon.tasks {
- background: rgba(158, 206, 106, 0.15);
- color: #9ece6a;
- }
-
- .stat-icon.git {
- background: rgba(247, 118, 142, 0.15);
- color: #f7768e;
- }
-
- .stat-icon.status {
- background: rgba(158, 206, 106, 0.15);
- color: #9ece6a;
- }
-
- .stat-info {
- display: flex;
- flex-direction: column;
- }
-
- .stat-value {
- font-size: 1.5rem;
- font-weight: 600;
- color: #c0caf5;
- }
-
- .stat-value.status-ok {
- color: #9ece6a;
- }
-
- .stat-label {
- font-size: 0.8125rem;
- color: #565f89;
- }
-
- .quick-actions h2 {
- font-size: 1.125rem;
- font-weight: 600;
- color: #c0caf5;
- margin: 0 0 1rem 0;
- }
-
- .actions-grid {
- display: grid;
- grid-template-columns: repeat(4, 1fr);
- gap: 1rem;
- }
-
- .action-card {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 0.75rem;
- padding: 1.5rem;
- background: #16161e;
- border: 1px solid #24283b;
- border-radius: 8px;
- color: #a9b1d6;
- cursor: pointer;
- transition: all 0.15s ease;
- }
-
- .action-card:hover {
- background: #1f2335;
- border-color: #7aa2f7;
- color: #c0caf5;
- }
-
- .action-card svg {
- width: 32px;
- height: 32px;
- color: #7aa2f7;
- }
-
- .action-card span {
- font-size: 0.875rem;
- font-weight: 500;
- }
-
- .panel-view {
- padding: 1rem;
- }
-
- .panel-view h2 {
- font-size: 1.25rem;
- font-weight: 600;
- color: #c0caf5;
- margin: 0 0 0.5rem 0;
- }
-
- .panel-view p {
- color: #565f89;
- }
-
- .panel-view.terminal {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .terminal-output {
- flex: 1;
- background: #16161e;
- border: 1px solid #24283b;
- border-radius: 8px;
- padding: 1rem;
- font-family: 'JetBrains Mono', 'Fira Code', monospace;
- font-size: 0.875rem;
- overflow: auto;
- }
-
- .terminal-output pre {
- margin: 0;
- color: #9ece6a;
- }
-
- .status-bar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- height: 24px;
- padding: 0 0.75rem;
- background: #7aa2f7;
- color: #1a1b26;
- font-size: 0.6875rem;
- font-weight: 500;
- }
-
- .status-left, .status-right {
- display: flex;
- align-items: center;
- gap: 1rem;
- }
-
- .status-item {
- display: flex;
- align-items: center;
- gap: 0.25rem;
- }
-
- .status-item svg {
- width: 12px;
- height: 12px;
- }
-
- @media (max-width: 1024px) {
- .stats-grid, .actions-grid {
- grid-template-columns: repeat(2, 1fr);
- }
- }
-
- @media (max-width: 640px) {
- .stats-grid, .actions-grid {
- grid-template-columns: 1fr;
- }
- }
- `]
-})
-export class IdeComponent implements OnInit, OnDestroy {
- private isBrowser: boolean;
- private timeEventCleanup?: () => void;
- currentRoute = signal('dashboard');
- currentTime = signal('');
- projectCount = signal(18);
- taskCount = signal(5);
- gitChanges = signal(12);
-
- constructor(@Inject(PLATFORM_ID) platformId: Object) {
- this.isBrowser = isPlatformBrowser(platformId);
- }
-
- ngOnInit() {
- if (!this.isBrowser) return;
-
- import('@wailsio/runtime').then(({ Events }) => {
- this.timeEventCleanup = Events.On('time', (time: { data: string }) => {
- this.currentTime.set(time.data);
- });
- });
- }
-
- ngOnDestroy() {
- this.timeEventCleanup?.();
- }
-
- onRouteChange(route: string) {
- this.currentRoute.set(route);
- }
-
- emitAction(action: string) {
- if (!this.isBrowser) return;
- import('@wailsio/runtime').then(({ Events }) => {
- Events.Emit('action', action);
- });
- }
-}
diff --git a/internal/core-ide/frontend/src/app/pages/tray/tray.component.ts b/internal/core-ide/frontend/src/app/pages/tray/tray.component.ts
deleted file mode 100644
index a809203e..00000000
--- a/internal/core-ide/frontend/src/app/pages/tray/tray.component.ts
+++ /dev/null
@@ -1,444 +0,0 @@
-import { Component, signal, OnInit, OnDestroy } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Events } from '@wailsio/runtime';
-
-@Component({
- selector: 'app-tray',
- standalone: true,
- imports: [CommonModule],
- template: `
-
-
-
-
-
-
-
- @switch (currentRoute()) {
- @case ('dashboard') {
-
-
-
-
-
-
- }
- @case ('explorer') {
- Welcome to Core IDE
-Your development environment is ready.
- -
-
-
-
-
-
-
-
- {{ projectCount() }}
- Projects
-
-
-
-
-
-
- {{ taskCount() }}
- Tasks
-
-
-
-
-
-
- {{ gitChanges() }}
- Changes
-
-
-
-
-
- OK
- Status
-
-
-
- Quick Actions
-
-
-
-
-
-
-
-
- }
- @case ('search') {
- File Explorer
-Browse and manage your project files.
-
-
- }
- @case ('git') {
- Search
-Search across all files in your workspace.
-
-
- }
- @case ('debug') {
- Source Control
-Manage your Git repositories and commits.
-
-
- }
- @case ('terminal') {
- Debug
-Debug your applications.
-
-
- }
- @case ('settings') {
- Terminal
-
-
- $ core dev health -18 repos | clean | synced - -$ _-
-
- }
- @default {
- Settings
-Configure your IDE preferences.
-
-
- }
- }
- {{ currentRoute() }}
-
-
-
- `,
- styles: [`
- :host {
- display: block;
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
-
- .tray-container {
- display: flex;
- flex-direction: column;
- height: 100%;
- background: #1a1b26;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
- color: #a9b1d6;
- }
-
- .tray-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0.75rem 1rem;
- background: #16161e;
- border-bottom: 1px solid #24283b;
- }
-
- .tray-logo {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- font-size: 0.9375rem;
- font-weight: 600;
- color: #c0caf5;
- }
-
- .logo-icon {
- width: 20px;
- height: 20px;
- color: #7aa2f7;
- }
-
- .tray-controls {
- display: flex;
- gap: 0.5rem;
- }
-
- .control-btn {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 32px;
- height: 32px;
- background: transparent;
- border: 1px solid #24283b;
- border-radius: 6px;
- color: #7aa2f7;
- cursor: pointer;
- transition: all 0.15s ease;
- }
-
- .control-btn:hover {
- background: #24283b;
- border-color: #7aa2f7;
- }
-
- .control-btn svg {
- width: 16px;
- height: 16px;
- }
-
- .tray-stats {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- padding: 0.875rem 1rem;
- background: #16161e;
- border-bottom: 1px solid #24283b;
- }
-
- .stat-row {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .stat-label {
- font-size: 0.8125rem;
- color: #565f89;
- }
-
- .stat-value {
- font-size: 0.875rem;
- font-weight: 600;
- color: #c0caf5;
- }
-
- .stat-value.active {
- color: #9ece6a;
- }
-
- .stat-value.mono {
- font-family: 'JetBrains Mono', 'Fira Code', monospace;
- font-size: 0.8125rem;
- }
-
- .actions-section, .projects-section {
- display: flex;
- flex-direction: column;
- }
-
- .section-header {
- padding: 0.625rem 1rem;
- font-size: 0.6875rem;
- font-weight: 600;
- color: #565f89;
- text-transform: uppercase;
- letter-spacing: 0.05em;
- background: #1a1b26;
- border-bottom: 1px solid #24283b;
- }
-
- .actions-list {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 0.5rem;
- padding: 0.75rem;
- }
-
- .action-btn {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- padding: 0.625rem 0.75rem;
- background: #16161e;
- border: 1px solid #24283b;
- border-radius: 6px;
- color: #a9b1d6;
- font-size: 0.8125rem;
- cursor: pointer;
- transition: all 0.15s ease;
- }
-
- .action-btn:hover {
- background: #24283b;
- border-color: #414868;
- }
-
- .action-btn.danger {
- color: #f7768e;
- }
-
- .action-btn.danger:hover {
- border-color: #f7768e;
- background: rgba(247, 118, 142, 0.1);
- }
-
- .action-btn svg {
- width: 16px;
- height: 16px;
- flex-shrink: 0;
- }
-
- .projects-section {
- flex: 1;
- min-height: 0;
- }
-
- .projects-list {
- flex: 1;
- overflow-y: auto;
- padding: 0.5rem;
- }
-
- .project-item {
- display: flex;
- align-items: center;
- gap: 0.75rem;
- width: 100%;
- padding: 0.625rem 0.75rem;
- background: transparent;
- border: none;
- border-radius: 6px;
- color: #a9b1d6;
- text-align: left;
- cursor: pointer;
- transition: background 0.15s ease;
- }
-
- .project-item:hover {
- background: #24283b;
- }
-
- .project-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 32px;
- height: 32px;
- background: #24283b;
- border-radius: 6px;
- color: #7aa2f7;
- }
-
- .project-icon svg {
- width: 16px;
- height: 16px;
- }
-
- .project-info {
- display: flex;
- flex-direction: column;
- min-width: 0;
- }
-
- .project-name {
- font-size: 0.8125rem;
- font-weight: 500;
- color: #c0caf5;
- }
-
- .project-path {
- font-size: 0.6875rem;
- color: #565f89;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
-
- .no-projects {
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 2rem;
- color: #565f89;
- font-size: 0.8125rem;
- }
-
- .tray-footer {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0.625rem 1rem;
- background: #16161e;
- border-top: 1px solid #24283b;
- }
-
- .connection-status {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- font-size: 0.75rem;
- color: #565f89;
- }
-
- .status-dot {
- width: 6px;
- height: 6px;
- border-radius: 50%;
- background: #565f89;
- }
-
- .connection-status.connected .status-dot {
- background: #9ece6a;
- box-shadow: 0 0 4px #9ece6a;
- }
-
- .connection-status.connected {
- color: #9ece6a;
- }
-
- .footer-btn {
- padding: 0.375rem 0.75rem;
- background: #7aa2f7;
- border: none;
- border-radius: 4px;
- color: #1a1b26;
- font-size: 0.75rem;
- font-weight: 600;
- cursor: pointer;
- transition: background 0.15s ease;
- }
-
- .footer-btn:hover {
- background: #89b4fa;
- }
- `]
-})
-export class TrayComponent implements OnInit, OnDestroy {
- currentTime = signal('');
- isActive = signal(false);
- projectCount = signal(3);
- taskCount = signal(0);
- recentProjects = signal([
- { name: 'core', path: '~/Code/host-uk/core' },
- { name: 'core-gui', path: '~/Code/host-uk/core-gui' },
- { name: 'core-php', path: '~/Code/host-uk/core-php' },
- ]);
- private timeEventCleanup?: () => void;
-
- ngOnInit() {
- this.timeEventCleanup = Events.On('time', (time: { data: string }) => {
- this.currentTime.set(time.data);
- });
- }
-
- ngOnDestroy() {
- this.timeEventCleanup?.();
- }
-
- openIDE() {
- Events.Emit('action', 'open-ide');
- }
-
- emitAction(action: string) {
- Events.Emit('action', action);
- }
-
- openProject(path: string) {
- Events.Emit('open-project', path);
- }
-}
diff --git a/internal/core-ide/frontend/src/index.html b/internal/core-ide/frontend/src/index.html
deleted file mode 100644
index 28831853..00000000
--- a/internal/core-ide/frontend/src/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-
-
-
-
-
-
-
-
-
-
- Core IDE
-
-
-
-
-
-
-
-
-
- Status
-
- {{ isActive() ? 'Running' : 'Idle' }}
-
-
-
- Projects
- {{ projectCount() }}
-
-
- Active Tasks
- {{ taskCount() }}
-
-
- Time
- {{ currentTime() }}
-
-
-
-
-
- Quick Actions
-
-
-
-
-
-
-
-
-
-
-
- Recent Projects
-
- @for (project of recentProjects(); track project.name) {
-
- } @empty {
-
- No recent projects
- }
-