@jvittechs/jai1-cli 0.1.100 → 0.1.101

package/dist/web-chat/style.css

@@ -1900,3 +1900,230 @@ body,
                 border-color var(--transition-normal),
                 color var(--transition-normal);
 }
+
+/* ============================================
+   File Mention System
+   ============================================ */
+
+/* File Autocomplete Dropdown */
+.file-autocomplete {
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-lg);
+    margin-bottom: var(--space-2);
+    overflow: hidden;
+    box-shadow: var(--shadow-lg);
+    max-height: 300px;
+    display: flex;
+    flex-direction: column;
+}
+
+.file-autocomplete.hidden {
+    display: none;
+}
+
+.file-autocomplete-header {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+    padding: var(--space-2) var(--space-3);
+    border-bottom: 1px solid var(--border-color);
+    background: var(--bg-tertiary);
+    font-size: 12px;
+}
+
+.autocomplete-icon {
+    font-size: 14px;
+}
+
+.autocomplete-title {
+    font-weight: 600;
+    color: var(--text-primary);
+}
+
+.autocomplete-hint {
+    margin-left: auto;
+    color: var(--text-tertiary);
+    font-family: var(--font-mono);
+    font-size: 10px;
+}
+
+.file-autocomplete-list {
+    overflow-y: auto;
+    max-height: 250px;
+}
+
+.file-autocomplete-item {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+    padding: var(--space-2) var(--space-3);
+    cursor: pointer;
+    transition: background-color var(--transition-fast);
+}
+
+.file-autocomplete-item:hover {
+    background: var(--bg-hover);
+}
+
+.file-autocomplete-item.selected {
+    background: var(--primary-900);
+    border-left: 3px solid var(--primary-500);
+    padding-left: calc(var(--space-3) - 3px);
+}
+
+.file-autocomplete-item.selected .file-path {
+    color: var(--primary-400);
+    font-weight: 500;
+}
+
+.file-autocomplete-item.selected .file-size {
+    color: var(--text-secondary);
+}
+
+.file-autocomplete-item .file-icon {
+    font-size: 14px;
+    flex-shrink: 0;
+}
+
+.file-autocomplete-item .file-path {
+    flex: 1;
+    font-family: var(--font-mono);
+    font-size: 12px;
+    color: var(--text-secondary);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.file-autocomplete-item .file-size {
+    font-family: var(--font-mono);
+    font-size: 10px;
+    color: var(--text-tertiary);
+    flex-shrink: 0;
+}
+
+.file-autocomplete-loading,
+.file-autocomplete-error,
+.file-autocomplete-empty {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-2);
+    padding: var(--space-4);
+    color: var(--text-tertiary);
+    font-size: 12px;
+}
+
+.file-autocomplete-loading .loading-spinner {
+    animation: spin 1s linear infinite;
+}
+
+.file-autocomplete-error {
+    color: var(--error);
+}
+
+/* Mentioned Files Container */
+.mentioned-files {
+    background: var(--bg-tertiary);
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-lg);
+    padding: var(--space-2) var(--space-3);
+    margin-bottom: var(--space-2);
+}
+
+.mentioned-files.hidden {
+    display: none;
+}
+
+.mentioned-files-header {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+    margin-bottom: var(--space-2);
+    font-size: 12px;
+}
+
+.mentioned-icon {
+    font-size: 14px;
+}
+
+.mentioned-title {
+    font-weight: 500;
+    color: var(--text-secondary);
+}
+
+.mentioned-files-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-2);
+}
+
+.mentioned-file-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-1);
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-md);
+    padding: var(--space-1) var(--space-2);
+    font-size: 11px;
+    max-width: 200px;
+}
+
+.mentioned-file-badge .badge-icon {
+    font-size: 12px;
+    flex-shrink: 0;
+}
+
+.mentioned-file-badge .badge-path {
+    font-family: var(--font-mono);
+    color: var(--text-secondary);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.mentioned-file-badge .badge-remove {
+    background: none;
+    border: none;
+    color: var(--text-tertiary);
+    cursor: pointer;
+    padding: 0 2px;
+    font-size: 14px;
+    line-height: 1;
+    transition: color var(--transition-fast);
+    flex-shrink: 0;
+}
+
+.mentioned-file-badge .badge-remove:hover {
+    color: var(--error);
+}
+
+/* Light theme adjustments */
+[data-theme="light"] .file-autocomplete {
+    background: var(--bg-secondary);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+[data-theme="light"] .file-autocomplete-item:hover {
+    background: var(--bg-hover);
+}
+
+[data-theme="light"] .file-autocomplete-item.selected {
+    background: var(--primary-100);
+    border-left: 3px solid var(--primary-600);
+}
+
+[data-theme="light"] .file-autocomplete-item.selected .file-path {
+    color: var(--primary-700);
+}
+
+[data-theme="light"] .mentioned-files {
+    background: var(--bg-tertiary);
+}
+
+[data-theme="light"] .mentioned-file-badge {
+    background: white;
+    border-color: var(--border-color);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jvittechs/jai1-cli",
-  "version": "0.1.100",
+  "version": "0.1.101",
   "description": "A unified CLI tool for JV-IT TECHS developers to manage Jai1 Framework. Please contact TeamAI for usage instructions.",
   "type": "module",
   "bin": {
@@ -55,6 +55,7 @@
     "cronstrue": "^2.50.0",
     "execa": "^9.6.1",
     "gray-matter": "^4.0.3",
+    "ignore": "^7.0.5",
     "ink": "^5.0.1",
     "ink-spinner": "^5.0.0",
     "ink-text-input": "^6.0.0",