@huyooo/ai-chat-frontend-react 0.2.36 → 0.2.38

package/dist/index.css

@@ -3996,547 +3996,3 @@ body {
     transform: translateX(-50%) translateY(0);
   }
 }
-
-/* src/components/common/ToggleSwitch.css */
-.toggle-switch {
-  position: relative;
-  display: inline-block;
-  width: 44px;
-  height: 24px;
-  cursor: pointer;
-}
-.toggle-switch input {
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-.toggle-slider {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: var(--chat-muted, #3c3c3c);
-  border-radius: 24px;
-  transition: all 0.2s;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-}
-.toggle-slider::before {
-  position: absolute;
-  content: "";
-  height: 18px;
-  width: 18px;
-  left: 3px;
-  top: 50%;
-  transform: translateY(-50%);
-  background-color: #fff;
-  border-radius: 50%;
-  transition: all 0.2s;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-}
-.toggle-switch input:checked + .toggle-slider {
-  background-color: rgb(153, 207, 140);
-  border-color: rgba(255, 255, 255, 0.2);
-}
-.toggle-switch input:checked + .toggle-slider::before {
-  transform: translate(20px, -50%);
-}
-.toggle-switch input:focus + .toggle-slider {
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
-}
-
-/* src/components/common/IndexingSettings.css */
-.indexing-settings {
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-}
-.indexing-section {
-  align-items: flex-start;
-}
-.indexing-content {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  margin-top: 12px;
-  width: 100%;
-  min-width: 0;
-}
-.progress-container {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.progress-bar {
-  width: 100%;
-  height: 4px;
-  background: var(--chat-border, #333);
-  border-radius: 2px;
-  overflow: hidden;
-}
-.progress-fill {
-  height: 100%;
-  background: var(--chat-accent, #3b82f6);
-  border-radius: 2px;
-  transition: width 0.3s ease;
-}
-.progress-text {
-  font-size: 13px;
-  color: var(--chat-text-muted, #888);
-}
-.stats-info {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-  padding: 8px 0;
-}
-.stat-item {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 12px;
-  color: var(--chat-text-muted, #888);
-}
-.current-file {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 12px;
-  color: var(--chat-text-muted, #888);
-  padding: 6px 8px;
-  background: var(--chat-muted, #2a2a2a);
-  border-radius: 4px;
-  width: 100%;
-  min-width: 0;
-}
-.file-path {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-}
-.action-buttons {
-  display: flex;
-  gap: 8px;
-}
-.action-buttons .edit-btn {
-  margin: 0;
-}
-.action-buttons .edit-btn:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.action-buttons .delete-btn {
-  color: #ef4444;
-}
-.action-buttons .delete-btn:hover:not(:disabled) {
-  color: #ef4444;
-}
-.spinning {
-  animation: spin 1s linear infinite;
-}
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-.spinning {
-  animation: spin 1s linear infinite;
-}
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-.indexing-settings .setting-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px 0;
-  border-bottom: 1px solid var(--chat-border, #333);
-}
-.indexing-settings .setting-item:last-child {
-  border-bottom: none;
-}
-.indexing-settings .setting-info {
-  flex: 1;
-  margin-right: 24px;
-  min-width: 0;
-}
-.indexing-settings .setting-label {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--chat-text, #fff);
-  margin-bottom: 4px;
-}
-.indexing-settings .setting-description {
-  font-size: 13px;
-  color: var(--chat-text-muted, #888);
-  line-height: 1.5;
-  margin-bottom: 0;
-}
-.link-btn {
-  display: inline;
-  padding: 0;
-  background: transparent;
-  border: none;
-  color: var(--chat-accent, #3b82f6);
-  cursor: pointer;
-  text-decoration: underline;
-  font-size: inherit;
-}
-.link-btn:hover {
-  color: var(--chat-accent-hover, #60a5fa);
-}
-.indexing-settings .setting-control {
-  flex-shrink: 0;
-}
-.edit-btn {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 6px 12px;
-  font-size: 13px;
-  font-weight: 500;
-  border: 1px solid var(--chat-border, #333);
-  border-radius: 6px;
-  background: transparent;
-  color: var(--chat-text, #fff);
-  cursor: pointer;
-  transition: all 0.15s;
-}
-.edit-btn:hover {
-  background: var(--chat-muted, #2a2a2a);
-  border-color: var(--chat-border, #444);
-}
-
-/* src/components/common/SettingsPanel.css */
-.settings-panel-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.7);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1000;
-}
-.settings-panel {
-  background: var(--chat-bg, #1e1e1e);
-  border: 1px solid var(--chat-border, #333);
-  border-radius: 12px;
-  width: 90%;
-  max-width: 900px;
-  height: 80vh;
-  max-height: 700px;
-  display: flex;
-  flex-direction: row;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
-  overflow: hidden;
-}
-.settings-sidebar {
-  width: 240px;
-  background: var(--chat-muted, #2a2a2a);
-  border-right: 1px solid var(--chat-border, #333);
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-}
-.sidebar-header {
-  display: flex;
-  align-items: center;
-  height: 50px;
-  padding: 0 16px;
-  border-bottom: 1px solid var(--chat-border, #333);
-}
-.sidebar-title {
-  margin: 0;
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--chat-text, #fff);
-  letter-spacing: 0.2px;
-  line-height: 1;
-}
-.sidebar-content {
-  flex: 1;
-  overflow-y: auto;
-  padding: 8px;
-}
-.sidebar-item {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  width: 100%;
-  padding: 10px 12px;
-  margin-bottom: 2px;
-  background: transparent;
-  border: none;
-  border-radius: 8px;
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--chat-text-muted, #888);
-  cursor: pointer;
-  transition: all 0.15s ease;
-  text-align: left;
-  position: relative;
-}
-.sidebar-item:hover {
-  background: rgba(255, 255, 255, 0.05);
-  color: var(--chat-text, #ccc);
-}
-.sidebar-item.active {
-  background: rgba(255, 255, 255, 0.1);
-  color: var(--chat-text, #fff);
-}
-.settings-content {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-.content-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 50px;
-  padding: 0 16px;
-  border-bottom: 1px solid var(--chat-border, #333);
-}
-.content-title {
-  margin: 0;
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--chat-text, #fff);
-  letter-spacing: 0.2px;
-  line-height: 1;
-}
-.close-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  padding: 0;
-  background: transparent;
-  border: none;
-  border-radius: 6px;
-  color: var(--chat-text-muted, #888);
-  cursor: pointer;
-  transition: all 0.15s;
-}
-.close-btn:hover {
-  background: var(--chat-muted, #2a2a2a);
-  color: var(--chat-text, #fff);
-}
-.content-body {
-  flex: 1;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  padding: 0 16px;
-}
-.setting-section {
-}
-.section-title {
-  font-size: 16px;
-  font-weight: 500;
-  color: var(--chat-text, #fff);
-  margin-bottom: 4px;
-}
-.section-description {
-  font-size: 13px;
-  color: var(--chat-text-muted, #888);
-  margin-bottom: 16px;
-}
-.setting-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px 0;
-  border-bottom: 1px solid var(--chat-border, #333);
-}
-.setting-item:last-child {
-  border-bottom: none;
-}
-.setting-info {
-  flex: 1;
-  margin-right: 24px;
-}
-.setting-label {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--chat-text, #fff);
-  margin-bottom: 4px;
-}
-.setting-description {
-  font-size: 13px;
-  color: var(--chat-text-muted, #888);
-  line-height: 1.5;
-}
-.setting-control {
-  flex-shrink: 0;
-}
-.dropdown-wrapper {
-}
-.dropdown-wrapper .dropdown-selector .selector-text {
-  max-width: none;
-  white-space: nowrap;
-}
-.toggle-switch {
-  position: relative;
-  display: inline-block;
-  width: 44px;
-  height: 24px;
-  cursor: pointer;
-}
-.toggle-switch input {
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-.toggle-slider {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: var(--chat-muted, #3c3c3c);
-  border-radius: 24px;
-  transition: all 0.2s;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-}
-.toggle-slider:before {
-  position: absolute;
-  content: "";
-  height: 18px;
-  width: 18px;
-  left: 3px;
-  top: 50%;
-  transform: translateY(-50%);
-  background-color: #fff;
-  border-radius: 50%;
-  transition: all 0.2s;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-}
-.toggle-switch input:checked + .toggle-slider {
-  background-color: rgb(153, 207, 140);
-  border-color: rgba(255, 255, 255, 0.2);
-}
-.toggle-switch input:checked + .toggle-slider:before {
-  transform: translate(20px, -50%);
-}
-.toggle-switch input:focus + .toggle-slider {
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
-}
-.setting-section-header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 16px 0 8px;
-  border-bottom: 1px solid var(--chat-border, #333);
-}
-.disable-all-btn {
-  flex-shrink: 0;
-  height: 32px;
-  padding: 0 12px;
-  border-radius: 8px;
-  border: 1px solid var(--chat-border, #333);
-  background: rgba(255, 255, 255, 0.06);
-  color: var(--chat-text, #fff);
-  font-size: 13px;
-  cursor: pointer;
-  transition: all 0.15s ease;
-}
-.disable-all-btn:hover {
-  background: rgba(255, 255, 255, 0.1);
-}
-.disable-all-btn:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.tools-list {
-  display: flex;
-  flex-direction: column;
-}
-.tool-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 14px 0;
-  border-bottom: 1px solid var(--chat-border, #333);
-}
-.tool-item:last-child {
-  border-bottom: none;
-}
-.tool-info {
-  flex: 1;
-  min-width: 0;
-}
-.tool-name {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--chat-text, #fff);
-  margin-bottom: 4px;
-  word-break: break-all;
-}
-.tool-description {
-  font-size: 13px;
-  color: var(--chat-text-muted, #888);
-  line-height: 1.5;
-  word-break: break-word;
-}
-.no-tools {
-  padding: 16px 0;
-  color: var(--chat-text, #fff);
-}
-.no-tools-hint {
-  font-size: 12px;
-  color: var(--chat-text-muted, #888);
-  margin-top: 8px;
-}
-.skill-actions {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex-shrink: 0;
-}
-.skill-action-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  border: none;
-  background: transparent;
-  color: var(--chat-text-muted, #888);
-  border-radius: 4px;
-  cursor: pointer;
-}
-.skill-action-btn:hover {
-  background: var(--chat-border, #333);
-  color: var(--chat-text, #fff);
-}
-.skill-action-delete:hover {
-  color: var(--chat-error, #ef4444);
-}
-.skill-badge {
-  display: inline-block;
-  margin-left: 6px;
-  padding: 1px 6px;
-  font-size: 11px;
-  color: var(--chat-text-muted, #888);
-  background: var(--chat-border, #333);
-  border-radius: 4px;
-}

package/dist/index.d.ts

@@ -625,8 +625,6 @@ interface ChatHeaderProps {
     onCopyId?: () => void;
     /** 反馈 */
     onFeedback?: () => void;
-    /** Agent 设置 */
-    onSettings?: () => void;
 }
 declare const ChatHeader: FC<ChatHeaderProps>;