Барлық компоненттер

Lyra UI кітапханасының барлық 308 компонентін зерттеңіз. Топ бойынша сүзгілеп, атауы бойынша іздеңіз, тікелей алдын ала көріністерді сынаңыз немесе құжатталған мысалды ашыңыз.

Әңгімелесу және чат

  • Агент жұмыс кеңістігі — Сөйлесу мәтінін, енгізу өрісін және орындалу, құрал, іздеу, дәлелдеу не контекст мәліметтерінің қосымша панелін біріктіретін бейімделетін ЖИ сөйлесу қабығы.
  • Аудио визуализатор — Агенттің бос, тыңдап, ойланып не сөйлеп тұрған күйін көрсететін кенептегі дауыс белсенділігінің көрінісі.
  • Тармақ таңдау — Бір чат хабарламасының қайта жасалған не өңделген нұсқаларын ‹ n / m › түрінде шарлайтын басқарылатын элемент.
  • Чат хабарламасын құрастыру — Биіктігі автоматты өзгеретін, жіберу және тоқтату түймелері кіріктірілген чат енгізу өрісі.
  • Чат хабарламасы — Аватары, белгілері және күйді ескеретін төменгі бөлігі бар рөлге негізделген хабарлама қабығы.
  • Чат көрінісі — Төменге ілесу, соңғы хабарламаға өту түймесі және оқылмағандар бөлгішін басқаратын сөйлесу айналдыру контейнері.
  • Бақылау нүктесі — Чатты бұрынғы күйге қайтару үшін алдымен растауды талап ететін сөйлесудегі қалпына келтіру нүктесі.
  • Код блогы — Қажет болғанда синтаксисті кейін бөлектеу және көшіру түймесі бар қоршалған код көрінісі.
  • Код блогының өзегі — Құрастыруы жеңіл код көрінісі; синтаксисті тек құрастыру кезінде берілген грамматика картасымен бөлектейді.
  • Сөйлесу элементі — Сеанс атауын, қысқа көрінісін және уақытын көрсететін таңдалатын чат тарихы жолы.
  • Генерация көрсеткіштері — ЖИ жауабы ағып жатқанда өткен уақытты, токендерді және өткізу жылдамдығын көрсетеді.
  • Тапсыру бөлгіші — Сөйлесуде басқарудың агенттер арасында ауысуын белгілейтін атаулы бөлгіш.
  • Markdown — GFM кестелері, код және сілтемелері бар Markdown мәтінін тазалап HTML ретінде көрсетеді.
  • Markdown өзегі — Жеңіл Markdown көрінісі; қоршалған кодты тек құрастыру кезінде берілген грамматика картасымен бөлектейді.
  • Хабарлама әрекеттері — Көшіру, қайта генерациялау, өңдеу және кері байланыс түймелері кіріктірілген хабарлама құралдар жолағы.
  • Хабарламаға баға беру — Көмекші хабарламасына бас бармақ жоғары/төмен бағасы; себеп пен түсініктеме панелі қосымша беріледі.
  • Модель таңдау — Провайдер мен модельді бекітілген каталогтан не еркін мәтін арқылы таңдау құралы.
  • Модель параметрлері панелі — Агентті баптауға арналған модель таңдауы мен температура жүгірткісі.
  • Басып тұрып сөйлеу — Басып тұру не ауыстыру режимінде микрофон рұқсатын сұраудан жазбаны аяқтауға дейінгі бүкіл үдерісті басқаратын түйме.
  • Ағын күйі — Жүрек соғысын ескеріп тоқтап қалуды анықтайтын бір ағындық байланыстың кезеңін көрсетеді.
  • Ағынды мәтін — Жылдам токен жаңартуларын біріктіре отырып, көмекшінің ағынды мәтінін біртіндеп көрсетеді.
  • Ағынды мәтін өзегі — Жеңіл ағынды мәтін көрінісі; Markdown режиміндегі қоршалған кодты тек құрастыру кезіндегі грамматика картасымен бөлектейді.
  • Ұсыныс белгілері — Бастапқы не жалғастыру сұрауларының айналмалы жолы; таңдалған мәтінді қолданбаға береді.
  • Сөйлесулер тізімі — Бекіту, мұрағаттау, жою және атауын өзгерту әрекеттері бар топталған, ізделетін сөйлесу бүйірлік жолағы.
  • Транскрипт ағыны — Дауыс сеансындағы тікелей субтитрлер ағыны; аралық мәтін соңғысына жаңарып, төменге автоматты жылжиды.
  • Теру көрсеткіші — Көмекшінің жауап құрастырып жатқанын білдіретін көрнекі белгі.
  • Пайдалану белгісі — Бір хабарлама не орындалу үшін токен, шығын және кідіріс жолағы; меңзердегі нұсқауда бөлінісі көрсетіледі.
  • Дауыс таңдау — Берілген каталогтан TTS дауысын таңдайды; дыбысты алдын ала тыңдау және ескірген мәнді өңдеу бар.
  • Виджетті көрсету — Агент ағынымен келген декларативті JSON виджет ағашын рұқсат етілген түр–компонент тізілімі арқылы көрсетеді.
  • Хабарлама бөліктері — Мәтін, пайымдау, құрал, дәйексөз, тіркеме және медиа бөліктерінен тұратын реттелген, араласа алатын ЖИ хабарламасын көрсетеді.
  • Промпт енгізу — Промпт жазуды тіркемелермен, модель және дауыс таңдауымен, іздеу дереккөздерімен, аталымдармен, пәрмендермен және кезектегі хабарламалармен біріктіреді.
  • Промпт кезегі — Өңдеуге, қайта реттеуге, жоюға не дереу жіберуге болатын келесі промпттардың басқарылатын кезегін жүргізеді.
  • Нақты уақыт сеансы — Байланыс, белсенділік, транскрипт, жазу, дыбысты өшіру және үзу басқаруына арналған провайдерге тәуелсіз дауыс сеансының қабығы.
  • Таңдау құралдар жолағы — Таңдалған мәтіннің қасына сұрау, дәйексөз, сілтеме және көшіру әрекеттерін шығарып, оның құжаттағы орнын сақтайды.

Агент құралдары және бақылау

  • Белсенділік таспасы — Агенттің ұсақ әрекеттерінің тек қосылатын ағындық журналы; орындалу аяқталғанда қадамдар қорытындысына жиналады.
  • Агент бағалауының тақтасы — Көрсеткіш карталарын тренд диаграммасымен және әр орындалудың күй тарихымен біріктіретін басқарылатын бағалау шолуы.
  • Агент сұрағы — Агент не MCP серверінің сұрағына құрылымдалған жауап жинайды; қабылдау, бас тарту және тоқтату әрекеттері бар.
  • Фондық орындалулар — Қолданба басқаратын кезектегі, орындалып жатқан және аяқталған агент тапсырмаларын ашады және тоқтату сұрауларымен көрсетеді.
  • Бюджет өлшегіші — Шектеумен салыстырғандағы қолдануды, соның ішінде дерек жоқ және шектен асқан күйлерді көрсетеді.
  • Өзгерістерді қарау — Қолданба берген файл өзгерістерін қарап, әр бөлікті қалдыру не алып тастау туралы шешім сұрайды.
  • Қосқыштарды басқару — Қолданба басқаратын қосқыштардың байланыс күйін көрсетіп, қосу, ажырату не қайталау әрекеттерін сұрайды.
  • Рұқсат сұрауы — Ауқымы шектелген рұқсат сұрауын ұсынып, пайдаланушының рұқсат беру не тыйым салу таңдауын қолданбаға жеткізеді.
  • Рұқсат ережелері — Қолданба белгілеген рұқсат ережелерін көрсетіп, олардың рұқсат ету, сұрау не тыйым салу шешімдерін өзгертуді сұрайды.
  • Агент орындалуы — Бір агент орындалуына арналған негізгі қабық; күй, өткен уақыт, ағымдағы қадам және шығынды, сондай-ақ тоқтату мен қайталауды көрсетеді.
  • Агент трассасы — Бір ортақ span массиві бойынша span түрі сүзгілері және тапсыруға жылдам өтуі бар иерархиялық агент/LLM трассасы.
  • Мақұлдау кезегі — Құрал шақыруларының пернетақтамен басқарылатын кезегі; әр шақыру ортақ диалогта қаралып, мақұлданады не қабылданбайды.
  • Артефакт панелі — Агент жасаған артефакт қабығы; алдын ала көру мен кодты ауыстыру, нұсқаларды қарау, көшіру және жүктеу әрекеттері бар.
  • Браузер жақтауы — Скриншот ағыны, тек оқылатын URL және басқаруды алу элементтері бар агент компьютері көрінісі.
  • Commit картасы — Өзгеріс статистикасы, әр файлдағы өзгерістер және айырма көрінісіне сілтемелері бар ықшам commit қорытындысы.
  • Салыстыру панелі — Модельдерді арена әдісімен бағалауға арналған, жеңімпазға дауыс берілетін қатарлас A/B нәтиже салыстыруы.
  • Растау жолағы — Ұсынылған бір агент әрекетін мақұлдау не қабылдамау блогы; диалогтың орнына сөйлесу ішінде тұрады.
  • Контекстті тексеру — Токен бағалауы, дәйексөздер, жасырылған дерек белгілері және көшіру/экспорт әрекеттері бар модель шақыруы контекстінің бөліктерін қарау.
  • Бағалау деректер жиыны — Қосу, жою, импорттау және экспорттау мүмкіндігі бар, сүзілетін әрі тегтелетін бағалау мысалдары тізімі.
  • Бағалау нәтижесі — Бір бағалау мысалының орындалуларын салыстыруға арналған критерийлік ұпай және адам тексеруі көрінісі.
  • Бағалау орындалуы — Бағалау топтамасының тікелей ілгерілеуі; жалпы күй және әр мысалдың дәлелдеу мен құрал трассаларын ашатын бөлігі бар.
  • Саясат қорытындысы — Қорғаныс, рұқсат, құпиялық және құрал саясаты шешімдерінің тек оқылатын тізімі; рұқсат, тыйым не қарау қажет себептері түсіндіріледі.
  • Span уақыт диаграммасы — Агент трассасының span бөліктерін ортақ уақыт осінде күйге боялған жолақтармен көрсететін көлденең уақыт сызығы.
  • Шақырулар стегі — JS/TS, браузер және Python стегін ашылатын кадрларға талдайды; ішкі кадрлар жиналады.
  • Тапсырмалар тізімі — Әр қадамның өмірлік циклі күйі мен ішкі қадамдары бар агент жоспарының тікелей, жиырылатын қадағалаушысы.
  • Терминал — Агент не құрал шығарған ағынды оқуға арналған ANSI консоль; іздеу және төменге ілесу мүмкіндігі бар.
  • Тест нәтижелері — Өткен/өтпеген тесттердің қорытындысы; күй бойынша сандар, сүзгі ауыстырғыштары және өздігінен ашылатын қате мәліметтері бар.
  • Ойлау панелі — ЖИ агентінің ағымдағы не кейін қаралған пайымдау мәтініне арналған жиырылатын панель.
  • Құралды мақұлдау диалогы — Құрал орындалмас бұрын ұсынылған шақыруды мақұлдау, қабылдамау не өңдеу үшін адамның шешімін сұрайды.
  • Құрал шақыру блогы — Агенттің бір құрал шақыруына арналған ішкі жиырылатын блок; аргументтерін, қатесін және нәтижесін ашады.
  • Құрал шақыру белгісі — Құрал шақыруының атауын, күйін және ұзақтығын жинақтайтын ықшам белгі.
  • Құрал параметрлерінің пішіні — Құралдың жай JSON Schema анықтамасынан шақыру аргументтерін өңдеуге болатын пішін жасайды.
  • Құрал нәтижесі диалогы — Құрал шақыруының күйін, ұзақтығын және толық нәтижесін көрсететін модальды терезе.
  • Құрал нәтижесі көрінісі — Тіркелген көрсеткіш арқылы құрал нәтижесін береді; болмаса JSON қолданылады.
  • Құрал таңдау диалогы — Қай агент құралдары қосылатынын таңдауға арналған санатталған, ізделетін диалог.
  • Құралдар уақыт сызығы — Агент шақырған құралдардың хронологиялық тізімі; қайталау саны, адам мақұлдауы және сезімтал өрістерді жасыру бар.
  • Трасса ағашы — Агент/LLM трассасының жиырылатын span иерархиясы; ұзақтық жолағы және қосымша токен/шығын бағандары бар.
  • Нәтиже картасы — Арнайы құрал нәтижесі көрсеткіштеріне біркелкі шағын карта көрінісін беретін жиекті қабық.
  • Нәтиже өрісі — Құрал нәтижесі карталары мен тығыз метадерек жолақтарына арналған ықшам белгі/мән жолы.
  • MCP қолданбасы — Орындалатын MCP қолданба ресурсын оқшауланған ортада іске қосып, хост сұрауларын типтелген оқиғалар ретінде жеткізеді.
  • Промпт шеберханасы — Құрылымдалған промпттарды өңдеу, алдын ала көру, нұсқалау, сақтау және орындау үшін провайдерге тәуелсіз жұмыс ортасын береді.
  • Схеманы қарау — Таңдалатын JSON Schema ағаштарындағы шектеулерді, міндетті күйді, біріктіру тармақтарын және тексеру қателерін зерттейді.
  • Қосалқы агент панелі — Қосалқы агент орындалуының басқарылатын иерархиясын күйі, тапсырмасы, моделі, ілгерілеуі және әрекеттерімен көрсетеді.

Іздеу және білім графтары

  • Қауымдастық картасы — Білім графы қауымдастығының қысқаша картасы; мүше белгілері мен егжей-тегжейге өту әрекеті бар.
  • Эмбеддингтерді зерттеу — Қолданба проекциялаған эмбеддинг координаттарының қолжетімді екі өлшемді нүктелік көрінісі; топты түспен белгілеу мен нүкте таңдау мүмкін.
  • Нысан картасы — Білім графындағы нысанға арналған досье картасы; түр белгісі, қасиеттер, байланыс саны және графта көрсету әрекеті бар.
  • Нысан белгісі — Агент мәтініндегі @entity аталымы; меңзерді апарғанда не фокус алғанда алдын ала көрініс ашады.
  • Нысан досьесі — Тақырып, сенімділік көрсеткіші және байланыстар, растайтын үзінділер мен шығу тегі қойындылары бар нысан мәліметтері.
  • Граф — Байланыстарды жылжытуға және үлкейтуге болатын, күшке негізделген түйін-сілтеме диаграммасы түрінде көрсетеді.
  • Граф аңызы — Графтағы түйін түрлерінің белгісі, сонымен қатар көріну сүзгісі ретінде жұмыс істейді.
  • Дерек енгізу кезегі — Енгізу желісінен өтетін құжаттардың басқарылатын тізімі; кезең, ілгерілеу, санақ және қайталау не тоқтату сұрауларын көрсетеді.
  • Білім базасы — Синхрондау күйі, индекстеу сапасы, рұқсаттар және жолдық басқару сұраулары бар іздеу білім базасының дереккөздер тізімі.
  • Білім базасын басқару — Білім базасы дереккөздерін енгізу кезегімен біріктіретін және басқару әрекеттерін қолданбаға жіберетін қойындылы жұмыс қабығы.
  • Білім графын зерттеу — Графты көрсету, нысандарды іздеу, түр сүзгілері, көрші түйіндерді кеңейту және жол табуды біріктіретін шолу ортасы.
  • Ой картасы — Иерархияны кеңістікте қарап, тақырыпты тереңдетуге арналған радиалды кеңейетін тақырып ағашы.
  • Көрші түйіндер тізімі — Бір нысанның байланыс жолдары; әр жолда өту және графта кеңейту мүмкіндігі бар.
  • Түйіндер палитрасы — Түйіндерді үдеріс кенебіне сүйреп не орналастыруға арналған ізделетін, санатталған кітапхана.
  • Жол тізбегі — GraphRAG пайымдау жолын түйін–байланыс–түйін тізбегімен көрсететін ықшам айналмалы жолақ.
  • Үзінділерді тексеру — Тиістілік ұпайы жолақтары мен құжат қарау құралындағы нақты орынға сілтемесі бар, алынған RAG үзінділерінің реттелген тізімі.
  • Дәйексөз белгісі — Меңзер апарғанда алдын ала көрінісі және сенімділік не растау түсі бар жол ішіндегі [n] дәйексөз белгісі.
  • Дәлелдеу қорытындысы — Әр тұжырымның расталу саны, дәйексөз қамтуы, сенімділігі, ескертулері және дәлел сілтемелері бар бағалау картасы.
  • Жад панелі — Қысқа мерзімді контекст пен ұзақ мерзімді естеліктерге арналған агенттің жұмыс жады; сенімділік пен растауға тәуелді әрекеттері бар.
  • Шығу тегі панелі — Бір жауаптың негіздемесін нысандар, байланыстар, қауымдастықтар және үзінділер бойынша ашылатын бөлімдерге бөледі.
  • RAG жауабы — Тазартылған Markdown, дәйексөз белгілері, дәлелдеу бағасы және кеңейтілетін дереккөз көріністерін біріктіретін негізделген жауап.
  • Зерттеу ілгерілеуі — Қолданба берген зерттеу қадамдарын, дереккөздер санын және жалпы аяқталу күйін көрсетеді.
  • Іздеу нәтижелері — Қайталанатындарын алып тастау, дереккөз бойынша топтау, таңдау және ықшам не кеңейтілген көрінісі бар реттелген іздеу үзінділері.
  • Іздеу сұрауы — Іздеу не RAG үшін сұрау жолағы; сүзгі және ауқым белгілері, векторлық/кілтсөз/аралас режим таңдауы мен күй хабарламасы бар.
  • Іздеу трассасы — Сұрауды қайта жазу, эмбеддинг, іздеу, қайта реттеу және сүзгілеу кезеңдеріне арналған дәлелдері ашылатын уақыт сызығы.
  • Дереккөз картасы — Дереккөз атауын, бетін, үзіндісін және кеңейтілетін толық мәтінін көрсететін дәйексөз жазбасы.
  • Дереккөздер тізімі — Чат хабарламасының дәйексөз карталарын бір тақырыпқа біріктіретін жиырылатын панель.
  • Дереккөз таңдау — Келесі жауапты қандай дереккөздер негіздейтінін таңдайтын құсбелгі ағашы; үш күйлі қалталар, бәрін таңдау және іздеу бар.
  • Тұжырым дәлелдері — Жасалған тұжырымдарды дәйексөздермен салыстырып, растау күйін, сенімділікті және дәлелді тексереді.
  • RAG бағалау тақтасы — Қолданба есептеген нәтижелерден RAG сапа көрсеткіштерін, трендтерді, бағалау кесінділерін және орындалу тарихын көрсетеді.
  • Іздеу нәтижелерін салыстыру — Реттелген іздеу және қайта реттеу нәтижелерін қабаттасу мен ұпай бөліністері арқылы қатар салыстырады.

Пішіндер және енгізу өрістері

  • Түйме — Түс реңкі мен өлшем нұсқалары және жүктелу күйі бар, дизайн токендерін қолданатын әрекет түймесі.
  • Құсбелгі — Белгіленген, белгіленбеген және анықталмаған күйлері бар логикалық пішін элементі.
  • Құсбелгілер тобы — Өзара байланысты құсбелгілерді пішінге тіркелген, тексерілетін көп таңдаулы бір өріске біріктіреді.
  • Код редакторы — Жол нөмірлеріне арналған қосымша жиегі бар, тәуелділіксіз көпжолды код редакторы.
  • Түс таңдау құралы — Белгісі, нұсқауы және тексеру қатесі бар, пішінге тіркелген төл түс енгізу өрісі.
  • Аралас таңдау өрісі — Мәтін енгізуді қалқымалы тізіммен біріктіретін, сүзгілеуге болатын бір не көп таңдаулы өріс.
  • Күн енгізу өрісі — Қосылған күнтізбе терезесі және ISO-8601 мәні бар күн өрісі.
  • Күн таңдау құралы — Бір күнді не күндер аралығын таңдауға арналған, бет ішінде көрсетілетін айлық күнтізбе.
  • Эмодзи таңдау құралы — Іздеуге, пернетақтамен басқаруға болатын және пішінге тіркелген эмодзи таңдау құралы.
  • Белгіше түймесі — Тек белгішеден тұратын ықшам әрі қолжетімді түйме арқылы әрекетті іске қосады.
  • Енгізу өрісі — Қосымша белгісі, нұсқауы және орнында көрсетілетін тексеру күйі бар біржолды мәтін өрісі.
  • Ел таңдағышы — Аударылған атаулар, жалаушалар және қосымша іздеу арқылы ел мен аумақ кодтарын таңдайды.
  • Валюта таңдағышы — Аударылған атаулар, таңбалар және қосымша іздеу арқылы валюта кодтарын таңдайды.
  • Уақыт белдеуін таңдағыш — Реттелген тізімнен уақыт белдеулерінің идентификаторларын қосымша іздеу арқылы таңдайды.
  • Өлшем бірлігін таңдағыш — Аударылған атаулар, таңбалар және қосымша іздеу арқылы өлшем бірліктерін таңдайды.
  • Тілдік нұсқаны таңдау — Кітапхананың тіл тізілімінен алынатын, белсенді тілді ауыстыруға арналған жабық тізім.
  • Сан енгізу өрісі — Ең аз, ең көп және қадам шектеулері бар, төл шектеу тексеруін қолданатын сан өрісі.
  • Таңдау нұсқасы — Аралас таңдау өрісіне мән, белгі, топ және күй дерегін беретін таңдалатын нұсқа.
  • Телефон енгізу өрісі — Елді ескеретін телефон өрісі; оның пішіндегі мәні стандартты E.164 пішімінде болады.
  • Бір нұсқаны таңдау — Жиыннан бір ғана нұсқаны таңдауға арналған, пішінге тіркелген басқару элементі.
  • Бір нұсқалы түймелер тобы — Белгісі бар және пернетақтамен басқарылатын бір нұсқалы түймелер тобы.
  • Бағалау критерийлері пішіні — Бағалау кезегін өңдеуге арналған, ұпай, санат және түсініктеме критерийлері бапталатын әрі жіберіп келесіге өтетін пішін.
  • Таңдау тізімі — Белгілі бір нұсқалар жиынынан біреуін таңдауға арналған жабық ашылмалы тізім.
  • Signature pad — Accessible form control for drawing a signature with pointer or keyboard input.
  • Жүгірткі — LLM температурасы не дыбыс деңгейі сияқты сандық параметрлерге арналған ауқым басқару элементі.
  • Түс үлгісін таңдау — Шағын бекітілген түс үлгілері жиынынан біреуін таңдайды; радиотоп семантикасы кіріктірілген.
  • Ауыстырғыш — Төл пішіндерге арналған қосулы/сөнулі логикалық ауыстырғыш.
  • Мәтін аймағы — Биіктігі автоматты өсетін, тексеруі мен пішін басқару белгілері бар көпжолды жай мәтін өрісі.
  • Уақыт енгізу өрісі — Тілді ескеретін бөліктерге бөлінген уақыт өрісі, бағанды таңдау құралы қоса берілген; браузердің төл input[type=time] түрі — lr-native-time-input.
  • Уақыт аралығы — Сандық ауқымда басталу және аяқталу шегін таңдауға арналған екі тұтқалы таңдау жолағы.
  • Ауыспалы түйме — aria-pressed семантикасы арқылы опцияны қосып не өшіретін, күйін өзі басқаратын түйме.
  • Ауыспалы түймелер тобы — Ауыспалы түймелерді бір Tab аялдамасына біріктіреді; бірнешеуін не тазартылатын біреуін таңдауға болады.
  • Төл уақыт енгізу өрісі — Бөліктерге бөлінген lr-time-input орнына платформаның таңдау құралы қажет болғанда қолданылатын, Lyra белгісі, нұсқауы және тексеруімен қапталған браузердің төл уақыт өрісі.
  • Бір реттік код енгізу — Бір реттік растау кодын енгізетін, SMS-тен автоматты толтыруы бар бөліктелген өріс.
  • Бір нұсқалы түйме — Шеңбер емес, түйме түрінде көрсетілетін бір нұсқалы басқару элементі; әдетте lr-radio-group ішінде қолданылады.
  • Токендер енгізу — Тегтер не алушылар сияқты жойылатын токендер тізімін жинайтын, пішінге тіркелген өріс.

Деректерді көрсету

  • Граф сұрауын құрастыру — Нысан тіректері, түр сүзгілері, қадам шектері және сақталған сұраулары бар, граф байланысы не жолы туралы типтелген сұрауға арналған пішін редакторы.
  • Күнтізбе — Оқиға белгілері және пернетақтаға қолжетімді күн тәртібі көрінісі бар бейімделетін айлық күнтізбе.
  • Контекст өлшегіші — Токен бюджеті не контекст терезесінің толуын көрсететін бөліктелген жолақ не сақина.
  • Құжаттар кітапханасы — Нұсқалар, тегтер, иелер, жаңалық күйі, сұрыптау және топтық таңдау мүмкіндігі бар ізделетін әрі сүзілетін құжат тізімі.
  • Орта айнымалылары тізімі — Орта айнымалылары мен құпияларға арналған жасырылған кілт/мән тізімі; әр жолды ашуға және көшіруге болады.
  • Файлдар ағашы — Git күй белгілері және каталогтарды кейін жүктеуі бар ағаш компонентіне негізделген файл шолғышы.
  • Үдеріс кенебі — Көрнекі DAG жұмыс үдерістерін құрастырып, орындауға арналған жылжытылатын және үлкейтілетін кенеп.
  • Үдеріс басқару түймелері — Үдеріс кенебін үлкейтуге, сыйғызуға және бекітуге арналған түймелер тобы.
  • Үдерістің шағын картасы — Үдеріс кенебінің бұрышындағы, көрініс аймағын сүйреуге болатын шолу картасы.
  • Үдеріс түйіні — Үдеріс кенебіне арналған тақырыбы, күй реңкі және байланыс тұтқалары бар түйін картасы.
  • Үдеріс орындалу күйі — Үдеріс кенебіне орындалу күйінің белгілерін қосып, қадамдардың ықшам қорытынды жолағын көрсетеді.
  • Шұңғыма диаграммасы — Әр кезеңдегі конверсия азаюын бірінші кезеңге шаққандағы бағандармен көрсетеді.
  • Шкала — Бір мәнді радиалды, сақиналы немесе сызықтық өлшегіш түрінде көрсетеді.
  • Жылу картасы — Мәндер матрицасын не күнтізбе торын өлшемге бейімделетін кенеп жылу картасы ретінде сызады.
  • Беттеу — Бетке тікелей өту және элемент аралығы қорытындысы бар басқарылатын бет навигациясы.
  • Шарттар құрастыру — Өріс, оператор және мән жолдарын AND/OR біріктіргішімен біріктіретін кесте не басқару тақтасы деректеріне арналған құрылымдалған сұрау құралы.
  • Күйлер тізбегі — Санаттық күйлер ретін түсті ұяшықтармен және қосымша белгімен көрсететін ықшам жолақ.
  • Шағын тренд диаграммасы — Деректер қатарының трендін сызық, боялған аймақ не баған түрінде ықшам SVG арқылы сызады.
  • Статистика — Өлшем бірлігі, тренд белгісі, бөлініс жолдары және қосымша шағын диаграммасы бар бір KPI көрсетеді.
  • Кесте — Сұрыпталатын тақырыптары, таңдауы, сүзгілеуі және беттеуі бар деректер кестесі.
  • Уақыт сызығы — Аудит ізі, агент тарихы және өзгерістер журналына арналған өткен оқиғалардың жалғасқан жолдары.
  • Уақыт сызығының элементі — Түспен белгіленген маркері, атауы, уақыты және сипаттамасы бар бір оқиға жолы.
  • Ағаш — Граф, құжат не файл ағашын шарлау үшін кеңейіп-жиырылатын иерархия.
  • Ағаш түйіні — Ағаш ішіндегі бір түйін мен оның ұрпағын көрсететін рекурсивті жол.
  • Сөздер бұлты — Әр сөзді салмағына сай үлкейтетін, тәуелділіксіз SVG тегтер бұлты.
  • Деректер торы — Ірі не серверлік деректер жиындарына арналған виртуалдандырылған тор; сұрыптау, сүзгілеу, топтау, беттеу және таңдау кіріктірілген.

Диаграммалар

  • Бағанды диаграмма — Санаттар арасындағы мәндерді тік не көлденең бағандармен салыстырады.
  • Қорапты диаграмма — Алдын ала есептелген бес сандық қорытынды бойынша таралуды жинақтайды.
  • Көпіршікті диаграмма — Әр нүктенің үш өлшемін x, y орны және көпіршік радиусы арқылы сызады.
  • Диаграмма — Сызықтық, бағанды, дөңгелек және басқа көрнекіліктерге негіз болатын Chart.js қабығы.
  • Сақиналы диаграмма — Бүтіннің бөліктерін сақина сегменттері ретінде көрсетеді.
  • Гистограмма — Сандық мәндерді бірдей енді аралықтарға бөліп, олардың таралуын көрсетеді.
  • Сызықтық диаграмма — Бір не бірнеше жалғасқан қатар арқылы үздіксіз ось бойындағы трендті қадағалайды.
  • Жеңіл диаграмма — Chart.js қажет етпейтін, жай SVG түрінде салынатын тәуелділіксіз бағанды және сызықтық диаграмма.
  • Дөңгелек диаграмма — Бір қатардың бүтіндегі үлесін көрсететін пропорционал дөңгелек диаграмма.
  • Полярлық аймақ диаграммасы — Әр санатты мәніне қарай өлшемделген сына түрінде көрсететін полярлық диаграмма.
  • Радар диаграммасы — Бір қатардың бірнеше көрсеткішін радиалды торда салыстырады.
  • Нүктелік диаграмма — Сызықтық осьтерде x/y нүктелерінің бастапқы жұптарын сызады.

Орналасу және навигация

  • Аккордеон — Ашылатын панельдер тобын үйлестіреді; қажет болса бірнешеуін қатар ашуға болады.
  • Аккордеон элементі — Аккордеон тобына салуға арналған мазмұны ашылып-жиырылатын панель.
  • Қолданбаның бүйірлік жолағы — Толық көріністен тек белгішеге, одан мобильді қабатқа бейімделетін навигация жолағы.
  • Бүйірлік жолақ тобы — Қолданба жолағындағы навигация элементтерін біріктіретін, атауы бар және қажет болса жиырылатын бөлім.
  • Бүйірлік жолақ элементі — Белгішесі мен мәтіні бар навигация элементі; жиырылғанда тек белгіше көрсетіледі.
  • Навигация тізбегі — Пайдаланушының бет иерархиясындағы орнын көрсететін бейімделетін навигация жолы.
  • Навигация тізбегінің элементі — Навигация жолындағы бір сілтеме не ағымдағы бет белгісі.
  • Түймелер тобы — Өзара байланысты әрекет түймелерін бір атаулы, бейімделетін топқа біріктіреді.
  • Карта — Тақырып, медиа, төменгі бөлік және әрекеттер слоттары бар жиекті мазмұн беті.
  • Карусель — Пернетақта навигациясы, индикаторлар, қайталану және автоматты айналдыруы бар қолжетімді слайд каруселі.
  • Карусель элементі — Карусельдің бір баласын бірізді стильде көрсететін қосымша семантикалық слайд қабығы.
  • Пәрмендер палитрасы — Пернетақтамен басқару және жылдам пернелері бар ізделетін қолданба пәрмендер мәзірі.
  • Басқару элементтері тобы — Әртүрлі пішін элементтері мен әрекет түймелерін бір бейімделетін құралдар жолағына біріктіреді.
  • Басқару тақтасының торы — Орналасу элементтерін қоятын және жылжыту, өлшем өзгерту, қақтығыс сұрауларын шығаратын бейімделетін, пернетақтаға қолжетімді виджет торы.
  • Мәліметтер — Қысқаша тақырыптың астындағы мазмұнды ашатын қолжетімді панель.
  • Бекітілген панель — Бар орналасудың бір жиегіне бекітілетін, өлшемі өзгеретін және жиырылатын панель.
  • Егжей-тегжей панелі — Диаграмма не кесте дерегінен байланысты дәлелдерге, құжаттарға, нысандарға немесе агент орындалуына навигация тізбегімен өтетін басқарылатын панель.
  • Ашылмалы мәзір элементі — Ашылмалы мәзірдегі бір әрекет жолына арналған Web Awesome-пен үйлесімді балама атау.
  • Сүзгілер жолағы — Lyra енгізу өрістері мен жойылатын белгілерден құралған, тазарту және жүктелу күйлері бар басқару тақтасының сүзгілер жолы.
  • Мәзір — Жылжымалы фокус пен ішкі мәзірлері бар әрекет элементтерінің бет ішіндегі семантикалық мәзірі.
  • Мәзір элементі — Қосымша белгішесі, құсбелгісі не қауіпті әрекет стилі бар бір мәзір жолы.
  • Қайта реттеу элементі — Кез келген слот мазмұнымен бірге жоғары/төмен жылжыту түймелері бар қайта реттелетін тізімнің бір жолы.
  • Қайта реттелетін тізім — Әр жолдың түймелерімен не Ctrl/Cmd+бағыт пернесімен реті өзгертілетін әмбебап тізім.
  • Мәзір белгісі — Мәзір ішіндегі байланысты элементтерді топтауға арналған интерактивті емес бөлім тақырыбы.
  • Мәзір жолағы — Толық пернетақта навигациясы бар атаулы ашылмалы мәзірлерден тұратын көлденең қолданба жолағы.
  • Мәзір жолағының элементі — Ішіндегі мәзірді ашатын не жай әрекет атқаратын жоғарғы деңгейдегі мәзір атауы.
  • Навигация мәзірі — Орын тарылғанда түйменің артына жиырылатын, сілтемелері мен қалқымалы панельдері бар сайт тақырыбының навигациясы.
  • Навигация мәзірінің элементі — Бет сілтемесі не қалқымалы панельді ашатын түйме түріндегі бір навигация элементі.
  • Бет — Бөлінген өлшемге қарай навигациясын жұмыс үстеліндегі баған мен мобильді модальды панель арасында ауыстыратын қолданбаның семантикалық қабығы.
  • Бейімделетін панель — Жұмыс үстелінде мазмұнды бет ішінде, ал мобильдіде қалқымалы парақ ретінде көрсетеді.
  • Айналдыру аймағы — Карталар мен қойындылар жолдарына арналған қосымша алдыңғы/келесі басқаруы бар бейімделетін жылжымалы аймақ.
  • Бөліктелген таңдау — Бірнеше атаулы нұсқаның бірін бірден таңдауға арналған түймелер жолы.
  • Көп панельді бөлу — Басқару тақтасын сүйреп өлшемі өзгеретін панельдерге бөледі; бейімделіп жиырылуы мүмкін.
  • Бөлінген панель — Мазмұнды бір бөлгішпен сүйреп өлшемі өзгеретін екі аймаққа бөледі; lr-multi-split-ке қарапайым балама.
  • Қадамдық шебер — Әр қадамның күйі және бірден қадамға өтуі бар реттелген көпқадамды үдеріс арқылы жетелейді.
  • Қойындылар — Бір мезетте бір ғана light-DOM панелін көрсететін, пернетақтамен толық басқарылатын қойындылар жолағы.
  • Қойынды — panel және name атрибуттарымен қойындылар тобындағы сәйкес панельге байланатын Web Awesome/Shoelace үйлесімді сипаттама.
  • Қойынды панелі — name және panel атрибуттарымен қойындылар тобындағы сәйкес қойындыға байланатын Web Awesome/Shoelace үйлесімді панель.
  • Виртуалды тізім — Өте үлкен тізімдер үшін тек экранда көрінетін жолдарды салатын терезеленген тізім қабығы.
  • Виджет — Қажет болса жиырылатын және толық экранға ашылатын, атауы бар панель қабығы.

Қалқымалы қабаттар және кері байланыс

  • Қысқа хабарламалар аймағы — Экран бұрышына уақытша хабарламаларды тізбектеп бекітетін аймақ.
  • Қысқа хабарлама — Маңыздылық түсі, қосымша белгіше және автоматты жабылу таймері бар, жеке жабылатын хабарлама.
  • Белгі — Тег, сүзгі не ауқым үшін шағын сопақ белгі; оны жоюға не ауыстыруға болады.
  • Белгілер тобы — Белгілер саны шектен асқанда қосымша +N ашу түймесімен оларды топтайды.
  • Ескерту — Әдепкіде жабық болатын, таймермен өзі жасырылатын және ортақ қысқа хабарламалар аймағына беріле алатын ескерту.
  • Мәртебе белгісі — Күйді, санды не санатты жол ішінде көрсететін ықшам белгі.
  • Назар аударту блогы — Күй, ескерту не қате мазмұнын көрсететін, жабылатын жол ішіндегі хабарлама беті.
  • Контекст мәзірі — Кез келген аймақта оң жақ басу, ұзақ басу не Shift+F10 арқылы әрекет мәзірін ашады.
  • Диалог — Растаулар, пішіндер және назарды қажет ететін тапсырмаларға арналған фокусты іште ұстайтын модальды терезе.
  • Жылжымалы панель — Сүзгілер не контекст әрекеттері үшін экранның кез келген жиегінен модальды панель сырғытады.
  • Ашылмалы мәзір — Қолданба иелік ететін іске қосқышқа әрекеттер тізімін бекітетін мәзір рөліндегі қалқымалы терезе.
  • Бос күй — Бос не дерек жоқ күйді белгіше, хабарлама және қосымша әрекеттер арқылы түсіндіреді.
  • Пернетақта пернесі — Платформаны ескеріп, пернетақта жарлығын перне қалпақтары ретінде көрсететін белгі.
  • Қалқымалы мазмұн — Басқанда ашылып, сыртты басқанда жабылатын контекст мазмұны мен басқаруға арналған қалқымалы бет.
  • Қалқымалы панель — Қалқымалы панельді тірегіне қатысты ұстайтын төмен деңгейлі орналастыру құралы; popover мен tooltip те осыны қолданады.
  • Ілгерілеу жолағы — Мәні қосымша көрсетілетін, анықталған не анықталмаған көлденең ілгерілеу белгісі.
  • Ілгерілеу сақинасы — Ортасында белгісі бар, анықталған не анықталмаған дөңгелек ілгерілеу белгісі.
  • Бағалау — Бөлшек дәлдікпен жартылай толтырылатын, пернетақтаға қолжетімді жұлдызды баға.
  • Қаңқа көрініс — Мазмұн жүктелгенше оның орнын басатын анимацияланған толтырғыш.
  • Жүктелу көрсеткіші — Анықталмаған анимацияланған белгі арқылы жүріп жатқан фондық жұмысты көрсетеді.
  • Тег — Кілтсөздер мен санаттарды белгілеуге арналған мәртебе белгісінің семантикалық баламасы.
  • Қалқымалы нұсқау — Тұтынушы берген нысанды сипаттайтын, меңзер мен фокуста ашылатын нұсқау.

Құжаттар мен файлдарды қарау құралдары

  • Мұрағатты қарау — ZIP мұрағатының ішіндегі файл аттары мен сығылмаған өлшемдерін шығармай-ақ тізеді.
  • Күнтізбені қарау — .ics күнтізбе файлын талдап, оқиғаларды қысқаша атауы, уақыты және орны бойынша көрсетеді.
  • Байланыстарды қарау — vCard құжатын алып, әр контакт үшін қолжетімді карта жасайды.
  • CSV қарау — CSV файлын алып, жолдарын виртуалдандырылған жылжымалы парақта көрсетеді.
  • Деректер жиынын қарау — Бөлгіштері бар мәтінді алып, оны типтелген қолжетімді дерек кестесіне айналдырады.
  • Құжаттарды салыстыру — Екі құжат нұсқасын қатар не бір көріністе салыстырады; мәтін айырмасын құжат көріністерімен біріктіреді.
  • Құжатты алдын ала көру — MIME түріне қарай құжатты не тіркемені бет ішінде көрсетеді; мүмкін болмаса жүктеуді ұсынады.
  • Құжатты қарау — MIME түріне сай қосылатын көрсеткіштер тізілімі арқылы құжатты диалогта көрсетеді.
  • DOCX қарау — Mammoth түрлендіргіші арқылы DOCX файлын тазартылған семантикалық HTML ретінде көрсетеді.
  • Электрондық кітапты қарау — Қосымша epub.js тәуелділігі арқылы EPUB кітапты тараулар навигациясымен көрсетеді.
  • Электрондық хатты қарау — .eml хабарламасын талдап, тақырыптарын, тазартылған денесін және тіркемелерін көрсетеді.
  • GeoJSON қарау — GeoJSON файлының нысандарын алып, тексеріп, картада көрсетеді.
  • Бөлектеу қабаты — Орны белгілі құжат мазмұнының үстінен басылатын бөлектеу тіктөртбұрыштарын салады.
  • HTML қарау — URL мазмұнын алып, HTML-ін тазартқаннан кейін қауіпсіз көрсетеді.
  • HTML бөлігін кірістіру — HTML үзіндісін алып, тазартылған light-DOM бет мазмұнына қосады.
  • Жазба дәптерін қарау — Markdown, код және кеңейтілген ұяшық нәтижелерін біріктіретін тек оқылатын Jupyter дәптері.
  • Беттер жолағы — Беттері бойынша қаралатын құжатты шарлауға арналған виртуалдандырылған тік нобайлар жолағы.
  • PDF қарау — PDF беттерін алып, үлкейту, беттеу және таңдалатын мәтін қабатымен көрсетеді.
  • PPTX қарау — PowerPoint PPTX таныстырылымын браузердің өзінде мүмкіндігінше көрсетеді.
  • Электрондық кестені қарау — .xlsx және ескі .xls жұмыс кітаптарын алып, парақ қойындылары және виртуалдандырылған жолдармен көрсетеді.
  • SVG қарау — URL-ден SVG құжатын алып, тазартқаннан кейін бет ішінде қауіпсіз көрсетеді.
  • XML қарау — XML құжатын зерттеуге арналған жиырылатын және көшірілетін ағаш көрінісі.

Медиа және файлдар

  • Тіркеме белгісі — Хабарламаға тіркелген файлға арналған ықшам белгі; жүктеу күйі, ілгерілеу және қайталау бар.
  • Аватар — Адамды не нысанды белгіше, сурет немесе бас әріптер арқылы көрсететін шағын тану белгісі.
  • Анимацияланған сурет — Азайтылған қозғалысты ескеретін ойнату/тоқтату түймесімен GIF/APNG/WebP анимациясын көрсетеді.
  • Анимация — Слоттағы баланы атаулы дайын үлгілермен не арнайы кадрлармен декларативті түрде жандандырады.
  • Тіркеме қосу — Чат хабарламасын құрастыруда файл таңдағышты не мүмкіндіктер мәзірін ашатын ықшам тіркеу түймесі.
  • Аудио/видео ойнатқыш — Уақытпен сәйкестелген транскрипт, дыбыс толқыны және ойнату жылдамдығы басқаруы бар ойнатқыш.
  • Аватарлар тобы — Қабаттасқан аватарларды ықшам жолға жинап, артығын +N белгісіне біріктіреді.
  • Файл тастау аймағы — Жеке файл таңдағышсыз кез келген аймақты сүйреп апарылған файлды қабылдайтын орынға айналдырады.
  • Файл белгішесі — MIME түрі не файл аты бойынша анықталатын жергіліктендірілген файл түрі белгісі.
  • Файл енгізу өрісі — Сүйреп апару не басып таңдау арқылы файл қабылдап, таңдалған файлдарды шығаратын аймақ.
  • Ту — Ел не тіл туын тақырыпқа бейімделетін, қажет болса дөңгелек жақтауда көрсетеді.
  • Суреттерді салыстыру — Алдыңғы және кейінгі суреттерді қатар салыстыру үшін пернетақтамен басқарылатын бөлгішті жылжытады.
  • Суретті қарау — Аймақтары белгіленетін және қосымша түсініктемелері бар толық жылжыту/үлкейту мүмкіндігі бар растрлық сурет құралы.
  • Лайтбокс — Алдыңғы/келесі навигациясы және үлкейтуі бар толық экранды модальды сурет құралы.
  • Карта — Аңыз, хороплет және маркерлері декларативті берілетін MapLibre GL картасының қабығы.
  • Медиа картасы — Чат хабарламасының ішіндегі сурет, видео не файл тіркемесінің қысқаша көрінісі.
  • Жылжыту және үлкейту — Слот мазмұнын не бір суретті шектелген ауқымда жылжытып, үлкейтуге арналған айналмалы көрініс аймағы.
  • Тізбекті ойнату — Бекітілген таймер бойынша индексті аралықта жылжытатын ойнату/тоқтату басқаруы.
  • QR коды — Кез келген мәнді кенепке салынатын сканерленетін QR таңбасына кодтайды.
  • Видео — Арнайы басқару түймелері, таңдалатын субтитрлер және нобай көріністері бар бет ішіндегі ойнатқыш.
  • Видео ойнату тізімі — Видеоларды шарланатын тізімде бірінен соң бірін ойнатып, әрқайсысы біткенде келесісіне өтеді.
  • Үлкейтілетін жақтау — Нақты үлкейту қадамдары бар оқшауланған iframe көрінісі; бұрынғы слот/сурет тексеру беті — lr-pan-zoom.

Қосымша құралдар

  • Қиылысуды бақылаушы — Слоттағы нысан көрініс аймағына кіргенде не шыққанда төл қиылысу жазбаларын шығарады.
  • Өзгерістерді бақылаушы — Слоттағы DOM элементтері мен атрибут өзгерістерін бақылап, төл өзгеріс жазбаларын жібереді.
  • Өлшемді бақылаушы — Слоттағы элементтерді бақылап, көрнекі қабықсыз типтелген өлшем өзгерісін шығарады.
  • Көшіру түймесі — Мәтін мәнін алмасу буферіне көшіріп, құсбелгімен растау беретін тек белгішелі түйме.
  • Айырманы қарау — Екі мәтін жолының нақты жолдық айырмасын түспен белгіленген бірыңғай diff түрінде көрсетеді.
  • Бөлгіш — Мазмұнды көлденең не тігінен бөлетін, тақырыпқа бейімделетін семантикалық сызық.
  • Экспорттау түймесі — Кесте деректерін CSV не JSON түрінде бірден немесе пішім мәзірі арқылы жүктейді.
  • Байттарды пішімдеу — Тілді ескеретін байт өлшемі пішімі; бірлік қадамы мен дәлдігін баптауға болады.
  • Күнді пішімдеу — Intl.DateTimeFormat арқылы тілге сай күн мен уақытты пішімдейді.
  • Санды пішімдеу — Intl.NumberFormat арқылы тілге сай сан, валюта және ықшам санды пішімдейді.
  • Белгіше — Кіріктірілген атаулы жолдар жиынынан ешбір тәуелділіксіз анық SVG белгішелерін салады.
  • JSON қарау — Кез келген JSON дерегін зерттеуге арналған жиырылатын және көшірілетін ағаш көрінісі.
  • Белгілі күнді енгізу — Пайдаланушы бұрыннан білетін күнге арналған күн/ай/жыл үш өрісті енгізу.
  • Тікелей хабарлау аймағы — Экран оқығыш хабарландыруларын реттеп отыратын, көзге көрінбейтін ARIA live region.
  • Атау автотолтыруы — Мәтін өрісіндегі @аталымдар мен /пәрмендер үшін курсорға бекітілген автотолтыру.
  • Жаңарту күйі — Келесі жоспарланған жаңартуға дейінгі кері санақ; кідірту мен жалғастыру басқаруы кіріктірілген.
  • Кездейсоқ мазмұн — A/B мәтіні және пікірлер үшін слоттағы балаларды кездейсоқ не ретімен алмастырады.
  • Салыстырмалы уақыт — Тілге сай салыстырмалы уақыт белгісін көрсетіп, оны өзі жаңартады.
  • Таныстыру туры — Өнімді алғаш қолдануға арналған, аймақты жарықпен бөлектейтін қадамдық таныстыру.
  • Көзге көрінбейтін мазмұн — Мазмұнды көзден жасырып, экран оқығышқа қолжетімді қалдырады; фокус түскенде қайта көрсетеді.