@@ -7929,3 +7929,186 @@ code.ctx-meta-chip-value {
79297929 width : 16px ;
79307930 border-radius : 3px ;
79317931}
7932+
7933+ /* ===================================
7934+ Path Selection Modal
7935+ =================================== */
7936+
7937+ .path-modal-overlay {
7938+ position : fixed;
7939+ top : 0 ;
7940+ left : 0 ;
7941+ right : 0 ;
7942+ bottom : 0 ;
7943+ background : rgba (0 , 0 , 0 , 0.5 );
7944+ display : flex;
7945+ align-items : center;
7946+ justify-content : center;
7947+ z-index : 1000 ;
7948+ backdrop-filter : blur (2px );
7949+ }
7950+
7951+ .path-modal {
7952+ background : hsl (var (--card ));
7953+ border : 1px solid hsl (var (--border ));
7954+ border-radius : 0.75rem ;
7955+ width : 90% ;
7956+ max-width : 480px ;
7957+ box-shadow : 0 20px 40px rgba (0 , 0 , 0 , 0.2 );
7958+ animation : modal-enter 0.2s ease-out;
7959+ }
7960+
7961+ @keyframes modal-enter {
7962+ from {
7963+ opacity : 0 ;
7964+ transform : scale (0.95 ) translateY (-10px );
7965+ }
7966+ to {
7967+ opacity : 1 ;
7968+ transform : scale (1 ) translateY (0 );
7969+ }
7970+ }
7971+
7972+ .path-modal-header {
7973+ display : flex;
7974+ align-items : center;
7975+ gap : 0.75rem ;
7976+ padding : 1.25rem 1.5rem ;
7977+ border-bottom : 1px solid hsl (var (--border ));
7978+ }
7979+
7980+ .path-modal-icon {
7981+ font-size : 1.5rem ;
7982+ color : hsl (var (--primary ));
7983+ }
7984+
7985+ .path-modal-header h3 {
7986+ margin : 0 ;
7987+ font-size : 1.1rem ;
7988+ font-weight : 600 ;
7989+ color : hsl (var (--foreground ));
7990+ }
7991+
7992+ .path-modal-body {
7993+ padding : 1.5rem ;
7994+ }
7995+
7996+ .path-modal-body p {
7997+ margin : 0 0 1rem ;
7998+ color : hsl (var (--muted-foreground ));
7999+ font-size : 0.9rem ;
8000+ line-height : 1.5 ;
8001+ }
8002+
8003+ .path-modal-command {
8004+ display : flex;
8005+ align-items : center;
8006+ gap : 0.75rem ;
8007+ background : hsl (var (--muted ));
8008+ padding : 0.75rem 1rem ;
8009+ border-radius : 0.5rem ;
8010+ font-family : var (--font-mono );
8011+ }
8012+
8013+ .path-modal-command code {
8014+ flex : 1 ;
8015+ font-size : 0.85rem ;
8016+ color : hsl (var (--foreground ));
8017+ word-break : break-all;
8018+ }
8019+
8020+ .path-modal-command .copy-btn {
8021+ display : flex;
8022+ align-items : center;
8023+ gap : 0.375rem ;
8024+ padding : 0.375rem 0.75rem ;
8025+ background : hsl (var (--primary ));
8026+ color : white;
8027+ border : none;
8028+ border-radius : 0.375rem ;
8029+ font-size : 0.8rem ;
8030+ cursor : pointer;
8031+ transition : all 0.15s ;
8032+ white-space : nowrap;
8033+ }
8034+
8035+ .path-modal-command .copy-btn : hover {
8036+ background : hsl (var (--primary ) / 0.9 );
8037+ }
8038+
8039+ .path-modal-note {
8040+ font-size : 0.85rem !important ;
8041+ color : hsl (var (--muted-foreground )) !important ;
8042+ }
8043+
8044+ .path-modal-note code {
8045+ background : hsl (var (--muted ));
8046+ padding : 0.125rem 0.375rem ;
8047+ border-radius : 0.25rem ;
8048+ font-size : 0.8rem ;
8049+ }
8050+
8051+ .path-modal-input {
8052+ width : 100% ;
8053+ padding : 0.75rem 1rem ;
8054+ background : hsl (var (--background ));
8055+ border : 1px solid hsl (var (--border ));
8056+ border-radius : 0.5rem ;
8057+ font-size : 0.9rem ;
8058+ color : hsl (var (--foreground ));
8059+ outline : none;
8060+ transition : border-color 0.15s ;
8061+ }
8062+
8063+ .path-modal-input : focus {
8064+ border-color : hsl (var (--primary ));
8065+ }
8066+
8067+ .path-modal-input ::placeholder {
8068+ color : hsl (var (--muted-foreground ));
8069+ }
8070+
8071+ .path-modal-footer {
8072+ display : flex;
8073+ justify-content : flex-end;
8074+ gap : 0.75rem ;
8075+ padding : 1rem 1.5rem ;
8076+ border-top : 1px solid hsl (var (--border ));
8077+ background : hsl (var (--muted ) / 0.3 );
8078+ border-radius : 0 0 0.75rem 0.75rem ;
8079+ }
8080+
8081+ .path-modal-close {
8082+ padding : 0.5rem 1.25rem ;
8083+ background : hsl (var (--muted ));
8084+ color : hsl (var (--foreground ));
8085+ border : none;
8086+ border-radius : 0.375rem ;
8087+ font-size : 0.875rem ;
8088+ cursor : pointer;
8089+ transition : all 0.15s ;
8090+ }
8091+
8092+ .path-modal-close : hover {
8093+ background : hsl (var (--hover ));
8094+ }
8095+
8096+ .path-modal-confirm {
8097+ padding : 0.5rem 1.25rem ;
8098+ background : hsl (var (--primary ));
8099+ color : white;
8100+ border : none;
8101+ border-radius : 0.375rem ;
8102+ font-size : 0.875rem ;
8103+ cursor : pointer;
8104+ transition : all 0.15s ;
8105+ }
8106+
8107+ .path-modal-confirm : hover {
8108+ background : hsl (var (--primary ) / 0.9 );
8109+ }
8110+
8111+ .path-modal-confirm : disabled {
8112+ opacity : 0.5 ;
8113+ cursor : not-allowed;
8114+ }
0 commit comments