@e-llm-studio/instant-learning 0.0.147 → 0.0.148

package/dist/features/IL-OTJ/_components/ILPopup.styles.js

@@ -1,2 +1,2 @@
-var n="\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\n  }\n\n  .form-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.78rem;\n    border-bottom: 1px solid #e5e7eb;\n    color: #0F172A;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 12px;\n    position: sticky;\n    top: 0;\n    z-index: 10;\n  }\n\n  .form-header svg {\n    cursor: pointer;\n    transition: opacity 0.2s ease;\n  }\n\n  .form-header svg:hover {\n    opacity: 0.7;\n  }\n\n  .il-popup-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n  \n  .sections-space {\n    display: grid;\n    gap: 1rem;\n    margin-bottom: 2rem;\n  }\n\n  .section-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    background-color: white;\n    overflow: hidden;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n  }\n\n  .section-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    transition: all 150ms ease-in-out;\n    background-color: white;\n  }\n\n  .section-header-title {\n    display: flex;\n    align-items: center;\n    font-weight: 500;\n    font-size: 14px;\n    color: #19213D;\n    transition: color 150ms ease-in-out;\n  }\n\n  .section-chevron {\n    width: 24px;\n    height: 24px;\n    color: #19213D;\n    transition: transform 300ms ease-in-out, color 300ms ease-in-out;\n  }\n\n  .section-chevron.open {\n    transform: rotate(180deg);\n  }\n\n  .section-divider {\n    border: none;\n    border-top: 2px solid #F0F2F5;\n  }\n\n  .section-content {\n    animation: slideInFromTop 200ms ease-in-out;\n  }\n\n  .textarea-wrapper {\n  }\n\n  .textarea {\n    width: 100%;\n    padding: 20px;\n    border: 1px solid #d1d5db;\n    border-radius: 0.675rem;\n    resize: none;\n    font-size: .875rem;\n    font-weight: 400;\n    font-family: inherit;\n    transition: border-color 150ms ease-in-out;\n  }\n\n  .textarea {\n    scrollbar-width: none; /* Firefox */\n    -ms-overflow-style: none;  /* IE/Edge */\n  }\n\n  .textarea::-webkit-scrollbar {\n    display: none; /* Chrome/Safari */\n  }\n\n  .condition-wrapper {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .condition-item {\n    display: flex;\n    align-items: start;\n    justify-content: space-between;\n    background-color: white;\n    border-radius: 0.675rem;\n    transition: border-color 0.2s ease;\n    gap: 8px;\n  }\n\n  .condition-left {\n    display: flex;\n    align-items: flex-start;\n    flex: 1;\n  }\n\n  .condition-index {\n    font-size: 14px;\n    color: #64748B;\n    margin-right: 8px;\n    min-width: 20px;\n    padding-top: 2px;\n  }\n\n  .condition-text {\n    flex: 1;\n    border: none;\n    font-size: 0.875rem;\n    color: #1e293b;\n    background: transparent;\n    resize: none; \n    overflow: hidden;\n    line-height: 1.5;\n    padding: 0;\n    display: block;\n    width: 100%;\n    white-space: pre-wrap;     \n    word-wrap: break-word;    \n    overflow-wrap: break-word;\n  }\n\n  .condition-text:focus {\n    outline: none;\n  }\n\n  .action-buttons {\n    display: flex;\n    gap: 8px;\n    margin-top: 2px;\n  }\n\n  .btn-icon {\n    background: transparent !important;\n    border: 1px solid #ccc;\n    cursor: pointer;\n    padding: 0.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    transition: background-color 0.2s;\n  }\n\n  .btn-icon:hover {\n    background-color: #f9fafb !important;\n  }\n\n  .btn-save { color: #22c55e; }    /* Green Check */\n  .btn-cancel { color: #ef4444; }  /* Red Cross */\n  .btn-edit { color: #64748B; }    /* Grey Pencil */\n  .btn-delete { color: #64748B; }  /* Grey Trash */\n\n  .btn-delete:hover { color: #ef4444; }\n\n  .condition-add {\n    display: flex;\n    align-items: center;\n    padding: 8px 0;\n    cursor: pointer;\n    color: #2563EB;\n    width: fit-content;\n  }\n\n  .condition-remove-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: #9ca3af;\n    transition: color 200ms ease-in-out;\n    padding: 0;\n    display: flex;\n    align-items: center;\n  }\n\n  .condition-remove-btn:hover {\n    color: #ef4444;\n  }\n\n  .condition-add-icon {\n    width: 20px;\n    height: 20px;\n    margin-right: 8px;\n  }\n\n  .condition-add-text {\n    font-weight: 500;\n    font-size: 0.875rem;\n  }\n\n  .scope-content {\n    display: flex;\n     justify-content: space-between;\n    gap: 16px;\n  }\n\n  @media (min-width: 640px) {\n    .scope-content {\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  .form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .form-label {\n    display: block;\n    font-size: 14px;\n    font-weight: 400;\n    color: #666F8D;\n  }\n  .readOnly {\n    color: #9CA3AF;\n    cursor: not-allowed;\n}\n\n  .dropdown {\n    width: 200px;\n    padding: 7px 10.5px 7px 10.5px;\n    border: 1px solid #64748B;\n    color: #64748B;\n    border-radius: 8px;\n    background-color: white;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n    transition: all 150ms ease-in-out;\n    font-size: 0.875rem;\n\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748B'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    \n    background-position: calc(100% - 12px) center; \n    background-size: 16px;\n  }\n  .checkbox-group {\n    display: flex;\n    gap: 24px;\n    align-items: center;\n  }\n\n  .checkbox-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n  }\n\n.checkbox-input {\n  appearance: none;\n  -webkit-appearance: none;\n  \n  width: 16px;\n  height: 16px;\n  \n  border: 1px solid #D1D5DB; \n  border-radius: 4px;        \n  background-color: white;   \n  cursor: pointer;\n  position: relative;\n  display: grid;\n  place-content: center;\n}\n\n.checkbox-input:checked {\n  background-color: #2563EB;\n  border-color: #2563EB;\n}\n\n.checkbox-input:checked::before {\n  content: \"\";\n  width: 10px;\n  height: 10px;\n  clipPath: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n  background-color: white;\n}\n\n  .checkbox-label {\n    font-size: 0.875rem;\n    color: #374151;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .config-content {\n    padding: 8px;\n  }\n\n  .config-content-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 16px 0;\n  }\n\n  .separation-row-container {\n    background: #F7F8FA99;\n    border: 1px solid #F5F6F7;\n    border-radius: 8px;\n    padding: 10px 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .separation-header-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n  }\n\n  .separation-label {\n    font-size: 16px;\n    font-weight: 500;\n    color: #19213D;\n  }\n\n  .separation-controls-row {\n    display: flex;\n    align-items: center;\n  }\n\n  .duration-input-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .separation-input:disabled {\n    background: transparent;\n    border-color: transparent;\n    color: #64748B;\n  }\n\n  .separation-unit {\n    font-size: 16px;\n    color: #64748B;\n  }\n\n  .toggle-switch {\n    position: relative;\n    display: inline-flex;\n    height: 24px;\n    width: 44px;\n    flex-shrink: 0;\n    cursor: pointer;\n    border-radius: 9999px;\n    border: 2px solid transparent;\n    transition: background-color 200ms ease-in-out;\n    background-color: #e5e7eb;\n    appearance: none;\n    padding: 0;\n  }\n\n  .toggle-switch.enabled {\n    background-color: #2563eb;\n  }\n\n  .toggle-switch::after {\n    content: '';\n    position: absolute;\n    pointer-events: none;\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n    transform: translateX(2px);\n    border-radius: 9999px;\n    background-color: white;\n    box-shadow: 0 0 0 0;\n    transition: transform 200ms ease-in-out;\n  }\n\n  .toggle-switch.enabled::after {\n    transform: translateX(22px);\n  }\n\n  .separation-input {\n    width: 48px;\n    text-align: center;\n    padding: 4px;\n    border: 1px solid #d1d5db;\n    border-radius: 6px;\n    font-size: 0.875rem;\n  }\n\n  .separation-unit {\n    font-size: 0.875rem;\n    color: #6b7280;\n  }\n\n  .code-toggle-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 12px;\n    padding-bottom: 12px;\n  }\n\n  .config-section-divider {\n    padding-top: 12px;\n  }\n\n  .save-button-container {\n    background-color: white;\n    max-width: fit-content;\n    margin-left: auto;\n    padding: 16px;\n  }\n\n  .save-button {\n    width: 100%;\n    background-color: #2563eb;\n    color: white;\n    padding: 8.25px 12.25px;\n    border-radius: 8px;\n    border: none;\n    cursor: pointer;\n    transition: background-color 150ms ease-in-out;\n    font-size: 0.875rem;\n  }\n\n  .save-button:hover {\n    background-color: #1055e8;\n  }\n\n  .save-button:active {\n    background-color: #2563eb;\n  }\n\n  .save-button:disabled {\n    background-color: #93c5fd; \n    cursor: not-allowed;\n  }\n    \n  .traffic-manager-template {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .no-scrollbar::-webkit-scrollbar {\n      display: none; /* Chrome, Safari, and Opera */\n  }\n\n  .no-scrollbar {\n      -ms-overflow-style: none;  /* IE and Edge */\n      scrollbar-width: none;  /* Firefox */\n  }\n  @keyframes scrollToBottom {\n    0% { transform: translateY(0px); }\n    50% { transform: translateY(10px); }\n    100% { transform: translateY(0px); }\n  }\n\n  /* The animation class */\n  .animate-scrollToBottom {\n    animation: scrollToBottom 1s infinite ease-in-out;\n  }\n    /* Accordion stylings */\n  .accordion-container {\n    width: 100%;\n    border: 1px solid #ccc;\n    border-radius: 8px;\n    background-color: #ffffff;\n    overflow: hidden;\n  }\n\n  .accordion-header {\n    padding: 12px 16px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .accordion-title {\n    margin: 0;\n    font-size: 12px;\n    font-weight: 500;\n    color: #19213d;\n  }\n\n  .accordion-content {\n    padding: 0 24px 24px 24px;\n  }\n\n";export{n as componentStyles};
+var n="\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\n  }\n\n  .form-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.78rem;\n    border-bottom: 1px solid #e5e7eb;\n    color: #0F172A;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 12px;\n    position: sticky;\n    top: 0;\n    z-index: 10;\n  }\n\n  .form-header svg {\n    cursor: pointer;\n    transition: opacity 0.2s ease;\n  }\n\n  .form-header svg:hover {\n    opacity: 0.7;\n  }\n\n  .il-popup-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n  \n  .sections-space {\n    display: grid;\n    gap: 1rem;\n    margin-bottom: 2rem;\n  }\n\n  .section-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    background-color: white;\n    overflow: hidden;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n  }\n\n  .section-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    transition: all 150ms ease-in-out;\n    background-color: white;\n  }\n\n  .section-header-title {\n    display: flex;\n    align-items: center;\n    font-weight: 500;\n    font-size: 14px;\n    color: #19213D;\n    transition: color 150ms ease-in-out;\n  }\n\n  .section-chevron {\n    width: 24px;\n    height: 24px;\n    color: #19213D;\n    transition: transform 300ms ease-in-out, color 300ms ease-in-out;\n  }\n\n  .section-chevron.open {\n    transform: rotate(180deg);\n  }\n\n  .section-divider {\n    border: none;\n    border-top: 2px solid #F0F2F5;\n  }\n\n  .section-content {\n    animation: slideInFromTop 200ms ease-in-out;\n  }\n\n  .textarea-wrapper {\n  }\n\n  .textarea {\n    width: 100%;\n    padding: 20px;\n    border: 1px solid #d1d5db;\n    border-radius: 0.675rem;\n    resize: none;\n    font-size: .875rem;\n    font-weight: 400;\n    font-family: inherit;\n    transition: border-color 150ms ease-in-out;\n  }\n\n  .textarea {\n    scrollbar-width: none; /* Firefox */\n    -ms-overflow-style: none;  /* IE/Edge */\n  }\n\n  .textarea::-webkit-scrollbar {\n    display: none; /* Chrome/Safari */\n  }\n\n  .condition-wrapper {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .condition-item {\n    display: flex;\n    align-items: start;\n    justify-content: space-between;\n    background-color: white;\n    border-radius: 0.675rem;\n    transition: border-color 0.2s ease;\n    gap: 8px;\n  }\n\n  .condition-left {\n    display: flex;\n    align-items: flex-start;\n    flex: 1;\n  }\n\n  .condition-index {\n    font-size: 14px;\n    color: #64748B;\n    margin-right: 8px;\n    min-width: 20px;\n    padding-top: 2px;\n  }\n\n  .condition-text {\n    flex: 1;\n    border: none;\n    font-size: 0.875rem;\n    color: #1e293b;\n    background: transparent;\n    resize: none; \n    overflow: hidden;\n    line-height: 1.5;\n    padding: 0;\n    display: block;\n    width: 100%;\n    white-space: pre-wrap;     \n    word-wrap: break-word;    \n    overflow-wrap: break-word;\n  }\n\n  .condition-text:focus {\n    outline: none;\n  }\n\n  .action-buttons {\n    display: flex;\n    gap: 8px;\n    margin-top: 2px;\n  }\n\n  .btn-icon {\n    background: transparent !important;\n    border: 1px solid #ccc;\n    cursor: pointer;\n    padding: 0.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    transition: background-color 0.2s;\n  }\n\n  .btn-icon:hover {\n    background-color: #f9fafb !important;\n  }\n\n  .btn-save { color: #22c55e; }    /* Green Check */\n  .btn-cancel { color: #ef4444; }  /* Red Cross */\n  .btn-edit { color: #64748B; }    /* Grey Pencil */\n  .btn-delete { color: #64748B; }  /* Grey Trash */\n\n  .btn-delete:hover { color: #ef4444; }\n\n  .condition-add {\n    display: flex;\n    align-items: center;\n    padding: 8px 0;\n    cursor: pointer;\n    color: #2563EB;\n    width: fit-content;\n  }\n\n  .condition-remove-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: #9ca3af;\n    transition: color 200ms ease-in-out;\n    padding: 0;\n    display: flex;\n    align-items: center;\n  }\n\n  .condition-remove-btn:hover {\n    color: #ef4444;\n  }\n\n  .condition-add-icon {\n    width: 20px;\n    height: 20px;\n    margin-right: 8px;\n  }\n\n  .condition-add-text {\n    font-weight: 500;\n    font-size: 0.875rem;\n  }\n\n  .scope-content {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  @media (min-width: 640px) {\n    .scope-content {\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  .form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .form-label {\n    display: block;\n    font-size: 14px;\n    font-weight: 400;\n    color: #666F8D;\n  }\n\n  .dropdown {\n    width: 200px;\n    padding: 7px 10.5px 7px 10.5px;\n    border: 1px solid #64748B;\n    color: #64748B;\n    border-radius: 8px;\n    background-color: white;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n    transition: all 150ms ease-in-out;\n    font-size: 0.875rem;\n\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748B'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    \n    background-position: calc(100% - 12px) center; \n    background-size: 16px;\n  }\n  .checkbox-group {\n    display: flex;\n    gap: 24px;\n    align-items: center;\n  }\n\n  .checkbox-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n  }\n\n.checkbox-input {\n  appearance: none;\n  -webkit-appearance: none;\n  \n  width: 16px;\n  height: 16px;\n  \n  border: 1px solid #D1D5DB; \n  border-radius: 4px;        \n  background-color: white;   \n  cursor: pointer;\n  position: relative;\n  display: grid;\n  place-content: center;\n}\n\n.checkbox-input:checked {\n  background-color: #2563EB;\n  border-color: #2563EB;\n}\n\n.checkbox-input:checked::before {\n  content: \"\";\n  width: 10px;\n  height: 10px;\n  clipPath: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n  background-color: white;\n}\n\n  .checkbox-label {\n    font-size: 0.875rem;\n    color: #374151;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .config-content {\n    padding: 8px;\n  }\n\n  .config-content-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 16px 0;\n  }\n\n  .separation-row-container {\n    background: #F7F8FA99;\n    border: 1px solid #F5F6F7;\n    border-radius: 8px;\n    padding: 10px 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .separation-header-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n  }\n\n  .separation-label {\n    font-size: 16px;\n    font-weight: 500;\n    color: #19213D;\n  }\n\n  .separation-controls-row {\n    display: flex;\n    align-items: center;\n  }\n\n  .duration-input-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .separation-input:disabled {\n    background: transparent;\n    border-color: transparent;\n    color: #64748B;\n  }\n\n  .separation-unit {\n    font-size: 16px;\n    color: #64748B;\n  }\n\n  .toggle-switch {\n    position: relative;\n    display: inline-flex;\n    height: 24px;\n    width: 44px;\n    flex-shrink: 0;\n    cursor: pointer;\n    border-radius: 9999px;\n    border: 2px solid transparent;\n    transition: background-color 200ms ease-in-out;\n    background-color: #e5e7eb;\n    appearance: none;\n    padding: 0;\n  }\n\n  .toggle-switch.enabled {\n    background-color: #2563eb;\n  }\n\n  .toggle-switch::after {\n    content: '';\n    position: absolute;\n    pointer-events: none;\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n    transform: translateX(2px);\n    border-radius: 9999px;\n    background-color: white;\n    box-shadow: 0 0 0 0;\n    transition: transform 200ms ease-in-out;\n  }\n\n  .toggle-switch.enabled::after {\n    transform: translateX(22px);\n  }\n\n  .separation-input {\n    width: 48px;\n    text-align: center;\n    padding: 4px;\n    border: 1px solid #d1d5db;\n    border-radius: 6px;\n    font-size: 0.875rem;\n  }\n\n  .separation-unit {\n    font-size: 0.875rem;\n    color: #6b7280;\n  }\n\n  .code-toggle-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 12px;\n    padding-bottom: 12px;\n  }\n\n  .config-section-divider {\n    padding-top: 12px;\n  }\n\n  .save-button-container {\n    background-color: white;\n    max-width: fit-content;\n    margin-left: auto;\n    padding: 16px;\n  }\n\n  .save-button {\n    width: 100%;\n    background-color: #2563eb;\n    color: white;\n    padding: 8.25px 12.25px;\n    border-radius: 8px;\n    border: none;\n    cursor: pointer;\n    transition: background-color 150ms ease-in-out;\n    font-size: 0.875rem;\n  }\n\n  .save-button:hover {\n    background-color: #1055e8;\n  }\n\n  .save-button:active {\n    background-color: #2563eb;\n  }\n\n  .save-button:disabled {\n    background-color: #93c5fd; \n    cursor: not-allowed;\n  }\n    \n  .traffic-manager-template {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .no-scrollbar::-webkit-scrollbar {\n      display: none; /* Chrome, Safari, and Opera */\n  }\n\n  .no-scrollbar {\n      -ms-overflow-style: none;  /* IE and Edge */\n      scrollbar-width: none;  /* Firefox */\n  }\n  @keyframes scrollToBottom {\n    0% { transform: translateY(0px); }\n    50% { transform: translateY(10px); }\n    100% { transform: translateY(0px); }\n  }\n\n  /* The animation class */\n  .animate-scrollToBottom {\n    animation: scrollToBottom 1s infinite ease-in-out;\n  }\n\n";export{n as componentStyles};
 //# sourceMappingURL=ILPopup.styles.js.map

package/dist/features/IL-OTJ/_components/MessageRendering/ClickableChatComponents.js

@@ -1,2 +1,2 @@
-import{__assign as e,__rest as r,__awaiter as n,__generator as t}from"../../../../node_modules/tslib/tslib.es6.mjs.js";import{jsxs as o,jsx as i,Fragment as l}from"react/jsx-runtime";import{useState as a}from"react";import{extractTextFromChildren as s}from"../../helpers/utils.js";import{TickIcon as d}from"../_svg/TickIcon.js";import{autoGeneratePrompt as c}from"../ChatComponents/ChatComponent.js";var f=function(r){var n=r.content,t=function(e){var r=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),t=new RegExp("<".concat(r,">([\\s\\S]*?)<\\/").concat(r,">"),"i"),o=n.match(t);return o?o[1].trim():"*No ".concat(e," tag found.*")},l=t("reasoning_new"),a=t("proposed_rule"),s=t("wta_new"),d=t("wnta_new");return o("div",e({style:{padding:"16px 16px",maxWidth:"100%",border:"1px solid #A78BFA",borderRadius:"8px",backgroundColor:"#F6F4FF"}},{children:[i("div",e({style:{color:"#4B5563",fontSize:"1rem",lineHeight:"1.5rem",marginBottom:"1rem",fontFamily:"inherit",maxWidth:"90%"}},{children:l})),o("div",e({style:{border:"1px solid #ddd",borderRadius:"8px",padding:"16px",backgroundColor:"#FFFFFF",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.05)"}},{children:[o("div",e({style:{paddingLeft:"12px",marginBottom:"12px",fontFamily:"inherit"}},{children:[i("div",e({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"Proposed Rule"})),i("div",e({style:{fontSize:"0.95rem",color:"#374151",fontFamily:"inherit"}},{children:a}))]})),o("div",e({style:{marginBottom:"12px",paddingLeft:"12px",fontFamily:"inherit"}},{children:[i("div",e({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When to apply"})),i("div",e({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:s}))]})),o("div",e({style:{paddingLeft:"12px",fontFamily:"inherit"}},{children:[i("div",e({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When NOT to apply"})),i("div",e({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:d}))]}))]}))]}))},p=function(r){var n=r.label,t=r.onToggle,l=r.isSelected,a=r.disabled;return o("div",e({style:{display:"inline-flex",alignItems:"center",cursor:a?"not-allowed":"pointer",margin:"8px 24px 8px 0",userSelect:"none",fontFamily:"Plus Jakarta Sans, sans-serif",fontSize:"14px",color:a?"#9ca3af":"#000000de",verticalAlign:"middle",opacity:a&&!l?.6:1},onClick:function(){return!a&&t(n,!l)}},{children:[i("div",e({style:{width:"18px",height:"18px",borderRadius:"4px",border:l?"none":"2px solid ".concat(a?"#e5e7eb":"#cfd8dc"),backgroundColor:l?a?"#90caf9":"#2661eb":"transparent",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"8px",transition:"all 0.2s ease",color:"white",flexShrink:0}},{children:l&&i("svg",e({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:i("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})),i("span",{children:n})]}))},u=function(f){f.node;var p=f.className,u=f.children,g=f.handleStream,m=f.onAction,h=f.disabled,y=f.isStreamEnd,b=void 0===y||y,x=f.style;f.isLastMessage;var v=r(f,["node","className","children","handleStream","onAction","disabled","isStreamEnd","style","isLastMessage"]),k=s(u),F=a(!1),S=F[0],w=F[1],C=v["data-selected"],T="true"===C,z="true"===C||"false"===C,A=v["data-value"];if(!1===b&&!h&&!z)return null;if("clickable-button"===p){var L={background:"#fff",color:"#272727ff",borderColor:"#272727ff",cursor:"pointer",opacity:1};return z?L=T?{background:"linear-gradient(to right, rgb(236, 253, 245), rgb(209, 250, 229))",color:"#047857",borderColor:"#55a78fff",cursor:"default",opacity:1}:{background:"#f3f4f6",color:"#64676A",borderColor:"#a8a8a8ff",cursor:"default",opacity:.6}:h&&(L={background:"#f3f4f6",color:"#64676A",borderColor:"#C0C0C2",cursor:"not-allowed",opacity:1}),i("button",e({className:p,onClick:function(e){return n(void 0,void 0,void 0,function(){var r,n,o,i;return t(this,function(t){switch(t.label){case 0:return e.preventDefault(),h||z?[2]:(r=A||k,m?(m(r),[3,6]):[3,1]);case 1:return t.trys.push([1,4,5,6]),n=void 0,(null==v?void 0:v.isTesterGenie)?(w(!0),[4,c()]):[3,3];case 2:n=t.sent(),t.label=3;case 3:return g(new KeyboardEvent("keydown",{key:"Enter"}),!1,(null===(i=null==n?void 0:n.result)||void 0===i?void 0:i.Answer)||r,w),[3,6];case 4:return o=t.sent(),console.error("Error in ActionableButton onClick:",o),[3,6];case 5:return w(!1),[7];case 6:return[2]}})})},disabled:h||z,style:e({padding:"0.3rem 0.8rem",margin:"10px 8px 8px 0",background:L.background||L.backgroundColor,color:L.color,border:"1px solid ".concat(L.borderColor),borderRadius:"4px",cursor:L.cursor,fontSize:"0.9rem",fontWeight:"500",transition:"all 0.2s ease",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"3px",pointerEvents:h||z?"none":"auto",opacity:L.opacity},x),onMouseEnter:function(e){h||z||(e.currentTarget.style.background="linear-gradient(to right, rgb(236, 253, 245), rgb(209, 250, 229))",e.currentTarget.style.borderColor="#55a78fff",e.currentTarget.style.color="#272727ff")},onMouseLeave:function(e){h||z||(e.currentTarget.style.background="#fff",e.currentTarget.style.borderColor="#272727ff",e.currentTarget.style.color="#272727ff")}},v,{children:S&&(null==v?void 0:v.isTesterGenie)?i(l,{children:o("span",e({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[i("span",{style:{display:"inline-block",width:"12px",height:"12px",border:"2px solid #64676A",borderTopColor:"transparent",borderRadius:"50%",animation:"spin 0.6s linear infinite"}}),i("style",{children:"\n                                        @keyframes spin {\n                                            to { transform: rotate(360deg); }\n                                        }\n                                    "}),"Finding an interesting usecase to test..."]}))}):o(l,{children:[T&&i("span",e({style:{fontSize:"1rem",color:"#6ee5a9ff",display:"flex",alignItems:"center"}},{children:i(d,{})})),u]})}))}return i("button",e({className:p},v,{children:u}))},g=function(n){n.node;var t=n.className,l=n.children,a=n.selectedItems,d=n.onToggle,c=n.isSubmitted,f=n.disabled;r(n,["node","className","children","selectedItems","onToggle","isSubmitted","disabled"]);var u=s(l),g=u.trim();return"clickable-box"===t?c?a.includes(g)?o("div",e({style:{display:"inline-flex",alignItems:"center",margin:"4px 24px 4px 0",color:"#2661eb",fontWeight:600,fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[i("span",e({style:{marginRight:"6px",fontSize:"16px"}},{children:"✓"}))," ",u]})):null:i(p,{label:u,isSelected:a.includes(g),onToggle:d,disabled:f}):i("span",e({className:t},{children:l}))};export{u as ActionableButton,g as ActionableCheckbox,p as CheckboxSelector,f as RuleDisplay};
+import{__assign as e,__rest as r}from"../../../../node_modules/tslib/tslib.es6.mjs.js";import{jsxs as n,jsx as o}from"react/jsx-runtime";import{extractTextFromChildren as t}from"../../helpers/utils.js";import{TickIcon as i}from"../_svg/TickIcon.js";var l=function(r){var t=r.content,i=function(e){var r=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),n=new RegExp("<".concat(r,">([\\s\\S]*?)<\\/").concat(r,">"),"i"),o=t.match(n);return o?o[1].trim():"*No ".concat(e," tag found.*")},l=i("reasoning_new"),a=i("proposed_rule"),d=i("wta_new"),s=i("wnta_new");return n("div",e({style:{padding:"16px 16px",maxWidth:"100%",border:"1px solid #A78BFA",borderRadius:"8px",backgroundColor:"#F6F4FF"}},{children:[o("div",e({style:{color:"#4B5563",fontSize:"1rem",lineHeight:"1.5rem",marginBottom:"1rem",fontFamily:"inherit",maxWidth:"90%"}},{children:l})),n("div",e({style:{border:"1px solid #ddd",borderRadius:"8px",padding:"16px",backgroundColor:"#FFFFFF",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.05)"}},{children:[n("div",e({style:{paddingLeft:"12px",marginBottom:"12px",fontFamily:"inherit"}},{children:[o("div",e({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"Proposed Rule"})),o("div",e({style:{fontSize:"0.95rem",color:"#374151",fontFamily:"inherit"}},{children:a}))]})),n("div",e({style:{marginBottom:"12px",paddingLeft:"12px",fontFamily:"inherit"}},{children:[o("div",e({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When to apply"})),o("div",e({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:d}))]})),n("div",e({style:{paddingLeft:"12px",fontFamily:"inherit"}},{children:[o("div",e({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When NOT to apply"})),o("div",e({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:s}))]}))]}))]}))},a=function(r){var t=r.label,i=r.onToggle,l=r.isSelected,a=r.disabled;return n("div",e({style:{display:"inline-flex",alignItems:"center",cursor:a?"not-allowed":"pointer",margin:"8px 24px 8px 0",userSelect:"none",fontFamily:"Plus Jakarta Sans, sans-serif",fontSize:"14px",color:a?"#9ca3af":"#000000de",verticalAlign:"middle",opacity:a&&!l?.6:1},onClick:function(){return!a&&i(t,!l)}},{children:[o("div",e({style:{width:"18px",height:"18px",borderRadius:"4px",border:l?"none":"2px solid ".concat(a?"#e5e7eb":"#cfd8dc"),backgroundColor:l?a?"#90caf9":"#2661eb":"transparent",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"8px",transition:"all 0.2s ease",color:"white",flexShrink:0}},{children:l&&o("svg",e({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:o("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})),o("span",{children:t})]}))},d=function(l){l.node;var a=l.className,d=l.children,s=l.handleStream,c=l.onAction,f=l.disabled,p=l.isStreamEnd,u=void 0===p||p,g=l.style;l.isLastMessage;var m=r(l,["node","className","children","handleStream","onAction","disabled","isStreamEnd","style","isLastMessage"]),h=t(d),y=m["data-selected"],b="true"===y,x="true"===y||"false"===y,v=m["data-value"];if(!1===u&&!f&&!x)return null;if("clickable-button"===a){var k={background:"#fff",color:"#272727ff",borderColor:"#272727ff",cursor:"pointer",opacity:1};return x?k=b?{background:"linear-gradient(to right, rgb(236, 253, 245), rgb(209, 250, 229))",color:"#047857",borderColor:"#55a78fff",cursor:"default",opacity:1}:{background:"#f3f4f6",color:"#64676A",borderColor:"#a8a8a8ff",cursor:"default",opacity:.6}:f&&(k={background:"#f3f4f6",color:"#64676A",borderColor:"#C0C0C2",cursor:"not-allowed",opacity:1}),n("button",e({className:a,onClick:function(e){if(e.preventDefault(),!f&&!x){var r=v||h;c?c(r):s(new KeyboardEvent("keydown",{key:"Enter"}),!1,r)}},disabled:f||x,style:e({padding:"0.3rem 0.8rem",margin:"10px 8px 8px 0",background:k.background||k.backgroundColor,color:k.color,border:"1px solid ".concat(k.borderColor),borderRadius:"4px",cursor:k.cursor,fontSize:"0.9rem",fontWeight:"500",transition:"all 0.2s ease",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"3px",pointerEvents:f||x?"none":"auto",opacity:k.opacity},g),onMouseEnter:function(e){f||x||(e.currentTarget.style.background="linear-gradient(to right, rgb(236, 253, 245), rgb(209, 250, 229))",e.currentTarget.style.borderColor="#55a78fff",e.currentTarget.style.color="#272727ff")},onMouseLeave:function(e){f||x||(e.currentTarget.style.background="#fff",e.currentTarget.style.borderColor="#272727ff",e.currentTarget.style.color="#272727ff")}},m,{children:[b&&o("span",e({style:{fontSize:"1rem",color:"#6ee5a9ff",display:"flex",alignItems:"center"}},{children:o(i,{})})),d]}))}return o("button",e({className:a},m,{children:d}))},s=function(i){i.node;var l=i.className,d=i.children,s=i.selectedItems,c=i.onToggle,f=i.isSubmitted,p=i.disabled;r(i,["node","className","children","selectedItems","onToggle","isSubmitted","disabled"]);var u=t(d),g=u.trim();return"clickable-box"===l?f?s.includes(g)?n("div",e({style:{display:"inline-flex",alignItems:"center",margin:"4px 24px 4px 0",color:"#2661eb",fontWeight:600,fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[o("span",e({style:{marginRight:"6px",fontSize:"16px"}},{children:"✓"}))," ",u]})):null:o(a,{label:u,isSelected:s.includes(g),onToggle:c,disabled:p}):o("span",e({className:l},{children:d}))};export{d as ActionableButton,s as ActionableCheckbox,a as CheckboxSelector,l as RuleDisplay};
 //# sourceMappingURL=ClickableChatComponents.js.map

package/dist/features/IL-OTJ/_components/MessageRendering/CustomComponents.js

@@ -0,0 +1,2 @@
+import{__assign as e,__rest as n}from"../../../../node_modules/tslib/tslib.es6.mjs.js";import{jsxs as t,jsx as i}from"react/jsx-runtime";import"react";import{extractTextFromChildren as r}from"../../helpers/utils.js";var o=function(n){var r=n.content,o=function(e){var n=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),t=new RegExp("<".concat(n,">([\\s\\S]*?)<\\/").concat(n,">"),"i"),i=r.match(t);return i?i[1].trim():"*No ".concat(e," tag found.*")},l=o("reasoning_new"),a=o("proposed_rule"),d=o("wta_new"),s=o("wnta_new");return t("div",e({style:{padding:"16px 16px",maxWidth:"100%",border:"1px solid #A78BFA",borderRadius:"8px",backgroundColor:"#F6F4FF"}},{children:[i("div",e({style:{color:"#4B5563",fontSize:"1rem",lineHeight:"1.5rem",marginBottom:"1rem",fontFamily:"inherit",maxWidth:"90%"}},{children:l})),t("div",e({style:{border:"1px solid #ddd",borderRadius:"8px",padding:"16px",backgroundColor:"#FFFFFF",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.05)"}},{children:[t("div",e({style:{paddingLeft:"12px",marginBottom:"12px",fontFamily:"inherit"}},{children:[i("div",e({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"Proposed Rule"})),i("div",e({style:{fontSize:"0.95rem",color:"#374151",fontFamily:"inherit"}},{children:a}))]})),t("div",e({style:{marginBottom:"12px",paddingLeft:"12px",fontFamily:"inherit"}},{children:[i("div",e({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When to apply"})),i("div",e({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:d}))]})),t("div",e({style:{paddingLeft:"12px",fontFamily:"inherit"}},{children:[i("div",e({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When NOT to apply"})),i("div",e({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:s}))]}))]}))]}))},l=function(n){var r=n.label,o=n.onToggle,l=n.isSelected,a=n.disabled;return t("div",e({style:{display:"inline-flex",alignItems:"center",cursor:a?"not-allowed":"pointer",margin:"8px 24px 8px 0",userSelect:"none",fontFamily:"Plus Jakarta Sans, sans-serif",fontSize:"14px",color:a?"#9ca3af":"#000000de",verticalAlign:"middle",opacity:a&&!l?.6:1},onClick:function(){return!a&&o(r,!l)}},{children:[i("div",e({style:{width:"18px",height:"18px",borderRadius:"4px",border:l?"none":"2px solid ".concat(a?"#e5e7eb":"#cfd8dc"),backgroundColor:l?a?"#90caf9":"#2661eb":"transparent",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"8px",transition:"all 0.2s ease",color:"white",flexShrink:0}},{children:l&&i("svg",e({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:i("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})),i("span",{children:r})]}))},a=function(t){t.node;var o=t.className,l=t.children,a=t.handleStream,d=t.onAction,s=t.disabled,c=n(t,["node","className","children","handleStream","onAction","disabled"]),f=r(l);return i("button",e("clickable-button"===o?{className:o,onClick:function(e){e.preventDefault(),s||(d?d(f):a(new KeyboardEvent("keydown",{key:"Enter"}),!1,f))},disabled:s,style:{padding:"0.3rem 0.8rem",margin:"0.5rem 0.5rem 0.5rem 0",backgroundColor:s?"#f3f4f6":"#fff",color:s?"#9ca3af":"#65758c",border:"1px solid ".concat(s?"#e5e7eb":"#bfc6ceff"),borderRadius:"4px",cursor:s?"not-allowed":"pointer",fontSize:"0.85rem",fontWeight:"500",transition:"all 0.2s ease",fontFamily:"Plus Jakarta Sans, sans-serif",display:"inline-block",pointerEvents:s?"none":"auto"},onMouseEnter:function(e){e.currentTarget.style.backgroundColor="#2563EB",e.currentTarget.style.borderColor="#3b82f5",e.currentTarget.style.color="#fff"},onMouseLeave:function(e){e.currentTarget.style.backgroundColor="#fff",e.currentTarget.style.borderColor="#bfc6ceff",e.currentTarget.style.color="#65758c"}}:{className:o},c,{children:l}))},d=function(o){o.node;var a=o.className,d=o.children,s=o.selectedItems,c=o.onToggle,f=o.isSubmitted,p=o.disabled;n(o,["node","className","children","selectedItems","onToggle","isSubmitted","disabled"]);var m=r(d),h=m.trim();return"clickable-box"===a?f?s.includes(h)?t("div",e({style:{display:"inline-flex",alignItems:"center",margin:"4px 24px 4px 0",color:"#2661eb",fontWeight:600,fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[i("span",e({style:{marginRight:"6px",fontSize:"16px"}},{children:"✓"}))," ",m]})):null:i(l,{label:m,isSelected:s.includes(h),onToggle:c,disabled:p}):i("span",e({className:a},{children:d}))};export{a as ActionableButton,d as ActionableCheckbox,l as CheckboxSelector,o as RuleDisplay};
+//# sourceMappingURL=CustomComponents.js.map

package/dist/features/IL-OTJ/_components/MessageRendering/CustomComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomComponents.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}