임베디드 채팅 모드로 도구 모음 및 검색 변경 적용
ChatBox는 항상 ChatTool를 통해 임베디드 모드에서 렌더링됩니다. 이동하기 검색 필드와 스크롤-to-bottom 버튼으로 도구 모음을 호출 임베디드 섹션으로 변경은 도구 창에서 볼 수 있습니다.
콜 컨트롤, 라이브 검색, 스마트 자동 스크롤과 채팅 툴바 추가
헤드러에서 50%의 라이터로 전용 툴바 행을 이동 배경. 경기와 자동 스크롤을 강조하는 라이브 검색 필드를 추가 가장 최근의 결과. 검색을 취소하는 스크롤 버튼을 추가하십시오. 사용자가 스크롤 할 때 다음 중지하는 스마트 자동 스크롤 구현 그리고 아래쪽으로 스크롤 할 때 이력서.
Softphone dial pad shorter, chat call controls, hexhead avatars, calc light theme
- Reduce softphone dialpad button padding from 12px to 9px (6px shorter) - Add call controls toolbar (audio, video, screen share) to ChatBox in embedded mode ...
Data-chatbox-root에서 HexHeadGroup selectors를 data-tool-window로 업데이트하십시오
도구 창 시스템은 ToolWindowShell에 data-tool-window를 사용하지만, HexHeadGroup은 여전히 풋프린트 검출을 위해 data-chatbox-root를 쿼리했습니다. 이것은 hexheads가 벌집을 끊는 어떤 열린 공구 창을 볼 수 없습니다 정렬, 랩 - 라...
도구 창 치수 및 refine UI 정의
- 이제 모든 도구는 균일 한 320x650 크기를 공유합니다 (소형 25 %, 기타 일치) - UI에서 프로그래머 및 그래프 계산기 모드 제거 (components 유지) - Chat hexheads는 아이콘 변형 대신 사용자 사진과 avatar 변형을 사용합니다. - 도구 창 바닥 ...
ScientificMode 계산기 구성
라이브 결과 미리보기를 가진 Expression 기반 과학 계산기. 지원 trig (sin/cos/tan + 역), 로그/ln의 힘 (x2, x3, x^y, ex, 10x), 루트 (√, ), Factorial (n!), 상수 (π, e, φ), 모체, DEG/RAD 토글 및 M+/M...
도구로 채팅 등록
구성 요소로 ChatTool를 사용하여 id 'chat'과 채팅 도구 정의를 등록, ChatBubbleIcon, indigo gradient hex 머리 스타일, 320x360 기본 크기 및 무제한 인스턴스.
ChatBox용 임베디드 모드로 ChatTool 어댑터 추가
- 도구 시스템에 ChatBox를 감싸는 ChatTool 어댑터 만들기 - ChatTool는 avatar fetching 및 세션 생성을 처리합니다 (이전 ChatDock에 의해 수행) - ChatBoxProps에 임베디드 버팀목을 추가하십시오; true, Skip window chro...
수정 계획 검토 문제 - 채팅 dedup, message-received 핸들러
OpenTool에 userId deduplication을 추가하여 중복 채팅 창을 방지합니다. 채팅 추가:message-received listener 에 ChatNotification 듣기 자동 복원을 최소화했습니다. 나머지 git 추가 수정 -A 사용.
도구 창 시스템의 구현 계획 추가
주소 검토 결과 : hexchat : 이민을 열고, 통화 시작 청취자, SVG gradient ForeignObject 접근, 가변폭 도크 positioning, Embedded ChatBox 애니메이션 스트립핑, 완전한 통화 테이블, ProgrammerMode의 ASCII 테이블, 죽...
Spec 테이블에 있는 contradictory migration 언어 수정
제거 "(또는 얇은 래퍼로 유지)" 기존 파일 테이블에서 헤지 전반적 마이그레이션 전략과 일치합니다.
도구 창 시스템에 대한 주소 spec 검토 발견
ToolComponentProps 인터페이스 추가, 이벤트 세부 유형, 채팅 마이그레이션 전략, HexHead 클릭 행동, 소프트 폰 폭 sourcing, 계산기 키보드 초점 관리, 표현 파서 접근, minSize 지원, 애니메이션 상태 및 AuthenticatedToolWrapper ...
도구 창 시스템 디자인 spec 추가
채팅 창을 일반 플러그인 기반 도구 창으로 재구성하는 Spec ToolRegistry, 계산기 도구 및 softphone 추출 시스템.
대화 표시 및 HexHead 척추에서 편집 vs Distinguish
- WebSocket 태핑 프로토콜을 확장하여 isEditing flag를 포함 - HexHead는 다른 사용자가 입력 할 때 시계 방향으로 회전합니다. - Chat Indicator text shows "is typing..." vs "is 편집..." 따라 - sendTypingIn...
채팅 UI 폴란드어 - 입력 내부의 기본 색상, 이모티콘, 라운드 보내 btn, hex 상태 색상
- 부서 탭 및 chatbox 헤더 사용 --컬러-primary 대신 hardcoded 녹색 - Emoji Picker 버튼은 채팅 입력 필드가 오른쪽 정렬 - 보내기 버튼은 flexShrink를 얻게됩니다.0은 타원형으로 스징을 방지하기 위해 - HexHead 국경: 온라인으로 녹색,...
채팅 시스템 개선 - 편집 스핀, hex 마스크 교체, 색상, 최대 분화
- 편집(backspace/delete) 대 입력을 감지하여 HexHead spin을 트리거합니다. - 태핑 / 편집 중 경계와 함께 돌진 헥스 클립 마스크 (아바타는 강직히 유지) - 변경 부서 제목 헤더 및 chatbox 제목 바에 #22c55e (온라인 녹색) - 극대화된 상태로 ...
지속적인 채팅, 이모티콘 피커 및 UI 개선을 통해 채팅 시스템을 강화
- hexhead에 극소화될 때 ChatBox를 거치지 않도록 메시지가 복원되지 않습니다. - 2s idle timeout를 가진 HexHead 회전 애니메이션에 typing/editing 지시자를 연결하십시오 - 검색 텍스트 박스 경계 (rgba (148, 163, 184, 0.6)와...
새로운 OTK 세션과 일치할 때 *** 세션이 유효하지 않습니다
유효 경로는 Redis에서 기존 *** 세션을 삭제했습니다. OTK를 찾고 하기 전에. OTK가 같은 세션에 점유 할 때, 검색은 "찾지 못하거나 만료되지 않습니다." 현재 위치 ID가 새것과 다릅니다.
패스 *** Cross-subdomain WebSocket auth에 대한 쿼리 파라마운트로 ID
Cross-domain 쿠키에 의존하지 않는 대신 subdomains), *** 쿠키 클라이언트 측을 읽고 쿼리로 전달 media.kamocrm.com 웹소켓에 연결할 때 매개 변수.
.kamocrm.com 으로 "fix: set *** 쿠키 도메인을 .kamocrm.com 으로 복사
이 뒤틀림 ***************
.kamocrm.com 으로 설정 *** 쿠키 도메인 .kamocrm.com 을 cross-subdomain sharing
*** 쿠키는 명시된 도메인없이 설정되었습니다. 기본적으로 내부.kamocrm.com. 이 쿠키를 방지하여 전송 webSocket handhake 도중 media.kamocrm.com, 모든 WS 연결을 일으키는 원인이 되는 "No valid *** Cookies found"로 거부됩니...
채팅 메시징, 존재 추적 및 자동 오픈 문제 해결
- 고유의 NATS 구독을 retrying하여 수신되지 않는 메시지 수정 "Consumer already bound" 오류가 발생했을 때 소비자 이름 - STOMP 연결에 즉각적인 심박수를 전송하여 오프라인 상태를 수정 re-fetching 연결 후에 대량 존재 - 직접 sessionG...
MUI 아이콘 유형 오류를 해결하고 단일 STOMP WebSocket 연결을 공유
- @mui/icons-material에 대한 tsconfig 경로 override를 추가하여 깨진 ESM을 우회합니다. v7.3.1에 있는 수출은 non-existent에 점 ./esm/index.d.ts - ChatWebSocketContext를 작성하여 앱을 통해 단일 STOMP ...
Web Audio API로 채팅 사운드 효과를 추가
Create useChatSounds Hook with 게으른 AudioContext 초기화 브라우저 autoplay 준수. Wire outgoing and typing sound into ChatBox. notificationsounds.com (CC Attribution)에서 로열티...
채팅 메시지 버블에 스케일 팝 애니메이션 추가
새로운 메시지는 봄 기반 스케일 팝업 효과와 함께 채팅에로드 된 역사 메시지가 즉시 렌더링됩니다. 시스템 메시지 수정되지 않습니다. Respects는-reduced-motion 접근성 설정을 선호합니다.