@kandiforge/kandi-office 0.15.148 → 0.16.151

package/dist/AISidebar.css

@@ -0,0 +1,419 @@
+.ai-sidebar {
+  position: fixed;
+  background: linear-gradient(180deg, var(--surface) 0%, var(--background) 100%);
+  display: flex;
+  flex-direction: column;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  z-index: 1000;
+  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.3);
+}
+
+/* Standalone window mode (always visible, full height/width) */
+.ai-sidebar.standalone {
+  position: relative;
+  width: 100% !important;
+  height: 100% !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  transition: none;
+  box-shadow: none;
+  border: none;
+}
+
+/* Right position (default) */
+.ai-sidebar-right {
+  right: -420px;
+  top: 0;
+  bottom: 0;
+  width: 420px;
+  border-left: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ai-sidebar-right.open {
+  right: 0;
+}
+
+/* Left position */
+.ai-sidebar-left {
+  left: -420px;
+  top: 0;
+  bottom: 0;
+  width: 420px;
+  border-right: 1px solid rgba(255, 255, 255, 0.1);
+  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.3);
+}
+
+.ai-sidebar-left.open {
+  left: 0;
+}
+
+/* Bottom position */
+.ai-sidebar-bottom {
+  left: 0;
+  right: 0;
+  bottom: -300px;
+  height: 300px;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);
+}
+
+.ai-sidebar-bottom.open {
+  bottom: 0;
+}
+
+/* Detached (floating window) - TODO: implement as separate Tauri window */
+.ai-sidebar-detached {
+  right: -420px;
+  top: 60px;
+  bottom: 60px;
+  width: 420px;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  border-radius: 8px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
+}
+
+.ai-sidebar-detached.open {
+  right: 20px;
+}
+
+.ai-sidebar-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem 1.25rem;
+  background: rgba(255, 255, 255, 0.05);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/* Add padding for traffic lights in standalone mode */
+.ai-sidebar.standalone .ai-sidebar-header {
+  padding-left: 80px;
+  -webkit-app-region: drag; /* Make header draggable in standalone window */
+}
+
+/* Only make interactive elements non-draggable in standalone mode */
+.ai-sidebar.standalone .ai-sidebar-header button,
+.ai-sidebar.standalone .ai-sidebar-header input,
+.ai-sidebar.standalone .ai-sidebar-header select,
+.ai-sidebar.standalone .ai-sidebar-header a,
+.ai-sidebar.standalone .ai-sidebar-header .ai-sidebar-position-menu {
+  -webkit-app-region: no-drag;
+}
+
+.ai-sidebar-title {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  font-weight: 600;
+  font-size: 0.95rem;
+  color: var(--text-primary);
+}
+
+.ai-sidebar-title svg {
+  color: var(--accent-bright);
+  animation: pulse 2s ease-in-out infinite;
+}
+
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.6;
+  }
+}
+
+.ai-sidebar-controls {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.ai-sidebar-position-menu {
+  position: relative;
+}
+
+.ai-sidebar-menu-btn,
+.ai-sidebar-close {
+  background: transparent;
+  border: none;
+  color: var(--text-muted);
+  cursor: pointer;
+  padding: 0.5rem;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s;
+}
+
+.ai-sidebar-menu-btn:hover,
+.ai-sidebar-close:hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: var(--text-primary);
+}
+
+.ai-position-dropdown {
+  position: absolute;
+  top: calc(100% + 0.5rem);
+  right: 0;
+  background: var(--surface-elevated);
+  border: 1px solid var(--border-default);
+  border-radius: 6px;
+  padding: 0.25rem;
+  min-width: 140px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
+  z-index: 1001;
+}
+
+.ai-position-dropdown button {
+  width: 100%;
+  padding: 0.5rem 0.75rem;
+  background: transparent;
+  border: none;
+  color: var(--text-primary);
+  cursor: pointer;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.875rem;
+  transition: all 0.15s;
+  text-align: left;
+}
+
+.ai-position-dropdown button:hover {
+  background: rgba(0, 212, 255, 0.15);
+  color: var(--accent-bright);
+}
+
+.ai-position-dropdown button span {
+  font-size: 1.1rem;
+  width: 20px;
+  text-align: center;
+}
+
+.ai-sidebar-messages {
+  flex: 1;
+  overflow-y: auto;
+  padding: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+
+.ai-sidebar-messages::-webkit-scrollbar {
+  width: 6px;
+}
+
+.ai-sidebar-messages::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.ai-sidebar-messages::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 3px;
+}
+
+.ai-sidebar-messages::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+
+.ai-sidebar-empty {
+  text-align: center;
+  color: var(--text-muted);
+  padding: 2rem 1rem;
+}
+
+.ai-sidebar-empty p:first-child {
+  font-size: 1.1rem;
+  margin-bottom: 1.5rem;
+  color: var(--text-secondary);
+}
+
+.ai-sidebar-empty ul {
+  list-style: none;
+  padding: 0;
+  margin: 1rem 0 0 0;
+  text-align: left;
+}
+
+.ai-sidebar-empty li {
+  padding: 0.5rem 0;
+  padding-left: 1.5rem;
+  position: relative;
+}
+
+.ai-sidebar-empty li::before {
+  content: "→";
+  position: absolute;
+  left: 0;
+  color: var(--accent-bright);
+}
+
+.ai-message {
+  display: flex;
+  gap: 0.75rem;
+  animation: slideIn 0.3s ease-out;
+}
+
+@keyframes slideIn {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.ai-message-avatar {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 1.2rem;
+  flex-shrink: 0;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.ai-message.user .ai-message-avatar {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+}
+
+.ai-message.assistant .ai-message-avatar {
+  background: linear-gradient(135deg, #00d4ff 0%, #0090ff 100%);
+}
+
+.ai-message-content {
+  flex: 1;
+  background: rgba(255, 255, 255, 0.05);
+  padding: 0.875rem 1rem;
+  border-radius: 12px;
+  font-size: 0.9rem;
+  line-height: 1.6;
+  color: var(--text-primary);
+  word-wrap: break-word;
+}
+
+.ai-message.user .ai-message-content {
+  background: rgba(102, 126, 234, 0.15);
+  border: 1px solid rgba(102, 126, 234, 0.3);
+}
+
+.ai-message.assistant .ai-message-content {
+  background: rgba(0, 212, 255, 0.08);
+  border: 1px solid rgba(0, 212, 255, 0.2);
+}
+
+.ai-loading {
+  display: flex;
+  gap: 0.4rem;
+  padding: 1rem;
+}
+
+.ai-loading span {
+  width: 8px;
+  height: 8px;
+  background: var(--accent-bright);
+  border-radius: 50%;
+  animation: bounce 1.4s ease-in-out infinite;
+}
+
+.ai-loading span:nth-child(1) {
+  animation-delay: -0.32s;
+}
+
+.ai-loading span:nth-child(2) {
+  animation-delay: -0.16s;
+}
+
+@keyframes bounce {
+  0%, 80%, 100% {
+    transform: scale(0.6);
+    opacity: 0.5;
+  }
+  40% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+.ai-sidebar-input {
+  position: sticky;
+  bottom: 0;
+  padding: 1.25rem;
+  background: rgba(0, 0, 0, 0.3);
+  backdrop-filter: blur(10px);
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  display: flex;
+  gap: 0.75rem;
+  z-index: 10;
+}
+
+.ai-sidebar-input textarea {
+  flex: 1;
+  background: rgba(255, 255, 255, 0.05);
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  border-radius: 8px;
+  padding: 0.875rem;
+  color: var(--text-primary);
+  font-size: 0.9rem;
+  font-family: inherit;
+  resize: none;
+  outline: none;
+  transition: all 0.2s;
+}
+
+.ai-sidebar-input textarea:focus {
+  border-color: var(--accent-bright);
+  background: rgba(255, 255, 255, 0.08);
+  box-shadow: 0 0 0 2px rgba(0, 212, 255, 0.1);
+}
+
+.ai-sidebar-input textarea::placeholder {
+  color: var(--text-muted);
+}
+
+.ai-sidebar-input textarea:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.ai-sidebar-input button {
+  background: linear-gradient(135deg, #00d4ff 0%, #0090ff 100%);
+  border: none;
+  border-radius: 8px;
+  width: 44px;
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: white;
+  transition: all 0.2s;
+  flex-shrink: 0;
+}
+
+.ai-sidebar-input button:hover:not(:disabled) {
+  transform: scale(1.05);
+  box-shadow: 0 4px 12px rgba(0, 212, 255, 0.4);
+}
+
+.ai-sidebar-input button:active:not(:disabled) {
+  transform: scale(0.95);
+}
+
+.ai-sidebar-input button:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+.ai-sidebar-input button svg {
+  transform: rotate(45deg);
+}