@e-llm-studio/instant-learning 1.3.1 → 1.3.3

package/dist/types/src/features/IL-OTJ/_components/CitationLink.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-export type UserPreferenceItem = {
-    question: string;
-    answer: string;
-    highlighted_text?: unknown[];
-};
-type CitationLinkProps = {
-    citation: any;
-    linkTitle: string;
-    setChatSize?: (size: number) => void;
-    chatSize?: number;
-    isOpen?: boolean;
-    onToggle?: () => void;
-    fontSize?: number;
-};
-declare const CitationLink: React.FC<CitationLinkProps>;
-export default CitationLink;
+import React from 'react';
+export type UserPreferenceItem = {
+    question: string;
+    answer: string;
+    highlighted_text?: unknown[];
+};
+type CitationLinkProps = {
+    citation: any;
+    linkTitle: string;
+    setChatSize?: (size: number) => void;
+    chatSize?: number;
+    isOpen?: boolean;
+    onToggle?: () => void;
+    fontSize?: number;
+};
+declare const CitationLink: React.FC<CitationLinkProps>;
+export default CitationLink;
 //# sourceMappingURL=CitationLink.d.ts.map

package/dist/types/src/features/IL-OTJ/_components/CognitiveDecisioningCard.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-type Props = {
-    citation: any;
-    citations?: any[];
-    setChatSize?: (size: number) => void;
-    isOpen?: boolean;
-    onToggle?: () => void;
-};
-export declare const CognitiveDecisioningCard: React.FC<Props>;
-export {};
+import React from 'react';
+type Props = {
+    citation: any;
+    citations?: any[];
+    setChatSize?: (size: number) => void;
+    isOpen?: boolean;
+    onToggle?: () => void;
+};
+export declare const CognitiveDecisioningCard: React.FC<Props>;
+export {};
 //# sourceMappingURL=CognitiveDecisioningCard.d.ts.map

package/dist/types/src/features/IL-OTJ/_components/ConflictingReasoningCard.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-interface ConflictReasoningCardProps {
-    isVisible: boolean;
-    decisionStrength?: string | null;
-    reasoning?: string | null;
-    gap?: string | null;
-    citations?: any[];
-}
-export declare const ConflictReasoningCard: React.MemoExoticComponent<({ isVisible, decisionStrength, reasoning, gap, citations }: ConflictReasoningCardProps) => React.JSX.Element | null>;
-export {};
+import React from 'react';
+interface ConflictReasoningCardProps {
+    isVisible: boolean;
+    decisionStrength?: string | null;
+    reasoning?: string | null;
+    gap?: string | null;
+    citations?: any[];
+}
+export declare const ConflictReasoningCard: React.MemoExoticComponent<({ isVisible, decisionStrength, reasoning, gap, citations }: ConflictReasoningCardProps) => React.JSX.Element | null>;
+export {};
 //# sourceMappingURL=ConflictingReasoningCard.d.ts.map

package/dist/types/src/features/IL-OTJ/_components/CriticalGaps.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-export declare const CriticalGaps: ({ data, isLastMessage, onValidationChange, isSubmitted, citations, onTypeResponseClick, isGlobalEditActive, }: {
-    data: any;
-    isLastMessage: boolean;
-    onValidationChange?: ((isValid: boolean, selections: any[]) => void) | undefined;
-    isSubmitted?: boolean | undefined;
-    citations?: any[] | undefined;
-    onTypeResponseClick?: (() => void) | undefined;
-    isGlobalEditActive?: boolean | undefined;
-}) => React.JSX.Element;
+import React from "react";
+export declare const CriticalGaps: ({ data, isLastMessage, onValidationChange, isSubmitted, citations, onTypeResponseClick, isGlobalEditActive, }: {
+    data: any;
+    isLastMessage: boolean;
+    onValidationChange?: ((isValid: boolean, selections: any[]) => void) | undefined;
+    isSubmitted?: boolean | undefined;
+    citations?: any[] | undefined;
+    onTypeResponseClick?: (() => void) | undefined;
+    isGlobalEditActive?: boolean | undefined;
+}) => React.JSX.Element;
 //# sourceMappingURL=CriticalGaps.d.ts.map

package/dist/types/src/features/IL-OTJ/_components/GapExplanationAccordion.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-interface GapExplanationAccordionProps {
-    explanation: string[];
-    onProceed: () => void;
-    isSelected: boolean;
-    proceedIcon?: React.ReactNode;
-}
-export declare const GapExplanationAccordion: ({ explanation, onProceed, isSelected, proceedIcon, }: GapExplanationAccordionProps) => React.JSX.Element;
-export {};
+import React from "react";
+interface GapExplanationAccordionProps {
+    explanation: string[];
+    onProceed: () => void;
+    isSelected: boolean;
+    proceedIcon?: React.ReactNode;
+}
+export declare const GapExplanationAccordion: ({ explanation, onProceed, isSelected, proceedIcon, }: GapExplanationAccordionProps) => React.JSX.Element;
+export {};
 //# sourceMappingURL=GapExplanationAccordion.d.ts.map

package/dist/types/src/features/IL-OTJ/_components/ILPopup.d.ts

@@ -1,38 +1,38 @@
-import React from 'react';
-import { TemplateList } from '../../IL-OTJ/_components/templates/TemplatesMap';
-import { SaveButtonConfig } from '../ILOTJ';
-export type ConditionItem = {
-    id: number | string;
-    text: string;
-    reasoning?: string;
-    conflict?: any;
-};
-interface ILPopupProps {
-    setIsFormSavedClicked: any;
-    customSections: React.ReactNode;
-    showCustomSections?: boolean;
-    onSave?: any;
-    formHeader: string;
-    onClose: () => void;
-    validateCustom?: () => boolean;
-    template?: TemplateList;
-    /** When no explicit `template` is given, selects the schema-driven renderer vs the legacy one. */
-    useDynamicForm?: boolean;
-    templateProps?: any;
-    isLoading?: boolean;
-    saveButtonConfig?: SaveButtonConfig;
-    saveWithoutValBtnConfig?: SaveButtonConfig;
-    /** Indicates if AI is currently streaming a response */
-    isAiStreaming?: boolean;
-    showSaveWithoutValidation?: boolean;
-    onSaveWithoutValidation?: () => void;
-    showSaveDraft?: boolean;
-    onSaveDraft?: () => void;
-    saveDraftButtonConfig?: SaveButtonConfig;
-    isSaveDraftDisabled?: boolean;
-    saveDraftDisabledTooltip?: string;
-    saveButtonColor?: string;
-}
-declare const ILPopup: ({ customSections, showCustomSections, onSave, formHeader, onClose, validateCustom, template, useDynamicForm, templateProps, isLoading, saveButtonConfig, isAiStreaming, showSaveWithoutValidation, saveWithoutValBtnConfig, onSaveWithoutValidation, showSaveDraft, onSaveDraft, saveDraftButtonConfig, isSaveDraftDisabled, saveDraftDisabledTooltip, saveButtonColor }: ILPopupProps) => React.JSX.Element;
-export default ILPopup;
+import React from 'react';
+import { TemplateList } from '../../IL-OTJ/_components/templates/TemplatesMap';
+import { SaveButtonConfig } from '../ILOTJ';
+export type ConditionItem = {
+    id: number | string;
+    text: string;
+    reasoning?: string;
+    conflict?: any;
+};
+interface ILPopupProps {
+    setIsFormSavedClicked: any;
+    customSections: React.ReactNode;
+    showCustomSections?: boolean;
+    onSave?: any;
+    formHeader: string;
+    onClose: () => void;
+    validateCustom?: () => boolean;
+    template?: TemplateList;
+    /** When no explicit `template` is given, selects the schema-driven renderer vs the legacy one. */
+    useDynamicForm?: boolean;
+    templateProps?: any;
+    isLoading?: boolean;
+    saveButtonConfig?: SaveButtonConfig;
+    saveWithoutValBtnConfig?: SaveButtonConfig;
+    /** Indicates if AI is currently streaming a response */
+    isAiStreaming?: boolean;
+    showSaveWithoutValidation?: boolean;
+    onSaveWithoutValidation?: () => void;
+    showSaveDraft?: boolean;
+    onSaveDraft?: () => void;
+    saveDraftButtonConfig?: SaveButtonConfig;
+    isSaveDraftDisabled?: boolean;
+    saveDraftDisabledTooltip?: string;
+    saveButtonColor?: string;
+}
+declare const ILPopup: ({ customSections, showCustomSections, onSave, formHeader, onClose, validateCustom, template, useDynamicForm, templateProps, isLoading, saveButtonConfig, isAiStreaming, showSaveWithoutValidation, saveWithoutValBtnConfig, onSaveWithoutValidation, showSaveDraft, onSaveDraft, saveDraftButtonConfig, isSaveDraftDisabled, saveDraftDisabledTooltip, saveButtonColor }: ILPopupProps) => React.JSX.Element;
+export default ILPopup;
 //# sourceMappingURL=ILPopup.d.ts.map

package/dist/types/src/features/IL-OTJ/_components/ILPopup.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const componentStyles = "\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 var(--il-border, #e5e7eb);\n    background-color: var(--il-surface, #ffffff);\n    color: var(--il-foreground, #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    background-color: var(--il-bg, #ffffff);\n    color: var(--il-foreground, #19213D);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable {\n    scrollbar-width: var(--il-scrollbar-width);\n    scrollbar-color: var(--il-scrollbar-thumb) var(--il-scrollbar-track);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar {\n    width: var(--il-scrollbar-size);\n    height: var(--il-scrollbar-size);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar-track {\n    background: var(--il-scrollbar-track);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar-thumb {\n    background: var(--il-scrollbar-thumb);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar-thumb:hover {\n    background: var(--il-scrollbar-thumb-hover);\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: var(--il-surface, #ffffff);\n    color: var(--il-foreground, #19213D);\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: var(--il-surface, #ffffff);\n  }\n\n  .section-header-title {\n    display: flex;\n    align-items: center;\n    font-weight: 500;\n    font-size: 14px;\n    color: var(--il-foreground, #19213D);\n    transition: color 150ms ease-in-out;\n  }\n\n  .section-chevron {\n    width: 24px;\n    height: 24px;\n    color: var(--il-muted, #64748B);\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 var(--il-border, #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 var(--il-input-border, #d1d5db);\n    background-color: var(--il-input-bg, #ffffff);\n    color: var(--il-input-fg, #19213D);\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: var(--il-surface, #ffffff);\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: var(--il-muted, #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: var(--il-foreground, #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 var(--il-border, #ccc);\n    color: var(--il-muted, #64748B);\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: var(--il-hover, #f9fafb) !important;\n  }\n\n  .btn-save { color: var(--il-success, #22c55e); }\n  .btn-cancel { color: var(--il-danger, #ef4444); }\n  .btn-edit, .btn-delete { color: var(--il-muted, #64748B); }\n\n  .btn-delete:hover { color: var(--il-danger, #ef4444); }\n\n  .action-buttons-inline {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    align-items: center;\n  }\n\n  /* The Blue \"Apply\" button style */\n  .btn-apply {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    padding: 8px 12px;\n    border: 1px solid var(--il-primary, #2563EB);\n    border-radius: 8px;\n    cursor: pointer;\n    height: 36px;\n    background-color: var(--il-primary, #2563EB) !important;\n    color: var(--il-primary-fg, white) !important;\n    font-size: 14px;\n    font-weight: 500;\n    transition: background-color 0.2s;\n  }\n\n  .btn-apply:hover {\n    background-color: var(--il-primary-hover, #1d4ed8) !important;\n  }\n\n  /* The Cancel (X) button style */\n  .btn-cancel-inline {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    padding: 8px;\n    border: 1px solid var(--il-border, #E3E8E9);\n    border-radius: 8px;\n    cursor: pointer;\n    background-color: var(--il-surface, #ffffff) !important;\n    color: var(--il-danger, #dc2626) !important;\n    transition: all 0.2s;\n  }\n\n  .btn-cancel-inline:hover {\n    background-color: var(--il-danger-subtle, #fef2f2) !important;\n    border-color: var(--il-danger, #fecaca);\n  }\n\n  /* Ensure the Lucide icons within these buttons behave */\n  .btn-apply svg, .btn-cancel-inline svg {\n    flex-shrink: 0;\n  }\n\n  .condition-add {\n    display: flex;\n    align-items: center;\n    padding: 8px 0;\n    cursor: pointer;\n    color: var(--il-primary, #2563EB);\n    width: fit-content;\n  }\n\n  .condition-remove-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--il-muted, #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: var(--il-danger, #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: 500;\n    color: var(--il-foreground, #19213D);\n    transition: color 150ms ease-in-out;\n  }\n  .readOnly {\n    color: var(--il-disabled, #9CA3AF);\n    cursor: not-allowed;\n}\n\n  .dropdown {\n    width: 200px;\n    padding: 7px 10.5px 7px 10.5px;\n    border: 1px solid var(--il-input-border, #64748B);\n    color: var(--il-input-fg, #64748B);\n    border-radius: 8px;\n    background-color: var(--il-input-bg, #ffffff);\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 var(--il-input-border, #D1D5DB);\n  border-radius: 4px;\n  background-color: var(--il-input-bg, #ffffff);\n  cursor: pointer;\n  position: relative;\n  display: grid;\n  place-content: center;\n}\n\n.checkbox-input:checked {\n  background-color: var(--il-primary, #2563EB);\n  border-color: var(--il-primary, #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: var(--il-primary-fg, #ffffff);\n}\n\n  .checkbox-label {\n    font-size: 0.875rem;\n    color: var(--il-secondary-fg, #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: var(--il-surface-alt, #F7F8FA);\n    border: 1px solid var(--il-border, #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: var(--il-foreground, #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: var(--il-muted, #64748B);\n  }\n\n  .separation-unit {\n    font-size: 16px;\n    color: var(--il-muted, #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: var(--il-secondary-bg, #e5e7eb);\n    appearance: none;\n    padding: 0;\n  }\n\n  .toggle-switch.enabled {\n    background-color: var(--il-primary, #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: var(--il-surface, #ffffff);\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 var(--il-input-border, #d1d5db);\n    background-color: var(--il-input-bg, #ffffff);\n    color: var(--il-input-fg, #19213D);\n    border-radius: 6px;\n    font-size: 0.875rem;\n  }\n\n  .separation-unit {\n    font-size: 0.875rem;\n    color: var(--il-muted, #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: var(--il-surface, #ffffff);\n    padding: 16px;\n    display: flex;\n    gap: 12px;\n    align-items: center;\n  }\n\n  .save-button {\n    width: 100%;\n    margin-left: auto;\n    background-color: var(--il-primary, #2563eb);\n    color: var(--il-primary-fg, 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: var(--il-primary-hover, #1055e8);\n  }\n\n  .save-button:active {\n    background-color: var(--il-primary, #2563eb);\n  }\n\n  .save-button:disabled {\n    background-color: var(--il-secondary-bg, #93c5fd);\n    cursor: not-allowed;\n  }\n\n  .save-button-secondary {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--il-surface, #ffffff);\n    color: var(--il-danger, #8F2C23);\n    padding: 8.25px 12.25px;\n    border-radius: 8px;\n    border: 1px solid var(--il-border, #E2E8F0);\n    cursor: pointer;\n    transition: all 150ms ease-in-out;\n    font-size: 0.875rem;\n  }\n\n  .save-button-secondary:hover {\n    background-color: var(--il-hover, #F8FAFC);\n    color: var(--il-danger, #8F2C23);\n    border-color: var(--il-border, #CBD5E1);\n  }\n\n  .save-button-secondary:disabled {\n    opacity: 0.7;\n    cursor: not-allowed;\n    background-color: var(--il-secondary-bg, #F3F4F6);\n    color: var(--il-disabled, #9CA3AF);\n    border-color: var(--il-border, #E5E7EB);\n  }\n\n  .save-button-tooltip-wrapper {\n    display: inline-flex;\n  }\n\n  .save-button-draft {\n    color: #5925DC;\n  }\n\n  .save-button-draft:hover {\n    color: #5925DC;\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 var(--il-border, #ccc);\n    border-radius: 8px;\n    background-color: var(--il-surface, #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: var(--il-foreground, #19213d);\n  }\n\n  .accordion-content {\n    padding: 0 24px 24px 24px;\n  }\n\n";
+export declare const componentStyles = "\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 var(--il-border, #e5e7eb);\n    background-color: var(--il-surface, #ffffff);\n    color: var(--il-foreground, #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    background-color: var(--il-bg, #ffffff);\n    color: var(--il-foreground, #19213D);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable {\n    scrollbar-width: var(--il-scrollbar-width);\n    scrollbar-color: var(--il-scrollbar-thumb) var(--il-scrollbar-track);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar {\n    width: var(--il-scrollbar-size);\n    height: var(--il-scrollbar-size);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar-track {\n    background: var(--il-scrollbar-track);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar-thumb {\n    background: var(--il-scrollbar-thumb);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar-thumb:hover {\n    background: var(--il-scrollbar-thumb-hover);\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: var(--il-surface, #ffffff);\n    color: var(--il-foreground, #19213D);\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: var(--il-surface, #ffffff);\n  }\n\n  .section-header-title {\n    display: flex;\n    align-items: center;\n    font-weight: 500;\n    font-size: 14px;\n    color: var(--il-foreground, #19213D);\n    transition: color 150ms ease-in-out;\n  }\n\n  .section-chevron {\n    width: 24px;\n    height: 24px;\n    color: var(--il-muted, #64748B);\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 var(--il-border, #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 var(--il-input-border, #d1d5db);\n    background-color: var(--il-input-bg, #ffffff);\n    color: var(--il-input-fg, #19213D);\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: var(--il-surface, #ffffff);\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: var(--il-muted, #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: var(--il-foreground, #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 var(--il-border, #ccc);\n    color: var(--il-muted, #64748B);\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: var(--il-hover, #f9fafb) !important;\n  }\n\n  .btn-save { color: var(--il-success, #22c55e); }\n  .btn-cancel { color: var(--il-danger, #ef4444); }\n  .btn-edit, .btn-delete { color: var(--il-muted, #64748B); }\n\n  .btn-delete:hover { color: var(--il-danger, #ef4444); }\n\n  .action-buttons-inline {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    align-items: center;\n  }\n\n  /* The Blue \"Apply\" button style */\n  .btn-apply {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    padding: 8px 12px;\n    border: 1px solid var(--il-primary, #2563EB);\n    border-radius: 8px;\n    cursor: pointer;\n    height: 36px;\n    background-color: var(--il-primary, #2563EB) !important;\n    color: var(--il-primary-fg, white) !important;\n    font-size: 14px;\n    font-weight: 500;\n    transition: background-color 0.2s;\n  }\n\n  .btn-apply:hover {\n    background-color: var(--il-primary-hover, #1d4ed8) !important;\n  }\n\n  /* The Cancel (X) button style */\n  .btn-cancel-inline {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    padding: 8px;\n    border: 1px solid var(--il-border, #E3E8E9);\n    border-radius: 8px;\n    cursor: pointer;\n    background-color: var(--il-surface, #ffffff) !important;\n    color: var(--il-danger, #dc2626) !important;\n    transition: all 0.2s;\n  }\n\n  .btn-cancel-inline:hover {\n    background-color: var(--il-danger-subtle, #fef2f2) !important;\n    border-color: var(--il-danger, #fecaca);\n  }\n\n  /* Ensure the Lucide icons within these buttons behave */\n  .btn-apply svg, .btn-cancel-inline svg {\n    flex-shrink: 0;\n  }\n\n  .condition-add {\n    display: flex;\n    align-items: center;\n    padding: 8px 0;\n    cursor: pointer;\n    color: var(--il-primary, #2563EB);\n    width: fit-content;\n  }\n\n  .condition-remove-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--il-muted, #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: var(--il-danger, #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: 500;\n    color: var(--il-foreground, #19213D);\n    transition: color 150ms ease-in-out;\n  }\n  .readOnly {\n    color: var(--il-disabled, #9CA3AF);\n    cursor: not-allowed;\n}\n\n  .dropdown {\n    width: 200px;\n    padding: 7px 10.5px 7px 10.5px;\n    border: 1px solid var(--il-input-border, #64748B);\n    color: var(--il-input-fg, #64748B);\n    border-radius: 8px;\n    background-color: var(--il-input-bg, #ffffff);\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 var(--il-input-border, #D1D5DB);\n  border-radius: 4px;\n  background-color: var(--il-input-bg, #ffffff);\n  cursor: pointer;\n  position: relative;\n  display: grid;\n  place-content: center;\n}\n\n.checkbox-input:checked {\n  background-color: var(--il-primary, #2563EB);\n  border-color: var(--il-primary, #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: var(--il-primary-fg, #ffffff);\n}\n\n  .checkbox-label {\n    font-size: 0.875rem;\n    color: var(--il-secondary-fg, #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: var(--il-surface-alt, #F7F8FA);\n    border: 1px solid var(--il-border, #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: var(--il-foreground, #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: var(--il-muted, #64748B);\n  }\n\n  .separation-unit {\n    font-size: 16px;\n    color: var(--il-muted, #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: var(--il-secondary-bg, #e5e7eb);\n    appearance: none;\n    padding: 0;\n  }\n\n  .toggle-switch.enabled {\n    background-color: var(--il-primary, #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: var(--il-surface, #ffffff);\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 var(--il-input-border, #d1d5db);\n    background-color: var(--il-input-bg, #ffffff);\n    color: var(--il-input-fg, #19213D);\n    border-radius: 6px;\n    font-size: 0.875rem;\n  }\n\n  .separation-unit {\n    font-size: 0.875rem;\n    color: var(--il-muted, #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: var(--il-surface, #ffffff);\n    padding: 16px;\n    display: flex;\n    gap: 12px;\n    align-items: center;\n  }\n\n  .save-button {\n    width: 100%;\n    margin-left: auto;\n    background-color: var(--il-primary, #2563eb);\n    color: var(--il-primary-fg, 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: var(--il-primary-hover, #1055e8);\n  }\n\n  .save-button:active {\n    background-color: var(--il-primary, #2563eb);\n  }\n\n  .save-button:disabled {\n    background-color: var(--il-secondary-bg, #93c5fd);\n    cursor: not-allowed;\n  }\n\n  .save-button-secondary {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--il-surface, #ffffff);\n    color: var(--il-danger, #8F2C23);\n    padding: 8.25px 12.25px;\n    border-radius: 8px;\n    border: 1px solid var(--il-border, #E2E8F0);\n    cursor: pointer;\n    transition: all 150ms ease-in-out;\n    font-size: 0.875rem;\n  }\n\n  .save-button-secondary:hover {\n    background-color: var(--il-hover, #F8FAFC);\n    color: var(--il-danger, #8F2C23);\n    border-color: var(--il-border, #CBD5E1);\n  }\n\n  .save-button-secondary:disabled {\n    opacity: 0.7;\n    cursor: not-allowed;\n    background-color: var(--il-secondary-bg, #F3F4F6);\n    color: var(--il-disabled, #9CA3AF);\n    border-color: var(--il-border, #E5E7EB);\n  }\n\n  .save-button-tooltip-wrapper {\n    display: inline-flex;\n  }\n\n  .save-button-draft {\n    color: #5925DC;\n  }\n\n  .save-button-draft:hover {\n    color: #5925DC;\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 var(--il-border, #ccc);\n    border-radius: 8px;\n    background-color: var(--il-surface, #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: var(--il-foreground, #19213d);\n  }\n\n  .accordion-content {\n    padding: 0 24px 24px 24px;\n  }\n\n";
 //# sourceMappingURL=ILPopup.styles.d.ts.map

package/dist/types/src/features/IL-OTJ/_components/InputDataReasoningCard.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-type Props = {
-    citation: any;
-    citations?: any[];
-    fieldName: string;
-    fieldValue: string;
-    isVisible?: boolean;
-};
-export declare const InputDataReasoningCard: React.NamedExoticComponent<Props>;
-export {};
+import React from 'react';
+type Props = {
+    citation: any;
+    citations?: any[];
+    fieldName: string;
+    fieldValue: string;
+    isVisible?: boolean;
+};
+export declare const InputDataReasoningCard: React.NamedExoticComponent<Props>;
+export {};
 //# sourceMappingURL=InputDataReasoningCard.d.ts.map

package/dist/types/src/features/IL-OTJ/_components/MarkdownComponents/MarkdownElements.d.ts

@@ -1,33 +1,33 @@
-import React from 'react';
-interface MarkdownElementsProps {
-    node?: any;
-    children?: any;
-    className?: string;
-    [key: string]: any;
-}
-interface DivRendererProps extends MarkdownElementsProps {
-    openCardIds: Set<string>;
-    citations: any[];
-    handleToggleState: (id: string, isOpen: boolean, type: 'card' | 'citation') => void;
-    isStreamEnd?: boolean;
-    handleStream?: any;
-    onGapValidation?: (isValid: boolean, data: any) => void;
-    isGapsSubmitted?: boolean;
-    onViewComparison?: () => void;
-    onTypeResponseClick?: () => void;
-    onComparisonLinkClick?: (variantId: string, fieldName: string) => void;
-    isGlobalEditActive?: boolean;
-}
-interface LinkRendererProps extends MarkdownElementsProps {
-    href?: string;
-    chatSize?: number;
-    openCitationIds: Set<string>;
-    getCitationByNumber: (num: string, source: string) => any;
-    handleToggleState: (id: string, isOpen: boolean, type: 'card' | 'citation') => void;
-}
-export declare const getSourceFromUrl: (href: string) => string;
-export declare const MarkdownDivRenderer: React.MemoExoticComponent<({ className, children, openCardIds, citations, handleToggleState, isStreamEnd, isLastMessage, handleStream, onGapValidation, isGapsSubmitted, onViewComparison, onTypeResponseClick, onComparisonLinkClick, isGlobalEditActive, ...props }: DivRendererProps) => React.JSX.Element | null>;
-export declare const MarkdownSpanRenderer: React.MemoExoticComponent<({ className, children, openCardIds, citations, handleToggleState, isStreamEnd, onTypeResponseClick, onComparisonLinkClick, ...props }: DivRendererProps) => React.JSX.Element | null>;
-export declare const MarkdownLinkRenderer: React.MemoExoticComponent<({ href, children, chatSize, openCitationIds, getCitationByNumber, handleToggleState, ...props }: LinkRendererProps) => React.JSX.Element>;
-export {};
+import React from 'react';
+interface MarkdownElementsProps {
+    node?: any;
+    children?: any;
+    className?: string;
+    [key: string]: any;
+}
+interface DivRendererProps extends MarkdownElementsProps {
+    openCardIds: Set<string>;
+    citations: any[];
+    handleToggleState: (id: string, isOpen: boolean, type: 'card' | 'citation') => void;
+    isStreamEnd?: boolean;
+    handleStream?: any;
+    onGapValidation?: (isValid: boolean, data: any) => void;
+    isGapsSubmitted?: boolean;
+    onViewComparison?: () => void;
+    onTypeResponseClick?: () => void;
+    onComparisonLinkClick?: (variantId: string, fieldName: string) => void;
+    isGlobalEditActive?: boolean;
+}
+interface LinkRendererProps extends MarkdownElementsProps {
+    href?: string;
+    chatSize?: number;
+    openCitationIds: Set<string>;
+    getCitationByNumber: (num: string, source: string) => any;
+    handleToggleState: (id: string, isOpen: boolean, type: 'card' | 'citation') => void;
+}
+export declare const getSourceFromUrl: (href: string) => string;
+export declare const MarkdownDivRenderer: React.MemoExoticComponent<({ className, children, openCardIds, citations, handleToggleState, isStreamEnd, isLastMessage, handleStream, onGapValidation, isGapsSubmitted, onViewComparison, onTypeResponseClick, onComparisonLinkClick, isGlobalEditActive, ...props }: DivRendererProps) => React.JSX.Element | null>;
+export declare const MarkdownSpanRenderer: React.MemoExoticComponent<({ className, children, openCardIds, citations, handleToggleState, isStreamEnd, onTypeResponseClick, onComparisonLinkClick, ...props }: DivRendererProps) => React.JSX.Element | null>;
+export declare const MarkdownLinkRenderer: React.MemoExoticComponent<({ href, children, chatSize, openCitationIds, getCitationByNumber, handleToggleState, ...props }: LinkRendererProps) => React.JSX.Element>;
+export {};
 //# sourceMappingURL=MarkdownElements.d.ts.map

package/dist/types/src/features/IL-OTJ/_components/MarkdownComponents/MarkdownSelect.d.ts

@@ -1,26 +1,26 @@
-import React from 'react';
-export declare const DynamicArrow: ({ isSelected, width, height }: {
-    isSelected: boolean;
-    width?: number | undefined;
-    height?: number | undefined;
-}) => React.JSX.Element;
-type Option = {
-    id: string;
-    label: string;
-    cd?: boolean;
-    reasoning?: string;
-    gap?: string;
-    score?: string | null;
-};
-type Props = {
-    type: 'single' | 'multi' | 'instant';
-    options: Option[];
-    selectedIds: string[];
-    disabled: boolean;
-    onProceed: (ids: string[], label: string) => void;
-    citations: any[];
-    onTypeResponseClick?: () => void;
-};
-export declare const MarkdownSelect: React.FC<Props>;
-export {};
+import React from 'react';
+export declare const DynamicArrow: ({ isSelected, width, height }: {
+    isSelected: boolean;
+    width?: number | undefined;
+    height?: number | undefined;
+}) => React.JSX.Element;
+type Option = {
+    id: string;
+    label: string;
+    cd?: boolean;
+    reasoning?: string;
+    gap?: string;
+    score?: string | null;
+};
+type Props = {
+    type: 'single' | 'multi' | 'instant';
+    options: Option[];
+    selectedIds: string[];
+    disabled: boolean;
+    onProceed: (ids: string[], label: string) => void;
+    citations: any[];
+    onTypeResponseClick?: () => void;
+};
+export declare const MarkdownSelect: React.FC<Props>;
+export {};
 //# sourceMappingURL=MarkdownSelect.d.ts.map

package/dist/types/src/features/IL-OTJ/_components/MarkdownRenderer.d.ts

@@ -1,25 +1,25 @@
-import React from 'react';
-import { CSSProperties } from 'react';
-export interface MarkdownRendererStyles {
-    containerWrapper?: CSSProperties;
-    mainCard?: CSSProperties;
-    scrollArea?: CSSProperties;
-    customHighlight?: CSSProperties;
-    popup?: CSSProperties;
-    summary?: CSSProperties;
-    list?: CSSProperties;
-    detailsBlock?: CSSProperties;
-    detailsInline?: CSSProperties;
-    detailsTarget?: CSSProperties;
-    checkGreen?: CSSProperties;
-}
-type Props = {
-    value: string;
-    highlightedText?: string;
-    highlightKeys?: any[];
-    scrollTo?: 'center' | 'start' | 'end';
-    styles?: MarkdownRendererStyles;
-};
-declare const MarkdownRenderer: React.FC<Props>;
-export default MarkdownRenderer;
+import React from 'react';
+import { CSSProperties } from 'react';
+export interface MarkdownRendererStyles {
+    containerWrapper?: CSSProperties;
+    mainCard?: CSSProperties;
+    scrollArea?: CSSProperties;
+    customHighlight?: CSSProperties;
+    popup?: CSSProperties;
+    summary?: CSSProperties;
+    list?: CSSProperties;
+    detailsBlock?: CSSProperties;
+    detailsInline?: CSSProperties;
+    detailsTarget?: CSSProperties;
+    checkGreen?: CSSProperties;
+}
+type Props = {
+    value: string;
+    highlightedText?: string;
+    highlightKeys?: any[];
+    scrollTo?: 'center' | 'start' | 'end';
+    styles?: MarkdownRendererStyles;
+};
+declare const MarkdownRenderer: React.FC<Props>;
+export default MarkdownRenderer;
 //# sourceMappingURL=MarkdownRenderer.d.ts.map

package/dist/types/src/features/IL-OTJ/_components/MessageRendering/ChatFeedback.d.ts

@@ -1,26 +1,26 @@
-import React from 'react';
-export interface FeedbackField {
-    id: string;
-    label: string;
-    type: 'radio' | 'text' | 'textarea';
-    options?: string[];
-    placeholder?: string;
-}
-export interface FeedbackConfig {
-    title?: string;
-    fields: FeedbackField[];
-    submitButtonText?: string;
-}
-interface ChatFeedbackProps {
-    isLastMessage?: boolean;
-    isStreamEnd?: boolean;
-    role: string;
-    content: string;
-    messages: any[];
-    index: number;
-    onFeedbackSubmit?: (payload: any) => Promise<void>;
-    feedbackConfig?: FeedbackConfig;
-}
-declare const ChatFeedback: React.FC<ChatFeedbackProps>;
-export default ChatFeedback;
+import React from 'react';
+export interface FeedbackField {
+    id: string;
+    label: string;
+    type: 'radio' | 'text' | 'textarea';
+    options?: string[];
+    placeholder?: string;
+}
+export interface FeedbackConfig {
+    title?: string;
+    fields: FeedbackField[];
+    submitButtonText?: string;
+}
+interface ChatFeedbackProps {
+    isLastMessage?: boolean;
+    isStreamEnd?: boolean;
+    role: string;
+    content: string;
+    messages: any[];
+    index: number;
+    onFeedbackSubmit?: (payload: any) => Promise<void>;
+    feedbackConfig?: FeedbackConfig;
+}
+declare const ChatFeedback: React.FC<ChatFeedbackProps>;
+export default ChatFeedback;
 //# sourceMappingURL=ChatFeedback.d.ts.map

package/dist/types/src/features/IL-OTJ/_components/MessageRendering/ClickableChatComponents.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-export declare const RuleDisplay: React.FC<{
-    content: string;
-}>;
-export declare const CheckboxSelector: ({ label, onToggle, isSelected, disabled }: any) => import("react").JSX.Element;
-export declare const ActionableButton: ({ node, className, children, handleStream, onAction, disabled, isStreamEnd, style, isLastMessage, onTypeResponseClick, ...props }: any) => import("react").JSX.Element | null;
-export declare const ActionableCheckbox: ({ node, className, children, selectedItems, onToggle, isSubmitted, disabled, ...props }: any) => import("react").JSX.Element | null;
+/// <reference types="react" />
+export declare const RuleDisplay: React.FC<{
+    content: string;
+}>;
+export declare const CheckboxSelector: ({ label, onToggle, isSelected, disabled }: any) => import("react").JSX.Element;
+export declare const ActionableButton: ({ node, className, children, handleStream, onAction, disabled, isStreamEnd, style, isLastMessage, onTypeResponseClick, ...props }: any) => import("react").JSX.Element | null;
+export declare const ActionableCheckbox: ({ node, className, children, selectedItems, onToggle, isSubmitted, disabled, ...props }: any) => import("react").JSX.Element | null;
 //# sourceMappingURL=ClickableChatComponents.d.ts.map

package/dist/types/src/features/IL-OTJ/_components/MessageRendering/MessageRendering.d.ts

@@ -1,35 +1,35 @@
-/// <reference types="react" />
-import { FeedbackConfig } from './ChatFeedback';
-interface MessageRenderingProps {
-    index: number;
-    content: string;
-    role: string;
-    messages: any;
-    handleStream: any;
-    scrollToBottom?: any;
-    isLastMessage?: boolean;
-    onSave?: () => void;
-    citations?: any[];
-    setChatSize?: (size: number) => void;
-    chatSize?: number;
-    isStreamEnd?: boolean;
-    messageIsEnd?: boolean;
-    onViewComparison?: () => void;
-    onTypeResponseClick?: () => void;
-    onComparisonLinkClick?: (variantId: string, fieldName: string) => void;
-    baseURL?: string | undefined;
-    onFeedbackSubmit?: (payload: any) => Promise<void>;
-    isGlobalEditActive?: boolean;
-    feedbackConfig?: FeedbackConfig;
-    /**
-     * Schema-driven flow only: AI field key → user-facing label, derived from the
-     * JSON (`buildFieldLabelMap`) so the `updated_fields` / `identified_fields`
-     * cards use the same titles as the RHS form ("Template Title", "Template
-     * Goal", …). Overrides the built-in defaults below; omitted by the legacy
-     * flow, which keeps those defaults.
-     */
-    fieldLabelMap?: Record<string, string>;
-}
-declare const MessageRendering: ({ index, content, role, messages, handleStream, scrollToBottom, isLastMessage, onSave, citations, setChatSize, chatSize, isStreamEnd, messageIsEnd, onViewComparison, onTypeResponseClick, onComparisonLinkClick, baseURL, onFeedbackSubmit, isGlobalEditActive, feedbackConfig, fieldLabelMap, }: MessageRenderingProps) => import("react").JSX.Element;
-export default MessageRendering;
+/// <reference types="react" />
+import { FeedbackConfig } from './ChatFeedback';
+interface MessageRenderingProps {
+    index: number;
+    content: string;
+    role: string;
+    messages: any;
+    handleStream: any;
+    scrollToBottom?: any;
+    isLastMessage?: boolean;
+    onSave?: () => void;
+    citations?: any[];
+    setChatSize?: (size: number) => void;
+    chatSize?: number;
+    isStreamEnd?: boolean;
+    messageIsEnd?: boolean;
+    onViewComparison?: () => void;
+    onTypeResponseClick?: () => void;
+    onComparisonLinkClick?: (variantId: string, fieldName: string) => void;
+    baseURL?: string | undefined;
+    onFeedbackSubmit?: (payload: any) => Promise<void>;
+    isGlobalEditActive?: boolean;
+    feedbackConfig?: FeedbackConfig;
+    /**
+     * Schema-driven flow only: AI field key → user-facing label, derived from the
+     * JSON (`buildFieldLabelMap`) so the `updated_fields` / `identified_fields`
+     * cards use the same titles as the RHS form ("Template Title", "Template
+     * Goal", …). Overrides the built-in defaults below; omitted by the legacy
+     * flow, which keeps those defaults.
+     */
+    fieldLabelMap?: Record<string, string>;
+}
+declare const MessageRendering: ({ index, content, role, messages, handleStream, scrollToBottom, isLastMessage, onSave, citations, setChatSize, chatSize, isStreamEnd, messageIsEnd, onViewComparison, onTypeResponseClick, onComparisonLinkClick, baseURL, onFeedbackSubmit, isGlobalEditActive, feedbackConfig, fieldLabelMap, }: MessageRenderingProps) => import("react").JSX.Element;
+export default MessageRendering;
 //# sourceMappingURL=MessageRendering.d.ts.map