@bothub-chat/ui 2.51.3-develop-6b7e7c69-04b5-49fd-a4ce-6f255dac5c71 → 2.51.3-develop-7dbd19e5-6214-435c-bca6-1ac10610f47f

package/dist/components/adaptive-button/styled.d.ts

@@ -30,7 +30,6 @@ export declare const AdaptiveButtonTooltip: import("styled-components").IStyledC
     align?: import("@/ui/components/tooltip").TooltipAlign | undefined;
     inverted?: boolean | undefined;
     label?: import("react").ReactNode;
-    contentWidth?: number | undefined;
     disabled?: boolean | undefined;
     disableHiddenAnimation?: boolean | undefined;
     markdown?: boolean | undefined;

package/dist/components/message/file/index.js

@@ -1 +1 @@
-import{__rest as t}from"tslib";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{MessageFileStyled as r,MessageFileInfo as e,MessageFileName as s,MessageFileSize as m}from"./styled.js";export{MessageFiles}from"./styled.js";import{IconProvider as n}from"../../icon/context.js";import"../../icon/styled.js";import"react";import"@react-spring/web";import"react-markdown";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import{PdfBigIcon as c}from"../../../icons/pdf-big/index.js";import{TxtBigIcon as p}from"../../../icons/txt-big/index.js";import{WordBigIcon as l}from"../../../icons/word-big/index.js";import{XlsBigIcon as a}from"../../../icons/xls-big/index.js";import{useMessage as d}from"../context.js";import{AttachFileBigIcon as f}from"../../../icons/attach-file-big/index.js";import{useTheme as x}from"../../../theme/hook.js";const j=j=>{var{icon:h,name:g,size:y}=j,$=t(j,["icon","name","size"]);const b=x(),{variant:w,color:v}=d();let u;return u="string"!=typeof g||h?h:g.match(/.txt$/i)?o(p,{}):g.match(/.doc$/i)||g.match(/.docx$/i)?o(l,{}):g.match(/.xls$/i)||g.match(/.xlsx$/i)?o(a,{}):g.match(/.pdf$/i)?o(c,{}):o(f,{}),i(r,Object.assign({},$,{children:[o(n,{fill:b.default.colors.base.white,size:46,children:u}),i(e,{children:["string"==typeof g&&i(s,{$variant:w,$color:v,children:[g.length>32&&"...",g.slice(-32)]}),"string"!=typeof g&&g,"string"==typeof y&&o(m,{$variant:w,$color:v,children:y}),"string"!=typeof y&&y]})]}))};export{j as MessageFile,e as MessageFileInfo,s as MessageFileName,m as MessageFileSize,r as MessageFileStyled};
+import{__rest as t}from"tslib";import{jsx as i,jsxs as o}from"react/jsx-runtime";import{MessageFileStyled as r,MessageFileInfo as e,MessageFileName as s,MessageFileSize as m}from"./styled.js";export{MessageFiles}from"./styled.js";import{IconProvider as n}from"../../icon/context.js";import"../../icon/styled.js";import"react";import"@react-spring/web";import"react-markdown";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import{PdfBigIcon as c}from"../../../icons/pdf-big/index.js";import{TxtBigIcon as p}from"../../../icons/txt-big/index.js";import{WordBigIcon as a}from"../../../icons/word-big/index.js";import{XlsBigIcon as l}from"../../../icons/xls-big/index.js";import{useMessage as d}from"../context.js";import{AttachFileBigIcon as f}from"../../../icons/attach-file-big/index.js";import{useTheme as x}from"../../../theme/hook.js";const j=j=>{var{icon:h,name:g,size:y}=j,b=t(j,["icon","name","size"]);const $=x(),{variant:w}=d();let v;return v="string"!=typeof g||h?h:g.match(/.txt$/i)?i(p,{}):g.match(/.doc$/i)||g.match(/.docx$/i)?i(a,{}):g.match(/.xls$/i)||g.match(/.xlsx$/i)?i(l,{}):g.match(/.pdf$/i)?i(c,{}):i(f,{}),o(r,Object.assign({},b,{children:[i(n,{fill:$.default.colors.base.white,size:46,children:v}),o(e,{children:["string"==typeof g&&o(s,{$variant:w,children:[g.length>32&&"...",g.slice(-32)]}),"string"!=typeof g&&g,"string"==typeof y&&i(m,{$variant:w,children:y}),"string"!=typeof y&&y]})]}))};export{j as MessageFile,e as MessageFileInfo,s as MessageFileName,m as MessageFileSize,r as MessageFileStyled};

package/dist/components/message/file/styled.d.ts

@@ -577,7 +577,6 @@ export declare const MessageFileInfo: import("styled-components").IStyledCompone
 }>;
 export interface MessageFileNameProps {
     $variant: MessageVariant;
-    $color: MessageColor;
 }
 export declare const MessageFileName: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
@@ -1163,7 +1162,6 @@ export declare const MessageFileSize: import("styled-components").IStyledCompone
     onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     ref?: import("react").Ref<HTMLSpanElement> | undefined;
     $variant: MessageVariant;
-    $color: MessageColor;
 }>;
 export declare const MessageFiles: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").Ref<HTMLDivElement> | undefined;

package/dist/components/message/file/styled.js

@@ -1 +1 @@
-import{styled as e}from"styled-components";import{Typography as s}from"../../typography/index.js";const t=e.a.withConfig({displayName:"styled__MessageFileStyled",componentId:"sc-153xrgf-0"})(["display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;width:100%;"]),a=e.div.withConfig({displayName:"styled__MessageFileInfo",componentId:"sc-153xrgf-1"})(["display:flex;flex-direction:column;gap:8px;align-items:flex-start;"]),i=e(s).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__MessageFileName",componentId:"sc-153xrgf-2"})(["color:",";"],({theme:e,$variant:s,$color:t})=>"assistant"===s?e.colors.base.white:"default"!==t?e.default.colors.base.white:e.bright||"standard"===e.sceme&&"light"===e.mode?e.default.colors.base.black:e.default.colors.base.white),o=e(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageFileSize",componentId:"sc-153xrgf-3"})([""]),l=e.div.withConfig({displayName:"styled__MessageFiles",componentId:"sc-153xrgf-4"})(["display:flex;flex-direction:column;align-items:flex-start;gap:12px;"]);export{a as MessageFileInfo,i as MessageFileName,o as MessageFileSize,t as MessageFileStyled,l as MessageFiles};
+import{styled as e}from"styled-components";import{Typography as s}from"../../typography/index.js";const t=e.a.withConfig({displayName:"styled__MessageFileStyled",componentId:"sc-153xrgf-0"})(["display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;width:100%;"]),i=e.div.withConfig({displayName:"styled__MessageFileInfo",componentId:"sc-153xrgf-1"})(["display:flex;flex-direction:column;gap:8px;align-items:flex-start;"]),a=e(s).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__MessageFileName",componentId:"sc-153xrgf-2"})(["color:",";"],({theme:e,$variant:s})=>"assistant"===s?e.colors.base.white:e.bright||"standard"===e.scheme&&"light"===e.mode?e.default.colors.base.black:e.default.colors.base.white),o=e(a).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageFileSize",componentId:"sc-153xrgf-3"})([""]),l=e.div.withConfig({displayName:"styled__MessageFiles",componentId:"sc-153xrgf-4"})(["display:flex;flex-direction:column;align-items:flex-start;gap:12px;"]);export{i as MessageFileInfo,a as MessageFileName,o as MessageFileSize,t as MessageFileStyled,l as MessageFiles};

package/dist/components/sidebar/chat/styled.d.ts

@@ -4024,7 +4024,6 @@ export declare const SidebarChatTooltip: import("styled-components").IStyledComp
     align?: import("@/ui/components/tooltip").TooltipAlign | undefined;
     inverted?: boolean | undefined;
     label?: import("react").ReactNode;
-    contentWidth?: number | undefined;
     disabled?: boolean | undefined;
     disableHiddenAnimation?: boolean | undefined;
     markdown?: boolean | undefined;
@@ -4526,7 +4525,6 @@ export declare const SidebarChatNameTooltip: import("styled-components").IStyled
     align?: import("@/ui/components/tooltip").TooltipAlign | undefined;
     inverted?: boolean | undefined;
     label?: import("react").ReactNode;
-    contentWidth?: number | undefined;
     disabled?: boolean | undefined;
     disableHiddenAnimation?: boolean | undefined;
     markdown?: boolean | undefined;

package/dist/components/sidebar/group/styled.d.ts

@@ -2946,7 +2946,6 @@ export declare const SidebarGroupTooltip: import("styled-components").IStyledCom
     align?: import("@/ui/components/tooltip").TooltipAlign | undefined;
     inverted?: boolean | undefined;
     label?: import("react").ReactNode;
-    contentWidth?: number | undefined;
     disabled?: boolean | undefined;
     disableHiddenAnimation?: boolean | undefined;
     markdown?: boolean | undefined;

package/dist/components/tooltip/index.d.ts

@@ -14,7 +14,6 @@ export interface TooltipProps extends React.PropsWithChildren {
     align?: TooltipAlign;
     inverted?: boolean;
     label?: React.ReactNode;
-    contentWidth?: number;
     disabled?: boolean;
     disableHiddenAnimation?: boolean;
     markdown?: boolean;

package/dist/components/tooltip/index.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useState as n,useCallback as c,useEffect as o}from"react";import{useTransition as a}from"@react-spring/web";import i from"react-markdown";import{Portal as s}from"../portal/index.js";import{TooltipStyled as l,TooltipBlock as p,TooltipLabel as d,TooltipMarkdown as h,TooltipLabelBold as m,TooltipCode as u}from"./styled.js";export{TooltipColumn,TooltipImage}from"./styled.js";import{TooltipArrow as f}from"./arrow/index.js";import{TooltipProvider as g}from"./context.js";export{TooltipConsumer,TooltipContext,useTooltip}from"./context.js";const b={enter:150,exit:150,leaveDisabledHiddenAnimation:0},w=({className:w,variant:v="primary",placement:x="top",placementX:k=0,placementY:y=-5,align:T="auto",inverted:j=!1,label:$,contentWidth:E,disabled:C=!1,disableHiddenAnimation:L=!1,markdown:M=!1,children:O,hideOnScroll:Y=!0})=>{const A=r(null),[B,H]=n(),[N,R]=n([0,0]),W=!$||C,X=c(()=>{const e=A.current;if(null===e)return[0,0];const t=B;if(!(t instanceof Element))return[0,0];const{width:r,height:n}=e.getBoundingClientRect(),c=t.getBoundingClientRect(),{width:o}=c,a=c.left+window.scrollX,i=c.top+window.scrollY,s=c.bottom+window.scrollY;let l=0;switch(x){case"top-left":switch(T){case"left":case"auto":l=a;break;case"center":l=a-r/2;break;case"right":l=a-r}break;case"top":switch(T){case"left":l=a+o/2;break;case"center":case"auto":l=a+o/2-r/2;break;case"right":l=a+o/2-r}break;case"top-right":switch(T){case"left":l=a+o;break;case"center":l=a+o-r/2;break;case"right":case"auto":l=a+o-r}break;case"center-right":l=a+o-18;break;case"center-left":l=a-r+18}let p=0;switch(x){case"top-left":case"top":case"top-right":p=j?s+6:i-n-6;break;case"center-right":case"center-left":p=(i+s-n+10)/2;break;default:p=s+6}return[l,p]},[x,T,B]),D=c(()=>{B&&R(X())},[B,X]),I=c(()=>{H(null)},[]),P=[`${N[1]}px`];0!==y&&P.push(`calc(var(--bothub-scale, 1) * ${y}px)`);const S=[`${N[0]}px`];switch(x){case"top-left":switch(T){case"center":S.push("14.5px");break;case"right":S.push("29px")}break;case"top":switch(T){case"left":S.push("-14.5px");break;case"right":S.push("14.5px")}break;case"top-right":switch(T){case"left":S.push("-29px");break;case"center":S.push("-14.5px")}}0!==k&&S.push(`calc(var(--bothub-scale, 1) * ${k}px)`);const q=a(!!B,{from:{opacity:0,y:-6},enter:{opacity:1,y:0},leave:{opacity:0,y:-6,transition:{duration:L?0:.3}},config:{duration:b.enter}})((r,n)=>n&&e(l,{$placement:x,$align:T,$inverted:j,ref:A,className:w,style:Object.assign(Object.assign({},r),{top:P.length<=1?P[0]:`calc(${P.join(" + ")})`,left:S.length<=1?S[0]:`calc(${S.join(" + ")})`}),children:[j&&t(f,{placement:x,variant:v,inverted:j}),e(p,{$contentWidth:E,$variant:v,children:["string"==typeof $&&!M&&e(d,{children:[$.slice(0,272),$.length>272&&"..."]}),"string"==typeof $&&M&&t(h,{children:t(i,{components:{p:({children:e})=>t(d,{component:"p",children:e}),b:({children:e})=>t(m,{children:e}),strong:({children:e})=>t(m,{component:"strong",children:e}),code:({children:e})=>t(u,{children:e})},children:$})}),"string"!=typeof $&&$]}),!j&&t(f,{placement:x,variant:v,inverted:j})]}));o(()=>{D()},[B,D]);const z=c(e=>{!W&&e.currentTarget instanceof Element&&(H(e.currentTarget),D())},[W,D]);return o(()=>{const e=()=>{I()},t=()=>{I()};return window.addEventListener("mouseleave",e),window.addEventListener("scroll",t,Y),()=>{window.removeEventListener("mouseleave",e),window.removeEventListener("scroll",t,Y)}},[I]),e(g,{handleTooltipMouseEnter:e=>{!W&&e.currentTarget instanceof Element&&H(e.currentTarget)},handleTooltipMouseLeave:()=>{H(null)},handleTooltipPointerMove:z,children:[t(s,{children:q}),O]})};export{w as Tooltip,b as TooltipAnimationDuration,p as TooltipBlock,u as TooltipCode,d as TooltipLabel,m as TooltipLabelBold,h as TooltipMarkdown,g as TooltipProvider,l as TooltipStyled};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useState as n,useCallback as c,useEffect as o}from"react";import{useTransition as a}from"@react-spring/web";import i from"react-markdown";import{Portal as s}from"../portal/index.js";import{TooltipStyled as l,TooltipBlock as p,TooltipLabel as d,TooltipMarkdown as h,TooltipLabelBold as m,TooltipCode as u}from"./styled.js";export{TooltipColumn,TooltipImage}from"./styled.js";import{TooltipArrow as f}from"./arrow/index.js";import{TooltipProvider as g}from"./context.js";export{TooltipConsumer,TooltipContext,useTooltip}from"./context.js";const b={enter:150,exit:150,leaveDisabledHiddenAnimation:0},w=({className:w,variant:v="primary",placement:x="top",placementX:k=0,placementY:y=-5,align:T="auto",inverted:j=!1,label:$,disabled:E=!1,disableHiddenAnimation:C=!1,markdown:L=!1,children:M,hideOnScroll:O=!0})=>{const Y=r(null),[A,B]=n(),[H,N]=n([0,0]),R=!$||E,X=c(()=>{const e=Y.current;if(null===e)return[0,0];const t=A;if(!(t instanceof Element))return[0,0];const{width:r,height:n}=e.getBoundingClientRect(),c=t.getBoundingClientRect(),{width:o}=c,a=c.left+window.scrollX,i=c.top+window.scrollY,s=c.bottom+window.scrollY;let l=0;switch(x){case"top-left":switch(T){case"left":case"auto":l=a;break;case"center":l=a-r/2;break;case"right":l=a-r}break;case"top":switch(T){case"left":l=a+o/2;break;case"center":case"auto":l=a+o/2-r/2;break;case"right":l=a+o/2-r}break;case"top-right":switch(T){case"left":l=a+o;break;case"center":l=a+o-r/2;break;case"right":case"auto":l=a+o-r}break;case"center-right":l=a+o-18;break;case"center-left":l=a-r+18}let p=0;switch(x){case"top-left":case"top":case"top-right":p=j?s+6:i-n-6;break;case"center-right":case"center-left":p=(i+s-n+10)/2;break;default:p=s+6}return[l,p]},[x,T,A]),D=c(()=>{A&&N(X())},[A,X]),I=c(()=>{B(null)},[]),P=[`${H[1]}px`];0!==y&&P.push(`calc(var(--bothub-scale, 1) * ${y}px)`);const S=[`${H[0]}px`];switch(x){case"top-left":switch(T){case"center":S.push("14.5px");break;case"right":S.push("29px")}break;case"top":switch(T){case"left":S.push("-14.5px");break;case"right":S.push("14.5px")}break;case"top-right":switch(T){case"left":S.push("-29px");break;case"center":S.push("-14.5px")}}0!==k&&S.push(`calc(var(--bothub-scale, 1) * ${k}px)`);const q=a(!!A,{from:{opacity:0,y:-6},enter:{opacity:1,y:0},leave:{opacity:0,y:-6,transition:{duration:C?0:.3}},config:{duration:b.enter}})((r,n)=>n&&e(l,{$placement:x,$align:T,$inverted:j,ref:Y,className:w,style:Object.assign(Object.assign({},r),{top:P.length<=1?P[0]:`calc(${P.join(" + ")})`,left:S.length<=1?S[0]:`calc(${S.join(" + ")})`}),children:[j&&t(f,{placement:x,variant:v,inverted:j}),e(p,{$variant:v,children:["string"==typeof $&&!L&&e(d,{children:[$.slice(0,272),$.length>272&&"..."]}),"string"==typeof $&&L&&t(h,{children:t(i,{components:{p:({children:e})=>t(d,{component:"p",children:e}),b:({children:e})=>t(m,{children:e}),strong:({children:e})=>t(m,{component:"strong",children:e}),code:({children:e})=>t(u,{children:e})},children:$})}),"string"!=typeof $&&$]}),!j&&t(f,{placement:x,variant:v,inverted:j})]}));o(()=>{D()},[A,D]);const z=c(e=>{!R&&e.currentTarget instanceof Element&&(B(e.currentTarget),D())},[R,D]);return o(()=>{const e=()=>{I()},t=()=>{I()};return window.addEventListener("mouseleave",e),window.addEventListener("scroll",t,O),()=>{window.removeEventListener("mouseleave",e),window.removeEventListener("scroll",t,O)}},[I]),e(g,{handleTooltipMouseEnter:e=>{!R&&e.currentTarget instanceof Element&&B(e.currentTarget)},handleTooltipMouseLeave:()=>{B(null)},handleTooltipPointerMove:z,children:[t(s,{children:q}),M]})};export{w as Tooltip,b as TooltipAnimationDuration,p as TooltipBlock,u as TooltipCode,d as TooltipLabel,m as TooltipLabelBold,h as TooltipMarkdown,g as TooltipProvider,l as TooltipStyled};

package/dist/components/tooltip/styled.d.ts

@@ -1142,7 +1142,6 @@ export declare const TooltipStyled: import("styled-components").IStyledComponent
 }, TooltipStyledProps>>;
 export interface TooltipBlockProps {
     $variant: TooltipVariant;
-    $contentWidth?: number;
 }
 export declare const TooltipBlock: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TooltipBlockProps>>;
 export declare const TooltipLabel: import("styled-components").IStyledComponent<"web", {

package/dist/components/tooltip/styled.js

@@ -28,4 +28,4 @@ import{styled as e,css as t}from"styled-components";import{animated as i}from"@r
           align-items: center;
         `;case"top-right":return t`
           align-items: flex-end;
-        `}}),a=e.span.withConfig({displayName:"styled__TooltipBlock",componentId:"sc-1kd2o9y-1"})(["display:inline-flex;padding:8px;background:",";overflow:hidden;border-radius:6px;box-sizing:border-box;max-width:",";"],({theme:e,$variant:t})=>{switch(t){case"primary":return e.colors.grayScale.gray2;case"secondary":return e.colors.grayScale.gray3}},({$contentWidth:e})=>e?`${e}px`:"260px"),l=e(o).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__TooltipLabel",componentId:"sc-1kd2o9y-2"})(["white-space:pre-wrap;"]),s=e.div.withConfig({displayName:"styled__TooltipMarkdown",componentId:"sc-1kd2o9y-3"})(["display:flex;flex-direction:column;align-items:flex-start;"]),d=e(o).attrs({variant:"body-s-semibold"}).withConfig({displayName:"styled__TooltipLabelBold",componentId:"sc-1kd2o9y-4"})([""]),c=e(o).attrs({component:"code",variant:"body-s-medium"}).withConfig({displayName:"styled__TooltipCode",componentId:"sc-1kd2o9y-5"})(["display:inline-flex;border-radius:4px;background:",";"],({theme:e})=>e.colors.grayScale.gray3),p=e.div.withConfig({displayName:"styled__TooltipColumn",componentId:"sc-1kd2o9y-6"})(["display:inline-flex;flex-direction:column;align-items:center;gap:8px;"]),m=e(n).withConfig({displayName:"styled__TooltipImage",componentId:"sc-1kd2o9y-7"})(["border-radius:4px;"]);export{a as TooltipBlock,c as TooltipCode,p as TooltipColumn,m as TooltipImage,l as TooltipLabel,d as TooltipLabelBold,s as TooltipMarkdown,r as TooltipStyled};
+        `}}),a=e.span.withConfig({displayName:"styled__TooltipBlock",componentId:"sc-1kd2o9y-1"})(["display:inline-flex;width:max-content;max-width:260px;padding:8px;background:",";overflow:hidden;border-radius:6px;box-sizing:border-box;"],({theme:e,$variant:t})=>{switch(t){case"primary":return e.colors.grayScale.gray2;case"secondary":return e.colors.grayScale.gray3}}),l=e(o).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__TooltipLabel",componentId:"sc-1kd2o9y-2"})(["white-space:pre-wrap;"]),s=e.div.withConfig({displayName:"styled__TooltipMarkdown",componentId:"sc-1kd2o9y-3"})(["display:flex;flex-direction:column;align-items:flex-start;"]),d=e(o).attrs({variant:"body-s-semibold"}).withConfig({displayName:"styled__TooltipLabelBold",componentId:"sc-1kd2o9y-4"})([""]),c=e(o).attrs({component:"code",variant:"body-s-medium"}).withConfig({displayName:"styled__TooltipCode",componentId:"sc-1kd2o9y-5"})(["display:inline-flex;border-radius:4px;background:",";"],({theme:e})=>e.colors.grayScale.gray3),p=e.div.withConfig({displayName:"styled__TooltipColumn",componentId:"sc-1kd2o9y-6"})(["display:inline-flex;flex-direction:column;align-items:center;gap:8px;"]),m=e(n).withConfig({displayName:"styled__TooltipImage",componentId:"sc-1kd2o9y-7"})(["border-radius:4px;"]);export{a as TooltipBlock,c as TooltipCode,p as TooltipColumn,m as TooltipImage,l as TooltipLabel,d as TooltipLabelBold,s as TooltipMarkdown,r as TooltipStyled};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bothub-chat/ui",
-  "version": "2.51.3-develop-6b7e7c69-04b5-49fd-a4ce-6f255dac5c71",
+  "version": "2.51.3-develop-7dbd19e5-6214-435c-bca6-1ac10610f47f",
   "description": "Bothub UI Components",
   "keywords": [
     "bot",